diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 000000000..242c1b08a
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,14 @@
+**/node_modules
+**/dist
+**/.turbo
+**/.git
+**/.github
+**/.vscode
+**/.idea
+**/.env
+**/.env.*
+!**/.env.example
+**/coverage
+**/*.tsbuildinfo
+**/*.log
+.DS_Store
diff --git a/.github/scripts/scan.js b/.github/scripts/scan.js
new file mode 100644
index 000000000..7b1924b3f
--- /dev/null
+++ b/.github/scripts/scan.js
@@ -0,0 +1,583 @@
+/**
+ * PolinRider / Famous Chollima Supply-Chain Malware Scanner
+ *
+ * Detects the specific injection pattern used in the PolinRider campaign
+ * attributed to North Korean APT (Void Dokkaebi / Famous Chollima / UNC5342).
+ *
+ * IOCs sourced from:
+ *  - Direct analysis of the injected tailwind.config.js sample
+ *  - Socket Security report (May 2026) on roberts/leads compromise
+ *  - PolinRider technical analysis report (Trend Micro / safedep.io)
+ *
+ * Zero external dependencies — runs on any Node.js >= 14.
+ */
+
+"use strict";
+
+const fs = require("fs");
+const path = require("path");
+const crypto = require("crypto");
+
+// ─── Configuration ────────────────────────────────────────────────────────────
+
+const CONFIG = {
+  // Maximum legitimate size for JS config files.
+  // Real tailwind/postcss/babel configs are rarely > 3 KB.
+  // Injected files jump to 5–8 KB instantly.
+  maxLegitConfigBytes: 3072,
+
+  // Minimum whitespace run on a single line that signals hidden payload.
+  // The campaign uses ~280–510 spaces to push payload off-screen.
+  minSuspiciousInlineSpaces: 100,
+
+  // Files that are high-value injection targets for this campaign.
+  targetedFilenames: [
+    "tailwind.config.js",
+    "tailwind.config.ts",
+    "tailwind.config.cjs",
+    "tailwind.js",
+    "postcss.config.js",
+    "postcss.config.mjs",
+    "postcss.config.cjs",
+    "babel.config.js",
+    "babel.config.cjs",
+    "next.config.js",
+    "next.config.mjs",
+    "next.config.cjs",
+    "astro.config.mjs",
+    "astro.config.js",
+    "vite.config.js",
+    "vite.config.ts",
+    "webpack.config.js",
+    "webpack.mix.js",
+  ],
+
+  // Files intentionally containing malware indicators for scanner logic/tests.
+  // These filenames are skipped before malware rules are evaluated.
+  ignoredFilenames: ["scan.js"],
+
+  // Filesystem paths that indicate active persistence mechanisms
+  persistenceArtifacts: [
+    "temp_auto_push.bat",
+    "temp_interactive_push.bat",
+    "branch_structure.json",
+    // Note: queue.bat and .plist are OS-level; checked separately
+  ],
+};
+
+// ─── IOC Definitions ──────────────────────────────────────────────────────────
+
+/**
+ * Each rule has:
+ *   id          – unique rule identifier for reporting
+ *   severity    – CRITICAL | HIGH | MEDIUM
+ *   description – human-readable explanation
+ *   test(content, filePath, lines) – returns array of match details or []
+ */
+const RULES = [
+  // ── Tier 1: Definitive campaign signatures ─────────────────────────────────
+
+  {
+    id: "POLINRIDER-001",
+    severity: "CRITICAL",
+    description:
+      "PolinRider string-shuffler variable _$_1e42 — present in every known sample of this campaign",
+    test(content) {
+      const matches = [];
+      const re = /_\$_1e42/g;
+      let m;
+      while ((m = re.exec(content)) !== null) {
+        matches.push(`offset ${m.index}`);
+      }
+      return matches;
+    },
+  },
+
+  {
+    id: "POLINRIDER-002",
+    severity: "CRITICAL",
+    description:
+      "PolinRider campaign marker global['!'] assignment — used to route C2 traffic",
+    test(content) {
+      const matches = [];
+      const re = /global\s*\[\s*['"]!\s*['"]\s*\]\s*=/g;
+      let m;
+      while ((m = re.exec(content)) !== null) {
+        const snippet = content
+          .slice(m.index, m.index + 40)
+          .replace(/\n/g, "\\n");
+        matches.push(`"${snippet}"`);
+      }
+      return matches;
+    },
+  },
+
+  {
+    id: "POLINRIDER-003",
+    severity: "CRITICAL",
+    description:
+      'PolinRider shuffler seed string "rmcej%otb%" — embedded in the string-decryption bootstrap of the specific variant targeting this repo',
+    test(content) {
+      return content.includes("rmcej%otb%") ? ["seed string found"] : [];
+    },
+  },
+
+  {
+    id: "POLINRIDER-004",
+    severity: "CRITICAL",
+    description:
+      "Known C2 IP addresses associated with PolinRider infrastructure",
+    test(content) {
+      const knownC2 = ["198.105.127.210", "166.88.54.158", "23.27.202.27"];
+      return knownC2.filter((ip) => content.includes(ip));
+    },
+  },
+
+  {
+    id: "POLINRIDER-005",
+    severity: "CRITICAL",
+    description:
+      "Known TRON blockchain wallet addresses used as dead-drop C2 resolvers",
+    test(content) {
+      const wallets = [
+        "TMfKQEd7TJJa5xNZJZ2Lep838vrzrs7mAP",
+        "TXfxHUet9pJVU1BgVkBAbrES4YUc1nGzcG",
+      ];
+      return wallets.filter((w) => content.includes(w));
+    },
+  },
+
+  {
+    id: "POLINRIDER-006",
+    severity: "CRITICAL",
+    description:
+      "Known Aptos blockchain addresses used as fallback dead-drop resolvers",
+    test(content) {
+      const addrs = [
+        "0xbe037400670fbf1c32364f762975908dc43eeb38759263e7dfcdabc76380811e",
+        "0x3f0e5781d0855fb460661ac63257376db1941b2bb522499e4757ecb3ebd5dce3",
+      ];
+      return addrs.filter((a) => content.includes(a));
+    },
+  },
+
+  {
+    id: "POLINRIDER-007",
+    severity: "CRITICAL",
+    description:
+      "Known XOR decryption keys used to decrypt the second-stage payload from BSC transactions",
+    test(content) {
+      const keys = ["2[gWfGj;<:-93Z^C", "m6:tTh^D)cBz?NM]"];
+      return keys.filter((k) => content.includes(k));
+    },
+  },
+
+  {
+    id: "POLINRIDER-008",
+    severity: "CRITICAL",
+    description:
+      "Known SHA-256 hash of compromised tailwind.js file (Socket Security, 2026-05-31)",
+    test(content) {
+      const knownHashes = new Set([
+        "96afdba882046385242cbed46871e41147c8055c5d9eff7460847b2c01a77dc3",
+        "522b28a2f78771715497ba53729d4ab9a50e982322c391379f3bddf7c8cb363f",
+      ]);
+      const hash = crypto.createHash("sha256").update(content).digest("hex");
+      return knownHashes.has(hash) ? [`SHA-256: ${hash}`] : [];
+    },
+  },
+
+  // ── Tier 2: Behavioral / structural indicators ─────────────────────────────
+
+  {
+    id: "POLINRIDER-009",
+    severity: "HIGH",
+    description:
+      "Blockchain RPC infrastructure contact — campaign uses TRON, Aptos, and BSC as dead-drop C2 resolvers",
+    test(content) {
+      const endpoints = [
+        "trongrid.io",
+        "aptoslabs.com",
+        "bsc-dataseed.binance.org",
+        "bsc-rpc.publicnode.com",
+        "eth_getTransactionByHash",
+      ];
+      return endpoints.filter((e) => content.includes(e));
+    },
+  },
+
+  {
+    id: "POLINRIDER-010",
+    severity: "HIGH",
+    description:
+      "Hidden process spawn with windowsHide:true — used by InvisibleFerret / BeaverTail stager to launch detached Node.js child processes invisibly",
+    test(content) {
+      return /windowsHide\s*:\s*true/.test(content)
+        ? ["windowsHide:true found"]
+        : [];
+    },
+  },
+
+  {
+    id: "POLINRIDER-011",
+    severity: "HIGH",
+    description:
+      "Duplicate createRequire injection at file top — campaign restores require() for ES module environments by prepending two identical import statements",
+    test(content) {
+      const matches =
+        content.match(/import\s*\{\s*createRequire\s*\}\s*from/g) || [];
+      return matches.length >= 2
+        ? [`Found ${matches.length} duplicate createRequire imports`]
+        : [];
+    },
+  },
+
+  {
+    id: "POLINRIDER-012",
+    severity: "HIGH",
+    description:
+      "Payload hidden after large horizontal whitespace (>100 spaces on one line) — evasion technique to hide code off-screen in editors and GitHub diff views",
+    test(content, _filePath, lines) {
+      const hits = [];
+      lines.forEach((line, i) => {
+        const spaceRun = line.match(/\s{100,}/);
+        if (spaceRun) {
+          hits.push(`line ${i + 1}: ${spaceRun[0].length} consecutive spaces`);
+        }
+      });
+      return hits;
+    },
+  },
+
+  {
+    id: "POLINRIDER-013",
+    severity: "HIGH",
+    description:
+      "Config file size anomaly — legitimate tailwind/postcss/babel configs are < 3 KB; injected files jump to 5–8 KB",
+    test(content, filePath) {
+      const bytes = Buffer.byteLength(content, "utf8");
+      const base = path.basename(filePath).toLowerCase();
+      const isTargeted = CONFIG.targetedFilenames.some(
+        (f) => f.toLowerCase() === base,
+      );
+      if (isTargeted && bytes > CONFIG.maxLegitConfigBytes) {
+        return [
+          `${bytes} bytes (threshold: ${CONFIG.maxLegitConfigBytes} bytes)`,
+        ];
+      }
+      return [];
+    },
+  },
+
+  {
+    id: "POLINRIDER-014",
+    severity: "HIGH",
+    description:
+      "Persistence artifact detected — files used by temp_auto_push.bat to rewrite git history and propagate infection to all branches",
+    test(_content, filePath) {
+      const base = path.basename(filePath);
+      return CONFIG.persistenceArtifacts.includes(base) ? [base] : [];
+    },
+  },
+
+  // ── Tier 3: Supporting behavioral indicators ───────────────────────────────
+
+  {
+    id: "POLINRIDER-015",
+    severity: "MEDIUM",
+    description:
+      "Campaign marker pattern — numeric string assigned to global['!'], used to select C2 tier (alpha/beta/fallback)",
+    test(content) {
+      const matches = [];
+      // Matches patterns like '8-3317', '9-0264-2', '8-3946-1', 'A4-1928'
+      const re =
+        /global\s*\[\s*['"]!\s*['"]\s*\]\s*=\s*['"]([A-Z]?\d[\d-]+)['"]/g;
+      let m;
+      while ((m = re.exec(content)) !== null) {
+        matches.push(`marker value: "${m[1]}"`);
+      }
+      return matches;
+    },
+  },
+
+  {
+    id: "POLINRIDER-016",
+    severity: "MEDIUM",
+    description:
+      "sfL obfuscation function — secondary string-shuffler present in multi-stage loader variant",
+    test(content) {
+      // sfL appears as a named function used to decode the larger payload blob
+      const occurrences = (content.match(/\bsfL\b/g) || []).length;
+      return occurrences >= 3 ? [`sfL referenced ${occurrences} times`] : [];
+    },
+  },
+
+  {
+    id: "POLINRIDER-017",
+    severity: "MEDIUM",
+    description:
+      "global require/module injection — bootloader dynamically restores Node.js internals to bypass ES module restrictions",
+    test(content) {
+      const hits = [];
+      if (/global\s*\[.*\]\s*=\s*require/.test(content))
+        hits.push("global[x] = require");
+      if (/global\s*\[.*module.*\]\s*=\s*module/.test(content))
+        hits.push("global[x] = module");
+      return hits;
+    },
+  },
+];
+
+// ─── Scanner Engine ────────────────────────────────────────────────────────────
+
+function scanFile(filePath) {
+  if (shouldIgnoreFile(filePath)) {
+    return { filePath, findings: [], skipped: true };
+  }
+
+  let content;
+  try {
+    content = fs.readFileSync(filePath, "utf8");
+  } catch (err) {
+    return { filePath, error: err.message, findings: [] };
+  }
+
+  const lines = content.split("\n");
+  const findings = [];
+
+  for (const rule of RULES) {
+    let matches;
+    try {
+      matches = rule.test(content, filePath, lines);
+    } catch (err) {
+      matches = [`[rule error: ${err.message}]`];
+    }
+
+    if (matches && matches.length > 0) {
+      findings.push({
+        id: rule.id,
+        severity: rule.severity,
+        description: rule.description,
+        matches,
+      });
+    }
+  }
+
+  return { filePath, findings };
+}
+
+function shouldIgnoreFile(filePath) {
+  const base = path.basename(filePath).toLowerCase();
+  return CONFIG.ignoredFilenames.some((f) => f.toLowerCase() === base);
+}
+
+function walkDir(dir, results = []) {
+  let entries;
+  try {
+    entries = fs.readdirSync(dir, { withFileTypes: true });
+  } catch {
+    return results;
+  }
+
+  for (const entry of entries) {
+    if (entry.name === "node_modules" || entry.name === ".git") continue;
+
+    const full = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      walkDir(full, results);
+    } else if (entry.isFile() && !shouldIgnoreFile(full)) {
+      const ext = path.extname(entry.name).toLowerCase();
+      const base = entry.name.toLowerCase();
+
+      // Scan all JS/TS config files + any file matching a targeted name
+      const isTargetedName = CONFIG.targetedFilenames.some(
+        (f) => f.toLowerCase() === base,
+      );
+      const isPersistenceArtifact = CONFIG.persistenceArtifacts.some(
+        (f) => f.toLowerCase() === base,
+      );
+      const isJsLike = [".js", ".mjs", ".cjs", ".ts", ".tsx", ".jsx"].includes(
+        ext,
+      );
+
+      if (isTargetedName || isPersistenceArtifact || isJsLike) {
+        results.push(full);
+      }
+    }
+  }
+
+  return results;
+}
+
+// ─── Reporting ─────────────────────────────────────────────────────────────────
+
+const SEVERITY_RANK = { CRITICAL: 3, HIGH: 2, MEDIUM: 1 };
+const ANSI = {
+  reset: "\x1b[0m",
+  bold: "\x1b[1m",
+  red: "\x1b[31m",
+  yellow: "\x1b[33m",
+  cyan: "\x1b[36m",
+  green: "\x1b[32m",
+  dim: "\x1b[2m",
+};
+
+function colorSeverity(sev) {
+  if (sev === "CRITICAL") return `${ANSI.bold}${ANSI.red}${sev}${ANSI.reset}`;
+  if (sev === "HIGH") return `${ANSI.yellow}${sev}${ANSI.reset}`;
+  return `${ANSI.cyan}${sev}${ANSI.reset}`;
+}
+
+function printReport(allResults, { json = false, outputFile = null } = {}) {
+  const infected = allResults.filter(
+    (r) => r.findings && r.findings.length > 0,
+  );
+  const errors = allResults.filter((r) => r.error);
+
+  if (json) {
+    const report = {
+      scannedAt: new Date().toISOString(),
+      totalFilesScanned: allResults.length,
+      infectedFiles: infected.length,
+      results: infected,
+      errors,
+    };
+    const out = JSON.stringify(report, null, 2);
+    if (outputFile) {
+      fs.writeFileSync(outputFile, out);
+      console.log(`JSON report written to: ${outputFile}`);
+    } else {
+      console.log(out);
+    }
+    return infected.length > 0;
+  }
+
+  // Human-readable output
+  console.log(
+    `\n${ANSI.bold}╔══════════════════════════════════════════════════════════╗`,
+  );
+  console.log(`║   PolinRider / Famous Chollima Malware Scanner            ║`);
+  console.log(
+    `╚══════════════════════════════════════════════════════════╝${ANSI.reset}`,
+  );
+  console.log(
+    `${ANSI.dim}Scanned ${allResults.length} files · ${new Date().toISOString()}${ANSI.reset}\n`,
+  );
+
+  if (infected.length === 0) {
+    console.log(
+      `${ANSI.green}${ANSI.bold}✓ No infections detected.${ANSI.reset}\n`,
+    );
+  } else {
+    console.log(
+      `${ANSI.red}${ANSI.bold}✗ INFECTION DETECTED in ${infected.length} file(s)${ANSI.reset}\n`,
+    );
+
+    for (const result of infected) {
+      // Sort findings by severity descending
+      const sorted = [...result.findings].sort(
+        (a, b) => SEVERITY_RANK[b.severity] - SEVERITY_RANK[a.severity],
+      );
+      const topSev = sorted[0].severity;
+
+      console.log(
+        `  ${colorSeverity(topSev)} ${ANSI.bold}${result.filePath}${ANSI.reset}`,
+      );
+      for (const f of sorted) {
+        console.log(
+          `    ${ANSI.dim}[${f.id}]${ANSI.reset} ${colorSeverity(f.severity)} — ${f.description}`,
+        );
+        for (const m of f.matches) {
+          console.log(`      → ${m}`);
+        }
+      }
+      console.log();
+    }
+
+    console.log(`${ANSI.bold}Remediation steps:${ANSI.reset}`);
+    console.log(
+      `  1. Immediately isolate the affected machine from the network.`,
+    );
+    console.log(
+      `  2. Do NOT run npm install, npm build, or any script on this repo.`,
+    );
+    console.log(
+      `  3. Check for running node.exe / node processes with obfuscated args.`,
+    );
+    console.log(
+      `  4. Remove all code after the legitimate config closing block.`,
+    );
+    console.log(
+      `  5. Remove duplicate 'import { createRequire }' lines at file top.`,
+    );
+    console.log(
+      `  6. Recover the git repository from a clean local clone (see docs).`,
+    );
+    console.log(
+      `  7. Revoke ALL secrets, tokens, and credentials in .env and CI.`,
+    );
+    console.log(
+      `  8. See full remediation guide in the attached incident report.\n`,
+    );
+  }
+
+  if (errors.length > 0) {
+    console.log(`${ANSI.yellow}Scan errors (${errors.length}):${ANSI.reset}`);
+    for (const e of errors) {
+      console.log(`  ${e.filePath}: ${e.error}`);
+    }
+    console.log();
+  }
+
+  return infected.length > 0;
+}
+
+// ─── CLI Entry Point ───────────────────────────────────────────────────────────
+
+function main() {
+  const args = process.argv.slice(2);
+  const jsonFlag = args.includes("--json");
+  const outputFileIdx = args.indexOf("--output");
+  const outputFile = outputFileIdx !== -1 ? args[outputFileIdx + 1] : null;
+
+  // Positional args after flags are scan targets
+  const targets = args.filter(
+    (a) => !a.startsWith("--") && args[args.indexOf(a) - 1] !== "--output",
+  );
+
+  if (targets.length === 0) {
+    console.error(
+      "Usage: scan.js [--json] [--output report.json] <path> [path...]",
+    );
+    console.error(
+      "  path can be a file or directory (directories are walked recursively)",
+    );
+    process.exit(1);
+  }
+
+  const filesToScan = [];
+  for (const target of targets) {
+    if (!fs.existsSync(target)) {
+      console.error(`Path not found: ${target}`);
+      process.exit(1);
+    }
+    const stat = fs.statSync(target);
+    if (stat.isDirectory()) {
+      const found = walkDir(target);
+      filesToScan.push(...found);
+    } else {
+      filesToScan.push(target);
+    }
+  }
+
+  // Deduplicate
+  const unique = [...new Set(filesToScan)];
+  const allResults = unique.map(scanFile);
+
+  const infected = printReport(allResults, { json: jsonFlag, outputFile });
+
+  // Exit code 1 if any infection found — used by CI to block deployments
+  process.exit(infected ? 1 : 0);
+}
+
+main();
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 000000000..a8f03027a
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,157 @@
+name: Deploy Stacks
+on:
+  push:
+    branches:
+      - main
+      - dev
+      - staging
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+jobs:
+  detect-changes:
+    name: Detect changed services
+    runs-on: self-hosted
+    outputs:
+      matrix: ${{ steps.filter.outputs.matrix }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+
+      - name: Determine changed services
+        id: filter
+        run: |
+          set -euo pipefail
+
+          ALL_SERVICES=(
+            "freight-api"
+            "freight-portal"
+            "freight-backoffice"
+            "passenger-api"
+            "passenger-portal"
+            "passenger-backoffice"
+            "payment-api"
+          )
+
+          if [ "${{ github.event_name }}" = "workflow_dispatch" ]; then
+            JSON=$(printf '%s\n' "${ALL_SERVICES[@]}" | jq -R . | jq -sc .)
+            echo "matrix=${JSON}" >> "$GITHUB_OUTPUT"
+            exit 0
+          fi
+
+          CHANGED=$(git diff --name-only HEAD~1 HEAD)
+          echo "=== Changed files ==="
+          echo "$CHANGED"
+          echo "====================="
+
+          SERVICES=()
+
+          NON_DEPLOYABLE_PATTERN="^docs/|^README[.]md$|^DEPLOYMENT[.]md$|^CLAUDE[.]md$|^checkpoint[.]md$|^orgstructure[.]md$|^ITMLS_DB_Design[.]md$|.*[.]md$|^[.]eslintrc|^[.]prettierrc|^[.]editorconfig|^[.]gitignore|^[.]gitattributes|^commitlint[.]config[.]js$"
+
+          GLOBAL_PATTERN="^[.]github/|^docker-compose[.]yaml$|^turbo[.]json$|^tsconfig[.]json$|^tsconfig[.]base[.]json$|^pnpm-workspace[.]yaml$|^pnpm-lock[.]yaml$|^package[.]json$|^[.]env([.][a-z]+)?$|^packages/|^infrastructure/|^scripts/deploy/|^wagon[.][^/]*[.]ts$|^cargo[.][^/]*[.]ts$|^container[.][^/]*[.]ts$|^use-[^/]*[.]ts$|^[^/]*[.]service[.]ts$|^[^/]*[.]entity[.]ts$|^[^/]*-types[.]ts$"
+          
+          DEPLOYABLE=$(echo "$CHANGED" | grep -vE "$NON_DEPLOYABLE_PATTERN" || true)
+          if [ -z "$DEPLOYABLE" ]; then
+            echo "Only non-deployable files changed. Skipping deploy."
+            echo "matrix=[]" >> "$GITHUB_OUTPUT"
+            exit 0
+          fi
+
+          if echo "$CHANGED" | grep -qE "$GLOBAL_PATTERN"; then
+            echo "Global file(s) changed — deploying all services."
+            JSON=$(printf '%s\n' "${ALL_SERVICES[@]}" | jq -R . | jq -sc .)
+            echo "matrix=${JSON}" >> "$GITHUB_OUTPUT"
+            exit 0
+          fi
+
+          echo "$CHANGED" | grep -q "^apps/edr-freight-api/"              && SERVICES+=("freight-api")
+          echo "$CHANGED" | grep -q "^apps/edr-freight-web-portal/"       && SERVICES+=("freight-portal")
+          echo "$CHANGED" | grep -q "^apps/edr-freight-web-backoffice/"   && SERVICES+=("freight-backoffice")
+          echo "$CHANGED" | grep -q "^apps/edr-passenger-api/"            && SERVICES+=("passenger-api")
+          echo "$CHANGED" | grep -q "^apps/edr-passenger-web/portal/"     && SERVICES+=("passenger-portal")
+          echo "$CHANGED" | grep -q "^apps/edr-passenger-web/backoffice/" && SERVICES+=("passenger-backoffice")
+          echo "$CHANGED" | grep -q "^apps/edr-payment-api/"              && SERVICES+=("payment-api")
+
+          SERVICES=($(printf '%s\n' "${SERVICES[@]}" | sort -u))
+
+          if [ ${#SERVICES[@]} -eq 0 ]; then
+            echo "No deployable service changes detected."
+            echo "matrix=[]" >> "$GITHUB_OUTPUT"
+          else
+            echo "Services to deploy: ${SERVICES[*]}"
+            JSON=$(printf '%s\n' "${SERVICES[@]}" | jq -R . | jq -sc .)
+            echo "matrix=${JSON}" >> "$GITHUB_OUTPUT"
+          fi
+
+  deploy:
+    name: Deploy ${{ matrix.service }}
+    needs: detect-changes
+    if: ${{ needs.detect-changes.outputs.matrix != '[]' }}
+    runs-on: self-hosted
+    strategy:
+      fail-fast: false
+      matrix:
+        service: ${{ fromJson(needs.detect-changes.outputs.matrix) }}
+    env:
+      BRANCH: ${{ github.ref_name }}
+      DEPLOY_USER: tria
+      DOCKER_BUILDKIT: "1"
+      COMPOSE_DOCKER_CLI_BUILD: "1"
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Resolve project and build env file
+        run: |
+          case "${{ matrix.service }}" in
+            freight-api|freight-portal|freight-backoffice)
+              echo "PROJECT=edr-freight"                      >> "$GITHUB_ENV"
+              echo "BUILD_ENV_FILE=freight-web.build.env"    >> "$GITHUB_ENV"
+              ;;
+            passenger-api|passenger-portal|passenger-backoffice)
+              echo "PROJECT=edr-passenger"                   >> "$GITHUB_ENV"
+              echo "BUILD_ENV_FILE=passenger-web.build.env"  >> "$GITHUB_ENV"
+              ;;
+            payment-api)
+              echo "PROJECT=edr-payment"                     >> "$GITHUB_ENV"
+              echo "BUILD_ENV_FILE=payment-web.build.env"    >> "$GITHUB_ENV"
+              ;;
+            *)
+              echo "Unknown service: ${{ matrix.service }}" && exit 1
+              ;;
+          esac
+
+      - name: Sync environment from server
+        run: |
+          chmod +x scripts/deploy/*.sh
+          ./scripts/deploy/sync-env-from-server.sh "${{ matrix.service }}"
+
+      - name: Set compose project name
+        run: |
+          set -euo pipefail
+          branch_slug=$(echo "${BRANCH}" | tr "[:upper:]" "[:lower:]" | sed -E "s/[^a-z0-9]+/-/g; s/^-+//; s/-+$//")
+          echo "COMPOSE_PROJECT_NAME=${PROJECT}-${branch_slug}" >> "${GITHUB_ENV}"
+
+      - name: Configure npm auth for Docker builds
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: ./scripts/deploy/create-npmrc.sh
+
+      - name: Build ${{ matrix.service }}
+        run: |
+          set -euo pipefail
+          docker compose --project-name "${COMPOSE_PROJECT_NAME}" build "${{ matrix.service }}"
+
+      - name: Deploy ${{ matrix.service }}
+        run: |
+          set -euo pipefail
+          docker compose --project-name "${COMPOSE_PROJECT_NAME}" up -d "${{ matrix.service }}" --force-recreate
+
+      - name: Remove npm credentials from workspace
+        if: always()
+        run: rm -f .npmrc .npmrc_temp
diff --git a/.gitignore b/.gitignore
index f4b98ebb1..ba46f7fd7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,6 +23,7 @@ coverage/
 .DS_Store
 .idea/
 .vscode/
+.npmrc
 
 # emacs cache files
 *~
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 000000000..80eabfb57
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,6 @@
+[submodule "user-management"]
+	path = user-management
+	url = git@github.com:Tria-plc/iamui.git
+[submodule "apps/edr-freight-web/backoffice/user-management"]
+	path = apps/edr-freight-web/backoffice/user-management
+	url = git@github.com:Tria-plc/iamui.git
diff --git a/CLAUDE.md b/CLAUDE.md
index c06000dac..d67e6c3d5 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -12,6 +12,7 @@ Monorepo for the Ethio Djibouti Railway (EDR) digital platform. Contains the Fre
 | `edr-freight-web/portal`       | `@edr/freight-portal`       | React frontend for freight customer/portal users   | 5173 |
 | `edr-freight-web/backoffice`   | `@edr/freight-backoffice`   | React frontend for freight backoffice employees    | 5183 |
 | `edr-passenger-api`            | `@edr/passenger-api`        | NestJS API for passenger management                | 3002 |
+| `edr-payment-api`              | `@edr/payment-api`          | NestJS payment microservice (intents, webhooks)    | 3003 |
 | `edr-passenger-web/portal`     | `@edr/passenger-portal`     | React frontend for passenger customer/portal users | 5174 |
 | `edr-passenger-web/backoffice` | `@edr/passenger-backoffice` | React frontend for passenger backoffice employees  | 5184 |
 
@@ -73,6 +74,7 @@ The `@CurrentUser`, `@Roles`, and `@Public` decorators in `@edr/api-common` are
 - `edr-freight-web/portal`: 5173
 - `edr-freight-web/backoffice`: 5183
 - `edr-passenger-api`: 3002
+- `edr-payment-api`: 3003
 - `edr-passenger-web/portal`: 5174
 - `edr-passenger-web/backoffice`: 5184
 
@@ -80,6 +82,7 @@ The `@CurrentUser`, `@Roles`, and `@Public` decorators in `@edr/api-common` are
 
 - `postgres-freight` (port 5433): database `edr_freight` — freight API only.
 - `postgres-passenger` (port 5434): database `edr_passenger` — passenger API only.
+- `edr_payment` schema — lives in the same Postgres database as the domain system (whatever the passenger `DATABASE_URL` points at) but is owned exclusively by `apps/edr-payment-api`. Dedicated DB user, no cross-schema FKs, domain apps have no grants on it (see `docs/payment-service/`).
 - Each app owns its own DB. No cross-database joins; cross-domain data flows through API calls or message queues.
 
 ## Adding a new module to a NestJS app
diff --git a/DEPLOYMENT.md b/DEPLOYMENT.md
new file mode 100644
index 000000000..2818dcd97
--- /dev/null
+++ b/DEPLOYMENT.md
@@ -0,0 +1,233 @@
+# Deployment Runbook
+
+This document explains how deployments work for the EDR platform using Docker, GitHub Actions, and self-hosted runners.
+
+## Overview
+
+- Monorepo contains 6 deployable services:
+  - `freight-api`
+  - `freight-portal`
+  - `freight-backoffice`
+  - `passenger-api`
+  - `passenger-portal`
+  - `passenger-backoffice`
+- Deployments run through one workflow: `.github/workflows/deploy.yml`
+- Each service is built/deployed independently in parallel (matrix jobs).
+- Docker Compose project names are branch-aware to avoid environment collisions on the same host.
+
+## Prerequisites
+
+- Docker Engine with Compose plugin on the self-hosted runner.
+- GitHub self-hosted runner registered for this repository.
+- Repository secret configured:
+  - `NPM_TOKEN` (for private `@tria-plc/*` package install during Docker build)
+- Server-side env files created for each branch/environment.
+
+## Server Environment Files
+
+`sync-env-from-server.sh` reads env files from:
+
+`/home/<DEPLOY_USER>/environment/edr/<branch-slug>/<project>/`
+
+Where:
+
+- `<DEPLOY_USER>` defaults to `tria` (overridable by `DEPLOY_USER`)
+- `<branch-slug>` is derived from Git branch (lowercase, non-alphanumeric replaced with `-`)
+- `<project>` is `edr-freight` or `edr-passenger`
+
+### Required files per project
+
+For `edr-freight`:
+
+- `freight-api.env`
+- `freight-portal.env`
+- `freight-backoffice.env`
+- optional: `freight-web.build.env`
+
+For `edr-passenger`:
+
+- `passenger-api.env`
+- `passenger-portal.env`
+- `passenger-backoffice.env`
+- optional: `passenger-web.build.env`
+
+### Required env key
+
+Each service env file must contain:
+
+- `PORT=<number>`
+
+The sync script validates this and fails if missing.
+
+### Build env files (optional)
+
+Used for additional build-time variables (example: Vite API URL for freight web), with `export` syntax:
+
+```bash
+export FREIGHT_VITE_API_URL=https://freight-api.example.com/api
+```
+
+These are injected into `GITHUB_ENV` during workflow execution.
+
+> **Passenger web:** `NEXT_PUBLIC_API_URL` does **not** need a separate build env file. Place it directly in the service runtime env file (`passenger-portal.env` / `passenger-backoffice.env`) and the sync script will forward it to the build automatically.
+
+## Docker Compose Port Mapping
+
+`docker-compose.yaml` uses per-service env variables for host/container port mappings:
+
+- `FREIGHT_API_PORT`
+- `PASSENGER_API_PORT`
+- `FREIGHT_PORTAL_PORT`
+- `FREIGHT_BACKOFFICE_PORT`
+- `PASSENGER_PORTAL_PORT`
+- `PASSENGER_BACKOFFICE_PORT`
+
+`scripts/deploy/sync-env-from-server.sh` extracts `PORT` from each synced `.env` and exports the corresponding `*_PORT` variable to `GITHUB_ENV`.
+
+## Passenger Web Docker Configuration
+
+The passenger web apps (portal and backoffice) are deployed as **Next.js applications** using a dedicated Dockerfile:
+
+- Dockerfile: `infrastructure/docker/Dockerfile.passenger-web`
+- Apps: `apps/edr-passenger-web/portal` and `apps/edr-passenger-web/backoffice`
+
+### Key differences from freight-web
+
+| Aspect | Freight Web | Passenger Web |
+| --- | --- | --- |
+| Framework | Vite (SPA) | Next.js (SSR/SSG) |
+| Deployment | Static export + nginx | Node.js server |
+| Dockerfile | `Dockerfile.web` | `Dockerfile.passenger-web` |
+| Final port (container) | 80 (nginx) | driven by `PORT` in service `.env` |
+| Build arg | `TURBO_FILTER` | `APP_PACKAGE` + `APP_PATH` + `NEXT_PUBLIC_API_URL` |
+
+### Build arguments
+
+The Dockerfile accepts the following build args:
+
+- `APP_PACKAGE`: Turbo package filter (e.g., `@edr/passenger-portal`)
+- `APP_PATH`: App directory path (e.g., `apps/edr-passenger-web/portal`)
+- `NEXT_PUBLIC_API_URL`: API URL visible to browser — sourced from `NEXT_PUBLIC_API_URL` in the service `.env` file
+
+### Port mapping
+
+Both host and container ports are driven by `PORT` in the service env file. The sync script reads `PORT`, exports `PASSENGER_PORTAL_PORT` / `PASSENGER_BACKOFFICE_PORT` to `GITHUB_ENV`, and `docker-compose.yaml` uses those variables for both sides of the mapping:
+
+```
+${PASSENGER_PORTAL_PORT:-5174}:${PASSENGER_PORTAL_PORT:-5174}
+```
+
+This ensures `docker ps` shows `0.0.0.0:<port>-><port>/tcp` with matching ports.
+
+### Runtime
+
+The final image runs:
+
+```bash
+npx next start
+```
+
+Next.js reads `PORT` from the runtime environment (supplied via `env_file` in docker-compose) to determine which port to listen on.
+
+## GitHub Actions Deployment Flow
+
+Workflow file: `.github/workflows/deploy.yml`
+
+### 1) `prepare` job
+
+- Checks out repository once.
+- Creates workspace artifact (`workspace.tgz`) and uploads it.
+
+### 2) `deploy` matrix job (parallel)
+
+For each service:
+
+- Downloads and extracts workspace artifact.
+- Syncs that service env file from server path.
+- Computes branch slug and sets:
+  - `COMPOSE_PROJECT_NAME=<project>-<branch-slug>`
+- Creates `.npmrc`/`.npmrc_temp` from `NPM_TOKEN`.
+- Runs:
+  - `docker compose --project-name "$COMPOSE_PROJECT_NAME" build <service>`
+  - `docker compose --project-name "$COMPOSE_PROJECT_NAME" up -d <service>`
+- Cleans `.npmrc`/`.npmrc_temp`.
+
+## Branch/Environment Isolation
+
+Compose project name is generated as:
+
+`<project>-<branch-slug>`
+
+Examples:
+
+- `edr-freight-main`
+- `edr-freight-staging`
+- `edr-passenger-dev`
+
+This prevents container/network/volume name collisions between branches.
+
+## Local Manual Deployment (Optional)
+
+From repo root:
+
+```bash
+DOCKER_BUILDKIT=1 docker compose build <service>
+docker compose up -d <service>
+```
+
+If private packages are required locally, create `.npmrc`:
+
+```bash
+cat <<EOF > .npmrc
+@tria-plc:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=<YOUR_TOKEN>
+always-auth=true
+EOF
+```
+
+## Passenger API Startup Behavior
+
+Passenger container entrypoint runs on startup:
+
+1. `npm run prisma:generate`
+2. `npm run prisma:migrate` (deploy mode)
+3. `npm run prisma:seed`
+4. starts API process
+
+## Troubleshooting
+
+### Missing env file
+
+Error:
+
+- `Missing env file: ...`
+
+Fix:
+
+- Create the required file in the server env directory for that project/branch slug.
+
+### Missing PORT in env file
+
+Error:
+
+- `Missing required PORT in env file: ...`
+
+Fix:
+
+- Add `PORT=<number>` to that service env file.
+
+### Private package install fails
+
+Check:
+
+- `NPM_TOKEN` exists in repo secrets.
+- Workflow created `.npmrc` successfully.
+
+### Prisma seed/migrate failures (passenger)
+
+Check:
+
+- `DATABASE_URL` in `passenger-api.env`
+- DB reachability from runner host/container network
+- migration history consistency
+
diff --git a/README.md b/README.md
index c974be546..125561b9d 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,98 @@
+# EDR Platform - Ethio-Djibouti Railway Passenger API
+
+Enterprise-grade NestJS REST API for the Ethio-Djibouti Railway passenger booking and management platform. Built with TypeScript, PostgreSQL, and Prisma ORM.
+
+## 🚀 Features
+
+### 🆕 NEW: Age-Based Pricing, Verifayda 2.0 & Multi-Currency
+
+#### Age-Based Pricing
+- **ADULT** (≥5 years): Pay 100% of base fare
+- **CHILD** (<5 years): First child travels FREE, subsequent children pay 100%
+- Automatic age calculation from date of birth
+- Example: 2 adults + 3 children = 4× base fare (first child free)
+
+#### Verifayda 2.0 Integration
+- Real-time Ethiopian national ID verification
+- Retrieves passenger data from government database
+- National IDs NOT stored (policy compliant)
+- Non-Ethiopians use passport (no verification required)
+- Booking fails if verification unsuccessful
+
+#### Multi-Currency Support
+- **Transaction Currency**: ETB (Ethiopian Birr)
+- **Display Currencies**: ETB, DJF (Djiboutian Franc), USD (US Dollar)
+- Real-time exchange rate conversion
+- Prices shown in user's preferred currency
+- Exchange rates: ETB→DJF=3.25, ETB→USD=0.018
+
+### Core Modules
+- **Authentication & Authorization** - Dual authentication system:
+  - **Passenger Auth**: JWT-based auth with OTP verification, password reset, account lockout
+  - **Corporate IAM**: Integration with @tria-plc corporate identity system for back-office operations (agents, supervisors, admins)
+  - Role-based access control (RBAC) with granular permissions
+- **Age-Based Pricing** - Smart passenger categorization:
+  - **ADULT** (≥5 years): Full fare
+  - **CHILD** (<5 years): First child free, subsequent children full fare
+  - Automatic age calculation from date of birth
+- **Verifayda 2.0 Integration** - Ethiopian national ID verification:
+  - Real-time verification via government API
+  - Retrieves passenger data (name, DOB, nationality)
+  - National IDs NOT stored (policy compliant)
+  - Non-Ethiopians use passport (no verification)
+- **Multi-Currency Support** - Display prices in multiple currencies:
+  - **ETB** (Ethiopian Birr) - Transaction currency
+  - **DJF** (Djiboutian Franc) - Display option
+  - **USD** (US Dollar) - Display option
+  - Real-time exchange rate conversion
+- **Booking Management** - Complete booking lifecycle:
+  - **Guest Booking**: Book without login, optional account creation
+  - **Saved Passengers**: Store passenger details for quick rebooking
+  - Modification, cancellation, refunds, and fare breakdown
+  - Multi-segment journey support
+- **Payment Integration** - Multi-provider support (Telebirr, CBE Birr, eBirr, Card, Wallet) with webhook handling
+- **Seat Management** - Real-time seat inventory:
+  - Seat holds with 5-minute expiry
+  - Seat releases and blocking with coach/class management
+  - Segment-based seat availability (partial journey bookings)
+  - Auto-assign seats with contiguous algorithm
+  - CSV import/export for seat configurations
+- **Ticketing** - QR code and barcode generation, PDF tickets, gate validation with audit logs
+- **Agent Operations** - Counter booking, shift management, commission tracking, and reconciliation
+- **Passenger Services** - Profile management, traveler profiles, saved routes, and preferences
+- **Loyalty Program** - Points accumulation, tier management (Bronze/Silver/Gold/Platinum), and rewards
+- **Wallet System** - Balance management, top-up, transaction ledger
+- **Live Tracking** - Real-time trip status, location updates, delay notifications, crowd signals
+- **Notifications** - Multi-channel (Email, SMS, Push) with templating engine
+- **Support System** - FAQ management, live chat conversations
+- **Reports & Analytics** - Revenue reports, occupancy analytics, agent sales tracking
+- **Route Management** - Route configuration, stops, fare rules, baggage allowance
+
+### Technical Features
+- **Security** - Password hashing (bcrypt), JWT tokens, rate limiting, audit logging
+- **Validation** - Request validation with class-validator, DTO transformation
+- **Documentation** - Auto-generated Swagger/OpenAPI docs at `/api-docs`
+- **Error Handling** - Global exception filters with standardized error responses
+- **Database** - PostgreSQL with Prisma ORM, migrations, and comprehensive seeding
+- **Scheduling** - Cron jobs for automated tasks (seat release, report generation)
+- **Event System** - Event-driven architecture with @nestjs/event-emitter
+
+## 📋 Prerequisites
+
+- **Node.js** >= 20.x
+- **pnpm** >= 9.x (`npm install -g pnpm`)
+- **PostgreSQL** >= 15.x
+- **Git**
+
+## 🛠️ Installation & Setup
+
+### 1. Clone Repository
+```bash
+git clone <repository-url>
+cd edr-platform
+```
+
+### 2. Install Dependencies
 # EDR Platform
 
 Monorepo for the **Ethio-Djibouti Railway** digital platform. Hosts two product lines — **Freight Management** and **Passenger Management** — each with a NestJS API plus React portal and back-office web apps, sharing TypeScript types, NestJS utilities, and a React component library.
@@ -185,6 +280,674 @@ Authentication is provided by an external `@edr/iamui-common` / `@tria-plc/iamap
 pnpm install
 ```
 
+### 3. Environment Configuration
+```bash
+# Copy environment template
+cp apps/edr-passenger-api/.env.example apps/edr-passenger-api/.env
+
+# Edit .env file with your configuration
+```
+
+#### Required Environment Variables
+
+| Variable | Description | Example |
+|----------|-------------|---------|
+| `NODE_ENV` | Environment mode | `development` |
+| `PORT` | HTTP server port | `4000` |
+| `DATABASE_URL` | PostgreSQL connection string | `postgresql://user:pass@localhost:5432/edr_passenger` |
+| `JWT_SECRET` | JWT signing secret (change in production) | `your-secret-key` |
+| `JWT_EXPIRES_IN` | JWT token expiry | `7d` |
+| `PORTAL_URL` | Web app CORS origin | `http://localhost:3000` |
+| `BACK_OFFICE_URL` | Admin portal CORS origin | `http://localhost:3001` |
+| `SENDGRID_API_KEY` | SendGrid API key (optional) | `SG.xxx` |
+| `SENDGRID_FROM_EMAIL` | Email sender address | `noreply@edr-platform.com` |
+
+#### Verifayda 2.0 Configuration (Ethiopian National ID Verification)
+
+| Variable | Description | Example |
+|----------|-------------|---------|
+| `VERIFAYDA_ENABLED` | Enable Verifayda integration | `true` or `false` |
+| `VERIFAYDA_API_URL` | Verifayda API endpoint | `https://api.verifayda.gov.et/v2` |
+| `VERIFAYDA_API_KEY` | API key for Verifayda service | `your-verifayda-api-key` |
+
+**Note:** When `VERIFAYDA_ENABLED=false`, verification is skipped (development mode only).
+
+#### Corporate IAM Configuration (Back-office Authentication)
+
+| Variable | Description | Example |
+|----------|-------------|---------|
+| `IAM_ENABLED` | Enable corporate IAM integration | `true` or `false` |
+| `IAM_API_URL` | Corporate IAM API endpoint | `https://iam.tria-plc.com/api` |
+| `IAM_API_KEY` | API key for IAM service | `your-iam-api-key` |
+
+**Note:** When `IAM_ENABLED=false`, IAM-protected routes allow access without validation (development mode only).
+
+#### Optional: Payment Provider Configuration
+```bash
+# Telebirr Configuration
+TELEBIRR_BASE_URL=https://api.telebirr.com
+TELEBIRR_MERCHANT_CODE=your-merchant-code
+TELEBIRR_APP_SECRET=your-app-secret
+# ... see .env.example for complete list
+```
+
+### 4. Database Setup
+
+#### Start PostgreSQL
+```bash
+# Using Docker (recommended)
+docker run --name edr-postgres \
+  -e POSTGRES_USER=edr \
+  -e POSTGRES_PASSWORD=edr_secret \
+  -e POSTGRES_DB=edr_passenger \
+  -p 5432:5432 \
+  -d postgres:15
+
+# Or use your local PostgreSQL installation
+```
+
+#### Generate Prisma Client
+```bash
+pnpm --filter @edr/passenger-api run prisma:generate
+```
+
+#### Run Migrations
+```bash
+pnpm --filter @edr/passenger-api run prisma:migrate:dev
+```
+
+#### Seed Database
+```bash
+pnpm --filter @edr/passenger-api run prisma:seed
+```
+
+**Seed Data Includes:**
+- 21 Stations (Complete Ethiopian-Djibouti Railway with country codes)
+- 1 Route with 21 stops and fare rules
+- 2 Train services with 4 trips
+- 360 seats across 12 coaches (Economy Regular, Economy Bed, VIP Bed classes)
+- 3 User accounts (Admin, Passenger, Agent)
+- Fare rules for ADULT and CHILD passenger categories
+- Currency exchange rates (ETB, DJF, USD)
+- Baggage allowance rules
+- Notification templates
+- Promotions and FAQ content
+- Menu items and station crowd signals
+- Fraud detection rules
+- Saved passenger profiles for testing
+
+### 5. Start Development Server
+```bash
+pnpm --filter @edr/passenger-api run dev
+```
+
+**API Server:** http://localhost:4000  
+**Swagger Docs:** http://localhost:4000/api-docs
+
+## 🔑 Default Credentials
+
+After seeding, use these credentials to test the API:
+
+| Role | Email | Password | Description |
+|------|-------|----------|-------------|
+| **Admin** | `admin@edr-platform.com` | `admin123` | Full system access, reports, agent management |
+| **Passenger** | `kelemu@email.com` | `password123` | Regular user with loyalty (Silver) and wallet |
+| **Agent** | `agent@edr-platform.com` | `agent123` | Counter booking agent with commission tracking |
+
+## 📚 API Documentation
+
+### Swagger UI
+Interactive API documentation available at: **http://localhost:4000/api-docs**
+
+### Authentication Methods
+
+The API uses two authentication schemes:
+
+#### 1. JWT Authentication (Passenger-facing)
+- **Used for**: Passenger bookings, profile management, wallet, loyalty
+- **Header**: `Authorization: Bearer <jwt-token>`
+- **Obtain token**: `POST /auth/login` with passenger credentials
+- **Swagger Security**: `JWT-auth`
+
+#### 2. IAM Authentication (Back-office)
+- **Used for**: Agent operations, fraud detection, reports, admin functions
+- **Header**: `Authorization: Bearer <iam-token>`
+- **Obtain token**: From corporate IAM system (https://iam.tria-plc.com)
+- **Swagger Security**: `IAM-auth`
+- **Roles**: AGENT, SUPERVISOR, ADMIN, STAFF
+
+### API Endpoints Overview
+
+| Module | Base Path | Auth Type | Description |
+|--------|-----------|-----------|-------------|
+| **Auth** | `/auth` | Public/JWT | Register, login, OTP verification, password reset |
+| **Passengers** | `/passengers` | Public/JWT | Verifayda verification, international registration, profiles |
+| **Search** | `/search` | Public | Trip search, availability, fare quotes |
+| **Stations** | `/stations` | Public/JWT | Station directory and information |
+| **Seats** | `/seats` | JWT/IAM | Seat maps, holds, releases, blocking |
+| **Bookings** | `/bookings` | Public/JWT | Guest booking, create, modify, cancel bookings |
+| **Payments** | `/payments` | JWT/Public | Payment initiation, webhooks, refunds |
+| **Tickets** | `/tickets` | JWT/IAM | Ticket generation, QR/barcode, validation |
+| **Notifications** | `/notifications` | JWT | In-app notifications, preferences |
+| **Loyalty** | `/loyalty` | JWT | Points, tiers, rewards redemption |
+| **Wallet** | `/wallet` | JWT | Balance, top-up, transaction history |
+| **Promotions** | `/promos` | Public/JWT | Active promotions, promo code validation |
+| **Live Tracking** | `/live` | Public/JWT | Real-time trip status, crowd signals |
+| **Support** | `/support` | Public/JWT | FAQ, chat conversations |
+| **Dashboard** | `/dashboard` | JWT | Home screen aggregated data |
+| **Routes** | `/routes` | JWT/IAM | Reusable route templates with ordered stops |
+| **Schedules** | `/schedules` | JWT/IAM | Trip schedules, fare rules, status updates |
+| **Fleet** | `/fleet` | JWT/IAM | Train services, coaches, seat configurations |
+| **Seat Classes** | `/seat-classes` or `/classes` | Public/JWT/IAM | Seat class management and configuration |
+| **Segment Seats** | `/segments/seats` | Public/JWT | Segment-based seat availability and booking |
+| **Agents** | `/agents` | IAM | Agent booking, shifts, commissions, reconciliation |
+| **Fraud Detection** | `/fraud` | IAM | Fraud alerts, rules management, user blocking |
+| **Reports** | `/reports` | IAM | Revenue, occupancy, agent sales analytics |
+
+### Example API Calls
+
+#### 1. Register Passenger
+```bash
+POST /auth/register
+Content-Type: application/json
+
+{
+  "email": "user@example.com",
+  "phone": "+251911234567",
+  "fullName": "John Doe",
+  "password": "SecurePass123"
+}
+```
+
+#### 2. Login (Passenger)
+```bash
+POST /auth/login
+Content-Type: application/json
+
+{
+  "email": "user@example.com",
+  "password": "SecurePass123"
+}
+
+# Response includes JWT token
+{
+  "accessToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
+  "user": { "id": "uuid", "role": "PASSENGER" }
+}
+```
+
+#### 3. Verify Ethiopian National ID (Verifayda)
+```bash
+POST /passengers/verify-fayda
+Content-Type: application/json
+
+{
+  "nationalId": "ET123456789"
+}
+
+# Response with verified passenger data
+{
+  "verified": true,
+  "passengerData": {
+    "fullName": "Abebe Kebede",
+    "dateOfBirth": "1985-03-15T00:00:00.000Z",
+    "gender": "Male",
+    "nationality": "Ethiopian"
+  }
+}
+```
+
+#### 4. Universal Passenger Registration (NEW)
+```bash
+# Guest Ethiopian with Fayda verification
+POST /passengers/register
+Content-Type: application/json
+
+{
+  "passengerName": "Abebe Kebede",
+  "dateOfBirth": "1985-03-15",
+  "nationalId": "ET123456789",
+  "phone": "+251911234567",
+  "deviceId": "device-uuid-123"
+}
+
+# Logged-in user with JWT token
+POST /passengers/register
+Authorization: Bearer <jwt-token>
+Content-Type: application/json
+
+{
+  "passengerName": "Abebe Kebede",
+  "dateOfBirth": "1985-03-15",
+  "nationalId": "ET123456789",
+  "phone": "+251911234567"
+}
+
+# International passenger (passport)
+POST /passengers/register
+Content-Type: application/json
+
+{
+  "passengerName": "John Smith",
+  "dateOfBirth": "1990-07-20",
+  "passportNumber": "P1234567",
+  "passportCountry": "Kenya",
+  "nationality": "Kenyan",
+  "phone": "+254712345678",
+  "email": "john@example.com",
+  "deviceId": "device-uuid-123"
+}
+```
+
+#### 5. Get User Profile (NEW)
+```bash
+GET /auth/profile
+Authorization: Bearer <jwt-token>
+
+# Response includes user, passenger, loyalty, and wallet details
+{
+  "id": "uuid",
+  "email": "user@example.com",
+  "phone": "+251911234567",
+  "fullName": "John Doe",
+  "role": "PASSENGER",
+  "nationality": "Ethiopian",
+  "faydaVerified": true,
+  "faydaVerifiedAt": "2024-01-15T10:30:00.000Z",
+  "passenger": {
+    "id": "uuid",
+    "loyalty": {
+      "tier": "SILVER",
+      "pointsBalance": 1500,
+      "lifetimePoints": 3000
+    },
+    "wallet": {
+      "balanceMinor": 50000,
+      "currency": "ETB"
+    }
+  }
+}
+```
+
+#### 6. Search Trips
+```bash
+POST /search
+Content-Type: application/json
+
+{
+  "originStationId": "uuid",
+  "destinationStationId": "uuid",
+  "date": "2026-06-15",
+  "adultCount": 2,
+  "childCount": 1
+}
+```
+
+#### 7. Get Fare Quote
+```bash
+POST /search/fare-quote
+Content-Type: application/json
+
+{
+  "tripId": "uuid",
+  "serviceClass": "ECONOMY_REGULAR",
+  "adultCount": 2,
+  "childCount": 1,
+  "displayCurrency": "USD"
+}
+
+# Response includes age-based pricing breakdown
+{
+  "baseFareMinor": 35000,
+  "adultCount": 2,
+  "adultFareMinor": 70000,
+  "childCount": 1,
+  "freeChildrenCount": 1,
+  "paidChildrenCount": 0,
+  "childFareMinor": 0,
+  "totalMinor": 73500,
+  "currency": "ETB",
+  "displayCurrency": "USD",
+  "displayTotalMinor": 1323
+}
+```
+
+#### 8. Guest Booking (No Login Required)
+```bash
+POST /bookings/guest
+Content-Type: application/json
+
+{
+  "tripId": "uuid",
+  "holdId": "uuid",
+  "serviceClass": "ECONOMY_REGULAR",
+  "displayCurrency": "ETB",
+  "passengers": [
+    {
+      "seatId": "uuid",
+      "passengerName": "Abebe Kebede",
+      "dateOfBirth": "1985-03-15",
+      "idDocumentType": "NATIONAL_ID",
+      "idDocumentNumber": "ET123456789"
+    }
+  ],
+  "createAccount": false,
+  "savePassengerDetails": true,
+  "deviceId": "device-uuid"
+}
+```
+
+#### 9. Agent Booking (IAM Auth)
+```bash
+POST /agents/bookings
+Authorization: Bearer <iam-token>
+Content-Type: application/json
+
+{
+  "tripId": "uuid",
+  "seats": [...],
+  "paymentMethod": "CASH",
+  "cashReceived": 50000
+}
+```
+
+## 🏗️ Project Structure
+
+```
+apps/edr-passenger-api/
+├── prisma/
+│   ├── schema.prisma          # Database schema (40+ models)
+│   ├── seed.ts                # Comprehensive seed script
+│   └── migrations/            # Database migrations
+├── src/
+│   ├── common/                # Shared utilities
+│   │   ├── filters/           # Exception filters
+│   │   ├── interceptors/      # Response interceptors
+│   │   ├── pipes/             # Validation pipes
+│   │   ├── i18n/              # Internationalization
+│   │   ├── jwt.guard.ts       # JWT authentication guard (passengers)
+│   │   ├── jwt.strategy.ts    # Passport JWT strategy
+│   │   ├── iam-adapter.ts     # Corporate IAM guard (back-office)
+│   │   ├── iam.module.ts      # IAM module
+│   │   ├── roles.guard.ts     # RBAC authorization guard
+│   │   ├── roles.decorator.ts # Roles decorator
+│   │   ├── prisma.service.ts  # Prisma client service
+│   │   └── prisma.module.ts   # Prisma module
+│   ├── config/                # Configuration files
+│   │   ├── app.config.ts      # App configuration
+│   │   ├── database.config.ts # Database configuration
+│   │   └── telebirr.config.ts # Payment provider config
+│   ├── modules/               # Feature modules
+│   │   ├── auth/              # Authentication & authorization (JWT)
+│   │   ├── agents/            # Agent operations (IAM-protected)
+│   │   ├── bookings/          # Booking management (JWT)
+│   │   ├── currency/          # Currency conversion service
+│   │   ├── dashboard/         # Dashboard aggregations (JWT)
+│   │   ├── fleet/             # Train fleet management (JWT/IAM)
+│   │   ├── fraud/             # Fraud detection (IAM-protected)
+│   │   ├── live/              # Live tracking (JWT)
+│   │   ├── loyalty/           # Loyalty program (JWT)
+│   │   ├── notifications/     # Notification system (JWT)
+│   │   ├── passengers/        # Passenger management (JWT)
+│   │   ├── payments/          # Payment processing (JWT/Webhooks)
+│   │   ├── promos/            # Promotions (JWT)
+│   │   ├── reports/           # Reports & analytics (IAM-protected)
+│   │   ├── schedules/         # Trip schedules (JWT/IAM)
+│   │   ├── search/            # Trip search (JWT)
+│   │   ├── seats/             # Seat management (JWT/IAM)
+│   │   ├── segments/          # Journey segments (JWT)
+│   │   ├── stations/          # Station management (JWT)
+│   │   ├── support/           # Customer support (JWT)
+│   │   ├── tickets/           # Ticketing (JWT/IAM)
+│   │   ├── verifayda/         # Verifayda 2.0 integration
+│   │   └── wallet/            # Wallet system (JWT)
+│   ├── app.module.ts          # Root application module
+│   └── main.ts                # Application entry point
+├── test/                      # E2E tests
+├── .env.example               # Environment template
+├── Dockerfile                 # Docker configuration
+├── nest-cli.json              # NestJS CLI configuration
+├── package.json               # Dependencies & scripts
+├── tsconfig.json              # TypeScript configuration
+└── tsconfig.build.json        # Build configuration
+```
+
+## 🗄️ Database Schema
+
+### Key Models (40+ total)
+
+**Core Entities:**
+- `User`, `Session`, `Passenger`, `Agent`
+- `Station`, `Route`, `RouteStop`, `RouteFareRule`
+- `TrainService`, `Trip`, `TripStopTime`, `Coach`, `Seat`
+- `Booking`, `BookingSeat`, `Ticket`
+- `PaymentIntent`, `PaymentRefund`, `PaymentWebhookEvent`
+
+**Enhanced Features:**
+- `OtpCode`, `PasswordResetToken` (Auth)
+- `AgentBooking`, `AgentShift`, `AgentCommission` (Agents)
+- `BookingModification`, `BookingCancellation` (Booking lifecycle)
+- `GateValidationLog` (Ticket validation)
+- `BaggageAllowance`, `BaggageBooking` (Baggage)
+- `LoyaltyAccount`, `LoyaltyLedgerEntry`, `LoyaltyReward`
+- `WalletAccount`, `WalletLedgerEntry`
+- `Notification`, `NotificationTemplate`
+- `AuditLog`, `OperationalReport`
+- `SeatBlock`, `SeatHold`
+- `CurrencyExchangeRate` (Multi-currency)
+- `VerifaydaVerification` (National ID verification)
+- `SavedPassengerProfile` (Guest booking)
+- `SeatClass` (Seat class configuration)
+- `JourneySegment` (Multi-segment journeys)
+
+## 🔧 Available Scripts
+
+```bash
+# Development
+pnpm --filter @edr/passenger-api run dev          # Start with hot-reload
+
+# Build
+pnpm --filter @edr/passenger-api run build        # Compile TypeScript
+
+# Production
+pnpm --filter @edr/passenger-api run start        # Run compiled code
+
+# Testing
+pnpm --filter @edr/passenger-api run test         # Unit tests
+pnpm --filter @edr/passenger-api run test:e2e     # E2E tests
+
+# Code Quality
+pnpm --filter @edr/passenger-api run lint         # ESLint
+pnpm --filter @edr/passenger-api run type-check   # TypeScript check
+
+# Database
+pnpm --filter @edr/passenger-api run prisma:generate  # Generate Prisma client
+pnpm --filter @edr/passenger-api run prisma:migrate:dev   # Run migrations (local dev)
+pnpm --filter @edr/passenger-api run prisma:seed      # Seed database
+```
+
+## 🐳 Docker Deployment
+
+All six apps build from Dockerfiles: each API has its own (`apps/edr-freight-api/Dockerfile`, `apps/edr-passenger-api/Dockerfile`); Vite frontends share `infrastructure/docker/Dockerfile.web` and are served with **nginx**. APIs run on **Node 22**.
+
+**Prerequisites**
+
+- Docker with BuildKit enabled
+- A local [`.npmrc`](.gitignore) with GitHub Packages auth for `@tria-plc/*` (required for **freight** API and web images)
+- External Postgres for each API (compose does **not** include databases)
+- Copy `apps/edr-freight-api/.env.example` → `.env` and `apps/edr-passenger-api/.env.example` → `.env` with real connection strings
+
+### Build and run (all apps)
+
+```bash
+# From monorepo root
+DOCKER_BUILDKIT=1 pnpm docker:build
+pnpm docker:up
+```
+
+Or without pnpm scripts:
+
+```bash
+DOCKER_BUILDKIT=1 docker compose build
+docker compose up -d
+```
+
+| Service | URL (default) |
+|---------|----------------|
+| Freight API | http://localhost:3001 |
+| Passenger API | http://localhost:4000 |
+| Freight portal | http://localhost:5173 |
+| Freight backoffice | http://localhost:5183 |
+| Passenger portal | http://localhost:5174 |
+| Passenger backoffice | http://localhost:5184 |
+
+### Build a single service
+
+```bash
+docker compose build freight-api
+docker compose build passenger-portal
+```
+
+Freight images mount `.npmrc` as a BuildKit secret during `pnpm install`. Passenger web images do not require private packages.
+
+### `VITE_API_URL` (frontends)
+
+API URLs are **baked in at image build time** (`import.meta.env.VITE_API_URL`). Defaults in [`docker-compose.yaml`](docker-compose.yaml) use `http://localhost:3001/api` (freight) and `http://localhost:4000` (passenger) for local smoke tests. Override build args for production, e.g.:
+
+```bash
+docker compose build freight-portal \
+  --build-arg VITE_API_URL=https://freight-api.example.com/api
+```
+
+### Migrations
+
+- **Freight API:** TypeORM migrations are not run on container startup — apply them separately before deploy.
+- **Passenger API:** On each container start, the entrypoint runs `npm run prisma:migrate` and `npm run prisma:seed` (same `package.json` scripts as `pnpm run`) before starting the server. Ensure `DATABASE_URL` in `.env` points at a reachable Postgres instance.
+
+For local development, use `pnpm --filter @edr/passenger-api run prisma:migrate:dev` instead of `prisma:migrate`.
+
+### GitHub Actions (self-hosted runner)
+
+Two workflows deploy independently on push to `main`, `develop`, or `staging`:
+
+| Workflow | Services | Server env root |
+|----------|----------|-----------------|
+| [`.github/workflows/deploy-freight.yml`](.github/workflows/deploy-freight.yml) | freight-api, freight-portal, freight-backoffice | `/home/user/environmen/edr-freight/<branch>/` |
+| [`.github/workflows/deploy-passenger.yml`](.github/workflows/deploy-passenger.yml) | passenger-api, passenger-portal, passenger-backoffice | `/home/user/environmen/edr-passenger/<branch>/` |
+
+**On the runner**, place env files before the first deploy (example for branch `main`):
+
+```text
+/home/user/environmen/edr-freight/main/
+  freight-api.env
+  freight-portal.env          # optional runtime env for Vite/nginx
+  freight-backoffice.env
+  freight-web.build.env       # exports FREIGHT_VITE_API_URL=...
+
+/home/user/environmen/edr-passenger/main/
+  passenger-api.env
+  passenger-portal.env
+  passenger-backoffice.env
+  passenger-web.build.env     # exports PASSENGER_VITE_API_URL=...
+```
+
+Example `freight-web.build.env`:
+
+```bash
+export FREIGHT_VITE_API_URL=https://freight-api.example.com/api
+```
+
+The workflow copies `*.env` into each app directory, creates `.npmrc` from the `NPM_TOKEN` repository secret, then runs `docker compose build` and `docker compose up -d` for that stack.
+
+## 🔒 Security Best Practices
+
+1. **Environment Variables** - Never commit `.env` files. Use secrets management in production.
+2. **JWT Secret** - Use strong, randomly generated secrets (min 32 characters).
+3. **Password Hashing** - Bcrypt with salt rounds (default: 10).
+4. **Rate Limiting** - Implement rate limiting for auth endpoints.
+5. **CORS** - Configure allowed origins in production.
+6. **HTTPS** - Always use HTTPS in production.
+7. **Database** - Use connection pooling and prepared statements (Prisma handles this).
+8. **Audit Logging** - All sensitive operations are logged in `AuditLog` table.
+9. **Dual Authentication** - Passenger routes use JWT, back-office routes use corporate IAM.
+10. **IAM Integration** - Corporate IAM validates tokens against centralized identity service.
+11. **Role-Based Access** - Granular permissions enforced via IAM roles (AGENT, SUPERVISOR, ADMIN).
+12. **Token Validation** - IAM tokens validated in real-time with 5-second timeout.
+
+## 📊 Monitoring & Logging
+
+- **Application Logs** - NestJS built-in logger
+- **Database Queries** - Prisma query logging (enable in development)
+- **Audit Trail** - All user actions logged in `AuditLog` table
+- **Error Tracking** - Global exception filters with detailed error responses
+
+## 🧪 Testing
+
+```bash
+# Unit tests
+pnpm --filter @edr/passenger-api run test
+
+# E2E tests
+pnpm --filter @edr/passenger-api run test:e2e
+
+# Test coverage
+pnpm --filter @edr/passenger-api run test:cov
+```
+
+## 🚀 Production Deployment
+
+### Pre-deployment Checklist
+- [ ] Update environment variables (JWT_SECRET, DATABASE_URL, etc.)
+- [ ] Configure IAM integration (IAM_ENABLED=true, IAM_API_URL, IAM_API_KEY)
+- [ ] Configure Verifayda integration (VERIFAYDA_ENABLED=true, VERIFAYDA_API_KEY)
+- [ ] Set up currency exchange rate sync (external API)
+- [ ] Set NODE_ENV=production
+- [ ] Configure CORS origins (PORTAL_URL, BACK_OFFICE_URL)
+- [ ] Set up SSL/TLS certificates
+- [ ] Configure database connection pooling
+- [ ] Set up monitoring and logging
+- [ ] Configure backup strategy
+- [ ] Test payment provider integrations
+- [ ] Verify IAM token validation endpoint
+- [ ] Test Verifayda verification with real national IDs
+- [ ] Verify currency conversion accuracy
+- [ ] Test age-based pricing calculations
+- [ ] Review security settings and audit logs
+- [ ] Test both JWT and IAM authentication flows
+
+### Deployment Steps
+```bash
+# 1. Build application
+pnpm --filter @edr/passenger-api run build
+
+# 2. Run migrations
+pnpm --filter @edr/passenger-api run prisma:migrate
+
+# 3. Start production server
+NODE_ENV=production pnpm --filter @edr/passenger-api run start:prod
+```
+
+## 🤝 Contributing
+
+1. Fork the repository
+2. Create feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit changes (`git commit -m 'Add amazing feature'`)
+4. Push to branch (`git push origin feature/amazing-feature`)
+5. Open Pull Request
+
+## 📝 License
+
+This project is proprietary and confidential.
+
+## 📧 Support
+
+For technical support or questions:
+- Email: support@edr-platform.com
+- Documentation: http://localhost:4000/api-docs
+
+---
+
+**Built with ❤️ for Ethio-Djibouti Railway**
 ### Start local databases
 
 ```bash
diff --git a/apps/edr-freight-api/.env.example b/apps/edr-freight-api/.env.example
index 90aa517ff..73e122a1d 100644
--- a/apps/edr-freight-api/.env.example
+++ b/apps/edr-freight-api/.env.example
@@ -1,14 +1,24 @@
-# App
-NODE_ENV=development
+# Copy to .env for local/docker compose (not committed).
 PORT=3001
-
-# Database
 DB_HOST=localhost
 DB_PORT=5433
-DB_NAME=edr_freight
 DB_USER=postgres
 DB_PASSWORD=
+DB_NAME=edr_freight
 
+# Telebirr payment gateway (freight merchant credentials)
+TELEBIRR_BASE_URL=
+TELEBIRR_WEB_BASE_URL=
+TELEBIRR_FABRIC_APP_ID=
+TELEBIRR_APP_SECRET=
+TELEBIRR_MERCHANT_APP_ID=
+TELEBIRR_MERCHANT_CODE=
+TELEBIRR_NOTIFY_URL=https://freight-api.edr.et/payments/webhooks/telebirr
+TELEBIRR_RETURN_URL=
+TELEBIRR_TIMEOUT_EXPRESS=15m
+TELEBIRR_PRIVATE_KEY=
+TELEBIRR_PUBLIC_KEY=
+TELEBIRR_INSECURE_TLS=false
 # JWT (used by @tria-plc/api-common SharedAuthModule)
 JWT_SECRET=
 JWT_ACCESS_TOKEN_SECRET=
diff --git a/apps/edr-freight-api/Dockerfile b/apps/edr-freight-api/Dockerfile
index 1f4ac2e60..b0850737b 100644
--- a/apps/edr-freight-api/Dockerfile
+++ b/apps/edr-freight-api/Dockerfile
@@ -1,26 +1,37 @@
-FROM node:20-alpine AS base
-RUN corepack enable && corepack prepare pnpm@9.12.0 --activate
+# syntax=docker/dockerfile:1
+# Build from monorepo root: docker build -f apps/edr-freight-api/Dockerfile .
+
+FROM node:24.15.0-alpine AS base
+RUN apk add --no-cache libc6-compat
+RUN corepack enable
 WORKDIR /app
 
-FROM base AS deps
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
-COPY apps/edr-freight-api/package.json ./apps/edr-freight-api/
-COPY packages ./packages
-RUN pnpm install --frozen-lockfile --filter @edr/freight-api...
+FROM base AS pruner
+COPY . .
+RUN pnpm dlx turbo prune "@edr/freight-api" --docker
 
-FROM deps AS build
-COPY apps/edr-freight-api ./apps/edr-freight-api
-RUN pnpm --filter @edr/freight-api build
+FROM base AS installer
+COPY --from=pruner /app/out/json/ .
+COPY --from=pruner /app/out/pnpm-lock.yaml ./pnpm-lock.yaml
+RUN --mount=type=secret,id=npmrc,target=./.npmrc,required=false \
+    pnpm install --frozen-lockfile
 
-FROM node:20-alpine AS runtime
-RUN corepack enable && corepack prepare pnpm@9.12.0 --activate
-WORKDIR /app/apps/edr-freight-api
+FROM base AS builder
+COPY --from=installer /app/ .
+COPY --from=pruner /app/out/full/ .
+RUN pnpm turbo build --filter="@edr/freight-api..."
+
+FROM base AS deployer
+COPY --from=builder /app/ .
+RUN pnpm deploy --filter="@edr/freight-api" --prod --legacy /deploy
+
+FROM node:24.15.0-alpine AS runner
+RUN apk add --no-cache libc6-compat
 ENV NODE_ENV=production
-
-COPY --from=deps  /app/node_modules ./../../node_modules
-COPY --from=deps  /app/apps/edr-freight-api/node_modules ./node_modules
-COPY --from=build /app/apps/edr-freight-api/dist ./dist
-COPY --from=build /app/apps/edr-freight-api/package.json ./package.json
-
+WORKDIR /app
+RUN addgroup --system --gid 1001 nodejs \
+    && adduser --system --uid 1001 --ingroup nodejs nestjs
+COPY --from=deployer --chown=nestjs:nodejs /deploy .
+USER nestjs
 EXPOSE 3001
 CMD ["node", "dist/main.js"]
diff --git a/apps/edr-freight-api/package.json b/apps/edr-freight-api/package.json
index 4eb237a39..3fcde133e 100644
--- a/apps/edr-freight-api/package.json
+++ b/apps/edr-freight-api/package.json
@@ -14,22 +14,29 @@
     "test": "jest",
     "test:e2e": "jest --config ./test/jest-e2e.json",
     "seed:wagons": "ts-node -r tsconfig-paths/register src/scripts/seed-edr-wagons.ts",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "seed:demo-scheduling": "ts-node -r tsconfig-paths/register src/scripts/seed-demo-scheduling.ts",
+    "seed:freight-demo": "ts-node -r tsconfig-paths/register src/scripts/seed-freight-demo.ts",
+    "seed:fleet-wagons": "bash ../../../docs/new/seeds/seed-fleet-wagons.sh"
   },
   "dependencies": {
     "@edr/api-common": "workspace:*",
+    "@edr/payment-providers": "workspace:*",
     "@edr/types": "workspace:*",
+    "@golevelup/nestjs-rabbitmq": "^5.5.0",
     "@nestjs/axios": "^4.0.1",
     "@nestjs/common": "^11.0.0",
     "@nestjs/config": "^4.0.0",
     "@nestjs/core": "^11.0.0",
+    "@nestjs/event-emitter": "^2.0.4",
     "@nestjs/mapped-types": "^2.1.1",
     "@nestjs/microservices": "^11.0.0",
     "@nestjs/platform-express": "^11.0.0",
+    "@nestjs/schedule": "^6.1.3",
     "@nestjs/swagger": "^11.4.2",
     "@nestjs/typeorm": "^11.0.1",
-    "@tria-plc/api-common": "^1.4.0",
-    "@tria-plc/iamapi-common": "^0.5.1",
+    "@tria-plc/api-common": "^1.4.3",
+    "@tria-plc/iamapi-common": "^0.6.6",
     "amqp-connection-manager": "^5.0.0",
     "amqplib": "^2.0.1",
     "axios": "^1.16.1",
@@ -41,7 +48,9 @@
     "pg": "^8.13.0",
     "puppeteer": "^24.2.0",
     "reflect-metadata": "^0.2.2",
-    "rxjs": "^7.8.1"
+    "rxjs": "^7.8.1",
+    "typeorm": "^0.3.30"
+
   },
   "devDependencies": {
     "@edr/api-common": "workspace:*",
@@ -64,7 +73,6 @@
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "typeorm": "^1.0.0",
     "typescript": "^5.5.4"
   },
   "jest": {
diff --git a/apps/edr-freight-api/src/app.module.ts b/apps/edr-freight-api/src/app.module.ts
index c109290ce..ec1664f15 100644
--- a/apps/edr-freight-api/src/app.module.ts
+++ b/apps/edr-freight-api/src/app.module.ts
@@ -1,6 +1,7 @@
 import { Module, OnApplicationBootstrap } from "@nestjs/common";
 import { ConfigModule, ConfigService } from "@nestjs/config";
 import { TypeOrmModule, TypeOrmModuleOptions } from "@nestjs/typeorm";
+import { ScheduleModule } from "@nestjs/schedule";
 import { DataSource, DataSourceOptions } from "typeorm";
 import { ensurePostgresSchemas } from "./config/ensure-postgres-schemas";
 import { IamModule, DataSeeder } from "@tria-plc/iamapi-common";
@@ -8,17 +9,21 @@ import { SharedAuthModule } from "@tria-plc/api-common/modules/auth/shared-auth.
 
 import appConfig from "./config/app.config";
 import databaseConfig from "./config/database.config";
+import telebirrConfig from "./config/telebirr.config";
+import rabbitmqConfig from "./config/rabbitmq.config";
 
 import { BookingsModule } from "./modules/bookings/bookings.module";
+import { SignaturesModule } from "./modules/signatures/signatures.module";
 import { FilesModule } from "./modules/files/files.module";
 import { ConsignmentsModule } from "./modules/consignments/consignments.module";
 
-//import { TrainsModule } from "./modules/trains/trains.module";
+// import { TrainsModule } from "./modules/trains/trains.module";
 import { LocomotivesModule } from "./modules/locomotives/locomotives.module";
 import { WagonTypesModule } from "./modules/wagon-types/wagon-types.module";
 import { TrainSetsModule } from "./modules/train-sets/train-sets.module";
 import { TrainSchedulesModule } from "./modules/train-schedules/train-schedules.module";
 import { TrainSchedulingModule } from "./modules/train-scheduling/train-scheduling.module";
+import { SchedulingRescheduleModule } from "./modules/scheduling-reschedule/scheduling-reschedule.module";
 import { CustomersModule } from "./modules/customers/customers.module";
 import { CompaniesModule } from "./modules/companies/companies.module";
 import { TrackingModule } from "./modules/tracking/tracking.module";
@@ -44,6 +49,8 @@ import { PricingDataSeeder } from "./seed/pricing-data.seeder";
 import { FileUploadSettingsSeeder } from "./seed/file-upload-settings.seeder";
 import { IndodeFacilitySeeder } from "./seed/indode-facility.seeder";
 import { Batch14TestDataSeeder } from "./seed/batch1-4-test-data.seeder";
+import { FreightPermissionKeyMigrationSeeder } from "./seed/freight-permission-key-migration.seeder";
+import { DemoFreightDataSeeder } from "./seed/demo-freight-data.seeder";
 //New Trains, Wagons, Container and Cargo management modules
 import { TrainsModule } from "./modules/trains/trains.module";
 import { WagonsModule } from './modules/wagons/wagons.module';
@@ -52,13 +59,16 @@ import { CargoesModule } from './modules/cargoes/cargoes.module';
 import { RoutesModule } from './modules/routes/routes.module';
 import { WarehousesModule } from './modules/warehouses/warehouses.module';
 import { FacilitiesModule } from './modules/facilities/facilities.module';
+import { OverviewModule } from './modules/overview/overview.module';
 
 @Module({
   imports: [
     ConfigModule.forRoot({
       isGlobal: true,
-      load: [appConfig, databaseConfig],
+      load: [appConfig, databaseConfig, telebirrConfig, rabbitmqConfig],
     }),
+    ScheduleModule.forRoot(),
+    // EventEmitterModule.forRoot(),
     TypeOrmModule.forRootAsync({
       inject: [ConfigService],
       useFactory: (config: ConfigService): TypeOrmModuleOptions =>
@@ -78,6 +88,7 @@ import { FacilitiesModule } from './modules/facilities/facilities.module';
       permissions: EDR_FREIGHT_PERMISSIONS,
     }),
     BookingsModule,
+    SignaturesModule,
     FilesModule,
     ConsignmentsModule,
     LocomotivesModule,
@@ -85,6 +96,7 @@ import { FacilitiesModule } from './modules/facilities/facilities.module';
     TrainSetsModule,
     TrainSchedulesModule,
     TrainSchedulingModule,
+    SchedulingRescheduleModule,
     CustomersModule,
     CompaniesModule,
     TrackingModule,
@@ -106,8 +118,20 @@ import { FacilitiesModule } from './modules/facilities/facilities.module';
     RoutesModule,
     FacilitiesModule,
     WarehousesModule,
+    OverviewModule,
+  ],
+  providers: [
+    EdrOrgSeeder,
+    DemoUsersSeeder,
+    FreightStaffUsersSeeder,
+    DemoBookingsSeeder,
+    PricingDataSeeder,
+    FileUploadSettingsSeeder,
+    FreightPermissionKeyMigrationSeeder,
+    DemoFreightDataSeeder,
+    IndodeFacilitySeeder,
+    Batch14TestDataSeeder,
   ],
-  providers: [EdrOrgSeeder, DemoUsersSeeder,FreightStaffUsersSeeder, DemoBookingsSeeder, PricingDataSeeder, FileUploadSettingsSeeder, IndodeFacilitySeeder, Batch14TestDataSeeder],
 })
 export class AppModule implements OnApplicationBootstrap {
   constructor(
@@ -120,9 +144,12 @@ export class AppModule implements OnApplicationBootstrap {
     private readonly fileUploadSettingsSeeder: FileUploadSettingsSeeder,
     private readonly indodeFacilitySeeder: IndodeFacilitySeeder,
     private readonly batch14TestDataSeeder: Batch14TestDataSeeder,
+    private readonly freightPermissionKeyMigrationSeeder: FreightPermissionKeyMigrationSeeder,
+    private readonly demoFreightDataSeeder: DemoFreightDataSeeder,
   ) { }
 
   async onApplicationBootstrap() {
+    await this.freightPermissionKeyMigrationSeeder.run();
     await this.seeder.run();
     await this.edrOrgSeeder.run();
     await this.demoUsersSeeder.run();
@@ -132,5 +159,8 @@ export class AppModule implements OnApplicationBootstrap {
     await this.fileUploadSettingsSeeder.run();
     await this.indodeFacilitySeeder.run();
     await this.batch14TestDataSeeder.run();
+    // Idempotent demo data: ≥100 wagons/type, approval chains, 4 staff users.
+    // Each block self-guards on an empty-table check, so this is safe every boot.
+    await this.demoFreightDataSeeder.run();
   }
 }
diff --git a/apps/edr-freight-api/src/common/booking-guards.ts b/apps/edr-freight-api/src/common/booking-guards.ts
index 2ebae8175..8d55f1dc4 100644
--- a/apps/edr-freight-api/src/common/booking-guards.ts
+++ b/apps/edr-freight-api/src/common/booking-guards.ts
@@ -15,3 +15,16 @@ export const BookingStaff = (permission: string | string[]) =>
   );
 
 export const BookingView = () => BookingStaff(FREIGHT_PERMS.bookings.view);
+
+export const TrainSchedulingView = () =>
+  BookingStaff(FREIGHT_PERMS.trainScheduling.view);
+
+export const TrainSchedulingManage = () =>
+  BookingStaff(FREIGHT_PERMS.trainScheduling.manage);
+
+export const FleetView = () => BookingStaff(FREIGHT_PERMS.fleet.view);
+
+export const FleetManage = () => BookingStaff(FREIGHT_PERMS.fleet.manage);
+
+/** Org-administration endpoints (user mgmt, billing config, company CRUD, settings). */
+export const FreightAdmin = () => BookingStaff(FREIGHT_PERMS.admin);
diff --git a/apps/edr-freight-api/src/common/derive-trade-direction.util.spec.ts b/apps/edr-freight-api/src/common/derive-trade-direction.util.spec.ts
new file mode 100644
index 000000000..f245bca83
--- /dev/null
+++ b/apps/edr-freight-api/src/common/derive-trade-direction.util.spec.ts
@@ -0,0 +1,21 @@
+import { deriveTradeDirection } from './derive-trade-direction.util';
+
+describe('deriveTradeDirection', () => {
+  it('returns IMPORT when origin is Djibouti', () => {
+    expect(deriveTradeDirection({ country: 'Djibouti' }, { country: 'Ethiopia' })).toBe(
+      'IMPORT',
+    );
+  });
+
+  it('returns EXPORT when destination is Djibouti and origin is not', () => {
+    expect(deriveTradeDirection({ country: 'Ethiopia' }, { country: 'Djibouti' })).toBe(
+      'EXPORT',
+    );
+  });
+
+  it('returns DOMESTIC for intra-Ethiopia routes', () => {
+    expect(deriveTradeDirection({ country: 'Ethiopia' }, { country: 'Ethiopia' })).toBe(
+      'DOMESTIC',
+    );
+  });
+});
diff --git a/apps/edr-freight-api/src/common/derive-trade-direction.util.ts b/apps/edr-freight-api/src/common/derive-trade-direction.util.ts
new file mode 100644
index 000000000..e9e183b25
--- /dev/null
+++ b/apps/edr-freight-api/src/common/derive-trade-direction.util.ts
@@ -0,0 +1,20 @@
+import type { ScheduleTradeDirection } from '@edr/types';
+
+type YardLike = { country?: string | null };
+
+/** Derive booking/schedule trade direction from origin and destination yard countries. */
+export function deriveTradeDirection(
+  originYard: YardLike,
+  destinationYard: YardLike,
+): ScheduleTradeDirection {
+  const originCountry = originYard.country?.trim();
+  const destinationCountry = destinationYard.country?.trim();
+
+  if (originCountry === 'Djibouti') {
+    return 'IMPORT';
+  }
+  if (destinationCountry === 'Djibouti' && originCountry !== 'Djibouti') {
+    return 'EXPORT';
+  }
+  return 'DOMESTIC';
+}
diff --git a/apps/edr-freight-api/src/common/guards/service-auth.guard.ts b/apps/edr-freight-api/src/common/guards/service-auth.guard.ts
new file mode 100644
index 000000000..9165e54d5
--- /dev/null
+++ b/apps/edr-freight-api/src/common/guards/service-auth.guard.ts
@@ -0,0 +1,51 @@
+import {
+    CanActivate,
+    ExecutionContext,
+    Injectable,
+    Logger,
+    UnauthorizedException,
+} from "@nestjs/common";
+import { timingSafeEqual } from "node:crypto";
+import { Request } from "express";
+
+/**
+ * Shared-secret guard for endpoints only the payment microservice may call
+ * (e.g. /internal/payments/mark-paid). The secret is the same SERVICE_AUTH_TOKEN
+ * the payment service uses on its own internal surface.
+ */
+@Injectable()
+export class ServiceAuthGuard implements CanActivate {
+    private readonly logger = new Logger(ServiceAuthGuard.name);
+    private readonly token = process.env.SERVICE_AUTH_TOKEN ?? "";
+    private warned = false;
+
+    constructor() {
+        if (!this.token && process.env.NODE_ENV === "production") {
+            throw new Error("SERVICE_AUTH_TOKEN must be set in production");
+        }
+    }
+
+    canActivate(context: ExecutionContext): boolean {
+        if (!this.token) {
+            if (!this.warned) {
+                this.logger.warn(
+                    "SERVICE_AUTH_TOKEN unset — internal endpoints are UNGUARDED (dev only)",
+                );
+                this.warned = true;
+            }
+            return true;
+        }
+
+        const request = context.switchToHttp().getRequest<Request>();
+        const header = request.headers["x-service-token"];
+        const bearer = request.headers.authorization?.replace(/^Bearer\s+/i, "");
+        const presented = (Array.isArray(header) ? header[0] : header) ?? bearer ?? "";
+
+        const expected = Buffer.from(this.token);
+        const actual = Buffer.from(presented);
+        const valid =
+            expected.length === actual.length && timingSafeEqual(expected, actual);
+        if (!valid) throw new UnauthorizedException("Invalid service token");
+        return true;
+    }
+}
diff --git a/apps/edr-freight-api/src/config/app.config.ts b/apps/edr-freight-api/src/config/app.config.ts
index 8fa1ac47d..fa8644945 100644
--- a/apps/edr-freight-api/src/config/app.config.ts
+++ b/apps/edr-freight-api/src/config/app.config.ts
@@ -1,7 +1,31 @@
 import { registerAs } from "@nestjs/config";
 
+const numberFromEnv = (key: string, fallback: number): number => {
+  const value = Number(process.env[key]);
+  return Number.isFinite(value) && value > 0 ? value : fallback;
+};
+
 export default registerAs("app", () => ({
   env: process.env.NODE_ENV ?? "development",
   port: parseInt(process.env.PORT ?? "3001", 10),
   apiPrefix: "api",
+  trainScheduling: {
+    maxTrainWeightTons: numberFromEnv("TRAIN_SCHEDULING_MAX_WEIGHT_TONS", 3500),
+    maxTrainLengthMeters: numberFromEnv("TRAIN_SCHEDULING_MAX_LENGTH_METERS", 760),
+    maxWagonsPerTrain: numberFromEnv("TRAIN_SCHEDULING_MAX_WAGONS_PER_TRAIN", 53),
+  },
+  cbeExchange: {
+    /** ethio.forex CBET page — scraped for USD buying/selling rates. */
+    scrapeUrl:
+      process.env.CBE_EXCHANGE_SCRAPE_URL ??
+      process.env.CBE_EXCHANGE_API_URL ??
+      "https://ethio.forex/bank/CBET",
+    /** @deprecated use scrapeUrl — kept for backward-compatible config reads */
+    apiUrl:
+      process.env.CBE_EXCHANGE_SCRAPE_URL ??
+      process.env.CBE_EXCHANGE_API_URL ??
+      "https://ethio.forex/bank/CBET",
+    fallbackRate: numberFromEnv("CBE_EXCHANGE_FALLBACK_RATE", 130),
+    cacheTtlMs: numberFromEnv("CBE_EXCHANGE_CACHE_TTL_MS", 3_600_000),
+  },
 }));
diff --git a/apps/edr-freight-api/src/config/database.config.ts b/apps/edr-freight-api/src/config/database.config.ts
index 0e7375b19..847908bd5 100644
--- a/apps/edr-freight-api/src/config/database.config.ts
+++ b/apps/edr-freight-api/src/config/database.config.ts
@@ -117,7 +117,7 @@ export default registerAs("database", (): TypeOrmModuleOptions => {
     ],
     migrationsRun: true,
     // Schema changes via migrations only (synchronize breaks ITMLS backfill on existing rows).
-    synchronize: false,
+    synchronize: true,
     logging: process.env.NODE_ENV === "development",
   };
 });
diff --git a/apps/edr-freight-api/src/config/dmoney.config.ts b/apps/edr-freight-api/src/config/dmoney.config.ts
new file mode 100644
index 000000000..7922b4aae
--- /dev/null
+++ b/apps/edr-freight-api/src/config/dmoney.config.ts
@@ -0,0 +1,10 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("dmoney", () => ({
+    baseUrl: process.env.DMONEY_BASE_URL ?? "",
+    appId: process.env.DMONEY_APP_ID ?? "",
+    appSecret: process.env.DMONEY_APP_SECRET ?? "",
+    publicKey: process.env.DMONEY_PUBLIC_KEY ?? "",
+    privateKey: process.env.DMONEY_PRIVATE_KEY ?? "",
+    notifyUrl: process.env.DMONEY_NOTIFY_URL ?? ""
+}));
diff --git a/apps/edr-freight-api/src/config/rabbitmq.config.ts b/apps/edr-freight-api/src/config/rabbitmq.config.ts
new file mode 100644
index 000000000..cf915b39e
--- /dev/null
+++ b/apps/edr-freight-api/src/config/rabbitmq.config.ts
@@ -0,0 +1,11 @@
+import { registerAs } from '@nestjs/config';
+
+/**
+ * RabbitMQ connection for the payment-event consumer (payment microservice -> freight).
+ * Points at the dedicated `payment` vhost on the shared broker.
+ */
+export default registerAs('rabbitmq', () => ({
+    url: process.env.PAYMENT_RABBITMQ_URL ?? 'amqp://localhost:5672/payment',
+    /** Max unacked payment events held by this consumer at once. */
+    prefetch: parseInt(process.env.PAYMENT_EVENTS_PREFETCH ?? '10', 10),
+}));
diff --git a/apps/edr-freight-api/src/config/telebirr.config.ts b/apps/edr-freight-api/src/config/telebirr.config.ts
new file mode 100644
index 000000000..8e5d1712a
--- /dev/null
+++ b/apps/edr-freight-api/src/config/telebirr.config.ts
@@ -0,0 +1,16 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("telebirr", () => ({
+  baseUrl: process.env.TELEBIRR_BASE_URL ?? "",
+  webBaseUrl: process.env.TELEBIRR_WEB_BASE_URL ?? "",
+  fabricAppId: process.env.TELEBIRR_FABRIC_APP_ID ?? "",
+  appSecret: process.env.TELEBIRR_APP_SECRET ?? "",
+  merchantAppId: process.env.TELEBIRR_MERCHANT_APP_ID ?? "",
+  merchantCode: process.env.TELEBIRR_MERCHANT_CODE ?? "",
+  notifyUrl: process.env.TELEBIRR_NOTIFY_URL ?? "",
+  returnUrl: process.env.TELEBIRR_RETURN_URL ?? "",
+  timeoutExpress: process.env.TELEBIRR_TIMEOUT_EXPRESS ?? "15m",
+  privateKey: process.env.TELEBIRR_PRIVATE_KEY ?? "",
+  publicKey: process.env.TELEBIRR_PUBLIC_KEY ?? "",
+  insecureTls: process.env.TELEBIRR_INSECURE_TLS === "true",
+}));
diff --git a/apps/edr-freight-api/src/contracts/contract-pricing-schedule.builder.ts b/apps/edr-freight-api/src/contracts/contract-pricing-schedule.builder.ts
index dd961a14b..d5439ff11 100644
--- a/apps/edr-freight-api/src/contracts/contract-pricing-schedule.builder.ts
+++ b/apps/edr-freight-api/src/contracts/contract-pricing-schedule.builder.ts
@@ -61,7 +61,10 @@ export class ContractPricingScheduleBuilder {
         booking.destinationYard?.label ?? booking.destinationYard?.code ?? '—',
       containerLines: (booking.bookingContainers ?? []).map((c) => ({
         label:
-          c.containerType?.label ?? c.containerType?.code ?? c.containerTypeId,
+          c.containerType?.label ??
+          c.containerType?.code ??
+          c.containerTypeId ??
+          '—',
         quantity: c.quantity,
         vgmPerUnitTons: Number(c.vgmPerUnitTons),
       })),
diff --git a/apps/edr-freight-api/src/migrations/1749000000000-NormalizeWeightLimitTradeDirectionBoth.ts b/apps/edr-freight-api/src/migrations/1749000000000-NormalizeWeightLimitTradeDirectionBoth.ts
index e2587c35c..5dc1d6315 100644
--- a/apps/edr-freight-api/src/migrations/1749000000000-NormalizeWeightLimitTradeDirectionBoth.ts
+++ b/apps/edr-freight-api/src/migrations/1749000000000-NormalizeWeightLimitTradeDirectionBoth.ts
@@ -14,8 +14,12 @@ export class NormalizeWeightLimitTradeDirectionBoth1749000000000
         UPDATE freight.weight_limit_rules
         SET trade_direction = 'BOTH'
         WHERE trade_direction::text = 'ANY';
+
+        UPDATE freight.weight_limit_rules
+        SET trade_direction = 'IMPORT'
+        WHERE trade_direction IS NULL;
       EXCEPTION WHEN undefined_table OR undefined_column THEN NULL;
-      END $$; 
+      END $$;
     `);
   }
 
diff --git a/apps/edr-freight-api/src/migrations/1750400000000-AddSchedulingAllocationEnhancements.ts b/apps/edr-freight-api/src/migrations/1750400000000-AddSchedulingAllocationEnhancements.ts
new file mode 100644
index 000000000..a0ca64303
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1750400000000-AddSchedulingAllocationEnhancements.ts
@@ -0,0 +1,321 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class AddSchedulingAllocationEnhancements1750400000000
+  implements MigrationInterface
+{
+  name = 'AddSchedulingAllocationEnhancements1750400000000';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      ADD COLUMN IF NOT EXISTS wagons_required NUMERIC(6,2) NULL,
+      ADD COLUMN IF NOT EXISTS scheduling_status VARCHAR(30) NOT NULL DEFAULT 'NOT_SCHEDULED',
+      ADD COLUMN IF NOT EXISTS hold_started_at TIMESTAMPTZ NULL,
+      ADD COLUMN IF NOT EXISTS hold_expires_at TIMESTAMPTZ NULL,
+      ADD COLUMN IF NOT EXISTS scheduled_at TIMESTAMPTZ NULL;
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.train_schedules
+      ADD COLUMN IF NOT EXISTS train_number VARCHAR(20) NULL,
+      ADD COLUMN IF NOT EXISTS direction VARCHAR(10) NULL,
+      ADD COLUMN IF NOT EXISTS actual_departure_at TIMESTAMPTZ NULL,
+      ADD COLUMN IF NOT EXISTS actual_arrival_at TIMESTAMPTZ NULL,
+      ADD COLUMN IF NOT EXISTS prepared_by_user_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS checked_by_user_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS max_wagons INT NOT NULL DEFAULT 53;
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.train_set_wagons
+      ADD COLUMN IF NOT EXISTS physical_wagon_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS status VARCHAR(20) NOT NULL DEFAULT 'PLANNED';
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.wagon_booking_allocations
+      ADD COLUMN IF NOT EXISTS load_type VARCHAR(20) NULL,
+      ADD COLUMN IF NOT EXISTS status VARCHAR(20) NOT NULL DEFAULT 'PLANNED',
+      ADD COLUMN IF NOT EXISTS confirmed_at TIMESTAMPTZ NULL,
+      ADD COLUMN IF NOT EXISTS confirmed_by_user_id UUID NULL;
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.wagon_types
+      ADD COLUMN IF NOT EXISTS equated_length_m NUMERIC(10,3) NULL,
+      ADD COLUMN IF NOT EXISTS tare_weight_tons NUMERIC(10,3) NULL,
+      ADD COLUMN IF NOT EXISTS supports_container BOOLEAN NOT NULL DEFAULT false,
+      ADD COLUMN IF NOT EXISTS max_container_gross_t NUMERIC(10,3) NULL;
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.wagons
+      ADD COLUMN IF NOT EXISTS train_set_wagon_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS current_train_schedule_id UUID NULL;
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.containers
+      ADD COLUMN IF NOT EXISTS booking_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS wagon_booking_allocation_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS booking_container_id UUID NULL;
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.cargoes
+      ADD COLUMN IF NOT EXISTS wagon_booking_allocation_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS booking_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS load_type VARCHAR(20) NULL;
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.cargoes
+      ALTER COLUMN container_id DROP NOT NULL;
+    `);
+
+    await queryRunner.query(`
+      CREATE TABLE IF NOT EXISTS freight.wagon_allocation_container_items (
+        id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+        wagon_booking_allocation_id UUID NOT NULL,
+        booking_container_id UUID NULL,
+        container_id UUID NULL,
+        container_number VARCHAR(64) NULL,
+        container_type_id UUID NOT NULL,
+        position_on_wagon SMALLINT NULL,
+        seal_number VARCHAR(64) NULL,
+        chassis_number VARCHAR(64) NULL,
+        gross_weight_tons NUMERIC(10,3) NULL,
+        created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
+        updated_at TIMESTAMPTZ NOT NULL DEFAULT now(),
+        deleted_at TIMESTAMPTZ NULL,
+        CONSTRAINT fk_waci_allocation FOREIGN KEY (wagon_booking_allocation_id)
+          REFERENCES freight.wagon_booking_allocations(id) ON DELETE CASCADE,
+        CONSTRAINT fk_waci_booking_container FOREIGN KEY (booking_container_id)
+          REFERENCES freight.booking_container(id) ON DELETE SET NULL,
+        CONSTRAINT fk_waci_container FOREIGN KEY (container_id)
+          REFERENCES freight.containers(id) ON DELETE SET NULL,
+        CONSTRAINT fk_waci_container_type FOREIGN KEY (container_type_id)
+          REFERENCES freight.container_types(id)
+      );
+    `);
+
+    await queryRunner.query(`
+      CREATE TABLE IF NOT EXISTS freight.wagon_allocation_bulk_loads (
+        id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+        wagon_booking_allocation_id UUID NOT NULL UNIQUE,
+        booking_id UUID NOT NULL,
+        cargo_type_id UUID NULL,
+        cargo_description TEXT NULL,
+        pricing_unit VARCHAR(20) NOT NULL DEFAULT 'PER_TON',
+        quantity NUMERIC(12,3) NOT NULL DEFAULT 0,
+        weight_tons NUMERIC(10,3) NOT NULL DEFAULT 0,
+        truck_plate_number VARCHAR(32) NULL,
+        created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
+        updated_at TIMESTAMPTZ NOT NULL DEFAULT now(),
+        deleted_at TIMESTAMPTZ NULL,
+        CONSTRAINT fk_wabl_allocation FOREIGN KEY (wagon_booking_allocation_id)
+          REFERENCES freight.wagon_booking_allocations(id) ON DELETE CASCADE,
+        CONSTRAINT fk_wabl_booking FOREIGN KEY (booking_id)
+          REFERENCES freight.bookings(id),
+        CONSTRAINT fk_wabl_cargo_type FOREIGN KEY (cargo_type_id)
+          REFERENCES freight.cargo_types(id) ON DELETE SET NULL
+      );
+    `);
+
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_bookings_scheduling_status
+      ON freight.bookings(scheduling_status);
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_train_schedules_train_number
+      ON freight.train_schedules(train_number);
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_train_set_wagons_physical_wagon
+      ON freight.train_set_wagons(physical_wagon_id);
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_wagons_train_set_wagon_id
+      ON freight.wagons(train_set_wagon_id);
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_wagons_current_train_schedule_id
+      ON freight.wagons(current_train_schedule_id);
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_waci_allocation
+      ON freight.wagon_allocation_container_items(wagon_booking_allocation_id);
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_wabl_booking
+      ON freight.wagon_allocation_bulk_loads(booking_id);
+    `);
+
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TABLE freight.train_set_wagons
+          ADD CONSTRAINT fk_train_set_wagons_physical_wagon
+          FOREIGN KEY (physical_wagon_id) REFERENCES freight.wagons(id) ON DELETE SET NULL;
+      EXCEPTION WHEN duplicate_object THEN NULL;
+      END $$;
+    `);
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TABLE freight.wagons
+          ADD CONSTRAINT fk_wagons_train_set_wagon
+          FOREIGN KEY (train_set_wagon_id) REFERENCES freight.train_set_wagons(id) ON DELETE SET NULL;
+      EXCEPTION WHEN duplicate_object THEN NULL;
+      END $$;
+    `);
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TABLE freight.wagons
+          ADD CONSTRAINT fk_wagons_current_train_schedule
+          FOREIGN KEY (current_train_schedule_id) REFERENCES freight.train_schedules(id) ON DELETE SET NULL;
+      EXCEPTION WHEN duplicate_object THEN NULL;
+      END $$;
+    `);
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TABLE freight.containers
+          ADD CONSTRAINT fk_containers_booking
+          FOREIGN KEY (booking_id) REFERENCES freight.bookings(id) ON DELETE SET NULL;
+      EXCEPTION WHEN duplicate_object THEN NULL;
+      END $$;
+    `);
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TABLE freight.containers
+          ADD CONSTRAINT fk_containers_wagon_allocation
+          FOREIGN KEY (wagon_booking_allocation_id) REFERENCES freight.wagon_booking_allocations(id) ON DELETE SET NULL;
+      EXCEPTION WHEN duplicate_object THEN NULL;
+      END $$;
+    `);
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TABLE freight.containers
+          ADD CONSTRAINT fk_containers_booking_container
+          FOREIGN KEY (booking_container_id) REFERENCES freight.booking_container(id) ON DELETE SET NULL;
+      EXCEPTION WHEN duplicate_object THEN NULL;
+      END $$;
+    `);
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TABLE freight.cargoes
+          ADD CONSTRAINT fk_cargoes_wagon_allocation
+          FOREIGN KEY (wagon_booking_allocation_id) REFERENCES freight.wagon_booking_allocations(id) ON DELETE SET NULL;
+      EXCEPTION WHEN duplicate_object THEN NULL;
+      END $$;
+    `);
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TABLE freight.cargoes
+          ADD CONSTRAINT fk_cargoes_booking
+          FOREIGN KEY (booking_id) REFERENCES freight.bookings(id) ON DELETE SET NULL;
+      EXCEPTION WHEN duplicate_object THEN NULL;
+      END $$;
+    `);
+
+    await queryRunner.query(`
+      UPDATE freight.wagon_types SET
+        equated_length_m = 1.3,
+        tare_weight_tons = 22.4,
+        supports_container = true,
+        max_container_gross_t = 30.48
+      WHERE code = 'NW5';
+    `);
+    await queryRunner.query(`
+      UPDATE freight.wagon_types SET
+        equated_length_m = 1.6,
+        tare_weight_tons = 25.2,
+        supports_container = false
+      WHERE code = 'PW2';
+    `);
+    await queryRunner.query(`
+      UPDATE freight.wagon_types SET
+        equated_length_m = 1.5,
+        tare_weight_tons = 25.2,
+        supports_container = false
+      WHERE code = 'KW2';
+    `);
+    await queryRunner.query(`
+      UPDATE freight.wagon_types SET
+        equated_length_m = 1.3,
+        tare_weight_tons = 23.4,
+        supports_container = false
+      WHERE code = 'CW3';
+    `);
+    await queryRunner.query(`
+      UPDATE freight.wagon_types SET
+        equated_length_m = 1.3,
+        tare_weight_tons = 24.8,
+        supports_container = false
+      WHERE code = 'CW4';
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`DROP TABLE IF EXISTS freight.wagon_allocation_bulk_loads;`);
+    await queryRunner.query(`DROP TABLE IF EXISTS freight.wagon_allocation_container_items;`);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.cargoes
+      ALTER COLUMN container_id SET NOT NULL;
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      DROP COLUMN IF EXISTS wagons_required,
+      DROP COLUMN IF EXISTS scheduling_status,
+      DROP COLUMN IF EXISTS hold_started_at,
+      DROP COLUMN IF EXISTS hold_expires_at,
+      DROP COLUMN IF EXISTS scheduled_at;
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.train_schedules
+      DROP COLUMN IF EXISTS train_number,
+      DROP COLUMN IF EXISTS direction,
+      DROP COLUMN IF EXISTS actual_departure_at,
+      DROP COLUMN IF EXISTS actual_arrival_at,
+      DROP COLUMN IF EXISTS prepared_by_user_id,
+      DROP COLUMN IF EXISTS checked_by_user_id,
+      DROP COLUMN IF EXISTS max_wagons;
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.train_set_wagons
+      DROP COLUMN IF EXISTS physical_wagon_id,
+      DROP COLUMN IF EXISTS status;
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.wagon_booking_allocations
+      DROP COLUMN IF EXISTS load_type,
+      DROP COLUMN IF EXISTS status,
+      DROP COLUMN IF EXISTS confirmed_at,
+      DROP COLUMN IF EXISTS confirmed_by_user_id;
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.wagon_types
+      DROP COLUMN IF EXISTS equated_length_m,
+      DROP COLUMN IF EXISTS tare_weight_tons,
+      DROP COLUMN IF EXISTS supports_container,
+      DROP COLUMN IF EXISTS max_container_gross_t;
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.wagons
+      DROP COLUMN IF EXISTS train_set_wagon_id,
+      DROP COLUMN IF EXISTS current_train_schedule_id;
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.containers
+      DROP COLUMN IF EXISTS booking_id,
+      DROP COLUMN IF EXISTS wagon_booking_allocation_id,
+      DROP COLUMN IF EXISTS booking_container_id;
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.cargoes
+      DROP COLUMN IF EXISTS wagon_booking_allocation_id,
+      DROP COLUMN IF EXISTS booking_id,
+      DROP COLUMN IF EXISTS load_type;
+    `);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1750500000000-AddWagonReadiness.ts b/apps/edr-freight-api/src/migrations/1750500000000-AddWagonReadiness.ts
new file mode 100644
index 000000000..17cc23f9a
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1750500000000-AddWagonReadiness.ts
@@ -0,0 +1,25 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class AddWagonReadiness1750500000000 implements MigrationInterface {
+  name = 'AddWagonReadiness1750500000000';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.wagons
+      ADD COLUMN IF NOT EXISTS readiness VARCHAR(20) NOT NULL DEFAULT 'IMPORT_READY'
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_wagons_readiness
+      ON freight.wagons (readiness)
+      WHERE deleted_at IS NULL
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`DROP INDEX IF EXISTS freight.idx_wagons_readiness`);
+    await queryRunner.query(`
+      ALTER TABLE freight.wagons
+      DROP COLUMN IF EXISTS readiness
+    `);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1750600000000-AddGovernmentBookingFields.ts b/apps/edr-freight-api/src/migrations/1750600000000-AddGovernmentBookingFields.ts
new file mode 100644
index 000000000..ce833e4ac
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1750600000000-AddGovernmentBookingFields.ts
@@ -0,0 +1,46 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class AddGovernmentBookingFields1750600000000 implements MigrationInterface {
+  name = 'AddGovernmentBookingFields1750600000000';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      ADD COLUMN IF NOT EXISTS is_government BOOLEAN NOT NULL DEFAULT false
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      ADD COLUMN IF NOT EXISTS government_institution VARCHAR(255) NULL
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      ALTER COLUMN company_id DROP NOT NULL
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_bookings_is_government
+      ON freight.bookings (is_government)
+      WHERE is_government = true AND deleted_at IS NULL
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`DROP INDEX IF EXISTS freight.idx_bookings_is_government`);
+    await queryRunner.query(`
+      UPDATE freight.bookings
+      SET company_id = '00000000-0000-0000-0000-000000000000'
+      WHERE company_id IS NULL
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      ALTER COLUMN company_id SET NOT NULL
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      DROP COLUMN IF EXISTS government_institution
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      DROP COLUMN IF EXISTS is_government
+    `);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1750700000000-CreateSchedulingEvents.ts b/apps/edr-freight-api/src/migrations/1750700000000-CreateSchedulingEvents.ts
new file mode 100644
index 000000000..9f92f70b4
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1750700000000-CreateSchedulingEvents.ts
@@ -0,0 +1,32 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class CreateSchedulingEvents1750700000000 implements MigrationInterface {
+  name = 'CreateSchedulingEvents1750700000000';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      CREATE TABLE IF NOT EXISTS freight.scheduling_events (
+        id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+        train_schedule_id UUID NOT NULL,
+        trigger VARCHAR(40) NOT NULL,
+        actor_user_id UUID NULL,
+        reason TEXT NULL,
+        plan_snapshot JSONB NOT NULL DEFAULT '{}',
+        displaced_booking_ids JSONB NOT NULL DEFAULT '[]',
+        created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+        updated_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+        deleted_at TIMESTAMPTZ NULL
+      )
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_scheduling_events_train_schedule_id
+      ON freight.scheduling_events (train_schedule_id)
+      WHERE deleted_at IS NULL
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`DROP INDEX IF EXISTS freight.idx_scheduling_events_train_schedule_id`);
+    await queryRunner.query(`DROP TABLE IF EXISTS freight.scheduling_events`);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1750800000000-FixContainerWagonsPerUnit.ts b/apps/edr-freight-api/src/migrations/1750800000000-FixContainerWagonsPerUnit.ts
new file mode 100644
index 000000000..1bb1a9518
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1750800000000-FixContainerWagonsPerUnit.ts
@@ -0,0 +1,47 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+/** 20ft = 0.5 wagon slots (2 per wagon); 40ft = 1.0 wagon slot (1 per wagon). */
+export class FixContainerWagonsPerUnit1750800000000 implements MigrationInterface {
+  name = 'FixContainerWagonsPerUnit1750800000000';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    const hasContainerTypes = await queryRunner.hasTable('freight.container_types');
+    if (!hasContainerTypes) {
+      return;
+    }
+
+    await queryRunner.query(`
+      UPDATE freight.container_types
+      SET wagons_per_unit = 0.50
+      WHERE size_ft = 20 OR code LIKE '20%';
+    `);
+    await queryRunner.query(`
+      UPDATE freight.container_types
+      SET wagons_per_unit = 1.00
+      WHERE size_ft = 40 OR code LIKE '40%';
+    `);
+
+    const hasBookingContainer = await queryRunner.hasTable('freight.booking_container');
+    if (!hasBookingContainer) {
+      return;
+    }
+
+    await queryRunner.query(`
+      UPDATE freight.booking_container bc
+      SET wagons_required = CEILING(bc.quantity * ct.wagons_per_unit)
+      FROM freight.container_types ct
+      WHERE ct.id = bc.container_type_id;
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    const hasContainerTypes = await queryRunner.hasTable('freight.container_types');
+    if (!hasContainerTypes) {
+      return;
+    }
+
+    await queryRunner.query(`
+      UPDATE freight.container_types SET wagons_per_unit = 1.00;
+    `);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1750900000000-AddContainerNumberToBookingContainer.ts b/apps/edr-freight-api/src/migrations/1750900000000-AddContainerNumberToBookingContainer.ts
new file mode 100644
index 000000000..eb28da8f3
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1750900000000-AddContainerNumberToBookingContainer.ts
@@ -0,0 +1,39 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class AddContainerNumberToBookingContainer1750900000000 implements MigrationInterface {
+    name = "AddContainerNumberToBookingContainer1750900000000";
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`
+            ALTER TABLE freight.booking_container
+            ALTER COLUMN container_type_id DROP NOT NULL;
+        `);
+
+        await queryRunner.query(`
+            ALTER TABLE freight.booking_container
+            ADD COLUMN container_number varchar(64);
+        `);
+
+        await queryRunner.query(`
+            ALTER TABLE freight.wagon_allocation_container_items
+            ALTER COLUMN container_type_id DROP NOT NULL;
+        `);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`
+            ALTER TABLE freight.wagon_allocation_container_items
+            ALTER COLUMN container_type_id SET NOT NULL;
+        `);
+
+        await queryRunner.query(`
+            ALTER TABLE freight.booking_container
+            DROP COLUMN container_number;
+        `);
+
+        await queryRunner.query(`
+            ALTER TABLE freight.booking_container
+            ALTER COLUMN container_type_id SET NOT NULL;
+        `);
+    }
+}
diff --git a/apps/edr-freight-api/src/migrations/1751000000000-CreateTrainSchedulingGlobalRules.ts b/apps/edr-freight-api/src/migrations/1751000000000-CreateTrainSchedulingGlobalRules.ts
new file mode 100644
index 000000000..ac9741c5a
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1751000000000-CreateTrainSchedulingGlobalRules.ts
@@ -0,0 +1,35 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class CreateTrainSchedulingGlobalRules1751000000000 implements MigrationInterface {
+    name = "CreateTrainSchedulingGlobalRules1751000000000";
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`
+            CREATE TABLE freight.train_scheduling_global_rules (
+                id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
+                max_train_length_meters numeric(10, 2) NOT NULL DEFAULT 760,
+                max_train_weight_tons numeric(10, 3) NOT NULL DEFAULT 3500,
+                max_wagons_per_train integer NOT NULL DEFAULT 53,
+                max_20ft_container_weight_tons numeric(8, 3) NOT NULL DEFAULT 30,
+                max_20ft_pair_weight_diff_tons numeric(8, 3) NOT NULL DEFAULT 10,
+                created_at timestamptz NOT NULL DEFAULT now(),
+                updated_at timestamptz NOT NULL DEFAULT now(),
+                deleted_at timestamptz NULL
+            );
+        `);
+
+        await queryRunner.query(`
+            INSERT INTO freight.train_scheduling_global_rules (
+                max_train_length_meters,
+                max_train_weight_tons,
+                max_wagons_per_train,
+                max_20ft_container_weight_tons,
+                max_20ft_pair_weight_diff_tons
+            ) VALUES (760, 3500, 53, 30, 10);
+        `);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`DROP TABLE IF EXISTS freight.train_scheduling_global_rules;`);
+    }
+}
diff --git a/apps/edr-freight-api/src/migrations/1751000000001-AddDeletedAtToTrainSchedulingGlobalRules.ts b/apps/edr-freight-api/src/migrations/1751000000001-AddDeletedAtToTrainSchedulingGlobalRules.ts
new file mode 100644
index 000000000..fd72f6c3b
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1751000000001-AddDeletedAtToTrainSchedulingGlobalRules.ts
@@ -0,0 +1,21 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class AddDeletedAtToTrainSchedulingGlobalRules1751000000001
+  implements MigrationInterface
+{
+  name = "AddDeletedAtToTrainSchedulingGlobalRules1751000000001";
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.train_scheduling_global_rules
+      ADD COLUMN IF NOT EXISTS deleted_at timestamptz NULL;
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.train_scheduling_global_rules
+      DROP COLUMN IF EXISTS deleted_at;
+    `);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1781000000000-AddLocomotiveReadiness.ts b/apps/edr-freight-api/src/migrations/1781000000000-AddLocomotiveReadiness.ts
new file mode 100644
index 000000000..f6d87f41d
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1781000000000-AddLocomotiveReadiness.ts
@@ -0,0 +1,25 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class AddLocomotiveReadiness1781000000000 implements MigrationInterface {
+  name = 'AddLocomotiveReadiness1781000000000';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.locomotives
+      ADD COLUMN IF NOT EXISTS readiness VARCHAR(20) NOT NULL DEFAULT 'IMPORT_READY'
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_locomotives_readiness
+      ON freight.locomotives (readiness)
+      WHERE deleted_at IS NULL
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`DROP INDEX IF EXISTS freight.idx_locomotives_readiness`);
+    await queryRunner.query(`
+      ALTER TABLE freight.locomotives
+      DROP COLUMN IF EXISTS readiness
+    `);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1781000000001-CreateTrainCheckpointEvents.ts b/apps/edr-freight-api/src/migrations/1781000000001-CreateTrainCheckpointEvents.ts
new file mode 100644
index 000000000..7d9ce745a
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1781000000001-CreateTrainCheckpointEvents.ts
@@ -0,0 +1,35 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class CreateTrainCheckpointEvents1781000000001 implements MigrationInterface {
+  name = 'CreateTrainCheckpointEvents1781000000001';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      CREATE TABLE IF NOT EXISTS freight.train_checkpoint_events (
+        id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+        train_schedule_id UUID NOT NULL REFERENCES freight.train_schedules(id) ON DELETE CASCADE,
+        yard_id UUID NOT NULL,
+        sequence_no INT NOT NULL,
+        kind VARCHAR(20) NOT NULL,
+        occurred_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+        note TEXT NULL,
+        recorded_by_user_id UUID NULL,
+        created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+        updated_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+        deleted_at TIMESTAMPTZ NULL
+      )
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_train_checkpoint_events_schedule
+      ON freight.train_checkpoint_events (train_schedule_id, sequence_no)
+      WHERE deleted_at IS NULL
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(
+      `DROP INDEX IF EXISTS freight.idx_train_checkpoint_events_schedule`,
+    );
+    await queryRunner.query(`DROP TABLE IF EXISTS freight.train_checkpoint_events`);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1781000000002-AddBatchBookingFields.ts b/apps/edr-freight-api/src/migrations/1781000000002-AddBatchBookingFields.ts
new file mode 100644
index 000000000..0287b55be
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1781000000002-AddBatchBookingFields.ts
@@ -0,0 +1,45 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class AddBatchBookingFields1781000000002 implements MigrationInterface {
+  name = 'AddBatchBookingFields1781000000002';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    // Booking → target schedule (pool membership) + 1h pay-window deadline.
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      ADD COLUMN IF NOT EXISTS train_schedule_id UUID NULL,
+      ADD COLUMN IF NOT EXISTS payment_deadline TIMESTAMPTZ NULL
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_bookings_train_schedule_id
+      ON freight.bookings (train_schedule_id)
+      WHERE deleted_at IS NULL
+    `);
+
+    // TrainSchedule → booking-window status (OPEN/FULL/CLOSED).
+    await queryRunner.query(`
+      ALTER TABLE freight.train_schedules
+      ADD COLUMN IF NOT EXISTS booking_window_status VARCHAR(10) NOT NULL DEFAULT 'OPEN'
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_train_schedules_booking_window_status
+      ON freight.train_schedules (booking_window_status)
+      WHERE deleted_at IS NULL
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(
+      `DROP INDEX IF EXISTS freight.idx_train_schedules_booking_window_status`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE freight.train_schedules DROP COLUMN IF EXISTS booking_window_status`,
+    );
+    await queryRunner.query(`DROP INDEX IF EXISTS freight.idx_bookings_train_schedule_id`);
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      DROP COLUMN IF EXISTS train_schedule_id,
+      DROP COLUMN IF EXISTS payment_deadline
+    `);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1781000000003-AddSelectedForBatchStatus.ts b/apps/edr-freight-api/src/migrations/1781000000003-AddSelectedForBatchStatus.ts
new file mode 100644
index 000000000..1ba9670b2
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1781000000003-AddSelectedForBatchStatus.ts
@@ -0,0 +1,36 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class AddSelectedForBatchStatus1781000000003 implements MigrationInterface {
+  name = 'AddSelectedForBatchStatus1781000000003';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      ADD COLUMN IF NOT EXISTS selected_for_batch_at TIMESTAMPTZ NULL
+    `);
+
+    await queryRunner.query(`
+      UPDATE freight.bookings
+      SET
+        status = 'SELECTED_FOR_BATCH',
+        selected_for_batch_at = COALESCE(
+          payment_deadline - INTERVAL '5 minutes',
+          updated_at
+        )
+      WHERE status = 'AWAITING_PAYMENT'
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      UPDATE freight.bookings
+      SET status = 'AWAITING_PAYMENT'
+      WHERE status = 'SELECTED_FOR_BATCH'
+    `);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.bookings
+      DROP COLUMN IF EXISTS selected_for_batch_at
+    `);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1781000000004-AddDomesticWeightLimitTradeDirection.ts b/apps/edr-freight-api/src/migrations/1781000000004-AddDomesticWeightLimitTradeDirection.ts
new file mode 100644
index 000000000..59b1de22e
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1781000000004-AddDomesticWeightLimitTradeDirection.ts
@@ -0,0 +1,30 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+/**
+ * Allow DOMESTIC trade direction on weight_limit_rules (domestic corridor bookings).
+ */
+export class AddDomesticWeightLimitTradeDirection1781000000004
+  implements MigrationInterface
+{
+  name = 'AddDomesticWeightLimitTradeDirection1781000000004';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      DO $$ BEGIN
+        ALTER TYPE freight.weight_limit_rules_trade_direction_enum ADD VALUE 'DOMESTIC';
+      EXCEPTION
+        WHEN duplicate_object THEN NULL;
+        WHEN undefined_object THEN
+          BEGIN
+            ALTER TYPE weight_limit_rules_trade_direction_enum ADD VALUE 'DOMESTIC';
+          EXCEPTION
+            WHEN duplicate_object THEN NULL;
+          END;
+      END $$;
+    `);
+  }
+
+  public async down(_queryRunner: QueryRunner): Promise<void> {
+    // PostgreSQL does not support removing enum values safely.
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1781000000005-CreateTrainCompositionRemovalLog.ts b/apps/edr-freight-api/src/migrations/1781000000005-CreateTrainCompositionRemovalLog.ts
new file mode 100644
index 000000000..475a52574
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1781000000005-CreateTrainCompositionRemovalLog.ts
@@ -0,0 +1,81 @@
+import { MigrationInterface, QueryRunner, Table, TableIndex } from 'typeorm';
+
+export class CreateTrainCompositionRemovalLog1781000000005 implements MigrationInterface {
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.createTable(
+      new Table({
+        schema: 'freight',
+        name: 'train_composition_removal_logs',
+        columns: [
+          {
+            name: 'id',
+            type: 'uuid',
+            isPrimary: true,
+            default: 'uuid_generate_v4()',
+          },
+          {
+            name: 'schedule_id',
+            type: 'uuid',
+            isNullable: false,
+          },
+          {
+            name: 'booking_id',
+            type: 'uuid',
+            isNullable: false,
+          },
+          {
+            name: 'booking_reference',
+            type: 'varchar',
+            length: '64',
+            isNullable: true,
+          },
+          {
+            name: 'removed_by_user_id',
+            type: 'uuid',
+            isNullable: true,
+          },
+          {
+            name: 'removed_at',
+            type: 'timestamptz',
+            default: 'NOW()',
+            isNullable: false,
+          },
+          {
+            name: 'notes',
+            type: 'text',
+            isNullable: true,
+          },
+          {
+            name: 'created_at',
+            type: 'timestamptz',
+            default: 'NOW()',
+            isNullable: false,
+          },
+          {
+            name: 'updated_at',
+            type: 'timestamptz',
+            default: 'NOW()',
+            isNullable: false,
+          },
+          {
+            name: 'deleted_at',
+            type: 'timestamptz',
+            isNullable: true,
+          },
+        ],
+      }),
+      true,
+    );
+
+    await queryRunner.createIndex(
+      'freight.train_composition_removal_logs',
+      new TableIndex({
+        columnNames: ['schedule_id'],
+      }),
+    );
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.dropTable('freight.train_composition_removal_logs', true);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1782000000000-WagonLocomotiveYardLink.ts b/apps/edr-freight-api/src/migrations/1782000000000-WagonLocomotiveYardLink.ts
new file mode 100644
index 000000000..68100f367
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1782000000000-WagonLocomotiveYardLink.ts
@@ -0,0 +1,88 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class WagonLocomotiveYardLink1782000000000 implements MigrationInterface {
+  name = 'WagonLocomotiveYardLink1782000000000';
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.wagons
+      ADD COLUMN IF NOT EXISTS "current_yard_id" UUID NULL;
+    `);
+    await queryRunner.query(`
+      DO $$
+      BEGIN
+        IF NOT EXISTS (
+          SELECT 1 FROM pg_constraint WHERE conname = 'FK_wagon_current_yard'
+        ) THEN
+          ALTER TABLE freight.wagons
+          ADD CONSTRAINT "FK_wagon_current_yard"
+          FOREIGN KEY ("current_yard_id") REFERENCES freight.yards(id) ON DELETE SET NULL;
+        END IF;
+      END $$;
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS "IDX_wagon_current_yard_id"
+      ON freight.wagons ("current_yard_id");
+    `);
+
+    await queryRunner.query(`DROP INDEX IF EXISTS freight.idx_wagons_readiness`);
+    await queryRunner.query(`ALTER TABLE freight.wagons DROP COLUMN IF EXISTS readiness;`);
+
+    await queryRunner.query(`
+      ALTER TABLE freight.locomotives
+      ADD COLUMN IF NOT EXISTS "current_yard_id" UUID NULL;
+    `);
+    await queryRunner.query(`
+      DO $$
+      BEGIN
+        IF NOT EXISTS (
+          SELECT 1 FROM pg_constraint WHERE conname = 'FK_locomotive_current_yard'
+        ) THEN
+          ALTER TABLE freight.locomotives
+          ADD CONSTRAINT "FK_locomotive_current_yard"
+          FOREIGN KEY ("current_yard_id") REFERENCES freight.yards(id) ON DELETE SET NULL;
+        END IF;
+      END $$;
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS "IDX_locomotive_current_yard_id"
+      ON freight.locomotives ("current_yard_id");
+    `);
+
+    await queryRunner.query(`DROP INDEX IF EXISTS freight.idx_locomotives_readiness`);
+    await queryRunner.query(`ALTER TABLE freight.locomotives DROP COLUMN IF EXISTS readiness;`);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      ALTER TABLE freight.wagons
+      ADD COLUMN IF NOT EXISTS readiness VARCHAR(20) NOT NULL DEFAULT 'IMPORT_READY';
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.locomotives
+      ADD COLUMN IF NOT EXISTS readiness VARCHAR(20) NOT NULL DEFAULT 'IMPORT_READY';
+    `);
+
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_wagons_readiness
+      ON freight.wagons (readiness)
+      WHERE deleted_at IS NULL;
+    `);
+    await queryRunner.query(`
+      CREATE INDEX IF NOT EXISTS idx_locomotives_readiness
+      ON freight.locomotives (readiness)
+      WHERE deleted_at IS NULL;
+    `);
+
+    await queryRunner.query(`DROP INDEX IF EXISTS freight."IDX_wagon_current_yard_id"`);
+    await queryRunner.query(`DROP INDEX IF EXISTS freight."IDX_locomotive_current_yard_id"`);
+    await queryRunner.query(`
+      ALTER TABLE freight.wagons DROP CONSTRAINT IF EXISTS "FK_wagon_current_yard";
+    `);
+    await queryRunner.query(`
+      ALTER TABLE freight.locomotives DROP CONSTRAINT IF EXISTS "FK_locomotive_current_yard";
+    `);
+    await queryRunner.query(`ALTER TABLE freight.wagons DROP COLUMN IF EXISTS "current_yard_id";`);
+    await queryRunner.query(`ALTER TABLE freight.locomotives DROP COLUMN IF EXISTS "current_yard_id";`);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1782000000001-AddPaymentWebhookEventAndRefund.ts b/apps/edr-freight-api/src/migrations/1782000000001-AddPaymentWebhookEventAndRefund.ts
new file mode 100644
index 000000000..e1cddc05b
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1782000000001-AddPaymentWebhookEventAndRefund.ts
@@ -0,0 +1,62 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class AddPaymentWebhookEventAndRefund1782000000001 implements MigrationInterface {
+    name = "AddPaymentWebhookEventAndRefund1782000000001";
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        // Enum for webhook provider — shares the same values as payments_method_enum
+        // but is a separate type so both tables remain independently evolvable.
+        await queryRunner.query(`
+            CREATE TYPE freight.payment_webhook_method_enum AS ENUM ('telebirr', 'cbe-birr', 'ebirr');
+        `);
+
+        await queryRunner.query(`
+            CREATE TABLE freight.payment_webhook_events (
+                id                uuid         NOT NULL DEFAULT uuid_generate_v4(),
+                provider          freight.payment_webhook_method_enum NOT NULL,
+                external_event_id varchar(255) NOT NULL,
+                merchant_order_id varchar(255),
+                provider_txn_id   varchar(255),
+                signature_valid   boolean      NOT NULL,
+                status            varchar(100) NOT NULL,
+                payload           jsonb        NOT NULL,
+                received_at       TIMESTAMP    NOT NULL DEFAULT now(),
+                processed_at      TIMESTAMP,
+                processing_error  text,
+
+                CONSTRAINT PK_payment_webhook_events PRIMARY KEY (id),
+                CONSTRAINT UQ_payment_webhook_events_provider_event UNIQUE (provider, external_event_id)
+            );
+        `);
+
+        await queryRunner.query(`
+            CREATE INDEX IDX_payment_webhook_events_merchant_order_id
+                ON freight.payment_webhook_events (merchant_order_id);
+        `);
+
+        await queryRunner.query(`
+            CREATE TABLE freight.payment_refunds (
+                id                 uuid         NOT NULL DEFAULT uuid_generate_v4(),
+                payment_id         uuid         NOT NULL,
+                amount_minor       int          NOT NULL,
+                reason             varchar(255),
+                provider_refund_id varchar(255),
+                status             varchar(50)  NOT NULL,
+                created_at         TIMESTAMP    NOT NULL DEFAULT now(),
+
+                CONSTRAINT PK_payment_refunds PRIMARY KEY (id),
+                CONSTRAINT FK_payment_refunds_payment
+                    FOREIGN KEY (payment_id)
+                    REFERENCES freight.payments (id)
+                    ON DELETE RESTRICT
+            );
+        `);
+    }
+
+    public async down(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`DROP TABLE IF EXISTS freight.payment_refunds;`);
+        await queryRunner.query(`DROP INDEX IF EXISTS freight.IDX_payment_webhook_events_merchant_order_id;`);
+        await queryRunner.query(`DROP TABLE IF EXISTS freight.payment_webhook_events;`);
+        await queryRunner.query(`DROP TYPE IF EXISTS freight.payment_webhook_method_enum;`);
+    }
+}
diff --git a/apps/edr-freight-api/src/migrations/1782000000002-ExtendPaymentMethodEnum.ts b/apps/edr-freight-api/src/migrations/1782000000002-ExtendPaymentMethodEnum.ts
new file mode 100644
index 000000000..607926e92
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1782000000002-ExtendPaymentMethodEnum.ts
@@ -0,0 +1,16 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class ExtendPaymentMethodEnum1782000000002 implements MigrationInterface {
+    name = "ExtendPaymentMethodEnum1782000000002";
+
+    public async up(queryRunner: QueryRunner): Promise<void> {
+        await queryRunner.query(`ALTER TYPE freight.payments_method_enum ADD VALUE IF NOT EXISTS 'waafi';`);
+        await queryRunner.query(`ALTER TYPE freight.payments_method_enum ADD VALUE IF NOT EXISTS 'card';`);
+        await queryRunner.query(`ALTER TYPE freight.payments_method_enum ADD VALUE IF NOT EXISTS 'dmoney';`);
+    }
+
+    public async down(_queryRunner: QueryRunner): Promise<void> {
+        // PostgreSQL does not support removing enum values directly.
+        // To roll back, recreate the type without the added values and update the column.
+    }
+}
diff --git a/apps/edr-freight-api/src/migrations/1783000000000-ReplacePriorityRulesWithPriorityConfigs.ts b/apps/edr-freight-api/src/migrations/1783000000000-ReplacePriorityRulesWithPriorityConfigs.ts
new file mode 100644
index 000000000..b8eccbbaf
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1783000000000-ReplacePriorityRulesWithPriorityConfigs.ts
@@ -0,0 +1,39 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class ReplacePriorityRulesWithPriorityConfigs1783000000000 implements MigrationInterface {
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      CREATE TABLE freight.priority_configs (
+        id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+        type VARCHAR(20) NOT NULL CHECK (type IN ('WAGON', 'CURRENCY')),
+        label VARCHAR(100) NOT NULL,
+        currency VARCHAR(5) NULL,
+        min_wagon_count INT NOT NULL,
+        max_wagon_count INT NOT NULL,
+        score_points INT NOT NULL DEFAULT 0,
+        is_active BOOLEAN NOT NULL DEFAULT false,
+        display_order INT NOT NULL DEFAULT 1,
+        created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
+        updated_at TIMESTAMPTZ NOT NULL DEFAULT now(),
+        deleted_at TIMESTAMPTZ NULL,
+        CONSTRAINT chk_wagon_range CHECK (min_wagon_count <= max_wagon_count),
+        CONSTRAINT chk_currency_for_type CHECK (
+          (type = 'WAGON' AND currency IS NULL) OR
+          (type = 'CURRENCY' AND currency IS NOT NULL)
+        )
+      );
+    `);
+
+    await queryRunner.query(`
+      CREATE INDEX idx_priority_configs_type_active ON freight.priority_configs (type, is_active);
+    `);
+
+    await queryRunner.query(`
+      CREATE INDEX idx_priority_configs_currency_type ON freight.priority_configs (currency, type);
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`DROP TABLE IF EXISTS freight.priority_configs;`);
+  }
+}
diff --git a/apps/edr-freight-api/src/migrations/1784000000000-CreateSavedSignatures.ts b/apps/edr-freight-api/src/migrations/1784000000000-CreateSavedSignatures.ts
new file mode 100644
index 000000000..e0c36f67b
--- /dev/null
+++ b/apps/edr-freight-api/src/migrations/1784000000000-CreateSavedSignatures.ts
@@ -0,0 +1,22 @@
+import { MigrationInterface, QueryRunner } from 'typeorm';
+
+export class CreateSavedSignatures1784000000000 implements MigrationInterface {
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`
+      CREATE TABLE freight.saved_signatures (
+        id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+        user_id UUID NOT NULL,
+        signer_display_name VARCHAR(200) NOT NULL,
+        signature_file_id UUID NULL,
+        created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
+        updated_at TIMESTAMPTZ NOT NULL DEFAULT now(),
+        deleted_at TIMESTAMPTZ NULL,
+        CONSTRAINT uq_saved_signatures_user_id UNIQUE (user_id)
+      );
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`DROP TABLE IF EXISTS freight.saved_signatures;`);
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/backoffice/backoffice.controller.ts b/apps/edr-freight-api/src/modules/backoffice/backoffice.controller.ts
index 395ff0386..b3305ba68 100644
--- a/apps/edr-freight-api/src/modules/backoffice/backoffice.controller.ts
+++ b/apps/edr-freight-api/src/modules/backoffice/backoffice.controller.ts
@@ -10,12 +10,14 @@ import {
 } from "@nestjs/common";
 import { ApiOperation, ApiTags } from "@nestjs/swagger";
 
+import { FreightAdmin } from "../../common/booking-guards";
 import { BackofficeService } from "./backoffice.service";
 import { CreateOrganizationUserDto } from "./dto/create-organization-user.dto";
 import { UpdateEmployeeUserRolesDto } from "./dto/update-employee-user-roles.dto";
 
 @ApiTags("backoffice")
 @Controller("backoffice")
+@FreightAdmin()
 export class BackofficeController {
   constructor(private readonly backofficeService: BackofficeService) {}
 
diff --git a/apps/edr-freight-api/src/modules/billing/billing.controller.ts b/apps/edr-freight-api/src/modules/billing/billing.controller.ts
index 0091b5341..5a801cf73 100644
--- a/apps/edr-freight-api/src/modules/billing/billing.controller.ts
+++ b/apps/edr-freight-api/src/modules/billing/billing.controller.ts
@@ -1,10 +1,12 @@
 import { Controller, Get, Param, ParseUUIDPipe } from "@nestjs/common";
 import { ApiOperation, ApiTags } from "@nestjs/swagger";
 
+import { FreightAdmin } from "../../common/booking-guards";
 import { BillingService } from "./billing.service";
 
 @ApiTags("billing")
 @Controller("billing")
+@FreightAdmin()
 export class BillingController {
   constructor(private readonly billingService: BillingService) {}
 
diff --git a/apps/edr-freight-api/src/modules/bookings/booking-contract.service.ts b/apps/edr-freight-api/src/modules/bookings/booking-contract.service.ts
index ab8a8dfa7..6601ca704 100644
--- a/apps/edr-freight-api/src/modules/bookings/booking-contract.service.ts
+++ b/apps/edr-freight-api/src/modules/bookings/booking-contract.service.ts
@@ -1,6 +1,9 @@
 import {
   BadRequestException,
+  forwardRef,
+  Inject,
   Injectable,
+  Logger,
   NotFoundException,
 } from '@nestjs/common';
 import { Readable } from 'stream';
@@ -19,9 +22,13 @@ import { assertBookingStatus } from './booking-status.util';
 import { ContractViewDto } from './dto/contract-view.dto';
 import { SignContractDto } from './dto/sign-contract.dto';
 import { ContractSignerRole } from './entities/booking-contract-signature.entity';
+import { BookingBatchService } from '../train-scheduling/booking-batch.service';
+import { SignaturesService } from '../signatures/signatures.service';
 
 @Injectable()
 export class BookingContractService {
+  private readonly logger = new Logger(BookingContractService.name);
+
   constructor(
     private readonly bookingsRepository: BookingsRepository,
     private readonly filesService: FilesService,
@@ -30,6 +37,9 @@ export class BookingContractService {
     private readonly viewModelBuilder: ContractViewModelBuilder,
     private readonly renderer: ContractRendererService,
     private readonly pdfService: ContractPdfService,
+    @Inject(forwardRef(() => BookingBatchService))
+    private readonly bookingBatchService: BookingBatchService,
+    private readonly signaturesService: SignaturesService,
   ) {}
 
   buildContractSummary(booking: Booking): string {
@@ -67,10 +77,16 @@ export class BookingContractService {
     return { summary };
   }
 
-  async getContractView(bookingId: string): Promise<ContractViewDto> {
+  async getContractView(
+    bookingId: string,
+    viewerUserId?: string,
+  ): Promise<ContractViewDto> {
     const { view } = await this.viewModelBuilder.build(bookingId);
     await this.inlineSignatureImages(view.signatures);
     const html = this.renderer.render(view);
+    const savedSignature = viewerUserId
+      ? ((await this.signaturesService.getForUser(viewerUserId)) ?? undefined)
+      : undefined;
     return {
       bookingId: view.bookingId,
       reference: view.reference,
@@ -82,6 +98,7 @@ export class BookingContractService {
       canSignStaff: view.canSignStaff,
       hasContractDocument: view.hasContractDocument,
       signatures: view.signatures,
+      savedSignature,
       pricingSchedule: view.pricing as unknown as Record<string, unknown>,
     };
   }
@@ -92,7 +109,16 @@ export class BookingContractService {
 
     const templateKey = this.templateResolver.resolve(booking);
     const summary = this.buildContractSummary(booking);
-    await this.upsertContractPdf(bookingId, booking.reference, templateKey);
+
+    // PDF rendering (Puppeteer/Chromium) is best-effort and must NOT block the contract
+    // from becoming ready — the document is (re)rendered lazily on view/download.
+    try {
+      await this.upsertContractPdf(bookingId, booking.reference, templateKey);
+    } catch (err) {
+      this.logger.warn(
+        `Contract PDF deferred for ${booking.reference}: ${err}. It will render on view/download once Chromium is available.`,
+      );
+    }
 
     const now = new Date();
     const updated = await this.bookingsRepository.update(bookingId, {
@@ -177,6 +203,23 @@ export class BookingContractService {
       ipAddress: options.ipAddress ?? null,
     });
 
+    // Persist the just-used signature to the signer's reusable profile so they
+    // don't have to redraw it on the next contract. Best-effort: a failure here
+    // must never block contract execution.
+    if (options.signerUserId) {
+      try {
+        await this.signaturesService.upsertForUser({
+          userId: options.signerUserId,
+          signerDisplayName: dto.signerDisplayName,
+          signatureImageBase64: dto.signatureImageBase64,
+        });
+      } catch (err) {
+        this.logger.warn(
+          `Could not save reusable signature for user ${options.signerUserId}: ${err}`,
+        );
+      }
+    }
+
     const updates: Record<string, unknown> = {};
 
     if (role === 'CUSTOMER') {
@@ -191,11 +234,20 @@ export class BookingContractService {
     }
 
     const updated = await this.bookingsRepository.update(bookingId, updates as never);
-    await this.upsertContractPdf(
-      bookingId,
-      booking.reference,
-      booking.contractTemplateKey ?? this.templateResolver.resolve(booking),
-    );
+    if (role === 'STAFF' && updated?.trainScheduleId) {
+      this.bookingBatchService.enqueueScheduleProcessing(updated.trainScheduleId);
+    }
+    try {
+      await this.upsertContractPdf(
+        bookingId,
+        booking.reference,
+        booking.contractTemplateKey ?? this.templateResolver.resolve(booking),
+      );
+    } catch (err) {
+      this.logger.warn(
+        `Signed-contract PDF deferred for ${booking.reference}: ${err}. It will render on view/download.`,
+      );
+    }
     return updated!;
   }
 
diff --git a/apps/edr-freight-api/src/modules/bookings/booking-list-tabs.config.ts b/apps/edr-freight-api/src/modules/bookings/booking-list-tabs.config.ts
index 332916727..2140a7688 100644
--- a/apps/edr-freight-api/src/modules/bookings/booking-list-tabs.config.ts
+++ b/apps/edr-freight-api/src/modules/bookings/booking-list-tabs.config.ts
@@ -16,7 +16,7 @@ export const BOOKING_LIST_TABS: ReadonlyArray<{
   statuses: readonly string[] | null;
 }> = [
   { key: 'all', statuses: null },
-  { key: 'intake', statuses: ['SUBMITTED'] },
+  { key: 'intake', statuses: ['SUBMITTED', 'PENDING_CONSOLIDATION'] },
   {
     key: 'in_approval',
     statuses: ['PENDING_APPROVAL', 'APPROVED_PENDING_SIGNATURE'],
@@ -28,7 +28,7 @@ export const BOOKING_LIST_TABS: ReadonlyArray<{
   { key: 'payment', statuses: ['FULLY_EXECUTED'] },
   {
     key: 'operations',
-    statuses: ['IN_TRANSIT', 'PENDING_CONSOLIDATION', 'CONSOLIDATED','PAID'],
+    statuses: ['IN_TRANSIT', 'PAID'],
   },
   { key: 'completed', statuses: ['COMPLETED'] },
   { key: 'closed', statuses: ['REJECTED', 'CANCELLED'] },
diff --git a/apps/edr-freight-api/src/modules/bookings/booking-next-step.util.ts b/apps/edr-freight-api/src/modules/bookings/booking-next-step.util.ts
index c591a1db4..b79c4ef20 100644
--- a/apps/edr-freight-api/src/modules/bookings/booking-next-step.util.ts
+++ b/apps/edr-freight-api/src/modules/bookings/booking-next-step.util.ts
@@ -14,6 +14,11 @@ export function computeNextStep(
   const { status } = booking;
 
   switch (status) {
+    case 'PRICE_CHANGED_PENDING_CONFIRM':
+      return {
+        action: 'CONFIRM_SUBMIT',
+        description: 'Price has changed since preview; confirm to submit booking',
+      };
     case 'SUBMITTED':
       return {
         action: 'ACCEPT_INTAKE',
diff --git a/apps/edr-freight-api/src/modules/bookings/booking-payment.service.ts b/apps/edr-freight-api/src/modules/bookings/booking-payment.service.ts
index ecc410320..21473eeb8 100644
--- a/apps/edr-freight-api/src/modules/bookings/booking-payment.service.ts
+++ b/apps/edr-freight-api/src/modules/bookings/booking-payment.service.ts
@@ -4,56 +4,49 @@ import { Booking } from './entities/booking.entity';
 import { assertBookingStatus } from './booking-status.util';
 import { InAppPaymentReceiptDto } from './dto/pay-booking.dto';
 import { PaymentService } from '../payment/payment.service';
-
+import { PaymentStatus } from '../payment/entities/payment.entity';
+import { PaymentMethodTypeEnum } from '../payment/payments.dto';
 export interface InAppPaymentReceipt extends InAppPaymentReceiptDto { }
 
+const NON_TERMINAL_STATUSES: PaymentStatus[] = [
+  "action-required",
+  "processing",
+  "success",
+];
+
 @Injectable()
 export class BookingPaymentService {
-  constructor(private readonly bookingsRepository: BookingsRepository, private readonly paymentService: PaymentService) { }
+  constructor(
+    private readonly bookingsRepository: BookingsRepository,
+    private readonly paymentService: PaymentService,
+  ) { }
 
-  async pay(
-    bookingId: string,
-  ): Promise<{ redirectUrl: string }> {
+  async pay(bookingId: string): Promise<{ redirectUrl: string }> {
     const booking = await this.requireBooking(bookingId);
-    assertBookingStatus(booking, ['FULLY_EXECUTED']);
+    assertBookingStatus(booking, ['FULLY_EXECUTED', 'SELECTED_FOR_BATCH', 'AWAITING_PAYMENT', '']);
 
-    // const receipt = this.buildMockReceipt(booking);
-
-    // const updated = await this.bookingsRepository.update(bookingId, {
-    //   status: 'PAID',
-    //   paymentStatus: 'PAID',
-    // } as never);
-    const resp = await this.paymentService.pay(booking.totalAmount, "ETB", "telebirr", "payment for booking", 'booking', (_) => {
-      return new Promise((resp, _) => {
-        resp({
-          id: booking.id,
-          type: "booking"
-        })
-      });
-    })
-
-    return {
-      redirectUrl: resp.clientAction.type == "REDIRECT" ? `http://localhost:3001/api/payments/telebirr/${booking.id}` : ""
+    const existing = await this.paymentService.findBookingById(bookingId);
+    if (existing && NON_TERMINAL_STATUSES.includes(existing.status)) {
+      if (existing.clientAction) {
+        const action = existing.clientAction as { type?: string; url?: string };
+        if (action.type === "REDIRECT" && action.url) {
+          return { redirectUrl: action.url };
+        }
+      }
     }
 
+    const resp = await this.paymentService.initiatePayment({
+      bookingId,
+      method: PaymentMethodTypeEnum.TELEBIRR,
+      platform: "web",
+    });
+
+    const action = resp.clientAction as { type?: string; url?: string } | undefined;
+    return {
+      redirectUrl: action?.type === "REDIRECT" ? (action.url ?? "") : "",
+    };
   }
 
-  // private buildMockReceipt(booking: Booking): InAppPaymentReceipt {
-  //   const timestamp = Date.now();
-  //   const isEtb = booking.paymentCurrency === 'ETB';
-  //   const prefix = isEtb ? 'TB' : 'CARD';
-  //   const provider = isEtb ? 'TELEBIRR' : 'CARD';
-
-  //   return {
-  //     success: true,
-  //     provider,
-  //     providerRef: `${prefix}-${booking.reference}-${timestamp}`,
-  //     amount: booking.totalAmount,
-  //     currency: booking.paymentCurrency,
-  //     paidAt: new Date().toISOString(),
-  //   };
-  // }
-
   private async requireBooking(id: string): Promise<Booking> {
     const booking = await this.bookingsRepository.findById(id);
     if (!booking) throw new NotFoundException(`Booking ${id} not found`);
diff --git a/apps/edr-freight-api/src/modules/bookings/booking-pricing.service.spec.ts b/apps/edr-freight-api/src/modules/bookings/booking-pricing.service.spec.ts
new file mode 100644
index 000000000..4ba93626f
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/bookings/booking-pricing.service.spec.ts
@@ -0,0 +1,129 @@
+import { BookingPricingService } from './booking-pricing.service';
+import type { Booking } from './entities/booking.entity';
+import type { Rate } from '../rule-engine/entities/rate.entity';
+
+const MOCK_CBE_RATE = 130;
+
+describe('BookingPricingService — domestic corridor', () => {
+  const intercityBulkUsd: Rate = {
+    id: 'rate-intercity-bulk-usd',
+    rateType: 'INTERCITY_BULK',
+    currency: 'USD',
+    rateValue: 35,
+    rateUnit: 'PER_TON',
+    status: 'LIVE',
+    containerTypeId: null,
+  } as Rate;
+
+  const intercityContainerUsd: Rate = {
+    id: 'rate-intercity-container-usd',
+    rateType: 'INTERCITY_CONTAINER',
+    currency: 'USD',
+    rateValue: 400,
+    rateUnit: 'PER_CONTAINER',
+    status: 'LIVE',
+    containerTypeId: null,
+  } as Rate;
+
+  let service: BookingPricingService;
+  let bookingsRepository: { calculateWagonCount: jest.Mock };
+  let ratesService: { findLiveRates: jest.Mock };
+  let cbeExchangeService: { getUsdToEtbRate: jest.Mock };
+
+  beforeEach(() => {
+    bookingsRepository = { calculateWagonCount: jest.fn().mockResolvedValue(2) };
+    ratesService = {
+      findLiveRates: jest.fn().mockResolvedValue([intercityBulkUsd, intercityContainerUsd]),
+    };
+    cbeExchangeService = {
+      getUsdToEtbRate: jest.fn().mockResolvedValue(MOCK_CBE_RATE),
+    };
+
+    service = new BookingPricingService(
+      bookingsRepository as never,
+      {} as never,
+      {} as never,
+      ratesService as never,
+      {} as never,
+      cbeExchangeService as never,
+    );
+  });
+
+  it('prices domestic bulk in ETB using INTERCITY_BULK USD rate × CBE exchange rate', async () => {
+    const booking = {
+      id: 'b-1',
+      freightType: 'BULK',
+      tradeDirection: 'DOMESTIC',
+      paymentCurrency: 'ETB',
+      cargoTotalWeightVgm: 120,
+      bookingContainers: [],
+    } as unknown as Booking;
+
+    const result = await (
+      service as unknown as {
+        computeBaseRailLinesWithRates: (
+          b: Booking,
+          input: { containers: [] },
+        ) => Promise<{ lineItems: Array<{ amount: number; code: string; currency: string }> }>;
+      }
+    ).computeBaseRailLinesWithRates(booking, { containers: [] });
+
+    expect(result.lineItems).toHaveLength(1);
+    expect(result.lineItems[0].code).toBe('INTERCITY_BULK');
+    expect(result.lineItems[0].currency).toBe('ETB');
+    expect(result.lineItems[0].amount).toBe(Math.round(35 * 120 * MOCK_CBE_RATE));
+  });
+
+  it('prices domestic bulk in USD using INTERCITY_BULK USD rate directly', async () => {
+    const booking = {
+      id: 'b-1-usd',
+      freightType: 'BULK',
+      tradeDirection: 'DOMESTIC',
+      paymentCurrency: 'USD',
+      cargoTotalWeightVgm: 120,
+      bookingContainers: [],
+    } as unknown as Booking;
+
+    const result = await (
+      service as unknown as {
+        computeBaseRailLinesWithRates: (
+          b: Booking,
+          input: { containers: [] },
+        ) => Promise<{ lineItems: Array<{ amount: number; code: string; currency: string }> }>;
+      }
+    ).computeBaseRailLinesWithRates(booking, { containers: [] });
+
+    expect(result.lineItems).toHaveLength(1);
+    expect(result.lineItems[0].code).toBe('INTERCITY_BULK');
+    expect(result.lineItems[0].currency).toBe('USD');
+    expect(result.lineItems[0].amount).toBe(35 * 120);
+  });
+
+  it('prices domestic container in ETB using INTERCITY_CONTAINER USD fallback × CBE rate', async () => {
+    const booking = {
+      id: 'b-2',
+      freightType: 'CONTAINER',
+      tradeDirection: 'DOMESTIC',
+      paymentCurrency: 'ETB',
+      cargoTotalWeightVgm: 50,
+      bookingContainers: [],
+    } as unknown as Booking;
+
+    const result = await (
+      service as unknown as {
+        computeBaseRailLinesWithRates: (
+          b: Booking,
+          input: {
+            containers: Array<{ containerTypeId: string; quantity: number }>;
+          },
+        ) => Promise<{ lineItems: Array<{ amount: number; code: string; currency: string }> }>;
+      }
+    ).computeBaseRailLinesWithRates(booking, {
+      containers: [{ containerTypeId: 'ct-20', quantity: 3 }],
+    });
+
+    expect(result.lineItems.some((l) => l.code === 'INTERCITY_CONTAINER')).toBe(true);
+    const line = result.lineItems.find((l) => l.code === 'INTERCITY_CONTAINER')!;
+    expect(line.currency).toBe('ETB');
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/bookings/booking-pricing.service.ts b/apps/edr-freight-api/src/modules/bookings/booking-pricing.service.ts
index 4e47456e0..14d8a8dbe 100644
--- a/apps/edr-freight-api/src/modules/bookings/booking-pricing.service.ts
+++ b/apps/edr-freight-api/src/modules/bookings/booking-pricing.service.ts
@@ -4,6 +4,7 @@ import { ContainerTypesService } from '../rule-engine/services/container-types.s
 import { RatesService } from '../rule-engine/services/rates.service';
 import { ServiceTypesService } from '../rule-engine/services/service-types.service';
 import { Rate } from '../rule-engine/entities/rate.entity';
+import { CbeExchangeService } from '../cbe-exchange/cbe-exchange.service';
 import {
   AppliedCargoModifier,
   BookingEvaluationInput,
@@ -14,6 +15,24 @@ import { GeneratePriceResponseDto, PriceLineItemDto } from './dto/generate-price
 import { Booking } from './entities/booking.entity';
 import { assertBookingStatus } from './booking-status.util';
 
+export interface ComputedPriceResult {
+  lineItems: PriceLineItemDto[];
+  totalAmount: number;
+  currency: string;
+  usedRates: Rate[];
+  appliedModifiers: AppliedCargoModifier[];
+  priorityScore: number;
+  warnings: string[];
+  hardBlocked: string[];
+}
+
+type StoredPricingBreakdown = {
+  lineItems?: PriceLineItemDto[];
+  totalAmount?: number;
+  currency?: string;
+  generatedAt?: string;
+} | null;
+
 @Injectable()
 export class BookingPricingService {
   constructor(
@@ -22,74 +41,158 @@ export class BookingPricingService {
     private readonly containerTypesService: ContainerTypesService,
     private readonly ratesService: RatesService,
     private readonly serviceTypesService: ServiceTypesService,
+    private readonly cbeExchangeService: CbeExchangeService,
   ) {}
 
   async generatePrice(bookingId: string): Promise<GeneratePriceResponseDto> {
     const booking = await this.requireBooking(bookingId);
-    assertBookingStatus(booking, ['DRAFT']);
+    assertBookingStatus(booking, ['DRAFT', 'CHANGES_REQUESTED']);
 
-    const evalInput = await this.buildEvalInputForBooking(booking);
-    console.log('evalInput----', evalInput);
-    const ruleResult = await this.ruleEngineService.evaluate(evalInput);
-    this.ruleEngineService.assertNoHardBlocks(ruleResult);
-
-    const lineItems: PriceLineItemDto[] = [];
-    let total = 0;
-
-    const baseLines = await this.computeBaseRailLines(booking, evalInput);
-    for (const line of baseLines) {
-      lineItems.push(line);
-      total += line.amount;
-    }
-
-    for (const mod of ruleResult.appliedModifiers) {
-      const item: PriceLineItemDto = {
-        code: mod.surchargeTypeCode,
-        description: `Surcharge: ${mod.surchargeTypeCode}`,
-        amount: mod.calculatedAmount,
-        currency: mod.currency,
-      };
-      lineItems.push(item);
-      total += mod.calculatedAmount;
-    }
-
-    await this.persistPriceRun(bookingId, ruleResult.appliedModifiers, total);
+    const computed = await this.computePriceForBooking(booking);
+    this.ruleEngineService.assertNoHardBlocks({
+      priorityScore: computed.priorityScore,
+      appliedModifiers: computed.appliedModifiers,
+      containerWeightResults: [],
+      warnings: computed.warnings,
+      hardBlocked: computed.hardBlocked,
+      requiresDirectorApproval: false,
+    });
 
     await this.bookingsRepository.update(bookingId, {
-      totalAmount: total,
-      priorityScore: ruleResult.priorityScore,
+      totalAmount: computed.totalAmount,
+      priorityScore: computed.priorityScore,
       pricingBreakdown: {
-        lineItems,
-        totalAmount: total,
-        currency: booking.paymentCurrency,
+        lineItems: computed.lineItems,
+        totalAmount: computed.totalAmount,
+        currency: computed.currency,
         generatedAt: new Date().toISOString(),
       },
     } as never);
 
     return {
       bookingId,
+      totalAmount: computed.totalAmount,
+      currency: computed.currency,
+      lineItems: computed.lineItems,
+      warnings: computed.warnings,
+    };
+  }
+
+  async computePriceForBooking(booking: Booking): Promise<ComputedPriceResult> {
+    const evalInput = await this.buildEvalInputForBooking(booking);
+    const ruleResult = await this.ruleEngineService.evaluate(evalInput);
+
+    const paymentCurrency = booking.paymentCurrency;
+    const isEtbBooking = paymentCurrency === 'ETB';
+    const usdToEtb = isEtbBooking ? await this.cbeExchangeService.getUsdToEtbRate() : 1;
+
+    const lineItems: PriceLineItemDto[] = [];
+    let total = 0;
+
+    const { lineItems: baseLines, usedRates: baseRates } =
+      await this.computeBaseRailLinesWithRates(booking, evalInput);
+    for (const line of baseLines) {
+      lineItems.push(line);
+      total += line.amount;
+    }
+
+    const liveRates = await this.ratesService.findLiveRates();
+    const rateById = new Map(liveRates.map((r) => [r.id, r]));
+    const usedRatesMap = new Map(baseRates.map((r) => [r.id, r]));
+
+    for (const mod of ruleResult.appliedModifiers) {
+      const usdAmount = mod.calculatedAmount;
+      const convertedAmount = isEtbBooking ? Math.round(usdAmount * usdToEtb) : usdAmount;
+      const item: PriceLineItemDto = {
+        code: mod.surchargeTypeCode,
+        description: `Surcharge: ${mod.surchargeTypeCode}`,
+        amount: convertedAmount,
+        currency: paymentCurrency,
+      };
+      lineItems.push(item);
+      total += convertedAmount;
+
+      const rate = rateById.get(mod.rateId);
+      if (rate) usedRatesMap.set(rate.id, rate);
+    }
+
+    return {
+      lineItems,
       totalAmount: total,
       currency: booking.paymentCurrency,
-      lineItems,
+      usedRates: [...usedRatesMap.values()],
+      appliedModifiers: ruleResult.appliedModifiers,
+      priorityScore: ruleResult.priorityScore,
       warnings: ruleResult.warnings,
+      hardBlocked: ruleResult.hardBlocked,
     };
   }
 
+  pricesMatch(stored: StoredPricingBreakdown, computed: ComputedPriceResult): boolean {
+    if (!stored?.lineItems?.length) return false;
+    if (Number(stored.totalAmount) !== computed.totalAmount) return false;
+    return (
+      this.lineItemsSignature(stored.lineItems) ===
+      this.lineItemsSignature(computed.lineItems)
+    );
+  }
+
+  async createPricingSnapshots(
+    bookingId: string,
+    usedRates: Rate[],
+    appliedModifiers: AppliedCargoModifier[],
+  ): Promise<void> {
+    await this.bookingsRepository.clearPricingArtifacts(bookingId);
+    const snapshots = await this.ruleEngineService.snapshotRates(bookingId, usedRates);
+
+    const snapshotByRateId = new Map(snapshots.map((s) => [s.rateId, s.id]));
+    const rows = appliedModifiers
+      .map((m) => {
+        const snapshotId = snapshotByRateId.get(m.rateId);
+        if (!snapshotId) return null;
+        return {
+          bookingId,
+          surchargeTypeId: m.surchargeTypeId,
+          triggerValue: m.triggerValue,
+          calculatedAmount: m.calculatedAmount,
+          rateSnapshotId: snapshotId,
+        };
+      })
+      .filter((r): r is NonNullable<typeof r> => r !== null);
+
+    if (rows.length > 0) {
+      await this.bookingsRepository.createCargoModifiers(rows);
+    }
+  }
+
   async buildEvalInputForBooking(booking: Booking): Promise<BookingEvaluationInput> {
     const containers = await Promise.all(
-      (booking.bookingContainers ?? []).map(async (bc) => {
-        const ct = await this.containerTypesService.findById(bc.containerTypeId);
-        const vgm = Number(bc.vgmPerUnitTons);
-        const qty = bc.quantity;
-        return {
-          containerTypeId: bc.containerTypeId,
-          quantity: qty,
-          vgmPerUnitTons: vgm,
-          totalVgmTons: qty * vgm,
-          isReefer: ct.isReefer,
-        };
-      }),
+      (booking.bookingContainers ?? [])
+        .filter((bc): bc is typeof bc & { containerTypeId: string } => bc.containerTypeId != null)
+        .map(async (bc) => {
+          const ct = await this.containerTypesService.findById(bc.containerTypeId);
+          const vgm = Number(bc.vgmPerUnitTons);
+          const qty = bc.quantity;
+          return {
+            containerTypeId: bc.containerTypeId,
+            quantity: qty,
+            vgmPerUnitTons: vgm,
+            totalVgmTons: qty * vgm,
+            isReefer: ct.isReefer,
+          };
+        }),
     );
+    // Wagon count is persisted per container line at booking creation; sum it.
+    const totalWagons =
+      booking.freightType === 'CONTAINER'
+        ? Math.ceil(
+            (booking.bookingContainers ?? []).reduce(
+              (sum, bc) => sum + Number(bc.wagonsRequired ?? 0),
+              0,
+            ),
+          )
+        : 0;
+
     return {
       freightType: booking.freightType as 'CONTAINER' | 'BULK',
       cargoTypeId: booking.cargoTypeId ?? null,
@@ -97,8 +200,10 @@ export class BookingPricingService {
       paymentCurrency: booking.paymentCurrency,
       tradeDirection: booking.tradeDirection,
       isHazardous: booking.isHazardous,
+      isGovernment: booking.isGovernment,
       allowConsolidation: booking.allowConsolidation,
       shippingLineId: booking.shippingLineId,
+      totalWagons,
       containers,
     };
   }
@@ -115,11 +220,7 @@ export class BookingPricingService {
     totalAmount: number;
     currency: string;
   }> {
-    const stored = booking.pricingBreakdown as {
-      lineItems?: PriceLineItemDto[];
-      totalAmount?: number;
-      currency?: string;
-    } | null;
+    const stored = booking.pricingBreakdown as StoredPricingBreakdown;
 
     if (stored?.lineItems?.length) {
       return {
@@ -129,41 +230,28 @@ export class BookingPricingService {
       };
     }
 
-    const evalInput = await this.buildEvalInputForBooking(booking);
-    const ruleResult = await this.ruleEngineService.evaluate(evalInput);
-    const lineItems: PriceLineItemDto[] = [];
-    let total = 0;
+    const computed = await this.computePriceForBooking(booking);
 
-    const baseLines = await this.computeBaseRailLines(booking, evalInput);
-    for (const line of baseLines) {
-      lineItems.push(line);
-      total += line.amount;
-    }
-
-    for (const mod of ruleResult.appliedModifiers) {
-      lineItems.push({
-        code: mod.surchargeTypeCode,
-        description: `Surcharge: ${mod.surchargeTypeCode}`,
-        amount: mod.calculatedAmount,
-        currency: mod.currency,
-      });
-      total += mod.calculatedAmount;
-    }
-
-    if (lineItems.length === 0) {
-      total = Number(booking.totalAmount);
-      lineItems.push({
-        code: 'TOTAL',
-        description: 'Contract total',
-        amount: total,
+    if (computed.lineItems.length === 0) {
+      const total = Number(booking.totalAmount);
+      return {
+        lineItems: [
+          {
+            code: 'TOTAL',
+            description: 'Contract total',
+            amount: total,
+            currency: booking.paymentCurrency,
+          },
+        ],
+        totalAmount: total,
         currency: booking.paymentCurrency,
-      });
+      };
     }
 
     return {
-      lineItems,
-      totalAmount: total || Number(booking.totalAmount),
-      currency: booking.paymentCurrency,
+      lineItems: computed.lineItems,
+      totalAmount: computed.totalAmount || Number(booking.totalAmount),
+      currency: computed.currency,
     };
   }
 
@@ -190,14 +278,16 @@ export class BookingPricingService {
     return score;
   }
 
-  private async computeBaseRailLines(
+  private async computeBaseRailLinesWithRates(
     booking: Booking,
     evalInput: BookingEvaluationInput,
-  ): Promise<PriceLineItemDto[]> {
+  ): Promise<{ lineItems: PriceLineItemDto[]; usedRates: Rate[] }> {
     const liveRates = await this.ratesService.findLiveRates();
-    const currency = booking.paymentCurrency;
+    const paymentCurrency = booking.paymentCurrency;
+    const isEtbBooking = paymentCurrency === 'ETB';
+    const usdToEtb = isEtbBooking ? await this.cbeExchangeService.getUsdToEtbRate() : 1;
     const isBulk = booking.freightType === 'BULK';
-console.log('liveRates----', liveRates);
+
     const rateType =
       booking.tradeDirection === 'IMPORT'
         ? isBulk
@@ -207,45 +297,50 @@ console.log('liveRates----', liveRates);
           ? isBulk
             ? 'BULK_EXPORT'
             : 'CONTAINER_EXPORT'
-          : 'INTERCITY_CONTAINER';
-
-
-          console.log('rateType----', rateType);
+          : isBulk
+            ? 'INTERCITY_BULK'
+            : 'INTERCITY_CONTAINER';
 
     const lines: PriceLineItemDto[] = [];
+    const usedRatesMap = new Map<string, Rate>();
     const wagonCount = await this.bookingsRepository.calculateWagonCount(booking.id);
 
     for (const container of evalInput.containers) {
-      console.log('container----', container);
-      const rate = this.pickRate(liveRates, rateType, container.containerTypeId, currency);
-      console.log('rate----', rate);
+      const rate = this.pickRate(liveRates, rateType, container.containerTypeId, 'USD');
       if (!rate) continue;
 
-      const amount = this.amountForRate(rate, container.quantity, wagonCount);
+      usedRatesMap.set(rate.id, rate);
+      const usdAmount = this.amountForRate(rate, container.quantity, wagonCount);
+      const amount = isEtbBooking ? Math.round(usdAmount * usdToEtb) : usdAmount;
       lines.push({
         code: rateType,
         description: `Base rail (${rateType})`,
         amount,
-        currency: rate.currency,
+        currency: paymentCurrency,
       });
     }
 
     if (lines.length === 0) {
       const fallback = liveRates.find(
-        (r) => r.rateType === rateType && r.currency === currency && r.status === 'LIVE',
+        (r) => r.rateType === rateType && r.currency === 'USD' && r.status === 'LIVE',
       );
       if (fallback) {
-        const amount = this.amountForRate(fallback, 1, wagonCount);
+        usedRatesMap.set(fallback.id, fallback);
+        const bulkTons = Number(booking.cargoTotalWeightVgm ?? 0);
+        const quantity =
+          isBulk && fallback.rateUnit === 'PER_TON' ? Math.max(bulkTons, 0) : 1;
+        const usdAmount = this.amountForRate(fallback, quantity, wagonCount);
+        const amount = isEtbBooking ? Math.round(usdAmount * usdToEtb) : usdAmount;
         lines.push({
           code: rateType,
           description: `Base rail (${rateType})`,
           amount,
-          currency: fallback.currency,
+          currency: paymentCurrency,
         });
       }
     }
 
-    return lines;
+    return { lineItems: lines, usedRates: [...usedRatesMap.values()] };
   }
 
   private pickRate(
@@ -281,31 +376,15 @@ console.log('liveRates----', liveRates);
     }
   }
 
-  private async persistPriceRun(
-    bookingId: string,
-    modifiers: AppliedCargoModifier[],
-    _total: number,
-  ): Promise<void> {
-    await this.bookingsRepository.clearPricingArtifacts(bookingId);
-    const snapshots = await this.ruleEngineService.snapshotLiveRates(bookingId);
-
-    const snapshotByRateId = new Map(snapshots.map((s) => [s.rateId, s.id]));
-    const rows = modifiers
-      .map((m) => {
-        const snapshotId = snapshotByRateId.get(m.rateId);
-        if (!snapshotId) return null;
-        return {
-          bookingId,
-          surchargeTypeId: m.surchargeTypeId,
-          triggerValue: m.triggerValue,
-          calculatedAmount: m.calculatedAmount,
-          rateSnapshotId: snapshotId,
-        };
-      })
-      .filter((r): r is NonNullable<typeof r> => r !== null);
-
-    if (rows.length > 0) {
-      await this.bookingsRepository.createCargoModifiers(rows);
-    }
+  private lineItemsSignature(items: PriceLineItemDto[]): string {
+    return JSON.stringify(
+      [...items]
+        .map((item) => ({
+          code: item.code,
+          amount: item.amount,
+          currency: item.currency,
+        }))
+        .sort((a, b) => a.code.localeCompare(b.code)),
+    );
   }
 }
diff --git a/apps/edr-freight-api/src/modules/bookings/booking-reference-data.service.ts b/apps/edr-freight-api/src/modules/bookings/booking-reference-data.service.ts
index dc4f292b7..8a2d52172 100644
--- a/apps/edr-freight-api/src/modules/bookings/booking-reference-data.service.ts
+++ b/apps/edr-freight-api/src/modules/bookings/booking-reference-data.service.ts
@@ -1,28 +1,28 @@
-import { Inject, Injectable } from '@nestjs/common';
-import { In, Not } from 'typeorm';
+import { Inject, Injectable } from "@nestjs/common";
+import { In, Not } from "typeorm";
 
-import { CargoType } from '../rule-engine/entities/cargo-type.entity';
-import { ContainerType } from '../rule-engine/entities/container-type.entity';
+import { CargoType } from "../rule-engine/entities/cargo-type.entity";
+import { ContainerType } from "../rule-engine/entities/container-type.entity";
 import {
   CARGO_TYPES_REPOSITORY,
   ICargoTypesRepository,
-} from '../rule-engine/interfaces/cargo-types.repository.interface';
+} from "../rule-engine/interfaces/cargo-types.repository.interface";
 import {
   CONTAINER_TYPES_REPOSITORY,
   IContainerTypesRepository,
-} from '../rule-engine/interfaces/container-types.repository.interface';
+} from "../rule-engine/interfaces/container-types.repository.interface";
 import {
   IServiceTypesRepository,
   SERVICE_TYPES_REPOSITORY,
-} from '../rule-engine/interfaces/service-types.repository.interface';
+} from "../rule-engine/interfaces/service-types.repository.interface";
 import {
   IShippingLinesRepository,
   SHIPPING_LINES_REPOSITORY,
-} from '../rule-engine/interfaces/shipping-lines.repository.interface';
+} from "../rule-engine/interfaces/shipping-lines.repository.interface";
 import {
   IYardsRepository,
   YARDS_REPOSITORY,
-} from '../rule-engine/interfaces/yards.repository.interface';
+} from "../rule-engine/interfaces/yards.repository.interface";
 import {
   BookingReferenceCargoTypeChildDto,
   BookingReferenceCargoTypeGroupDto,
@@ -32,9 +32,9 @@ import {
   BookingReferenceServiceDto,
   BookingReferenceShippingLineDto,
   BookingReferenceYardDto,
-} from './dto/booking-reference-data.dto';
+} from "./dto/booking-reference-data.dto";
 
-const LEGACY_YARD_CODES = ['LEGACY_ORIGIN', 'LEGACY_DEST'] as const;
+const LEGACY_YARD_CODES = ["LEGACY_ORIGIN", "LEGACY_DEST"] as const;
 
 export function buildCargoTypeTree(
   rows: CargoType[],
@@ -42,13 +42,16 @@ export function buildCargoTypeTree(
   const active = rows.filter((r) => r.isActive);
   const parents = active
     .filter((r) => !r.parentGroupId)
-    .sort((a, b) => a.displayOrder - b.displayOrder || a.code.localeCompare(b.code));
+    .sort(
+      (a, b) => a.displayOrder - b.displayOrder || a.code.localeCompare(b.code),
+    );
 
   return parents.map((parent) => {
     const children = active
       .filter((r) => r.parentGroupId === parent.id)
       .sort(
-        (a, b) => a.displayOrder - b.displayOrder || a.code.localeCompare(b.code),
+        (a, b) =>
+          a.displayOrder - b.displayOrder || a.code.localeCompare(b.code),
       )
       .map(
         (child): BookingReferenceCargoTypeChildDto => ({
@@ -79,14 +82,14 @@ export function groupContainersBySize(
 
   for (const ct of active) {
     const sizeKey =
-      ct.sizeFt != null && ct.sizeFt > 0 ? `${ct.sizeFt}ft` : 'other';
+      ct.sizeFt != null && ct.sizeFt > 0 ? `${ct.sizeFt}ft` : "other";
     const list = bySize.get(sizeKey) ?? [];
     list.push(ct);
     bySize.set(sizeKey, list);
   }
 
   const sortSizeKey = (key: string): number => {
-    if (key === 'other') return Number.MAX_SAFE_INTEGER;
+    if (key === "other") return Number.MAX_SAFE_INTEGER;
     const n = parseInt(key, 10);
     return Number.isNaN(n) ? Number.MAX_SAFE_INTEGER - 1 : n;
   };
@@ -126,7 +129,7 @@ export class BookingReferenceDataService {
     private readonly shippingLinesRepository: IShippingLinesRepository,
     @Inject(CARGO_TYPES_REPOSITORY)
     private readonly cargoTypesRepository: ICargoTypesRepository,
-  ) {}
+  ) { }
 
   async getReferenceData(): Promise<BookingReferenceDataDto> {
     const [yards, containerTypes, serviceTypes, shippingLines, cargoTypes] =
@@ -136,23 +139,23 @@ export class BookingReferenceDataService {
             isActive: true,
             code: Not(In([...LEGACY_YARD_CODES])),
           },
-          order: { displayOrder: 'ASC', code: 'ASC' },
+          order: { displayOrder: "ASC", code: "ASC" },
         }),
         this.containerTypesRepository.findAll({
           where: { isActive: true },
-          order: { displayOrder: 'ASC', code: 'ASC' },
+          order: { displayOrder: "ASC", code: "ASC" },
         }),
         this.serviceTypesRepository.findAll({
           where: { isActive: true },
-          order: { displayOrder: 'ASC', code: 'ASC' },
+          order: { displayOrder: "ASC", code: "ASC" },
         }),
         this.shippingLinesRepository.findAll({
           where: { isActive: true },
-          order: { label: 'ASC', code: 'ASC' },
+          order: { label: "ASC", code: "ASC" },
         }),
         this.cargoTypesRepository.findAll({
           where: { isActive: true },
-          order: { displayOrder: 'ASC', code: 'ASC' },
+          order: { displayOrder: "ASC", code: "ASC" },
         }),
       ]);
 
@@ -168,9 +171,8 @@ export class BookingReferenceDataService {
       containers: groupContainersBySize(containerTypes),
       service: serviceTypes.map(
         (s): BookingReferenceServiceDto => ({
-          id: s.id,
           name: s.serviceName,
-          code: s.code,
+          ...s,
         }),
       ),
       shipping_line: shippingLines.map(
diff --git a/apps/edr-freight-api/src/modules/bookings/booking-transition.service.ts b/apps/edr-freight-api/src/modules/bookings/booking-transition.service.ts
index 0fdfc5084..b2c3ffbfb 100644
--- a/apps/edr-freight-api/src/modules/bookings/booking-transition.service.ts
+++ b/apps/edr-freight-api/src/modules/bookings/booking-transition.service.ts
@@ -1,4 +1,10 @@
-import { BadRequestException, forwardRef, Inject, Injectable } from '@nestjs/common';
+import {
+  BadRequestException,
+  ConflictException,
+  forwardRef,
+  Inject,
+  Injectable,
+} from '@nestjs/common';
 import type { TCurrentUser } from '@tria-plc/api-common/modules/auth/types/current-user.type';
 
 import { assertCanApproveBookingStep } from '../../common/freight-permission.util';
@@ -8,6 +14,8 @@ import { BookingPricingService } from './booking-pricing.service';
 import { BookingsRepository } from './bookings.repository';
 import { assertBookingStatus } from './booking-status.util';
 import { computeNextStep, type BookingNextStep } from './booking-next-step.util';
+import { SubmitBookingResponseDto } from './dto/submit-booking-response.dto';
+import { PriceLineItemDto } from './dto/generate-price-response.dto';
 import { Booking } from './entities/booking.entity';
 import { BookingsService } from './bookings.service';
 
@@ -22,7 +30,7 @@ export class BookingTransitionService {
     private readonly bookingsService: BookingsService,
   ) {}
 
-  async submit(bookingId: string): Promise<Booking> {
+  async submit(bookingId: string): Promise<SubmitBookingResponseDto> {
     const booking = await this.bookingsService.findById(bookingId);
     assertBookingStatus(booking, ['DRAFT', 'CHANGES_REQUESTED']);
 
@@ -32,14 +40,119 @@ export class BookingTransitionService {
       );
     }
 
-    const priorityScore = await this.pricingService.computeSubmitPriorityScore(booking);
-    await this.ruleEngineService.snapshotLiveRates(bookingId);
+    const computed = await this.pricingService.computePriceForBooking(booking);
+    this.ruleEngineService.assertNoHardBlocks({
+      priorityScore: computed.priorityScore,
+      appliedModifiers: computed.appliedModifiers,
+      containerWeightResults: [],
+      warnings: computed.warnings,
+      hardBlocked: computed.hardBlocked,
+      requiresDirectorApproval: false,
+    });
 
+    const stored = booking.pricingBreakdown as {
+      lineItems?: PriceLineItemDto[];
+      totalAmount?: number;
+    } | null;
+    const unchanged = this.pricingService.pricesMatch(stored, computed);
+    const priorityScore = await this.pricingService.computeSubmitPriorityScore(booking);
+
+    if (unchanged) {
+      await this.pricingService.createPricingSnapshots(
+        bookingId,
+        computed.usedRates,
+        computed.appliedModifiers,
+      );
+
+      const updated = await this.bookingsRepository.update(bookingId, {
+        status: 'SUBMITTED',
+        priorityScore,
+      } as never);
+
+      const finalBooking = await this.bookingsService.findById(updated!.id);
+      return {
+        bookingId: finalBooking.id,
+        status: finalBooking.status,
+        priceChanged: false,
+        totalAmount: Number(finalBooking.totalAmount),
+        currency: finalBooking.paymentCurrency,
+        lineItems: computed.lineItems,
+      };
+    }
+
+    const previousTotalAmount = Number(booking.totalAmount);
+    await this.bookingsRepository.update(bookingId, {
+      totalAmount: computed.totalAmount,
+      priorityScore: computed.priorityScore,
+      pricingBreakdown: {
+        lineItems: computed.lineItems,
+        totalAmount: computed.totalAmount,
+        currency: computed.currency,
+        generatedAt: new Date().toISOString(),
+      },
+      status: 'PRICE_CHANGED_PENDING_CONFIRM',
+    } as never);
+
+    const updatedBooking = await this.bookingsService.findById(bookingId);
+    return {
+      bookingId: updatedBooking.id,
+      status: updatedBooking.status,
+      priceChanged: true,
+      previousTotalAmount,
+      totalAmount: computed.totalAmount,
+      currency: computed.currency,
+      lineItems: computed.lineItems,
+      message: 'Price has changed since preview. Confirm to submit with the updated price.',
+    };
+  }
+
+  async confirmSubmit(bookingId: string): Promise<SubmitBookingResponseDto> {
+    const booking = await this.bookingsService.findById(bookingId);
+    assertBookingStatus(booking, ['PRICE_CHANGED_PENDING_CONFIRM']);
+
+    if (Number(booking.totalAmount) <= 0) {
+      throw new BadRequestException('No price to confirm');
+    }
+
+    const computed = await this.pricingService.computePriceForBooking(booking);
+    this.ruleEngineService.assertNoHardBlocks({
+      priorityScore: computed.priorityScore,
+      appliedModifiers: computed.appliedModifiers,
+      containerWeightResults: [],
+      warnings: computed.warnings,
+      hardBlocked: computed.hardBlocked,
+      requiresDirectorApproval: false,
+    });
+
+    await this.pricingService.createPricingSnapshots(
+      bookingId,
+      computed.usedRates,
+      computed.appliedModifiers,
+    );
+
+    const priorityScore = await this.pricingService.computeSubmitPriorityScore(booking);
     const updated = await this.bookingsRepository.update(bookingId, {
       status: 'SUBMITTED',
       priorityScore,
+      totalAmount: computed.totalAmount,
+      pricingBreakdown: {
+        lineItems: computed.lineItems,
+        totalAmount: computed.totalAmount,
+        currency: computed.currency,
+        generatedAt: new Date().toISOString(),
+      },
     } as never);
-    return this.bookingsService.findById(updated!.id);
+
+    const finalBooking = await this.bookingsService.findById(updated!.id);
+    return {
+      bookingId: finalBooking.id,
+      status: finalBooking.status,
+      priceChanged: false,
+      totalAmount: Number(finalBooking.totalAmount),
+      currency: finalBooking.paymentCurrency,
+      lineItems: computed.lineItems,
+      message: 'Booking submitted with confirmed price.',
+    };
   }
 
   async requestChanges(
@@ -77,6 +190,16 @@ export class BookingTransitionService {
     const booking = await this.bookingsService.findById(bookingId);
     assertBookingStatus(booking, ['SUBMITTED']);
 
+    // Consolidation gate: a booking whose containers don't fill whole wagons
+    // cannot be accepted until it is paired with a complementary booking.
+    const gate = await this.bookingsService.resolveConsolidationGate(bookingId);
+    if (gate.blocked) {
+      throw new ConflictException(
+        gate.message ??
+          'Booking requires consolidation and cannot be accepted until a partner is found.',
+      );
+    }
+
     await this.ruleEngineService.instantiateApprovalSteps(bookingId, {
       freightType: booking.freightType as 'CONTAINER' | 'BULK',
       cargoTypeId: booking.cargoTypeId,
@@ -279,6 +402,7 @@ export class BookingTransitionService {
     assertBookingStatus(booking, [
       'DRAFT',
       'SUBMITTED',
+      'PRICE_CHANGED_PENDING_CONFIRM',
       'CHANGES_REQUESTED',
       'PENDING_APPROVAL',
       'CONTRACT_READY',
@@ -321,4 +445,4 @@ export class BookingTransitionService {
       nextStep,
     };
   }
-}
+}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/bookings/bookings.controller.ts b/apps/edr-freight-api/src/modules/bookings/bookings.controller.ts
index ccd598577..ba9fffb66 100644
--- a/apps/edr-freight-api/src/modules/bookings/bookings.controller.ts
+++ b/apps/edr-freight-api/src/modules/bookings/bookings.controller.ts
@@ -39,6 +39,7 @@ import { CreateBookingDto } from './dto/create-booking.dto';
 import { BookingListSummaryDto } from './dto/booking-list-summary.dto';
 import { FilterBookingDto } from './dto/filter-booking.dto';
 import { GeneratePriceResponseDto } from './dto/generate-price-response.dto';
+import { SubmitBookingResponseDto } from './dto/submit-booking-response.dto';
 import {
   ApproveStepDto,
   CancelBookingDto,
@@ -53,6 +54,7 @@ import {
   type AuthUserPayload,
   resolveAuthUserId,
 } from '../../common/resolve-auth-user-id';
+import { assertFreightPermission, hasFreightPermission } from '../../common/freight-permission.util';
 
 @ApiTags('bookings')
 @Controller('bookings')
@@ -71,13 +73,30 @@ export class BookingsController {
   @ApiConsumes('multipart/form-data')
   @ApiOperation({ summary: 'Create a new freight booking (DRAFT)' })
   @ApiBody({ type: CreateBookingDto })
-  create(
+  async create(
     @Body() dto: CreateBookingDto,
     @UploadedFiles() files: Express.Multer.File[],
-    @Request() req: { user?: { id?: string; sub?: string } },
+    @CurrentUser() user: TCurrentUser,
   ) {
-    const userId = req.user?.id ?? req.user?.sub;
-    return this.bookingsService.create(dto, files ?? [], userId);
+    if (dto.isGovernment) {
+      assertFreightPermission(user, FREIGHT_PERMS.bookings.staffAccept);
+    }
+    const result = await this.bookingsService.create(dto, files ?? [], user?.id);
+
+    // Staff-created commercial bookings skip the draft stage: auto generate-price + submit.
+    const isStaff = hasFreightPermission(user, FREIGHT_PERMS.bookings.staffAccept);
+    if (isStaff && !dto.isGovernment) {
+      try {
+        await this.pricingService.generatePrice(result.booking.id);
+        await this.transitionService.submit(result.booking.id);
+        const submitted = await this.bookingsService.findById(result.booking.id);
+        return { booking: submitted, warnings: result.warnings };
+      } catch {
+        // If auto-pricing/submit fails, fall back to the DRAFT so staff can finish manually.
+        return result;
+      }
+    }
+    return result;
   }
 
   @Patch(':id')
@@ -109,6 +128,20 @@ export class BookingsController {
     return this.bookingsService.getListSummary(filter);
   }
 
+  @Get('my')
+  @ApiOperation({
+    summary: "List the current customer's bookings ready for payment",
+    description:
+      'Bookings owned by the authenticated user\'s company that are payable ' +
+      '(FULLY_EXECUTED, SELECTED_FOR_BATCH, AWAITING_PAYMENT) and not yet PAID.',
+  })
+  findMyPayable(
+    @CurrentUser() user: AuthUserPayload,
+    @Query() filter: FilterBookingDto,
+  ) {
+    return this.bookingsService.findMyPayable(resolveAuthUserId(user), filter);
+  }
+
   @Get('queues/:queue')
   @ApiOperation({
     summary: 'List bookings for a dashboard queue',
@@ -165,17 +198,36 @@ export class BookingsController {
   }
 
   @Post(':id/generate-price')
-  @ApiOperation({ summary: 'Generate price preview (DRAFT only)' })
+  @ApiOperation({
+    summary: 'Generate price preview (DRAFT or CHANGES_REQUESTED)',
+    description:
+      'Computes and stores a price preview on the booking. Does not create rate snapshots.',
+  })
   @ApiOkResponse({ type: GeneratePriceResponseDto })
   generatePrice(@Param('id', ParseUUIDPipe) id: string) {
     return this.pricingService.generatePrice(id);
   }
 
   @Post(':id/submit')
-  @ApiOperation({ summary: 'Customer submit booking' })
-  async submit(@Param('id', ParseUUIDPipe) id: string) {
-    const booking = await this.transitionService.submit(id);
-    return this.transitionService.enrichBookingResponse(booking);
+  @ApiOperation({
+    summary: 'Customer submit booking',
+    description:
+      'Recomputes price against live rates. If unchanged, creates rate snapshots and submits. If changed, updates the booking price and returns priceChanged=true for confirmation.',
+  })
+  @ApiOkResponse({ type: SubmitBookingResponseDto })
+  submit(@Param('id', ParseUUIDPipe) id: string) {
+    return this.transitionService.submit(id);
+  }
+
+  @Post(':id/confirm-submit')
+  @ApiOperation({
+    summary: 'Confirm submit after price change',
+    description:
+      'Creates rate snapshots for the updated booking price and moves the booking to SUBMITTED.',
+  })
+  @ApiOkResponse({ type: SubmitBookingResponseDto })
+  confirmSubmit(@Param('id', ParseUUIDPipe) id: string) {
+    return this.transitionService.confirmSubmit(id);
   }
 
   @Post(':id/staff/request-changes')
@@ -224,6 +276,20 @@ export class BookingsController {
     return this.transitionService.enrichBookingResponse(booking);
   }
 
+  @Post(':id/government-expedite')
+  @BookingStaff(FREIGHT_PERMS.bookings.staffAccept)
+  @ApiOperation({ summary: 'Expedite government booking to PAID / ELIGIBLE for scheduling' })
+  async governmentExpedite(
+    @Param('id', ParseUUIDPipe) id: string,
+    @CurrentUser() user: AuthUserPayload,
+  ) {
+    const booking = await this.bookingsService.governmentExpedite(
+      id,
+      resolveAuthUserId(user),
+    );
+    return this.transitionService.enrichBookingResponse(booking);
+  }
+
   @Post(':id/approval-steps/:stepId/approve')
   @BookingStaff([
     FREIGHT_PERMS.bookings.approveLineStaff,
@@ -276,8 +342,12 @@ export class BookingsController {
   @Get(':id/contract/view')
   @ApiOkResponse({ type: ContractViewDto })
   @ApiOperation({ summary: 'Contract HTML view for portal and backoffice' })
-  getContractView(@Param('id', ParseUUIDPipe) id: string) {
-    return this.contractService.getContractView(id);
+  getContractView(
+    @Param('id', ParseUUIDPipe) id: string,
+    @Request() req: { user?: { id?: string; sub?: string } },
+  ) {
+    const userId = req.user?.id ?? req.user?.sub;
+    return this.contractService.getContractView(id, userId);
   }
 
   @Get(':id/contract/document')
diff --git a/apps/edr-freight-api/src/modules/bookings/bookings.module.ts b/apps/edr-freight-api/src/modules/bookings/bookings.module.ts
index c230a187f..f55a5a0f8 100644
--- a/apps/edr-freight-api/src/modules/bookings/bookings.module.ts
+++ b/apps/edr-freight-api/src/modules/bookings/bookings.module.ts
@@ -1,4 +1,4 @@
-import { Module } from '@nestjs/common';
+import { Module, forwardRef } from '@nestjs/common';
 import { TypeOrmModule } from '@nestjs/typeorm';
 
 // import { CustomersModule } from '../customers/customers.module';
@@ -6,6 +6,7 @@ import { CompaniesModule } from '../companies/companies.module';
 import { FilesModule } from '../files/files.module';
 import { MinioModule } from '../minio/minio.module';
 import { RuleEngineModule } from '../rule-engine/rule-engine.module';
+import { SignaturesModule } from '../signatures/signatures.module';
 import { BookingContractService } from './booking-contract.service';
 import { BookingPaymentService } from './booking-payment.service';
 import { BookingPricingService } from './booking-pricing.service';
@@ -29,6 +30,8 @@ import { ContractRendererService } from '../../contracts/contract-renderer.servi
 import { ContractTemplateResolver } from '../../contracts/contract-template.resolver';
 import { ContractViewModelBuilder } from '../../contracts/contract-view-model.builder';
 import { PaymentModule } from '../payment/payment.module';
+import { TrainSchedulingModule } from '../train-scheduling/train-scheduling.module';
+import { CbeExchangeService } from '../cbe-exchange/cbe-exchange.service';
 
 @Module({
   imports: [
@@ -42,11 +45,13 @@ import { PaymentModule } from '../payment/payment.module';
       BookingContractSignature,
     ]),
     PaymentModule,
+    forwardRef(() => TrainSchedulingModule),
     FilesModule,
     MinioModule,
     CompaniesModule,
     // CustomersModule,
     RuleEngineModule,
+    SignaturesModule,
   ],
   controllers: [BookingsController, PayController],
   providers: [
@@ -63,6 +68,7 @@ import { PaymentModule } from '../payment/payment.module';
     ContractPricingScheduleBuilder,
     ContractRendererService,
     ContractPdfService,
+    CbeExchangeService,
   ],
   exports: [BookingsService, BookingsRepository],
 })
diff --git a/apps/edr-freight-api/src/modules/bookings/bookings.repository.spec.ts b/apps/edr-freight-api/src/modules/bookings/bookings.repository.spec.ts
new file mode 100644
index 000000000..7d4ff199c
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/bookings/bookings.repository.spec.ts
@@ -0,0 +1,70 @@
+import { DataSource, Repository } from 'typeorm';
+
+import { Booking } from './entities/booking.entity';
+import { BookingsRepository } from './bookings.repository';
+
+function mockQueryBuilder() {
+  const qb = {
+    leftJoinAndSelect: jest.fn().mockReturnThis(),
+    leftJoin: jest.fn().mockReturnThis(),
+    where: jest.fn().mockReturnThis(),
+    andWhere: jest.fn().mockReturnThis(),
+    orderBy: jest.fn().mockReturnThis(),
+    addOrderBy: jest.fn().mockReturnThis(),
+    skip: jest.fn().mockReturnThis(),
+    take: jest.fn().mockReturnThis(),
+    getMany: jest.fn(),
+    getManyAndCount: jest.fn().mockResolvedValue([[], 0]),
+  };
+  return qb;
+}
+
+describe('BookingsRepository', () => {
+  let repository: jest.Mocked<Repository<Booking>>;
+  let dataSource: { getRepository: jest.Mock };
+  let bookingsRepository: BookingsRepository;
+
+  beforeEach(() => {
+    repository = {
+      createQueryBuilder: jest.fn(),
+    } as unknown as jest.Mocked<Repository<Booking>>;
+    dataSource = { getRepository: jest.fn() };
+    bookingsRepository = new BookingsRepository(repository, dataSource as unknown as DataSource);
+  });
+
+  it('findEligibleForScheduling does not filter by schedule date', async () => {
+    const qb = mockQueryBuilder();
+    const bookings = [
+      { id: 'b1', scheduledDate: new Date('2026-06-20T08:00:00.000Z') },
+      { id: 'b2', scheduledDate: new Date('2026-06-21T14:00:00.000Z') },
+    ];
+    qb.getMany.mockResolvedValue(bookings);
+    repository.createQueryBuilder.mockReturnValue(qb as never);
+
+    const result = await bookingsRepository.findEligibleForScheduling({
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+      freightType: 'CONTAINER',
+    });
+
+    expect(result).toHaveLength(2);
+    const dateFilters = qb.andWhere.mock.calls.filter(([clause]) =>
+      String(clause).includes('scheduled_date'),
+    );
+    expect(dateFilters).toHaveLength(0);
+  });
+
+  it('applyListFilters excludes assigned bookings when assignedToSchedule is false', async () => {
+    const qb = mockQueryBuilder();
+    repository.createQueryBuilder.mockReturnValue(qb as never);
+    dataSource.getRepository.mockReturnValue({ find: jest.fn().mockResolvedValue([]) });
+
+    await bookingsRepository.findAllPaginated({
+      page: 1,
+      pageSize: 10,
+      assignedToSchedule: 'false',
+    });
+
+    expect(qb.andWhere).toHaveBeenCalledWith(expect.stringContaining('NOT EXISTS'));
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/bookings/bookings.repository.ts b/apps/edr-freight-api/src/modules/bookings/bookings.repository.ts
index 9c17eff3e..d304e2946 100644
--- a/apps/edr-freight-api/src/modules/bookings/bookings.repository.ts
+++ b/apps/edr-freight-api/src/modules/bookings/bookings.repository.ts
@@ -1,7 +1,8 @@
 import { BaseRepository } from '@edr/api-common';
+import { SchedulingStatus } from '@edr/types';
 import { Injectable } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
-import { DataSource, FindOptionsWhere, Repository, SelectQueryBuilder } from 'typeorm';
+import { DataSource, EntityManager, FindOptionsWhere, In, Repository, SelectQueryBuilder } from 'typeorm';
 
 import { ContainerType } from '../rule-engine/entities/container-type.entity';
 import { BookingApprovalStep } from './entities/booking-approval-step.entity';
@@ -9,6 +10,7 @@ import { BookingCargoModifier } from './entities/booking-cargo-modifier.entity';
 import { BookingContainer } from './entities/booking-container.entity';
 import { BookingRateSnapshot } from './entities/booking-rate-snapshot.entity';
 import { BookingReviewNote, ReviewNoteType } from './entities/booking-review-note.entity';
+import { TrainScheduleBooking } from '../train-schedules/entities/train-schedule-booking.entity';
 import { Booking } from './entities/booking.entity';
 import {
   BookingContractSignature,
@@ -20,6 +22,8 @@ import { ContainerWeightResult } from '../rule-engine/rule-engine.service';
 export interface BookingListFilterOptions {
   statuses?: string[];
   status?: string;
+  schedulingStatuses?: string[];
+  assignedToSchedule?: 'true' | 'false';
   companyId?: string;
   contractType?: string;
   serviceTypeId?: string;
@@ -27,6 +31,8 @@ export interface BookingListFilterOptions {
   freightType?: string;
   tradeDirection?: string;
   paymentCurrency?: string;
+  paymentStatus?: string;
+  excludePaymentStatus?: string;
   allowConsolidation?: boolean;
   consolidationPaired?: string;
 }
@@ -87,6 +93,7 @@ export class BookingsRepository extends BaseRepository<Booking> {
       .leftJoinAndSelect('booking.rateSnapshots', 'snapshots')
       .leftJoinAndSelect('booking.cargoModifiers', 'modifiers')
       .leftJoinAndSelect('booking.reviewNotes', 'reviewNotes')
+      .leftJoinAndSelect('booking.consolidationPartner', 'consolidationPartner')
       .where('booking.id = :id', { id })
       .leftJoinAndMapMany(
         'booking.files',
@@ -171,7 +178,7 @@ export class BookingsRepository extends BaseRepository<Booking> {
       .andWhere('b.allowConsolidation = true')
       .andWhere('b.consolidationPartnerId IS NULL')
       .andWhere('b.status IN (:...statuses)', {
-        statuses: ['DRAFT', 'PENDING_CONSOLIDATION'],
+        statuses: ['DRAFT', 'SUBMITTED', 'PENDING_CONSOLIDATION'],
       })
       .andWhere('b.originYardId = :originYardId', {
         originYardId: booking.originYardId,
@@ -208,15 +215,27 @@ export class BookingsRepository extends BaseRepository<Booking> {
     return null;
   }
 
-  /** Pair two bookings for consolidation. */
+  /**
+   * Pair two bookings for consolidation. Both return to SUBMITTED so staff can
+   * accept them into the approval chain; the link itself (consolidationPartnerId)
+   * marks them as consolidated in the UI.
+   */
   async pairConsolidation(bookingId: string, partnerId: string): Promise<void> {
     await this.repository.update(bookingId, {
       consolidationPartnerId: partnerId,
-      status: 'CONSOLIDATED',
+      status: 'SUBMITTED',
     } as never);
     await this.repository.update(partnerId, {
       consolidationPartnerId: bookingId,
-      status: 'CONSOLIDATED',
+      status: 'SUBMITTED',
+    } as never);
+  }
+
+  /** Park a booking that needs consolidation but has no partner yet. */
+  async parkForConsolidation(bookingId: string): Promise<void> {
+    await this.repository.update(bookingId, {
+      consolidationPartnerId: null,
+      status: 'PENDING_CONSOLIDATION',
     } as never);
   }
 
@@ -345,6 +364,26 @@ export class BookingsRepository extends BaseRepository<Booking> {
     await this.dataSource.getRepository(BookingRateSnapshot).delete({ bookingId });
   }
 
+  async hasPricingArtifacts(bookingId: string): Promise<boolean> {
+    const snapshotCount = await this.dataSource
+      .getRepository(BookingRateSnapshot)
+      .count({ where: { bookingId } });
+    const modifierCount = await this.dataSource
+      .getRepository(BookingCargoModifier)
+      .count({ where: { bookingId } });
+    return snapshotCount > 0 || modifierCount > 0;
+  }
+
+  async invalidatePricingPreview(bookingId: string): Promise<void> {
+    if (await this.hasPricingArtifacts(bookingId)) {
+      await this.clearPricingArtifacts(bookingId);
+    }
+    await this.update(bookingId, {
+      totalAmount: 0,
+      pricingBreakdown: null,
+    } as never);
+  }
+
   /** Queue listing with optional bulk exclusion for LINE_STAFF. */
   async findQueue(options: {
     status: string | string[];
@@ -403,21 +442,42 @@ export class BookingsRepository extends BaseRepository<Booking> {
       .leftJoinAndSelect('booking.destinationYard', 'destinationYard')
       .leftJoinAndSelect('booking.serviceType', 'serviceType')
       .leftJoinAndSelect('booking.approvalSteps', 'approvalSteps')
+      .leftJoinAndSelect('booking.consolidationPartner', 'consolidationPartner')
       .where('booking.deleted_at IS NULL');
 
     this.applyListFilters(qb, options);
 
-    const sortField =
-      options.sortBy === 'priorityScore'
-        ? 'booking.priorityScore'
-        : 'booking.createdAt';
-    qb.orderBy(sortField, options.sortOrder ?? 'DESC');
+    if (options.sortBy === 'isGovernment') {
+      qb.orderBy('booking.isGovernment', 'DESC')
+        .addOrderBy('booking.priorityScore', 'DESC')
+        .addOrderBy('booking.scheduledDate', 'ASC');
+    } else {
+      const sortField =
+        options.sortBy === 'priorityScore'
+          ? 'booking.priorityScore'
+          : options.sortBy === 'scheduledDate'
+            ? 'booking.scheduledDate'
+            : 'booking.createdAt';
+      qb.orderBy(sortField, options.sortOrder ?? 'DESC');
+    }
 
     const [items, total] = await qb
       .skip((page - 1) * pageSize)
       .take(pageSize)
       .getManyAndCount();
 
+    if (items.length) {
+      const links = await this.dataSource.getRepository(TrainScheduleBooking).find({
+        where: { bookingId: In(items.map((item) => item.id)) },
+        select: { bookingId: true, trainScheduleId: true },
+      });
+      const scheduleByBooking = new Map(links.map((link) => [link.bookingId, link.trainScheduleId]));
+      for (const item of items) {
+        (item as Booking & { trainScheduleId?: string | null }).trainScheduleId =
+          scheduleByBooking.get(item.id) ?? null;
+      }
+    }
+
     return { items, total };
   }
 
@@ -526,6 +586,16 @@ export class BookingsRepository extends BaseRepository<Booking> {
         paymentCurrency: options.paymentCurrency,
       });
     }
+    if (options.paymentStatus) {
+      qb.andWhere('booking.payment_status = :paymentStatus', {
+        paymentStatus: options.paymentStatus,
+      });
+    }
+    if (options.excludePaymentStatus) {
+      qb.andWhere('booking.payment_status != :excludePaymentStatus', {
+        excludePaymentStatus: options.excludePaymentStatus,
+      });
+    }
     if (options.allowConsolidation !== undefined) {
       qb.andWhere('booking.allow_consolidation = :allowConsolidation', {
         allowConsolidation: options.allowConsolidation,
@@ -536,6 +606,26 @@ export class BookingsRepository extends BaseRepository<Booking> {
     } else if (options.consolidationPaired === 'false') {
       qb.andWhere('booking.consolidation_partner_id IS NULL');
     }
+    if (options.schedulingStatuses?.length) {
+      qb.andWhere('booking.scheduling_status IN (:...schedulingStatuses)', {
+        schedulingStatuses: options.schedulingStatuses,
+      });
+    }
+    if (options.assignedToSchedule === 'true') {
+      qb.andWhere(
+        `EXISTS (
+          SELECT 1 FROM freight.train_schedule_bookings tsb
+          WHERE tsb.booking_id = booking.id AND tsb.deleted_at IS NULL
+        )`,
+      );
+    } else if (options.assignedToSchedule === 'false') {
+      qb.andWhere(
+        `NOT EXISTS (
+          SELECT 1 FROM freight.train_schedule_bookings tsb
+          WHERE tsb.booking_id = booking.id AND tsb.deleted_at IS NULL
+        )`,
+      );
+    }
   }
 
   async findAndCountFiltered(where: FindOptionsWhere<Booking>, options: {
@@ -585,4 +675,192 @@ export class BookingsRepository extends BaseRepository<Booking> {
     }
     return repo.save(repo.create(data));
   }
+
+  private bookingRepo(manager?: EntityManager) {
+    return manager ? manager.getRepository(Booking) : this.repository;
+  }
+
+  findEligibleForScheduling(options: {
+    freightType?: string;
+    originStationId?: string;
+    destinationStationId?: string;
+    schedulingStatus?: string;
+    trainScheduleId?: string;
+  }): Promise<Booking[]> {
+    const qb = this.repository
+      .createQueryBuilder('booking')
+      .leftJoinAndSelect('booking.company', 'company')
+      .leftJoinAndSelect('booking.originYard', 'originYard')
+      .leftJoinAndSelect('booking.destinationYard', 'destinationYard')
+      .leftJoinAndSelect('booking.bookingContainers', 'bookingContainer')
+      .leftJoinAndSelect('bookingContainer.containerType', 'containerType')
+      .leftJoinAndSelect('booking.cargoType', 'cargoType')
+      .leftJoin(
+        TrainScheduleBooking,
+        'scheduleBooking',
+        'scheduleBooking.booking_id = booking.id',
+      )
+      .where('booking.status = :paidStatus', { paidStatus: 'PAID' })
+      .andWhere('scheduleBooking.id IS NULL');
+
+    // Mirror the automatic batch pool: a schedule only ever considers bookings that
+    // targeted THAT schedule (same as findBatchPool's train_schedule_id filter).
+    if (options.trainScheduleId) {
+      qb.andWhere('booking.train_schedule_id = :trainScheduleId', {
+        trainScheduleId: options.trainScheduleId,
+      });
+    }
+
+    if (options.freightType) {
+      qb.andWhere('booking.freightType = :freightType', { freightType: options.freightType });
+    }
+
+    if (options.originStationId) {
+      qb.andWhere('booking.originYardId = :originStationId', {
+        originStationId: options.originStationId,
+      });
+    }
+    if (options.destinationStationId) {
+      qb.andWhere('booking.destinationYardId = :destinationStationId', {
+        destinationStationId: options.destinationStationId,
+      });
+    }
+    if (options.schedulingStatus) {
+      qb.andWhere('booking.scheduling_status = :schedulingStatus', {
+        schedulingStatus: options.schedulingStatus,
+      });
+    }
+
+    return qb
+      .orderBy('booking.priority_score', 'DESC')
+      .addOrderBy('booking.scheduled_date', 'ASC')
+      .addOrderBy('booking.created_at', 'ASC')
+      .getMany();
+  }
+
+  /**
+   * Ready, not-yet-allocated bookings targeting a schedule (the batch pool).
+   * Commercial = FULLY_EXECUTED; government = APPROVED or PAID (skips contract).
+   * Ordered government → priority → contract-sign time.
+   */
+  findBatchPool(scheduleId: string): Promise<Booking[]> {
+    return this.repository
+      .createQueryBuilder('booking')
+      .leftJoinAndSelect('booking.company', 'company')
+      .leftJoinAndSelect('booking.bookingContainers', 'bookingContainer')
+      .leftJoin(TrainScheduleBooking, 'sb', 'sb.booking_id = booking.id')
+      .where('booking.train_schedule_id = :scheduleId', { scheduleId })
+      .andWhere('sb.id IS NULL')
+      .andWhere(
+        `((booking.is_government = false AND booking.status = 'FULLY_EXECUTED')
+          OR (booking.is_government = true AND booking.status IN ('APPROVED','PAID')))`,
+      )
+      .orderBy('booking.is_government', 'DESC')
+      .addOrderBy('booking.priority_score', 'DESC')
+      .addOrderBy('booking.fully_executed_at', 'ASC')
+      .addOrderBy('booking.created_at', 'ASC')
+      .getMany();
+  }
+
+  /** Every booking that targeted a schedule (any status) — for the batch monitoring board. */
+  findAllBySchedule(scheduleId: string): Promise<Booking[]> {
+    return this.repository
+      .createQueryBuilder('booking')
+      .leftJoinAndSelect('booking.company', 'company')
+      .leftJoinAndSelect('booking.bookingContainers', 'bookingContainer')
+      .where('booking.train_schedule_id = :scheduleId', { scheduleId })
+      .orderBy('booking.is_government', 'DESC')
+      .addOrderBy('booking.priority_score', 'DESC')
+      .addOrderBy('booking.created_at', 'ASC')
+      .getMany();
+  }
+
+  /** Bookings currently reserved (SELECTED_FOR_BATCH) against a schedule. */
+  findReservedForSchedule(scheduleId: string): Promise<Booking[]> {
+    return this.repository
+      .createQueryBuilder('booking')
+      .leftJoinAndSelect('booking.company', 'company')
+      .leftJoinAndSelect('booking.bookingContainers', 'bookingContainer')
+      .where('booking.train_schedule_id = :scheduleId', { scheduleId })
+      .andWhere(`booking.status IN ('SELECTED_FOR_BATCH', 'AWAITING_PAYMENT')`)
+      .getMany();
+  }
+
+  /** PAID bookings targeting a schedule that have no train_schedule_bookings link yet. */
+  findPaidUnlinkedForSchedule(scheduleId: string): Promise<Booking[]> {
+    return this.repository
+      .createQueryBuilder('booking')
+      .leftJoinAndSelect('booking.company', 'company')
+      .leftJoinAndSelect('booking.bookingContainers', 'bookingContainer')
+      .leftJoin(
+        TrainScheduleBooking,
+        'scheduleBooking',
+        'scheduleBooking.booking_id = booking.id',
+      )
+      .where('booking.train_schedule_id = :scheduleId', { scheduleId })
+      .andWhere(`booking.status = 'PAID'`)
+      .andWhere('scheduleBooking.id IS NULL')
+      .orderBy('booking.priority_score', 'DESC')
+      .addOrderBy('booking.created_at', 'ASC')
+      .getMany();
+  }
+
+  /** Commercial bookings already allocated to a schedule, lowest-priority first (for government preempt). */
+  findAllocatedCommercialForSchedule(scheduleId: string): Promise<Booking[]> {
+    return this.repository
+      .createQueryBuilder('booking')
+      .leftJoinAndSelect('booking.bookingContainers', 'bookingContainer')
+      .innerJoin(
+        TrainScheduleBooking,
+        'sb',
+        'sb.booking_id = booking.id AND sb.train_schedule_id = :scheduleId',
+        { scheduleId },
+      )
+      .where('booking.is_government = false')
+      .orderBy('booking.priority_score', 'ASC')
+      .addOrderBy('booking.created_at', 'DESC')
+      .getMany();
+  }
+
+  findByIdsForScheduling(bookingIds: string[], manager?: EntityManager): Promise<Booking[]> {
+    if (!bookingIds.length) return Promise.resolve([]);
+    return this.bookingRepo(manager).find({
+      where: { id: In(bookingIds) },
+      relations: {
+        company: true,
+        originYard: true,
+        destinationYard: true,
+        bookingContainers: { containerType: true },
+        cargoType: true,
+      },
+      order: { priorityScore: 'DESC', createdAt: 'ASC' },
+    });
+  }
+
+  async updateSchedulingFields(
+    bookingId: string,
+    fields: Partial<
+      Pick<
+        Booking,
+        'schedulingStatus' | 'wagonsRequired' | 'scheduledAt' | 'holdStartedAt' | 'holdExpiresAt'
+      >
+    >,
+    manager?: EntityManager,
+  ): Promise<void> {
+    await this.bookingRepo(manager).update(bookingId, fields as never);
+  }
+
+  async setHoldWindowOnPaid(bookingId: string, manager?: EntityManager): Promise<void> {
+    const now = new Date();
+    const expires = new Date(now.getTime() + 3 * 60 * 60 * 1000);
+    await this.updateSchedulingFields(
+      bookingId,
+      {
+        schedulingStatus: SchedulingStatus.Holding,
+        holdStartedAt: now,
+        holdExpiresAt: expires,
+      },
+      manager,
+    );
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/bookings/bookings.service.ts b/apps/edr-freight-api/src/modules/bookings/bookings.service.ts
index 87e9298ff..ebf8273de 100644
--- a/apps/edr-freight-api/src/modules/bookings/bookings.service.ts
+++ b/apps/edr-freight-api/src/modules/bookings/bookings.service.ts
@@ -4,6 +4,7 @@ import {
   Injectable,
   NotFoundException,
 } from '@nestjs/common';
+import { SchedulingStatus } from '@edr/types';
 // import { CustomersService } from '../customers/customers.service';
 import { CompaniesService } from '../companies/companies.service';
 import { FilesService } from '../files/files.service';
@@ -13,6 +14,12 @@ import {
   BookingEvaluationInput,
   RuleEngineService,
 } from '../rule-engine/rule-engine.service';
+import { InjectDataSource } from '@nestjs/typeorm';
+import { DataSource, In } from 'typeorm';
+
+import { deriveTradeDirection } from '../../common/derive-trade-direction.util';
+import { Yard } from '../rule-engine/entities/yard.entity';
+import { TrainSchedule } from '../train-schedules/entities/train-schedule.entity';
 import { BookingsRepository } from './bookings.repository';
 import { ConsolidationService } from './consolidation.service';
 import { assertFreightShape } from './booking-freight.util';
@@ -39,6 +46,7 @@ const NEEDS_ACTION_STATUSES = [
 @Injectable()
 export class BookingsService {
   constructor(
+    @InjectDataSource() private readonly dataSource: DataSource,
     private readonly bookingsRepository: BookingsRepository,
     private readonly filesService: FilesService,
     private readonly minioService: MinioService,
@@ -49,6 +57,36 @@ export class BookingsService {
     private readonly consolidationService: ConsolidationService,
   ) {}
 
+  /** Resolve trade direction from yard countries; reject client mismatch. */
+  private async resolveTradeDirectionForBooking(
+    originYardId: string,
+    destinationYardId: string,
+    provided?: string,
+  ): Promise<string> {
+    const yards = await this.dataSource.getRepository(Yard).find({
+      where: { id: In([originYardId, destinationYardId]) },
+    });
+    const origin = yards.find((y) => y.id === originYardId);
+    const destination = yards.find((y) => y.id === destinationYardId);
+    if (!origin) {
+      throw new BadRequestException(`Origin yard ${originYardId} not found`);
+    }
+    if (!destination) {
+      throw new BadRequestException(`Destination yard ${destinationYardId} not found`);
+    }
+    if (originYardId === destinationYardId) {
+      throw new BadRequestException('Origin and destination yards must differ');
+    }
+
+    const expected = deriveTradeDirection(origin, destination);
+    if (provided && provided !== expected) {
+      throw new BadRequestException(
+        `tradeDirection must be ${expected} for the selected yard pair (got ${provided})`,
+      );
+    }
+    return expected;
+  }
+
   /** Generate a unique booking reference number. */
   private async generateReference(): Promise<string> {
     const year = new Date().getFullYear();
@@ -64,6 +102,7 @@ export class BookingsService {
     paymentCurrency: string;
     tradeDirection: string;
     isHazardous?: boolean;
+    isGovernment?: boolean;
     allowConsolidation?: boolean;
     shippingLineId?: string | null;
     containers: CreateBookingContainerDto[];
@@ -81,9 +120,13 @@ export class BookingsService {
           vgmPerUnitTons: c.vgmPerUnitTons,
           totalVgmTons,
           isReefer: ct.isReefer,
+          wagonsRequired: c.quantity * (Number(ct.wagonsPerUnit) || 1),
         };
       }),
     );
+    const totalWagons = Math.ceil(
+      containers.reduce((sum, c) => sum + c.wagonsRequired, 0),
+    );
 
     return {
       freightType: dto.freightType,
@@ -92,9 +135,11 @@ export class BookingsService {
       paymentCurrency: dto.paymentCurrency,
       tradeDirection: dto.tradeDirection,
       isHazardous: dto.isHazardous ?? false,
+      isGovernment: dto.isGovernment ?? false,
       allowConsolidation:
         dto.freightType === 'CONTAINER' ? dto.allowConsolidation : false,
       shippingLineId: dto.shippingLineId,
+      totalWagons,
       containers,
     };
   }
@@ -159,6 +204,48 @@ export class BookingsService {
     return { booking: pending, messages };
   }
 
+  /**
+   * Consolidation gate used at staff-accept time. Returns the (possibly newly
+   * paired) booking plus whether it still needs a consolidation partner.
+   * When a booking needs consolidation and none is found, it is parked in
+   * PENDING_CONSOLIDATION and `blocked` is true so the caller refuses the accept.
+   */
+  async resolveConsolidationGate(bookingId: string): Promise<{
+    booking: Booking;
+    blocked: boolean;
+    message?: string;
+  }> {
+    let booking = await this.findById(bookingId);
+
+    // Already paired — passes the gate.
+    if (booking.consolidationPartnerId) {
+      return { booking, blocked: false };
+    }
+
+    const needs =
+      await this.consolidationService.needsConsolidationFromBooking(booking);
+    if (!needs) {
+      return { booking, blocked: false };
+    }
+
+    // A partner may have appeared since submission — try to pair now.
+    const result = await this.tryAutoConsolidate(booking);
+    booking = result.booking;
+    if (booking.consolidationPartnerId) {
+      return { booking, blocked: false, message: result.messages.join(' ') };
+    }
+
+    // Still no partner — park it and block the accept.
+    await this.bookingsRepository.parkForConsolidation(booking.id);
+    booking = await this.findById(booking.id);
+    const slots = await this.consolidationService.slotsFromBooking(booking);
+    return {
+      booking,
+      blocked: true,
+      message: this.consolidationService.describePending(booking, slots),
+    };
+  }
+
   /** Create a new freight booking. */
   async create(
     dto: CreateBookingDto,
@@ -178,8 +265,15 @@ export class BookingsService {
     //   customerId = customer.id;
     // }
 
-    let companyId = dto.companyId;
-    if (!companyId) {
+    const isGovernment = dto.isGovernment === true;
+
+    let companyId: string | null | undefined = dto.companyId;
+    if (isGovernment) {
+      if (!dto.governmentInstitution?.trim()) {
+        throw new BadRequestException('governmentInstitution is required for government bookings');
+      }
+      companyId = dto.companyId ?? null;
+    } else if (!companyId) {
       if (!userId) {
         throw new BadRequestException(
           'companyId is required or must be resolvable from auth token',
@@ -189,6 +283,25 @@ export class BookingsService {
       companyId = company.id;
     }
 
+    // Schedule targeting: when provided, the schedule must be OPEN and on the same route.
+    if (dto.trainScheduleId) {
+      const schedule = await this.dataSource
+        .getRepository(TrainSchedule)
+        .findOne({ where: { id: dto.trainScheduleId } });
+      if (!schedule) {
+        throw new BadRequestException(`Train schedule ${dto.trainScheduleId} not found`);
+      }
+      if (schedule.bookingWindowStatus !== 'OPEN') {
+        throw new BadRequestException('Selected schedule is no longer accepting bookings');
+      }
+      if (
+        schedule.originStationId !== dto.originYardId ||
+        schedule.destinationStationId !== dto.destinationYardId
+      ) {
+        throw new BadRequestException('Selected schedule is not on the booking route');
+      }
+    }
+
     const reference = dto.reference || (await this.generateReference());
     const containers = dto.containers ?? [];
     assertFreightShape({
@@ -197,6 +310,12 @@ export class BookingsService {
       containers,
     });
 
+    const tradeDirection = await this.resolveTradeDirectionForBooking(
+      dto.originYardId,
+      dto.destinationYardId,
+      dto.tradeDirection,
+    );
+
     const allowConsolidation =
       dto.freightType === 'CONTAINER'
         ? await this.resolveConsolidation(containers, dto.allowConsolidation)
@@ -207,8 +326,9 @@ export class BookingsService {
       cargoTypeId: dto.freightType === 'BULK' ? dto.cargoTypeId : null,
       serviceTypeId: dto.serviceTypeId,
       paymentCurrency: dto.paymentCurrency,
-      tradeDirection: dto.tradeDirection,
+      tradeDirection,
       isHazardous: dto.isHazardous,
+      isGovernment,
       allowConsolidation,
       shippingLineId: dto.shippingLineId,
       containers,
@@ -220,8 +340,11 @@ export class BookingsService {
 
     const booking = await this.bookingsRepository.create({
       reference,
-      companyId,
+      companyId: companyId ?? null,
+      isGovernment,
+      governmentInstitution: isGovernment ? dto.governmentInstitution!.trim() : null,
       trainId: dto.trainId,
+      trainScheduleId: dto.trainScheduleId ?? null,
       contractType: dto.contractType,
       previousContractId: dto.previousContractId,
       serviceTypeId: dto.serviceTypeId,
@@ -230,7 +353,7 @@ export class BookingsService {
       equipmentReturn: dto.equipmentReturn,
       originYardId: dto.originYardId,
       destinationYardId: dto.destinationYardId,
-      tradeDirection: dto.tradeDirection,
+      tradeDirection,
       freightType: dto.freightType,
       cargoTypeId: dto.freightType === 'BULK' ? dto.cargoTypeId! : null,
       cargoFreeText: dto.cargoFreeText,
@@ -300,12 +423,13 @@ export class BookingsService {
     const freightType = (dto.freightType ?? existing.freightType) as FreightType;
     let containers =
       dto.containers ??
-      existing.bookingContainers?.map((bc) => ({
-        containerTypeId: bc.containerTypeId,
-        quantity: bc.quantity,
-        vgmPerUnitTons: Number(bc.vgmPerUnitTons),
-      })) ??
-      [];
+      (existing.bookingContainers ?? [])
+        .filter((bc): bc is typeof bc & { containerTypeId: string } => bc.containerTypeId != null)
+        .map((bc) => ({
+          containerTypeId: bc.containerTypeId,
+          quantity: bc.quantity,
+          vgmPerUnitTons: Number(bc.vgmPerUnitTons),
+        }));
 
     let cargoTypeId =
       dto.cargoTypeId !== undefined ? dto.cargoTypeId : existing.cargoTypeId;
@@ -324,6 +448,14 @@ export class BookingsService {
 
     assertFreightShape({ freightType, cargoTypeId, containers });
 
+    const originYardId = dto.originYardId ?? existing.originYardId;
+    const destinationYardId = dto.destinationYardId ?? existing.destinationYardId;
+    const tradeDirection = await this.resolveTradeDirectionForBooking(
+      originYardId,
+      destinationYardId,
+      dto.tradeDirection,
+    );
+
     const allowConsolidation =
       freightType === 'CONTAINER'
         ? await this.resolveConsolidation(
@@ -337,7 +469,7 @@ export class BookingsService {
       cargoTypeId,
       serviceTypeId: dto.serviceTypeId ?? existing.serviceTypeId,
       paymentCurrency: dto.paymentCurrency ?? existing.paymentCurrency,
-      tradeDirection: dto.tradeDirection ?? existing.tradeDirection,
+      tradeDirection,
       isHazardous: dto.isHazardous ?? existing.isHazardous,
       allowConsolidation,
       shippingLineId: dto.shippingLineId ?? existing.shippingLineId ?? undefined,
@@ -348,12 +480,22 @@ export class BookingsService {
     this.ruleEngineService.assertNoHardBlocks(ruleResult);
     warnings.push(...ruleResult.warnings);
 
+    const pricingFieldsChanged = this.pricingRelevantFieldsChanged(
+      existing,
+      dto,
+      freightType,
+      cargoTypeId,
+      allowConsolidation,
+      containers,
+    );
+
     const updates: Record<string, unknown> = {
       ...dto,
       freightType,
       cargoTypeId: freightType === 'BULK' ? cargoTypeId : null,
       allowConsolidation,
       priorityScore: ruleResult.priorityScore,
+      tradeDirection,
     };
     if (dto.scheduledDate) updates.scheduledDate = new Date(dto.scheduledDate);
     if (dto.startDate) updates.startDate = new Date(dto.startDate);
@@ -375,6 +517,10 @@ export class BookingsService {
       );
     }
 
+    if (pricingFieldsChanged) {
+      await this.bookingsRepository.invalidatePricingPreview(id);
+    }
+
     if (files.length > 0) {
       await this.filesService.uploadMany(id, 'bookings', files);
     }
@@ -390,6 +536,19 @@ export class BookingsService {
     return { booking, warnings };
   }
 
+  /** Parse comma-separated scheduling status query values. */
+  private parseSchedulingStatusFilter(filter: FilterBookingDto): {
+    schedulingStatuses?: string[];
+  } {
+    const raw = filter.schedulingStatuses;
+    if (!raw) return {};
+    const schedulingStatuses = raw
+      .split(',')
+      .map((s) => s.trim())
+      .filter(Boolean);
+    return schedulingStatuses.length ? { schedulingStatuses } : {};
+  }
+
   /** Parse comma-separated or repeated status query values. */
   private parseStatusFilter(filter: FilterBookingDto): {
     statuses?: string[];
@@ -420,11 +579,14 @@ export class BookingsService {
     const page = filter.page ?? 1;
     const pageSize = filter.pageSize ?? 20;
     const statusFilter = this.parseStatusFilter(filter);
+    const schedulingStatusFilter = this.parseSchedulingStatusFilter(filter);
 
     return this.bookingsRepository.findAllPaginated({
       page,
       pageSize,
       ...statusFilter,
+      ...schedulingStatusFilter,
+      assignedToSchedule: filter.assignedToSchedule,
       companyId: filter.companyId,
       contractType: filter.contractType,
       serviceTypeId: filter.serviceTypeId,
@@ -432,6 +594,7 @@ export class BookingsService {
       freightType: filter.freightType,
       tradeDirection: filter.tradeDirection,
       paymentCurrency: filter.paymentCurrency,
+      paymentStatus: filter.paymentStatus,
       allowConsolidation: filter.allowConsolidation,
       consolidationPaired: filter.consolidationPaired,
       sortBy: filter.sortBy,
@@ -439,6 +602,35 @@ export class BookingsService {
     });
   }
 
+  /** Booking statuses at which a customer can pay (mirrors booking-payment.service). */
+  private static readonly PAYABLE_STATUSES = [
+    'FULLY_EXECUTED',
+    'SELECTED_FOR_BATCH',
+    'AWAITING_PAYMENT',
+  ];
+
+  /**
+   * List the current customer's bookings that are ready for payment:
+   * payable status AND not yet PAID. Company scope is derived from the
+   * authenticated user and cannot be widened by the caller.
+   */
+  async findMyPayable(
+    userId: string,
+    filter: FilterBookingDto,
+  ): Promise<{ items: Booking[]; total: number }> {
+    const { company } = await this.companiesService.getCompanyInfoByUserId(userId);
+
+    return this.bookingsRepository.findAllPaginated({
+      page: filter.page ?? 1,
+      pageSize: filter.pageSize ?? 20,
+      statuses: BookingsService.PAYABLE_STATUSES,
+      excludePaymentStatus: 'PAID',
+      companyId: company.id,
+      sortBy: filter.sortBy,
+      sortOrder: filter.sortOrder,
+    });
+  }
+
   /** Aggregate metrics and tab counts for the backoffice booking list. */
   async getListSummary(filter: FilterBookingDto): Promise<BookingListSummaryDto> {
     const page = filter.page ?? 1;
@@ -453,6 +645,7 @@ export class BookingsService {
       freightType: filter.freightType,
       tradeDirection: filter.tradeDirection,
       paymentCurrency: filter.paymentCurrency,
+      paymentStatus: filter.paymentStatus,
       allowConsolidation: filter.allowConsolidation,
       consolidationPaired: filter.consolidationPaired,
     };
@@ -648,4 +841,86 @@ export class BookingsService {
       ),
     };
   }
+
+  private pricingRelevantFieldsChanged(
+    existing: Booking,
+    dto: UpdateBookingDto,
+    freightType: FreightType,
+    cargoTypeId: string | null | undefined,
+    allowConsolidation: boolean,
+    containers: CreateBookingContainerDto[],
+  ): boolean {
+    if (dto.freightType !== undefined && dto.freightType !== existing.freightType) {
+      return true;
+    }
+    if (dto.tradeDirection !== undefined && dto.tradeDirection !== existing.tradeDirection) {
+      return true;
+    }
+    if (dto.paymentCurrency !== undefined && dto.paymentCurrency !== existing.paymentCurrency) {
+      return true;
+    }
+    if (dto.isHazardous !== undefined && dto.isHazardous !== existing.isHazardous) {
+      return true;
+    }
+    if (
+      dto.allowConsolidation !== undefined &&
+      dto.allowConsolidation !== existing.allowConsolidation
+    ) {
+      return true;
+    }
+    if (dto.shippingLineId !== undefined && dto.shippingLineId !== existing.shippingLineId) {
+      return true;
+    }
+    if (dto.cargoTypeId !== undefined && dto.cargoTypeId !== existing.cargoTypeId) {
+      return true;
+    }
+    if (dto.containers !== undefined) {
+      const existingContainers = (existing.bookingContainers ?? [])
+        .filter((bc): bc is typeof bc & { containerTypeId: string } => bc.containerTypeId != null)
+        .map((bc) => ({
+          containerTypeId: bc.containerTypeId,
+          quantity: bc.quantity,
+          vgmPerUnitTons: Number(bc.vgmPerUnitTons),
+        }));
+      if (JSON.stringify(existingContainers) !== JSON.stringify(containers)) {
+        return true;
+      }
+    }
+    if (
+      freightType !== existing.freightType ||
+      (cargoTypeId ?? null) !== (existing.cargoTypeId ?? null) ||
+      allowConsolidation !== existing.allowConsolidation
+    ) {
+      return true;
+    }
+    return false;
+  }
+
+  /** Staff expedite: mark a government booking PAID and ready for scheduling (no commercial hold). */
+  async governmentExpedite(id: string, staffUserId: string): Promise<Booking> {
+    const booking = await this.findById(id);
+    if (!booking.isGovernment) {
+      throw new BadRequestException('Only government bookings can be expedited');
+    }
+    const blocked = ['PAID', 'IN_TRANSIT', 'COMPLETED', 'CANCELLED', 'REJECTED'];
+    if (blocked.includes(booking.status)) {
+      throw new BadRequestException(`Cannot expedite booking in status ${booking.status}`);
+    }
+
+    await this.bookingsRepository.update(id, {
+      status: 'PAID',
+      paymentStatus: 'PAID',
+      schedulingStatus: SchedulingStatus.Eligible,
+      holdStartedAt: null,
+      holdExpiresAt: null,
+    });
+    await this.bookingsRepository.createReviewNote(
+      id,
+      `Government booking expedited to PAID by staff (${staffUserId})`,
+      'STAFF_NOTE',
+      staffUserId,
+    );
+
+    return this.findById(id);
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/bookings/consolidation.service.ts b/apps/edr-freight-api/src/modules/bookings/consolidation.service.ts
index 2d805ba8f..541d5d09f 100644
--- a/apps/edr-freight-api/src/modules/bookings/consolidation.service.ts
+++ b/apps/edr-freight-api/src/modules/bookings/consolidation.service.ts
@@ -76,11 +76,12 @@ export class ConsolidationService {
   }
 
   async slotsFromBooking(booking: Booking): Promise<ConsolidationSlot[]> {
-    const lines =
-      booking.bookingContainers?.map((bc) => ({
+    const lines = (booking.bookingContainers ?? [])
+      .filter((bc): bc is typeof bc & { containerTypeId: string } => bc.containerTypeId != null)
+      .map((bc) => ({
         containerTypeId: bc.containerTypeId,
         quantity: bc.quantity,
-      })) ?? [];
+      }));
     return this.slotsFromContainerLines(lines);
   }
 
diff --git a/apps/edr-freight-api/src/modules/bookings/dto/contract-view.dto.ts b/apps/edr-freight-api/src/modules/bookings/dto/contract-view.dto.ts
index 4af9e535d..919652af6 100644
--- a/apps/edr-freight-api/src/modules/bookings/dto/contract-view.dto.ts
+++ b/apps/edr-freight-api/src/modules/bookings/dto/contract-view.dto.ts
@@ -14,6 +14,14 @@ export class ContractSignatureDto {
   signatureImageUrl?: string | null;
 }
 
+export class SavedSignatureViewDto {
+  @ApiProperty()
+  signerDisplayName!: string;
+
+  @ApiPropertyOptional()
+  signatureImageUrl?: string | null;
+}
+
 export class ContractViewDto {
   @ApiProperty()
   bookingId!: string;
@@ -45,6 +53,9 @@ export class ContractViewDto {
   @ApiProperty({ type: [ContractSignatureDto] })
   signatures!: ContractSignatureDto[];
 
+  @ApiPropertyOptional({ type: SavedSignatureViewDto })
+  savedSignature?: SavedSignatureViewDto;
+
   @ApiPropertyOptional()
   pricingSchedule?: Record<string, unknown>;
 }
diff --git a/apps/edr-freight-api/src/modules/bookings/dto/create-booking.dto.ts b/apps/edr-freight-api/src/modules/bookings/dto/create-booking.dto.ts
index 8089d0307..3c7eca391 100644
--- a/apps/edr-freight-api/src/modules/bookings/dto/create-booking.dto.ts
+++ b/apps/edr-freight-api/src/modules/bookings/dto/create-booking.dto.ts
@@ -12,6 +12,7 @@ import {
   IsString,
   IsUUID,
   Min,
+  MinLength,
   Validate,
   ValidateIf,
   ValidateNested,
@@ -66,7 +67,21 @@ export class CreateBookingDto {
   // @IsUUID()
   // customerId?: string;
 
+  @ApiPropertyOptional({ description: 'Staff only: government booking flag' })
+  @IsOptional()
+  @IsBoolean()
+  @Transform(({ value }) => value === 'true' || value === true)
+  isGovernment?: boolean;
+
+  @ApiPropertyOptional({ description: 'Required when isGovernment is true' })
+  @ValidateIf((o) => o.isGovernment === true)
+  @IsString()
+  @MinLength(2)
+  @Transform(({ value }) => (typeof value === 'string' ? value.trim() : value))
+  governmentInstitution?: string;
+
   @ApiPropertyOptional({ format: 'uuid', description: 'Admin only: target company' })
+  @ValidateIf((o) => o.isGovernment !== true)
   @IsOptional()
   @IsUUID()
   companyId?: string;
@@ -76,6 +91,12 @@ export class CreateBookingDto {
   @IsUUID()
   trainId?: string;
 
+  /** Target schedule this booking is created against (required by the backoffice create form). */
+  @ApiPropertyOptional({ format: 'uuid', description: 'Target train schedule (pool membership)' })
+  @IsOptional()
+  @IsUUID()
+  trainScheduleId?: string;
+
   @ApiProperty({ example: '2026-06-15T00:00:00.000Z' })
   @IsDateString()
   scheduledDate!: string;
diff --git a/apps/edr-freight-api/src/modules/bookings/dto/filter-booking.dto.ts b/apps/edr-freight-api/src/modules/bookings/dto/filter-booking.dto.ts
index 03fe73683..9ce90d2b9 100644
--- a/apps/edr-freight-api/src/modules/bookings/dto/filter-booking.dto.ts
+++ b/apps/edr-freight-api/src/modules/bookings/dto/filter-booking.dto.ts
@@ -7,6 +7,7 @@ import {
   PAYMENT_CURRENCIES,
   TRADE_DIRECTIONS,
 } from './create-booking.dto';
+import { PAYMENT_STATUSES } from '../entities/booking.entity';
 
 export class FilterBookingDto {
   @ApiPropertyOptional({ enum: BOOKING_STATUSES })
@@ -65,6 +66,11 @@ export class FilterBookingDto {
   @IsIn([...PAYMENT_CURRENCIES])
   paymentCurrency?: string;
 
+  @ApiPropertyOptional({ enum: PAYMENT_STATUSES })
+  @IsOptional()
+  @IsIn([...PAYMENT_STATUSES])
+  paymentStatus?: string;
+
   @ApiPropertyOptional()
   @IsOptional()
   @Transform(({ value }) => value === 'true' || value === true)
@@ -84,8 +90,25 @@ export class FilterBookingDto {
   @Transform(({ value }) => (value ? parseInt(value, 10) : 20))
   pageSize?: number;
 
+  @ApiPropertyOptional({
+    description: 'Comma-separated scheduling statuses (NOT_SCHEDULED,HOLDING,ELIGIBLE,SCHEDULED)',
+  })
+  @IsOptional()
+  @Transform(({ value }) => {
+    if (value === undefined || value === null || value === '') return undefined;
+    if (Array.isArray(value)) return value.map(String).join(',');
+    return String(value);
+  })
+  schedulingStatuses?: string;
+
+  @ApiPropertyOptional({ enum: ['true', 'false'], description: 'Filter by train schedule assignment' })
+  @IsOptional()
+  @IsIn(['true', 'false'])
+  assignedToSchedule?: 'true' | 'false';
+
   @ApiPropertyOptional({ default: 'createdAt' })
   @IsOptional()
+  @IsIn(['createdAt', 'priorityScore', 'scheduledDate', 'isGovernment'])
   sortBy?: string;
 
   @ApiPropertyOptional({ enum: ['ASC', 'DESC'], default: 'DESC' })
diff --git a/apps/edr-freight-api/src/modules/bookings/dto/submit-booking-response.dto.ts b/apps/edr-freight-api/src/modules/bookings/dto/submit-booking-response.dto.ts
new file mode 100644
index 000000000..2828f0237
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/bookings/dto/submit-booking-response.dto.ts
@@ -0,0 +1,29 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+import { PriceLineItemDto } from './generate-price-response.dto';
+
+export class SubmitBookingResponseDto {
+  @ApiProperty()
+  bookingId!: string;
+
+  @ApiProperty()
+  status!: string;
+
+  @ApiProperty()
+  priceChanged!: boolean;
+
+  @ApiPropertyOptional()
+  previousTotalAmount?: number;
+
+  @ApiProperty()
+  totalAmount!: number;
+
+  @ApiProperty()
+  currency!: string;
+
+  @ApiPropertyOptional({ type: [PriceLineItemDto] })
+  lineItems?: PriceLineItemDto[];
+
+  @ApiPropertyOptional()
+  message?: string;
+}
diff --git a/apps/edr-freight-api/src/modules/bookings/entities/booking-container.entity.ts b/apps/edr-freight-api/src/modules/bookings/entities/booking-container.entity.ts
index dc7691456..8a09245ea 100644
--- a/apps/edr-freight-api/src/modules/bookings/entities/booking-container.entity.ts
+++ b/apps/edr-freight-api/src/modules/bookings/entities/booking-container.entity.ts
@@ -15,12 +15,15 @@ export class BookingContainer extends BaseEntity {
   @JoinColumn({ name: 'booking_id' })
   booking?: Booking;
 
-  @Column({ name: 'container_type_id', type: 'uuid' })
-  containerTypeId!: string;
+  @Column({ name: 'container_type_id', type: 'uuid', nullable: true })
+  containerTypeId?: string | null;
 
-  @ManyToOne(() => ContainerType)
+  @ManyToOne(() => ContainerType, { nullable: true })
   @JoinColumn({ name: 'container_type_id' })
-  containerType?: ContainerType;
+  containerType?: ContainerType | null;
+
+  @Column({ name: 'container_number', type: 'varchar', length: 64, nullable: true })
+  containerNumber?: string | null;
 
   @Column({ name: 'quantity', type: 'smallint' })
   quantity!: number;
diff --git a/apps/edr-freight-api/src/modules/bookings/entities/booking-review-note.entity.ts b/apps/edr-freight-api/src/modules/bookings/entities/booking-review-note.entity.ts
index af39a469c..91171a793 100644
--- a/apps/edr-freight-api/src/modules/bookings/entities/booking-review-note.entity.ts
+++ b/apps/edr-freight-api/src/modules/bookings/entities/booking-review-note.entity.ts
@@ -2,7 +2,7 @@ import { BaseEntity } from '@edr/api-common';
 import { Column, Entity, Index, JoinColumn, ManyToOne } from 'typeorm';
 import { Booking } from './booking.entity';
 
-export const REVIEW_NOTE_TYPES = ['CHANGES_REQUESTED', 'REJECTION'] as const;
+export const REVIEW_NOTE_TYPES = ['CHANGES_REQUESTED', 'REJECTION', 'STAFF_NOTE'] as const;
 export type ReviewNoteType = (typeof REVIEW_NOTE_TYPES)[number];
 
 @Entity({ schema: 'freight', name: 'booking_review_note' })
diff --git a/apps/edr-freight-api/src/modules/bookings/entities/booking.entity.ts b/apps/edr-freight-api/src/modules/bookings/entities/booking.entity.ts
index f0c4ad623..961137896 100644
--- a/apps/edr-freight-api/src/modules/bookings/entities/booking.entity.ts
+++ b/apps/edr-freight-api/src/modules/bookings/entities/booking.entity.ts
@@ -1,4 +1,5 @@
 import { BaseEntity } from '@edr/api-common';
+import { SchedulingStatus } from '@edr/types';
 import { Column, Entity, JoinColumn, ManyToOne, OneToMany } from 'typeorm';
 // import { Customer } from '../../customers/entities/customer.entity';
 import { Company } from '../../companies/entities/company.entity';
@@ -17,6 +18,7 @@ import { BookingReviewNote } from './booking-review-note.entity';
 export const BOOKING_STATUSES = [
   'DRAFT',
   'SUBMITTED',
+  'PRICE_CHANGED_PENDING_CONFIRM',
   'CHANGES_REQUESTED',
   'PENDING_APPROVAL',
   'APPROVED_PENDING_SIGNATURE',
@@ -27,6 +29,8 @@ export const BOOKING_STATUSES = [
   'CONTRACT_READY',
   'SIGNED_CUSTOMER',
   'FULLY_EXECUTED',
+  'SELECTED_FOR_BATCH',
+  'EXPIRED',
   'PNR_GENERATED',
   'PAYMENT_VERIFICATION_IN_PROGRESS',
   'PAID',
@@ -53,6 +57,16 @@ export type PaymentStatus = (typeof PAYMENT_STATUSES)[number];
 export const FREIGHT_TYPES = ['CONTAINER', 'BULK'] as const;
 export type FreightType = (typeof FREIGHT_TYPES)[number];
 
+export const SCHEDULING_STATUSES = [
+  SchedulingStatus.NotScheduled,
+  SchedulingStatus.Holding,
+  SchedulingStatus.Eligible,
+  SchedulingStatus.Scheduled,
+  SchedulingStatus.Dispatched,
+] as const;
+
+export type BookingSchedulingStatus = (typeof SCHEDULING_STATUSES)[number];
+
 /** Statuses where the customer may edit booking fields. */
 export const CUSTOMER_EDITABLE_STATUSES: BookingStatus[] = [
   'DRAFT',
@@ -71,16 +85,24 @@ export class Booking extends BaseEntity {
   // @JoinColumn({ name: 'customer_id' })
   // customer?: Customer;
 
-  @Column({ name: 'company_id', type: 'uuid' })
-  companyId!: string;
+  @Column({ name: 'company_id', type: 'uuid', nullable: true })
+  companyId?: string | null;
 
-  @ManyToOne(() => Company)
+  @ManyToOne(() => Company, { nullable: true })
   @JoinColumn({ name: 'company_id' })
-  company?: Company;
+  company?: Company | null;
 
+  @Column({ name: 'is_government', type: 'boolean', default: false })
+  isGovernment!: boolean;
+
+  @Column({ name: 'government_institution', type: 'varchar', length: 255, nullable: true })
+  governmentInstitution?: string | null;
+
+  /** @deprecated Fleet master data link — scheduling uses train_schedule_bookings instead. */
   @Column({ name: 'train_id', type: 'uuid', nullable: true })
   trainId?: string | null;
 
+  /** @deprecated Use train_schedule_bookings for operational scheduling. */
   @ManyToOne(() => Train, { nullable: true })
   @JoinColumn({ name: 'train_id' })
   train?: Train | null;
@@ -242,6 +264,34 @@ export class Booking extends BaseEntity {
   @JoinColumn({ name: 'consolidation_partner_id' })
   consolidationPartner?: Booking | null;
 
+  @Column({ name: 'wagons_required', type: 'numeric', precision: 6, scale: 2, nullable: true })
+  wagonsRequired?: number | null;
+
+  @Column({ name: 'scheduling_status', type: 'varchar', length: 30, default: 'NOT_SCHEDULED' })
+  schedulingStatus!: string;
+
+  @Column({ name: 'hold_started_at', type: 'timestamptz', nullable: true })
+  holdStartedAt?: Date | null;
+
+  @Column({ name: 'hold_expires_at', type: 'timestamptz', nullable: true })
+  holdExpiresAt?: Date | null;
+  
+
+  @Column({ name: 'scheduled_at', type: 'timestamptz', nullable: true })
+  scheduledAt?: Date | null;
+
+  /** The schedule this booking targets (pool membership), set at creation. FK to train_schedules. */
+  @Column({ name: 'train_schedule_id', type: 'uuid', nullable: true })
+  trainScheduleId?: string | null;
+
+  /** End of the pay window once the booking is SELECTED_FOR_BATCH. */
+  @Column({ name: 'payment_deadline', type: 'timestamptz', nullable: true })
+  paymentDeadline?: Date | null;
+
+  /** When the batch engine picked this booking and opened the pay window. */
+  @Column({ name: 'selected_for_batch_at', type: 'timestamptz', nullable: true })
+  selectedForBatchAt?: Date | null;
+
   @OneToMany(() => BookingContainer, (bc) => bc.booking)
   bookingContainers?: BookingContainer[];
 
diff --git a/apps/edr-freight-api/src/modules/cargoes/cargoes.controller.ts b/apps/edr-freight-api/src/modules/cargoes/cargoes.controller.ts
index b0babb06f..7f3f06ec2 100644
--- a/apps/edr-freight-api/src/modules/cargoes/cargoes.controller.ts
+++ b/apps/edr-freight-api/src/modules/cargoes/cargoes.controller.ts
@@ -10,6 +10,7 @@ import {
   Query,
 } from '@nestjs/common';
 import { ApiOperation, ApiTags } from '@nestjs/swagger';
+import { FleetManage, FleetView } from '../../common/booking-guards';
 import { CreateCargoDto } from './dto/create-cargo.dto';
 import { UpdateCargoDto } from './dto/update-cargo.dto';
 import { LoadCargoDto } from './dto/load-cargo.dto';
@@ -18,10 +19,12 @@ import { CargoesService } from './cargoes.service';
 
 @ApiTags('cargoes')
 @Controller('cargoes')
+@FleetView()
 export class CargoesController {
   constructor(private readonly cargoesService: CargoesService) {}
 
   @Post()
+  @FleetManage()
   @ApiOperation({ summary: 'Create a new cargo' })
   create(@Body() dto: CreateCargoDto) {
     return this.cargoesService.create(dto);
@@ -40,30 +43,35 @@ export class CargoesController {
   }
 
   @Patch(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Update a cargo' })
   update(@Param('id', ParseUUIDPipe) id: string, @Body() dto: UpdateCargoDto) {
     return this.cargoesService.update(id, dto);
   }
 
   @Delete(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Delete a cargo' })
   remove(@Param('id', ParseUUIDPipe) id: string) {
     return this.cargoesService.remove(id);
   }
 
   @Post(':id/load')
+  @FleetManage()
   @ApiOperation({ summary: 'Load cargo into a container' })
   load(@Param('id', ParseUUIDPipe) id: string, @Body() dto: LoadCargoDto) {
     return this.cargoesService.loadCargo(id, dto);
   }
 
   @Post(':id/unload')
+  @FleetManage()
   @ApiOperation({ summary: 'Unload cargo from container' })
   unload(@Param('id', ParseUUIDPipe) id: string) {
     return this.cargoesService.unloadCargo(id);
   }
 
   @Post(':id/deliver')
+  @FleetManage()
   @ApiOperation({ summary: 'Mark cargo as delivered' })
   deliver(@Param('id', ParseUUIDPipe) id: string, @Body() dto?: DeliverCargoDto) {
     return this.cargoesService.deliverCargo(id, dto);
diff --git a/apps/edr-freight-api/src/modules/cargoes/cargoes.service.ts b/apps/edr-freight-api/src/modules/cargoes/cargoes.service.ts
index c6dac4cb2..6f73035b4 100644
--- a/apps/edr-freight-api/src/modules/cargoes/cargoes.service.ts
+++ b/apps/edr-freight-api/src/modules/cargoes/cargoes.service.ts
@@ -161,9 +161,12 @@ export class CargoesService {
     if (dto?.receiverName) cargo.receiverName = dto.receiverName;
     if (dto?.deliveryRemarks) cargo.deliveryRemarks = dto.deliveryRemarks;
 
-    const remaining = await this.cargoRepo.count({
-      where: { containerId: cargo.containerId, status: 'LOADED' },
-    });
+    const remaining =
+      cargo.containerId != null
+        ? await this.cargoRepo.count({
+            where: { containerId: cargo.containerId, status: 'LOADED' },
+          })
+        : 0;
     if (remaining === 0 && cargo.container) {
       cargo.container.status = 'AVAILABLE';
       await this.containerRepo.save(cargo.container);
diff --git a/apps/edr-freight-api/src/modules/cargoes/entities/cargoes.entity.ts b/apps/edr-freight-api/src/modules/cargoes/entities/cargoes.entity.ts
index 051548528..685f9b659 100644
--- a/apps/edr-freight-api/src/modules/cargoes/entities/cargoes.entity.ts
+++ b/apps/edr-freight-api/src/modules/cargoes/entities/cargoes.entity.ts
@@ -1,7 +1,9 @@
 // apps/edr-freight-api/src/modules/cargoes/entities/cargo.entity.ts
 import { Entity, Column, ManyToOne, JoinColumn } from 'typeorm';
 import { BaseEntity } from '@edr/api-common';
+import { Booking } from '../../bookings/entities/booking.entity';
 import { Container } from '../../container-management/entities/container.entity';
+import { WagonBookingAllocation } from '../../train-schedules/entities/wagon-booking-allocation.entity';
 
 @Entity({ name: 'cargoes', schema: 'freight' })
 export class Cargo extends BaseEntity {
@@ -11,8 +13,8 @@ export class Cargo extends BaseEntity {
   @Column({ name: 'shipment_id', type: 'uuid' })
   shipmentId!: string;
 
-  @Column({ name: 'container_id', type: 'uuid' })
-  containerId!: string;
+  @Column({ name: 'container_id', type: 'uuid', nullable: true })
+  containerId!: string | null;
 
   @Column({ name: 'cargo_type_id', type: 'uuid', nullable: true })
   cargoTypeId!: string | null; // optional link to cargo_types table
@@ -48,8 +50,25 @@ export class Cargo extends BaseEntity {
   @Column({ name: 'delivery_remarks', type: 'text', nullable: true })
   deliveryRemarks!: string | null;
 
+  @Column({ name: 'wagon_booking_allocation_id', type: 'uuid', nullable: true })
+  wagonBookingAllocationId!: string | null;
+
+  @ManyToOne(() => WagonBookingAllocation, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'wagon_booking_allocation_id' })
+  wagonBookingAllocation?: WagonBookingAllocation | null;
+
+  @Column({ name: 'booking_id', type: 'uuid', nullable: true })
+  bookingId!: string | null;
+
+  @ManyToOne(() => Booking, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'booking_id' })
+  booking?: Booking | null;
+
+  @Column({ name: 'load_type', type: 'varchar', length: 20, nullable: true })
+  loadType!: string | null;
+
   // Relationship to Container
-  @ManyToOne(() => Container, (container) => container.cargoes, { onDelete: 'RESTRICT' })
+  @ManyToOne(() => Container, (container) => container.cargoes, { onDelete: 'RESTRICT', nullable: true })
   @JoinColumn({ name: 'container_id' })
-  container!: Container;
+  container!: Container | null;
 }
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/cbe-exchange/cbe-exchange.service.ts b/apps/edr-freight-api/src/modules/cbe-exchange/cbe-exchange.service.ts
new file mode 100644
index 000000000..27e89896b
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/cbe-exchange/cbe-exchange.service.ts
@@ -0,0 +1,106 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+
+const DEFAULT_SCRAPE_URL = 'https://ethio.forex/bank/CBET';
+
+/** Matches USD buying/selling embedded in ethio.forex CBET page HTML (after entity unescape). */
+const USD_RATE_REGEX =
+  /currency_code":\[0,"USD"\],"currency_name":\[0,"US DOLLAR"\],"buying":\[0,([\d.]+)\],"selling":\[0,([\d.]+)\]/;
+
+@Injectable()
+export class CbeExchangeService {
+  private readonly logger = new Logger(CbeExchangeService.name);
+  private cachedRate: number | null = null;
+  private cacheExpiresAt = 0;
+
+  constructor(private readonly configService: ConfigService) {}
+
+  /**
+   * Returns the current CBE USD→ETB **selling** rate scraped from ethio.forex.
+   * Cached for CBE_EXCHANGE_CACHE_TTL_MS; falls back to CBE_EXCHANGE_FALLBACK_RATE on failure.
+   */
+  async getUsdToEtbRate(): Promise<number> {
+    const now = Date.now();
+
+    if (this.cachedRate !== null && now < this.cacheExpiresAt) {
+      return this.cachedRate;
+    }
+
+    const scrapeUrl = this.getScrapeUrl();
+    const fallbackRate =
+      this.configService.get<number>('app.cbeExchange.fallbackRate') ?? 130;
+    const cacheTtlMs =
+      this.configService.get<number>('app.cbeExchange.cacheTtlMs') ?? 3_600_000;
+
+    try {
+      const response = await fetch(scrapeUrl, {
+        signal: AbortSignal.timeout(8_000),
+        headers: { 'User-Agent': 'Mozilla/5.0' },
+      });
+
+      if (!response.ok) {
+        throw new Error(`CBE scrape responded with status ${response.status}`);
+      }
+
+      const html = await response.text();
+      const rates = this.parseScrapedRates(html);
+
+      if (!rates) {
+        throw new Error('USD rate not found in ethio.forex page HTML');
+      }
+
+      const rate = rates.selling;
+      if (!Number.isFinite(rate) || rate <= 0) {
+        throw new Error(`Invalid selling rate parsed: ${rate}`);
+      }
+
+      this.cachedRate = rate;
+      this.cacheExpiresAt = now + cacheTtlMs;
+      this.logger.log(
+        `CBE USD→ETB rate refreshed from ethio.forex — buying=${rates.buying} selling=${rate}`,
+      );
+      return rate;
+    } catch (err) {
+      this.logger.error(
+        `Failed to scrape CBE exchange rate — using fallback ${fallbackRate} ETB/USD. Error: ${(err as Error).message}`,
+      );
+
+      if (this.cachedRate !== null) {
+        this.logger.warn(`Using previously cached CBE rate: ${this.cachedRate}`);
+        return this.cachedRate;
+      }
+
+      return fallbackRate;
+    }
+  }
+
+  private getScrapeUrl(): string {
+    const configured =
+      this.configService.get<string>('app.cbeExchange.scrapeUrl') ??
+      this.configService.get<string>('app.cbeExchange.apiUrl');
+    return configured?.trim() || DEFAULT_SCRAPE_URL;
+  }
+
+  private parseScrapedRates(
+    html: string,
+  ): { buying: number; selling: number } | null {
+    const decoded = this.unescapeHtml(html);
+    const match = USD_RATE_REGEX.exec(decoded);
+    if (!match) return null;
+
+    const buying = Number(match[1]);
+    const selling = Number(match[2]);
+    if (!Number.isFinite(buying) || !Number.isFinite(selling)) return null;
+
+    return { buying, selling };
+  }
+
+  private unescapeHtml(html: string): string {
+    return html
+      .replace(/&quot;/g, '"')
+      .replace(/&#34;/g, '"')
+      .replace(/&amp;/g, '&')
+      .replace(/&lt;/g, '<')
+      .replace(/&gt;/g, '>');
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/companies/companies.controller.ts b/apps/edr-freight-api/src/modules/companies/companies.controller.ts
index b1481d0d4..81fba19fb 100644
--- a/apps/edr-freight-api/src/modules/companies/companies.controller.ts
+++ b/apps/edr-freight-api/src/modules/companies/companies.controller.ts
@@ -2,6 +2,7 @@ import { Controller, Get, Post, Patch, Delete, Body, Param, Query, ParseUUIDPipe
 import { AnyFilesInterceptor } from '@nestjs/platform-express';
 import { ApiOperation, ApiTags, ApiConsumes } from '@nestjs/swagger';
 import { CurrentUser } from '@edr/api-common';
+import { FreightAdmin } from '../../common/booking-guards';
 import { FilesService } from '../files/files.service';
 import { CompaniesService } from './companies.service';
 import { CreateCompanyDto } from './dto/create-company.dto';
@@ -15,6 +16,7 @@ import { ResponseFFClientDto } from './dto/response-ff-client.dto';
 import { CompanyInfoResponseDto } from './dto/company-info-response.dto';
 import { UpdateProfileDto } from './dto/update-profile.dto';
 import { ProfileResponseDto } from './dto/profile-response.dto';
+import { DashboardSummaryResponseDto } from './dto/dashboard-summary-response.dto';
 
 interface CurrentIamUser {
   id: string;
@@ -45,6 +47,12 @@ export class CompaniesController {
     return new ProfileResponseDto(profile, company);
   }
 
+  @Get('dashboard')
+  @ApiOperation({ summary: 'Get portal dashboard KPIs (delivered, spend, freight volume) for the current user' })
+  async getDashboard(@CurrentUser() user: CurrentIamUser): Promise<DashboardSummaryResponseDto> {
+    return this.companiesService.getDashboardSummary(user.id);
+  }
+
   @Patch('profile')
   @ApiOperation({ summary: 'Update profile (flattened settings page)' })
   async updateProfile(
@@ -75,6 +83,7 @@ export class CompaniesController {
   }
 
   @Post()
+  @FreightAdmin()
   @ApiOperation({ summary: 'Create a new company (customer, forwarder, transporter, broker)' })
   async create(@Body() dto: CreateCompanyDto): Promise<ResponseCompanyDto> {
     const company = await this.companiesService.createCompany(dto);
@@ -112,6 +121,7 @@ export class CompaniesController {
   }
 
   @Patch(':id')
+  @FreightAdmin()
   @ApiOperation({ summary: 'Update a company' })
   async update(
     @Param('id', ParseUUIDPipe) id: string,
@@ -122,6 +132,7 @@ export class CompaniesController {
   }
 
   @Delete(':id')
+  @FreightAdmin()
   @ApiOperation({ summary: 'Soft-delete a company' })
   @HttpCode(HttpStatus.NO_CONTENT)
   async remove(@Param('id', ParseUUIDPipe) id: string): Promise<void> {
@@ -140,6 +151,7 @@ export class CompaniesController {
   }
 
   @Post(':companyId/profiles')
+  @FreightAdmin()
   @ApiOperation({ summary: 'Add a profile (employee) to a company' })
   async createProfile(
     @Param('companyId', ParseUUIDPipe) companyId: string,
@@ -168,6 +180,7 @@ export class CompaniesController {
   }
 
   @Post('ff-clients')
+  @FreightAdmin()
   @ApiOperation({ summary: 'Link a forwarder to a client company' })
   async createFFClient(@Body() dto: CreateFFClientDto): Promise<ResponseFFClientDto> {
     const client = await this.companiesService.createFFClient(dto);
@@ -184,6 +197,7 @@ export class CompaniesController {
   }
 
   @Delete('ff-clients/:id')
+  @FreightAdmin()
   @ApiOperation({ summary: 'Remove a forwarder-client relationship' })
   @HttpCode(HttpStatus.NO_CONTENT)
   async removeFFClient(@Param('id', ParseUUIDPipe) id: string): Promise<void> {
diff --git a/apps/edr-freight-api/src/modules/companies/companies.module.ts b/apps/edr-freight-api/src/modules/companies/companies.module.ts
index d18573460..406c4f509 100644
--- a/apps/edr-freight-api/src/modules/companies/companies.module.ts
+++ b/apps/edr-freight-api/src/modules/companies/companies.module.ts
@@ -6,14 +6,16 @@ import { CompaniesService } from './companies.service';
 import { CompaniesRepository } from './companies.repository';
 import { ExternalProfileRepository } from './external-profile.repository';
 import { FFClientRepository } from './ff-client.repository';
+import { CompanyDashboardRepository } from './company-dashboard.repository';
 import { Company } from './entities/company.entity';
 import { ExternalProfile } from './entities/external-profile.entity';
 import { FFClient } from './entities/ff-client.entity';
+import { Booking } from '../bookings/entities/booking.entity';
 
 @Module({
-  imports: [TypeOrmModule.forFeature([Company, ExternalProfile, FFClient]), FilesModule],
+  imports: [TypeOrmModule.forFeature([Company, ExternalProfile, FFClient, Booking]), FilesModule],
   controllers: [CompaniesController],
-  providers: [CompaniesService, CompaniesRepository, ExternalProfileRepository, FFClientRepository],
+  providers: [CompaniesService, CompaniesRepository, ExternalProfileRepository, FFClientRepository, CompanyDashboardRepository],
   exports: [CompaniesService],
 })
 export class CompaniesModule {}
diff --git a/apps/edr-freight-api/src/modules/companies/companies.service.ts b/apps/edr-freight-api/src/modules/companies/companies.service.ts
index f383b9e55..086e8d767 100644
--- a/apps/edr-freight-api/src/modules/companies/companies.service.ts
+++ b/apps/edr-freight-api/src/modules/companies/companies.service.ts
@@ -2,6 +2,7 @@ import { Injectable, NotFoundException, ConflictException } from '@nestjs/common
 import { CompaniesRepository } from './companies.repository';
 import { ExternalProfileRepository } from './external-profile.repository';
 import { FFClientRepository } from './ff-client.repository';
+import { CompanyDashboardRepository } from './company-dashboard.repository';
 import { CreateCompanyDto } from './dto/create-company.dto';
 import { UpdateCompanyDto } from './dto/update-company.dto';
 import { CreateExternalProfileDto } from './dto/create-external-profile.dto';
@@ -9,6 +10,7 @@ import { CreateFFClientDto } from './dto/create-ff-client.dto';
 import { CreateCompanyWithProfileDto } from './dto/create-company-with-profile.dto';
 import { UpdateProfileDto } from './dto/update-profile.dto';
 import { ProfileResponseDto } from './dto/profile-response.dto';
+import { DashboardSummaryResponseDto } from './dto/dashboard-summary-response.dto';
 import { Company } from './entities/company.entity';
 import { ExternalProfile } from './entities/external-profile.entity';
 import { FFClient } from './entities/ff-client.entity';
@@ -27,6 +29,7 @@ export class CompaniesService {
     private readonly companiesRepo: CompaniesRepository,
     private readonly profilesRepo: ExternalProfileRepository,
     private readonly ffClientsRepo: FFClientRepository,
+    private readonly dashboardRepo: CompanyDashboardRepository,
   ) {}
 
   async createCompany(dto: CreateCompanyDto): Promise<Company> {
@@ -98,6 +101,122 @@ export class CompaniesService {
     return { profile, company };
   }
 
+  /**
+   * Dashboard KPIs for the portal home (MyPortalPage), aggregated from the
+   * current user's company bookings. All figures are scoped to that company.
+   *
+   * Note: delivered/spend/volume all derive from the bookings table — there is
+   * no separate data source for them. On-time delivery rate is replaced by
+   * completion rate (delivered ÷ committed): the schema has no ETA /
+   * promised-delivery date, so on-time cannot be computed.
+   *
+   * Period attribution uses booking.created_at: there is no delivery-date
+   * column, so "delivered YTD" counts bookings created this year that reached a
+   * delivered/completed status.
+   */
+  async getDashboardSummary(userId: string): Promise<DashboardSummaryResponseDto> {
+    // A user without a company profile has no bookings — return an empty summary
+    // rather than 404, so the portal home still renders.
+    const profile = await this.profilesRepo.findByUserId(userId);
+    const companyId = profile?.company?.id ?? profile?.companyId ?? null;
+    if (!companyId) return this.emptyDashboardSummary();
+
+    const now = new Date();
+    const yearStart = new Date(now.getFullYear(), 0, 1);
+    const prevYearStart = new Date(now.getFullYear() - 1, 0, 1);
+    // Same point in the previous year, so YoY compares like-for-like windows.
+    const prevYearToDate = new Date(prevYearStart.getTime() + (now.getTime() - yearStart.getTime()));
+
+    const [
+      deliveredThis,
+      committedThis,
+      spendThisByCcy,
+      spendPrevByCcy,
+      tonnageThis,
+      tonnagePrev,
+      monthlyRows,
+    ] = await Promise.all([
+      this.dashboardRepo.countDelivered(companyId, yearStart, now),
+      this.dashboardRepo.countCommitted(companyId, yearStart, now),
+      this.dashboardRepo.sumPaidSpendByCurrency(companyId, yearStart, now),
+      this.dashboardRepo.sumPaidSpendByCurrency(companyId, prevYearStart, prevYearToDate),
+      this.dashboardRepo.sumCommittedTonnage(companyId, yearStart, now),
+      this.dashboardRepo.sumCommittedTonnage(companyId, prevYearStart, prevYearToDate),
+      this.dashboardRepo.monthlyCommittedTonnage(companyId, this.monthsAgo(now, 5), now),
+    ]);
+
+    // Spend can span currencies; report the dominant one (prefer ETB on ties).
+    const spend = this.pickCurrencyTotal(spendThisByCcy);
+    const spendPrev = spendPrevByCcy.find((c) => c.currency === spend.currency)?.total ?? 0;
+
+    return {
+      deliveredCount: deliveredThis,
+      // Share of committed bookings that reached delivered/completed.
+      completionRate: committedThis > 0 ? Math.round((deliveredThis / committedThis) * 100) : 0,
+      spendYtd: spend.total,
+      spendCurrency: spend.currency,
+      spendYtdChangePct: this.changePct(spend.total, spendPrev),
+      freightVolume: {
+        totalTonnes: Math.round(tonnageThis),
+        totalValue: spend.total,
+        currency: spend.currency,
+        ytdChangePct: this.changePct(tonnageThis, tonnagePrev),
+        monthly: this.buildMonthlySeries(now, monthlyRows),
+      },
+    };
+  }
+
+  private emptyDashboardSummary(): DashboardSummaryResponseDto {
+    const now = new Date();
+    return {
+      deliveredCount: 0,
+      completionRate: 0,
+      spendYtd: 0,
+      spendCurrency: 'ETB',
+      spendYtdChangePct: 0,
+      freightVolume: {
+        totalTonnes: 0,
+        totalValue: 0,
+        currency: 'ETB',
+        ytdChangePct: 0,
+        monthly: this.buildMonthlySeries(now, []),
+      },
+    };
+  }
+
+  /** First day of the month `n` months before `from`. */
+  private monthsAgo(from: Date, n: number): Date {
+    return new Date(from.getFullYear(), from.getMonth() - n, 1);
+  }
+
+  /** Pick the currency with the largest total, preferring ETB on ties / when empty. */
+  private pickCurrencyTotal(totals: { currency: string; total: number }[]): { currency: string; total: number } {
+    if (totals.length === 0) return { currency: 'ETB', total: 0 };
+    return totals.reduce((best, cur) => (cur.total > best.total ? cur : best));
+  }
+
+  /** Percentage change vs a prior value, rounded; 0 when there is no prior base. */
+  private changePct(current: number, previous: number): number {
+    if (previous <= 0) return 0;
+    return Math.round(((current - previous) / previous) * 100);
+  }
+
+  /** Build a fixed 6-month tonnage series ending on `now`, zero-filling gaps. */
+  private buildMonthlySeries(
+    now: Date,
+    rows: { year: number; month: number; tonnes: number }[],
+  ): { month: string; tonnes: number }[] {
+    const labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    const byKey = new Map(rows.map((r) => [`${r.year}-${r.month}`, r.tonnes]));
+    const series: { month: string; tonnes: number }[] = [];
+    for (let i = 5; i >= 0; i--) {
+      const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
+      const key = `${d.getFullYear()}-${d.getMonth() + 1}`;
+      series.push({ month: labels[d.getMonth()], tonnes: Math.round(byKey.get(key) ?? 0) });
+    }
+    return series;
+  }
+
   async updateCompany(id: string, dto: UpdateCompanyDto): Promise<Company> {
     await this.findCompanyById(id);
     const updated = await this.companiesRepo.update(id, dto);
diff --git a/apps/edr-freight-api/src/modules/companies/company-dashboard.repository.ts b/apps/edr-freight-api/src/modules/companies/company-dashboard.repository.ts
new file mode 100644
index 000000000..365cf1daa
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/companies/company-dashboard.repository.ts
@@ -0,0 +1,126 @@
+import { Injectable } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { Repository } from 'typeorm';
+
+import { Booking } from '../bookings/entities/booking.entity';
+
+/** Booking statuses that represent a delivered/finished shipment. */
+const DELIVERED_STATUSES = ['DELIVERED', 'COMPLETED'] as const;
+
+/**
+ * Statuses that represent real, committed freight (excludes drafts and dead
+ * bookings) — used for tonnage so cancelled/expired drafts don't inflate volume.
+ */
+const COMMITTED_STATUSES = [
+  'APPROVED',
+  'CONTRACT_READY',
+  'SIGNED_CUSTOMER',
+  'FULLY_EXECUTED',
+  'SELECTED_FOR_BATCH',
+  'PNR_GENERATED',
+  'PAYMENT_VERIFICATION_IN_PROGRESS',
+  'PAID',
+  'IN_TRANSIT',
+  'COMPLETED',
+  'DELIVERED',
+  'CONSOLIDATED',
+] as const;
+
+export interface CurrencyTotal {
+  currency: string;
+  total: number;
+}
+
+export interface MonthlyTonnage {
+  year: number;
+  month: number; // 1-12
+  tonnes: number;
+}
+
+/**
+ * Read-only aggregation queries against the bookings table, scoped to a
+ * company, that back the portal dashboard. Lives in the companies module so it
+ * can be exposed via `companies.controller` without a circular dependency on
+ * BookingsModule (which already imports CompaniesModule).
+ */
+@Injectable()
+export class CompanyDashboardRepository {
+  constructor(
+    @InjectRepository(Booking)
+    private readonly bookings: Repository<Booking>,
+  ) {}
+
+  /** Count of delivered/completed bookings for a company within [from, to). */
+  async countDelivered(companyId: string, from: Date, to: Date): Promise<number> {
+    return this.bookings
+      .createQueryBuilder('b')
+      .where('b.company_id = :companyId', { companyId })
+      .andWhere('b.deleted_at IS NULL')
+      .andWhere('b.status IN (:...statuses)', { statuses: [...DELIVERED_STATUSES] })
+      .andWhere('b.created_at >= :from AND b.created_at < :to', { from, to })
+      .getCount();
+  }
+
+  /** Count of committed (non-draft, non-dead) bookings for a company within [from, to). */
+  async countCommitted(companyId: string, from: Date, to: Date): Promise<number> {
+    return this.bookings
+      .createQueryBuilder('b')
+      .where('b.company_id = :companyId', { companyId })
+      .andWhere('b.deleted_at IS NULL')
+      .andWhere('b.status IN (:...statuses)', { statuses: [...COMMITTED_STATUSES] })
+      .andWhere('b.created_at >= :from AND b.created_at < :to', { from, to })
+      .getCount();
+  }
+
+  /** Sum of paid booking totals, grouped by currency, within [from, to). */
+  async sumPaidSpendByCurrency(companyId: string, from: Date, to: Date): Promise<CurrencyTotal[]> {
+    const rows = await this.bookings
+      .createQueryBuilder('b')
+      .select('b.payment_currency', 'currency')
+      .addSelect('COALESCE(SUM(b.total_amount), 0)', 'total')
+      .where('b.company_id = :companyId', { companyId })
+      .andWhere('b.deleted_at IS NULL')
+      .andWhere("b.payment_status = 'PAID'")
+      .andWhere('b.created_at >= :from AND b.created_at < :to', { from, to })
+      .groupBy('b.payment_currency')
+      .getRawMany<{ currency: string; total: string }>();
+
+    return rows.map((r) => ({ currency: r.currency ?? 'ETB', total: Number(r.total) }));
+  }
+
+  /** Total committed tonnage (cargo VGM) for a company within [from, to). */
+  async sumCommittedTonnage(companyId: string, from: Date, to: Date): Promise<number> {
+    const row = await this.bookings
+      .createQueryBuilder('b')
+      .select('COALESCE(SUM(b.cargo_total_weight_vgm), 0)', 'total')
+      .where('b.company_id = :companyId', { companyId })
+      .andWhere('b.deleted_at IS NULL')
+      .andWhere('b.status IN (:...statuses)', { statuses: [...COMMITTED_STATUSES] })
+      .andWhere('b.created_at >= :from AND b.created_at < :to', { from, to })
+      .getRawOne<{ total: string }>();
+
+    return Number(row?.total ?? 0);
+  }
+
+  /** Committed tonnage grouped by calendar month within [from, to). */
+  async monthlyCommittedTonnage(companyId: string, from: Date, to: Date): Promise<MonthlyTonnage[]> {
+    const rows = await this.bookings
+      .createQueryBuilder('b')
+      .select('EXTRACT(YEAR FROM b.created_at)', 'year')
+      .addSelect('EXTRACT(MONTH FROM b.created_at)', 'month')
+      .addSelect('COALESCE(SUM(b.cargo_total_weight_vgm), 0)', 'total')
+      .where('b.company_id = :companyId', { companyId })
+      .andWhere('b.deleted_at IS NULL')
+      .andWhere('b.status IN (:...statuses)', { statuses: [...COMMITTED_STATUSES] })
+      .andWhere('b.created_at >= :from AND b.created_at < :to', { from, to })
+      .groupBy('year')
+      .addGroupBy('month')
+      .getRawMany<{ year: string; month: string; total: string }>();
+
+    return rows.map((r) => ({
+      year: Number(r.year),
+      month: Number(r.month),
+      tonnes: Number(r.total),
+    }));
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/companies/dto/dashboard-summary-response.dto.ts b/apps/edr-freight-api/src/modules/companies/dto/dashboard-summary-response.dto.ts
new file mode 100644
index 000000000..c0d99643c
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/companies/dto/dashboard-summary-response.dto.ts
@@ -0,0 +1,59 @@
+import { ApiProperty } from '@nestjs/swagger';
+
+export class FreightVolumePointDto {
+  @ApiProperty({ example: 'May', description: 'Short month label' })
+  month!: string;
+
+  @ApiProperty({ example: 940, description: 'Tonnage shipped in the month' })
+  tonnes!: number;
+}
+
+export class FreightVolumeDto {
+  @ApiProperty({ example: 4180, description: 'Total tonnage shipped year-to-date' })
+  totalTonnes!: number;
+
+  @ApiProperty({ example: 1240000, description: 'Total committed freight value year-to-date' })
+  totalValue!: number;
+
+  @ApiProperty({ example: 'ETB' })
+  currency!: string;
+
+  @ApiProperty({ example: 16, description: 'Tonnage change vs same period last year, in percent' })
+  ytdChangePct!: number;
+
+  @ApiProperty({ type: [FreightVolumePointDto], description: 'Monthly tonnage series (oldest first, last 6 months)' })
+  monthly!: FreightVolumePointDto[];
+}
+
+/**
+ * KPIs for the portal dashboard (MyPortalPage), aggregated from the current
+ * user's company bookings. All figures are scoped to that company.
+ *
+ * Note: every metric here derives from the bookings table — there is no
+ * separate "non-booking" data source for delivered/spend/volume. On-time
+ * delivery rate is replaced by completion rate: no ETA / promised-delivery
+ * column exists in the schema, so on-time cannot be computed, whereas
+ * completion rate (delivered ÷ committed) can.
+ */
+export class DashboardSummaryResponseDto {
+  @ApiProperty({ example: 12, description: 'Bookings delivered/completed year-to-date' })
+  deliveredCount!: number;
+
+  @ApiProperty({
+    example: 92,
+    description: 'Share of committed bookings that have been delivered/completed (YTD), in percent',
+  })
+  completionRate!: number;
+
+  @ApiProperty({ example: 1240000, description: 'Total paid spend year-to-date' })
+  spendYtd!: number;
+
+  @ApiProperty({ example: 'ETB' })
+  spendCurrency!: string;
+
+  @ApiProperty({ example: 16, description: 'Spend change vs same period last year, in percent' })
+  spendYtdChangePct!: number;
+
+  @ApiProperty({ type: FreightVolumeDto })
+  freightVolume!: FreightVolumeDto;
+}
diff --git a/apps/edr-freight-api/src/modules/consignments/consignments.controller.ts b/apps/edr-freight-api/src/modules/consignments/consignments.controller.ts
index 46ef22bf8..b107e8935 100644
--- a/apps/edr-freight-api/src/modules/consignments/consignments.controller.ts
+++ b/apps/edr-freight-api/src/modules/consignments/consignments.controller.ts
@@ -9,16 +9,19 @@ import {
 } from "@nestjs/common";
 import { ApiOperation, ApiTags } from "@nestjs/swagger";
 
+import { FleetManage, FleetView } from "../../common/booking-guards";
 import { ConsignmentsService } from "./consignments.service";
 import { CreateConsignmentDto } from "./dto/create-consignment.dto";
 import { FilterConsignmentDto } from "./dto/filter-consignment.dto";
 
 @ApiTags("consignments")
 @Controller("consignments")
+@FleetView()
 export class ConsignmentsController {
   constructor(private readonly consignmentsService: ConsignmentsService) {}
 
   @Post()
+  @FleetManage()
   @ApiOperation({ summary: "Create a new consignment" })
   create(@Body() dto: CreateConsignmentDto) {
     return this.consignmentsService.create(dto);
diff --git a/apps/edr-freight-api/src/modules/container-management/containers.controller.ts b/apps/edr-freight-api/src/modules/container-management/containers.controller.ts
index efffb075e..1a0cdb14f 100644
--- a/apps/edr-freight-api/src/modules/container-management/containers.controller.ts
+++ b/apps/edr-freight-api/src/modules/container-management/containers.controller.ts
@@ -10,6 +10,7 @@ import {
   Query,
 } from '@nestjs/common';
 import { ApiOperation, ApiTags } from '@nestjs/swagger';
+import { FleetManage, FleetView } from '../../common/booking-guards';
 import { CreateContainerDto } from './dto/create-container.dto';
 import { UpdateContainerDto } from './dto/update-container.dto';
 import { AssignContainerToWagonDto } from './dto/assign-container-to-wagon.dto';
@@ -17,10 +18,12 @@ import { ContainersService } from './containers.service';
 
 @ApiTags('containers')
 @Controller('containers')
+@FleetView()
 export class ContainersController {
   constructor(private readonly containersService: ContainersService) {}
 
   @Post()
+  @FleetManage()
   @ApiOperation({ summary: 'Create a new container' })
   create(@Body() dto: CreateContainerDto) {
     return this.containersService.create(dto);
@@ -39,24 +42,28 @@ export class ContainersController {
   }
 
   @Patch(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Update a container' })
   update(@Param('id', ParseUUIDPipe) id: string, @Body() dto: UpdateContainerDto) {
     return this.containersService.update(id, dto);
   }
 
   @Delete(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Delete a container' })
   remove(@Param('id', ParseUUIDPipe) id: string) {
     return this.containersService.remove(id);
   }
 
   @Post(':id/assign-wagon')
+  @FleetManage()
   @ApiOperation({ summary: 'Assign container to a wagon' })
   assignToWagon(@Param('id', ParseUUIDPipe) id: string, @Body() dto: AssignContainerToWagonDto) {
     return this.containersService.assignToWagon(id, dto);
   }
 
   @Post(':id/unassign-wagon')
+  @FleetManage()
   @ApiOperation({ summary: 'Unassign container from wagon' })
   unassignFromWagon(@Param('id', ParseUUIDPipe) id: string) {
     return this.containersService.unassignFromWagon(id);
diff --git a/apps/edr-freight-api/src/modules/container-management/entities/container.entity.ts b/apps/edr-freight-api/src/modules/container-management/entities/container.entity.ts
index a5c7ee9c1..e6fdd47ee 100644
--- a/apps/edr-freight-api/src/modules/container-management/entities/container.entity.ts
+++ b/apps/edr-freight-api/src/modules/container-management/entities/container.entity.ts
@@ -1,6 +1,9 @@
 // apps/edr-freight-api/src/modules/container-management/entities/container.entity.ts
 import { Entity, Column, ManyToOne, OneToMany, JoinColumn } from 'typeorm';
 import { BaseEntity } from '@edr/api-common';
+import { Booking } from '../../bookings/entities/booking.entity';
+import { BookingContainer } from '../../bookings/entities/booking-container.entity';
+import { WagonBookingAllocation } from '../../train-schedules/entities/wagon-booking-allocation.entity';
 import { Wagon } from '../../wagons/entities/wagon.entity';
 import { Cargo } from '../../cargoes/entities/cargoes.entity';
 
@@ -34,7 +37,27 @@ sealNumber!: string | null;
   @Column({ type: 'varchar', default: 'AVAILABLE' })
   status!: string; // AVAILABLE, LOADED, IN_TRANSIT, MAINTENANCE, DAMAGED
 
-  // Relationship to Wagon
+  @Column({ name: 'booking_id', type: 'uuid', nullable: true })
+  bookingId!: string | null;
+
+  @ManyToOne(() => Booking, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'booking_id' })
+  booking?: Booking | null;
+
+  @Column({ name: 'wagon_booking_allocation_id', type: 'uuid', nullable: true })
+  wagonBookingAllocationId!: string | null;
+
+  @ManyToOne(() => WagonBookingAllocation, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'wagon_booking_allocation_id' })
+  wagonBookingAllocation?: WagonBookingAllocation | null;
+
+  @Column({ name: 'booking_container_id', type: 'uuid', nullable: true })
+  bookingContainerId!: string | null;
+
+  @ManyToOne(() => BookingContainer, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'booking_container_id' })
+  bookingContainer?: BookingContainer | null;
+
   @ManyToOne(() => Wagon, (wagon) => wagon.containers, { onDelete: 'SET NULL' })
   @JoinColumn({ name: 'wagon_id' })
   wagon!: Wagon | null;
diff --git a/apps/edr-freight-api/src/modules/customers/customers.controller.ts b/apps/edr-freight-api/src/modules/customers/customers.controller.ts
index 404e4d27b..7451bd6b6 100644
--- a/apps/edr-freight-api/src/modules/customers/customers.controller.ts
+++ b/apps/edr-freight-api/src/modules/customers/customers.controller.ts
@@ -16,12 +16,14 @@ import {
 
 import { ApiOperation } from "@nestjs/swagger";
 
+import { FreightAdmin } from "../../common/booking-guards";
 import { CustomersService } from "./customers.service";
 import { CreateCustomerDto } from "./dto/create-customer.dto";
 import { UpdateCustomerDto } from "./dto/update-customer.dto";
 import { Customer } from "./entities/customer.entity";
 
 @Controller("customers")
+@FreightAdmin()
 export class CustomersController {
   constructor(private readonly customersService: CustomersService) {}
 
diff --git a/apps/edr-freight-api/src/modules/dropdown-settings/dropdown-settings.controller.ts b/apps/edr-freight-api/src/modules/dropdown-settings/dropdown-settings.controller.ts
index e8c3fbba0..7a63964d8 100644
--- a/apps/edr-freight-api/src/modules/dropdown-settings/dropdown-settings.controller.ts
+++ b/apps/edr-freight-api/src/modules/dropdown-settings/dropdown-settings.controller.ts
@@ -13,6 +13,7 @@ import {
 } from "@nestjs/common";
 import { ApiOperation, ApiTags } from "@nestjs/swagger";
 
+import { FreightAdmin } from "../../common/booking-guards";
 import { CreateDropdownOptionDto } from "./dto/create-dropdown-option.dto";
 import { CreateDropdownSettingDto } from "./dto/create-dropdown-setting.dto";
 import { UpdateDropdownOptionDto } from "./dto/update-dropdown-option.dto";
@@ -24,6 +25,9 @@ import { DropdownSettingsService } from "./dropdown-settings.service";
 export class DropdownSettingsController {
   constructor(private readonly service: DropdownSettingsService) {}
 
+  // Reads stay open: the customer portal fetches these to render dynamic
+  // dropdowns (by-code). Only writes are admin-guarded.
+
   @Get()
   @ApiOperation({ summary: "List all dropdown settings" })
   list() {
@@ -43,12 +47,14 @@ export class DropdownSettingsController {
   }
 
   @Post()
+  @FreightAdmin()
   @ApiOperation({ summary: "Create a new dropdown setting" })
   create(@Body() dto: CreateDropdownSettingDto) {
     return this.service.create(dto);
   }
 
   @Patch(":id")
+  @FreightAdmin()
   @ApiOperation({ summary: "Update a dropdown setting's metadata" })
   update(
     @Param("id", ParseUUIDPipe) id: string,
@@ -58,6 +64,7 @@ export class DropdownSettingsController {
   }
 
   @Delete(":id")
+  @FreightAdmin()
   @ApiOperation({ summary: "Soft-delete a dropdown setting" })
   @HttpCode(HttpStatus.NO_CONTENT)
   remove(@Param("id", ParseUUIDPipe) id: string) {
@@ -67,6 +74,7 @@ export class DropdownSettingsController {
   /* ------------------------- option routes ------------------------- */
 
   @Put(":id/options")
+  @FreightAdmin()
   @ApiOperation({ summary: "Replace the full option list for a setting" })
   replaceOptions(
     @Param("id", ParseUUIDPipe) id: string,
@@ -76,6 +84,7 @@ export class DropdownSettingsController {
   }
 
   @Post(":id/options")
+  @FreightAdmin()
   @ApiOperation({ summary: "Append a single option to a setting" })
   addOption(
     @Param("id", ParseUUIDPipe) id: string,
@@ -85,6 +94,7 @@ export class DropdownSettingsController {
   }
 
   @Patch("options/:optionId")
+  @FreightAdmin()
   @ApiOperation({ summary: "Update a single option" })
   updateOption(
     @Param("optionId", ParseUUIDPipe) optionId: string,
@@ -94,6 +104,7 @@ export class DropdownSettingsController {
   }
 
   @Delete("options/:optionId")
+  @FreightAdmin()
   @ApiOperation({ summary: "Soft-delete a single option" })
   @HttpCode(HttpStatus.NO_CONTENT)
   removeOption(@Param("optionId", ParseUUIDPipe) optionId: string) {
diff --git a/apps/edr-freight-api/src/modules/file-upload-settings/file-upload-settings.controller.ts b/apps/edr-freight-api/src/modules/file-upload-settings/file-upload-settings.controller.ts
index ecdecffc3..661339902 100644
--- a/apps/edr-freight-api/src/modules/file-upload-settings/file-upload-settings.controller.ts
+++ b/apps/edr-freight-api/src/modules/file-upload-settings/file-upload-settings.controller.ts
@@ -13,6 +13,7 @@ import {
 } from "@nestjs/common";
 import { ApiOperation, ApiTags } from "@nestjs/swagger";
 
+import { FreightAdmin } from "../../common/booking-guards";
 import { CreateFileUploadFieldDto } from "./dto/create-file-upload-field.dto";
 import { CreateFileUploadSettingDto } from "./dto/create-file-upload-setting.dto";
 import { UpdateFileUploadFieldDto } from "./dto/update-file-upload-field.dto";
@@ -24,6 +25,9 @@ import { FileUploadSettingsService } from "./file-upload-settings.service";
 export class FileUploadSettingsController {
   constructor(private readonly service: FileUploadSettingsService) {}
 
+  // Reads stay open: the customer portal fetches these to render dynamic
+  // upload forms (by-code / by-entity). Only writes are admin-guarded.
+
   @Get()
   @ApiOperation({ summary: "List all file upload settings" })
   list() {
@@ -49,12 +53,14 @@ export class FileUploadSettingsController {
   }
 
   @Post()
+  @FreightAdmin()
   @ApiOperation({ summary: "Create a new file upload setting" })
   create(@Body() dto: CreateFileUploadSettingDto) {
     return this.service.create(dto);
   }
 
   @Patch(":id")
+  @FreightAdmin()
   @ApiOperation({ summary: "Update a file upload setting's metadata" })
   update(
     @Param("id", ParseUUIDPipe) id: string,
@@ -64,6 +70,7 @@ export class FileUploadSettingsController {
   }
 
   @Delete(":id")
+  @FreightAdmin()
   @ApiOperation({ summary: "Soft-delete a file upload setting" })
   @HttpCode(HttpStatus.NO_CONTENT)
   remove(@Param("id", ParseUUIDPipe) id: string) {
@@ -73,6 +80,7 @@ export class FileUploadSettingsController {
   /* ------------------------- field routes ------------------------- */
 
   @Put(":id/fields")
+  @FreightAdmin()
   @ApiOperation({ summary: "Replace the full field list for a setting" })
   replaceFields(
     @Param("id", ParseUUIDPipe) id: string,
@@ -82,6 +90,7 @@ export class FileUploadSettingsController {
   }
 
   @Post(":id/fields")
+  @FreightAdmin()
   @ApiOperation({ summary: "Append a single field to a setting" })
   addField(
     @Param("id", ParseUUIDPipe) id: string,
@@ -91,6 +100,7 @@ export class FileUploadSettingsController {
   }
 
   @Patch("fields/:fieldId")
+  @FreightAdmin()
   @ApiOperation({ summary: "Update a single field" })
   updateField(
     @Param("fieldId", ParseUUIDPipe) fieldId: string,
@@ -100,6 +110,7 @@ export class FileUploadSettingsController {
   }
 
   @Delete("fields/:fieldId")
+  @FreightAdmin()
   @ApiOperation({ summary: "Soft-delete a single field" })
   @HttpCode(HttpStatus.NO_CONTENT)
   removeField(@Param("fieldId", ParseUUIDPipe) fieldId: string) {
diff --git a/apps/edr-freight-api/src/modules/locomotives/dto/create-locomotive.dto.ts b/apps/edr-freight-api/src/modules/locomotives/dto/create-locomotive.dto.ts
index 1469630ec..5745d3037 100644
--- a/apps/edr-freight-api/src/modules/locomotives/dto/create-locomotive.dto.ts
+++ b/apps/edr-freight-api/src/modules/locomotives/dto/create-locomotive.dto.ts
@@ -1,8 +1,11 @@
 import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
 import { Transform } from 'class-transformer';
-import { IsIn, IsNumber, IsOptional, IsString, MaxLength, Min } from 'class-validator';
+import { IsIn, IsNumber, IsOptional, IsString, MaxLength, Min, IsUUID } from 'class-validator';
 
-import { LOCOMOTIVE_STATUSES, LOCOMOTIVE_TYPES } from '../entities/locomotive.entity';
+import {
+  LOCOMOTIVE_STATUSES,
+  LOCOMOTIVE_TYPES,
+} from '../entities/locomotive.entity';
 
 export class CreateLocomotiveDto {
   @ApiProperty({ example: 'LOCO-001' })
@@ -24,6 +27,11 @@ export class CreateLocomotiveDto {
   @IsIn([...LOCOMOTIVE_STATUSES])
   status!: string;
 
+  @ApiPropertyOptional({ description: 'Current yard location' })
+  @IsOptional()
+  @IsUUID()
+  currentYardId?: string;
+
   @ApiProperty({ example: 3500 })
   @Transform(({ value }) => Number(value))
   @IsNumber()
diff --git a/apps/edr-freight-api/src/modules/locomotives/dto/filter-locomotives.dto.ts b/apps/edr-freight-api/src/modules/locomotives/dto/filter-locomotives.dto.ts
index 1ea5ef29d..c634d5efb 100644
--- a/apps/edr-freight-api/src/modules/locomotives/dto/filter-locomotives.dto.ts
+++ b/apps/edr-freight-api/src/modules/locomotives/dto/filter-locomotives.dto.ts
@@ -1,7 +1,10 @@
 import { ApiPropertyOptional } from '@nestjs/swagger';
-import { IsIn, IsOptional } from 'class-validator';
+import { IsIn, IsOptional, IsUUID } from 'class-validator';
 
-import { LOCOMOTIVE_STATUSES, LOCOMOTIVE_TYPES } from '../entities/locomotive.entity';
+import {
+  LOCOMOTIVE_STATUSES,
+  LOCOMOTIVE_TYPES,
+} from '../entities/locomotive.entity';
 
 export class FilterLocomotivesDto {
   @ApiPropertyOptional({ enum: LOCOMOTIVE_STATUSES })
@@ -13,4 +16,9 @@ export class FilterLocomotivesDto {
   @IsOptional()
   @IsIn([...LOCOMOTIVE_TYPES])
   locomotiveType?: string;
+
+  @ApiPropertyOptional({ description: 'Filter by current yard' })
+  @IsOptional()
+  @IsUUID()
+  currentYardId?: string;
 }
diff --git a/apps/edr-freight-api/src/modules/locomotives/entities/locomotive.entity.ts b/apps/edr-freight-api/src/modules/locomotives/entities/locomotive.entity.ts
index a03183d02..6dcd9ad3e 100644
--- a/apps/edr-freight-api/src/modules/locomotives/entities/locomotive.entity.ts
+++ b/apps/edr-freight-api/src/modules/locomotives/entities/locomotive.entity.ts
@@ -1,7 +1,8 @@
 import { BaseEntity } from '@edr/api-common';
-import { Column, Entity, Index, OneToMany } from 'typeorm';
+import { Column, Entity, Index, OneToMany, ManyToOne, JoinColumn } from 'typeorm';
 
 import { TrainSet } from '../../train-sets/entities/train-set.entity';
+import { Yard } from '../../rule-engine/entities/yard.entity';
 
 export const LOCOMOTIVE_STATUSES = [
   'AVAILABLE',
@@ -21,6 +22,7 @@ export type LocomotiveType = (typeof LOCOMOTIVE_TYPES)[number];
 @Entity({ schema: 'freight', name: 'locomotives' })
 @Index(['code'])
 @Index(['status'])
+@Index(['currentYardId'])
 export class Locomotive extends BaseEntity {
   @Column({ name: 'code', type: 'varchar', length: 32, unique: true })
   code!: string;
@@ -40,6 +42,13 @@ export class Locomotive extends BaseEntity {
   @Column({ name: 'status', type: 'varchar', length: 20, default: 'AVAILABLE' })
   status!: LocomotiveStatus;
 
+  @Column({ name: 'current_yard_id', type: 'uuid', nullable: true })
+  currentYardId!: string | null;
+
+  @ManyToOne(() => Yard, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'current_yard_id' })
+  currentYard?: Yard | null;
+
   @Column({ name: 'power_kw', type: 'numeric', precision: 10, scale: 3, nullable: true })
   powerKw?: number | null;
 
diff --git a/apps/edr-freight-api/src/modules/locomotives/locomotives.controller.ts b/apps/edr-freight-api/src/modules/locomotives/locomotives.controller.ts
index f7ccdde1d..c907af717 100644
--- a/apps/edr-freight-api/src/modules/locomotives/locomotives.controller.ts
+++ b/apps/edr-freight-api/src/modules/locomotives/locomotives.controller.ts
@@ -1,6 +1,7 @@
 import { Body, Controller, Get, Param, ParseUUIDPipe, Patch, Post, Query } from '@nestjs/common';
 import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
 
+import { FleetManage, FleetView } from '../../common/booking-guards';
 import { CreateLocomotiveDto } from './dto/create-locomotive.dto';
 import { FilterLocomotivesDto } from './dto/filter-locomotives.dto';
 import { UpdateLocomotiveDto } from './dto/update-locomotive.dto';
@@ -9,6 +10,7 @@ import { LocomotivesService } from './locomotives.service';
 @ApiTags('locomotives')
 @ApiBearerAuth()
 @Controller('locomotives')
+@FleetView()
 export class LocomotivesController {
   constructor(private readonly locomotivesService: LocomotivesService) {}
 
@@ -25,18 +27,21 @@ export class LocomotivesController {
   }
 
   @Post()
+  @FleetManage()
   @ApiOperation({ summary: 'Create a locomotive' })
   create(@Body() dto: CreateLocomotiveDto) {
     return this.locomotivesService.create(dto);
   }
 
   @Patch(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Update a locomotive' })
   update(@Param('id', ParseUUIDPipe) id: string, @Body() dto: UpdateLocomotiveDto) {
     return this.locomotivesService.update(id, dto);
   }
 
   @Post(':id/decommission')
+  @FleetManage()
   @ApiOperation({ summary: 'Decommission a locomotive' })
   decommission(@Param('id', ParseUUIDPipe) id: string) {
     return this.locomotivesService.decommission(id);
diff --git a/apps/edr-freight-api/src/modules/locomotives/locomotives.service.ts b/apps/edr-freight-api/src/modules/locomotives/locomotives.service.ts
index ac030d5d8..ebcb09bce 100644
--- a/apps/edr-freight-api/src/modules/locomotives/locomotives.service.ts
+++ b/apps/edr-freight-api/src/modules/locomotives/locomotives.service.ts
@@ -3,7 +3,12 @@ import { ConflictException, Injectable, NotFoundException } from '@nestjs/common
 import { CreateLocomotiveDto } from './dto/create-locomotive.dto';
 import { FilterLocomotivesDto } from './dto/filter-locomotives.dto';
 import { UpdateLocomotiveDto } from './dto/update-locomotive.dto';
-import { Locomotive, type LocomotiveStatus, type LocomotiveType } from './entities/locomotive.entity';
+
+import {
+  Locomotive,
+  type LocomotiveStatus,
+  type LocomotiveType,
+} from './entities/locomotive.entity';
 import { LocomotivesRepository } from './locomotives.repository';
 
 @Injectable()
@@ -17,7 +22,9 @@ export class LocomotivesService {
         ...(filter.locomotiveType
           ? { locomotiveType: filter.locomotiveType as LocomotiveType }
           : {}),
+        ...(filter.currentYardId ? { currentYardId: filter.currentYardId } : {}),
       },
+      relations: { currentYard: true },
       order: { code: 'ASC' },
     });
   }
@@ -34,6 +41,7 @@ export class LocomotivesService {
       name: dto.name?.trim() || null,
       locomotiveType: dto.locomotiveType as LocomotiveType,
       status: dto.status as LocomotiveStatus,
+      currentYardId: dto.currentYardId ?? null,
       maxPullWeightTons: dto.maxPullWeightTons,
       maxTrainLengthMeters: dto.maxTrainLengthMeters,
       powerKw: dto.powerKw ?? null,
@@ -43,7 +51,9 @@ export class LocomotivesService {
   }
 
   async findById(id: string): Promise<Locomotive> {
-    const locomotive = await this.locomotivesRepository.findById(id);
+    const locomotive = await this.locomotivesRepository.findById(id, {
+      relations: { currentYard: true },
+    });
 
     if (!locomotive) {
       throw new NotFoundException(`Locomotive ${id} not found`);
@@ -67,6 +77,10 @@ export class LocomotivesService {
       locomotiveType:
         dto.locomotiveType === undefined ? locomotive.locomotiveType : dto.locomotiveType as LocomotiveType,
       status: dto.status === undefined ? locomotive.status : dto.status as LocomotiveStatus,
+      currentYardId:
+        dto.currentYardId === undefined
+          ? locomotive.currentYardId
+          : (dto.currentYardId ?? null),
       name: dto.name === undefined ? locomotive.name : dto.name?.trim() || null,
       powerKw: dto.powerKw === undefined ? locomotive.powerKw : dto.powerKw ?? null,
       tractionForceKn:
diff --git a/apps/edr-freight-api/src/modules/overview/dto/overview-query.dto.ts b/apps/edr-freight-api/src/modules/overview/dto/overview-query.dto.ts
new file mode 100644
index 000000000..591fb6b6a
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/overview/dto/overview-query.dto.ts
@@ -0,0 +1,17 @@
+import { ApiPropertyOptional } from '@nestjs/swagger';
+import { IsIn, IsOptional } from 'class-validator';
+
+const OVERVIEW_RANGES = ['7d', '30d', '90d'] as const;
+
+export type OverviewRangeQuery = (typeof OVERVIEW_RANGES)[number];
+
+export class OverviewQueryDto {
+  @ApiPropertyOptional({
+    enum: OVERVIEW_RANGES,
+    default: '30d',
+    description: 'Time range for trend charts',
+  })
+  @IsOptional()
+  @IsIn(OVERVIEW_RANGES)
+  range?: OverviewRangeQuery = '30d';
+}
diff --git a/apps/edr-freight-api/src/modules/overview/dto/overview-response.dto.ts b/apps/edr-freight-api/src/modules/overview/dto/overview-response.dto.ts
new file mode 100644
index 000000000..767a217a6
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/overview/dto/overview-response.dto.ts
@@ -0,0 +1,104 @@
+import { ApiProperty } from '@nestjs/swagger';
+
+export class OverviewBookingKpisDto {
+  @ApiProperty() totalActive!: number;
+  @ApiProperty() needsAction!: number;
+  @ApiProperty() urgent!: number;
+  @ApiProperty() inApproval!: number;
+  @ApiProperty() submittedToday!: number;
+}
+
+export class OverviewOperationsKpisDto {
+  @ApiProperty() trainsActive!: number;
+  @ApiProperty() wagonsAvailable!: number;
+  @ApiProperty() containersInTransit!: number;
+  @ApiProperty() cargoesLoaded!: number;
+}
+
+export class OverviewCustomerKpisDto {
+  @ApiProperty() totalCustomers!: number;
+  @ApiProperty() newCustomersThisMonth!: number;
+}
+
+export class OverviewBillingKpisDto {
+  @ApiProperty() revenueMtdEtb!: number;
+  @ApiProperty() revenueMtdUsd!: number;
+  @ApiProperty() pendingPayments!: number;
+  @ApiProperty() successfulPaymentsMtd!: number;
+}
+
+export class OverviewStaffKpisDto {
+  @ApiProperty() activeEmployees!: number;
+  @ApiProperty() activeUsers!: number;
+}
+
+export class OverviewKpisDto {
+  @ApiProperty({ type: OverviewBookingKpisDto })
+  bookings!: OverviewBookingKpisDto;
+
+  @ApiProperty({ type: OverviewOperationsKpisDto })
+  operations!: OverviewOperationsKpisDto;
+
+  @ApiProperty({ type: OverviewCustomerKpisDto })
+  customers!: OverviewCustomerKpisDto;
+
+  @ApiProperty({ type: OverviewBillingKpisDto })
+  billing!: OverviewBillingKpisDto;
+
+  @ApiProperty({ type: OverviewStaffKpisDto })
+  staff!: OverviewStaffKpisDto;
+}
+
+export class OverviewTrendPointDto {
+  @ApiProperty({ example: '2026-06-01' }) date!: string;
+  @ApiProperty() count!: number;
+}
+
+export class OverviewStatusCountDto {
+  @ApiProperty() status!: string;
+  @ApiProperty() count!: number;
+}
+
+export class OverviewPipelineCountDto {
+  @ApiProperty() stage!: string;
+  @ApiProperty() count!: number;
+}
+
+export class OverviewPaymentTrendPointDto {
+  @ApiProperty({ example: '2026-06-01' }) date!: string;
+  @ApiProperty() amountEtb!: number;
+  @ApiProperty() amountUsd!: number;
+}
+
+export class OverviewRecentBookingDto {
+  @ApiProperty() id!: string;
+  @ApiProperty() reference!: string;
+  @ApiProperty() customerLabel!: string;
+  @ApiProperty() status!: string;
+  @ApiProperty() priorityScore!: number;
+  @ApiProperty({ nullable: true }) totalAmount!: number | null;
+  @ApiProperty({ nullable: true }) paymentCurrency!: string | null;
+  @ApiProperty() createdAt!: string;
+}
+
+export class OverviewResponseDto {
+  @ApiProperty({ type: OverviewKpisDto })
+  kpis!: OverviewKpisDto;
+
+  @ApiProperty({ type: [OverviewTrendPointDto] })
+  bookingTrend!: OverviewTrendPointDto[];
+
+  @ApiProperty({ type: [OverviewStatusCountDto] })
+  bookingsByStatus!: OverviewStatusCountDto[];
+
+  @ApiProperty({ type: [OverviewPipelineCountDto] })
+  bookingsByPipeline!: OverviewPipelineCountDto[];
+
+  @ApiProperty({ type: [OverviewPaymentTrendPointDto] })
+  paymentTrend!: OverviewPaymentTrendPointDto[];
+
+  @ApiProperty({ type: [OverviewRecentBookingDto] })
+  recentBookings!: OverviewRecentBookingDto[];
+
+  @ApiProperty() generatedAt!: string;
+}
diff --git a/apps/edr-freight-api/src/modules/overview/dto/overview-tab-response.dto.ts b/apps/edr-freight-api/src/modules/overview/dto/overview-tab-response.dto.ts
new file mode 100644
index 000000000..c19a8baee
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/overview/dto/overview-tab-response.dto.ts
@@ -0,0 +1,131 @@
+import { ApiProperty } from '@nestjs/swagger';
+
+import {
+  OverviewBillingKpisDto,
+  OverviewBookingKpisDto,
+  OverviewCustomerKpisDto,
+  OverviewOperationsKpisDto,
+  OverviewPaymentTrendPointDto,
+  OverviewPipelineCountDto,
+  OverviewRecentBookingDto,
+  OverviewStaffKpisDto,
+  OverviewStatusCountDto,
+  OverviewTrendPointDto,
+} from './overview-response.dto';
+
+export class OverviewLabelCountDto {
+  @ApiProperty() label!: string;
+  @ApiProperty() count!: number;
+}
+
+export class OverviewPaymentMethodDto {
+  @ApiProperty() method!: string;
+  @ApiProperty() count!: number;
+  @ApiProperty() amountEtb!: number;
+  @ApiProperty() amountUsd!: number;
+}
+
+export class OverviewCurrencyAmountDto {
+  @ApiProperty() currency!: string;
+  @ApiProperty() amount!: number;
+}
+
+export class OverviewBookingsTabDto {
+  @ApiProperty({ type: OverviewBookingKpisDto })
+  kpis!: OverviewBookingKpisDto;
+
+  @ApiProperty({ type: [OverviewTrendPointDto] })
+  bookingTrend!: OverviewTrendPointDto[];
+
+  @ApiProperty({ type: [OverviewStatusCountDto] })
+  bookingsByStatus!: OverviewStatusCountDto[];
+
+  @ApiProperty({ type: [OverviewPipelineCountDto] })
+  bookingsByPipeline!: OverviewPipelineCountDto[];
+
+  @ApiProperty({ type: [OverviewLabelCountDto] })
+  bookingsByFreightType!: OverviewLabelCountDto[];
+
+  @ApiProperty({ type: [OverviewLabelCountDto] })
+  bookingsByCurrency!: OverviewLabelCountDto[];
+
+  @ApiProperty({ type: [OverviewRecentBookingDto] })
+  recentBookings!: OverviewRecentBookingDto[];
+
+  @ApiProperty()
+  generatedAt!: string;
+}
+
+export class OverviewBillingTabDto {
+  @ApiProperty({ type: OverviewBillingKpisDto })
+  kpis!: OverviewBillingKpisDto;
+
+  @ApiProperty({ type: [OverviewPaymentTrendPointDto] })
+  paymentTrend!: OverviewPaymentTrendPointDto[];
+
+  @ApiProperty({ type: [OverviewStatusCountDto] })
+  paymentsByStatus!: OverviewStatusCountDto[];
+
+  @ApiProperty({ type: [OverviewPaymentMethodDto] })
+  paymentsByMethod!: OverviewPaymentMethodDto[];
+
+  @ApiProperty({ type: [OverviewCurrencyAmountDto] })
+  revenueByCurrency!: OverviewCurrencyAmountDto[];
+
+  @ApiProperty()
+  generatedAt!: string;
+}
+
+export class OverviewOperationsTabDto {
+  @ApiProperty({ type: OverviewOperationsKpisDto })
+  kpis!: OverviewOperationsKpisDto;
+
+  @ApiProperty({ type: [OverviewStatusCountDto] })
+  trainStatusBreakdown!: OverviewStatusCountDto[];
+
+  @ApiProperty({ type: [OverviewStatusCountDto] })
+  wagonStatusBreakdown!: OverviewStatusCountDto[];
+
+  @ApiProperty({ type: [OverviewStatusCountDto] })
+  containerStatusBreakdown!: OverviewStatusCountDto[];
+
+  @ApiProperty({ type: [OverviewStatusCountDto] })
+  cargoStatusBreakdown!: OverviewStatusCountDto[];
+
+  @ApiProperty()
+  generatedAt!: string;
+}
+
+export class OverviewCustomersTabDto {
+  @ApiProperty({ type: OverviewCustomerKpisDto })
+  kpis!: OverviewCustomerKpisDto;
+
+  @ApiProperty({ type: [OverviewTrendPointDto] })
+  customerGrowthTrend!: OverviewTrendPointDto[];
+
+  @ApiProperty({ type: [OverviewLabelCountDto] })
+  customersByType!: OverviewLabelCountDto[];
+
+  @ApiProperty({ type: [OverviewLabelCountDto] })
+  topCustomersByBookings!: OverviewLabelCountDto[];
+
+  @ApiProperty()
+  generatedAt!: string;
+}
+
+export class OverviewStaffTabDto {
+  @ApiProperty({ type: OverviewStaffKpisDto })
+  kpis!: OverviewStaffKpisDto;
+
+  @ApiProperty({ type: [OverviewStatusCountDto] })
+  usersByStatus!: OverviewStatusCountDto[];
+
+  @ApiProperty({ type: [OverviewTrendPointDto] })
+  employeeGrowthTrend!: OverviewTrendPointDto[];
+
+  @ApiProperty({ type: [OverviewLabelCountDto] })
+  activeUsersBreakdown!: OverviewLabelCountDto[];
+
+  @ApiProperty()
+  generatedAt!: string;
+}
diff --git a/apps/edr-freight-api/src/modules/overview/overview.constants.ts b/apps/edr-freight-api/src/modules/overview/overview.constants.ts
new file mode 100644
index 000000000..fed9a76c7
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/overview/overview.constants.ts
@@ -0,0 +1,26 @@
+export const OVERVIEW_URGENT_PRIORITY_THRESHOLD = 1000;
+
+export const OVERVIEW_NEEDS_ACTION_STATUSES = [
+  'SUBMITTED',
+  'PENDING_APPROVAL',
+  'APPROVED_PENDING_SIGNATURE',
+] as const;
+
+export const OVERVIEW_IN_APPROVAL_STATUSES = [
+  'PENDING_APPROVAL',
+  'APPROVED_PENDING_SIGNATURE',
+] as const;
+
+export const OVERVIEW_CLOSED_STATUSES = [
+  'REJECTED',
+  'CANCELLED',
+  'COMPLETED',
+] as const;
+
+export const OVERVIEW_RANGE_DAYS = {
+  '7d': 7,
+  '30d': 30,
+  '90d': 90,
+} as const;
+
+export type OverviewRange = keyof typeof OVERVIEW_RANGE_DAYS;
diff --git a/apps/edr-freight-api/src/modules/overview/overview.controller.ts b/apps/edr-freight-api/src/modules/overview/overview.controller.ts
new file mode 100644
index 000000000..fe545b452
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/overview/overview.controller.ts
@@ -0,0 +1,74 @@
+import { Controller, Get, Query } from '@nestjs/common';
+import {
+  ApiBearerAuth,
+  ApiOkResponse,
+  ApiOperation,
+  ApiTags,
+} from '@nestjs/swagger';
+
+import { BookingView } from '../../common/booking-guards';
+import { OverviewQueryDto } from './dto/overview-query.dto';
+import { OverviewResponseDto } from './dto/overview-response.dto';
+import {
+  OverviewBillingTabDto,
+  OverviewBookingsTabDto,
+  OverviewCustomersTabDto,
+  OverviewOperationsTabDto,
+  OverviewStaffTabDto,
+} from './dto/overview-tab-response.dto';
+import { OverviewService } from './overview.service';
+
+@ApiTags('Overview')
+@ApiBearerAuth()
+@Controller('overview')
+export class OverviewController {
+  constructor(private readonly overviewService: OverviewService) {}
+
+  @Get()
+  @BookingView()
+  @ApiOperation({ summary: 'Aggregated dashboard summary for backoffice overview' })
+  @ApiOkResponse({ type: OverviewResponseDto })
+  getDashboard(@Query() query: OverviewQueryDto): Promise<OverviewResponseDto> {
+    return this.overviewService.getDashboard(query.range ?? '30d');
+  }
+
+  @Get('bookings')
+  @BookingView()
+  @ApiOperation({ summary: 'Bookings tab metrics and charts' })
+  @ApiOkResponse({ type: OverviewBookingsTabDto })
+  getBookingsTab(@Query() query: OverviewQueryDto): Promise<OverviewBookingsTabDto> {
+    return this.overviewService.getBookingsTab(query.range ?? '30d');
+  }
+
+  @Get('billing')
+  @BookingView()
+  @ApiOperation({ summary: 'Billing tab metrics and charts' })
+  @ApiOkResponse({ type: OverviewBillingTabDto })
+  getBillingTab(@Query() query: OverviewQueryDto): Promise<OverviewBillingTabDto> {
+    return this.overviewService.getBillingTab(query.range ?? '30d');
+  }
+
+  @Get('operations')
+  @BookingView()
+  @ApiOperation({ summary: 'Operations tab metrics and charts' })
+  @ApiOkResponse({ type: OverviewOperationsTabDto })
+  getOperationsTab(): Promise<OverviewOperationsTabDto> {
+    return this.overviewService.getOperationsTab();
+  }
+
+  @Get('customers')
+  @BookingView()
+  @ApiOperation({ summary: 'Customers tab metrics and charts' })
+  @ApiOkResponse({ type: OverviewCustomersTabDto })
+  getCustomersTab(@Query() query: OverviewQueryDto): Promise<OverviewCustomersTabDto> {
+    return this.overviewService.getCustomersTab(query.range ?? '30d');
+  }
+
+  @Get('staff')
+  @BookingView()
+  @ApiOperation({ summary: 'Staff tab metrics and charts' })
+  @ApiOkResponse({ type: OverviewStaffTabDto })
+  getStaffTab(@Query() query: OverviewQueryDto): Promise<OverviewStaffTabDto> {
+    return this.overviewService.getStaffTab(query.range ?? '30d');
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/overview/overview.module.ts b/apps/edr-freight-api/src/modules/overview/overview.module.ts
new file mode 100644
index 000000000..50893b626
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/overview/overview.module.ts
@@ -0,0 +1,34 @@
+import { Module } from '@nestjs/common';
+import { TypeOrmModule } from '@nestjs/typeorm';
+import { Employee } from '@tria-plc/iamapi-common';
+import { User } from '@tria-plc/iamapi-common/entities/iam/user/user.entity';
+
+import { Booking } from '../bookings/entities/booking.entity';
+import { Cargo } from '../cargoes/entities/cargoes.entity';
+import { Container } from '../container-management/entities/container.entity';
+import { Customer } from '../customers/entities/customer.entity';
+import { PaymentEntity } from '../payment/entities/payment.entity';
+import { Train } from '../trains/entities/train.entity';
+import { Wagon } from '../wagons/entities/wagon.entity';
+import { OverviewController } from './overview.controller';
+import { OverviewRepository } from './overview.repository';
+import { OverviewService } from './overview.service';
+
+@Module({
+  imports: [
+    TypeOrmModule.forFeature([
+      Booking,
+      PaymentEntity,
+      Customer,
+      Train,
+      Wagon,
+      Container,
+      Cargo,
+      Employee,
+      User,
+    ]),
+  ],
+  controllers: [OverviewController],
+  providers: [OverviewService, OverviewRepository],
+})
+export class OverviewModule {}
diff --git a/apps/edr-freight-api/src/modules/overview/overview.repository.ts b/apps/edr-freight-api/src/modules/overview/overview.repository.ts
new file mode 100644
index 000000000..2c49ff8da
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/overview/overview.repository.ts
@@ -0,0 +1,553 @@
+import { Injectable } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { EUserStatus } from '@tria-plc/api-common/utils/enums/user.enum';
+import { Employee } from '@tria-plc/iamapi-common';
+import { User } from '@tria-plc/iamapi-common/entities/iam/user/user.entity';
+import { Freight } from '@edr/types';
+import { Repository, ObjectLiteral } from 'typeorm';
+
+import { Booking } from '../bookings/entities/booking.entity';
+import { Cargo } from '../cargoes/entities/cargoes.entity';
+import { Container } from '../container-management/entities/container.entity';
+import { Customer } from '../customers/entities/customer.entity';
+import { PaymentEntity } from '../payment/entities/payment.entity';
+import { Train } from '../trains/entities/train.entity';
+import { Wagon } from '../wagons/entities/wagon.entity';
+import {
+  OVERVIEW_CLOSED_STATUSES,
+  OVERVIEW_IN_APPROVAL_STATUSES,
+  OVERVIEW_NEEDS_ACTION_STATUSES,
+  OVERVIEW_URGENT_PRIORITY_THRESHOLD,
+} from './overview.constants';
+
+export type OverviewBookingKpisRow = {
+  totalActive: number;
+  needsAction: number;
+  urgent: number;
+  inApproval: number;
+  submittedToday: number;
+};
+
+export type OverviewRecentBookingRow = {
+  id: string;
+  reference: string;
+  customerLabel: string;
+  status: string;
+  priorityScore: number;
+  totalAmount: number | null;
+  paymentCurrency: string | null;
+  createdAt: Date;
+};
+
+@Injectable()
+export class OverviewRepository {
+  constructor(
+    @InjectRepository(Booking)
+    private readonly bookingRepository: Repository<Booking>,
+    @InjectRepository(PaymentEntity)
+    private readonly paymentRepository: Repository<PaymentEntity>,
+    @InjectRepository(Customer)
+    private readonly customerRepository: Repository<Customer>,
+    @InjectRepository(Train)
+    private readonly trainRepository: Repository<Train>,
+    @InjectRepository(Wagon)
+    private readonly wagonRepository: Repository<Wagon>,
+    @InjectRepository(Container)
+    private readonly containerRepository: Repository<Container>,
+    @InjectRepository(Cargo)
+    private readonly cargoRepository: Repository<Cargo>,
+    @InjectRepository(Employee)
+    private readonly employeeRepository: Repository<Employee>,
+    @InjectRepository(User)
+    private readonly userRepository: Repository<User>,
+  ) {}
+
+  async getBookingKpis(): Promise<OverviewBookingKpisRow> {
+    const row = await this.bookingRepository
+      .createQueryBuilder('booking')
+      .select(
+        `COUNT(*) FILTER (WHERE booking.status NOT IN (:...closedStatuses) AND booking.status != 'DRAFT')::int`,
+        'totalActive',
+      )
+      .addSelect(
+        `COUNT(*) FILTER (WHERE booking.status IN (:...needsActionStatuses))::int`,
+        'needsAction',
+      )
+      .addSelect(
+        `COUNT(*) FILTER (WHERE booking.priority_score >= :urgentThreshold)::int`,
+        'urgent',
+      )
+      .addSelect(
+        `COUNT(*) FILTER (WHERE booking.status IN (:...inApprovalStatuses))::int`,
+        'inApproval',
+      )
+      .addSelect(
+        `COUNT(*) FILTER (WHERE booking.created_at >= CURRENT_DATE AND booking.status != 'DRAFT')::int`,
+        'submittedToday',
+      )
+      .where('booking.deleted_at IS NULL')
+      .setParameters({
+        closedStatuses: [...OVERVIEW_CLOSED_STATUSES],
+        needsActionStatuses: [...OVERVIEW_NEEDS_ACTION_STATUSES],
+        inApprovalStatuses: [...OVERVIEW_IN_APPROVAL_STATUSES],
+        urgentThreshold: OVERVIEW_URGENT_PRIORITY_THRESHOLD,
+      })
+      .getRawOne<Record<string, string>>();
+
+    return {
+      totalActive: Number(row?.totalActive ?? 0),
+      needsAction: Number(row?.needsAction ?? 0),
+      urgent: Number(row?.urgent ?? 0),
+      inApproval: Number(row?.inApproval ?? 0),
+      submittedToday: Number(row?.submittedToday ?? 0),
+    };
+  }
+
+  async getOperationsKpis(): Promise<{
+    trainsActive: number;
+    wagonsAvailable: number;
+    containersInTransit: number;
+    cargoesLoaded: number;
+  }> {
+    const [trainsActive, wagonsAvailable, containersInTransit, cargoesLoaded] =
+      await Promise.all([
+        this.trainRepository
+          .createQueryBuilder('train')
+          .where('train.deleted_at IS NULL')
+          .andWhere('train.status IN (:...statuses)', {
+            statuses: [
+              Freight.TrainStatus.InService,
+              Freight.TrainStatus.Scheduled,
+            ],
+          })
+          .getCount(),
+        this.wagonRepository
+          .createQueryBuilder('wagon')
+          .where('wagon.deleted_at IS NULL')
+          .andWhere('wagon.status = :status', { status: Freight.WagonStatus.Available })
+          .getCount(),
+        this.containerRepository
+          .createQueryBuilder('container')
+          .where('container.deleted_at IS NULL')
+          .andWhere('container.status = :status', { status: 'IN_TRANSIT' })
+          .getCount(),
+        this.cargoRepository
+          .createQueryBuilder('cargo')
+          .where('cargo.deleted_at IS NULL')
+          .andWhere('cargo.status IN (:...statuses)', {
+            statuses: ['LOADED', 'IN_TRANSIT'],
+          })
+          .getCount(),
+      ]);
+
+    return { trainsActive, wagonsAvailable, containersInTransit, cargoesLoaded };
+  }
+
+  async getCustomerKpis(): Promise<{
+    totalCustomers: number;
+    newCustomersThisMonth: number;
+  }> {
+    const row = await this.customerRepository
+      .createQueryBuilder('customer')
+      .select('COUNT(*)::int', 'totalCustomers')
+      .addSelect(
+        `COUNT(*) FILTER (WHERE customer.created_at >= date_trunc('month', CURRENT_DATE))::int`,
+        'newCustomersThisMonth',
+      )
+      .where('customer.deleted_at IS NULL')
+      .getRawOne<Record<string, string>>();
+
+    return {
+      totalCustomers: Number(row?.totalCustomers ?? 0),
+      newCustomersThisMonth: Number(row?.newCustomersThisMonth ?? 0),
+    };
+  }
+
+  async getBillingKpis(): Promise<{
+    revenueMtdEtb: number;
+    revenueMtdUsd: number;
+    pendingPayments: number;
+    successfulPaymentsMtd: number;
+  }> {
+    const revenueRow = await this.paymentRepository
+      .createQueryBuilder('payment')
+      .select(
+        `COALESCE(SUM(payment.amount) FILTER (WHERE payment.currency = 'ETB'), 0)`,
+        'revenueMtdEtb',
+      )
+      .addSelect(
+        `COALESCE(SUM(payment.amount) FILTER (WHERE payment.currency = 'USD'), 0)`,
+        'revenueMtdUsd',
+      )
+      .addSelect(`COUNT(*)::int`, 'successfulPaymentsMtd')
+      .where('payment.status = :status', { status: 'success' })
+      .andWhere(
+        `COALESCE(payment.paid_at, payment.created_at) >= date_trunc('month', CURRENT_DATE)`,
+      )
+      .getRawOne<Record<string, string>>();
+
+    const pendingPayments = await this.paymentRepository
+      .createQueryBuilder('payment')
+      .where('payment.status IN (:...statuses)', {
+        statuses: ['action-required', 'processing'],
+      })
+      .getCount();
+
+    return {
+      revenueMtdEtb: Number(revenueRow?.revenueMtdEtb ?? 0),
+      revenueMtdUsd: Number(revenueRow?.revenueMtdUsd ?? 0),
+      pendingPayments,
+      successfulPaymentsMtd: Number(revenueRow?.successfulPaymentsMtd ?? 0),
+    };
+  }
+
+  async getStaffKpis(): Promise<{ activeEmployees: number; activeUsers: number }> {
+    const [activeEmployees, activeUsers] = await Promise.all([
+      this.employeeRepository.count({
+        where: { isCurrent: true },
+      }),
+      this.userRepository.count({
+        where: {
+          isActive: true,
+          status: EUserStatus.ACCEPTED,
+        },
+      }),
+    ]);
+
+    return { activeEmployees, activeUsers };
+  }
+
+  async getBookingTrend(days: number): Promise<{ date: string; count: number }[]> {
+    const rows = await this.bookingRepository
+      .createQueryBuilder('booking')
+      .select(`to_char(booking.created_at::date, 'YYYY-MM-DD')`, 'date')
+      .addSelect('COUNT(*)::int', 'count')
+      .where('booking.deleted_at IS NULL')
+      .andWhere(`booking.created_at >= CURRENT_DATE - :days::int + 1`, { days })
+      .groupBy('booking.created_at::date')
+      .orderBy('booking.created_at::date', 'ASC')
+      .getRawMany<{ date: string; count: string }>();
+
+    return rows.map((row) => ({
+      date: row.date,
+      count: Number(row.count),
+    }));
+  }
+
+  async getStatusCounts(): Promise<Record<string, number>> {
+    const rows = await this.bookingRepository
+      .createQueryBuilder('booking')
+      .select('booking.status', 'status')
+      .addSelect('COUNT(*)::int', 'count')
+      .where('booking.deleted_at IS NULL')
+      .groupBy('booking.status')
+      .getRawMany<{ status: string; count: string }>();
+
+    return Object.fromEntries(
+      rows.map((row) => [row.status, Number(row.count)]),
+    );
+  }
+
+  async getPaymentTrend(
+    days: number,
+  ): Promise<{ date: string; amountEtb: number; amountUsd: number }[]> {
+    const rows = await this.paymentRepository
+      .createQueryBuilder('payment')
+      .select(
+        `to_char(COALESCE(payment.paid_at, payment.created_at)::date, 'YYYY-MM-DD')`,
+        'date',
+      )
+      .addSelect(
+        `COALESCE(SUM(payment.amount) FILTER (WHERE payment.currency = 'ETB'), 0)`,
+        'amountEtb',
+      )
+      .addSelect(
+        `COALESCE(SUM(payment.amount) FILTER (WHERE payment.currency = 'USD'), 0)`,
+        'amountUsd',
+      )
+      .where('payment.status = :status', { status: 'success' })
+      .andWhere(
+        `COALESCE(payment.paid_at, payment.created_at) >= CURRENT_DATE - :days::int + 1`,
+        { days },
+      )
+      .groupBy(`COALESCE(payment.paid_at, payment.created_at)::date`)
+      .orderBy(`COALESCE(payment.paid_at, payment.created_at)::date`, 'ASC')
+      .getRawMany<{ date: string; amountEtb: string; amountUsd: string }>();
+
+    return rows.map((row) => ({
+      date: row.date,
+      amountEtb: Number(row.amountEtb),
+      amountUsd: Number(row.amountUsd),
+    }));
+  }
+
+  async getRecentBookings(limit: number): Promise<OverviewRecentBookingRow[]> {
+    const rows = await this.bookingRepository
+      .createQueryBuilder('booking')
+      .leftJoin('booking.company', 'company')
+      .select('booking.id', 'id')
+      .addSelect('booking.reference', 'reference')
+      .addSelect('COALESCE(company.name, \'—\')', 'customerLabel')
+      .addSelect('booking.status', 'status')
+      .addSelect('booking.priority_score', 'priorityScore')
+      .addSelect('booking.total_amount', 'totalAmount')
+      .addSelect('booking.payment_currency', 'paymentCurrency')
+      .addSelect('booking.created_at', 'createdAt')
+      .where('booking.deleted_at IS NULL')
+      .orderBy('booking.created_at', 'DESC')
+      .limit(limit)
+      .getRawMany<{
+        id: string;
+        reference: string;
+        customerLabel: string;
+        status: string;
+        priorityScore: string;
+        totalAmount: string | null;
+        paymentCurrency: string | null;
+        createdAt: Date;
+      }>();
+
+    return rows.map((row) => ({
+      id: row.id,
+      reference: row.reference,
+      customerLabel: row.customerLabel,
+      status: row.status,
+      priorityScore: Number(row.priorityScore),
+      totalAmount: row.totalAmount != null ? Number(row.totalAmount) : null,
+      paymentCurrency: row.paymentCurrency,
+      createdAt: row.createdAt,
+    }));
+  }
+
+  async getBookingsByFreightType(): Promise<{ label: string; count: number }[]> {
+    const rows = await this.bookingRepository
+      .createQueryBuilder('booking')
+      .select('booking.freight_type', 'label')
+      .addSelect('COUNT(*)::int', 'count')
+      .where('booking.deleted_at IS NULL')
+      .andWhere("booking.status != 'DRAFT'")
+      .groupBy('booking.freight_type')
+      .orderBy('count', 'DESC')
+      .getRawMany<{ label: string; count: string }>();
+
+    return rows.map((row) => ({
+      label: row.label,
+      count: Number(row.count),
+    }));
+  }
+
+  async getBookingsByCurrency(): Promise<{ label: string; count: number }[]> {
+    const rows = await this.bookingRepository
+      .createQueryBuilder('booking')
+      .select('booking.payment_currency', 'label')
+      .addSelect('COUNT(*)::int', 'count')
+      .where('booking.deleted_at IS NULL')
+      .andWhere("booking.status != 'DRAFT'")
+      .groupBy('booking.payment_currency')
+      .orderBy('count', 'DESC')
+      .getRawMany<{ label: string; count: string }>();
+
+    return rows.map((row) => ({
+      label: row.label,
+      count: Number(row.count),
+    }));
+  }
+
+  async getPaymentsByStatus(): Promise<{ status: string; count: number }[]> {
+    const rows = await this.paymentRepository
+      .createQueryBuilder('payment')
+      .select('payment.status', 'status')
+      .addSelect('COUNT(*)::int', 'count')
+      .groupBy('payment.status')
+      .orderBy('count', 'DESC')
+      .getRawMany<{ status: string; count: string }>();
+
+    return rows.map((row) => ({
+      status: row.status,
+      count: Number(row.count),
+    }));
+  }
+
+  async getPaymentsByMethod(): Promise<
+    { method: string; count: number; amountEtb: number; amountUsd: number }[]
+  > {
+    const rows = await this.paymentRepository
+      .createQueryBuilder('payment')
+      .select('payment.method', 'method')
+      .addSelect('COUNT(*)::int', 'count')
+      .addSelect(
+        `COALESCE(SUM(payment.amount) FILTER (WHERE payment.currency = 'ETB' AND payment.status = 'success'), 0)`,
+        'amountEtb',
+      )
+      .addSelect(
+        `COALESCE(SUM(payment.amount) FILTER (WHERE payment.currency = 'USD' AND payment.status = 'success'), 0)`,
+        'amountUsd',
+      )
+      .groupBy('payment.method')
+      .orderBy('count', 'DESC')
+      .getRawMany<{ method: string; count: string; amountEtb: string; amountUsd: string }>();
+
+    return rows.map((row) => ({
+      method: row.method,
+      count: Number(row.count),
+      amountEtb: Number(row.amountEtb),
+      amountUsd: Number(row.amountUsd),
+    }));
+  }
+
+  async getRevenueByCurrency(): Promise<{ currency: string; amount: number }[]> {
+    const rows = await this.paymentRepository
+      .createQueryBuilder('payment')
+      .select('payment.currency', 'currency')
+      .addSelect('COALESCE(SUM(payment.amount), 0)', 'amount')
+      .where('payment.status = :status', { status: 'success' })
+      .andWhere(
+        `COALESCE(payment.paid_at, payment.created_at) >= date_trunc('month', CURRENT_DATE)`,
+      )
+      .groupBy('payment.currency')
+      .getRawMany<{ currency: string; amount: string }>();
+
+    return rows.map((row) => ({
+      currency: row.currency,
+      amount: Number(row.amount),
+    }));
+  }
+
+  async getTrainStatusBreakdown(): Promise<{ status: string; count: number }[]> {
+    return this.statusBreakdown(this.trainRepository, 'train');
+  }
+
+  async getWagonStatusBreakdown(): Promise<{ status: string; count: number }[]> {
+    return this.statusBreakdown(this.wagonRepository, 'wagon');
+  }
+
+  async getContainerStatusBreakdown(): Promise<{ status: string; count: number }[]> {
+    return this.statusBreakdown(this.containerRepository, 'container');
+  }
+
+  async getCargoStatusBreakdown(): Promise<{ status: string; count: number }[]> {
+    return this.statusBreakdown(this.cargoRepository, 'cargo');
+  }
+
+  private async statusBreakdown(
+    repository: Repository<ObjectLiteral>,
+    alias: string,
+  ): Promise<{ status: string; count: number }[]> {
+    const rows = await repository
+      .createQueryBuilder(alias)
+      .select(`${alias}.status`, 'status')
+      .addSelect('COUNT(*)::int', 'count')
+      .where(`${alias}.deleted_at IS NULL`)
+      .groupBy(`${alias}.status`)
+      .orderBy('count', 'DESC')
+      .getRawMany<{ status: string; count: string }>();
+
+    return rows.map((row) => ({
+      status: row.status,
+      count: Number(row.count),
+    }));
+  }
+
+  async getCustomerGrowthTrend(days: number): Promise<{ date: string; count: number }[]> {
+    const rows = await this.customerRepository
+      .createQueryBuilder('customer')
+      .select(`to_char(customer.created_at::date, 'YYYY-MM-DD')`, 'date')
+      .addSelect('COUNT(*)::int', 'count')
+      .where('customer.deleted_at IS NULL')
+      .andWhere(`customer.created_at >= CURRENT_DATE - :days::int + 1`, { days })
+      .groupBy('customer.created_at::date')
+      .orderBy('customer.created_at::date', 'ASC')
+      .getRawMany<{ date: string; count: string }>();
+
+    return rows.map((row) => ({
+      date: row.date,
+      count: Number(row.count),
+    }));
+  }
+
+  async getCustomersByType(): Promise<{ label: string; count: number }[]> {
+    const rows = await this.customerRepository
+      .createQueryBuilder('customer')
+      .select(`COALESCE(NULLIF(customer.customer_type, ''), 'Unknown')`, 'label')
+      .addSelect('COUNT(*)::int', 'count')
+      .where('customer.deleted_at IS NULL')
+      .groupBy('customer.customer_type')
+      .orderBy('count', 'DESC')
+      .getRawMany<{ label: string; count: string }>();
+
+    return rows.map((row) => ({
+      label: row.label,
+      count: Number(row.count),
+    }));
+  }
+
+  async getTopCustomersByBookings(limit: number): Promise<{ label: string; count: number }[]> {
+    const rows = await this.bookingRepository
+      .createQueryBuilder('booking')
+      .leftJoin('booking.company', 'company')
+      .select(`COALESCE(company.name, 'Unknown')`, 'label')
+      .addSelect('COUNT(*)::int', 'count')
+      .where('booking.deleted_at IS NULL')
+      .andWhere("booking.status != 'DRAFT'")
+      .groupBy('company.name')
+      .orderBy('count', 'DESC')
+      .limit(limit)
+      .getRawMany<{ label: string; count: string }>();
+
+    return rows.map((row) => ({
+      label: row.label,
+      count: Number(row.count),
+    }));
+  }
+
+  async getUsersByStatus(): Promise<{ status: string; count: number }[]> {
+    const rows = await this.userRepository
+      .createQueryBuilder('user')
+      .select('user.status', 'status')
+      .addSelect('COUNT(*)::int', 'count')
+      .groupBy('user.status')
+      .orderBy('count', 'DESC')
+      .getRawMany<{ status: string; count: string }>();
+
+    return rows.map((row) => ({
+      status: row.status,
+      count: Number(row.count),
+    }));
+  }
+
+  async getEmployeeGrowthTrend(days: number): Promise<{ date: string; count: number }[]> {
+    const rows = await this.employeeRepository
+      .createQueryBuilder('employee')
+      .select(`to_char(employee.created_at::date, 'YYYY-MM-DD')`, 'date')
+      .addSelect('COUNT(*)::int', 'count')
+      .where('employee.is_current = true')
+      .andWhere(`employee.created_at >= CURRENT_DATE - :days::int + 1`, { days })
+      .groupBy('employee.created_at::date')
+      .orderBy('employee.created_at::date', 'ASC')
+      .getRawMany<{ date: string; count: string }>();
+
+    return rows.map((row) => ({
+      date: row.date,
+      count: Number(row.count),
+    }));
+  }
+
+  async getActiveUsersBreakdown(): Promise<{ label: string; count: number }[]> {
+    const [active, inactive] = await Promise.all([
+      this.userRepository.count({
+        where: { isActive: true, status: EUserStatus.ACCEPTED },
+      }),
+      this.userRepository
+        .createQueryBuilder('user')
+        .where('user.is_active = false OR user.status != :status', {
+          status: EUserStatus.ACCEPTED,
+        })
+        .getCount(),
+    ]);
+
+    return [
+      { label: 'Active', count: active },
+      { label: 'Inactive', count: inactive },
+    ];
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/overview/overview.service.ts b/apps/edr-freight-api/src/modules/overview/overview.service.ts
new file mode 100644
index 000000000..feadf2409
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/overview/overview.service.ts
@@ -0,0 +1,210 @@
+import { Injectable } from '@nestjs/common';
+
+import {
+  BOOKING_LIST_TABS,
+  mapStatusCountsToTabs,
+} from '../bookings/booking-list-tabs.config';
+import type { OverviewRangeQuery } from './dto/overview-query.dto';
+import type { OverviewResponseDto } from './dto/overview-response.dto';
+import type {
+  OverviewBillingTabDto,
+  OverviewBookingsTabDto,
+  OverviewCustomersTabDto,
+  OverviewOperationsTabDto,
+  OverviewStaffTabDto,
+} from './dto/overview-tab-response.dto';
+import { OVERVIEW_RANGE_DAYS } from './overview.constants';
+import { OverviewRepository } from './overview.repository';
+
+@Injectable()
+export class OverviewService {
+  constructor(private readonly overviewRepository: OverviewRepository) {}
+
+  private mapStatusCounts(statusCounts: Record<string, number>) {
+    const pipelineTabs = mapStatusCountsToTabs(statusCounts);
+    const bookingsByPipeline = BOOKING_LIST_TABS.filter(
+      (tab) => tab.key !== 'all',
+    ).map((tab) => ({
+      stage: tab.key,
+      count: pipelineTabs[tab.key],
+    }));
+
+    const bookingsByStatus = Object.entries(statusCounts)
+      .map(([status, count]) => ({ status, count }))
+      .sort((a, b) => b.count - a.count);
+
+    return { bookingsByPipeline, bookingsByStatus };
+  }
+
+  async getDashboard(range: OverviewRangeQuery = '30d'): Promise<OverviewResponseDto> {
+    const days = OVERVIEW_RANGE_DAYS[range];
+
+    const [
+      bookingKpis,
+      operationsKpis,
+      customerKpis,
+      billingKpis,
+      staffKpis,
+      bookingTrend,
+      statusCounts,
+      paymentTrend,
+      recentBookings,
+    ] = await Promise.all([
+      this.overviewRepository.getBookingKpis(),
+      this.overviewRepository.getOperationsKpis(),
+      this.overviewRepository.getCustomerKpis(),
+      this.overviewRepository.getBillingKpis(),
+      this.overviewRepository.getStaffKpis(),
+      this.overviewRepository.getBookingTrend(days),
+      this.overviewRepository.getStatusCounts(),
+      this.overviewRepository.getPaymentTrend(days),
+      this.overviewRepository.getRecentBookings(8),
+    ]);
+
+    const { bookingsByPipeline, bookingsByStatus } =
+      this.mapStatusCounts(statusCounts);
+
+    return {
+      kpis: {
+        bookings: bookingKpis,
+        operations: operationsKpis,
+        customers: customerKpis,
+        billing: billingKpis,
+        staff: staffKpis,
+      },
+      bookingTrend,
+      bookingsByStatus,
+      bookingsByPipeline,
+      paymentTrend,
+      recentBookings: recentBookings.map((row) => ({
+        ...row,
+        createdAt: row.createdAt.toISOString(),
+      })),
+      generatedAt: new Date().toISOString(),
+    };
+  }
+
+  async getBookingsTab(range: OverviewRangeQuery = '30d'): Promise<OverviewBookingsTabDto> {
+    const days = OVERVIEW_RANGE_DAYS[range];
+
+    const [
+      kpis,
+      bookingTrend,
+      statusCounts,
+      bookingsByFreightType,
+      bookingsByCurrency,
+      recentBookings,
+    ] = await Promise.all([
+      this.overviewRepository.getBookingKpis(),
+      this.overviewRepository.getBookingTrend(days),
+      this.overviewRepository.getStatusCounts(),
+      this.overviewRepository.getBookingsByFreightType(),
+      this.overviewRepository.getBookingsByCurrency(),
+      this.overviewRepository.getRecentBookings(8),
+    ]);
+
+    const { bookingsByPipeline, bookingsByStatus } =
+      this.mapStatusCounts(statusCounts);
+
+    return {
+      kpis,
+      bookingTrend,
+      bookingsByStatus,
+      bookingsByPipeline,
+      bookingsByFreightType,
+      bookingsByCurrency,
+      recentBookings: recentBookings.map((row) => ({
+        ...row,
+        createdAt: row.createdAt.toISOString(),
+      })),
+      generatedAt: new Date().toISOString(),
+    };
+  }
+
+  async getBillingTab(range: OverviewRangeQuery = '30d'): Promise<OverviewBillingTabDto> {
+    const days = OVERVIEW_RANGE_DAYS[range];
+
+    const [kpis, paymentTrend, paymentsByStatus, paymentsByMethod, revenueByCurrency] =
+      await Promise.all([
+        this.overviewRepository.getBillingKpis(),
+        this.overviewRepository.getPaymentTrend(days),
+        this.overviewRepository.getPaymentsByStatus(),
+        this.overviewRepository.getPaymentsByMethod(),
+        this.overviewRepository.getRevenueByCurrency(),
+      ]);
+
+    return {
+      kpis,
+      paymentTrend,
+      paymentsByStatus,
+      paymentsByMethod,
+      revenueByCurrency,
+      generatedAt: new Date().toISOString(),
+    };
+  }
+
+  async getOperationsTab(): Promise<OverviewOperationsTabDto> {
+    const [
+      kpis,
+      trainStatusBreakdown,
+      wagonStatusBreakdown,
+      containerStatusBreakdown,
+      cargoStatusBreakdown,
+    ] = await Promise.all([
+      this.overviewRepository.getOperationsKpis(),
+      this.overviewRepository.getTrainStatusBreakdown(),
+      this.overviewRepository.getWagonStatusBreakdown(),
+      this.overviewRepository.getContainerStatusBreakdown(),
+      this.overviewRepository.getCargoStatusBreakdown(),
+    ]);
+
+    return {
+      kpis,
+      trainStatusBreakdown,
+      wagonStatusBreakdown,
+      containerStatusBreakdown,
+      cargoStatusBreakdown,
+      generatedAt: new Date().toISOString(),
+    };
+  }
+
+  async getCustomersTab(range: OverviewRangeQuery = '30d'): Promise<OverviewCustomersTabDto> {
+    const days = OVERVIEW_RANGE_DAYS[range];
+
+    const [kpis, customerGrowthTrend, customersByType, topCustomersByBookings] =
+      await Promise.all([
+        this.overviewRepository.getCustomerKpis(),
+        this.overviewRepository.getCustomerGrowthTrend(days),
+        this.overviewRepository.getCustomersByType(),
+        this.overviewRepository.getTopCustomersByBookings(8),
+      ]);
+
+    return {
+      kpis,
+      customerGrowthTrend,
+      customersByType,
+      topCustomersByBookings,
+      generatedAt: new Date().toISOString(),
+    };
+  }
+
+  async getStaffTab(range: OverviewRangeQuery = '30d'): Promise<OverviewStaffTabDto> {
+    const days = OVERVIEW_RANGE_DAYS[range];
+
+    const [kpis, usersByStatus, employeeGrowthTrend, activeUsersBreakdown] =
+      await Promise.all([
+        this.overviewRepository.getStaffKpis(),
+        this.overviewRepository.getUsersByStatus(),
+        this.overviewRepository.getEmployeeGrowthTrend(days),
+        this.overviewRepository.getActiveUsersBreakdown(),
+      ]);
+
+    return {
+      kpis,
+      usersByStatus,
+      employeeGrowthTrend,
+      activeUsersBreakdown,
+      generatedAt: new Date().toISOString(),
+    };
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/payment/dto/initiate-booking-payment.dto.ts b/apps/edr-freight-api/src/modules/payment/dto/initiate-booking-payment.dto.ts
deleted file mode 100644
index 3ff5f1798..000000000
--- a/apps/edr-freight-api/src/modules/payment/dto/initiate-booking-payment.dto.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { IsString } from "class-validator";
-
-export class InitiateBookingPayment {
-    @IsString()
-    bookingId!: string;
-}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/entities/payment-refund.entity.ts b/apps/edr-freight-api/src/modules/payment/entities/payment-refund.entity.ts
new file mode 100644
index 000000000..e0fed2cb4
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/payment/entities/payment-refund.entity.ts
@@ -0,0 +1,37 @@
+import {
+    Column,
+    CreateDateColumn,
+    Entity,
+    JoinColumn,
+    ManyToOne,
+    PrimaryGeneratedColumn,
+} from "typeorm";
+import { PaymentEntity } from "./payment.entity";
+
+@Entity({ schema: "freight", name: "payment_refunds" })
+export class PaymentRefundEntity {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @Column({ type: "uuid", name: "payment_id" })
+    paymentId!: string;
+
+    @Column({ type: "int", name: "amount_minor" })
+    amountMinor!: number;
+
+    @Column({ type: "varchar", length: 255, nullable: true })
+    reason?: string;
+
+    @Column({ type: "varchar", length: 255, nullable: true, name: "provider_refund_id" })
+    providerRefundId?: string;
+
+    @Column({ type: "varchar", length: 50 })
+    status!: string;
+
+    @CreateDateColumn({ name: "created_at" })
+    createdAt!: Date;
+
+    @ManyToOne(() => PaymentEntity, (payment) => payment.refunds, { onDelete: "RESTRICT" })
+    @JoinColumn({ name: "payment_id" })
+    payment!: PaymentEntity;
+}
diff --git a/apps/edr-freight-api/src/modules/payment/entities/payment-webhook-event.entity.ts b/apps/edr-freight-api/src/modules/payment/entities/payment-webhook-event.entity.ts
new file mode 100644
index 000000000..294a30188
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/payment/entities/payment-webhook-event.entity.ts
@@ -0,0 +1,48 @@
+import {
+    Column,
+    CreateDateColumn,
+    Entity,
+    Index,
+    PrimaryGeneratedColumn,
+    Unique,
+} from "typeorm";
+
+export type WebhookPaymentMethod = "telebirr" | "cbe-birr" | "ebirr";
+
+@Entity({ schema: "freight", name: "payment_webhook_events" })
+@Unique(["provider", "externalEventId"])
+@Index(["merchantOrderId"])
+export class PaymentWebhookEventEntity {
+    @PrimaryGeneratedColumn("uuid")
+    id!: string;
+
+    @Column({ type: "enum", enum: ["telebirr", "cbe-birr", "ebirr"] })
+    provider!: WebhookPaymentMethod;
+
+    @Column({ type: "varchar", length: 255, name: "external_event_id" })
+    externalEventId!: string;
+
+    @Column({ type: "varchar", length: 255, nullable: true, name: "merchant_order_id" })
+    merchantOrderId?: string;
+
+    @Column({ type: "varchar", length: 255, nullable: true, name: "provider_txn_id" })
+    providerTxnId?: string;
+
+    @Column({ type: "boolean", name: "signature_valid" })
+    signatureValid!: boolean;
+
+    @Column({ type: "varchar", length: 100 })
+    status!: string;
+
+    @Column({ type: "jsonb" })
+    payload!: Record<string, unknown>;
+
+    @CreateDateColumn({ name: "received_at" })
+    receivedAt!: Date;
+
+    @Column({ type: "timestamp", nullable: true, name: "processed_at" })
+    processedAt?: Date;
+
+    @Column({ type: "text", nullable: true, name: "processing_error" })
+    processingError?: string;
+}
diff --git a/apps/edr-freight-api/src/modules/payment/entities/payment.entity.ts b/apps/edr-freight-api/src/modules/payment/entities/payment.entity.ts
index cb03ee25d..2bb81a331 100644
--- a/apps/edr-freight-api/src/modules/payment/entities/payment.entity.ts
+++ b/apps/edr-freight-api/src/modules/payment/entities/payment.entity.ts
@@ -1,10 +1,11 @@
-import { BaseEntity, Column, CreateDateColumn, Entity, PrimaryGeneratedColumn } from "typeorm";
+import { BaseEntity, Column, CreateDateColumn, Entity, OneToMany, PrimaryGeneratedColumn } from "typeorm";
+import { PaymentRefundEntity } from "./payment-refund.entity";
 
 
 type PaymentType = "booking"
-type PaymentMethod = "telebirr" | "cbe-birr" | "ebirr"
+type PaymentMethod = "telebirr" | "cbe-birr" | "ebirr" | "waafi" | "card" | "dmoney" | "cac-bank"
 type Currency = "ETB" | "USD"
-type PaymentStatus = "action-required" | "processing" | "success" | "failed" | "canceled" | "refunded"
+export type PaymentStatus = "action-required" | "processing" | "success" | "failed" | "canceled" | "refunded"
 
 @Entity({ schema: 'freight', name: 'payments' })
 export class PaymentEntity extends BaseEntity {
@@ -17,7 +18,7 @@ export class PaymentEntity extends BaseEntity {
     @Column({ type: "enum", enum: ["booking"] })
     type!: PaymentType;
 
-    @Column({ type: "enum", enum: ["telebirr", "cbe-birr", "ebirr"] })
+    @Column({ type: "enum", enum: ["telebirr", "cbe-birr", "ebirr", "waafi", "card", "dmoney", "cac-bank"] })
     method!: PaymentMethod
 
     @Column({ type: "enum", enum: ["ETB", "USD"] })
@@ -32,13 +33,13 @@ export class PaymentEntity extends BaseEntity {
     @Column({ type: "jsonb", default: {}, name: "raw_initiation" })
     rawInitiation?: Record<string, unknown>
 
-    @Column({ type: "jsonb", name: "client_action" })
+    @Column({ type: "jsonb", nullable: true, name: "client_action" })
     clientAction?: Record<string, unknown>;
 
     @Column({ type: "varchar", length: 255, unique: true, name: "merchant_order_id", })
     merchantOrderId!: string
 
-    @Column({ type: "varchar", length: 255, unique: true, name: "transaction_id", })
+    @Column({ type: "varchar", length: 255, unique: true, nullable: true, name: "transaction_id", })
     transactionId?: string
 
     @Column({ type: "enum", enum: ["action-required", "processing", "success", "failed", "canceled", "refunded"], default: "action-required" })
@@ -62,4 +63,7 @@ export class PaymentEntity extends BaseEntity {
     @CreateDateColumn({ name: "created_at" })
     createdAt!: Date
 
+    @OneToMany(() => PaymentRefundEntity, (refund) => refund.payment)
+    refunds!: PaymentRefundEntity[];
+
 }
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/internal-payment.controller.ts b/apps/edr-freight-api/src/modules/payment/internal-payment.controller.ts
new file mode 100644
index 000000000..0db38a751
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/payment/internal-payment.controller.ts
@@ -0,0 +1,35 @@
+import {
+    Body,
+    Controller,
+    HttpCode,
+    HttpStatus,
+    Post,
+    UseGuards,
+} from "@nestjs/common";
+import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import { ServiceAuthGuard } from "../../common/guards/service-auth.guard";
+import { PaymentEventDto, MarkPaidResponseDto } from "./internal-payment.dto";
+import { PaymentService } from "./payment.service";
+
+/**
+ * Consumer side of the payment microservice's outbox relay.
+ * Only the payment service may call this (shared SERVICE_AUTH_TOKEN).
+ * Idempotent by design — the relay delivers at-least-once, so duplicates must be harmless.
+ * Becomes a queue consumer via PaymentEventsConsumer when RabbitMQ is available;
+ * this HTTP endpoint remains as a transport-agnostic fallback.
+ */
+@ApiTags("Internal Payments")
+@UseGuards(ServiceAuthGuard)
+@Controller("internal/payments")
+export class InternalPaymentController {
+    constructor(private readonly paymentService: PaymentService) { }
+
+    @Post("mark-paid")
+    @HttpCode(HttpStatus.OK)
+    @ApiOperation({
+        summary: "Apply a payment.succeeded / payment.failed event from the payment service (idempotent)",
+    })
+    async markPaid(@Body() event: PaymentEventDto): Promise<MarkPaidResponseDto> {
+        return this.paymentService.handlePaymentEvent(event);
+    }
+}
diff --git a/apps/edr-freight-api/src/modules/payment/internal-payment.dto.ts b/apps/edr-freight-api/src/modules/payment/internal-payment.dto.ts
new file mode 100644
index 000000000..1bf8c3f82
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/payment/internal-payment.dto.ts
@@ -0,0 +1,53 @@
+import {
+    IsEnum,
+    IsIn,
+    IsInt,
+    IsISO8601,
+    IsOptional,
+    IsPositive,
+    IsString,
+    IsUUID,
+} from "class-validator";
+import { ApiProperty, ApiPropertyOptional } from "@nestjs/swagger";
+import {
+    PaymentEventType,
+    PaymentReferenceType,
+    PaymentService,
+    ProviderMethod,
+} from "@edr/types";
+
+/**
+ * Wire shape of the PaymentEvent envelope (@edr/types) delivered by the payment
+ * microservice's outbox relay. Delivery is at-least-once — the consumer is idempotent.
+ */
+export class PaymentEventDto {
+    @ApiProperty({ enum: [1] }) @IsIn([1]) version!: 1;
+    @ApiProperty() @IsUUID() eventId!: string;
+    @ApiProperty({ enum: ["payment.succeeded", "payment.failed"] })
+    @IsIn(["payment.succeeded", "payment.failed"])
+    eventType!: PaymentEventType;
+
+    @ApiProperty() @IsISO8601() occurredAt!: string;
+    @ApiProperty({ enum: PaymentService }) @IsEnum(PaymentService) service!: string;
+    @ApiProperty() @IsUUID() intentId!: string;
+    @ApiProperty({ enum: PaymentReferenceType })
+    @IsEnum(PaymentReferenceType)
+    referenceType!: string;
+
+    @ApiProperty() @IsString() referenceId!: string;
+    @ApiProperty() @IsString() merchantOrderId!: string;
+    @ApiProperty({ enum: ProviderMethod }) @IsEnum(ProviderMethod) provider!: string;
+    @ApiProperty() @IsInt() @IsPositive() amountMinor!: number;
+    @ApiProperty() @IsString() currency!: string;
+
+    @ApiPropertyOptional() @IsOptional() @IsString() providerTxnId?: string;
+    @ApiPropertyOptional() @IsOptional() @IsISO8601() paidAt?: string;
+    @ApiPropertyOptional() @IsOptional() @IsString() failureCode?: string;
+    @ApiPropertyOptional() @IsOptional() @IsString() failureMessage?: string;
+}
+
+export class MarkPaidResponseDto {
+    @ApiProperty() processed!: boolean;
+    @ApiPropertyOptional() alreadyFinalized?: boolean;
+    @ApiPropertyOptional() reason?: string;
+}
diff --git a/apps/edr-freight-api/src/modules/payment/payment-client.service.ts b/apps/edr-freight-api/src/modules/payment/payment-client.service.ts
new file mode 100644
index 000000000..9c92a036d
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/payment/payment-client.service.ts
@@ -0,0 +1,80 @@
+import { BadGatewayException, Injectable, Logger } from "@nestjs/common";
+import { HttpService } from "@nestjs/axios";
+import { AxiosError } from "axios";
+import { firstValueFrom } from "rxjs";
+import {
+    InitiatePaymentRequest,
+    PaymentIntentSnapshot,
+    PaymentReferenceType,
+    PaymentService,
+} from "@edr/types";
+
+/**
+ * Thin HTTP client for the payment microservice (apps/edr-payment-api).
+ * Domain validation stays in the freight API; provider calls, intents,
+ * and webhooks live in the payment service.
+ */
+@Injectable()
+export class PaymentClientService {
+    private readonly logger = new Logger(PaymentClientService.name);
+    private readonly baseUrl = (
+        process.env.PAYMENT_API_URL ?? "https://paymentcallback.triaplc.com"
+    ).replace(/\/$/, "");
+    private readonly serviceToken = process.env.SERVICE_AUTH_TOKEN ?? "";
+
+    constructor(private readonly http: HttpService) { }
+
+    /** POST /payments/initiate — idempotent per (service, referenceType, referenceId). */
+    async initiate(request: InitiatePaymentRequest): Promise<PaymentIntentSnapshot> {
+        return this.call("POST", "/payments/initiate", request);
+    }
+
+    /** GET /payments/intents?… — active intent by domain reference; null when none exists. */
+    async getIntentByReference(
+        referenceType: PaymentReferenceType,
+        referenceId: string,
+    ): Promise<PaymentIntentSnapshot | null> {
+        const query = new URLSearchParams({
+            service: PaymentService.FREIGHT,
+            referenceType,
+            referenceId,
+        });
+        try {
+            return await this.call("GET", `/payments/intents?${query.toString()}`);
+        } catch (err) {
+            if (err instanceof AxiosError && err.response?.status === 404) return null;
+            throw err;
+        }
+    }
+
+    private async call<T>(method: "GET" | "POST", path: string, body?: unknown): Promise<T> {
+        const url = `${this.baseUrl}${path}`;
+        try {
+            const response = await firstValueFrom(
+                this.http.request<T>({
+                    method,
+                    url,
+                    data: body,
+                    headers: this.serviceToken
+                        ? { "x-service-token": this.serviceToken }
+                        : {},
+                }),
+            );
+            return response.data;
+        } catch (err) {
+            if (err instanceof AxiosError && err.response) {
+                if (err.response.status === 404) throw err;
+                const detail =
+                    (err.response.data as { message?: string | string[] })?.message ??
+                    err.message;
+                this.logger.error(
+                    `payment service ${method} ${path} → ${err.response.status}: ${detail}`,
+                );
+                throw new BadGatewayException(`Payment service error: ${detail}`);
+            }
+            const message = err instanceof Error && err.message ? err.message : String(err);
+            this.logger.error(`payment service unreachable (${method} ${path}): ${message}`);
+            throw new BadGatewayException("Payment service unreachable");
+        }
+    }
+}
diff --git a/apps/edr-freight-api/src/modules/payment/payment-events.consumer.ts b/apps/edr-freight-api/src/modules/payment/payment-events.consumer.ts
new file mode 100644
index 000000000..91237223c
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/payment/payment-events.consumer.ts
@@ -0,0 +1,49 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { Nack, RabbitSubscribe } from "@golevelup/nestjs-rabbitmq";
+import { Public } from "@edr/api-common";
+import {
+    PAYMENT_EVENTS_DLX,
+    PAYMENT_EVENTS_EXCHANGE,
+    PAYMENT_QUEUES,
+    PaymentEvent,
+    PaymentService,
+    paymentServiceBindingPattern,
+} from "@edr/types";
+import { PaymentEventDto } from "./internal-payment.dto";
+import { PaymentService as PaymentSvc } from "./payment.service";
+
+const FREIGHT_QUEUE = PAYMENT_QUEUES[PaymentService.FREIGHT];
+
+@Injectable()
+export class PaymentEventsConsumer {
+    private readonly logger = new Logger(PaymentEventsConsumer.name);
+
+    constructor(private readonly paymentService: PaymentSvc) { }
+
+    @Public()
+    @RabbitSubscribe({
+        exchange: PAYMENT_EVENTS_EXCHANGE,
+        routingKey: paymentServiceBindingPattern(PaymentService.FREIGHT),
+        queue: FREIGHT_QUEUE.main,
+        queueOptions: {
+            durable: true,
+            deadLetterExchange: PAYMENT_EVENTS_DLX,
+        },
+    })
+    async handle(event: PaymentEvent): Promise<Nack | void> {
+        try {
+            const result = await this.paymentService.handlePaymentEvent(
+                event as unknown as PaymentEventDto,
+            );
+            this.logger.log(
+                `processed ${event.eventType} (${event.eventId}) ref=${event.referenceId}: ${JSON.stringify(result)}`,
+            );
+        } catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            this.logger.error(
+                `DEAD-LETTERING ${event.eventType} (${event.eventId}) ref=${event.referenceId}: ${message}`,
+            );
+            return new Nack(false);
+        }
+    }
+}
diff --git a/apps/edr-freight-api/src/modules/payment/payment.controller.ts b/apps/edr-freight-api/src/modules/payment/payment.controller.ts
index 48907966a..14308883d 100644
--- a/apps/edr-freight-api/src/modules/payment/payment.controller.ts
+++ b/apps/edr-freight-api/src/modules/payment/payment.controller.ts
@@ -1,67 +1,219 @@
-import { Controller, Get, NotFoundException, Param, ParseUUIDPipe, Post, Res } from "@nestjs/common";
-import { PaymentService } from "./payment.service";
+import {
+    Body,
+    Controller,
+    Get,
+    HttpStatus,
+    Param,
+    Post,
+    Query,
+    Res,
+} from "@nestjs/common";
+import {
+    ApiTags,
+    ApiOperation,
+    ApiQuery,
+    ApiOkResponse,
+    ApiProduces,
+} from "@nestjs/swagger";
+import { Response } from "express";
 import { Public } from "@edr/api-common";
-// import { randomUUID } from "crypto";
-import { Response } from "express"
+import { BookingView, FreightAdmin } from "../../common/booking-guards";
+import { PaymentService } from "./payment.service";
+import {
+    InitiatePaymentDto,
+    InitiateResponseDto,
+    IntentStatusDto,
+    PaymentMethodTypeEnum,
+    PaymentPlatformDto,
+    RefundDto,
+} from "./payments.dto";
 
-@Public()
+@ApiTags("Payment")
 @Controller("payments")
 export class PaymentController {
-    constructor(private readonly paymentService: PaymentService,) { }
+    constructor(private readonly paymentService: PaymentService) { }
 
-
-    // @Get("/receipts/:orderId/html")
-    // async genReceipt(@Param("orderId") orderId: string, @Res() res: Response) {
-    //     const filled = await this.paymentService.genReceiptHtml(orderId);
-    //     return res.send(filled)
-    // }
-
-    // @Post("/initiate/booking")
-    // async initiatePayment() {
-
-    //     //Only for testing..
-    //     const description = "Booking for contact"
-    //     const price = 2000
-    //     const data = await this.paymentService.pay(price, "ETB", "telebirr", description, "booking", (_) => {
-    //         return new Promise((resp, _) => {
-    //             resp({
-    //                 id: randomUUID(),
-    //                 type: "booking"
-    //             })
-    //         });
-    //     })
-
-    //     return data
-    // }
-
-    @Post("/bookings/check-payment/:orderId")
-    checkPayment(@Param("orderId") orderId: string) {
-        return this.paymentService.checkStatusAndUpdate(orderId)
+    @Get("summary")
+    @BookingView()
+    @ApiOperation({ summary: "Payment count/amount summary for dashboard cards" })
+    getSummary() {
+        return this.paymentService.getSummary();
     }
 
+    @Get("all")
+    @BookingView()
+    @ApiOperation({ summary: "Get all payments with filters (view-only, any staff)" })
+    @ApiQuery({ name: "search", required: false })
+    @ApiQuery({ name: "status", required: false })
+    @ApiQuery({ name: "method", required: false })
+    @ApiQuery({ name: "page", required: false })
+    @ApiQuery({ name: "pageSize", required: false })
+    async getAll(
+        @Query("search") search?: string,
+        @Query("status") status?: string,
+        @Query("method") method?: string,
+        @Query("page") page?: string,
+        @Query("pageSize") pageSize?: string,
+    ) {
+        return this.paymentService.getAll({
+            search,
+            status,
+            method,
+            page: page ? parseInt(page) : 1,
+            pageSize: pageSize ? parseInt(pageSize) : 10,
+        });
+    }
 
-    @Get("/telebirr/:refId")
-    async pay(@Param("refId", ParseUUIDPipe) refId: string, @Res() res: Response) {
-        const payment = await this.paymentService.getActivePaymentByRefIdAndMethod(refId, "telebirr")
-        if (!payment) {
-            throw new NotFoundException('payment not found')
+    @Post("initiate")
+    @ApiOperation({
+        summary: "Initiate payment for a freight booking",
+        description: `Initiates payment via the central payment microservice.\n\n**Supported methods:**\n- TELEBIRR — Ethiopian mobile money\n- CBE_BIRR — Commercial Bank of Ethiopia\n- EBIRR — Electronic payment gateway\n- WAAFI — Djibouti mobile money\n- CARD — Visa/Mastercard\n- DMONEY — Djibouti D-money\n- CAC_BANK — CAC Int Bank (OTP)`,
+    })
+    @ApiOkResponse({ type: InitiateResponseDto })
+    initiatePayment(@Body() dto: InitiatePaymentDto) {
+        return this.paymentService.initiatePayment(dto);
+    }
+
+    @Get("intents/:bookingId")
+    @ApiOperation({ summary: "Get payment intent status for a booking" })
+    @ApiOkResponse({ type: IntentStatusDto })
+    getIntent(@Param("bookingId") bookingId: string) {
+        return this.paymentService.getIntentByBookingId(bookingId);
+    }
+
+    @Post("refund")
+    @FreightAdmin()
+    @ApiOperation({ summary: "Refund a paid booking (staff/admin only)" })
+    refund(@Body() dto: RefundDto) {
+        return this.paymentService.refund(dto);
+    }
+
+    @Get("checkout")
+    @Public()
+    @ApiOperation({
+        summary: "Browser checkout redirect",
+        description:
+            "Initiates payment and returns an HTML page that auto-redirects to the provider checkout URL. Open directly in a browser tab.",
+    })
+    @ApiQuery({ name: "bookingId", required: true })
+    @ApiQuery({ name: "method", enum: PaymentMethodTypeEnum, required: true })
+    @ApiQuery({ name: "platform", enum: ["web", "mobile"], required: false })
+    @ApiProduces("text/html")
+    async checkout(
+        @Query("bookingId") bookingId: string,
+        @Query("method") method: PaymentMethodTypeEnum,
+        @Query("platform") platform: PaymentPlatformDto = "web",
+        @Res() res: Response,
+    ) {
+        if (!bookingId) {
+            return res
+                .status(HttpStatus.BAD_REQUEST)
+                .type("html")
+                .send(this.buildErrorHtml("Missing required query parameter: bookingId"));
+        }
+        if (!method || !Object.values(PaymentMethodTypeEnum).includes(method)) {
+            return res
+                .status(HttpStatus.BAD_REQUEST)
+                .type("html")
+                .send(this.buildErrorHtml("Missing or invalid query parameter: method"));
         }
 
-        return res.send(`
-     <!DOCTYPE html>
-<html>
-<head>
-  <title>Redirecting...</title>
-</head>
-<body>
-  <p>Redirecting...</p>
+        try {
+            const result = await this.paymentService.initiatePayment({ bookingId, method, platform });
+            const url =
+                result.clientAction?.type === "REDIRECT" ? result.clientAction.url : undefined;
 
-  <script>
-    window.location.href = "${payment.clientAction?.url}";
-  </script>
-</body>
-</html>
-    `);
+            if (url) {
+                return res.status(HttpStatus.OK).type("html").send(this.buildRedirectHtml(url));
+            }
+            return res
+                .status(HttpStatus.OK)
+                .type("html")
+                .send(this.buildStatusHtml(result.status, result.intentId));
+        } catch (err: unknown) {
+            const message = err instanceof Error ? err.message : "An unexpected error occurred";
+            return res.status(HttpStatus.OK).type("html").send(this.buildErrorHtml(message));
+        }
     }
 
+    @Get("receipt/:orderId")
+    @Public()
+    @ApiOperation({ summary: "Generate a payment receipt HTML page" })
+    @ApiProduces("text/html")
+    async receipt(@Param("orderId") orderId: string, @Res() res: Response) {
+        const html = await this.paymentService.genReceiptHtml(orderId);
+        return res.status(HttpStatus.OK).type("html").send(html);
+    }
+
+    private buildRedirectHtml(url: string): string {
+        const escaped = url.replace(/\"/g, "&quot;");
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="refresh" content="0;url=${escaped}">
+  <title>Redirecting to payment…</title>
+  <style>
+    body { font-family: sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: #fff; border-radius: 8px; padding: 40px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.1); max-width: 400px; }
+    .spinner { width: 40px; height: 40px; border: 4px solid #e0e0e0; border-top-color: #1a73e8; border-radius: 50%; animation: spin .8s linear infinite; margin: 0 auto 20px; }
+    @keyframes spin { to { transform: rotate(360deg); } }
+    p { color: #555; margin: 0 0 16px; }
+    a { color: #1a73e8; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="spinner"></div>
+    <p>Redirecting to payment provider…</p>
+    <p><a href="${escaped}">Click here if you are not redirected</a></p>
+  </div>
+  <script>window.location.href = "${escaped}";</script>
+</body>
+</html>`;
+    }
+
+    private buildStatusHtml(status: string, intentId: string): string {
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Payment status</title>
+  <style>
+    body { font-family: sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: #fff; border-radius: 8px; padding: 40px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.1); max-width: 400px; }
+    .status { font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 8px; }
+    small { color: #888; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="status">${status}</div>
+    <small>Intent: ${intentId}</small>
+  </div>
+</body>
+</html>`;
+    }
+
+    private buildErrorHtml(message: string): string {
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Payment error</title>
+  <style>
+    body { font-family: sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: #fff; border-radius: 8px; padding: 40px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.1); max-width: 400px; }
+    .error { color: #d32f2f; font-weight: 600; margin-bottom: 8px; }
+    p { color: #555; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="error">Payment could not be initiated</div>
+    <p>${message}</p>
+  </div>
+</body>
+</html>`;
+    }
 }
diff --git a/apps/edr-freight-api/src/modules/payment/payment.module.ts b/apps/edr-freight-api/src/modules/payment/payment.module.ts
index ff6a50943..e21ea87b9 100644
--- a/apps/edr-freight-api/src/modules/payment/payment.module.ts
+++ b/apps/edr-freight-api/src/modules/payment/payment.module.ts
@@ -1,17 +1,63 @@
-import { Module } from "@nestjs/common";
-import { PaymentTelebirrStrategy } from "./strategies/payment.telebirr.strategy";
-import { PaymentService } from "./payment.service";
+import { Module, forwardRef } from "@nestjs/common";
+import { TypeOrmModule } from "@nestjs/typeorm";
 import { HttpModule } from "@nestjs/axios";
+import { ConfigModule, ConfigService } from "@nestjs/config";
+import { RabbitMQModule } from "@golevelup/nestjs-rabbitmq";
+import {
+    PAYMENT_EVENTS_DLX,
+    PAYMENT_EVENTS_EXCHANGE,
+    PAYMENT_QUEUES,
+    PaymentService as PaymentServiceEnum,
+    paymentServiceBindingPattern,
+} from "@edr/types";
+import { PaymentService } from "./payment.service";
+import { PaymentClientService } from "./payment-client.service";
 import { PaymentController } from "./payment.controller";
-import { ConfigModule } from "@nestjs/config";
 import { PaymentRepository } from "./payment.repository";
-import { WebhookController } from "./webhooks/webhook.controller";
-import { TelebirrWebhookService } from "./webhooks/providers/telebirr.service";
+import { PaymentEventsConsumer } from "./payment-events.consumer";
+import { InternalPaymentController } from "./internal-payment.controller";
+import { ServiceAuthGuard } from "../../common/guards/service-auth.guard";
+import { TrainSchedulingModule } from "../train-scheduling/train-scheduling.module";
+import { PaymentWebhookEventEntity } from "./entities/payment-webhook-event.entity";
+import { PaymentRefundEntity } from "./entities/payment-refund.entity";
+
+const FREIGHT_QUEUE = PAYMENT_QUEUES[PaymentServiceEnum.FREIGHT];
 
 @Module({
-    imports: [HttpModule, ConfigModule],
-    providers: [PaymentRepository, PaymentTelebirrStrategy, PaymentService, TelebirrWebhookService],
-    controllers: [PaymentController, WebhookController],
-    exports: [PaymentService]
+    imports: [
+        HttpModule.register({ timeout: 10_000 }),
+        ConfigModule,
+        forwardRef(() => TrainSchedulingModule),
+        TypeOrmModule.forFeature([PaymentWebhookEventEntity, PaymentRefundEntity]),
+        RabbitMQModule.forRootAsync({
+            inject: [ConfigService],
+            useFactory: (config: ConfigService) => ({
+                uri: config.get<string>("rabbitmq.url") as string,
+                exchanges: [
+                    { name: PAYMENT_EVENTS_EXCHANGE, type: "topic", options: { durable: true } },
+                    { name: PAYMENT_EVENTS_DLX, type: "topic", options: { durable: true } },
+                ],
+                queues: [
+                    {
+                        name: FREIGHT_QUEUE.dlq,
+                        exchange: PAYMENT_EVENTS_DLX,
+                        routingKey: paymentServiceBindingPattern(PaymentServiceEnum.FREIGHT),
+                        options: { durable: true },
+                    },
+                ],
+                prefetchCount: config.get<number>("rabbitmq.prefetch") ?? 10,
+                connectionInitOptions: { wait: false },
+            }),
+        }),
+    ],
+    providers: [
+        PaymentRepository,
+        PaymentService,
+        PaymentClientService,
+        PaymentEventsConsumer,
+        ServiceAuthGuard,
+    ],
+    controllers: [PaymentController, InternalPaymentController],
+    exports: [PaymentService],
 })
-export class PaymentModule { }
\ No newline at end of file
+export class PaymentModule { }
diff --git a/apps/edr-freight-api/src/modules/payment/payment.repository.ts b/apps/edr-freight-api/src/modules/payment/payment.repository.ts
index b9e37a55b..8c830a20f 100644
--- a/apps/edr-freight-api/src/modules/payment/payment.repository.ts
+++ b/apps/edr-freight-api/src/modules/payment/payment.repository.ts
@@ -14,6 +14,13 @@ export class PaymentRepository {
         return qr.manager.save(payment)
     }
 
+    async create(data: Pick<PaymentEntity, "amount" | "method" | "currency" | "type" | "refId" | "merchantOrderId" | "rawInitiation" | "clientAction" | "expiresAt" | "reason">): Promise<PaymentEntity> {
+        const payment = this.paymentRepo.create(data)
+        return this.paymentRepo.save(payment)
+    }
+
+
+
     findOneBy(options: FindOptionsWhere<PaymentEntity> | FindOptionsWhere<PaymentEntity>[]): Promise<PaymentEntity | null> {
         return this.paymentRepo.findOneBy(options);
     }
@@ -36,4 +43,22 @@ export class PaymentRepository {
 
 
 
+
+
+    getActivePaymentByOrderIdAndMethod(orderId: string, method: PaymentEntity["method"]) {
+        return this.paymentRepo
+            .createQueryBuilder('payment')
+            .where('payment.method = :method', { method })
+            .andWhere('payment.merchantOrderId = :orderId', { orderId })
+            .andWhere('payment.status IN (:...statuses)', {
+                statuses: ['action-required'],
+            })
+            .andWhere('payment.expiresAt > :now', { now: new Date() })
+            .getOne();
+    }
+
+    createQueryBuilder(alias: string) {
+        return this.paymentRepo.createQueryBuilder(alias);
+    }
+
 }
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/payment.service.ts b/apps/edr-freight-api/src/modules/payment/payment.service.ts
index 549b3db4f..b24febf91 100644
--- a/apps/edr-freight-api/src/modules/payment/payment.service.ts
+++ b/apps/edr-freight-api/src/modules/payment/payment.service.ts
@@ -1,189 +1,433 @@
 import {
-  BadRequestException,
-  Injectable,
-  InternalServerErrorException,
-  NotFoundException,
+    BadRequestException,
+    forwardRef,
+    Inject,
+    Injectable,
+    InternalServerErrorException,
+    Logger,
+    NotFoundException,
 } from "@nestjs/common";
-import { DataSource, QueryRunner } from "typeorm";
+import { DataSource } from "typeorm";
 import { PaymentEntity } from "./entities/payment.entity";
-import { PaymentStrategy } from "./strategies/payment.strategy";
-import { PaymentTelebirrStrategy } from "./strategies/payment.telebirr.strategy";
 import { PaymentRepository } from "./payment.repository";
-import { ClientAction, PaymentPlatform } from "./strategies/payments.types";
-import * as crypto from "crypto";
+import { PaymentClientService } from "./payment-client.service";
 
 import * as fs from "fs";
 import * as path from "path";
 import * as Handlebars from "handlebars";
-import { ConfigService } from "@nestjs/config";
 import { Booking } from "../bookings/entities/booking.entity";
 
-type PaymentMethod = PaymentEntity["method"];
-type CurrencyType = PaymentEntity["currency"];
+import {
+    ClientAction,
+    ProviderPaymentStatus,
+} from "@edr/payment-providers";
+import {
+    PaymentService as PaymentServiceEnum,
+    PaymentReferenceType,
+    PaymentIntentSnapshot,
+    ProviderMethod,
+} from "@edr/types";
+import {
+    InitiatePaymentDto,
+    InitiateResponseDto,
+    IntentStatusDto,
+    RefundDto,
+} from "./payments.dto";
+import { BookingBatchService } from "../train-scheduling/booking-batch.service";
+
+const STATUS_MAP: Record<string, ProviderPaymentStatus> = {
+    "action-required": ProviderPaymentStatus.REQUIRES_ACTION,
+    "processing": ProviderPaymentStatus.PROCESSING,
+    "success": ProviderPaymentStatus.SUCCEEDED,
+    "failed": ProviderPaymentStatus.FAILED,
+    "canceled": ProviderPaymentStatus.CANCELLED,
+    "refunded": ProviderPaymentStatus.CANCELLED,
+};
 
 @Injectable()
 export class PaymentService {
-  private strategies: Map<PaymentMethod, PaymentStrategy>;
+    private readonly logger = new Logger(PaymentService.name);
 
-  constructor(
-    private readonly configService: ConfigService,
-    private readonly datasource: DataSource,
-    private readonly paymentRepo: PaymentRepository,
-    private readonly telebirrPaymentStategy: PaymentTelebirrStrategy,
-  ) {
-    this.strategies = new Map([
-      ["telebirr", this.telebirrPaymentStategy as PaymentStrategy],
-    ]);
-  }
+    constructor(
+        private readonly datasource: DataSource,
+        private readonly paymentRepo: PaymentRepository,
+        private readonly paymentClient: PaymentClientService,
+        @Inject(forwardRef(() => BookingBatchService))
+        private readonly bookingBatchService: BookingBatchService,
+    ) { }
 
-  async pay(
-    amount: number,
-    currency: CurrencyType,
-    method: PaymentMethod,
-    reason: string,
-    type: PaymentEntity["type"],
-    cb: (
-      qr: QueryRunner,
-    ) => Promise<{ id: string; type: PaymentEntity["type"] }>,
-    payform: PaymentPlatform = "web",
-  ): Promise<{
-    refId: string;
-    clientAction: ClientAction;
-    status: PaymentEntity["status"];
-    paidAt?: string;
-    failureCode?: string;
-    failureMessage?: string;
-  }> {
-    const strategy = this.strategies.get(method);
-    if (!strategy) {
-      throw new NotFoundException("strategy not found");
+    async getAll(filters: {
+        search?: string;
+        status?: string;
+        method?: string;
+        page?: number;
+        pageSize?: number;
+    }) {
+        const { search, status, method, page = 1, pageSize = 10 } = filters;
+        const skip = (page - 1) * pageSize;
+
+        const qb = this.paymentRepo.createQueryBuilder("payment");
+
+        if (search) {
+            qb.andWhere(
+                "(payment.merchantOrderId ILIKE :search OR payment.refId ILIKE :search OR payment.transactionId ILIKE :search)",
+                { search: `%${search}%` },
+            );
+        }
+        if (status) {
+            qb.andWhere("payment.status = :status", { status });
+        }
+        if (method) {
+            qb.andWhere("payment.method = :method", { method });
+        }
+
+        const [items, total] = await qb
+            .orderBy("payment.createdAt", "DESC")
+            .skip(skip)
+            .take(pageSize)
+            .getManyAndCount();
+
+        return {
+            items: items.map((p) => ({
+                id: p.id,
+                bookingId: p.refId,
+                amount: p.amount,
+                currency: p.currency,
+                method: p.method,
+                status: p.status,
+                merchantOrderId: p.merchantOrderId,
+                paidAt: p.paidAt,
+                createdAt: p.createdAt,
+            })),
+            total,
+            page,
+            pageSize,
+        };
     }
 
-    const orderId = `${Date.now()}${crypto.randomBytes(4).toString("hex")}`; //todo: make it dynamic
-    let redirectUrl: string;
-    switch (type) {
-      case "booking":
-        const url = this.configService.get<string>(
-          "TELEBIRR_SUCCESS_REDIRECT_BASE_URL",
-        );
-        redirectUrl = `${url}/${orderId}`;
-        break;
+    /** Aggregate counts across ALL payments for the dashboard summary cards. */
+    async getSummary() {
+        const rows = await this.paymentRepo
+            .createQueryBuilder("payment")
+            .select("payment.status", "status")
+            .addSelect("COUNT(*)::int", "count")
+            .groupBy("payment.status")
+            .getRawMany<{ status: string; count: number }>();
+
+        const byStatus: Record<string, number> = {};
+        let total = 0;
+        for (const row of rows) {
+            byStatus[row.status] = row.count;
+            total += row.count;
+        }
+
+        // Sum of successfully collected amounts.
+        const paidAgg = await this.paymentRepo
+            .createQueryBuilder("payment")
+            .select("COALESCE(SUM(payment.amount), 0)", "sum")
+            .where("payment.status = :status", { status: "success" })
+            .getRawOne<{ sum: string }>();
+
+        return {
+            total,
+            success: byStatus["success"] ?? 0,
+            processing:
+                (byStatus["processing"] ?? 0) + (byStatus["action-required"] ?? 0),
+            failed: (byStatus["failed"] ?? 0) + (byStatus["canceled"] ?? 0),
+            refunded: byStatus["refunded"] ?? 0,
+            paidAmount: Number(paidAgg?.sum ?? 0),
+        };
     }
 
-    const paymentResp = await strategy.pay({
-      redirectUrl,
-      amountMinor: amount,
-      currency: currency,
-      merchantOrderId: orderId,
-      platform: payform,
-    });
+    async initiatePayment(dto: InitiatePaymentDto): Promise<InitiateResponseDto> {
+        const booking = await this.datasource
+            .getRepository(Booking)
+            .findOneBy({ id: dto.bookingId });
+        if (!booking) throw new NotFoundException("Booking not found");
 
-    const queryRunner = this.datasource.createQueryRunner();
-    await queryRunner.connect();
-    await queryRunner.startTransaction();
+        console.log("bookingbooking",booking)
+        const amountMinor = Math.round(Number(booking.totalAmount) * 100);
+        console.log("amountminor",amountMinor)
 
-    console.log(paymentResp.expiresAt);
-    try {
-      const resp = await cb(queryRunner);
-      const payment = await this.paymentRepo.createTr(queryRunner, {
-        amount,
-        currency,
-        method,
-        refId: resp.id,
-        type: resp.type,
-        merchantOrderId: orderId,
-        rawInitiation: paymentResp.rawInitiation,
-        clientAction: paymentResp.clientAction,
-        expiresAt: paymentResp.expiresAt,
-        reason,
-      });
-      await queryRunner.commitTransaction();
-      return {
-        refId: payment.refId,
-        clientAction: paymentResp.clientAction,
-        status: payment.status,
-        paidAt: payment.paidAt?.toISOString(),
-        failureCode: payment.failerCode ?? undefined,
-        failureMessage: payment.failureMessage ?? undefined,
-      };
-    } catch (err) {
-      await queryRunner.rollbackTransaction();
-      throw new Error("payment failed");
-    } finally {
-      await queryRunner.release();
-    }
-  }
-
-  async getActivePaymentByRefIdAndMethod(
-    refId: string,
-    method: PaymentEntity["method"],
-  ): Promise<PaymentEntity | null> {
-    return this.paymentRepo.getActivePaymentByRefIdAndMethod(refId, method);
-  }
-
-  async genReceiptHtml(orderId: string) {
-    const payment = await this.paymentRepo.findOneBy({
-      merchantOrderId: orderId,
-      status: "success",
-    });
-    if (!payment) {
-      throw new BadRequestException();
-    }
-
-    const filePath = path.join(__dirname, "templates", "receipt.hbs");
-    if (!fs.existsSync(filePath)) {
-      throw new InternalServerErrorException();
-    }
-    const source = fs.readFileSync(filePath, "utf8");
-    const template = Handlebars.compile(source);
-
-    const html = template({
-      vendorName: "Ethio Djibouti Railway Ticket Booking",
-      vendorAddress: "Addis Ababa",
-      receiptDate: payment.paidAt,
-      paymentMethod: payment?.method,
-      subtotal: payment?.amount.toString(),
-      total: payment?.amount.toString(),
-      currency: payment?.currency,
-      reason: payment?.reason,
-    });
-
-    return html;
-  }
-
-  async checkStatusAndUpdate(orderId: string) {
-    const resp = await this.paymentRepo.findOneBy({ merchantOrderId: orderId });
-    if (!resp) {
-      throw new NotFoundException("order id not found");
-    }
-
-    try {
-      const result = await this.telebirrPaymentStategy.queryStatus(
-        resp.merchantOrderId,
-      );
-      const bizContent = result.rawResponse.biz_content as {
-        order_status: string;
-      };
-
-      const ordersStatus = bizContent.order_status;
-      if (ordersStatus == "PAY_SUCCESS") {
-        await this.datasource.transaction(async (mg) => {
-          await mg.update(Booking, { id: resp.refId }, { status: "PAID" });
-          await mg.update(PaymentEntity, { id: resp.id }, { status: "success" });
+        const snapshot = await this.paymentClient.initiate({
+            service: PaymentServiceEnum.FREIGHT,
+            referenceType: PaymentReferenceType.SHIPMENT,
+            referenceId: booking.id,
+            orderRef: booking.reference,
+            amountMinor,
+            currency: booking.paymentCurrency,
+            provider: dto.method as unknown as ProviderMethod,
+            platform: dto.platform,
+            payerAccount: dto.payerAccount,
+            returnUrl: dto.returnUrl ?? process.env.PAYMENT_RETURN_URL,
+            failureUrl: dto.failureUrl ?? process.env.PAYMENT_FAILURE_URL,
         });
-      }
-      return {
-        status: result.status,
-      };
-    } catch {
-      // Telebirr API unavailable — fall back to current DB payment status
-      const dbStatus =
-        resp.status === "success"
-          ? "success"
-          : resp.status === "failed"
-            ? "failed"
-            : "processing";
-      return { status: dbStatus };
+
+        const intent = await this.syncIntentProjection(booking.id, booking, snapshot);
+
+        if (snapshot.status === ProviderPaymentStatus.SUCCEEDED) {
+            await this.finalizePaymentSuccess({
+                intentId: intent.id,
+                bookingId: booking.id,
+                providerTxnId: snapshot.providerTxnId,
+                paidAt: snapshot.paidAt ? new Date(snapshot.paidAt) : undefined,
+            });
+        }
+
+        return this.formatIntentResponse(intent);
+    }
+
+    private async syncIntentProjection(
+        bookingId: string,
+        booking: Booking,
+        snapshot: PaymentIntentSnapshot,
+    ): Promise<PaymentEntity> {
+        const existing = await this.paymentRepo.findOneBy({ refId: bookingId, type: "booking" });
+
+        const PROVIDER_TO_METHOD: Record<string, PaymentEntity["method"]> = {
+            TELEBIRR: "telebirr",
+            CBE_BIRR: "cbe-birr",
+            EBIRR: "ebirr",
+            WAAFI: "waafi",
+            CARD: "card",
+            DMONEY: "dmoney",
+            CAC_BANK: "cac-bank",
+        };
+        const method: PaymentEntity["method"] =
+            PROVIDER_TO_METHOD[snapshot.provider ?? ""] ?? "telebirr";
+        const status = snapshot.status === ProviderPaymentStatus.SUCCEEDED
+            ? "processing"
+            : this.toLocalStatus(snapshot.status);
+
+        const clientAction = (snapshot.clientAction ?? undefined) as Record<string, unknown> | undefined;
+        const data = {
+            status,
+            method,
+            merchantOrderId: snapshot.merchantOrderId ?? existing?.merchantOrderId ?? "",
+            transactionId: snapshot.providerTxnId ?? existing?.transactionId,
+            expiresAt: snapshot.expiresAt ? new Date(snapshot.expiresAt) : existing?.expiresAt,
+            failerCode: snapshot.failureCode ?? undefined,
+            failureMessage: snapshot.failureMessage ?? undefined,
+        };
+
+        if (existing) {
+            await this.paymentRepo.update({ id: existing.id }, { ...data, clientAction } as any);
+            return { ...existing, ...data, clientAction } as PaymentEntity;
+        }
+
+        return this.paymentRepo.create({
+            refId: bookingId,
+            type: "booking",
+            amount: booking.totalAmount,
+            currency: booking.paymentCurrency,
+            reason: `Payment for booking ${booking.reference}`,
+            rawInitiation: snapshot as unknown as Record<string, unknown>,
+            clientAction: clientAction ?? {},
+            ...data,
+        } as any);
+    }
+
+    async getIntentByBookingId(bookingId: string): Promise<IntentStatusDto> {
+        const local = await this.paymentRepo.findOneBy({ refId: bookingId, type: "booking" });
+
+        let snapshot: PaymentIntentSnapshot | null = null;
+        try {
+            snapshot = await this.paymentClient.getIntentByReference(
+                PaymentReferenceType.SHIPMENT,
+                bookingId,
+            );
+        } catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            this.logger.warn(
+                `payment service lookup failed for booking ${bookingId}: ${message}; using local intent`,
+            );
+        }
+
+        if (!snapshot) {
+            if (!local) throw new NotFoundException("PaymentIntent not found");
+            return this.formatIntentStatus(local);
+        }
+
+        const booking = await this.datasource
+            .getRepository(Booking)
+            .findOneBy({ id: bookingId });
+
+        if (!booking) throw new NotFoundException("Booking not found");
+
+        const intent = await this.syncIntentProjection(bookingId, booking, snapshot);
+
+        if (snapshot.status === ProviderPaymentStatus.SUCCEEDED) {
+            await this.finalizePaymentSuccess({
+                intentId: intent.id,
+                bookingId: booking.id,
+                providerTxnId: snapshot.providerTxnId,
+                paidAt: snapshot.paidAt ? new Date(snapshot.paidAt) : undefined,
+            });
+        }
+
+        const refreshed = await this.paymentRepo.findOneBy({ id: intent.id });
+        return this.formatIntentStatus(refreshed ?? intent);
+    }
+
+    async refund(dto: RefundDto) {
+        const intent = await this.paymentRepo.findOneBy({ refId: dto.bookingId, type: "booking" });
+        if (!intent || intent.status !== "success") {
+            throw new BadRequestException("No successful payment to refund");
+        }
+
+        await this.datasource.transaction(async (mg) => {
+            await mg.update(PaymentEntity, { id: intent.id }, { status: "refunded", refundedAt: new Date() });
+            await mg.update(Booking, { id: dto.bookingId }, { paymentStatus: "FAILED", status: "CANCELLED" });
+        });
+
+        return { refunded: true, bookingId: dto.bookingId };
+    }
+
+    async finalizePaymentSuccess(input: {
+        intentId: string;
+        bookingId: string;
+        providerTxnId?: string;
+        paidAt?: Date;
+    }): Promise<{ alreadyFinalized: boolean }> {
+        const intent = await this.paymentRepo.findOneBy({ id: input.intentId });
+        if (!intent) throw new NotFoundException("PaymentIntent not found");
+        if (intent.status === "success") return { alreadyFinalized: true };
+
+        const paidAt = input.paidAt ?? new Date();
+
+        await this.datasource.transaction(async (mg) => {
+            await mg.update(
+                PaymentEntity,
+                { id: intent.id },
+                { status: "success", paidAt, transactionId: input.providerTxnId ?? intent.transactionId },
+            );
+            await mg.update(Booking, { id: input.bookingId }, { paymentStatus: "PAID" ,status:"PAID"});
+        });
+
+        try {
+            await this.bookingBatchService.ensurePaidBookingAllocated(input.bookingId);
+        } catch (err) {
+            this.logger.error(
+                `Error allocating booking after payment: ${err instanceof Error ? err.message : String(err)}`,
+            );
+        }
+
+        return { alreadyFinalized: false };
+    }
+
+    async markPaymentFailed(input: {
+        intentId: string;
+        failureCode?: string;
+        failureMessage?: string;
+    }): Promise<void> {
+        const intent = await this.paymentRepo.findOneBy({ id: input.intentId });
+        if (!intent) throw new NotFoundException("PaymentIntent not found");
+        if (intent.status === "success" || intent.status === "canceled") return;
+
+        await this.paymentRepo.update(
+            { id: intent.id },
+            { status: "failed", failerCode: input.failureCode, failureMessage: input.failureMessage },
+        );
+    }
+
+    async getActivePaymentByOrderIdAndMethod(orderId: string, method: PaymentEntity["method"]): Promise<PaymentEntity | null> {
+        return this.paymentRepo.getActivePaymentByOrderIdAndMethod(orderId, method);
+    }
+
+    async genReceiptHtml(orderId: string) {
+        const payment = await this.paymentRepo.findOneBy({ merchantOrderId: orderId, status: "success" });
+        if (!payment) throw new BadRequestException("No successful payment found for this order");
+
+        const filePath = path.join(__dirname, "templates", "receipt.hbs");
+        if (!fs.existsSync(filePath)) throw new InternalServerErrorException();
+
+        const source = fs.readFileSync(filePath, "utf8");
+        const template = Handlebars.compile(source);
+        return template({
+            vendorName: "Ethio Djibouti Railway Freight Booking",
+            vendorAddress: "Addis Ababa",
+            receiptDate: payment.paidAt,
+            paymentMethod: payment.method,
+            subtotal: payment.amount.toString(),
+            total: payment.amount.toString(),
+            currency: payment.currency,
+            reason: payment.reason,
+        });
+    }
+
+    findBookingById(id: string) {
+        return this.paymentRepo.findOneBy({ refId: id, type: "booking" });
+    }
+
+    formatIntentResponse(intent: PaymentEntity): InitiateResponseDto {
+        const clientAction =
+            intent.clientAction && typeof intent.clientAction === "object"
+                ? (intent.clientAction as unknown as ClientAction)
+                : undefined;
+        return {
+            intentId: intent.id,
+            status: STATUS_MAP[intent.status] ?? ProviderPaymentStatus.PROCESSING,
+            clientAction,
+            merchantOrderId: intent.merchantOrderId ?? undefined,
+        };
+    }
+
+    private formatIntentStatus(intent: PaymentEntity): IntentStatusDto {
+        return {
+            ...this.formatIntentResponse(intent),
+            paidAt: intent.paidAt?.toISOString(),
+            failureCode: intent.failerCode ?? undefined,
+            failureMessage: intent.failureMessage ?? undefined,
+        };
+    }
+
+    async handlePaymentEvent(event: {
+        eventType: string;
+        eventId: string;
+        referenceId: string;
+        intentId: string;
+        providerTxnId?: string;
+        paidAt?: string;
+        failureCode?: string;
+        failureMessage?: string;
+    }): Promise<{ processed: boolean; alreadyFinalized?: boolean; reason?: string }> {
+        if (event.eventType === "payment.succeeded") {
+            const intent = await this.paymentRepo.findOneBy({ refId: event.referenceId, type: "booking" });
+            if (!intent) {
+                return { processed: false, reason: `No local intent for booking ${event.referenceId}` };
+            }
+            const { alreadyFinalized } = await this.finalizePaymentSuccess({
+                intentId: intent.id,
+                bookingId: event.referenceId,
+                providerTxnId: event.providerTxnId,
+                paidAt: event.paidAt ? new Date(event.paidAt) : undefined,
+            });
+            return { processed: true, alreadyFinalized };
+        }
+
+        if (event.eventType === "payment.failed") {
+            const intent = await this.paymentRepo.findOneBy({ refId: event.referenceId, type: "booking" });
+            if (!intent) {
+                return { processed: false, reason: `No local intent for booking ${event.referenceId}` };
+            }
+            await this.markPaymentFailed({
+                intentId: intent.id,
+                failureCode: event.failureCode,
+                failureMessage: event.failureMessage,
+            });
+            return { processed: true };
+        }
+
+        return { processed: false, reason: `Unknown event type: ${event.eventType}` };
+    }
+
+    private toLocalStatus(status: ProviderPaymentStatus): PaymentEntity["status"] {
+        switch (status) {
+            case ProviderPaymentStatus.SUCCEEDED: return "success";
+            case ProviderPaymentStatus.FAILED: return "failed";
+            case ProviderPaymentStatus.CANCELLED: return "canceled";
+            case ProviderPaymentStatus.PROCESSING: return "processing";
+            default: return "action-required";
+        }
     }
-  }
 }
diff --git a/apps/edr-freight-api/src/modules/payment/payments.dto.ts b/apps/edr-freight-api/src/modules/payment/payments.dto.ts
new file mode 100644
index 000000000..67ca68e87
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/payment/payments.dto.ts
@@ -0,0 +1,108 @@
+import { ProviderPaymentStatus } from "@edr/types";
+import { ApiProperty, ApiPropertyOptional } from "@nestjs/swagger";
+import { IsEnum, IsIn, IsOptional, IsString } from "class-validator";
+
+export type PaymentPlatformDto = "web" | "mobile";
+
+export enum PaymentMethodTypeEnum {
+  TELEBIRR = "TELEBIRR",
+  CBE_BIRR = "CBE_BIRR",
+  EBIRR = "EBIRR",
+  WAAFI = "WAAFI",
+  CARD = "CARD",
+  DMONEY = "DMONEY",
+  CAC_BANK = "CAC_BANK",
+}
+
+export class InitiatePaymentDto {
+  @ApiProperty({ example: "booking-uuid" })
+  @IsString()
+  bookingId!: string;
+
+  @ApiProperty({
+    enum: PaymentMethodTypeEnum,
+    description: "Payment method: TELEBIRR/CBE_BIRR/EBIRR (Ethiopia), WAAFI (Djibouti), CARD (International), DMONEY",
+    example: "TELEBIRR",
+  })
+  @IsEnum(PaymentMethodTypeEnum)
+  method!: PaymentMethodTypeEnum;
+
+  @ApiPropertyOptional({ enum: ["web", "mobile"], default: "web" })
+  @IsOptional()
+  @IsIn(["web", "mobile"])
+  platform?: PaymentPlatformDto;
+
+  @ApiPropertyOptional({ description: "Payer account / mobile number (e.g. for Waafi MWALLET)" })
+  @IsOptional()
+  @IsString()
+  payerAccount?: string;
+
+  @ApiPropertyOptional({ description: "Browser return URL after successful payment" })
+  @IsOptional()
+  @IsString()
+  returnUrl?: string;
+
+  @ApiPropertyOptional({ description: "Browser return URL after failed/cancelled payment" })
+  @IsOptional()
+  @IsString()
+  failureUrl?: string;
+}
+
+export class RefundDto {
+  @ApiProperty({ example: "booking-uuid" })
+  @IsString()
+  bookingId!: string;
+
+  @ApiPropertyOptional({ description: "Optional reason for refund" })
+  @IsOptional()
+  @IsString()
+  reason?: string;
+}
+
+export class ClientActionDto {
+  @ApiProperty({ enum: ["REDIRECT", "LAUNCH_APP", "COLLECT_OTP"] })
+  type!: "REDIRECT" | "LAUNCH_APP" | "COLLECT_OTP";
+
+  @ApiPropertyOptional({ description: "Set when type=REDIRECT (web flow)" })
+  url?: string;
+
+  @ApiPropertyOptional({ description: "Set when type=LAUNCH_APP (mobile flow)" })
+  appId?: string;
+
+  @ApiPropertyOptional({ description: "Set when type=LAUNCH_APP (mobile flow)" })
+  receiveCode?: string;
+
+  @ApiPropertyOptional({ description: "Set when type=LAUNCH_APP (mobile flow)" })
+  shortCode?: string;
+
+  @ApiPropertyOptional({ description: "Set when type=COLLECT_OTP (e.g. CAC Bank)" })
+  providerOrderId?: string;
+
+  @ApiPropertyOptional({ description: "Set when type=COLLECT_OTP" })
+  message?: string;
+}
+
+export class InitiateResponseDto {
+  @ApiProperty()
+  intentId!: string;
+
+  @ApiProperty({ enum: ProviderPaymentStatus })
+  status!: ProviderPaymentStatus;
+
+  @ApiPropertyOptional({ type: ClientActionDto })
+  clientAction?: ClientActionDto;
+
+  @ApiPropertyOptional()
+  merchantOrderId?: string;
+}
+
+export class IntentStatusDto extends InitiateResponseDto {
+  @ApiPropertyOptional()
+  paidAt?: string;
+
+  @ApiPropertyOptional()
+  failureCode?: string;
+
+  @ApiPropertyOptional()
+  failureMessage?: string;
+}
diff --git a/apps/edr-freight-api/src/modules/payment/strategies/payment.strategy.ts b/apps/edr-freight-api/src/modules/payment/strategies/payment.strategy.ts
deleted file mode 100644
index b1daa2770..000000000
--- a/apps/edr-freight-api/src/modules/payment/strategies/payment.strategy.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Injectable } from "@nestjs/common";
-import { ProviderInitiationInput, ProviderInitiationResult } from "./payments.types";
-
-
-@Injectable()
-export abstract class PaymentStrategy {
-    abstract pay(data: ProviderInitiationInput): Promise<ProviderInitiationResult>
-}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/strategies/payment.telebirr.strategy.ts b/apps/edr-freight-api/src/modules/payment/strategies/payment.telebirr.strategy.ts
deleted file mode 100644
index de1768bc6..000000000
--- a/apps/edr-freight-api/src/modules/payment/strategies/payment.telebirr.strategy.ts
+++ /dev/null
@@ -1,304 +0,0 @@
-import { Injectable, Logger } from "@nestjs/common";
-import { PaymentStrategy } from "./payment.strategy";
-import { ConfigService } from '@nestjs/config';
-import { HttpService } from '@nestjs/axios';
-import { AxiosError, AxiosRequestConfig } from 'axios';
-import { firstValueFrom } from 'rxjs';
-import * as https from 'node:https';
-import { PaymentEntity } from "../entities/payment.entity";
-import { ProviderInitiationInput, ProviderInitiationResult, ProviderStatus } from "./payments.types";
-import { CreateOrderRequest, CreateOrderResponse, FabricTokenResponse, QueryOrderResponse } from "./telebirr/telebirr.types";
-import { createNonceStr, createTimestamp, signRequestObject, verifyRequestObject } from "./telebirr/telebirr.crypto";
-
-
-
-// type PaymentCurrency = PaymentEntity["currency"]
-type PaymentIntentStatus = PaymentEntity["status"]
-
-const TELEBIRR_HTTP_TIMEOUT_MS = 10_000;
-
-@Injectable()
-export class PaymentTelebirrStrategy implements PaymentStrategy {
-    async pay(data: ProviderInitiationInput): Promise<any> {
-        // const refId = randomUUID()
-        // const orderId = createMerchantOrderId()
-        const resp = await this.initiate(data)
-        return resp;
-    }
-
-    // readonly method = PaymentMethodType.TELEBIRR;
-    private readonly logger = new Logger(PaymentTelebirrStrategy.name);
-    private readonly httpsAgent: https.Agent;
-
-    constructor(
-        private readonly config: ConfigService,
-        private readonly http: HttpService,
-    ) {
-        const insecure = this.config.get<boolean>('telebirr.insecureTls');
-        if (insecure) {
-            this.logger.warn('TELEBIRR_INSECURE_TLS=true — TLS verification disabled for Telebirr calls. DEV ONLY.');
-        }
-        this.httpsAgent = new https.Agent({
-            rejectUnauthorized: !insecure,
-            secureProtocol: 'TLSv1_2_method',
-        });
-    }
-
-    async initiate(input: ProviderInitiationInput): Promise<ProviderInitiationResult> {
-        const fabricToken = await this.applyFabricToken();
-        const requestBody = this.buildCreateOrderRequest(input);
-        const response = await this.requestCreateOrder(fabricToken, requestBody);
-
-        const prepayId = response.biz_content?.prepay_id;
-        if (!prepayId) {
-            throw new Error(
-                `Telebirr createOrder returned no prepay_id: ${JSON.stringify(response)}`,
-            );
-        }
-
-        const expiresAt = this.computeExpiresAt(requestBody.biz_content.timeout_express);
-        const platform = input.platform ?? 'web';
-        const clientAction =
-            platform === 'mobile'
-                ? {
-                    type: 'LAUNCH_APP' as const,
-                    prepayId,
-                    receiveCode: response.biz_content?.receiveCode,
-                    shortCode: this.merchantCode,
-                }
-                : { type: 'REDIRECT' as const, url: this.buildCheckoutUrl(prepayId) };
-
-        return {
-            providerOrderId: prepayId,
-            clientAction,
-            expiresAt,
-            rawInitiation: {
-                request: this.sanitize(requestBody),
-                response,
-            },
-        };
-    }
-
-    async queryStatus(merchantOrderId: string): Promise<ProviderStatus> {
-        const fabricToken = await this.applyFabricToken();
-        const requestBody = this.buildQueryOrderRequest(merchantOrderId);
-        const response = await this.postJson<QueryOrderResponse>(
-            `${this.baseUrl}/payment/v1/merchant/queryOrder`,
-            requestBody,
-            {
-                'Content-Type': 'application/json',
-                'X-APP-Key': this.fabricAppId,
-                Authorization: fabricToken,
-            },
-        );
-
-        const tradeStatus = response.biz_content?.trade_status;
-        const providerTxnId =
-            response.biz_content?.trans_id ?? response.biz_content?.payment_order_id;
-        const mapped = this.mapTradeStatus(tradeStatus);
-
-        return {
-            status: mapped,
-            providerTxnId,
-            failureCode:
-                mapped === "failed" && tradeStatus ? tradeStatus : undefined,
-            rawResponse: response as Record<string, unknown>,
-        };
-    }
-
-    mapTradeStatus(tradeStatus: string | undefined): PaymentIntentStatus {
-        switch (tradeStatus) {
-            case 'PAY_SUCCESS':
-                return "success";
-            case 'PAY_FAILED':
-            case 'ORDER_CLOSED':
-                return "failed";
-            case 'WAIT_PAY':
-                return "action-required";
-            case 'PAYING':
-                return "processing";
-            default:
-                return "processing";
-        }
-    }
-
-    mapWebhookTradeStatus(tradeStatus: string | undefined): PaymentIntentStatus {
-        switch (tradeStatus) {
-            case 'Completed':
-                return "success";
-            case 'Failure':
-            case 'Expired':
-                return "failed";
-            case 'Paying':
-            case 'Pending':
-                return "processing";
-            default:
-                return "processing";
-        }
-    }
-
-    verifyWebhookSignature(payload: Record<string, unknown>): boolean {
-        if (!this.publicKey) {
-            this.logger.error('TELEBIRR_PUBLIC_KEY not configured; rejecting all webhooks');
-            return false;
-        }
-        return verifyRequestObject(payload, this.publicKey);
-    }
-
-    private async applyFabricToken(): Promise<string> {
-        console.log(this.baseUrl, "base url")
-        const response = await this.postJson<FabricTokenResponse>(
-            `${this.baseUrl}/payment/v1/token`,
-            { appSecret: this.appSecret },
-            {
-                'Content-Type': 'application/json',
-                'X-APP-Key': this.fabricAppId,
-            },
-        );
-        if (!response?.token) {
-            throw new Error(`Telebirr token request failed: ${JSON.stringify(response)}`);
-        }
-        return response.token;
-    }
-
-    private async requestCreateOrder(
-        fabricToken: string,
-        body: CreateOrderRequest,
-    ): Promise<CreateOrderResponse> {
-        return this.postJson<CreateOrderResponse>(
-            `${this.baseUrl}/payment/v1/inapp/createOrder`,
-            body,
-            {
-                'Content-Type': 'application/json',
-                'X-APP-Key': this.fabricAppId,
-                Authorization: fabricToken,
-            },
-        );
-    }
-
-    private buildCreateOrderRequest(input: ProviderInitiationInput): CreateOrderRequest {
-        // const totalAmount = String(input.amountMinor / 100);
-        const totalAmount = String(input.amountMinor)
-        const req = {
-            timestamp: createTimestamp(),
-            nonce_str: createNonceStr(),
-            method: 'payment.preorder' as const,
-            version: '1.0' as const,
-            biz_content: {
-                notify_url: this.notifyUrl,
-                appid: this.merchantAppId,
-                redirect_url: input.redirectUrl,
-                merch_code: this.merchantCode,
-                merch_order_id: input.merchantOrderId,
-                trade_type: 'Checkout' as const,
-                title: `EDR Booking`,
-                total_amount: totalAmount,
-                trans_currency: input.currency,
-                timeout_express: this.timeoutExpress,
-            },
-        };
-        const sign = signRequestObject(req as unknown as Record<string, unknown>, this.privateKey);
-        return { ...req, sign, sign_type: 'SHA256WithRSA' };
-    }
-
-    private buildQueryOrderRequest(merchantOrderId: string): Record<string, unknown> {
-        const req = {
-            timestamp: createTimestamp(),
-            nonce_str: createNonceStr(),
-            method: 'payment.queryorder',
-            version: '1.0',
-            biz_content: {
-                appid: this.merchantAppId,
-                merch_code: this.merchantCode,
-                merch_order_id: merchantOrderId,
-            },
-        };
-        const sign = signRequestObject(req as Record<string, unknown>, this.privateKey);
-        return { ...req, sign, sign_type: 'SHA256WithRSA' };
-    }
-
-    private buildCheckoutUrl(prepayId: string): string {
-        const map: Record<string, string> = {
-            appid: this.merchantAppId,
-            merch_code: this.merchantCode,
-            nonce_str: createNonceStr(),
-            prepay_id: prepayId,
-            timestamp: createTimestamp(),
-        };
-        const sign = signRequestObject(map, this.privateKey);
-        const rawRequest = [
-            `appid=${map.appid}`,
-            `merch_code=${map.merch_code}`,
-            `nonce_str=${map.nonce_str}`,
-            `prepay_id=${map.prepay_id}`,
-            `timestamp=${map.timestamp}`,
-            'sign_type=SHA256WithRSA',
-            `sign=${sign}`,
-            'version=1.0',
-            'trade_type=Checkout',
-        ].join('&');
-        return `${this.webBaseUrl}${rawRequest}`;
-    }
-
-    private computeExpiresAt(timeoutExpress: string): Date {
-        const match = /^(\d+)([smhd])$/.exec(timeoutExpress);
-        const minutes = match ? this.toMinutes(parseInt(match[1], 10), match[2]) : 15;
-        return new Date(Date.now() + minutes * 60_000);
-    }
-
-    private toMinutes(n: number, unit: string): number {
-        switch (unit) {
-            case 's': return Math.max(1, Math.round(n / 60));
-            case 'm': return n;
-            case 'h': return n * 60;
-            case 'd': return n * 60 * 24;
-            default: return 15;
-        }
-    }
-
-    private async postJson<T>(
-        url: string,
-        body: unknown,
-        headers: Record<string, string>,
-    ): Promise<T> {
-        const config: AxiosRequestConfig = {
-            headers,
-            timeout: TELEBIRR_HTTP_TIMEOUT_MS,
-            httpsAgent: this.httpsAgent,
-        };
-        const started = Date.now();
-        try {
-            const res = await firstValueFrom(this.http.post<T>(url, body, config));
-            this.logger.debug(`Telebirr POST ${url} status=${res.status} latency=${Date.now() - started}ms`);
-            return res.data;
-        } catch (err) {
-            if (err instanceof AxiosError) {
-                this.logger.error(
-                    `Telebirr POST ${url} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)} code=${err.code} message=${err.message}`,
-                );
-            } else {
-                this.logger.error(`Telebirr POST ${url} threw: ${err instanceof Error ? err.message : err}`);
-            }
-            throw err;
-        }
-    }
-
-    private sanitize(body: CreateOrderRequest): Record<string, unknown> {
-        const { sign: _sign, ...rest } = body;
-        return rest;
-    }
-
-    private get baseUrl(): string { return this.config.get<string>('telebirr.baseUrl') ?? ''; }
-    private get webBaseUrl(): string { return this.config.get<string>('telebirr.webBaseUrl') ?? ''; }
-    private get fabricAppId(): string { return this.config.get<string>('telebirr.fabricAppId') ?? ''; }
-    private get appSecret(): string { return this.config.get<string>('telebirr.appSecret') ?? ''; }
-    private get merchantAppId(): string { return this.config.get<string>('telebirr.merchantAppId') ?? ''; }
-    private get merchantCode(): string { return this.config.get<string>('telebirr.merchantCode') ?? ''; }
-    private get notifyUrl(): string { return this.config.get<string>('telebirr.notifyUrl') ?? ''; }
-    private get timeoutExpress(): string { return this.config.get<string>('telebirr.timeoutExpress') ?? '15m'; }
-    private get privateKey(): string { return this.config.get<string>('telebirr.privateKey') ?? ''; }
-    private get publicKey(): string {
-        return this.config.get<string>('telebirr.publicKey') ?? '';
-    }
-
-}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/strategies/payments.types.ts b/apps/edr-freight-api/src/modules/payment/strategies/payments.types.ts
deleted file mode 100644
index 75a1c8bdc..000000000
--- a/apps/edr-freight-api/src/modules/payment/strategies/payments.types.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { PaymentEntity } from "../entities/payment.entity";
-
-type PaymentIntentStatus = PaymentEntity["status"]
-type PaymentMethodType = PaymentEntity["method"]
-
-export type PaymentPlatform = 'web' | 'mobile';
-
-export type ClientAction =
-  | { type: 'REDIRECT'; url: string }
-  | { type: 'LAUNCH_APP'; prepayId: string; receiveCode?: string; shortCode: string };
-
-export interface ProviderInitiationInput {
-  redirectUrl: string; 
-  merchantOrderId: string;
-  // bookingRef: string;
-  amountMinor: number;
-  currency: string;
-  platform?: PaymentPlatform;
-}
-
-export interface ProviderInitiationResult {
-  providerOrderId: string;
-  clientAction: ClientAction;
-  expiresAt: Date;
-  rawInitiation: Record<string, unknown>;
-}
-
-export interface ProviderStatus {
-  status: PaymentIntentStatus;
-  providerTxnId?: string;
-  failureCode?: string;
-  failureMessage?: string;
-  rawResponse: Record<string, unknown>;
-}
-
-export interface PaymentProvider {
-  readonly method: PaymentMethodType;
-  initiate(input: ProviderInitiationInput): Promise<ProviderInitiationResult>;
-  queryStatus(merchantOrderId: string): Promise<ProviderStatus>;
-}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/strategies/telebirr/telebirr.crypto.ts b/apps/edr-freight-api/src/modules/payment/strategies/telebirr/telebirr.crypto.ts
deleted file mode 100644
index 20319818d..000000000
--- a/apps/edr-freight-api/src/modules/payment/strategies/telebirr/telebirr.crypto.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import * as crypto from 'crypto';
-
-const EXCLUDE_FIELDS = new Set([
-    'sign',
-    'sign_type',
-    'header',
-    'refund_info',
-    'openType',
-    'raw_request',
-    'biz_content',
-]);
-
-const NONCE_CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
-
-export function buildCanonicalString(requestObject: Record<string, unknown>): string {
-    const fieldMap: Record<string, unknown> = {};
-
-    for (const key of Object.keys(requestObject)) {
-        if (EXCLUDE_FIELDS.has(key)) continue;
-        fieldMap[key] = requestObject[key];
-    }
-
-    const biz = requestObject['biz_content'];
-    if (biz && typeof biz === 'object') {
-        for (const key of Object.keys(biz as Record<string, unknown>)) {
-            if (EXCLUDE_FIELDS.has(key)) continue;
-            fieldMap[key] = (biz as Record<string, unknown>)[key];
-        }
-    }
-
-    return Object.keys(fieldMap)
-        .sort()
-        .map((k) => `${k}=${fieldMap[k]}`)
-        .join('&');
-}
-
-export function signRequestObject(
-    requestObject: Record<string, unknown>,
-    privateKey: string,
-): string {
-    return signString(buildCanonicalString(requestObject), privateKey);
-}
-
-export function verifyRequestObject(
-    requestObject: Record<string, unknown>,
-    publicKey: string,
-): boolean {
-    const signature = requestObject['sign'];
-    if (typeof signature !== 'string' || signature.length === 0) return false;
-    return verifySignature(buildCanonicalString(requestObject), signature, publicKey);
-}
-
-export function signString(text: string, privateKey: string): string {
-    const signature = crypto.sign('sha256', Buffer.from(text), {
-        key: privateKey,
-        padding: crypto.constants.RSA_PKCS1_PSS_PADDING,
-        saltLength: crypto.constants.RSA_PSS_SALTLEN_DIGEST,
-    });
-    return signature.toString('base64');
-}
-
-export function verifySignature(
-    text: string,
-    signatureBase64: string,
-    publicKey: string,
-): boolean {
-    try {
-        return crypto.verify(
-            'sha256',
-            Buffer.from(text),
-            {
-                key: publicKey,
-                padding: crypto.constants.RSA_PKCS1_PSS_PADDING,
-                saltLength: crypto.constants.RSA_PSS_SALTLEN_DIGEST,
-            },
-            Buffer.from(signatureBase64, 'base64'),
-        );
-    } catch {
-        return false;
-    }
-}
-
-export function createTimestamp(): string {
-    return Math.round(Date.now() / 1000).toString();
-}
-
-export function createNonceStr(length = 32): string {
-    const bytes = crypto.randomBytes(length);
-    let out = '';
-    for (let i = 0; i < length; i++) {
-        out += NONCE_CHARS[bytes[i] % NONCE_CHARS.length];
-    }
-    return out;
-}
-
-export function createMerchantOrderId(): string {
-    return `${Date.now()}${crypto.randomBytes(4).toString('hex')}`;
-}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/strategies/telebirr/telebirr.types.ts b/apps/edr-freight-api/src/modules/payment/strategies/telebirr/telebirr.types.ts
deleted file mode 100644
index 6cc29e9f4..000000000
--- a/apps/edr-freight-api/src/modules/payment/strategies/telebirr/telebirr.types.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-export interface FabricTokenResponse {
-    token: string;
-    expires_in?: number | string;
-}
-
-export interface CreateOrderBizContent {
-    notify_url: string;
-    appid: string;
-    merch_code: string;
-    merch_order_id: string;
-    trade_type: 'Checkout' | 'InApp' | 'MiniApp';
-    title: string;
-    total_amount: string;
-    trans_currency: string;
-    timeout_express: string;
-}
-
-export interface CreateOrderRequest {
-    timestamp: string;
-    nonce_str: string;
-    method: 'payment.preorder';
-    version: '1.0';
-    biz_content: CreateOrderBizContent;
-    sign: string;
-    sign_type: 'SHA256WithRSA';
-}
-
-export interface CreateOrderResponse {
-    code?: string;
-    msg?: string;
-    biz_content?: {
-        prepay_id?: string;
-        receiveCode?: string;
-        [key: string]: unknown;
-    };
-    [key: string]: unknown;
-}
-
-export type TelebirrTradeStatus =
-    | 'PAY_SUCCESS'
-    | 'PAY_FAILED'
-    | 'WAIT_PAY'
-    | 'ORDER_CLOSED'
-    | 'PAYING'
-    | 'ACCEPTED'
-    | 'REFUNDING'
-    | 'REFUND_SUCCESS'
-    | 'REFUND_FAILED';
-
-export interface QueryOrderResponse {
-    result?: 'SUCCESS' | 'FAIL';
-    code?: string;
-    msg?: string;
-    nonce_str?: string;
-    sign?: string;
-    sign_type?: string;
-    biz_content?: {
-        merch_order_id?: string;
-        order_status?: string;
-        trade_status?: TelebirrTradeStatus | string;
-        payment_order_id?: string;
-        trans_id?: string;
-        trans_time?: string;
-        trans_currency?: string;
-        total_amount?: string;
-        [key: string]: unknown;
-    };
-    [key: string]: unknown;
-}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/webhooks/dto/telebirr.dto.ts b/apps/edr-freight-api/src/modules/payment/webhooks/dto/telebirr.dto.ts
deleted file mode 100644
index 4604097d1..000000000
--- a/apps/edr-freight-api/src/modules/payment/webhooks/dto/telebirr.dto.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { ApiProperty } from "@nestjs/swagger";
-import { IsOptional, IsString } from "class-validator";
-
-export class TelebirrDto {
-    @ApiProperty()
-    @IsString()
-    merch_order_id!: string;
-
-
-    @IsOptional()
-    @IsString()
-    payment_order_id!: string;
-
-    @ApiProperty({ default: "SUCCEEDED"})
-    @IsString()
-    trade_status!: string;
-
-    @IsOptional()
-    @IsString()
-    trans_id?: string;
-
-    @IsOptional()
-    @IsString()
-    total_amount?: string;
-
-    @IsOptional()
-    @IsString()
-    trans_currency?: string;
-
-    @IsOptional()
-    @IsString()
-    notify_time?: string;
-
-    @IsOptional()
-    @IsString()
-    trans_end_time?: string;
-
-    @IsOptional()
-    @IsString()
-    sign!: string;
-
-    @IsOptional()
-    @IsString()
-    sign_type?: string;
-
-
-    [key: string]: unknown;
-}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/webhooks/providers/telebirr.service.ts b/apps/edr-freight-api/src/modules/payment/webhooks/providers/telebirr.service.ts
deleted file mode 100644
index 3e450c2a0..000000000
--- a/apps/edr-freight-api/src/modules/payment/webhooks/providers/telebirr.service.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Injectable, } from '@nestjs/common';
-import { ConfigService } from '@nestjs/config';
-import * as crypto from "crypto"
-import { TelebirrDto } from '../dto/telebirr.dto';
-import { PaymentRepository } from '../../payment.repository';
-import { DataSource } from 'typeorm';
-import { Booking } from 'src/modules/bookings/entities/booking.entity';
-@Injectable()
-export class TelebirrWebhookService {
-    // private readonly logger = new Logger(TelebirrWebhookService.name);
-
-    constructor(
-        private readonly datasource: DataSource,
-        private readonly config: ConfigService,
-        private readonly paymentRepo: PaymentRepository,
-
-    ) { }
-
-    verifyTelebirrNotification(payload: TelebirrDto) {
-        // 1. Extract the signature provided by Telebirr
-        const { sign, ...bizContent } = payload;
-
-        if (!sign) {
-            throw new Error("Missing 'sign' field from Telebirr payload");
-        }
-
-        // 2. Sort the remaining keys alphabetically to rebuild the raw string
-        const sortedKeys = Object.keys(bizContent).sort();
-        const signString = sortedKeys
-            .map(key => `${key}=${typeof bizContent[key] === 'object' ? JSON.stringify(bizContent[key]) : bizContent[key]}`)
-            .join('&');
-
-        // 3. Convert Telebirr's public key into an object specifying RSA-PSS padding
-        const publicKey = {
-            key: this.config.get<string>("telebirr.publicKey") ?? "",
-            padding: crypto.constants.RSA_PKCS1_PSS_PADDING,
-            saltLength: 32 // Telebirr standard salt length
-        };
-
-        // 4. Verify the signature against the sorted string
-        const isVerified = crypto.verify(
-            "sha256",
-            Buffer.from(signString),
-            publicKey,
-            Buffer.from(sign, 'base64')
-        );
-
-        return isVerified;
-    }
-
-    async handle(payload: TelebirrDto): Promise<void> {
-        const payment = await this.paymentRepo.findOneBy({ merchantOrderId: payload.merch_order_id })
-        if (!payment) {
-            throw new Error("payment not found")
-        }
-        switch (payload.trade_status) {
-            case "SUCCEEDED":
-                await this.paymentRepo.update({ id: payment.id }, { status: "success", paidAt: new Date() })
-                switch (payment.type) {
-                    case "booking":
-                        await this.datasource.manager.update(Booking, { id: payment.refId }, { paymentStatus: "PAID", })
-                        // await this.bookingRepo.update(payment.refId, { paymentStatus: "PAID", })
-                        break;
-                }
-                break;
-            case "FAILED":
-                await this.paymentRepo.update({ id: payment.id }, { status: "failed" })
-                break;
-            case "CANCELLED":
-                await this.paymentRepo.update({ id: payment.id }, { status: "canceled" })
-                break;
-            case "PROCESSING":
-                await this.paymentRepo.update({ id: payment.id }, { status: "processing" })
-                break;
-            case "REFUNDED":
-                await this.paymentRepo.update({ id: payment.id }, { status: "refunded" })
-                break;
-
-        }
-    }
-
-}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/payment/webhooks/webhook.controller.ts b/apps/edr-freight-api/src/modules/payment/webhooks/webhook.controller.ts
deleted file mode 100644
index d74eb82a0..000000000
--- a/apps/edr-freight-api/src/modules/payment/webhooks/webhook.controller.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Body, Controller, HttpCode, HttpStatus, Logger, Post, } from '@nestjs/common';
-import { TelebirrWebhookService } from './providers/telebirr.service';
-import { ApiOperation } from '@nestjs/swagger';
-import { TelebirrDto } from './dto/telebirr.dto';
-import { Public } from '@edr/api-common';
-
-@Controller("payments-webhooks")
-@Public()
-export class WebhookController {
-    constructor(private readonly telebirr: TelebirrWebhookService) { }
-    private readonly logger = new Logger(WebhookController.name);
-
-    @Post('telebirr')
-    @HttpCode(HttpStatus.OK)
-    @ApiOperation({
-        summary: 'Telebirr payment notification callback (Ethiopia)',
-        description: 'Webhook endpoint for Telebirr payment status updates. Used by Ethiopian passengers.'
-    })
-    async receiveTelebirr(@Body() payload: TelebirrDto) {
-        this.logger.log(
-            `Telebirr webhook Called`,
-        );
-
-        try {
-            // const verified = this.telebirr.verifyTelebirrNotification(payload)
-            // if (!verified) {
-            //     throw new Error("not valid")
-            // }
-            // const merchantOrderId = payload.merch_order_id;
-            await this.telebirr.handle(payload);
-
-
-        } catch (err) {
-            const message = err instanceof Error ? err.message : String(err);
-            this.logger.error(`Telebirr webhook handler threw: ${message}`);
-        }
-        return { code: '0', message: 'OK' };
-    }
-
-}
diff --git a/apps/edr-freight-api/src/modules/routes/routes.controller.ts b/apps/edr-freight-api/src/modules/routes/routes.controller.ts
index 4af088727..8c25d67b3 100644
--- a/apps/edr-freight-api/src/modules/routes/routes.controller.ts
+++ b/apps/edr-freight-api/src/modules/routes/routes.controller.ts
@@ -1,6 +1,7 @@
 import { Body, Controller, Delete, Get, Param, ParseUUIDPipe, Patch, Post, Query } from '@nestjs/common';
 import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
 
+import { FleetManage, FleetView } from '../../common/booking-guards';
 import { CreateRouteDto } from './dto/create-route.dto';
 import { FilterRoutesDto } from './dto/filter-routes.dto';
 import { UpdateRouteDto } from './dto/update-route.dto';
@@ -9,6 +10,7 @@ import { RoutesService } from './routes.service';
 @ApiTags('routes')
 @ApiBearerAuth()
 @Controller('routes')
+@FleetView()
 export class RoutesController {
   constructor(private readonly routesService: RoutesService) {}
 
@@ -25,18 +27,21 @@ export class RoutesController {
   }
 
   @Post()
+  @FleetManage()
   @ApiOperation({ summary: 'Create route' })
   create(@Body() dto: CreateRouteDto) {
     return this.routesService.create(dto);
   }
 
   @Patch(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Update route' })
   update(@Param('id', ParseUUIDPipe) id: string, @Body() dto: UpdateRouteDto) {
     return this.routesService.update(id, dto);
   }
 
   @Delete(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Deactivate route' })
   remove(@Param('id', ParseUUIDPipe) id: string) {
     return this.routesService.deactivate(id);
diff --git a/apps/edr-freight-api/src/modules/rule-engine/controllers/approval-rules.controller.ts b/apps/edr-freight-api/src/modules/rule-engine/controllers/approval-rules.controller.ts
index 72e35b296..8e13d3ec7 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/controllers/approval-rules.controller.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/controllers/approval-rules.controller.ts
@@ -5,6 +5,8 @@ import {
 import { RuleEngineManage, RuleEngineView } from '../../../common/rule-engine-guards';
 import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
 import { CreateApprovalRuleDto } from '../dto/create-approval-rule.dto';
+import { MoveOrderDto } from '../dto/move-order.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateApprovalRuleDto } from '../dto/update-approval-rule.dto';
 import { ApprovalRulesService } from '../services/approval-rules.service';
 
@@ -35,6 +37,22 @@ export class ApprovalRulesController {
     return this.service.findChain(flag === 'true');
   }
 
+  @Post('reorder')
+  @RuleEngineManage('approval-rules')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Bulk reorder approval steps within a chain' })
+  reorder(@Body() dto: ReorderItemsDto) {
+    return this.service.reorder(dto);
+  }
+
+  @Post(':id/move-order')
+  @RuleEngineManage('approval-rules')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Move an approval step up or down within its chain' })
+  moveOrder(@Param('id', ParseUUIDPipe) id: string, @Body() dto: MoveOrderDto) {
+    return this.service.moveOrder(id, dto.direction);
+  }
+
   @Get(':id')
   @RuleEngineView('approval-rules')
   @ApiOperation({ summary: 'Get an approval rule by ID' })
diff --git a/apps/edr-freight-api/src/modules/rule-engine/controllers/cargo-types.controller.ts b/apps/edr-freight-api/src/modules/rule-engine/controllers/cargo-types.controller.ts
index 4941a5ebb..e2b8425bf 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/controllers/cargo-types.controller.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/controllers/cargo-types.controller.ts
@@ -5,6 +5,8 @@ import {
 import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
 import { RuleEngineManage, RuleEngineView } from '../../../common/rule-engine-guards';
 import { CreateCargoTypeDto } from '../dto/create-cargo-type.dto';
+import { MoveOrderDto } from '../dto/move-order.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateCargoTypeDto } from '../dto/update-cargo-type.dto';
 import { CargoTypesService } from '../services/cargo-types.service';
 
@@ -32,6 +34,22 @@ export class CargoTypesController {
     });
   }
 
+  @Post('reorder')
+  @RuleEngineManage('cargo-types')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Bulk reorder cargo types by ID list' })
+  reorder(@Body() dto: ReorderItemsDto) {
+    return this.service.reorder(dto);
+  }
+
+  @Post(':id/move-order')
+  @RuleEngineManage('cargo-types')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Move a cargo type up or down in display order' })
+  moveOrder(@Param('id', ParseUUIDPipe) id: string, @Body() dto: MoveOrderDto) {
+    return this.service.moveOrder(id, dto.direction);
+  }
+
   @Get(':id')
   @RuleEngineView('cargo-types')
   @ApiOperation({ summary: 'Get a cargo type by ID' })
diff --git a/apps/edr-freight-api/src/modules/rule-engine/controllers/container-types.controller.ts b/apps/edr-freight-api/src/modules/rule-engine/controllers/container-types.controller.ts
index 43dfcec33..624cf4b03 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/controllers/container-types.controller.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/controllers/container-types.controller.ts
@@ -5,6 +5,8 @@ import {
 import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
 import { RuleEngineManage, RuleEngineView } from '../../../common/rule-engine-guards';
 import { CreateContainerTypeDto } from '../dto/create-container-type.dto';
+import { MoveOrderDto } from '../dto/move-order.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateContainerTypeDto } from '../dto/update-container-type.dto';
 import { ContainerTypesService } from '../services/container-types.service';
 
@@ -25,6 +27,22 @@ export class ContainerTypesController {
     });
   }
 
+  @Post('reorder')
+  @RuleEngineManage('container-types')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Bulk reorder container types by ID list' })
+  reorder(@Body() dto: ReorderItemsDto) {
+    return this.service.reorder(dto);
+  }
+
+  @Post(':id/move-order')
+  @RuleEngineManage('container-types')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Move a container type up or down in display order' })
+  moveOrder(@Param('id', ParseUUIDPipe) id: string, @Body() dto: MoveOrderDto) {
+    return this.service.moveOrder(id, dto.direction);
+  }
+
   @Get(':id')
   @RuleEngineView('container-types')
   @ApiOperation({ summary: 'Get a container type by ID' })
diff --git a/apps/edr-freight-api/src/modules/rule-engine/controllers/priority-configs.controller.ts b/apps/edr-freight-api/src/modules/rule-engine/controllers/priority-configs.controller.ts
new file mode 100644
index 000000000..36b863dd6
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/controllers/priority-configs.controller.ts
@@ -0,0 +1,75 @@
+import {
+  Body, Controller, Delete, Get, HttpCode, HttpStatus,
+  Param, ParseUUIDPipe, Patch, Post, Query,
+} from '@nestjs/common';
+import { RuleEngineManage, RuleEngineView } from '../../../common/rule-engine-guards';
+import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
+import { CreatePriorityConfigDto } from '../dto/create-priority-config.dto';
+import { UpdatePriorityConfigDto } from '../dto/update-priority-config.dto';
+import { MoveOrderDto } from '../dto/move-order.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
+import { PriorityConfigsService } from '../services/priority-configs.service';
+
+@ApiTags('priority-configs')
+@Controller('priority-configs')
+@ApiBearerAuth()
+export class PriorityConfigsController {
+  constructor(private readonly service: PriorityConfigsService) {}
+
+  @Get()
+  @RuleEngineView('priority-configs')
+  @ApiOperation({ summary: 'List priority configs' })
+  findAll(@Query() query: Record<string, string>) {
+    return this.service.findAll({
+      type: (query['type'] as 'WAGON' | 'CURRENCY') || undefined,
+      isActive: query['isActive'] !== undefined ? query['isActive'] === 'true' : undefined,
+      page: query['page'] ? parseInt(query['page'], 10) : undefined,
+      pageSize: query['pageSize'] ? parseInt(query['pageSize'], 10) : undefined,
+    });
+  }
+
+  @Get(':id')
+  @RuleEngineView('priority-configs')
+  @ApiOperation({ summary: 'Get a priority config by ID' })
+  findOne(@Param('id', ParseUUIDPipe) id: string) {
+    return this.service.findById(id);
+  }
+
+  @Post()
+  @RuleEngineManage('priority-configs')
+  @ApiOperation({ summary: 'Create a priority config' })
+  create(@Body() dto: CreatePriorityConfigDto) {
+    return this.service.create(dto);
+  }
+
+  @Post('reorder')
+  @RuleEngineManage('priority-configs')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Bulk reorder priority configs by ID list' })
+  reorder(@Body() dto: ReorderItemsDto) {
+    return this.service.reorder(dto.ids);
+  }
+
+  @Post(':id/move-order')
+  @RuleEngineManage('priority-configs')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Move a priority config up or down in display order' })
+  moveOrder(@Param('id', ParseUUIDPipe) id: string, @Body() dto: MoveOrderDto) {
+    return this.service.moveOrder(id, dto.direction);
+  }
+
+  @Patch(':id')
+  @RuleEngineManage('priority-configs')
+  @ApiOperation({ summary: 'Update a priority config' })
+  update(@Param('id', ParseUUIDPipe) id: string, @Body() dto: UpdatePriorityConfigDto) {
+    return this.service.update(id, dto);
+  }
+
+  @Delete(':id')
+  @RuleEngineManage('priority-configs')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Soft-delete a priority config' })
+  remove(@Param('id', ParseUUIDPipe) id: string) {
+    return this.service.remove(id);
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/controllers/priority-rules.controller.ts b/apps/edr-freight-api/src/modules/rule-engine/controllers/priority-rules.controller.ts
deleted file mode 100644
index bee5cf85b..000000000
--- a/apps/edr-freight-api/src/modules/rule-engine/controllers/priority-rules.controller.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import {
-  Body, Controller, Delete, Get, HttpCode, HttpStatus,
-  Param, ParseUUIDPipe, Patch, Post, Query,
-} from '@nestjs/common';
-import { RuleEngineManage, RuleEngineView } from '../../../common/rule-engine-guards';
-import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
-import { CreatePriorityRuleDto } from '../dto/create-priority-rule.dto';
-import { UpdatePriorityRuleDto } from '../dto/update-priority-rule.dto';
-import { PriorityRulesService } from '../services/priority-rules.service';
-
-@ApiTags('priority-rules')
-@Controller('priority-rules')
-@ApiBearerAuth()
-export class PriorityRulesController {
-  constructor(private readonly service: PriorityRulesService) {}
-
-  @Get()
-  @RuleEngineView('priority-rules')
-  @ApiOperation({ summary: 'List priority rules' })
-  findAll(@Query() query: Record<string, string>) {
-    return this.service.findAll({
-      isActive: query['isActive'] !== undefined ? query['isActive'] === 'true' : undefined,
-      page: query['page'] ? parseInt(query['page'], 10) : undefined,
-      pageSize: query['pageSize'] ? parseInt(query['pageSize'], 10) : undefined,
-    });
-  }
-
-  @Get(':id')
-  @RuleEngineView('priority-rules')
-  @ApiOperation({ summary: 'Get a priority rule by ID' })
-  findOne(@Param('id', ParseUUIDPipe) id: string) {
-    return this.service.findById(id);
-  }
-
-  @Post()
-  @RuleEngineManage('priority-rules')
-  @ApiOperation({ summary: 'Create a priority rule' })
-  create(@Body() dto: CreatePriorityRuleDto) {
-    return this.service.create(dto);
-  }
-
-  @Patch(':id')
-  @RuleEngineManage('priority-rules')
-  @ApiOperation({ summary: 'Update a priority rule' })
-  update(@Param('id', ParseUUIDPipe) id: string, @Body() dto: UpdatePriorityRuleDto) {
-    return this.service.update(id, dto);
-  }
-
-  @Delete(':id')
-  @RuleEngineManage('priority-rules')
-  @HttpCode(HttpStatus.NO_CONTENT)
-  @ApiOperation({ summary: 'Soft-delete a priority rule' })
-  remove(@Param('id', ParseUUIDPipe) id: string) {
-    return this.service.remove(id);
-  }
-}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/controllers/service-types.controller.ts b/apps/edr-freight-api/src/modules/rule-engine/controllers/service-types.controller.ts
index 3044515fb..18c597b38 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/controllers/service-types.controller.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/controllers/service-types.controller.ts
@@ -5,6 +5,8 @@ import {
 import { RuleEngineManage, RuleEngineView } from '../../../common/rule-engine-guards';
 import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
 import { CreateServiceTypeDto } from '../dto/create-service-type.dto';
+import { MoveOrderDto } from '../dto/move-order.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateServiceTypeDto } from '../dto/update-service-type.dto';
 import { ServiceTypesService } from '../services/service-types.service';
 
@@ -29,6 +31,22 @@ export class ServiceTypesController {
     });
   }
 
+  @Post('reorder')
+  @RuleEngineManage('service-types')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Bulk reorder service types by ID list' })
+  reorder(@Body() dto: ReorderItemsDto) {
+    return this.service.reorder(dto);
+  }
+
+  @Post(':id/move-order')
+  @RuleEngineManage('service-types')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Move a service type up or down in display order' })
+  moveOrder(@Param('id', ParseUUIDPipe) id: string, @Body() dto: MoveOrderDto) {
+    return this.service.moveOrder(id, dto.direction);
+  }
+
   @Get(':id')
   @RuleEngineView('service-types')
   @ApiOperation({ summary: 'Get a service type by ID' })
diff --git a/apps/edr-freight-api/src/modules/rule-engine/controllers/yards.controller.ts b/apps/edr-freight-api/src/modules/rule-engine/controllers/yards.controller.ts
index 88523967e..d18d0b748 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/controllers/yards.controller.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/controllers/yards.controller.ts
@@ -5,6 +5,8 @@ import {
 import { RuleEngineManage, RuleEngineView } from '../../../common/rule-engine-guards';
 import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
 import { CreateYardDto } from '../dto/create-yard.dto';
+import { MoveOrderDto } from '../dto/move-order.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateYardDto } from '../dto/update-yard.dto';
 import { YardsService } from '../services/yards.service';
 
@@ -26,6 +28,22 @@ export class YardsController {
     });
   }
 
+  @Post('reorder')
+  @RuleEngineManage('yards')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Bulk reorder yards by ID list' })
+  reorder(@Body() dto: ReorderItemsDto) {
+    return this.service.reorder(dto);
+  }
+
+  @Post(':id/move-order')
+  @RuleEngineManage('yards')
+  @HttpCode(HttpStatus.NO_CONTENT)
+  @ApiOperation({ summary: 'Move a yard up or down in display order' })
+  moveOrder(@Param('id', ParseUUIDPipe) id: string, @Body() dto: MoveOrderDto) {
+    return this.service.moveOrder(id, dto.direction);
+  }
+
   @Get(':id')
   @RuleEngineView('yards')
   @ApiOperation({ summary: 'Get a yard by ID' })
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-approval-rule.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-approval-rule.dto.ts
index 6ccc95384..5861b1ad8 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/create-approval-rule.dto.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/create-approval-rule.dto.ts
@@ -1,5 +1,5 @@
 import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
-import { IsBoolean, IsInt, IsOptional, IsString, MaxLength, Min } from 'class-validator';
+import { IsBoolean, IsInt, IsOptional, IsString, IsUUID, MaxLength, Min } from 'class-validator';
 
 const ROLES = ['LINE_STAFF', 'DIRECTOR', 'CEO'] as const;
 
@@ -8,10 +8,16 @@ export class CreateApprovalRuleDto {
   @IsBoolean()
   requiresDirectorApproval!: boolean;
 
-  @ApiProperty({ description: 'Step sequence number (1 = first, 2 = second)', minimum: 1 })
+  @ApiPropertyOptional({ description: 'Step sequence number (auto-assigned if omitted)', minimum: 1 })
+  @IsOptional()
   @IsInt()
   @Min(1)
-  stepOrder!: number;
+  stepOrder?: number;
+
+  @ApiPropertyOptional({ description: 'Insert after this step ID within the same chain' })
+  @IsOptional()
+  @IsUUID('4')
+  insertAfterId?: string;
 
   @ApiProperty({ enum: ROLES, description: 'Role required to action this step' })
   @IsString()
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-cargo-type.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-cargo-type.dto.ts
index ae2e23c33..57fe48fed 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/create-cargo-type.dto.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/create-cargo-type.dto.ts
@@ -32,4 +32,9 @@ export class CreateCargoTypeDto {
   @IsInt()
   @Min(1)
   displayOrder?: number;
+
+  @ApiPropertyOptional({ description: 'Insert after this record ID' })
+  @IsOptional()
+  @IsUUID('4')
+  insertAfterId?: string;
 }
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-container-type.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-container-type.dto.ts
index dbfb5ca2b..52cfe274b 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/create-container-type.dto.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/create-container-type.dto.ts
@@ -1,6 +1,6 @@
 import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
 import { Transform } from 'class-transformer';
-import { IsBoolean, IsInt, IsNumber, IsOptional, IsString, Max, MaxLength, Min } from 'class-validator';
+import { IsBoolean, IsInt, IsNumber, IsOptional, IsString, IsUUID, Max, MaxLength, Min } from 'class-validator';
 
 export class CreateContainerTypeDto {
   @ApiProperty({ description: 'Customer-facing label, e.g. "20ft Dry Container"', maxLength: 100 })
@@ -40,4 +40,9 @@ export class CreateContainerTypeDto {
   @IsInt()
   @Min(1)
   displayOrder?: number;
+
+  @ApiPropertyOptional({ description: 'Insert after this record ID' })
+  @IsOptional()
+  @IsUUID('4')
+  insertAfterId?: string;
 }
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-priority-config.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-priority-config.dto.ts
new file mode 100644
index 000000000..140954e83
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/create-priority-config.dto.ts
@@ -0,0 +1,42 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { IsBoolean, IsIn, IsInt, IsOptional, IsString, MaxLength, Min } from 'class-validator';
+
+export class CreatePriorityConfigDto {
+  @ApiProperty({ description: 'Config type: WAGON or CURRENCY', enum: ['WAGON', 'CURRENCY'] })
+  @IsIn(['WAGON', 'CURRENCY'])
+  type!: 'WAGON' | 'CURRENCY';
+
+  @ApiProperty({ description: 'Human-readable label', maxLength: 100 })
+  @IsString()
+  @MaxLength(100)
+  label!: string;
+
+  @ApiPropertyOptional({
+    description: 'Currency code (e.g., USD, ETB). Required for type=CURRENCY, must be null for type=WAGON',
+    maxLength: 5,
+  })
+  @IsOptional()
+  @IsString()
+  @MaxLength(5)
+  currency?: string;
+
+  @ApiProperty({ description: 'Minimum wagon count in range (inclusive)' })
+  @IsInt()
+  @Min(0)
+  minWagonCount!: number;
+
+  @ApiProperty({ description: 'Maximum wagon count in range (inclusive)' })
+  @IsInt()
+  @Min(0)
+  maxWagonCount!: number;
+
+  @ApiProperty({ description: 'Points awarded when booking matches this rule', default: 0 })
+  @IsInt()
+  @Min(0)
+  scorePoints!: number;
+
+  @ApiPropertyOptional({ default: false, description: 'Feature flag — toggle without code deploy' })
+  @IsOptional()
+  @IsBoolean()
+  isActive?: boolean;
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-priority-rule.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-priority-rule.dto.ts
deleted file mode 100644
index 16b01fc81..000000000
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/create-priority-rule.dto.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
-import { IsBoolean, IsInt, IsOptional, IsString, MaxLength, Min } from 'class-validator';
-
-export class CreatePriorityRuleDto {
-  @ApiProperty({ description: 'Human-readable label', maxLength: 100 })
-  @IsString()
-  @MaxLength(100)
-  label!: string;
-
-  @ApiProperty({ description: 'Points added to booking.priority_score when condition matches', default: 0 })
-  @IsInt()
-  @Min(0)
-  score!: number;
-
-  @ApiPropertyOptional({
-    description: 'If set, rule only matches bookings with this payment currency (e.g. USD). Null = matches all.',
-    maxLength: 5,
-  })
-  @IsOptional()
-  @IsString()
-  @MaxLength(5)
-  conditionCurrency?: string;
-
-  @ApiPropertyOptional({ default: false, description: 'Feature flag — toggle without code deploy' })
-  @IsOptional()
-  @IsBoolean()
-  isActive?: boolean;
-}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-rate.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-rate.dto.ts
index 2f73780d9..969c08876 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/create-rate.dto.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/create-rate.dto.ts
@@ -4,7 +4,7 @@ import { IsDateString, IsIn, IsNumber, IsOptional, IsString, IsUUID, MaxLength,
 import { RATE_TYPES, RATE_UNITS } from '../entities/rate.entity';
 
 const TRADE_DIRECTIONS = ['IMPORT', 'EXPORT', 'BOTH'] as const;
-const CURRENCIES = ['ETB', 'USD'] as const;
+const CURRENCIES = ['USD'] as const;
 
 export class CreateRateDto {
   @ApiProperty({ enum: RATE_TYPES, description: 'Rate type identifier' })
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-service-type.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-service-type.dto.ts
index b20203e13..4683d448d 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/create-service-type.dto.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/create-service-type.dto.ts
@@ -1,5 +1,5 @@
 import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
-import { IsBoolean, IsInt, IsOptional, IsString, MaxLength, Min } from 'class-validator';
+import { IsBoolean, IsInt, IsOptional, IsString, IsUUID, MaxLength, Min } from 'class-validator';
 
 export class CreateServiceTypeDto {
   @ApiProperty({ description: 'Service type display name', maxLength: 255 })
@@ -48,4 +48,9 @@ export class CreateServiceTypeDto {
   @IsInt()
   @Min(1)
   displayOrder?: number;
+
+  @ApiPropertyOptional({ description: 'Insert after this record ID' })
+  @IsOptional()
+  @IsUUID('4')
+  insertAfterId?: string;
 }
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-weight-limit-rule.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-weight-limit-rule.dto.ts
index 87cd8ccdf..6be37214b 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/create-weight-limit-rule.dto.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/create-weight-limit-rule.dto.ts
@@ -2,14 +2,17 @@ import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
 import { Transform } from 'class-transformer';
 import { IsDateString, IsIn, IsNumber, IsOptional, IsUUID, Min } from 'class-validator';
 
-const TRADE_DIRECTIONS = ['IMPORT', 'EXPORT', 'BOTH'] as const;
+const TRADE_DIRECTIONS = ['IMPORT', 'EXPORT', 'BOTH', 'DOMESTIC'] as const;
 
 export class CreateWeightLimitRuleDto {
   @ApiProperty({ description: 'FK to container_types.id' })
   @IsUUID()
   containerTypeId!: string;
 
-  @ApiProperty({ enum: TRADE_DIRECTIONS, description: 'Trade direction: IMPORT, EXPORT, or BOTH' })
+  @ApiProperty({
+    enum: TRADE_DIRECTIONS,
+    description: 'Trade direction: IMPORT, EXPORT, BOTH, or DOMESTIC',
+  })
   @IsIn([...TRADE_DIRECTIONS])
   tradeDirection!: string;
 
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/create-yard.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/create-yard.dto.ts
index f0d9ff012..38f2bc58b 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/create-yard.dto.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/create-yard.dto.ts
@@ -1,5 +1,5 @@
 import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
-import { IsBoolean, IsInt, IsOptional, IsString, MaxLength, Min } from 'class-validator';
+import { IsBoolean, IsInt, IsOptional, IsString, IsUUID, MaxLength, Min } from 'class-validator';
 
 export class CreateYardDto {
   @ApiProperty({ description: 'Customer-facing yard label', maxLength: 100 })
@@ -22,4 +22,9 @@ export class CreateYardDto {
   @IsInt()
   @Min(1)
   displayOrder?: number;
+
+  @ApiPropertyOptional({ description: 'Insert after this record ID' })
+  @IsOptional()
+  @IsUUID('4')
+  insertAfterId?: string;
 }
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/move-order.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/move-order.dto.ts
new file mode 100644
index 000000000..91eadc0d8
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/move-order.dto.ts
@@ -0,0 +1,8 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsIn } from 'class-validator';
+
+export class MoveOrderDto {
+  @ApiProperty({ enum: ['up', 'down'] })
+  @IsIn(['up', 'down'])
+  direction!: 'up' | 'down';
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/reorder-items.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/reorder-items.dto.ts
new file mode 100644
index 000000000..48a3e6b6a
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/reorder-items.dto.ts
@@ -0,0 +1,17 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { ArrayMinSize, IsArray, IsBoolean, IsOptional, IsUUID } from 'class-validator';
+
+export class ReorderItemsDto {
+  @ApiProperty({ description: 'Ordered list of record IDs (new display/step order)', type: [String] })
+  @IsArray()
+  @ArrayMinSize(1)
+  @IsUUID('4', { each: true })
+  ids!: string[];
+
+  @ApiPropertyOptional({
+    description: 'Approval-rules only: scope reorder to this chain',
+  })
+  @IsOptional()
+  @IsBoolean()
+  requiresDirectorApproval?: boolean;
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/update-priority-config.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/update-priority-config.dto.ts
new file mode 100644
index 000000000..ad2e01bfc
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/dto/update-priority-config.dto.ts
@@ -0,0 +1,4 @@
+import { PartialType } from '@nestjs/swagger';
+import { CreatePriorityConfigDto } from './create-priority-config.dto';
+
+export class UpdatePriorityConfigDto extends PartialType(CreatePriorityConfigDto) {}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/dto/update-priority-rule.dto.ts b/apps/edr-freight-api/src/modules/rule-engine/dto/update-priority-rule.dto.ts
deleted file mode 100644
index f1e5c9be3..000000000
--- a/apps/edr-freight-api/src/modules/rule-engine/dto/update-priority-rule.dto.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { PartialType } from '@nestjs/mapped-types';
-import { CreatePriorityRuleDto } from './create-priority-rule.dto';
-
-export class UpdatePriorityRuleDto extends PartialType(CreatePriorityRuleDto) {}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/entities/priority-config.entity.ts b/apps/edr-freight-api/src/modules/rule-engine/entities/priority-config.entity.ts
new file mode 100644
index 000000000..df60b3ea1
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/entities/priority-config.entity.ts
@@ -0,0 +1,31 @@
+import { BaseEntity } from '@edr/api-common';
+import { Column, Entity, Index } from 'typeorm';
+
+@Entity({ schema: 'freight', name: 'priority_configs' })
+@Index(['type', 'isActive'])
+@Index(['currency', 'type'])
+export class PriorityConfig extends BaseEntity {
+  @Column({ name: 'type', type: 'varchar', length: 20 })
+  type!: 'WAGON' | 'CURRENCY';
+
+  @Column({ name: 'label', type: 'varchar', length: 100 })
+  label!: string;
+
+  @Column({ name: 'currency', type: 'varchar', length: 5, nullable: true })
+  currency?: string | null;
+
+  @Column({ name: 'min_wagon_count', type: 'int' })
+  minWagonCount!: number;
+
+  @Column({ name: 'max_wagon_count', type: 'int' })
+  maxWagonCount!: number;
+
+  @Column({ name: 'score_points', type: 'int', default: 0 })
+  scorePoints!: number;
+
+  @Column({ name: 'is_active', type: 'boolean', default: false })
+  isActive!: boolean;
+
+  @Column({ name: 'display_order', type: 'int', default: 1 })
+  displayOrder!: number;
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/entities/priority-rule.entity.ts b/apps/edr-freight-api/src/modules/rule-engine/entities/priority-rule.entity.ts
deleted file mode 100644
index b04cca95d..000000000
--- a/apps/edr-freight-api/src/modules/rule-engine/entities/priority-rule.entity.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { BaseEntity } from '@edr/api-common';
-import { Column, Entity, Index } from 'typeorm';
-
-@Entity({ schema: 'freight', name: 'priority_rules' })
-@Index(['code'])
-@Index(['isActive'])
-export class PriorityRule extends BaseEntity {
-  @Column({ name: 'code', type: 'varchar', length: 40, unique: true })
-  code!: string;
-
-  @Column({ name: 'label', type: 'varchar', length: 100, nullable: true })
-  label!: string;
-
-  @Column({ name: 'score', type: 'int', default: 0, nullable: true })
-  score!: number;
-
-  @Column({ name: 'condition_currency', type: 'varchar', length: 5, nullable: true })
-  conditionCurrency?: string | null;
-
-  @Column({ name: 'is_active', type: 'boolean', default: false })
-  isActive!: boolean;
-}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/government-priority.constants.ts b/apps/edr-freight-api/src/modules/rule-engine/government-priority.constants.ts
new file mode 100644
index 000000000..690352602
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/government-priority.constants.ts
@@ -0,0 +1,2 @@
+/** Ensures government bookings outrank commercial priority (max ~1,500 today). */
+export const GOVERNMENT_PRIORITY_BONUS = 50_000;
diff --git a/apps/edr-freight-api/src/modules/rule-engine/interfaces/priority-configs.repository.interface.ts b/apps/edr-freight-api/src/modules/rule-engine/interfaces/priority-configs.repository.interface.ts
new file mode 100644
index 000000000..e4ca08234
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/interfaces/priority-configs.repository.interface.ts
@@ -0,0 +1,14 @@
+import { FindManyOptions } from 'typeorm';
+import { PriorityConfig } from '../entities/priority-config.entity';
+
+export const PRIORITY_CONFIGS_REPOSITORY = Symbol('PRIORITY_CONFIGS_REPOSITORY');
+
+export interface IPriorityConfigsRepository {
+  findById(id: string): Promise<PriorityConfig | null>;
+  findAll(options?: FindManyOptions<PriorityConfig>): Promise<PriorityConfig[]>;
+  findAndCount(options?: FindManyOptions<PriorityConfig>): Promise<[PriorityConfig[], number]>;
+  findAllActive(): Promise<PriorityConfig[]>;
+  create(data: Partial<PriorityConfig>): Promise<PriorityConfig>;
+  update(id: string, data: Partial<PriorityConfig>): Promise<PriorityConfig | null>;
+  softDelete(id: string): Promise<void>;
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/interfaces/priority-rules.repository.interface.ts b/apps/edr-freight-api/src/modules/rule-engine/interfaces/priority-rules.repository.interface.ts
deleted file mode 100644
index 608d06e4c..000000000
--- a/apps/edr-freight-api/src/modules/rule-engine/interfaces/priority-rules.repository.interface.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { FindManyOptions } from 'typeorm';
-import { PriorityRule } from '../entities/priority-rule.entity';
-
-export interface IPriorityRulesRepository {
-  findById(id: string): Promise<PriorityRule | null>;
-  findAllActive(): Promise<PriorityRule[]>;
-  findAll(options?: FindManyOptions<PriorityRule>): Promise<PriorityRule[]>;
-  findAndCount(options?: FindManyOptions<PriorityRule>): Promise<[PriorityRule[], number]>;
-  create(data: Partial<PriorityRule>): Promise<PriorityRule>;
-  update(id: string, data: Partial<PriorityRule>): Promise<PriorityRule | null>;
-  softDelete(id: string): Promise<void>;
-}
-
-export const PRIORITY_RULES_REPOSITORY = Symbol('PRIORITY_RULES_REPOSITORY');
diff --git a/apps/edr-freight-api/src/modules/rule-engine/repositories/priority-configs.repository.ts b/apps/edr-freight-api/src/modules/rule-engine/repositories/priority-configs.repository.ts
new file mode 100644
index 000000000..d8326b794
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/repositories/priority-configs.repository.ts
@@ -0,0 +1,46 @@
+import { Injectable } from '@nestjs/common';
+import { DataSource, FindManyOptions, Repository } from 'typeorm';
+import { PriorityConfig } from '../entities/priority-config.entity';
+import { IPriorityConfigsRepository } from '../interfaces/priority-configs.repository.interface';
+
+@Injectable()
+export class PriorityConfigsRepository implements IPriorityConfigsRepository {
+  private readonly repo: Repository<PriorityConfig>;
+
+  constructor(private readonly dataSource: DataSource) {
+    this.repo = this.dataSource.getRepository(PriorityConfig);
+  }
+
+  async findById(id: string): Promise<PriorityConfig | null> {
+    return this.repo.findOne({ where: { id } });
+  }
+
+  async findAll(options?: FindManyOptions<PriorityConfig>): Promise<PriorityConfig[]> {
+    return this.repo.find(options);
+  }
+
+  async findAndCount(options?: FindManyOptions<PriorityConfig>): Promise<[PriorityConfig[], number]> {
+    return this.repo.findAndCount(options);
+  }
+
+  async findAllActive(): Promise<PriorityConfig[]> {
+    return this.repo.find({
+      where: { isActive: true },
+      order: { displayOrder: 'ASC' },
+    });
+  }
+
+  async create(data: Partial<PriorityConfig>): Promise<PriorityConfig> {
+    const entity = this.repo.create(data);
+    return this.repo.save(entity);
+  }
+
+  async update(id: string, data: Partial<PriorityConfig>): Promise<PriorityConfig | null> {
+    await this.repo.update(id, data);
+    return this.findById(id);
+  }
+
+  async softDelete(id: string): Promise<void> {
+    await this.repo.softDelete(id);
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/repositories/priority-rules.repository.ts b/apps/edr-freight-api/src/modules/rule-engine/repositories/priority-rules.repository.ts
deleted file mode 100644
index fa51de65a..000000000
--- a/apps/edr-freight-api/src/modules/rule-engine/repositories/priority-rules.repository.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Injectable } from '@nestjs/common';
-import { DataSource, FindManyOptions, Repository } from 'typeorm';
-import { PriorityRule } from '../entities/priority-rule.entity';
-import { IPriorityRulesRepository } from '../interfaces/priority-rules.repository.interface';
-
-@Injectable()
-export class PriorityRulesRepository implements IPriorityRulesRepository {
-  private readonly repo: Repository<PriorityRule>;
-
-  constructor(private readonly dataSource: DataSource) {
-    this.repo = this.dataSource.getRepository(PriorityRule);
-  }
-
-  findById(id: string): Promise<PriorityRule | null> {
-    return this.repo.findOne({ where: { id } });
-  }
-
-  findAllActive(): Promise<PriorityRule[]> {
-    return this.repo.find({ where: { isActive: true } });
-  }
-
-  findAll(options?: FindManyOptions<PriorityRule>): Promise<PriorityRule[]> {
-    return this.repo.find(options);
-  }
-
-  findAndCount(options?: FindManyOptions<PriorityRule>): Promise<[PriorityRule[], number]> {
-    return this.repo.findAndCount(options);
-  }
-
-  async create(data: Partial<PriorityRule>): Promise<PriorityRule> {
-    const entity = this.repo.create(data);
-    return this.repo.save(entity);
-  }
-
-  async update(id: string, data: Partial<PriorityRule>): Promise<PriorityRule | null> {
-    await this.repo.update(id, data);
-    return this.findById(id);
-  }
-
-  async softDelete(id: string): Promise<void> {
-    await this.repo.softDelete(id);
-  }
-}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/rule-engine.module.ts b/apps/edr-freight-api/src/modules/rule-engine/rule-engine.module.ts
index 9657e6865..49f1c446c 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/rule-engine.module.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/rule-engine.module.ts
@@ -4,7 +4,7 @@ import { TypeOrmModule } from '@nestjs/typeorm';
 import { ApprovalRulesController } from './controllers/approval-rules.controller';
 import { CargoTypesController } from './controllers/cargo-types.controller';
 import { ContainerTypesController } from './controllers/container-types.controller';
-import { PriorityRulesController } from './controllers/priority-rules.controller';
+import { PriorityConfigsController } from './controllers/priority-configs.controller';
 import { RatesController } from './controllers/rates.controller';
 import { ServiceTypesController } from './controllers/service-types.controller';
 import { ShippingLinesController } from './controllers/shipping-lines.controller';
@@ -15,7 +15,7 @@ import { YardsController } from './controllers/yards.controller';
 import { ApprovalRule } from './entities/approval-rule.entity';
 import { CargoType } from './entities/cargo-type.entity';
 import { ContainerType } from './entities/container-type.entity';
-import { PriorityRule } from './entities/priority-rule.entity';
+import { PriorityConfig } from './entities/priority-config.entity';
 import { Rate } from './entities/rate.entity';
 import { ServiceType } from './entities/service-type.entity';
 import { ShippingLine } from './entities/shipping-line.entity';
@@ -26,7 +26,7 @@ import { Yard } from './entities/yard.entity';
 import { APPROVAL_RULES_REPOSITORY } from './interfaces/approval-rules.repository.interface';
 import { CARGO_TYPES_REPOSITORY } from './interfaces/cargo-types.repository.interface';
 import { CONTAINER_TYPES_REPOSITORY } from './interfaces/container-types.repository.interface';
-import { PRIORITY_RULES_REPOSITORY } from './interfaces/priority-rules.repository.interface';
+import { PRIORITY_CONFIGS_REPOSITORY } from './interfaces/priority-configs.repository.interface';
 import { RATES_REPOSITORY } from './interfaces/rates.repository.interface';
 import { SERVICE_TYPES_REPOSITORY } from './interfaces/service-types.repository.interface';
 import { SHIPPING_LINES_REPOSITORY } from './interfaces/shipping-lines.repository.interface';
@@ -37,7 +37,7 @@ import { YARDS_REPOSITORY } from './interfaces/yards.repository.interface';
 import { ApprovalRulesRepository } from './repositories/approval-rules.repository';
 import { CargoTypesRepository } from './repositories/cargo-types.repository';
 import { ContainerTypesRepository } from './repositories/container-types.repository';
-import { PriorityRulesRepository } from './repositories/priority-rules.repository';
+import { PriorityConfigsRepository } from './repositories/priority-configs.repository';
 import { RatesRepository } from './repositories/rates.repository';
 import { ServiceTypesRepository } from './repositories/service-types.repository';
 import { ShippingLinesRepository } from './repositories/shipping-lines.repository';
@@ -46,9 +46,10 @@ import { WeightLimitRulesRepository } from './repositories/weight-limit-rules.re
 import { YardsRepository } from './repositories/yards.repository';
 
 import { ApprovalRulesService } from './services/approval-rules.service';
+import { DisplayOrderService } from './services/display-order.service';
 import { CargoTypesService } from './services/cargo-types.service';
 import { ContainerTypesService } from './services/container-types.service';
-import { PriorityRulesService } from './services/priority-rules.service';
+import { PriorityConfigsService } from './services/priority-configs.service';
 import { RatesService } from './services/rates.service';
 import { ServiceTypesService } from './services/service-types.service';
 import { ShippingLinesService } from './services/shipping-lines.service';
@@ -69,7 +70,7 @@ import { BookingRateSnapshot } from '../bookings/entities/booking-rate-snapshot.
     TypeOrmModule.forFeature([
       CargoType,
       ContainerType,
-      PriorityRule,
+      PriorityConfig,
       SurchargeType,
       ServiceType,
       WeightLimitRule,
@@ -86,7 +87,7 @@ import { BookingRateSnapshot } from '../bookings/entities/booking-rate-snapshot.
   controllers: [
     CargoTypesController,
     ContainerTypesController,
-    PriorityRulesController,
+    PriorityConfigsController,
     SurchargeTypesController,
     ServiceTypesController,
     WeightLimitRulesController,
@@ -100,8 +101,8 @@ import { BookingRateSnapshot } from '../bookings/entities/booking-rate-snapshot.
     { provide: CARGO_TYPES_REPOSITORY, useExisting: CargoTypesRepository },
     ContainerTypesRepository,
     { provide: CONTAINER_TYPES_REPOSITORY, useExisting: ContainerTypesRepository },
-    PriorityRulesRepository,
-    { provide: PRIORITY_RULES_REPOSITORY, useExisting: PriorityRulesRepository },
+    PriorityConfigsRepository,
+    { provide: PRIORITY_CONFIGS_REPOSITORY, useExisting: PriorityConfigsRepository },
     SurchargeTypesRepository,
     { provide: SURCHARGE_TYPES_REPOSITORY, useExisting: SurchargeTypesRepository },
     ServiceTypesRepository,
@@ -118,7 +119,7 @@ import { BookingRateSnapshot } from '../bookings/entities/booking-rate-snapshot.
     { provide: APPROVAL_RULES_REPOSITORY, useExisting: ApprovalRulesRepository },
     CargoTypesService,
     ContainerTypesService,
-    PriorityRulesService,
+    PriorityConfigsService,
     SurchargeTypesService,
     ServiceTypesService,
     WeightLimitRulesService,
@@ -126,6 +127,7 @@ import { BookingRateSnapshot } from '../bookings/entities/booking-rate-snapshot.
     ShippingLinesService,
     RatesService,
     ApprovalRulesService,
+    DisplayOrderService,
     RuleEngineService,
   ],
   exports: [
@@ -135,7 +137,7 @@ import { BookingRateSnapshot } from '../bookings/entities/booking-rate-snapshot.
     ContainerTypesService,
     SurchargeTypesService,
     WeightLimitRulesService,
-    PriorityRulesService,
+    PriorityConfigsService,
     YardsService,
     ShippingLinesService,
     RatesService,
diff --git a/apps/edr-freight-api/src/modules/rule-engine/rule-engine.service.ts b/apps/edr-freight-api/src/modules/rule-engine/rule-engine.service.ts
index 98aeaffbf..35dbef868 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/rule-engine.service.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/rule-engine.service.ts
@@ -16,9 +16,9 @@ import {
   WEIGHT_LIMIT_RULES_REPOSITORY,
 } from './interfaces/weight-limit-rules.repository.interface';
 import {
-  IPriorityRulesRepository,
-  PRIORITY_RULES_REPOSITORY,
-} from './interfaces/priority-rules.repository.interface';
+  IPriorityConfigsRepository,
+  PRIORITY_CONFIGS_REPOSITORY,
+} from './interfaces/priority-configs.repository.interface';
 import {
   ISurchargeTypesRepository,
   SURCHARGE_TYPES_REPOSITORY,
@@ -36,6 +36,7 @@ import {
   SHIPPING_LINES_REPOSITORY,
 } from './interfaces/shipping-lines.repository.interface';
 import { DEFAULT_APPROVAL_RULE_ROWS } from './approval-rules.defaults';
+import { GOVERNMENT_PRIORITY_BONUS } from './government-priority.constants';
 
 export interface BookingContainerEvalInput {
   containerTypeId: string;
@@ -54,8 +55,10 @@ export interface BookingEvaluationInput {
   paymentCurrency: string;
   tradeDirection: string;
   isHazardous: boolean;
+  isGovernment?: boolean;
   allowConsolidation?: boolean;
   shippingLineId?: string | null;
+  totalWagons: number;
   containers: BookingContainerEvalInput[];
 }
 
@@ -93,8 +96,8 @@ export class RuleEngineService {
     private readonly serviceTypesRepo: IServiceTypesRepository,
     @Inject(WEIGHT_LIMIT_RULES_REPOSITORY)
     private readonly weightLimitRulesRepo: IWeightLimitRulesRepository,
-    @Inject(PRIORITY_RULES_REPOSITORY)
-    private readonly priorityRulesRepo: IPriorityRulesRepository,
+    @Inject(PRIORITY_CONFIGS_REPOSITORY)
+    private readonly priorityConfigsRepo: IPriorityConfigsRepository,
     @Inject(SURCHARGE_TYPES_REPOSITORY)
     private readonly surchargeTypesRepo: ISurchargeTypesRepository,
     @Inject(RATES_REPOSITORY)
@@ -170,16 +173,27 @@ export class RuleEngineService {
       priorityScore += serviceType.priorityBonusPoints;
     }
 
-    const priorityRules = await this.priorityRulesRepo.findAllActive();
-    for (const rule of priorityRules) {
-      if (
-        rule.conditionCurrency === null ||
-        rule.conditionCurrency === input.paymentCurrency
-      ) {
-        priorityScore += rule.score;
+    // Additive priority blocks, each keyed on the booking's total wagon count:
+    //  - WAGON    rules apply regardless of currency.
+    //  - CURRENCY rules apply only when the payment currency matches.
+    const priorityConfigs = await this.priorityConfigsRepo.findAllActive();
+    const wagonsInRange = (cfg: { minWagonCount: number; maxWagonCount: number }) =>
+      input.totalWagons >= cfg.minWagonCount &&
+      input.totalWagons <= cfg.maxWagonCount;
+
+    for (const cfg of priorityConfigs) {
+      const applies =
+        cfg.type === 'WAGON' ||
+        (cfg.type === 'CURRENCY' && cfg.currency === input.paymentCurrency);
+      if (applies && wagonsInRange(cfg)) {
+        priorityScore += cfg.scorePoints;
       }
     }
 
+    if (input.isGovernment) {
+      priorityScore += GOVERNMENT_PRIORITY_BONUS;
+    }
+
     let shippingLineMapped = false;
     if (input.shippingLineId) {
       const line = await this.shippingLinesRepo.findById(input.shippingLineId);
@@ -315,15 +329,27 @@ export class RuleEngineService {
   }
 
   /**
-   * Snapshot all LIVE rates into booking_rate_snapshot for a booking.
+   * Snapshot only the rates used in a booking's final price.
    */
-  async snapshotLiveRates(bookingId: string): Promise<BookingRateSnapshot[]> {
-    const liveRates = await this.ratesRepo.findLiveRates();
+  async snapshotRates(
+    bookingId: string,
+    rates: Array<{
+      id: string;
+      rateType: string;
+      rateValue: number;
+      rateUnit: string;
+      currency: string;
+    }>,
+  ): Promise<BookingRateSnapshot[]> {
     const snapshotRepo = this.dataSource.getRepository(BookingRateSnapshot);
     const now = new Date();
+    const seen = new Set<string>();
     const snapshots: BookingRateSnapshot[] = [];
 
-    for (const rate of liveRates) {
+    for (const rate of rates) {
+      if (seen.has(rate.id)) continue;
+      seen.add(rate.id);
+
       const snapshot = snapshotRepo.create({
         bookingId,
         rateId: rate.id,
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/approval-rules.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/approval-rules.service.ts
index 4a4e33442..063cc6439 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/services/approval-rules.service.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/services/approval-rules.service.ts
@@ -1,17 +1,20 @@
-import { Inject, Injectable, NotFoundException } from '@nestjs/common';
+import { BadRequestException, Inject, Injectable, NotFoundException } from '@nestjs/common';
 import { CreateApprovalRuleDto } from '../dto/create-approval-rule.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateApprovalRuleDto } from '../dto/update-approval-rule.dto';
 import { ApprovalRule } from '../entities/approval-rule.entity';
 import {
   APPROVAL_RULES_REPOSITORY,
   IApprovalRulesRepository,
 } from '../interfaces/approval-rules.repository.interface';
+import { DisplayOrderService } from './display-order.service';
 
 @Injectable()
 export class ApprovalRulesService {
   constructor(
     @Inject(APPROVAL_RULES_REPOSITORY)
     private readonly repository: IApprovalRulesRepository,
+    private readonly displayOrder: DisplayOrderService,
   ) {}
 
   /** List approval rules. */
@@ -21,7 +24,7 @@ export class ApprovalRulesService {
     pageSize?: number;
   }): Promise<{ data: ApprovalRule[]; meta: { total: number; page: number; pageSize: number; totalPages: number } }> {
     const page = filter.page ?? 1;
-    const pageSize = filter.pageSize ?? 20;
+    const pageSize = filter.pageSize ?? 10;
     const where: Record<string, unknown> = {};
     if (filter.requiresDirectorApproval !== undefined) {
       where.requiresDirectorApproval = filter.requiresDirectorApproval;
@@ -50,9 +53,20 @@ export class ApprovalRulesService {
 
   /** Create an approval rule step. */
   async create(dto: CreateApprovalRuleDto): Promise<ApprovalRule> {
+    if (dto.stepOrder !== undefined && dto.insertAfterId) {
+      throw new BadRequestException('Cannot set both stepOrder and insertAfterId');
+    }
+
+    const scopeWhere = { requiresDirectorApproval: dto.requiresDirectorApproval };
+    const stepOrder = await this.displayOrder.resolveCreateOrder(ApprovalRule, 'stepOrder', {
+      explicitOrder: dto.stepOrder,
+      insertAfterId: dto.insertAfterId,
+      scopeWhere,
+    });
+
     return this.repository.create({
       requiresDirectorApproval: dto.requiresDirectorApproval,
-      stepOrder: dto.stepOrder,
+      stepOrder,
       requiredRole: dto.requiredRole,
       actionLabel: dto.actionLabel,
       blocksRole: dto.blocksRole,
@@ -72,4 +86,20 @@ export class ApprovalRulesService {
     await this.findById(id);
     await this.repository.softDelete(id);
   }
+
+  async reorder(dto: ReorderItemsDto): Promise<void> {
+    if (dto.requiresDirectorApproval === undefined) {
+      throw new BadRequestException('requiresDirectorApproval is required for approval rule reorder');
+    }
+    await this.displayOrder.reorderByIds(ApprovalRule, 'stepOrder', dto.ids, {
+      requiresDirectorApproval: dto.requiresDirectorApproval,
+    });
+  }
+
+  async moveOrder(id: string, direction: 'up' | 'down'): Promise<void> {
+    const rule = await this.findById(id);
+    await this.displayOrder.moveOne(ApprovalRule, 'stepOrder', id, direction, {
+      requiresDirectorApproval: rule.requiresDirectorApproval,
+    });
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/cargo-types.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/cargo-types.service.ts
index 130b1d605..634ac5faa 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/services/cargo-types.service.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/services/cargo-types.service.ts
@@ -2,18 +2,21 @@ import { ConflictException, Inject, Injectable, NotFoundException } from '@nestj
 import { ILike } from 'typeorm';
 import { generateCode } from '../../../common/utils/generate-code.util';
 import { CreateCargoTypeDto } from '../dto/create-cargo-type.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateCargoTypeDto } from '../dto/update-cargo-type.dto';
 import { CargoType } from '../entities/cargo-type.entity';
 import {
   CARGO_TYPES_REPOSITORY,
   ICargoTypesRepository,
 } from '../interfaces/cargo-types.repository.interface';
+import { DisplayOrderService } from './display-order.service';
 
 @Injectable()
 export class CargoTypesService {
   constructor(
     @Inject(CARGO_TYPES_REPOSITORY)
     private readonly repository: ICargoTypesRepository,
+    private readonly displayOrder: DisplayOrderService,
   ) {}
 
   /** List cargo types with pagination and optional filtering. */
@@ -28,7 +31,7 @@ export class CargoTypesService {
     sortOrder?: 'ASC' | 'DESC';
   }): Promise<{ data: CargoType[]; meta: { total: number; page: number; pageSize: number; totalPages: number } }> {
     const page = filter.page ?? 1;
-    const pageSize = filter.pageSize ?? 20;
+    const pageSize = filter.pageSize ?? 10;
     const where: Record<string, unknown> = {};
     if (filter.isActive !== undefined) where.isActive = filter.isActive;
     if (filter.requiresDirectorApproval !== undefined) where.requiresDirectorApproval = filter.requiresDirectorApproval;
@@ -66,6 +69,12 @@ export class CargoTypesService {
       const parent = await this.repository.findById(dto.parentGroupId);
       if (!parent) throw new NotFoundException(`Parent cargo type ${dto.parentGroupId} not found`);
     }
+
+    const displayOrder = await this.displayOrder.resolveCreateOrder(CargoType, 'displayOrder', {
+      explicitOrder: dto.displayOrder,
+      insertAfterId: dto.insertAfterId,
+    });
+
     return this.repository.create({
       code,
       cargoTypeName: dto.cargoTypeName,
@@ -73,7 +82,7 @@ export class CargoTypesService {
       showFreeTextBox: dto.showFreeTextBox ?? false,
       requiresDirectorApproval: dto.requiresDirectorApproval ?? false,
       isActive: dto.isActive ?? true,
-      displayOrder: dto.displayOrder ?? 1,
+      displayOrder,
     });
   }
 
@@ -95,4 +104,13 @@ export class CargoTypesService {
     await this.findById(id);
     await this.repository.softDelete(id);
   }
+
+  async reorder(dto: ReorderItemsDto): Promise<void> {
+    await this.displayOrder.reorderByIds(CargoType, 'displayOrder', dto.ids);
+  }
+
+  async moveOrder(id: string, direction: 'up' | 'down'): Promise<void> {
+    await this.findById(id);
+    await this.displayOrder.moveOne(CargoType, 'displayOrder', id, direction);
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/container-types.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/container-types.service.ts
index 9b0209311..38407f36a 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/services/container-types.service.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/services/container-types.service.ts
@@ -1,18 +1,21 @@
 import { ConflictException, Inject, Injectable, NotFoundException } from '@nestjs/common';
 import { generateCode } from '../../../common/utils/generate-code.util';
 import { CreateContainerTypeDto } from '../dto/create-container-type.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateContainerTypeDto } from '../dto/update-container-type.dto';
 import { ContainerType } from '../entities/container-type.entity';
 import {
   CONTAINER_TYPES_REPOSITORY,
   IContainerTypesRepository,
 } from '../interfaces/container-types.repository.interface';
+import { DisplayOrderService } from './display-order.service';
 
 @Injectable()
 export class ContainerTypesService {
   constructor(
     @Inject(CONTAINER_TYPES_REPOSITORY)
     private readonly repository: IContainerTypesRepository,
+    private readonly displayOrder: DisplayOrderService,
   ) {}
 
   /** List container types with pagination. */
@@ -22,7 +25,7 @@ export class ContainerTypesService {
     pageSize?: number;
   }): Promise<{ data: ContainerType[]; meta: { total: number; page: number; pageSize: number; totalPages: number } }> {
     const page = filter.page ?? 1;
-    const pageSize = filter.pageSize ?? 20;
+    const pageSize = filter.pageSize ?? 10;
     const where: Record<string, unknown> = {};
     if (filter.isActive !== undefined) where.isActive = filter.isActive;
 
@@ -47,6 +50,12 @@ export class ContainerTypesService {
     const code = generateCode(dto.label);
     const existing = await this.repository.findByCode(code);
     if (existing) throw new ConflictException(`Container type with label "${dto.label}" conflicts with existing code "${code}"`);
+
+    const displayOrder = await this.displayOrder.resolveCreateOrder(ContainerType, 'displayOrder', {
+      explicitOrder: dto.displayOrder,
+      insertAfterId: dto.insertAfterId,
+    });
+
     return this.repository.create({
       code,
       label: dto.label,
@@ -55,7 +64,7 @@ export class ContainerTypesService {
       isReefer: dto.isReefer ?? false,
       isOpenTop: dto.isOpenTop ?? false,
       isActive: dto.isActive ?? true,
-      displayOrder: dto.displayOrder ?? 1,
+      displayOrder,
     });
   }
 
@@ -72,4 +81,13 @@ export class ContainerTypesService {
     await this.findById(id);
     await this.repository.softDelete(id);
   }
+
+  async reorder(dto: ReorderItemsDto): Promise<void> {
+    await this.displayOrder.reorderByIds(ContainerType, 'displayOrder', dto.ids);
+  }
+
+  async moveOrder(id: string, direction: 'up' | 'down'): Promise<void> {
+    await this.findById(id);
+    await this.displayOrder.moveOne(ContainerType, 'displayOrder', id, direction);
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/display-order.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/display-order.service.ts
new file mode 100644
index 000000000..e0ee48106
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/services/display-order.service.ts
@@ -0,0 +1,175 @@
+import { BadRequestException, Injectable, NotFoundException } from '@nestjs/common';
+import { DataSource, EntityTarget, FindOptionsWhere, ObjectLiteral } from 'typeorm';
+
+export type OrderField = 'displayOrder' | 'stepOrder';
+
+@Injectable()
+export class DisplayOrderService {
+  constructor(private readonly dataSource: DataSource) {}
+
+  async getMaxOrder<T extends ObjectLiteral>(
+    entity: EntityTarget<T>,
+    field: OrderField,
+    where?: FindOptionsWhere<T>,
+  ): Promise<number> {
+    const repo = this.dataSource.getRepository(entity);
+    const qb = repo.createQueryBuilder('e').select(`MAX(e.${field})`, 'max');
+    if (where) {
+      Object.entries(where).forEach(([key, value]) => {
+        if (value !== undefined) {
+          qb.andWhere(`e.${key} = :${key}`, { [key]: value });
+        }
+      });
+    }
+    const row = await qb.getRawOne<{ max: string | null }>();
+    return row?.max ? Number(row.max) : 0;
+  }
+
+  async resolveCreateOrder<T extends ObjectLiteral>(
+    entity: EntityTarget<T>,
+    field: OrderField,
+    options: {
+      explicitOrder?: number;
+      insertAfterId?: string;
+      scopeWhere?: FindOptionsWhere<T>;
+    },
+  ): Promise<number> {
+    const { explicitOrder, insertAfterId, scopeWhere } = options;
+
+    if (insertAfterId) {
+      if (explicitOrder !== undefined) {
+        throw new BadRequestException('Cannot set both explicit order and insertAfterId');
+      }
+      const repo = this.dataSource.getRepository(entity);
+      const after = await repo.findOne({
+        where: { id: insertAfterId, ...scopeWhere } as unknown as FindOptionsWhere<T>,
+      });
+      if (!after) {
+        throw new NotFoundException(`Record ${insertAfterId} not found in scope`);
+      }
+      const afterOrder = Number((after as Record<string, unknown>)[field]);
+      await this.shiftOrdersFrom(entity, field, afterOrder + 1, 1, scopeWhere);
+      return afterOrder + 1;
+    }
+
+    if (explicitOrder !== undefined) {
+      return explicitOrder;
+    }
+
+    const max = await this.getMaxOrder(entity, field, scopeWhere);
+    return max + 1;
+  }
+
+  async reorderByIds<T extends ObjectLiteral>(
+    entity: EntityTarget<T>,
+    field: OrderField,
+    ids: string[],
+    scopeWhere?: FindOptionsWhere<T>,
+  ): Promise<void> {
+    const repo = this.dataSource.getRepository(entity);
+    const existing = await repo.find({
+      where: scopeWhere,
+      order: { [field]: 'ASC' } as never,
+    });
+
+    const scopedIds = new Set(existing.map((row) => String(row.id)));
+    if (ids.length !== scopedIds.size) {
+      throw new BadRequestException('Reorder list must include every item in scope exactly once');
+    }
+    for (const id of ids) {
+      if (!scopedIds.has(id)) {
+        throw new BadRequestException(`ID ${id} is not in the reorder scope`);
+      }
+    }
+
+    const queryRunner = this.dataSource.createQueryRunner();
+    await queryRunner.connect();
+    await queryRunner.startTransaction();
+    try {
+      for (let i = 0; i < ids.length; i++) {
+        await queryRunner.manager.update(entity, ids[i], { [field]: -(i + 1) } as never);
+      }
+      for (let i = 0; i < ids.length; i++) {
+        await queryRunner.manager.update(entity, ids[i], { [field]: i + 1 } as never);
+      }
+      await queryRunner.commitTransaction();
+    } catch (err) {
+      await queryRunner.rollbackTransaction();
+      throw err;
+    } finally {
+      await queryRunner.release();
+    }
+  }
+
+  async moveOne<T extends ObjectLiteral>(
+    entity: EntityTarget<T>,
+    field: OrderField,
+    id: string,
+    direction: 'up' | 'down',
+    scopeWhere?: FindOptionsWhere<T>,
+  ): Promise<void> {
+    const repo = this.dataSource.getRepository(entity);
+    const items = await repo.find({
+      where: scopeWhere,
+      order: { [field]: 'ASC' } as never,
+    });
+
+    const index = items.findIndex((row) => String(row.id) === id);
+    if (index === -1) {
+      throw new NotFoundException(`Record ${id} not found in scope`);
+    }
+
+    const targetIndex = direction === 'up' ? index - 1 : index + 1;
+    if (targetIndex < 0 || targetIndex >= items.length) {
+      throw new BadRequestException(`Cannot move ${direction}`);
+    }
+
+    const current = items[index] as Record<string, unknown>;
+    const neighbor = items[targetIndex] as Record<string, unknown>;
+    const currentOrder = Number(current[field]);
+    const neighborOrder = Number(neighbor[field]);
+
+    const queryRunner = this.dataSource.createQueryRunner();
+    await queryRunner.connect();
+    await queryRunner.startTransaction();
+    try {
+      await queryRunner.manager.update(entity, String(current.id), { [field]: -1 } as never);
+      await queryRunner.manager.update(entity, String(neighbor.id), { [field]: -2 } as never);
+      await queryRunner.manager.update(entity, String(current.id), { [field]: neighborOrder } as never);
+      await queryRunner.manager.update(entity, String(neighbor.id), { [field]: currentOrder } as never);
+      await queryRunner.commitTransaction();
+    } catch (err) {
+      await queryRunner.rollbackTransaction();
+      throw err;
+    } finally {
+      await queryRunner.release();
+    }
+  }
+
+  private async shiftOrdersFrom<T extends ObjectLiteral>(
+    entity: EntityTarget<T>,
+    field: OrderField,
+    fromOrder: number,
+    delta: number,
+    scopeWhere?: FindOptionsWhere<T>,
+  ): Promise<void> {
+    const repo = this.dataSource.getRepository(entity);
+    const orderColumn = repo.metadata.findColumnWithPropertyName(field)?.databaseName ?? field;
+    const qb = repo
+      .createQueryBuilder()
+      .update()
+      .set({ [field]: () => `"${orderColumn}" + ${delta}` } as never)
+      .where(`"${orderColumn}" >= :fromOrder`, { fromOrder });
+
+    if (scopeWhere) {
+      Object.entries(scopeWhere).forEach(([key, value]) => {
+        if (value !== undefined) {
+          const col = repo.metadata.findColumnWithPropertyName(key)?.databaseName ?? key;
+          qb.andWhere(`"${col}" = :scope_${key}`, { [`scope_${key}`]: value });
+        }
+      });
+    }
+
+    await qb.execute();
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/priority-configs.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/priority-configs.service.ts
new file mode 100644
index 000000000..173c63f21
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/rule-engine/services/priority-configs.service.ts
@@ -0,0 +1,98 @@
+import { BadRequestException, Inject, Injectable, NotFoundException } from '@nestjs/common';
+import { CreatePriorityConfigDto } from '../dto/create-priority-config.dto';
+import { UpdatePriorityConfigDto } from '../dto/update-priority-config.dto';
+import { PriorityConfig } from '../entities/priority-config.entity';
+import {
+  IPriorityConfigsRepository,
+  PRIORITY_CONFIGS_REPOSITORY,
+} from '../interfaces/priority-configs.repository.interface';
+import { DisplayOrderService } from './display-order.service';
+
+@Injectable()
+export class PriorityConfigsService {
+  constructor(
+    @Inject(PRIORITY_CONFIGS_REPOSITORY)
+    private readonly repository: IPriorityConfigsRepository,
+    private readonly displayOrder: DisplayOrderService,
+  ) {}
+
+  async findAll(filter: {
+    type?: 'WAGON' | 'CURRENCY';
+    isActive?: boolean;
+    page?: number;
+    pageSize?: number;
+  }): Promise<{ data: PriorityConfig[]; meta: { total: number; page: number; pageSize: number; totalPages: number } }> {
+    const page = filter.page ?? 1;
+    const pageSize = filter.pageSize ?? 20;
+    const where: Record<string, unknown> = {};
+    if (filter.type !== undefined) where.type = filter.type;
+    if (filter.isActive !== undefined) where.isActive = filter.isActive;
+
+    const [data, total] = await this.repository.findAndCount({
+      where,
+      order: { displayOrder: 'ASC' },
+      skip: (page - 1) * pageSize,
+      take: pageSize,
+    });
+    return { data, meta: { total, page, pageSize, totalPages: Math.ceil(total / pageSize) } };
+  }
+
+  async findById(id: string): Promise<PriorityConfig> {
+    const entity = await this.repository.findById(id);
+    if (!entity) throw new NotFoundException(`Priority config ${id} not found`);
+    return entity;
+  }
+
+  async create(dto: CreatePriorityConfigDto): Promise<PriorityConfig> {
+    this.validateCurrencyField(dto.type, dto.currency);
+
+    const displayOrder = await this.displayOrder.resolveCreateOrder(PriorityConfig, 'displayOrder', {});
+
+    return this.repository.create({
+      type: dto.type,
+      label: dto.label,
+      currency: dto.currency ?? null,
+      minWagonCount: dto.minWagonCount,
+      maxWagonCount: dto.maxWagonCount,
+      scorePoints: dto.scorePoints ?? 0,
+      isActive: dto.isActive ?? false,
+      displayOrder,
+    });
+  }
+
+  async update(id: string, dto: UpdatePriorityConfigDto): Promise<PriorityConfig> {
+    const existing = await this.findById(id);
+
+    const type = dto.type ?? existing.type;
+    const currency = dto.currency !== undefined ? dto.currency : existing.currency;
+    this.validateCurrencyField(type, currency);
+
+    const { ...patch } = dto;
+    const updated = await this.repository.update(id, patch);
+    if (!updated) throw new NotFoundException(`Priority config ${id} not found`);
+    return updated;
+  }
+
+  async remove(id: string): Promise<void> {
+    await this.findById(id);
+    await this.repository.softDelete(id);
+  }
+
+  async reorder(ids: string[]): Promise<void> {
+    await this.displayOrder.reorderByIds(PriorityConfig, 'displayOrder', ids);
+  }
+
+  async moveOrder(id: string, direction: 'up' | 'down'): Promise<void> {
+    await this.findById(id);
+    await this.displayOrder.moveOne(PriorityConfig, 'displayOrder', id, direction);
+  }
+
+  private validateCurrencyField(type: 'WAGON' | 'CURRENCY', currency: string | undefined | null): void {
+    if (type === 'CURRENCY' && !currency) {
+      throw new BadRequestException('currency field is required when type is CURRENCY');
+    }
+    if (type === 'WAGON' && currency) {
+      throw new BadRequestException('currency field must be null when type is WAGON');
+    }
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/priority-rules.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/priority-rules.service.ts
deleted file mode 100644
index 07e282aba..000000000
--- a/apps/edr-freight-api/src/modules/rule-engine/services/priority-rules.service.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { ConflictException, Inject, Injectable, NotFoundException } from '@nestjs/common';
-import { generateCode } from '../../../common/utils/generate-code.util';
-import { CreatePriorityRuleDto } from '../dto/create-priority-rule.dto';
-import { UpdatePriorityRuleDto } from '../dto/update-priority-rule.dto';
-import { PriorityRule } from '../entities/priority-rule.entity';
-import {
-  IPriorityRulesRepository,
-  PRIORITY_RULES_REPOSITORY,
-} from '../interfaces/priority-rules.repository.interface';
-
-@Injectable()
-export class PriorityRulesService {
-  constructor(
-    @Inject(PRIORITY_RULES_REPOSITORY)
-    private readonly repository: IPriorityRulesRepository,
-  ) {}
-
-  /** List priority rules with pagination. */
-  async findAll(filter: {
-    isActive?: boolean;
-    page?: number;
-    pageSize?: number;
-  }): Promise<{ data: PriorityRule[]; meta: { total: number; page: number; pageSize: number; totalPages: number } }> {
-    const page = filter.page ?? 1;
-    const pageSize = filter.pageSize ?? 20;
-    const where: Record<string, unknown> = {};
-    if (filter.isActive !== undefined) where.isActive = filter.isActive;
-
-    const [data, total] = await this.repository.findAndCount({
-      where,
-      order: { label: 'ASC' },
-      skip: (page - 1) * pageSize,
-      take: pageSize,
-    });
-    return { data, meta: { total, page, pageSize, totalPages: Math.ceil(total / pageSize) } };
-  }
-
-  /** Get a single priority rule by ID. */
-  async findById(id: string): Promise<PriorityRule> {
-    const entity = await this.repository.findById(id);
-    if (!entity) throw new NotFoundException(`Priority rule ${id} not found`);
-    return entity;
-  }
-
-  /** Create a new priority rule. */
-  async create(dto: CreatePriorityRuleDto): Promise<PriorityRule> {
-    const code = generateCode(dto.label);
-    const existing = await this.repository.findAll({ where: { code } });
-    if (existing.length > 0) {
-      throw new ConflictException(`Priority rule with label "${dto.label}" conflicts with existing code "${code}"`);
-    }
-    return this.repository.create({
-      code,
-      label: dto.label,
-      score: dto.score,
-      conditionCurrency: dto.conditionCurrency ?? null,
-      isActive: dto.isActive ?? false,
-    });
-  }
-
-  /** Update an existing priority rule. */
-  async update(id: string, dto: UpdatePriorityRuleDto): Promise<PriorityRule> {
-    await this.findById(id);
-    const { ...patch } = dto;
-    const updated = await this.repository.update(id, patch);
-    if (!updated) throw new NotFoundException(`Priority rule ${id} not found`);
-    return updated;
-  }
-
-  /** Soft-delete a priority rule. */
-  async remove(id: string): Promise<void> {
-    await this.findById(id);
-    await this.repository.softDelete(id);
-  }
-}
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/rates.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/rates.service.ts
index 0202ef44a..291d1959d 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/services/rates.service.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/services/rates.service.ts
@@ -30,7 +30,7 @@ export class RatesService {
       skip: (page - 1) * pageSize,
       take: pageSize,
     });
-    return { data, meta: { total, page, pageSize, totalPages: Math.ceil(total / pageSize) } };
+    return { data, meta: { total, page, pageSize, totalPages: Math.max(1, Math.ceil(total / pageSize)) } };
   }
 
   /** Return all currently LIVE rates. */
@@ -51,7 +51,7 @@ export class RatesService {
       rateType: dto.rateType as Rate['rateType'],
       containerTypeId: dto.containerTypeId,
       tradeDirection: dto.tradeDirection,
-      currency: dto.currency,
+      currency: dto.currency ?? 'USD',
       rateValue: dto.rateValue,
       rateUnit: dto.rateUnit as Rate['rateUnit'],
       status: 'DRAFT',
@@ -71,7 +71,7 @@ export class RatesService {
     if (dto.rateType) updates.rateType = dto.rateType as Rate['rateType'];
     if (dto.containerTypeId !== undefined) updates.containerTypeId = dto.containerTypeId;
     if (dto.tradeDirection !== undefined) updates.tradeDirection = dto.tradeDirection;
-    if (dto.currency) updates.currency = dto.currency;
+    updates.currency = dto.currency ?? existing.currency ?? 'USD';
     if (dto.rateValue !== undefined) updates.rateValue = dto.rateValue;
     if (dto.rateUnit) updates.rateUnit = dto.rateUnit as Rate['rateUnit'];
     if (dto.effectiveFrom) updates.effectiveFrom = new Date(dto.effectiveFrom);
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/service-types.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/service-types.service.ts
index 1d54582a1..2ad8753c3 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/services/service-types.service.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/services/service-types.service.ts
@@ -2,18 +2,21 @@ import { ConflictException, Inject, Injectable, NotFoundException } from '@nestj
 import { ILike } from 'typeorm';
 import { generateCode } from '../../../common/utils/generate-code.util';
 import { CreateServiceTypeDto } from '../dto/create-service-type.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateServiceTypeDto } from '../dto/update-service-type.dto';
 import { ServiceType } from '../entities/service-type.entity';
 import {
   IServiceTypesRepository,
   SERVICE_TYPES_REPOSITORY,
 } from '../interfaces/service-types.repository.interface';
+import { DisplayOrderService } from './display-order.service';
 
 @Injectable()
 export class ServiceTypesService {
   constructor(
     @Inject(SERVICE_TYPES_REPOSITORY)
     private readonly repository: IServiceTypesRepository,
+    private readonly displayOrder: DisplayOrderService,
   ) {}
 
   /** List service types with pagination and optional filtering. */
@@ -27,7 +30,7 @@ export class ServiceTypesService {
     sortOrder?: 'ASC' | 'DESC';
   }): Promise<{ data: ServiceType[]; meta: { total: number; page: number; pageSize: number; totalPages: number } }> {
     const page = filter.page ?? 1;
-    const pageSize = filter.pageSize ?? 20;
+    const pageSize = filter.pageSize ?? 10;
     const where: Record<string, unknown> = {};
     if (filter.isActive !== undefined) where.isActive = filter.isActive;
     if (filter.canBeBookedAlone !== undefined) where.canBeBookedAlone = filter.canBeBookedAlone;
@@ -59,6 +62,12 @@ export class ServiceTypesService {
     const code = generateCode(dto.serviceName);
     const existing = await this.repository.findByCode(code);
     if (existing) throw new ConflictException(`Service type with name "${dto.serviceName}" conflicts with existing code "${code}"`);
+
+    const displayOrder = await this.displayOrder.resolveCreateOrder(ServiceType, 'displayOrder', {
+      explicitOrder: dto.displayOrder,
+      insertAfterId: dto.insertAfterId,
+    });
+
     return this.repository.create({
       code,
       serviceName: dto.serviceName,
@@ -69,7 +78,7 @@ export class ServiceTypesService {
       includesCustoms: dto.includesCustoms ?? false,
       priorityBonusPoints: dto.priorityBonusPoints ?? 0,
       isActive: dto.isActive ?? true,
-      displayOrder: dto.displayOrder ?? 1,
+      displayOrder,
     });
   }
 
@@ -87,4 +96,13 @@ export class ServiceTypesService {
     await this.findById(id);
     await this.repository.softDelete(id);
   }
+
+  async reorder(dto: ReorderItemsDto): Promise<void> {
+    await this.displayOrder.reorderByIds(ServiceType, 'displayOrder', dto.ids);
+  }
+
+  async moveOrder(id: string, direction: 'up' | 'down'): Promise<void> {
+    await this.findById(id);
+    await this.displayOrder.moveOne(ServiceType, 'displayOrder', id, direction);
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/rule-engine/services/yards.service.ts b/apps/edr-freight-api/src/modules/rule-engine/services/yards.service.ts
index 5e53cb1fd..0c95582af 100644
--- a/apps/edr-freight-api/src/modules/rule-engine/services/yards.service.ts
+++ b/apps/edr-freight-api/src/modules/rule-engine/services/yards.service.ts
@@ -1,15 +1,18 @@
 import { ConflictException, Inject, Injectable, NotFoundException } from '@nestjs/common';
 import { generateCode } from '../../../common/utils/generate-code.util';
 import { CreateYardDto } from '../dto/create-yard.dto';
+import { ReorderItemsDto } from '../dto/reorder-items.dto';
 import { UpdateYardDto } from '../dto/update-yard.dto';
 import { Yard } from '../entities/yard.entity';
 import { IYardsRepository, YARDS_REPOSITORY } from '../interfaces/yards.repository.interface';
+import { DisplayOrderService } from './display-order.service';
 
 @Injectable()
 export class YardsService {
   constructor(
     @Inject(YARDS_REPOSITORY)
     private readonly repository: IYardsRepository,
+    private readonly displayOrder: DisplayOrderService,
   ) {}
 
   /** List yards with pagination. */
@@ -20,7 +23,7 @@ export class YardsService {
     pageSize?: number;
   }): Promise<{ data: Yard[]; meta: { total: number; page: number; pageSize: number; totalPages: number } }> {
     const page = filter.page ?? 1;
-    const pageSize = filter.pageSize ?? 20;
+    const pageSize = filter.pageSize ?? 10;
     const where: Record<string, unknown> = {};
     if (filter.isActive !== undefined) where.isActive = filter.isActive;
     if (filter.country) where.country = filter.country;
@@ -46,12 +49,18 @@ export class YardsService {
     const code = generateCode(dto.label);
     const existing = await this.repository.findByCode(code);
     if (existing) throw new ConflictException(`Yard with label "${dto.label}" conflicts with existing code "${code}"`);
+
+    const displayOrder = await this.displayOrder.resolveCreateOrder(Yard, 'displayOrder', {
+      explicitOrder: dto.displayOrder,
+      insertAfterId: dto.insertAfterId,
+    });
+
     return this.repository.create({
       code,
       label: dto.label,
       country: dto.country,
       isActive: dto.isActive ?? true,
-      displayOrder: dto.displayOrder ?? 1,
+      displayOrder,
     });
   }
 
@@ -68,4 +77,13 @@ export class YardsService {
     await this.findById(id);
     await this.repository.softDelete(id);
   }
+
+  async reorder(dto: ReorderItemsDto): Promise<void> {
+    await this.displayOrder.reorderByIds(Yard, 'displayOrder', dto.ids);
+  }
+
+  async moveOrder(id: string, direction: 'up' | 'down'): Promise<void> {
+    await this.findById(id);
+    await this.displayOrder.moveOne(Yard, 'displayOrder', id, direction);
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/scheduling-reschedule/dto/preview-reschedule.dto.ts b/apps/edr-freight-api/src/modules/scheduling-reschedule/dto/preview-reschedule.dto.ts
new file mode 100644
index 000000000..d1b6f80f3
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/scheduling-reschedule/dto/preview-reschedule.dto.ts
@@ -0,0 +1,46 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import {
+  ArrayMinSize,
+  IsArray,
+  IsDateString,
+  IsIn,
+  IsOptional,
+  IsString,
+  IsUUID,
+} from 'class-validator';
+
+import { RESCHEDULE_TRIGGERS } from '../entities/scheduling-event.entity';
+
+export class PreviewRescheduleDto {
+  @ApiProperty({ type: [String] })
+  @IsArray()
+  @ArrayMinSize(1)
+  @IsUUID('4', { each: true })
+  incomingBookingIds!: string[];
+
+  @ApiProperty({ enum: RESCHEDULE_TRIGGERS })
+  @IsIn([...RESCHEDULE_TRIGGERS])
+  trigger!: (typeof RESCHEDULE_TRIGGERS)[number];
+
+  @ApiPropertyOptional()
+  @IsOptional()
+  @IsString()
+  reason?: string;
+
+  @ApiPropertyOptional({ example: '2026-06-22T08:00:00.000Z' })
+  @IsOptional()
+  @IsDateString()
+  newDepartureDate?: string;
+}
+
+export class ExecuteRescheduleDto extends PreviewRescheduleDto {
+  @ApiProperty({ type: [String], description: 'Booking IDs to assign after reschedule' })
+  @IsArray()
+  @IsUUID('4', { each: true })
+  finalBookingIds!: string[];
+
+  @ApiProperty({ type: [String], description: 'Booking IDs removed from the schedule' })
+  @IsArray()
+  @IsUUID('4', { each: true })
+  displacedBookingIds!: string[];
+}
diff --git a/apps/edr-freight-api/src/modules/scheduling-reschedule/entities/scheduling-event.entity.ts b/apps/edr-freight-api/src/modules/scheduling-reschedule/entities/scheduling-event.entity.ts
new file mode 100644
index 000000000..c8814755c
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/scheduling-reschedule/entities/scheduling-event.entity.ts
@@ -0,0 +1,33 @@
+import { BaseEntity } from '@edr/api-common';
+import { Column, Entity, Index } from 'typeorm';
+
+export const RESCHEDULE_TRIGGERS = [
+  'GOVERNMENT_PREEMPT',
+  'TRAIN_MAINTENANCE',
+  'MANUAL',
+  'CAPACITY_REBALANCE',
+] as const;
+
+export type RescheduleTrigger = (typeof RESCHEDULE_TRIGGERS)[number];
+
+@Entity({ schema: 'freight', name: 'scheduling_events' })
+@Index(['trainScheduleId'])
+export class SchedulingEvent extends BaseEntity {
+  @Column({ name: 'train_schedule_id', type: 'uuid' })
+  trainScheduleId!: string;
+
+  @Column({ name: 'trigger', type: 'varchar', length: 40 })
+  trigger!: RescheduleTrigger;
+
+  @Column({ name: 'actor_user_id', type: 'uuid', nullable: true })
+  actorUserId?: string | null;
+
+  @Column({ name: 'reason', type: 'text', nullable: true })
+  reason?: string | null;
+
+  @Column({ name: 'plan_snapshot', type: 'jsonb' })
+  planSnapshot!: Record<string, unknown>;
+
+  @Column({ name: 'displaced_booking_ids', type: 'jsonb', default: '[]' })
+  displacedBookingIds!: string[];
+}
diff --git a/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.controller.ts b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.controller.ts
new file mode 100644
index 000000000..0145db3db
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.controller.ts
@@ -0,0 +1,65 @@
+import { Body, Controller, Param, ParseUUIDPipe, Post } from '@nestjs/common';
+import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
+import { CurrentUser } from '@edr/api-common';
+
+import { TrainSchedulingManage } from '../../common/booking-guards';
+import {
+  type AuthUserPayload,
+  resolveAuthUserId,
+} from '../../common/resolve-auth-user-id';
+import { ExecuteRescheduleDto, PreviewRescheduleDto } from './dto/preview-reschedule.dto';
+import { SchedulingRescheduleService } from './scheduling-reschedule.service';
+
+@ApiTags('train-scheduling')
+@ApiBearerAuth()
+@Controller('train-scheduling/schedules/:id/reschedule')
+export class SchedulingRescheduleController {
+  constructor(private readonly schedulingRescheduleService: SchedulingRescheduleService) {}
+
+  @Post('preview')
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: 'Preview reschedule / government preempt plan' })
+  preview(
+    @Param('id', ParseUUIDPipe) id: string,
+    @Body() dto: PreviewRescheduleDto,
+  ) {
+    return this.schedulingRescheduleService.previewReschedule(id, dto);
+  }
+
+  @Post('execute')
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: 'Execute a confirmed reschedule plan' })
+  execute(
+    @Param('id', ParseUUIDPipe) id: string,
+    @Body() dto: ExecuteRescheduleDto,
+    @CurrentUser() user: AuthUserPayload,
+  ) {
+    return this.schedulingRescheduleService.executeReschedule(
+      id,
+      dto,
+      resolveAuthUserId(user),
+    );
+  }
+}
+
+@ApiTags('train-scheduling')
+@ApiBearerAuth()
+@Controller('train-scheduling/schedules/:id')
+export class SchedulingMaintenanceController {
+  constructor(private readonly schedulingRescheduleService: SchedulingRescheduleService) {}
+
+  @Post('maintenance')
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: 'Reschedule train for maintenance (new departure + rebalance)' })
+  maintenance(
+    @Param('id', ParseUUIDPipe) id: string,
+    @Body() dto: PreviewRescheduleDto & { newDepartureDate: string },
+    @CurrentUser() user: AuthUserPayload,
+  ) {
+    return this.schedulingRescheduleService.maintenanceReschedule(
+      id,
+      dto,
+      resolveAuthUserId(user),
+    );
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.module.ts b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.module.ts
new file mode 100644
index 000000000..fa141057f
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.module.ts
@@ -0,0 +1,26 @@
+import { Module } from '@nestjs/common';
+import { TypeOrmModule } from '@nestjs/typeorm';
+
+import { BookingsModule } from '../bookings/bookings.module';
+import { TrainSchedulesModule } from '../train-schedules/train-schedules.module';
+import { TrainSchedulingModule } from '../train-scheduling/train-scheduling.module';
+import { SchedulingEvent } from './entities/scheduling-event.entity';
+import {
+  SchedulingMaintenanceController,
+  SchedulingRescheduleController,
+} from './scheduling-reschedule.controller';
+import { SchedulingRescheduleRepository } from './scheduling-reschedule.repository';
+import { SchedulingRescheduleService } from './scheduling-reschedule.service';
+
+@Module({
+  imports: [
+    TypeOrmModule.forFeature([SchedulingEvent]),
+    BookingsModule,
+    TrainSchedulesModule,
+    TrainSchedulingModule,
+  ],
+  controllers: [SchedulingRescheduleController, SchedulingMaintenanceController],
+  providers: [SchedulingRescheduleRepository, SchedulingRescheduleService],
+  exports: [SchedulingRescheduleService],
+})
+export class SchedulingRescheduleModule {}
diff --git a/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.repository.ts b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.repository.ts
new file mode 100644
index 000000000..5a328ed0b
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.repository.ts
@@ -0,0 +1,25 @@
+import { Injectable } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { Repository } from 'typeorm';
+
+import { SchedulingEvent, type RescheduleTrigger } from './entities/scheduling-event.entity';
+
+@Injectable()
+export class SchedulingRescheduleRepository {
+  constructor(
+    @InjectRepository(SchedulingEvent)
+    private readonly repository: Repository<SchedulingEvent>,
+  ) {}
+
+  /** Persist an audit record for a completed reschedule. */
+  async createEvent(data: {
+    trainScheduleId: string;
+    trigger: RescheduleTrigger;
+    actorUserId?: string;
+    reason?: string;
+    planSnapshot: Record<string, unknown>;
+    displacedBookingIds: string[];
+  }): Promise<SchedulingEvent> {
+    return this.repository.save(this.repository.create(data));
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.service.spec.ts b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.service.spec.ts
new file mode 100644
index 000000000..905e827e8
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.service.spec.ts
@@ -0,0 +1,230 @@
+import { BadRequestException } from '@nestjs/common';
+
+import { compareSchedulingPriority } from '../scheduling/compare-scheduling-priority.util';
+import { SchedulingRescheduleService } from './scheduling-reschedule.service';
+
+const makeBooking = (
+  id: string,
+  reference: string,
+  extra: Record<string, unknown> = {},
+) => ({
+  id,
+  reference,
+  freightType: 'CONTAINER',
+  cargoTotalWeightVgm: 100,
+  scheduledDate: new Date('2026-06-20T08:00:00.000Z'),
+  originYardId: 'yard-origin',
+  destinationYardId: 'yard-destination',
+  status: 'PAID',
+  isGovernment: false,
+  priorityScore: 50,
+  bookingContainers: [
+    {
+      id: `${id}-line`,
+      wagonsRequired: 5,
+      quantity: 1,
+      vgmPerUnitTons: 100,
+    },
+  ],
+  ...extra,
+});
+
+describe('compareSchedulingPriority', () => {
+  it('orders government before commercial', () => {
+    const sorted = [
+      {
+        isGovernment: false,
+        priorityScore: 50000,
+        scheduledDate: new Date('2026-06-20'),
+      },
+      {
+        isGovernment: true,
+        priorityScore: 100,
+        scheduledDate: new Date('2026-06-25'),
+      },
+    ].sort(compareSchedulingPriority);
+
+    expect(sorted[0]?.isGovernment).toBe(true);
+  });
+});
+
+describe('SchedulingRescheduleService', () => {
+  let service: SchedulingRescheduleService;
+  let trainSchedulesRepository: Record<string, jest.Mock>;
+  let bookingsRepository: Record<string, jest.Mock>;
+  let trainSchedulingService: Record<string, jest.Mock>;
+  let schedulingRescheduleRepository: Record<string, jest.Mock>;
+
+  beforeEach(() => {
+    trainSchedulesRepository = {
+      findByIdWithFullGraph: jest.fn(),
+      updateStatus: jest.fn(),
+    };
+    bookingsRepository = {
+      findByIdsForScheduling: jest.fn(),
+      updateSchedulingFields: jest.fn(),
+    };
+    trainSchedulingService = {
+      previewTrainSchedule: jest.fn(),
+      unassignBooking: jest.fn(),
+      assignBookingsToSchedule: jest.fn(),
+    };
+    schedulingRescheduleRepository = {
+      createEvent: jest.fn().mockResolvedValue({ id: 'event-1' }),
+    };
+
+    service = new SchedulingRescheduleService(
+      trainSchedulesRepository as never,
+      bookingsRepository as never,
+      trainSchedulingService as never,
+      schedulingRescheduleRepository as never,
+    );
+  });
+
+  it('rejects reschedule on dispatched trains', async () => {
+    trainSchedulesRepository.findByIdWithFullGraph.mockResolvedValue({
+      id: 'sched-1',
+      status: 'DISPATCHED',
+      scheduleBookings: [],
+    });
+
+    await expect(
+      service.previewReschedule('sched-1', {
+        incomingBookingIds: ['gov-1'],
+        trigger: 'GOVERNMENT_PREEMPT',
+      }),
+    ).rejects.toBeInstanceOf(BadRequestException);
+  });
+
+  it('displaces lower-priority commercial when government incoming exceeds capacity', async () => {
+    const commercial = makeBooking('c1', 'BKG-COMM', { priorityScore: 10, isGovernment: false });
+    const government = makeBooking('g1', 'BKG-GOV', {
+      isGovernment: true,
+      priorityScore: 60000,
+      governmentInstitution: 'Ministry',
+    });
+
+    trainSchedulesRepository.findByIdWithFullGraph.mockResolvedValue({
+      id: 'sched-1',
+      status: 'DRAFT',
+      scheduledDepartureDate: new Date('2026-06-20T08:00:00.000Z'),
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+      scheduleBookings: [{ bookingId: 'c1', booking: commercial }],
+    });
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue([government]);
+
+    trainSchedulingService.previewTrainSchedule.mockImplementation(
+      async ({ bookingIds }: { bookingIds: string[] }) => ({
+        valid: bookingIds.length <= 1,
+        violations: bookingIds.length > 1 ? ['Train capacity exceeded'] : [],
+        warnings: [],
+      }),
+    );
+
+    const plan = await service.previewReschedule('sched-1', {
+      incomingBookingIds: ['g1'],
+      trigger: 'GOVERNMENT_PREEMPT',
+    });
+
+    expect(plan.retained.map((b) => b.id)).toEqual(['g1']);
+    expect(plan.displaced.map((b) => b.id)).toEqual(['c1']);
+    expect(plan.finalBookingIds).toEqual(['g1']);
+  });
+
+  it('readmits high-priority commercial when spare capacity remains', async () => {
+    const low = makeBooking('c-low', 'BKG-LOW', { priorityScore: 5 });
+    const high = makeBooking('c-high', 'BKG-HIGH', { priorityScore: 500 });
+    const government = makeBooking('g1', 'BKG-GOV', { isGovernment: true, priorityScore: 60000 });
+
+    trainSchedulesRepository.findByIdWithFullGraph.mockResolvedValue({
+      id: 'sched-1',
+      status: 'DRAFT',
+      scheduledDepartureDate: new Date('2026-06-20T08:00:00.000Z'),
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+      scheduleBookings: [
+        { bookingId: 'c-low', booking: low },
+        { bookingId: 'c-high', booking: high },
+      ],
+    });
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue([government]);
+
+    const fitAttempts = new Map<string, number>();
+    trainSchedulingService.previewTrainSchedule.mockImplementation(
+      async ({ bookingIds }: { bookingIds: string[] }) => {
+        const key = [...bookingIds].sort().join(',');
+        const attempt = (fitAttempts.get(key) ?? 0) + 1;
+        fitAttempts.set(key, attempt);
+
+        const fits =
+          bookingIds.length === 1 ||
+          (key === 'c-high,g1' && attempt > 1);
+
+        return {
+          valid: fits,
+          violations: fits ? [] : ['Train capacity exceeded'],
+          warnings: [],
+        };
+      },
+    );
+
+    const plan = await service.previewReschedule('sched-1', {
+      incomingBookingIds: ['g1'],
+      trigger: 'GOVERNMENT_PREEMPT',
+    });
+
+    expect(plan.retained.map((b) => b.id)).toEqual(['g1']);
+    expect(plan.readmitted.map((b) => b.id)).toEqual(['c-high']);
+    expect(plan.displaced.map((b) => b.id)).toEqual(['c-low']);
+    expect(plan.finalBookingIds).toEqual(['g1', 'c-high']);
+  });
+
+  it('maintenance reschedule updates departure and rebalances bookings', async () => {
+    const commercial = makeBooking('c1', 'BKG-COMM', { priorityScore: 10 });
+    const schedule = {
+      id: 'sched-1',
+      status: 'DRAFT',
+      scheduledDepartureDate: new Date('2026-06-20T08:00:00.000Z'),
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+      scheduleBookings: [{ bookingId: 'c1', booking: commercial }],
+    };
+
+    trainSchedulesRepository.findByIdWithFullGraph.mockResolvedValue(schedule);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue([commercial]);
+    trainSchedulingService.previewTrainSchedule.mockResolvedValue({
+      valid: true,
+      violations: [],
+      warnings: [],
+    });
+    trainSchedulesRepository.updateStatus.mockResolvedValue(undefined);
+    trainSchedulingService.assignBookingsToSchedule.mockResolvedValue({ id: 'sched-1' });
+
+    const result = await service.maintenanceReschedule(
+      'sched-1',
+      {
+        incomingBookingIds: ['c1'],
+        trigger: 'TRAIN_MAINTENANCE',
+        reason: 'Locomotive service',
+        newDepartureDate: '2026-06-22T10:00:00.000Z',
+      },
+      'staff-1',
+    );
+
+    expect(trainSchedulesRepository.updateStatus).toHaveBeenCalledWith(
+      'sched-1',
+      'DRAFT',
+      { scheduledDepartureDate: new Date('2026-06-22T10:00:00.000Z') },
+    );
+    expect(schedulingRescheduleRepository.createEvent).toHaveBeenCalledWith(
+      expect.objectContaining({
+        trigger: 'TRAIN_MAINTENANCE',
+        actorUserId: 'staff-1',
+        reason: 'Locomotive service',
+      }),
+    );
+    expect(result.plan.trigger).toBe('TRAIN_MAINTENANCE');
+    expect(result.plan.finalBookingIds).toEqual(['c1']);
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.service.ts b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.service.ts
new file mode 100644
index 000000000..7191a203e
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/scheduling-reschedule/scheduling-reschedule.service.ts
@@ -0,0 +1,230 @@
+import {
+  BadRequestException,
+  Injectable,
+  NotFoundException,
+} from '@nestjs/common';
+import { SchedulingStatus, TrainScheduleStatus } from '@edr/types';
+
+import { Booking } from '../bookings/entities/booking.entity';
+import { BookingsRepository } from '../bookings/bookings.repository';
+import { compareSchedulingPriority } from '../scheduling/compare-scheduling-priority.util';
+import { TrainSchedulesRepository } from '../train-schedules/train-schedules.repository';
+import { TrainSchedulingService } from '../train-scheduling/train-scheduling.service';
+import { ExecuteRescheduleDto, PreviewRescheduleDto } from './dto/preview-reschedule.dto';
+import { SchedulingRescheduleRepository } from './scheduling-reschedule.repository';
+
+export interface RescheduleBookingSummary {
+  id: string;
+  reference: string;
+  isGovernment: boolean;
+  priorityScore: number;
+  governmentInstitution?: string | null;
+}
+
+export interface ReschedulePlan {
+  scheduleId: string;
+  trigger: PreviewRescheduleDto['trigger'];
+  retained: RescheduleBookingSummary[];
+  displaced: RescheduleBookingSummary[];
+  readmitted: RescheduleBookingSummary[];
+  finalBookingIds: string[];
+  warnings: string[];
+}
+
+@Injectable()
+export class SchedulingRescheduleService {
+  constructor(
+    private readonly trainSchedulesRepository: TrainSchedulesRepository,
+    private readonly bookingsRepository: BookingsRepository,
+    private readonly trainSchedulingService: TrainSchedulingService,
+    private readonly schedulingRescheduleRepository: SchedulingRescheduleRepository,
+  ) {}
+
+  /** Preview who is retained, displaced, and readmitted on a schedule. */
+  async previewReschedule(
+    scheduleId: string,
+    dto: PreviewRescheduleDto,
+  ): Promise<ReschedulePlan> {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (schedule.status === TrainScheduleStatus.Dispatched) {
+      throw new BadRequestException('Cannot reschedule a dispatched train');
+    }
+
+    const currentOnSchedule = (schedule.scheduleBookings ?? [])
+      .map((link) => link.booking)
+      .filter((b): b is Booking => Boolean(b));
+
+    const incoming = await this.bookingsRepository.findByIdsForScheduling(dto.incomingBookingIds);
+    if (incoming.length !== dto.incomingBookingIds.length) {
+      throw new BadRequestException('One or more incoming bookings were not found');
+    }
+
+    const mergedMap = new Map<string, Booking>();
+    for (const booking of [...currentOnSchedule, ...incoming]) {
+      mergedMap.set(booking.id, booking);
+    }
+    const sorted = [...mergedMap.values()].sort(compareSchedulingPriority);
+
+    const warnings: string[] = [];
+    const retained: Booking[] = [];
+
+    for (const booking of sorted) {
+      const candidate = [...retained, booking];
+      const fits = await this.bookingsFitOnSchedule(candidate, schedule, scheduleId);
+      if (fits) {
+        retained.push(booking);
+      } else if (currentOnSchedule.some((b) => b.id === booking.id)) {
+        warnings.push(`Booking ${booking.reference} will be displaced from the train`);
+      }
+    }
+
+    const retainedIds = new Set(retained.map((b) => b.id));
+    const displacedFromCurrent = currentOnSchedule.filter((b) => !retainedIds.has(b.id));
+    const readmitted: Booking[] = [];
+
+    const displacedCommercial = displacedFromCurrent
+      .filter((b) => !b.isGovernment)
+      .sort(compareSchedulingPriority);
+
+    for (const booking of displacedCommercial) {
+      const candidate = [...retained, ...readmitted, booking];
+      const fits = await this.bookingsFitOnSchedule(candidate, schedule, scheduleId);
+      if (fits) {
+        readmitted.push(booking);
+        warnings.push(`Booking ${booking.reference} readmitted after government placement`);
+      }
+    }
+
+    const finalIds = [...retained, ...readmitted].map((b) => b.id);
+    const displacedIds = new Set(displacedFromCurrent.map((b) => b.id));
+    for (const id of readmitted.map((b) => b.id)) {
+      displacedIds.delete(id);
+    }
+    const displaced = displacedFromCurrent.filter((b) => displacedIds.has(b.id));
+
+    return {
+      scheduleId,
+      trigger: dto.trigger,
+      retained: retained.map((b) => this.toSummary(b)),
+      displaced: displaced.map((b) => this.toSummary(b)),
+      readmitted: readmitted.map((b) => this.toSummary(b)),
+      finalBookingIds: finalIds,
+      warnings,
+    };
+  }
+
+  /** Execute a confirmed reschedule plan. */
+  async executeReschedule(
+    scheduleId: string,
+    dto: ExecuteRescheduleDto,
+    actorUserId?: string,
+  ) {
+    const plan = await this.previewReschedule(scheduleId, dto);
+    const expectedDisplaced = new Set(plan.displaced.map((b) => b.id));
+    const providedDisplaced = new Set(dto.displacedBookingIds);
+    if (
+      expectedDisplaced.size !== providedDisplaced.size ||
+      [...expectedDisplaced].some((id) => !providedDisplaced.has(id))
+    ) {
+      throw new BadRequestException('Displaced booking list does not match current preview');
+    }
+
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+
+    if (dto.newDepartureDate && schedule) {
+      await this.trainSchedulesRepository.updateStatus(
+        scheduleId,
+        schedule.status as TrainScheduleStatus,
+        { scheduledDepartureDate: new Date(dto.newDepartureDate) },
+      );
+    }
+
+    for (const bookingId of dto.displacedBookingIds) {
+      try {
+        await this.trainSchedulingService.unassignBooking(scheduleId, bookingId);
+      } catch {
+        await this.bookingsRepository.updateSchedulingFields(bookingId, {
+          schedulingStatus: SchedulingStatus.Eligible,
+          wagonsRequired: null,
+        });
+      }
+    }
+
+    const assignResult = await this.trainSchedulingService.assignBookingsToSchedule(scheduleId, {
+      bookingIds: dto.finalBookingIds,
+      forceAssign: dto.trigger === 'GOVERNMENT_PREEMPT',
+    });
+
+    await this.schedulingRescheduleRepository.createEvent({
+      trainScheduleId: scheduleId,
+      trigger: dto.trigger,
+      actorUserId,
+      reason: dto.reason,
+      planSnapshot: plan as unknown as Record<string, unknown>,
+      displacedBookingIds: dto.displacedBookingIds,
+    });
+
+    return { plan, schedule: assignResult };
+  }
+
+  /** Maintenance shortcut: new departure + rebalance. */
+  async maintenanceReschedule(
+    scheduleId: string,
+    dto: PreviewRescheduleDto & { newDepartureDate: string },
+    actorUserId?: string,
+  ) {
+    const currentIds = (
+      await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId)
+    )?.scheduleBookings?.map((l) => l.bookingId) ?? [];
+
+    const preview = await this.previewReschedule(scheduleId, {
+      ...dto,
+      trigger: 'TRAIN_MAINTENANCE',
+      incomingBookingIds: currentIds.length ? currentIds : dto.incomingBookingIds,
+    });
+
+    return this.executeReschedule(
+      scheduleId,
+      {
+        ...dto,
+        trigger: 'TRAIN_MAINTENANCE',
+        incomingBookingIds: dto.incomingBookingIds,
+        finalBookingIds: preview.finalBookingIds,
+        displacedBookingIds: preview.displaced.map((b) => b.id),
+      },
+      actorUserId,
+    );
+  }
+
+  private async bookingsFitOnSchedule(
+    bookings: Booking[],
+    schedule: { scheduledDepartureDate: Date; originStationId: string; destinationStationId: string },
+    scheduleId: string,
+  ): Promise<boolean> {
+    if (!bookings.length) return true;
+    const preview = await this.trainSchedulingService.previewTrainSchedule({
+      bookingIds: bookings.map((b) => b.id),
+      scheduleDate: schedule.scheduledDepartureDate.toISOString(),
+      originStationId: schedule.originStationId,
+      destinationStationId: schedule.destinationStationId,
+      targetScheduleId: scheduleId,
+    });
+    return preview.valid;
+  }
+
+  private toSummary(booking: Booking): RescheduleBookingSummary {
+    return {
+      id: booking.id,
+      reference: booking.reference,
+      isGovernment: booking.isGovernment,
+      priorityScore: booking.priorityScore,
+      governmentInstitution: booking.governmentInstitution,
+    };
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/scheduling/compare-scheduling-priority.util.ts b/apps/edr-freight-api/src/modules/scheduling/compare-scheduling-priority.util.ts
new file mode 100644
index 000000000..a7f7350c4
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/scheduling/compare-scheduling-priority.util.ts
@@ -0,0 +1,19 @@
+export interface SchedulingPriorityBooking {
+  isGovernment?: boolean;
+  priorityScore?: number | null;
+  scheduledDate: Date | string;
+}
+
+/** Government first, then priority score, then earliest scheduled date. */
+export function compareSchedulingPriority(
+  a: SchedulingPriorityBooking,
+  b: SchedulingPriorityBooking,
+): number {
+  const govDiff = Number(Boolean(b.isGovernment)) - Number(Boolean(a.isGovernment));
+  if (govDiff !== 0) return govDiff;
+
+  const priorityDiff = (b.priorityScore ?? 0) - (a.priorityScore ?? 0);
+  if (priorityDiff !== 0) return priorityDiff;
+
+  return new Date(a.scheduledDate).getTime() - new Date(b.scheduledDate).getTime();
+}
diff --git a/apps/edr-freight-api/src/modules/signatures/dto/save-signature.dto.ts b/apps/edr-freight-api/src/modules/signatures/dto/save-signature.dto.ts
new file mode 100644
index 000000000..a5ae63100
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/signatures/dto/save-signature.dto.ts
@@ -0,0 +1,24 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsString, MinLength } from 'class-validator';
+
+export class SaveSignatureDto {
+  @ApiProperty()
+  @IsString()
+  @MinLength(1)
+  signerDisplayName!: string;
+
+  @ApiProperty({
+    description: 'PNG signature image as base64 (with or without data URL prefix)',
+  })
+  @IsString()
+  @MinLength(20)
+  signatureImageBase64!: string;
+}
+
+export class SavedSignatureDto {
+  @ApiProperty()
+  signerDisplayName!: string;
+
+  @ApiProperty({ nullable: true })
+  signatureImageUrl!: string | null;
+}
diff --git a/apps/edr-freight-api/src/modules/signatures/entities/saved-signature.entity.ts b/apps/edr-freight-api/src/modules/signatures/entities/saved-signature.entity.ts
new file mode 100644
index 000000000..08263cf7d
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/signatures/entities/saved-signature.entity.ts
@@ -0,0 +1,25 @@
+import { BaseEntity } from '@edr/api-common';
+import { Column, Entity, Index, JoinColumn, ManyToOne } from 'typeorm';
+import { FileRecord } from '../../files/entities/file.entity';
+
+/**
+ * A reusable signature that belongs to a single user (customer or staff).
+ * Captured once and applied to many booking contracts so the signer does not
+ * have to redraw it every time. One active saved signature per user.
+ */
+@Entity({ schema: 'freight', name: 'saved_signatures' })
+@Index(['userId'], { unique: true })
+export class SavedSignature extends BaseEntity {
+  @Column({ name: 'user_id', type: 'uuid' })
+  userId!: string;
+
+  @Column({ name: 'signer_display_name', type: 'varchar', length: 200 })
+  signerDisplayName!: string;
+
+  @Column({ name: 'signature_file_id', type: 'uuid', nullable: true })
+  signatureFileId?: string | null;
+
+  @ManyToOne(() => FileRecord, { nullable: true })
+  @JoinColumn({ name: 'signature_file_id' })
+  signatureFile?: FileRecord | null;
+}
diff --git a/apps/edr-freight-api/src/modules/signatures/signatures.controller.ts b/apps/edr-freight-api/src/modules/signatures/signatures.controller.ts
new file mode 100644
index 000000000..d112edef3
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/signatures/signatures.controller.ts
@@ -0,0 +1,39 @@
+import { Body, Controller, Get, Put, Request } from '@nestjs/common';
+import { ApiOkResponse, ApiOperation, ApiTags } from '@nestjs/swagger';
+
+import { SignaturesService } from './signatures.service';
+import { SaveSignatureDto, SavedSignatureDto } from './dto/save-signature.dto';
+
+@ApiTags('Signatures')
+@Controller('me/signature')
+export class SignaturesController {
+  constructor(private readonly signaturesService: SignaturesService) {}
+
+  @Get()
+  @ApiOkResponse({ type: SavedSignatureDto })
+  @ApiOperation({ summary: "Current user's reusable saved signature" })
+  getMySignature(
+    @Request() req: { user?: { id?: string; sub?: string } },
+  ): Promise<SavedSignatureDto | null> {
+    const userId = req.user?.id ?? req.user?.sub;
+    if (!userId) return Promise.resolve(null);
+    return this.signaturesService.getForUser(userId);
+  }
+
+  @Put()
+  @ApiOkResponse({ type: SavedSignatureDto })
+  @ApiOperation({ summary: 'Create or update the reusable saved signature' })
+  async saveMySignature(
+    @Body() dto: SaveSignatureDto,
+    @Request() req: { user?: { id?: string; sub?: string } },
+  ): Promise<SavedSignatureDto | null> {
+    const userId = req.user?.id ?? req.user?.sub;
+    if (!userId) return null;
+    await this.signaturesService.upsertForUser({
+      userId,
+      signerDisplayName: dto.signerDisplayName,
+      signatureImageBase64: dto.signatureImageBase64,
+    });
+    return this.signaturesService.getForUser(userId);
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/signatures/signatures.module.ts b/apps/edr-freight-api/src/modules/signatures/signatures.module.ts
new file mode 100644
index 000000000..32292d995
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/signatures/signatures.module.ts
@@ -0,0 +1,21 @@
+import { Module } from '@nestjs/common';
+import { TypeOrmModule } from '@nestjs/typeorm';
+
+import { FilesModule } from '../files/files.module';
+import { MinioModule } from '../minio/minio.module';
+import { SignaturesController } from './signatures.controller';
+import { SignaturesService } from './signatures.service';
+import { SignaturesRepository } from './signatures.repository';
+import { SavedSignature } from './entities/saved-signature.entity';
+
+@Module({
+  imports: [
+    TypeOrmModule.forFeature([SavedSignature]),
+    FilesModule,
+    MinioModule,
+  ],
+  controllers: [SignaturesController],
+  providers: [SignaturesService, SignaturesRepository],
+  exports: [SignaturesService],
+})
+export class SignaturesModule {}
diff --git a/apps/edr-freight-api/src/modules/signatures/signatures.repository.ts b/apps/edr-freight-api/src/modules/signatures/signatures.repository.ts
new file mode 100644
index 000000000..70c04ad7b
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/signatures/signatures.repository.ts
@@ -0,0 +1,34 @@
+import { Injectable } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { Repository } from 'typeorm';
+import { BaseRepository } from '@edr/api-common';
+import { SavedSignature } from './entities/saved-signature.entity';
+
+@Injectable()
+export class SignaturesRepository extends BaseRepository<SavedSignature> {
+  constructor(
+    @InjectRepository(SavedSignature)
+    repo: Repository<SavedSignature>,
+  ) {
+    super(repo);
+  }
+
+  findByUserId(userId: string): Promise<SavedSignature | null> {
+    return this.repository.findOne({
+      where: { userId } as never,
+      relations: ['signatureFile'],
+    });
+  }
+
+  /** Insert or update the single saved signature for a user. */
+  async upsert(data: Partial<SavedSignature>): Promise<SavedSignature> {
+    const existing = await this.repository.findOne({
+      where: { userId: data.userId! } as never,
+    });
+    if (existing) {
+      Object.assign(existing, data);
+      return this.repository.save(existing);
+    }
+    return this.repository.save(this.repository.create(data));
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/signatures/signatures.service.ts b/apps/edr-freight-api/src/modules/signatures/signatures.service.ts
new file mode 100644
index 000000000..7137ab6a5
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/signatures/signatures.service.ts
@@ -0,0 +1,111 @@
+import { Injectable } from '@nestjs/common';
+import { Readable } from 'stream';
+import { DataSource } from 'typeorm';
+
+import { FilesService } from '../files/files.service';
+import { FileRecord } from '../files/entities/file.entity';
+import { MinioService } from '../minio/minio.service';
+import { SignaturesRepository } from './signatures.repository';
+import { SavedSignature } from './entities/saved-signature.entity';
+import { SavedSignatureDto } from './dto/save-signature.dto';
+
+export interface UpsertSignatureInput {
+  userId: string;
+  signerDisplayName: string;
+  signatureImageBase64: string;
+}
+
+@Injectable()
+export class SignaturesService {
+  constructor(
+    private readonly signaturesRepository: SignaturesRepository,
+    private readonly filesService: FilesService,
+    private readonly minioService: MinioService,
+    private readonly dataSource: DataSource,
+  ) {}
+
+  /** Saved signature for a user, with the image inlined as a data URL (or null). */
+  async getForUser(userId: string): Promise<SavedSignatureDto | null> {
+    const saved = await this.signaturesRepository.findByUserId(userId);
+    if (!saved) return null;
+    return {
+      signerDisplayName: saved.signerDisplayName,
+      signatureImageUrl: await this.inlineImageUrl(saved.signatureFile?.url),
+    };
+  }
+
+  /** Insert or update the user's reusable signature, storing the image in MinIO. */
+  async upsertForUser(input: UpsertSignatureInput): Promise<SavedSignature> {
+    const buffer = this.decodeSignatureImage(input.signatureImageBase64);
+    const file: Express.Multer.File = {
+      fieldname: 'signature',
+      originalname: `signature-${input.userId}.png`,
+      encoding: '7bit',
+      mimetype: 'image/png',
+      size: buffer.length,
+      buffer,
+      stream: Readable.from(buffer),
+      destination: '',
+      filename: '',
+      path: '',
+    };
+
+    // Capture the previously referenced file so we can remove it only AFTER the
+    // saved_signatures row is repointed — deleting it first would violate the
+    // FK constraint (saved_signatures.signature_file_id -> files.id).
+    const existing = await this.signaturesRepository.findByUserId(input.userId);
+    const previousFileId = existing?.signatureFileId ?? null;
+
+    const fileRecord = await this.filesService.upload({
+      resourceId: input.userId,
+      resource: 'saved_signatures',
+      code: 'signature',
+      file,
+    });
+
+    const saved = await this.signaturesRepository.upsert({
+      userId: input.userId,
+      signerDisplayName: input.signerDisplayName,
+      signatureFileId: fileRecord.id,
+    });
+
+    if (previousFileId && previousFileId !== fileRecord.id) {
+      await this.dataSource
+        .getRepository(FileRecord)
+        .delete({ id: previousFileId });
+    }
+
+    return saved;
+  }
+
+  private async inlineImageUrl(
+    url?: string | null,
+  ): Promise<string | null> {
+    if (!url) return null;
+    if (url.startsWith('data:')) return url;
+    try {
+      const objectName = this.minioService.getObjectNameFromUrl(url);
+      const stream = await this.minioService.getFileStream(objectName);
+      const buffer = await this.streamToBuffer(stream);
+      return `data:image/png;base64,${buffer.toString('base64')}`;
+    } catch {
+      return url;
+    }
+  }
+
+  private decodeSignatureImage(base64: string): Buffer {
+    const raw = base64.includes(',') ? base64.split(',')[1]! : base64;
+    return Buffer.from(raw, 'base64');
+  }
+
+  private streamToBuffer(stream: Readable): Promise<Buffer> {
+    return new Promise((resolve, reject) => {
+      const chunks: Buffer[] = [];
+      stream.on('data', (chunk: Buffer | string) => {
+        chunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
+      });
+      stream.on('error', reject);
+      stream.on('end', () => resolve(Buffer.concat(chunks)));
+    });
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/train-schedules/entities/train-composition-removal-log.entity.ts b/apps/edr-freight-api/src/modules/train-schedules/entities/train-composition-removal-log.entity.ts
new file mode 100644
index 000000000..b32b42148
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-schedules/entities/train-composition-removal-log.entity.ts
@@ -0,0 +1,22 @@
+import { Column, Entity, Index } from 'typeorm';
+import { BaseEntity } from '@edr/api-common';
+
+@Entity({ schema: 'freight', name: 'train_composition_removal_logs' })
+@Index(['scheduleId'])
+export class TrainCompositionRemovalLog extends BaseEntity {
+  @Column({ name: 'schedule_id', type: 'uuid' }) scheduleId!: string;
+
+  @Column({ name: 'booking_id', type: 'uuid' }) bookingId!: string;
+
+  @Column({ name: 'booking_reference', type: 'varchar', length: 64, nullable: true })
+  bookingReference?: string | null;
+
+  @Column({ name: 'removed_by_user_id', type: 'uuid', nullable: true })
+  removedByUserId?: string | null;
+
+  @Column({ name: 'removed_at', type: 'timestamptz', default: () => 'NOW()' })
+  removedAt!: Date;
+
+  @Column({ name: 'notes', type: 'text', nullable: true })
+  notes?: string | null;
+}
diff --git a/apps/edr-freight-api/src/modules/train-schedules/entities/train-schedule.entity.ts b/apps/edr-freight-api/src/modules/train-schedules/entities/train-schedule.entity.ts
index 746b73248..d1ed23ef7 100644
--- a/apps/edr-freight-api/src/modules/train-schedules/entities/train-schedule.entity.ts
+++ b/apps/edr-freight-api/src/modules/train-schedules/entities/train-schedule.entity.ts
@@ -1,4 +1,5 @@
 import { BaseEntity } from '@edr/api-common';
+import { TrainScheduleStatus as TrainScheduleStatusEnum } from '@edr/types';
 import { Column, Entity, Index, JoinColumn, ManyToOne, OneToMany, OneToOne } from 'typeorm';
 
 import { Yard } from '../../rule-engine/entities/yard.entity';
@@ -7,14 +8,11 @@ import { TrainSet } from '../../train-sets/entities/train-set.entity';
 import { TrainScheduleBooking } from './train-schedule-booking.entity';
 
 export const TRAIN_SCHEDULE_STATUSES = [
-  'DRAFT',
-  'READY',
-  'PUBLISHED',
-  'DEPARTED',
-  'IN_TRANSIT',
-  'ARRIVED',
-  'COMPLETED',
-  'CANCELLED',
+  TrainScheduleStatusEnum.Draft,
+  TrainScheduleStatusEnum.Scheduled,
+  TrainScheduleStatusEnum.Dispatched,
+  TrainScheduleStatusEnum.Arrived,
+  TrainScheduleStatusEnum.Cancelled,
 ] as const;
 
 export type TrainScheduleStatus = (typeof TRAIN_SCHEDULE_STATUSES)[number];
@@ -60,6 +58,31 @@ export class TrainSchedule extends BaseEntity {
   @Column({ name: 'status', type: 'varchar', length: 20, default: 'DRAFT' })
   status!: TrainScheduleStatus;
 
+  @Column({ name: 'train_number', type: 'varchar', length: 20, nullable: true })
+  trainNumber?: string | null;
+
+  @Column({ name: 'direction', type: 'varchar', length: 10, nullable: true })
+  direction?: string | null;
+
+  @Column({ name: 'actual_departure_at', type: 'timestamptz', nullable: true })
+  actualDepartureAt?: Date | null;
+
+  @Column({ name: 'actual_arrival_at', type: 'timestamptz', nullable: true })
+  actualArrivalAt?: Date | null;
+
+  @Column({ name: 'prepared_by_user_id', type: 'uuid', nullable: true })
+  preparedByUserId?: string | null;
+
+  @Column({ name: 'checked_by_user_id', type: 'uuid', nullable: true })
+  checkedByUserId?: string | null;
+
+  @Column({ name: 'max_wagons', type: 'int', default: 53 })
+  maxWagons!: number;
+
+  /** OPEN = accepting/holding bookings; FULL = train filled; CLOSED = manually closed. Orthogonal to `status`. */
+  @Column({ name: 'booking_window_status', type: 'varchar', length: 10, default: 'OPEN' })
+  bookingWindowStatus!: string;
+
   @OneToMany(() => TrainScheduleBooking, (scheduleBooking) => scheduleBooking.trainSchedule)
   scheduleBookings?: TrainScheduleBooking[];
 }
diff --git a/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-allocation-bulk-load.entity.ts b/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-allocation-bulk-load.entity.ts
new file mode 100644
index 000000000..b3ecb4618
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-allocation-bulk-load.entity.ts
@@ -0,0 +1,53 @@
+import { BaseEntity } from '@edr/api-common';
+import { BulkPricingUnit } from '@edr/types';
+import { Column, Entity, Index, JoinColumn, ManyToOne } from 'typeorm';
+
+import { Booking } from '../../bookings/entities/booking.entity';
+import { CargoType } from '../../rule-engine/entities/cargo-type.entity';
+import { WagonBookingAllocation } from './wagon-booking-allocation.entity';
+
+export const BULK_PRICING_UNITS = [
+  BulkPricingUnit.PerWagon,
+  BulkPricingUnit.PerTon,
+  BulkPricingUnit.PerItem,
+] as const;
+
+@Entity({ schema: 'freight', name: 'wagon_allocation_bulk_loads' })
+@Index(['bookingId'])
+export class WagonAllocationBulkLoad extends BaseEntity {
+  @Column({ name: 'wagon_booking_allocation_id', type: 'uuid', unique: true })
+  wagonBookingAllocationId!: string;
+
+  @ManyToOne(() => WagonBookingAllocation, { onDelete: 'CASCADE' })
+  @JoinColumn({ name: 'wagon_booking_allocation_id' })
+  allocation?: WagonBookingAllocation;
+
+  @Column({ name: 'booking_id', type: 'uuid' })
+  bookingId!: string;
+
+  @ManyToOne(() => Booking)
+  @JoinColumn({ name: 'booking_id' })
+  booking?: Booking;
+
+  @Column({ name: 'cargo_type_id', type: 'uuid', nullable: true })
+  cargoTypeId?: string | null;
+
+  @ManyToOne(() => CargoType, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'cargo_type_id' })
+  cargoType?: CargoType | null;
+
+  @Column({ name: 'cargo_description', type: 'text', nullable: true })
+  cargoDescription?: string | null;
+
+  @Column({ name: 'pricing_unit', type: 'varchar', length: 20, default: BulkPricingUnit.PerTon })
+  pricingUnit!: string;
+
+  @Column({ name: 'quantity', type: 'numeric', precision: 12, scale: 3, default: 0 })
+  quantity!: number;
+
+  @Column({ name: 'weight_tons', type: 'numeric', precision: 10, scale: 3, default: 0 })
+  weightTons!: number;
+
+  @Column({ name: 'truck_plate_number', type: 'varchar', length: 32, nullable: true })
+  truckPlateNumber?: string | null;
+}
diff --git a/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-allocation-container-item.entity.ts b/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-allocation-container-item.entity.ts
new file mode 100644
index 000000000..3885e6d15
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-allocation-container-item.entity.ts
@@ -0,0 +1,54 @@
+import { BaseEntity } from '@edr/api-common';
+import { Column, Entity, Index, JoinColumn, ManyToOne } from 'typeorm';
+
+import { BookingContainer } from '../../bookings/entities/booking-container.entity';
+import { Container } from '../../container-management/entities/container.entity';
+import { ContainerType } from '../../rule-engine/entities/container-type.entity';
+import { WagonBookingAllocation } from './wagon-booking-allocation.entity';
+
+@Entity({ schema: 'freight', name: 'wagon_allocation_container_items' })
+@Index(['wagonBookingAllocationId'])
+export class WagonAllocationContainerItem extends BaseEntity {
+  @Column({ name: 'wagon_booking_allocation_id', type: 'uuid' })
+  wagonBookingAllocationId!: string;
+
+  @ManyToOne(() => WagonBookingAllocation, { onDelete: 'CASCADE' })
+  @JoinColumn({ name: 'wagon_booking_allocation_id' })
+  allocation?: WagonBookingAllocation;
+
+  @Column({ name: 'booking_container_id', type: 'uuid', nullable: true })
+  bookingContainerId?: string | null;
+
+  @ManyToOne(() => BookingContainer, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'booking_container_id' })
+  bookingContainer?: BookingContainer | null;
+
+  @Column({ name: 'container_id', type: 'uuid', nullable: true })
+  containerId?: string | null;
+
+  @ManyToOne(() => Container, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'container_id' })
+  container?: Container | null;
+
+  @Column({ name: 'container_number', type: 'varchar', length: 64, nullable: true })
+  containerNumber?: string | null;
+
+  @Column({ name: 'container_type_id', type: 'uuid', nullable: true })
+  containerTypeId?: string | null;
+
+  @ManyToOne(() => ContainerType, { nullable: true })
+  @JoinColumn({ name: 'container_type_id' })
+  containerType?: ContainerType | null;
+
+  @Column({ name: 'position_on_wagon', type: 'smallint', nullable: true })
+  positionOnWagon?: number | null;
+
+  @Column({ name: 'seal_number', type: 'varchar', length: 64, nullable: true })
+  sealNumber?: string | null;
+
+  @Column({ name: 'chassis_number', type: 'varchar', length: 64, nullable: true })
+  chassisNumber?: string | null;
+
+  @Column({ name: 'gross_weight_tons', type: 'numeric', precision: 10, scale: 3, nullable: true })
+  grossWeightTons?: number | null;
+}
diff --git a/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-booking-allocation.entity.ts b/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-booking-allocation.entity.ts
index 4c78256fe..6bec9f74e 100644
--- a/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-booking-allocation.entity.ts
+++ b/apps/edr-freight-api/src/modules/train-schedules/entities/wagon-booking-allocation.entity.ts
@@ -1,8 +1,22 @@
 import { BaseEntity } from '@edr/api-common';
-import { Column, Entity, Index, JoinColumn, ManyToOne } from 'typeorm';
+import { AllocationLoadType, AllocationStatus } from '@edr/types';
+import { Column, Entity, Index, JoinColumn, ManyToOne, OneToMany } from 'typeorm';
 
 import { Booking } from '../../bookings/entities/booking.entity';
 import { TrainSetWagon } from '../../train-sets/entities/train-set-wagon.entity';
+import { WagonAllocationContainerItem } from './wagon-allocation-container-item.entity';
+
+export const ALLOCATION_LOAD_TYPES = [
+  AllocationLoadType.Container,
+  AllocationLoadType.Bulk,
+] as const;
+
+export const ALLOCATION_STATUSES = [
+  AllocationStatus.Planned,
+  AllocationStatus.Reserved,
+  AllocationStatus.Loaded,
+  AllocationStatus.Departed,
+] as const;
 
 @Entity({ schema: 'freight', name: 'wagon_booking_allocations' })
 @Index(['trainSetWagonId', 'bookingId'])
@@ -23,4 +37,19 @@ export class WagonBookingAllocation extends BaseEntity {
 
   @Column({ name: 'allocated_weight_tons', type: 'numeric', precision: 10, scale: 3 })
   allocatedWeightTons!: number;
+
+  @Column({ name: 'load_type', type: 'varchar', length: 20, nullable: true })
+  loadType?: string | null;
+
+  @Column({ name: 'status', type: 'varchar', length: 20, default: 'PLANNED' })
+  status!: string;
+
+  @Column({ name: 'confirmed_at', type: 'timestamptz', nullable: true })
+  confirmedAt?: Date | null;
+
+  @Column({ name: 'confirmed_by_user_id', type: 'uuid', nullable: true })
+  confirmedByUserId?: string | null;
+
+  @OneToMany(() => WagonAllocationContainerItem, (item) => item.allocation)
+  containerItems?: WagonAllocationContainerItem[];
 }
diff --git a/apps/edr-freight-api/src/modules/train-schedules/train-composition-removal-log.repository.ts b/apps/edr-freight-api/src/modules/train-schedules/train-composition-removal-log.repository.ts
new file mode 100644
index 000000000..c8e0d6053
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-schedules/train-composition-removal-log.repository.ts
@@ -0,0 +1,18 @@
+import { Injectable } from '@nestjs/common';
+import { DataSource } from 'typeorm';
+import { BaseRepository } from '@edr/api-common';
+import { TrainCompositionRemovalLog } from './entities/train-composition-removal-log.entity';
+
+@Injectable()
+export class TrainCompositionRemovalLogRepository extends BaseRepository<TrainCompositionRemovalLog> {
+  constructor(dataSource: DataSource) {
+    super(dataSource.getRepository(TrainCompositionRemovalLog));
+  }
+
+  async findByScheduleId(scheduleId: string): Promise<TrainCompositionRemovalLog[]> {
+    return this.findAll({
+      where: { scheduleId },
+      order: { removedAt: 'DESC' },
+    });
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/train-schedules/train-schedule-bookings.repository.ts b/apps/edr-freight-api/src/modules/train-schedules/train-schedule-bookings.repository.ts
index d7360226f..4ccfcd469 100644
--- a/apps/edr-freight-api/src/modules/train-schedules/train-schedule-bookings.repository.ts
+++ b/apps/edr-freight-api/src/modules/train-schedules/train-schedule-bookings.repository.ts
@@ -1,7 +1,7 @@
 import { BaseRepository } from '@edr/api-common';
 import { Injectable } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
-import { Repository } from 'typeorm';
+import { DeepPartial, EntityManager, In, Repository } from 'typeorm';
 
 import { TrainScheduleBooking } from './entities/train-schedule-booking.entity';
 
@@ -13,4 +13,38 @@ export class TrainScheduleBookingsRepository extends BaseRepository<TrainSchedul
   ) {
     super(repository);
   }
+
+  private repo(manager?: EntityManager) {
+    return manager ? manager.getRepository(TrainScheduleBooking) : this.repository;
+  }
+
+  async createMany(
+    records: DeepPartial<TrainScheduleBooking>[],
+    manager?: EntityManager,
+  ): Promise<TrainScheduleBooking[]> {
+    if (!records.length) return [];
+    const repo = this.repo(manager);
+    return repo.save(repo.create(records));
+  }
+
+  async deleteByScheduleAndBooking(
+    trainScheduleId: string,
+    bookingId: string,
+    manager?: EntityManager,
+  ): Promise<void> {
+    await this.repo(manager).delete({ trainScheduleId, bookingId });
+  }
+
+  async existsForBooking(bookingId: string, manager?: EntityManager): Promise<boolean> {
+    const count = await this.repo(manager).count({ where: { bookingId } });
+    return count > 0;
+  }
+
+  findByBookingIds(bookingIds: string[], manager?: EntityManager): Promise<TrainScheduleBooking[]> {
+    if (!bookingIds.length) return Promise.resolve([]);
+    return this.repo(manager).find({
+      where: { bookingId: In(bookingIds) },
+      select: { id: true, bookingId: true, trainScheduleId: true },
+    });
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/train-schedules/train-schedules.module.ts b/apps/edr-freight-api/src/modules/train-schedules/train-schedules.module.ts
index 9fa40897a..bb7b41d90 100644
--- a/apps/edr-freight-api/src/modules/train-schedules/train-schedules.module.ts
+++ b/apps/edr-freight-api/src/modules/train-schedules/train-schedules.module.ts
@@ -3,22 +3,43 @@ import { TypeOrmModule } from '@nestjs/typeorm';
 
 import { TrainScheduleBooking } from './entities/train-schedule-booking.entity';
 import { TrainSchedule } from './entities/train-schedule.entity';
+import { TrainCompositionRemovalLog } from './entities/train-composition-removal-log.entity';
+import { WagonAllocationBulkLoad } from './entities/wagon-allocation-bulk-load.entity';
+import { WagonAllocationContainerItem } from './entities/wagon-allocation-container-item.entity';
 import { WagonBookingAllocation } from './entities/wagon-booking-allocation.entity';
 import { TrainScheduleBookingsRepository } from './train-schedule-bookings.repository';
 import { TrainSchedulesRepository } from './train-schedules.repository';
+import { TrainCompositionRemovalLogRepository } from './train-composition-removal-log.repository';
+import { WagonAllocationBulkLoadsRepository } from './wagon-allocation-bulk-loads.repository';
+import { WagonAllocationContainerItemsRepository } from './wagon-allocation-container-items.repository';
 import { WagonBookingAllocationsRepository } from './wagon-booking-allocations.repository';
 
 @Module({
-  imports: [TypeOrmModule.forFeature([TrainSchedule, TrainScheduleBooking, WagonBookingAllocation])],
+  imports: [
+    TypeOrmModule.forFeature([
+      TrainSchedule,
+      TrainScheduleBooking,
+      TrainCompositionRemovalLog,
+      WagonBookingAllocation,
+      WagonAllocationContainerItem,
+      WagonAllocationBulkLoad,
+    ]),
+  ],
   providers: [
     TrainSchedulesRepository,
     TrainScheduleBookingsRepository,
+    TrainCompositionRemovalLogRepository,
     WagonBookingAllocationsRepository,
+    WagonAllocationContainerItemsRepository,
+    WagonAllocationBulkLoadsRepository,
   ],
   exports: [
     TrainSchedulesRepository,
     TrainScheduleBookingsRepository,
+    TrainCompositionRemovalLogRepository,
     WagonBookingAllocationsRepository,
+    WagonAllocationContainerItemsRepository,
+    WagonAllocationBulkLoadsRepository,
   ],
 })
 export class TrainSchedulesModule {}
diff --git a/apps/edr-freight-api/src/modules/train-schedules/train-schedules.repository.ts b/apps/edr-freight-api/src/modules/train-schedules/train-schedules.repository.ts
index b6f18eaf2..8ec002d49 100644
--- a/apps/edr-freight-api/src/modules/train-schedules/train-schedules.repository.ts
+++ b/apps/edr-freight-api/src/modules/train-schedules/train-schedules.repository.ts
@@ -1,9 +1,9 @@
 import { BaseRepository } from '@edr/api-common';
 import { Injectable } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
-import { Repository } from 'typeorm';
+import { EntityManager, Repository } from 'typeorm';
 
-import { TrainSchedule } from './entities/train-schedule.entity';
+import { TrainSchedule, TrainScheduleStatus } from './entities/train-schedule.entity';
 
 @Injectable()
 export class TrainSchedulesRepository extends BaseRepository<TrainSchedule> {
@@ -13,4 +13,48 @@ export class TrainSchedulesRepository extends BaseRepository<TrainSchedule> {
   ) {
     super(repository);
   }
+
+  private repo(manager?: EntityManager) {
+    return manager ? manager.getRepository(TrainSchedule) : this.repository;
+  }
+
+  findByIdWithFullGraph(id: string, manager?: EntityManager): Promise<TrainSchedule | null> {
+    return this.repo(manager).findOne({
+      where: { id },
+      relations: {
+        route: true,
+        trainSet: {
+          locomotive: true,
+          wagons: {
+            wagonType: true,
+            physicalWagon: true,
+            allocations: {
+              booking: { company: true, bookingContainers: { containerType: true } },
+              containerItems: true,
+            },
+          },
+        },
+        originStation: true,
+        destinationStation: true,
+        scheduleBookings: {
+          booking: {
+            company: true,
+            originYard: true,
+            destinationYard: true,
+            bookingContainers: { containerType: true },
+            cargoType: true,
+          },
+        },
+      },
+    });
+  }
+
+  async updateStatus(
+    id: string,
+    status: TrainScheduleStatus,
+    extra?: Partial<TrainSchedule>,
+    manager?: EntityManager,
+  ): Promise<void> {
+    await this.repo(manager).update(id, { status, ...extra } as never);
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/train-schedules/wagon-allocation-bulk-loads.repository.ts b/apps/edr-freight-api/src/modules/train-schedules/wagon-allocation-bulk-loads.repository.ts
new file mode 100644
index 000000000..dfaf602fa
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-schedules/wagon-allocation-bulk-loads.repository.ts
@@ -0,0 +1,36 @@
+import { BaseRepository } from '@edr/api-common';
+import { Injectable } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { DeepPartial, EntityManager, In, Repository } from 'typeorm';
+
+import { WagonAllocationBulkLoad } from './entities/wagon-allocation-bulk-load.entity';
+
+@Injectable()
+export class WagonAllocationBulkLoadsRepository extends BaseRepository<WagonAllocationBulkLoad> {
+  constructor(
+    @InjectRepository(WagonAllocationBulkLoad)
+    repository: Repository<WagonAllocationBulkLoad>,
+  ) {
+    super(repository);
+  }
+
+  private repo(manager?: EntityManager) {
+    return manager
+      ? manager.getRepository(WagonAllocationBulkLoad)
+      : this.repository;
+  }
+
+  async createMany(
+    items: DeepPartial<WagonAllocationBulkLoad>[],
+    manager?: EntityManager,
+  ): Promise<WagonAllocationBulkLoad[]> {
+    if (!items.length) return [];
+    const repo = this.repo(manager);
+    return repo.save(repo.create(items));
+  }
+
+  async deleteByAllocationIds(allocationIds: string[], manager?: EntityManager): Promise<void> {
+    if (!allocationIds.length) return;
+    await this.repo(manager).delete({ wagonBookingAllocationId: In(allocationIds) });
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/train-schedules/wagon-allocation-container-items.repository.ts b/apps/edr-freight-api/src/modules/train-schedules/wagon-allocation-container-items.repository.ts
new file mode 100644
index 000000000..0ff7a0548
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-schedules/wagon-allocation-container-items.repository.ts
@@ -0,0 +1,36 @@
+import { BaseRepository } from '@edr/api-common';
+import { Injectable } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { DeepPartial, EntityManager, In, Repository } from 'typeorm';
+
+import { WagonAllocationContainerItem } from './entities/wagon-allocation-container-item.entity';
+
+@Injectable()
+export class WagonAllocationContainerItemsRepository extends BaseRepository<WagonAllocationContainerItem> {
+  constructor(
+    @InjectRepository(WagonAllocationContainerItem)
+    repository: Repository<WagonAllocationContainerItem>,
+  ) {
+    super(repository);
+  }
+
+  private repo(manager?: EntityManager) {
+    return manager
+      ? manager.getRepository(WagonAllocationContainerItem)
+      : this.repository;
+  }
+
+  async createMany(
+    items: DeepPartial<WagonAllocationContainerItem>[],
+    manager?: EntityManager,
+  ): Promise<WagonAllocationContainerItem[]> {
+    if (!items.length) return [];
+    const repo = this.repo(manager);
+    return repo.save(repo.create(items));
+  }
+
+  async deleteByAllocationIds(allocationIds: string[], manager?: EntityManager): Promise<void> {
+    if (!allocationIds.length) return;
+    await this.repo(manager).delete({ wagonBookingAllocationId: In(allocationIds) });
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/train-schedules/wagon-booking-allocations.repository.ts b/apps/edr-freight-api/src/modules/train-schedules/wagon-booking-allocations.repository.ts
index 067dddaf7..620fd1343 100644
--- a/apps/edr-freight-api/src/modules/train-schedules/wagon-booking-allocations.repository.ts
+++ b/apps/edr-freight-api/src/modules/train-schedules/wagon-booking-allocations.repository.ts
@@ -1,7 +1,7 @@
 import { BaseRepository } from '@edr/api-common';
 import { Injectable } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
-import { Repository } from 'typeorm';
+import { DeepPartial, EntityManager, Repository } from 'typeorm';
 
 import { WagonBookingAllocation } from './entities/wagon-booking-allocation.entity';
 
@@ -13,4 +13,43 @@ export class WagonBookingAllocationsRepository extends BaseRepository<WagonBooki
   ) {
     super(repository);
   }
+
+  private repo(manager?: EntityManager) {
+    return manager ? manager.getRepository(WagonBookingAllocation) : this.repository;
+  }
+
+  async createMany(
+    records: DeepPartial<WagonBookingAllocation>[],
+    manager?: EntityManager,
+  ): Promise<WagonBookingAllocation[]> {
+    if (!records.length) return [];
+    const repo = this.repo(manager);
+    return repo.save(repo.create(records));
+  }
+
+  findByScheduleId(trainScheduleId: string, manager?: EntityManager): Promise<WagonBookingAllocation[]> {
+    return this.repo(manager)
+      .createQueryBuilder('allocation')
+      .innerJoin('allocation.trainSetWagon', 'wagon')
+      .innerJoin('wagon.trainSet', 'trainSet')
+      .innerJoin('trainSet.trainSchedule', 'schedule')
+      .where('schedule.id = :trainScheduleId', { trainScheduleId })
+      .leftJoinAndSelect('allocation.booking', 'booking')
+      .getMany();
+  }
+
+  async deleteByTrainSetId(trainSetId: string, manager?: EntityManager): Promise<string[]> {
+    const allocations = await this.repo(manager)
+      .createQueryBuilder('allocation')
+      .innerJoin('allocation.trainSetWagon', 'wagon')
+      .where('wagon.train_set_id = :trainSetId', { trainSetId })
+      .select(['allocation.id'])
+      .getMany();
+
+    const ids = allocations.map((a) => a.id);
+    if (ids.length) {
+      await this.repo(manager).delete(ids);
+    }
+    return ids;
+  }
 }
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/batch-window.util.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/batch-window.util.spec.ts
new file mode 100644
index 000000000..e765e5694
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/batch-window.util.spec.ts
@@ -0,0 +1,136 @@
+import {
+  getBatchWindowForTimestamp,
+  listBatchWindowsForDate,
+  listBatchWindowsForBookings,
+  BATCH_WINDOW_START_HOURS,
+  boardWindowForTimestamp,
+  listBoardWindowsForRange,
+  groupBookingsIntoBoardWindows,
+} from './batch-window.util';
+
+describe('batch-window.util', () => {
+  it('maps 20:15 EAT to the 19:00–22:00 window', () => {
+    // 20:15 EAT = 17:15 UTC on 11 Jun 2026
+    const ts = new Date('2026-06-11T17:15:00.000Z');
+    const window = getBatchWindowForTimestamp(ts);
+
+    expect(window.label).toContain('19:00');
+    expect(window.label).toContain('22:00');
+    expect(window.label).toContain('11 Jun 2026');
+  });
+
+  it('maps 08:30 EAT to the 07:00–10:00 window', () => {
+    const ts = new Date('2026-06-11T05:30:00.000Z'); // 08:30 EAT
+    const window = getBatchWindowForTimestamp(ts);
+    expect(window.label).toContain('07:00');
+    expect(window.label).toContain('10:00');
+  });
+
+  it('maps 02:00 EAT to the previous day 22:00–07:00 window', () => {
+    const ts = new Date('2026-06-11T23:00:00.000Z'); // 02:00 EAT on 12 Jun
+    const window = getBatchWindowForTimestamp(ts);
+    expect(window.label).toContain('22:00');
+    expect(window.label).toContain('07:00');
+    expect(window.label).toContain('11 Jun 2026');
+  });
+
+  it('lists six windows for a calendar day', () => {
+    const ref = new Date('2026-06-11T12:00:00.000Z');
+    const windows = listBatchWindowsForDate(ref);
+    expect(windows).toHaveLength(BATCH_WINDOW_START_HOURS.length);
+    expect(windows[0].label).toContain('07:00');
+    expect(windows[windows.length - 1].label).toContain('22:00');
+  });
+
+  it('includes cross-day overnight window when booking signed at 00:02 EAT', () => {
+    // 21:02 UTC = 00:02 EAT on 12 Jun → belongs to 11 Jun 22:00–07:00 window
+    const fullyExecutedAt = new Date('2026-06-11T21:02:05.153Z');
+    const scheduleDate = new Date('2026-06-12T06:00:00.000Z');
+    const windows = listBatchWindowsForBookings([fullyExecutedAt], scheduleDate);
+    const overnight = windows.find((w) => w.label.includes('22:00') && w.label.includes('07:00'));
+    expect(overnight).toBeDefined();
+    expect(overnight!.label).toContain('11 Jun 2026');
+    expect(getBatchWindowForTimestamp(fullyExecutedAt).key).toBe(overnight!.key);
+  });
+});
+
+describe('batch-window board windows (midnight-based 3h slots)', () => {
+  it('maps 04:00 EAT to the 03:00–06:00 slot', () => {
+    // 01:00 UTC = 04:00 EAT on 11 Jun
+    const w = boardWindowForTimestamp(new Date('2026-06-11T01:00:00.000Z'));
+    expect(w.label).toContain('03:00');
+    expect(w.label).toContain('06:00');
+    expect(w.date).toBe('2026-06-11');
+    expect(w.dateLabel).toContain('11 Jun');
+  });
+
+  it('maps 00:30 EAT to the 00:00–03:00 slot of that EAT day', () => {
+    // 21:30 UTC on 10 Jun = 00:30 EAT on 11 Jun
+    const w = boardWindowForTimestamp(new Date('2026-06-10T21:30:00.000Z'));
+    expect(w.label).toContain('00:00');
+    expect(w.label).toContain('03:00');
+    expect(w.date).toBe('2026-06-11');
+  });
+
+  it('maps 23:00 EAT to the final 21:00–24:00 slot', () => {
+    // 20:00 UTC = 23:00 EAT on 11 Jun
+    const w = boardWindowForTimestamp(new Date('2026-06-11T20:00:00.000Z'));
+    expect(w.label).toContain('21:00');
+    expect(w.label).toContain('24:00');
+    expect(w.date).toBe('2026-06-11');
+  });
+
+  it('lists a continuous range open→departure clamped at both ends', () => {
+    // open 05 Jun 08:00 EAT (05:00 UTC) → departs 08 Jun 14:00 EAT (11:00 UTC)
+    const open = new Date('2026-06-05T05:00:00.000Z');
+    const departure = new Date('2026-06-08T11:00:00.000Z');
+    const windows = listBoardWindowsForRange(open, departure);
+
+    // Day 5: 06,09,12,15,18,21 = 6 ; Days 6,7: 8 each ; Day 8: 00,03,06,09,12 = 5
+    expect(windows).toHaveLength(6 + 8 + 8 + 5);
+    expect(windows[0].date).toBe('2026-06-05');
+    expect(windows[0].label).toContain('06:00');
+    expect(windows[0].label).toContain('09:00');
+    const last = windows[windows.length - 1];
+    expect(last.date).toBe('2026-06-08');
+    expect(last.label).toContain('12:00');
+    expect(last.label).toContain('15:00');
+    // chronological + unique keys
+    const keys = windows.map((w) => w.key);
+    expect(new Set(keys).size).toBe(keys.length);
+  });
+
+  it('handles a same-day open→departure range', () => {
+    const open = new Date('2026-06-05T05:00:00.000Z'); // 08:00 EAT (06–09 slot)
+    const departure = new Date('2026-06-05T11:00:00.000Z'); // 14:00 EAT (12–15 slot)
+    const windows = listBoardWindowsForRange(open, departure);
+    // 06,09,12 = 3 slots
+    expect(windows).toHaveLength(3);
+    expect(windows.every((w) => w.date === '2026-06-05')).toBe(true);
+  });
+
+  it('buckets bookings by fullyExecutedAt and keeps empty + pending windows', () => {
+    const open = new Date('2026-06-05T05:00:00.000Z');
+    const departure = new Date('2026-06-06T11:00:00.000Z');
+    const items = [
+      { id: 'a', ts: new Date('2026-06-05T05:30:00.000Z') }, // 08:30 EAT → 06–09 on 5th
+      { id: 'b', ts: null }, // pending
+    ];
+    const map = groupBookingsIntoBoardWindows(
+      items,
+      (i) => i.ts,
+      open,
+      departure,
+      'pending-contract',
+    );
+    const pending = map.get('pending-contract');
+    expect(pending?.items.map((i) => i.id)).toEqual(['b']);
+    const withA = [...map.values()].find((b) => b.items.some((i) => i.id === 'a'));
+    expect(withA?.window?.date).toBe('2026-06-05');
+    // empty slots are retained for the UI
+    const emptyCount = [...map.values()].filter(
+      (b) => b.window && b.items.length === 0,
+    ).length;
+    expect(emptyCount).toBeGreaterThan(0);
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/batch-window.util.ts b/apps/edr-freight-api/src/modules/train-scheduling/batch-window.util.ts
new file mode 100644
index 000000000..38ab407bc
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/batch-window.util.ts
@@ -0,0 +1,340 @@
+import { BATCH_TIMEZONE } from './booking-batch.constants';
+
+/** EAT intake boundaries — cron runs at these hours; each window spans to the next. */
+export const BATCH_WINDOW_START_HOURS = [7, 10, 13, 16, 19, 22] as const;
+
+export interface BatchWindow {
+  key: string;
+  label: string;
+  start: Date;
+  end: Date;
+}
+
+type EatDateParts = {
+  year: number;
+  month: number;
+  day: number;
+  hour: number;
+  minute: number;
+};
+
+const dateFmt = new Intl.DateTimeFormat('en-GB', {
+  day: '2-digit',
+  month: 'short',
+  year: 'numeric',
+  timeZone: BATCH_TIMEZONE,
+});
+
+const timeFmt = new Intl.DateTimeFormat('en-GB', {
+  hour: '2-digit',
+  minute: '2-digit',
+  hour12: false,
+  timeZone: BATCH_TIMEZONE,
+});
+
+function eatParts(date: Date): EatDateParts {
+  const parts = new Intl.DateTimeFormat('en-US', {
+    timeZone: BATCH_TIMEZONE,
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    hour12: false,
+  }).formatToParts(date);
+
+  const get = (type: Intl.DateTimeFormatPartTypes) =>
+    Number(parts.find((p) => p.type === type)?.value ?? 0);
+
+  return {
+    year: get('year'),
+    month: get('month'),
+    day: get('day'),
+    hour: get('hour'),
+    minute: get('minute'),
+  };
+}
+
+/** Build a UTC Date for a given EAT local wall-clock time on a calendar day. */
+function eatToUtc(
+  year: number,
+  month: number,
+  day: number,
+  hour: number,
+  minute = 0,
+): Date {
+  // EAT is UTC+3 year-round (no DST). Binary search would be safer across DST zones;
+  // for Africa/Addis_Ababa the offset is fixed.
+  const utcMs = Date.UTC(year, month - 1, day, hour - 3, minute, 0, 0);
+  return new Date(utcMs);
+}
+
+function formatWindowLabel(start: Date, end: Date, endHourLabel?: string): string {
+  const endTime = endHourLabel ?? timeFmt.format(new Date(end.getTime() - 60_000));
+  return `${dateFmt.format(start)} · ${timeFmt.format(start)} – ${endTime} EAT`;
+}
+
+function windowFromEatStart(
+  year: number,
+  month: number,
+  day: number,
+  startHour: number,
+): BatchWindow {
+  const start = eatToUtc(year, month, day, startHour);
+  let endYear = year;
+  let endMonth = month;
+  let endDay = day;
+  let endHour: number;
+  let endHourLabel: string;
+
+  const idx = BATCH_WINDOW_START_HOURS.indexOf(startHour as (typeof BATCH_WINDOW_START_HOURS)[number]);
+  if (idx === BATCH_WINDOW_START_HOURS.length - 1) {
+    endHour = 7;
+    endHourLabel = '07:00';
+    const next = new Date(eatToUtc(year, month, day, 0));
+    next.setUTCDate(next.getUTCDate() + 1);
+    const nextParts = eatParts(next);
+    endYear = nextParts.year;
+    endMonth = nextParts.month;
+    endDay = nextParts.day;
+  } else {
+    endHour = BATCH_WINDOW_START_HOURS[idx + 1];
+    endHourLabel = `${String(endHour).padStart(2, '0')}:00`;
+  }
+
+  const end = eatToUtc(endYear, endMonth, endDay, endHour);
+  return {
+    key: start.toISOString(),
+    start,
+    end,
+    label: formatWindowLabel(start, end, endHourLabel),
+  };
+}
+
+/** Which 3h EAT intake window a timestamp (e.g. fullyExecutedAt) belongs to. */
+export function getBatchWindowForTimestamp(date: Date): BatchWindow {
+  const { year, month, day, hour } = eatParts(date);
+
+  if (hour < 7) {
+    const prev = new Date(eatToUtc(year, month, day, 0));
+    prev.setUTCDate(prev.getUTCDate() - 1);
+    const prevParts = eatParts(prev);
+    return windowFromEatStart(prevParts.year, prevParts.month, prevParts.day, 22);
+  }
+
+  let startHour: (typeof BATCH_WINDOW_START_HOURS)[number] = 7;
+  for (const h of BATCH_WINDOW_START_HOURS) {
+    if (hour >= h) startHour = h;
+  }
+
+  return windowFromEatStart(year, month, day, startHour);
+}
+
+/** All six intake windows for an EAT calendar day (includes overnight 22:00–07:00). */
+export function listBatchWindowsForDate(reference: Date): BatchWindow[] {
+  const { year, month, day } = eatParts(reference);
+  return BATCH_WINDOW_START_HOURS.map((startHour) =>
+    windowFromEatStart(year, month, day, startHour),
+  );
+}
+
+export function compareBatchWindows(a: BatchWindow, b: BatchWindow): number {
+  return a.start.getTime() - b.start.getTime();
+}
+
+/** Schedule-day windows plus any extra windows that contain booking timestamps (cross-day). */
+export function listBatchWindowsForBookings(
+  timestamps: Array<Date | null | undefined>,
+  referenceDate: Date,
+): BatchWindow[] {
+  const byKey = new Map<string, BatchWindow>();
+  for (const w of listBatchWindowsForDate(referenceDate)) {
+    byKey.set(w.key, w);
+  }
+  for (const ts of timestamps) {
+    if (!ts) continue;
+    const w = getBatchWindowForTimestamp(ts);
+    byKey.set(w.key, w);
+  }
+  return [...byKey.values()].sort(compareBatchWindows);
+}
+
+// ---------------------------------------------------------------------------
+// Board-display windows: full-day, midnight-based 3h slots over a date range.
+// These are used ONLY for the batch-board UI grouping (not persisted, and
+// independent of the cron intake hours above).
+// ---------------------------------------------------------------------------
+
+/** Midnight-based 3-hour slot starts (00–03, 03–06, … 21–24). */
+export const BOARD_WINDOW_HOURS = [0, 3, 6, 9, 12, 15, 18, 21] as const;
+
+/** A board window carries an EAT calendar date in addition to the slot times. */
+export interface BoardWindow extends BatchWindow {
+  /** EAT calendar day as ISO `YYYY-MM-DD`. */
+  date: string;
+  /** Human label for the day, e.g. `Thu, 05 Jun`. */
+  dateLabel: string;
+}
+
+const dayLabelFmt = new Intl.DateTimeFormat('en-GB', {
+  weekday: 'short',
+  day: '2-digit',
+  month: 'short',
+  timeZone: BATCH_TIMEZONE,
+});
+
+function pad2(n: number): string {
+  return String(n).padStart(2, '0');
+}
+
+/** Build a midnight-based 3h board window for an EAT calendar day + slot start hour. */
+function boardWindowFromEatStart(
+  year: number,
+  month: number,
+  day: number,
+  startHour: number,
+): BoardWindow {
+  const start = eatToUtc(year, month, day, startHour);
+  const endHour = startHour + 3; // 21 -> 24 (handled by Date.UTC roll-over)
+  const end = eatToUtc(year, month, day, endHour);
+  const endLabel = endHour >= 24 ? '24:00' : `${pad2(endHour)}:00`;
+  return {
+    key: start.toISOString(),
+    start,
+    end,
+    label: formatWindowLabel(start, end, endLabel),
+    date: `${year}-${pad2(month)}-${pad2(day)}`,
+    dateLabel: dayLabelFmt.format(start),
+  };
+}
+
+/** Which midnight-based 3h EAT slot a timestamp falls in. */
+export function boardWindowForTimestamp(date: Date): BoardWindow {
+  const { year, month, day, hour } = eatParts(date);
+  let startHour: (typeof BOARD_WINDOW_HOURS)[number] = 0;
+  for (const h of BOARD_WINDOW_HOURS) {
+    if (hour >= h) startHour = h;
+  }
+  return boardWindowFromEatStart(year, month, day, startHour);
+}
+
+/**
+ * Continuous list of board windows from `openDate` to `departureDate` (inclusive),
+ * clamped to the slot containing `openDate` on the first day and the slot
+ * containing `departureDate` on the last day. Returned in chronological order.
+ */
+export function listBoardWindowsForRange(
+  openDate: Date,
+  departureDate: Date,
+): BoardWindow[] {
+  const startWin = boardWindowForTimestamp(openDate);
+  const endWin = boardWindowForTimestamp(departureDate);
+  // Guard against an inverted range (departure before open).
+  if (endWin.start.getTime() < startWin.start.getTime()) {
+    return [startWin];
+  }
+
+  const windows: BoardWindow[] = [];
+  const seen = new Set<string>();
+  // Walk day-by-day in EAT, emitting each day's slots, stepping via UTC noon to
+  // avoid any boundary ambiguity, then filter to [startWin.start, endWin.start].
+  let cursor = new Date(eatToUtc(
+    Number(startWin.date.slice(0, 4)),
+    Number(startWin.date.slice(5, 7)),
+    Number(startWin.date.slice(8, 10)),
+    12,
+  ));
+  const lastDayMs = eatToUtc(
+    Number(endWin.date.slice(0, 4)),
+    Number(endWin.date.slice(5, 7)),
+    Number(endWin.date.slice(8, 10)),
+    12,
+  ).getTime();
+
+  while (cursor.getTime() <= lastDayMs) {
+    const { year, month, day } = eatParts(cursor);
+    for (const h of BOARD_WINDOW_HOURS) {
+      const w = boardWindowFromEatStart(year, month, day, h);
+      if (
+        w.start.getTime() >= startWin.start.getTime() &&
+        w.start.getTime() <= endWin.start.getTime() &&
+        !seen.has(w.key)
+      ) {
+        seen.add(w.key);
+        windows.push(w);
+      }
+    }
+    cursor = new Date(cursor.getTime() + 24 * 60 * 60 * 1000);
+  }
+
+  windows.sort(compareBatchWindows);
+  return windows;
+}
+
+/**
+ * Group items into board windows spanning [openDate, departureDate]. Empty
+ * windows are kept so the UI shows every slot. Items whose timestamp falls
+ * outside the range still get their own window (nothing hidden). Items without
+ * a timestamp go to `pendingKey`.
+ */
+export function groupBookingsIntoBoardWindows<T>(
+  items: T[],
+  getTimestamp: (item: T) => Date | null | undefined,
+  openDate: Date,
+  departureDate: Date,
+  pendingKey = 'pending-contract',
+): Map<string, { window: BoardWindow | null; items: T[] }> {
+  const map = new Map<string, { window: BoardWindow | null; items: T[] }>();
+
+  for (const w of listBoardWindowsForRange(openDate, departureDate)) {
+    map.set(w.key, { window: w, items: [] });
+  }
+  map.set(pendingKey, { window: null, items: [] });
+
+  for (const item of items) {
+    const ts = getTimestamp(item);
+    if (!ts) {
+      map.get(pendingKey)!.items.push(item);
+      continue;
+    }
+    const w = boardWindowForTimestamp(ts);
+    if (!map.has(w.key)) {
+      map.set(w.key, { window: w, items: [] });
+    }
+    map.get(w.key)!.items.push(item);
+  }
+
+  return map;
+}
+
+/** Group items by batch window key; items without a timestamp go to `pendingKey`. */
+export function groupByBatchWindow<T>(
+  items: T[],
+  getTimestamp: (item: T) => Date | null | undefined,
+  referenceDate: Date,
+  pendingKey = 'pending-contract',
+): Map<string, { window: BatchWindow | null; items: T[] }> {
+  const timestamps = items.map(getTimestamp);
+  const windows = listBatchWindowsForBookings(timestamps, referenceDate);
+  const map = new Map<string, { window: BatchWindow | null; items: T[] }>();
+
+  for (const w of windows) {
+    map.set(w.key, { window: w, items: [] });
+  }
+  map.set(pendingKey, { window: null, items: [] });
+
+  for (const item of items) {
+    const ts = getTimestamp(item);
+    if (!ts) {
+      map.get(pendingKey)!.items.push(item);
+      continue;
+    }
+    const w = getBatchWindowForTimestamp(ts);
+    if (!map.has(w.key)) {
+      map.set(w.key, { window: w, items: [] });
+    }
+    map.get(w.key)!.items.push(item);
+  }
+
+  return map;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.constants.ts b/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.constants.ts
new file mode 100644
index 000000000..eda168e03
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.constants.ts
@@ -0,0 +1,31 @@
+/**
+ * Tunables for the demand-batching booking → allocation flow.
+ * Times run in EAT so the 07:00/10:00/… boundaries match the local operating clock.
+ */
+
+/** Batch boundaries — every 3h from 07:00 (the 07:00–10:00 intake settles at 10:00, etc.). */
+// export const BATCH_CRON = '0 7,10,13,16,19,22 * * *';
+// export const BATCH_CRON = '*/3 * * * *';
+export const BATCH_CRON = '*/5 * * * *';
+
+export const BATCH_TIMEZONE = 'Africa/Addis_Ababa';
+
+/** How long a selected commercial customer has to pay before their slot expires. */
+// export const PAYMENT_WINDOW_MS = 60 * 60 * 1000; // 1 hour
+export const PAYMENT_WINDOW_MS = 5 * 60 * 1000; // 5 minutes (test mode)
+
+/** Fallback wagons-per-booking when a booking has no computed `wagonsRequired`. */
+export const DEFAULT_WAGONS_PER_BOOKING = 1;
+
+/**
+ * Fallback per-wagon length (m) for the batch length budget when global rules don't yet
+ * define maxTrainLength / maxWagons to derive it from. Used only to estimate train length
+ * against the locomotive's max train length.
+ */
+export const DEFAULT_WAGON_LENGTH_METERS = 14;
+
+/** Default NW5 flat wagon length for container bookings (m). */
+export const DEFAULT_CONTAINER_WAGON_LENGTH_METERS = 14;
+
+/** Default CW3 covered wagon length for bulk bookings (m). */
+export const DEFAULT_BULK_WAGON_LENGTH_METERS = 14;
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.service.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.service.spec.ts
new file mode 100644
index 000000000..a08dd71ec
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.service.spec.ts
@@ -0,0 +1,144 @@
+import { BookingBatchService } from './booking-batch.service';
+import { Booking } from '../bookings/entities/booking.entity';
+
+describe('BookingBatchService — PAID reconcile', () => {
+  const scheduleId = 'schedule-1';
+  const bookingId = 'booking-1';
+
+  const paidBooking = {
+    id: bookingId,
+    reference: 'BK-2026-000034',
+    trainScheduleId: scheduleId,
+    status: 'PAID',
+    paymentStatus: 'PAID',
+    isGovernment: false,
+    cargoTotalWeightVgm: 20,
+    bookingContainers: [],
+  } as unknown as Booking;
+
+  let service: BookingBatchService;
+  let bookingsRepository: {
+    findPaidUnlinkedForSchedule: jest.Mock;
+    findBatchPool: jest.Mock;
+    findReservedForSchedule: jest.Mock;
+    update: jest.Mock;
+  };
+  let trainScheduleBookingsRepository: {
+    existsForBooking: jest.Mock;
+    createMany: jest.Mock;
+  };
+  let trainSchedulesRepository: {
+    findByIdWithFullGraph: jest.Mock;
+    findAll: jest.Mock;
+  };
+  let trainSchedulingService: {
+    tryAutoWagonAllocation: jest.Mock;
+  };
+  let dataSource: {
+    getRepository: jest.Mock;
+    transaction: jest.Mock;
+  };
+
+  beforeEach(() => {
+    bookingsRepository = {
+      findPaidUnlinkedForSchedule: jest.fn().mockResolvedValue([]),
+      findBatchPool: jest.fn().mockResolvedValue([]),
+      findReservedForSchedule: jest.fn().mockResolvedValue([]),
+      update: jest.fn().mockResolvedValue(undefined),
+    };
+    trainScheduleBookingsRepository = {
+      existsForBooking: jest.fn().mockResolvedValue(false),
+      createMany: jest.fn().mockResolvedValue(undefined),
+    };
+    trainSchedulesRepository = {
+      findByIdWithFullGraph: jest.fn().mockResolvedValue({
+        id: scheduleId,
+        maxWagons: 10,
+        bookingWindowStatus: 'OPEN',
+        trainSet: { locomotive: { maxPullWeightTons: 3500, maxTrainLengthMeters: 760 } },
+        scheduleBookings: [],
+      }),
+      findAll: jest.fn().mockResolvedValue([]),
+    };
+    trainSchedulingService = {
+      tryAutoWagonAllocation: jest.fn().mockResolvedValue({
+        assignedBookingIds: [],
+        deferred: [],
+        issues: [],
+        violations: [],
+      }),
+    };
+
+    const bookingRepo = {
+      findOne: jest.fn().mockResolvedValue(paidBooking),
+      update: jest.fn().mockResolvedValue(undefined),
+    };
+    dataSource = {
+      getRepository: jest.fn().mockReturnValue(bookingRepo),
+      transaction: jest.fn(async (fn: (m: unknown) => Promise<void>) => {
+        const manager = {
+          getRepository: () => bookingRepo,
+        };
+        await fn(manager);
+      }),
+    };
+
+    service = new BookingBatchService(
+      dataSource as never,
+      bookingsRepository as never,
+      trainSchedulesRepository as never,
+      trainScheduleBookingsRepository as never,
+      { payNow: jest.fn(), secured: jest.fn(), expired: jest.fn() } as never,
+      { addTimeout: jest.fn(), deleteTimeout: jest.fn(), doesExist: jest.fn() } as never,
+      trainSchedulingService as never,
+    );
+  });
+
+  it('reconcilePaidUnlinked links PAID bookings without a schedule row', async () => {
+    bookingsRepository.findPaidUnlinkedForSchedule.mockResolvedValue([paidBooking]);
+
+    await service.reconcilePaidUnlinked(scheduleId);
+
+    expect(bookingsRepository.findPaidUnlinkedForSchedule).toHaveBeenCalledWith(scheduleId);
+    expect(trainScheduleBookingsRepository.createMany).toHaveBeenCalledWith(
+      [{ trainScheduleId: scheduleId, bookingId }],
+      expect.anything(),
+    );
+  });
+
+  it('ensurePaidBookingAllocated links PAID booking when not yet linked', async () => {
+    await service.ensurePaidBookingAllocated(bookingId);
+
+    expect(trainScheduleBookingsRepository.createMany).toHaveBeenCalledTimes(1);
+    expect(trainSchedulingService.tryAutoWagonAllocation).toHaveBeenCalledWith(scheduleId);
+  });
+
+  it('ensurePaidBookingAllocated is idempotent when already linked', async () => {
+    trainScheduleBookingsRepository.existsForBooking.mockResolvedValue(true);
+
+    await service.ensurePaidBookingAllocated(bookingId);
+    await service.ensurePaidBookingAllocated(bookingId);
+
+    expect(trainScheduleBookingsRepository.createMany).not.toHaveBeenCalled();
+    expect(trainSchedulingService.tryAutoWagonAllocation).toHaveBeenCalledTimes(2);
+  });
+
+  it('processSchedule reconciles PAID-unlinked before wagon allocation', async () => {
+    const fillSpy = jest.spyOn(service, 'fillSchedule').mockResolvedValue(undefined);
+    const settleSpy = jest.spyOn(service, 'settleDueReservations').mockResolvedValue(undefined);
+    const reconcileSpy = jest.spyOn(service, 'reconcilePaidUnlinked').mockResolvedValue(undefined);
+
+    await service.processSchedule(scheduleId);
+
+    expect(fillSpy).toHaveBeenCalledWith(scheduleId);
+    expect(settleSpy).toHaveBeenCalledWith(scheduleId);
+    expect(reconcileSpy).toHaveBeenCalledWith(scheduleId);
+    expect(trainSchedulingService.tryAutoWagonAllocation).toHaveBeenCalledWith(scheduleId);
+
+    const fillOrder = fillSpy.mock.invocationCallOrder[0];
+    const reconcileOrder = reconcileSpy.mock.invocationCallOrder[0];
+    const wagonOrder = trainSchedulingService.tryAutoWagonAllocation.mock.invocationCallOrder[0];
+    expect(fillOrder).toBeLessThan(reconcileOrder);
+    expect(reconcileOrder).toBeLessThan(wagonOrder);
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.service.ts b/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.service.ts
new file mode 100644
index 000000000..771422fa2
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/booking-batch.service.ts
@@ -0,0 +1,1049 @@
+import {
+  BadRequestException,
+  Injectable,
+  Logger,
+  NotFoundException,
+  OnModuleInit,
+} from '@nestjs/common';
+import { InjectDataSource } from '@nestjs/typeorm';
+import { Cron, SchedulerRegistry } from '@nestjs/schedule';
+import { DataSource } from 'typeorm';
+
+import { Booking } from '../bookings/entities/booking.entity';
+import { BookingsRepository } from '../bookings/bookings.repository';
+import { Locomotive } from '../locomotives/entities/locomotive.entity';
+import { TrainSchedule } from '../train-schedules/entities/train-schedule.entity';
+import { TrainScheduleBooking } from '../train-schedules/entities/train-schedule-booking.entity';
+import { TrainSchedulesRepository } from '../train-schedules/train-schedules.repository';
+import { TrainScheduleBookingsRepository } from '../train-schedules/train-schedule-bookings.repository';
+import { TrainSchedulingGlobalRules } from './entities/train-scheduling-global-rules.entity';
+import { BookingNotifierService } from './booking-notifier.service';
+import { TrainSchedulingService } from './train-scheduling.service';
+import { groupBookingsIntoBoardWindows } from './batch-window.util';
+import {
+  BATCH_CRON,
+  BATCH_TIMEZONE,
+  DEFAULT_BULK_WAGON_LENGTH_METERS,
+  DEFAULT_CONTAINER_WAGON_LENGTH_METERS,
+  DEFAULT_WAGONS_PER_BOOKING,
+  PAYMENT_WINDOW_MS,
+} from './booking-batch.constants';
+import {
+  bookingTrainLengthMeters,
+  deriveTrainCapacityFromLocomotive,
+  wagonTypeDimensionsFromEntity,
+} from './train-capacity.util';
+import { WagonType } from '../wagon-types/entities/wagon-type.entity';
+
+/** A train's remaining capacity along the three physical limits the batch enforces. */
+interface Capacity {
+  wagons: number;
+  weightTons: number;
+  lengthMeters: number;
+}
+
+type WagonLengths = { container: number; bulk: number };
+
+export type BatchBoardBookingState =
+  | 'ALLOCATED'
+  | 'SELECTED_FOR_BATCH'
+  | 'READY'
+  | 'WAITING'
+  | 'PENDING_CONTRACT'
+  | 'EXPIRED';
+
+export interface BatchBoardBooking {
+  id: string;
+  reference: string;
+  company: string;
+  isGovernment: boolean;
+  wagons: number;
+  weightTons: number;
+  lengthMeters: number;
+  paymentDeadline: string | null;
+  state: BatchBoardBookingState;
+}
+
+export type BookingAllocationStatus =
+  | 'NOT_ATTEMPTED'
+  | 'ASSIGNED'
+  | 'DEFERRED'
+  | 'FAILED';
+
+export interface BatchBoardBookingDetail extends BatchBoardBooking {
+  fullyExecutedAt: string | null;
+  selectedForBatchAt: string | null;
+  allocationStatus: BookingAllocationStatus;
+  allocationIssue: string | null;
+}
+
+export interface BatchWindowGroup {
+  key: string;
+  label: string;
+  /** EAT calendar day as ISO `YYYY-MM-DD` (empty for the pending-contract bucket). */
+  date: string;
+  /** Human label for the day, e.g. `Thu, 05 Jun` (empty for pending-contract). */
+  dateLabel: string;
+  start: string;
+  end: string;
+  counts: {
+    allocated: number;
+    selectedForBatch: number;
+    ready: number;
+    waiting: number;
+    expired: number;
+    pendingContract: number;
+  };
+  bookings: BatchBoardBookingDetail[];
+}
+
+export interface BatchBoardScheduleDetail {
+  scheduleId: string;
+  trainNumber: string | null;
+  routeName: string | null;
+  origin: string | null;
+  destination: string | null;
+  scheduleDate: string | null;
+  status: string;
+  bookingWindowStatus: string;
+  locomotive: BatchBoardSchedule['locomotive'];
+  capacity: BatchBoardSchedule['capacity'];
+  counts: BatchBoardSchedule['counts'];
+  windows: BatchWindowGroup[];
+  pendingContract: BatchWindowGroup;
+  allocationViolations: string[];
+}
+
+export interface BatchBoardSchedule {
+  scheduleId: string;
+  trainNumber: string | null;
+  routeName: string | null;
+  origin: string | null;
+  destination: string | null;
+  scheduleDate: string | null;
+  status: string;
+  bookingWindowStatus: string;
+  locomotive: {
+    code: string;
+    name: string | null;
+    maxPullWeightTons: number;
+    maxTrainLengthMeters: number;
+  } | null;
+  capacity: {
+    /** Wagons on bookings already linked to the train (ALLOCATED only). */
+    allocatedWagons: number;
+    /** Train length used by allocated bookings (from wagon-type dimensions). */
+    allocatedLengthMeters: number;
+    maxLengthMeters: number | null;
+    /** Weight committed on the train (allocated + selected-for-batch). */
+    usedWeightTons: number;
+    maxWeightTons: number | null;
+  };
+  counts: {
+    allocated: number;
+    selectedForBatch: number;
+    ready: number;
+    waiting: number;
+    pendingContract: number;
+    expired: number;
+  };
+  bookings: BatchBoardBooking[];
+}
+
+/**
+ * Demand-batching engine: every 3h (EAT) it ranks each OPEN schedule's ready pool
+ * by priority, greedily fills the train to capacity (skipping bookings that don't fit),
+ * reserves a 1h pay window for commercial customers (government allocated unpaid,
+ * preempting lower-priority commercial if needed), then settles each batch 1h later —
+ * allocating those who paid and expiring those who didn't, topping up from the waiting list.
+ * Capacity is bounded on three axes at once: wagon count (`schedule.maxWagons`), the
+ * locomotive's max pull weight, and its max train length (also capped by global rules).
+ */
+@Injectable()
+export class BookingBatchService implements OnModuleInit {
+  private readonly logger = new Logger(BookingBatchService.name);
+
+  constructor(
+    @InjectDataSource() private readonly dataSource: DataSource,
+    private readonly bookingsRepository: BookingsRepository,
+    private readonly trainSchedulesRepository: TrainSchedulesRepository,
+    private readonly trainScheduleBookingsRepository: TrainScheduleBookingsRepository,
+    private readonly notifier: BookingNotifierService,
+    private readonly scheduler: SchedulerRegistry,
+    private readonly trainSchedulingService: TrainSchedulingService,
+  ) {}
+
+  /** On boot, reconcile OPEN schedules and re-arm settle timers. */
+  async onModuleInit(): Promise<void> {
+    const open = await this.trainSchedulesRepository.findAll({
+      where: { bookingWindowStatus: 'OPEN' },
+    });
+    for (const s of open) {
+      try {
+        await this.processSchedule(s.id);
+      } catch (err) {
+        this.logger.warn(`Boot reconcile failed for ${s.id}: ${(err as Error).message}`);
+      }
+    }
+    const reserved = await this.dataSource
+      .getRepository(Booking)
+      .createQueryBuilder('b')
+      .select('DISTINCT b.train_schedule_id', 'scheduleId')
+      .where(`b.status IN ('SELECTED_FOR_BATCH', 'AWAITING_PAYMENT')`)
+      .andWhere('b.train_schedule_id IS NOT NULL')
+      .getRawMany<{ scheduleId: string }>();
+    for (const { scheduleId } of reserved) this.armSettle(scheduleId);
+  }
+
+  /** Fire-and-forget batch pipeline for a schedule (contract sign, cron, payment). */
+  enqueueScheduleProcessing(scheduleId: string): void {
+    void this.processSchedule(scheduleId).catch((err) =>
+      this.logger.error(`processSchedule ${scheduleId} failed: ${(err as Error).message}`),
+    );
+  }
+
+  /** Fill pool, settle due reservations, link orphaned PAID, then assign wagons. */
+  async processSchedule(scheduleId: string): Promise<void> {
+    await this.fillSchedule(scheduleId);
+    await this.settleDueReservations(scheduleId);
+    await this.reconcilePaidUnlinked(scheduleId);
+    await this.trainSchedulingService.tryAutoWagonAllocation(scheduleId);
+  }
+
+  /**
+   * Idempotent: link a paid batch booking to its schedule and assign wagons.
+   * Handles SELECTED_FOR_BATCH, PAID-without-link, and PAID-already-linked cases.
+   */
+  async ensurePaidBookingAllocated(bookingId: string): Promise<void> {
+    const booking = await this.dataSource.getRepository(Booking).findOne({
+      where: { id: bookingId },
+      relations: { company: true },
+    });
+    if (!booking?.trainScheduleId) return;
+
+    const isBatchPaid =
+      booking.status === 'SELECTED_FOR_BATCH' ||
+      booking.status === 'AWAITING_PAYMENT' ||
+      booking.status === 'PAID' ||
+      booking.paymentStatus === 'PAID';
+    if (!isBatchPaid) return;
+
+    if (booking.status === 'SELECTED_FOR_BATCH' || booking.status === 'AWAITING_PAYMENT') {
+      await this.dataSource
+        .getRepository(Booking)
+        .update(bookingId, { paymentStatus: 'PAID', status: 'PAID' });
+    } else if (booking.paymentStatus !== 'PAID') {
+      await this.dataSource
+        .getRepository(Booking)
+        .update(bookingId, { paymentStatus: 'PAID' });
+    }
+
+    const linked = await this.trainScheduleBookingsRepository.existsForBooking(bookingId);
+    if (!linked) {
+      await this.allocate(booking.trainScheduleId, booking, 'paid');
+      this.logger.log(
+        `Linked PAID booking ${booking.reference ?? bookingId} to schedule ${booking.trainScheduleId}`,
+      );
+    }
+
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(
+      booking.trainScheduleId,
+    );
+    if (schedule && (await this.remainingWagons(schedule)) <= 0) {
+      await this.setWindow(booking.trainScheduleId, 'FULL');
+    }
+
+    const result = await this.trainSchedulingService.tryAutoWagonAllocation(
+      booking.trainScheduleId,
+    );
+    if (result.assignedBookingIds.length) {
+      this.logger.log(
+        `Wagon allocation for ${booking.reference ?? bookingId}: ${result.assignedBookingIds.length} assigned`,
+      );
+    }
+    if (result.issues.some((i) => i.bookingId === bookingId && i.status !== 'ASSIGNED')) {
+      const issue = result.issues.find((i) => i.bookingId === bookingId);
+      this.logger.warn(
+        `Wagon allocation issue for ${booking.reference ?? bookingId}: ${issue?.issue ?? issue?.status}`,
+      );
+    }
+  }
+
+  /** Customer paid — delegate to ensurePaidBookingAllocated. */
+  async confirmPaidAndAllocate(bookingId: string): Promise<void> {
+    await this.ensurePaidBookingAllocated(bookingId);
+  }
+
+  /** Link PAID bookings that have no train_schedule_bookings row (cron backstop). */
+  async reconcilePaidUnlinked(scheduleId: string): Promise<void> {
+    const unlinked = await this.bookingsRepository.findPaidUnlinkedForSchedule(scheduleId);
+    for (const booking of unlinked) {
+      await this.allocate(scheduleId, booking, 'paid');
+      this.logger.log(
+        `Reconciled PAID booking ${booking.reference ?? booking.id} → schedule ${scheduleId}`,
+      );
+    }
+  }
+
+  // ---- cron entry point -----------------------------------------------------
+
+  @Cron(BATCH_CRON, { name: 'booking-batch-fill', timeZone: BATCH_TIMEZONE })
+  async runBatchFill(): Promise<void> {
+    const open = await this.trainSchedulesRepository.findAll({
+      where: { bookingWindowStatus: 'OPEN' },
+    });
+    this.logger.log(`Batch fill: ${open.length} OPEN schedule(s).`);
+    for (const s of open) {
+      try {
+        await this.processSchedule(s.id);
+      } catch (err) {
+        this.logger.error(`Batch fill failed for ${s.id}: ${(err as Error).message}`);
+      }
+    }
+  }
+
+  // ---- monitoring board -----------------------------------------------------
+
+  /**
+   * Read model for the batch monitoring page: every still-relevant schedule (not arrived/
+   * cancelled) with its locomotive, capacity usage and its bookings grouped by lifecycle
+   * state (allocated / awaiting payment / paid-waiting / pending contract / expired).
+   */
+  async getBatchBoard(): Promise<BatchBoardSchedule[]> {
+    const schedules = await this.trainSchedulesRepository.findAll({
+      relations: {
+        trainSet: { locomotive: true },
+        originStation: true,
+        destinationStation: true,
+        route: true,
+      },
+      order: { scheduledDepartureDate: 'ASC' },
+    });
+
+    const wagonLengths = await this.loadWagonLengths();
+    const linkRepo = this.dataSource.getRepository(TrainScheduleBooking);
+
+    const board: BatchBoardSchedule[] = [];
+    for (const s of schedules) {
+      if (s.status === 'ARRIVED' || s.status === 'CANCELLED') continue;
+
+      const links = await linkRepo.find({ where: { trainScheduleId: s.id } });
+      const linkedIds = new Set(links.map((l) => l.bookingId));
+      const bookings = await this.bookingsRepository.findAllBySchedule(s.id);
+
+      const items: BatchBoardBooking[] = bookings.map((b) => {
+        const need = this.needFor(b, wagonLengths);
+        return {
+          id: b.id,
+          reference: b.reference ?? b.id.slice(0, 8),
+          company: b.isGovernment
+            ? (b.governmentInstitution ?? 'Government')
+            : (b.company?.name ?? '—'),
+          isGovernment: Boolean(b.isGovernment),
+          wagons: need.wagons,
+          weightTons: need.weightTons,
+          lengthMeters: need.lengthMeters,
+          paymentDeadline: b.paymentDeadline ? b.paymentDeadline.toISOString() : null,
+          state: this.boardState(b, linkedIds.has(b.id)),
+        };
+      });
+
+      board.push(this.buildScheduleSummary(s, items));
+    }
+    return board;
+  }
+
+  /** Schedule-level batch board with EAT 3h windows grouped by fullyExecutedAt. */
+  async getBatchBoardDetail(scheduleId: string): Promise<BatchBoardScheduleDetail> {
+    const s = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!s) throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    if (s.status === 'ARRIVED' || s.status === 'CANCELLED') {
+      throw new BadRequestException('Schedule is no longer active');
+    }
+
+    const wagonLengths = await this.loadWagonLengths();
+    const linkRepo = this.dataSource.getRepository(TrainScheduleBooking);
+    const links = await linkRepo.find({ where: { trainScheduleId: s.id } });
+    const linkedIds = new Set(links.map((l) => l.bookingId));
+    const bookings = await this.bookingsRepository.findAllBySchedule(s.id);
+
+    let allocationPreview: Awaited<
+      ReturnType<TrainSchedulingService['previewAllocationForSchedule']>
+    >;
+    try {
+      allocationPreview = await this.trainSchedulingService.previewAllocationForSchedule(s.id);
+    } catch {
+      allocationPreview = { assignedBookingIds: [], deferred: [], issues: [], violations: [] };
+    }
+    const allocationByBooking = new Map(
+      allocationPreview.issues.map((i) => [i.bookingId, i]),
+    );
+
+    const items: BatchBoardBookingDetail[] = bookings.map((b) => {
+      const need = this.needFor(b, wagonLengths);
+      const alloc = allocationByBooking.get(b.id);
+      return {
+        id: b.id,
+        reference: b.reference ?? b.id.slice(0, 8),
+        company: b.isGovernment
+          ? (b.governmentInstitution ?? 'Government')
+          : (b.company?.name ?? '—'),
+        isGovernment: Boolean(b.isGovernment),
+        wagons: need.wagons,
+        weightTons: need.weightTons,
+        lengthMeters: need.lengthMeters,
+        paymentDeadline: b.paymentDeadline ? b.paymentDeadline.toISOString() : null,
+        state: this.boardState(b, linkedIds.has(b.id)),
+        fullyExecutedAt: b.fullyExecutedAt ? b.fullyExecutedAt.toISOString() : null,
+        selectedForBatchAt: b.selectedForBatchAt ? b.selectedForBatchAt.toISOString() : null,
+        allocationStatus: alloc?.status ?? 'NOT_ATTEMPTED',
+        allocationIssue: alloc?.issue ?? null,
+      };
+    });
+
+    const loco = s.trainSet?.locomotive ?? null;
+
+    // Display windows span the whole booking window: from when it opened
+    // (schedule creation) through the scheduled departure, in 3-hour EAT slots.
+    const openDate = s.createdAt ?? s.scheduledDepartureDate ?? new Date();
+    const departureDate = s.scheduledDepartureDate ?? new Date();
+    const windowBuckets = groupBookingsIntoBoardWindows(
+      items,
+      (item) => (item.fullyExecutedAt ? new Date(item.fullyExecutedAt) : null),
+      openDate,
+      departureDate,
+    );
+
+    const emptyCounts = () => ({
+      allocated: 0,
+      selectedForBatch: 0,
+      ready: 0,
+      waiting: 0,
+      expired: 0,
+      pendingContract: 0,
+    });
+
+    const countFor = (bookingsInWindow: BatchBoardBookingDetail[]) => {
+      const counts = emptyCounts();
+      for (const b of bookingsInWindow) {
+        if (b.state === 'ALLOCATED') counts.allocated += 1;
+        else if (b.state === 'SELECTED_FOR_BATCH') counts.selectedForBatch += 1;
+        else if (b.state === 'READY') counts.ready += 1;
+        else if (b.state === 'WAITING') counts.waiting += 1;
+        else if (b.state === 'EXPIRED') counts.expired += 1;
+        else counts.pendingContract += 1;
+      }
+      return counts;
+    };
+
+    const windows: BatchWindowGroup[] = [];
+    for (const [key, bucket] of windowBuckets) {
+      if (key === 'pending-contract' || !bucket.window) continue;
+      const w = bucket.window;
+      windows.push({
+        key: w.key,
+        label: w.label,
+        date: w.date,
+        dateLabel: w.dateLabel,
+        start: w.start.toISOString(),
+        end: w.end.toISOString(),
+        counts: countFor(bucket.items),
+        bookings: bucket.items,
+      });
+    }
+    windows.sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime());
+
+    const pendingBookings = windowBuckets.get('pending-contract')?.items ?? [];
+
+    return {
+      scheduleId: s.id,
+      trainNumber: s.trainNumber ?? null,
+      routeName: s.route?.name ?? null,
+      origin: s.originStation?.label ?? s.originStation?.code ?? null,
+      destination: s.destinationStation?.label ?? s.destinationStation?.code ?? null,
+      scheduleDate: s.scheduledDepartureDate ? s.scheduledDepartureDate.toISOString() : null,
+      status: s.status,
+      bookingWindowStatus: s.bookingWindowStatus,
+      locomotive: loco
+        ? {
+            code: loco.code,
+            name: loco.name ?? null,
+            maxPullWeightTons: Number(loco.maxPullWeightTons),
+            maxTrainLengthMeters: Number(loco.maxTrainLengthMeters),
+          }
+        : null,
+      capacity: this.computeBoardCapacity(items, loco),
+      counts: {
+        allocated: items.filter((i) => i.state === 'ALLOCATED').length,
+        selectedForBatch: items.filter((i) => i.state === 'SELECTED_FOR_BATCH').length,
+        ready: items.filter((i) => i.state === 'READY').length,
+        waiting: items.filter((i) => i.state === 'WAITING').length,
+        pendingContract: items.filter((i) => i.state === 'PENDING_CONTRACT').length,
+        expired: items.filter((i) => i.state === 'EXPIRED').length,
+      },
+      windows,
+      pendingContract: {
+        key: 'pending-contract',
+        label: 'Pending contract',
+        date: '',
+        dateLabel: '',
+        start: '',
+        end: '',
+        counts: countFor(pendingBookings),
+        bookings: pendingBookings,
+      },
+      allocationViolations: allocationPreview.violations,
+    };
+  }
+
+  /** Run wagon-level allocation for all eligible linked bookings on a schedule. */
+  async runWagonAllocation(scheduleId: string) {
+    return this.trainSchedulingService.tryAutoWagonAllocation(scheduleId);
+  }
+
+  private computeBoardCapacity(
+    items: Array<{
+      state: BatchBoardBookingState;
+      wagons: number;
+      weightTons: number;
+      lengthMeters: number;
+    }>,
+    loco: Locomotive | null,
+  ): BatchBoardSchedule['capacity'] {
+    const allocated = items.filter((i) => i.state === 'ALLOCATED');
+    const committed = items.filter(
+      (i) => i.state === 'ALLOCATED' || i.state === 'SELECTED_FOR_BATCH',
+    );
+    return {
+      allocatedWagons: allocated.reduce((sum, i) => sum + i.wagons, 0),
+      allocatedLengthMeters:
+        Math.round(allocated.reduce((sum, i) => sum + i.lengthMeters, 0) * 100) / 100,
+      maxLengthMeters: loco ? Number(loco.maxTrainLengthMeters) : null,
+      usedWeightTons: Math.round(committed.reduce((sum, i) => sum + i.weightTons, 0) * 100) / 100,
+      maxWeightTons: loco ? Number(loco.maxPullWeightTons) : null,
+    };
+  }
+
+  private buildScheduleSummary(
+    s: TrainSchedule,
+    items: BatchBoardBooking[],
+  ): BatchBoardSchedule {
+    const loco = s.trainSet?.locomotive ?? null;
+
+    return {
+      scheduleId: s.id,
+      trainNumber: s.trainNumber ?? null,
+      routeName: s.route?.name ?? null,
+      origin: s.originStation?.label ?? s.originStation?.code ?? null,
+      destination: s.destinationStation?.label ?? s.destinationStation?.code ?? null,
+      scheduleDate: s.scheduledDepartureDate ? s.scheduledDepartureDate.toISOString() : null,
+      status: s.status,
+      bookingWindowStatus: s.bookingWindowStatus,
+      locomotive: loco
+        ? {
+            code: loco.code,
+            name: loco.name ?? null,
+            maxPullWeightTons: Number(loco.maxPullWeightTons),
+            maxTrainLengthMeters: Number(loco.maxTrainLengthMeters),
+          }
+        : null,
+      capacity: this.computeBoardCapacity(items, loco),
+      counts: {
+        allocated: items.filter((i) => i.state === 'ALLOCATED').length,
+        selectedForBatch: items.filter((i) => i.state === 'SELECTED_FOR_BATCH').length,
+        ready: items.filter((i) => i.state === 'READY').length,
+        waiting: items.filter((i) => i.state === 'WAITING').length,
+        pendingContract: items.filter((i) => i.state === 'PENDING_CONTRACT').length,
+        expired: items.filter((i) => i.state === 'EXPIRED').length,
+      },
+      bookings: items.slice(0, 3),
+    };
+  }
+
+  private boardState(booking: Booking, linked: boolean): BatchBoardBookingState {
+    if (linked) return 'ALLOCATED';
+    if (booking.status === 'SELECTED_FOR_BATCH' || booking.status === 'AWAITING_PAYMENT') {
+      return 'SELECTED_FOR_BATCH';
+    }
+    if (booking.status === 'EXPIRED') return 'EXPIRED';
+    if (booking.status === 'FULLY_EXECUTED' && booking.fullyExecutedAt) return 'READY';
+    if (booking.status === 'PAID') return 'WAITING';
+    return 'PENDING_CONTRACT';
+  }
+
+  // ---- core fill ------------------------------------------------------------
+
+  /** Fill one schedule from its priority-ordered pool until full. */
+  async fillSchedule(scheduleId: string): Promise<void> {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule || schedule.bookingWindowStatus !== 'OPEN') return;
+    const locomotive = schedule.trainSet?.locomotive;
+    if (!schedule.trainSetId || !locomotive) {
+      this.logger.warn(`Schedule ${scheduleId} has no locomotive/train set — skipped.`);
+      return;
+    }
+
+    const rules = await this.loadGlobalRules();
+    const wagonLengths = await this.loadWagonLengths();
+    const limits = await this.capacityLimits(locomotive, rules);
+    await this.syncScheduleMaxWagons(schedule, locomotive, rules);
+    let budget = await this.remainingCapacity(schedule, limits, wagonLengths);
+    if (budget.wagons <= 0) {
+      await this.setWindow(scheduleId, 'FULL');
+      return;
+    }
+
+    const pool = await this.bookingsRepository.findBatchPool(scheduleId);
+    let armed = false;
+
+    for (const booking of pool) {
+      const need = this.needFor(booking, wagonLengths);
+
+      if (!this.fits(need, budget)) {
+        if (booking.isGovernment) {
+          budget = await this.preemptForGovernment(scheduleId, need, budget, wagonLengths);
+          if (!this.fits(need, budget)) continue; // still doesn't fit even after preempt
+        } else {
+          continue; // skip a booking that exceeds weight/length/wagons, try the next
+        }
+      }
+
+      if (booking.isGovernment) {
+        await this.allocate(scheduleId, booking, 'gov');
+      } else {
+        await this.reserve(booking);
+        armed = true;
+      }
+      budget = this.subtract(budget, need);
+      if (budget.wagons <= 0) break; // no wagon slots left — nothing more can board
+    }
+
+    if (budget.wagons <= 0) await this.setWindow(scheduleId, 'FULL');
+    if (armed) this.armSettle(scheduleId);
+    void this.triggerWagonAllocation(scheduleId);
+  }
+
+  /** Durable settle: allocate paid / expire overdue reservations, then top up. */
+  async settleDueReservations(scheduleId: string): Promise<void> {
+    const reserved = await this.bookingsRepository.findReservedForSchedule(scheduleId);
+    const now = Date.now();
+    let anySettled = false;
+
+    for (const booking of reserved) {
+      const paid = booking.paymentStatus === 'PAID' || booking.status === 'PAID';
+      const expired = booking.paymentDeadline
+        ? booking.paymentDeadline.getTime() <= now
+        : false;
+
+      if (paid) {
+        await this.allocate(scheduleId, booking, 'paid');
+        anySettled = true;
+      } else if (expired) {
+        await this.expire(booking);
+        anySettled = true;
+      }
+    }
+
+    if (anySettled) await this.fillSchedule(scheduleId);
+  }
+
+  // ---- settle (1h after a batch) -------------------------------------------
+
+  /** Allocate paid reservations, expire the rest, then top up. */
+  async settleBatch(scheduleId: string): Promise<void> {
+    this.removeTimeout(scheduleId);
+    const reserved = await this.bookingsRepository.findReservedForSchedule(scheduleId);
+    const now = Date.now();
+
+    for (const booking of reserved) {
+      const paid = booking.paymentStatus === 'PAID' || booking.status === 'PAID';
+      const expired = booking.paymentDeadline
+        ? booking.paymentDeadline.getTime() <= now
+        : true;
+
+      if (paid) {
+        await this.allocate(scheduleId, booking, 'paid');
+      } else if (expired) {
+        await this.expire(booking);
+      }
+      // else: still within window (rare at settle) → leave for the re-armed timeout
+    }
+
+    await this.fillSchedule(scheduleId);
+    void this.triggerWagonAllocation(scheduleId);
+  }
+
+  private triggerWagonAllocation(scheduleId: string): void {
+    void this.trainSchedulingService.tryAutoWagonAllocation(scheduleId).catch((err) =>
+      this.logger.warn(
+        `Auto wagon allocation failed for ${scheduleId}: ${(err as Error).message}`,
+      ),
+    );
+  }
+
+  // ---- staff override actions ----------------------------------------------
+
+  /** Staff "mark paid" override → set PAID and allocate immediately (don't wait for settle). */
+  async markPaid(bookingId: string): Promise<void> {
+    const booking = await this.dataSource
+      .getRepository(Booking)
+      .findOne({ where: { id: bookingId } });
+    if (!booking) throw new NotFoundException(`Booking ${bookingId} not found`);
+    if (!booking.trainScheduleId) {
+      throw new BadRequestException('Booking has no target schedule to allocate to');
+    }
+    await this.dataSource
+      .getRepository(Booking)
+      .update(bookingId, { paymentStatus: 'PAID' });
+    await this.allocate(booking.trainScheduleId, booking, 'paid');
+
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(
+      booking.trainScheduleId,
+    );
+    if (schedule && (await this.remainingWagons(schedule)) <= 0) {
+      await this.setWindow(booking.trainScheduleId, 'FULL');
+    }
+    void this.triggerWagonAllocation(booking.trainScheduleId!);
+  }
+
+  /**
+   * Re-point a booking to another OPEN same-route schedule (keeps approval/contract + priority).
+   * Used for EXPIRED or full-schedule bookings — no re-approval.
+   */
+  async moveToSchedule(bookingId: string, newScheduleId: string): Promise<void> {
+    const booking = await this.dataSource
+      .getRepository(Booking)
+      .findOne({ where: { id: bookingId } });
+    if (!booking) throw new NotFoundException(`Booking ${bookingId} not found`);
+
+    const schedule = await this.dataSource
+      .getRepository(TrainSchedule)
+      .findOne({ where: { id: newScheduleId } });
+    if (!schedule) throw new NotFoundException(`Train schedule ${newScheduleId} not found`);
+    if (schedule.bookingWindowStatus !== 'OPEN') {
+      throw new BadRequestException('Target schedule is not accepting bookings');
+    }
+    if (
+      schedule.originStationId !== booking.originYardId ||
+      schedule.destinationStationId !== booking.destinationYardId
+    ) {
+      throw new BadRequestException('Target schedule is not on the booking route');
+    }
+
+    await this.dataSource.transaction(async (manager) => {
+      if (booking.trainScheduleId) {
+        await this.trainScheduleBookingsRepository.deleteByScheduleAndBooking(
+          booking.trainScheduleId,
+          bookingId,
+          manager,
+        );
+      }
+      const restoredStatus =
+        booking.status === 'EXPIRED'
+          ? booking.isGovernment
+            ? 'APPROVED'
+            : 'FULLY_EXECUTED'
+          : booking.status;
+      await manager.getRepository(Booking).update(bookingId, {
+        trainScheduleId: newScheduleId,
+        status: restoredStatus,
+        schedulingStatus: 'ELIGIBLE',
+        paymentDeadline: null,
+        selectedForBatchAt: null,
+      } as never);
+    });
+  }
+
+  /** Staff "expire" override → free a reservation now (booking becomes EXPIRED). */
+  async expireReservation(bookingId: string): Promise<void> {
+    const booking = await this.dataSource
+      .getRepository(Booking)
+      .findOne({ where: { id: bookingId } });
+    if (!booking) throw new NotFoundException(`Booking ${bookingId} not found`);
+    await this.expire(booking);
+    if (booking.trainScheduleId) await this.fillSchedule(booking.trainScheduleId);
+  }
+
+  // ---- mutations ------------------------------------------------------------
+
+  /** Reserve capacity for a commercial booking and open its pay window. */
+  private async reserve(booking: Booking): Promise<void> {
+    const now = new Date();
+    const deadline = new Date(now.getTime() + PAYMENT_WINDOW_MS);
+    await this.bookingsRepository.update(booking.id, {
+      status: 'SELECTED_FOR_BATCH',
+      selectedForBatchAt: now,
+      paymentDeadline: deadline,
+    } as never);
+    await this.notifier.payNow(booking, deadline);
+  }
+
+  /** Allocate a booking to the schedule's train (creates the TrainScheduleBooking link). */
+  private async allocate(
+    scheduleId: string,
+    booking: Booking,
+    reason: 'paid' | 'gov',
+  ): Promise<void> {
+    await this.dataSource.transaction(async (manager) => {
+      const exists = await this.trainScheduleBookingsRepository.existsForBooking(
+        booking.id,
+        manager,
+      );
+      if (!exists) {
+        await this.trainScheduleBookingsRepository.createMany(
+          [{ trainScheduleId: scheduleId, bookingId: booking.id }],
+          manager,
+        );
+      }
+      await manager.getRepository(Booking).update(booking.id, {
+        status: reason === 'paid' ? 'PAID' : booking.status,
+        schedulingStatus: 'SCHEDULED',
+        scheduledAt: new Date(),
+        paymentDeadline: null,
+        selectedForBatchAt: null,
+      } as never);
+    });
+    this.notifier.secured(booking, reason);
+    void this.triggerWagonAllocation(scheduleId);
+  }
+
+  /** Expire an unpaid reservation and free its capacity. */
+  private async expire(booking: Booking): Promise<void> {
+    await this.bookingsRepository.update(booking.id, {
+      status: 'EXPIRED',
+      schedulingStatus: 'ELIGIBLE',
+      paymentDeadline: null,
+      selectedForBatchAt: null,
+    } as never);
+    this.notifier.expired(booking);
+  }
+
+  /**
+   * Free capacity for a government booking by displacing the lowest-priority commercial
+   * bookings (reserved first, then allocated — including PAID). Displaced → EXPIRED + notified.
+   */
+  private async preemptForGovernment(
+    scheduleId: string,
+    need: Capacity,
+    budget: Capacity,
+    wagonLengths: WagonLengths,
+  ): Promise<Capacity> {
+    const reservedCommercial = (
+      await this.bookingsRepository.findReservedForSchedule(scheduleId)
+    ).filter((b) => !b.isGovernment);
+    const allocatedCommercial =
+      await this.bookingsRepository.findAllocatedCommercialForSchedule(scheduleId);
+
+    // lowest priority first; reserved are cheaper to free than allocated
+    const candidates = [...reservedCommercial, ...allocatedCommercial].sort(
+      (a, b) => (a.priorityScore ?? 0) - (b.priorityScore ?? 0),
+    );
+
+    let freed = budget;
+    for (const victim of candidates) {
+      if (this.fits(need, freed)) break;
+      await this.dataSource.transaction(async (manager) => {
+        await this.trainScheduleBookingsRepository.deleteByScheduleAndBooking(
+          scheduleId,
+          victim.id,
+          manager,
+        );
+        await manager.getRepository(Booking).update(victim.id, {
+          status: 'EXPIRED',
+          schedulingStatus: 'ELIGIBLE',
+          paymentDeadline: null,
+          selectedForBatchAt: null,
+        } as never);
+      });
+      this.notifier.displaced(victim);
+      freed = this.add(freed, this.needFor(victim, wagonLengths));
+    }
+    return freed;
+  }
+
+  // ---- capacity helpers -----------------------------------------------------
+
+  private wagonsFor(booking: Booking): number {
+    if (booking.wagonsRequired && booking.wagonsRequired > 0) {
+      return Math.ceil(booking.wagonsRequired);
+    }
+    const fromContainers = (booking.bookingContainers ?? []).reduce(
+      (sum, c) => sum + Number(c.quantity ?? 0),
+      0,
+    );
+    return Math.max(DEFAULT_WAGONS_PER_BOOKING, fromContainers || DEFAULT_WAGONS_PER_BOOKING);
+  }
+
+  /** What one booking consumes along all three capacity axes. */
+  private needFor(booking: Booking, wagonLengths: WagonLengths): Capacity {
+    const wagons = this.wagonsFor(booking);
+    return {
+      wagons,
+      weightTons: Number(booking.cargoTotalWeightVgm ?? 0),
+      lengthMeters: bookingTrainLengthMeters(booking.freightType, wagons, {
+        container: wagonLengths.container,
+        bulk: wagonLengths.bulk,
+      }),
+    };
+  }
+
+  private fits(need: Capacity, budget: Capacity): boolean {
+    return (
+      need.wagons <= budget.wagons &&
+      need.weightTons <= budget.weightTons &&
+      need.lengthMeters <= budget.lengthMeters
+    );
+  }
+
+  private subtract(budget: Capacity, need: Capacity): Capacity {
+    return {
+      wagons: budget.wagons - need.wagons,
+      weightTons: budget.weightTons - need.weightTons,
+      lengthMeters: budget.lengthMeters - need.lengthMeters,
+    };
+  }
+
+  private add(budget: Capacity, freed: Capacity): Capacity {
+    return {
+      wagons: budget.wagons + freed.wagons,
+      weightTons: budget.weightTons + freed.weightTons,
+      lengthMeters: budget.lengthMeters + freed.lengthMeters,
+    };
+  }
+
+  /** Locomotive + wagon-type-derived caps (weight, length, wagon slots — not a fixed 53). */
+  private async capacityLimits(
+    locomotive: Locomotive,
+    rules: TrainSchedulingGlobalRules | null,
+  ): Promise<Capacity> {
+    const wagonTypes = await this.loadWagonTypeDimensions();
+    const derived = deriveTrainCapacityFromLocomotive(
+      {
+        maxPullWeightTons: Number(locomotive.maxPullWeightTons),
+        maxTrainLengthMeters: Number(locomotive.maxTrainLengthMeters),
+      },
+      wagonTypes,
+      {
+        maxTrainWeightTons: rules?.maxTrainWeightTons
+          ? Number(rules.maxTrainWeightTons)
+          : undefined,
+        maxTrainLengthMeters: rules?.maxTrainLengthMeters
+          ? Number(rules.maxTrainLengthMeters)
+          : undefined,
+      },
+    );
+    return {
+      wagons: derived.maxWagonSlots,
+      weightTons: derived.maxWeightTons,
+      lengthMeters: derived.maxLengthMeters,
+    };
+  }
+
+  /** Keep schedule.max_wagons aligned with locomotive physical limits. */
+  private async syncScheduleMaxWagons(
+    schedule: TrainSchedule,
+    locomotive: Locomotive,
+    rules: TrainSchedulingGlobalRules | null,
+  ): Promise<void> {
+    const limits = await this.capacityLimits(locomotive, rules);
+    if ((schedule.maxWagons ?? 0) !== limits.wagons) {
+      await this.dataSource
+        .getRepository(TrainSchedule)
+        .update(schedule.id, { maxWagons: limits.wagons });
+      schedule.maxWagons = limits.wagons;
+    }
+  }
+
+  private async loadWagonTypeDimensions(): Promise<
+    Array<{ lengthMeters: number; capacityTons: number }>
+  > {
+    const types = await this.dataSource.getRepository(WagonType).find({
+      where: [{ code: 'NW5' }, { code: 'CW3' }],
+    });
+    if (types.length) return types.map(wagonTypeDimensionsFromEntity);
+    return [
+      { lengthMeters: DEFAULT_CONTAINER_WAGON_LENGTH_METERS, capacityTons: 70 },
+      { lengthMeters: DEFAULT_BULK_WAGON_LENGTH_METERS, capacityTons: 60 },
+    ];
+  }
+
+  private async loadWagonLengths(): Promise<WagonLengths> {
+    const types = await this.dataSource.getRepository(WagonType).find({
+      where: [{ code: 'NW5' }, { code: 'CW3' }],
+    });
+    const byCode = new Map(types.map((t) => [t.code, wagonTypeDimensionsFromEntity(t)]));
+    return {
+      container: byCode.get('NW5')?.lengthMeters ?? DEFAULT_CONTAINER_WAGON_LENGTH_METERS,
+      bulk: byCode.get('CW3')?.lengthMeters ?? DEFAULT_BULK_WAGON_LENGTH_METERS,
+    };
+  }
+
+  private async loadGlobalRules(): Promise<TrainSchedulingGlobalRules | null> {
+    return this.dataSource.getRepository(TrainSchedulingGlobalRules).findOne({ where: {} });
+  }
+
+  /** Remaining capacity = hard caps minus what allocated + reserved bookings already use. */
+  private async remainingCapacity(
+    schedule: TrainSchedule,
+    limits: Capacity,
+    wagonLengths: WagonLengths,
+  ): Promise<Capacity> {
+    const allocated = (schedule.scheduleBookings ?? [])
+      .map((sb) => sb.booking)
+      .filter((b): b is Booking => Boolean(b));
+    const reserved = await this.bookingsRepository.findReservedForSchedule(schedule.id);
+    const used = [...allocated, ...reserved].reduce<Capacity>(
+      (acc, b) => this.add(acc, this.needFor(b, wagonLengths)),
+      { wagons: 0, weightTons: 0, lengthMeters: 0 },
+    );
+    return this.subtract(limits, used);
+  }
+
+  /** maxWagons minus wagons already taken by allocated + reserved bookings. */
+  private async remainingWagons(schedule: TrainSchedule): Promise<number> {
+    const allocated = (schedule.scheduleBookings ?? [])
+      .map((sb) => sb.booking)
+      .filter((b): b is Booking => Boolean(b));
+    const reserved = await this.bookingsRepository.findReservedForSchedule(schedule.id);
+    const used =
+      allocated.reduce((s, b) => s + this.wagonsFor(b), 0) +
+      reserved.reduce((s, b) => s + this.wagonsFor(b), 0);
+    return (schedule.maxWagons ?? 0) - used;
+  }
+
+  private async setWindow(
+    scheduleId: string,
+    status: 'OPEN' | 'FULL' | 'CLOSED',
+  ): Promise<void> {
+    await this.dataSource
+      .getRepository(TrainSchedule)
+      .update(scheduleId, { bookingWindowStatus: status });
+  }
+
+  // ---- timer plumbing -------------------------------------------------------
+
+  private timeoutName(scheduleId: string): string {
+    return `settle:${scheduleId}`;
+  }
+
+  private armSettle(scheduleId: string): void {
+    this.removeTimeout(scheduleId);
+    const handle = setTimeout(() => {
+      void this.settleBatch(scheduleId).catch((err) =>
+        this.logger.error(`settleBatch ${scheduleId} failed: ${(err as Error).message}`),
+      );
+    }, PAYMENT_WINDOW_MS);
+    this.scheduler.addTimeout(this.timeoutName(scheduleId), handle);
+  }
+
+  private removeTimeout(scheduleId: string): void {
+    const name = this.timeoutName(scheduleId);
+    try {
+      if (this.scheduler.doesExist('timeout', name)) {
+        this.scheduler.deleteTimeout(name);
+      }
+    } catch {
+      // ignore — not armed
+    }
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/booking-notifier.service.ts b/apps/edr-freight-api/src/modules/train-scheduling/booking-notifier.service.ts
new file mode 100644
index 000000000..e63bc1aec
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/booking-notifier.service.ts
@@ -0,0 +1,74 @@
+import { Injectable, Logger } from '@nestjs/common';
+
+import { Booking } from '../bookings/entities/booking.entity';
+import { NotificationsService } from '../notifications/notifications.service';
+import { PAYMENT_WINDOW_MS } from './booking-batch.constants';
+
+@Injectable()
+export class BookingNotifierService {
+  private readonly logger = new Logger(BookingNotifierService.name);
+
+  constructor(private readonly notifications: NotificationsService) {}
+
+  private ref(b: Booking): string {
+    return `${b.reference}${b.isGovernment ? ' (gov)' : ''}`;
+  }
+
+  private async notifyContact(
+    b: Booking,
+    message: string,
+    logLabel: string,
+  ): Promise<void> {
+    this.logger.log(`${logLabel} — ${this.ref(b)}`);
+    const phone = b.company?.contactPersonPhone ?? b.company?.phone ?? null;
+    const email = b.company?.email ?? b.company?.generalManagerEmail ?? null;
+
+    if (phone) {
+      try {
+        await this.notifications.directSend('sms', phone, message);
+      } catch (err) {
+        this.logger.warn(`SMS failed for ${this.ref(b)}: ${(err as Error).message}`);
+      }
+    }
+    if (email) {
+      try {
+        await this.notifications.directSend('email', email, message);
+      } catch (err) {
+        this.logger.warn(`Email failed for ${this.ref(b)}: ${(err as Error).message}`);
+      }
+    }
+    if (!phone && !email) {
+      this.logger.warn(`No contact on file for ${this.ref(b)} — notification not sent`);
+    }
+  }
+
+  async payNow(b: Booking, deadline: Date): Promise<void> {
+    const payMinutes = Math.round(PAYMENT_WINDOW_MS / 60_000);
+    const eat = deadline.toLocaleString('en-GB', { timeZone: 'Africa/Addis_Ababa' });
+    const msg = `Pay within ${payMinutes} minute${payMinutes === 1 ? '' : 's'} to secure train slot ${b.reference ?? b.id}. Deadline: ${eat} EAT.`;
+    await this.notifyContact(b, msg, 'PAY NOW');
+  }
+
+  secured(b: Booking, reason: 'paid' | 'gov'): void {
+    const msg = `Booking ${b.reference ?? b.id} allocated on train schedule ${b.trainScheduleId ?? ''}${
+      reason === 'gov' ? ' (government)' : ''
+    }.`;
+    void this.notifyContact(b, msg, 'ALLOCATED');
+  }
+
+  expired(b: Booking): void {
+    const msg = `Payment window expired for booking ${b.reference ?? b.id}. Reschedule or cancel — no re-approval needed.`;
+    void this.notifyContact(b, msg, 'EXPIRED');
+  }
+
+  scheduleFull(b: Booking): void {
+    this.logger.warn(
+      `SCHEDULE FULL — ${this.ref(b)} could not be placed; change schedule, pick another day, or cancel.`,
+    );
+  }
+
+  displaced(b: Booking): void {
+    const msg = `Booking ${b.reference ?? b.id} was displaced by a government booking. Move to another schedule or cancel.`;
+    void this.notifyContact(b, msg, 'DISPLACED');
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/container-placement.util.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/container-placement.util.spec.ts
new file mode 100644
index 000000000..f51199b8c
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/container-placement.util.spec.ts
@@ -0,0 +1,59 @@
+import {
+  autoFillPlacements,
+  findMissingContainerNumberIssues,
+  type ContainerUnitForPlacement,
+} from './container-placement.util';
+
+describe('container-placement.util', () => {
+  const units: ContainerUnitForPlacement[] = [
+    {
+      bookingId: 'b1',
+      bookingContainerId: 'c1',
+      unitIndex: 0,
+      label: 'REF · 1/1 · 20GP',
+      teuSlots: 1,
+      sizeFt: 20,
+      containerNumber: 'ABCD1234567',
+    },
+    {
+      bookingId: 'b2',
+      bookingContainerId: 'c2',
+      unitIndex: 0,
+      label: 'REF2 · 1/1 · 40GP',
+      teuSlots: 2,
+      sizeFt: 40,
+      containerNumber: null,
+    },
+  ];
+
+  it('auto-fills placements across slots', () => {
+    const placements = autoFillPlacements(units, [1, 2]);
+    expect(placements).toHaveLength(2);
+    expect(placements[0].sequenceNo).toBe(1);
+    expect(placements[1].sequenceNo).toBe(2);
+  });
+
+  it('reports missing container numbers only when placement is empty', () => {
+    const placements = autoFillPlacements(units, [1, 2]);
+    const issues = findMissingContainerNumberIssues(units, placements);
+    expect(issues).toHaveLength(0);
+    expect(placements[1].containerNumber).toMatch(/^TBD-/);
+  });
+
+  it('generates TBD placeholder for missing container numbers', () => {
+    const single: ContainerUnitForPlacement[] = [
+      {
+        bookingId: 'b2',
+        bookingReference: 'BK-2026-000033',
+        bookingContainerId: 'c2',
+        unitIndex: 0,
+        label: 'REF2 · 1/1 · 40GP',
+        teuSlots: 2,
+        sizeFt: 40,
+        containerNumber: null,
+      },
+    ];
+    const placements = autoFillPlacements(single, [1]);
+    expect(placements[0].containerNumber).toBe('TBD-BK-2026-000033-1');
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/container-placement.util.ts b/apps/edr-freight-api/src/modules/train-scheduling/container-placement.util.ts
new file mode 100644
index 000000000..72ee1407e
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/container-placement.util.ts
@@ -0,0 +1,99 @@
+import type { ContainerPlacementInput } from './wagon-plan.util';
+
+export type ContainerUnitForPlacement = {
+  bookingId: string;
+  bookingReference?: string | null;
+  bookingContainerId: string;
+  unitIndex: number;
+  label: string;
+  teuSlots?: number;
+  sizeFt?: number;
+  containerNumber?: string | null;
+};
+
+export function placeholderContainerNumber(unit: ContainerUnitForPlacement): string {
+  const ref = unit.bookingReference ?? unit.bookingId.slice(0, 8);
+  return `TBD-${ref}-${unit.unitIndex + 1}`;
+}
+
+export function isPlaceholderContainerNumber(value: string | null | undefined): boolean {
+  return Boolean(value?.trim().startsWith('TBD-'));
+}
+
+export function resolveContainerNumber(unit: ContainerUnitForPlacement): string {
+  const trimmed = unit.containerNumber?.trim();
+  return trimmed || placeholderContainerNumber(unit);
+}
+
+export function autoFillPlacements(
+  units: ContainerUnitForPlacement[],
+  containerSlots: number[],
+): ContainerPlacementInput[] {
+  if (!units.length || !containerSlots.length) return [];
+
+  const placements: ContainerPlacementInput[] = [];
+  const MAX_TEU_PER_WAGON = 2;
+  let currentSlotIndex = 0;
+  let teuInCurrentSlot = 0;
+
+  for (const unit of units) {
+    const teu = unit.teuSlots ?? (unit.sizeFt && unit.sizeFt >= 40 ? 2 : 1);
+
+    if (teuInCurrentSlot > 0 && teuInCurrentSlot + teu > MAX_TEU_PER_WAGON) {
+      currentSlotIndex += 1;
+      teuInCurrentSlot = 0;
+    }
+
+    const sequenceNo =
+      containerSlots[Math.min(currentSlotIndex, containerSlots.length - 1)] ??
+      containerSlots[containerSlots.length - 1] ??
+      containerSlots[0];
+
+    placements.push({
+      bookingContainerId: unit.bookingContainerId,
+      unitIndex: unit.unitIndex,
+      sequenceNo,
+      containerNumber: resolveContainerNumber(unit),
+    });
+
+    teuInCurrentSlot += teu;
+  }
+
+  return placements;
+}
+
+export function findMissingContainerNumberIssues(
+  units: ContainerUnitForPlacement[],
+  placements: ContainerPlacementInput[],
+): Array<{ bookingId: string; issue: string }> {
+  const issues: Array<{ bookingId: string; issue: string }> = [];
+  const byUnit = new Map(
+    placements.map((p) => [`${p.bookingContainerId}:${p.unitIndex}`, p]),
+  );
+
+  for (const unit of units) {
+    const placement = byUnit.get(`${unit.bookingContainerId}:${unit.unitIndex}`);
+    if (!placement?.containerNumber?.trim()) {
+      issues.push({
+        bookingId: unit.bookingId,
+        issue: `Missing container number for ${unit.label}`,
+      });
+    }
+  }
+
+  return issues;
+}
+
+export function placementsForBookings(
+  placements: ContainerPlacementInput[],
+  bookingIds: Set<string>,
+  units: ContainerUnitForPlacement[],
+): ContainerPlacementInput[] {
+  const unitBookingIds = new Map(
+    units.map((u) => [`${u.bookingContainerId}:${u.unitIndex}`, u.bookingId]),
+  );
+  return placements.filter((p) => {
+    const bookingId = unitBookingIds.get(`${p.bookingContainerId}:${p.unitIndex}`);
+    return bookingId ? bookingIds.has(bookingId) : false;
+  });
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/derive-schedule-direction.util.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/derive-schedule-direction.util.spec.ts
new file mode 100644
index 000000000..330c4d4e9
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/derive-schedule-direction.util.spec.ts
@@ -0,0 +1,21 @@
+import { deriveScheduleDirection } from './derive-schedule-direction.util';
+
+describe('deriveScheduleDirection', () => {
+  it('returns IMPORT when origin is Djibouti', () => {
+    expect(
+      deriveScheduleDirection({ country: 'Djibouti' }, { country: 'Ethiopia' }),
+    ).toBe('IMPORT');
+  });
+
+  it('returns EXPORT when destination is Djibouti and origin is not', () => {
+    expect(
+      deriveScheduleDirection({ country: 'Ethiopia' }, { country: 'Djibouti' }),
+    ).toBe('EXPORT');
+  });
+
+  it('returns DOMESTIC for intra-Ethiopia routes', () => {
+    expect(
+      deriveScheduleDirection({ country: 'Ethiopia' }, { country: 'Ethiopia' }),
+    ).toBe('DOMESTIC');
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/derive-schedule-direction.util.ts b/apps/edr-freight-api/src/modules/train-scheduling/derive-schedule-direction.util.ts
new file mode 100644
index 000000000..7e7358358
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/derive-schedule-direction.util.ts
@@ -0,0 +1,4 @@
+import { deriveTradeDirection } from '../../common/derive-trade-direction.util';
+
+/** @deprecated Use deriveTradeDirection from common — kept as alias for train scheduling. */
+export const deriveScheduleDirection = deriveTradeDirection;
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/assign-bookings.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/assign-bookings.dto.ts
new file mode 100644
index 000000000..b5e93f5da
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/assign-bookings.dto.ts
@@ -0,0 +1,86 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import {
+  ArrayMinSize,
+  IsArray,
+  IsBoolean,
+  IsInt,
+  IsNumber,
+  IsOptional,
+  IsString,
+  IsUUID,
+  Min,
+  ValidateNested,
+} from 'class-validator';
+
+export class ContainerPlacementDto {
+  @ApiProperty({ format: 'uuid' })
+  @IsUUID()
+  bookingContainerId!: string;
+
+  @ApiProperty({ minimum: 0 })
+  @IsInt()
+  @Min(0)
+  unitIndex!: number;
+
+  @ApiProperty({ minimum: 1 })
+  @IsInt()
+  @Min(1)
+  sequenceNo!: number;
+
+  @ApiPropertyOptional({ format: 'uuid' })
+  @IsOptional()
+  @IsUUID()
+  containerId?: string;
+
+  @ApiPropertyOptional()
+  @IsOptional()
+  @IsString()
+  containerNumber?: string;
+
+  @ApiPropertyOptional()
+  @IsOptional()
+  @IsString()
+  sealNumber?: string;
+}
+
+export class AssignBookingsDto {
+  @ApiProperty({ type: [String] })
+  @IsArray()
+  @ArrayMinSize(1)
+  @IsUUID('4', { each: true })
+  bookingIds!: string[];
+
+  @ApiPropertyOptional({ description: 'Bypass soft hold and overweight warnings' })
+  @IsOptional()
+  @IsBoolean()
+  forceAssign?: boolean;
+
+  @ApiPropertyOptional({ type: [ContainerPlacementDto] })
+  @IsOptional()
+  @IsArray()
+  @ValidateNested({ each: true })
+  @Type(() => ContainerPlacementDto)
+  containerPlacements?: ContainerPlacementDto[];
+
+  @ApiPropertyOptional({ description: 'Maximum total booking weight allowed on this train' })
+  @IsOptional()
+  @Type(() => Number)
+  @IsNumber()
+  @Min(1)
+  maxTrainWeightTons?: number;
+
+  @ApiPropertyOptional({ description: 'Maximum total wagon length allowed on this train' })
+  @IsOptional()
+  @Type(() => Number)
+  @IsNumber()
+  @Min(1)
+  maxTrainLengthMeters?: number;
+
+  @ApiPropertyOptional({ description: 'Maximum wagons allowed on this train' })
+  @IsOptional()
+  @Type(() => Number)
+  @IsInt()
+  @Min(1)
+  maxWagonsPerTrain?: number;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/assign-unassigned-booking.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/assign-unassigned-booking.dto.ts
new file mode 100644
index 000000000..1db03c429
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/assign-unassigned-booking.dto.ts
@@ -0,0 +1,8 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsUUID } from 'class-validator';
+
+export class AssignUnassignedBookingDto {
+  @ApiProperty({ format: 'uuid' })
+  @IsUUID()
+  bookingId!: string;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/available-locomotives-query.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/available-locomotives-query.dto.ts
new file mode 100644
index 000000000..705e505df
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/available-locomotives-query.dto.ts
@@ -0,0 +1,8 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsUUID } from 'class-validator';
+
+export class AvailableLocomotivesQueryDto {
+  @ApiProperty({ format: 'uuid', description: 'Route used to filter locomotives at the origin yard' })
+  @IsUUID()
+  routeId!: string;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/bookable-schedules-query.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/bookable-schedules-query.dto.ts
new file mode 100644
index 000000000..1dc908639
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/bookable-schedules-query.dto.ts
@@ -0,0 +1,14 @@
+import { ApiPropertyOptional } from '@nestjs/swagger';
+import { IsOptional, IsUUID } from 'class-validator';
+
+export class BookableSchedulesQueryDto {
+  @ApiPropertyOptional({ format: 'uuid' })
+  @IsOptional()
+  @IsUUID()
+  originYardId?: string;
+
+  @ApiPropertyOptional({ format: 'uuid' })
+  @IsOptional()
+  @IsUUID()
+  destinationYardId?: string;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/create-container-train-schedule.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/create-container-train-schedule.dto.ts
index fa40e7131..5c2486fa3 100644
--- a/apps/edr-freight-api/src/modules/train-scheduling/dto/create-container-train-schedule.dto.ts
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/create-container-train-schedule.dto.ts
@@ -1,5 +1,6 @@
-import { ApiProperty } from '@nestjs/swagger';
-import { ArrayMinSize, IsArray, IsDateString, IsIn, IsOptional, IsUUID } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import { IsDateString, IsInt, IsNumber, IsOptional, IsUUID, Min } from 'class-validator';
 
 export class CreateContainerTrainScheduleDto {
   @ApiProperty({ format: 'uuid' })
@@ -10,31 +11,28 @@ export class CreateContainerTrainScheduleDto {
   @IsDateString()
   scheduleDate!: string;
 
-  @ApiProperty({ example: '2026-06-22T08:00:00.000Z', required: false })
-  @IsOptional()
-  @IsDateString()
-  arrivalDate?: string;
-
   @ApiProperty({ format: 'uuid' })
   @IsUUID()
   locomotiveId!: string;
 
-  @ApiProperty({ enum: ['CONTAINER', 'BULK'], default: 'CONTAINER' })
+  @ApiPropertyOptional({ description: 'Maximum total booking weight allowed on this train' })
   @IsOptional()
-  @IsIn(['CONTAINER', 'BULK'])
-  assignmentType?: 'CONTAINER' | 'BULK';
+  @Type(() => Number)
+  @IsNumber()
+  @Min(1)
+  maxTrainWeightTons?: number;
 
-  @ApiProperty({ type: [String] })
+  @ApiPropertyOptional({ description: 'Maximum total wagon length allowed on this train' })
   @IsOptional()
-  @IsArray()
-  @ArrayMinSize(1)
-  @IsUUID('4', { each: true })
-  bookingIds?: string[];
+  @Type(() => Number)
+  @IsNumber()
+  @Min(1)
+  maxTrainLengthMeters?: number;
 
-  @ApiProperty({ type: [String], required: false })
+  @ApiPropertyOptional({ description: 'Maximum wagons allowed on this train' })
   @IsOptional()
-  @IsArray()
-  @ArrayMinSize(1)
-  @IsUUID('4', { each: true })
-  wagonIds?: string[];
+  @Type(() => Number)
+  @IsInt()
+  @Min(1)
+  maxWagonsPerTrain?: number;
 }
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-bookings.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-bookings.dto.ts
new file mode 100644
index 000000000..363e9b5e8
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-bookings.dto.ts
@@ -0,0 +1,31 @@
+import { ApiPropertyOptional } from '@nestjs/swagger';
+import { IsIn, IsOptional, IsUUID } from 'class-validator';
+
+export class GetEligibleBookingsDto {
+  @ApiPropertyOptional({ enum: ['CONTAINER', 'BULK'] })
+  @IsOptional()
+  @IsIn(['CONTAINER', 'BULK'])
+  freightType?: 'CONTAINER' | 'BULK';
+
+  @ApiPropertyOptional({ format: 'uuid' })
+  @IsOptional()
+  @IsUUID()
+  originStationId?: string;
+
+  @ApiPropertyOptional({ format: 'uuid' })
+  @IsOptional()
+  @IsUUID()
+  destinationStationId?: string;
+
+  @ApiPropertyOptional({
+    format: 'uuid',
+    description: 'Scope to bookings that targeted this specific schedule (batch parity).',
+  })
+  @IsOptional()
+  @IsUUID()
+  trainScheduleId?: string;
+
+  @ApiPropertyOptional()
+  @IsOptional()
+  schedulingStatus?: string;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-bulk-bookings.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-bulk-bookings.dto.ts
new file mode 100644
index 000000000..c8fde0c07
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-bulk-bookings.dto.ts
@@ -0,0 +1,23 @@
+import { ApiPropertyOptional } from '@nestjs/swagger';
+import { IsOptional, IsUUID } from 'class-validator';
+
+export class GetEligibleBulkBookingsDto {
+  @ApiPropertyOptional({ format: 'uuid' })
+  @IsOptional()
+  @IsUUID()
+  originStationId?: string;
+
+  @ApiPropertyOptional({ format: 'uuid' })
+  @IsOptional()
+  @IsUUID()
+  destinationStationId?: string;
+
+  @ApiPropertyOptional({ format: 'uuid' })
+  @IsOptional()
+  @IsUUID()
+  trainScheduleId?: string;
+
+  @ApiPropertyOptional({ example: 'HOLDING' })
+  @IsOptional()
+  schedulingStatus?: string;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-container-bookings.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-container-bookings.dto.ts
index 06eb2886e..5d11192d6 100644
--- a/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-container-bookings.dto.ts
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/get-eligible-container-bookings.dto.ts
@@ -1,5 +1,5 @@
 import { ApiPropertyOptional } from '@nestjs/swagger';
-import { IsDateString, IsIn, IsOptional, IsUUID } from 'class-validator';
+import { IsOptional, IsUUID } from 'class-validator';
 
 export class GetEligibleContainerBookingsDto {
   @ApiPropertyOptional({ format: 'uuid' })
@@ -12,18 +12,12 @@ export class GetEligibleContainerBookingsDto {
   @IsUUID()
   destinationStationId?: string;
 
-  @ApiPropertyOptional({ example: '2026-06-20T08:00:00.000Z' })
+  @ApiPropertyOptional({ format: 'uuid' })
   @IsOptional()
-  @IsDateString()
-  scheduleDate?: string;
+  @IsUUID()
+  trainScheduleId?: string;
 
-  @ApiPropertyOptional({ enum: ['CONTAINER', 'BULK'] })
+  @ApiPropertyOptional({ example: 'HOLDING' })
   @IsOptional()
-  @IsIn(['CONTAINER', 'BULK'])
-  assignmentType?: 'CONTAINER' | 'BULK';
-
-  @ApiPropertyOptional({ enum: ['IMPORT', 'EXPORT', 'DOMESTIC'] })
-  @IsOptional()
-  @IsIn(['IMPORT', 'EXPORT', 'DOMESTIC'])
-  tradeDirection?: 'IMPORT' | 'EXPORT' | 'DOMESTIC';
+  schedulingStatus?: string;
 }
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/pin-wagons.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/pin-wagons.dto.ts
new file mode 100644
index 000000000..54f96e5c0
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/pin-wagons.dto.ts
@@ -0,0 +1,22 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { ArrayMinSize, IsArray, IsUUID, ValidateNested } from 'class-validator';
+import { Type } from 'class-transformer';
+
+export class PinWagonAssignmentDto {
+  @ApiProperty({ format: 'uuid' })
+  @IsUUID()
+  trainSetWagonId!: string;
+
+  @ApiProperty({ format: 'uuid' })
+  @IsUUID()
+  physicalWagonId!: string;
+}
+
+export class PinWagonsDto {
+  @ApiProperty({ type: [PinWagonAssignmentDto] })
+  @IsArray()
+  @ArrayMinSize(1)
+  @ValidateNested({ each: true })
+  @Type(() => PinWagonAssignmentDto)
+  assignments!: PinWagonAssignmentDto[];
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-bulk-train-schedule.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-bulk-train-schedule.dto.ts
new file mode 100644
index 000000000..d2efe75e4
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-bulk-train-schedule.dto.ts
@@ -0,0 +1,3 @@
+import { PreviewTrainScheduleDto } from './preview-train-schedule.dto';
+
+export class PreviewBulkTrainScheduleDto extends PreviewTrainScheduleDto {}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-container-train-schedule.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-container-train-schedule.dto.ts
index 6c5ca70b2..28ee62070 100644
--- a/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-container-train-schedule.dto.ts
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-container-train-schedule.dto.ts
@@ -1,27 +1,3 @@
-import { ApiProperty } from '@nestjs/swagger';
-import { ArrayMinSize, IsArray, IsDateString, IsIn, IsOptional, IsUUID } from 'class-validator';
+import { PreviewTrainScheduleDto } from './preview-train-schedule.dto';
 
-export class PreviewContainerTrainScheduleDto {
-  @ApiProperty({ type: [String] })
-  @IsArray()
-  @ArrayMinSize(1)
-  @IsUUID('4', { each: true })
-  bookingIds!: string[];
-
-  @ApiProperty({ example: '2026-06-20T08:00:00.000Z' })
-  @IsDateString()
-  scheduleDate!: string;
-
-  @ApiProperty({ format: 'uuid' })
-  @IsUUID()
-  originStationId!: string;
-
-  @ApiProperty({ format: 'uuid' })
-  @IsUUID()
-  destinationStationId!: string;
-
-  @ApiProperty({ enum: ['CONTAINER', 'BULK'], default: 'CONTAINER' })
-  @IsOptional()
-  @IsIn(['CONTAINER', 'BULK'])
-  assignmentType?: 'CONTAINER' | 'BULK';
-}
+export class PreviewContainerTrainScheduleDto extends PreviewTrainScheduleDto {}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-train-schedule.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-train-schedule.dto.ts
new file mode 100644
index 000000000..56cd9592b
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/preview-train-schedule.dto.ts
@@ -0,0 +1,61 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import {
+  ArrayMinSize,
+  IsArray,
+  IsDateString,
+  IsInt,
+  IsNumber,
+  IsOptional,
+  IsUUID,
+  Min,
+} from 'class-validator';
+
+export class PreviewTrainScheduleDto {
+  @ApiProperty({ type: [String] })
+  @IsArray()
+  @ArrayMinSize(1)
+  @IsUUID('4', { each: true })
+  bookingIds!: string[];
+
+  @ApiProperty({ example: '2026-06-20T08:00:00.000Z' })
+  @IsDateString()
+  scheduleDate!: string;
+
+  @ApiProperty({ format: 'uuid' })
+  @IsUUID()
+  originStationId!: string;
+
+  @ApiProperty({ format: 'uuid' })
+  @IsUUID()
+  destinationStationId!: string;
+
+  @ApiPropertyOptional({
+    format: 'uuid',
+    description: 'Allow bookings already assigned to this schedule (re-assign / reschedule)',
+  })
+  @IsOptional()
+  @IsUUID()
+  targetScheduleId?: string;
+
+  @ApiPropertyOptional({ description: 'Maximum total booking weight allowed on this train' })
+  @IsOptional()
+  @Type(() => Number)
+  @IsNumber()
+  @Min(1)
+  maxTrainWeightTons?: number;
+
+  @ApiPropertyOptional({ description: 'Maximum total wagon length allowed on this train' })
+  @IsOptional()
+  @Type(() => Number)
+  @IsNumber()
+  @Min(1)
+  maxTrainLengthMeters?: number;
+
+  @ApiPropertyOptional({ description: 'Maximum wagons allowed on this train' })
+  @IsOptional()
+  @Type(() => Number)
+  @IsInt()
+  @Min(1)
+  maxWagonsPerTrain?: number;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/record-checkpoint.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/record-checkpoint.dto.ts
new file mode 100644
index 000000000..7f778760d
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/record-checkpoint.dto.ts
@@ -0,0 +1,34 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { TrainCheckpointKind } from '@edr/types';
+import {
+  IsEnum,
+  IsInt,
+  IsISO8601,
+  IsOptional,
+  IsString,
+  MaxLength,
+  Min,
+} from 'class-validator';
+
+export class RecordCheckpointDto {
+  @ApiProperty({ description: 'Station position along the route (0 = origin).' })
+  @IsInt()
+  @Min(0)
+  sequenceNo!: number;
+
+  @ApiProperty({ enum: TrainCheckpointKind, required: false })
+  @IsOptional()
+  @IsEnum(TrainCheckpointKind)
+  kind?: TrainCheckpointKind;
+
+  @ApiProperty({ required: false, description: 'ISO timestamp; defaults to now.' })
+  @IsOptional()
+  @IsISO8601()
+  occurredAt?: string;
+
+  @ApiProperty({ required: false })
+  @IsOptional()
+  @IsString()
+  @MaxLength(500)
+  note?: string;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/update-container-item.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/update-container-item.dto.ts
new file mode 100644
index 000000000..37710e003
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/update-container-item.dto.ts
@@ -0,0 +1,7 @@
+import { IsOptional, IsString } from 'class-validator';
+
+export class UpdateContainerItemDto {
+  @IsString()
+  @IsOptional()
+  containerNumber?: string | null;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/dto/update-train-scheduling-global-rules.dto.ts b/apps/edr-freight-api/src/modules/train-scheduling/dto/update-train-scheduling-global-rules.dto.ts
new file mode 100644
index 000000000..d47195976
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/dto/update-train-scheduling-global-rules.dto.ts
@@ -0,0 +1,40 @@
+import { ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import { IsInt, IsNumber, IsOptional, Min } from 'class-validator';
+
+export class UpdateTrainSchedulingGlobalRulesDto {
+  @ApiPropertyOptional({ example: 760 })
+  @IsOptional()
+  @Type(() => Number)
+  @IsNumber()
+  @Min(1)
+  maxTrainLengthMeters?: number;
+
+  @ApiPropertyOptional({ example: 3500 })
+  @IsOptional()
+  @Type(() => Number)
+  @IsNumber()
+  @Min(1)
+  maxTrainWeightTons?: number;
+
+  @ApiPropertyOptional({ example: 53 })
+  @IsOptional()
+  @Type(() => Number)
+  @IsInt()
+  @Min(1)
+  maxWagonsPerTrain?: number;
+
+  @ApiPropertyOptional({ example: 30 })
+  @IsOptional()
+  @Type(() => Number)
+  @IsNumber()
+  @Min(0.001)
+  max20ftContainerWeightTons?: number;
+
+  @ApiPropertyOptional({ example: 10 })
+  @IsOptional()
+  @Type(() => Number)
+  @IsNumber()
+  @Min(0)
+  max20ftPairWeightDiffTons?: number;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/entities/train-checkpoint-event.entity.ts b/apps/edr-freight-api/src/modules/train-scheduling/entities/train-checkpoint-event.entity.ts
new file mode 100644
index 000000000..5fa90a2e1
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/entities/train-checkpoint-event.entity.ts
@@ -0,0 +1,45 @@
+import { BaseEntity } from '@edr/api-common';
+import { TrainCheckpointKind } from '@edr/types';
+import { Column, Entity, Index, JoinColumn, ManyToOne } from 'typeorm';
+
+import { Yard } from '../../rule-engine/entities/yard.entity';
+import { TrainSchedule } from '../../train-schedules/entities/train-schedule.entity';
+
+/**
+ * One staff-logged tracking checkpoint for a dispatched train as it passes a
+ * station along its route (origin → milestones → destination).
+ */
+@Entity({ schema: 'freight', name: 'train_checkpoint_events' })
+@Index(['trainScheduleId'])
+@Index(['trainScheduleId', 'sequenceNo'])
+export class TrainCheckpointEvent extends BaseEntity {
+  @Column({ name: 'train_schedule_id', type: 'uuid' })
+  trainScheduleId!: string;
+
+  @ManyToOne(() => TrainSchedule, { onDelete: 'CASCADE' })
+  @JoinColumn({ name: 'train_schedule_id' })
+  trainSchedule?: TrainSchedule;
+
+  @Column({ name: 'yard_id', type: 'uuid' })
+  yardId!: string;
+
+  @ManyToOne(() => Yard)
+  @JoinColumn({ name: 'yard_id' })
+  yard?: Yard;
+
+  /** Position along the corridor: 0 = origin, N+1 = destination. */
+  @Column({ name: 'sequence_no', type: 'int' })
+  sequenceNo!: number;
+
+  @Column({ name: 'kind', type: 'varchar', length: 20 })
+  kind!: TrainCheckpointKind;
+
+  @Column({ name: 'occurred_at', type: 'timestamptz' })
+  occurredAt!: Date;
+
+  @Column({ name: 'note', type: 'text', nullable: true })
+  note?: string | null;
+
+  @Column({ name: 'recorded_by_user_id', type: 'uuid', nullable: true })
+  recordedByUserId?: string | null;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/entities/train-scheduling-global-rules.entity.ts b/apps/edr-freight-api/src/modules/train-scheduling/entities/train-scheduling-global-rules.entity.ts
new file mode 100644
index 000000000..326915933
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/entities/train-scheduling-global-rules.entity.ts
@@ -0,0 +1,44 @@
+import { BaseEntity } from '@edr/api-common';
+import { Column, Entity } from 'typeorm';
+
+@Entity({ schema: 'freight', name: 'train_scheduling_global_rules' })
+export class TrainSchedulingGlobalRules extends BaseEntity {
+  @Column({
+    name: 'max_train_length_meters',
+    type: 'numeric',
+    precision: 10,
+    scale: 2,
+    default: 760,
+  })
+  maxTrainLengthMeters!: number;
+
+  @Column({
+    name: 'max_train_weight_tons',
+    type: 'numeric',
+    precision: 10,
+    scale: 3,
+    default: 3500,
+  })
+  maxTrainWeightTons!: number;
+
+  @Column({ name: 'max_wagons_per_train', type: 'int', default: 53 })
+  maxWagonsPerTrain!: number;
+
+  @Column({
+    name: 'max_20ft_container_weight_tons',
+    type: 'numeric',
+    precision: 8,
+    scale: 3,
+    default: 30,
+  })
+  max20ftContainerWeightTons!: number;
+
+  @Column({
+    name: 'max_20ft_pair_weight_diff_tons',
+    type: 'numeric',
+    precision: 8,
+    scale: 3,
+    default: 10,
+  })
+  max20ftPairWeightDiffTons!: number;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/fleet-plan.util.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/fleet-plan.util.spec.ts
new file mode 100644
index 000000000..76ea00422
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/fleet-plan.util.spec.ts
@@ -0,0 +1,127 @@
+import { Booking } from '../bookings/entities/booking.entity';
+import { WagonType } from '../wagon-types/entities/wagon-type.entity';
+import {
+  computeFleetAvailability,
+  selectBookingsWithinFleetCap,
+  sortBookingsForScheduling,
+  summarizeFleetWarnings,
+  wagonsRequiredForBooking,
+} from './fleet-plan.util';
+import { buildContainerWagonPlan, type WagonPlanSlot } from './wagon-plan.util';
+
+const nw5: WagonType = {
+  id: 'wt-nw5',
+  code: 'NW5',
+  name: 'Flat Wagon',
+  capacityTons: 70,
+  lengthMeters: 14,
+  maxWagonsPerTrain: 53,
+  supportedLoadTypes: ['CONTAINER'],
+  isActive: true,
+  supportsContainer: true,
+} as WagonType;
+
+const makeBooking = (
+  id: string,
+  extra: Partial<Booking> = {},
+): Booking =>
+  ({
+    id,
+    reference: id,
+    freightType: 'CONTAINER',
+    isGovernment: false,
+    priorityScore: 0,
+    scheduledDate: new Date('2026-06-20T08:00:00.000Z'),
+    cargoTotalWeightVgm: 50,
+    bookingContainers: [{ id: `${id}-line`, quantity: 2, wagonsRequired: 1, vgmPerUnitTons: 25 }],
+    ...extra,
+  }) as Booking;
+
+describe('fleet-plan.util', () => {
+  it('sorts bookings government first, then priority, then date', () => {
+    const bookings = [
+      makeBooking('late', { scheduledDate: new Date('2026-06-22T08:00:00.000Z') }),
+      makeBooking('gov', { isGovernment: true, priorityScore: 0 }),
+      makeBooking('prio', { priorityScore: 10 }),
+    ];
+
+    const sorted = sortBookingsForScheduling(bookings);
+    expect(sorted.map((b) => b.id)).toEqual(['gov', 'prio', 'late']);
+  });
+
+  it('computes fleet availability with shortfall', () => {
+    const plan: WagonPlanSlot[] = buildContainerWagonPlan(
+      [
+        makeBooking('b1', {
+          bookingContainers: [
+            { id: 'b1-line', quantity: 4, wagonsRequired: 2, vgmPerUnitTons: 25 } as never,
+          ],
+        }),
+      ],
+      nw5,
+    );
+    const fleetByTypeId = new Map([[nw5.id, 1]]);
+
+    const rows = computeFleetAvailability(plan, fleetByTypeId, new Map([[nw5.id, 'NW5']]));
+    const nw5Row = rows.find((r) => r.wagonTypeCode === 'NW5');
+
+    expect(nw5Row?.needed).toBe(2);
+    expect(nw5Row?.available).toBe(1);
+    expect(nw5Row?.shortfall).toBe(1);
+  });
+
+  it('defers lower-priority bookings when fleet is insufficient', () => {
+    const high = makeBooking('high', {
+      priorityScore: 100,
+      bookingContainers: [
+        { id: 'high-line', quantity: 2, wagonsRequired: 2, vgmPerUnitTons: 25 } as never,
+      ],
+    });
+    const low = makeBooking('low', {
+      priorityScore: 1,
+      bookingContainers: [
+        { id: 'low-line', quantity: 2, wagonsRequired: 2, vgmPerUnitTons: 25 } as never,
+      ],
+    });
+    const fleet = new Map([[nw5.id, 2]]);
+
+    const { fitting, deferred } = selectBookingsWithinFleetCap(
+      [low, high],
+      fleet,
+      () => nw5.id,
+    );
+
+    expect(fitting.map((b) => b.id)).toEqual(['high']);
+    expect(deferred).toHaveLength(1);
+    expect(deferred[0]?.id).toBe('low');
+    expect(deferred[0]?.reason).toContain('2');
+  });
+
+  it('summarizes fleet shortage warnings', () => {
+    const warnings = summarizeFleetWarnings(
+      [
+        {
+          wagonTypeId: nw5.id,
+          wagonTypeCode: 'NW5',
+          needed: 5,
+          available: 2,
+          shortfall: 3,
+        },
+      ],
+      [{ id: 'b1', reference: 'BKG-1', reason: 'No wagons' }],
+    );
+
+    expect(warnings.some((w) => w.includes('Fleet shortage'))).toBe(true);
+    expect(warnings.some((w) => w.includes('deferred'))).toBe(true);
+  });
+
+  it('counts wagons required per booking from container lines', () => {
+    const booking = makeBooking('b1', {
+      bookingContainers: [
+        { id: 'b1-line-0', quantity: 2, wagonsRequired: 1, vgmPerUnitTons: 25 } as never,
+        { id: 'b1-line-1', quantity: 1, wagonsRequired: 1, vgmPerUnitTons: 25 } as never,
+      ],
+    });
+    expect(wagonsRequiredForBooking(booking)).toBe(2);
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/fleet-plan.util.ts b/apps/edr-freight-api/src/modules/train-scheduling/fleet-plan.util.ts
new file mode 100644
index 000000000..2e721825e
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/fleet-plan.util.ts
@@ -0,0 +1,168 @@
+import type { Booking } from '../bookings/entities/booking.entity';
+import type { WagonType } from '../wagon-types/entities/wagon-type.entity';
+import {
+  buildBulkWagonPlan,
+  buildContainerWagonPlan,
+  buildMixedWagonPlan,
+  roundTons,
+  type WagonPlanSlot,
+} from './wagon-plan.util';
+
+export type FleetAvailabilityRow = {
+  wagonTypeId: string;
+  wagonTypeCode: string;
+  needed: number;
+  available: number;
+  shortfall: number;
+};
+
+export type DeferredBookingRow = {
+  id: string;
+  reference: string;
+  reason: string;
+};
+
+export function sortBookingsForScheduling(bookings: Booking[]): Booking[] {
+  return [...bookings].sort((a, b) => {
+    const govDiff = Number(Boolean(b.isGovernment)) - Number(Boolean(a.isGovernment));
+    if (govDiff !== 0) return govDiff;
+
+    const priorityDiff = (b.priorityScore ?? 0) - (a.priorityScore ?? 0);
+    if (priorityDiff !== 0) return priorityDiff;
+
+    return new Date(a.scheduledDate).getTime() - new Date(b.scheduledDate).getTime();
+  });
+}
+
+export function wagonsRequiredForBooking(booking: Booking, bulkWagonCapacity?: number): number {
+  if (booking.freightType === 'BULK') {
+    const weight = Number(booking.cargoTotalWeightVgm ?? 0);
+    const capacity = bulkWagonCapacity && bulkWagonCapacity > 0 ? bulkWagonCapacity : 1;
+    return Math.max(1, Math.ceil(weight / capacity));
+  }
+
+  const lineSlots = (booking.bookingContainers ?? []).reduce(
+    (sum, line) => sum + Number(line.wagonsRequired ?? 0),
+    0,
+  );
+  return Math.max(1, lineSlots);
+}
+
+export function countSlotsByType(wagonPlan: WagonPlanSlot[]): Map<string, { code: string; count: number }> {
+  const map = new Map<string, { code: string; count: number }>();
+  for (const slot of wagonPlan) {
+    const existing = map.get(slot.wagonTypeId) ?? { code: slot.wagonTypeCode, count: 0 };
+    existing.count += 1;
+    map.set(slot.wagonTypeId, existing);
+  }
+  return map;
+}
+
+export function computeFleetAvailability(
+  demandPlan: WagonPlanSlot[],
+  fleetByTypeId: Map<string, number>,
+  fleetTypeCodes: Map<string, string>,
+): FleetAvailabilityRow[] {
+  const neededByType = countSlotsByType(demandPlan);
+  const typeIds = new Set([...neededByType.keys(), ...fleetByTypeId.keys()]);
+
+  return [...typeIds].map((wagonTypeId) => {
+    const needed = neededByType.get(wagonTypeId)?.count ?? 0;
+    const available = fleetByTypeId.get(wagonTypeId) ?? 0;
+    return {
+      wagonTypeId,
+      wagonTypeCode:
+        neededByType.get(wagonTypeId)?.code ??
+        fleetTypeCodes.get(wagonTypeId) ??
+        wagonTypeId,
+      needed,
+      available,
+      shortfall: Math.max(0, needed - available),
+    };
+  }).filter((row) => row.needed > 0 || row.available > 0);
+}
+
+export function selectBookingsWithinFleetCap(
+  bookings: Booking[],
+  fleetByTypeId: Map<string, number>,
+  resolveWagonTypeId: (booking: Booking) => string,
+  bulkWagonCapacity?: number,
+): { fitting: Booking[]; deferred: DeferredBookingRow[] } {
+  const remaining = new Map(fleetByTypeId);
+  const fitting: Booking[] = [];
+  const deferred: DeferredBookingRow[] = [];
+
+  for (const booking of sortBookingsForScheduling(bookings)) {
+    const typeId = resolveWagonTypeId(booking);
+    const needed = wagonsRequiredForBooking(booking, bulkWagonCapacity);
+    const available = remaining.get(typeId) ?? 0;
+
+    if (available >= needed) {
+      remaining.set(typeId, available - needed);
+      fitting.push(booking);
+      continue;
+    }
+
+    deferred.push({
+      id: booking.id,
+      reference: booking.reference,
+      reason:
+        available > 0
+          ? `Needs ${needed} wagons but only ${available} available for this type`
+          : `No available wagons for required type (${needed} needed)`,
+    });
+  }
+
+  return { fitting, deferred };
+}
+
+export function buildCappedWagonPlan(params: {
+  bookings: Booking[];
+  resolvedMode: 'CONTAINER' | 'BULK' | 'MIXED';
+  containerWagonType: WagonType;
+  bulkWagonType: WagonType;
+}): WagonPlanSlot[] {
+  const { bookings, resolvedMode, containerWagonType, bulkWagonType } = params;
+
+  if (resolvedMode === 'MIXED') {
+    const containerBookings = bookings.filter((b) => b.freightType === 'CONTAINER');
+    const bulkBookings = bookings.filter((b) => b.freightType === 'BULK');
+    return buildMixedWagonPlan(
+      containerBookings,
+      bulkBookings,
+      containerWagonType,
+      bulkWagonType,
+    );
+  }
+
+  if (resolvedMode === 'BULK') {
+    return buildBulkWagonPlan(bookings, bulkWagonType);
+  }
+
+  return buildContainerWagonPlan(bookings, containerWagonType);
+}
+
+export function summarizeFleetWarnings(
+  fleetAvailability: FleetAvailabilityRow[],
+  deferred: DeferredBookingRow[],
+): string[] {
+  const warnings: string[] = [];
+
+  for (const row of fleetAvailability.filter((r) => r.shortfall > 0)) {
+    warnings.push(
+      `Fleet shortage: need ${row.needed} ${row.wagonTypeCode}, only ${row.available} available (short ${row.shortfall})`,
+    );
+  }
+
+  if (deferred.length) {
+    warnings.push(
+      `${deferred.length} booking(s) deferred to next train due to insufficient fleet wagons`,
+    );
+  }
+
+  return warnings;
+}
+
+export function totalAssignedWeight(bookings: Booking[]): number {
+  return roundTons(bookings.reduce((sum, b) => sum + Number(b.cargoTotalWeightVgm ?? 0), 0));
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/train-capacity.util.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/train-capacity.util.spec.ts
new file mode 100644
index 000000000..d72f3d311
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/train-capacity.util.spec.ts
@@ -0,0 +1,41 @@
+import {
+  bookingTrainLengthMeters,
+  deriveTrainCapacityFromLocomotive,
+} from './train-capacity.util';
+
+describe('train-capacity.util', () => {
+  const nw5 = { lengthMeters: 14, capacityTons: 70 };
+
+  it('derives wagon slots from locomotive length and weight, not a fixed 53', () => {
+    const shortLoco = deriveTrainCapacityFromLocomotive(
+      { maxPullWeightTons: 2000, maxTrainLengthMeters: 280 },
+      [nw5],
+    );
+    expect(shortLoco.maxWagonSlots).toBe(20); // 280 / 14
+    expect(shortLoco.maxWagonSlots).not.toBe(53);
+
+    const heavyLoco = deriveTrainCapacityFromLocomotive(
+      { maxPullWeightTons: 2100, maxTrainLengthMeters: 760 },
+      [nw5],
+    );
+    expect(heavyLoco.maxWagonSlots).toBe(30); // min(54, 30) from weight 2100/70
+  });
+
+  it('uses shortest wagon type when mixed types are present', () => {
+    const longBulk = { lengthMeters: 18, capacityTons: 80 };
+    const mixed = deriveTrainCapacityFromLocomotive(
+      { maxPullWeightTons: 3500, maxTrainLengthMeters: 760 },
+      [nw5, longBulk],
+    );
+    expect(mixed.maxWagonSlots).toBe(
+      Math.min(Math.floor(760 / 14), Math.floor(3500 / 70)),
+    );
+  });
+
+  it('computes booking length by freight type', () => {
+    expect(
+      bookingTrainLengthMeters('CONTAINER', 2, { container: 14, bulk: 14 }),
+    ).toBe(28);
+    expect(bookingTrainLengthMeters('BULK', 3, { container: 14, bulk: 18 })).toBe(54);
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/train-capacity.util.ts b/apps/edr-freight-api/src/modules/train-scheduling/train-capacity.util.ts
new file mode 100644
index 000000000..593bb7bee
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/train-capacity.util.ts
@@ -0,0 +1,90 @@
+/** Physical dimensions used when deriving how many wagons a locomotive can pull. */
+export type WagonTypeDimensions = {
+  lengthMeters: number;
+  capacityTons: number;
+};
+
+export type LocomotiveLimits = {
+  maxPullWeightTons: number;
+  maxTrainLengthMeters: number;
+};
+
+export type DerivedTrainCapacity = {
+  maxWeightTons: number;
+  maxLengthMeters: number;
+  maxWagonSlots: number;
+};
+
+const DEFAULT_WAGON_LENGTH_M = 14;
+const DEFAULT_WAGON_CAPACITY_T = 70;
+
+/**
+ * Derive train capacity from locomotive pull weight and train length.
+ * Wagon count is NOT a fixed 53 — it is the minimum of:
+ * - floor(maxLength / shortest wagon type length)
+ * - floor(maxWeight / lightest wagon type capacity)
+ */
+export function deriveTrainCapacityFromLocomotive(
+  locomotive: LocomotiveLimits,
+  wagonTypes: WagonTypeDimensions[],
+  ruleCaps?: { maxTrainWeightTons?: number; maxTrainLengthMeters?: number },
+): DerivedTrainCapacity {
+  const maxWeightTons = Math.min(
+    Number(locomotive.maxPullWeightTons) || Infinity,
+    ruleCaps?.maxTrainWeightTons ?? Infinity,
+  );
+  const maxLengthMeters = Math.min(
+    Number(locomotive.maxTrainLengthMeters) || Infinity,
+    ruleCaps?.maxTrainLengthMeters ?? Infinity,
+  );
+
+  const types =
+    wagonTypes.length > 0
+      ? wagonTypes
+      : [{ lengthMeters: DEFAULT_WAGON_LENGTH_M, capacityTons: DEFAULT_WAGON_CAPACITY_T }];
+
+  const minLength = Math.min(...types.map((w) => Number(w.lengthMeters) || DEFAULT_WAGON_LENGTH_M));
+  const minCapacity = Math.min(
+    ...types.map((w) => Number(w.capacityTons) || DEFAULT_WAGON_CAPACITY_T),
+  );
+
+  const byLength =
+    minLength > 0 && Number.isFinite(maxLengthMeters)
+      ? Math.floor(maxLengthMeters / minLength)
+      : 0;
+  const byWeight =
+    minCapacity > 0 && Number.isFinite(maxWeightTons)
+      ? Math.floor(maxWeightTons / minCapacity)
+      : byLength;
+
+  const maxWagonSlots = Math.max(0, Math.min(byLength, byWeight));
+
+  return {
+    maxWeightTons: Number.isFinite(maxWeightTons) ? maxWeightTons : MAX_FALLBACK_WEIGHT,
+    maxLengthMeters: Number.isFinite(maxLengthMeters) ? maxLengthMeters : MAX_FALLBACK_LENGTH,
+    maxWagonSlots,
+  };
+}
+
+export const MAX_FALLBACK_WEIGHT = 3500;
+export const MAX_FALLBACK_LENGTH = 760;
+
+/** Per-booking train length from wagon count and freight-specific wagon type length. */
+export function bookingTrainLengthMeters(
+  freightType: string | null | undefined,
+  wagonCount: number,
+  lengths: { container: number; bulk: number },
+): number {
+  const perWagon = freightType === 'BULK' ? lengths.bulk : lengths.container;
+  return wagonCount * perWagon;
+}
+
+export function wagonTypeDimensionsFromEntity(wt: {
+  lengthMeters?: number | string | null;
+  capacityTons?: number | string | null;
+}): WagonTypeDimensions {
+  return {
+    lengthMeters: Number(wt.lengthMeters) || DEFAULT_WAGON_LENGTH_M,
+    capacityTons: Number(wt.capacityTons) || DEFAULT_WAGON_CAPACITY_T,
+  };
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/train-checkpoint-events.repository.ts b/apps/edr-freight-api/src/modules/train-scheduling/train-checkpoint-events.repository.ts
new file mode 100644
index 000000000..210de382e
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/train-checkpoint-events.repository.ts
@@ -0,0 +1,24 @@
+import { BaseRepository } from '@edr/api-common';
+import { Injectable } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { Repository } from 'typeorm';
+
+import { TrainCheckpointEvent } from './entities/train-checkpoint-event.entity';
+
+@Injectable()
+export class TrainCheckpointEventsRepository extends BaseRepository<TrainCheckpointEvent> {
+  constructor(
+    @InjectRepository(TrainCheckpointEvent)
+    repository: Repository<TrainCheckpointEvent>,
+  ) {
+    super(repository);
+  }
+
+  findBySchedule(trainScheduleId: string): Promise<TrainCheckpointEvent[]> {
+    return this.findAll({
+      where: { trainScheduleId },
+      relations: { yard: true },
+      order: { sequenceNo: 'ASC', occurredAt: 'ASC' },
+    });
+  }
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.controller.ts b/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.controller.ts
index fda32bf09..f2b08f771 100644
--- a/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.controller.ts
+++ b/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.controller.ts
@@ -1,58 +1,430 @@
 import {
   Body,
   Controller,
+  Delete,
   Get,
   Param,
   ParseUUIDPipe,
+  Patch,
   Post,
   Query,
-} from '@nestjs/common';
-import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
+} from "@nestjs/common";
+import { CurrentUser } from "@edr/api-common";
+import { ApiBearerAuth, ApiOperation, ApiTags } from "@nestjs/swagger";
+import type { AuthUserPayload } from "../../common/resolve-auth-user-id";
+import { resolveAuthUserId } from "../../common/resolve-auth-user-id";
 
-import { CreateContainerTrainScheduleDto } from './dto/create-container-train-schedule.dto';
-import { GetEligibleContainerBookingsDto } from './dto/get-eligible-container-bookings.dto';
-import { PreviewContainerTrainScheduleDto } from './dto/preview-container-train-schedule.dto';
-import { TrainSchedulingService } from './train-scheduling.service';
+import {
+  TrainSchedulingManage,
+  TrainSchedulingView,
+} from "../../common/booking-guards";
+import { AssignBookingsDto } from "./dto/assign-bookings.dto";
+import { AssignUnassignedBookingDto } from "./dto/assign-unassigned-booking.dto";
+import { CreateContainerTrainScheduleDto } from "./dto/create-container-train-schedule.dto";
+import { GetEligibleBookingsDto } from "./dto/get-eligible-bookings.dto";
+import { GetEligibleBulkBookingsDto } from "./dto/get-eligible-bulk-bookings.dto";
+import { GetEligibleContainerBookingsDto } from "./dto/get-eligible-container-bookings.dto";
+import { PinWagonsDto } from "./dto/pin-wagons.dto";
+import { UpdateContainerItemDto } from "./dto/update-container-item.dto";
+import { PreviewBulkTrainScheduleDto } from "./dto/preview-bulk-train-schedule.dto";
+import { PreviewContainerTrainScheduleDto } from "./dto/preview-container-train-schedule.dto";
+import { PreviewTrainScheduleDto } from "./dto/preview-train-schedule.dto";
+import { RecordCheckpointDto } from "./dto/record-checkpoint.dto";
+import { AvailableLocomotivesQueryDto } from "./dto/available-locomotives-query.dto";
+import { BookableSchedulesQueryDto } from "./dto/bookable-schedules-query.dto";
+import { UpdateTrainSchedulingGlobalRulesDto } from "./dto/update-train-scheduling-global-rules.dto";
+import { TrainSchedulingService } from "./train-scheduling.service";
+import { BookingBatchService } from "./booking-batch.service";
 
-@ApiTags('train-scheduling')
+@ApiTags("train-scheduling")
 @ApiBearerAuth()
-@Controller('train-scheduling')
+@Controller("train-scheduling")
 export class TrainSchedulingController {
-  constructor(private readonly trainSchedulingService: TrainSchedulingService) {}
+  constructor(
+    private readonly trainSchedulingService: TrainSchedulingService,
+    private readonly bookingBatchService: BookingBatchService,
+  ) { }
 
-  @Get('container/eligible-bookings')
-  @ApiOperation({ summary: 'List eligible container bookings' })
-  getEligibleContainerBookings(@Query() query: GetEligibleContainerBookingsDto) {
+  @Get("global-rules")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "Get global train scheduling rules (singleton)" })
+  getGlobalRules() {
+    return this.trainSchedulingService.getTrainSchedulingGlobalRules();
+  }
+
+  @Patch("global-rules")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Update global train scheduling rules (singleton)" })
+  updateGlobalRules(@Body() dto: UpdateTrainSchedulingGlobalRulesDto) {
+    return this.trainSchedulingService.updateTrainSchedulingGlobalRules(dto);
+  }
+
+  @Get("eligible-bookings")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "List eligible bookings (container and/or bulk)" })
+  getEligibleBookings(@Query() query: GetEligibleBookingsDto) {
+    return this.trainSchedulingService.getEligibleBookings(query);
+  }
+
+  @Get("batch-board")
+  @TrainSchedulingView()
+  @ApiOperation({
+    summary: "Batch monitoring board: schedules with bookings grouped by state",
+  })
+  getBatchBoard() {
+    return this.bookingBatchService.getBatchBoard();
+  }
+
+  @Get("batch-board/:scheduleId")
+  @TrainSchedulingView()
+  @ApiOperation({
+    summary: "Batch board detail for one schedule with EAT 3h windows",
+  })
+  getBatchBoardDetail(@Param("scheduleId", ParseUUIDPipe) scheduleId: string) {
+    return this.bookingBatchService.getBatchBoardDetail(scheduleId);
+  }
+
+  @Get("available-locomotives")
+  @TrainSchedulingView()
+  @ApiOperation({
+    summary: "List AVAILABLE locomotives at the route origin yard",
+  })
+  getAvailableLocomotives(@Query() query: AvailableLocomotivesQueryDto) {
+    return this.trainSchedulingService.getAvailableLocomotivesForRoute(
+      query.routeId,
+    );
+  }
+
+  @Get("bookable-schedules")
+  // No staff guard: customers hit this while creating a booking to find OPEN
+  // same-route schedules. Do not attach train_scheduling permissions here.
+  @ApiOperation({
+    summary: "OPEN same-route schedules a new booking can target",
+  })
+  getBookableSchedules(@Query() query: BookableSchedulesQueryDto) {
+    return this.trainSchedulingService.getBookableSchedules(
+      query.originYardId,
+      query.destinationYardId,
+    );
+  }
+
+  @Get("container/eligible-bookings")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "List eligible container bookings" })
+  getEligibleContainerBookings(
+    @Query() query: GetEligibleContainerBookingsDto,
+  ) {
     return this.trainSchedulingService.getEligibleContainerBookings(query);
   }
 
-  @Post('container/preview')
-  @ApiOperation({ summary: 'Preview a container train schedule' })
+  @Get("bulk/eligible-bookings")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "List eligible bulk bookings" })
+  getEligibleBulkBookings(@Query() query: GetEligibleBulkBookingsDto) {
+    return this.trainSchedulingService.getEligibleBulkBookings(query);
+  }
+
+  @Post("preview")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "Preview a mixed-capable train schedule" })
+  previewTrainSchedule(@Body() dto: PreviewTrainScheduleDto) {
+    return this.trainSchedulingService.previewTrainSchedule(dto);
+  }
+
+  @Post("container/preview")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "Preview a container train schedule" })
   previewContainerTrainSchedule(@Body() dto: PreviewContainerTrainScheduleDto) {
     return this.trainSchedulingService.previewContainerTrainSchedule(dto);
   }
 
-  @Post('container/schedules')
-  @ApiOperation({ summary: 'Create a container train schedule' })
+  @Post("bulk/preview")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "Preview a bulk train schedule" })
+  previewBulkTrainSchedule(@Body() dto: PreviewBulkTrainScheduleDto) {
+    return this.trainSchedulingService.previewBulkTrainSchedule(dto);
+  }
+
+  @Post("container/schedules")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Create a container train schedule" })
   createContainerTrainSchedule(@Body() dto: CreateContainerTrainScheduleDto) {
     return this.trainSchedulingService.createContainerTrainSchedule(dto);
   }
 
-  @Get('container/schedules')
-  @ApiOperation({ summary: 'List container train schedules' })
+  @Post("bulk/schedules")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Create a bulk train schedule" })
+  createBulkTrainSchedule(@Body() dto: CreateContainerTrainScheduleDto) {
+    return this.trainSchedulingService.createContainerTrainSchedule(dto);
+  }
+
+  @Post("schedules/:id/assign-bookings")
+  @TrainSchedulingManage()
+  @ApiOperation({
+    summary: "Assign bookings to a train schedule (mixed-capable)",
+  })
+  assignBookings(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Body() dto: AssignBookingsDto,
+  ) {
+    return this.trainSchedulingService.assignBookingsToSchedule(id, dto);
+  }
+
+  @Post("container/schedules/:id/assign-bookings")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Assign container bookings to a train schedule" })
+  assignContainerBookings(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Body() dto: AssignBookingsDto,
+  ) {
+    return this.trainSchedulingService.assignBookingsToSchedule(
+      id,
+      dto,
+      "CONTAINER",
+    );
+  }
+
+  @Post("bulk/schedules/:id/assign-bookings")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Assign bulk bookings to a train schedule" })
+  assignBulkBookings(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Body() dto: AssignBookingsDto,
+  ) {
+    return this.trainSchedulingService.assignBookingsToSchedule(
+      id,
+      dto,
+      "BULK",
+    );
+  }
+
+  @Delete("schedules/:id/bookings/:bookingId")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Unassign a booking from a train schedule" })
+  unassignBooking(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Param("bookingId", ParseUUIDPipe) bookingId: string,
+    @CurrentUser() user: AuthUserPayload,
+  ) {
+    return this.trainSchedulingService.unassignBooking(
+      id,
+      bookingId,
+      resolveAuthUserId(user),
+    );
+  }
+
+  @Delete("schedules/:id/wagons/:trainSetWagonId")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Remove an empty wagon slot from a train" })
+  removeWagonSlot(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Param("trainSetWagonId", ParseUUIDPipe) trainSetWagonId: string,
+  ) {
+    return this.trainSchedulingService.removeTrainSetWagonSlot(
+      id,
+      trainSetWagonId,
+    );
+  }
+
+  @Patch("schedules/:id/container-items/:itemId")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Update a container number on a wagon slot" })
+  updateContainerItem(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Param("itemId", ParseUUIDPipe) itemId: string,
+    @Body() dto: UpdateContainerItemDto,
+  ) {
+    return this.trainSchedulingService.updateContainerItem(id, itemId, dto);
+  }
+
+  @Get("schedules/:id/unassigned-bookings")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "Get unassigned bookings for a schedule" })
+  getUnassignedBookings(@Param("id", ParseUUIDPipe) id: string) {
+    return this.trainSchedulingService.getUnassignedBookings(id);
+  }
+
+  @Post("schedules/:id/assign-unassigned-booking")
+  @TrainSchedulingManage()
+  @ApiOperation({
+    summary:
+      "Assign one linked unallocated booking to wagons (preserves existing assignments)",
+  })
+  assignUnassignedBooking(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Body() dto: AssignUnassignedBookingDto,
+  ) {
+    return this.trainSchedulingService.assignUnassignedBookingToWagons(
+      id,
+      dto.bookingId,
+    );
+  }
+
+  @Get("schedules/:id/composition-removals")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "Get removal log for a schedule" })
+  getCompositionRemovals(@Param("id", ParseUUIDPipe) id: string) {
+    return this.trainSchedulingService.getCompositionRemovals(id);
+  }
+
+  @Post("schedules/:id/pin-wagons")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Pin physical wagons to train set slots" })
+  pinWagons(@Param("id", ParseUUIDPipe) id: string, @Body() dto: PinWagonsDto) {
+    return this.trainSchedulingService.pinWagons(id, dto);
+  }
+
+  @Post("schedules/:id/finalize")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Finalize a draft train schedule" })
+  finalizeSchedule(@Param("id", ParseUUIDPipe) id: string) {
+    return this.trainSchedulingService.finalizeSchedule(id);
+  }
+
+  @Post("schedules/:id/dispatch")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Dispatch a scheduled train" })
+  dispatchSchedule(@Param("id", ParseUUIDPipe) id: string) {
+    return this.trainSchedulingService.dispatchSchedule(id);
+  }
+
+  // ---- batch / booking-window staff actions ----
+
+  @Post("schedules/:id/run-batch")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Manually run the batch fill for a schedule" })
+  async runBatch(@Param("id", ParseUUIDPipe) id: string) {
+    await this.bookingBatchService.fillSchedule(id);
+    return this.bookingBatchService.getBatchBoardDetail(id);
+  }
+
+  @Post("schedules/:id/run-allocation")
+  @TrainSchedulingManage()
+  @ApiOperation({
+    summary: "Run wagon-level allocation for all eligible linked bookings",
+  })
+  async runAllocation(@Param("id", ParseUUIDPipe) id: string) {
+    return this.bookingBatchService.runWagonAllocation(id);
+  }
+
+  @Patch("schedules/:id/booking-window")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Open or close a schedule booking window" })
+  async setBookingWindow(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Body("status") status: "OPEN" | "CLOSED",
+  ) {
+    await this.trainSchedulingService.setBookingWindow(
+      id,
+      status === "CLOSED" ? "CLOSED" : "OPEN",
+    );
+    return this.trainSchedulingService.getContainerTrainScheduleById(id);
+  }
+
+  @Post("bookings/:bookingId/mark-paid")
+  @TrainSchedulingManage()
+  @ApiOperation({
+    summary: "Staff: mark a reserved booking paid and allocate it now",
+  })
+  async markBookingPaid(@Param("bookingId", ParseUUIDPipe) bookingId: string) {
+    await this.bookingBatchService.markPaid(bookingId);
+    return { ok: true };
+  }
+
+  @Post("bookings/:bookingId/expire")
+  @TrainSchedulingManage()
+  @ApiOperation({
+    summary: "Staff: expire a reservation and free its capacity",
+  })
+  async expireBooking(@Param("bookingId", ParseUUIDPipe) bookingId: string) {
+    await this.bookingBatchService.expireReservation(bookingId);
+    return { ok: true };
+  }
+
+  @Post("bookings/:bookingId/move-schedule")
+  @TrainSchedulingManage()
+  @ApiOperation({
+    summary: "Re-point a booking to another OPEN same-route schedule",
+  })
+  async moveBookingSchedule(
+    @Param("bookingId", ParseUUIDPipe) bookingId: string,
+    @Body("trainScheduleId", ParseUUIDPipe) trainScheduleId: string,
+  ) {
+    await this.bookingBatchService.moveToSchedule(bookingId, trainScheduleId);
+    return { ok: true };
+  }
+
+  @Get("schedules/:id/checkpoints")
+  @TrainSchedulingView()
+  @ApiOperation({
+    summary: "Get the tracking corridor + logged checkpoints for a train",
+  })
+  getScheduleCheckpoints(@Param("id", ParseUUIDPipe) id: string) {
+    return this.trainSchedulingService.getScheduleCheckpoints(id);
+  }
+
+  @Post("schedules/:id/checkpoints")
+  @TrainSchedulingManage()
+  @ApiOperation({
+    summary: "Log the train passing a station (final station triggers arrival)",
+  })
+  recordCheckpoint(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Body() dto: RecordCheckpointDto,
+  ) {
+    return this.trainSchedulingService.recordCheckpoint(id, dto);
+  }
+
+  @Post("schedules/:id/arrive")
+  @TrainSchedulingManage()
+  @ApiOperation({
+    summary:
+      "Mark a dispatched train arrived (move assets to destination yard, free assets)",
+  })
+  arriveSchedule(@Param("id", ParseUUIDPipe) id: string) {
+    return this.trainSchedulingService.arriveSchedule(id);
+  }
+
+  @Get("container/schedules")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "List container train schedules" })
   getContainerTrainSchedules() {
     return this.trainSchedulingService.getContainerTrainSchedules();
   }
 
-  @Get('container/schedules/:id')
-  @ApiOperation({ summary: 'Get container train schedule detail' })
-  getContainerTrainScheduleById(@Param('id', ParseUUIDPipe) id: string) {
+  @Get("bulk/schedules")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "List bulk train schedules" })
+  getBulkTrainSchedules() {
+    return this.trainSchedulingService.getContainerTrainSchedules();
+  }
+
+  @Get("container/schedules/:id")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "Get container train schedule detail" })
+  getContainerTrainScheduleById(@Param("id", ParseUUIDPipe) id: string) {
     return this.trainSchedulingService.getContainerTrainScheduleById(id);
   }
 
-  @Post('container/schedules/:id/cancel')
-  @ApiOperation({ summary: 'Cancel container train schedule' })
-  cancelTrainSchedule(@Param('id', ParseUUIDPipe) id: string) {
+  @Get("bulk/schedules/:id")
+  @TrainSchedulingView()
+  @ApiOperation({ summary: "Get bulk train schedule detail" })
+  getBulkTrainScheduleById(@Param("id", ParseUUIDPipe) id: string) {
+    return this.trainSchedulingService.getContainerTrainScheduleById(id);
+  }
+
+  @Post("container/schedules/:id/cancel")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Cancel container train schedule" })
+  cancelTrainSchedule(@Param("id", ParseUUIDPipe) id: string) {
+    return this.trainSchedulingService.cancelTrainSchedule(id);
+  }
+
+  @Post("bulk/schedules/:id/cancel")
+  @TrainSchedulingManage()
+  @ApiOperation({ summary: "Cancel bulk train schedule" })
+  cancelBulkTrainSchedule(@Param("id", ParseUUIDPipe) id: string) {
     return this.trainSchedulingService.cancelTrainSchedule(id);
   }
 
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.module.ts b/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.module.ts
index 1af1cb31f..64112d720 100644
--- a/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.module.ts
+++ b/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.module.ts
@@ -1,48 +1,56 @@
-import { Module } from '@nestjs/common';
+import { Module, forwardRef } from '@nestjs/common';
 import { TypeOrmModule } from '@nestjs/typeorm';
 
 import { BookingsModule } from '../bookings/bookings.module';
-import { Booking } from '../bookings/entities/booking.entity';
-import { BookingContainer } from '../bookings/entities/booking-container.entity';
+import { Container } from '../container-management/entities/container.entity';
 import { LocomotivesModule } from '../locomotives/locomotives.module';
+import { RuleEngineModule } from '../rule-engine/rule-engine.module';
 import { Locomotive } from '../locomotives/entities/locomotive.entity';
+import { Route } from '../routes/entities/route.entity';
+import { TrainSetWagon } from '../train-sets/entities/train-set-wagon.entity';
+import { TrainSet } from '../train-sets/entities/train-set.entity';
+import { TrainSetsModule } from '../train-sets/train-sets.module';
+import { TrainSchedulesModule } from '../train-schedules/train-schedules.module';
 import { WagonType } from '../wagon-types/entities/wagon-type.entity';
 import { WagonTypesModule } from '../wagon-types/wagon-types.module';
 import { Wagon } from '../wagons/entities/wagon.entity';
-import { TrainSet } from '../train-sets/entities/train-set.entity';
-import { TrainSetWagon } from '../train-sets/entities/train-set-wagon.entity';
-import { TrainSetsModule } from '../train-sets/train-sets.module';
-import { TrainScheduleBooking } from '../train-schedules/entities/train-schedule-booking.entity';
-import { TrainSchedule } from '../train-schedules/entities/train-schedule.entity';
-import { WagonBookingAllocation } from '../train-schedules/entities/wagon-booking-allocation.entity';
-import { TrainSchedulesModule } from '../train-schedules/train-schedules.module';
-import { Yard } from '../rule-engine/entities/yard.entity';
+import { TrainCheckpointEvent } from './entities/train-checkpoint-event.entity';
+import { TrainSchedulingGlobalRules } from './entities/train-scheduling-global-rules.entity';
+import { TrainCheckpointEventsRepository } from './train-checkpoint-events.repository';
 import { TrainSchedulingController } from './train-scheduling.controller';
 import { TrainSchedulingService } from './train-scheduling.service';
+import { BookingBatchService } from './booking-batch.service';
+import { BookingNotifierService } from './booking-notifier.service';
+import { NotificationsModule } from '../notifications/notifications.module';
 
 @Module({
   imports: [
     TypeOrmModule.forFeature([
-      Booking,
-      BookingContainer,
       Locomotive,
       WagonType,
-      Wagon,
       TrainSet,
       TrainSetWagon,
-      TrainSchedule,
-      TrainScheduleBooking,
-      WagonBookingAllocation,
-      Yard,
+      Route,
+      Wagon,
+      Container,
+      TrainSchedulingGlobalRules,
+      TrainCheckpointEvent,
     ]),
-    BookingsModule,
+    forwardRef(() => BookingsModule),
+    NotificationsModule,
     LocomotivesModule,
     WagonTypesModule,
     TrainSetsModule,
     TrainSchedulesModule,
+    RuleEngineModule,
   ],
   controllers: [TrainSchedulingController],
-  providers: [TrainSchedulingService],
-  exports: [TrainSchedulingService],
+  providers: [
+    TrainSchedulingService,
+    TrainCheckpointEventsRepository,
+    BookingBatchService,
+    BookingNotifierService,
+  ],
+  exports: [TrainSchedulingService, BookingBatchService],
 })
 export class TrainSchedulingModule {}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.service.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.service.spec.ts
index 73b2e0662..163008ecc 100644
--- a/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.service.spec.ts
+++ b/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.service.spec.ts
@@ -1,5 +1,11 @@
-import { ConflictException } from '@nestjs/common';
+import { BadRequestException, ConflictException } from '@nestjs/common';
+import { WagonStatus } from '@edr/types';
 
+import { Wagon } from '../wagons/entities/wagon.entity';
+import { WagonType } from '../wagon-types/entities/wagon-type.entity';
+import { TrainSetWagon } from '../train-sets/entities/train-set-wagon.entity';
+import { TrainSchedulingGlobalRules } from './entities/train-scheduling-global-rules.entity';
+import { WagonBookingAllocation } from '../train-schedules/entities/wagon-booking-allocation.entity';
 import { TrainSchedulingService } from './train-scheduling.service';
 
 const nw5 = {
@@ -11,6 +17,7 @@ const nw5 = {
   maxWagonsPerTrain: 53,
   supportedLoadTypes: ['CONTAINER'],
   isActive: true,
+  supportsContainer: true,
 };
 
 const locomotive = {
@@ -19,6 +26,19 @@ const locomotive = {
   maxPullWeightTons: 3500,
   maxTrainLengthMeters: 760,
   status: 'AVAILABLE',
+  currentYardId: 'yard-origin',
+};
+
+const cw3 = {
+  id: 'wagon-type-bulk',
+  code: 'CW3',
+  name: 'Covered Wagon',
+  capacityTons: 60,
+  lengthMeters: 14,
+  maxWagonsPerTrain: 53,
+  supportedLoadTypes: ['BULK'],
+  isActive: true,
+  supportsContainer: false,
 };
 
 const makeBooking = (
@@ -27,9 +47,11 @@ const makeBooking = (
   weight: number,
   quantity: number,
   containerCode: string,
+  wagonsRequired: number,
   scheduledDate = '2026-06-20T08:00:00.000Z',
   originYardId = 'yard-origin',
   destinationYardId = 'yard-destination',
+  extra: Record<string, unknown> = {},
 ) => ({
   id,
   reference,
@@ -38,76 +60,188 @@ const makeBooking = (
   scheduledDate: new Date(scheduledDate),
   originYardId,
   destinationYardId,
-  status: 'APPROVED',
-  customer: { companyName: 'Demo Customer' },
+  status: 'PAID',
+  schedulingStatus: 'HOLDING',
+  holdExpiresAt: new Date(Date.now() + 60 * 60 * 1000),
+  company: { companyName: 'Demo Customer' },
   originYard: { label: 'Djibouti', code: 'DJIBOUTI' },
   destinationYard: { label: 'Addis Ababa', code: 'ADDIS_ABABA' },
   bookingContainers: [
     {
+      id: `${id}-line`,
+      containerTypeId: 'ct-1',
       quantity,
+      wagonsRequired,
+      vgmPerUnitTons: weight / quantity,
+      isOverweight: false,
       containerType: { code: containerCode, label: containerCode },
     },
   ],
+  ...extra,
 });
 
 describe('TrainSchedulingService', () => {
   let service: TrainSchedulingService;
-  let dataSource: {
-    getRepository: jest.Mock;
-    transaction: jest.Mock;
-  };
-  let locomotivesRepository: {
-    findById: jest.Mock;
-  };
-  let wagonTypesRepository: {
-    findAll: jest.Mock;
-  };
+  let dataSource: { getRepository: jest.Mock; transaction: jest.Mock };
+  let bookingsRepository: Record<string, jest.Mock>;
+  let locomotivesRepository: { findById: jest.Mock; findAll: jest.Mock };
+  let wagonTypesRepository: { findAll: jest.Mock };
+  let trainSchedulesRepository: Record<string, jest.Mock>;
+  let trainScheduleBookingsRepository: Record<string, jest.Mock>;
+  let wagonBookingAllocationsRepository: Record<string, jest.Mock>;
+  let wagonAllocationContainerItemsRepository: Record<string, jest.Mock>;
+  let wagonAllocationBulkLoadsRepository: Record<string, jest.Mock>;
 
   beforeEach(() => {
-    dataSource = {
-      getRepository: jest.fn(),
-      transaction: jest.fn(),
-    };
-    locomotivesRepository = {
-      findById: jest.fn(),
-    };
-    wagonTypesRepository = {
+    dataSource = { getRepository: jest.fn(), transaction: jest.fn() };
+    bookingsRepository = {
+      findEligibleForScheduling: jest.fn(),
+      findByIdsForScheduling: jest.fn(),
       findAll: jest.fn(),
+      updateSchedulingFields: jest.fn(),
+    };
+    locomotivesRepository = { findById: jest.fn(), findAll: jest.fn() };
+    wagonTypesRepository = { findAll: jest.fn() };
+    trainSchedulesRepository = {
+      findById: jest.fn(),
+      findByIdWithFullGraph: jest.fn(),
+      findAll: jest.fn(),
+      updateStatus: jest.fn(),
+    };
+    trainScheduleBookingsRepository = {
+      findByBookingIds: jest.fn(),
+      createMany: jest.fn(),
+      deleteByScheduleAndBooking: jest.fn(),
+    };
+    wagonBookingAllocationsRepository = {
+      deleteByTrainSetId: jest.fn().mockResolvedValue([]),
+      createMany: jest.fn(),
+    };
+    wagonAllocationContainerItemsRepository = {
+      createMany: jest.fn(),
+      deleteByAllocationIds: jest.fn(),
+      findAll: jest.fn().mockResolvedValue([]),
+    };
+    wagonAllocationBulkLoadsRepository = {
+      createMany: jest.fn(),
+      deleteByAllocationIds: jest.fn(),
+      findAll: jest.fn().mockResolvedValue([]),
+    };
+
+    const trainCheckpointEventsRepository = {
+      findBySchedule: jest.fn().mockResolvedValue([]),
+      findAll: jest.fn().mockResolvedValue([]),
+      create: jest.fn(),
+      update: jest.fn(),
     };
 
     service = new TrainSchedulingService(
       dataSource as never,
+      bookingsRepository as never,
       locomotivesRepository as never,
       wagonTypesRepository as never,
+      trainSchedulesRepository as never,
+      trainScheduleBookingsRepository as never,
+      wagonBookingAllocationsRepository as never,
+      wagonAllocationContainerItemsRepository as never,
+      wagonAllocationBulkLoadsRepository as never,
+      trainCheckpointEventsRepository as never,
+      {} as never, // trainCompositionRemovalLogRepository
     );
+
+    const defaultFleetWagons = [
+      ...Array.from({ length: 100 }, (_, index) => ({
+        id: `wagon-nw5-${index}`,
+        wagonTypeId: nw5.id,
+        status: WagonStatus.Available,
+        currentYardId: 'yard-origin',
+        currentTrainScheduleId: null,
+      })),
+      ...Array.from({ length: 50 }, (_, index) => ({
+        id: `wagon-cw3-${index}`,
+        wagonTypeId: cw3.id,
+        status: WagonStatus.Available,
+        currentYardId: 'yard-origin',
+        currentTrainScheduleId: null,
+      })),
+    ];
+
+    dataSource.getRepository.mockImplementation((entity: unknown) => {
+      if (entity === TrainSchedulingGlobalRules) {
+        return { find: jest.fn().mockResolvedValue([]) };
+      }
+      if (entity === Wagon) {
+        return { find: jest.fn().mockResolvedValue(defaultFleetWagons) };
+      }
+      if (entity === WagonType) {
+        return { find: jest.fn().mockResolvedValue([nw5, cw3]) };
+      }
+      return { find: jest.fn().mockResolvedValue([]), findOne: jest.fn().mockResolvedValue(null) };
+    });
   });
 
-  it('computes the expected valid preview for Group A', async () => {
+  it('returns fleet availability and defers bookings when fleet is insufficient', async () => {
     const bookings = [
-      makeBooking('b1', 'BKG-CONT-001', 500, 20, '40FT'),
-      makeBooking('b2', 'BKG-CONT-002', 300, 10, '20FT'),
-      makeBooking('b3', 'BKG-CONT-003', 450, 15, '40FT'),
+      makeBooking('b1', 'BKG-CONT-001', 500, 20, '40FT', 20),
+      makeBooking('b2', 'BKG-CONT-002', 300, 10, '20FT', 10),
     ];
 
     wagonTypesRepository.findAll.mockResolvedValue([nw5]);
-    dataSource.getRepository.mockImplementation((entity: { name?: string }) => {
-      if (entity?.name === 'Booking') {
-        return { find: jest.fn().mockResolvedValue(bookings) };
-      }
-      if (entity?.name === 'TrainScheduleBooking') {
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue(bookings);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+
+    const availableWagons = Array.from({ length: 15 }, (_, index) => ({
+      id: `wagon-${index}`,
+      wagonTypeId: nw5.id,
+      status: WagonStatus.Available,
+      currentYardId: 'yard-origin',
+      currentTrainScheduleId: null,
+    }));
+
+    dataSource.getRepository.mockImplementation((entity: unknown) => {
+      if (entity === TrainSchedulingGlobalRules) {
         return { find: jest.fn().mockResolvedValue([]) };
       }
-      if (entity?.name === 'Locomotive') {
-        return {
-          count: jest.fn().mockResolvedValue(2),
-          find: jest.fn().mockResolvedValue([locomotive]),
-        };
+      if (entity === Wagon) {
+        return { find: jest.fn().mockResolvedValue(availableWagons) };
       }
-      throw new Error(`Unexpected repository ${entity?.name}`);
+      if (entity === WagonType) {
+        return { find: jest.fn().mockResolvedValue([nw5]) };
+      }
+      return { find: jest.fn().mockResolvedValue([]), findOne: jest.fn().mockResolvedValue(null) };
     });
 
     const result = await service.previewContainerTrainSchedule({
-      bookingIds: bookings.map((booking) => booking.id),
+      bookingIds: bookings.map((b) => b.id),
+      scheduleDate: '2026-06-20T08:00:00.000Z',
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+    });
+
+    expect(result.fleetAvailability?.length).toBeGreaterThan(0);
+    expect(result.fleetAvailability?.[0]?.shortfall).toBeGreaterThan(0);
+    expect(result.deferredBookings?.length).toBeGreaterThan(0);
+    expect(result.summary.wagonsNeeded).toBeLessThan(30);
+    expect(result.warnings.some((w) => w.includes('Fleet shortage') || w.includes('deferred'))).toBe(
+      true,
+    );
+  });
+
+  it('computes slot-based preview for Group A', async () => {
+    const bookings = [
+      makeBooking('b1', 'BKG-CONT-001', 500, 20, '40FT', 20),
+      makeBooking('b2', 'BKG-CONT-002', 300, 10, '20FT', 10),
+      makeBooking('b3', 'BKG-CONT-003', 450, 15, '40FT', 15),
+    ];
+
+    wagonTypesRepository.findAll.mockResolvedValue([nw5]);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue(bookings);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+
+    const result = await service.previewContainerTrainSchedule({
+      bookingIds: bookings.map((b) => b.id),
       scheduleDate: '2026-06-20T08:00:00.000Z',
       originStationId: 'yard-origin',
       destinationStationId: 'yard-destination',
@@ -115,40 +249,50 @@ describe('TrainSchedulingService', () => {
 
     expect(result.valid).toBe(true);
     expect(result.violations).toEqual([]);
-    expect(result.summary).toEqual({
-      totalBookings: 3,
-      totalWeightTons: 1250,
-      wagonType: 'NW5',
-      wagonsNeeded: 18,
-      totalLengthMeters: 252,
-    });
-    expect(result.wagonPlan).toHaveLength(18);
-    expect(result.wagonPlan[0]?.allocations[0]).toEqual({
-      bookingId: 'b1',
-      bookingReference: 'BKG-CONT-001',
-      allocatedWeightTons: 70,
+    expect(result.summary.wagonsNeeded).toBe(45);
+    expect(result.wagonPlan).toHaveLength(45);
+  });
+
+  it('returns soft hold warnings without forceAssign', async () => {
+    const bookings = [makeBooking('b7', 'BKG-CONT-007', 120, 2, '40FT', 2)];
+
+    wagonTypesRepository.findAll.mockResolvedValue([nw5]);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue(bookings);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+
+    const result = await service.previewContainerTrainSchedule({
+      bookingIds: ['b7'],
+      scheduleDate: '2026-06-20T08:00:00.000Z',
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
     });
+
+    expect(result.warnings.length).toBeGreaterThan(0);
+    expect(result.warnings[0]).toContain('soft hold window');
   });
 
   it('flags the overweight booking as invalid', async () => {
-    const bookings = [makeBooking('b6', 'BKG-CONT-006', 3600, 80, '40FT')];
+    const bookings = [
+      makeBooking('b6', 'BKG-CONT-006', 3600, 80, '40FT', 80, undefined, undefined, undefined, {
+        bookingContainers: [
+          {
+            id: 'b6-line',
+            containerTypeId: 'ct-1',
+            quantity: 80,
+            wagonsRequired: 80,
+            vgmPerUnitTons: 45,
+            isOverweight: true,
+            containerType: { code: '40FT', label: '40FT' },
+          },
+        ],
+      }),
+    ];
 
     wagonTypesRepository.findAll.mockResolvedValue([nw5]);
-    dataSource.getRepository.mockImplementation((entity: { name?: string }) => {
-      if (entity?.name === 'Booking') {
-        return { find: jest.fn().mockResolvedValue(bookings) };
-      }
-      if (entity?.name === 'TrainScheduleBooking') {
-        return { find: jest.fn().mockResolvedValue([]) };
-      }
-      if (entity?.name === 'Locomotive') {
-        return {
-          count: jest.fn().mockResolvedValue(1),
-          find: jest.fn().mockResolvedValue([locomotive]),
-        };
-      }
-      throw new Error(`Unexpected repository ${entity?.name}`);
-    });
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue(bookings);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
 
     const result = await service.previewContainerTrainSchedule({
       bookingIds: ['b6'],
@@ -158,37 +302,71 @@ describe('TrainSchedulingService', () => {
     });
 
     expect(result.valid).toBe(false);
-    expect(result.summary.totalWeightTons).toBe(3600);
-    expect(result.violations).toContain(
-      'Total booking weight 3600T exceeds max train weight 3500T',
-    );
+    expect(result.violations.some((v) => v.includes('overweight'))).toBe(true);
   });
 
-  it('rejects bookings that are not in assignable status', async () => {
+  it('allows preview when bookings are already on the target schedule', async () => {
+    const bookings = [makeBooking('b1', 'BKG-CONT-001', 500, 20, '40FT', 20)];
+
+    wagonTypesRepository.findAll.mockResolvedValue([nw5]);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue(bookings);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([
+      { bookingId: 'b1', trainScheduleId: 'sched-target' },
+    ]);
+    trainSchedulesRepository.findById.mockResolvedValue({
+      id: 'sched-target',
+      direction: 'IMPORT',
+    });
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+
+    const result = await service.previewContainerTrainSchedule({
+      bookingIds: ['b1'],
+      scheduleDate: '2026-06-20T08:00:00.000Z',
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+      targetScheduleId: 'sched-target',
+    });
+
+    expect(result.violations).not.toContain(
+      'One or more selected bookings are already assigned to a train schedule',
+    );
+    expect(result.valid).toBe(true);
+  });
+
+  it('allows preview when selected bookings are on different schedule dates', async () => {
     const bookings = [
-      {
-        ...makeBooking('b7', 'BKG-CONT-007', 120, 2, '40FT'),
-        status: 'PAID',
-      },
+      makeBooking('b1', 'BKG-CONT-001', 500, 20, '40FT', 20, '2026-06-20T08:00:00.000Z'),
+      makeBooking('b2', 'BKG-CONT-002', 300, 10, '20FT', 10, '2026-06-21T14:00:00.000Z'),
     ];
 
     wagonTypesRepository.findAll.mockResolvedValue([nw5]);
-    dataSource.getRepository.mockImplementation((entity: { name?: string }) => {
-      if (entity?.name === 'Booking') {
-        return { find: jest.fn().mockResolvedValue(bookings) };
-      }
-      if (entity?.name === 'TrainScheduleBooking') {
-        return { find: jest.fn().mockResolvedValue([]) };
-      }
-      if (entity?.name === 'Locomotive') {
-        return {
-          count: jest.fn().mockResolvedValue(1),
-          find: jest.fn().mockResolvedValue([locomotive]),
-        };
-      }
-      throw new Error(`Unexpected repository ${entity?.name}`);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue(bookings);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+
+    const result = await service.previewContainerTrainSchedule({
+      bookingIds: bookings.map((b) => b.id),
+      scheduleDate: '2026-06-20T08:00:00.000Z',
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
     });
 
+    expect(result.violations).not.toContain(
+      'Selected bookings must share the same schedule date',
+    );
+    expect(result.valid).toBe(true);
+  });
+
+  it('rejects bookings that are not in schedulable status', async () => {
+    const bookings = [
+      { ...makeBooking('b7', 'BKG-CONT-007', 120, 2, '40FT', 2), status: 'APPROVED' },
+    ];
+
+    wagonTypesRepository.findAll.mockResolvedValue([nw5]);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue(bookings);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+
     const result = await service.previewContainerTrainSchedule({
       bookingIds: ['b7'],
       scheduleDate: '2026-06-20T08:00:00.000Z',
@@ -198,7 +376,7 @@ describe('TrainSchedulingService', () => {
 
     expect(result.valid).toBe(false);
     expect(result.violations).toContain(
-      'Only APPROVED, READY_FOR_ASSIGNMENT bookings can be assigned; received: PAID',
+      'Only PAID bookings can be scheduled; received: APPROVED',
     );
   });
 
@@ -239,13 +417,19 @@ describe('TrainSchedulingService', () => {
     };
 
     jest.spyOn(service, 'selectOrValidateLocomotive').mockResolvedValue(locomotive as never);
-    dataSource.getRepository.mockImplementation((entity: { name?: string }) => {
-      if (entity?.name === 'Route') {
+    dataSource.getRepository.mockImplementation((entity: unknown) => {
+      if ((entity as { name?: string })?.name === 'Route') {
         return { findOne: jest.fn().mockResolvedValue(route) };
       }
-      throw new Error(`Unexpected repository ${entity?.name}`);
+      if (entity === TrainSchedulingGlobalRules) {
+        return { find: jest.fn().mockResolvedValue([]) };
+      }
+      if (entity === WagonType) {
+        return { find: jest.fn().mockResolvedValue([nw5, cw3]) };
+      }
+      throw new Error(`Unexpected repository ${(entity as { name?: string })?.name}`);
     });
-    jest.spyOn(service, 'getContainerTrainScheduleById').mockResolvedValue({ id: 'schedule-1' } as never);
+    trainSchedulesRepository.findByIdWithFullGraph.mockResolvedValue({ id: 'schedule-1' });
     dataSource.transaction.mockImplementation(async (callback: (tx: typeof manager) => Promise<string>) =>
       callback(manager),
     );
@@ -259,7 +443,62 @@ describe('TrainSchedulingService', () => {
     expect(trainSetRepo.save).toHaveBeenCalled();
     expect(trainScheduleRepo.save).toHaveBeenCalled();
     expect(lockedLocomotiveRepo.update).toHaveBeenCalledWith('loc-1', { status: 'ASSIGNED' });
-    expect(result).toEqual({ id: 'schedule-1' });
+    expect(result.id).toBe('schedule-1');
+  });
+
+  it('previews mixed container and bulk bookings', async () => {
+    const containerBooking = makeBooking('c1', 'BKG-CONT', 100, 2, '40FT', 2);
+    const bulkBooking = {
+      id: 'b1',
+      reference: 'BKG-BULK',
+      freightType: 'BULK',
+      cargoTotalWeightVgm: 120,
+      scheduledDate: new Date('2026-06-20T08:00:00.000Z'),
+      originYardId: 'yard-origin',
+      destinationYardId: 'yard-destination',
+      status: 'PAID',
+      bookingContainers: [],
+      cargoType: { code: 'COFFEE' },
+    };
+
+    wagonTypesRepository.findAll.mockImplementation(async ({ where }: { where?: { code?: string } }) => {
+      if (where?.code === 'NW5') return [nw5];
+      return [nw5, cw3];
+    });
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue([containerBooking, bulkBooking]);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+
+    const result = await service.previewTrainSchedule({
+      bookingIds: ['c1', 'b1'],
+      scheduleDate: '2026-06-20T08:00:00.000Z',
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+    });
+
+    expect(result.valid).toBe(true);
+    expect(result.summary.wagonType).toBe('MIXED');
+    expect(result.wagonPlan.length).toBeGreaterThan(2);
+    expect(result.containerUnits).toHaveLength(2);
+  });
+
+  it('previews container bookings without requiring placements', async () => {
+    const bookings = [makeBooking('c2', 'BKG-CONT-2', 50, 1, '40FT', 1)];
+
+    wagonTypesRepository.findAll.mockResolvedValue([nw5]);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue(bookings);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+
+    const result = await service.previewTrainSchedule({
+      bookingIds: ['c2'],
+      scheduleDate: '2026-06-20T08:00:00.000Z',
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+    });
+
+    expect(result.valid).toBe(true);
+    expect(result.containerUnits).toHaveLength(1);
   });
 
   it('rejects create when the locked locomotive is no longer available', async () => {
@@ -296,4 +535,399 @@ describe('TrainSchedulingService', () => {
       }),
     ).rejects.toBeInstanceOf(ConflictException);
   });
+
+  it('rejects pin when wagon is not at the schedule origin yard', async () => {
+    const scheduleId = 'sched-1';
+    const slotId = 'slot-1';
+
+    trainSchedulesRepository.findByIdWithFullGraph.mockResolvedValue({
+      id: scheduleId,
+      status: 'DRAFT',
+      originStationId: 'yard-origin',
+      trainSet: {
+        wagons: [{ id: slotId, physicalWagonId: null }],
+      },
+    });
+
+    const manager = {
+      getRepository: jest.fn((entity: { name?: string }) => {
+        if (entity === Wagon) {
+          return {
+            findOne: jest.fn().mockResolvedValue({
+              id: 'wagon-1',
+              wagonNumber: 'WGN-001',
+              status: WagonStatus.Available,
+              currentYardId: 'yard-other',
+              currentTrainScheduleId: null,
+            }),
+            update: jest.fn(),
+          };
+        }
+        if (entity === TrainSetWagon) {
+          return { update: jest.fn() };
+        }
+        throw new Error(`Unexpected repository ${entity?.name}`);
+      }),
+    };
+    dataSource.transaction.mockImplementation(async (callback: (tx: typeof manager) => Promise<void>) =>
+      callback(manager),
+    );
+
+    await expect(
+      service.pinWagons(scheduleId, {
+        assignments: [{ trainSetWagonId: slotId, physicalWagonId: 'wagon-1' }],
+      }),
+    ).rejects.toBeInstanceOf(ConflictException);
+  });
+
+  it('flags physical fleet shortfall when wagons are not at the origin yard', async () => {
+    const exportBooking = makeBooking(
+      'exp-1',
+      'BKG-EXP',
+      50,
+      1,
+      '40FT',
+      1,
+      '2026-06-20T08:00:00.000Z',
+      'yard-addis',
+      'yard-djibouti',
+      {
+        originYard: { label: 'Addis Ababa', code: 'ADDIS', country: 'Ethiopia' },
+        destinationYard: { label: 'Djibouti', code: 'DJIBOUTI', country: 'Djibouti' },
+      },
+    );
+
+    wagonTypesRepository.findAll.mockResolvedValue([nw5]);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue([exportBooking]);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([
+      { ...locomotive, currentYardId: 'yard-addis' },
+    ]);
+
+    const wrongYardFleet = Array.from({ length: 5 }, (_, index) => ({
+      id: `wagon-nw5-${index}`,
+      wagonTypeId: nw5.id,
+      wagonNumber: `WGN-${index}`,
+      status: WagonStatus.Available,
+      currentYardId: 'yard-djibouti',
+      currentTrainScheduleId: null,
+    }));
+
+    dataSource.getRepository.mockImplementation((entity: unknown) => {
+      if (entity === TrainSchedulingGlobalRules) {
+        return { find: jest.fn().mockResolvedValue([]) };
+      }
+      if (entity === Wagon) {
+        return { find: jest.fn().mockResolvedValue(wrongYardFleet) };
+      }
+      if (entity === WagonType) {
+        return { find: jest.fn().mockResolvedValue([nw5]) };
+      }
+      return { find: jest.fn().mockResolvedValue([]), findOne: jest.fn().mockResolvedValue(null) };
+    });
+
+    const result = await service.previewContainerTrainSchedule({
+      bookingIds: ['exp-1'],
+      scheduleDate: '2026-06-20T08:00:00.000Z',
+      originStationId: 'yard-addis',
+      destinationStationId: 'yard-djibouti',
+    });
+
+    expect(result.valid).toBe(false);
+    expect(
+      result.violations.some((v) => v.includes('available at yard') && v.includes('NW5')),
+    ).toBe(true);
+  });
+
+  it('assignBookingsToSchedule rejects when physical wagons cannot be pinned', async () => {
+    const scheduleId = 'sched-assign-1';
+    const trainSetId = 'train-set-1';
+    const booking = makeBooking('b-pin', 'BKG-PIN', 50, 1, '40FT', 1);
+
+    wagonTypesRepository.findAll.mockResolvedValue([nw5]);
+    bookingsRepository.findByIdsForScheduling.mockResolvedValue([{ ...booking, trainScheduleId: scheduleId }]);
+    trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+    locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+    trainSchedulesRepository.findById.mockResolvedValue({
+      id: scheduleId,
+      direction: 'IMPORT',
+    });
+    trainSchedulesRepository.findByIdWithFullGraph.mockResolvedValue({
+      id: scheduleId,
+      status: 'DRAFT',
+      direction: 'IMPORT',
+      trainSetId,
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+      scheduledDepartureDate: new Date('2026-06-20T08:00:00.000Z'),
+      trainSet: {
+        id: trainSetId,
+        locomotive,
+        wagons: [],
+      },
+      scheduleBookings: [],
+    });
+
+    dataSource.getRepository.mockImplementation((entity: unknown) => {
+      if (entity === TrainSchedulingGlobalRules) {
+        return { find: jest.fn().mockResolvedValue([]) };
+      }
+      if (entity === Wagon) {
+        return { find: jest.fn().mockResolvedValue([]) };
+      }
+      if (entity === WagonType) {
+        return { find: jest.fn().mockResolvedValue([nw5]) };
+      }
+      return { find: jest.fn().mockResolvedValue([]), findOne: jest.fn().mockResolvedValue(null) };
+    });
+
+    const wagonRepo = {
+      find: jest.fn().mockResolvedValue([]),
+      update: jest.fn(),
+    };
+    const trainSetWagonRepo = {
+      delete: jest.fn(),
+      create: jest.fn((v) => v),
+      save: jest.fn(async (rows) =>
+        rows.map((r: { sequenceNo: number; wagonTypeId: string }, i: number) => ({
+          ...r,
+          id: `slot-${i + 1}`,
+        })),
+      ),
+      update: jest.fn(),
+    };
+
+    const manager = {
+      getRepository: jest.fn((entity: unknown) => {
+        if (entity === Wagon) return wagonRepo;
+        if (entity === WagonType) return { find: jest.fn().mockResolvedValue([nw5]) };
+        if (entity === TrainSetWagon) return trainSetWagonRepo;
+        if ((entity as { name?: string })?.name === 'TrainSet') return { update: jest.fn() };
+        if ((entity as { name?: string })?.name === 'TrainScheduleBooking') return { delete: jest.fn() };
+        if ((entity as { name?: string })?.name === 'WagonBookingAllocation') {
+          return {
+            create: jest.fn((v) => v),
+            save: jest.fn(async (v) => ({ ...v, id: 'alloc-1' })),
+            delete: jest.fn(),
+          };
+        }
+        return { delete: jest.fn(), update: jest.fn(), find: jest.fn().mockResolvedValue([]) };
+      }),
+    };
+    dataSource.transaction.mockImplementation(async (cb: (m: typeof manager) => Promise<void>) =>
+      cb(manager),
+    );
+
+    await expect(
+      service.assignBookingsToSchedule(
+        scheduleId,
+        { bookingIds: ['b-pin'], containerPlacements: [] },
+        'CONTAINER',
+      ),
+    ).rejects.toBeInstanceOf(BadRequestException);
+  });
+
+  describe('getUnassignedBookings', () => {
+    const scheduleId = 'sched-unassigned-1';
+    const trainSetId = 'train-set-unassigned';
+    const assignedBooking = makeBooking('b-assigned', 'BKG-ASSIGNED', 50, 1, '40FT', 1);
+    const unassignedBooking = makeBooking('b-unassigned', 'BKG-UNASSIGNED', 60, 1, '40FT', 1);
+
+    const buildScheduleGraph = () => ({
+      id: scheduleId,
+      status: 'DRAFT',
+      originStationId: 'yard-origin',
+      destinationStationId: 'yard-destination',
+      scheduledDepartureDate: new Date('2026-06-20T08:00:00.000Z'),
+      trainSet: {
+        id: trainSetId,
+        locomotive: { ...locomotive, status: 'ASSIGNED', currentYardId: 'yard-origin' },
+        wagons: [{ id: 'slot-1', sequenceNo: 1, wagonTypeId: nw5.id, allocations: [] }],
+      },
+      scheduleBookings: [],
+    });
+
+    beforeEach(() => {
+      wagonTypesRepository.findAll.mockResolvedValue([nw5]);
+      trainScheduleBookingsRepository.findByBookingIds.mockResolvedValue([]);
+      locomotivesRepository.findAll.mockResolvedValue([locomotive]);
+      bookingsRepository.findAll.mockResolvedValue([
+        {
+          ...assignedBooking,
+          trainScheduleId: scheduleId,
+          paymentStatus: 'PAID',
+          isGovernment: false,
+        },
+        {
+          ...unassignedBooking,
+          trainScheduleId: scheduleId,
+          paymentStatus: 'PAID',
+          isGovernment: false,
+        },
+      ]);
+      trainSchedulesRepository.findByIdWithFullGraph.mockResolvedValue(buildScheduleGraph());
+    });
+
+    it('allows assign when train slots are full but origin yard has matching wagons', async () => {
+      const yardFleet = [
+        {
+          id: 'wagon-pinned',
+          wagonTypeId: nw5.id,
+          status: WagonStatus.Assigned,
+          currentYardId: 'yard-origin',
+          currentTrainScheduleId: scheduleId,
+        },
+        ...Array.from({ length: 2 }, (_, index) => ({
+          id: `wagon-yard-${index}`,
+          wagonTypeId: nw5.id,
+          status: WagonStatus.Available,
+          currentYardId: 'yard-origin',
+          currentTrainScheduleId: null,
+        })),
+      ];
+
+      bookingsRepository.findByIdsForScheduling.mockImplementation(async (ids: string[]) => {
+        const map = new Map([
+          [assignedBooking.id, { ...assignedBooking, trainScheduleId: scheduleId }],
+          [unassignedBooking.id, { ...unassignedBooking, trainScheduleId: scheduleId }],
+        ]);
+        return ids.map((id) => map.get(id)).filter(Boolean);
+      });
+
+      dataSource.getRepository.mockImplementation((entity: unknown) => {
+        if (entity === TrainSchedulingGlobalRules) {
+          return { find: jest.fn().mockResolvedValue([]) };
+        }
+        if (entity === Wagon) {
+          return { find: jest.fn().mockResolvedValue(yardFleet) };
+        }
+        if (entity === WagonType) {
+          return { find: jest.fn().mockResolvedValue([nw5]) };
+        }
+        if (entity === WagonBookingAllocation) {
+          return {
+            find: jest.fn().mockResolvedValue([{ bookingId: assignedBooking.id }]),
+          };
+        }
+        return { find: jest.fn().mockResolvedValue([]), findOne: jest.fn().mockResolvedValue(null) };
+      });
+
+      const result = await service.getUnassignedBookings(scheduleId);
+
+      expect(result.bookings).toHaveLength(1);
+      expect(result.bookings[0].id).toBe(unassignedBooking.id);
+      expect(result.bookings[0].canAssign).toBe(true);
+      expect(result.bookings[0].blockReason).toBeNull();
+      expect(
+        result.fleetAtOrigin.some(
+          (row: { wagonTypeCode: string; available: number }) =>
+            row.wagonTypeCode === 'NW5' && row.available >= 2,
+        ),
+      ).toBe(true);
+    });
+
+    it('blocks assign when origin yard lacks wagons of the required type', async () => {
+      const yardFleet = [
+        {
+          id: 'wagon-pinned',
+          wagonTypeId: nw5.id,
+          status: WagonStatus.Assigned,
+          currentYardId: 'yard-origin',
+          currentTrainScheduleId: scheduleId,
+        },
+      ];
+
+      bookingsRepository.findByIdsForScheduling.mockImplementation(async (ids: string[]) => {
+        const map = new Map([
+          [assignedBooking.id, { ...assignedBooking, trainScheduleId: scheduleId }],
+          [unassignedBooking.id, { ...unassignedBooking, trainScheduleId: scheduleId }],
+        ]);
+        return ids.map((id) => map.get(id)).filter(Boolean);
+      });
+
+      dataSource.getRepository.mockImplementation((entity: unknown) => {
+        if (entity === TrainSchedulingGlobalRules) {
+          return { find: jest.fn().mockResolvedValue([]) };
+        }
+        if (entity === Wagon) {
+          return { find: jest.fn().mockResolvedValue(yardFleet) };
+        }
+        if (entity === WagonType) {
+          return { find: jest.fn().mockResolvedValue([nw5]) };
+        }
+        if (entity === WagonBookingAllocation) {
+          return {
+            find: jest.fn().mockResolvedValue([{ bookingId: assignedBooking.id }]),
+          };
+        }
+        return { find: jest.fn().mockResolvedValue([]), findOne: jest.fn().mockResolvedValue(null) };
+      });
+
+      const result = await service.getUnassignedBookings(scheduleId);
+
+      expect(result.bookings).toHaveLength(1);
+      expect(result.bookings[0].canAssign).toBe(false);
+      expect(result.bookings[0].blockReason).toBeTruthy();
+    });
+  });
+
+  describe('getAvailableLocomotivesForRoute', () => {
+    it('returns locomotives at the route origin yard', async () => {
+      const routeId = 'route-export';
+      const originYardId = 'yard-addis';
+      const routeRepo = {
+        findOne: jest.fn().mockResolvedValue({
+          id: routeId,
+          name: 'Addis → Djibouti',
+          isActive: true,
+          originYardId,
+          originYard: { country: 'Ethiopia' },
+          destinationYard: { country: 'Djibouti' },
+        }),
+      };
+      dataSource.getRepository.mockImplementation((entity: unknown) => {
+        if ((entity as { name?: string })?.name === 'Route') return routeRepo;
+        return { findOne: jest.fn(), update: jest.fn() };
+      });
+      locomotivesRepository.findAll.mockResolvedValue([
+        { id: 'l2', code: 'EXP', status: 'AVAILABLE', currentYardId: originYardId },
+      ]);
+
+      const result = await service.getAvailableLocomotivesForRoute(routeId);
+
+      expect(locomotivesRepository.findAll).toHaveBeenCalledWith({
+        where: { status: 'AVAILABLE', currentYardId: originYardId },
+        order: { code: 'ASC' },
+      });
+      expect(result).toHaveLength(1);
+      expect(result[0].code).toBe('EXP');
+    });
+
+    it('returns all locomotives returned by the repository for domestic routes', async () => {
+      const routeId = 'route-domestic';
+      const originYardId = 'yard-addis';
+      const routeRepo = {
+        findOne: jest.fn().mockResolvedValue({
+          id: routeId,
+          name: 'Addis → Dire Dawa',
+          isActive: true,
+          originYardId,
+          originYard: { country: 'Ethiopia' },
+          destinationYard: { country: 'Ethiopia' },
+        }),
+      };
+      dataSource.getRepository.mockImplementation((entity: unknown) => {
+        if ((entity as { name?: string })?.name === 'Route') return routeRepo;
+        return { findOne: jest.fn(), update: jest.fn() };
+      });
+      locomotivesRepository.findAll.mockResolvedValue([
+        { id: 'l1', code: 'IMP', status: 'AVAILABLE', currentYardId: originYardId },
+        { id: 'l2', code: 'EXP', status: 'AVAILABLE', currentYardId: originYardId },
+      ]);
+
+      const result = await service.getAvailableLocomotivesForRoute(routeId);
+
+      expect(result).toHaveLength(2);
+    });
+  });
 });
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.service.ts b/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.service.ts
index 7c27123fe..17184bf97 100644
--- a/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.service.ts
+++ b/apps/edr-freight-api/src/modules/train-scheduling/train-scheduling.service.ts
@@ -1,79 +1,151 @@
+import {
+  AllocationLoadType,
+  SchedulingStatus,
+  TrainCheckpointKind,
+  TrainScheduleStatus as TrainScheduleStatusEnum,
+  WagonStatus,
+} from '@edr/types';
 import {
   BadRequestException,
   ConflictException,
   Injectable,
   NotFoundException,
-} from "@nestjs/common";
-import { InjectDataSource } from "@nestjs/typeorm";
-import { DataSource, EntityManager, In } from "typeorm";
+} from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+import { InjectDataSource } from '@nestjs/typeorm';
+import { DataSource, EntityManager, In } from 'typeorm';
 
-import { Booking } from "../bookings/entities/booking.entity";
+import { BookingsRepository } from '../bookings/bookings.repository';
+import { Booking } from '../bookings/entities/booking.entity';
+import { BookingContainer } from '../bookings/entities/booking-container.entity';
+import { Container } from '../container-management/entities/container.entity';
+import { Locomotive } from '../locomotives/entities/locomotive.entity';
+import { LocomotivesRepository } from '../locomotives/locomotives.repository';
+import { Route } from '../routes/entities/route.entity';
+import { TrainSetWagon } from '../train-sets/entities/train-set-wagon.entity';
+import { TrainSet } from '../train-sets/entities/train-set.entity';
+import { TrainScheduleBooking } from '../train-schedules/entities/train-schedule-booking.entity';
+import { TrainSchedule } from '../train-schedules/entities/train-schedule.entity';
+import { WagonAllocationContainerItem } from '../train-schedules/entities/wagon-allocation-container-item.entity';
+import { WagonBookingAllocation } from '../train-schedules/entities/wagon-booking-allocation.entity';
+import { TrainScheduleBookingsRepository } from '../train-schedules/train-schedule-bookings.repository';
+import { TrainSchedulesRepository } from '../train-schedules/train-schedules.repository';
+import { TrainCompositionRemovalLogRepository } from '../train-schedules/train-composition-removal-log.repository';
+import { WagonAllocationBulkLoadsRepository } from '../train-schedules/wagon-allocation-bulk-loads.repository';
+import { WagonAllocationContainerItemsRepository } from '../train-schedules/wagon-allocation-container-items.repository';
+import { WagonBookingAllocationsRepository } from '../train-schedules/wagon-booking-allocations.repository';
+import { WagonType } from '../wagon-types/entities/wagon-type.entity';
+import { WagonTypesRepository } from '../wagon-types/wagon-types.repository';
+import { Wagon } from '../wagons/entities/wagon.entity';
+import { AssignBookingsDto } from './dto/assign-bookings.dto';
+import { CreateContainerTrainScheduleDto } from './dto/create-container-train-schedule.dto';
+import { GetEligibleBookingsDto } from './dto/get-eligible-bookings.dto';
+import { GetEligibleBulkBookingsDto } from './dto/get-eligible-bulk-bookings.dto';
+import { GetEligibleContainerBookingsDto } from './dto/get-eligible-container-bookings.dto';
+import { PinWagonsDto } from './dto/pin-wagons.dto';
+import { UpdateContainerItemDto } from './dto/update-container-item.dto';
+import { PreviewBulkTrainScheduleDto } from './dto/preview-bulk-train-schedule.dto';
+import { PreviewContainerTrainScheduleDto } from './dto/preview-container-train-schedule.dto';
+import { PreviewTrainScheduleDto } from './dto/preview-train-schedule.dto';
+import { TrainSchedulingGlobalRules } from './entities/train-scheduling-global-rules.entity';
+import { UpdateTrainSchedulingGlobalRulesDto } from './dto/update-train-scheduling-global-rules.dto';
 import {
-  Locomotive,
-  type LocomotiveStatus,
-} from "../locomotives/entities/locomotive.entity";
-import { LocomotivesRepository } from "../locomotives/locomotives.repository";
-import { TrainSetWagon } from "../train-sets/entities/train-set-wagon.entity";
-import { TrainSet } from "../train-sets/entities/train-set.entity";
-import { Route } from "../routes/entities/route.entity";
-import { TrainScheduleBooking } from "../train-schedules/entities/train-schedule-booking.entity";
-import { TrainSchedule } from "../train-schedules/entities/train-schedule.entity";
-import { WagonBookingAllocation } from "../train-schedules/entities/wagon-booking-allocation.entity";
-import { Wagon } from "../wagons/entities/wagon.entity";
-import { WagonType } from "../wagon-types/entities/wagon-type.entity";
-import { WagonTypesRepository } from "../wagon-types/wagon-types.repository";
-import { CreateContainerTrainScheduleDto } from "./dto/create-container-train-schedule.dto";
-import { GetEligibleContainerBookingsDto } from "./dto/get-eligible-container-bookings.dto";
-import { PreviewContainerTrainScheduleDto } from "./dto/preview-container-train-schedule.dto";
+  buildCappedWagonPlan,
+  computeFleetAvailability,
+  selectBookingsWithinFleetCap,
+  summarizeFleetWarnings,
+  totalAssignedWeight,
+  wagonsRequiredForBooking,
+  type DeferredBookingRow,
+  type FleetAvailabilityRow,
+} from './fleet-plan.util';
+import {
+  buildBulkWagonPlan,
+  buildContainerWagonPlan,
+  buildMixedWagonPlan,
+  expandBookingContainerUnits,
+  getContainerSlotSequenceNos,
+  roundTons,
+  sumWagonsRequired,
+  type TrainLimitConfig,
+  validateContainerPlacements,
+  validateMixedTrainLimits,
+  validateTrainLimits,
+  type ContainerPlacementInput,
+  type WagonPlanSlot,
+} from './wagon-plan.util';
+import {
+  getDefaultContainerWagonTypeCode,
+  pickBulkWagonType,
+} from './wagon-type-resolver.util';
+import { deriveScheduleDirection } from './derive-schedule-direction.util';
+import {
+  deriveTrainCapacityFromLocomotive,
+  wagonTypeDimensionsFromEntity,
+} from './train-capacity.util';
+import {
+  DEFAULT_BULK_WAGON_LENGTH_METERS,
+  DEFAULT_CONTAINER_WAGON_LENGTH_METERS,
+} from './booking-batch.constants';
+import { TrainCheckpointEvent } from './entities/train-checkpoint-event.entity';
+import { TrainCheckpointEventsRepository } from './train-checkpoint-events.repository';
+import { RecordCheckpointDto } from './dto/record-checkpoint.dto';
+import { RouteMilestone } from '../routes/entities/route-milestone.entity';
+import {
+  autoFillPlacements,
+  findMissingContainerNumberIssues,
+  isPlaceholderContainerNumber,
+  placementsForBookings,
+  type ContainerUnitForPlacement,
+} from './container-placement.util';
 
-const DEFAULT_WAGON_TYPE_CODE = "NW5";
-const MAX_TRAIN_WEIGHT_TONS = 3500;
-const MAX_TRAIN_LENGTH_METERS = 760;
-const ASSIGNABLE_BOOKING_STATUSES = ["APPROVED", "READY_FOR_ASSIGNMENT"] as const;
-const EXCLUDED_BOOKING_STATUSES = ["CANCELLED", "COMPLETED", "IN_TRANSIT", "ARRIVED"] as const;
-const MAX_CONTAINER_WAGONS = 53;
-const MAX_BULK_WAGONS = 37;
+const SCHEDULABLE_BOOKING_STATUSES = ['PAID'] as const;
 
-type EligibleBookingItem = {
-  id: string;
-  reference: string;
-  customer: string;
-  containerType: string;
-  quantity: number;
-  weightTons: number;
-  origin: string;
-  destination: string;
-  preferredDepartureDate: string;
-  status: string;
-};
+export type BookingWagonAllocationStatus =
+  | 'NOT_ATTEMPTED'
+  | 'ASSIGNED'
+  | 'DEFERRED'
+  | 'FAILED';
 
-type WagonAllocationRecord = {
+export interface BookingWagonAllocationIssue {
   bookingId: string;
-  bookingReference: string;
-  allocatedWeightTons: number;
-};
+  status: BookingWagonAllocationStatus;
+  issue: string | null;
+}
 
-type WagonPlanRecord = {
-  sequenceNo: number;
-  capacityTons: number;
-  lengthMeters: number;
-  assignedWeightTons: number;
-  allocations: WagonAllocationRecord[];
-};
-
-type ValidationResult = {
-  valid: boolean;
+export interface WagonAllocationAttemptResult {
+  assignedBookingIds: string[];
+  deferred: DeferredBookingRow[];
+  issues: BookingWagonAllocationIssue[];
   violations: string[];
-  bookings: Booking[];
-  wagonType: WagonType;
-  summary: {
-    totalBookings: number;
-    totalWeightTons: number;
-    wagonType: string;
-    wagonsNeeded: number;
-    totalLengthMeters: number;
-  };
-  wagonPlan: WagonPlanRecord[];
+}
+
+export interface CompositionUnassignedBookingRow {
+  id: string;
+  reference: string | null;
+  freightType: string | null;
+  priorityScore: number;
+  cargoTotalWeightVgm: number;
+  status: string | null;
+  schedulingStatus: string | null;
+  wagonsRequired: number;
+  requiredWagonTypeCode: string;
+  yardWagonsAvailable: number;
+  canAssign: boolean;
+  blockReason: string | null;
+}
+
+export interface UnassignedBookingsResponse {
+  fleetAtOrigin: FleetAvailabilityRow[];
+  bookings: CompositionUnassignedBookingRow[];
+}
+
+const DEFAULT_TRAIN_LIMITS: Required<TrainLimitConfig> = {
+  maxWeightTons: 3500,
+  maxLengthMeters: 760,
+  maxWagonsPerTrain: Math.floor(760 / 14),
+  max20ftContainerWeightTons: 30,
+  max20ftPairWeightDiffTons: 10,
 };
 
 @Injectable()
@@ -81,472 +153,1628 @@ export class TrainSchedulingService {
   constructor(
     @InjectDataSource()
     private readonly dataSource: DataSource,
+    private readonly bookingsRepository: BookingsRepository,
     private readonly locomotivesRepository: LocomotivesRepository,
     private readonly wagonTypesRepository: WagonTypesRepository,
-  ) { }
+    private readonly trainSchedulesRepository: TrainSchedulesRepository,
+    private readonly trainScheduleBookingsRepository: TrainScheduleBookingsRepository,
+    private readonly wagonBookingAllocationsRepository: WagonBookingAllocationsRepository,
+    private readonly wagonAllocationContainerItemsRepository: WagonAllocationContainerItemsRepository,
+    private readonly wagonAllocationBulkLoadsRepository: WagonAllocationBulkLoadsRepository,
+    private readonly trainCheckpointEventsRepository: TrainCheckpointEventsRepository,
+    private readonly trainCompositionRemovalLogRepository: TrainCompositionRemovalLogRepository,
+    private readonly configService?: ConfigService,
+  ) {}
+
+  async getEligibleBookings(query: GetEligibleBookingsDto) {
+    const bookings = await this.bookingsRepository.findEligibleForScheduling({
+      freightType: query.freightType,
+      originStationId: query.originStationId,
+      destinationStationId: query.destinationStationId,
+      schedulingStatus: query.schedulingStatus,
+      trainScheduleId: query.trainScheduleId,
+    });
+    return { count: bookings.length, items: bookings.map((b) => this.mapEligibleBooking(b)) };
+  }
 
   async getEligibleContainerBookings(query: GetEligibleContainerBookingsDto) {
-    const bookingRepository = this.dataSource.getRepository(Booking);
-    const queryBuilder = bookingRepository
-      .createQueryBuilder("booking")
-      .leftJoinAndSelect("booking.company", "company")
-      .leftJoinAndSelect("booking.originYard", "originYard")
-      .leftJoinAndSelect("booking.destinationYard", "destinationYard")
-      .leftJoinAndSelect("booking.bookingContainers", "bookingContainer")
-      .leftJoinAndSelect("bookingContainer.containerType", "containerType")
-      .leftJoin(
-        TrainScheduleBooking,
-        "scheduleBooking",
-        "scheduleBooking.booking_id = booking.id",
-      )
-      .where("booking.freightType = :freightType", {
-        freightType: query.assignmentType ?? "CONTAINER",
-      })
-      .andWhere("scheduleBooking.id IS NULL");
+    return this.getEligibleBookings({ ...query, freightType: 'CONTAINER' });
+  }
 
-    queryBuilder.andWhere("booking.status IN (:...assignableStatuses)", {
-      assignableStatuses: ASSIGNABLE_BOOKING_STATUSES,
-    });
+  async getEligibleBulkBookings(query: GetEligibleBulkBookingsDto) {
+    return this.getEligibleBookings({ ...query, freightType: 'BULK' });
+  }
 
-    if (query.originStationId) {
-      queryBuilder.andWhere("booking.originYardId = :originStationId", {
-        originStationId: query.originStationId,
-      });
+  async getTrainSchedulingGlobalRules() {
+    return this.loadGlobalRulesRow();
+  }
+
+  async updateTrainSchedulingGlobalRules(dto: UpdateTrainSchedulingGlobalRulesDto) {
+    const row = await this.loadGlobalRulesRow();
+    if (!row) {
+      throw new NotFoundException('Train scheduling global rules not configured');
     }
-
-    if (query.destinationStationId) {
-      queryBuilder.andWhere(
-        "booking.destinationYardId = :destinationStationId",
-        {
-          destinationStationId: query.destinationStationId,
-        },
-      );
+    if (dto.maxTrainLengthMeters != null) row.maxTrainLengthMeters = dto.maxTrainLengthMeters;
+    if (dto.maxTrainWeightTons != null) row.maxTrainWeightTons = dto.maxTrainWeightTons;
+    if (dto.maxWagonsPerTrain != null) row.maxWagonsPerTrain = dto.maxWagonsPerTrain;
+    if (dto.max20ftContainerWeightTons != null) {
+      row.max20ftContainerWeightTons = dto.max20ftContainerWeightTons;
     }
-
-    if (query.tradeDirection === "IMPORT") {
-      queryBuilder.andWhere(
-        `(
-          lower(originYard.country) IN ('djibouti', 'djoubti', 'dj')
-          OR lower(originYard.code) LIKE '%djib%'
-          OR lower(originYard.label) LIKE '%djib%'
-        )`,
-      );
+    if (dto.max20ftPairWeightDiffTons != null) {
+      row.max20ftPairWeightDiffTons = dto.max20ftPairWeightDiffTons;
     }
+    return this.dataSource.getRepository(TrainSchedulingGlobalRules).save(row);
+  }
 
-    if (query.tradeDirection === "EXPORT") {
-      queryBuilder.andWhere(
-        `(
-          lower(destinationYard.country) IN ('djibouti', 'djoubti', 'dj')
-          OR lower(destinationYard.code) LIKE '%djib%'
-          OR lower(destinationYard.label) LIKE '%djib%'
-        )`,
-      );
-    }
-
-    if (query.scheduleDate) {
-      queryBuilder.andWhere(
-        `DATE(booking.scheduled_date AT TIME ZONE 'UTC') = :scheduleDate`,
-        { scheduleDate: this.toUtcDateKey(query.scheduleDate) },
-      );
-    }
-
-    const bookings = await queryBuilder
-      .orderBy("booking.scheduled_date", "ASC")
-      .addOrderBy("booking.created_at", "ASC")
-      .getMany();
-
-    const items: EligibleBookingItem[] = bookings.map((booking) => ({
-      id: booking.id,
-      reference: booking.reference,
-      customer:
-        booking.company?.name ?? booking.company?.email ?? "Unknown customer",
-      containerType:
-        booking.bookingContainers
-          ?.map(
-            (container) =>
-              container.containerType?.label ??
-              container.containerType?.code ??
-              "Container",
-          )
-          .join(", ") ?? (booking.freightType === "BULK" ? "Bulk cargo" : "Container"),
-      quantity:
-        booking.bookingContainers?.reduce(
-          (sum, container) => sum + Number(container.quantity ?? 0),
-          0,
-        ) ?? 0,
-      weightTons: this.roundTons(booking.cargoTotalWeightVgm),
-      origin:
-        booking.originYard?.label ??
-        booking.originYard?.code ??
-        "Unknown origin",
-      destination:
-        booking.destinationYard?.label ??
-        booking.destinationYard?.code ??
-        "Unknown destination",
-      preferredDepartureDate: booking.scheduledDate.toISOString(),
-      status: booking.status,
-    }));
-
-    return {
-      count: items.length,
-      items,
-    };
+  async previewTrainSchedule(dto: PreviewTrainScheduleDto) {
+    const limits = await this.resolveTrainLimitConfig(dto);
+    return this.buildPreviewResponse(
+      await this.validateBookingsForScheduling(
+        dto,
+        null,
+        false,
+        [],
+        false,
+        limits,
+        dto.targetScheduleId,
+      ),
+    );
   }
 
   async previewContainerTrainSchedule(dto: PreviewContainerTrainScheduleDto) {
-    const validation = await this.validateContainerBookingsForScheduling(dto);
+    const limits = await this.resolveTrainLimitConfig(dto);
+    return this.buildPreviewResponse(
+      await this.validateBookingsForScheduling(
+        dto,
+        'CONTAINER',
+        false,
+        [],
+        false,
+        limits,
+        dto.targetScheduleId,
+      ),
+    );
+  }
 
+  async previewBulkTrainSchedule(dto: PreviewBulkTrainScheduleDto) {
+    const limits = await this.resolveTrainLimitConfig(dto);
+    return this.buildPreviewResponse(
+      await this.validateBookingsForScheduling(
+        dto,
+        'BULK',
+        false,
+        [],
+        false,
+        limits,
+        dto.targetScheduleId,
+      ),
+    );
+  }
+
+  private buildPreviewResponse(validation: Awaited<ReturnType<TrainSchedulingService['validateBookingsForScheduling']>>) {
+    const containerBookings = validation.bookings.filter((b) => b.freightType === 'CONTAINER');
     return {
       valid: validation.valid,
       violations: validation.violations,
+      warnings: validation.warnings,
       summary: validation.summary,
-      bookingIds: validation.bookings.map((booking) => booking.id),
+      fleetAvailability: validation.fleetAvailability,
+      deferredBookings: validation.deferredBookings,
+      bookingIds: validation.bookings.map((b) => b.id),
       wagonPlan: validation.wagonPlan,
+      containerUnits: containerBookings.length
+        ? expandBookingContainerUnits(containerBookings)
+        : [],
+      containerSlotSequenceNos: getContainerSlotSequenceNos(validation.wagonPlan),
     };
   }
 
   async createContainerTrainSchedule(dto: CreateContainerTrainScheduleDto) {
     const route = await this.getActiveRoute(dto.routeId);
-    const validation = dto.bookingIds?.length
-      ? await this.validateContainerBookingsForScheduling({
-        bookingIds: dto.bookingIds,
-        scheduleDate: dto.scheduleDate,
+    const locomotive = await this.selectOrValidateLocomotive(dto.locomotiveId, 0, 0);
+
+    const createdScheduleId = await this.dataSource.transaction(async (manager) => {
+      const lockedLocomotive = await manager.getRepository(Locomotive).findOne({
+        where: { id: locomotive.id },
+        lock: { mode: 'pessimistic_write' },
+      });
+      if (!lockedLocomotive) {
+        throw new NotFoundException(`Locomotive ${locomotive.id} not found`);
+      }
+      if (lockedLocomotive.status !== 'AVAILABLE') {
+        throw new ConflictException(`Locomotive ${lockedLocomotive.code} is not available`);
+      }
+
+      const direction = deriveScheduleDirection(
+        route.originYard ?? { country: null },
+        route.destinationYard ?? { country: null },
+      );
+      if (lockedLocomotive.currentYardId !== route.originYardId) {
+        throw new ConflictException(
+          `Locomotive ${lockedLocomotive.code} is at yard ${lockedLocomotive.currentYardId} but schedule originates from ${route.originYardId}`,
+        );
+      }
+
+      const trainSet = await this.buildEmptyTrainSet(manager, lockedLocomotive);
+      const schedule = manager.getRepository(TrainSchedule).create({
+        trainSetId: trainSet.id,
+        routeId: route.id,
         originStationId: route.originYardId,
         destinationStationId: route.destinationYardId,
-        assignmentType: dto.assignmentType ?? "CONTAINER",
-      })
-      : null;
-
-    if (validation && !validation.valid) {
-      throw new BadRequestException({
-        message: "Train schedule assignment is invalid",
-        violations: validation.violations,
+        scheduledDepartureDate: new Date(dto.scheduleDate),
+        status: TrainScheduleStatusEnum.Draft,
+        direction,
+        maxWagons: (
+          await this.resolveTrainLimitConfig(dto, lockedLocomotive)
+        ).maxWagonsPerTrain,
       });
-    }
-
-    const locomotive = await this.selectOrValidateLocomotive(
-      dto.locomotiveId,
-      validation?.summary.totalWeightTons ?? 0,
-      validation?.summary.totalLengthMeters ?? 0,
-    );
-
-    const createdSchedule = await this.dataSource.transaction(
-      async (manager) => {
-        const locomotiveRepository = manager.getRepository(Locomotive);
-        const lockedLocomotive = await locomotiveRepository.findOne({
-          where: { id: locomotive.id },
-          lock: { mode: "pessimistic_write" },
-        });
-
-        if (!lockedLocomotive) {
-          throw new NotFoundException(`Locomotive ${locomotive.id} not found`);
-        }
-
-        if (lockedLocomotive.status !== "AVAILABLE") {
-          throw new ConflictException(
-            `Locomotive ${lockedLocomotive.code} is not available`,
-          );
-        }
-
-        const selectedPhysicalWagons = validation
-          ? await this.lockSelectedWagonsForSchedule(
-            manager,
-            dto.wagonIds ?? [],
-            validation.wagonPlan.length,
-            route,
-            dto.assignmentType ?? "CONTAINER",
-          )
-          : [];
-
-        const trainSetResult = validation
-          ? await this.buildTrainSet(
-            manager,
-            lockedLocomotive,
-            validation.wagonType,
-            validation.summary.totalWeightTons,
-            validation.summary.totalLengthMeters,
-            validation.wagonPlan,
-            selectedPhysicalWagons,
-          )
-          : { trainSet: await this.buildEmptyTrainSet(manager, lockedLocomotive), wagons: [] };
-        const { trainSet, wagons } = trainSetResult;
-
-        const schedule = manager.getRepository(TrainSchedule).create({
-          trainSetId: trainSet.id,
-          routeId: route.id,
-          originStationId: route.originYardId,
-          destinationStationId: route.destinationYardId,
-          scheduledDepartureDate: new Date(dto.scheduleDate),
-          scheduledArrivalDate: dto.arrivalDate ? new Date(dto.arrivalDate) : null,
-          status: validation ? "READY" : "DRAFT",
-        });
-
-        const savedSchedule = await manager
-          .getRepository(TrainSchedule)
-          .save(schedule);
-
-        if (validation) {
-          await manager.getRepository(TrainScheduleBooking).save(
-            validation.bookings.map((booking) =>
-              manager.getRepository(TrainScheduleBooking).create({
-                trainScheduleId: savedSchedule.id,
-                bookingId: booking.id,
-              }),
-            ),
-          );
-
-          const wagonBySequence = new Map(wagons.map((wagon) => [wagon.sequenceNo, wagon]));
-          const allocations = validation.wagonPlan.flatMap((wagonPlan) => {
-            const savedWagon = wagonBySequence.get(wagonPlan.sequenceNo);
-            if (!savedWagon) return [];
-
-            return wagonPlan.allocations.map((allocation) =>
-              manager.getRepository(WagonBookingAllocation).create({
-                trainSetWagonId: savedWagon.id,
-                bookingId: allocation.bookingId,
-                allocatedWeightTons: allocation.allocatedWeightTons,
-              }),
-            );
-          });
-
-          if (allocations.length > 0) {
-            await manager.getRepository(WagonBookingAllocation).save(allocations);
-          }
-
-          await manager.getRepository(Booking).update(
-            { id: In(validation.bookings.map((booking) => booking.id)) },
-            {
-              status: "INVOICED",
-              paymentStatus: "PENDING",
-            },
-          );
-        }
-
-        await locomotiveRepository.update(lockedLocomotive.id, {
-          status: "ASSIGNED",
-        });
-
-        return savedSchedule.id;
-      },
-    );
-
-    return this.getContainerTrainScheduleById(createdSchedule);
-  }
-
-  async validateContainerBookingsForScheduling(
-    dto: PreviewContainerTrainScheduleDto,
-  ): Promise<ValidationResult> {
-    const bookingIds = [...new Set(dto.bookingIds)];
-
-    if (!bookingIds.length) {
-      throw new BadRequestException("At least one booking is required");
-    }
-
-    const [wagonType] = await this.wagonTypesRepository.findAll({
-      where: { code: DEFAULT_WAGON_TYPE_CODE, isActive: true },
+      const saved = await manager.getRepository(TrainSchedule).save(schedule);
+      await manager.getRepository(Locomotive).update(lockedLocomotive.id, { status: 'ASSIGNED' });
+      return saved.id;
     });
 
-    if (!wagonType) {
-      throw new NotFoundException(
-        `Wagon type ${DEFAULT_WAGON_TYPE_CODE} not found`,
+    return this.getTrainScheduleById(createdScheduleId);
+  }
+
+  async assignBookingsToSchedule(
+    scheduleId: string,
+    dto: AssignBookingsDto,
+    freightType?: 'CONTAINER' | 'BULK',
+  ) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (!['DRAFT', 'SCHEDULED'].includes(schedule.status)) {
+      throw new BadRequestException(
+        `Cannot assign bookings to schedule in status ${schedule.status}`,
+      );
+    }
+    if (!schedule.trainSet) {
+      throw new BadRequestException('Schedule has no train set');
+    }
+
+    // Batch parity: a schedule may only allocate bookings that targeted it. This mirrors
+    // the automatic fill, which only pulls bookings whose train_schedule_id is this schedule.
+    if (dto.bookingIds.length) {
+      const targeted = await this.bookingsRepository.findByIdsForScheduling(dto.bookingIds);
+      const stray = targeted.filter((b) => b.trainScheduleId !== scheduleId);
+      if (stray.length) {
+        throw new BadRequestException(
+          `These bookings are not assigned to this schedule: ${stray
+            .map((b) => b.reference ?? b.id)
+            .join(', ')}`,
+        );
+      }
+    }
+
+    const previewDto = {
+      bookingIds: dto.bookingIds,
+      scheduleDate: schedule.scheduledDepartureDate.toISOString(),
+      originStationId: schedule.originStationId,
+      destinationStationId: schedule.destinationStationId,
+      maxTrainWeightTons: dto.maxTrainWeightTons,
+      maxTrainLengthMeters: dto.maxTrainLengthMeters,
+      maxWagonsPerTrain: dto.maxWagonsPerTrain,
+    };
+
+    const locomotive = schedule.trainSet.locomotive;
+    const limits = await this.resolveTrainLimitConfig(previewDto, locomotive ?? undefined);
+    const validation = await this.validateBookingsForScheduling(
+      previewDto,
+      freightType ?? null,
+      dto.forceAssign,
+      dto.containerPlacements,
+      true,
+      limits,
+      scheduleId,
+    );
+
+    if (!validation.valid) {
+      throw new BadRequestException({
+        message: 'Booking validation failed',
+        violations: validation.violations,
+        warnings: validation.warnings,
+      });
+    }
+
+    if (!validation.bookings.length) {
+      throw new BadRequestException({
+        message: 'No bookings fit on available fleet wagons',
+        violations: ['Insufficient fleet wagons for the selected bookings'],
+        warnings: validation.warnings,
+        deferredBookings: validation.deferredBookings,
+      });
+    }
+
+    const { bookings, wagonType, wagonPlan, warnings, deferredBookings } = validation;
+    const totalWeightTons = validation.summary.totalWeightTons;
+    const totalLengthMeters = validation.summary.totalLengthMeters;
+
+    if (!locomotive) {
+      throw new BadRequestException('Schedule train set has no locomotive');
+    }
+    if (Number(locomotive.maxPullWeightTons) < totalWeightTons) {
+      throw new BadRequestException(
+        `Locomotive ${locomotive.code} cannot pull ${totalWeightTons}T`,
+      );
+    }
+    if (Number(locomotive.maxTrainLengthMeters) < totalLengthMeters) {
+      throw new BadRequestException(
+        `Locomotive ${locomotive.code} cannot support ${totalLengthMeters}m`,
       );
     }
 
-    const bookings = await this.loadBookingsForScheduling(bookingIds);
-    const violations: string[] = [];
+    await this.dataSource.transaction(async (manager) => {
+      const trainSetId = schedule.trainSetId;
 
-    if (bookings.length !== bookingIds.length) {
-      const foundIds = new Set(bookings.map((booking) => booking.id));
-      const missing = bookingIds.filter((id) => !foundIds.has(id));
-      violations.push(`Bookings not found: ${missing.join(", ")}`);
-    }
+      await this.releasePinnedWagonsForTrainSet(manager, trainSetId);
 
-    const scheduledLinks = await this.dataSource
-      .getRepository(TrainScheduleBooking)
-      .find({
-        where: { bookingId: In(bookingIds) },
-        select: { bookingId: true },
+      const deletedAllocationIds =
+        await this.wagonBookingAllocationsRepository.deleteByTrainSetId(trainSetId, manager);
+
+      if (deletedAllocationIds.length) {
+        await this.wagonAllocationContainerItemsRepository.deleteByAllocationIds(
+          deletedAllocationIds,
+          manager,
+        );
+        await this.wagonAllocationBulkLoadsRepository.deleteByAllocationIds(
+          deletedAllocationIds,
+          manager,
+        );
+      }
+
+      await manager.getRepository(TrainSetWagon).delete({ trainSetId });
+      await manager.getRepository(TrainScheduleBooking).delete({ trainScheduleId: scheduleId });
+
+      await manager.getRepository(TrainSet).update(trainSetId, {
+        totalWeightTons,
+        totalLengthMeters,
+        wagonCount: wagonPlan.length,
+        status: 'ASSIGNED',
       });
 
-    if (scheduledLinks.length > 0) {
-      violations.push(
-        "One or more selected bookings are already assigned to a train schedule",
+      const savedWagons = await this.persistTrainSetWagons(
+        manager,
+        trainSetId,
+        wagonType,
+        wagonPlan,
       );
-    }
 
-    const nonContainerBookings = bookings.filter(
-      (booking) => booking.freightType !== (dto.assignmentType ?? "CONTAINER"),
-    );
-    if (nonContainerBookings.length > 0) {
-      violations.push(
-        `Only ${dto.assignmentType ?? "CONTAINER"} bookings are supported for this assignment`,
+      const scheduleBookingRecords = bookings.map((booking) => ({
+        trainScheduleId: scheduleId,
+        bookingId: booking.id,
+      }));
+      await this.trainScheduleBookingsRepository.createMany(scheduleBookingRecords, manager);
+
+      await this.persistAllocationsAndLoads(
+        manager,
+        savedWagons,
+        wagonPlan,
+        bookings,
+        dto.containerPlacements ?? [],
       );
-    }
 
-    const invalidStatusBookings = bookings.filter(
-      (booking) =>
-        !ASSIGNABLE_BOOKING_STATUSES.includes(booking.status as (typeof ASSIGNABLE_BOOKING_STATUSES)[number]),
-    );
-    if (invalidStatusBookings.length > 0) {
-      const invalidStatuses = [...new Set(invalidStatusBookings.map((booking) => booking.status))];
-      violations.push(
-        `Only ${ASSIGNABLE_BOOKING_STATUSES.join(", ")} bookings can be assigned; received: ${invalidStatuses.join(", ")}`,
+      for (const booking of bookings) {
+        await this.bookingsRepository.updateSchedulingFields(
+          booking.id,
+          {
+            schedulingStatus: SchedulingStatus.Eligible,
+            wagonsRequired: sumWagonsRequired(booking),
+          },
+          manager,
+        );
+      }
+
+      if (schedule.status === TrainScheduleStatusEnum.Draft && bookings.length > 0) {
+        await this.trainSchedulesRepository.updateStatus(
+          scheduleId,
+          TrainScheduleStatusEnum.Draft,
+          {},
+          manager,
+        );
+      }
+
+      await this.autoPinWagonsForSchedule(
+        manager,
+        scheduleId,
+        schedule.originStationId,
+        savedWagons,
       );
+    });
+
+    const detail = await this.getTrainScheduleById(scheduleId);
+    return { ...detail, warnings, deferredBookings };
+  }
+
+  async unassignBooking(scheduleId: string, bookingId: string, userId?: string) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (!['DRAFT', 'SCHEDULED'].includes(schedule.status)) {
+      throw new BadRequestException('Cannot unassign from a finalized or dispatched schedule');
     }
 
-    const excludedStatusBookings = bookings.filter((booking) =>
-      EXCLUDED_BOOKING_STATUSES.includes(booking.status as (typeof EXCLUDED_BOOKING_STATUSES)[number]),
-    );
-    if (excludedStatusBookings.length > 0) {
-      violations.push(`Cancelled, completed, in-transit, or arrived bookings cannot be assigned`);
+    const link = schedule.scheduleBookings?.find((sb) => sb.bookingId === bookingId);
+    if (!link) {
+      throw new NotFoundException(`Booking ${bookingId} is not assigned to this schedule`);
     }
 
-    const scheduleDateKey = this.toUtcDateKey(dto.scheduleDate);
-    const routeMismatch = bookings.some(
-      (booking) =>
-        booking.originYardId !== dto.originStationId ||
-        booking.destinationYardId !== dto.destinationStationId,
-    );
-    if (routeMismatch) {
-      violations.push(
-        "Selected bookings must share the same origin and destination as the schedule",
+    const booking = await this.bookingsRepository.findById(bookingId);
+    const bookingReference = booking?.reference ?? null;
+
+    await this.dataSource.transaction(async (manager) => {
+      const allocationIds = (schedule.trainSet?.wagons ?? [])
+        .flatMap((w) => w.allocations ?? [])
+        .filter((a) => a.bookingId === bookingId)
+        .map((a) => a.id);
+
+      if (allocationIds.length) {
+        await this.wagonAllocationContainerItemsRepository.deleteByAllocationIds(
+          allocationIds,
+          manager,
+        );
+        await this.wagonAllocationBulkLoadsRepository.deleteByAllocationIds(allocationIds, manager);
+        await manager.getRepository(WagonBookingAllocation).delete(allocationIds);
+      }
+
+      await this.trainScheduleBookingsRepository.deleteByScheduleAndBooking(
+        scheduleId,
+        bookingId,
+        manager,
       );
-    }
 
-    const dateMismatch = bookings.some(
-      (booking) => this.toUtcDateKey(booking.scheduledDate) !== scheduleDateKey,
-    );
-    if (dateMismatch) {
-      violations.push("Selected bookings must share the same schedule date");
-    }
-
-    const uniqueOriginCount = new Set(
-      bookings.map((booking) => booking.originYardId),
-    ).size;
-    if (uniqueOriginCount > 1) {
-      violations.push("Selected bookings must share the same origin station");
-    }
-
-    const uniqueDestinationCount = new Set(
-      bookings.map((booking) => booking.destinationYardId),
-    ).size;
-    if (uniqueDestinationCount > 1) {
-      violations.push(
-        "Selected bookings must share the same destination station",
+      const booking = await this.bookingsRepository.findById(bookingId);
+      const schedulingStatus = this.resolvePostUnassignStatus(booking);
+      await this.bookingsRepository.updateSchedulingFields(
+        bookingId,
+        { schedulingStatus, wagonsRequired: null },
+        manager,
       );
-    }
 
-    const uniqueDateCount = new Set(
-      bookings.map((booking) => this.toUtcDateKey(booking.scheduledDate)),
-    ).size;
-    if (uniqueDateCount > 1) {
-      violations.push(
-        "Selected bookings must share the same preferred departure date",
+      const remainingBookings = (schedule.scheduleBookings ?? []).filter(
+        (sb) => sb.bookingId !== bookingId,
       );
+      if (remainingBookings.length === 0) {
+        await this.releasePinnedWagonsForTrainSet(manager, schedule.trainSetId);
+        await this.wagonBookingAllocationsRepository.deleteByTrainSetId(
+          schedule.trainSetId,
+          manager,
+        );
+        await manager.getRepository(TrainSetWagon).delete({ trainSetId: schedule.trainSetId });
+        await manager.getRepository(TrainSet).update(schedule.trainSetId, {
+          totalWeightTons: 0,
+          totalLengthMeters: 0,
+          wagonCount: 0,
+          status: 'DRAFT',
+        });
+      }
+    });
+
+    await this.trainCompositionRemovalLogRepository.create({
+      scheduleId,
+      bookingId,
+      bookingReference,
+      removedByUserId: userId ?? null,
+      removedAt: new Date(),
+    });
+
+    console.log(
+      `[NOTIFY] Booking ${bookingReference} removed from schedule ${scheduleId} by user ${userId ?? 'unknown'} — customer should be notified to reschedule or cancel.`,
+    );
+
+    return this.getTrainScheduleById(scheduleId);
+  }
+
+  async pinWagons(scheduleId: string, dto: PinWagonsDto) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (!['DRAFT', 'SCHEDULED'].includes(schedule.status)) {
+      throw new BadRequestException('Cannot pin wagons on a dispatched or cancelled schedule');
     }
 
-    const totalWeightTons = this.roundTons(
-      bookings.reduce(
-        (sum, booking) => sum + Number(booking.cargoTotalWeightVgm ?? 0),
-        0,
-      ),
-    );
+    const slotIds = new Set((schedule.trainSet?.wagons ?? []).map((w) => w.id));
 
-    const wagonPlan = this.allocateBookingsToWagons(
-      bookings,
-      this.calculateNW5WagonPlan(totalWeightTons, wagonType),
-    );
-    const totalLengthMeters = this.roundTons(
-      wagonPlan.reduce((sum, wagon) => sum + wagon.lengthMeters, 0),
-    );
+    await this.dataSource.transaction(async (manager) => {
+      for (const assignment of dto.assignments) {
+        if (!slotIds.has(assignment.trainSetWagonId)) {
+          throw new BadRequestException(
+            `Train set wagon ${assignment.trainSetWagonId} does not belong to this schedule`,
+          );
+        }
 
-    if (totalWeightTons > MAX_TRAIN_WEIGHT_TONS) {
-      violations.push(
-        `Total booking weight ${totalWeightTons}T exceeds max train weight ${MAX_TRAIN_WEIGHT_TONS}T`,
+        const physicalWagon = await manager.getRepository(Wagon).findOne({
+          where: { id: assignment.physicalWagonId },
+        });
+        if (!physicalWagon) {
+          throw new NotFoundException(`Wagon ${assignment.physicalWagonId} not found`);
+        }
+        if (
+          physicalWagon.status !== WagonStatus.Available &&
+          physicalWagon.currentTrainScheduleId !== scheduleId
+        ) {
+          throw new ConflictException(
+            `Wagon ${physicalWagon.wagonNumber} is not available`,
+          );
+        }
+        if (physicalWagon.currentYardId !== schedule.originStationId) {
+          throw new ConflictException(
+            `Wagon ${physicalWagon.wagonNumber} is at yard ${physicalWagon.currentYardId} but schedule originates from ${schedule.originStationId}`,
+          );
+        }
+
+        await manager.getRepository(TrainSetWagon).update(assignment.trainSetWagonId, {
+          physicalWagonId: assignment.physicalWagonId,
+          status: 'RESERVED',
+        });
+        await manager.getRepository(Wagon).update(assignment.physicalWagonId, {
+          trainSetWagonId: assignment.trainSetWagonId,
+          currentTrainScheduleId: scheduleId,
+          status: WagonStatus.Assigned,
+        });
+      }
+    });
+
+    return this.getTrainScheduleById(scheduleId);
+  }
+
+  async finalizeSchedule(scheduleId: string) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (schedule.status !== TrainScheduleStatusEnum.Draft) {
+      throw new BadRequestException('Only DRAFT schedules can be finalized');
+    }
+    if (!schedule.scheduleBookings?.length) {
+      throw new BadRequestException('Cannot finalize a schedule with no bookings');
+    }
+
+    const now = new Date();
+    await this.dataSource.transaction(async (manager) => {
+      await this.trainSchedulesRepository.updateStatus(
+        scheduleId,
+        TrainScheduleStatusEnum.Scheduled,
+        {},
+        manager,
       );
+      for (const sb of schedule.scheduleBookings ?? []) {
+        await this.bookingsRepository.updateSchedulingFields(
+          sb.bookingId,
+          { schedulingStatus: SchedulingStatus.Scheduled, scheduledAt: now },
+          manager,
+        );
+      }
+    });
+
+    return this.getTrainScheduleById(scheduleId);
+  }
+
+  async dispatchSchedule(scheduleId: string) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (schedule.status !== TrainScheduleStatusEnum.Scheduled) {
+      throw new BadRequestException('Only SCHEDULED trains can be dispatched');
     }
 
-    if (totalLengthMeters > MAX_TRAIN_LENGTH_METERS) {
+    const now = new Date();
+    await this.dataSource.transaction(async (manager) => {
+      await this.trainSchedulesRepository.updateStatus(
+        scheduleId,
+        TrainScheduleStatusEnum.Dispatched,
+        { actualDepartureAt: now },
+        manager,
+      );
+      if (schedule.trainSetId) {
+        await manager.getRepository(TrainSet).update(schedule.trainSetId, { status: 'DISPATCHED' });
+      }
+      for (const sb of schedule.scheduleBookings ?? []) {
+        await this.bookingsRepository.updateSchedulingFields(
+          sb.bookingId,
+          { schedulingStatus: SchedulingStatus.Dispatched },
+          manager,
+        );
+      }
+      // Close the booking window; any still-pending (unallocated) reservations don't ride this train.
+      await manager
+        .getRepository(TrainSchedule)
+        .update(scheduleId, { bookingWindowStatus: 'CLOSED' });
+      await manager
+        .getRepository(Booking)
+        .createQueryBuilder()
+        .update()
+        .set({
+          status: 'EXPIRED',
+          schedulingStatus: SchedulingStatus.Eligible,
+          paymentDeadline: null,
+        })
+        .where('train_schedule_id = :scheduleId', { scheduleId })
+        .andWhere(`status IN ('SELECTED_FOR_BATCH', 'AWAITING_PAYMENT')`)
+        .execute();
+    });
+
+    return this.getTrainScheduleById(scheduleId);
+  }
+
+  /** Open or close a schedule's booking window (staff override). */
+  async setBookingWindow(scheduleId: string, status: 'OPEN' | 'CLOSED'): Promise<void> {
+    await this.dataSource
+      .getRepository(TrainSchedule)
+      .update(scheduleId, { bookingWindowStatus: status });
+  }
+
+  /** Build the ordered station list for a schedule's corridor (origin → milestones → destination). */
+  private async buildScheduleStations(schedule: TrainSchedule) {
+    type Station = { sequenceNo: number; yardId: string; label: string; code: string };
+    const stations: Station[] = [];
+
+    const route = schedule.routeId
+      ? await this.dataSource.getRepository(Route).findOne({
+          where: { id: schedule.routeId },
+          relations: { originYard: true, destinationYard: true, milestones: { yard: true } },
+        })
+      : null;
+
+    if (route) {
+      const origin = route.originYard;
+      const destination = route.destinationYard;
+      const milestones = [...(route.milestones ?? [])].sort(
+        (a: RouteMilestone, b: RouteMilestone) => a.sequenceNo - b.sequenceNo,
+      );
+      stations.push({
+        sequenceNo: 0,
+        yardId: route.originYardId,
+        label: origin?.label ?? origin?.code ?? 'Origin',
+        code: origin?.code ?? '',
+      });
+      milestones.forEach((m, i) =>
+        stations.push({
+          sequenceNo: i + 1,
+          yardId: m.yardId,
+          label: m.yard?.label ?? m.yard?.code ?? `Stop ${i + 1}`,
+          code: m.yard?.code ?? '',
+        }),
+      );
+      stations.push({
+        sequenceNo: milestones.length + 1,
+        yardId: route.destinationYardId,
+        label: destination?.label ?? destination?.code ?? 'Destination',
+        code: destination?.code ?? '',
+      });
+      return stations;
+    }
+
+    // Fallback: no route milestones — just origin → destination from the schedule stations.
+    stations.push({
+      sequenceNo: 0,
+      yardId: schedule.originStationId,
+      label: schedule.originStation?.label ?? schedule.originStation?.code ?? 'Origin',
+      code: schedule.originStation?.code ?? '',
+    });
+    stations.push({
+      sequenceNo: 1,
+      yardId: schedule.destinationStationId,
+      label:
+        schedule.destinationStation?.label ?? schedule.destinationStation?.code ?? 'Destination',
+      code: schedule.destinationStation?.code ?? '',
+    });
+    return stations;
+  }
+
+  /** Track payload for a schedule: ordered stations, logged checkpoints, current position. */
+  async getScheduleCheckpoints(scheduleId: string) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+
+    const stations = await this.buildScheduleStations(schedule);
+    const events = await this.trainCheckpointEventsRepository.findBySchedule(scheduleId);
+    const currentSequenceNo = events.length
+      ? Math.max(...events.map((e) => e.sequenceNo))
+      : -1;
+
+    return {
+      scheduleId,
+      status: schedule.status,
+      direction: schedule.direction ?? null,
+      trainNumber: schedule.trainNumber ?? null,
+      actualDepartureAt: schedule.actualDepartureAt
+        ? schedule.actualDepartureAt.toISOString()
+        : null,
+      actualArrivalAt: schedule.actualArrivalAt
+        ? schedule.actualArrivalAt.toISOString()
+        : null,
+      origin: stations[0]?.label ?? null,
+      destination: stations[stations.length - 1]?.label ?? null,
+      stations,
+      currentSequenceNo,
+      checkpoints: events.map((e) => ({
+        id: e.id,
+        sequenceNo: e.sequenceNo,
+        yardId: e.yardId,
+        label: e.yard?.label ?? e.yard?.code ?? null,
+        kind: e.kind,
+        occurredAt: e.occurredAt.toISOString(),
+        note: e.note ?? null,
+      })),
+    };
+  }
+
+  /** Log the train passing a station. Logging the destination station triggers arrival. */
+  async recordCheckpoint(scheduleId: string, dto: RecordCheckpointDto) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (schedule.status !== TrainScheduleStatusEnum.Dispatched) {
+      throw new BadRequestException('Only DISPATCHED trains can be tracked');
+    }
+
+    const stations = await this.buildScheduleStations(schedule);
+    const finalSeq = stations[stations.length - 1].sequenceNo;
+    const station = stations.find((s) => s.sequenceNo === dto.sequenceNo);
+    if (!station) {
+      throw new BadRequestException(`Station ${dto.sequenceNo} is not on this route`);
+    }
+
+    const kind =
+      dto.kind ??
+      (dto.sequenceNo === 0
+        ? TrainCheckpointKind.Departed
+        : dto.sequenceNo === finalSeq
+          ? TrainCheckpointKind.Arrived
+          : TrainCheckpointKind.Passed);
+    const occurredAt = dto.occurredAt ? new Date(dto.occurredAt) : new Date();
+
+    // Upsert by (scheduleId, sequenceNo) so re-logging a station updates rather than duplicates.
+    const [existing] = await this.trainCheckpointEventsRepository.findAll({
+      where: { trainScheduleId: scheduleId, sequenceNo: dto.sequenceNo },
+    });
+    if (existing) {
+      await this.trainCheckpointEventsRepository.update(existing.id, {
+        kind,
+        occurredAt,
+        note: dto.note ?? null,
+        yardId: station.yardId,
+      });
+    } else {
+      await this.trainCheckpointEventsRepository.create({
+        trainScheduleId: scheduleId,
+        yardId: station.yardId,
+        sequenceNo: dto.sequenceNo,
+        kind,
+        occurredAt,
+        note: dto.note ?? null,
+      });
+    }
+
+    if (dto.sequenceNo === finalSeq) {
+      await this.arriveSchedule(scheduleId);
+    }
+
+    return this.getScheduleCheckpoints(scheduleId);
+  }
+
+  /**
+   * Mark a dispatched train arrived: close out the schedule, move the locomotive
+   * and wagons to the destination yard, and free the assets for re-use.
+   */
+  async arriveSchedule(scheduleId: string) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (schedule.status !== TrainScheduleStatusEnum.Dispatched) {
+      throw new BadRequestException('Only DISPATCHED trains can arrive');
+    }
+
+    const now = new Date();
+
+    await this.dataSource.transaction(async (manager) => {
+      await this.trainSchedulesRepository.updateStatus(
+        scheduleId,
+        TrainScheduleStatusEnum.Arrived,
+        { actualArrivalAt: now },
+        manager,
+      );
+
+      if (schedule.trainSetId) {
+        await manager.getRepository(TrainSet).update(schedule.trainSetId, {
+          status: 'COMPLETED',
+        });
+      }
+
+      if (schedule.trainSet?.locomotiveId) {
+        const loco = await manager
+          .getRepository(Locomotive)
+          .findOne({ where: { id: schedule.trainSet.locomotiveId } });
+        if (loco) {
+          await manager.getRepository(Locomotive).update(loco.id, {
+            status: 'AVAILABLE',
+            currentYardId: schedule.destinationStationId,
+          });
+        }
+      }
+
+      for (const slot of schedule.trainSet?.wagons ?? []) {
+        if (!slot.physicalWagonId) continue;
+        const wagon = await manager
+          .getRepository(Wagon)
+          .findOne({ where: { id: slot.physicalWagonId } });
+        if (!wagon) continue;
+        await manager.getRepository(Wagon).update(wagon.id, {
+          currentTrainScheduleId: null,
+          trainSetWagonId: null,
+          status: WagonStatus.Available,
+          currentYardId: schedule.destinationStationId,
+        });
+      }
+
+      // Ensure a destination checkpoint exists so the timeline shows ARRIVED.
+      const stations = await this.buildScheduleStations(schedule);
+      const finalStation = stations[stations.length - 1];
+      const [existingFinal] = await this.trainCheckpointEventsRepository.findAll({
+        where: { trainScheduleId: scheduleId, sequenceNo: finalStation.sequenceNo },
+      });
+      if (!existingFinal) {
+        await manager.getRepository(TrainCheckpointEvent).save(
+          manager.getRepository(TrainCheckpointEvent).create({
+            trainScheduleId: scheduleId,
+            yardId: finalStation.yardId,
+            sequenceNo: finalStation.sequenceNo,
+            kind: TrainCheckpointKind.Arrived,
+            occurredAt: now,
+          }),
+        );
+      }
+    });
+
+    return this.getTrainScheduleById(scheduleId);
+  }
+
+  async getContainerTrainSchedules() {
+    const schedules = await this.trainSchedulesRepository.findAll({
+      relations: {
+        trainSet: { locomotive: true },
+        route: true,
+        originStation: true,
+        destinationStation: true,
+        scheduleBookings: { booking: true },
+      },
+      order: { scheduledDepartureDate: 'DESC', createdAt: 'DESC' },
+    });
+    return schedules.map((s) => this.mapScheduleListItem(s));
+  }
+
+  async getContainerTrainScheduleById(id: string) {
+    return this.getTrainScheduleById(id);
+  }
+
+  async cancelTrainSchedule(id: string) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(id);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${id} not found`);
+    }
+
+    await this.dataSource.transaction(async (manager) => {
+      await this.trainSchedulesRepository.updateStatus(
+        id,
+        TrainScheduleStatusEnum.Cancelled,
+        {},
+        manager,
+      );
+      if (schedule.trainSetId) {
+        await manager.getRepository(TrainSet).update(schedule.trainSetId, { status: 'CANCELLED' });
+      }
+      if (schedule.trainSet?.locomotiveId) {
+        await manager.getRepository(Locomotive).update(schedule.trainSet.locomotiveId, {
+          status: 'AVAILABLE',
+        });
+      }
+      for (const wagon of schedule.trainSet?.wagons ?? []) {
+        if (wagon.physicalWagonId) {
+          await manager.getRepository(Wagon).update(wagon.physicalWagonId, {
+            currentTrainScheduleId: null,
+            trainSetWagonId: null,
+            status: WagonStatus.Available,
+          });
+        }
+      }
+      for (const sb of schedule.scheduleBookings ?? []) {
+        const booking = await this.bookingsRepository.findById(sb.bookingId);
+        await this.bookingsRepository.updateSchedulingFields(
+          sb.bookingId,
+          { schedulingStatus: this.resolvePostUnassignStatus(booking) },
+          manager,
+        );
+      }
+    });
+
+    return this.getTrainScheduleById(id);
+  }
+
+  private async getTrainScheduleById(id: string) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(id);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${id} not found`);
+    }
+    return this.mapScheduleDetail(schedule);
+  }
+
+  private async validateBookingsForScheduling(
+    dto: PreviewContainerTrainScheduleDto | PreviewBulkTrainScheduleDto | PreviewTrainScheduleDto,
+    freightType: 'CONTAINER' | 'BULK' | null,
+    forceAssign = false,
+    containerPlacements: ContainerPlacementInput[] = [],
+    requireContainerPlacements = false,
+    trainLimits: Required<TrainLimitConfig>,
+    targetScheduleId?: string,
+  ) {
+    const bookingIds = [...new Set(dto.bookingIds)];
+    if (!bookingIds.length) {
+      throw new BadRequestException('At least one booking is required');
+    }
+
+    const bookings = await this.bookingsRepository.findByIdsForScheduling(bookingIds);
+    const violations: string[] = [];
+    const warnings: string[] = [];
+
+    if (bookings.length !== bookingIds.length) {
+      const foundIds = new Set(bookings.map((b) => b.id));
+      violations.push(`Bookings not found: ${bookingIds.filter((id) => !foundIds.has(id)).join(', ')}`);
+    }
+
+    const scheduledLinks = await this.trainScheduleBookingsRepository.findByBookingIds(bookingIds);
+    const conflictingLinks = targetScheduleId
+      ? scheduledLinks.filter((link) => link.trainScheduleId !== targetScheduleId)
+      : scheduledLinks;
+    if (conflictingLinks.length > 0) {
+      violations.push('One or more selected bookings are already assigned to a train schedule');
+    }
+
+    const bookingTypes = new Set(bookings.map((b) => b.freightType));
+    const isMixed = bookingTypes.size > 1;
+    const resolvedMode: 'CONTAINER' | 'BULK' | 'MIXED' =
+      freightType ?? (isMixed ? 'MIXED' : ([...bookingTypes][0] as 'CONTAINER' | 'BULK'));
+
+    if (freightType === 'CONTAINER' || freightType === 'BULK') {
+      const wrongType = bookings.filter((b) => b.freightType !== freightType);
+      if (wrongType.length) {
+        violations.push(`Only ${freightType} bookings are supported`);
+      }
+    }
+
+    const invalidStatus = bookings.filter(
+      (b) =>
+        !(targetScheduleId && b.trainScheduleId === targetScheduleId) &&
+        !SCHEDULABLE_BOOKING_STATUSES.includes(b.status as 'PAID') &&
+        !b.isGovernment,
+    );
+    if (invalidStatus.length) {
+      const statuses = [...new Set(invalidStatus.map((b) => b.status))];
       violations.push(
-        `Total wagon length ${totalLengthMeters}m exceeds max train length ${MAX_TRAIN_LENGTH_METERS}m`,
+        `Only ${SCHEDULABLE_BOOKING_STATUSES.join(', ')} bookings can be scheduled; received: ${statuses.join(', ')}`,
       );
     }
 
     if (
-      wagonPlan.length >
-      (dto.assignmentType === "BULK" ? MAX_BULK_WAGONS : MAX_CONTAINER_WAGONS)
+      bookings.some((b) => {
+        if (targetScheduleId && b.trainScheduleId === targetScheduleId) {
+          return false;
+        }
+        return (
+          b.originYardId !== dto.originStationId ||
+          b.destinationYardId !== dto.destinationStationId
+        );
+      })
     ) {
-      violations.push(
-        `Wagon count ${wagonPlan.length} exceeds ${dto.assignmentType === "BULK" ? "bulk" : "container"} limit ${dto.assignmentType === "BULK" ? MAX_BULK_WAGONS : MAX_CONTAINER_WAGONS}`,
-      );
+      violations.push('Selected bookings must share the same origin and destination as the schedule');
     }
 
-    const availableLocomotiveCount = await this.dataSource
-      .getRepository(Locomotive)
-      .count({
-        where: { status: "AVAILABLE" as LocomotiveStatus },
-      });
+    if (!forceAssign) {
+      for (const booking of bookings) {
+        if (this.isHoldActive(booking)) {
+          warnings.push(
+            `Booking ${booking.reference} is within the soft hold window (expires ${booking.holdExpiresAt?.toISOString()})`,
+          );
+        }
+        const overweightLines = (booking.bookingContainers ?? []).filter((c) => c.isOverweight);
+        if (overweightLines.length) {
+          violations.push(
+            `Booking ${booking.reference} has overweight container lines; use forceAssign to override`,
+          );
+        }
+      }
+    }
 
-    if (availableLocomotiveCount === 0) {
-      violations.push("No available locomotive exists for scheduling");
-    } else {
-      const capableLocomotives = await this.dataSource
-        .getRepository(Locomotive)
-        .find({
-          where: { status: "AVAILABLE" },
-        });
-      const canPull = capableLocomotives.some(
-        (locomotive) =>
-          Number(locomotive.maxPullWeightTons) >= totalWeightTons &&
-          Number(locomotive.maxTrainLengthMeters) >= totalLengthMeters,
+    let wagonType: WagonType;
+    let containerWagonType: WagonType;
+    let bulkWagonType: WagonType;
+    let demandPlan: WagonPlanSlot[];
+    let fittingBookings = bookings;
+    let deferredBookings: DeferredBookingRow[] = [];
+    let fleetAvailability: FleetAvailabilityRow[] = [];
+
+    if (resolvedMode === 'MIXED') {
+      const containerBookings = bookings.filter((b) => b.freightType === 'CONTAINER');
+      const bulkBookings = bookings.filter((b) => b.freightType === 'BULK');
+      containerWagonType = await this.resolveWagonType('CONTAINER', bookingIds);
+      bulkWagonType = await this.resolveWagonType('BULK', bookingIds);
+      wagonType = containerWagonType;
+      demandPlan = buildMixedWagonPlan(
+        containerBookings,
+        bulkBookings,
+        containerWagonType,
+        bulkWagonType,
       );
-      if (!canPull) {
+    } else {
+      wagonType = await this.resolveWagonType(resolvedMode, bookingIds);
+      containerWagonType = wagonType;
+      bulkWagonType = wagonType;
+      demandPlan =
+        resolvedMode === 'CONTAINER'
+          ? buildContainerWagonPlan(bookings, wagonType)
+          : buildBulkWagonPlan(bookings, wagonType);
+    }
+
+    const originYardId = dto.originStationId;
+    const fleetCounts = await this.countFleetAvailability(originYardId, targetScheduleId);
+    const fleetByTypeId = new Map(fleetCounts.map((row) => [row.wagonTypeId, row.available]));
+    fleetAvailability = computeFleetAvailability(
+      demandPlan,
+      fleetByTypeId,
+      new Map(fleetCounts.map((row) => [row.wagonTypeId, row.wagonTypeCode])),
+    );
+
+    const selection = selectBookingsWithinFleetCap(
+      bookings,
+      fleetByTypeId,
+      (booking) =>
+        booking.freightType === 'BULK' ? bulkWagonType.id : containerWagonType.id,
+      Number(bulkWagonType.capacityTons),
+    );
+    fittingBookings = selection.fitting;
+    deferredBookings = selection.deferred;
+    warnings.push(...summarizeFleetWarnings(fleetAvailability, deferredBookings));
+
+    const wagonPlan = buildCappedWagonPlan({
+      bookings: fittingBookings,
+      resolvedMode,
+      containerWagonType,
+      bulkWagonType,
+    });
+
+    violations.push(
+      ...(await this.validatePhysicalFleetForPlan(
+        wagonPlan,
+        originYardId,
+        targetScheduleId,
+      )),
+    );
+
+    const placementRules = {
+      max20ftContainerWeightTons: trainLimits.max20ftContainerWeightTons,
+      max20ftPairWeightDiffTons: trainLimits.max20ftPairWeightDiffTons,
+    };
+
+    if (resolvedMode === 'MIXED') {
+      violations.push(
+        ...validateMixedTrainLimits(wagonPlan, [containerWagonType, bulkWagonType], trainLimits),
+      );
+      if (requireContainerPlacements) {
+        const containerBookings = fittingBookings.filter((b) => b.freightType === 'CONTAINER');
         violations.push(
-          'No available locomotive can support the total train weight and length',
+          ...validateContainerPlacements(
+            containerBookings,
+            wagonPlan,
+            containerPlacements,
+            placementRules,
+          ),
         );
+        violations.push(
+          ...(await this.validateFleetContainers(containerPlacements, containerBookings)),
+        );
+      }
+    } else {
+      violations.push(...validateTrainLimits(wagonPlan, wagonType, trainLimits));
+
+      if (requireContainerPlacements && resolvedMode === 'CONTAINER') {
+        violations.push(
+          ...validateContainerPlacements(
+            fittingBookings,
+            wagonPlan,
+            containerPlacements,
+            placementRules,
+          ),
+        );
+        violations.push(
+          ...(await this.validateFleetContainers(containerPlacements, fittingBookings)),
+        );
+      }
+    }
+
+    const totalWeightTons = totalAssignedWeight(fittingBookings);
+    const totalLengthMeters = roundTons(
+      wagonPlan.reduce((sum, w) => sum + w.lengthMeters, 0),
+    );
+    if (totalWeightTons > trainLimits.maxWeightTons) {
+      const message = `Total booking weight ${totalWeightTons}T exceeds max train weight ${trainLimits.maxWeightTons}T`;
+      if (!violations.includes(message)) {
+        violations.push(message);
+      }
+    }
+
+    let assignedLocomotive: Locomotive | null = null;
+    if (targetScheduleId) {
+      const targetSchedule =
+        await this.trainSchedulesRepository.findByIdWithFullGraph(targetScheduleId);
+      assignedLocomotive = targetSchedule?.trainSet?.locomotive ?? null;
+    }
+
+    if (assignedLocomotive) {
+      if (assignedLocomotive.currentYardId !== originYardId) {
+        violations.push(
+          `Locomotive ${assignedLocomotive.code} is not at the schedule origin yard`,
+        );
+      } else if (
+        Number(assignedLocomotive.maxPullWeightTons) < totalWeightTons ||
+        Number(assignedLocomotive.maxTrainLengthMeters) < totalLengthMeters
+      ) {
+        violations.push(
+          'Assigned locomotive cannot support the total train weight and length',
+        );
+      }
+    } else {
+      const availableLocomotives = (
+        await this.locomotivesRepository.findAll({
+          where: { status: 'AVAILABLE' },
+        })
+      ).filter((l) => l.currentYardId === originYardId);
+      if (!availableLocomotives.length) {
+        violations.push('No available locomotive at the schedule origin yard');
+      } else if (
+        !availableLocomotives.some(
+          (l) =>
+            Number(l.maxPullWeightTons) >= totalWeightTons &&
+            Number(l.maxTrainLengthMeters) >= totalLengthMeters,
+        )
+      ) {
+        violations.push('No available locomotive can support the total train weight and length');
       }
     }
 
     return {
       valid: violations.length === 0,
       violations,
-      bookings,
+      warnings,
+      bookings: fittingBookings,
       wagonType,
+      wagonPlan,
+      fleetAvailability,
+      deferredBookings,
       summary: {
-        totalBookings: bookings.length,
+        totalBookings: fittingBookings.length,
         totalWeightTons,
-        wagonType: wagonType.code,
+        wagonType:
+          resolvedMode === 'MIXED' ? 'MIXED' : wagonType.code,
         wagonsNeeded: wagonPlan.length,
         totalLengthMeters,
+        freightMode: resolvedMode,
       },
-      wagonPlan,
     };
   }
 
-  calculateNW5WagonPlan(
-    totalBookingWeightTons: number,
-    wagonType: WagonType,
-  ): WagonPlanRecord[] {
-    const wagonCapacityTons = Number(wagonType.capacityTons);
-    const wagonsNeeded = Math.ceil(totalBookingWeightTons / wagonCapacityTons);
-    let remainingWeight = this.roundTons(totalBookingWeightTons);
+  private async loadGlobalRulesRow(): Promise<TrainSchedulingGlobalRules | null> {
+    try {
+      const rows = await this.dataSource.getRepository(TrainSchedulingGlobalRules).find({
+        order: { createdAt: 'ASC' },
+        take: 1,
+      });
+      return rows[0] ?? null;
+    } catch {
+      return null;
+    }
+  }
 
-    return Array.from({ length: wagonsNeeded }, (_, index) => {
-      const assignedWeightTons = this.roundTons(
-        Math.min(wagonCapacityTons, remainingWeight),
-      );
-      remainingWeight = this.roundTons(
-        Math.max(0, remainingWeight - assignedWeightTons),
-      );
+  private async resolveTrainLimitConfig(
+    dto?: {
+      maxTrainWeightTons?: number;
+      maxTrainLengthMeters?: number;
+      maxWagonsPerTrain?: number;
+    },
+    locomotive?: Pick<Locomotive, 'maxPullWeightTons' | 'maxTrainLengthMeters'>,
+  ): Promise<Required<TrainLimitConfig>> {
+    const row = await this.loadGlobalRulesRow();
+    const configured = this.configService?.get<{
+      maxTrainWeightTons?: number;
+      maxTrainLengthMeters?: number;
+      maxWagonsPerTrain?: number;
+    }>('app.trainScheduling');
 
+    const ruleWeightCap =
+      dto?.maxTrainWeightTons ??
+      (row?.maxTrainWeightTons != null
+        ? Number(row.maxTrainWeightTons)
+        : configured?.maxTrainWeightTons);
+    const ruleLengthCap =
+      dto?.maxTrainLengthMeters ??
+      (row?.maxTrainLengthMeters != null
+        ? Number(row.maxTrainLengthMeters)
+        : configured?.maxTrainLengthMeters);
+
+    const wagonTypes = await this.loadSchedulingWagonTypeDimensions();
+
+    if (locomotive) {
+      const derived = deriveTrainCapacityFromLocomotive(
+        {
+          maxPullWeightTons: Number(locomotive.maxPullWeightTons),
+          maxTrainLengthMeters: Number(locomotive.maxTrainLengthMeters),
+        },
+        wagonTypes,
+        {
+          maxTrainWeightTons: ruleWeightCap,
+          maxTrainLengthMeters: ruleLengthCap,
+        },
+      );
       return {
-        sequenceNo: index + 1,
-        capacityTons: wagonCapacityTons,
-        lengthMeters: this.roundTons(Number(wagonType.lengthMeters)),
-        assignedWeightTons,
-        allocations: [],
+        maxWeightTons: derived.maxWeightTons,
+        maxLengthMeters: derived.maxLengthMeters,
+        maxWagonsPerTrain:
+          dto?.maxWagonsPerTrain != null
+            ? Math.floor(this.positiveNumber(dto.maxWagonsPerTrain, derived.maxWagonSlots))
+            : derived.maxWagonSlots,
+        max20ftContainerWeightTons: this.positiveNumber(
+          undefined,
+          Number(row?.max20ftContainerWeightTons) ||
+            DEFAULT_TRAIN_LIMITS.max20ftContainerWeightTons,
+        ),
+        max20ftPairWeightDiffTons: this.positiveNumber(
+          undefined,
+          Number(row?.max20ftPairWeightDiffTons) ||
+            DEFAULT_TRAIN_LIMITS.max20ftPairWeightDiffTons,
+        ),
       };
+    }
+
+    const maxWeightTons = this.positiveNumber(
+      dto?.maxTrainWeightTons,
+      ruleWeightCap ?? DEFAULT_TRAIN_LIMITS.maxWeightTons,
+    );
+    const maxLengthMeters = this.positiveNumber(
+      dto?.maxTrainLengthMeters,
+      ruleLengthCap ?? DEFAULT_TRAIN_LIMITS.maxLengthMeters,
+    );
+    const derivedWithoutLoco = deriveTrainCapacityFromLocomotive(
+      { maxPullWeightTons: maxWeightTons, maxTrainLengthMeters: maxLengthMeters },
+      wagonTypes,
+    );
+
+    return {
+      maxWeightTons,
+      maxLengthMeters,
+      maxWagonsPerTrain: Math.floor(
+        this.positiveNumber(
+          dto?.maxWagonsPerTrain,
+          row?.maxWagonsPerTrain != null
+            ? Number(row.maxWagonsPerTrain)
+            : configured?.maxWagonsPerTrain ?? derivedWithoutLoco.maxWagonSlots,
+        ),
+      ),
+      max20ftContainerWeightTons: this.positiveNumber(
+        undefined,
+        Number(row?.max20ftContainerWeightTons) || DEFAULT_TRAIN_LIMITS.max20ftContainerWeightTons,
+      ),
+      max20ftPairWeightDiffTons: this.positiveNumber(
+        undefined,
+        Number(row?.max20ftPairWeightDiffTons) ||
+          DEFAULT_TRAIN_LIMITS.max20ftPairWeightDiffTons,
+      ),
+    };
+  }
+
+  private async loadSchedulingWagonTypeDimensions(): Promise<
+    Array<{ lengthMeters: number; capacityTons: number }>
+  > {
+    const types = await this.dataSource.getRepository(WagonType).find({
+      where: [{ code: 'NW5' }, { code: 'CW3' }],
     });
+    if (types.length) return types.map(wagonTypeDimensionsFromEntity);
+    return [
+      { lengthMeters: DEFAULT_CONTAINER_WAGON_LENGTH_METERS, capacityTons: 70 },
+      { lengthMeters: DEFAULT_BULK_WAGON_LENGTH_METERS, capacityTons: 60 },
+    ];
+  }
+
+  private async countFleetAvailability(
+    originYardId: string,
+    targetScheduleId?: string,
+  ): Promise<Array<{ wagonTypeId: string; wagonTypeCode: string; available: number }>> {
+    const [wagons, wagonTypes] = await Promise.all([
+      this.dataSource.getRepository(Wagon).find(),
+      this.dataSource.getRepository(WagonType).find(),
+    ]);
+    const typeCodeById = new Map(wagonTypes.map((type) => [type.id, type.code]));
+    const counts = new Map<string, { code: string; available: number }>();
+
+    for (const wagon of wagons) {
+      const pinnedOnTarget = targetScheduleId
+        ? wagon.currentTrainScheduleId === targetScheduleId
+        : false;
+      if (wagon.status !== WagonStatus.Available && !pinnedOnTarget) continue;
+      if (wagon.currentYardId !== originYardId) continue;
+
+      const typeId = wagon.wagonTypeId;
+      const code = typeCodeById.get(typeId) ?? typeId;
+      const existing = counts.get(typeId) ?? { code, available: 0 };
+      existing.available += 1;
+      counts.set(typeId, existing);
+    }
+
+    return [...counts.entries()].map(([wagonTypeId, value]) => ({
+      wagonTypeId,
+      wagonTypeCode: value.code,
+      available: value.available,
+    }));
+  }
+
+  private async releasePinnedWagonsForTrainSet(manager: EntityManager, trainSetId: string) {
+    const slots = await manager.getRepository(TrainSetWagon).find({ where: { trainSetId } });
+    for (const slot of slots) {
+      if (!slot.physicalWagonId) continue;
+      await manager.getRepository(Wagon).update(slot.physicalWagonId, {
+        status: WagonStatus.Available,
+        trainSetWagonId: null,
+        currentTrainScheduleId: null,
+      });
+    }
+  }
+
+  private async autoPinWagonsForSchedule(
+    manager: EntityManager,
+    scheduleId: string,
+    originYardId: string,
+    slots: TrainSetWagon[],
+  ) {
+    const wagons = await manager.getRepository(Wagon).find();
+    const wagonTypes = await manager.getRepository(WagonType).find();
+    const typeCodeById = new Map(wagonTypes.map((wt) => [wt.id, wt.code]));
+
+    const planSlots = [...slots]
+      .sort((a, b) => a.sequenceNo - b.sequenceNo)
+      .map((slot) => ({
+        sequenceNo: slot.sequenceNo,
+        wagonTypeId: slot.wagonTypeId,
+        wagonTypeCode: typeCodeById.get(slot.wagonTypeId) ?? slot.wagonTypeId,
+        trainSetWagonId: slot.id,
+      }));
+
+    const unpinnable = this.findUnpinnableWagonSlots(
+      planSlots,
+      wagons,
+      scheduleId,
+      originYardId,
+    );
+    if (unpinnable.length) {
+      throw new BadRequestException({
+        message: 'Insufficient physical wagons to pin all train slots',
+        violations: unpinnable,
+      });
+    }
+
+    const assignedPhysicalIds = new Set<string>();
+    for (const slot of planSlots) {
+      const physical = this.pickPhysicalWagonForSlot(
+        slot,
+        wagons,
+        scheduleId,
+        originYardId,
+        assignedPhysicalIds,
+      );
+      if (!physical) continue;
+
+      await manager.getRepository(TrainSetWagon).update(slot.trainSetWagonId!, {
+        physicalWagonId: physical.id,
+        status: 'RESERVED',
+      });
+      await manager.getRepository(Wagon).update(physical.id, {
+        trainSetWagonId: slot.trainSetWagonId,
+        currentTrainScheduleId: scheduleId,
+        status: WagonStatus.Assigned,
+      });
+      assignedPhysicalIds.add(physical.id);
+    }
+  }
+
+  /** Pre-assign check: every planned slot must have a matching physical wagon. */
+  private async validatePhysicalFleetForPlan(
+    wagonPlan: WagonPlanSlot[],
+    originYardId: string,
+    targetScheduleId?: string,
+  ): Promise<string[]> {
+    if (!wagonPlan.length) return [];
+
+    const wagons = await this.dataSource.getRepository(Wagon).find();
+    return this.findUnpinnableWagonSlots(
+      wagonPlan.map((slot) => ({
+        sequenceNo: slot.sequenceNo,
+        wagonTypeId: slot.wagonTypeId,
+        wagonTypeCode: slot.wagonTypeCode,
+      })),
+      wagons,
+      targetScheduleId,
+      originYardId,
+    );
+  }
+
+  private findUnpinnableWagonSlots(
+    slots: Array<{ sequenceNo: number; wagonTypeId: string; wagonTypeCode: string }>,
+    wagons: Wagon[],
+    scheduleId: string | undefined,
+    originYardId: string,
+  ): string[] {
+    const violations: string[] = [];
+    const assignedPhysicalIds = new Set<string>();
+
+    for (const slot of [...slots].sort((a, b) => a.sequenceNo - b.sequenceNo)) {
+      const physical = this.pickPhysicalWagonForSlot(
+        slot,
+        wagons,
+        scheduleId,
+        originYardId,
+        assignedPhysicalIds,
+      );
+      if (!physical) {
+        violations.push(
+          `No ${slot.wagonTypeCode} wagon available at yard for slot #${slot.sequenceNo}`,
+        );
+        continue;
+      }
+      assignedPhysicalIds.add(physical.id);
+    }
+
+    return violations;
+  }
+
+  private pickPhysicalWagonForSlot(
+    slot: { wagonTypeId: string },
+    wagons: Wagon[],
+    scheduleId: string | undefined,
+    originYardId: string,
+    assignedPhysicalIds: Set<string>,
+  ): Wagon | undefined {
+    return wagons.find((wagon) => {
+      if (wagon.wagonTypeId !== slot.wagonTypeId) return false;
+      if (assignedPhysicalIds.has(wagon.id)) return false;
+      const pinnedOnSchedule = scheduleId
+        ? wagon.currentTrainScheduleId === scheduleId
+        : false;
+      if (wagon.status !== WagonStatus.Available && !pinnedOnSchedule) return false;
+      return wagon.currentYardId === originYardId;
+    });
+  }
+
+  private positiveNumber(value: number | undefined, fallback: number): number {
+    const numeric = Number(value);
+    return Number.isFinite(numeric) && numeric > 0 ? numeric : fallback;
+  }
+
+  private async validateFleetContainers(
+    placements: ContainerPlacementInput[],
+    containerBookings: Booking[],
+  ): Promise<string[]> {
+    const violations: string[] = [];
+    const inventoryIds = [
+      ...new Set(placements.map((p) => p.containerId).filter((id): id is string => Boolean(id))),
+    ];
+    if (!inventoryIds.length) return violations;
+
+    const lineById = new Map(
+      containerBookings.flatMap((b) =>
+        (b.bookingContainers ?? []).map((line) => [line.id, line] as const),
+      ),
+    );
+
+    const containers = await this.dataSource.getRepository(Container).find({
+      where: { id: In(inventoryIds) },
+    });
+    const containerById = new Map(containers.map((c) => [c.id, c]));
+
+    for (const placement of placements) {
+      if (!placement.containerId) continue;
+      const fleet = containerById.get(placement.containerId);
+      if (!fleet) {
+        violations.push(`Fleet container ${placement.containerId} not found`);
+        continue;
+      }
+      if (fleet.status !== 'AVAILABLE') {
+        violations.push(`Container ${fleet.containerNumber} is not available`);
+      }
+      const line = lineById.get(placement.bookingContainerId);
+      if (line && fleet.containerTypeId !== line.containerTypeId) {
+        violations.push(
+          `Container ${fleet.containerNumber} type does not match booking line`,
+        );
+      }
+      if (
+        placement.containerNumber &&
+        fleet.containerNumber.toUpperCase() !== placement.containerNumber.trim().toUpperCase()
+      ) {
+        violations.push(
+          `Container number ${placement.containerNumber} does not match fleet record ${fleet.containerNumber}`,
+        );
+      }
+    }
+
+    return violations;
+  }
+
+  private async resolveWagonType(
+    freightType: 'CONTAINER' | 'BULK',
+    bookingIds: string[],
+  ): Promise<WagonType> {
+    if (freightType === 'CONTAINER') {
+      const [wagonType] = await this.wagonTypesRepository.findAll({
+        where: { code: getDefaultContainerWagonTypeCode(), isActive: true },
+      });
+      if (!wagonType) {
+        throw new NotFoundException(`Wagon type ${getDefaultContainerWagonTypeCode()} not found`);
+      }
+      return wagonType;
+    }
+
+    const bookings = await this.bookingsRepository.findByIdsForScheduling(bookingIds);
+    const cargoCode = bookings[0]?.cargoType?.code ?? null;
+    const wagonTypes = await this.wagonTypesRepository.findAll({ where: { isActive: true } });
+    const picked = pickBulkWagonType(wagonTypes, cargoCode);
+    if (!picked) {
+      throw new NotFoundException('No suitable bulk wagon type found');
+    }
+    return picked;
+  }
+
+  private async persistTrainSetWagons(
+    manager: EntityManager,
+    trainSetId: string,
+    wagonType: WagonType,
+    wagonPlan: WagonPlanSlot[],
+  ) {
+    const wagons = wagonPlan.map((slot) =>
+      manager.getRepository(TrainSetWagon).create({
+        trainSetId,
+        wagonTypeId: slot.wagonTypeId ?? wagonType.id,
+        sequenceNo: slot.sequenceNo,
+        capacityTons: slot.capacityTons,
+        lengthMeters: slot.lengthMeters,
+        assignedWeightTons: slot.assignedWeightTons,
+        status: 'PLANNED',
+      }),
+    );
+    return manager.getRepository(TrainSetWagon).save(wagons);
+  }
+
+  private async persistAllocationsAndLoads(
+    manager: EntityManager,
+    savedWagons: TrainSetWagon[],
+    wagonPlan: WagonPlanSlot[],
+    bookings: Booking[],
+    containerPlacements: ContainerPlacementInput[] = [],
+  ) {
+    const bookingById = new Map(bookings.map((b) => [b.id, b]));
+    const lineById = new Map(
+      bookings.flatMap((b) =>
+        (b.bookingContainers ?? []).map((line) => [line.id, { line, bookingId: b.id }] as const),
+      ),
+    );
+    const allocationBySlotBooking = new Map<string, string>();
+
+    const containerItems: Array<{
+      wagonBookingAllocationId: string;
+      bookingContainerId: string;
+      containerTypeId: string | null;
+      grossWeightTons: number;
+      positionOnWagon: number | null;
+      containerId?: string | null;
+      containerNumber?: string | null;
+      sealNumber?: string | null;
+    }> = [];
+    const bulkLoads: Array<{
+      wagonBookingAllocationId: string;
+      bookingId: string;
+      cargoTypeId: string | null;
+      cargoDescription: string | null;
+      weightTons: number;
+      quantity: number;
+    }> = [];
+
+    for (let i = 0; i < savedWagons.length; i += 1) {
+      const slot = wagonPlan[i];
+      const trainSetWagon = savedWagons[i];
+      if (!slot || !trainSetWagon) continue;
+
+      for (const alloc of slot.allocations) {
+        const savedAllocation = await manager.getRepository(WagonBookingAllocation).save(
+          manager.getRepository(WagonBookingAllocation).create({
+            trainSetWagonId: trainSetWagon.id,
+            bookingId: alloc.bookingId,
+            allocatedWeightTons: alloc.allocatedWeightTons,
+            loadType: alloc.loadType,
+            status: 'PLANNED',
+          }),
+        );
+
+        allocationBySlotBooking.set(
+          `${slot.sequenceNo}:${alloc.bookingId}`,
+          savedAllocation.id,
+        );
+
+        const booking = bookingById.get(alloc.bookingId);
+        if (!booking) continue;
+
+        if (alloc.loadType === AllocationLoadType.Bulk) {
+          bulkLoads.push({
+            wagonBookingAllocationId: savedAllocation.id,
+            bookingId: booking.id,
+            cargoTypeId: booking.cargoTypeId ?? null,
+            cargoDescription: booking.cargoFreeText ?? null,
+            weightTons: alloc.allocatedWeightTons,
+            quantity: 1,
+          });
+        }
+      }
+    }
+
+    for (const placement of containerPlacements) {
+      const lineEntry = lineById.get(placement.bookingContainerId);
+      if (!lineEntry) continue;
+
+      // Durably persist the container number on the booking container line first, so it
+      // survives a refresh regardless of whether a wagon allocation slot can be matched
+      // below. booking_container is the source of truth re-read into the preview units.
+      if (placement.containerNumber && placement.containerNumber.trim()) {
+        await manager.getRepository(BookingContainer).update(placement.bookingContainerId, {
+          containerNumber: placement.containerNumber.trim(),
+        });
+      }
+
+      const allocationId = allocationBySlotBooking.get(
+        `${placement.sequenceNo}:${lineEntry.bookingId}`,
+      );
+      if (!allocationId) continue;
+
+      const { line } = lineEntry;
+      containerItems.push({
+        wagonBookingAllocationId: allocationId,
+        bookingContainerId: placement.bookingContainerId,
+        containerTypeId: line.containerTypeId ?? null,
+        grossWeightTons: Number(line.vgmPerUnitTons),
+        positionOnWagon: placement.unitIndex + 1,
+        containerId: placement.containerId ?? null,
+        containerNumber: placement.containerNumber?.trim() ?? null,
+        sealNumber: placement.sealNumber ?? null,
+      });
+
+      if (placement.containerId) {
+        await manager.getRepository(Container).update(placement.containerId, {
+          status: 'LOADED',
+          bookingId: lineEntry.bookingId,
+          wagonBookingAllocationId: allocationId,
+          bookingContainerId: placement.bookingContainerId,
+        });
+      }
+    }
+
+    if (containerItems.length) {
+      await this.wagonAllocationContainerItemsRepository.createMany(containerItems, manager);
+    }
+    if (bulkLoads.length) {
+      await this.wagonAllocationBulkLoadsRepository.createMany(bulkLoads, manager);
+    }
   }
 
   async selectOrValidateLocomotive(
@@ -555,161 +1783,24 @@ export class TrainSchedulingService {
     totalLengthMeters: number,
   ) {
     const locomotive = await this.locomotivesRepository.findById(locomotiveId);
-
     if (!locomotive) {
       throw new NotFoundException(`Locomotive ${locomotiveId} not found`);
     }
-
-    if (locomotive.status !== "AVAILABLE") {
-      throw new BadRequestException(
-        `Locomotive ${locomotive.code} is not available`,
-      );
+    if (locomotive.status !== 'AVAILABLE') {
+      throw new BadRequestException(`Locomotive ${locomotive.code} is not available`);
     }
-
     if (Number(locomotive.maxPullWeightTons) < totalWeightTons) {
-      throw new BadRequestException(
-        `Locomotive ${locomotive.code} cannot pull ${totalWeightTons}T`,
-      );
+      throw new BadRequestException(`Locomotive ${locomotive.code} cannot pull ${totalWeightTons}T`);
     }
-
     if (Number(locomotive.maxTrainLengthMeters) < totalLengthMeters) {
       throw new BadRequestException(
         `Locomotive ${locomotive.code} cannot support ${totalLengthMeters}m`,
       );
     }
-
     return locomotive;
   }
 
-  async lockSelectedWagonsForSchedule(
-    manager: EntityManager,
-    wagonIds: string[],
-    requiredCount: number,
-    route: Route,
-    assignmentType: "CONTAINER" | "BULK",
-  ) {
-    const uniqueWagonIds = [...new Set(wagonIds)];
-
-    if (uniqueWagonIds.length < requiredCount) {
-      throw new BadRequestException(
-        `Select at least ${requiredCount} available wagons for this schedule`,
-      );
-    }
-
-    const wagons = await manager
-      .getRepository(Wagon)
-      .createQueryBuilder("wagon")
-      .leftJoinAndSelect("wagon.wagonType", "wagonType")
-      .where("wagon.id IN (:...wagonIds)", { wagonIds: uniqueWagonIds })
-      .setLock("pessimistic_write")
-      .getMany();
-
-    if (wagons.length !== uniqueWagonIds.length) {
-      throw new BadRequestException("One or more selected wagons were not found");
-    }
-
-    const expectedStatus = this.expectedWagonStatusForRoute(route);
-    const allowedStatuses = new Set([
-      expectedStatus,
-      "AVAILABLE",
-      ...(expectedStatus === "EXPORT_READY" ? ["IMPORT_READY"] : []),
-    ]);
-    const invalidWagon = wagons.find(
-      (wagon) =>
-        wagon.trainId ||
-        wagon.status === "ASSIGNED" ||
-        wagon.currentLocationYardId !== route.originYardId ||
-        !allowedStatuses.has(wagon.status) ||
-        !this.wagonTypeSupportsAssignment(wagon, assignmentType),
-    );
-
-    if (invalidWagon) {
-      throw new BadRequestException(
-        `Wagon ${invalidWagon.wagonNumber} is not at the route origin or is not ready for this ${this.routeDirection(route).toLowerCase()} route`,
-      );
-    }
-
-    const wagonById = new Map(wagons.map((wagon) => [wagon.id, wagon]));
-    return uniqueWagonIds.slice(0, requiredCount).map((wagonId) => wagonById.get(wagonId)!);
-  }
-
-  private wagonTypeSupportsAssignment(wagon: Wagon, assignmentType: "CONTAINER" | "BULK") {
-    const supportedLoadTypes = wagon.wagonType?.supportedLoadTypes ?? [];
-    const normalized = supportedLoadTypes.map((loadType) => loadType.trim().toUpperCase());
-    return normalized.includes(assignmentType);
-  }
-
-  private routeDirection(route: Route) {
-    const originCountry = route.originYard?.country?.trim().toLowerCase();
-    const destinationCountry = route.destinationYard?.country?.trim().toLowerCase();
-    const isOriginEthiopia = originCountry === "ethiopia" || originCountry === "et";
-    const isDestinationEthiopia = destinationCountry === "ethiopia" || destinationCountry === "et";
-
-    if (!isOriginEthiopia && isDestinationEthiopia) return "IMPORT";
-    if (isOriginEthiopia && !isDestinationEthiopia) return "EXPORT";
-    return "DOMESTIC";
-  }
-
-  private expectedWagonStatusForRoute(route: Route) {
-    const direction = this.routeDirection(route);
-    if (direction === "IMPORT") return "IMPORT_READY";
-    if (direction === "EXPORT" || direction === "DOMESTIC") return "EXPORT_READY";
-    return "AVAILABLE";
-  }
-
-  async buildTrainSet(
-    manager: EntityManager,
-    locomotive: Locomotive,
-    wagonType: WagonType,
-    totalWeightTons: number,
-    totalLengthMeters: number,
-    wagonPlan: WagonPlanRecord[],
-    physicalWagons: Wagon[] = [],
-  ) {
-    const trainSet = manager.getRepository(TrainSet).create({
-      locomotiveId: locomotive.id,
-      totalWeightTons,
-      totalLengthMeters,
-      wagonCount: wagonPlan.length,
-      status: "ASSIGNED",
-    });
-    const savedTrainSet = await manager.getRepository(TrainSet).save(trainSet);
-
-    const wagons = wagonPlan.map((wagon, index) => {
-      const physicalWagon = physicalWagons[index];
-      const selectedWagonType = physicalWagon?.wagonType ?? wagonType;
-
-      return manager.getRepository(TrainSetWagon).create({
-        trainSetId: savedTrainSet.id,
-        wagonTypeId: selectedWagonType.id,
-        physicalWagonId: physicalWagon?.id ?? null,
-        sequenceNo: wagon.sequenceNo,
-        capacityTons: Number(selectedWagonType.capacityTons),
-        lengthMeters: Number(selectedWagonType.lengthMeters),
-        assignedWeightTons: wagon.assignedWeightTons,
-      });
-    });
-
-    const savedWagons = await manager.getRepository(TrainSetWagon).save(wagons);
-
-    if (physicalWagons.length > 0) {
-      await Promise.all(
-        physicalWagons.map((wagon, index) =>
-          manager.getRepository(Wagon).update(wagon.id, {
-            status: "ASSIGNED",
-            sequenceNumber: index + 1,
-          }),
-        ),
-      );
-    }
-
-    return { trainSet: savedTrainSet, wagons: savedWagons };
-  }
-
-  async buildEmptyTrainSet(
-    manager: EntityManager,
-    locomotive: Locomotive,
-  ) {
+  private async buildEmptyTrainSet(manager: EntityManager, locomotive: Locomotive) {
     const trainSet = manager.getRepository(TrainSet).create({
       locomotiveId: locomotive.id,
       totalWeightTons: 0,
@@ -717,350 +1808,906 @@ export class TrainSchedulingService {
       wagonCount: 0,
       status: 'DRAFT',
     });
-
     return manager.getRepository(TrainSet).save(trainSet);
   }
 
-  allocateBookingsToWagons(
-    bookings: Booking[],
-    baseWagonPlan: WagonPlanRecord[],
-  ): WagonPlanRecord[] {
-    const remaining = bookings.map((booking) => ({
-      bookingId: booking.id,
-      bookingReference: booking.reference,
-      remainingWeightTons: this.roundTons(
-        Number(booking.cargoTotalWeightVgm ?? 0),
-      ),
-    }));
-    let bookingIndex = 0;
-
-    return baseWagonPlan.map((wagon) => {
-      let wagonRemaining = this.roundTons(wagon.capacityTons);
-      const allocations: WagonAllocationRecord[] = [];
-      let assignedWeightTons = 0;
-
-      while (wagonRemaining > 0 && bookingIndex < remaining.length) {
-        const booking = remaining[bookingIndex];
-        const allocatedWeightTons = this.roundTons(
-          Math.min(wagonRemaining, booking.remainingWeightTons),
-        );
-
-        if (allocatedWeightTons <= 0) {
-          bookingIndex += 1;
-          continue;
-        }
-
-        allocations.push({
-          bookingId: booking.bookingId,
-          bookingReference: booking.bookingReference,
-          allocatedWeightTons,
-        });
-        booking.remainingWeightTons = this.roundTons(
-          booking.remainingWeightTons - allocatedWeightTons,
-        );
-        wagonRemaining = this.roundTons(wagonRemaining - allocatedWeightTons);
-        assignedWeightTons = this.roundTons(
-          assignedWeightTons + allocatedWeightTons,
-        );
-
-        if (booking.remainingWeightTons <= 0) {
-          bookingIndex += 1;
-        }
-      }
-
-      return {
-        ...wagon,
-        assignedWeightTons,
-        allocations,
-      };
-    });
-  }
-
-  async getContainerTrainSchedules() {
-    const schedules = await this.dataSource.getRepository(TrainSchedule).find({
-      relations: {
-        trainSet: { locomotive: true },
-        route: true,
-        originStation: true,
-        destinationStation: true,
-        scheduleBookings: true,
-      },
-      order: { scheduledDepartureDate: "DESC", createdAt: "DESC" },
-    });
-
-    return schedules.map((schedule) => ({
-      id: schedule.id,
-      scheduleDate: schedule.scheduledDepartureDate,
-      routeName: schedule.route?.name ?? null,
-      origin:
-        schedule.originStation?.label ?? schedule.originStation?.code ?? null,
-      destination:
-        schedule.destinationStation?.label ??
-        schedule.destinationStation?.code ??
-        null,
-      locomotive: schedule.trainSet?.locomotive
-        ? {
-          id: schedule.trainSet.locomotive.id,
-          code: schedule.trainSet.locomotive.code,
-          name: schedule.trainSet.locomotive.name ?? null,
-        }
-        : null,
-      wagonCount: schedule.trainSet?.wagonCount ?? 0,
-      totalWeightTons: this.roundTons(
-        Number(schedule.trainSet?.totalWeightTons ?? 0),
-      ),
-      totalLengthMeters: this.roundTons(
-        Number(schedule.trainSet?.totalLengthMeters ?? 0),
-      ),
-      bookingsCount: schedule.scheduleBookings?.length ?? 0,
-      status: schedule.status,
-    }));
-  }
-
-  async getContainerTrainScheduleById(id: string) {
-    const schedule = await this.dataSource
-      .getRepository(TrainSchedule)
-      .findOne({
-        where: { id },
-        relations: {
-          route: true,
-          trainSet: {
-            locomotive: true,
-            wagons: { wagonType: true, physicalWagon: true, allocations: { booking: true } },
-          },
-          originStation: true,
-          destinationStation: true,
-          scheduleBookings: {
-            booking: { company: true, originYard: true, destinationYard: true },
-          },
-        },
-      });
-
-    if (!schedule) {
-      throw new NotFoundException(`Train schedule ${id} not found`);
-    }
-
-    return {
-      id: schedule.id,
-      status: schedule.status,
-      route: schedule.route
-        ? {
-          id: schedule.route.id,
-          name: schedule.route.name,
-        }
-        : null,
-      scheduledDepartureDate: schedule.scheduledDepartureDate,
-      scheduledArrivalDate: schedule.scheduledArrivalDate,
-      originStation: schedule.originStation,
-      destinationStation: schedule.destinationStation,
-      trainSet: schedule.trainSet
-        ? {
-          id: schedule.trainSet.id,
-          status: schedule.trainSet.status,
-          wagonCount: schedule.trainSet.wagonCount,
-          totalWeightTons: this.roundTons(
-            Number(schedule.trainSet.totalWeightTons),
-          ),
-          totalLengthMeters: this.roundTons(
-            Number(schedule.trainSet.totalLengthMeters),
-          ),
-          locomotive: schedule.trainSet.locomotive
-            ? {
-              id: schedule.trainSet.locomotive.id,
-              code: schedule.trainSet.locomotive.code,
-              name: schedule.trainSet.locomotive.name,
-              status: schedule.trainSet.locomotive.status,
-              maxPullWeightTons: this.roundTons(
-                Number(schedule.trainSet.locomotive.maxPullWeightTons),
-              ),
-              maxTrainLengthMeters: this.roundTons(
-                Number(schedule.trainSet.locomotive.maxTrainLengthMeters),
-              ),
-            }
-            : null,
-          wagons: [...(schedule.trainSet.wagons ?? [])]
-            .sort((left, right) => left.sequenceNo - right.sequenceNo)
-            .map((wagon) => ({
-              id: wagon.id,
-              sequenceNo: wagon.sequenceNo,
-              capacityTons: this.roundTons(Number(wagon.capacityTons)),
-              lengthMeters: this.roundTons(Number(wagon.lengthMeters)),
-              assignedWeightTons: this.roundTons(
-                Number(wagon.assignedWeightTons),
-              ),
-              wagonType: wagon.wagonType
-                ? {
-                  id: wagon.wagonType.id,
-                  code: wagon.wagonType.code,
-                  name: wagon.wagonType.name,
-                }
-                : null,
-              physicalWagon: wagon.physicalWagon
-                ? {
-                  id: wagon.physicalWagon.id,
-                  wagonNumber: wagon.physicalWagon.wagonNumber,
-                  status: wagon.physicalWagon.status,
-                }
-                : null,
-              allocations:
-                wagon.allocations?.map((allocation) => ({
-                  id: allocation.id,
-                  bookingId: allocation.bookingId,
-                  bookingReference: allocation.booking?.reference ?? null,
-                  allocatedWeightTons: this.roundTons(
-                    Number(allocation.allocatedWeightTons),
-                  ),
-                })) ?? [],
-            })),
-        }
-        : null,
-      bookings:
-        schedule.scheduleBookings?.map((scheduleBooking) => ({
-          id: scheduleBooking.booking?.id ?? scheduleBooking.bookingId,
-          reference: scheduleBooking.booking?.reference ?? null,
-          customer:
-            scheduleBooking.booking?.company?.name ??
-            scheduleBooking.booking?.company?.email ??
-            null,
-          weightTons: this.roundTons(
-            Number(scheduleBooking.booking?.cargoTotalWeightVgm ?? 0),
-          ),
-          status: scheduleBooking.booking?.status ?? null,
-        })) ?? [],
-    };
-  }
-
-  async cancelTrainSchedule(id: string) {
-    const schedule = await this.dataSource
-      .getRepository(TrainSchedule)
-      .findOne({
-        where: { id },
-        relations: { trainSet: { locomotive: true, wagons: true } },
-      });
-
-    if (!schedule) {
-      throw new NotFoundException(`Train schedule ${id} not found`);
-    }
-
-    await this.dataSource.transaction(async (manager) => {
-      await manager.getRepository(TrainSchedule).update(schedule.id, {
-        status: "CANCELLED",
-      });
-
-      if (schedule.trainSetId) {
-        await manager.getRepository(TrainSet).update(schedule.trainSetId, {
-          status: "CANCELLED",
-        });
-      }
-
-      if (schedule.trainSet?.locomotiveId) {
-        await manager
-          .getRepository(Locomotive)
-          .update(schedule.trainSet.locomotiveId, {
-            status: "AVAILABLE",
-          });
-      }
-
-      const physicalWagonIds =
-        schedule.trainSet?.wagons
-          ?.map((wagon) => wagon.physicalWagonId)
-          .filter((wagonId): wagonId is string => Boolean(wagonId)) ?? [];
-
-      if (physicalWagonIds.length > 0) {
-        const physicalWagons = await manager.getRepository(Wagon).find({
-          where: { id: In(physicalWagonIds) },
-          relations: { currentLocationYard: true },
-        });
-
-        await Promise.all(
-          physicalWagons.map((wagon) =>
-            manager.getRepository(Wagon).update(wagon.id, {
-              status: this.expectedWagonStatusForYard(wagon.currentLocationYard),
-              sequenceNumber: null,
-            }),
-          ),
-        );
-      }
-    });
-
-    return this.getContainerTrainScheduleById(id);
-  }
-
-  async publishTrainSchedule(id: string) {
-    const schedule = await this.dataSource.getRepository(TrainSchedule).findOne({
-      where: { id },
-      relations: { trainSet: true, scheduleBookings: true },
-    });
-
-    if (!schedule) {
-      throw new NotFoundException(`Train schedule ${id} not found`);
-    }
-
-    if (schedule.status === "CANCELLED") {
-      throw new BadRequestException("Cancelled schedules cannot be published");
-    }
-
-    if (!schedule.trainSet || schedule.trainSet.wagonCount <= 0) {
-      throw new BadRequestException("Allocate wagons before publishing the schedule");
-    }
-
-    if ((schedule.scheduleBookings?.length ?? 0) === 0) {
-      throw new BadRequestException("Assign bookings before publishing the schedule");
-    }
-
-    await this.dataSource.getRepository(TrainSchedule).update(id, { status: "PUBLISHED" });
-    return this.getContainerTrainScheduleById(id);
-  }
-
-  private async loadBookingsForScheduling(bookingIds: string[]) {
-    return this.dataSource.getRepository(Booking).find({
-      where: { id: In(bookingIds) },
-      relations: {
-        company: true,
-        originYard: true,
-        destinationYard: true,
-        bookingContainers: { containerType: true },
-      },
-      order: { createdAt: "ASC" },
-    });
-  }
-
   private async getActiveRoute(routeId: string) {
     const route = await this.dataSource.getRepository(Route).findOne({
       where: { id: routeId },
       relations: { originYard: true, destinationYard: true },
     });
-
-    if (!route) {
-      throw new NotFoundException(`Route ${routeId} not found`);
-    }
-
-    if (!route.isActive) {
-      throw new BadRequestException(`Route ${route.name} is inactive`);
-    }
-
+    if (!route) throw new NotFoundException(`Route ${routeId} not found`);
+    if (!route.isActive) throw new BadRequestException(`Route ${route.name} is inactive`);
     return route;
   }
 
-  private expectedWagonStatusForYard(yard?: { country?: string } | null) {
-    const country = yard?.country?.trim().toLowerCase();
-    if (country === "ethiopia" || country === "et") return "EXPORT_READY";
-    if (country === "djibouti" || country === "djoubti" || country === "dj") return "IMPORT_READY";
-    return "AVAILABLE";
+  private mapEligibleBooking(booking: Booking) {
+    return {
+      id: booking.id,
+      reference: booking.reference,
+      freightType: booking.freightType,
+      customer: booking.company?.name ?? booking.company?.email ?? 'Unknown customer',
+      priorityScore: booking.priorityScore,
+      schedulingStatus: booking.schedulingStatus,
+      containerType:
+        booking.bookingContainers
+          ?.map((c) => c.containerType?.label ?? c.containerType?.code ?? 'Container')
+          .join(', ') ?? (booking.cargoType?.cargoTypeName ?? 'Bulk'),
+      quantity:
+        booking.bookingContainers?.reduce((sum, c) => sum + Number(c.quantity ?? 0), 0) ?? 0,
+      weightTons: roundTons(booking.cargoTotalWeightVgm),
+      origin: booking.originYard?.label ?? booking.originYard?.code ?? 'Unknown origin',
+      destination:
+        booking.destinationYard?.label ?? booking.destinationYard?.code ?? 'Unknown destination',
+      preferredDepartureDate: booking.scheduledDate.toISOString(),
+      status: booking.status,
+    };
   }
 
-  private toUtcDateKey(value: Date | string) {
-    const date = value instanceof Date ? value : new Date(value);
-    return date.toISOString().slice(0, 10);
+  private resolveScheduleFreightType(
+    schedule: import('../train-schedules/entities/train-schedule.entity').TrainSchedule,
+  ): 'CONTAINER' | 'BULK' | 'MIXED' | null {
+    const types = new Set(
+      (schedule.scheduleBookings ?? [])
+        .map((sb) => sb.booking?.freightType)
+        .filter((t): t is string => Boolean(t)),
+    );
+    if (types.size === 1) return [...types][0] as 'CONTAINER' | 'BULK';
+    if (types.size > 1) return 'MIXED';
+    return null;
   }
 
-  private roundTons(value: number | string | null | undefined) {
-    const numericValue = typeof value === "number" ? value : Number(value ?? 0);
+  private mapScheduleListItem(schedule: import('../train-schedules/entities/train-schedule.entity').TrainSchedule) {
+    return {
+      id: schedule.id,
+      scheduleDate: schedule.scheduledDepartureDate,
+      trainNumber: schedule.trainNumber ?? null,
+      routeName: schedule.route?.name ?? null,
+      origin: schedule.originStation?.label ?? schedule.originStation?.code ?? null,
+      destination:
+        schedule.destinationStation?.label ?? schedule.destinationStation?.code ?? null,
+      locomotive: schedule.trainSet?.locomotive
+        ? {
+            id: schedule.trainSet.locomotive.id,
+            code: schedule.trainSet.locomotive.code,
+            name: schedule.trainSet.locomotive.name ?? null,
+            currentYardId: schedule.trainSet.locomotive.currentYardId ?? null,
+          }
+        : null,
+      wagonCount: schedule.trainSet?.wagonCount ?? 0,
+      totalWeightTons: roundTons(Number(schedule.trainSet?.totalWeightTons ?? 0)),
+      totalLengthMeters: roundTons(Number(schedule.trainSet?.totalLengthMeters ?? 0)),
+      bookingsCount: schedule.scheduleBookings?.length ?? 0,
+      freightType: this.resolveScheduleFreightType(schedule),
+      status: schedule.status,
+      bookingWindowStatus: schedule.bookingWindowStatus ?? 'OPEN',
+      maxWagons: schedule.maxWagons ?? 0,
+      remainingWagons: Math.max(
+        0,
+        (schedule.maxWagons ?? 0) - (schedule.trainSet?.wagonCount ?? 0),
+      ),
+    };
+  }
 
-    if (!Number.isFinite(numericValue)) {
-      return 0;
+  /** AVAILABLE locomotives at the route's origin yard. */
+  async getAvailableLocomotivesForRoute(routeId: string): Promise<Locomotive[]> {
+    const route = await this.getActiveRoute(routeId);
+
+    const locomotives = await this.locomotivesRepository.findAll({
+      where: { status: 'AVAILABLE', currentYardId: route.originYardId },
+      order: { code: 'ASC' },
+    });
+
+    return locomotives;
+  }
+
+  /** OPEN schedules a new booking may target (with rough remaining capacity).
+   * Supports sub-route matching: if originYardId and/or destinationYardId are provided,
+   * returns schedules whose route passes through both yards in the correct order.
+   */
+  async getBookableSchedules(originYardId?: string, destinationYardId?: string) {
+    const schedules = await this.trainSchedulesRepository.findAll({
+      where: {
+        bookingWindowStatus: 'OPEN',
+      },
+      relations: {
+        trainSet: { locomotive: true },
+        route: { milestones: true },
+        originStation: true,
+        destinationStation: true,
+        scheduleBookings: { booking: true },
+      },
+      order: { scheduledDepartureDate: 'ASC' },
+    });
+
+    const filteredSchedules = schedules
+      .filter((s) => ['DRAFT', 'SCHEDULED'].includes(s.status))
+      .filter((s) => {
+        // Build the full stop list: origin -> milestones (ordered) -> destination
+        const milestones = s.route?.milestones ?? [];
+        const sortedMilestones = [...milestones].sort((a, b) => a.sequenceNo - b.sequenceNo);
+        const stopYardIds = [s.originStationId, ...sortedMilestones.map((m) => m.yardId), s.destinationStationId];
+
+        // Remove duplicates while preserving order (in case origin/destination appears in milestones)
+        const uniqueStopYardIds: string[] = [];
+        for (const yardId of stopYardIds) {
+          if (!uniqueStopYardIds.includes(yardId)) {
+            uniqueStopYardIds.push(yardId);
+          }
+        }
+
+        // Check origin yard filter
+        if (originYardId) {
+          if (!uniqueStopYardIds.includes(originYardId)) {
+            return false;
+          }
+        }
+
+        // Check destination yard filter
+        if (destinationYardId) {
+          if (!uniqueStopYardIds.includes(destinationYardId)) {
+            return false;
+          }
+          // Ensure destination comes after origin (if both are specified)
+          if (originYardId) {
+            const originIndex = uniqueStopYardIds.indexOf(originYardId);
+            const destIndex = uniqueStopYardIds.indexOf(destinationYardId);
+            if (destIndex <= originIndex) {
+              return false;
+            }
+          }
+        }
+
+        return true;
+      })
+      .map((s) => this.mapScheduleListItem(s));
+
+    return filteredSchedules;
+  }
+
+  private async mapScheduleDetail(
+    schedule: import('../train-schedules/entities/train-schedule.entity').TrainSchedule,
+  ) {
+    const allocationIds = (schedule.trainSet?.wagons ?? [])
+      .flatMap((w) => w.allocations ?? [])
+      .map((a) => a.id);
+
+    const [containerItems, bulkLoads] = await Promise.all([
+      allocationIds.length
+        ? this.wagonAllocationContainerItemsRepository.findAll({
+            where: { wagonBookingAllocationId: In(allocationIds) },
+            relations: { containerType: true, bookingContainer: true },
+          })
+        : [],
+      allocationIds.length
+        ? this.wagonAllocationBulkLoadsRepository.findAll({
+            where: { wagonBookingAllocationId: In(allocationIds) },
+            relations: { cargoType: true },
+          })
+        : [],
+    ]);
+
+    const containerItemsByAllocation = new Map<string, typeof containerItems>();
+    for (const item of containerItems) {
+      const list = containerItemsByAllocation.get(item.wagonBookingAllocationId) ?? [];
+      list.push(item);
+      containerItemsByAllocation.set(item.wagonBookingAllocationId, list);
+    }
+    const bulkLoadsByAllocation = new Map(
+      bulkLoads.map((load) => [load.wagonBookingAllocationId, load]),
+    );
+
+    return {
+      id: schedule.id,
+      status: schedule.status,
+      freightType: this.resolveScheduleFreightType(schedule),
+      trainNumber: schedule.trainNumber ?? null,
+      direction: schedule.direction ?? null,
+      route: schedule.route ? { id: schedule.route.id, name: schedule.route.name } : null,
+      scheduledDepartureDate: schedule.scheduledDepartureDate,
+      scheduledArrivalDate: schedule.scheduledArrivalDate,
+      actualDepartureAt: schedule.actualDepartureAt ?? null,
+      originStation: schedule.originStation,
+      destinationStation: schedule.destinationStation,
+      trainSet: schedule.trainSet
+        ? {
+            id: schedule.trainSet.id,
+            status: schedule.trainSet.status,
+            wagonCount: schedule.trainSet.wagonCount,
+            totalWeightTons: roundTons(Number(schedule.trainSet.totalWeightTons)),
+            totalLengthMeters: roundTons(Number(schedule.trainSet.totalLengthMeters)),
+            locomotive: schedule.trainSet.locomotive
+              ? {
+                  id: schedule.trainSet.locomotive.id,
+                  code: schedule.trainSet.locomotive.code,
+                  name: schedule.trainSet.locomotive.name,
+                  status: schedule.trainSet.locomotive.status,
+                  currentYardId: schedule.trainSet.locomotive.currentYardId ?? null,
+                  maxPullWeightTons: roundTons(
+                    Number(schedule.trainSet.locomotive.maxPullWeightTons),
+                  ),
+                  maxTrainLengthMeters: roundTons(
+                    Number(schedule.trainSet.locomotive.maxTrainLengthMeters),
+                  ),
+                }
+              : null,
+            wagons: [...(schedule.trainSet.wagons ?? [])]
+              .sort((a, b) => a.sequenceNo - b.sequenceNo)
+              .map((wagon) => ({
+                id: wagon.id,
+                sequenceNo: wagon.sequenceNo,
+                capacityTons: roundTons(Number(wagon.capacityTons)),
+                lengthMeters: roundTons(Number(wagon.lengthMeters)),
+                assignedWeightTons: roundTons(Number(wagon.assignedWeightTons)),
+                status: wagon.status,
+                physicalWagonId: wagon.physicalWagonId ?? null,
+                physicalWagonNumber: wagon.physicalWagon?.wagonNumber ?? null,
+                wagonType: wagon.wagonType
+                  ? { id: wagon.wagonType.id, code: wagon.wagonType.code, name: wagon.wagonType.name }
+                  : null,
+                allocations:
+                  wagon.allocations?.map((allocation) => ({
+                    id: allocation.id,
+                    bookingId: allocation.bookingId,
+                    bookingReference: allocation.booking?.reference ?? null,
+                    allocatedWeightTons: roundTons(Number(allocation.allocatedWeightTons)),
+                    loadType: allocation.loadType ?? null,
+                    status: allocation.status,
+                    containerItems: (containerItemsByAllocation.get(allocation.id) ?? []).map(
+                      (item) => ({
+                        id: item.id,
+                        containerNumber: item.containerNumber ?? null,
+                        containerTypeId: item.containerTypeId,
+                        grossWeightTons: item.grossWeightTons ?? null,
+                        containerId: item.containerId ?? null,
+                        positionOnWagon: item.positionOnWagon ?? null,
+                        bookingContainerId: item.bookingContainerId ?? null,
+                      }),
+                    ),
+                    bulkLoad: bulkLoadsByAllocation.get(allocation.id)
+                      ? {
+                          id: bulkLoadsByAllocation.get(allocation.id)!.id,
+                          weightTons: bulkLoadsByAllocation.get(allocation.id)!.weightTons,
+                          cargoDescription:
+                            bulkLoadsByAllocation.get(allocation.id)!.cargoDescription ?? null,
+                        }
+                      : null,
+                  })) ?? [],
+              })),
+          }
+        : null,
+      bookings:
+        schedule.scheduleBookings?.map((sb) => ({
+          id: sb.booking?.id ?? sb.bookingId,
+          reference: sb.booking?.reference ?? null,
+          customer: sb.booking?.company?.name ?? sb.booking?.company?.email ?? null,
+          weightTons: roundTons(Number(sb.booking?.cargoTotalWeightVgm ?? 0)),
+          status: sb.booking?.status ?? null,
+          schedulingStatus: sb.booking?.schedulingStatus ?? null,
+        })) ?? [],
+    };
+  }
+
+  private isHoldActive(booking: Booking): boolean {
+    if (!booking.holdExpiresAt) return false;
+    return booking.holdExpiresAt.getTime() > Date.now();
+  }
+
+  private resolvePostUnassignStatus(booking: Booking | null): string {
+    if (!booking) return SchedulingStatus.NotScheduled;
+    if (booking.holdExpiresAt && booking.holdExpiresAt.getTime() > Date.now()) {
+      return SchedulingStatus.Holding;
+    }
+    return SchedulingStatus.Eligible;
+  }
+
+  /** Assign one linked-but-unallocated booking onto wagons, preserving existing wagon assignments. */
+  async assignUnassignedBookingToWagons(scheduleId: string, bookingId: string) {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (!schedule.trainSet?.locomotive) {
+      throw new BadRequestException('Schedule has no locomotive — cannot assign booking');
+    }
+    if (!['DRAFT', 'SCHEDULED'].includes(schedule.status)) {
+      throw new BadRequestException(
+        `Cannot assign bookings to schedule in status ${schedule.status}`,
+      );
     }
 
-    return Number(numericValue.toFixed(3));
+    const [booking] = await this.bookingsRepository.findByIdsForScheduling([bookingId]);
+    if (!booking) {
+      throw new NotFoundException(`Booking ${bookingId} not found`);
+    }
+    if (booking.trainScheduleId !== scheduleId) {
+      throw new BadRequestException('Booking is not linked to this schedule');
+    }
+    if (!this.isReadyToLoadBooking(booking)) {
+      throw new BadRequestException('Booking is not paid and ready to load');
+    }
+
+    const wagonAssignedIds = await this.getWagonAssignedBookingIds(scheduleId);
+    if (wagonAssignedIds.has(bookingId)) {
+      throw new BadRequestException('Booking is already assigned to a wagon');
+    }
+
+    const allBookingIds = [...wagonAssignedIds, bookingId];
+    const previewDto = {
+      bookingIds: allBookingIds,
+      scheduleDate: schedule.scheduledDepartureDate.toISOString(),
+      originStationId: schedule.originStationId,
+      destinationStationId: schedule.destinationStationId,
+    };
+    const limits = await this.resolveTrainLimitConfig(undefined, schedule.trainSet.locomotive);
+
+    const validation = await this.validateBookingsForScheduling(
+      previewDto,
+      null,
+      false,
+      [],
+      false,
+      limits,
+      scheduleId,
+    );
+
+    if (!validation.valid) {
+      throw new BadRequestException({
+        message: 'Booking validation failed',
+        violations: validation.violations,
+        warnings: validation.warnings,
+      });
+    }
+
+    if (!validation.bookings.some((b) => b.id === bookingId)) {
+      const deferred = validation.deferredBookings.find((d) => d.id === bookingId);
+      throw new BadRequestException({
+        message: deferred?.reason ?? 'Booking does not fit on available fleet wagons',
+        violations: validation.violations,
+        warnings: validation.warnings,
+        deferredBookings: validation.deferredBookings,
+      });
+    }
+
+    const containerBookings = validation.bookings.filter((b) => b.freightType === 'CONTAINER');
+    const units: ContainerUnitForPlacement[] = expandBookingContainerUnits(containerBookings);
+    const slots = getContainerSlotSequenceNos(validation.wagonPlan);
+    const placements = autoFillPlacements(units, slots);
+    const missingForBooking = findMissingContainerNumberIssues(units, placements).find(
+      (m) => m.bookingId === bookingId,
+    );
+    if (missingForBooking) {
+      throw new BadRequestException({
+        message: missingForBooking.issue,
+        violations: [missingForBooking.issue],
+      });
+    }
+
+    const assignableSet = new Set(validation.bookings.map((b) => b.id));
+    const assignPlacements = placementsForBookings(placements, assignableSet, units);
+    const needsPlacements = containerBookings.length > 0;
+
+    return this.assignBookingsToSchedule(
+      scheduleId,
+      {
+        bookingIds: validation.bookings.map((b) => b.id),
+        containerPlacements: needsPlacements ? assignPlacements : undefined,
+      },
+      undefined,
+    );
+  }
+
+  /** Preview wagon allocation issues per linked booking without mutating the schedule. */
+  async previewAllocationForSchedule(
+    scheduleId: string,
+  ): Promise<WagonAllocationAttemptResult> {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    return this.buildAllocationAttempt(schedule, false);
+  }
+
+  /** Assign all eligible linked bookings to wagons; returns per-booking issues. */
+  async tryAutoWagonAllocation(
+    scheduleId: string,
+  ): Promise<WagonAllocationAttemptResult> {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    return this.buildAllocationAttempt(schedule, true);
+  }
+
+  private async buildAllocationAttempt(
+    schedule: TrainSchedule,
+    performAssign: boolean,
+  ): Promise<WagonAllocationAttemptResult> {
+    const empty: WagonAllocationAttemptResult = {
+      assignedBookingIds: [],
+      deferred: [],
+      issues: [],
+      violations: [],
+    };
+
+    if (!schedule.trainSet?.locomotive) {
+      return { ...empty, violations: ['Schedule has no locomotive — cannot allocate wagons'] };
+    }
+    if (!['DRAFT', 'SCHEDULED'].includes(schedule.status)) {
+      return {
+        ...empty,
+        violations: [`Cannot allocate wagons for schedule in status ${schedule.status}`],
+      };
+    }
+
+    const linkedBookings = (schedule.scheduleBookings ?? [])
+      .map((sb) => sb.booking)
+      .filter((b): b is Booking => Boolean(b));
+    const eligible = linkedBookings.filter(
+      (b) => SCHEDULABLE_BOOKING_STATUSES.includes(b.status as 'PAID') || b.isGovernment,
+    );
+    if (!eligible.length) return empty;
+
+    const wagonAssignedIds = await this.getWagonAssignedBookingIds(schedule.id);
+    const previewDto = {
+      bookingIds: eligible.map((b) => b.id),
+      scheduleDate: schedule.scheduledDepartureDate.toISOString(),
+      originStationId: schedule.originStationId,
+      destinationStationId: schedule.destinationStationId,
+    };
+    const limits = await this.resolveTrainLimitConfig(
+      undefined,
+      schedule.trainSet.locomotive,
+    );
+
+    let validation: Awaited<ReturnType<TrainSchedulingService['validateBookingsForScheduling']>>;
+    try {
+      validation = await this.validateBookingsForScheduling(
+        previewDto,
+        null,
+        false,
+        [],
+        false,
+        limits,
+        schedule.id,
+      );
+    } catch (err) {
+      const message = err instanceof Error ? err.message : 'Validation failed';
+      return {
+        ...empty,
+        violations: [message],
+        issues: eligible.map((b) => ({
+          bookingId: b.id,
+          status: 'FAILED' as const,
+          issue: message,
+        })),
+      };
+    }
+
+    const fittingIds = new Set(validation.bookings.map((b) => b.id));
+    const deferredMap = new Map(
+      validation.deferredBookings.map((d) => [d.id, d.reason]),
+    );
+    const containerBookings = validation.bookings.filter((b) => b.freightType === 'CONTAINER');
+    const units: ContainerUnitForPlacement[] = expandBookingContainerUnits(containerBookings);
+    const slots = getContainerSlotSequenceNos(validation.wagonPlan);
+    const placements = autoFillPlacements(units, slots);
+    const missingNumbers = findMissingContainerNumberIssues(units, placements);
+    const missingByBooking = new Map<string, string>();
+    for (const m of missingNumbers) {
+      if (!missingByBooking.has(m.bookingId)) missingByBooking.set(m.bookingId, m.issue);
+    }
+    const placeholderWarnings = new Map<string, string>();
+    for (const p of placements) {
+      if (!isPlaceholderContainerNumber(p.containerNumber)) continue;
+      const unit = units.find(
+        (u) => u.bookingContainerId === p.bookingContainerId && u.unitIndex === p.unitIndex,
+      );
+      if (unit && !placeholderWarnings.has(unit.bookingId)) {
+        placeholderWarnings.set(
+          unit.bookingId,
+          'Container number auto-assigned — verify before dispatch.',
+        );
+      }
+    }
+
+    const assignableIds = validation.bookings
+      .filter((b) => !missingByBooking.has(b.id))
+      .map((b) => b.id);
+    const assignableSet = new Set(assignableIds);
+    const assignPlacements = placementsForBookings(
+      placements,
+      assignableSet,
+      units,
+    );
+
+    const issues: BookingWagonAllocationIssue[] = eligible.map((b) => {
+      const placeholderIssue = placeholderWarnings.get(b.id) ?? null;
+      if (wagonAssignedIds.has(b.id) && assignableSet.has(b.id)) {
+        return { bookingId: b.id, status: 'ASSIGNED', issue: placeholderIssue };
+      }
+      if (missingByBooking.has(b.id)) {
+        return { bookingId: b.id, status: 'FAILED', issue: missingByBooking.get(b.id)! };
+      }
+      if (deferredMap.has(b.id)) {
+        return { bookingId: b.id, status: 'DEFERRED', issue: deferredMap.get(b.id)! };
+      }
+      if (!fittingIds.has(b.id)) {
+        const refIssue = validation.violations.find((v) => v.includes(b.reference ?? b.id));
+        return {
+          bookingId: b.id,
+          status: 'FAILED',
+          issue: refIssue ?? 'Does not fit train capacity or fleet constraints',
+        };
+      }
+      if (wagonAssignedIds.has(b.id)) {
+        return { bookingId: b.id, status: 'ASSIGNED', issue: null };
+      }
+      return { bookingId: b.id, status: 'NOT_ATTEMPTED', issue: null };
+    });
+
+    const result: WagonAllocationAttemptResult = {
+      assignedBookingIds: [],
+      deferred: validation.deferredBookings,
+      issues,
+      violations: validation.violations,
+    };
+
+    if (!performAssign || !assignableIds.length) return result;
+
+    const needsPlacements = containerBookings.some((b) => assignableSet.has(b.id));
+    if (needsPlacements && !assignPlacements.length) {
+      return {
+        ...result,
+        violations: [...result.violations, 'Container placements could not be generated'],
+      };
+    }
+
+    try {
+      await this.assignBookingsToSchedule(
+        schedule.id,
+        {
+          bookingIds: assignableIds,
+          containerPlacements: needsPlacements ? assignPlacements : undefined,
+        },
+        undefined,
+      );
+      result.assignedBookingIds = assignableIds;
+      for (const issue of result.issues) {
+        if (assignableSet.has(issue.bookingId)) {
+          issue.status = 'ASSIGNED';
+          issue.issue = placeholderWarnings.get(issue.bookingId) ?? null;
+        }
+      }
+    } catch (err) {
+      const message =
+        err instanceof BadRequestException
+          ? ((err.getResponse() as { message?: string; violations?: string[] }).violations?.join(
+              '; ',
+            ) ??
+            (err.getResponse() as { message?: string }).message ??
+            err.message)
+          : err instanceof Error
+            ? err.message
+            : 'Allocation failed';
+      result.violations = [...result.violations, message];
+      for (const issue of result.issues) {
+        if (assignableSet.has(issue.bookingId) && issue.status !== 'ASSIGNED') {
+          issue.status = 'FAILED';
+          issue.issue = message;
+        }
+      }
+    }
+
+    return result;
+  }
+
+  async removeTrainSetWagonSlot(scheduleId: string, trainSetWagonId: string): Promise<any> {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (!['DRAFT', 'SCHEDULED'].includes(schedule.status)) {
+      throw new BadRequestException('Cannot remove wagon slots from a finalized or dispatched schedule');
+    }
+
+    const wagon = (schedule.trainSet?.wagons ?? []).find((w) => w.id === trainSetWagonId);
+    if (!wagon) {
+      throw new NotFoundException(`Train set wagon ${trainSetWagonId} not found in this schedule`);
+    }
+
+    if ((wagon.allocations ?? []).length > 0) {
+      throw new BadRequestException(
+        'Cannot remove a wagon slot that has active allocations; remove the booking first',
+      );
+    }
+
+    await this.dataSource.transaction(async (manager) => {
+      await manager.getRepository(TrainSetWagon).delete(trainSetWagonId);
+      await manager.getRepository(TrainSet).update(schedule.trainSetId, {
+        wagonCount: Math.max(0, (schedule.trainSet?.wagonCount ?? 0) - 1),
+        totalLengthMeters: Math.max(0, (schedule.trainSet?.totalLengthMeters ?? 0) - (wagon.lengthMeters ?? 0)),
+      });
+    });
+
+    return this.getTrainScheduleById(scheduleId);
+  }
+
+  async updateContainerItem(
+    scheduleId: string,
+    itemId: string,
+    dto: UpdateContainerItemDto,
+  ): Promise<{ id: string; containerNumber: string | null }> {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+    if (schedule.status === 'DISPATCHED') {
+      throw new BadRequestException('Cannot edit a dispatched schedule');
+    }
+
+    const item = await this.dataSource.getRepository(WagonAllocationContainerItem).findOne({
+      where: { id: itemId },
+      relations: ['wagonBookingAllocation', 'wagonBookingAllocation.trainSetWagon'],
+    });
+
+    if (!item) {
+      throw new NotFoundException(`Container item ${itemId} not found`);
+    }
+
+    const wagonId = item.wagonBookingAllocationId;
+    const wagonAllocation = await this.dataSource.getRepository(WagonBookingAllocation).findOne({
+      where: { id: wagonId },
+      relations: ['trainSetWagon'],
+    });
+
+    if (!wagonAllocation?.trainSetWagon) {
+      throw new NotFoundException(`Container item ${itemId} does not belong to this schedule`);
+    }
+
+    const trainSetWagonId = wagonAllocation.trainSetWagon.id;
+    const wagonIds = (schedule.trainSet?.wagons ?? []).map((w) => w.id);
+    if (!wagonIds.includes(trainSetWagonId)) {
+      throw new NotFoundException(`Container item ${itemId} does not belong to this schedule`);
+    }
+
+    await this.dataSource.getRepository(WagonAllocationContainerItem).update(itemId, {
+      containerNumber: dto.containerNumber ?? null,
+    });
+
+    return { id: itemId, containerNumber: dto.containerNumber ?? null };
+  }
+
+  async getUnassignedBookings(scheduleId: string): Promise<UnassignedBookingsResponse> {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    if (!schedule) {
+      throw new NotFoundException(`Train schedule ${scheduleId} not found`);
+    }
+
+    const allBookings = await this.bookingsRepository.findAll({
+      where: { trainScheduleId: scheduleId },
+      select: [
+        'id',
+        'reference',
+        'freightType',
+        'priorityScore',
+        'cargoTotalWeightVgm',
+        'status',
+        'schedulingStatus',
+        'paymentStatus',
+        'isGovernment',
+      ],
+    });
+
+    const wagonAssignedIds = await this.getWagonAssignedBookingIds(scheduleId);
+
+    const unassigned = allBookings
+      .filter((b) => !wagonAssignedIds.has(b.id) && this.isReadyToLoadBooking(b))
+      .sort((a, b) => (b.priorityScore ?? 0) - (a.priorityScore ?? 0));
+
+    const fleetCounts = await this.countFleetAvailability(
+      schedule.originStationId,
+      scheduleId,
+    );
+    const fleetByTypeId = new Map(
+      fleetCounts.map((row) => [
+        row.wagonTypeId,
+        { code: row.wagonTypeCode, available: row.available },
+      ]),
+    );
+    const fleetAtOrigin: FleetAvailabilityRow[] = fleetCounts.map((row) => ({
+      wagonTypeId: row.wagonTypeId,
+      wagonTypeCode: row.wagonTypeCode,
+      needed: 0,
+      available: row.available,
+      shortfall: 0,
+    }));
+
+    const bookings = await Promise.all(
+      unassigned.map(async (b) => {
+        const assignability = await this.previewUnassignedBookingAssignability(
+          schedule,
+          wagonAssignedIds,
+          b as Booking,
+          fleetByTypeId,
+        );
+        return {
+          id: b.id,
+          reference: b.reference ?? null,
+          freightType: b.freightType ?? null,
+          priorityScore: b.priorityScore ?? 0,
+          cargoTotalWeightVgm: Number(b.cargoTotalWeightVgm ?? 0),
+          status: b.status ?? null,
+          schedulingStatus: b.schedulingStatus ?? null,
+          ...assignability,
+        };
+      }),
+    );
+
+    return { fleetAtOrigin, bookings };
+  }
+
+  private async previewUnassignedBookingAssignability(
+    schedule: TrainSchedule,
+    wagonAssignedIds: Set<string>,
+    booking: Booking,
+    fleetByTypeId: Map<string, { code: string; available: number }>,
+  ): Promise<{
+    wagonsRequired: number;
+    requiredWagonTypeCode: string;
+    yardWagonsAvailable: number;
+    canAssign: boolean;
+    blockReason: string | null;
+  }> {
+    if (!schedule.trainSet?.locomotive) {
+      return {
+        wagonsRequired: 0,
+        requiredWagonTypeCode: '',
+        yardWagonsAvailable: 0,
+        canAssign: false,
+        blockReason: 'Schedule has no locomotive',
+      };
+    }
+
+    const freightType = booking.freightType === 'BULK' ? 'BULK' : 'CONTAINER';
+    let wagonType: WagonType;
+    try {
+      wagonType = await this.resolveWagonType(freightType, [booking.id]);
+    } catch {
+      return {
+        wagonsRequired: 0,
+        requiredWagonTypeCode: '',
+        yardWagonsAvailable: 0,
+        canAssign: false,
+        blockReason: 'No suitable wagon type found',
+      };
+    }
+
+    const bulkCapacity =
+      freightType === 'BULK' ? Number(wagonType.capacityTons) : undefined;
+    const [fullBooking] = await this.bookingsRepository.findByIdsForScheduling([booking.id]);
+    const resolvedBooking = fullBooking ?? booking;
+    const wagonsRequired = wagonsRequiredForBooking(resolvedBooking, bulkCapacity);
+    const yardWagonsAvailable = fleetByTypeId.get(wagonType.id)?.available ?? 0;
+
+    const allBookingIds = [...wagonAssignedIds, booking.id];
+    const previewDto = {
+      bookingIds: allBookingIds,
+      scheduleDate: schedule.scheduledDepartureDate.toISOString(),
+      originStationId: schedule.originStationId,
+      destinationStationId: schedule.destinationStationId,
+    };
+    const limits = await this.resolveTrainLimitConfig(
+      undefined,
+      schedule.trainSet.locomotive,
+    );
+
+    let validation: Awaited<ReturnType<TrainSchedulingService['validateBookingsForScheduling']>>;
+    try {
+      validation = await this.validateBookingsForScheduling(
+        previewDto,
+        null,
+        false,
+        [],
+        false,
+        limits,
+        schedule.id,
+      );
+    } catch (err) {
+      return {
+        wagonsRequired,
+        requiredWagonTypeCode: wagonType.code,
+        yardWagonsAvailable,
+        canAssign: false,
+        blockReason: err instanceof Error ? err.message : 'Validation failed',
+      };
+    }
+
+    if (!validation.valid) {
+      return {
+        wagonsRequired,
+        requiredWagonTypeCode: wagonType.code,
+        yardWagonsAvailable,
+        canAssign: false,
+        blockReason: validation.violations[0] ?? 'Booking validation failed',
+      };
+    }
+
+    const fittingIds = new Set(validation.bookings.map((b) => b.id));
+    if (!fittingIds.has(booking.id)) {
+      const deferred = validation.deferredBookings.find((d) => d.id === booking.id);
+      const yardShortfall =
+        yardWagonsAvailable < wagonsRequired
+          ? `No ${wagonType.code} wagons at origin yard (need ${wagonsRequired}, ${yardWagonsAvailable} available)`
+          : null;
+      return {
+        wagonsRequired,
+        requiredWagonTypeCode: wagonType.code,
+        yardWagonsAvailable,
+        canAssign: false,
+        blockReason:
+          deferred?.reason ??
+          yardShortfall ??
+          `Need ${wagonsRequired} ${wagonType.code} wagon(s) at origin yard`,
+      };
+    }
+
+    const containerBookings = validation.bookings.filter((b) => b.freightType === 'CONTAINER');
+    if (containerBookings.some((b) => b.id === booking.id)) {
+      const units = expandBookingContainerUnits(containerBookings);
+      const slots = getContainerSlotSequenceNos(validation.wagonPlan);
+      const placements = autoFillPlacements(units, slots);
+      const missing = findMissingContainerNumberIssues(units, placements).find(
+        (m) => m.bookingId === booking.id,
+      );
+      if (missing) {
+        return {
+          wagonsRequired,
+          requiredWagonTypeCode: wagonType.code,
+          yardWagonsAvailable,
+          canAssign: false,
+          blockReason: missing.issue,
+        };
+      }
+    }
+
+    return {
+      wagonsRequired,
+      requiredWagonTypeCode: wagonType.code,
+      yardWagonsAvailable,
+      canAssign: true,
+      blockReason: null,
+    };
+  }
+
+  /** Paid (or government) bookings that may be loaded onto wagons — excludes expired / awaiting payment. */
+  private isReadyToLoadBooking(booking: {
+    status: string;
+    paymentStatus?: string | null;
+    isGovernment?: boolean;
+  }): boolean {
+    if (booking.status === 'EXPIRED') return false;
+    if (booking.status === 'SELECTED_FOR_BATCH' || booking.status === 'AWAITING_PAYMENT') {
+      return false;
+    }
+    if (booking.status === 'PAID' || booking.paymentStatus === 'PAID') return true;
+    if (booking.isGovernment) return true;
+    return false;
+  }
+
+  async getCompositionRemovals(scheduleId: string): Promise<any[]> {
+    return this.trainCompositionRemovalLogRepository.findByScheduleId(scheduleId);
+  }
+
+  private async getWagonAssignedBookingIds(scheduleId: string): Promise<Set<string>> {
+    const schedule = await this.trainSchedulesRepository.findByIdWithFullGraph(scheduleId);
+    const wagonIds = (schedule?.trainSet?.wagons ?? []).map((w) => w.id);
+    if (!wagonIds.length) return new Set();
+
+    const allocations = await this.dataSource.getRepository(WagonBookingAllocation).find({
+      where: { trainSetWagonId: In(wagonIds) },
+      select: ['bookingId'],
+    });
+    return new Set(allocations.map((a) => a.bookingId));
   }
 }
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/wagon-plan.util.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/wagon-plan.util.spec.ts
new file mode 100644
index 000000000..824c45e6e
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/wagon-plan.util.spec.ts
@@ -0,0 +1,202 @@
+import { AllocationLoadType } from '@edr/types';
+
+import { Booking } from '../bookings/entities/booking.entity';
+import { WagonType } from '../wagon-types/entities/wagon-type.entity';
+import {
+  buildBulkWagonPlan,
+  buildContainerWagonPlan,
+  buildMixedWagonPlan,
+  expandBookingContainerUnits,
+  expandContainerItems,
+  roundTons,
+  sumWagonsRequired,
+  validate20ftContainerRules,
+  validateContainerPlacements,
+} from './wagon-plan.util';
+
+const nw5: WagonType = {
+  id: 'wt-nw5',
+  code: 'NW5',
+  name: 'Flat Wagon',
+  capacityTons: 70,
+  lengthMeters: 14,
+  maxWagonsPerTrain: 53,
+  supportedLoadTypes: ['CONTAINER'],
+  isActive: true,
+  supportsContainer: true,
+} as WagonType;
+
+const cw3: WagonType = {
+  id: 'wt-cw3',
+  code: 'CW3',
+  name: 'Covered Wagon',
+  capacityTons: 60,
+  lengthMeters: 14,
+  maxWagonsPerTrain: 53,
+  supportedLoadTypes: ['BULK'],
+  isActive: true,
+  supportsContainer: false,
+} as WagonType;
+
+const makeContainerBooking = (
+  id: string,
+  lines: Array<{ quantity: number; wagonsRequired: number; vgmPerUnitTons?: number }>,
+): Booking =>
+  ({
+    id,
+    reference: id,
+    freightType: 'CONTAINER',
+    cargoTotalWeightVgm: lines.reduce(
+      (sum, line) => sum + line.quantity * (line.vgmPerUnitTons ?? 25),
+      0,
+    ),
+    bookingContainers: lines.map((line, index) => ({
+      id: `${id}-line-${index}`,
+      containerTypeId: `ct-${index}`,
+      quantity: line.quantity,
+      wagonsRequired: line.wagonsRequired,
+      vgmPerUnitTons: line.vgmPerUnitTons ?? 25,
+    })),
+  }) as Booking;
+
+describe('wagon-plan.util', () => {
+  it('uses slot-based planning: 2×20ft = 1 wagon slot', () => {
+    const booking = makeContainerBooking('b1', [{ quantity: 2, wagonsRequired: 1 }]);
+    const plan = buildContainerWagonPlan([booking], nw5);
+    expect(plan).toHaveLength(1);
+    expect(plan[0]?.allocations[0]?.loadType).toBe(AllocationLoadType.Container);
+  });
+
+  it('uses slot-based planning: 1×40ft = 1 wagon slot', () => {
+    const booking = makeContainerBooking('b2', [{ quantity: 1, wagonsRequired: 1 }]);
+    const plan = buildContainerWagonPlan([booking], nw5);
+    expect(plan).toHaveLength(1);
+  });
+
+  it('sums wagons across multiple container lines', () => {
+    const booking = makeContainerBooking('b3', [
+      { quantity: 2, wagonsRequired: 1 },
+      { quantity: 1, wagonsRequired: 1 },
+    ]);
+    expect(sumWagonsRequired(booking)).toBe(2);
+    const plan = buildContainerWagonPlan([booking], nw5);
+    expect(plan).toHaveLength(2);
+  });
+
+  it('6×20ft containers = 3 wagon slots (2 per wagon)', () => {
+    // 20ft containers have wagonsPerUnit = 0.5, so 6 * 0.5 = 3 wagons
+    const booking = makeContainerBooking('b6x20', [{ quantity: 6, wagonsRequired: 3 }]);
+    expect(sumWagonsRequired(booking)).toBe(3);
+    const plan = buildContainerWagonPlan([booking], nw5);
+    expect(plan).toHaveLength(3);
+    // Verify sequence numbers are 1, 2, 3
+    expect(plan.map((s) => s.sequenceNo)).toEqual([1, 2, 3]);
+  });
+
+  it('expands container items per quantity', () => {
+    const booking = makeContainerBooking('b4', [{ quantity: 3, wagonsRequired: 3 }]);
+    const items = expandContainerItems(booking, 'alloc-1');
+    expect(items).toHaveLength(3);
+    expect(items[0]?.wagonBookingAllocationId).toBe('alloc-1');
+  });
+
+  it('rounds tons to three decimal places', () => {
+    expect(roundTons(1.23456)).toBe(1.235);
+    expect(roundTons('bad')).toBe(0);
+  });
+
+  it('builds mixed plan with container block before bulk', () => {
+    const containerBooking = makeContainerBooking('c1', [{ quantity: 2, wagonsRequired: 2 }]);
+    const bulkBooking = {
+      id: 'b1',
+      reference: 'BKG-BULK',
+      freightType: 'BULK',
+      cargoTotalWeightVgm: 120,
+      bookingContainers: [],
+    } as unknown as Booking;
+
+    const plan = buildMixedWagonPlan([containerBooking], [bulkBooking], nw5, cw3);
+    expect(plan).toHaveLength(4);
+    expect(plan[0]?.slotLoadType).toBe('CONTAINER');
+    expect(plan[2]?.slotLoadType).toBe('BULK');
+    expect(plan.map((s) => s.sequenceNo)).toEqual([1, 2, 3, 4]);
+  });
+
+  it('expands booking container units for UI rows', () => {
+    const booking = makeContainerBooking('c2', [{ quantity: 3, wagonsRequired: 3 }]);
+    const units = expandBookingContainerUnits([booking]);
+    expect(units).toHaveLength(3);
+    expect(units[1]?.unitIndex).toBe(1);
+    expect(units[1]?.bookingContainerId).toBe('c2-line-0');
+  });
+
+  it('validates required placements per container unit', () => {
+    const booking = makeContainerBooking('c3', [{ quantity: 2, wagonsRequired: 2 }]);
+    const plan = buildContainerWagonPlan([booking], nw5);
+    const violations = validateContainerPlacements([booking], plan, []);
+    expect(violations.some((v) => v.includes('required'))).toBe(true);
+
+    const units = expandBookingContainerUnits([booking]);
+    const placements = units.map((unit, index) => ({
+      bookingContainerId: unit.bookingContainerId,
+      unitIndex: unit.unitIndex,
+      sequenceNo: plan[index]?.sequenceNo ?? 1,
+      containerNumber: `CNTR-${index + 1}`,
+    }));
+    expect(validateContainerPlacements([booking], plan, placements)).toEqual([]);
+  });
+
+  it('rejects 20ft container over max individual weight', () => {
+    const booking = makeContainerBooking('c20', [{ quantity: 2, wagonsRequired: 1, vgmPerUnitTons: 35 }]);
+    const units = expandBookingContainerUnits([booking]);
+    const placements = units.map((unit, index) => ({
+      bookingContainerId: unit.bookingContainerId,
+      unitIndex: unit.unitIndex,
+      sequenceNo: 1,
+      containerNumber: `CNTR-${index + 1}`,
+    }));
+
+    const violations = validate20ftContainerRules(units, placements, {
+      max20ftContainerWeightTons: 30,
+      max20ftPairWeightDiffTons: 10,
+    });
+
+    expect(violations.some((v) => v.includes('exceeds max 30T'))).toBe(true);
+  });
+
+  it('rejects 20ft pair when weight difference exceeds limit', () => {
+    const booking = makeContainerBooking('c21', [
+      { quantity: 2, wagonsRequired: 1, vgmPerUnitTons: 25 },
+    ]);
+    booking.bookingContainers![0]!.vgmPerUnitTons = 25;
+    const units = expandBookingContainerUnits([booking]);
+    units[1]!.grossWeightTons = 10;
+    const placements = units.map((unit) => ({
+      bookingContainerId: unit.bookingContainerId,
+      unitIndex: unit.unitIndex,
+      sequenceNo: 1,
+      containerNumber: `CNTR-${unit.unitIndex}`,
+    }));
+
+    const violations = validate20ftContainerRules(units, placements, {
+      max20ftContainerWeightTons: 30,
+      max20ftPairWeightDiffTons: 10,
+    });
+
+    expect(violations.some((v) => v.includes('weight difference'))).toBe(true);
+  });
+
+  it('builds bulk-only plan as degenerate mixed case', () => {
+    const bulkBooking = {
+      id: 'b2',
+      reference: 'BKG-BULK-2',
+      freightType: 'BULK',
+      cargoTotalWeightVgm: 60,
+      bookingContainers: [],
+    } as unknown as Booking;
+    const plan = buildMixedWagonPlan([], [bulkBooking], nw5, cw3);
+    expect(plan).toHaveLength(1);
+    expect(plan[0]?.slotLoadType).toBe('BULK');
+    expect(buildBulkWagonPlan([bulkBooking], cw3)).toHaveLength(1);
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/wagon-plan.util.ts b/apps/edr-freight-api/src/modules/train-scheduling/wagon-plan.util.ts
new file mode 100644
index 000000000..8c3199461
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/wagon-plan.util.ts
@@ -0,0 +1,618 @@
+import { AllocationLoadType } from '@edr/types';
+
+import { Booking } from '../bookings/entities/booking.entity';
+import { WagonType } from '../wagon-types/entities/wagon-type.entity';
+
+export const MAX_TRAIN_WEIGHT_TONS = 3500;
+export const MAX_TRAIN_LENGTH_METERS = 760;
+export const MAX_TEU_SLOTS_PER_WAGON = 2;
+
+export type TrainLimitConfig = {
+  maxWeightTons?: number;
+  maxLengthMeters?: number;
+  maxWagonsPerTrain?: number;
+  max20ftContainerWeightTons?: number;
+  max20ftPairWeightDiffTons?: number;
+};
+
+export type ContainerPlacementRules = {
+  max20ftContainerWeightTons?: number;
+  max20ftPairWeightDiffTons?: number;
+};
+
+export type WagonAllocationRecord = {
+  bookingId: string;
+  bookingReference: string;
+  allocatedWeightTons: number;
+  loadType: AllocationLoadType;
+};
+
+export type SlotLoadType = 'CONTAINER' | 'BULK';
+
+export type WagonPlanSlot = {
+  sequenceNo: number;
+  wagonTypeId: string;
+  wagonTypeCode: string;
+  capacityTons: number;
+  lengthMeters: number;
+  assignedWeightTons: number;
+  allocations: WagonAllocationRecord[];
+  slotLoadType?: SlotLoadType;
+};
+
+export type ContainerUnitRow = {
+  bookingId: string;
+  bookingReference: string;
+  bookingContainerId: string;
+  unitIndex: number;
+  containerTypeId: string;
+  containerTypeCode: string;
+  label: string;
+  grossWeightTons: number;
+  sizeFt?: number;
+  wagonsPerUnit?: number;
+  containersPerWagon?: number;
+  teuSlots?: number;
+  containerNumber?: string | null;
+};
+
+export type ContainerPlacementInput = {
+  bookingContainerId: string;
+  unitIndex: number;
+  sequenceNo: number;
+  containerId?: string;
+  containerNumber?: string;
+  sealNumber?: string;
+};
+
+export function roundTons(value: number | string | null | undefined): number {
+  const numericValue = typeof value === 'number' ? value : Number(value ?? 0);
+  if (!Number.isFinite(numericValue)) return 0;
+  return Number(numericValue.toFixed(3));
+}
+
+/** TEU slots on a wagon: 40ft = 2, 20ft = 1 (max 2 TEU / wagon). */
+export function teuSlotsForSizeFt(sizeFt: number): number {
+  return sizeFt >= 40 ? 2 : 1;
+}
+
+export function containersPerWagonFromType(wagonsPerUnit: number): number {
+  const wpu = Number(wagonsPerUnit);
+  if (!wpu || wpu <= 0) return 1;
+  return Math.max(1, Math.round(1 / wpu));
+}
+
+function lineWagonsRequired(line: {
+  quantity?: number | null;
+  wagonsRequired?: number | null;
+  containerType?: { wagonsPerUnit?: number | null; sizeFt?: number | null } | null;
+}): number {
+  const qty = Number(line.quantity ?? 0);
+  if (qty <= 0) return 0;
+  const wpu = Number(line.containerType?.wagonsPerUnit);
+  if (Number.isFinite(wpu) && wpu > 0) {
+    return Math.ceil(qty * wpu);
+  }
+  return Math.max(1, Math.ceil(Number(line.wagonsRequired ?? 1)));
+}
+
+/**
+ * Build slot-based wagon plan for CONTAINER bookings using booking_container.wagons_required.
+ */
+export function buildContainerWagonPlan(
+  bookings: Booking[],
+  wagonType: WagonType,
+): WagonPlanSlot[] {
+  const totalSlots = bookings.reduce((sum, booking) => {
+    const lineSlots = (booking.bookingContainers ?? []).reduce(
+      (lineSum, line) => lineSum + lineWagonsRequired(line),
+      0,
+    );
+    return sum + Math.max(lineSlots, 1);
+  }, 0);
+
+  const slots = Math.max(1, Math.ceil(totalSlots));
+  const basePlan: WagonPlanSlot[] = Array.from({ length: slots }, (_, index) => ({
+    sequenceNo: index + 1,
+    wagonTypeId: wagonType.id,
+    wagonTypeCode: wagonType.code,
+    capacityTons: Number(wagonType.capacityTons),
+    lengthMeters: Number(wagonType.lengthMeters),
+    assignedWeightTons: 0,
+    allocations: [],
+  }));
+
+  return allocateContainersToSlots(bookings, basePlan).map((slot) => ({
+    ...slot,
+    slotLoadType: 'CONTAINER' as SlotLoadType,
+  }));
+}
+
+/**
+ * Build weight-based wagon plan for BULK bookings.
+ */
+export function buildBulkWagonPlan(
+  bookings: Booking[],
+  wagonType: WagonType,
+): WagonPlanSlot[] {
+  const totalWeight = roundTons(
+    bookings.reduce((sum, b) => sum + Number(b.cargoTotalWeightVgm ?? 0), 0),
+  );
+  const capacity = Number(wagonType.capacityTons);
+  const slots = Math.max(1, Math.ceil(totalWeight / capacity));
+
+  const basePlan: WagonPlanSlot[] = Array.from({ length: slots }, (_, index) => ({
+    sequenceNo: index + 1,
+    wagonTypeId: wagonType.id,
+    wagonTypeCode: wagonType.code,
+    capacityTons: capacity,
+    lengthMeters: Number(wagonType.lengthMeters),
+    assignedWeightTons: 0,
+    allocations: [],
+  }));
+
+  return allocateBookingsToSlots(bookings, basePlan, AllocationLoadType.Bulk).map((slot) => ({
+    ...slot,
+    slotLoadType: 'BULK' as SlotLoadType,
+  }));
+}
+
+/**
+ * Build a mixed consist: container slots first, then bulk slots, with unified sequence numbers.
+ */
+export function buildMixedWagonPlan(
+  containerBookings: Booking[],
+  bulkBookings: Booking[],
+  containerWagonType: WagonType,
+  bulkWagonType: WagonType,
+): WagonPlanSlot[] {
+  const containerPlan = containerBookings.length
+    ? buildContainerWagonPlan(containerBookings, containerWagonType)
+    : [];
+  const bulkPlan = bulkBookings.length
+    ? buildBulkWagonPlan(bulkBookings, bulkWagonType)
+    : [];
+
+  const tagged: WagonPlanSlot[] = [
+    ...containerPlan.map((slot) => ({ ...slot, slotLoadType: 'CONTAINER' as SlotLoadType })),
+    ...bulkPlan.map((slot) => ({ ...slot, slotLoadType: 'BULK' as SlotLoadType })),
+  ];
+
+  if (!tagged.length) {
+    return [
+      {
+        sequenceNo: 1,
+        wagonTypeId: containerWagonType.id,
+        wagonTypeCode: containerWagonType.code,
+        capacityTons: Number(containerWagonType.capacityTons),
+        lengthMeters: Number(containerWagonType.lengthMeters),
+        assignedWeightTons: 0,
+        allocations: [],
+        slotLoadType: 'CONTAINER',
+      },
+    ];
+  }
+
+  return tagged.map((slot, index) => ({
+    ...slot,
+    sequenceNo: index + 1,
+  }));
+}
+
+export function expandBookingContainerUnits(bookings: Booking[]): ContainerUnitRow[] {
+  const rows: ContainerUnitRow[] = [];
+
+  for (const booking of bookings.filter((b) => b.freightType === 'CONTAINER')) {
+    for (const line of booking.bookingContainers ?? []) {
+      const qty = Number(line.quantity ?? 0);
+      const code = line.containerType?.code ?? line.containerType?.label ?? 'Container';
+      const sizeFt = Number(line.containerType?.sizeFt ?? (code.includes('40') ? 40 : 20));
+      const wagonsPerUnit = Number(line.containerType?.wagonsPerUnit ?? (sizeFt >= 40 ? 1 : 0.5));
+      const perWagon = containersPerWagonFromType(wagonsPerUnit);
+      const teuSlots = teuSlotsForSizeFt(sizeFt);
+      for (let i = 0; i < qty; i += 1) {
+        rows.push({
+          bookingId: booking.id,
+          bookingReference: booking.reference,
+          bookingContainerId: line.id,
+          unitIndex: i,
+          containerTypeId: line.containerTypeId ?? '',
+          containerTypeCode: code,
+          label: `${booking.reference} · ${i + 1}/${qty} · ${code}`,
+          grossWeightTons: Number(line.vgmPerUnitTons),
+          sizeFt,
+          wagonsPerUnit,
+          containersPerWagon: perWagon,
+          teuSlots,
+          containerNumber: line.containerNumber ?? null,
+        });
+      }
+    }
+  }
+
+  return rows;
+}
+
+export function getContainerSlotSequenceNos(wagonPlan: WagonPlanSlot[]): number[] {
+  return wagonPlan
+    .filter((slot) => slot.slotLoadType === 'CONTAINER' || slot.allocations.some(
+      (a) => a.loadType === AllocationLoadType.Container,
+    ))
+    .map((slot) => slot.sequenceNo);
+}
+
+function allocateBookingsToSlots(
+  bookings: Booking[],
+  basePlan: WagonPlanSlot[],
+  loadType: AllocationLoadType,
+): WagonPlanSlot[] {
+  const remaining = bookings.map((booking) => ({
+    bookingId: booking.id,
+    bookingReference: booking.reference,
+    remainingWeightTons: roundTons(Number(booking.cargoTotalWeightVgm ?? 0)),
+  }));
+
+  let bookingIndex = 0;
+
+  return basePlan.map((slot) => {
+    let wagonRemaining = roundTons(slot.capacityTons);
+    const allocations: WagonAllocationRecord[] = [];
+    let assignedWeightTons = 0;
+
+    while (wagonRemaining > 0 && bookingIndex < remaining.length) {
+      const booking = remaining[bookingIndex];
+      const allocatedWeightTons = roundTons(
+        Math.min(wagonRemaining, booking.remainingWeightTons),
+      );
+
+      if (allocatedWeightTons <= 0) {
+        bookingIndex += 1;
+        continue;
+      }
+
+      allocations.push({
+        bookingId: booking.bookingId,
+        bookingReference: booking.bookingReference,
+        allocatedWeightTons,
+        loadType,
+      });
+
+      booking.remainingWeightTons = roundTons(
+        booking.remainingWeightTons - allocatedWeightTons,
+      );
+      wagonRemaining = roundTons(wagonRemaining - allocatedWeightTons);
+      assignedWeightTons = roundTons(assignedWeightTons + allocatedWeightTons);
+
+      if (booking.remainingWeightTons <= 0) {
+        bookingIndex += 1;
+      }
+    }
+
+    return { ...slot, assignedWeightTons, allocations };
+  });
+}
+
+/**
+ * Allocate container bookings across wagon slots by TEU capacity. A wagon holds at most
+ * 2 TEU, so it carries either one 40ft container (2 TEU) or two 20ft containers (1 TEU
+ * each) — a 40ft is NEVER mixed onto the same wagon as a 20ft. Every physical container
+ * maps to a real wagon allocation, and this mirrors the frontend auto-fill packing
+ * exactly so a placement's sequenceNo always lands on a slot that holds an allocation
+ * for its booking.
+ *
+ * Weight-based packing (allocateBookingsToSlots) is wrong for containers: it collapses
+ * several light containers into the first wagons by tonnage and leaves later container
+ * units without an allocation slot, which silently drops their container items on assign.
+ */
+function allocateContainersToSlots(
+  bookings: Booking[],
+  basePlan: WagonPlanSlot[],
+): WagonPlanSlot[] {
+  const slots = basePlan.map((slot) => ({
+    ...slot,
+    assignedWeightTons: 0,
+    allocations: [] as WagonAllocationRecord[],
+  }));
+  if (!slots.length) return slots;
+
+  const units = expandBookingContainerUnits(bookings);
+  let currentSlotIndex = 0;
+  let teuInCurrentSlot = 0;
+
+  for (const unit of units) {
+    const teu = unit.teuSlots ?? teuSlotsForSizeFt(unit.sizeFt ?? 20);
+
+    // Move to the next wagon once this one can't fit the container's TEU. This keeps a
+    // 40ft (2 TEU) alone on its wagon and never pairs it with a 20ft.
+    if (teuInCurrentSlot > 0 && teuInCurrentSlot + teu > MAX_TEU_SLOTS_PER_WAGON) {
+      currentSlotIndex += 1;
+      teuInCurrentSlot = 0;
+    }
+
+    const slot = slots[Math.min(currentSlotIndex, slots.length - 1)]!;
+
+    let allocation = slot.allocations.find((a) => a.bookingId === unit.bookingId);
+    if (!allocation) {
+      allocation = {
+        bookingId: unit.bookingId,
+        bookingReference: unit.bookingReference,
+        allocatedWeightTons: 0,
+        loadType: AllocationLoadType.Container,
+      };
+      slot.allocations.push(allocation);
+    }
+    allocation.allocatedWeightTons = roundTons(
+      allocation.allocatedWeightTons + unit.grossWeightTons,
+    );
+    slot.assignedWeightTons = roundTons(slot.assignedWeightTons + unit.grossWeightTons);
+    teuInCurrentSlot += teu;
+  }
+
+  return slots;
+}
+
+export function expandContainerItems(
+  booking: Booking,
+  allocationId: string,
+): Array<{
+  wagonBookingAllocationId: string;
+  bookingContainerId: string;
+  containerTypeId: string;
+  grossWeightTons: number;
+  positionOnWagon: number | null;
+}> {
+  const items: Array<{
+    wagonBookingAllocationId: string;
+    bookingContainerId: string;
+    containerTypeId: string;
+    grossWeightTons: number;
+    positionOnWagon: number | null;
+  }> = [];
+
+  for (const line of booking.bookingContainers ?? []) {
+    const qty = Number(line.quantity ?? 0);
+    for (let i = 0; i < qty; i += 1) {
+      items.push({
+        wagonBookingAllocationId: allocationId,
+        bookingContainerId: line.id,
+        containerTypeId: line.containerTypeId ?? '',
+        grossWeightTons: Number(line.vgmPerUnitTons),
+        positionOnWagon: qty > 1 ? i + 1 : null,
+      });
+    }
+  }
+
+  return items;
+}
+
+export function sumWagonsRequired(booking: Booking): number {
+  if (booking.freightType === 'BULK') {
+    return 1;
+  }
+  return (booking.bookingContainers ?? []).reduce(
+    (sum, line) => sum + Number(line.wagonsRequired ?? 0),
+    0,
+  );
+}
+
+export function validateBulkWagonSlotWeights(wagonPlan: WagonPlanSlot[]): string[] {
+  const violations: string[] = [];
+  for (const slot of wagonPlan.filter((s) => s.slotLoadType === 'BULK')) {
+    if (slot.assignedWeightTons > slot.capacityTons) {
+      violations.push(
+        `Bulk wagon #${slot.sequenceNo} load ${slot.assignedWeightTons}T exceeds capacity ${slot.capacityTons}T`,
+      );
+    }
+  }
+  return violations;
+}
+
+export function validateTrainLimits(
+  wagonPlan: WagonPlanSlot[],
+  wagonType: WagonType,
+  limits?: TrainLimitConfig,
+): string[] {
+  const violations: string[] = [];
+  const maxWeightTons = limits?.maxWeightTons ?? MAX_TRAIN_WEIGHT_TONS;
+  const maxLengthMeters = limits?.maxLengthMeters ?? MAX_TRAIN_LENGTH_METERS;
+  const wagonLength = Number(wagonType.lengthMeters) || 14;
+  const maxWagonsPerTrain =
+    limits?.maxWagonsPerTrain ??
+    Math.floor(maxLengthMeters / wagonLength);
+
+  const totalWeightTons = roundTons(
+    wagonPlan.reduce((sum, w) => sum + w.assignedWeightTons, 0),
+  );
+  const totalLengthMeters = roundTons(
+    wagonPlan.reduce((sum, w) => sum + w.lengthMeters, 0),
+  );
+
+  if (totalWeightTons > maxWeightTons) {
+    violations.push(
+      `Total booking weight ${totalWeightTons}T exceeds max train weight ${maxWeightTons}T`,
+    );
+  }
+  if (totalLengthMeters > maxLengthMeters) {
+    violations.push(
+      `Total wagon length ${totalLengthMeters}m exceeds max train length ${maxLengthMeters}m`,
+    );
+  }
+  if (wagonPlan.length > maxWagonsPerTrain) {
+    violations.push(
+      `Wagon count ${wagonPlan.length} exceeds max wagons per train (${maxWagonsPerTrain})`,
+    );
+  }
+
+  violations.push(...validateBulkWagonSlotWeights(wagonPlan));
+
+  return violations;
+}
+
+export function validateMixedTrainLimits(
+  wagonPlan: WagonPlanSlot[],
+  wagonTypes: WagonType[],
+  limits?: TrainLimitConfig,
+): string[] {
+  const maxLengthMeters = limits?.maxLengthMeters ?? MAX_TRAIN_LENGTH_METERS;
+  const minWagonLength = Math.min(
+    ...wagonTypes.map((wt) => Number(wt.lengthMeters) || 14),
+    14,
+  );
+  const maxWagonsPerTrain =
+    limits?.maxWagonsPerTrain ?? Math.floor(maxLengthMeters / minWagonLength);
+
+  return validateTrainLimits(
+    wagonPlan,
+    { maxWagonsPerTrain } as WagonType,
+    { ...limits, maxWagonsPerTrain },
+  );
+}
+
+export function validate20ftContainerRules(
+  units: ContainerUnitRow[],
+  placements: ContainerPlacementInput[],
+  rules?: ContainerPlacementRules,
+): string[] {
+  const violations: string[] = [];
+  const maxEach = rules?.max20ftContainerWeightTons;
+  const maxDiff = rules?.max20ftPairWeightDiffTons;
+  if (maxEach == null && maxDiff == null) return violations;
+
+  const placementByUnit = new Map(
+    placements.map((p) => [`${p.bookingContainerId}:${p.unitIndex}`, p]),
+  );
+
+  const weightsBySlot = new Map<number, number[]>();
+
+  for (const unit of units) {
+    const sizeFt = unit.sizeFt ?? (unit.containerTypeCode.includes('40') ? 40 : 20);
+    if (sizeFt >= 40) continue;
+
+    if (maxEach != null && unit.grossWeightTons > maxEach) {
+      violations.push(
+        `${unit.label} weight ${unit.grossWeightTons}T exceeds max ${maxEach}T for 20ft containers`,
+      );
+    }
+
+    const placement = placementByUnit.get(`${unit.bookingContainerId}:${unit.unitIndex}`);
+    if (!placement?.sequenceNo) continue;
+
+    const list = weightsBySlot.get(placement.sequenceNo) ?? [];
+    list.push(unit.grossWeightTons);
+    weightsBySlot.set(placement.sequenceNo, list);
+  }
+
+  if (maxDiff != null) {
+    for (const [sequenceNo, weights] of weightsBySlot.entries()) {
+      if (weights.length < 2) continue;
+      const diff = Math.abs(weights[0]! - weights[1]!);
+      if (diff > maxDiff) {
+        violations.push(
+          `Wagon #${sequenceNo} 20ft pair weight difference ${roundTons(diff)}T exceeds max ${maxDiff}T`,
+        );
+      }
+    }
+  }
+
+  return violations;
+}
+
+export function validateContainerPlacements(
+  containerBookings: Booking[],
+  wagonPlan: WagonPlanSlot[],
+  placements: ContainerPlacementInput[],
+  rules?: ContainerPlacementRules,
+): string[] {
+  const violations: string[] = [];
+  const units = expandBookingContainerUnits(containerBookings);
+  if (!units.length) return violations;
+
+  const containerSlots = new Set(getContainerSlotSequenceNos(wagonPlan));
+  const unitKeys = new Set(units.map((u) => `${u.bookingContainerId}:${u.unitIndex}`));
+  const placementKeys = new Set<string>();
+  const containerNumbers = new Set<string>();
+
+  if (!placements.length) {
+    violations.push('Container placements are required for container bookings');
+    return violations;
+  }
+
+  for (const placement of placements) {
+    const unitKey = `${placement.bookingContainerId}:${placement.unitIndex}`;
+    if (!unitKeys.has(unitKey)) {
+      violations.push(
+        `Unknown container unit ${placement.bookingContainerId}#${placement.unitIndex}`,
+      );
+      continue;
+    }
+    if (placementKeys.has(unitKey)) {
+      violations.push(`Duplicate placement for container unit ${unitKey}`);
+    }
+    placementKeys.add(unitKey);
+
+    if (!containerSlots.has(placement.sequenceNo)) {
+      violations.push(`Slot #${placement.sequenceNo} is not a container wagon slot`);
+    }
+
+    const hasInventory = Boolean(placement.containerId);
+    const hasManual = Boolean(placement.containerNumber?.trim());
+    if (!hasInventory && !hasManual) {
+      violations.push(
+        `Container unit ${unitKey} requires an existing container or a new container number`,
+      );
+    }
+
+    if (hasManual) {
+      const normalized = placement.containerNumber!.trim().toUpperCase();
+      if (containerNumbers.has(normalized)) {
+        violations.push(`Duplicate container number ${normalized}`);
+      }
+      containerNumbers.add(normalized);
+    }
+  }
+
+  for (const unit of units) {
+    const unitKey = `${unit.bookingContainerId}:${unit.unitIndex}`;
+    if (!placementKeys.has(unitKey)) {
+      violations.push(`Missing placement for ${unit.label}`);
+    }
+  }
+
+  const slotTeuUsed = new Map<number, number>();
+  const slotWeightUsed = new Map<number, number>();
+  const slotBySeq = new Map(wagonPlan.map((s) => [s.sequenceNo, s]));
+
+  for (const placement of placements) {
+    const unit = units.find(
+      (u) =>
+        u.bookingContainerId === placement.bookingContainerId &&
+        u.unitIndex === placement.unitIndex,
+    );
+    if (!unit) continue;
+
+    const teu = unit.teuSlots ?? teuSlotsForSizeFt(unit.sizeFt ?? 20);
+    const usedTeu = slotTeuUsed.get(placement.sequenceNo) ?? 0;
+    if (usedTeu + teu > MAX_TEU_SLOTS_PER_WAGON) {
+      violations.push(
+        `Wagon #${placement.sequenceNo} cannot fit another ${unit.containerTypeCode} (max 1×40ft or 2×20ft per wagon)`,
+      );
+    } else {
+      slotTeuUsed.set(placement.sequenceNo, usedTeu + teu);
+    }
+
+    const slot = slotBySeq.get(placement.sequenceNo);
+    if (slot) {
+      const weight = roundTons(slotWeightUsed.get(placement.sequenceNo) ?? 0) + unit.grossWeightTons;
+      slotWeightUsed.set(placement.sequenceNo, weight);
+      if (weight > slot.capacityTons) {
+        violations.push(
+          `Wagon #${placement.sequenceNo} total container weight ${weight}T exceeds capacity ${slot.capacityTons}T`,
+        );
+      }
+    }
+  }
+
+  violations.push(...validate20ftContainerRules(units, placements, rules));
+
+  return violations;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/wagon-readiness.util.spec.ts b/apps/edr-freight-api/src/modules/train-scheduling/wagon-readiness.util.spec.ts
new file mode 100644
index 000000000..b39c12e89
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/wagon-readiness.util.spec.ts
@@ -0,0 +1,35 @@
+import { WagonReadiness } from '@edr/types';
+
+import {
+  requiredWagonReadiness,
+  wagonReadinessMatchesSchedule,
+} from './wagon-readiness.util';
+
+describe('wagonReadinessMatchesSchedule', () => {
+  it('requires IMPORT_READY for IMPORT schedules', () => {
+    expect(requiredWagonReadiness('IMPORT')).toBe(WagonReadiness.ImportReady);
+    expect(
+      wagonReadinessMatchesSchedule(WagonReadiness.ImportReady, 'IMPORT'),
+    ).toBe(true);
+    expect(
+      wagonReadinessMatchesSchedule(WagonReadiness.ExportReady, 'IMPORT'),
+    ).toBe(false);
+  });
+
+  it('requires EXPORT_READY for EXPORT schedules', () => {
+    expect(requiredWagonReadiness('EXPORT')).toBe(WagonReadiness.ExportReady);
+    expect(
+      wagonReadinessMatchesSchedule(WagonReadiness.ExportReady, 'EXPORT'),
+    ).toBe(true);
+    expect(
+      wagonReadinessMatchesSchedule(WagonReadiness.ImportReady, 'EXPORT'),
+    ).toBe(false);
+  });
+
+  it('allows any readiness for DOMESTIC schedules', () => {
+    expect(requiredWagonReadiness('DOMESTIC')).toBeNull();
+    expect(
+      wagonReadinessMatchesSchedule(WagonReadiness.ExportReady, 'DOMESTIC'),
+    ).toBe(true);
+  });
+});
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/wagon-readiness.util.ts b/apps/edr-freight-api/src/modules/train-scheduling/wagon-readiness.util.ts
new file mode 100644
index 000000000..e4ee03a2c
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/wagon-readiness.util.ts
@@ -0,0 +1,31 @@
+import { WagonReadiness, type ScheduleTradeDirection } from '@edr/types';
+
+/** @deprecated Replaced by yard-based fleet filtering via `currentYardId`. */
+export function requiredWagonReadiness(
+  direction: ScheduleTradeDirection | string | null | undefined,
+): WagonReadiness | null {
+  if (direction === 'IMPORT') return WagonReadiness.ImportReady;
+  if (direction === 'EXPORT') return WagonReadiness.ExportReady;
+  return null;
+}
+
+/** @deprecated Replaced by `wagon.currentYardId === originYardId` checks. */
+export function wagonReadinessMatchesSchedule(
+  wagonReadiness: WagonReadiness | string,
+  direction: ScheduleTradeDirection | string | null | undefined,
+): boolean {
+  const required = requiredWagonReadiness(direction);
+  if (!required) return true;
+  return wagonReadiness === required;
+}
+
+/**
+ * @deprecated Replaced by setting `currentYardId = schedule.destinationStationId` on arrival.
+ */
+export function flipReadiness(
+  readiness: WagonReadiness | string,
+): WagonReadiness {
+  return readiness === WagonReadiness.ImportReady
+    ? WagonReadiness.ExportReady
+    : WagonReadiness.ImportReady;
+}
diff --git a/apps/edr-freight-api/src/modules/train-scheduling/wagon-type-resolver.util.ts b/apps/edr-freight-api/src/modules/train-scheduling/wagon-type-resolver.util.ts
new file mode 100644
index 000000000..bac0330f2
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/train-scheduling/wagon-type-resolver.util.ts
@@ -0,0 +1,49 @@
+import { WagonType } from '../wagon-types/entities/wagon-type.entity';
+
+const CARGO_CODE_TO_WAGON_TYPE: Record<string, string> = {
+  COFFEE: 'KW2',
+  GRAIN: 'KW2',
+  WHEAT: 'KW2',
+  SORGHUM: 'KW2',
+  CORN: 'KW2',
+  FERTILIZER: 'PW2',
+  SUGAR: 'PW2',
+  COAL: 'KW3',
+  STEEL: 'CW3',
+  ORE: 'CW3',
+};
+
+const DEFAULT_BULK_WAGON_TYPE = 'CW3';
+const DEFAULT_CONTAINER_WAGON_TYPE = 'NW5';
+
+/**
+ * Resolve wagon type code from cargo type code for bulk freight.
+ */
+export function resolveBulkWagonTypeCode(cargoTypeCode?: string | null): string {
+  if (!cargoTypeCode) return DEFAULT_BULK_WAGON_TYPE;
+  const normalized = cargoTypeCode.trim().toUpperCase();
+  return CARGO_CODE_TO_WAGON_TYPE[normalized] ?? DEFAULT_BULK_WAGON_TYPE;
+}
+
+/**
+ * Pick the best matching wagon type entity for bulk cargo.
+ */
+export function pickBulkWagonType(
+  wagonTypes: WagonType[],
+  cargoTypeCode?: string | null,
+): WagonType | undefined {
+  const preferredCode = resolveBulkWagonTypeCode(cargoTypeCode);
+  const direct = wagonTypes.find((wt) => wt.code === preferredCode && wt.isActive);
+  if (direct) return direct;
+
+  return wagonTypes.find(
+    (wt) =>
+      wt.isActive &&
+      !wt.supportsContainer &&
+      wt.code !== DEFAULT_CONTAINER_WAGON_TYPE,
+  );
+}
+
+export function getDefaultContainerWagonTypeCode(): string {
+  return DEFAULT_CONTAINER_WAGON_TYPE;
+}
diff --git a/apps/edr-freight-api/src/modules/train-sets/entities/train-set-wagon.entity.ts b/apps/edr-freight-api/src/modules/train-sets/entities/train-set-wagon.entity.ts
index 4a2ab16cb..b505a5643 100644
--- a/apps/edr-freight-api/src/modules/train-sets/entities/train-set-wagon.entity.ts
+++ b/apps/edr-freight-api/src/modules/train-sets/entities/train-set-wagon.entity.ts
@@ -1,4 +1,5 @@
 import { BaseEntity } from '@edr/api-common';
+import { TrainSetWagonStatus } from '@edr/types';
 import { Column, Entity, Index, JoinColumn, ManyToOne, OneToMany } from 'typeorm';
 
 import { WagonBookingAllocation } from '../../train-schedules/entities/wagon-booking-allocation.entity';
@@ -6,6 +7,15 @@ import { Wagon } from '../../wagons/entities/wagon.entity';
 import { WagonType } from '../../wagon-types/entities/wagon-type.entity';
 import { TrainSet } from './train-set.entity';
 
+export const TRAIN_SET_WAGON_STATUSES = [
+  TrainSetWagonStatus.Planned,
+  TrainSetWagonStatus.Reserved,
+  TrainSetWagonStatus.Loaded,
+  TrainSetWagonStatus.Departed,
+] as const;
+
+export type TrainSetWagonStatusType = (typeof TRAIN_SET_WAGON_STATUSES)[number];
+
 @Entity({ schema: 'freight', name: 'train_set_wagons' })
 @Index(['trainSetId', 'sequenceNo'], { unique: true })
 export class TrainSetWagon extends BaseEntity {
@@ -42,6 +52,16 @@ export class TrainSetWagon extends BaseEntity {
   @Column({ name: 'assigned_weight_tons', type: 'numeric', precision: 10, scale: 3, default: 0 })
   assignedWeightTons!: number;
 
+  @Column({ name: 'physical_wagon_id', type: 'uuid', nullable: true })
+  physicalWagonId?: string | null;
+
+  @ManyToOne(() => Wagon, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'physical_wagon_id' })
+  physicalWagon?: Wagon | null;
+
+  @Column({ name: 'status', type: 'varchar', length: 20, default: 'PLANNED' })
+  status!: string;
+
   @OneToMany(() => WagonBookingAllocation, (allocation) => allocation.trainSetWagon)
   allocations?: WagonBookingAllocation[];
 }
diff --git a/apps/edr-freight-api/src/modules/trains/entities/train.entity.ts b/apps/edr-freight-api/src/modules/trains/entities/train.entity.ts
index 184b9c88d..ab6b49b1d 100644
--- a/apps/edr-freight-api/src/modules/trains/entities/train.entity.ts
+++ b/apps/edr-freight-api/src/modules/trains/entities/train.entity.ts
@@ -4,6 +4,10 @@ import { Freight } from '@edr/types';
 import { Column, Entity, OneToMany } from 'typeorm';
 import { Wagon } from '../../wagons/entities/wagon.entity';
 
+/**
+ * Fleet master data — named wagon consist in inventory (POST /trains).
+ * Operational departures use train_schedules + locomotives; scheduling never creates trains rows.
+ */
 @Entity({ schema: 'freight', name: 'trains' })
 export class Train extends BaseEntity {
   // --- existing fields (keep for backward compatibility) ---
diff --git a/apps/edr-freight-api/src/modules/trains/trains.controller.ts b/apps/edr-freight-api/src/modules/trains/trains.controller.ts
index c58fc086e..0217bc161 100644
--- a/apps/edr-freight-api/src/modules/trains/trains.controller.ts
+++ b/apps/edr-freight-api/src/modules/trains/trains.controller.ts
@@ -11,16 +11,19 @@ import {
 } from "@nestjs/common";
 import { ApiOperation, ApiTags } from "@nestjs/swagger";
 
+import { FleetManage, FleetView } from "../../common/booking-guards";
 import { CreateTrainDto } from "./dto/create-train.dto";
 import { UpdateTrainDto } from "./dto/update-train.dto";
 import { TrainsService } from "./trains.service";
 
 @ApiTags("trains")
 @Controller("trains")
+@FleetView()
 export class TrainsController {
   constructor(private readonly trainsService: TrainsService) {}
 
   @Post()
+  @FleetManage()
   @ApiOperation({ summary: "Register a new train" })
   create(@Body() dto: CreateTrainDto) {
     return this.trainsService.create(dto);
@@ -39,12 +42,14 @@ export class TrainsController {
   }
 
   @Patch(":id")
+  @FleetManage()
   @ApiOperation({ summary: "Update a train" })
   update(@Param("id", ParseUUIDPipe) id: string, @Body() dto: UpdateTrainDto) {
     return this.trainsService.update(id, dto);
   }
 
   @Delete(":id")
+  @FleetManage()
   @ApiOperation({ summary: "Delete a train" })
   remove(@Param("id", ParseUUIDPipe) id: string) {
     return this.trainsService.remove(id);
diff --git a/apps/edr-freight-api/src/modules/wagon-types/dto/create-wagon-type.dto.ts b/apps/edr-freight-api/src/modules/wagon-types/dto/create-wagon-type.dto.ts
index 0888f4fbf..6de5debda 100644
--- a/apps/edr-freight-api/src/modules/wagon-types/dto/create-wagon-type.dto.ts
+++ b/apps/edr-freight-api/src/modules/wagon-types/dto/create-wagon-type.dto.ts
@@ -28,7 +28,9 @@ const toStringArray = ({ value }: { value: unknown }) => {
   if (Array.isArray(value)) {
     return value.map((entry) => String(entry).trim()).filter(Boolean);
   }
+
   if (typeof value !== 'string') return [];
+
   return value
     .split(',')
     .map((entry) => entry.trim())
@@ -36,29 +38,29 @@ const toStringArray = ({ value }: { value: unknown }) => {
 };
 
 export class CreateWagonTypeDto {
-  @ApiProperty({ maxLength: 32, example: 'FLAT' })
+  @ApiProperty({ maxLength: 32, example: 'NW5' })
   @IsString()
   @MaxLength(32)
   code!: string;
 
-  @ApiProperty({ description: 'Display name, e.g. "Flat Wagon"', maxLength: 100 })
+  @ApiProperty({ maxLength: 100, example: 'Flat wagon container' })
   @IsString()
   @MaxLength(100)
   name!: string;
 
-  @ApiProperty({ description: 'Maximum payload capacity in metric tons', example: 60 })
+  @ApiProperty({ description: 'Maximum payload capacity in metric tons', example: 70 })
   @Transform(toNumber)
   @IsNumber()
   @Min(0.001)
   capacityTons!: number;
 
-  @ApiProperty({ description: 'Wagon length in meters', example: 14.2 })
+  @ApiProperty({ description: 'Wagon length in meters', example: 14 })
   @Transform(toNumber)
   @IsNumber()
   @Min(0.001)
   lengthMeters!: number;
 
-  @ApiPropertyOptional({ description: 'Maximum wagons of this type per train', example: 45 })
+  @ApiPropertyOptional({ description: 'Maximum wagons of this type per train', example: 53 })
   @IsOptional()
   @Transform(toOptionalNumber)
   @IsInt()
diff --git a/apps/edr-freight-api/src/modules/wagon-types/entities/wagon-type.entity.ts b/apps/edr-freight-api/src/modules/wagon-types/entities/wagon-type.entity.ts
index f1bfeedea..2181a2bd1 100644
--- a/apps/edr-freight-api/src/modules/wagon-types/entities/wagon-type.entity.ts
+++ b/apps/edr-freight-api/src/modules/wagon-types/entities/wagon-type.entity.ts
@@ -28,6 +28,18 @@ export class WagonType extends BaseEntity {
   @Column({ name: 'is_active', type: 'boolean', default: true })
   isActive!: boolean;
 
+  @Column({ name: 'equated_length_m', type: 'numeric', precision: 10, scale: 3, nullable: true })
+  equatedLengthM?: number | null;
+
+  @Column({ name: 'tare_weight_tons', type: 'numeric', precision: 10, scale: 3, nullable: true })
+  tareWeightTons?: number | null;
+
+  @Column({ name: 'supports_container', type: 'boolean', default: false })
+  supportsContainer!: boolean;
+
+  @Column({ name: 'max_container_gross_t', type: 'numeric', precision: 10, scale: 3, nullable: true })
+  maxContainerGrossT?: number | null;
+
   @OneToMany(() => TrainSetWagon, (wagon) => wagon.wagonType)
   trainSetWagons?: TrainSetWagon[];
 }
diff --git a/apps/edr-freight-api/src/modules/wagon-types/wagon-types.controller.ts b/apps/edr-freight-api/src/modules/wagon-types/wagon-types.controller.ts
index d7dceaeb0..8f6417220 100644
--- a/apps/edr-freight-api/src/modules/wagon-types/wagon-types.controller.ts
+++ b/apps/edr-freight-api/src/modules/wagon-types/wagon-types.controller.ts
@@ -14,6 +14,7 @@ import {
 import { ApiBearerAuth, ApiOperation, ApiTags } from '@nestjs/swagger';
 
 import { RuleEngineManage, RuleEngineView } from '../../common/rule-engine-guards';
+
 import { CreateWagonTypeDto } from './dto/create-wagon-type.dto';
 import { UpdateWagonTypeDto } from './dto/update-wagon-type.dto';
 import { WagonTypesService } from './wagon-types.service';
@@ -28,7 +29,18 @@ export class WagonTypesController {
   @RuleEngineView('wagon-types')
   @ApiOperation({ summary: 'List wagon types' })
   findAll(@Query() query: Record<string, string | undefined>) {
-    return this.wagonTypesService.findAll(query);
+    return this.wagonTypesService.findAll({
+      isActive:
+        query.isActive === 'all'
+          ? undefined
+          : query.isActive !== undefined
+            ? query.isActive === 'true'
+            : true,
+      page: query.page ? parseInt(query.page, 10) : undefined,
+      pageSize: query.pageSize ? parseInt(query.pageSize, 10) : undefined,
+      sortBy: query.sortBy,
+      sortOrder: query.sortOrder,
+    });
   }
 
   @Get(':id')
diff --git a/apps/edr-freight-api/src/modules/wagon-types/wagon-types.service.ts b/apps/edr-freight-api/src/modules/wagon-types/wagon-types.service.ts
index ec039cfd5..ec69bb76a 100644
--- a/apps/edr-freight-api/src/modules/wagon-types/wagon-types.service.ts
+++ b/apps/edr-freight-api/src/modules/wagon-types/wagon-types.service.ts
@@ -6,33 +6,33 @@ import { UpdateWagonTypeDto } from './dto/update-wagon-type.dto';
 import { WagonType } from './entities/wagon-type.entity';
 import { WagonTypesRepository } from './wagon-types.repository';
 
-type WagonTypeListResponse = {
-  data: WagonType[];
-  meta: { total: number; page: number; pageSize: number; totalPages: number };
+type WagonTypeListFilter = {
+  isActive?: boolean;
+  page?: number;
+  pageSize?: number;
+  sortBy?: string;
+  sortOrder?: string;
 };
 
 @Injectable()
 export class WagonTypesService {
   constructor(private readonly wagonTypesRepository: WagonTypesRepository) {}
 
-  async findAll(query: Record<string, string | undefined> = {}): Promise<WagonTypeListResponse> {
-    const page = Math.max(1, Number(query.page) || 1);
-    const pageSize = Math.max(1, Number(query.pageSize) || 20);
-    const isActive =
-      query.isActive === 'all'
-        ? undefined
-        : query.isActive === undefined
-          ? true
-          : query.isActive === 'true';
+  async findAll(filter: WagonTypeListFilter = {}): Promise<{
+    data: WagonType[];
+    meta: { total: number; page: number; pageSize: number; totalPages: number };
+  }> {
+    const page = filter.page ?? 1;
+    const pageSize = filter.pageSize ?? 500;
     const sortBy = ['code', 'name', 'capacityTons', 'lengthMeters', 'isActive'].includes(
-      query.sortBy ?? '',
+      filter.sortBy ?? '',
     )
-      ? (query.sortBy as keyof WagonType)
+      ? (filter.sortBy as keyof WagonType)
       : 'code';
-    const sortOrder = query.sortOrder?.toUpperCase() === 'DESC' ? 'DESC' : 'ASC';
+    const sortOrder = filter.sortOrder?.toUpperCase() === 'DESC' ? 'DESC' : 'ASC';
 
     const [data, total] = await this.wagonTypesRepository.findAndCount({
-      where: isActive === undefined ? {} : { isActive },
+      where: filter.isActive === undefined ? {} : { isActive: filter.isActive },
       order: { [sortBy]: sortOrder } as FindOptionsOrder<WagonType>,
       skip: (page - 1) * pageSize,
       take: pageSize,
@@ -44,16 +44,18 @@ export class WagonTypesService {
         total,
         page,
         pageSize,
-        totalPages: Math.ceil(total / pageSize),
+        totalPages: Math.max(1, Math.ceil(total / pageSize)),
       },
     };
   }
 
   async findById(id: string): Promise<WagonType> {
     const wagonType = await this.wagonTypesRepository.findById(id);
+
     if (!wagonType) {
       throw new NotFoundException(`Wagon type ${id} not found`);
     }
+
     return wagonType;
   }
 
@@ -68,14 +70,16 @@ export class WagonTypesService {
   async create(dto: CreateWagonTypeDto): Promise<WagonType> {
     const code = dto.code.trim().toUpperCase();
     const existing = await this.wagonTypesRepository.findByCode(code);
+
     if (existing) {
       throw new ConflictException(`Wagon type code "${code}" already exists`);
     }
 
     return this.wagonTypesRepository.create({
-      ...dto,
       code,
       name: dto.name.trim(),
+      capacityTons: dto.capacityTons,
+      lengthMeters: dto.lengthMeters,
       maxWagonsPerTrain: dto.maxWagonsPerTrain ?? null,
       supportedLoadTypes: dto.supportedLoadTypes ?? [],
       isActive: dto.isActive ?? true,
@@ -97,6 +101,9 @@ export class WagonTypesService {
       ...dto,
       ...(nextCode ? { code: nextCode } : {}),
       ...(dto.name ? { name: dto.name.trim() } : {}),
+      maxWagonsPerTrain:
+        dto.maxWagonsPerTrain === undefined ? undefined : dto.maxWagonsPerTrain ?? null,
+      supportedLoadTypes: dto.supportedLoadTypes ?? undefined,
     });
 
     if (!updated) {
diff --git a/apps/edr-freight-api/src/modules/wagons/dto/create-wagon.dto.ts b/apps/edr-freight-api/src/modules/wagons/dto/create-wagon.dto.ts
index 5e5ba9035..03a930b11 100644
--- a/apps/edr-freight-api/src/modules/wagons/dto/create-wagon.dto.ts
+++ b/apps/edr-freight-api/src/modules/wagons/dto/create-wagon.dto.ts
@@ -1,4 +1,5 @@
-import { IsString, IsUUID, IsOptional, IsInt, Min, IsNumber, IsIn } from 'class-validator';
+import { WagonStatus } from '@edr/types';
+import { IsString, IsUUID, IsOptional, IsInt, Min, IsNumber, IsEnum } from 'class-validator';
 
 export class CreateWagonDto {
   @IsString()
@@ -16,10 +17,6 @@ export class CreateWagonDto {
   @Min(1)
   sequenceNumber?: number;
 
-  @IsOptional()
-  @IsUUID()
-  currentLocationYardId?: string;
-
   @IsNumber()
   @Min(0)
   tareWeight!: number;
@@ -29,8 +26,12 @@ export class CreateWagonDto {
   maxPayloadWeight!: number;
 
   @IsOptional()
-  @IsIn(['AVAILABLE', 'IMPORT_READY', 'EXPORT_READY', 'ASSIGNED', 'MAINTENANCE', 'RETIRED'])
-  status?: string;
+  @IsEnum(WagonStatus)
+  status?: WagonStatus;
+
+  @IsOptional()
+  @IsUUID()
+  currentYardId?: string;
 
   @IsOptional()
   @IsString()
diff --git a/apps/edr-freight-api/src/modules/wagons/dto/list-wagons-query.dto.ts b/apps/edr-freight-api/src/modules/wagons/dto/list-wagons-query.dto.ts
new file mode 100644
index 000000000..23b517785
--- /dev/null
+++ b/apps/edr-freight-api/src/modules/wagons/dto/list-wagons-query.dto.ts
@@ -0,0 +1,56 @@
+import { WagonStatus } from '@edr/types';
+import { ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import { IsEnum, IsInt, IsOptional, IsString, IsUUID, Max, Min } from 'class-validator';
+
+export class ListWagonsQueryDto {
+  @ApiPropertyOptional({ description: 'Search wagon number (partial match)' })
+  @IsOptional()
+  @IsString()
+  search?: string;
+
+  @ApiPropertyOptional({ enum: WagonStatus })
+  @IsOptional()
+  @IsEnum(WagonStatus)
+  status?: WagonStatus;
+
+  @ApiPropertyOptional({ description: 'Filter by current yard' })
+  @IsOptional()
+  @IsUUID()
+  currentYardId?: string;
+
+  @ApiPropertyOptional()
+  @IsOptional()
+  @IsUUID()
+  wagonTypeId?: string;
+
+  @ApiPropertyOptional()
+  @IsOptional()
+  @IsUUID()
+  trainId?: string;
+
+  @ApiPropertyOptional({ default: 'wagonNumber' })
+  @IsOptional()
+  @IsString()
+  sortBy?: string;
+
+  @ApiPropertyOptional({ enum: ['ASC', 'DESC'], default: 'ASC' })
+  @IsOptional()
+  @IsString()
+  sortOrder?: 'ASC' | 'DESC';
+
+  @ApiPropertyOptional({ minimum: 1 })
+  @IsOptional()
+  @Type(() => Number)
+  @IsInt()
+  @Min(1)
+  page?: number;
+
+  @ApiPropertyOptional({ minimum: 1, maximum: 500 })
+  @IsOptional()
+  @Type(() => Number)
+  @IsInt()
+  @Min(1)
+  @Max(500)
+  limit?: number;
+}
diff --git a/apps/edr-freight-api/src/modules/wagons/entities/wagon.entity.ts b/apps/edr-freight-api/src/modules/wagons/entities/wagon.entity.ts
index 5d6894e88..42db52231 100644
--- a/apps/edr-freight-api/src/modules/wagons/entities/wagon.entity.ts
+++ b/apps/edr-freight-api/src/modules/wagons/entities/wagon.entity.ts
@@ -1,12 +1,24 @@
 // apps/edr-freight-api/src/modules/wagons/entities/wagon.entity.ts
-import { Entity, Column, ManyToOne, OneToMany, JoinColumn } from 'typeorm';
+import { WagonStatus } from '@edr/types';
+import { Entity, Column, ManyToOne, OneToMany, JoinColumn, Index } from 'typeorm';
 import { BaseEntity } from '@edr/api-common';
 import { Train } from '../../trains/entities/train.entity';
+import { TrainSchedule } from '../../train-schedules/entities/train-schedule.entity';
+import { TrainSetWagon } from '../../train-sets/entities/train-set-wagon.entity';
 import { Container } from '../../container-management/entities/container.entity';
 import { Yard } from '../../rule-engine/entities/yard.entity';
-import { WagonType } from '../../wagon-types/entities/wagon-type.entity';
+
+export const WAGON_STATUSES = [
+  WagonStatus.Available,
+  WagonStatus.Assigned,
+  WagonStatus.Maintenance,
+  WagonStatus.Retired,
+] as const;
+
+export type WagonStatusType = (typeof WAGON_STATUSES)[number];
 
 @Entity({ name: 'wagons', schema: 'freight' })
+@Index(['currentYardId'])
 export class Wagon extends BaseEntity {
   @Column({ unique: true, name: 'wagon_number' })
   wagonNumber!: string;
@@ -14,36 +26,46 @@ export class Wagon extends BaseEntity {
   @Column({ name: 'wagon_type_id', type: 'uuid' })
   wagonTypeId!: string;
 
-  @ManyToOne(() => WagonType, { onDelete: 'RESTRICT' })
-  @JoinColumn({ name: 'wagon_type_id' })
-  wagonType?: WagonType;
-
   @Column({ name: 'train_id', type: 'uuid', nullable: true })
   trainId!: string | null;
 
   @Column({ name: 'sequence_number', type: 'int', nullable: true })
   sequenceNumber!: number | null;
 
-  @Column({ name: 'current_location_yard_id', type: 'uuid', nullable: true })
-  currentLocationYardId!: string | null;
-
-  @ManyToOne(() => Yard, { nullable: true, onDelete: 'SET NULL' })
-  @JoinColumn({ name: 'current_location_yard_id' })
-  currentLocationYard?: Yard | null;
-
   @Column({ name: 'tare_weight', type: 'decimal', precision: 10, scale: 2 })
   tareWeight!: number;
 
   @Column({ name: 'max_payload_weight', type: 'decimal', precision: 10, scale: 2 })
   maxPayloadWeight!: number;
 
-  @Column({ type: 'varchar', default: 'AVAILABLE' })
-  status!: string; // AVAILABLE, IMPORT_READY, EXPORT_READY, ASSIGNED, MAINTENANCE, RETIRED
+  @Column({ type: 'varchar', length: 20, default: WagonStatus.Available })
+  status!: WagonStatusType;
+
+  @Column({ name: 'current_yard_id', type: 'uuid', nullable: true })
+  currentYardId!: string | null;
+
+  @ManyToOne(() => Yard, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'current_yard_id' })
+  currentYard?: Yard | null;
 
   @Column({ type: 'text', nullable: true })
   notes!: string | null;
 
-  // Relationship to Train
+  @Column({ name: 'train_set_wagon_id', type: 'uuid', nullable: true })
+  trainSetWagonId!: string | null;
+
+  @ManyToOne(() => TrainSetWagon, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'train_set_wagon_id' })
+  trainSetWagon?: TrainSetWagon | null;
+
+  @Column({ name: 'current_train_schedule_id', type: 'uuid', nullable: true })
+  currentTrainScheduleId!: string | null;
+
+  @ManyToOne(() => TrainSchedule, { nullable: true, onDelete: 'SET NULL' })
+  @JoinColumn({ name: 'current_train_schedule_id' })
+  currentTrainSchedule?: TrainSchedule | null;
+
+  /** Fleet master consist grouping — separate from operational train_schedules. */
   @ManyToOne(() => Train, (train) => train.wagons, { onDelete: 'SET NULL' })
   @JoinColumn({ name: 'train_id' })
   train!: Train | null;
@@ -51,4 +73,4 @@ export class Wagon extends BaseEntity {
   // Relationship to Container
   @OneToMany(() => Container, (container) => container.wagon)
   containers!: Container[];
-}
+}
\ No newline at end of file
diff --git a/apps/edr-freight-api/src/modules/wagons/wagons.controller.ts b/apps/edr-freight-api/src/modules/wagons/wagons.controller.ts
index fd2305f93..ec98a4a4b 100644
--- a/apps/edr-freight-api/src/modules/wagons/wagons.controller.ts
+++ b/apps/edr-freight-api/src/modules/wagons/wagons.controller.ts
@@ -10,7 +10,9 @@ import {
   Query,
 } from '@nestjs/common';
 import { ApiOperation, ApiTags } from '@nestjs/swagger';
+import { FleetManage, FleetView } from '../../common/booking-guards';
 import { CreateWagonDto } from './dto/create-wagon.dto';
+import { ListWagonsQueryDto } from './dto/list-wagons-query.dto';
 import { UpdateWagonDto } from './dto/update-wagon.dto';
 import { AssignWagonToTrainDto } from './dto/assign-wagon-to-train.dto';
 import { ReorderWagonsDto } from './dto/reorder-wagons.dto';
@@ -18,10 +20,12 @@ import { WagonsService } from './wagons.service';
 
 @ApiTags('wagons')
 @Controller('wagons')
+@FleetView()
 export class WagonsController {
   constructor(private readonly wagonsService: WagonsService) {}
 
   @Post()
+  @FleetManage()
   @ApiOperation({ summary: 'Create a new wagon' })
   create(@Body() dto: CreateWagonDto) {
     return this.wagonsService.create(dto);
@@ -29,7 +33,7 @@ export class WagonsController {
 
   @Get()
   @ApiOperation({ summary: 'List all wagons' })
-  findAll(@Query() query: Record<string, string | undefined>) {
+  findAll(@Query() query: ListWagonsQueryDto) {
     return this.wagonsService.findAll(query);
   }
 
@@ -40,24 +44,28 @@ export class WagonsController {
   }
 
   @Patch(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Update a wagon' })
   update(@Param('id', ParseUUIDPipe) id: string, @Body() dto: UpdateWagonDto) {
     return this.wagonsService.update(id, dto);
   }
 
   @Delete(':id')
+  @FleetManage()
   @ApiOperation({ summary: 'Delete a wagon' })
   remove(@Param('id', ParseUUIDPipe) id: string) {
     return this.wagonsService.remove(id);
   }
 
   @Post(':id/assign-train')
+  @FleetManage()
   @ApiOperation({ summary: 'Assign wagon to a train' })
   assignToTrain(@Param('id', ParseUUIDPipe) id: string, @Body() dto: AssignWagonToTrainDto) {
     return this.wagonsService.assignToTrain(id, dto);
   }
 
   @Post(':id/unassign-train')
+  @FleetManage()
   @ApiOperation({ summary: 'Unassign wagon from train' })
   unassignFromTrain(@Param('id', ParseUUIDPipe) id: string) {
     return this.wagonsService.unassignFromTrain(id);
@@ -66,10 +74,12 @@ export class WagonsController {
 
 // Separate controller for train‑specific reorder (registered in module)
 @Controller('trains/:trainId/reorder-wagons')
+@FleetView()
 export class TrainWagonsReorderController {
   constructor(private readonly wagonsService: WagonsService) {}
 
   @Post()
+  @FleetManage()
   @ApiOperation({ summary: 'Reorder wagons of a train' })
   reorder(@Param('trainId', ParseUUIDPipe) trainId: string, @Body() dto: ReorderWagonsDto) {
     return this.wagonsService.reorderWagons(trainId, dto);
diff --git a/apps/edr-freight-api/src/modules/wagons/wagons.service.ts b/apps/edr-freight-api/src/modules/wagons/wagons.service.ts
index 95b27f8b5..b2b1df275 100644
--- a/apps/edr-freight-api/src/modules/wagons/wagons.service.ts
+++ b/apps/edr-freight-api/src/modules/wagons/wagons.service.ts
@@ -1,13 +1,14 @@
+import { WagonStatus } from '@edr/types';
 import { Injectable, NotFoundException, ConflictException } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
 import { Repository, DataSource, FindOptionsOrder, FindOptionsWhere, ILike } from 'typeorm';
 import { CreateWagonDto } from './dto/create-wagon.dto';
+import { ListWagonsQueryDto } from './dto/list-wagons-query.dto';
 import { UpdateWagonDto } from './dto/update-wagon.dto';
 import { AssignWagonToTrainDto } from './dto/assign-wagon-to-train.dto';
 import { ReorderWagonsDto } from './dto/reorder-wagons.dto';
 import { Wagon } from './entities/wagon.entity';
 import { Train } from '../trains/entities/train.entity';
-import { Yard } from '../rule-engine/entities/yard.entity';
 
 @Injectable()
 export class WagonsService {
@@ -16,44 +17,48 @@ export class WagonsService {
     private readonly wagonRepo: Repository<Wagon>,
     @InjectRepository(Train)
     private readonly trainRepo: Repository<Train>,
-    @InjectRepository(Yard)
-    private readonly yardRepo: Repository<Yard>,
     private readonly dataSource: DataSource,
   ) {}
 
   async create(dto: CreateWagonDto): Promise<Wagon> {
-    const wagon = this.wagonRepo.create(dto);
+    const wagon = this.wagonRepo.create({
+      ...dto,
+      status: dto.status ?? WagonStatus.Available,
+    });
     // Convert undefined to null for nullable fields
     if (dto.trainId === undefined) wagon.trainId = null;
     if (dto.sequenceNumber === undefined) wagon.sequenceNumber = null;
-    wagon.status = await this.statusForLocation(dto.currentLocationYardId, dto.status);
+    if (dto.currentYardId === undefined) wagon.currentYardId = null;
     return this.wagonRepo.save(wagon);
   }
 
-  async findAll(query: Record<string, string | undefined> = {}): Promise<Wagon[]> {
+  async findAll(query: ListWagonsQueryDto = {}): Promise<Wagon[]> {
     const where: FindOptionsWhere<Wagon>[] | FindOptionsWhere<Wagon> = [];
     const search = query.search?.trim();
-    const status = query.status?.trim();
     const trainId = query.trainId?.trim();
-    const currentLocationYardId = query.currentLocationYardId?.trim();
+    const wagonTypeId = query.wagonTypeId?.trim();
+    const filters: FindOptionsWhere<Wagon> = {
+      ...(query.status ? { status: query.status } : {}),
+      ...(query.currentYardId ? { currentYardId: query.currentYardId } : {}),
+      ...(trainId ? { trainId } : {}),
+      ...(wagonTypeId ? { wagonTypeId } : {}),
+    };
 
     if (search) {
       where.push({
         wagonNumber: ILike(`%${search}%`),
-        ...(status ? { status } : {}),
-        ...(trainId ? { trainId } : {}),
-        ...(currentLocationYardId ? { currentLocationYardId } : {}),
+        ...filters,
       });
     }
 
-    const sortBy = ['wagonNumber', 'tareWeight', 'maxPayloadWeight', 'status', 'sequenceNumber'].includes(query.sortBy ?? '')
+    const sortBy = ['wagonNumber', 'tareWeight', 'maxPayloadWeight', 'status', 'currentYardId', 'sequenceNumber'].includes(query.sortBy ?? '')
       ? (query.sortBy as keyof Wagon)
       : 'wagonNumber';
     const sortOrder = query.sortOrder?.toUpperCase() === 'DESC' ? 'DESC' : 'ASC';
 
     return this.wagonRepo.find({
-      where: search ? where : { ...(status ? { status } : {}), ...(trainId ? { trainId } : {}), ...(currentLocationYardId ? { currentLocationYardId } : {}) },
-      relations: { currentLocationYard: true, wagonType: true },
+      where: search ? where : filters,
+      relations: { currentYard: true },
       order: { [sortBy]: sortOrder } as FindOptionsOrder<Wagon>,
       skip: query.page && query.limit ? (Number(query.page) - 1) * Number(query.limit) : undefined,
       take: query.limit ? Number(query.limit) : undefined,
@@ -61,7 +66,10 @@ export class WagonsService {
   }
 
   async findById(id: string): Promise<Wagon> {
-    const wagon = await this.wagonRepo.findOne({ where: { id }, relations: { currentLocationYard: true, wagonType: true } });
+    const wagon = await this.wagonRepo.findOne({
+      where: { id },
+      relations: { currentYard: true },
+    });
     if (!wagon) throw new NotFoundException(`Wagon ${id} not found`);
     return wagon;
   }
@@ -69,9 +77,6 @@ export class WagonsService {
   async update(id: string, dto: UpdateWagonDto): Promise<Wagon> {
     const wagon = await this.findById(id);
     Object.assign(wagon, dto);
-    if (dto.currentLocationYardId !== undefined) {
-      wagon.status = await this.statusForLocation(dto.currentLocationYardId, dto.status);
-    }
     return this.wagonRepo.save(wagon);
   }
 
@@ -82,7 +87,7 @@ export class WagonsService {
 
   async assignToTrain(wagonId: string, dto: AssignWagonToTrainDto): Promise<Wagon> {
     const wagon = await this.findById(wagonId);
-    if (wagon.status === 'ASSIGNED') {
+    if (wagon.status === WagonStatus.Assigned) {
       throw new ConflictException('Wagon already assigned to a train');
     }
 
@@ -101,7 +106,7 @@ export class WagonsService {
 
     wagon.trainId = train.id;
     wagon.sequenceNumber = sequence;
-    wagon.status = 'ASSIGNED';
+    wagon.status = WagonStatus.Assigned;
     return this.wagonRepo.save(wagon);
   }
 
@@ -109,21 +114,10 @@ export class WagonsService {
     const wagon = await this.findById(wagonId);
     wagon.trainId = null;
     wagon.sequenceNumber = null;
-    wagon.status = await this.statusForLocation(wagon.currentLocationYardId, 'AVAILABLE');
+    wagon.status = WagonStatus.Available;
     return this.wagonRepo.save(wagon);
   }
 
-  private async statusForLocation(yardId?: string | null, fallback = 'AVAILABLE') {
-    if (!yardId) return fallback;
-
-    const yard = await this.yardRepo.findOne({ where: { id: yardId } });
-    const country = yard?.country?.trim().toLowerCase();
-
-    if (country === 'ethiopia' || country === 'et') return 'EXPORT_READY';
-    if (country === 'djibouti' || country === 'djoubti' || country === 'dj') return 'IMPORT_READY';
-    return fallback;
-  }
-
   async reorderWagons(_trainId: string, dto: ReorderWagonsDto): Promise<void> {
     const queryRunner = this.dataSource.createQueryRunner();
     await queryRunner.connect();
diff --git a/apps/edr-freight-api/src/scripts/seed-demo-scheduling.ts b/apps/edr-freight-api/src/scripts/seed-demo-scheduling.ts
new file mode 100644
index 000000000..d9ae15f2d
--- /dev/null
+++ b/apps/edr-freight-api/src/scripts/seed-demo-scheduling.ts
@@ -0,0 +1,29 @@
+import 'reflect-metadata';
+import { config } from 'dotenv';
+import { resolve } from 'path';
+
+config({ path: resolve(__dirname, '../../.env') });
+process.env.SEED_DEMO_BOOKINGS = 'true';
+
+import { NestFactory } from '@nestjs/core';
+import { AppModule } from '../app.module';
+import { DemoBookingsSeeder } from '../seed/demo-bookings.seeder';
+
+async function main() {
+  const app = await NestFactory.createApplicationContext(AppModule, {
+    logger: ['error', 'warn', 'log'],
+  });
+
+  try {
+    const seeder = app.get(DemoBookingsSeeder);
+    await seeder.run();
+    console.log('Demo train scheduling data seeded successfully.');
+  } finally {
+    await app.close();
+  }
+}
+
+main().catch((err) => {
+  console.error('Demo scheduling seed failed:', err);
+  process.exit(1);
+});
diff --git a/apps/edr-freight-api/src/scripts/seed-freight-demo.ts b/apps/edr-freight-api/src/scripts/seed-freight-demo.ts
new file mode 100644
index 000000000..8f4e8d0b2
--- /dev/null
+++ b/apps/edr-freight-api/src/scripts/seed-freight-demo.ts
@@ -0,0 +1,28 @@
+import 'reflect-metadata';
+import { config } from 'dotenv';
+import { resolve } from 'path';
+
+config({ path: resolve(__dirname, '../../.env') });
+
+import { NestFactory } from '@nestjs/core';
+import { AppModule } from '../app.module';
+import { DemoFreightDataSeeder } from '../seed/demo-freight-data.seeder';
+
+async function main() {
+  const app = await NestFactory.createApplicationContext(AppModule, {
+    logger: ['error', 'warn', 'log'],
+  });
+
+  try {
+    const seeder = app.get(DemoFreightDataSeeder);
+    await seeder.run();
+    console.log('Freight demo data seeded (wagons, approval rules, staff users).');
+  } finally {
+    await app.close();
+  }
+}
+
+main().catch((err) => {
+  console.error('Freight demo seed failed:', err);
+  process.exit(1);
+});
diff --git a/apps/edr-freight-api/src/seed/demo-bookings.seeder.ts b/apps/edr-freight-api/src/seed/demo-bookings.seeder.ts
index edf19adbb..736c1fbf9 100644
--- a/apps/edr-freight-api/src/seed/demo-bookings.seeder.ts
+++ b/apps/edr-freight-api/src/seed/demo-bookings.seeder.ts
@@ -13,7 +13,13 @@ import { Locomotive } from "../modules/locomotives/entities/locomotive.entity";
 import { ServiceType } from "../modules/rule-engine/entities/service-type.entity";
 import { Yard } from "../modules/rule-engine/entities/yard.entity";
 import { WagonType } from "../modules/wagon-types/entities/wagon-type.entity";
+import { CargoType } from "../modules/rule-engine/entities/cargo-type.entity";
 import { ContainerType } from "../modules/rule-engine/entities/container-type.entity";
+import { Container } from "../modules/container-management/entities/container.entity";
+import { Route } from "../modules/routes/entities/route.entity";
+import { RouteMilestone } from "../modules/routes/entities/route-milestone.entity";
+import { Wagon } from "../modules/wagons/entities/wagon.entity";
+import { WagonStatus } from "@edr/types";
 
 const SEED_FLAG = "SEED_DEMO_BOOKINGS";
 
@@ -44,7 +50,7 @@ const CONTAINER_TYPES = [
 
 const DEMO_BOOKINGS = [
   {
-    reference: "BKG-CONT-001",
+    reference: "BKG_CONT_001",
     containerCode: "40FT",
     quantity: 20,
     totalWeightTons: 500,
@@ -55,7 +61,7 @@ const DEMO_BOOKINGS = [
     paymentStatus: "PAID",
   },
   {
-    reference: "BKG-CONT-002",
+    reference: "BKG_ONT_02",
     containerCode: "20FT",
     quantity: 10,
     totalWeightTons: 300,
@@ -66,7 +72,7 @@ const DEMO_BOOKINGS = [
     paymentStatus: "PAID",
   },
   {
-    reference: "BKG-CONT-003",
+    reference: "BKG_ONT_03",
     containerCode: "40FT",
     quantity: 15,
     totalWeightTons: 450,
@@ -77,7 +83,7 @@ const DEMO_BOOKINGS = [
     paymentStatus: "PAID",
   },
   {
-    reference: "BKG-CONT-007",
+    reference: "BKG_ONT_07",
     containerCode: "20FT",
     quantity: 6,
     totalWeightTons: 180,
@@ -88,7 +94,7 @@ const DEMO_BOOKINGS = [
     paymentStatus: "PAID",
   },
   {
-    reference: "BKG-CONT-008",
+    reference: "BKG_ONT_08",
     containerCode: "40FT",
     quantity: 4,
     totalWeightTons: 120,
@@ -99,7 +105,7 @@ const DEMO_BOOKINGS = [
     paymentStatus: "PAID",
   },
   {
-    reference: "BKG-CONT-009",
+    reference: "BKG_ONT_09",
     containerCode: "20FT",
     quantity: 5,
     totalWeightTons: 110,
@@ -110,7 +116,7 @@ const DEMO_BOOKINGS = [
     paymentStatus: "PAID",
   },
   {
-    reference: "BKG-CONT-004",
+    reference: "BKG_ONT_04",
     containerCode: "40FT",
     quantity: 12,
     totalWeightTons: 360,
@@ -118,10 +124,10 @@ const DEMO_BOOKINGS = [
     destinationCode: "DIRE_DAWA",
     scheduledDate: "2026-06-20T08:00:00.000Z",
     status: "PAID",
-    paymentStatus: "PAID",
+    paymentStatus: "PAID"
   },
   {
-    reference: "BKG-CONT-005",
+    reference: "BKG_ONT_05",
     containerCode: "20FT",
     quantity: 8,
     totalWeightTons: 160,
@@ -144,6 +150,39 @@ const DEMO_BOOKINGS = [
   },
 ];
 
+const DEMO_BULK_BOOKINGS = [
+  {
+    reference: "BKG-BULK-001",
+    cargoCode: "COFFEE",
+    totalWeightTons: 1200,
+    originCode: "DJIBOUTI",
+    destinationCode: "ADDIS_ABABA",
+    scheduledDate: "2026-06-20T08:00:00.000Z",
+    status: "PAID",
+    paymentStatus: "PAID",
+  },
+  {
+    reference: "BKG-BULK-002",
+    cargoCode: "FERTILIZER",
+    totalWeightTons: 800,
+    originCode: "DJIBOUTI",
+    destinationCode: "ADDIS_ABABA",
+    scheduledDate: "2026-06-20T08:00:00.000Z",
+    status: "PAID",
+    paymentStatus: "PAID",
+  },
+  {
+    reference: "BKG-BULK-003",
+    cargoCode: "STEEL",
+    totalWeightTons: 450,
+    originCode: "ADDIS_ABABA",
+    destinationCode: "DIRE_DAWA",
+    scheduledDate: "2026-06-20T08:00:00.000Z",
+    status: "PAID",
+    paymentStatus: "PAID",
+  },
+];
+
 @Injectable()
 export class DemoBookingsSeeder {
   private readonly logger = new Logger(DemoBookingsSeeder.name);
@@ -161,15 +200,57 @@ export class DemoBookingsSeeder {
 
     await this.dataSource.transaction(async (manager) => {
       await manager.getRepository(WagonType).upsert(
-        {
-          code: "NW5",
-          name: "Flat Wagon",
-          capacityTons: 70,
-          lengthMeters: 14,
-          maxWagonsPerTrain: 53,
-          supportedLoadTypes: ["CONTAINER"],
-          isActive: true,
-        },
+        [
+          {
+            code: "NW5",
+            name: "Flat Wagon",
+            capacityTons: 70,
+            lengthMeters: 14,
+            maxWagonsPerTrain: 53,
+            supportedLoadTypes: ["CONTAINER"],
+            isActive: true,
+            equatedLengthM: 14,
+            tareWeightTons: 20,
+            supportsContainer: true,
+            maxContainerGrossT: 70,
+          },
+          {
+            code: "KW2",
+            name: "Covered Hopper",
+            capacityTons: 60,
+            lengthMeters: 12,
+            maxWagonsPerTrain: 55,
+            supportedLoadTypes: ["BULK"],
+            isActive: true,
+            equatedLengthM: 12,
+            tareWeightTons: 18,
+            supportsContainer: false,
+          },
+          {
+            code: "PW2",
+            name: "Powder Wagon",
+            capacityTons: 55,
+            lengthMeters: 12,
+            maxWagonsPerTrain: 55,
+            supportedLoadTypes: ["BULK"],
+            isActive: true,
+            equatedLengthM: 12,
+            tareWeightTons: 17,
+            supportsContainer: false,
+          },
+          {
+            code: "CW3",
+            name: "Open Wagon",
+            capacityTons: 65,
+            lengthMeters: 13,
+            maxWagonsPerTrain: 53,
+            supportedLoadTypes: ["BULK"],
+            isActive: true,
+            equatedLengthM: 13,
+            tareWeightTons: 19,
+            supportsContainer: false,
+          },
+        ],
         { conflictPaths: { code: true } },
       );
 
@@ -291,7 +372,7 @@ export class DemoBookingsSeeder {
             companyId: company.id,
             status: demoBooking.status,
             scheduledDate: new Date(demoBooking.scheduledDate),
-            totalAmount: 0,
+            totalAmount: 2,
             paymentStatus: demoBooking.paymentStatus,
             contractType: "NEW",
             serviceTypeId: serviceType.id,
@@ -305,7 +386,7 @@ export class DemoBookingsSeeder {
             shippingLineId: null,
             cargoTotalWeightVgm: demoBooking.totalWeightTons,
             isHazardous: false,
-            paymentCurrency: "USD",
+            paymentCurrency: "ETB",
             allowConsolidation: false,
             priorityScore: 0,
             versionNumber: 1,
@@ -320,6 +401,9 @@ export class DemoBookingsSeeder {
         await manager
           .getRepository(BookingContainer)
           .delete({ bookingId: booking.id });
+        const wagonsRequired =
+          Number(demoBooking.quantity) * Number(containerType.wagonsPerUnit ?? 1);
+
         await manager.getRepository(BookingContainer).insert({
           id: randomUUID(),
           bookingId: booking.id,
@@ -327,15 +411,149 @@ export class DemoBookingsSeeder {
           quantity: demoBooking.quantity,
           vgmPerUnitTons,
           totalVgmTons: demoBooking.totalWeightTons,
-          wagonsRequired: Math.ceil(demoBooking.totalWeightTons / 70),
+          wagonsRequired,
           weightLimitRuleId: null,
-          isOverweight: demoBooking.totalWeightTons > 70,
-          overweightExcessTons:
-            demoBooking.totalWeightTons > 70
-              ? demoBooking.totalWeightTons - 70
-              : null,
+          isOverweight: vgmPerUnitTons > 35,
+          overweightExcessTons: vgmPerUnitTons > 35 ? vgmPerUnitTons - 35 : null,
         });
       }
+
+      await manager.getRepository(CargoType).upsert(
+        [
+          { code: "COFFEE", cargoTypeName: "Coffee", isActive: true, displayOrder: 1 },
+          { code: "FERTILIZER", cargoTypeName: "Fertilizer", isActive: true, displayOrder: 2 },
+          { code: "STEEL", cargoTypeName: "Steel", isActive: true, displayOrder: 3 },
+        ],
+        { conflictPaths: { code: true } },
+      );
+
+      const cargoTypes = await manager.getRepository(CargoType).find();
+      const cargoByCode = new Map(cargoTypes.map((c) => [c.code, c]));
+
+      for (const demoBulk of DEMO_BULK_BOOKINGS) {
+        const origin = yardByCode.get(demoBulk.originCode);
+        const destination = yardByCode.get(demoBulk.destinationCode);
+        const cargoType = cargoByCode.get(demoBulk.cargoCode);
+
+        if (!origin || !destination || !cargoType) {
+          throw new Error(`demo_bulk_seed_dependency_missing:${demoBulk.reference}`);
+        }
+
+        await manager.getRepository(Booking).upsert(
+          {
+            reference: demoBulk.reference,
+            companyId: company.id,
+            status: demoBulk.status,
+            scheduledDate: new Date(demoBulk.scheduledDate),
+            totalAmount: 0,
+            paymentStatus: demoBulk.paymentStatus,
+            contractType: "NEW",
+            serviceTypeId: serviceType.id,
+            equipmentReturn: "WITHOUT_RETURN",
+            originYardId: origin.id,
+            destinationYardId: destination.id,
+            tradeDirection: "IMPORT",
+            freightType: "BULK",
+            cargoTypeId: cargoType.id,
+            cargoFreeText: demoBulk.cargoCode,
+            shippingLineId: null,
+            cargoTotalWeightVgm: demoBulk.totalWeightTons,
+            isHazardous: false,
+            paymentCurrency: "USD",
+            allowConsolidation: false,
+            priorityScore: 10,
+            schedulingStatus: "HOLDING",
+            versionNumber: 1,
+          },
+          { conflictPaths: { reference: true } },
+        );
+      }
+
+      const djibouti = yardByCode.get("DJIBOUTI");
+      const addis = yardByCode.get("ADDIS_ABABA");
+      if (djibouti && addis) {
+        const routeName = "Djibouti → Addis Ababa";
+        let route = await manager.getRepository(Route).findOneBy({ name: routeName });
+        if (!route) {
+          route = await manager.getRepository(Route).save(
+            manager.getRepository(Route).create({
+              name: routeName,
+              originYardId: djibouti.id,
+              destinationYardId: addis.id,
+              isActive: true,
+            }),
+          );
+          await manager.getRepository(RouteMilestone).save([
+            manager.getRepository(RouteMilestone).create({
+              routeId: route.id,
+              yardId: djibouti.id,
+              sequenceNo: 1,
+            }),
+            manager.getRepository(RouteMilestone).create({
+              routeId: route.id,
+              yardId: addis.id,
+              sequenceNo: 2,
+            }),
+          ]);
+        }
+      }
+
+      const nw5 = await manager.getRepository(WagonType).findOneBy({ code: "NW5" });
+      if (nw5 && djibouti && addis) {
+        await manager.getRepository(Wagon).upsert(
+          Array.from({ length: 20 }, (_, index) => ({
+            wagonNumber: `WGN-DEMO-${String(index + 1).padStart(3, "0")}`,
+            wagonTypeId: nw5.id,
+            trainId: null,
+            sequenceNumber: null,
+            tareWeight: 20,
+            maxPayloadWeight: 70,
+            status: WagonStatus.Available,
+            currentYardId: index % 2 === 0 ? djibouti.id : addis.id,
+            notes: "Demo wagon for train scheduling",
+            trainSetWagonId: null,
+            currentTrainScheduleId: null,
+          })),
+          { conflictPaths: { wagonNumber: true } },
+        );
+      }
+
+      if (djibouti) {
+        await manager.getRepository(Locomotive).update(
+          { code: "LOC-001" },
+          { currentYardId: djibouti.id },
+        );
+      }
+      if (addis) {
+        await manager.getRepository(Locomotive).update(
+          { code: "LOC-002" },
+          { currentYardId: addis.id },
+        );
+      }
+
+      const ft20 = containerTypeByCode.get("20FT");
+      const ft40 = containerTypeByCode.get("40FT");
+      if (ft20 && ft40) {
+        await manager.getRepository(Container).upsert(
+          Array.from({ length: 30 }, (_, index) => {
+            const is40Ft = index % 2 === 0;
+            return {
+              containerNumber: `CONT-DEMO-${String(index + 1).padStart(3, "0")}`,
+              containerTypeId: is40Ft ? ft40.id : ft20.id,
+              wagonId: null,
+              position: null,
+              tareWeight: is40Ft ? 4.0 : 2.5,
+              maxGrossWeight: is40Ft ? 32.5 : 24.5,
+              sealNumber: null,
+              status: "AVAILABLE",
+              bookingId: null,
+              wagonBookingAllocationId: null,
+              bookingContainerId: null,
+            };
+          }),
+          { conflictPaths: { containerNumber: true } },
+        );
+      }
     });
 
     this.logger.log("Seeded demo train scheduling data");
diff --git a/apps/edr-freight-api/src/seed/demo-freight-data.seeder.ts b/apps/edr-freight-api/src/seed/demo-freight-data.seeder.ts
new file mode 100644
index 000000000..f4931f77b
--- /dev/null
+++ b/apps/edr-freight-api/src/seed/demo-freight-data.seeder.ts
@@ -0,0 +1,180 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { WagonStatus } from '@edr/types';
+import { hashPassword } from '@tria-plc/api-common/utils/argon';
+import { EUserStatus } from '@tria-plc/api-common/utils/enums/user.enum';
+import {
+  Employee,
+  Organization,
+  Role,
+  User,
+  UserCredential,
+  UserRole,
+} from '@tria-plc/iamapi-common';
+import { DataSource, EntityManager } from 'typeorm';
+
+import { Wagon } from '../modules/wagons/entities/wagon.entity';
+import { WagonType } from '../modules/wagon-types/entities/wagon-type.entity';
+import { ApprovalRule } from '../modules/rule-engine/entities/approval-rule.entity';
+import { DEFAULT_APPROVAL_RULE_ROWS } from '../modules/rule-engine/approval-rules.defaults';
+
+const EDR_ORG_KEY = 'edr_freight';
+const MIN_WAGONS_PER_TYPE = 100;
+
+/** The four demo staff users, each mapped to a seeded freight role. */
+const DEMO_STAFF_USERS = [
+  { email: 'marketing@edr.local', username: 'marketing', roleKey: 'edr_marketing' },
+  { email: 'operations@edr.local', username: 'operations', roleKey: 'edr_operations_officer' },
+  { email: 'director@edr.local', username: 'director', roleKey: 'edr_director' },
+  { email: 'ceo@edr.local', username: 'ceo', roleKey: 'edr_ceo' },
+] as const;
+
+/**
+ * One-shot demo data: at least 100 wagons per wagon type, the default approval
+ * chains, and four staff users with distinct permissions. Every block guards on
+ * an "is it already populated?" check, so this is safe to run on every boot and
+ * does nothing once the data exists.
+ */
+@Injectable()
+export class DemoFreightDataSeeder {
+  private readonly logger = new Logger(DemoFreightDataSeeder.name);
+
+  constructor(private readonly dataSource: DataSource) {}
+
+  async run() {
+    await this.dataSource.transaction(async (manager) => {
+      await this.seedWagons(manager);
+      await this.seedApprovalRules(manager);
+      await this.seedStaffUsers(manager);
+    });
+  }
+
+  /** Ensure every wagon type has at least MIN_WAGONS_PER_TYPE wagons. */
+  private async seedWagons(manager: EntityManager) {
+    const wagonTypeRepo = manager.getRepository(WagonType);
+    const wagonRepo = manager.getRepository(Wagon);
+
+    const wagonTypes = await wagonTypeRepo.find();
+    if (wagonTypes.length === 0) {
+      this.logger.warn('No wagon types found; skipping wagon seed');
+      return;
+    }
+
+    for (const type of wagonTypes) {
+      const existing = await wagonRepo.count({ where: { wagonTypeId: type.id } });
+      if (existing >= MIN_WAGONS_PER_TYPE) {
+        this.logger.log(
+          `Wagon type ${type.code} already has ${existing} wagons; skipping`,
+        );
+        continue;
+      }
+
+      const toCreate = MIN_WAGONS_PER_TYPE - existing;
+      const tare = Number(type.tareWeightTons ?? 20);
+      const maxPayload = Number(type.capacityTons ?? 60);
+      const rows = Array.from({ length: toCreate }, (_, i) => {
+        const seq = existing + i + 1;
+        return wagonRepo.create({
+          wagonNumber: `${type.code}-${String(seq).padStart(4, '0')}`,
+          wagonTypeId: type.id,
+          tareWeight: tare,
+          maxPayloadWeight: maxPayload,
+          status: WagonStatus.Available,
+        });
+      });
+      await wagonRepo.save(rows);
+      this.logger.log(`Seeded ${toCreate} wagons for type ${type.code}`);
+    }
+  }
+
+  /** Seed the default approval chains when the table is empty. */
+  private async seedApprovalRules(manager: EntityManager) {
+    const repo = manager.getRepository(ApprovalRule);
+    const count = await repo.count();
+    if (count > 0) {
+      this.logger.log(`Approval rules already populated (${count}); skipping`);
+      return;
+    }
+    await repo.save(DEFAULT_APPROVAL_RULE_ROWS.map((row) => repo.create(row)));
+    this.logger.log(`Seeded ${DEFAULT_APPROVAL_RULE_ROWS.length} approval rules`);
+  }
+
+  /** Create the four demo staff users with their roles (idempotent per email). */
+  private async seedStaffUsers(manager: EntityManager) {
+    const organization = await manager.getRepository(Organization).findOne({
+      where: { key: EDR_ORG_KEY },
+      select: { id: true, key: true },
+    });
+    if (!organization) {
+      this.logger.warn(`Missing organization ${EDR_ORG_KEY}; skipping staff users`);
+      return;
+    }
+
+    const roleRepo = manager.getRepository(Role);
+    const userRepo = manager.getRepository(User);
+    const credentialRepo = manager.getRepository(UserCredential);
+    const userRoleRepo = manager.getRepository(UserRole);
+    const employeeRepo = manager.getRepository(Employee);
+
+    const password = process.env.DEFAULT_PASSWORD?.trim() || '12345678';
+    const hashedPassword = await hashPassword(password);
+
+    for (const staff of DEMO_STAFF_USERS) {
+      const role = await roleRepo.findOne({
+        where: { key: staff.roleKey },
+        select: { id: true, key: true },
+      });
+      if (!role) {
+        this.logger.warn(`Missing role ${staff.roleKey}; skipping ${staff.email}`);
+        continue;
+      }
+
+      let user = await userRepo.findOne({
+        where: { email: staff.email },
+        select: { id: true, email: true },
+      });
+      if (!user) {
+        user = await userRepo.save(
+          userRepo.create({
+            email: staff.email,
+            username: staff.username,
+            name: { en: staff.username },
+            isActive: true,
+            hasSetPassword: true,
+            status: EUserStatus.ACCEPTED,
+          }),
+        );
+        this.logger.log(`Seeded staff user ${staff.email}`);
+      }
+
+      const hasCredential = await credentialRepo.exists({
+        where: { userId: user.id, isActive: true },
+      });
+      if (!hasCredential) {
+        await credentialRepo.insert({
+          userId: user.id,
+          password: hashedPassword,
+          isActive: true,
+        });
+      }
+
+      await userRoleRepo.upsert(
+        { userId: user.id, roleId: role.id, organizationId: organization.id },
+        { conflictPaths: { userId: true, roleId: true } },
+      );
+
+      const hasEmployee = await employeeRepo.exists({
+        where: { userId: user.id, organizationId: organization.id, isCurrent: true },
+      });
+      if (!hasEmployee) {
+        await employeeRepo.insert({
+          userId: user.id,
+          organizationId: organization.id,
+          isCurrent: true,
+          name: { en: staff.username },
+        });
+      }
+    }
+
+    this.logger.log('Ensured demo staff users (marketing@, operations@, director@, ceo@)');
+  }
+}
diff --git a/apps/edr-freight-api/src/seed/edr-freight.seed.ts b/apps/edr-freight-api/src/seed/edr-freight.seed.ts
index c2705673f..a88ee8f89 100644
--- a/apps/edr-freight-api/src/seed/edr-freight.seed.ts
+++ b/apps/edr-freight-api/src/seed/edr-freight.seed.ts
@@ -212,6 +212,11 @@ export const EDR_FREIGHT_ROLES: FreightSeedRole[] = [
     name: { en: "EDR Line Staff" },
     permissionKeys: [...ROLE_PERMISSION_PRESETS.lineStaff],
   },
+  {
+    key: "edr_operations_officer",
+    name: { en: "EDR Operations Officer" },
+    permissionKeys: [...ROLE_PERMISSION_PRESETS.operationsOfficer],
+  },
   {
     key: "edr_director",
     name: { en: "EDR Director" },
diff --git a/apps/edr-freight-api/src/seed/freight-permission-key-migration.seeder.ts b/apps/edr-freight-api/src/seed/freight-permission-key-migration.seeder.ts
new file mode 100644
index 000000000..0a0f86a64
--- /dev/null
+++ b/apps/edr-freight-api/src/seed/freight-permission-key-migration.seeder.ts
@@ -0,0 +1,48 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { Permission } from '@tria-plc/iamapi-common';
+import { DataSource } from 'typeorm';
+
+/** Renamed rule-engine resources: old key -> new key (same permission id). */
+const PERMISSION_KEY_RENAMES: ReadonlyArray<{ from: string; to: string }> = [
+  {
+    from: 'edr_freight_app:rule_engine:priority_rules:view',
+    to: 'edr_freight_app:rule_engine:priority_configs:view',
+  },
+  {
+    from: 'edr_freight_app:rule_engine:priority_rules:manage',
+    to: 'edr_freight_app:rule_engine:priority_configs:manage',
+  },
+];
+
+@Injectable()
+export class FreightPermissionKeyMigrationSeeder {
+  private readonly logger = new Logger(FreightPermissionKeyMigrationSeeder.name);
+
+  constructor(private readonly dataSource: DataSource) {}
+
+  async run() {
+    const permissionRepository = this.dataSource.getRepository(Permission);
+
+    for (const { from, to } of PERMISSION_KEY_RENAMES) {
+      const existing = await permissionRepository.findOne({
+        where: { key: from },
+        select: { id: true, key: true },
+      });
+
+      if (!existing) {
+        continue;
+      }
+
+      const targetExists = await permissionRepository.existsBy({ key: to });
+      if (targetExists) {
+        this.logger.warn(
+          `Skipping permission key rename ${from} -> ${to}: target key already exists`,
+        );
+        continue;
+      }
+
+      await permissionRepository.update({ id: existing.id }, { key: to });
+      this.logger.log(`Renamed permission key ${from} -> ${to}`);
+    }
+  }
+}
diff --git a/apps/edr-freight-api/src/seed/freight-permissions.registry.ts b/apps/edr-freight-api/src/seed/freight-permissions.registry.ts
index e82032cff..ed0a494ab 100644
--- a/apps/edr-freight-api/src/seed/freight-permissions.registry.ts
+++ b/apps/edr-freight-api/src/seed/freight-permissions.registry.ts
@@ -16,7 +16,7 @@ export const RULE_ENGINE_RESOURCE_SLUGS = [
   'shipping-lines',
   'weight-limit-rules',
   'surcharge-types',
-  'priority-rules',
+  'priority-configs',
   'rates',
   'approval-rules',
 ] as const;
@@ -52,6 +52,11 @@ export const BOOKING_PERMISSIONS: FreightPermissionSeed[] = [
   perm('a1000001-0001-4000-8000-00000000000c', 'edr_freight_app:bookings:payment_verify', 'Verify payment'),
   perm('a1000001-0001-4000-8000-00000000000d', 'edr_freight_app:bookings:operations', 'Booking operations'),
   perm('a1000001-0001-4000-8000-00000000000e', 'edr_freight_app:bookings:cancel', 'Cancel booking'),
+  perm('a1000001-0001-4000-8000-00000000000f', 'edr_freight_app:train_scheduling:view', 'View train scheduling'),
+  perm('a1000001-0001-4000-8000-000000000010', 'edr_freight_app:train_scheduling:manage', 'Manage train scheduling'),
+  perm('a1000001-0001-4000-8000-000000000011', 'edr_freight_app:fleet:view', 'View fleet'),
+  perm('a1000001-0001-4000-8000-000000000012', 'edr_freight_app:fleet:manage', 'Manage fleet'),
+  perm('a1000001-0001-4000-8000-000000000013', 'edr_freight_app:admin', 'Freight administration'),
 ];
 
 const RULE_ENGINE_PERMISSION_IDS: Record<RuleEngineResourceSlug, { view: string; manage: string }> = {
@@ -63,7 +68,7 @@ const RULE_ENGINE_PERMISSION_IDS: Record<RuleEngineResourceSlug, { view: string;
   'shipping-lines': { view: 'b2000001-0001-4000-8000-000000000009', manage: 'b2000001-0001-4000-8000-00000000000a' },
   'weight-limit-rules': { view: 'b2000001-0001-4000-8000-00000000000b', manage: 'b2000001-0001-4000-8000-00000000000c' },
   'surcharge-types': { view: 'b2000001-0001-4000-8000-00000000000d', manage: 'b2000001-0001-4000-8000-00000000000e' },
-  'priority-rules': { view: 'b2000001-0001-4000-8000-00000000000f', manage: 'b2000001-0001-4000-8000-000000000010' },
+  'priority-configs': { view: 'b2000001-0001-4000-8000-00000000000f', manage: 'b2000001-0001-4000-8000-000000000010' },
   rates: { view: 'b2000001-0001-4000-8000-000000000011', manage: 'b2000001-0001-4000-8000-000000000012' },
   'approval-rules': { view: 'b2000001-0001-4000-8000-000000000013', manage: 'b2000001-0001-4000-8000-000000000014' },
 };
@@ -103,6 +108,15 @@ export const FREIGHT_PERMS = {
     operations: 'edr_freight_app:bookings:operations',
     cancel: 'edr_freight_app:bookings:cancel',
   },
+  trainScheduling: {
+    view: 'edr_freight_app:train_scheduling:view',
+    manage: 'edr_freight_app:train_scheduling:manage',
+  },
+  fleet: {
+    view: 'edr_freight_app:fleet:view',
+    manage: 'edr_freight_app:fleet:manage',
+  },
+  admin: 'edr_freight_app:admin',
   ruleEngine: {
     view: (slug: RuleEngineResourceSlug) =>
       `edr_freight_app:rule_engine:${slugToResourceKey(slug)}:view`,
@@ -115,6 +129,9 @@ const allRuleEngineViewKeys = () =>
   RULE_ENGINE_RESOURCE_SLUGS.map((s) => FREIGHT_PERMS.ruleEngine.view(s));
 
 export const ROLE_PERMISSION_PRESETS = {
+  // Marketing / line staff: drives a booking from intake through line-staff
+  // approval and contract generation/signing — i.e. until the contract is ready
+  // and signed. No director/CEO approval, no scheduling, no operations.
   lineStaff: [
     FREIGHT_PERMS.bookings.view,
     FREIGHT_PERMS.bookings.staffAccept,
@@ -125,6 +142,17 @@ export const ROLE_PERMISSION_PRESETS = {
     FREIGHT_PERMS.bookings.cancel,
     ...allRuleEngineViewKeys(),
   ],
+  // Operations Officer: train scheduling + wagon allocation + transit/complete
+  // + fleet management (wagons, trains, locomotives, routes, containers, cargo).
+  operationsOfficer: [
+    FREIGHT_PERMS.bookings.view,
+    FREIGHT_PERMS.bookings.operations,
+    FREIGHT_PERMS.trainScheduling.view,
+    FREIGHT_PERMS.trainScheduling.manage,
+    FREIGHT_PERMS.fleet.view,
+    FREIGHT_PERMS.fleet.manage,
+    ...allRuleEngineViewKeys(),
+  ],
   director: [
     FREIGHT_PERMS.bookings.view,
     FREIGHT_PERMS.bookings.approveDirector,
@@ -139,8 +167,15 @@ export const ROLE_PERMISSION_PRESETS = {
     ...allRuleEngineViewKeys(),
   ],
   finance: [FREIGHT_PERMS.bookings.view],
+  // Marketing handles intake through contract (same as line staff here).
   marketing: [
     FREIGHT_PERMS.bookings.view,
+    FREIGHT_PERMS.bookings.staffAccept,
+    FREIGHT_PERMS.bookings.requestChanges,
+    FREIGHT_PERMS.bookings.reject,
+    FREIGHT_PERMS.bookings.approveLineStaff,
+    FREIGHT_PERMS.bookings.rejectApproval,
+    FREIGHT_PERMS.bookings.cancel,
     FREIGHT_PERMS.bookings.generateContract,
     FREIGHT_PERMS.bookings.signStaff,
   ],
diff --git a/apps/edr-freight-api/src/seed/pricing-data.seeder.ts b/apps/edr-freight-api/src/seed/pricing-data.seeder.ts
index fb8fbf2e6..75d17be98 100644
--- a/apps/edr-freight-api/src/seed/pricing-data.seeder.ts
+++ b/apps/edr-freight-api/src/seed/pricing-data.seeder.ts
@@ -4,12 +4,14 @@ import { DataSource } from "typeorm";
 import { BookingCargoModifier } from "../modules/bookings/entities/booking-cargo-modifier.entity";
 import { CargoType } from "../modules/rule-engine/entities/cargo-type.entity";
 import { ContainerType } from "../modules/rule-engine/entities/container-type.entity";
-import { PriorityRule } from "../modules/rule-engine/entities/priority-rule.entity";
+import { PriorityConfig } from "../modules/rule-engine/entities/priority-config.entity";
 import { Rate } from "../modules/rule-engine/entities/rate.entity";
 import { ServiceType } from "../modules/rule-engine/entities/service-type.entity";
 import { ShippingLine } from "../modules/rule-engine/entities/shipping-line.entity";
 import { SurchargeType } from "../modules/rule-engine/entities/surcharge-type.entity";
 import { WeightLimitRule } from "../modules/rule-engine/entities/weight-limit-rule.entity";
+import { Route } from "../modules/routes/entities/route.entity";
+import { RouteMilestone } from "../modules/routes/entities/route-milestone.entity";
 import { Yard } from "../modules/rule-engine/entities/yard.entity";
 
 const STAFF_USER_ID = "00000000-0000-0000-0000-000000000001";
@@ -28,12 +30,13 @@ export class PricingDataSeeder {
       const yRepo = manager.getRepository(Yard);
       const slRepo = manager.getRepository(ShippingLine);
       const wlRepo = manager.getRepository(WeightLimitRule);
-      const prRepo = manager.getRepository(PriorityRule);
+      const prRepo = manager.getRepository(PriorityConfig);
       const rRepo = manager.getRepository(Rate);
 
       await this.upsertReferenceData(manager, ctRepo, stRepo, yRepo, slRepo);
+      await this.seedDomesticRoute(manager, yRepo);
       await this.seedWeightLimits(wlRepo, ctRepo);
-      await this.seedPriorityRules(prRepo);
+      await this.seedPriorityConfigs(prRepo);
       const containerTypes = await ctRepo.find();
       const ctByCode = new Map(containerTypes.map((ct) => [ct.code, ct]));
 
@@ -115,7 +118,7 @@ export class PricingDataSeeder {
           code: "20FT",
           label: "20FT Standard",
           sizeFt: 20,
-          wagonsPerUnit: 1,
+          wagonsPerUnit: 0.5,
           isReefer: false,
           isOpenTop: false,
           isActive: true,
@@ -135,7 +138,7 @@ export class PricingDataSeeder {
           code: "20FT_REEFER",
           label: "20FT Reefer",
           sizeFt: 20,
-          wagonsPerUnit: 1,
+          wagonsPerUnit: 0.5,
           isReefer: true,
           isOpenTop: false,
           isActive: true,
@@ -287,64 +290,125 @@ export class PricingDataSeeder {
     );
   }
 
-  private async seedWeightLimits(wlRepo: any, ctRepo: any): Promise<void> {
-    await wlRepo.createQueryBuilder().delete().execute();
-    const twenty = await ctRepo.findOneByOrFail({ code: "20FT" });
-    const forty = await ctRepo.findOneByOrFail({ code: "40FT" });
-    const base = new Date("2026-01-01");
-    await wlRepo.insert([
-      {
-        containerTypeId: twenty.id,
-        tradeDirection: "IMPORT",
-        maxVgmTons: 26,
-        effectiveFrom: base,
-      },
-      {
-        containerTypeId: twenty.id,
-        tradeDirection: "EXPORT",
-        maxVgmTons: 26,
-        effectiveFrom: base,
-      },
-      {
-        containerTypeId: forty.id,
-        tradeDirection: "IMPORT",
-        maxVgmTons: 28,
-        effectiveFrom: base,
-      },
-      {
-        containerTypeId: forty.id,
-        tradeDirection: "EXPORT",
-        maxVgmTons: 28,
-        effectiveFrom: base,
-      },
-    ]);
-    this.logger.log("Seeded weight limit rules");
+  private async seedDomesticRoute(manager: any, yRepo: any): Promise<void> {
+    const addis = await yRepo.findOneBy({ code: "ADDIS_ABABA" });
+    const direDawa = await yRepo.findOneBy({ code: "DIRE_DAWA" });
+    if (!addis || !direDawa) return;
+
+    const routeRepo = manager.getRepository(Route);
+    const milestoneRepo = manager.getRepository(RouteMilestone);
+    const routeName = "Addis Ababa → Dire Dawa";
+    let route = await routeRepo.findOneBy({ name: routeName });
+    if (!route) {
+      route = await routeRepo.save(
+        routeRepo.create({
+          name: routeName,
+          originYardId: addis.id,
+          destinationYardId: direDawa.id,
+          isActive: true,
+        }),
+      );
+      await milestoneRepo.save([
+        milestoneRepo.create({
+          routeId: route.id,
+          yardId: addis.id,
+          sequenceNo: 1,
+        }),
+        milestoneRepo.create({
+          routeId: route.id,
+          yardId: direDawa.id,
+          sequenceNo: 2,
+        }),
+      ]);
+      this.logger.log("Seeded domestic route Addis Ababa → Dire Dawa");
+    }
   }
 
-  private async seedPriorityRules(prRepo: any): Promise<void> {
-    const existing = await prRepo.find({
-      where: [{ code: "USD_PRIORITY" }, { code: "STANDARD_PRIORITY" }],
+private async seedWeightLimits(wlRepo: any, ctRepo: any): Promise<void> {
+  const twenty = await ctRepo.findOneByOrFail({ code: "20FT" });
+  const forty = await ctRepo.findOneByOrFail({ code: "40FT" });
+
+  const base = new Date("2026-01-01");
+
+  const rules = [
+    {
+      containerTypeId: twenty.id,
+      tradeDirection: "IMPORT",
+      maxVgmTons: 26,
+      effectiveFrom: base,
+      isActive: true,
+    },
+    {
+      containerTypeId: twenty.id,
+      tradeDirection: "EXPORT",
+      maxVgmTons: 26,
+      effectiveFrom: base,
+      isActive: true,
+    },
+    {
+      containerTypeId: forty.id,
+      tradeDirection: "IMPORT",
+      maxVgmTons: 28,
+      effectiveFrom: base,
+      isActive: true,
+    },
+    {
+      containerTypeId: forty.id,
+      tradeDirection: "EXPORT",
+      maxVgmTons: 28,
+      effectiveFrom: base,
+      isActive: true,
+    },
+  ];
+
+  for (const rule of rules) {
+    const existing = await wlRepo.findOne({
+      where: {
+        containerTypeId: rule.containerTypeId,
+        tradeDirection: rule.tradeDirection,
+      },
     });
-    for (const r of existing) {
-      await prRepo.remove(r);
+
+    if (existing) {
+      await wlRepo.update(existing.id, {
+        maxVgmTons: rule.maxVgmTons,
+        effectiveFrom: rule.effectiveFrom,
+      });
+    } else {
+      await wlRepo.insert(rule);
     }
-    await prRepo.save([
-      prRepo.create({
-        code: "USD_PRIORITY",
-        label: "USD Payment Priority",
-        score: 200,
-        conditionCurrency: "USD",
-        isActive: true,
-      }),
-      prRepo.create({
-        code: "STANDARD_PRIORITY",
-        label: "Standard Priority",
-        score: 50,
-        conditionCurrency: null,
-        isActive: true,
-      }),
-    ]);
-    this.logger.log("Seeded priority rules");
+  }
+
+  this.logger.log("Seeded weight limit rules");
+}
+  private async seedPriorityConfigs(prRepo: any): Promise<void> {
+    // Wagon Count Block — independent, applies regardless of currency.
+    // Currency Block — applies only to the matching payment currency, within the wagon range.
+    // Both blocks are additive (see RuleEngineService.evaluate).
+    const rows = [
+      // ── Wagon Count Block ───────────────────────────────────────────────
+      { type: "WAGON", label: "Wagons 1–20", currency: null, minWagonCount: 1, maxWagonCount: 20, scorePoints: 0, displayOrder: 1 },
+      { type: "WAGON", label: "Wagons 21–30", currency: null, minWagonCount: 21, maxWagonCount: 30, scorePoints: 15, displayOrder: 2 },
+      { type: "WAGON", label: "Wagons 31–40", currency: null, minWagonCount: 31, maxWagonCount: 40, scorePoints: 30, displayOrder: 3 },
+      { type: "WAGON", label: "Wagons 41–50", currency: null, minWagonCount: 41, maxWagonCount: 50, scorePoints: 50, displayOrder: 4 },
+      // ── Payment Currency Block ──────────────────────────────────────────
+      { type: "CURRENCY", label: "USD · Wagons 1–25", currency: "USD", minWagonCount: 1, maxWagonCount: 25, scorePoints: 17, displayOrder: 5 },
+      { type: "CURRENCY", label: "USD · Wagons 26–50", currency: "USD", minWagonCount: 26, maxWagonCount: 50, scorePoints: 35, displayOrder: 6 },
+      { type: "CURRENCY", label: "ETB · Wagons 1–50", currency: "ETB", minWagonCount: 1, maxWagonCount: 50, scorePoints: 0, displayOrder: 7 },
+    ];
+
+    for (const row of rows) {
+      const existing = await prRepo.findOne({
+        where: { type: row.type, label: row.label },
+        withDeleted: true,
+      });
+      if (existing) {
+        await prRepo.save({ ...existing, ...row, isActive: true, deletedAt: null });
+      } else {
+        await prRepo.save(prRepo.create({ ...row, isActive: true }));
+      }
+    }
+    this.logger.log("Seeded priority configs");
   }
 
   private async seedRates(
@@ -370,20 +434,6 @@ export class PricingDataSeeder {
         rateValue: 1200,
         rateUnit: "PER_CONTAINER",
       },
-      {
-        rateType: "CONTAINER_IMPORT",
-        containerTypeId: ctByCode.get("20FT")!.id,
-        currency: "ETB",
-        rateValue: 45000,
-        rateUnit: "PER_CONTAINER",
-      },
-      {
-        rateType: "CONTAINER_IMPORT",
-        containerTypeId: ctByCode.get("40FT")!.id,
-        currency: "ETB",
-        rateValue: 67000,
-        rateUnit: "PER_CONTAINER",
-      },
       {
         rateType: "CONTAINER_EXPORT",
         containerTypeId: ctByCode.get("20FT")!.id,
@@ -398,34 +448,6 @@ export class PricingDataSeeder {
         rateValue: 900,
         rateUnit: "PER_CONTAINER",
       },
-      {
-        rateType: "CONTAINER_EXPORT",
-        containerTypeId: ctByCode.get("20FT")!.id,
-        currency: "ETB",
-        rateValue: 34000,
-        rateUnit: "PER_CONTAINER",
-      },
-      {
-        rateType: "CONTAINER_EXPORT",
-        containerTypeId: ctByCode.get("40FT")!.id,
-        currency: "ETB",
-        rateValue: 50000,
-        rateUnit: "PER_CONTAINER",
-      },
-      {
-        rateType: "INTERCITY_CONTAINER",
-        containerTypeId: ctByCode.get("20FT")!.id,
-        currency: "ETB",
-        rateValue: 20000,
-        rateUnit: "PER_CONTAINER",
-      },
-      {
-        rateType: "INTERCITY_CONTAINER",
-        containerTypeId: ctByCode.get("40FT")!.id,
-        currency: "ETB",
-        rateValue: 30000,
-        rateUnit: "PER_CONTAINER",
-      },
       {
         rateType: "CONTAINER_IMPORT",
         containerTypeId: null,
@@ -433,13 +455,6 @@ export class PricingDataSeeder {
         rateValue: 1000,
         rateUnit: "PER_CONTAINER",
       },
-      {
-        rateType: "CONTAINER_IMPORT",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 56000,
-        rateUnit: "PER_CONTAINER",
-      },
       {
         rateType: "CONTAINER_EXPORT",
         containerTypeId: null,
@@ -448,19 +463,33 @@ export class PricingDataSeeder {
         rateUnit: "PER_CONTAINER",
       },
       {
-        rateType: "CONTAINER_EXPORT",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 42000,
+        rateType: "INTERCITY_CONTAINER",
+        containerTypeId: ctByCode.get("20FT")!.id,
+        currency: "USD",
+        rateValue: 350,
+        rateUnit: "PER_CONTAINER",
+      },
+      {
+        rateType: "INTERCITY_CONTAINER",
+        containerTypeId: ctByCode.get("40FT")!.id,
+        currency: "USD",
+        rateValue: 550,
         rateUnit: "PER_CONTAINER",
       },
       {
         rateType: "INTERCITY_CONTAINER",
         containerTypeId: null,
-        currency: "ETB",
-        rateValue: 25000,
+        currency: "USD",
+        rateValue: 400,
         rateUnit: "PER_CONTAINER",
       },
+      {
+        rateType: "INTERCITY_BULK",
+        containerTypeId: null,
+        currency: "USD",
+        rateValue: 35,
+        rateUnit: "PER_TON",
+      },
       {
         rateType: "BULK_IMPORT",
         containerTypeId: null,
@@ -468,13 +497,6 @@ export class PricingDataSeeder {
         rateValue: 50,
         rateUnit: "PER_TON",
       },
-      {
-        rateType: "BULK_IMPORT",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 2800,
-        rateUnit: "PER_TON",
-      },
       {
         rateType: "BULK_EXPORT",
         containerTypeId: null,
@@ -482,13 +504,6 @@ export class PricingDataSeeder {
         rateValue: 40,
         rateUnit: "PER_TON",
       },
-      {
-        rateType: "BULK_EXPORT",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 2200,
-        rateUnit: "PER_TON",
-      },
       {
         rateType: "OVERWEIGHT_PER_TON",
         containerTypeId: null,
@@ -496,13 +511,6 @@ export class PricingDataSeeder {
         rateValue: 25,
         rateUnit: "PER_TON",
       },
-      {
-        rateType: "OVERWEIGHT_PER_TON",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 1400,
-        rateUnit: "PER_TON",
-      },
       {
         rateType: "HAZARD_SURCHARGE",
         containerTypeId: null,
@@ -510,13 +518,6 @@ export class PricingDataSeeder {
         rateValue: 150,
         rateUnit: "FLAT",
       },
-      {
-        rateType: "HAZARD_SURCHARGE",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 8500,
-        rateUnit: "FLAT",
-      },
       {
         rateType: "REEFER_SURCHARGE",
         containerTypeId: null,
@@ -524,13 +525,6 @@ export class PricingDataSeeder {
         rateValue: 200,
         rateUnit: "FLAT",
       },
-      {
-        rateType: "REEFER_SURCHARGE",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 11000,
-        rateUnit: "FLAT",
-      },
       {
         rateType: "DOUBLE_HANDLING",
         containerTypeId: null,
@@ -538,13 +532,6 @@ export class PricingDataSeeder {
         rateValue: 100,
         rateUnit: "PER_CONTAINER",
       },
-      {
-        rateType: "DOUBLE_HANDLING",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 5500,
-        rateUnit: "PER_CONTAINER",
-      },
       {
         rateType: "LASHING",
         containerTypeId: null,
@@ -552,13 +539,6 @@ export class PricingDataSeeder {
         rateValue: 50,
         rateUnit: "PER_CONTAINER",
       },
-      {
-        rateType: "LASHING",
-        containerTypeId: null,
-        currency: "ETB",
-        rateValue: 2800,
-        rateUnit: "PER_CONTAINER",
-      },
     ];
 
     const entities = rateData.map((d) =>
@@ -588,15 +568,10 @@ export class PricingDataSeeder {
     };
 
     const hazardRateUsd = findRate("HAZARD_SURCHARGE", "USD");
-    const hazardRateEtb = findRate("HAZARD_SURCHARGE", "ETB");
     const reeferRateUsd = findRate("REEFER_SURCHARGE", "USD");
-    const reeferRateEtb = findRate("REEFER_SURCHARGE", "ETB");
     const overweightRateUsd = findRate("OVERWEIGHT_PER_TON", "USD");
-    const overweightRateEtb = findRate("OVERWEIGHT_PER_TON", "ETB");
     const shipLineRateUsd = findRate("DOUBLE_HANDLING", "USD");
-    const shipLineRateEtb = findRate("DOUBLE_HANDLING", "ETB");
     const consolidRateUsd = findRate("LASHING", "USD");
-    const consolidRateEtb = findRate("LASHING", "ETB");
 
     await surRepo.createQueryBuilder().delete().execute();
     await surRepo.save([
@@ -604,35 +579,35 @@ export class PricingDataSeeder {
         code: "HAZARDOUS_CARGO",
         label: "Hazardous Cargo",
         triggerCondition: "CARGO_FLAG_HAZARDOUS",
-        rateId: hazardRateUsd?.id ?? hazardRateEtb?.id,
+        rateId: hazardRateUsd?.id,
         isActive: true,
       }),
       surRepo.create({
         code: "REEFER_CARGO",
         label: "Reefer Cargo",
         triggerCondition: "CARGO_FLAG_REEFER",
-        rateId: reeferRateUsd?.id ?? reeferRateEtb?.id,
+        rateId: reeferRateUsd?.id,
         isActive: true,
       }),
       surRepo.create({
         code: "OVERWEIGHT_CARGO",
         label: "Overweight Cargo",
         triggerCondition: "VGM_EXCEEDS_LIMIT",
-        rateId: overweightRateUsd?.id ?? overweightRateEtb?.id,
+        rateId: overweightRateUsd?.id,
         isActive: true,
       }),
       surRepo.create({
         code: "SHIPPING_LINE_FEE",
         label: "Shipping Line Fee",
         triggerCondition: "SHIPPING_LINE_MAPPED",
-        rateId: shipLineRateUsd?.id ?? shipLineRateEtb?.id,
+        rateId: shipLineRateUsd?.id,
         isActive: true,
       }),
       surRepo.create({
         code: "CONSOLIDATION_FEE",
         label: "Consolidation Fee",
         triggerCondition: "CONSOLIDATION_ENABLED",
-        rateId: consolidRateUsd?.id ?? consolidRateEtb?.id,
+        rateId: consolidRateUsd?.id,
         isActive: true,
       }),
     ]);
@@ -699,10 +674,10 @@ export class PricingDataSeeder {
       },
       {
         reference: "BKG-PRICE-003",
-        description: "20FT container import + shipping line (ETB)",
+        description: "20FT container import + shipping line (USD)",
         freightType: "CONTAINER" as const,
         tradeDirection: "IMPORT",
-        paymentCurrency: "ETB",
+        paymentCurrency: "USD",
         serviceTypeId: railContainer.id,
         originYardId: djibouti.id,
         destinationYardId: addis.id,
@@ -714,7 +689,7 @@ export class PricingDataSeeder {
         containers: [
           { containerTypeId: twenty.id, quantity: 20, vgmPerUnitTons: 24 },
         ],
-        expectedBaseRate: 45000,
+        expectedBaseRate: 800,
         expectedSurcharges: ["SHIPPING_LINE_FEE"],
       },
       {
diff --git a/apps/edr-freight-web/Dockerfile.backoffice b/apps/edr-freight-web/Dockerfile.backoffice
deleted file mode 100644
index 62bec7399..000000000
--- a/apps/edr-freight-web/Dockerfile.backoffice
+++ /dev/null
@@ -1,18 +0,0 @@
-FROM node:20-alpine AS base
-RUN corepack enable && corepack prepare pnpm@9.12.0 --activate
-WORKDIR /app
-
-FROM base AS deps
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
-COPY apps/edr-freight-web/backoffice/package.json ./apps/edr-freight-web/backoffice/
-COPY packages ./packages
-RUN pnpm install --frozen-lockfile --filter @edr/freight-backoffice...
-
-FROM deps AS build
-COPY apps/edr-freight-web/backoffice ./apps/edr-freight-web/backoffice
-RUN pnpm --filter @edr/freight-backoffice build
-
-FROM nginx:1.27-alpine AS runtime
-COPY --from=build /app/apps/edr-freight-web/backoffice/dist /usr/share/nginx/html
-EXPOSE 5183
-CMD ["nginx", "-g", "daemon off;"]
diff --git a/apps/edr-freight-web/Dockerfile.portal b/apps/edr-freight-web/Dockerfile.portal
deleted file mode 100644
index 32b71f672..000000000
--- a/apps/edr-freight-web/Dockerfile.portal
+++ /dev/null
@@ -1,18 +0,0 @@
-FROM node:20-alpine AS base
-RUN corepack enable && corepack prepare pnpm@9.12.0 --activate
-WORKDIR /app
-
-FROM base AS deps
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
-COPY apps/edr-freight-web/portal/package.json ./apps/edr-freight-web/portal/
-COPY packages ./packages
-RUN pnpm install --frozen-lockfile --filter @edr/freight-portal...
-
-FROM deps AS build
-COPY apps/edr-freight-web/portal ./apps/edr-freight-web/portal
-RUN pnpm --filter @edr/freight-portal build
-
-FROM nginx:1.27-alpine AS runtime
-COPY --from=build /app/apps/edr-freight-web/portal/dist /usr/share/nginx/html
-EXPOSE 5173
-CMD ["nginx", "-g", "daemon off;"]
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/containerTypesService.ts b/apps/edr-freight-web/backoffice/.gitignore
similarity index 100%
rename from apps/edr-freight-web/backoffice/src/components/container_management/containerTypesService.ts
rename to apps/edr-freight-web/backoffice/.gitignore
diff --git a/apps/edr-freight-web/backoffice/index.css b/apps/edr-freight-web/backoffice/index.css
index 8d40838ea..5dd466b0c 100644
--- a/apps/edr-freight-web/backoffice/index.css
+++ b/apps/edr-freight-web/backoffice/index.css
@@ -2,12 +2,12 @@
 @import "@edr/ui-common/theme.css" layer(theme);
 
 :root {
-  --freight-brand: #15803d;
-  --freight-brand-dark: #166534;
-  --freight-brand-light: #22c55e;
-  --freight-brand-muted: #f0fdf4;
-  --freight-brand-border: #bbf7d0;
-  --freight-brand-ring: rgb(21 128 61 / 0.2);
+  --freight-brand: #1B9E7A;
+  --freight-brand-dark: #15805F;
+  --freight-brand-light: #2DBF95;
+  --freight-brand-muted: #E7F8F2;
+  --freight-brand-border: #B7EBDC;
+  --freight-brand-ring: rgb(27 158 122 / 0.2);
 }
 
 html,
diff --git a/apps/edr-freight-web/backoffice/package.json b/apps/edr-freight-web/backoffice/package.json
index 13e522996..d680625ac 100644
--- a/apps/edr-freight-web/backoffice/package.json
+++ b/apps/edr-freight-web/backoffice/package.json
@@ -5,19 +5,22 @@
   "type": "module",
   "scripts": {
     "dev": "vite --port 5183",
-    "build": "tsc -b && vite build",
+    "build": "vite build",
     "preview": "vite preview --port 5183",
     "lint": "eslint src",
     "test": "vitest run",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "build:user-management": "cd user-management-config && npm run build",
+    "backoffice": "npm run build:user-management && nx serve @fhc-platform/backoffice",
+    "backoffice:no-build": "nx serve @fhc-platform/backoffice"
   },
   "dependencies": {
     "@edr/types": "workspace:*",
     "@edr/ui-common": "workspace:*",
+    "@hello-pangea/dnd": "^18.0.1",
     "@mantine/core": "^9.3.0",
     "@mantine/hooks": "^9.3.0",
     "@tabler/icons-react": "^3.44.0",
-    "@hello-pangea/dnd": "^18.0.1",
     "@tanstack/react-query": "^5.100.11",
     "@tria-plc/iamui-common": "1.1.2",
     "axios": "^1.7.7",
@@ -33,6 +36,7 @@
     "recharts": "^3.8.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
+    "tinymce": "^8.6.0",
     "zustand": "^5.0.0"
   },
   "devDependencies": {
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ActivityLogPage-CaXVQavd.js b/apps/edr-freight-web/backoffice/public/_um/assets/ActivityLogPage-CaXVQavd.js
new file mode 100644
index 000000000..a19e1c041
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ActivityLogPage-CaXVQavd.js
@@ -0,0 +1 @@
+import{r as x,j as r,B as v,I as O}from"./index-Db-xuq0b.js";import{C as A,a as E,b as L,d as B}from"./card-BBWyxDss.js";import{T as F,a as R,b as y,c as f,d as z,e as p}from"./table-D3n3VABd.js";import{S as j,a as S,b as T,c as b,d as g}from"./select-BoQxM42A.js";import{f as M}from"./formatDistanceToNow-DU8jvZv6.js";import{d as C,f as I}from"./en-US-Cc-9gH5A.js";import{D as Y}from"./download-CX6rsOqt.js";import{S as H}from"./search-CM5F2ZRy.js";import"./endOfMonth-DmxQbzXi.js";function J(t,e){const a=W(t);let i;if(a.date){const o=V(a.date,2);i=G(o.restDateString,o.year)}if(!i||isNaN(i.getTime()))return new Date(NaN);const d=i.getTime();let l=0,c;if(a.time&&(l=Q(a.time),isNaN(l)))return new Date(NaN);if(a.timezone){if(c=_(a.timezone),isNaN(c))return new Date(NaN)}else{const o=new Date(d+l),u=new Date(0);return u.setFullYear(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate()),u.setHours(o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()),u}return new Date(d+l+c)}const D={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},Z=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,$=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,P=/^([+-])(\d{2})(?::?(\d{2}))?$/;function W(t){const e={},s=t.split(D.dateTimeDelimiter);let a;if(s.length>2)return e;if(/:/.test(s[0])?a=s[0]:(e.date=s[0],a=s[1],D.timeZoneDelimiter.test(e.date)&&(e.date=t.split(D.timeZoneDelimiter)[0],a=t.substr(e.date.length,t.length))),a){const i=D.timezone.exec(a);i?(e.time=a.replace(i[1],""),e.timezone=i[1]):e.time=a}return e}function V(t,e){const s=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+e)+"})|(\\d{2}|[+-]\\d{"+(2+e)+"})$)"),a=t.match(s);if(!a)return{year:NaN,restDateString:""};const i=a[1]?parseInt(a[1]):null,d=a[2]?parseInt(a[2]):null;return{year:d===null?i:d*100,restDateString:t.slice((a[1]||a[2]).length)}}function G(t,e){if(e===null)return new Date(NaN);const s=t.match(Z);if(!s)return new Date(NaN);const a=!!s[4],i=h(s[1]),d=h(s[2])-1,l=h(s[3]),c=h(s[4]),o=h(s[5])-1;if(a)return te(e,c,o)?X(e,c,o):new Date(NaN);{const u=new Date(0);return!K(e,d,l)||!ee(e,i)?new Date(NaN):(u.setUTCFullYear(e,d,Math.max(i,l)),u)}}function h(t){return t?parseInt(t):1}function Q(t){const e=t.match($);if(!e)return NaN;const s=N(e[1]),a=N(e[2]),i=N(e[3]);return re(s,a,i)?s*C+a*I+i*1e3:NaN}function N(t){return t&&parseFloat(t.replace(",","."))||0}function _(t){if(t==="Z")return 0;const e=t.match(P);if(!e)return 0;const s=e[1]==="+"?-1:1,a=parseInt(e[2]),i=e[3]&&parseInt(e[3])||0;return se(a,i)?s*(a*C+i*I):NaN}function X(t,e,s){const a=new Date(0);a.setUTCFullYear(t,0,4);const i=a.getUTCDay()||7,d=(e-1)*7+s+1-i;return a.setUTCDate(a.getUTCDate()+d),a}const q=[31,null,31,30,31,30,31,31,30,31,30,31];function U(t){return t%400===0||t%4===0&&t%100!==0}function K(t,e,s){return e>=0&&e<=11&&s>=1&&s<=(q[e]||(U(t)?29:28))}function ee(t,e){return e>=1&&e<=(U(t)?366:365)}function te(t,e,s){return e>=1&&e<=53&&s>=0&&s<=6}function re(t,e,s){return t===24?e===0&&s===0:s>=0&&s<60&&e>=0&&e<60&&t>=0&&t<25}function se(t,e){return e>=0&&e<=59}const ae=t=>M(J(t),{addSuffix:!0}),w=[{id:"1",action:"CREATE",description:"Created new organization",performedBy:"John Doe",timestamp:new Date(Date.now()-36e5).toISOString(),module:"Organizations",resourceId:"org-123",status:"success"},{id:"2",action:"UPDATE",description:"Updated user permissions",performedBy:"Sarah Johnson",timestamp:new Date(Date.now()-72e5).toISOString(),module:"Users",resourceId:"user-456",status:"success"},{id:"3",action:"DELETE",description:"Deleted document template",performedBy:"Ahmed Mohamed",timestamp:new Date(Date.now()-864e5).toISOString(),module:"Templates",resourceId:"template-789",status:"success"},{id:"4",action:"LOGIN",description:"User login",performedBy:"John Doe",timestamp:new Date(Date.now()-18e5).toISOString(),module:"Authentication",status:"success"},{id:"5",action:"LOGIN",description:"Failed login attempt",performedBy:"Unknown User",timestamp:new Date(Date.now()-12e5).toISOString(),module:"Authentication",status:"failure"},{id:"6",action:"UPDATE",description:"Updated organization settings",performedBy:"Sarah Johnson",timestamp:new Date(Date.now()-72e5).toISOString(),module:"Settings",resourceId:"org-123",status:"success"},{id:"7",action:"CREATE",description:"Created new user account",performedBy:"John Doe",timestamp:new Date(Date.now()-1728e5).toISOString(),module:"Users",resourceId:"user-789",status:"success"},{id:"8",action:"EXPORT",description:"Exported organization data",performedBy:"Ahmed Mohamed",timestamp:new Date(Date.now()-2592e5).toISOString(),module:"Reports",status:"pending"}];function fe(){const[t,e]=x.useState(""),[s,a]=x.useState("all"),[i,d]=x.useState("all"),[l,c]=x.useState(w),o=Array.from(new Set(w?.map(n=>n.module))),u=Array.from(new Set(w?.map(n=>n.action)));x.useEffect(()=>{let n=[...w];t&&(n=n.filter(m=>m.description.toLowerCase().includes(t.toLowerCase())||m.performedBy.toLowerCase().includes(t.toLowerCase())||m.resourceId&&m.resourceId.toLowerCase().includes(t.toLowerCase()))),s!=="all"&&(n=n.filter(m=>m.module===s)),i!=="all"&&(n=n.filter(m=>m.action===i)),c(n)},[t,s,i]);const k=n=>{switch(n){case"success":return"bg-primary-100 text-primary-800 border-primary-300 dark:bg-primary-900/40 dark:text-primary-300 dark:border-primary-800";case"failure":return"bg-red-100 text-red-800 border-red-300 dark:bg-red-900/40 dark:text-red-300 dark:border-red-800";case"pending":return"bg-yellow-100 text-yellow-800 border-yellow-300 dark:bg-yellow-900/40 dark:text-yellow-300 dark:border-yellow-800";default:return"bg-gray-100 text-gray-800 border-gray-300 dark:bg-gray-800 dark:text-gray-200 dark:border-gray-700"}};return r.jsx("div",{className:"p-6 space-y-6",children:r.jsxs(A,{className:"shadow-lg border-gray-200 dark:border-gray-700",children:[r.jsx(E,{children:r.jsxs("div",{className:"flex justify-between items-center",children:[r.jsx(L,{className:"text-xl font-semibold",children:"Activity Log"}),r.jsxs(v,{variant:"outline",className:"flex items-center gap-2",children:[r.jsx(Y,{className:"w-4 h-4"}),"Export"]})]})}),r.jsxs(B,{children:[r.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[r.jsxs("div",{className:"relative flex-1",children:[r.jsx(H,{className:"absolute left-3 top-3 h-4 w-4 text-gray-400 dark:text-gray-500"}),r.jsx(O,{placeholder:"Search logs...",value:t,onChange:n=>e(n.target.value),className:"pl-10"})]}),r.jsxs(j,{value:s,onValueChange:a,children:[r.jsx(S,{className:"w-[180px]",children:r.jsx(T,{placeholder:"Filter by module"})}),r.jsxs(b,{children:[r.jsx(g,{value:"all",children:"All modules"}),o?.map(n=>r.jsx(g,{value:n,children:n},n))]})]}),r.jsxs(j,{value:i,onValueChange:d,children:[r.jsx(S,{className:"w-[180px]",children:r.jsx(T,{placeholder:"Filter by action"})}),r.jsxs(b,{children:[r.jsx(g,{value:"all",children:"All actions"}),u?.map(n=>r.jsx(g,{value:n,children:n},n))]})]})]}),r.jsx("div",{className:"rounded-md border border-gray-200 dark:border-gray-700",children:r.jsxs(F,{children:[r.jsx(R,{children:r.jsxs(y,{children:[r.jsx(f,{className:"w-[180px]",children:"Time"}),r.jsx(f,{children:"Action"}),r.jsx(f,{className:"w-[300px]",children:"Description"}),r.jsx(f,{children:"Performed By"}),r.jsx(f,{children:"Module"}),r.jsx(f,{children:"Status"})]})}),r.jsx(z,{children:l.length>0?l?.map(n=>r.jsxs(y,{children:[r.jsx(p,{className:"font-medium",children:ae(n.timestamp)}),r.jsx(p,{children:n.action}),r.jsx(p,{children:n.description}),r.jsx(p,{children:n.performedBy}),r.jsx(p,{children:n.module}),r.jsx(p,{children:r.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-semibold ${k(n.status)}`})})]},n.id)):r.jsx(y,{children:r.jsx(p,{colSpan:6,className:"h-24 text-center text-muted-foreground",children:"No activity logs found."})})})]})})]})]})})}export{fe as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/AdminRegistrationPage-DvAhYHqv.js b/apps/edr-freight-web/backoffice/public/_um/assets/AdminRegistrationPage-DvAhYHqv.js
new file mode 100644
index 000000000..d8a3cd18b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/AdminRegistrationPage-DvAhYHqv.js
@@ -0,0 +1 @@
+import{f as L,az as U,d as O,r as c,j as e,v as r,I as m,B as V}from"./index-Db-xuq0b.js";import{u as T}from"./index.esm-BG4gweZJ.js";import{u as q,o as z,s as i}from"./zod-Df58YiJ6.js";import{u as w}from"./useOrganizations-DiuNBweX.js";import{C as B,a as D,b as P,c as R,d as H}from"./card-BBWyxDss.js";import{S,a as y,b,c as I,d as v}from"./select-BoQxM42A.js";import{L as n}from"./label-CsFy6wpo.js";import{u as M}from"./useOrganizationAdmins-Bl-gbkwr.js";import{u as _}from"./useUnit-C4s9nepK.js";import"./organizationsService-BEVk8qa1.js";import"./unitService-CmGVtFHQ.js";const $=z({name:z({am:i().min(1,r("organization.amharicNameRequired")),en:i().min(1,r("organization.englishNameRequired"))}),email:i().email(r("organization.invalidEmail")),username:i().min(3,r("organization.usernameMinLength")),unitId:i().min(1,r("organization.organizationRequired")),phone:i().regex(/^(\+251|0)?9\d{8}$/,r("organization.invalidPhoneNumber"))}),G=()=>{var u,j,N,f;const A=L(),x=U(),{organizationsResponse:l}=w("Org",{take:3e3}),{createUnitAdmin:C,isCreating:h}=M(),{user:J}=O(),[d,E]=c.useState(""),{data:t,isLoading:F}=_().getList(d||"",{take:300,skip:0}),[g,p]=c.useState("All");c.useEffect(()=>{var s,o;g||((o=(s=t==null?void 0:t.data)==null?void 0:s.items)!=null&&o.length?p(t.data.items[0].id):p("All"))},[t,g]);const a=T({resolver:q($),defaultValues:{name:{am:"",en:""},email:"",username:"",unitId:"",phone:""}}),k=async s=>{const o={email:s.email,name:s.name,unitId:s.unitId,username:s.username,phoneNumber:s.phone};C({payload:o,successCallback:()=>{A("/user-management/organization_admins")}})};return e.jsxs(B,{className:"max-w-2xl mx-auto shadow-md border-gray-200 dark:border-gray-700",children:[e.jsxs(D,{children:[e.jsx(P,{className:"text-xl font-semibold text-gray-800 dark:text-gray-100",children:r("organization.registerAdminTitle")}),e.jsx(R,{className:"text-gray-500 dark:text-gray-400",children:r("organization.registerAdminDescription")})]}),e.jsx(H,{children:e.jsxs("form",{onSubmit:a.handleSubmit(k),className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(n,{htmlFor:"name.en",children:[r("organization.nameEnglish")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(m,{id:"name.en",...a.register("name.en"),placeholder:r("organization.enterEnglishName")}),((u=a.formState.errors.name)==null?void 0:u.en)&&e.jsx("p",{className:"text-red-500 text-xs",children:a.formState.errors.name.en.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(n,{htmlFor:"name.am",children:[r("organization.nameAmharic")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(m,{id:"name.am",...a.register("name.am"),placeholder:r("organization.enterAmharicName")}),((j=a.formState.errors.name)==null?void 0:j.am)&&e.jsx("p",{className:"text-red-500 text-xs",children:a.formState.errors.name.am.message})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(n,{htmlFor:"email",children:[r("organization.email")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(m,{id:"email",type:"email",...a.register("email"),placeholder:r("organization.emailExample")}),a.formState.errors.email&&e.jsx("p",{className:"text-red-500 text-xs",children:a.formState.errors.email.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(n,{htmlFor:"username",children:[r("organization.username")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(m,{id:"username",...a.register("username"),placeholder:r("organization.enterUsername")}),a.formState.errors.username&&e.jsx("p",{className:"text-red-500 text-xs",children:a.formState.errors.username.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(n,{htmlFor:"phone",children:[r("organization.phoneNumber")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(m,{id:"phone",type:"tel",...a.register("phone"),placeholder:r("organization.phoneNumberExample")}),a.formState.errors.phone&&e.jsx("p",{className:"text-red-500 text-xs",children:a.formState.errors.phone.message})]}),e.jsxs("div",{className:"space-y-2 ",children:[e.jsxs(n,{htmlFor:"organizationId",children:[r("organization.organization")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs(S,{value:d,onValueChange:s=>{E(s),a.setValue("unitId","")},children:[e.jsx(y,{children:e.jsx(b,{placeholder:r("organization.selectOrganization")})}),e.jsx(I,{children:l==null?void 0:l.items.filter(s=>s.status==="Active")?.map(s=>e.jsx(v,{value:s.id,children:x(s.name)},s.id))})]}),a.formState.errors.unitId&&e.jsx("p",{className:"text-red-500 text-xs",children:a.formState.errors.unitId.message})]}),e.jsxs(S,{value:a.watch("unitId"),onValueChange:s=>a.setValue("unitId",s),disabled:!d||F,children:[e.jsx(y,{children:e.jsx(b,{placeholder:r("organization.selectUnit")})}),e.jsx(I,{children:(f=(N=t==null?void 0:t.data)==null?void 0:N.items)==null?void 0:f?.map(s=>e.jsx(v,{value:s.id,children:x(s.name)},s.id))})]}),a.formState.errors.unitId&&e.jsx("p",{className:"text-red-500 text-xs",children:a.formState.errors.unitId.message}),e.jsx("div",{className:"pt-4",children:e.jsx(V,{type:"submit",disabled:h,className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:h?r("organization.registering"):r("organization.registerAdmin")})})]})})]})};function ie(){return e.jsx("div",{className:"p-6",children:e.jsx(G,{})})}export{ie as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/AdvancedTable-CC9ioMU-.js b/apps/edr-freight-web/backoffice/public/_um/assets/AdvancedTable-CC9ioMU-.js
new file mode 100644
index 000000000..a6797602d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/AdvancedTable-CC9ioMU-.js
@@ -0,0 +1,33 @@
+import{y as ve,r as A,j as p,B as z,b8 as De,aJ as Ee,aP as je,u as Ce,aA as Ae,aB as Ge,aC as He,aD as Le,b_ as ze,cD as Ne,I as ke,aS as Oe}from"./index-Db-xuq0b.js";import{T as Te,a as Be,b as B,c as qe,d as Ue,e as Q}from"./table-D3n3VABd.js";import{S as Xe,a as Ke,b as Je,c as Qe,d as We}from"./select-BoQxM42A.js";import{C as Ye}from"./chevron-left-DCpEaNzo.js";import{c as fe}from"./utils-BncSPdK1.js";import{B as W}from"./badge-D7JvaQeJ.js";import{C as Ze,a as be,b as et,c as tt,d as pe,e as me,f as nt}from"./command-Cr0tMDDu.js";import{P as ot,a as rt,b as it}from"./popover-X-j_SRnG.js";import{S as lt}from"./separator-BaOOgzZX.js";import{R as st}from"./refresh-cw-JB7N413f.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ut=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M8 12h8",key:"1wcyev"}],["path",{d:"M12 8v8",key:"napkw2"}]],at=ve("circle-plus",ut);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const gt=[["path",{d:"M20 7h-9",key:"3s1dr2"}],["path",{d:"M14 17H5",key:"gfn3mx"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["circle",{cx:"7",cy:"7",r:"3",key:"dfmy0x"}]],dt=ve("settings-2",gt);/**
+   * table-core
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */function G(e,o){return typeof e=="function"?e(o):e}function V(e,o){return t=>{o.setState(n=>({...n,[e]:G(t,n[e])}))}}function J(e){return e instanceof Function}function ct(e){return Array.isArray(e)&&e.every(o=>typeof o=="number")}function ft(e,o){const t=[],n=r=>{r.forEach(i=>{t.push(i);const l=o(i);l!=null&&l.length&&n(l)})};return n(e),t}function h(e,o,t){let n=[],r;return i=>{let l;t.key&&t.debug&&(l=Date.now());const s=e(i);if(!(s.length!==n.length||s?.some((c,S)=>n[S]!==c)))return r;n=s;let g;if(t.key&&t.debug&&(g=Date.now()),r=o(...s),t==null||t.onChange==null||t.onChange(r),t.key&&t.debug&&t!=null&&t.debug()){const c=Math.round((Date.now()-l)*100)/100,d=Math.round((Date.now()-g)*100)/100/16,u=(f,m)=>{for(f=String(f);f.length<m;)f=" "+f;return f}}return r}}function w(e,o,t,n){return{debug:()=>{var r;return(r=e==null?void 0:e.debugAll)!=null?r:e[o]},key:!1,onChange:n}}function pt(e,o,t,n){const r=()=>{var l;return(l=i.getValue())!=null?l:e.options.renderFallbackValue},i={id:`${o.id}_${t.id}`,row:o,column:t,getValue:()=>o.getValue(n),renderValue:r,getContext:h(()=>[e,t,o,i],(l,s,a,g)=>({table:l,column:s,row:a,cell:g,getValue:g.getValue,renderValue:g.renderValue}),w(e.options,"debugCells"))};return e._features.forEach(l=>{l.createCell==null||l.createCell(i,t,o,e)},{}),i}function mt(e,o,t,n){var r,i;const s={...e._getDefaultColumnDef(),...o},a=s.accessorKey;let g=(r=(i=s.id)!=null?i:a?typeof String.prototype.replaceAll=="function"?a.replaceAll(".","_"):a.replace(/\./g,"_"):void 0)!=null?r:typeof s.header=="string"?s.header:void 0,c;if(s.accessorFn?c=s.accessorFn:a&&(a.includes(".")?c=d=>{let u=d;for(const m of a.split(".")){var f;u=(f=u)==null?void 0:f[m]}return u}:c=d=>d[s.accessorKey]),!g)throw new Error;let S={id:`${String(g)}`,accessorFn:c,parent:n,depth:t,columnDef:s,columns:[],getFlatColumns:h(()=>[!0],()=>{var d;return[S,...(d=S.columns)==null?void 0:d.flatMap(u=>u.getFlatColumns())]},w(e.options,"debugColumns")),getLeafColumns:h(()=>[e._getOrderColumnsFn()],d=>{var u;if((u=S.columns)!=null&&u.length){let f=S.columns.flatMap(m=>m.getLeafColumns());return d(f)}return[S]},w(e.options,"debugColumns"))};for(const d of e._features)d.createColumn==null||d.createColumn(S,e);return S}const y="debugHeaders";function Se(e,o,t){var n;let i={id:(n=t.id)!=null?n:o.id,column:o,index:t.index,isPlaceholder:!!t.isPlaceholder,placeholderId:t.placeholderId,depth:t.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{const l=[],s=a=>{a.subHeaders&&a.subHeaders.length&&a.subHeaders?.map(s),l.push(a)};return s(i),l},getContext:()=>({table:e,header:i,column:o})};return e._features.forEach(l=>{l.createHeader==null||l.createHeader(i,e)}),i}const St={createTable:e=>{e.getHeaderGroups=h(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(o,t,n,r)=>{var i,l;const s=(i=n==null?void 0:n?.map(S=>t.find(d=>d.id===S)).filter(Boolean))!=null?i:[],a=(l=r==null?void 0:r?.map(S=>t.find(d=>d.id===S)).filter(Boolean))!=null?l:[],g=t.filter(S=>!(n!=null&&n.includes(S.id))&&!(r!=null&&r.includes(S.id)));return q(o,[...s,...g,...a],e)},w(e.options,y)),e.getCenterHeaderGroups=h(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(o,t,n,r)=>(t=t.filter(i=>!(n!=null&&n.includes(i.id))&&!(r!=null&&r.includes(i.id))),q(o,t,e,"center")),w(e.options,y)),e.getLeftHeaderGroups=h(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left],(o,t,n)=>{var r;const i=(r=n==null?void 0:n?.map(l=>t.find(s=>s.id===l)).filter(Boolean))!=null?r:[];return q(o,i,e,"left")},w(e.options,y)),e.getRightHeaderGroups=h(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.right],(o,t,n)=>{var r;const i=(r=n==null?void 0:n?.map(l=>t.find(s=>s.id===l)).filter(Boolean))!=null?r:[];return q(o,i,e,"right")},w(e.options,y)),e.getFooterGroups=h(()=>[e.getHeaderGroups()],o=>[...o].reverse(),w(e.options,y)),e.getLeftFooterGroups=h(()=>[e.getLeftHeaderGroups()],o=>[...o].reverse(),w(e.options,y)),e.getCenterFooterGroups=h(()=>[e.getCenterHeaderGroups()],o=>[...o].reverse(),w(e.options,y)),e.getRightFooterGroups=h(()=>[e.getRightHeaderGroups()],o=>[...o].reverse(),w(e.options,y)),e.getFlatHeaders=h(()=>[e.getHeaderGroups()],o=>o?.map(t=>t.headers).flat(),w(e.options,y)),e.getLeftFlatHeaders=h(()=>[e.getLeftHeaderGroups()],o=>o?.map(t=>t.headers).flat(),w(e.options,y)),e.getCenterFlatHeaders=h(()=>[e.getCenterHeaderGroups()],o=>o?.map(t=>t.headers).flat(),w(e.options,y)),e.getRightFlatHeaders=h(()=>[e.getRightHeaderGroups()],o=>o?.map(t=>t.headers).flat(),w(e.options,y)),e.getCenterLeafHeaders=h(()=>[e.getCenterFlatHeaders()],o=>o.filter(t=>{var n;return!((n=t.subHeaders)!=null&&n.length)}),w(e.options,y)),e.getLeftLeafHeaders=h(()=>[e.getLeftFlatHeaders()],o=>o.filter(t=>{var n;return!((n=t.subHeaders)!=null&&n.length)}),w(e.options,y)),e.getRightLeafHeaders=h(()=>[e.getRightFlatHeaders()],o=>o.filter(t=>{var n;return!((n=t.subHeaders)!=null&&n.length)}),w(e.options,y)),e.getLeafHeaders=h(()=>[e.getLeftHeaderGroups(),e.getCenterHeaderGroups(),e.getRightHeaderGroups()],(o,t,n)=>{var r,i,l,s,a,g;return[...(r=(i=o[0])==null?void 0:i.headers)!=null?r:[],...(l=(s=t[0])==null?void 0:s.headers)!=null?l:[],...(a=(g=n[0])==null?void 0:g.headers)!=null?a:[]]?.map(c=>c.getLeafHeaders()).flat()},w(e.options,y))}};function q(e,o,t,n){var r,i;let l=0;const s=function(d,u){u===void 0&&(u=1),l=Math.max(l,u),d.filter(f=>f.getIsVisible()).forEach(f=>{var m;(m=f.columns)!=null&&m.length&&s(f.columns,u+1)},0)};s(e);let a=[];const g=(d,u)=>{const f={depth:u,id:[n,`${u}`].filter(Boolean).join("_"),headers:[]},m=[];d.forEach(v=>{const C=[...m].reverse()[0],R=v.column.depth===f.depth;let x,M=!1;if(R&&v.column.parent?x=v.column.parent:(x=v.column,M=!0),C&&(C==null?void 0:C.column)===x)C.subHeaders.push(v);else{const F=Se(t,x,{id:[n,u,x.id,v==null?void 0:v.id].filter(Boolean).join("_"),isPlaceholder:M,placeholderId:M?`${m.filter(D=>D.column===x).length}`:void 0,depth:u,index:m.length});F.subHeaders.push(v),m.push(F)}f.headers.push(v),v.headerGroup=f}),a.push(f),u>0&&g(m,u-1)},c=o?.map((d,u)=>Se(t,d,{depth:l,index:u}));g(c,l-1),a.reverse();const S=d=>d.filter(f=>f.column.getIsVisible())?.map(f=>{let m=0,v=0,C=[0];f.subHeaders&&f.subHeaders.length?(C=[],S(f.subHeaders).forEach(x=>{let{colSpan:M,rowSpan:F}=x;m+=M,C.push(F)})):m=1;const R=Math.min(...C);return v=v+R,f.colSpan=m,f.rowSpan=v,{colSpan:m,rowSpan:v}});return S((r=(i=a[0])==null?void 0:i.headers)!=null?r:[]),a}const ae=(e,o,t,n,r,i,l)=>{let s={id:o,index:n,original:t,depth:r,parentId:l,_valuesCache:{},_uniqueValuesCache:{},getValue:a=>{if(s._valuesCache.hasOwnProperty(a))return s._valuesCache[a];const g=e.getColumn(a);if(g!=null&&g.accessorFn)return s._valuesCache[a]=g.accessorFn(s.original,n),s._valuesCache[a]},getUniqueValues:a=>{if(s._uniqueValuesCache.hasOwnProperty(a))return s._uniqueValuesCache[a];const g=e.getColumn(a);if(g!=null&&g.accessorFn)return g.columnDef.getUniqueValues?(s._uniqueValuesCache[a]=g.columnDef.getUniqueValues(s.original,n),s._uniqueValuesCache[a]):(s._uniqueValuesCache[a]=[s.getValue(a)],s._uniqueValuesCache[a])},renderValue:a=>{var g;return(g=s.getValue(a))!=null?g:e.options.renderFallbackValue},subRows:[],getLeafRows:()=>ft(s.subRows,a=>a.subRows),getParentRow:()=>s.parentId?e.getRow(s.parentId,!0):void 0,getParentRows:()=>{let a=[],g=s;for(;;){const c=g.getParentRow();if(!c)break;a.push(c),g=c}return a.reverse()},getAllCells:h(()=>[e.getAllLeafColumns()],a=>a?.map(g=>pt(e,s,g,g.id)),w(e.options,"debugRows")),_getAllCellsByColumnId:h(()=>[s.getAllCells()],a=>a.reduce((g,c)=>(g[c.column.id]=c,g),{}),w(e.options,"debugRows"))};for(let a=0;a<e._features.length;a++){const g=e._features[a];g==null||g.createRow==null||g.createRow(s,e)}return s},ht={createColumn:(e,o)=>{e._getFacetedRowModel=o.options.getFacetedRowModel&&o.options.getFacetedRowModel(o,e.id),e.getFacetedRowModel=()=>e._getFacetedRowModel?e._getFacetedRowModel():o.getPreFilteredRowModel(),e._getFacetedUniqueValues=o.options.getFacetedUniqueValues&&o.options.getFacetedUniqueValues(o,e.id),e.getFacetedUniqueValues=()=>e._getFacetedUniqueValues?e._getFacetedUniqueValues():new Map,e._getFacetedMinMaxValues=o.options.getFacetedMinMaxValues&&o.options.getFacetedMinMaxValues(o,e.id),e.getFacetedMinMaxValues=()=>{if(e._getFacetedMinMaxValues)return e._getFacetedMinMaxValues()}}},Re=(e,o,t)=>{var n,r;const i=t==null||(n=t.toString())==null?void 0:n.toLowerCase();return!!(!((r=e.getValue(o))==null||(r=r.toString())==null||(r=r.toLowerCase())==null)&&r.includes(i))};Re.autoRemove=e=>P(e);const xe=(e,o,t)=>{var n;return!!(!((n=e.getValue(o))==null||(n=n.toString())==null)&&n.includes(t))};xe.autoRemove=e=>P(e);const _e=(e,o,t)=>{var n;return((n=e.getValue(o))==null||(n=n.toString())==null?void 0:n.toLowerCase())===(t==null?void 0:t.toLowerCase())};_e.autoRemove=e=>P(e);const Fe=(e,o,t)=>{var n;return(n=e.getValue(o))==null?void 0:n.includes(t)};Fe.autoRemove=e=>P(e);const ye=(e,o,t)=>!t?.some(n=>{var r;return!((r=e.getValue(o))!=null&&r.includes(n))});ye.autoRemove=e=>P(e)||!(e!=null&&e.length);const $e=(e,o,t)=>t?.some(n=>{var r;return(r=e.getValue(o))==null?void 0:r.includes(n)});$e.autoRemove=e=>P(e)||!(e!=null&&e.length);const Me=(e,o,t)=>e.getValue(o)===t;Me.autoRemove=e=>P(e);const Ve=(e,o,t)=>e.getValue(o)==t;Ve.autoRemove=e=>P(e);const ge=(e,o,t)=>{let[n,r]=t;const i=e.getValue(o);return i>=n&&i<=r};ge.resolveFilterValue=e=>{let[o,t]=e,n=typeof o!="number"?parseFloat(o):o,r=typeof t!="number"?parseFloat(t):t,i=o===null||Number.isNaN(n)?-1/0:n,l=t===null||Number.isNaN(r)?1/0:r;if(i>l){const s=i;i=l,l=s}return[i,l]};ge.autoRemove=e=>P(e)||P(e[0])&&P(e[1]);const j={includesString:Re,includesStringSensitive:xe,equalsString:_e,arrIncludes:Fe,arrIncludesAll:ye,arrIncludesSome:$e,equals:Me,weakEquals:Ve,inNumberRange:ge};function P(e){return e==null||e===""}const wt={getDefaultColumnDef:()=>({filterFn:"auto"}),getInitialState:e=>({columnFilters:[],...e}),getDefaultOptions:e=>({onColumnFiltersChange:V("columnFilters",e),filterFromLeafRows:!1,maxLeafRowFilterDepth:100}),createColumn:(e,o)=>{e.getAutoFilterFn=()=>{const t=o.getCoreRowModel().flatRows[0],n=t==null?void 0:t.getValue(e.id);return typeof n=="string"?j.includesString:typeof n=="number"?j.inNumberRange:typeof n=="boolean"||n!==null&&typeof n=="object"?j.equals:Array.isArray(n)?j.arrIncludes:j.weakEquals},e.getFilterFn=()=>{var t,n;return J(e.columnDef.filterFn)?e.columnDef.filterFn:e.columnDef.filterFn==="auto"?e.getAutoFilterFn():(t=(n=o.options.filterFns)==null?void 0:n[e.columnDef.filterFn])!=null?t:j[e.columnDef.filterFn]},e.getCanFilter=()=>{var t,n,r;return((t=e.columnDef.enableColumnFilter)!=null?t:!0)&&((n=o.options.enableColumnFilters)!=null?n:!0)&&((r=o.options.enableFilters)!=null?r:!0)&&!!e.accessorFn},e.getIsFiltered=()=>e.getFilterIndex()>-1,e.getFilterValue=()=>{var t;return(t=o.getState().columnFilters)==null||(t=t.find(n=>n.id===e.id))==null?void 0:t.value},e.getFilterIndex=()=>{var t,n;return(t=(n=o.getState().columnFilters)==null?void 0:n.findIndex(r=>r.id===e.id))!=null?t:-1},e.setFilterValue=t=>{o.setColumnFilters(n=>{const r=e.getFilterFn(),i=n==null?void 0:n.find(c=>c.id===e.id),l=G(t,i?i.value:void 0);if(he(r,l,e)){var s;return(s=n==null?void 0:n.filter(c=>c.id!==e.id))!=null?s:[]}const a={id:e.id,value:l};if(i){var g;return(g=n==null?void 0:n?.map(c=>c.id===e.id?a:c))!=null?g:[]}return n!=null&&n.length?[...n,a]:[a]})}},createRow:(e,o)=>{e.columnFilters={},e.columnFiltersMeta={}},createTable:e=>{e.setColumnFilters=o=>{const t=e.getAllLeafColumns(),n=r=>{var i;return(i=G(o,r))==null?void 0:i.filter(l=>{const s=t.find(a=>a.id===l.id);if(s){const a=s.getFilterFn();if(he(a,l.value,s))return!1}return!0})};e.options.onColumnFiltersChange==null||e.options.onColumnFiltersChange(n)},e.resetColumnFilters=o=>{var t,n;e.setColumnFilters(o?[]:(t=(n=e.initialState)==null?void 0:n.columnFilters)!=null?t:[])},e.getPreFilteredRowModel=()=>e.getCoreRowModel(),e.getFilteredRowModel=()=>(!e._getFilteredRowModel&&e.options.getFilteredRowModel&&(e._getFilteredRowModel=e.options.getFilteredRowModel(e)),e.options.manualFiltering||!e._getFilteredRowModel?e.getPreFilteredRowModel():e._getFilteredRowModel())}};function he(e,o,t){return(e&&e.autoRemove?e.autoRemove(o,t):!1)||typeof o>"u"||typeof o=="string"&&!o}const vt=(e,o,t)=>t.reduce((n,r)=>{const i=r.getValue(e);return n+(typeof i=="number"?i:0)},0),Ct=(e,o,t)=>{let n;return t.forEach(r=>{const i=r.getValue(e);i!=null&&(n>i||n===void 0&&i>=i)&&(n=i)}),n},Rt=(e,o,t)=>{let n;return t.forEach(r=>{const i=r.getValue(e);i!=null&&(n<i||n===void 0&&i>=i)&&(n=i)}),n},xt=(e,o,t)=>{let n,r;return t.forEach(i=>{const l=i.getValue(e);l!=null&&(n===void 0?l>=l&&(n=r=l):(n>l&&(n=l),r<l&&(r=l)))}),[n,r]},_t=(e,o)=>{let t=0,n=0;if(o.forEach(r=>{let i=r.getValue(e);i!=null&&(i=+i)>=i&&(++t,n+=i)}),t)return n/t},Ft=(e,o)=>{if(!o.length)return;const t=o?.map(i=>i.getValue(e));if(!ct(t))return;if(t.length===1)return t[0];const n=Math.floor(t.length/2),r=t.sort((i,l)=>i-l);return t.length%2!==0?r[n]:(r[n-1]+r[n])/2},yt=(e,o)=>Array.from(new Set(o?.map(t=>t.getValue(e))).values()),$t=(e,o)=>new Set(o?.map(t=>t.getValue(e))).size,Mt=(e,o)=>o.length,Y={sum:vt,min:Ct,max:Rt,extent:xt,mean:_t,median:Ft,unique:yt,uniqueCount:$t,count:Mt},Vt={getDefaultColumnDef:()=>({aggregatedCell:e=>{var o,t;return(o=(t=e.getValue())==null||t.toString==null?void 0:t.toString())!=null?o:null},aggregationFn:"auto"}),getInitialState:e=>({grouping:[],...e}),getDefaultOptions:e=>({onGroupingChange:V("grouping",e),groupedColumnMode:"reorder"}),createColumn:(e,o)=>{e.toggleGrouping=()=>{o.setGrouping(t=>t!=null&&t.includes(e.id)?t.filter(n=>n!==e.id):[...t??[],e.id])},e.getCanGroup=()=>{var t,n;return((t=e.columnDef.enableGrouping)!=null?t:!0)&&((n=o.options.enableGrouping)!=null?n:!0)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue)},e.getIsGrouped=()=>{var t;return(t=o.getState().grouping)==null?void 0:t.includes(e.id)},e.getGroupedIndex=()=>{var t;return(t=o.getState().grouping)==null?void 0:t.indexOf(e.id)},e.getToggleGroupingHandler=()=>{const t=e.getCanGroup();return()=>{t&&e.toggleGrouping()}},e.getAutoAggregationFn=()=>{const t=o.getCoreRowModel().flatRows[0],n=t==null?void 0:t.getValue(e.id);if(typeof n=="number")return Y.sum;if(Object.prototype.toString.call(n)==="[object Date]")return Y.extent},e.getAggregationFn=()=>{var t,n;if(!e)throw new Error;return J(e.columnDef.aggregationFn)?e.columnDef.aggregationFn:e.columnDef.aggregationFn==="auto"?e.getAutoAggregationFn():(t=(n=o.options.aggregationFns)==null?void 0:n[e.columnDef.aggregationFn])!=null?t:Y[e.columnDef.aggregationFn]}},createTable:e=>{e.setGrouping=o=>e.options.onGroupingChange==null?void 0:e.options.onGroupingChange(o),e.resetGrouping=o=>{var t,n;e.setGrouping(o?[]:(t=(n=e.initialState)==null?void 0:n.grouping)!=null?t:[])},e.getPreGroupedRowModel=()=>e.getFilteredRowModel(),e.getGroupedRowModel=()=>(!e._getGroupedRowModel&&e.options.getGroupedRowModel&&(e._getGroupedRowModel=e.options.getGroupedRowModel(e)),e.options.manualGrouping||!e._getGroupedRowModel?e.getPreGroupedRowModel():e._getGroupedRowModel())},createRow:(e,o)=>{e.getIsGrouped=()=>!!e.groupingColumnId,e.getGroupingValue=t=>{if(e._groupingValuesCache.hasOwnProperty(t))return e._groupingValuesCache[t];const n=o.getColumn(t);return n!=null&&n.columnDef.getGroupingValue?(e._groupingValuesCache[t]=n.columnDef.getGroupingValue(e.original),e._groupingValuesCache[t]):e.getValue(t)},e._groupingValuesCache={}},createCell:(e,o,t,n)=>{e.getIsGrouped=()=>o.getIsGrouped()&&o.id===t.groupingColumnId,e.getIsPlaceholder=()=>!e.getIsGrouped()&&o.getIsGrouped(),e.getIsAggregated=()=>{var r;return!e.getIsGrouped()&&!e.getIsPlaceholder()&&!!((r=t.subRows)!=null&&r.length)}}};function It(e,o,t){if(!(o!=null&&o.length)||!t)return e;const n=e.filter(i=>!o.includes(i.id));return t==="remove"?n:[...o?.map(i=>e.find(l=>l.id===i)).filter(Boolean),...n]}const Pt={getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:V("columnOrder",e)}),createColumn:(e,o)=>{e.getIndex=h(t=>[T(o,t)],t=>t.findIndex(n=>n.id===e.id),w(o.options,"debugColumns")),e.getIsFirstColumn=t=>{var n;return((n=T(o,t)[0])==null?void 0:n.id)===e.id},e.getIsLastColumn=t=>{var n;const r=T(o,t);return((n=r[r.length-1])==null?void 0:n.id)===e.id}},createTable:e=>{e.setColumnOrder=o=>e.options.onColumnOrderChange==null?void 0:e.options.onColumnOrderChange(o),e.resetColumnOrder=o=>{var t;e.setColumnOrder(o?[]:(t=e.initialState.columnOrder)!=null?t:[])},e._getOrderColumnsFn=h(()=>[e.getState().columnOrder,e.getState().grouping,e.options.groupedColumnMode],(o,t,n)=>r=>{let i=[];if(!(o!=null&&o.length))i=r;else{const l=[...o],s=[...r];for(;s.length&&l.length;){const a=l.shift(),g=s.findIndex(c=>c.id===a);g>-1&&i.push(s.splice(g,1)[0])}i=[...i,...s]}return It(i,t,n)},w(e.options,"debugTable"))}},Z=()=>({left:[],right:[]}),Dt={getInitialState:e=>({columnPinning:Z(),...e}),getDefaultOptions:e=>({onColumnPinningChange:V("columnPinning",e)}),createColumn:(e,o)=>{e.pin=t=>{const n=e.getLeafColumns()?.map(r=>r.id).filter(Boolean);o.setColumnPinning(r=>{var i,l;if(t==="right"){var s,a;return{left:((s=r==null?void 0:r.left)!=null?s:[]).filter(S=>!(n!=null&&n.includes(S))),right:[...((a=r==null?void 0:r.right)!=null?a:[]).filter(S=>!(n!=null&&n.includes(S))),...n]}}if(t==="left"){var g,c;return{left:[...((g=r==null?void 0:r.left)!=null?g:[]).filter(S=>!(n!=null&&n.includes(S))),...n],right:((c=r==null?void 0:r.right)!=null?c:[]).filter(S=>!(n!=null&&n.includes(S)))}}return{left:((i=r==null?void 0:r.left)!=null?i:[]).filter(S=>!(n!=null&&n.includes(S))),right:((l=r==null?void 0:r.right)!=null?l:[]).filter(S=>!(n!=null&&n.includes(S)))}})},e.getCanPin=()=>e.getLeafColumns()?.some(n=>{var r,i,l;return((r=n.columnDef.enablePinning)!=null?r:!0)&&((i=(l=o.options.enableColumnPinning)!=null?l:o.options.enablePinning)!=null?i:!0)}),e.getIsPinned=()=>{const t=e.getLeafColumns()?.map(s=>s.id),{left:n,right:r}=o.getState().columnPinning,i=t?.some(s=>n==null?void 0:n.includes(s)),l=t?.some(s=>r==null?void 0:r.includes(s));return i?"left":l?"right":!1},e.getPinnedIndex=()=>{var t,n;const r=e.getIsPinned();return r?(t=(n=o.getState().columnPinning)==null||(n=n[r])==null?void 0:n.indexOf(e.id))!=null?t:-1:0}},createRow:(e,o)=>{e.getCenterVisibleCells=h(()=>[e._getAllVisibleCells(),o.getState().columnPinning.left,o.getState().columnPinning.right],(t,n,r)=>{const i=[...n??[],...r??[]];return t.filter(l=>!i.includes(l.column.id))},w(o.options,"debugRows")),e.getLeftVisibleCells=h(()=>[e._getAllVisibleCells(),o.getState().columnPinning.left],(t,n)=>(n??[])?.map(i=>t.find(l=>l.column.id===i)).filter(Boolean)?.map(i=>({...i,position:"left"})),w(o.options,"debugRows")),e.getRightVisibleCells=h(()=>[e._getAllVisibleCells(),o.getState().columnPinning.right],(t,n)=>(n??[])?.map(i=>t.find(l=>l.column.id===i)).filter(Boolean)?.map(i=>({...i,position:"right"})),w(o.options,"debugRows"))},createTable:e=>{e.setColumnPinning=o=>e.options.onColumnPinningChange==null?void 0:e.options.onColumnPinningChange(o),e.resetColumnPinning=o=>{var t,n;return e.setColumnPinning(o?Z():(t=(n=e.initialState)==null?void 0:n.columnPinning)!=null?t:Z())},e.getIsSomeColumnsPinned=o=>{var t;const n=e.getState().columnPinning;if(!o){var r,i;return!!((r=n.left)!=null&&r.length||(i=n.right)!=null&&i.length)}return!!((t=n[o])!=null&&t.length)},e.getLeftLeafColumns=h(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left],(o,t)=>(t??[])?.map(n=>o.find(r=>r.id===n)).filter(Boolean),w(e.options,"debugColumns")),e.getRightLeafColumns=h(()=>[e.getAllLeafColumns(),e.getState().columnPinning.right],(o,t)=>(t??[])?.map(n=>o.find(r=>r.id===n)).filter(Boolean),w(e.options,"debugColumns")),e.getCenterLeafColumns=h(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(o,t,n)=>{const r=[...t??[],...n??[]];return o.filter(i=>!r.includes(i.id))},w(e.options,"debugColumns"))}};function Et(e){return e||(typeof document<"u"?document:null)}const U={size:150,minSize:20,maxSize:Number.MAX_SAFE_INTEGER},b=()=>({startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}),jt={getDefaultColumnDef:()=>U,getInitialState:e=>({columnSizing:{},columnSizingInfo:b(),...e}),getDefaultOptions:e=>({columnResizeMode:"onEnd",columnResizeDirection:"ltr",onColumnSizingChange:V("columnSizing",e),onColumnSizingInfoChange:V("columnSizingInfo",e)}),createColumn:(e,o)=>{e.getSize=()=>{var t,n,r;const i=o.getState().columnSizing[e.id];return Math.min(Math.max((t=e.columnDef.minSize)!=null?t:U.minSize,(n=i??e.columnDef.size)!=null?n:U.size),(r=e.columnDef.maxSize)!=null?r:U.maxSize)},e.getStart=h(t=>[t,T(o,t),o.getState().columnSizing],(t,n)=>n.slice(0,e.getIndex(t)).reduce((r,i)=>r+i.getSize(),0),w(o.options,"debugColumns")),e.getAfter=h(t=>[t,T(o,t),o.getState().columnSizing],(t,n)=>n.slice(e.getIndex(t)+1).reduce((r,i)=>r+i.getSize(),0),w(o.options,"debugColumns")),e.resetSize=()=>{o.setColumnSizing(t=>{let{[e.id]:n,...r}=t;return r})},e.getCanResize=()=>{var t,n;return((t=e.columnDef.enableResizing)!=null?t:!0)&&((n=o.options.enableColumnResizing)!=null?n:!0)},e.getIsResizing=()=>o.getState().columnSizingInfo.isResizingColumn===e.id},createHeader:(e,o)=>{e.getSize=()=>{let t=0;const n=r=>{if(r.subHeaders.length)r.subHeaders.forEach(n);else{var i;t+=(i=r.column.getSize())!=null?i:0}};return n(e),t},e.getStart=()=>{if(e.index>0){const t=e.headerGroup.headers[e.index-1];return t.getStart()+t.getSize()}return 0},e.getResizeHandler=t=>{const n=o.getColumn(e.column.id),r=n==null?void 0:n.getCanResize();return i=>{if(!n||!r||(i.persist==null||i.persist(),ee(i)&&i.touches&&i.touches.length>1))return;const l=e.getSize(),s=e?e.getLeafHeaders()?.map(C=>[C.column.id,C.column.getSize()]):[[n.id,n.getSize()]],a=ee(i)?Math.round(i.touches[0].clientX):i.clientX,g={},c=(C,R)=>{typeof R=="number"&&(o.setColumnSizingInfo(x=>{var M,F;const D=o.options.columnResizeDirection==="rtl"?-1:1,L=(R-((M=x==null?void 0:x.startOffset)!=null?M:0))*D,N=Math.max(L/((F=x==null?void 0:x.startSize)!=null?F:0),-.999999);return x.columnSizingStart.forEach(k=>{let[E,_]=k;g[E]=Math.round(Math.max(_+_*N,0)*100)/100}),{...x,deltaOffset:L,deltaPercentage:N}}),(o.options.columnResizeMode==="onChange"||C==="end")&&o.setColumnSizing(x=>({...x,...g})))},S=C=>c("move",C),d=C=>{c("end",C),o.setColumnSizingInfo(R=>({...R,isResizingColumn:!1,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]}))},u=Et(t),f={moveHandler:C=>S(C.clientX),upHandler:C=>{u==null||u.removeEventListener("mousemove",f.moveHandler),u==null||u.removeEventListener("mouseup",f.upHandler),d(C.clientX)}},m={moveHandler:C=>(C.cancelable&&(C.preventDefault(),C.stopPropagation()),S(C.touches[0].clientX),!1),upHandler:C=>{var R;u==null||u.removeEventListener("touchmove",m.moveHandler),u==null||u.removeEventListener("touchend",m.upHandler),C.cancelable&&(C.preventDefault(),C.stopPropagation()),d((R=C.touches[0])==null?void 0:R.clientX)}},v=At()?{passive:!1}:!1;ee(i)?(u==null||u.addEventListener("touchmove",m.moveHandler,v),u==null||u.addEventListener("touchend",m.upHandler,v)):(u==null||u.addEventListener("mousemove",f.moveHandler,v),u==null||u.addEventListener("mouseup",f.upHandler,v)),o.setColumnSizingInfo(C=>({...C,startOffset:a,startSize:l,deltaOffset:0,deltaPercentage:0,columnSizingStart:s,isResizingColumn:n.id}))}}},createTable:e=>{e.setColumnSizing=o=>e.options.onColumnSizingChange==null?void 0:e.options.onColumnSizingChange(o),e.setColumnSizingInfo=o=>e.options.onColumnSizingInfoChange==null?void 0:e.options.onColumnSizingInfoChange(o),e.resetColumnSizing=o=>{var t;e.setColumnSizing(o?{}:(t=e.initialState.columnSizing)!=null?t:{})},e.resetHeaderSizeInfo=o=>{var t;e.setColumnSizingInfo(o?b():(t=e.initialState.columnSizingInfo)!=null?t:b())},e.getTotalSize=()=>{var o,t;return(o=(t=e.getHeaderGroups()[0])==null?void 0:t.headers.reduce((n,r)=>n+r.getSize(),0))!=null?o:0},e.getLeftTotalSize=()=>{var o,t;return(o=(t=e.getLeftHeaderGroups()[0])==null?void 0:t.headers.reduce((n,r)=>n+r.getSize(),0))!=null?o:0},e.getCenterTotalSize=()=>{var o,t;return(o=(t=e.getCenterHeaderGroups()[0])==null?void 0:t.headers.reduce((n,r)=>n+r.getSize(),0))!=null?o:0},e.getRightTotalSize=()=>{var o,t;return(o=(t=e.getRightHeaderGroups()[0])==null?void 0:t.headers.reduce((n,r)=>n+r.getSize(),0))!=null?o:0}}};let X=null;function At(){if(typeof X=="boolean")return X;let e=!1;try{const o={get passive(){return e=!0,!1}},t=()=>{};window.addEventListener("test",t,o),window.removeEventListener("test",t)}catch{e=!1}return X=e,X}function ee(e){return e.type==="touchstart"}const Gt={getInitialState:e=>({columnVisibility:{},...e}),getDefaultOptions:e=>({onColumnVisibilityChange:V("columnVisibility",e)}),createColumn:(e,o)=>{e.toggleVisibility=t=>{e.getCanHide()&&o.setColumnVisibility(n=>({...n,[e.id]:t??!e.getIsVisible()}))},e.getIsVisible=()=>{var t,n;const r=e.columns;return(t=r.length?r?.some(i=>i.getIsVisible()):(n=o.getState().columnVisibility)==null?void 0:n[e.id])!=null?t:!0},e.getCanHide=()=>{var t,n;return((t=e.columnDef.enableHiding)!=null?t:!0)&&((n=o.options.enableHiding)!=null?n:!0)},e.getToggleVisibilityHandler=()=>t=>{e.toggleVisibility==null||e.toggleVisibility(t.target.checked)}},createRow:(e,o)=>{e._getAllVisibleCells=h(()=>[e.getAllCells(),o.getState().columnVisibility],t=>t.filter(n=>n.column.getIsVisible()),w(o.options,"debugRows")),e.getVisibleCells=h(()=>[e.getLeftVisibleCells(),e.getCenterVisibleCells(),e.getRightVisibleCells()],(t,n,r)=>[...t,...n,...r],w(o.options,"debugRows"))},createTable:e=>{const o=(t,n)=>h(()=>[n(),n().filter(r=>r.getIsVisible())?.map(r=>r.id).join("_")],r=>r.filter(i=>i.getIsVisible==null?void 0:i.getIsVisible()),w(e.options,"debugColumns"));e.getVisibleFlatColumns=o("getVisibleFlatColumns",()=>e.getAllFlatColumns()),e.getVisibleLeafColumns=o("getVisibleLeafColumns",()=>e.getAllLeafColumns()),e.getLeftVisibleLeafColumns=o("getLeftVisibleLeafColumns",()=>e.getLeftLeafColumns()),e.getRightVisibleLeafColumns=o("getRightVisibleLeafColumns",()=>e.getRightLeafColumns()),e.getCenterVisibleLeafColumns=o("getCenterVisibleLeafColumns",()=>e.getCenterLeafColumns()),e.setColumnVisibility=t=>e.options.onColumnVisibilityChange==null?void 0:e.options.onColumnVisibilityChange(t),e.resetColumnVisibility=t=>{var n;e.setColumnVisibility(t?{}:(n=e.initialState.columnVisibility)!=null?n:{})},e.toggleAllColumnsVisible=t=>{var n;t=(n=t)!=null?n:!e.getIsAllColumnsVisible(),e.setColumnVisibility(e.getAllLeafColumns().reduce((r,i)=>({...r,[i.id]:t||!(i.getCanHide!=null&&i.getCanHide())}),{}))},e.getIsAllColumnsVisible=()=>!e.getAllLeafColumns()?.some(t=>!(t.getIsVisible!=null&&t.getIsVisible())),e.getIsSomeColumnsVisible=()=>e.getAllLeafColumns()?.some(t=>t.getIsVisible==null?void 0:t.getIsVisible()),e.getToggleAllColumnsVisibilityHandler=()=>t=>{var n;e.toggleAllColumnsVisible((n=t.target)==null?void 0:n.checked)}}};function T(e,o){return o?o==="center"?e.getCenterVisibleLeafColumns():o==="left"?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}const Ht={createTable:e=>{e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),e.getGlobalFacetedMinMaxValues=()=>{if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}},Lt={getInitialState:e=>({globalFilter:void 0,...e}),getDefaultOptions:e=>({onGlobalFilterChange:V("globalFilter",e),globalFilterFn:"auto",getColumnCanGlobalFilter:o=>{var t;const n=(t=e.getCoreRowModel().flatRows[0])==null||(t=t._getAllCellsByColumnId()[o.id])==null?void 0:t.getValue();return typeof n=="string"||typeof n=="number"}}),createColumn:(e,o)=>{e.getCanGlobalFilter=()=>{var t,n,r,i;return((t=e.columnDef.enableGlobalFilter)!=null?t:!0)&&((n=o.options.enableGlobalFilter)!=null?n:!0)&&((r=o.options.enableFilters)!=null?r:!0)&&((i=o.options.getColumnCanGlobalFilter==null?void 0:o.options.getColumnCanGlobalFilter(e))!=null?i:!0)&&!!e.accessorFn}},createTable:e=>{e.getGlobalAutoFilterFn=()=>j.includesString,e.getGlobalFilterFn=()=>{var o,t;const{globalFilterFn:n}=e.options;return J(n)?n:n==="auto"?e.getGlobalAutoFilterFn():(o=(t=e.options.filterFns)==null?void 0:t[n])!=null?o:j[n]},e.setGlobalFilter=o=>{e.options.onGlobalFilterChange==null||e.options.onGlobalFilterChange(o)},e.resetGlobalFilter=o=>{e.setGlobalFilter(o?void 0:e.initialState.globalFilter)}}},zt={getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({onExpandedChange:V("expanded",e),paginateExpandedRows:!0}),createTable:e=>{let o=!1,t=!1;e._autoResetExpanded=()=>{var n,r;if(!o){e._queue(()=>{o=!0});return}if((n=(r=e.options.autoResetAll)!=null?r:e.options.autoResetExpanded)!=null?n:!e.options.manualExpanding){if(t)return;t=!0,e._queue(()=>{e.resetExpanded(),t=!1})}},e.setExpanded=n=>e.options.onExpandedChange==null?void 0:e.options.onExpandedChange(n),e.toggleAllRowsExpanded=n=>{n??!e.getIsAllRowsExpanded()?e.setExpanded(!0):e.setExpanded({})},e.resetExpanded=n=>{var r,i;e.setExpanded(n?{}:(r=(i=e.initialState)==null?void 0:i.expanded)!=null?r:{})},e.getCanSomeRowsExpand=()=>e.getPrePaginationRowModel().flatRows?.some(n=>n.getCanExpand()),e.getToggleAllRowsExpandedHandler=()=>n=>{n.persist==null||n.persist(),e.toggleAllRowsExpanded()},e.getIsSomeRowsExpanded=()=>{const n=e.getState().expanded;return n===!0||Object.values(n)?.some(Boolean)},e.getIsAllRowsExpanded=()=>{const n=e.getState().expanded;return typeof n=="boolean"?n===!0:!(!Object.keys(n).length||e.getRowModel().flatRows?.some(r=>!r.getIsExpanded()))},e.getExpandedDepth=()=>{let n=0;return(e.getState().expanded===!0?Object.keys(e.getRowModel().rowsById):Object.keys(e.getState().expanded)).forEach(i=>{const l=i.split(".");n=Math.max(n,l.length)}),n},e.getPreExpandedRowModel=()=>e.getSortedRowModel(),e.getExpandedRowModel=()=>(!e._getExpandedRowModel&&e.options.getExpandedRowModel&&(e._getExpandedRowModel=e.options.getExpandedRowModel(e)),e.options.manualExpanding||!e._getExpandedRowModel?e.getPreExpandedRowModel():e._getExpandedRowModel())},createRow:(e,o)=>{e.toggleExpanded=t=>{o.setExpanded(n=>{var r;const i=n===!0?!0:!!(n!=null&&n[e.id]);let l={};if(n===!0?Object.keys(o.getRowModel().rowsById).forEach(s=>{l[s]=!0}):l=n,t=(r=t)!=null?r:!i,!i&&t)return{...l,[e.id]:!0};if(i&&!t){const{[e.id]:s,...a}=l;return a}return n})},e.getIsExpanded=()=>{var t;const n=o.getState().expanded;return!!((t=o.options.getIsRowExpanded==null?void 0:o.options.getIsRowExpanded(e))!=null?t:n===!0||n!=null&&n[e.id])},e.getCanExpand=()=>{var t,n,r;return(t=o.options.getRowCanExpand==null?void 0:o.options.getRowCanExpand(e))!=null?t:((n=o.options.enableExpanding)!=null?n:!0)&&!!((r=e.subRows)!=null&&r.length)},e.getIsAllParentsExpanded=()=>{let t=!0,n=e;for(;t&&n.parentId;)n=o.getRow(n.parentId,!0),t=n.getIsExpanded();return t},e.getToggleExpandedHandler=()=>{const t=e.getCanExpand();return()=>{t&&e.toggleExpanded()}}}},re=0,ie=10,te=()=>({pageIndex:re,pageSize:ie}),Nt={getInitialState:e=>({...e,pagination:{...te(),...e==null?void 0:e.pagination}}),getDefaultOptions:e=>({onPaginationChange:V("pagination",e)}),createTable:e=>{let o=!1,t=!1;e._autoResetPageIndex=()=>{var n,r;if(!o){e._queue(()=>{o=!0});return}if((n=(r=e.options.autoResetAll)!=null?r:e.options.autoResetPageIndex)!=null?n:!e.options.manualPagination){if(t)return;t=!0,e._queue(()=>{e.resetPageIndex(),t=!1})}},e.setPagination=n=>{const r=i=>G(n,i);return e.options.onPaginationChange==null?void 0:e.options.onPaginationChange(r)},e.resetPagination=n=>{var r;e.setPagination(n?te():(r=e.initialState.pagination)!=null?r:te())},e.setPageIndex=n=>{e.setPagination(r=>{let i=G(n,r.pageIndex);const l=typeof e.options.pageCount>"u"||e.options.pageCount===-1?Number.MAX_SAFE_INTEGER:e.options.pageCount-1;return i=Math.max(0,Math.min(i,l)),{...r,pageIndex:i}})},e.resetPageIndex=n=>{var r,i;e.setPageIndex(n?re:(r=(i=e.initialState)==null||(i=i.pagination)==null?void 0:i.pageIndex)!=null?r:re)},e.resetPageSize=n=>{var r,i;e.setPageSize(n?ie:(r=(i=e.initialState)==null||(i=i.pagination)==null?void 0:i.pageSize)!=null?r:ie)},e.setPageSize=n=>{e.setPagination(r=>{const i=Math.max(1,G(n,r.pageSize)),l=r.pageSize*r.pageIndex,s=Math.floor(l/i);return{...r,pageIndex:s,pageSize:i}})},e.setPageCount=n=>e.setPagination(r=>{var i;let l=G(n,(i=e.options.pageCount)!=null?i:-1);return typeof l=="number"&&(l=Math.max(-1,l)),{...r,pageCount:l}}),e.getPageOptions=h(()=>[e.getPageCount()],n=>{let r=[];return n&&n>0&&(r=[...new Array(n)].fill(null)?.map((i,l)=>l)),r},w(e.options,"debugTable")),e.getCanPreviousPage=()=>e.getState().pagination.pageIndex>0,e.getCanNextPage=()=>{const{pageIndex:n}=e.getState().pagination,r=e.getPageCount();return r===-1?!0:r===0?!1:n<r-1},e.previousPage=()=>e.setPageIndex(n=>n-1),e.nextPage=()=>e.setPageIndex(n=>n+1),e.firstPage=()=>e.setPageIndex(0),e.lastPage=()=>e.setPageIndex(e.getPageCount()-1),e.getPrePaginationRowModel=()=>e.getExpandedRowModel(),e.getPaginationRowModel=()=>(!e._getPaginationRowModel&&e.options.getPaginationRowModel&&(e._getPaginationRowModel=e.options.getPaginationRowModel(e)),e.options.manualPagination||!e._getPaginationRowModel?e.getPrePaginationRowModel():e._getPaginationRowModel()),e.getPageCount=()=>{var n;return(n=e.options.pageCount)!=null?n:Math.ceil(e.getRowCount()/e.getState().pagination.pageSize)},e.getRowCount=()=>{var n;return(n=e.options.rowCount)!=null?n:e.getPrePaginationRowModel().rows.length}}},ne=()=>({top:[],bottom:[]}),kt={getInitialState:e=>({rowPinning:ne(),...e}),getDefaultOptions:e=>({onRowPinningChange:V("rowPinning",e)}),createRow:(e,o)=>{e.pin=(t,n,r)=>{const i=n?e.getLeafRows()?.map(a=>{let{id:g}=a;return g}):[],l=r?e.getParentRows()?.map(a=>{let{id:g}=a;return g}):[],s=new Set([...l,e.id,...i]);o.setRowPinning(a=>{var g,c;if(t==="bottom"){var S,d;return{top:((S=a==null?void 0:a.top)!=null?S:[]).filter(m=>!(s!=null&&s.has(m))),bottom:[...((d=a==null?void 0:a.bottom)!=null?d:[]).filter(m=>!(s!=null&&s.has(m))),...Array.from(s)]}}if(t==="top"){var u,f;return{top:[...((u=a==null?void 0:a.top)!=null?u:[]).filter(m=>!(s!=null&&s.has(m))),...Array.from(s)],bottom:((f=a==null?void 0:a.bottom)!=null?f:[]).filter(m=>!(s!=null&&s.has(m)))}}return{top:((g=a==null?void 0:a.top)!=null?g:[]).filter(m=>!(s!=null&&s.has(m))),bottom:((c=a==null?void 0:a.bottom)!=null?c:[]).filter(m=>!(s!=null&&s.has(m)))}})},e.getCanPin=()=>{var t;const{enableRowPinning:n,enablePinning:r}=o.options;return typeof n=="function"?n(e):(t=n??r)!=null?t:!0},e.getIsPinned=()=>{const t=[e.id],{top:n,bottom:r}=o.getState().rowPinning,i=t?.some(s=>n==null?void 0:n.includes(s)),l=t?.some(s=>r==null?void 0:r.includes(s));return i?"top":l?"bottom":!1},e.getPinnedIndex=()=>{var t,n;const r=e.getIsPinned();if(!r)return-1;const i=(t=r==="top"?o.getTopRows():o.getBottomRows())==null?void 0:t?.map(l=>{let{id:s}=l;return s});return(n=i==null?void 0:i.indexOf(e.id))!=null?n:-1}},createTable:e=>{e.setRowPinning=o=>e.options.onRowPinningChange==null?void 0:e.options.onRowPinningChange(o),e.resetRowPinning=o=>{var t,n;return e.setRowPinning(o?ne():(t=(n=e.initialState)==null?void 0:n.rowPinning)!=null?t:ne())},e.getIsSomeRowsPinned=o=>{var t;const n=e.getState().rowPinning;if(!o){var r,i;return!!((r=n.top)!=null&&r.length||(i=n.bottom)!=null&&i.length)}return!!((t=n[o])!=null&&t.length)},e._getPinnedRows=(o,t,n)=>{var r;return((r=e.options.keepPinnedRows)==null||r?(t??[])?.map(l=>{const s=e.getRow(l,!0);return s.getIsAllParentsExpanded()?s:null}):(t??[])?.map(l=>o.find(s=>s.id===l))).filter(Boolean)?.map(l=>({...l,position:n}))},e.getTopRows=h(()=>[e.getRowModel().rows,e.getState().rowPinning.top],(o,t)=>e._getPinnedRows(o,t,"top"),w(e.options,"debugRows")),e.getBottomRows=h(()=>[e.getRowModel().rows,e.getState().rowPinning.bottom],(o,t)=>e._getPinnedRows(o,t,"bottom"),w(e.options,"debugRows")),e.getCenterRows=h(()=>[e.getRowModel().rows,e.getState().rowPinning.top,e.getState().rowPinning.bottom],(o,t,n)=>{const r=new Set([...t??[],...n??[]]);return o.filter(i=>!r.has(i.id))},w(e.options,"debugRows"))}},Ot={getInitialState:e=>({rowSelection:{},...e}),getDefaultOptions:e=>({onRowSelectionChange:V("rowSelection",e),enableRowSelection:!0,enableMultiRowSelection:!0,enableSubRowSelection:!0}),createTable:e=>{e.setRowSelection=o=>e.options.onRowSelectionChange==null?void 0:e.options.onRowSelectionChange(o),e.resetRowSelection=o=>{var t;return e.setRowSelection(o?{}:(t=e.initialState.rowSelection)!=null?t:{})},e.toggleAllRowsSelected=o=>{e.setRowSelection(t=>{o=typeof o<"u"?o:!e.getIsAllRowsSelected();const n={...t},r=e.getPreGroupedRowModel().flatRows;return o?r.forEach(i=>{i.getCanSelect()&&(n[i.id]=!0)}):r.forEach(i=>{delete n[i.id]}),n})},e.toggleAllPageRowsSelected=o=>e.setRowSelection(t=>{const n=typeof o<"u"?o:!e.getIsAllPageRowsSelected(),r={...t};return e.getRowModel().rows.forEach(i=>{le(r,i.id,n,!0,e)}),r}),e.getPreSelectedRowModel=()=>e.getCoreRowModel(),e.getSelectedRowModel=h(()=>[e.getState().rowSelection,e.getCoreRowModel()],(o,t)=>Object.keys(o).length?oe(e,t):{rows:[],flatRows:[],rowsById:{}},w(e.options,"debugTable")),e.getFilteredSelectedRowModel=h(()=>[e.getState().rowSelection,e.getFilteredRowModel()],(o,t)=>Object.keys(o).length?oe(e,t):{rows:[],flatRows:[],rowsById:{}},w(e.options,"debugTable")),e.getGroupedSelectedRowModel=h(()=>[e.getState().rowSelection,e.getSortedRowModel()],(o,t)=>Object.keys(o).length?oe(e,t):{rows:[],flatRows:[],rowsById:{}},w(e.options,"debugTable")),e.getIsAllRowsSelected=()=>{const o=e.getFilteredRowModel().flatRows,{rowSelection:t}=e.getState();let n=!!(o.length&&Object.keys(t).length);return n&&o?.some(r=>r.getCanSelect()&&!t[r.id])&&(n=!1),n},e.getIsAllPageRowsSelected=()=>{const o=e.getPaginationRowModel().flatRows.filter(r=>r.getCanSelect()),{rowSelection:t}=e.getState();let n=!!o.length;return n&&o?.some(r=>!t[r.id])&&(n=!1),n},e.getIsSomeRowsSelected=()=>{var o;const t=Object.keys((o=e.getState().rowSelection)!=null?o:{}).length;return t>0&&t<e.getFilteredRowModel().flatRows.length},e.getIsSomePageRowsSelected=()=>{const o=e.getPaginationRowModel().flatRows;return e.getIsAllPageRowsSelected()?!1:o.filter(t=>t.getCanSelect())?.some(t=>t.getIsSelected()||t.getIsSomeSelected())},e.getToggleAllRowsSelectedHandler=()=>o=>{e.toggleAllRowsSelected(o.target.checked)},e.getToggleAllPageRowsSelectedHandler=()=>o=>{e.toggleAllPageRowsSelected(o.target.checked)}},createRow:(e,o)=>{e.toggleSelected=(t,n)=>{const r=e.getIsSelected();o.setRowSelection(i=>{var l;if(t=typeof t<"u"?t:!r,e.getCanSelect()&&r===t)return i;const s={...i};return le(s,e.id,t,(l=n==null?void 0:n.selectChildren)!=null?l:!0,o),s})},e.getIsSelected=()=>{const{rowSelection:t}=o.getState();return de(e,t)},e.getIsSomeSelected=()=>{const{rowSelection:t}=o.getState();return se(e,t)==="some"},e.getIsAllSubRowsSelected=()=>{const{rowSelection:t}=o.getState();return se(e,t)==="all"},e.getCanSelect=()=>{var t;return typeof o.options.enableRowSelection=="function"?o.options.enableRowSelection(e):(t=o.options.enableRowSelection)!=null?t:!0},e.getCanSelectSubRows=()=>{var t;return typeof o.options.enableSubRowSelection=="function"?o.options.enableSubRowSelection(e):(t=o.options.enableSubRowSelection)!=null?t:!0},e.getCanMultiSelect=()=>{var t;return typeof o.options.enableMultiRowSelection=="function"?o.options.enableMultiRowSelection(e):(t=o.options.enableMultiRowSelection)!=null?t:!0},e.getToggleSelectedHandler=()=>{const t=e.getCanSelect();return n=>{var r;t&&e.toggleSelected((r=n.target)==null?void 0:r.checked)}}}},le=(e,o,t,n,r)=>{var i;const l=r.getRow(o,!0);t?(l.getCanMultiSelect()||Object.keys(e).forEach(s=>delete e[s]),l.getCanSelect()&&(e[o]=!0)):delete e[o],n&&(i=l.subRows)!=null&&i.length&&l.getCanSelectSubRows()&&l.subRows.forEach(s=>le(e,s.id,t,n,r))};function oe(e,o){const t=e.getState().rowSelection,n=[],r={},i=function(l,s){return l?.map(a=>{var g;const c=de(a,t);if(c&&(n.push(a),r[a.id]=a),(g=a.subRows)!=null&&g.length&&(a={...a,subRows:i(a.subRows)}),c)return a}).filter(Boolean)};return{rows:i(o.rows),flatRows:n,rowsById:r}}function de(e,o){var t;return(t=o[e.id])!=null?t:!1}function se(e,o,t){var n;if(!((n=e.subRows)!=null&&n.length))return!1;let r=!0,i=!1;return e.subRows.forEach(l=>{if(!(i&&!r)&&(l.getCanSelect()&&(de(l,o)?i=!0:r=!1),l.subRows&&l.subRows.length)){const s=se(l,o);s==="all"?i=!0:(s==="some"&&(i=!0),r=!1)}}),r?"all":i?"some":!1}const ue=/([0-9]+)/gm,Tt=(e,o,t)=>Ie(H(e.getValue(t)).toLowerCase(),H(o.getValue(t)).toLowerCase()),Bt=(e,o,t)=>Ie(H(e.getValue(t)),H(o.getValue(t))),qt=(e,o,t)=>ce(H(e.getValue(t)).toLowerCase(),H(o.getValue(t)).toLowerCase()),Ut=(e,o,t)=>ce(H(e.getValue(t)),H(o.getValue(t))),Xt=(e,o,t)=>{const n=e.getValue(t),r=o.getValue(t);return n>r?1:n<r?-1:0},Kt=(e,o,t)=>ce(e.getValue(t),o.getValue(t));function ce(e,o){return e===o?0:e>o?1:-1}function H(e){return typeof e=="number"?isNaN(e)||e===1/0||e===-1/0?"":String(e):typeof e=="string"?e:""}function Ie(e,o){const t=e.split(ue).filter(Boolean),n=o.split(ue).filter(Boolean);for(;t.length&&n.length;){const r=t.shift(),i=n.shift(),l=parseInt(r,10),s=parseInt(i,10),a=[l,s].sort();if(isNaN(a[0])){if(r>i)return 1;if(i>r)return-1;continue}if(isNaN(a[1]))return isNaN(l)?-1:1;if(l>s)return 1;if(s>l)return-1}return t.length-n.length}const O={alphanumeric:Tt,alphanumericCaseSensitive:Bt,text:qt,textCaseSensitive:Ut,datetime:Xt,basic:Kt},Jt={getInitialState:e=>({sorting:[],...e}),getDefaultColumnDef:()=>({sortingFn:"auto",sortUndefined:1}),getDefaultOptions:e=>({onSortingChange:V("sorting",e),isMultiSortEvent:o=>o.shiftKey}),createColumn:(e,o)=>{e.getAutoSortingFn=()=>{const t=o.getFilteredRowModel().flatRows.slice(10);let n=!1;for(const r of t){const i=r==null?void 0:r.getValue(e.id);if(Object.prototype.toString.call(i)==="[object Date]")return O.datetime;if(typeof i=="string"&&(n=!0,i.split(ue).length>1))return O.alphanumeric}return n?O.text:O.basic},e.getAutoSortDir=()=>{const t=o.getFilteredRowModel().flatRows[0];return typeof(t==null?void 0:t.getValue(e.id))=="string"?"asc":"desc"},e.getSortingFn=()=>{var t,n;if(!e)throw new Error;return J(e.columnDef.sortingFn)?e.columnDef.sortingFn:e.columnDef.sortingFn==="auto"?e.getAutoSortingFn():(t=(n=o.options.sortingFns)==null?void 0:n[e.columnDef.sortingFn])!=null?t:O[e.columnDef.sortingFn]},e.toggleSorting=(t,n)=>{const r=e.getNextSortingOrder(),i=typeof t<"u"&&t!==null;o.setSorting(l=>{const s=l==null?void 0:l.find(u=>u.id===e.id),a=l==null?void 0:l.findIndex(u=>u.id===e.id);let g=[],c,S=i?t:r==="desc";if(l!=null&&l.length&&e.getCanMultiSort()&&n?s?c="toggle":c="add":l!=null&&l.length&&a!==l.length-1?c="replace":s?c="toggle":c="replace",c==="toggle"&&(i||r||(c="remove")),c==="add"){var d;g=[...l,{id:e.id,desc:S}],g.splice(0,g.length-((d=o.options.maxMultiSortColCount)!=null?d:Number.MAX_SAFE_INTEGER))}else c==="toggle"?g=l?.map(u=>u.id===e.id?{...u,desc:S}:u):c==="remove"?g=l.filter(u=>u.id!==e.id):g=[{id:e.id,desc:S}];return g})},e.getFirstSortDir=()=>{var t,n;return((t=(n=e.columnDef.sortDescFirst)!=null?n:o.options.sortDescFirst)!=null?t:e.getAutoSortDir()==="desc")?"desc":"asc"},e.getNextSortingOrder=t=>{var n,r;const i=e.getFirstSortDir(),l=e.getIsSorted();return l?l!==i&&((n=o.options.enableSortingRemoval)==null||n)&&(!(t&&(r=o.options.enableMultiRemove)!=null)||r)?!1:l==="desc"?"asc":"desc":i},e.getCanSort=()=>{var t,n;return((t=e.columnDef.enableSorting)!=null?t:!0)&&((n=o.options.enableSorting)!=null?n:!0)&&!!e.accessorFn},e.getCanMultiSort=()=>{var t,n;return(t=(n=e.columnDef.enableMultiSort)!=null?n:o.options.enableMultiSort)!=null?t:!!e.accessorFn},e.getIsSorted=()=>{var t;const n=(t=o.getState().sorting)==null?void 0:t.find(r=>r.id===e.id);return n?n.desc?"desc":"asc":!1},e.getSortIndex=()=>{var t,n;return(t=(n=o.getState().sorting)==null?void 0:n.findIndex(r=>r.id===e.id))!=null?t:-1},e.clearSorting=()=>{o.setSorting(t=>t!=null&&t.length?t.filter(n=>n.id!==e.id):[])},e.getToggleSortingHandler=()=>{const t=e.getCanSort();return n=>{t&&(n.persist==null||n.persist(),e.toggleSorting==null||e.toggleSorting(void 0,e.getCanMultiSort()?o.options.isMultiSortEvent==null?void 0:o.options.isMultiSortEvent(n):!1))}}},createTable:e=>{e.setSorting=o=>e.options.onSortingChange==null?void 0:e.options.onSortingChange(o),e.resetSorting=o=>{var t,n;e.setSorting(o?[]:(t=(n=e.initialState)==null?void 0:n.sorting)!=null?t:[])},e.getPreSortedRowModel=()=>e.getGroupedRowModel(),e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())}},Qt=[St,Gt,Pt,Dt,ht,wt,Ht,Lt,Jt,Vt,zt,Nt,kt,Ot,jt];function Wt(e){var o,t;const n=[...Qt,...(o=e._features)!=null?o:[]];let r={_features:n};const i=r._features.reduce((d,u)=>Object.assign(d,u.getDefaultOptions==null?void 0:u.getDefaultOptions(r)),{}),l=d=>r.options.mergeOptions?r.options.mergeOptions(i,d):{...i,...d};let a={...{},...(t=e.initialState)!=null?t:{}};r._features.forEach(d=>{var u;a=(u=d.getInitialState==null?void 0:d.getInitialState(a))!=null?u:a});const g=[];let c=!1;const S={_features:n,options:{...i,...e},initialState:a,_queue:d=>{g.push(d),c||(c=!0,Promise.resolve().then(()=>{for(;g.length;)g.shift()();c=!1}).catch(u=>setTimeout(()=>{throw u})))},reset:()=>{r.setState(r.initialState)},setOptions:d=>{const u=G(d,r.options);r.options=l(u)},getState:()=>r.options.state,setState:d=>{r.options.onStateChange==null||r.options.onStateChange(d)},_getRowId:(d,u,f)=>{var m;return(m=r.options.getRowId==null?void 0:r.options.getRowId(d,u,f))!=null?m:`${f?[f.id,u].join("."):u}`},getCoreRowModel:()=>(r._getCoreRowModel||(r._getCoreRowModel=r.options.getCoreRowModel(r)),r._getCoreRowModel()),getRowModel:()=>r.getPaginationRowModel(),getRow:(d,u)=>{let f=(u?r.getPrePaginationRowModel():r.getRowModel()).rowsById[d];if(!f&&(f=r.getCoreRowModel().rowsById[d],!f))throw new Error;return f},_getDefaultColumnDef:h(()=>[r.options.defaultColumn],d=>{var u;return d=(u=d)!=null?u:{},{header:f=>{const m=f.header.column.columnDef;return m.accessorKey?m.accessorKey:m.accessorFn?m.id:null},cell:f=>{var m,v;return(m=(v=f.renderValue())==null||v.toString==null?void 0:v.toString())!=null?m:null},...r._features.reduce((f,m)=>Object.assign(f,m.getDefaultColumnDef==null?void 0:m.getDefaultColumnDef()),{}),...d}},w(e,"debugColumns")),_getColumnDefs:()=>r.options.columns,getAllColumns:h(()=>[r._getColumnDefs()],d=>{const u=function(f,m,v){return v===void 0&&(v=0),f?.map(C=>{const R=mt(r,C,v,m),x=C;return R.columns=x.columns?u(x.columns,R,v+1):[],R})};return u(d)},w(e,"debugColumns")),getAllFlatColumns:h(()=>[r.getAllColumns()],d=>d.flatMap(u=>u.getFlatColumns()),w(e,"debugColumns")),_getAllFlatColumnsById:h(()=>[r.getAllFlatColumns()],d=>d.reduce((u,f)=>(u[f.id]=f,u),{}),w(e,"debugColumns")),getAllLeafColumns:h(()=>[r.getAllColumns(),r._getOrderColumnsFn()],(d,u)=>{let f=d.flatMap(m=>m.getLeafColumns());return u(f)},w(e,"debugColumns")),getColumn:d=>r._getAllFlatColumnsById()[d]};Object.assign(r,S);for(let d=0;d<r._features.length;d++){const u=r._features[d];u==null||u.createTable==null||u.createTable(r)}return r}function Yt(){return e=>h(()=>[e.options.data],o=>{const t={rows:[],flatRows:[],rowsById:{}},n=function(r,i,l){i===void 0&&(i=0);const s=[];for(let g=0;g<r.length;g++){const c=ae(e,e._getRowId(r[g],g,l),r[g],g,i,void 0,l==null?void 0:l.id);if(t.flatRows.push(c),t.rowsById[c.id]=c,s.push(c),e.options.getSubRows){var a;c.originalSubRows=e.options.getSubRows(r[g],g),(a=c.originalSubRows)!=null&&a.length&&(c.subRows=n(c.originalSubRows,i+1,c))}}return s};return t.rows=n(o),t},w(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex()))}function Pe(e,o,t){return t.options.filterFromLeafRows?Zt(e,o,t):bt(e,o,t)}function Zt(e,o,t){var n;const r=[],i={},l=(n=t.options.maxLeafRowFilterDepth)!=null?n:100,s=function(a,g){g===void 0&&(g=0);const c=[];for(let d=0;d<a.length;d++){var S;let u=a[d];const f=ae(t,u.id,u.original,u.index,u.depth,void 0,u.parentId);if(f.columnFilters=u.columnFilters,(S=u.subRows)!=null&&S.length&&g<l){if(f.subRows=s(u.subRows,g+1),u=f,o(u)&&!f.subRows.length){c.push(u),i[u.id]=u,r.push(u);continue}if(o(u)||f.subRows.length){c.push(u),i[u.id]=u,r.push(u);continue}}else u=f,o(u)&&(c.push(u),i[u.id]=u,r.push(u))}return c};return{rows:s(e),flatRows:r,rowsById:i}}function bt(e,o,t){var n;const r=[],i={},l=(n=t.options.maxLeafRowFilterDepth)!=null?n:100,s=function(a,g){g===void 0&&(g=0);const c=[];for(let d=0;d<a.length;d++){let u=a[d];if(o(u)){var S;if((S=u.subRows)!=null&&S.length&&g<l){const m=ae(t,u.id,u.original,u.index,u.depth,void 0,u.parentId);m.subRows=s(u.subRows,g+1),u=m}c.push(u),r.push(u),i[u.id]=u}}return c};return{rows:s(e),flatRows:r,rowsById:i}}function en(){return(e,o)=>h(()=>[e.getPreFilteredRowModel(),e.getState().columnFilters,e.getState().globalFilter,e.getFilteredRowModel()],(t,n,r)=>{if(!t.rows.length||!(n!=null&&n.length)&&!r)return t;const i=[...n?.map(s=>s.id).filter(s=>s!==o),r?"__global__":void 0].filter(Boolean),l=s=>{for(let a=0;a<i.length;a++)if(s.columnFilters[i[a]]===!1)return!1;return!0};return Pe(t.rows,l,e)},w(e.options,"debugTable"))}function tn(){return(e,o)=>h(()=>{var t;return[(t=e.getColumn(o))==null?void 0:t.getFacetedRowModel()]},t=>{if(!t)return new Map;let n=new Map;for(let i=0;i<t.flatRows.length;i++){const l=t.flatRows[i].getUniqueValues(o);for(let s=0;s<l.length;s++){const a=l[s];if(n.has(a)){var r;n.set(a,((r=n.get(a))!=null?r:0)+1)}else n.set(a,1)}}return n},w(e.options,"debugTable"))}function nn(){return e=>h(()=>[e.getPreFilteredRowModel(),e.getState().columnFilters,e.getState().globalFilter],(o,t,n)=>{if(!o.rows.length||!(t!=null&&t.length)&&!n){for(let d=0;d<o.flatRows.length;d++)o.flatRows[d].columnFilters={},o.flatRows[d].columnFiltersMeta={};return o}const r=[],i=[];(t??[]).forEach(d=>{var u;const f=e.getColumn(d.id);if(!f)return;const m=f.getFilterFn();m&&r.push({id:d.id,filterFn:m,resolvedValue:(u=m.resolveFilterValue==null?void 0:m.resolveFilterValue(d.value))!=null?u:d.value})});const l=(t??[])?.map(d=>d.id),s=e.getGlobalFilterFn(),a=e.getAllLeafColumns().filter(d=>d.getCanGlobalFilter());n&&s&&a.length&&(l.push("__global__"),a.forEach(d=>{var u;i.push({id:d.id,filterFn:s,resolvedValue:(u=s.resolveFilterValue==null?void 0:s.resolveFilterValue(n))!=null?u:n})}));let g,c;for(let d=0;d<o.flatRows.length;d++){const u=o.flatRows[d];if(u.columnFilters={},r.length)for(let f=0;f<r.length;f++){g=r[f];const m=g.id;u.columnFilters[m]=g.filterFn(u,m,g.resolvedValue,v=>{u.columnFiltersMeta[m]=v})}if(i.length){for(let f=0;f<i.length;f++){c=i[f];const m=c.id;if(c.filterFn(u,m,c.resolvedValue,v=>{u.columnFiltersMeta[m]=v})){u.columnFilters.__global__=!0;break}}u.columnFilters.__global__!==!0&&(u.columnFilters.__global__=!1)}}const S=d=>{for(let u=0;u<l.length;u++)if(d.columnFilters[l[u]]===!1)return!1;return!0};return Pe(o.rows,S,e)},w(e.options,"debugTable","getFilteredRowModel",()=>e._autoResetPageIndex()))}function on(){return e=>h(()=>[e.getState().sorting,e.getPreSortedRowModel()],(o,t)=>{if(!t.rows.length||!(o!=null&&o.length))return t;const n=e.getState().sorting,r=[],i=n.filter(a=>{var g;return(g=e.getColumn(a.id))==null?void 0:g.getCanSort()}),l={};i.forEach(a=>{const g=e.getColumn(a.id);g&&(l[a.id]={sortUndefined:g.columnDef.sortUndefined,invertSorting:g.columnDef.invertSorting,sortingFn:g.getSortingFn()})});const s=a=>{const g=a?.map(c=>({...c}));return g.sort((c,S)=>{for(let u=0;u<i.length;u+=1){var d;const f=i[u],m=l[f.id],v=m.sortUndefined,C=(d=f==null?void 0:f.desc)!=null?d:!1;let R=0;if(v){const x=c.getValue(f.id),M=S.getValue(f.id),F=x===void 0,D=M===void 0;if(F||D){if(v==="first")return F?-1:1;if(v==="last")return F?1:-1;R=F&&D?0:F?v:-v}}if(R===0&&(R=m.sortingFn(c,S,f.id)),R!==0)return C&&(R*=-1),m.invertSorting&&(R*=-1),R}return c.index-S.index}),g.forEach(c=>{var S;r.push(c),(S=c.subRows)!=null&&S.length&&(c.subRows=s(c.subRows))}),g};return{rows:s(t.rows),flatRows:r,rowsById:t.rowsById}},w(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex()))}/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */function we(e,o){return e?rn(e)?A.createElement(e,o):e:null}function rn(e){return ln(e)||typeof e=="function"||sn(e)}function ln(e){return typeof e=="function"&&(()=>{const o=Object.getPrototypeOf(e);return o.prototype&&o.prototype.isReactComponent})()}function sn(e){return typeof e=="object"&&typeof e.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}function un(e){const o={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[t]=A.useState(()=>({current:Wt(o)})),[n,r]=A.useState(()=>t.current.initialState);return t.current.setOptions(i=>({...i,...e,state:{...n,...e.state},onStateChange:l=>{r(l),e.onStateChange==null||e.onStateChange(l)}})),t.current}const K="…";function an(e,o,t){const n=t*2+5;if(o<=n)return Array.from({length:o},(g,c)=>c+1);const r=Math.max(e-t,2),i=Math.min(e+t,o-1),l=r>2,s=i<o-1,a=[1];l&&a.push(K);for(let g=r;g<=i;g++)a.push(g);return s&&a.push(K),a.push(o),a}function gn({table:e,pageIndex:o,pageSize:t,itemCount:n,onPageChange:r,onPageSizeChange:i,nextFunction:l,prevFunction:s,pageCount:a,siblingCount:g=1}){var k,E;const c=e?((k=e.getState().pagination)==null?void 0:k.pageSize)??10:t??10,S=e?((E=e.getState().pagination)==null?void 0:E.pageIndex)??0:o??0,d=e?e.getPageCount():a??Math.max(1,Math.ceil((n??0)/c)),u=S+1,f=e?e.getCanNextPage():S<d-1,m=e?e.getCanPreviousPage():S>0,v=A.useMemo(()=>an(u,d,g),[u,d,g]);if(e?e.getCoreRowModel().rows.length===0&&(!n||n===0):n!==void 0&&n===0)return null;const R=!!e||!!i;if(d<=1&&!R)return null;const x=()=>{f&&(e?e.nextPage():r==null||r(S+1),l==null||l())},M=()=>{m&&(e?e.previousPage():r==null||r(S-1),s==null||s())},F=_=>{const $=Math.min(Math.max(_,1),d);$-1!==S&&(e?e.setPageIndex($-1):r==null||r($-1))},D=_=>{e?e.setPageSize(_):i==null||i(_)},L=S*c+1,N=Math.min(L+c-1,n??0);return p.jsxs("nav",{role:"navigation","aria-label":"Pagination",className:"flex flex-col gap-3 px-2 py-3 text-sm sm:flex-row sm:items-center sm:justify-between",children:[R?p.jsxs("div",{className:"flex items-center space-x-2",children:[p.jsx("p",{className:"text-xs sm:text-sm font-medium whitespace-nowrap",children:"Rows per page"}),p.jsxs(Xe,{value:`${c}`,onValueChange:_=>{D(Number(_))},children:[p.jsx(Ke,{className:"h-9 sm:h-8 w-[70px] min-w-[70px] text-sm",children:p.jsx(Je,{placeholder:c})}),p.jsx(Qe,{side:"top",children:[10,20,30,40,50]?.map(_=>p.jsx(We,{value:`${_}`,children:_},_))})]})]}):p.jsxs("p",{className:"text-xs sm:text-sm text-muted-foreground dark:text-gray-400",children:["Showing"," ",p.jsx("span",{className:"font-medium text-gray-700 dark:text-gray-200",children:L}),"–",p.jsx("span",{className:"font-medium text-gray-700 dark:text-gray-200",children:N})," ","of"," ",p.jsx("span",{className:"font-medium text-gray-700 dark:text-gray-200",children:n})]}),p.jsxs("div",{className:"flex flex-wrap items-center justify-end gap-1",children:[p.jsxs(z,{variant:"outline",size:"sm",onClick:M,disabled:!m,"aria-label":"Previous page",className:"h-8 gap-1 px-3 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700",children:[p.jsx(Ye,{className:"h-4 w-4"}),p.jsx("span",{className:"hidden sm:inline",children:"Previous"})]}),p.jsx("ul",{className:"flex items-center gap-1",children:v?.map((_,$)=>{if(_===K)return p.jsx("li",{"aria-hidden":"true",className:"flex h-8 w-8 items-center justify-center text-gray-400 dark:text-gray-500",children:K},`ellipsis-${$}`);const I=_===u;return p.jsx("li",{children:p.jsx(z,{type:"button",variant:I?"default":"ghost",size:"sm",onClick:()=>F(_),"aria-current":I?"page":void 0,"aria-label":`Go to page ${_}`,className:De("h-8 min-w-8 px-2 text-sm transition-colors",I?"bg-primary text-primary-foreground font-bold hover:bg-primary/90 dark:bg-primary dark:text-primary-foreground":"font-medium text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700"),children:_})},_)})}),p.jsxs(z,{variant:"outline",size:"sm",onClick:x,disabled:!f,"aria-label":"Next page",className:"h-8 gap-1 px-3 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700",children:[p.jsx("span",{className:"hidden sm:inline",children:"Next"}),p.jsx(Ee,{className:"h-4 w-4"})]})]})]})}function dn({column:e,title:o,options:t}){const n=e==null?void 0:e.getFacetedUniqueValues(),r=new Set(e==null?void 0:e.getFilterValue());return p.jsxs(ot,{children:[p.jsx(rt,{asChild:!0,children:p.jsxs(z,{variant:"outline",size:"sm",className:"h-8 border-dashed",children:[p.jsx(at,{className:"mr-2 h-4 w-4"}),o,(r==null?void 0:r.size)>0&&p.jsxs(p.Fragment,{children:[p.jsx(lt,{orientation:"vertical",className:"mx-2 h-4"}),p.jsx(W,{variant:"secondary",className:"rounded-sm px-1 font-normal lg:hidden",children:r.size}),p.jsx("div",{className:"hidden space-x-1 lg:flex",children:r.size>2?p.jsxs(W,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:[r.size," selected"]}):t.filter(i=>r.has(i.value))?.map(i=>p.jsx(W,{variant:"secondary",className:"rounded-sm px-1 font-normal",children:i.label},i.value))})]})]})}),p.jsx(it,{className:"w-[200px] p-0",align:"start",children:p.jsxs(Ze,{children:[p.jsx(be,{placeholder:o}),p.jsxs(et,{children:[p.jsx(tt,{children:"No results found."}),p.jsx(pe,{children:t?.map(i=>{const l=r.has(i.value);return p.jsxs(me,{onSelect:()=>{l?r.delete(i.value):r.add(i.value);const s=Array.from(r);e==null||e.setFilterValue(s.length?s:void 0)},children:[p.jsx("div",{className:fe("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",l?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:p.jsx(je,{className:fe("h-4 w-4")})}),i.icon&&p.jsx(i.icon,{className:"mr-2 h-4 w-4 text-muted-foreground"}),p.jsx("span",{children:i.label}),(n==null?void 0:n.get(i.value))&&p.jsx("span",{className:"ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs",children:n.get(i.value)})]},i.value)})}),r.size>0&&p.jsxs(p.Fragment,{children:[p.jsx(nt,{}),p.jsx(pe,{children:p.jsx(me,{onSelect:()=>e==null?void 0:e.setFilterValue(void 0),className:"justify-center text-center",children:"Clear filters"})})]})]})]})})]})}function cn({table:e,refreshTable:o}){const[t,n]=A.useState(!1),r=async()=>{if(o)try{n(!0),await o()}finally{n(!1)}},{t:i}=Ce();return p.jsxs("div",{className:"flex flex-wrap justify-end gap-2 sm:gap-3 mt-2",children:[p.jsxs(z,{variant:"outline",size:"sm",className:"h-8",onClick:r,children:[p.jsx(st,{className:`mr-2 transition-transform duration-500 ${t?"animate-spin":""}`}),i("dashboard.refresh")]}),p.jsxs(Ae,{children:[p.jsx(Ge,{asChild:!0,children:p.jsxs(z,{variant:"outline",size:"sm",className:"h-8",children:[p.jsx(dt,{className:"mr-2"}),i("viewDetail.view")]})}),p.jsxs(He,{align:"end",className:"w-[150px]",children:[p.jsx(Le,{children:i("viewDetail.toogleColumns")}),p.jsx(ze,{}),e.getAllColumns().filter(l=>typeof l.accessorFn<"u"&&l.getCanHide())?.map(l=>p.jsx(Ne,{className:"capitalize",checked:l.getIsVisible(),onCheckedChange:s=>l.toggleVisibility(!!s),children:i(`toogle.${l.id}`)},l.id))]})]})]})}function fn({table:e,tableName:o,toolBarPosition:t="left",extraToolbar:n,filters:r=[],refreshTable:i,onGlobalFilterChange:l,hideToolbarFilter:s=!1}){const a=e.getState().columnFilters.length>0;return p.jsxs("div",{className:"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",children:[p.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[!s&&p.jsx(ke,{placeholder:`Filter ${o}...`,onChange:g=>{const c=g.target.value;e.setGlobalFilter(c),l==null||l(c)},className:"h-8 w-full sm:w-[150px] lg:w-[250px]"}),r?.map(({columnKey:g,title:c,options:S,isVisible:d=!0})=>d&&e.getColumn(g)&&p.jsx(dn,{column:e.getColumn(g),title:c,options:S},g)),a&&p.jsxs(z,{variant:"ghost",onClick:()=>e.resetColumnFilters(),className:"h-8 px-2 lg:px-3",children:["Reset",p.jsx(Oe,{className:"ml-2 h-4 w-4"})]})]}),p.jsxs("div",{className:`flex flex-wrap items-center gap-2 ${t==="center"?"justify-center":t==="left"?"justify-start":"justify-end"}`,children:[n,p.jsx(cn,{table:e,refreshTable:i})]})]})}function Fn({columns:e,data:o,tableName:t,initialColumnVisibility:n,extraToolbar:r,toolBarPosition:i="right",isLoading:l=!1,itemCount:s,onPageChange:a,onPageSizeChange:g,nextFunction:c,prevFunction:S,pageIndex:d,pageSize:u=10,refresh:f,onGlobalFilterChange:m,hideToolbarFilter:v=!1}){var _;const[C,R]=A.useState([]),[x,M]=A.useState([]),[F,D]=A.useState(()=>({letterName:!1,fileName:!1,...n??{}})),[L,N]=A.useState({}),{t:k}=Ce(),E=un({data:o,columns:e,pageCount:u>0?Math.ceil(s/u):1,state:{sorting:C,columnVisibility:F,rowSelection:L,columnFilters:x,pagination:{pageIndex:d,pageSize:u}},manualPagination:!0,enableRowSelection:!0,onRowSelectionChange:N,onSortingChange:R,onColumnFiltersChange:M,onColumnVisibilityChange:D,getCoreRowModel:Yt(),getFilteredRowModel:nn(),getSortedRowModel:on(),getFacetedRowModel:en(),getFacetedUniqueValues:tn()});return p.jsxs("div",{className:"space-y-4",children:[p.jsx(fn,{table:E,tableName:t,extraToolbar:r,toolBarPosition:i,refreshTable:f,onGlobalFilterChange:m,hideToolbarFilter:v}),p.jsx("div",{className:"rounded-md border dark:border-gray-700 bg-white dark:bg-gray-900 overflow-x-auto font-urbanist custom-scrollbar",children:p.jsxs(Te,{className:"w-full text-base text-gray-700 dark:text-gray-300 font-urbanist",children:[p.jsx(Be,{className:"bg-gray-50 dark:bg-gray-800",children:E.getHeaderGroups()?.map($=>p.jsx(B,{className:"dark:border-gray-700",children:$.headers?.map(I=>p.jsx(qe,{className:"text-base text-gray-500 dark:text-gray-400 dark:bg-gray-800",children:I.isPlaceholder?null:we(I.column.columnDef.header,I.getContext())},I.id))},$.id))}),p.jsx(Ue,{children:l?p.jsx(B,{children:p.jsx(Q,{colSpan:e.length,className:"text-center py-6",children:"Loading..."})}):(_=E.getRowModel().rows)!=null&&_.length?E.getRowModel().rows?.map($=>p.jsx(B,{"data-state":$.getIsSelected()&&"selected",className:`
+                      transition-colors duration-150
+                      ${$.original.isUrgent===!0&&t==="Pending Records"||$.original.signStatus==="draft"&&t==="Collaborations"||$.original.action==="inprogress"&&t==="My Approval Records"?"bg-yellow-200 dark:bg-yellow-900/30 hover:bg-yellow-300 dark:hover:bg-yellow-900/50":"hover:bg-gray-100 dark:hover:bg-gray-800"}
+                          ${t==="Pending Approval Tasks"&&"bg-primary-50 dark:bg-primary-900/20 hover:bg-primary-100 dark:hover:bg-primary-900/30 font-semibold border-l-4 border-l-primary-500 dark:border-l-primary-400"}
+                  `,children:$.getVisibleCells()?.map(I=>p.jsx(Q,{className:"py-4",children:p.jsx("div",{className:"max-h-[110px] max-w-[460px] overflow-y-auto overflow-x-auto scrollbar-hidden hover:cursor-pointer custom-scrollbar",children:we(I.column.columnDef.cell,I.getContext())})},I.id))},$.id)):p.jsx(B,{children:p.jsx(Q,{colSpan:e.length,className:"text-center py-6",children:k("common.noResult")})})})]})}),s>u&&p.jsx(gn,{pageIndex:d,pageSize:u,itemCount:s,onPageChange:a,onPageSizeChange:g,nextFunction:c,prevFunction:S})]})}export{Fn as A,at as C};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ArchiveUsersPage-B2jF61Wl.js b/apps/edr-freight-web/backoffice/public/_um/assets/ArchiveUsersPage-B2jF61Wl.js
new file mode 100644
index 000000000..f6ccd9ac2
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ArchiveUsersPage-B2jF61Wl.js
@@ -0,0 +1 @@
+import{d as N,r as c,az as S,j as t,v as u}from"./index-Db-xuq0b.js";import{C as U,a as A,b as y,d as z}from"./card-BBWyxDss.js";import{S as I,a as k,b as w,c as P,d as E}from"./select-BoQxM42A.js";import{A as T}from"./AdvancedTable-CC9ioMU-.js";import{u as F,A as L}from"./ArchivedUserColumnDefn-DQXeUrrA.js";import{u as V}from"./useUnit-C4s9nepK.js";import"./table-D3n3VABd.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./badge-D7JvaQeJ.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./organizationsService-BEVk8qa1.js";import"./alert-dialog-B5Y0wlSz.js";import"./useEmployeePostions-CMraotEg.js";import"./employeePositionsService-CkHoE9xG.js";import"./ellipsis-vertical-Cs1B3vez.js";import"./square-pen-B91TPB19.js";import"./user-plus-CBq7Z0dQ.js";import"./unitService-CmGVtFHQ.js";const ce=()=>{var p,h,x,g,f;const{user:i}=N(),{getList:j}=V(),[o,b]=c.useState(0),s=10,v=S(),l=i!=null&&i.employee&&i.employee.length>0?i.employee[0].organizationId:void 0,{data:e}=l?j(l,{take:300,skip:0}):{data:void 0},[d,n]=c.useState(((h=(p=e==null?void 0:e.data)==null?void 0:p.items[0])==null?void 0:h.id)||"All");c.useEffect(()=>{var r;((r=e==null?void 0:e.data)==null?void 0:r.items.length)>0&&n(e==null?void 0:e.data.items[0].id)},[(x=e==null?void 0:e.data)==null?void 0:x.items]);const m=r=>{b(r)},{data:a,refetch:C}=F(d,{take:s,skip:o*s});return t.jsx("div",{className:"p-6 space-y-6",children:t.jsxs(U,{className:"col-span-2 shadow-none border-none bg-transparent px-0",children:[t.jsx(A,{className:"flex flex-row justify-between items-center px-0",children:t.jsx(y,{className:"text-xl font-semibold ",children:u("setting.archivedUsers")})}),((f=(g=e==null?void 0:e.data)==null?void 0:g.items)==null?void 0:f.length)>0&&t.jsxs("div",{className:"mb-4 w-1/2",children:[t.jsx("label",{className:"block text-sm font-medium text-gray-700",children:u("organization.selectUnit")}),t.jsxs(I,{value:d,onValueChange:r=>n(r),children:[t.jsx(k,{className:"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm",children:t.jsx(w,{placeholder:"Select a Unit"})}),t.jsx(P,{children:e==null?void 0:e.data.items?.map(r=>t.jsx(E,{value:r.id,children:v(r.name)},r.id))})]})]}),t.jsx(z,{className:"px-0",children:t.jsx(T,{columns:L,data:(a==null?void 0:a.items)||[],tableName:"ArchivedUsers",toolBarPosition:"right",itemCount:(a==null?void 0:a.count)||0,pageIndex:o,onPageChange:m,nextFunction:a!=null&&a.count&&a.count>(o+1)*s?()=>m(o+1):()=>{},prevFunction:o>0?()=>m(Math.max(o-1,0)):()=>{},refresh:C})})]})})};export{ce as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ArchivedUnitsPositionsPage-m1hNEzal.js b/apps/edr-freight-web/backoffice/public/_um/assets/ArchivedUnitsPositionsPage-m1hNEzal.js
new file mode 100644
index 000000000..fd33a93ba
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ArchivedUnitsPositionsPage-m1hNEzal.js
@@ -0,0 +1,6 @@
+import{y as S,u as R,d as T,az as B,r as l,j as e,B as d,A as F}from"./index-Db-xuq0b.js";import{C as K,a as L,b as M,d as q}from"./card-BBWyxDss.js";import{S as E,a as V,b as _,c as H,d as G}from"./select-BoQxM42A.js";import{A as j}from"./AdvancedTable-CC9ioMU-.js";import{u as J}from"./useUnit-C4s9nepK.js";import{a as O,b as Q,u as W}from"./useArchived-D2u5xEKl.js";import{A as N}from"./archive-restore-CST5LuiK.js";import"./table-D3n3VABd.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./badge-D7JvaQeJ.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./unitService-CmGVtFHQ.js";import"./positionService-JD0NEiGK.js";import"./organizationsService-BEVk8qa1.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const X=[["path",{d:"M18 21a6 6 0 0 0-12 0",key:"kaz2du"}],["circle",{cx:"12",cy:"11",r:"4",key:"1gt34v"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]],Y=S("square-user-round",X),fe=()=>{var y;const{t}=R(),{user:i}=T(),m=B(),{getList:A}=J(),h=i!=null&&i.employee&&i.employee.length>0?i.employee[0].organizationId:void 0,[r,x]=l.useState("units"),[u,g]=l.useState(""),{data:p}=h?A(h,{take:300,skip:0}):{data:void 0},c=((y=p==null?void 0:p.data)==null?void 0:y.items)??[];!u&&c.length>0&&g(c[0].id);const{data:a,refetch:b}=O(h),{data:n,refetch:k}=Q(u||void 0),{restoreUnit:C,isRestoringUnit:U,restorePosition:z,isRestoringPosition:P}=W(),v=l.useMemo(()=>(a==null?void 0:a.items)??a??[],[a]),f=l.useMemo(()=>(n==null?void 0:n.items)??n??[],[n]),I=[{id:"name",header:t("organization.name","Name"),cell:({row:s})=>{var o;return m((o=s.original)==null?void 0:o.name)||"—"}},{id:"key",header:t("organization.key","Key"),accessorKey:"key"},{id:"actions",header:t("userIncomingretun.Actions","Actions"),cell:({row:s})=>e.jsxs(d,{size:"sm",variant:"outline",disabled:U,onClick:()=>C(s.original.id),className:"flex items-center gap-2 text-primary-700 hover:bg-primary-50",children:[e.jsx(N,{className:"h-4 w-4"}),t("archive.restore","Restore")]})}],w=[{id:"name",header:t("organization.name","Name"),cell:({row:s})=>{var o;return m((o=s.original)==null?void 0:o.name)||"—"}},{id:"key",header:t("organization.key","Key"),accessorKey:"key"},{id:"actions",header:t("userIncomingretun.Actions","Actions"),cell:({row:s})=>e.jsxs(d,{size:"sm",variant:"outline",disabled:P,onClick:()=>z(s.original.id),className:"flex items-center gap-2 text-primary-700 hover:bg-primary-50",children:[e.jsx(N,{className:"h-4 w-4"}),t("archive.restore","Restore")]})}];return e.jsx("div",{className:"p-6 space-y-6",children:e.jsxs(K,{className:"shadow-none border-none bg-transparent px-0",children:[e.jsx(L,{className:"flex flex-row justify-between items-center px-0",children:e.jsx(M,{className:"text-xl font-semibold",children:t("archive.archivedItems","Archived Items")})}),e.jsxs("div",{className:"flex gap-2 mb-4",children:[e.jsxs(d,{variant:r==="units"?"default":"outline",onClick:()=>x("units"),className:"flex items-center gap-2",children:[e.jsx(F,{className:"h-4 w-4"}),t("archive.archivedUnits","Archived Units")]}),e.jsxs(d,{variant:r==="positions"?"default":"outline",onClick:()=>x("positions"),className:"flex items-center gap-2",children:[e.jsx(Y,{className:"h-4 w-4"}),t("archive.archivedPositions","Archived Positions")]})]}),r==="positions"&&c.length>0&&e.jsxs("div",{className:"mb-4 w-full sm:w-1/2",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200",children:t("organization.selectUnit","Select Unit")}),e.jsxs(E,{value:u,onValueChange:s=>g(s),children:[e.jsx(V,{className:"mt-1 block w-full",children:e.jsx(_,{placeholder:t("organization.selectUnit")})}),e.jsx(H,{children:c?.map(s=>e.jsx(G,{value:s.id,children:m(s.name)},s.id))})]})]}),e.jsx(q,{className:"px-0",children:r==="units"?e.jsx(j,{columns:I,data:v,tableName:"ArchivedUnits",toolBarPosition:"right",itemCount:v.length,pageIndex:0,onPageChange:()=>{},nextFunction:()=>{},prevFunction:()=>{},refresh:b}):e.jsx(j,{columns:w,data:f,tableName:"ArchivedPositions",toolBarPosition:"right",itemCount:f.length,pageIndex:0,onPageChange:()=>{},nextFunction:()=>{},prevFunction:()=>{},refresh:k})})]})})};export{fe as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ArchivedUserColumnDefn-DQXeUrrA.js b/apps/edr-freight-web/backoffice/public/_um/assets/ArchivedUserColumnDefn-DQXeUrrA.js
new file mode 100644
index 000000000..d592b891f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ArchivedUserColumnDefn-DQXeUrrA.js
@@ -0,0 +1 @@
+import{d as v}from"./organizationsService-BEVk8qa1.js";import{n as j,r as d,u as A,k as f,j as e,B as g,aF as w,f as D,aA as y,aB as b,aC as C,aD as N,v as o,aE as x,b_ as S,az as E}from"./index-Db-xuq0b.js";import{A as O,a as M,b as R,c as U,d as T,e as B,f as L}from"./alert-dialog-B5Y0wlSz.js";import{u as z,T as F}from"./useEmployeePostions-CMraotEg.js";import{E as I}from"./ellipsis-vertical-Cs1B3vez.js";import{S as k}from"./square-pen-B91TPB19.js";import{U as q}from"./user-plus-CBq7Z0dQ.js";import{B as K}from"./badge-D7JvaQeJ.js";const Z=(s,r)=>j({queryKey:["archived-users",s,r],queryFn:async()=>{if(!s)return{items:[],count:0};const{data:a}=await v(s,r);return a},enabled:!!s}),P=({isOpen:s,onClose:r,userId:a})=>{const{activateUser:t,isActivatingUser:i}=z(),[n,c]=d.useState(!1),{t:l}=A(),{handleError:u}=f(l),h=async()=>{try{await t({payload:a,successCallback:()=>{r()}}),c(!0)}catch(m){u(m)}};return e.jsx(O,{open:s,onOpenChange:r,children:e.jsxs(M,{children:[e.jsxs(R,{children:[e.jsx(U,{children:"Remove team member from this position?"}),e.jsx(T,{children:"Are you sure you want to activate this archived user? This action will restore the user's access and data within the organization."})]}),e.jsxs(B,{children:[e.jsx(L,{disabled:n,children:"Cancel"}),e.jsxs(g,{variant:"destructive",onClick:h,disabled:n,children:[i&&e.jsx(w,{className:"h-4 w-4 mr-2 animate-spin"}),"Confirm"]})]})]})})},H=({row:s})=>{const r=D(),[a,t]=d.useState(!1),[i,n]=d.useState(!1),[c,l]=d.useState(!1),u=()=>{r(`/user-management/archive/edit/${s==null?void 0:s.userId}`)},h=p=>{p.preventDefault(),t(!1),n(!0)},m=()=>{l(!0)};return e.jsxs(e.Fragment,{children:[e.jsxs(y,{open:a,onOpenChange:t,children:[e.jsx(b,{asChild:!0,children:e.jsxs(g,{variant:"ghost",className:"h-8 w-8 p-0",children:[e.jsx(I,{className:"h-4 w-4"}),e.jsx("span",{className:"sr-only",children:"Open actions menu"})]})}),e.jsxs(C,{align:"end",onInteractOutside:p=>{p.target.closest('[role="dialog"]')||t(!1)},children:[e.jsx(N,{children:o("userRecord.Actions")}),e.jsxs(x,{onSelect:u,className:"cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200",children:[e.jsx(k,{className:"mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200"}),e.jsxs("span",{children:[" ",o("userRecord.Edit")]})]}),e.jsxs(x,{onSelect:m,className:"cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200",children:[e.jsx(q,{className:"mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200"}),e.jsxs("span",{children:[" ",o("userRecord.Activate")]})]}),e.jsx(S,{}),e.jsxs(x,{onSelect:h,className:"text-red-600 cursor-pointer hover:!text-red-800 !bg-transparent !transition-colors duration-200",children:[e.jsx(F,{className:"mr-2 h-4 w-4 text-red-600 group-hover:text-white transition-colors duration-200"}),e.jsxs("span",{children:[" ",o("userRecord.Delete")]})]})]})]}),c&&e.jsx(P,{isOpen:c,onClose:()=>l(!1),userId:s.id})]})},ee=[{accessorKey:"name",header:()=>o("setting.Name"),cell:({row:s})=>{var t;const r=E(),a=(t=s.original)==null?void 0:t.name;return e.jsx("span",{children:r(a)})}},{accessorKey:"status",header:()=>o("userRecord.Status"),cell:({row:s})=>{var i;const r=(i=s.original)==null?void 0:i.status,a=n=>{switch(n.toLowerCase()){case"inactive":return"bg-red-100 text-red-600 hover:bg-red-100";case"active":return"bg-primary-100 text-primary-600 hover:bg-primary-100";default:return"bg-gray-100 text-gray-600 hover:bg-gray-100"}},t=n=>{switch(n.toLowerCase()){case"inactive":return"InActive";case"active":return"Active";default:return"Not Available"}};return e.jsx("div",{children:e.jsx(K,{className:`${a(r)} rounded-full px-6 py-1 font-medium`,children:t(r)})})}},{id:"actions",header:()=>o("userRecord.Actions"),cell:({row:s})=>e.jsx(H,{row:s.original})}];export{ee as A,Z as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/BulkUploadPage-DwoaDuCZ.js b/apps/edr-freight-web/backoffice/public/_um/assets/BulkUploadPage-DwoaDuCZ.js
new file mode 100644
index 000000000..a63cee3c0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/BulkUploadPage-DwoaDuCZ.js
@@ -0,0 +1 @@
+import{l as ye,r as p,d as je,aR as we,k as ve,v as l,j as e,B as E,aF as I,t as N,aS as ne}from"./index-Db-xuq0b.js";import{r as ke,u as ie}from"./xlsx-sUI8S2SR.js";import{u as Ee}from"./useQueries-XKsSk0XW.js";import{A as oe,b as le,a as de}from"./alert-8Xu28MAD.js";import{u as Se}from"./useUnit-C4s9nepK.js";import{S as Pe,a as Ue,b as $e,c as _e,d as Ae}from"./select-BoQxM42A.js";import{g as Ce}from"./unitService-CmGVtFHQ.js";import{C as me}from"./circle-alert-Cd_zeQMw.js";const Re=async R=>ye.post("/employees/upload-user-csv-2",R,{}),Fe=()=>{var Q,H,K;const R=p.useRef(null),[O,B]=p.useState(null),[v,D]=p.useState(""),[S,T]=p.useState(null),[k,V]=p.useState(!1),[F,W]=p.useState(!1),[q,L]=p.useState(!1),[y,j]=p.useState(null),[w,P]=p.useState(null),{user:U}=je(),ce=we.language,{getErrorMessage:ue}=ve(l),X=U!=null&&U.employee&&U.employee.length>0?U.employee[0].organizationId:void 0,{getList:he}=Se(),{data:M,isLoading:xe}=X?he(X):{data:void 0,isLoading:!1},G=((Q=M==null?void 0:M.data)==null?void 0:Q.items)??[],J=Ee({queries:G?.map(t=>({queryKey:["unitChildren",t.id],queryFn:()=>Ce(t.id),enabled:!!t.id,staleTime:0}))}),$=p.useMemo(()=>{const t=[];G.forEach((u,g)=>{var a,i;t.push({id:u.id,name:u.name,depth:0});const m=(i=(a=J[g])==null?void 0:a.data)==null?void 0:i.data;(Array.isArray(m)?m:(m==null?void 0:m.items)??[]).forEach(s=>{s!=null&&s.id&&t.push({id:s.id,name:s.name,depth:1})})});const c=new Set;return t.filter(u=>c.has(u.id)?!1:(c.add(u.id),!0))},[M,J?.map(t=>t.data).join("|")]);p.useEffect(()=>{$.length===1&&D($[0].id)},[$]);const _=()=>{T(null),L(!1)},pe=t=>{const c=a=>a.replace(/_/g," ").replace(/\b\w/g,i=>i.toUpperCase()),u=a=>{const i=a.indexOf(":");return i>=0?{reason:a.slice(0,i).trim(),value:a.slice(i+1).trim()}:{reason:a.trim(),value:""}},g=(a,i)=>{const{reason:s,value:o}=u(i),f=c(a);if(s.endsWith("_already_exists"))return o?`${f} "${o}" already exists`:`${f} already exists`;const h=c(s);return o?`${f}: ${h} (${o})`:`${f}: ${h}`},m=[],b=(a,i)=>{const s=/(\d+)/.exec(a),o=s?Number(s[1]):Number.MAX_SAFE_INTEGER,f=s?`Row ${s[1]}`:a;for(const[h,A]of Object.entries(i))typeof A!="string"||!A.trim()||m.push({row:o,text:`${f} — ${g(h,A)}`})};if(Array.isArray(t)){for(const a of t)if(!(!a||typeof a!="object"))for(const[i,s]of Object.entries(a))s&&typeof s=="object"&&b(i,s)}else if(t&&typeof t=="object"){const a=t;for(const[i,s]of Object.entries(a))s&&typeof s=="object"?b(i,s):typeof s=="string"&&s.trim()&&m.push({row:Number.MAX_SAFE_INTEGER,text:g(i,s)})}return m.sort((a,i)=>a.row-i.row)?.map(a=>a.text)},ge=async t=>{var g,m,b,a,i;const c=await ue(t),u=c.split(",")?.map(s=>s.trim()).filter(Boolean);if(typeof t=="object"&&t!==null&&"response"in t){let s=(g=t.response)==null?void 0:g.data;if(s instanceof Blob)try{s=JSON.parse(await s.text())}catch{s=null}const o=(s==null?void 0:s.message)??((b=(m=s==null?void 0:s.exception)==null?void 0:m.response)==null?void 0:b.message),f=(s==null?void 0:s.errors)??((i=(a=s==null?void 0:s.exception)==null?void 0:a.response)==null?void 0:i.errors);if(s&&typeof s=="object"&&o==="duplicate_values_found"){const h=pe(f);return{title:"Duplicate values found",message:h.length>0?`Found ${h.length} duplicate value${h.length>1?"s":""}. Fix the rows below in your Excel file and try again.`:"Some values already exist in the system. Review the conflicts and update the file before trying again.",errors:h.length>0?h:void 0}}}return u.length>1?{title:"We could not submit these users",message:"Some records could not be submitted. Review the issues below, update the file, and try again.",errors:u}:{title:"We could not submit these users",message:c}},fe=async t=>{var g;const c=(g=t.target.files)==null?void 0:g[0],u=t.target;if(c)try{W(!0),_(),j(null),P(null),B(c.name);const m=await c.arrayBuffer(),b=ke(m,{type:"array"}),a=b.Sheets.Positions,i=b.Sheets.OrgStructure;if(!a&&!i){N.error(l("contentManagement.posMissing")),j({title:"Missing template sheets",message:"The file must include the 'Positions' and 'OrgStructure' sheets before it can be imported."}),_();return}const s=(r,n)=>{if(r[n]!==void 0)return r[n];const d=Object.keys(r).find(C=>C.trim().toLowerCase()===n.toLowerCase());return d?r[d]:""},o=r=>String(r??"").trim(),f=(r,n)=>{const d=r.__rowNum__;return typeof d=="number"?d+1:n+2},h=r=>Object.values(r)?.some(n=>o(n)!==""),A=r=>[r.EnglishFirstName,r.EnglishLastName,r.Email,r.PhoneNumber,r.Username,r.Position]?.some(n=>o(n)!==""),Y=a?ie.sheet_to_json(a,{defval:""})?.map(r=>{const n=r;return{Position:o(s(n,"EnglishPosition")),AmharicPosition:o(s(n,"AmharicPosition")),ReportsTo:o(s(n,"ReportsTo")),PositionType:o(s(n,"PositionType"))}}).filter(r=>h(r)):[],z=i?ie.sheet_to_json(i,{defval:""})?.map((r,n)=>{const d=r;return{AmharicFirstName:o(s(d,"AmharicFirstName")),AmharicLastName:o(s(d,"AmharicLastName")),EnglishFirstName:o(s(d,"EnglishFirstName")),EnglishLastName:o(s(d,"EnglishLastName")),Email:o(s(d,"Email")),PhoneNumber:o(s(d,"PhoneNumber")),Position:o(s(d,"Position")),Username:o(s(d,"Username")),__rowNumber:f(d,n)}}).filter(r=>A(r)):[];if(!Y.length&&!z.length){N.error(l("contentManagement.invalidFile")),j({title:"No importable rows found",message:"We could not find any valid rows in the uploaded file. Check that the template columns are filled and try again."}),_();return}const x=[];if(z.forEach(r=>{var d,C,Z,ee,se,te,re,ae;const n=r.__rowNumber;(d=r.EnglishFirstName)!=null&&d.trim()||x.push(`Row ${n}: English First Name is required`),(C=r.EnglishLastName)!=null&&C.trim()||x.push(`Row ${n}: English Last Name is required`),(Z=r.Email)!=null&&Z.trim()||x.push(`Row ${n}: Email is required`),(ee=r.PhoneNumber)!=null&&ee.trim()||x.push(`Row ${n}: Phone Number is required`),(se=r.Username)!=null&&se.trim()||x.push(`Row ${n}: Username is required`),(te=r.Position)!=null&&te.trim()||x.push(`Row ${n}: Position is required`),(re=r.Email)!=null&&re.trim()&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r.Email.trim())&&x.push(`Row ${n}: Invalid email format`),(ae=r.PhoneNumber)!=null&&ae.trim()&&!/^\+?[\d\s\-\(\)]+$/.test(r.PhoneNumber.trim())&&x.push(`Row ${n}: Invalid phone number format`)}),x.length>0){N.error(`Found ${x.length} validation errors.`),j({title:"Please fix the highlighted rows",message:"Some rows are missing required values or contain invalid formats. Update the file and upload it again.",errors:x}),_();return}const Ne={unitId:v,positions:Y,users:z?.map(({__rowNumber:r,...n})=>n)};T(Ne),j(null),P(null),N.success(l("contentManagement.parseSuccess"))}catch(m){N.error(l("contentManagement.parseError")),j({title:"We could not read this file",message:m instanceof Error?m.message:"The uploaded file could not be parsed. Please verify the Excel format and try again."}),_()}finally{W(!1),u.value=""}},be=async()=>{if(!S){N.error(l("contentManagement.noData"));return}if(!v){N.warning(l("organization.selectUnit"));return}try{V(!0),P(null),await Re({...S,unitId:v}),N.success(l("organization.uploadSuccess")),T(null),B(null),L(!1)}catch(t){P(await ge(t))}finally{V(!1)}};return e.jsxs("div",{className:"p-4 border rounded-xl bg-white shadow-sm dark:bg-gray-900 mt-10",children:[e.jsx("div",{children:$.length>0&&e.jsxs("div",{className:"mb-4 w-1/2",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700",children:l("organization.selectUnit")}),e.jsxs(Pe,{value:v,onValueChange:t=>D(t),children:[e.jsx(Ue,{className:"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm",children:e.jsx($e,{placeholder:xe?l("organization.loading"):l("organization.selectUnit")})}),e.jsx(_e,{children:$?.map(t=>{var c,u;return e.jsx(Ae,{value:t.id,children:e.jsxs("span",{style:{paddingLeft:t.depth*12},children:[t.depth>0?"└─ ":"",ce==="en"?(c=t.name)==null?void 0:c.en:(u=t.name)==null?void 0:u.am]})},t.id)})})]})]})}),e.jsx("p",{className:"text-sm mb-2 text-gray-700 dark:text-gray-300 font-medium",children:l("contentManagement.bulkMsg")}),e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx(E,{variant:"outline",onClick:()=>{var t;if(!v){N.warning(l("organization.selectUnit"));return}(t=R.current)==null||t.click()},disabled:k||F||!v,children:F?e.jsxs("span",{className:"inline-flex items-center gap-2",children:[e.jsx(I,{className:"h-4 w-4 animate-spin"}),"Parsing file..."]}):k?l("userIncoming.Processing..."):l("contentManagement.selectFile")}),O&&e.jsx("span",{className:"text-sm text-gray-500 dark:text-gray-400 truncate",children:O})]}),e.jsx("input",{ref:R,type:"file",accept:".xlsx, .xls",onChange:fe,className:"hidden"}),F&&e.jsxs("div",{className:"mb-4 flex items-center gap-3 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-700 shadow-sm dark:border-slate-800 dark:bg-slate-900/60 dark:text-slate-200",children:[e.jsx(I,{className:"h-4 w-4 animate-spin text-slate-600 dark:text-slate-300"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"font-medium",children:"Reading and validating your Excel file"}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400",children:"Please wait while we parse the sheets and check for errors."})]})]}),y&&e.jsxs(oe,{className:"mb-4 border-red-200 bg-red-50/80 text-red-950 shadow-sm dark:border-red-900/60 dark:bg-red-950/30 dark:text-red-100",children:[e.jsx(me,{className:"h-4 w-4"}),e.jsxs("div",{className:"w-full space-y-3",children:[e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(le,{className:"text-sm font-semibold",children:y.title}),e.jsx(de,{className:"text-sm text-red-800 dark:text-red-200",children:y.message})]}),e.jsxs(E,{type:"button",variant:"ghost",size:"sm",className:"h-8 self-start px-2 text-red-700 hover:bg-red-100 hover:text-red-900 dark:text-red-200 dark:hover:bg-red-900/40 dark:hover:text-red-50",onClick:()=>j(null),children:[e.jsx(ne,{className:"mr-1 h-4 w-4"}),l("common.close")]})]}),(H=y.errors)!=null&&H.length?e.jsxs("div",{className:"rounded-lg border border-red-200/80 bg-white/80 p-3 dark:border-red-900/60 dark:bg-red-950/20",children:[e.jsxs("div",{className:"mb-2 flex flex-wrap items-center gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-red-900 dark:text-red-100",children:"Validation details"}),e.jsxs("span",{className:"rounded-full bg-red-100 px-2 py-0.5 text-xs font-medium text-red-700 dark:bg-red-900/50 dark:text-red-100",children:[y.errors.length," issue",y.errors.length>1?"s":""]})]}),e.jsx("div",{className:"max-h-56 overflow-y-auto pr-1",children:e.jsx("ul",{className:"grid gap-2 text-sm text-red-800 dark:text-red-200 sm:grid-cols-2",children:y.errors?.map(t=>e.jsx("li",{className:"rounded-md border border-red-100 bg-red-50 px-3 py-2 leading-relaxed dark:border-red-900/50 dark:bg-red-950/30",children:t},t))})})]}):null]})]}),S&&e.jsxs("div",{className:"mt-4 space-y-4",children:[e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(E,{variant:"outline",onClick:()=>L(!q),disabled:k,children:q?l("common.Cancel"):l("contentManagement.preview")}),e.jsx(E,{onClick:be,disabled:k||F,children:k?e.jsxs("span",{className:"inline-flex items-center gap-2",children:[e.jsx(I,{className:"h-4 w-4 animate-spin"}),"Uploading users..."]}):l("contentManagement.submitUsers")})]}),k&&e.jsxs("div",{className:"flex items-center gap-3 rounded-lg border border-primary-200 bg-primary-50 px-4 py-3 text-sm text-primary-900 shadow-sm dark:border-primary-900/60 dark:bg-primary-950/30 dark:text-primary-100",children:[e.jsx(I,{className:"h-4 w-4 animate-spin text-primary-700 dark:text-primary-200"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"font-medium",children:"Submitting users to the server"}),e.jsx("p",{className:"text-xs text-primary-700/80 dark:text-primary-200/80",children:"Please wait while we create the uploaded users and positions."})]})]}),w&&e.jsxs(oe,{className:"border-amber-200 bg-amber-50/80 text-amber-950 shadow-sm dark:border-amber-900/60 dark:bg-amber-950/30 dark:text-amber-100",children:[e.jsx(me,{className:"h-4 w-4"}),e.jsxs("div",{className:"w-full space-y-3",children:[e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(le,{className:"text-sm font-semibold",children:w.title}),e.jsx(de,{className:"text-sm text-amber-800 dark:text-amber-200",children:w.message})]}),e.jsxs(E,{type:"button",variant:"ghost",size:"sm",className:"h-8 self-start px-2 text-amber-700 hover:bg-amber-100 hover:text-amber-900 dark:text-amber-200 dark:hover:bg-amber-900/40 dark:hover:text-amber-50",onClick:()=>P(null),children:[e.jsx(ne,{className:"mr-1 h-4 w-4"}),l("common.close")]})]}),(K=w.errors)!=null&&K.length?e.jsxs("div",{className:"rounded-lg border border-amber-200/80 bg-white/80 p-3 dark:border-amber-900/60 dark:bg-amber-950/20",children:[e.jsxs("div",{className:"mb-2 flex flex-wrap items-center gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-amber-900 dark:text-amber-100",children:"Submission details"}),e.jsxs("span",{className:"rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-700 dark:bg-amber-900/50 dark:text-amber-100",children:[w.errors.length," issue",w.errors.length>1?"s":""]})]}),e.jsx("div",{className:"max-h-56 overflow-y-auto pr-1",children:e.jsx("ul",{className:"grid gap-2 text-sm text-amber-800 dark:text-amber-200 sm:grid-cols-2",children:w.errors?.map(t=>e.jsx("li",{className:"rounded-md border border-amber-100 bg-amber-50 px-3 py-2 leading-relaxed dark:border-amber-900/50 dark:bg-amber-950/30",children:t},t))})})]}):null]})]})]}),q&&S&&e.jsxs("div",{className:"mt-4 p-4 border rounded-lg bg-gray-50 dark:bg-gray-800 max-h-96 overflow-auto",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:l("contentManagement.preview")}),e.jsx(E,{variant:"ghost",size:"sm",onClick:()=>L(!1),children:"✕"})]}),e.jsx("pre",{className:"text-sm text-gray-700 dark:text-gray-300 whitespace-pre-wrap",children:JSON.stringify(S,null,2)})]})]})},De=()=>e.jsx(Fe,{});export{De as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ChangePassword-DnAAu07A.js b/apps/edr-freight-web/backoffice/public/_um/assets/ChangePassword-DnAAu07A.js
new file mode 100644
index 000000000..385950970
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ChangePassword-DnAAu07A.js
@@ -0,0 +1 @@
+import{l as h,w as H,m as $,u as D,k as Y,f as O,d as Z,n as U,o as S,t as j,p as c,q as Q,r as m,j as e,v as t,I as L,B as z,x as G}from"./index-Db-xuq0b.js";import{L as I}from"./lock-BCybB-Lq.js";import{E as K}from"./eye-off-CDMvHElM.js";import{E as R}from"./eye-Bhud4znU.js";import{R as J}from"./refresh-cw-JB7N413f.js";import{A as V}from"./arrow-left-CE5-YfaQ.js";const W=async(r,s)=>h.post("/auth/login",r,{headers:{"x-organization-tenant-key":s.tenantKey,...s.unitId&&{"x-organization-unit-id":s.unitId}}}),X=async r=>h.get("/auth/me",{headers:{"x-organization-tenant-key":r.tenantKey,...r.unitId&&{"x-organization-unit-id":r.unitId}}}),ee=async()=>h.patch("/auth/logout"),se=async(r,s)=>h.put(`/account-configurations/my-config/${s}`,r,{headers:H()}),te=async r=>h.post("/account-configurations/set-my-config",r),ae=async()=>h.get("/account-configurations/my-config"),re=()=>{var x;const r=$(),{t:s}=D(),{handleError:y}=Y(s),g=O(),{setUser:b,user:p,selectedPositionId:T,setSelectedPositionId:w}=Z(),{data:o,isLoading:k,isError:n,refetch:d}=U({queryKey:["authUser"],queryFn:async()=>{const{data:a}=await X({tenantKey:c.get("tenant-key"),unitId:c.get("unit-id")||""});return a},staleTime:300*1e3,retry:!1}),{mutate:N,isError:f,isSuccess:P}=S({mutationFn:async({email:a,password:u,tenantKey:B,unitId:_})=>(await W({email:a,password:u},{tenantKey:B,unitId:_})).data,onSuccess:(a,u)=>{c.set("auth-token",a.token,{expires:1}),c.set("tenant-key",u.tenantKey,{expires:1}),c.set("unit-id",u.unitId||"",{expires:1}),j.success(s("msg.loginSuccess"),{description:s("msg.redirecting")}),r.invalidateQueries({queryKey:["authUser"]}),g("/dashboard")},onError:a=>{y(a)}}),{mutate:C,isError:E,isSuccess:q}=S({mutationFn:async()=>{await ee()},onSuccess:()=>{b(null),w(null),Object.keys(c.get()).forEach(a=>{c.remove(a)}),Q(),localStorage.removeItem("token"),r.invalidateQueries({queryKey:["authUser"]}),j.success(s("msg.logoutSuccess")||"Logged out successfully"),window.location.replace("/")},onError:a=>{b(null),w(null),Object.keys(c.get()).forEach(u=>{c.remove(u)}),Q(),localStorage.removeItem("token"),r.invalidateQueries({queryKey:["authUser"]}),y(a),window.location.replace("/")}}),{mutate:i,isPending:M}=S({mutationFn:async({isMFARequired:a})=>{await te({isMFARequired:a})},onSuccess:()=>{j.success("Two-Factor Authentication setting updated"),r.invalidateQueries({queryKey:["twoFAStatus"]})},onError:a=>{y(a)}}),{data:v,isLoading:F}=U({queryKey:["twoFAStatus",o],queryFn:ae,enabled:!!o}),{mutate:A}=S({mutationFn:async({id:a,isEnabled:u})=>{await se({isMFARequired:u},a)},onSuccess:()=>{r.invalidateQueries({queryKey:["twoFAStatus"]})}}),l=(o==null?void 0:o.selectedPositionPermissionKeys)||[];return{userDetails:o,selectedPositionPermissionKeys:l,isLoading:k,isError:n,refetch:d,login:N,logout:C,loginSuccess:P,loginError:f,logoutSuccess:q,logoutError:E,setTwoFactorAuth:i,twoFactorData:(x=v==null?void 0:v.data)==null?void 0:x.items,isLoadingStatus:F,editTwoFA:A}},me=()=>{const r=O(),[s,y]=m.useState(""),[g,b]=m.useState(""),[p,T]=m.useState(""),[w,o]=m.useState(!1),[k,n]=m.useState(""),[d,N]=m.useState(!1),[f,P]=m.useState(!1),{logout:C}=re(),E=()=>{C()},q=async i=>{if(i.preventDefault(),n(""),!g){n(t("msg.currentPasswordRequired"));return}if(!s){n(t("msg.newPasswordRequired"));return}if(s.length<8){n(t("msg.passwordMinLength"));return}if(s===g){n(t("msg.passwordMustBeDifferent"));return}if(!p){n(t("msg.confirmPasswordRequired"));return}if(s!==p){n(t("msg.passwordMismatch"));return}const M=/[A-Z]/.test(s),v=/[a-z]/.test(s),F=/\d/.test(s),A=/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(s),l=[];if(M||l.push(t("msg.uppercaseLetter")),v||l.push(t("msg.lowercaseLetter")),F||l.push(t("msg.number")),A||l.push(t("msg.specialCharacter")),l.length>0){n(t("msg.passwordComplexity")+" "+l.join(", "));return}o(!0);try{await G({oldPassword:g,newPassword:s,confirmPassword:p}),j.success(t("msg.successChange"),{description:"Your password has been changed successfully"}),setTimeout(E,1200)}catch(x){const a=(x==null?void 0:x.message)||t("msg.failedChange");n(a),j.error(t("msg.failedChange"),{description:a})}finally{o(!1)}};return e.jsx("div",{className:"flex items-center justify-center bg-gray-100 dark:bg-gray-900 p-4",style:{height:"100vh"},children:e.jsxs("div",{className:"w-full max-w-md bg-white dark:bg-gray-800 rounded-xl shadow-lg p-8",children:[e.jsxs("div",{className:"mb-8 text-center",children:[e.jsx("img",{src:"/assets/smart-office-logo.svg",alt:"Smart Office Logo",className:"h-10 mb-6 mx-auto"}),e.jsx("h1",{className:"text-2xl font-bold text-gray-900 dark:text-gray-100 mb-2",children:t("change_password")}),e.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:t("msg.changePasswordMsg")})]}),e.jsxs("form",{onSubmit:q,className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(I,{className:"h-5 w-5 text-gray-400 dark:text-gray-500"})}),e.jsx(L,{type:d?"text":"password",placeholder:t("msg.oldPassword"),className:"h-10 rounded-md border dark:border-gray-600 px-4 text-sm ps-10 dark:bg-gray-700 dark:text-gray-100",value:g,onChange:i=>b(i.target.value),required:!0}),e.jsx("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center cursor-pointer",onClick:()=>N(!d),children:d?e.jsx(K,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"}):e.jsx(R,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"})})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(I,{className:"h-5 w-5 text-gray-400 dark:text-gray-500"})}),e.jsx(L,{type:d?"text":"password",placeholder:t("msg.newPassword"),className:"h-10 rounded-md border dark:border-gray-600 px-4 text-sm ps-10 dark:bg-gray-700 dark:text-gray-100",value:s,onChange:i=>y(i.target.value),required:!0}),e.jsx("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center cursor-pointer",onClick:()=>N(!d),children:d?e.jsx(K,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"}):e.jsx(R,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"})})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(I,{className:"h-5 w-5 text-gray-400 dark:text-gray-500"})}),e.jsx(L,{type:f?"text":"password",placeholder:t("msg.confirmNewPassword"),className:"h-10 rounded-md border dark:border-gray-600 px-4 text-sm ps-10 dark:bg-gray-700 dark:text-gray-100",value:p,onChange:i=>T(i.target.value),required:!0}),e.jsx("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center cursor-pointer",onClick:()=>P(!f),children:f?e.jsx(K,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"}):e.jsx(R,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"})})]}),k&&e.jsx("div",{className:"bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md p-3 md:p-4",children:e.jsx("p",{className:"text-sm text-red-700 dark:text-red-400 font-medium",children:k})})]}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(z,{type:"submit",className:"w-full h-10 bg-primary hover:bg-primary-300 text-white text-sm",disabled:w,children:w?e.jsxs("span",{className:"flex items-center justify-center",children:[e.jsx(J,{className:"animate-spin h-5 w-5 mr-2"}),"changing..."]}):t("change_password")}),e.jsxs(z,{type:"button",variant:"outline",className:"w-full h-10 text-sm",onClick:()=>r(-1),children:[e.jsx(V,{className:"h-4 w-4 mr-2"}),t("userRecord.Back")]})]})]})]})})};export{me as ResetPassword,me as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/Checkbox-IILksgz0.js b/apps/edr-freight-web/backoffice/public/_um/assets/Checkbox-IILksgz0.js
new file mode 100644
index 000000000..0a9a3f319
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/Checkbox-IILksgz0.js
@@ -0,0 +1 @@
+import{r as N,as as de,K as V,N as z,V as B,j as c,a0 as ue,W as T,Y as A,ae as Q,X as M,Q as $,am as X,aa as S,an as Y,_ as q,au as he,a8 as pe}from"./index-Db-xuq0b.js";import{g as D}from"./get-auto-contrast-value-Da6zqqWm.js";import{I as xe,a as Ce,b as be}from"./InputsGroupFieldset-COkNgcEo.js";import{u as H}from"./use-uncontrolled-C3HRHW6t.js";const J=N.createContext(null),ve=J.Provider,Z=()=>N.useContext(J),[ke,me]=de();var ee={card:"m_26775b0a"};const fe={withBorder:!0},ye=T((e,{radius:o})=>({card:{"--card-radius":A(o)}})),E=V((e,o)=>{const s=z("CheckboxCard",fe,e),{classNames:t,className:n,style:l,styles:a,unstyled:r,vars:d,checked:v,mod:i,withBorder:f,value:k,onClick:h,defaultChecked:b,onChange:p,...y}=s,g=B({name:"CheckboxCard",classes:ee,props:s,className:n,style:l,classNames:t,styles:a,unstyled:r,vars:d,varsResolver:ye,rootSelector:"card"}),u=Z(),_=typeof v=="boolean"?v:u?u.value.includes(k||""):void 0,[x,C]=H({value:_,defaultValue:b,finalValue:!1,onChange:p});return c.jsx(ke,{value:{checked:x},children:c.jsx(ue,{ref:o,mod:[{"with-border":f,checked:x},i],...g("card"),...y,role:"checkbox","aria-checked":x,onClick:m=>{h==null||h(m),u==null||u.onChange(k||""),C(!x)}})})});E.displayName="@mantine/core/CheckboxCard";E.classes=ee;const ge={},W=V((e,o)=>{const{value:s,defaultValue:t,onChange:n,size:l,wrapperProps:a,children:r,readOnly:d,...v}=z("CheckboxGroup",ge,e),[i,f]=H({value:s,defaultValue:t,finalValue:[],onChange:n}),k=h=>{const b=typeof h=="string"?h:h.currentTarget.value;!d&&f(i.includes(b)?i.filter(p=>p!==b):[...i,b])};return c.jsx(ve,{value:{value:i,onChange:k,size:l},children:c.jsx(Q.Wrapper,{size:l,ref:o,...a,...v,labelElement:"div",__staticSelector:"CheckboxGroup",children:c.jsx(xe,{role:"group",children:r})})})});W.classes=Q.Wrapper.classes;W.displayName="@mantine/core/CheckboxGroup";function _e({size:e,style:o,...s}){const t=e!==void 0?{width:M(e),height:M(e),...o}:o;return c.jsx("svg",{viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t,"aria-hidden":!0,...s,children:c.jsx("path",{d:"M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})}function oe({indeterminate:e,...o}){return e?c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 6","aria-hidden":!0,...o,children:c.jsx("rect",{width:"32",height:"6",fill:"currentColor",rx:"3"})}):c.jsx(_e,{...o})}var se={indicator:"m_5e5256ee",icon:"m_1b1c543a","indicator--outline":"m_76e20374"};const je={icon:oe},we=T((e,{radius:o,color:s,size:t,iconColor:n,variant:l,autoContrast:a})=>{const r=X({color:s||e.primaryColor,theme:e}),d=r.isThemeColor&&r.shade===void 0?`var(--mantine-color-${r.color}-outline)`:r.color;return{indicator:{"--checkbox-size":q(t,"checkbox-size"),"--checkbox-radius":o===void 0?void 0:A(o),"--checkbox-color":l==="outline"?d:S(s,e),"--checkbox-icon-color":n?S(n,e):D(a,e)?Y({color:s,theme:e,autoContrast:a}):void 0}}}),L=V((e,o)=>{const s=z("CheckboxIndicator",je,e),{classNames:t,className:n,style:l,styles:a,unstyled:r,vars:d,icon:v,indeterminate:i,radius:f,color:k,iconColor:h,autoContrast:b,checked:p,mod:y,variant:g,disabled:u,..._}=s,x=v,C=B({name:"CheckboxIndicator",classes:se,props:s,className:n,style:l,classNames:t,styles:a,unstyled:r,vars:d,varsResolver:we,rootSelector:"indicator"}),m=me(),G=typeof p=="boolean"||typeof i=="boolean"?p||i:(m==null?void 0:m.checked)||!1;return c.jsx($,{ref:o,...C("indicator",{variant:g}),variant:g,mod:[{checked:G,disabled:u},y],..._,children:c.jsx(x,{indeterminate:i,...C("icon")})})});L.displayName="@mantine/core/CheckboxIndicator";L.classes=se;var re={root:"m_bf2d988c",inner:"m_26062bec",input:"m_26063560",icon:"m_bf295423","input--outline":"m_215c4542"};const Ie={labelPosition:"right",icon:oe},Pe=T((e,{radius:o,color:s,size:t,iconColor:n,variant:l,autoContrast:a})=>{const r=X({color:s||e.primaryColor,theme:e}),d=r.isThemeColor&&r.shade===void 0?`var(--mantine-color-${r.color}-outline)`:r.color;return{root:{"--checkbox-size":q(t,"checkbox-size"),"--checkbox-radius":o===void 0?void 0:A(o),"--checkbox-color":l==="outline"?d:S(s,e),"--checkbox-icon-color":n?S(n,e):D(a,e)?Y({color:s,theme:e,autoContrast:a}):void 0}}}),I=V((e,o)=>{const s=z("Checkbox",Ie,e),{classNames:t,className:n,style:l,styles:a,unstyled:r,vars:d,color:v,label:i,id:f,size:k,radius:h,wrapperProps:b,checked:p,labelPosition:y,description:g,error:u,disabled:_,variant:x,indeterminate:C,icon:m,rootRef:G,iconColor:Re,onChange:P,autoContrast:Ne,mod:ce,...te}=s,j=Z(),ae=k||(j==null?void 0:j.size),ne=m,R=B({name:"Checkbox",props:s,classes:re,className:n,style:l,classNames:t,styles:a,unstyled:r,vars:d,varsResolver:Pe}),{styleProps:le,rest:O}=he(te),U=pe(f),F=j?{checked:j.value.includes(O.value),onChange:K=>{j.onChange(K),P==null||P(K)}}:{},ie=N.useRef(null),w=o||ie;return N.useEffect(()=>{w&&"current"in w&&w.current&&(w.current.indeterminate=C||!1)},[C,w]),c.jsx(Ce,{...R("root"),__staticSelector:"Checkbox",__stylesApiProps:s,id:U,size:ae,labelPosition:y,label:i,description:g,error:u,disabled:_,classNames:t,styles:a,unstyled:r,"data-checked":F.checked||p||void 0,variant:x,ref:G,mod:ce,...le,...b,children:c.jsxs($,{...R("inner"),mod:{"data-label-position":y},children:[c.jsx($,{component:"input",id:U,ref:w,checked:p,disabled:_,mod:{error:!!u,indeterminate:C},...R("input",{focusable:!0,variant:x}),onChange:P,...O,...F,type:"checkbox"}),c.jsx(ne,{indeterminate:C,...R("icon")})]})})});I.classes={...re,...be};I.displayName="@mantine/core/Checkbox";I.Group=W;I.Indicator=L;I.Card=E;export{_e as C,I as a};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ConfigurationPage-tOdQq5-t.js b/apps/edr-freight-web/backoffice/public/_um/assets/ConfigurationPage-tOdQq5-t.js
new file mode 100644
index 000000000..daba9f176
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ConfigurationPage-tOdQq5-t.js
@@ -0,0 +1,16 @@
+import{y as Ke,d as Ue,m as Ee,az as He,r as d,o as b,v as t,j as e,bn as Te,B as U,aK as Ae,aL as Be,aM as Pe,aN as Fe,bo as Nt,I as _a,ba as Ct,l as Le,w as De,u as Ga,k as Ja,n as Xa,t as C,aF as We,b7 as Za,bp as xt,b6 as es,A as ts}from"./index-Db-xuq0b.js";import{S as Z,a as ee,b as te,c as ae,d as f}from"./select-BoQxM42A.js";import{u as Me}from"./useUnit-C4s9nepK.js";import{u as Qe,p as N,E as le}from"./useUnitConfiguration-CKdECszp.js";import{T as ze,a as Ye,b as p,c as T,d as Ve,e as n}from"./table-D3n3VABd.js";import{u as as}from"./usePosition-Y8Dhf3qk.js";import{C as ss,d as ns}from"./card-BBWyxDss.js";import{S as g}from"./switch-BNCD27Bd.js";import{F as ht,b as E,c as H,a as Q,d as z,e as Oe}from"./form-BeLK5rTt.js";import{B as we}from"./badge-D7JvaQeJ.js";import{A as is,a as rs}from"./alert-8Xu28MAD.js";import{A as ls,h as ds,a as os,b as cs,c as us,d as ms,e as xs,f as hs,g as gs}from"./alert-dialog-B5Y0wlSz.js";import{u as fs}from"./index.esm-BG4gweZJ.js";import{u as bs,o as js,e as ps,b as Ie,s as Ns}from"./zod-Df58YiJ6.js";import{C as gt}from"./circle-alert-Cd_zeQMw.js";import{P as Cs}from"./plus-BdjS2Pc-.js";import{M as ft}from"./message-square-BPZTcbJs.js";import{M as bt}from"./mail-bwr0seHR.js";import{S as vs}from"./square-pen-B91TPB19.js";import{L as jt}from"./label-CsFy6wpo.js";import{S as ks}from"./shield-check-BeHB0C5s.js";import"./unitService-CmGVtFHQ.js";import"./positionService-JD0NEiGK.js";import"./Switch-DSHMk-sj.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./use-uncontrolled-C3HRHW6t.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ss=[["path",{d:"M12 20h9",key:"t2du7b"}],["path",{d:"M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z",key:"1ykcvy"}]],ys=Ke("pen-line",Ss);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Rs=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}]],vt=Ke("pen",Rs);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ws=[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2",key:"by2w9f"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4",key:"xkn7yn"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2",key:"1cgmvn"}]],pt=Ke("workflow",ws),Is="relative overflow-hidden rounded-2xl border border-slate-200/80 bg-gradient-to-br from-white via-slate-50 to-slate-100/60 p-4 shadow-sm sm:p-6 dark:border-slate-700/80 dark:bg-gradient-to-br dark:from-slate-950 dark:via-slate-900 dark:to-slate-900",As=()=>{var ie,y,q,X,S,W,o;const{user:x}=Ue(),c=Ee(),Y=((y=(ie=x==null?void 0:x.employee)==null?void 0:ie[0])==null?void 0:y.organizationId)||"",B=He(),{getList:L}=Me(),{data:u,isLoading:R}=L(Y,{take:1e3}),[r,I]=d.useState(""),[P,v]=d.useState(!1),[k,h]=d.useState(null),[V,_]=d.useState(0);d.useEffect(()=>{var j,O,re;((O=(j=u==null?void 0:u.data)==null?void 0:j.items)==null?void 0:O.length)>0&&!r&&I((re=u==null?void 0:u.data)==null?void 0:re.items[0].id)},[u]);const{data:F,isLoading:G,error:$}=Qe(r),m=(X=(q=F==null?void 0:F.data)==null?void 0:q.items)==null?void 0:X[0],{mutate:se,isPending:D}=b({mutationFn:({id:j,key:O,value:re})=>N.updateInternalPrefixSuffix({[O]:re,unitId:r},j),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),v(!1),h(null)},onError:j=>{}}),M=(j,O)=>{h(j),_(O),v(!0)},ne=()=>{!(m!=null&&m.id)||!k||se({id:m.id,key:k,value:V})},J=[{key:"escalationHour",label:t("setting.escalationHour"),value:m==null?void 0:m.escalationHour},{key:"urgentLetterEscalationHour",label:t("setting.urgentLetterEscalationHour"),value:m==null?void 0:m.urgentLetterEscalationHour},{key:"onReviewLetterEscalationHour",label:t("setting.onReviewLetterEscalationHour"),value:m==null?void 0:m.onReviewLetterEscalationHour},{key:"urgentOnReviewLetterEscalationHour",label:t("setting.urgentOnReviewLetterEscalationHour"),value:m==null?void 0:m.urgentOnReviewLetterEscalationHour}];return e.jsxs("div",{className:Is,children:[e.jsxs("div",{className:"mb-5 flex flex-col gap-4 border-b border-slate-200 pb-4 dark:border-slate-700 sm:flex-row sm:items-start sm:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("h1",{className:"flex items-center gap-2 text-2xl font-bold text-slate-900 sm:text-3xl dark:text-slate-100",children:[e.jsx(Te,{className:"h-8 w-8 text-primary"}),t("setting.escalationTitle")]}),e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-400",children:t("setting.escalationDescription")})]}),e.jsx("div",{className:"w-full sm:ml-auto sm:w-auto",children:e.jsxs(Z,{value:r,onValueChange:j=>I(j),children:[e.jsx(ee,{className:"h-10 w-full bg-white/90 dark:border-slate-700 dark:bg-slate-900 sm:w-56",children:e.jsx(te,{placeholder:"Select a unit"})}),e.jsx(ae,{className:"dark:border-slate-700 dark:bg-slate-900",children:R?e.jsx(f,{value:"loading",disabled:!0,children:t("setting.loading")}):((W=(S=u==null?void 0:u.data)==null?void 0:S.items)==null?void 0:W.length)>0?(o=u==null?void 0:u.data)==null?void 0:o.items?.map(j=>e.jsx(f,{value:j.id,children:B(j.name)},j.id)):e.jsx(f,{value:"no-units",disabled:!0,children:t("setting.noUnit")})})]})})]}),e.jsxs("div",{className:"space-y-3",children:[G&&e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-300",children:t("setting.loadingConfig")}),$&&e.jsx("p",{className:"text-sm text-red-600 dark:text-red-400",children:t("setting.loadError")}),!m&&!G&&!$&&e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-300",children:t("setting.noConfigFound")}),m&&e.jsx("div",{className:"overflow-x-auto rounded-xl border border-slate-200 bg-white/90 dark:border-slate-700 dark:bg-slate-900/70",children:e.jsxs(ze,{children:[e.jsx(Ye,{children:e.jsxs(p,{className:"dark:border-slate-700",children:[e.jsx(T,{className:"text-slate-600 dark:text-slate-300",children:t("setting.Name")}),e.jsx(T,{className:"text-slate-600 dark:text-slate-300",children:t("setting.Value")}),e.jsx(T,{className:"text-right text-slate-600 dark:text-slate-300",children:t("setting.Action")})]})}),e.jsx(Ve,{children:J?.map(j=>e.jsxs(p,{className:"dark:border-slate-700",children:[e.jsx(n,{className:"text-slate-900 dark:text-slate-100",children:j.label}),e.jsx(n,{className:"text-slate-700 dark:text-slate-300",children:j.value??"-"}),e.jsx(n,{className:"text-right",children:e.jsx(U,{onClick:()=>M(j.key,j.value),variant:"outline",size:"sm",className:"dark:border-slate-700 dark:bg-slate-900 dark:hover:bg-slate-800",children:e.jsx(vt,{className:"h-4 w-4"})})})]},j.key))})]})})]}),e.jsx(Ae,{open:P,onOpenChange:v,children:e.jsxs(Be,{className:"dark:border-slate-700 dark:bg-slate-900",children:[e.jsxs(Pe,{children:[e.jsxs(Fe,{className:"dark:text-slate-100",children:[t("setting.edit")," ",k&&t(`setting.${k}`)]}),e.jsx(Nt,{className:"dark:text-slate-400",children:t("setting.updateEscalationMsg")})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-medium text-slate-700 dark:text-slate-300",children:k&&t(`setting.${k}`)}),e.jsx(_a,{type:"number",value:V??"",onChange:j=>_(Number(j.target.value)),className:"dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100"})]}),e.jsxs(Ct,{className:"flex justify-end gap-2 mt-4",children:[e.jsx(U,{variant:"secondary",onClick:()=>v(!1),className:"dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700",children:t("common.Cancel")}),e.jsx(U,{onClick:ne,disabled:D,className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:D?t("setting.saving"):t("setting.saveChanges")})]})]})})]})},Bs=async x=>Le.post("/position-configurations",x,{headers:De()}),Ps=async x=>Le.get(`/position-configurations/list/${x}`,{headers:De()}),Fs=async(x,c)=>Le.put(`/position-configurations/${x}`,c,{headers:De()}),Us=async x=>Le.delete(`/position-configurations/${x}`,{headers:De()}),Es=x=>{const c=Ee(),{t:Y}=Ga(),{handleError:B}=Ja(Y),{data:L,isLoading:u,isError:R,error:r,refetch:I}=Xa({queryKey:["position-configurations",x],queryFn:()=>Ps(x),select:h=>h&&h.data&&typeof h.data=="object"&&!Array.isArray(h.data)&&"items"in h.data?h.data.items:Array.isArray(h==null?void 0:h.data)?h.data:Array.isArray(h)?h:[],enabled:!!x}),P=b({mutationFn:Bs,onSuccess:()=>{c.invalidateQueries({queryKey:["position-configurations",x]}),C.success("Position configuration created successfully")},onError:h=>{B(h)}}),v=b({mutationFn:({id:h,payload:V})=>Fs(h,V),onSuccess:()=>{c.invalidateQueries({queryKey:["position-configurations",x]}),C.success("Position configuration updated successfully")},onError:h=>{B(h)}}),k=b({mutationFn:Us,onSuccess:()=>{c.invalidateQueries({queryKey:["position-configurations",x]}),C.success("Position configuration deleted successfully")},onError:h=>{B(h)}});return{configurations:L||[],isLoading:u,isError:R,error:r,refetch:I,createConfiguration:P.mutate,updateConfiguration:v.mutate,deleteConfiguration:k.mutate,isCreating:P.isPending,isUpdating:v.isPending,isDeleting:k.isPending}},kt=["all","immediate_child","parallel_with_immediate_child"],Hs=js({positionId:Ns().min(1,"Position is required"),smsNotificationWhenRecordSubmitted:Ie(),emailNotificationWhenRecordSubmitted:Ie(),inboxNotificationWhenRecordSubmitted:Ie(),skipWorkflowIfNotAssigned:Ie(),positionScopeToFetch:ps(kt)}),Ts=()=>{var ce,ue,me,xe,he,ge,fe,be,je,pe;const{user:x}=Ue(),c=((ue=(ce=x==null?void 0:x.employee)==null?void 0:ce[0])==null?void 0:ue.unitId)||"",Y=((xe=(me=x==null?void 0:x.employee)==null?void 0:me[0])==null?void 0:xe.organizationId)||"",B=He(),[L,u]=d.useState(!1),[R,r]=d.useState(null),[I,P]=d.useState(!1),[v,k]=d.useState(""),{configurations:h,isLoading:V,isError:_,error:F,refetch:G,createConfiguration:$,updateConfiguration:m,deleteConfiguration:se,isCreating:D,isUpdating:M,isDeleting:ne}=Es(c),J=Array.isArray(h)?h:[],{getList:ie}=Me(),{data:y,isLoading:q}=ie(Y,{take:1e3}),{usePositionListByUnitId:X}=as(),{data:S,isLoading:W}=X(v,{take:1e3}),o=fs({resolver:bs(Hs),defaultValues:{positionId:"",smsNotificationWhenRecordSubmitted:!0,emailNotificationWhenRecordSubmitted:!0,inboxNotificationWhenRecordSubmitted:!0,skipWorkflowIfNotAssigned:!1,positionScopeToFetch:"all"}}),j=i=>{$(i,{onSuccess:()=>{u(!1),k(""),o.reset()}})},O=i=>{R!=null&&R.id&&m({id:R==null?void 0:R.id,payload:i},{onSuccess:()=>{P(!1),r(null),k(""),o.reset()}})},re=i=>{var K;r(i);const w=(K=S==null?void 0:S.items)==null?void 0:K.find(de=>de.id===i.positionId),A=(w==null?void 0:w.unitId)||"";k(A),o.reset({positionId:i.positionId,smsNotificationWhenRecordSubmitted:i.smsNotificationWhenRecordSubmitted,emailNotificationWhenRecordSubmitted:i.emailNotificationWhenRecordSubmitted,inboxNotificationWhenRecordSubmitted:i.inboxNotificationWhenRecordSubmitted,skipWorkflowIfNotAssigned:i.skipWorkflowIfNotAssigned}),P(!0)},ve=i=>{se(i)},ke=i=>{var A;const w=(A=S==null?void 0:S.items)==null?void 0:A.find(K=>K.id===i);return B(w==null?void 0:w.name)||"Unknown Position"},Se=i=>{var de,Ne,Ce;const w=(de=S==null?void 0:S.items)==null?void 0:de.find(oe=>oe.id===i),A=w==null?void 0:w.unitId;if(!A)return"Unknown Unit";const K=(Ce=(Ne=y==null?void 0:y.data)==null?void 0:Ne.items)==null?void 0:Ce.find(oe=>oe.id===A);return B(K==null?void 0:K.name)||"Unknown Unit"};return Y?V?e.jsx("div",{className:"p-6 flex items-center justify-center h-64",children:e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(We,{className:"h-8 w-8 animate-spin text-primary"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.msg2")})]})}):e.jsxs("div",{className:"relative overflow-hidden rounded-2xl border border-slate-200/80 bg-gradient-to-br from-white via-slate-50 to-slate-100/60 p-4 shadow-sm sm:p-6 dark:border-slate-700/80 dark:bg-gradient-to-br dark:from-slate-950 dark:via-slate-900 dark:to-slate-900",children:[e.jsxs("div",{className:"mb-5 flex flex-col gap-4 border-b border-slate-200 pb-4 dark:border-slate-700 sm:flex-row sm:items-start sm:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("h1",{className:"flex items-center gap-2 text-2xl font-bold text-slate-900 sm:text-3xl dark:text-slate-100",children:[e.jsx(Te,{className:"h-8 w-8 text-primary"}),t("setting.positionConfig")]}),e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-400",children:t("setting.positionConfigMsg")})]}),e.jsxs(Ae,{open:L,onOpenChange:u,children:[e.jsx(Za,{asChild:!0,children:e.jsxs(U,{className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:[e.jsx(Cs,{className:"h-4 w-4 mr-2"}),t("setting.add")]})}),e.jsxs(Be,{className:"max-w-2xl max-h-[90vh] overflow-y-auto bg-white shadow-2xl border-2 dark:bg-gray-900 dark:border-gray-700",children:[e.jsx(Pe,{className:"sticky top-0 bg-white z-10 pb-4 border-b dark:bg-gray-900 dark:border-gray-700",children:e.jsx(Fe,{className:"dark:text-gray-100",children:t("setting.create")})}),e.jsx("div",{className:"flex-1 overflow-y-auto px-1",children:e.jsx(ht,{...o,children:e.jsxs("form",{onSubmit:o.handleSubmit(j),className:"space-y-6 pb-4",children:[e.jsxs(E,{children:[e.jsx(H,{className:"dark:text-gray-200",children:"Unit"}),e.jsxs(Z,{onValueChange:i=>{k(i)},value:v,children:[e.jsx(ee,{children:e.jsx(te,{placeholder:"Select a unit"})}),e.jsx(ae,{children:q?e.jsx(f,{value:"loading",disabled:!0,children:"Loading units..."}):((ge=(he=y==null?void 0:y.data)==null?void 0:he.items)==null?void 0:ge.length)>0?(be=(fe=y==null?void 0:y.data)==null?void 0:fe.items)==null?void 0:be?.map(i=>e.jsx(f,{value:i.id,children:B(i.name)},i.id)):e.jsx(f,{value:"no-units",disabled:!0,children:"No units found"})})]})]}),e.jsx(Q,{control:o.control,name:"positionId",render:({field:i})=>{var w;return e.jsxs(E,{children:[e.jsx(H,{className:"dark:text-gray-200",children:t("setting.position")}),e.jsxs(Z,{onValueChange:i.onChange,value:i.value,disabled:!v,children:[e.jsx(z,{children:e.jsx(ee,{children:e.jsx(te,{placeholder:v?t("setting.select"):t("setting.select2")})})}),e.jsx(ae,{children:v?W?e.jsx(f,{value:"loading",disabled:!0,children:"Loading positions..."}):((w=S==null?void 0:S.items)==null?void 0:w.length)>0?S.items?.map(A=>e.jsx(f,{value:A.id,children:B(A.name)},A.id)):e.jsx(f,{value:"no-positions",disabled:!0,children:"No positions found in this unit"}):e.jsx(f,{value:"no-unit-selected",disabled:!0,children:t("setting.select2")})})]}),e.jsx(Oe,{}),!v&&e.jsx("p",{className:"text-sm text-muted-foreground",children:t("setting.plsSelect")})]})}}),e.jsx(Q,{control:o.control,name:"positionScopeToFetch",render:({field:i})=>e.jsxs(E,{children:[e.jsx(H,{className:"dark:text-gray-200",children:t("setting.positionScope")}),e.jsxs(Z,{onValueChange:i.onChange,value:i.value,children:[e.jsx(z,{children:e.jsx(ee,{children:e.jsx(te,{placeholder:t("setting.positionScope")})})}),e.jsxs(ae,{children:[e.jsx(f,{value:"all",children:t("setting.all")}),e.jsx(f,{value:"immediate_child",children:t("setting.immediateChild")}),e.jsx(f,{value:"parallel_with_immediate_child",children:t("setting.parallel")})]})]}),e.jsx(Oe,{})]})}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold",children:t("setting.notification")}),e.jsx(Q,{control:o.control,name:"smsNotificationWhenRecordSubmitted",render:({field:i})=>e.jsxs(E,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs(H,{className:"flex items-center gap-2",children:[e.jsx(ft,{className:"h-4 w-4"}),t("setting.sms")]}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.smsMsg")})]}),e.jsx(z,{children:e.jsx(g,{checked:i.value,onCheckedChange:i.onChange})})]})}),e.jsx(Q,{control:o.control,name:"emailNotificationWhenRecordSubmitted",render:({field:i})=>e.jsxs(E,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs(H,{className:"flex items-center gap-2",children:[e.jsx(bt,{className:"h-4 w-4"}),t("setting.email")]}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.emailMsg")})]}),e.jsx(z,{children:e.jsx(g,{checked:i.value,onCheckedChange:i.onChange})})]})}),e.jsx(Q,{control:o.control,name:"inboxNotificationWhenRecordSubmitted",render:({field:i})=>e.jsxs(E,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs(H,{className:"flex items-center gap-2",children:[e.jsx(xt,{className:"h-4 w-4"}),t("setting.inbox")]}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.inboxMsg")})]}),e.jsx(z,{children:e.jsx(g,{checked:i.value,onCheckedChange:i.onChange})})]})}),e.jsx("h3",{className:"text-lg font-semibold",children:t("setting.workflow")}),e.jsx(Q,{control:o.control,name:"skipWorkflowIfNotAssigned",render:({field:i})=>e.jsxs(E,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs(H,{className:"flex items-center gap-2",children:[e.jsx(pt,{className:"h-4 w-4"}),t("setting.workflowMsg")]}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.workflowMsg1")})]}),e.jsx(z,{children:e.jsx(g,{checked:i.value,onCheckedChange:i.onChange})})]})})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-4",children:[e.jsx(U,{type:"button",variant:"outline",onClick:()=>{u(!1),k(""),o.reset()},disabled:D,children:t("common.Cancel")}),e.jsx(U,{type:"submit",disabled:D,className:"bg-primary hover:bg-primary/90",children:D?e.jsxs(e.Fragment,{children:[e.jsx(We,{className:"h-4 w-4 mr-2 animate-spin"}),t("setting.creating")]}):t("setting.createConfig")})]})]})})})]})]})]}),e.jsx(ss,{className:"border-slate-200 bg-white/90 dark:border-slate-700 dark:bg-slate-900/70",children:e.jsxs(ns,{className:"pt-6",children:[_&&e.jsxs(is,{variant:"destructive",className:"mb-4",children:[e.jsx(gt,{className:"h-4 w-4"}),e.jsxs(rs,{children:[t("setting.error")," ",(F==null?void 0:F.message)||"Unknown error",e.jsx(U,{variant:"outline",size:"sm",onClick:()=>G(),className:"ml-2",children:t("setting.retry")})]})]}),J.length===0?e.jsx("div",{className:"text-center py-8"}):e.jsx("div",{className:"overflow-x-auto rounded-xl border border-slate-200 dark:border-slate-700",children:e.jsxs(ze,{children:[e.jsx(Ye,{children:e.jsxs(p,{className:"dark:border-slate-700",children:[e.jsx(T,{className:"text-slate-600 dark:text-slate-300",children:t("setting.position")}),e.jsx(T,{className:"text-center text-slate-600 dark:text-slate-300",children:t("contentManagement.unit")}),e.jsx(T,{className:"text-center text-slate-600 dark:text-slate-300",children:t("setting.SMS")}),e.jsx(T,{className:"text-center text-slate-600 dark:text-slate-300",children:t("organization.email")}),e.jsx(T,{className:"text-center text-slate-600 dark:text-slate-300",children:t("setting.Inbox")}),e.jsx(T,{className:"text-center text-slate-600 dark:text-slate-300",children:t("setting.skipWF")}),e.jsx(T,{className:"text-center text-slate-600 dark:text-slate-300",children:t("setting.Action")})]})}),e.jsx(Ve,{children:J?.map(i=>e.jsxs(p,{className:"dark:border-slate-700",children:[e.jsx(n,{className:"font-medium text-slate-900 dark:text-slate-100",children:ke(i.positionId)}),e.jsx(n,{className:"text-center text-slate-700 dark:text-slate-300",children:Se(i.positionId)}),e.jsx(n,{className:"text-center",children:e.jsx(we,{variant:i.smsNotificationWhenRecordSubmitted?"default":"secondary",className:i.smsNotificationWhenRecordSubmitted?"bg-primary-100 text-primary-800":"",children:i.smsNotificationWhenRecordSubmitted?"Enabled":"Disabled"})}),e.jsx(n,{className:"text-center",children:e.jsx(we,{variant:i.emailNotificationWhenRecordSubmitted?"default":"secondary",className:i.emailNotificationWhenRecordSubmitted?"bg-primary-100 text-primary-800":"",children:i.emailNotificationWhenRecordSubmitted?"Enabled":"Disabled"})}),e.jsx(n,{className:"text-center",children:e.jsx(we,{variant:i.inboxNotificationWhenRecordSubmitted?"default":"secondary",className:i.inboxNotificationWhenRecordSubmitted?"bg-primary-100 text-primary-800":"",children:i.inboxNotificationWhenRecordSubmitted?"Enabled":"Disabled"})}),e.jsx(n,{className:"text-center",children:e.jsx(we,{variant:i.skipWorkflowIfNotAssigned?"destructive":"secondary",children:i.skipWorkflowIfNotAssigned?"Skip":"Process"})}),e.jsx(n,{className:"text-center",children:e.jsxs("div",{className:"flex justify-center gap-2",children:[e.jsx(U,{variant:"outline",size:"sm",onClick:()=>re(i),disabled:M||ne,className:"dark:border-slate-700 dark:bg-slate-900 dark:hover:bg-slate-800",children:e.jsx(vs,{className:"h-4 w-4"})}),e.jsxs(ls,{children:[e.jsx(ds,{asChild:!0,children:e.jsx(U,{variant:"outline",size:"sm",disabled:ne,className:"dark:border-slate-700 dark:bg-slate-900 dark:hover:bg-slate-800",children:e.jsx(es,{className:"h-4 w-4 text-red-500"})})}),e.jsxs(os,{className:"dark:border-slate-700 dark:bg-slate-900",children:[e.jsxs(cs,{children:[e.jsx(us,{className:"dark:text-slate-100",children:t("setting.delete")}),e.jsx(ms,{className:"dark:text-slate-400",children:t("setting.deleteMsg")})]}),e.jsxs(xs,{children:[e.jsx(hs,{className:"dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700",children:"Cancel"}),e.jsx(gs,{onClick:()=>i.id&&ve(i.id),className:"bg-red-600 hover:bg-red-700",children:t("userRecord.Delete")})]})]})]})]})})]},i.id))})]})})]})}),e.jsx(Ae,{open:I,onOpenChange:P,children:e.jsxs(Be,{className:"max-w-2xl max-h-[90vh] overflow-y-auto bg-white shadow-2xl border-2 dark:bg-slate-900 dark:border-slate-700",children:[e.jsx(Pe,{className:"sticky top-0 bg-white z-10 pb-4 border-b dark:bg-slate-900 dark:border-slate-700",children:e.jsx(Fe,{className:"dark:text-slate-100",children:t("setting.edit")})}),e.jsx("div",{className:"flex-1 overflow-y-auto px-1",children:e.jsx(ht,{...o,children:e.jsxs("form",{onSubmit:o.handleSubmit(O),className:"space-y-6 pb-4",children:[e.jsxs(E,{children:[e.jsx(H,{children:t("contentManagement.unit")}),e.jsxs(Z,{onValueChange:i=>{k(i)},value:v,children:[e.jsx(ee,{children:e.jsx(te,{placeholder:"Select a unit"})}),e.jsx(ae,{children:q?e.jsx(f,{value:"loading",disabled:!0,children:"Loading units..."}):((pe=(je=y==null?void 0:y.data)==null?void 0:je.items)==null?void 0:pe.length)>0?y==null?void 0:y.data.items?.map(i=>e.jsx(f,{value:i.id,children:B(i.name)},i.id)):e.jsx(f,{value:"no-units",disabled:!0,children:"No units found"})})]})]}),e.jsx(Q,{control:o.control,name:"positionId",render:({field:i})=>{var w;return e.jsxs(E,{children:[e.jsx(H,{children:t("setting.position")}),e.jsxs(Z,{onValueChange:i.onChange,value:i.value,disabled:!v,children:[e.jsx(z,{children:e.jsx(ee,{children:e.jsx(te,{placeholder:v?t("setting.select"):t("setting.select2")})})}),e.jsx(ae,{children:v?W?e.jsx(f,{value:"loading",disabled:!0,children:"Loading positions..."}):((w=S==null?void 0:S.items)==null?void 0:w.length)>0?S.items?.map(A=>e.jsx(f,{value:A.id,children:B(A.name)},A.id)):e.jsx(f,{value:"no-positions",disabled:!0,children:"No positions found in this unit"}):e.jsx(f,{value:"no-unit-selected",disabled:!0,children:t("setting.select2")})})]}),e.jsx(Oe,{}),!v&&e.jsx("p",{className:"text-sm text-muted-foreground",children:t("setting.plsSelect")})]})}}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-semibold",children:t("setting.notification")}),e.jsx(Q,{control:o.control,name:"smsNotificationWhenRecordSubmitted",render:({field:i})=>e.jsxs(E,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs(H,{className:"flex items-center gap-2",children:[e.jsx(ft,{className:"h-4 w-4"}),t("setting.sms")]}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.smsMsg")})]}),e.jsx(z,{children:e.jsx(g,{checked:i.value,onCheckedChange:i.onChange})})]})}),e.jsx(Q,{control:o.control,name:"emailNotificationWhenRecordSubmitted",render:({field:i})=>e.jsxs(E,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs(H,{className:"flex items-center gap-2",children:[e.jsx(bt,{className:"h-4 w-4"}),t("setting.email")]}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.emailMsg")})]}),e.jsx(z,{children:e.jsx(g,{checked:i.value,onCheckedChange:i.onChange})})]})}),e.jsx(Q,{control:o.control,name:"inboxNotificationWhenRecordSubmitted",render:({field:i})=>e.jsxs(E,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs(H,{className:"flex items-center gap-2",children:[e.jsx(xt,{className:"h-4 w-4"}),t("setting.inbox")]}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.inboxMsg")})]}),e.jsx(z,{children:e.jsx(g,{checked:i.value,onCheckedChange:i.onChange})})]})}),e.jsxs("h3",{className:"text-lg font-semibold",children:[" ",t("setting.workflow")]}),e.jsx(Q,{control:o.control,name:"skipWorkflowIfNotAssigned",render:({field:i})=>e.jsxs(E,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs(H,{className:"flex items-center gap-2",children:[e.jsx(pt,{className:"h-4 w-4"}),t("setting.workflowMsg")]}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.workflowMsg1")})]}),e.jsx(z,{children:e.jsx(g,{checked:i.value,onCheckedChange:i.onChange})})]})})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-4",children:[e.jsx(U,{type:"button",variant:"outline",onClick:()=>{P(!1),r(null),k(""),o.reset()},disabled:M,children:t("common.Cancel")}),e.jsx(U,{type:"submit",disabled:M,className:"bg-primary hover:bg-primary/90",children:M?e.jsxs(e.Fragment,{children:[e.jsx(We,{className:"h-4 w-4 mr-2 animate-spin"}),t("setting.updating")]}):t("setting.UpdateConfig")})]})]})})})]})})]}):e.jsx("div",{className:"p-6 flex items-center justify-center h-64",children:e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(gt,{className:"h-8 w-8 text-red-500"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:t("setting.msg1")})]})})},Ls="relative overflow-hidden rounded-2xl border border-slate-200/80 bg-gradient-to-br from-white via-slate-50 to-slate-100/60 p-4 shadow-sm sm:p-6 dark:border-slate-700/80 dark:bg-gradient-to-br dark:from-slate-950 dark:via-slate-900 dark:to-slate-900",Ds=()=>{var it,rt,lt,dt,ot,ct,ut,mt;const{user:x}=Ue(),c=Ee(),Y=((rt=(it=x==null?void 0:x.employee)==null?void 0:it[0])==null?void 0:rt.organizationId)||"",B=He(),{getList:L}=Me(),{data:u,isLoading:R}=L(Y,{take:1e3}),[r,I]=d.useState(""),[P,v]=d.useState(!1),[k,h]=d.useState(""),[V,_]=d.useState(le.NAME),[F,G]=d.useState(!1),[$,m]=d.useState(!1),[se,D]=d.useState(!1),[M,ne]=d.useState(!1),[J,ie]=d.useState(!1),[y,q]=d.useState(!1),[X,S]=d.useState(!1),[W,o]=d.useState(!1),[j,O]=d.useState(!1),[re,ve]=d.useState(!1),[ke,Se]=d.useState(!1),[ce,ue]=d.useState(!1),[me,xe]=d.useState(!1),[he,ge]=d.useState(!1),[fe,be]=d.useState(!1),[je,pe]=d.useState(!1),[i,w]=d.useState(!1),[A,K]=d.useState(!1),[de,Ne]=d.useState(!1),[Ce,oe]=d.useState(!1),[_e,Ge]=d.useState(!1),[Je,Xe]=d.useState(!1),[Ze,et]=d.useState(!1),[tt,at]=d.useState(!1);d.useEffect(()=>{var a,l;if(((l=(a=u==null?void 0:u.data)==null?void 0:a.items)==null?void 0:l.length)>0){const Va=u==null?void 0:u.data.items[0];I(Va.id)}},[u]);const{data:$e,isLoading:ye,error:Re}=Qe(r,{enabled:!!r}),s=(dt=(lt=$e==null?void 0:$e.data)==null?void 0:lt.items)==null?void 0:dt[0],[$s,qs]=d.useState(!1);d.useEffect(()=>{s&&(G(s.canAssignCustomReferenceNumber||!1),_(s.recordSenderInformationScope||le.NAME),m(s.canInternalMemosHaveSenderInformation||!1),ie(s.canRecordDateLabelHasLocalization||!1),q(s.canRecordDateHaveTime||!1),S(s.forwardWithTeeterSignature||!1),o(s.waitAllCollaboratorsBeforeAction||!1),O(s.shouldCollaboratorAlwaysSign||!1),ve(s.shouldIncludeForYourReferenceInCC||!1),Se(s.canCollaborationBeCreatedForAll||!1),ue(s.canCreateDirectRecord||!1),xe(s.canPositionBasedRecordsBeCreated||!1),ge(s.canPositionBasedReferenceBeUsedForAllTypes||!1),pe(s.shouldDirectRecordHaveHeaderAndFooter||!1),be(s.canInternalMemoRequirePositionBasedReferenceNumber||!1),w(s.canRecordBeEditedByCollaborators||!1),K(s.canRecordHaveCollaboratorsName||!1),Ne(s.canRecordBeEditedOnWorkflow||!1),oe(s.canIncomingAssignmentsBeSeparated||!1),Ge(s.canROReturn||!1),Xe(s.internalMemoHasReferenceNumber||!1),et(s.isMultipleDelegationAllowed||!1),at(s.attachSignatureOnAttachment||!1),D(s.canHaveTagBasedReferenceNumber||!1),ne(s.canUserSkipLevel||!1))},[s]);const St=a=>{s!=null&&s.id&&(D(a),Rt({id:s.id,value:a}))},yt=a=>{s!=null&&s.id&&(ne(a),It({id:s.id,value:a}))},{mutate:Rt,isPending:wt}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canHaveTagBasedReferenceNumber:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canHaveTagBasedReferenceNumber","Can Have Tag Based Reference Number")} ${se?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:It,isPending:At}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canUserSkipLevel:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canUserSkipLevel","User Can Skip Level")} ${M?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:Bt,isPending:Pt}=b({mutationFn:({id:a,scope:l})=>N.updateInternalPrefixSuffix({recordSenderInformationScope:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.recordSenderInformationScope","Record Sender Information Scope")} updated`)},onError:a=>{}}),{mutate:Ft,isPending:Ut}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canAssignCustomReferenceNumber:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canAssignCustomReferenceNumber")} ${F?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:Et,isPending:Ht}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canInternalMemosHaveSenderInformation:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canUseNewInternalMemoFormat")} ${$?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:Tt,isPending:Lt}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canRecordDateLabelHasLocalization:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canRecordDateLabelHasLocalization")} ${J?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:Dt,isPending:Mt}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canRecordDateHaveTime:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canRecordDateHaveTime","Record Date Can Have Time")} ${y?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:$t,isPending:st}=b({mutationFn:({id:a,scope:l})=>N.updateInternalPrefixSuffix({positionScopeToFetch:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),v(!1)},onError:a=>{}}),{mutate:qt,isPending:Wt}=b({mutationFn:({id:a,signature:l})=>N.updateInternalPrefixSuffix({forwardWithTeeterSignature:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`Signature & Teeter ${X?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:Ot,isPending:Kt}=b({mutationFn:({id:a,wait:l})=>N.updateInternalPrefixSuffix({waitAllCollaboratorsBeforeAction:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.title6")} ${W?"enabled":"disabled"}`)},onError:a=>{}}),Qt=()=>{s!=null&&s.id&&(h(s.positionScopeToFetch),v(!0))},zt=()=>{s!=null&&s.id&&k&&k!==s.positionScopeToFetch&&$t({id:s.id,scope:k})},Yt=a=>{s!=null&&s.id&&(S(a),qt({id:s.id,signature:a}))},Vt=a=>{s!=null&&s.id&&(G(a),Ft({id:s.id,value:a}))},_t=a=>{s!=null&&s.id&&(m(a),Et({id:s.id,value:a}))},Gt=a=>{s!=null&&s.id&&(ie(a),Tt({id:s.id,value:a}))},Jt=a=>{s!=null&&s.id&&(q(a),Dt({id:s.id,value:a}))},Xt=a=>{s!=null&&s.id&&(o(a),Ot({id:s.id,wait:a}))},{mutate:Zt,isPending:ea}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({shouldCollaboratorAlwaysSign:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.shouldCollaboratorAlwaysSign")} ${j?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:ta,isPending:aa}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({shouldIncludeForYourReferenceInCC:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.shouldIncludeForYourReferenceInCC")} ${re?"enabled":"disabled"}`)},onError:a=>{}}),sa=a=>{s!=null&&s.id&&(O(a),Zt({id:s.id,value:a}))},na=a=>{s!=null&&s.id&&(_(a),Bt({id:s.id,scope:a}))},ia=a=>{s!=null&&s.id&&(ve(a),ta({id:s.id,value:a}))},{mutate:ra,isPending:la}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canCollaborationBeCreatedForAll:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canCollaborationBeCreatedForAll")} ${ke?"enabled":"disabled"}`)},onError:a=>{}}),da=a=>{s!=null&&s.id&&(Se(a),ra({id:s.id,value:a}))},{mutate:oa,isPending:ca}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canCreateDirectRecord:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canCreateDirectRecord")} ${ce?"enabled":"disabled"}`)},onError:a=>{}}),ua=a=>{s!=null&&s.id&&(ue(a),oa({id:s.id,value:a}))},{mutate:ma,isPending:xa}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canPositionBasedRecordsBeCreated:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canPositionBasedRecordsBeCreated")} ${me?"enabled":"disabled"}`)},onError:a=>{}}),ha=a=>{s!=null&&s.id&&(xe(a),ma({id:s.id,value:a}))},{mutate:ga,isPending:fa}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canPositionBasedReferenceBeUsedForAllTypes:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canPositionBasedReferenceBeUsedForAllTypes")} ${he?"enabled":"disabled"}`)},onError:a=>{}}),ba=a=>{s!=null&&s.id&&(ge(a),ga({id:s.id,value:a}))},{mutate:ja,isPending:pa}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({shouldDirectRecordHaveHeaderAndFooter:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.shouldDirectRecordHaveHeaderAndFooter")} ${je?t("setting.enabled"):t("setting.disabled")}`)},onError:a=>{}}),Na=a=>{s!=null&&s.id&&(pe(a),ja({id:s.id,value:a}))},{mutate:Ca,isPending:va}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canRecordBeEditedByCollaborators:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canRecordBeEditedByCollaborators")} ${i?"enabled":"disabled"}`)},onError:a=>{}}),ka=a=>{s!=null&&s.id&&(w(a),Ca({id:s.id,value:a}))},{mutate:Sa,isPending:ya}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canRecordHaveCollaboratorsName:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canRecordHaveCollaboratorsName")} ${A?"enabled":"disabled"}`)},onError:a=>{}}),Ra=a=>{s!=null&&s.id&&(K(a),Sa({id:s.id,value:a}))},{mutate:wa,isPending:Ia}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canRecordBeEditedOnWorkflow:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canRecordBeEditedOnWorkflow")} ${de?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:Aa,isPending:Ba}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canIncomingAssignmentsBeSeparated:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canIncomingAssignmentsBeSeparated")} ${Ce?"enabled":"disabled"}`)},onError:a=>{}}),Pa=a=>{s!=null&&s.id&&(Ne(a),wa({id:s.id,value:a}))},Fa=a=>{s!=null&&s.id&&(oe(a),Aa({id:s.id,value:a}))},{mutate:Ua,isPending:Ea}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canROReturn:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canROReturn")} ${_e?"enabled":"disabled"}`)},onError:a=>{}}),Ha=a=>{s!=null&&s.id&&(Ge(a),Ua({id:s.id,value:a}))},{mutate:Ta,isPending:La}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({internalMemoHasReferenceNumber:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.internalMemoHasReferenceNumber")} ${Je?"enabled":"disabled"}`)},onError:a=>{}}),{mutate:Da,isPending:Ma}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({canInternalMemoRequirePositionBasedReferenceNumber:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.canInternalMemoRequirePositionBasedReferenceNumber","Internal Memo Require Position Based Reference Number")} ${fe?"enabled":"disabled"}`)},onError:a=>{}}),$a=a=>{s!=null&&s.id&&(be(a),Da({id:s.id,value:a}))},qa=a=>{s!=null&&s.id&&(Xe(a),Ta({id:s.id,value:a}))},{mutate:Wa,isPending:Oa}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({isMultipleDelegationAllowed:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.isMultipleDelegationAllowed","Multiple Delegation Allowed")} ${Ze?"enabled":"disabled"}`)},onError:a=>{}}),Ka=a=>{s!=null&&s.id&&(et(a),Wa({id:s.id,value:a}))},{mutate:Qa,isPending:za}=b({mutationFn:({id:a,value:l})=>N.updateInternalPrefixSuffix({attachSignatureOnAttachment:l,unitId:r},a),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]}),C.success(`${t("setting.attachSignatureOnAttachment","Attach Signature On Attachment")} ${tt?"enabled":"disabled"}`)},onError:a=>{}}),Ya=a=>{s!=null&&s.id&&(at(a),Qa({id:s.id,value:a}))},{mutate:nt,isPending:qe}=b({mutationFn:a=>N.createInternalPrefixSuffix({unitId:a}),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",r]})},onError:a=>{}});return d.useEffect(()=>{!s&&!ye&&!Re&&r&&!qe&&nt(r)},[s,ye,Re,r,qe,nt]),e.jsxs("div",{className:Ls,children:[e.jsxs("div",{className:"mb-5 flex flex-col gap-4 border-b border-slate-200 pb-4 dark:border-slate-700 sm:flex-row sm:items-start sm:justify-between",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("h1",{className:"flex items-center gap-2 text-2xl font-bold text-slate-900 sm:text-3xl dark:text-slate-100",children:[e.jsx(Te,{className:"h-8 w-8 text-primary"}),t("setting.title1")]}),e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-400",children:t("setting.title2")})]}),e.jsx("div",{className:"w-full sm:ml-auto sm:w-auto",children:e.jsxs(Z,{value:r,onValueChange:a=>I(a),children:[e.jsx(ee,{className:"h-10 w-full bg-white/90 dark:border-slate-700 dark:bg-slate-900 sm:w-56",children:e.jsx(te,{placeholder:"Select a unit"})}),e.jsx(ae,{className:"dark:border-slate-700 dark:bg-slate-900",children:R?e.jsx(f,{value:"loading",disabled:!0,children:t("setting.loading")}):((ct=(ot=u==null?void 0:u.data)==null?void 0:ot.items)==null?void 0:ct.length)>0?(mt=(ut=u==null?void 0:u.data)==null?void 0:ut.items)==null?void 0:mt?.map(a=>e.jsx(f,{value:a.id,children:B(a.name)},a.id)):e.jsx(f,{value:"no-units",disabled:!0,children:t("setting.noUnit")})})]})})]}),e.jsxs("div",{className:"space-y-3",children:[ye&&e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-300",children:"Loading configuration..."}),Re&&e.jsx("p",{className:"text-sm text-red-600 dark:text-red-400",children:"Failed to load configuration"}),!s&&!ye&&!Re&&e.jsx("p",{className:"text-sm text-slate-600 dark:text-slate-300",children:qe?t("setting.preparingDefaults","Preparing default configuration..."):t("setting.loading","Loading...")}),s&&e.jsx("div",{className:"max-h-128 overflow-x-auto overflow-y-auto rounded-xl border border-slate-200 bg-white/90 dark:border-slate-700 dark:bg-slate-900/70",children:e.jsxs(ze,{children:[e.jsx(Ye,{className:"sticky top-0 z-10 bg-white/95 backdrop-blur dark:bg-slate-900/95",children:e.jsxs(p,{className:"dark:border-slate-700",children:[e.jsx(T,{className:"text-slate-600 dark:text-slate-300",children:t("setting.Name")}),e.jsx(T,{className:"text-slate-600 dark:text-slate-300",children:t("setting.Value")}),e.jsx(T,{className:"text-right text-slate-600 dark:text-slate-300",children:t("setting.Action")})]})}),e.jsxs(Ve,{children:[e.jsxs(p,{className:"dark:border-slate-700",children:[e.jsx(n,{className:"font-medium text-slate-900 dark:text-slate-100",children:t("setting.title3")}),e.jsx(n,{className:"text-slate-700 dark:text-slate-300",children:s.positionScopeToFetch}),e.jsx(n,{className:"text-right",children:e.jsx(U,{onClick:Qt,variant:"outline",size:"sm",className:"dark:border-slate-700 dark:bg-slate-900 dark:hover:bg-slate-800",children:e.jsx(vt,{className:"h-4 w-4"})})})]}),e.jsxs(p,{className:"dark:border-slate-700",children:[e.jsx(n,{className:"font-medium text-slate-900 dark:text-slate-100",children:t("setting.title5")}),e.jsx(n,{className:"text-slate-700 dark:text-slate-300",children:s.forwardWithTeeterSignature?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"add-teeter-assign",checked:X,onCheckedChange:Yt,disabled:Wt})})]}),e.jsxs(p,{className:"dark:border-slate-700",children:[e.jsx(n,{className:"font-medium text-slate-900 dark:text-slate-100",children:t("setting.title6")}),e.jsx(n,{className:"text-slate-700 dark:text-slate-300",children:s.waitAllCollaboratorsBeforeAction?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"wait-for-all-collaborators-before-action",checked:W,onCheckedChange:Xt,disabled:Kt})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canAssignCustomReferenceNumber","Can Assign Custom Reference Number")}),e.jsx(n,{children:s.canAssignCustomReferenceNumber?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-assign-custom-reference-number",checked:F,onCheckedChange:Vt,disabled:Ut})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canUseNewInternalMemoFormat","New Internal Memo Format")}),e.jsx(n,{children:s.canInternalMemosHaveSenderInformation?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-use-new-internal-memo-format",checked:$,onCheckedChange:_t,disabled:Ht})})]}),$&&e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.recordSenderInformationScope","Record Sender Information Scope")}),e.jsx(n,{children:s.recordSenderInformationScope||"NAME"}),e.jsx(n,{className:"text-right",children:e.jsxs(Z,{value:V,onValueChange:a=>na(a),disabled:Pt,children:[e.jsx(ee,{className:"w-40 dark:border-slate-700 dark:bg-slate-900",children:e.jsx(te,{})}),e.jsxs(ae,{className:"dark:border-slate-700 dark:bg-slate-900",children:[e.jsx(f,{value:le.NAME,children:"Name"}),e.jsx(f,{value:le.SIGNATURE,children:"Signature"}),e.jsx(f,{value:le.STAMP,children:"Stamp"}),e.jsx(f,{value:le.NAME_AND_SIGNATURE,children:"Name & Signature"}),e.jsx(f,{value:le.NAME_AND_STAMP,children:"Name & Stamp"}),e.jsx(f,{value:le.ALL,children:"All"})]})]})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canRecordDateLabelHasLocalization","Does Record Date Label Have Localization?")}),e.jsx(n,{children:s.canRecordDateLabelHasLocalization?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-record-date-label-has-localization",checked:J,onCheckedChange:Gt,disabled:Lt})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canRecordDateHaveTime","Record Date Can Have Time")}),e.jsx(n,{children:s.canRecordDateHaveTime?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-record-date-have-time",checked:y,onCheckedChange:Jt,disabled:Mt})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canCreateDirectRecord")}),e.jsx(n,{children:s.canCreateDirectRecord?t("common.yes"):t("common.no")}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-create-direct-record",checked:ce,onCheckedChange:ua,disabled:ca})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canPositionBasedRecordsBeCreated")}),e.jsx(n,{children:s.canPositionBasedRecordsBeCreated?t("common.yes"):t("common.no")}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-position-based-records-be-created",checked:me,onCheckedChange:ha,disabled:xa})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canPositionBasedReferenceBeUsedForAllTypes")}),e.jsx(n,{children:s.canPositionBasedReferenceBeUsedForAllTypes?t("common.yes"):t("common.no")}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-position-based-reference-be-used-for-all-types",checked:he,onCheckedChange:ba,disabled:fa})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canInternalMemoRequirePositionBasedReferenceNumber","Internal Memo Require Position Based Reference Number")}),e.jsx(n,{children:s.canInternalMemoRequirePositionBasedReferenceNumber?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-internal-memo-require-position-based-reference-number",checked:fe,onCheckedChange:$a,disabled:Ma})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.shouldDirectRecordHaveHeaderAndFooter")}),e.jsx(n,{children:s.shouldDirectRecordHaveHeaderAndFooter?t("common.yes"):t("common.no")}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"should-direct-record-have-header-and-footer",checked:je,onCheckedChange:Na,disabled:pa})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.shouldCollaboratorAlwaysSign")}),e.jsx(n,{children:s.shouldCollaboratorAlwaysSign?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"should-collaborator-always-sign",checked:j,onCheckedChange:sa,disabled:ea})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.shouldIncludeForYourReferenceInCC")}),e.jsx(n,{children:s.shouldIncludeForYourReferenceInCC?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"should-include-for-your-reference",checked:re,onCheckedChange:ia,disabled:aa})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canCollaborationBeCreatedForAll")}),e.jsx(n,{children:s.canCollaborationBeCreatedForAll?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-collaboration-be-created-for-all",checked:ke,onCheckedChange:da,disabled:la})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canRecordBeEditedByCollaborators")}),e.jsx(n,{children:s.canRecordBeEditedByCollaborators?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-record-be-edited-by-collaborators",checked:i,onCheckedChange:ka,disabled:va})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canRecordHaveCollaboratorsName")}),e.jsx(n,{children:s.canRecordHaveCollaboratorsName?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-record-have-collaborators-name",checked:A,onCheckedChange:Ra,disabled:ya})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canRecordBeEditedOnWorkflow")}),e.jsx(n,{children:s.canRecordBeEditedOnWorkflow?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-record-be-edited-on-workflow",checked:de,onCheckedChange:Pa,disabled:Ia})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canIncomingAssignmentsBeSeparated")}),e.jsx(n,{children:s.canIncomingAssignmentsBeSeparated?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-incoming-assignements-be-separated",checked:Ce,onCheckedChange:Fa,disabled:Ba})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canROReturn")}),e.jsx(n,{children:s.canROReturn?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-ro-return",checked:_e,onCheckedChange:Ha,disabled:Ea})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.internalMemoHasReferenceNumber")}),e.jsx(n,{children:s.internalMemoHasReferenceNumber?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"internal-memo-has-reference-number",checked:Je,onCheckedChange:qa,disabled:La})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.isMultipleDelegationAllowed","Multiple Delegation Allowed")}),e.jsx(n,{children:s.isMultipleDelegationAllowed?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"is-multiple-delegation-allowed",checked:Ze,onCheckedChange:Ka,disabled:Oa})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.attachSignatureOnAttachment","Attach Signature On Attachment")}),e.jsx(n,{children:s.attachSignatureOnAttachment?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"attach-signature-on-attachment",checked:tt,onCheckedChange:Ya,disabled:za})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canHaveTagBasedReferenceNumber","Can Have Tag Based Reference Number")}),e.jsx(n,{children:s.canHaveTagBasedReferenceNumber?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-have-tag-based-reference-number",checked:se,onCheckedChange:St,disabled:wt})})]}),e.jsxs(p,{children:[e.jsx(n,{className:"font-medium",children:t("setting.canUserSkipLevel","User Can Skip Level")}),e.jsx(n,{children:s.canUserSkipLevel?"Yes":"No"}),e.jsx(n,{className:"text-right",children:e.jsx(g,{id:"can-user-skip-level",checked:M,onCheckedChange:yt,disabled:At})})]})]})]})})]}),e.jsx(Ae,{open:P,onOpenChange:v,children:e.jsxs(Be,{className:"dark:border-slate-700 dark:bg-slate-900",children:[e.jsxs(Pe,{children:[e.jsx(Fe,{className:"dark:text-slate-100",children:t("setting.editTitle")}),e.jsx(Nt,{className:"dark:text-slate-400",children:t("setting.editMsg")})]}),e.jsx("div",{className:"my-4",children:e.jsxs(Z,{value:k,onValueChange:a=>h(a),children:[e.jsx(ee,{className:"w-full dark:border-slate-700 dark:bg-slate-900",children:e.jsx(te,{placeholder:"Select scope"})}),e.jsx(ae,{className:"dark:border-slate-700 dark:bg-slate-900",children:kt?.map(a=>e.jsx(f,{value:a,children:a.replace(/_/g," ").toUpperCase()},a))})]})}),e.jsxs(Ct,{className:"flex justify-end gap-2",children:[e.jsx(U,{variant:"secondary",onClick:()=>v(!1),className:"dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700",children:t("common.Cancel")}),e.jsx(U,{onClick:zt,disabled:st,className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:st?t("contentManagement.saving"):t("delegation.save")})]})]})})]})},Ms=()=>{var y,q,X,S,W;const{user:x}=Ue(),c=Ee(),Y=((q=(y=x==null?void 0:x.employee)==null?void 0:y[0])==null?void 0:q.organizationId)||"",B=He(),L=d.useId(),{getList:u}=Me(),{data:R,isLoading:r}=u(Y,{take:1e3}),[I,P]=d.useState(""),[v,k]=d.useState(null);d.useEffect(()=>{var o,j;!I&&((j=(o=R==null?void 0:R.data)==null?void 0:o.items)!=null&&j.length)&&P(R.data.items[0].id)},[I,R]);const h=((X=R==null?void 0:R.data)==null?void 0:X.items)??[],V=h.length>0,_=(S=h.find(o=>o.id===I))==null?void 0:S.name,{data:F,isLoading:G}=Qe(I),$=((W=F==null?void 0:F.data)==null?void 0:W.items)||[],m=$.find(o=>o.unitId===I)||$[0],se=!!(m!=null&&m.attachSignatureOnAttachment),D=!!(m!=null&&m.id),M=v===null?se:v;d.useEffect(()=>{k(null)},[I,se]);const{mutate:ne,isPending:J}=b({mutationFn:({id:o,value:j})=>N.updateInternalPrefixSuffix({attachSignatureOnAttachment:j,unitId:I},o),onSuccess:()=>{c.invalidateQueries({queryKey:["unitConfig",I]})},onError:()=>{k(null)}}),ie=o=>{!(m!=null&&m.id)||J||(k(o),ne({id:m.id,value:o}))};return e.jsx("section",{className:"w-full",children:e.jsx("div",{className:"relative overflow-hidden rounded-2xl border border-slate-200/80 bg-gradient-to-br from-white via-slate-50 to-slate-100/60 p-4 shadow-sm sm:p-6 dark:border-slate-700/80 dark:bg-gradient-to-br dark:from-slate-950 dark:via-slate-900 dark:to-slate-900",children:e.jsxs("div",{className:"relative space-y-5",children:[e.jsx("header",{className:"flex flex-col gap-2 border-b border-slate-200 pb-4 dark:border-slate-700 sm:flex-row sm:items-start sm:justify-between",children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"inline-flex w-fit items-center gap-2 rounded-full bg-white/80 px-3 py-1 text-xs font-medium text-slate-700 ring-1 ring-slate-200 dark:bg-slate-800 dark:text-slate-300 dark:ring-slate-700",children:[e.jsx(ks,{className:"h-3.5 w-3.5"}),t("setting.attachmentSignature.badge")]}),e.jsxs("h2",{className:"text-xl font-semibold tracking-tight text-slate-900 dark:text-slate-100 sm:text-2xl flex gap-2",children:[e.jsx(Te,{className:"h-8 w-8 text-primary"}),t("setting.attachmentSignature.title")]}),e.jsx("p",{className:"max-w-2xl text-sm text-slate-600 dark:text-slate-400",children:t("setting.attachmentSignature.description")})]})}),e.jsxs("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2 rounded-xl border border-slate-200/80 bg-white/80 p-4 backdrop-blur-sm dark:border-slate-700 dark:bg-slate-900/70",children:[e.jsx(jt,{className:"text-sm font-medium text-slate-800 dark:text-slate-200",children:t("setting.attachmentSignature.unit")}),e.jsxs(Z,{value:I,onValueChange:o=>P(o),children:[e.jsx(ee,{className:"h-11 w-full bg-white/90 dark:border-slate-700 dark:bg-slate-900","aria-label":t("setting.attachmentSignature.unit"),children:e.jsx(te,{placeholder:t("setting.attachmentSignature.selectUnit")})}),e.jsx(ae,{children:r?e.jsx(f,{value:"loading",disabled:!0,children:t("setting.attachmentSignature.loadingUnits")}):V?h?.map(o=>e.jsx(f,{value:o.id,children:B(o.name)},o.id)):e.jsx(f,{value:"no-units",disabled:!0,children:t("setting.attachmentSignature.noUnitsFound")})})]}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400",children:t("setting.attachmentSignature.unitHint")})]}),e.jsxs("div",{className:"space-y-3 rounded-xl border border-slate-200/80 bg-white/80 p-4 backdrop-blur-sm dark:border-slate-700 dark:bg-slate-900/70",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(jt,{htmlFor:L,className:"text-sm font-medium text-slate-800 dark:text-slate-200",children:t("setting.attachmentSignature.toggleLabel")}),e.jsx("p",{id:`${L}-description`,className:"text-xs text-slate-500 dark:text-slate-400",children:t("setting.attachmentSignature.toggleDescription")})]}),e.jsx(g,{id:L,checked:M,onCheckedChange:ie,"aria-describedby":`${L}-description`,disabled:!D||G||J})]}),e.jsxs("div",{className:"flex items-center gap-2 rounded-lg border border-dashed border-slate-300/80 bg-slate-50/80 px-3 py-2 text-sm text-slate-600 dark:border-slate-700 dark:bg-slate-800/80 dark:text-slate-300",children:[e.jsx(ys,{className:"h-4 w-4 text-indigo-600 dark:text-indigo-400"}),e.jsxs("span",{children:[t("setting.attachmentSignature.status")," ",e.jsx("span",{className:"font-semibold",children:M?t("profile.enabled"):t("profile.disabled")})]})]}),!D&&!G&&e.jsx("p",{className:"text-xs text-amber-600 dark:text-amber-400",children:t("setting.noConfigFound")})]})]}),e.jsxs("footer",{className:"flex flex-wrap items-center gap-2 rounded-lg border border-slate-200/80 bg-white/70 px-3 py-2 text-xs text-slate-600 dark:border-slate-700 dark:bg-slate-900/70 dark:text-slate-300",children:[e.jsx(ts,{className:"h-3.5 w-3.5 text-slate-500 dark:text-slate-400"}),e.jsxs("span",{children:[t("setting.attachmentSignature.activeUnit")," ",e.jsx("strong",{className:"font-semibold",children:_?B(_):t("common.None")})]})]})]})})})},gn=()=>e.jsx("div",{className:"mx-auto w-full max-w-[1500px] space-y-6 p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2",children:[e.jsx(Ts,{}),e.jsx(Ds,{}),e.jsx(As,{}),e.jsx(Ms,{})]})});export{gn as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ContentManagementPage-CLduruyz.js b/apps/edr-freight-web/backoffice/public/_um/assets/ContentManagementPage-CLduruyz.js
new file mode 100644
index 000000000..9d283f100
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ContentManagementPage-CLduruyz.js
@@ -0,0 +1,259 @@
+import{y as nt,l as re,w as ae,m as _e,u as Ie,k as dt,n as Ee,o as Ne,r as c,j as e,v as w,B as J,I as ke,aS as lt,t as ge,b4 as He,b5 as La,az as At,F as mt,b6 as Rt,aJ as vr,aK as Qe,aL as Ge,aM as We,aN as Ye,b7 as jr,aR as sa,aF as lr,b8 as be,aP as _a,b9 as Da,ba as Ia,aU as $a,R as pe,aI as za,a as qa,d as Ba,bb as Xt,bc as Ua}from"./index-Db-xuq0b.js";import{C as Ke,a as it,b as ot,c as ia,d as pt}from"./card-BBWyxDss.js";import{L as Ce}from"./label-CsFy6wpo.js";import{p as oa}from"./presignedAxios-BunkFbUr.js";import{P as ct}from"./plus-BdjS2Pc-.js";import{T as la,a as ca,b as Ze,c as Ve,d as da,e as Te}from"./table-D3n3VABd.js";import{S as ft,a as ht,b as xt,c as yt,d as bt}from"./select-BoQxM42A.js";import{u as ua,C as Ha}from"./index.esm-BG4gweZJ.js";import{T as Ka,u as Va}from"./useTemplate-CcP413sN.js";import{S as et}from"./skeleton-CIiqp2Y5.js";import{A as Bt,a as Ut,b as Ht,c as Kt,d as Vt,e as Qt,f as Gt,g as Wt}from"./alert-dialog-B5Y0wlSz.js";import{E as Qa}from"./eye-Bhud4znU.js";import{S as Ga}from"./square-pen-B91TPB19.js";import{C as ma}from"./chevron-left-DCpEaNzo.js";import{p as Pe,u as Wa}from"./useUnitConfiguration-CKdECszp.js";import{P as wr}from"./pencil-BBczLcc3.js";import{u as Ya}from"./useUnit-C4s9nepK.js";import{u as Er}from"./useSettings-BtSYqn9W.js";import{M as Xa}from"./multi-select-C9K8HXhI.js";import{u as Ja}from"./usePosition-Y8Dhf3qk.js";import{S as Za}from"./single-select-D9ZG1edj.js";import{P as en,a as tn,b as rn}from"./popover-X-j_SRnG.js";import{B as cr}from"./badge-D7JvaQeJ.js";import{C as an,a as nn,b as sn,c as on,d as ln,e as cn}from"./command-Cr0tMDDu.js";import{C as dn}from"./circle-alert-Cd_zeQMw.js";import{A as un}from"./AdvancedTable-CC9ioMU-.js";import{u as mn,o as gn,s as Lt}from"./zod-Df58YiJ6.js";import{F as pn,a as Jt,b as Zt,c as er,d as tr,e as rr}from"./form-BeLK5rTt.js";import{f as fn}from"./format-DvwV82px.js";import{X as hn}from"./XSSUploadValidator-BMXKraj-.js";import{L as kr}from"./loader-mVRAFg0f.js";import{A as xn}from"./arrow-left-CE5-YfaQ.js";import{B as yn}from"./building-B2uZxFCD.js";import"./Utils-BP0IYDrC.js";import"./Skeleton-BJECajc_.js";import"./unitService-CmGVtFHQ.js";import"./organizationService-DPKKJMFw.js";import"./separator-BaOOgzZX.js";import"./positionService-JD0NEiGK.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./search-CM5F2ZRy.js";import"./utils-BncSPdK1.js";import"./refresh-cw-JB7N413f.js";import"./en-US-Cc-9gH5A.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const bn=[["path",{d:"m20 13.7-2.1-2.1a2 2 0 0 0-2.8 0L9.7 17",key:"q6ojf0"}],["path",{d:"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20",key:"k3hazp"}],["circle",{cx:"10",cy:"8",r:"2",key:"2qkj4p"}]],vn=nt("book-image",bn);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const jn=[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]],wn=nt("chevrons-up-down",jn);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const kn=[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",key:"116196"}],["path",{d:"M9 12v-1h6v1",key:"iehl6m"}],["path",{d:"M11 17h2",key:"12w5me"}],["path",{d:"M12 11v6",key:"1bwqyc"}]],Nn=nt("clipboard-type",kn);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Sn=[["path",{d:"M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13",key:"orapub"}],["path",{d:"m8 6 2-2",key:"115y1s"}],["path",{d:"m18 16 2-2",key:"ee94s4"}],["path",{d:"m17 11 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17",key:"cfq27r"}],["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],Cn=nt("pencil-ruler",Sn);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Pn=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M17 12h-2l-2 5-2-10-2 5H7",key:"15hlnc"}]],Tn=nt("square-activity",Pn);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const En=[["path",{d:"M5 22h14",key:"ehvnwv"}],["path",{d:"M19.27 13.73A2.5 2.5 0 0 0 17.5 13h-11A2.5 2.5 0 0 0 4 15.5V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1.5c0-.66-.26-1.3-.73-1.77Z",key:"1sy9ra"}],["path",{d:"M14 13V8.5C14 7 15 7 15 5a3 3 0 0 0-3-3c-1.66 0-3 1-3 3s1 2 1 3.5V13",key:"cnxgux"}]],ga=nt("stamp",En);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const An=[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]],Rn=nt("tag",An);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Mn=[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]],On=nt("triangle-alert",Mn),Je={createSeal:async t=>re.post("/seals",t,{headers:ae()}),getSeals:async()=>re.get("/seals",{headers:ae()}),getSeal:async t=>re.get(`/seals/${t}`,{headers:ae()}),getSealListsByUnitId:async t=>re.get(`/seals/list/${t}`,{headers:ae()}),updateSeal:async(t,r)=>re.put(`/seals/${t}`,r,{headers:ae()}),deleteSeal:async t=>re.delete(`/seals/${t}`,{headers:ae()}),changeSealStatus:async(t,r)=>re.put(`/seals/change-status/${t}`,r,{headers:ae()}),updateSealUploadStatus:async(t,r)=>re.patch(`/seals/${t}/upload-status`,r,{headers:ae()})},Fn=()=>{const t=_e(),{t:r}=Ie(),{handleError:a}=dt(r),{data:n,isLoading:s,isError:i,refetch:o}=Ee({queryKey:["seals"],queryFn:async()=>(await Je.getSeals()).data,enabled:!1}),d=x=>Ee({queryKey:["seal",x],queryFn:async()=>{if(x)return(await Je.getSealListsByUnitId(x)).data},enabled:!!x}),m=x=>Ee({queryKey:["seal",x],queryFn:async()=>{if(x)return(await Je.getSeal(x)).data},enabled:!!x}),l=Ne({mutationFn:async x=>(await Je.createSeal(x)).data,onSuccess:()=>{t.invalidateQueries({queryKey:["seals"]})},onError:x=>{a(x)}}),f=Ne({mutationFn:async({id:x,payload:v})=>(await Je.updateSeal(x,v)).data,onSuccess:()=>{t.invalidateQueries({queryKey:["seal"]})},onError:x=>{a(x)}}),y=Ne({mutationFn:async x=>{await Je.changeSealStatus(x,{isCurrent:!1})},onSuccess:()=>{t.invalidateQueries({queryKey:["seals"]})},onError:x=>{a(x)}}),g=Ne({mutationFn:async({id:x,updateSealStatusPayload:v})=>(await Je.updateSealUploadStatus(x,v)).data,onSuccess:()=>{t.invalidateQueries({queryKey:["seals"]})},onError:x=>{a(x)}});return{seals:(n==null?void 0:n.items)||[],totalSeals:(n==null?void 0:n.count)||0,isLoadingSeals:s,isSealsError:i,refetchSeals:o,getSealsByUnitId:d,getSealsById:m,createSeal:l.mutateAsync,isCreatingSeal:l.isPending,updateSeal:f.mutate,isUpdatingSeal:f.isPending,deleteSeal:y.mutate,isDeletingSeal:y.isPending,updateSealStatus:g.mutateAsync,isUpdatingStatus:g.isPending}},Ln=({unitId:t})=>{const{createSeal:r,isCreatingSeal:a,isLoadingSeals:n,deleteSeal:s,getSealsByUnitId:i}=Fn(),[o,d]=c.useState(),[m,l]=c.useState([]),f=c.useRef(null),y=_e(),[g,x]=c.useState(0),[v,p]=c.useState(!1),[j,E]=c.useState(""),[b,k]=c.useState(""),N=1*1024*1024,{data:u}=i(t);c.useEffect(()=>{let $=!0;return(async()=>{if(!(u!=null&&u.items))return;const _=u.items.filter(W=>W.uploadedSuccessfully&&W.isCurrent),X=(await Promise.all(_?.map(async W=>{try{const ie=(await Je.getSeal(W.id)).data.presigned;return ie?{type:"seal",file:new File([],W.fileInfo.fileName),url:ie,uploadedAt:new Date(W.createdAt),id:W.id}:null}catch{return null}}))).filter(W=>W!==null);$&&l(X)})(),()=>{$=!1,m.forEach(_=>{!_.id&&_.url.startsWith("blob:")&&URL.revokeObjectURL(_.url)})}},[u==null?void 0:u.items]);const C=$=>{if($.type!=="image/png"){ge.error(w("contentManagement.onlyPngAllowed"));return}if($.size>N){ge.error("Image size should be less than 1 MB");return}const F=URL.createObjectURL($),_=new Image;_.onload=()=>{if(_.width!==_.height){ge.error(w("contentManagement.onlySquareAllowed")),URL.revokeObjectURL(F);return}d($),E(""),k(""),l([{type:"seal",url:F,file:$,uploadedAt:new Date,id:null}])},_.onerror=()=>{ge.error(w("contentManagement.invalidImage")),URL.revokeObjectURL(F)},_.src=F},M=async()=>{if(!o){ge.error(w("contentManagement.noFileSelected"));return}if(!j.trim()){k(w("contentManagement.sealNameMsg"));return}try{const $={fileInfo:{fileName:o.name,contentType:o.type,size:o.size,originalname:o.name},name:{am:j,en:j},unitId:t},F=await r($);p(!0),x(0),await oa.put(F.presigned,o,{headers:{"Content-Type":o.type}}),p(!1),x(100),d(void 0),E(""),k(""),f.current&&(f.current.value=""),y.invalidateQueries({queryKey:["seal"]}),ge.success(w("contentManagement.sealSuccessMsg"))}catch{ge.error(w("contentManagement.sealErrorMsg")),p(!1),x(0),d(void 0)}},I=async $=>{if($)try{await s($),l(F=>F.filter(_=>_.id!==$)),ge.success(w("contentManagement.sealRemove"))}catch{ge.error(w("contentManagement.sealRemove"))}},se=$=>new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"numeric",hour12:!0,month:"short",day:"numeric"}).format($),Y=a||v;return e.jsxs(Ke,{className:"dark:border-gray-700 dark:bg-gray-800",children:[e.jsxs(it,{children:[e.jsxs(ot,{className:"flex items-center dark:text-white",children:[e.jsx(ga,{className:"h-5 w-5 mr-2"}),w("contentManagement.seal")]}),e.jsxs(ia,{className:"dark:text-gray-400",children:[w("contentManagement.uploadSealMsg")," (PNG, max 1MB)"]})]}),e.jsxs(pt,{className:"space-y-4",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx(Ce,{htmlFor:"seal",className:"dark:text-gray-200",children:w("contentManagement.sealImage")}),e.jsxs(J,{variant:"outline",className:"bg-primary hover:bg-primary/90 text-primary-foreground",onClick:()=>{var $;return($=f.current)==null?void 0:$.click()},disabled:Y,children:[e.jsx(ct,{className:"h-4 w-4 mr-2"}),w("contentManagement.addSeal")]})]}),e.jsx(ke,{ref:f,type:"file",accept:".png,image/png",className:"hidden",onChange:$=>{var F;return((F=$.target.files)==null?void 0:F[0])&&C($.target.files[0])},disabled:Y}),m.length>0?e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:m?.map($=>e.jsxs("div",{className:"border rounded-lg p-3 bg-gray-50 dark:bg-gray-700 dark:border-gray-600",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("span",{className:"text-sm text-muted-foreground dark:text-gray-400",children:se($==null?void 0:$.uploadedAt)}),e.jsx(J,{variant:"ghost",size:"sm",onClick:()=>I(($==null?void 0:$.id)||null),className:"text-red-500 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/30",disabled:n,children:e.jsx(lt,{className:"h-4 w-4 text-red-500"})})]}),e.jsx("img",{src:$.url,alt:"Seal",className:"max-h-32 mx-auto object-contain"})]},($==null?void 0:$.id)||($==null?void 0:$.url)))}):e.jsxs("div",{className:"text-center p-4 border border-dashed rounded-lg dark:border-gray-600 dark:bg-gray-700/30",children:[e.jsx("p",{className:"text-muted-foreground dark:text-gray-400",children:w("contentManagement.noSealMsg")}),e.jsx("p",{className:"text-sm text-muted-foreground dark:text-gray-500 mt-1",children:w("contentManagement.addSealInstruction")})]}),o&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(Ce,{htmlFor:"sealName",className:"dark:text-gray-200",children:w("contentManagement.sealName")}),e.jsx(ke,{value:j,onChange:$=>{E($.target.value),k("")},placeholder:"Enter seal name",className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"}),b&&e.jsx("p",{className:"text-sm text-red-500",children:b})]}),o&&e.jsxs(J,{className:"w-full bg-primary hover:bg-primary/90",onClick:M,disabled:Y||!o,children:[a&&"Creating seal...",v&&`Uploading ${g}%`,!Y&&w("contentManagement.saveSeal")]})]})]})},_n=async(t,r)=>He.get(`/record-templates/list/${t}`,{headers:ae(),params:r}),Dn=async t=>He.get(`/record-templates/${t}`,{headers:ae()}),In=async t=>He.post("/record-templates",t,{headers:ae()}),$n=async(t,r)=>He.put(`/record-templates/${t}`,r,{headers:ae()}),zn=async t=>He.delete(`/record-templates/${t}`,{headers:ae()}),qn=(t,r={})=>{const a=_e(),{skip:n=0,take:s=20,orderBy:i="createdAt:DESC",order:o,enabled:d=!0}=r,m={skip:n,take:s,orderBy:i,...o?{order:o}:{}},{data:l,isLoading:f,isFetching:y,isError:g,refetch:x}=Ee({queryKey:["letter-templates",t,m],queryFn:async()=>{const{data:C}=await _n(t,m);return C},enabled:!!t&&d,staleTime:300*1e3,retry:!1,placeholderData:La}),{mutate:v,isPending:p}=Ne({mutationFn:async C=>{const{data:M}=await Dn(C);return M}}),{mutate:j,isPending:E}=Ne({mutationFn:async C=>{const{data:M}=await In(C);return M},onSuccess:(C,M)=>{a.invalidateQueries({queryKey:["letter-templates",M.unitId]})}}),{mutate:b,isPending:k}=Ne({mutationFn:async C=>{const{data:M}=await $n(C.id,C.data);return M},onSuccess:(C,M)=>{a.invalidateQueries({queryKey:["letter-templates",M.data.unitId]}),a.invalidateQueries({queryKey:["letter-template",M.id]})}}),{mutate:N,isPending:u}=Ne({mutationFn:async({id:C})=>{await zn(C)},onSuccess:()=>{a.invalidateQueries({queryKey:["letter-templates",t]})}});return{letterTemplatesResponse:l,items:(l==null?void 0:l.items)??[],count:(l==null?void 0:l.count)??0,isLoading:f,isFetching:y,isError:g,refetch:x,getTemplateByDetails:v,isFetchingTemplate:p,createLetterTemplate:j,isCreating:E,updateLetterTemplate:b,isUpdating:k,deleteLetterTemplate:N,isDeleting:u}},Bn={signature:{uploadKey:"/signatures/get-file-upload-key",create:"/signatures",parentField:"employeeId"},stamp:{uploadKey:"/employee-stamps/get-file-upload-key",create:"/employee-stamps",parentField:"employeePositionId"},header:{uploadKey:"/headers/get-file-upload-key",create:"/headers",parentField:"unitId"},footer:{uploadKey:"/footers/get-file-upload-key",create:"/footers",parentField:"unitId"}};async function Un(t,r,a,n,s){const i={fileName:r.name,originalname:r.name,contentType:r.type||"application/octet-stream",size:r.size,...n!=null&&n.length?{positionId:n}:{},recordTypeKey:s},{data:o}=await a.post(t,i,{headers:ae()});return o}async function Hn(t,r){if(!r)throw new Error("Presigned URL is required");const a=await oa.put(r,t,{headers:{"Content-Type":t.type}});if(a.status<200||a.status>=300)throw new Error(`Upload failed with status ${a.status}: ${a.statusText}`)}async function Ar(t,r,a,n){const{type:s,file:i,name:o,parentId:d}=t,m=Bn[s],l=await Un(m.uploadKey,i,r,a,n),f=l.presignedUrl||l.presigned;if(await Hn(i,f||""),s==="header"||s==="footer"){const x={fileInfo:l.fileInfo,name:o,[m.parentField]:d,positionIds:a,isCurrent:!0,recordTypeKey:n},{data:v}=await r.post(m.create,x,{headers:ae()});return v}const y={fileInfo:l.fileInfo,name:o,[m.parentField]:d,...s==="signature"?{isCurrent:!0}:{}},{data:g}=await r.post(m.create,y,{headers:ae()});return g}const Me={uploadAndCreateHeader:(t,r,a,n,s)=>Ar({type:"header",file:t,name:{am:r,en:r},parentId:a},re,n,s),uploadAndCreateFooter:(t,r,a,n,s)=>Ar({type:"footer",file:t,name:{am:r,en:r},parentId:a},re,n,s),createHeader:async t=>re.post("/headers",t,{headers:ae()}),getHeaders:async()=>re.get("/headers",{headers:ae()}),getHeadersByUnitId:async(t,r,a)=>re.get(`/headers/list/${t}?take=100${r?`&positionId=${r}`:""}${a?`&recordTypeKey=${a}`:""}`,{headers:ae()}),getHeaderById:async t=>re.get(`/headers/${t}`,{headers:ae()}),updateHeader:async(t,r)=>re.put(`/headers/${t}`,r,{headers:ae()}),deleteHeader:async t=>re.delete(`/headers/${t}`,{headers:ae()}),updateHeaderUploadStatus:async(t,r)=>re.patch(`/headers/${t}/upload-status`,r,{headers:ae()}),changeHeaderStatus:async(t,r)=>re.put(`/headers/change-status/${t}`,r,{headers:ae()}),createFooter:async t=>re.post("/footers",t,{headers:ae()}),getFooters:async()=>re.get("/footers",{headers:ae()}),getFootersByUnitId:async(t,r,a)=>re.get(`/footers/list/${t}?take=300${r?`&positionId=${r}`:""}${a?`&recordTypeKey=${a}`:""}`,{headers:ae()}),getFooterById:async t=>re.get(`/footers/${t}`,{headers:ae()}),updateFooter:async(t,r)=>re.put(`/footers/${t}`,r,{headers:ae()}),deleteFooter:async t=>re.delete(`/footers/${t}`,{headers:ae()}),updateFooterUploadStatus:async(t,r)=>re.patch(`/footers/${t}/upload-status`,r,{headers:ae()}),changeFooterStatus:async(t,r)=>re.put(`/footers/change-status/${t}`,r,{headers:ae()})},pa=(t,r,a)=>Ee({queryKey:["headers-footers",t,r,a],queryFn:async()=>{const[n,s]=await Promise.all([Me.getHeadersByUnitId(t,r,a),Me.getFootersByUnitId(t,r,a)]),i=n.data.items.filter(f=>f.isCurrent&&f.uploadedSuccessfully),o=s.data.items.filter(f=>f.isCurrent&&f.uploadedSuccessfully),d=async(f,y)=>Promise.all(f?.map(async g=>{try{const x=y==="header"?await Me.getHeaderById(g.id):await Me.getFooterById(g.id);return{...g,presigned:x.data.presigned}}catch{return g}})),m=await d(i,"header"),l=await d(o,"footer");return{headers:m,footers:l}},enabled:!!t,staleTime:600*1e3}),Rr=({unitId:t,template:r,isSubmitting:a,onCancel:n,onSubmitCreate:s})=>{var g,x,v,p;const{register:i,handleSubmit:o,reset:d,control:m,formState:{errors:l}}=ua({defaultValues:{name:{en:((g=r==null?void 0:r.name)==null?void 0:g.en)??"",am:((x=r==null?void 0:r.name)==null?void 0:x.am)??""},key:(r==null?void 0:r.key)??"",subject:(r==null?void 0:r.subject)??"",body:(r==null?void 0:r.body)??"",sincerelyText:(r==null?void 0:r.sincerelyText)??"",unitId:t}}),{data:f}=pa(t);c.useMemo(()=>(f==null?void 0:f.headers)||[],[f==null?void 0:f.headers]),c.useMemo(()=>(f==null?void 0:f.footers)||[],[f==null?void 0:f.footers]);const y=j=>{s(j),r||d()};return e.jsxs("form",{onSubmit:o(y),className:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg p-8 shadow-sm space-y-8",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Template Key"}),e.jsx(ke,{placeholder:"Template Key",...i("key",{required:"Template key is required"})}),l.key&&e.jsx("p",{className:"text-red-500 text-sm mt-1",children:l.key.message})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Subject"}),e.jsx(ke,{placeholder:"Subject",...i("subject",{required:"Subject is required"})}),l.subject&&e.jsx("p",{className:"text-red-500 text-sm mt-1",children:l.subject.message})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"English Name"}),e.jsx(ke,{placeholder:"English Name",...i("name.en",{required:"English name is required"})}),((v=l.name)==null?void 0:v.en)&&e.jsx("p",{className:"text-red-500 text-sm mt-1",children:l.name.en.message})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Amharic Name"}),e.jsx(ke,{placeholder:"Amharic Name",...i("name.am",{required:"Amharic name is required"})}),((p=l.name)==null?void 0:p.am)&&e.jsx("p",{className:"text-red-500 text-sm mt-1",children:l.name.am.message})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Body"}),e.jsx(Ha,{name:"body",control:m,rules:{required:!0},render:({field:j,fieldState:E})=>e.jsxs(e.Fragment,{children:[e.jsx(Ka,{value:j.value,onEditorChange:j.onChange,placeholders:[{key:"delegatorName",label:"Delegator Name"},{key:"delegatorDepartment",label:"Delegator Department"},{key:"delegateeName",label:"Delegatee Name"},{key:"delegateeDepartment",label:"Delegatee Department"},{key:"startDate",label:"Start Date"},{key:"endDate",label:"End Date"},{key:"startDateTime",label:"Start Date & Time"},{key:"endDateTime",label:"End Date & Time"}]}),E.invalid&&e.jsx("p",{className:"text-red-500 text-sm mt-1",children:"Body is required"})]})})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Sincerely Text"}),e.jsx(ke,{placeholder:"Sincerely Text",...i("sincerelyText")})]}),e.jsxs("div",{className:"flex gap-2 pt-4 justify-end",children:[e.jsx(J,{type:"submit",disabled:a,children:a?"Saving...":r?"Update":"Save"}),e.jsx(J,{type:"button",variant:"outline",onClick:n,children:"Cancel"})]})]})},Kn=({unitId:t})=>{var ze,Se,H,ue;const{t:r}=Ie(),{handleError:a}=dt(r),[n,s]=c.useState(0),[i,o]=c.useState(10),{letterTemplatesResponse:d,count:m,isLoading:l,isFetching:f,isError:y,refetch:g,createLetterTemplate:x,updateLetterTemplate:v,deleteLetterTemplate:p,isCreating:j,isUpdating:E,isDeleting:b}=qn(t,{skip:n*i,take:i}),k=Math.max(1,Math.ceil(m/i)),{templates:N,isLoading:u,adoptTemplate:C,isAdoptingTemplate:M}=Va(),{data:I}=Ee({queryKey:["headers",t],queryFn:()=>Me.getHeadersByUnitId(t)}),{data:se}=Ee({queryKey:["footers",t],queryFn:()=>Me.getFootersByUnitId(t)}),Y=At(),[$,F]=c.useState(!1),[_,ne]=c.useState(!1),[X,W]=c.useState(!1),[xe,ie]=c.useState(!1),[Ae,je]=c.useState(!1),[z,O]=c.useState(null),[R,L]=c.useState(""),[T,h]=c.useState(""),U=z?Y(z.name):"",P=l||u,Z=y,ee=Array.isArray(N)?N:(N==null?void 0:N.items)||[],te=(d==null?void 0:d.items)||[],q=[...ee?.map(D=>({...D,isGlobal:!0})),...te?.map(D=>({...D,isGlobal:!1}))],de=D=>{const we=D.target;we!=null&&we.closest(".tox-tinymce-aux, .moxman-window, .tam-assetmanager-root")&&D.preventDefault()},fe=D=>{x(D,{onSuccess:we=>{ge.success(`${Y(we.name)} ${r("contentManagement.templateSuccessMsg")}`),g(),F(!1)},onError:we=>{a(we)}})},Q=D=>{z&&v({id:z.id,data:D},{onSuccess:()=>{ge.success(r("contentManagement.updateTemplate")),g(),ne(!1),O(null)},onError:we=>{a(we)}})},le=()=>{z&&p({id:z.id},{onSuccess:()=>{ge.success(r("contentManagement.deleteTemplate")),g(),ie(!1),O(null)},onError:D=>{a(D)}})},G=()=>{if(!z||!R||!T){ge.error(r("contentManagement.pleaseSelectHeaderAndFooter","Please select header and footer"));return}C({templateId:z.id,headerId:R,footerId:T},{onSuccess:()=>{ge.success(r("contentManagement.adoptSuccess","Successfully adopted global template")),g(),je(!1),O(null),L(""),h("")},onError:D=>{a(D)}})},oe=D=>{O(D),ne(!0)},Re=D=>{O(D),W(!0)},ye=D=>{O(D),ie(!0)},$e=D=>{O(D),je(!0)};return P?e.jsxs(Ke,{children:[e.jsx(it,{children:e.jsxs(ot,{className:"flex items-center",children:[e.jsx(mt,{className:"h-5 w-5 mr-2"}),r("contentManagement.letterTemplate")]})}),e.jsx(pt,{children:e.jsx("div",{className:"space-y-3",children:Array(3).fill(0)?.map((D,we)=>e.jsx(et,{className:"h-12 w-full"},we))})})]}):Z?e.jsxs(Ke,{children:[e.jsx(it,{children:e.jsxs(ot,{className:"flex items-center",children:[e.jsx(mt,{className:"h-5 w-5 mr-2"}),r("contentManagement.letterTemplate")]})}),e.jsx(pt,{children:e.jsx("p",{className:"text-sm text-red-600 dark:text-red-400",children:r("contentManagement.failedToLoadTemplates")})})]}):e.jsxs(e.Fragment,{children:[e.jsxs(Ke,{children:[e.jsx(it,{children:e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center justify-between gap-4",children:[e.jsxs("div",{children:[e.jsxs(ot,{className:"flex items-center",children:[e.jsx(mt,{className:"h-5 w-5 mr-2"}),r("contentManagement.letterTemplate")]}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:r("contentManagement.createMsg")})]}),e.jsxs(J,{onClick:()=>F(!0),size:"sm",className:"shrink-0",children:[e.jsx(ct,{className:"h-4 w-4 mr-1"}),r("contentManagement.addTemplate")]})]})}),e.jsx(pt,{children:q.length===0?e.jsxs("div",{className:"text-center py-8",children:[e.jsx(mt,{className:"mx-auto mb-4 h-12 w-12 text-gray-400 dark:text-gray-500"}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:r("contentManagement.noTemplates")})]}):e.jsxs("div",{className:"overflow-x-auto",children:[e.jsxs(la,{children:[e.jsx(ca,{children:e.jsxs(Ze,{children:[e.jsx(Ve,{className:"min-w-[150px]",children:r("common.name")}),e.jsx(Ve,{className:"min-w-[200px] hidden md:table-cell",children:r("contentManagement.sincerelyText")}),e.jsx(Ve,{className:"min-w-[120px] hidden sm:table-cell",children:r("common.createdDate")}),e.jsx(Ve,{className:"text-right min-w-[120px]",children:r("common.actions")})]})}),e.jsx(da,{children:q?.map(D=>e.jsxs(Ze,{className:D.isGlobal?"bg-blue-50/50 hover:bg-blue-50 dark:bg-blue-950/30 dark:hover:bg-blue-900/40":"",children:[e.jsx(Te,{className:"font-medium",children:e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("span",{className:"flex items-center gap-2",children:[Y(D.name),D.isGlobal&&e.jsx("span",{className:"rounded bg-blue-100 px-2 py-0.5 text-[10px] font-semibold text-blue-700 dark:bg-blue-900/50 dark:text-blue-200",children:"Global"})]}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400 md:hidden",children:D.sincerelyText&&D.sincerelyText.length>30?`${D.sincerelyText.substring(0,30)}...`:D.sincerelyText||r("common.notAvailable")})]})}),e.jsx(Te,{className:"max-w-xs truncate hidden md:table-cell",children:D.sincerelyText||r("common.notAvailable")}),e.jsx(Te,{className:"hidden sm:table-cell",children:D.createdAt?new Date(D.createdAt).toLocaleDateString():r("common.notAvailable")}),e.jsx(Te,{className:"text-right",children:e.jsxs("div",{className:"flex items-center justify-end gap-1",children:[e.jsx(J,{variant:"ghost",size:"sm",onClick:()=>Re(D),title:r("contentManagement.viewTemplate"),children:e.jsx(Qa,{className:"h-4 w-4"})}),D.isGlobal?e.jsx(J,{variant:"outline",size:"sm",onClick:()=>$e(D),title:r("contentManagement.adoptTemplate","Adopt Template"),className:"h-8 border-blue-200 px-3 text-blue-700 hover:bg-blue-100 hover:text-blue-800 dark:border-blue-700/60 dark:text-blue-300 dark:hover:bg-blue-900/40 dark:hover:text-blue-200",children:r("common.adopt","Adopt")}):e.jsxs(e.Fragment,{children:[e.jsx(J,{variant:"ghost",size:"sm",onClick:()=>oe(D),title:r("contentManagement.editTemplate"),children:e.jsx(Ga,{className:"h-4 w-4"})}),e.jsx(J,{variant:"ghost",size:"sm",onClick:()=>ye(D),className:"text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300",title:r("contentManagement.deleteTemplate"),children:e.jsx(Rt,{className:"h-4 w-4"})})]})]})})]},D.id))})]}),e.jsxs("div",{className:"mt-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{className:"text-sm text-muted-foreground",children:[r("common.page","Page")," ",n+1," / ",k,m>0&&e.jsxs(e.Fragment,{children:[" ","• ",m," ",r("contentManagement.letterTemplate","templates")]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(ft,{value:String(i),onValueChange:D=>{o(Number(D)),s(0)},children:[e.jsx(ht,{className:"h-8 w-[80px]",children:e.jsx(xt,{})}),e.jsx(yt,{children:[10,20,50,100]?.map(D=>e.jsx(bt,{value:String(D),children:D},D))})]}),e.jsxs(J,{variant:"outline",size:"sm",disabled:n===0||f,onClick:()=>s(D=>Math.max(0,D-1)),children:[e.jsx(ma,{className:"h-4 w-4"}),r("common.previous","Previous")]}),e.jsxs(J,{variant:"outline",size:"sm",disabled:n+1>=k||f,onClick:()=>s(D=>D+1),children:[r("common.next","Next"),e.jsx(vr,{className:"h-4 w-4"})]})]})]})]})})]}),e.jsx(Qe,{open:$,onOpenChange:F,children:e.jsxs(Ge,{className:"max-h-[90vh] w-full max-w-[95vw] overflow-y-auto lg:max-w-[1200px] dark:border-gray-700 dark:bg-gray-900",onInteractOutside:de,children:[e.jsx(We,{children:e.jsx(Ye,{children:r("contentManagement.createTemplate")})}),e.jsx(Rr,{unitId:t,isSubmitting:j,onCancel:()=>F(!1),onSubmitCreate:fe})]})}),e.jsx(Qe,{open:_,onOpenChange:ne,children:e.jsxs(Ge,{className:"max-h-[90vh] w-full max-w-[95vw] overflow-y-auto lg:max-w-[1200px] dark:border-gray-700 dark:bg-gray-900",onInteractOutside:de,children:[e.jsx(We,{children:e.jsx(Ye,{children:r("contentManagement.editTemplate")})}),e.jsx(Rr,{unitId:t,template:z,isSubmitting:E,onCancel:()=>{ne(!1),O(null)},onSubmitCreate:Q})]})}),e.jsx(Qe,{open:X,onOpenChange:W,children:e.jsxs(Ge,{className:"max-h-[90vh] w-full max-w-[95vw] overflow-y-auto lg:max-w-[1200px] dark:border-gray-700 dark:bg-gray-900",children:[e.jsx(We,{children:e.jsx(Ye,{children:r("contentManagement.viewTemplate")})}),z&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium text-gray-600 dark:text-gray-300",children:r("common.name")}),e.jsx("p",{className:"mt-1 text-sm text-gray-900 dark:text-gray-100",children:Y(z.name)})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium text-gray-600 dark:text-gray-300",children:r("contentManagement.sincerelyText")}),e.jsx("p",{className:"mt-1 text-sm text-gray-900 dark:text-gray-100",children:z.sincerelyText||r("common.notAvailable")})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium text-gray-600 dark:text-gray-300",children:r("contentManagement.body")}),e.jsx("div",{className:"mt-1 max-h-60 overflow-y-auto rounded-md border bg-gray-50 p-3 text-sm text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100",dangerouslySetInnerHTML:{__html:z.body}})]}),e.jsx("div",{className:"flex justify-end",children:e.jsx(J,{onClick:()=>W(!1),children:r("common.close")})})]})]})}),e.jsx(Qe,{open:Ae,onOpenChange:je,children:e.jsxs(Ge,{className:"max-w-md dark:border-gray-700 dark:bg-gray-900",children:[e.jsx(We,{children:e.jsx(Ye,{children:r("contentManagement.adoptTemplate","Adopt Template")})}),e.jsxs("div",{className:"space-y-4 py-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300",children:r("contentManagement.selectHeader","Select Header")}),e.jsxs(ft,{value:R,onValueChange:L,children:[e.jsx(ht,{children:e.jsx(xt,{placeholder:r("contentManagement.selectHeader","Select Header")})}),e.jsx(yt,{children:(Se=(ze=I==null?void 0:I.data)==null?void 0:ze.items)==null?void 0:Se?.map(D=>e.jsx(bt,{value:D.id,children:Y(D.name)},D.id))})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300",children:r("contentManagement.selectFooter","Select Footer")}),e.jsxs(ft,{value:T,onValueChange:h,children:[e.jsx(ht,{children:e.jsx(xt,{placeholder:r("contentManagement.selectFooter","Select Footer")})}),e.jsx(yt,{children:(ue=(H=se==null?void 0:se.data)==null?void 0:H.items)==null?void 0:ue?.map(D=>e.jsx(bt,{value:D.id,children:Y(D.name)},D.id))})]})]})]}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(J,{variant:"outline",onClick:()=>je(!1),children:r("common.cancel")}),e.jsx(J,{onClick:G,disabled:M||!R||!T,children:M?r("common.adopting","Adopting..."):r("common.adopt","Adopt")})]})]})}),e.jsx(Bt,{open:xe,onOpenChange:ie,children:e.jsxs(Ut,{children:[e.jsxs(Ht,{children:[e.jsx(Kt,{children:r("contentManagement.deleteTemplate")}),e.jsx(Vt,{children:r("contentManagement.deleteTemplateConfirm",{name:U}).replace("{{name}}",U).replace("{name}",U)})]}),e.jsxs(Qt,{children:[e.jsx(Gt,{children:r("common.cancel")}),e.jsx(Wt,{onClick:le,disabled:b,className:"bg-red-600 hover:bg-red-700",children:r(b?"common.deleting":"common.delete")})]})]})})]})},Vn=({activities:t})=>{const r=a=>new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"numeric",hour12:!0,month:"short",day:"numeric"}).format(a);return e.jsxs(Ke,{className:"bg-gradient-to-br from-gray-50 to-slate-50 dark:from-gray-800 dark:to-gray-900 dark:border-gray-700",children:[e.jsxs(it,{children:[e.jsxs(ot,{className:"flex items-center dark:text-white",children:[e.jsx(mt,{className:"h-5 w-5 mr-2"}),"Recent Activities"]}),e.jsx(ia,{className:"dark:text-gray-400",children:"Recent content management activities"})]}),e.jsx(pt,{children:e.jsx("div",{className:"space-y-4",children:t.length===0?e.jsx("p",{className:"text-sm text-muted-foreground dark:text-gray-400",children:"No recent activities."}):t?.map(({id:a,type:n,description:s,timestamp:i})=>e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm font-medium capitalize dark:text-white",children:n}),e.jsx("span",{className:"text-sm dark:text-gray-300",children:s}),e.jsx("span",{className:"text-xs text-muted-foreground dark:text-gray-400",children:r(i)})]},a))})})]})},Qn=(t,r)=>Ee({queryKey:["remark",t,r],queryFn:async()=>(await Pe.getRemarkList(t,r)).data}),Gn=({unitId:t})=>{const[r,a]=c.useState(""),[n,s]=c.useState(""),[i,o]=c.useState(null),[d,m]=c.useState(!1),[l,f]=c.useState(!1),[y,g]=c.useState(null),[x,v]=c.useState(""),p=_e(),{data:j,isLoading:E}=Qn(t,{skip:0,take:300}),b=Ne({mutationFn:async()=>{if(!r)throw new Error(w("contentManagement.remarkRequired"));const M={unitId:t,remark:r,description:n};return i?Pe.editRemark(i,M):Pe.createRemark(M)},onSuccess:()=>{p.invalidateQueries({queryKey:["remark",t]}),N(),m(!1)},onError:M=>v(M.message||w("contentManagement.failed"))}),k=Ne({mutationFn:M=>Pe.deleteRemarks(M),onSuccess:()=>{p.invalidateQueries({queryKey:["remark",t]}),f(!1),g(null)},onError:()=>v(w("contentManagement.failedToDelete"))}),N=()=>{a(""),s(""),o(null),v("")},u=M=>{o(M.id),a(M.remark),s(M.description||""),m(!0)},C=()=>b.mutate();return e.jsxs(Ke,{className:"p-4 border shadow-sm space-y-4 dark:border-gray-700 dark:bg-gray-800",children:[e.jsxs(Qe,{open:d,onOpenChange:m,children:[e.jsx(jr,{asChild:!0,children:e.jsxs(J,{className:"w-[180px] bg-primary hover:bg-primary/90 text-primary-foreground flex items-center",children:[e.jsx(ct,{className:"h-4 w-4 mr-2"}),w("contentManagement.addRemark")]})}),e.jsxs(Ge,{className:"sm:max-w-xl w-full dark:bg-gray-800",children:[e.jsx(We,{children:e.jsx(Ye,{className:"dark:text-white",children:i?w("contentManagement.editRemark"):w("contentManagement.addRemark")})}),e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsx(Ce,{htmlFor:"remark",className:"mb-1 dark:text-gray-200",children:w("header.Remark")}),e.jsx(ke,{id:"remark",value:r,onChange:M=>a(M.target.value),placeholder:w("header.Remark"),disabled:E,className:"w-full dark:bg-gray-700 dark:border-gray-600 dark:text-white"}),e.jsx(Ce,{htmlFor:"description",className:"mb-1 dark:text-gray-200",children:w("header.Description")}),e.jsx(ke,{id:"description",value:n,onChange:M=>s(M.target.value),placeholder:w("header.Description"),disabled:E,className:"w-full mb-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white"})]}),x&&e.jsx("p",{className:"text-sm text-red-500",children:x})]}),e.jsxs("div",{className:"flex justify-end gap-2 pt-4 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(J,{variant:"outline",onClick:()=>{N(),m(!1)},children:w("common.Cancel")}),e.jsx(J,{onClick:C,disabled:E,className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:E?w("contentManagement.saving"):i?w("delegation.update"):w("delegation.save")})]})]})]}),e.jsx("h3",{className:"font-semibold text-md dark:text-white",children:w("contentManagement.commonRemarks")}),E?e.jsx("div",{className:"text-center py-4 dark:text-gray-400",children:w("contentManagement.loading")}):e.jsx("div",{className:"overflow-x-auto max-h-[380px] overflow-y-auto border rounded dark:border-gray-600",children:e.jsxs("table",{className:"min-w-full text-sm text-left",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b bg-gray-100 dark:bg-gray-700",children:[e.jsx("th",{className:"px-3 py-2 dark:text-white",children:"#"}),e.jsx("th",{className:"px-3 py-2 dark:text-white",children:w("header.Remark")}),e.jsx("th",{className:"px-3 py-2 dark:text-white",children:w("header.Description")}),e.jsx("th",{className:"px-3 py-2 dark:text-white",children:w("userRecord.Actions")})]})}),e.jsx("tbody",{children:j!=null&&j.items.length?j.items?.map((M,I)=>e.jsxs("tr",{className:"border-b hover:bg-gray-50 dark:hover:bg-gray-700 dark:border-gray-600",children:[e.jsx("td",{className:"px-3 py-2 dark:text-gray-300",children:I+1}),e.jsx("td",{className:"px-3 py-2 dark:text-gray-300",children:M.remark}),e.jsx("td",{className:"px-3 py-2 dark:text-gray-300",children:M.description}),e.jsxs("td",{className:"px-3 py-2 flex gap-2",children:[e.jsx(J,{variant:"outline",size:"sm",onClick:()=>u(M),children:e.jsx(wr,{className:"h-4 w-4"})}),e.jsx(J,{variant:"destructive",size:"sm",onClick:()=>{g(M.id),f(!0)},children:e.jsx(Rt,{className:"h-4 w-4"})})]})]},M.id)):e.jsx("tr",{children:e.jsx("td",{colSpan:4,className:"text-center py-4 text-gray-500 dark:text-gray-400",children:w("contentManagement.noRec")})})})]})}),e.jsx(Bt,{open:l,onOpenChange:M=>{k.isPending||(f(M),M||g(null))},children:e.jsxs(Ut,{children:[e.jsxs(Ht,{children:[e.jsx(Kt,{children:w("common.delete")}),e.jsx(Vt,{children:w("contentManagement.deleteMsg")})]}),e.jsxs(Qt,{children:[e.jsx(Gt,{disabled:k.isPending,children:w("common.cancel")}),e.jsx(Wt,{className:"bg-red-600 hover:bg-red-700",disabled:k.isPending||!y,onClick:()=>{y&&k.mutate(y)},children:k.isPending?w("common.deleting","Deleting..."):w("common.delete")})]})]})})]})},Wn=({unitId:t})=>{var R,L;const[r,a]=c.useState([]),[n,s]=c.useState([]),[i,o]=c.useState(!0),[d,m]=c.useState(""),[l,f]=c.useState(null),[y,g]=c.useState("header"),[x,v]=c.useState(null),[p,j]=c.useState(!1),[E,b]=c.useState(null),k=c.useRef(null),N=_e(),u=sa.language,[C,M]=c.useState([]),{data:I}=Wa(t??"",{enabled:!!t}),se=(L=(R=I==null?void 0:I.data)==null?void 0:R.items)==null?void 0:L[0],Y=(se==null?void 0:se.canCreateDirectRecord)??!1,$=At(),[F,_]=c.useState(null),ne=T=>{var P,Z;const h=String(T.key||"").toLowerCase(),U=[(P=T.name)==null?void 0:P.en,(Z=T.name)==null?void 0:Z.am].filter(Boolean).join(" ").toLowerCase();return h.includes("direct")||U.includes("direct")},{recordTypes:X}=Er(),{allDepratments:W}=Er(),xe=c.useCallback(T=>T?u==="am"?T.am||T.en:T.en||T.am:"",[u]),ie=c.useCallback(async()=>{o(!0);try{const[T,h]=await Promise.all([Me.getHeadersByUnitId(t),Me.getFootersByUnitId(t)]),U=T.data.items.filter(q=>q.isCurrent&&q.uploadedSuccessfully),P=h.data.items.filter(q=>q.isCurrent&&q.uploadedSuccessfully),Z=async(q,de)=>Promise.all(q?.map(async fe=>{try{const Q=de==="header"?await Me.getHeaderById(fe.id):await Me.getFooterById(fe.id);return{...fe,presigned:Q.data.presigned}}catch{return fe}})),[ee,te]=await Promise.all([Z(U,"header"),Z(P,"footer")]);a(ee),s(te)}catch{ge.error(w("contentManagement.failedToLoadHeaderFooter"))}finally{o(!1)}},[t]),Ae=async(T,h,U)=>{try{const P={isCurrent:U};h==="header"?await Me.changeHeaderStatus(T,P):await Me.changeFooterStatus(T,P),N.invalidateQueries({queryKey:["headers-footers",t]}),ge.success(w("contentManagement.statusChanged")),ie()}catch{ge.error(w("contentManagement.statusChangeFailed"))}},je=async()=>{if(!d||!l){b(w("contentManagement.provideMsg"));return}j(!0),b(null);try{const T=await(y==="header"?Me.uploadAndCreateHeader(l,d,t,C,F):Me.uploadAndCreateFooter(l,d,t,C,F));T!=null&&T.id&&(y==="header"?await Me.changeHeaderStatus(T.id,{isCurrent:!0}):await Me.changeFooterStatus(T.id,{isCurrent:!0})),ge.success(`${y} ${w("contentManagement.uploadSuccess")}`),k.current&&(k.current.value=""),f(null),m(""),v(null),b(null),M([]),_(null),ie()}catch{b(w("contentManagement.uploadFailed")),ge.error(w("contentManagement.uploadFailed"))}finally{j(!1)}};c.useEffect(()=>{ie()},[ie]);const z=(X==null?void 0:X.filter(T=>Y?!0:!ne(T))?.map(T=>({label:T.key=="direct"?$({en:"Direct Letter",am:"ቀጥታ ደብዳቤ"}):$(T.name),value:T.key})))||[],O=(T,h,U)=>e.jsxs(Ke,{className:"p-6 border shadow-sm dark:border-gray-700 dark:bg-gray-800",children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsx("h2",{className:"font-semibold text-xl dark:text-white",children:T}),e.jsxs("span",{className:"text-sm text-muted-foreground dark:text-gray-400",children:[h.length," ",h.length===1?"item":"items"]})]}),i?e.jsx(et,{className:"h-40"}):h.length===0?e.jsxs("div",{className:"text-center py-8",children:[e.jsx("div",{className:"w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center",children:e.jsx("span",{className:"text-2xl text-gray-400 dark:text-gray-500",children:U==="header"?"📄":"📋"})}),e.jsxs("p",{className:"text-sm text-muted-foreground dark:text-gray-400 mb-2",children:["No ",T.toLowerCase()," found"]}),e.jsxs("p",{className:"text-xs text-muted-foreground dark:text-gray-500",children:["Upload your first ",U," using the form below"]})]}):e.jsx("div",{className:"space-y-4",children:h?.map(P=>e.jsxs("div",{className:`border rounded-lg p-4 ${P.isCurrent?"bg-primary-50 dark:bg-primary-900/30 border-primary-200 dark:border-primary-800 shadow-sm":"bg-white dark:bg-gray-700"}`,children:[e.jsx("div",{className:"flex items-start justify-between mb-3",children:e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("h3",{className:"font-semibold text-lg truncate dark:text-white",children:u==="en"?P.name.en:P.name.am}),P.isCurrent&&e.jsx("span",{className:"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary-100 dark:bg-primary-900/50 text-primary-800 dark:text-primary-300 flex-shrink-0",children:w("contentManagement.currentlyActive")})]}),e.jsx("p",{className:"text-sm text-muted-foreground dark:text-gray-400 truncate",children:P.fileInfo.fileName})]})}),e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[P.presigned&&e.jsx("div",{className:"flex-shrink-0",children:e.jsx("div",{className:"w-24 h-16 border rounded-md overflow-hidden bg-gray-50 dark:bg-gray-600",children:e.jsx("img",{src:P.presigned,alt:`${U} Preview`,className:"w-full h-full object-contain"})})}),e.jsx("div",{className:"flex items-center gap-2 ml-auto",children:e.jsx(J,{size:"sm",variant:"outline",onClick:()=>Ae(P.id,U,!1),className:"text-red-600 dark:text-red-400 border-red-300 dark:border-red-700 hover:bg-red-50 dark:hover:bg-red-900/30 whitespace-nowrap",children:w("contentManagement.delete")})})]})]},P.id))})]});return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"grid lg:grid-cols-2 gap-8",children:[O("Headers",r,"header"),O("Footers",n,"footer")]}),e.jsxs(Ke,{className:"p-4 border shadow-sm space-y-4 dark:border-gray-700 dark:bg-gray-800",children:[e.jsxs("h2",{className:"font-semibold text-lg flex items-center gap-2 dark:text-white",children:[e.jsx(ct,{className:"h-5 w-5"})," ",w("contentManagement.addHeaderFooter")]}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx(Ce,{className:"dark:text-gray-200",children:w("contentManagement.name")}),e.jsx(ke,{value:d,onChange:T=>{m(T.target.value),b(null)},placeholder:w("contentManagement.name"),disabled:p,className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"})]}),e.jsxs("div",{children:[e.jsx(Ce,{className:"dark:text-gray-200",children:w("contentManagement.type")}),e.jsxs("select",{value:y,onChange:T=>g(T.target.value),className:"w-full rounded border px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white",disabled:p,children:[e.jsx("option",{value:"header",children:w("contentManagement.header")}),e.jsx("option",{value:"footer",children:w("contentManagement.footer")})]})]}),e.jsxs("div",{children:[e.jsx(Ce,{className:"dark:text-gray-200",children:w("contentManagement.uploadFile")}),e.jsx(ke,{type:"file",accept:"image/*",ref:k,onChange:T=>{var U;const h=((U=T.target.files)==null?void 0:U[0])||null;if(h){if(h.size>5*1024*1024){b("File size must be less than 5 MB"),k.current&&(k.current.value=""),f(null),v(null);return}f(h),v(URL.createObjectURL(h))}else f(null),v(null);b(null)},disabled:p})]}),e.jsxs("div",{children:[e.jsx(Ce,{className:"dark:text-gray-200",children:w("contentManagement.positions")}),e.jsx(Xa,{options:(W==null?void 0:W?.map(T=>({label:xe(T.name),value:T.id})))??[],value:C,onValueChange:M,placeholder:w("contentManagement.selectPositions"),maxCount:5,className:"w-full max-w-full sm:max-w-md overflow-x-auto",animation:0})]}),e.jsxs("div",{children:[e.jsx(Ce,{className:"dark:text-gray-200",children:w("addRecord.Record Type")}),e.jsxs(ft,{value:F??"",onValueChange:T=>_(T||null),children:[e.jsx(ht,{children:e.jsx(xt,{placeholder:w("addRecord.Select Record Type")})}),e.jsx(yt,{children:z?.map(T=>e.jsx(bt,{value:T.value,children:T.label},T.value))})]})]})]}),x&&e.jsxs("div",{className:"mt-2",children:[e.jsx(Ce,{className:"dark:text-gray-200",children:w("contentManagement.preview")}),e.jsx("div",{className:"border rounded p-2 inline-block mt-1 dark:border-gray-600",children:e.jsx("img",{src:x,alt:"Preview",className:"h-24 object-contain rounded"})})]}),E&&e.jsx("p",{className:"text-sm text-red-500",children:E}),e.jsx(J,{onClick:je,disabled:p,className:"bg-primary hover:bg-primary/90 text-primary-foreground w-full",children:p?w("PDF.uploading"):`${w("signatureUpload.upload")} ${y}`})]})]})},Yn=({items:t,isLoading:r,onEdit:a,onDelete:n,showPositionColumn:s=!1,showCountColumn:i=!1,positions:o=[]})=>{const d=_e(),m=b=>{var N,u;const k=o.find(C=>C.id===b);return((N=k==null?void 0:k.name)==null?void 0:N.en)||((u=k==null?void 0:k.name)==null?void 0:u.am)||b},[l,f]=c.useState(null),[y,g]=c.useState(""),x=b=>{var k,N;return((N=(k=b.recordSequences)==null?void 0:k[0])==null?void 0:N.count)??b.count??void 0},v=b=>{var k,N;return((N=(k=b.recordSequences)==null?void 0:k[0])==null?void 0:N.id)??b.sequenceId??void 0},p=b=>{const k=x(b)??0,N=v(b);N&&(f({itemId:N,currentCount:k}),g(String(k)))},j=()=>{f(null),g(""),d.invalidateQueries({queryKey:["prefixes-by-position"]}),d.invalidateQueries({queryKey:["unit-reference-numbers"]})},E=b=>{if(b.preventDefault(),!l)return;const k=parseInt(y,10);isNaN(k)||k<0||Pe.updateCount(l.itemId,k).then(()=>{j()})};return e.jsxs("div",{className:"overflow-x-auto border rounded-lg dark:border-gray-600",children:[e.jsxs("table",{className:"min-w-full text-sm text-left",children:[e.jsx("thead",{className:"bg-gray-50 dark:bg-gray-700 border-b dark:border-gray-600",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 dark:text-white",children:"#"}),e.jsx("th",{className:"px-4 py-3 dark:text-white",children:w("header.amharic")}),e.jsx("th",{className:"px-4 py-3 dark:text-white",children:w("header.english")}),e.jsx("th",{className:"px-4 py-3 dark:text-white",children:w("contentManagement.type")}),s&&e.jsx("th",{className:"px-4 py-3 dark:text-white",children:w("contentManagement.position")}),i&&e.jsx("th",{className:"px-4 py-3 dark:text-white",children:w("contentManagement.count")}),e.jsx("th",{className:"px-4 py-3 dark:text-white",children:w("userRecord.Actions")})]})}),e.jsx("tbody",{children:r?e.jsx("tr",{children:e.jsx("td",{colSpan:s?6:5,className:"text-center py-8 text-gray-500 dark:text-gray-400",children:w("contentManagement.loading")})}):t.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:s?6:5,className:"text-center py-8 text-gray-500 dark:text-gray-400",children:w("contentManagement.noRec")})}):t?.map((b,k)=>{var N,u;return e.jsxs("tr",{className:"border-b hover:bg-gray-50 dark:hover:bg-gray-700 dark:border-gray-600",children:[e.jsx("td",{className:"px-4 py-3 dark:text-gray-300",children:k+1}),e.jsx("td",{className:"px-4 py-3 dark:text-gray-300",children:((N=b.name)==null?void 0:N.am)||"-"}),e.jsx("td",{className:"px-4 py-3 dark:text-gray-300",children:((u=b.name)==null?void 0:u.en)||"-"}),e.jsxs("td",{className:"px-4 py-3 capitalize dark:text-gray-300",children:[b.type,b.isForCC&&e.jsx("span",{className:"ml-1 text-xs text-purple-600 dark:text-purple-400",children:"(CC)"})]}),s&&e.jsx("td",{className:"px-4 py-3 dark:text-gray-300",children:b.positionId?m(b.positionId):"-"}),i&&e.jsx("td",{className:"px-4 py-3 dark:text-gray-300",children:(()=>{const C=x(b);return C===void 0?"-":e.jsx("button",{onClick:()=>p(b),className:"text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 underline cursor-pointer",children:C})})()}),e.jsx("td",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex gap-2",children:[e.jsx(J,{variant:"ghost",size:"sm",onClick:()=>a(b),children:e.jsx(wr,{className:"h-4 w-4"})}),e.jsx(J,{variant:"ghost",size:"sm",className:"text-red-600 hover:text-red-800 dark:text-red-400 dark:hover:text-red-300",onClick:()=>n(b.id,b.type,b.recordTypeKey),children:e.jsx(Rt,{className:"h-4 w-4"})})]})})]},b.id)})})]}),l&&e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50",children:e.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 w-80",children:[e.jsxs("div",{className:"flex justify-between items-center mb-4",children:[e.jsx("h3",{className:"text-lg font-semibold dark:text-white",children:w("contentManagement.updateCount")}),e.jsx("button",{onClick:j,className:"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",children:e.jsx(lt,{className:"h-5 w-5"})})]}),e.jsxs("form",{onSubmit:E,children:[e.jsxs("div",{className:"space-y-2 mb-4",children:[e.jsxs(Ce,{htmlFor:"countValue",className:"dark:text-gray-200",children:[w("contentManagement.value")," *"]}),e.jsx(ke,{id:"countValue",type:"number",min:"0",value:y,onChange:b=>g(b.target.value),placeholder:w("contentManagement.enterValue"),className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"}),e.jsxs("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:[w("contentManagement.currentCount"),":"," ",l.currentCount]})]}),e.jsxs("div",{className:"flex gap-2 justify-end",children:[e.jsx(J,{type:"button",variant:"outline",onClick:j,children:w("common.cancel")}),e.jsx(J,{type:"submit",children:w("common.submit")})]})]})]})})]})},ut=(t,r)=>{var n,s;const a=t;return((s=(n=a==null?void 0:a.response)==null?void 0:n.data)==null?void 0:s.message)||(a==null?void 0:a.message)||r},wt=t=>{var n,s,i;const r=t,a=((s=(n=r==null?void 0:r.response)==null?void 0:n.data)==null?void 0:s.message)||(r==null?void 0:r.message)||"";return((i=r==null?void 0:r.response)==null?void 0:i.status)===400&&/unit not found/i.test(a)},Mr=t=>({data:t,status:200,statusText:"OK",headers:{},config:{}}),Yt={getReferenceNumbers:async t=>{try{return await re.get(`/unit-configurations/${t}/reference-number`)}catch(r){if(wt(r))return Mr([]);throw new Error(ut(r,"Failed to fetch reference numbers"))}},getTagBasedReferences:async(t,r)=>{try{return await re.get(`/record-prefixes/list/${t}/`)}catch(a){if(wt(a))return Mr([]);throw new Error(ut(a,"Failed to fetch reference numbers"))}},getUnitConfiguration:async t=>{try{return await re.get(`/unit-configurations/${t}`)}catch(r){throw new Error(ut(r,"Failed to fetch unit configuration"))}},addReferenceNumber:async(t,r)=>{try{return await re.post(`/unit-configurations/${t}/reference-number`,r)}catch(a){if(wt(a))return await re.post("/unit-configurations",{unitId:t}),await re.post(`/unit-configurations/${t}/reference-number`,r);throw new Error(ut(a,"Failed to add reference numbers"))}},updateInternalMemoReferencePrefix:async(t,r)=>{try{return await re.patch(`/unit-configurations/add-internal-memo-reference-number-prefix/${t}`,r)}catch(a){if(wt(a))return await re.post("/unit-configurations",{unitId:t}),await re.patch(`/unit-configurations/add-internal-memo-reference-number-prefix/${t}`,r);throw new Error(ut(a,"Failed to update internal memo reference prefix"))}},updateExternalReferencePrefix:async(t,r)=>{try{return await re.patch(`/unit-configurations/add-external-reference-number-prefix/${t}`,r)}catch(a){if(wt(a))return await re.post("/unit-configurations",{unitId:t}),await re.patch(`/unit-configurations/add-external-reference-number-prefix/${t}`,r);throw new Error(ut(a,"Failed to update external reference prefix"))}}},fa=t=>Ee({queryKey:["unit-reference-numbers",t],queryFn:()=>Yt.getReferenceNumbers(t),enabled:!!t}),Xn=()=>{const t=_e();return Ne({mutationFn:({unitId:r,payload:a})=>Yt.addReferenceNumber(r,a),onSuccess:(r,a)=>{t.invalidateQueries({queryKey:["unit-reference-numbers",a.unitId]}),t.invalidateQueries({queryKey:["unit-configuration",a.unitId]})}})},Jn=()=>{const t=_e();return Ne({mutationFn:({unitId:r,payload:a})=>Yt.updateInternalMemoReferencePrefix(r,a),onSuccess:(r,a)=>{t.invalidateQueries({queryKey:["unit-reference-numbers",a.unitId]}),t.invalidateQueries({queryKey:["unit-configuration",a.unitId]})}})},Zn=()=>{const t=_e();return Ne({mutationFn:({unitId:r,payload:a})=>Yt.updateExternalReferencePrefix(r,a),onSuccess:(r,a)=>{t.invalidateQueries({queryKey:["unit-reference-numbers",a.unitId]}),t.invalidateQueries({queryKey:["unit-configuration",a.unitId]})}})},es=({open:t,onClose:r,onSuccess:a,unitId:n,cardType:s,recordType:i,editingItem:o,positions:d=[]})=>{var Ae,je;const m=_e(),l=!!o,[f,y]=c.useState(""),[g,x]=c.useState(""),[v,p]=c.useState(""),j=["reference","externalReference","internalMemoReference"].includes(s),E=i==="positionPrefix",b=s.includes("CC"),k=s==="reference",N=s==="externalReference",u=s==="internalMemoReference",C=d.filter(z=>!!(z!=null&&z.id))?.map(z=>{var O,R;return{value:z.id,label:((O=z.name)==null?void 0:O.en)||((R=z.name)==null?void 0:R.am)||z.id}}),M=s==="internalPrefix"?"internal":s==="externalPrefix"?"external":s==="internalMemoPrefix"?"internal_memo":o==null?void 0:o.recordTypeKey,{data:I}=fa(j?n:""),se=Xn(),Y=Jn(),$=Zn(),{handleError:F}=dt(w),_=((je=(Ae=I==null?void 0:I.data)==null?void 0:Ae.items)==null?void 0:je[0])||(I==null?void 0:I.data)||{},ne=Array.isArray(_);ne&&(_==null||_.find(z=>z.name==="referenceNumberPrefix")),ne&&(_==null||_.find(z=>z.name==="externalReferenceNumberPrefix")),ne&&(_==null||_.find(z=>z.name==="internalMemoReferenceNumberPrefix")),c.useEffect(()=>{var z,O,R,L;o?(j?(y(((z=o.name)==null?void 0:z.am)||""),x(((O=o.name)==null?void 0:O.en)||"")):(y(((R=o.name)==null?void 0:R.am)||""),x(((L=o.name)==null?void 0:L.en)||"")),p(o.positionId||"")):(y(""),x(""),p(""))},[o,j]),c.useEffect(()=>{if(!(!j||o)){if(k){y(_.referenceNumberPrefix||""),x(_.referenceNumberPrefix||"");return}if(N){y(_.externalReferenceNumberPrefix||""),x(_.externalReferenceNumberPrefix||"");return}u&&(y(_.internalMemoReferenceNumberPrefix||""),x(_.internalMemoReferenceNumberPrefix||""))}},[o,j,k,N,u,_.referenceNumberPrefix,_.externalReferenceNumberPrefix,_.internalMemoReferenceNumberPrefix]);const{mutate:X,isPending:W}=Ne({mutationFn:async()=>{const z=i,O=j||E||s==="prefix"||s==="prefixCC"||s==="internalPrefix"||s==="externalPrefix"||s==="internalMemoPrefix";let R,L;if(j){if(k){await se.mutateAsync({unitId:n,payload:{referenceNumberPrefix:{am:f,en:g}}});return}if(N){await $.mutateAsync({unitId:n,payload:{externalReferenceNumberPrefix:{am:f,en:g}}});return}if(u){await Y.mutateAsync({unitId:n,payload:{internalMemoReferenceNumberPrefix:{am:f,en:g}}});return}}else if(E){if(M!=="internal"&&M!=="external"&&M!=="internal_memo")throw new Error("Position prefix requires internal, external, or internal_memo recordTypeKey");R={unitId:n,recordTypeKey:M,isForCC:!1,positionId:v,name:{am:f,en:g}}}else{const T={unitId:n,recordTypeKey:z,isForCC:b,name:{am:f,en:g}};s==="suffix"||s==="suffixCC"?L=T:R=T}if(l){if(O&&R)return Pe.editPrefix(o.id,R);if(L)return Pe.editSuffix(o.id,L);throw new Error("Invalid prefix/suffix payload for update")}if(O&&R)return Pe.createPrefix(R);if(L)return Pe.createSuffix(L);throw new Error("Invalid prefix/suffix payload for create")},onSuccess:()=>{m.invalidateQueries({queryKey:["prefixSuffix"]}),ge.success(w("msg.successfullyCompleted")),a()},onError:z=>{F(z)}}),xe=z=>{z.preventDefault(),X()},ie=()=>j?f.trim()!==""&&g.trim()!=="":E?f.trim()!==""&&g.trim()!==""&&v:f.trim()!==""&&g.trim()!=="";return e.jsx(Qe,{open:t,onOpenChange:r,children:e.jsxs(Ge,{className:"sm:max-w-[500px] dark:bg-gray-800",children:[e.jsx(We,{children:e.jsxs(Ye,{className:"dark:text-white",children:[l?w("contentManagement.edit"):w("contentManagement.add")," ",w(`contentManagement.${s}`)]})}),e.jsxs("form",{onSubmit:xe,className:"space-y-4",children:[j?e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(Ce,{htmlFor:"nameAm",className:"dark:text-gray-200",children:[w("contentManagement.amharicName")," *"]}),e.jsx(ke,{id:"nameAm",value:f,onChange:z=>y(z.target.value),placeholder:w("contentManagement.amharicName"),disabled:W,className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(Ce,{htmlFor:"nameEn",className:"dark:text-gray-200",children:[w("contentManagement.englishName")," *"]}),e.jsx(ke,{id:"nameEn",value:g,onChange:z=>x(z.target.value),placeholder:w("contentManagement.englishName"),disabled:W,className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(Ce,{htmlFor:"nameAm",className:"dark:text-gray-200",children:[w("contentManagement.amharicName")," *"]}),e.jsx(ke,{id:"nameAm",value:f,onChange:z=>y(z.target.value),placeholder:w("contentManagement.amharicName"),disabled:W,className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(Ce,{htmlFor:"nameEn",className:"dark:text-gray-200",children:[w("contentManagement.englishName")," *"]}),e.jsx(ke,{id:"nameEn",value:g,onChange:z=>x(z.target.value),placeholder:w("contentManagement.englishName"),disabled:W,className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"})]})]}),E&&e.jsxs("div",{className:"space-y-2",children:[e.jsxs(Ce,{htmlFor:"position",className:"dark:text-gray-200",children:[w("contentManagement.position")," *"]}),e.jsx(Za,{options:C,value:v,onValueChange:p,placeholder:w("contentManagement.selectPosition"),className:W?"pointer-events-none opacity-60":""})]}),e.jsxs("div",{className:"flex justify-end gap-2 pt-4",children:[e.jsx(J,{type:"button",variant:"outline",onClick:r,disabled:W,children:w("common.Cancel")}),e.jsx(J,{type:"submit",disabled:!ie()||W,className:"bg-purple-600 hover:bg-purple-700",children:W?w("contentManagement.saving"):k&&(_.referenceNumberPrefix||_.externalReferenceNumberPrefix||_.internalMemoReferenceNumberPrefix)||l?w("common.update"):w("common.save")})]})]})]})})},ts=(t,r,a=0,n=10)=>Ee({queryKey:["prefixes",t,r,{cc:!1}],queryFn:()=>Pe.getPrefix(t,r,a,n),enabled:!!t&&!!r}),rs=(t,r,a=0,n=10)=>Ee({queryKey:["prefixes",t,r,{cc:!0}],queryFn:()=>Pe.getPrefixCC(t,r,a,n),enabled:!!t&&!!r}),as=(t,r,a=0,n=10)=>Ee({queryKey:["prefixes-by-position",t,r],queryFn:()=>Pe.getPrefixByPosition(t,r,a,n),enabled:!!t&&!!r}),ns=()=>{const t=_e();return Ne({mutationFn:({id:r})=>Pe.deletePrefix(r),onSuccess:(r,a)=>{t.invalidateQueries({queryKey:["prefixes",a.unitId,a.recordTypeKey,{cc:a.isForCC}]}),t.invalidateQueries({queryKey:["prefix",a.id]})}})},ss=(t,r,a=0,n=10)=>Ee({queryKey:["suffixes",t,r,{cc:!1}],queryFn:()=>Pe.getSuffix(t,r,a,n),enabled:!!t&&!!r}),is=(t,r,a=0,n=10)=>Ee({queryKey:["suffixes",t,r,{cc:!0}],queryFn:()=>Pe.getSuffixCC(t,r,a,n),enabled:!!t&&!!r}),os=()=>{const t=_e();return Ne({mutationFn:({id:r})=>Pe.deleteSuffix(r),onSuccess:(r,a)=>{t.invalidateQueries({queryKey:["suffixes",a.unitId,a.recordTypeKey,{cc:a.isForCC}]}),t.invalidateQueries({queryKey:["suffix",a.id]})}})},ls=({unitId:t,recordTagId:r,skip:a=0,take:n=10})=>{const{t:s}=Ie(),{handleError:i}=dt(s),o=_e(),{data:d,isLoading:m,isError:l,refetch:f}=Ee({queryKey:["recordTagPrefixes",t,r,a,n],queryFn:async()=>{const{data:p}=await Pe.getPrefixByRecordTagId(t,r,a,n);return p},enabled:!!t&&!!r,staleTime:300*1e3,retry:!1}),{mutate:y,isPending:g}=Ne({mutationFn:async p=>{const{data:j}=await Pe.createPrefix(p);return j},onSuccess:()=>{ge.success(s("prefixes.createdSuccess")||"Prefix created successfully ✅"),o.invalidateQueries({queryKey:["recordTagPrefixes",t,r]})},onError:p=>{i(p)}}),{mutate:x,isPending:v}=Ne({mutationFn:async p=>{const{data:j}=await Pe.deletePrefix(p);return j},onSuccess:()=>{ge.success(s("prefixes.deletedSuccess")||"Prefix deleted successfully 🗑️"),o.invalidateQueries({queryKey:["recordTagPrefixes",t,r]})},onError:p=>{i(p)}});return{prefixes:(d==null?void 0:d.items)??[],total:(d==null?void 0:d.count)??0,isLoadingPrefixes:m,isErrorPrefixes:l,refetchPrefixes:f,createPrefix:y,isCreatingPrefix:g,deletePrefix:x,isDeletingPrefix:v}},kt={getRecordTags:t=>He.get(`/record-tags/${t}`,{headers:ae()}),getRecordTagsListWithUnitById:t=>He.get(`/record-tags/list/${t}`,{headers:ae()}),createRecordTags:t=>He.post("/record-tags",{...t,recordTypeKey:"external"},{headers:ae()}),updateEmployee:(t,r)=>He.put(`/record-tags/${t}`,r,{headers:ae()}),deleteEmployee:t=>He.delete(`/record-tags/${t}`,{headers:ae()})},Mt=({unitId:t,recordTagId:r})=>{const{t:a}=Ie(),{handleError:n}=dt(a),{data:s,isLoading:i,isError:o,refetch:d}=Ee({queryKey:["recordTagsList",t],queryFn:async()=>{const{data:b}=await kt.getRecordTagsListWithUnitById(t);return b},enabled:!!t,staleTime:300*1e3,retry:!1}),{data:m,isLoading:l,isError:f,refetch:y}=Ee({queryKey:["recordTag",r],queryFn:async()=>{const{data:b}=await kt.getRecordTags(r);return b},enabled:!!r,staleTime:300*1e3,retry:!1}),{mutate:g,isPending:x}=Ne({mutationFn:async b=>{const{data:k}=await kt.createRecordTags(b);return k},onSuccess:()=>{ge.success("Record Tag created successfully ✅"),d()},onError:b=>{n(b)}}),{mutate:v,isPending:p}=Ne({mutationFn:async({id:b,payload:k})=>{const{data:N}=await kt.updateEmployee(b,k);return N},onSuccess:()=>{ge.success("Record Tag updated successfully ✨"),d()},onError:b=>{n(b)}}),{mutate:j,isPending:E}=Ne({mutationFn:async b=>{const{data:k}=await kt.deleteEmployee(b);return k},onSuccess:()=>{ge.success("Record Tag deleted successfully 🗑️"),d()},onError:b=>{n(b)}});return{recordTagsList:s,isLoadingRecordTagsList:i,isErrorRecordTagsList:o,refetchRecordTagsList:d,recordTag:m,isLoadingRecordTag:l,isErrorRecordTag:f,refetchRecordTag:y,createRecordTag:g,isCreatingRecordTag:x,updateRecordTag:v,isUpdatingRecordTag:p,deleteRecordTag:j,isDeletingRecordTag:E}};function cs({unitId:t,selectedTagIds:r,onChange:a,placeholder:n="Select tags...",multiple:s=!0,disabled:i=!1,className:o,maxDisplayTags:d=3,error:m}){const{t:l}=Ie(),[f,y]=c.useState(!1),g=At(),{recordTagsList:x,isLoadingRecordTagsList:v,isErrorRecordTagsList:p}=Mt({unitId:t}),j=(x==null?void 0:x.items)??[],E=j.filter(u=>r.includes(u.id)),b=c.useCallback(u=>{s?a(r.includes(u)?r.filter(C=>C!==u):[...r,u]):(a(r.includes(u)?[]:[u]),y(!1))},[s,a,r]),k=c.useCallback((u,C)=>{u.stopPropagation(),a(r.filter(M=>M!==C))},[a,r]),N=c.useCallback(u=>{u.stopPropagation(),a([])},[a]);return e.jsxs("div",{className:be("flex flex-col gap-1.5",o),children:[e.jsxs(en,{open:f,onOpenChange:y,children:[e.jsx(tn,{asChild:!0,children:e.jsxs(J,{variant:"outline",role:"combobox","aria-expanded":f,disabled:i||v,className:be("w-full justify-between min-h-[40px] h-auto px-3 py-2",!s&&E.length>0&&"justify-start gap-2",m&&"border-destructive ring-destructive","hover:bg-accent"),children:[v?e.jsxs("div",{className:"flex items-center gap-2 text-muted-foreground",children:[e.jsx(lr,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-sm",children:l("common.loading")})]}):E.length===0?e.jsx("span",{className:"text-muted-foreground text-sm",children:n}):s?e.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 flex-1",children:[E.slice(0,d)?.map(u=>e.jsxs(cr,{variant:"secondary",className:"gap-1 px-2 py-0.5 text-xs font-medium cursor-default",style:{backgroundColor:u.color?`${u.color}20`:void 0,color:u.color,borderColor:u.color},children:[u.name,e.jsx(lt,{className:"h-3 w-3 cursor-pointer hover:text-destructive",onClick:C=>k(C,u.id)})]},u.id)),E.length>d&&e.jsxs(cr,{variant:"secondary",className:"text-xs",children:["+",E.length-d]})]}):e.jsx("div",{className:"flex items-center gap-2 flex-1",children:e.jsx("span",{className:"text-sm",children:g(E[0].name)})}),e.jsxs("div",{className:"flex items-center gap-1 shrink-0 ml-2",children:[E.length>0&&!i&&e.jsx(lt,{className:"h-4 w-4 text-muted-foreground hover:text-foreground cursor-pointer",onClick:N}),e.jsx(wn,{className:"h-4 w-4 text-muted-foreground shrink-0"})]})]})}),e.jsx(rn,{className:"w-[--radix-popover-trigger-width] p-0",align:"start",children:e.jsxs(an,{children:[e.jsx(nn,{placeholder:l("common.search")||"Search tags..."}),e.jsxs(sn,{children:[e.jsx(on,{children:p?e.jsx("div",{className:"py-6 text-center text-sm text-destructive",children:l("common.errorLoading")}):l("common.noResults")||"No tags found."}),e.jsx(ln,{children:j?.map(u=>{const C=r.includes(u.id);return e.jsx(cn,{value:u.id,onSelect:()=>b(u.id),className:"cursor-pointer",children:e.jsxs("div",{className:"flex items-center gap-3 flex-1",children:[e.jsx("div",{className:be("flex h-4 w-4 items-center justify-center rounded-sm border border-primary",C?"bg-primary text-primary-foreground":"opacity-50"),children:C&&e.jsx(_a,{className:"h-3 w-3"})}),e.jsx("span",{className:"flex-1 text-sm",children:g(u.name)})]})},u.id)})})]})]})})]}),m&&e.jsx("p",{className:"text-xs text-destructive",children:m})]})}function ds({className:t,...r}){return e.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:be("mx-auto flex w-full justify-center",t),...r})}function us({className:t,...r}){return e.jsx("ul",{"data-slot":"pagination-content",className:be("flex flex-row items-center gap-1",t),...r})}function ar({...t}){return e.jsx("li",{"data-slot":"pagination-item",...t})}function Nr({className:t,isActive:r,size:a="icon",...n}){return e.jsx("a",{"aria-current":r?"page":void 0,"data-slot":"pagination-link","data-active":r,className:be(Da({variant:r?"outline":"ghost",size:a}),t),...n})}function ms({className:t,...r}){return e.jsxs(Nr,{"aria-label":"Go to previous page",size:"default",className:be("gap-1 px-2.5 sm:pl-2.5",t),...r,children:[e.jsx(ma,{}),e.jsx("span",{className:"hidden sm:block",children:"Previous"})]})}function gs({className:t,...r}){return e.jsxs(Nr,{"aria-label":"Go to next page",size:"default",className:be("gap-1 px-2.5 sm:pr-2.5",t),...r,children:[e.jsx("span",{className:"hidden sm:block",children:"Next"}),e.jsx(vr,{})]})}function ps({unitId:t,className:r}){const{t:a}=Ie(),n=At(),[s,i]=c.useState(""),[o,d]=c.useState(!1),[m,l]=c.useState(null),[f,y]=c.useState(1),g=10,x=(f-1)*g,{recordTagsList:v,isLoadingRecordTagsList:p}=Mt({unitId:t}),{prefixes:j,total:E,isLoadingPrefixes:b,isErrorPrefixes:k,createPrefix:N,isCreatingPrefix:u,deletePrefix:C,isDeletingPrefix:M}=ls({unitId:t,recordTagId:s||void 0,skip:x,take:g}),I=Math.ceil(E/g);c.useEffect(()=>{y(1)},[s]);const se=c.useMemo(()=>{var F;return(F=v==null?void 0:v.items)==null?void 0:F.find(_=>_.id===s)},[v,s]),Y=c.useCallback(F=>{var xe,ie;F.preventDefault();const _=new FormData(F.currentTarget),ne=(xe=_.get("nameAm"))==null?void 0:xe.trim(),X=(ie=_.get("nameEn"))==null?void 0:ie.trim();if(!ne||!X)return;N({name:{am:ne,en:X},unitId:t,isForCC:!1,recordTagId:s||void 0},{onSuccess:()=>{d(!1)}})},[N,s,t]),$=c.useCallback(()=>{m&&C(m,{onSuccess:()=>l(null)})},[C,m]);return e.jsxs("div",{className:be("space-y-6",r),children:[e.jsxs("div",{className:"flex flex-col sm:flex-row items-start sm:items-end gap-4",children:[e.jsxs("div",{className:"flex-1 w-full sm:w-auto space-y-2",children:[e.jsx(Ce,{className:"text-sm font-medium",children:a("nav.selectTag")||"Select Record Tag"}),e.jsx(cs,{unitId:t,selectedTagIds:s?[s]:[],onChange:F=>i(F[0]||""),placeholder:a("nav.selectTag")||"Choose a tag to view prefixes...",multiple:!1,disabled:p})]}),e.jsxs(Qe,{open:o,onOpenChange:d,children:[e.jsx(jr,{asChild:!0,children:e.jsxs(J,{className:"shrink-0",disabled:!s||b,children:[e.jsx(ct,{className:"h-4 w-4 mr-2"}),a("contentManagement.addPrefix")||"Add Prefix"]})}),e.jsxs(Ge,{className:"sm:max-w-[500px]",children:[e.jsx(We,{children:e.jsx(Ye,{children:a("contentManagement.addPrefix")||"Add New Prefix"})}),e.jsxs("form",{id:"add-prefix-form",onSubmit:Y,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(Ce,{htmlFor:"nameAm",className:"dark:text-gray-200",children:[a("contentManagement.amharicName")," *"]}),e.jsx(ke,{id:"nameAm",name:"nameAm",placeholder:a("contentManagement.amharicName"),required:!0,autoFocus:!0,className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(Ce,{htmlFor:"nameEn",className:"dark:text-gray-200",children:[a("contentManagement.englishName")," *"]}),e.jsx(ke,{id:"nameEn",name:"nameEn",placeholder:a("contentManagement.englishName"),required:!0,className:"dark:bg-gray-700 dark:border-gray-600 dark:text-white"})]})]}),e.jsxs(Ia,{children:[e.jsx(J,{type:"button",variant:"outline",onClick:()=>d(!1),children:a("common.cancel")||"Cancel"}),e.jsxs(J,{type:"submit",form:"add-prefix-form",disabled:u,children:[u&&e.jsx(lr,{className:"h-4 w-4 mr-2 animate-spin"}),a("common.save")||"Save"]})]})]})]})]}),se&&e.jsxs("div",{className:"flex items-center gap-2 text-sm text-muted-foreground",children:[e.jsx("span",{children:"Showing prefixes for:"}),e.jsx(cr,{variant:"outline",children:n(se.name)}),e.jsxs("span",{className:"text-xs",children:["(",E," items)"]})]}),e.jsx("div",{className:"rounded-md border",children:e.jsxs(la,{children:[e.jsx(ca,{children:e.jsxs(Ze,{children:[e.jsx(Ve,{className:"w-[80px]",children:a("common.no")||"#"}),e.jsx(Ve,{children:a("contentManagement.amharicName")}),e.jsx(Ve,{children:a("contentManagement.englishName")}),e.jsx(Ve,{children:a("contentManagement.createdAt")||"Created"}),e.jsx(Ve,{className:"w-[100px] text-right",children:a("common.actions")||"Actions"})]})}),e.jsxs(da,{children:[b&&e.jsx(e.Fragment,{children:Array.from({length:5})?.map((F,_)=>e.jsxs(Ze,{children:[e.jsx(Te,{children:e.jsx(et,{className:"h-4 w-8"})}),e.jsx(Te,{children:e.jsx(et,{className:"h-4 w-24"})}),e.jsx(Te,{children:e.jsx(et,{className:"h-4 w-20"})}),e.jsx(Te,{children:e.jsx(et,{className:"h-4 w-32"})}),e.jsx(Te,{children:e.jsx(et,{className:"h-4 w-24"})}),e.jsx(Te,{children:e.jsx(et,{className:"h-8 w-8 ml-auto"})})]},`skeleton-${_}`))}),k&&!b&&e.jsx(Ze,{children:e.jsx(Te,{colSpan:6,className:"h-32 text-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-2 text-destructive",children:[e.jsx(dn,{className:"h-8 w-8"}),e.jsx("p",{className:"text-sm",children:a("common.errorLoading")||"Failed to load prefixes"}),e.jsx(J,{variant:"outline",size:"sm",onClick:()=>window.location.reload(),children:a("common.retry")||"Retry"})]})})}),!b&&!k&&e.jsxs(e.Fragment,{children:[!s&&e.jsx(Ze,{children:e.jsx(Te,{colSpan:6,className:"h-32 text-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-2 text-muted-foreground",children:[e.jsx("span",{className:"text-2xl",children:"🏷️"}),e.jsx("p",{className:"text-sm",children:a("nav.selectTag")||"Select a tag above to view its prefixes"})]})})}),s&&j.length===0&&e.jsx(Ze,{children:e.jsx(Te,{colSpan:6,className:"h-32 text-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-2 text-muted-foreground",children:[e.jsx(ct,{className:"h-8 w-8 opacity-50"}),e.jsx("p",{className:"text-sm",children:a("nav.emptyState")||"No prefixes found for this tag"}),e.jsx(J,{variant:"outline",size:"sm",onClick:()=>d(!0),children:a("nav.addNew")||"Add your first prefix"})]})})}),j?.map((F,_)=>{var ne,X;return e.jsxs(Ze,{className:"group",children:[e.jsx(Te,{className:"text-muted-foreground text-sm",children:x+_+1}),e.jsx(Te,{className:"font-medium",children:((ne=F.name)==null?void 0:ne.am)||e.jsx("span",{className:"text-muted-foreground text-sm",children:"—"})}),e.jsx(Te,{children:((X=F.name)==null?void 0:X.en)||e.jsx("span",{className:"text-muted-foreground text-sm",children:"—"})}),e.jsx(Te,{className:"text-muted-foreground text-sm",children:new Date(F.createdAt).toLocaleDateString()}),e.jsx(Te,{className:"text-right",children:e.jsx(J,{variant:"ghost",size:"icon",className:"h-8 w-8 text-muted-foreground hover:text-destructive opacity-0 group-hover:opacity-100 transition-opacity",onClick:()=>l(F.id),disabled:M,children:e.jsx(Rt,{className:"h-4 w-4"})})})]},F.id)})]})]})]})}),I>1&&e.jsx(ds,{children:e.jsxs(us,{children:[e.jsx(ar,{children:e.jsx(ms,{onClick:()=>y(F=>Math.max(1,F-1)),className:be(f===1&&"pointer-events-none opacity-50")})}),Array.from({length:I},(F,_)=>_+1)?.map(F=>e.jsx(ar,{children:e.jsx(Nr,{isActive:f===F,onClick:()=>y(F),children:F})},F)),e.jsx(ar,{children:e.jsx(gs,{onClick:()=>y(F=>Math.min(I,F+1)),className:be(f===I&&"pointer-events-none opacity-50")})})]})}),e.jsx(Bt,{open:!!m,onOpenChange:F=>!F&&l(null),children:e.jsxs(Ut,{children:[e.jsxs(Ht,{children:[e.jsx(Kt,{children:a("prefixes.deleteConfirmTitle")||"Delete Prefix?"}),e.jsx(Vt,{children:a("prefixes.deleteConfirmDescription")||"This action cannot be undone. This will permanently delete the prefix."})]}),e.jsxs(Qt,{children:[e.jsx(Gt,{disabled:M,children:a("common.cancel")||"Cancel"}),e.jsxs(Wt,{onClick:$,disabled:M,className:"bg-destructive text-destructive-foreground hover:bg-destructive/90",children:[M&&e.jsx(lr,{className:"h-4 w-4 mr-2 animate-spin"}),a("common.delete")||"Delete"]})]})]})})]})}const fs=[{id:"internal",label:"nav.internal"},{id:"external",label:"nav.external"},{id:"internal_memo",label:"nav.internal_memo"},{id:"branch",label:"nav.branch"},{id:"tag-based-reference",label:"nav.tagBasedReference"},{id:"referenceNumber",label:"userRecord.Reference"},{id:"positionPrefix",label:"contentManagement.positionPrefixes"}],Nt=t=>t==="positionPrefix"?"internalPrefix":t==="referenceNumber"?"reference":"prefix",hs=({unitId:t,initialTab:r="internal"})=>{var H,ue,D,we,S,B,V;const{handleError:a}=dt(w),[n,s]=c.useState(r),[i,o]=c.useState(Nt(r)),[d,m]=c.useState(!1),[l,f]=c.useState(null),y=_e(),{mutateAsync:g}=ns(),{mutateAsync:x}=os(),{usePositionListByUnitId:v}=Ja(),{data:p}=v(t,{take:1e3,skip:0}),j=(p==null?void 0:p.items)||[];c.useEffect(()=>{s(r),o(Nt(r))},[r]),c.useEffect(()=>{o(Nt(n))},[n]);const E=A=>{f({cardType:A,recordType:n}),m(!0)},b=A=>{f({cardType:A.type,recordType:n,editingItem:A}),m(!0)},k=async(A,K,he)=>{if(K==="reference"||K==="externalReference"||K==="internalMemoReference"){ge.error(w("msg.errorOccurred"));return}const Oe=K==="prefix"||K==="prefixCC"||K==="internalPrefix"||K==="externalPrefix"||K==="internalMemoPrefix",ce=K==="prefixCC"||K==="suffixCC",ve=he||(K==="internalPrefix"?"internal":K==="externalPrefix"?"external":K==="internalMemoPrefix"?"internal_memo":n);try{Oe?(await g({id:A,unitId:t,recordTypeKey:ve,isForCC:ce}),n==="positionPrefix"&&y.invalidateQueries({queryKey:["prefixes-by-position",t,ve]})):await x({id:A,unitId:t,recordTypeKey:ve,isForCC:ce}),y.invalidateQueries({queryKey:["prefixSuffix"]}),ge.success(w("contentManagement.deleted"))}catch(qe){a(qe)}},N=()=>{m(!1),f(null)},u=()=>{const A=(l==null?void 0:l.cardType)??i,K=(l==null?void 0:l.recordType)??n,he=A==="prefixCC"||A==="suffixCC",Ue=A==="prefix"||A==="prefixCC"||A==="internalPrefix"||A==="externalPrefix"||A==="internalMemoPrefix"||K==="referenceNumber",Oe=K==="referenceNumber"?A:K==="positionPrefix"?A==="internalPrefix"?"internal":A==="internalMemoPrefix"?"internal_memo":"external":K;Ue?(K==="positionPrefix"&&y.invalidateQueries({queryKey:["prefixes-by-position",t,Oe]}),y.invalidateQueries({queryKey:["prefixes",t,Oe,{cc:he}]})):y.invalidateQueries({queryKey:["suffixes",t,Oe,{cc:he}]}),y.invalidateQueries({queryKey:["prefixSuffix"]}),N()},M=n==="positionPrefix"?[{id:"internalPrefix",label:"contentManagement.internalPrefix"},{id:"externalPrefix",label:"contentManagement.externalPrefix"},{id:"internalMemoPrefix",label:"contentManagement.internalMemoPrefix"}]:n==="referenceNumber"?[{id:"reference",label:"contentManagement.reference"},{id:"externalReference",label:"contentManagement.externalReference"},{id:"internalMemoReference",label:"contentManagement.internalMemoReference"}]:[{id:"prefix",label:"contentManagement.prefix"},{id:"suffix",label:"contentManagement.suffix"},{id:"prefixCC",label:"contentManagement.prefixCC"},{id:"suffixCC",label:"contentManagement.suffixCC"}];c.useEffect(()=>{var A;M?.some(K=>K.id===i)||o(((A=M[0])==null?void 0:A.id)||Nt(n))},[M,i,n]);const I=i==="prefixCC"||i==="suffixCC",se=n==="referenceNumber",Y=n==="positionPrefix",$=n==="tag-based-reference",F=i==="prefix"||i==="prefixCC"||i==="internalPrefix"||i==="externalPrefix"||i==="internalMemoPrefix"||se,_=i==="internalPrefix"?"internal":i==="externalPrefix"?"external":i==="internalMemoPrefix"?"internal_memo":"",ne=n==="positionPrefix"?_:n,{data:X,isLoading:W,error:xe}=fa(se?t:""),{data:ie,isLoading:Ae,error:je}=ts(t,F&&!I&&!se&&!Y&&!$?ne:"",0,1e3),{data:z,isLoading:O,error:R}=as(t,Y?_:"",0,1e3),{data:L,isLoading:T,error:h}=rs(t,F&&I&&!se?ne:"",0,1e3),{data:U,isLoading:P,error:Z}=ss(t,!F&&!I&&!se?ne:"",0,1e3),{data:ee,isLoading:te,error:q}=is(t,!F&&I&&!se?ne:"",0,1e3),de=c.useMemo(()=>[xe,R,je,h,Z,q].find(Boolean),[xe,R,je,h,Z,q]),fe=c.useRef(null);c.useEffect(()=>{!de||de===fe.current||(fe.current=de,a(de))},[de,a]);const Q=(X==null?void 0:X.data)||[],le=Q==null?void 0:Q.find(A=>A.name==="referenceNumberPrefix"),G=Q==null?void 0:Q.find(A=>A.name==="externalReferenceNumberPrefix"),oe=Q==null?void 0:Q.find(A=>A.name==="internalMemoReferenceNumberPrefix"),Re=A=>{if(!A)return"";if(typeof A=="string")try{const K=JSON.parse(A);return(K==null?void 0:K.am)??A}catch{return A}return typeof A=="object"?(A==null?void 0:A.am)??"":""},ye=[{id:"referenceNumberPrefix",type:"reference",recordTypeKey:"reference",isForCC:!1,name:{am:Re(le==null?void 0:le.number),en:Re((H=le==null?void 0:le.number)==null?void 0:H.en)},count:(le==null?void 0:le.count)??0,sequenceId:le==null?void 0:le.sequenceId},{id:"externalReferenceNumberPrefix",type:"externalReference",recordTypeKey:"externalReference",isForCC:!1,name:{am:Re((ue=G==null?void 0:G.number)==null?void 0:ue.am),en:Re((D=G==null?void 0:G.number)==null?void 0:D.en)},count:(G==null?void 0:G.count)??0,sequenceId:G==null?void 0:G.sequenceId},{id:"internalMemoReferenceNumberPrefix",type:"internalMemoReference",recordTypeKey:"internalMemoReference",isForCC:!1,name:{am:Re((we=oe==null?void 0:oe.number)==null?void 0:we.am),en:Re((S=oe==null?void 0:oe.number)==null?void 0:S.en)},count:(oe==null?void 0:oe.count)??0,sequenceId:oe==null?void 0:oe.sequenceId}].filter(A=>A.type===i),$e=Y?z:F?I?L:ie:I?ee:U,ze=se?ye:((V=(B=$e==null?void 0:$e.data)==null?void 0:B.items)==null?void 0:V?.map(A=>({...A,type:n==="positionPrefix"?A.recordTypeKey==="internal"?"internalPrefix":A.recordTypeKey==="internal_memo"?"internalMemoPrefix":"externalPrefix":F?I?"prefixCC":"prefix":I?"suffixCC":"suffix",isForCC:I||A.isForCC})))||[],Se=W||O||Ae||T||P||te;return e.jsxs("div",{className:"space-y-6 p-4",children:[e.jsx("div",{className:"flex border-b border-gray-200 dark:border-gray-700",children:fs?.map(A=>e.jsx("button",{onClick:()=>{s(A.id),o(Nt(A.id))},className:`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${n===A.id?"border-purple-600 text-purple-600 dark:text-purple-400":"border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600"}`,children:w(A.label)},A.id))}),n==="tag-based-reference"?e.jsx(ps,{unitId:t,className:"w-full"}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex flex-wrap gap-4",children:M?.map(A=>e.jsx(Ke,{onClick:()=>o(A.id),className:`inline-flex w-fit min-w-[260px] max-w-full shadow-sm hover:shadow-md transition-shadow cursor-pointer dark:bg-gray-800 dark:border-gray-700 ${i===A.id?"ring-2 ring-purple-600 dark:ring-purple-400":""}`,children:e.jsx(it,{className:"pb-2 items-center",children:e.jsx(ot,{className:"text-sm font-medium text-gray-700 dark:text-gray-200 text-center whitespace-nowrap",children:w(A.label)})})},A.id))}),e.jsx("div",{className:"flex justify-end mb-4",children:e.jsxs(J,{onClick:()=>E(i),children:[e.jsx(ct,{className:"h-4 w-4 mr-2"}),w("contentManagement.add")]})}),e.jsx(Yn,{items:ze,isLoading:Se,onEdit:b,onDelete:k,showPositionColumn:n==="positionPrefix",showCountColumn:n==="positionPrefix"||n==="referenceNumber",positions:j}),d&&l&&e.jsx(es,{open:d,onClose:N,onSuccess:u,unitId:t,cardType:l.cardType,recordType:l.recordType,editingItem:l.editingItem,positions:j})]})]})},xs=async t=>(await re.get(`/units/${t}/requirement-satisfied`,{headers:ae()})).data;function ys({unitId:t}){const[r,a]=c.useState(t||""),[n,s]=c.useState(!0);c.useEffect(()=>{const l=f=>a(f.detail);return window.addEventListener("unitChanged",l),()=>window.removeEventListener("unitChanged",l)},[]);const{data:i,isLoading:o,refetch:d}=Ee({queryKey:["admin-setup-requirements",r],queryFn:()=>xs(r),enabled:!!r}),m=i==null?void 0:i.requirements;return c.useEffect(()=>{r&&d()},[r,d]),!m||Object.values(m).every(Boolean)||!n?null:e.jsxs("div",{className:"relative flex items-center gap-6 p-2 border rounded bg-amber-50 shadow-2xl  top-10 left-1/2 -translate-x-1/2 z-[1000] w-full",children:[e.jsx("h3",{className:"font-semibold text-amber-700 whitespace-nowrap",children:"Finish site setup"}),o?e.jsx("p",{className:"text-sm text-slate-600",children:"Loading requirements..."}):e.jsxs("div",{className:"flex flex-wrap gap-6 text-sm text-slate-600",children:[!m.hasFooter&&e.jsx("span",{children:"⚠️ Missing Footer"}),!m.hasSeal&&e.jsx("span",{children:"⚠️ Missing Seal"}),!m.hasHeader&&e.jsx("span",{children:"⚠️ Missing Header"}),!m.internalPrefix&&e.jsx("span",{children:"⚠️ Missing Internal Prefix"}),!m.externalPrefix&&e.jsx("span",{children:"⚠️ Missing External Prefix"}),!m.internalSuffix&&e.jsx("span",{children:"⚠️ Missing Internal Suffix"}),!m.externalSuffix&&e.jsx("span",{children:"⚠️ Missing External Suffix"})]}),e.jsx("button",{onClick:()=>s(!1),className:"absolute top-2 right-2 text-amber-700 hover:text-red-600",children:e.jsx(lt,{size:16})})]})}const bs=gn({nameAm:Lt().min(1,"Amharic name is required"),nameEn:Lt().min(1,"English name is required"),key:Lt().min(1,"Key is required"),unitId:Lt().min(1,"Unit is required")});function ha({defaultValues:t,unitId:r,mode:a,id:n,onSuccess:s}){const i=ua({resolver:mn(bs),defaultValues:{nameAm:(t==null?void 0:t.nameAm)??"",nameEn:(t==null?void 0:t.nameEn)??"",key:(t==null?void 0:t.key)??"",unitId:(t==null?void 0:t.unitId)??r}}),{createRecordTag:o,updateRecordTag:d,isCreatingRecordTag:m,isUpdatingRecordTag:l}=Mt({unitId:r}),f=y=>{if(a==="create"){const g={name:{am:y.nameAm,en:y.nameEn},key:y.key,unitId:y.unitId};o(g,{onSuccess:()=>{i.reset(),s==null||s()}})}else if(a==="edit"&&n){const g={name:{am:y.nameAm,en:y.nameEn},key:y.key,unitId:y.unitId};d({id:n,payload:g},{onSuccess:()=>{s==null||s()}})}};return e.jsx(pn,{...i,children:e.jsxs("form",{onSubmit:i.handleSubmit(f),className:"space-y-4",children:[e.jsx(Jt,{control:i.control,name:"nameAm",render:({field:y})=>e.jsxs(Zt,{children:[e.jsx(er,{children:"Amharic Name"}),e.jsx(tr,{children:e.jsx(ke,{placeholder:"Enter Amharic name",...y})}),e.jsx(rr,{})]})}),e.jsx(Jt,{control:i.control,name:"nameEn",render:({field:y})=>e.jsxs(Zt,{children:[e.jsx(er,{children:"English Name"}),e.jsx(tr,{children:e.jsx(ke,{placeholder:"Enter English name",...y})}),e.jsx(rr,{})]})}),e.jsx(Jt,{control:i.control,name:"key",render:({field:y})=>e.jsxs(Zt,{children:[e.jsx(er,{children:"Key"}),e.jsx(tr,{children:e.jsx(ke,{placeholder:"Unique key",...y})}),e.jsx(rr,{})]})}),e.jsx(J,{type:"submit",disabled:m||l,children:a==="create"?m?"Creating...":"Create":l?"Updating...":"Update"})]})})}function vs({row:t,unitId:r}){var x,v,p;const[a,n]=c.useState(!1),[s,i]=c.useState(!1),[o,d]=c.useState(!1),{deleteRecordTag:m,refetchRecordTagsList:l}=Mt({unitId:r}),{t:f}=Ie(),{handleError:y}=dt(f),g=()=>{d(!0),m(t.id,{onSuccess:()=>{l(),i(!1)},onError:j=>{y(j)},onSettled:()=>{d(!1)}})};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(J,{variant:"outline",size:"sm",onClick:()=>n(!0),children:e.jsx(wr,{className:"h-4 w-4"})}),e.jsx(J,{variant:"destructive",size:"sm",onClick:()=>i(!0),children:e.jsx(Rt,{className:"h-4 w-4"})})]}),e.jsx(Qe,{open:a,onOpenChange:n,children:e.jsxs(Ge,{children:[e.jsx(We,{children:e.jsx(Ye,{children:"Edit Record Tag"})}),e.jsx(ha,{unitId:r,mode:"edit",id:t.id,defaultValues:{nameAm:((x=t.name)==null?void 0:x.am)??"",nameEn:((v=t.name)==null?void 0:v.en)??"",key:t.key,unitId:t.unitId},onSuccess:()=>{n(!1),l()}})]})}),e.jsx(Bt,{open:s,onOpenChange:i,children:e.jsxs(Ut,{children:[e.jsxs(Ht,{children:[e.jsx(Kt,{children:"Are you sure you want to delete this record tag?"}),e.jsxs(Vt,{children:["This action cannot be undone. The record tag ",e.jsx("b",{children:(p=t.name)==null?void 0:p.en})," ","will be permanently removed."]})]}),e.jsxs(Qt,{children:[e.jsx(Gt,{disabled:o,children:"Cancel"}),e.jsx(Wt,{onClick:g,disabled:o,className:"bg-red-600 hover:bg-red-700",children:o?"Deleting...":"Delete"})]})]})})]})}const js=t=>[{accessorKey:"name",header:()=>w("recordTag.name"),cell:({row:r})=>{var s;const a=At(),n=(s=r.original)==null?void 0:s.name;return e.jsx("span",{children:a(n)})}},{accessorKey:"key",header:()=>w("recordTag.key"),cell:({row:r})=>{var n;const a=(n=r.original)==null?void 0:n.key;return e.jsx("span",{children:a||"--"})}},{accessorKey:"createdAt",header:()=>w("recordTag.CreatedAt"),cell:({row:r})=>{var n;const a=(n=r.original)==null?void 0:n.createdAt;return e.jsx("span",{children:a?fn(new Date(a),"MMM d, yyyy HH:mm"):"--"})}},{id:"actions",header:()=>w("recordTag.Actions"),cell:({row:r})=>e.jsx(vs,{row:r.original,unitId:t})}];function ws({unitId:t}){const[r,a]=c.useState(0),[n,s]=c.useState(!1),{t:i}=Ie(),{recordTagsList:o,isLoadingRecordTagsList:d,refetchRecordTagsList:m}=Mt({unitId:t??""}),l=f=>{a(f)};return d?e.jsx("div",{children:i("loading")}):e.jsx("div",{className:"p-6 space-y-6",children:e.jsxs(Ke,{className:"col-span-2 shadow-none border-none bg-transparent px-0",children:[e.jsxs(it,{className:"flex flex-row justify-between items-center px-0",children:[e.jsx(ot,{className:"text-xl font-semibold",children:i("recordTag.title")}),e.jsxs(Qe,{open:n,onOpenChange:s,children:[e.jsx(jr,{asChild:!0,children:e.jsx(J,{children:i("recordTag.createNew")})}),e.jsxs(Ge,{children:[e.jsx(We,{children:e.jsx(Ye,{children:i("recordTag.createTitle")})}),e.jsx(ha,{unitId:t,mode:"create",onSuccess:()=>{s(!1),m()}})]})]})]}),e.jsx(pt,{className:"px-0",children:e.jsx(un,{columns:js(t),data:(o==null?void 0:o.items)||[],tableName:i("recordTag.tableName"),toolBarPosition:"right",itemCount:(o==null?void 0:o.count)||0,pageIndex:r,onPageChange:l,nextFunction:()=>l(r+1),prevFunction:()=>l(Math.max(r-1,0))})})]})})}const ks="adf98293-41ba-4bda-bdb4-70e30a70c1b7",Fe={"x-tenant-id":ks},Le=He,st=t=>({...t,name:t.name||{am:"",en:""},description:t.description||{am:"",en:""}}),St={async getResourceTypes(){return(await Le.get("/resource_types",{headers:Fe})).data},async getAllTemplates(t){try{const r=await Le.get("/templates",{params:t,headers:Fe});let a=(r.data.items||r.data||[])?.map(st);if(t!=null&&t.search&&typeof t.search=="string"){const n=t.search.toLowerCase();a=a.filter(s=>{var i,o,d,m,l,f,y,g;return((o=(i=s.name)==null?void 0:i.en)==null?void 0:o.toLowerCase().includes(n))||((m=(d=s.name)==null?void 0:d.am)==null?void 0:m.toLowerCase().includes(n))||((f=(l=s.description)==null?void 0:l.en)==null?void 0:f.toLowerCase().includes(n))||((g=(y=s.description)==null?void 0:y.am)==null?void 0:g.toLowerCase().includes(n))})}return{count:a.length,items:a}}catch{return{count:0,items:[]}}},async getTemplates(t){const{resourceTypeId:r,search:a,...n}=t||{};if(!r)return{count:0,items:[]};let i=((await Le.get(`/resources/list-with-presigned/${r}`,{params:n,headers:Fe})).data.items||[])?.map(st);if(a&&typeof a=="string"){const o=a.toLowerCase();i=i.filter(d=>{var m,l,f,y,g,x,v,p;return((l=(m=d.name)==null?void 0:m.en)==null?void 0:l.toLowerCase().includes(o))||((y=(f=d.name)==null?void 0:f.am)==null?void 0:y.toLowerCase().includes(o))||((x=(g=d.description)==null?void 0:g.en)==null?void 0:x.toLowerCase().includes(o))||((p=(v=d.description)==null?void 0:v.am)==null?void 0:p.toLowerCase().includes(o))})}return{count:i.length,items:i}},async getTemplate(t){const r=await Le.get(`/resources/with-presigned?id=${t}`,{headers:Fe});return st(r.data)},async getTemplateWithPresigned(t,r){var a;try{const i=((await Le.get(`/resources/list-with-presigned/${t}`,{headers:Fe})).data.items||[])?.map(st).find(o=>o.id===r);if(!i)throw new Error("Template not found");return i}catch(n){if(((a=n.response)==null?void 0:a.status)===400)try{const i=await Le.get(`/resources/with-presigned?id=${r}`,{headers:Fe});return st(i.data)}catch{throw n}throw n}},async createTemplate(t){const r=await Le.post("/resources",t,{headers:Fe});return st(r.data)},async updateTemplate(t,r){const a=await Le.put(`/resources/${t}`,r,{headers:Fe});return st(a.data)},async deleteTemplate(t){await Le.delete(`/resources/${t}`,{headers:Fe})},async uploadFile(t,r){var s,i,o,d;if(!r)return null;const a=await hn.validateFileForUpload(t,{allowedMimeTypes:["image/png","image/jpeg","image/gif","image/webp","application/pdf"],allowedExtensions:[".png",".jpg",".jpeg",".gif",".webp",".pdf"],maxSizeMB:50,uploadContext:"signature"});if(!a.isValid)throw new Error(((s=a.clientValidation.fileName)==null?void 0:s.error)||((i=a.clientValidation.extension)==null?void 0:i.error)||((o=a.clientValidation.mimeType)==null?void 0:o.error)||((d=a.clientValidation.size)==null?void 0:d.error)||"File validation failed");const n=await fetch(r,{method:"PUT",headers:{"Content-Type":t.type},body:t});if(!n.ok){const m=await n.text();throw new Error(`Upload failed: ${n.status} ${n.statusText}
+${m}`)}return n},async updateUploadStatus(t,r){await Le.put(`/resources/change-status/${t}`,{isCurrent:r},{headers:Fe})},async generateSampleTemplate(t,r){try{const a=await Le.post(`/templates/${t}/sample`,r,{responseType:"arraybuffer",headers:Fe}),n=new Blob([a.data],{type:"application/pdf"});return{pdf:URL.createObjectURL(n),contentType:"application/pdf"}}catch(a){throw a}},async getTemplateSettingsByUnit(t){try{const a=(await Le.get(`/template-settings/by-unit/${t}`,{headers:Fe})).data||{};return{count:a.count||0,items:a.items||[]}}catch{return{count:0,items:[]}}},async saveTemplateSettingValues(t){try{await Promise.all(t?.map(r=>Le.post("/template-setting-values",r,{headers:Fe})))}catch(r){throw r}},async saveBulkTemplateSettingValues(t){try{await Le.post("/template-setting-values/bulk",t,{headers:Fe})}catch(r){throw r}}};var nr={exports:{}},me={};/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Or;function Ns(){if(Or)return me;Or=1;var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,a=t?Symbol.for("react.portal"):60106,n=t?Symbol.for("react.fragment"):60107,s=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,o=t?Symbol.for("react.provider"):60109,d=t?Symbol.for("react.context"):60110,m=t?Symbol.for("react.async_mode"):60111,l=t?Symbol.for("react.concurrent_mode"):60111,f=t?Symbol.for("react.forward_ref"):60112,y=t?Symbol.for("react.suspense"):60113,g=t?Symbol.for("react.suspense_list"):60120,x=t?Symbol.for("react.memo"):60115,v=t?Symbol.for("react.lazy"):60116,p=t?Symbol.for("react.block"):60121,j=t?Symbol.for("react.fundamental"):60117,E=t?Symbol.for("react.responder"):60118,b=t?Symbol.for("react.scope"):60119;function k(u){if(typeof u=="object"&&u!==null){var C=u.$$typeof;switch(C){case r:switch(u=u.type,u){case m:case l:case n:case i:case s:case y:return u;default:switch(u=u&&u.$$typeof,u){case d:case f:case v:case x:case o:return u;default:return C}}case a:return C}}}function N(u){return k(u)===l}return me.AsyncMode=m,me.ConcurrentMode=l,me.ContextConsumer=d,me.ContextProvider=o,me.Element=r,me.ForwardRef=f,me.Fragment=n,me.Lazy=v,me.Memo=x,me.Portal=a,me.Profiler=i,me.StrictMode=s,me.Suspense=y,me.isAsyncMode=function(u){return N(u)||k(u)===m},me.isConcurrentMode=N,me.isContextConsumer=function(u){return k(u)===d},me.isContextProvider=function(u){return k(u)===o},me.isElement=function(u){return typeof u=="object"&&u!==null&&u.$$typeof===r},me.isForwardRef=function(u){return k(u)===f},me.isFragment=function(u){return k(u)===n},me.isLazy=function(u){return k(u)===v},me.isMemo=function(u){return k(u)===x},me.isPortal=function(u){return k(u)===a},me.isProfiler=function(u){return k(u)===i},me.isStrictMode=function(u){return k(u)===s},me.isSuspense=function(u){return k(u)===y},me.isValidElementType=function(u){return typeof u=="string"||typeof u=="function"||u===n||u===l||u===i||u===s||u===y||u===g||typeof u=="object"&&u!==null&&(u.$$typeof===v||u.$$typeof===x||u.$$typeof===o||u.$$typeof===d||u.$$typeof===f||u.$$typeof===j||u.$$typeof===E||u.$$typeof===b||u.$$typeof===p)},me.typeOf=k,me}var Fr;function xa(){return Fr||(Fr=1,nr.exports=Ns()),nr.exports}var ya=xa();function Ss(t){function r(O,R,L,T,h){for(var U=0,P=0,Z=0,ee=0,te,q,de=0,fe=0,Q,le=Q=te=0,G=0,oe=0,Re=0,ye=0,$e=L.length,ze=$e-1,Se,H="",ue="",D="",we="",S;G<$e;){if(q=L.charCodeAt(G),G===ze&&P+ee+Z+U!==0&&(P!==0&&(q=P===47?10:47),ee=Z=U=0,$e++,ze++),P+ee+Z+U===0){if(G===ze&&(0<oe&&(H=H.replace(g,"")),0<H.trim().length)){switch(q){case 32:case 9:case 59:case 13:case 10:break;default:H+=L.charAt(G)}q=59}switch(q){case 123:for(H=H.trim(),te=H.charCodeAt(0),Q=1,ye=++G;G<$e;){switch(q=L.charCodeAt(G)){case 123:Q++;break;case 125:Q--;break;case 47:switch(q=L.charCodeAt(G+1)){case 42:case 47:e:{for(le=G+1;le<ze;++le)switch(L.charCodeAt(le)){case 47:if(q===42&&L.charCodeAt(le-1)===42&&G+2!==le){G=le+1;break e}break;case 10:if(q===47){G=le+1;break e}}G=le}}break;case 91:q++;case 40:q++;case 34:case 39:for(;G++<ze&&L.charCodeAt(G)!==q;);}if(Q===0)break;G++}switch(Q=L.substring(ye,G),te===0&&(te=(H=H.replace(y,"").trim()).charCodeAt(0)),te){case 64:switch(0<oe&&(H=H.replace(g,"")),q=H.charCodeAt(1),q){case 100:case 109:case 115:case 45:oe=R;break;default:oe=W}if(Q=r(R,oe,Q,q,h+1),ye=Q.length,0<ie&&(oe=a(W,H,Re),S=d(3,Q,oe,R,_,F,ye,q,h,T),H=oe.join(""),S!==void 0&&(ye=(Q=S.trim()).length)===0&&(q=0,Q="")),0<ye)switch(q){case 115:H=H.replace(C,o);case 100:case 109:case 45:Q=H+"{"+Q+"}";break;case 107:H=H.replace(b,"$1 $2"),Q=H+"{"+Q+"}",Q=X===1||X===2&&i("@"+Q,3)?"@-webkit-"+Q+"@"+Q:"@"+Q;break;default:Q=H+Q,T===112&&(Q=(ue+=Q,""))}else Q="";break;default:Q=r(R,a(R,H,Re),Q,T,h+1)}D+=Q,Q=Re=oe=le=te=0,H="",q=L.charCodeAt(++G);break;case 125:case 59:if(H=(0<oe?H.replace(g,""):H).trim(),1<(ye=H.length))switch(le===0&&(te=H.charCodeAt(0),te===45||96<te&&123>te)&&(ye=(H=H.replace(" ",":")).length),0<ie&&(S=d(1,H,R,O,_,F,ue.length,T,h,T))!==void 0&&(ye=(H=S.trim()).length)===0&&(H="\0\0"),te=H.charCodeAt(0),q=H.charCodeAt(1),te){case 0:break;case 64:if(q===105||q===99){we+=H+L.charAt(G);break}default:H.charCodeAt(ye-1)!==58&&(ue+=s(H,te,q,H.charCodeAt(2)))}Re=oe=le=te=0,H="",q=L.charCodeAt(++G)}}switch(q){case 13:case 10:P===47?P=0:1+te===0&&T!==107&&0<H.length&&(oe=1,H+="\0"),0<ie*je&&d(0,H,R,O,_,F,ue.length,T,h,T),F=1,_++;break;case 59:case 125:if(P+ee+Z+U===0){F++;break}default:switch(F++,Se=L.charAt(G),q){case 9:case 32:if(ee+U+P===0)switch(de){case 44:case 58:case 9:case 32:Se="";break;default:q!==32&&(Se=" ")}break;case 0:Se="\\0";break;case 12:Se="\\f";break;case 11:Se="\\v";break;case 38:ee+P+U===0&&(oe=Re=1,Se="\f"+Se);break;case 108:if(ee+P+U+ne===0&&0<le)switch(G-le){case 2:de===112&&L.charCodeAt(G-3)===58&&(ne=de);case 8:fe===111&&(ne=fe)}break;case 58:ee+P+U===0&&(le=G);break;case 44:P+Z+ee+U===0&&(oe=1,Se+="\r");break;case 34:case 39:P===0&&(ee=ee===q?0:ee===0?q:ee);break;case 91:ee+P+Z===0&&U++;break;case 93:ee+P+Z===0&&U--;break;case 41:ee+P+U===0&&Z--;break;case 40:if(ee+P+U===0){if(te===0)switch(2*de+3*fe){case 533:break;default:te=1}Z++}break;case 64:P+Z+ee+U+le+Q===0&&(Q=1);break;case 42:case 47:if(!(0<ee+U+Z))switch(P){case 0:switch(2*q+3*L.charCodeAt(G+1)){case 235:P=47;break;case 220:ye=G,P=42}break;case 42:q===47&&de===42&&ye+2!==G&&(L.charCodeAt(ye+2)===33&&(ue+=L.substring(ye,G+1)),Se="",P=0)}}P===0&&(H+=Se)}fe=de,de=q,G++}if(ye=ue.length,0<ye){if(oe=R,0<ie&&(S=d(2,ue,oe,O,_,F,ye,T,h,T),S!==void 0&&(ue=S).length===0))return we+ue+D;if(ue=oe.join(",")+"{"+ue+"}",X*ne!==0){switch(X!==2||i(ue,2)||(ne=0),ne){case 111:ue=ue.replace(N,":-moz-$1")+ue;break;case 112:ue=ue.replace(k,"::-webkit-input-$1")+ue.replace(k,"::-moz-$1")+ue.replace(k,":-ms-input-$1")+ue}ne=0}}return we+ue+D}function a(O,R,L){var T=R.trim().split(j);R=T;var h=T.length,U=O.length;switch(U){case 0:case 1:var P=0;for(O=U===0?"":O[0]+" ";P<h;++P)R[P]=n(O,R[P],L).trim();break;default:var Z=P=0;for(R=[];P<h;++P)for(var ee=0;ee<U;++ee)R[Z++]=n(O[ee]+" ",T[P],L).trim()}return R}function n(O,R,L){var T=R.charCodeAt(0);switch(33>T&&(T=(R=R.trim()).charCodeAt(0)),T){case 38:return R.replace(E,"$1"+O.trim());case 58:return O.trim()+R.replace(E,"$1"+O.trim());default:if(0<1*L&&0<R.indexOf("\f"))return R.replace(E,(O.charCodeAt(0)===58?"":"$1")+O.trim())}return O+R}function s(O,R,L,T){var h=O+";",U=2*R+3*L+4*T;if(U===944){O=h.indexOf(":",9)+1;var P=h.substring(O,h.length-1).trim();return P=h.substring(0,O).trim()+P+";",X===1||X===2&&i(P,1)?"-webkit-"+P+P:P}if(X===0||X===2&&!i(h,1))return h;switch(U){case 1015:return h.charCodeAt(10)===97?"-webkit-"+h+h:h;case 951:return h.charCodeAt(3)===116?"-webkit-"+h+h:h;case 963:return h.charCodeAt(5)===110?"-webkit-"+h+h:h;case 1009:if(h.charCodeAt(4)!==100)break;case 969:case 942:return"-webkit-"+h+h;case 978:return"-webkit-"+h+"-moz-"+h+h;case 1019:case 983:return"-webkit-"+h+"-moz-"+h+"-ms-"+h+h;case 883:if(h.charCodeAt(8)===45)return"-webkit-"+h+h;if(0<h.indexOf("image-set(",11))return h.replace($,"$1-webkit-$2")+h;break;case 932:if(h.charCodeAt(4)===45)switch(h.charCodeAt(5)){case 103:return"-webkit-box-"+h.replace("-grow","")+"-webkit-"+h+"-ms-"+h.replace("grow","positive")+h;case 115:return"-webkit-"+h+"-ms-"+h.replace("shrink","negative")+h;case 98:return"-webkit-"+h+"-ms-"+h.replace("basis","preferred-size")+h}return"-webkit-"+h+"-ms-"+h+h;case 964:return"-webkit-"+h+"-ms-flex-"+h+h;case 1023:if(h.charCodeAt(8)!==99)break;return P=h.substring(h.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),"-webkit-box-pack"+P+"-webkit-"+h+"-ms-flex-pack"+P+h;case 1005:return v.test(h)?h.replace(x,":-webkit-")+h.replace(x,":-moz-")+h:h;case 1e3:switch(P=h.substring(13).trim(),R=P.indexOf("-")+1,P.charCodeAt(0)+P.charCodeAt(R)){case 226:P=h.replace(u,"tb");break;case 232:P=h.replace(u,"tb-rl");break;case 220:P=h.replace(u,"lr");break;default:return h}return"-webkit-"+h+"-ms-"+P+h;case 1017:if(h.indexOf("sticky",9)===-1)break;case 975:switch(R=(h=O).length-10,P=(h.charCodeAt(R)===33?h.substring(0,R):h).substring(O.indexOf(":",7)+1).trim(),U=P.charCodeAt(0)+(P.charCodeAt(7)|0)){case 203:if(111>P.charCodeAt(8))break;case 115:h=h.replace(P,"-webkit-"+P)+";"+h;break;case 207:case 102:h=h.replace(P,"-webkit-"+(102<U?"inline-":"")+"box")+";"+h.replace(P,"-webkit-"+P)+";"+h.replace(P,"-ms-"+P+"box")+";"+h}return h+";";case 938:if(h.charCodeAt(5)===45)switch(h.charCodeAt(6)){case 105:return P=h.replace("-items",""),"-webkit-"+h+"-webkit-box-"+P+"-ms-flex-"+P+h;case 115:return"-webkit-"+h+"-ms-flex-item-"+h.replace(I,"")+h;default:return"-webkit-"+h+"-ms-flex-line-pack"+h.replace("align-content","").replace(I,"")+h}break;case 973:case 989:if(h.charCodeAt(3)!==45||h.charCodeAt(4)===122)break;case 931:case 953:if(Y.test(O)===!0)return(P=O.substring(O.indexOf(":")+1)).charCodeAt(0)===115?s(O.replace("stretch","fill-available"),R,L,T).replace(":fill-available",":stretch"):h.replace(P,"-webkit-"+P)+h.replace(P,"-moz-"+P.replace("fill-",""))+h;break;case 962:if(h="-webkit-"+h+(h.charCodeAt(5)===102?"-ms-"+h:"")+h,L+T===211&&h.charCodeAt(13)===105&&0<h.indexOf("transform",10))return h.substring(0,h.indexOf(";",27)+1).replace(p,"$1-webkit-$2")+h}return h}function i(O,R){var L=O.indexOf(R===1?":":"{"),T=O.substring(0,R!==3?L:10);return L=O.substring(L+1,O.length-1),Ae(R!==2?T:T.replace(se,"$1"),L,R)}function o(O,R){var L=s(R,R.charCodeAt(0),R.charCodeAt(1),R.charCodeAt(2));return L!==R+";"?L.replace(M," or ($1)").substring(4):"("+R+")"}function d(O,R,L,T,h,U,P,Z,ee,te){for(var q=0,de=R,fe;q<ie;++q)switch(fe=xe[q].call(f,O,de,L,T,h,U,P,Z,ee,te)){case void 0:case!1:case!0:case null:break;default:de=fe}if(de!==R)return de}function m(O){switch(O){case void 0:case null:ie=xe.length=0;break;default:if(typeof O=="function")xe[ie++]=O;else if(typeof O=="object")for(var R=0,L=O.length;R<L;++R)m(O[R]);else je=!!O|0}return m}function l(O){return O=O.prefix,O!==void 0&&(Ae=null,O?typeof O!="function"?X=1:(X=2,Ae=O):X=0),l}function f(O,R){var L=O;if(33>L.charCodeAt(0)&&(L=L.trim()),z=L,L=[z],0<ie){var T=d(-1,R,L,L,_,F,0,0,0,0);T!==void 0&&typeof T=="string"&&(R=T)}var h=r(W,L,R,0,0);return 0<ie&&(T=d(-2,h,L,L,_,F,h.length,0,0,0),T!==void 0&&(h=T)),z="",ne=0,F=_=1,h}var y=/^\0+/g,g=/[\0\r\f]/g,x=/: */g,v=/zoo|gra/,p=/([,: ])(transform)/g,j=/,\r+?/g,E=/([\t\r\n ])*\f?&/g,b=/@(k\w+)\s*(\S*)\s*/,k=/::(place)/g,N=/:(read-only)/g,u=/[svh]\w+-[tblr]{2}/,C=/\(\s*(.*)\s*\)/g,M=/([\s\S]*?);/g,I=/-self|flex-/g,se=/[^]*?(:[rp][el]a[\w-]+)[^]*/,Y=/stretch|:\s*\w+\-(?:conte|avail)/,$=/([^-])(image-set\()/,F=1,_=1,ne=0,X=1,W=[],xe=[],ie=0,Ae=null,je=0,z="";return f.use=m,f.set=l,t!==void 0&&l(t),f}var Cs={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Ps(t){var r=Object.create(null);return function(a){return r[a]===void 0&&(r[a]=t(a)),r[a]}}var Ts=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Lr=Ps(function(t){return Ts.test(t)||t.charCodeAt(0)===111&&t.charCodeAt(1)===110&&t.charCodeAt(2)<91}),sr,_r;function Es(){if(_r)return sr;_r=1;var t=xa(),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},n={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};i[t.ForwardRef]=n,i[t.Memo]=s;function o(v){return t.isMemo(v)?s:i[v.$$typeof]||r}var d=Object.defineProperty,m=Object.getOwnPropertyNames,l=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,y=Object.getPrototypeOf,g=Object.prototype;function x(v,p,j){if(typeof p!="string"){if(g){var E=y(p);E&&E!==g&&x(v,E,j)}var b=m(p);l&&(b=b.concat(l(p)));for(var k=o(v),N=o(p),u=0;u<b.length;++u){var C=b[u];if(!a[C]&&!(j&&j[C])&&!(N&&N[C])&&!(k&&k[C])){var M=f(p,C);try{d(v,C,M)}catch{}}}}return v}return sr=x,sr}var As=Es();const Rs=$a(As);var Be={};function Xe(){return(Xe=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}var Dr=function(t,r){for(var a=[t[0]],n=0,s=r.length;n<s;n+=1)a.push(r[n],t[n+1]);return a},dr=function(t){return t!==null&&typeof t=="object"&&(t.toString?t.toString():Object.prototype.toString.call(t))==="[object Object]"&&!ya.typeOf(t)},$t=Object.freeze([]),rt=Object.freeze({});function Et(t){return typeof t=="function"}function Ir(t){return t.displayName||t.name||"Component"}function Sr(t){return t&&typeof t.styledComponentId=="string"}var vt=typeof process<"u"&&Be!==void 0&&(Be.REACT_APP_SC_ATTR||Be.SC_ATTR)||"data-styled",Cr=typeof window<"u"&&"HTMLElement"in window,Ms=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&Be!==void 0&&(Be.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&Be.REACT_APP_SC_DISABLE_SPEEDY!==""?Be.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&Be.REACT_APP_SC_DISABLE_SPEEDY:Be.SC_DISABLE_SPEEDY!==void 0&&Be.SC_DISABLE_SPEEDY!==""&&Be.SC_DISABLE_SPEEDY!=="false"&&Be.SC_DISABLE_SPEEDY));function Ot(t){for(var r=arguments.length,a=new Array(r>1?r-1:0),n=1;n<r;n++)a[n-1]=arguments[n];throw new Error("An error occurred. See https://git.io/JUIaE#"+t+" for more information."+(a.length>0?" Args: "+a.join(", "):""))}var Os=(function(){function t(a){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=a}var r=t.prototype;return r.indexOfGroup=function(a){for(var n=0,s=0;s<a;s++)n+=this.groupSizes[s];return n},r.insertRules=function(a,n){if(a>=this.groupSizes.length){for(var s=this.groupSizes,i=s.length,o=i;a>=o;)(o<<=1)<0&&Ot(16,""+a);this.groupSizes=new Uint32Array(o),this.groupSizes.set(s),this.length=o;for(var d=i;d<o;d++)this.groupSizes[d]=0}for(var m=this.indexOfGroup(a+1),l=0,f=n.length;l<f;l++)this.tag.insertRule(m,n[l])&&(this.groupSizes[a]++,m++)},r.clearGroup=function(a){if(a<this.length){var n=this.groupSizes[a],s=this.indexOfGroup(a),i=s+n;this.groupSizes[a]=0;for(var o=s;o<i;o++)this.tag.deleteRule(s)}},r.getGroup=function(a){var n="";if(a>=this.length||this.groupSizes[a]===0)return n;for(var s=this.groupSizes[a],i=this.indexOfGroup(a),o=i+s,d=i;d<o;d++)n+=this.tag.getRule(d)+`/*!sc*/
+`;return n},t})(),It=new Map,zt=new Map,Ct=1,_t=function(t){if(It.has(t))return It.get(t);for(;zt.has(Ct);)Ct++;var r=Ct++;return It.set(t,r),zt.set(r,t),r},Fs=function(t){return zt.get(t)},Ls=function(t,r){r>=Ct&&(Ct=r+1),It.set(t,r),zt.set(r,t)},_s="style["+vt+'][data-styled-version="5.3.11"]',Ds=new RegExp("^"+vt+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),Is=function(t,r,a){for(var n,s=a.split(","),i=0,o=s.length;i<o;i++)(n=s[i])&&t.registerName(r,n)},$s=function(t,r){for(var a=(r.textContent||"").split(`/*!sc*/
+`),n=[],s=0,i=a.length;s<i;s++){var o=a[s].trim();if(o){var d=o.match(Ds);if(d){var m=0|parseInt(d[1],10),l=d[2];m!==0&&(Ls(l,m),Is(t,l,d[3]),t.getTag().insertRules(m,n)),n.length=0}else n.push(o)}}},zs=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null},ba=function(t){var r=document.head,a=t||r,n=document.createElement("style"),s=(function(d){for(var m=d.childNodes,l=m.length;l>=0;l--){var f=m[l];if(f&&f.nodeType===1&&f.hasAttribute(vt))return f}})(a),i=s!==void 0?s.nextSibling:null;n.setAttribute(vt,"active"),n.setAttribute("data-styled-version","5.3.11");var o=zs();return o&&n.setAttribute("nonce",o),a.insertBefore(n,i),n},qs=(function(){function t(a){var n=this.element=ba(a);n.appendChild(document.createTextNode("")),this.sheet=(function(s){if(s.sheet)return s.sheet;for(var i=document.styleSheets,o=0,d=i.length;o<d;o++){var m=i[o];if(m.ownerNode===s)return m}Ot(17)})(n),this.length=0}var r=t.prototype;return r.insertRule=function(a,n){try{return this.sheet.insertRule(n,a),this.length++,!0}catch{return!1}},r.deleteRule=function(a){this.sheet.deleteRule(a),this.length--},r.getRule=function(a){var n=this.sheet.cssRules[a];return n!==void 0&&typeof n.cssText=="string"?n.cssText:""},t})(),Bs=(function(){function t(a){var n=this.element=ba(a);this.nodes=n.childNodes,this.length=0}var r=t.prototype;return r.insertRule=function(a,n){if(a<=this.length&&a>=0){var s=document.createTextNode(n),i=this.nodes[a];return this.element.insertBefore(s,i||null),this.length++,!0}return!1},r.deleteRule=function(a){this.element.removeChild(this.nodes[a]),this.length--},r.getRule=function(a){return a<this.length?this.nodes[a].textContent:""},t})(),Us=(function(){function t(a){this.rules=[],this.length=0}var r=t.prototype;return r.insertRule=function(a,n){return a<=this.length&&(this.rules.splice(a,0,n),this.length++,!0)},r.deleteRule=function(a){this.rules.splice(a,1),this.length--},r.getRule=function(a){return a<this.length?this.rules[a]:""},t})(),$r=Cr,Hs={isServer:!Cr,useCSSOMInjection:!Ms},va=(function(){function t(a,n,s){a===void 0&&(a=rt),n===void 0&&(n={}),this.options=Xe({},Hs,{},a),this.gs=n,this.names=new Map(s),this.server=!!a.isServer,!this.server&&Cr&&$r&&($r=!1,(function(i){for(var o=document.querySelectorAll(_s),d=0,m=o.length;d<m;d++){var l=o[d];l&&l.getAttribute(vt)!=="active"&&($s(i,l),l.parentNode&&l.parentNode.removeChild(l))}})(this))}t.registerId=function(a){return _t(a)};var r=t.prototype;return r.reconstructWithOptions=function(a,n){return n===void 0&&(n=!0),new t(Xe({},this.options,{},a),this.gs,n&&this.names||void 0)},r.allocateGSInstance=function(a){return this.gs[a]=(this.gs[a]||0)+1},r.getTag=function(){return this.tag||(this.tag=(s=(n=this.options).isServer,i=n.useCSSOMInjection,o=n.target,a=s?new Us(o):i?new qs(o):new Bs(o),new Os(a)));var a,n,s,i,o},r.hasNameForId=function(a,n){return this.names.has(a)&&this.names.get(a).has(n)},r.registerName=function(a,n){if(_t(a),this.names.has(a))this.names.get(a).add(n);else{var s=new Set;s.add(n),this.names.set(a,s)}},r.insertRules=function(a,n,s){this.registerName(a,n),this.getTag().insertRules(_t(a),s)},r.clearNames=function(a){this.names.has(a)&&this.names.get(a).clear()},r.clearRules=function(a){this.getTag().clearGroup(_t(a)),this.clearNames(a)},r.clearTag=function(){this.tag=void 0},r.toString=function(){return(function(a){for(var n=a.getTag(),s=n.length,i="",o=0;o<s;o++){var d=Fs(o);if(d!==void 0){var m=a.names.get(d),l=n.getGroup(o);if(m&&l&&m.size){var f=vt+".g"+o+'[id="'+d+'"]',y="";m!==void 0&&m.forEach((function(g){g.length>0&&(y+=g+",")})),i+=""+l+f+'{content:"'+y+`"}/*!sc*/
+`}}}return i})(this)},t})(),Ks=/(a)(d)/gi,zr=function(t){return String.fromCharCode(t+(t>25?39:97))};function ur(t){var r,a="";for(r=Math.abs(t);r>52;r=r/52|0)a=zr(r%52)+a;return(zr(r%52)+a).replace(Ks,"$1-$2")}var gt=function(t,r){for(var a=r.length;a;)t=33*t^r.charCodeAt(--a);return t},ja=function(t){return gt(5381,t)};function Vs(t){for(var r=0;r<t.length;r+=1){var a=t[r];if(Et(a)&&!Sr(a))return!1}return!0}var Qs=ja("5.3.11"),Gs=(function(){function t(r,a,n){this.rules=r,this.staticRulesId="",this.isStatic=(n===void 0||n.isStatic)&&Vs(r),this.componentId=a,this.baseHash=gt(Qs,a),this.baseStyle=n,va.registerId(a)}return t.prototype.generateAndInjectStyles=function(r,a,n){var s=this.componentId,i=[];if(this.baseStyle&&i.push(this.baseStyle.generateAndInjectStyles(r,a,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&a.hasNameForId(s,this.staticRulesId))i.push(this.staticRulesId);else{var o=jt(this.rules,r,a,n).join(""),d=ur(gt(this.baseHash,o)>>>0);if(!a.hasNameForId(s,d)){var m=n(o,"."+d,void 0,s);a.insertRules(s,d,m)}i.push(d),this.staticRulesId=d}else{for(var l=this.rules.length,f=gt(this.baseHash,n.hash),y="",g=0;g<l;g++){var x=this.rules[g];if(typeof x=="string")y+=x;else if(x){var v=jt(x,r,a,n),p=Array.isArray(v)?v.join(""):v;f=gt(f,p+g),y+=p}}if(y){var j=ur(f>>>0);if(!a.hasNameForId(s,j)){var E=n(y,"."+j,void 0,s);a.insertRules(s,j,E)}i.push(j)}}return i.join(" ")},t})(),Ws=/^\s*\/\/.*$/gm,Ys=[":","[",".","#"];function Xs(t){var r,a,n,s,i=rt,o=i.options,d=o===void 0?rt:o,m=i.plugins,l=m===void 0?$t:m,f=new Ss(d),y=[],g=(function(p){function j(E){if(E)try{p(E+"}")}catch{}}return function(E,b,k,N,u,C,M,I,se,Y){switch(E){case 1:if(se===0&&b.charCodeAt(0)===64)return p(b+";"),"";break;case 2:if(I===0)return b+"/*|*/";break;case 3:switch(I){case 102:case 112:return p(k[0]+b),"";default:return b+(Y===0?"/*|*/":"")}case-2:b.split("/*|*/}").forEach(j)}}})((function(p){y.push(p)})),x=function(p,j,E){return j===0&&Ys.indexOf(E[a.length])!==-1||E.match(s)?p:"."+r};function v(p,j,E,b){b===void 0&&(b="&");var k=p.replace(Ws,""),N=j&&E?E+" "+j+" { "+k+" }":k;return r=b,a=j,n=new RegExp("\\"+a+"\\b","g"),s=new RegExp("(\\"+a+"\\b){2,}"),f(E||!j?"":j,N)}return f.use([].concat(l,[function(p,j,E){p===2&&E.length&&E[0].lastIndexOf(a)>0&&(E[0]=E[0].replace(n,x))},g,function(p){if(p===-2){var j=y;return y=[],j}}])),v.hash=l.length?l.reduce((function(p,j){return j.name||Ot(15),gt(p,j.name)}),5381).toString():"",v}var wa=pe.createContext();wa.Consumer;var ka=pe.createContext(),Js=(ka.Consumer,new va),mr=Xs();function Zs(){return c.useContext(wa)||Js}function ei(){return c.useContext(ka)||mr}var ti=(function(){function t(r,a){var n=this;this.inject=function(s,i){i===void 0&&(i=mr);var o=n.name+i.hash;s.hasNameForId(n.id,o)||s.insertRules(n.id,o,i(n.rules,o,"@keyframes"))},this.toString=function(){return Ot(12,String(n.name))},this.name=r,this.id="sc-keyframes-"+r,this.rules=a}return t.prototype.getName=function(r){return r===void 0&&(r=mr),this.name+r.hash},t})(),ri=/([A-Z])/,ai=/([A-Z])/g,ni=/^ms-/,si=function(t){return"-"+t.toLowerCase()};function qr(t){return ri.test(t)?t.replace(ai,si).replace(ni,"-ms-"):t}var Br=function(t){return t==null||t===!1||t===""};function jt(t,r,a,n){if(Array.isArray(t)){for(var s,i=[],o=0,d=t.length;o<d;o+=1)(s=jt(t[o],r,a,n))!==""&&(Array.isArray(s)?i.push.apply(i,s):i.push(s));return i}if(Br(t))return"";if(Sr(t))return"."+t.styledComponentId;if(Et(t)){if(typeof(l=t)!="function"||l.prototype&&l.prototype.isReactComponent||!r)return t;var m=t(r);return jt(m,r,a,n)}var l;return t instanceof ti?a?(t.inject(a,n),t.getName(n)):t:dr(t)?(function f(y,g){var x,v,p=[];for(var j in y)y.hasOwnProperty(j)&&!Br(y[j])&&(Array.isArray(y[j])&&y[j].isCss||Et(y[j])?p.push(qr(j)+":",y[j],";"):dr(y[j])?p.push.apply(p,f(y[j],j)):p.push(qr(j)+": "+(x=j,(v=y[j])==null||typeof v=="boolean"||v===""?"":typeof v!="number"||v===0||x in Cs||x.startsWith("--")?String(v).trim():v+"px")+";"));return g?[g+" {"].concat(p,["}"]):p})(t):t.toString()}var Ur=function(t){return Array.isArray(t)&&(t.isCss=!0),t};function ii(t){for(var r=arguments.length,a=new Array(r>1?r-1:0),n=1;n<r;n++)a[n-1]=arguments[n];return Et(t)||dr(t)?Ur(jt(Dr($t,[t].concat(a)))):a.length===0&&t.length===1&&typeof t[0]=="string"?t:Ur(jt(Dr(t,a)))}var oi=function(t,r,a){return a===void 0&&(a=rt),t.theme!==a.theme&&t.theme||r||a.theme},li=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,ci=/(^-|-$)/g;function ir(t){return t.replace(li,"-").replace(ci,"")}var di=function(t){return ur(ja(t)>>>0)};function Dt(t){return typeof t=="string"&&!0}var gr=function(t){return typeof t=="function"||typeof t=="object"&&t!==null&&!Array.isArray(t)},ui=function(t){return t!=="__proto__"&&t!=="constructor"&&t!=="prototype"};function mi(t,r,a){var n=t[a];gr(r)&&gr(n)?Na(n,r):t[a]=r}function Na(t){for(var r=arguments.length,a=new Array(r>1?r-1:0),n=1;n<r;n++)a[n-1]=arguments[n];for(var s=0,i=a;s<i.length;s++){var o=i[s];if(gr(o))for(var d in o)ui(d)&&mi(t,o[d],d)}return t}var Sa=pe.createContext();Sa.Consumer;var or={};function Ca(t,r,a){var n=Sr(t),s=!Dt(t),i=r.attrs,o=i===void 0?$t:i,d=r.componentId,m=d===void 0?(function(b,k){var N=typeof b!="string"?"sc":ir(b);or[N]=(or[N]||0)+1;var u=N+"-"+di("5.3.11"+N+or[N]);return k?k+"-"+u:u})(r.displayName,r.parentComponentId):d,l=r.displayName,f=l===void 0?(function(b){return Dt(b)?"styled."+b:"Styled("+Ir(b)+")"})(t):l,y=r.displayName&&r.componentId?ir(r.displayName)+"-"+r.componentId:r.componentId||m,g=n&&t.attrs?Array.prototype.concat(t.attrs,o).filter(Boolean):o,x=r.shouldForwardProp;n&&t.shouldForwardProp&&(x=r.shouldForwardProp?function(b,k,N){return t.shouldForwardProp(b,k,N)&&r.shouldForwardProp(b,k,N)}:t.shouldForwardProp);var v,p=new Gs(a,y,n?t.componentStyle:void 0),j=p.isStatic&&o.length===0,E=function(b,k){return(function(N,u,C,M){var I=N.attrs,se=N.componentStyle,Y=N.defaultProps,$=N.foldedComponentIds,F=N.shouldForwardProp,_=N.styledComponentId,ne=N.target,X=(function(T,h,U){T===void 0&&(T=rt);var P=Xe({},h,{theme:T}),Z={};return U.forEach((function(ee){var te,q,de,fe=ee;for(te in Et(fe)&&(fe=fe(P)),fe)P[te]=Z[te]=te==="className"?(q=Z[te],de=fe[te],q&&de?q+" "+de:q||de):fe[te]})),[P,Z]})(oi(u,c.useContext(Sa),Y)||rt,u,I),W=X[0],xe=X[1],ie=(function(T,h,U,P){var Z=Zs(),ee=ei(),te=h?T.generateAndInjectStyles(rt,Z,ee):T.generateAndInjectStyles(U,Z,ee);return te})(se,M,W),Ae=C,je=xe.$as||u.$as||xe.as||u.as||ne,z=Dt(je),O=xe!==u?Xe({},u,{},xe):u,R={};for(var L in O)L[0]!=="$"&&L!=="as"&&(L==="forwardedAs"?R.as=O[L]:(F?F(L,Lr,je):!z||Lr(L))&&(R[L]=O[L]));return u.style&&xe.style!==u.style&&(R.style=Xe({},u.style,{},xe.style)),R.className=Array.prototype.concat($,_,ie!==_?ie:null,u.className,xe.className).filter(Boolean).join(" "),R.ref=Ae,c.createElement(je,R)})(v,b,k,j)};return E.displayName=f,(v=pe.forwardRef(E)).attrs=g,v.componentStyle=p,v.displayName=f,v.shouldForwardProp=x,v.foldedComponentIds=n?Array.prototype.concat(t.foldedComponentIds,t.styledComponentId):$t,v.styledComponentId=y,v.target=n?t.target:t,v.withComponent=function(b){var k=r.componentId,N=(function(C,M){if(C==null)return{};var I,se,Y={},$=Object.keys(C);for(se=0;se<$.length;se++)I=$[se],M.indexOf(I)>=0||(Y[I]=C[I]);return Y})(r,["componentId"]),u=k&&k+"-"+(Dt(b)?b:ir(Ir(b)));return Ca(b,Xe({},N,{attrs:g,componentId:u}),a)},Object.defineProperty(v,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(b){this._foldedDefaultProps=n?Na({},t.defaultProps,b):b}}),Object.defineProperty(v,"toString",{value:function(){return"."+v.styledComponentId}}),s&&Rs(v,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),v}var De=function(t){return(function r(a,n,s){if(s===void 0&&(s=rt),!ya.isValidElementType(n))return Ot(1,String(n));var i=function(){return a(n,s,ii.apply(void 0,arguments))};return i.withConfig=function(o){return r(a,n,Xe({},s,{},o))},i.attrs=function(o){return r(a,n,Xe({},s,{attrs:Array.prototype.concat(s.attrs,o).filter(Boolean)}))},i})(Ca,t)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(t){De[t]=De(t)}));var pr={accent:"#0096ff",background:"#ffffff",color:"#000000",inputBg:"#f3f4f8",inputColor:"#000000",inputError:"#e3005e",shadow:"0 5px 10px rgba(0, 0, 0, 0.04)",radius:4,spacing:8,fontSize:"13px"},at;(function(t){t[t.slider=0]="slider",t[t.text=1]="text",t[t.color=2]="color"})(at||(at={}));var tt=function(t,r,a){if(a||arguments.length===2)for(var n=0,s=r.length,i;n<s;n++)(i||!(n in r))&&(i||(i=Array.prototype.slice.call(r,0,n)),i[n]=r[n]);return t.concat(i||Array.prototype.slice.call(r))},Pa=["padding","padding-top","padding-right","padding-bottom","padding-left"],Ta=["margin","margin-top","margin-right","margin-bottom","margin-left"],Ea=["border-radius","border-radius-top","border-radius-right","border-radius-bottom","border-radius-left"],gi=tt(tt(tt(tt(tt(["width","height"],Ea,!0),["font-size","top","right","bottom","left"],!1),Pa,!0),Ta,!0),["opacity"],!1),pi=["color","background-color","border-color"],fi=function(t){return gi.includes(t)?at.slider:pi.includes(t)?at.color:at.text},hi=function(t,r){r===void 0&&(r="px");var a=["%","vh","vw"],n=tt(tt(tt(["font-size"],Pa,!0),Ea,!0),Ta,!0);return t==="opacity"?{min:0,max:1,step:.05}:a.includes(r)||n.includes(t)?{min:0,max:100}:{min:0,step:10,max:1e3}},fr=function(t){var r=!1,a=1;if(t.length){var n=t[t.length-1];a=n.id+1,r=!n.property}r||t.push({id:a,value:"",property:""})},Aa=function(t){var r=t.replace(/\n/g,""),a=r.split(";"),n=a.filter(Boolean),s=[];return n.forEach(function(i,o){var d=i.trim(),m=d.indexOf(":"),l=m>=0,f=l?d.slice(0,m):d,y=l?d.slice(m+1,d.length).trim():"";s.push({property:f,value:y,id:o})}),fr(s),s},xi=function(t){var r=[];t.forEach(function(n){n.property.trim()&&r.push("".concat(n.property.trim(),": ").concat(n.value.trim()))});var a=r.join(`;
+`);return a},yi=function(t,r,a){c.useEffect(function(){if(r){var n=Aa(t);a(function(s){return JSON.stringify(s)===JSON.stringify(n)?s:n})}},[t,r])},bi=function(t){var r=c.useCallback(function(){var a=document.activeElement;if(!(!a||a.tagName.toLowerCase()!=="input")){var n=Number(a.getAttribute("data-editor-order")),s=t.current;if(s){var i=s.querySelector('input[data-editor-order="'.concat(n+1,'"]'));i&&i.select()}}},[]);return r},Ft=c.createContext(pr),vi=function(t,r){return Object.defineProperty?Object.defineProperty(t,"raw",{value:r}):t.raw=r,t},hr=function(){return hr=Object.assign||function(t){for(var r,a=1,n=arguments.length;a<n;a++){r=arguments[a];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},hr.apply(this,arguments)},ji=De.input(Hr||(Hr=vi([`
+  border-radius: `,`px;
+  background-color: `,`;
+  box-sizing: border-box;
+  padding: 1px 3px;
+  text-align: inherit;
+  width: 100%;
+  outline: none;
+  border: 2px `,` solid;
+  font-family: inherit;
+  font-size: inherit;
+  color: `,`;
+  
+  &:focus, &[value=""] {
+    background-color: `,`;
+    color: `,`;
+  }
+
+  &:focus {
+    border-color: `,`;
+  }
+`],[`
+  border-radius: `,`px;
+  background-color: `,`;
+  box-sizing: border-box;
+  padding: 1px 3px;
+  text-align: inherit;
+  width: 100%;
+  outline: none;
+  border: 2px `,` solid;
+  font-family: inherit;
+  font-size: inherit;
+  color: `,`;
+  
+  &:focus, &[value=""] {
+    background-color: `,`;
+    color: `,`;
+  }
+
+  &:focus {
+    border-color: `,`;
+  }
+`])),function(t){var r=t.radius;return r},function(t){var r=t.inputBg,a=t.transparent;return a?"transparent":r},function(t){var r=t.isValid,a=r===void 0?!0:r,n=t.inputError;return a?"transparent":n},function(t){var r=t.inputColor,a=t.color,n=t.transparent;return n?a:r},function(t){var r=t.inputBg;return r},function(t){var r=t.inputColor;return r},function(t){var r=t.accent;return r}),Ra=c.forwardRef(function(t,r){var a=c.useContext(Ft);return pe.createElement(ji,hr({inputBg:a.inputBg,accent:a.accent,radius:a.radius||0,type:"text",ref:r,"data-editor-order":t.order,inputColor:a.inputColor,color:a.color,inputError:a.inputError},t))}),Hr,Ma=c.createContext([]),wi=function(t,r){c.useEffect(function(){var a=function(n){t.current&&!t.current.contains(n.target)&&r(!1)};return document.addEventListener("mousedown",a),function(){document.removeEventListener("mousedown",a)}},[])},Oa=function(t,r){return Object.defineProperty?Object.defineProperty(t,"raw",{value:r}):t.raw=r,t},ki=De.ul(Kr||(Kr=Oa([`
+  border-radius: `,`px;
+  background-color: `,`;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 2;
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  max-height: 200px;
+  overflow-y: auto;
+  box-shadow: `,`;
+`],[`
+  border-radius: `,`px;
+  background-color: `,`;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 2;
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  max-height: 200px;
+  overflow-y: auto;
+  box-shadow: `,`;
+`])),function(t){var r=t.radius;return r},function(t){var r=t.background;return r},function(t){var r=t.shadow;return r}),Ni=De.li(Vr||(Vr=Oa([`
+  background: `,`;
+  color: `,`;
+  padding: `,`;
+`],[`
+  background: `,`;
+  color: `,`;
+  padding: `,`;
+`])),function(t){var r=t.selected,a=t.accent;return r?a:"transparent"},function(t){var r=t.selected;return r?"#ffffff":"inherit"},function(t){var r=t.spacing;return"".concat(r*.5,"px ").concat(r*2,"px ").concat(r*.5,"px ").concat(r,"px")}),Si=function(t){var r=t.options,a=t.wrapperRef,n=t.onChange,s=t.onSetOpen,i=c.useContext(Ft),o=c.useState(0),d=o[0],m=o[1],l=c.useRef(null),f=c.useCallback(function(g){if(g.key==="Enter"||g.code==="Enter"){n(r[d]);return}if(g.key==="Escape"||g.code==="Escape"){s(!1);return}var x=["ArrowDown","ArrowUp"];x.includes(g.code)&&y(g.code)},[d,n]),y=c.useCallback(function(g){m(function(x){var v,p;g==="ArrowDown"?p=x+1:p=x-1;var j=(v=l.current)===null||v===void 0?void 0:v.querySelector('[data-id="item-'.concat(p,'"]'));return j?(j==null||j.scrollIntoView({block:"nearest",inline:"nearest"}),p):x})},[]);return c.useEffect(function(){m(0)},[r]),c.useEffect(function(){var g;return(g=a.current)===null||g===void 0||g.addEventListener("keydown",f,!1),function(){var x;(x=a.current)===null||x===void 0||x.removeEventListener("keydown",f,!1)}},[f]),wi(l,s),r.length?pe.createElement(ki,{background:i.background,radius:i.radius,shadow:i.shadow,ref:l},r?.map(function(g,x){return pe.createElement(Ni,{key:g,selected:x===d,accent:i.accent,spacing:i.spacing,"data-id":"item-".concat(x)},g)})):null},Kr,Vr,Ci=function(t,r){return Object.defineProperty?Object.defineProperty(t,"raw",{value:r}):t.raw=r,t},Pi=De.div(Qr||(Qr=Ci([`
+  margin-bottom: 4px;
+  height: 25px;
+  font-size: inherit;
+  width: `,`;
+  position: relative;
+`],[`
+  margin-bottom: 4px;
+  height: 25px;
+  font-size: inherit;
+  width: `,`;
+  position: relative;
+`])),function(t){var r=t.fullwidth;return r?"100%":"calc(100% - 60px)"}),Ti=function(t){var r=t.value,a=r===void 0?"":r,n=t.onChange,s=t.fullwidth,i=s===void 0?!0:s,o=t.order,d=c.useState(a),m=d[0],l=d[1],f=c.useRef(null),y=c.useState(!1),g=y[0],x=y[1],v=m.trim(),p=c.useContext(Ma),j=c.useMemo(function(){return v?p.filter(function(u){return u.startsWith(v.toLowerCase())}):[]},[p,v]),E=function(u){var C=u.target.value;l(C),n(C),x(!0)},b=function(u){l(u),n(u),x(!1)},k=function(){var u;(u=f.current)===null||u===void 0||u.select()},N=function(u){u.preventDefault()};return pe.createElement(Pi,{fullwidth:i},pe.createElement("form",{onSubmit:N},pe.createElement(Ra,{ref:f,type:"text",value:m,placeholder:"Property",onChange:E,onClick:k,order:o,transparent:!0}),g&&pe.createElement(Si,{options:j,wrapperRef:f,onChange:b,onSetOpen:x})))},Qr,Ei=function(t){var r=c.useRef(null),a=t||r,n=function(){var s;(s=a.current)===null||s===void 0||s.select()};return{handleClick:n,inputRef:a}},xr=function(){return xr=Object.assign||function(t){for(var r,a=1,n=arguments.length;a<n;a++){r=arguments[a];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},xr.apply(this,arguments)},Ai=function(t,r){var a={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&r.indexOf(n)<0&&(a[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(a[n[s]]=t[n[s]]);return a},Pr=function(t){var r=t.value,a=t.onChange,n=t.valueRef,s=Ai(t,["value","onChange","valueRef"]),i=Ei(n),o=i.inputRef,d=i.handleClick,m=function(l){var f=l.target.value;a(f)};return pe.createElement(Ra,xr({type:"text",value:r,onChange:m,onClick:d,ref:o},s))},Tr=function(t,r){return Object.defineProperty?Object.defineProperty(t,"raw",{value:r}):t.raw=r,t},yr=function(){return yr=Object.assign||function(t){for(var r,a=1,n=arguments.length;a<n;a++){r=arguments[a];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},yr.apply(this,arguments)},Ri=function(t,r){var a={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&r.indexOf(n)<0&&(a[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(a[n[s]]=t[n[s]]);return a},Mi=De.div(Gr||(Gr=Tr([`
+  position: relative;
+`],[`
+  position: relative;
+`]))),Oi=De.div(Wr||(Wr=Tr([`
+  position: absolute;
+  top: -30px;
+  right: 0;
+  width: 50px;
+  text-align: right;
+`],[`
+  position: absolute;
+  top: -30px;
+  right: 0;
+  width: 50px;
+  text-align: right;
+`]))),Fi=De.input(Yr||(Yr=Tr([`
+  width: 100%;
+  accent-color: `,`;
+`],[`
+  width: 100%;
+  accent-color: `,`;
+`])),function(t){var r=t.accent;return r}),Li=function(t){var r=t.value,a=t.onChange,n=t.property,s=Ri(t,["value","onChange","property"]),i=c.useContext(Ft),o=parseFloat(r),d=r.replace("".concat(o),"").trim(),m=hi(n,d),l=function(y){var g=parseFloat(y.target.value);a("".concat(g).concat(d))},f=function(y){a(y)};return pe.createElement(Mi,null,pe.createElement(Oi,null,pe.createElement(Pr,yr({value:r,onChange:f},s))),pe.createElement(Fi,{type:"range",value:o,onChange:l,min:m.min,max:m.max,step:m.step||1,accent:i.accent}))},Gr,Wr,Yr,Fa=function(t,r){return Object.defineProperty?Object.defineProperty(t,"raw",{value:r}):t.raw=r,t},_i=De.div(Xr||(Xr=Fa([`
+  position: relative;
+`],[`
+  position: relative;
+`]))),Di=De.input(Jr||(Jr=Fa([`
+  position: absolute;
+  top: -28px;
+  right: 0;
+  width: 0;
+  height: 0;
+  border-radius: 50%;
+  border: none;
+  padding: 0;
+  -webkit-appearance: none;
+  
+  &::-webkit-color-swatch-wrapper {
+    padding: 0;
+  }
+  
+  &::-webkit-color-swatch {
+    border: none;
+  }
+  
+  &:after {
+    position: absolute;
+    content: "";
+    background: `,`;
+    top: 0;
+    right: 0;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    cursor: pointer;
+    border: 1px rgba(0, 0, 0, 0.1) solid;
+  }
+`],[`
+  position: absolute;
+  top: -28px;
+  right: 0;
+  width: 0;
+  height: 0;
+  border-radius: 50%;
+  border: none;
+  padding: 0;
+  -webkit-appearance: none;
+  
+  &::-webkit-color-swatch-wrapper {
+    padding: 0;
+  }
+  
+  &::-webkit-color-swatch {
+    border: none;
+  }
+  
+  &:after {
+    position: absolute;
+    content: "";
+    background: `,`;
+    top: 0;
+    right: 0;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    cursor: pointer;
+    border: 1px rgba(0, 0, 0, 0.1) solid;
+  }
+`])),function(t){var r=t.background;return r}),Ii=function(t){var r=t.value,a=t.onChange,n=t.order,s=function(m){var l=m.target.value;a(l)},i=(r.match(/\(/g)||[]).length,o=(r.match(/\)/g)||[]).length,d=i===o;return pe.createElement("div",null,pe.createElement(_i,null,pe.createElement(Di,{type:"color",value:r,onChange:s,background:d?r:""})),pe.createElement(Pr,{value:r,onChange:a,order:n}))},Xr,Jr,Pt=function(){return Pt=Object.assign||function(t){for(var r,a=1,n=arguments.length;a<n;a++){r=arguments[a];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},Pt.apply(this,arguments)},$i=function(t,r){var a={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&r.indexOf(n)<0&&(a[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(a[n[s]]=t[n[s]]);return a},zi=function(t){var r=t.mode,a=t.property,n=$i(t,["mode","property"]);switch(r){case at.slider:return pe.createElement(Li,Pt({},n,{property:a}));case at.color:return pe.createElement(Ii,Pt({},n));default:return pe.createElement(Pr,Pt({},n))}},qi=function(t,r){return Object.defineProperty?Object.defineProperty(t,"raw",{value:r}):t.raw=r,t},qt=function(){return qt=Object.assign||function(t){for(var r,a=1,n=arguments.length;a<n;a++){r=arguments[a];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},qt.apply(this,arguments)},Bi=De.div(Zr||(Zr=qi([`
+  background: `,`;
+  padding: `,`;
+  border-radius: `,`px;
+  box-shadow: `,`;
+  margin: `,`px 0;
+`],[`
+  background: `,`;
+  padding: `,`;
+  border-radius: `,`px;
+  box-shadow: `,`;
+  margin: `,`px 0;
+`])),function(t){var r=t.backgroundColor;return r},function(t){var r=t.spacing;return"".concat(r,"px ").concat(r*1.25,"px ").concat(r*1.25,"px")},function(t){var r=t.radius;return r*3},function(t){var r=t.shadow;return r},function(t){var r=t.spacing;return r}),Ui=c.memo(function(t){var r=t.data,a=t.onChange,n=t.order,s=t.onRemove,i=c.useContext(Ft),o=fi(r.property),d=c.useRef(null),m=function(p){a(qt(qt({},r),p))},l=function(p){p===void 0&&(p=" "),m({property:p})},f=function(p){m({value:p})},y=r.property.trim(),g=r.value.trim(),x=function(){y||s(r.id)},v=g?CSS.supports(y,g):!0;return pe.createElement(Bi,{onBlur:x,backgroundColor:i.background,shadow:i.shadow,radius:i.radius,spacing:i.spacing},pe.createElement(Ti,{value:r.property,onChange:l,fullwidth:o===at.text,order:n}),y&&pe.createElement(zi,{value:r.value,mode:o,onChange:f,property:r.property,valueRef:d,order:n+1,isValid:v}))}),Zr,Hi=function(){var t=document.body.style,r=Object.getOwnPropertyNames(t.hasOwnProperty("background")?t:t.__proto__);r=r.filter(function(n){return t[n]===""})?.map(function(n){return n=n.replace(/[A-Z]/g,function(s){return"-"+s.toLowerCase()}),n.startsWith("webkit")&&(n="-"+n),n});var a={};return r=r.filter(function(n){return a[n]?!1:(a[n]=!0,!0)}),r},Ki=function(t,r){return Object.defineProperty?Object.defineProperty(t,"raw",{value:r}):t.raw=r,t},Tt=function(){return Tt=Object.assign||function(t){for(var r,a=1,n=arguments.length;a<n;a++){r=arguments[a];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},Tt.apply(this,arguments)},ea=function(t,r,a){if(a||arguments.length===2)for(var n=0,s=r.length,i;n<s;n++)(i||!(n in r))&&(i||(i=Array.prototype.slice.call(r,0,n)),i[n]=r[n]);return t.concat(i||Array.prototype.slice.call(r))},Vi=De.div(ta||(ta=Ki([`
+  margin: -`,`px 0;
+  font-size: `,`;
+  color: `,`;
+`],[`
+  margin: -`,`px 0;
+  font-size: `,`;
+  color: `,`;
+`])),function(t){var r=t.spacing;return r},function(t){var r=t.fontSize;return r},function(t){var r=t.color;return r}),Qi=function(t){var r=t.style,a=r===void 0?"":r,n=t.theme,s=n===void 0?{}:n,i=t.onChange,o=t.reactive,d=o===void 0?!1:o,m=c.useState(function(){return Aa(a)}),l=m[0],f=m[1],y=c.useRef(null),g=JSON.stringify(s),x=c.useMemo(function(){var N=JSON.parse(g);return Tt(Tt(Tt({},pr),JSON.parse(g)),{inputColor:N.inputColor||N.color||pr.inputColor})},[g]),v=c.useMemo(function(){return xi(l)},[l]),p=c.useMemo(function(){var N=Hi();return N},[]);yi(a,d,f);var j=bi(y),E=c.useCallback(function(N){var u=[":",";"];!u.includes(N.key)&&N.key!=="Enter"&&N.code!=="Enter"||(u.includes(N.key)&&N.preventDefault(),j())},[j]);c.useEffect(function(){var N;return(N=y.current)===null||N===void 0||N.addEventListener("keydown",E,!1),function(){var u;(u=y.current)===null||u===void 0||u.removeEventListener("keydown",E,!1)}},[E]),c.useEffect(function(){i==null||i(v)},[i,v]);var b=c.useCallback(function(N){f(function(u){var C=ea([],u,!0),M=C.findIndex(function(I){return I.id===N.id});return C.splice(M,1,N),fr(C),C})},[]),k=c.useCallback(function(N){f(function(u){var C=ea([],u,!0),M=C.findIndex(function(I){return I.id===N});return C.splice(M,1),fr(C),C})},[]);return pe.createElement(Ma.Provider,{value:p},pe.createElement(Ft.Provider,{value:x},pe.createElement(Vi,{fontSize:x.fontSize,color:x.color,spacing:x.spacing,ref:y},l?.map(function(N,u){return pe.createElement(Ui,{data:N,key:N.id,onChange:b,onRemove:k,order:u*2})}))))},ta;const Gi={heading:"font-size: 24px; font-weight: bold; font-family: serif; text-decoration: none; list-style: disc; text-align: left;",body:"font-size: 14px; font-weight: normal; font-family: serif; text-decoration: none; list-style: disc; text-align: left;",emphasis:"font-size: 14px; font-weight: bold; font-family: serif; text-decoration: underline; list-style: disc; text-align: left;",list:"font-size: 14px; font-weight: normal; font-family: serif; list-style: disclosure-closed; text-align: left;",title:"font-size: 18px; font-weight: bold; font-family: sans-serif; text-decoration: none; list-style: disc; text-align: left;"},Wi=()=>`url('data:image/svg+xml;base64,${btoa('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><polygon points="6,4 12,8 6,12" fill="currentColor"/></svg>')}')`,ra=t=>{const r={};let a=0,n="";const s=i=>{if(i=i.trim(),!i)return;const o=i.indexOf(":");if(o<=0)return;const d=i.slice(0,o).trim(),m=i.slice(o+1).trim();d&&m&&(r[d]=m)};for(let i=0;i<t.length;i++){const o=t[i];o==="("?a++:o===")"&&a--,o===";"&&a===0?(s(n),n=""):n+=o}return s(n),r},aa=t=>Object.entries(t)?.map(([r,a])=>`${r}: ${a};`).join(" "),Yi=({setting:t,index:r,onChange:a,isDefault:n,onToggleDefault:s})=>{const{t:i}=Ie(),[o,d]=c.useState(!1),m=c.useMemo(()=>typeof t.value=="string"?t.value:"",[t.value]),l=c.useMemo(()=>ra(m),[m]);c.useMemo(()=>{const p=new Set;return t.templateSettingValues&&t.templateSettingValues.length>0&&t.templateSettingValues.forEach(j=>{j.value&&typeof j.value=="object"&&Object.keys(j.value).forEach(E=>p.add(E))}),Array.from(p)},[t.templateSettingValues]);const f=c.useMemo(()=>{const p=t.code.toLowerCase();return p.includes("header")||p.includes("footer")},[t.code]),y=p=>{const j={...p};return j["list-style"]!=="disclosure-closed"&&delete j["list-style-image"],j["list-style"]==="disclosure-closed"&&(j["list-style-image"]=Wi()),j},g=c.useCallback((p,j)=>{let E={...l,[p]:j};p==="list-style"&&["disclosure-closed","disclosure-open","none"].includes(j)&&delete E["list-style-type"],E=y(E);const b=aa(E);a(r,b)},[l,r,a]);c.useEffect(()=>{const p=ra(m),j=y(p),E=aa(j);E!==m&&a(r,E)},[]);const x=c.useCallback(p=>{a(r,p)},[r,a]),v=c.useCallback(p=>{a(r,Gi[p])},[r,a]);return!t||!t.code||!t.id?null:e.jsxs("div",{className:"mt-4 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg border border-gray-200 dark:border-gray-600 space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h4",{className:"text-sm font-medium text-gray-700 dark:text-gray-200",children:t.code.replace(/-/g," ")}),e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:n,onChange:()=>s(t.id),className:"w-4 h-4 rounded border-gray-300 dark:border-gray-500"}),e.jsx("span",{className:"text-xs font-medium text-gray-600 dark:text-gray-300",children:n?"Default":"Custom"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-300",children:i("template.quickPresets","Quick Presets")}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsx("button",{onClick:()=>v("heading"),className:"px-2 py-1 text-xs bg-white dark:bg-gray-600 border border-gray-300 dark:border-gray-500 rounded hover:bg-purple-50 dark:hover:bg-purple-900/30 transition-colors dark:text-gray-200",children:"Heading"}),e.jsx("button",{onClick:()=>v("body"),className:"px-2 py-1 text-xs bg-white dark:bg-gray-600 border border-gray-300 dark:border-gray-500 rounded hover:bg-purple-50 dark:hover:bg-purple-900/30 transition-colors dark:text-gray-200",children:"Body"}),e.jsx("button",{onClick:()=>v("emphasis"),className:"px-2 py-1 text-xs bg-white dark:bg-gray-600 border border-gray-300 dark:border-gray-500 rounded hover:bg-purple-50 dark:hover:bg-purple-900/30 transition-colors dark:text-gray-200",children:"Emphasis"}),e.jsx("button",{onClick:()=>v("list"),className:"px-2 py-1 text-xs bg-white dark:bg-gray-600 border border-gray-300 dark:border-gray-500 rounded hover:bg-purple-50 dark:hover:bg-purple-900/30 transition-colors dark:text-gray-200",children:"List"}),e.jsx("button",{onClick:()=>v("title"),className:"px-2 py-1 text-xs bg-white dark:bg-gray-600 border border-gray-300 dark:border-gray-500 rounded hover:bg-purple-50 dark:hover:bg-purple-900/30 transition-colors col-span-2 dark:text-gray-200",children:"Title"})]})]}),e.jsxs("div",{className:"space-y-3 border-t border-gray-200 dark:border-gray-600 pt-3",children:[e.jsx("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-300",children:i("template.commonProperties","Common Properties")}),f?e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.width","Width")}),e.jsx("input",{type:"text",value:l.width||"100%",onChange:p=>g("width",p.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.height","Height")}),e.jsx("input",{type:"text",value:l.height||"auto",onChange:p=>g("height",p.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.margin","Margin")}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Top"}),e.jsx("input",{type:"text",value:l["margin-top"]||"0",onChange:p=>g("margin-top",p.target.value),className:"w-full px-2 py-1 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Right"}),e.jsx("input",{type:"text",value:l["margin-right"]||"0",onChange:p=>g("margin-right",p.target.value),className:"w-full px-2 py-1 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Bottom"}),e.jsx("input",{type:"text",value:l["margin-bottom"]||"0",onChange:p=>g("margin-bottom",p.target.value),className:"w-full px-2 py-1 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Left"}),e.jsx("input",{type:"text",value:l["margin-left"]||"0",onChange:p=>g("margin-left",p.target.value),className:"w-full px-2 py-1 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded text-sm"})]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.padding","Padding")}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Top"}),e.jsx("input",{type:"text",value:l["padding-top"]||"0",onChange:p=>g("padding-top",p.target.value),className:"w-full px-2 py-1 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Right"}),e.jsx("input",{type:"text",value:l["padding-right"]||"0",onChange:p=>g("padding-right",p.target.value),className:"w-full px-2 py-1 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Bottom"}),e.jsx("input",{type:"text",value:l["padding-bottom"]||"0",onChange:p=>g("padding-bottom",p.target.value),className:"w-full px-2 py-1 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded text-sm"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Left"}),e.jsx("input",{type:"text",value:l["padding-left"]||"0",onChange:p=>g("padding-left",p.target.value),className:"w-full px-2 py-1 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded text-sm"})]})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.fontSize","Font Size")}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{type:"number",value:(l["font-size"]||"14px").replace("px",""),onChange:p=>g("font-size",`${p.target.value}px`),placeholder:"14",className:"flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-sm"}),e.jsx("span",{className:"flex items-center text-gray-600 dark:text-gray-400 text-sm",children:"px"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.fontWeight","Font Weight")}),e.jsxs("select",{value:l["font-weight"]||"normal",onChange:p=>g("font-weight",p.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-sm",children:[e.jsx("option",{value:"normal",children:"Normal (400)"}),e.jsx("option",{value:"500",children:"Medium (500)"}),e.jsx("option",{value:"600",children:"Semi-bold (600)"}),e.jsx("option",{value:"bold",children:"Bold (700)"}),e.jsx("option",{value:"800",children:"Extra Bold (800)"}),e.jsx("option",{value:"900",children:"Black (900)"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.fontFamily","Font Family")}),e.jsxs("select",{value:l["font-family"]||"serif",onChange:p=>g("font-family",p.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-sm",children:[e.jsx("option",{value:"serif",children:"Serif"}),e.jsx("option",{value:"sans-serif",children:"Sans-serif"}),e.jsx("option",{value:"monospace",children:"Monospace"}),e.jsx("option",{value:"cursive",children:"Cursive"}),e.jsx("option",{value:"fantasy",children:"Fantasy"}),e.jsx("option",{value:"Georgia, serif",children:"Georgia"}),e.jsx("option",{value:"'Times New Roman', serif",children:"Times New Roman"}),e.jsx("option",{value:"Arial, sans-serif",children:"Arial"}),e.jsx("option",{value:"Verdana, sans-serif",children:"Verdana"}),e.jsx("option",{value:"'Courier New', monospace",children:"Courier New"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.textDecoration","Text Decoration")}),e.jsxs("select",{value:l["text-decoration"]||"none",onChange:p=>g("text-decoration",p.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-sm",children:[e.jsx("option",{value:"none",children:"None"}),e.jsx("option",{value:"underline",children:"Underline"}),e.jsx("option",{value:"overline",children:"Overline"}),e.jsx("option",{value:"line-through",children:"Line Through"}),e.jsx("option",{value:"underline overline",children:"Underline & Overline"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 mb-1",children:i("template.textAlign","Text Align")}),e.jsxs("select",{value:l["text-align"]||"left",onChange:p=>g("text-align",p.target.value),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-sm",children:[e.jsx("option",{value:"Empty",children:"Empty"}),e.jsx("option",{value:"left",children:"Left"}),e.jsx("option",{value:"center",children:"Center"}),e.jsx("option",{value:"right",children:"Right"}),e.jsx("option",{value:"justify",children:"Justify"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-gray-600 dark:text-gray-300 mb-1",children:i("template.listStyle","List Style")}),e.jsxs("select",{value:l["list-style"]||"disc",onChange:p=>g("list-style",p.target.value),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 text-sm",children:[e.jsx("option",{value:"disc",children:"Bullet"}),e.jsx("option",{value:"circle",children:"Circle"}),e.jsx("option",{value:"square",children:"Square"}),e.jsx("option",{value:"disclosure-closed",children:"Black Right Triangle (▶)"}),e.jsx("option",{value:"decimal",children:"Numbers (1, 2, 3)"}),e.jsx("option",{value:"lower-alpha",children:"Lowercase Letters (a, b, c)"}),e.jsx("option",{value:"upper-alpha",children:"Uppercase Letters (A, B, C)"}),e.jsx("option",{value:"lower-roman",children:"Lowercase Roman (i, ii, iii)"}),e.jsx("option",{value:"upper-roman",children:"Uppercase Roman (I, II, III)"}),e.jsx("option",{value:"none",children:"None"})]})]})]})]}),e.jsxs("button",{onClick:()=>d(!o),className:"w-full flex items-center justify-between px-3 py-2 text-xs font-medium text-gray-600 dark:text-gray-300 hover:bg-white dark:hover:bg-gray-600 rounded transition-colors border border-gray-300 dark:border-gray-500",children:[e.jsx("span",{children:i("template.advancedCSS","Advanced CSS Editor")}),e.jsx(za,{className:`h-4 w-4 transition-transform ${o?"rotate-180":""}`})]}),o&&e.jsxs("div",{className:"border-t border-gray-200 dark:border-gray-600 pt-3 space-y-2",children:[e.jsx("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-300",children:i("template.customCSS","Custom CSS")}),e.jsx(Qi,{style:m,onChange:x})]})]})},Xi={collaborators:[{am:"ዮሃንስ ዶ",en:"John Doe"},{am:"ማርያም ስሚዝ",en:"Mary Smith"}],preferredLanguage:"am",content:{isWithDelegateSignature:!1,delegatorName:"",body:`This is a sample letter body demonstrating the template styling.
+
+The body can contain multiple paragraphs and formatting.
+
+- First bullet point item
+- Second bullet point item
+- Third bullet point item
+
+This allows you to see how list styles are applied.`,date:new Date().toISOString().split("T")[0],internalCC:["Finance Department","HR Department","Legal Department"],externalCC:["External Partner A","External Partner B"],prefixCC:"CC:",suffixCC:"---",from:["John Doe","Mary Smith"],subject:"Sample Template Subject – Style Preview",sincerelyText:"Sincerely",to:["Department Head","Project Manager","Team Lead"],prefix:"RE:",suffix:"---"},recordType:"external"},Ji=()=>`url('data:image/svg+xml;base64,${btoa(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <polygon points="6,4 12,8 6,12" fill="currentColor"/>
+</svg>`)}')`,Zi=t=>{const r=[];let a=0,n="";for(let i=0;i<t.length;i++){const o=t[i];if(o==="("?a++:o===")"&&a--,o===";"&&a===0){const d=n.trim();if(d){const m=d.indexOf(":");if(m>0){const l=d.slice(0,m).trim(),f=d.slice(m+1).trim();l&&f&&r.push([l,f])}}n=""}else n+=o}const s=n.trim();if(s){const i=s.indexOf(":");if(i>0){const o=s.slice(0,i).trim(),d=s.slice(i+1).trim();o&&d&&r.push([o,d])}}return r},eo=t=>{const r={...t},a=["disclosure-closed","disclosure-open","none"];if(r["list-style"]){const n=r["list-style"].split(" ")[0];if(a.includes(n))return delete r["list-style-type"],r;r["list-style-type"]||(r["list-style-type"]=n)}return r["list-style-type"]&&!r["list-style"]&&(r["list-style"]=r["list-style-type"]),r},na=t=>{const r={};Zi(t).forEach(([n,s])=>{r[n]=s});const a=eo(r);return a["list-style"]==="disclosure-closed"&&(a["list-style-image"]=Ji()),a};function br(t,r){const[a,n]=c.useState(t);return c.useEffect(()=>{const s=setTimeout(()=>{n(t)},r);return()=>{clearTimeout(s)}},[t,r]),a}const to=({isOpen:t,onConfirm:r,onCancel:a})=>{const{t:n}=Ie();return t?e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 backdrop-blur-sm",children:e.jsxs("div",{className:"bg-white rounded-xl shadow-xl max-w-md w-full mx-4 overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between p-4 border-b border-gray-200",children:[e.jsxs("div",{className:"flex items-center gap-2 text-amber-600",children:[e.jsx(On,{className:"h-5 w-5"}),e.jsx("h3",{className:"text-lg font-semibold",children:n("common.warning","Warning")})]}),e.jsx("button",{onClick:a,className:"p-1 hover:bg-gray-100 rounded-lg transition-colors",children:e.jsx(lt,{className:"h-5 w-5 text-gray-500"})})]}),e.jsx("div",{className:"p-6",children:e.jsx("p",{className:"text-gray-700",children:n("template.unsavedChangesWarning","You have unsaved changes. Are you sure you want to leave?")})}),e.jsxs("div",{className:"flex justify-end gap-3 p-4 border-t border-gray-200 bg-gray-50",children:[e.jsx("button",{onClick:a,className:"px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",children:n("common.cancel","Cancel")}),e.jsx("button",{onClick:r,className:"px-4 py-2 text-sm font-medium text-white bg-red-600 rounded-lg hover:bg-red-700 transition-colors",children:n("common.leave","Leave")})]})]})}):null},ro=({visible:t})=>t?e.jsxs("div",{className:"flex items-center gap-2 text-amber-600",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-amber-600 animate-pulse"}),e.jsx("span",{className:"text-sm font-medium",children:"Unsaved changes"})]}):null,ao=({pdfUrl:t,loading:r,error:a,onApply:n})=>{const{t:s}=Ie(),[i,o]=c.useState(!0),[d,m]=c.useState(!1);c.useEffect(()=>{t&&(o(!0),m(!1))},[t]);const l=()=>o(!1),f=()=>{o(!1),m(!0)};return e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("div",{className:"p-4 border-b",children:e.jsx("button",{onClick:n,disabled:r,className:"w-full px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:r?s("template.generatingPreview","Generating..."):s("template.applyChanges","Apply Changes")})}),a&&e.jsxs("div",{className:"mx-4 mt-4 p-3 bg-red-50 border border-red-200 rounded-lg",children:[e.jsx("p",{className:"text-sm text-red-800",children:a}),e.jsx("button",{onClick:n,className:"mt-2 text-sm text-red-600 hover:text-red-800 font-medium underline",children:s("common.retry","Retry")})]}),e.jsx("div",{className:"flex-1 overflow-hidden relative",children:t?e.jsxs(e.Fragment,{children:[i&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-white bg-opacity-75 z-10",children:e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(kr,{className:"h-8 w-8 animate-spin text-purple-600"}),e.jsx("span",{className:"text-sm text-gray-600",children:s("template.loadingPdf","Loading PDF...")})]})}),d&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-gray-50",children:e.jsxs("div",{className:"text-center p-6",children:[e.jsx("p",{className:"text-red-600 font-medium mb-2",children:s("template.pdfLoadError","Failed to load PDF preview")}),e.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"text-purple-600 hover:text-purple-700 underline text-sm",children:s("template.openInNewTab","Open in new tab")})]})}),e.jsx("iframe",{src:t,className:"w-full h-full border-0",title:"PDF Preview",onLoad:l,onError:f})]}):e.jsx("div",{className:"flex items-center justify-center h-full text-gray-500",children:s("template.clickApplyToPreview",'Click "Apply Changes" to generate preview')})})]})},no=({templateId:t,onBack:r})=>{var H,ue,D,we;const{t:a}=Ie(),{userDetails:n}=qa(),s=(ue=(H=n==null?void 0:n.employee)==null?void 0:H[0])==null?void 0:ue.unitId,[i,o]=c.useState(!1),d=c.useRef(null),{data:m,isLoading:l}=pa(s),[f,y]=c.useState(null),[g,x]=c.useState([]),[v,p]=c.useState(!1),[j,E]=c.useState(null),[b,k]=c.useState(!1),[N,u]=c.useState(""),[C,M]=c.useState(""),[I,se]=c.useState([]),[Y,$]=c.useState([]),[F,_]=c.useState(!1),[ne,X]=c.useState(null),[W,xe]=c.useState(null),[ie,Ae]=c.useState(!0),[je,z]=c.useState(!0),O=c.useRef(null),[R,L]=c.useState({}),T=c.useRef({}),h=c.useCallback(S=>{const B=S.toLowerCase();return B.includes("header")?"header":B.includes("footer")?"footer":B.includes("subject")?"subject":B.includes("body")||B.includes("content")?"body":B.includes("receiver")?"receiver":B.includes("prefix")||B.includes("suffix")?"prefix-suffix":B.includes("cc")?"cc":B.includes("list")?"list":B==="letter-fonts"?"fonts":B==="letter-page-margin"?"page-margin":B.includes("reference-number")?"reference-number":"other"},[]),U={"letter-list-style":["receiver"],"letter-cc-list-style":["cc"]},P=c.useCallback(S=>U[S]?U[S]:[h(S)],[]),Z=c.useMemo(()=>{const S=new Map;return g.forEach(B=>{P(B.code).forEach(A=>{if(!S.has(A)){const K={header:a("template.headerStyle","Header Style"),footer:a("template.footerStyle","Footer Style"),subject:a("template.subjectStyle","Subject Style"),body:a("template.bodyStyle","Body Style"),receiver:a("template.receiverStyle","Receiver Style"),"prefix-suffix":a("template.prefixSuffix","Prefix / Suffix"),cc:a("template.ccStyles","CC Styles"),list:a("template.listStyle","List Style"),fonts:a("template.fonts","Fonts"),"page-margin":a("template.pageMargin","Page Margin"),"reference-number":a("template.referenceNumberStyles","Reference Number Styles"),other:a("template.other","Other")};S.set(A,{code:A,label:K[A]||A,settingIds:[]})}S.get(A).settingIds.push(B.id)})}),Array.from(S.values())},[g,a,P]),ee=c.useCallback(async()=>{try{const S=await St.getTemplate(t);y(S)}catch{X(a("error.loadingTemplate","Error loading template"))}},[t,a]),te=c.useCallback(async()=>{try{p(!0),X(null);const S=await St.getTemplateSettingsByUnit(t),V=(Array.isArray(S==null?void 0:S.items)?S.items:[])?.map(K=>{var Oe;if(!K.id||!K.code)return null;let he;if(K.value!==null&&K.value!==void 0)he=K.value;else if(((Oe=K.templateSettingValues)==null?void 0:Oe.length)>0){const ce=K.templateSettingValues.find(ve=>ve.unitId!==null&&ve.unitId!==void 0);if((ce==null?void 0:ce.value)!=null)he=ce.value;else{const ve=K.templateSettingValues.find(qe=>qe.value!==null&&qe.value!==void 0);he=ve==null?void 0:ve.value}}let Ue="";return typeof he=="object"&&he!==null&&Object.keys(he).length>0?Ue=Object.entries(he).filter(([,ce])=>ce!=null&&ce!=="null")?.map(([ce,ve])=>`${ce}: ${ve};`).join(" "):typeof he=="string"&&he.trim()&&(Ue=he),{...K,value:Ue}}).filter(K=>K!==null);x(V);const A={};V.forEach(K=>{K&&(A[K.id]=!0)}),L(A)}catch{X(a("error.loadingSettings","Error loading style settings"))}finally{p(!1)}},[t,a]),q=c.useCallback((S,B)=>{var A;x(K=>{const he=[...K];return he[S]={...he[S],value:B},he});const V=(A=g[S])==null?void 0:A.id;V&&L(K=>({...K,[V]:!1})),_(!0)},[g]),de=c.useCallback(S=>{L(B=>{var A,K;const V=!B[S];if(V){const he=g.findIndex(Ue=>Ue.id===S);if(he>=0){const Oe=((K=(A=g[he].templateSettingValues)==null?void 0:A[0])==null?void 0:K.value)||{};let ce="";typeof Oe=="object"&&Oe!==null&&(ce=Object.entries(Oe)?.map(([ve,qe])=>`${ve}: ${qe};`).join(" ")),x(ve=>{const qe=[...ve];return qe[he]={...qe[he],value:ce},qe})}}return{...B,[S]:V}})},[g]),fe=c.useCallback(async()=>{var S,B;if(!(!t||!s))try{k(!0),X(null);let V;if(N){const ce=I.find(ve=>ve.id===N);ce!=null&&ce.fileInfo&&(V=ce.fileInfo)}else I.length>0&&(V=I[0].fileInfo);let A;if(C){const ce=Y.find(ve=>ve.id===C);ce!=null&&ce.fileInfo&&(A=ce.fileInfo)}else Y.length>0&&(A=Y[0].fileInfo);const K={...Xi,unitId:s,...V&&{header:V},...A&&{footer:A}},he=g?.map(ce=>{const ve=typeof ce.value=="string"?ce.value:"",qe=na(ve);return{id:ce.id,code:ce.code,value:qe}}),Ue={data:K,settings:he},Oe=await St.generateSampleTemplate(t,Ue);if(Oe.pdf)E(Oe.pdf);else throw new Error(a("error.noPdfInResponse","No PDF in response"))}catch(V){const A=((B=(S=V==null?void 0:V.response)==null?void 0:S.data)==null?void 0:B.message)||(V==null?void 0:V.message)||a("error.generatingPreview","Error generating preview");X(A),ge.error(A)}finally{k(!1)}},[t,s,N,C,I,Y,g,a]),Q=c.useCallback(async()=>{var S,B;if(t)try{p(!0);const V=g?.map(A=>{const K=typeof A.value=="string"?A.value:"",he=na(K);return{templateSettingId:A.id,resourceId:null,value:he}});await St.saveBulkTemplateSettingValues(V),_(!1),ge.success(a("template.saveSuccess","Style settings saved successfully"))}catch(V){const A=((B=(S=V==null?void 0:V.response)==null?void 0:S.data)==null?void 0:B.message)||(V==null?void 0:V.message)||a("error.savingSettings","Error saving style settings");ge.error(A)}finally{p(!1)}},[t,g,a]),le=c.useCallback(()=>{F?(o(!0),d.current=r):r()},[F,r]),G=c.useCallback(()=>{o(!1),d.current&&(d.current(),d.current=null)},[]),oe=c.useCallback(()=>{o(!1),d.current=null},[]),Re=c.useCallback(S=>{u(S),_(!0)},[]),ye=c.useCallback(S=>{M(S),_(!0)},[]),$e=c.useCallback(S=>{var V;xe(S);const B=g.find(A=>h(A.code)===S);B&&T.current[B.id]&&((V=T.current[B.id])==null||V.scrollIntoView({behavior:"smooth",block:"start"}))},[g,h]);c.useEffect(()=>{var S,B;m&&(se(m.headers||[]),$(m.footers||[]),!N&&((S=m.headers)==null?void 0:S.length)>0&&u(m.headers[0].id),!C&&((B=m.footers)==null?void 0:B.length)>0&&M(m.footers[0].id))},[m,N,C]),c.useEffect(()=>{t&&(ee(),te())},[t,ee,te]),c.useEffect(()=>{Z.length>0&&!W&&xe(Z[0].code)},[Z,W]),c.useEffect(()=>{const S=B=>{F&&(B.preventDefault(),B.returnValue="")};return window.addEventListener("beforeunload",S),()=>window.removeEventListener("beforeunload",S)},[F]);const ze=c.useMemo(()=>JSON.stringify(g?.map(S=>({id:S.id,value:S.value}))),[g]),Se=br(ze,500);return c.useEffect(()=>{if(ie){if(je){z(!1);return}Se!==O.current&&(O.current=Se,fe())}},[Se,ie,fe]),v&&g.length===0?e.jsx("div",{className:"flex items-center justify-center h-screen",children:e.jsx(kr,{className:"h-8 w-8 animate-spin text-purple-600"})}):e.jsxs("div",{className:"flex flex-col h-screen bg-gray-50",children:[e.jsx("div",{className:"bg-white border-b border-gray-200 px-6 py-4",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("button",{onClick:le,className:"flex items-center gap-2 text-gray-600 hover:text-gray-900 transition-colors",children:[e.jsx(xn,{className:"h-5 w-5"}),e.jsx("span",{className:"font-medium",children:a("common.back","Back")})]}),e.jsx("div",{className:"h-6 w-px bg-gray-300"}),e.jsx("h1",{className:"text-xl font-semibold text-gray-900",children:((D=f==null?void 0:f.name)==null?void 0:D.en)||a("template.styleSettings","Style Settings")})]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("label",{className:"flex items-center gap-2 text-sm text-gray-600",children:[e.jsx("input",{type:"checkbox",checked:ie,onChange:S=>Ae(S.target.checked),className:"w-4 h-4 rounded border-gray-300"}),a("template.livePreview","Live Preview")]}),e.jsx(ro,{visible:F})]})]})}),ne&&e.jsxs("div",{className:"mx-6 mt-4 p-4 bg-red-50 border border-red-200 rounded-lg",children:[e.jsx("p",{className:"text-sm text-red-800",children:ne}),e.jsx("button",{onClick:te,className:"mt-2 text-sm text-red-600 hover:text-red-800 font-medium",children:a("common.retry","Retry")})]}),e.jsxs("div",{className:"flex-1 flex overflow-hidden",children:[e.jsxs("div",{className:"w-1/2 flex overflow-hidden border-r border-gray-200",children:[e.jsx("div",{className:"w-56 flex-shrink-0 bg-gray-50 border-r border-gray-200 overflow-y-auto",children:e.jsxs("div",{className:"p-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-700 mb-3",children:a("template.styleCategories","Style Categories")}),e.jsx("nav",{className:"space-y-1",children:Z?.map(S=>e.jsx("button",{onClick:()=>$e(S.code),className:be("w-full text-left px-3 py-2 rounded-lg text-sm transition-colors",W===S.code?"bg-purple-100 text-purple-700 font-medium":"text-gray-600 hover:bg-gray-100"),children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{children:S.label}),e.jsx("span",{className:"text-xs text-gray-400",children:S.settingIds.length})]})},S.code))})]})}),e.jsx("div",{className:"flex-1 overflow-y-auto p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:a("template.styleEditor","Style Editor")}),e.jsxs("div",{className:"bg-white border border-gray-200 rounded-lg p-4 space-y-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-800",children:a("template.headerFooterSelection","Header & Footer")}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:a("addRecord.Header","Header")}),e.jsxs("select",{value:N,onChange:S=>Re(S.target.value),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500",children:[e.jsx("option",{value:"",children:I!=null&&I.length?a("addRecord.Select Header","Select Header"):a("addRecord.Loading Headers...","Loading Headers...")}),I==null?void 0:I?.map(S=>{var B,V;return e.jsx("option",{value:S.id,children:((B=S.name)==null?void 0:B.en)||((V=S.name)==null?void 0:V.am)},S.id)})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-2",children:a("addRecord.Footer","Footer")}),e.jsxs("select",{value:C,onChange:S=>ye(S.target.value),className:"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500",children:[e.jsx("option",{value:"",children:Y!=null&&Y.length?a("addRecord.Select Footer","Select Footer"):a("addRecord.Loading Footers...","Loading Footers...")}),Y==null?void 0:Y?.map(S=>{var B,V;return e.jsx("option",{value:S.id,children:((B=S.name)==null?void 0:B.en)||((V=S.name)==null?void 0:V.am)},S.id)})]})]})]}),N&&I.length>0&&(()=>{var B,V;const S=I.find(A=>A.id===N);return S!=null&&S.presigned?e.jsxs("div",{className:"bg-gray-50 rounded-lg p-4 border-2 border-dashed border-gray-300",children:[e.jsx("p",{className:"text-sm font-medium text-gray-600 mb-2",children:a("addRecord.Header Preview","Header Preview")}),e.jsx("img",{src:S.presigned,alt:((B=S.name)==null?void 0:B.en)||((V=S.name)==null?void 0:V.am)||"Header",className:"max-w-full h-auto"})]}):null})(),C&&Y.length>0&&(()=>{var B,V;const S=Y.find(A=>A.id===C);return S!=null&&S.presigned?e.jsxs("div",{className:"bg-gray-50 rounded-lg p-4 border-2 border-dashed border-gray-300",children:[e.jsx("p",{className:"text-sm font-medium text-gray-600 mb-2",children:a("addRecord.Footer Preview","Footer Preview")}),e.jsx("img",{src:S.presigned,alt:((B=S.name)==null?void 0:B.en)||((V=S.name)==null?void 0:V.am)||"Footer",className:"max-w-full h-auto"})]}):null})()]}),g.length===0&&!v?e.jsx("div",{className:"text-center py-8 text-gray-500",children:a("template.noSettings","No style settings available")}):W&&e.jsxs("div",{className:"mt-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:((we=Z.find(S=>S.code===W))==null?void 0:we.label)||W}),g.filter(S=>P(S.code).includes(W))?.map(S=>{const B=g.findIndex(V=>V.id===S.id);return e.jsx("div",{ref:V=>{T.current[S.id]=V},children:e.jsx(Yi,{setting:S,index:B,onChange:q,isDefault:R[S.id]??!0,onToggleDefault:de})},S.id)}),g.filter(S=>P(S.code).includes(W)).length===0&&e.jsx("p",{className:"text-gray-500 text-sm",children:a("template.noSettingsForCategory","No settings in this category")})]})]})})]}),e.jsx("div",{className:"w-1/2 bg-white",children:e.jsx(ao,{pdfUrl:j,loading:b,error:ne,onApply:fe})})]}),e.jsx("div",{className:"bg-white border-t border-gray-200 px-6 py-4",children:e.jsx("div",{className:"flex items-center justify-end",children:e.jsx("button",{onClick:Q,disabled:v||!F,className:"px-6 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium",children:v?a("template.saving","Saving..."):a("common.save","Save")})})}),e.jsx(to,{isOpen:i,onConfirm:G,onCancel:oe})]})},so=()=>{const{t}=Ie(),[r,a]=c.useState([]),[n,s]=c.useState(null),[i,o]=c.useState(!0),[d,m]=c.useState(null);c.useEffect(()=>{l()},[]);const l=async()=>{var g;try{o(!0),m(null);const x=await St.getAllTemplates();a(x.items||[]),((g=x.items)==null?void 0:g.length)>0&&s(x.items[0].id)}catch{m(t("error.loadingTemplates","Error loading templates"))}finally{o(!1)}},f=g=>{s(g)},y=()=>{s(null)};return i?e.jsx("div",{className:"flex items-center justify-center h-96",children:e.jsx(kr,{className:"h-8 w-8 animate-spin text-purple-600"})}):d?e.jsx("div",{className:"p-4 bg-red-50 border border-red-200 rounded-lg text-red-700",children:d}):r.length===0?e.jsx("div",{className:"text-center py-12",children:e.jsx("p",{className:"text-gray-500",children:t("template.noTemplates","No templates available")})}):e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"bg-white rounded-lg border border-gray-200 p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700",children:t("template.selectTemplate","Select Template")}),e.jsxs(ft,{value:n||"",onValueChange:f,children:[e.jsx(ht,{className:"w-64",children:e.jsx(xt,{placeholder:t("template.selectTemplate")})}),e.jsx(yt,{children:r?.map(g=>{var x,v;return e.jsx(bt,{value:g.id,children:((x=g.name)==null?void 0:x.en)||((v=g.name)==null?void 0:v.am)},g.id)})})]})]})}),n&&e.jsx(no,{templateId:n,onBack:y})]})},io=()=>{var N,u;const{user:t}=Ba(),r=sa.language,[a,n]=c.useState(!1),[s,i]=c.useState(!1),[o,d]=c.useState(""),[m,l]=c.useState(0),f=br(o,300),y=t!=null&&t.employee&&t.employee.length>0?t.employee[0].organizationId:void 0,{getList:g}=Ya(),{data:x,isLoading:v}=y?g(y,{take:300,skip:0}):{data:void 0,isLoading:!1},p=br(C=>{window.dispatchEvent(new CustomEvent("unitChanged",{detail:C}))},300);c.useEffect(()=>{f&&window.dispatchEvent(new CustomEvent("unitChanged",{detail:f}))},[f]);const j=c.useCallback(C=>{d(C),p(C)},[p]);c.useEffect(()=>{const C=()=>{window.innerWidth>=768&&n(!1)};return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)},[]),c.useEffect(()=>{var C,M;!v&&((M=(C=x==null?void 0:x.data)==null?void 0:C.items)!=null&&M.length)&&!o&&d(x.data.items[0].id)},[v,x,o]);const E=[{label:"contentManagement.seal",icon:e.jsx(ga,{className:"h-5 w-5 flex-shrink-0"}),element:e.jsx(Ln,{unitId:o})},{label:"contentManagement.letterTemplate",icon:e.jsx(Ua,{className:"h-5 w-5 flex-shrink-0"}),element:e.jsx(Kn,{unitId:o})},{label:"recordTag.title",icon:e.jsx(Rn,{className:"h-5 w-5 flex-shrink-0"}),element:e.jsx(ws,{unitId:o})},{label:"contentManagement.prefix",icon:e.jsx(Cn,{className:"h-5 w-5 flex-shrink-0"}),element:e.jsx(hs,{unitId:o,initialTab:"internal"})},{label:"contentManagement.commonRemarks",icon:e.jsx(Nn,{className:"h-5 w-5 flex-shrink-0"}),element:e.jsx(Gn,{unitId:o})},{label:"contentManagement.headerAndFooter",icon:e.jsx(vn,{className:"h-5 w-5 flex-shrink-0"}),element:e.jsx(Wn,{unitId:o})},{label:"template.sample",icon:e.jsx(mt,{className:"h-5 w-5 flex-shrink-0"}),element:e.jsx(so,{})},{label:"dashboard.recentActivities",icon:e.jsx(Tn,{className:"h-5 w-5 flex-shrink-0"}),element:e.jsx(Vn,{activities:[]})}],b=E[m],k=(b==null?void 0:b.label)==="template.sample";return e.jsx("div",{className:"min-h-screen bg-gradient-to-br from-gray-50 to-gray-100/30 dark:from-gray-900 dark:to-gray-800",children:e.jsxs("div",{className:"w-full h-full p-4 lg:p-6 space-y-6",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h1",{className:"text-2xl lg:text-3xl font-bold text-gray-900 dark:text-white tracking-tight",children:w("organization.contentManagement")}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mt-2 text-sm lg:text-base",children:w("organization.contentMsg")})]}),e.jsx("div",{className:"w-full lg:w-auto",children:e.jsx(ys,{})})]}),((u=(N=x==null?void 0:x.data)==null?void 0:N.items)==null?void 0:u.length)>0&&e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-200 dark:border-gray-700 p-4 lg:p-6 transition-all duration-200 hover:shadow-md",children:e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-3 flex-shrink-0",children:[e.jsx("div",{className:"p-2 bg-purple-50 dark:bg-purple-900/30 rounded-lg",children:e.jsx(yn,{className:"h-5 w-5 text-purple-600 dark:text-purple-400"})}),e.jsx("div",{children:e.jsx("label",{className:"block text-sm font-semibold text-gray-900 dark:text-white",children:w("organization.selectUnit")})})]}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs(ft,{value:o,onValueChange:j,disabled:v,children:[e.jsx(ht,{className:be("w-full border-gray-300 dark:border-gray-600 rounded-xl shadow-sm transition-all duration-200 dark:bg-gray-700 dark:text-white","focus:ring-2 focus:ring-purple-500 focus:border-purple-500","hover:border-gray-400 dark:hover:border-gray-500",v&&"opacity-50 cursor-not-allowed"),children:e.jsx(xt,{placeholder:v?w("common.loading"):w("organization.selectUnit")})}),e.jsx(yt,{className:"rounded-xl border border-gray-200 dark:border-gray-600 shadow-lg dark:bg-gray-800",children:x==null?void 0:x.data.items?.map(C=>e.jsx(bt,{value:C.id,className:"rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors dark:text-gray-200",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"flex-1 truncate",children:r==="en"?C.name.en:C.name.am}),C.id===o&&e.jsx("div",{className:"w-2 h-2 bg-purple-600 dark:bg-purple-400 rounded-full"})]})},C.id))})]})})]})}),e.jsxs("div",{className:be("flex w-full min-h-[calc(100vh-12rem)] bg-transparent rounded-2xl",k?"overflow-visible":"overflow-hidden"),children:[a&&e.jsx("div",{className:"fixed inset-0 bg-black/50 dark:bg-black/70 z-40 md:hidden backdrop-blur-sm transition-opacity duration-300",onClick:()=>n(!1)}),e.jsxs("div",{className:be("md:sticky top-0 flex flex-col bg-white dark:bg-gray-800 border-r border-gray-200/60 dark:border-gray-700 transition-all duration-300 ease-in-out","backdrop-blur-sm bg-white/95 md:bg-white dark:bg-gray-800/95",a?"absolute left-0 top-0 z-40 w-72 lg:w-80":"hidden md:flex",s?"md:w-16 lg:w-20":"md:w-72 lg:w-80","h-[calc(100vh-2rem)] md:h-screen rounded-2xl md:rounded-none shadow-xl md:shadow-none"),children:[e.jsxs("div",{className:be("flex items-center p-4 border-b border-gray-200/60 dark:border-gray-700 transition-all duration-300",s?"justify-center":"justify-between"),children:[!s&&e.jsx("div",{className:"flex items-center gap-3 min-w-0",children:e.jsx("h2",{className:"text-lg font-bold text-gray-900 dark:text-white truncate",children:w("organization.contentManagement")})}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("button",{onClick:()=>i(!s),className:be("hidden md:flex p-2 rounded-xl hover:bg-purple-200 dark:hover:bg-purple-900/50 transition-all duration-200","hover:shadow-sm border border-transparent hover:border-purple-200 dark:hover:border-purple-800"),title:s?w("expandSidebar"):w("collapseSidebar"),children:s?e.jsx(Xt,{className:"h-4 w-4 text-gray-600 dark:text-gray-300"}):e.jsx(Xt,{className:"h-4 w-4 text-gray-600 dark:text-gray-300"})}),e.jsx("button",{onClick:()=>n(!1),className:"md:hidden p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",children:e.jsx(lt,{className:"h-4 w-4 text-gray-600 dark:text-gray-300"})})]})]}),e.jsx("nav",{className:"flex-1 p-3 space-y-1 overflow-y-auto",children:E?.map((C,M)=>e.jsxs("button",{onClick:()=>{l(M),n(!1)},className:be("w-full flex items-center gap-3 p-3 rounded-xl text-sm font-medium cursor-pointer transition-all duration-200","border border-transparent hover:border-gray-200 dark:hover:border-gray-600 hover:shadow-sm",s?"justify-center":"",m===M?"bg-gradient-to-r from-purple-50 to-purple-50 dark:from-purple-900/30 dark:to-purple-900/20 text-purple-700 dark:text-purple-300 border-purple-200 dark:border-purple-700 shadow-sm":"text-gray-600 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white"),children:[e.jsx("span",{className:be("transition-transform duration-200",m===M&&"scale-110"),children:C.icon}),!s&&e.jsx("span",{className:"flex-1 text-left truncate font-semibold",children:w(C.label)})]},M))})]}),e.jsxs("div",{className:be("flex-1 flex flex-col min-w-0 transition-all duration-300","md:ml-0"),children:[e.jsxs("div",{className:"md:hidden flex items-center justify-between p-4 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm border-b border-gray-200/60 dark:border-gray-700 rounded-t-2xl",children:[e.jsx("button",{onClick:()=>n(!0),className:"p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors shadow-sm border border-gray-200 dark:border-gray-600",children:e.jsx(Xt,{className:"h-5 w-5 text-gray-600 dark:text-gray-300"})}),e.jsx("div",{className:"flex-1 text-center",children:e.jsx("h1",{className:"text-lg font-semibold text-gray-900 dark:text-white truncate",children:w((b==null?void 0:b.label)||"contentmanagement")})}),e.jsx("div",{className:"w-9"})]}),e.jsxs("div",{className:be("flex-1 p-4 md:p-6",k?"overflow-visible":"overflow-auto"),children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400 mb-6 flex-wrap",children:[e.jsx("span",{className:"text-gray-400 dark:text-gray-500",children:w("content")}),b&&e.jsxs(e.Fragment,{children:[e.jsx(vr,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"}),e.jsx("span",{className:"text-gray-900 dark:text-white font-semibold bg-gray-100 dark:bg-gray-700 px-3 py-1 rounded-full text-sm",children:w(b.label)})]})]}),e.jsx("div",{className:be("w-full transition-opacity duration-300"),children:e.jsx("div",{className:be("rounded-2xl shadow-sm border border-gray-200/60 dark:border-gray-700",k?"overflow-visible":"overflow-hidden"),children:b==null?void 0:b.element})})]})]})]})]})})},Zo=()=>e.jsx(io,{});export{Zo as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/DashboardPage-Ci5_Ntjr.js b/apps/edr-freight-web/backoffice/public/_um/assets/DashboardPage-Ci5_Ntjr.js
new file mode 100644
index 000000000..6fa5aa6b3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/DashboardPage-Ci5_Ntjr.js
@@ -0,0 +1 @@
+import{j as e,v as n,U as z,aO as C,A as T,f as B,u as O,aF as h,B as c,L as u}from"./index-Db-xuq0b.js";import{C as d,d as g,a as b,b as f}from"./card-BBWyxDss.js";import{T as L,a as S,b as j,c as x,d as E,e as p}from"./table-D3n3VABd.js";import{B as D}from"./badge-D7JvaQeJ.js";import{f as P}from"./formatDistanceToNow-DU8jvZv6.js";import{c as y}from"./utils-BncSPdK1.js";import{u as N}from"./useOrganizations-DiuNBweX.js";import{S as H}from"./SmartOfficeAuditPage-DLN72875.js";import{C as M}from"./circle-alert-Cd_zeQMw.js";import{P as U}from"./plus-BdjS2Pc-.js";import"./en-US-Cc-9gH5A.js";import"./endOfMonth-DmxQbzXi.js";import"./organizationsService-BEVk8qa1.js";import"./avatar-C2-XEZ4v.js";import"./format-DvwV82px.js";import"./shield-uC_usZTb.js";import"./lock-BCybB-Lq.js";import"./eye-Bhud4znU.js";import"./square-pen-B91TPB19.js";import"./download-CX6rsOqt.js";import"./select-BoQxM42A.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./search-CM5F2ZRy.js";import"./label-CsFy6wpo.js";import"./radio-group-DqG5gUnT.js";import"./Radio-C3SNvFel.js";import"./get-auto-contrast-value-Da6zqqWm.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./checkbox-Dd0VhnrO.js";import"./Checkbox-IILksgz0.js";import"./refresh-cw-JB7N413f.js";import"./eye-off-CDMvHElM.js";const _=({organizations:t})=>!t||t.length===0?e.jsx("div",{className:"text-sm text-muted-foreground text-center py-4 border dark:border-gray-700 rounded-xl p-6 dark:bg-gray-800",children:"No organizations found"}):e.jsx("div",{className:"rounded-xl overflow-hidden shadow-sm border bg-white dark:bg-gray-800 dark:border-gray-700",children:e.jsxs(L,{children:[e.jsx(S,{className:"bg-white dark:bg-gray-800 text-muted-foreground",children:e.jsxs(j,{children:[e.jsx(x,{className:"px-6 py-3",children:n("organization.organizationName")}),e.jsx(x,{className:"px-6 py-3",children:n("organization.createdOn")}),e.jsx(x,{className:"px-6 py-3",children:n("dashboard.Status")})]})}),e.jsx(E,{children:t?.map((a,r)=>{var s;return e.jsxs(j,{className:r%2?"bg-purple-50/20 dark:bg-gray-700/40":"bg-white dark:bg-gray-800",children:[e.jsx(p,{className:"px-6 py-3 font-medium",children:((s=a.name)==null?void 0:s.en)||"N/A"}),e.jsx(p,{className:"px-6 py-3",children:a.createdAt?P(new Date(a.createdAt),{addSuffix:!0}):"N/A"}),e.jsx(p,{className:"px-6 py-3",children:e.jsx(D,{variant:a.status==="Active"?"default":"outline",className:a.status==="Active"?"bg-primary-100 text-primary-800 hover:bg-primary-100 dark:bg-primary-900/50 dark:text-primary-300":"bg-gray-100 text-gray-800 hover:bg-gray-100 dark:bg-gray-700 dark:text-gray-300",children:a.status==="Active"?n("statusBar.activate"):n("statusBar.deactivate")})})]},a.id)})})]})}),F={building:T,clock:C,user:z},v=({title:t,value:a,indicator:r,color:s,icon:m,variant:l="default",onClick:o})=>{const i=F[m];return e.jsx(d,{onClick:o,className:y("p-4 rounded-xl shadow-sm transition-colors",l==="primary"?"bg-purple-600 text-white":"bg-white dark:bg-gray-800 dark:border-gray-700",o&&"cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700"),children:e.jsxs(g,{className:"p-0",children:[e.jsxs("div",{className:"flex justify-between items-center mb-4",children:[e.jsx("div",{className:"text-sm font-medium opacity-80",children:t}),e.jsx(i,{className:"w-5 h-5 opacity-60"})]}),e.jsx("div",{className:"text-3xl font-bold leading-snug",children:a}),r&&e.jsx("div",{className:y("text-xs mt-1",s),children:r})]})})},Ne=()=>{const t=B(),a=10,{t:r}=O(),{organizationsResponse:s,isLoading:m,isError:l,refetch:o}=N("Org",{take:a,orderBy:"createdAt",order:"createdAt:Desc"}),{organizationsAdminsResponse:i,isLoading:w,isError:k,refetch:A}=N("Admin",{take:a,orderBy:"updatedAt",order:"updatedAt: DESC"});return m||w?e.jsx("div",{className:"p-6 flex items-center justify-center h-64",children:e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(h,{className:"h-8 w-8 animate-spin text-primary"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"Loading dashboard..."})]})}):l||k?e.jsx("div",{className:"p-6 flex items-center justify-center h-64",children:e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx(M,{className:"h-12 w-12 text-red-500"}),e.jsx("div",{className:"text-red-500 font-medium",children:"Error loading dashboard"}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 text-center max-w-md mb-4",children:"There was an issue loading the dashboard data. This could be due to network issues or server problems."}),e.jsxs(c,{onClick:()=>{o(),A()},className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:[e.jsx(h,{className:"mr-2 h-4 w-4 animate-spin"}),r("organization.retry")]})]})}):e.jsxs("div",{className:"p-6 space-y-10",children:[e.jsxs(d,{className:"col-span-2 shadow-none border-none bg-transparent px-0",children:[e.jsxs(b,{className:"flex flex-row justify-between items-center px-0",children:[e.jsx(f,{className:"text-xl font-semibold",children:r("organization.statistics")}),e.jsx(u,{to:"/user-management/organizations/new",children:e.jsxs(c,{className:"bg-primary hover:bg-primary/90 text-primary-foreground px-5 py-2 rounded-md text-sm font-medium shadow-md",children:[e.jsx(U,{className:"w-4 h-4 mr-2"}),r("organization.newOrganization")]})})]}),e.jsx(g,{className:"px-0",children:e.jsxs("section",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[e.jsx(v,{title:r("organization.totalOrganizations"),value:(s==null?void 0:s.count)||0,color:"text-primary-500",icon:"building",variant:"primary",onClick:()=>{t("/user-management/organizations")}}),e.jsx(v,{title:r("organization.organizationAdmins"),value:(i==null?void 0:i.count)||0,color:"text-red-500",icon:"user",variant:"default",onClick:()=>{t("/user-management/organization_admins")}})]})})]}),e.jsxs("section",{className:"grid grid-cols-1 md:grid-cols-[2fr_1fr] gap-4",children:[e.jsx(d,{className:"min-w-0 shadow-none border-none bg-transparent px-0",children:e.jsx(H,{})}),e.jsxs(d,{className:" min-w-0 shadow-none border-none bg-transparent px-0",children:[e.jsxs(b,{className:"flex flex-row justify-between items-center px-0",children:[e.jsx(f,{className:"text-base font-semibold",children:r("organization.recentOrganizations")}),e.jsx(u,{to:"/organizations",children:e.jsx(c,{variant:"link",className:"text-purple-600 dark:text-purple-400 text-sm px-0",children:r("organization.viewMore")})})]}),e.jsx(g,{className:"px-0 overflow-x-auto",children:e.jsx(_,{organizations:(s==null?void 0:s.items)||[]})})]})]})]})};export{Ne as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/EditOrganizationPage-C2QJGrYB.js b/apps/edr-freight-web/backoffice/public/_um/assets/EditOrganizationPage-C2QJGrYB.js
new file mode 100644
index 000000000..558892d5d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/EditOrganizationPage-C2QJGrYB.js
@@ -0,0 +1 @@
+import{r as n,j as r,bj as c}from"./index-Db-xuq0b.js";import{u as z}from"./useOrganizations-DiuNBweX.js";import{O}from"./OrganizationForm-Dc20iiRT.js";import"./organizationsService-BEVk8qa1.js";import"./select-BoQxM42A.js";import"./card-BBWyxDss.js";import"./label-CsFy6wpo.js";import"./useOrganizationTypes-B6vCp97C.js";import"./index.esm-BG4gweZJ.js";import"./zod-Df58YiJ6.js";import"./switch-BNCD27Bd.js";import"./Switch-DSHMk-sj.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./use-uncontrolled-C3HRHW6t.js";const f=({id:i})=>{const[a,e]=n.useState(),{editOrganization:s,isEditing:m,getOrganizationByDetails:p}=z("Org"),g=()=>{p(i,{onSuccess:t=>{e(t)}})};n.useEffect(()=>{g()},[]);const d=t=>{const o={key:t.key,name:t.name,organizationTypeId:t.organizationTypeId,isGovernmentOrganization:t.isGovernmentOrganization};t.parentId&&t.parentId!==""&&(o.parentId=t.parentId),s({id:i,payload:o})};return r.jsx(O,{isLoading:m,onSubmit:t=>d(t),type:"Edit",organizationDetails:a})},h=()=>{const{id:i}=c();return i&&r.jsx(f,{id:i})};export{h as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ForgotPassword-CyFdgyUu.js b/apps/edr-freight-web/backoffice/public/_um/assets/ForgotPassword-CyFdgyUu.js
new file mode 100644
index 000000000..b9b30fb11
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ForgotPassword-CyFdgyUu.js
@@ -0,0 +1 @@
+import{u as b,f as w,r as l,j as e,H as j,I as N,B as h,h as y,t as p}from"./index-Db-xuq0b.js";import{b as v}from"./Utils-BP0IYDrC.js";import{L as k}from"./lock-BCybB-Lq.js";import{P as C}from"./phone-Ce15UUGI.js";import{M as f}from"./mail-bwr0seHR.js";import{R as P}from"./refresh-cw-JB7N413f.js";import{A as S}from"./arrow-left-CE5-YfaQ.js";const F=()=>{const{t:s}=b(),t=w(),[n,u]=l.useState(""),[d,c]=l.useState(!1),[m,a]=l.useState(""),g=async o=>{o.preventDefault(),a("");let r=n;if(!v(r)){a(s("forgotpassword.invalidphone"));return}r.startsWith("0")&&(r="+251"+r.slice(1)),c(!0);try{await y(r),p.success(s("forgotpassword.success"),{description:s("forgotpassword.successdesc")}),setTimeout(()=>t("/"),3e3)}catch(i){const x=(i==null?void 0:i.message)||s("forgotpassword.fail");a(x),p.error(s("forgotpassword.fail"),{description:x})}finally{c(!1)}};return e.jsxs("div",{className:"min-h-screen bg-gradient-to-br from-cyan-50 via-white to-primary-50 relative overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 right-0 w-96 h-96 bg-cyan-100/30 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-96 h-96 bg-primary-100/30 rounded-full blur-3xl"}),e.jsxs("button",{onClick:()=>t("/"),className:"absolute top-6 left-6 z-10 flex items-center gap-2 px-4 py-2 bg-white/80 backdrop-blur-sm hover:bg-white rounded-full shadow-md hover:shadow-lg transition-all duration-300 group",children:[e.jsx(j,{className:"w-4 h-4 text-primary group-hover:scale-110 transition-transform"}),e.jsx("span",{className:"text-sm font-medium text-gray-700",children:s("forgotpassword.home")})]}),e.jsx("div",{className:"relative min-h-screen flex items-center justify-center p-4",children:e.jsxs("div",{className:"w-full max-w-md",children:[e.jsxs("div",{className:"bg-white rounded-2xl shadow-xl border border-gray-100 overflow-hidden",children:[e.jsxs("div",{className:"bg-gradient-to-r from-primary to-primary-500 p-8 text-center relative",children:[e.jsx("div",{className:"absolute inset-0 bg-white/5"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-16 h-16 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(k,{className:"w-8 h-8 text-white"})}),e.jsx("h1",{className:"text-2xl font-bold text-white mb-2",children:s("forgotpassword.title")}),e.jsx("p",{className:"text-cyan-50 text-sm",children:s("forgotpassword.subtitle")})]})]}),e.jsx("div",{className:"p-8",children:e.jsxs("form",{onSubmit:g,className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs("label",{className:"text-sm font-medium text-gray-700 flex items-center gap-2",children:[e.jsx(C,{className:"w-4 h-4 text-primary"}),s("forgotpassword.phone")]}),e.jsx("div",{className:"relative",children:e.jsx(N,{type:"tel",placeholder:s("forgotpassword.phoneplaceholder"),className:"h-12 rounded-lg border-gray-200 px-4 text-sm focus:border-primary focus:ring-primary transition-all",value:n,onChange:o=>{u(o.target.value),a("")},required:!0})}),m&&e.jsxs("div",{className:"flex items-start gap-2 p-3 bg-red-50 border border-red-100 rounded-lg",children:[e.jsx("div",{className:"w-1 h-1 bg-red-500 rounded-full mt-1.5"}),e.jsx("p",{className:"text-sm text-red-600 flex-1",children:m})]})]}),e.jsxs("div",{className:"flex items-start gap-3 p-4 bg-cyan-50 border border-cyan-100 rounded-lg",children:[e.jsx(f,{className:"w-5 h-5 text-primary flex-shrink-0 mt-0.5"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-sm text-gray-700 font-medium mb-1",children:s("forgotpassword.checkphone")}),e.jsx("p",{className:"text-xs text-gray-600",children:s("forgotpassword.checkdesc")})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(h,{type:"submit",className:"w-full h-12 bg-primary hover:bg-primary-500 text-white text-sm font-medium rounded-lg shadow-md hover:shadow-lg transition-all duration-300",disabled:d,children:d?e.jsxs("span",{className:"flex items-center justify-center gap-2",children:[e.jsx(P,{className:"animate-spin h-5 w-5"}),s("forgotpassword.sending")]}):e.jsxs("span",{className:"flex items-center justify-center gap-2",children:[e.jsx(f,{className:"h-5 w-5"}),s("forgotpassword.sendresetlink")]})}),e.jsxs(h,{type:"button",variant:"outline",className:"w-full h-12 text-sm font-medium border-gray-200 hover:bg-gray-50 rounded-lg transition-all duration-300 bg-transparent",onClick:()=>t("/login"),children:[e.jsx(S,{className:"h-4 w-4 mr-2"}),s("forgotpassword.backtologin")]})]})]})})]}),e.jsxs("p",{className:"text-center text-sm text-gray-500 mt-6",children:[s("forgotpassword.remember")," ",e.jsx("button",{onClick:()=>t("/login"),className:"text-primary hover:text-primary-500 font-medium transition-colors",children:s("forgotpassword.signin")})]})]})})]})};export{F as ForgotPassword,F as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/FormFields-BA7SVWfi.js b/apps/edr-freight-web/backoffice/public/_um/assets/FormFields-BA7SVWfi.js
new file mode 100644
index 000000000..af3c3279b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/FormFields-BA7SVWfi.js
@@ -0,0 +1 @@
+import{r as i,j as n,B as k,aI as u}from"./index-Db-xuq0b.js";import"./form-BeLK5rTt.js";import"./multi-select-C9K8HXhI.js";import"./single-select-D9ZG1edj.js";i.createContext({open:!1,setOpen:()=>{}});const O=({label:h,options:x,value:o,onChange:j,collapsible:f=!1,localizedName:r})=>{const[l,b]=i.useState(!f),[m,S]=i.useState(new Set),w=t=>{const e=new Set(m);e.has(t)?e.delete(t):e.add(t),S(e)},g=t=>{j(t)},p=(t,e=[])=>{for(const s of t){const a=typeof s.name=="string"?s.name:(r==null?void 0:r(s.name))??s.name.en;if(s.id===o)return[...e,a].join(" / ");if(s.children&&s.children.length>0){const c=p(s.children,[...e,a]);if(c)return c}}return null},d=t=>t.flatMap(e=>{const s=e.children&&e.children.length>0,a=m.has(e.id),c=s?e.children?.some(v=>v.id===o):!1;if(s&&e.children.length===1)return d(e.children);const C=typeof e.name=="string"?e.name:(r==null?void 0:r(e.name))??e.name.en;return n.jsxs("div",{className:"ml-4 mb-1",children:[n.jsxs("div",{className:"flex items-center space-x-2",children:[s&&n.jsx("button",{type:"button",onClick:()=>w(e.id),className:"w-4 h-4 flex items-center justify-center",children:n.jsx(u,{className:`h-3 w-3 transition-transform ${a?"rotate-180":""}`})}),n.jsxs("label",{className:"flex items-center space-x-2",children:[n.jsx("input",{type:"radio",name:"unit-select",checked:o===e.id||c,onChange:()=>g(e.id)}),n.jsx("span",{className:c?"font-semibold":"",children:C})]})]}),s&&a&&n.jsx("div",{className:"ml-4",children:d(e.children)})]},e.id)}),y=p(x);return n.jsxs("div",{className:"mb-4",children:[n.jsx("label",{className:"block font-semibold mb-1",children:h}),f&&n.jsxs(k,{type:"button",variant:"outline",onClick:()=>b(!l),className:"w-full justify-between mb-2",children:[n.jsx("span",{children:y??`Select ${h.toLowerCase()}`}),n.jsx(u,{className:`h-4 w-4 transition-transform ${l?"rotate-180":""}`})]}),l&&n.jsx("div",{className:"border rounded-md p-2 bg-background max-h-96 overflow-y-auto",children:d(x)})]})};export{O as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/InputsGroupFieldset-COkNgcEo.js b/apps/edr-freight-web/backoffice/public/_um/assets/InputsGroupFieldset-COkNgcEo.js
new file mode 100644
index 000000000..22b2860c1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/InputsGroupFieldset-COkNgcEo.js
@@ -0,0 +1 @@
+import{r as W,V as B,j as e,Q as o,ae as x,_ as C,Z as R,at as w}from"./index-Db-xuq0b.js";var u={root:"m_5f75b09e",body:"m_5f6e695e",labelWrapper:"m_d3ea56bb",label:"m_8ee546b8",description:"m_328f68c0",error:"m_8e8a99cc"};const N=u,D=W.forwardRef(({__staticSelector:t,__stylesApiProps:l,className:s,classNames:f,styles:_,unstyled:h,children:I,label:i,description:d,id:p,disabled:b,error:n,size:r,labelPosition:j="left",bodyElement:c="div",labelElement:m="label",variant:v,style:y,vars:E,mod:S,...F},g)=>{const a=B({name:t,props:l,className:s,style:y,classes:u,classNames:f,styles:_,unstyled:h});return e.jsx(o,{...a("root"),ref:g,__vars:{"--label-fz":R(r),"--label-lh":C(r,"label-lh")},mod:[{"label-position":j},S],variant:v,size:r,...F,children:e.jsxs(o,{component:c,htmlFor:c==="label"?p:void 0,...a("body"),children:[I,e.jsxs("div",{...a("labelWrapper"),"data-disabled":b||void 0,children:[i&&e.jsx(o,{component:m,htmlFor:m==="label"?p:void 0,...a("label"),"data-disabled":b||void 0,children:i}),d&&e.jsx(x.Description,{size:r,__inheritStyles:!1,...a("description"),children:d}),n&&typeof n!="boolean"&&e.jsx(x.Error,{size:r,__inheritStyles:!1,...a("error"),children:n})]})]})})});D.displayName="@mantine/core/InlineInput";function Q({children:t,role:l}){const s=w();return s?e.jsx("div",{role:l,"aria-labelledby":s.labelId,"aria-describedby":s.describedBy,children:t}):e.jsx(e.Fragment,{children:t})}export{Q as I,D as a,N as b};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/LoginPage-CpY519LO.js b/apps/edr-freight-web/backoffice/public/_um/assets/LoginPage-CpY519LO.js
new file mode 100644
index 000000000..9a5dd87f6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/LoginPage-CpY519LO.js
@@ -0,0 +1 @@
+import{u as H,r as n,a as U,j as e,I as T,B as M,b as $,c as Y,d as W,g as Z,L as A,S as G,M as J,U as Q,e as X}from"./index-Db-xuq0b.js";import{S as _,a as ee,b as re,c as ae,d as L}from"./select-BoQxM42A.js";import{i as q,a as F}from"./Utils-BP0IYDrC.js";import{C as R,a as te,b as se,c as le,d as B}from"./card-BBWyxDss.js";import{A as oe}from"./arrow-left-CE5-YfaQ.js";import{L as ie}from"./lock-BCybB-Lq.js";import{E as ne}from"./eye-Bhud4znU.js";import{E as de}from"./eye-off-CDMvHElM.js";import{P as ce}from"./phone-Ce15UUGI.js";import{M as me}from"./mail-bwr0seHR.js";const xe=({isOpen:h,onClose:b,isLoading:m=!1,title:j,description:E,length:t=6,identifier:I,identifierType:w})=>{const{t:d}=H(),[x,u]=n.useState(Array(t).fill("")),c=n.useRef([]),{verifyMFA:v}=U(),P=j||d("otp.verifyIdentity")||"Verify Your Identity",k=E||d("otp.enterCodeSent")||"Enter the verification code sent to your email",D=d("common.verify")||"Verify",f=d("common.cancel")||"Cancel",[N,g]=n.useState("");n.useEffect(()=>{var a;(a=c.current[0])==null||a.focus()},[]),n.useEffect(()=>{h&&(u(Array(t).fill("")),setTimeout(()=>{var a;(a=c.current[0])==null||a.focus()},100))},[h,t]);const p=(a,s)=>{var o;if(!/^[a-zA-Z0-9]?$/.test(s))return;const l=[...x];l[a]=s,u(l),s&&a<t-1&&((o=c.current[a+1])==null||o.focus()),l.every(i=>i!=="")&&a===t-1&&r(l.join(""))},y=(a,s)=>{var l;s.key==="Backspace"&&!x[a]&&a>0&&((l=c.current[a-1])==null||l.focus())},C=a=>{var o;a.preventDefault();const l=a.clipboardData.getData("text").slice(0,t).split("").filter(i=>/^\d?$/.test(i));if(l.length>0){const i=[...x];l.forEach((V,z)=>{z<t&&(i[z]=V)}),u(i);const S=i.findIndex(V=>V===""),K=S===-1?t-1:Math.min(S,t-1);(o=c.current[K])==null||o.focus()}},r=a=>{let s=I;if(w==="phone"){if(!q(s)){g(d("auth.err"));return}s.startsWith("0")&&(s="+251"+s.slice(1))}else if(w==="email"&&!F(s)){g("Please enter a valid email address");return}v({email:s,otp:a})},O=()=>{var a;u(Array(t).fill("")),(a=c.current[0])==null||a.focus()};return h?e.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm dark:bg-black/80",children:[e.jsxs(R,{className:"w-96 shadow-2xl border-0 animate-in fade-in-90 zoom-in-90 bg-white dark:bg-gray-800",children:[e.jsx(te,{className:"pb-4",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-primary-100 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"})})}),e.jsxs("div",{children:[e.jsx(se,{className:"text-xl dark:text-white",children:P}),e.jsx(le,{className:"dark:text-gray-400",children:k})]})]})}),e.jsxs(B,{className:"space-y-6",children:[e.jsx("div",{className:"flex justify-center gap-2",children:x?.map((a,s)=>e.jsx(T,{ref:l=>{l&&(c.current[s]=l)},type:"text",inputMode:"numeric",pattern:"[0-9]*",maxLength:1,value:a,onChange:l=>p(s,l.target.value),onKeyDown:l=>y(s,l),onPaste:C,className:"w-12 h-12 text-center text-lg font-semibold focus:ring-2 focus:ring-primary-500 border-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-white border-gray-200 dark:border-gray-600 dark:focus:border-primary-500",disabled:m},s))}),e.jsxs("div",{className:"flex gap-3 pt-2",children:[e.jsx(M,{type:"button",variant:"outline",onClick:b,disabled:m,className:"flex-1 hover:bg-primary-100 dark:hover:bg-primary-900/30 transition-all duration-200 border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300",children:f}),e.jsx(M,{type:"button",onClick:()=>r(x.join("")),disabled:m||x.join("").length!==t,className:"flex-1 bg-gradient-to-r from-primary-600 to-primary-700 hover:from-primary-700 hover:to-primary-800 text-white shadow-lg hover:shadow-xl transition-all duration-200 disabled:opacity-50",children:m?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-white"}),d("common.verifying")||"Verifying..."]}):D})]}),e.jsxs("div",{className:"flex justify-between items-center text-sm",children:[e.jsx("button",{type:"button",onClick:O,className:"text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 font-medium transition-colors disabled:opacity-50",disabled:m,children:d("otp.clearCode")||"Clear Code"}),e.jsx("button",{type:"button",className:"text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 font-medium transition-colors disabled:opacity-50",disabled:m,children:d("otp.resendCode")||"Resend Code"})]}),N&&e.jsxs("p",{className:"text-red-500 dark:text-red-400 text-sm mt-2 flex items-center gap-1",children:[e.jsx("span",{className:"w-1 h-1 bg-red-500 dark:bg-red-400 rounded-full"}),N]})]})]}),m&&e.jsx("div",{className:"absolute inset-0 bg-background/50 backdrop-blur-sm rounded-lg flex items-center justify-center",children:e.jsx(R,{className:"w-80 shadow-2xl border-0 bg-white dark:bg-gray-800",children:e.jsxs(B,{className:"p-6 flex flex-col items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"animate-spin rounded-full h-6 w-6 border-b-2 border-primary-600"}),e.jsx("span",{className:"text-lg font-semibold text-primary-800 dark:text-primary-300",children:d("common.verifying")||"Verifying..."})]}),e.jsx("p",{className:"text-muted-foreground dark:text-gray-400 text-center text-sm",children:d("otp.verifyingCode")||"Please wait while we verify your code"})]})})})]}):null},he=()=>{const{login:h,isLoggingIn:b}=U(),{config:m}=$(),{isDarkMode:j,toggleDarkMode:E}=Y(),[t,I]=n.useState("email"),[w,d]=n.useState(""),{showOtpModal:x,setShowOtpModal:u,setRememberMePreference:c}=W(),[v,P]=n.useState(""),[k,D]=n.useState(""),[f,N]=n.useState("password"),[g,p]=n.useState(""),[y,C]=n.useState(!1),{t:r}=H();n.useEffect(()=>{const o=Z();C(o),c(o)},[c]);const O=async o=>{o.preventDefault(),p("");try{let i=v;if(t==="phone"){if(!q(i)){p(r("auth.err"));return}i.startsWith("0")&&(i="+251"+i.slice(1))}else if(t==="email"&&!F(i)){p(r("auth.invalidEmail"));return}const S={email:i,password:k};d(i),c(y),h({payload:S,rememberMeValue:y})}catch{}},a=()=>{switch(t){case"email":return r("auth.email");case"phone":return r("auth.phoneNumber")+" (e.g., +251912345678)";case"username":return r("auth.username");default:return""}},s=()=>{switch(t){case"email":return e.jsx(me,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400 dark:text-gray-500"});case"phone":return e.jsx(ce,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400 dark:text-gray-500"});case"username":return e.jsx(Q,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400 dark:text-gray-500"});default:return null}},l=()=>t==="phone"?"tel":"text";return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 p-4 md:p-6 lg:p-8 flex items-center justify-center",children:[e.jsxs(A,{to:"/",className:"fixed top-4 left-4 md:top-6 md:left-6 z-50 flex items-center gap-2 px-4 py-2 bg-white dark:bg-gray-800 rounded-full shadow-md hover:shadow-lg transition-all duration-300 hover:scale-105 text-gray-700 dark:text-gray-200 hover:text-primary group",children:[e.jsx(oe,{className:"w-5 h-5 text-gray-600 dark:text-gray-400 transition-transform group-hover:-translate-x-1"}),e.jsx("span",{className:"text-sm font-medium hidden sm:inline",children:r("Back to Home")})]}),e.jsx("button",{onClick:E,className:"fixed top-4 right-4 md:top-6 md:right-6 z-50 p-2 rounded-full bg-white dark:bg-gray-800 shadow-md hover:shadow-lg transition-all duration-300 hover:scale-105 border border-gray-200 dark:border-gray-700",title:j?"Switch to light mode":"Switch to dark mode",children:j?e.jsx(G,{className:"w-5 h-5 text-yellow-500"}):e.jsx(J,{className:"w-5 h-5 text-gray-600 dark:text-gray-400"})}),e.jsxs("div",{className:"w-full max-w-6xl bg-white dark:bg-gray-800 rounded-2xl shadow-2xl overflow-hidden flex flex-col lg:flex-row",children:[e.jsxs("div",{className:"lg:w-1/2 w-full p-6 sm:p-8 md:p-10 lg:p-12 xl:p-16 flex flex-col justify-center",children:[e.jsxs("div",{className:"mb-8",children:[e.jsx("img",{src:m.logo||"/assets/smart-office-logo.svg",alt:"Smart Office Logo",className:"h-10 md:h-12 mb-8"}),e.jsx("h1",{className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-3",children:r("auth.welcomeBack")}),e.jsx("p",{className:"text-base text-gray-500 dark:text-gray-400",children:r("auth.enterCredentials")})]}),e.jsxs("form",{onSubmit:O,className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:r("Login Method")}),e.jsxs(_,{value:t,onValueChange:o=>I(o),children:[e.jsx(ee,{className:"w-full h-12 border-2 border-gray-200 dark:border-gray-600 focus:border-primary bg-white dark:bg-gray-700 transition-colors",children:e.jsx(re,{placeholder:"Method"})}),e.jsxs(ae,{className:"dark:bg-gray-700 dark:text-white",children:[e.jsx(L,{value:"email",className:"dark:hover:bg-gray-600 dark:focus:bg-gray-600",children:r("auth.email")}),e.jsx(L,{value:"phone",className:"dark:hover:bg-gray-600 dark:focus:bg-gray-600",children:r("auth.phoneNumber")}),e.jsx(L,{value:"username",className:"dark:hover:bg-gray-600 dark:focus:bg-gray-600",children:r("auth.username")})]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:r(t==="email"?"auth.email":t==="phone"?"auth.phoneNumber":"auth.username")}),e.jsxs("div",{className:"relative",children:[s(),e.jsx(T,{type:l(),placeholder:a(),className:"h-12 rounded-lg border-2 border-gray-200 dark:border-gray-600 px-4 text-sm pl-11 pr-4 focus:border-primary transition-colors text-gray-900 dark:text-white bg-white dark:bg-gray-700 placeholder-gray-500 dark:placeholder-gray-400",value:v,onChange:o=>{P(o.target.value),g&&p("")},required:!0})]}),g&&e.jsxs("p",{className:"text-red-500 dark:text-red-400 text-sm mt-2 flex items-center gap-1",children:[e.jsx("span",{className:"w-1 h-1 bg-red-500 dark:bg-red-400 rounded-full"}),g]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:r("auth.password")}),e.jsxs("div",{className:"relative",children:[e.jsx(ie,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400 dark:text-gray-500"}),e.jsx(T,{type:f,placeholder:r("auth.password"),className:"h-12 rounded-lg border-2 border-gray-200 dark:border-gray-600 px-4 text-sm pl-11 pr-4 focus:border-primary transition-colors text-gray-900 dark:text-white bg-white dark:bg-gray-700 placeholder-gray-500 dark:placeholder-gray-400",value:k,onChange:o=>D(o.target.value),required:!0}),e.jsx(M,{type:"button",variant:"ghost",size:"icon",onClick:()=>N(f==="password"?"text":"password"),className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300",children:f==="password"?e.jsx(ne,{className:"w-5 h-5"}):e.jsx(de,{className:"w-5 h-5"})})]})]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3",children:[e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer group",children:[e.jsx("input",{type:"checkbox",className:"w-4 h-4 accent-primary cursor-pointer bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-500",checked:y,onChange:o=>C(o.target.checked)}),e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-gray-200 transition-colors",children:r("auth.rememberMe")})]}),e.jsx(A,{to:"/forgot-password",className:"text-sm text-primary hover:text-primary-700 font-medium transition-colors",children:r("auth.forgotPassword")})]}),e.jsx(M,{type:"submit",className:"w-full h-12 bg-primary hover:bg-primary-700 text-white text-base font-medium rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-[1.02] disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100",disabled:b,children:b?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsxs("svg",{className:"animate-spin h-5 w-5",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),r("auth.loggingIn")]}):r("auth.login")}),e.jsxs("div",{className:"text-center pt-2",children:[e.jsxs("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:[r("Don't have an account?")," "]}),e.jsx(A,{to:"/external-portal/signup",className:"text-sm text-primary hover:text-primary-700 font-medium transition-colors",children:r("Sign Up")})]})]})]}),e.jsxs("div",{className:"hidden lg:flex lg:w-1/2 bg-gradient-to-br from-primary to-primary-700 text-white flex-col justify-center p-10 xl:p-16 relative overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-white/10 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-96 h-96 bg-white/5 rounded-full blur-3xl"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("h2",{className:"text-3xl xl:text-4xl font-bold mb-4 leading-tight",children:[r("auth.welcomeHeadline")," ",e.jsx("br",{})," ",r("auth.paperlessOffice")]}),e.jsx("p",{className:"text-base xl:text-lg mb-8 text-white/90 leading-relaxed",children:r("auth.welcomeSubtext")}),e.jsxs("div",{className:"relative w-full max-w-lg mx-auto mt-12",children:[e.jsx("div",{className:"relative rounded-2xl overflow-hidden shadow-2xl border-4 border-white/20",children:e.jsx("img",{src:"/assets/MainDashboard.png",alt:"Main Dashboard",className:"w-full"})}),e.jsx("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 shadow-2xl rounded-xl",children:e.jsx("img",{src:"/assets/StatsCard.png",alt:"Stats Overlay",className:"w-32 xl:w-40"})})]})]})]})]})]}),x&&e.jsx(xe,{isOpen:!0,onClose:()=>u(!1),identifier:w,identifierType:t})]})},Ne=()=>{const{loading:h}=W();return h?e.jsx(X,{label:"Loading SmartOffice..."}):e.jsx(he,{})};export{Ne as LoginPage};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/MigratedDataManagementPage--fzsv4lI.js b/apps/edr-freight-web/backoffice/public/_um/assets/MigratedDataManagementPage--fzsv4lI.js
new file mode 100644
index 000000000..cea0794d0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/MigratedDataManagementPage--fzsv4lI.js
@@ -0,0 +1 @@
+import{n as x,j as r,aA as b,aB as C,B as y,aC as E,aE as M,r as d,az as w,u as S,f as v}from"./index-Db-xuq0b.js";import{A as z}from"./AdvancedTable-CC9ioMU-.js";import{C as I,a as K,b as B,d as T}from"./card-BBWyxDss.js";import{a as A}from"./userService-BHeFzZdn.js";import{E as U}from"./ellipsis-CbtaBcvT.js";import{E as L}from"./eye-Bhud4znU.js";import{f as P}from"./organizationService-DPKKJMFw.js";import{S as k}from"./FormFields-BA7SVWfi.js";import"./table-D3n3VABd.js";import"./select-BoQxM42A.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./badge-D7JvaQeJ.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./form-BeLK5rTt.js";import"./index.esm-BG4gweZJ.js";import"./label-CsFy6wpo.js";import"./multi-select-C9K8HXhI.js";import"./single-select-D9ZG1edj.js";const q=(n,l)=>x({queryKey:["migratedData",n,l],queryFn:async()=>{const{data:m}=await A(n,l);return m}}),F=(n,l,m)=>{const g=t=>{m(`/user-management/migrated-records-management/view/${t}`)};return[{accessorKey:"record.referenceNumber",header:"Reference Number",cell:({row:t})=>{var e,a;return(a=(e=t.original)==null?void 0:e.record)==null?void 0:a.referenceNumber}},{accessorKey:"record.letterNumber",header:"Letter Number",cell:({row:t})=>{var e,a;return(a=(e=t.original)==null?void 0:e.record)==null?void 0:a.letterNumber}},{accessorKey:"record.metadata.uploadedBy.en",header:"Uploaded By",cell:({row:t})=>{var e,a,s;return n(((s=(a=(e=t.original)==null?void 0:e.record)==null?void 0:a.metadata)==null?void 0:s.uploadedBy)??{en:"-",am:"-"})}},{accessorKey:"record.metadata.organizationName.en",header:"Organization",cell:({row:t})=>{var e,a,s;return n(((s=(a=(e=t.original)==null?void 0:e.record)==null?void 0:a.metadata)==null?void 0:s.organizationName)??{en:"-",am:"-"})}},{accessorKey:"record.dispatchedDate",header:"Dispatched Date",cell:({row:t})=>{var e,a;return new Date((a=(e=t.original)==null?void 0:e.record)==null?void 0:a.dispatchedDate).toLocaleString()}},{accessorKey:"status",header:"Status",cell:({row:t})=>{var e;return(e=t.original)==null?void 0:e.status}},{accessorKey:"record.content",header:"Subject",cell:({row:t})=>{var e,a,s;return((s=(a=(e=t.original)==null?void 0:e.record)==null?void 0:a.content[0])==null?void 0:s.subject)||"-"}},{id:"actions",cell:({row:t})=>{const e=t.original.record;return r.jsxs(b,{children:[r.jsx(C,{asChild:!0,children:r.jsx(y,{variant:"ghost",size:"sm",children:r.jsx(U,{className:"h-4 w-4"})})}),r.jsx(E,{align:"end",children:r.jsxs(M,{onClick:()=>g(e.id),children:[r.jsx(L,{className:"h-4 w-4 mr-2"}),l("userRecord.View")]})})]})}}]};function V(){const[n,l]=d.useState(0),m=10,[g,t]=d.useState(!1),e=w(),{t:a}=S(),s=v(),{data:o,isLoading:O,error:H}=x({queryKey:["organizations"],queryFn:P,staleTime:300*1e3}),[u,h]=d.useState(null),j=d.useMemo(()=>(o==null?void 0:o.items?.map(i=>({id:i.id,name:i.name,hierarchyType:"organization",value:i.units.length===1?i.units[0].id:"",children:Array.isArray(i.units)&&i.units.length>0?i.units?.map(c=>({id:c.id,name:c.name,hierarchyType:"unit",value:c.id,children:[]})):[]})))||[],[o,e]);d.useEffect(()=>{if(!u){const i=o==null?void 0:o.items.flatMap(c=>c.units).find(c=>c.id);i&&h(i.id)}},[o]),d.useEffect(()=>{u&&sessionStorage.setItem("selectedUnitId",u)},[u]),d.useEffect(()=>{const i=sessionStorage.getItem("selectedUnitId");i&&h(i)},[]);const{data:p,isLoading:D}=q(u??"",{skip:n*m,take:m,orderBy:"migratedAt:DESC"}),f=i=>{l(i)},N=()=>{t(!0)};return D?r.jsx("div",{children:a("loading")}):r.jsx("div",{className:"p-6 space-y-6",children:r.jsxs(I,{className:"col-span-2 shadow-none border-none bg-transparent px-0",children:[r.jsxs(K,{className:"flex flex-row justify-between items-center px-0",children:[r.jsx(B,{className:"text-xl font-semibold ",children:a("migration.migratedData")}),r.jsx(y,{onClick:N,children:a(g?"migration.exporting":"migration.exportData")})]}),r.jsx("div",{className:"mb-4",children:r.jsx(k,{label:a("selectUnit"),options:j,value:u,onChange:h,collapsible:!0})}),r.jsx(T,{className:"px-0",children:r.jsx(z,{columns:F(e,a,s),data:(p==null?void 0:p.items)||[],tableName:"Migrated Data",toolBarPosition:"right",itemCount:(p==null?void 0:p.count)||0,pageIndex:n,onPageChange:f,nextFunction:()=>f(n+1),prevFunction:()=>f(Math.max(n-1,0))})})]})})}function he(){return r.jsx(V,{})}export{he as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/NewOrganizationPage-C0u3U4kS.js b/apps/edr-freight-web/backoffice/public/_um/assets/NewOrganizationPage-C0u3U4kS.js
new file mode 100644
index 000000000..87df458fc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/NewOrganizationPage-C0u3U4kS.js
@@ -0,0 +1 @@
+import{j as i}from"./index-Db-xuq0b.js";import{u as m}from"./useOrganizations-DiuNBweX.js";import{O as e}from"./OrganizationForm-Dc20iiRT.js";import"./organizationsService-BEVk8qa1.js";import"./select-BoQxM42A.js";import"./card-BBWyxDss.js";import"./label-CsFy6wpo.js";import"./useOrganizationTypes-B6vCp97C.js";import"./index.esm-BG4gweZJ.js";import"./zod-Df58YiJ6.js";import"./switch-BNCD27Bd.js";import"./Switch-DSHMk-sj.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./use-uncontrolled-C3HRHW6t.js";const p=()=>{const{createOrganization:o,isCreating:n}=m("Org"),a=t=>{const r={key:t.key,name:t.name,organizationTypeId:t.organizationTypeId,isGovernmentOrganization:t.isGovernmentOrganization};t.parentId&&t.parentId!==""&&(r.parentId=t.parentId),o(r)};return i.jsx(e,{isLoading:n,onSubmit:t=>a(t),type:"Create"})},w=()=>i.jsx(p,{});export{w as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/OrgAdminDashboard-DhPmvSML.js b/apps/edr-freight-web/backoffice/public/_um/assets/OrgAdminDashboard-DhPmvSML.js
new file mode 100644
index 000000000..8b5b1ed42
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/OrgAdminDashboard-DhPmvSML.js
@@ -0,0 +1,6 @@
+import{y as C,f as A,d as S,z as M,F as x,v as a,j as e,B as u,A as D}from"./index-Db-xuq0b.js";import{C as n,d as l,a as U,b as z}from"./card-BBWyxDss.js";import{u as $}from"./useOrganizationReport-D3QtWTPL.js";import{A as L,a as E}from"./alert-8Xu28MAD.js";import{S as c}from"./skeleton-CIiqp2Y5.js";import{S as R}from"./SmartOfficeAuditPage-DLN72875.js";import{U as b}from"./users-DNqydOCy.js";import{C as f}from"./circle-alert-Cd_zeQMw.js";import{R as j}from"./refresh-cw-JB7N413f.js";import"./organizationsService-BEVk8qa1.js";import"./Skeleton-BJECajc_.js";import"./table-D3n3VABd.js";import"./badge-D7JvaQeJ.js";import"./avatar-C2-XEZ4v.js";import"./format-DvwV82px.js";import"./en-US-Cc-9gH5A.js";import"./shield-uC_usZTb.js";import"./lock-BCybB-Lq.js";import"./eye-Bhud4znU.js";import"./square-pen-B91TPB19.js";import"./download-CX6rsOqt.js";import"./select-BoQxM42A.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./endOfMonth-DmxQbzXi.js";import"./search-CM5F2ZRy.js";import"./label-CsFy6wpo.js";import"./radio-group-DqG5gUnT.js";import"./Radio-C3SNvFel.js";import"./get-auto-contrast-value-Da6zqqWm.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./checkbox-Dd0VhnrO.js";import"./Checkbox-IILksgz0.js";import"./eye-off-CDMvHElM.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const _=[["path",{d:"M20 7h-3a2 2 0 0 1-2-2V2",key:"x099mo"}],["path",{d:"M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z",key:"18t6ie"}],["path",{d:"M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8",key:"1nja0z"}]],B=C("files",_),je=()=>{var g,h;const t=A(),{user:i}=S(),y=((h=(g=i==null?void 0:i.employee)==null?void 0:g[0])==null?void 0:h.organizationId)||"fecaa9b3-0b9d-4772-a7c7-bcb19d46122a",{report:s,isLoading:d,isError:v,error:m,refetch:N}=$(y),k=()=>{var r,o,p;return[{id:"employees",title:a("dashboard.totalEmployees"),value:((r=s==null?void 0:s.employeesCount)==null?void 0:r.toLocaleString())||"0",icon:b,color:"from-blue-500 to-blue-600"},{id:"units",title:a("dashboard.totalUnits"),value:((o=s==null?void 0:s.unitsCount)==null?void 0:o.toLocaleString())||"0",icon:D,color:"from-primary-500 to-primary-600"},{id:"positions",title:a("dashboard.totalPositions"),value:((p=s==null?void 0:s.positionsCount)==null?void 0:p.toLocaleString())||"0",icon:x,color:"from-purple-500 to-purple-600"}]},w=[{id:"user-mgmt",title:a("dashboard.userManagement"),description:a("dashboard.userManagementDesc"),icon:b,action:()=>t("/user-management/user_management"),color:"bg-gradient-to-r from-blue-500 to-cyan-600"},{id:"content-mgmt",title:a("dashboard.contentManagement"),description:a("dashboard.contentManagementDesc"),icon:B,action:()=>t("/user-management/content-management"),color:"bg-gradient-to-r from-purple-500 to-indigo-600"},{id:"excel-upload",title:a("dashboard.excelUploader"),description:a("dashboard.excelUploaderDesc"),icon:M,action:()=>t("/user-management/bulk-upload"),color:"bg-gradient-to-r from-primary-500 to-primary-600"},{id:"position-settings",title:a("dashboard.positionSettings"),description:a("dashboard.positionSettingsDesc"),icon:x,action:()=>t("/user-management/position-management"),color:"bg-gradient-to-r from-orange-500 to-red-600"},{id:"archive-users",title:a("dashboard.archiveUsers"),description:a("dashboard.archiveUsersDesc"),icon:f,action:()=>t("/user-management/archives"),color:"bg-gradient-to-r from-gray-500 to-slate-600"}];return e.jsxs("div",{className:"mx-auto p-6 space-y-6",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-bold text-gray-900 dark:text-gray-100",children:a("dashboard.organizationDashboard")}),e.jsx("p",{className:"text-muted-foreground dark:text-gray-400",children:a("dashboard.orgMsg")})]}),e.jsxs(u,{variant:"outline",size:"sm",onClick:()=>N(),disabled:d,children:[e.jsx(j,{className:`h-4 w-4 mr-2 ${d?"animate-spin":""}`}),a("dashboard.refresh")]})]}),v&&e.jsxs(L,{variant:"destructive",children:[e.jsx(f,{className:"h-4 w-4"}),e.jsxs(E,{children:[a("dashboard.errorMsg"),m instanceof Error&&`: ${m.message}`]})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:d?Array(3).fill(0)?.map((r,o)=>e.jsx(n,{className:"hover:shadow-lg transition-shadow duration-200 dark:bg-gray-800 dark:border-gray-700",children:e.jsx(l,{className:"p-6",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"w-full",children:[e.jsx(c,{className:"h-4 w-24 mb-2"}),e.jsx(c,{className:"h-8 w-16"})]}),e.jsx(c,{className:"h-12 w-12 rounded-full"})]})})},`skeleton-stat-${o}`)):k()?.map(r=>e.jsx(n,{className:"hover:shadow-lg transition-shadow duration-200 border-l-4 border-l-blue-500 dark:bg-gray-800 dark:border-gray-700 dark:border-l-blue-500",children:e.jsx(l,{className:"p-6",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-muted-foreground dark:text-gray-400",children:r.title}),e.jsx("h3",{className:"text-3xl font-bold mt-2 text-gray-900 dark:text-gray-100",children:r.value})]}),e.jsx("div",{className:`p-4 rounded-full bg-gradient-to-r ${r.color} shadow-lg`,children:e.jsx(r.icon,{className:"h-6 w-6 text-white"})})]})})},`stat-${r.id}`))}),e.jsxs(n,{className:"dark:bg-gray-800 dark:border-gray-700",children:[e.jsx(U,{children:e.jsxs(z,{className:"flex items-center dark:text-gray-100",children:[e.jsx(j,{className:"h-5 w-5 mr-2"}),a("landingPage.quickActions")]})}),e.jsx(l,{children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:w?.map(r=>e.jsx(u,{onClick:r.action,className:`h-auto p-6 ${r.color} text-white hover:opacity-90 hover:scale-105 transition-all duration-200`,children:e.jsxs("div",{className:"flex flex-col items-center space-y-3 text-center",children:[e.jsx(r.icon,{className:"h-8 w-8"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-base",children:r.title}),e.jsx("div",{className:"text-sm opacity-90 mt-1",children:r.description})]})]})},`action-${r.id}`))})})]}),e.jsx(R,{})]})};export{je as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationAdminsPage-BvY4PVex.js b/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationAdminsPage-BvY4PVex.js
new file mode 100644
index 000000000..b1de661a1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationAdminsPage-BvY4PVex.js
@@ -0,0 +1,6 @@
+import{y as Y,j as e,B as c,v as E,m as Z,r as o,u as _,az as H,aK as B,aL as R,aM as ee,aN as ae,bo as se,aF as I,aP as O,I as te,ba as re,t as h,L as ie}from"./index-Db-xuq0b.js";import{C as ne,a as oe,b as de,d as ce}from"./card-BBWyxDss.js";import{A as le}from"./AdvancedTable-CC9ioMU-.js";import{S as me,a as ue}from"./StatusCell-D7zi31G6.js";import{u as Q}from"./useOrganizations-DiuNBweX.js";import{L as T}from"./label-CsFy6wpo.js";import{S as L}from"./scroll-area-zSBvHuIO.js";import{u as xe}from"./useEmployees-CygwM5u6.js";import{c as q}from"./utils-BncSPdK1.js";import{u as ge}from"./useUnit-C4s9nepK.js";import{U as pe}from"./user-plus-CBq7Z0dQ.js";import{P as he}from"./plus-BdjS2Pc-.js";import"./table-D3n3VABd.js";import"./select-BoQxM42A.js";import"./chevron-left-DCpEaNzo.js";import"./badge-D7JvaQeJ.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./useOrganizationAdmins-Bl-gbkwr.js";import"./use-toast-CdbbItn1.js";import"./alert-dialog-B5Y0wlSz.js";import"./phone-Ce15UUGI.js";import"./eye-Bhud4znU.js";import"./organizationsService-BEVk8qa1.js";import"./unitService-CmGVtFHQ.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const je=[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]],K=Y("arrow-up-down",je),fe=l=>[{accessorKey:"name",header:({column:s})=>e.jsxs(c,{variant:"ghost",onClick:()=>s.toggleSorting(s.getIsSorted()==="asc"),className:"p-0 hover:bg-transparent text-gray-700 dark:text-gray-300",style:{padding:0},children:[E("organization.name"),e.jsx(K,{className:"p-0 h-4 w-4"})]}),cell:({row:s})=>e.jsx("div",{className:"font-medium",children:l(s.original.name)})},{accessorKey:"status",header:({column:s})=>e.jsxs(c,{variant:"ghost",onClick:()=>s.toggleSorting(s.getIsSorted()==="asc"),className:"p-0 hover:bg-transparent text-gray-700 dark:text-gray-300",style:{padding:0},children:[E("dashboard.Status"),e.jsx(K,{className:"h-4 w-4"})]}),cell:({row:s})=>{const g=s.original.id;return e.jsx(me,{id:g,adminsCount:s.original.adminsCount})}}];function ye({onSuccess:l,onClose:s,isOpen:g}){var F;const d=Z(),[m,C]=o.useState(""),[x,n]=o.useState(""),[j,f]=o.useState(!1),[p,y]=o.useState(""),{t:r}=_(),[z,A]=o.useState(0),w=10,$=H(),{organizationsResponse:S,isLoading:V}=Q("Org",{take:300}),{employeesResponseByOrg:t,isLoading:G,refetch:J}=xe({organizationId:m||void 0,params:{take:w,skip:z*w}}),{data:b,isLoading:Ne}=ge().getList(m||"",{take:300,skip:0}),[D,U]=o.useState("");o.useEffect(()=>{var a,i;(i=(a=b==null?void 0:b.data)==null?void 0:a.items)!=null&&i.length?U(b.data.items[0].id):U("")},[m,b]);const W=async a=>{if(a.preventDefault(),!x||!m){h.error("All fields are required");return}const i=t==null?void 0:t.items.find(u=>u.user.id===x);if(!i)return h.error("User not found");if(!D){h.error("No unit available for this organization");return}f(!0);const N={unitId:D,userId:i.user.id};ue(N).then(()=>{d.invalidateQueries({queryKey:["organizationAdmins"]}),h.success(r("organization.userAssignedSuccess")),f(!1),s(),l()}).catch(u=>{var k,v;h.error(r("organization.userAssignFailed"),{description:(v=(k=u==null?void 0:u.response)==null?void 0:k.data)==null?void 0:v.message}),f(!1)})},X=()=>{C(""),n(""),J()},P=o.useMemo(()=>t!=null&&t.items?t.items.filter(a=>{var k,v,M;const i=((v=(k=a.user.name)==null?void 0:k.en)==null?void 0:v.toLowerCase())||"",N=((M=a.user.email)==null?void 0:M.toLowerCase())||"",u=p.toLowerCase();return i.includes(u)||N.includes(u)}):[],[t,p]);return e.jsx(B,{open:g,onOpenChange:s,children:e.jsxs(R,{className:"sm:max-w-[800px]",children:[e.jsxs(ee,{children:[e.jsx(ae,{children:r("organization.assignAdminToOrganization")}),e.jsx(se,{children:r("organization.assignAdminInstructions")})]}),e.jsxs("form",{onSubmit:W,className:"space-y-6",children:[e.jsxs(L,{className:"h-[450px] border border-gray-200 dark:border-gray-700 rounded-md p-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(T,{children:r("organization.organizations")}),V?e.jsx("div",{className:"flex items-center justify-center h-64",children:e.jsx(I,{className:"h-6 w-6 animate-spin text-primary"})}):e.jsx(L,{className:"h-[200px] border border-gray-200 dark:border-gray-700 rounded-md p-2",children:e.jsx("div",{className:"space-y-1",children:(F=S==null?void 0:S.items)==null?void 0:F?.map(a=>e.jsxs("button",{onClick:()=>{C(a.id),n(""),A(0)},type:"button",className:q("w-full flex items-center justify-between px-3 py-2 rounded-md text-left",m===a.id?"bg-primary-200 text-primary-800 dark:bg-primary-900/40 dark:text-primary-300":"hover:bg-primary-100 dark:hover:bg-primary-900/30"),children:[e.jsx("span",{children:$(a.name)}),m===a.id&&e.jsx(O,{className:"h-4 w-4"})]},`org-${a.id}`))})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(T,{children:r("organization.users")}),G?e.jsx("div",{className:"flex items-center justify-center h-40",children:e.jsx(I,{className:"h-6 w-6 animate-spin text-primary"})}):e.jsxs("div",{className:"space-y-2",children:[e.jsx(te,{placeholder:r("organization.searchUsers"),value:p,onChange:a=>y(a.target.value),className:"border border-gray-200 dark:border-gray-700 rounded-md dark:bg-gray-800 dark:text-gray-100"}),e.jsx(L,{className:"h-[200px] border border-gray-200 dark:border-gray-700 rounded-md p-2",children:e.jsxs("div",{className:"space-y-1",children:[P?.map(a=>{var i;return e.jsxs("button",{onClick:()=>n(a.user.id),type:"button",className:q("w-full flex items-center justify-between px-3 py-2 rounded-md text-left",x===a.user.id?"bg-purple-200 text-purple-800 dark:bg-purple-900/40 dark:text-purple-300":"hover:bg-purple-100 dark:hover:bg-purple-900/30"),children:[e.jsx("span",{children:((i=a.user.name)==null?void 0:i.en)||a.user.email}),x===a.user.id&&e.jsx(O,{className:"h-4 w-4"})]},`emp-${a.id}`)}),P.length===0&&e.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 text-center mt-2",children:r("organization.noUsersFound")})]})})]})]}),e.jsxs("div",{className:"flex items-center justify-between mt-2 px-2",children:[e.jsx(c,{type:"button",variant:"outline",size:"sm",onClick:()=>A(a=>Math.max(a-1,0)),disabled:z===0,children:"<"}),e.jsxs("span",{className:"text-sm text-gray-500 dark:text-gray-400",children:[r("common.page")," ",z+1]}),e.jsx(c,{type:"button",variant:"outline",size:"sm",onClick:()=>{const a=(t==null?void 0:t.count)??0,i=Math.ceil(a/w)-1;A(N=>Math.min(N+1,i))},disabled:!(t!=null&&t.count)||(z+1)*w>=t.count,children:">"})]})]}),e.jsx(re,{children:e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(c,{type:"button",variant:"outline",onClick:()=>{X(),s()},disabled:j,children:r("common.Cancel")}),e.jsx(c,{type:"submit",disabled:j,children:r(j?"organization.assigning":"organization.assignUser")})]})})]})]})})}function be(){const[l,s]=o.useState(0),g=10,{t:d}=_(),m=H(),[C,x]=o.useState(!1),{organizationsAdminsResponse:n,isLoading:j,isError:f,refetch:p}=Q("Admin",{take:g,skip:l*g,orderBy:"createdAt",order:"createdAt:Desc"}),y=r=>{s(r)};return j?e.jsx("div",{className:"p-6 flex items-center justify-center h-64",children:e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(I,{className:"h-8 w-8 animate-spin text-primary"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:d("organization.loadingAdmins")})]})}):f?e.jsx("div",{className:"p-6 flex items-center justify-center h-64",children:e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx("div",{className:"text-red-500 font-medium",children:d("organization.errorLoadingAdmins")}),e.jsx(c,{variant:"outline",onClick:()=>p(),children:d("organization.retry")})]})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"p-6 space-y-6 dark:bg-gray-900",children:e.jsxs(ne,{className:"col-span-2 shadow-none border-none bg-transparent dark:bg-transparent px-0",children:[e.jsx(oe,{className:"flex flex-row justify-between items-center px-0",children:e.jsx(de,{className:"text-xl font-semibold dark:text-white",children:d("organization.organizationAdmins")})}),e.jsx(ce,{className:"px-0 dark:bg-transparent",children:e.jsx(le,{columns:fe(m),data:(n==null?void 0:n.items)||[],tableName:"Organization Admins",toolBarPosition:"right",extraToolbar:e.jsxs("div",{className:"flex gap-2",children:[e.jsxs(c,{onClick:()=>x(!0),className:"bg-[#4A6CF7] hover:bg-[#3a5ad4] text-white px-5 py-2 rounded-md text-sm font-medium shadow-md",children:[e.jsx(pe,{className:"w-4 h-4 mr-2"}),d("organization.assignAdmin")]}),e.jsx(ie,{to:"/user-management/add_admin",children:e.jsxs(c,{className:"px-5 py-2 rounded-md text-sm font-medium shadow-md",children:[e.jsx(he,{className:"w-4 h-4 mr-2"}),d("organization.addAdmin")]})})]}),itemCount:(n==null?void 0:n.count)||0,pageIndex:l,onPageChange:y,nextFunction:()=>y(l+1),prevFunction:()=>y(Math.max(l-1,0))})})]})}),e.jsx(ye,{isOpen:C,onClose:()=>x(!1),onSuccess:()=>{p(),h.success(d("organization.adminAssignedSuccess"))}})]})}const Be=()=>e.jsx(be,{});export{Be as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationDetailPage-C-bRL7xT.js b/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationDetailPage-C-bRL7xT.js
new file mode 100644
index 000000000..62babee12
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationDetailPage-C-bRL7xT.js
@@ -0,0 +1,6 @@
+import{y as h,az as f,j as a,A as k,H as j,bj as N}from"./index-Db-xuq0b.js";import{B as g}from"./badge-D7JvaQeJ.js";import{C as v,a as w,b as z,d as C}from"./card-BBWyxDss.js";import{S as p}from"./separator-BaOOgzZX.js";import{a as O}from"./useOrganizations-DiuNBweX.js";import{u as D}from"./useOrganizationTypes-B6vCp97C.js";import{B as y}from"./building-B2uZxFCD.js";import{S as A}from"./shield-check-BeHB0C5s.js";import"./organizationsService-BEVk8qa1.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const S=[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]],B=h("map-pin",S),L=({id:d})=>{var x;const l=f(),{organizationsDetailResponse:o,isDetailLoading:u,isDetailError:b}=O("Org",d),{organizationTypesResponse:n}=D();if(u)return a.jsx("div",{children:"Loading..."});if(b||!o)return a.jsx("div",{children:"Error loading organization."});const r=o.items,c=r.organizationTypeId,m=e=>new Date(e).toLocaleString("en-US",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit"});return a.jsxs(v,{className:"w-full max-w-3xl mx-auto shadow-xl rounded-2xl border border-gray-200 bg-white dark:bg-zinc-900 transition hover:shadow-2xl",children:[a.jsxs(w,{className:"flex items-center gap-3 pb-2 border-b border-gray-200 dark:border-gray-700",children:[a.jsx(k,{className:"w-7 h-7 text-primary"}),a.jsx(z,{className:"text-2xl font-bold",children:l(r.name)})]}),a.jsxs(C,{className:"space-y-4",children:[a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(g,{variant:r.isGovernmentOrganization?"default":"outline",className:`px-3 py-1 rounded-xl ${r.isGovernmentOrganization?"bg-primary-100 text-primary-800 dark:bg-primary-800 dark:text-primary-100":"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-100"}`,children:r.isGovernmentOrganization?"Government":"Private"}),a.jsx(g,{variant:"default",className:`px-3 py-1 rounded-xl ${r.status==="Active"?"bg-primary-100 text-primary-800 dark:bg-primary-800 dark:text-primary-100":"bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-100"}`,children:r.status})]}),a.jsx(p,{className:"my-2"}),a.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm text-gray-700 dark:text-gray-300",children:[a.jsxs("div",{className:"order-1",children:[a.jsx("p",{className:"font-semibold",children:"Created At:"}),a.jsx("p",{children:m(r.createdAt)})]}),a.jsxs("div",{className:"order-2",children:[a.jsx("p",{className:"font-semibold",children:"Updated At:"}),a.jsx("p",{children:m(r.updatedAt)})]}),a.jsxs("div",{className:"sm:col-span-2 order-3",children:[a.jsx("p",{className:"font-semibold",children:"Key:"}),a.jsx("p",{className:"break-words",children:r.key})]})]}),a.jsx(p,{className:"my-2"}),a.jsx("div",{className:"flex flex-wrap gap-2 items-center",children:c&&((x=n==null?void 0:n.items)==null?void 0:x.filter(e=>e.id===c)?.map(e=>{let t,s,i;switch(e.key){case"super_admin":t=A,s="bg-purple-100 dark:bg-purple-800",i="text-purple-800 dark:text-purple-100";break;case"woreda":t=B,s="bg-blue-100 dark:bg-blue-800",i="text-blue-800 dark:text-blue-100";break;case"subcity":t=j,s="bg-primary-100 dark:bg-primary-800",i="text-primary-800 dark:text-primary-100";break;case"office":t=y,s="bg-yellow-100 dark:bg-yellow-800",i="text-yellow-800 dark:text-yellow-100";break;default:t=y,s="bg-gray-100 dark:bg-gray-800",i="text-gray-800 dark:text-gray-100"}return a.jsxs("span",{className:`flex items-center gap-1 px-3 py-1 rounded-xl font-medium ${s} ${i}`,children:[a.jsx(t,{className:"w-4 h-4"}),l(e.name)]},e.id)}))})]})]})},U=()=>{const{id:d}=N();return d?a.jsx(L,{id:d}):a.jsx("div",{className:"text-gray-900 dark:text-gray-100",children:"Organization ID is missing"})};export{U as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationForm-Dc20iiRT.js b/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationForm-Dc20iiRT.js
new file mode 100644
index 000000000..7ec468145
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationForm-Dc20iiRT.js
@@ -0,0 +1 @@
+import{f as G,az as L,r as f,j as e,v as r,I as h,B as N}from"./index-Db-xuq0b.js";import{S as v,a as k,b as O,c as T,d as n}from"./select-BoQxM42A.js";import{C as V,a as q,b as $,c as A,d as P}from"./card-BBWyxDss.js";import{L as t}from"./label-CsFy6wpo.js";import{u as B}from"./useOrganizationTypes-B6vCp97C.js";import{u as K}from"./index.esm-BG4gweZJ.js";import{u as _,o as S,b as H,s as l}from"./zod-Df58YiJ6.js";import{u as U}from"./useOrganizations-DiuNBweX.js";import{S as J}from"./switch-BNCD27Bd.js";const M=S({name:S({am:l().min(1,"Amharic name is required"),en:l().min(1,"English name is required")}),key:l().min(1,"Key is required"),organizationTypeId:l().min(1,"Organization Type is required"),parentId:l().optional(),isGovernmentOrganization:H()}),se=({onSubmit:C,isLoading:p,type:o,organizationDetails:i})=>{var y,j,b,z;const d="h-10 rounded-md border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 px-3 text-sm focus:outline-none focus:ring-2 focus:ring-primary",a=K({resolver:_(M),defaultValues:{name:{am:"",en:""},key:"",organizationTypeId:"",parentId:void 0,isGovernmentOrganization:!0}}),I=G(),u=L(),{organizationTypesResponse:m,isLoading:g,isError:w}=B(),{organizationsResponse:c,isLoading:x,isError:E}=U("Org",{take:1e3});return f.useEffect(()=>{const s=a.watch("name.en");if(s){const F=`${s||""}_001`.replace(/\s+/g,"_").toUpperCase();a.setValue("key",F)}},[a.watch("name.en")]),f.useEffect(()=>{i&&a.reset({name:i.name,key:i.key,organizationTypeId:i.organizationTypeId,parentId:i.parentId??void 0,isGovernmentOrganization:i.isGovernmentOrganization??!0})},[i]),e.jsx("div",{className:"px-2 md:px-4",children:e.jsxs(V,{className:"max-w-5xl mx-auto shadow-md border-gray-200 dark:border-gray-700 overflow-hidden",children:[e.jsxs(q,{className:"border-b border-gray-200 dark:border-gray-700 bg-gray-50/70 dark:bg-gray-900/40",children:[e.jsxs($,{className:"text-xl md:text-2xl font-semibold text-gray-800 dark:text-gray-100",children:[o==="Create"?r("organization.createNew"):r("organization.edit")," ",r("organization.organizations")]}),e.jsx(A,{className:"text-gray-500 dark:text-gray-400",children:r("organization.enterDetails")})]}),e.jsx(P,{className:"p-4 md:p-8",children:e.jsxs("form",{onSubmit:a.handleSubmit(C),className:"space-y-8",children:[e.jsx("div",{className:"rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900/30 p-4 md:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-5",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(t,{htmlFor:"name.am",children:[r("organization.nameAmharic")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(h,{...a.register("name.am"),className:d}),((y=a.formState.errors.name)==null?void 0:y.am)&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:a.formState.errors.name.am.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(t,{htmlFor:"name.en",children:[r("organization.nameEnglish")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(h,{...a.register("name.en"),className:d}),((j=a.formState.errors.name)==null?void 0:j.en)&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:a.formState.errors.name.en.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(t,{htmlFor:"code",children:[r("organization.key"),e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx(h,{...a.register("key"),disabled:o==="Edit",readOnly:o==="Edit",className:d}),a.formState.errors.key&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:a.formState.errors.key.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(t,{htmlFor:"organizationType",children:[r("organization.organizationType")," ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs(v,{value:a.watch("organizationTypeId"),onValueChange:s=>a.setValue("organizationTypeId",s),disabled:g,children:[e.jsx(k,{className:d,children:e.jsx(O,{placeholder:g?r("organization.loading"):r("organization.selectOrganizationType")})}),e.jsx(T,{children:g?e.jsx(n,{value:"loading",disabled:!0,children:r("organization.loadingOrganizationTypes")}):w?e.jsx(n,{value:"error",disabled:!0,children:r("organization.errorLoadingOrganizationTypes")}):(b=m==null?void 0:m.items)!=null&&b.length?m.items?.map(s=>e.jsx(n,{value:s.id,children:u(s.name)},s.id)):e.jsx(n,{value:"none",disabled:!0,children:r("organization.noOrganizationTypesAvailable")})})]}),a.formState.errors.organizationTypeId&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:a.formState.errors.organizationTypeId.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"organizationType",children:r("organization.parentOrganization")}),e.jsxs(v,{value:a.watch("parentId"),onValueChange:s=>a.setValue("parentId",s),disabled:x,children:[e.jsx(k,{className:d,children:e.jsx(O,{placeholder:x?r("organization.loading"):r("organization.selectOrganization")})}),e.jsx(T,{children:x?e.jsx(n,{value:"loading",disabled:!0,children:"Loading organization types..."}):E?e.jsx(n,{value:"error",disabled:!0,children:"Error loading organization types"}):(z=c==null?void 0:c.items)!=null&&z.length?c.items?.map(s=>e.jsx(n,{value:s.id,children:u(s.name)},s.id)):e.jsx(n,{value:"none",disabled:!0,children:r("organization.noOrganization")})})]}),a.formState.errors.organizationTypeId&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:a.formState.errors.organizationTypeId.message})]}),e.jsxs("div",{className:"space-y-2 md:col-span-2 xl:col-span-1",children:[e.jsx(t,{htmlFor:"isPublic",children:r("organization.isOrganizationPublic")}),e.jsx("div",{className:"h-10 px-3 rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 flex items-center justify-end",children:e.jsx(J,{id:"isPublic",checked:a.watch("isGovernmentOrganization"),onCheckedChange:s=>a.setValue("isGovernmentOrganization",s)})}),a.formState.errors.isGovernmentOrganization&&e.jsx("p",{className:"text-red-500 text-xs mt-1",children:a.formState.errors.isGovernmentOrganization.message})]})]})}),e.jsxs("div",{className:"flex flex-col-reverse sm:flex-row sm:justify-end gap-3 pt-2",children:[e.jsx(N,{variant:"outline",type:"button",onClick:()=>{I(-1)},className:"w-full sm:w-auto",children:r("common.Cancel")}),e.jsx(N,{type:"submit",disabled:p,className:"w-full sm:w-auto bg-primary hover:bg-primary/90 text-primary-foreground",children:p?`${o==="Create"?"Creating":"Editing"}...`:`${o==="Create"?r("common.create"):r("common.Edit")} `})]})]})})]})})};export{se as O};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationsPage-Cai8R-Dj.js b/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationsPage-Cai8R-Dj.js
new file mode 100644
index 000000000..3d13cb152
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/OrganizationsPage-Cai8R-Dj.js
@@ -0,0 +1,8 @@
+import{y as Ie,ad as Be,K as $,N as L,j as e,bw as Ue,bx as Te,by as $e,bz as Le,bA as Fe,bB as _e,aq as Ge,V as He,bC as Re,ai as Ve,ap as J,W as Ke,X as Ze,_ as We,as as qe,r as x,bD as Qe,aF as le,v as w,b8 as G,az as ye,u as X,k as Je,I as he,B as M,b6 as Xe,t as E,f as Ye,aA as ea,aB as aa,aC as ta,aD as ra,aE as Q,bn as sa,aH as na,aR as ia,bE as oa,aI as la,aJ as da,L as ca}from"./index-Db-xuq0b.js";import{u as be}from"./useOrganizations-DiuNBweX.js";import{A as ma}from"./AdvancedTable-CC9ioMU-.js";import{A as ve,h as je,a as Ne,b as Ce,c as we,d as ke,e as ze,f as Se,g as Oe}from"./alert-dialog-B5Y0wlSz.js";import{S as ua,a as pa,b as ga,c as ha,d as xa}from"./select-BoQxM42A.js";import{a as fa,u as ya,b as ba,c as va,d as ja,e as Na,f as Ca,g as wa,h as ka,i as za,j as Sa}from"./useConfig-B72ZZHmV.js";import{u as Oa}from"./useUnit-C4s9nepK.js";import{R as Aa,a as xe}from"./radio-group-DqG5gUnT.js";import{u as Da}from"./useArchived-D2u5xEKl.js";import{E as Pa}from"./ellipsis-CbtaBcvT.js";import{E as Ea}from"./eye-Bhud4znU.js";import{S as Ma}from"./square-pen-B91TPB19.js";import{B as fe}from"./badge-D7JvaQeJ.js";import{S as Ia}from"./StatusCell-D7zi31G6.js";import{S as Ba}from"./switch-BNCD27Bd.js";import{f as Ua}from"./format-DvwV82px.js";import{U as Ta}from"./users-DNqydOCy.js";import{C as $a,a as La,b as Fa,d as _a}from"./card-BBWyxDss.js";import{L as Ga}from"./loader-mVRAFg0f.js";import{P as Ha}from"./plus-BdjS2Pc-.js";import"./organizationsService-BEVk8qa1.js";import"./table-D3n3VABd.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./unitService-CmGVtFHQ.js";import"./Radio-C3SNvFel.js";import"./get-auto-contrast-value-Da6zqqWm.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./positionService-JD0NEiGK.js";import"./useOrganizationAdmins-Bl-gbkwr.js";import"./use-toast-CdbbItn1.js";import"./phone-Ce15UUGI.js";import"./Switch-DSHMk-sj.js";import"./en-US-Cc-9gH5A.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ra=[["path",{d:"M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z",key:"1yo7s0"}],["path",{d:"m12 9 6 6",key:"anjzzh"}],["path",{d:"m18 9-6 6",key:"1fp51s"}]],Va=Ie("delete",Ra),[Ka,H]=Be("Drawer component was not found in tree");var B={root:"m_f11b401e",header:"m_5a7c2c9",content:"m_b8a05bbd",inner:"m_31cd769a"};const Za={},Y=$((a,t)=>{const r=L("DrawerBody",Za,a),{classNames:i,className:l,style:m,styles:d,vars:u,...g}=r,s=H();return e.jsx(Ue,{ref:t,...s.getStyles("body",{classNames:i,style:m,styles:d,className:l}),...g})});Y.classes=B;Y.displayName="@mantine/core/DrawerBody";const Wa={},ee=$((a,t)=>{const r=L("DrawerCloseButton",Wa,a),{classNames:i,className:l,style:m,styles:d,vars:u,...g}=r,s=H();return e.jsx(Te,{ref:t,...s.getStyles("close",{classNames:i,style:m,styles:d,className:l}),...g})});ee.classes=B;ee.displayName="@mantine/core/DrawerCloseButton";const qa={},ae=$((a,t)=>{const r=L("DrawerContent",qa,a),{classNames:i,className:l,style:m,styles:d,vars:u,children:g,radius:s,__hidden:b,...N}=r,o=H(),z=o.scrollAreaComponent||$e;return e.jsx(Le,{...o.getStyles("content",{className:l,style:m,styles:d,classNames:i}),innerProps:o.getStyles("inner",{className:l,style:m,styles:d,classNames:i}),ref:t,...N,radius:s||o.radius||0,"data-hidden":b||void 0,children:e.jsx(z,{style:{height:"calc(100vh - var(--drawer-offset) * 2)"},children:g})})});ae.classes=B;ae.displayName="@mantine/core/DrawerContent";const Qa={},te=$((a,t)=>{const r=L("DrawerHeader",Qa,a),{classNames:i,className:l,style:m,styles:d,vars:u,...g}=r,s=H();return e.jsx(Fe,{ref:t,...s.getStyles("header",{classNames:i,style:m,styles:d,className:l}),...g})});te.classes=B;te.displayName="@mantine/core/DrawerHeader";const Ja={},re=$((a,t)=>{const r=L("DrawerOverlay",Ja,a),{classNames:i,className:l,style:m,styles:d,vars:u,...g}=r,s=H();return e.jsx(_e,{ref:t,...s.getStyles("overlay",{classNames:i,style:m,styles:d,className:l}),...g})});re.classes=B;re.displayName="@mantine/core/DrawerOverlay";function Xa(a){switch(a){case"top":return"flex-start";case"bottom":return"flex-end";default:return}}function Ya(a){if(a==="top"||a==="bottom")return"0 0 calc(100% - var(--drawer-offset, 0rem) * 2)"}const et={top:"slide-down",bottom:"slide-up",left:"slide-right",right:"slide-left"},at={top:"slide-down",bottom:"slide-up",right:"slide-right",left:"slide-left"},tt={closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:J("modal"),position:"left"},rt=Ke((a,{position:t,size:r,offset:i})=>({root:{"--drawer-size":We(r,"drawer-size"),"--drawer-flex":Ya(t),"--drawer-height":t==="left"||t==="right"?void 0:"var(--drawer-size)","--drawer-align":Xa(t),"--drawer-justify":t==="right"?"flex-end":void 0,"--drawer-offset":Ze(i)}})),se=$((a,t)=>{const r=L("DrawerRoot",tt,a),{classNames:i,className:l,style:m,styles:d,unstyled:u,vars:g,scrollAreaComponent:s,position:b,transitionProps:N,radius:o,...z}=r,{dir:c}=Ge(),S=He({name:"Drawer",classes:B,props:r,className:l,style:m,classNames:i,styles:d,unstyled:u,vars:g,varsResolver:rt}),A=(c==="rtl"?at:et)[b];return e.jsx(Ka,{value:{scrollAreaComponent:s,getStyles:S,radius:o},children:e.jsx(Re,{ref:t,...S("root"),transitionProps:{transition:A,...N},"data-offset-scrollbars":s===Ve.Autosize||void 0,unstyled:u,...z})})});se.classes=B;se.displayName="@mantine/core/DrawerRoot";const[st,nt]=qe();function Ae({children:a}){const[t,r]=x.useState([]),[i,l]=x.useState(J("modal"));return e.jsx(st,{value:{stack:t,addModal:(m,d)=>{r(u=>[...new Set([...u,m])]),l(u=>typeof d=="number"&&typeof u=="number"?Math.max(u,d):u)},removeModal:m=>r(d=>d.filter(u=>u!==m)),getZIndex:m=>`calc(${i} + ${t.indexOf(m)} + 1)`,currentId:t[t.length-1],maxZIndex:i},children:a})}Ae.displayName="@mantine/core/DrawerStack";const it={},ne=$((a,t)=>{const r=L("DrawerTitle",it,a),{classNames:i,className:l,style:m,styles:d,vars:u,...g}=r,s=H();return e.jsx(Qe,{ref:t,...s.getStyles("title",{classNames:i,style:m,styles:d,className:l}),...g})});ne.classes=B;ne.displayName="@mantine/core/DrawerTitle";const ot={closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:J("modal"),withOverlay:!0,withCloseButton:!0},P=$((a,t)=>{const{title:r,withOverlay:i,overlayProps:l,withCloseButton:m,closeButtonProps:d,children:u,opened:g,stackId:s,zIndex:b,...N}=L("Drawer",ot,a),o=nt(),z=!!r||m,c=o&&s?{closeOnEscape:o.currentId===s,trapFocus:o.currentId===s,zIndex:o.getZIndex(s)}:{},S=i===!1?!1:s&&o?o.currentId===s:g;return x.useEffect(()=>{o&&s&&(g?o.addModal(s,b||J("modal")):o.removeModal(s))},[g,s,b]),e.jsxs(se,{ref:t,opened:g,zIndex:o&&s?o.getZIndex(s):b,...N,...c,children:[i&&e.jsx(re,{visible:S,transitionProps:o&&s?{duration:0}:void 0,...l}),e.jsxs(ae,{__hidden:o&&s&&g?s!==o.currentId:!1,children:[z&&e.jsxs(te,{children:[r&&e.jsx(ne,{children:r}),m&&e.jsx(ee,{...d})]}),e.jsx(Y,{children:u})]})]})});P.classes=B;P.displayName="@mantine/core/Drawer";P.Root=se;P.Overlay=re;P.Content=ae;P.Body=Y;P.Header=te;P.Title=ne;P.CloseButton=ee;P.Stack=Ae;const lt=({organizationName:a,isActive:t,onConfirm:r,isLoading:i,trigger:l})=>e.jsxs(ve,{children:[e.jsx(je,{asChild:!0,children:l}),e.jsxs(Ne,{children:[e.jsxs(Ce,{children:[e.jsxs(we,{children:[t?"Deactivate":"Activate"," Organization"]}),e.jsxs(ke,{children:["Are you sure you want to ",t?"deactivate":"activate"," ",e.jsx("span",{className:"font-medium",children:a}),"? This action can be reversed later."]})]}),e.jsxs(ze,{children:[e.jsx(Se,{disabled:i,className:"cursor-pointer",children:"Cancel"}),e.jsxs(Oe,{onClick:r,disabled:i,className:t?"bg-red-600 hover:bg-red-700 cursor-pointer":"",children:[i&&e.jsx(le,{className:"h-4 w-4 animate-spin"}),i?t?"Deactivating...":"Activating...":t?"Deactivate":"Activate"]})]})]})]}),dt=({organizationName:a,onDelete:t,onCancel:r,isLoading:i,trigger:l})=>e.jsxs(ve,{children:[e.jsx(je,{asChild:!0,children:l}),e.jsxs(Ne,{children:[e.jsxs(Ce,{children:[e.jsx(we,{children:w("organization.deleteOrganization")}),e.jsxs(ke,{children:[w("organization.confirmDelete")," ",e.jsx("strong",{children:a}),"? ",w("organization.cannotUndo")]})]}),e.jsxs(ze,{children:[e.jsx(Se,{onClick:r,disabled:i,className:"cursor-pointer",children:w("common.Cancel")}),e.jsx(Oe,{className:"bg-red-600 hover:bg-red-700 text-white cursor-pointer",disabled:i,onClick:t,children:i?w("organization.deleting"):w("organization.delete")})]})]})]}),de=x.createContext({open:!1,setOpen:()=>{}});function ct({children:a,open:t,onOpenChange:r,defaultOpen:i=!1}){const[l,m]=x.useState(i),d=t!==void 0,u=d?t:l,g=x.useCallback(s=>{d||m(s),r==null||r(s)},[d,r]);return e.jsx(de.Provider,{value:{open:u,setOpen:g},children:a})}function mt({children:a,className:t,...r}){const{open:i,setOpen:l}=x.useContext(de);return e.jsx(P,{opened:i,onClose:()=>l(!1),position:"right",size:400,withCloseButton:!0,classNames:{content:G("p-6",t),overlay:"bg-black/50"},...r,children:a})}function ut({className:a,children:t,...r}){return e.jsx("div",{className:G("mb-4",a),...r,children:t})}function pt({className:a,children:t,...r}){return e.jsx("h2",{className:G("text-lg font-semibold",a),...r,children:t})}function gt({className:a,children:t,...r}){return e.jsx("p",{className:G("text-sm text-muted-foreground",a),...r,children:t})}function ht({className:a,children:t,...r}){return e.jsx("div",{className:G("mt-4 flex justify-end gap-2",a),...r,children:t})}function xt({children:a,asChild:t,className:r,...i}){const{setOpen:l}=x.useContext(de);return t&&x.isValidElement(a)?x.cloneElement(a,{onClick:m=>{var d,u;(u=(d=a.props).onClick)==null||u.call(d,m),l(!1)}}):e.jsx("button",{type:"button",className:G("cursor-pointer",r),onClick:()=>l(!1),...i,children:a})}const ft=ct;function yt({manageOrgConfigOpen:a,setManageOrgConfigOpen:t,organizationId:r}){var ce,me,ue,pe;const{getList:i}=Oa(),[l,m]=x.useState(""),[d,u]=x.useState(""),[g,s]=x.useState(""),[b,N]=x.useState(null),{data:o}=r?i(r,{take:300,skip:0}):{data:void 0},z=ye(),{t:c}=X(),{handleError:S}=Je(c),A=fa(r),U=ya(r),[p,T]=x.useState(!1),D=p?A.data:U.data,ie=p?A.isLoading:U.isLoading,I=p?A.refetch:U.refetch,R=ba(),K=va(),V=ja(),Z=Na(),W=Ca(),y=wa(),v=p?R.isPending||K.isPending:Z.isPending||W.isPending,f=p?V:y,h=(()=>{var O,k;const n=((k=(O=U.data)==null?void 0:O.data)==null?void 0:k.items)??[];return Array.isArray(n)?n.find(j=>((j==null?void 0:j.organizationId)??(j==null?void 0:j.organization_id))===r)??n[0]??null:null})(),C=(()=>{var O,k;if(!l)return null;const n=((k=(O=A.data)==null?void 0:O.data)==null?void 0:k.items)??[];return Array.isArray(n)?n.find(j=>((j==null?void 0:j.unitId)??(j==null?void 0:j.unit_id))===l)??null:null})();x.useEffect(()=>{p||h!=null&&h.id&&b!==h.id&&(N(h.id),u((h.maximumNumberOfUnits??0).toString()))},[p,h,b]),x.useEffect(()=>{p&&C!=null&&C.id&&b!==C.id&&(N(C.id),u((C.numberOfSubUnits??0).toString()),s((C.numberOfEmployeesPerUnit??0).toString()))},[p,C,b]);const oe=()=>{if(p&&!l){E.warning(c("superAdmin.messages.selectUnitWarning"));return}if(p?!d||!g:!d){E.warning(c("superAdmin.messages.fillAllFields"));return}if(p){const k={unitId:l,numberOfSubUnits:Number(d),numberOfEmployeesPerUnit:Number(g)},j=b||(C==null?void 0:C.id)||null;j?K.mutate({id:j,data:k},{onSuccess:()=>{E.success(c("superAdmin.messages.configUpdated")),F(),I()},onError:S}):R.mutate(k,{onSuccess:()=>{E.success(c("superAdmin.messages.configAdded")),F(),I()},onError:_=>q(_)});return}const n={organizationId:r,maximumNumberOfUnits:Number(d),...(h==null?void 0:h.canStartReceivingRecord)!==void 0&&{canStartReceivingRecord:h.canStartReceivingRecord},...(h==null?void 0:h.canCreateBranchByItself)!==void 0&&{canCreateBranchByItself:h.canCreateBranchByItself}},O=b||(h==null?void 0:h.id)||null;O?W.mutate({id:O,data:n},{onSuccess:()=>{E.success(c("superAdmin.messages.configUpdated")),F(),I()},onError:S}):Z.mutate(n,{onSuccess:()=>{E.success(c("superAdmin.messages.configAdded")),F(),I()},onError:k=>q(k)})},q=n=>{var j,_,ge;const O=(j=n==null?void 0:n.response)==null?void 0:j.status,k=((ge=(_=n==null?void 0:n.response)==null?void 0:_.data)==null?void 0:ge.message)??(n==null?void 0:n.message)??"";if(O===400&&/duplicate/i.test(k)){E.warning(c("superAdmin.messages.configAlreadyExists")),I();return}S(n)},F=()=>{m(""),u(""),s(""),N(null)},De=n=>{p?(N(n.id),m(n.unitId??""),u((n.numberOfSubUnits??0).toString()),s((n.numberOfEmployeesPerUnit??0).toString())):(N(n.id),u((n.maximumNumberOfUnits??0).toString()))},Pe=n=>{n!=null&&n.id&&f.mutate(n.id,{onSuccess:()=>{E.success(c("superAdmin.messages.configDeleted")),b===n.id&&F(),I()},onError:S})},Ee=c(p?"superAdmin.manageConfig.unit":"superAdmin.manageConfig.organization"),Me=c(p?"superAdmin.manageConfig.unitBased":"superAdmin.manageConfig.organizationLevel");return e.jsx(ft,{open:a,onOpenChange:t,children:e.jsxs(mt,{className:"max-h-[85vh] overflow-hidden flex flex-col top-1/6 bg-white dark:bg-gray-900",children:[e.jsxs("div",{className:"overflow-y-auto flex-1",children:[e.jsxs(ut,{className:"pb-4",children:[e.jsx(pt,{className:"text-lg text-primary-700 dark:text-primary-400",children:c("superAdmin.manageConfig.title",{type:Ee})}),e.jsxs(gt,{className:"text-primary-600/80 dark:text-primary-300/80 space-y-3",children:[e.jsx("div",{children:c("superAdmin.manageConfig.description",{level:Me})}),e.jsxs(Aa,{value:p?"unit":"org",onValueChange:n=>{T(n==="unit"),F()},className:"inline-flex rounded-md bg-gray-100 dark:bg-gray-800 p-1",children:[e.jsx(xe,{value:"org",id:"org-radio",className:"hidden"}),e.jsx("label",{htmlFor:"org-radio",className:`cursor-pointer px-4 py-1 rounded-md text-sm font-medium transition-all
+      ${p?"text-primary-700 dark:text-primary-300 hover:bg-primary-200 dark:hover:bg-primary-900/30":"bg-primary-600 text-white"}`,children:c("superAdmin.manageConfig.organization")}),e.jsx(xe,{value:"unit",id:"unit-radio",className:"hidden"}),e.jsx("label",{htmlFor:"unit-radio",className:`cursor-pointer px-4 py-1 rounded-md text-sm font-medium transition-all
+      ${p?"bg-primary-600 text-white":"text-primary-700 dark:text-primary-300 hover:bg-primary-200 dark:hover:bg-primary-900/30"}`,children:c("superAdmin.manageConfig.unit")})]}),p&&((me=(ce=o==null?void 0:o.data)==null?void 0:ce.items)==null?void 0:me.length)>0&&e.jsxs("div",{className:"pt-2",children:[e.jsx("label",{className:"block text-sm font-medium text-primary-700 dark:text-primary-300",children:c("superAdmin.manageConfig.selectUnit")}),e.jsxs(ua,{value:l,onValueChange:n=>m(n),children:[e.jsx(pa,{className:"mt-1 border-primary-400 dark:border-primary-700 dark:bg-gray-800 dark:text-gray-100 focus:ring-primary-500",children:e.jsx(ga,{placeholder:c("superAdmin.manageConfig.selectUnitPlaceholder")})}),e.jsx(ha,{children:o==null?void 0:o.data.items?.map(n=>e.jsx(xa,{value:n.id,children:z(n.name)},n.id))})]})]})]})]}),e.jsxs("div",{className:"px-6 space-y-4 pb-4",children:[e.jsxs("div",{className:`grid gap-4 ${p?"grid-cols-2":"grid-cols-1"}`,children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium text-primary-700 dark:text-primary-300",children:p?c("superAdmin.manageConfig.subOrganizations"):c("superAdmin.manageConfig.maxUnits","Maximum Number of Units")}),e.jsx(he,{type:"number",min:"0",value:d,onChange:n=>u(n.target.value),placeholder:c("superAdmin.manageConfig.subOrgsPlaceholder"),className:"border-primary-400 dark:border-primary-700 dark:bg-gray-800 dark:text-gray-100 focus:ring-primary-500"})]}),p&&e.jsxs("div",{children:[e.jsx("label",{className:"text-sm font-medium text-primary-700 dark:text-primary-300",children:c("superAdmin.manageConfig.employeesPerOrg")}),e.jsx(he,{type:"number",min:"0",value:g,onChange:n=>s(n.target.value),placeholder:c("superAdmin.manageConfig.employeesPlaceholder"),className:"border-primary-400 dark:border-primary-700 dark:bg-gray-800 dark:text-gray-100 focus:ring-primary-500"})]})]}),e.jsxs(M,{onClick:oe,className:"w-full flex items-center gap-2 bg-primary-600 hover:bg-primary-700 text-white",disabled:v,children:[v&&e.jsx(le,{className:"h-4 w-4 animate-spin"}),b||!p&&(h!=null&&h.id)||p&&(C!=null&&C.id)?c("superAdmin.manageConfig.updateConfiguration"):c("superAdmin.manageConfig.addConfiguration")]}),e.jsx("div",{className:"border border-primary-300 dark:border-primary-800 rounded-lg p-3 space-y-3 mt-4",children:ie?e.jsx("p",{className:"text-sm text-primary-600/70 text-center py-4",children:c("superAdmin.manageConfig.loading")}):(pe=(ue=D==null?void 0:D.data)==null?void 0:ue.items)!=null&&pe.length?e.jsx("div",{className:"max-h-48 overflow-y-auto",children:D.data.items?.map(n=>{var O,k,j;return e.jsxs("div",{className:"flex items-center justify-between border-b border-primary-100 pb-2 last:border-none py-2",children:[e.jsxs("div",{children:[p&&e.jsx("p",{className:"font-semibold capitalize text-primary-700 text-sm",children:z((j=(k=(O=o==null?void 0:o.data)==null?void 0:O.items)==null?void 0:k.find(_=>_.id===n.unitId))==null?void 0:j.name)||n.unitId}),e.jsx("p",{className:"text-xs text-primary-600/80",children:p?e.jsxs(e.Fragment,{children:[n.numberOfSubUnits," ",c("superAdmin.manageConfig.subOrganizations")," •"," ",n.numberOfEmployeesPerUnit," ",c("superAdmin.manageConfig.employeesPerOrg")]}):e.jsxs(e.Fragment,{children:[c("superAdmin.manageConfig.maxUnits","Maximum Number of Units"),": ",n.maximumNumberOfUnits??0]})})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(M,{variant:"ghost",size:"sm",onClick:()=>De(n),className:"h-8 px-2 text-xs text-primary-700 dark:text-primary-300 hover:bg-primary-100 dark:hover:bg-primary-900/30",children:c("superAdmin.manageConfig.edit")}),e.jsx(M,{variant:"ghost",size:"sm",onClick:()=>Pe(n),disabled:f.isPending&&f.variables===n.id,className:"h-8 w-8 p-0 text-primary-700 dark:text-primary-300 hover:bg-primary-100 dark:hover:bg-primary-900/30",children:f.isPending&&f.variables===n.id?e.jsx(le,{className:"h-3.5 w-3.5 animate-spin"}):e.jsx(Xe,{size:14})})]})]},n.id)})}):e.jsx("p",{className:"text-sm text-primary-600/70 text-center py-4",children:c("superAdmin.manageConfig.noConfigurations")})})]})]}),e.jsx(ht,{className:"pt-4 border-t border-primary-200 dark:border-primary-800 bg-primary-50/40 dark:bg-primary-900/10",children:e.jsx(xt,{asChild:!0,children:e.jsx(M,{variant:"outline",onClick:F,className:"w-full border-primary-500 dark:border-primary-700 text-primary-700 dark:text-primary-300 hover:bg-primary-100 dark:hover:bg-primary-900/30",children:c("superAdmin.manageConfig.close")})})})]})})}const bt=({rowData:a})=>{const[t,r]=x.useState(!1),{t:i}=X(),l=Ye(),[m,d]=x.useState(!1),{activateOrganization:u,deactivateOrganization:g,isOrganizationActivating:s,isOrganizationDeactivating:b,deleteOrganization:N,isOrganizationDeleting:o}=be("Org"),{softDeleteOrganization:z,isArchivingOrganization:c}=Da(),S=()=>{r(!1),l(`/user-management/organizations/edit/${a==null?void 0:a.id}`)},A=()=>{r(!1),l(`/user-management/organizations/detail/${a==null?void 0:a.id}`)},U=()=>{r(!1),d(!0)},p=a.status==="Active";return e.jsxs("div",{className:"flex gap-3 align-center",children:[e.jsx(lt,{organizationName:a.name.en,isActive:p,onConfirm:()=>{p?g({id:a.id}):u({id:a.id})},isLoading:s||b,trigger:p?e.jsx(M,{variant:"outline",className:p?"text-red-600 dark:text-red-400 border-red-600 dark:border-red-500 hover:bg-red-50 dark:hover:bg-red-900/30":"text-primary-600 dark:text-primary-400 border-primary-600 dark:border-primary-500 hover:bg-primary-50 dark:hover:bg-primary-900/30",children:i("statusBar.deactivate")}):e.jsx(M,{variant:"outline",size:"sm",className:p?"text-red-600 dark:text-red-400 border-red-600 dark:border-red-500 hover:bg-red-50 dark:hover:bg-red-900/30":"text-primary-600 dark:text-primary-400 border-primary-600 dark:border-primary-500 hover:bg-primary-50 dark:hover:bg-primary-900/30",children:i("statusBar.activate")})}),e.jsxs(ea,{open:t,onOpenChange:r,children:[e.jsx(aa,{asChild:!0,children:e.jsxs(M,{variant:"ghost",className:"flex h-8 w-8 p-0 data-[state=open]:bg-muted","aria-haspopup":"menu","aria-expanded":t,children:[e.jsx(Pa,{className:"h-4 w-4"}),e.jsx("span",{className:"sr-only",children:"Open menu"})]})}),e.jsxs(ta,{align:"end",className:"w-[200px]",onInteractOutside:T=>{T.target.closest('[role="dialog"]')||r(!1)},children:[e.jsx(ra,{children:"Actions"}),e.jsxs(Q,{onSelect:A,children:[e.jsx(Ea,{className:"mr-2 h-4 w-4"}),i("organization.viewOrganization")]}),e.jsxs(Q,{onSelect:S,children:[e.jsx(Ma,{className:"mr-2 h-4 w-4"}),i("organization.editOrganization")]}),e.jsxs(Q,{onSelect:U,children:[e.jsx(sa,{className:"mr-2 h-4 w-4"}),i("organization.editOrganization")]}),e.jsxs(Q,{onSelect:()=>{r(!1),z(a.id)},disabled:c,className:"text-amber-700 focus:text-amber-700",children:[e.jsx(na,{className:"mr-2 h-4 w-4"}),i("archive.archiveOrganization","Archive Organization")]}),e.jsx(dt,{organizationName:a.name.en,onDelete:()=>{N({id:a.id})},onCancel:()=>{},isLoading:o,trigger:e.jsxs(M,{variant:"destructive",children:[e.jsx(Va,{className:"mr-2 h-4 w-4"}),i("organization.deleteOrganization")]})})]}),m&&e.jsx(yt,{manageOrgConfigOpen:m,setManageOrgConfigOpen:d,organizationId:a.id,isUnitConfig:!1})]})]})},vt=({organizationId:a})=>{const{t}=X(),[r,i]=x.useState(null),[l,m]=x.useState(!1),[d,u]=x.useState(!0);x.useEffect(()=>{(async()=>{try{u(!0);const o=(await ka(a)).data;if(o.count>0&&o.items&&o.items.length>0){const z=o.items[0];i(z)}else i(null)}catch{i(null)}finally{u(!1)}})()},[a]);const g=async b=>{try{m(!0);const N={canStartReceivingRecord:b,organizationId:a};if(r&&r.id)await za(r.id,N),i(o=>o?{...o,canStartReceivingRecord:b}:null);else{const o=await Sa(N);i(o.data)}E.success(t(b?"organization.visibilityEnabled":"organization.visibilityDisabled"))}catch{E.error(t("organization.visibilityUpdateFailed"))}finally{m(!1)}};if(d)return e.jsx("div",{className:"flex items-center justify-center",children:e.jsx("div",{className:"w-4 h-4 border-2 border-gray-300 dark:border-gray-600 border-t-primary-600 rounded-full animate-spin"})});const s=r?r.canStartReceivingRecord:!0;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-300",children:t(s?"organization.visible":"organization.hidden")}),e.jsx(Ba,{checked:s,onCheckedChange:g,disabled:l,className:"data-[state=checked]:bg-primary-600"})]}),l&&e.jsx("div",{className:"w-4 h-4 border-2 border-gray-300 dark:border-gray-600 border-t-primary-600 rounded-full animate-spin"})]})},jt=[{accessorKey:"name.en",header:()=>w("organization.organizationName"),size:300,minSize:200,maxSize:400,cell:({row:a})=>{const t=a.original;return ia.language,e.jsxs("div",{className:"font-medium",children:[t.parentId&&e.jsx("span",{className:"text-gray-400 dark:text-gray-500 mr-2",children:"└─"}),t.name.am]})}},{accessorKey:"createdAt",header:()=>w("organization.createdOn"),cell:({row:a})=>e.jsx("div",{className:"font-medium",children:Ua(new Date(a.original.createdAt),"MMM dd, yyyy")})},{accessorKey:"activeEmployeeCount",header:()=>w("organization.numberOfUsers"),cell:({row:a})=>e.jsxs("div",{className:"font-medium flex items-center",children:[e.jsx(Ta,{className:"h-4 w-4 mr-2 text-gray-500 dark:text-gray-400"}),a.original.activeEmployeeCount!==void 0?a.original.activeEmployeeCount:"-"]})},{accessorKey:"adminsCount",header:()=>w("organization.assignedAdmin"),cell:({row:a})=>e.jsx(Ia,{id:a.original.id,adminsCount:a.original.adminsCount||0})},{id:"status",header:()=>w("userRecord.Status"),cell:({row:a})=>{const t=a.original;return e.jsx("div",{children:e.jsx(fe,{className:`${t.status==="Active"?"bg-primary-100 text-primary-600 hover:bg-primary-100 dark:bg-primary-900/40 dark:text-primary-300 dark:hover:bg-primary-900/50":"bg-red-100 text-red-600 hover:bg-red-100 dark:bg-red-900/40 dark:text-red-300 dark:hover:bg-red-900/50"} rounded-full px-6 py-1 font-medium`,children:t.status==="Active"?w("statusBar.activate"):w("statusBar.deactivate")})})}},{id:"isGovernmentOrganization",header:()=>w("organization.isGovernmentOrganization"),cell:({row:a})=>{const t=a.original;return e.jsx("div",{children:e.jsx(fe,{className:`${t.isGovernmentOrganization?"bg-blue-600 text-white hover:bg-blue-400":"bg-red-600 text-white hover:bg-red-400"} rounded-full px-6 py-1 font-medium`,children:t.isGovernmentOrganization===!0?w("common.yes"):w("common.no")})})}},{id:"visibility",header:()=>w("organization.visibilityToOthers"),cell:({row:a})=>{const t=a.original;return e.jsx(vt,{organizationId:t.id})}},{id:"Actions",header:()=>w("userRecord.Actions"),cell:({row:a})=>{const t=a.original;return e.jsx(bt,{rowData:t})}}],Nt=a=>{const{permissions:t}=oa();return a?.some(r=>t.includes(r))},Ct=({perms:a,fallback:t=null,children:r})=>Nt(a)?r:t;function wt(){const[a,t]=x.useState(0),[r,i]=x.useState(new Set),[l,m]=x.useState(""),d=10;x.useEffect(()=>{t(0)},[l]);const{t:u}=X(),g=ye(),{organizationsResponse:s,isLoading:b,refetch:N}=be("Org",{take:1e3,skip:0,orderBy:"createdAt",order:"createdAt:Desc"}),o=y=>{t(y)},z=y=>{i(v=>{const f=new Set(v);return f.has(y)?f.delete(y):f.add(y),f})},c=x.useMemo(()=>{const y=new Map;return((s==null?void 0:s.items)||[]).forEach(v=>{y.set(v.id,v)}),y},[s==null?void 0:s.items]),S=y=>{const v=[],f=new Map;return y.forEach(h=>{h.parentId?(f.has(h.parentId)||f.set(h.parentId,[]),f.get(h.parentId).push(h)):v.push(h)}),{root:v,children:f}},A=x.useMemo(()=>(s==null?void 0:s.items)||[],[s==null?void 0:s.items]),{root:U,children:p}=S(A),T=l.trim().toLowerCase(),D=T.length>0,ie=x.useMemo(()=>D?A.filter(y=>{var v,f;return(((v=y.name)==null?void 0:v.en)||"").toLowerCase().includes(T)||(((f=y.name)==null?void 0:f.am)||"").toLowerCase().includes(T)}):[],[A,D,T]),I=D?ie:U,R=a*d,K=R+d,V=I.slice(R,K),Z=x.useMemo(()=>{const y=[];return D?(V.forEach(v=>{const f=v.parentId?c.get(v.parentId):null;y.push({...v,isChild:!!v.parentId,parentName:f?f.name.en:void 0})}),y):(V.forEach(v=>{y.push(v),r.has(v.id)&&(p.get(v.id)||[]).forEach(h=>{y.push({...h,isChild:!0,parentName:v.name.en})})}),y)},[V,p,r,D,c]),W=x.useMemo(()=>jt?.map(y=>"accessorKey"in y&&y.accessorKey==="name.en"?{...y,cell:({row:v})=>{const f=v.original,h=f.isChild||!1,C=f.parentName,oe=p.has(f.id),q=r.has(f.id);return e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[oe&&e.jsx(M,{variant:"ghost",size:"sm",className:"h-6 w-6 p-0 flex-shrink-0",onClick:()=>z(f.id),children:q?e.jsx(la,{className:"h-4 w-4"}):e.jsx(da,{className:"h-4 w-4"})}),e.jsxs("div",{className:"font-medium flex items-center gap-2 min-w-0 flex-1 overflow-hidden",children:[h&&e.jsx("span",{className:"text-gray-400 dark:text-gray-500 flex-shrink-0",children:"└─"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:"truncate",title:f.name.en,children:g(f.name)}),C&&e.jsxs("div",{className:"text-sm text-gray-500 dark:text-gray-400 font-normal truncate",title:`under ${C}`,children:["(under ",C,")"]})]})]})]})}}:y),[p,r,g]);return b?e.jsx("div",{children:e.jsx(Ga,{})}):e.jsx("div",{className:"p-6 space-y-6",children:e.jsxs($a,{className:"col-span-2 shadow-none border-none bg-transparent px-0",children:[e.jsx(La,{className:"flex flex-row justify-between items-center px-0",children:e.jsx(Fa,{className:"text-xl font-semibold ",children:u("organization.organizations")})}),e.jsx(_a,{className:"px-0",children:e.jsx(ma,{columns:W,data:Z,tableName:"Organizations",toolBarPosition:"right",itemCount:I.length,pageSize:d,onGlobalFilterChange:m,extraToolbar:e.jsx(Ct,{perms:["create:organization","activate:organization"],children:e.jsx(ca,{to:"/user-management/organizations/new",children:e.jsxs(M,{className:"px-5 py-2 rounded-md text-sm font-medium shadow-md",children:[e.jsx(Ha,{className:"w-4 h-4 mr-2"}),u("organization.newOrganization")]})})}),pageIndex:a,onPageChange:o,nextFunction:()=>o(a+1),prevFunction:()=>o(Math.max(a-1,0)),refresh:N})})]})})}const ur=()=>e.jsx(wt,{});export{ur as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/PendingExternalUsers-DTQ4H5AP.js b/apps/edr-freight-web/backoffice/public/_um/assets/PendingExternalUsers-DTQ4H5AP.js
new file mode 100644
index 000000000..1619ded8f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/PendingExternalUsers-DTQ4H5AP.js
@@ -0,0 +1 @@
+import{n as T,m as w,o as B,u as D,k as P,j as e,B as h,t as F,v as d,az as R,r as j,f as K,aF as S}from"./index-Db-xuq0b.js";import{A as q}from"./AdvancedTable-CC9ioMU-.js";import{C as L,a as I,b as M,d as Q}from"./card-BBWyxDss.js";import{b as _,c as H}from"./userService-BHeFzZdn.js";import{B as O}from"./badge-D7JvaQeJ.js";import{A as y,h as b,a as v,b as f,c as C,d as A,e as N,f as U,g as k}from"./alert-dialog-B5Y0wlSz.js";import{f as V}from"./format-DvwV82px.js";import{R as $,a as z}from"./radio-group-DqG5gUnT.js";import{L as E}from"./label-CsFy6wpo.js";import"./table-D3n3VABd.js";import"./select-BoQxM42A.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./en-US-Cc-9gH5A.js";import"./Radio-C3SNvFel.js";import"./get-auto-contrast-value-Da6zqqWm.js";import"./InputsGroupFieldset-COkNgcEo.js";const m={pendingUsers:["external-users","pending"],allExternalUsers:["external-users","all"]};var g=(s=>(s.external="external_organization",s.individual="individual",s))(g||{});const G=s=>T({queryKey:[...m.allExternalUsers,s],queryFn:async()=>(await H(s)).data}),J=()=>{const s=w();return B({mutationFn:({id:t,status:a})=>_(t,a),onSuccess:()=>{s.invalidateQueries({queryKey:m.pendingUsers}),s.invalidateQueries({queryKey:m.allExternalUsers})}})},W=({userId:s,userStatus:t})=>{const a=J(),{t:r}=D(),{handleError:l}=P(r),n=a.isPending,o=t==="pending"||t==="rejected"||t==="submitted",c=i=>{a.mutate({id:s,status:i},{onSuccess:()=>{F.success(i==="accepted"?"User successfully approved":"User successfully rejected")},onError:u=>{l(u)}})};return e.jsxs("div",{className:"flex gap-2",children:[e.jsxs(y,{children:[e.jsx(b,{asChild:!0,children:e.jsx(h,{className:"bg-primary-600 text-white hover:bg-primary-700",size:"sm",disabled:n||!o,children:r("statusBar.Approve")})}),e.jsxs(v,{children:[e.jsxs(f,{children:[e.jsx(C,{children:r("organization.approveUserPrompt")}),e.jsx(A,{children:r("organization.approveUserDescription")})]}),e.jsxs(N,{children:[e.jsx(U,{disabled:n,children:r("common.Cancel")}),e.jsx(k,{onClick:()=>c("accepted"),disabled:n,children:r(n?"organization.approving":"organization.yesApprove")})]})]})]}),t==="accepted"&&e.jsxs(y,{children:[e.jsx(b,{asChild:!0,children:e.jsx(h,{className:"bg-red-600 text-white hover:bg-red-700",size:"sm",disabled:n,children:r("statusBar.Reject")})}),e.jsxs(v,{children:[e.jsxs(f,{children:[e.jsx(C,{children:r("organization.rejectUserPrompt")}),e.jsx(A,{children:r("organization.rejectUserDescription")})]}),e.jsxs(N,{children:[e.jsx(U,{disabled:n,children:r("common.Cancel")}),e.jsx(k,{onClick:()=>c("rejected"),disabled:n,children:r(n?"organization.rejecting":"organization.yesReject")})]})]})]})]})},X=(s,t)=>[{accessorKey:"name.en",header:()=>d("organization.username"),cell:({row:a})=>e.jsx("div",{className:"font-medium",children:s(a.original.name)})},{accessorKey:"updatedAt",header:()=>d("organization.updatedOn"),cell:({row:a})=>e.jsx("div",{className:"font-medium",children:V(new Date(a.original.updatedAt),"MMM dd, yyyy")})},{accessorKey:"userType",header:()=>"User Type",cell:({row:a})=>{const r=a.original.userType,l=r==="external_organization"?"External Organization":"Employee";return e.jsx("div",{className:"font-medium",children:e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${r==="external_organization"?"bg-purple-100 text-purple-800 dark:bg-purple-900/40 dark:text-purple-300":"bg-blue-100 text-blue-800 dark:bg-blue-900/40 dark:text-blue-300"}`,children:l})})}},{id:"status",header:()=>d("dashboard.Status"),cell:({row:a})=>{const{status:r}=a.original,l=o=>{switch(o){case"accepted":return"bg-primary-100 text-primary-600 hover:bg-primary-100 dark:bg-primary-900/40 dark:text-primary-300 dark:hover:bg-primary-900/50";case"rejected":return"bg-red-100 text-red-600 hover:bg-red-100 dark:bg-red-900/40 dark:text-red-300 dark:hover:bg-red-900/50";case"pending":default:return"bg-blue-100 text-blue-600 hover:bg-blue-100 dark:bg-blue-900/40 dark:text-blue-300 dark:hover:bg-blue-900/50"}},n=o=>{switch(o){case"accepted":return"Accepted";case"rejected":return"Rejected";case"pending":default:return d("statusBar.Pending")}};return e.jsx("div",{children:e.jsx(O,{className:`${l(r)} rounded-full px-6 py-1 font-medium`,children:n(r)})})}},{id:"actions",header:()=>d("userRecord.Actions"),cell:({row:a})=>{const{id:r,status:l}=a.original,n=()=>{t(`/user-management/external_users/view/${r}`)};return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(W,{userId:r,userStatus:l}),e.jsx("button",{onClick:n,className:"px-2 py-1 bg-gray-100 dark:bg-gray-800 rounded hover:bg-gray-200 dark:hover:bg-gray-700 text-sm font-medium text-gray-800 dark:text-gray-200",children:d("View")})]})}}];function Ce(){const s=R(),[t,a]=j.useState(0),r=10,{t:l}=D(),n=K(),[o,c]=j.useState(void 0),{data:i,isLoading:u}=G({take:r,skip:t*r,orderBy:"updatedAt:Desc",userType:o}),p=x=>{a(x)};return u?e.jsx("div",{className:"flex justify-center p-6",children:e.jsx(S,{className:"animate-spin w-6 h-6 text-gray-500 dark:text-gray-400"})}):e.jsx("div",{className:"p-6 space-y-6",children:e.jsxs(L,{className:"col-span-2 shadow-none border-none bg-transparent px-0",children:[e.jsxs(I,{className:"flex flex-row justify-between items-center px-0",children:[e.jsx(M,{className:"text-xl font-semibold",children:"All Users"}),e.jsxs($,{value:o,onValueChange:x=>{c(x),a(0)},className:"flex gap-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(z,{value:g.external,id:"external"}),e.jsx(E,{htmlFor:"external",children:"External Organization"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(z,{value:g.individual,id:"individual"}),e.jsx(E,{htmlFor:"individual",children:"Individual"})]})]})]}),e.jsx(Q,{className:"px-0",children:e.jsx(q,{columns:X(s,n),data:(i==null?void 0:i.items)||[],tableName:"ExternalUsers",toolBarPosition:"right",itemCount:(i==null?void 0:i.count)||0,pageIndex:t,onPageChange:p,nextFunction:()=>p(t+1),prevFunction:()=>p(Math.max(t-1,0))})})]})})}export{Ce as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/Popover-CzANYrEa.js b/apps/edr-freight-web/backoffice/public/_um/assets/Popover-CzANYrEa.js
new file mode 100644
index 000000000..8312ac58b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/Popover-CzANYrEa.js
@@ -0,0 +1 @@
+import{av as Fe,r as g,ad as ze,K as Q,N,cn as je,ag as W,j as w,co as Z,a1 as G,cp as ke,Q as Ie,cq as Ae,X as _e,af as Me,ah as $e,aj as Ke,cr as Ve,cs as Le,E as X,ct as Ue,cu as Xe,cv as Y,cw as q,cx as B,cy as Ye,cz as qe,V as Be,ak as He,aq as Qe,a8 as We,cA as Ze,ao as Ge,ap as Je,W as eo,cB as oo,Y as to}from"./index-Db-xuq0b.js";import{u as ro}from"./use-uncontrolled-C3HRHW6t.js";function ao(e,r={active:!0}){return typeof e!="function"||!r.active?r.onKeyDown||Fe:t=>{var s;t.key==="Escape"&&(e(t),(s=r.onTrigger)==null||s.call(r))}}const H=["mousedown","touchstart"];function so(e,r,t){const s=g.useRef(null);return g.useEffect(()=>{const d=l=>{const{target:i}=l??{};if(Array.isArray(t)){const n=(i==null?void 0:i.hasAttribute("data-ignore-outside-clicks"))||!document.body.contains(i)&&i.tagName!=="HTML";t.every(c=>!!c&&!l.composedPath().includes(c))&&!n&&e()}else s.current&&!s.current.contains(i)&&e()};return(r||H).forEach(l=>document.addEventListener(l,d)),()=>{(r||H).forEach(l=>document.removeEventListener(l,d))}},[s,e,t]),s}const[no,J]=ze("Popover component was not found in the tree");var ee={dropdown:"m_38a85659",arrow:"m_a31dc6c1",overlay:"m_3d7bc908"};const io={},F=Q((e,r)=>{var C,E,y,m;const t=N("PopoverDropdown",io,e),{className:s,style:d,vars:l,children:i,onKeyDownCapture:n,variant:a,classNames:c,styles:f,...O}=t,o=J(),D=je({opened:o.opened,shouldReturnFocus:o.returnFocus}),R=o.withRoles?{"aria-labelledby":o.getTargetId(),id:o.getDropdownId(),role:"dialog",tabIndex:-1}:{},b=W(r,o.floating);return o.disabled?null:w.jsx(Z,{...o.portalProps,withinPortal:o.withinPortal,children:w.jsx(G,{mounted:o.opened,...o.transitionProps,transition:((C=o.transitionProps)==null?void 0:C.transition)||"fade",duration:((E=o.transitionProps)==null?void 0:E.duration)??150,keepMounted:o.keepMounted,exitDuration:typeof((y=o.transitionProps)==null?void 0:y.exitDuration)=="number"?o.transitionProps.exitDuration:(m=o.transitionProps)==null?void 0:m.duration,children:v=>w.jsx(ke,{active:o.trapFocus&&o.opened,innerRef:b,children:w.jsxs(Ie,{...R,...O,variant:a,onKeyDownCapture:ao(()=>{var S,x;(S=o.onClose)==null||S.call(o),(x=o.onDismiss)==null||x.call(o)},{active:o.closeOnEscape,onTrigger:D,onKeyDown:n}),"data-position":o.placement,"data-fixed":o.floatingStrategy==="fixed"||void 0,...o.getStyles("dropdown",{className:s,props:t,classNames:c,styles:f,style:[{...v,zIndex:o.zIndex,top:o.y??0,left:o.x??0,width:o.width==="target"?void 0:_e(o.width)},o.resolvedStyles.dropdown,f==null?void 0:f.dropdown,d]}),children:[i,w.jsx(Ae,{ref:o.arrowRef,arrowX:o.arrowX,arrowY:o.arrowY,visible:o.withArrow,position:o.placement,arrowSize:o.arrowSize,arrowRadius:o.arrowRadius,arrowOffset:o.arrowOffset,arrowPosition:o.arrowPosition,...o.getStyles("arrow",{props:t,classNames:c,styles:f})})]})})})})});F.classes=ee;F.displayName="@mantine/core/PopoverDropdown";const lo={refProp:"ref",popupType:"dialog"},oe=Q((e,r)=>{const{children:t,refProp:s,popupType:d,...l}=N("PopoverTarget",lo,e);if(!Me(t))throw new Error("Popover.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");const i=l,n=J(),a=W(n.reference,$e(t),r),c=n.withRoles?{"aria-haspopup":d,"aria-expanded":n.opened,"aria-controls":n.getDropdownId(),id:n.getTargetId()}:{};return g.cloneElement(t,{...i,...c,...n.targetProps,className:Ke(n.targetProps.className,i.className,t.props.className),[s]:a,...n.controlled?null:{onClick:n.onToggle}})});oe.displayName="@mantine/core/PopoverTarget";function co(e){if(e===void 0)return{shift:!0,flip:!0};const r={...e};return e.shift===void 0&&(r.shift=!0),e.flip===void 0&&(r.flip=!0),r}function uo(e,r){const t=co(e.middlewares),s=[Ue(e.offset)];return t.shift&&s.push(Xe(typeof t.shift=="boolean"?{limiter:Y(),padding:5}:{limiter:Y(),padding:5,...t.shift})),t.flip&&s.push(typeof t.flip=="boolean"?q():q(t.flip)),t.inline&&s.push(typeof t.inline=="boolean"?B():B(t.inline)),s.push(Ye({element:e.arrowRef,padding:e.arrowOffset})),(t.size||e.width==="target")&&s.push(qe({...typeof t.size=="boolean"?{}:t.size,apply({rects:d,availableWidth:l,availableHeight:i,...n}){var f;const c=((f=r().refs.floating.current)==null?void 0:f.style)??{};t.size&&(typeof t.size=="object"&&t.size.apply?t.size.apply({rects:d,availableWidth:l,availableHeight:i,...n}):Object.assign(c,{maxWidth:`${l}px`,maxHeight:`${i}px`})),e.width==="target"&&Object.assign(c,{width:`${d.reference.width}px`})}})),s}function fo(e){const[r,t]=ro({value:e.opened,defaultValue:e.defaultOpened,finalValue:!1,onChange:e.onChange}),s=g.useRef(r),d=()=>{r&&!e.disabled&&t(!1)},l=()=>!e.disabled&&t(!r),i=Ve({strategy:e.strategy,placement:e.position,middleware:uo(e,()=>i)});return Le({opened:r,position:e.position,positionDependencies:e.positionDependencies||[],floating:i}),X(()=>{var n;(n=e.onPositionChange)==null||n.call(e,i.placement)},[i.placement]),X(()=>{var n,a;r!==s.current&&(r?(a=e.onOpen)==null||a.call(e):(n=e.onClose)==null||n.call(e)),s.current=r},[r,e.onClose,e.onOpen]),{floating:i,controlled:typeof e.opened=="boolean",opened:r,onClose:d,onToggle:l}}const po={position:"bottom",offset:8,positionDependencies:[],transitionProps:{transition:"fade",duration:150},middlewares:{flip:!0,shift:!0,inline:!1},arrowSize:7,arrowOffset:5,arrowRadius:0,arrowPosition:"side",closeOnClickOutside:!0,withinPortal:!0,closeOnEscape:!0,trapFocus:!1,withRoles:!0,returnFocus:!1,withOverlay:!1,clickOutsideEvents:["mousedown","touchstart"],zIndex:Je("popover"),__staticSelector:"Popover",width:"max-content"},go=eo((e,{radius:r,shadow:t})=>({dropdown:{"--popover-radius":r===void 0?void 0:to(r),"--popover-shadow":oo(t)}}));function T(e){var M,$,K,V,L,U;const r=N("Popover",po,e),{children:t,position:s,offset:d,onPositionChange:l,positionDependencies:i,opened:n,transitionProps:a,onExitTransitionEnd:c,onEnterTransitionEnd:f,width:O,middlewares:o,withArrow:D,arrowSize:R,arrowOffset:b,arrowRadius:C,arrowPosition:E,unstyled:y,classNames:m,styles:v,closeOnClickOutside:S,withinPortal:x,portalProps:te,closeOnEscape:re,clickOutsideEvents:ae,trapFocus:se,onClose:ne,onDismiss:P,onOpen:ie,onChange:le,zIndex:de,radius:ce,shadow:ue,id:fe,defaultOpened:pe,__staticSelector:z,withRoles:ge,disabled:j,returnFocus:we,variant:he,keepMounted:me,vars:ye,floatingStrategy:k,withOverlay:ve,overlayProps:h,...xe}=r,I=Be({name:z,props:r,classes:ee,classNames:m,styles:v,unstyled:y,rootSelector:"dropdown",vars:ye,varsResolver:go}),{resolvedStyles:Pe}=He({classNames:m,styles:v,props:r}),A=g.useRef(null),[Oe,De]=g.useState(null),[Re,be]=g.useState(null),{dir:Ce}=Qe(),_=We(fe),u=fo({middlewares:o,width:O,position:Ze(Ce,s),offset:typeof d=="number"?d+(D?R/2:0):d,arrowRef:A,arrowOffset:b,onPositionChange:l,positionDependencies:i,opened:n,defaultOpened:pe,onChange:le,onOpen:ie,onClose:ne,onDismiss:P,strategy:k,disabled:j});so(()=>{S&&(u.onClose(),P==null||P())},ae,[Oe,Re]);const Ee=g.useCallback(p=>{De(p),u.floating.refs.setReference(p)},[u.floating.refs.setReference]),Se=g.useCallback(p=>{be(p),u.floating.refs.setFloating(p)},[u.floating.refs.setFloating]),Te=g.useCallback(()=>{var p;(p=a==null?void 0:a.onExited)==null||p.call(a),c==null||c()},[a==null?void 0:a.onExited,c]),Ne=g.useCallback(()=>{var p;(p=a==null?void 0:a.onEntered)==null||p.call(a),f==null||f()},[a==null?void 0:a.onEntered,f]);return w.jsxs(no,{value:{returnFocus:we,disabled:j,controlled:u.controlled,reference:Ee,floating:Se,x:u.floating.x,y:u.floating.y,arrowX:(K=($=(M=u.floating)==null?void 0:M.middlewareData)==null?void 0:$.arrow)==null?void 0:K.x,arrowY:(U=(L=(V=u.floating)==null?void 0:V.middlewareData)==null?void 0:L.arrow)==null?void 0:U.y,opened:u.opened,arrowRef:A,transitionProps:{...a,onExited:Te,onEntered:Ne},width:O,withArrow:D,arrowSize:R,arrowOffset:b,arrowRadius:C,arrowPosition:E,placement:u.floating.placement,trapFocus:se,withinPortal:x,portalProps:te,zIndex:de,radius:ce,shadow:ue,closeOnEscape:re,onDismiss:P,onClose:u.onClose,onToggle:u.onToggle,getTargetId:()=>`${_}-target`,getDropdownId:()=>`${_}-dropdown`,withRoles:ge,targetProps:xe,__staticSelector:z,classNames:m,styles:v,unstyled:y,variant:he,keepMounted:me,getStyles:I,resolvedStyles:Pe,floatingStrategy:k},children:[t,ve&&w.jsx(G,{transition:"fade",mounted:u.opened,duration:(a==null?void 0:a.duration)||250,exitDuration:(a==null?void 0:a.exitDuration)||250,children:p=>w.jsx(Z,{withinPortal:x,children:w.jsx(Ge,{...h,...I("overlay",{className:h==null?void 0:h.className,style:[p,h==null?void 0:h.style]})})})})]})}T.Target=oe;T.Dropdown=F;T.displayName="@mantine/core/Popover";T.extend=e=>e;export{T as P,so as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/Radio-C3SNvFel.js b/apps/edr-freight-web/backoffice/public/_um/assets/Radio-C3SNvFel.js
new file mode 100644
index 000000000..7909cf213
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/Radio-C3SNvFel.js
@@ -0,0 +1 @@
+import{as as Q,K as N,N as $,V as B,aq as io,j as u,a0 as to,W as D,Y as T,a8 as X,ae as Y,X as F,Q as V,am as H,aa as S,an as J,_ as A,au as co}from"./index-Db-xuq0b.js";import{g as M}from"./get-auto-contrast-value-Da6zqqWm.js";import{I as lo,a as uo}from"./InputsGroupFieldset-COkNgcEo.js";import{u as po}from"./use-uncontrolled-C3HRHW6t.js";const[mo,Z]=Q(),[vo,fo]=Q();var oo={card:"m_9dc8ae12"};const ho={withBorder:!0},yo=D((o,{radius:a})=>({card:{"--card-radius":T(a)}})),U=N((o,a)=>{const e=$("RadioCard",ho,o),{classNames:s,className:c,style:p,styles:i,unstyled:r,vars:m,checked:R,mod:w,withBorder:I,value:g,onClick:C,name:h,onKeyDown:f,...j}=e,b=B({name:"RadioCard",classes:oo,props:e,className:c,style:p,classNames:s,styles:i,unstyled:r,vars:m,varsResolver:yo,rootSelector:"card"}),{dir:y}=io(),d=Z(),x=typeof R=="boolean"?R:(d==null?void 0:d.value)===g||!1,_=h||(d==null?void 0:d.name),z=n=>{if(f==null||f(n),["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(n.nativeEvent.code)){n.preventDefault();const l=Array.from(document.querySelectorAll(`[role="radio"][name="${_||"__mantine"}"]`)),k=l.findIndex(G=>G===n.target),v=k+1>=l.length?0:k+1,t=k-1<0?l.length-1:k-1;n.nativeEvent.code==="ArrowDown"&&(l[v].focus(),l[v].click()),n.nativeEvent.code==="ArrowUp"&&(l[t].focus(),l[t].click()),n.nativeEvent.code==="ArrowLeft"&&(l[y==="ltr"?t:v].focus(),l[y==="ltr"?t:v].click()),n.nativeEvent.code==="ArrowRight"&&(l[y==="ltr"?v:t].focus(),l[y==="ltr"?v:t].click())}};return u.jsx(vo,{value:{checked:x},children:u.jsx(to,{ref:a,mod:[{"with-border":I,checked:x},w],...b("card"),...j,role:"radio","aria-checked":x,name:_,onClick:n=>{C==null||C(n),d==null||d.onChange(g||"")},onKeyDown:z})})});U.displayName="@mantine/core/RadioCard";U.classes=oo;const Ro={},W=N((o,a)=>{const{value:e,defaultValue:s,onChange:c,size:p,wrapperProps:i,children:r,name:m,readOnly:R,...w}=$("RadioGroup",Ro,o),I=X(m),[g,C]=po({value:e,defaultValue:s,finalValue:"",onChange:c}),h=f=>!R&&C(typeof f=="string"?f:f.currentTarget.value);return u.jsx(mo,{value:{value:g,onChange:h,size:p,name:I},children:u.jsx(Y.Wrapper,{size:p,ref:a,...i,...w,labelElement:"div",__staticSelector:"RadioGroup",children:u.jsx(lo,{role:"radiogroup",children:r})})})});W.classes=Y.Wrapper.classes;W.displayName="@mantine/core/RadioGroup";function eo({size:o,style:a,...e}){return u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 5 5",style:{width:F(o),height:F(o),...a},"aria-hidden":!0,...e,children:u.jsx("circle",{cx:"2.5",cy:"2.5",r:"2.5",fill:"currentColor"})})}var ro={indicator:"m_717d7ff6",icon:"m_3e4da632","indicator--outline":"m_2980836c"};const go={icon:eo},Co=D((o,{radius:a,color:e,size:s,iconColor:c,variant:p,autoContrast:i})=>{const r=H({color:e||o.primaryColor,theme:o}),m=r.isThemeColor&&r.shade===void 0?`var(--mantine-color-${r.color}-outline)`:r.color;return{indicator:{"--radio-size":A(s,"radio-size"),"--radio-radius":a===void 0?void 0:T(a),"--radio-color":p==="outline"?m:S(e,o),"--radio-icon-size":A(s,"radio-icon-size"),"--radio-icon-color":c?S(c,o):M(i,o)?J({color:e,theme:o,autoContrast:i}):void 0}}}),q=N((o,a)=>{const e=$("RadioIndicator",go,o),{classNames:s,className:c,style:p,styles:i,unstyled:r,vars:m,icon:R,radius:w,color:I,iconColor:g,autoContrast:C,checked:h,mod:f,variant:j,disabled:b,...y}=e,d=R,x=B({name:"RadioIndicator",classes:ro,props:e,className:c,style:p,classNames:s,styles:i,unstyled:r,vars:m,varsResolver:Co,rootSelector:"indicator"}),_=fo(),z=typeof h=="boolean"?h:(_==null?void 0:_.checked)||!1;return u.jsx(V,{ref:a,...x("indicator",{variant:j}),variant:j,mod:[{checked:z,disabled:b},f],...y,children:u.jsx(d,{...x("icon")})})});q.displayName="@mantine/core/RadioIndicator";q.classes=ro;var ao={root:"m_f3f1af94",inner:"m_89c4f5e4",icon:"m_f3ed6b2b",radio:"m_8a3dbb89","radio--outline":"m_1bfe9d39"};const xo={labelPosition:"right"},_o=D((o,{size:a,radius:e,color:s,iconColor:c,variant:p,autoContrast:i})=>{const r=H({color:s||o.primaryColor,theme:o}),m=r.isThemeColor&&r.shade===void 0?`var(--mantine-color-${r.color}-outline)`:r.color;return{root:{"--radio-size":A(a,"radio-size"),"--radio-radius":e===void 0?void 0:T(e),"--radio-color":p==="outline"?m:S(s,o),"--radio-icon-color":c?S(c,o):M(i,o)?J({color:s,theme:o,autoContrast:i}):void 0,"--radio-icon-size":A(a,"radio-icon-size")}}}),P=N((o,a)=>{const e=$("Radio",xo,o),{classNames:s,className:c,style:p,styles:i,unstyled:r,vars:m,id:R,size:w,label:I,labelPosition:g,description:C,error:h,radius:f,color:j,variant:b,disabled:y,wrapperProps:d,icon:x=eo,rootRef:_,iconColor:z,onChange:n,mod:l,...k}=e,v=B({name:"Radio",classes:ao,props:e,className:c,style:p,classNames:s,styles:i,unstyled:r,vars:m,varsResolver:_o}),t=Z(),G=(t==null?void 0:t.size)??w,so=e.size?w:G,{styleProps:no,rest:E}=co(k),K=X(R),L=t?{checked:t.value===E.value,name:E.name??t.name,onChange:O=>{t.onChange(O),n==null||n(O)}}:{};return u.jsx(uo,{...v("root"),__staticSelector:"Radio",__stylesApiProps:e,id:K,size:so,labelPosition:g,label:I,description:C,error:h,disabled:y,classNames:s,styles:i,unstyled:r,"data-checked":L.checked||void 0,variant:b,ref:_,mod:l,...no,...d,children:u.jsxs(V,{...v("inner"),mod:{"label-position":g},children:[u.jsx(V,{...v("radio",{focusable:!0,variant:b}),onChange:n,...E,...L,component:"input",mod:{error:!!h},ref:a,id:K,disabled:y,type:"radio"}),u.jsx(x,{...v("icon"),"aria-hidden":!0})]})})});P.classes=ao;P.displayName="@mantine/core/Radio";P.Group=W;P.Card=U;P.Indicator=q;export{P as R};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ResetPassword-DeJuLwFx.js b/apps/edr-freight-web/backoffice/public/_um/assets/ResetPassword-DeJuLwFx.js
new file mode 100644
index 000000000..1a1875267
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ResetPassword-DeJuLwFx.js
@@ -0,0 +1 @@
+import{f as B,i as D,u as H,r as n,j as s,I as y,B as N,s as O,t as b}from"./index-Db-xuq0b.js";import{L as v}from"./lock-BCybB-Lq.js";import{E as C}from"./eye-off-CDMvHElM.js";import{E as P}from"./eye-Bhud4znU.js";import{R as T}from"./refresh-cw-JB7N413f.js";import{A as U}from"./arrow-left-CE5-YfaQ.js";const J=()=>{const p=B(),[u]=D(),{t:e}=H(),r=u.get("email")||"",c=u.get("verificationCode")||"",i=u.get("userId")||"",[t,S]=n.useState(""),[d,E]=n.useState(""),[f,w]=n.useState(!1),[g,a]=n.useState(""),[x,L]=n.useState(!1),[h,R]=n.useState(!1);n.useEffect(()=>{!i&&!r&&a("Missing required parameters in the reset link. Please request a new password reset link."),c||a("Missing verification code in the reset link. Please request a new password reset link.")},[i,r,c]);const k=async m=>{if(m.preventDefault(),a(""),!t){a(e("msg.newPasswordRequired"));return}if(t.length<8){a(e("msg.passwordMinLength"));return}if(!d){a(e("msg.confirmPasswordRequired"));return}if(t!==d){a(e("msg.passwordMismatch"));return}const q=/[A-Z]/.test(t),I=/[a-z]/.test(t),M=/\d/.test(t),A=/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(t),l=[];if(q||l.push(e("msg.uppercaseLetter")),I||l.push(e("msg.lowercaseLetter")),M||l.push(e("msg.number")),A||l.push(e("msg.specialCharacter")),l.length>0){a(e("msg.passwordComplexity")+" "+l.join(", "));return}w(!0);try{const o={verificationCode:c,newPassword:t,confirmPassword:d};i&&(o.userId=i),r&&(o.email=r),await O(o),b.success(e("msg.successChange"),{description:e("msg.passwordResetSuccess")}),setTimeout(()=>p("/"),2e3)}catch(o){const j=(o==null?void 0:o.message)||e("msg.failedChange");a(j),b.error(e("msg.failedChange"),{description:j})}finally{w(!1)}};return s.jsx("div",{className:"min-h-screen bg-gray-100 p-4 flex items-center justify-center",children:s.jsxs("div",{className:"w-full max-w-md bg-white rounded-xl shadow-lg p-6 md:p-8",children:[s.jsxs("div",{className:"mb-6 md:mb-8 text-center",children:[s.jsx("img",{src:"/assets/smart-office-logo.svg",alt:"Smart Office Logo",className:"h-8 md:h-10 mb-4 md:mb-6 mx-auto"}),s.jsx("h1",{className:"text-xl md:text-2xl font-bold text-gray-900 mb-2",children:"Reset Password"}),s.jsx("p",{className:"text-xs md:text-sm text-gray-500",children:"Set a new password for your account"}),r&&s.jsxs("p",{className:"text-xs text-gray-400 mt-1 truncate max-w-full px-2",children:["Email: ",r]}),i&&s.jsxs("p",{className:"text-xs text-gray-400 mt-1 truncate max-w-full px-2",children:["User ID: ",i]})]}),s.jsxs("form",{onSubmit:k,className:"space-y-4 md:space-y-6",children:[s.jsxs("div",{className:"space-y-3",children:[s.jsxs("div",{className:"relative",children:[s.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:s.jsx(v,{className:"h-4 w-4 md:h-5 md:w-5 text-gray-400"})}),s.jsx(y,{type:x?"text":"password",placeholder:"New Password",className:"h-10 rounded-md border px-4 text-sm ps-10 pr-10",value:t,onChange:m=>S(m.target.value),required:!0}),s.jsx("button",{type:"button",className:"absolute inset-y-0 right-0 pr-3 flex items-center",onClick:()=>L(!x),"aria-label":x?"Hide password":"Show password",children:x?s.jsx(C,{className:"h-4 w-4 text-gray-400"}):s.jsx(P,{className:"h-4 w-4 text-gray-400"})})]}),s.jsxs("div",{className:"relative",children:[s.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:s.jsx(v,{className:"h-4 w-4 md:h-5 md:w-5 text-gray-400"})}),s.jsx(y,{type:h?"text":"password",placeholder:"Confirm New Password",className:"h-10 rounded-md border px-4 text-sm ps-10 pr-10",value:d,onChange:m=>E(m.target.value),required:!0}),s.jsx("button",{type:"button",className:"absolute inset-y-0 right-0 pr-3 flex items-center",onClick:()=>R(!h),"aria-label":h?"Hide password":"Show password",children:h?s.jsx(C,{className:"h-4 w-4 text-gray-400"}):s.jsx(P,{className:"h-4 w-4 text-gray-400"})})]}),g&&s.jsx("div",{className:"bg-red-50 border border-red-200 rounded-md p-3 md:p-4",children:s.jsx("p",{className:"text-xs md:text-sm text-red-700 font-medium",children:g})})]}),s.jsxs("div",{className:"flex flex-col gap-3",children:[s.jsx(N,{type:"submit",className:"w-full h-10 bg-primary hover:bg-primary-300 text-white text-sm",disabled:f||!i&&!r||!c,children:f?s.jsxs("span",{className:"flex items-center justify-center",children:[s.jsx(T,{className:"animate-spin h-4 w-4 md:h-5 md:w-5 mr-2"}),"Resetting..."]}):"Reset Password"}),s.jsxs(N,{type:"button",variant:"outline",className:"w-full h-10 text-sm",onClick:()=>p("/"),children:[s.jsx(U,{className:"h-4 w-4 mr-2"}),"Back to Login"]})]})]})]})})};export{J as ResetPassword,J as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/SetPassword-bCvH9rTk.js b/apps/edr-freight-web/backoffice/public/_um/assets/SetPassword-bCvH9rTk.js
new file mode 100644
index 000000000..7b77965d4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/SetPassword-bCvH9rTk.js
@@ -0,0 +1 @@
+import{f as Q,u as X,k as ee,i as se,a as te,r as t,t as b,j as e,I as k,B as I}from"./index-Db-xuq0b.js";import{L as O}from"./lock-BCybB-Lq.js";import{E as U}from"./eye-off-CDMvHElM.js";import{E as B}from"./eye-Bhud4znU.js";import{R as V}from"./refresh-cw-JB7N413f.js";import{A as ae}from"./arrow-left-CE5-YfaQ.js";import{M as re}from"./mail-bwr0seHR.js";const xe=()=>{const f=Q(),{t:q}=X(),{handleError:x}=ee(q),[h]=se(),{setPassword:M,isSettingPassword:v,setPasswordError:i,setPasswordSuccess:S,resendVerificationCode:z,isResendingCode:P,resendError:p,resendSuccess:C}=te(),c=h.get("email"),D=h.get("verificationCode")||"",l=h.get("phoneNumber"),L=h.get("userId"),[n,F]=t.useState(""),[o,Z]=t.useState(""),[g,j]=t.useState(!1),[$,y]=t.useState(!1),[E,H]=t.useState(!1),[N,T]=t.useState(!1),[w,W]=t.useState(!1),[u,m]=t.useState(""),Y=a=>({minLength:a.length>=8,hasLowercase:/[a-z]/.test(a),hasUppercase:/[A-Z]/.test(a),hasNumber:/\d/.test(a),hasSymbol:/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(a)}),s=t.useMemo(()=>Y(n),[n]),A=Object.values(s).every(Boolean),R=o.length>0&&n===o,_=!!(n&&o&&A&&R),G=a=>{const d=a.target.value;F(d),u&&m("")},J=async a=>{if(a.preventDefault(),H(!0),m(""),!n||!o){m("Please fill in both fields");return}if(!A){const r=[];s.minLength||r.push("at least 8 characters"),s.hasLowercase||r.push("one lowercase letter"),s.hasUppercase||r.push("one uppercase letter"),s.hasNumber||r.push("one number"),s.hasSymbol||r.push("one symbol (!@#$%^&*...)"),m(`Password must contain: ${r.join(", ")}`);return}if(!R){m("Passwords don't match");return}const d={verificationCode:D,newPassword:n,confirmPassword:o};if(L&&(d.userId=L),c)d.email=c;else if(l){let r=l;r.startsWith("0")&&(r="+251"+r.slice(1)),d.phoneNumber=r}y(!0),M(d)},K=()=>{if(!l&&!c){b.error("User ID is missing. Cannot resend verification code.");return}j(!0),z({phoneNumber:l||"",email:c||void 0})};return t.useEffect(()=>{S&&(b.success("Password updated successfully! You can now login"),y(!1),f("/login"))},[S,f]),t.useEffect(()=>{E&&i!=null&&i.message&&(y(!1),x(i))},[i==null?void 0:i.message,x,E]),t.useEffect(()=>{C&&g&&(b.success("Verification code resent successfully!"),j(!1)),p&&g&&(x(p),j(!1))},[C,p,g,x]),e.jsx("div",{className:"flex items-center justify-center bg-gray-100 p-4",style:{height:"100vh"},children:e.jsxs("div",{className:"w-full max-w-md bg-white rounded-xl shadow-lg p-8",children:[e.jsxs("div",{className:"mb-8 text-center",children:[e.jsx("img",{src:"/assets/smart-office-logo.svg",alt:"Smart Office Logo",className:"h-10 mb-6 mx-auto"}),e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-2",children:"Set Password"}),e.jsx("p",{className:"text-sm text-gray-500",children:"Set a new password for your account"}),c&&e.jsxs("p",{className:"text-xs text-gray-400 mt-1",children:["Email: ",c]}),l&&e.jsxs("p",{className:"text-xs text-gray-400 mt-1",children:["Phone: ",l]})]}),e.jsxs("form",{onSubmit:J,className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(O,{className:"h-5 w-5 text-gray-400"})}),e.jsx(k,{type:N?"text":"password",placeholder:"New Password",className:"h-10 rounded-md border px-4 text-sm ps-10",value:n,onChange:G,required:!0}),e.jsx("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center cursor-pointer",onClick:()=>T(!N),children:N?e.jsx(U,{className:"h-4 w-4 text-gray-400"}):e.jsx(B,{className:"h-4 w-4 text-gray-400"})})]}),n&&e.jsxs("div",{className:"space-y-2 p-3 bg-gray-50 rounded-md border border-gray-200",children:[e.jsx("p",{className:"text-xs font-medium text-gray-700",children:"Password Requirements:"}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-4 h-4 rounded-full flex items-center justify-center text-xs ${s.minLength?"bg-primary-500":"bg-gray-300"}`,children:s.minLength&&e.jsx("span",{className:"text-white",children:"✓"})}),e.jsx("span",{className:`text-xs ${s.minLength?"text-primary-700":"text-gray-600"}`,children:"At least 8 characters"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-4 h-4 rounded-full flex items-center justify-center text-xs ${s.hasUppercase?"bg-primary-500":"bg-gray-300"}`,children:s.hasUppercase&&e.jsx("span",{className:"text-white",children:"✓"})}),e.jsx("span",{className:`text-xs ${s.hasUppercase?"text-primary-700":"text-gray-600"}`,children:"One uppercase letter (A-Z)"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-4 h-4 rounded-full flex items-center justify-center text-xs ${s.hasLowercase?"bg-primary-500":"bg-gray-300"}`,children:s.hasLowercase&&e.jsx("span",{className:"text-white",children:"✓"})}),e.jsx("span",{className:`text-xs ${s.hasLowercase?"text-primary-700":"text-gray-600"}`,children:"One lowercase letter (a-z)"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-4 h-4 rounded-full flex items-center justify-center text-xs ${s.hasNumber?"bg-primary-500":"bg-gray-300"}`,children:s.hasNumber&&e.jsx("span",{className:"text-white",children:"✓"})}),e.jsx("span",{className:`text-xs ${s.hasNumber?"text-primary-700":"text-gray-600"}`,children:"One number (0-9)"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-4 h-4 rounded-full flex items-center justify-center text-xs ${s.hasSymbol?"bg-primary-500":"bg-gray-300"}`,children:s.hasSymbol&&e.jsx("span",{className:"text-white",children:"✓"})}),e.jsx("span",{className:`text-xs ${s.hasSymbol?"text-primary-700":"text-gray-600"}`,children:"One symbol (!@#$%^&*...)"})]})]})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(O,{className:"h-5 w-5 text-gray-400"})}),e.jsx(k,{type:w?"text":"password",placeholder:"Confirm Password",className:"h-10 rounded-md border px-4 text-sm ps-10",value:o,onChange:a=>{Z(a.target.value),u&&m("")},required:!0}),e.jsx("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center cursor-pointer",onClick:()=>W(!w),children:w?e.jsx(U,{className:"h-4 w-4 text-gray-400"}):e.jsx(B,{className:"h-4 w-4 text-gray-400"})})]}),u&&e.jsx("p",{className:"text-sm text-red-500 mt-1",children:u})]}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(I,{type:"submit",className:"w-full h-10 bg-primary hover:bg-primary-300 text-white text-sm",disabled:v||$||!_,children:v?e.jsxs("span",{className:"flex items-center justify-center",children:[e.jsx(V,{className:"animate-spin h-5 w-5 mr-2"}),"Setting Password..."]}):"Set Password"}),e.jsxs(I,{type:"button",variant:"outline",className:"w-full h-10 text-sm",onClick:()=>f("/"),children:[e.jsx(ae,{className:"h-4 w-4 mr-2"}),"Back to Login"]})]})]}),e.jsx("div",{className:"mt-6 text-center",children:e.jsx("button",{type:"button",onClick:K,disabled:P||!c||!l||$,className:"text-sm text-indigo-600 hover:text-indigo-800 font-medium flex items-center justify-center space-x-1 mx-auto",children:P?e.jsxs(e.Fragment,{children:[e.jsx(V,{className:"animate-spin h-4 w-4 text-indigo-600 mr-2"}),e.jsx("span",{children:"Sending..."})]}):e.jsxs(e.Fragment,{children:[e.jsx(re,{className:"h-4 w-4 mr-2"}),e.jsx("span",{children:"Resend Verification Code"})]})})})]})})};export{xe as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/SettingsPage-DLv7kKUv.js b/apps/edr-freight-web/backoffice/public/_um/assets/SettingsPage-DLv7kKUv.js
new file mode 100644
index 000000000..b4bdc79fb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/SettingsPage-DLv7kKUv.js
@@ -0,0 +1,6 @@
+import{y as de,ad as me,K as E,N as O,j as e,Q as W,O as ue,aq as he,a0 as pe,aa as ie,a8 as xe,V as be,W as ge,an as ye,Y as je,b8 as _,r as w,az as ve,bX as Ne,I as j,bY as fe,B as T,aK as ke,b7 as Te,aL as Ce,aM as Se,aN as we}from"./index-Db-xuq0b.js";import{C as Z,a as ee,b as ae,c as se,d as re}from"./card-BBWyxDss.js";import{g as De}from"./get-auto-contrast-value-Da6zqqWm.js";import{c as Fe}from"./create-scoped-keydown-handler-O-eo68DQ.js";import{u as Le}from"./use-uncontrolled-C3HRHW6t.js";import{T as V}from"./textarea-BNzPMo41.js";import{S as D}from"./switch-BNCD27Bd.js";import{S as U,a as R,b as P,c as I,d as h}from"./select-BoQxM42A.js";import{L as l}from"./label-CsFy6wpo.js";import{a as Ae,u as Ue}from"./useOrganizationReport-D3QtWTPL.js";import{S as Re}from"./shield-uC_usZTb.js";import{S as q}from"./save-BpdaNhEd.js";import"./Switch-DSHMk-sj.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./organizationsService-BEVk8qa1.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Pe=[["ellipse",{cx:"12",cy:"5",rx:"9",ry:"3",key:"msslwz"}],["path",{d:"M3 5V19A9 3 0 0 0 21 19V5",key:"1wlel7"}],["path",{d:"M3 12A9 3 0 0 0 21 12",key:"mv7ke4"}]],Ie=de("database",Pe);function te(s,i){return t=>{if(typeof t!="string"||t.trim().length===0)throw new Error(i);return`${s}-${t}`}}const[Ee,H]=me("Tabs component was not found in the tree");var F={root:"m_89d60db1","list--default":"m_576c9d4",list:"m_89d33d6d",panel:"m_b0c91715",tab:"m_4ec4dce6",tabSection:"m_fc420b1f","tab--default":"m_539e827b","list--outline":"m_6772fbd5","tab--outline":"m_b59ab47c","tab--pills":"m_c3381914"};const Oe={},Y=E((s,i)=>{const t=O("TabsList",Oe,s),{children:c,className:x,grow:b,justify:m,classNames:n,styles:p,style:u,mod:g,...v}=t,d=H();return e.jsx(W,{...v,...d.getStyles("list",{className:x,style:u,classNames:n,styles:p,props:t,variant:d.variant}),ref:i,role:"tablist",variant:d.variant,mod:[{grow:b,orientation:d.orientation,placement:d.orientation==="vertical"&&d.placement,inverted:d.inverted},g],"aria-orientation":d.orientation,__vars:{"--tabs-justify":m},children:c})});Y.classes=F;Y.displayName="@mantine/core/TabsList";const _e={},Q=E((s,i)=>{const t=O("TabsPanel",_e,s),{children:c,className:x,value:b,classNames:m,styles:n,style:p,mod:u,keepMounted:g,...v}=t,d=H(),f=d.value===b,r=d.keepMounted||g||f?c:null;return e.jsx(W,{...v,...d.getStyles("panel",{className:x,classNames:m,styles:n,style:[p,f?void 0:{display:"none"}],props:t}),ref:i,mod:[{orientation:d.orientation},u],role:"tabpanel",id:d.getPanelId(b),"aria-labelledby":d.getTabId(b),children:r})});Q.classes=F;Q.displayName="@mantine/core/TabsPanel";const Me={},X=E((s,i)=>{const t=O("TabsTab",Me,s),{className:c,children:x,rightSection:b,leftSection:m,value:n,onClick:p,onKeyDown:u,disabled:g,color:v,style:d,classNames:f,styles:r,vars:y,mod:k,tabIndex:a,...M}=t,B=ue(),{dir:L}=he(),o=H(),C=n===o.value,z=K=>{o.onChange(o.allowTabDeactivation&&n===o.value?null:n),p==null||p(K)},S={classNames:f,styles:r,props:t};return e.jsxs(pe,{...M,...o.getStyles("tab",{className:c,style:d,variant:o.variant,...S}),disabled:g,unstyled:o.unstyled,variant:o.variant,mod:[{active:C,disabled:g,orientation:o.orientation,inverted:o.inverted,placement:o.orientation==="vertical"&&o.placement},k],ref:i,role:"tab",id:o.getTabId(n),"aria-selected":C,tabIndex:a!==void 0?a:C||o.value===null?0:-1,"aria-controls":o.getPanelId(n),onClick:z,__vars:{"--tabs-color":v?ie(v,B):void 0},onKeyDown:Fe({siblingSelector:'[role="tab"]',parentSelector:'[role="tablist"]',activateOnFocus:o.activateTabWithKeyboard,loop:o.loop,orientation:o.orientation||"horizontal",dir:L,onKeyDown:u}),children:[m&&e.jsx("span",{...o.getStyles("tabSection",S),"data-position":"left",children:m}),x&&e.jsx("span",{...o.getStyles("tabLabel",S),children:x}),b&&e.jsx("span",{...o.getStyles("tabSection",S),"data-position":"right",children:b})]})});X.classes=F;X.displayName="@mantine/core/TabsTab";const ne="Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value",Be={keepMounted:!0,orientation:"horizontal",loop:!0,activateTabWithKeyboard:!0,allowTabDeactivation:!1,unstyled:!1,inverted:!1,variant:"default",placement:"left"},ze=ge((s,{radius:i,color:t,autoContrast:c})=>({root:{"--tabs-radius":je(i),"--tabs-color":ie(t,s),"--tabs-text-color":De(c,s)?ye({color:t,theme:s,autoContrast:c}):void 0}})),N=E((s,i)=>{const t=O("Tabs",Be,s),{defaultValue:c,value:x,onChange:b,orientation:m,children:n,loop:p,id:u,activateTabWithKeyboard:g,allowTabDeactivation:v,variant:d,color:f,radius:r,inverted:y,placement:k,keepMounted:a,classNames:M,styles:B,unstyled:L,className:o,style:C,vars:z,autoContrast:S,mod:K,...le}=t,A=xe(u),[oe,ce]=Le({value:x,defaultValue:c,finalValue:null,onChange:b}),J=be({name:"Tabs",props:t,classes:F,className:o,style:C,classNames:M,styles:B,unstyled:L,vars:z,varsResolver:ze});return e.jsx(Ee,{value:{placement:k,value:oe,orientation:m,id:A,loop:p,activateTabWithKeyboard:g,getTabId:te(`${A}-tab`,ne),getPanelId:te(`${A}-panel`,ne),onChange:ce,allowTabDeactivation:v,variant:d,color:f,radius:r,inverted:y,keepMounted:a,unstyled:L,getStyles:J},children:e.jsx(W,{ref:i,id:A,variant:d,mod:[{orientation:m,inverted:m==="horizontal"&&y,placement:m==="vertical"&&k},K],...J("root"),...le,children:n})})});N.classes=F;N.displayName="@mantine/core/Tabs";N.Tab=X;N.Panel=Q;N.List=Y;function Ke({className:s,value:i,defaultValue:t,onValueChange:c,children:x,...b}){return e.jsx(N,{value:i,defaultValue:t,onChange:m=>m&&(c==null?void 0:c(m)),className:_("flex flex-col gap-2",s),...b,children:x})}function Ve({className:s,children:i,...t}){return e.jsx(N.List,{className:_("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1",s),...t,children:i})}function $({className:s,value:i,children:t,disabled:c,...x}){return e.jsx(N.Tab,{value:i,disabled:c,className:_("data-[active]:bg-background data-[active]:text-primary data-[active]:shadow-sm","inline-flex flex-1 items-center justify-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap","transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 hover:text-primary/80","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",s),...x,children:t})}function G({className:s,value:i,children:t,...c}){return e.jsx(N.Panel,{value:i,className:_("flex-1 outline-none",s),...c,children:t})}function na(){const[s,i]=w.useState({systemName:"Smart Office",siteUrl:"https://smartoffice.example.com",timezone:"UTC+3",language:"en",enableMaintenance:!1}),{mutateDocumetary:t,isLoading:c}=Ae(),{documentRequirementData:x}=Ue(),[b,m]=w.useState(!1);ve();const[n,p]=w.useState({minimumPasswordLength:"8",requireSpecialCharacters:!0,passwordExpirationDays:"90",maxLoginAttempts:"5",sessionTimeout:"30",enableTwoFactor:!1,allowedIpRanges:"0.0.0.0/0"}),[u,g]=w.useState({backupSchedule:"daily",backupTime:"01:00",backupRetentionDays:"30",backupLocation:"cloud",enableAutoBackup:!0}),v=a=>{a.preventDefault()},d=a=>{a.preventDefault()},f=a=>{a.preventDefault()},[r,y]=w.useState({id:"",title:{am:"",en:""},description:{am:"",en:""},key:"",order:0,isOptional:!1,type:"individual"}),k=async()=>{try{const a={title:r.title,description:r.description,key:r.key,order:r.order,isOptional:r.isOptional,type:r.type};await t(a),y({id:"",title:{am:"",en:""},description:{am:"",en:""},key:"",order:0,isOptional:!1,type:"individual"}),m(!1)}catch{}};return e.jsxs("div",{className:"p-6 space-y-6",children:[e.jsxs(Z,{className:"shadow-lg border-gray-200 dark:border-gray-700",children:[e.jsxs(ee,{children:[e.jsx(ae,{className:"text-xl font-semibold",children:"System Settings"}),e.jsx(se,{children:"Configure system-wide settings for your organization"})]}),e.jsx(re,{children:e.jsxs(Ke,{defaultValue:"general",className:"w-full",children:[e.jsxs(Ve,{className:"grid grid-cols-3 mb-8",children:[e.jsxs($,{value:"general",className:"flex items-center gap-2",children:[e.jsx(Ne,{className:"h-4 w-4"}),"General"]}),e.jsxs($,{value:"security",className:"flex items-center gap-2",children:[e.jsx(Re,{className:"h-4 w-4"}),"Security"]}),e.jsxs($,{value:"backup",className:"flex items-center gap-2",children:[e.jsx(Ie,{className:"h-4 w-4"}),"Backup"]})]}),e.jsx(G,{value:"general",children:e.jsxs("form",{onSubmit:v,className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"systemName",children:"System Name"}),e.jsx(j,{id:"systemName",value:s.systemName,onChange:a=>i({...s,systemName:a.target.value})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"siteUrl",children:"Site URL"}),e.jsx(j,{id:"siteUrl",value:s.siteUrl,onChange:a=>i({...s,siteUrl:a.target.value})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"timezone",children:"Default Timezone"}),e.jsxs(U,{value:s.timezone,onValueChange:a=>i({...s,timezone:a}),children:[e.jsx(R,{id:"timezone",children:e.jsx(P,{placeholder:"Select timezone"})}),e.jsxs(I,{children:[e.jsx(h,{value:"UTC-12",children:"UTC-12 (Baker Island)"}),e.jsx(h,{value:"UTC-8",children:"UTC-8 (Los Angeles)"}),e.jsx(h,{value:"UTC-5",children:"UTC-5 (New York)"}),e.jsx(h,{value:"UTC+0",children:"UTC+0 (London)"}),e.jsx(h,{value:"UTC+1",children:"UTC+1 (Paris)"}),e.jsx(h,{value:"UTC+3",children:"UTC+3 (Addis Ababa)"}),e.jsx(h,{value:"UTC+5:30",children:"UTC+5:30 (New Delhi)"}),e.jsx(h,{value:"UTC+8",children:"UTC+8 (Beijing)"}),e.jsx(h,{value:"UTC+9",children:"UTC+9 (Tokyo)"}),e.jsx(h,{value:"UTC+12",children:"UTC+12 (Auckland)"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"language",children:"Default Language"}),e.jsxs(U,{value:s.language,onValueChange:a=>i({...s,language:a}),children:[e.jsx(R,{id:"language",children:e.jsx(P,{placeholder:"Select language"})}),e.jsx(I,{children:fe?.map(a=>e.jsx(h,{value:a.value,children:a.label},a.value))})]})]})]}),e.jsxs("div",{className:"flex items-center justify-between border-t border-gray-200 dark:border-gray-700 pt-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(D,{id:"enableMaintenance",checked:s.enableMaintenance,onCheckedChange:a=>i({...s,enableMaintenance:a})}),e.jsx(l,{htmlFor:"enableMaintenance",children:"Enable Maintenance Mode"})]}),e.jsxs(T,{type:"submit",className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:[e.jsx(q,{className:"h-4 w-4 mr-2"}),"Save Changes"]})]})]})}),e.jsx(G,{value:"security",children:e.jsxs("form",{onSubmit:d,className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"minimumPasswordLength",children:"Minimum Password Length"}),e.jsx(j,{id:"minimumPasswordLength",type:"number",min:"6",max:"30",value:n.minimumPasswordLength,onChange:a=>p({...n,minimumPasswordLength:a.target.value})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"passwordExpirationDays",children:"Password Expiration (Days)"}),e.jsx(j,{id:"passwordExpirationDays",type:"number",value:n.passwordExpirationDays,onChange:a=>p({...n,passwordExpirationDays:a.target.value})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"maxLoginAttempts",children:"Max Failed Login Attempts"}),e.jsx(j,{id:"maxLoginAttempts",type:"number",value:n.maxLoginAttempts,onChange:a=>p({...n,maxLoginAttempts:a.target.value})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"sessionTimeout",children:"Session Timeout (Minutes)"}),e.jsx(j,{id:"sessionTimeout",type:"number",value:n.sessionTimeout,onChange:a=>p({...n,sessionTimeout:a.target.value})})]}),e.jsxs("div",{className:"space-y-2 col-span-2",children:[e.jsx(l,{htmlFor:"allowedIpRanges",children:"Allowed IP Ranges (CIDR)"}),e.jsx(V,{id:"allowedIpRanges",value:n.allowedIpRanges,onChange:a=>p({...n,allowedIpRanges:a.target.value}),placeholder:"e.g. 192.168.1.0/24, 10.0.0.0/8",className:"min-h-20"}),e.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"Enter one CIDR range per line. Use 0.0.0.0/0 for unrestricted access."})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(D,{id:"requireSpecialCharacters",checked:n.requireSpecialCharacters,onCheckedChange:a=>p({...n,requireSpecialCharacters:a})}),e.jsx(l,{htmlFor:"requireSpecialCharacters",children:"Require Special Characters in Password"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(D,{id:"enableTwoFactor",checked:n.enableTwoFactor,onCheckedChange:a=>p({...n,enableTwoFactor:a})}),e.jsx(l,{htmlFor:"enableTwoFactor",children:"Enable Two-Factor Authentication"})]})]}),e.jsx("div",{className:"flex justify-end border-t border-gray-200 dark:border-gray-700 pt-4",children:e.jsxs(T,{type:"submit",className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:[e.jsx(q,{className:"h-4 w-4 mr-2"}),"Save Changes"]})})]})}),e.jsx(G,{value:"backup",children:e.jsxs("form",{onSubmit:f,className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"backupSchedule",children:"Backup Schedule"}),e.jsxs(U,{value:u.backupSchedule,onValueChange:a=>g({...u,backupSchedule:a}),children:[e.jsx(R,{id:"backupSchedule",children:e.jsx(P,{placeholder:"Select schedule"})}),e.jsxs(I,{children:[e.jsx(h,{value:"hourly",children:"Hourly"}),e.jsx(h,{value:"daily",children:"Daily"}),e.jsx(h,{value:"weekly",children:"Weekly"}),e.jsx(h,{value:"monthly",children:"Monthly"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"backupTime",children:"Backup Time"}),e.jsx(j,{id:"backupTime",type:"time",value:u.backupTime,onChange:a=>g({...u,backupTime:a.target.value})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"backupRetentionDays",children:"Retention Period (Days)"}),e.jsx(j,{id:"backupRetentionDays",type:"number",value:u.backupRetentionDays,onChange:a=>g({...u,backupRetentionDays:a.target.value})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"backupLocation",children:"Backup Storage Location"}),e.jsxs(U,{value:u.backupLocation,onValueChange:a=>g({...u,backupLocation:a}),children:[e.jsx(R,{id:"backupLocation",children:e.jsx(P,{placeholder:"Select location"})}),e.jsxs(I,{children:[e.jsx(h,{value:"local",children:"Local Storage"}),e.jsx(h,{value:"cloud",children:"Cloud Storage"}),e.jsx(h,{value:"both",children:"Both (Local & Cloud)"})]})]})]})]}),e.jsxs("div",{className:"flex items-center justify-between border-t border-gray-200 dark:border-gray-700 pt-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(D,{id:"enableAutoBackup",checked:u.enableAutoBackup,onCheckedChange:a=>g({...u,enableAutoBackup:a})}),e.jsx(l,{htmlFor:"enableAutoBackup",children:"Enable Automatic Backup"})]}),e.jsxs("div",{className:"space-x-4",children:[e.jsx(T,{type:"button",variant:"outline",children:"Backup Now"}),e.jsxs(T,{type:"submit",className:"bg-primary hover:bg-primary/90 text-primary-foreground",children:[e.jsx(q,{className:"h-4 w-4 mr-2"}),"Save Changes"]})]})]})]})})]})})]}),e.jsx("div",{className:"p-6 space-y-6",children:e.jsxs(Z,{className:"shadow-lg border-gray-200 dark:border-gray-700",children:[e.jsxs(ee,{className:"flex justify-between items-center",children:[e.jsxs("div",{children:[e.jsx(ae,{className:"text-xl font-semibold",children:"Document Requirements"}),e.jsx(se,{children:"Manage required and optional document submissions"})]}),e.jsxs(ke,{open:b,onOpenChange:m,children:[e.jsx(Te,{asChild:!0,children:e.jsx(T,{className:"bg-primary hover:bg-primary/90 text-primary-foreground",onClick:()=>m(!0),children:"+ Add Requirement"})}),e.jsxs(Ce,{className:"max-w-lg",children:[e.jsx(Se,{children:e.jsx(we,{children:"Add New Document Requirement"})}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(l,{htmlFor:"titleEn",children:"Title (English)"}),e.jsx(j,{id:"titleEn",value:r.title.en,onChange:a=>y({...r,title:{...r.title,en:a.target.value}})})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"titleAm",children:"Title (Amharic)"}),e.jsx(j,{id:"titleAm",value:r.title.am,onChange:a=>y({...r,title:{...r.title,am:a.target.value}})})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"descEn",children:"Description (English)"}),e.jsx(V,{id:"descEn",value:r.description.en,onChange:a=>y({...r,description:{...r.description,en:a.target.value}})})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"descAm",children:"Description (Amharic)"}),e.jsx(V,{id:"descAm",value:r.description.am,onChange:a=>y({...r,description:{...r.description,am:a.target.value}})})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"key",children:"Key"}),e.jsx(j,{id:"key",value:r.key,onChange:a=>y({...r,key:a.target.value})})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"order",children:"Order"}),e.jsx(j,{id:"order",type:"number",value:r.order,onChange:a=>y({...r,order:Number(a.target.value)})})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"type",children:"Type"}),e.jsxs("select",{id:"type",value:r.type,onChange:a=>y({...r,type:a.target.value}),className:"w-full border border-gray-300 dark:border-gray-600 rounded-md px-2 py-1 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100",children:[e.jsx("option",{value:"individual",children:"Individual"}),e.jsx("option",{value:"organization",children:"External Organization"})]})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(D,{id:"isOptional",checked:r.isOptional,onCheckedChange:a=>y({...r,isOptional:a})}),e.jsx(l,{htmlFor:"isOptional",children:"Optional"})]}),e.jsx(T,{onClick:k,disabled:c,className:"bg-primary hover:bg-primary/90 text-primary-foreground w-full",children:c?"Saving...":"Save Requirement"})]})]})]})]}),e.jsx(re,{children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full border border-gray-200 dark:border-gray-700 text-sm",children:[e.jsx("thead",{className:"bg-gray-100 dark:bg-gray-800/60",children:e.jsxs("tr",{children:[e.jsx("th",{className:"p-2 border border-gray-200 dark:border-gray-700",children:"Title (EN)"}),e.jsx("th",{className:"p-2 border border-gray-200 dark:border-gray-700",children:"Title (AM)"}),e.jsx("th",{className:"p-2 border border-gray-200 dark:border-gray-700",children:"Key"}),e.jsx("th",{className:"p-2 border border-gray-200 dark:border-gray-700",children:"Order"}),e.jsx("th",{className:"p-2 border border-gray-200 dark:border-gray-700",children:"Type"}),e.jsx("th",{className:"p-2 border border-gray-200 dark:border-gray-700",children:"Active"}),e.jsx("th",{className:"p-2 border border-gray-200 dark:border-gray-700",children:"Optional"})]})}),e.jsx("tbody",{children:x==null?void 0:x.items?.map(a=>e.jsxs("tr",{className:"text-center dark:text-gray-200",children:[e.jsx("td",{className:"p-2 border border-gray-200 dark:border-gray-700",children:a.title.en}),e.jsx("td",{className:"p-2 border border-gray-200 dark:border-gray-700",children:a.title.am}),e.jsx("td",{className:"p-2 border border-gray-200 dark:border-gray-700",children:a.key}),e.jsx("td",{className:"p-2 border border-gray-200 dark:border-gray-700",children:a.order}),e.jsx("td",{className:"p-2 border border-gray-200 dark:border-gray-700",children:a.type}),e.jsx("td",{className:"p-2 border border-gray-200 dark:border-gray-700",children:a.isActive?"✅":"❌"}),e.jsx("td",{className:"p-2 border border-gray-200 dark:border-gray-700",children:a.isOptional?"✅":"❌"})]},a.id))})]})})})]})})]})}export{na as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/Skeleton-BJECajc_.js b/apps/edr-freight-web/backoffice/public/_um/assets/Skeleton-BJECajc_.js
new file mode 100644
index 000000000..485100d90
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/Skeleton-BJECajc_.js
@@ -0,0 +1 @@
+import{K as S,N as x,V as h,j as f,Q as N,W as R,Y as g,X as a}from"./index-Db-xuq0b.js";var l={root:"m_18320242","skeleton-fade":"m_299c329c"};const j={visible:!0,animate:!0},_=R((r,{width:o,height:s,radius:e,circle:t})=>({root:{"--skeleton-height":a(s),"--skeleton-width":t?a(s):a(o),"--skeleton-radius":t?"1000px":e===void 0?void 0:g(e)}})),n=S((r,o)=>{const s=x("Skeleton",j,r),{classNames:e,className:t,style:i,styles:c,unstyled:m,vars:d,width:b,height:w,circle:P,visible:u,radius:V,animate:p,mod:v,...k}=s,y=h({name:"Skeleton",classes:l,props:s,className:t,style:i,classNames:e,styles:c,unstyled:m,vars:d,varsResolver:_});return f.jsx(N,{ref:o,...y("root"),mod:[{visible:u,animate:p},v],...k})});n.classes=l;n.displayName="@mantine/core/Skeleton";export{n as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/SmartOfficeAuditPage-BQ86seID.css b/apps/edr-freight-web/backoffice/public/_um/assets/SmartOfficeAuditPage-BQ86seID.css
new file mode 100644
index 000000000..be3c64223
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/SmartOfficeAuditPage-BQ86seID.css
@@ -0,0 +1 @@
+.rdp{--rdp-cell-size: 40px;--rdp-caption-font-size: 18px;--rdp-accent-color: #0000ff;--rdp-background-color: #e7edff;--rdp-accent-color-dark: #3003e1;--rdp-background-color-dark: #180270;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);--rdp-selected-color: #fff;margin:1em}.rdp-vhidden{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute!important;top:0;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;border:0!important}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center}.rdp-caption_dropdowns{position:relative;display:inline-flex}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:.25em;border-radius:100%}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center}.rdp-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;font-size:.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}.calendars{background-color:#fff;color:#222;border:1px solid #4297d7;-moz-border-radius:.25em;-webkit-border-radius:.25em;border-radius:.25em;font-family:Arial,Helvetica,Sans-serif;font-size:90%}.calendars-rtl{direction:rtl}.calendars-popup{z-index:1000}.calendars-disable{position:absolute;z-index:100;background-color:#fff;opacity:.5;filter:alpha(opacity=50)}.calendars a{color:#222;text-decoration:none}.calendars a.calendars-disabled{color:#888;cursor:auto}.calendars button{margin:.25em;padding:.125em 0;background-color:#5c9ccc;color:#fff;border:none;-moz-border-radius:.25em;-webkit-border-radius:.25em;border-radius:.25em;font-weight:700}.calendars-nav,.calendars-ctrl{float:left;width:100%;background-color:#fff;font-size:90%;font-weight:700}.calendars-ctrl{background-color:#d0e5f5}.calendars-cmd{width:30%}.calendars-cmd:hover{background-color:#dfeffc}button.calendars-cmd:hover{background-color:#79b7e7}.calendars-cmd-prevJump,.calendars-cmd-nextJump{width:8%}a.calendars-cmd{height:1.5em}button.calendars-cmd{text-align:center}.calendars-cmd-prev,.calendars-cmd-prevJump,.calendars-cmd-clear{float:left;padding-left:2%}.calendars-cmd-current,.calendars-cmd-today{float:left;width:35%;text-align:center}.calendars-cmd-next,.calendars-cmd-nextJump,.calendars-cmd-close{float:right;padding-right:2%;text-align:right}.calendars-rtl .calendars-cmd-prev,.calendars-rtl .calendars-cmd-prevJump,.calendars-rtl .calendars-cmd-clear{float:right;padding-left:0%;padding-right:2%;text-align:right}.calendars-rtl .calendars-cmd-current,.calendars-rtl .calendars-cmd-today{float:right}.calendars-rtl .calendars-cmd-next,.calendars-rtl .calendars-cmd-nextJump,.calendars-rtl .calendars-cmd-close{float:left;padding-left:2%;padding-right:0%;text-align:left}.calendars-month-nav{float:left;text-align:center}.calendars-month-nav div{float:left;width:12.5%;margin:1%;padding:1%}.calendars-month-nav span{color:#888}.calendars-month-row{clear:left}.calendars-month{float:left;width:15em;border:1px solid #5c9ccc;text-align:center}.calendars-month-header,.calendars-month-header select,.calendars-month-header input{height:1.5em;background-color:#5c9ccc;color:#fff;font-weight:700}.calendars-month-header select,.calendars-month-header input{height:1.4em;border:none}.calendars-month-header input{position:absolute;display:none}.calendars-month table{width:100%;border-collapse:collapse}.calendars-month thead{border-bottom:1px solid #aaa}.calendars-month th,.calendars-month td{margin:0;padding:0;font-weight:400;text-align:center}.calendars-month th{border:1px solid #fff;border-bottom:1px solid #c5dbec}.calendars-month td{border:1px solid #c5dbec}.calendars-month td.calendars-week *{background-color:#d0e5f5;color:#222;border:none}.calendars-month a{display:block;width:100%;padding:.125em 0;background-color:#dfeffc;color:#000;text-decoration:none}.calendars-month span{display:block;width:100%;padding:.125em 0}.calendars-month td span{color:#888}.calendars-month td .calendars-other-month{background-color:#fff}.calendars-month td .calendars-today{background-color:#fad42e}.calendars-month td .calendars-highlight{background-color:#79b7e7}.calendars-month td .calendars-selected{background-color:#4297d7;color:#fff}.calendars-status{clear:both;text-align:center}.calendars-clear-fix{clear:both}.ethiopian-picker-surface .calendars{width:100%!important;border:0;border-radius:.5rem;color:#1f2937;font-family:inherit;font-size:.875rem;box-shadow:none}.ethiopian-picker-surface .calendars-nav,.ethiopian-picker-surface .calendars-ctrl{background:transparent;border-bottom:1px solid rgb(229 231 235);padding:.35rem .4rem}.ethiopian-picker-surface .calendars-month{width:100%;border:0}.ethiopian-picker-surface .calendars-month-header,.ethiopian-picker-surface .calendars-month-header select,.ethiopian-picker-surface .calendars-month-header input{height:2.1rem;background:transparent;color:#111827;font-weight:600}.ethiopian-picker-surface .calendars-month th,.ethiopian-picker-surface .calendars-month td{border:0;padding:.2rem}.ethiopian-picker-surface .calendars-month th{color:#6b7280;font-weight:500;font-size:.75rem}.ethiopian-picker-surface .calendars-month a,.ethiopian-picker-surface .calendars-month span{border-radius:.35rem;background:transparent;color:#111827;padding:.38rem 0}.ethiopian-picker-surface .calendars-month a:hover,.ethiopian-picker-surface .calendars-month td .calendars-today{background:#dcfce7;color:#166534}.ethiopian-picker-surface .calendars-month td .calendars-selected{background:#22c55e;color:#fff}.ethiopian-picker-surface .calendars-month td .calendars-other-month{color:#9ca3af}.ethiopian-picker-surface .calendars-nav .calendars-cmd-prev,.ethiopian-picker-surface .calendars-nav .calendars-cmd-next,.ethiopian-picker-surface .calendars-nav .calendars-cmd-prevJump,.ethiopian-picker-surface .calendars-nav .calendars-cmd-nextJump,.calendars-popup .calendars-nav .calendars-cmd-prev,.calendars-popup .calendars-nav .calendars-cmd-next,.calendars-popup .calendars-nav .calendars-cmd-prevJump,.calendars-popup .calendars-nav .calendars-cmd-nextJump{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border:1px solid rgb(187 247 208);border-radius:.5rem;background:#f0fdf4;color:#15803d;line-height:1;transition:all .2s ease}.ethiopian-picker-surface .calendars-nav .calendars-cmd-prev:hover,.ethiopian-picker-surface .calendars-nav .calendars-cmd-next:hover,.ethiopian-picker-surface .calendars-nav .calendars-cmd-prevJump:hover,.ethiopian-picker-surface .calendars-nav .calendars-cmd-nextJump:hover,.calendars-popup .calendars-nav .calendars-cmd-prev:hover,.calendars-popup .calendars-nav .calendars-cmd-next:hover,.calendars-popup .calendars-nav .calendars-cmd-prevJump:hover,.calendars-popup .calendars-nav .calendars-cmd-nextJump:hover{background:#22c55e;border-color:#22c55e;color:#fff}.ethiopian-picker-surface .calendars-nav,.calendars-popup .calendars-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ethiopian-picker-surface .calendars-nav .calendars-cmd,.calendars-popup .calendars-nav .calendars-cmd{float:none;width:auto;padding-left:0;padding-right:0}.ethiopian-picker-surface .calendars-nav .calendars-cmd-today,.calendars-popup .calendars-nav .calendars-cmd-today{flex:1;border-radius:.5rem;color:#15803d;font-weight:600;text-align:center}.ethiopian-picker-surface .calendars-nav .calendars-cmd.calendars-disabled,.calendars-popup .calendars-nav .calendars-cmd.calendars-disabled{opacity:.45;cursor:not-allowed}.dark .ethiopian-picker-surface .calendars,[data-theme=dark] .ethiopian-picker-surface .calendars,.dark .calendars-popup .calendars,[data-theme=dark] .calendars-popup .calendars{background:#111827;color:#e5e7eb;border-color:#374151}.dark .ethiopian-picker-surface .calendars-nav,.dark .ethiopian-picker-surface .calendars-ctrl,[data-theme=dark] .ethiopian-picker-surface .calendars-nav,[data-theme=dark] .ethiopian-picker-surface .calendars-ctrl,.dark .calendars-popup .calendars-nav,.dark .calendars-popup .calendars-ctrl,[data-theme=dark] .calendars-popup .calendars-nav,[data-theme=dark] .calendars-popup .calendars-ctrl{background:#111827;border-color:#374151}.dark .ethiopian-picker-surface .calendars-month-header,.dark .ethiopian-picker-surface .calendars-month-header select,.dark .ethiopian-picker-surface .calendars-month-header input,.dark .ethiopian-picker-surface .calendars-month a,.dark .ethiopian-picker-surface .calendars-month span,[data-theme=dark] .ethiopian-picker-surface .calendars-month-header,[data-theme=dark] .ethiopian-picker-surface .calendars-month-header select,[data-theme=dark] .ethiopian-picker-surface .calendars-month-header input,[data-theme=dark] .ethiopian-picker-surface .calendars-month a,[data-theme=dark] .ethiopian-picker-surface .calendars-month span,.dark .calendars-popup .calendars-month-header,.dark .calendars-popup .calendars-month-header select,.dark .calendars-popup .calendars-month-header input,.dark .calendars-popup .calendars-month a,.dark .calendars-popup .calendars-month span,[data-theme=dark] .calendars-popup .calendars-month-header,[data-theme=dark] .calendars-popup .calendars-month-header select,[data-theme=dark] .calendars-popup .calendars-month-header input,[data-theme=dark] .calendars-popup .calendars-month a,[data-theme=dark] .calendars-popup .calendars-month span{color:#e5e7eb}.dark .ethiopian-picker-surface .calendars-month th,[data-theme=dark] .ethiopian-picker-surface .calendars-month th,.dark .calendars-popup .calendars-month th,[data-theme=dark] .calendars-popup .calendars-month th{color:#9ca3af}.dark .ethiopian-picker-surface .calendars-month a:hover,[data-theme=dark] .ethiopian-picker-surface .calendars-month a:hover,.dark .calendars-popup .calendars-month a:hover,[data-theme=dark] .calendars-popup .calendars-month a:hover,.dark .ethiopian-picker-surface .calendars-month td .calendars-today,[data-theme=dark] .ethiopian-picker-surface .calendars-month td .calendars-today,.dark .calendars-popup .calendars-month td .calendars-today,[data-theme=dark] .calendars-popup .calendars-month td .calendars-today{background:#14532d;color:#bbf7d0}.dark .ethiopian-picker-surface .calendars-month td .calendars-highlight,[data-theme=dark] .ethiopian-picker-surface .calendars-month td .calendars-highlight,.dark .calendars-popup .calendars-month td .calendars-highlight,[data-theme=dark] .calendars-popup .calendars-month td .calendars-highlight{background:#166534}.dark .ethiopian-picker-surface .calendars-month td .calendars-selected,[data-theme=dark] .ethiopian-picker-surface .calendars-month td .calendars-selected,.dark .calendars-popup .calendars-month td .calendars-selected,[data-theme=dark] .calendars-popup .calendars-month td .calendars-selected{background:#22c55e;color:#052e16}.dark .ethiopian-picker-surface .calendars-month td .calendars-other-month,[data-theme=dark] .ethiopian-picker-surface .calendars-month td .calendars-other-month,.dark .calendars-popup .calendars-month td .calendars-other-month,[data-theme=dark] .calendars-popup .calendars-month td .calendars-other-month{color:#6b7280}.dark .ethiopian-picker-surface .calendars a.calendars-disabled,[data-theme=dark] .ethiopian-picker-surface .calendars a.calendars-disabled,.dark .calendars-popup .calendars a.calendars-disabled,[data-theme=dark] .calendars-popup .calendars a.calendars-disabled{color:#4b5563}.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-prev,.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-next,.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-prevJump,.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-nextJump,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-prev,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-next,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-prevJump,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-nextJump,.dark .calendars-popup .calendars-nav .calendars-cmd-prev,.dark .calendars-popup .calendars-nav .calendars-cmd-next,.dark .calendars-popup .calendars-nav .calendars-cmd-prevJump,.dark .calendars-popup .calendars-nav .calendars-cmd-nextJump,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-prev,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-next,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-prevJump,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-nextJump{background:#15803d38;border-color:#22c55e73;color:#bbf7d0}.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-prev:hover,.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-next:hover,.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-prevJump:hover,.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-nextJump:hover,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-prev:hover,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-next:hover,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-prevJump:hover,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-nextJump:hover,.dark .calendars-popup .calendars-nav .calendars-cmd-prev:hover,.dark .calendars-popup .calendars-nav .calendars-cmd-next:hover,.dark .calendars-popup .calendars-nav .calendars-cmd-prevJump:hover,.dark .calendars-popup .calendars-nav .calendars-cmd-nextJump:hover,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-prev:hover,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-next:hover,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-prevJump:hover,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-nextJump:hover{background:#22c55e;border-color:#22c55e;color:#052e16}.dark .ethiopian-picker-surface .calendars-nav .calendars-cmd-today,[data-theme=dark] .ethiopian-picker-surface .calendars-nav .calendars-cmd-today,.dark .calendars-popup .calendars-nav .calendars-cmd-today,[data-theme=dark] .calendars-popup .calendars-nav .calendars-cmd-today{color:#bbf7d0}
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/SmartOfficeAuditPage-DLN72875.js b/apps/edr-freight-web/backoffice/public/_um/assets/SmartOfficeAuditPage-DLN72875.js
new file mode 100644
index 000000000..29575c2bb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/SmartOfficeAuditPage-DLN72875.js
@@ -0,0 +1,35 @@
+import{y as createLucideIcon,u as useTranslation,j as jsxRuntimeExports,aO as Clock,F as FileText,U as User,bn as Settings,b6 as Trash2,z as Upload,r as reactExports,b8 as cn,b9 as buttonVariants,aU as getDefaultExportFromCjs,B as Button$1,aS as X,I as Input,bs as CircleCheckBig,aK as Dialog,aL as DialogContent,aM as DialogHeader,aN as DialogTitle,bo as DialogDescription,bt as FileSpreadsheet,ba as DialogFooter,be as axios,p as api,bu as AUDITLOG_API_URL,t as toast,bf as getRefreshToken,aR as instance}from"./index-Db-xuq0b.js";import{C as Card,d as CardContent,a as CardHeader,b as CardTitle,c as CardDescription}from"./card-BBWyxDss.js";import{T as Table$1,a as TableHeader,b as TableRow,c as TableHead,d as TableBody,e as TableCell}from"./table-D3n3VABd.js";import{B as Badge}from"./badge-D7JvaQeJ.js";import{A as Avatar,c as AvatarImage,a as AvatarFallback}from"./avatar-C2-XEZ4v.js";import{s as startOfDay,a as startOfWeek,f as format,d as differenceInCalendarDays,b as startOfYear,c as startOfISOWeek,g as getISOWeek,e as getWeek,i as isDate}from"./format-DvwV82px.js";import{S as Shield}from"./shield-uC_usZTb.js";import{L as Lock}from"./lock-BCybB-Lq.js";import{E as Eye}from"./eye-Bhud4znU.js";import{S as SquarePen}from"./square-pen-B91TPB19.js";import{D as Download}from"./download-CX6rsOqt.js";import{S as Select,a as SelectTrigger,b as SelectValue,c as SelectContent,d as SelectItem}from"./select-BoQxM42A.js";import{P as Popover,a as PopoverTrigger,b as PopoverContent}from"./popover-X-j_SRnG.js";import{t as toDate,c as constructFrom,g as getTimezoneOffsetInMilliseconds,m as millisecondsInWeek,a as getDefaultOptions,e as enUS}from"./en-US-Cc-9gH5A.js";import{e as endOfMonth,d as differenceInCalendarMonths}from"./endOfMonth-DmxQbzXi.js";import{S as Search}from"./search-CM5F2ZRy.js";import{L as Label}from"./label-CsFy6wpo.js";import{R as RadioGroup,a as RadioGroupItem}from"./radio-group-DqG5gUnT.js";import{C as Checkbox}from"./checkbox-Dd0VhnrO.js";import{R as RefreshCw}from"./refresh-cw-JB7N413f.js";import{E as EyeOff}from"./eye-off-CDMvHElM.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const __iconNode$2=[["path",{d:"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",key:"169zse"}]],Activity=createLucideIcon("activity",__iconNode$2);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const __iconNode$1=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],Calendar$1=createLucideIcon("calendar",__iconNode$1);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const __iconNode=[["path",{d:"M16 7h6v6",key:"box55l"}],["path",{d:"m22 7-8.5 8.5-5-5L2 17",key:"1t1m79"}]],TrendingUp=createLucideIcon("trending-up",__iconNode);function addDays(r,o){const c=toDate(r);return isNaN(o)?constructFrom(r,NaN):(o&&c.setDate(c.getDate()+o),c)}function addMonths(r,o){const c=toDate(r);if(isNaN(o))return constructFrom(r,NaN);if(!o)return c;const n=c.getDate(),a=constructFrom(r,c.getTime());a.setMonth(c.getMonth()+o+1,0);const s=a.getDate();return n>=s?a:(c.setFullYear(a.getFullYear(),a.getMonth(),n),c)}function addWeeks(r,o){const c=o*7;return addDays(r,c)}function addYears(r,o){return addMonths(r,o*12)}function max(r){let o;return r.forEach(function(c){const n=toDate(c);(o===void 0||o<n||isNaN(Number(n)))&&(o=n)}),o||new Date(NaN)}function min(r){let o;return r.forEach(c=>{const n=toDate(c);(!o||o>n||isNaN(+n))&&(o=n)}),o||new Date(NaN)}function isSameDay(r,o){const c=startOfDay(r),n=startOfDay(o);return+c==+n}function differenceInCalendarWeeks(r,o,c){const n=startOfWeek(r,c),a=startOfWeek(o,c),s=+n-getTimezoneOffsetInMilliseconds(n),d=+a-getTimezoneOffsetInMilliseconds(a);return Math.round((s-d)/millisecondsInWeek)}function startOfMonth(r){const o=toDate(r);return o.setDate(1),o.setHours(0,0,0,0),o}function endOfWeek(r,o){var p,m,g,j;const c=getDefaultOptions(),n=(o==null?void 0:o.weekStartsOn)??((m=(p=o==null?void 0:o.locale)==null?void 0:p.options)==null?void 0:m.weekStartsOn)??c.weekStartsOn??((j=(g=c.locale)==null?void 0:g.options)==null?void 0:j.weekStartsOn)??0,a=toDate(r),s=a.getDay(),d=(s<n?-7:0)+6-(s-n);return a.setDate(a.getDate()+d),a.setHours(23,59,59,999),a}function endOfISOWeek(r){return endOfWeek(r,{weekStartsOn:1})}function getDaysInMonth(r){const o=toDate(r),c=o.getFullYear(),n=o.getMonth(),a=constructFrom(r,0);return a.setFullYear(c,n+1,0),a.setHours(0,0,0,0),a.getDate()}function getUnixTime(r){return Math.trunc(+toDate(r)/1e3)}function lastDayOfMonth(r){const o=toDate(r),c=o.getMonth();return o.setFullYear(o.getFullYear(),c+1,0),o.setHours(0,0,0,0),o}function getWeeksInMonth(r,o){return differenceInCalendarWeeks(lastDayOfMonth(r),startOfMonth(r),o)+1}function isAfter(r,o){const c=toDate(r),n=toDate(o);return c.getTime()>n.getTime()}function isBefore(r,o){const c=toDate(r),n=toDate(o);return+c<+n}function isSameMonth(r,o){const c=toDate(r),n=toDate(o);return c.getFullYear()===n.getFullYear()&&c.getMonth()===n.getMonth()}function isSameYear(r,o){const c=toDate(r),n=toDate(o);return c.getFullYear()===n.getFullYear()}function subDays(r,o){return addDays(r,-o)}function setMonth(r,o){const c=toDate(r),n=c.getFullYear(),a=c.getDate(),s=constructFrom(r,0);s.setFullYear(n,o,15),s.setHours(0,0,0,0);const d=getDaysInMonth(s);return c.setMonth(o,Math.min(a,d)),c}function setYear(r,o){const c=toDate(r);return isNaN(+c)?constructFrom(r,NaN):(c.setFullYear(o),c)}const getModuleIcon=r=>{switch(r.toLowerCase()){case"authentication":return jsxRuntimeExports.jsx(Shield,{className:"h-4 w-4"});case"documents":case"files":return jsxRuntimeExports.jsx(FileText,{className:"h-4 w-4"});case"settings":return jsxRuntimeExports.jsx(Settings,{className:"h-4 w-4"});case"users":return jsxRuntimeExports.jsx(User,{className:"h-4 w-4"});default:return jsxRuntimeExports.jsx(FileText,{className:"h-4 w-4"})}},getActionIcon=r=>{switch(r.toLowerCase()){case"upload":return jsxRuntimeExports.jsx(Upload,{className:"h-4 w-4"});case"download":return jsxRuntimeExports.jsx(Download,{className:"h-4 w-4"});case"edit":case"update":return jsxRuntimeExports.jsx(SquarePen,{className:"h-4 w-4"});case"delete":return jsxRuntimeExports.jsx(Trash2,{className:"h-4 w-4"});case"view":return jsxRuntimeExports.jsx(Eye,{className:"h-4 w-4"});case"login":return jsxRuntimeExports.jsx(Lock,{className:"h-4 w-4"});default:return jsxRuntimeExports.jsx(FileText,{className:"h-4 w-4"})}},getStatusColor=r=>{switch(r){case"success":return"bg-primary-100 dark:bg-primary-900/40 text-primary-800 dark:text-primary-300 hover:bg-primary-100 dark:hover:bg-primary-900/40 border-primary-300 dark:border-primary-700";case"failure":return"bg-red-100 dark:bg-red-900/40 text-red-800 dark:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/40 border-red-300 dark:border-red-700";case"warning":return"bg-yellow-100 dark:bg-yellow-900/40 text-yellow-800 dark:text-yellow-300 hover:bg-yellow-100 dark:hover:bg-yellow-900/40 border-yellow-300 dark:border-yellow-700";case"pending":return"bg-primary/15 dark:bg-primary/25 text-primary-800 dark:text-primary-300 hover:bg-primary/15 dark:hover:bg-primary/25 border-primary/40 dark:border-primary/60";default:return"bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 border-gray-300 dark:border-gray-600"}};function ActivityCard({activity:r}){const{t:o}=useTranslation(),c=format(new Date(r.timestamp),"MMM d, yyyy HH:mm:ss");return jsxRuntimeExports.jsx(Card,{className:"hover:shadow-md transition-shadow duration-200 border-gray-200 dark:border-gray-700 dark:bg-gray-800",children:jsxRuntimeExports.jsx(CardContent,{className:"p-4",children:jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-4",children:[jsxRuntimeExports.jsxs("div",{className:"relative",children:[jsxRuntimeExports.jsx("div",{className:"w-10 h-10 rounded-full bg-gray-100 dark:bg-gray-700 flex items-center justify-center",children:getModuleIcon(r.module)}),jsxRuntimeExports.jsx("div",{className:"absolute -bottom-1 -right-1 w-6 h-6 rounded-full bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 flex items-center justify-center",children:getActionIcon(r.action)})]}),jsxRuntimeExports.jsxs("div",{className:"flex-1 min-w-0",children:[jsxRuntimeExports.jsxs("div",{className:"flex items-start justify-between gap-2 mb-2",children:[jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntimeExports.jsx("h4",{className:"font-medium text-gray-900 dark:text-gray-100 truncate",children:r.description}),jsxRuntimeExports.jsx(Badge,{variant:"outline",className:`text-xs font-medium ${getStatusColor(r.status)}`,children:o(`auditLogShared.status.${r.status}`)})]}),jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap",children:[jsxRuntimeExports.jsx(Clock,{className:"h-3 w-3"}),c]})]}),jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-4 text-sm text-gray-600 dark:text-gray-400",children:[jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntimeExports.jsxs(Avatar,{className:"h-5 w-5",children:[r.performedBy.avatar&&jsxRuntimeExports.jsx(AvatarImage,{src:r.performedBy.avatar}),jsxRuntimeExports.jsx(AvatarFallback,{className:"text-xs",children:r.performedBy.name.charAt(0).toUpperCase()})]}),jsxRuntimeExports.jsx("span",{className:"font-medium text-gray-900 dark:text-gray-100",children:r.performedBy.name}),jsxRuntimeExports.jsx("span",{className:"text-gray-500 dark:text-gray-500",children:"•"}),jsxRuntimeExports.jsx("span",{children:r.performedBy.email})]}),r.resourceName&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("span",{className:"text-gray-500 dark:text-gray-500",children:"•"}),jsxRuntimeExports.jsx("span",{className:"truncate max-w-[200px]",children:r.resourceName})]})]}),(r.details||r.ipAddress||r.location)&&jsxRuntimeExports.jsx("div",{className:"mt-3 pt-3 border-t border-gray-100 dark:border-gray-700",children:jsxRuntimeExports.jsxs("div",{className:"flex flex-wrap gap-4 text-xs text-gray-500 dark:text-gray-400",children:[r.details&&jsxRuntimeExports.jsx("div",{className:"max-w-[300px] truncate",title:r.details,children:r.details}),r.ipAddress&&jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[jsxRuntimeExports.jsxs("span",{children:[o("auditLogShared.labels.ip"),":"]}),jsxRuntimeExports.jsx("span",{className:"font-mono",children:r.ipAddress})]}),r.location&&jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[jsxRuntimeExports.jsx("span",{children:"📍"}),jsxRuntimeExports.jsx("span",{children:r.location})]})]})})]})]})})})}var __assign=function(){return __assign=Object.assign||function(o){for(var c,n=1,a=arguments.length;n<a;n++){c=arguments[n];for(var s in c)Object.prototype.hasOwnProperty.call(c,s)&&(o[s]=c[s])}return o},__assign.apply(this,arguments)};function __rest(r,o){var c={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&o.indexOf(n)<0&&(c[n]=r[n]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,n=Object.getOwnPropertySymbols(r);a<n.length;a++)o.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(r,n[a])&&(c[n[a]]=r[n[a]]);return c}function __spreadArray(r,o,c){for(var n=0,a=o.length,s;n<a;n++)(s||!(n in o))&&(s||(s=Array.prototype.slice.call(o,0,n)),s[n]=o[n]);return r.concat(s||Array.prototype.slice.call(o))}typeof SuppressedError=="function"&&SuppressedError;function isDayPickerMultiple(r){return r.mode==="multiple"}function isDayPickerRange(r){return r.mode==="range"}function isDayPickerSingle(r){return r.mode==="single"}var defaultClassNames={root:"rdp",multiple_months:"rdp-multiple_months",with_weeknumber:"rdp-with_weeknumber",vhidden:"rdp-vhidden",button_reset:"rdp-button_reset",button:"rdp-button",caption:"rdp-caption",caption_start:"rdp-caption_start",caption_end:"rdp-caption_end",caption_between:"rdp-caption_between",caption_label:"rdp-caption_label",caption_dropdowns:"rdp-caption_dropdowns",dropdown:"rdp-dropdown",dropdown_month:"rdp-dropdown_month",dropdown_year:"rdp-dropdown_year",dropdown_icon:"rdp-dropdown_icon",months:"rdp-months",month:"rdp-month",table:"rdp-table",tbody:"rdp-tbody",tfoot:"rdp-tfoot",head:"rdp-head",head_row:"rdp-head_row",head_cell:"rdp-head_cell",nav:"rdp-nav",nav_button:"rdp-nav_button",nav_button_previous:"rdp-nav_button_previous",nav_button_next:"rdp-nav_button_next",nav_icon:"rdp-nav_icon",row:"rdp-row",weeknumber:"rdp-weeknumber",cell:"rdp-cell",day:"rdp-day",day_today:"rdp-day_today",day_outside:"rdp-day_outside",day_selected:"rdp-day_selected",day_disabled:"rdp-day_disabled",day_hidden:"rdp-day_hidden",day_range_start:"rdp-day_range_start",day_range_end:"rdp-day_range_end",day_range_middle:"rdp-day_range_middle"};function formatCaption(r,o){return format(r,"LLLL y",o)}function formatDay(r,o){return format(r,"d",o)}function formatMonthCaption(r,o){return format(r,"LLLL",o)}function formatWeekNumber(r){return"".concat(r)}function formatWeekdayName(r,o){return format(r,"cccccc",o)}function formatYearCaption(r,o){return format(r,"yyyy",o)}var formatters=Object.freeze({__proto__:null,formatCaption,formatDay,formatMonthCaption,formatWeekNumber,formatWeekdayName,formatYearCaption}),labelDay=function(r,o,c){return format(r,"do MMMM (EEEE)",c)},labelMonthDropdown=function(){return"Month: "},labelNext=function(){return"Go to next month"},labelPrevious=function(){return"Go to previous month"},labelWeekday=function(r,o){return format(r,"cccc",o)},labelWeekNumber=function(r){return"Week n. ".concat(r)},labelYearDropdown=function(){return"Year: "},labels=Object.freeze({__proto__:null,labelDay,labelMonthDropdown,labelNext,labelPrevious,labelWeekNumber,labelWeekday,labelYearDropdown});function getDefaultContextValues(){var r="buttons",o=defaultClassNames,c=enUS,n={},a={},s=1,d={},p=new Date;return{captionLayout:r,classNames:o,formatters,labels,locale:c,modifiersClassNames:n,modifiers:a,numberOfMonths:s,styles:d,today:p,mode:"default"}}function parseFromToProps(r){var o=r.fromYear,c=r.toYear,n=r.fromMonth,a=r.toMonth,s=r.fromDate,d=r.toDate;return n?s=startOfMonth(n):o&&(s=new Date(o,0,1)),a?d=endOfMonth(a):c&&(d=new Date(c,11,31)),{fromDate:s?startOfDay(s):void 0,toDate:d?startOfDay(d):void 0}}var DayPickerContext=reactExports.createContext(void 0);function DayPickerProvider(r){var o,c=r.initialProps,n=getDefaultContextValues(),a=parseFromToProps(c),s=a.fromDate,d=a.toDate,p=(o=c.captionLayout)!==null&&o!==void 0?o:n.captionLayout;p!=="buttons"&&(!s||!d)&&(p="buttons");var m;(isDayPickerSingle(c)||isDayPickerMultiple(c)||isDayPickerRange(c))&&(m=c.onSelect);var g=__assign(__assign(__assign({},n),c),{captionLayout:p,classNames:__assign(__assign({},n.classNames),c.classNames),components:__assign({},c.components),formatters:__assign(__assign({},n.formatters),c.formatters),fromDate:s,labels:__assign(__assign({},n.labels),c.labels),mode:c.mode||n.mode,modifiers:__assign(__assign({},n.modifiers),c.modifiers),modifiersClassNames:__assign(__assign({},n.modifiersClassNames),c.modifiersClassNames),onSelect:m,styles:__assign(__assign({},n.styles),c.styles),toDate:d});return jsxRuntimeExports.jsx(DayPickerContext.Provider,{value:g,children:r.children})}function useDayPicker(){var r=reactExports.useContext(DayPickerContext);if(!r)throw new Error("useDayPicker must be used within a DayPickerProvider.");return r}function CaptionLabel(r){var o=useDayPicker(),c=o.locale,n=o.classNames,a=o.styles,s=o.formatters.formatCaption;return jsxRuntimeExports.jsx("div",{className:n.caption_label,style:a.caption_label,"aria-live":"polite",role:"presentation",id:r.id,children:s(r.displayMonth,{locale:c})})}function IconDropdown(r){return jsxRuntimeExports.jsx("svg",__assign({width:"8px",height:"8px",viewBox:"0 0 120 120","data-testid":"iconDropdown"},r,{children:jsxRuntimeExports.jsx("path",{d:"M4.22182541,48.2218254 C8.44222828,44.0014225 15.2388494,43.9273804 19.5496459,47.9996989 L19.7781746,48.2218254 L60,88.443 L100.221825,48.2218254 C104.442228,44.0014225 111.238849,43.9273804 115.549646,47.9996989 L115.778175,48.2218254 C119.998577,52.4422283 120.07262,59.2388494 116.000301,63.5496459 L115.778175,63.7781746 L67.7781746,111.778175 C63.5577717,115.998577 56.7611506,116.07262 52.4503541,112.000301 L52.2218254,111.778175 L4.22182541,63.7781746 C-0.0739418023,59.4824074 -0.0739418023,52.5175926 4.22182541,48.2218254 Z",fill:"currentColor",fillRule:"nonzero"})}))}function Dropdown(r){var o,c,n=r.onChange,a=r.value,s=r.children,d=r.caption,p=r.className,m=r.style,g=useDayPicker(),j=(c=(o=g.components)===null||o===void 0?void 0:o.IconDropdown)!==null&&c!==void 0?c:IconDropdown;return jsxRuntimeExports.jsxs("div",{className:p,style:m,children:[jsxRuntimeExports.jsx("span",{className:g.classNames.vhidden,children:r["aria-label"]}),jsxRuntimeExports.jsx("select",{name:r.name,"aria-label":r["aria-label"],className:g.classNames.dropdown,style:g.styles.dropdown,value:a,onChange:n,children:s}),jsxRuntimeExports.jsxs("div",{className:g.classNames.caption_label,style:g.styles.caption_label,"aria-hidden":"true",children:[d,jsxRuntimeExports.jsx(j,{className:g.classNames.dropdown_icon,style:g.styles.dropdown_icon})]})]})}function MonthsDropdown(r){var o,c=useDayPicker(),n=c.fromDate,a=c.toDate,s=c.styles,d=c.locale,p=c.formatters.formatMonthCaption,m=c.classNames,g=c.components,j=c.labels.labelMonthDropdown;if(!n)return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{});if(!a)return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{});var k=[];if(isSameYear(n,a))for(var _=startOfMonth(n),T=n.getMonth();T<=a.getMonth();T++)k.push(setMonth(_,T));else for(var _=startOfMonth(new Date),T=0;T<=11;T++)k.push(setMonth(_,T));var E=function(P){var A=Number(P.target.value),H=setMonth(startOfMonth(r.displayMonth),A);r.onChange(H)},M=(o=g==null?void 0:g.Dropdown)!==null&&o!==void 0?o:Dropdown;return jsxRuntimeExports.jsx(M,{name:"months","aria-label":j(),className:m.dropdown_month,style:s.dropdown_month,onChange:E,value:r.displayMonth.getMonth(),caption:p(r.displayMonth,{locale:d}),children:k?.map(function(P){return jsxRuntimeExports.jsx("option",{value:P.getMonth(),children:p(P,{locale:d})},P.getMonth())})})}function YearsDropdown(r){var o,c=r.displayMonth,n=useDayPicker(),a=n.fromDate,s=n.toDate,d=n.locale,p=n.styles,m=n.classNames,g=n.components,j=n.formatters.formatYearCaption,k=n.labels.labelYearDropdown,_=[];if(!a)return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{});if(!s)return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{});for(var T=a.getFullYear(),E=s.getFullYear(),M=T;M<=E;M++)_.push(setYear(startOfYear(new Date),M));var P=function(H){var Y=setYear(startOfMonth(c),Number(H.target.value));r.onChange(Y)},A=(o=g==null?void 0:g.Dropdown)!==null&&o!==void 0?o:Dropdown;return jsxRuntimeExports.jsx(A,{name:"years","aria-label":k(),className:m.dropdown_year,style:p.dropdown_year,onChange:P,value:c.getFullYear(),caption:j(c,{locale:d}),children:_?.map(function(H){return jsxRuntimeExports.jsx("option",{value:H.getFullYear(),children:j(H,{locale:d})},H.getFullYear())})})}function useControlledValue(r,o){var c=reactExports.useState(r),n=c[0],a=c[1],s=o===void 0?n:o;return[s,a]}function getInitialMonth(r){var o=r.month,c=r.defaultMonth,n=r.today,a=o||c||n||new Date,s=r.toDate,d=r.fromDate,p=r.numberOfMonths,m=p===void 0?1:p;if(s&&differenceInCalendarMonths(s,a)<0){var g=-1*(m-1);a=addMonths(s,g)}return d&&differenceInCalendarMonths(a,d)<0&&(a=d),startOfMonth(a)}function useNavigationState(){var r=useDayPicker(),o=getInitialMonth(r),c=useControlledValue(o,r.month),n=c[0],a=c[1],s=function(d){var p;if(!r.disableNavigation){var m=startOfMonth(d);a(m),(p=r.onMonthChange)===null||p===void 0||p.call(r,m)}};return[n,s]}function getDisplayMonths(r,o){for(var c=o.reverseMonths,n=o.numberOfMonths,a=startOfMonth(r),s=startOfMonth(addMonths(a,n)),d=differenceInCalendarMonths(s,a),p=[],m=0;m<d;m++){var g=addMonths(a,m);p.push(g)}return c&&(p=p.reverse()),p}function getNextMonth(r,o){if(!o.disableNavigation){var c=o.toDate,n=o.pagedNavigation,a=o.numberOfMonths,s=a===void 0?1:a,d=n?s:1,p=startOfMonth(r);if(!c)return addMonths(p,d);var m=differenceInCalendarMonths(c,r);if(!(m<s))return addMonths(p,d)}}function getPreviousMonth(r,o){if(!o.disableNavigation){var c=o.fromDate,n=o.pagedNavigation,a=o.numberOfMonths,s=a===void 0?1:a,d=n?s:1,p=startOfMonth(r);if(!c)return addMonths(p,-d);var m=differenceInCalendarMonths(p,c);if(!(m<=0))return addMonths(p,-d)}}var NavigationContext=reactExports.createContext(void 0);function NavigationProvider(r){var o=useDayPicker(),c=useNavigationState(),n=c[0],a=c[1],s=getDisplayMonths(n,o),d=getNextMonth(n,o),p=getPreviousMonth(n,o),m=function(k){return s?.some(function(_){return isSameMonth(k,_)})},g=function(k,_){m(k)||(_&&isBefore(k,_)?a(addMonths(k,1+o.numberOfMonths*-1)):a(k))},j={currentMonth:n,displayMonths:s,goToMonth:a,goToDate:g,previousMonth:p,nextMonth:d,isDateDisplayed:m};return jsxRuntimeExports.jsx(NavigationContext.Provider,{value:j,children:r.children})}function useNavigation(){var r=reactExports.useContext(NavigationContext);if(!r)throw new Error("useNavigation must be used within a NavigationProvider");return r}function CaptionDropdowns(r){var o,c=useDayPicker(),n=c.classNames,a=c.styles,s=c.components,d=useNavigation().goToMonth,p=function(j){d(addMonths(j,r.displayIndex?-r.displayIndex:0))},m=(o=s==null?void 0:s.CaptionLabel)!==null&&o!==void 0?o:CaptionLabel,g=jsxRuntimeExports.jsx(m,{id:r.id,displayMonth:r.displayMonth});return jsxRuntimeExports.jsxs("div",{className:n.caption_dropdowns,style:a.caption_dropdowns,children:[jsxRuntimeExports.jsx("div",{className:n.vhidden,children:g}),jsxRuntimeExports.jsx(MonthsDropdown,{onChange:p,displayMonth:r.displayMonth}),jsxRuntimeExports.jsx(YearsDropdown,{onChange:p,displayMonth:r.displayMonth})]})}function IconLeft(r){return jsxRuntimeExports.jsx("svg",__assign({width:"16px",height:"16px",viewBox:"0 0 120 120"},r,{children:jsxRuntimeExports.jsx("path",{d:"M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z",fill:"currentColor",fillRule:"nonzero"})}))}function IconRight(r){return jsxRuntimeExports.jsx("svg",__assign({width:"16px",height:"16px",viewBox:"0 0 120 120"},r,{children:jsxRuntimeExports.jsx("path",{d:"M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z",fill:"currentColor"})}))}var Button=reactExports.forwardRef(function(r,o){var c=useDayPicker(),n=c.classNames,a=c.styles,s=[n.button_reset,n.button];r.className&&s.push(r.className);var d=s.join(" "),p=__assign(__assign({},a.button_reset),a.button);return r.style&&Object.assign(p,r.style),jsxRuntimeExports.jsx("button",__assign({},r,{ref:o,type:"button",className:d,style:p}))});function Navigation(r){var o,c,n=useDayPicker(),a=n.dir,s=n.locale,d=n.classNames,p=n.styles,m=n.labels,g=m.labelPrevious,j=m.labelNext,k=n.components;if(!r.nextMonth&&!r.previousMonth)return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{});var _=g(r.previousMonth,{locale:s}),T=[d.nav_button,d.nav_button_previous].join(" "),E=j(r.nextMonth,{locale:s}),M=[d.nav_button,d.nav_button_next].join(" "),P=(o=k==null?void 0:k.IconRight)!==null&&o!==void 0?o:IconRight,A=(c=k==null?void 0:k.IconLeft)!==null&&c!==void 0?c:IconLeft;return jsxRuntimeExports.jsxs("div",{className:d.nav,style:p.nav,children:[!r.hidePrevious&&jsxRuntimeExports.jsx(Button,{name:"previous-month","aria-label":_,className:T,style:p.nav_button_previous,disabled:!r.previousMonth,onClick:r.onPreviousClick,children:a==="rtl"?jsxRuntimeExports.jsx(P,{className:d.nav_icon,style:p.nav_icon}):jsxRuntimeExports.jsx(A,{className:d.nav_icon,style:p.nav_icon})}),!r.hideNext&&jsxRuntimeExports.jsx(Button,{name:"next-month","aria-label":E,className:M,style:p.nav_button_next,disabled:!r.nextMonth,onClick:r.onNextClick,children:a==="rtl"?jsxRuntimeExports.jsx(A,{className:d.nav_icon,style:p.nav_icon}):jsxRuntimeExports.jsx(P,{className:d.nav_icon,style:p.nav_icon})})]})}function CaptionNavigation(r){var o=useDayPicker().numberOfMonths,c=useNavigation(),n=c.previousMonth,a=c.nextMonth,s=c.goToMonth,d=c.displayMonths,p=d.findIndex(function(E){return isSameMonth(r.displayMonth,E)}),m=p===0,g=p===d.length-1,j=o>1&&(m||!g),k=o>1&&(g||!m),_=function(){n&&s(n)},T=function(){a&&s(a)};return jsxRuntimeExports.jsx(Navigation,{displayMonth:r.displayMonth,hideNext:j,hidePrevious:k,nextMonth:a,previousMonth:n,onPreviousClick:_,onNextClick:T})}function Caption(r){var o,c=useDayPicker(),n=c.classNames,a=c.disableNavigation,s=c.styles,d=c.captionLayout,p=c.components,m=(o=p==null?void 0:p.CaptionLabel)!==null&&o!==void 0?o:CaptionLabel,g;return a?g=jsxRuntimeExports.jsx(m,{id:r.id,displayMonth:r.displayMonth}):d==="dropdown"?g=jsxRuntimeExports.jsx(CaptionDropdowns,{displayMonth:r.displayMonth,id:r.id}):d==="dropdown-buttons"?g=jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx(CaptionDropdowns,{displayMonth:r.displayMonth,displayIndex:r.displayIndex,id:r.id}),jsxRuntimeExports.jsx(CaptionNavigation,{displayMonth:r.displayMonth,displayIndex:r.displayIndex,id:r.id})]}):g=jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx(m,{id:r.id,displayMonth:r.displayMonth,displayIndex:r.displayIndex}),jsxRuntimeExports.jsx(CaptionNavigation,{displayMonth:r.displayMonth,id:r.id})]}),jsxRuntimeExports.jsx("div",{className:n.caption,style:s.caption,children:g})}function Footer(r){var o=useDayPicker(),c=o.footer,n=o.styles,a=o.classNames.tfoot;return c?jsxRuntimeExports.jsx("tfoot",{className:a,style:n.tfoot,children:jsxRuntimeExports.jsx("tr",{children:jsxRuntimeExports.jsx("td",{colSpan:8,children:c})})}):jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{})}function getWeekdays(r,o,c){for(var n=c?startOfISOWeek(new Date):startOfWeek(new Date,{locale:r,weekStartsOn:o}),a=[],s=0;s<7;s++){var d=addDays(n,s);a.push(d)}return a}function HeadRow(){var r=useDayPicker(),o=r.classNames,c=r.styles,n=r.showWeekNumber,a=r.locale,s=r.weekStartsOn,d=r.ISOWeek,p=r.formatters.formatWeekdayName,m=r.labels.labelWeekday,g=getWeekdays(a,s,d);return jsxRuntimeExports.jsxs("tr",{style:c.head_row,className:o.head_row,children:[n&&jsxRuntimeExports.jsx("td",{style:c.head_cell,className:o.head_cell}),g?.map(function(j,k){return jsxRuntimeExports.jsx("th",{scope:"col",className:o.head_cell,style:c.head_cell,"aria-label":m(j,{locale:a}),children:p(j,{locale:a})},k)})]})}function Head(){var r,o=useDayPicker(),c=o.classNames,n=o.styles,a=o.components,s=(r=a==null?void 0:a.HeadRow)!==null&&r!==void 0?r:HeadRow;return jsxRuntimeExports.jsx("thead",{style:n.head,className:c.head,children:jsxRuntimeExports.jsx(s,{})})}function DayContent(r){var o=useDayPicker(),c=o.locale,n=o.formatters.formatDay;return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:n(r.date,{locale:c})})}var SelectMultipleContext=reactExports.createContext(void 0);function SelectMultipleProvider(r){if(!isDayPickerMultiple(r.initialProps)){var o={selected:void 0,modifiers:{disabled:[]}};return jsxRuntimeExports.jsx(SelectMultipleContext.Provider,{value:o,children:r.children})}return jsxRuntimeExports.jsx(SelectMultipleProviderInternal,{initialProps:r.initialProps,children:r.children})}function SelectMultipleProviderInternal(r){var o=r.initialProps,c=r.children,n=o.selected,a=o.min,s=o.max,d=function(g,j,k){var _,T;(_=o.onDayClick)===null||_===void 0||_.call(o,g,j,k);var E=!!(j.selected&&a&&(n==null?void 0:n.length)===a);if(!E){var M=!!(!j.selected&&s&&(n==null?void 0:n.length)===s);if(!M){var P=n?__spreadArray([],n):[];if(j.selected){var A=P.findIndex(function(H){return isSameDay(g,H)});P.splice(A,1)}else P.push(g);(T=o.onSelect)===null||T===void 0||T.call(o,P,g,j,k)}}},p={disabled:[]};n&&p.disabled.push(function(g){var j=s&&n.length>s-1,k=n?.some(function(_){return isSameDay(_,g)});return!!(j&&!k)});var m={selected:n,onDayClick:d,modifiers:p};return jsxRuntimeExports.jsx(SelectMultipleContext.Provider,{value:m,children:c})}function useSelectMultiple(){var r=reactExports.useContext(SelectMultipleContext);if(!r)throw new Error("useSelectMultiple must be used within a SelectMultipleProvider");return r}function addToRange(r,o){var c=o||{},n=c.from,a=c.to;return n&&a?isSameDay(a,r)&&isSameDay(n,r)?void 0:isSameDay(a,r)?{from:a,to:void 0}:isSameDay(n,r)?void 0:isAfter(n,r)?{from:r,to:a}:{from:n,to:r}:a?isAfter(r,a)?{from:a,to:r}:{from:r,to:a}:n?isBefore(r,n)?{from:r,to:n}:{from:n,to:r}:{from:r,to:void 0}}var SelectRangeContext=reactExports.createContext(void 0);function SelectRangeProvider(r){if(!isDayPickerRange(r.initialProps)){var o={selected:void 0,modifiers:{range_start:[],range_end:[],range_middle:[],disabled:[]}};return jsxRuntimeExports.jsx(SelectRangeContext.Provider,{value:o,children:r.children})}return jsxRuntimeExports.jsx(SelectRangeProviderInternal,{initialProps:r.initialProps,children:r.children})}function SelectRangeProviderInternal(r){var o=r.initialProps,c=r.children,n=o.selected,a=n||{},s=a.from,d=a.to,p=o.min,m=o.max,g=function(T,E,M){var P,A;(P=o.onDayClick)===null||P===void 0||P.call(o,T,E,M);var H=addToRange(T,n);(A=o.onSelect)===null||A===void 0||A.call(o,H,T,E,M)},j={range_start:[],range_end:[],range_middle:[],disabled:[]};if(s?(j.range_start=[s],d?(j.range_end=[d],isSameDay(s,d)||(j.range_middle=[{after:s,before:d}])):j.range_end=[s]):d&&(j.range_start=[d],j.range_end=[d]),p&&(s&&!d&&j.disabled.push({after:subDays(s,p-1),before:addDays(s,p-1)}),s&&d&&j.disabled.push({after:s,before:addDays(s,p-1)}),!s&&d&&j.disabled.push({after:subDays(d,p-1),before:addDays(d,p-1)})),m){if(s&&!d&&(j.disabled.push({before:addDays(s,-m+1)}),j.disabled.push({after:addDays(s,m-1)})),s&&d){var k=differenceInCalendarDays(d,s)+1,_=m-k;j.disabled.push({before:subDays(s,_)}),j.disabled.push({after:addDays(d,_)})}!s&&d&&(j.disabled.push({before:addDays(d,-m+1)}),j.disabled.push({after:addDays(d,m-1)}))}return jsxRuntimeExports.jsx(SelectRangeContext.Provider,{value:{selected:n,onDayClick:g,modifiers:j},children:c})}function useSelectRange(){var r=reactExports.useContext(SelectRangeContext);if(!r)throw new Error("useSelectRange must be used within a SelectRangeProvider");return r}function matcherToArray(r){return Array.isArray(r)?__spreadArray([],r):r!==void 0?[r]:[]}function getCustomModifiers(r){var o={};return Object.entries(r).forEach(function(c){var n=c[0],a=c[1];o[n]=matcherToArray(a)}),o}var InternalModifier;(function(r){r.Outside="outside",r.Disabled="disabled",r.Selected="selected",r.Hidden="hidden",r.Today="today",r.RangeStart="range_start",r.RangeEnd="range_end",r.RangeMiddle="range_middle"})(InternalModifier||(InternalModifier={}));var Selected=InternalModifier.Selected,Disabled=InternalModifier.Disabled,Hidden=InternalModifier.Hidden,Today=InternalModifier.Today,RangeEnd=InternalModifier.RangeEnd,RangeMiddle=InternalModifier.RangeMiddle,RangeStart=InternalModifier.RangeStart,Outside=InternalModifier.Outside;function getInternalModifiers(r,o,c){var n,a=(n={},n[Selected]=matcherToArray(r.selected),n[Disabled]=matcherToArray(r.disabled),n[Hidden]=matcherToArray(r.hidden),n[Today]=[r.today],n[RangeEnd]=[],n[RangeMiddle]=[],n[RangeStart]=[],n[Outside]=[],n);return r.fromDate&&a[Disabled].push({before:r.fromDate}),r.toDate&&a[Disabled].push({after:r.toDate}),isDayPickerMultiple(r)?a[Disabled]=a[Disabled].concat(o.modifiers[Disabled]):isDayPickerRange(r)&&(a[Disabled]=a[Disabled].concat(c.modifiers[Disabled]),a[RangeStart]=c.modifiers[RangeStart],a[RangeMiddle]=c.modifiers[RangeMiddle],a[RangeEnd]=c.modifiers[RangeEnd]),a}var ModifiersContext=reactExports.createContext(void 0);function ModifiersProvider(r){var o=useDayPicker(),c=useSelectMultiple(),n=useSelectRange(),a=getInternalModifiers(o,c,n),s=getCustomModifiers(o.modifiers),d=__assign(__assign({},a),s);return jsxRuntimeExports.jsx(ModifiersContext.Provider,{value:d,children:r.children})}function useModifiers(){var r=reactExports.useContext(ModifiersContext);if(!r)throw new Error("useModifiers must be used within a ModifiersProvider");return r}function isDateInterval(r){return!!(r&&typeof r=="object"&&"before"in r&&"after"in r)}function isDateRange(r){return!!(r&&typeof r=="object"&&"from"in r)}function isDateAfterType(r){return!!(r&&typeof r=="object"&&"after"in r)}function isDateBeforeType(r){return!!(r&&typeof r=="object"&&"before"in r)}function isDayOfWeekType(r){return!!(r&&typeof r=="object"&&"dayOfWeek"in r)}function isDateInRange(r,o){var c,n=o.from,a=o.to;if(n&&a){var s=differenceInCalendarDays(a,n)<0;s&&(c=[a,n],n=c[0],a=c[1]);var d=differenceInCalendarDays(r,n)>=0&&differenceInCalendarDays(a,r)>=0;return d}return a?isSameDay(a,r):n?isSameDay(n,r):!1}function isDateType(r){return isDate(r)}function isArrayOfDates(r){return Array.isArray(r)&&r.every(isDate)}function isMatch(r,o){return o?.some(function(c){if(typeof c=="boolean")return c;if(isDateType(c))return isSameDay(r,c);if(isArrayOfDates(c))return c.includes(r);if(isDateRange(c))return isDateInRange(r,c);if(isDayOfWeekType(c))return c.dayOfWeek.includes(r.getDay());if(isDateInterval(c)){var n=differenceInCalendarDays(c.before,r),a=differenceInCalendarDays(c.after,r),s=n>0,d=a<0,p=isAfter(c.before,c.after);return p?d&&s:s||d}return isDateAfterType(c)?differenceInCalendarDays(r,c.after)>0:isDateBeforeType(c)?differenceInCalendarDays(c.before,r)>0:typeof c=="function"?c(r):!1})}function getActiveModifiers(r,o,c){var n=Object.keys(o).reduce(function(s,d){var p=o[d];return isMatch(r,p)&&s.push(d),s},[]),a={};return n.forEach(function(s){return a[s]=!0}),c&&!isSameMonth(r,c)&&(a.outside=!0),a}function getInitialFocusTarget(r,o){for(var c=startOfMonth(r[0]),n=endOfMonth(r[r.length-1]),a,s,d=c;d<=n;){var p=getActiveModifiers(d,o),m=!p.disabled&&!p.hidden;if(!m){d=addDays(d,1);continue}if(p.selected)return d;p.today&&!s&&(s=d),a||(a=d),d=addDays(d,1)}return s||a}var MAX_RETRY=365;function getNextFocus(r,o){var c=o.moveBy,n=o.direction,a=o.context,s=o.modifiers,d=o.retry,p=d===void 0?{count:0,lastFocused:r}:d,m=a.weekStartsOn,g=a.fromDate,j=a.toDate,k=a.locale,_={day:addDays,week:addWeeks,month:addMonths,year:addYears,startOfWeek:function(P){return a.ISOWeek?startOfISOWeek(P):startOfWeek(P,{locale:k,weekStartsOn:m})},endOfWeek:function(P){return a.ISOWeek?endOfISOWeek(P):endOfWeek(P,{locale:k,weekStartsOn:m})}},T=_[c](r,n==="after"?1:-1);n==="before"&&g?T=max([g,T]):n==="after"&&j&&(T=min([j,T]));var E=!0;if(s){var M=getActiveModifiers(T,s);E=!M.disabled&&!M.hidden}return E?T:p.count>MAX_RETRY?p.lastFocused:getNextFocus(T,{moveBy:c,direction:n,context:a,modifiers:s,retry:__assign(__assign({},p),{count:p.count+1})})}var FocusContext=reactExports.createContext(void 0);function FocusProvider(r){var o=useNavigation(),c=useModifiers(),n=reactExports.useState(),a=n[0],s=n[1],d=reactExports.useState(),p=d[0],m=d[1],g=getInitialFocusTarget(o.displayMonths,c),j=a??(p&&o.isDateDisplayed(p))?p:g,k=function(){m(a),s(void 0)},_=function(P){s(P)},T=useDayPicker(),E=function(P,A){if(a){var H=getNextFocus(a,{moveBy:P,direction:A,context:T,modifiers:c});isSameDay(a,H)||(o.goToDate(H,a),_(H))}},M={focusedDay:a,focusTarget:j,blur:k,focus:_,focusDayAfter:function(){return E("day","after")},focusDayBefore:function(){return E("day","before")},focusWeekAfter:function(){return E("week","after")},focusWeekBefore:function(){return E("week","before")},focusMonthBefore:function(){return E("month","before")},focusMonthAfter:function(){return E("month","after")},focusYearBefore:function(){return E("year","before")},focusYearAfter:function(){return E("year","after")},focusStartOfWeek:function(){return E("startOfWeek","before")},focusEndOfWeek:function(){return E("endOfWeek","after")}};return jsxRuntimeExports.jsx(FocusContext.Provider,{value:M,children:r.children})}function useFocusContext(){var r=reactExports.useContext(FocusContext);if(!r)throw new Error("useFocusContext must be used within a FocusProvider");return r}function useActiveModifiers(r,o){var c=useModifiers(),n=getActiveModifiers(r,c,o);return n}var SelectSingleContext=reactExports.createContext(void 0);function SelectSingleProvider(r){if(!isDayPickerSingle(r.initialProps)){var o={selected:void 0};return jsxRuntimeExports.jsx(SelectSingleContext.Provider,{value:o,children:r.children})}return jsxRuntimeExports.jsx(SelectSingleProviderInternal,{initialProps:r.initialProps,children:r.children})}function SelectSingleProviderInternal(r){var o=r.initialProps,c=r.children,n=function(s,d,p){var m,g,j;if((m=o.onDayClick)===null||m===void 0||m.call(o,s,d,p),d.selected&&!o.required){(g=o.onSelect)===null||g===void 0||g.call(o,void 0,s,d,p);return}(j=o.onSelect)===null||j===void 0||j.call(o,s,s,d,p)},a={selected:o.selected,onDayClick:n};return jsxRuntimeExports.jsx(SelectSingleContext.Provider,{value:a,children:c})}function useSelectSingle(){var r=reactExports.useContext(SelectSingleContext);if(!r)throw new Error("useSelectSingle must be used within a SelectSingleProvider");return r}function useDayEventHandlers(r,o){var c=useDayPicker(),n=useSelectSingle(),a=useSelectMultiple(),s=useSelectRange(),d=useFocusContext(),p=d.focusDayAfter,m=d.focusDayBefore,g=d.focusWeekAfter,j=d.focusWeekBefore,k=d.blur,_=d.focus,T=d.focusMonthBefore,E=d.focusMonthAfter,M=d.focusYearBefore,P=d.focusYearAfter,A=d.focusStartOfWeek,H=d.focusEndOfWeek,Y=function(J){var K,Te,rt,nt;isDayPickerSingle(c)?(K=n.onDayClick)===null||K===void 0||K.call(n,r,o,J):isDayPickerMultiple(c)?(Te=a.onDayClick)===null||Te===void 0||Te.call(a,r,o,J):isDayPickerRange(c)?(rt=s.onDayClick)===null||rt===void 0||rt.call(s,r,o,J):(nt=c.onDayClick)===null||nt===void 0||nt.call(c,r,o,J)},se=function(J){var K;_(r),(K=c.onDayFocus)===null||K===void 0||K.call(c,r,o,J)},z=function(J){var K;k(),(K=c.onDayBlur)===null||K===void 0||K.call(c,r,o,J)},te=function(J){var K;(K=c.onDayMouseEnter)===null||K===void 0||K.call(c,r,o,J)},u=function(J){var K;(K=c.onDayMouseLeave)===null||K===void 0||K.call(c,r,o,J)},fe=function(J){var K;(K=c.onDayPointerEnter)===null||K===void 0||K.call(c,r,o,J)},ae=function(J){var K;(K=c.onDayPointerLeave)===null||K===void 0||K.call(c,r,o,J)},Ee=function(J){var K;(K=c.onDayTouchCancel)===null||K===void 0||K.call(c,r,o,J)},De=function(J){var K;(K=c.onDayTouchEnd)===null||K===void 0||K.call(c,r,o,J)},Me=function(J){var K;(K=c.onDayTouchMove)===null||K===void 0||K.call(c,r,o,J)},re=function(J){var K;(K=c.onDayTouchStart)===null||K===void 0||K.call(c,r,o,J)},U=function(J){var K;(K=c.onDayKeyUp)===null||K===void 0||K.call(c,r,o,J)},ye=function(J){var K;switch(J.key){case"ArrowLeft":J.preventDefault(),J.stopPropagation(),c.dir==="rtl"?p():m();break;case"ArrowRight":J.preventDefault(),J.stopPropagation(),c.dir==="rtl"?m():p();break;case"ArrowDown":J.preventDefault(),J.stopPropagation(),g();break;case"ArrowUp":J.preventDefault(),J.stopPropagation(),j();break;case"PageUp":J.preventDefault(),J.stopPropagation(),J.shiftKey?M():T();break;case"PageDown":J.preventDefault(),J.stopPropagation(),J.shiftKey?P():E();break;case"Home":J.preventDefault(),J.stopPropagation(),A();break;case"End":J.preventDefault(),J.stopPropagation(),H();break}(K=c.onDayKeyDown)===null||K===void 0||K.call(c,r,o,J)},ke={onClick:Y,onFocus:se,onBlur:z,onKeyDown:ye,onKeyUp:U,onMouseEnter:te,onMouseLeave:u,onPointerEnter:fe,onPointerLeave:ae,onTouchCancel:Ee,onTouchEnd:De,onTouchMove:Me,onTouchStart:re};return ke}function useSelectedDays(){var r=useDayPicker(),o=useSelectSingle(),c=useSelectMultiple(),n=useSelectRange(),a=isDayPickerSingle(r)?o.selected:isDayPickerMultiple(r)?c.selected:isDayPickerRange(r)?n.selected:void 0;return a}function isInternalModifier(r){return Object.values(InternalModifier).includes(r)}function getDayClassNames(r,o){var c=[r.classNames.day];return Object.keys(o).forEach(function(n){var a=r.modifiersClassNames[n];if(a)c.push(a);else if(isInternalModifier(n)){var s=r.classNames["day_".concat(n)];s&&c.push(s)}}),c}function getDayStyle(r,o){var c=__assign({},r.styles.day);return Object.keys(o).forEach(function(n){var a;c=__assign(__assign({},c),(a=r.modifiersStyles)===null||a===void 0?void 0:a[n])}),c}function useDayRender(r,o,c){var n,a,s,d=useDayPicker(),p=useFocusContext(),m=useActiveModifiers(r,o),g=useDayEventHandlers(r,m),j=useSelectedDays(),k=!!(d.onDayClick||d.mode!=="default");reactExports.useEffect(function(){var te;m.outside||p.focusedDay&&k&&isSameDay(p.focusedDay,r)&&((te=c.current)===null||te===void 0||te.focus())},[p.focusedDay,r,c,k,m.outside]);var _=getDayClassNames(d,m).join(" "),T=getDayStyle(d,m),E=!!(m.outside&&!d.showOutsideDays||m.hidden),M=(s=(a=d.components)===null||a===void 0?void 0:a.DayContent)!==null&&s!==void 0?s:DayContent,P=jsxRuntimeExports.jsx(M,{date:r,displayMonth:o,activeModifiers:m}),A={style:T,className:_,children:P,role:"gridcell"},H=p.focusTarget&&isSameDay(p.focusTarget,r)&&!m.outside,Y=p.focusedDay&&isSameDay(p.focusedDay,r),se=__assign(__assign(__assign({},A),(n={disabled:m.disabled,role:"gridcell"},n["aria-selected"]=m.selected,n.tabIndex=Y||H?0:-1,n)),g),z={isButton:k,isHidden:E,activeModifiers:m,selectedDays:j,buttonProps:se,divProps:A};return z}function Day(r){var o=reactExports.useRef(null),c=useDayRender(r.date,r.displayMonth,o);return c.isHidden?jsxRuntimeExports.jsx("div",{role:"gridcell"}):c.isButton?jsxRuntimeExports.jsx(Button,__assign({name:"day",ref:o},c.buttonProps)):jsxRuntimeExports.jsx("div",__assign({},c.divProps))}function WeekNumber(r){var o=r.number,c=r.dates,n=useDayPicker(),a=n.onWeekNumberClick,s=n.styles,d=n.classNames,p=n.locale,m=n.labels.labelWeekNumber,g=n.formatters.formatWeekNumber,j=g(Number(o),{locale:p});if(!a)return jsxRuntimeExports.jsx("span",{className:d.weeknumber,style:s.weeknumber,children:j});var k=m(Number(o),{locale:p}),_=function(T){a(o,c,T)};return jsxRuntimeExports.jsx(Button,{name:"week-number","aria-label":k,className:d.weeknumber,style:s.weeknumber,onClick:_,children:j})}function Row(r){var o,c,n=useDayPicker(),a=n.styles,s=n.classNames,d=n.showWeekNumber,p=n.components,m=(o=p==null?void 0:p.Day)!==null&&o!==void 0?o:Day,g=(c=p==null?void 0:p.WeekNumber)!==null&&c!==void 0?c:WeekNumber,j;return d&&(j=jsxRuntimeExports.jsx("td",{className:s.cell,style:a.cell,children:jsxRuntimeExports.jsx(g,{number:r.weekNumber,dates:r.dates})})),jsxRuntimeExports.jsxs("tr",{className:s.row,style:a.row,children:[j,r.dates?.map(function(k){return jsxRuntimeExports.jsx("td",{className:s.cell,style:a.cell,role:"presentation",children:jsxRuntimeExports.jsx(m,{displayMonth:r.displayMonth,date:k})},getUnixTime(k))})]})}function daysToMonthWeeks(r,o,c){for(var n=c!=null&&c.ISOWeek?endOfISOWeek(o):endOfWeek(o,c),a=c!=null&&c.ISOWeek?startOfISOWeek(r):startOfWeek(r,c),s=differenceInCalendarDays(n,a),d=[],p=0;p<=s;p++)d.push(addDays(a,p));var m=d.reduce(function(g,j){var k=c!=null&&c.ISOWeek?getISOWeek(j):getWeek(j,c),_=g.find(function(T){return T.weekNumber===k});return _?(_.dates.push(j),g):(g.push({weekNumber:k,dates:[j]}),g)},[]);return m}function getMonthWeeks(r,o){var c=daysToMonthWeeks(startOfMonth(r),endOfMonth(r),o);if(o!=null&&o.useFixedWeeks){var n=getWeeksInMonth(r,o);if(n<6){var a=c[c.length-1],s=a.dates[a.dates.length-1],d=addWeeks(s,6-n),p=daysToMonthWeeks(addWeeks(s,1),d,o);c.push.apply(c,p)}}return c}function Table(r){var o,c,n,a=useDayPicker(),s=a.locale,d=a.classNames,p=a.styles,m=a.hideHead,g=a.fixedWeeks,j=a.components,k=a.weekStartsOn,_=a.firstWeekContainsDate,T=a.ISOWeek,E=getMonthWeeks(r.displayMonth,{useFixedWeeks:!!g,ISOWeek:T,locale:s,weekStartsOn:k,firstWeekContainsDate:_}),M=(o=j==null?void 0:j.Head)!==null&&o!==void 0?o:Head,P=(c=j==null?void 0:j.Row)!==null&&c!==void 0?c:Row,A=(n=j==null?void 0:j.Footer)!==null&&n!==void 0?n:Footer;return jsxRuntimeExports.jsxs("table",{id:r.id,className:d.table,style:p.table,role:"grid","aria-labelledby":r["aria-labelledby"],children:[!m&&jsxRuntimeExports.jsx(M,{}),jsxRuntimeExports.jsx("tbody",{className:d.tbody,style:p.tbody,children:E?.map(function(H){return jsxRuntimeExports.jsx(P,{displayMonth:r.displayMonth,dates:H.dates,weekNumber:H.weekNumber},H.weekNumber)})}),jsxRuntimeExports.jsx(A,{displayMonth:r.displayMonth})]})}function canUseDOM(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var useIsomorphicLayoutEffect=canUseDOM()?reactExports.useLayoutEffect:reactExports.useEffect,serverHandoffComplete=!1,id=0;function genId(){return"react-day-picker-".concat(++id)}function useId(r){var o,c=r??(serverHandoffComplete?genId():null),n=reactExports.useState(c),a=n[0],s=n[1];return useIsomorphicLayoutEffect(function(){a===null&&s(genId())},[]),reactExports.useEffect(function(){serverHandoffComplete===!1&&(serverHandoffComplete=!0)},[]),(o=r??a)!==null&&o!==void 0?o:void 0}function Month(r){var o,c,n=useDayPicker(),a=n.dir,s=n.classNames,d=n.styles,p=n.components,m=useNavigation().displayMonths,g=useId(n.id?"".concat(n.id,"-").concat(r.displayIndex):void 0),j=n.id?"".concat(n.id,"-grid-").concat(r.displayIndex):void 0,k=[s.month],_=d.month,T=r.displayIndex===0,E=r.displayIndex===m.length-1,M=!T&&!E;a==="rtl"&&(o=[T,E],E=o[0],T=o[1]),T&&(k.push(s.caption_start),_=__assign(__assign({},_),d.caption_start)),E&&(k.push(s.caption_end),_=__assign(__assign({},_),d.caption_end)),M&&(k.push(s.caption_between),_=__assign(__assign({},_),d.caption_between));var P=(c=p==null?void 0:p.Caption)!==null&&c!==void 0?c:Caption;return jsxRuntimeExports.jsxs("div",{className:k.join(" "),style:_,children:[jsxRuntimeExports.jsx(P,{id:g,displayMonth:r.displayMonth,displayIndex:r.displayIndex}),jsxRuntimeExports.jsx(Table,{id:j,"aria-labelledby":g,displayMonth:r.displayMonth})]},r.displayIndex)}function Months(r){var o=useDayPicker(),c=o.classNames,n=o.styles;return jsxRuntimeExports.jsx("div",{className:c.months,style:n.months,children:r.children})}function Root(r){var o,c,n=r.initialProps,a=useDayPicker(),s=useFocusContext(),d=useNavigation(),p=reactExports.useState(!1),m=p[0],g=p[1];reactExports.useEffect(function(){a.initialFocus&&s.focusTarget&&(m||(s.focus(s.focusTarget),g(!0)))},[a.initialFocus,m,s.focus,s.focusTarget,s]);var j=[a.classNames.root,a.className];a.numberOfMonths>1&&j.push(a.classNames.multiple_months),a.showWeekNumber&&j.push(a.classNames.with_weeknumber);var k=__assign(__assign({},a.styles.root),a.style),_=Object.keys(n).filter(function(E){return E.startsWith("data-")}).reduce(function(E,M){var P;return __assign(__assign({},E),(P={},P[M]=n[M],P))},{}),T=(c=(o=n.components)===null||o===void 0?void 0:o.Months)!==null&&c!==void 0?c:Months;return jsxRuntimeExports.jsx("div",__assign({className:j.join(" "),style:k,dir:a.dir,id:a.id,nonce:n.nonce,title:n.title,lang:n.lang},_,{children:jsxRuntimeExports.jsx(T,{children:d.displayMonths?.map(function(E,M){return jsxRuntimeExports.jsx(Month,{displayIndex:M,displayMonth:E},M)})})}))}function RootProvider(r){var o=r.children,c=__rest(r,["children"]);return jsxRuntimeExports.jsx(DayPickerProvider,{initialProps:c,children:jsxRuntimeExports.jsx(NavigationProvider,{children:jsxRuntimeExports.jsx(SelectSingleProvider,{initialProps:c,children:jsxRuntimeExports.jsx(SelectMultipleProvider,{initialProps:c,children:jsxRuntimeExports.jsx(SelectRangeProvider,{initialProps:c,children:jsxRuntimeExports.jsx(ModifiersProvider,{children:jsxRuntimeExports.jsx(FocusProvider,{children:o})})})})})})})}function DayPicker(r){return jsxRuntimeExports.jsx(RootProvider,__assign({},r,{children:jsxRuntimeExports.jsx(Root,{initialProps:r})}))}function Calendar({className:r,classNames:o,showOutsideDays:c=!0,...n}){return jsxRuntimeExports.jsx(DayPicker,{showOutsideDays:c,...n,className:cn("rdp w-full rounded-xl border border-slate-200 bg-white p-3 shadow-[0_10px_30px_-20px_rgba(15,23,42,0.5)] dark:border-slate-700 dark:bg-slate-900",r),classNames:{months:"rdp-months flex flex-col gap-4 sm:flex-row sm:gap-6",month:"rdp-month space-y-4",caption:"rdp-caption relative flex items-center justify-center pt-1",caption_label:"rdp-caption_label text-sm font-semibold tracking-wide text-slate-800 dark:text-slate-100",nav:"rdp-nav flex items-center gap-1",nav_button:cn("rdp-nav_button",buttonVariants({variant:"ghost",size:"icon"}),"h-8 w-8 rounded-lg text-slate-600 hover:bg-slate-100 hover:text-slate-900 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-slate-100"),nav_button_previous:"rdp-nav_button_previous absolute left-0",nav_button_next:"rdp-nav_button_next absolute right-0",table:"rdp-table w-full border-collapse space-y-1",head_row:"rdp-head_row flex w-full justify-between",head_cell:"rdp-head_cell text-slate-500 rounded-md w-9 font-normal text-[0.8rem] dark:text-slate-400 uppercase tracking-wide text-center pt-1 mb-2 whitespace-nowrap",row:"rdp-row flex w-full justify-between mt-1",cell:cn("rdp-cell relative h-9 w-9 p-0 text-center text-sm focus-within:relative focus-within:z-10",n.mode==="range"?"[&:has([aria-selected].day-range-end)]:rounded-r-lg [&:has([aria-selected].day-range-start)]:rounded-l-lg [&:has([aria-selected].day-range-middle)]:bg-primary-50 dark:[&:has([aria-selected].day-range-middle)]:bg-primary-900/30":""),day:cn("rdp-day",buttonVariants({variant:"ghost"}),"h-9 w-9 rounded-lg p-0 font-medium text-slate-700 hover:bg-slate-100 hover:text-slate-900 focus-visible:ring-2 focus-visible:ring-primary-500/30 aria-selected:opacity-100 dark:text-slate-200 dark:hover:bg-slate-800 dark:hover:text-white"),day_selected:"rdp-day_selected bg-primary-600 text-white hover:bg-primary-600 hover:text-white focus:bg-primary-600 focus:text-white dark:bg-primary-500 dark:hover:bg-primary-500",day_today:"rdp-day_today border border-primary-300 bg-primary-50 text-primary-700 dark:border-primary-500/50 dark:bg-primary-900/30 dark:text-primary-300",day_outside:"rdp-day_outside text-slate-400 opacity-60 aria-selected:bg-primary-100 aria-selected:text-primary-700 dark:text-slate-600 dark:aria-selected:bg-primary-900/40 dark:aria-selected:text-primary-300",day_disabled:"rdp-day_disabled text-slate-300 opacity-50 dark:text-slate-600",day_range_middle:"rdp-day_range_middle aria-selected:bg-primary-100 aria-selected:text-primary-800 dark:aria-selected:bg-primary-900/40 dark:aria-selected:text-primary-200",day_range_start:"rdp-day_range_start day-range-start aria-selected:bg-primary-600 aria-selected:text-white",day_range_end:"rdp-day_range_end day-range-end aria-selected:bg-primary-600 aria-selected:text-white",day_hidden:"rdp-day_hidden invisible",...o}})}var jquery$1={exports:{}};/*!
+ * jQuery JavaScript Library v3.7.1
+ * https://jquery.com/
+ *
+ * Copyright OpenJS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2023-08-28T13:37Z
+ */var jquery=jquery$1.exports,hasRequiredJquery;function requireJquery(){return hasRequiredJquery||(hasRequiredJquery=1,(function(r){(function(o,c){r.exports=o.document?c(o,!0):function(n){if(!n.document)throw new Error("jQuery requires a window with a document");return c(n)}})(typeof window<"u"?window:jquery,function(o,c){var n=[],a=Object.getPrototypeOf,s=n.slice,d=n.flat?function(e){return n.flat.call(e)}:function(e){return n.concat.apply([],e)},p=n.push,m=n.indexOf,g={},j=g.toString,k=g.hasOwnProperty,_=k.toString,T=_.call(Object),E={},M=function(t){return typeof t=="function"&&typeof t.nodeType!="number"&&typeof t.item!="function"},P=function(t){return t!=null&&t===t.window},A=o.document,H={type:!0,src:!0,nonce:!0,noModule:!0};function Y(e,t,i){i=i||A;var l,f,h=i.createElement("script");if(h.text=e,t)for(l in H)f=t[l]||t.getAttribute&&t.getAttribute(l),f&&h.setAttribute(l,f);i.head.appendChild(h).parentNode.removeChild(h)}function se(e){return e==null?e+"":typeof e=="object"||typeof e=="function"?g[j.call(e)]||"object":typeof e}var z="3.7.1",te=/HTML$/i,u=function(e,t){return new u.fn.init(e,t)};u.fn=u.prototype={jquery:z,constructor:u,length:0,toArray:function(){return s.call(this)},get:function(e){return e==null?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=u.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return u.each(this,e)},map:function(e){return this.pushStack(u?.map(this,function(t,i){return e.call(t,i,t)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(u.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(u.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,i=+e+(e<0?t:0);return this.pushStack(i>=0&&i<t?[this[i]]:[])},end:function(){return this.prevObject||this.constructor()},push:p,sort:n.sort,splice:n.splice},u.extend=u.fn.extend=function(){var e,t,i,l,f,h,x=arguments[0]||{},b=1,v=arguments.length,w=!1;for(typeof x=="boolean"&&(w=x,x=arguments[b]||{},b++),typeof x!="object"&&!M(x)&&(x={}),b===v&&(x=this,b--);b<v;b++)if((e=arguments[b])!=null)for(t in e)l=e[t],!(t==="__proto__"||x===l)&&(w&&l&&(u.isPlainObject(l)||(f=Array.isArray(l)))?(i=x[t],f&&!Array.isArray(i)?h=[]:!f&&!u.isPlainObject(i)?h={}:h=i,f=!1,x[t]=u.extend(w,h,l)):l!==void 0&&(x[t]=l));return x},u.extend({expando:"jQuery"+(z+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,i;return!e||j.call(e)!=="[object Object]"?!1:(t=a(e),t?(i=k.call(t,"constructor")&&t.constructor,typeof i=="function"&&_.call(i)===T):!0)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,i){Y(e,{nonce:t&&t.nonce},i)},each:function(e,t){var i,l=0;if(fe(e))for(i=e.length;l<i&&t.call(e[l],l,e[l])!==!1;l++);else for(l in e)if(t.call(e[l],l,e[l])===!1)break;return e},text:function(e){var t,i="",l=0,f=e.nodeType;if(!f)for(;t=e[l++];)i+=u.text(t);return f===1||f===11?e.textContent:f===9?e.documentElement.textContent:f===3||f===4?e.nodeValue:i},makeArray:function(e,t){var i=t||[];return e!=null&&(fe(Object(e))?u.merge(i,typeof e=="string"?[e]:e):p.call(i,e)),i},inArray:function(e,t,i){return t==null?-1:m.call(t,e,i)},isXMLDoc:function(e){var t=e&&e.namespaceURI,i=e&&(e.ownerDocument||e).documentElement;return!te.test(t||i&&i.nodeName||"HTML")},merge:function(e,t){for(var i=+t.length,l=0,f=e.length;l<i;l++)e[f++]=t[l];return e.length=f,e},grep:function(e,t,i){for(var l,f=[],h=0,x=e.length,b=!i;h<x;h++)l=!t(e[h],h),l!==b&&f.push(e[h]);return f},map:function(e,t,i){var l,f,h=0,x=[];if(fe(e))for(l=e.length;h<l;h++)f=t(e[h],h,i),f!=null&&x.push(f);else for(h in e)f=t(e[h],h,i),f!=null&&x.push(f);return d(x)},guid:1,support:E}),typeof Symbol=="function"&&(u.fn[Symbol.iterator]=n[Symbol.iterator]),u.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){g["[object "+t+"]"]=t.toLowerCase()});function fe(e){var t=!!e&&"length"in e&&e.length,i=se(e);return M(e)||P(e)?!1:i==="array"||t===0||typeof t=="number"&&t>0&&t-1 in e}function ae(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var Ee=n.pop,De=n.sort,Me=n.splice,re="[\\x20\\t\\r\\n\\f]",U=new RegExp("^"+re+"+|((?:^|[^\\\\])(?:\\\\.)*)"+re+"+$","g");u.contains=function(e,t){var i=t&&t.parentNode;return e===i||!!(i&&i.nodeType===1&&(e.contains?e.contains(i):e.compareDocumentPosition&&e.compareDocumentPosition(i)&16))};var ye=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;function ke(e,t){return t?e==="\0"?"�":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e}u.escapeSelector=function(e){return(e+"").replace(ye,ke)};var J=A,K=p;(function(){var e,t,i,l,f,h=K,x,b,v,w,R,I=u.expando,C=0,F=0,ne=qt(),de=qt(),oe=qt(),Se=qt(),Ce=function(y,D){return y===D&&(f=!0),0},Ke="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",Qe="(?:\\\\[\\da-fA-F]{1,6}"+re+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",ce="\\["+re+"*("+Qe+")(?:"+re+"*([*^$|!~]?=)"+re+`*(?:'((?:\\\\.|[^\\\\'])*)'|"((?:\\\\.|[^\\\\"])*)"|(`+Qe+"))|)"+re+"*\\]",ft=":("+Qe+`)(?:\\((('((?:\\\\.|[^\\\\'])*)'|"((?:\\\\.|[^\\\\"])*)")|((?:\\\\.|[^\\\\()[\\]]|`+ce+")*)|.*)\\)|)",he=new RegExp(re+"+","g"),we=new RegExp("^"+re+"*,"+re+"*"),Tt=new RegExp("^"+re+"*([>+~]|"+re+")"+re+"*"),lr=new RegExp(re+"|>"),Ge=new RegExp(ft),Ot=new RegExp("^"+Qe+"$"),Xe={ID:new RegExp("^#("+Qe+")"),CLASS:new RegExp("^\\.("+Qe+")"),TAG:new RegExp("^("+Qe+"|[*])"),ATTR:new RegExp("^"+ce),PSEUDO:new RegExp("^"+ft),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+re+"*(even|odd|(([+-]|)(\\d*)n|)"+re+"*(?:([+-]|)"+re+"*(\\d+)|))"+re+"*\\)|)","i"),bool:new RegExp("^(?:"+Ke+")$","i"),needsContext:new RegExp("^"+re+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+re+"*((?:-\\d)?\\d*)"+re+"*\\)|)(?=[^-]|$)","i")},it=/^(?:input|select|textarea|button)$/i,st=/^h\d$/i,He=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ur=/[+~]/,et=new RegExp("\\\\[\\da-fA-F]{1,6}"+re+"?|\\\\([^\\r\\n\\f])","g"),tt=function(y,D){var N="0x"+y.slice(1)-65536;return D||(N<0?String.fromCharCode(N+65536):String.fromCharCode(N>>10|55296,N&1023|56320))},In=function(){ot()},An=Ut(function(y){return y.disabled===!0&&ae(y,"fieldset")},{dir:"parentNode",next:"legend"});function Pn(){try{return x.activeElement}catch{}}try{h.apply(n=s.call(J.childNodes),J.childNodes),n[J.childNodes.length].nodeType}catch{h={apply:function(D,N){K.apply(D,s.call(N))},call:function(D){K.apply(D,s.call(arguments,1))}}}function ge(y,D,N,S){var L,W,B,Q,q,le,Z,ie=D&&D.ownerDocument,ue=D?D.nodeType:9;if(N=N||[],typeof y!="string"||!y||ue!==1&&ue!==9&&ue!==11)return N;if(!S&&(ot(D),D=D||x,v)){if(ue!==11&&(q=He.exec(y)))if(L=q[1]){if(ue===9)if(B=D.getElementById(L)){if(B.id===L)return h.call(N,B),N}else return N;else if(ie&&(B=ie.getElementById(L))&&ge.contains(D,B)&&B.id===L)return h.call(N,B),N}else{if(q[2])return h.apply(N,D.getElementsByTagName(y)),N;if((L=q[3])&&D.getElementsByClassName)return h.apply(N,D.getElementsByClassName(L)),N}if(!Se[y+" "]&&(!w||!w.test(y))){if(Z=y,ie=D,ue===1&&(lr.test(y)||Tt.test(y))){for(ie=ur.test(y)&&cr(D.parentNode)||D,(ie!=D||!E.scope)&&((Q=D.getAttribute("id"))?Q=u.escapeSelector(Q):D.setAttribute("id",Q=I)),le=Lt(y),W=le.length;W--;)le[W]=(Q?"#"+Q:":scope")+" "+Jt(le[W]);Z=le.join(",")}try{return h.apply(N,ie.querySelectorAll(Z)),N}catch{Se(y,!0)}finally{Q===I&&D.removeAttribute("id")}}}return Kr(y.replace(U,"$1"),D,N,S)}function qt(){var y=[];function D(N,S){return y.push(N+" ")>t.cacheLength&&delete D[y.shift()],D[N+" "]=S}return D}function Je(y){return y[I]=!0,y}function bt(y){var D=x.createElement("fieldset");try{return!!y(D)}catch{return!1}finally{D.parentNode&&D.parentNode.removeChild(D),D=null}}function Fn(y){return function(D){return ae(D,"input")&&D.type===y}}function Wn(y){return function(D){return(ae(D,"input")||ae(D,"button"))&&D.type===y}}function zr(y){return function(D){return"form"in D?D.parentNode&&D.disabled===!1?"label"in D?"label"in D.parentNode?D.parentNode.disabled===y:D.disabled===y:D.isDisabled===y||D.isDisabled!==!y&&An(D)===y:D.disabled===y:"label"in D?D.disabled===y:!1}}function ht(y){return Je(function(D){return D=+D,Je(function(N,S){for(var L,W=y([],N.length,D),B=W.length;B--;)N[L=W[B]]&&(N[L]=!(S[L]=N[L]))})})}function cr(y){return y&&typeof y.getElementsByTagName<"u"&&y}function ot(y){var D,N=y?y.ownerDocument||y:J;return N==x||N.nodeType!==9||!N.documentElement||(x=N,b=x.documentElement,v=!u.isXMLDoc(x),R=b.matches||b.webkitMatchesSelector||b.msMatchesSelector,b.msMatchesSelector&&J!=x&&(D=x.defaultView)&&D.top!==D&&D.addEventListener("unload",In),E.getById=bt(function(S){return b.appendChild(S).id=u.expando,!x.getElementsByName||!x.getElementsByName(u.expando).length}),E.disconnectedMatch=bt(function(S){return R.call(S,"*")}),E.scope=bt(function(){return x.querySelectorAll(":scope")}),E.cssHas=bt(function(){try{return x.querySelector(":has(*,:jqfake)"),!1}catch{return!0}}),E.getById?(t.filter.ID=function(S){var L=S.replace(et,tt);return function(W){return W.getAttribute("id")===L}},t.find.ID=function(S,L){if(typeof L.getElementById<"u"&&v){var W=L.getElementById(S);return W?[W]:[]}}):(t.filter.ID=function(S){var L=S.replace(et,tt);return function(W){var B=typeof W.getAttributeNode<"u"&&W.getAttributeNode("id");return B&&B.value===L}},t.find.ID=function(S,L){if(typeof L.getElementById<"u"&&v){var W,B,Q,q=L.getElementById(S);if(q){if(W=q.getAttributeNode("id"),W&&W.value===S)return[q];for(Q=L.getElementsByName(S),B=0;q=Q[B++];)if(W=q.getAttributeNode("id"),W&&W.value===S)return[q]}return[]}}),t.find.TAG=function(S,L){return typeof L.getElementsByTagName<"u"?L.getElementsByTagName(S):L.querySelectorAll(S)},t.find.CLASS=function(S,L){if(typeof L.getElementsByClassName<"u"&&v)return L.getElementsByClassName(S)},w=[],bt(function(S){var L;b.appendChild(S).innerHTML="<a id='"+I+"' href='' disabled='disabled'></a><select id='"+I+"-\r\\' disabled='disabled'><option selected=''></option></select>",S.querySelectorAll("[selected]").length||w.push("\\["+re+"*(?:value|"+Ke+")"),S.querySelectorAll("[id~="+I+"-]").length||w.push("~="),S.querySelectorAll("a#"+I+"+*").length||w.push(".#.+[+~]"),S.querySelectorAll(":checked").length||w.push(":checked"),L=x.createElement("input"),L.setAttribute("type","hidden"),S.appendChild(L).setAttribute("name","D"),b.appendChild(S).disabled=!0,S.querySelectorAll(":disabled").length!==2&&w.push(":enabled",":disabled"),L=x.createElement("input"),L.setAttribute("name",""),S.appendChild(L),S.querySelectorAll("[name='']").length||w.push("\\["+re+"*name"+re+"*="+re+`*(?:''|"")`)}),E.cssHas||w.push(":has"),w=w.length&&new RegExp(w.join("|")),Ce=function(S,L){if(S===L)return f=!0,0;var W=!S.compareDocumentPosition-!L.compareDocumentPosition;return W||(W=(S.ownerDocument||S)==(L.ownerDocument||L)?S.compareDocumentPosition(L):1,W&1||!E.sortDetached&&L.compareDocumentPosition(S)===W?S===x||S.ownerDocument==J&&ge.contains(J,S)?-1:L===x||L.ownerDocument==J&&ge.contains(J,L)?1:l?m.call(l,S)-m.call(l,L):0:W&4?-1:1)}),x}ge.matches=function(y,D){return ge(y,null,null,D)},ge.matchesSelector=function(y,D){if(ot(y),v&&!Se[D+" "]&&(!w||!w.test(D)))try{var N=R.call(y,D);if(N||E.disconnectedMatch||y.document&&y.document.nodeType!==11)return N}catch{Se(D,!0)}return ge(D,x,null,[y]).length>0},ge.contains=function(y,D){return(y.ownerDocument||y)!=x&&ot(y),u.contains(y,D)},ge.attr=function(y,D){(y.ownerDocument||y)!=x&&ot(y);var N=t.attrHandle[D.toLowerCase()],S=N&&k.call(t.attrHandle,D.toLowerCase())?N(y,D,!v):void 0;return S!==void 0?S:y.getAttribute(D)},ge.error=function(y){throw new Error("Syntax error, unrecognized expression: "+y)},u.uniqueSort=function(y){var D,N=[],S=0,L=0;if(f=!E.sortStable,l=!E.sortStable&&s.call(y,0),De.call(y,Ce),f){for(;D=y[L++];)D===y[L]&&(S=N.push(L));for(;S--;)Me.call(y,N[S],1)}return l=null,y},u.fn.uniqueSort=function(){return this.pushStack(u.uniqueSort(s.apply(this)))},t=u.expr={cacheLength:50,createPseudo:Je,match:Xe,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(y){return y[1]=y[1].replace(et,tt),y[3]=(y[3]||y[4]||y[5]||"").replace(et,tt),y[2]==="~="&&(y[3]=" "+y[3]+" "),y.slice(0,4)},CHILD:function(y){return y[1]=y[1].toLowerCase(),y[1].slice(0,3)==="nth"?(y[3]||ge.error(y[0]),y[4]=+(y[4]?y[5]+(y[6]||1):2*(y[3]==="even"||y[3]==="odd")),y[5]=+(y[7]+y[8]||y[3]==="odd")):y[3]&&ge.error(y[0]),y},PSEUDO:function(y){var D,N=!y[6]&&y[2];return Xe.CHILD.test(y[0])?null:(y[3]?y[2]=y[4]||y[5]||"":N&&Ge.test(N)&&(D=Lt(N,!0))&&(D=N.indexOf(")",N.length-D)-N.length)&&(y[0]=y[0].slice(0,D),y[2]=N.slice(0,D)),y.slice(0,3))}},filter:{TAG:function(y){var D=y.replace(et,tt).toLowerCase();return y==="*"?function(){return!0}:function(N){return ae(N,D)}},CLASS:function(y){var D=ne[y+" "];return D||(D=new RegExp("(^|"+re+")"+y+"("+re+"|$)"))&&ne(y,function(N){return D.test(typeof N.className=="string"&&N.className||typeof N.getAttribute<"u"&&N.getAttribute("class")||"")})},ATTR:function(y,D,N){return function(S){var L=ge.attr(S,y);return L==null?D==="!=":D?(L+="",D==="="?L===N:D==="!="?L!==N:D==="^="?N&&L.indexOf(N)===0:D==="*="?N&&L.indexOf(N)>-1:D==="$="?N&&L.slice(-N.length)===N:D==="~="?(" "+L.replace(he," ")+" ").indexOf(N)>-1:D==="|="?L===N||L.slice(0,N.length+1)===N+"-":!1):!0}},CHILD:function(y,D,N,S,L){var W=y.slice(0,3)!=="nth",B=y.slice(-4)!=="last",Q=D==="of-type";return S===1&&L===0?(function(q){return!!q.parentNode}):function(q,le,Z){var ie,ue,G,be,Pe,Re=W!==B?"nextSibling":"previousSibling",Ye=q.parentNode,$e=Q&&q.nodeName.toLowerCase(),jt=!Z&&!Q,Le=!1;if(Ye){if(W){for(;Re;){for(G=q;G=G[Re];)if(Q?ae(G,$e):G.nodeType===1)return!1;Pe=Re=y==="only"&&!Pe&&"nextSibling"}return!0}if(Pe=[B?Ye.firstChild:Ye.lastChild],B&&jt){for(ue=Ye[I]||(Ye[I]={}),ie=ue[y]||[],be=ie[0]===C&&ie[1],Le=be&&ie[2],G=be&&Ye.childNodes[be];G=++be&&G&&G[Re]||(Le=be=0)||Pe.pop();)if(G.nodeType===1&&++Le&&G===q){ue[y]=[C,be,Le];break}}else if(jt&&(ue=q[I]||(q[I]={}),ie=ue[y]||[],be=ie[0]===C&&ie[1],Le=be),Le===!1)for(;(G=++be&&G&&G[Re]||(Le=be=0)||Pe.pop())&&!((Q?ae(G,$e):G.nodeType===1)&&++Le&&(jt&&(ue=G[I]||(G[I]={}),ue[y]=[C,Le]),G===q)););return Le-=L,Le===S||Le%S===0&&Le/S>=0}}},PSEUDO:function(y,D){var N,S=t.pseudos[y]||t.setFilters[y.toLowerCase()]||ge.error("unsupported pseudo: "+y);return S[I]?S(D):S.length>1?(N=[y,y,"",D],t.setFilters.hasOwnProperty(y.toLowerCase())?Je(function(L,W){for(var B,Q=S(L,D),q=Q.length;q--;)B=m.call(L,Q[q]),L[B]=!(W[B]=Q[q])}):function(L){return S(L,0,N)}):S}},pseudos:{not:Je(function(y){var D=[],N=[],S=pr(y.replace(U,"$1"));return S[I]?Je(function(L,W,B,Q){for(var q,le=S(L,null,Q,[]),Z=L.length;Z--;)(q=le[Z])&&(L[Z]=!(W[Z]=q))}):function(L,W,B){return D[0]=L,S(D,null,B,N),D[0]=null,!N.pop()}}),has:Je(function(y){return function(D){return ge(y,D).length>0}}),contains:Je(function(y){return y=y.replace(et,tt),function(D){return(D.textContent||u.text(D)).indexOf(y)>-1}}),lang:Je(function(y){return Ot.test(y||"")||ge.error("unsupported lang: "+y),y=y.replace(et,tt).toLowerCase(),function(D){var N;do if(N=v?D.lang:D.getAttribute("xml:lang")||D.getAttribute("lang"))return N=N.toLowerCase(),N===y||N.indexOf(y+"-")===0;while((D=D.parentNode)&&D.nodeType===1);return!1}}),target:function(y){var D=o.location&&o.location.hash;return D&&D.slice(1)===y.id},root:function(y){return y===b},focus:function(y){return y===Pn()&&x.hasFocus()&&!!(y.type||y.href||~y.tabIndex)},enabled:zr(!1),disabled:zr(!0),checked:function(y){return ae(y,"input")&&!!y.checked||ae(y,"option")&&!!y.selected},selected:function(y){return y.parentNode&&y.parentNode.selectedIndex,y.selected===!0},empty:function(y){for(y=y.firstChild;y;y=y.nextSibling)if(y.nodeType<6)return!1;return!0},parent:function(y){return!t.pseudos.empty(y)},header:function(y){return st.test(y.nodeName)},input:function(y){return it.test(y.nodeName)},button:function(y){return ae(y,"input")&&y.type==="button"||ae(y,"button")},text:function(y){var D;return ae(y,"input")&&y.type==="text"&&((D=y.getAttribute("type"))==null||D.toLowerCase()==="text")},first:ht(function(){return[0]}),last:ht(function(y,D){return[D-1]}),eq:ht(function(y,D,N){return[N<0?N+D:N]}),even:ht(function(y,D){for(var N=0;N<D;N+=2)y.push(N);return y}),odd:ht(function(y,D){for(var N=1;N<D;N+=2)y.push(N);return y}),lt:ht(function(y,D,N){var S;for(N<0?S=N+D:N>D?S=D:S=N;--S>=0;)y.push(S);return y}),gt:ht(function(y,D,N){for(var S=N<0?N+D:N;++S<D;)y.push(S);return y})}},t.pseudos.nth=t.pseudos.eq;for(e in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})t.pseudos[e]=Fn(e);for(e in{submit:!0,reset:!0})t.pseudos[e]=Wn(e);function Vr(){}Vr.prototype=t.filters=t.pseudos,t.setFilters=new Vr;function Lt(y,D){var N,S,L,W,B,Q,q,le=de[y+" "];if(le)return D?0:le.slice(0);for(B=y,Q=[],q=t.preFilter;B;){(!N||(S=we.exec(B)))&&(S&&(B=B.slice(S[0].length)||B),Q.push(L=[])),N=!1,(S=Tt.exec(B))&&(N=S.shift(),L.push({value:N,type:S[0].replace(U," ")}),B=B.slice(N.length));for(W in t.filter)(S=Xe[W].exec(B))&&(!q[W]||(S=q[W](S)))&&(N=S.shift(),L.push({value:N,type:W,matches:S}),B=B.slice(N.length));if(!N)break}return D?B.length:B?ge.error(y):de(y,Q).slice(0)}function Jt(y){for(var D=0,N=y.length,S="";D<N;D++)S+=y[D].value;return S}function Ut(y,D,N){var S=D.dir,L=D.next,W=L||S,B=N&&W==="parentNode",Q=F++;return D.first?(function(q,le,Z){for(;q=q[S];)if(q.nodeType===1||B)return y(q,le,Z);return!1}):(function(q,le,Z){var ie,ue,G=[C,Q];if(Z){for(;q=q[S];)if((q.nodeType===1||B)&&y(q,le,Z))return!0}else for(;q=q[S];)if(q.nodeType===1||B)if(ue=q[I]||(q[I]={}),L&&ae(q,L))q=q[S]||q;else{if((ie=ue[W])&&ie[0]===C&&ie[1]===Q)return G[2]=ie[2];if(ue[W]=G,G[2]=y(q,le,Z))return!0}return!1})}function dr(y){return y.length>1?function(D,N,S){for(var L=y.length;L--;)if(!y[L](D,N,S))return!1;return!0}:y[0]}function Hn(y,D,N){for(var S=0,L=D.length;S<L;S++)ge(y,D[S],N);return N}function zt(y,D,N,S,L){for(var W,B=[],Q=0,q=y.length,le=D!=null;Q<q;Q++)(W=y[Q])&&(!N||N(W,S,L))&&(B.push(W),le&&D.push(Q));return B}function fr(y,D,N,S,L,W){return S&&!S[I]&&(S=fr(S)),L&&!L[I]&&(L=fr(L,W)),Je(function(B,Q,q,le){var Z,ie,ue,G,be=[],Pe=[],Re=Q.length,Ye=B||Hn(D||"*",q.nodeType?[q]:q,[]),$e=y&&(B||!D)?zt(Ye,be,y,q,le):Ye;if(N?(G=L||(B?y:Re||S)?[]:Q,N($e,G,q,le)):G=$e,S)for(Z=zt(G,Pe),S(Z,[],q,le),ie=Z.length;ie--;)(ue=Z[ie])&&(G[Pe[ie]]=!($e[Pe[ie]]=ue));if(B){if(L||y){if(L){for(Z=[],ie=G.length;ie--;)(ue=G[ie])&&Z.push($e[ie]=ue);L(null,G=[],Z,le)}for(ie=G.length;ie--;)(ue=G[ie])&&(Z=L?m.call(B,ue):be[ie])>-1&&(B[Z]=!(Q[Z]=ue))}}else G=zt(G===Q?G.splice(Re,G.length):G),L?L(null,Q,G,le):h.apply(Q,G)})}function hr(y){for(var D,N,S,L=y.length,W=t.relative[y[0].type],B=W||t.relative[" "],Q=W?1:0,q=Ut(function(ie){return ie===D},B,!0),le=Ut(function(ie){return m.call(D,ie)>-1},B,!0),Z=[function(ie,ue,G){var be=!W&&(G||ue!=i)||((D=ue).nodeType?q(ie,ue,G):le(ie,ue,G));return D=null,be}];Q<L;Q++)if(N=t.relative[y[Q].type])Z=[Ut(dr(Z),N)];else{if(N=t.filter[y[Q].type].apply(null,y[Q].matches),N[I]){for(S=++Q;S<L&&!t.relative[y[S].type];S++);return fr(Q>1&&dr(Z),Q>1&&Jt(y.slice(0,Q-1).concat({value:y[Q-2].type===" "?"*":""})).replace(U,"$1"),N,Q<S&&hr(y.slice(Q,S)),S<L&&hr(y=y.slice(S)),S<L&&Jt(y))}Z.push(N)}return dr(Z)}function Yn(y,D){var N=D.length>0,S=y.length>0,L=function(W,B,Q,q,le){var Z,ie,ue,G=0,be="0",Pe=W&&[],Re=[],Ye=i,$e=W||S&&t.find.TAG("*",le),jt=C+=Ye==null?1:Math.random()||.1,Le=$e.length;for(le&&(i=B==x||B||le);be!==Le&&(Z=$e[be])!=null;be++){if(S&&Z){for(ie=0,!B&&Z.ownerDocument!=x&&(ot(Z),Q=!v);ue=y[ie++];)if(ue(Z,B||x,Q)){h.call(q,Z);break}le&&(C=jt)}N&&((Z=!ue&&Z)&&G--,W&&Pe.push(Z))}if(G+=be,N&&be!==G){for(ie=0;ue=D[ie++];)ue(Pe,Re,B,Q);if(W){if(G>0)for(;be--;)Pe[be]||Re[be]||(Re[be]=Ee.call(q));Re=zt(Re)}h.apply(q,Re),le&&!W&&Re.length>0&&G+D.length>1&&u.uniqueSort(q)}return le&&(C=jt,i=Ye),Pe};return N?Je(L):L}function pr(y,D){var N,S=[],L=[],W=oe[y+" "];if(!W){for(D||(D=Lt(y)),N=D.length;N--;)W=hr(D[N]),W[I]?S.push(W):L.push(W);W=oe(y,Yn(L,S)),W.selector=y}return W}function Kr(y,D,N,S){var L,W,B,Q,q,le=typeof y=="function"&&y,Z=!S&&Lt(y=le.selector||y);if(N=N||[],Z.length===1){if(W=Z[0]=Z[0].slice(0),W.length>2&&(B=W[0]).type==="ID"&&D.nodeType===9&&v&&t.relative[W[1].type]){if(D=(t.find.ID(B.matches[0].replace(et,tt),D)||[])[0],D)le&&(D=D.parentNode);else return N;y=y.slice(W.shift().value.length)}for(L=Xe.needsContext.test(y)?0:W.length;L--&&(B=W[L],!t.relative[Q=B.type]);)if((q=t.find[Q])&&(S=q(B.matches[0].replace(et,tt),ur.test(W[0].type)&&cr(D.parentNode)||D))){if(W.splice(L,1),y=S.length&&Jt(W),!y)return h.apply(N,S),N;break}}return(le||pr(y,Z))(S,D,!v,N,!D||ur.test(y)&&cr(D.parentNode)||D),N}E.sortStable=I.split("").sort(Ce).join("")===I,ot(),E.sortDetached=bt(function(y){return y.compareDocumentPosition(x.createElement("fieldset"))&1}),u.find=ge,u.expr[":"]=u.expr.pseudos,u.unique=u.uniqueSort,ge.compile=pr,ge.select=Kr,ge.setDocument=ot,ge.tokenize=Lt,ge.escape=u.escapeSelector,ge.getText=u.text,ge.isXML=u.isXMLDoc,ge.selectors=u.expr,ge.support=u.support,ge.uniqueSort=u.uniqueSort})();var Te=function(e,t,i){for(var l=[],f=i!==void 0;(e=e[t])&&e.nodeType!==9;)if(e.nodeType===1){if(f&&u(e).is(i))break;l.push(e)}return l},rt=function(e,t){for(var i=[];e;e=e.nextSibling)e.nodeType===1&&e!==t&&i.push(e);return i},nt=u.expr.match.needsContext,Dt=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function kt(e,t,i){return M(t)?u.grep(e,function(l,f){return!!t.call(l,f,l)!==i}):t.nodeType?u.grep(e,function(l){return l===t!==i}):typeof t!="string"?u.grep(e,function(l){return m.call(t,l)>-1!==i}):u.filter(t,e,i)}u.filter=function(e,t,i){var l=t[0];return i&&(e=":not("+e+")"),t.length===1&&l.nodeType===1?u.find.matchesSelector(l,e)?[l]:[]:u.find.matches(e,u.grep(t,function(f){return f.nodeType===1}))},u.fn.extend({find:function(e){var t,i,l=this.length,f=this;if(typeof e!="string")return this.pushStack(u(e).filter(function(){for(t=0;t<l;t++)if(u.contains(f[t],this))return!0}));for(i=this.pushStack([]),t=0;t<l;t++)u.find(e,f[t],i);return l>1?u.uniqueSort(i):i},filter:function(e){return this.pushStack(kt(this,e||[],!1))},not:function(e){return this.pushStack(kt(this,e||[],!0))},is:function(e){return!!kt(this,typeof e=="string"&&nt.test(e)?u(e):e||[],!1).length}});var It,Vt=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,At=u.fn.init=function(e,t,i){var l,f;if(!e)return this;if(i=i||It,typeof e=="string")if(e[0]==="<"&&e[e.length-1]===">"&&e.length>=3?l=[null,e,null]:l=Vt.exec(e),l&&(l[1]||!t))if(l[1]){if(t=t instanceof u?t[0]:t,u.merge(this,u.parseHTML(l[1],t&&t.nodeType?t.ownerDocument||t:A,!0)),Dt.test(l[1])&&u.isPlainObject(t))for(l in t)M(this[l])?this[l](t[l]):this.attr(l,t[l]);return this}else return f=A.getElementById(l[2]),f&&(this[0]=f,this.length=1),this;else return!t||t.jquery?(t||i).find(e):this.constructor(t).find(e);else{if(e.nodeType)return this[0]=e,this.length=1,this;if(M(e))return i.ready!==void 0?i.ready(e):e(u)}return u.makeArray(e,this)};At.prototype=u.fn,It=u(A);var ve=/^(?:parents|prev(?:Until|All))/,wt={children:!0,contents:!0,next:!0,prev:!0};u.fn.extend({has:function(e){var t=u(e,this),i=t.length;return this.filter(function(){for(var l=0;l<i;l++)if(u.contains(this,t[l]))return!0})},closest:function(e,t){var i,l=0,f=this.length,h=[],x=typeof e!="string"&&u(e);if(!nt.test(e)){for(;l<f;l++)for(i=this[l];i&&i!==t;i=i.parentNode)if(i.nodeType<11&&(x?x.index(i)>-1:i.nodeType===1&&u.find.matchesSelector(i,e))){h.push(i);break}}return this.pushStack(h.length>1?u.uniqueSort(h):h)},index:function(e){return e?typeof e=="string"?m.call(u(e),this[0]):m.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(u.uniqueSort(u.merge(this.get(),u(e,t))))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}});function Et(e,t){for(;(e=e[t])&&e.nodeType!==1;);return e}u.each({parent:function(e){var t=e.parentNode;return t&&t.nodeType!==11?t:null},parents:function(e){return Te(e,"parentNode")},parentsUntil:function(e,t,i){return Te(e,"parentNode",i)},next:function(e){return Et(e,"nextSibling")},prev:function(e){return Et(e,"previousSibling")},nextAll:function(e){return Te(e,"nextSibling")},prevAll:function(e){return Te(e,"previousSibling")},nextUntil:function(e,t,i){return Te(e,"nextSibling",i)},prevUntil:function(e,t,i){return Te(e,"previousSibling",i)},siblings:function(e){return rt((e.parentNode||{}).firstChild,e)},children:function(e){return rt(e.firstChild)},contents:function(e){return e.contentDocument!=null&&a(e.contentDocument)?e.contentDocument:(ae(e,"template")&&(e=e.content||e),u.merge([],e.childNodes))}},function(e,t){u.fn[e]=function(i,l){var f=u?.map(this,t,i);return e.slice(-5)!=="Until"&&(l=i),l&&typeof l=="string"&&(f=u.filter(l,f)),this.length>1&&(wt[e]||u.uniqueSort(f),ve.test(e)&&f.reverse()),this.pushStack(f)}});var Ne=/[^\x20\t\r\n\f]+/g;function Ue(e){var t={};return u.each(e.match(Ne)||[],function(i,l){t[l]=!0}),t}u.Callbacks=function(e){e=typeof e=="string"?Ue(e):u.extend({},e);var t,i,l,f,h=[],x=[],b=-1,v=function(){for(f=f||e.once,l=t=!0;x.length;b=-1)for(i=x.shift();++b<h.length;)h[b].apply(i[0],i[1])===!1&&e.stopOnFalse&&(b=h.length,i=!1);e.memory||(i=!1),t=!1,f&&(i?h=[]:h="")},w={add:function(){return h&&(i&&!t&&(b=h.length-1,x.push(i)),(function R(I){u.each(I,function(C,F){M(F)?(!e.unique||!w.has(F))&&h.push(F):F&&F.length&&se(F)!=="string"&&R(F)})})(arguments),i&&!t&&v()),this},remove:function(){return u.each(arguments,function(R,I){for(var C;(C=u.inArray(I,h,C))>-1;)h.splice(C,1),C<=b&&b--}),this},has:function(R){return R?u.inArray(R,h)>-1:h.length>0},empty:function(){return h&&(h=[]),this},disable:function(){return f=x=[],h=i="",this},disabled:function(){return!h},lock:function(){return f=x=[],!i&&!t&&(h=i=""),this},locked:function(){return!!f},fireWith:function(R,I){return f||(I=I||[],I=[R,I.slice?I.slice():I],x.push(I),t||v()),this},fire:function(){return w.fireWith(this,arguments),this},fired:function(){return!!l}};return w};function ze(e){return e}function lt(e){throw e}function O(e,t,i,l){var f;try{e&&M(f=e.promise)?f.call(e).done(t).fail(i):e&&M(f=e.then)?f.call(e,t,i):t.apply(void 0,[e].slice(l))}catch(h){i.apply(void 0,[h])}}u.extend({Deferred:function(e){var t=[["notify","progress",u.Callbacks("memory"),u.Callbacks("memory"),2],["resolve","done",u.Callbacks("once memory"),u.Callbacks("once memory"),0,"resolved"],["reject","fail",u.Callbacks("once memory"),u.Callbacks("once memory"),1,"rejected"]],i="pending",l={state:function(){return i},always:function(){return f.done(arguments).fail(arguments),this},catch:function(h){return l.then(null,h)},pipe:function(){var h=arguments;return u.Deferred(function(x){u.each(t,function(b,v){var w=M(h[v[4]])&&h[v[4]];f[v[1]](function(){var R=w&&w.apply(this,arguments);R&&M(R.promise)?R.promise().progress(x.notify).done(x.resolve).fail(x.reject):x[v[0]+"With"](this,w?[R]:arguments)})}),h=null}).promise()},then:function(h,x,b){var v=0;function w(R,I,C,F){return function(){var ne=this,de=arguments,oe=function(){var Ce,Ke;if(!(R<v)){if(Ce=C.apply(ne,de),Ce===I.promise())throw new TypeError("Thenable self-resolution");Ke=Ce&&(typeof Ce=="object"||typeof Ce=="function")&&Ce.then,M(Ke)?F?Ke.call(Ce,w(v,I,ze,F),w(v,I,lt,F)):(v++,Ke.call(Ce,w(v,I,ze,F),w(v,I,lt,F),w(v,I,ze,I.notifyWith))):(C!==ze&&(ne=void 0,de=[Ce]),(F||I.resolveWith)(ne,de))}},Se=F?oe:function(){try{oe()}catch(Ce){u.Deferred.exceptionHook&&u.Deferred.exceptionHook(Ce,Se.error),R+1>=v&&(C!==lt&&(ne=void 0,de=[Ce]),I.rejectWith(ne,de))}};R?Se():(u.Deferred.getErrorHook?Se.error=u.Deferred.getErrorHook():u.Deferred.getStackHook&&(Se.error=u.Deferred.getStackHook()),o.setTimeout(Se))}}return u.Deferred(function(R){t[0][3].add(w(0,R,M(b)?b:ze,R.notifyWith)),t[1][3].add(w(0,R,M(h)?h:ze)),t[2][3].add(w(0,R,M(x)?x:lt))}).promise()},promise:function(h){return h!=null?u.extend(h,l):l}},f={};return u.each(t,function(h,x){var b=x[2],v=x[5];l[x[1]]=b.add,v&&b.add(function(){i=v},t[3-h][2].disable,t[3-h][3].disable,t[0][2].lock,t[0][3].lock),b.add(x[3].fire),f[x[0]]=function(){return f[x[0]+"With"](this===f?void 0:this,arguments),this},f[x[0]+"With"]=b.fireWith}),l.promise(f),e&&e.call(f,f),f},when:function(e){var t=arguments.length,i=t,l=Array(i),f=s.call(arguments),h=u.Deferred(),x=function(b){return function(v){l[b]=this,f[b]=arguments.length>1?s.call(arguments):v,--t||h.resolveWith(l,f)}};if(t<=1&&(O(e,h.done(x(i)).resolve,h.reject,!t),h.state()==="pending"||M(f[i]&&f[i].then)))return h.then();for(;i--;)O(f[i],x(i),h.reject);return h.promise()}});var me=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;u.Deferred.exceptionHook=function(e,t){o.console&&o.console.warn&&e&&me.test(e.name)&&o.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},u.readyException=function(e){o.setTimeout(function(){throw e})};var pe=u.Deferred();u.fn.ready=function(e){return pe.then(e).catch(function(t){u.readyException(t)}),this},u.extend({isReady:!1,readyWait:1,ready:function(e){(e===!0?--u.readyWait:u.isReady)||(u.isReady=!0,!(e!==!0&&--u.readyWait>0)&&pe.resolveWith(A,[u]))}}),u.ready.then=pe.then;function ee(){A.removeEventListener("DOMContentLoaded",ee),o.removeEventListener("load",ee),u.ready()}A.readyState==="complete"||A.readyState!=="loading"&&!A.documentElement.doScroll?o.setTimeout(u.ready):(A.addEventListener("DOMContentLoaded",ee),o.addEventListener("load",ee));var xe=function(e,t,i,l,f,h,x){var b=0,v=e.length,w=i==null;if(se(i)==="object"){f=!0;for(b in i)xe(e,t,b,i[b],!0,h,x)}else if(l!==void 0&&(f=!0,M(l)||(x=!0),w&&(x?(t.call(e,l),t=null):(w=t,t=function(R,I,C){return w.call(u(R),C)})),t))for(;b<v;b++)t(e[b],i,x?l:l.call(e[b],b,t(e[b],i)));return f?e:w?t.call(e):v?t(e[0],i):h},Fe=/^-ms-/,Ve=/-([a-z])/g;function Oe(e,t){return t.toUpperCase()}function je(e){return e.replace(Fe,"ms-").replace(Ve,Oe)}var Be=function(e){return e.nodeType===1||e.nodeType===9||!+e.nodeType};function at(){this.expando=u.expando+at.uid++}at.uid=1,at.prototype={cache:function(e){var t=e[this.expando];return t||(t={},Be(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,i){var l,f=this.cache(e);if(typeof t=="string")f[je(t)]=i;else for(l in t)f[je(l)]=t[l];return f},get:function(e,t){return t===void 0?this.cache(e):e[this.expando]&&e[this.expando][je(t)]},access:function(e,t,i){return t===void 0||t&&typeof t=="string"&&i===void 0?this.get(e,t):(this.set(e,t,i),i!==void 0?i:t)},remove:function(e,t){var i,l=e[this.expando];if(l!==void 0){if(t!==void 0)for(Array.isArray(t)?t=t?.map(je):(t=je(t),t=t in l?[t]:t.match(Ne)||[]),i=t.length;i--;)delete l[t[i]];(t===void 0||u.isEmptyObject(l))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return t!==void 0&&!u.isEmptyObject(t)}};var V=new at,_e=new at,Pt=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Qr=/[A-Z]/g;function Gr(e){return e==="true"?!0:e==="false"?!1:e==="null"?null:e===+e+""?+e:Pt.test(e)?JSON.parse(e):e}function mr(e,t,i){var l;if(i===void 0&&e.nodeType===1)if(l="data-"+t.replace(Qr,"-$&").toLowerCase(),i=e.getAttribute(l),typeof i=="string"){try{i=Gr(i)}catch{}_e.set(e,t,i)}else i=void 0;return i}u.extend({hasData:function(e){return _e.hasData(e)||V.hasData(e)},data:function(e,t,i){return _e.access(e,t,i)},removeData:function(e,t){_e.remove(e,t)},_data:function(e,t,i){return V.access(e,t,i)},_removeData:function(e,t){V.remove(e,t)}}),u.fn.extend({data:function(e,t){var i,l,f,h=this[0],x=h&&h.attributes;if(e===void 0){if(this.length&&(f=_e.get(h),h.nodeType===1&&!V.get(h,"hasDataAttrs"))){for(i=x.length;i--;)x[i]&&(l=x[i].name,l.indexOf("data-")===0&&(l=je(l.slice(5)),mr(h,l,f[l])));V.set(h,"hasDataAttrs",!0)}return f}return typeof e=="object"?this.each(function(){_e.set(this,e)}):xe(this,function(b){var v;if(h&&b===void 0)return v=_e.get(h,e),v!==void 0||(v=mr(h,e),v!==void 0)?v:void 0;this.each(function(){_e.set(this,e,b)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){_e.remove(this,e)})}}),u.extend({queue:function(e,t,i){var l;if(e)return t=(t||"fx")+"queue",l=V.get(e,t),i&&(!l||Array.isArray(i)?l=V.access(e,t,u.makeArray(i)):l.push(i)),l||[]},dequeue:function(e,t){t=t||"fx";var i=u.queue(e,t),l=i.length,f=i.shift(),h=u._queueHooks(e,t),x=function(){u.dequeue(e,t)};f==="inprogress"&&(f=i.shift(),l--),f&&(t==="fx"&&i.unshift("inprogress"),delete h.stop,f.call(e,x,h)),!l&&h&&h.empty.fire()},_queueHooks:function(e,t){var i=t+"queueHooks";return V.get(e,i)||V.access(e,i,{empty:u.Callbacks("once memory").add(function(){V.remove(e,[t+"queue",i])})})}}),u.fn.extend({queue:function(e,t){var i=2;return typeof e!="string"&&(t=e,e="fx",i--),arguments.length<i?u.queue(this[0],e):t===void 0?this:this.each(function(){var l=u.queue(this,e,t);u._queueHooks(this,e),e==="fx"&&l[0]!=="inprogress"&&u.dequeue(this,e)})},dequeue:function(e){return this.each(function(){u.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var i,l=1,f=u.Deferred(),h=this,x=this.length,b=function(){--l||f.resolveWith(h,[h])};for(typeof e!="string"&&(t=e,e=void 0),e=e||"fx";x--;)i=V.get(h[x],e+"queueHooks"),i&&i.empty&&(l++,i.empty.add(b));return b(),f.promise(t)}});var xr=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,Nt=new RegExp("^(?:([+-])=|)("+xr+")([a-z%]*)$","i"),Ze=["Top","Right","Bottom","Left"],ut=A.documentElement,pt=function(e){return u.contains(e.ownerDocument,e)},Xr={composed:!0};ut.getRootNode&&(pt=function(e){return u.contains(e.ownerDocument,e)||e.getRootNode(Xr)===e.ownerDocument});var Ft=function(e,t){return e=t||e,e.style.display==="none"||e.style.display===""&&pt(e)&&u.css(e,"display")==="none"};function gr(e,t,i,l){var f,h,x=20,b=l?function(){return l.cur()}:function(){return u.css(e,t,"")},v=b(),w=i&&i[3]||(u.cssNumber[t]?"":"px"),R=e.nodeType&&(u.cssNumber[t]||w!=="px"&&+v)&&Nt.exec(u.css(e,t));if(R&&R[3]!==w){for(v=v/2,w=w||R[3],R=+v||1;x--;)u.style(e,t,R+w),(1-h)*(1-(h=b()/v||.5))<=0&&(x=0),R=R/h;R=R*2,u.style(e,t,R+w),i=i||[]}return i&&(R=+R||+v||0,f=i[1]?R+(i[1]+1)*i[2]:+i[2],l&&(l.unit=w,l.start=R,l.end=f)),f}var yr={};function $r(e){var t,i=e.ownerDocument,l=e.nodeName,f=yr[l];return f||(t=i.body.appendChild(i.createElement(l)),f=u.css(t,"display"),t.parentNode.removeChild(t),f==="none"&&(f="block"),yr[l]=f,f)}function mt(e,t){for(var i,l,f=[],h=0,x=e.length;h<x;h++)l=e[h],l.style&&(i=l.style.display,t?(i==="none"&&(f[h]=V.get(l,"display")||null,f[h]||(l.style.display="")),l.style.display===""&&Ft(l)&&(f[h]=$r(l))):i!=="none"&&(f[h]="none",V.set(l,"display",i)));for(h=0;h<x;h++)f[h]!=null&&(e[h].style.display=f[h]);return e}u.fn.extend({show:function(){return mt(this,!0)},hide:function(){return mt(this)},toggle:function(e){return typeof e=="boolean"?e?this.show():this.hide():this.each(function(){Ft(this)?u(this).show():u(this).hide()})}});var Ct=/^(?:checkbox|radio)$/i,vr=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,br=/^$|^module$|\/(?:java|ecma)script/i;(function(){var e=A.createDocumentFragment(),t=e.appendChild(A.createElement("div")),i=A.createElement("input");i.setAttribute("type","radio"),i.setAttribute("checked","checked"),i.setAttribute("name","t"),t.appendChild(i),E.checkClone=t.cloneNode(!0).cloneNode(!0).lastChild.checked,t.innerHTML="<textarea>x</textarea>",E.noCloneChecked=!!t.cloneNode(!0).lastChild.defaultValue,t.innerHTML="<option></option>",E.option=!!t.lastChild})();var We={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};We.tbody=We.tfoot=We.colgroup=We.caption=We.thead,We.th=We.td,E.option||(We.optgroup=We.option=[1,"<select multiple='multiple'>","</select>"]);function Ie(e,t){var i;return typeof e.getElementsByTagName<"u"?i=e.getElementsByTagName(t||"*"):typeof e.querySelectorAll<"u"?i=e.querySelectorAll(t||"*"):i=[],t===void 0||t&&ae(e,t)?u.merge([e],i):i}function Kt(e,t){for(var i=0,l=e.length;i<l;i++)V.set(e[i],"globalEval",!t||V.get(t[i],"globalEval"))}var Zr=/<|&#?\w+;/;function jr(e,t,i,l,f){for(var h,x,b,v,w,R,I=t.createDocumentFragment(),C=[],F=0,ne=e.length;F<ne;F++)if(h=e[F],h||h===0)if(se(h)==="object")u.merge(C,h.nodeType?[h]:h);else if(!Zr.test(h))C.push(t.createTextNode(h));else{for(x=x||I.appendChild(t.createElement("div")),b=(vr.exec(h)||["",""])[1].toLowerCase(),v=We[b]||We._default,x.innerHTML=v[1]+u.htmlPrefilter(h)+v[2],R=v[0];R--;)x=x.lastChild;u.merge(C,x.childNodes),x=I.firstChild,x.textContent=""}for(I.textContent="",F=0;h=C[F++];){if(l&&u.inArray(h,l)>-1){f&&f.push(h);continue}if(w=pt(h),x=Ie(I.appendChild(h),"script"),w&&Kt(x),i)for(R=0;h=x[R++];)br.test(h.type||"")&&i.push(h)}return I}var Dr=/^([^.]*)(?:\.(.+)|)/;function xt(){return!0}function gt(){return!1}function Qt(e,t,i,l,f,h){var x,b;if(typeof t=="object"){typeof i!="string"&&(l=l||i,i=void 0);for(b in t)Qt(e,b,i,l,t[b],h);return e}if(l==null&&f==null?(f=i,l=i=void 0):f==null&&(typeof i=="string"?(f=l,l=void 0):(f=l,l=i,i=void 0)),f===!1)f=gt;else if(!f)return e;return h===1&&(x=f,f=function(v){return u().off(v),x.apply(this,arguments)},f.guid=x.guid||(x.guid=u.guid++)),e.each(function(){u.event.add(this,t,f,l,i)})}u.event={global:{},add:function(e,t,i,l,f){var h,x,b,v,w,R,I,C,F,ne,de,oe=V.get(e);if(Be(e))for(i.handler&&(h=i,i=h.handler,f=h.selector),f&&u.find.matchesSelector(ut,f),i.guid||(i.guid=u.guid++),(v=oe.events)||(v=oe.events=Object.create(null)),(x=oe.handle)||(x=oe.handle=function(Se){return typeof u<"u"&&u.event.triggered!==Se.type?u.event.dispatch.apply(e,arguments):void 0}),t=(t||"").match(Ne)||[""],w=t.length;w--;)b=Dr.exec(t[w])||[],F=de=b[1],ne=(b[2]||"").split(".").sort(),F&&(I=u.event.special[F]||{},F=(f?I.delegateType:I.bindType)||F,I=u.event.special[F]||{},R=u.extend({type:F,origType:de,data:l,handler:i,guid:i.guid,selector:f,needsContext:f&&u.expr.match.needsContext.test(f),namespace:ne.join(".")},h),(C=v[F])||(C=v[F]=[],C.delegateCount=0,(!I.setup||I.setup.call(e,l,ne,x)===!1)&&e.addEventListener&&e.addEventListener(F,x)),I.add&&(I.add.call(e,R),R.handler.guid||(R.handler.guid=i.guid)),f?C.splice(C.delegateCount++,0,R):C.push(R),u.event.global[F]=!0)},remove:function(e,t,i,l,f){var h,x,b,v,w,R,I,C,F,ne,de,oe=V.hasData(e)&&V.get(e);if(!(!oe||!(v=oe.events))){for(t=(t||"").match(Ne)||[""],w=t.length;w--;){if(b=Dr.exec(t[w])||[],F=de=b[1],ne=(b[2]||"").split(".").sort(),!F){for(F in v)u.event.remove(e,F+t[w],i,l,!0);continue}for(I=u.event.special[F]||{},F=(l?I.delegateType:I.bindType)||F,C=v[F]||[],b=b[2]&&new RegExp("(^|\\.)"+ne.join("\\.(?:.*\\.|)")+"(\\.|$)"),x=h=C.length;h--;)R=C[h],(f||de===R.origType)&&(!i||i.guid===R.guid)&&(!b||b.test(R.namespace))&&(!l||l===R.selector||l==="**"&&R.selector)&&(C.splice(h,1),R.selector&&C.delegateCount--,I.remove&&I.remove.call(e,R));x&&!C.length&&((!I.teardown||I.teardown.call(e,ne,oe.handle)===!1)&&u.removeEvent(e,F,oe.handle),delete v[F])}u.isEmptyObject(v)&&V.remove(e,"handle events")}},dispatch:function(e){var t,i,l,f,h,x,b=new Array(arguments.length),v=u.event.fix(e),w=(V.get(this,"events")||Object.create(null))[v.type]||[],R=u.event.special[v.type]||{};for(b[0]=v,t=1;t<arguments.length;t++)b[t]=arguments[t];if(v.delegateTarget=this,!(R.preDispatch&&R.preDispatch.call(this,v)===!1)){for(x=u.event.handlers.call(this,v,w),t=0;(f=x[t++])&&!v.isPropagationStopped();)for(v.currentTarget=f.elem,i=0;(h=f.handlers[i++])&&!v.isImmediatePropagationStopped();)(!v.rnamespace||h.namespace===!1||v.rnamespace.test(h.namespace))&&(v.handleObj=h,v.data=h.data,l=((u.event.special[h.origType]||{}).handle||h.handler).apply(f.elem,b),l!==void 0&&(v.result=l)===!1&&(v.preventDefault(),v.stopPropagation()));return R.postDispatch&&R.postDispatch.call(this,v),v.result}},handlers:function(e,t){var i,l,f,h,x,b=[],v=t.delegateCount,w=e.target;if(v&&w.nodeType&&!(e.type==="click"&&e.button>=1)){for(;w!==this;w=w.parentNode||this)if(w.nodeType===1&&!(e.type==="click"&&w.disabled===!0)){for(h=[],x={},i=0;i<v;i++)l=t[i],f=l.selector+" ",x[f]===void 0&&(x[f]=l.needsContext?u(f,this).index(w)>-1:u.find(f,this,null,[w]).length),x[f]&&h.push(l);h.length&&b.push({elem:w,handlers:h})}}return w=this,v<t.length&&b.push({elem:w,handlers:t.slice(v)}),b},addProp:function(e,t){Object.defineProperty(u.Event.prototype,e,{enumerable:!0,configurable:!0,get:M(t)?function(){if(this.originalEvent)return t(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[e]},set:function(i){Object.defineProperty(this,e,{enumerable:!0,configurable:!0,writable:!0,value:i})}})},fix:function(e){return e[u.expando]?e:new u.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return Ct.test(t.type)&&t.click&&ae(t,"input")&&Wt(t,"click",!0),!1},trigger:function(e){var t=this||e;return Ct.test(t.type)&&t.click&&ae(t,"input")&&Wt(t,"click"),!0},_default:function(e){var t=e.target;return Ct.test(t.type)&&t.click&&ae(t,"input")&&V.get(t,"click")||ae(t,"a")}},beforeunload:{postDispatch:function(e){e.result!==void 0&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}};function Wt(e,t,i){if(!i){V.get(e,t)===void 0&&u.event.add(e,t,xt);return}V.set(e,t,!1),u.event.add(e,t,{namespace:!1,handler:function(l){var f,h=V.get(this,t);if(l.isTrigger&1&&this[t]){if(h)(u.event.special[t]||{}).delegateType&&l.stopPropagation();else if(h=s.call(arguments),V.set(this,t,h),this[t](),f=V.get(this,t),V.set(this,t,!1),h!==f)return l.stopImmediatePropagation(),l.preventDefault(),f}else h&&(V.set(this,t,u.event.trigger(h[0],h.slice(1),this)),l.stopPropagation(),l.isImmediatePropagationStopped=xt)}})}u.removeEvent=function(e,t,i){e.removeEventListener&&e.removeEventListener(t,i)},u.Event=function(e,t){if(!(this instanceof u.Event))return new u.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.defaultPrevented===void 0&&e.returnValue===!1?xt:gt,this.target=e.target&&e.target.nodeType===3?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&u.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[u.expando]=!0},u.Event.prototype={constructor:u.Event,isDefaultPrevented:gt,isPropagationStopped:gt,isImmediatePropagationStopped:gt,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=xt,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=xt,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=xt,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},u.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,char:!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},u.event.addProp),u.each({focus:"focusin",blur:"focusout"},function(e,t){function i(l){if(A.documentMode){var f=V.get(this,"handle"),h=u.event.fix(l);h.type=l.type==="focusin"?"focus":"blur",h.isSimulated=!0,f(l),h.target===h.currentTarget&&f(h)}else u.event.simulate(t,l.target,u.event.fix(l))}u.event.special[e]={setup:function(){var l;if(Wt(this,e,!0),A.documentMode)l=V.get(this,t),l||this.addEventListener(t,i),V.set(this,t,(l||0)+1);else return!1},trigger:function(){return Wt(this,e),!0},teardown:function(){var l;if(A.documentMode)l=V.get(this,t)-1,l?V.set(this,t,l):(this.removeEventListener(t,i),V.remove(this,t));else return!1},_default:function(l){return V.get(l.target,e)},delegateType:t},u.event.special[t]={setup:function(){var l=this.ownerDocument||this.document||this,f=A.documentMode?this:l,h=V.get(f,t);h||(A.documentMode?this.addEventListener(t,i):l.addEventListener(e,i,!0)),V.set(f,t,(h||0)+1)},teardown:function(){var l=this.ownerDocument||this.document||this,f=A.documentMode?this:l,h=V.get(f,t)-1;h?V.set(f,t,h):(A.documentMode?this.removeEventListener(t,i):l.removeEventListener(e,i,!0),V.remove(f,t))}}}),u.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,t){u.event.special[e]={delegateType:t,bindType:t,handle:function(i){var l,f=this,h=i.relatedTarget,x=i.handleObj;return(!h||h!==f&&!u.contains(f,h))&&(i.type=x.origType,l=x.handler.apply(this,arguments),i.type=t),l}}}),u.fn.extend({on:function(e,t,i,l){return Qt(this,e,t,i,l)},one:function(e,t,i,l){return Qt(this,e,t,i,l,1)},off:function(e,t,i){var l,f;if(e&&e.preventDefault&&e.handleObj)return l=e.handleObj,u(e.delegateTarget).off(l.namespace?l.origType+"."+l.namespace:l.origType,l.selector,l.handler),this;if(typeof e=="object"){for(f in e)this.off(f,t,e[f]);return this}return(t===!1||typeof t=="function")&&(i=t,t=void 0),i===!1&&(i=gt),this.each(function(){u.event.remove(this,e,i,t)})}});var en=/<script|<style|<link/i,tn=/checked\s*(?:[^=]|=\s*.checked.)/i,rn=/^\s*<!\[CDATA\[|\]\]>\s*$/g;function kr(e,t){return ae(e,"table")&&ae(t.nodeType!==11?t:t.firstChild,"tr")&&u(e).children("tbody")[0]||e}function nn(e){return e.type=(e.getAttribute("type")!==null)+"/"+e.type,e}function an(e){return(e.type||"").slice(0,5)==="true/"?e.type=e.type.slice(5):e.removeAttribute("type"),e}function wr(e,t){var i,l,f,h,x,b,v;if(t.nodeType===1){if(V.hasData(e)&&(h=V.get(e),v=h.events,v)){V.remove(t,"handle events");for(f in v)for(i=0,l=v[f].length;i<l;i++)u.event.add(t,f,v[f][i])}_e.hasData(e)&&(x=_e.access(e),b=u.extend({},x),_e.set(t,b))}}function sn(e,t){var i=t.nodeName.toLowerCase();i==="input"&&Ct.test(e.type)?t.checked=e.checked:(i==="input"||i==="textarea")&&(t.defaultValue=e.defaultValue)}function yt(e,t,i,l){t=d(t);var f,h,x,b,v,w,R=0,I=e.length,C=I-1,F=t[0],ne=M(F);if(ne||I>1&&typeof F=="string"&&!E.checkClone&&tn.test(F))return e.each(function(de){var oe=e.eq(de);ne&&(t[0]=F.call(this,de,oe.html())),yt(oe,t,i,l)});if(I&&(f=jr(t,e[0].ownerDocument,!1,e,l),h=f.firstChild,f.childNodes.length===1&&(f=h),h||l)){for(x=u?.map(Ie(f,"script"),nn),b=x.length;R<I;R++)v=f,R!==C&&(v=u.clone(v,!0,!0),b&&u.merge(x,Ie(v,"script"))),i.call(e[R],v,R);if(b)for(w=x[x.length-1].ownerDocument,u?.map(x,an),R=0;R<b;R++)v=x[R],br.test(v.type||"")&&!V.access(v,"globalEval")&&u.contains(w,v)&&(v.src&&(v.type||"").toLowerCase()!=="module"?u._evalUrl&&!v.noModule&&u._evalUrl(v.src,{nonce:v.nonce||v.getAttribute("nonce")},w):Y(v.textContent.replace(rn,""),v,w))}return e}function Er(e,t,i){for(var l,f=t?u.filter(t,e):e,h=0;(l=f[h])!=null;h++)!i&&l.nodeType===1&&u.cleanData(Ie(l)),l.parentNode&&(i&&pt(l)&&Kt(Ie(l,"script")),l.parentNode.removeChild(l));return e}u.extend({htmlPrefilter:function(e){return e},clone:function(e,t,i){var l,f,h,x,b=e.cloneNode(!0),v=pt(e);if(!E.noCloneChecked&&(e.nodeType===1||e.nodeType===11)&&!u.isXMLDoc(e))for(x=Ie(b),h=Ie(e),l=0,f=h.length;l<f;l++)sn(h[l],x[l]);if(t)if(i)for(h=h||Ie(e),x=x||Ie(b),l=0,f=h.length;l<f;l++)wr(h[l],x[l]);else wr(e,b);return x=Ie(b,"script"),x.length>0&&Kt(x,!v&&Ie(e,"script")),b},cleanData:function(e){for(var t,i,l,f=u.event.special,h=0;(i=e[h])!==void 0;h++)if(Be(i)){if(t=i[V.expando]){if(t.events)for(l in t.events)f[l]?u.event.remove(i,l):u.removeEvent(i,l,t.handle);i[V.expando]=void 0}i[_e.expando]&&(i[_e.expando]=void 0)}}}),u.fn.extend({detach:function(e){return Er(this,e,!0)},remove:function(e){return Er(this,e)},text:function(e){return xe(this,function(t){return t===void 0?u.text(this):this.empty().each(function(){(this.nodeType===1||this.nodeType===11||this.nodeType===9)&&(this.textContent=t)})},null,e,arguments.length)},append:function(){return yt(this,arguments,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){var t=kr(this,e);t.appendChild(e)}})},prepend:function(){return yt(this,arguments,function(e){if(this.nodeType===1||this.nodeType===11||this.nodeType===9){var t=kr(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return yt(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return yt(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;(e=this[t])!=null;t++)e.nodeType===1&&(u.cleanData(Ie(e,!1)),e.textContent="");return this},clone:function(e,t){return e=e??!1,t=t??e,this?.map(function(){return u.clone(this,e,t)})},html:function(e){return xe(this,function(t){var i=this[0]||{},l=0,f=this.length;if(t===void 0&&i.nodeType===1)return i.innerHTML;if(typeof t=="string"&&!en.test(t)&&!We[(vr.exec(t)||["",""])[1].toLowerCase()]){t=u.htmlPrefilter(t);try{for(;l<f;l++)i=this[l]||{},i.nodeType===1&&(u.cleanData(Ie(i,!1)),i.innerHTML=t);i=0}catch{}}i&&this.empty().append(t)},null,e,arguments.length)},replaceWith:function(){var e=[];return yt(this,arguments,function(t){var i=this.parentNode;u.inArray(this,e)<0&&(u.cleanData(Ie(this)),i&&i.replaceChild(t,this))},e)}}),u.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){u.fn[e]=function(i){for(var l,f=[],h=u(i),x=h.length-1,b=0;b<=x;b++)l=b===x?this:this.clone(!0),u(h[b])[t](l),p.apply(f,l.get());return this.pushStack(f)}});var Gt=new RegExp("^("+xr+")(?!px)[a-z%]+$","i"),Xt=/^--/,Ht=function(e){var t=e.ownerDocument.defaultView;return(!t||!t.opener)&&(t=o),t.getComputedStyle(e)},Nr=function(e,t,i){var l,f,h={};for(f in t)h[f]=e.style[f],e.style[f]=t[f];l=i.call(e);for(f in t)e.style[f]=h[f];return l},on=new RegExp(Ze.join("|"),"i");(function(){function e(){if(w){v.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",w.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",ut.appendChild(v).appendChild(w);var R=o.getComputedStyle(w);i=R.top!=="1%",b=t(R.marginLeft)===12,w.style.right="60%",h=t(R.right)===36,l=t(R.width)===36,w.style.position="absolute",f=t(w.offsetWidth/3)===12,ut.removeChild(v),w=null}}function t(R){return Math.round(parseFloat(R))}var i,l,f,h,x,b,v=A.createElement("div"),w=A.createElement("div");w.style&&(w.style.backgroundClip="content-box",w.cloneNode(!0).style.backgroundClip="",E.clearCloneStyle=w.style.backgroundClip==="content-box",u.extend(E,{boxSizingReliable:function(){return e(),l},pixelBoxStyles:function(){return e(),h},pixelPosition:function(){return e(),i},reliableMarginLeft:function(){return e(),b},scrollboxSize:function(){return e(),f},reliableTrDimensions:function(){var R,I,C,F;return x==null&&(R=A.createElement("table"),I=A.createElement("tr"),C=A.createElement("div"),R.style.cssText="position:absolute;left:-11111px;border-collapse:separate",I.style.cssText="box-sizing:content-box;border:1px solid",I.style.height="1px",C.style.height="9px",C.style.display="block",ut.appendChild(R).appendChild(I).appendChild(C),F=o.getComputedStyle(I),x=parseInt(F.height,10)+parseInt(F.borderTopWidth,10)+parseInt(F.borderBottomWidth,10)===I.offsetHeight,ut.removeChild(R)),x}}))})();function St(e,t,i){var l,f,h,x,b=Xt.test(t),v=e.style;return i=i||Ht(e),i&&(x=i.getPropertyValue(t)||i[t],b&&x&&(x=x.replace(U,"$1")||void 0),x===""&&!pt(e)&&(x=u.style(e,t)),!E.pixelBoxStyles()&&Gt.test(x)&&on.test(t)&&(l=v.width,f=v.minWidth,h=v.maxWidth,v.minWidth=v.maxWidth=v.width=x,x=i.width,v.width=l,v.minWidth=f,v.maxWidth=h)),x!==void 0?x+"":x}function Cr(e,t){return{get:function(){if(e()){delete this.get;return}return(this.get=t).apply(this,arguments)}}}var Sr=["Webkit","Moz","ms"],_r=A.createElement("div").style,Rr={};function ln(e){for(var t=e[0].toUpperCase()+e.slice(1),i=Sr.length;i--;)if(e=Sr[i]+t,e in _r)return e}function $t(e){var t=u.cssProps[e]||Rr[e];return t||(e in _r?e:Rr[e]=ln(e)||e)}var un=/^(none|table(?!-c[ea]).+)/,dn={position:"absolute",visibility:"hidden",display:"block"},Mr={letterSpacing:"0",fontWeight:"400"};function Tr(e,t,i){var l=Nt.exec(t);return l?Math.max(0,l[2]-(i||0))+(l[3]||"px"):t}function Zt(e,t,i,l,f,h){var x=t==="width"?1:0,b=0,v=0,w=0;if(i===(l?"border":"content"))return 0;for(;x<4;x+=2)i==="margin"&&(w+=u.css(e,i+Ze[x],!0,f)),l?(i==="content"&&(v-=u.css(e,"padding"+Ze[x],!0,f)),i!=="margin"&&(v-=u.css(e,"border"+Ze[x]+"Width",!0,f))):(v+=u.css(e,"padding"+Ze[x],!0,f),i!=="padding"?v+=u.css(e,"border"+Ze[x]+"Width",!0,f):b+=u.css(e,"border"+Ze[x]+"Width",!0,f));return!l&&h>=0&&(v+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-h-v-b-.5))||0),v+w}function Or(e,t,i){var l=Ht(e),f=!E.boxSizingReliable()||i,h=f&&u.css(e,"boxSizing",!1,l)==="border-box",x=h,b=St(e,t,l),v="offset"+t[0].toUpperCase()+t.slice(1);if(Gt.test(b)){if(!i)return b;b="auto"}return(!E.boxSizingReliable()&&h||!E.reliableTrDimensions()&&ae(e,"tr")||b==="auto"||!parseFloat(b)&&u.css(e,"display",!1,l)==="inline")&&e.getClientRects().length&&(h=u.css(e,"boxSizing",!1,l)==="border-box",x=v in e,x&&(b=e[v])),b=parseFloat(b)||0,b+Zt(e,t,i||(h?"border":"content"),x,l,b)+"px"}u.extend({cssHooks:{opacity:{get:function(e,t){if(t){var i=St(e,"opacity");return i===""?"1":i}}}},cssNumber:{animationIterationCount:!0,aspectRatio:!0,borderImageSlice:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,scale:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeMiterlimit:!0,strokeOpacity:!0},cssProps:{},style:function(e,t,i,l){if(!(!e||e.nodeType===3||e.nodeType===8||!e.style)){var f,h,x,b=je(t),v=Xt.test(t),w=e.style;if(v||(t=$t(b)),x=u.cssHooks[t]||u.cssHooks[b],i!==void 0){if(h=typeof i,h==="string"&&(f=Nt.exec(i))&&f[1]&&(i=gr(e,t,f),h="number"),i==null||i!==i)return;h==="number"&&!v&&(i+=f&&f[3]||(u.cssNumber[b]?"":"px")),!E.clearCloneStyle&&i===""&&t.indexOf("background")===0&&(w[t]="inherit"),(!x||!("set"in x)||(i=x.set(e,i,l))!==void 0)&&(v?w.setProperty(t,i):w[t]=i)}else return x&&"get"in x&&(f=x.get(e,!1,l))!==void 0?f:w[t]}},css:function(e,t,i,l){var f,h,x,b=je(t),v=Xt.test(t);return v||(t=$t(b)),x=u.cssHooks[t]||u.cssHooks[b],x&&"get"in x&&(f=x.get(e,!0,i)),f===void 0&&(f=St(e,t,l)),f==="normal"&&t in Mr&&(f=Mr[t]),i===""||i?(h=parseFloat(f),i===!0||isFinite(h)?h||0:f):f}}),u.each(["height","width"],function(e,t){u.cssHooks[t]={get:function(i,l,f){if(l)return un.test(u.css(i,"display"))&&(!i.getClientRects().length||!i.getBoundingClientRect().width)?Nr(i,dn,function(){return Or(i,t,f)}):Or(i,t,f)},set:function(i,l,f){var h,x=Ht(i),b=!E.scrollboxSize()&&x.position==="absolute",v=b||f,w=v&&u.css(i,"boxSizing",!1,x)==="border-box",R=f?Zt(i,t,f,w,x):0;return w&&b&&(R-=Math.ceil(i["offset"+t[0].toUpperCase()+t.slice(1)]-parseFloat(x[t])-Zt(i,t,"border",!1,x)-.5)),R&&(h=Nt.exec(l))&&(h[3]||"px")!=="px"&&(i.style[t]=l,l=u.css(i,t)),Tr(i,l,R)}}}),u.cssHooks.marginLeft=Cr(E.reliableMarginLeft,function(e,t){if(t)return(parseFloat(St(e,"marginLeft"))||e.getBoundingClientRect().left-Nr(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),u.each({margin:"",padding:"",border:"Width"},function(e,t){u.cssHooks[e+t]={expand:function(i){for(var l=0,f={},h=typeof i=="string"?i.split(" "):[i];l<4;l++)f[e+Ze[l]+t]=h[l]||h[l-2]||h[0];return f}},e!=="margin"&&(u.cssHooks[e+t].set=Tr)}),u.fn.extend({css:function(e,t){return xe(this,function(i,l,f){var h,x,b={},v=0;if(Array.isArray(l)){for(h=Ht(i),x=l.length;v<x;v++)b[l[v]]=u.css(i,l[v],!1,h);return b}return f!==void 0?u.style(i,l,f):u.css(i,l)},e,t,arguments.length>1)}});function Ae(e,t,i,l,f){return new Ae.prototype.init(e,t,i,l,f)}u.Tween=Ae,Ae.prototype={constructor:Ae,init:function(e,t,i,l,f,h){this.elem=e,this.prop=i,this.easing=f||u.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=l,this.unit=h||(u.cssNumber[i]?"":"px")},cur:function(){var e=Ae.propHooks[this.prop];return e&&e.get?e.get(this):Ae.propHooks._default.get(this)},run:function(e){var t,i=Ae.propHooks[this.prop];return this.options.duration?this.pos=t=u.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),i&&i.set?i.set(this):Ae.propHooks._default.set(this),this}},Ae.prototype.init.prototype=Ae.prototype,Ae.propHooks={_default:{get:function(e){var t;return e.elem.nodeType!==1||e.elem[e.prop]!=null&&e.elem.style[e.prop]==null?e.elem[e.prop]:(t=u.css(e.elem,e.prop,""),!t||t==="auto"?0:t)},set:function(e){u.fx.step[e.prop]?u.fx.step[e.prop](e):e.elem.nodeType===1&&(u.cssHooks[e.prop]||e.elem.style[$t(e.prop)]!=null)?u.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},Ae.propHooks.scrollTop=Ae.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},u.easing={linear:function(e){return e},swing:function(e){return .5-Math.cos(e*Math.PI)/2},_default:"swing"},u.fx=Ae.prototype.init,u.fx.step={};var vt,Yt,fn=/^(?:toggle|show|hide)$/,hn=/queueHooks$/;function er(){Yt&&(A.hidden===!1&&o.requestAnimationFrame?o.requestAnimationFrame(er):o.setTimeout(er,u.fx.interval),u.fx.tick())}function Lr(){return o.setTimeout(function(){vt=void 0}),vt=Date.now()}function Bt(e,t){var i,l=0,f={height:e};for(t=t?1:0;l<4;l+=2-t)i=Ze[l],f["margin"+i]=f["padding"+i]=e;return t&&(f.opacity=f.width=e),f}function Ir(e,t,i){for(var l,f=(qe.tweeners[t]||[]).concat(qe.tweeners["*"]),h=0,x=f.length;h<x;h++)if(l=f[h].call(i,t,e))return l}function pn(e,t,i){var l,f,h,x,b,v,w,R,I="width"in t||"height"in t,C=this,F={},ne=e.style,de=e.nodeType&&Ft(e),oe=V.get(e,"fxshow");i.queue||(x=u._queueHooks(e,"fx"),x.unqueued==null&&(x.unqueued=0,b=x.empty.fire,x.empty.fire=function(){x.unqueued||b()}),x.unqueued++,C.always(function(){C.always(function(){x.unqueued--,u.queue(e,"fx").length||x.empty.fire()})}));for(l in t)if(f=t[l],fn.test(f)){if(delete t[l],h=h||f==="toggle",f===(de?"hide":"show"))if(f==="show"&&oe&&oe[l]!==void 0)de=!0;else continue;F[l]=oe&&oe[l]||u.style(e,l)}if(v=!u.isEmptyObject(t),!(!v&&u.isEmptyObject(F))){I&&e.nodeType===1&&(i.overflow=[ne.overflow,ne.overflowX,ne.overflowY],w=oe&&oe.display,w==null&&(w=V.get(e,"display")),R=u.css(e,"display"),R==="none"&&(w?R=w:(mt([e],!0),w=e.style.display||w,R=u.css(e,"display"),mt([e]))),(R==="inline"||R==="inline-block"&&w!=null)&&u.css(e,"float")==="none"&&(v||(C.done(function(){ne.display=w}),w==null&&(R=ne.display,w=R==="none"?"":R)),ne.display="inline-block")),i.overflow&&(ne.overflow="hidden",C.always(function(){ne.overflow=i.overflow[0],ne.overflowX=i.overflow[1],ne.overflowY=i.overflow[2]})),v=!1;for(l in F)v||(oe?"hidden"in oe&&(de=oe.hidden):oe=V.access(e,"fxshow",{display:w}),h&&(oe.hidden=!de),de&&mt([e],!0),C.done(function(){de||mt([e]),V.remove(e,"fxshow");for(l in F)u.style(e,l,F[l])})),v=Ir(de?oe[l]:0,l,C),l in oe||(oe[l]=v.start,de&&(v.end=v.start,v.start=0))}}function mn(e,t){var i,l,f,h,x;for(i in e)if(l=je(i),f=t[l],h=e[i],Array.isArray(h)&&(f=h[1],h=e[i]=h[0]),i!==l&&(e[l]=h,delete e[i]),x=u.cssHooks[l],x&&"expand"in x){h=x.expand(h),delete e[l];for(i in h)i in e||(e[i]=h[i],t[i]=f)}else t[l]=f}function qe(e,t,i){var l,f,h=0,x=qe.prefilters.length,b=u.Deferred().always(function(){delete v.elem}),v=function(){if(f)return!1;for(var I=vt||Lr(),C=Math.max(0,w.startTime+w.duration-I),F=C/w.duration||0,ne=1-F,de=0,oe=w.tweens.length;de<oe;de++)w.tweens[de].run(ne);return b.notifyWith(e,[w,ne,C]),ne<1&&oe?C:(oe||b.notifyWith(e,[w,1,0]),b.resolveWith(e,[w]),!1)},w=b.promise({elem:e,props:u.extend({},t),opts:u.extend(!0,{specialEasing:{},easing:u.easing._default},i),originalProperties:t,originalOptions:i,startTime:vt||Lr(),duration:i.duration,tweens:[],createTween:function(I,C){var F=u.Tween(e,w.opts,I,C,w.opts.specialEasing[I]||w.opts.easing);return w.tweens.push(F),F},stop:function(I){var C=0,F=I?w.tweens.length:0;if(f)return this;for(f=!0;C<F;C++)w.tweens[C].run(1);return I?(b.notifyWith(e,[w,1,0]),b.resolveWith(e,[w,I])):b.rejectWith(e,[w,I]),this}}),R=w.props;for(mn(R,w.opts.specialEasing);h<x;h++)if(l=qe.prefilters[h].call(w,e,R,w.opts),l)return M(l.stop)&&(u._queueHooks(w.elem,w.opts.queue).stop=l.stop.bind(l)),l;return u?.map(R,Ir,w),M(w.opts.start)&&w.opts.start.call(e,w),w.progress(w.opts.progress).done(w.opts.done,w.opts.complete).fail(w.opts.fail).always(w.opts.always),u.fx.timer(u.extend(v,{elem:e,anim:w,queue:w.opts.queue})),w}u.Animation=u.extend(qe,{tweeners:{"*":[function(e,t){var i=this.createTween(e,t);return gr(i.elem,e,Nt.exec(t),i),i}]},tweener:function(e,t){M(e)?(t=e,e=["*"]):e=e.match(Ne);for(var i,l=0,f=e.length;l<f;l++)i=e[l],qe.tweeners[i]=qe.tweeners[i]||[],qe.tweeners[i].unshift(t)},prefilters:[pn],prefilter:function(e,t){t?qe.prefilters.unshift(e):qe.prefilters.push(e)}}),u.speed=function(e,t,i){var l=e&&typeof e=="object"?u.extend({},e):{complete:i||!i&&t||M(e)&&e,duration:e,easing:i&&t||t&&!M(t)&&t};return u.fx.off?l.duration=0:typeof l.duration!="number"&&(l.duration in u.fx.speeds?l.duration=u.fx.speeds[l.duration]:l.duration=u.fx.speeds._default),(l.queue==null||l.queue===!0)&&(l.queue="fx"),l.old=l.complete,l.complete=function(){M(l.old)&&l.old.call(this),l.queue&&u.dequeue(this,l.queue)},l},u.fn.extend({fadeTo:function(e,t,i,l){return this.filter(Ft).css("opacity",0).show().end().animate({opacity:t},e,i,l)},animate:function(e,t,i,l){var f=u.isEmptyObject(e),h=u.speed(t,i,l),x=function(){var b=qe(this,u.extend({},e),h);(f||V.get(this,"finish"))&&b.stop(!0)};return x.finish=x,f||h.queue===!1?this.each(x):this.queue(h.queue,x)},stop:function(e,t,i){var l=function(f){var h=f.stop;delete f.stop,h(i)};return typeof e!="string"&&(i=t,t=e,e=void 0),t&&this.queue(e||"fx",[]),this.each(function(){var f=!0,h=e!=null&&e+"queueHooks",x=u.timers,b=V.get(this);if(h)b[h]&&b[h].stop&&l(b[h]);else for(h in b)b[h]&&b[h].stop&&hn.test(h)&&l(b[h]);for(h=x.length;h--;)x[h].elem===this&&(e==null||x[h].queue===e)&&(x[h].anim.stop(i),f=!1,x.splice(h,1));(f||!i)&&u.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,i=V.get(this),l=i[e+"queue"],f=i[e+"queueHooks"],h=u.timers,x=l?l.length:0;for(i.finish=!0,u.queue(this,e,[]),f&&f.stop&&f.stop.call(this,!0),t=h.length;t--;)h[t].elem===this&&h[t].queue===e&&(h[t].anim.stop(!0),h.splice(t,1));for(t=0;t<x;t++)l[t]&&l[t].finish&&l[t].finish.call(this);delete i.finish})}}),u.each(["toggle","show","hide"],function(e,t){var i=u.fn[t];u.fn[t]=function(l,f,h){return l==null||typeof l=="boolean"?i.apply(this,arguments):this.animate(Bt(t,!0),l,f,h)}}),u.each({slideDown:Bt("show"),slideUp:Bt("hide"),slideToggle:Bt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){u.fn[e]=function(i,l,f){return this.animate(t,i,l,f)}}),u.timers=[],u.fx.tick=function(){var e,t=0,i=u.timers;for(vt=Date.now();t<i.length;t++)e=i[t],!e()&&i[t]===e&&i.splice(t--,1);i.length||u.fx.stop(),vt=void 0},u.fx.timer=function(e){u.timers.push(e),u.fx.start()},u.fx.interval=13,u.fx.start=function(){Yt||(Yt=!0,er())},u.fx.stop=function(){Yt=null},u.fx.speeds={slow:600,fast:200,_default:400},u.fn.delay=function(e,t){return e=u.fx&&u.fx.speeds[e]||e,t=t||"fx",this.queue(t,function(i,l){var f=o.setTimeout(i,e);l.stop=function(){o.clearTimeout(f)}})},(function(){var e=A.createElement("input"),t=A.createElement("select"),i=t.appendChild(A.createElement("option"));e.type="checkbox",E.checkOn=e.value!=="",E.optSelected=i.selected,e=A.createElement("input"),e.value="t",e.type="radio",E.radioValue=e.value==="t"})();var Ar,_t=u.expr.attrHandle;u.fn.extend({attr:function(e,t){return xe(this,u.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){u.removeAttr(this,e)})}}),u.extend({attr:function(e,t,i){var l,f,h=e.nodeType;if(!(h===3||h===8||h===2)){if(typeof e.getAttribute>"u")return u.prop(e,t,i);if((h!==1||!u.isXMLDoc(e))&&(f=u.attrHooks[t.toLowerCase()]||(u.expr.match.bool.test(t)?Ar:void 0)),i!==void 0){if(i===null){u.removeAttr(e,t);return}return f&&"set"in f&&(l=f.set(e,i,t))!==void 0?l:(e.setAttribute(t,i+""),i)}return f&&"get"in f&&(l=f.get(e,t))!==null?l:(l=u.find.attr(e,t),l??void 0)}},attrHooks:{type:{set:function(e,t){if(!E.radioValue&&t==="radio"&&ae(e,"input")){var i=e.value;return e.setAttribute("type",t),i&&(e.value=i),t}}}},removeAttr:function(e,t){var i,l=0,f=t&&t.match(Ne);if(f&&e.nodeType===1)for(;i=f[l++];)e.removeAttribute(i)}}),Ar={set:function(e,t,i){return t===!1?u.removeAttr(e,i):e.setAttribute(i,i),i}},u.each(u.expr.match.bool.source.match(/\w+/g),function(e,t){var i=_t[t]||u.find.attr;_t[t]=function(l,f,h){var x,b,v=f.toLowerCase();return h||(b=_t[v],_t[v]=x,x=i(l,f,h)!=null?v:null,_t[v]=b),x}});var xn=/^(?:input|select|textarea|button)$/i,gn=/^(?:a|area)$/i;u.fn.extend({prop:function(e,t){return xe(this,u.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[u.propFix[e]||e]})}}),u.extend({prop:function(e,t,i){var l,f,h=e.nodeType;if(!(h===3||h===8||h===2))return(h!==1||!u.isXMLDoc(e))&&(t=u.propFix[t]||t,f=u.propHooks[t]),i!==void 0?f&&"set"in f&&(l=f.set(e,i,t))!==void 0?l:e[t]=i:f&&"get"in f&&(l=f.get(e,t))!==null?l:e[t]},propHooks:{tabIndex:{get:function(e){var t=u.find.attr(e,"tabindex");return t?parseInt(t,10):xn.test(e.nodeName)||gn.test(e.nodeName)&&e.href?0:-1}}},propFix:{for:"htmlFor",class:"className"}}),E.optSelected||(u.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),u.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){u.propFix[this.toLowerCase()]=this});function ct(e){var t=e.match(Ne)||[];return t.join(" ")}function dt(e){return e.getAttribute&&e.getAttribute("class")||""}function tr(e){return Array.isArray(e)?e:typeof e=="string"?e.match(Ne)||[]:[]}u.fn.extend({addClass:function(e){var t,i,l,f,h,x;return M(e)?this.each(function(b){u(this).addClass(e.call(this,b,dt(this)))}):(t=tr(e),t.length?this.each(function(){if(l=dt(this),i=this.nodeType===1&&" "+ct(l)+" ",i){for(h=0;h<t.length;h++)f=t[h],i.indexOf(" "+f+" ")<0&&(i+=f+" ");x=ct(i),l!==x&&this.setAttribute("class",x)}}):this)},removeClass:function(e){var t,i,l,f,h,x;return M(e)?this.each(function(b){u(this).removeClass(e.call(this,b,dt(this)))}):arguments.length?(t=tr(e),t.length?this.each(function(){if(l=dt(this),i=this.nodeType===1&&" "+ct(l)+" ",i){for(h=0;h<t.length;h++)for(f=t[h];i.indexOf(" "+f+" ")>-1;)i=i.replace(" "+f+" "," ");x=ct(i),l!==x&&this.setAttribute("class",x)}}):this):this.attr("class","")},toggleClass:function(e,t){var i,l,f,h,x=typeof e,b=x==="string"||Array.isArray(e);return M(e)?this.each(function(v){u(this).toggleClass(e.call(this,v,dt(this),t),t)}):typeof t=="boolean"&&b?t?this.addClass(e):this.removeClass(e):(i=tr(e),this.each(function(){if(b)for(h=u(this),f=0;f<i.length;f++)l=i[f],h.hasClass(l)?h.removeClass(l):h.addClass(l);else(e===void 0||x==="boolean")&&(l=dt(this),l&&V.set(this,"__className__",l),this.setAttribute&&this.setAttribute("class",l||e===!1?"":V.get(this,"__className__")||""))}))},hasClass:function(e){var t,i,l=0;for(t=" "+e+" ";i=this[l++];)if(i.nodeType===1&&(" "+ct(dt(i))+" ").indexOf(t)>-1)return!0;return!1}});var yn=/\r/g;u.fn.extend({val:function(e){var t,i,l,f=this[0];return arguments.length?(l=M(e),this.each(function(h){var x;this.nodeType===1&&(l?x=e.call(this,h,u(this).val()):x=e,x==null?x="":typeof x=="number"?x+="":Array.isArray(x)&&(x=u?.map(x,function(b){return b==null?"":b+""})),t=u.valHooks[this.type]||u.valHooks[this.nodeName.toLowerCase()],(!t||!("set"in t)||t.set(this,x,"value")===void 0)&&(this.value=x))})):f?(t=u.valHooks[f.type]||u.valHooks[f.nodeName.toLowerCase()],t&&"get"in t&&(i=t.get(f,"value"))!==void 0?i:(i=f.value,typeof i=="string"?i.replace(yn,""):i??"")):void 0}}),u.extend({valHooks:{option:{get:function(e){var t=u.find.attr(e,"value");return t??ct(u.text(e))}},select:{get:function(e){var t,i,l,f=e.options,h=e.selectedIndex,x=e.type==="select-one",b=x?null:[],v=x?h+1:f.length;for(h<0?l=v:l=x?h:0;l<v;l++)if(i=f[l],(i.selected||l===h)&&!i.disabled&&(!i.parentNode.disabled||!ae(i.parentNode,"optgroup"))){if(t=u(i).val(),x)return t;b.push(t)}return b},set:function(e,t){for(var i,l,f=e.options,h=u.makeArray(t),x=f.length;x--;)l=f[x],(l.selected=u.inArray(u.valHooks.option.get(l),h)>-1)&&(i=!0);return i||(e.selectedIndex=-1),h}}}}),u.each(["radio","checkbox"],function(){u.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=u.inArray(u(e).val(),t)>-1}},E.checkOn||(u.valHooks[this].get=function(e){return e.getAttribute("value")===null?"on":e.value})});var Rt=o.location,Pr={guid:Date.now()},rr=/\?/;u.parseXML=function(e){var t,i;if(!e||typeof e!="string")return null;try{t=new o.DOMParser().parseFromString(e,"text/xml")}catch{}return i=t&&t.getElementsByTagName("parsererror")[0],(!t||i)&&u.error("Invalid XML: "+(i?u?.map(i.childNodes,function(l){return l.textContent}).join(`
+`):e)),t};var Fr=/^(?:focusinfocus|focusoutblur)$/,Wr=function(e){e.stopPropagation()};u.extend(u.event,{trigger:function(e,t,i,l){var f,h,x,b,v,w,R,I,C=[i||A],F=k.call(e,"type")?e.type:e,ne=k.call(e,"namespace")?e.namespace.split("."):[];if(h=I=x=i=i||A,!(i.nodeType===3||i.nodeType===8)&&!Fr.test(F+u.event.triggered)&&(F.indexOf(".")>-1&&(ne=F.split("."),F=ne.shift(),ne.sort()),v=F.indexOf(":")<0&&"on"+F,e=e[u.expando]?e:new u.Event(F,typeof e=="object"&&e),e.isTrigger=l?2:3,e.namespace=ne.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+ne.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=i),t=t==null?[e]:u.makeArray(t,[e]),R=u.event.special[F]||{},!(!l&&R.trigger&&R.trigger.apply(i,t)===!1))){if(!l&&!R.noBubble&&!P(i)){for(b=R.delegateType||F,Fr.test(b+F)||(h=h.parentNode);h;h=h.parentNode)C.push(h),x=h;x===(i.ownerDocument||A)&&C.push(x.defaultView||x.parentWindow||o)}for(f=0;(h=C[f++])&&!e.isPropagationStopped();)I=h,e.type=f>1?b:R.bindType||F,w=(V.get(h,"events")||Object.create(null))[e.type]&&V.get(h,"handle"),w&&w.apply(h,t),w=v&&h[v],w&&w.apply&&Be(h)&&(e.result=w.apply(h,t),e.result===!1&&e.preventDefault());return e.type=F,!l&&!e.isDefaultPrevented()&&(!R._default||R._default.apply(C.pop(),t)===!1)&&Be(i)&&v&&M(i[F])&&!P(i)&&(x=i[v],x&&(i[v]=null),u.event.triggered=F,e.isPropagationStopped()&&I.addEventListener(F,Wr),i[F](),e.isPropagationStopped()&&I.removeEventListener(F,Wr),u.event.triggered=void 0,x&&(i[v]=x)),e.result}},simulate:function(e,t,i){var l=u.extend(new u.Event,i,{type:e,isSimulated:!0});u.event.trigger(l,null,t)}}),u.fn.extend({trigger:function(e,t){return this.each(function(){u.event.trigger(e,t,this)})},triggerHandler:function(e,t){var i=this[0];if(i)return u.event.trigger(e,t,i,!0)}});var vn=/\[\]$/,Hr=/\r?\n/g,bn=/^(?:submit|button|image|reset|file)$/i,jn=/^(?:input|select|textarea|keygen)/i;function nr(e,t,i,l){var f;if(Array.isArray(t))u.each(t,function(h,x){i||vn.test(e)?l(e,x):nr(e+"["+(typeof x=="object"&&x!=null?h:"")+"]",x,i,l)});else if(!i&&se(t)==="object")for(f in t)nr(e+"["+f+"]",t[f],i,l);else l(e,t)}u.param=function(e,t){var i,l=[],f=function(h,x){var b=M(x)?x():x;l[l.length]=encodeURIComponent(h)+"="+encodeURIComponent(b??"")};if(e==null)return"";if(Array.isArray(e)||e.jquery&&!u.isPlainObject(e))u.each(e,function(){f(this.name,this.value)});else for(i in e)nr(i,e[i],t,f);return l.join("&")},u.fn.extend({serialize:function(){return u.param(this.serializeArray())},serializeArray:function(){return this?.map(function(){var e=u.prop(this,"elements");return e?u.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!u(this).is(":disabled")&&jn.test(this.nodeName)&&!bn.test(e)&&(this.checked||!Ct.test(e))})?.map(function(e,t){var i=u(this).val();return i==null?null:Array.isArray(i)?u?.map(i,function(l){return{name:t.name,value:l.replace(Hr,`\r
+`)}}):{name:t.name,value:i.replace(Hr,`\r
+`)}}).get()}});var Dn=/%20/g,kn=/#.*$/,wn=/([?&])_=[^&]*/,En=/^(.*?):[ \t]*([^\r\n]*)$/mg,Nn=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Cn=/^(?:GET|HEAD)$/,Sn=/^\/\//,Yr={},ar={},Br="*/".concat("*"),ir=A.createElement("a");ir.href=Rt.href;function qr(e){return function(t,i){typeof t!="string"&&(i=t,t="*");var l,f=0,h=t.toLowerCase().match(Ne)||[];if(M(i))for(;l=h[f++];)l[0]==="+"?(l=l.slice(1)||"*",(e[l]=e[l]||[]).unshift(i)):(e[l]=e[l]||[]).push(i)}}function Jr(e,t,i,l){var f={},h=e===ar;function x(b){var v;return f[b]=!0,u.each(e[b]||[],function(w,R){var I=R(t,i,l);if(typeof I=="string"&&!h&&!f[I])return t.dataTypes.unshift(I),x(I),!1;if(h)return!(v=I)}),v}return x(t.dataTypes[0])||!f["*"]&&x("*")}function sr(e,t){var i,l,f=u.ajaxSettings.flatOptions||{};for(i in t)t[i]!==void 0&&((f[i]?e:l||(l={}))[i]=t[i]);return l&&u.extend(!0,e,l),e}function _n(e,t,i){for(var l,f,h,x,b=e.contents,v=e.dataTypes;v[0]==="*";)v.shift(),l===void 0&&(l=e.mimeType||t.getResponseHeader("Content-Type"));if(l){for(f in b)if(b[f]&&b[f].test(l)){v.unshift(f);break}}if(v[0]in i)h=v[0];else{for(f in i){if(!v[0]||e.converters[f+" "+v[0]]){h=f;break}x||(x=f)}h=h||x}if(h)return h!==v[0]&&v.unshift(h),i[h]}function Rn(e,t,i,l){var f,h,x,b,v,w={},R=e.dataTypes.slice();if(R[1])for(x in e.converters)w[x.toLowerCase()]=e.converters[x];for(h=R.shift();h;)if(e.responseFields[h]&&(i[e.responseFields[h]]=t),!v&&l&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),v=h,h=R.shift(),h){if(h==="*")h=v;else if(v!=="*"&&v!==h){if(x=w[v+" "+h]||w["* "+h],!x){for(f in w)if(b=f.split(" "),b[1]===h&&(x=w[v+" "+b[0]]||w["* "+b[0]],x)){x===!0?x=w[f]:w[f]!==!0&&(h=b[0],R.unshift(b[1]));break}}if(x!==!0)if(x&&e.throws)t=x(t);else try{t=x(t)}catch(I){return{state:"parsererror",error:x?I:"No conversion from "+v+" to "+h}}}}return{state:"success",data:t}}u.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Rt.href,type:"GET",isLocal:Nn.test(Rt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Br,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":u.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?sr(sr(e,u.ajaxSettings),t):sr(u.ajaxSettings,e)},ajaxPrefilter:qr(Yr),ajaxTransport:qr(ar),ajax:function(e,t){typeof e=="object"&&(t=e,e=void 0),t=t||{};var i,l,f,h,x,b,v,w,R,I,C=u.ajaxSetup({},t),F=C.context||C,ne=C.context&&(F.nodeType||F.jquery)?u(F):u.event,de=u.Deferred(),oe=u.Callbacks("once memory"),Se=C.statusCode||{},Ce={},Ke={},Qe="canceled",ce={readyState:0,getResponseHeader:function(he){var we;if(v){if(!h)for(h={};we=En.exec(f);)h[we[1].toLowerCase()+" "]=(h[we[1].toLowerCase()+" "]||[]).concat(we[2]);we=h[he.toLowerCase()+" "]}return we==null?null:we.join(", ")},getAllResponseHeaders:function(){return v?f:null},setRequestHeader:function(he,we){return v==null&&(he=Ke[he.toLowerCase()]=Ke[he.toLowerCase()]||he,Ce[he]=we),this},overrideMimeType:function(he){return v==null&&(C.mimeType=he),this},statusCode:function(he){var we;if(he)if(v)ce.always(he[ce.status]);else for(we in he)Se[we]=[Se[we],he[we]];return this},abort:function(he){var we=he||Qe;return i&&i.abort(we),ft(0,we),this}};if(de.promise(ce),C.url=((e||C.url||Rt.href)+"").replace(Sn,Rt.protocol+"//"),C.type=t.method||t.type||C.method||C.type,C.dataTypes=(C.dataType||"*").toLowerCase().match(Ne)||[""],C.crossDomain==null){b=A.createElement("a");try{b.href=C.url,b.href=b.href,C.crossDomain=ir.protocol+"//"+ir.host!=b.protocol+"//"+b.host}catch{C.crossDomain=!0}}if(C.data&&C.processData&&typeof C.data!="string"&&(C.data=u.param(C.data,C.traditional)),Jr(Yr,C,t,ce),v)return ce;w=u.event&&C.global,w&&u.active++===0&&u.event.trigger("ajaxStart"),C.type=C.type.toUpperCase(),C.hasContent=!Cn.test(C.type),l=C.url.replace(kn,""),C.hasContent?C.data&&C.processData&&(C.contentType||"").indexOf("application/x-www-form-urlencoded")===0&&(C.data=C.data.replace(Dn,"+")):(I=C.url.slice(l.length),C.data&&(C.processData||typeof C.data=="string")&&(l+=(rr.test(l)?"&":"?")+C.data,delete C.data),C.cache===!1&&(l=l.replace(wn,"$1"),I=(rr.test(l)?"&":"?")+"_="+Pr.guid+++I),C.url=l+I),C.ifModified&&(u.lastModified[l]&&ce.setRequestHeader("If-Modified-Since",u.lastModified[l]),u.etag[l]&&ce.setRequestHeader("If-None-Match",u.etag[l])),(C.data&&C.hasContent&&C.contentType!==!1||t.contentType)&&ce.setRequestHeader("Content-Type",C.contentType),ce.setRequestHeader("Accept",C.dataTypes[0]&&C.accepts[C.dataTypes[0]]?C.accepts[C.dataTypes[0]]+(C.dataTypes[0]!=="*"?", "+Br+"; q=0.01":""):C.accepts["*"]);for(R in C.headers)ce.setRequestHeader(R,C.headers[R]);if(C.beforeSend&&(C.beforeSend.call(F,ce,C)===!1||v))return ce.abort();if(Qe="abort",oe.add(C.complete),ce.done(C.success),ce.fail(C.error),i=Jr(ar,C,t,ce),!i)ft(-1,"No Transport");else{if(ce.readyState=1,w&&ne.trigger("ajaxSend",[ce,C]),v)return ce;C.async&&C.timeout>0&&(x=o.setTimeout(function(){ce.abort("timeout")},C.timeout));try{v=!1,i.send(Ce,ft)}catch(he){if(v)throw he;ft(-1,he)}}function ft(he,we,Tt,lr){var Ge,Ot,Xe,it,st,He=we;v||(v=!0,x&&o.clearTimeout(x),i=void 0,f=lr||"",ce.readyState=he>0?4:0,Ge=he>=200&&he<300||he===304,Tt&&(it=_n(C,ce,Tt)),!Ge&&u.inArray("script",C.dataTypes)>-1&&u.inArray("json",C.dataTypes)<0&&(C.converters["text script"]=function(){}),it=Rn(C,it,ce,Ge),Ge?(C.ifModified&&(st=ce.getResponseHeader("Last-Modified"),st&&(u.lastModified[l]=st),st=ce.getResponseHeader("etag"),st&&(u.etag[l]=st)),he===204||C.type==="HEAD"?He="nocontent":he===304?He="notmodified":(He=it.state,Ot=it.data,Xe=it.error,Ge=!Xe)):(Xe=He,(he||!He)&&(He="error",he<0&&(he=0))),ce.status=he,ce.statusText=(we||He)+"",Ge?de.resolveWith(F,[Ot,He,ce]):de.rejectWith(F,[ce,He,Xe]),ce.statusCode(Se),Se=void 0,w&&ne.trigger(Ge?"ajaxSuccess":"ajaxError",[ce,C,Ge?Ot:Xe]),oe.fireWith(F,[ce,He]),w&&(ne.trigger("ajaxComplete",[ce,C]),--u.active||u.event.trigger("ajaxStop")))}return ce},getJSON:function(e,t,i){return u.get(e,t,i,"json")},getScript:function(e,t){return u.get(e,void 0,t,"script")}}),u.each(["get","post"],function(e,t){u[t]=function(i,l,f,h){return M(l)&&(h=h||f,f=l,l=void 0),u.ajax(u.extend({url:i,type:t,dataType:h,data:l,success:f},u.isPlainObject(i)&&i))}}),u.ajaxPrefilter(function(e){var t;for(t in e.headers)t.toLowerCase()==="content-type"&&(e.contentType=e.headers[t]||"")}),u._evalUrl=function(e,t,i){return u.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(l){u.globalEval(l,t,i)}})},u.fn.extend({wrapAll:function(e){var t;return this[0]&&(M(e)&&(e=e.call(this[0])),t=u(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t?.map(function(){for(var i=this;i.firstElementChild;)i=i.firstElementChild;return i}).append(this)),this},wrapInner:function(e){return M(e)?this.each(function(t){u(this).wrapInner(e.call(this,t))}):this.each(function(){var t=u(this),i=t.contents();i.length?i.wrapAll(e):t.append(e)})},wrap:function(e){var t=M(e);return this.each(function(i){u(this).wrapAll(t?e.call(this,i):e)})},unwrap:function(e){return this.parent(e).not("body").each(function(){u(this).replaceWith(this.childNodes)}),this}}),u.expr.pseudos.hidden=function(e){return!u.expr.pseudos.visible(e)},u.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},u.ajaxSettings.xhr=function(){try{return new o.XMLHttpRequest}catch{}};var Mn={0:200,1223:204},Mt=u.ajaxSettings.xhr();E.cors=!!Mt&&"withCredentials"in Mt,E.ajax=Mt=!!Mt,u.ajaxTransport(function(e){var t,i;if(E.cors||Mt&&!e.crossDomain)return{send:function(l,f){var h,x=e.xhr();if(x.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(h in e.xhrFields)x[h]=e.xhrFields[h];e.mimeType&&x.overrideMimeType&&x.overrideMimeType(e.mimeType),!e.crossDomain&&!l["X-Requested-With"]&&(l["X-Requested-With"]="XMLHttpRequest");for(h in l)x.setRequestHeader(h,l[h]);t=function(b){return function(){t&&(t=i=x.onload=x.onerror=x.onabort=x.ontimeout=x.onreadystatechange=null,b==="abort"?x.abort():b==="error"?typeof x.status!="number"?f(0,"error"):f(x.status,x.statusText):f(Mn[x.status]||x.status,x.statusText,(x.responseType||"text")!=="text"||typeof x.responseText!="string"?{binary:x.response}:{text:x.responseText},x.getAllResponseHeaders()))}},x.onload=t(),i=x.onerror=x.ontimeout=t("error"),x.onabort!==void 0?x.onabort=i:x.onreadystatechange=function(){x.readyState===4&&o.setTimeout(function(){t&&i()})},t=t("abort");try{x.send(e.hasContent&&e.data||null)}catch(b){if(t)throw b}},abort:function(){t&&t()}}}),u.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),u.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return u.globalEval(e),e}}}),u.ajaxPrefilter("script",function(e){e.cache===void 0&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),u.ajaxTransport("script",function(e){if(e.crossDomain||e.scriptAttrs){var t,i;return{send:function(l,f){t=u("<script>").attr(e.scriptAttrs||{}).prop({charset:e.scriptCharset,src:e.url}).on("load error",i=function(h){t.remove(),i=null,h&&f(h.type==="error"?404:200,h.type)}),A.head.appendChild(t[0])},abort:function(){i&&i()}}}});var Ur=[],or=/(=)\?(?=&|$)|\?\?/;u.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Ur.pop()||u.expando+"_"+Pr.guid++;return this[e]=!0,e}}),u.ajaxPrefilter("json jsonp",function(e,t,i){var l,f,h,x=e.jsonp!==!1&&(or.test(e.url)?"url":typeof e.data=="string"&&(e.contentType||"").indexOf("application/x-www-form-urlencoded")===0&&or.test(e.data)&&"data");if(x||e.dataTypes[0]==="jsonp")return l=e.jsonpCallback=M(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,x?e[x]=e[x].replace(or,"$1"+l):e.jsonp!==!1&&(e.url+=(rr.test(e.url)?"&":"?")+e.jsonp+"="+l),e.converters["script json"]=function(){return h||u.error(l+" was not called"),h[0]},e.dataTypes[0]="json",f=o[l],o[l]=function(){h=arguments},i.always(function(){f===void 0?u(o).removeProp(l):o[l]=f,e[l]&&(e.jsonpCallback=t.jsonpCallback,Ur.push(l)),h&&M(f)&&f(h[0]),h=f=void 0}),"script"}),E.createHTMLDocument=(function(){var e=A.implementation.createHTMLDocument("").body;return e.innerHTML="<form></form><form></form>",e.childNodes.length===2})(),u.parseHTML=function(e,t,i){if(typeof e!="string")return[];typeof t=="boolean"&&(i=t,t=!1);var l,f,h;return t||(E.createHTMLDocument?(t=A.implementation.createHTMLDocument(""),l=t.createElement("base"),l.href=A.location.href,t.head.appendChild(l)):t=A),f=Dt.exec(e),h=!i&&[],f?[t.createElement(f[1])]:(f=jr([e],t,h),h&&h.length&&u(h).remove(),u.merge([],f.childNodes))},u.fn.load=function(e,t,i){var l,f,h,x=this,b=e.indexOf(" ");return b>-1&&(l=ct(e.slice(b)),e=e.slice(0,b)),M(t)?(i=t,t=void 0):t&&typeof t=="object"&&(f="POST"),x.length>0&&u.ajax({url:e,type:f||"GET",dataType:"html",data:t}).done(function(v){h=arguments,x.html(l?u("<div>").append(u.parseHTML(v)).find(l):v)}).always(i&&function(v,w){x.each(function(){i.apply(this,h||[v.responseText,w,v])})}),this},u.expr.pseudos.animated=function(e){return u.grep(u.timers,function(t){return e===t.elem}).length},u.offset={setOffset:function(e,t,i){var l,f,h,x,b,v,w,R=u.css(e,"position"),I=u(e),C={};R==="static"&&(e.style.position="relative"),b=I.offset(),h=u.css(e,"top"),v=u.css(e,"left"),w=(R==="absolute"||R==="fixed")&&(h+v).indexOf("auto")>-1,w?(l=I.position(),x=l.top,f=l.left):(x=parseFloat(h)||0,f=parseFloat(v)||0),M(t)&&(t=t.call(e,i,u.extend({},b))),t.top!=null&&(C.top=t.top-b.top+x),t.left!=null&&(C.left=t.left-b.left+f),"using"in t?t.using.call(e,C):I.css(C)}},u.fn.extend({offset:function(e){if(arguments.length)return e===void 0?this:this.each(function(f){u.offset.setOffset(this,e,f)});var t,i,l=this[0];if(l)return l.getClientRects().length?(t=l.getBoundingClientRect(),i=l.ownerDocument.defaultView,{top:t.top+i.pageYOffset,left:t.left+i.pageXOffset}):{top:0,left:0}},position:function(){if(this[0]){var e,t,i,l=this[0],f={top:0,left:0};if(u.css(l,"position")==="fixed")t=l.getBoundingClientRect();else{for(t=this.offset(),i=l.ownerDocument,e=l.offsetParent||i.documentElement;e&&(e===i.body||e===i.documentElement)&&u.css(e,"position")==="static";)e=e.parentNode;e&&e!==l&&e.nodeType===1&&(f=u(e).offset(),f.top+=u.css(e,"borderTopWidth",!0),f.left+=u.css(e,"borderLeftWidth",!0))}return{top:t.top-f.top-u.css(l,"marginTop",!0),left:t.left-f.left-u.css(l,"marginLeft",!0)}}},offsetParent:function(){return this?.map(function(){for(var e=this.offsetParent;e&&u.css(e,"position")==="static";)e=e.offsetParent;return e||ut})}}),u.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,t){var i=t==="pageYOffset";u.fn[e]=function(l){return xe(this,function(f,h,x){var b;if(P(f)?b=f:f.nodeType===9&&(b=f.defaultView),x===void 0)return b?b[t]:f[h];b?b.scrollTo(i?b.pageXOffset:x,i?x:b.pageYOffset):f[h]=x},e,l,arguments.length)}}),u.each(["top","left"],function(e,t){u.cssHooks[t]=Cr(E.pixelPosition,function(i,l){if(l)return l=St(i,t),Gt.test(l)?u(i).position()[t]+"px":l})}),u.each({Height:"height",Width:"width"},function(e,t){u.each({padding:"inner"+e,content:t,"":"outer"+e},function(i,l){u.fn[l]=function(f,h){var x=arguments.length&&(i||typeof f!="boolean"),b=i||(f===!0||h===!0?"margin":"border");return xe(this,function(v,w,R){var I;return P(v)?l.indexOf("outer")===0?v["inner"+e]:v.document.documentElement["client"+e]:v.nodeType===9?(I=v.documentElement,Math.max(v.body["scroll"+e],I["scroll"+e],v.body["offset"+e],I["offset"+e],I["client"+e])):R===void 0?u.css(v,w,b):u.style(v,w,R,b)},t,x?f:void 0,x)}})}),u.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){u.fn[t]=function(i){return this.on(t,i)}}),u.fn.extend({bind:function(e,t,i){return this.on(e,null,t,i)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,i,l){return this.on(t,e,i,l)},undelegate:function(e,t,i){return arguments.length===1?this.off(e,"**"):this.off(t,e||"**",i)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),u.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,t){u.fn[t]=function(i,l){return arguments.length>0?this.on(t,null,i,l):this.trigger(t)}});var Tn=/^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;u.proxy=function(e,t){var i,l,f;if(typeof t=="string"&&(i=e[t],t=e,e=i),!!M(e))return l=s.call(arguments,2),f=function(){return e.apply(t||this,l.concat(s.call(arguments)))},f.guid=e.guid=e.guid||u.guid++,f},u.holdReady=function(e){e?u.readyWait++:u.ready(!0)},u.isArray=Array.isArray,u.parseJSON=JSON.parse,u.nodeName=ae,u.isFunction=M,u.isWindow=P,u.camelCase=je,u.type=se,u.now=Date.now,u.isNumeric=function(e){var t=u.type(e);return(t==="number"||t==="string")&&!isNaN(e-parseFloat(e))},u.trim=function(e){return e==null?"":(e+"").replace(Tn,"$1")};var On=o.jQuery,Ln=o.$;return u.noConflict=function(e){return o.$===u&&(o.$=Ln),e&&o.jQuery===u&&(o.jQuery=On),u},typeof c>"u"&&(o.jQuery=o.$=u),u})})(jquery$1)),jquery$1.exports}var jqueryExports=requireJquery();const jQuery$1=getDefaultExportFromCjs(jqueryExports);window.jQuery=jQuery$1;window.$=jQuery$1;/*! Simple JavaScript Inheritance
+ * By John Resig http://ejohn.org/
+ * MIT Licensed.
+ */(function(){var r=!1;window.JQClass=function(){},JQClass.classes={},JQClass.extend=function o(c){var n=this.prototype;r=!0;var a=new this;r=!1;for(var s in c)if(typeof c[s]=="function"&&typeof n[s]=="function")a[s]=(function(k,_){return function(){var T=this._super;this._super=function(M){return n[k].apply(this,M||[])};var E=_.apply(this,arguments);return this._super=T,E}})(s,c[s]);else if(typeof c[s]=="object"&&typeof n[s]=="object"&&s==="defaultOptions"){var d=n[s],p=c[s],m={},g;for(g in d)m[g]=d[g];for(g in p)m[g]=p[g];a[s]=m}else a[s]=c[s];function j(){!r&&this._init&&this._init.apply(this,arguments)}return j.prototype=a,j.prototype.constructor=j,j.extend=o,j}})();/*! Abstract base class for collection plugins v1.0.2.
+	Written by Keith Wood (wood.keith{at}optusnet.com.au) December 2013.
+	Licensed under the MIT license (http://keith-wood.name/licence.html). */(function($){JQClass.classes.JQPlugin=JQClass.extend({name:"plugin",defaultOptions:{},regionalOptions:{},deepMerge:!0,_getMarker:function(){return"is-"+this.name},_init:function(){$.extend(this.defaultOptions,this.regionalOptions&&this.regionalOptions[""]||{});var r=camelCase(this.name);$[r]=this,$.fn[r]=function(o){var c=Array.prototype.slice.call(arguments,1),n=this,a=this;return this.each(function(){if(typeof o=="string"){if(o[0]==="_"||!$[r][o])throw"Unknown method: "+o;var s=$[r][o].apply($[r],[this].concat(c));if(s!==n&&s!==void 0)return a=s,!1}else $[r]._attach(this,o)}),a}},setDefaults:function(r){$.extend(this.defaultOptions,r||{})},_attach:function(r,o){if(r=$(r),!r.hasClass(this._getMarker())){r.addClass(this._getMarker()),o=$.extend(this.deepMerge,{},this.defaultOptions,this._getMetadata(r),o||{});var c=$.extend({name:this.name,elem:r,options:o},this._instSettings(r,o));r.data(this.name,c),this._postAttach(r,c),this.option(r,o)}},_instSettings:function(r,o){return{}},_postAttach:function(r,o){},_getMetadata:function(elem){try{var data=elem.data(this.name.toLowerCase())||"";data=data.replace(/(\\?)'/g,function(r,o){return o?"'":'"'}).replace(/([a-zA-Z0-9]+):/g,function(r,o,c){var n=data.substring(0,c).match(/"/g);return!n||n.length%2===0?'"'+o+'":':o+":"}).replace(/\\:/g,":"),data=$.parseJSON("{"+data+"}");for(var key in data)if(data.hasOwnProperty(key)){var value=data[key];typeof value=="string"&&value.match(/^new Date\(([-0-9,\s]*)\)$/)&&(data[key]=eval(value))}return data}catch(r){return{}}},_getInst:function(r){return $(r).data(this.name)||{}},option:function(r,o,c){r=$(r);var n=r.data(this.name),a=o||{};if(!o||typeof o=="string"&&typeof c>"u")return a=(n||{}).options,a&&o?a[o]:a;r.hasClass(this._getMarker())&&(typeof o=="string"&&(a={},a[o]=c),this._optionsChanged(r,n,a),$.extend(n.options,a))},_optionsChanged:function(r,o,c){},destroy:function(r){r=$(r),r.hasClass(this._getMarker())&&(this._preDestroy(r,this._getInst(r)),r.removeData(this.name).removeClass(this._getMarker()))},_preDestroy:function(r,o){}});function camelCase(r){return r.replace(/-([a-z])/g,function(o,c){return c.toUpperCase()})}$.JQPlugin={createPlugin:function(r,o){typeof r=="object"&&(o=r,r="JQPlugin"),r=camelCase(r);var c=camelCase(o.name);JQClass.classes[c]=JQClass.classes[r].extend(o),new JQClass.classes[c]}}})(jQuery);(function(r){function o(){this.regionalOptions=[],this.regionalOptions[""]={invalidCalendar:"Calendar {0} not found",invalidDate:"Invalid {0} date",invalidMonth:"Invalid {0} month",invalidYear:"Invalid {0} year",differentCalendars:"Cannot mix {0} and {1} dates"},this.local=this.regionalOptions[""],this.calendars={},this._localCals={}}r.extend(o.prototype,{instance:function(d,p){d=(d||"gregorian").toLowerCase(),p=p||"";var m=this._localCals[d+"-"+p];if(!m&&this.calendars[d]&&(m=new this.calendars[d](p),this._localCals[d+"-"+p]=m),!m)throw(this.local.invalidCalendar||this.regionalOptions[""].invalidCalendar).replace(/\{0\}/,d);return m},newDate:function(d,p,m,g,j){return g=(typeof d<"u"&&d!==null&&d.year?d.calendar():typeof g=="string"?this.instance(g,j):g)||this.instance(),g.newDate(d,p,m)},substituteDigits:function(d){return function(p){return(p+"").replace(/[0-9]/g,function(m){return d[m]})}},substituteChineseDigits:function(d,p){return function(m){for(var g="",j=0;m>0;){var k=m%10;g=(k===0?"":d[k]+p[j])+g,j++,m=Math.floor(m/10)}return g.indexOf(d[1]+p[1])===0&&(g=g.substr(1)),g||d[0]}}});function c(d,p,m,g){if(this._calendar=d,this._year=p,this._month=m,this._day=g,this._calendar._validateLevel===0&&!this._calendar.isValid(this._year,this._month,this._day))throw(r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate).replace(/\{0\}/,this._calendar.local.name)}function n(d,p){return d=""+d,"000000".substring(0,p-d.length)+d}r.extend(c.prototype,{newDate:function(d,p,m){return this._calendar.newDate(typeof d>"u"||d===null?this:d,p,m)},year:function(d){return arguments.length===0?this._year:this.set(d,"y")},month:function(d){return arguments.length===0?this._month:this.set(d,"m")},day:function(d){return arguments.length===0?this._day:this.set(d,"d")},date:function(d,p,m){if(!this._calendar.isValid(d,p,m))throw(r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate).replace(/\{0\}/,this._calendar.local.name);return this._year=d,this._month=p,this._day=m,this},leapYear:function(){return this._calendar.leapYear(this)},epoch:function(){return this._calendar.epoch(this)},formatYear:function(){return this._calendar.formatYear(this)},monthOfYear:function(){return this._calendar.monthOfYear(this)},weekOfYear:function(){return this._calendar.weekOfYear(this)},daysInYear:function(){return this._calendar.daysInYear(this)},dayOfYear:function(){return this._calendar.dayOfYear(this)},daysInMonth:function(){return this._calendar.daysInMonth(this)},dayOfWeek:function(){return this._calendar.dayOfWeek(this)},weekDay:function(){return this._calendar.weekDay(this)},extraInfo:function(){return this._calendar.extraInfo(this)},add:function(d,p){return this._calendar.add(this,d,p)},set:function(d,p){return this._calendar.set(this,d,p)},compareTo:function(d){if(this._calendar.name!==d._calendar.name)throw(r.calendars.local.differentCalendars||r.calendars.regionalOptions[""].differentCalendars).replace(/\{0\}/,this._calendar.local.name).replace(/\{1\}/,d._calendar.local.name);var p=this._year!==d._year?this._year-d._year:this._month!==d._month?this.monthOfYear()-d.monthOfYear():this._day-d._day;return p===0?0:p<0?-1:1},calendar:function(){return this._calendar},toJD:function(){return this._calendar.toJD(this)},fromJD:function(d){return this._calendar.fromJD(d)},toJSDate:function(){return this._calendar.toJSDate(this)},fromJSDate:function(d){return this._calendar.fromJSDate(d)},toString:function(){return(this.year()<0?"-":"")+n(Math.abs(this.year()),4)+"-"+n(this.month(),2)+"-"+n(this.day(),2)}});function a(){this.shortYearCutoff="+10"}r.extend(a.prototype,{_validateLevel:0,newDate:function(d,p,m){return typeof d>"u"||d===null?this.today():(d.year&&(this._validate(d,p,m,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate),m=d.day(),p=d.month(),d=d.year()),new c(this,d,p,m))},today:function(){return this.fromJSDate(new Date)},epoch:function(d){var p=this._validate(d,this.minMonth,this.minDay,r.calendars.local.invalidYear||r.calendars.regionalOptions[""].invalidYear);return p.year()<0?this.local.epochs[0]:this.local.epochs[1]},formatYear:function(d){var p=this._validate(d,this.minMonth,this.minDay,r.calendars.local.invalidYear||r.calendars.regionalOptions[""].invalidYear);return(p.year()<0?"-":"")+n(Math.abs(p.year()),4)},monthsInYear:function(d){return this._validate(d,this.minMonth,this.minDay,r.calendars.local.invalidYear||r.calendars.regionalOptions[""].invalidYear),12},monthOfYear:function(d,p){var m=this._validate(d,p,this.minDay,r.calendars.local.invalidMonth||r.calendars.regionalOptions[""].invalidMonth);return(m.month()+this.monthsInYear(m)-this.firstMonth)%this.monthsInYear(m)+this.minMonth},fromMonthOfYear:function(d,p){var m=(p+this.firstMonth-2*this.minMonth)%this.monthsInYear(d)+this.minMonth;return this._validate(d,m,this.minDay,r.calendars.local.invalidMonth||r.calendars.regionalOptions[""].invalidMonth),m},daysInYear:function(d){var p=this._validate(d,this.minMonth,this.minDay,r.calendars.local.invalidYear||r.calendars.regionalOptions[""].invalidYear);return this.leapYear(p)?366:365},dayOfYear:function(d,p,m){var g=this._validate(d,p,m,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate);return g.toJD()-this.newDate(g.year(),this.fromMonthOfYear(g.year(),this.minMonth),this.minDay).toJD()+1},daysInWeek:function(){return 7},dayOfWeek:function(d,p,m){var g=this._validate(d,p,m,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate);return(Math.floor(this.toJD(g))+2)%this.daysInWeek()},extraInfo:function(d,p,m){return this._validate(d,p,m,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate),{}},add:function(d,p,m){return this._validate(d,this.minMonth,this.minDay,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate),this._correctAdd(d,this._add(d,p,m),p,m)},_add:function(d,p,m){this._validateLevel++;var g;if(m==="d"||m==="w"){var j=d.toJD()+p*(m==="w"?this.daysInWeek():1);return g=d.calendar().fromJD(j),this._validateLevel--,[g.year(),g.month(),g.day()]}try{var k=d.year()+(m==="y"?p:0),_=d.monthOfYear()+(m==="m"?p:0);g=d.day();var T=function(M){for(;_<M.minMonth;)k--,_+=M.monthsInYear(k);for(var P=M.monthsInYear(k);_>P-1+M.minMonth;)k++,_-=P,P=M.monthsInYear(k)};m==="y"?(d.month()!==this.fromMonthOfYear(k,_)&&(_=this.newDate(k,d.month(),this.minDay).monthOfYear()),_=Math.min(_,this.monthsInYear(k)),g=Math.min(g,this.daysInMonth(k,this.fromMonthOfYear(k,_)))):m==="m"&&(T(this),g=Math.min(g,this.daysInMonth(k,this.fromMonthOfYear(k,_))));var E=[k,this.fromMonthOfYear(k,_),g];return this._validateLevel--,E}catch(M){throw this._validateLevel--,M}},_correctAdd:function(d,p,m,g){if(!this.hasYearZero&&(g==="y"||g==="m")&&(p[0]===0||d.year()>0!=p[0]>0)){var j={y:[1,1,"y"],m:[1,this.monthsInYear(-1),"m"],w:[this.daysInWeek(),this.daysInYear(-1),"d"],d:[1,this.daysInYear(-1),"d"]}[g],k=m<0?-1:1;p=this._add(d,m*j[0]+k*j[1],j[2])}return d.date(p[0],p[1],p[2])},set:function(d,p,m){this._validate(d,this.minMonth,this.minDay,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate);var g=m==="y"?p:d.year(),j=m==="m"?p:d.month(),k=m==="d"?p:d.day();return(m==="y"||m==="m")&&(k=Math.min(k,this.daysInMonth(g,j))),d.date(g,j,k)},isValid:function(d,p,m){this._validateLevel++;var g=this.hasYearZero||d!==0;if(g){var j=this.newDate(d,p,this.minDay);g=p>=this.minMonth&&p-this.minMonth<this.monthsInYear(j)&&m>=this.minDay&&m-this.minDay<this.daysInMonth(j)}return this._validateLevel--,g},toJSDate:function(d,p,m){var g=this._validate(d,p,m,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate);return r.calendars.instance().fromJD(this.toJD(g)).toJSDate()},fromJSDate:function(d){return this.fromJD(r.calendars.instance().fromJSDate(d).toJD())},_validate:function(d,p,m,g){if(d.year){if(this._validateLevel===0&&this.name!==d.calendar().name)throw(r.calendars.local.differentCalendars||r.calendars.regionalOptions[""].differentCalendars).replace(/\{0\}/,this.local.name).replace(/\{1\}/,d.calendar().local.name);return d}try{if(this._validateLevel++,this._validateLevel===1&&!this.isValid(d,p,m))throw g.replace(/\{0\}/,this.local.name);var j=this.newDate(d,p,m);return this._validateLevel--,j}catch(k){throw this._validateLevel--,k}}});function s(d){this.local=this.regionalOptions[d]||this.regionalOptions[""]}s.prototype=new a,r.extend(s.prototype,{name:"Gregorian",jdEpoch:17214255e-1,daysPerMonth:[31,28,31,30,31,30,31,31,30,31,30,31],hasYearZero:!1,minMonth:1,firstMonth:1,minDay:1,regionalOptions:{"":{name:"Gregorian",epochs:["BCE","CE"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],digits:null,dateFormat:"mm/dd/yyyy",firstDay:0,isRTL:!1}},leapYear:function(d){var p=this._validate(d,this.minMonth,this.minDay,r.calendars.local.invalidYear||r.calendars.regionalOptions[""].invalidYear);return d=p.year()+(p.year()<0?1:0),d%4===0&&(d%100!==0||d%400===0)},weekOfYear:function(d,p,m){var g=this.newDate(d,p,m);return g.add(4-(g.dayOfWeek()||7),"d"),Math.floor((g.dayOfYear()-1)/7)+1},daysInMonth:function(d,p){var m=this._validate(d,p,this.minDay,r.calendars.local.invalidMonth||r.calendars.regionalOptions[""].invalidMonth);return this.daysPerMonth[m.month()-1]+(m.month()===2&&this.leapYear(m.year())?1:0)},weekDay:function(d,p,m){return(this.dayOfWeek(d,p,m)||7)<6},toJD:function(d,p,m){var g=this._validate(d,p,m,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate);d=g.year(),p=g.month(),m=g.day(),d<0&&d++,p<3&&(p+=12,d--);var j=Math.floor(d/100),k=2-j+Math.floor(j/4);return Math.floor(365.25*(d+4716))+Math.floor(30.6001*(p+1))+m+k-1524.5},fromJD:function(d){var p=Math.floor(d+.5),m=Math.floor((p-186721625e-2)/36524.25);m=p+1+m-Math.floor(m/4);var g=m+1524,j=Math.floor((g-122.1)/365.25),k=Math.floor(365.25*j),_=Math.floor((g-k)/30.6001),T=g-k-Math.floor(_*30.6001),E=_-(_>13.5?13:1),M=j-(E>2.5?4716:4715);return M<=0&&M--,this.newDate(M,E,T)},toJSDate:function(d,p,m){var g=this._validate(d,p,m,r.calendars.local.invalidDate||r.calendars.regionalOptions[""].invalidDate),j=new Date(g.year(),g.month()-1,g.day());return j.setHours(0),j.setMinutes(0),j.setSeconds(0),j.setMilliseconds(0),j.setHours(j.getHours()>12?j.getHours()+2:0),j},fromJSDate:function(d){return this.newDate(d.getFullYear(),d.getMonth()+1,d.getDate())}}),r.calendars=new o,r.calendars.cdate=c,r.calendars.baseCalendar=a,r.calendars.calendars.gregorian=s})(jQuery);(function(r){r.extend(r.calendars.regionalOptions[""],{invalidArguments:"Invalid arguments",invalidFormat:"Cannot format a date from another calendar",missingNumberAt:"Missing number at position {0}",unknownNameAt:"Unknown name at position {0}",unexpectedLiteralAt:"Unexpected literal at position {0}",unexpectedText:"Additional text found at end"}),r.calendars.local=r.calendars.regionalOptions[""],r.extend(r.calendars.cdate.prototype,{formatDate:function(o,c){return typeof o!="string"&&(c=o,o=""),this._calendar.formatDate(o||"",this,c)}}),r.extend(r.calendars.baseCalendar.prototype,{UNIX_EPOCH:r.calendars.instance().newDate(1970,1,1).toJD(),SECS_PER_DAY:1440*60,TICKS_EPOCH:r.calendars.instance().jdEpoch,TICKS_PER_DAY:1440*60*1e7,ATOM:"yyyy-mm-dd",COOKIE:"D, dd M yyyy",FULL:"DD, MM d, yyyy",ISO_8601:"yyyy-mm-dd",JULIAN:"J",RFC_822:"D, d M yy",RFC_850:"DD, dd-M-yy",RFC_1036:"D, d M yy",RFC_1123:"D, d M yyyy",RFC_2822:"D, d M yyyy",RSS:"D, d M yy",TICKS:"!",TIMESTAMP:"@",W3C:"yyyy-mm-dd",formatDate:function(o,c,n){if(typeof o!="string"&&(n=c,c=o,o=""),!c)return"";if(c.calendar()!==this)throw r.calendars.local.invalidFormat||r.calendars.regionalOptions[""].invalidFormat;o=o||this.local.dateFormat,n=n||{};for(var a=n.dayNamesShort||this.local.dayNamesShort,s=n.dayNames||this.local.dayNames,d=n.monthNamesShort||this.local.monthNamesShort,p=n.monthNames||this.local.monthNames,m=n.localNumbers||this.local.localNumbers,g=function(P,A){for(var H=1;M+H<o.length&&o.charAt(M+H)===P;)H++;return M+=H-1,Math.floor(H/(A||1))>1},j=function(P,A,H,Y){var se=""+A;if(g(P,Y))for(;se.length<H;)se="0"+se;return se},k=function(P,A,H,Y){return g(P)?Y[A]:H[A]},_=m&&this.local.digits?this.local.digits:function(P){return P},T="",E=!1,M=0;M<o.length;M++)if(E)o.charAt(M)==="'"&&!g("'")?E=!1:T+=o.charAt(M);else switch(o.charAt(M)){case"d":T+=_(j("d",c.day(),2));break;case"D":T+=k("D",c.dayOfWeek(),a,s);break;case"o":T+=j("o",c.dayOfYear(),3);break;case"w":T+=j("w",c.weekOfYear(),2);break;case"m":T+=_(j("m",c.month(),2));break;case"M":T+=k("M",c.month()-this.minMonth,d,p);break;case"y":T+=_(g("y",2)?c.year():(c.year()%100<10?"0":"")+c.year()%100);break;case"Y":g("Y",2),T+=c.formatYear();break;case"J":T+=c.toJD();break;case"@":T+=(c.toJD()-this.UNIX_EPOCH)*this.SECS_PER_DAY;break;case"!":T+=(c.toJD()-this.TICKS_EPOCH)*this.TICKS_PER_DAY;break;case"'":g("'")?T+="'":E=!0;break;default:T+=o.charAt(M)}return T},parseDate:function(o,c,n){if(typeof c>"u"||c===null)throw r.calendars.local.invalidArguments||r.calendars.regionalOptions[""].invalidArguments;if(c=typeof c=="object"?c.toString():c+"",c==="")return null;o=o||this.local.dateFormat,n=n||{};var a=n.shortYearCutoff||this.shortYearCutoff;a=typeof a!="string"?a:this.today().year()%100+parseInt(a,10);for(var s=n.dayNamesShort||this.local.dayNamesShort,d=n.dayNames||this.local.dayNames,p=n.monthNamesShort||this.local.monthNamesShort,m=n.monthNames||this.local.monthNames,g=-1,j=-1,k=-1,_=-1,T=-1,E=!1,M=!1,P=function(ae,Ee){for(var De=1;te+De<o.length&&o.charAt(te+De)===ae;)De++;return te+=De-1,Math.floor(De/(Ee||1))>1},A=function(ae,Ee){var De=P(ae,Ee),Me=[2,3,De?4:2,De?4:2,10,11,20]["oyYJ@!".indexOf(ae)+1],re=new RegExp("^-?\\d{1,"+Me+"}"),U=c.substring(z).match(re);if(!U)throw(r.calendars.local.missingNumberAt||r.calendars.regionalOptions[""].missingNumberAt).replace(/\{0\}/,z);return z+=U[0].length,parseInt(U[0],10)},H=this,Y=function(ae,Ee,De,Me){for(var re=P(ae,Me)?De:Ee,U=0;U<re.length;U++)if(c.substr(z,re[U].length).toLowerCase()===re[U].toLowerCase())return z+=re[U].length,U+H.minMonth;throw(r.calendars.local.unknownNameAt||r.calendars.regionalOptions[""].unknownNameAt).replace(/\{0\}/,z)},se=function(){if(c.charAt(z)!==o.charAt(te))throw(r.calendars.local.unexpectedLiteralAt||r.calendars.regionalOptions[""].unexpectedLiteralAt).replace(/\{0\}/,z);z++},z=0,te=0;te<o.length;te++)if(M)o.charAt(te)==="'"&&!P("'")?M=!1:se();else switch(o.charAt(te)){case"d":_=A("d");break;case"D":Y("D",s,d);break;case"o":T=A("o");break;case"w":A("w");break;case"m":k=A("m");break;case"M":k=Y("M",p,m);break;case"y":var u=te;E=!P("y",2),te=u,j=A("y",2);break;case"Y":j=A("Y",2);break;case"J":g=A("J")+.5,c.charAt(z)==="."&&(z++,A("J"));break;case"@":g=A("@")/this.SECS_PER_DAY+this.UNIX_EPOCH;break;case"!":g=A("!")/this.TICKS_PER_DAY+this.TICKS_EPOCH;break;case"*":z=c.length;break;case"'":P("'")?se():M=!0;break;default:se()}if(z<c.length)throw r.calendars.local.unexpectedText||r.calendars.regionalOptions[""].unexpectedText;if(j===-1?j=this.today().year():j<100&&E&&(j+=a===-1?1900:this.today().year()-this.today().year()%100-(j<=a?0:100)),T>-1){k=1,_=T;for(var fe=this.daysInMonth(j,k);_>fe;fe=this.daysInMonth(j,k))k++,_-=fe}return g>-1?this.fromJD(g):this.newDate(j,k,_)},determineDate:function(o,c,n,a,s){n&&typeof n!="object"&&(s=a,a=n,n=null),typeof a!="string"&&(s=a,a="");var d=this,p=function(m){try{return d.parseDate(a,m,s)}catch{}m=m.toLowerCase();for(var g=(m.match(/^c/)&&n?n.newDate():null)||d.today(),j=/([+-]?[0-9]+)\s*(d|w|m|y)?/g,k=j.exec(m);k;)g.add(parseInt(k[1],10),k[2]||"d"),k=j.exec(m);return g};return c=c?c.newDate():null,o=typeof o>"u"||o===null?c:typeof o=="string"?p(o):typeof o=="number"?isNaN(o)||o===1/0||o===-1/0?c:d.today().add(o,"d"):d.newDate(o),o}})})(jQuery);(function(r){var o="calendarsPicker";r.JQPlugin.createPlugin({name:o,defaultRenderer:{picker:'<div class="calendars"><div class="calendars-nav">{link:prev}{link:today}{link:next}</div>{months}{popup:start}<div class="calendars-ctrl">{link:clear}{link:close}</div>{popup:end}<div class="calendars-clear-fix"></div></div>',monthRow:'<div class="calendars-month-row">{months}</div>',month:'<div class="calendars-month"><div class="calendars-month-header">{monthHeader}</div><table><thead>{weekHeader}</thead><tbody>{weeks}</tbody></table></div>',weekHeader:"<tr>{days}</tr>",dayHeader:"<th>{day}</th>",week:"<tr>{days}</tr>",day:"<td>{day}</td>",monthSelector:".calendars-month",daySelector:"td",rtlClass:"calendars-rtl",multiClass:"calendars-multi",defaultClass:"",selectedClass:"calendars-selected",highlightedClass:"calendars-highlight",todayClass:"calendars-today",otherMonthClass:"calendars-other-month",weekendClass:"calendars-weekend",commandClass:"calendars-cmd",commandButtonClass:"",commandLinkClass:"",disabledClass:"calendars-disabled"},commands:{prev:{text:"prevText",status:"prevStatus",keystroke:{keyCode:33},enabled:function(n){var a=n.curMinDate();return!a||n.drawDate.newDate().add(1-n.options.monthsToStep-n.options.monthsOffset,"m").day(n.options.calendar.minDay).add(-1,"d").compareTo(a)!==-1},date:function(n){return n.drawDate.newDate().add(-n.options.monthsToStep-n.options.monthsOffset,"m").day(n.options.calendar.minDay)},action:function(n){c.changeMonth(this,-n.options.monthsToStep)}},prevJump:{text:"prevJumpText",status:"prevJumpStatus",keystroke:{keyCode:33,ctrlKey:!0},enabled:function(n){var a=n.curMinDate();return!a||n.drawDate.newDate().add(1-n.options.monthsToJump-n.options.monthsOffset,"m").day(n.options.calendar.minDay).add(-1,"d").compareTo(a)!==-1},date:function(n){return n.drawDate.newDate().add(-n.options.monthsToJump-n.options.monthsOffset,"m").day(n.options.calendar.minDay)},action:function(n){c.changeMonth(this,-n.options.monthsToJump)}},next:{text:"nextText",status:"nextStatus",keystroke:{keyCode:34},enabled:function(n){var a=n.get("maxDate");return!a||n.drawDate.newDate().add(n.options.monthsToStep-n.options.monthsOffset,"m").day(n.options.calendar.minDay).compareTo(a)!==1},date:function(n){return n.drawDate.newDate().add(n.options.monthsToStep-n.options.monthsOffset,"m").day(n.options.calendar.minDay)},action:function(n){c.changeMonth(this,n.options.monthsToStep)}},nextJump:{text:"nextJumpText",status:"nextJumpStatus",keystroke:{keyCode:34,ctrlKey:!0},enabled:function(n){var a=n.get("maxDate");return!a||n.drawDate.newDate().add(n.options.monthsToJump-n.options.monthsOffset,"m").day(n.options.calendar.minDay).compareTo(a)!==1},date:function(n){return n.drawDate.newDate().add(n.options.monthsToJump-n.options.monthsOffset,"m").day(n.options.calendar.minDay)},action:function(n){c.changeMonth(this,n.options.monthsToJump)}},current:{text:"currentText",status:"currentStatus",keystroke:{keyCode:36,ctrlKey:!0},enabled:function(n){var a=n.curMinDate(),s=n.get("maxDate"),d=n.selectedDates[0]||n.options.calendar.today();return(!a||d.compareTo(a)!==-1)&&(!s||d.compareTo(s)!==1)},date:function(n){return n.selectedDates[0]||n.options.calendar.today()},action:function(n){var a=n.selectedDates[0]||n.options.calendar.today();c.showMonth(this,a.year(),a.month())}},today:{text:"todayText",status:"todayStatus",keystroke:{keyCode:36,ctrlKey:!0},enabled:function(n){var a=n.curMinDate(),s=n.get("maxDate");return(!a||n.options.calendar.today().compareTo(a)!==-1)&&(!s||n.options.calendar.today().compareTo(s)!==1)},date:function(n){return n.options.calendar.today()},action:function(){c.showMonth(this)}},clear:{text:"clearText",status:"clearStatus",keystroke:{keyCode:35,ctrlKey:!0},enabled:function(){return!0},date:function(){return null},action:function(){c.clear(this)}},close:{text:"closeText",status:"closeStatus",keystroke:{keyCode:27},enabled:function(){return!0},date:function(){return null},action:function(){c.hide(this)}},prevWeek:{text:"prevWeekText",status:"prevWeekStatus",keystroke:{keyCode:38,ctrlKey:!0},enabled:function(n){var a=n.curMinDate();return!a||n.drawDate.newDate().add(-n.options.calendar.daysInWeek(),"d").compareTo(a)!==-1},date:function(n){return n.drawDate.newDate().add(-n.options.calendar.daysInWeek(),"d")},action:function(n){c.changeDay(this,-n.options.calendar.daysInWeek())}},prevDay:{text:"prevDayText",status:"prevDayStatus",keystroke:{keyCode:37,ctrlKey:!0},enabled:function(n){var a=n.curMinDate();return!a||n.drawDate.newDate().add(-1,"d").compareTo(a)!==-1},date:function(n){return n.drawDate.newDate().add(-1,"d")},action:function(){c.changeDay(this,-1)}},nextDay:{text:"nextDayText",status:"nextDayStatus",keystroke:{keyCode:39,ctrlKey:!0},enabled:function(n){var a=n.get("maxDate");return!a||n.drawDate.newDate().add(1,"d").compareTo(a)!==1},date:function(n){return n.drawDate.newDate().add(1,"d")},action:function(){c.changeDay(this,1)}},nextWeek:{text:"nextWeekText",status:"nextWeekStatus",keystroke:{keyCode:40,ctrlKey:!0},enabled:function(n){var a=n.get("maxDate");return!a||n.drawDate.newDate().add(n.options.calendar.daysInWeek(),"d").compareTo(a)!==1},date:function(n){return n.drawDate.newDate().add(n.options.calendar.daysInWeek(),"d")},action:function(n){c.changeDay(this,n.options.calendar.daysInWeek())}}},defaultOptions:{calendar:r.calendars.instance(),pickerClass:"",showOnFocus:!0,showTrigger:null,showAnim:"show",showOptions:{},showSpeed:"normal",popupContainer:null,alignment:"bottom",fixedWeeks:!1,firstDay:null,calculateWeek:null,localNumbers:!1,monthsToShow:1,monthsOffset:0,monthsToStep:1,monthsToJump:12,useMouseWheel:!0,changeMonth:!0,yearRange:"c-10:c+10",showOtherMonths:!1,selectOtherMonths:!1,defaultDate:null,selectDefaultDate:!1,minDate:null,maxDate:null,dateFormat:null,autoSize:!1,rangeSelect:!1,rangeSeparator:" - ",multiSelect:0,multiSeparator:",",onDate:null,onShow:null,onChangeMonthYear:null,onSelect:null,onClose:null,altField:null,altFormat:null,constrainInput:!0,commandsAsDateFormat:!1,commands:{}},regionalOptions:{"":{renderer:{},prevText:"&lt;Prev",prevStatus:"Show the previous month",prevJumpText:"&lt;&lt;",prevJumpStatus:"Show the previous year",nextText:"Next&gt;",nextStatus:"Show the next month",nextJumpText:"&gt;&gt;",nextJumpStatus:"Show the next year",currentText:"Current",currentStatus:"Show the current month",todayText:"Today",todayStatus:"Show today's month",clearText:"Clear",clearStatus:"Clear all the dates",closeText:"Close",closeStatus:"Close the datepicker",yearStatus:"Change the year",earlierText:"&#160;&#160;▲",laterText:"&#160;&#160;▼",monthStatus:"Change the month",weekText:"Wk",weekStatus:"Week of the year",dayStatus:"Select DD, M d, yyyy",defaultStatus:"Select a date",isRTL:!1}},_disabled:[],_popupClass:"calendars-popup",_triggerClass:"calendars-trigger",_disableClass:"calendars-disable",_monthYearClass:"calendars-month-year",_curMonthClass:"calendars-month-",_anyYearClass:"calendars-any-year",_curDoWClass:"calendars-dow-",_init:function(){this.defaultOptions.commands=this.commands,this.regionalOptions[""].renderer=this.defaultRenderer,this._super()},_instSettings:function(n,a){return{selectedDates:[],drawDate:null,pickingRange:!1,inline:r.inArray(n[0].nodeName.toLowerCase(),["div","span"])>-1,get:function(s){return r.inArray(s,["defaultDate","minDate","maxDate"])>-1?this.options.calendar.determineDate(this.options[s],null,this.selectedDates[0],this.get("dateFormat"),this.getConfig()):s==="dateFormat"?this.options.dateFormat||this.options.calendar.local.dateFormat:this.options[s]},curMinDate:function(){return this.pickingRange?this.selectedDates[0]:this.get("minDate")},getConfig:function(){return{dayNamesShort:this.options.dayNamesShort,dayNames:this.options.dayNames,monthNamesShort:this.options.monthNamesShort,monthNames:this.options.monthNames,calculateWeek:this.options.calculateWeek,shortYearCutoff:this.options.shortYearCutoff}}}},_postAttach:function(n,a){a.inline?(a.drawDate=c._checkMinMax((a.selectedDates[0]||a.get("defaultDate")||a.options.calendar.today()).newDate(),a),a.prevDate=a.drawDate.newDate(),this._update(n[0]),r.fn.mousewheel&&n.mousewheel(this._doMouseWheel)):(this._attachments(n,a),n.on("keydown."+a.name,this._keyDown).on("keypress."+a.name,this._keyPress).on("keyup."+a.name,this._keyUp),n.attr("disabled")&&this.disable(n[0]))},_optionsChanged:function(n,a,s){if(s.calendar&&s.calendar!==a.options.calendar){var d=function(j){return typeof a.options[j]=="object"?null:a.options[j]};s=r.extend({defaultDate:d("defaultDate"),minDate:d("minDate"),maxDate:d("maxDate")},s),a.selectedDates=[],a.drawDate=null}var p=a.selectedDates;r.extend(a.options,s),this.setDate(n[0],p,null,!1,!0),a.pickingRange=!1;var m=a.options.calendar,g=a.get("defaultDate");a.drawDate=this._checkMinMax(g||a.drawDate||g||m.today(),a).newDate(),a.inline||this._attachments(n,a),(a.inline||a.div)&&this._update(n[0])},_attachments:function(n,a){n.off("focus."+a.name),a.options.showOnFocus&&n.on("focus."+a.name,this.show),a.trigger&&a.trigger.remove();var s=a.options.showTrigger;a.trigger=s?r(s).clone().removeAttr("id").addClass(this._triggerClass)[a.options.isRTL?"insertBefore":"insertAfter"](n).click(function(){c.isDisabled(n[0])||c[c.curInst===a?"hide":"show"](n[0])}):r([]),this._autoSize(n,a);var d=this._extractDates(a,n.val());d&&this.setDate(n[0],d,null,!0);var p=a.get("defaultDate");a.options.selectDefaultDate&&p&&a.selectedDates.length===0&&this.setDate(n[0],(p||a.options.calendar.today()).newDate())},_autoSize:function(n,a){if(a.options.autoSize&&!a.inline){var s=a.options.calendar,d=s.newDate(2009,10,20),p=a.get("dateFormat");if(p.match(/[DM]/)){var m=function(g){for(var j=0,k=0,_=0;_<g.length;_++)g[_].length>j&&(j=g[_].length,k=_);return k};d.month(m(s.local[p.match(/MM/)?"monthNames":"monthNamesShort"])+1),d.day(m(s.local[p.match(/DD/)?"dayNames":"dayNamesShort"])+20-d.dayOfWeek())}a.elem.attr("size",d.formatDate(p,{localNumbers:a.options.localnumbers}).length)}},_preDestroy:function(n,a){a.trigger&&a.trigger.remove(),n.empty().off("."+a.name),a.inline&&r.fn.mousewheel&&n.unmousewheel(),!a.inline&&a.options.autoSize&&n.removeAttr("size")},multipleEvents:function(n){var a=arguments;return function(){for(var s=0;s<a.length;s++)a[s].apply(this,arguments)}},enable:function(n){if(n=r(n),!!n.hasClass(this._getMarker())){var a=this._getInst(n);a.inline?n.children("."+this._disableClass).remove().end().find("button,select").prop("disabled",!1).end().find("a").attr("href","#"):(n.prop("disabled",!1),a.trigger.filter("button."+this._triggerClass).prop("disabled",!1).end().filter("img."+this._triggerClass).css({opacity:"1.0",cursor:""})),this._disabled=r?.map(this._disabled,function(s){return s===n[0]?null:s})}},disable:function(n){if(n=r(n),!!n.hasClass(this._getMarker())){var a=this._getInst(n);if(a.inline){var s=n.children(":last"),d=s.offset(),p={left:0,top:0};s.parents().each(function(){if(r(this).css("position")==="relative")return p=r(this).offset(),!1});var m=n.css("zIndex");m=(m==="auto"?0:parseInt(m,10))+1,n.prepend('<div class="'+this._disableClass+'" style="width: '+s.outerWidth()+"px; height: "+s.outerHeight()+"px; left: "+(d.left-p.left)+"px; top: "+(d.top-p.top)+"px; z-index: "+m+'"></div>').find("button,select").prop("disabled",!0).end().find("a").removeAttr("href")}else n.prop("disabled",!0),a.trigger.filter("button."+this._triggerClass).prop("disabled",!0).end().filter("img."+this._triggerClass).css({opacity:"0.5",cursor:"default"});this._disabled=r?.map(this._disabled,function(g){return g===n[0]?null:g}),this._disabled.push(n[0])}},isDisabled:function(n){return n&&r.inArray(n,this._disabled)>-1},show:function(n){n=r(n.target||n);var a=c._getInst(n);if(c.curInst!==a&&(c.curInst&&c.hide(c.curInst,!0),!r.isEmptyObject(a))){a.lastVal=null,a.selectedDates=c._extractDates(a,n.val()),a.pickingRange=!1,a.drawDate=c._checkMinMax((a.selectedDates[0]||a.get("defaultDate")||a.options.calendar.today()).newDate(),a),a.prevDate=a.drawDate.newDate(),c.curInst=a,c._update(n[0],!0);var s=c._checkOffset(a);a.div.css({left:s.left,top:s.top});var d=a.options.showAnim,p=a.options.showSpeed;if(p=p==="normal"&&r.ui&&parseInt(r.ui.version.substring(2))>=8?"_default":p,r.effects&&(r.effects[d]||r.effects.effect&&r.effects.effect[d])){var m=a.div.data();for(var g in m)g.match(/^ec\.storage\./)&&(m[g]=a._mainDiv.css(g.replace(/ec\.storage\./,"")));a.div.data(m).show(d,a.options.showOptions,p)}else a.div[d||"show"](d?p:0)}},_extractDates:function(n,a){if(a!==n.lastVal){n.lastVal=a,a=a.split(n.options.multiSelect?n.options.multiSeparator:n.options.rangeSelect?n.options.rangeSeparator:"\0");for(var s=[],d=0;d<a.length;d++)try{var p=n.options.calendar.parseDate(n.get("dateFormat"),a[d]);if(p){for(var m=!1,g=0;g<s.length;g++)if(s[g].compareTo(p)===0){m=!0;break}m||s.push(p)}}catch{}return s.splice(n.options.multiSelect||(n.options.rangeSelect?2:1),s.length),n.options.rangeSelect&&s.length===1&&(s[1]=s[0]),s}},_update:function(n,a){n=r(n.target||n);var s=c._getInst(n);if(!r.isEmptyObject(s))if((s.inline||c.curInst===s)&&r.isFunction(s.options.onChangeMonthYear)&&(!s.prevDate||s.prevDate.year()!==s.drawDate.year()||s.prevDate.month()!==s.drawDate.month())&&s.options.onChangeMonthYear.apply(n[0],[s.drawDate.year(),s.drawDate.month()]),s.inline){var d=r("a, :input",n).index(r(":focus",n));n.html(this._generateContent(n[0],s));var p=n.find("a, :input");p.eq(Math.max(Math.min(d,p.length-1),0)).focus()}else c.curInst===s&&(s.div||(s.div=r("<div></div>").addClass(this._popupClass).css({display:a?"none":"static",position:"absolute",left:n.offset().left,top:n.offset().top+n.outerHeight()}).appendTo(r(s.options.popupContainer||"body")),r.fn.mousewheel&&s.div.mousewheel(this._doMouseWheel)),s.div.html(this._generateContent(n[0],s)),n.focus())},_updateInput:function(n,a){var s=this._getInst(n);if(!r.isEmptyObject(s)){for(var d="",p="",m=s.options.multiSelect?s.options.multiSeparator:s.options.rangeSeparator,g=s.options.calendar,j=s.get("dateFormat"),k=s.options.altFormat||j,_={localNumbers:s.options.localNumbers},T=0;T<s.selectedDates.length;T++)d+=a?"":(T>0?m:"")+g.formatDate(j,s.selectedDates[T],_),p+=(T>0?m:"")+g.formatDate(k,s.selectedDates[T],_);!s.inline&&!a&&r(n).val(d),r(s.options.altField).val(p),r.isFunction(s.options.onSelect)&&!a&&!s.inSelect&&(s.inSelect=!0,s.options.onSelect.apply(n,[s.selectedDates]),s.inSelect=!1),r(n).change()}},_getBorders:function(n){var a=function(s){return{thin:1,medium:3,thick:5}[s]||s};return[parseFloat(a(n.css("border-left-width"))),parseFloat(a(n.css("border-top-width")))]},_checkOffset:function(n){var a=n.elem.is(":hidden")&&n.trigger?n.trigger:n.elem,s=a.offset(),d=r(window).width(),p=r(window).height();if(d===0)return s;var m=!1;r(n.elem).parents().each(function(){return m=m||r(this).css("position")==="fixed",!m});var g=document.documentElement.scrollLeft||document.body.scrollLeft,j=document.documentElement.scrollTop||document.body.scrollTop,k=s.top-(m?j:0)-n.div.outerHeight(),_=s.top-(m?j:0)+a.outerHeight(),T=s.left-(m?g:0),E=s.left-(m?g:0)+a.outerWidth()-n.div.outerWidth(),M=s.left-g+n.div.outerWidth()>d,P=s.top-j+n.elem.outerHeight()+n.div.outerHeight()>p;n.div.css("position",m?"fixed":"absolute");var A=n.options.alignment;return A==="topLeft"?s={left:T,top:k}:A==="topRight"?s={left:E,top:k}:A==="bottomLeft"?s={left:T,top:_}:A==="bottomRight"?s={left:E,top:_}:A==="top"?s={left:n.options.isRTL||M?E:T,top:k}:s={left:n.options.isRTL||M?E:T,top:P?k:_},s.left=Math.max(m?0:g,s.left),s.top=Math.max(m?0:j,s.top),s},_checkExternalClick:function(n){if(c.curInst){var a=r(n.target);a.closest("."+c._popupClass+",."+c._triggerClass).length===0&&!a.hasClass(c._getMarker())&&c.hide(c.curInst)}},hide:function(n,a){if(n){var s=this._getInst(n);if(r.isEmptyObject(s)&&(s=n),s&&s===c.curInst){var d=a?"":s.options.showAnim,p=s.options.showSpeed;p=p==="normal"&&r.ui&&parseInt(r.ui.version.substring(2))>=8?"_default":p;var m=function(){s.div&&(s.div.remove(),s.div=null,c.curInst=null,r.isFunction(s.options.onClose)&&s.options.onClose.apply(n,[s.selectedDates]))};if(s.div.stop(),r.effects&&(r.effects[d]||r.effects.effect&&r.effects.effect[d]))s.div.hide(d,s.options.showOptions,p,m);else{var g=d==="slideDown"?"slideUp":d==="fadeIn"?"fadeOut":"hide";s.div[g](d?p:"",m)}d||m()}}},_keyDown:function(n){var a=n.data&&n.data.elem||n.target,s=c._getInst(a),d=!1,p;if(s.inline||s.div)if(n.keyCode===9)c.hide(a);else if(n.keyCode===13)c.selectDate(a,r("a."+s.options.renderer.highlightedClass,s.div)[0]),d=!0;else{var m=s.options.commands;for(var g in m)if(s.options.commands.hasOwnProperty(g)&&(p=m[g],p.keystroke.keyCode===n.keyCode&&!!p.keystroke.ctrlKey==!!(n.ctrlKey||n.metaKey)&&!!p.keystroke.altKey===n.altKey&&!!p.keystroke.shiftKey===n.shiftKey)){c.performAction(a,g),d=!0;break}}else p=s.options.commands.current,p.keystroke.keyCode===n.keyCode&&!!p.keystroke.ctrlKey==!!(n.ctrlKey||n.metaKey)&&!!p.keystroke.altKey===n.altKey&&!!p.keystroke.shiftKey===n.shiftKey&&(c.show(a),d=!0);return s.ctrlKey=n.keyCode<48&&n.keyCode!==32||n.ctrlKey||n.metaKey,d&&(n.preventDefault(),n.stopPropagation()),!d},_keyPress:function(n){var a=c._getInst(n.data&&n.data.elem||n.target);if(!r.isEmptyObject(a)&&a.options.constrainInput){var s=String.fromCharCode(n.keyCode||n.charCode),d=c._allowedChars(a);return n.metaKey||a.ctrlKey||s<" "||!d||d.indexOf(s)>-1}return!0},_allowedChars:function(n){for(var a=n.options.multiSelect?n.options.multiSeparator:n.options.rangeSelect?n.options.rangeSeparator:"",s=!1,d=!1,p=n.get("dateFormat"),m=0;m<p.length;m++){var g=p.charAt(m);if(s)g==="'"&&p.charAt(m+1)!=="'"?s=!1:a+=g;else switch(g){case"d":case"m":case"o":case"w":a+=d?"":"0123456789",d=!0;break;case"y":case"@":case"!":a+=(d?"":"0123456789")+"-",d=!0;break;case"J":a+=(d?"":"0123456789")+"-.",d=!0;break;case"D":case"M":case"Y":return null;case"'":p.charAt(m+1)==="'"?a+="'":s=!0;break;default:a+=g}}return a},_keyUp:function(n){var a=n.data&&n.data.elem||n.target,s=c._getInst(a);if(!r.isEmptyObject(s)&&!s.ctrlKey&&s.lastVal!==s.elem.val())try{var d=c._extractDates(s,s.elem.val());d.length>0&&c.setDate(a,d,null,!0)}catch{}return!0},_doMouseWheel:function(n,a){var s=c.curInst&&c.curInst.elem[0]||r(n.target).closest("."+c._getMarker())[0];if(!c.isDisabled(s)){var d=c._getInst(s);d.options.useMouseWheel&&(a=a<0?-1:1,c.changeMonth(s,-d.options[n.ctrlKey?"monthsToJump":"monthsToStep"]*a)),n.preventDefault()}},clear:function(n){var a=this._getInst(n);if(!r.isEmptyObject(a)){a.selectedDates=[],this.hide(n);var s=a.get("defaultDate");a.options.selectDefaultDate&&s?this.setDate(n,(s||a.options.calendar.today()).newDate()):this._updateInput(n)}},getDate:function(n){var a=this._getInst(n);return r.isEmptyObject(a)?[]:a.selectedDates},setDate:function(n,a,s,d,p){var m=this._getInst(n);if(!r.isEmptyObject(m)){r.isArray(a)||(a=[a],s&&a.push(s));var g=m.get("minDate"),j=m.get("maxDate"),k=m.selectedDates[0];m.selectedDates=[];for(var _=0;_<a.length;_++){var T=m.options.calendar.determineDate(a[_],null,k,m.get("dateFormat"),m.getConfig());if(T&&(!g||T.compareTo(g)!==-1)&&(!j||T.compareTo(j)!==1)){for(var E=!1,M=0;M<m.selectedDates.length;M++)if(m.selectedDates[M].compareTo(T)===0){E=!0;break}E||m.selectedDates.push(T)}}if(m.selectedDates.splice(m.options.multiSelect||(m.options.rangeSelect?2:1),m.selectedDates.length),m.options.rangeSelect){switch(m.selectedDates.length){case 1:m.selectedDates[1]=m.selectedDates[0];break;case 2:m.selectedDates[1]=m.selectedDates[0].compareTo(m.selectedDates[1])===1?m.selectedDates[0]:m.selectedDates[1];break}m.pickingRange=!1}m.prevDate=m.drawDate?m.drawDate.newDate():null,m.drawDate=this._checkMinMax((m.selectedDates[0]||m.get("defaultDate")||m.options.calendar.today()).newDate(),m),p||(this._update(n),this._updateInput(n,d))}},isSelectable:function(n,a){var s=this._getInst(n);return r.isEmptyObject(s)?!1:(a=s.options.calendar.determineDate(a,s.selectedDates[0]||s.options.calendar.today(),null,s.options.dateFormat,s.getConfig()),this._isSelectable(n,a,s.options.onDate,s.get("minDate"),s.get("maxDate")))},_isSelectable:function(n,a,s,d,p){var m=typeof s=="boolean"?{selectable:s}:r.isFunction(s)?s.apply(n,[a,!0]):{};return m.selectable!==!1&&(!d||a.toJD()>=d.toJD())&&(!p||a.toJD()<=p.toJD())},performAction:function(n,a){var s=this._getInst(n);if(!r.isEmptyObject(s)&&!this.isDisabled(n)){var d=s.options.commands;d[a]&&d[a].enabled.apply(n,[s])&&d[a].action.apply(n,[s])}},showMonth:function(n,a,s,d){var p=this._getInst(n);if(!r.isEmptyObject(p)&&(typeof d<"u"&&d!==null||p.drawDate.year()!==a||p.drawDate.month()!==s)){p.prevDate=p.drawDate.newDate();var m=p.options.calendar,g=this._checkMinMax(typeof a<"u"&&a!==null?m.newDate(a,s,1):m.today(),p);p.drawDate.date(g.year(),g.month(),typeof d<"u"&&d!==null?d:Math.min(p.drawDate.day(),m.daysInMonth(g.year(),g.month()))),this._update(n)}},changeMonth:function(n,a){var s=this._getInst(n);if(!r.isEmptyObject(s)){var d=s.drawDate.newDate().add(a,"m");this.showMonth(n,d.year(),d.month())}},changeDay:function(n,a){var s=this._getInst(n);if(!r.isEmptyObject(s)){var d=s.drawDate.newDate().add(a,"d");this.showMonth(n,d.year(),d.month(),d.day())}},_checkMinMax:function(n,a){var s=a.get("minDate"),d=a.get("maxDate");return n=s&&n.compareTo(s)===-1?s.newDate():n,n=d&&n.compareTo(d)===1?d.newDate():n,n},retrieveDate:function(n,a){var s=this._getInst(n);return r.isEmptyObject(s)?null:s.options.calendar.fromJD(parseFloat(a.className.replace(/^.*jd(\d+\.5).*$/,"$1")))},selectDate:function(n,a){var s=this._getInst(n);if(!r.isEmptyObject(s)&&!this.isDisabled(n)){var d=this.retrieveDate(n,a);if(s.options.multiSelect){for(var p=!1,m=0;m<s.selectedDates.length;m++)if(d.compareTo(s.selectedDates[m])===0){s.selectedDates.splice(m,1),p=!0;break}!p&&s.selectedDates.length<s.options.multiSelect&&s.selectedDates.push(d)}else s.options.rangeSelect?(s.pickingRange?s.selectedDates[1]=d:s.selectedDates=[d,d],s.pickingRange=!s.pickingRange):s.selectedDates=[d];s.prevDate=s.drawDate=d.newDate(),this._updateInput(n),s.inline||s.pickingRange||s.selectedDates.length<(s.options.multiSelect||(s.options.rangeSelect?2:1))?this._update(n):this.hide(n)}},_generateContent:function(n,a){var s=a.options.monthsToShow;s=r.isArray(s)?s:[1,s],a.drawDate=this._checkMinMax(a.drawDate||a.get("defaultDate")||a.options.calendar.today(),a);for(var d=a.drawDate.newDate().add(-a.options.monthsOffset,"m"),p="",m=0;m<s[0];m++){for(var g="",j=0;j<s[1];j++)g+=this._generateMonth(n,a,d.year(),d.month(),a.options.calendar,a.options.renderer,m===0&&j===0),d.add(1,"m");p+=this._prepare(a.options.renderer.monthRow,a).replace(/\{months\}/,g)}var k=this._prepare(a.options.renderer.picker,a).replace(/\{months\}/,p).replace(/\{weekHeader\}/g,this._generateDayHeaders(a,a.options.calendar,a.options.renderer)),_=function(Y,se,z,te,u){if(k.indexOf("{"+Y+":"+te+"}")!==-1){var fe=a.options.commands[te],ae=a.options.commandsAsDateFormat?fe.date.apply(n,[a]):null;k=k.replace(new RegExp("\\{"+Y+":"+te+"\\}","g"),"<"+se+(fe.status?' title="'+a.options[fe.status]+'"':"")+' class="'+a.options.renderer.commandClass+" "+a.options.renderer.commandClass+"-"+te+" "+u+(fe.enabled(a)?"":" "+a.options.renderer.disabledClass)+'">'+(ae?ae.formatDate(a.options[fe.text],{localNumbers:a.options.localNumbers}):a.options[fe.text])+"</"+z+">")}};for(var T in a.options.commands)a.options.commands.hasOwnProperty(T)&&(_("button",'button type="button"',"button",T,a.options.renderer.commandButtonClass),_("link",'a href="javascript:void(0)"',"a",T,a.options.renderer.commandLinkClass));if(k=r(k),s[1]>1){var E=0;r(a.options.renderer.monthSelector,k).each(function(){var Y=++E%s[1];r(this).addClass(Y===1?"first":Y===0?"last":"")})}var M=this;function P(Y){(a.inline?r(Y).closest("."+M._getMarker()):a.div).find(a.options.renderer.daySelector+" a").removeClass(a.options.renderer.highlightedClass)}k.find(a.options.renderer.daySelector+" a").hover(function(){P(this),r(this).addClass(a.options.renderer.highlightedClass)},function(){P(this)}).click(function(){M.selectDate(n,this)}).end().find("select."+this._monthYearClass+":not(."+this._anyYearClass+")").change(function(){var Y=r(this).val().split("/");M.showMonth(n,parseInt(Y[1],10),parseInt(Y[0],10))}).end().find("select."+this._anyYearClass).click(function(){r(this).css("visibility","hidden").next("input").css({left:this.offsetLeft,top:this.offsetTop,width:this.offsetWidth,height:this.offsetHeight}).show().focus()}).end().find("input."+M._monthYearClass).change(function(){try{var Y=parseInt(r(this).val(),10);Y=isNaN(Y)?a.drawDate.year():Y,M.showMonth(n,Y,a.drawDate.month(),a.drawDate.day())}catch{}}).keydown(function(Y){Y.keyCode===13?r(Y.elem).change():Y.keyCode===27&&(r(Y.elem).hide().prev("select").css("visibility","visible"),a.elem.focus())});var A={elem:a.elem[0]};k.keydown(A,this._keyDown).keypress(A,this._keyPress).keyup(A,this._keyUp),k.find("."+a.options.renderer.commandClass).click(function(){if(!r(this).hasClass(a.options.renderer.disabledClass)){var Y=this.className.replace(new RegExp("^.*"+a.options.renderer.commandClass+"-([^ ]+).*$"),"$1");c.performAction(n,Y)}}),a.options.isRTL&&k.addClass(a.options.renderer.rtlClass),s[0]*s[1]>1&&k.addClass(a.options.renderer.multiClass),a.options.pickerClass&&k.addClass(a.options.pickerClass),r("body").append(k);var H=0;return k.find(a.options.renderer.monthSelector).each(function(){H+=r(this).outerWidth()}),k.width(H/s[0]),r.isFunction(a.options.onShow)&&a.options.onShow.apply(n,[k,a.options.calendar,a]),k},_generateMonth:function(n,a,s,d,p,m,g){var j=p.daysInMonth(s,d),k=a.options.monthsToShow;k=r.isArray(k)?k:[1,k];var _=a.options.fixedWeeks||k[0]*k[1]>1,T=a.options.firstDay;T=typeof T>"u"||T===null?p.local.firstDay:T;var E=(p.dayOfWeek(s,d,p.minDay)-T+p.daysInWeek())%p.daysInWeek(),M=_?6:Math.ceil((E+j)/p.daysInWeek()),P=a.options.selectOtherMonths&&a.options.showOtherMonths,A=a.pickingRange?a.selectedDates[0]:a.get("minDate"),H=a.get("maxDate"),Y=m.week.indexOf("{weekOfYear}")>-1,se=p.today(),z=p.newDate(s,d,p.minDay);z.add(-E-(_&&(z.dayOfWeek()===T||z.daysInMonth()<p.daysInWeek())?p.daysInWeek():0),"d");for(var te=z.toJD(),u=function(Te){return a.options.localNumbers&&p.local.digits?p.local.digits(Te):Te},fe="",ae=0;ae<M;ae++){for(var Ee=Y?'<span class="jd'+te+'">'+(r.isFunction(a.options.calculateWeek)?a.options.calculateWeek(z):z.weekOfYear())+"</span>":"",De="",Me=0;Me<p.daysInWeek();Me++){var re=!1;if(a.options.rangeSelect&&a.selectedDates.length>0)re=z.compareTo(a.selectedDates[0])!==-1&&z.compareTo(a.selectedDates[1])!==1;else for(var U=0;U<a.selectedDates.length;U++)if(a.selectedDates[U].compareTo(z)===0){re=!0;break}var ye=r.isFunction(a.options.onDate)?a.options.onDate.apply(n,[z,z.month()===d]):{},ke=(P||z.month()===d)&&this._isSelectable(n,z,ye.selectable,A,H);De+=this._prepare(m.day,a).replace(/\{day\}/g,(ke?'<a href="javascript:void(0)"':"<span")+' class="jd'+te+" "+(ye.dateClass||"")+(re&&(P||z.month()===d)?" "+m.selectedClass:"")+(ke?" "+m.defaultClass:"")+(z.weekDay()?"":" "+m.weekendClass)+(z.month()===d?"":" "+m.otherMonthClass)+(z.compareTo(se)===0&&z.month()===d?" "+m.todayClass:"")+(z.compareTo(a.drawDate)===0&&z.month()===d?" "+m.highlightedClass:"")+'"'+(ye.title||a.options.dayStatus&&ke?' title="'+(ye.title||z.formatDate(a.options.dayStatus,{localNumbers:a.options.localNumbers}))+'"':"")+">"+(a.options.showOtherMonths||z.month()===d?ye.content||u(z.day()):"&#160;")+(ke?"</a>":"</span>")),z.add(1,"d"),te++}fe+=this._prepare(m.week,a).replace(/\{days\}/g,De).replace(/\{weekOfYear\}/g,Ee)}var J=this._prepare(m.month,a).match(/\{monthHeader(:[^\}]+)?\}/);J=J[0].length<=13?"MM yyyy":J[0].substring(13,J[0].length-1),J=g?this._generateMonthSelection(a,s,d,A,H,J,p,m):p.formatDate(J,p.newDate(s,d,p.minDay),{localNumbers:a.options.localNumbers});var K=this._prepare(m.weekHeader,a).replace(/\{days\}/g,this._generateDayHeaders(a,p,m));return this._prepare(m.month,a).replace(/\{monthHeader(:[^\}]+)?\}/g,J).replace(/\{weekHeader\}/g,K).replace(/\{weeks\}/g,fe)},_generateDayHeaders:function(n,a,s){var d=n.options.firstDay;d=typeof d>"u"||d===null?a.local.firstDay:d;for(var p="",m=0;m<a.daysInWeek();m++){var g=(m+d)%a.daysInWeek();p+=this._prepare(s.dayHeader,n).replace(/\{day\}/g,'<span class="'+this._curDoWClass+g+'" title="'+a.local.dayNames[g]+'">'+a.local.dayNamesMin[g]+"</span>")}return p},_generateMonthSelection:function(n,a,s,d,p,m,g){if(!n.options.changeMonth)return g.formatDate(m,g.newDate(a,s,1),{localNumbers:n.options.localNumbers});for(var j=g.local["monthNames"+(m.match(/mm/i)?"":"Short")],k=m.replace(/m+/i,"\\x2E").replace(/y+/i,"\\x2F"),_='<select class="'+this._monthYearClass+'" title="'+n.options.monthStatus+'">',T=g.monthsInYear(a)+g.minMonth,E=g.minMonth;E<T;E++)(!d||g.newDate(a,E,g.daysInMonth(a,E)-1+g.minDay).compareTo(d)!==-1)&&(!p||g.newDate(a,E,g.minDay).compareTo(p)!==1)&&(_+='<option value="'+E+"/"+a+'"'+(s===E?' selected="selected"':"")+">"+j[E-g.minMonth]+"</option>");_+="</select>",k=k.replace(/\\x2E/,_);var M=function(u){return n.options.localNumbers&&g.local.digits?g.local.digits(u):u},P=n.options.yearRange;if(P==="any")_='<select class="'+this._monthYearClass+" "+this._anyYearClass+'" title="'+n.options.yearStatus+'"><option value="'+a+'">'+M(a)+'</option></select><input class="'+this._monthYearClass+" "+this._curMonthClass+s+'" value="'+a+'">';else{P=P.split(":");var A=g.today().year(),H=P[0].match("c[+-].*")?a+parseInt(P[0].substring(1),10):(P[0].match("[+-].*")?A:0)+parseInt(P[0],10),Y=P[1].match("c[+-].*")?a+parseInt(P[1].substring(1),10):(P[1].match("[+-].*")?A:0)+parseInt(P[1],10);_='<select class="'+this._monthYearClass+'" title="'+n.options.yearStatus+'">',H=g.newDate(H+1,g.firstMonth,g.minDay).add(-1,"d"),Y=g.newDate(Y,g.firstMonth,g.minDay);var se=function(u,fe){(u!==0||g.hasYearZero)&&(_+='<option value="'+Math.min(s,g.monthsInYear(u)-1+g.minMonth)+"/"+u+'"'+(a===u?' selected="selected"':"")+">"+(fe||M(u))+"</option>")},z,te;if(H.toJD()<Y.toJD()){for(H=(d&&d.compareTo(H)===1?d:H).year(),Y=(p&&p.compareTo(Y)===-1?p:Y).year(),z=Math.floor((Y-H)/2),(!d||d.year()<H)&&se(H-z,n.options.earlierText),te=H;te<=Y;te++)se(te);(!p||p.year()>Y)&&se(Y+z,n.options.laterText)}else{for(H=(p&&p.compareTo(H)===-1?p:H).year(),Y=(d&&d.compareTo(Y)===1?d:Y).year(),z=Math.floor((H-Y)/2),(!p||p.year()>H)&&se(H+z,n.options.earlierText),te=H;te>=Y;te--)se(te);(!d||d.year()<Y)&&se(Y-z,n.options.laterText)}_+="</select>"}return k=k.replace(/\\x2F/,_),k},_prepare:function(n,a){var s=function(m,g){for(;;){var j=n.indexOf("{"+m+":start}");if(j===-1)return;var k=n.substring(j).indexOf("{"+m+":end}");k>-1&&(n=n.substring(0,j)+(g?n.substr(j+m.length+8,k-m.length-8):"")+n.substring(j+k+m.length+6))}};s("inline",a.inline),s("popup",!a.inline);for(var d=/\{l10n:([^\}]+)\}/,p=d.exec(n);p;)n=n.replace(p[0],a.options[p[1]]),p=d.exec(n);return n}});var c=r.calendarsPicker;r(function(){r(document).on("mousedown."+o,c._checkExternalClick).on("resize."+o,function(){c.hide(c.curInst)})})})(jQuery);(function(r){function o(c){this.local=this.regionalOptions[c||""]||this.regionalOptions[""]}o.prototype=new r.calendars.baseCalendar,r.extend(o.prototype,{name:"Ethiopian",jdEpoch:17242205e-1,daysPerMonth:[30,30,30,30,30,30,30,30,30,30,30,30,5],hasYearZero:!1,minMonth:1,firstMonth:1,minDay:1,regionalOptions:{"":{name:"Ethiopian",epochs:["BEE","EE"],monthNames:["Meskerem","Tikemet","Hidar","Tahesas","Tir","Yekatit","Megabit","Miazia","Genbot","Sene","Hamle","Nehase","Pagume"],monthNamesShort:["Mes","Tik","Hid","Tah","Tir","Yek","Meg","Mia","Gen","Sen","Ham","Neh","Pag"],dayNames:["Ehud","Segno","Maksegno","Irob","Hamus","Arb","Kidame"],dayNamesShort:["Ehu","Seg","Mak","Iro","Ham","Arb","Kid"],dayNamesMin:["Eh","Se","Ma","Ir","Ha","Ar","Ki"],digits:null,dateFormat:"dd/mm/yyyy",firstDay:0,isRTL:!1}},leapYear:function(c){var n=this._validate(c,this.minMonth,this.minDay,r.calendars.local.invalidYear);return c=n.year()+(n.year()<0?1:0),c%4===3||c%4===-1},monthsInYear:function(c){return this._validate(c,this.minMonth,this.minDay,r.calendars.local.invalidYear||r.calendars.regionalOptions[""].invalidYear),13},weekOfYear:function(c,n,a){var s=this.newDate(c,n,a);return s.add(-s.dayOfWeek(),"d"),Math.floor((s.dayOfYear()-1)/7)+1},daysInMonth:function(c,n){var a=this._validate(c,n,this.minDay,r.calendars.local.invalidMonth);return this.daysPerMonth[a.month()-1]+(a.month()===13&&this.leapYear(a.year())?1:0)},weekDay:function(c,n,a){return(this.dayOfWeek(c,n,a)||7)<6},toJD:function(c,n,a){var s=this._validate(c,n,a,r.calendars.local.invalidDate);return c=s.year(),c<0&&c++,s.day()+(s.month()-1)*30+(c-1)*365+Math.floor(c/4)+this.jdEpoch-1},fromJD:function(c){var n=Math.floor(c)+.5-this.jdEpoch,a=Math.floor((n-Math.floor((n+366)/1461))/365)+1;a<=0&&a--,n=Math.floor(c)+.5-this.newDate(a,1,1).toJD();var s=Math.floor(n/30)+1,d=n-(s-1)*30+1;return this.newDate(a,s,d)}}),r.calendars.calendars.ethiopian=o})(jQuery);(function(r){r.calendars.calendars.ethiopian.prototype.regionalOptions.am={name:"የኢትዮጵያ ዘመን አቆጣጠር",epochs:["BEE","EE"],monthNames:["መስከረም","ጥቅምት","ኅዳር","ታህሣሥ","ጥር","የካቲት","መጋቢት","ሚያዝያ","ግንቦት","ሰኔ","ሐምሌ","ነሐሴ","ጳጉሜ"],monthNamesShort:["መስከ","ጥቅም","ኅዳር","ታህሣ","ጥር","የካቲ","መጋቢ","ሚያዝ","ግንቦ","ሰኔ","ሐምሌ","ነሐሴ","ጳጉሜ"],dayNames:["እሑድ","ሰኞ","ማክሰኞ","ረቡዕ","ሓሙስ","ዓርብ","ቅዳሜ"],dayNamesShort:["እሑድ","ሰኞ","ማክሰ","ረቡዕ","ሓሙስ","ዓርብ","ቅዳሜ"],dayNamesMin:["እሑ","ሰኞ","ማክ","ረቡ","ሐሙ","ዓር","ቅዳ"],digits:null,dateFormat:"dd/mm/yyyy",firstDay:0,isRTL:!1}})(jQuery);const ETHIOPIAN_UTC_OFFSET_HOURS=3,toEthiopianTimeInput=r=>{if(!(r instanceof Date)||isNaN(r.getTime()))return"00:00";const c=(r.getUTCHours()*60+r.getUTCMinutes()+ETHIOPIAN_UTC_OFFSET_HOURS*60+1440)%1440,n=Math.floor(c/60).toString().padStart(2,"0"),a=(c%60).toString().padStart(2,"0");return`${n}:${a}`},getCurrentEthiopianTimeInput=()=>toEthiopianTimeInput(new Date),normalizeDigits=r=>r.replace(/[٠-٩]/g,o=>String(o.charCodeAt(0)-1632)).replace(/[۰-۹]/g,o=>String(o.charCodeAt(0)-1776)),toEthiopianDateInput=r=>{if(!(r instanceof Date)||Number.isNaN(r.getTime())||!jQuery$1||!jQuery$1.calendars)return"";try{const o=jQuery$1.calendars.instance("ethiopian","am"),c=o.fromJSDate(new Date(r.getTime()+ETHIOPIAN_UTC_OFFSET_HOURS*60*60*1e3));return o.formatDate("yyyy-mm-dd",c,{localNumbers:!1})}catch{return""}},EthiopianDatePickerModal=({value:r,onChange:o})=>{const c=reactExports.useRef(null),n=reactExports.useRef(null),a=reactExports.useRef(!1),s=reactExports.useRef(""),d=reactExports.useRef(o),p=reactExports.useRef(r),[m,g]=reactExports.useState(""),[j,k]=reactExports.useState(getCurrentEthiopianTimeInput),_=reactExports.useRef(j);reactExports.useEffect(()=>{d.current=o},[o]),reactExports.useEffect(()=>{_.current=j},[j]),reactExports.useEffect(()=>{if(!(r instanceof Date)||Number.isNaN(r.getTime()))return;const E=toEthiopianDateInput(r),M=toEthiopianTimeInput(r);if(g(E),k(M),!(!n.current||!jQuery$1||!jQuery$1.calendars||!E||s.current===E))try{const P=jQuery$1.calendars.instance("ethiopian","am"),[A,H,Y]=E.split("-")?.map(Number);if(Number.isFinite(A)&&Number.isFinite(H)&&Number.isFinite(Y)){const se=P.newDate(A,H,Y);a.current=!0;try{n.current.calendarsPicker("setDate",se),s.current=E}finally{a.current=!1}}}catch{}},[r]),reactExports.useEffect(()=>{if(!jQuery$1||!jQuery$1.calendars||!c.current)return;const E=c.current,M=jQuery$1.calendars.instance("ethiopian","am"),P=jQuery$1(E);n.current=P,P.calendarsPicker({calendar:M,dateFormat:"yyyy-mm-dd",onSelect:H=>{if(a.current||!(H!=null&&H.length))return;const Y=H[0].toString();s.current=Y,g(Y),d.current(`${Y} ${_.current}`)}});const A=p.current;if(A instanceof Date&&!Number.isNaN(A.getTime()))try{const H=toEthiopianDateInput(A);if(H){const[Y,se,z]=H.split("-")?.map(Number);if(Number.isFinite(Y)&&Number.isFinite(se)&&Number.isFinite(z)){a.current=!0;try{P.calendarsPicker("setDate",M.newDate(Y,se,z)),s.current=H}finally{a.current=!1}}}}catch{}return()=>{try{P.calendarsPicker("destroy")}catch{}n.current=null,s.current=""}},[]);const T=E=>{const M=E.target.value;k(M),m&&o(`${m} ${M}`)};return jsxRuntimeExports.jsxs("div",{className:"ethiopian-picker-surface w-full space-y-3",children:[jsxRuntimeExports.jsx("div",{ref:c,className:"ethiopian-picker-calendar w-full overflow-hidden rounded-md border border-gray-200 dark:border-gray-700"}),jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[jsxRuntimeExports.jsx("p",{className:"text-xs font-medium text-gray-600 dark:text-gray-300",children:"Time"}),jsxRuntimeExports.jsx("input",{type:"time",className:"h-10 w-full rounded-md border border-gray-300 bg-white px-3 text-sm text-gray-800 shadow-sm transition-colors focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",value:j,onChange:T})]})]})};function convertEthiopianToGregorian(r){if(!r||typeof r!="string")return new Date(NaN);const o=normalizeDigits(r.trim()),[c,n="00:00"]=o.split(" ");if(!c||!c.match(/^\d{4}-\d{2}-\d{2}$/))return new Date(NaN);const a=jQuery$1.calendars.instance("ethiopian","am"),[s,d,p]=c.split("-")?.map(Number);if(isNaN(s)||isNaN(d)||isNaN(p))return new Date(NaN);try{const g=a.newDate(s,d,p).toJSDate(),[j,k]=n.split(":")?.map(Number);return isNaN(j)||isNaN(k)||j<0||j>23||k<0||k>59?new Date(NaN):new Date(Date.UTC(g.getFullYear(),g.getMonth(),g.getDate(),j-ETHIOPIAN_UTC_OFFSET_HOURS,k,0,0))}catch{return new Date(NaN)}}function ActivityFilters({searchQuery:r,onSearchChange:o,moduleFilter:c,onModuleChange:n,actionFilter:a,onActionChange:s,statusFilter:d,onStatusChange:p,dateRange:m,onDateRangeChange:g,modules:j,actions:k,onClearFilters:_}){const{i18n:T,t:E}=useTranslation(),[M,P]=reactExports.useState(!1),[A,H]=reactExports.useState(!1),[Y,se]=reactExports.useState(!1),[z,te]=reactExports.useState(""),[u,fe]=reactExports.useState(""),ae=T.language.startsWith("am");reactExports.useEffect(()=>{m.from?te(format(m.from,"yyyy-MM-dd")):te(""),m.to?fe(format(m.to,"yyyy-MM-dd")):fe("")},[m.from,m.to]);const Ee=r||c!=="all"||a!=="all"||d!=="all"||m.from||m.to,De=reactExports.useMemo(()=>m.from?m.to?`${format(m.from,"LLL dd, y")} - ${format(m.to,"LLL dd, y")}`:format(m.from,"LLL dd, y"):E("auditLogShared.filters.dateRange"),[m.from,m.to,E]),Me=U=>{const ye=convertEthiopianToGregorian(U);ye.setHours(0,0,0,0),te(U.split(" ")[0]||U),g({from:ye,to:m.to}),H(!1)},re=U=>{const ye=convertEthiopianToGregorian(U);ye.setHours(23,59,59,999),fe(U.split(" ")[0]||U),g({from:m.from,to:ye}),se(!1)};return jsxRuntimeExports.jsxs("div",{className:"space-y-4",children:[jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntimeExports.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:"Filters"}),Ee&&jsxRuntimeExports.jsxs(Button$1,{variant:"ghost",size:"sm",onClick:_,className:"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200",children:[jsxRuntimeExports.jsx(X,{className:"h-4 w-4 mr-1"}),E("auditLogShared.filters.clearFilters")]})]}),jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:[jsxRuntimeExports.jsxs("div",{className:"relative",children:[jsxRuntimeExports.jsx(Search,{className:"absolute left-3 top-3 h-4 w-4 text-gray-400 dark:text-gray-500"}),jsxRuntimeExports.jsx(Input,{placeholder:E("auditLogShared.filters.searchPlaceholder"),value:r,onChange:U=>o(U.target.value),className:"pl-10"})]}),jsxRuntimeExports.jsxs(Select,{value:c,onValueChange:n,children:[jsxRuntimeExports.jsx(SelectTrigger,{children:jsxRuntimeExports.jsx(SelectValue,{placeholder:E("auditLogShared.filters.module")})}),jsxRuntimeExports.jsxs(SelectContent,{children:[jsxRuntimeExports.jsx(SelectItem,{value:"all",children:E("auditLogShared.filters.allModules")}),j?.map(U=>jsxRuntimeExports.jsx(SelectItem,{value:U,children:U},U))]})]}),jsxRuntimeExports.jsxs(Select,{value:a,onValueChange:s,children:[jsxRuntimeExports.jsx(SelectTrigger,{children:jsxRuntimeExports.jsx(SelectValue,{placeholder:E("auditLogShared.filters.action")})}),jsxRuntimeExports.jsxs(SelectContent,{children:[jsxRuntimeExports.jsx(SelectItem,{value:"all",children:E("auditLogShared.filters.allActions")}),k?.map(U=>jsxRuntimeExports.jsx(SelectItem,{value:U,children:U},U))]})]}),jsxRuntimeExports.jsxs(Select,{value:d,onValueChange:p,children:[jsxRuntimeExports.jsx(SelectTrigger,{children:jsxRuntimeExports.jsx(SelectValue,{placeholder:E("auditLogShared.filters.status")})}),jsxRuntimeExports.jsxs(SelectContent,{children:[jsxRuntimeExports.jsx(SelectItem,{value:"all",children:E("auditLogShared.filters.allStatuses")}),jsxRuntimeExports.jsx(SelectItem,{value:"success",children:E("auditLogShared.status.success")}),jsxRuntimeExports.jsx(SelectItem,{value:"failure",children:E("auditLogShared.status.failure")}),jsxRuntimeExports.jsx(SelectItem,{value:"warning",children:E("auditLogShared.status.warning")}),jsxRuntimeExports.jsx(SelectItem,{value:"pending",children:E("auditLogShared.status.pending")})]})]})]}),jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-4",children:[ae?jsxRuntimeExports.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[jsxRuntimeExports.jsxs("div",{className:"relative",children:[jsxRuntimeExports.jsx(Input,{readOnly:!0,value:z,onClick:()=>H(U=>!U),className:"w-[150px] cursor-pointer",placeholder:E("auditLogShared.filters.fromDate")}),A&&jsxRuntimeExports.jsx("div",{className:"absolute z-50 mt-1 bg-white dark:bg-gray-800 shadow-lg rounded-md p-2",children:jsxRuntimeExports.jsx(EthiopianDatePickerModal,{onChange:Me})})]}),jsxRuntimeExports.jsxs("div",{className:"relative",children:[jsxRuntimeExports.jsx(Input,{readOnly:!0,value:u,onClick:()=>se(U=>!U),className:"w-[150px] cursor-pointer",placeholder:E("auditLogShared.filters.toDate")}),Y&&jsxRuntimeExports.jsx("div",{className:"absolute z-50 mt-1 bg-white dark:bg-gray-800 shadow-lg rounded-md p-2",children:jsxRuntimeExports.jsx(EthiopianDatePickerModal,{onChange:re})})]})]}):jsxRuntimeExports.jsxs(Popover,{open:M,onOpenChange:P,children:[jsxRuntimeExports.jsx(PopoverTrigger,{asChild:!0,children:jsxRuntimeExports.jsxs(Button$1,{variant:"outline",className:"w-full md:w-auto justify-start text-left font-normal",children:[jsxRuntimeExports.jsx(Calendar$1,{className:"mr-2 h-4 w-4"}),jsxRuntimeExports.jsx("span",{children:De})]})}),jsxRuntimeExports.jsx(PopoverContent,{className:"w-auto p-0",align:"start",children:jsxRuntimeExports.jsx(Calendar,{initialFocus:!0,mode:"range",defaultMonth:m.from,selected:{from:m.from,to:m.to},onSelect:U=>{g({from:U!=null&&U.from?new Date(new Date(U.from).setHours(0,0,0,0)):void 0,to:U!=null&&U.to?new Date(new Date(U.to).setHours(23,59,59,999)):void 0})},numberOfMonths:2})})]}),jsxRuntimeExports.jsx(Button$1,{variant:"outline",onClick:()=>{const U=new Date,ye=new Date(U);ye.setDate(ye.getDate()-7),g({from:ye,to:U})},children:E("auditLogShared.filters.last7Days")}),jsxRuntimeExports.jsx(Button$1,{variant:"outline",onClick:()=>{const U=new Date,ye=new Date(U);ye.setDate(ye.getDate()-30),g({from:ye,to:U})},children:E("auditLogShared.filters.last30Days")})]})]})}function ActivityStats({totalActivities:r,successRate:o,avgDailyActivities:c,uniqueUsers:n,topActions:a}){const{t:s}=useTranslation(),d=[{label:s("auditLogShared.stats.totalActivities"),value:r.toLocaleString(),icon:Activity,color:"text-primary dark:text-primary-300",bgColor:"bg-primary/10 dark:bg-primary/20"},{label:s("auditLogShared.stats.successRate"),value:`${o}%`,icon:CircleCheckBig,color:"text-primary-600 dark:text-primary-400",bgColor:"bg-primary-50 dark:bg-primary-900/30"},{label:s("auditLogShared.stats.dailyAverage"),value:c.toLocaleString(),icon:TrendingUp,color:"text-purple-600 dark:text-purple-400",bgColor:"bg-purple-50 dark:bg-purple-900/30"},{label:s("auditLogShared.stats.uniqueUsers"),value:n.toLocaleString(),icon:Clock,color:"text-orange-600 dark:text-orange-400",bgColor:"bg-orange-50 dark:bg-orange-900/30"}];return jsxRuntimeExports.jsxs("div",{className:"space-y-6",children:[jsxRuntimeExports.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:d?.map((p,m)=>jsxRuntimeExports.jsx(Card,{className:"border-gray-200 dark:border-gray-700 dark:bg-gray-800",children:jsxRuntimeExports.jsx(CardContent,{className:"p-6",children:jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("p",{className:"text-sm font-medium text-gray-600 dark:text-gray-400",children:p.label}),jsxRuntimeExports.jsx("p",{className:"text-2xl font-bold text-gray-900 dark:text-gray-100 mt-1",children:p.value})]}),jsxRuntimeExports.jsx("div",{className:`p-3 rounded-full ${p.bgColor}`,children:jsxRuntimeExports.jsx(p.icon,{className:`h-6 w-6 ${p.color}`})})]})})},m))}),jsxRuntimeExports.jsx(Card,{className:"border-gray-200 dark:border-gray-700 dark:bg-gray-800",children:jsxRuntimeExports.jsxs(CardContent,{className:"p-6",children:[jsxRuntimeExports.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4",children:s("auditLogShared.stats.topActions")}),jsxRuntimeExports.jsx("div",{className:"space-y-3",children:a?.map((p,m)=>jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntimeExports.jsx("div",{className:"w-8 h-8 rounded-md bg-gray-100 dark:bg-gray-700 flex items-center justify-center",children:jsxRuntimeExports.jsx("span",{className:"text-sm font-medium text-gray-600 dark:text-gray-300",children:p.action.charAt(0)})}),jsxRuntimeExports.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:p.action})]}),jsxRuntimeExports.jsxs("span",{className:"text-sm font-semibold text-gray-700 dark:text-gray-300",children:[p.count," ",s("auditLogShared.stats.times")]})]},m))})]})})]})}function ExportModal({open:r,onOpenChange:o,onExport:c}){const{t:n}=useTranslation(),[a,s]=reactExports.useState({format:"csv",includeDetails:!0,dateRange:!0,fileName:`activity-logs-${new Date().toISOString().split("T")[0]}`}),d=()=>{c(a),o(!1)};return jsxRuntimeExports.jsx(Dialog,{open:r,onOpenChange:o,children:jsxRuntimeExports.jsxs(DialogContent,{className:"sm:max-w-[500px]",children:[jsxRuntimeExports.jsxs(DialogHeader,{children:[jsxRuntimeExports.jsx(DialogTitle,{children:n("auditLogShared.export.title")}),jsxRuntimeExports.jsx(DialogDescription,{children:n("auditLogShared.export.description")})]}),jsxRuntimeExports.jsxs("div",{className:"space-y-6 py-4",children:[jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[jsxRuntimeExports.jsx(Label,{children:n("auditLogShared.export.fileName")}),jsxRuntimeExports.jsx(Input,{value:a.fileName,onChange:p=>s({...a,fileName:p.target.value}),placeholder:n("auditLogShared.export.fileNamePlaceholder")})]}),jsxRuntimeExports.jsxs("div",{className:"space-y-4",children:[jsxRuntimeExports.jsx(Label,{children:n("auditLogShared.export.format")}),jsxRuntimeExports.jsxs(RadioGroup,{value:a.format,onValueChange:p=>s({...a,format:p}),className:"grid grid-cols-3 gap-4",children:[jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(RadioGroupItem,{value:"csv",id:"csv",className:"peer sr-only"}),jsxRuntimeExports.jsxs(Label,{htmlFor:"csv",className:"flex flex-col items-center justify-between rounded-md border-2 border-muted bg-white p-4 hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary [&:has([data-state=checked])]:border-primary cursor-pointer",children:[jsxRuntimeExports.jsx(FileText,{className:"mb-3 h-6 w-6"}),"CSV"]})]}),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(RadioGroupItem,{value:"json",id:"json",className:"peer sr-only"}),jsxRuntimeExports.jsxs(Label,{htmlFor:"json",className:"flex flex-col items-center justify-between rounded-md border-2 border-muted bg-white p-4 hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary [&:has([data-state=checked])]:border-primary cursor-pointer",children:[jsxRuntimeExports.jsx(FileText,{className:"mb-3 h-6 w-6"}),"JSON"]})]}),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(RadioGroupItem,{value:"xlsx",id:"xlsx",className:"peer sr-only"}),jsxRuntimeExports.jsxs(Label,{htmlFor:"xlsx",className:"flex flex-col items-center justify-between rounded-md border-2 border-muted bg-white p-4 hover:bg-accent hover:text-accent-foreground peer-data-[state=checked]:border-primary [&:has([data-state=checked])]:border-primary cursor-pointer",children:[jsxRuntimeExports.jsx(FileSpreadsheet,{className:"mb-3 h-6 w-6"}),"Excel"]})]})]})]}),jsxRuntimeExports.jsxs("div",{className:"space-y-4",children:[jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[jsxRuntimeExports.jsx(Checkbox,{id:"includeDetails",checked:a.includeDetails,onCheckedChange:p=>s({...a,includeDetails:p})}),jsxRuntimeExports.jsx(Label,{htmlFor:"includeDetails",className:"cursor-pointer",children:n("auditLogShared.export.includeDetails")})]}),jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[jsxRuntimeExports.jsx(Checkbox,{id:"dateRange",checked:a.dateRange,onCheckedChange:p=>s({...a,dateRange:p})}),jsxRuntimeExports.jsx(Label,{htmlFor:"dateRange",className:"cursor-pointer",children:n("auditLogShared.export.includeDateRange")})]})]})]}),jsxRuntimeExports.jsxs(DialogFooter,{children:[jsxRuntimeExports.jsx(Button$1,{variant:"outline",onClick:()=>o(!1),children:n("auditLogShared.actions.cancel")}),jsxRuntimeExports.jsxs(Button$1,{onClick:d,children:[jsxRuntimeExports.jsx(Download,{className:"mr-2 h-4 w-4"}),n("auditLogShared.actions.export")]})]})]})})}function isAxiosError(r){return axios.isAxiosError(r)}function createHttpClient(r){const o=axios.create({baseURL:r.baseURL});o.interceptors.request.use(a=>{const s=api.get(r.cookieKeys.access);return s&&(a.headers=a.headers??{},a.headers.Authorization=`Bearer ${s}`),a});let c=null;const n=a=>a?(r.skipRefreshPaths??[])?.some(d=>a.includes(d)):!1;return o.interceptors.response.use(a=>a,async a=>{var m,g,j;if(!isAxiosError(a))return Promise.reject(a);const s=(m=a.response)==null?void 0:m.status,d=a.config;if(!d||n(d.url)||s!==401||d._retry)return Promise.reject(a);d._retry=!0;const p=api.get(r.cookieKeys.refresh);if(!p)return(g=r.onAuthFailure)==null||g.call(r,a),Promise.reject(a);c||(c=(async()=>{const k=await r.refreshFn(p);return api.set(r.cookieKeys.access,k.accessToken),k.refreshToken&&api.set(r.cookieKeys.refresh,k.refreshToken),k.accessToken})().finally(()=>{c=null}));try{const k=await c;return d.headers=d.headers??{},d.headers.Authorization=`Bearer ${k}`,o(d)}catch(k){return api.remove(r.cookieKeys.access),api.remove(r.cookieKeys.refresh),r.cookieKeys.user&&api.remove(r.cookieKeys.user),(j=r.onAuthFailure)==null||j.call(r,k),Promise.reject(k)}}),o}async function refreshFn(r){const o=await getRefreshToken(r);return{accessToken:o.data.token,refreshToken:o.data.refreshToken}}const auditHttp=createHttpClient({baseURL:AUDITLOG_API_URL,cookieKeys:{access:"auth-token",refresh:"refresh-token",user:"auth-user"},refreshFn,skipRefreshPaths:["/auth/login","/auth/refresh","/auth/me"],onAuthFailure:()=>{toast.error("Session expired",{description:"Please log in again.",duration:4e3}),setTimeout(()=>{window.location.href="/"},1200)}});function toParams(r){if(!r)return;const o=new URLSearchParams;return Object.entries(r).forEach(([c,n])=>{n!=null&&(typeof n=="string"&&n.trim()===""||o.set(c,String(n)))}),o}async function listAuditLogCommandsByModule(r,o){const{data:c}=await auditHttp.get(`/audit-log-commands/all/${encodeURIComponent(r)}`,{params:toParams(o)});return c}function safeString(r){if(r==null)return"";if(typeof r=="string")return r;try{return JSON.stringify(r)}catch{return String(r)}}function toTitleCase(r){return r.split(" ").filter(Boolean)?.map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join(" ")}function humanizeKey(r){if(!r)return"";const o=r.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[:_.-]+/g," ").trim().toLowerCase();return toTitleCase(o)}function asName(r){if(!r)return"-";if(typeof r=="string")return r;const o=r;return typeof(o==null?void 0:o.en)=="string"&&o.en.trim()?o.en:typeof(o==null?void 0:o.am)=="string"&&o.am.trim()?o.am:"-"}function unique(r){return Array.from(new Set(r.filter(Boolean)))}function mapRoleLabel(r){return r?humanizeKey(r):"Role"}function mapPermissionLabel(r){const o=r,c=typeof(o==null?void 0:o.key)=="string"?o.key:"",n=asName(o==null?void 0:o.name);return n!=="-"?n:c?humanizeKey(c):"Permission"}function buildUserSummary(r){const o=r,c=Array.isArray(o==null?void 0:o.employee)?o.employee:[];return{name:asName(o==null?void 0:o.name),email:typeof(o==null?void 0:o.email)=="string"?o.email:"-",phone:typeof(o==null?void 0:o.phoneNumber)=="string"?o.phoneNumber:"-",status:humanizeKey(typeof(o==null?void 0:o.status)=="string"?o.status:""),userType:humanizeKey(typeof(o==null?void 0:o.userType)=="string"?o.userType:""),roles:unique((Array.isArray(o==null?void 0:o.roles)?o.roles:[])?.map(n=>{const a=n;return mapRoleLabel(typeof(a==null?void 0:a.key)=="string"?a.key:"")})),employeeInfo:c?.map((n,a)=>{var p,m;const s=n,d=Array.isArray(s==null?void 0:s.positions)?s.positions:[];return{unit:asName((p=s==null?void 0:s.unit)==null?void 0:p.name)!=="-"?asName((m=s==null?void 0:s.unit)==null?void 0:m.name):`Unit ${a+1}`,positions:d?.map(g=>{const j=g;return{name:asName(j==null?void 0:j.name),rank:typeof(j==null?void 0:j.rank)=="number"?j.rank:"-",permissions:unique((Array.isArray(j==null?void 0:j.permissions)?j.permissions:[])?.map(k=>mapPermissionLabel(k)))}})}}),registrationComplete:!!(o!=null&&o.hasFinishedRegistration),passwordSet:!!(o!=null&&o.hasSetPassword)}}function summarizeValue(r){return r==null?instance.t("common.None"):typeof r=="string"||typeof r=="number"||typeof r=="boolean"?String(r):Array.isArray(r)?instance.t("auditLogShared.modal.itemsCount",{count:r.length}):instance.t("auditLogShared.modal.updatedDetails")}function getValueType(r){return Array.isArray(r)?"array":r===null?"null":typeof r}function collectDiffPaths(r,o,c="",n=[],a=0){if(n.length>=40||a>8)return n;const s=getValueType(r),d=getValueType(o);if(s!==d)return n.push(c||"(root)"),n;if(s==="string"||s==="number"||s==="boolean"||s==="undefined"||s==="null")return r!==o&&n.push(c||"(root)"),n;if(s==="array"){const j=Array.isArray(r)?r:[],k=Array.isArray(o)?o:[];j.length!==k.length&&n.push(`${c||"(root)"}.length`);const _=Math.min(Math.max(j.length,k.length),20);for(let T=0;T<_&&(collectDiffPaths(j[T],k[T],`${c}[${T}]`,n,a+1),!(n.length>=40));T++);return n}const p=r&&typeof r=="object"?r:{},m=o&&typeof o=="object"?o:{},g=Array.from(new Set([...Object.keys(p),...Object.keys(m)]));for(const j of g){const k=c?`${c}.${j}`:j;if(collectDiffPaths(p[j],m[j],k,n,a+1),n.length>=40)break}return n}function pickFileInfoFromChanges(r){if(!(r!=null&&r.length))return;const o=r.find(c=>(c==null?void 0:c.field)==="fileInfo");return(o==null?void 0:o.to)||(o==null?void 0:o.from)}function pickResourceNameFromChanges(r){const o=pickFileInfoFromChanges(r),c=(o==null?void 0:o.originalname)||(o==null?void 0:o.fileName)||(o==null?void 0:o.contentType);return c?String(c):void 0}function pickResourceName(r,o){const c=pickResourceNameFromChanges(o);if(c)return c;const n=r,a=n==null?void 0:n.payload;if(a&&typeof a=="object"){const s=a;if(typeof(s==null?void 0:s.entity)=="string"&&s.entity.trim())return s.entity;if(typeof(s==null?void 0:s.id)=="string"&&s.id.trim())return s.id}}function extractActor(r){var a,s;if(!r||typeof r!="object")return null;const o=r,c=typeof(o==null?void 0:o.email)=="string"?o.email:void 0,n=typeof(o==null?void 0:o.name)=="string"?o.name:typeof((a=o==null?void 0:o.name)==null?void 0:a.en)=="string"?o.name.en:typeof((s=o==null?void 0:o.name)==null?void 0:s.am)=="string"?o.name.am:typeof(o==null?void 0:o.username)=="string"?o.username:void 0;return!n&&!c?null:{name:n||(c?c.split("@")[0]:"System"),email:c||"system@audit"}}function pickPerformedBy(r,o){var a;if(o!=null&&o.length){const s=o.find(p=>(p==null?void 0:p.field)==="userInfo"),d=extractActor((s==null?void 0:s.to)||(s==null?void 0:s.from));if(d)return d}const c=r,n=extractActor((a=c==null?void 0:c.auditLog)==null?void 0:a.user);return n||{name:"System",email:"system@audit"}}function mapQueryMethodToStatus(r){return"success"}function mapQueryMethodToSeverity(r){switch((r||"").toUpperCase()){case"DELETE":return"high";case"INSERT":case"INSERT_CHILD":return"medium";case"UPDATE":return"low";default:return"low"}}function buildDescription(r,o){const c=r||"entity",n=(o||"ACTION").toUpperCase();return n==="UPDATE"?`Updated ${c}`:n==="INSERT"?`Created ${c}`:n==="INSERT_CHILD"?`Created related ${c}`:n==="DELETE"?`Deleted ${c}`:`${n} on ${c}`}function buildDetails(r,o,c,n){if(!(r!=null&&r.length)){if(o&&typeof o=="object"){const d=o,p=typeof(d==null?void 0:d.entity)=="string"?d.entity:n,m=typeof(d==null?void 0:d.id)=="string"?d.id:void 0;if(p||m)return`${(c||"ACTION").toUpperCase()} ${p||"entity"}${m?` (id: ${m})`:""}`}return}const a=r.slice(0,8)?.map(d=>{var j,k;const p=(d==null?void 0:d.field)||"field";if(p==="userInfo"){const _=d==null?void 0:d.from,T=d==null?void 0:d.to,E=_!=null&&_.email?String(_.email):"-",M=T!=null&&T.email?String(T.email):"-",P=asName(((j=_==null?void 0:_.name)==null?void 0:j.en)??(_==null?void 0:_.name)),A=asName(((k=T==null?void 0:T.name)==null?void 0:k.en)??(T==null?void 0:T.name));return`userInfo: ${P} (${E}) -> ${A} (${M})`}const m=(d==null?void 0:d.from)===null?"null":safeString(d==null?void 0:d.from),g=(d==null?void 0:d.to)===null?"null":safeString(d==null?void 0:d.to);return`${p}: ${m} -> ${g}`}),s=r.length>8?`
+... +${r.length-8} more`:"";return a.join(`
+`)+s}function AuditLogPageShared({moduleKey:r,title:o="Activity Log",subtitle:c="Monitor and track audit events across the platform",initialPage:n=1,limit:a=200}){var lt;const{t:s}=useTranslation(),[d,p]=reactExports.useState(""),[m,g]=reactExports.useState("all"),[j,k]=reactExports.useState("all"),[_,T]=reactExports.useState("all"),[E,M]=reactExports.useState("all"),[P,A]=reactExports.useState({}),[H,Y]=reactExports.useState("card"),[se,z]=reactExports.useState(!1),[te,u]=reactExports.useState(!1),[fe,ae]=reactExports.useState(null),[Ee,De]=reactExports.useState(n),[Me,re]=reactExports.useState(0),[U,ye]=reactExports.useState([]),[ke,J]=reactExports.useState([]),K=reactExports.useCallback(async()=>{if(!r){toast.error(s("auditLogShared.messages.missingModuleKey"));return}u(!0);try{const O=await listAuditLogCommandsByModule(r,{take:Ee*a,skip:(Ee-1)*a}),pe=((O==null?void 0:O.items)||[])?.map(ee=>{const xe=ee!=null&&ee.entityName?String(ee.entityName):r,Fe=ee!=null&&ee.queryMethod?String(ee.queryMethod):"UPDATE",Ve=Array.isArray(ee==null?void 0:ee.changes)?ee.changes:[];return{id:ee!=null&&ee.id?String(ee.id):crypto.randomUUID(),action:Fe.toUpperCase(),description:buildDescription(xe,Fe),performedBy:pickPerformedBy(ee,Ve),timestamp:ee!=null&&ee.createdAt?String(ee.createdAt):new Date().toISOString(),module:xe,resourceName:pickResourceName(ee,Ve),status:mapQueryMethodToStatus(Fe),details:buildDetails(Ve,ee==null?void 0:ee.payload,Fe,xe),severity:mapQueryMethodToSeverity(Fe),raw:ee}});pe.sort((ee,xe)=>new Date(xe.timestamp).getTime()-new Date(ee.timestamp).getTime()),ye(pe),re(typeof(O==null?void 0:O.count)=="number"?O.count:pe.length),toast.success(s("auditLogShared.messages.logsLoaded"))}catch(O){const me=O;toast.error(s("auditLogShared.messages.logsLoadFailed"),{description:(me==null?void 0:me.message)||s("auditLogShared.messages.tryAgain"),duration:5e3}),ye([]),re(0)}finally{u(!1)}},[r,Ee,a,s]);reactExports.useEffect(()=>{De(n)},[n,r]),reactExports.useEffect(()=>{K()},[K]);const Te=reactExports.useMemo(()=>Array.from(new Set(U?.map(O=>O.module))).sort(),[U]),rt=reactExports.useMemo(()=>Array.from(new Set(U?.map(O=>O.action))).sort(),[U]),nt=reactExports.useMemo(()=>{const O=ke.length,me=ke.filter(Oe=>Oe.status==="success").length,pe=O>0?Math.round(me/O*100):0,ee=new Set(ke?.map(Oe=>Oe.performedBy.email)).size,xe=Math.round(O/30),Fe={};ke.forEach(Oe=>{Fe[Oe.action]=(Fe[Oe.action]||0)+1});const Ve=Object.entries(Fe)?.map(([Oe,je])=>({action:Oe,count:je})).sort((Oe,je)=>je.count-Oe.count).slice(0,5);return{totalActivities:O,successRate:pe,avgDailyActivities:xe,uniqueUsers:ee,topActions:Ve}},[ke]);reactExports.useEffect(()=>{let O=[...U];if(d){const me=d.toLowerCase();O=O.filter(pe=>pe.description.toLowerCase().includes(me)||pe.performedBy.name.toLowerCase().includes(me)||pe.performedBy.email.toLowerCase().includes(me)||pe.resourceName&&pe.resourceName.toLowerCase().includes(me)||pe.details&&pe.details.toLowerCase().includes(me))}m!=="all"&&(O=O.filter(me=>me.module===m)),j!=="all"&&(O=O.filter(me=>me.action===j)),_!=="all"&&(O=O.filter(me=>me.status===_)),E!=="all"&&(O=O.filter(me=>me.severity===E)),(P.from||P.to)&&(O=O.filter(me=>{const pe=new Date(me.timestamp),ee=P.from?new Date(new Date(P.from).setHours(0,0,0,0)):null,xe=P.to?new Date(new Date(P.to).setHours(23,59,59,999)):null;return ee&&xe?pe>=ee&&pe<=xe:ee?pe>=ee:xe?pe<=xe:!0})),O.sort((me,pe)=>new Date(pe.timestamp).getTime()-new Date(me.timestamp).getTime()),J(O)},[U,d,m,j,_,E,P]);const Dt=()=>{p(""),g("all"),k("all"),T("all"),M("all"),A({})},kt=O=>{toast.success(s("auditLogShared.messages.exportingLogs",{count:ke.length,format:O.format.toUpperCase()}));const me={logs:ke,exportOptions:O,exportedAt:new Date().toISOString()},pe=new Blob([JSON.stringify(me,null,2)],{type:`application/${O.format==="json"?"json":"octet-stream"}`}),ee=URL.createObjectURL(pe),xe=document.createElement("a");xe.href=ee,xe.download=`${O.fileName}.${O.format}`,document.body.appendChild(xe),xe.click(),document.body.removeChild(xe),URL.revokeObjectURL(ee)},It=O=>{switch(O){case"critical":return"bg-red-100 text-red-800 border-red-300";case"high":return"bg-orange-100 text-orange-800 border-orange-300";case"medium":return"bg-yellow-100 text-yellow-800 border-yellow-300";case"low":return"bg-primary-100 text-primary-800 border-primary-300";default:return"bg-gray-100 text-gray-800 border-gray-300"}},Vt=O=>{switch(O){case"success":return"bg-primary-100 text-primary-800";case"failure":return"bg-red-100 text-red-800";case"warning":return"bg-yellow-100 text-yellow-800";case"pending":return"bg-blue-100 text-blue-800";default:return"bg-gray-100 text-gray-800"}},At=r==="record"||r==="smartoffice",ve=(fe==null?void 0:fe.raw)??null,wt=Array.isArray(ve==null?void 0:ve.changes)?ve.changes:[],Et=ve!=null&&ve.createdAt?new Date(String(ve.createdAt)):null,Ne=ve!=null&&ve.payload&&typeof ve.payload=="object"?ve.payload:null,Ue=(lt=ve==null?void 0:ve.auditLog)!=null&&lt.user&&typeof ve.auditLog.user=="object"?ve.auditLog.user:null,ze=Math.max(1,Math.ceil(Me/a));return jsxRuntimeExports.jsx("div",{className:"bg-gray-50 dark:bg-gray-900 p-4 md:p-6 h-full",children:jsxRuntimeExports.jsxs("div",{className:"max-w-7xl mx-auto space-y-6",children:[jsxRuntimeExports.jsxs("div",{className:"flex flex-col md:flex-row md:items-center justify-between gap-4",children:[jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("h1",{className:"text-2xl md:text-3xl font-bold text-gray-900 dark:text-white",children:o}),jsxRuntimeExports.jsx("p",{className:"text-gray-600 dark:text-gray-400 mt-1",children:c})]}),jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntimeExports.jsxs(Button$1,{variant:"outline",onClick:K,disabled:te,className:"flex items-center gap-2 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-800",children:[jsxRuntimeExports.jsx(RefreshCw,{className:`h-4 w-4 ${te?"animate-spin":""}`}),s("auditLogShared.actions.refresh")]}),jsxRuntimeExports.jsxs(Button$1,{onClick:()=>z(!0),className:"flex items-center gap-2",disabled:ke.length===0,children:[jsxRuntimeExports.jsx(Download,{className:"h-4 w-4"}),s("auditLogShared.actions.export")]})]})]}),jsxRuntimeExports.jsx(ActivityStats,{...nt}),jsxRuntimeExports.jsxs(Card,{className:"border-gray-200 dark:border-gray-700 shadow-sm dark:bg-gray-800",children:[jsxRuntimeExports.jsx(CardHeader,{className:"pb-4",children:jsxRuntimeExports.jsxs("div",{className:"flex flex-col md:flex-row md:items-center justify-between gap-4",children:[jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(CardTitle,{className:"text-lg font-semibold dark:text-white",children:s("auditLogShared.labels.activityLogs")}),jsxRuntimeExports.jsxs(CardDescription,{className:"dark:text-gray-400",children:[s("auditLogShared.labels.activitiesFound",{count:ke.length}),P.from&&jsxRuntimeExports.jsxs("span",{className:"ml-2",children:["• ",format(P.from,"MMM d, yyyy"),P.to&&` - ${format(P.to,"MMM d, yyyy")}`]})]})]}),jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntimeExports.jsxs(Button$1,{variant:H==="card"?"default":"outline",size:"sm",onClick:()=>Y("card"),className:"flex items-center gap-2",children:[jsxRuntimeExports.jsx(Eye,{className:"h-4 w-4"}),s("auditLogShared.actions.cardView")]}),jsxRuntimeExports.jsxs(Button$1,{variant:H==="table"?"default":"outline",size:"sm",onClick:()=>Y("table"),className:"flex items-center gap-2",children:[jsxRuntimeExports.jsx(EyeOff,{className:"h-4 w-4"}),s("auditLogShared.actions.tableView")]})]})]})}),jsxRuntimeExports.jsxs(CardContent,{children:[jsxRuntimeExports.jsx(ActivityFilters,{searchQuery:d,onSearchChange:p,moduleFilter:m,onModuleChange:g,actionFilter:j,onActionChange:k,statusFilter:_,onStatusChange:T,dateRange:P,onDateRangeChange:A,modules:Te,actions:rt,onClearFilters:Dt}),te?jsxRuntimeExports.jsx("div",{className:"flex items-center justify-center py-12",children:jsxRuntimeExports.jsxs("div",{className:"text-center",children:[jsxRuntimeExports.jsx(RefreshCw,{className:"h-8 w-8 animate-spin mx-auto text-gray-400"}),jsxRuntimeExports.jsx("p",{className:"mt-2 text-gray-600 dark:text-gray-400",children:s("auditLogShared.messages.loadingActivities")})]})}):ke.length===0?jsxRuntimeExports.jsxs("div",{className:"text-center py-12 border-2 border-dashed border-gray-200 dark:border-gray-700 rounded-lg",children:[jsxRuntimeExports.jsx("div",{className:"mx-auto w-12 h-12 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center mb-4",children:jsxRuntimeExports.jsx(Eye,{className:"h-6 w-6 text-gray-400 dark:text-gray-500"})}),jsxRuntimeExports.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-2",children:s("auditLogShared.messages.noActivitiesFound")}),jsxRuntimeExports.jsx("p",{className:"text-gray-600 dark:text-gray-400 max-w-md mx-auto",children:s("auditLogShared.messages.adjustFilters")}),jsxRuntimeExports.jsx(Button$1,{variant:"outline",onClick:Dt,className:"mt-4 dark:border-gray-600 dark:text-gray-200",children:s("auditLogShared.filters.clearFilters")})]}):H==="card"?jsxRuntimeExports.jsx("div",{className:"space-y-4 mt-6",children:ke?.map(O=>jsxRuntimeExports.jsx(ActivityCard,{activity:O},O.id))}):jsxRuntimeExports.jsx("div",{className:"mt-6 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden",children:jsxRuntimeExports.jsx("div",{className:"overflow-x-auto",children:jsxRuntimeExports.jsxs(Table$1,{children:[jsxRuntimeExports.jsx(TableHeader,{className:"bg-gray-50 dark:bg-gray-700",children:jsxRuntimeExports.jsxs(TableRow,{children:[jsxRuntimeExports.jsx(TableHead,{className:"w-[180px] dark:text-gray-300",children:s("auditLogShared.table.time")}),jsxRuntimeExports.jsx(TableHead,{className:"dark:text-gray-300",children:s("auditLogShared.table.user")}),jsxRuntimeExports.jsx(TableHead,{className:"dark:text-gray-300",children:s("auditLogShared.table.action")}),jsxRuntimeExports.jsx(TableHead,{className:"w-[300px] dark:text-gray-300",children:s("auditLogShared.table.description")}),jsxRuntimeExports.jsx(TableHead,{className:"dark:text-gray-300",children:s("auditLogShared.table.module")}),jsxRuntimeExports.jsx(TableHead,{className:"dark:text-gray-300",children:s("auditLogShared.table.severity")}),jsxRuntimeExports.jsx(TableHead,{className:"dark:text-gray-300",children:s("auditLogShared.table.status")}),jsxRuntimeExports.jsx(TableHead,{className:"w-[100px]"})]})}),jsxRuntimeExports.jsx(TableBody,{children:ke?.map(O=>jsxRuntimeExports.jsxs(TableRow,{className:"hover:bg-gray-50 dark:hover:bg-gray-700/50",children:[jsxRuntimeExports.jsx(TableCell,{className:"font-medium",children:jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[jsxRuntimeExports.jsx("span",{className:"text-sm text-gray-900 dark:text-gray-100",children:format(new Date(O.timestamp),"MMM d, yyyy")}),jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:format(new Date(O.timestamp),"HH:mm:ss")})]})}),jsxRuntimeExports.jsx(TableCell,{children:jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[jsxRuntimeExports.jsxs(Avatar,{className:"h-8 w-8",children:[O.performedBy.avatar&&jsxRuntimeExports.jsx(AvatarImage,{src:O.performedBy.avatar}),jsxRuntimeExports.jsx(AvatarFallback,{className:"dark:bg-gray-700 dark:text-gray-300",children:O.performedBy.name.charAt(0).toUpperCase()})]}),jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:"font-medium text-gray-900 dark:text-gray-100",children:O.performedBy.name}),jsxRuntimeExports.jsx("div",{className:"text-xs text-gray-500 dark:text-gray-400 truncate max-w-[150px]",children:O.performedBy.email})]})]})}),jsxRuntimeExports.jsx(TableCell,{children:jsxRuntimeExports.jsx(Badge,{variant:"outline",className:"font-medium dark:border-gray-600 dark:text-gray-300",children:O.action})}),jsxRuntimeExports.jsx(TableCell,{children:jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx("div",{className:"font-medium text-gray-900 dark:text-gray-100",children:O.description}),O.resourceName&&jsxRuntimeExports.jsx("div",{className:"text-sm text-gray-600 dark:text-gray-400 mt-1 truncate",children:O.resourceName})]})}),jsxRuntimeExports.jsx(TableCell,{children:jsxRuntimeExports.jsx(Badge,{variant:"secondary",className:"dark:bg-gray-700 dark:text-gray-300",children:O.module})}),jsxRuntimeExports.jsx(TableCell,{children:jsxRuntimeExports.jsx(Badge,{variant:"outline",className:`text-xs font-medium ${It(O.severity)}`,children:O.severity.charAt(0).toUpperCase()+O.severity.slice(1)})}),jsxRuntimeExports.jsx(TableCell,{children:jsxRuntimeExports.jsx(Badge,{className:`text-xs font-medium ${Vt(O.status)}`,children:O.status.charAt(0).toUpperCase()+O.status.slice(1)})}),jsxRuntimeExports.jsx(TableCell,{children:jsxRuntimeExports.jsx(Button$1,{variant:"ghost",size:"sm",className:"h-8 w-8 p-0 dark:hover:bg-gray-700",onClick:()=>{if(At){ae(O);return}toast.message(`Audit ID: ${O.id}`,{description:O.details||O.description})},children:jsxRuntimeExports.jsx(Eye,{className:"h-4 w-4"})})})]},O.id))})]})})}),ke.length>0&&jsxRuntimeExports.jsxs("div",{className:"mt-6 flex items-center justify-between text-sm text-gray-600 dark:text-gray-400",children:[jsxRuntimeExports.jsx("div",{children:s("auditLogShared.pagination.showing",{shown:ke.length,total:Me})}),jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntimeExports.jsx(Button$1,{variant:"outline",size:"sm",disabled:te||Ee<=1,onClick:()=>De(O=>Math.max(1,O-1)),className:"dark:border-gray-600 dark:text-gray-200",children:s("common.previous")}),jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400 min-w-[84px] text-center",children:s("auditLogShared.pagination.pageOf",{page:Ee,totalPages:ze})}),jsxRuntimeExports.jsx(Button$1,{variant:"outline",size:"sm",disabled:te||Ee>=ze,onClick:()=>De(O=>Math.min(ze,O+1)),className:"dark:border-gray-600 dark:text-gray-200",children:s("common.next")})]})]})]})]}),jsxRuntimeExports.jsx(ExportModal,{open:se,onOpenChange:z,onExport:kt}),At&&jsxRuntimeExports.jsx(Dialog,{open:!!fe,onOpenChange:O=>{O||ae(null)},children:jsxRuntimeExports.jsxs(DialogContent,{className:"sm:max-w-4xl max-h-[85vh] overflow-hidden flex flex-col dark:bg-gray-800 dark:border-gray-700",children:[jsxRuntimeExports.jsxs(DialogHeader,{children:[jsxRuntimeExports.jsx(DialogTitle,{className:"dark:text-white",children:s("auditLogShared.modal.title")}),jsxRuntimeExports.jsx(DialogDescription,{className:"dark:text-gray-400",children:s("auditLogShared.modal.description",{id:fe==null?void 0:fe.id})})]}),jsxRuntimeExports.jsxs("div",{className:"mt-2 space-y-4 overflow-auto",children:[jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[jsxRuntimeExports.jsxs("div",{className:"rounded-md border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("div",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.entity")}),jsxRuntimeExports.jsx("div",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:(ve==null?void 0:ve.entityName)||"-"})]}),jsxRuntimeExports.jsxs("div",{className:"rounded-md border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("div",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.method")}),jsxRuntimeExports.jsx("div",{className:"mt-1",children:jsxRuntimeExports.jsx(Badge,{variant:"outline",className:"font-medium dark:border-gray-600 dark:text-gray-300",children:(ve==null?void 0:ve.queryMethod)||"-"})})]}),jsxRuntimeExports.jsxs("div",{className:"rounded-md border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("div",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.createdAt")}),jsxRuntimeExports.jsx("div",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:Et?format(Et,"MMM d, yyyy HH:mm:ss"):"-"})]}),jsxRuntimeExports.jsxs("div",{className:"rounded-md border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("div",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.changes")}),jsxRuntimeExports.jsx("div",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:wt.length})]})]}),jsxRuntimeExports.jsxs("div",{className:"rounded-md border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("div",{className:"mb-3 text-sm font-semibold text-gray-900 dark:text-gray-100",children:s("auditLogShared.modal.changes")}),wt.length===0?jsxRuntimeExports.jsxs("div",{className:"space-y-3",children:[jsxRuntimeExports.jsx("div",{className:"text-sm text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.noChanges")}),(Ne||Ue)&&jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[Ne&&jsxRuntimeExports.jsxs("article",{className:"rounded border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.payload")}),jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1",children:`${(Ne==null?void 0:Ne.entity)||"entity"}${Ne!=null&&Ne.id?` (id: ${Ne.id})`:""}`})]}),Ue&&jsxRuntimeExports.jsxs("article",{className:"rounded border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.performedBy")}),jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1",children:asName(Ue==null?void 0:Ue.name)}),jsxRuntimeExports.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:(Ue==null?void 0:Ue.email)||"-"})]})]})]}):jsxRuntimeExports.jsx("div",{className:"space-y-3",children:wt?.map((O,me)=>jsxRuntimeExports.jsx("div",{className:"rounded-md border p-3 bg-slate-50 dark:bg-gray-700",children:(()=>{var Ve,Oe;const pe=collectDiffPaths(O==null?void 0:O.from,O==null?void 0:O.to),ee=pe.length>0,xe=getValueType(O==null?void 0:O.from),Fe=getValueType(O==null?void 0:O.to);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-2 mb-2",children:[jsxRuntimeExports.jsxs("div",{className:"text-xs font-medium text-gray-700 dark:text-gray-300",children:[s("auditLogShared.modal.field"),":"," ",(O==null?void 0:O.field)||"-"]}),jsxRuntimeExports.jsx(Badge,{variant:"outline",className:ee?"text-amber-700 dark:text-amber-300 border-amber-300 dark:border-amber-600 bg-amber-50 dark:bg-amber-900/30":"text-primary-700 dark:text-primary-300 border-primary-300 dark:border-primary-600 bg-primary-50 dark:bg-primary-900/30",children:s(ee?"auditLogShared.modal.changed":"auditLogShared.modal.noEffectiveChange")})]}),jsxRuntimeExports.jsx("div",{className:"text-[11px] text-gray-500 dark:text-gray-400 mb-2",children:`Type: ${xe} -> ${Fe}`}),ee?jsxRuntimeExports.jsxs("div",{className:"mb-3 rounded border bg-white dark:bg-gray-700 p-2",children:[jsxRuntimeExports.jsx("div",{className:"text-[11px] uppercase tracking-wide text-gray-500 dark:text-gray-400 mb-1",children:s("auditLogShared.modal.changedPaths")}),jsxRuntimeExports.jsxs("div",{className:"text-xs text-gray-700 dark:text-gray-200 break-all",children:[pe.slice(0,8).join(", "),pe.length>8?` ... (+${pe.length-8} more)`:""]})]}):jsxRuntimeExports.jsx("div",{className:"mb-3 rounded border bg-primary-50 dark:bg-primary-900/30 p-2 text-xs text-primary-800 dark:text-primary-300",children:s("auditLogShared.modal.noDifference")}),(O==null?void 0:O.field)==="userInfo"?jsxRuntimeExports.jsx("div",{className:"rounded-md border bg-white dark:bg-gray-800 p-3 space-y-4",children:(()=>{const je=buildUserSummary((O==null?void 0:O.to)||(O==null?void 0:O.from)||{});return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs("section",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[jsxRuntimeExports.jsxs("article",{className:"rounded border p-3 bg-slate-50 dark:bg-gray-700",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.name")}),jsxRuntimeExports.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:je.name})]}),jsxRuntimeExports.jsxs("article",{className:"rounded border p-3 bg-slate-50 dark:bg-gray-700",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.email")}),jsxRuntimeExports.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:je.email})]}),jsxRuntimeExports.jsxs("article",{className:"rounded border p-3 bg-slate-50 dark:bg-gray-700",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.phone")}),jsxRuntimeExports.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:je.phone})]}),jsxRuntimeExports.jsxs("article",{className:"rounded border p-3 bg-slate-50 dark:bg-gray-700",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.status")}),jsxRuntimeExports.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:je.status||"-"})]}),jsxRuntimeExports.jsxs("article",{className:"rounded border p-3 bg-slate-50 dark:bg-gray-700",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.userType")}),jsxRuntimeExports.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:je.userType||"-"})]}),jsxRuntimeExports.jsxs("article",{className:"rounded border p-3 bg-slate-50 dark:bg-gray-700",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.registration")}),jsxRuntimeExports.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:je.registrationComplete?s("auditLogShared.modal.user.complete"):s("auditLogShared.modal.user.incomplete")})]})]}),jsxRuntimeExports.jsxs("section",{children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400 mb-2",children:s("auditLogShared.modal.user.roles")}),jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-2",children:je.roles.length>0?je.roles?.map(Be=>jsxRuntimeExports.jsx(Badge,{variant:"outline",className:"dark:border-gray-600 dark:text-gray-300",children:Be},Be)):jsxRuntimeExports.jsx("span",{className:"text-sm text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.noRoles")})})]}),jsxRuntimeExports.jsxs("section",{className:"space-y-3",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.employeeInfo")}),je.employeeInfo.length>0?je.employeeInfo?.map((Be,at)=>jsxRuntimeExports.jsxs("article",{className:"rounded border p-3 bg-slate-50 dark:bg-gray-700",children:[jsxRuntimeExports.jsx("p",{className:"text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2",children:Be.unit}),jsxRuntimeExports.jsx("div",{className:"space-y-2",children:Be.positions?.map((V,_e)=>jsxRuntimeExports.jsxs("div",{className:"rounded border bg-white dark:bg-gray-600 p-3",children:[jsxRuntimeExports.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:V.name}),jsxRuntimeExports.jsxs("p",{className:"text-xs text-gray-500 dark:text-gray-400 mb-2",children:[s("auditLogShared.modal.user.rank"),": ",V.rank]}),jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-2",children:V.permissions.length>0?V.permissions?.map(Pt=>jsxRuntimeExports.jsx(Badge,{variant:"secondary",className:"dark:bg-gray-600 dark:text-gray-200",children:Pt},Pt)):jsxRuntimeExports.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.noPermissions")})})]},`pos-${at}-${_e}`))})]},`emp-${at}`)):jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.user.noEmployeeDetails")})]})]})})()}):(O==null?void 0:O.field)==="fileInfo"?jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[jsxRuntimeExports.jsxs("article",{className:"rounded border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.previousFile")}),jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1",children:((Ve=O==null?void 0:O.from)==null?void 0:Ve.fileName)||s("common.None")})]}),jsxRuntimeExports.jsxs("article",{className:"rounded border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.currentFile")}),jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1",children:((Oe=O==null?void 0:O.to)==null?void 0:Oe.fileName)||s("common.None")})]})]}):jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[jsxRuntimeExports.jsxs("article",{className:"rounded border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.from")}),jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1",children:summarizeValue(O==null?void 0:O.from)})]}),jsxRuntimeExports.jsxs("article",{className:"rounded border bg-white dark:bg-gray-800 p-3",children:[jsxRuntimeExports.jsx("h4",{className:"text-xs text-gray-500 dark:text-gray-400",children:s("auditLogShared.modal.to")}),jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1",children:summarizeValue(O==null?void 0:O.to)})]})]})]})})()},`${(O==null?void 0:O.field)||"field"}-${me}`))})]})]})]})})]})})}function SmartOfficeAuditPage(){const{t:r}=useTranslation();return jsxRuntimeExports.jsx(AuditLogPageShared,{moduleKey:"record",title:r("auditLogShared.page.smartOfficeTitle"),subtitle:r("auditLogShared.page.smartOfficeSubtitle"),limit:10})}export{SmartOfficeAuditPage as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/StatusCell-D7zi31G6.js b/apps/edr-freight-web/backoffice/public/_um/assets/StatusCell-D7zi31G6.js
new file mode 100644
index 000000000..8e0ef162b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/StatusCell-D7zi31G6.js
@@ -0,0 +1 @@
+import{l as m,w as u,m as V,u as X,k as Z,o as g,t as h,j as e,B as f,az as _,r as n,aJ as ee,aK as se,b7 as te,aL as re,aM as ae,aN as ne}from"./index-Db-xuq0b.js";import{u as ie}from"./useOrganizationAdmins-Bl-gbkwr.js";import{t as v}from"./use-toast-CdbbItn1.js";import{A as oe,h as ce,a as le,b as de,c as me,d as ue,e as ge,f as he,g as xe}from"./alert-dialog-B5Y0wlSz.js";import{u as pe}from"./useUnit-C4s9nepK.js";import{P as ye}from"./phone-Ce15UUGI.js";import{C as ve}from"./chevron-left-DCpEaNzo.js";import{E as fe}from"./eye-Bhud4znU.js";const Ue=async r=>m.post("/user-roles/assign-unit-admin-role",r,{headers:u()}),je=async r=>m.post("/user-roles/remove-unit-admin-role",r,{headers:u()}),Ne=async r=>m.post("/user-roles/assign-firsts-for-second",r,{headers:u()}),be=async r=>m.post("/user-roles/assign-seconds-for-first",r,{headers:u()}),Se=async r=>m.delete(`/user-roles/${r}`,{headers:u()}),Ae=async r=>m.post("/user-roles/remove-firsts-for-second",r,{headers:u()}),ke=async r=>m.post("/user-roles/remove-seconds-for-first",r,{headers:u()}),Fe=()=>{const r=V(),{t:a}=X(),{handleError:i}=Z(a),{mutateAsync:x,isPending:k}=g({mutationFn:t=>je(t),onSuccess:()=>{h.success("Unit admin role removed successfully"),r.invalidateQueries({queryKey:["organizationAdmins"]})},onError:t=>{i(t)}}),{mutate:F,isPending:p}=g({mutationFn:t=>Ne(t),onSuccess:()=>{h.success("Firsts assigned successfully")},onError:t=>{i(t)}}),{mutate:j,isPending:w}=g({mutationFn:t=>be(t),onSuccess:()=>{h.success("Seconds assigned successfully")},onError:t=>{i(t)}}),{mutate:R,isPending:N}=g({mutationFn:t=>Ae(t),onSuccess:()=>{h.success("Firsts removed successfully")},onError:t=>{i(t)}}),{mutate:b,isPending:S}=g({mutationFn:t=>ke(t),onSuccess:()=>{h.success("Seconds removed successfully")},onError:t=>{i(t)}}),{mutate:C,isPending:A}=g({mutationFn:t=>Se(t),onSuccess:()=>{h.success("Role deleted successfully")},onError:t=>{i(t)}});return{removeAdminRole:x,assignFirsts:F,assignSeconds:j,removeFirsts:R,removeSeconds:b,deleteRole:C,isRemoving:k,isAssigningFirsts:p,isAssigningSeconds:w,isRemovingFirsts:N,isRemovingSeconds:S,isDeleting:A}},we=({onConfirm:r,loading:a})=>e.jsxs(oe,{children:[e.jsx(ce,{asChild:!0,children:e.jsx(f,{variant:"destructive",size:"sm",disabled:a,children:"Remove"})}),e.jsxs(le,{children:[e.jsxs(de,{children:[e.jsx(me,{children:"Remove this admin?"}),e.jsx(ue,{children:"This action cannot be undone. This will permanently remove the admin from your organization."})]}),e.jsxs(ge,{children:[e.jsx(he,{disabled:a,children:"Cancel"}),e.jsx(xe,{onClick:r,disabled:a,className:"bg-red-600 hover:bg-red-700",children:a?"Removing...":"Yes, remove"})]})]})]}),Re=({organizationId:r})=>{var L,U,H;const{resendInvitation:a,getAllAdminById:i}=ie(),{removeAdminRole:x}=Fe(),k=_(),{getList:F}=pe(),{data:p}=F(r??"",{take:300,skip:0}),[j,w]=n.useState([]),[R,N]=n.useState(!0),[b,S]=n.useState(!0),[C,A]=n.useState(null),[t,T]=n.useState(null),[I,D]=n.useState(10),[c,P]=n.useState(0),[y,O]=n.useState(0),o=10,E=n.useRef(!1),z=(H=(U=(L=p==null?void 0:p.data)==null?void 0:L.items)==null?void 0:U[0])==null?void 0:H.id;n.useEffect(()=>{z&&r&&(async()=>{var l,M;try{N(!0);const d=await i(r||"",{take:I,skip:c});w(((l=d==null?void 0:d.data)==null?void 0:l.items)||[]),!E.current&&((M=d==null?void 0:d.data)!=null&&M.count)&&(O(d.data.count),E.current=!0)}catch{v({title:"Error",description:"Failed to fetch admins.",variant:"destructive"})}finally{N(!1)}})()},[I,c,z,r]);const $=()=>{const s=c+o;s<y&&(P(s),D(l=>l+o))},B=()=>{if(c>0){const s=Math.max(0,c-o);P(s),D(l=>Math.max(o,l-o))}},q=Math.floor(c/o)+1,K=Math.ceil(y/o),Q=c+o<y,W=c>0,J=()=>{D(10),P(0),E.current=!1},Y=async s=>{try{A(s),await x({unitId:z,userId:s}),J(),v({title:"Admin removed successfully.",variant:"success",style:{padding:"8px 16px",minHeight:"36px",color:"var(--primary-800)",backgroundColor:"var(--primary-100)",fontWeight:"600",fontSize:"14px"}})}catch{v({title:"Error",description:"Failed to remove admin.",variant:"destructive"})}finally{A(null)}},G=async s=>{try{S(!0),T(s.email||null),await a({email:s.email||"",phoneNumber:s.phoneNumber||""}),v({title:"Success",description:"Invitation sent successfully.",variant:"success",style:{padding:"8px 16px",minHeight:"36px",color:"var(--primary-800)",backgroundColor:"var(--primary-100)",fontWeight:"600",fontSize:"14px"}})}catch{v({title:"Error",description:"Failed to resend invitation.",variant:"destructive"})}finally{S(!1),T(null)}};return R?e.jsx("p",{className:"text-sm text-muted-foreground",children:"Loading admins..."}):j.length===0?e.jsx("p",{className:"text-sm text-muted-foreground",children:"No admins assigned."}):e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"space-y-3",children:j?.map(s=>e.jsxs("div",{className:"rounded-xl p-4 bg-white dark:bg-gray-800 shadow flex justify-between items-center border border-gray-200 dark:border-gray-700 transition hover:bg-primary-50 dark:hover:bg-primary-900/20",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-gray-100",children:k(s==null?void 0:s.name)||"Unnamed"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-300",children:s==null?void 0:s.email}),e.jsxs("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:["Username: ",s==null?void 0:s.username]}),e.jsxs("div",{className:"flex items-center gap-1 text-sm text-gray-900 dark:text-gray-100",children:[e.jsx(ye,{className:"w-4 h-4 text-gray-500 dark:text-gray-400"}),e.jsx("span",{children:(s==null?void 0:s.phoneNumber)||"No phone number"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[!s.hasSetPassword&&e.jsx(f,{className:"bg-white dark:bg-gray-900 text-primary-600 dark:text-primary-400 border border-primary-600 dark:border-primary-500 hover:bg-primary-600 dark:hover:bg-primary-700 hover:text-white",onClick:()=>G(s),disabled:b&&t===s.email,children:b&&t===s.email?"Sending...":"Resend"}),e.jsx(we,{onConfirm:()=>Y(s.id),loading:C===s.id})]})]},s.id))}),y>o&&e.jsxs("div",{className:"flex items-center justify-between pt-4 border-t border-gray-200 dark:border-gray-700",children:[e.jsxs(f,{variant:"outline",size:"sm",onClick:B,disabled:!W,className:"flex items-center gap-2",children:[e.jsx(ve,{className:"w-4 h-4"}),"Previous"]}),e.jsxs("span",{className:"text-sm text-gray-600 dark:text-gray-300",children:["Page ",q," of ",K," (",y," total)"]}),e.jsxs(f,{variant:"outline",size:"sm",onClick:$,disabled:!Q,className:"flex items-center gap-2",children:["Next",e.jsx(ee,{className:"w-4 h-4"})]})]})]})},He=({id:r,adminsCount:a})=>{const[i,x]=n.useState(!1);return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"font-medium",children:a>0?`${a} Admin${a!==1?"s":""}`:"No Admin"}),a>0&&e.jsxs(se,{open:i,onOpenChange:x,children:[e.jsx(te,{asChild:!0,children:e.jsx(f,{variant:"ghost",className:"p-1 h-auto w-auto",children:e.jsx(fe,{className:"h-4 w-4 text-gray-500 dark:text-gray-400 hover:text-primary"})})}),e.jsxs(re,{className:"max-w-md max-h-[80vh] overflow-y-auto",children:[e.jsx(ae,{children:e.jsx(ne,{children:"Assigned Admins"})}),e.jsx("div",{className:"max-h-[60vh] overflow-y-auto pr-2",children:e.jsx(Re,{organizationId:r})})]})]})]})};export{He as S,Ue as a};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/SuperAdminArchiveUsersPage-DOLQicng.js b/apps/edr-freight-web/backoffice/public/_um/assets/SuperAdminArchiveUsersPage-DOLQicng.js
new file mode 100644
index 000000000..54de44142
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/SuperAdminArchiveUsersPage-DOLQicng.js
@@ -0,0 +1 @@
+import{r as n,az as g,u as y,n as v,j as i}from"./index-Db-xuq0b.js";import{A as j}from"./AdvancedTable-CC9ioMU-.js";import{C as A,a as C,b,d as N}from"./card-BBWyxDss.js";import{u as S,A as U}from"./ArchivedUserColumnDefn-DQXeUrrA.js";import{f as I}from"./organizationService-DPKKJMFw.js";import{S as z}from"./FormFields-BA7SVWfi.js";import"./table-D3n3VABd.js";import"./select-BoQxM42A.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./badge-D7JvaQeJ.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./organizationsService-BEVk8qa1.js";import"./alert-dialog-B5Y0wlSz.js";import"./useEmployeePostions-CMraotEg.js";import"./employeePositionsService-CkHoE9xG.js";import"./ellipsis-vertical-Cs1B3vez.js";import"./square-pen-B91TPB19.js";import"./user-plus-CBq7Z0dQ.js";import"./form-BeLK5rTt.js";import"./index.esm-BG4gweZJ.js";import"./label-CsFy6wpo.js";import"./multi-select-C9K8HXhI.js";import"./single-select-D9ZG1edj.js";const ne=()=>{const[o,c]=n.useState(0),p=g(),{t:m}=y(),{data:t,isLoading:u,error:E}=v({queryKey:["organizations"],queryFn:I,staleTime:300*1e3}),[s,d]=n.useState(null),f=e=>{d(e)},h=n.useMemo(()=>(t==null?void 0:t.items?.map(e=>({id:e.id,name:e.name,hierarchyType:"organization",value:e.units.length===1?e.units[0].id:"",children:Array.isArray(e.units)&&e.units.length>0?e.units?.map(r=>({id:r.id,name:r.name,hierarchyType:"unit",value:r.id,children:[]})):[]})))||[],[t,p]);n.useEffect(()=>{if(!s&&(t!=null&&t.items)){const e=t.items.flatMap(r=>r.units).find(r=>r.id);e&&d(e.id)}},[t,s]),n.useEffect(()=>{s&&sessionStorage.setItem("selectedArchiveUnitId",s)},[s]),n.useEffect(()=>{const e=sessionStorage.getItem("selectedArchiveUnitId");e&&d(e)},[]);const{data:a,refetch:x}=S(s??""),l=e=>{c(e)};return u?i.jsx("div",{className:"text-gray-900 dark:text-gray-100",children:m("loading")}):i.jsx("div",{className:"p-6 space-y-6",children:i.jsxs(A,{className:"col-span-2 shadow-none border-none bg-transparent px-0",children:[i.jsx(C,{className:"flex flex-row justify-between items-center px-0",children:i.jsx(b,{className:"text-xl font-semibold",children:m("setting.archivedUsers")})}),i.jsx("div",{className:"mb-4",children:i.jsx(z,{label:m("selectUnit"),options:h,value:s,onChange:f,collapsible:!0})}),i.jsx(N,{className:"px-0",children:i.jsx(j,{columns:U,data:(a==null?void 0:a.items)||[],tableName:"Archived Users",toolBarPosition:"right",itemCount:(a==null?void 0:a.count)||0,pageIndex:o,onPageChange:l,nextFunction:()=>l(o+1),prevFunction:()=>l(Math.max(o-1,0)),refresh:x})})]})})};export{ne as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/SuperAdminArchivedPage-BdhC08Eo.js b/apps/edr-freight-web/backoffice/public/_um/assets/SuperAdminArchivedPage-BdhC08Eo.js
new file mode 100644
index 000000000..f6121327b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/SuperAdminArchivedPage-BdhC08Eo.js
@@ -0,0 +1,6 @@
+import{y as O,u as w,az as S,r as c,j as e,B as l,A as I}from"./index-Db-xuq0b.js";import{C as M,a as U,b as T,d as B}from"./card-BBWyxDss.js";import{S as P,a as R,b as F,c as K,d as L}from"./select-BoQxM42A.js";import{A as v}from"./AdvancedTable-CC9ioMU-.js";import{u as E}from"./useOrganizations-DiuNBweX.js";import{c as H,a as V,u as _}from"./useArchived-D2u5xEKl.js";import{A as f}from"./archive-restore-CST5LuiK.js";import"./table-D3n3VABd.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./badge-D7JvaQeJ.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./organizationsService-BEVk8qa1.js";import"./unitService-CmGVtFHQ.js";import"./positionService-JD0NEiGK.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const q=[["path",{d:"M10 18v-7",key:"wt116b"}],["path",{d:"M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z",key:"1m329m"}],["path",{d:"M14 18v-7",key:"vav6t3"}],["path",{d:"M18 18v-7",key:"aexdmj"}],["path",{d:"M3 22h18",key:"8prr45"}],["path",{d:"M6 18v-7",key:"1ivflk"}]],G=O("landmark",q),ge=()=>{const{t:a}=w(),m=S(),[t,g]=c.useState("organizations"),{organizationsResponse:d}=E("Org",{take:300,skip:0}),o=(d==null?void 0:d.items)??[],[h,p]=c.useState("");!h&&o.length>0&&p(o[0].id);const{data:s,refetch:j}=H(),{data:n,refetch:z}=V(t==="units"&&h||void 0),u=c.useMemo(()=>(s==null?void 0:s.items)??s??[],[s]),x=c.useMemo(()=>(n==null?void 0:n.items)??n??[],[n]),{restoreUnit:y,isRestoringUnit:k,restoreOrganization:N,isRestoringOrganization:A}=_(),b=[{id:"name",header:a("organization.name","Name"),cell:({row:i})=>{var r;return m((r=i.original)==null?void 0:r.name)||"—"}},{id:"key",header:a("organization.key","Key"),accessorKey:"key"},{id:"actions",header:a("userIncomingretun.Actions","Actions"),cell:({row:i})=>e.jsxs(l,{size:"sm",variant:"outline",disabled:A,onClick:()=>N(i.original.id),className:"flex items-center gap-2 text-primary-700 hover:bg-primary-50",children:[e.jsx(f,{className:"h-4 w-4"}),a("archive.restore","Restore")]})}],C=[{id:"name",header:a("organization.name","Name"),cell:({row:i})=>{var r;return m((r=i.original)==null?void 0:r.name)||"—"}},{id:"key",header:a("organization.key","Key"),accessorKey:"key"},{id:"actions",header:a("userIncomingretun.Actions","Actions"),cell:({row:i})=>e.jsxs(l,{size:"sm",variant:"outline",disabled:k,onClick:()=>y(i.original.id),className:"flex items-center gap-2 text-primary-700 hover:bg-primary-50",children:[e.jsx(f,{className:"h-4 w-4"}),a("archive.restore","Restore")]})}];return e.jsx("div",{className:"p-6 space-y-6",children:e.jsxs(M,{className:"shadow-none border-none bg-transparent px-0",children:[e.jsx(U,{className:"flex flex-row justify-between items-center px-0",children:e.jsx(T,{className:"text-xl font-semibold",children:a("archive.archivedItems","Archived Items")})}),e.jsxs("div",{className:"flex gap-2 mb-4",children:[e.jsxs(l,{variant:t==="organizations"?"default":"outline",onClick:()=>g("organizations"),className:"flex items-center gap-2",children:[e.jsx(G,{className:"h-4 w-4"}),a("archive.archivedOrganizations","Archived Organizations")]}),e.jsxs(l,{variant:t==="units"?"default":"outline",onClick:()=>g("units"),className:"flex items-center gap-2",children:[e.jsx(I,{className:"h-4 w-4"}),a("archive.archivedUnits","Archived Units")]})]}),t==="units"&&o.length>0&&e.jsxs("div",{className:"mb-4 w-full sm:w-1/2",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-200",children:a("organization.selectOrganization","Select Organization")}),e.jsxs(P,{value:h,onValueChange:i=>p(i),children:[e.jsx(R,{className:"mt-1 block w-full",children:e.jsx(F,{placeholder:a("organization.selectOrganization")})}),e.jsx(K,{children:o?.map(i=>e.jsx(L,{value:i.id,children:m(i.name)},i.id))})]})]}),e.jsx(B,{className:"px-0",children:t==="organizations"?e.jsx(v,{columns:b,data:u,tableName:"ArchivedOrganizations",toolBarPosition:"right",itemCount:u.length,pageIndex:0,onPageChange:()=>{},nextFunction:()=>{},prevFunction:()=>{},refresh:j}):e.jsx(v,{columns:C,data:x,tableName:"ArchivedUnits",toolBarPosition:"right",itemCount:x.length,pageIndex:0,onPageChange:()=>{},nextFunction:()=>{},prevFunction:()=>{},refresh:z})})]})})};export{ge as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/Switch-DSHMk-sj.js b/apps/edr-freight-web/backoffice/public/_um/assets/Switch-DSHMk-sj.js
new file mode 100644
index 000000000..f93aadf0c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/Switch-DSHMk-sj.js
@@ -0,0 +1 @@
+import{r as R,K as L,N as T,j as s,ae as W,V as X,au as Z,a8 as ee,Q as N,W as te,aa as se,_ as h,Y as ae}from"./index-Db-xuq0b.js";import{I as oe,a as ce,b as re}from"./InputsGroupFieldset-COkNgcEo.js";import{u as A}from"./use-uncontrolled-C3HRHW6t.js";const B=R.createContext(null),le=B.Provider,ne=()=>R.useContext(B),ie={},x=L((l,o)=>{const{value:t,defaultValue:e,onChange:b,size:d,wrapperProps:u,children:p,readOnly:f,...y}=T("SwitchGroup",ie,l),[c,m]=A({value:t,defaultValue:e,finalValue:[],onChange:b}),w=v=>{const n=v.currentTarget.value;!f&&m(c.includes(n)?c.filter(C=>C!==n):[...c,n])};return s.jsx(le,{value:{value:c,onChange:w,size:d},children:s.jsx(W.Wrapper,{size:d,ref:o,...u,...y,labelElement:"div",__staticSelector:"SwitchGroup",children:s.jsx(oe,{role:"group",children:p})})})});x.classes=W.Wrapper.classes;x.displayName="@mantine/core/SwitchGroup";var F={root:"m_5f93f3bb",input:"m_926b4011",track:"m_9307d992",thumb:"m_93039a1d",trackLabel:"m_8277e082"};const he={labelPosition:"right"},de=te((l,{radius:o,color:t,size:e})=>({root:{"--switch-radius":o===void 0?void 0:ae(o),"--switch-height":h(e,"switch-height"),"--switch-width":h(e,"switch-width"),"--switch-thumb-size":h(e,"switch-thumb-size"),"--switch-label-font-size":h(e,"switch-label-font-size"),"--switch-track-label-padding":h(e,"switch-track-label-padding"),"--switch-color":t?se(t,l):void 0}})),_=L((l,o)=>{const t=T("Switch",he,l),{classNames:e,className:b,style:d,styles:u,unstyled:p,vars:f,color:y,label:c,offLabel:m,onLabel:w,id:v,size:n,radius:C,wrapperProps:K,thumbIcon:O,checked:g,defaultChecked:Q,onChange:S,labelPosition:P,description:U,error:j,disabled:G,variant:Y,rootRef:$,mod:q,...D}=t,a=ne(),H=n||(a==null?void 0:a.size),i=X({name:"Switch",props:t,classes:F,className:b,style:d,classNames:e,styles:u,unstyled:p,vars:f,varsResolver:de}),{styleProps:J,rest:I}=Z(D),V=ee(v),r=a?{checked:a.value.includes(I.value),onChange:a.onChange}:{},[z,M]=A({value:r.checked??g,defaultValue:Q,finalValue:!1});return s.jsxs(ce,{...i("root"),__staticSelector:"Switch",__stylesApiProps:t,id:V,size:H,labelPosition:P,label:c,description:U,error:j,disabled:G,bodyElement:"label",labelElement:"span",classNames:e,styles:u,unstyled:p,"data-checked":r.checked||g||void 0,variant:Y,ref:$,mod:q,...J,...K,children:[s.jsx("input",{...I,disabled:G,checked:z,"data-checked":r.checked||g||void 0,onChange:k=>{var E;a?(E=r.onChange)==null||E.call(r,k):S==null||S(k),M(k.currentTarget.checked)},id:V,ref:o,type:"checkbox",role:"switch",...i("input")}),s.jsxs(N,{"aria-hidden":"true",component:"span",mod:{error:j,"label-position":P,"without-labels":!w&&!m},...i("track"),children:[s.jsx(N,{component:"span",mod:"reduce-motion",...i("thumb"),children:O}),s.jsx("span",{...i("trackLabel"),children:z?w:m})]})]})});_.classes={...F,...re};_.displayName="@mantine/core/Switch";_.Group=x;export{_ as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/UploadedDocumentViewPage-lpdNqwqn.js b/apps/edr-freight-web/backoffice/public/_um/assets/UploadedDocumentViewPage-lpdNqwqn.js
new file mode 100644
index 000000000..7540bd641
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/UploadedDocumentViewPage-lpdNqwqn.js
@@ -0,0 +1 @@
+import{l as U,w as B,r as y,u as I,j as e,aK as z,b7 as $,B as x,aL as O,aM as V,aN as H,ba as K,t as w,az as Q,n as T,F as G,U as _,bF as J,bG as W,bH as X,bI as Y,bj as Z}from"./index-Db-xuq0b.js";import{u as ee}from"./useQueries-XKsSk0XW.js";import{a as ae}from"./organizationsService-BEVk8qa1.js";import{g as se}from"./userService-BHeFzZdn.js";import{C as te,a as re,b as ie,d as ne}from"./card-BBWyxDss.js";import{S as le}from"./scroll-area-zSBvHuIO.js";import{S as c}from"./skeleton-CIiqp2Y5.js";import{A as q,a as E}from"./alert-8Xu28MAD.js";import{S as oe,a as ce,b as de,c as me,d as u}from"./select-BoQxM42A.js";import{T as ue}from"./textarea-BNzPMo41.js";import{a as xe}from"./useOrganizationReport-D3QtWTPL.js";import{R as ge}from"./refresh-cw-JB7N413f.js";import{B as he}from"./building-B2uZxFCD.js";import{M as pe}from"./mail-bwr0seHR.js";import{P as je}from"./phone-Ce15UUGI.js";import"./Skeleton-BJECajc_.js";const be=async n=>U.get(`/user-documents/list-with-presigned/${n}`,{headers:B()}),ye=({documentId:n,onActionSubmit:g})=>{const[a,h]=y.useState(!1),[p,f]=y.useState("approved"),[j,l]=y.useState(""),{t}=I(),v=()=>{g(n,p,j);const r=b=>{switch(b){case"approved":return t("actionModal.actions.approve");case"adjusted":return t("actionModal.actions.adjustment");case"rejected":return t("actionModal.actions.reject");case"pending":return t("actionModal.actions.pending");case"submitted":return t("actionModal.actions.submitted");default:return b}};w.success(t("actionModal.toast.success",{status:r(p)})),h(!1),l("")};return e.jsxs(z,{open:a,onOpenChange:h,children:[e.jsx($,{asChild:!0,children:e.jsx(x,{size:"sm",variant:"outline",children:t("actionModal.trigger")})}),e.jsxs(O,{className:"sm:max-w-md",children:[e.jsx(V,{children:e.jsx(H,{children:t("actionModal.title")})}),e.jsxs("div",{className:"space-y-4 mt-2",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:t("actionModal.labels.selectAction")}),e.jsxs(oe,{value:p,onValueChange:r=>f(r),children:[e.jsx(ce,{className:"w-full",children:e.jsx(de,{placeholder:t("actionModal.actions.selectPlaceholder")})}),e.jsxs(me,{children:[e.jsx(u,{value:"approved",children:t("actionModal.actions.approve")}),e.jsx(u,{value:"adjusted",children:t("actionModal.actions.adjustment")}),e.jsx(u,{value:"rejected",children:t("actionModal.actions.reject")}),e.jsx(u,{value:"pending",children:t("actionModal.actions.pending")}),e.jsx(u,{value:"submitted",children:t("actionModal.actions.submitted")})]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:t("actionModal.labels.remark")}),e.jsx(ue,{value:j,onChange:r=>l(r.target.value),placeholder:t("actionModal.labels.remarkPlaceholder"),className:"w-full"})]})]}),e.jsxs(K,{className:"mt-4 flex justify-end gap-2",children:[e.jsx(x,{variant:"outline",onClick:()=>h(!1),children:t("actionModal.buttons.cancel")}),e.jsx(x,{onClick:v,children:t("actionModal.buttons.submit")})]})]})]})},fe=({userId:n})=>{const g=Q(),{t:a}=I(),[h,p]=y.useState("APPROVED"),f=(s,i=25)=>{if(s.length<=i)return s;const[o,m]=s.split("@");return o.length>i-10?`${o.substring(0,i-10)}...@${m}`:s},{mutate:j}=xe(),{data:l,isLoading:t,isError:v}=T({queryKey:["user-info",n],queryFn:async()=>(await se(n)).data}),{data:r,isLoading:b,isError:R,refetch:A,isRefetching:k}=T({queryKey:["external-letters",n],queryFn:async()=>{const s=await be(n);return{items:s.data.items,counts:s.data.counts}}}),N=ee({queries:(r==null?void 0:r.items?.map(s=>({queryKey:["document-requirements",s.documentId],queryFn:async()=>(await ae(s.documentId)).data,enabled:!!r&&r.items.length>0})))??[]}),P=async(s,i,o)=>{try{await j({id:s,data:{status:i,remark:o}}),w.success(a("viewDocument.actions.success",{action:i}))}catch(m){w.error(a("viewDocument.actions.error",{error:m.message||a("viewDocument.loading.failedToLoad")}))}};return e.jsxs(te,{className:"w-full max-w-4xl mx-auto mt-8 shadow-lg border-gray-200 dark:border-gray-700",children:[e.jsx(re,{className:"border-b border-gray-200 dark:border-gray-700",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs(ie,{className:"text-2xl font-bold flex items-center gap-2",children:[e.jsx(G,{className:"w-6 h-6 text-primary-600"}),a("viewDocument.title")]}),e.jsxs(x,{onClick:()=>A(),variant:"default",className:"bg-primary-600 hover:bg-primary-700 text-white",disabled:k,children:[e.jsx(ge,{className:`mr-2 h-4 w-4 ${k?"animate-spin":""}`}),a("viewDocument.refreshButton")]})]})}),e.jsxs(ne,{className:"p-6",children:[t?e.jsxs("div",{className:"mb-6 space-y-4",children:[e.jsx(c,{className:"h-6 w-48"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsx(c,{className:"h-16 w-full rounded-lg"}),e.jsx(c,{className:"h-16 w-full rounded-lg"}),e.jsx(c,{className:"h-16 w-full rounded-lg"})]})]}):v?e.jsx(q,{variant:"destructive",className:"mb-6",children:e.jsx(E,{children:a("viewDocument.failedToLoadUserInfo")})}):l?e.jsxs("div",{className:"mb-6 p-4 bg-gray-50 dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-gray-700",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4 flex items-center gap-2",children:[e.jsx(_,{className:"w-5 h-5 text-primary-600"}),a("viewDocument.userInformation")]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"flex items-center gap-3 p-3 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",children:[e.jsx(he,{className:"w-5 h-5 text-blue-600"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:a("viewDocument.organizationName")}),e.jsx("p",{className:"text-base font-semibold text-gray-900 dark:text-gray-100 truncate",children:g(l.name)})]})]}),e.jsxs("div",{className:"flex items-center gap-3 p-3 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",children:[e.jsx(pe,{className:"w-5 h-5 text-primary-600"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:a("viewDocument.email")}),e.jsx(J,{children:e.jsxs(W,{children:[e.jsx(X,{asChild:!0,children:e.jsx("p",{className:"text-base font-semibold text-gray-900 dark:text-gray-100 truncate cursor-help",children:f(l.email)})}),e.jsx(Y,{children:e.jsx("p",{className:"max-w-xs break-all",children:l.email})})]})})]})]}),e.jsxs("div",{className:"flex items-center gap-3 p-3 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",children:[e.jsx(je,{className:"w-5 h-5 text-purple-600"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:a("viewDocument.phoneNumber")}),e.jsx("p",{className:"text-base font-semibold text-gray-900 dark:text-gray-100 truncate",children:l.phoneNumber})]})]})]})]}):null,b?e.jsx("div",{className:"space-y-4",children:[...Array(3)]?.map((s,i)=>e.jsx(c,{className:"h-24 w-full rounded-lg"},i))}):R?e.jsx(q,{variant:"destructive",children:e.jsx(E,{children:a("viewDocument.loading.failedToLoad")})}):e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"mb-6 text-lg font-medium text-gray-700 dark:text-gray-300",children:[a("viewDocument.totalDocuments")," ",e.jsx("span",{className:"font-semibold text-primary-600",children:(r==null?void 0:r.counts)??0})]}),e.jsx(le,{className:"h-[500px] border border-gray-200 dark:border-gray-700 rounded-lg",children:e.jsx("ul",{className:"space-y-4 p-2",children:r==null?void 0:r.items?.map((s,i)=>{var M,S,C;const o=(M=N[i])==null?void 0:M.data,m=(S=N[i])==null?void 0:S.isLoading,F=(C=N[i])==null?void 0:C.isError,D=o?[o]:[],L=d=>{switch(d){case"approved":return a("viewDocument.document.status.approved");case"rejected":return a("viewDocument.document.status.rejected");case"pending":default:return a("viewDocument.document.status.pending")}};return e.jsxs("li",{className:"flex flex-col p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50/50 dark:hover:bg-gray-800/60 transition-colors shadow-sm",children:[e.jsxs("div",{className:"flex justify-between items-center mb-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"font-semibold text-gray-900 dark:text-gray-100",children:s.fileInfo.originalname}),e.jsx("span",{className:`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${s.status==="approved"?"bg-primary-100 text-primary-800":s.status==="rejected"?"bg-red-100 text-red-800":"bg-yellow-100 text-yellow-800"}`,children:L(s.status)})]}),e.jsx(x,{size:"sm",className:"bg-primary-600 hover:bg-primary-700 text-white",asChild:!0,children:e.jsx("a",{href:s.presigned,target:"_blank",rel:"noopener noreferrer",children:a("viewDocument.document.viewDocument")})}),s.status!=="approved"&&e.jsx(ye,{documentId:s.id,onActionSubmit:P})]}),e.jsxs("div",{className:"mt-2 border-t border-gray-200 dark:border-gray-700 pt-3",children:[e.jsx("h4",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:a("viewDocument.document.requirements")}),m?e.jsxs("div",{className:"space-y-2",children:[e.jsx(c,{className:"h-4 w-full"}),e.jsx(c,{className:"h-4 w-3/4"})]}):F?e.jsx("p",{className:"text-sm text-red-500 dark:text-red-400",children:a("viewDocument.loading.failedToLoadRequirements")}):D.length?e.jsx("ul",{className:"space-y-2 text-sm",children:D?.map(d=>e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:`inline-block w-2 h-2 rounded-full mt-1.5 mr-2 ${d.isOptional?"bg-blue-400":"bg-primary-400"}`}),e.jsxs("div",{children:[e.jsx("span",{className:"font-medium text-gray-800 dark:text-gray-200",children:g(d.title)}),e.jsx("span",{className:"text-gray-500 dark:text-gray-400 ml-1",children:d.isOptional?a("viewDocument.document.optional"):a("viewDocument.document.required")})]})]},d.id))}):e.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 italic",children:a("viewDocument.document.noRequirements")})]})]},s.id)})})})]})]})]})},Le=()=>{const{id:n}=Z();return n?e.jsx(fe,{userId:n}):e.jsx("div",{className:"text-gray-900 dark:text-gray-100",children:"Error: Document ID is missing"})};export{Le as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/UserManagementPage-DR2Y3pv2.js b/apps/edr-freight-web/backoffice/public/_um/assets/UserManagementPage-DR2Y3pv2.js
new file mode 100644
index 000000000..cbd8e4383
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/UserManagementPage-DR2Y3pv2.js
@@ -0,0 +1,372 @@
+var Wd=Object.defineProperty;var Kd=(e,n,t)=>n in e?Wd(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var mi=(e,n,t)=>Kd(e,typeof n!="symbol"?n+"":n,t);import{y as ns,C as Js,r as y,D as Yd,E as Ga,G as Qd,R as In,J as ul,K as ye,N as ge,O as An,P as Xd,j as s,Q as G,T as Zd,V as Be,W as Ye,X as At,Y as Vt,Z as kt,_ as Qe,$ as zn,a0 as Et,a1 as ss,a2 as Rs,a3 as xt,a4 as gl,a5 as Jd,a6 as qa,a7 as Wa,a8 as Ns,a9 as Ka,aa as Yt,ab as eu,ac as tu,ad as os,ae as Cs,af as ro,ag as Sn,ah as nu,ai as io,aj as je,ak as _n,al as Mn,am as ml,an as Ya,ao as hi,ap as su,aq as $n,ar as ou,as as hl,at as au,au as ru,av as pi,aw as iu,ax as lu,ay as Ks,az as Bt,v as R,aA as lo,aB as co,B as He,aC as uo,aD as Qa,aE as ut,d as Xa,A as cu,aF as Rt,aG as pl,aH as du,aI as uu,aJ as eo,aK as yt,aL as wt,aM as jt,aN as Ct,I as ze,t as Pe,aO as gu,aP as mu,aQ as hu,aR as Jt,k as pu,m as Tt,u as fl,n as zt,aS as fu,l as Na,w as fi,aT as vl,aU as Za,aV as Ce,aW as vu,aX as Zt,aY as We,aZ as ka,a_ as qe,a$ as xu,b0 as bu,b1 as xl,o as en,b2 as Ue,b3 as yu}from"./index-Db-xuq0b.js";import{u as bl}from"./use-toast-CdbbItn1.js";import{S as cn,a as dn,b as un,c as gn,d as Ot}from"./select-BoQxM42A.js";import{c as wn}from"./utils-BncSPdK1.js";import{E as Ja}from"./ellipsis-CbtaBcvT.js";import{P as Ss}from"./plus-BdjS2Pc-.js";import{T as yl,u as go}from"./useEmployeePostions-CMraotEg.js";import{U as wl}from"./user-plus-CBq7Z0dQ.js";import{P as wu}from"./pencil-BBczLcc3.js";import{B as jl}from"./badge-D7JvaQeJ.js";import{A as Zo,a as Jo,b as mo}from"./avatar-C2-XEZ4v.js";import{u as ju}from"./employeePositionsService-CkHoE9xG.js";import{C as Ft,m as Cu}from"./proxy-i8Py-I0x.js";import{M as Su}from"./mail-bwr0seHR.js";import{R as vi}from"./refresh-cw-JB7N413f.js";import{P as _u}from"./phone-Ce15UUGI.js";import{C as ks}from"./circle-alert-Cd_zeQMw.js";import{E as Mu}from"./ellipsis-vertical-Cs1B3vez.js";import{E as Ru}from"./eye-Bhud4znU.js";import{L as Ge}from"./label-CsFy6wpo.js";import{u as Ln,a as Nu}from"./usePosition-Y8Dhf3qk.js";import{u as er}from"./usePositionTypes-BW1bd5Uk.js";import{S as Mt}from"./search-CM5F2ZRy.js";import{u as ku,e as Du}from"./useEmployees-CygwM5u6.js";import{u as Tu}from"./useOrganizations-DiuNBweX.js";import{u as Vn}from"./useUnit-C4s9nepK.js";import{b as Iu}from"./Utils-BP0IYDrC.js";import{g as Fu}from"./positionService-JD0NEiGK.js";import{A as ho,a as po,b as fo,c as vo,d as xo,e as bo,f as yo}from"./alert-dialog-B5Y0wlSz.js";import{g as Pu}from"./organizationsService-BEVk8qa1.js";import{g as Eu,a as Cl}from"./unitService-CmGVtFHQ.js";import{u as tr}from"./useConfig-B72ZZHmV.js";import{u as Ou}from"./useQueries-XKsSk0XW.js";import{u as mt,w as Au}from"./xlsx-sUI8S2SR.js";import{u as zu}from"./useArchived-D2u5xEKl.js";import{D as $u}from"./download-CX6rsOqt.js";import{C as Lu}from"./chevron-left-DCpEaNzo.js";import{S as Sl}from"./Switch-DSHMk-sj.js";import{R as Vu}from"./Radio-C3SNvFel.js";import{C as Bu,a as _l}from"./Checkbox-IILksgz0.js";import{f as Uu,c as Hu}from"./create-scoped-keydown-handler-O-eo68DQ.js";import{P as Nt,u as Gu}from"./Popover-CzANYrEa.js";import{u as $t}from"./use-uncontrolled-C3HRHW6t.js";import{g as nr}from"./get-auto-contrast-value-Da6zqqWm.js";import{S as qu}from"./Skeleton-BJECajc_.js";import"./InputsGroupFieldset-COkNgcEo.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Wu=[["circle",{cx:"12.1",cy:"12.1",r:"1",key:"18d7e5"}]],xi=ns("dot",Wu);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ku=[["path",{d:"M12 10v6",key:"1bos4e"}],["path",{d:"M9 13h6",key:"1uhe8q"}],["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]],Yu=ns("folder-plus",Ku);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Qu=[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}],["path",{d:"m9.5 10.5 5 5",key:"ra9qjz"}],["path",{d:"m14.5 10.5-5 5",key:"l2rkpq"}]],Ml=ns("folder-x",Qu);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Xu=[["path",{d:"M12 2v20",key:"t6zp3m"}],["path",{d:"m15 19-3 3-3-3",key:"11eu04"}],["path",{d:"m19 9 3 3-3 3",key:"1mg7y2"}],["path",{d:"M2 12h20",key:"9i4pu4"}],["path",{d:"m5 9-3 3 3 3",key:"j64kie"}],["path",{d:"m9 5 3-3 3 3",key:"l8vdw6"}]],Zu=ns("move",Xu);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ju=[["path",{d:"M13 2a9 9 0 0 1 9 9",key:"1itnx2"}],["path",{d:"M13 6a5 5 0 0 1 5 5",key:"11nki7"}],["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]],eg=ns("phone-call",Ju);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const tg=[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"22",x2:"16",y1:"11",y2:"11",key:"1shjgl"}]],ng=ns("user-minus",tg);function bt(e,n){return t=>{e==null||e(t),n==null||n(t)}}function sg(e,n){return e in n?Js(n[e]):Js(e)}function og(e,n){const t=e?.map(o=>({value:o,px:sg(o,n)}));return t.sort((o,a)=>o.px-a.px),t}function Kn(e){return typeof e=="object"&&e!==null?"base"in e?e.base:void 0:e}function ag(e,n,t){var o;return t?Array.from(((o=Uu(t,n))==null?void 0:o.querySelectorAll(e))||[]).findIndex(a=>a===t):null}function rg(){const[e,n]=y.useState(-1);return[e,{setHovered:n,resetHovered:()=>n(-1)}]}function En(e,n,t){return n===void 0&&t===void 0?e:n!==void 0&&t===void 0?Math.max(e,n):Math.min(n===void 0&&t!==void 0?e:Math.max(e,n),t)}function ig({timeout:e=2e3}={}){const[n,t]=y.useState(null),[o,a]=y.useState(!1),[r,i]=y.useState(null),l=u=>{window.clearTimeout(r),i(window.setTimeout(()=>a(!1),e)),a(u)};return{copy:u=>{"clipboard"in navigator?navigator.clipboard.writeText(u).then(()=>l(!0)).catch(g=>t(g)):t(new Error("useClipboard: navigator.clipboard is not supported"))},reset:()=>{a(!1),t(null),window.clearTimeout(r)},error:n,copied:o}}function Rl(e,n,t={leading:!1}){const[o,a]=y.useState(e),r=y.useRef(!1),i=y.useRef(null),l=y.useRef(!1),d=()=>window.clearTimeout(i.current);return y.useEffect(()=>{r.current&&(!l.current&&t.leading?(l.current=!0,a(e)):(d(),i.current=window.setTimeout(()=>{l.current=!1,a(e)},n)))},[e,t.leading,n]),y.useEffect(()=>(r.current=!0,d),[]),[o,d]}function lg(e,n,t="ltr"){const o=y.useRef(null),a=y.useRef(!1),r=y.useRef(!1),i=y.useRef(0),[l,d]=y.useState(!1);return y.useEffect(()=>{a.current=!0},[]),y.useEffect(()=>{const c=o.current,u=({x:w,y:C})=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame(()=>{if(a.current&&c){c.style.userSelect="none";const j=c.getBoundingClientRect();if(j.width&&j.height){const M=En((w-j.left)/j.width,0,1);e({x:t==="ltr"?M:1-M,y:En((C-j.top)/j.height,0,1)})}}})},g=()=>{document.addEventListener("mousemove",v),document.addEventListener("mouseup",p),document.addEventListener("touchmove",b),document.addEventListener("touchend",p)},m=()=>{document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",p),document.removeEventListener("touchmove",b),document.removeEventListener("touchend",p)},h=()=>{!r.current&&a.current&&(r.current=!0,typeof(n==null?void 0:n.onScrubStart)=="function"&&n.onScrubStart(),d(!0),g())},p=()=>{r.current&&a.current&&(r.current=!1,d(!1),m(),setTimeout(()=>{typeof(n==null?void 0:n.onScrubEnd)=="function"&&n.onScrubEnd()},0))},f=w=>{h(),w.preventDefault(),v(w)},v=w=>u({x:w.clientX,y:w.clientY}),x=w=>{w.cancelable&&w.preventDefault(),h(),b(w)},b=w=>{w.cancelable&&w.preventDefault(),u({x:w.changedTouches[0].clientX,y:w.changedTouches[0].clientY})};return c==null||c.addEventListener("mousedown",f),c==null||c.addEventListener("touchstart",x,{passive:!1}),()=>{c&&(c.removeEventListener("mousedown",f),c.removeEventListener("touchstart",x))}},[t,e]),{ref:o,active:l}}function hn(e,n){const t=n-e+1;return Array.from({length:t},(o,a)=>a+e)}const As="dots";function cg({total:e,siblings:n=1,boundaries:t=1,page:o,initialPage:a=1,onChange:r}){const i=Math.max(Math.trunc(e),0),[l,d]=$t({value:o,onChange:r,defaultValue:a,finalValue:a}),c=f=>{f<=0?d(1):f>i?d(i):d(f)},u=()=>c(l+1),g=()=>c(l-1),m=()=>c(1),h=()=>c(i);return{range:y.useMemo(()=>{if(n*2+3+t*2>=i)return hn(1,i);const v=Math.max(l-n,t),x=Math.min(l+n,i-t),b=v>t+2,w=x<i-(t+1);if(!b&&w){const C=n*2+t+2;return[...hn(1,C),As,...hn(i-(t-1),i)]}if(b&&!w){const C=t+1+2*n;return[...hn(1,t),As,...hn(i-C,i)]}return[...hn(1,t),As,...hn(v,x),As,...hn(i-t+1,i)]},[i,n,l]),active:l,setPage:c,next:u,previous:g,first:m,last:h}}function dg(){const[e,n]=y.useState(!1),t=y.useRef(null),o=y.useCallback(()=>n(!0),[]),a=y.useCallback(()=>n(!1),[]);return y.useEffect(()=>{const r=t.current;if(r)return r.addEventListener("mouseenter",o),r.addEventListener("mouseleave",a),()=>{r==null||r.removeEventListener("mouseenter",o),r==null||r.removeEventListener("mouseleave",a)}},[t.current]),{ref:t,hovered:e}}function ug(e){const n=y.useRef(void 0);return y.useEffect(()=>{n.current=e},[e]),n.current}function gg(e,n){return n.length===0?e:n.reduce((t,o)=>Math.abs(o-e)<Math.abs(t-e)?o:t)}function mg(e,n){if(e.startsWith("var("))return`color-mix(in srgb, ${e}, white ${n*100}%)`;const{r:t,g:o,b:a,a:r}=Yd(e),i=l=>Math.round(l+(255-l)*n);return`rgba(${i(t)}, ${i(o)}, ${i(a)}, ${r})`}function hg(e){if(!e||typeof e=="string")return 0;const n=e/36;return Math.round((4+15*n**.25+n/5)*10)}function ea(e){return e!=null&&e.current?e.current.scrollHeight:"auto"}const gs=typeof window<"u"&&window.requestAnimationFrame;function pg({transitionDuration:e,transitionTimingFunction:n="ease",onTransitionEnd:t=()=>{},opened:o}){const a=y.useRef(null),r=0,i={height:0,overflow:"hidden"},[l,d]=y.useState(o?{}:i),c=p=>{ul.flushSync(()=>d(p))},u=p=>{c(f=>({...f,...p}))};function g(p){const f=e||hg(p);return{transition:`height ${f}ms ${n}, opacity ${f}ms ${n}`}}Ga(()=>{typeof gs=="function"&&gs(o?()=>{u({willChange:"height",display:"block",overflow:"hidden"}),gs(()=>{const p=ea(a);u({...g(p),height:p})})}:()=>{const p=ea(a);u({...g(p),willChange:"height",height:p}),gs(()=>u({height:r,overflow:"hidden"}))})},[o]);const m=p=>{if(!(p.target!==a.current||p.propertyName!=="height"))if(o){const f=ea(a);f===l.height?c({}):u({height:f}),t()}else l.height===r&&(c(i),t())};function h({style:p={},refKey:f="ref",...v}={}){const x=v[f],b={"aria-hidden":!o,...v,[f]:Qd(a,x),onTransitionEnd:m,style:{boxSizing:"border-box",...p,...l}};return In.version.startsWith("18")?o||(b.inert=""):b.inert=!o,b}return h}const fg={transitionDuration:200,transitionTimingFunction:"ease",animateOpacity:!0},as=ye((e,n)=>{const{children:t,in:o,transitionDuration:a,transitionTimingFunction:r,style:i,onTransitionEnd:l,animateOpacity:d,...c}=ge("Collapse",fg,e),u=An(),g=Xd(),h=(u.respectReducedMotion?g:!1)?0:a,p=pg({opened:o,transitionDuration:h,transitionTimingFunction:r,onTransitionEnd:l});return h===0?o?s.jsx(G,{...c,children:t}):null:s.jsx(G,{...p({style:{opacity:o||!d?1:0,transition:d?`opacity ${h}ms ${r}`:"none",...Zd(i,u)},ref:n,...c}),children:t})});as.displayName="@mantine/core/Collapse";var rs={root:"m_8d3f4000",icon:"m_8d3afb97",loader:"m_302b9fb1",group:"m_1a0f1b21",groupSection:"m_437b6484"};const bi={orientation:"horizontal"},vg=Ye((e,{borderWidth:n})=>({group:{"--ai-border-width":At(n)}})),sr=ye((e,n)=>{const t=ge("ActionIconGroup",bi,e),{className:o,style:a,classNames:r,styles:i,unstyled:l,orientation:d,vars:c,borderWidth:u,variant:g,mod:m,...h}=ge("ActionIconGroup",bi,e),p=Be({name:"ActionIconGroup",props:t,classes:rs,className:o,style:a,classNames:r,styles:i,unstyled:l,vars:c,varsResolver:vg,rootSelector:"group"});return s.jsx(G,{...p("group"),ref:n,variant:g,mod:[{"data-orientation":d},m],role:"group",...h})});sr.classes=rs;sr.displayName="@mantine/core/ActionIconGroup";const yi={},xg=Ye((e,{radius:n,color:t,gradient:o,variant:a,autoContrast:r,size:i})=>{const l=e.variantColorResolver({color:t||e.primaryColor,theme:e,gradient:o,variant:a||"filled",autoContrast:r});return{groupSection:{"--section-height":Qe(i,"section-height"),"--section-padding-x":Qe(i,"section-padding-x"),"--section-fz":kt(i),"--section-radius":n===void 0?void 0:Vt(n),"--section-bg":t||a?l.background:void 0,"--section-color":l.color,"--section-bd":t||a?l.border:void 0}}}),or=ye((e,n)=>{const t=ge("ActionIconGroupSection",yi,e),{className:o,style:a,classNames:r,styles:i,unstyled:l,vars:d,variant:c,gradient:u,radius:g,autoContrast:m,...h}=ge("ActionIconGroupSection",yi,e),p=Be({name:"ActionIconGroupSection",props:t,classes:rs,className:o,style:a,classNames:r,styles:i,unstyled:l,vars:d,varsResolver:xg,rootSelector:"groupSection"});return s.jsx(G,{...p("groupSection"),ref:n,variant:c,...h})});or.classes=rs;or.displayName="@mantine/core/ActionIconGroupSection";const bg={},yg=Ye((e,{size:n,radius:t,variant:o,gradient:a,color:r,autoContrast:i})=>{const l=e.variantColorResolver({color:r||e.primaryColor,theme:e,gradient:a,variant:o||"filled",autoContrast:i});return{root:{"--ai-size":Qe(n,"ai-size"),"--ai-radius":t===void 0?void 0:Vt(t),"--ai-bg":r||o?l.background:void 0,"--ai-hover":r||o?l.hover:void 0,"--ai-hover-color":r||o?l.hoverColor:void 0,"--ai-color":l.color,"--ai-bd":r||o?l.border:void 0}}}),Ee=zn((e,n)=>{const t=ge("ActionIcon",bg,e),{className:o,unstyled:a,variant:r,classNames:i,styles:l,style:d,loading:c,loaderProps:u,size:g,color:m,radius:h,__staticSelector:p,gradient:f,vars:v,children:x,disabled:b,"data-disabled":w,autoContrast:C,mod:j,...M}=t,k=Be({name:["ActionIcon",p],props:t,className:o,style:d,classes:rs,classNames:i,styles:l,unstyled:a,vars:v,varsResolver:yg});return s.jsxs(Et,{...k("root",{active:!b&&!c&&!w}),...M,unstyled:a,variant:r,size:g,disabled:b||c,ref:n,mod:[{loading:c,disabled:b||w},j],children:[s.jsx(ss,{mounted:!!c,transition:"slide-down",duration:150,children:S=>s.jsx(G,{component:"span",...k("loader",{style:S}),"aria-hidden":!0,children:s.jsx(Rs,{color:"var(--ai-color)",size:"calc(var(--ai-size) * 0.55)",...u})})}),s.jsx(G,{component:"span",mod:{loading:c},...k("icon"),children:x})]})});Ee.classes=rs;Ee.displayName="@mantine/core/ActionIcon";Ee.Group=sr;Ee.GroupSection=or;function wg(e){return y.Children.toArray(e).filter(Boolean)}var Nl={root:"m_4081bf90"};const jg={preventGrowOverflow:!0,gap:"md",align:"center",justify:"flex-start",wrap:"wrap"},Cg=Ye((e,{grow:n,preventGrowOverflow:t,gap:o,align:a,justify:r,wrap:i},{childWidth:l})=>({root:{"--group-child-width":n&&t?l:void 0,"--group-gap":xt(o),"--group-align":a,"--group-justify":r,"--group-wrap":i}})),Fe=ye((e,n)=>{const t=ge("Group",jg,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,children:d,gap:c,align:u,justify:g,wrap:m,grow:h,preventGrowOverflow:p,vars:f,variant:v,__size:x,mod:b,...w}=t,C=wg(d),j=C.length,M=xt(c??"md"),S={childWidth:`calc(${100/j}% - (${M} - ${M} / ${j}))`},T=Be({name:"Group",props:t,stylesCtx:S,className:a,style:r,classes:Nl,classNames:o,styles:i,unstyled:l,vars:f,varsResolver:Cg});return s.jsx(G,{...T("root"),ref:n,variant:v,mod:[{grow:h},b],size:x,...w,children:C})});Fe.classes=Nl;Fe.displayName="@mantine/core/Group";const Sg={gap:{type:"spacing",property:"gap"},rowGap:{type:"spacing",property:"rowGap"},columnGap:{type:"spacing",property:"columnGap"},align:{type:"identity",property:"alignItems"},justify:{type:"identity",property:"justifyContent"},wrap:{type:"identity",property:"flexWrap"},direction:{type:"identity",property:"flexDirection"}};var kl={root:"m_8bffd616"};const _g={},st=zn((e,n)=>{const t=ge("Flex",_g,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,gap:c,rowGap:u,columnGap:g,align:m,justify:h,wrap:p,direction:f,...v}=t,x=Be({name:"Flex",classes:kl,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d}),b=An(),w=gl(),C=Jd({styleProps:{gap:c,rowGap:u,columnGap:g,align:m,justify:h,wrap:p,direction:f},theme:b,data:Sg});return s.jsxs(s.Fragment,{children:[C.hasResponsiveStyles&&s.jsx(qa,{selector:`.${w}`,styles:C.styles,media:C.media}),s.jsx(G,{ref:n,...x("root",{className:w,style:Wa(C.inlineStyles)}),...v})]})});st.classes=kl;st.displayName="@mantine/core/Flex";function Da({style:e,size:n=16,...t}){return s.jsx("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{...e,width:At(n),height:At(n),display:"block"},...t,children:s.jsx("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})}Da.displayName="@mantine/core/AccordionChevron";var Dl={root:"m_66836ed3",wrapper:"m_a5d60502",body:"m_667c2793",title:"m_6a03f287",label:"m_698f4f23",icon:"m_667f2a6a",message:"m_7fa78076",closeButton:"m_87f54839"};const Mg={},Rg=Ye((e,{radius:n,color:t,variant:o,autoContrast:a})=>{const r=e.variantColorResolver({color:t||e.primaryColor,theme:e,variant:o||"light",autoContrast:a});return{root:{"--alert-radius":n===void 0?void 0:Vt(n),"--alert-bg":t||o?r.background:void 0,"--alert-color":r.color,"--alert-bd":t||o?r.border:void 0}}}),wo=ye((e,n)=>{const t=ge("Alert",Mg,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,radius:c,color:u,title:g,children:m,id:h,icon:p,withCloseButton:f,onClose:v,closeButtonLabel:x,variant:b,autoContrast:w,...C}=t,j=Be({name:"Alert",classes:Dl,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Rg}),M=Ns(h),k=g&&`${M}-title`||void 0,S=`${M}-body`;return s.jsx(G,{id:M,...j("root",{variant:b}),variant:b,ref:n,...C,role:"alert","aria-describedby":S,"aria-labelledby":k,children:s.jsxs("div",{...j("wrapper"),children:[p&&s.jsx("div",{...j("icon"),children:p}),s.jsxs("div",{...j("body"),children:[g&&s.jsx("div",{...j("title"),"data-with-close-button":f||void 0,children:s.jsx("span",{id:k,...j("label"),children:g})}),m&&s.jsx("div",{id:S,...j("message"),"data-variant":b,children:m})]}),f&&s.jsx(Ka,{...j("closeButton"),onClick:v,variant:"transparent",size:16,iconSize:16,"aria-label":x,unstyled:l})]})})});wo.classes=Dl;wo.displayName="@mantine/core/Alert";var Tl={root:"m_b6d8b162"};function Ng(e){if(e==="start")return"start";if(e==="end"||e)return"end"}const kg={inherit:!1},Dg=Ye((e,{variant:n,lineClamp:t,gradient:o,size:a,color:r})=>({root:{"--text-fz":kt(a),"--text-lh":tu(a),"--text-gradient":n==="gradient"?eu(o,e):void 0,"--text-line-clamp":typeof t=="number"?t.toString():void 0,"--text-color":r?Yt(r,e):void 0}})),ue=zn((e,n)=>{const t=ge("Text",kg,e),{lineClamp:o,truncate:a,inline:r,inherit:i,gradient:l,span:d,__staticSelector:c,vars:u,className:g,style:m,classNames:h,styles:p,unstyled:f,variant:v,mod:x,size:b,...w}=t,C=Be({name:["Text",c],props:t,classes:Tl,className:g,style:m,classNames:h,styles:p,unstyled:f,vars:u,varsResolver:Dg});return s.jsx(G,{...C("root",{focusable:!0}),ref:n,component:d?"span":"p",variant:v,mod:[{"data-truncate":Ng(a),"data-line-clamp":typeof o=="number","data-inline":r,"data-inherit":i},x],size:b,...w})});ue.classes=Tl;ue.displayName="@mantine/core/Text";function Il(e){return typeof e=="string"?{value:e,label:e}:"value"in e&&!("label"in e)?{value:e.value,label:e.value,disabled:e.disabled}:typeof e=="number"?{value:e.toString(),label:e.toString()}:"group"in e?{group:e.group,items:e.items?.map(n=>Il(n))}:e}function ar(e){return e?e?.map(n=>Il(n)):[]}function jo(e){return e.reduce((n,t)=>"group"in t?{...n,...jo(t.items)}:(n[t.value]=t,n),{})}var St={dropdown:"m_88b62a41",search:"m_985517d8",options:"m_b2821a6e",option:"m_92253aa5",empty:"m_2530cd1d",header:"m_858f94bd",footer:"m_82b967cb",group:"m_254f3e4f",groupLabel:"m_2bb2e9e5",chevron:"m_2943220b",optionsDropdownOption:"m_390b5f4",optionsDropdownCheckIcon:"m_8ee53fc2"};const Tg={error:null},Ig=Ye((e,{size:n,color:t})=>({chevron:{"--combobox-chevron-size":Qe(n,"combobox-chevron-size"),"--combobox-chevron-color":t?Yt(t,e):void 0}})),rr=ye((e,n)=>{const t=ge("ComboboxChevron",Tg,e),{size:o,error:a,style:r,className:i,classNames:l,styles:d,unstyled:c,vars:u,mod:g,...m}=t,h=Be({name:"ComboboxChevron",classes:St,props:t,style:r,className:i,classNames:l,styles:d,unstyled:c,vars:u,varsResolver:Ig,rootSelector:"chevron"});return s.jsx(G,{component:"svg",...m,...h("chevron"),size:o,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",mod:["combobox-chevron",{error:a},g],ref:n,children:s.jsx("path",{d:"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})});rr.classes=St;rr.displayName="@mantine/core/ComboboxChevron";const[Fg,Ut]=os("Combobox component was not found in tree"),Fl=y.forwardRef(({size:e,onMouseDown:n,onClick:t,onClear:o,...a},r)=>s.jsx(Cs.ClearButton,{ref:r,tabIndex:-1,"aria-hidden":!0,...a,onMouseDown:i=>{i.preventDefault(),n==null||n(i)},onClick:i=>{o(),t==null||t(i)}}));Fl.displayName="@mantine/core/ComboboxClearButton";const Pg={},ir=ye((e,n)=>{const{classNames:t,styles:o,className:a,style:r,hidden:i,...l}=ge("ComboboxDropdown",Pg,e),d=Ut();return s.jsx(Nt.Dropdown,{...l,ref:n,role:"presentation","data-hidden":i||void 0,...d.getStyles("dropdown",{className:a,style:r,classNames:t,styles:o})})});ir.classes=St;ir.displayName="@mantine/core/ComboboxDropdown";const Eg={refProp:"ref"},Pl=ye((e,n)=>{const{children:t,refProp:o}=ge("ComboboxDropdownTarget",Eg,e);if(Ut(),!ro(t))throw new Error("Combobox.DropdownTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");return s.jsx(Nt.Target,{ref:n,refProp:o,children:t})});Pl.displayName="@mantine/core/ComboboxDropdownTarget";const Og={},lr=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,...l}=ge("ComboboxEmpty",Og,e),d=Ut();return s.jsx(G,{ref:n,...d.getStyles("empty",{className:o,classNames:t,styles:r,style:a}),...l})});lr.classes=St;lr.displayName="@mantine/core/ComboboxEmpty";function cr({onKeyDown:e,withKeyboardNavigation:n,withAriaAttributes:t,withExpandedAttribute:o,targetType:a,autoComplete:r}){const i=Ut(),[l,d]=y.useState(null),c=g=>{if(e==null||e(g),!i.readOnly&&n){if(g.nativeEvent.isComposing)return;if(g.nativeEvent.code==="ArrowDown"&&(g.preventDefault(),i.store.dropdownOpened?d(i.store.selectNextOption()):(i.store.openDropdown("keyboard"),d(i.store.selectActiveOption()),i.store.updateSelectedOptionIndex("selected",{scrollIntoView:!0}))),g.nativeEvent.code==="ArrowUp"&&(g.preventDefault(),i.store.dropdownOpened?d(i.store.selectPreviousOption()):(i.store.openDropdown("keyboard"),d(i.store.selectActiveOption()),i.store.updateSelectedOptionIndex("selected",{scrollIntoView:!0}))),g.nativeEvent.code==="Enter"||g.nativeEvent.code==="NumpadEnter"){if(g.nativeEvent.keyCode===229)return;const m=i.store.getSelectedOptionIndex();i.store.dropdownOpened&&m!==-1?(g.preventDefault(),i.store.clickSelectedOption()):a==="button"&&(g.preventDefault(),i.store.openDropdown("keyboard"))}g.key==="Escape"&&i.store.closeDropdown("keyboard"),g.nativeEvent.code==="Space"&&a==="button"&&(g.preventDefault(),i.store.toggleDropdown("keyboard"))}};return{...t?{"aria-haspopup":"listbox","aria-expanded":o&&!!(i.store.listId&&i.store.dropdownOpened)||void 0,"aria-controls":i.store.dropdownOpened?i.store.listId:void 0,"aria-activedescendant":i.store.dropdownOpened&&l||void 0,autoComplete:r,"data-expanded":i.store.dropdownOpened||void 0,"data-mantine-stop-propagation":i.store.dropdownOpened||void 0}:{},onKeyDown:c}}const Ag={refProp:"ref",targetType:"input",withKeyboardNavigation:!0,withAriaAttributes:!0,withExpandedAttribute:!1,autoComplete:"off"},El=ye((e,n)=>{const{children:t,refProp:o,withKeyboardNavigation:a,withAriaAttributes:r,withExpandedAttribute:i,targetType:l,autoComplete:d,...c}=ge("ComboboxEventsTarget",Ag,e);if(!ro(t))throw new Error("Combobox.EventsTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");const u=Ut(),g=cr({targetType:l,withAriaAttributes:r,withKeyboardNavigation:a,withExpandedAttribute:i,onKeyDown:t.props.onKeyDown,autoComplete:d});return y.cloneElement(t,{...g,...c,[o]:Sn(n,u.store.targetRef,nu(t))})});El.displayName="@mantine/core/ComboboxEventsTarget";const zg={},dr=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,...l}=ge("ComboboxFooter",zg,e),d=Ut();return s.jsx(G,{ref:n,...d.getStyles("footer",{className:o,classNames:t,style:a,styles:r}),...l,onMouseDown:c=>{c.preventDefault()}})});dr.classes=St;dr.displayName="@mantine/core/ComboboxFooter";const $g={},ur=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,children:l,label:d,...c}=ge("ComboboxGroup",$g,e),u=Ut();return s.jsxs(G,{ref:n,...u.getStyles("group",{className:o,classNames:t,style:a,styles:r}),...c,children:[d&&s.jsx("div",{...u.getStyles("groupLabel",{classNames:t,styles:r}),children:d}),l]})});ur.classes=St;ur.displayName="@mantine/core/ComboboxGroup";const Lg={},gr=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,...l}=ge("ComboboxHeader",Lg,e),d=Ut();return s.jsx(G,{ref:n,...d.getStyles("header",{className:o,classNames:t,style:a,styles:r}),...l,onMouseDown:c=>{c.preventDefault()}})});gr.classes=St;gr.displayName="@mantine/core/ComboboxHeader";function Ol({value:e,valuesDivider:n=",",...t}){return s.jsx("input",{type:"hidden",value:Array.isArray(e)?e.join(n):e||"",...t})}Ol.displayName="@mantine/core/ComboboxHiddenInput";const Vg={},mr=ye((e,n)=>{const t=ge("ComboboxOption",Vg,e),{classNames:o,className:a,style:r,styles:i,vars:l,onClick:d,id:c,active:u,onMouseDown:g,onMouseOver:m,disabled:h,selected:p,mod:f,...v}=t,x=Ut(),b=y.useId(),w=c||b;return s.jsx(G,{...x.getStyles("option",{className:a,classNames:o,styles:i,style:r}),...v,ref:n,id:w,mod:["combobox-option",{"combobox-active":u,"combobox-disabled":h,"combobox-selected":p},f],role:"option",onClick:C=>{var j;h?C.preventDefault():((j=x.onOptionSubmit)==null||j.call(x,t.value,t),d==null||d(C))},onMouseDown:C=>{C.preventDefault(),g==null||g(C)},onMouseOver:C=>{x.resetSelectionOnOptionHover&&x.store.resetSelectedOption(),m==null||m(C)}})});mr.classes=St;mr.displayName="@mantine/core/ComboboxOption";const Bg={},hr=ye((e,n)=>{const t=ge("ComboboxOptions",Bg,e),{classNames:o,className:a,style:r,styles:i,id:l,onMouseDown:d,labelledBy:c,...u}=t,g=Ut(),m=Ns(l);return y.useEffect(()=>{g.store.setListId(m)},[m]),s.jsx(G,{ref:n,...g.getStyles("options",{className:a,style:r,classNames:o,styles:i}),...u,id:m,role:"listbox","aria-labelledby":c,onMouseDown:h=>{h.preventDefault(),d==null||d(h)}})});hr.classes=St;hr.displayName="@mantine/core/ComboboxOptions";const Ug={withAriaAttributes:!0,withKeyboardNavigation:!0},pr=ye((e,n)=>{const t=ge("ComboboxSearch",Ug,e),{classNames:o,styles:a,unstyled:r,vars:i,withAriaAttributes:l,onKeyDown:d,withKeyboardNavigation:c,size:u,...g}=t,m=Ut(),h=m.getStyles("search"),p=cr({targetType:"input",withAriaAttributes:l,withKeyboardNavigation:c,withExpandedAttribute:!1,onKeyDown:d,autoComplete:"off"});return s.jsx(Cs,{ref:Sn(n,m.store.searchRef),classNames:[{input:h.className},o],styles:[{input:h.style},a],size:u||m.size,...p,...g,__staticSelector:"Combobox"})});pr.classes=St;pr.displayName="@mantine/core/ComboboxSearch";const Hg={refProp:"ref",targetType:"input",withKeyboardNavigation:!0,withAriaAttributes:!0,withExpandedAttribute:!1,autoComplete:"off"},Al=ye((e,n)=>{const{children:t,refProp:o,withKeyboardNavigation:a,withAriaAttributes:r,withExpandedAttribute:i,targetType:l,autoComplete:d,...c}=ge("ComboboxTarget",Hg,e);if(!ro(t))throw new Error("Combobox.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");const u=Ut(),g=cr({targetType:l,withAriaAttributes:r,withKeyboardNavigation:a,withExpandedAttribute:i,onKeyDown:t.props.onKeyDown,autoComplete:d}),m=y.cloneElement(t,{...g,...c});return s.jsx(Nt.Target,{ref:Sn(n,u.store.targetRef),children:m})});Al.displayName="@mantine/core/ComboboxTarget";function Gg(e,n,t){for(let o=e-1;o>=0;o-=1)if(!n[o].hasAttribute("data-combobox-disabled"))return o;if(t){for(let o=n.length-1;o>-1;o-=1)if(!n[o].hasAttribute("data-combobox-disabled"))return o}return e}function qg(e,n,t){for(let o=e+1;o<n.length;o+=1)if(!n[o].hasAttribute("data-combobox-disabled"))return o;if(t){for(let o=0;o<n.length;o+=1)if(!n[o].hasAttribute("data-combobox-disabled"))return o}return e}function Wg(e){for(let n=0;n<e.length;n+=1)if(!e[n].hasAttribute("data-combobox-disabled"))return n;return-1}function Co({defaultOpened:e,opened:n,onOpenedChange:t,onDropdownClose:o,onDropdownOpen:a,loop:r=!0,scrollBehavior:i="instant"}={}){const[l,d]=$t({value:n,defaultValue:e,finalValue:!1,onChange:t}),c=y.useRef(null),u=y.useRef(-1),g=y.useRef(null),m=y.useRef(null),h=y.useRef(-1),p=y.useRef(-1),f=y.useRef(-1),v=y.useCallback((_="unknown")=>{l||(d(!0),a==null||a(_))},[d,a,l]),x=y.useCallback((_="unknown")=>{l&&(d(!1),o==null||o(_))},[d,o,l]),b=y.useCallback((_="unknown")=>{l?x(_):v(_)},[x,v,l]),w=y.useCallback(()=>{const _=document.querySelector(`#${c.current} [data-combobox-selected]`);_==null||_.removeAttribute("data-combobox-selected"),_==null||_.removeAttribute("aria-selected")},[]),C=y.useCallback(_=>{const D=document.getElementById(c.current),O=D==null?void 0:D.querySelectorAll("[data-combobox-option]");if(!O)return null;const P=_>=O.length?0:_<0?O.length-1:_;return u.current=P,O!=null&&O[P]&&!O[P].hasAttribute("data-combobox-disabled")?(w(),O[P].setAttribute("data-combobox-selected","true"),O[P].setAttribute("aria-selected","true"),O[P].scrollIntoView({block:"nearest",behavior:i}),O[P].id):null},[i,w]),j=y.useCallback(()=>{const _=document.querySelector(`#${c.current} [data-combobox-active]`);if(_){const D=document.querySelectorAll(`#${c.current} [data-combobox-option]`),O=Array.from(D).findIndex(P=>P===_);return C(O)}return C(0)},[C]),M=y.useCallback(()=>C(qg(u.current,document.querySelectorAll(`#${c.current} [data-combobox-option]`),r)),[C,r]),k=y.useCallback(()=>C(Gg(u.current,document.querySelectorAll(`#${c.current} [data-combobox-option]`),r)),[C,r]),S=y.useCallback(()=>C(Wg(document.querySelectorAll(`#${c.current} [data-combobox-option]`))),[C]),T=y.useCallback((_="selected",D)=>{f.current=window.setTimeout(()=>{var $;const O=document.querySelectorAll(`#${c.current} [data-combobox-option]`),P=Array.from(O).findIndex(z=>z.hasAttribute(`data-combobox-${_}`));u.current=P,D!=null&&D.scrollIntoView&&(($=O[P])==null||$.scrollIntoView({block:"nearest",behavior:i}))},0)},[]),N=y.useCallback(()=>{u.current=-1,w()},[w]),F=y.useCallback(()=>{const _=document.querySelectorAll(`#${c.current} [data-combobox-option]`),D=_==null?void 0:_[u.current];D==null||D.click()},[]),E=y.useCallback(_=>{c.current=_},[]),V=y.useCallback(()=>{h.current=window.setTimeout(()=>g.current.focus(),0)},[]),L=y.useCallback(()=>{p.current=window.setTimeout(()=>m.current.focus(),0)},[]),B=y.useCallback(()=>u.current,[]);return y.useEffect(()=>()=>{window.clearTimeout(h.current),window.clearTimeout(p.current),window.clearTimeout(f.current)},[]),{dropdownOpened:l,openDropdown:v,closeDropdown:x,toggleDropdown:b,selectedOptionIndex:u.current,getSelectedOptionIndex:B,selectOption:C,selectFirstOption:S,selectActiveOption:j,selectNextOption:M,selectPreviousOption:k,resetSelectedOption:N,updateSelectedOptionIndex:T,listId:c.current,setListId:E,clickSelectedOption:F,searchRef:g,focusSearchInput:V,targetRef:m,focusTarget:L}}const Kg={keepMounted:!0,withinPortal:!0,resetSelectionOnOptionHover:!1,width:"target",transitionProps:{transition:"fade",duration:0}},Yg=Ye((e,{size:n,dropdownPadding:t})=>({options:{"--combobox-option-fz":kt(n),"--combobox-option-padding":Qe(n,"combobox-option-padding")},dropdown:{"--combobox-padding":t===void 0?void 0:At(t),"--combobox-option-fz":kt(n),"--combobox-option-padding":Qe(n,"combobox-option-padding")}}));function Ve(e){const n=ge("Combobox",Kg,e),{classNames:t,styles:o,unstyled:a,children:r,store:i,vars:l,onOptionSubmit:d,onClose:c,size:u,dropdownPadding:g,resetSelectionOnOptionHover:m,__staticSelector:h,readOnly:p,...f}=n,v=Co(),x=i||v,b=Be({name:h||"Combobox",classes:St,props:n,classNames:t,styles:o,unstyled:a,vars:l,varsResolver:Yg}),w=()=>{c==null||c(),x.closeDropdown()};return s.jsx(Fg,{value:{getStyles:b,store:x,onOptionSubmit:d,size:u,resetSelectionOnOptionHover:m,readOnly:p},children:s.jsx(Nt,{opened:x.dropdownOpened,...f,onChange:C=>!C&&w(),withRoles:!1,unstyled:a,children:r})})}const Qg=e=>e;Ve.extend=Qg;Ve.classes=St;Ve.displayName="@mantine/core/Combobox";Ve.Target=Al;Ve.Dropdown=ir;Ve.Options=hr;Ve.Option=mr;Ve.Search=pr;Ve.Empty=lr;Ve.Chevron=rr;Ve.Footer=dr;Ve.Header=gr;Ve.EventsTarget=El;Ve.DropdownTarget=Pl;Ve.Group=ur;Ve.ClearButton=Fl;Ve.HiddenInput=Ol;function Jn(e){return"group"in e}function zl({options:e,search:n,limit:t}){const o=n.trim().toLowerCase(),a=[];for(let r=0;r<e.length;r+=1){const i=e[r];if(a.length===t)return a;Jn(i)&&a.push({group:i.group,items:zl({options:i.items,search:n,limit:t-a.length})}),Jn(i)||i.label.toLowerCase().includes(o)&&a.push(i)}return a}function Xg(e){if(e.length===0)return!0;for(const n of e)if(!("group"in n)||n.items.length>0)return!1;return!0}function $l(e,n=new Set){if(Array.isArray(e))for(const t of e)if(Jn(t))$l(t.items,n);else{if(typeof t.value>"u")throw new Error("[@mantine/core] Each option must have value property");if(typeof t.value!="string")throw new Error(`[@mantine/core] Option value must be a string, other data formats are not supported, got ${typeof t.value}`);if(n.has(t.value))throw new Error(`[@mantine/core] Duplicate options are not supported. Option with value "${t.value}" was provided more than once`);n.add(t.value)}}function Zg(e,n){return Array.isArray(e)?e.includes(n):e===n}function Ll({data:e,withCheckIcon:n,value:t,checkIconPosition:o,unstyled:a,renderOption:r}){if(!Jn(e)){const l=Zg(t,e.value),d=n&&l&&s.jsx(Bu,{className:St.optionsDropdownCheckIcon}),c=s.jsxs(s.Fragment,{children:[o==="left"&&d,s.jsx("span",{children:e.label}),o==="right"&&d]});return s.jsx(Ve.Option,{value:e.value,disabled:e.disabled,className:je({[St.optionsDropdownOption]:!a}),"data-reverse":o==="right"||void 0,"data-checked":l||void 0,"aria-selected":l,active:l,children:typeof r=="function"?r({option:e,checked:l}):c})}const i=e.items?.map(l=>s.jsx(Ll,{data:l,value:t,unstyled:a,withCheckIcon:n,checkIconPosition:o,renderOption:r},l.value));return s.jsx(Ve.Group,{label:e.group,children:i})}function fr({data:e,hidden:n,hiddenWhenEmpty:t,filter:o,search:a,limit:r,maxDropdownHeight:i,withScrollArea:l=!0,filterOptions:d=!0,withCheckIcon:c=!1,value:u,checkIconPosition:g,nothingFoundMessage:m,unstyled:h,labelId:p,renderOption:f,scrollAreaProps:v,"aria-label":x}){$l(e);const w=typeof a=="string"?(o||zl)({options:e,search:d?a:"",limit:r??1/0}):e,C=Xg(w),j=w?.map(M=>s.jsx(Ll,{data:M,withCheckIcon:c,value:u,checkIconPosition:g,unstyled:h,renderOption:f},Jn(M)?M.group:M.value));return s.jsx(Ve.Dropdown,{hidden:n||t&&C,"data-composed":!0,children:s.jsxs(Ve.Options,{labelledBy:p,"aria-label":x,children:[l?s.jsx(io.Autosize,{mah:i??220,type:"scroll",scrollbarSize:"var(--combobox-padding)",offsetScrollbars:"y",...v,children:j}):j,C&&m&&s.jsx(Ve.Empty,{children:m})]})})}const Jg={},vr=ye((e,n)=>{const t=ge("Autocomplete",Jg,e),{classNames:o,styles:a,unstyled:r,vars:i,dropdownOpened:l,defaultDropdownOpened:d,onDropdownClose:c,onDropdownOpen:u,onFocus:g,onBlur:m,onClick:h,onChange:p,data:f,value:v,defaultValue:x,selectFirstOptionOnChange:b,onOptionSubmit:w,comboboxProps:C,readOnly:j,disabled:M,filter:k,limit:S,withScrollArea:T,maxDropdownHeight:N,size:F,id:E,renderOption:V,autoComplete:L,scrollAreaProps:B,onClear:_,clearButtonProps:D,error:O,clearable:P,rightSection:$,...z}=t,H=Ns(E),ae=ar(f),ie=jo(ae),[Q,se]=$t({value:v,defaultValue:x,finalValue:"",onChange:p}),te=Co({opened:l,defaultOpened:d,onDropdownOpen:u,onDropdownClose:()=>{c==null||c(),te.resetSelectedOption()}}),Z=ee=>{se(ee),te.resetSelectedOption()},{resolvedClassNames:I,resolvedStyles:Y}=_n({props:t,styles:a,classNames:o});y.useEffect(()=>{b&&te.selectFirstOption()},[b,Q]);const ce=s.jsx(Ve.ClearButton,{...D,onClear:()=>{Z(""),_==null||_()}});return s.jsxs(Ve,{store:te,__staticSelector:"Autocomplete",classNames:I,styles:Y,unstyled:r,readOnly:j,onOptionSubmit:ee=>{w==null||w(ee),Z(ie[ee].label),te.closeDropdown()},size:F,...C,children:[s.jsx(Ve.Target,{autoComplete:L,children:s.jsx(Mn,{ref:n,...z,size:F,__staticSelector:"Autocomplete",__clearSection:ce,__clearable:P&&!!Q&&!M&&!j,rightSection:$,disabled:M,readOnly:j,value:Q,error:O,onChange:ee=>{Z(ee.currentTarget.value),te.openDropdown(),b&&te.selectFirstOption()},onFocus:ee=>{te.openDropdown(),g==null||g(ee)},onBlur:ee=>{te.closeDropdown(),m==null||m(ee)},onClick:ee=>{te.openDropdown(),h==null||h(ee)},classNames:I,styles:Y,unstyled:r,id:H})}),s.jsx(fr,{data:ae,hidden:j||M,filter:k,search:Q,limit:S,hiddenWhenEmpty:!0,withScrollArea:T,maxDropdownHeight:N,unstyled:r,labelId:z.label?`${H}-label`:void 0,"aria-label":z.label?void 0:z["aria-label"],renderOption:V,scrollAreaProps:B})]})});vr.classes={...Mn.classes,...Ve.classes};vr.displayName="@mantine/core/Autocomplete";var Vl={root:"m_347db0ec","root--dot":"m_fbd81e3d",label:"m_5add502a",section:"m_91fdda9b"};const em={},tm=Ye((e,{radius:n,color:t,gradient:o,variant:a,size:r,autoContrast:i})=>{const l=e.variantColorResolver({color:t||e.primaryColor,theme:e,gradient:o,variant:a||"filled",autoContrast:i});return{root:{"--badge-height":Qe(r,"badge-height"),"--badge-padding-x":Qe(r,"badge-padding-x"),"--badge-fz":Qe(r,"badge-fz"),"--badge-radius":n===void 0?void 0:Vt(n),"--badge-bg":t||a?l.background:void 0,"--badge-color":t||a?l.color:void 0,"--badge-bd":t||a?l.border:void 0,"--badge-dot-color":a==="dot"?Yt(t,e):void 0}}}),nt=zn((e,n)=>{const t=ge("Badge",em,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,radius:c,color:u,gradient:g,leftSection:m,rightSection:h,children:p,variant:f,fullWidth:v,autoContrast:x,circle:b,mod:w,...C}=t,j=Be({name:"Badge",props:t,classes:Vl,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:tm});return s.jsxs(G,{variant:f,mod:[{block:v,circle:b,"with-right-section":!!h,"with-left-section":!!m},w],...j("root",{variant:f}),ref:n,...C,children:[m&&s.jsx("span",{...j("section"),"data-position":"left",children:m}),s.jsx("span",{...j("label"),children:p}),h&&s.jsx("span",{...j("section"),"data-position":"right",children:h})]})});nt.classes=Vl;nt.displayName="@mantine/core/Badge";var is={root:"m_77c9d27d",inner:"m_80f1301b",label:"m_811560b9",section:"m_a74036a",loader:"m_a25b86ee",group:"m_80d6d844",groupSection:"m_70be2a01"};const wi={orientation:"horizontal"},nm=Ye((e,{borderWidth:n})=>({group:{"--button-border-width":At(n)}})),xr=ye((e,n)=>{const t=ge("ButtonGroup",wi,e),{className:o,style:a,classNames:r,styles:i,unstyled:l,orientation:d,vars:c,borderWidth:u,variant:g,mod:m,...h}=ge("ButtonGroup",wi,e),p=Be({name:"ButtonGroup",props:t,classes:is,className:o,style:a,classNames:r,styles:i,unstyled:l,vars:c,varsResolver:nm,rootSelector:"group"});return s.jsx(G,{...p("group"),ref:n,variant:g,mod:[{"data-orientation":d},m],role:"group",...h})});xr.classes=is;xr.displayName="@mantine/core/ButtonGroup";const ji={},sm=Ye((e,{radius:n,color:t,gradient:o,variant:a,autoContrast:r,size:i})=>{const l=e.variantColorResolver({color:t||e.primaryColor,theme:e,gradient:o,variant:a||"filled",autoContrast:r});return{groupSection:{"--section-height":Qe(i,"section-height"),"--section-padding-x":Qe(i,"section-padding-x"),"--section-fz":i!=null&&i.includes("compact")?kt(i.replace("compact-","")):kt(i),"--section-radius":n===void 0?void 0:Vt(n),"--section-bg":t||a?l.background:void 0,"--section-color":l.color,"--section-bd":t||a?l.border:void 0}}}),br=ye((e,n)=>{const t=ge("ButtonGroupSection",ji,e),{className:o,style:a,classNames:r,styles:i,unstyled:l,vars:d,variant:c,gradient:u,radius:g,autoContrast:m,...h}=ge("ButtonGroupSection",ji,e),p=Be({name:"ButtonGroupSection",props:t,classes:is,className:o,style:a,classNames:r,styles:i,unstyled:l,vars:d,varsResolver:sm,rootSelector:"groupSection"});return s.jsx(G,{...p("groupSection"),ref:n,variant:c,...h})});br.classes=is;br.displayName="@mantine/core/ButtonGroupSection";const om={in:{opacity:1,transform:`translate(-50%, calc(-50% + ${At(1)}))`},out:{opacity:0,transform:"translate(-50%, -200%)"},common:{transformOrigin:"center"},transitionProperty:"transform, opacity"},am={},rm=Ye((e,{radius:n,color:t,gradient:o,variant:a,size:r,justify:i,autoContrast:l})=>{const d=e.variantColorResolver({color:t||e.primaryColor,theme:e,gradient:o,variant:a||"filled",autoContrast:l});return{root:{"--button-justify":i,"--button-height":Qe(r,"button-height"),"--button-padding-x":Qe(r,"button-padding-x"),"--button-fz":r!=null&&r.includes("compact")?kt(r.replace("compact-","")):kt(r),"--button-radius":n===void 0?void 0:Vt(n),"--button-bg":t||a?d.background:void 0,"--button-hover":t||a?d.hover:void 0,"--button-color":d.color,"--button-bd":t||a?d.border:void 0,"--button-hover-color":t||a?d.hoverColor:void 0}}}),pt=zn((e,n)=>{const t=ge("Button",am,e),{style:o,vars:a,className:r,color:i,disabled:l,children:d,leftSection:c,rightSection:u,fullWidth:g,variant:m,radius:h,loading:p,loaderProps:f,gradient:v,classNames:x,styles:b,unstyled:w,"data-disabled":C,autoContrast:j,mod:M,...k}=t,S=Be({name:"Button",props:t,classes:is,className:r,style:o,classNames:x,styles:b,unstyled:w,vars:a,varsResolver:rm}),T=!!c,N=!!u;return s.jsxs(Et,{ref:n,...S("root",{active:!l&&!p&&!C}),unstyled:w,variant:m,disabled:l||p,mod:[{disabled:l||C,loading:p,block:g,"with-left-section":T,"with-right-section":N},M],...k,children:[s.jsx(ss,{mounted:!!p,transition:om,duration:150,children:F=>s.jsx(G,{component:"span",...S("loader",{style:F}),"aria-hidden":!0,children:s.jsx(Rs,{color:"var(--button-color)",size:"calc(var(--button-height) / 1.8)",...f})})}),s.jsxs("span",{...S("inner"),children:[c&&s.jsx(G,{component:"span",...S("section"),mod:{position:"left"},children:c}),s.jsx(G,{component:"span",mod:{loading:p},...S("label"),children:d}),u&&s.jsx(G,{component:"span",...S("section"),mod:{position:"right"},children:u})]})]})});pt.classes=is;pt.displayName="@mantine/core/Button";pt.Group=xr;pt.GroupSection=br;const im={timeout:1e3};function Bl(e){const{children:n,timeout:t,value:o,...a}=ge("CopyButton",im,e),r=ig({timeout:t}),i=()=>r.copy(o);return s.jsx(s.Fragment,{children:n({copy:i,copied:r.copied,...a})})}Bl.displayName="@mantine/core/CopyButton";var Ul={root:"m_3eebeb36",label:"m_9e365f20"};const lm={orientation:"horizontal"},cm=Ye((e,{color:n,variant:t,size:o})=>({root:{"--divider-color":n?Yt(n,e):void 0,"--divider-border-style":t,"--divider-size":Qe(o,"divider-size")}})),yr=ye((e,n)=>{const t=ge("Divider",lm,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,color:c,orientation:u,label:g,labelPosition:m,mod:h,...p}=t,f=Be({name:"Divider",classes:Ul,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:cm});return s.jsx(G,{ref:n,mod:[{orientation:u,"with-label":!!g},h],...f("root"),...p,role:"separator",children:g&&s.jsx(G,{component:"span",mod:{position:m},...f("label"),children:g})})});yr.classes=Ul;yr.displayName="@mantine/core/Divider";function dm({open:e,close:n,openDelay:t,closeDelay:o}){const a=y.useRef(-1),r=y.useRef(-1),i=()=>{window.clearTimeout(a.current),window.clearTimeout(r.current)},l=()=>{i(),t===0||t===void 0?e():a.current=window.setTimeout(e,t)},d=()=>{i(),o===0||o===void 0?n():r.current=window.setTimeout(n,o)};return y.useEffect(()=>i,[]),{openDropdown:l,closeDropdown:d}}function Ci({color:e,theme:n,defaultShade:t}){const o=ml({color:e,theme:n});return o.isThemeColor?o.shade===void 0?`var(--mantine-color-${o.color}-${t})`:`var(${o.variable})`:e}var Hl={root:"m_bcb3f3c2"};const um={color:"yellow"},gm=Ye((e,{color:n})=>({root:{"--mark-bg-dark":Ci({color:n,theme:e,defaultShade:5}),"--mark-bg-light":Ci({color:n,theme:e,defaultShade:2})}})),wr=ye((e,n)=>{const t=ge("Mark",um,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,color:c,variant:u,...g}=t,m=Be({name:"Mark",props:t,className:a,style:r,classes:Hl,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:gm});return s.jsx(G,{component:"mark",ref:n,variant:u,...m("root"),...g})});wr.classes=Hl;wr.displayName="@mantine/core/Mark";function Si(e){return e.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&")}function mm(e,n){if(n==null)return[{chunk:e,highlighted:!1}];const t=Array.isArray(n)?n?.map(Si):Si(n);if(!(Array.isArray(t)?t.filter(l=>l.trim().length>0).length>0:t.trim()!==""))return[{chunk:e,highlighted:!1}];const a=typeof t=="string"?t.trim():t.filter(l=>l.trim().length!==0)?.map(l=>l.trim()).sort((l,d)=>d.length-l.length).join("|"),r=new RegExp(`(${a})`,"gi");return e.split(r)?.map(l=>({chunk:l,highlighted:r.test(l)})).filter(({chunk:l})=>l)}const hm={},jr=zn((e,n)=>{const{unstyled:t,children:o,highlight:a,highlightStyles:r,color:i,...l}=ge("Highlight",hm,e),d=mm(o,a);return s.jsx(ue,{unstyled:t,ref:n,...l,__staticSelector:"Highlight",children:d?.map(({chunk:c,highlighted:u},g)=>u?s.jsx(wr,{unstyled:t,color:i,style:r,"data-highlight":c,children:c},g):s.jsx("span",{children:c},g))})});jr.classes=ue.classes;jr.displayName="@mantine/core/Highlight";function pm(e="top-end",n=0){const t={"--indicator-top":void 0,"--indicator-bottom":void 0,"--indicator-left":void 0,"--indicator-right":void 0,"--indicator-translate-x":void 0,"--indicator-translate-y":void 0},o=At(n),[a,r]=e.split("-");return a==="top"&&(t["--indicator-top"]=o,t["--indicator-translate-y"]="-50%"),a==="middle"&&(t["--indicator-top"]="50%",t["--indicator-translate-y"]="-50%"),a==="bottom"&&(t["--indicator-bottom"]=o,t["--indicator-translate-y"]="50%"),r==="start"&&(t["--indicator-left"]=o,t["--indicator-translate-x"]="-50%"),r==="center"&&(t["--indicator-left"]="50%",t["--indicator-translate-x"]="-50%"),r==="end"&&(t["--indicator-right"]=o,t["--indicator-translate-x"]="50%"),t}var Gl={root:"m_e5262200",indicator:"m_760d1fb1",processing:"m_885901b1"};const fm={position:"top-end",offset:0,inline:!1,withBorder:!1,disabled:!1,processing:!1},vm=Ye((e,{color:n,position:t,offset:o,size:a,radius:r,zIndex:i,autoContrast:l})=>({root:{"--indicator-color":n?Yt(n,e):void 0,"--indicator-text-color":nr(l,e)?Ya({color:n,theme:e,autoContrast:l}):void 0,"--indicator-size":At(a),"--indicator-radius":r===void 0?void 0:Vt(r),"--indicator-z-index":i==null?void 0:i.toString(),...pm(t,o)}})),Cr=ye((e,n)=>{const t=ge("Indicator",fm,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,children:c,position:u,offset:g,inline:m,label:h,radius:p,color:f,withBorder:v,disabled:x,processing:b,zIndex:w,autoContrast:C,mod:j,...M}=t,k=Be({name:"Indicator",classes:Gl,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:vm});return s.jsxs(G,{ref:n,...k("root"),mod:[{inline:m},j],...M,children:[!x&&s.jsx(G,{mod:{"with-label":!!h,"with-border":v,processing:b},...k("indicator"),children:h}),c]})});Cr.classes=Gl;Cr.displayName="@mantine/core/Indicator";var ql={root:"m_6e45937b",loader:"m_e8eb006c",overlay:"m_df587f17"};const _i={transitionProps:{transition:"fade",duration:0},overlayProps:{backgroundOpacity:.75},zIndex:su("overlay")},xm=Ye((e,{zIndex:n})=>({root:{"--lo-z-index":n==null?void 0:n.toString()}})),Sr=ye((e,n)=>{const t=ge("LoadingOverlay",_i,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,transitionProps:c,loaderProps:u,overlayProps:g,visible:m,zIndex:h,...p}=t,f=An(),v=Be({name:"LoadingOverlay",classes:ql,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:xm}),x={..._i.overlayProps,...g};return s.jsx(ss,{transition:"fade",...c,mounted:!!m,children:b=>s.jsxs(G,{...v("root",{style:b}),ref:n,...p,children:[s.jsx(Rs,{...v("loader"),unstyled:l,...u}),s.jsx(hi,{...x,...v("overlay"),darkHidden:!0,unstyled:l,color:(g==null?void 0:g.color)||f.white}),s.jsx(hi,{...x,...v("overlay"),lightHidden:!0,unstyled:l,color:(g==null?void 0:g.color)||f.colors.dark[5]})]})})});Sr.classes=ql;Sr.displayName="@mantine/core/LoadingOverlay";const[bm,Ds]=os("Menu component was not found in the tree");var ls={dropdown:"m_dc9b7c9f",label:"m_9bfac126",divider:"m_efdf90cb",item:"m_99ac2aa1",itemLabel:"m_5476e0d3",itemSection:"m_8b75e504"};const ym={},_r=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,...l}=ge("MenuDivider",ym,e),d=Ds();return s.jsx(G,{ref:n,...d.getStyles("divider",{className:o,style:a,styles:r,classNames:t}),...l})});_r.classes=ls;_r.displayName="@mantine/core/MenuDivider";const wm={},Mr=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,onMouseEnter:l,onMouseLeave:d,onKeyDown:c,children:u,...g}=ge("MenuDropdown",wm,e),m=y.useRef(null),h=Ds(),p=bt(c,x=>{var b,w;(x.key==="ArrowUp"||x.key==="ArrowDown")&&(x.preventDefault(),(w=(b=m.current)==null?void 0:b.querySelectorAll("[data-menu-item]:not(:disabled)")[0])==null||w.focus())}),f=bt(l,()=>(h.trigger==="hover"||h.trigger==="click-hover")&&h.openDropdown()),v=bt(d,()=>(h.trigger==="hover"||h.trigger==="click-hover")&&h.closeDropdown());return s.jsxs(Nt.Dropdown,{...g,onMouseEnter:f,onMouseLeave:v,role:"menu","aria-orientation":"vertical",ref:Sn(n,m),...h.getStyles("dropdown",{className:o,style:a,styles:r,classNames:t,withStaticClass:!1}),tabIndex:-1,"data-menu-dropdown":!0,onKeyDown:p,children:[h.withInitialFocusPlaceholder&&s.jsx("div",{tabIndex:-1,"data-autofocus":!0,"data-mantine-stop-propagation":!0,style:{outline:0}}),u]})});Mr.classes=ls;Mr.displayName="@mantine/core/MenuDropdown";const jm={},Rr=zn((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,color:l,closeMenuOnClick:d,leftSection:c,rightSection:u,children:g,disabled:m,"data-disabled":h,...p}=ge("MenuItem",jm,e),f=Ds(),v=An(),{dir:x}=$n(),b=y.useRef(null),w=f.getItemIndex(b.current),C=p,j=bt(C.onMouseLeave,()=>f.setHovered(-1)),M=bt(C.onMouseEnter,()=>f.setHovered(f.getItemIndex(b.current))),k=bt(C.onClick,()=>{h||(typeof d=="boolean"?d&&f.closeDropdownImmediately():f.closeOnItemClick&&f.closeDropdownImmediately())}),S=bt(C.onFocus,()=>f.setHovered(f.getItemIndex(b.current))),T=l?v.variantColorResolver({color:l,theme:v,variant:"light"}):void 0,N=l?ml({color:l,theme:v}):null;return s.jsxs(Et,{...p,unstyled:f.unstyled,tabIndex:f.menuItemTabIndex,onFocus:S,...f.getStyles("item",{className:o,style:a,styles:r,classNames:t}),ref:Sn(b,n),role:"menuitem",disabled:m,"data-menu-item":!0,"data-disabled":m||h||void 0,"data-hovered":f.hovered===w?!0:void 0,"data-mantine-stop-propagation":!0,onMouseEnter:M,onMouseLeave:j,onClick:k,onKeyDown:Hu({siblingSelector:"[data-menu-item]:not([data-disabled])",parentSelector:"[data-menu-dropdown]",activateOnFocus:!1,loop:f.loop,dir:x,orientation:"vertical",onKeyDown:C.onKeyDown}),__vars:{"--menu-item-color":N!=null&&N.isThemeColor&&(N==null?void 0:N.shade)===void 0?`var(--mantine-color-${N.color}-6)`:T==null?void 0:T.color,"--menu-item-hover":T==null?void 0:T.hover},children:[c&&s.jsx("div",{...f.getStyles("itemSection",{styles:r,classNames:t}),"data-position":"left",children:c}),g&&s.jsx("div",{...f.getStyles("itemLabel",{styles:r,classNames:t}),children:g}),u&&s.jsx("div",{...f.getStyles("itemSection",{styles:r,classNames:t}),"data-position":"right",children:u})]})});Rr.classes=ls;Rr.displayName="@mantine/core/MenuItem";const Cm={},Nr=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,...l}=ge("MenuLabel",Cm,e),d=Ds();return s.jsx(G,{ref:n,...d.getStyles("label",{className:o,style:a,styles:r,classNames:t}),...l})});Nr.classes=ls;Nr.displayName="@mantine/core/MenuLabel";const Sm={refProp:"ref"},Wl=y.forwardRef((e,n)=>{const{children:t,refProp:o,...a}=ge("MenuTarget",Sm,e);if(!ro(t))throw new Error("Menu.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");const r=Ds(),i=t.props,l=bt(i.onClick,()=>{r.trigger==="click"?r.toggleDropdown():r.trigger==="click-hover"&&(r.setOpenedViaClick(!0),r.opened||r.openDropdown())}),d=bt(i.onMouseEnter,()=>(r.trigger==="hover"||r.trigger==="click-hover")&&r.openDropdown()),c=bt(i.onMouseLeave,()=>{(r.trigger==="hover"||r.trigger==="click-hover"&&!r.openedViaClick)&&r.closeDropdown()});return s.jsx(Nt.Target,{refProp:o,popupType:"menu",ref:n,...a,children:y.cloneElement(t,{onClick:l,onMouseEnter:d,onMouseLeave:c,"data-expanded":r.opened?!0:void 0})})});Wl.displayName="@mantine/core/MenuTarget";const _m={trapFocus:!0,closeOnItemClick:!0,withInitialFocusPlaceholder:!0,clickOutsideEvents:["mousedown","touchstart","keydown"],loop:!0,trigger:"click",openDelay:0,closeDelay:100,menuItemTabIndex:-1};function De(e){const n=ge("Menu",_m,e),{children:t,onOpen:o,onClose:a,opened:r,defaultOpened:i,trapFocus:l,onChange:d,closeOnItemClick:c,loop:u,closeOnEscape:g,trigger:m,openDelay:h,closeDelay:p,classNames:f,styles:v,unstyled:x,variant:b,vars:w,menuItemTabIndex:C,keepMounted:j,withInitialFocusPlaceholder:M,...k}=n,S=Be({name:"Menu",classes:ls,props:n,classNames:f,styles:v,unstyled:x}),[T,{setHovered:N,resetHovered:F}]=rg(),[E,V]=$t({value:r,defaultValue:i,finalValue:!1,onChange:d}),[L,B]=y.useState(!1),_=()=>{V(!1),B(!1),E&&(a==null||a())},D=()=>{V(!0),!E&&(o==null||o())},O=()=>{E?_():D()},{openDropdown:P,closeDropdown:$}=dm({open:D,close:_,closeDelay:p,openDelay:h}),z=ie=>ag("[data-menu-item]","[data-menu-dropdown]",ie),{resolvedClassNames:H,resolvedStyles:ae}=_n({classNames:f,styles:v,props:n});return Ga(()=>{F()},[E]),s.jsx(bm,{value:{getStyles:S,opened:E,toggleDropdown:O,getItemIndex:z,hovered:T,setHovered:N,openedViaClick:L,setOpenedViaClick:B,closeOnItemClick:c,closeDropdown:m==="click"?_:$,openDropdown:m==="click"?D:P,closeDropdownImmediately:_,loop:u,trigger:m,unstyled:x,menuItemTabIndex:C,withInitialFocusPlaceholder:M},children:s.jsx(Nt,{...k,opened:E,onChange:O,defaultOpened:i,trapFocus:j?!1:l,closeOnEscape:g,__staticSelector:"Menu",classNames:H,styles:ae,unstyled:x,variant:b,keepMounted:j,children:t})})}De.extend=e=>e;De.withProps=ou(De);De.classes=ls;De.displayName="@mantine/core/Menu";De.Item=Rr;De.Label=Nr;De.Dropdown=Mr;De.Target=Wl;De.Divider=_r;const[Mm,kr]=hl(),[Rm,Nm]=hl();var So={root:"m_7cda1cd6","root--default":"m_44da308b","root--contrast":"m_e3a01f8",label:"m_1e0e6180",remove:"m_ae386778",group:"m_1dcfd90b"};const km={},Dm=Ye((e,{gap:n},{size:t})=>({group:{"--pg-gap":n!==void 0?Qe(n):Qe(t,"pg-gap")}})),Dr=ye((e,n)=>{const t=ge("PillGroup",km,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,size:c,disabled:u,...g}=t,m=kr(),h=(m==null?void 0:m.size)||c||void 0,p=Be({name:"PillGroup",classes:So,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Dm,stylesCtx:{size:h},rootSelector:"group"});return s.jsx(Rm,{value:{size:h,disabled:u},children:s.jsx(G,{ref:n,size:h,...p("group"),...g})})});Dr.classes=So;Dr.displayName="@mantine/core/PillGroup";const Tm={variant:"default"},Im=Ye((e,{radius:n},{size:t})=>({root:{"--pill-fz":Qe(t,"pill-fz"),"--pill-height":Qe(t,"pill-height"),"--pill-radius":n===void 0?void 0:Vt(n)}})),_s=ye((e,n)=>{const t=ge("Pill",Tm,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,variant:c,children:u,withRemoveButton:g,onRemove:m,removeButtonProps:h,radius:p,size:f,disabled:v,mod:x,...b}=t,w=Nm(),C=kr(),j=f||(w==null?void 0:w.size)||void 0,M=(C==null?void 0:C.variant)==="filled"?"contrast":c||"default",k=Be({name:"Pill",classes:So,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Im,stylesCtx:{size:j}});return s.jsxs(G,{component:"span",ref:n,variant:M,size:j,...k("root",{variant:M}),mod:[{"with-remove":g&&!v,disabled:v||(w==null?void 0:w.disabled)},x],...b,children:[s.jsx("span",{...k("label"),children:u}),g&&s.jsx(Ka,{variant:"transparent",radius:p,tabIndex:-1,"aria-hidden":!0,unstyled:l,...h,...k("remove",{className:h==null?void 0:h.className,style:h==null?void 0:h.style}),onMouseDown:S=>{var T;S.preventDefault(),S.stopPropagation(),(T=h==null?void 0:h.onMouseDown)==null||T.call(h,S)},onClick:S=>{var T;S.stopPropagation(),m==null||m(),(T=h==null?void 0:h.onClick)==null||T.call(h,S)}})]})});_s.classes=So;_s.displayName="@mantine/core/Pill";_s.Group=Dr;var Kl={field:"m_45c4369d"};const Fm={type:"visible"},Tr=ye((e,n)=>{const t=ge("PillsInputField",Fm,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,type:c,disabled:u,id:g,pointer:m,mod:h,...p}=t,f=kr(),v=au(),x=Be({name:"PillsInputField",classes:Kl,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,rootSelector:"field"}),b=u||(f==null?void 0:f.disabled);return s.jsx(G,{component:"input",ref:Sn(n,f==null?void 0:f.fieldRef),"data-type":c,disabled:b,mod:[{disabled:b,pointer:m},h],...x("field"),...p,id:(v==null?void 0:v.inputId)||g,"aria-invalid":f==null?void 0:f.hasError,"aria-describedby":v==null?void 0:v.describedBy,type:"text",onMouseDown:w=>!m&&w.stopPropagation()})});Tr.classes=Kl;Tr.displayName="@mantine/core/PillsInputField";const Pm={},to=ye((e,n)=>{const t=ge("PillsInput",Pm,e),{children:o,onMouseDown:a,onClick:r,size:i,disabled:l,__staticSelector:d,error:c,variant:u,...g}=t,m=y.useRef(null);return s.jsx(Mm,{value:{fieldRef:m,size:i,disabled:l,hasError:!!c,variant:u},children:s.jsx(Mn,{size:i,error:c,variant:u,component:"div",ref:n,onMouseDown:h=>{var p;h.preventDefault(),a==null||a(h),(p=m.current)==null||p.focus()},onClick:h=>{var f;h.preventDefault();const p=h.currentTarget.closest("fieldset");p!=null&&p.disabled||((f=m.current)==null||f.focus(),r==null||r(h))},...g,multiline:!0,disabled:l,__staticSelector:d||"PillsInput",withAria:!1,children:o})})});to.displayName="@mantine/core/PillsInput";to.Field=Tr;function Em({data:e,value:n}){const t=n?.map(a=>a.trim().toLowerCase());return e.reduce((a,r)=>(Jn(r)?a.push({group:r.group,items:r.items.filter(i=>t.indexOf(i.value.toLowerCase().trim())===-1)}):t.indexOf(r.value.toLowerCase().trim())===-1&&a.push(r),a),[])}const Om={maxValues:1/0,withCheckIcon:!0,checkIconPosition:"left",hiddenInputValuesDivider:","},_o=ye((e,n)=>{const t=ge("MultiSelect",Om,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,size:c,value:u,defaultValue:g,onChange:m,onKeyDown:h,variant:p,data:f,dropdownOpened:v,defaultDropdownOpened:x,onDropdownOpen:b,onDropdownClose:w,selectFirstOptionOnChange:C,onOptionSubmit:j,comboboxProps:M,filter:k,limit:S,withScrollArea:T,maxDropdownHeight:N,searchValue:F,defaultSearchValue:E,onSearchChange:V,readOnly:L,disabled:B,onFocus:_,onBlur:D,radius:O,rightSection:P,rightSectionWidth:$,rightSectionPointerEvents:z,rightSectionProps:H,leftSection:ae,leftSectionWidth:ie,leftSectionPointerEvents:Q,leftSectionProps:se,inputContainer:te,inputWrapperOrder:Z,withAsterisk:I,labelProps:Y,descriptionProps:ce,errorProps:ee,wrapperProps:W,description:me,label:le,error:de,maxValues:K,searchable:A,nothingFoundMessage:ne,withCheckIcon:be,checkIconPosition:ve,hidePickedOptions:Se,withErrorStyles:we,name:U,form:q,id:oe,clearable:Ie,clearButtonProps:he,hiddenInputProps:X,placeholder:_e,hiddenInputValuesDivider:Oe,required:Xe,mod:ot,renderOption:et,onRemove:J,onClear:Ae,scrollAreaProps:$e,chevronColor:re,...Ke}=t,Le=Ns(oe),lt=ar(f),It=jo(lt),at=Co({opened:v,defaultOpened:x,onDropdownOpen:b,onDropdownClose:()=>{w==null||w(),at.resetSelectedOption()}}),{styleProps:kn,rest:{type:it,autoComplete:us,...tt}}=ru(Ke),[xe,mn]=$t({value:u,defaultValue:g,finalValue:[],onChange:m}),[Je,ct]=$t({value:F,defaultValue:E,finalValue:"",onChange:V}),gt=Ze=>{ct(Ze),at.resetSelectedOption()},Wt=Be({name:"MultiSelect",classes:{},props:t,classNames:o,styles:i,unstyled:l}),{resolvedClassNames:Kt,resolvedStyles:Hn}=_n({props:t,styles:i,classNames:o}),Ud=Ze=>{h==null||h(Ze),Ze.key===" "&&!A&&(Ze.preventDefault(),at.toggleDropdown()),Ze.key==="Backspace"&&Je.length===0&&xe.length>0&&(J==null||J(xe[xe.length-1]),mn(xe.slice(0,xe.length-1)))},Hd=xe?.map((Ze,Xo)=>{var ui,gi;return s.jsx(_s,{withRemoveButton:!L&&!((ui=It[Ze])!=null&&ui.disabled),onRemove:()=>{mn(xe.filter(qd=>Ze!==qd)),J==null||J(Ze)},unstyled:l,disabled:B,...Wt("pill"),children:((gi=It[Ze])==null?void 0:gi.label)||Ze},`${Ze}-${Xo}`)});y.useEffect(()=>{C&&at.selectFirstOption()},[C,Je]);const ci=s.jsx(Ve.ClearButton,{...he,onClear:()=>{Ae==null||Ae(),mn([]),gt("")}}),Gd=Em({data:lt,value:xe}),di=Ie&&xe.length>0&&!B&&!L;return s.jsxs(s.Fragment,{children:[s.jsxs(Ve,{store:at,classNames:Kt,styles:Hn,unstyled:l,size:c,readOnly:L,__staticSelector:"MultiSelect",onOptionSubmit:Ze=>{j==null||j(Ze),gt(""),at.updateSelectedOptionIndex("selected"),xe.includes(It[Ze].value)?(mn(xe.filter(Xo=>Xo!==It[Ze].value)),J==null||J(It[Ze].value)):xe.length<K&&mn([...xe,It[Ze].value])},...M,children:[s.jsx(Ve.DropdownTarget,{children:s.jsx(to,{...kn,__staticSelector:"MultiSelect",classNames:Kt,styles:Hn,unstyled:l,size:c,className:a,style:r,variant:p,disabled:B,radius:O,__defaultRightSection:s.jsx(Ve.Chevron,{size:c,error:de,unstyled:l,color:re}),__clearSection:ci,__clearable:di,rightSection:P,rightSectionPointerEvents:z||(ci?"all":"none"),rightSectionWidth:$,rightSectionProps:H,leftSection:ae,leftSectionWidth:ie,leftSectionPointerEvents:Q,leftSectionProps:se,inputContainer:te,inputWrapperOrder:Z,withAsterisk:I,labelProps:Y,descriptionProps:ce,errorProps:ee,wrapperProps:W,description:me,label:le,error:de,withErrorStyles:we,__stylesApiProps:{...t,rightSectionPointerEvents:z||(di?"all":"none"),multiline:!0},pointer:!A,onClick:()=>A?at.openDropdown():at.toggleDropdown(),"data-expanded":at.dropdownOpened||void 0,id:Le,required:Xe,mod:ot,children:s.jsxs(_s.Group,{disabled:B,unstyled:l,...Wt("pillsList"),children:[Hd,s.jsx(Ve.EventsTarget,{autoComplete:us,children:s.jsx(to.Field,{...tt,ref:n,id:Le,placeholder:_e,type:!A&&!_e?"hidden":"visible",...Wt("inputField"),unstyled:l,onFocus:Ze=>{_==null||_(Ze),A&&at.openDropdown()},onBlur:Ze=>{D==null||D(Ze),at.closeDropdown(),gt("")},onKeyDown:Ud,value:Je,onChange:Ze=>{gt(Ze.currentTarget.value),A&&at.openDropdown(),C&&at.selectFirstOption()},disabled:B,readOnly:L||!A,pointer:!A})})]})})}),s.jsx(fr,{data:Se?Gd:lt,hidden:L||B,filter:k,search:Je,limit:S,hiddenWhenEmpty:!ne,withScrollArea:T,maxDropdownHeight:N,filterOptions:A,value:xe,checkIconPosition:ve,withCheckIcon:be,nothingFoundMessage:ne,unstyled:l,labelId:le?`${Le}-label`:void 0,"aria-label":le?void 0:Ke["aria-label"],renderOption:et,scrollAreaProps:$e})]}),s.jsx(Ve.HiddenInput,{name:U,valuesDivider:Oe,value:xe,form:q,disabled:B,...X})]})});_o.classes={...Mn.classes,...Ve.classes};_o.displayName="@mantine/core/MultiSelect";function Yl(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,o=Object.getOwnPropertySymbols(e);a<o.length;a++)n.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]]);return t}var es;(function(e){e.event="event",e.props="prop"})(es||(es={}));function vn(){}function Am(e){var n,t=void 0;return function(){for(var o=[],a=arguments.length;a--;)o[a]=arguments[a];return n&&o.length===n.length&&o.every(function(r,i){return r===n[i]})||(n=o,t=e.apply(void 0,o)),t}}function Ms(e){return!!(e||"").match(/\d/)}function xn(e){return e==null}function zm(e){return typeof e=="number"&&isNaN(e)}function Ql(e){return xn(e)||zm(e)||typeof e=="number"&&!isFinite(e)}function Xl(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function $m(e){switch(e){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;case"thousand":default:return/(\d)(?=(\d{3})+(?!\d))/g}}function Lm(e,n,t){var o=$m(t),a=e.search(/[1-9]/);return a=a===-1?e.length:a,e.substring(0,a)+e.substring(a,e.length).replace(o,"$1"+n)}function Mi(e){var n=y.useRef(e);n.current=e;var t=y.useRef(function(){for(var o=[],a=arguments.length;a--;)o[a]=arguments[a];return n.current.apply(n,o)});return t.current}function Ir(e,n){n===void 0&&(n=!0);var t=e[0]==="-",o=t&&n;e=e.replace("-","");var a=e.split("."),r=a[0],i=a[1]||"";return{beforeDecimal:r,afterDecimal:i,hasNegation:t,addNegation:o}}function Vm(e){if(!e)return e;var n=e[0]==="-";n&&(e=e.substring(1,e.length));var t=e.split("."),o=t[0].replace(/^0+/,"")||"0",a=t[1]||"";return(n?"-":"")+o+(a?"."+a:"")}function Zl(e,n,t){for(var o="",a=t?"0":"",r=0;r<=n-1;r++)o+=e[r]||a;return o}function Ri(e,n){return Array(n+1).join(e)}function Jl(e){var n=e+"",t=n[0]==="-"?"-":"";t&&(n=n.substring(1));var o=n.split(/[eE]/g),a=o[0],r=o[1];if(r=Number(r),!r)return t+a;a=a.replace(".","");var i=1+r,l=a.length;return i<0?a="0."+Ri("0",Math.abs(i))+a:i>=l?a=a+Ri("0",i-l):a=(a.substring(0,i)||"0")+"."+a.substring(i),t+a}function Ni(e,n,t){if(["","-"].indexOf(e)!==-1)return e;var o=(e.indexOf(".")!==-1||t)&&n,a=Ir(e),r=a.beforeDecimal,i=a.afterDecimal,l=a.hasNegation,d=parseFloat("0."+(i||"0")),c=i.length<=n?"0."+i:d.toFixed(n),u=c.split("."),g=r;r&&Number(u[0])&&(g=r.split("").reverse().reduce(function(f,v,x){return f.length>x?(Number(f[0])+Number(v)).toString()+f.substring(1,f.length):v+f},u[0]));var m=Zl(u[1]||"",n,t),h=l?"-":"",p=o?".":"";return""+h+g+p+m}function Fn(e,n){if(e.value=e.value,e!==null){if(e.createTextRange){var t=e.createTextRange();return t.move("character",n),t.select(),!0}return e.selectionStart||e.selectionStart===0?(e.focus(),e.setSelectionRange(n,n),!0):(e.focus(),!1)}}var ec=Am(function(e,n){for(var t=0,o=0,a=e.length,r=n.length;e[t]===n[t]&&t<a;)t++;for(;e[a-1-o]===n[r-1-o]&&r-o>t&&a-o>t;)o++;return{from:{start:t,end:a-o},to:{start:t,end:r-o}}}),Bm=function(e,n){var t=Math.min(e.selectionStart,n);return{from:{start:t,end:e.selectionEnd},to:{start:t,end:n}}};function Um(e,n,t){return Math.min(Math.max(e,n),t)}function ta(e){return Math.max(e.selectionStart,e.selectionEnd)}function Hm(){return typeof navigator<"u"&&!(navigator.platform&&/iPhone|iPod/.test(navigator.platform))}function Gm(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:""}}function qm(e){var n=e.currentValue,t=e.formattedValue,o=e.currentValueIndex,a=e.formattedValueIndex;return n[o]===t[a]}function Wm(e,n,t,o,a,r,i){i===void 0&&(i=qm);var l=a.findIndex(function(C){return C}),d=e.slice(0,l);!n&&!t.startsWith(d)&&(n=d,t=d+t,o=o+d.length);for(var c=t.length,u=e.length,g={},m=new Array(c),h=0;h<c;h++){m[h]=-1;for(var p=0,f=u;p<f;p++){var v=i({currentValue:t,lastValue:n,formattedValue:e,currentValueIndex:h,formattedValueIndex:p});if(v&&g[p]!==!0){m[h]=p,g[p]=!0;break}}}for(var x=o;x<c&&(m[x]===-1||!r(t[x]));)x++;var b=x===c||m[x]===-1?u:m[x];for(x=o-1;x>0&&m[x]===-1;)x--;var w=x===-1||m[x]===-1?0:m[x]+1;return w>b?b:o-w<b-o?w:b}function ki(e,n,t,o){var a=e.length;if(n=Um(n,0,a),o==="left"){for(;n>=0&&!t[n];)n--;n===-1&&(n=t.indexOf(!0))}else{for(;n<=a&&!t[n];)n++;n>a&&(n=t.lastIndexOf(!0))}return n===-1&&(n=a),n}function Km(e){for(var n=Array.from({length:e.length+1})?.map(function(){return!0}),t=0,o=n.length;t<o;t++)n[t]=!!(Ms(e[t])||Ms(e[t-1]));return n}function tc(e,n,t,o,a,r){r===void 0&&(r=vn);var i=Mi(function(p,f){var v,x;return Ql(p)?(x="",v=""):typeof p=="number"||f?(x=typeof p=="number"?Jl(p):p,v=o(x)):(x=a(p,void 0),v=o(x)),{formattedValue:v,numAsString:x}}),l=y.useState(function(){return i(xn(e)?n:e,t)}),d=l[0],c=l[1],u=Mi(function(p,f){p.formattedValue!==d.formattedValue&&c({formattedValue:p.formattedValue,numAsString:p.value}),r(p,f)}),g=e,m=t;xn(e)&&(g=d.numAsString,m=!0);var h=i(g,m);return y.useMemo(function(){c(h)},[h.formattedValue]),y.useEffect(function(){if(!xn(n)&&xn(e)&&d.formattedValue!==""){var p=parseFloat(d.numAsString);u({formattedValue:d.formattedValue,value:d.numAsString,floatValue:isNaN(p)?void 0:p},{event:void 0,source:es.props})}},[]),[d,u]}function Ym(e){return e.replace(/[^0-9]/g,"")}function Qm(e){return e}function Xm(e){var n=e.type;n===void 0&&(n="text");var t=e.displayType;t===void 0&&(t="input");var o=e.customInput,a=e.renderText,r=e.getInputRef,i=e.format;i===void 0&&(i=Qm);var l=e.removeFormatting;l===void 0&&(l=Ym);var d=e.defaultValue,c=e.valueIsNumericString,u=e.onValueChange,g=e.isAllowed,m=e.onChange;m===void 0&&(m=vn);var h=e.onKeyDown;h===void 0&&(h=vn);var p=e.onMouseUp;p===void 0&&(p=vn);var f=e.onFocus;f===void 0&&(f=vn);var v=e.onBlur;v===void 0&&(v=vn);var x=e.value,b=e.getCaretBoundary;b===void 0&&(b=Km);var w=e.isValidInputCharacter;w===void 0&&(w=Ms);var C=e.isCharacterSame,j=Yl(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),M=tc(x,d,!!c,i,l,u),k=M[0],S=k.formattedValue,T=k.numAsString,N=M[1],F=y.useRef(),E=y.useRef({formattedValue:S,numAsString:T}),V=function(K,A){E.current={formattedValue:K.formattedValue,numAsString:K.value},N(K,A)},L=y.useState(!1),B=L[0],_=L[1],D=y.useRef(null),O=y.useRef({setCaretTimeout:null,focusTimeout:null});y.useEffect(function(){return _(!0),function(){clearTimeout(O.current.setCaretTimeout),clearTimeout(O.current.focusTimeout)}},[]);var P=i,$=function(K,A){var ne=parseFloat(A);return{formattedValue:K,value:A,floatValue:isNaN(ne)?void 0:ne}},z=function(K,A,ne){K.selectionStart===0&&K.selectionEnd===K.value.length||(Fn(K,A),O.current.setCaretTimeout=setTimeout(function(){K.value===ne&&K.selectionStart!==A&&Fn(K,A)},0))},H=function(K,A,ne){return ki(K,A,b(K),ne)},ae=function(K,A,ne){var be=b(A),ve=Wm(A,S,K,ne,be,w,C);return ve=ki(A,ve,be),ve},ie=function(K){var A=K.formattedValue;A===void 0&&(A="");var ne=K.input,be=K.source,ve=K.event,Se=K.numAsString,we;if(ne){var U=K.inputValue||ne.value,q=ta(ne);ne.value=A,we=ae(U,A,q),we!==void 0&&z(ne,we,A)}A!==S&&V($(A,Se),{event:ve,source:be})};y.useEffect(function(){var K=E.current,A=K.formattedValue,ne=K.numAsString;(S!==A||T!==ne)&&V($(S,T),{event:void 0,source:es.props})},[S,T]);var Q=D.current?ta(D.current):void 0,se=typeof window<"u"?y.useLayoutEffect:y.useEffect;se(function(){var K=D.current;if(S!==E.current.formattedValue&&K){var A=ae(E.current.formattedValue,S,Q);K.value=S,z(K,A,S)}},[S]);var te=function(K,A,ne){var be=A.target,ve=F.current?Bm(F.current,be.selectionEnd):ec(S,K),Se=Object.assign(Object.assign({},ve),{lastValue:S}),we=l(K,Se),U=P(we);if(we=l(U,void 0),g&&!g($(U,we))){var q=A.target,oe=ta(q),Ie=ae(K,S,oe);return q.value=S,z(q,Ie,S),!1}return ie({formattedValue:U,numAsString:we,inputValue:K,event:A,source:ne,input:A.target}),!0},Z=function(K,A){A===void 0&&(A=0);var ne=K.selectionStart,be=K.selectionEnd;F.current={selectionStart:ne,selectionEnd:be+A}},I=function(K){var A=K.target,ne=A.value,be=te(ne,K,es.event);be&&m(K),F.current=void 0},Y=function(K){var A=K.target,ne=K.key,be=A.selectionStart,ve=A.selectionEnd,Se=A.value;Se===void 0&&(Se="");var we;ne==="ArrowLeft"||ne==="Backspace"?we=Math.max(be-1,0):ne==="ArrowRight"?we=Math.min(be+1,Se.length):ne==="Delete"&&(we=be);var U=0;ne==="Delete"&&be===ve&&(U=1);var q=ne==="ArrowLeft"||ne==="ArrowRight";if(we===void 0||be!==ve&&!q){h(K),Z(A,U);return}var oe=we;if(q){var Ie=ne==="ArrowLeft"?"left":"right";oe=H(Se,we,Ie),oe!==we&&K.preventDefault()}else ne==="Delete"&&!w(Se[we])?oe=H(Se,we,"right"):ne==="Backspace"&&!w(Se[we])&&(oe=H(Se,we,"left"));oe!==we&&z(A,oe,Se),h(K),Z(A,U)},ce=function(K){var A=K.target,ne=function(){var be=A.selectionStart,ve=A.selectionEnd,Se=A.value;if(Se===void 0&&(Se=""),be===ve){var we=H(Se,be);we!==be&&z(A,we,Se)}};ne(),requestAnimationFrame(function(){ne()}),p(K),Z(A)},ee=function(K){K.persist&&K.persist();var A=K.target,ne=K.currentTarget;D.current=A,O.current.focusTimeout=setTimeout(function(){var be=A.selectionStart,ve=A.selectionEnd,Se=A.value;Se===void 0&&(Se="");var we=H(Se,be);we!==be&&!(be===0&&ve===Se.length)&&z(A,we,Se),f(Object.assign(Object.assign({},K),{currentTarget:ne}))},0)},W=function(K){D.current=null,clearTimeout(O.current.focusTimeout),clearTimeout(O.current.setCaretTimeout),v(K)},me=B&&Hm()?"numeric":void 0,le=Object.assign({inputMode:me},j,{type:n,value:S,onChange:I,onKeyDown:Y,onMouseUp:ce,onFocus:ee,onBlur:W});if(t==="text")return a?In.createElement(In.Fragment,null,a(S,j)||null):In.createElement("span",Object.assign({},j,{ref:r}),S);if(o){var de=o;return In.createElement(de,Object.assign({},le,{ref:r}))}return In.createElement("input",Object.assign({},le,{ref:r}))}function Di(e,n){var t=n.decimalScale,o=n.fixedDecimalScale,a=n.prefix;a===void 0&&(a="");var r=n.suffix;r===void 0&&(r="");var i=n.allowNegative,l=n.thousandsGroupStyle;if(l===void 0&&(l="thousand"),e===""||e==="-")return e;var d=Mo(n),c=d.thousandSeparator,u=d.decimalSeparator,g=t!==0&&e.indexOf(".")!==-1||t&&o,m=Ir(e,i),h=m.beforeDecimal,p=m.afterDecimal,f=m.addNegation;return t!==void 0&&(p=Zl(p,t,!!o)),c&&(h=Lm(h,c,l)),a&&(h=a+h),r&&(p=p+r),f&&(h="-"+h),e=h+(g&&u||"")+p,e}function Mo(e){var n=e.decimalSeparator;n===void 0&&(n=".");var t=e.thousandSeparator,o=e.allowedDecimalSeparators;return t===!0&&(t=","),o||(o=[n,"."]),{decimalSeparator:n,thousandSeparator:t,allowedDecimalSeparators:o}}function Zm(e,n){e===void 0&&(e="");var t=new RegExp("(-)"),o=new RegExp("(-)(.)*(-)"),a=t.test(e),r=o.test(e);return e=e.replace(/-/g,""),a&&!r&&n&&(e="-"+e),e}function Jm(e,n){return new RegExp("(^-)|[0-9]|"+Xl(e),"g")}function eh(e,n,t){return e===""?!0:!(n!=null&&n.match(/\d/))&&!(t!=null&&t.match(/\d/))&&typeof e=="string"&&!isNaN(Number(e))}function th(e,n,t){var o;n===void 0&&(n=Gm(e));var a=t.allowNegative,r=t.prefix;r===void 0&&(r="");var i=t.suffix;i===void 0&&(i="");var l=t.decimalScale,d=n.from,c=n.to,u=c.start,g=c.end,m=Mo(t),h=m.allowedDecimalSeparators,p=m.decimalSeparator,f=e[g]===p;if(Ms(e)&&(e===r||e===i)&&n.lastValue==="")return e;if(g-u===1&&h.indexOf(e[u])!==-1){var v=l===0?"":p;e=e.substring(0,u)+v+e.substring(u+1,e.length)}var x=function(D,O,P){var $=!1,z=!1;r.startsWith("-")?$=!1:D.startsWith("--")?($=!1,z=!0):i.startsWith("-")&&D.length===i.length?$=!1:D[0]==="-"&&($=!0);var H=$?1:0;return z&&(H=2),H&&(D=D.substring(H),O-=H,P-=H),{value:D,start:O,end:P,hasNegation:$}},b=x(e,u,g),w=b.hasNegation;o=b,e=o.value,u=o.start,g=o.end;var C=x(n.lastValue,d.start,d.end),j=C.start,M=C.end,k=C.value,S=e.substring(u,g);e.length&&k.length&&(j>k.length-i.length||M<r.length)&&!(S&&i.startsWith(S))&&(e=k);var T=0;e.startsWith(r)?T+=r.length:u<r.length&&(T=u),e=e.substring(T),g-=T;var N=e.length,F=e.length-i.length;e.endsWith(i)?N=F:(g>F||g>e.length-i.length)&&(N=g),e=e.substring(0,N),e=Zm(w?"-"+e:e,a),e=(e.match(Jm(p))||[]).join("");var E=e.indexOf(p);e=e.replace(new RegExp(Xl(p),"g"),function(D,O){return O===E?".":""});var V=Ir(e,a),L=V.beforeDecimal,B=V.afterDecimal,_=V.addNegation;return c.end-c.start<d.end-d.start&&L===""&&f&&!parseFloat(B)&&(e=_?"-":""),e}function nh(e,n){var t=n.prefix;t===void 0&&(t="");var o=n.suffix;o===void 0&&(o="");var a=Array.from({length:e.length+1})?.map(function(){return!0}),r=e[0]==="-";a.fill(!1,0,Math.min(t.length+(r?1:0),e.length));var i=e.length;return a.fill(!1,i-o.length+1,i+1),a}function sh(e){var n=Mo(e),t=n.thousandSeparator,o=n.decimalSeparator,a=e.prefix;a===void 0&&(a="");var r=e.allowNegative;if(r===void 0&&(r=!0),t===o)throw new Error(`
+        Decimal separator can't be same as thousand separator.
+        thousandSeparator: `+t+` (thousandSeparator = {true} is same as thousandSeparator = ",")
+        decimalSeparator: `+o+` (default value for decimalSeparator is .)
+     `);return a.startsWith("-")&&r&&(r=!1),Object.assign(Object.assign({},e),{allowNegative:r})}function oh(e){e=sh(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var n=e.suffix,t=e.allowNegative,o=e.allowLeadingZeros,a=e.onKeyDown;a===void 0&&(a=vn);var r=e.onBlur;r===void 0&&(r=vn);var i=e.thousandSeparator,l=e.decimalScale,d=e.fixedDecimalScale,c=e.prefix;c===void 0&&(c="");var u=e.defaultValue,g=e.value,m=e.valueIsNumericString,h=e.onValueChange,p=Yl(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),f=Mo(e),v=f.decimalSeparator,x=f.allowedDecimalSeparators,b=function(_){return Di(_,e)},w=function(_,D){return th(_,D,e)},C=xn(g)?u:g,j=m??eh(C,c,n);xn(g)?xn(u)||(j=j||typeof u=="number"):j=j||typeof g=="number";var M=function(_){return Ql(_)?_:(typeof _=="number"&&(_=Jl(_)),j&&typeof l=="number"?Ni(_,l,!!d):_)},k=tc(M(g),M(u),!!j,b,w,h),S=k[0],T=S.numAsString,N=S.formattedValue,F=k[1],E=function(_){var D=_.target,O=_.key,P=D.selectionStart,$=D.selectionEnd,z=D.value;if(z===void 0&&(z=""),(O==="Backspace"||O==="Delete")&&$<c.length&&z!=="-"){_.preventDefault();return}if(P!==$){a(_);return}O==="Backspace"&&z[0]==="-"&&P===c.length+1&&t&&Fn(D,1),l&&d&&(O==="Backspace"&&z[P-1]===v?(Fn(D,P-1),_.preventDefault()):O==="Delete"&&z[P]===v&&_.preventDefault()),x!=null&&x.includes(O)&&z[P]===v&&Fn(D,P+1);var H=i===!0?",":i;O==="Backspace"&&z[P-1]===H&&Fn(D,P-1),O==="Delete"&&z[P]===H&&Fn(D,P+1),a(_)},V=function(_){var D=T;if(D.match(/\d/g)||(D=""),o||(D=Vm(D)),d&&l&&(D=Ni(D,l,d)),D!==T){var O=Di(D,e);F({formattedValue:O,value:D,floatValue:parseFloat(D)},{event:_,source:es.event})}r(_)},L=function(_){return _===v?!0:Ms(_)},B=function(_){var D=_.currentValue,O=_.lastValue,P=_.formattedValue,$=_.currentValueIndex,z=_.formattedValueIndex,H=D[$],ae=P[z],ie=ec(O,D),Q=ie.to,se=function(te){return w(te).indexOf(".")+c.length};return g===0&&d&&l&&D[Q.start]===v&&se(D)<$&&se(P)>z?!1:$>=Q.start&&$<Q.end&&x&&x.includes(H)&&ae===v?!0:H===ae};return Object.assign(Object.assign({},p),{value:N,valueIsNumericString:!1,isValidInputCharacter:L,isCharacterSame:B,onValueChange:F,format:b,removeFormatting:w,getCaretBoundary:function(_){return nh(_,e)},onKeyDown:E,onBlur:V})}function ah(e){var n=oh(e);return In.createElement(Xm,Object.assign({},n))}function Ti({direction:e,style:n,...t}){return s.jsx("svg",{style:{width:"var(--ni-chevron-size)",height:"var(--ni-chevron-size)",transform:e==="up"?"rotate(180deg)":void 0,...n},viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:s.jsx("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})}var Ta={root:"m_e2f5cd4e",controls:"m_95e17d22",control:"m_80b4b171"};const rh=/^(0\.0*|-0(\.0*)?)$/,ih=/^-?0\d+(\.\d+)?\.?$/;function Ia(e){return typeof e=="string"&&e!==""&&!Number.isNaN(Number(e))}function na(e){return typeof e=="number"?e<Number.MAX_SAFE_INTEGER:e===""||Ia(e)&&Number(e)<Number.MAX_SAFE_INTEGER}function lh(e){return e.toString().replace(".","").length}function ch(e,n){return(typeof e=="number"?e<Number.MAX_SAFE_INTEGER:!Number.isNaN(Number(e)))&&!Number.isNaN(e)&&lh(n)<14&&n!==""}function Ii(e,n,t){if(e===void 0)return!0;const o=n===void 0||e>=n,a=t===void 0||e<=t;return o&&a}const dh={step:1,clampBehavior:"blur",allowDecimal:!0,allowNegative:!0,withKeyboardEvents:!0,allowLeadingZeros:!0,trimLeadingZeroesOnBlur:!0,startValue:0},uh=Ye((e,{size:n})=>({controls:{"--ni-chevron-size":Qe(n,"ni-chevron-size")}}));function gh(e,n,t){const o=e.toString().replace(/^0+/,""),a=parseFloat(o);return Number.isNaN(a)?o:a>Number.MAX_SAFE_INTEGER?n!==void 0?String(n):o:En(a,t,n)}const Fr=ye((e,n)=>{const t=ge("NumberInput",dh,e),{className:o,classNames:a,styles:r,unstyled:i,vars:l,onChange:d,onValueChange:c,value:u,defaultValue:g,max:m,min:h,step:p,hideControls:f,rightSection:v,isAllowed:x,clampBehavior:b,onBlur:w,allowDecimal:C,decimalScale:j,onKeyDown:M,onKeyDownCapture:k,handlersRef:S,startValue:T,disabled:N,rightSectionPointerEvents:F,allowNegative:E,readOnly:V,size:L,rightSectionWidth:B,stepHoldInterval:_,stepHoldDelay:D,allowLeadingZeros:O,withKeyboardEvents:P,trimLeadingZeroesOnBlur:$,...z}=t,H=Be({name:"NumberInput",classes:Ta,props:t,classNames:a,styles:r,unstyled:i,vars:l,varsResolver:uh}),{resolvedClassNames:ae,resolvedStyles:ie}=_n({classNames:a,styles:r,props:t}),[Q,se]=$t({value:u,defaultValue:g,finalValue:"",onChange:d}),te=D!==void 0&&_!==void 0,Z=y.useRef(null),I=y.useRef(null),Y=y.useRef(0),ce=(U,q)=>{q.source==="event"&&se(ch(U.floatValue,U.value)&&!rh.test(U.value)&&!(O&&ih.test(U.value))?U.floatValue:U.value),c==null||c(U,q)},ee=U=>{const q=String(U).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return q?Math.max(0,(q[1]?q[1].length:0)-(q[2]?+q[2]:0)):0},W=U=>{Z.current&&typeof U<"u"&&Z.current.setSelectionRange(U,U)},me=y.useRef(pi);me.current=()=>{if(!na(Q))return;let U;const q=ee(Q),oe=ee(p),Ie=Math.max(q,oe),he=10**Ie;if(!Ia(Q)&&(typeof Q!="number"||Number.isNaN(Q)))U=En(T,h,m);else if(m!==void 0){const _e=(Math.round(Number(Q)*he)+Math.round(p*he))/he;U=_e<=m?_e:m}else U=(Math.round(Number(Q)*he)+Math.round(p*he))/he;const X=U.toFixed(Ie);se(parseFloat(X)),c==null||c({floatValue:parseFloat(X),formattedValue:X,value:X},{source:"increment"}),setTimeout(()=>{var _e;return W((_e=Z.current)==null?void 0:_e.value.length)},0)};const le=y.useRef(pi);le.current=()=>{if(!na(Q))return;let U;const q=h!==void 0?h:E?Number.MIN_SAFE_INTEGER:0,oe=ee(Q),Ie=ee(p),he=Math.max(oe,Ie),X=10**he;if(!Ia(Q)&&typeof Q!="number"||Number.isNaN(Q))U=En(T,q,m);else{const Oe=(Math.round(Number(Q)*X)-Math.round(p*X))/X;U=q!==void 0&&Oe<q?q:Oe}const _e=U.toFixed(he);se(parseFloat(_e)),c==null||c({floatValue:parseFloat(_e),formattedValue:_e,value:_e},{source:"decrement"}),setTimeout(()=>{var Oe;return W((Oe=Z.current)==null?void 0:Oe.value.length)},0)};const de=U=>{M==null||M(U),!(V||!P)&&(U.key==="ArrowUp"&&(U.preventDefault(),me.current()),U.key==="ArrowDown"&&(U.preventDefault(),le.current()))},K=U=>{if(k==null||k(U),U.key==="Backspace"){const q=Z.current;q.selectionStart===0&&q.selectionStart===q.selectionEnd&&(U.preventDefault(),window.setTimeout(()=>W(0),0))}},A=U=>{let q=Q;b==="blur"&&typeof q=="number"&&(q=En(q,h,m)),$&&typeof q=="string"&&ee(q)<15&&(q=gh(q,m,h)),Q!==q&&se(q),w==null||w(U)};iu(S,{increment:me.current,decrement:le.current});const ne=U=>{U?me.current():le.current(),Y.current+=1},be=U=>{if(ne(U),te){const q=typeof _=="number"?_:_(Y.current);I.current=window.setTimeout(()=>be(U),q)}},ve=(U,q)=>{var oe;U.preventDefault(),(oe=Z.current)==null||oe.focus(),ne(q),te&&(I.current=window.setTimeout(()=>be(q),D))},Se=()=>{I.current&&window.clearTimeout(I.current),I.current=null,Y.current=0},we=s.jsxs("div",{...H("controls"),children:[s.jsx(Et,{...H("control"),tabIndex:-1,"aria-hidden":!0,disabled:N||typeof Q=="number"&&m!==void 0&&Q>=m,mod:{direction:"up"},onMouseDown:U=>U.preventDefault(),onPointerDown:U=>{ve(U,!0)},onPointerUp:Se,onPointerLeave:Se,children:s.jsx(Ti,{direction:"up"})}),s.jsx(Et,{...H("control"),tabIndex:-1,"aria-hidden":!0,disabled:N||typeof Q=="number"&&h!==void 0&&Q<=h,mod:{direction:"down"},onMouseDown:U=>U.preventDefault(),onPointerDown:U=>{ve(U,!1)},onPointerUp:Se,onPointerLeave:Se,children:s.jsx(Ti,{direction:"down"})})]});return s.jsx(Mn,{component:ah,allowNegative:E,className:je(Ta.root,o),size:L,...z,readOnly:V,disabled:N,value:Q,getInputRef:Sn(n,Z),onValueChange:ce,rightSection:f||V||!na(Q)?v:v||we,classNames:ae,styles:ie,unstyled:i,__staticSelector:"NumberInput",decimalScale:C?j:0,onKeyDown:de,onKeyDownCapture:K,rightSectionPointerEvents:F??(N?"none":void 0),rightSectionWidth:B??`var(--ni-right-section-width-${L||"sm"})`,allowLeadingZeros:O,onBlur:A,isAllowed:U=>b==="strict"?x?x(U)&&Ii(U.floatValue,h,m):Ii(U.floatValue,h,m):x?x(U):!0})});Fr.classes={...Mn.classes,...Ta};Fr.displayName="@mantine/core/NumberInput";const[mh,Ro]=os("Pagination.Root component was not found in tree");var Ts={root:"m_4addd315",control:"m_326d024a",dots:"m_4ad7767d"};const hh={withPadding:!0},Is=ye((e,n)=>{const t=ge("PaginationControl",hh,e),{classNames:o,className:a,style:r,styles:i,vars:l,active:d,disabled:c,withPadding:u,mod:g,...m}=t,h=Ro(),p=c||h.disabled;return s.jsx(Et,{ref:n,disabled:p,mod:[{active:d,disabled:p,"with-padding":u},g],...h.getStyles("control",{className:a,style:r,classNames:o,styles:i,active:!p}),...m})});Is.classes=Ts;Is.displayName="@mantine/core/PaginationControl";function Fs({style:e,children:n,path:t,...o}){return s.jsx("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",style:{width:"calc(var(--pagination-control-size) / 1.8)",height:"calc(var(--pagination-control-size) / 1.8)",...e},...o,children:s.jsx("path",{d:t,fill:"currentColor"})})}const ph=e=>s.jsx(Fs,{...e,path:"M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z"}),fh=e=>s.jsx(Fs,{...e,path:"M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z"}),vh=e=>s.jsx(Fs,{...e,path:"M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z"}),xh=e=>s.jsx(Fs,{...e,path:"M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z"}),bh=e=>s.jsx(Fs,{...e,path:"M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z"}),yh={icon:bh},No=ye((e,n)=>{const t=ge("PaginationDots",yh,e),{classNames:o,className:a,style:r,styles:i,vars:l,icon:d,...c}=t,u=Ro(),g=d;return s.jsx(G,{ref:n,...u.getStyles("dots",{className:a,style:r,styles:i,classNames:o}),...c,children:s.jsx(g,{style:{width:"calc(var(--pagination-control-size) / 1.8)",height:"calc(var(--pagination-control-size) / 1.8)"}})})});No.classes=Ts;No.displayName="@mantine/core/PaginationDots";function ko({icon:e,name:n,action:t,type:o}){const a={icon:e},r=y.forwardRef((i,l)=>{const{icon:d,...c}=ge(n,a,i),u=d,g=Ro(),m=o==="next"?g.active===g.total:g.active===1;return s.jsx(Is,{disabled:g.disabled||m,ref:l,onClick:g[t],withPadding:!1,...c,children:s.jsx(u,{className:"mantine-rotate-rtl",style:{width:"calc(var(--pagination-control-size) / 1.8)",height:"calc(var(--pagination-control-size) / 1.8)"}})})});return r.displayName=`@mantine/core/${n}`,lu(r)}const nc=ko({icon:ph,name:"PaginationNext",action:"onNext",type:"next"}),sc=ko({icon:fh,name:"PaginationPrevious",action:"onPrevious",type:"previous"}),oc=ko({icon:vh,name:"PaginationFirst",action:"onFirst",type:"previous"}),ac=ko({icon:xh,name:"PaginationLast",action:"onLast",type:"next"});function Pr({dotsIcon:e}){const n=Ro(),t=n.range?.map((o,a)=>{var r,i,l;return o==="dots"?s.jsx(No,{icon:e},a):s.jsx(Is,{active:o===n.active,"aria-current":o===n.active?"page":void 0,onClick:()=>n.onChange(o),disabled:n.disabled,...(r=n.getItemProps)==null?void 0:r.call(n,o),children:((l=(i=n.getItemProps)==null?void 0:i.call(n,o))==null?void 0:l.children)??o},a)});return s.jsx(s.Fragment,{children:t})}Pr.displayName="@mantine/core/PaginationItems";const wh={siblings:1,boundaries:1},jh=Ye((e,{size:n,radius:t,color:o,autoContrast:a})=>({root:{"--pagination-control-radius":t===void 0?void 0:Vt(t),"--pagination-control-size":Qe(n,"pagination-control-size"),"--pagination-control-fz":kt(n),"--pagination-active-bg":o?Yt(o,e):void 0,"--pagination-active-color":nr(a,e)?Ya({color:o,theme:e,autoContrast:a}):void 0}})),Do=ye((e,n)=>{const t=ge("PaginationRoot",wh,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,total:c,value:u,defaultValue:g,onChange:m,disabled:h,siblings:p,boundaries:f,color:v,radius:x,onNextPage:b,onPreviousPage:w,onFirstPage:C,onLastPage:j,getItemProps:M,autoContrast:k,...S}=t,T=Be({name:"Pagination",classes:Ts,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:jh}),{range:N,setPage:F,next:E,previous:V,active:L,first:B,last:_}=cg({page:u,initialPage:g,onChange:m,total:c,siblings:p,boundaries:f}),D=bt(b,E),O=bt(w,V),P=bt(C,B),$=bt(j,_);return s.jsx(mh,{value:{total:c,range:N,active:L,disabled:h,getItemProps:M,onChange:F,onNext:D,onPrevious:O,onFirst:P,onLast:$,getStyles:T},children:s.jsx(G,{ref:n,...T("root"),...S})})});Do.classes=Ts;Do.displayName="@mantine/core/PaginationRoot";const Ch={withControls:!0,withPages:!0,siblings:1,boundaries:1,gap:8},Ht=ye((e,n)=>{const t=ge("Pagination",Ch,e),{withEdges:o,withControls:a,getControlProps:r,nextIcon:i,previousIcon:l,lastIcon:d,firstIcon:c,dotsIcon:u,total:g,gap:m,hideWithOnePage:h,withPages:p,...f}=t;return g<=0||h&&g===1?null:s.jsx(Do,{ref:n,total:g,...f,children:s.jsxs(Fe,{gap:m,children:[o&&s.jsx(oc,{icon:c,...r==null?void 0:r("first")}),a&&s.jsx(sc,{icon:l,...r==null?void 0:r("previous")}),p&&s.jsx(Pr,{dotsIcon:u}),a&&s.jsx(nc,{icon:i,...r==null?void 0:r("next")}),o&&s.jsx(ac,{icon:d,...r==null?void 0:r("last")})]})})});Ht.classes=Ts;Ht.displayName="@mantine/core/Pagination";Ht.Root=Do;Ht.Control=Is;Ht.Dots=No;Ht.First=oc;Ht.Last=ac;Ht.Next=nc;Ht.Previous=sc;Ht.Items=Pr;const[Sh,rc]=os("Progress.Root component was not found in tree");var Ps={root:"m_db6d6462",section:"m_2242eb65","stripes-animation":"m_81a374bd",label:"m_91e40b74"};const _h={},Er=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,...l}=ge("ProgressLabel",_h,e),d=rc();return s.jsx(G,{ref:n,...d.getStyles("label",{className:o,style:a,classNames:t,styles:r}),...l})});Er.classes=Ps;Er.displayName="@mantine/core/ProgressLabel";const Mh={},Rh=Ye((e,{size:n,radius:t,transitionDuration:o})=>({root:{"--progress-size":Qe(n,"progress-size"),"--progress-radius":t===void 0?void 0:Vt(t),"--progress-transition-duration":typeof o=="number"?`${o}ms`:void 0}})),To=ye((e,n)=>{const t=ge("ProgressRoot",Mh,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,autoContrast:c,transitionDuration:u,...g}=t,m=Be({name:"Progress",classes:Ps,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Rh});return s.jsx(Sh,{value:{getStyles:m,autoContrast:c},children:s.jsx(G,{ref:n,...m("root"),...g})})});To.classes=Ps;To.displayName="@mantine/core/ProgressRoot";const Nh={withAria:!0},Io=ye((e,n)=>{const{classNames:t,className:o,style:a,styles:r,vars:i,value:l,withAria:d,color:c,striped:u,animated:g,mod:m,...h}=ge("ProgressSection",Nh,e),p=rc(),f=An(),v=d?{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":l,"aria-valuetext":`${l}%`}:{};return s.jsx(G,{ref:n,...p.getStyles("section",{className:o,classNames:t,styles:r,style:a}),...h,...v,mod:[{striped:u||g,animated:g},m],__vars:{"--progress-section-width":`${l}%`,"--progress-section-color":Yt(c,f),"--progress-label-color":nr(p.autoContrast,f)?Ya({color:c,theme:f,autoContrast:p.autoContrast}):void 0}})});Io.classes=Ps;Io.displayName="@mantine/core/ProgressSection";const kh={},cs=ye((e,n)=>{const t=ge("Progress",kh,e),{value:o,classNames:a,styles:r,vars:i,color:l,striped:d,animated:c,"aria-label":u,...g}=t,{resolvedClassNames:m,resolvedStyles:h}=_n({classNames:a,styles:r,props:t});return s.jsx(To,{ref:n,classNames:m,styles:h,vars:i,...g,children:s.jsx(Io,{value:o,color:l,striped:d,animated:c,"aria-label":u})})});cs.classes=Ps;cs.displayName="@mantine/core/Progress";cs.Section=Io;cs.Root=To;cs.Label=Er;const Dh={searchable:!1,withCheckIcon:!0,allowDeselect:!0,checkIconPosition:"left"},tn=ye((e,n)=>{const t=ge("Select",Dh,e),{classNames:o,styles:a,unstyled:r,vars:i,dropdownOpened:l,defaultDropdownOpened:d,onDropdownClose:c,onDropdownOpen:u,onFocus:g,onBlur:m,onClick:h,onChange:p,data:f,value:v,defaultValue:x,selectFirstOptionOnChange:b,onOptionSubmit:w,comboboxProps:C,readOnly:j,disabled:M,filter:k,limit:S,withScrollArea:T,maxDropdownHeight:N,size:F,searchable:E,rightSection:V,checkIconPosition:L,withCheckIcon:B,nothingFoundMessage:_,name:D,form:O,searchValue:P,defaultSearchValue:$,onSearchChange:z,allowDeselect:H,error:ae,rightSectionPointerEvents:ie,id:Q,clearable:se,clearButtonProps:te,hiddenInputProps:Z,renderOption:I,onClear:Y,autoComplete:ce,scrollAreaProps:ee,__defaultRightSection:W,__clearSection:me,__clearable:le,chevronColor:de,...K}=t,A=y.useMemo(()=>ar(f),[f]),ne=y.useMemo(()=>jo(A),[A]),be=Ns(Q),[ve,Se,we]=$t({value:v,defaultValue:x,finalValue:null,onChange:p}),U=typeof ve=="string"?ne[ve]:void 0,q=ug(U),[oe,Ie,he]=$t({value:P,defaultValue:$,finalValue:U?U.label:"",onChange:z}),X=Co({opened:l,defaultOpened:d,onDropdownOpen:()=>{u==null||u(),X.updateSelectedOptionIndex("active",{scrollIntoView:!0})},onDropdownClose:()=>{c==null||c(),X.resetSelectedOption()}}),_e=J=>{Ie(J),X.resetSelectedOption()},{resolvedClassNames:Oe,resolvedStyles:Xe}=_n({props:t,styles:a,classNames:o});y.useEffect(()=>{b&&X.selectFirstOption()},[b,oe]),y.useEffect(()=>{v===null&&_e(""),typeof v=="string"&&U&&((q==null?void 0:q.value)!==U.value||(q==null?void 0:q.label)!==U.label)&&_e(U.label)},[v,U]),y.useEffect(()=>{var J;!we&&!he&&_e(typeof ve=="string"&&((J=ne[ve])==null?void 0:J.label)||"")},[f,ve]);const ot=s.jsx(Ve.ClearButton,{...te,onClear:()=>{Se(null,null),_e(""),Y==null||Y()}}),et=se&&!!ve&&!M&&!j;return s.jsxs(s.Fragment,{children:[s.jsxs(Ve,{store:X,__staticSelector:"Select",classNames:Oe,styles:Xe,unstyled:r,readOnly:j,onOptionSubmit:J=>{w==null||w(J);const Ae=H&&ne[J].value===ve?null:ne[J],$e=Ae?Ae.value:null;$e!==ve&&Se($e,Ae),!we&&_e(typeof $e=="string"&&(Ae==null?void 0:Ae.label)||""),X.closeDropdown()},size:F,...C,children:[s.jsx(Ve.Target,{targetType:E?"input":"button",autoComplete:ce,children:s.jsx(Mn,{id:be,ref:n,__defaultRightSection:s.jsx(Ve.Chevron,{size:F,error:ae,unstyled:r,color:de}),__clearSection:ot,__clearable:et,rightSection:V,rightSectionPointerEvents:ie||(et?"all":"none"),...K,size:F,__staticSelector:"Select",disabled:M,readOnly:j||!E,value:oe,onChange:J=>{_e(J.currentTarget.value),X.openDropdown(),b&&X.selectFirstOption()},onFocus:J=>{E&&X.openDropdown(),g==null||g(J)},onBlur:J=>{var Ae;E&&X.closeDropdown(),_e(ve!=null&&((Ae=ne[ve])==null?void 0:Ae.label)||""),m==null||m(J)},onClick:J=>{E?X.openDropdown():X.toggleDropdown(),h==null||h(J)},classNames:Oe,styles:Xe,unstyled:r,pointer:!E,error:ae})}),s.jsx(fr,{data:A,hidden:j||M,filter:k,search:oe,limit:S,hiddenWhenEmpty:!_,withScrollArea:T,maxDropdownHeight:N,filterOptions:E&&(U==null?void 0:U.label)!==oe,value:ve,checkIconPosition:L,withCheckIcon:B,nothingFoundMessage:_,unstyled:r,labelId:K.label?`${be}-label`:void 0,"aria-label":K.label?void 0:K["aria-label"],renderOption:I,scrollAreaProps:ee})]}),s.jsx(Ve.HiddenInput,{value:ve,name:D,form:O,disabled:M,...Z})]})});tn.classes={...Mn.classes,...Ve.classes};tn.displayName="@mantine/core/Select";function Th({spacing:e,verticalSpacing:n,cols:t,selector:o}){var u;const a=An(),r=n===void 0?e:n,i=Wa({"--sg-spacing-x":xt(Kn(e)),"--sg-spacing-y":xt(Kn(r)),"--sg-cols":(u=Kn(t))==null?void 0:u.toString()}),l=Ks(a.breakpoints).reduce((g,m)=>(g[m]||(g[m]={}),typeof e=="object"&&e[m]!==void 0&&(g[m]["--sg-spacing-x"]=xt(e[m])),typeof r=="object"&&r[m]!==void 0&&(g[m]["--sg-spacing-y"]=xt(r[m])),typeof t=="object"&&t[m]!==void 0&&(g[m]["--sg-cols"]=t[m]),g),{}),c=og(Ks(l),a.breakpoints).filter(g=>Ks(l[g.value]).length>0)?.map(g=>({query:`(min-width: ${a.breakpoints[g.value]})`,styles:l[g.value]}));return s.jsx(qa,{styles:i,media:c,selector:o})}function sa(e){return typeof e=="object"&&e!==null?Ks(e):[]}function Ih(e){return e.sort((n,t)=>Js(n)-Js(t))}function Fh({spacing:e,verticalSpacing:n,cols:t}){const o=Array.from(new Set([...sa(e),...sa(n),...sa(t)]));return Ih(o)}function Ph({spacing:e,verticalSpacing:n,cols:t,selector:o}){var c;const a=n===void 0?e:n,r=Wa({"--sg-spacing-x":xt(Kn(e)),"--sg-spacing-y":xt(Kn(a)),"--sg-cols":(c=Kn(t))==null?void 0:c.toString()}),i=Fh({spacing:e,verticalSpacing:n,cols:t}),l=i.reduce((u,g)=>(u[g]||(u[g]={}),typeof e=="object"&&e[g]!==void 0&&(u[g]["--sg-spacing-x"]=xt(e[g])),typeof a=="object"&&a[g]!==void 0&&(u[g]["--sg-spacing-y"]=xt(a[g])),typeof t=="object"&&t[g]!==void 0&&(u[g]["--sg-cols"]=t[g]),u),{}),d=i?.map(u=>({query:`simple-grid (min-width: ${u})`,styles:l[u]}));return s.jsx(qa,{styles:r,container:d,selector:o})}var ic={container:"m_925c2d2c",root:"m_2415a157"};const Eh={cols:1,spacing:"md",type:"media"},bn=ye((e,n)=>{const t=ge("SimpleGrid",Eh,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,cols:c,verticalSpacing:u,spacing:g,type:m,...h}=t,p=Be({name:"SimpleGrid",classes:ic,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d}),f=gl();return m==="container"?s.jsxs(s.Fragment,{children:[s.jsx(Ph,{...t,selector:`.${f}`}),s.jsx("div",{...p("container"),children:s.jsx(G,{ref:n,...p("root",{className:f}),...h})})]}):s.jsxs(s.Fragment,{children:[s.jsx(Th,{...t,selector:`.${f}`}),s.jsx(G,{ref:n,...p("root",{className:f}),...h})]})});bn.classes=ic;bn.displayName="@mantine/core/SimpleGrid";const[Oh,Fo]=os("SliderProvider was not found in tree"),lc=y.forwardRef(({size:e,disabled:n,variant:t,color:o,thumbSize:a,radius:r,...i},l)=>{const{getStyles:d}=Fo();return s.jsx(G,{tabIndex:-1,variant:t,size:e,ref:l,...d("root"),...i})});lc.displayName="@mantine/core/SliderRoot";const Fa=y.forwardRef(({max:e,min:n,value:t,position:o,label:a,dragging:r,onMouseDown:i,onKeyDownCapture:l,labelTransitionProps:d,labelAlwaysOn:c,thumbLabel:u,onFocus:g,onBlur:m,showLabelOnHover:h,isHovered:p,children:f=null,disabled:v},x)=>{const{getStyles:b}=Fo(),[w,C]=y.useState(!1),j=c||r||w||h&&p;return s.jsxs(G,{tabIndex:0,role:"slider","aria-label":u,"aria-valuemax":e,"aria-valuemin":n,"aria-valuenow":t,ref:x,__vars:{"--slider-thumb-offset":`${o}%`},...b("thumb",{focusable:!0}),mod:{dragging:r,disabled:v},onFocus:M=>{C(!0),typeof g=="function"&&g(M)},onBlur:M=>{C(!1),typeof m=="function"&&m(M)},onTouchStart:i,onMouseDown:i,onKeyDownCapture:l,onClick:M=>M.stopPropagation(),children:[f,s.jsx(ss,{mounted:a!=null&&!!j,transition:"fade",duration:0,...d,children:M=>s.jsx("div",{...b("label",{style:M}),children:a})})]})});Fa.displayName="@mantine/core/SliderThumb";function Pa({value:e,min:n,max:t}){const o=(e-n)/(t-n)*100;return Math.min(Math.max(o,0),100)}function Ah({mark:e,offset:n,value:t,inverted:o=!1}){return o?typeof n=="number"&&e.value<=n||e.value>=t:typeof n=="number"?e.value>=n&&e.value<=t:e.value<=t}function cc({marks:e,min:n,max:t,disabled:o,value:a,offset:r,inverted:i}){const{getStyles:l}=Fo();if(!e)return null;const d=e?.map((c,u)=>y.createElement(G,{...l("markWrapper"),__vars:{"--mark-offset":`${Pa({value:c.value,min:n,max:t})}%`},key:u},s.jsx(G,{...l("mark"),mod:{filled:Ah({mark:c,value:a,offset:r,inverted:i}),disabled:o}}),c.label&&s.jsx("div",{...l("markLabel"),children:c.label})));return s.jsx("div",{children:d})}cc.displayName="@mantine/core/SliderMarks";function dc({filled:e,children:n,offset:t,disabled:o,marksOffset:a,inverted:r,containerProps:i,...l}){const{getStyles:d}=Fo();return s.jsx(G,{...d("trackContainer"),mod:{disabled:o},...i,children:s.jsxs(G,{...d("track"),mod:{inverted:r,disabled:o},children:[s.jsx(G,{mod:{inverted:r,disabled:o},__vars:{"--slider-bar-width":`calc(${e}% + var(--slider-size))`,"--slider-bar-offset":`calc(${t}% - var(--slider-size))`},...d("bar")}),n,s.jsx(cc,{...l,offset:a,disabled:o,inverted:r})]})})}dc.displayName="@mantine/core/SliderTrack";function Fi({value:e,containerWidth:n,min:t,max:o,step:a,precision:r}){const l=(n?Math.min(Math.max(e,0),n)/n:e)*(o-t),d=(l!==0?Math.round(l/a)*a:0)+t,c=Math.max(d,t);return r!==void 0?Number(c.toFixed(r)):c}function pn(e,n){return parseFloat(e.toFixed(n))}function zh(e){if(!e)return 0;const n=e.toString().split(".");return n.length>1?n[1].length:0}function zs(e,n){const o=[...n].sort((a,r)=>a.value-r.value).find(a=>a.value>e);return o?o.value:e}function $s(e,n){const o=[...n].sort((a,r)=>r.value-a.value).find(a=>a.value<e);return o?o.value:e}function $h(e){const n=[...e].sort((t,o)=>t.value-o.value);return n.length>0?n[0].value:0}function Lh(e){const n=[...e].sort((t,o)=>t.value-o.value);return n.length>0?n[n.length-1].value:100}var uc={root:"m_dd36362e",label:"m_c9357328",thumb:"m_c9a9a60a",trackContainer:"m_a8645c2",track:"m_c9ade57f",bar:"m_38aeed47",markWrapper:"m_b7b0423a",mark:"m_dd33bc19",markLabel:"m_68c77a5b"};function Vh(e){return"TouchEvent"in window&&e instanceof window.TouchEvent?e.touches[0].clientX:e.clientX}const Bh=Ye((e,{size:n,color:t,thumbSize:o,radius:a})=>({root:{"--slider-size":Qe(n,"slider-size"),"--slider-color":t?Yt(t,e):void 0,"--slider-radius":a===void 0?void 0:Vt(a),"--slider-thumb-size":o!==void 0?At(o):"calc(var(--slider-size) * 2)"}})),Uh={min:0,max:100,minRange:10,step:1,marks:[],label:e=>e,labelTransitionProps:{transition:"fade",duration:0},labelAlwaysOn:!1,showLabelOnHover:!0,disabled:!1,scale:e=>e},Or=ye((e,n)=>{const t=ge("RangeSlider",Uh,e),{classNames:o,styles:a,value:r,onChange:i,onChangeEnd:l,size:d,min:c,max:u,minRange:g,maxRange:m,step:h,precision:p,defaultValue:f,name:v,marks:x,label:b,labelTransitionProps:w,labelAlwaysOn:C,thumbFromLabel:j,thumbToLabel:M,showLabelOnHover:k,thumbChildren:S,disabled:T,unstyled:N,scale:F,inverted:E,className:V,style:L,vars:B,hiddenInputProps:_,restrictToMarks:D,thumbProps:O,...P}=t,$=Be({name:"Slider",props:t,classes:uc,classNames:o,className:V,styles:a,style:L,vars:B,varsResolver:Bh,unstyled:N}),{dir:z}=$n(),[H,ae]=y.useState(-1),[ie,Q]=y.useState(!1),[se,te]=$t({value:r,defaultValue:f,finalValue:[c,u],onChange:i}),Z=y.useRef(se),I=y.useRef([]),Y=y.useRef(null),ce=y.useRef(void 0),ee=[Pa({value:se[0],min:c,max:u}),Pa({value:se[1],min:c,max:u})],W=p??zh(h),me=q=>{te(q),Z.current=q};y.useEffect(()=>{Array.isArray(r)&&(Z.current=r)},Array.isArray(r)?[r[0],r[1]]:[null,null]);const le=(q,oe,Ie)=>{if(oe===-1)return;const he=[...Z.current];if(D&&x){const X=gg(q,x?.map(et=>et.value)),_e=he[oe];he[oe]=X;const Oe=oe===0?1:0,Xe=Lh(x),ot=$h(x);X===Xe&&he[Oe]===Xe||X===ot&&he[Oe]===ot?he[oe]=_e:X===he[Oe]&&(_e>he[Oe]?he[Oe]=$s(X,x):he[Oe]=zs(X,x))}else he[oe]=q,oe===0&&(q>he[1]-(g-1e-9)&&(he[1]=Math.min(q+g,u)),q>(u-(g-1e-9)||c)&&(he[oe]=Z.current[oe]),he[1]-q>m&&(he[1]=q+m)),oe===1&&(q<he[0]+g&&(he[0]=Math.max(q-g,c)),q<he[0]+g&&(he[oe]=Z.current[oe]),q-he[0]>m&&(he[0]=q-m));if(he[0]=pn(he[0],W),he[1]=pn(he[1],W),he[0]>he[1]){const X=he[0];he[0]=he[1],he[1]=X}me(he),Ie&&(l==null||l(Z.current))},de=q=>{if(!T){const oe=Fi({value:q,min:c,max:u,step:h,precision:W});le(oe,ce.current,!1)}},{ref:K,active:A}=lg(({x:q})=>de(q),{onScrubEnd:()=>!T&&(l==null?void 0:l(Z.current))},z);function ne(q){ce.current=q}const be=q=>{K.current.focus();const oe=K.current.getBoundingClientRect(),Ie=Vh(q.nativeEvent),he=Fi({value:Ie-oe.left,max:u,min:c,step:h,containerWidth:oe.width}),X=Math.abs(se[0]-he)>Math.abs(se[1]-he)?1:0,_e=z==="ltr"?X:X===1?0:1;ce.current=_e},ve=()=>H!==1&&H!==0?(ae(0),0):H,Se=q=>{if(!T)switch(q.key){case"ArrowUp":{q.preventDefault();const oe=ve();I.current[oe].focus();const Ie=D&&x?zs(Z.current[oe],x):Math.min(Math.max(Z.current[oe]+h,c),u);le(pn(Ie,W),oe,!0);break}case"ArrowRight":{q.preventDefault();const oe=ve();I.current[oe].focus();const Ie=D&&x?(z==="rtl"?$s:zs)(Z.current[oe],x):Math.min(Math.max(z==="rtl"?Z.current[oe]-h:Z.current[oe]+h,c),u);le(pn(Ie,W),oe,!0);break}case"ArrowDown":{q.preventDefault();const oe=ve();I.current[oe].focus();const Ie=D&&x?$s(Z.current[oe],x):Math.min(Math.max(Z.current[oe]-h,c),u);le(pn(Ie,W),oe,!0);break}case"ArrowLeft":{q.preventDefault();const oe=ve();I.current[oe].focus();const Ie=D&&x?(z==="rtl"?zs:$s)(Z.current[oe],x):Math.min(Math.max(z==="rtl"?Z.current[oe]+h:Z.current[oe]-h,c),u);le(pn(Ie,W),oe,!0);break}}},we={max:u,min:c,size:d,labelTransitionProps:w,labelAlwaysOn:C,onBlur:()=>ae(-1)},U=Array.isArray(S);return s.jsx(Oh,{value:{getStyles:$},children:s.jsxs(lc,{...P,size:d,ref:Sn(n,Y),disabled:T,onMouseDownCapture:()=>{var q;return(q=Y.current)==null?void 0:q.focus()},onKeyDownCapture:()=>{var q,oe,Ie;(oe=(q=I.current[0])==null?void 0:q.parentElement)!=null&&oe.contains(document.activeElement)||(Ie=I.current[0])==null||Ie.focus()},children:[s.jsxs(dc,{offset:ee[0],marksOffset:se[0],filled:ee[1]-ee[0],marks:x,inverted:E,min:c,max:u,value:se[1],disabled:T,containerProps:{ref:K,onMouseEnter:k?()=>Q(!0):void 0,onMouseLeave:k?()=>Q(!1):void 0,onTouchStartCapture:be,onTouchEndCapture:()=>{ce.current=-1},onMouseDownCapture:be,onMouseUpCapture:()=>{ce.current=-1},onKeyDownCapture:Se},children:[s.jsx(Fa,{...we,value:F(se[0]),position:ee[0],dragging:A,label:typeof b=="function"?b(pn(F(se[0]),W)):b,ref:q=>{I.current[0]=q},thumbLabel:j,onMouseDown:()=>ne(0),onFocus:()=>ae(0),showLabelOnHover:k,isHovered:ie,disabled:T,...O==null?void 0:O(0),children:U?S[0]:S}),s.jsx(Fa,{...we,thumbLabel:M,value:F(se[1]),position:ee[1],dragging:A,label:typeof b=="function"?b(pn(F(se[1]),W)):b,ref:q=>{I.current[1]=q},onMouseDown:()=>ne(1),onFocus:()=>ae(1),showLabelOnHover:k,isHovered:ie,disabled:T,...O==null?void 0:O(1),children:U?S[1]:S})]}),s.jsx("input",{type:"hidden",name:`${v}_from`,value:se[0],..._}),s.jsx("input",{type:"hidden",name:`${v}_to`,value:se[1],..._})]})})});Or.classes=uc;Or.displayName="@mantine/core/RangeSlider";var gc={root:"m_6d731127"};const Hh={gap:"md",align:"stretch",justify:"flex-start"},Gh=Ye((e,{gap:n,align:t,justify:o})=>({root:{"--stack-gap":xt(n),"--stack-align":t,"--stack-justify":o}})),fe=ye((e,n)=>{const t=ge("Stack",Hh,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,align:c,justify:u,gap:g,variant:m,...h}=t,p=Be({name:"Stack",props:t,classes:gc,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Gh});return s.jsx(G,{ref:n,...p("root"),variant:m,...h})});fe.classes=gc;fe.displayName="@mantine/core/Stack";const[qh,Wh]=os("Table component was not found in the tree");var Es={table:"m_b23fa0ef",th:"m_4e7aa4f3",tr:"m_4e7aa4fd",td:"m_4e7aa4ef",tbody:"m_b2404537",thead:"m_b242d975",caption:"m_9e5a3ac7",scrollContainer:"m_a100c15",scrollContainerInner:"m_62259741"};function Kh(e,n){if(!n)return;const t={};return n.columnBorder&&e.withColumnBorders&&(t["data-with-column-border"]=!0),n.rowBorder&&e.withRowBorders&&(t["data-with-row-border"]=!0),n.striped&&e.striped&&(t["data-striped"]=e.striped),n.highlightOnHover&&e.highlightOnHover&&(t["data-hover"]=!0),n.captionSide&&e.captionSide&&(t["data-side"]=e.captionSide),n.stickyHeader&&e.stickyHeader&&(t["data-sticky"]=!0),t}function Bn(e,n){const t=`Table${e.charAt(0).toUpperCase()}${e.slice(1)}`,o=ye((a,r)=>{const i=ge(t,{},a),{classNames:l,className:d,style:c,styles:u,...g}=i,m=Wh();return s.jsx(G,{component:e,ref:r,...Kh(m,n),...m.getStyles(e,{className:d,classNames:l,style:c,styles:u,props:i}),...g})});return o.displayName=`@mantine/core/${t}`,o.classes=Es,o}const ts=Bn("th",{columnBorder:!0}),Os=Bn("td",{columnBorder:!0}),an=Bn("tr",{rowBorder:!0,striped:!0,highlightOnHover:!0}),Ar=Bn("thead",{stickyHeader:!0}),bs=Bn("tbody"),zr=Bn("tfoot"),mc=Bn("caption",{captionSide:!0});function $r({data:e}){return s.jsxs(s.Fragment,{children:[e.caption&&s.jsx(mc,{children:e.caption}),e.head&&s.jsx(Ar,{children:s.jsx(an,{children:e.head?.map((n,t)=>s.jsx(ts,{children:n},t))})}),e.body&&s.jsx(bs,{children:e.body?.map((n,t)=>s.jsx(an,{children:n?.map((o,a)=>s.jsx(Os,{children:o},a))},t))}),e.foot&&s.jsx(zr,{children:s.jsx(an,{children:e.foot?.map((n,t)=>s.jsx(ts,{children:n},t))})})]})}$r.displayName="@mantine/core/TableDataRenderer";const Yh={type:"scrollarea"},Qh=Ye((e,{minWidth:n,maxHeight:t,type:o})=>({scrollContainer:{"--table-min-width":At(n),"--table-max-height":At(t),"--table-overflow":o==="native"?"auto":void 0}})),Lr=ye((e,n)=>{const t=ge("TableScrollContainer",Yh,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,children:c,minWidth:u,maxHeight:g,type:m,scrollAreaProps:h,...p}=t,f=Be({name:"TableScrollContainer",classes:Es,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Qh,rootSelector:"scrollContainer"});return s.jsx(G,{component:m==="scrollarea"?io:"div",...m==="scrollarea"?g?{offsetScrollbars:"xy",...h}:{offsetScrollbars:"x",...h}:{},ref:n,...f("scrollContainer"),...p,children:s.jsx("div",{...f("scrollContainerInner"),children:c})})});Lr.classes=Es;Lr.displayName="@mantine/core/TableScrollContainer";const Xh={withRowBorders:!0,verticalSpacing:7},Zh=Ye((e,{layout:n,captionSide:t,horizontalSpacing:o,verticalSpacing:a,borderColor:r,stripedColor:i,highlightOnHoverColor:l,striped:d,highlightOnHover:c,stickyHeaderOffset:u,stickyHeader:g})=>({table:{"--table-layout":n,"--table-caption-side":t,"--table-horizontal-spacing":xt(o),"--table-vertical-spacing":xt(a),"--table-border-color":r?Yt(r,e):void 0,"--table-striped-color":d&&i?Yt(i,e):void 0,"--table-highlight-on-hover-color":c&&l?Yt(l,e):void 0,"--table-sticky-header-offset":g?At(u):void 0}})),Gt=ye((e,n)=>{const t=ge("Table",Xh,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,horizontalSpacing:c,verticalSpacing:u,captionSide:g,stripedColor:m,highlightOnHoverColor:h,striped:p,highlightOnHover:f,withColumnBorders:v,withRowBorders:x,withTableBorder:b,borderColor:w,layout:C,variant:j,data:M,children:k,stickyHeader:S,stickyHeaderOffset:T,mod:N,tabularNums:F,...E}=t,V=Be({name:"Table",props:t,className:a,style:r,classes:Es,classNames:o,styles:i,unstyled:l,rootSelector:"table",vars:d,varsResolver:Zh});return s.jsx(qh,{value:{getStyles:V,stickyHeader:S,striped:p===!0?"odd":p||void 0,highlightOnHover:f,withColumnBorders:v,withRowBorders:x,captionSide:g||"bottom"},children:s.jsx(G,{component:"table",variant:j,ref:n,mod:[{"data-with-table-border":b,"data-tabular-nums":F},N],...V("table"),...E,children:k||!!M&&s.jsx($r,{data:M})})})});Gt.classes=Es;Gt.displayName="@mantine/core/Table";Gt.Td=Os;Gt.Th=ts;Gt.Tr=an;Gt.Thead=Ar;Gt.Tbody=bs;Gt.Tfoot=zr;Gt.Caption=mc;Gt.ScrollContainer=Lr;Gt.DataRenderer=$r;var hc={root:"m_7341320d"};const Jh={},ep=Ye((e,{size:n,radius:t,variant:o,gradient:a,color:r,autoContrast:i})=>{const l=e.variantColorResolver({color:r||e.primaryColor,theme:e,gradient:a,variant:o||"filled",autoContrast:i});return{root:{"--ti-size":Qe(n,"ti-size"),"--ti-radius":t===void 0?void 0:Vt(t),"--ti-bg":r||o?l.background:void 0,"--ti-color":r||o?l.color:void 0,"--ti-bd":r||o?l.border:void 0}}}),Vr=ye((e,n)=>{const t=ge("ThemeIcon",Jh,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,autoContrast:c,...u}=t,g=Be({name:"ThemeIcon",classes:hc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:ep});return s.jsx(G,{ref:n,...g("root"),...u})});Vr.classes=hc;Vr.displayName="@mantine/core/ThemeIcon";const Pi=({selectedOrgId:e,onSelectOrganization:n,organizations:t=[],isLoading:o=!1,searchQuery:a="",onCreateUnit:r,canCreateUnitForOrg:i})=>{const l=Bt(),[d,c]=y.useState(null),u=t.filter(g=>a?l(g.name).toLowerCase().includes(a.toLowerCase()):!0);return s.jsx("div",{className:"flex flex-col gap-2 min-h-[400px]",children:o?s.jsx("div",{className:"flex justify-center items-center h-full",children:s.jsx("p",{children:R("organization.loading")})}):u.length>0?u?.map(g=>{const m=i?i(g.id):!1;return s.jsxs("div",{className:wn("flex items-center justify-between p-2 rounded-md cursor-pointer group",g.id===e?"bg-primary-50 text-primary-700":"hover:bg-primary-50 hover:text-primary-700"),onClick:()=>n(g.id),children:[s.jsx("div",{className:"flex-1",children:s.jsx("span",{className:wn("text-sm",g.id===e?"font-medium":""),children:l(g.name)})}),r&&s.jsxs(lo,{open:d===g.id,onOpenChange:h=>c(h?g.id:null),children:[s.jsx(co,{asChild:!0,children:s.jsx(He,{variant:"ghost",className:"h-8 w-8 p-0 opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100",onClick:h=>h.stopPropagation(),children:s.jsx(Ja,{className:"h-4 w-4"})})}),s.jsxs(uo,{align:"end",className:"w-[180px]",onClick:h=>h.stopPropagation(),children:[s.jsx(Qa,{children:"Actions"}),s.jsxs(ut,{disabled:!m,onClick:()=>{c(null),r(g.id)},children:[s.jsx(Ss,{className:"mr-2 h-4 w-4"}),R("contentManagement.createUnit","Create Unit")]})]})]})]},g.id)}):s.jsx("div",{className:"flex flex-col items-center justify-center h-full text-gray-400",children:s.jsx("p",{className:"text-sm",children:R("contentManagement.noOrg")})})})},tp=({unit:e,onAddDepartment:n,onEditUnit:t,onDeleteUnit:o,onAddFromSubCity:a,showAlways:r=!1})=>{var h;const{user:i}=Xa(),l=(h=i==null?void 0:i.roles)==null?void 0:h?.some(p=>p.key==="unit_admin"),[d,c]=y.useState(!1),u=Bt(),g=p=>{c(!1),p&&p(e.id)},m=p=>{if(c(!1),p){const f=u(e.name);p(e.id,f)}};return s.jsx("div",{className:r?"opacity-100":"opacity-0 group-hover:opacity-100",children:s.jsxs(lo,{open:d,onOpenChange:c,children:[s.jsx(co,{asChild:!0,children:s.jsx(He,{variant:"ghost",className:"h-8 w-8 p-0",children:s.jsx(Ja,{className:"h-4 w-4"})})}),s.jsxs(uo,{align:"end",className:"w-[160px]",children:[s.jsx(Qa,{children:"Actions"}),s.jsxs(ut,{onClick:()=>g(n),children:[s.jsx(Ss,{className:"mr-2 h-4 w-4"}),R("contentManagement.addDepartment")]}),s.jsxs(ut,{onClick:()=>g(t),children:[s.jsx(Ss,{className:"mr-2 h-4 w-4"}),R("contentManagement.editUnit")]}),l&&a&&s.jsxs(ut,{onClick:()=>g(a),children:[s.jsx(cu,{className:"mr-2 h-4 w-4"}),R("contentManagement.addFromSubCity","Add From Sub City")]}),o&&s.jsxs(ut,{onClick:()=>m(o),className:"text-red-600 focus:text-red-700",children:[s.jsx(yl,{className:"mr-2 h-4 w-4"}),R("contentManagement.deleteUnit")]})]})]})})},Ei=({selectedUnitId:e,onSelectUnit:n,units:t=[],isLoading:o=!1,searchQuery:a="",onAddDepartment:r,onEditUnit:i,onDeleteUnit:l,onAddFromSubCity:d})=>{const[c,u]=y.useState(null),[g,m]=y.useState(null),h=y.useRef(null),p=Bt(),f=t.filter(x=>a?p(x.name).toLowerCase().includes(a.toLowerCase()):!0),v=(x,b)=>{if(x===e)return;g&&clearTimeout(g);const w=setTimeout(()=>{n(x,b)},200);m(w)};return s.jsxs("div",{className:"flex flex-col gap-2 h-[50vh]   overflow-y-auto",ref:h,children:[o&&f.length===0?s.jsxs("div",{className:"flex justify-center items-center h-full gap-2 text-gray-500 dark:text-gray-400",children:[s.jsx(Rt,{className:"w-4 h-4 animate-spin"}),s.jsx("p",{children:R("organization.loading")})]}):f.length>0?f?.map(x=>s.jsxs("div",{className:wn("flex items-center justify-between p-2 rounded-md cursor-pointer group",x.id===e?"bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300":"hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-700 dark:hover:text-primary-300 text-gray-800 dark:text-gray-200"),onMouseEnter:()=>u(x.id),onMouseLeave:()=>u(null),onClick:()=>v(x.id,t),children:[s.jsx("div",{className:"flex-1",children:s.jsx("span",{className:wn("text-sm",x.id===e?"font-medium":""),children:p(x.name)})}),s.jsx(tp,{unit:x,onAddDepartment:r,onEditUnit:i,onDeleteUnit:x.isRelated?void 0:l,onAddFromSubCity:d,showAlways:c===x.id||x.id===e})]},x.id)):s.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-gray-400 dark:text-gray-500",children:[s.jsx(Ml,{className:"w-6 h-6"}),s.jsx("p",{className:"text-sm",children:R("contentManagement.noUnit")})]}),o&&t.length>0&&s.jsxs("div",{className:"flex justify-center py-2 text-gray-500 dark:text-gray-400 text-sm",children:[s.jsx(Rt,{className:"w-4 h-4 animate-spin mr-2"}),R("organization.loading")]})]})},np=({department:e,positions:n,onAddUser:t,onAddPosition:o,onAddSubDepartment:a,onAssignUser:r,onEditDepartment:i,onDeleteDepartment:l,onArchiveDepartment:d,onMoveDepartment:c,showAlways:u=!1})=>{const[g,m]=y.useState(!1),h=Bt(),p=f=>{f&&f(e.id,h(e.name)),m(!1)};return s.jsx("div",{className:u?"opacity-100":"opacity-0 group-hover:opacity-100",children:s.jsxs(lo,{open:g,onOpenChange:m,children:[s.jsx(co,{asChild:!0,children:s.jsx(He,{variant:"ghost",className:"h-8 w-8 p-0",children:s.jsx(Ja,{className:"h-4 w-4"})})}),s.jsxs(uo,{align:"end",children:[s.jsx(Qa,{children:"Actions"}),s.jsxs(ut,{onClick:()=>p(t),children:[s.jsx(wl,{className:"mr-2 h-4 w-4"}),R("contentManagement.addUser")]}),s.jsxs(ut,{onClick:()=>p(r),children:[s.jsx(pl,{className:"mr-2 h-4 w-4"}),R("organization.assignUser")]}),s.jsxs(ut,{onClick:()=>p(a),children:[s.jsx(Ss,{className:"mr-2 h-4 w-4"}),R("contentManagement.addSubdepartement")]}),s.jsxs(ut,{onClick:()=>p(i),children:[s.jsx(wu,{className:"mr-2 h-4 w-4"}),R("contentManagement.editDepartment")]}),s.jsxs(ut,{onClick:()=>p(c),className:"text-black-600 focus:black-red-700",children:[s.jsx(Zu,{className:"mr-2 h-4 w-4"}),R("contentManagement.moveDepartment")]}),d&&s.jsxs(ut,{onClick:()=>p(d),className:"text-amber-700 focus:text-amber-800",children:[s.jsx(du,{className:"mr-2 h-4 w-4"}),R("contentManagement.archiveDepartment","Archive Department")]}),s.jsxs(ut,{onClick:()=>p(l),className:"text-red-600 focus:text-red-700",children:[s.jsx(yl,{className:"mr-2 h-4 w-4"}),R("contentManagement.deleteDepartment")]})]})]})})},Oi=({unitId:e,selectedDepartmentId:n,onSelectDepartment:t,departments:o=[],positions:a,isLoading:r=!1,searchQuery:i="",onAddUser:l,onViewUsers:d,onAddPosition:c,onAddSubDepartment:u,onEditDepartment:g,onDeleteDepartment:m,onArchiveDepartment:h,onDelegate:p,onAssignUser:f,onMoveDepartment:v})=>{const[x,b]=y.useState(null),[w,C]=y.useState({}),j=Bt(),M=N=>i?N.filter(F=>{const V=j(F.name).toLowerCase().includes(i.toLowerCase()),L=F.children&&F.children.length>0?M(F.children).length>0:!1;return V||L})?.map(F=>({...F,children:F.children?M(F.children):void 0})):N,k=M(o),S=N=>{C(F=>({...F,[N]:!F[N]}))},T=(N,F=0)=>{var _,D,O,P;const E=N.id===n,V=x===N.id,L=w[N.id]??N.isExpanded,B=(((_=N.children)==null?void 0:_.length)??0)>0||(((D=N.positions)==null?void 0:D.length)??0)>0;return s.jsxs("div",{className:wn("flex flex-col gap-1 group",F>0&&"ml-4"),children:[s.jsxs("div",{className:wn("flex items-center gap-2 px-2 py-1.5 rounded-md cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700",E&&"bg-gray-100 dark:bg-gray-700",!E&&"text-gray-800 dark:text-gray-200"),onClick:()=>t(N.id,[]),children:[s.jsxs("div",{className:"flex items-center gap-2 flex-1",children:[B?s.jsx("button",{onClick:$=>{$.stopPropagation(),S(N.id)},className:"w-4 h-4 flex items-center justify-center",children:L?s.jsx(uu,{className:"w-4 h-4"}):s.jsx(eo,{className:"w-4 h-4"})}):s.jsx(xi,{className:"w-4 h-4"}),s.jsx("span",{children:j(N.name)})]}),s.jsx(np,{department:N,positions:a,onAddUser:l,onViewUsers:d,onAddPosition:c,onAddSubDepartment:u,onDelegate:p,onAssignUser:f,onEditDepartment:g,onDeleteDepartment:m,onArchiveDepartment:h,onMoveDepartment:v})]}),L&&B&&s.jsxs("div",{children:[(O=N.children)==null?void 0:O?.map($=>T($,F+1)),(P=N.positions)==null?void 0:P?.map($=>s.jsxs("div",{className:wn("flex items-center gap-2 text-sm py-1 pl-8 border-l-2 border-primary-100 dark:border-primary-800 ml-4 text-gray-800 dark:text-gray-200",w[$.id]?"bg-blue-50 dark:bg-blue-900/20":"hover:bg-blue-50 dark:hover:bg-blue-900/20"),onClick:()=>S($.id),children:[s.jsx(xi,{className:"w-4 h-4 text-gray-400 dark:text-gray-500"}),s.jsx("span",{children:$.name.am||$.name.en}),s.jsx("div",{className:"flex-1"}),V&&s.jsxs("div",{className:"flex gap-2 pr-2",children:[s.jsx(wl,{className:"w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400",onClick:z=>{z.stopPropagation(),l==null||l($.id,$.name.en)}}),s.jsx(Yu,{className:"w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400",onClick:z=>{z.stopPropagation(),c==null||c($.id,"sub")}}),s.jsx(pl,{className:"w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-purple-600 dark:hover:text-purple-400",onClick:z=>{z.stopPropagation(),p==null||p($.id)}})]})]},$.id))]})]},N.id)};return s.jsx("div",{className:"flex flex-col gap-1 min-h-[400px]",children:r?s.jsxs("div",{className:"flex justify-center items-center h-full gap-2 text-gray-500 dark:text-gray-400",children:[s.jsx(Rt,{className:"w-4 h-4 animate-spin"}),s.jsx("p",{children:R("organization.loading")})]}):k.length>0?k?.map(N=>T(N)):s.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-gray-400 dark:text-gray-500",children:[s.jsx(Ml,{className:"w-6 h-6"}),s.jsx("p",{className:"text-sm",children:i?R("search.noResults"):R("userIncoming.No Department")})]})})},sp={accepted:{bg:"bg-primary-100 dark:bg-primary-900/40",text:"text-primary-800 dark:text-primary-300",icon:s.jsx(mu,{className:"h-3 w-3 mr-1"})},pending:{bg:"bg-yellow-100 dark:bg-yellow-900/40",text:"text-yellow-800 dark:text-yellow-300",icon:s.jsx(gu,{className:"h-3 w-3 mr-1"})},"Not Invited":{bg:"bg-gray-100 dark:bg-gray-700",text:"text-gray-800 dark:text-gray-300",icon:s.jsx(ks,{className:"h-3 w-3 mr-1"})}},Ea=({departmentId:e,departmentName:n,employees:t=[],isLoading:o=!1,searchQuery:a="",onEditEmployee:r,onInviteEmployee:i,onDeleteEmployee:l,onDeactivateTeamMember:d})=>{const[c,u]=y.useState(null),[g,m]=y.useState(!1),[h,p]=y.useState(!1),[f,v]=y.useState(""),[x,b]=y.useState(""),[w,C]=y.useState(""),[j,M]=y.useState(""),[k,S]=y.useState(""),[T,N]=y.useState(!1),[F,E]=y.useState(""),[V,L]=y.useState(""),[B,_]=y.useState({}),D=Bt(),O=t.filter(I=>{if(!a)return!0;const Y=D(I.user.name),ce=I.user.email||"",ee=I.user.username||"",W=I.user.phoneNumber||"",me=a.toLowerCase();return Y.toLowerCase().includes(me)||ce.toLowerCase().includes(me)||ee.toLowerCase().includes(me)||W.toLowerCase().includes(me)}),P=I=>{const Y={bg:"bg-gray-100 dark:bg-gray-700",text:"text-gray-700 dark:text-gray-300",icon:null},ce=sp[I]??Y;return s.jsxs(jl,{className:wn("text-xs flex items-center px-2 py-1",ce.bg,ce.text),children:[ce.icon,s.jsx("span",{children:I})]})},$=I=>I.user.hasSetPassword?"accepted":"pending",z=I=>{i&&i(I)},H=I=>{u(I),m(!0)},ae=I=>{var Y;u(I),p(!0),L((Y=I==null?void 0:I.user)==null?void 0:Y.id)},ie=I=>{const Y=I.trim().split(" ");return Y.length===1?Y[0][0]:`${Y[0][0]}${Y[1][0]}`};y.useEffect(()=>{h&&c&&(v((c==null?void 0:c.user.username)??""),b((c==null?void 0:c.user.email)??""),C((c==null?void 0:c.user.name.en)??""),M((c==null?void 0:c.user.name.am)??""),S((c==null?void 0:c.user.phoneNumber)??""),_({}),E(""))},[h,c]);const Q=async I=>{I.preventDefault();const Y={};if(x!=null&&x.trim()||(Y.email=R("profile.emailRequired")),f!=null&&f.trim()||(Y.userName=R("profile.usernameRequired")),k!=null&&k.trim()||(Y.phoneNumber=R("profile.phoneRequired")),w!=null&&w.trim()||(Y.englishName=R("profile.englishNameRequired")),j!=null&&j.trim()||(Y.amharicName=R("profile.amharicNameRequired")),_(Y),Object.keys(Y).length>0)return;if(!/^(\+2519\d{8}|09\d{8})$/.test(k??"")){E(R("profile.invalidPhoneFormat")),Pe.error(R("profile.invalidPhoneFormat"),{description:R("profile.validPhoneFormat")});return}if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(x??"")){E(R("profile.invalidEmailFormat")),Pe.error(R("profile.invalidEmailFormat"),{description:R("profile.validEmailFormat")});return}N(!0);try{await ju({email:x,username:f,phoneNumber:k,name:{am:j,en:w}},V),Pe.success(R("profile.profileUpdateSuccess"),{description:R("profile.profileUpdated")})}catch(W){const me=(W==null?void 0:W.message)||R("profile.profileUpdateFailed");E(me),Pe.error(R("profile.profileUpdateFailed"),{description:me})}finally{N(!1)}},se=({employee:I})=>{const Y=$(I),ce=Y==="pending",ee=Y==="Not Invited";return s.jsxs(lo,{children:[s.jsx(co,{asChild:!0,children:s.jsx(He,{variant:"ghost",size:"icon",className:"h-8 w-8 hover:bg-gray-100 dark:hover:bg-gray-700",onClick:W=>W.stopPropagation(),children:s.jsx(Mu,{className:"h-4 w-4"})})}),s.jsxs(uo,{align:"end",className:"w-48",children:[s.jsxs(ut,{onClick:W=>{W.stopPropagation(),H(I)},className:"cursor-pointer",children:[s.jsx(Ru,{className:"h-4 w-4 mr-2"}),R("viewDetail.viewDetail")]}),s.jsxs(ut,{onClick:W=>{W.stopPropagation(),ae(I)},className:"cursor-pointer",children:[s.jsx(hu,{className:"h-4 w-4 mr-2"}),R("common.Edit")]}),i&&(ce||ee)&&s.jsxs(ut,{onClick:W=>{W.stopPropagation(),z(I)},className:"cursor-pointer",children:[s.jsx(vi,{className:"h-4 w-4 mr-2"}),ce?R("Resend Invite"):R("Send Invite")]}),l&&s.jsxs(ut,{onClick:W=>{var le,de;W.stopPropagation();const me=typeof I.user.name=="string"?I.user.name:((le=I.user.name)==null?void 0:le.en)||((de=I.user.name)==null?void 0:de.am)||"User";l(e,n,I.id,me)},className:"cursor-pointer text-red-600 focus:text-red-600",children:[s.jsx(ks,{className:"h-4 w-4 mr-2"}),R("signatureUpload.remove")]}),d&&s.jsxs(ut,{onClick:W=>{var le,de;W.stopPropagation();const me=typeof I.user.name=="string"?I.user.name:((le=I.user.name)==null?void 0:le.en)||((de=I.user.name)==null?void 0:de.am)||"User";d(I.id,me)},className:"cursor-pointer text-red-600 focus:text-red-600",children:[s.jsx(ng,{className:"h-4 w-4 mr-2"}),R("common.DeactivateUser")]})]})]})},te=I=>{const Y=$(I);return s.jsxs("div",{className:"flex items-center justify-between p-4 border-b border-gray-100 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors rounded-md gap-3 group",children:[s.jsxs("div",{className:"flex items-center gap-3 cursor-pointer flex-1 min-w-0",onClick:()=>H(I),children:[s.jsx(Zo,{className:"h-10 w-10 border border-gray-200 dark:border-gray-600 shrink-0",children:s.jsx(Jo,{className:"bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300",children:ie(D(I.user.name)).toUpperCase()})}),s.jsxs("div",{className:"flex flex-col min-w-0 flex-1",children:[s.jsx("span",{className:"text-sm font-medium text-gray-800 dark:text-gray-200 truncate",children:D(I.user.name)}),s.jsxs("div",{className:"flex items-center gap-4 text-xs text-gray-500 dark:text-gray-400 truncate",children:[s.jsxs("span",{className:"flex items-center gap-1 shrink-0",children:[s.jsx(Ft,{className:"h-3 w-3"}),I.user.userType||"Employee"]}),s.jsxs("span",{className:"flex items-center gap-1 shrink-0",children:[s.jsx(_u,{className:"h-3 w-3"}),I.user.phoneNumber||"Employee"]})]}),s.jsx("div",{className:"mt-1",children:P(Y)})]})]}),s.jsx("div",{className:"flex items-center gap-2",children:s.jsx(se,{employee:I})})]},I.user.id)},Z=()=>o?s.jsx("div",{className:"flex justify-center py-10",children:s.jsxs("div",{className:"flex flex-col items-center",children:[s.jsx("div",{className:"w-8 h-8 border-4 border-t-blue-500 border-blue-200 rounded-full animate-spin mb-2"}),s.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"Loading team members..."})]})}):O.length>0?s.jsx("div",{className:"space-y-2",children:O?.map(te)}):t.length>0&&O.length===0?s.jsxs("div",{className:"text-center py-10 text-gray-500 dark:text-gray-400 bg-gray-50 dark:bg-gray-700/50 rounded-md",children:[s.jsx(Ft,{className:"h-12 w-12 mx-auto mb-2 text-gray-300 dark:text-gray-500"}),s.jsx("p",{className:"text-sm font-medium dark:text-gray-300",children:R("search.noResults")}),s.jsx("p",{className:"text-xs mt-1 text-gray-400 dark:text-gray-500",children:R("search.tryDifferentKeywords")})]}):s.jsxs("div",{className:"text-center py-10 text-gray-500 dark:text-gray-400 bg-gray-50 dark:bg-gray-700/50 rounded-md",children:[s.jsx(Ft,{className:"h-12 w-12 mx-auto mb-2 text-gray-300 dark:text-gray-500"}),s.jsx("p",{className:"text-sm font-medium dark:text-gray-300",children:e?R("contentManagement.msg1"):R("contentManagement.msg2")}),s.jsx("p",{className:"text-xs mt-1 text-gray-400 dark:text-gray-500",children:e?R("contentManagement.msg3"):R("contentManagement.msg4")})]});return s.jsxs("div",{className:"w-full",children:[Z(),s.jsx(yt,{open:g,onOpenChange:I=>m(I),children:s.jsxs(wt,{className:"sm:max-w-md dark:bg-gray-800",children:[s.jsx(jt,{children:s.jsx(Ct,{className:"text-center dark:text-white",children:R("contentManagement.userDetail")})}),c&&s.jsxs("div",{className:"flex flex-col items-center space-y-4 py-4",children:[s.jsx(Zo,{className:"w-20 h-20 border-2 border-gray-200 dark:border-gray-600",children:s.jsx(Jo,{className:"text-xl bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300",children:ie(D(c.user.name)).toUpperCase()})}),s.jsxs("div",{className:"text-center",children:[s.jsx("h2",{className:"text-xl font-semibold text-gray-800 dark:text-white",children:D(c.user.name)}),s.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:c.user.userType||"Employee"}),$(c)&&s.jsx("div",{className:"mt-2 flex justify-center",children:P($(c))})]}),s.jsxs("div",{className:"w-full space-y-3 mt-4",children:[s.jsxs("div",{className:"flex items-center gap-3 p-4 rounded-lg bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600",children:[s.jsx("div",{className:"p-2 rounded-lg bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-400",children:s.jsx(Ft,{className:"w-5 h-5"})}),s.jsxs("div",{children:[s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:R("organization.username")}),s.jsx("p",{className:"font-medium text-gray-800 dark:text-gray-200",children:c.user.username||"Not provided"})]})]}),s.jsxs("div",{className:"flex items-center gap-3 p-4 rounded-lg bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600",children:[s.jsx("div",{className:"p-2 rounded-lg bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-400",children:s.jsx(Su,{className:"w-5 h-5"})}),s.jsxs("div",{children:[s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:R("organization.email")}),s.jsx("p",{className:"font-medium text-gray-800 dark:text-gray-200",children:c.user.email||"Not provided"})]})]}),s.jsxs("div",{className:"flex items-center gap-3 p-4 rounded-lg bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600",children:[s.jsx("div",{className:"p-2 rounded-lg bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-400",children:s.jsx(eg,{className:"w-5 h-5"})}),s.jsxs("div",{children:[s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:R("organization.phoneNumber")}),s.jsx("p",{className:"font-medium text-gray-800 dark:text-gray-200",children:c.user.phoneNumber})]})]})]})]})]})}),s.jsx(yt,{open:h,onOpenChange:I=>p(I),children:s.jsxs(wt,{className:"sm:max-w-lg max-h-[80vh] overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden dark:bg-gray-800",children:[s.jsx(jt,{children:s.jsx(Ct,{className:"text-center dark:text-white",children:R("contentManagement.editEmployee")})}),c&&s.jsxs("div",{className:"flex flex-col items-center space-y-4 py-4",children:[s.jsx(Zo,{className:"w-20 h-20 border-2 border-gray-200 dark:border-gray-600",children:s.jsx(Jo,{className:"text-xl bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300",children:ie(D(c.user.name)).toUpperCase()})}),s.jsxs("div",{className:"text-center",children:[s.jsx("h2",{className:"text-xl font-semibold text-gray-800 dark:text-white",children:D(c.user.name)}),s.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:c.user.userType||"Employee"}),$(c)&&s.jsx("div",{className:"mt-2 flex justify-center",children:P($(c))})]}),s.jsxs(Cu.form,{initial:"hidden",animate:"show",className:"space-y-5 mt-6 w-full",onSubmit:Q,children:[s.jsxs("div",{className:"relative flex items-center gap-3 p-4 rounded-lg bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600",children:[s.jsx("div",{className:"p-2 rounded-lg bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-400 shrink-0",children:s.jsx(Ft,{className:"w-5 h-5"})}),s.jsxs("div",{className:"flex-1",children:[s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400 mb-1",children:R("organization.username")}),s.jsx(ze,{placeholder:R("profile.username"),value:f,onChange:I=>v(I.target.value),className:"w-full dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500"}),B.userName&&s.jsx("p",{className:"text-sm text-red-600 mt-1",children:B.userName})]})]}),s.jsxs("div",{className:"relative flex items-center gap-3 p-4 rounded-lg bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600",children:[s.jsx("div",{className:"p-2 rounded-lg bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-400 shrink-0",children:s.jsx(Ft,{className:"w-5 h-5"})}),s.jsxs("div",{className:"flex-1",children:[s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400 mb-1",children:R("profile.englishName")}),s.jsx(ze,{placeholder:R("profile.englishName"),value:w,onChange:I=>C(I.target.value),className:"w-full dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500"}),B.englishName&&s.jsx("p",{className:"text-sm text-red-600 mt-1",children:B.englishName})]})]}),s.jsxs("div",{className:"relative flex items-center gap-3 p-4 rounded-lg bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600",children:[s.jsx("div",{className:"p-2 rounded-lg bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-400 shrink-0",children:s.jsx(Ft,{className:"w-5 h-5"})}),s.jsxs("div",{className:"flex-1",children:[s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400 mb-1",children:R("profile.amharicName")}),s.jsx(ze,{placeholder:R("profile.amharicName"),value:j,onChange:I=>M(I.target.value),className:"w-full dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500"}),B.amharicName&&s.jsx("p",{className:"text-sm text-red-600 mt-1",children:B.amharicName})]})]}),s.jsxs("div",{className:"relative flex items-center gap-3 p-4 rounded-lg bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600",children:[s.jsx("div",{className:"p-2 rounded-lg bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-400 shrink-0",children:s.jsx(Ft,{className:"w-5 h-5"})}),s.jsxs("div",{className:"flex-1",children:[s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400 mb-1",children:R("organization.email")}),s.jsx(ze,{placeholder:R("profile.email"),value:x,onChange:I=>b(I.target.value),className:"w-full dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500"}),B.email&&s.jsx("p",{className:"text-sm text-red-600 mt-1",children:B.email})]})]}),s.jsxs("div",{className:"relative flex items-center gap-3 p-4 rounded-lg bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600",children:[s.jsx("div",{className:"p-2 rounded-lg bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-400 shrink-0",children:s.jsx(Ft,{className:"w-5 h-5"})}),s.jsxs("div",{className:"flex-1",children:[s.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400 mb-1",children:R("organization.phoneNumber")}),s.jsx(ze,{placeholder:R("profile.phoneNumber"),value:k,onChange:I=>S(I.target.value),className:"w-full dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500"}),B.phoneNumber&&s.jsx("p",{className:"text-sm text-red-600 mt-1",children:B.phoneNumber})]})]}),s.jsx(He,{type:"submit",className:"w-full h-11 bg-primary hover:bg-primary-700 text-white font-medium text-sm shadow-md rounded-lg",disabled:T,children:T?s.jsxs("span",{className:"flex items-center justify-center",children:[s.jsx(vi,{className:"animate-spin h-5 w-5 mr-2"}),R("profile.updating"),"..."]}):R("profile.updateProfile")})]})]})]})})]})};function op({unitId:e,organizationId:n,onSuccess:t,onCancel:o}){const{createPosition:a,isCreating:r}=Ln(),{commonPositionTypes:i,isLoading:l}=er({unitId:e}),[d,c]=y.useState(""),[u,g]=y.useState(""),[m,h]=y.useState(""),[p,f]=y.useState(""),v=Jt.language,[x,b]=y.useState({}),w=()=>{const j={};return d.trim()||(j.nameEn=R("organization.englishNameRequired")),u.trim()||(j.nameAm=R("organization.amharicNameRequired")),m.trim()||(j.key=R("contentManagement.keyRequired")),p||(j.positionTypeId=R("contentManagement.selectPosType")),b(j),Object.keys(j).length===0},C=j=>{if(j.preventDefault(),!w()){Pe.error(R("contentManagement.invalidMsg"));return}const M={name:{en:d.trim(),am:u.trim()},key:m.trim().toLowerCase().replace(/\s+/g,"-"),unitId:e,organizationId:n,positionTypeId:p};a({payload:M,successCallback:()=>{Pe.success(R("contentManagement.success"),{description:`${R("userIncoming.Department")} "${v==="en"?d:u}" ${R("contentManagement.msg")}`}),t(v==="en"?d.trim():u.trim())}})};return s.jsxs("form",{onSubmit:C,className:"space-y-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"positionType",children:R("organization.positionTypes")}),s.jsxs(cn,{onValueChange:j=>{f(j),b(M=>({...M,positionTypeId:""}))},value:p,disabled:l,children:[s.jsx(dn,{children:s.jsx(un,{placeholder:R("contentManagement.selectPosType")})}),s.jsx(gn,{className:"max-h-60 overflow-y-auto",children:i?.map(j=>s.jsx(Ot,{value:j.id,children:v==="en"?j.name.en:j.name.am},j.id))})]}),x.positionTypeId&&s.jsx("p",{className:"text-red-500 text-sm",children:x.positionTypeId})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameEn",children:R("organization.enterEnglishName")}),s.jsx(ze,{id:"nameEn",placeholder:R("organization.enterEnglishName"),value:d,onChange:j=>{c(j.target.value),b(M=>({...M,nameEn:""}))}}),x.nameEn&&s.jsx("p",{className:"text-red-500 text-sm",children:x.nameEn})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameAm",children:R("organization.enterAmharicName")}),s.jsx(ze,{id:"nameAm",placeholder:R("organization.enterAmharicName"),value:u,onChange:j=>{g(j.target.value),b(M=>({...M,nameAm:""}))}}),x.nameAm&&s.jsx("p",{className:"text-red-500 text-sm",children:x.nameAm})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"key",children:R("contentManagement.key")}),s.jsx(ze,{id:"key",placeholder:"e.g. finance-department",value:m,onChange:j=>{h(j.target.value),b(M=>({...M,key:""}))}}),x.key&&s.jsx("p",{className:"text-red-500 text-sm",children:x.key})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:o,disabled:r,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:r,children:r?R("organization.adding"):R("contentManagement.addDepartment")})]})]})}function ap({isOpen:e,onClose:n,organizationId:t,unitId:o}){const a=r=>{n()};return s.jsx(yt,{open:e,onOpenChange:r=>!r&&n(),children:s.jsxs(wt,{className:"sm:max-w-[425px]",children:[s.jsx(jt,{children:s.jsx(Ct,{children:R("contentManagement.addDepartment")})}),s.jsx(op,{unitId:o,organizationId:t,onSuccess:a,onCancel:n})]})})}function rp({unitId:e,onSuccess:n,onCancel:t}){const[o,a]=y.useState({firstName:"",lastName:"",email:"",role:"member"}),[r,i]=y.useState(!1),{toast:l}=bl();Jt.language;const d=g=>{const{name:m,value:h}=g.target;a(p=>({...p,[m]:h}))},c=g=>{a(m=>({...m,role:g}))},u=async g=>{if(g.preventDefault(),!o.firstName.trim()||!o.lastName.trim()||!o.email.trim()){l({title:"Error",description:"All fields are required",variant:"destructive"});return}i(!0);try{await new Promise(m=>setTimeout(m,500)),l({title:R("contentManagement.success"),description:`${R("contentManagement.user")} ${o.firstName} ${o.lastName}${R("contentManagement.msg")}`}),n()}catch{l({title:"Error",description:"Failed to add user. Please try again.",variant:"destructive"})}finally{i(!1)}};return s.jsxs("form",{onSubmit:u,className:"space-y-4",children:[s.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"firstName",children:R("contentManagement.firstName")}),s.jsx(ze,{id:"firstName",name:"firstName",placeholder:R("contentManagement.firstName"),value:o.firstName,onChange:d,required:!0})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"lastName",children:R("contentManagement.lastName")}),s.jsx(ze,{id:"lastName",name:"lastName",placeholder:R("contentManagement.lastName"),value:o.lastName,onChange:d,required:!0})]})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"email",children:R("organization.email")}),s.jsx(ze,{id:"email",name:"email",type:"email",placeholder:R("organization.email"),value:o.email,onChange:d,required:!0})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"role",children:"Role"}),s.jsxs(cn,{value:o.role,onValueChange:c,children:[s.jsx(dn,{children:s.jsx(un,{placeholder:"Select a role"})}),s.jsxs(gn,{children:[s.jsx(Ot,{value:"Director",children:"Director"}),s.jsx(Ot,{value:"Teamleader",children:"Teamleader"}),s.jsx(Ot,{value:"deputy",children:"deputy"})]})]})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:t,disabled:r,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:r,children:r?R("organization.adding"):R("organization.addUser")})]})]})}function ip({isOpen:e,onClose:n,unitId:t}){const o=()=>{n()};return s.jsx(yt,{open:e,onOpenChange:a=>!a&&n(),children:s.jsxs(wt,{className:"sm:max-w-[500px]",children:[s.jsx(jt,{children:s.jsx(Ct,{children:"Add New User"})}),s.jsx(rp,{unitId:t,onSuccess:o,onCancel:n})]})})}function lp({unitId:e,onClose:n}){const[t,o]=y.useState([]),[a,r]=y.useState(!0),[i,l]=y.useState("");y.useEffect(()=>{(async()=>{r(!0);try{await new Promise(g=>setTimeout(g,800)),o([{id:"1",name:"Abebe Kebede",email:"abebe@example.com",role:"Admin",department:"Management"},{id:"2",name:"Tigist Haile",email:"tigist@example.com",role:"Manager",department:"Finance"},{id:"3",name:"Dawit Mekonnen",email:"dawit@example.com",role:"Member",department:"Operations"},{id:"4",name:"Hanna Girma",email:"hanna@example.com",role:"Member",department:"HR"}])}catch{o([])}finally{r(!1)}})()},[e]);const d=t.filter(u=>{if(!i)return!0;const g=i.toLowerCase();return u.name.toLowerCase().includes(g)||u.email.toLowerCase().includes(g)||u.role.toLowerCase().includes(g)||u.department&&u.department.toLowerCase().includes(g)}),c=u=>{switch(u.toLowerCase()){case"admin":return"bg-red-100 text-red-800";case"manager":return"bg-blue-100 text-blue-800";default:return"bg-primary-100 text-primary-800"}};return s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-2.5 top-2.5 h-4 w-4 text-gray-500"}),s.jsx(ze,{placeholder:"Search users...",className:"pl-8",value:i,onChange:u=>l(u.target.value)})]}),s.jsx("div",{className:"border rounded-md overflow-hidden dark:border-gray-700",children:a?s.jsx("div",{className:"flex justify-center items-center p-8",children:s.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:"Loading users..."})}):d.length>0?s.jsxs("table",{className:"w-full",children:[s.jsx("thead",{className:"bg-gray-50 dark:bg-gray-700",children:s.jsxs("tr",{children:[s.jsx("th",{className:"px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:"Name"}),s.jsx("th",{className:"px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:"Email"}),s.jsx("th",{className:"px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:"Role"}),s.jsx("th",{className:"px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:"Department"})]})}),s.jsx("tbody",{className:"bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700",children:d?.map(u=>s.jsxs("tr",{className:"hover:bg-gray-50 dark:hover:bg-gray-700/50",children:[s.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-gray-900 dark:text-gray-100",children:u.name}),s.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-gray-500 dark:text-gray-400",children:u.email}),s.jsx("td",{className:"px-4 py-2 whitespace-nowrap",children:s.jsx(jl,{className:c(u.role),children:u.role})}),s.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-gray-500 dark:text-gray-400",children:u.department||"-"})]},u.id))})]}):s.jsx("div",{className:"flex justify-center items-center p-8 text-gray-500",children:"No users found"})}),s.jsx("div",{className:"flex justify-end",children:s.jsx(He,{onClick:n,children:"Close"})})]})}function cp({isOpen:e,onClose:n,unitId:t,unitName:o}){return s.jsx(yt,{open:e,onOpenChange:a=>!a&&n(),children:s.jsxs(wt,{className:"sm:max-w-[800px] max-h-[80vh] overflow-y-auto",children:[s.jsx(jt,{children:s.jsx(Ct,{children:o?`Users in ${o}`:"Team Members"})}),s.jsx(lp,{unitId:t,onClose:n})]})})}function dp({departmentId:e,departmentName:n,organizationId:t,unitId:o,onSuccess:a,onCancel:r}){const{createPosition:i,isCreating:l}=Ln(),{commonPositionTypes:d,isLoading:c}=er({unitId:o,params:{take:1e3,skip:0,orderBy:"createdAt:Desc"}}),[u,g]=y.useState(""),[m,h]=y.useState(""),[p,f]=y.useState(""),[v,x]=y.useState(""),b=Jt.language,[w,C]=y.useState({}),j=()=>{const S={};return u.trim()||(S.nameEn=R("organization.englishNameRequired")),m.trim()||(S.nameAm=R("organization.amharicNameRequired")),p.trim()||(S.key=R("contentManagement.keyRequired")),v||(S.positionTypeId=R("contentManagement.selectPosType")),C(S),Object.keys(S).length===0},M=S=>{if(S.preventDefault(),!j()){Pe.error(R("contentManagement.invalidMsg"));return}const T={name:{en:u.trim(),am:m.trim()},key:p.trim().toLowerCase().replace(/\s+/g,"-"),unitId:o,organizationId:t,parentPositionId:e,positionTypeId:v};i({payload:T,successCallback:()=>{a(u.trim()),Pe.success(R("contentManagement.success"),{description:`${R("contentManagement.subDep")} "${b==="en"?u:m}${R("contentManagement.msg")}`})}})},k=Bt();return s.jsxs("form",{onSubmit:M,className:"space-y-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"parentDepartment",children:R("contentManagement.parentDep")}),s.jsx(ze,{id:"parentDepartment",value:n,disabled:!0,className:"bg-gray-50"})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"positionType",children:R("organization.positionTypes")}),s.jsxs(cn,{onValueChange:S=>{x(S),C(T=>({...T,positionTypeId:""}))},value:v,disabled:c,children:[s.jsx(dn,{children:s.jsx(un,{placeholder:R("contentManagement.selectPosType")})}),s.jsx(gn,{className:"max-h-60 overflow-y-auto",children:d?.map(S=>s.jsx(Ot,{value:S.id,children:k(S.name)},S.id))})]}),w.positionTypeId&&s.jsx("p",{className:"text-red-500 text-sm",children:w.positionTypeId})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameEn",children:R("organization.enterEnglishName")}),s.jsx(ze,{id:"nameEn",placeholder:R("organization.enterEnglishName"),value:u,onChange:S=>{g(S.target.value),C(T=>({...T,nameEn:""}))}}),w.nameEn&&s.jsx("p",{className:"text-red-500 text-sm",children:w.nameEn})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameAm",children:R("organization.enterAmharicName")}),s.jsx(ze,{id:"nameAm",placeholder:R("organization.enterAmharicName"),value:m,onChange:S=>{h(S.target.value),C(T=>({...T,nameAm:""}))}}),w.nameAm&&s.jsx("p",{className:"text-red-500 text-sm",children:w.nameAm})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"key",children:R("contentManagement.key")}),s.jsx(ze,{id:"key",placeholder:R("contentManagement.key"),value:p,onChange:S=>{f(S.target.value),C(T=>({...T,key:""}))}}),w.key&&s.jsx("p",{className:"text-red-500 text-sm",children:w.key})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:r,disabled:l,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:l,children:l?R("organization.adding"):R("contentManagement.addSubdepartement")})]})]})}function up({isOpen:e,onClose:n,departmentId:t,organizationId:o,unitId:a,departmentName:r}){const i=l=>{n()};return s.jsx(yt,{open:e,onOpenChange:l=>!l&&n(),children:s.jsxs(wt,{className:"sm:max-w-[425px]",children:[s.jsx(jt,{children:s.jsx(Ct,{children:"Add New Sub-Department"})}),s.jsx(dp,{departmentId:t,departmentName:r,organizationId:o,unitId:a,onSuccess:i,onCancel:n})]})})}function gp({unitId:e,positionId:n,positionName:t,onSuccess:o,onCancel:a}){const{assignEmployee:r,isAssigning:i}=go(),{employeesResponse:l,isLoading:d}=ku({unitId:e}),{handleError:c}=pu(R),[u,g]=y.useState(""),[m,h]=y.useState({}),[p,f]=y.useState(1),[v,x]=y.useState(""),b=20,w=(l==null?void 0:l.items)||[],C=Jt.language,j=y.useMemo(()=>v.trim()?w.filter(S=>{var F,E;const T=C==="en"?(F=S.name)==null?void 0:F.en:(E=S.name)==null?void 0:E.am,N=S.email||"";return(T==null?void 0:T.toLowerCase().includes(v.toLowerCase()))||N.toLowerCase().includes(v.toLowerCase())}):w,[w,v,C]),M=S=>{const{scrollTop:T,scrollHeight:N,clientHeight:F}=S.currentTarget;T+F>=N-5&&p*b<j.length&&f(E=>E+1)},k=async S=>{if(S.preventDefault(),!u){h({selectedUser:R("contentManagement.userRequired")}),Pe.error(R("contentManagement.userRequiredMsg"));return}const T=u;if(!T){Pe.error(R("contentManagement.userError"));return}r({positionId:n,employeeId:T},{onSuccess:()=>{Pe.success(R("contentManagement.userSuccess")),o()},onError:F=>{c(F)}})};return s.jsxs("form",{onSubmit:k,className:"space-y-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"user",children:R("contentManagement.selectUser")}),s.jsxs(cn,{value:u,onValueChange:S=>{g(S),h(T=>({...T,selectedUser:""}))},disabled:d,children:[s.jsx(dn,{children:s.jsx(un,{placeholder:R("contentManagement.selectUser")})}),s.jsxs(gn,{style:{maxHeight:"300px",overflowY:"auto"},onScroll:M,children:[s.jsx("div",{className:"sticky top-0 z-10 bg-background p-2 border-b",children:s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4"}),s.jsx(ze,{type:"text",placeholder:R("organization.searchUsers"),value:v,onChange:S=>{S.stopPropagation(),x(S.target.value),f(1)},onClick:S=>S.stopPropagation(),className:"pl-10 h-9 text-sm"})]})}),j.length>0?j.slice(0,p*b)?.map(S=>{var T,N;return s.jsx(Ot,{value:S==null?void 0:S.id,children:s.jsxs("div",{className:"flex flex-col",children:[s.jsx("span",{children:C==="en"?(T=S.name)==null?void 0:T.en:((N=S.name)==null?void 0:N.am)||S.email||"Unnamed User"}),S.email&&s.jsx("span",{className:"text-xs text-gray-500",children:S.email})]})},S.id)}):s.jsx("div",{className:"text-center py-4 text-sm text-muted-foreground",children:v?R("organization.noUsersFound"):R("organization.noUsersAvailable")}),d&&s.jsx("div",{className:"text-center py-2 text-sm text-muted-foreground",children:R("contentManagement.loading")})]})]}),m.selectedUser&&s.jsx("p",{className:"text-red-500 text-sm",children:m.selectedUser})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{children:R("organization.Position")}),s.jsx("div",{className:"px-3 py-2 border rounded text-sm text-muted-foreground bg-muted",children:t||"Unknown"})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:a,disabled:i,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:i||d,children:i?"Assigning...":"Assign User"})]})]})}function mp({isOpen:e,onClose:n,departmentId:t,departmentName:o,unitId:a}){const r=()=>{n()};return s.jsx(yt,{open:e,onOpenChange:i=>!i&&n(),children:s.jsxs(wt,{className:"sm:max-w-[600px] max-h-[80vh] overflow-y-auto",children:[s.jsx(jt,{children:s.jsxs(Ct,{children:["Assign User to ",o]})}),s.jsx("div",{className:"mt-4",children:s.jsx(gp,{positionId:t,unitId:a,positionName:o,onSuccess:r,onCancel:n})})]})})}const hp=({currentOrgId:e})=>{const[n,t]=y.useState([]),[o,a]=y.useState(!0),{organizationsResponse:r}=Tu("Org",{take:3e3});return y.useEffect(()=>{var i;if(r!=null&&r.items){const l=(i=r==null?void 0:r.items)==null?void 0:i.filter(c=>c.id===e),d=l==null?void 0:l?.map(c=>({id:c.id,name:c.name}));t(d),a(!1)}},[r]),{organizations:n,isLoading:o}},pp=(e,n)=>{const[t,o]=y.useState([]),[a,r]=y.useState([]),{getList:i}=Vn(),{data:l,isLoading:d}=i(e,n);return y.useEffect(()=>{var c,u,g;if((c=l==null?void 0:l.data)!=null&&c.items){r((u=l==null?void 0:l.data)==null?void 0:u.items);const m=(g=l==null?void 0:l.data)==null?void 0:g.items?.map(h=>({id:h.id,name:h.name}));o(m)}},[l]),{units:t,isLoading:d,setUnits:o,fetchedUnits:a}},pc=e=>({id:e.id,name:e.name,parentId:e.parentPositionId,...e.subPositions.length>0&&{children:e.subPositions?.map(pc)}}),fp=e=>{const[n,t]=y.useState([]),[o,a]=y.useState([]),{usePositionHierarchy:r}=Ln(),{data:i,isLoading:l}=r(e);return y.useEffect(()=>{if(i){const d=i,c=d?.map(pc);a(d),t(c)}},[i]),{departments:n,isLoading:l,setDepartments:t,positions:o}},vp=e=>{const[n,t]=y.useState([]),{useEmployeesUnderPosition:o}=Ln(),{data:a,isLoading:r,refetch:i}=o(e);return y.useEffect(()=>{a&&t(a.data)},[a]),{employees:n,isLoading:r,setEmployees:t,refetch:async()=>{i&&await i()}}},xp=(e,n)=>{const t=Tt(),[o,a]=y.useState(""),[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState(""),[g,m]=y.useState([]);return{selectedOrgId:o,selectedUnitId:r,selectedDepartmentId:l,selectedDepartmentName:c,breadcrumb:g,handleSelectOrganization:v=>{t.invalidateQueries({queryKey:["unitList"]}),a(v),i(""),d("");const x=e.find(b=>b.id===v);x&&m([{id:x.id,name:x.name}])},handleSelectUnit:(v,x)=>{t.invalidateQueries({queryKey:["positionHierarchy"]}),i(v),d("");const b=x.find(C=>C.id===v),w=e.find(C=>C.id===o);b&&w&&m([{id:w.id,name:w.name},{id:b.id,name:b.name}])},handleSelectDepartment:(v,x)=>{t.invalidateQueries({queryKey:["positionEmployees"]}),d(v);const b=x.find(j=>j.id===v),w=g.find(j=>j.id===r),C=g.find(j=>j.id===o);b!=null&&b.name&&u(n(b==null?void 0:b.name)||""),b&&w&&C&&m([{id:C.id,name:C.name},{id:w.id,name:w.name},{id:b.id,name:b.name}])}}},bp=({selectedOrgId:e,selectedUnitId:n,toast:t})=>{const[o,a]=y.useState(!1),[r,i]=y.useState(!1),[l,d]=y.useState(!1),[c,u]=y.useState(!1),[g,m]=y.useState(!1),[h,p]=y.useState(!1),[f,v]=y.useState(!1),[x,b]=y.useState(!1),[w,C]=y.useState(!1),[j,M]=y.useState(!1),[k,S]=y.useState(!1),[T,N]=y.useState(!1),[F,E]=y.useState(!1),[V,L]=y.useState(""),[B,_]=y.useState(""),[D,O]=y.useState(""),[P,$]=y.useState(""),[z,H]=y.useState(!1),[ae,ie]=y.useState(""),[Q,se]=y.useState(""),[te,Z]=y.useState(""),[I,Y]=y.useState(""),ce=ee=>{t(ee)};return{handleSelectOrganization:ee=>{ie(ee)},unit:{onAddDepartment:()=>{ie(ae),se(n),u(!0)},onEditUnit:ee=>{se(ee||n),a(!0)},onDeleteUnit:(ee,W)=>{se(ee),Z(W),i(!0)},onAddFromSubCity:ee=>{se(ee),d(!0)}},department:{onAddUserUnderDepartment:(ee,W)=>{L(ee),_(W),C(!0)},onEditDepartment:(ee,W)=>{L(ee),_(W),m(!0)},onDeleteDepartment:(ee,W)=>{L(ee),_(W),p(!0)},onMoveDepartment:(ee,W)=>{L(ee),_(W),v(!0)},onViewUsers:()=>ce({title:"View Users"}),onAddSubDepartment:(ee,W)=>{L(ee),ie(e),se(n),_(W),b(!0)},onAssignUser:(ee,W)=>{L(ee),_(W),ie(e),se(n),N(!0)},onDelegate:()=>ce({title:"Delegate"})},teamMember:{onDeleteTeamMember:(ee,W,me,le)=>{L(ee),_(W),E(!0),O(me),$(le)},onDeactivateTeamMember:(ee,W)=>{Y(ee),$(W),H(!0)}},dialogs:{editUnit:{isOpen:o,onClose:()=>a(!1),unitId:Q},deleteUnit:{isOpen:r,onClose:()=>i(!1),unitId:Q,unitName:te},addFromSubCity:{isOpen:l,onClose:()=>d(!1),parentUnitId:Q},department:{isOpen:c,onClose:()=>u(!1),organizationId:ae,unitId:Q},editDepartment:{isOpen:g,onClose:()=>m(!1),departmentId:V,departmentName:B},deleteDepartment:{isOpen:h,onClose:()=>p(!1),departmentId:V,departmentName:B},moveDepartment:{isOpen:f,onClose:()=>v(!1),departmentId:V,departmentName:B},userUnderDepartment:{isOpen:w,onClose:()=>C(!1),departmentId:V,departmentName:B},subDepartment:{isOpen:x,onClose:()=>b(!1),departmentId:V,departmentName:B,organizationId:ae,unitId:Q},user:{unitId:Q,isOpen:j,onClose:()=>M(!1)},viewUsers:{unitId:Q,isOpen:k,onClose:()=>S(!1)},assignUser:{isOpen:T,onClose:()=>N(!1),departmentId:V,departmentName:B,organizationId:ae,unitId:Q},deleteTeamMember:{isOpen:F,onClose:()=>E(!1),departmentId:V,departmentName:B,teamMemberId:D,teamMemberName:P},deactivateTeamMember:{isOpen:z,onClose:()=>H(!1),userId:I,teamMemberName:P}}}},yp=({breadcrumb:e,hasTeamMembers:n})=>{const t=Bt();return s.jsxs("div",{className:"flex items-center text-sm text-gray-500 mb-4 overflow-x-auto",children:[s.jsx("span",{className:"font-medium",children:"User Management"}),e?.map((o,a)=>s.jsxs("div",{className:"flex items-center",children:[s.jsx(eo,{className:"h-4 w-4 mx-2 flex-shrink-0"}),s.jsx("span",{className:a===e.length-1?"font-medium text-gray-800":"",children:t(o.name)})]},o.id)),n&&s.jsxs("div",{className:"flex items-center",children:[s.jsx(eo,{className:"h-4 w-4 mx-2 flex-shrink-0"}),s.jsx("span",{className:"font-medium text-gray-800",children:"Team Members"})]})]})};function wp({departmentId:e,departmentName:n,onSuccess:t,onCancel:o}){const{invite:a,isInviting:r}=go(),i=Jt.language,[l,d]=y.useState({positionId:e,username:"",email:"",phoneNumber:"",name:{am:"",en:""}}),[c,u]=y.useState({username:"",email:"",phoneNumber:"",nameAm:"",nameEn:""}),g=(p,f,v)=>{p==="name"&&v?(d(x=>({...x,name:{...x.name,[v]:f}})),u(x=>({...x,[`name${v.toUpperCase()}`]:""}))):(d(x=>({...x,[p]:f})),u(x=>({...x,[p]:""})))},m=()=>{const p={username:"",email:"",phoneNumber:"",nameAm:"",nameEn:""};let f=!0;return l.username.trim()||(p.username=R("profile.usernameRequired"),f=!1),l.email.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l.email)||(p.email=R("profile.validEmailFormat"),f=!1):(p.email=R("profile.emailRequired"),f=!1),l.phoneNumber.trim()?Iu(l.phoneNumber)||(p.phoneNumber=R("profile.validPhoneFormat"),f=!1):(p.phoneNumber=R("profile.phoneRequired"),f=!1),l.name.am.trim()||(p.nameAm=R("profile.amharicNameRequired"),f=!1),l.name.en.trim()||(p.nameEn=R("profile.englishNameRequired"),f=!1),u(p),f},h=async p=>{p.preventDefault(),m()&&a({payload:l,successCallback:()=>{Pe.success("User invited",{description:`User "${i==="en"?l.name.en:l.name.am}" has been added to the department.`}),t()}})};return s.jsxs("form",{onSubmit:h,className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx(Ge,{children:R("organization.Position")}),s.jsx(ze,{value:n,disabled:!0})]}),s.jsxs("div",{children:[s.jsxs(Ge,{children:[R("organization.username")," *"]}),s.jsx(ze,{value:l.username,onChange:p=>g("username",p.target.value)}),c.username&&s.jsx("p",{className:"text-red-500 text-sm",children:c.username})]}),s.jsxs("div",{children:[s.jsxs(Ge,{children:[R("organization.email")," *"]}),s.jsx(ze,{type:"email",value:l.email,onChange:p=>g("email",p.target.value)}),c.email&&s.jsx("p",{className:"text-red-500 text-sm",children:c.email})]}),s.jsxs("div",{children:[s.jsx(Ge,{children:R("auth.phoneNumber")}),s.jsx(ze,{type:"tel",placeholder:"0912345678 or +251912345678",value:l.phoneNumber,onChange:p=>g("phoneNumber",p.target.value)}),c.phoneNumber&&s.jsx("p",{className:"text-red-500 text-sm",children:c.phoneNumber})]}),s.jsxs("div",{children:[s.jsxs(Ge,{children:[R("organization.enterAmharicName"),"*"]}),s.jsx(ze,{value:l.name.am,onChange:p=>g("name",p.target.value,"am")}),c.nameAm&&s.jsx("p",{className:"text-red-500 text-sm",children:c.nameAm})]}),s.jsxs("div",{children:[s.jsxs(Ge,{children:[R("organization.enterEnglishName"),"*"]}),s.jsx(ze,{value:l.name.en,onChange:p=>g("name",p.target.value,"en")}),c.nameEn&&s.jsx("p",{className:"text-red-500 text-sm",children:c.nameEn})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:o,disabled:r,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:r,children:r?R("organization.adding"):R("organization.addUser")})]})]})}function jp({isOpen:e,onClose:n,departmentId:t,departmentName:o}){const{t:a}=fl(),r=()=>{n()};return s.jsx(yt,{open:e,onOpenChange:i=>!i&&n(),children:s.jsxs(wt,{className:"sm:max-w-[525px]",children:[s.jsx(jt,{children:s.jsx(Ct,{children:a("userRecord.Add User Under Department")})}),s.jsx(wp,{departmentId:t,departmentName:o,onSuccess:r,onCancel:n})]})})}function Cp({departmentId:e,onSuccess:n,onCancel:t}){const{updatePosition:o,isUpdating:a}=Ln(),[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState(""),[g,m]=y.useState(""),[h,p]=y.useState(""),[f,v]=y.useState(""),{commonPositionTypes:x,isLoadingCommonTypes:b}=er({unitId:g,params:{take:1e3,skip:0,orderBy:"createdAt:Desc"}}),[w,C]=y.useState({}),[j,M]=y.useState(!0),k=Jt.language,S=Bt();y.useEffect(()=>{(async()=>{try{const V=(await Fu(e)).data;i(V.name.en),d(V.name.am),u(V.key),m(V.unitId),p(V.organizationId),v(V.positionTypeId)}catch{Pe.error("Failed to fetch department")}finally{M(!1)}})()},[e]),y.useEffect(()=>{g&&x.length>0&&(x.find(E=>E.id===f)||v(""))},[g,x,f]);const T=()=>{const F={};return r.trim()||(F.nameEn=R("organization.englishNameRequired")),l.trim()||(F.nameAm=R("organization.amharicNameRequired")),f||(F.positionTypeId=R("contentManagement.selectPosType")),C(F),Object.keys(F).length===0},N=F=>{if(F.preventDefault(),!T()){Pe.error(R("contentManagement.invalidMsg"));return}const E={name:{en:r.trim(),am:l.trim()},key:c.trim().toLowerCase().replace(/\s+/g,"-"),unitId:g,organizationId:h,positionTypeId:f};o({id:e,payload:E,successCallback:()=>{Pe.success(R("contentManagement.success"),{description:`${R("contentManagement.department")} "${k==="en"?r:l}" ${R("contentManagement.updated")}`}),n(r.trim())}})};return j?s.jsxs("div",{className:"text-sm text-muted-foreground",children:[" ",R("contentManagement.loading")]}):s.jsxs("form",{onSubmit:N,className:"space-y-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"positionType",children:R("organization.positionTypes")}),s.jsxs(cn,{onValueChange:F=>{v(F),C(E=>({...E,positionTypeId:""}))},value:f,disabled:b,children:[s.jsx(dn,{children:s.jsx(un,{placeholder:R("contentManagement.selectPosType")})}),s.jsx(gn,{className:"max-h-60 overflow-y-auto",children:x?.map(F=>s.jsx(Ot,{value:F.id,children:S(F.name)},F.id))})]}),w.positionTypeId&&s.jsx("p",{className:"text-red-500 text-sm",children:w.positionTypeId})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameEn",children:R("organization.enterEnglishName")}),s.jsx(ze,{id:"nameEn",placeholder:R("organization.enterEnglishName"),value:r,onChange:F=>{i(F.target.value),C(E=>({...E,nameEn:""}))}}),w.nameEn&&s.jsx("p",{className:"text-red-500 text-sm",children:w.nameEn})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameAm",children:R("organization.enterAmharicName")}),s.jsx(ze,{id:"nameAm",placeholder:R("organization.enterAmharicName"),value:l,onChange:F=>{d(F.target.value),C(E=>({...E,nameAm:""}))}}),w.nameAm&&s.jsx("p",{className:"text-red-500 text-sm",children:w.nameAm})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"key",children:R("contentManagement.key")}),s.jsx(ze,{id:"key",placeholder:"e.g. finance-department",value:c,disabled:!0})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:t,disabled:a,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:a,children:a?R("profile.updating"):R("delegation.update")})]})]})}function Sp({isOpen:e,onClose:n,postions:t,departmentId:o,departmentName:a}){const r=i=>{n()};return s.jsx(yt,{open:e,onOpenChange:i=>!i&&n(),children:s.jsxs(wt,{className:"sm:max-w-[425px]",children:[s.jsx(jt,{children:s.jsxs(Ct,{children:["Edit Department ",a]})}),s.jsx(Cp,{departmentId:o,onSuccess:r,onCancel:n})]})})}function _p({unit:e,onSuccess:n,onCancel:t}){const[o,a]=y.useState(e.name.en),[r,i]=y.useState(e.name.am),[l,d]=y.useState({}),c=Jt.language,{updateUnit:u,isUpdating:g}=Vn(),m=()=>{const p={};return o.trim()||(p.nameEn=R("organization.englishNameRequired")),r.trim()||(p.nameAm=R("organization.amharicNameRequired")),d(p),Object.keys(p).length===0},h=p=>{p.preventDefault();const{id:f,key:v,organizationId:x,parentUnitId:b}=e;if(!m()){Pe.error(R("contentManagement.invalidMsg"));return}const w={name:{en:o.trim(),am:r.trim()},key:v.trim().toLowerCase().replace(/\s+/g,"-"),organizationId:x,parentUnitId:b??void 0};u({id:f,payload:w,successCallback:()=>{Pe.success("Success",{description:`${R("contentManagement.unit")} "${c==="en"?o:r}" ${R("contentManagement.updated")}`}),n(o.trim())}})};return s.jsxs("form",{onSubmit:h,className:"space-y-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameEn",children:R("organization.enterEnglishName")}),s.jsx(ze,{id:"nameEn",placeholder:R("organization.enterEnglishName"),value:o,onChange:p=>{a(p.target.value),d(f=>({...f,nameEn:""}))}}),l.nameEn&&s.jsx("p",{className:"text-red-500 text-sm",children:l.nameEn})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameAm",children:R("organization.enterEnglishName")}),s.jsx(ze,{id:"nameAm",placeholder:R("organization.enterEnglishName"),value:r,onChange:p=>{i(p.target.value),d(f=>({...f,nameAm:""}))}}),l.nameAm&&s.jsx("p",{className:"text-red-500 text-sm",children:l.nameAm})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"key",children:R("contentManagement.key")}),s.jsx(ze,{id:"key",value:e.key})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:t,disabled:g,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:g,children:g?R("profile.updating"):R("delegation.update")})]})]})}function Mp({isOpen:e,onClose:n,units:t,unitId:o}){var g;const a=()=>{n()},r=t==null?void 0:t.find(m=>m.id===o),{getById:i}=Vn(),{data:l,isLoading:d}=i(r?"":o),c=(l==null?void 0:l.data)??null,u=r??c;return s.jsx(yt,{open:e,onOpenChange:m=>!m&&n(),children:s.jsxs(wt,{className:"sm:max-w-[425px]",children:[s.jsx(jt,{children:s.jsxs(Ct,{children:["Edit Unit ",(g=u==null?void 0:u.name)==null?void 0:g.en]})}),u?s.jsx(_p,{unit:u,onSuccess:a,onCancel:n}):s.jsx("div",{className:"flex justify-center py-6",children:d?s.jsx(Rt,{className:"h-5 w-5 animate-spin text-gray-500"}):s.jsx("span",{className:"text-sm text-gray-500",children:"Unit not found."})})]})})}const Rp=({unitName:e,unitId:n,isOpen:t,onClose:o})=>{const{removeUnit:a,isDeleting:r}=Vn(),i=async()=>{try{await a(n),Pe.success("Unit deleted successfully."),o()}catch{}};return s.jsx(ho,{open:t,onOpenChange:o,children:s.jsxs(po,{children:[s.jsxs(fo,{children:[s.jsx(vo,{children:"Are you sure you want to delete this unit?"}),s.jsxs(xo,{children:["This action will permanently delete the unit"," ",s.jsx("strong",{children:e})," and cannot be undone."]})]}),s.jsxs(bo,{children:[s.jsx(yo,{disabled:r,children:"Cancel"}),s.jsxs(He,{variant:"destructive",onClick:i,disabled:r,children:[r&&s.jsx(Rt,{className:"w-4 h-4 mr-2 animate-spin"}),"Delete"]})]})]})})},Ai=e=>e?Array.isArray(e)?e:Array.isArray(e.items)?e.items:[]:[],fc=e=>{var d;const n=zt({queryKey:["unitList",e,"capacity-total"],queryFn:()=>Cl(e,{take:1e3,skip:0}),enabled:!!e,staleTime:0}),t=Ai((d=n.data)==null?void 0:d.data),o=t?.map(c=>c==null?void 0:c.id).filter(Boolean),a=Ou({queries:o?.map(c=>({queryKey:["unitChildren",c,"capacity-total"],queryFn:()=>Eu(c),enabled:!!c,staleTime:0}))}),r=a.reduce((c,u)=>{if(!u.data)return c;const g=Ai(u.data.data);return c+g.length},0),i=t.length+r,l=n.isLoading||a?.some(c=>c.isLoading||c.isFetching);return{total:i,isLoading:l}};function Np({parentUnitId:e,onSuccess:n,onCancel:t}){const o=Bt(),{user:a}=Xa(),r=a!=null&&a.employee&&a.employee.length>0?a.employee[0].organizationId:"",[i,l]=y.useState(""),[d,c]=y.useState(""),[u,g]=y.useState(""),{relateUnit:m,isRelating:h}=Vn(),{data:p,isLoading:f}=zt({queryKey:["organizationsFilter","subcity"],queryFn:()=>Pu({organizationTypeKey:"subcity",take:1e3,skip:0}),staleTime:6e4}),v=y.useMemo(()=>{var D;const _=((D=p==null?void 0:p.data)==null?void 0:D.items)??(p==null?void 0:p.data)??[];return Array.isArray(_)?_:[]},[p]),{data:x,isLoading:b}=zt({queryKey:["unitList",i],queryFn:()=>Cl(i,{take:1e3,skip:0}),enabled:!!i,staleTime:0}),w=y.useMemo(()=>{var D;const _=((D=x==null?void 0:x.data)==null?void 0:D.items)??[];return Array.isArray(_)?_:[]},[x]),{data:C,isLoading:j}=tr(r),M=y.useMemo(()=>{var P;const _=((P=C==null?void 0:C.data)==null?void 0:P.items)??[];if(!Array.isArray(_)||_.length===0)return null;const D=_.find($=>($==null?void 0:$.organizationId)===r)??_[0],O=Number(D==null?void 0:D.maximumNumberOfUnits);return Number.isFinite(O)?O:null},[C,r]),{total:k,isLoading:S}=fc(r),T=M!==null&&M>=0&&k>=M,N=M!==null?Math.max(M-k,0):null;y.useEffect(()=>{c("")},[i]);const F=async _=>{if(_.preventDefault(),!i){g(R("contentManagement.subCityRequired","Please select a sub city"));return}if(!d){g(R("contentManagement.unitRequired","Please select a unit"));return}if(!e){g(R("contentManagement.parentUnitMissing","Parent unit is missing"));return}if(M===null){g(R("contentManagement.noCapacityConfigured","No unit capacity configured for this organization. Ask the super admin to configure it in Manage Organization Configuration."));return}if(T){g(R("contentManagement.capacityReached","Capacity limit reached. Configured maximum is {{max}}.",{max:M??0}));return}const D={unitId:d,newParentUnitId:e};try{await m({payload:D,successCallback:()=>{Pe.success(R("contentManagement.unitRelatedSuccess","Unit related successfully")),n()}})}catch{}},E=j||S,L=E||!E&&M===null||T,B=!i||!d||h||L;return s.jsxs("form",{onSubmit:F,className:"flex flex-col gap-4 w-full min-w-0",children:[s.jsx("div",{className:`rounded-md border px-3 py-2 text-sm ${E?"border-gray-200 bg-gray-50 text-gray-600 dark:border-gray-700 dark:bg-gray-800/50 dark:text-gray-300":M===null?"border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-300":T?"border-red-200 bg-red-50 text-red-700 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-300":"border-primary-200 bg-primary-50 text-primary-700 dark:border-primary-900/50 dark:bg-primary-950/30 dark:text-primary-300"}`,children:s.jsxs("div",{className:"flex items-start gap-2",children:[E?s.jsx(Rt,{className:"h-4 w-4 mt-0.5 shrink-0 animate-spin"}):s.jsx(ks,{className:"h-4 w-4 mt-0.5 shrink-0"}),s.jsx("div",{className:"min-w-0 break-words flex-1",children:E?s.jsx("span",{children:R("contentManagement.checkingCapacity","Checking configured capacity…")}):M===null?s.jsx("span",{children:R("contentManagement.noCapacityConfigured","No unit capacity configured for this organization. Ask the super admin to configure it in Manage Organization Configuration.")}):s.jsxs("div",{className:"space-y-1",children:[s.jsx("div",{className:"font-medium",children:R("contentManagement.configuredUnitLimit","Configured unit limit: {{max}}",{max:M})}),s.jsxs("div",{className:"flex flex-wrap gap-x-3 gap-y-0.5 text-xs opacity-90",children:[s.jsxs("span",{children:[R("contentManagement.linkedUnits","Linked"),": ",k]}),s.jsxs("span",{children:[R("contentManagement.remainingSlots","Remaining"),":"," ",N??0]})]}),T&&s.jsx("div",{className:"text-xs font-medium",children:R("contentManagement.capacityReachedShort","Limit reached — cannot relate more units.")})]})})]})}),s.jsxs("div",{className:"flex flex-col gap-2 min-w-0",children:[s.jsx(Ge,{htmlFor:"subCity",className:"text-sm",children:R("contentManagement.selectSubCity","Select Sub City")}),s.jsxs(cn,{value:i,onValueChange:_=>{l(_),g("")},disabled:f||L,children:[s.jsx(dn,{id:"subCity",className:"w-full max-w-full",children:s.jsx(un,{placeholder:f?R("organization.loading"):R("contentManagement.selectSubCity","Select Sub City")})}),s.jsx(gn,{className:"max-w-[var(--radix-select-trigger-width)]",children:f?s.jsxs("div",{className:"flex items-center justify-center px-2 py-3 text-sm text-gray-500",children:[s.jsx(Rt,{className:"w-4 h-4 animate-spin mr-2"}),R("organization.loading")]}):v.length===0?s.jsx("div",{className:"px-2 py-3 text-sm text-gray-500",children:R("contentManagement.noSubCities","No sub cities found")}):v?.map(_=>s.jsx(Ot,{value:_.id,children:s.jsx("span",{className:"block truncate",children:o(_.name)})},_.id))})]})]}),s.jsxs("div",{className:"flex flex-col gap-2 min-w-0",children:[s.jsx(Ge,{htmlFor:"subCityUnit",className:"text-sm",children:R("contentManagement.selectUnit","Select Unit")}),s.jsxs(cn,{value:d,onValueChange:_=>{c(_),g("")},disabled:!i||b||L,children:[s.jsx(dn,{id:"subCityUnit",className:"w-full max-w-full",children:s.jsx(un,{placeholder:i?b?R("organization.loading"):R("contentManagement.selectUnit","Select Unit"):R("contentManagement.selectSubCityFirst","Select a sub city first")})}),s.jsx(gn,{className:"max-w-[var(--radix-select-trigger-width)]",children:b?s.jsxs("div",{className:"flex items-center justify-center px-2 py-3 text-sm text-gray-500",children:[s.jsx(Rt,{className:"w-4 h-4 animate-spin mr-2"}),R("organization.loading")]}):w.length===0?s.jsx("div",{className:"px-2 py-3 text-sm text-gray-500",children:R("contentManagement.noUnit")}):w?.map(_=>s.jsx(Ot,{value:_.id,children:s.jsx("span",{className:"block truncate",children:o(_.name)})},_.id))})]})]}),u&&s.jsx("p",{className:"text-red-500 text-sm break-words",children:u}),s.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:t,disabled:h,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:B,children:h?s.jsxs("span",{className:"flex items-center gap-2",children:[s.jsx(Rt,{className:"h-4 w-4 animate-spin"}),R("organization.adding")]}):R("contentManagement.addFromSubCity","Add From Sub City")})]})]})}function kp({isOpen:e,onClose:n,parentUnitId:t}){return s.jsx(yt,{open:e,onOpenChange:o=>!o&&n(),children:s.jsxs(wt,{className:"sm:max-w-[480px] max-w-[calc(100vw-2rem)] overflow-hidden",children:[s.jsx(jt,{children:s.jsx(Ct,{className:"truncate",children:R("contentManagement.addFromSubCity","Add From Sub City")})}),s.jsx("div",{className:"min-w-0",children:s.jsx(Np,{parentUnitId:t,onSuccess:n,onCancel:n})})]})})}function Dp({organizationId:e,onSuccess:n,onCancel:t}){const[o,a]=y.useState(""),[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState({}),g=Jt.language,{createUnit:m,isCreating:h}=Vn(),{data:p,isLoading:f}=tr(e||""),v=y.useMemo(()=>{var V;const N=((V=p==null?void 0:p.data)==null?void 0:V.items)??[];if(!Array.isArray(N)||N.length===0)return null;const F=N.find(L=>(L==null?void 0:L.organizationId)===e)??N[0],E=Number(F==null?void 0:F.maximumNumberOfUnits);return Number.isFinite(E)?E:null},[p,e]),{total:x,isLoading:b}=fc(e),w=f||b,C=v!==null&&v>=0&&x>=v,j=!w&&v===null,M=v!==null?Math.max(v-x,0):null,k=w||j||C,S=()=>{const N={};return o.trim()||(N.nameEn=R("organization.englishNameRequired")),r.trim()||(N.nameAm=R("organization.amharicNameRequired")),l.trim()||(N.key=R("contentManagement.keyRequired")),u(N),Object.keys(N).length===0},T=N=>{if(N.preventDefault(),w)return;if(j){Pe.error(R("contentManagement.noCapacityConfigured","No unit capacity configured for this organization. Ask the super admin to configure it in Manage Organization Configuration."));return}if(C){Pe.error(R("contentManagement.capacityReached","Capacity limit reached. Configured maximum is {{max}}.",{max:v??0}));return}if(!S()){Pe.error(R("contentManagement.invalidMsg"));return}const F={organizationId:e,key:l.trim().toLowerCase().replace(/\s+/g,"-"),name:{en:o.trim(),am:r.trim()}};m({payload:F,successCallback:()=>{Pe.success(R("contentManagement.success"),{description:`${R("contentManagement.unit")} "${g==="en"?o:r}" ${R("contentManagement.msg")}`}),n(o.trim())}})};return s.jsxs("form",{onSubmit:T,className:"space-y-4",children:[s.jsx("div",{className:`rounded-md border px-3 py-2 text-sm ${w?"border-gray-200 bg-gray-50 text-gray-600 dark:border-gray-700 dark:bg-gray-800/50 dark:text-gray-300":j?"border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-300":C?"border-red-200 bg-red-50 text-red-700 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-300":"border-primary-200 bg-primary-50 text-primary-700 dark:border-primary-900/50 dark:bg-primary-950/30 dark:text-primary-300"}`,children:s.jsxs("div",{className:"flex items-start gap-2",children:[w?s.jsx(Rt,{className:"h-4 w-4 mt-0.5 shrink-0 animate-spin"}):s.jsx(ks,{className:"h-4 w-4 mt-0.5 shrink-0"}),s.jsx("div",{className:"min-w-0 break-words flex-1",children:w?s.jsx("span",{children:R("contentManagement.checkingCapacity","Checking configured capacity…")}):j?s.jsx("span",{children:R("contentManagement.noCapacityConfigured","No unit capacity configured for this organization. Ask the super admin to configure it in Manage Organization Configuration.")}):s.jsxs("div",{className:"space-y-1",children:[s.jsx("div",{className:"font-medium",children:R("contentManagement.configuredUnitLimit","Configured unit limit: {{max}}",{max:v})}),s.jsxs("div",{className:"flex flex-wrap gap-x-3 gap-y-0.5 text-xs opacity-90",children:[s.jsxs("span",{children:[R("contentManagement.linkedUnits","Used"),": ",x]}),s.jsxs("span",{children:[R("contentManagement.remainingSlots","Remaining"),":"," ",M??0]})]}),C&&s.jsx("div",{className:"text-xs font-medium",children:R("contentManagement.capacityReachedShort","Limit reached — cannot create more units.")})]})})]})}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameEn",children:R("organization.enterEnglishName")}),s.jsx(ze,{id:"nameEn",placeholder:R("organization.enterEnglishName"),value:o,disabled:k,onChange:N=>{a(N.target.value),u(F=>({...F,nameEn:""}))}}),c.nameEn&&s.jsx("p",{className:"text-red-500 text-sm",children:c.nameEn})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"nameAm",children:R("organization.enterAmharicName")}),s.jsx(ze,{id:"nameAm",placeholder:R("organization.enterAmharicName"),value:r,disabled:k,onChange:N=>{i(N.target.value),u(F=>({...F,nameAm:""}))}}),c.nameAm&&s.jsx("p",{className:"text-red-500 text-sm",children:c.nameAm})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(Ge,{htmlFor:"key",children:R("contentManagement.key")}),s.jsx(ze,{id:"key",placeholder:"e.g. finance-unit",value:l,disabled:k,onChange:N=>{d(N.target.value),u(F=>({...F,key:""}))}}),c.key&&s.jsx("p",{className:"text-red-500 text-sm",children:c.key})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:t,disabled:h,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:h||k,children:h?R("organization.adding"):R("contentManagement.addUnit")})]})]})}function Tp({isOpen:e,onClose:n,organizationId:t}){const o=a=>{n()};return s.jsx(yt,{open:e,onOpenChange:a=>!a&&n(),children:s.jsxs(wt,{className:"sm:max-w-[425px]",children:[s.jsx(jt,{children:s.jsx(Ct,{children:R("contentManagement.addNewUnit")})}),s.jsx(Dp,{organizationId:t,onSuccess:o,onCancel:n})]})})}const Ip=({departmentName:e,departmentId:n,isOpen:t,onClose:o})=>{const{deletePosition:a,isDeleting:r}=Ln(),i=async()=>{a({id:n,successCallback:o})};return s.jsx(ho,{open:t,onOpenChange:o,children:s.jsxs(po,{children:[s.jsxs(fo,{children:[s.jsx(vo,{children:"Are you sure you want to delete this department?"}),s.jsxs(xo,{children:["This will permanently delete ",s.jsx("strong",{children:e})," and all its sub-items. This action cannot be undone."]})]}),s.jsxs(bo,{children:[s.jsx(yo,{disabled:r,children:"Cancel"}),s.jsxs(He,{variant:"destructive",onClick:i,disabled:r,children:[r&&s.jsx(Rt,{className:"w-4 h-4 mr-2 animate-spin"}),"Delete"]})]})]})})},Fp=({departmentId:e,departmentName:n,isOpen:t,onClose:o,teamMemberId:a,teamMemberName:r})=>{if(!a)return null;const{setInactive:i,isDeActivatingUser:l}=go(),d={employeeId:a,positionId:e},c=()=>{i({payload:d,successCallback:o})};return s.jsx(ho,{open:t,onOpenChange:o,children:s.jsxs(po,{children:[s.jsxs(fo,{children:[s.jsx(vo,{children:"Remove team member from this position?"}),s.jsxs(xo,{children:["This will mark ",s.jsx("strong",{children:r})," as inactive for this position. This action can be reversed only by reassigning."]})]}),s.jsxs(bo,{children:[s.jsx(yo,{disabled:l,children:"Cancel"}),s.jsxs(He,{variant:"destructive",onClick:c,disabled:l,children:[l&&s.jsx(Rt,{className:"h-4 w-4 mr-2 animate-spin"}),"Confirm"]})]})]})})};function Pp({unitId:e,departmentId:n,organizationId:t,onSuccess:o,onCancel:a}){const{usePositionListByUnitId:r}=Ln({take:1e3,skip:0}),[i,l]=y.useState(""),[d,c]=y.useState(""),[u,g]=y.useState(""),{data:m,isError:h,isLoading:p}=r(e,{take:1e3,skip:0}),f=Jt.language,{mutate:v,isPending:x}=Nu(),b=y.useMemo(()=>{if(!(m!=null&&m.items))return[];if(!d.trim())return m.items;const C=d.toLowerCase();return m.items.filter(j=>{var T,N,F,E,V;const M=((N=(T=j.name)==null?void 0:T.en)==null?void 0:N.toLowerCase())||"",k=((E=(F=j.name)==null?void 0:F.am)==null?void 0:E.toLowerCase())||"",S=((V=j.description)==null?void 0:V.toLowerCase())||"";return M.includes(C)||k.includes(C)||S.includes(C)})},[m==null?void 0:m.items,d]),w=C=>{if(C.preventDefault(),!i){g(R("addRecord.Select Department")),Pe.error(R("contentManagement.departmentRequired"));return}v({positionId:n,newParentId:i},{onSuccess:()=>{o(i)}}),o(i),Pe.success(R("contentManagement.departmentSuccess"))};return s.jsxs("form",{onSubmit:w,className:"space-y-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsxs(Ge,{htmlFor:"department",children:[" ",R("addRecord.Select Department")]}),s.jsxs(cn,{onValueChange:C=>{l(C),g("")},value:i,children:[s.jsx(dn,{children:s.jsx(un,{placeholder:R("addRecord.Select Department")})}),s.jsx(gn,{className:"p-0",children:s.jsxs("div",{className:"flex flex-col h-60",children:[s.jsx("div",{className:"flex-shrink-0 bg-white border-b p-2 z-10",children:s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400"}),s.jsx(ze,{placeholder:"Search departments...",value:d,onChange:C=>{c(C.target.value),l("")},className:"pl-10 pr-10 h-8"}),d&&s.jsx(He,{type:"button",variant:"ghost",size:"sm",className:"absolute right-1 top-1/2 transform -translate-y-1/2 h-6 w-6 p-0",onClick:()=>{c(""),l("")},children:s.jsx(fu,{className:"h-3 w-3"})})]})}),s.jsx("div",{className:"flex-1 overflow-y-auto",children:p?s.jsx("div",{className:"px-2 py-2",children:s.jsx("p",{className:"text-gray-500",children:R("contentManagement.loading")})}):b.length===0?s.jsx("div",{className:"px-2 py-2",children:s.jsx("p",{className:"text-gray-500",children:d?"No departments found matching your search.":"No departments available."})}):b?.map(C=>s.jsx(Ot,{value:C.id,children:s.jsxs("div",{className:"flex flex-col",children:[s.jsx("span",{className:"font-medium",children:f==="en"?C.name.en:C.name.am}),C.description&&s.jsx("span",{className:"text-xs text-gray-500",children:C.description})]})},C.id))}),d&&b.length>0&&s.jsx("div",{className:"flex-shrink-0 bg-gray-50 border-t px-2 py-1",children:s.jsxs("p",{className:"text-xs text-gray-500",children:["Found ",b.length," department(s)"]})})]})})]}),u&&s.jsx("p",{className:"text-red-500 text-sm",children:u})]}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(He,{type:"button",variant:"outline",onClick:a,children:R("common.Cancel")}),s.jsx(He,{type:"submit",disabled:!i||x,children:x?"Moving...":R("contentManagement.moveDepartement")})]})]})}function Ep({isOpen:e,onClose:n,departmentId:t,organizationId:o,unitId:a}){const r=i=>{n()};return s.jsx(yt,{open:e,onOpenChange:i=>!i&&n(),children:s.jsxs(wt,{className:"sm:max-w-[425px]",children:[s.jsx(jt,{children:s.jsx(Ct,{children:"Move Department"})}),s.jsx(Pp,{unitId:a,organizationId:o,onSuccess:r,onCancel:n,departmentId:t})]})})}const zi={getUnitsList:async e=>{var n,t;try{return{success:!0,data:(await Na.get(`/units/list/${e}`,{headers:fi()})).data}}catch(o){return{success:!1,message:((t=(n=o==null?void 0:o.response)==null?void 0:n.data)==null?void 0:t.message)||"Failed to fetch units",data:null}}},exportUserData:async(e,n="xlsx")=>{var t,o;try{const r=(await Na.get(`/employees/export-user-data/${e}`,{headers:fi(),responseType:"json"})).data,i=mt.book_new();if(Array.isArray(r)){const f=mt.json_to_sheet(r);mt.book_append_sheet(i,f,"Data")}else if(r&&typeof r=="object"){if(r.positions&&Array.isArray(r.positions)){const f=mt.json_to_sheet(r.positions);mt.book_append_sheet(i,f,"Positions")}if(r.users&&Array.isArray(r.users)){const f=mt.json_to_sheet(r.users);mt.book_append_sheet(i,f,"Users")}if(!r.positions&&!r.users){const f=Object.values(r).find(v=>Array.isArray(v));if(f){const v=mt.json_to_sheet(f);mt.book_append_sheet(i,v,"Data")}else{const v=mt.json_to_sheet([r]);mt.book_append_sheet(i,v,"Data")}}}else{const f=mt.json_to_sheet([{data:r}]);mt.book_append_sheet(i,f,"Data")}let l,d,c;if(n==="csv"){let f="";if(r&&typeof r=="object"&&(r.positions||r.users)){const v=[];if(r.positions&&Array.isArray(r.positions)&&r.positions.forEach(x=>{v.push({...x,dataType:"Position"})}),r.users&&Array.isArray(r.users)&&r.users.forEach(x=>{v.push({...x,dataType:"User"})}),v.length>0){const x=mt.json_to_sheet(v);f=mt.sheet_to_csv(x)}}else{const v=i.SheetNames[0],x=i.Sheets[v];f=mt.sheet_to_csv(x)}l=new TextEncoder().encode(f),d="text/csv",c="csv"}else l=Au(i,{bookType:"xlsx",type:"array"}),d="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",c="xlsx";const u=new Blob([l],{type:d}),g=window.URL.createObjectURL(u),m=document.createElement("a");m.href=g;const p=`user-data-export-${new Date().toISOString().split("T")[0]}.${c}`;return m.download=p,document.body.appendChild(m),m.click(),document.body.removeChild(m),window.URL.revokeObjectURL(g),{success:!0,message:"Export completed successfully",data:r}}catch(a){return{success:!1,message:((o=(t=a==null?void 0:a.response)==null?void 0:t.data)==null?void 0:o.message)||"Export failed. Please try again.",data:null}}}},Op=()=>{const[e,n]=y.useState(!1),[t,o]=y.useState(!1),[a,r]=y.useState([]);return{exportUserData:async(d,c="xlsx")=>{if(!d){const u={success:!1,message:"Unit ID is required",data:null};return Pe.error(u.message),u}n(!0);try{const u=await zi.exportUserData(d,c);return u.success?Pe.success(`User data exported successfully as ${c.toUpperCase()}!`):Pe.error(u.message),u}catch(u){const g={success:!1,message:(u==null?void 0:u.message)||"Export failed. Please try again.",data:null};return Pe.error(g.message),g}finally{n(!1)}},getUnits:async d=>{var c,u;if(!d){Pe.error("Organization ID is required");return}o(!0);try{const g=await zi.getUnitsList(d);return g.success?(r(((c=g.data)==null?void 0:c.items)||[]),((u=g.data)==null?void 0:u.items)||[]):(Pe.error(g.message),[])}catch{return Pe.error("Failed to fetch units"),[]}finally{o(!1)}},isExporting:e,isLoadingUnits:t,units:a}},Ap=({isOpen:e,onClose:n,userId:t,teamMemberName:o})=>{const{deactivateUser:a,isDeActivatingUser:r}=go(),i=Tt(),l=async()=>{try{await a({payload:t,successCallback:()=>{i.invalidateQueries({queryKey:["positionEmployees"],exact:!0}),n()}})}catch{}};return s.jsx(ho,{open:e,onOpenChange:n,children:s.jsxs(po,{children:[s.jsxs(fo,{children:[s.jsx(vo,{children:"Remove team member from this position?"}),s.jsxs(xo,{children:["This will mark ",s.jsx("strong",{children:o})," as Deactivate from this organization. This action can be reversed only by Activating From Archived User By Contacting the Administrator."]})]}),s.jsxs(bo,{children:[s.jsx(yo,{disabled:r,children:"Cancel"}),s.jsxs(He,{variant:"destructive",onClick:l,disabled:r,children:[r&&s.jsx(Rt,{className:"h-4 w-4 mr-2 animate-spin"}),"Confirm"]})]})]})})},zp=(e,n)=>{const[t,o]=y.useState(""),[a,r]=y.useState({...n,take:3e3}),[i,l]=y.useState(!1),d=Bt(),{data:c,isLoading:u,error:g,refetch:m}=zt({queryKey:["organizationEmployees",e,a],queryFn:async()=>{if(!e)throw new Error("Organization ID is required");return(await Du.getEmployeesWithOrganizationById(e,a)).data},enabled:!!e});y.useEffect(()=>{c!=null&&c.count&&!i&&(r(f=>({...f,take:c.count})),l(!0))},[c==null?void 0:c.count,i]);const h=y.useMemo(()=>{if(!(c!=null&&c.items))return[];const f=c.items.reduce((x,b)=>(x.find(w=>w.id===b.id)||x.push(b),x),[]);if(!t.trim())return f;const v=t.toLowerCase().trim();return f.filter(x=>{var F,E,V,L,B,_,D,O;const b=((F=x.user.name.am)==null?void 0:F.toLowerCase())||"",w=((E=x.user.name.en)==null?void 0:E.toLowerCase())||"",C=((V=d(x.user.name))==null?void 0:V.toLowerCase())||"",j=((L=x.name.am)==null?void 0:L.toLowerCase())||"",M=((B=x.name.en)==null?void 0:B.toLowerCase())||"",k=((_=d(x.name))==null?void 0:_.toLowerCase())||"",S=((D=x.user.email)==null?void 0:D.toLowerCase())||"",T=((O=x.user.phoneNumber)==null?void 0:O.toLowerCase())||"",N=x.employeePositions?.map(P=>{var $;return(($=d(P.position.name))==null?void 0:$.toLowerCase())||""}).join(" ");return b.includes(v)||w.includes(v)||C.includes(v)||j.includes(v)||M.includes(v)||k.includes(v)||S.includes(v)||T.includes(v)||N.includes(v)})},[c==null?void 0:c.items,t,d]),p=y.useMemo(()=>c!=null&&c.items?c.items.reduce((f,v)=>(f.find(x=>x.id===v.id)||f.push(v),f),[]):[],[c==null?void 0:c.items]);return{employees:p,filteredEmployees:h,totalCount:p.length,filteredCount:h.length,searchQuery:t,setSearchQuery:o,isLoading:u,error:g,refetch:m}},$p=(e,n)=>{var r,i,l,d,c,u,g,m,h,p,f,v,x;const t=e.employeePositions[0],o=((i=(r=e==null?void 0:e.user)==null?void 0:r.name)==null?void 0:i.en)||((d=(l=e==null?void 0:e.user)==null?void 0:l.name)==null?void 0:d.am)||"",a=((u=(c=t==null?void 0:t.position)==null?void 0:c.name)==null?void 0:u.en)||((m=(g=t==null?void 0:t.position)==null?void 0:g.name)==null?void 0:m.am)||"";return{organizationId:n,status:"Active",id:e.id,isCurrent:!0,name:t?`${o} - ${a}`:null,user:{id:((h=e==null?void 0:e.user)==null?void 0:h.id)??"",name:((p=e==null?void 0:e.user)==null?void 0:p.name)??{en:"",am:""},username:((v=(f=e==null?void 0:e.user)==null?void 0:f.email)==null?void 0:v.split("@")[0])??"",email:((x=e==null?void 0:e.user)==null?void 0:x.email)??"",userType:"employee",sharepointId:null,status:"pending",phoneNumber:"",hasSetPassword:!1}}},Lp=({organizationId:e,isOpen:n,onClose:t})=>{const{filteredEmployees:o,totalCount:a,filteredCount:r,searchQuery:i,setSearchQuery:l,isLoading:d,error:c}=zp(e),u=y.useMemo(()=>e?o?.map(p=>$p(p,e)):[],[o,e]),g=async p=>{const f=Jt.language;try{p.user.status==="pending"?Pe.loading(R("search.resendingVerification")):Pe.loading(R("search.sendingInvitation")),await vl({email:p.user.email,phoneNumber:p.user.phoneNumber});const v=f==="en"?p.user.name.en:p.user.name.am;p.user.status==="pending"?Pe.success(R("search.verificationCodeResent"),{description:R("search.verificationCodeSentTo",{name:v}),duration:4e3}):Pe.success(R("search.invitationSent"),{description:R("search.invitationSentTo",{name:v}),duration:4e3})}catch(v){const x=v instanceof Error?v.message:"Unknown error",b=p.user.status==="pending"?R("search.failedToResend"):R("search.failedToSendInvitation");Pe.error("Error",{description:`${b}: ${x}`,duration:4e3})}},m=(p,f,v,x)=>{window.confirm(R("search.confirmRemoveEmployee",{name:x}))&&Pe.info(R("search.removeFunctionalityNotImplemented"))},h=()=>d?s.jsx("div",{className:"flex justify-center py-12",children:s.jsxs("div",{className:"flex flex-col items-center",children:[s.jsx("div",{className:"w-8 h-8 border-4 border-t-blue-500 border-blue-200 rounded-full animate-spin mb-2"}),s.jsx("p",{className:"text-sm text-gray-500",children:R("search.searchingEmployees")})]})}):c?s.jsxs("div",{className:"text-center py-12 text-red-500",children:[s.jsx(ks,{className:"h-12 w-12 mx-auto mb-2"}),s.jsx("p",{className:"text-sm font-medium",children:R("search.errorLoadingEmployees")}),s.jsx("p",{className:"text-xs mt-1",children:c instanceof Error?c.message:"Unknown error"})]}):o.length===0&&i.trim()?s.jsxs("div",{className:"text-center py-12 text-gray-500",children:[s.jsx(Mt,{className:"h-12 w-12 mx-auto mb-2 text-gray-300"}),s.jsx("p",{className:"text-sm font-medium",children:R("search.noEmployeesFound")}),s.jsx("p",{className:"text-xs mt-1 text-gray-400",children:R("search.tryDifferentKeywords")})]}):o.length===0?s.jsxs("div",{className:"text-center py-12 text-gray-500",children:[s.jsx(Ft,{className:"h-12 w-12 mx-auto mb-2 text-gray-300"}),s.jsx("p",{className:"text-sm font-medium",children:R("search.startTypingToSearch")}),s.jsx("p",{className:"text-xs mt-1 text-gray-400",children:R("search.searchByNameEmailPhone")})]}):s.jsx(Ea,{departmentId:"",departmentName:R("search.allEmployees"),employees:u,isLoading:!1,searchQuery:"",onInviteEmployee:g,onDeleteEmployee:m});return s.jsx(yt,{open:n,onOpenChange:t,children:s.jsxs(wt,{className:"max-w-4xl max-h-[80vh] overflow-hidden",children:[s.jsxs(jt,{className:"flex flex-row items-center justify-between",children:[s.jsxs(Ct,{className:"flex items-center gap-2",children:[s.jsx(Mt,{className:"h-5 w-5"}),R("search.searchAllEmployees")]}),s.jsx(He,{variant:"ghost",size:"icon",onClick:t,className:"h-6 w-6"})]}),s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-3 top-3 h-4 w-4 text-gray-400"}),s.jsx(ze,{placeholder:R("search.searchByNameEmailPhonePosition"),className:"pl-10",value:i,onChange:p=>l(p.target.value),autoFocus:!0})]}),i.trim()&&s.jsx("div",{className:"text-sm text-gray-600",children:R("search.showingResults",{count:r,total:a,query:i})}),s.jsx("div",{className:"max-h-96 overflow-y-auto",children:h()})]})]})})},Vp=()=>{const{toast:e}=bl(),{softDeletePosition:n}=zu(),t=J=>{n(J)},[o,a]=y.useState(""),[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState(""),{user:g}=Xa(),m=y.useRef(null),h=Bt();Jt.language;const{exportUserData:p,getUnits:f,isExporting:v,isLoadingUnits:x,units:b}=Op(),[w,C]=y.useState(""),[j,M]=y.useState(!1),[k,S]=y.useState("xlsx"),[T,N]=y.useState(!1),F=g!=null&&g.employee&&g.employee.length>0?g.employee[0].organizationId:void 0,{organizations:E,isLoading:V}=hp({currentOrgId:F}),{selectedOrgId:L,selectedUnitId:B,selectedDepartmentId:_,selectedDepartmentName:D,breadcrumb:O,handleSelectOrganization:P,handleSelectUnit:$,handleSelectDepartment:z}=xp(E,h),[H]=y.useState(100),[ae,ie]=y.useState(0),{units:Q,isLoading:se,setUnits:te,fetchedUnits:Z}=pp(L,{take:H,skip:ae}),{data:I}=tr(L||""),Y=(()=>{var re;const J=((re=I==null?void 0:I.data)==null?void 0:re.items)??[];if(!Array.isArray(J)||J.length===0)return null;const Ae=J.find(Ke=>(Ke==null?void 0:Ke.organizationId)===L)??J[0],$e=Number(Ae==null?void 0:Ae.maximumNumberOfUnits);return Number.isFinite($e)?$e:null})(),{getChildren:ce}=Vn(),[ee,W]=y.useState("");y.useEffect(()=>{if(!B)return;Q?.some(Ae=>Ae.id===B)&&W(B)},[B,Q]),y.useEffect(()=>{W("")},[L]);const{data:me}=ce(ee||""),le=(()=>{const J=me==null?void 0:me.data;if(!J)return[];const Ae=Array.isArray(J)?J:J.items??[];return Array.isArray(Ae)?Ae?.map($e=>({id:$e.id,name:$e.name})):[]})(),de=new Set(le?.map(J=>J.id)),K=(()=>{const J=new Set,Ae=[];return[...Q,...le].forEach($e=>{$e!=null&&$e.id&&!J.has($e.id)&&(J.add($e.id),Ae.push({...$e,isRelated:de.has($e.id)}))}),Ae})(),[A,ne]=y.useState(!1),be=Y!==null&&Q.length<Y&&!!L,{departments:ve,isLoading:Se,setDepartments:we,positions:U}=fp(B),{employees:q,isLoading:oe,setEmployees:Ie,refetch:he}=vp(_),X=bp({selectedOrgId:L,selectedUnitId:B,toast:e}),_e=async J=>{try{J.status==="pending"?Pe.loading("Resending verification code..."):Pe.loading("Sending invitation..."),await vl({email:J.user.email,phoneNumber:J.user.phoneNumber});const Ae=typeof J.user.name=="string"?h(J.user.name):h(J.user.name)||"User";J.user.status==="pending"?Pe.success("Verification Code Resent",{description:`A new verification code has been sent to ${Ae}`,duration:4e3}):Pe.success("Invitation Sent",{description:`Invitation sent to ${Ae}`,duration:4e3}),he&&await he()}catch(Ae){const $e=Ae instanceof Error?Ae.message:"Unknown error";Pe.error("Error",{description:`Failed to ${J.status==="pending"?"resend verification code":"send invitation"}: ${$e}`,duration:4e3})}setTimeout(()=>{Pe.dismiss()},4e3)},Oe=()=>{m.current&&m.current.scrollBy({left:-200,behavior:"smooth"})},Xe=()=>{m.current&&m.current.scrollBy({left:200,behavior:"smooth"})},ot=async()=>{if(!F){Pe.error(R("organizationIdRequired"));return}try{const J=await f(F);J&&J.length>0?M(!0):Pe.error(R("noUnitsFound"))}catch{Pe.error(R("exportError"))}},et=async J=>{C(J),M(!1),await p(J,k),C("")};return s.jsxs("div",{className:"h-full flex flex-col",children:[s.jsxs("div",{className:"p-4 border-b dark:border-gray-700",children:[s.jsxs("div",{className:"flex justify-between items-center mb-4",children:[s.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:R("organization.userManagement")}),s.jsxs("div",{className:"flex gap-2",children:[s.jsxs(cn,{value:k,onValueChange:J=>S(J),children:[s.jsx(dn,{className:"w-32 dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600",children:s.jsx(un,{})}),s.jsxs(gn,{className:"dark:bg-gray-700 dark:border-gray-600",children:[s.jsx(Ot,{value:"xlsx",className:"dark:text-gray-200 dark:hover:bg-gray-600",children:"XLSX"}),s.jsx(Ot,{value:"csv",className:"dark:text-gray-200 dark:hover:bg-gray-600",children:"CSV"})]})]}),s.jsxs(He,{variant:"outline",size:"sm",onClick:ot,disabled:v||!F,className:"bg-primary-50 text-primary-700 border-primary-200 hover:bg-primary-100 dark:bg-primary-900/30 dark:text-primary-400 dark:border-primary-800 dark:hover:bg-primary-900/50",children:[s.jsx($u,{className:`h-4 w-4 mr-2 ${v?"animate-pulse":""}`}),v?R("exporting"):R("exportUserData")]})]})]}),s.jsxs("div",{className:"flex gap-2",children:[s.jsxs("div",{className:"relative flex-1",children:[s.jsx(Mt,{className:"absolute left-2 top-2.5 h-4 w-4 text-gray-500 dark:text-gray-400"}),s.jsx(ze,{placeholder:"Search organizations, units, departments...",className:"pl-8 dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600",value:o,onChange:J=>a(J.target.value)})]}),s.jsxs(He,{variant:"outline",size:"sm",onClick:()=>N(!0),disabled:!F,className:"bg-blue-50 text-blue-700 border-blue-200 hover:bg-blue-100 whitespace-nowrap dark:bg-blue-900/30 dark:text-blue-400 dark:border-blue-800 dark:hover:bg-blue-900/50",children:[s.jsx(Ft,{className:"h-4 w-4 mr-2"}),R("search.searchAllEmployees")]})]}),s.jsx("div",{className:"mt-4",children:s.jsx(yp,{breadcrumb:O,hasTeamMembers:_!=""&&q.length>0})})]}),s.jsx("div",{className:"flex-1 p-2 md:hidden",children:s.jsxs("div",{className:"relative h-[calc(100vh-180px)]",children:[s.jsx("button",{onClick:Oe,className:"absolute left-0 top-1/2 -translate-y-1/2 z-10 bg-white dark:bg-gray-800 rounded-full shadow-md p-1","aria-label":"Scroll left",children:s.jsx(Lu,{className:"h-5 w-5 dark:text-gray-300"})}),s.jsxs("div",{ref:m,className:"flex overflow-x-auto gap-3 pb-4 snap-x snap-mandatory h-full scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:[s.jsxs("div",{className:"border rounded-md p-3 bg-white dark:bg-gray-800 shadow-sm min-w-[90%] max-w-[90%] flex-shrink-0 snap-center h-full flex flex-col dark:border-gray-700",children:[s.jsx("h3",{className:"font-medium text-gray-700 dark:text-gray-200 mb-3 border-b pb-2 dark:border-gray-700",children:R("organization.organizations")}),s.jsx("div",{className:"overflow-y-auto flex-1",children:s.jsx(Pi,{selectedOrgId:L,organizations:E,isLoading:V,searchQuery:o,onSelectOrganization:J=>{te([]),we([]),Ie([]),P(J)},canCreateUnitForOrg:J=>J===L&&be,onCreateUnit:()=>ne(!0)})})]}),s.jsxs("div",{className:"border rounded-md p-3 bg-white dark:bg-gray-800 shadow-sm min-w-[90%] max-w-[90%] flex-shrink-0 snap-center h-full flex flex-col dark:border-gray-700",children:[s.jsxs("h3",{className:"font-medium text-gray-700 dark:text-gray-200 mb-3 border-b pb-2 dark:border-gray-700 flex items-center justify-between gap-2",children:[s.jsx("span",{children:R("contentManagement.Units")}),s.jsxs("div",{className:"flex items-center gap-2",children:[Y!==null&&s.jsxs("span",{className:"text-xs font-normal px-2 py-0.5 rounded-full bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300 border border-primary-200 dark:border-primary-800",children:[K.length,"/",Y]}),be&&s.jsxs(He,{size:"sm",variant:"outline",onClick:()=>ne(!0),className:"h-7 px-2 text-xs border-primary-500 text-primary-700 hover:bg-primary-50 dark:border-primary-700 dark:text-primary-300 dark:hover:bg-primary-900/30",children:[s.jsx(Ss,{className:"h-3.5 w-3.5 mr-1"}),R("contentManagement.createUnit","Create Unit")]})]})]}),s.jsx("div",{className:"mb-3",children:s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-2 top-2.5 h-4 w-4 text-gray-500 dark:text-gray-400"}),s.jsx(ze,{placeholder:R("search.searchUnits","Search units..."),className:"pl-8 text-sm dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600",value:r,onChange:J=>i(J.target.value)})]})}),s.jsx("div",{className:"overflow-y-auto flex-1",children:s.jsx(Ei,{organizationId:L,selectedUnitId:B,onSelectUnit:J=>{we([]),Ie([]),$(J,K)},units:K,isLoading:se,searchQuery:r,onAddDepartment:X.unit.onAddDepartment,onEditUnit:X.unit.onEditUnit,onDeleteUnit:X.unit.onDeleteUnit,onAddFromSubCity:X.unit.onAddFromSubCity})})]}),s.jsxs("div",{className:"border rounded-md p-3 bg-white dark:bg-gray-800 shadow-sm min-w-[90%] max-w-[90%] flex-shrink-0 snap-center h-full flex flex-col dark:border-gray-700",children:[s.jsx("h3",{className:"font-medium text-gray-700 dark:text-gray-200 mb-3 border-b pb-2 dark:border-gray-700",children:R("userIncoming.Departments")}),s.jsx("div",{className:"mb-3",children:s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-2 top-2.5 h-4 w-4 text-gray-500 dark:text-gray-400"}),s.jsx(ze,{placeholder:R("search.searchDepartments","Search departments..."),className:"pl-8 text-sm dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600",value:l,onChange:J=>d(J.target.value)})]})}),s.jsx("div",{className:"overflow-y-auto flex-1",children:s.jsx(Oi,{unitId:B,selectedDepartmentId:_,onSelectDepartment:J=>{J!==_&&(Ie([]),z(J,ve))},departments:ve,positions:U,isLoading:Se,searchQuery:l,onAddUser:X.department.onAddUserUnderDepartment,onViewUsers:X.department.onViewUsers,onAddSubDepartment:X.department.onAddSubDepartment,onEditDepartment:X.department.onEditDepartment,onDeleteDepartment:X.department.onDeleteDepartment,onArchiveDepartment:t,onDelegate:X.department.onDelegate,onAssignUser:X.department.onAssignUser,onMoveDepartment:X.department.onMoveDepartment})})]}),s.jsxs("div",{className:"border rounded-md p-3 bg-white dark:bg-gray-800 shadow-sm min-w-[90%] max-w-[90%] flex-shrink-0 snap-center h-full flex flex-col dark:border-gray-700",children:[s.jsx("h3",{className:"font-medium text-gray-700 dark:text-gray-200 mb-3 border-b pb-2 dark:border-gray-700",children:R("contentManagement.teamMember")}),s.jsx("div",{className:"mb-3",children:s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-2 top-2.5 h-4 w-4 text-gray-500 dark:text-gray-400"}),s.jsx(ze,{placeholder:R("search.searchEmployees","Search employees..."),className:"pl-8 text-sm dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600",value:c,onChange:J=>u(J.target.value)})]})}),s.jsx("div",{className:"overflow-y-auto flex-1",children:s.jsx(Ea,{departmentId:_,departmentName:D,employees:q,isLoading:oe,searchQuery:c,onDeleteEmployee:X.teamMember.onDeleteTeamMember,onInviteEmployee:_e,onDeactivateTeamMember:X.teamMember.onDeactivateTeamMember})})]})]}),s.jsx("button",{onClick:Xe,className:"absolute right-0 top-1/2 -translate-y-1/2 z-10 bg-white dark:bg-gray-800 rounded-full shadow-md p-1","aria-label":"Scroll right",children:s.jsx(eo,{className:"h-5 w-5 dark:text-gray-300"})})]})}),s.jsxs("div",{className:"hidden md:flex flex-1 p-4 flex-col lg:grid lg:grid-cols-4 lg:gap-4",children:[s.jsxs("div",{className:"lg:col-span-3 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:[s.jsxs("div",{className:"border rounded-md p-3 bg-white dark:bg-gray-800 shadow-sm dark:border-gray-700",children:[s.jsx("h3",{className:"font-medium text-gray-700 dark:text-gray-200 mb-3 border-b pb-2 dark:border-gray-700",children:R("organization.organizations")}),s.jsx(Pi,{selectedOrgId:L,organizations:E,isLoading:V,searchQuery:o,onSelectOrganization:J=>{te([]),we([]),Ie([]),P(J)},canCreateUnitForOrg:J=>J===L&&be,onCreateUnit:()=>ne(!0)})]}),s.jsxs("div",{className:"border rounded-md p-3 bg-white dark:bg-gray-800 shadow-sm dark:border-gray-700",children:[s.jsxs("h3",{className:"font-medium text-gray-700 dark:text-gray-200 mb-3 border-b pb-2 dark:border-gray-700 flex items-center justify-between gap-2",children:[s.jsx("span",{children:R("contentManagement.Units")}),Y!==null&&s.jsxs("span",{className:"text-xs font-normal px-2 py-0.5 rounded-full bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300 border border-primary-200 dark:border-primary-800",children:[K.length,"/",Y]})]}),s.jsx("div",{className:"mb-3",children:s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-2 top-2.5 h-4 w-4 text-gray-500 dark:text-gray-400"}),s.jsx(ze,{placeholder:R("search.searchUnits","Search units..."),className:"pl-8 text-sm dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600",value:r,onChange:J=>i(J.target.value)})]})}),s.jsx(Ei,{organizationId:L,selectedUnitId:B,onSelectUnit:J=>{we([]),Ie([]),$(J,K)},units:K,isLoading:se,searchQuery:r,onAddDepartment:X.unit.onAddDepartment,onEditUnit:X.unit.onEditUnit,onDeleteUnit:X.unit.onDeleteUnit,onAddFromSubCity:X.unit.onAddFromSubCity})]}),s.jsxs("div",{className:"border rounded-md p-3 bg-white dark:bg-gray-800 shadow-sm dark:border-gray-700",children:[s.jsx("h3",{className:"font-medium text-gray-700 dark:text-gray-200 mb-3 border-b pb-2 dark:border-gray-700",children:R("userIncoming.Departments")}),s.jsx("div",{className:"mb-3",children:s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-2 top-2.5 h-4 w-4 text-gray-500 dark:text-gray-400"}),s.jsx(ze,{placeholder:R("search.searchDepartments","Search departments..."),className:"pl-8 text-sm dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600",value:l,onChange:J=>d(J.target.value)})]})}),s.jsx(Oi,{unitId:B,selectedDepartmentId:_,onSelectDepartment:J=>{J!==_&&(Ie([]),z(J,ve))},departments:ve,positions:U,isLoading:Se,searchQuery:l,onAddUser:X.department.onAddUserUnderDepartment,onViewUsers:X.department.onViewUsers,onAddSubDepartment:X.department.onAddSubDepartment,onEditDepartment:X.department.onEditDepartment,onDeleteDepartment:X.department.onDeleteDepartment,onArchiveDepartment:t,onDelegate:X.department.onDelegate,onAssignUser:X.department.onAssignUser,onMoveDepartment:X.department.onMoveDepartment})]})]}),s.jsxs("div",{className:"mt-4 lg:mt-0 border rounded-md p-4 bg-white dark:bg-gray-800 shadow-sm dark:border-gray-700",children:[s.jsxs("h3",{className:"font-medium text-gray-700 dark:text-gray-200 mb-4 border-b pb-2 flex items-center dark:border-gray-700",children:[s.jsx(Ft,{className:"mr-2 h-4 w-4 text-gray-500 dark:text-gray-400"}),R("contentManagement.teamMember")]}),s.jsx("div",{className:"mb-4",children:s.jsxs("div",{className:"relative",children:[s.jsx(Mt,{className:"absolute left-2 top-2.5 h-4 w-4 text-gray-500 dark:text-gray-400"}),s.jsx(ze,{placeholder:R("search.searchEmployees","Search employees..."),className:"pl-8 text-sm dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600",value:c,onChange:J=>u(J.target.value)})]})}),s.jsx(Ea,{departmentId:_,departmentName:D,employees:q,isLoading:oe,searchQuery:c,onDeleteEmployee:X.teamMember.onDeleteTeamMember,onInviteEmployee:_e,onDeactivateTeamMember:X.teamMember.onDeactivateTeamMember})]})]}),X.dialogs.userUnderDepartment.isOpen&&s.jsx(jp,{...X.dialogs.userUnderDepartment}),X.dialogs.editUnit.isOpen&&s.jsx(Mp,{...X.dialogs.editUnit,units:Z}),X.dialogs.deleteUnit.isOpen&&s.jsx(Rp,{...X.dialogs.deleteUnit}),X.dialogs.addFromSubCity.isOpen&&s.jsx(kp,{...X.dialogs.addFromSubCity}),A&&s.jsx(Tp,{isOpen:A,onClose:()=>ne(!1),organizationId:L}),X.dialogs.department.isOpen&&s.jsx(ap,{...X.dialogs.department,organizationId:L}),X.dialogs.editDepartment.isOpen&&s.jsx(Sp,{...X.dialogs.editDepartment,postions:U}),X.dialogs.deleteDepartment.isOpen&&s.jsx(Ip,{...X.dialogs.deleteDepartment}),X.dialogs.subDepartment.isOpen&&s.jsx(up,{...X.dialogs.subDepartment}),X.dialogs.moveDepartment.isOpen&&s.jsx(Ep,{isOpen:X.dialogs.moveDepartment.isOpen,onClose:X.dialogs.moveDepartment.onClose,departmentId:X.dialogs.moveDepartment.departmentId,organizationId:L,unitId:B}),X.dialogs.user.isOpen&&s.jsx(ip,{...X.dialogs.user}),X.dialogs.viewUsers.isOpen&&s.jsx(cp,{...X.dialogs.viewUsers}),X.dialogs.assignUser.isOpen&&s.jsx(mp,{...X.dialogs.assignUser}),X.dialogs.deleteTeamMember.isOpen&&s.jsx(Fp,{...X.dialogs.deleteTeamMember}),X.dialogs.deactivateTeamMember.isOpen&&s.jsx(Ap,{isOpen:X.dialogs.deactivateTeamMember.isOpen,onClose:X.dialogs.deactivateTeamMember.onClose,userId:X.dialogs.deactivateTeamMember.userId,teamMemberName:X.dialogs.deactivateTeamMember.teamMemberName}),j&&s.jsx("div",{className:"fixed inset-0 bg-black/40 dark:bg-black/60 flex items-center justify-center z-50",children:s.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4",children:[s.jsx("h3",{className:"text-lg font-semibold mb-4 dark:text-white",children:R("selectUnit")}),x?s.jsxs("div",{className:"text-center py-4",children:[s.jsx("div",{className:"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto"}),s.jsx("p",{className:"mt-2 dark:text-gray-400",children:R("loadingUnits")})]}):s.jsx("div",{className:"space-y-2 max-h-60 overflow-y-auto",children:b?.map(J=>{var Ae;if(typeof J=="object"&&J!==null&&"id"in J&&"name"in J){const $e=J;return s.jsxs("button",{onClick:()=>et($e.id),className:"w-full text-left p-3 rounded border border-gray-200 hover:bg-gray-100 hover:shadow-sm transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer dark:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-blue-400",children:[s.jsx("div",{className:"font-medium dark:text-gray-200",children:((Ae=$e.name)==null?void 0:Ae.en)||$e.name}),$e.description&&s.jsx("div",{className:"text-sm text-gray-500 dark:text-gray-400",children:$e.description})]},$e.id)}return null})}),s.jsx("div",{className:"flex justify-end mt-4",children:s.jsx(He,{variant:"outline",onClick:()=>M(!1),className:"dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-700",children:R("common.cancel")})})]})}),s.jsx(Lp,{organizationId:F,isOpen:T,onClose:()=>N(!1)})]})};/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var Bp={outline:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},filled:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"}};/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Me=(e,n,t,o)=>{const a=y.forwardRef(({color:r="currentColor",size:i=24,stroke:l=2,title:d,className:c,children:u,...g},m)=>y.createElement("svg",{ref:m,...Bp[e],width:i,height:i,className:["tabler-icon",`tabler-icon-${n}`,c].join(" "),...e==="filled"?{fill:r}:{strokeWidth:l,stroke:r},...g},[d&&y.createElement("title",{key:"svg-title"},d),...o?.map(([h,p])=>y.createElement(h,p)),...Array.isArray(u)?u:[u]]));return a.displayName=`${t}`,a};/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Up=[["path",{d:"M6 4l-3 3l3 3",key:"svg-0"}],["path",{d:"M18 4l3 3l-3 3",key:"svg-1"}],["path",{d:"M4 16a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -2",key:"svg-2"}],["path",{d:"M10 7h-7",key:"svg-3"}],["path",{d:"M21 7h-7",key:"svg-4"}]],Hp=Me("outline","arrow-autofit-content","ArrowAutofitContent",Up);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Gp=[["path",{d:"M18 9l3 3l-3 3",key:"svg-0"}],["path",{d:"M15 12h6",key:"svg-1"}],["path",{d:"M6 9l-3 3l3 3",key:"svg-2"}],["path",{d:"M3 12h6",key:"svg-3"}],["path",{d:"M9 18l3 3l3 -3",key:"svg-4"}],["path",{d:"M12 15v6",key:"svg-5"}],["path",{d:"M15 6l-3 -3l-3 3",key:"svg-6"}],["path",{d:"M12 3v6",key:"svg-7"}]],vc=Me("outline","arrows-move","ArrowsMove",Gp);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const qp=[["path",{d:"M3 9l4 -4l4 4m-4 -4v14",key:"svg-0"}],["path",{d:"M21 15l-4 4l-4 -4m4 4v-14",key:"svg-1"}]],Wp=Me("outline","arrows-sort","ArrowsSort",qp);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Kp=[["path",{d:"M4 4h16",key:"svg-0"}],["path",{d:"M4 20h16",key:"svg-1"}]],Yp=Me("outline","baseline-density-large","BaselineDensityLarge",Kp);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Qp=[["path",{d:"M4 20h16",key:"svg-0"}],["path",{d:"M4 12h16",key:"svg-1"}],["path",{d:"M4 4h16",key:"svg-2"}]],Xp=Me("outline","baseline-density-medium","BaselineDensityMedium",Qp);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Zp=[["path",{d:"M4 3h16",key:"svg-0"}],["path",{d:"M4 9h16",key:"svg-1"}],["path",{d:"M4 15h16",key:"svg-2"}],["path",{d:"M4 21h16",key:"svg-3"}]],Jp=Me("outline","baseline-density-small","BaselineDensitySmall",Zp);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ef=[["path",{d:"M7 5a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2l0 -10",key:"svg-0"}],["path",{d:"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2",key:"svg-1"}]],tf=Me("outline","box-multiple","BoxMultiple",ef);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const nf=[["path",{d:"M3 9a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9",key:"svg-0"}],["path",{d:"M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2",key:"svg-1"}]],sf=Me("outline","briefcase-2","Briefcase2",nf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const of=[["path",{d:"M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8",key:"svg-0"}],["path",{d:"M13 7l0 .01",key:"svg-1"}],["path",{d:"M17 7l0 .01",key:"svg-2"}],["path",{d:"M17 11l0 .01",key:"svg-3"}],["path",{d:"M17 15l0 .01",key:"svg-4"}]],af=Me("outline","building-community","BuildingCommunity",of);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const rf=[["path",{d:"M3 21l18 0",key:"svg-0"}],["path",{d:"M9 8l1 0",key:"svg-1"}],["path",{d:"M9 12l1 0",key:"svg-2"}],["path",{d:"M9 16l1 0",key:"svg-3"}],["path",{d:"M14 8l1 0",key:"svg-4"}],["path",{d:"M14 12l1 0",key:"svg-5"}],["path",{d:"M14 16l1 0",key:"svg-6"}],["path",{d:"M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16",key:"svg-7"}]],xc=Me("outline","building","Building",rf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const lf=[["path",{d:"M4 4h6v6h-6l0 -6",key:"svg-0"}],["path",{d:"M14 4h6v6h-6l0 -6",key:"svg-1"}],["path",{d:"M4 14h6v6h-6l0 -6",key:"svg-2"}],["path",{d:"M14 17a3 3 0 1 0 6 0a3 3 0 1 0 -6 0",key:"svg-3"}]],cf=Me("outline","category","Category",lf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const df=[["path",{d:"M6 9l6 6l6 -6",key:"svg-0"}]],uf=Me("outline","chevron-down","ChevronDown",df);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const gf=[["path",{d:"M7 6v12",key:"svg-0"}],["path",{d:"M18 6l-6 6l6 6",key:"svg-1"}]],mf=Me("outline","chevron-left-pipe","ChevronLeftPipe",gf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const hf=[["path",{d:"M15 6l-6 6l6 6",key:"svg-0"}]],pf=Me("outline","chevron-left","ChevronLeft",hf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ff=[["path",{d:"M6 6l6 6l-6 6",key:"svg-0"}],["path",{d:"M17 5v13",key:"svg-1"}]],vf=Me("outline","chevron-right-pipe","ChevronRightPipe",ff);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const xf=[["path",{d:"M9 6l6 6l-6 6",key:"svg-0"}]],Br=Me("outline","chevron-right","ChevronRight",xf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const bf=[["path",{d:"M7 7l5 5l5 -5",key:"svg-0"}],["path",{d:"M7 13l5 5l5 -5",key:"svg-1"}]],yf=Me("outline","chevrons-down","ChevronsDown",bf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const wf=[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",key:"svg-0"}],["path",{d:"M10 10l4 4m0 -4l-4 4",key:"svg-1"}]],jf=Me("outline","circle-x","CircleX",wf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Cf=[["path",{d:"M8 6h12",key:"svg-0"}],["path",{d:"M6 12h12",key:"svg-1"}],["path",{d:"M4 18h12",key:"svg-2"}]],Sf=Me("outline","clear-all","ClearAll",Cf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const _f=[["path",{d:"M4 6l5.5 0",key:"svg-0"}],["path",{d:"M4 10l5.5 0",key:"svg-1"}],["path",{d:"M4 14l5.5 0",key:"svg-2"}],["path",{d:"M4 18l5.5 0",key:"svg-3"}],["path",{d:"M14.5 6l5.5 0",key:"svg-4"}],["path",{d:"M14.5 10l5.5 0",key:"svg-5"}],["path",{d:"M14.5 14l5.5 0",key:"svg-6"}],["path",{d:"M14.5 18l5.5 0",key:"svg-7"}]],Mf=Me("outline","columns","Columns",_f);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Rf=[["path",{d:"M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2",key:"svg-0"}],["path",{d:"M10 14a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-1"}],["path",{d:"M14 4l0 4l-6 0l0 -4",key:"svg-2"}]],Nf=Me("outline","device-floppy","DeviceFloppy",Rf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const kf=[["path",{d:"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}]],Df=Me("outline","dots-vertical","DotsVertical",kf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Tf=[["path",{d:"M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}]],Ur=Me("outline","dots","Dots",Tf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const If=[["path",{d:"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2",key:"svg-0"}],["path",{d:"M7 11l5 5l5 -5",key:"svg-1"}],["path",{d:"M12 4l0 12",key:"svg-2"}]],Ff=Me("outline","download","Download",If);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Pf=[["path",{d:"M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1",key:"svg-0"}],["path",{d:"M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415",key:"svg-1"}],["path",{d:"M16 5l3 3",key:"svg-2"}]],on=Me("outline","edit","Edit",Pf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ef=[["path",{d:"M10.585 10.587a2 2 0 0 0 2.829 2.828",key:"svg-0"}],["path",{d:"M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87",key:"svg-1"}],["path",{d:"M3 3l18 18",key:"svg-2"}]],Of=Me("outline","eye-off","EyeOff",Ef);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Af=[["path",{d:"M12 20l-3 1v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v1.5",key:"svg-0"}],["path",{d:"M17.001 19a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-1"}],["path",{d:"M19.001 15.5v1.5",key:"svg-2"}],["path",{d:"M19.001 21v1.5",key:"svg-3"}],["path",{d:"M22.032 17.25l-1.299 .75",key:"svg-4"}],["path",{d:"M17.27 20l-1.3 .75",key:"svg-5"}],["path",{d:"M15.97 17.25l1.3 .75",key:"svg-6"}],["path",{d:"M20.733 20l1.3 .75",key:"svg-7"}]],zf=Me("outline","filter-cog","FilterCog",Af);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const $f=[["path",{d:"M8 4h12v2.172a2 2 0 0 1 -.586 1.414l-3.914 3.914m-.5 3.5v4l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227",key:"svg-0"}],["path",{d:"M3 3l18 18",key:"svg-1"}]],Lf=Me("outline","filter-off","FilterOff",$f);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Vf=[["path",{d:"M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227",key:"svg-0"}]],Bf=Me("outline","filter","Filter",Vf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Uf=[["path",{d:"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2",key:"svg-0"}]],Hf=Me("outline","folder","Folder",Uf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Gf=[["path",{d:"M4 9a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M4 15a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M11 9a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}],["path",{d:"M11 15a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-3"}],["path",{d:"M18 9a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-4"}],["path",{d:"M18 15a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-5"}]],qf=Me("outline","grip-horizontal","GripHorizontal",Gf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Wf=[["path",{d:"M8 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M8 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M8 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}],["path",{d:"M14 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-3"}],["path",{d:"M14 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-4"}],["path",{d:"M14 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-5"}]],bc=Me("outline","grip-vertical","GripVertical",Wf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Kf=[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",key:"svg-0"}],["path",{d:"M12 9h.01",key:"svg-1"}],["path",{d:"M11 12h1v4h1",key:"svg-2"}]],Yf=Me("outline","info-circle","InfoCircle",Kf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Qf=[["path",{d:"M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4",key:"svg-0"}],["path",{d:"M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4",key:"svg-1"}],["path",{d:"M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4",key:"svg-2"}],["path",{d:"M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4",key:"svg-3"}]],Xf=Me("outline","layout-grid","LayoutGrid",Qf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Zf=[["path",{d:"M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12",key:"svg-0"}],["path",{d:"M9 4v16",key:"svg-1"}],["path",{d:"M15 10l-2 2l2 2",key:"svg-2"}]],Jf=Me("outline","layout-sidebar-left-collapse","LayoutSidebarLeftCollapse",Zf);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e0=[["path",{d:"M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12",key:"svg-0"}],["path",{d:"M9 4v16",key:"svg-1"}],["path",{d:"M14 10l2 2l-2 2",key:"svg-2"}]],t0=Me("outline","layout-sidebar-left-expand","LayoutSidebarLeftExpand",e0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const n0=[["path",{d:"M9 6l11 0",key:"svg-0"}],["path",{d:"M9 12l11 0",key:"svg-1"}],["path",{d:"M9 18l11 0",key:"svg-2"}],["path",{d:"M5 6l0 .01",key:"svg-3"}],["path",{d:"M5 12l0 .01",key:"svg-4"}],["path",{d:"M5 18l0 .01",key:"svg-5"}]],s0=Me("outline","list","List",n0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o0=[["path",{d:"M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10",key:"svg-0"}],["path",{d:"M3 7l9 6l9 -6",key:"svg-1"}]],a0=Me("outline","mail","Mail",o0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const r0=[["path",{d:"M4 8v-2a2 2 0 0 1 2 -2h2",key:"svg-0"}],["path",{d:"M4 16v2a2 2 0 0 0 2 2h2",key:"svg-1"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v2",key:"svg-2"}],["path",{d:"M16 20h2a2 2 0 0 0 2 -2v-2",key:"svg-3"}]],i0=Me("outline","maximize","Maximize",r0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const l0=[["path",{d:"M15 19v-2a2 2 0 0 1 2 -2h2",key:"svg-0"}],["path",{d:"M15 5v2a2 2 0 0 0 2 2h2",key:"svg-1"}],["path",{d:"M5 15h2a2 2 0 0 1 2 2v2",key:"svg-2"}],["path",{d:"M5 9h2a2 2 0 0 0 2 -2v-2",key:"svg-3"}]],c0=Me("outline","minimize","Minimize",l0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const d0=[["path",{d:"M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2",key:"svg-0"}]],u0=Me("outline","phone","Phone",d0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const g0=[["path",{d:"M15 8h.01",key:"svg-0"}],["path",{d:"M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12",key:"svg-1"}],["path",{d:"M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5",key:"svg-2"}],["path",{d:"M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3",key:"svg-3"}]],Hr=Me("outline","photo","Photo",g0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const m0=[["path",{d:"M3 3l18 18",key:"svg-0"}],["path",{d:"M15 4.5l-3.249 3.249m-2.57 1.433l-2.181 .818l-1.5 1.5l7 7l1.5 -1.5l.82 -2.186m1.43 -2.563l3.25 -3.251",key:"svg-1"}],["path",{d:"M9 15l-4.5 4.5",key:"svg-2"}],["path",{d:"M14.5 4l5.5 5.5",key:"svg-3"}]],h0=Me("outline","pinned-off","PinnedOff",m0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const p0=[["path",{d:"M9 4v6l-2 4v2h10v-2l-2 -4v-6",key:"svg-0"}],["path",{d:"M12 16l0 5",key:"svg-1"}],["path",{d:"M8 4l8 0",key:"svg-2"}]],f0=Me("outline","pinned","Pinned",p0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const v0=[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M5 12l14 0",key:"svg-1"}]],rn=Me("outline","plus","Plus",v0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const x0=[["path",{d:"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4",key:"svg-0"}],["path",{d:"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4",key:"svg-1"}]],yc=Me("outline","refresh","Refresh",x0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const b0=[["path",{d:"M5.039 5.062a7 7 0 0 0 9.91 9.89m1.584 -2.434a7 7 0 0 0 -9.038 -9.057",key:"svg-0"}],["path",{d:"M3 3l18 18",key:"svg-1"}]],y0=Me("outline","search-off","SearchOff",b0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const w0=[["path",{d:"M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0",key:"svg-0"}],["path",{d:"M21 21l-6 -6",key:"svg-1"}]],ys=Me("outline","search","Search",w0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const j0=[["path",{d:"M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065",key:"svg-0"}],["path",{d:"M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0",key:"svg-1"}]],C0=Me("outline","settings","Settings",j0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const S0=[["path",{d:"M4 6l7 0",key:"svg-0"}],["path",{d:"M4 12l7 0",key:"svg-1"}],["path",{d:"M4 18l9 0",key:"svg-2"}],["path",{d:"M15 9l3 -3l3 3",key:"svg-3"}],["path",{d:"M18 6l0 12",key:"svg-4"}]],_0=Me("outline","sort-ascending","SortAscending",S0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const M0=[["path",{d:"M4 6l9 0",key:"svg-0"}],["path",{d:"M4 12l7 0",key:"svg-1"}],["path",{d:"M4 18l7 0",key:"svg-2"}],["path",{d:"M15 15l3 3l3 -3",key:"svg-3"}],["path",{d:"M18 6l0 12",key:"svg-4"}]],R0=Me("outline","sort-descending","SortDescending",M0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const N0=[["path",{d:"M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14",key:"svg-0"}],["path",{d:"M3 10h18",key:"svg-1"}],["path",{d:"M10 3v18",key:"svg-2"}]],k0=Me("outline","table","Table",N0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const D0=[["path",{d:"M4 7l16 0",key:"svg-0"}],["path",{d:"M10 11l0 6",key:"svg-1"}],["path",{d:"M14 11l0 6",key:"svg-2"}],["path",{d:"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12",key:"svg-3"}],["path",{d:"M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3",key:"svg-4"}]],ln=Me("outline","trash","Trash",D0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const T0=[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",key:"svg-0"}],["path",{d:"M9 10a3 3 0 1 0 6 0a3 3 0 1 0 -6 0",key:"svg-1"}],["path",{d:"M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855",key:"svg-2"}]],I0=Me("outline","user-circle","UserCircle",T0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const F0=[["path",{d:"M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0",key:"svg-0"}],["path",{d:"M16 19h6",key:"svg-1"}],["path",{d:"M19 16v6",key:"svg-2"}],["path",{d:"M6 21v-2a4 4 0 0 1 4 -4h4",key:"svg-3"}]],Gr=Me("outline","user-plus","UserPlus",F0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const P0=[["path",{d:"M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0",key:"svg-0"}],["path",{d:"M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2",key:"svg-1"}]],E0=Me("outline","user","User",P0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const O0=[["path",{d:"M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0",key:"svg-0"}],["path",{d:"M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2",key:"svg-1"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"svg-2"}],["path",{d:"M21 21v-2a4 4 0 0 0 -3 -3.85",key:"svg-3"}]],Po=Me("outline","users","Users",O0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const A0=[["path",{d:"M18 6l-12 12",key:"svg-0"}],["path",{d:"M6 6l12 12",key:"svg-1"}]],wc=Me("outline","x","X",A0);/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const z0=[["path",{d:"M2 16.667a2.667 2.667 0 0 1 2.667 -2.667h2.666a2.667 2.667 0 0 1 2.667 2.667v2.666a2.667 2.667 0 0 1 -2.667 2.667h-2.666a2.667 2.667 0 0 1 -2.667 -2.667z",key:"svg-0"}],["path",{d:"M14 16.667a2.667 2.667 0 0 1 2.667 -2.667h2.666a2.667 2.667 0 0 1 2.667 2.667v2.666a2.667 2.667 0 0 1 -2.667 2.667h-2.666a2.667 2.667 0 0 1 -2.667 -2.667z",key:"svg-1"}],["path",{d:"M8 4.667a2.667 2.667 0 0 1 2.667 -2.667h2.666a2.667 2.667 0 0 1 2.667 2.667v2.666a2.667 2.667 0 0 1 -2.667 2.667h-2.666a2.667 2.667 0 0 1 -2.667 -2.667z",key:"svg-2"}],["path",{d:"M12 8a1 1 0 0 0 -1 1v2h-3c-1.645 0 -3 1.355 -3 3v1a1 1 0 0 0 1 1a1 1 0 0 0 1 -1v-1c0 -.564 .436 -1 1 -1h8c.564 0 1 .436 1 1v1a1 1 0 0 0 1 1a1 1 0 0 0 1 -1v-1c0 -1.645 -1.355 -3 -3 -3h-3v-2a1 1 0 0 0 -1 -1z",key:"svg-3"}]],$0=Me("filled","sitemap-filled","SitemapFilled",z0);/**
+   * table-core
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */function yn(e,n){return typeof e=="function"?e(n):e}function Dt(e,n){return t=>{n.setState(o=>({...o,[e]:yn(t,o[e])}))}}function Eo(e){return e instanceof Function}function L0(e){return Array.isArray(e)&&e.every(n=>typeof n=="number")}function jc(e,n){const t=[],o=a=>{a.forEach(r=>{t.push(r);const i=n(r);i!=null&&i.length&&o(i)})};return o(e),t}function Ne(e,n,t){let o=[],a;return r=>{let i;t.key&&t.debug&&(i=Date.now());const l=e(r);if(!(l.length!==o.length||l?.some((u,g)=>o[g]!==u)))return a;o=l;let c;if(t.key&&t.debug&&(c=Date.now()),a=n(...l),t==null||t.onChange==null||t.onChange(a),t.key&&t.debug&&t!=null&&t.debug()){const u=Math.round((Date.now()-i)*100)/100,m=Math.round((Date.now()-c)*100)/100/16,h=(p,f)=>{for(p=String(p);p.length<f;)p=" "+p;return p}}return a}}function ke(e,n,t,o){return{debug:()=>{var a;return(a=e==null?void 0:e.debugAll)!=null?a:e[n]},key:!1,onChange:o}}function V0(e,n,t,o){const a=()=>{var i;return(i=r.getValue())!=null?i:e.options.renderFallbackValue},r={id:`${n.id}_${t.id}`,row:n,column:t,getValue:()=>n.getValue(o),renderValue:a,getContext:Ne(()=>[e,t,n,r],(i,l,d,c)=>({table:i,column:l,row:d,cell:c,getValue:c.getValue,renderValue:c.renderValue}),ke(e.options,"debugCells"))};return e._features.forEach(i=>{i.createCell==null||i.createCell(r,t,n,e)},{}),r}function B0(e,n,t,o){var a,r;const l={...e._getDefaultColumnDef(),...n},d=l.accessorKey;let c=(a=(r=l.id)!=null?r:d?typeof String.prototype.replaceAll=="function"?d.replaceAll(".","_"):d.replace(/\./g,"_"):void 0)!=null?a:typeof l.header=="string"?l.header:void 0,u;if(l.accessorFn?u=l.accessorFn:d&&(d.includes(".")?u=m=>{let h=m;for(const f of d.split(".")){var p;h=(p=h)==null?void 0:p[f]}return h}:u=m=>m[l.accessorKey]),!c)throw new Error;let g={id:`${String(c)}`,accessorFn:u,parent:o,depth:t,columnDef:l,columns:[],getFlatColumns:Ne(()=>[!0],()=>{var m;return[g,...(m=g.columns)==null?void 0:m.flatMap(h=>h.getFlatColumns())]},ke(e.options,"debugColumns")),getLeafColumns:Ne(()=>[e._getOrderColumnsFn()],m=>{var h;if((h=g.columns)!=null&&h.length){let p=g.columns.flatMap(f=>f.getLeafColumns());return m(p)}return[g]},ke(e.options,"debugColumns"))};for(const m of e._features)m.createColumn==null||m.createColumn(g,e);return g}const ht="debugHeaders";function $i(e,n,t){var o;let r={id:(o=t.id)!=null?o:n.id,column:n,index:t.index,isPlaceholder:!!t.isPlaceholder,placeholderId:t.placeholderId,depth:t.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{const i=[],l=d=>{d.subHeaders&&d.subHeaders.length&&d.subHeaders?.map(l),i.push(d)};return l(r),i},getContext:()=>({table:e,header:r,column:n})};return e._features.forEach(i=>{i.createHeader==null||i.createHeader(r,e)}),r}const U0={createTable:e=>{e.getHeaderGroups=Ne(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(n,t,o,a)=>{var r,i;const l=(r=o==null?void 0:o?.map(g=>t.find(m=>m.id===g)).filter(Boolean))!=null?r:[],d=(i=a==null?void 0:a?.map(g=>t.find(m=>m.id===g)).filter(Boolean))!=null?i:[],c=t.filter(g=>!(o!=null&&o.includes(g.id))&&!(a!=null&&a.includes(g.id)));return Ls(n,[...l,...c,...d],e)},ke(e.options,ht)),e.getCenterHeaderGroups=Ne(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(n,t,o,a)=>(t=t.filter(r=>!(o!=null&&o.includes(r.id))&&!(a!=null&&a.includes(r.id))),Ls(n,t,e,"center")),ke(e.options,ht)),e.getLeftHeaderGroups=Ne(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left],(n,t,o)=>{var a;const r=(a=o==null?void 0:o?.map(i=>t.find(l=>l.id===i)).filter(Boolean))!=null?a:[];return Ls(n,r,e,"left")},ke(e.options,ht)),e.getRightHeaderGroups=Ne(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.right],(n,t,o)=>{var a;const r=(a=o==null?void 0:o?.map(i=>t.find(l=>l.id===i)).filter(Boolean))!=null?a:[];return Ls(n,r,e,"right")},ke(e.options,ht)),e.getFooterGroups=Ne(()=>[e.getHeaderGroups()],n=>[...n].reverse(),ke(e.options,ht)),e.getLeftFooterGroups=Ne(()=>[e.getLeftHeaderGroups()],n=>[...n].reverse(),ke(e.options,ht)),e.getCenterFooterGroups=Ne(()=>[e.getCenterHeaderGroups()],n=>[...n].reverse(),ke(e.options,ht)),e.getRightFooterGroups=Ne(()=>[e.getRightHeaderGroups()],n=>[...n].reverse(),ke(e.options,ht)),e.getFlatHeaders=Ne(()=>[e.getHeaderGroups()],n=>n?.map(t=>t.headers).flat(),ke(e.options,ht)),e.getLeftFlatHeaders=Ne(()=>[e.getLeftHeaderGroups()],n=>n?.map(t=>t.headers).flat(),ke(e.options,ht)),e.getCenterFlatHeaders=Ne(()=>[e.getCenterHeaderGroups()],n=>n?.map(t=>t.headers).flat(),ke(e.options,ht)),e.getRightFlatHeaders=Ne(()=>[e.getRightHeaderGroups()],n=>n?.map(t=>t.headers).flat(),ke(e.options,ht)),e.getCenterLeafHeaders=Ne(()=>[e.getCenterFlatHeaders()],n=>n.filter(t=>{var o;return!((o=t.subHeaders)!=null&&o.length)}),ke(e.options,ht)),e.getLeftLeafHeaders=Ne(()=>[e.getLeftFlatHeaders()],n=>n.filter(t=>{var o;return!((o=t.subHeaders)!=null&&o.length)}),ke(e.options,ht)),e.getRightLeafHeaders=Ne(()=>[e.getRightFlatHeaders()],n=>n.filter(t=>{var o;return!((o=t.subHeaders)!=null&&o.length)}),ke(e.options,ht)),e.getLeafHeaders=Ne(()=>[e.getLeftHeaderGroups(),e.getCenterHeaderGroups(),e.getRightHeaderGroups()],(n,t,o)=>{var a,r,i,l,d,c;return[...(a=(r=n[0])==null?void 0:r.headers)!=null?a:[],...(i=(l=t[0])==null?void 0:l.headers)!=null?i:[],...(d=(c=o[0])==null?void 0:c.headers)!=null?d:[]]?.map(u=>u.getLeafHeaders()).flat()},ke(e.options,ht))}};function Ls(e,n,t,o){var a,r;let i=0;const l=function(m,h){h===void 0&&(h=1),i=Math.max(i,h),m.filter(p=>p.getIsVisible()).forEach(p=>{var f;(f=p.columns)!=null&&f.length&&l(p.columns,h+1)},0)};l(e);let d=[];const c=(m,h)=>{const p={depth:h,id:[o,`${h}`].filter(Boolean).join("_"),headers:[]},f=[];m.forEach(v=>{const x=[...f].reverse()[0],b=v.column.depth===p.depth;let w,C=!1;if(b&&v.column.parent?w=v.column.parent:(w=v.column,C=!0),x&&(x==null?void 0:x.column)===w)x.subHeaders.push(v);else{const j=$i(t,w,{id:[o,h,w.id,v==null?void 0:v.id].filter(Boolean).join("_"),isPlaceholder:C,placeholderId:C?`${f.filter(M=>M.column===w).length}`:void 0,depth:h,index:f.length});j.subHeaders.push(v),f.push(j)}p.headers.push(v),v.headerGroup=p}),d.push(p),h>0&&c(f,h-1)},u=n?.map((m,h)=>$i(t,m,{depth:i,index:h}));c(u,i-1),d.reverse();const g=m=>m.filter(p=>p.column.getIsVisible())?.map(p=>{let f=0,v=0,x=[0];p.subHeaders&&p.subHeaders.length?(x=[],g(p.subHeaders).forEach(w=>{let{colSpan:C,rowSpan:j}=w;f+=C,x.push(j)})):f=1;const b=Math.min(...x);return v=v+b,p.colSpan=f,p.rowSpan=v,{colSpan:f,rowSpan:v}});return g((a=(r=d[0])==null?void 0:r.headers)!=null?a:[]),d}const ds=(e,n,t,o,a,r,i)=>{let l={id:n,index:o,original:t,depth:a,parentId:i,_valuesCache:{},_uniqueValuesCache:{},getValue:d=>{if(l._valuesCache.hasOwnProperty(d))return l._valuesCache[d];const c=e.getColumn(d);if(c!=null&&c.accessorFn)return l._valuesCache[d]=c.accessorFn(l.original,o),l._valuesCache[d]},getUniqueValues:d=>{if(l._uniqueValuesCache.hasOwnProperty(d))return l._uniqueValuesCache[d];const c=e.getColumn(d);if(c!=null&&c.accessorFn)return c.columnDef.getUniqueValues?(l._uniqueValuesCache[d]=c.columnDef.getUniqueValues(l.original,o),l._uniqueValuesCache[d]):(l._uniqueValuesCache[d]=[l.getValue(d)],l._uniqueValuesCache[d])},renderValue:d=>{var c;return(c=l.getValue(d))!=null?c:e.options.renderFallbackValue},subRows:r??[],getLeafRows:()=>jc(l.subRows,d=>d.subRows),getParentRow:()=>l.parentId?e.getRow(l.parentId,!0):void 0,getParentRows:()=>{let d=[],c=l;for(;;){const u=c.getParentRow();if(!u)break;d.push(u),c=u}return d.reverse()},getAllCells:Ne(()=>[e.getAllLeafColumns()],d=>d?.map(c=>V0(e,l,c,c.id)),ke(e.options,"debugRows")),_getAllCellsByColumnId:Ne(()=>[l.getAllCells()],d=>d.reduce((c,u)=>(c[u.column.id]=u,c),{}),ke(e.options,"debugRows"))};for(let d=0;d<e._features.length;d++){const c=e._features[d];c==null||c.createRow==null||c.createRow(l,e)}return l},H0={createColumn:(e,n)=>{e._getFacetedRowModel=n.options.getFacetedRowModel&&n.options.getFacetedRowModel(n,e.id),e.getFacetedRowModel=()=>e._getFacetedRowModel?e._getFacetedRowModel():n.getPreFilteredRowModel(),e._getFacetedUniqueValues=n.options.getFacetedUniqueValues&&n.options.getFacetedUniqueValues(n,e.id),e.getFacetedUniqueValues=()=>e._getFacetedUniqueValues?e._getFacetedUniqueValues():new Map,e._getFacetedMinMaxValues=n.options.getFacetedMinMaxValues&&n.options.getFacetedMinMaxValues(n,e.id),e.getFacetedMinMaxValues=()=>{if(e._getFacetedMinMaxValues)return e._getFacetedMinMaxValues()}}},Cc=(e,n,t)=>{var o,a;const r=t==null||(o=t.toString())==null?void 0:o.toLowerCase();return!!(!((a=e.getValue(n))==null||(a=a.toString())==null||(a=a.toLowerCase())==null)&&a.includes(r))};Cc.autoRemove=e=>Qt(e);const Sc=(e,n,t)=>{var o;return!!(!((o=e.getValue(n))==null||(o=o.toString())==null)&&o.includes(t))};Sc.autoRemove=e=>Qt(e);const _c=(e,n,t)=>{var o;return((o=e.getValue(n))==null||(o=o.toString())==null?void 0:o.toLowerCase())===(t==null?void 0:t.toLowerCase())};_c.autoRemove=e=>Qt(e);const Mc=(e,n,t)=>{var o;return(o=e.getValue(n))==null?void 0:o.includes(t)};Mc.autoRemove=e=>Qt(e)||!(e!=null&&e.length);const Rc=(e,n,t)=>!t?.some(o=>{var a;return!((a=e.getValue(n))!=null&&a.includes(o))});Rc.autoRemove=e=>Qt(e)||!(e!=null&&e.length);const Nc=(e,n,t)=>t?.some(o=>{var a;return(a=e.getValue(n))==null?void 0:a.includes(o)});Nc.autoRemove=e=>Qt(e)||!(e!=null&&e.length);const kc=(e,n,t)=>e.getValue(n)===t;kc.autoRemove=e=>Qt(e);const Dc=(e,n,t)=>e.getValue(n)==t;Dc.autoRemove=e=>Qt(e);const qr=(e,n,t)=>{let[o,a]=t;const r=e.getValue(n);return r>=o&&r<=a};qr.resolveFilterValue=e=>{let[n,t]=e,o=typeof n!="number"?parseFloat(n):n,a=typeof t!="number"?parseFloat(t):t,r=n===null||Number.isNaN(o)?-1/0:o,i=t===null||Number.isNaN(a)?1/0:a;if(r>i){const l=r;r=i,i=l}return[r,i]};qr.autoRemove=e=>Qt(e)||Qt(e[0])&&Qt(e[1]);const sn={includesString:Cc,includesStringSensitive:Sc,equalsString:_c,arrIncludes:Mc,arrIncludesAll:Rc,arrIncludesSome:Nc,equals:kc,weakEquals:Dc,inNumberRange:qr};function Qt(e){return e==null||e===""}const G0={getDefaultColumnDef:()=>({filterFn:"auto"}),getInitialState:e=>({columnFilters:[],...e}),getDefaultOptions:e=>({onColumnFiltersChange:Dt("columnFilters",e),filterFromLeafRows:!1,maxLeafRowFilterDepth:100}),createColumn:(e,n)=>{e.getAutoFilterFn=()=>{const t=n.getCoreRowModel().flatRows[0],o=t==null?void 0:t.getValue(e.id);return typeof o=="string"?sn.includesString:typeof o=="number"?sn.inNumberRange:typeof o=="boolean"||o!==null&&typeof o=="object"?sn.equals:Array.isArray(o)?sn.arrIncludes:sn.weakEquals},e.getFilterFn=()=>{var t,o;return Eo(e.columnDef.filterFn)?e.columnDef.filterFn:e.columnDef.filterFn==="auto"?e.getAutoFilterFn():(t=(o=n.options.filterFns)==null?void 0:o[e.columnDef.filterFn])!=null?t:sn[e.columnDef.filterFn]},e.getCanFilter=()=>{var t,o,a;return((t=e.columnDef.enableColumnFilter)!=null?t:!0)&&((o=n.options.enableColumnFilters)!=null?o:!0)&&((a=n.options.enableFilters)!=null?a:!0)&&!!e.accessorFn},e.getIsFiltered=()=>e.getFilterIndex()>-1,e.getFilterValue=()=>{var t;return(t=n.getState().columnFilters)==null||(t=t.find(o=>o.id===e.id))==null?void 0:t.value},e.getFilterIndex=()=>{var t,o;return(t=(o=n.getState().columnFilters)==null?void 0:o.findIndex(a=>a.id===e.id))!=null?t:-1},e.setFilterValue=t=>{n.setColumnFilters(o=>{const a=e.getFilterFn(),r=o==null?void 0:o.find(u=>u.id===e.id),i=yn(t,r?r.value:void 0);if(Li(a,i,e)){var l;return(l=o==null?void 0:o.filter(u=>u.id!==e.id))!=null?l:[]}const d={id:e.id,value:i};if(r){var c;return(c=o==null?void 0:o?.map(u=>u.id===e.id?d:u))!=null?c:[]}return o!=null&&o.length?[...o,d]:[d]})}},createRow:(e,n)=>{e.columnFilters={},e.columnFiltersMeta={}},createTable:e=>{e.setColumnFilters=n=>{const t=e.getAllLeafColumns(),o=a=>{var r;return(r=yn(n,a))==null?void 0:r.filter(i=>{const l=t.find(d=>d.id===i.id);if(l){const d=l.getFilterFn();if(Li(d,i.value,l))return!1}return!0})};e.options.onColumnFiltersChange==null||e.options.onColumnFiltersChange(o)},e.resetColumnFilters=n=>{var t,o;e.setColumnFilters(n?[]:(t=(o=e.initialState)==null?void 0:o.columnFilters)!=null?t:[])},e.getPreFilteredRowModel=()=>e.getCoreRowModel(),e.getFilteredRowModel=()=>(!e._getFilteredRowModel&&e.options.getFilteredRowModel&&(e._getFilteredRowModel=e.options.getFilteredRowModel(e)),e.options.manualFiltering||!e._getFilteredRowModel?e.getPreFilteredRowModel():e._getFilteredRowModel())}};function Li(e,n,t){return(e&&e.autoRemove?e.autoRemove(n,t):!1)||typeof n>"u"||typeof n=="string"&&!n}const q0=(e,n,t)=>t.reduce((o,a)=>{const r=a.getValue(e);return o+(typeof r=="number"?r:0)},0),W0=(e,n,t)=>{let o;return t.forEach(a=>{const r=a.getValue(e);r!=null&&(o>r||o===void 0&&r>=r)&&(o=r)}),o},K0=(e,n,t)=>{let o;return t.forEach(a=>{const r=a.getValue(e);r!=null&&(o<r||o===void 0&&r>=r)&&(o=r)}),o},Y0=(e,n,t)=>{let o,a;return t.forEach(r=>{const i=r.getValue(e);i!=null&&(o===void 0?i>=i&&(o=a=i):(o>i&&(o=i),a<i&&(a=i)))}),[o,a]},Q0=(e,n)=>{let t=0,o=0;if(n.forEach(a=>{let r=a.getValue(e);r!=null&&(r=+r)>=r&&(++t,o+=r)}),t)return o/t},X0=(e,n)=>{if(!n.length)return;const t=n?.map(r=>r.getValue(e));if(!L0(t))return;if(t.length===1)return t[0];const o=Math.floor(t.length/2),a=t.sort((r,i)=>r-i);return t.length%2!==0?a[o]:(a[o-1]+a[o])/2},Z0=(e,n)=>Array.from(new Set(n?.map(t=>t.getValue(e))).values()),J0=(e,n)=>new Set(n?.map(t=>t.getValue(e))).size,ev=(e,n)=>n.length,Ys={sum:q0,min:W0,max:K0,extent:Y0,mean:Q0,median:X0,unique:Z0,uniqueCount:J0,count:ev},tv={getDefaultColumnDef:()=>({aggregatedCell:e=>{var n,t;return(n=(t=e.getValue())==null||t.toString==null?void 0:t.toString())!=null?n:null},aggregationFn:"auto"}),getInitialState:e=>({grouping:[],...e}),getDefaultOptions:e=>({onGroupingChange:Dt("grouping",e),groupedColumnMode:"reorder"}),createColumn:(e,n)=>{e.toggleGrouping=()=>{n.setGrouping(t=>t!=null&&t.includes(e.id)?t.filter(o=>o!==e.id):[...t??[],e.id])},e.getCanGroup=()=>{var t,o;return((t=e.columnDef.enableGrouping)!=null?t:!0)&&((o=n.options.enableGrouping)!=null?o:!0)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue)},e.getIsGrouped=()=>{var t;return(t=n.getState().grouping)==null?void 0:t.includes(e.id)},e.getGroupedIndex=()=>{var t;return(t=n.getState().grouping)==null?void 0:t.indexOf(e.id)},e.getToggleGroupingHandler=()=>{const t=e.getCanGroup();return()=>{t&&e.toggleGrouping()}},e.getAutoAggregationFn=()=>{const t=n.getCoreRowModel().flatRows[0],o=t==null?void 0:t.getValue(e.id);if(typeof o=="number")return Ys.sum;if(Object.prototype.toString.call(o)==="[object Date]")return Ys.extent},e.getAggregationFn=()=>{var t,o;if(!e)throw new Error;return Eo(e.columnDef.aggregationFn)?e.columnDef.aggregationFn:e.columnDef.aggregationFn==="auto"?e.getAutoAggregationFn():(t=(o=n.options.aggregationFns)==null?void 0:o[e.columnDef.aggregationFn])!=null?t:Ys[e.columnDef.aggregationFn]}},createTable:e=>{e.setGrouping=n=>e.options.onGroupingChange==null?void 0:e.options.onGroupingChange(n),e.resetGrouping=n=>{var t,o;e.setGrouping(n?[]:(t=(o=e.initialState)==null?void 0:o.grouping)!=null?t:[])},e.getPreGroupedRowModel=()=>e.getFilteredRowModel(),e.getGroupedRowModel=()=>(!e._getGroupedRowModel&&e.options.getGroupedRowModel&&(e._getGroupedRowModel=e.options.getGroupedRowModel(e)),e.options.manualGrouping||!e._getGroupedRowModel?e.getPreGroupedRowModel():e._getGroupedRowModel())},createRow:(e,n)=>{e.getIsGrouped=()=>!!e.groupingColumnId,e.getGroupingValue=t=>{if(e._groupingValuesCache.hasOwnProperty(t))return e._groupingValuesCache[t];const o=n.getColumn(t);return o!=null&&o.columnDef.getGroupingValue?(e._groupingValuesCache[t]=o.columnDef.getGroupingValue(e.original),e._groupingValuesCache[t]):e.getValue(t)},e._groupingValuesCache={}},createCell:(e,n,t,o)=>{e.getIsGrouped=()=>n.getIsGrouped()&&n.id===t.groupingColumnId,e.getIsPlaceholder=()=>!e.getIsGrouped()&&n.getIsGrouped(),e.getIsAggregated=()=>{var a;return!e.getIsGrouped()&&!e.getIsPlaceholder()&&!!((a=t.subRows)!=null&&a.length)}}};function nv(e,n,t){if(!(n!=null&&n.length)||!t)return e;const o=e.filter(r=>!n.includes(r.id));return t==="remove"?o:[...n?.map(r=>e.find(i=>i.id===r)).filter(Boolean),...o]}const sv={getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:Dt("columnOrder",e)}),createColumn:(e,n)=>{e.getIndex=Ne(t=>[ws(n,t)],t=>t.findIndex(o=>o.id===e.id),ke(n.options,"debugColumns")),e.getIsFirstColumn=t=>{var o;return((o=ws(n,t)[0])==null?void 0:o.id)===e.id},e.getIsLastColumn=t=>{var o;const a=ws(n,t);return((o=a[a.length-1])==null?void 0:o.id)===e.id}},createTable:e=>{e.setColumnOrder=n=>e.options.onColumnOrderChange==null?void 0:e.options.onColumnOrderChange(n),e.resetColumnOrder=n=>{var t;e.setColumnOrder(n?[]:(t=e.initialState.columnOrder)!=null?t:[])},e._getOrderColumnsFn=Ne(()=>[e.getState().columnOrder,e.getState().grouping,e.options.groupedColumnMode],(n,t,o)=>a=>{let r=[];if(!(n!=null&&n.length))r=a;else{const i=[...n],l=[...a];for(;l.length&&i.length;){const d=i.shift(),c=l.findIndex(u=>u.id===d);c>-1&&r.push(l.splice(c,1)[0])}r=[...r,...l]}return nv(r,t,o)},ke(e.options,"debugTable"))}},oa=()=>({left:[],right:[]}),ov={getInitialState:e=>({columnPinning:oa(),...e}),getDefaultOptions:e=>({onColumnPinningChange:Dt("columnPinning",e)}),createColumn:(e,n)=>{e.pin=t=>{const o=e.getLeafColumns()?.map(a=>a.id).filter(Boolean);n.setColumnPinning(a=>{var r,i;if(t==="right"){var l,d;return{left:((l=a==null?void 0:a.left)!=null?l:[]).filter(g=>!(o!=null&&o.includes(g))),right:[...((d=a==null?void 0:a.right)!=null?d:[]).filter(g=>!(o!=null&&o.includes(g))),...o]}}if(t==="left"){var c,u;return{left:[...((c=a==null?void 0:a.left)!=null?c:[]).filter(g=>!(o!=null&&o.includes(g))),...o],right:((u=a==null?void 0:a.right)!=null?u:[]).filter(g=>!(o!=null&&o.includes(g)))}}return{left:((r=a==null?void 0:a.left)!=null?r:[]).filter(g=>!(o!=null&&o.includes(g))),right:((i=a==null?void 0:a.right)!=null?i:[]).filter(g=>!(o!=null&&o.includes(g)))}})},e.getCanPin=()=>e.getLeafColumns()?.some(o=>{var a,r,i;return((a=o.columnDef.enablePinning)!=null?a:!0)&&((r=(i=n.options.enableColumnPinning)!=null?i:n.options.enablePinning)!=null?r:!0)}),e.getIsPinned=()=>{const t=e.getLeafColumns()?.map(l=>l.id),{left:o,right:a}=n.getState().columnPinning,r=t?.some(l=>o==null?void 0:o.includes(l)),i=t?.some(l=>a==null?void 0:a.includes(l));return r?"left":i?"right":!1},e.getPinnedIndex=()=>{var t,o;const a=e.getIsPinned();return a?(t=(o=n.getState().columnPinning)==null||(o=o[a])==null?void 0:o.indexOf(e.id))!=null?t:-1:0}},createRow:(e,n)=>{e.getCenterVisibleCells=Ne(()=>[e._getAllVisibleCells(),n.getState().columnPinning.left,n.getState().columnPinning.right],(t,o,a)=>{const r=[...o??[],...a??[]];return t.filter(i=>!r.includes(i.column.id))},ke(n.options,"debugRows")),e.getLeftVisibleCells=Ne(()=>[e._getAllVisibleCells(),n.getState().columnPinning.left],(t,o)=>(o??[])?.map(r=>t.find(i=>i.column.id===r)).filter(Boolean)?.map(r=>({...r,position:"left"})),ke(n.options,"debugRows")),e.getRightVisibleCells=Ne(()=>[e._getAllVisibleCells(),n.getState().columnPinning.right],(t,o)=>(o??[])?.map(r=>t.find(i=>i.column.id===r)).filter(Boolean)?.map(r=>({...r,position:"right"})),ke(n.options,"debugRows"))},createTable:e=>{e.setColumnPinning=n=>e.options.onColumnPinningChange==null?void 0:e.options.onColumnPinningChange(n),e.resetColumnPinning=n=>{var t,o;return e.setColumnPinning(n?oa():(t=(o=e.initialState)==null?void 0:o.columnPinning)!=null?t:oa())},e.getIsSomeColumnsPinned=n=>{var t;const o=e.getState().columnPinning;if(!n){var a,r;return!!((a=o.left)!=null&&a.length||(r=o.right)!=null&&r.length)}return!!((t=o[n])!=null&&t.length)},e.getLeftLeafColumns=Ne(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left],(n,t)=>(t??[])?.map(o=>n.find(a=>a.id===o)).filter(Boolean),ke(e.options,"debugColumns")),e.getRightLeafColumns=Ne(()=>[e.getAllLeafColumns(),e.getState().columnPinning.right],(n,t)=>(t??[])?.map(o=>n.find(a=>a.id===o)).filter(Boolean),ke(e.options,"debugColumns")),e.getCenterLeafColumns=Ne(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(n,t,o)=>{const a=[...t??[],...o??[]];return n.filter(r=>!a.includes(r.id))},ke(e.options,"debugColumns"))}},Vs={size:150,minSize:20,maxSize:Number.MAX_SAFE_INTEGER},aa=()=>({startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}),av={getDefaultColumnDef:()=>Vs,getInitialState:e=>({columnSizing:{},columnSizingInfo:aa(),...e}),getDefaultOptions:e=>({columnResizeMode:"onEnd",columnResizeDirection:"ltr",onColumnSizingChange:Dt("columnSizing",e),onColumnSizingInfoChange:Dt("columnSizingInfo",e)}),createColumn:(e,n)=>{e.getSize=()=>{var t,o,a;const r=n.getState().columnSizing[e.id];return Math.min(Math.max((t=e.columnDef.minSize)!=null?t:Vs.minSize,(o=r??e.columnDef.size)!=null?o:Vs.size),(a=e.columnDef.maxSize)!=null?a:Vs.maxSize)},e.getStart=Ne(t=>[t,ws(n,t),n.getState().columnSizing],(t,o)=>o.slice(0,e.getIndex(t)).reduce((a,r)=>a+r.getSize(),0),ke(n.options,"debugColumns")),e.getAfter=Ne(t=>[t,ws(n,t),n.getState().columnSizing],(t,o)=>o.slice(e.getIndex(t)+1).reduce((a,r)=>a+r.getSize(),0),ke(n.options,"debugColumns")),e.resetSize=()=>{n.setColumnSizing(t=>{let{[e.id]:o,...a}=t;return a})},e.getCanResize=()=>{var t,o;return((t=e.columnDef.enableResizing)!=null?t:!0)&&((o=n.options.enableColumnResizing)!=null?o:!0)},e.getIsResizing=()=>n.getState().columnSizingInfo.isResizingColumn===e.id},createHeader:(e,n)=>{e.getSize=()=>{let t=0;const o=a=>{if(a.subHeaders.length)a.subHeaders.forEach(o);else{var r;t+=(r=a.column.getSize())!=null?r:0}};return o(e),t},e.getStart=()=>{if(e.index>0){const t=e.headerGroup.headers[e.index-1];return t.getStart()+t.getSize()}return 0},e.getResizeHandler=t=>{const o=n.getColumn(e.column.id),a=o==null?void 0:o.getCanResize();return r=>{if(!o||!a||(r.persist==null||r.persist(),ra(r)&&r.touches&&r.touches.length>1))return;const i=e.getSize(),l=e?e.getLeafHeaders()?.map(x=>[x.column.id,x.column.getSize()]):[[o.id,o.getSize()]],d=ra(r)?Math.round(r.touches[0].clientX):r.clientX,c={},u=(x,b)=>{typeof b=="number"&&(n.setColumnSizingInfo(w=>{var C,j;const M=n.options.columnResizeDirection==="rtl"?-1:1,k=(b-((C=w==null?void 0:w.startOffset)!=null?C:0))*M,S=Math.max(k/((j=w==null?void 0:w.startSize)!=null?j:0),-.999999);return w.columnSizingStart.forEach(T=>{let[N,F]=T;c[N]=Math.round(Math.max(F+F*S,0)*100)/100}),{...w,deltaOffset:k,deltaPercentage:S}}),(n.options.columnResizeMode==="onChange"||x==="end")&&n.setColumnSizing(w=>({...w,...c})))},g=x=>u("move",x),m=x=>{u("end",x),n.setColumnSizingInfo(b=>({...b,isResizingColumn:!1,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]}))},h=t||typeof document<"u"?document:null,p={moveHandler:x=>g(x.clientX),upHandler:x=>{h==null||h.removeEventListener("mousemove",p.moveHandler),h==null||h.removeEventListener("mouseup",p.upHandler),m(x.clientX)}},f={moveHandler:x=>(x.cancelable&&(x.preventDefault(),x.stopPropagation()),g(x.touches[0].clientX),!1),upHandler:x=>{var b;h==null||h.removeEventListener("touchmove",f.moveHandler),h==null||h.removeEventListener("touchend",f.upHandler),x.cancelable&&(x.preventDefault(),x.stopPropagation()),m((b=x.touches[0])==null?void 0:b.clientX)}},v=rv()?{passive:!1}:!1;ra(r)?(h==null||h.addEventListener("touchmove",f.moveHandler,v),h==null||h.addEventListener("touchend",f.upHandler,v)):(h==null||h.addEventListener("mousemove",p.moveHandler,v),h==null||h.addEventListener("mouseup",p.upHandler,v)),n.setColumnSizingInfo(x=>({...x,startOffset:d,startSize:i,deltaOffset:0,deltaPercentage:0,columnSizingStart:l,isResizingColumn:o.id}))}}},createTable:e=>{e.setColumnSizing=n=>e.options.onColumnSizingChange==null?void 0:e.options.onColumnSizingChange(n),e.setColumnSizingInfo=n=>e.options.onColumnSizingInfoChange==null?void 0:e.options.onColumnSizingInfoChange(n),e.resetColumnSizing=n=>{var t;e.setColumnSizing(n?{}:(t=e.initialState.columnSizing)!=null?t:{})},e.resetHeaderSizeInfo=n=>{var t;e.setColumnSizingInfo(n?aa():(t=e.initialState.columnSizingInfo)!=null?t:aa())},e.getTotalSize=()=>{var n,t;return(n=(t=e.getHeaderGroups()[0])==null?void 0:t.headers.reduce((o,a)=>o+a.getSize(),0))!=null?n:0},e.getLeftTotalSize=()=>{var n,t;return(n=(t=e.getLeftHeaderGroups()[0])==null?void 0:t.headers.reduce((o,a)=>o+a.getSize(),0))!=null?n:0},e.getCenterTotalSize=()=>{var n,t;return(n=(t=e.getCenterHeaderGroups()[0])==null?void 0:t.headers.reduce((o,a)=>o+a.getSize(),0))!=null?n:0},e.getRightTotalSize=()=>{var n,t;return(n=(t=e.getRightHeaderGroups()[0])==null?void 0:t.headers.reduce((o,a)=>o+a.getSize(),0))!=null?n:0}}};let Bs=null;function rv(){if(typeof Bs=="boolean")return Bs;let e=!1;try{const n={get passive(){return e=!0,!1}},t=()=>{};window.addEventListener("test",t,n),window.removeEventListener("test",t)}catch{e=!1}return Bs=e,Bs}function ra(e){return e.type==="touchstart"}const iv={getInitialState:e=>({columnVisibility:{},...e}),getDefaultOptions:e=>({onColumnVisibilityChange:Dt("columnVisibility",e)}),createColumn:(e,n)=>{e.toggleVisibility=t=>{e.getCanHide()&&n.setColumnVisibility(o=>({...o,[e.id]:t??!e.getIsVisible()}))},e.getIsVisible=()=>{var t,o;const a=e.columns;return(t=a.length?a?.some(r=>r.getIsVisible()):(o=n.getState().columnVisibility)==null?void 0:o[e.id])!=null?t:!0},e.getCanHide=()=>{var t,o;return((t=e.columnDef.enableHiding)!=null?t:!0)&&((o=n.options.enableHiding)!=null?o:!0)},e.getToggleVisibilityHandler=()=>t=>{e.toggleVisibility==null||e.toggleVisibility(t.target.checked)}},createRow:(e,n)=>{e._getAllVisibleCells=Ne(()=>[e.getAllCells(),n.getState().columnVisibility],t=>t.filter(o=>o.column.getIsVisible()),ke(n.options,"debugRows")),e.getVisibleCells=Ne(()=>[e.getLeftVisibleCells(),e.getCenterVisibleCells(),e.getRightVisibleCells()],(t,o,a)=>[...t,...o,...a],ke(n.options,"debugRows"))},createTable:e=>{const n=(t,o)=>Ne(()=>[o(),o().filter(a=>a.getIsVisible())?.map(a=>a.id).join("_")],a=>a.filter(r=>r.getIsVisible==null?void 0:r.getIsVisible()),ke(e.options,"debugColumns"));e.getVisibleFlatColumns=n("getVisibleFlatColumns",()=>e.getAllFlatColumns()),e.getVisibleLeafColumns=n("getVisibleLeafColumns",()=>e.getAllLeafColumns()),e.getLeftVisibleLeafColumns=n("getLeftVisibleLeafColumns",()=>e.getLeftLeafColumns()),e.getRightVisibleLeafColumns=n("getRightVisibleLeafColumns",()=>e.getRightLeafColumns()),e.getCenterVisibleLeafColumns=n("getCenterVisibleLeafColumns",()=>e.getCenterLeafColumns()),e.setColumnVisibility=t=>e.options.onColumnVisibilityChange==null?void 0:e.options.onColumnVisibilityChange(t),e.resetColumnVisibility=t=>{var o;e.setColumnVisibility(t?{}:(o=e.initialState.columnVisibility)!=null?o:{})},e.toggleAllColumnsVisible=t=>{var o;t=(o=t)!=null?o:!e.getIsAllColumnsVisible(),e.setColumnVisibility(e.getAllLeafColumns().reduce((a,r)=>({...a,[r.id]:t||!(r.getCanHide!=null&&r.getCanHide())}),{}))},e.getIsAllColumnsVisible=()=>!e.getAllLeafColumns()?.some(t=>!(t.getIsVisible!=null&&t.getIsVisible())),e.getIsSomeColumnsVisible=()=>e.getAllLeafColumns()?.some(t=>t.getIsVisible==null?void 0:t.getIsVisible()),e.getToggleAllColumnsVisibilityHandler=()=>t=>{var o;e.toggleAllColumnsVisible((o=t.target)==null?void 0:o.checked)}}};function ws(e,n){return n?n==="center"?e.getCenterVisibleLeafColumns():n==="left"?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}const lv={createTable:e=>{e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),e.getGlobalFacetedMinMaxValues=()=>{if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}},cv={getInitialState:e=>({globalFilter:void 0,...e}),getDefaultOptions:e=>({onGlobalFilterChange:Dt("globalFilter",e),globalFilterFn:"auto",getColumnCanGlobalFilter:n=>{var t;const o=(t=e.getCoreRowModel().flatRows[0])==null||(t=t._getAllCellsByColumnId()[n.id])==null?void 0:t.getValue();return typeof o=="string"||typeof o=="number"}}),createColumn:(e,n)=>{e.getCanGlobalFilter=()=>{var t,o,a,r;return((t=e.columnDef.enableGlobalFilter)!=null?t:!0)&&((o=n.options.enableGlobalFilter)!=null?o:!0)&&((a=n.options.enableFilters)!=null?a:!0)&&((r=n.options.getColumnCanGlobalFilter==null?void 0:n.options.getColumnCanGlobalFilter(e))!=null?r:!0)&&!!e.accessorFn}},createTable:e=>{e.getGlobalAutoFilterFn=()=>sn.includesString,e.getGlobalFilterFn=()=>{var n,t;const{globalFilterFn:o}=e.options;return Eo(o)?o:o==="auto"?e.getGlobalAutoFilterFn():(n=(t=e.options.filterFns)==null?void 0:t[o])!=null?n:sn[o]},e.setGlobalFilter=n=>{e.options.onGlobalFilterChange==null||e.options.onGlobalFilterChange(n)},e.resetGlobalFilter=n=>{e.setGlobalFilter(n?void 0:e.initialState.globalFilter)}}},dv={getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({onExpandedChange:Dt("expanded",e),paginateExpandedRows:!0}),createTable:e=>{let n=!1,t=!1;e._autoResetExpanded=()=>{var o,a;if(!n){e._queue(()=>{n=!0});return}if((o=(a=e.options.autoResetAll)!=null?a:e.options.autoResetExpanded)!=null?o:!e.options.manualExpanding){if(t)return;t=!0,e._queue(()=>{e.resetExpanded(),t=!1})}},e.setExpanded=o=>e.options.onExpandedChange==null?void 0:e.options.onExpandedChange(o),e.toggleAllRowsExpanded=o=>{o??!e.getIsAllRowsExpanded()?e.setExpanded(!0):e.setExpanded({})},e.resetExpanded=o=>{var a,r;e.setExpanded(o?{}:(a=(r=e.initialState)==null?void 0:r.expanded)!=null?a:{})},e.getCanSomeRowsExpand=()=>e.getPrePaginationRowModel().flatRows?.some(o=>o.getCanExpand()),e.getToggleAllRowsExpandedHandler=()=>o=>{o.persist==null||o.persist(),e.toggleAllRowsExpanded()},e.getIsSomeRowsExpanded=()=>{const o=e.getState().expanded;return o===!0||Object.values(o)?.some(Boolean)},e.getIsAllRowsExpanded=()=>{const o=e.getState().expanded;return typeof o=="boolean"?o===!0:!(!Object.keys(o).length||e.getRowModel().flatRows?.some(a=>!a.getIsExpanded()))},e.getExpandedDepth=()=>{let o=0;return(e.getState().expanded===!0?Object.keys(e.getRowModel().rowsById):Object.keys(e.getState().expanded)).forEach(r=>{const i=r.split(".");o=Math.max(o,i.length)}),o},e.getPreExpandedRowModel=()=>e.getSortedRowModel(),e.getExpandedRowModel=()=>(!e._getExpandedRowModel&&e.options.getExpandedRowModel&&(e._getExpandedRowModel=e.options.getExpandedRowModel(e)),e.options.manualExpanding||!e._getExpandedRowModel?e.getPreExpandedRowModel():e._getExpandedRowModel())},createRow:(e,n)=>{e.toggleExpanded=t=>{n.setExpanded(o=>{var a;const r=o===!0?!0:!!(o!=null&&o[e.id]);let i={};if(o===!0?Object.keys(n.getRowModel().rowsById).forEach(l=>{i[l]=!0}):i=o,t=(a=t)!=null?a:!r,!r&&t)return{...i,[e.id]:!0};if(r&&!t){const{[e.id]:l,...d}=i;return d}return o})},e.getIsExpanded=()=>{var t;const o=n.getState().expanded;return!!((t=n.options.getIsRowExpanded==null?void 0:n.options.getIsRowExpanded(e))!=null?t:o===!0||o!=null&&o[e.id])},e.getCanExpand=()=>{var t,o,a;return(t=n.options.getRowCanExpand==null?void 0:n.options.getRowCanExpand(e))!=null?t:((o=n.options.enableExpanding)!=null?o:!0)&&!!((a=e.subRows)!=null&&a.length)},e.getIsAllParentsExpanded=()=>{let t=!0,o=e;for(;t&&o.parentId;)o=n.getRow(o.parentId,!0),t=o.getIsExpanded();return t},e.getToggleExpandedHandler=()=>{const t=e.getCanExpand();return()=>{t&&e.toggleExpanded()}}}},Oa=0,Aa=10,ia=()=>({pageIndex:Oa,pageSize:Aa}),uv={getInitialState:e=>({...e,pagination:{...ia(),...e==null?void 0:e.pagination}}),getDefaultOptions:e=>({onPaginationChange:Dt("pagination",e)}),createTable:e=>{let n=!1,t=!1;e._autoResetPageIndex=()=>{var o,a;if(!n){e._queue(()=>{n=!0});return}if((o=(a=e.options.autoResetAll)!=null?a:e.options.autoResetPageIndex)!=null?o:!e.options.manualPagination){if(t)return;t=!0,e._queue(()=>{e.resetPageIndex(),t=!1})}},e.setPagination=o=>{const a=r=>yn(o,r);return e.options.onPaginationChange==null?void 0:e.options.onPaginationChange(a)},e.resetPagination=o=>{var a;e.setPagination(o?ia():(a=e.initialState.pagination)!=null?a:ia())},e.setPageIndex=o=>{e.setPagination(a=>{let r=yn(o,a.pageIndex);const i=typeof e.options.pageCount>"u"||e.options.pageCount===-1?Number.MAX_SAFE_INTEGER:e.options.pageCount-1;return r=Math.max(0,Math.min(r,i)),{...a,pageIndex:r}})},e.resetPageIndex=o=>{var a,r;e.setPageIndex(o?Oa:(a=(r=e.initialState)==null||(r=r.pagination)==null?void 0:r.pageIndex)!=null?a:Oa)},e.resetPageSize=o=>{var a,r;e.setPageSize(o?Aa:(a=(r=e.initialState)==null||(r=r.pagination)==null?void 0:r.pageSize)!=null?a:Aa)},e.setPageSize=o=>{e.setPagination(a=>{const r=Math.max(1,yn(o,a.pageSize)),i=a.pageSize*a.pageIndex,l=Math.floor(i/r);return{...a,pageIndex:l,pageSize:r}})},e.setPageCount=o=>e.setPagination(a=>{var r;let i=yn(o,(r=e.options.pageCount)!=null?r:-1);return typeof i=="number"&&(i=Math.max(-1,i)),{...a,pageCount:i}}),e.getPageOptions=Ne(()=>[e.getPageCount()],o=>{let a=[];return o&&o>0&&(a=[...new Array(o)].fill(null)?.map((r,i)=>i)),a},ke(e.options,"debugTable")),e.getCanPreviousPage=()=>e.getState().pagination.pageIndex>0,e.getCanNextPage=()=>{const{pageIndex:o}=e.getState().pagination,a=e.getPageCount();return a===-1?!0:a===0?!1:o<a-1},e.previousPage=()=>e.setPageIndex(o=>o-1),e.nextPage=()=>e.setPageIndex(o=>o+1),e.firstPage=()=>e.setPageIndex(0),e.lastPage=()=>e.setPageIndex(e.getPageCount()-1),e.getPrePaginationRowModel=()=>e.getExpandedRowModel(),e.getPaginationRowModel=()=>(!e._getPaginationRowModel&&e.options.getPaginationRowModel&&(e._getPaginationRowModel=e.options.getPaginationRowModel(e)),e.options.manualPagination||!e._getPaginationRowModel?e.getPrePaginationRowModel():e._getPaginationRowModel()),e.getPageCount=()=>{var o;return(o=e.options.pageCount)!=null?o:Math.ceil(e.getRowCount()/e.getState().pagination.pageSize)},e.getRowCount=()=>{var o;return(o=e.options.rowCount)!=null?o:e.getPrePaginationRowModel().rows.length}}},la=()=>({top:[],bottom:[]}),gv={getInitialState:e=>({rowPinning:la(),...e}),getDefaultOptions:e=>({onRowPinningChange:Dt("rowPinning",e)}),createRow:(e,n)=>{e.pin=(t,o,a)=>{const r=o?e.getLeafRows()?.map(d=>{let{id:c}=d;return c}):[],i=a?e.getParentRows()?.map(d=>{let{id:c}=d;return c}):[],l=new Set([...i,e.id,...r]);n.setRowPinning(d=>{var c,u;if(t==="bottom"){var g,m;return{top:((g=d==null?void 0:d.top)!=null?g:[]).filter(f=>!(l!=null&&l.has(f))),bottom:[...((m=d==null?void 0:d.bottom)!=null?m:[]).filter(f=>!(l!=null&&l.has(f))),...Array.from(l)]}}if(t==="top"){var h,p;return{top:[...((h=d==null?void 0:d.top)!=null?h:[]).filter(f=>!(l!=null&&l.has(f))),...Array.from(l)],bottom:((p=d==null?void 0:d.bottom)!=null?p:[]).filter(f=>!(l!=null&&l.has(f)))}}return{top:((c=d==null?void 0:d.top)!=null?c:[]).filter(f=>!(l!=null&&l.has(f))),bottom:((u=d==null?void 0:d.bottom)!=null?u:[]).filter(f=>!(l!=null&&l.has(f)))}})},e.getCanPin=()=>{var t;const{enableRowPinning:o,enablePinning:a}=n.options;return typeof o=="function"?o(e):(t=o??a)!=null?t:!0},e.getIsPinned=()=>{const t=[e.id],{top:o,bottom:a}=n.getState().rowPinning,r=t?.some(l=>o==null?void 0:o.includes(l)),i=t?.some(l=>a==null?void 0:a.includes(l));return r?"top":i?"bottom":!1},e.getPinnedIndex=()=>{var t,o;const a=e.getIsPinned();if(!a)return-1;const r=(t=a==="top"?n.getTopRows():n.getBottomRows())==null?void 0:t?.map(i=>{let{id:l}=i;return l});return(o=r==null?void 0:r.indexOf(e.id))!=null?o:-1}},createTable:e=>{e.setRowPinning=n=>e.options.onRowPinningChange==null?void 0:e.options.onRowPinningChange(n),e.resetRowPinning=n=>{var t,o;return e.setRowPinning(n?la():(t=(o=e.initialState)==null?void 0:o.rowPinning)!=null?t:la())},e.getIsSomeRowsPinned=n=>{var t;const o=e.getState().rowPinning;if(!n){var a,r;return!!((a=o.top)!=null&&a.length||(r=o.bottom)!=null&&r.length)}return!!((t=o[n])!=null&&t.length)},e._getPinnedRows=(n,t,o)=>{var a;return((a=e.options.keepPinnedRows)==null||a?(t??[])?.map(i=>{const l=e.getRow(i,!0);return l.getIsAllParentsExpanded()?l:null}):(t??[])?.map(i=>n.find(l=>l.id===i))).filter(Boolean)?.map(i=>({...i,position:o}))},e.getTopRows=Ne(()=>[e.getRowModel().rows,e.getState().rowPinning.top],(n,t)=>e._getPinnedRows(n,t,"top"),ke(e.options,"debugRows")),e.getBottomRows=Ne(()=>[e.getRowModel().rows,e.getState().rowPinning.bottom],(n,t)=>e._getPinnedRows(n,t,"bottom"),ke(e.options,"debugRows")),e.getCenterRows=Ne(()=>[e.getRowModel().rows,e.getState().rowPinning.top,e.getState().rowPinning.bottom],(n,t,o)=>{const a=new Set([...t??[],...o??[]]);return n.filter(r=>!a.has(r.id))},ke(e.options,"debugRows"))}},mv={getInitialState:e=>({rowSelection:{},...e}),getDefaultOptions:e=>({onRowSelectionChange:Dt("rowSelection",e),enableRowSelection:!0,enableMultiRowSelection:!0,enableSubRowSelection:!0}),createTable:e=>{e.setRowSelection=n=>e.options.onRowSelectionChange==null?void 0:e.options.onRowSelectionChange(n),e.resetRowSelection=n=>{var t;return e.setRowSelection(n?{}:(t=e.initialState.rowSelection)!=null?t:{})},e.toggleAllRowsSelected=n=>{e.setRowSelection(t=>{n=typeof n<"u"?n:!e.getIsAllRowsSelected();const o={...t},a=e.getPreGroupedRowModel().flatRows;return n?a.forEach(r=>{r.getCanSelect()&&(o[r.id]=!0)}):a.forEach(r=>{delete o[r.id]}),o})},e.toggleAllPageRowsSelected=n=>e.setRowSelection(t=>{const o=typeof n<"u"?n:!e.getIsAllPageRowsSelected(),a={...t};return e.getRowModel().rows.forEach(r=>{za(a,r.id,o,!0,e)}),a}),e.getPreSelectedRowModel=()=>e.getCoreRowModel(),e.getSelectedRowModel=Ne(()=>[e.getState().rowSelection,e.getCoreRowModel()],(n,t)=>Object.keys(n).length?ca(e,t):{rows:[],flatRows:[],rowsById:{}},ke(e.options,"debugTable")),e.getFilteredSelectedRowModel=Ne(()=>[e.getState().rowSelection,e.getFilteredRowModel()],(n,t)=>Object.keys(n).length?ca(e,t):{rows:[],flatRows:[],rowsById:{}},ke(e.options,"debugTable")),e.getGroupedSelectedRowModel=Ne(()=>[e.getState().rowSelection,e.getSortedRowModel()],(n,t)=>Object.keys(n).length?ca(e,t):{rows:[],flatRows:[],rowsById:{}},ke(e.options,"debugTable")),e.getIsAllRowsSelected=()=>{const n=e.getFilteredRowModel().flatRows,{rowSelection:t}=e.getState();let o=!!(n.length&&Object.keys(t).length);return o&&n?.some(a=>a.getCanSelect()&&!t[a.id])&&(o=!1),o},e.getIsAllPageRowsSelected=()=>{const n=e.getPaginationRowModel().flatRows.filter(a=>a.getCanSelect()),{rowSelection:t}=e.getState();let o=!!n.length;return o&&n?.some(a=>!t[a.id])&&(o=!1),o},e.getIsSomeRowsSelected=()=>{var n;const t=Object.keys((n=e.getState().rowSelection)!=null?n:{}).length;return t>0&&t<e.getFilteredRowModel().flatRows.length},e.getIsSomePageRowsSelected=()=>{const n=e.getPaginationRowModel().flatRows;return e.getIsAllPageRowsSelected()?!1:n.filter(t=>t.getCanSelect())?.some(t=>t.getIsSelected()||t.getIsSomeSelected())},e.getToggleAllRowsSelectedHandler=()=>n=>{e.toggleAllRowsSelected(n.target.checked)},e.getToggleAllPageRowsSelectedHandler=()=>n=>{e.toggleAllPageRowsSelected(n.target.checked)}},createRow:(e,n)=>{e.toggleSelected=(t,o)=>{const a=e.getIsSelected();n.setRowSelection(r=>{var i;if(t=typeof t<"u"?t:!a,e.getCanSelect()&&a===t)return r;const l={...r};return za(l,e.id,t,(i=o==null?void 0:o.selectChildren)!=null?i:!0,n),l})},e.getIsSelected=()=>{const{rowSelection:t}=n.getState();return Wr(e,t)},e.getIsSomeSelected=()=>{const{rowSelection:t}=n.getState();return $a(e,t)==="some"},e.getIsAllSubRowsSelected=()=>{const{rowSelection:t}=n.getState();return $a(e,t)==="all"},e.getCanSelect=()=>{var t;return typeof n.options.enableRowSelection=="function"?n.options.enableRowSelection(e):(t=n.options.enableRowSelection)!=null?t:!0},e.getCanSelectSubRows=()=>{var t;return typeof n.options.enableSubRowSelection=="function"?n.options.enableSubRowSelection(e):(t=n.options.enableSubRowSelection)!=null?t:!0},e.getCanMultiSelect=()=>{var t;return typeof n.options.enableMultiRowSelection=="function"?n.options.enableMultiRowSelection(e):(t=n.options.enableMultiRowSelection)!=null?t:!0},e.getToggleSelectedHandler=()=>{const t=e.getCanSelect();return o=>{var a;t&&e.toggleSelected((a=o.target)==null?void 0:a.checked)}}}},za=(e,n,t,o,a)=>{var r;const i=a.getRow(n,!0);t?(i.getCanMultiSelect()||Object.keys(e).forEach(l=>delete e[l]),i.getCanSelect()&&(e[n]=!0)):delete e[n],o&&(r=i.subRows)!=null&&r.length&&i.getCanSelectSubRows()&&i.subRows.forEach(l=>za(e,l.id,t,o,a))};function ca(e,n){const t=e.getState().rowSelection,o=[],a={},r=function(i,l){return i?.map(d=>{var c;const u=Wr(d,t);if(u&&(o.push(d),a[d.id]=d),(c=d.subRows)!=null&&c.length&&(d={...d,subRows:r(d.subRows)}),u)return d}).filter(Boolean)};return{rows:r(n.rows),flatRows:o,rowsById:a}}function Wr(e,n){var t;return(t=n[e.id])!=null?t:!1}function $a(e,n,t){var o;if(!((o=e.subRows)!=null&&o.length))return!1;let a=!0,r=!1;return e.subRows.forEach(i=>{if(!(r&&!a)&&(i.getCanSelect()&&(Wr(i,n)?r=!0:a=!1),i.subRows&&i.subRows.length)){const l=$a(i,n);l==="all"?r=!0:(l==="some"&&(r=!0),a=!1)}}),a?"all":r?"some":!1}const La=/([0-9]+)/gm,hv=(e,n,t)=>Tc(Cn(e.getValue(t)).toLowerCase(),Cn(n.getValue(t)).toLowerCase()),pv=(e,n,t)=>Tc(Cn(e.getValue(t)),Cn(n.getValue(t))),fv=(e,n,t)=>Kr(Cn(e.getValue(t)).toLowerCase(),Cn(n.getValue(t)).toLowerCase()),vv=(e,n,t)=>Kr(Cn(e.getValue(t)),Cn(n.getValue(t))),xv=(e,n,t)=>{const o=e.getValue(t),a=n.getValue(t);return o>a?1:o<a?-1:0},bv=(e,n,t)=>Kr(e.getValue(t),n.getValue(t));function Kr(e,n){return e===n?0:e>n?1:-1}function Cn(e){return typeof e=="number"?isNaN(e)||e===1/0||e===-1/0?"":String(e):typeof e=="string"?e:""}function Tc(e,n){const t=e.split(La).filter(Boolean),o=n.split(La).filter(Boolean);for(;t.length&&o.length;){const a=t.shift(),r=o.shift(),i=parseInt(a,10),l=parseInt(r,10),d=[i,l].sort();if(isNaN(d[0])){if(a>r)return 1;if(r>a)return-1;continue}if(isNaN(d[1]))return isNaN(i)?-1:1;if(i>l)return 1;if(l>i)return-1}return t.length-o.length}const Pn={alphanumeric:hv,alphanumericCaseSensitive:pv,text:fv,textCaseSensitive:vv,datetime:xv,basic:bv},yv={getInitialState:e=>({sorting:[],...e}),getDefaultColumnDef:()=>({sortingFn:"auto",sortUndefined:1}),getDefaultOptions:e=>({onSortingChange:Dt("sorting",e),isMultiSortEvent:n=>n.shiftKey}),createColumn:(e,n)=>{e.getAutoSortingFn=()=>{const t=n.getFilteredRowModel().flatRows.slice(10);let o=!1;for(const a of t){const r=a==null?void 0:a.getValue(e.id);if(Object.prototype.toString.call(r)==="[object Date]")return Pn.datetime;if(typeof r=="string"&&(o=!0,r.split(La).length>1))return Pn.alphanumeric}return o?Pn.text:Pn.basic},e.getAutoSortDir=()=>{const t=n.getFilteredRowModel().flatRows[0];return typeof(t==null?void 0:t.getValue(e.id))=="string"?"asc":"desc"},e.getSortingFn=()=>{var t,o;if(!e)throw new Error;return Eo(e.columnDef.sortingFn)?e.columnDef.sortingFn:e.columnDef.sortingFn==="auto"?e.getAutoSortingFn():(t=(o=n.options.sortingFns)==null?void 0:o[e.columnDef.sortingFn])!=null?t:Pn[e.columnDef.sortingFn]},e.toggleSorting=(t,o)=>{const a=e.getNextSortingOrder(),r=typeof t<"u"&&t!==null;n.setSorting(i=>{const l=i==null?void 0:i.find(h=>h.id===e.id),d=i==null?void 0:i.findIndex(h=>h.id===e.id);let c=[],u,g=r?t:a==="desc";if(i!=null&&i.length&&e.getCanMultiSort()&&o?l?u="toggle":u="add":i!=null&&i.length&&d!==i.length-1?u="replace":l?u="toggle":u="replace",u==="toggle"&&(r||a||(u="remove")),u==="add"){var m;c=[...i,{id:e.id,desc:g}],c.splice(0,c.length-((m=n.options.maxMultiSortColCount)!=null?m:Number.MAX_SAFE_INTEGER))}else u==="toggle"?c=i?.map(h=>h.id===e.id?{...h,desc:g}:h):u==="remove"?c=i.filter(h=>h.id!==e.id):c=[{id:e.id,desc:g}];return c})},e.getFirstSortDir=()=>{var t,o;return((t=(o=e.columnDef.sortDescFirst)!=null?o:n.options.sortDescFirst)!=null?t:e.getAutoSortDir()==="desc")?"desc":"asc"},e.getNextSortingOrder=t=>{var o,a;const r=e.getFirstSortDir(),i=e.getIsSorted();return i?i!==r&&((o=n.options.enableSortingRemoval)==null||o)&&(!(t&&(a=n.options.enableMultiRemove)!=null)||a)?!1:i==="desc"?"asc":"desc":r},e.getCanSort=()=>{var t,o;return((t=e.columnDef.enableSorting)!=null?t:!0)&&((o=n.options.enableSorting)!=null?o:!0)&&!!e.accessorFn},e.getCanMultiSort=()=>{var t,o;return(t=(o=e.columnDef.enableMultiSort)!=null?o:n.options.enableMultiSort)!=null?t:!!e.accessorFn},e.getIsSorted=()=>{var t;const o=(t=n.getState().sorting)==null?void 0:t.find(a=>a.id===e.id);return o?o.desc?"desc":"asc":!1},e.getSortIndex=()=>{var t,o;return(t=(o=n.getState().sorting)==null?void 0:o.findIndex(a=>a.id===e.id))!=null?t:-1},e.clearSorting=()=>{n.setSorting(t=>t!=null&&t.length?t.filter(o=>o.id!==e.id):[])},e.getToggleSortingHandler=()=>{const t=e.getCanSort();return o=>{t&&(o.persist==null||o.persist(),e.toggleSorting==null||e.toggleSorting(void 0,e.getCanMultiSort()?n.options.isMultiSortEvent==null?void 0:n.options.isMultiSortEvent(o):!1))}}},createTable:e=>{e.setSorting=n=>e.options.onSortingChange==null?void 0:e.options.onSortingChange(n),e.resetSorting=n=>{var t,o;e.setSorting(n?[]:(t=(o=e.initialState)==null?void 0:o.sorting)!=null?t:[])},e.getPreSortedRowModel=()=>e.getGroupedRowModel(),e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())}},wv=[U0,iv,sv,ov,H0,G0,lv,cv,yv,tv,dv,uv,gv,mv,av];function jv(e){var n,t;const o=[...wv,...(n=e._features)!=null?n:[]];let a={_features:o};const r=a._features.reduce((m,h)=>Object.assign(m,h.getDefaultOptions==null?void 0:h.getDefaultOptions(a)),{}),i=m=>a.options.mergeOptions?a.options.mergeOptions(r,m):{...r,...m};let d={...{},...(t=e.initialState)!=null?t:{}};a._features.forEach(m=>{var h;d=(h=m.getInitialState==null?void 0:m.getInitialState(d))!=null?h:d});const c=[];let u=!1;const g={_features:o,options:{...r,...e},initialState:d,_queue:m=>{c.push(m),u||(u=!0,Promise.resolve().then(()=>{for(;c.length;)c.shift()();u=!1}).catch(h=>setTimeout(()=>{throw h})))},reset:()=>{a.setState(a.initialState)},setOptions:m=>{const h=yn(m,a.options);a.options=i(h)},getState:()=>a.options.state,setState:m=>{a.options.onStateChange==null||a.options.onStateChange(m)},_getRowId:(m,h,p)=>{var f;return(f=a.options.getRowId==null?void 0:a.options.getRowId(m,h,p))!=null?f:`${p?[p.id,h].join("."):h}`},getCoreRowModel:()=>(a._getCoreRowModel||(a._getCoreRowModel=a.options.getCoreRowModel(a)),a._getCoreRowModel()),getRowModel:()=>a.getPaginationRowModel(),getRow:(m,h)=>{let p=(h?a.getPrePaginationRowModel():a.getRowModel()).rowsById[m];if(!p&&(p=a.getCoreRowModel().rowsById[m],!p))throw new Error;return p},_getDefaultColumnDef:Ne(()=>[a.options.defaultColumn],m=>{var h;return m=(h=m)!=null?h:{},{header:p=>{const f=p.header.column.columnDef;return f.accessorKey?f.accessorKey:f.accessorFn?f.id:null},cell:p=>{var f,v;return(f=(v=p.renderValue())==null||v.toString==null?void 0:v.toString())!=null?f:null},...a._features.reduce((p,f)=>Object.assign(p,f.getDefaultColumnDef==null?void 0:f.getDefaultColumnDef()),{}),...m}},ke(e,"debugColumns")),_getColumnDefs:()=>a.options.columns,getAllColumns:Ne(()=>[a._getColumnDefs()],m=>{const h=function(p,f,v){return v===void 0&&(v=0),p?.map(x=>{const b=B0(a,x,v,f),w=x;return b.columns=w.columns?h(w.columns,b,v+1):[],b})};return h(m)},ke(e,"debugColumns")),getAllFlatColumns:Ne(()=>[a.getAllColumns()],m=>m.flatMap(h=>h.getFlatColumns()),ke(e,"debugColumns")),_getAllFlatColumnsById:Ne(()=>[a.getAllFlatColumns()],m=>m.reduce((h,p)=>(h[p.id]=p,h),{}),ke(e,"debugColumns")),getAllLeafColumns:Ne(()=>[a.getAllColumns(),a._getOrderColumnsFn()],(m,h)=>{let p=m.flatMap(f=>f.getLeafColumns());return h(p)},ke(e,"debugColumns")),getColumn:m=>a._getAllFlatColumnsById()[m]};Object.assign(a,g);for(let m=0;m<a._features.length;m++){const h=a._features[m];h==null||h.createTable==null||h.createTable(a)}return a}function Cv(){return e=>Ne(()=>[e.options.data],n=>{const t={rows:[],flatRows:[],rowsById:{}},o=function(a,r,i){r===void 0&&(r=0);const l=[];for(let c=0;c<a.length;c++){const u=ds(e,e._getRowId(a[c],c,i),a[c],c,r,void 0,i==null?void 0:i.id);if(t.flatRows.push(u),t.rowsById[u.id]=u,l.push(u),e.options.getSubRows){var d;u.originalSubRows=e.options.getSubRows(a[c],c),(d=u.originalSubRows)!=null&&d.length&&(u.subRows=o(u.originalSubRows,r+1,u))}}return l};return t.rows=o(n),t},ke(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex()))}function Sv(){return e=>Ne(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(n,t,o)=>!t.rows.length||n!==!0&&!Object.keys(n??{}).length||!o?t:Ic(t),ke(e.options,"debugTable"))}function Ic(e){const n=[],t=o=>{var a;n.push(o),(a=o.subRows)!=null&&a.length&&o.getIsExpanded()&&o.subRows.forEach(t)};return e.rows.forEach(t),{rows:n,flatRows:e.flatRows,rowsById:e.rowsById}}function _v(){return(e,n)=>Ne(()=>{var t;return[(t=e.getColumn(n))==null?void 0:t.getFacetedRowModel()]},t=>{if(!t)return;const o=t.flatRows.flatMap(i=>{var l;return(l=i.getUniqueValues(n))!=null?l:[]})?.map(Number).filter(i=>!Number.isNaN(i));if(!o.length)return;let a=o[0],r=o[o.length-1];for(const i of o)i<a?a=i:i>r&&(r=i);return[a,r]},ke(e.options,"debugTable"))}function Fc(e,n,t){return t.options.filterFromLeafRows?Mv(e,n,t):Rv(e,n,t)}function Mv(e,n,t){var o;const a=[],r={},i=(o=t.options.maxLeafRowFilterDepth)!=null?o:100,l=function(d,c){c===void 0&&(c=0);const u=[];for(let m=0;m<d.length;m++){var g;let h=d[m];const p=ds(t,h.id,h.original,h.index,h.depth,void 0,h.parentId);if(p.columnFilters=h.columnFilters,(g=h.subRows)!=null&&g.length&&c<i){if(p.subRows=l(h.subRows,c+1),h=p,n(h)&&!p.subRows.length){u.push(h),r[h.id]=h,a.push(h);continue}if(n(h)||p.subRows.length){u.push(h),r[h.id]=h,a.push(h);continue}}else h=p,n(h)&&(u.push(h),r[h.id]=h,a.push(h))}return u};return{rows:l(e),flatRows:a,rowsById:r}}function Rv(e,n,t){var o;const a=[],r={},i=(o=t.options.maxLeafRowFilterDepth)!=null?o:100,l=function(d,c){c===void 0&&(c=0);const u=[];for(let m=0;m<d.length;m++){let h=d[m];if(n(h)){var g;if((g=h.subRows)!=null&&g.length&&c<i){const f=ds(t,h.id,h.original,h.index,h.depth,void 0,h.parentId);f.subRows=l(h.subRows,c+1),h=f}u.push(h),a.push(h),r[h.id]=h}}return u};return{rows:l(e),flatRows:a,rowsById:r}}function Nv(){return(e,n)=>Ne(()=>[e.getPreFilteredRowModel(),e.getState().columnFilters,e.getState().globalFilter,e.getFilteredRowModel()],(t,o,a)=>{if(!t.rows.length||!(o!=null&&o.length)&&!a)return t;const r=[...o?.map(l=>l.id).filter(l=>l!==n),a?"__global__":void 0].filter(Boolean),i=l=>{for(let d=0;d<r.length;d++)if(l.columnFilters[r[d]]===!1)return!1;return!0};return Fc(t.rows,i,e)},ke(e.options,"debugTable"))}function kv(){return(e,n)=>Ne(()=>{var t;return[(t=e.getColumn(n))==null?void 0:t.getFacetedRowModel()]},t=>{if(!t)return new Map;let o=new Map;for(let r=0;r<t.flatRows.length;r++){const i=t.flatRows[r].getUniqueValues(n);for(let l=0;l<i.length;l++){const d=i[l];if(o.has(d)){var a;o.set(d,((a=o.get(d))!=null?a:0)+1)}else o.set(d,1)}}return o},ke(e.options,"debugTable"))}function Dv(){return e=>Ne(()=>[e.getPreFilteredRowModel(),e.getState().columnFilters,e.getState().globalFilter],(n,t,o)=>{if(!n.rows.length||!(t!=null&&t.length)&&!o){for(let m=0;m<n.flatRows.length;m++)n.flatRows[m].columnFilters={},n.flatRows[m].columnFiltersMeta={};return n}const a=[],r=[];(t??[]).forEach(m=>{var h;const p=e.getColumn(m.id);if(!p)return;const f=p.getFilterFn();f&&a.push({id:m.id,filterFn:f,resolvedValue:(h=f.resolveFilterValue==null?void 0:f.resolveFilterValue(m.value))!=null?h:m.value})});const i=(t??[])?.map(m=>m.id),l=e.getGlobalFilterFn(),d=e.getAllLeafColumns().filter(m=>m.getCanGlobalFilter());o&&l&&d.length&&(i.push("__global__"),d.forEach(m=>{var h;r.push({id:m.id,filterFn:l,resolvedValue:(h=l.resolveFilterValue==null?void 0:l.resolveFilterValue(o))!=null?h:o})}));let c,u;for(let m=0;m<n.flatRows.length;m++){const h=n.flatRows[m];if(h.columnFilters={},a.length)for(let p=0;p<a.length;p++){c=a[p];const f=c.id;h.columnFilters[f]=c.filterFn(h,f,c.resolvedValue,v=>{h.columnFiltersMeta[f]=v})}if(r.length){for(let p=0;p<r.length;p++){u=r[p];const f=u.id;if(u.filterFn(h,f,u.resolvedValue,v=>{h.columnFiltersMeta[f]=v})){h.columnFilters.__global__=!0;break}}h.columnFilters.__global__!==!0&&(h.columnFilters.__global__=!1)}}const g=m=>{for(let h=0;h<i.length;h++)if(m.columnFilters[i[h]]===!1)return!1;return!0};return Fc(n.rows,g,e)},ke(e.options,"debugTable","getFilteredRowModel",()=>e._autoResetPageIndex()))}function Tv(){return e=>Ne(()=>[e.getState().grouping,e.getPreGroupedRowModel()],(n,t)=>{if(!t.rows.length||!n.length)return t.rows.forEach(d=>{d.depth=0,d.parentId=void 0}),t;const o=n.filter(d=>e.getColumn(d)),a=[],r={},i=function(d,c,u){if(c===void 0&&(c=0),c>=o.length)return d?.map(p=>(p.depth=c,a.push(p),r[p.id]=p,p.subRows&&(p.subRows=i(p.subRows,c+1,p.id)),p));const g=o[c],m=Iv(d,g);return Array.from(m.entries())?.map((p,f)=>{let[v,x]=p,b=`${g}:${v}`;b=u?`${u}>${b}`:b;const w=i(x,c+1,b);w.forEach(M=>{M.parentId=b});const C=c?jc(x,M=>M.subRows):x,j=ds(e,b,C[0].original,f,c,void 0,u);return Object.assign(j,{groupingColumnId:g,groupingValue:v,subRows:w,leafRows:C,getValue:M=>{if(o.includes(M)){if(j._valuesCache.hasOwnProperty(M))return j._valuesCache[M];if(x[0]){var k;j._valuesCache[M]=(k=x[0].getValue(M))!=null?k:void 0}return j._valuesCache[M]}if(j._groupingValuesCache.hasOwnProperty(M))return j._groupingValuesCache[M];const S=e.getColumn(M),T=S==null?void 0:S.getAggregationFn();if(T)return j._groupingValuesCache[M]=T(M,C,x),j._groupingValuesCache[M]}}),w.forEach(M=>{a.push(M),r[M.id]=M}),j})},l=i(t.rows,0);return l.forEach(d=>{a.push(d),r[d.id]=d}),{rows:l,flatRows:a,rowsById:r}},ke(e.options,"debugTable","getGroupedRowModel",()=>{e._queue(()=>{e._autoResetExpanded(),e._autoResetPageIndex()})}))}function Iv(e,n){const t=new Map;return e.reduce((o,a)=>{const r=`${a.getGroupingValue(n)}`,i=o.get(r);return i?i.push(a):o.set(r,[a]),o},t)}function Fv(e){return n=>Ne(()=>[n.getState().pagination,n.getPrePaginationRowModel(),n.options.paginateExpandedRows?void 0:n.getState().expanded],(t,o)=>{if(!o.rows.length)return o;const{pageSize:a,pageIndex:r}=t;let{rows:i,flatRows:l,rowsById:d}=o;const c=a*r,u=c+a;i=i.slice(c,u);let g;n.options.paginateExpandedRows?g={rows:i,flatRows:l,rowsById:d}:g=Ic({rows:i,flatRows:l,rowsById:d}),g.flatRows=[];const m=h=>{g.flatRows.push(h),h.subRows.length&&h.subRows.forEach(m)};return g.rows.forEach(m),g},ke(n.options,"debugTable"))}function Pv(){return e=>Ne(()=>[e.getState().sorting,e.getPreSortedRowModel()],(n,t)=>{if(!t.rows.length||!(n!=null&&n.length))return t;const o=e.getState().sorting,a=[],r=o.filter(d=>{var c;return(c=e.getColumn(d.id))==null?void 0:c.getCanSort()}),i={};r.forEach(d=>{const c=e.getColumn(d.id);c&&(i[d.id]={sortUndefined:c.columnDef.sortUndefined,invertSorting:c.columnDef.invertSorting,sortingFn:c.getSortingFn()})});const l=d=>{const c=d?.map(u=>({...u}));return c.sort((u,g)=>{for(let h=0;h<r.length;h+=1){var m;const p=r[h],f=i[p.id],v=f.sortUndefined,x=(m=p==null?void 0:p.desc)!=null?m:!1;let b=0;if(v){const w=u.getValue(p.id),C=g.getValue(p.id),j=w===void 0,M=C===void 0;if(j||M){if(v==="first")return j?-1:1;if(v==="last")return j?1:-1;b=j&&M?0:j?v:-v}}if(b===0&&(b=f.sortingFn(u,g,p.id)),b!==0)return x&&(b*=-1),f.invertSorting&&(b*=-1),b}return u.index-g.index}),c.forEach(u=>{var g;a.push(u),(g=u.subRows)!=null&&g.length&&(u.subRows=l(u.subRows))}),c};return{rows:l(t.rows),flatRows:a,rowsById:t.rowsById}},ke(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex()))}/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */function Ev(e){const n={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[t]=y.useState(()=>({current:jv(n)})),[o,a]=y.useState(()=>t.current.initialState);return t.current.setOptions(r=>({...r,...e,state:{...o,...e.state},onStateChange:i=>{a(i),e.onStateChange==null||e.onStateChange(i)}})),t.current}/**
+   * match-sorter-utils
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */const Pc={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ù:"u",ú:"u",û:"u",ü:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z"},Ov=Object.keys(Pc).join("|"),Av=new RegExp(Ov,"g");function zv(e){return e.replace(Av,n=>Pc[n])}/**
+ * @name match-sorter
+ * @license MIT license.
+ * @copyright (c) 2099 Kent C. Dodds
+ * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
+ */const vt={CASE_SENSITIVE_EQUAL:7,EQUAL:6,STARTS_WITH:5,WORD_STARTS_WITH:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0};function $v(e,n,t){var o;if(t=t||{},t.threshold=(o=t.threshold)!=null?o:vt.MATCHES,!t.accessors){const i=Vi(e,n,t);return{rankedValue:e,rank:i,accessorIndex:-1,accessorThreshold:t.threshold,passed:i>=t.threshold}}const a=Hv(e,t.accessors),r={rankedValue:e,rank:vt.NO_MATCH,accessorIndex:-1,accessorThreshold:t.threshold,passed:!1};for(let i=0;i<a.length;i++){const l=a[i];let d=Vi(l.itemValue,n,t);const{minRanking:c,maxRanking:u,threshold:g=t.threshold}=l.attributes;d<c&&d>=vt.MATCHES?d=c:d>u&&(d=u),d=Math.min(d,u),d>=g&&d>r.rank&&(r.rank=d,r.passed=!0,r.accessorIndex=i,r.accessorThreshold=g,r.rankedValue=l.itemValue)}return r}function Vi(e,n,t){return e=Bi(e,t),n=Bi(n,t),n.length>e.length?vt.NO_MATCH:e===n?vt.CASE_SENSITIVE_EQUAL:(e=e.toLowerCase(),n=n.toLowerCase(),e===n?vt.EQUAL:e.startsWith(n)?vt.STARTS_WITH:e.includes(` ${n}`)?vt.WORD_STARTS_WITH:e.includes(n)?vt.CONTAINS:n.length===1?vt.NO_MATCH:Lv(e).includes(n)?vt.ACRONYM:Vv(e,n))}function Lv(e){let n="";return e.split(" ").forEach(o=>{o.split("-").forEach(r=>{n+=r.substr(0,1)})}),n}function Vv(e,n){let t=0,o=0;function a(d,c,u){for(let g=u,m=c.length;g<m;g++)if(c[g]===d)return t+=1,g+1;return-1}function r(d){const c=1/d,u=t/n.length;return vt.MATCHES+u*c}const i=a(n[0],e,0);if(i<0)return vt.NO_MATCH;o=i;for(let d=1,c=n.length;d<c;d++){const u=n[d];if(o=a(u,e,o),!(o>-1))return vt.NO_MATCH}const l=o-i;return r(l)}function Bv(e,n){return e.rank===n.rank?0:e.rank>n.rank?-1:1}function Bi(e,n){let{keepDiacritics:t}=n;return e=`${e}`,t||(e=zv(e)),e}function Uv(e,n){let t=n;typeof n=="object"&&(t=n.accessor);const o=t(e);return o==null?[]:Array.isArray(o)?o:[String(o)]}function Hv(e,n){const t=[];for(let o=0,a=n.length;o<a;o++){const r=n[o],i=Gv(r),l=Uv(e,r);for(let d=0,c=l.length;d<c;d++)t.push({itemValue:l[d],attributes:i})}return t}const Ui={maxRanking:1/0,minRanking:-1/0};function Gv(e){return typeof e=="function"?Ui:{...Ui,...e}}function Gn(e,n,t){let o=t.initialDeps??[],a;return()=>{var r,i,l,d;let c;t.key&&((r=t.debug)!=null&&r.call(t))&&(c=Date.now());const u=e();if(!(u.length!==o.length||u?.some((h,p)=>o[p]!==h)))return a;o=u;let m;if(t.key&&((i=t.debug)!=null&&i.call(t))&&(m=Date.now()),a=n(...u),t.key&&((l=t.debug)!=null&&l.call(t))){const h=Math.round((Date.now()-c)*100)/100,f=Math.round((Date.now()-m)*100)/100/16,v=(x,b)=>{for(x=String(x);x.length<b;)x=" "+x;return x}}return(d=t==null?void 0:t.onChange)==null||d.call(t,a),a}}function da(e,n){if(e===void 0)throw new Error("Unexpected undefined");return e}const qv=(e,n)=>Math.abs(e-n)<1,Wv=(e,n,t)=>{let o;return function(...a){e.clearTimeout(o),o=e.setTimeout(()=>n.apply(this,a),t)}},Kv=e=>e,Ec=e=>{const n=Math.max(e.startIndex-e.overscan,0),t=Math.min(e.endIndex+e.overscan,e.count-1),o=[];for(let a=n;a<=t;a++)o.push(a);return o},Yv=(e,n)=>{const t=e.scrollElement;if(!t)return;const o=e.targetWindow;if(!o)return;const a=i=>{const{width:l,height:d}=i;n({width:Math.round(l),height:Math.round(d)})};if(a(t.getBoundingClientRect()),!o.ResizeObserver)return()=>{};const r=new o.ResizeObserver(i=>{const l=i[0];if(l!=null&&l.borderBoxSize){const d=l.borderBoxSize[0];if(d){a({width:d.inlineSize,height:d.blockSize});return}}a(t.getBoundingClientRect())});return r.observe(t,{box:"border-box"}),()=>{r.unobserve(t)}},Hi={passive:!0},Qv=typeof window>"u"?!0:"onscrollend"in window,Xv=(e,n)=>{const t=e.scrollElement;if(!t)return;const o=e.targetWindow;if(!o)return;let a=0;const r=e.options.useScrollendEvent&&Qv?()=>{}:Wv(o,()=>{n(a,!1)},e.options.isScrollingResetDelay),i=c=>()=>{const{horizontal:u,isRtl:g}=e.options;a=u?t.scrollLeft*(g&&-1||1):t.scrollTop,r(),n(a,c)},l=i(!0),d=i(!1);return d(),t.addEventListener("scroll",l,Hi),t.addEventListener("scrollend",d,Hi),()=>{t.removeEventListener("scroll",l),t.removeEventListener("scrollend",d)}},Zv=(e,n,t)=>{if(n!=null&&n.borderBoxSize){const o=n.borderBoxSize[0];if(o)return Math.round(o[t.options.horizontal?"inlineSize":"blockSize"])}return Math.round(e.getBoundingClientRect()[t.options.horizontal?"width":"height"])},Jv=(e,{adjustments:n=0,behavior:t},o)=>{var a,r;const i=e+n;(r=(a=o.scrollElement)==null?void 0:a.scrollTo)==null||r.call(a,{[o.options.horizontal?"left":"top"]:i,behavior:t})};class ex{constructor(n){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollToIndexTimeoutId=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let t=null;const o=()=>t||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:t=new this.targetWindow.ResizeObserver(a=>{a.forEach(r=>{this._measureElement(r.target,r)})}));return{disconnect:()=>{var a;(a=o())==null||a.disconnect(),t=null},observe:a=>{var r;return(r=o())==null?void 0:r.observe(a,{box:"border-box"})},unobserve:a=>{var r;return(r=o())==null?void 0:r.unobserve(a)}}})(),this.range=null,this.setOptions=t=>{Object.entries(t).forEach(([o,a])=>{typeof a>"u"&&delete t[o]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Kv,rangeExtractor:Ec,onChange:()=>{},measureElement:Zv,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!0,...t}},this.notify=t=>{var o,a;(a=(o=this.options).onChange)==null||a.call(o,this,t)},this.maybeNotify=Gn(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),t=>{this.notify(t)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(t=>t()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var t;const o=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==o){if(this.cleanup(),!o){this.maybeNotify();return}this.scrollElement=o,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((t=this.scrollElement)==null?void 0:t.window)??null,this.elementsCache.forEach(a=>{this.observer.observe(a)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,a=>{this.scrollRect=a,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(a,r)=>{this.scrollAdjustments=0,this.scrollDirection=r?this.getScrollOffset()<a?"forward":"backward":null,this.scrollOffset=a,this.isScrolling=r,this.maybeNotify()}))}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(t,o)=>{const a=new Map,r=new Map;for(let i=o-1;i>=0;i--){const l=t[i];if(a.has(l.lane))continue;const d=r.get(l.lane);if(d==null||l.end>d.end?r.set(l.lane,l):l.end<d.end&&a.set(l.lane,!0),a.size===this.options.lanes)break}return r.size===this.options.lanes?Array.from(r.values()).sort((i,l)=>i.end===l.end?i.index-l.index:i.end-l.end)[0]:void 0},this.getMeasurementOptions=Gn(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(t,o,a,r,i)=>(this.pendingMeasuredCacheIndexes=[],{count:t,paddingStart:o,scrollMargin:a,getItemKey:r,enabled:i}),{key:!1}),this.getMeasurements=Gn(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:t,paddingStart:o,scrollMargin:a,getItemKey:r,enabled:i},l)=>{if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(u=>{this.itemSizeCache.set(u.key,u.size)}));const d=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const c=this.measurementsCache.slice(0,d);for(let u=d;u<t;u++){const g=r(u),m=this.options.lanes===1?c[u-1]:this.getFurthestMeasurement(c,u),h=m?m.end+this.options.gap:o+a,p=l.get(g),f=typeof p=="number"?p:this.options.estimateSize(u),v=h+f,x=m?m.lane:u%this.options.lanes;c[u]={index:u,start:h,size:f,end:v,key:g,lane:x}}return this.measurementsCache=c,c},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Gn(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(t,o,a)=>this.range=t.length>0&&o>0?tx({measurements:t,outerSize:o,scrollOffset:a}):null,{key:!1,debug:()=>this.options.debug}),this.getIndexes=Gn(()=>[this.options.rangeExtractor,this.calculateRange(),this.options.overscan,this.options.count],(t,o,a,r)=>o===null?[]:t({startIndex:o.startIndex,endIndex:o.endIndex,overscan:a,count:r}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=t=>{const o=this.options.indexAttribute,a=t.getAttribute(o);return a?parseInt(a,10):-1},this._measureElement=(t,o)=>{const a=this.indexFromElement(t),r=this.measurementsCache[a];if(!r)return;const i=r.key,l=this.elementsCache.get(i);l!==t&&(l&&this.observer.unobserve(l),this.observer.observe(t),this.elementsCache.set(i,t)),t.isConnected&&this.resizeItem(a,this.options.measureElement(t,o,this))},this.resizeItem=(t,o)=>{const a=this.measurementsCache[t];if(!a)return;const r=this.itemSizeCache.get(a.key)??a.size,i=o-r;i!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(a,i,this):a.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=i,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(a.index),this.itemSizeCache=new Map(this.itemSizeCache.set(a.key,o)),this.notify(!1))},this.measureElement=t=>{if(!t){this.elementsCache.forEach((o,a)=>{o.isConnected||(this.observer.unobserve(o),this.elementsCache.delete(a))});return}this._measureElement(t,void 0)},this.getVirtualItems=Gn(()=>[this.getIndexes(),this.getMeasurements()],(t,o)=>{const a=[];for(let r=0,i=t.length;r<i;r++){const l=t[r],d=o[l];a.push(d)}return a},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=t=>{const o=this.getMeasurements();if(o.length!==0)return da(o[Oc(0,o.length-1,a=>da(o[a]).start,t)])},this.getOffsetForAlignment=(t,o)=>{const a=this.getSize(),r=this.getScrollOffset();o==="auto"&&t>=r+a&&(o="end"),o==="end"&&(t-=a);const i=this.options.horizontal?"scrollWidth":"scrollHeight",d=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[i]:this.scrollElement[i]:0)-a;return Math.max(Math.min(d,t),0)},this.getOffsetForIndex=(t,o="auto")=>{t=Math.max(0,Math.min(t,this.options.count-1));const a=this.measurementsCache[t];if(!a)return;const r=this.getSize(),i=this.getScrollOffset();if(o==="auto")if(a.end>=i+r-this.options.scrollPaddingEnd)o="end";else if(a.start<=i+this.options.scrollPaddingStart)o="start";else return[i,o];const l=a.start-this.options.scrollPaddingStart+(a.size-r)/2;switch(o){case"center":return[this.getOffsetForAlignment(l,o),o];case"end":return[this.getOffsetForAlignment(a.end+this.options.scrollPaddingEnd,o),o];default:return[this.getOffsetForAlignment(a.start-this.options.scrollPaddingStart,o),o]}},this.isDynamicMode=()=>this.elementsCache.size>0,this.cancelScrollToIndex=()=>{this.scrollToIndexTimeoutId!==null&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=(t,{align:o="start",behavior:a}={})=>{this.cancelScrollToIndex(),a==="smooth"&&this.isDynamicMode(),this._scrollToOffset(this.getOffsetForAlignment(t,o),{adjustments:void 0,behavior:a})},this.scrollToIndex=(t,{align:o="auto",behavior:a}={})=>{t=Math.max(0,Math.min(t,this.options.count-1)),this.cancelScrollToIndex(),a==="smooth"&&this.isDynamicMode();const r=this.getOffsetForIndex(t,o);if(!r)return;const[i,l]=r;this._scrollToOffset(i,{adjustments:void 0,behavior:a}),a!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(t))){const[c]=da(this.getOffsetForIndex(t,l));qv(c,this.getScrollOffset())||this.scrollToIndex(t,{align:l,behavior:a})}else this.scrollToIndex(t,{align:l,behavior:a})}))},this.scrollBy=(t,{behavior:o}={})=>{this.cancelScrollToIndex(),o==="smooth"&&this.isDynamicMode(),this._scrollToOffset(this.getScrollOffset()+t,{adjustments:void 0,behavior:o})},this.getTotalSize=()=>{var t;const o=this.getMeasurements();let a;return o.length===0?a=this.options.paddingStart:a=this.options.lanes===1?((t=o[o.length-1])==null?void 0:t.end)??0:Math.max(...o.slice(-this.options.lanes)?.map(r=>r.end)),Math.max(a-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(t,{adjustments:o,behavior:a})=>{this.options.scrollToFn(t,{behavior:a,adjustments:o},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(n)}}const Oc=(e,n,t,o)=>{for(;e<=n;){const a=(e+n)/2|0,r=t(a);if(r<o)e=a+1;else if(r>o)n=a-1;else return a}return e>0?e-1:0};function tx({measurements:e,outerSize:n,scrollOffset:t}){const o=e.length-1,r=Oc(0,o,l=>e[l].start,t);let i=r;for(;i<o&&e[i].end<t+n;)i++;return{startIndex:r,endIndex:i}}const Gi=typeof document<"u"?y.useLayoutEffect:y.useEffect;function nx(e){const n=y.useReducer(()=>({}),{})[1],t={...e,onChange:(a,r)=>{var i;r?ul.flushSync(n):n(),(i=e.onChange)==null||i.call(e,a,r)}},[o]=y.useState(()=>new ex(t));return o.setOptions(t),Gi(()=>o._didMount(),[]),Gi(()=>o._willUpdate()),o}function Ac(e){return nx({observeElementRect:Yv,observeElementOffset:Xv,scrollToFn:Jv,...e})}function sx({direction:e,levelIndex:n,rowIndex:t,cellIndex:o,size:a}){switch(e){case"up":return n===0&&t===0?null:t===0?{levelIndex:n-1,rowIndex:o<=a[n-1][a[n-1].length-1]-1?a[n-1].length-1:a[n-1].length-2,cellIndex:o}:{levelIndex:n,rowIndex:t-1,cellIndex:o};case"down":return t===a[n].length-1?{levelIndex:n+1,rowIndex:0,cellIndex:o}:t===a[n].length-2&&o>=a[n][a[n].length-1]?{levelIndex:n+1,rowIndex:0,cellIndex:o}:{levelIndex:n,rowIndex:t+1,cellIndex:o};case"left":return n===0&&t===0&&o===0?null:t===0&&o===0?{levelIndex:n-1,rowIndex:a[n-1].length-1,cellIndex:a[n-1][a[n-1].length-1]-1}:o===0?{levelIndex:n,rowIndex:t-1,cellIndex:a[n][t-1]-1}:{levelIndex:n,rowIndex:t,cellIndex:o-1};case"right":return t===a[n].length-1&&o===a[n][t]-1?{levelIndex:n+1,rowIndex:0,cellIndex:0}:o===a[n][t]-1?{levelIndex:n,rowIndex:t+1,cellIndex:0}:{levelIndex:n,rowIndex:t,cellIndex:o+1};default:return{levelIndex:n,rowIndex:t,cellIndex:o}}}function zc({controlsRef:e,direction:n,levelIndex:t,rowIndex:o,cellIndex:a,size:r}){var d,c,u;const i=sx({direction:n,size:r,rowIndex:o,cellIndex:a,levelIndex:t});if(!i)return;const l=(u=(c=(d=e.current)==null?void 0:d[i.levelIndex])==null?void 0:c[i.rowIndex])==null?void 0:u[i.cellIndex];l&&(l.disabled||l.getAttribute("data-hidden")||l.getAttribute("data-outside")?zc({controlsRef:e,direction:n,levelIndex:i.levelIndex,cellIndex:i.cellIndex,rowIndex:i.rowIndex,size:r}):l.focus())}function ox(e){switch(e){case"ArrowDown":return"down";case"ArrowUp":return"up";case"ArrowRight":return"right";case"ArrowLeft":return"left";default:return null}}function ax(e){var n;return(n=e.current)==null?void 0:n?.map(t=>t?.map(o=>o.length))}function Yr({controlsRef:e,levelIndex:n,rowIndex:t,cellIndex:o,event:a}){const r=ox(a.key);if(r){a.preventDefault();const i=ax(e);zc({controlsRef:e,direction:r,levelIndex:n,rowIndex:t,cellIndex:o,size:i})}}function rx(e,n){if(!e||!n)return n;const t=e.getHours(),o=e.getMinutes(),a=e.getSeconds(),r=e.getMilliseconds(),i=new Date(n);return i.setHours(t),i.setMinutes(o),i.setSeconds(a),i.setMilliseconds(r),i}var Qs={exports:{}},ix=Qs.exports,qi;function lx(){return qi||(qi=1,(function(e,n){(function(t,o){e.exports=o()})(ix,(function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},o={};return function(a,r,i){var l,d=function(m,h,p){p===void 0&&(p={});var f=new Date(m),v=(function(x,b){b===void 0&&(b={});var w=b.timeZoneName||"short",C=x+"|"+w,j=o[C];return j||(j=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:x,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:w}),o[C]=j),j})(h,p);return v.formatToParts(f)},c=function(m,h){for(var p=d(m,h),f=[],v=0;v<p.length;v+=1){var x=p[v],b=x.type,w=x.value,C=t[b];C>=0&&(f[C]=parseInt(w,10))}var j=f[3],M=j===24?0:j,k=f[0]+"-"+f[1]+"-"+f[2]+" "+M+":"+f[4]+":"+f[5]+":000",S=+m;return(i.utc(k).valueOf()-(S-=S%1e3))/6e4},u=r.prototype;u.tz=function(m,h){m===void 0&&(m=l);var p,f=this.utcOffset(),v=this.toDate(),x=v.toLocaleString("en-US",{timeZone:m}),b=Math.round((v-new Date(x))/1e3/60),w=15*-Math.round(v.getTimezoneOffset()/15)-b;if(!Number(w))p=this.utcOffset(0,h);else if(p=i(x,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(w,!0),h){var C=p.utcOffset();p=p.add(f-C,"minute")}return p.$x.$timezone=m,p},u.offsetName=function(m){var h=this.$x.$timezone||i.tz.guess(),p=d(this.valueOf(),h,{timeZoneName:m}).find((function(f){return f.type.toLowerCase()==="timezonename"}));return p&&p.value};var g=u.startOf;u.startOf=function(m,h){if(!this.$x||!this.$x.$timezone)return g.call(this,m,h);var p=i(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return g.call(p,m,h).tz(this.$x.$timezone,!0)},i.tz=function(m,h,p){var f=p&&h,v=p||h||l,x=c(+i(),v);if(typeof m!="string")return i(m).tz(v);var b=(function(M,k,S){var T=M-60*k*1e3,N=c(T,S);if(k===N)return[T,k];var F=c(T-=60*(N-k)*1e3,S);return N===F?[T,N]:[M-60*Math.min(N,F)*1e3,Math.max(N,F)]})(i.utc(m,f).valueOf(),x,v),w=b[0],C=b[1],j=i(w).utcOffset(C);return j.$x.$timezone=v,j},i.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},i.tz.setDefault=function(m){l=m}}}))})(Qs)),Qs.exports}var cx=lx();const dx=Za(cx);var Xs={exports:{}},ux=Xs.exports,Wi;function gx(){return Wi||(Wi=1,(function(e,n){(function(t,o){e.exports=o()})(ux,(function(){var t="minute",o=/[+-]\d\d(?::?\d\d)?/g,a=/([+-]|\d\d)/g;return function(r,i,l){var d=i.prototype;l.utc=function(f){var v={date:f,utc:!0,args:arguments};return new i(v)},d.utc=function(f){var v=l(this.toDate(),{locale:this.$L,utc:!0});return f?v.add(this.utcOffset(),t):v},d.local=function(){return l(this.toDate(),{locale:this.$L,utc:!1})};var c=d.parse;d.parse=function(f){f.utc&&(this.$u=!0),this.$utils().u(f.$offset)||(this.$offset=f.$offset),c.call(this,f)};var u=d.init;d.init=function(){if(this.$u){var f=this.$d;this.$y=f.getUTCFullYear(),this.$M=f.getUTCMonth(),this.$D=f.getUTCDate(),this.$W=f.getUTCDay(),this.$H=f.getUTCHours(),this.$m=f.getUTCMinutes(),this.$s=f.getUTCSeconds(),this.$ms=f.getUTCMilliseconds()}else u.call(this)};var g=d.utcOffset;d.utcOffset=function(f,v){var x=this.$utils().u;if(x(f))return this.$u?0:x(this.$offset)?g.call(this):this.$offset;if(typeof f=="string"&&(f=(function(j){j===void 0&&(j="");var M=j.match(o);if(!M)return null;var k=(""+M[0]).match(a)||["-",0,0],S=k[0],T=60*+k[1]+ +k[2];return T===0?0:S==="+"?T:-T})(f),f===null))return this;var b=Math.abs(f)<=16?60*f:f;if(b===0)return this.utc(v);var w=this.clone();if(v)return w.$offset=b,w.$u=!1,w;var C=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();return(w=this.local().add(b+C,t)).$offset=b,w.$x.$localOffset=C,w};var m=d.format;d.format=function(f){var v=f||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return m.call(this,v)},d.valueOf=function(){var f=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*f},d.isUTC=function(){return!!this.$u},d.toISOString=function(){return this.toDate().toISOString()},d.toString=function(){return this.toDate().toUTCString()};var h=d.toDate;d.toDate=function(f){return f==="s"&&this.$offset?l(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():h.call(this)};var p=d.diff;d.diff=function(f,v,x){if(f&&this.$u===f.$u)return p.call(this,f,v,x);var b=this.local(),w=l(f).local();return p.call(b,w,v,x)}}}))})(Xs)),Xs.exports}var mx=gx();const hx=Za(mx);Ce.extend(hx);Ce.extend(dx);function px(e,n){return n?Ce(e).tz(n).utcOffset()+e.getTimezoneOffset():0}const Ki=(e,n,t)=>{if(!e)return null;if(!n)return e;let o=px(e,n);return t==="remove"&&(o*=-1),Ce(e).add(o,"minutes").toDate()};function On(e,n,t,o){return o||!n?n:Array.isArray(n)?n?.map(a=>Ki(a,t,e)):Ki(n,t,e)}const fx={locale:"en",timezone:null,firstDayOfWeek:1,weekendDays:[0,6],labelSeparator:"–",consistentWeeks:!1},vx=y.createContext(fx);function qt(){const e=y.useContext(vx),n=y.useCallback(i=>i||e.locale,[e.locale]),t=y.useCallback(i=>i||e.timezone||void 0,[e.timezone]),o=y.useCallback(i=>typeof i=="number"?i:e.firstDayOfWeek,[e.firstDayOfWeek]),a=y.useCallback(i=>Array.isArray(i)?i:e.weekendDays,[e.weekendDays]),r=y.useCallback(i=>typeof i=="string"?i:e.labelSeparator,[e.labelSeparator]);return{...e,getLocale:n,getTimezone:t,getFirstDayOfWeek:o,getWeekendDays:a,getLabelSeparator:r}}function xx(e,n){const t=qt(),o=a=>On("remove",a,t.getTimezone()).toISOString();if(n==="range"&&Array.isArray(e)){const[a,r]=e;return a?r?`${o(a)} – ${o(r)}`:`${o(a)} –`:""}return n==="multiple"&&Array.isArray(e)?e?.map(a=>a&&o(a)).filter(Boolean).join(", "):!Array.isArray(e)&&e?o(e):""}function $c({value:e,type:n,name:t,form:o}){return s.jsx("input",{type:"hidden",value:xx(e,n),name:t,form:o})}$c.displayName="@mantine/dates/HiddenDatesInput";var Lc={day:"m_396ce5cb"};const bx={},yx=Ye((e,{size:n})=>({day:{"--day-size":Qe(n,"day-size")}})),Qr=ye((e,n)=>{const t=ge("Day",bx,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,date:c,disabled:u,__staticSelector:g,weekend:m,outside:h,selected:p,renderDay:f,inRange:v,firstInRange:x,lastInRange:b,hidden:w,static:C,highlightToday:j,...M}=t,k=Be({name:g||"Day",classes:Lc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:yx,rootSelector:"day"}),S=qt();return s.jsx(Et,{...k("day",{style:w?{display:"none"}:void 0}),component:C?"div":"button",ref:n,disabled:u,"data-today":Ce(c).isSame(On("add",new Date,S.getTimezone()),"day")||void 0,"data-hidden":w||void 0,"data-highlight-today":j||void 0,"data-disabled":u||void 0,"data-weekend":!u&&!h&&m||void 0,"data-outside":!u&&h||void 0,"data-selected":!u&&p||void 0,"data-in-range":v&&!u||void 0,"data-first-in-range":x&&!u||void 0,"data-last-in-range":b&&!u||void 0,"data-static":C||void 0,unstyled:l,...M,children:(f==null?void 0:f(c))||Ce(c).date()})});Qr.classes=Lc;Qr.displayName="@mantine/dates/Day";function wx({locale:e,format:n="dd",firstDayOfWeek:t=1}){const o=Ce().day(t),a=[];for(let r=0;r<7;r+=1)typeof n=="string"?a.push(Ce(o).add(r,"days").locale(e).format(n)):a.push(n(Ce(o).add(r,"days").toDate()));return a}var Vc={weekday:"m_18a3eca"};const jx={},Cx=Ye((e,{size:n})=>({weekdaysRow:{"--wr-fz":kt(n),"--wr-spacing":xt(n)}})),Xr=ye((e,n)=>{const t=ge("WeekdaysRow",jx,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,locale:c,firstDayOfWeek:u,weekdayFormat:g,cellComponent:m="th",__staticSelector:h,withWeekNumbers:p,...f}=t,v=Be({name:h||"WeekdaysRow",classes:Vc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Cx,rootSelector:"weekdaysRow"}),x=qt(),b=wx({locale:x.getLocale(c),format:g,firstDayOfWeek:x.getFirstDayOfWeek(u)})?.map((w,C)=>s.jsx(m,{...v("weekday"),children:w},C));return s.jsxs(G,{component:"tr",ref:n,...v("weekdaysRow"),...f,children:[p&&s.jsx(m,{...v("weekday"),children:"#"}),b]})});Xr.classes=Vc;Xr.displayName="@mantine/dates/WeekdaysRow";function Sx(e,n=1){let t=Ce(e);const o=n===0?6:n-1;for(;t.day()!==o;)t=t.add(1,"day");return t.toDate()}function _x(e,n=1){let t=Ce(e);for(;t.day()!==n;)t=t.subtract(1,"day");return t.toDate()}function Mx({month:e,firstDayOfWeek:n=1,consistentWeeks:t}){const o=Ce(e).subtract(Ce(e).date()-1,"day"),a=Ce(o).startOf("day"),r=a.toDate(),i=a.add(+a.daysInMonth()-1,"day").toDate(),l=Sx(i,n),d=_x(r,n),c=[];for(;d<=l;){const u=[];for(let g=0;g<7;g+=1)u.push(new Date(d)),d.setDate(d.getDate()+1);c.push(u)}if(t&&c.length<6){const u=c[c.length-1],g=u[u.length-1],m=new Date(g);for(m.setDate(m.getDate()+1);c.length<6;){const h=[];for(let p=0;p<7;p+=1)h.push(new Date(m)),m.setDate(m.getDate()+1);c.push(h)}}return c}function Bc(e,n){return Ce(e).format("YYYY-MM")===Ce(n).format("YYYY-MM")}function Uc(e,n){return n instanceof Date?Ce(e).isAfter(Ce(n).subtract(1,"day"),"day"):!0}function Hc(e,n){return n instanceof Date?Ce(e).isBefore(Ce(n).add(1,"day"),"day"):!0}function Rx(e,n,t,o,a,r,i){const l=e.flat().filter(u=>{var g;return Hc(u,t)&&Uc(u,n)&&!(a!=null&&a(u))&&!((g=o==null?void 0:o(u))!=null&&g.disabled)&&(!r||Bc(u,i))}),d=l.find(u=>{var g;return(g=o==null?void 0:o(u))==null?void 0:g.selected});if(d)return d;const c=l.find(u=>Ce().isSame(u,"date"));return c||l[0]}var Zs={exports:{}},Nx=Zs.exports,Yi;function kx(){return Yi||(Yi=1,(function(e,n){(function(t,o){e.exports=o()})(Nx,(function(){var t="day";return function(o,a,r){var i=function(c){return c.add(4-c.isoWeekday(),t)},l=a.prototype;l.isoWeekYear=function(){return i(this).year()},l.isoWeek=function(c){if(!this.$utils().u(c))return this.add(7*(c-this.isoWeek()),t);var u,g,m,h,p=i(this),f=(u=this.isoWeekYear(),g=this.$u,m=(g?r.utc:r)().year(u).startOf("year"),h=4-m.isoWeekday(),m.isoWeekday()>4&&(h+=7),m.add(h,t));return p.diff(f,"week")+1},l.isoWeekday=function(c){return this.$utils().u(c)?this.day()||7:this.day(this.day()%7?c:c-7)};var d=l.startOf;l.startOf=function(c,u){var g=this.$utils(),m=!!g.u(u)||u;return g.p(c)==="isoweek"?m?this.date(this.date()-(this.isoWeekday()-1)).startOf("day"):this.date(this.date()-1-(this.isoWeekday()-1)+7).endOf("day"):d.bind(this)(c,u)}}}))})(Zs)),Zs.exports}var Dx=kx();const Tx=Za(Dx);Ce.extend(Tx);function Ix(e){const n=e.find(t=>Ce(t).day()===1);return Ce(n).isoWeek()}var Gc={month:"m_cc9820d3",monthCell:"m_8f457cd5",weekNumber:"m_6cff9dea"};const Fx={withCellSpacing:!0},Px=Ye((e,{size:n})=>({weekNumber:{"--wn-fz":kt(n),"--wn-size":Qe(n,"wn-size")}})),Oo=ye((e,n)=>{const t=ge("Month",Fx,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,__staticSelector:c,locale:u,firstDayOfWeek:g,weekdayFormat:m,month:h,weekendDays:p,getDayProps:f,excludeDate:v,minDate:x,maxDate:b,renderDay:w,hideOutsideDates:C,hideWeekdays:j,getDayAriaLabel:M,static:k,__getDayRef:S,__onDayKeyDown:T,__onDayClick:N,__onDayMouseEnter:F,__preventFocus:E,__stopPropagation:V,withCellSpacing:L,size:B,highlightToday:_,withWeekNumbers:D,...O}=t,P=Be({name:c||"Month",classes:Gc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Px,rootSelector:"month"}),$=qt(),z=Mx({month:h,firstDayOfWeek:$.getFirstDayOfWeek(g),consistentWeeks:$.consistentWeeks}),H=Rx(z,x,b,f,v,C,h),{resolvedClassNames:ae,resolvedStyles:ie}=_n({classNames:o,styles:i,props:t}),Q=z?.map((se,te)=>{const Z=se?.map((I,Y)=>{const ce=!Bc(I,h),ee=(M==null?void 0:M(I))||Ce(I).locale(u||$.locale).format("D MMMM YYYY"),W=f==null?void 0:f(I),me=Ce(I).isSame(H,"date");return s.jsx("td",{...P("monthCell"),"data-with-spacing":L||void 0,children:s.jsx(Qr,{__staticSelector:c||"Month",classNames:ae,styles:ie,unstyled:l,"data-mantine-stop-propagation":V||void 0,highlightToday:_,renderDay:w,date:I,size:B,weekend:$.getWeekendDays(p).includes(I.getDay()),outside:ce,hidden:C?ce:!1,"aria-label":ee,static:k,disabled:(v==null?void 0:v(I))||!Hc(I,b)||!Uc(I,x),ref:le=>S==null?void 0:S(te,Y,le),...W,onKeyDown:le=>{var de;(de=W==null?void 0:W.onKeyDown)==null||de.call(W,le),T==null||T(le,{rowIndex:te,cellIndex:Y,date:I})},onMouseEnter:le=>{var de;(de=W==null?void 0:W.onMouseEnter)==null||de.call(W,le),F==null||F(le,I)},onClick:le=>{var de;(de=W==null?void 0:W.onClick)==null||de.call(W,le),N==null||N(le,I)},onMouseDown:le=>{var de;(de=W==null?void 0:W.onMouseDown)==null||de.call(W,le),E&&le.preventDefault()},tabIndex:E||!me?-1:0})},I.toString())});return s.jsxs("tr",{...P("monthRow"),children:[D&&s.jsx("td",{...P("weekNumber"),children:Ix(se)}),Z]},te)});return s.jsxs(G,{component:"table",...P("month"),size:B,ref:n,...O,children:[!j&&s.jsx("thead",{...P("monthThead"),children:s.jsx(Xr,{__staticSelector:c||"Month",locale:u,firstDayOfWeek:g,weekdayFormat:m,size:B,classNames:ae,styles:ie,unstyled:l,withWeekNumbers:D})}),s.jsx("tbody",{...P("monthTbody"),children:Q})]})});Oo.classes=Gc;Oo.displayName="@mantine/dates/Month";var qc={pickerControl:"m_dc6a3c71"};const Ex={},Ox=Ye((e,{size:n})=>({pickerControl:{"--dpc-fz":kt(n),"--dpc-size":Qe(n,"dpc-size")}})),Ao=ye((e,n)=>{const t=ge("PickerControl",Ex,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,firstInRange:c,lastInRange:u,inRange:g,__staticSelector:m,selected:h,disabled:p,...f}=t,v=Be({name:m||"PickerControl",classes:qc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Ox,rootSelector:"pickerControl"});return s.jsx(Et,{...v("pickerControl"),ref:n,unstyled:l,"data-picker-control":!0,"data-selected":h&&!p||void 0,"data-disabled":p||void 0,"data-in-range":g&&!p&&!h||void 0,"data-first-in-range":c&&!p||void 0,"data-last-in-range":u&&!p||void 0,disabled:p,...f})});Ao.classes=qc;Ao.displayName="@mantine/dates/PickerControl";function Wc(e,n,t){return!n&&!t?!1:!!(n&&Ce(e).isBefore(n,"year")||t&&Ce(e).isAfter(t,"year"))}function Ax(e,n,t,o){const a=e.flat().filter(l=>{var d;return!Wc(l,n,t)&&!((d=o==null?void 0:o(l))!=null&&d.disabled)}),r=a.find(l=>{var d;return(d=o==null?void 0:o(l))==null?void 0:d.selected});if(r)return r;const i=a.find(l=>Ce().isSame(l,"year"));return i||a[0]}function Kc(e){const n=e.getFullYear(),t=n-n%10;let o=0;const a=[[],[],[],[]];for(let r=0;r<4;r+=1){const i=r===3?1:3;for(let l=0;l<i;l+=1)a[r].push(new Date(t+o,0)),o+=1}return a}var Yc={yearsList:"m_9206547b",yearsListCell:"m_c5a19c7d"};const zx={yearsListFormat:"YYYY",withCellSpacing:!0},zo=ye((e,n)=>{const t=ge("YearsList",zx,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,decade:c,yearsListFormat:u,locale:g,minDate:m,maxDate:h,getYearControlProps:p,__staticSelector:f,__getControlRef:v,__onControlKeyDown:x,__onControlClick:b,__onControlMouseEnter:w,__preventFocus:C,__stopPropagation:j,withCellSpacing:M,size:k,...S}=t,T=Be({name:f||"YearsList",classes:Yc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,rootSelector:"yearsList"}),N=qt(),F=Kc(c),E=Ax(F,m,h,p),V=F?.map((L,B)=>{const _=L?.map((D,O)=>{const P=p==null?void 0:p(D),$=Ce(D).isSame(E,"year");return s.jsx("td",{...T("yearsListCell"),"data-with-spacing":M||void 0,children:s.jsx(Ao,{...T("yearsListControl"),size:k,unstyled:l,"data-mantine-stop-propagation":j||void 0,disabled:Wc(D,m,h),ref:z=>v==null?void 0:v(B,O,z),...P,onKeyDown:z=>{var H;(H=P==null?void 0:P.onKeyDown)==null||H.call(P,z),x==null||x(z,{rowIndex:B,cellIndex:O,date:D})},onClick:z=>{var H;(H=P==null?void 0:P.onClick)==null||H.call(P,z),b==null||b(z,D)},onMouseEnter:z=>{var H;(H=P==null?void 0:P.onMouseEnter)==null||H.call(P,z),w==null||w(z,D)},onMouseDown:z=>{var H;(H=P==null?void 0:P.onMouseDown)==null||H.call(P,z),C&&z.preventDefault()},tabIndex:C||!$?-1:0,children:Ce(D).locale(N.getLocale(g)).format(u)})},O)});return s.jsx("tr",{...T("yearsListRow"),children:_},B)});return s.jsx(G,{component:"table",ref:n,size:k,...T("yearsList"),...S,children:s.jsx("tbody",{children:V})})});zo.classes=Yc;zo.displayName="@mantine/dates/YearsList";function Qc(e,n,t){return!n&&!t?!1:!!(n&&Ce(e).isBefore(n,"month")||t&&Ce(e).isAfter(t,"month"))}function $x(e,n,t,o){const a=e.flat().filter(l=>{var d;return!Qc(l,n,t)&&!((d=o==null?void 0:o(l))!=null&&d.disabled)}),r=a.find(l=>{var d;return(d=o==null?void 0:o(l))==null?void 0:d.selected});if(r)return r;const i=a.find(l=>Ce().isSame(l,"month"));return i||a[0]}function Lx(e){const n=Ce(e).startOf("year").toDate(),t=[[],[],[],[]];let o=0;for(let a=0;a<4;a+=1)for(let r=0;r<3;r+=1)t[a].push(Ce(n).add(o,"months").toDate()),o+=1;return t}var Xc={monthsList:"m_2a6c32d",monthsListCell:"m_fe27622f"};const Vx={monthsListFormat:"MMM",withCellSpacing:!0},$o=ye((e,n)=>{const t=ge("MonthsList",Vx,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,__staticSelector:c,year:u,monthsListFormat:g,locale:m,minDate:h,maxDate:p,getMonthControlProps:f,__getControlRef:v,__onControlKeyDown:x,__onControlClick:b,__onControlMouseEnter:w,__preventFocus:C,__stopPropagation:j,withCellSpacing:M,size:k,...S}=t,T=Be({name:c||"MonthsList",classes:Xc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,rootSelector:"monthsList"}),N=qt(),F=Lx(u),E=$x(F,h,p,f),V=F?.map((L,B)=>{const _=L?.map((D,O)=>{const P=f==null?void 0:f(D),$=Ce(D).isSame(E,"month");return s.jsx("td",{...T("monthsListCell"),"data-with-spacing":M||void 0,children:s.jsx(Ao,{...T("monthsListControl"),size:k,unstyled:l,__staticSelector:c||"MonthsList","data-mantine-stop-propagation":j||void 0,disabled:Qc(D,h,p),ref:z=>v==null?void 0:v(B,O,z),...P,onKeyDown:z=>{var H;(H=P==null?void 0:P.onKeyDown)==null||H.call(P,z),x==null||x(z,{rowIndex:B,cellIndex:O,date:D})},onClick:z=>{var H;(H=P==null?void 0:P.onClick)==null||H.call(P,z),b==null||b(z,D)},onMouseEnter:z=>{var H;(H=P==null?void 0:P.onMouseEnter)==null||H.call(P,z),w==null||w(z,D)},onMouseDown:z=>{var H;(H=P==null?void 0:P.onMouseDown)==null||H.call(P,z),C&&z.preventDefault()},tabIndex:C||!$?-1:0,children:Ce(D).locale(N.getLocale(m)).format(g)})},O)});return s.jsx("tr",{...T("monthsListRow"),children:_},B)});return s.jsx(G,{component:"table",ref:n,size:k,...T("monthsList"),...S,children:s.jsx("tbody",{children:V})})});$o.classes=Xc;$o.displayName="@mantine/dates/MonthsList";var Zc={calendarHeader:"m_730a79ed",calendarHeaderLevel:"m_f6645d97",calendarHeaderControl:"m_2351eeb0",calendarHeaderControlIcon:"m_367dc749"};const Bx={nextDisabled:!1,previousDisabled:!1,hasNextLevel:!0,withNext:!0,withPrevious:!0},Ux=Ye((e,{size:n})=>({calendarHeader:{"--dch-control-size":Qe(n,"dch-control-size"),"--dch-fz":kt(n)}})),Rn=ye((e,n)=>{const t=ge("CalendarHeader",Bx,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,nextIcon:c,previousIcon:u,nextLabel:g,previousLabel:m,onNext:h,onPrevious:p,onLevelClick:f,label:v,nextDisabled:x,previousDisabled:b,hasNextLevel:w,levelControlAriaLabel:C,withNext:j,withPrevious:M,__staticSelector:k,__preventFocus:S,__stopPropagation:T,...N}=t,F=Be({name:k||"CalendarHeader",classes:Zc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,varsResolver:Ux,rootSelector:"calendarHeader"}),E=S?V=>V.preventDefault():void 0;return s.jsxs(G,{...F("calendarHeader"),ref:n,...N,children:[M&&s.jsx(Et,{...F("calendarHeaderControl"),"data-direction":"previous","aria-label":m,onClick:p,unstyled:l,onMouseDown:E,disabled:b,"data-disabled":b||void 0,tabIndex:S||b?-1:0,"data-mantine-stop-propagation":T||void 0,children:u||s.jsx(Da,{...F("calendarHeaderControlIcon"),"data-direction":"previous",size:"45%"})}),s.jsx(Et,{component:w?"button":"div",...F("calendarHeaderLevel"),onClick:w?f:void 0,unstyled:l,onMouseDown:w?E:void 0,disabled:!w,"data-static":!w||void 0,"aria-label":C,tabIndex:S||!w?-1:0,"data-mantine-stop-propagation":T||void 0,children:v}),j&&s.jsx(Et,{...F("calendarHeaderControl"),"data-direction":"next","aria-label":g,onClick:h,unstyled:l,onMouseDown:E,disabled:x,"data-disabled":x||void 0,tabIndex:S||x?-1:0,"data-mantine-stop-propagation":T||void 0,children:c||s.jsx(Da,{...F("calendarHeaderControlIcon"),"data-direction":"next",size:"45%"})})]})});Rn.classes=Zc;Rn.displayName="@mantine/dates/CalendarHeader";function Hx(e){const n=Kc(e);return[n[0][0],n[3][0]]}const Gx={decadeLabelFormat:"YYYY"},Lo=ye((e,n)=>{const t=ge("DecadeLevel",Gx,e),{decade:o,locale:a,minDate:r,maxDate:i,yearsListFormat:l,getYearControlProps:d,__getControlRef:c,__onControlKeyDown:u,__onControlClick:g,__onControlMouseEnter:m,withCellSpacing:h,__preventFocus:p,nextIcon:f,previousIcon:v,nextLabel:x,previousLabel:b,onNext:w,onPrevious:C,nextDisabled:j,previousDisabled:M,levelControlAriaLabel:k,withNext:S,withPrevious:T,decadeLabelFormat:N,classNames:F,styles:E,unstyled:V,__staticSelector:L,__stopPropagation:B,size:_,...D}=t,O=qt(),[P,$]=Hx(o),z={__staticSelector:L||"DecadeLevel",classNames:F,styles:E,unstyled:V,size:_},H=typeof j=="boolean"?j:i?!Ce($).endOf("year").isBefore(i):!1,ae=typeof M=="boolean"?M:r?!Ce(P).startOf("year").isAfter(r):!1,ie=(Q,se)=>Ce(Q).locale(a||O.locale).format(se);return s.jsxs(G,{"data-decade-level":!0,size:_,ref:n,...D,children:[s.jsx(Rn,{label:typeof N=="function"?N(P,$):`${ie(P,N)} – ${ie($,N)}`,__preventFocus:p,__stopPropagation:B,nextIcon:f,previousIcon:v,nextLabel:x,previousLabel:b,onNext:w,onPrevious:C,nextDisabled:H,previousDisabled:ae,hasNextLevel:!1,levelControlAriaLabel:k,withNext:S,withPrevious:T,...z}),s.jsx(zo,{decade:o,locale:a,minDate:r,maxDate:i,yearsListFormat:l,getYearControlProps:d,__getControlRef:c,__onControlKeyDown:u,__onControlClick:g,__onControlMouseEnter:m,__preventFocus:p,__stopPropagation:B,withCellSpacing:h,...z})]})});Lo.classes={...zo.classes,...Rn.classes};Lo.displayName="@mantine/dates/DecadeLevel";const qx={yearLabelFormat:"YYYY"},Vo=ye((e,n)=>{const t=ge("YearLevel",qx,e),{year:o,locale:a,minDate:r,maxDate:i,monthsListFormat:l,getMonthControlProps:d,__getControlRef:c,__onControlKeyDown:u,__onControlClick:g,__onControlMouseEnter:m,withCellSpacing:h,__preventFocus:p,nextIcon:f,previousIcon:v,nextLabel:x,previousLabel:b,onNext:w,onPrevious:C,onLevelClick:j,nextDisabled:M,previousDisabled:k,hasNextLevel:S,levelControlAriaLabel:T,withNext:N,withPrevious:F,yearLabelFormat:E,__staticSelector:V,__stopPropagation:L,size:B,classNames:_,styles:D,unstyled:O,...P}=t,$=qt(),z={__staticSelector:V||"YearLevel",classNames:_,styles:D,unstyled:O,size:B},H=typeof M=="boolean"?M:i?!Ce(o).endOf("year").isBefore(i):!1,ae=typeof k=="boolean"?k:r?!Ce(o).startOf("year").isAfter(r):!1;return s.jsxs(G,{"data-year-level":!0,size:B,ref:n,...P,children:[s.jsx(Rn,{label:typeof E=="function"?E(o):Ce(o).locale(a||$.locale).format(E),__preventFocus:p,__stopPropagation:L,nextIcon:f,previousIcon:v,nextLabel:x,previousLabel:b,onNext:w,onPrevious:C,onLevelClick:j,nextDisabled:H,previousDisabled:ae,hasNextLevel:S,levelControlAriaLabel:T,withNext:N,withPrevious:F,...z}),s.jsx($o,{year:o,locale:a,minDate:r,maxDate:i,monthsListFormat:l,getMonthControlProps:d,__getControlRef:c,__onControlKeyDown:u,__onControlClick:g,__onControlMouseEnter:m,__preventFocus:p,__stopPropagation:L,withCellSpacing:h,...z})]})});Vo.classes={...Rn.classes,...$o.classes};Vo.displayName="@mantine/dates/YearLevel";const Wx={monthLabelFormat:"MMMM YYYY"},Bo=ye((e,n)=>{const t=ge("MonthLevel",Wx,e),{month:o,locale:a,firstDayOfWeek:r,weekdayFormat:i,weekendDays:l,getDayProps:d,excludeDate:c,minDate:u,maxDate:g,renderDay:m,hideOutsideDates:h,hideWeekdays:p,getDayAriaLabel:f,__getDayRef:v,__onDayKeyDown:x,__onDayClick:b,__onDayMouseEnter:w,withCellSpacing:C,highlightToday:j,withWeekNumbers:M,__preventFocus:k,__stopPropagation:S,nextIcon:T,previousIcon:N,nextLabel:F,previousLabel:E,onNext:V,onPrevious:L,onLevelClick:B,nextDisabled:_,previousDisabled:D,hasNextLevel:O,levelControlAriaLabel:P,withNext:$,withPrevious:z,monthLabelFormat:H,classNames:ae,styles:ie,unstyled:Q,__staticSelector:se,size:te,static:Z,...I}=t,Y=qt(),ce={__staticSelector:se||"MonthLevel",classNames:ae,styles:ie,unstyled:Q,size:te},ee=typeof _=="boolean"?_:g?!Ce(o).endOf("month").isBefore(g):!1,W=typeof D=="boolean"?D:u?!Ce(o).startOf("month").isAfter(u):!1;return s.jsxs(G,{"data-month-level":!0,size:te,ref:n,...I,children:[s.jsx(Rn,{label:typeof H=="function"?H(o):Ce(o).locale(a||Y.locale).format(H),__preventFocus:k,__stopPropagation:S,nextIcon:T,previousIcon:N,nextLabel:F,previousLabel:E,onNext:V,onPrevious:L,onLevelClick:B,nextDisabled:ee,previousDisabled:W,hasNextLevel:O,levelControlAriaLabel:P,withNext:$,withPrevious:z,...ce}),s.jsx(Oo,{month:o,locale:a,firstDayOfWeek:r,weekdayFormat:i,weekendDays:l,getDayProps:d,excludeDate:c,minDate:u,maxDate:g,renderDay:m,hideOutsideDates:h,hideWeekdays:p,getDayAriaLabel:f,__getDayRef:v,__onDayKeyDown:x,__onDayClick:b,__onDayMouseEnter:w,__preventFocus:k,__stopPropagation:S,static:Z,withCellSpacing:C,highlightToday:j,withWeekNumbers:M,...ce})]})});Bo.classes={...Oo.classes,...Rn.classes};Bo.displayName="@mantine/dates/MonthLevel";var Jc={levelsGroup:"m_30b26e33"};const Kx={},Nn=ye((e,n)=>{const t=ge("LevelsGroup",Kx,e),{classNames:o,className:a,style:r,styles:i,unstyled:l,vars:d,__staticSelector:c,...u}=t,g=Be({name:c||"LevelsGroup",classes:Jc,props:t,className:a,style:r,classNames:o,styles:i,unstyled:l,vars:d,rootSelector:"levelsGroup"});return s.jsx(G,{ref:n,...g("levelsGroup"),...u})});Nn.classes=Jc;Nn.displayName="@mantine/dates/LevelsGroup";const Yx={numberOfColumns:1},Uo=ye((e,n)=>{const t=ge("DecadeLevelGroup",Yx,e),{decade:o,locale:a,minDate:r,maxDate:i,yearsListFormat:l,getYearControlProps:d,__onControlClick:c,__onControlMouseEnter:u,withCellSpacing:g,__preventFocus:m,nextIcon:h,previousIcon:p,nextLabel:f,previousLabel:v,onNext:x,onPrevious:b,nextDisabled:w,previousDisabled:C,classNames:j,styles:M,unstyled:k,__staticSelector:S,__stopPropagation:T,numberOfColumns:N,levelControlAriaLabel:F,decadeLabelFormat:E,size:V,vars:L,...B}=t,_=y.useRef([]),D=Array(N).fill(0)?.map((O,P)=>{const $=Ce(o).add(P*10,"years").toDate();return s.jsx(Lo,{size:V,yearsListFormat:l,decade:$,withNext:P===N-1,withPrevious:P===0,decadeLabelFormat:E,__onControlClick:c,__onControlMouseEnter:u,__onControlKeyDown:(z,H)=>Yr({levelIndex:P,rowIndex:H.rowIndex,cellIndex:H.cellIndex,event:z,controlsRef:_}),__getControlRef:(z,H,ae)=>{Array.isArray(_.current[P])||(_.current[P]=[]),Array.isArray(_.current[P][z])||(_.current[P][z]=[]),_.current[P][z][H]=ae},levelControlAriaLabel:typeof F=="function"?F($):F,locale:a,minDate:r,maxDate:i,__preventFocus:m,__stopPropagation:T,nextIcon:h,previousIcon:p,nextLabel:f,previousLabel:v,onNext:x,onPrevious:b,nextDisabled:w,previousDisabled:C,getYearControlProps:d,__staticSelector:S||"DecadeLevelGroup",classNames:j,styles:M,unstyled:k,withCellSpacing:g},P)});return s.jsx(Nn,{classNames:j,styles:M,__staticSelector:S||"DecadeLevelGroup",ref:n,size:V,unstyled:k,...B,children:D})});Uo.classes={...Nn.classes,...Lo.classes};Uo.displayName="@mantine/dates/DecadeLevelGroup";const Qx={numberOfColumns:1},Ho=ye((e,n)=>{const t=ge("YearLevelGroup",Qx,e),{year:o,locale:a,minDate:r,maxDate:i,monthsListFormat:l,getMonthControlProps:d,__onControlClick:c,__onControlMouseEnter:u,withCellSpacing:g,__preventFocus:m,nextIcon:h,previousIcon:p,nextLabel:f,previousLabel:v,onNext:x,onPrevious:b,onLevelClick:w,nextDisabled:C,previousDisabled:j,hasNextLevel:M,classNames:k,styles:S,unstyled:T,__staticSelector:N,__stopPropagation:F,numberOfColumns:E,levelControlAriaLabel:V,yearLabelFormat:L,size:B,vars:_,...D}=t,O=y.useRef([]),P=Array(E).fill(0)?.map(($,z)=>{const H=Ce(o).add(z,"years").toDate();return s.jsx(Vo,{size:B,monthsListFormat:l,year:H,withNext:z===E-1,withPrevious:z===0,yearLabelFormat:L,__stopPropagation:F,__onControlClick:c,__onControlMouseEnter:u,__onControlKeyDown:(ae,ie)=>Yr({levelIndex:z,rowIndex:ie.rowIndex,cellIndex:ie.cellIndex,event:ae,controlsRef:O}),__getControlRef:(ae,ie,Q)=>{Array.isArray(O.current[z])||(O.current[z]=[]),Array.isArray(O.current[z][ae])||(O.current[z][ae]=[]),O.current[z][ae][ie]=Q},levelControlAriaLabel:typeof V=="function"?V(H):V,locale:a,minDate:r,maxDate:i,__preventFocus:m,nextIcon:h,previousIcon:p,nextLabel:f,previousLabel:v,onNext:x,onPrevious:b,onLevelClick:w,nextDisabled:C,previousDisabled:j,hasNextLevel:M,getMonthControlProps:d,classNames:k,styles:S,unstyled:T,__staticSelector:N||"YearLevelGroup",withCellSpacing:g},z)});return s.jsx(Nn,{classNames:k,styles:S,__staticSelector:N||"YearLevelGroup",ref:n,size:B,unstyled:T,...D,children:P})});Ho.classes={...Vo.classes,...Nn.classes};Ho.displayName="@mantine/dates/YearLevelGroup";const Xx={numberOfColumns:1},Go=ye((e,n)=>{const t=ge("MonthLevelGroup",Xx,e),{month:o,locale:a,firstDayOfWeek:r,weekdayFormat:i,weekendDays:l,getDayProps:d,excludeDate:c,minDate:u,maxDate:g,renderDay:m,hideOutsideDates:h,hideWeekdays:p,getDayAriaLabel:f,__onDayClick:v,__onDayMouseEnter:x,withCellSpacing:b,highlightToday:w,withWeekNumbers:C,__preventFocus:j,nextIcon:M,previousIcon:k,nextLabel:S,previousLabel:T,onNext:N,onPrevious:F,onLevelClick:E,nextDisabled:V,previousDisabled:L,hasNextLevel:B,classNames:_,styles:D,unstyled:O,numberOfColumns:P,levelControlAriaLabel:$,monthLabelFormat:z,__staticSelector:H,__stopPropagation:ae,size:ie,static:Q,vars:se,...te}=t,Z=y.useRef([]),I=Array(P).fill(0)?.map((Y,ce)=>{const ee=Ce(o).add(ce,"months").toDate();return s.jsx(Bo,{month:ee,withNext:ce===P-1,withPrevious:ce===0,monthLabelFormat:z,__stopPropagation:ae,__onDayClick:v,__onDayMouseEnter:x,__onDayKeyDown:(W,me)=>Yr({levelIndex:ce,rowIndex:me.rowIndex,cellIndex:me.cellIndex,event:W,controlsRef:Z}),__getDayRef:(W,me,le)=>{Array.isArray(Z.current[ce])||(Z.current[ce]=[]),Array.isArray(Z.current[ce][W])||(Z.current[ce][W]=[]),Z.current[ce][W][me]=le},levelControlAriaLabel:typeof $=="function"?$(ee):$,locale:a,firstDayOfWeek:r,weekdayFormat:i,weekendDays:l,getDayProps:d,excludeDate:c,minDate:u,maxDate:g,renderDay:m,hideOutsideDates:h,hideWeekdays:p,getDayAriaLabel:f,__preventFocus:j,nextIcon:M,previousIcon:k,nextLabel:S,previousLabel:T,onNext:N,onPrevious:F,onLevelClick:E,nextDisabled:V,previousDisabled:L,hasNextLevel:B,classNames:_,styles:D,unstyled:O,__staticSelector:H||"MonthLevelGroup",size:ie,static:Q,withCellSpacing:b,highlightToday:w,withWeekNumbers:C},ce)});return s.jsx(Nn,{classNames:_,styles:D,__staticSelector:H||"MonthLevelGroup",ref:n,size:ie,...te,children:I})});Go.classes={...Nn.classes,...Bo.classes};Go.displayName="@mantine/dates/MonthLevelGroup";const Qi=e=>e==="range"?[null,null]:e==="multiple"?[]:null;function Va({type:e,value:n,defaultValue:t,onChange:o,applyTimezone:a=!0}){const r=y.useRef(e),i=qt(),[l,d,c]=$t({value:On("add",n,i.getTimezone(),!a),defaultValue:On("add",t,i.getTimezone(),!a),finalValue:Qi(e),onChange:g=>{o==null||o(On("remove",g,i.getTimezone(),!a))}});let u=l;return r.current!==e&&(r.current=e,n===void 0&&(u=t!==void 0?t:Qi(e),d(u))),[u,d,c]}function ua(e,n){return e?e==="month"?0:e==="year"?1:2:n||0}function Zx(e){return e===0?"month":e===1?"year":"decade"}function ms(e,n,t){return Zx(En(ua(e,0),ua(n,0),ua(t,2)))}const Jx={maxLevel:"decade",minLevel:"month",__updateDateOnYearSelect:!0,__updateDateOnMonthSelect:!0},qo=ye((e,n)=>{const t=ge("Calendar",Jx,e),{vars:o,maxLevel:a,minLevel:r,defaultLevel:i,level:l,onLevelChange:d,date:c,defaultDate:u,onDateChange:g,numberOfColumns:m,columnsToScroll:h,ariaLabels:p,nextLabel:f,previousLabel:v,onYearSelect:x,onMonthSelect:b,onYearMouseEnter:w,onMonthMouseEnter:C,__updateDateOnYearSelect:j,__updateDateOnMonthSelect:M,firstDayOfWeek:k,weekdayFormat:S,weekendDays:T,getDayProps:N,excludeDate:F,renderDay:E,hideOutsideDates:V,hideWeekdays:L,getDayAriaLabel:B,monthLabelFormat:_,nextIcon:D,previousIcon:O,__onDayClick:P,__onDayMouseEnter:$,withCellSpacing:z,highlightToday:H,withWeekNumbers:ae,monthsListFormat:ie,getMonthControlProps:Q,yearLabelFormat:se,yearsListFormat:te,getYearControlProps:Z,decadeLabelFormat:I,classNames:Y,styles:ce,unstyled:ee,minDate:W,maxDate:me,locale:le,__staticSelector:de,size:K,__preventFocus:A,__stopPropagation:ne,onNextDecade:be,onPreviousDecade:ve,onNextYear:Se,onPreviousYear:we,onNextMonth:U,onPreviousMonth:q,static:oe,__timezoneApplied:Ie,...he}=t,{resolvedClassNames:X,resolvedStyles:_e}=_n({classNames:Y,styles:ce,props:t}),[Oe,Xe]=$t({value:l?ms(l,r,a):void 0,defaultValue:i?ms(i,r,a):void 0,finalValue:ms(void 0,r,a),onChange:d}),[ot,et]=Va({type:"default",value:c,defaultValue:u,onChange:g,applyTimezone:!Ie}),J={__staticSelector:de||"Calendar",styles:_e,classNames:X,unstyled:ee,size:K},Ae=qt(),$e=h||m||1,re=new Date,Ke=W&&W>re?W:re,Le=ot||On("add",Ke,Ae.getTimezone()),lt=()=>{const tt=Ce(Le).add($e,"month").toDate();U==null||U(tt),et(tt)},It=()=>{const tt=Ce(Le).subtract($e,"month").toDate();q==null||q(tt),et(tt)},at=()=>{const tt=Ce(Le).add($e,"year").toDate();Se==null||Se(tt),et(tt)},kn=()=>{const tt=Ce(Le).subtract($e,"year").toDate();we==null||we(tt),et(tt)},it=()=>{const tt=Ce(Le).add(10*$e,"year").toDate();be==null||be(tt),et(tt)},us=()=>{const tt=Ce(Le).subtract(10*$e,"year").toDate();ve==null||ve(tt),et(tt)};return s.jsxs(G,{ref:n,size:K,"data-calendar":!0,...he,children:[Oe==="month"&&s.jsx(Go,{month:Le,minDate:W,maxDate:me,firstDayOfWeek:k,weekdayFormat:S,weekendDays:T,getDayProps:N,excludeDate:F,renderDay:E,hideOutsideDates:V,hideWeekdays:L,getDayAriaLabel:B,onNext:lt,onPrevious:It,hasNextLevel:a!=="month",onLevelClick:()=>Xe("year"),numberOfColumns:m,locale:le,levelControlAriaLabel:p==null?void 0:p.monthLevelControl,nextLabel:(p==null?void 0:p.nextMonth)??f,nextIcon:D,previousLabel:(p==null?void 0:p.previousMonth)??v,previousIcon:O,monthLabelFormat:_,__onDayClick:P,__onDayMouseEnter:$,__preventFocus:A,__stopPropagation:ne,static:oe,withCellSpacing:z,highlightToday:H,withWeekNumbers:ae,...J}),Oe==="year"&&s.jsx(Ho,{year:Le,numberOfColumns:m,minDate:W,maxDate:me,monthsListFormat:ie,getMonthControlProps:Q,locale:le,onNext:at,onPrevious:kn,hasNextLevel:a!=="month"&&a!=="year",onLevelClick:()=>Xe("decade"),levelControlAriaLabel:p==null?void 0:p.yearLevelControl,nextLabel:(p==null?void 0:p.nextYear)??f,nextIcon:D,previousLabel:(p==null?void 0:p.previousYear)??v,previousIcon:O,yearLabelFormat:se,__onControlMouseEnter:C,__onControlClick:(tt,xe)=>{M&&et(xe),Xe(ms("month",r,a)),b==null||b(xe)},__preventFocus:A,__stopPropagation:ne,withCellSpacing:z,...J}),Oe==="decade"&&s.jsx(Uo,{decade:Le,minDate:W,maxDate:me,yearsListFormat:te,getYearControlProps:Z,locale:le,onNext:it,onPrevious:us,numberOfColumns:m,nextLabel:(p==null?void 0:p.nextDecade)??f,nextIcon:D,previousLabel:(p==null?void 0:p.previousDecade)??v,previousIcon:O,decadeLabelFormat:I,__onControlMouseEnter:w,__onControlClick:(tt,xe)=>{j&&et(xe),Xe(ms("year",r,a)),x==null||x(xe)},__preventFocus:A,__stopPropagation:ne,withCellSpacing:z,...J})]})});qo.classes={...Uo.classes,...Ho.classes,...Go.classes};qo.displayName="@mantine/dates/Calendar";function eb(e){const{maxLevel:n,minLevel:t,defaultLevel:o,level:a,onLevelChange:r,nextIcon:i,previousIcon:l,date:d,defaultDate:c,onDateChange:u,numberOfColumns:g,columnsToScroll:m,ariaLabels:h,nextLabel:p,previousLabel:f,onYearSelect:v,onMonthSelect:x,onYearMouseEnter:b,onMonthMouseEnter:w,onNextMonth:C,onPreviousMonth:j,onNextYear:M,onPreviousYear:k,onNextDecade:S,onPreviousDecade:T,withCellSpacing:N,highlightToday:F,__updateDateOnYearSelect:E,__updateDateOnMonthSelect:V,withWeekNumbers:L,firstDayOfWeek:B,weekdayFormat:_,weekendDays:D,getDayProps:O,excludeDate:P,renderDay:$,hideOutsideDates:z,hideWeekdays:H,getDayAriaLabel:ae,monthLabelFormat:ie,monthsListFormat:Q,getMonthControlProps:se,yearLabelFormat:te,yearsListFormat:Z,getYearControlProps:I,decadeLabelFormat:Y,allowSingleDateInRange:ce,allowDeselect:ee,minDate:W,maxDate:me,locale:le,...de}=e;return{calendarProps:{maxLevel:n,minLevel:t,defaultLevel:o,level:a,onLevelChange:r,nextIcon:i,previousIcon:l,date:d,defaultDate:c,onDateChange:u,numberOfColumns:g,columnsToScroll:m,ariaLabels:h,nextLabel:p,previousLabel:f,onYearSelect:v,onMonthSelect:x,onYearMouseEnter:b,onMonthMouseEnter:w,onNextMonth:C,onPreviousMonth:j,onNextYear:M,onPreviousYear:k,onNextDecade:S,onPreviousDecade:T,withCellSpacing:N,highlightToday:F,__updateDateOnYearSelect:E,__updateDateOnMonthSelect:V,withWeekNumbers:L,firstDayOfWeek:B,weekdayFormat:_,weekendDays:D,getDayProps:O,excludeDate:P,renderDay:$,hideOutsideDates:z,hideWeekdays:H,getDayAriaLabel:ae,monthLabelFormat:ie,monthsListFormat:Q,getMonthControlProps:se,yearLabelFormat:te,yearsListFormat:Z,getYearControlProps:I,decadeLabelFormat:Y,allowSingleDateInRange:ce,allowDeselect:ee,minDate:W,maxDate:me,locale:le},others:de}}function tb(e,n){if(e===null)return null;const t=On("add",new Date(e),n);return Number.isNaN(t.getTime())||!e?null:t}function nb({date:e,maxDate:n,minDate:t}){return!(e==null||Number.isNaN(e.getTime())||n&&Ce(e).isAfter(n,"date")||t&&Ce(e).isBefore(t,"date"))}const sb={valueFormat:"MMMM D, YYYY",fixOnBlur:!0,preserveTime:!0},Zr=ye((e,n)=>{const t=vu("DateInput",sb,e),{inputProps:o,wrapperProps:a,value:r,defaultValue:i,onChange:l,clearable:d,clearButtonProps:c,popoverProps:u,getDayProps:g,locale:m,valueFormat:h,dateParser:p,minDate:f,maxDate:v,fixOnBlur:x,onFocus:b,onBlur:w,onClick:C,onKeyDown:j,readOnly:M,name:k,form:S,rightSection:T,unstyled:N,classNames:F,styles:E,allowDeselect:V,preserveTime:L,date:B,defaultDate:_,onDateChange:D,...O}=t,P=y.useRef(null),$=y.useRef(null),[z,H]=y.useState(!1),{calendarProps:ae,others:ie}=eb(O),Q=qt(),te=p||(U=>{const q=Ce(U,h,Q.getLocale(m)).toDate();return Number.isNaN(q.getTime())?tb(U,Q.getTimezone()):q}),Z=V!==void 0?V:d,I=U=>U?Ce(U).locale(Q.getLocale(m)).format(h):"",[Y,ce,ee]=Va({type:"default",value:r,defaultValue:i,onChange:l}),[W,me]=Va({type:"default",value:B,defaultValue:i||_,onChange:D});y.useEffect(()=>{ee&&r!==null&&me(r)},[ee,r]);const[le,de]=y.useState(I(Y));y.useEffect(()=>{de(I(Y))},[Q.getLocale(m)]);const K=U=>{const q=U.currentTarget.value;if(de(q),H(!0),q.trim()===""&&d)ce(null);else{const oe=te(q);nb({date:oe,minDate:f,maxDate:v})&&(ce(oe),me(oe))}},A=U=>{w==null||w(U),H(!1),x&&de(I(Y))},ne=U=>{b==null||b(U),H(!0)},be=U=>{C==null||C(U),H(!0)},ve=U=>{U.key==="Escape"&&H(!1),j==null||j(U)},Se=U=>({...g==null?void 0:g(U),selected:Ce(Y).isSame(U,"day"),onClick:q=>{var he,X;(X=g==null?void 0:(he=g(U)).onClick)==null||X.call(he,q);const oe=L?rx(Y,U):U,Ie=d&&Z&&Ce(Y).isSame(U,"day")?null:oe;ce(Ie),!ee&&de(I(Ie)),H(!1)}}),we=T||(d&&Y&&!M?s.jsx(Ka,{variant:"transparent",onMouseDown:U=>U.preventDefault(),tabIndex:-1,onClick:()=>{ce(null),!ee&&de(""),H(!1)},unstyled:N,size:o.size||"sm",...c}):null);return Ga(()=>{Y!==void 0&&!z&&de(I(Y))},[Y]),Gu(()=>H(!1),void 0,[P.current,$.current]),s.jsxs(s.Fragment,{children:[s.jsx(Cs.Wrapper,{...a,__staticSelector:"DateInput",ref:P,children:s.jsxs(Nt,{opened:z,trapFocus:!1,position:"bottom-start",disabled:M,withRoles:!1,unstyled:N,...u,children:[s.jsx(Nt.Target,{children:s.jsx(Cs,{"data-dates-input":!0,"data-read-only":M||void 0,autoComplete:"off",ref:n,value:le,onChange:K,onBlur:A,onFocus:ne,onClick:be,onKeyDown:ve,readOnly:M,rightSection:we,...o,...ie,__staticSelector:"DateInput"})}),s.jsx(Nt.Dropdown,{onMouseDown:U=>U.preventDefault(),"data-dates-dropdown":!0,ref:$,children:s.jsx(qo,{__staticSelector:"DateInput",__timezoneApplied:!0,...ae,classNames:F,styles:E,unstyled:N,__preventFocus:!0,minDate:f,maxDate:v,locale:m,getDayProps:Se,size:o.size,date:W,onDateChange:me})})]})}),s.jsx($c,{name:k,form:S,value:Y,type:"default"})]})});Zr.classes={...Cs.classes,...qo.classes};Zr.displayName="@mantine/dates/DateInput";function Te(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,o=Object.getOwnPropertySymbols(e);a<o.length;a++)n.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]]);return t}var Pt={root:"MRT_TableBody-module_root__kGhRy","root-grid":"MRT_TableBody-module_root-grid__WdOGg","root-no-rows":"MRT_TableBody-module_root-no-rows__iyi9K","root-virtualized":"MRT_TableBody-module_root-virtualized__TxPAi","empty-row-tr-grid":"MRT_TableBody-module_empty-row-tr-grid__LTgxw","empty-row-td-grid":"MRT_TableBody-module_empty-row-td-grid__pzlgG","empty-row-td-content":"MRT_TableBody-module_empty-row-td-content__Cc2XW",pinned:"MRT_TableBody-module_pinned__XHpcs"},ga={root:"MRT_TableBodyRow-module_root__2c3D4","root-grid":"MRT_TableBodyRow-module_root-grid__AwXTe","root-virtualized":"MRT_TableBodyRow-module_root-virtualized__zYgxq"},nn={root:"MRT_TableBodyCell-module_root__Wf-zi","root-grid":"MRT_TableBodyCell-module_root-grid__zIuC-","root-virtualized":"MRT_TableBodyCell-module_root-virtualized__jLl8R","root-data-col":"MRT_TableBodyCell-module_root-data-col__HHcxc","root-nowrap":"MRT_TableBodyCell-module_root-nowrap__-k1Jo","root-cursor-pointer":"MRT_TableBodyCell-module_root-cursor-pointer__4kw7J","root-editable-hover":"MRT_TableBodyCell-module_root-editable-hover__2DKSa","root-cell-hover-reveal":"MRT_TableBodyCell-module_root-cell-hover-reveal__T1fAH","cell-hover-reveal":"MRT_TableBodyCell-module_cell-hover-reveal__Q-1Xj",overflowing:"MRT_TableBodyCell-module_overflowing__QcXP4"};const pe=(e,n)=>e instanceof Function?e(n):e,ma=["string","number"],ob=["text","autocomplete"],Xi=({cell:e,renderedColumnIndex:n=0,renderedRowIndex:t=0,table:o})=>{var a,r;const{getState:i,options:{enableFilterMatchHighlighting:l,mantineHighlightProps:d}}=o,{column:c,row:u}=e,{columnDef:g}=c,{globalFilter:m,globalFilterFn:h}=i(),p=c.getFilterValue(),f=pe(d,{cell:e,column:c,row:u,table:o});let v=e.getIsAggregated()&&g.AggregatedCell?g.AggregatedCell({cell:e,column:c,row:u,table:o}):u.getIsGrouped()&&!e.getIsGrouped()?null:e.getIsGrouped()&&g.GroupedCell?g.GroupedCell({cell:e,column:c,row:u,table:o}):void 0;const x=v!==void 0;if(x||(v=e.renderValue()),l&&g.enableFilterMatchHighlighting!==!1&&v&&ma.includes(typeof v)&&(p&&ma.includes(typeof p)&&ob.includes(g.filterVariant)||m&&ma.includes(typeof m)&&c.getCanGlobalFilter())){let b=((r=(a=c.getFilterValue())!==null&&a!==void 0?a:m)!==null&&r!==void 0?r:"").toString();(p?g._filterFn:h)==="fuzzy"&&(b=b.split(" ")),v=s.jsx(jr,Object.assign({color:"yellow.3",highlight:b},f,{children:v==null?void 0:v.toString()}))}return g.Cell&&!x&&(v=g.Cell({cell:e,column:c,renderedCellValue:v,renderedColumnIndex:n,renderedRowIndex:t,row:u,table:o})),v},Xt=e=>e.replace(/[^a-zA-Z0-9]/g,"_"),ab=e=>{var n,t;return typeof e.primaryShade=="number"?e.primaryShade:(t=(n=e.primaryShade)===null||n===void 0?void 0:n.dark)!==null&&t!==void 0?t:7},rb=(e,n)=>e.colors[e.primaryColor][ab(e)];function no(e,n){const t=`data-${e}`;switch(typeof n){case"boolean":return n?{[t]:""}:null;case"number":return{[t]:`${n}`};case"string":return{[t]:n};default:return null}}var ib={root:"MRT_CopyButton-module_root__mkXy4"};const lb=e=>{var{cell:n,children:t,table:o}=e,a=Te(e,["cell","children","table"]);const{options:{localization:{clickToCopy:r,copiedToClipboard:i},mantineCopyButtonProps:l}}=o,{column:d,row:c}=n,{columnDef:u}=d,g={cell:n,column:d,row:c,table:o},m=Object.assign(Object.assign(Object.assign({},pe(l,g)),pe(u.mantineCopyButtonProps,g)),a);return s.jsx(Bl,{value:n.getValue(),children:({copied:h,copy:p})=>{var f;return s.jsx(We,{color:h?"green":void 0,label:(f=m==null?void 0:m.title)!==null&&f!==void 0?f:h?i:r,openDelay:1e3,withinPortal:!0,children:s.jsx(Et,Object.assign({},m,{className:je("mrt-copy-button",ib.root,m==null?void 0:m.className),onClick:v=>{v.stopPropagation(),p()},role:"presentation",title:void 0,children:t}))})}})},Wo=e=>{var n,{cell:t,table:o}=e,a=Te(e,["cell","table"]);const{getState:r,options:{createDisplayMode:i,editDisplayMode:l,mantineEditSelectProps:d,mantineEditTextInputProps:c},refs:{editInputRefs:u},setCreatingRow:g,setEditingCell:m,setEditingRow:h}=o,{column:p,row:f}=t,{columnDef:v}=p,{creatingRow:x,editingRow:b}=r(),w=(x==null?void 0:x.id)===f.id,C=(b==null?void 0:b.id)===f.id,j=v.editVariant==="select",M=v.editVariant==="multi-select",[k,S]=y.useState(()=>t.getValue()),T={cell:t,column:p,row:f,table:o},N=Object.assign(Object.assign(Object.assign({},pe(c,T)),pe(v.mantineEditTextInputProps,T)),a),F=Object.assign(Object.assign(Object.assign({},pe(d,T)),pe(v.mantineEditSelectProps,T)),a),E=_=>{f._valuesCache[p.id]=_,w?g(f):C&&h(f)},V=_=>{var D;(D=N.onBlur)===null||D===void 0||D.call(N,_),E(k),m(null)},L=_=>{var D,O;(D=N.onKeyDown)===null||D===void 0||D.call(N,_),_.key==="Enter"&&((O=u.current[t.id])===null||O===void 0||O.blur())};if(v.Edit)return(n=v.Edit)===null||n===void 0?void 0:n.call(v,{cell:t,column:p,row:f,table:o});const B={disabled:pe(v.enableEditing,f)===!1,label:["custom","modal"].includes(w?i:l)?p.columnDef.header:void 0,name:t.id,onClick:_=>{var D;_.stopPropagation(),(D=N==null?void 0:N.onClick)===null||D===void 0||D.call(N,_)},placeholder:["custom","modal"].includes(w?i:l)?void 0:v.header,value:k,variant:l==="table"?"unstyled":"default"};return j?s.jsx(tn,Object.assign({},B,{searchable:!0,value:k},F,{onBlur:V,onChange:(_,D)=>{var O,P;(P=(O=F).onChange)===null||P===void 0||P.call(O,_,D),S(_)},onClick:_=>{var D;_.stopPropagation(),(D=F==null?void 0:F.onClick)===null||D===void 0||D.call(F,_)},ref:_=>{_&&(u.current[t.id]=_,F.ref&&(F.ref.current=_))}})):M?s.jsx(_o,Object.assign({},B,{searchable:!0,value:k},F,{onBlur:V,onChange:_=>{var D,O;(O=(D=F).onChange)===null||O===void 0||O.call(D,k),S(_),document.activeElement!==u.current[t.id]&&E(_)},onClick:_=>{var D;_.stopPropagation(),(D=F==null?void 0:F.onClick)===null||D===void 0||D.call(F,_)},ref:_=>{_&&(u.current[t.id]=_,F.ref&&(F.ref.current=_))}})):s.jsx(qe,Object.assign({},B,{onKeyDown:L,value:k??""},N,{onBlur:V,onChange:_=>{var D;(D=N.onChange)===null||D===void 0||D.call(N,_),S(_.target.value)},onClick:_=>{var D;_.stopPropagation(),(D=N==null?void 0:N.onClick)===null||D===void 0||D.call(N,_)},ref:_=>{_&&(u.current[t.id]=_,N.ref&&(N.ref.current=_))}}))},ed=e=>{var n,t,o,a,r,{cell:i,numRows:l=1,renderedColumnIndex:d=0,renderedRowIndex:c=0,rowRef:u,table:g,virtualCell:m}=e,h=Te(e,["cell","numRows","renderedColumnIndex","renderedRowIndex","rowRef","table","virtualCell"]);const p=$n(),{getState:f,options:{columnResizeDirection:v,columnResizeMode:x,createDisplayMode:b,editDisplayMode:w,enableClickToCopy:C,enableColumnOrdering:j,enableColumnPinning:M,enableEditing:k,enableGrouping:S,layoutMode:T,mantineSkeletonProps:N,mantineTableBodyCellProps:F},refs:{editInputRefs:E},setEditingCell:V,setHoveredColumn:L}=g,{columnSizingInfo:B,creatingRow:_,density:D,draggingColumn:O,editingCell:P,editingRow:$,hoveredColumn:z,isLoading:H,showSkeletons:ae}=f(),{column:ie,row:Q}=i,{columnDef:se}=ie,{columnDefType:te}=se,Z={cell:i,column:ie,renderedColumnIndex:d,renderedRowIndex:c,row:Q,table:g},I=Object.assign(Object.assign(Object.assign({},pe(F,Z)),pe(se.mantineTableBodyCellProps,Z)),h),Y=pe(N,Z),[ce,ee]=y.useState(100);y.useEffect(()=>{if(!H&&!ae||ce!==100)return;const _e=ie.getSize();ee(te==="display"?_e/2:Math.round(Math.random()*(_e-_e/3)+_e/3))},[H,ae]);const W={minWidth:`max(calc(var(--col-${Xt(ie==null?void 0:ie.id)}-size) * 1px), ${(n=se.minSize)!==null&&n!==void 0?n:30}px)`,width:`calc(var(--col-${Xt(ie.id)}-size) * 1px)`};T==="grid"?W.flex=`${[0,!1].includes(se.grow)?0:`var(--col-${Xt(ie.id)}-size)`} 0 auto`:T==="grid-no-grow"&&(W.flex=`${+(se.grow||0)} 0 auto`);const me=(O==null?void 0:O.id)===ie.id,le=(z==null?void 0:z.id)===ie.id,de=M&&se.columnDefType!=="group"&&ie.getIsPinned(),K=!i.getIsPlaceholder()&&pe(k,Q)&&pe(se.enableEditing,Q)!==!1,A=K&&!["custom","modal"].includes(w)&&(w==="table"||($==null?void 0:$.id)===Q.id||(P==null?void 0:P.id)===i.id)&&!Q.getIsGrouped(),ne=K&&b==="row"&&(_==null?void 0:_.id)===Q.id,be=pe(C,i)||pe(se.enableClickToCopy,i)&&pe(se.enableClickToCopy,i)!==!1,ve=_e=>{var Oe;(Oe=I==null?void 0:I.onDoubleClick)===null||Oe===void 0||Oe.call(I,_e),K&&w==="cell"&&(V(i),setTimeout(()=>{var Xe;const ot=E.current[i.id];ot&&(ot.focus(),(Xe=ot.select)===null||Xe===void 0||Xe.call(ot))},100))},Se=_e=>{var Oe;(Oe=I==null?void 0:I.onDragEnter)===null||Oe===void 0||Oe.call(I,_e),S&&(z==null?void 0:z.id)==="drop-zone"&&L(null),j&&O&&L(se.enableColumnOrdering!==!1?ie:null)},we={cell:i,renderedColumnIndex:d,renderedRowIndex:c,table:g},U=y.useRef(null),[q,oe]=y.useState(!1),Ie=()=>{if(!se.enableCellHoverReveal)return;const _e=U.current;if(_e){const Oe=_e.scrollWidth>_e.clientWidth;oe(Oe)}},he=()=>{se.enableCellHoverReveal&&oe(!1)},X=()=>{var _e,Oe,Xe;return i.getIsPlaceholder()?(Oe=(_e=se.PlaceholderCell)===null||_e===void 0?void 0:_e.call(se,{cell:i,column:ie,row:Q,table:g}))!==null&&Oe!==void 0?Oe:null:ae!==!1&&(H||ae)?s.jsx(qu,Object.assign({height:20,width:ce},Y)):te==="display"&&(["mrt-row-expand","mrt-row-numbers","mrt-row-select"].includes(ie.id)||!Q.getIsGrouped())?(Xe=se.Cell)===null||Xe===void 0?void 0:Xe.call(se,Object.assign({column:ie,renderedCellValue:i.renderValue(),row:Q,rowRef:u},we)):ne||A?s.jsx(Wo,{cell:i,table:g}):be&&se.enableClickToCopy!==!1?s.jsx(lb,{cell:i,table:g,children:s.jsx(Xi,Object.assign({},we))}):s.jsx(Xi,Object.assign({},we))};return s.jsx(Os,Object.assign({"data-column-pinned":de||void 0,"data-dragging-column":me||void 0,"data-first-right-pinned":de==="right"&&ie.getIsFirstColumn(de)||void 0,"data-hovered-column-target":le||void 0,"data-index":d,"data-last-left-pinned":de==="left"&&ie.getIsLastColumn(de)||void 0,"data-last-row":c===l-1||void 0,"data-resizing":x==="onChange"&&(B==null?void 0:B.isResizingColumn)===ie.id&&v||void 0},I,{__vars:Object.assign({"--mrt-cell-align":(t=I.align)!==null&&t!==void 0?t:p.dir==="rtl"?"right":"left","--mrt-table-cell-left":de==="left"?`${ie.getStart(de)}`:void 0,"--mrt-table-cell-right":de==="right"?`${ie.getAfter(de)}`:void 0},I.__vars),className:je(nn.root,(T==null?void 0:T.startsWith("grid"))&&nn["root-grid"],m&&nn["root-virtualized"],K&&w==="cell"&&nn["root-cursor-pointer"],K&&["cell","table"].includes(w??"")&&te!=="display"&&nn["root-editable-hover"],te==="data"&&nn["root-data-col"],D==="xs"&&nn["root-nowrap"],se.enableCellHoverReveal&&nn["root-cell-hover-reveal"],I==null?void 0:I.className),onDoubleClick:ve,onDragEnter:Se,onMouseEnter:Ie,onMouseLeave:he,style:_e=>Object.assign(Object.assign({},W),pe(I.style,_e)),children:s.jsx(s.Fragment,{children:(o=I.children)!==null&&o!==void 0?o:se.enableCellHoverReveal?s.jsxs("div",{className:je(se.enableCellHoverReveal&&!(ne||A)&&nn["cell-hover-reveal"],q&&nn.overflowing),ref:U,children:[X(),i.getIsGrouped()&&!se.GroupedCell&&s.jsxs(s.Fragment,{children:[" (",(a=Q.subRows)===null||a===void 0?void 0:a.length,")"]})]}):s.jsxs(s.Fragment,{children:[X(),i.getIsGrouped()&&!se.GroupedCell&&s.jsxs(s.Fragment,{children:[" (",(r=Q.subRows)===null||r===void 0?void 0:r.length,")"]})]})})}))},cb=y.memo(ed,(e,n)=>n.cell===e.cell);var Dn={root:"MRT_TableDetailPanel-module_root__vQAlM","root-grid":"MRT_TableDetailPanel-module_root-grid__7UMC6","root-virtual-row":"MRT_TableDetailPanel-module_root-virtual-row__r-X4Z",inner:"MRT_TableDetailPanel-module_inner__o-Fk-","inner-grid":"MRT_TableDetailPanel-module_inner-grid__WLZgF","inner-expanded":"MRT_TableDetailPanel-module_inner-expanded__6tg9T","inner-virtual":"MRT_TableDetailPanel-module_inner-virtual__TItRy"};const db=e=>{var n,t,{parentRowRef:o,renderedRowIndex:a=0,row:r,rowVirtualizer:i,striped:l,table:d,virtualRow:c}=e,u=Te(e,["parentRowRef","renderedRowIndex","row","rowVirtualizer","striped","table","virtualRow"]);const{getState:g,getVisibleLeafColumns:m,options:{layoutMode:h,mantineDetailPanelProps:p,mantineTableBodyRowProps:f,renderDetailPanel:v}}=d,{isLoading:x}=g(),b=pe(f,{isDetailPanel:!0,row:r,table:d}),w=Object.assign(Object.assign({},pe(p,{row:r,table:d})),u),C=r.getAllCells().filter(M=>M.column.columnDef.columnDefType==="data")?.map(M=>s.jsx(Wo,{cell:M,table:d},M.id)),j=!x&&r.getIsExpanded()&&(v==null?void 0:v({internalEditComponents:C,row:r,table:d}));return s.jsx(an,Object.assign({"data-index":v?a*2+1:a,"data-striped":l,ref:M=>{var k;M&&((k=i==null?void 0:i.measureElement)===null||k===void 0||k.call(i,M))}},b,{__vars:Object.assign({"--mrt-parent-row-height":c?`${(t=(n=o.current)===null||n===void 0?void 0:n.getBoundingClientRect())===null||t===void 0?void 0:t.height}px`:void 0,"--mrt-virtual-row-start":c?`${c.start}px`:void 0},b==null?void 0:b.__vars),className:je("mantine-Table-tr-detail-panel",Dn.root,(h==null?void 0:h.startsWith("grid"))&&Dn["root-grid"],c&&Dn["root-virtual-row"],b==null?void 0:b.className),children:s.jsx(Os,Object.assign({colSpan:m().length,component:"td"},w,{__vars:{"--mrt-inner-width":`${d.getTotalSize()}px`},className:je("mantine-Table-td-detail-panel",Dn.inner,(h==null?void 0:h.startsWith("grid"))&&Dn["inner-grid"],r.getIsExpanded()&&Dn["inner-expanded"],c&&Dn["inner-virtual"]),p:r.getIsExpanded()&&j?"md":0,children:i?r.getIsExpanded()&&j:s.jsx(as,{in:r.getIsExpanded(),children:j})}))}))},ub=(e,n,t)=>{let o=0;return e.columnFiltersMeta[t]&&(o=Bv(e.columnFiltersMeta[t],n.columnFiltersMeta[t])),o===0?Pn.alphanumeric(e,n,t):o},gb=Object.assign(Object.assign({},Pn),{fuzzy:ub}),mb=(e,n)=>Math.max(...Object.values(n.columnFiltersMeta)?.map(t=>t.rank))-Math.max(...Object.values(e.columnFiltersMeta)?.map(t=>t.rank)),td=(e,n)=>{const{getCenterRows:t,getPrePaginationRowModel:o,getRowModel:a,getState:r,getTopRows:i,options:{createDisplayMode:l,enablePagination:d,enableRowPinning:c,manualPagination:u,positionCreatingRow:g,rowPinningDisplayMode:m}}=e,{creatingRow:h,pagination:p}=r(),f=hb(e);let v=[];if(!f)v=!c||m!=null&&m.includes("sticky")?n?o().rows:a().rows:t();else{if(v=o().rows.sort((x,b)=>mb(x,b)),d&&!u&&!n){const x=p.pageIndex*p.pageSize;v=v.slice(x,x+p.pageSize)}c&&!(m!=null&&m.includes("sticky"))&&(v=v.filter(x=>!x.getIsPinned()))}if(c&&(m!=null&&m.includes("sticky"))){const x=v.filter(b=>b.getIsPinned())?.map(b=>b.id);v=[...i().filter(b=>!x.includes(b.id)),...v]}if(g!==void 0&&h&&l==="row"){const x=isNaN(+g)?g==="top"?0:v.length:+g;v=[...v.slice(0,x),h,...v.slice(x)]}return v},nd=e=>{const{getState:n,options:{enableGlobalFilterRankedResults:t,manualExpanding:o,manualFiltering:a,manualGrouping:r,manualSorting:i}}=e,{expanded:l,globalFilterFn:d}=n();return!o&&!a&&!r&&!i&&t&&d==="fuzzy"&&l!==!0&&!Object.values(l)?.some(Boolean)},hb=e=>{const{globalFilter:n,sorting:t}=e.getState();return nd(e)&&n&&!Object.values(t)?.some(Boolean)},so=({row:e,table:n})=>{const{options:{enableRowSelection:t}}=n;return e.getIsSelected()||pe(t,e)&&e.getCanSelectSubRows()&&e.getIsAllSubRowsSelected()},pb=({renderedRowIndex:e=0,row:n,table:t})=>(o,a)=>{var r;const{getState:i,options:{enableBatchRowSelection:l,enableMultiRowSelection:d,enableRowPinning:c,manualPagination:u,rowPinningDisplayMode:g},refs:{lastSelectedRowId:m}}=t,{pagination:{pageIndex:h,pageSize:p}}=i(),f=u?0:p*h,v=so({row:n,table:t});n.toggleSelected(a??!v);const x=new Set([n.id]);if(l&&d&&o.nativeEvent.shiftKey&&m.current!==null){const b=td(t,!0),w=b.findIndex(C=>C.id===m.current);if(w!==-1){const C=so({row:b==null?void 0:b[w],table:t}),j=e+f,[M,k]=w<j?[w,j]:[j,w];if(v!==C)for(let S=M;S<=k;S++)b[S].toggleSelected(!v),x.add(b[S].id)}}m.current=n.id,n.getCanSelectSubRows()&&n.getIsAllSubRowsSelected()&&((r=n.subRows)===null||r===void 0||r.forEach(b=>b.toggleSelected(!1))),c&&(g!=null&&g.includes("select"))&&x.forEach(b=>{t.getRow(b).pin(v?!1:g!=null&&g.includes("bottom")?"bottom":"top")})},sd=({table:e})=>(n,t,o)=>{const{options:{enableRowPinning:a,rowPinningDisplayMode:r,selectAllMode:i},refs:{lastSelectedRowId:l}}=e;i==="all"||o?e.toggleAllRowsSelected(t??n.target.checked):e.toggleAllPageRowsSelected(t??n.target.checked),a&&(r!=null&&r.includes("select"))&&e.setRowPinning({bottom:[],top:[]}),l.current=null},js=e=>{var n,t,o,{children:a,columnVirtualizer:r,numRows:i,pinnedRowIds:l,renderedRowIndex:d=0,row:c,rowVirtualizer:u,table:g,tableProps:m,virtualRow:h}=e,p=Te(e,["children","columnVirtualizer","numRows","pinnedRowIds","renderedRowIndex","row","rowVirtualizer","table","tableProps","virtualRow"]);const{getState:f,options:{enableRowOrdering:v,enableRowPinning:x,enableStickyFooter:b,enableStickyHeader:w,layoutMode:C,mantineTableBodyRowProps:j,memoMode:M,renderDetailPanel:k,rowPinningDisplayMode:S},refs:{tableFooterRef:T,tableHeadRef:N},setHoveredRow:F}=g,{density:E,draggingColumn:V,draggingRow:L,editingCell:B,editingRow:_,hoveredRow:D,isFullScreen:O,rowPinning:P}=f(),$=c.getVisibleCells(),{virtualColumns:z,virtualPaddingLeft:H,virtualPaddingRight:ae}=r??{},ie=so({row:c,table:g}),Q=x&&c.getIsPinned(),se=Q&&(S==null?void 0:S.includes("sticky"))&&"sticky",te=(L==null?void 0:L.id)===c.id,Z=(D==null?void 0:D.id)===c.id,I=Object.assign(Object.assign({},pe(j,{renderedRowIndex:d,row:c,table:g})),p),[Y,ce]=y.useMemo(()=>!x||!se||!l||!c.getIsPinned()?[]:[[...l].reverse().indexOf(c.id),l.indexOf(c.id)],[l,P]),ee=(w||O)&&((n=N.current)===null||n===void 0?void 0:n.clientHeight)||0,W=b&&((t=T.current)===null||t===void 0?void 0:t.clientHeight)||0,me=parseInt((o=I==null?void 0:I.style)===null||o===void 0?void 0:o.height,10)||(E==="xs"?37:E==="md"?53:69),le=A=>{v&&L&&F(c)},de=y.useRef(null);let K=m.striped;return K&&(K===!0&&(K="odd"),K==="odd"&&d%2!==0&&(K=!1),K==="even"&&d%2===0&&(K=!1)),s.jsxs(s.Fragment,{children:[s.jsxs(an,Object.assign({"data-dragging-row":te||void 0,"data-hovered-row-target":Z||void 0,"data-index":k?d*2:d,"data-row-pinned":se||Q||void 0,"data-selected":ie||void 0,"data-striped":K,onDragEnter:le,ref:A=>{A&&(de.current=A,u==null||u.measureElement(A))}},I,{__vars:Object.assign(Object.assign({},I==null?void 0:I.__vars),{"--mrt-pinned-row-bottom":!h&&Y!==void 0&&Q?`${Y*me+(b?W-1:0)}`:void 0,"--mrt-pinned-row-top":h?void 0:ce!==void 0&&Q?`${ce*me+(w||O?ee-1:0)}`:void 0,"--mrt-virtual-row-start":h?`${h.start}`:void 0}),className:je(ga.root,(C==null?void 0:C.startsWith("grid"))&&ga["root-grid"],h&&ga["root-virtualized"],I==null?void 0:I.className),children:[H?s.jsx(G,{component:"td",display:"flex",w:H}):null,a||(z??c.getVisibleCells())?.map((A,ne)=>{let be=A;r&&(ne=A.index,be=$[ne]);const ve={cell:be,numRows:i,renderedColumnIndex:ne,renderedRowIndex:d,rowRef:de,table:g,virtualCell:r?A:void 0};return M==="cells"&&be.column.columnDef.columnDefType==="data"&&!V&&!L&&(B==null?void 0:B.id)!==be.id&&(_==null?void 0:_.id)!==c.id?s.jsx(cb,Object.assign({},ve),be.id):s.jsx(ed,Object.assign({},ve),be.id)}),ae?s.jsx(G,{component:"td",display:"flex",w:ae}):null]})),k&&!c.getIsGrouped()&&s.jsx(db,{parentRowRef:de,renderedRowIndex:d,row:c,rowVirtualizer:u,striped:K,table:g,virtualRow:h})]})},ha=y.memo(js,(e,n)=>e.row===n.row);var hs={root:"MRT_ExpandButton-module_root__IFYio","root-ltr":"MRT_ExpandButton-module_root-ltr__FHNnp",chevron:"MRT_ExpandButton-module_chevron__XzC5P",right:"MRT_ExpandButton-module_right__-pC-A",up:"MRT_ExpandButton-module_up__TZGBo","root-rtl":"MRT_ExpandButton-module_root-rtl__zoudS"};const Ba=e=>{var n,t,{row:o,table:a}=e,r=Te(e,["row","table"]);const i=$n(),{options:{icons:{IconChevronDown:l},localization:d,mantineExpandButtonProps:c,positionExpandColumn:u,renderDetailPanel:g}}=a,m=Object.assign(Object.assign({},pe(c,{row:o,table:a})),r),h=o.getAllCells().filter(w=>w.column.columnDef.columnDefType==="data")?.map(w=>s.jsx(Wo,{cell:w,table:a},w.id)),p=o.getCanExpand(),f=o.getIsExpanded(),v=!!(g!=null&&g({internalEditComponents:h,row:o,table:a})),x=w=>{var C;w.stopPropagation(),o.toggleExpanded(),(C=m==null?void 0:m.onClick)===null||C===void 0||C.call(m,w)},b=i.dir==="rtl"||u==="last";return s.jsx(We,{disabled:!p&&!v,label:(n=m==null?void 0:m.title)!==null&&n!==void 0?n:f?d.collapse:d.expand,openDelay:1e3,withinPortal:!0,children:s.jsx(Ee,Object.assign({"aria-label":d.expand,color:"gray",disabled:!p&&!v,variant:"subtle"},m,{__vars:{"--mrt-row-depth":`${o.depth}`},className:je("mrt-expand-button",hs.root,hs[`root-${b?"rtl":"ltr"}`],m==null?void 0:m.className),onClick:x,title:void 0,children:(t=m==null?void 0:m.children)!==null&&t!==void 0?t:s.jsx(l,{className:je("mrt-expand-button-chevron",hs.chevron,!p&&!g?hs.right:f?hs.up:void 0)})}))})},fb=e=>{var n,t,{table:o,tableProps:a}=e,r=Te(e,["table","tableProps"]);const{getState:i,options:{layoutMode:l,localization:d,renderDetailPanel:c,renderEmptyRowsFallback:u},refs:{tablePaperRef:g}}=o,{columnFilters:m,globalFilter:h}=i(),p=y.useMemo(()=>ds(o,"mrt-row-empty",{},0,0),[]),f=Object.assign(Object.assign({},r),{renderedRowIndex:0,row:p,virtualRow:void 0});return s.jsxs(js,Object.assign({className:je("mrt-table-body-row",(l==null?void 0:l.startsWith("grid"))&&Pt["empty-row-tr-grid"]),table:o,tableProps:a},f,{children:[c&&s.jsx(Os,{className:je("mrt-table-body-cell",(l==null?void 0:l.startsWith("grid"))&&Pt["empty-row-td-grid"]),colSpan:1,children:s.jsx(Ba,{row:p,table:o})}),s.jsx("td",{className:je("mrt-table-body-cell",(l==null?void 0:l.startsWith("grid"))&&Pt["empty-row-td-grid"]),colSpan:o.getVisibleLeafColumns().length,children:(n=u==null?void 0:u({table:o}))!==null&&n!==void 0?n:s.jsx(ue,{__vars:{"--mrt-paper-width":`${(t=g.current)===null||t===void 0?void 0:t.clientWidth}`},className:je(Pt["empty-row-td-content"]),children:h||m.length?d.noResultsFound:d.noRecordsToDisplay})})]}))},vb=e=>{const{getRowModel:n,getState:t,options:{data:o,enableGlobalFilterRankedResults:a,positionCreatingRow:r}}=e,{creatingRow:i,expanded:l,globalFilter:d,pagination:c,rowPinning:u,sorting:g}=t();return y.useMemo(()=>td(e),[i,o,a,l,n().rows,d,c.pageIndex,c.pageSize,r,u,g])},od=(e,n)=>{const t=Ec(e);return n===void 0||(n>=0&&n<Math.max(e.startIndex-e.overscan,0)&&t.unshift(n),n>=0&&n>e.endIndex+e.overscan&&t.push(n)),t},xb=(e,n)=>{var t;const{getRowModel:o,getState:a,options:{enableRowVirtualization:r,renderDetailPanel:i,rowVirtualizerInstanceRef:l,rowVirtualizerOptions:d},refs:{tableContainerRef:c}}=e,{density:u,draggingRow:g,expanded:m}=a();if(!r)return;const h=pe(d,{table:e}),p=(t=n==null?void 0:n.length)!==null&&t!==void 0?t:o().rows.length,f=u==="xs"?42.7:u==="md"?54.7:70.7,v=Ac(Object.assign({count:i?p*2:p,estimateSize:x=>i&&x%2===1?m===!0?100:0:f,getScrollElement:()=>c.current,measureElement:typeof window<"u"&&navigator.userAgent.indexOf("Firefox")===-1?x=>x==null?void 0:x.getBoundingClientRect().height:void 0,overscan:4,rangeExtractor:y.useCallback(x=>{var b;return od(x,(b=g==null?void 0:g.index)!==null&&b!==void 0?b:0)},[g])},h));return v.virtualRows=v.getVirtualItems(),l&&(l.current=v),v},ad=e=>{var n,t,o,{columnVirtualizer:a,table:r,tableProps:i}=e,l=Te(e,["columnVirtualizer","table","tableProps"]);const{getBottomRows:d,getIsSomeRowsPinned:c,getRowModel:u,getState:g,getTopRows:m,options:{enableStickyFooter:h,enableStickyHeader:p,layoutMode:f,mantineTableBodyProps:v,memoMode:x,renderDetailPanel:b,rowPinningDisplayMode:w},refs:{tableFooterRef:C,tableHeadRef:j}}=r,{isFullScreen:M,rowPinning:k}=g(),S=Object.assign(Object.assign({},pe(v,{table:r})),l),T=(p||M)&&((n=j.current)===null||n===void 0?void 0:n.clientHeight)||0,N=h&&((t=C.current)===null||t===void 0?void 0:t.clientHeight)||0,F=y.useMemo(()=>{var _,D;return!(!((_=k.bottom)===null||_===void 0)&&_.length)&&!(!((D=k.top)===null||D===void 0)&&D.length)?[]:u().rows.filter(O=>O.getIsPinned())?.map(O=>O.id)},[k,u().rows]),E=vb(r),V=xb(r,E),{virtualRows:L}=V??{},B={columnVirtualizer:a,numRows:E.length,table:r,tableProps:i};return s.jsxs(s.Fragment,{children:[!(w!=null&&w.includes("sticky"))&&c("top")&&s.jsx(bs,Object.assign({},S,{__vars:Object.assign({"--mrt-table-head-height":`${T}`},S==null?void 0:S.__vars),className:je(Pt.pinned,(f==null?void 0:f.startsWith("grid"))&&Pt["root-grid"],S==null?void 0:S.className),children:m()?.map((_,D)=>{const O=Object.assign(Object.assign({},B),{renderedRowIndex:D,row:_});return x==="rows"?s.jsx(ha,Object.assign({},O),_.id):s.jsx(js,Object.assign({},O),_.id)})})),s.jsx(bs,Object.assign({},S,{__vars:Object.assign({"--mrt-table-body-height":V?`${V.getTotalSize()}px`:void 0},S==null?void 0:S.__vars),className:je(Pt.root,(f==null?void 0:f.startsWith("grid"))&&Pt["root-grid"],!E.length&&Pt["root-no-rows"],V&&Pt["root-virtualized"],S==null?void 0:S.className),children:(o=S==null?void 0:S.children)!==null&&o!==void 0?o:E.length?s.jsx(s.Fragment,{children:(L??E)?.map((_,D)=>{if(V)if(b){if(_.index%2===1)return null;D=_.index/2}else D=_.index;const O=V?E[D]:_,P=Object.assign(Object.assign({},B),{pinnedRowIds:F,renderedRowIndex:D,row:O,rowVirtualizer:V,virtualRow:V?_:void 0}),$=`${O.id}-${O.index}`;return x==="rows"?s.jsx(ha,Object.assign({},P),$):s.jsx(js,Object.assign({},P),$)})}):s.jsx(fb,Object.assign({},B))})),!(w!=null&&w.includes("sticky"))&&c("bottom")&&s.jsx(bs,Object.assign({},S,{__vars:Object.assign({"--mrt-table-footer-height":`${N}`},S==null?void 0:S.__vars),className:je(Pt.pinned,(f==null?void 0:f.startsWith("grid"))&&Pt["root-grid"],S==null?void 0:S.className),children:d()?.map((_,D)=>{const O=Object.assign(Object.assign({},B),{renderedRowIndex:D,row:_});return x==="rows"?s.jsx(ha,Object.assign({},O),_.id):s.jsx(js,Object.assign({},O),_.id)})}))]})},bb=y.memo(ad,(e,n)=>e.table.options.data===n.table.options.data);var yb={"grab-icon":"MRT_GrabHandleButton-module_grab-icon__mQimy"};const Jr=({actionIconProps:e,onDragEnd:n,onDragStart:t,table:{options:{icons:{IconGripHorizontal:o},localization:{move:a}}}})=>{var r,i;return s.jsx(We,{label:(r=e==null?void 0:e.title)!==null&&r!==void 0?r:a,openDelay:1e3,withinPortal:!0,children:s.jsx(Ee,Object.assign({"aria-label":(i=e==null?void 0:e.title)!==null&&i!==void 0?i:a,draggable:!0},e,{className:je("mrt-grab-handle-button",yb["grab-icon"],e==null?void 0:e.className),color:"gray",onClick:l=>{var d;l.stopPropagation(),(d=e==null?void 0:e.onClick)===null||d===void 0||d.call(e,l)},onDragEnd:n,onDragStart:t,size:"sm",title:void 0,variant:"transparent",children:s.jsx(o,{size:"100%"})}))})},wb=e=>{var{row:n,rowRef:t,table:o}=e,a=Te(e,["row","rowRef","table"]);const{options:{mantineRowDragHandleProps:r}}=o,i=Object.assign(Object.assign({},pe(r,{row:n,table:o})),a),l=c=>{var u;(u=i==null?void 0:i.onDragStart)===null||u===void 0||u.call(i,c),c.dataTransfer.setDragImage(t.current,0,0),o.setDraggingRow(n)},d=c=>{var u;(u=i==null?void 0:i.onDragEnd)===null||u===void 0||u.call(i,c),o.setDraggingRow(null),o.setHoveredRow(null)};return s.jsx(Jr,{actionIconProps:i,onDragEnd:d,onDragStart:l,table:o})},pa=e=>{var{pinningPosition:n,row:t,table:o}=e,a=Te(e,["pinningPosition","row","table"]);const{options:{icons:{IconPinned:r,IconX:i},localization:l,rowPinningDisplayMode:d}}=o,c=t.getIsPinned(),[u,g]=y.useState(!1),m=h=>{g(!1),h.stopPropagation(),t.pin(c?!1:n)};return s.jsx(We,{label:c?l.unpin:l.pin,openDelay:1e3,opened:u,children:s.jsx(Ee,Object.assign({"aria-label":l.pin,color:"gray",onClick:m,onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),size:"xs",style:{height:"24px",width:"24px"},variant:"subtle"},a,{children:c?s.jsx(i,{}):s.jsx(r,{fontSize:"small",style:{transform:`rotate(${d==="sticky"?135:n==="top"?180:0}deg)`}})}))})},jb=e=>{var{row:n,table:t}=e,o=Te(e,["row","table"]);const{getState:a,options:{enableRowPinning:r,rowPinningDisplayMode:i}}=t,{density:l}=a();if(!pe(r,n))return null;const c=Object.assign({row:n,table:t},o);return i==="top-and-bottom"&&!n.getIsPinned()?s.jsxs(G,{style:{display:"flex",flexDirection:l==="xs"?"row":"column"},children:[s.jsx(pa,Object.assign({pinningPosition:"top"},c)),s.jsx(pa,Object.assign({pinningPosition:"bottom"},c))]}):s.jsx(pa,Object.assign({pinningPosition:i==="bottom"?"bottom":"top"},c))};var fa={root:"MRT_ColumnPinningButtons-module_root__scTtW",left:"MRT_ColumnPinningButtons-module_left__W6Aog",right:"MRT_ColumnPinningButtons-module_right__7AJE3"};const Cb=({column:e,table:n})=>{const{options:{icons:{IconPinned:t,IconPinnedOff:o},localization:a}}=n;return s.jsx(st,{className:je("mrt-column-pinning-buttons",fa.root),children:e.getIsPinned()?s.jsx(We,{label:a.unpin,withinPortal:!0,children:s.jsx(Ee,{color:"gray",onClick:()=>e.pin(!1),size:"md",variant:"subtle",children:s.jsx(o,{})})}):s.jsxs(s.Fragment,{children:[s.jsx(We,{label:a.pinToLeft,withinPortal:!0,children:s.jsx(Ee,{color:"gray",onClick:()=>e.pin("left"),size:"md",variant:"subtle",children:s.jsx(t,{className:fa.left})})}),s.jsx(We,{label:a.pinToRight,withinPortal:!0,children:s.jsx(Ee,{color:"gray",onClick:()=>e.pin("right"),size:"md",variant:"subtle",children:s.jsx(t,{className:fa.right})})})]})})};var Sb={root:"MRT_EditActionButtons-module_root__BfxVZ"};const rd=e=>{var{row:n,table:t,variant:o="icon"}=e,a=Te(e,["row","table","variant"]);const{getState:r,options:{icons:{IconCircleX:i,IconDeviceFloppy:l},localization:d,onCreatingRowCancel:c,onCreatingRowSave:u,onEditingRowCancel:g,onEditingRowSave:m},refs:{editInputRefs:h},setCreatingRow:p,setEditingRow:f}=t,{creatingRow:v,editingRow:x,isSaving:b}=r(),w=(v==null?void 0:v.id)===n.id,C=(x==null?void 0:x.id)===n.id,j=()=>{w?(c==null||c({row:n,table:t}),p(null)):C&&(g==null||g({row:n,table:t}),f(null)),n._valuesCache={}},M=()=>{var k;(k=Object.values(h==null?void 0:h.current).filter(S=>{var T,N;return n.id===((N=(T=S==null?void 0:S.name)===null||T===void 0?void 0:T.split("_"))===null||N===void 0?void 0:N[0])}))===null||k===void 0||k.forEach(S=>{S.value!==void 0&&Object.hasOwn(n==null?void 0:n._valuesCache,S.name)&&(n._valuesCache[S.name]=S.value)}),w?u==null||u({exitCreatingMode:()=>p(null),row:n,table:t,values:n._valuesCache}):C&&(m==null||m({exitEditingMode:()=>f(null),row:n,table:t,values:n==null?void 0:n._valuesCache}))};return s.jsx(G,Object.assign({className:je("mrt-edit-action-buttons",Sb.root),onClick:k=>k.stopPropagation()},a,{children:o==="icon"?s.jsxs(s.Fragment,{children:[s.jsx(We,{label:d.cancel,withinPortal:!0,children:s.jsx(Ee,{"aria-label":d.cancel,color:"red",onClick:j,variant:"subtle",children:s.jsx(i,{})})}),s.jsx(We,{label:d.save,withinPortal:!0,children:s.jsx(Ee,{"aria-label":d.save,color:"blue",loading:b,onClick:M,variant:"subtle",children:s.jsx(l,{})})})]}):s.jsxs(s.Fragment,{children:[s.jsx(pt,{onClick:j,variant:"subtle",children:d.cancel}),s.jsx(pt,{loading:b,onClick:M,variant:"filled",children:d.save})]})}))};var Us={root:"MRT_ExpandAllButton-module_root__gkBZD",chevron:"MRT_ExpandAllButton-module_chevron__Iep0j",up:"MRT_ExpandAllButton-module_up__Xth3U",right:"MRT_ExpandAllButton-module_right__bS4L-"};const _b=e=>{var n,t,{table:o}=e,a=Te(e,["table"]);const{getCanSomeRowsExpand:r,getIsAllRowsExpanded:i,getIsSomeRowsExpanded:l,getState:d,options:{icons:{IconChevronsDown:c},localization:u,mantineExpandAllButtonProps:g,renderDetailPanel:m},toggleAllRowsExpanded:h}=o,{density:p,isLoading:f}=d(),v=Object.assign(Object.assign({},pe(g,{table:o})),a),x=i();return s.jsx(We,{label:((n=v==null?void 0:v.title)!==null&&n!==void 0?n:x)?u.collapseAll:u.expandAll,openDelay:1e3,withinPortal:!0,children:s.jsx(Ee,Object.assign({"aria-label":u.expandAll,color:"gray",variant:"subtle"},v,{className:je("mrt-expand-all-button",Us.root,v==null?void 0:v.className,p),disabled:f||!m&&!r(),onClick:()=>h(!x),title:void 0,children:(t=v==null?void 0:v.children)!==null&&t!==void 0?t:s.jsx(c,{className:je(Us.chevron,x?Us.up:l()?Us.right:void 0)})}))})};var Zi={root:"MRT_ShowHideColumnsMenu-module_root__2UWak",content:"MRT_ShowHideColumnsMenu-module_content__ehkWQ"},qn={root:"MRT_ShowHideColumnsMenuItems-module_root__wYgv-",menu:"MRT_ShowHideColumnsMenuItems-module_menu__CeATR",grab:"MRT_ShowHideColumnsMenuItems-module_grab__a-d-y",pin:"MRT_ShowHideColumnsMenuItems-module_pin__P437b",switch:"MRT_ShowHideColumnsMenuItems-module_switch__tMsdt",header:"MRT_ShowHideColumnsMenuItems-module_header__xVkKb"};const Yn=e=>{var n,t,o,a;return(a=(n=e.id)!==null&&n!==void 0?n:(o=(t=e.accessorKey)===null||t===void 0?void 0:t.toString)===null||o===void 0?void 0:o.call(t))!==null&&a!==void 0?a:e.header},oo=e=>{const n=[],t=o=>{o.forEach(a=>{a.columns?t(a.columns):n.push(a)})};return t(e),n},id=({columnDefs:e,tableOptions:n})=>{const{aggregationFns:t={},defaultDisplayColumn:o,filterFns:a={},sortingFns:r={},state:{columnFilterFns:i={}}={}}=n;return e?.map(l=>{var d,c;if(l.id||(l.id=Yn(l)),l.columnDefType||(l.columnDefType="data"),!((d=l.columns)===null||d===void 0)&&d.length)l.columnDefType="group",l.columns=id({columnDefs:l.columns,tableOptions:n});else if(l.columnDefType==="data"){if(Array.isArray(l.aggregationFn)){const u=l.aggregationFn;l.aggregationFn=(g,m,h)=>u?.map(p=>{var f;return(f=t[p])===null||f===void 0?void 0:f.call(t,g,m,h)})}Object.keys(a).includes(i[l.id])&&(l.filterFn=(c=a[i[l.id]])!==null&&c!==void 0?c:a.fuzzy,l._filterFn=i[l.id]),Object.keys(r).includes(l.sortingFn)&&(l.sortingFn=r[l.sortingFn])}else l.columnDefType==="display"&&(l=Object.assign(Object.assign({},o),l));return l})},ld=(e,n,t)=>{e.getCanPin()&&e.pin(n.getIsPinned());const o=[...t];return o.splice(o.indexOf(n.id),0,o.splice(o.indexOf(e.id),1)[0]),o},Mb=e=>{const{filterVariant:n}=e;return n==="multi-select"?"arrIncludesSome":n!=null&&n.includes("range")?"betweenInclusive":["checkbox","date","select"].includes(n||"")?"equals":"fuzzy"},cd=({allColumns:e,column:n,hoveredColumn:t,setHoveredColumn:o,table:a})=>{var r;const i=An(),{getState:l,options:{enableColumnOrdering:d,enableColumnPinning:c,enableHiding:u,localization:g},setColumnOrder:m}=a,{columnOrder:h}=l(),{columnDef:p}=n,{columnDefType:f}=p,v=f!=="group"&&n.getIsVisible()||f==="group"&&n.getLeafColumns()?.some(S=>S.getIsVisible()),x=S=>{var T,N;f==="group"?(N=(T=S==null?void 0:S.columns)===null||T===void 0?void 0:T.forEach)===null||N===void 0||N.call(T,F=>{F.toggleVisibility(!v)}):S.toggleVisibility()},b=y.useRef(null),[w,C]=y.useState(!1),j=S=>{C(!0),S.dataTransfer.setDragImage(b.current,0,0)},M=S=>{C(!1),o(null),t&&m(ld(n,t,h))},k=S=>{!w&&p.enableColumnOrdering!==!1&&o(n)};return!p.header||p.visibleInShowHideMenu===!1?null:s.jsxs(s.Fragment,{children:[s.jsx(De.Item,Object.assign({className:qn.root,component:"span",onDragEnter:k,ref:b,style:{"--_column-depth":`${(n.depth+.5)*2}rem`,"--_hover-color":rb(i)}},no("dragging",w),no("order-hovered",(t==null?void 0:t.id)===n.id),{children:s.jsxs(G,{className:qn.menu,children:[f!=="group"&&d&&!e?.some(S=>S.columnDef.columnDefType==="group")&&(p.enableColumnOrdering!==!1?s.jsx(Jr,{onDragEnd:M,onDragStart:j,table:a}):s.jsx(G,{className:qn.grab})),c&&(n.getCanPin()?s.jsx(Cb,{column:n,table:a}):s.jsx(G,{className:qn.pin})),u?s.jsx(We,{label:g.toggleVisibility,openDelay:1e3,withinPortal:!0,children:s.jsx(Sl,{checked:v,className:qn.switch,disabled:!n.getCanHide(),label:p.header,onChange:()=>x(n)})}):s.jsx(ue,{className:qn.header,children:p.header})]})})),(r=n.columns)===null||r===void 0?void 0:r?.map((S,T)=>s.jsx(cd,{allColumns:e,column:S,hoveredColumn:t,setHoveredColumn:o,table:a},`${T}-${S.id}`))]})};function Un({header:e,id:n,size:t,tableOptions:o}){const{defaultDisplayColumn:a,displayColumnDefOptions:r,localization:i}=o;return Object.assign(Object.assign(Object.assign(Object.assign({},a),{header:e?i[e]:"",size:t}),r==null?void 0:r[n]),{id:n})}const dd=e=>{const{enableRowPinning:n,rowPinningDisplayMode:t}=e;return!!(n&&!(t!=null&&t.startsWith("select")))},ud=e=>{const{enableRowDragging:n,enableRowOrdering:t}=e;return!!(n||t)},ei=e=>{const{enableExpanding:n,enableGrouping:t,renderDetailPanel:o,state:{grouping:a}}=e;return!!(n||t&&(a!=null&&a.length)||o)},ti=e=>{const{createDisplayMode:n,editDisplayMode:t,enableEditing:o,enableRowActions:a,state:{creatingRow:r}}=e;return!!(a||r&&n==="row"||o&&["modal","row"].includes(t??""))},gd=e=>!!e.enableRowSelection,md=e=>!!e.enableRowNumbers,hd=e=>e.layoutMode==="grid-no-grow",Rb=e=>[dd(e)&&"mrt-row-pin",ud(e)&&"mrt-row-drag",e.positionActionsColumn==="first"&&ti(e)&&"mrt-row-actions",e.positionExpandColumn==="first"&&ei(e)&&"mrt-row-expand",gd(e)&&"mrt-row-select",md(e)&&"mrt-row-numbers"].filter(Boolean),Nb=e=>[e.positionActionsColumn==="last"&&ti(e)&&"mrt-row-actions",e.positionExpandColumn==="last"&&ei(e)&&"mrt-row-expand",hd(e)&&"mrt-row-spacer"].filter(Boolean),ni=(e,n=!1)=>{const{state:{columnOrder:t=[]}}=e,o=Rb(e),a=Nb(e),r=oo(e.columns)?.map(l=>Yn(l));let i=n?r:Array.from(new Set([...t,...r]));return i=i.filter(l=>!o.includes(l)&&!a.includes(l)),[...o,...i,...a]},kb=({table:e})=>{const{getAllColumns:n,getAllLeafColumns:t,getCenterLeafColumns:o,getIsAllColumnsVisible:a,getIsSomeColumnsPinned:r,getIsSomeColumnsVisible:i,getLeftLeafColumns:l,getRightLeafColumns:d,getState:c,options:{enableColumnOrdering:u,enableColumnPinning:g,enableHiding:m,localization:h}}=e,{columnOrder:p,columnPinning:f}=c(),v=C=>{t().filter(j=>j.columnDef.enableHiding!==!1).forEach(j=>j.toggleVisibility(C))},x=y.useMemo(()=>{const C=n();return p.length>0&&!C?.some(j=>j.columnDef.columnDefType==="group")?[...l(),...Array.from(new Set(p))?.map(j=>o().find(M=>(M==null?void 0:M.id)===j)),...d()].filter(Boolean):C},[p,f,n(),o(),l(),d()]),[b,w]=y.useState(null);return s.jsxs(De.Dropdown,{className:je("mrt-show-hide-columns-menu",Zi.root),children:[s.jsxs(st,{className:Zi.content,children:[m&&s.jsx(pt,{disabled:!i(),onClick:()=>v(!1),variant:"subtle",children:h.hideAll}),u&&s.jsx(pt,{onClick:()=>e.setColumnOrder(ni(e.options,!0)),variant:"subtle",children:h.resetOrder}),g&&s.jsx(pt,{disabled:!r(),onClick:()=>e.resetColumnPinning(!0),variant:"subtle",children:h.unpinAll}),m&&s.jsx(pt,{disabled:a(),onClick:()=>v(!0),variant:"subtle",children:h.showAll})]}),s.jsx(De.Divider,{}),x?.map((C,j)=>s.jsx(cd,{allColumns:x,column:C,hoveredColumn:b,setHoveredColumn:w,table:e},`${j}-${C.id}`))]})},pd=e=>{var{table:n,title:t}=e,o=Te(e,["table","title"]);const{icons:{IconColumns:a},localization:{showHideColumns:r}}=n.options;return s.jsxs(De,{closeOnItemClick:!1,withinPortal:!0,children:[s.jsx(We,{label:t??r,withinPortal:!0,children:s.jsx(De.Target,{children:s.jsx(Ee,Object.assign({"aria-label":t??r,color:"gray",size:"lg",variant:"subtle"},o,{children:s.jsx(a,{})}))})}),s.jsx(kb,{table:n})]})},Db={md:"xs",xl:"md",xs:"xl"},fd=e=>{var{table:{getState:n,options:{icons:{IconBaselineDensityLarge:t,IconBaselineDensityMedium:o,IconBaselineDensitySmall:a},localization:{toggleDensity:r}},setDensity:i},title:l}=e,d=Te(e,["table","title"]);const{density:c}=n();return s.jsx(We,{label:l??r,withinPortal:!0,children:s.jsx(Ee,Object.assign({"aria-label":l??r,color:"gray",onClick:()=>i(u=>Db[u]),size:"lg",variant:"subtle"},d,{children:c==="xs"?s.jsx(a,{}):c==="md"?s.jsx(o,{}):s.jsx(t,{})}))})},vd=e=>{var{table:{getState:n,options:{icons:{IconFilter:t,IconFilterOff:o},localization:{showHideFilters:a}},setShowColumnFilters:r},title:i}=e,l=Te(e,["table","title"]);const{showColumnFilters:d}=n();return s.jsx(We,{label:i??a,withinPortal:!0,children:s.jsx(Ee,Object.assign({"aria-label":i??a,color:"gray",onClick:()=>r(c=>!c),size:"lg",variant:"subtle"},l,{children:d?s.jsx(o,{}):s.jsx(t,{})}))})},xd=e=>{var{table:{getState:n,options:{icons:{IconMaximize:t,IconMinimize:o},localization:{toggleFullScreen:a}},setIsFullScreen:r},title:i}=e,l=Te(e,["table","title"]);const{isFullScreen:d}=n(),[c,u]=y.useState(!1),g=()=>{u(!1),r(m=>!m)};return s.jsx(We,{label:i??a,opened:c,withinPortal:!0,children:s.jsx(Ee,Object.assign({"aria-label":i??a,color:"gray",onClick:g,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),size:"lg",variant:"subtle"},l,{children:d?s.jsx(o,{}):s.jsx(t,{})}))})},bd=e=>{var{table:{getState:n,options:{icons:{IconSearch:t,IconSearchOff:o},localization:{showHideSearch:a}},refs:{searchInputRef:r},setShowGlobalFilter:i},title:l}=e,d=Te(e,["table","title"]);const{globalFilter:c,showGlobalFilter:u}=n(),g=()=>{i(!u),setTimeout(()=>{var m;return(m=r.current)===null||m===void 0?void 0:m.focus()},100)};return s.jsx(We,{label:l??a,withinPortal:!0,children:s.jsx(Ee,Object.assign({"aria-label":l??a,color:"gray",disabled:!!c,onClick:g,size:"lg",variant:"subtle"},d,{children:u?s.jsx(o,{}):s.jsx(t,{})}))})},Tb=e=>{var{handleEdit:n,row:t,table:o}=e,a=Te(e,["handleEdit","row","table"]);const{options:{editDisplayMode:r,enableEditing:i,icons:{IconDots:l,IconEdit:d},localization:c,positionActionsColumn:u,renderRowActionMenuItems:g}}=o;return s.jsxs(De,{closeOnItemClick:!0,position:u==="first"?"bottom-start":u==="last"?"bottom-end":void 0,withinPortal:!0,children:[s.jsx(We,{label:c.rowActions,openDelay:1e3,withinPortal:!0,children:s.jsx(De.Target,{children:s.jsx(Ee,Object.assign({"aria-label":c.rowActions,color:"gray",onClick:m=>m.stopPropagation(),size:"sm",variant:"subtle"},a,{children:s.jsx(l,{})}))})}),s.jsxs(De.Dropdown,{onClick:m=>m.stopPropagation(),children:[i&&r!=="table"&&s.jsx(De.Item,{leftSection:s.jsx(d,{}),onClick:n,children:c.edit}),g==null?void 0:g({row:t,table:o})]})]})},Ib=({cell:e,row:n,table:t})=>{const{getState:o,options:{createDisplayMode:a,editDisplayMode:r,enableEditing:i,icons:{IconEdit:l},localization:{edit:d},renderRowActionMenuItems:c,renderRowActions:u},setEditingRow:g}=t,{creatingRow:m,editingRow:h}=o(),p=(m==null?void 0:m.id)===n.id,f=(h==null?void 0:h.id)===n.id,v=b=>{b.stopPropagation(),g(Object.assign({},n))},x=p&&a==="row"||f&&r==="row";return s.jsx(s.Fragment,{children:u&&!x?u({cell:e,row:n,table:t}):x?s.jsx(rd,{row:n,table:t}):!c&&pe(i,n)?s.jsx(We,{label:d,openDelay:1e3,position:"right",withinPortal:!0,children:s.jsx(Ee,{"aria-label":d,color:"gray",disabled:!!h&&h.id!==n.id,onClick:v,size:"md",variant:"subtle",children:s.jsx(l,{})})}):c?s.jsx(Tb,{handleEdit:v,row:n,table:t}):null})};var va={root:"MRT_TableFooter-module_root__-JXpw",grid:"MRT_TableFooter-module_grid__J3Ga-",sticky:"MRT_TableFooter-module_sticky__GcoK6"},Ji={root:"MRT_TableFooterRow-module_root__EuoPr","layout-mode-grid":"MRT_TableFooterRow-module_layout-mode-grid__dUEMF"},xa={root:"MRT_TableFooterCell-module_root__d8Scs",grid:"MRT_TableFooterCell-module_grid__H9jLk",group:"MRT_TableFooterCell-module_group__l3-p-"};const Fb=e=>{var n,t,o,a,r,{footer:i,renderedColumnIndex:l,table:d}=e,c=Te(e,["footer","renderedColumnIndex","table"]);const u=$n(),{options:{enableColumnPinning:g,layoutMode:m,mantineTableFooterCellProps:h}}=d,{column:p}=i,{columnDef:f}=p,{columnDefType:v}=f,x=g&&f.columnDefType!=="group"&&p.getIsPinned(),b={column:p,table:d},w=Object.assign(Object.assign(Object.assign({},pe(h,b)),pe(f.mantineTableFooterCellProps,b)),c),C={minWidth:`max(calc(var(--header-${Xt(i==null?void 0:i.id)}-size) * 1px), ${(n=f.minSize)!==null&&n!==void 0?n:30}px)`,width:`calc(var(--header-${Xt(i.id)}-size) * 1px)`};return m==="grid"?C.flex=`${[0,!1].includes(f.grow)?0:`var(--header-${Xt(i.id)}-size)`} 0 auto`:m==="grid-no-grow"&&(C.flex=`${+(f.grow||0)} 0 auto`),s.jsx(ts,Object.assign({colSpan:i.colSpan,"data-column-pinned":x||void 0,"data-first-right-pinned":x==="right"&&p.getIsFirstColumn(x)||void 0,"data-index":l,"data-last-left-pinned":x==="left"&&p.getIsLastColumn(x)||void 0},w,{__vars:Object.assign({"--mrt-cell-align":(t=w.align)!==null&&t!==void 0?t:v==="group"?"center":u.dir==="rtl"?"right":"left","--mrt-table-cell-left":x==="left"?`${p.getStart(x)}`:void 0,"--mrt-table-cell-right":x==="right"?`${p.getAfter(x)}`:void 0},w==null?void 0:w.__vars),className:je(xa.root,(m==null?void 0:m.startsWith("grid"))&&xa.grid,v==="group"&&xa.group,w==null?void 0:w.className),style:j=>Object.assign(Object.assign({},C),pe(w.style,j)),children:(o=w.children)!==null&&o!==void 0?o:i.isPlaceholder?null:(r=(a=pe(f.Footer,{column:p,footer:i,table:d}))!==null&&a!==void 0?a:f.footer)!==null&&r!==void 0?r:null}))},Pb=e=>{var n,{columnVirtualizer:t,footerGroup:o,table:a}=e,r=Te(e,["columnVirtualizer","footerGroup","table"]);const{options:{layoutMode:i,mantineTableFooterRowProps:l}}=a,{virtualColumns:d,virtualPaddingLeft:c,virtualPaddingRight:u}=t??{};if(!(!((n=o.headers)===null||n===void 0)&&n?.some(m=>typeof m.column.columnDef.footer=="string"&&!!m.column.columnDef.footer||m.column.columnDef.Footer)))return null;const g=Object.assign(Object.assign({},pe(l,{footerGroup:o,table:a})),r);return s.jsxs(an,Object.assign({className:je(Ji.root,(i==null?void 0:i.startsWith("grid"))&&Ji["layout-mode-grid"])},g,{children:[c?s.jsx(G,{component:"th",display:"flex",w:c}):null,(d??o.headers)?.map((m,h)=>{let p=m;return t&&(h=m.index,p=o.headers[h]),s.jsx(Fb,{footer:p,renderedColumnIndex:h,table:a},p.id)}),u?s.jsx(G,{component:"th",display:"flex",w:u}):null]}))},Eb=e=>{var{columnVirtualizer:n,table:t}=e,o=Te(e,["columnVirtualizer","table"]);const{getFooterGroups:a,getState:r,options:{enableStickyFooter:i,layoutMode:l,mantineTableFooterProps:d},refs:{tableFooterRef:c}}=t,{isFullScreen:u}=r(),g=Object.assign(Object.assign({},pe(d,{table:t})),o),m=(u||i)&&i!==!1;return s.jsx(zr,Object.assign({},g,{className:je(va.root,g==null?void 0:g.className,m&&va.sticky,(l==null?void 0:l.startsWith("grid"))&&va.grid),ref:h=>{c.current=h,g!=null&&g.ref&&(g.ref.current=h)},children:a()?.map(h=>s.jsx(Pb,{columnVirtualizer:n,footerGroup:h,table:t},h.id))}))};var fn={root:"MRT_TableHead-module_root__j9NkO","root-grid":"MRT_TableHead-module_root-grid__c3aGl","root-table-row-group":"MRT_TableHead-module_root-table-row-group__d9FO4","root-sticky":"MRT_TableHead-module_root-sticky__0kuDE","banner-tr":"MRT_TableHead-module_banner-tr__EhT-x","banner-th":"MRT_TableHead-module_banner-th__KwM5a",grid:"MRT_TableHead-module_grid__OJ-td"},ba={root:"MRT_TableHeadRow-module_root__hUKv4","layout-mode-grid":"MRT_TableHeadRow-module_layout-mode-grid__4ZGri",sticky:"MRT_TableHeadRow-module_sticky__Ej7Ax"},dt={root:"MRT_TableHeadCell-module_root__6y50a","root-grid":"MRT_TableHeadCell-module_root-grid__bAf1d","root-virtualized":"MRT_TableHeadCell-module_root-virtualized__CWLit","root-no-select":"MRT_TableHeadCell-module_root-no-select__BEOVU",content:"MRT_TableHeadCell-module_content__-pzSK","content-spaced":"MRT_TableHeadCell-module_content-spaced__S85Aa","content-center":"MRT_TableHeadCell-module_content-center__c-17L","content-right":"MRT_TableHeadCell-module_content-right__NSRZU","content-wrapper":"MRT_TableHeadCell-module_content-wrapper__py6aJ","content-wrapper-hidden-overflow":"MRT_TableHeadCell-module_content-wrapper-hidden-overflow__QY40r","content-wrapper-nowrap":"MRT_TableHeadCell-module_content-wrapper-nowrap__-4aIg",labels:"MRT_TableHeadCell-module_labels__oiMSr","labels-right":"MRT_TableHeadCell-module_labels-right__6ZJp-","labels-center":"MRT_TableHeadCell-module_labels-center__MM9q8","labels-sortable":"MRT_TableHeadCell-module_labels-sortable__tyuLr","labels-data":"MRT_TableHeadCell-module_labels-data__PvFGO","content-actions":"MRT_TableHeadCell-module_content-actions__utxbm"},Ob={"filter-mode-label":"MRT_TableHeadCellFilterContainer-module_filter-mode-label__8reK-"};const yd=(e,n,t,o)=>{const a=$v(e.getValue(n),t,{threshold:vt.MATCHES});return o(a),a.passed};yd.autoRemove=e=>!e;const wd=(e,n,t)=>{var o;return(o=e.getValue(n))===null||o===void 0?void 0:o.toString().toLowerCase().trim().includes(t.toString().toLowerCase().trim())};wd.autoRemove=e=>!e;const jd=(e,n,t)=>{var o;return(o=e.getValue(n))===null||o===void 0?void 0:o.toString().toLowerCase().trim().startsWith(t.toString().toLowerCase().trim())};jd.autoRemove=e=>!e;const Cd=(e,n,t)=>{var o;return(o=e.getValue(n))===null||o===void 0?void 0:o.toString().toLowerCase().trim().endsWith(t.toString().toLowerCase().trim())};Cd.autoRemove=e=>!e;const Ko=(e,n,t)=>{var o;return((o=e.getValue(n))===null||o===void 0?void 0:o.toString().toLowerCase().trim())===(t==null?void 0:t.toString().toLowerCase().trim())};Ko.autoRemove=e=>!e;const Sd=(e,n,t)=>{var o;return((o=e.getValue(n))===null||o===void 0?void 0:o.toString().toLowerCase().trim())!==t.toString().toLowerCase().trim()};Sd.autoRemove=e=>!e;const Yo=(e,n,t)=>{var o;return!isNaN(+t)&&!isNaN(+e.getValue(n))?+e.getValue(n)>+t:((o=e.getValue(n))===null||o===void 0?void 0:o.toString().toLowerCase().trim())>(t==null?void 0:t.toString().toLowerCase().trim())};Yo.autoRemove=e=>!e;const si=(e,n,t)=>Ko(e,n,t)||Yo(e,n,t);si.autoRemove=e=>!e;const Qo=(e,n,t)=>{var o;return!isNaN(+t)&&!isNaN(+e.getValue(n))?+e.getValue(n)<+t:((o=e.getValue(n))===null||o===void 0?void 0:o.toString().toLowerCase().trim())<(t==null?void 0:t.toString().toLowerCase().trim())};Qo.autoRemove=e=>!e;const oi=(e,n,t)=>Ko(e,n,t)||Qo(e,n,t);oi.autoRemove=e=>!e;const _d=(e,n,t)=>(["",void 0].includes(t[0])||Yo(e,n,t[0]))&&(!isNaN(+t[0])&&!isNaN(+t[1])&&+t[0]>+t[1]||["",void 0].includes(t[1])||Qo(e,n,t[1]));_d.autoRemove=e=>!e;const Md=(e,n,t)=>(["",void 0].includes(t[0])||si(e,n,t[0]))&&(!isNaN(+t[0])&&!isNaN(+t[1])&&+t[0]>+t[1]||["",void 0].includes(t[1])||oi(e,n,t[1]));Md.autoRemove=e=>!e;const Rd=(e,n,t)=>{var o;return!(!((o=e.getValue(n))===null||o===void 0)&&o.toString().trim())};Rd.autoRemove=e=>!e;const Nd=(e,n,t)=>{var o;return!!(!((o=e.getValue(n))===null||o===void 0)&&o.toString().trim())};Nd.autoRemove=e=>!e;const Ab=Object.assign(Object.assign({},sn),{between:_d,betweenInclusive:Md,contains:wd,empty:Rd,endsWith:Cd,equals:Ko,fuzzy:yd,greaterThan:Yo,greaterThanOrEqualTo:si,lessThan:Qo,lessThanOrEqualTo:oi,notEmpty:Nd,notEquals:Sd,startsWith:jd});function ai(e,n){var t;if(!n)return"";const o=`filter${n[0].toUpperCase()}${n.slice(1)}`;return(t=e[o])!==null&&t!==void 0?t:""}var zb={root:"MRT_FilterCheckBox-module_root__59h9r"};const $b=e=>{var n,t,o,{column:a,table:r}=e,i=Te(e,["column","table"]);const{getState:l,options:{localization:d,mantineFilterCheckboxProps:c}}=r,{density:u}=l(),{columnDef:g}=a,m={column:a,table:r},h=Object.assign(Object.assign(Object.assign({},pe(c,m)),pe(g.mantineFilterCheckboxProps,m)),i),p=(n=d.filterByColumn)===null||n===void 0?void 0:n.replace("{column}",g.header),f=a.getFilterValue();return s.jsx(We,{label:(t=h==null?void 0:h.title)!==null&&t!==void 0?t:p,openDelay:1e3,withinPortal:!0,children:s.jsx(_l,Object.assign({checked:f==="true",className:je("mrt-filter-checkbox",zb.root),indeterminate:f===void 0,label:(o=h.title)!==null&&o!==void 0?o:p,size:u==="xs"?"sm":"md"},h,{onChange:v=>{var x;a.setFilterValue(a.getFilterValue()===void 0?"true":a.getFilterValue()==="true"?"false":void 0),(x=h==null?void 0:h.onChange)===null||x===void 0||x.call(h,v)},onClick:v=>{var x;v.stopPropagation(),(x=h==null?void 0:h.onClick)===null||x===void 0||x.call(h,v)},title:void 0}))})};var Lb={root:"MRT_FilterRangeFields-module_root__KfCcg"},ps={root:"MRT_FilterTextInput-module_root__Ss8Ql","date-filter":"MRT_FilterTextInput-module_date-filter__jOBLB","range-filter":"MRT_FilterTextInput-module_range-filter__JQHAL","not-filter-chip":"MRT_FilterTextInput-module_not-filter-chip__u8b1y","filter-chip-badge":"MRT_FilterTextInput-module_filter-chip-badge__Sel2k"};const Ua=e=>{var n,t,o,a,r,i,l,d,{header:c,rangeFilterIndex:u,table:g}=e,m=Te(e,["header","rangeFilterIndex","table"]);const{options:{columnFilterDisplayMode:h,columnFilterModeOptions:p,icons:{IconX:f},localization:v,mantineFilterAutocompleteProps:x,mantineFilterDateInputProps:b,mantineFilterMultiSelectProps:w={clearable:!0},mantineFilterSelectProps:C,mantineFilterTextInputProps:j,manualFiltering:M},refs:{filterInputRefs:k},setColumnFilterFns:S}=g,{column:T}=c,{columnDef:N}=T,F={column:T,rangeFilterIndex:u,table:g},E=Object.assign(Object.assign(Object.assign({},pe(j,F)),pe(N.mantineFilterTextInputProps,F)),m),V=Object.assign(Object.assign({},pe(C,F)),pe(N.mantineFilterSelectProps,F)),L=Object.assign(Object.assign({},pe(w,F)),pe(N.mantineFilterMultiSelectProps,F)),B=Object.assign(Object.assign({},pe(b,F)),pe(N.mantineFilterDateInputProps,F)),_=Object.assign(Object.assign({},pe(x,F)),pe(N.mantineFilterAutocompleteProps,F)),D=N.filterVariant==="range"||N.filterVariant==="date-range"||u!==void 0,O=N.filterVariant==="select",P=N.filterVariant==="multi-select",$=N.filterVariant==="date"||N.filterVariant==="date-range",z=N.filterVariant==="autocomplete",H=(n=N==null?void 0:N.columnFilterModeOptions)!==null&&n!==void 0?n:p,ae=N._filterFn,ie=["empty","notEmpty"].includes(ae)?ai(v,ae):"",Q=D?u===0?v.min:u===1?v.max:"":(t=E==null?void 0:E.placeholder)!==null&&t!==void 0?t:(o=v.filterByColumn)===null||o===void 0?void 0:o.replace("{column}",String(N.header)),se=T.getFacetedUniqueValues(),te=y.useMemo(()=>{var A,ne,be;return((be=(ne=(A=_==null?void 0:_.data)!==null&&A!==void 0?A:V==null?void 0:V.data)!==null&&ne!==void 0?ne:L==null?void 0:L.data)!==null&&be!==void 0?be:(z||O||P)&&se?Array.from(se.keys()).filter(ve=>ve!==null).sort((ve,Se)=>ve.localeCompare(Se)):[]).filter(ve=>ve!=null)},[_==null?void 0:_.data,se,z,P,O,L==null?void 0:L.data,V==null?void 0:V.data]),Z=y.useRef(!1),[I,Y]=y.useState(()=>{var A,ne;return P?T.getFilterValue()||[]:D?((A=T.getFilterValue())===null||A===void 0?void 0:A[u])||"":(ne=T.getFilterValue())!==null&&ne!==void 0?ne:""}),[ce]=Rl(I,M?400:200);y.useEffect(()=>{Z.current&&(D?T.setFilterValue(A=>{const ne=Array.isArray(A)?A:["",""];return ne[u]=ce,ne}):T.setFilterValue(ce??void 0))},[ce]),y.useEffect(()=>{if(!Z.current){Z.current=!0;return}const A=T.getFilterValue();A===void 0?ee():Y(D&&u!==void 0?(A??["",""])[u]:A??"")},[T.getFilterValue()]);const ee=()=>{P?(Y([]),T.setFilterValue([])):D?(Y(""),T.setFilterValue(A=>{const ne=Array.isArray(A)?A:["",""];return ne[u]=void 0,ne})):O?(Y(null),T.setFilterValue(null)):(Y(""),T.setFilterValue(void 0))},W=()=>{P?(Y([]),T.setFilterValue([])):(Y(""),T.setFilterValue(void 0)),S(A=>{var ne;return Object.assign(Object.assign({},A),{[c.id]:(ne=H==null?void 0:H[0])!==null&&ne!==void 0?ne:"fuzzy"})})},me={"aria-label":Q,className:je("mrt-filter-text-input",ps.root,$?ps["date-filter"]:D?ps["range-filter"]:!ie&&ps["not-filter-chip"]),disabled:!!ie,onChange:Y,onClick:A=>A.stopPropagation(),placeholder:Q,style:Object.assign({},P?L==null?void 0:L.style:O?V==null?void 0:V.style:$?B==null?void 0:B.style:E==null?void 0:E.style),title:Q,value:P&&!Array.isArray(I)?[]:I,variant:"unstyled"},{className:le}=me,de=Te(me,["className"]),K=I?s.jsx(Ee,{"aria-label":v.clearFilter,color:"var(--mantine-color-gray-7)",onClick:ee,size:"sm",title:(a=v.clearFilter)!==null&&a!==void 0?a:"",variant:"transparent",children:s.jsx(f,{})}):null;return N.Filter?s.jsx(s.Fragment,{children:(r=N.Filter)===null||r===void 0?void 0:r.call(N,{column:T,header:c,rangeFilterIndex:u,table:g})}):ie?s.jsx(G,{style:de.style,children:s.jsx(nt,{className:ps["filter-chip-badge"],onClick:W,rightSection:K,size:"lg",children:ie})}):P?s.jsx(_o,Object.assign({},de,{searchable:!0},L,{className:je(le,L.className),data:te,onChange:A=>Y(A),ref:A=>{A&&(k.current[`${T.id}-${u??0}`]=A,L.ref&&(L.ref.current=A))},rightSection:!((i=I==null?void 0:I.toString())===null||i===void 0)&&i.length&&(L!=null&&L.clearable)?K:void 0,style:de.style})):O?s.jsx(tn,Object.assign({},de,{clearable:!0,searchable:!0},V,{className:je(le,V.className),clearButtonProps:{size:"md"},data:te,ref:A=>{A&&(k.current[`${T.id}-${u??0}`]=A,V.ref&&(V.ref.current=A))},style:de.style})):$?s.jsx(Zr,Object.assign({},de,{allowDeselect:!0,clearable:!0,popoverProps:{withinPortal:h!=="popover"}},B,{className:je(le,B.className),onChange:A=>de.onChange(A===null?"":A),ref:A=>{A&&(k.current[`${T.id}-${u??0}`]=A,B.ref&&(B.ref.current=A))},style:de.style})):z?s.jsx(vr,Object.assign({},de,{onChange:A=>Y(A),rightSection:!((l=I==null?void 0:I.toString())===null||l===void 0)&&l.length?K:void 0},_,{className:je(le,_.className),data:te,ref:A=>{A&&(k.current[`${T.id}-${u??0}`]=A,_.ref&&(_.ref.current=A))},style:de.style})):s.jsx(qe,Object.assign({},de,{onChange:A=>Y(A.target.value),rightSection:!((d=I==null?void 0:I.toString())===null||d===void 0)&&d.length?K:void 0},E,{className:je(le,E.className),mt:0,ref:A=>{A&&(k.current[`${T.id}-${u??0}`]=A,E.ref&&(E.ref.current=A))},style:de.style}))},Vb=e=>{var{header:n,table:t}=e,o=Te(e,["header","table"]);return s.jsxs(G,Object.assign({},o,{className:je("mrt-filter-range-fields",Lb.root,o.className),children:[s.jsx(Ua,{header:n,rangeFilterIndex:0,table:t}),s.jsx(Ua,{header:n,rangeFilterIndex:1,table:t})]}))};var Bb={root:"MRT_FilterRangeSlider-module_root__uwYEk"};const Ub=e=>{var n,{header:t,table:o}=e,a=Te(e,["header","table"]);const{options:{mantineFilterRangeSliderProps:r},refs:{filterInputRefs:i}}=o,{column:l}=t,{columnDef:d}=l,c={column:l,table:o},u=Object.assign(Object.assign(Object.assign({},pe(r,c)),pe(d.mantineFilterRangeSliderProps,c)),a);let[g,m]=u.min!==void 0&&u.max!==void 0?[u.min,u.max]:(n=l.getFacetedMinMaxValues())!==null&&n!==void 0?n:[0,1];Array.isArray(g)&&(g=g[0]),Array.isArray(m)&&(m=m[0]),g===null&&(g=0),m===null&&(m=1);const[h,p]=y.useState([g,m]),f=l.getFilterValue(),v=y.useRef(!1);return y.useEffect(()=>{v.current&&(f===void 0?p([g,m]):Array.isArray(f)&&p(f)),v.current=!0},[f,g,m]),s.jsx(Or,Object.assign({className:je("mrt-filter-range-slider",Bb.root),max:m,min:g,onChange:x=>{p(x)},onChangeEnd:x=>{Array.isArray(x)&&(x[0]<=g&&x[1]>=m?l.setFilterValue(void 0):l.setFilterValue(x))},value:h},u,{ref:x=>{x&&(i.current[`${l.id}-0`]=x,u!=null&&u.ref&&(u.ref=x))}}))};var Hb={symbol:"MRT_FilterOptionMenu-module_symbol__a1Bsy"};const Gb=e=>[{divider:!1,label:e.filterFuzzy,option:"fuzzy",symbol:"≈"},{divider:!1,label:e.filterContains,option:"contains",symbol:"*"},{divider:!1,label:e.filterStartsWith,option:"startsWith",symbol:"a"},{divider:!0,label:e.filterEndsWith,option:"endsWith",symbol:"z"},{divider:!1,label:e.filterEquals,option:"equals",symbol:"="},{divider:!0,label:e.filterNotEquals,option:"notEquals",symbol:"≠"},{divider:!1,label:e.filterBetween,option:"between",symbol:"⇿"},{divider:!0,label:e.filterBetweenInclusive,option:"betweenInclusive",symbol:"⬌"},{divider:!1,label:e.filterGreaterThan,option:"greaterThan",symbol:">"},{divider:!1,label:e.filterGreaterThanOrEqualTo,option:"greaterThanOrEqualTo",symbol:"≥"},{divider:!1,label:e.filterLessThan,option:"lessThan",symbol:"<"},{divider:!0,label:e.filterLessThanOrEqualTo,option:"lessThanOrEqualTo",symbol:"≤"},{divider:!1,label:e.filterEmpty,option:"empty",symbol:"∅"},{divider:!1,label:e.filterNotEmpty,option:"notEmpty",symbol:"!∅"}],Hs=["between","betweenInclusive","inNumberRange"],ya=["empty","notEmpty"],qb=["arrIncludesSome","arrIncludesAll","arrIncludes"],el=["range-slider","date-range","range"],kd=({header:e,onSelect:n,table:t})=>{var o,a,r,i;const{getState:l,options:{columnFilterModeOptions:d,globalFilterModeOptions:c,localization:u,renderColumnFilterModeMenuItems:g,renderGlobalFilterModeMenuItems:m},setColumnFilterFns:h,setGlobalFilterFn:p}=t,{globalFilterFn:f}=l(),{column:v}=e??{},{columnDef:x}=v??{},b=v==null?void 0:v.getFilterValue();let w=(o=x==null?void 0:x.columnFilterModeOptions)!==null&&o!==void 0?o:d;el.includes(x==null?void 0:x.filterVariant)&&(w=[...Hs,...w??[]].filter(k=>Hs.includes(k)));const C=y.useMemo(()=>Gb(u).filter(k=>x?w===void 0||(w==null?void 0:w.includes(k.option)):(!c||c.includes(k.option))&&["contains","fuzzy","startsWith"].includes(k.option)),[]),j=k=>{var S;const T=(S=x==null?void 0:x._filterFn)!==null&&S!==void 0?S:"";!e||!v?p(k):k!==T&&(h(N=>Object.assign(Object.assign({},N),{[e.id]:k})),ya.includes(k)?b!==" "&&!ya.includes(T)?v.setFilterValue(" "):b&&v.setFilterValue(b):(x==null?void 0:x.filterVariant)==="multi-select"||qb.includes(k)?b instanceof String||b!=null&&b.length?v.setFilterValue([]):b&&v.setFilterValue(b):el.includes(x==null?void 0:x.filterVariant)||Hs.includes(k)?!Array.isArray(b)||!(b!=null&&b.every(N=>N===""))&&!Hs.includes(T)?v.setFilterValue(["",""]):v.setFilterValue(b):Array.isArray(b)?v.setFilterValue(""):b===" "&&ya.includes(T)?v.setFilterValue(void 0):v.setFilterValue(b)),n==null||n()},M=e&&x?x._filterFn:f;return s.jsx(De.Dropdown,{children:(i=e&&v&&x?(r=(a=x.renderColumnFilterModeMenuItems)===null||a===void 0?void 0:a.call(x,{column:v,internalFilterOptions:C,onSelectFilterMode:j,table:t}))!==null&&r!==void 0?r:g==null?void 0:g({column:v,internalFilterOptions:C,onSelectFilterMode:j,table:t}):m==null?void 0:m({internalFilterOptions:C,onSelectFilterMode:j,table:t}))!==null&&i!==void 0?i:C?.map(({divider:k,label:S,option:T,symbol:N},F)=>s.jsxs(y.Fragment,{children:[s.jsx(De.Item,{color:T===M?"blue":void 0,leftSection:s.jsx("span",{className:Hb.symbol,children:N}),onClick:()=>j(T),value:T,children:S}),k&&s.jsx(De.Divider,{})]},F))})},Dd=e=>{var n,t,{header:o,table:a}=e,r=Te(e,["header","table"]);const{getState:i,options:{columnFilterDisplayMode:l,columnFilterModeOptions:d,enableColumnFilterModes:c,icons:{IconFilterCog:u},localization:g},refs:{filterInputRefs:m}}=a,{showColumnFilters:h}=i(),{column:p}=o,{columnDef:f}=p,v=f._filterFn,x=(n=f==null?void 0:f.columnFilterModeOptions)!==null&&n!==void 0?n:d,b=c&&f.enableColumnFilterModes!==!1&&(x===void 0||!!(x!=null&&x.length));return s.jsx(as,{in:h||l==="popover",children:s.jsxs(st,Object.assign({direction:"column"},r,{children:[s.jsxs(st,{align:"flex-end",children:[f.filterVariant==="checkbox"?s.jsx($b,{column:p,table:a}):f.filterVariant==="range-slider"?s.jsx(Ub,{header:o,table:a}):["date-range","range"].includes((t=f.filterVariant)!==null&&t!==void 0?t:"")||["between","betweenInclusive","inNumberRange"].includes(f._filterFn)?s.jsx(Vb,{header:o,table:a}):s.jsx(Ua,{header:o,table:a}),b&&s.jsxs(De,{withinPortal:l!=="popover",children:[s.jsx(We,{label:g.changeFilterMode,position:"bottom-start",withinPortal:!0,children:s.jsx(De.Target,{children:s.jsx(Ee,{"aria-label":g.changeFilterMode,color:"gray",size:"md",variant:"subtle",children:s.jsx(u,{})})})}),s.jsx(kd,{header:o,onSelect:()=>setTimeout(()=>{var w;return(w=m.current[`${p.id}-0`])===null||w===void 0?void 0:w.focus()},100),table:a})]})]}),b?s.jsx(ue,{c:"dimmed",className:Ob["filter-mode-label"],component:"label",children:g.filterMode.replace("{filterType}",ai(g,v))}):null]}))})};var Wb={root:"MRT_TableHeadCellFilterLabel-module_root__Rur2R"};const Kb=e=>{var n,t,o,{header:a,table:r}=e,i=Te(e,["header","table"]);const{options:{columnFilterDisplayMode:l,icons:{IconFilter:d},localization:c},refs:{filterInputRefs:u},setShowColumnFilters:g}=r,{column:m}=a,{columnDef:h}=m,p=m.getFilterValue(),[f,v]=y.useState(!1),x=Array.isArray(p)&&p?.some(Boolean)||!!p&&!Array.isArray(p),b=h.filterVariant==="range"||h.filterVariant==="date-range"||["between","betweenInclusive","inNumberRange"].includes(h._filterFn),w=h._filterFn,C=h.filterTooltipValueFn||(M=>M),j=l==="popover"&&!x?(n=c.filterByColumn)===null||n===void 0?void 0:n.replace("{column}",String(h.header)):c.filteringByColumn.replace("{column}",String(h.header)).replace("{filterType}",ai(c,w)).replace("{filterValue}",`"${Array.isArray(m.getFilterValue())?m.getFilterValue()?.map(M=>C(M)).join(`" ${b?c.and:c.or} "`):C(m.getFilterValue())}"`).replace('" "',"");return s.jsx(s.Fragment,{children:s.jsxs(Nt,{keepMounted:h.filterVariant==="range-slider",onChange:v,onClose:()=>v(!1),opened:f,position:"top",shadow:"xl",width:360,withinPortal:!0,children:[s.jsx(ss,{mounted:l==="popover"||!!m.getFilterValue()&&!b||b&&(!!(!((t=m.getFilterValue())===null||t===void 0)&&t[0])||!!(!((o=m.getFilterValue())===null||o===void 0)&&o[1])),transition:"scale",children:()=>s.jsx(Nt.Target,{children:s.jsx(We,{disabled:f,label:j,multiline:!0,w:j.length>40?300:void 0,withinPortal:!0,children:s.jsx(Ee,Object.assign({className:je("mrt-table-head-cell-filter-label-icon",Wb.root),size:18},no("active",x),{onClick:M=>{M.stopPropagation(),l==="popover"?v(k=>!k):g(!0),setTimeout(()=>{const k=u.current[`${m.id}-0`];k==null||k.focus(),k==null||k.select()},100)}},i,{children:s.jsx(d,{size:"100%"})}))})})}),l==="popover"&&s.jsx(Nt.Dropdown,{onClick:M=>M.stopPropagation(),onKeyDown:M=>M.key==="Enter"&&v(!1),onMouseDown:M=>M.stopPropagation(),children:s.jsx(Dd,{header:a,table:r})})]})})},Yb=e=>{var{column:n,table:t,tableHeadCellRef:o}=e,a=Te(e,["column","table","tableHeadCellRef"]);const{getState:r,options:{enableColumnOrdering:i,mantineColumnDragHandleProps:l},setColumnOrder:d,setDraggingColumn:c,setHoveredColumn:u}=t,{columnDef:g}=n,{columnOrder:m,draggingColumn:h,hoveredColumn:p}=r(),f={column:n,table:t},v=Object.assign(Object.assign(Object.assign({},pe(l,f)),pe(g.mantineColumnDragHandleProps,f)),a),x=w=>{var C;(C=v==null?void 0:v.onDragStart)===null||C===void 0||C.call(v,w),c(n),w.dataTransfer.setDragImage(o.current,0,0)},b=w=>{var C;(C=v==null?void 0:v.onDragEnd)===null||C===void 0||C.call(v,w),(p==null?void 0:p.id)==="drop-zone"?n.toggleGrouping():i&&p&&(p==null?void 0:p.id)!==(h==null?void 0:h.id)&&d(ld(n,p,m)),c(null),u(null)};return s.jsx(Jr,{actionIconProps:v,onDragEnd:b,onDragStart:x,table:t})};var wa={root:"MRT_TableHeadCellResizeHandle-module_root__paufe","root-ltr":"MRT_TableHeadCellResizeHandle-module_root-ltr__652AZ","root-rtl":"MRT_TableHeadCellResizeHandle-module_root-rtl__5VlSo","root-hide":"MRT_TableHeadCellResizeHandle-module_root-hide__-ILlD"};const Qb=e=>{var n,{header:t,table:o}=e,a=Te(e,["header","table"]);const{getState:r,options:{columnResizeDirection:i,columnResizeMode:l},setColumnSizingInfo:d}=o,{density:c}=r(),{column:u}=t,g=t.getResizeHandler(),m=u.getIsResizing()&&l==="onEnd"?`translateX(${(i==="rtl"?-1:1)*((n=r().columnSizingInfo.deltaOffset)!==null&&n!==void 0?n:0)}px)`:void 0;return s.jsx(G,Object.assign({onDoubleClick:()=>{d(h=>Object.assign(Object.assign({},h),{isResizingColumn:!1})),u.resetSize()},onMouseDown:g,onTouchStart:g,role:"separator"},a,{__vars:Object.assign({"--mrt-transform":m},a.__vars),className:je("mrt-table-head-cell-resize-handle",wa.root,wa[`root-${i}`],!t.subHeaders.length&&l==="onChange"&&wa["root-hide"],c,a.className)}))};var tl={"sort-icon":"MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA","multi-sort-indicator":"MRT_TableHeadCellSortLabel-module_multi-sort-indicator__MGBj2"};const Xb=e=>{var{header:n,table:t}=e,o=Te(e,["header","table"]);const{getState:a,options:{icons:{IconArrowsSort:r,IconSortAscending:i,IconSortDescending:l},localization:d}}=t,c=n.column,{columnDef:u}=c,{sorting:g}=a(),m=c.getIsSorted(),h=c.getSortIndex(),p=m?m==="desc"?d.sortedByColumnDesc.replace("{column}",u.header):d.sortedByColumnAsc.replace("{column}",u.header):c.getNextSortingOrder()==="desc"?d.sortByColumnDesc.replace("{column}",u.header):d.sortByColumnAsc.replace("{column}",u.header),f=s.jsx(Ee,Object.assign({"aria-label":p},no("sorted",m),o,{className:je("mrt-table-head-sort-button",tl["sort-icon"],o.className),children:m==="desc"?s.jsx(l,{size:"100%"}):m==="asc"?s.jsx(i,{size:"100%"}):s.jsx(r,{size:"100%"})}));return s.jsx(We,{label:p,openDelay:1e3,withinPortal:!0,children:g.length<2||h===-1?f:s.jsx(Cr,{className:je("mrt-table-head-multi-sort-indicator",tl["multi-sort-indicator"]),inline:!0,label:h+1,offset:4,children:f})})};var nl={left:"MRT_ColumnActionMenu-module_left__cfNmY",right:"MRT_ColumnActionMenu-module_right__-nK56"};const Zb=e=>{var n,t,o,a,r,i,l,d,c,u,{header:g,table:m}=e,h=Te(e,["header","table"]);const{getState:p,options:{columnFilterDisplayMode:f,enableColumnFilters:v,enableColumnPinning:x,enableColumnResizing:b,enableGrouping:w,enableHiding:C,enableSorting:j,enableSortingRemoval:M,icons:{IconArrowAutofitContent:k,IconBoxMultiple:S,IconClearAll:T,IconColumns:N,IconDotsVertical:F,IconEyeOff:E,IconFilter:V,IconFilterOff:L,IconPinned:B,IconPinnedOff:_,IconSortAscending:D,IconSortDescending:O},localization:P,mantineColumnActionsButtonProps:$,renderColumnActionsMenuItems:z},refs:{filterInputRefs:H},setColumnOrder:ae,setColumnSizingInfo:ie,setShowColumnFilters:Q,toggleAllColumnsVisible:se}=m,{column:te}=g,{columnDef:Z}=te,{columnSizing:I,columnVisibility:Y}=p(),ce={column:te,table:m},ee=Object.assign(Object.assign({},pe($,ce)),pe(Z.mantineColumnActionsButtonProps,ce)),W=()=>{te.clearSorting()},me=()=>{te.toggleSorting(!1)},le=()=>{te.toggleSorting(!0)},de=()=>{ie(U=>Object.assign(Object.assign({},U),{isResizingColumn:!1})),te.resetSize()},K=()=>{te.toggleVisibility(!1)},A=U=>{te.pin(U)},ne=()=>{te.toggleGrouping(),ae(U=>["mrt-row-expand",...U])},be=()=>{te.setFilterValue("")},ve=()=>{Q(!0),setTimeout(()=>{var U;return(U=H.current[`${te.id}-0`])===null||U===void 0?void 0:U.focus()},100)},Se=()=>{se(!0)},we=s.jsxs(s.Fragment,{children:[j&&te.getCanSort()&&s.jsxs(s.Fragment,{children:[M!==!1&&s.jsx(De.Item,{disabled:!te.getIsSorted(),leftSection:s.jsx(T,{}),onClick:W,children:P.clearSort}),s.jsx(De.Item,{disabled:te.getIsSorted()==="asc",leftSection:s.jsx(D,{}),onClick:me,children:(n=P.sortByColumnAsc)===null||n===void 0?void 0:n.replace("{column}",String(Z.header))}),s.jsx(De.Item,{disabled:te.getIsSorted()==="desc",leftSection:s.jsx(O,{}),onClick:le,children:(t=P.sortByColumnDesc)===null||t===void 0?void 0:t.replace("{column}",String(Z.header))}),(v||w||C)&&s.jsx(De.Divider,{},3)]}),v&&f!=="popover"&&te.getCanFilter()&&s.jsxs(s.Fragment,{children:[s.jsx(De.Item,{disabled:!te.getFilterValue(),leftSection:s.jsx(L,{}),onClick:be,children:P.clearFilter}),s.jsx(De.Item,{leftSection:s.jsx(V,{}),onClick:ve,children:(o=P.filterByColumn)===null||o===void 0?void 0:o.replace("{column}",String(Z.header))}),(w||C)&&s.jsx(De.Divider,{},2)]}),w&&te.getCanGroup()&&s.jsxs(s.Fragment,{children:[s.jsx(De.Item,{leftSection:s.jsx(S,{}),onClick:ne,children:(a=P[te.getIsGrouped()?"ungroupByColumn":"groupByColumn"])===null||a===void 0?void 0:a.replace("{column}",String(Z.header))}),x&&s.jsx(De.Divider,{})]}),x&&te.getCanPin()&&s.jsxs(s.Fragment,{children:[s.jsx(De.Item,{disabled:te.getIsPinned()==="left"||!te.getCanPin(),leftSection:s.jsx(B,{className:nl.left}),onClick:()=>A("left"),children:P.pinToLeft}),s.jsx(De.Item,{disabled:te.getIsPinned()==="right"||!te.getCanPin(),leftSection:s.jsx(B,{className:nl.right}),onClick:()=>A("right"),children:P.pinToRight}),s.jsx(De.Item,{disabled:!te.getIsPinned(),leftSection:s.jsx(_,{}),onClick:()=>A(!1),children:P.unpin}),C&&s.jsx(De.Divider,{})]}),b&&te.getCanResize()&&s.jsx(De.Item,{disabled:!I[te.id],leftSection:s.jsx(k,{}),onClick:de,children:P.resetColumnSize},0),C&&s.jsxs(s.Fragment,{children:[s.jsx(De.Item,{disabled:!te.getCanHide(),leftSection:s.jsx(E,{}),onClick:K,children:(r=P.hideColumn)===null||r===void 0?void 0:r.replace("{column}",String(Z.header))},0),s.jsx(De.Item,{disabled:!Object.values(Y).filter(U=>!U).length,leftSection:s.jsx(N,{}),onClick:Se,children:(i=P.showAllColumns)===null||i===void 0?void 0:i.replace("{column}",String(Z.header))},1)]})]});return s.jsxs(De,Object.assign({closeOnItemClick:!0,position:"bottom-start",withinPortal:!0},h,{children:[s.jsx(We,{label:(l=ee==null?void 0:ee.title)!==null&&l!==void 0?l:P.columnActions,openDelay:1e3,withinPortal:!0,children:s.jsx(De.Target,{children:s.jsx(Ee,Object.assign({"aria-label":P.columnActions,color:"gray",size:"sm",variant:"subtle"},ee,{children:s.jsx(F,{size:"100%"})}))})}),s.jsx(De.Dropdown,{children:(u=(c=(d=Z.renderColumnActionsMenuItems)===null||d===void 0?void 0:d.call(Z,{column:te,internalColumnMenuItems:we,table:m}))!==null&&c!==void 0?c:z==null?void 0:z({column:te,internalColumnMenuItems:we,table:m}))!==null&&u!==void 0?u:we})]}))},Jb=e=>{var n,t,o,a,r,i,{columnVirtualizer:l,header:d,renderedHeaderIndex:c=0,table:u}=e,g=Te(e,["columnVirtualizer","header","renderedHeaderIndex","table"]);const m=$n(),{getState:h,options:{columnFilterDisplayMode:p,columnResizeDirection:f,columnResizeMode:v,enableColumnActions:x,enableColumnDragging:b,enableColumnOrdering:w,enableColumnPinning:C,enableGrouping:j,enableHeaderActionsHoverReveal:M,enableMultiSort:k,layoutMode:S,mantineTableHeadCellProps:T},refs:{tableHeadCellRefs:N},setHoveredColumn:F}=u,{columnSizingInfo:E,draggingColumn:V,grouping:L,hoveredColumn:B}=h(),{column:_}=d,{columnDef:D}=_,{columnDefType:O}=D,P={column:_,table:u},$=Object.assign(Object.assign(Object.assign({},pe(T,P)),pe(D.mantineTableHeadCellProps,P)),g),z={minWidth:`max(calc(var(--header-${Xt(d==null?void 0:d.id)}-size) * 1px), ${(n=D.minSize)!==null&&n!==void 0?n:30}px)`,width:`calc(var(--header-${Xt(d.id)}-size) * 1px)`};S==="grid"?z.flex=`${[0,!1].includes(D.grow)?0:`var(--header-${Xt(d.id)}-size)`} 0 auto`:S==="grid-no-grow"&&(z.flex=`${+(D.grow||0)} 0 auto`);const H=C&&D.columnDefType!=="group"&&_.getIsPinned(),ae=(V==null?void 0:V.id)===_.id,ie=(B==null?void 0:B.id)===_.id,{hovered:Q,ref:se}=dg(),[te,Z]=y.useState(!1),I=(x||D.enableColumnActions)&&D.enableColumnActions!==!1,Y=!M||te||Q&&!u.getVisibleFlatColumns().find(le=>le.getIsResizing()),ce=b!==!1&&D.enableColumnDragging!==!1&&(b||w&&D.enableColumnOrdering!==!1||j&&D.enableGrouping!==!1&&!L.includes(_.id))&&Y,ee=y.useMemo(()=>{let le=0;return _.getCanSort()&&le++,Y&&(le+=1.75),ce&&(le+=1.25),le},[Y,ce]),W=le=>{j&&(B==null?void 0:B.id)==="drop-zone"&&F(null),w&&V&&O!=="group"&&F(D.enableColumnOrdering!==!1?_:null)},me=(D==null?void 0:D.Header)instanceof Function?(t=D==null?void 0:D.Header)===null||t===void 0?void 0:t.call(D,{column:_,header:d,table:u}):(o=D==null?void 0:D.Header)!==null&&o!==void 0?o:D.header;return s.jsxs(ts,Object.assign({colSpan:d.colSpan,"data-column-pinned":H||void 0,"data-dragging-column":ae||void 0,"data-first-right-pinned":H==="right"&&_.getIsFirstColumn(H)||void 0,"data-hovered-column-target":ie||void 0,"data-index":c,"data-last-left-pinned":H==="left"&&_.getIsLastColumn(H)||void 0,"data-resizing":v==="onChange"&&(E==null?void 0:E.isResizingColumn)===_.id&&f||void 0},$,{__vars:{"--mrt-table-cell-left":H==="left"?`${_.getStart(H)}`:void 0,"--mrt-table-cell-right":H==="right"?`${_.getAfter(H)}`:void 0},align:O==="group"?"center":m.dir==="rtl"?"right":"left",className:je(dt.root,(S==null?void 0:S.startsWith("grid"))&&dt["root-grid"],k&&_.getCanSort()&&dt["root-no-select"],l&&dt["root-virtualized"],$==null?void 0:$.className),onDragEnter:W,ref:le=>{var de;le&&(N.current[_.id]=le,se.current=le,O!=="group"&&((de=l==null?void 0:l.measureElement)===null||de===void 0||de.call(l,le)))},style:le=>Object.assign(Object.assign({},z),pe($==null?void 0:$.style,le)),children:[d.isPlaceholder?null:(a=$.children)!==null&&a!==void 0?a:s.jsxs(st,{className:je("mrt-table-head-cell-content",dt.content,(O==="group"||($==null?void 0:$.align)==="center")&&dt["content-center"],($==null?void 0:$.align)==="right"&&dt["content-right"],_.getCanResize()&&dt["content-spaced"]),children:[s.jsxs(st,{__vars:{"--mrt-table-head-cell-labels-padding-left":`${ee}`},className:je("mrt-table-head-cell-labels",dt.labels,_.getCanSort()&&O!=="group"&&dt["labels-sortable"],($==null?void 0:$.align)==="right"?dt["labels-right"]:($==null?void 0:$.align)==="center"&&dt["labels-center"],O==="data"&&dt["labels-data"]),onClick:_.getToggleSortingHandler(),children:[s.jsx(st,{className:je("mrt-table-head-cell-content-wrapper",dt["content-wrapper"],O==="data"&&dt["content-wrapper-hidden-overflow"],((i=(r=D.header)===null||r===void 0?void 0:r.length)!==null&&i!==void 0?i:0)<20&&dt["content-wrapper-nowrap"]),children:me}),_.getCanFilter()&&(_.getIsFiltered()||Y)&&s.jsx(Kb,{header:d,table:u}),_.getCanSort()&&(_.getIsSorted()||Y)&&s.jsx(Xb,{header:d,table:u})]}),O!=="group"&&s.jsxs(st,{className:je("mrt-table-head-cell-content-actions",dt["content-actions"]),children:[ce&&s.jsx(Yb,{column:_,table:u,tableHeadCellRef:{current:N.current[_.id]}}),I&&Y&&s.jsx(Zb,{header:d,onChange:Z,opened:te,table:u})]}),_.getCanResize()&&s.jsx(Qb,{header:d,table:u})]}),p==="subheader"&&_.getCanFilter()&&s.jsx(Dd,{header:d,table:u})]}))},ey=e=>{var{columnVirtualizer:n,headerGroup:t,table:o}=e,a=Te(e,["columnVirtualizer","headerGroup","table"]);const{getState:r,options:{enableStickyHeader:i,layoutMode:l,mantineTableHeadRowProps:d}}=o,{isFullScreen:c}=r(),{virtualColumns:u,virtualPaddingLeft:g,virtualPaddingRight:m}=n??{},h=Object.assign(Object.assign({},pe(d,{headerGroup:t,table:o})),a);return s.jsxs(an,Object.assign({},h,{className:je(ba.root,(i||c)&&ba.sticky,(l==null?void 0:l.startsWith("grid"))&&ba["layout-mode-grid"],h==null?void 0:h.className),children:[g?s.jsx(G,{component:"th",display:"flex",w:g}):null,(u??t.headers)?.map((p,f)=>{let v=p;return n&&(f=p.index,v=t.headers[f]),s.jsx(Jb,{columnVirtualizer:n,header:v,renderedHeaderIndex:f,table:o},v.id)}),m?s.jsx(G,{component:"th",display:"flex",w:m}):null]}))};var Wn={alert:"MRT_ToolbarAlertBanner-module_alert__PAhUK","alert-stacked":"MRT_ToolbarAlertBanner-module_alert-stacked__HR7Nq","alert-bottom":"MRT_ToolbarAlertBanner-module_alert-bottom__u9L-S","alert-badge":"MRT_ToolbarAlertBanner-module_alert-badge__GwDmX","toolbar-alert":"MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU","head-overlay":"MRT_ToolbarAlertBanner-module_head-overlay__Hw7jK"};const Ha=e=>{var n,{renderedRowIndex:t=0,row:o,table:a}=e,r=Te(e,["renderedRowIndex","row","table"]);const{getState:i,options:{enableMultiRowSelection:l,localization:d,mantineSelectAllCheckboxProps:c,mantineSelectCheckboxProps:u,selectAllMode:g,selectDisplayMode:m}}=a,{density:h,isLoading:p}=i(),f=!o,v=f?g==="page"?a.getIsAllPageRowsSelected():a.getIsAllRowsSelected():void 0,x=f?v:so({row:o,table:a}),b=Object.assign(Object.assign({},f?pe(c,{table:a}):pe(u,{row:o,table:a})),r),w=o?pb({renderedRowIndex:t,row:o,table:a}):void 0,C=sd({table:a}),j=Object.assign(Object.assign({"aria-label":f?d.toggleSelectAll:d.toggleSelectRow,checked:x,disabled:p||o&&!o.getCanSelect()||(o==null?void 0:o.id)==="mrt-row-create",onChange:M=>{M.stopPropagation(),f?C(M):w(M)},size:h==="xs"?"sm":"md"},b),{onClick:M=>{var k;M.stopPropagation(),(k=b==null?void 0:b.onClick)===null||k===void 0||k.call(b,M)},title:void 0});return s.jsx(We,{label:(n=b==null?void 0:b.title)!==null&&n!==void 0?n:f?d.toggleSelectAll:d.toggleSelectRow,openDelay:1e3,withinPortal:!0,children:s.jsx("span",{children:m==="switch"?s.jsx(Sl,Object.assign({},j)):m==="radio"||l===!1?s.jsx(Vu,Object.assign({},j)):s.jsx(_l,Object.assign({indeterminate:!x&&f?a.getIsSomeRowsSelected():(o==null?void 0:o.getIsSomeSelected())&&o.getCanSelectSubRows()},j))})})},ri=e=>{var n,t,o,{stackAlertBanner:a,table:r}=e,i=Te(e,["stackAlertBanner","table"]);const{getFilteredSelectedRowModel:l,getPrePaginationRowModel:d,getState:c,options:{enableRowSelection:u,enableSelectAll:g,icons:{IconX:m},localization:h,mantineToolbarAlertBannerBadgeProps:p,mantineToolbarAlertBannerProps:f,manualPagination:v,positionToolbarAlertBanner:x,renderToolbarAlertBannerContent:b,rowCount:w}}=r,{density:C,grouping:j,rowSelection:M,showAlertBanner:k}=c(),S=Object.assign(Object.assign({},pe(f,{table:r})),i),T=pe(p,{table:r}),N=w??d().flatRows.length,F=y.useMemo(()=>v?Object.values(M).filter(Boolean).length:l().rows.length,[M,N,v]),E=F?s.jsxs(st,{align:"center",gap:"sm",children:[(t=(n=h.selectedCountOfRowCountRowsSelected)===null||n===void 0?void 0:n.replace("{selectedCount}",F.toString()))===null||t===void 0?void 0:t.replace("{rowCount}",N.toString()),s.jsx(pt,{onClick:L=>sd({table:r})(L,!1,!0),size:"compact-xs",variant:"subtle",children:h.clearSelection})]}):null,V=j.length>0?s.jsxs(st,{children:[h.groupedBy," ",j?.map((L,B)=>s.jsxs(y.Fragment,{children:[B>0?h.thenBy:"",s.jsxs(nt,Object.assign({className:Wn["alert-badge"],rightSection:s.jsx(Ee,{color:"white",onClick:()=>r.getColumn(L).toggleGrouping(),size:"xs",variant:"subtle",children:s.jsx(m,{style:{transform:"scale(0.8)"}})}),variant:"filled"},T,{children:[r.getColumn(L).columnDef.header," "]}))]},`${B}-${L}`))]}):null;return s.jsx(as,{in:k||!!E||!!V,transitionDuration:a?200:0,children:s.jsx(wo,Object.assign({color:"blue",icon:!1},S,{className:je(Wn.alert,a&&!x&&Wn["alert-stacked"],!a&&x==="bottom"&&Wn["alert-bottom"],S==null?void 0:S.className),children:(o=b==null?void 0:b({groupedAlert:V,selectedAlert:E,table:r}))!==null&&o!==void 0?o:s.jsxs(st,{className:je(Wn["toolbar-alert"],x==="head-overlay"&&Wn["head-overlay"],C),children:[u&&g&&x==="head-overlay"&&s.jsx(Ha,{table:r}),s.jsxs(fe,{children:[S==null?void 0:S.children,E,V]})]})}))})},ty=e=>{var{columnVirtualizer:n,table:t}=e,o=Te(e,["columnVirtualizer","table"]);const{getHeaderGroups:a,getSelectedRowModel:r,getState:i,options:{enableStickyHeader:l,layoutMode:d,mantineTableHeadProps:c,positionToolbarAlertBanner:u},refs:{tableHeadRef:g}}=t,{isFullScreen:m,showAlertBanner:h}=i(),p=Object.assign(Object.assign({},pe(c,{table:t})),o),f=l||m;return s.jsx(Ar,Object.assign({},p,{className:je(fn.root,d!=null&&d.startsWith("grid")?fn["root-grid"]:fn["root-table-row-group"],f&&fn["root-sticky"],p==null?void 0:p.className),pos:f&&(d!=null&&d.startsWith("grid"))?"sticky":"relative",ref:v=>{g.current=v,p!=null&&p.ref&&(p.ref.current=v)},children:u==="head-overlay"&&(h||r().rows.length>0)?s.jsx(an,{className:je(fn["banner-tr"],(d==null?void 0:d.startsWith("grid"))&&fn.grid),children:s.jsx(ts,{className:je(fn["banner-th"],(d==null?void 0:d.startsWith("grid"))&&fn.grid),colSpan:t.getVisibleLeafColumns().length,children:s.jsx(ri,{table:t})})}):a()?.map(v=>s.jsx(ey,{columnVirtualizer:n,headerGroup:v,table:t},v.id))}))};var sl={root:"MRT_GlobalFilterTextInput-module_root__Xmcpv",collapse:"MRT_GlobalFilterTextInput-module_collapse__v311d"};const ja=e=>{var{table:n}=e,t=Te(e,["table"]);const{getState:o,options:{enableGlobalFilterModes:a,icons:{IconSearch:r,IconX:i},localization:l,mantineSearchTextInputProps:d,manualFiltering:c,positionGlobalFilter:u},refs:{searchInputRef:g},setGlobalFilter:m}=n,{globalFilter:h,showGlobalFilter:p}=o(),f=Object.assign(Object.assign({},pe(d,{table:n})),t),v=y.useRef(!1),[x,b]=y.useState(h??""),[w]=Rl(x,c?500:250);y.useEffect(()=>{m(w||void 0)},[w]);const C=()=>{b(""),m(void 0)};return y.useEffect(()=>{v.current&&(h===void 0?C():b(h)),v.current=!0},[h]),s.jsxs(as,{className:sl.collapse,in:p,children:[a&&s.jsxs(De,{withinPortal:!0,children:[s.jsx(De.Target,{children:s.jsx(Ee,{"aria-label":l.changeSearchMode,color:"gray",size:"sm",variant:"transparent",children:s.jsx(r,{})})}),s.jsx(kd,{onSelect:C,table:n})]}),s.jsx(qe,Object.assign({leftSection:!a&&s.jsx(r,{}),mt:0,mx:u!=="left"?"mx":void 0,onChange:j=>b(j.target.value),placeholder:l.search,rightSection:x?s.jsx(Ee,{"aria-label":l.clearSearch,color:"gray",disabled:!(x!=null&&x.length),onClick:C,size:"sm",variant:"transparent",children:s.jsx(We,{label:l.clearSearch,withinPortal:!0,children:s.jsx(i,{})})}):null,value:x??"",variant:"filled"},f,{className:je("mrt-global-filter-text-input",sl.root,f==null?void 0:f.className),ref:j=>{j&&(g.current=j,f!=null&&f.ref&&(f.ref=j))}}))]})},ny=(e,n,t=-1,o=0,a,r)=>ds(e,"mrt-row-create",Object.assign({},...oo(e.options.columns)?.map(i=>({[Yn(i)]:""}))),t,o,a,r),sy=e=>Object.assign({Cell:({cell:n,row:t,table:o})=>s.jsx(Ib,{cell:n,row:t,table:o})},Un({header:"actions",id:"mrt-row-actions",size:70,tableOptions:e})),oy=e=>Object.assign({Cell:({row:n,rowRef:t,table:o})=>s.jsx(wb,{row:n,rowRef:t,table:o}),grow:!1},Un({header:"move",id:"mrt-row-drag",size:60,tableOptions:e})),ay=e=>{var n;const{defaultColumn:t,enableExpandAll:o,groupedColumnMode:a,positionExpandColumn:r,renderDetailPanel:i,state:{grouping:l}}=e,d=r==="last"?{align:"right"}:void 0;return Object.assign({Cell:({cell:c,column:u,row:g,table:m})=>{var h,p,f;const v={row:g,table:m},x=(h=g.subRows)===null||h===void 0?void 0:h.length;return e.groupedColumnMode==="remove"&&g.groupingColumnId?s.jsxs(st,{align:"center",gap:"0.25rem",children:[s.jsx(Ba,Object.assign({},v)),s.jsx(We,{label:m.getColumn(g.groupingColumnId).columnDef.header,openDelay:1e3,position:"right",children:s.jsx("span",{children:g.groupingValue})}),!!x&&s.jsxs("span",{children:["(",x,")"]})]}):s.jsxs(s.Fragment,{children:[s.jsx(Ba,Object.assign({},v)),(f=(p=u.columnDef).GroupedCell)===null||f===void 0?void 0:f.call(p,{cell:c,column:u,row:g,table:m})]})},Header:o?({table:c})=>{var u;return s.jsxs(st,{align:"center",children:[s.jsx(_b,{table:c}),a==="remove"&&((u=l==null?void 0:l?.map(g=>c.getColumn(g).columnDef.header))===null||u===void 0?void 0:u.join(", "))]})}:void 0,mantineTableBodyCellProps:d,mantineTableHeadCellProps:d},Un({header:"expand",id:"mrt-row-expand",size:a==="remove"?(n=t==null?void 0:t.size)!==null&&n!==void 0?n:180:i?o?60:70:100,tableOptions:e}))},ry=e=>{const{localization:n,rowNumberDisplayMode:t}=e,{pagination:{pageIndex:o,pageSize:a}}=e.state;return Object.assign({Cell:({renderedRowIndex:r=0,row:i})=>{var l;return((l=t==="static"?r+a*o:i.index)!==null&&l!==void 0?l:0)+1},grow:!1,Header:()=>n.rowNumber},Un({header:"rowNumbers",id:"mrt-row-numbers",size:50,tableOptions:e}))},iy=e=>Object.assign({Cell:({row:n,table:t})=>s.jsx(jb,{row:n,table:t}),grow:!1},Un({header:"pin",id:"mrt-row-pin",size:60,tableOptions:e})),ly=e=>{const{enableMultiRowSelection:n,enableSelectAll:t}=e;return Object.assign({Cell:({renderedRowIndex:o,row:a,table:r})=>s.jsx(Ha,{renderedRowIndex:o,row:a,table:r}),grow:!1,Header:t&&n?({table:o})=>s.jsx(Ha,{table:o}):void 0},Un({header:"select",id:"mrt-row-select",size:t?60:70,tableOptions:e}))},cy=Object.assign({},Ys),dy={IconArrowAutofitContent:Hp,IconArrowsSort:Wp,IconBaselineDensityLarge:Yp,IconBaselineDensityMedium:Xp,IconBaselineDensitySmall:Jp,IconBoxMultiple:tf,IconChevronDown:uf,IconChevronLeft:pf,IconChevronLeftPipe:mf,IconChevronRight:Br,IconChevronRightPipe:vf,IconChevronsDown:yf,IconCircleX:jf,IconClearAll:Sf,IconColumns:Mf,IconDeviceFloppy:Nf,IconDots:Ur,IconDotsVertical:Df,IconEdit:on,IconEyeOff:Of,IconFilter:Bf,IconFilterCog:zf,IconFilterOff:Lf,IconGripHorizontal:qf,IconMaximize:i0,IconMinimize:c0,IconPinned:f0,IconPinnedOff:h0,IconSearch:ys,IconSearchOff:y0,IconSortAscending:_0,IconSortDescending:R0,IconX:wc},uy={actions:"Actions",and:"and",cancel:"Cancel",changeFilterMode:"Change filter mode",changeSearchMode:"Change search mode",clearFilter:"Clear filter",clearSearch:"Clear search",clearSelection:"Clear selection",clearSort:"Clear sort",clickToCopy:"Click to copy",copy:"Copy",collapse:"Collapse",collapseAll:"Collapse all",columnActions:"Column Actions",copiedToClipboard:"Copied to clipboard",dropToGroupBy:"Drop to group by {column}",edit:"Edit",expand:"Expand",expandAll:"Expand all",filterArrIncludes:"Includes",filterArrIncludesAll:"Includes all",filterArrIncludesSome:"Includes",filterBetween:"Between",filterBetweenInclusive:"Between Inclusive",filterByColumn:"Filter by {column}",filterContains:"Contains",filterEmpty:"Empty",filterEndsWith:"Ends With",filterEquals:"Equals",filterEqualsString:"Equals",filterFuzzy:"Fuzzy",filterGreaterThan:"Greater Than",filterGreaterThanOrEqualTo:"Greater Than Or Equal To",filterInNumberRange:"Between",filterIncludesString:"Contains",filterIncludesStringSensitive:"Contains",filterLessThan:"Less Than",filterLessThanOrEqualTo:"Less Than Or Equal To",filterMode:"Filter Mode: {filterType}",filterNotEmpty:"Not Empty",filterNotEquals:"Not Equals",filterStartsWith:"Starts With",filterWeakEquals:"Equals",filteringByColumn:"Filtering by {column} - {filterType} {filterValue}",goToFirstPage:"Go to first page",goToLastPage:"Go to last page",goToNextPage:"Go to next page",goToPreviousPage:"Go to previous page",grab:"Grab",groupByColumn:"Group by {column}",groupedBy:"Grouped by ",hideAll:"Hide all",hideColumn:"Hide {column} column",max:"Max",min:"Min",move:"Move",noRecordsToDisplay:"No records to display",noResultsFound:"No results found",of:"of",or:"or",pin:"Pin",pinToLeft:"Pin to left",pinToRight:"Pin to right",resetColumnSize:"Reset column size",resetOrder:"Reset order",rowActions:"Row Actions",rowNumber:"#",rowNumbers:"Row Numbers",rowsPerPage:"Rows per page",save:"Save",search:"Search",selectedCountOfRowCountRowsSelected:"{selectedCount} of {rowCount} row(s) selected",select:"Select",showAll:"Show all",showAllColumns:"Show all columns",showHideColumns:"Show/Hide columns",showHideFilters:"Show/Hide filters",showHideSearch:"Show/Hide search",sortByColumnAsc:"Sort by {column} ascending",sortByColumnDesc:"Sort by {column} descending",sortedByColumnAsc:"Sorted by {column} ascending",sortedByColumnDesc:"Sorted by {column} descending",thenBy:", then by ",toggleDensity:"Toggle density",toggleFullScreen:"Toggle full screen",toggleSelectAll:"Toggle select all",toggleSelectRow:"Toggle select row",toggleVisibility:"Toggle visibility",ungroupByColumn:"Ungroup by {column}",unpin:"Unpin",unpinAll:"Unpin all"},gy={filterVariant:"text",maxSize:1e3,minSize:40,size:180},Td={columnDefType:"display",enableClickToCopy:!1,enableColumnActions:!1,enableColumnDragging:!1,enableColumnFilter:!1,enableColumnOrdering:!1,enableEditing:!1,enableGlobalFilter:!1,enableGrouping:!1,enableHiding:!1,enableResizing:!1,enableSorting:!1},my=e=>{var n,{aggregationFns:t,autoResetExpanded:o=!1,columnFilterDisplayMode:a="subheader",columnResizeDirection:r,columnResizeMode:i="onChange",createDisplayMode:l="modal",defaultColumn:d,defaultDisplayColumn:c,editDisplayMode:u="modal",enableBatchRowSelection:g=!0,enableBottomToolbar:m=!0,enableColumnActions:h=!0,enableColumnFilters:p=!0,enableColumnOrdering:f=!1,enableColumnPinning:v=!1,enableColumnResizing:x=!1,enableColumnVirtualization:b,enableDensityToggle:w=!0,enableExpandAll:C=!0,enableExpanding:j,enableFacetedValues:M=!1,enableFilterMatchHighlighting:k=!0,enableFilters:S=!0,enableFullScreenToggle:T=!0,enableGlobalFilter:N=!0,enableGlobalFilterRankedResults:F=!0,enableGrouping:E=!1,enableHeaderActionsHoverReveal:V=!1,enableHiding:L=!0,enableMultiRowSelection:B=!0,enableMultiSort:_=!0,enablePagination:D=!0,enableRowPinning:O=!1,enableRowSelection:P=!1,enableRowVirtualization:$,enableSelectAll:z=!0,enableSorting:H=!0,enableStickyHeader:ae=!1,enableTableFooter:ie=!0,enableTableHead:Q=!0,enableToolbarInternalActions:se=!0,enableTopToolbar:te=!0,filterFns:Z,icons:I,layoutMode:Y,localization:ce,manualFiltering:ee,manualGrouping:W,manualPagination:me,manualSorting:le,paginationDisplayMode:de="default",positionActionsColumn:K="first",positionCreatingRow:A="top",positionExpandColumn:ne="first",positionGlobalFilter:be="right",positionPagination:ve="bottom",positionToolbarAlertBanner:Se="top",positionToolbarDropZone:we="top",rowNumberDisplayMode:U="static",rowPinningDisplayMode:q="sticky",selectAllMode:oe="page",sortingFns:Ie}=e,he=Te(e,["aggregationFns","autoResetExpanded","columnFilterDisplayMode","columnResizeDirection","columnResizeMode","createDisplayMode","defaultColumn","defaultDisplayColumn","editDisplayMode","enableBatchRowSelection","enableBottomToolbar","enableColumnActions","enableColumnFilters","enableColumnOrdering","enableColumnPinning","enableColumnResizing","enableColumnVirtualization","enableDensityToggle","enableExpandAll","enableExpanding","enableFacetedValues","enableFilterMatchHighlighting","enableFilters","enableFullScreenToggle","enableGlobalFilter","enableGlobalFilterRankedResults","enableGrouping","enableHeaderActionsHoverReveal","enableHiding","enableMultiRowSelection","enableMultiSort","enablePagination","enableRowPinning","enableRowSelection","enableRowVirtualization","enableSelectAll","enableSorting","enableStickyHeader","enableTableFooter","enableTableHead","enableToolbarInternalActions","enableTopToolbar","filterFns","icons","layoutMode","localization","manualFiltering","manualGrouping","manualPagination","manualSorting","paginationDisplayMode","positionActionsColumn","positionCreatingRow","positionExpandColumn","positionGlobalFilter","positionPagination","positionToolbarAlertBanner","positionToolbarDropZone","rowNumberDisplayMode","rowPinningDisplayMode","selectAllMode","sortingFns"]);const X=$n();return I=y.useMemo(()=>Object.assign(Object.assign({},dy),I),[I]),ce=y.useMemo(()=>Object.assign(Object.assign({},uy),ce),[ce]),t=y.useMemo(()=>Object.assign(Object.assign({},cy),t),[]),Z=y.useMemo(()=>Object.assign(Object.assign({},Ab),Z),[]),Ie=y.useMemo(()=>Object.assign(Object.assign({},gb),Ie),[]),d=y.useMemo(()=>Object.assign(Object.assign({},gy),d),[d]),c=y.useMemo(()=>Object.assign(Object.assign({},Td),c),[c]),[b,$]=y.useMemo(()=>[b,$],[]),r||(r=X.dir||"ltr"),Y=Y||(x?"grid-no-grow":"semantic"),Y==="semantic"&&($||b)&&(Y="grid"),$&&(ae=!0),D===!1&&me===void 0&&(me=!0),!((n=he.data)===null||n===void 0)&&n.length||(ee=!0,W=!0,me=!0,le=!0),Object.assign({aggregationFns:t,autoResetExpanded:o,columnFilterDisplayMode:a,columnResizeDirection:r,columnResizeMode:i,createDisplayMode:l,defaultColumn:d,defaultDisplayColumn:c,editDisplayMode:u,enableBatchRowSelection:g,enableBottomToolbar:m,enableColumnActions:h,enableColumnFilters:p,enableColumnOrdering:f,enableColumnPinning:v,enableColumnResizing:x,enableColumnVirtualization:b,enableDensityToggle:w,enableExpandAll:C,enableExpanding:j,enableFacetedValues:M,enableFilterMatchHighlighting:k,enableFilters:S,enableFullScreenToggle:T,enableGlobalFilter:N,enableGlobalFilterRankedResults:F,enableGrouping:E,enableHeaderActionsHoverReveal:V,enableHiding:L,enableMultiRowSelection:B,enableMultiSort:_,enablePagination:D,enableRowPinning:O,enableRowSelection:P,enableRowVirtualization:$,enableSelectAll:z,enableSorting:H,enableStickyHeader:ae,enableTableFooter:ie,enableTableHead:Q,enableToolbarInternalActions:se,enableTopToolbar:te,filterFns:Z,getCoreRowModel:Cv(),getExpandedRowModel:j||E?Sv():void 0,getFacetedMinMaxValues:M?_v():void 0,getFacetedRowModel:M?Nv():void 0,getFacetedUniqueValues:M?kv():void 0,getFilteredRowModel:p||N||S?Dv():void 0,getGroupedRowModel:E?Tv():void 0,getPaginationRowModel:D?Fv():void 0,getSortedRowModel:H?Pv():void 0,getSubRows:_e=>_e==null?void 0:_e.subRows,icons:I,layoutMode:Y,localization:ce,manualFiltering:ee,manualGrouping:W,manualPagination:me,manualSorting:le,paginationDisplayMode:de,positionActionsColumn:K,positionCreatingRow:A,positionExpandColumn:ne,positionGlobalFilter:be,positionPagination:ve,positionToolbarAlertBanner:Se,positionToolbarDropZone:we,rowNumberDisplayMode:U,rowPinningDisplayMode:q,selectAllMode:oe,sortingFns:Ie},he)},Ca={children:null,style:{minWidth:0,padding:0,width:0}},hy=e=>Object.assign(Object.assign(Object.assign(Object.assign({},Un({id:"mrt-row-spacer",size:0,tableOptions:e})),{grow:!0}),Td),{mantineTableBodyCellProps:Ca,mantineTableFooterCellProps:Ca,mantineTableHeadCellProps:Ca}),py=e=>{const{getIsSomeRowsPinned:n,getPrePaginationRowModel:t,getState:o,options:{enablePagination:a,enableRowPinning:r,rowCount:i}}=e,{columnOrder:l,density:d,globalFilter:c,isFullScreen:u,isLoading:g,pagination:m,showSkeletons:h,sorting:p}=o(),f=e.options.columns.length,v=i??t().rows.length,x=y.useReducer(()=>({}),{})[1],b=y.useRef(),w=y.useRef();y.useEffect(()=>{typeof window<"u"&&(b.current=document.body.style.height)},[]),y.useEffect(()=>{if(typeof window<"u")if(u)w.current=document.body.getBoundingClientRect().top,document.body.style.height="100dvh";else{if(document.body.style.height=b.current,!w.current)return;window.scrollTo({behavior:"instant",top:-1*w.current})}},[u]),y.useEffect(()=>{f!==l.length&&e.setColumnOrder(ni(e.options))},[f]),y.useEffect(()=>{if(!a||g||h)return;const{pageIndex:j,pageSize:M}=m,k=j*M;k>=v&&k>0&&e.setPageIndex(Math.ceil(v/M)-1)},[v]);const C=y.useRef(p);y.useEffect(()=>{p.length&&(C.current=p)},[p]),y.useEffect(()=>{nd(e)&&(c?e.setSorting([]):e.setSorting(()=>C.current||[]))},[c]),y.useEffect(()=>{r&&n()&&setTimeout(()=>{x()},150)},[d])},fy=e=>{var n,t,o,a,r,i,l,d,c,u,g,m,h,p,f,v,x,b,w,C,j,M,k,S,T,N,F,E,V,L,B,_,D;const O=y.useRef(null),P=y.useRef(null),$=y.useRef({}),z=y.useRef({}),H=y.useRef(null),ae=y.useRef(null),ie=y.useRef({}),Q=y.useRef(null),se=y.useRef(null),te=y.useRef(null),Z=y.useRef(null),I=y.useMemo(()=>{var ct,gt,Wt;const Kt=(ct=e.initialState)!==null&&ct!==void 0?ct:{};return Kt.columnOrder=(gt=Kt.columnOrder)!==null&&gt!==void 0?gt:ni(Object.assign(Object.assign({},e),{state:Object.assign(Object.assign({},e.initialState),e.state)})),Kt.globalFilterFn=(Wt=e.globalFilterFn)!==null&&Wt!==void 0?Wt:"fuzzy",Kt},[]);e.initialState=I;const[Y,ce]=y.useState((n=I.creatingRow)!==null&&n!==void 0?n:null),[ee,W]=y.useState(()=>Object.assign({},...oo(e.columns)?.map(ct=>{var gt,Wt,Kt,Hn;return{[Yn(ct)]:ct.filterFn instanceof Function?(gt=ct.filterFn.name)!==null&&gt!==void 0?gt:"custom":(Hn=(Wt=ct.filterFn)!==null&&Wt!==void 0?Wt:(Kt=I==null?void 0:I.columnFilterFns)===null||Kt===void 0?void 0:Kt[Yn(ct)])!==null&&Hn!==void 0?Hn:Mb(ct)}}))),[me,le]=y.useState((t=I.columnOrder)!==null&&t!==void 0?t:[]),[de,K]=y.useState((o=I.columnSizingInfo)!==null&&o!==void 0?o:{}),[A,ne]=y.useState((a=I==null?void 0:I.density)!==null&&a!==void 0?a:"md"),[be,ve]=y.useState((r=I.draggingColumn)!==null&&r!==void 0?r:null),[Se,we]=y.useState((i=I.draggingRow)!==null&&i!==void 0?i:null),[U,q]=y.useState((l=I.editingCell)!==null&&l!==void 0?l:null),[oe,Ie]=y.useState((d=I.editingRow)!==null&&d!==void 0?d:null),[he,X]=y.useState((c=I.globalFilterFn)!==null&&c!==void 0?c:"fuzzy"),[_e,Oe]=y.useState((u=I.grouping)!==null&&u!==void 0?u:[]),[Xe,ot]=y.useState((g=I.hoveredColumn)!==null&&g!==void 0?g:null),[et,J]=y.useState((m=I.hoveredRow)!==null&&m!==void 0?m:null),[Ae,$e]=y.useState((h=I==null?void 0:I.isFullScreen)!==null&&h!==void 0?h:!1),[re,Ke]=y.useState((p=I==null?void 0:I.pagination)!==null&&p!==void 0?p:{pageIndex:0,pageSize:10}),[Le,lt]=y.useState((f=I==null?void 0:I.showAlertBanner)!==null&&f!==void 0?f:!1),[It,at]=y.useState((v=I==null?void 0:I.showColumnFilters)!==null&&v!==void 0?v:!1),[kn,it]=y.useState((x=I==null?void 0:I.showGlobalFilter)!==null&&x!==void 0?x:!1),[us,tt]=y.useState((b=I==null?void 0:I.showToolbarDropZone)!==null&&b!==void 0?b:!1);e.state=Object.assign({columnFilterFns:ee,columnOrder:me,columnSizingInfo:de,creatingRow:Y,density:A,draggingColumn:be,draggingRow:Se,editingCell:U,editingRow:oe,globalFilterFn:he,grouping:_e,hoveredColumn:Xe,hoveredRow:et,isFullScreen:Ae,pagination:re,showAlertBanner:Le,showColumnFilters:It,showGlobalFilter:kn,showToolbarDropZone:us},e.state);const xe=e,mn=y.useRef([]);xe.columns=xe.state.columnSizingInfo.isResizingColumn||xe.state.draggingColumn||xe.state.draggingRow?mn.current:id({columnDefs:[...[dd(xe)&&iy(xe),ud(xe)&&oy(xe),ti(xe)&&sy(xe),ei(xe)&&ay(xe),gd(xe)&&ly(xe),md(xe)&&ry(xe)].filter(Boolean),...xe.columns,...[hd(xe)&&hy(xe)].filter(Boolean)],tableOptions:xe}),mn.current=xe.columns,xe.data=y.useMemo(()=>(xe.state.isLoading||xe.state.showSkeletons)&&!xe.data.length?[...Array(Math.min(xe.state.pagination.pageSize,20)).fill(null)]?.map(()=>Object.assign({},...oo(xe.columns)?.map(ct=>({[Yn(ct)]:null})))):xe.data,[xe.data,xe.state.isLoading,xe.state.showSkeletons]);const Je=Ev(Object.assign(Object.assign({onColumnOrderChange:le,onColumnSizingInfoChange:K,onGroupingChange:Oe,onPaginationChange:Ke},xe),{globalFilterFn:(w=xe.filterFns)===null||w===void 0?void 0:w[he??"fuzzy"]}));return Je.refs={bottomToolbarRef:P,editInputRefs:$,filterInputRefs:z,lastSelectedRowId:O,searchInputRef:H,tableContainerRef:ae,tableFooterRef:Z,tableHeadCellRefs:ie,tableHeadRef:te,tablePaperRef:Q,topToolbarRef:se},Je.setCreatingRow=ct=>{let gt=ct;ct===!0&&(gt=ny(Je)),xe!=null&&xe.onCreatingRowChange?xe.onCreatingRowChange(gt):ce(gt)},Je.setColumnFilterFns=(C=xe.onColumnFilterFnsChange)!==null&&C!==void 0?C:W,Je.setDensity=(j=xe.onDensityChange)!==null&&j!==void 0?j:ne,Je.setDraggingColumn=(M=xe.onDraggingColumnChange)!==null&&M!==void 0?M:ve,Je.setDraggingRow=(k=xe.onDraggingRowChange)!==null&&k!==void 0?k:we,Je.setEditingCell=(S=xe.onEditingCellChange)!==null&&S!==void 0?S:q,Je.setEditingRow=(T=xe.onEditingRowChange)!==null&&T!==void 0?T:Ie,Je.setGlobalFilterFn=(N=xe.onGlobalFilterFnChange)!==null&&N!==void 0?N:X,Je.setHoveredColumn=(F=xe.onHoveredColumnChange)!==null&&F!==void 0?F:ot,Je.setHoveredRow=(E=xe.onHoveredRowChange)!==null&&E!==void 0?E:J,Je.setIsFullScreen=(V=xe.onIsFullScreenChange)!==null&&V!==void 0?V:$e,Je.setShowAlertBanner=(L=xe.onShowAlertBannerChange)!==null&&L!==void 0?L:lt,Je.setShowColumnFilters=(B=xe.onShowColumnFiltersChange)!==null&&B!==void 0?B:at,Je.setShowGlobalFilter=(_=xe.onShowGlobalFilterChange)!==null&&_!==void 0?_:it,Je.setShowToolbarDropZone=(D=xe.onShowToolbarDropZoneChange)!==null&&D!==void 0?D:tt,py(Je),Je},Id=e=>fy(my(e));var vy={root:"MRT_TablePaper-module_root__q0v5L"},Sa={root:"MRT_TableContainer-module_root__JIsGB","root-sticky":"MRT_TableContainer-module_root-sticky__uC4qx","root-fullscreen":"MRT_TableContainer-module_root-fullscreen__aM8Jg"},ol={root:"MRT_Table-module_root__ms2uS","root-grid":"MRT_Table-module_root-grid__2Pynz"};const xy=e=>{var n,t,o,a;const{getLeftLeafColumns:r,getRightLeafColumns:i,getState:l,getVisibleLeafColumns:d,options:{columnVirtualizerInstanceRef:c,columnVirtualizerOptions:u,enableColumnPinning:g,enableColumnVirtualization:m},refs:{tableContainerRef:h}}=e,{columnPinning:p,draggingColumn:f}=l();if(!m)return;const v=pe(u,{table:e}),x=d(),[b,w]=y.useMemo(()=>g?[r()?.map(N=>N.getPinnedIndex()),i()?.map(N=>x.length-N.getPinnedIndex()-1).sort((N,F)=>N-F)]:[[],[]],[x.length,p,g]),C=b.length,j=w.length,M=y.useMemo(()=>f!=null&&f.id?x.findIndex(N=>N.id===(f==null?void 0:f.id)):void 0,[f==null?void 0:f.id]),k=Ac(Object.assign({count:x.length,estimateSize:N=>x[N].getSize(),getScrollElement:()=>h.current,horizontal:!0,overscan:3,rangeExtractor:y.useCallback(N=>{const F=od(N,M);return!C&&!j?F:[...new Set([...b,...F,...w])]},[b,w,M])},v)),S=k.getVirtualItems();k.virtualColumns=S;const T=S.length;if(T){const N=k.getTotalSize(),F=((n=S[C])===null||n===void 0?void 0:n.start)||0,E=((t=S[b.length-1])===null||t===void 0?void 0:t.end)||0,V=((o=S[T-j])===null||o===void 0?void 0:o.start)||0,L=((a=S[T-j-1])===null||a===void 0?void 0:a.end)||0;k.virtualPaddingLeft=F-E,k.virtualPaddingRight=N-L-(j?N-V:0)}return c&&(c.current=k),k},by=e=>{var{table:n}=e,t=Te(e,["table"]);const{getFlatHeaders:o,getState:a,options:{columns:r,enableTableFooter:i,enableTableHead:l,layoutMode:d,mantineTableProps:c,memoMode:u}}=n,{columnSizing:g,columnSizingInfo:m,columnVisibility:h,density:p}=a(),f=Object.assign(Object.assign({highlightOnHover:!0,horizontalSpacing:p,verticalSpacing:p},pe(c,{table:n})),t),v=y.useMemo(()=>{const j=o(),M={};for(let k=0;k<j.length;k++){const S=j[k],T=S.getSize();M[`--header-${Xt(S.id)}-size`]=T,M[`--col-${Xt(S.column.id)}-size`]=T}return M},[r,g,m,h]),b={columnVirtualizer:xy(n),table:n},{colorScheme:w}=xu(),{stripedColor:C}=f;return s.jsxs(Gt,Object.assign({className:je("mrt-table",ol.root,(d==null?void 0:d.startsWith("grid"))&&ol["root-grid"],f.className)},f,{__vars:Object.assign(Object.assign(Object.assign({},v),{"--mrt-striped-row-background-color":C,"--mrt-striped-row-hover-background-color":C?w==="dark"?mg(C,.08):bu(C,.12):void 0}),f.__vars),children:[l&&s.jsx(ty,Object.assign({},b)),u==="table-body"||m.isResizingColumn?s.jsx(bb,Object.assign({},b,{tableProps:f})):s.jsx(ad,Object.assign({},b,{tableProps:f})),i&&s.jsx(Eb,Object.assign({},b))]}))},yy=e=>{var n,{open:t,table:o}=e,a=Te(e,["open","table"]);const{getState:r,options:{mantineCreateRowModalProps:i,mantineEditRowModalProps:l,onCreatingRowCancel:d,onEditingRowCancel:c,renderCreateRowModalContent:u,renderEditRowModalContent:g},setCreatingRow:m,setEditingRow:h}=o,{creatingRow:p,editingRow:f}=r(),v=p??f,x={row:v,table:o},b=Object.assign(Object.assign(Object.assign({},pe(l,x)),p&&pe(i,x)),a),w=v.getAllCells().filter(j=>j.column.columnDef.columnDefType==="data")?.map(j=>s.jsx(Wo,{cell:j,table:o},j.id)),C=()=>{var j;p?(d==null||d({row:v,table:o}),m(null)):(c==null||c({row:v,table:o}),h(null)),v._valuesCache={},(j=b.onClose)===null||j===void 0||j.call(b)};return y.createElement(xl,Object.assign({opened:t,withCloseButton:!1},b,{key:v.id,onClose:C}),(n=p&&(u==null?void 0:u({internalEditComponents:w,row:v,table:o}))||(g==null?void 0:g({internalEditComponents:w,row:v,table:o})))!==null&&n!==void 0?n:s.jsxs(s.Fragment,{children:[s.jsx("form",{onSubmit:j=>j.preventDefault(),children:s.jsx(fe,{gap:"lg",pb:24,pt:16,children:w})}),s.jsx(st,{justify:"flex-end",children:s.jsx(rd,{row:v,table:o,variant:"text"})})]}))},wy=typeof window<"u"?y.useLayoutEffect:y.useEffect,jy=e=>{var{table:n}=e,t=Te(e,["table"]);const{getState:o,options:{createDisplayMode:a,editDisplayMode:r,enableStickyHeader:i,mantineLoadingOverlayProps:l,mantineTableContainerProps:d},refs:{bottomToolbarRef:c,tableContainerRef:u,topToolbarRef:g}}=n,{creatingRow:m,editingRow:h,isFullScreen:p,isLoading:f,showLoadingOverlay:v}=o(),[x,b]=y.useState(0),w=Object.assign(Object.assign({},pe(d,{table:n})),t),C=pe(l,{table:n});wy(()=>{var k,S,T,N;const F=typeof document<"u"&&(S=(k=g.current)===null||k===void 0?void 0:k.offsetHeight)!==null&&S!==void 0?S:0,E=typeof document<"u"&&(N=(T=c==null?void 0:c.current)===null||T===void 0?void 0:T.offsetHeight)!==null&&N!==void 0?N:0;b(F+E)});const j=a==="modal"&&m,M=r==="modal"&&h;return s.jsxs(G,Object.assign({},w,{__vars:Object.assign({"--mrt-top-toolbar-height":`${x}`},w==null?void 0:w.__vars),className:je("mrt-table-container",Sa.root,i&&Sa["root-sticky"],p&&Sa["root-fullscreen"],w==null?void 0:w.className),ref:k=>{k&&(u.current=k,w!=null&&w.ref&&(w.ref.current=k))},children:[s.jsx(Sr,Object.assign({visible:f||v,zIndex:2},C)),s.jsx(by,{table:n}),(j||M)&&s.jsx(yy,{open:!0,table:n})]}))};var Fd={"common-toolbar-styles":"common-styles-module_common-toolbar-styles__DnjR8"},fs={root:"MRT_BottomToolbar-module_root__VDeWo","root-fullscreen":"MRT_BottomToolbar-module_root-fullscreen__esE15","custom-toolbar-container":"MRT_BottomToolbar-module_custom-toolbar-container__XcDRF","paginator-container":"MRT_BottomToolbar-module_paginator-container__A3eWY","paginator-container-alert-banner":"MRT_BottomToolbar-module_paginator-container-alert-banner__gyqtO"},al={collapse:"MRT_ProgressBar-module_collapse__rOLJH","collapse-top":"MRT_ProgressBar-module_collapse-top__oCi0h"};const Pd=e=>{var{isTopToolbar:n,table:t}=e,o=Te(e,["isTopToolbar","table"]);const{getState:a,options:{mantineProgressProps:r}}=t,{isSaving:i,showProgressBars:l}=a(),d=Object.assign(Object.assign({},pe(r,{isTopToolbar:n,table:t})),o);return s.jsx(as,{className:je(al.collapse,n&&al["collapse-top"]),in:i||l,children:s.jsx(cs,Object.assign({animated:!0,"aria-busy":"true","aria-label":"Loading",radius:0,value:100},d))})};var _a={root:"MRT_TablePagination-module_root__yZ8pm",pagesize:"MRT_TablePagination-module_pagesize__-vmTn","with-top-margin":"MRT_TablePagination-module_with-top-margin__aM5-m"};const rl=[5,10,15,20,25,30,50,100]?.map(e=>e.toString()),Ed=e=>{var n,{position:t="bottom",table:o}=e,a=Te(e,["position","table"]);const{getPrePaginationRowModel:r,getState:i,options:{enableToolbarInternalActions:l,icons:{IconChevronLeft:d,IconChevronLeftPipe:c,IconChevronRight:u,IconChevronRightPipe:g},localization:m,mantinePaginationProps:h,paginationDisplayMode:p,rowCount:f},setPageIndex:v,setPageSize:x}=o,{pagination:{pageIndex:b=0,pageSize:w=10},showGlobalFilter:C}=i(),j=Object.assign(Object.assign({},pe(h,{table:o})),a),M=f??r().rows.length,k=Math.ceil(M/w),S=k>2,T=b*w,N=Math.min(b*w+w,M),F=j??{},{rowsPerPageOptions:E=rl,showRowsPerPage:V=!0,withEdges:L=S}=F,B=Te(F,["rowsPerPageOptions","showRowsPerPage","withEdges"]),_=t==="top"&&l&&!C;return s.jsxs(G,{className:je("mrt-table-pagination",_a.root,_&&_a["with-top-margin"]),children:[(j==null?void 0:j.showRowsPerPage)!==!1&&s.jsxs(Fe,{gap:"xs",children:[s.jsx(ue,{id:"rpp-label",children:m.rowsPerPage}),s.jsx(tn,{allowDeselect:!1,"aria-labelledby":"rpp-label",className:_a.pagesize,data:(n=j==null?void 0:j.rowsPerPageOptions)!==null&&n!==void 0?n:rl,onChange:D=>x(+D),value:w.toString()})]}),p==="pages"?s.jsx(Ht,Object.assign({firstIcon:c,lastIcon:g,nextIcon:u,onChange:D=>v(D-1),previousIcon:d,total:k,value:b+1,withEdges:L},B)):p==="default"?s.jsxs(s.Fragment,{children:[s.jsx(ue,{children:`${N===0?0:(T+1).toLocaleString()}-${N.toLocaleString()} ${m.of} ${M.toLocaleString()}`}),s.jsxs(Fe,{gap:6,children:[L&&s.jsx(Ee,{"aria-label":m.goToFirstPage,color:"gray",disabled:b<=0,onClick:()=>v(0),variant:"subtle",children:s.jsx(c,{})}),s.jsx(Ee,{"aria-label":m.goToPreviousPage,color:"gray",disabled:b<=0,onClick:()=>v(b-1),variant:"subtle",children:s.jsx(d,{})}),s.jsx(Ee,{"aria-label":m.goToNextPage,color:"gray",disabled:N>=M,onClick:()=>v(b+1),variant:"subtle",children:s.jsx(u,{})}),L&&s.jsx(Ee,{"aria-label":m.goToLastPage,color:"gray",disabled:N>=M,onClick:()=>v(k-1),variant:"subtle",children:s.jsx(g,{})})]})]}):null]})};var il={root:"MRT_ToolbarDropZone-module_root__eGTXb",hovered:"MRT_ToolbarDropZone-module_hovered__g7PeJ"};const Od=e=>{var{table:n}=e,t=Te(e,["table"]);const{getState:o,options:{enableGrouping:a,localization:r},setHoveredColumn:i,setShowToolbarDropZone:l}=n,{draggingColumn:d,grouping:c,hoveredColumn:u,showToolbarDropZone:g}=o(),m=h=>{i({id:"drop-zone"})};return y.useEffect(()=>{var h;((h=n.options.state)===null||h===void 0?void 0:h.showToolbarDropZone)!==void 0&&l(!!a&&!!d&&d.columnDef.enableGrouping!==!1&&!c.includes(d.id))},[a,d,c]),s.jsx(ss,{mounted:g,transition:"fade",children:()=>{var h,p;return s.jsx(st,Object.assign({className:je("mrt-toolbar-dropzone",il.root,(u==null?void 0:u.id)==="drop-zone"&&il.hovered),onDragEnter:m},t,{children:s.jsx(ue,{children:r.dropToGroupBy.replace("{column}",(p=(h=d==null?void 0:d.columnDef)===null||h===void 0?void 0:h.header)!==null&&p!==void 0?p:"")})}))}})},Cy=e=>{var{table:n}=e,t=Te(e,["table"]);const{getState:o,options:{enablePagination:a,mantineBottomToolbarProps:r,positionPagination:i,positionToolbarAlertBanner:l,positionToolbarDropZone:d,renderBottomToolbarCustomActions:c},refs:{bottomToolbarRef:u}}=n,{isFullScreen:g}=o(),m=ka("(max-width: 720px)"),h=Object.assign(Object.assign({},pe(r,{table:n})),t),p=m||!!c;return s.jsxs(G,Object.assign({},h,{className:je("mrt-bottom-toolbar",fs.root,Fd["common-toolbar-styles"],g&&fs["root-fullscreen"],h==null?void 0:h.className),ref:f=>{f&&(u.current=f,h!=null&&h.ref&&(h.ref.current=f))},children:[s.jsx(Pd,{isTopToolbar:!1,table:n}),l==="bottom"&&s.jsx(ri,{stackAlertBanner:p,table:n}),["both","bottom"].includes(d??"")&&s.jsx(Od,{table:n}),s.jsxs(G,{className:fs["custom-toolbar-container"],children:[c?c({table:n}):s.jsx("span",{}),s.jsx(G,{className:je(fs["paginator-container"],p&&fs["paginator-container-alert-banner"]),children:a&&["both","bottom"].includes(i??"")&&s.jsx(Ed,{position:"bottom",table:n})})]})]}))};var Gs={root:"MRT_TopToolbar-module_root__r4-V9","root-fullscreen":"MRT_TopToolbar-module_root-fullscreen__3itT8","actions-container":"MRT_TopToolbar-module_actions-container__-uL0u","actions-container-stack-alert":"MRT_TopToolbar-module_actions-container-stack-alert__OYDL6"},Sy={root:"MRT_ToolbarInternalButtons-module_root__NKoUG"};const _y=e=>{var n,{table:t}=e,o=Te(e,["table"]);const{options:{columnFilterDisplayMode:a,enableColumnFilters:r,enableColumnOrdering:i,enableColumnPinning:l,enableDensityToggle:d,enableFilters:c,enableFullScreenToggle:u,enableGlobalFilter:g,enableHiding:m,initialState:h,renderToolbarInternalActions:p}}=t;return s.jsx(st,Object.assign({},o,{className:je("mrt-toolbar-internal-buttons",Sy.root,o==null?void 0:o.className),children:(n=p==null?void 0:p({table:t}))!==null&&n!==void 0?n:s.jsxs(s.Fragment,{children:[c&&g&&!(h!=null&&h.showGlobalFilter)&&s.jsx(bd,{table:t}),c&&r&&a!=="popover"&&s.jsx(vd,{table:t}),(m||i||l)&&s.jsx(pd,{table:t}),d&&s.jsx(fd,{table:t}),u&&s.jsx(xd,{table:t})]})}))},My=e=>{var n,{table:t}=e,o=Te(e,["table"]);const{getState:a,options:{enableGlobalFilter:r,enablePagination:i,enableToolbarInternalActions:l,mantineTopToolbarProps:d,positionGlobalFilter:c,positionPagination:u,positionToolbarAlertBanner:g,positionToolbarDropZone:m,renderTopToolbarCustomActions:h},refs:{topToolbarRef:p}}=t,{isFullScreen:f,showGlobalFilter:v}=a(),x=ka("(max-width:720px)"),b=ka("(max-width:1024px)"),w=Object.assign(Object.assign({},pe(d,{table:t})),o),C=x||!!h||v&&b,j={style:b?void 0:{zIndex:3},table:t};return s.jsxs(G,Object.assign({},w,{className:je(Fd["common-toolbar-styles"],Gs.root,f&&Gs["root-fullscreen"],w==null?void 0:w.className),ref:M=>{M&&(p.current=M,w!=null&&w.ref&&(w.ref.current=M))},children:[g==="top"&&s.jsx(ri,{stackAlertBanner:C,table:t}),["both","top"].includes(m??"")&&s.jsx(Od,{table:t}),s.jsxs(st,{className:je(Gs["actions-container"],C&&Gs["actions-container-stack-alert"]),children:[r&&c==="left"&&s.jsx(ja,Object.assign({},j)),(n=h==null?void 0:h({table:t}))!==null&&n!==void 0?n:s.jsx("span",{}),l?s.jsxs(st,{justify:"end",wrap:"wrap-reverse",children:[r&&c==="right"&&s.jsx(ja,Object.assign({},j)),s.jsx(_y,{table:t})]}):r&&c==="right"&&s.jsx(ja,Object.assign({},j))]}),i&&["both","top"].includes(u??"")&&s.jsx(st,{justify:"end",children:s.jsx(Ed,{position:"top",table:t})}),s.jsx(Pd,{isTopToolbar:!0,table:t})]}))},Ry=e=>{var n,t,{table:o}=e,a=Te(e,["table"]);const{getState:r,options:{enableBottomToolbar:i,enableTopToolbar:l,mantinePaperProps:d,renderBottomToolbar:c,renderTopToolbar:u},refs:{tablePaperRef:g}}=o,{isFullScreen:m}=r(),h=Object.assign(Object.assign({},pe(d,{table:o})),a);return s.jsxs(Zt,Object.assign({shadow:"xs",withBorder:!0},h,{className:je("mrt-table-paper",vy.root,m&&"mrt-table-paper-fullscreen",h==null?void 0:h.className),ref:p=>{g.current=p,h!=null&&h.ref&&(h.ref.current=p)},style:p=>Object.assign(Object.assign({zIndex:m?200:void 0},pe(h==null?void 0:h.style,p)),m?{border:0,borderRadius:0,bottom:0,height:"100vh",left:0,margin:0,maxHeight:"100vh",maxWidth:"100vw",padding:0,position:"fixed",right:0,top:0,width:"100vw"}:null),children:[l&&((n=pe(u,{table:o}))!==null&&n!==void 0?n:s.jsx(My,{table:o})),s.jsx(jy,{table:o}),i&&((t=pe(c,{table:o}))!==null&&t!==void 0?t:s.jsx(Cy,{table:o}))]}))},Ny=e=>e.table!==void 0,ky=e=>{let n;return Ny(e)?n=e.table:n=Id(e),s.jsx(Ry,{table:n})};function Dy(){var t;const{i18n:e}=fl();return{language:(t=e.language)!=null&&t.startsWith("am")?"am":"en"}}function Ty(e){return e.language}function Iy({columns:e,data:n,options:t={},loading:o=!1,emptyMessage:a="No records found",serverPagination:r,onRefresh:i,...l}){var D,O;const{language:d}=Dy(),c=t,u=y.useMemo(()=>e.filter(P=>{const $=Ty(P);return!$||$===d}),[e,d]),g=(r==null?void 0:r.state)??((D=l.state)==null?void 0:D.pagination)??((O=l.initialState)==null?void 0:O.pagination)??{pageSize:10,pageIndex:0},[m,h]=y.useState(),p=1e3,[f,v]=y.useState(g),x=["5","10","20","50","100","200","500","1000","2000"],{mantineTableProps:b,mantinePaperProps:w,mantineTableContainerProps:C,mantineTopToolbarProps:j,mantineBottomToolbarProps:M,mantineSearchTextInputProps:k,mantinePaginationProps:S,mantineLoadingOverlayProps:T,mantineSelectAllCheckboxProps:N,mantineSelectCheckboxProps:F,...E}=l,V=E.renderTopToolbarCustomActions,L=({table:P})=>{var W;const $=(W=E.renderToolbarInternalActions)==null?void 0:W.call(E,{table:P}),z=c.withTableRefresher?s.jsx(Fe,{gap:"xs",align:"center",children:c.withTableRefresher&&s.jsx(We,{label:"Refresh table",children:s.jsx(pt,{"aria-label":"Refresh table",variant:"light",size:"compact-xs",leftSection:s.jsx(yc,{size:14}),onClick:()=>{var de;if(i){i();return}const me=r?r.state.pageIndex:f.pageIndex??g.pageIndex,le=r?r.state.pageSize:f.pageSize??g.pageSize;r?r.onChange({pageIndex:me,pageSize:le}):P.setPageSize&&(P.setPageSize(Number(le)),(de=P.setPageIndex)==null||de.call(P,me))},children:"Refresh"})})}):null,{options:{columnFilterDisplayMode:H,enableColumnFilters:ae,enableColumnOrdering:ie,enableColumnPinning:Q,enableDensityToggle:se,enableFilters:te,enableFullScreenToggle:Z,enableGlobalFilter:I,enableHiding:Y,initialState:ce}}=P,ee=s.jsxs(s.Fragment,{children:[te&&I&&!(ce!=null&&ce.showGlobalFilter)&&s.jsx(bd,{table:P}),te&&ae&&H!=="popover"&&s.jsx(vd,{table:P}),(Y||ie||Q)&&s.jsx(pd,{table:P}),se&&s.jsx(fd,{table:P}),Z&&s.jsx(xd,{table:P})]});if(!(!$&&!z))return s.jsxs(Fe,{gap:"xs",align:"center",children:[$,ee,z]})},B=({table:P})=>{var Q,se;if(!c.allowCustomRowsPerPage)return(Q=E.renderBottomToolbarCustomActions)==null?void 0:Q.call(E,{table:P});const $=!!r,z=$?r.rowCount??0:Array.isArray(n)?n.length:0,{pageIndex:H=0,pageSize:ae=g.pageSize}=$?r.state:f,ie=Math.max(1,Math.ceil(z/(ae||g.pageSize)));return s.jsxs(Fe,{align:"center",gap:"xs",style:{display:"flex",width:"100%",justifyContent:"flex-end"},children:[s.jsx(ue,{children:`${Math.min(z,H*ae+1)}-${Math.min(z,(H+1)*ae)} of ${z}`}),s.jsxs(Fe,{gap:"xs",style:{alignItems:"center"},children:[s.jsx(ue,{id:"rpp-label",children:((se=P.options.localization)==null?void 0:se.rowsPerPage)??"Rows per page"}),(()=>{const te=x.includes(String(ae))?String(ae):"Custom";return s.jsxs(Fe,{align:"center",gap:"xs",children:[s.jsx(tn,{data:[...x,"Custom"],value:te,onChange:Z=>{if(Z)if(Z==="Custom"||Z==="custom")h($?r.state.pageSize:f.pageSize??g.pageSize);else{const I=Number(Z);v({pageIndex:0,pageSize:I}),h(void 0),r&&r.onChange({pageIndex:0,pageSize:I})}},size:"xs",comboboxProps:{withinPortal:!0},style:{width:96}}),(!x.includes(String(ae))||m!==void 0)&&s.jsx(Fr,{size:"xs",value:m??ae,onChange:Z=>h(Z===""||Z==null?void 0:Number(Z)),onBlur:()=>{const Z=m??ae??g.pageSize,I=Math.min(Math.max(1,Number(Z)),p);r?r.onChange({pageIndex:0,pageSize:I}):v({pageIndex:0,pageSize:I}),h(void 0)},onKeyDown:Z=>{if(Z.key==="Enter"){Z.preventDefault();const I=m??ae??g.pageSize,Y=Math.min(Math.max(1,Number(I)),p);r?r.onChange({pageIndex:0,pageSize:Y}):v({pageIndex:0,pageSize:Y}),h(void 0)}},min:1,max:p,styles:{input:{width:88}},"aria-labelledby":"rpp-label",placeholder:`Max ${p}`})]})})()]}),s.jsx(Ht,{total:ie,value:H+1,onChange:te=>{const Z=te-1;r?r.onChange({pageIndex:Z,pageSize:ae??g.pageSize}):v(I=>({...I,pageIndex:Z}))},size:"sm"})]})},_=Id({...E,columns:u,data:c.allowCustomRowsPerPage&&!r&&Array.isArray(n)?n.slice((f.pageIndex??0)*(f.pageSize??10),(f.pageIndex??0)*(f.pageSize??10)+(f.pageSize??10)):n,state:{...E.state,...r?{pagination:g}:c.allowCustomRowsPerPage?{pagination:f}:{},isLoading:o},layoutMode:"grid",enablePagination:c.allowCustomRowsPerPage?!1:c.pagination??!0,manualPagination:r?!0:E.manualPagination,rowCount:(r==null?void 0:r.rowCount)??(c.allowCustomRowsPerPage&&Array.isArray(n)?n.length:E.rowCount),onPaginationChange:r?P=>{const $=typeof P=="function"?P(g):P;r.onChange($)}:E.onPaginationChange,paginationDisplayMode:"pages",initialState:{density:"xs",pagination:g,showGlobalFilter:!0,...E.initialState},enableFilters:c.filters??!0,enableGlobalFilter:c.globalFilter??!0,enableColumnFilters:c.columnFilters??!0,columnFilterDisplayMode:"popover",positionGlobalFilter:"left",enableSorting:c.sorting??!0,enableMultiSort:c.multiSort??!0,enableColumnActions:c.columnActions??!0,enableColumnOrdering:c.columnOrdering??!0,enableColumnResizing:c.columnResizing??!0,columnResizeMode:"onChange",enableRowSelection:c.rowSelection??!0,enableSelectAll:c.selectAll??!0,positionToolbarAlertBanner:"bottom",enableDensityToggle:c.densityToggle??!0,enableFullScreenToggle:c.fullScreenToggle??!0,enableHiding:c.hiding??!0,enableTopToolbar:c.topToolbar??!0,enableBottomToolbar:c.bottomToolbar??!0,positionPagination:"bottom",renderEmptyRowsFallback:()=>s.jsx("div",{style:{textAlign:"center",padding:"2rem",color:"var(--mantine-color-dimmed)"},children:a}),renderTopToolbarCustomActions:V,renderToolbarInternalActions:L,renderBottomToolbarCustomActions:B,mantineTableProps:{striped:"odd",highlightOnHover:!0,withTableBorder:!1,withColumnBorders:!1,fz:"sm",...b},mantinePaperProps:{shadow:"none",withBorder:!1,radius:0,...w,style:{height:"100%",display:"flex",flexDirection:"column",...w==null?void 0:w.style}},mantineTableContainerProps:{...C,style:{flex:1,minHeight:0,...C==null?void 0:C.style}},mantineTopToolbarProps:{...j,style:{paddingInline:"1rem",...j==null?void 0:j.style}},mantineBottomToolbarProps:{...M,style:{paddingInline:"1rem",...M==null?void 0:M.style}},mantineSearchTextInputProps:{placeholder:"Search all columns...",...k,style:{minWidth:240,...k==null?void 0:k.style}},mantinePaginationProps:{showRowsPerPage:!c.allowCustomRowsPerPage,rowsPerPageOptions:x,...S},mantineLoadingOverlayProps:{loaderProps:{type:"dots"},...T},mantineSelectAllCheckboxProps:{size:"sm",...N},mantineSelectCheckboxProps:{size:"sm",...F},getRowId:E.getRowId??((P,$)=>String((P==null?void 0:P.id)??$))});return s.jsx(ky,{table:_})}const Fy="_content_1b0ut_1",Py="_modalBody_1b0ut_17",Ey="_shell_1b0ut_35",Oy="_header_1b0ut_53",Ay="_headerView_1b0ut_73",zy="_headerEdit_1b0ut_81",$y="_iconWrap_1b0ut_89",Ly="_body_1b0ut_113",Vy="_footer_1b0ut_125",By="_status_1b0ut_145",Uy="_statusDot_1b0ut_159",Hy="_statusDotEdit_1b0ut_173",Gy="_actions_1b0ut_181",qy="_bodyView_1b0ut_189",Wy="_bodyEdit_1b0ut_285",ft={content:Fy,modalBody:Py,shell:Ey,header:Oy,headerView:Ay,headerEdit:zy,iconWrap:$y,body:Ly,footer:Vy,status:By,statusDot:Uy,statusDotEdit:Hy,actions:Gy,bodyView:qy,bodyEdit:Wy};function Ky(e){return e.toLowerCase()==="edit"}function _t({opened:e,onClose:n,mode:t,headerIcon:o,title:a,referenceId:r,footerStatusLabel:i,actions:l,children:d,bodyClassName:c,footerLeftSection:u,size:g="lg",centered:m=!0,radius:h="md",padding:p=0,styles:f,classNames:v,transitionProps:x,...b}){const w=Ky(t);return s.jsx(xl,{opened:e,onClose:n,withCloseButton:!1,size:g,centered:m,radius:h,padding:p,classNames:{...v,content:[ft.content,v==null?void 0:v.content].filter(Boolean).join(" "),body:[ft.modalBody,v==null?void 0:v.body].filter(Boolean).join(" ")},styles:{content:{maxWidth:"calc(100vw - 1.5rem)"},...f},transitionProps:x??{transition:"pop",duration:250,timingFunction:"ease"},...b,children:s.jsxs(G,{className:ft.shell,children:[s.jsxs(Fe,{justify:"space-between",align:"center",gap:"md",px:"lg",py:"md",className:`${ft.header} ${w?ft.headerEdit:ft.headerView}`,children:[s.jsxs(Fe,{gap:"sm",align:"flex-start",wrap:"nowrap",children:[s.jsx(G,{className:ft.iconWrap,children:o}),s.jsxs(fe,{gap:2,children:[s.jsx(ue,{fw:700,size:"md",style:{color:"light-dark(var(--um-modal-title, var(--mantine-color-fhcGray-9)), #f1f5f9)"},children:a}),r&&s.jsx(ue,{size:"xs",c:"dimmed",children:r})]})]}),s.jsx(Ee,{"aria-label":"Close modal",variant:"subtle",color:"gray",onClick:n,children:s.jsx(wc,{size:18})})]}),s.jsx(G,{className:[ft.body,w?ft.bodyEdit:ft.bodyView,c].filter(Boolean).join(" "),children:d}),s.jsxs(Fe,{justify:"space-between",px:"md",py:"sm",className:ft.footer,children:[s.jsxs(Fe,{gap:"xs",wrap:"nowrap",className:ft.status,children:[s.jsx(G,{className:`${ft.statusDot} ${w?ft.statusDotEdit:""}`}),s.jsx(ue,{size:"xs",fw:600,children:i}),u]}),s.jsx(Fe,{gap:"sm",justify:"flex-end",className:ft.actions,children:l?.map(({label:C,key:j,onClick:M,dismiss:k,...S},T)=>s.jsx(pt,{type:S.type??"button",onClick:N=>{M==null||M(N),!N.defaultPrevented&&k&&n()},...S,children:C},j??T))})]})]})})}function Re(e){return e?typeof e=="string"?e:e.en||e.am||"Untitled":"Untitled"}function ii(e,...n){const t=e.trim().toLowerCase();return t?n?.some(o=>o==null?void 0:o.toLowerCase().includes(t)):!0}function Lt(e){return e.trim().toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"").replace(/-{2,}/g,"-")}function Ad(e){var n;return{id:e.id,label:Re(e.name),kind:"department",count:((n=e.subPositions)==null?void 0:n.length)??0,parentId:e.parentPositionId??void 0,raw:e,children:(e.subPositions??[])?.map(Ad)}}function zd(e){return e.reduce((n,t)=>n+1+zd(t.subPositions??[]),0)}function Yy(e){const{organizations:n,units:t,positions:o,selectedOrganizationId:a,selectedUnitId:r}=e;return n?.map(i=>({id:i.id,label:Re(i.name),kind:"organization",raw:i,count:i.id===a?t.length:void 0,children:i.id===a?t.filter(l=>l.organizationId===i.id)?.map(l=>({id:l.id,label:Re(l.name),kind:"unit",raw:l,parentId:i.id,count:l.id===r?zd(o):void 0,children:l.id===r?o?.map(Ad):[]})):[]}))}function qs({label:e,value:n}){return s.jsxs(fe,{gap:4,children:[s.jsx(ue,{size:"xs",tt:"uppercase",fw:700,c:"fhcGray.5",children:e}),s.jsx(ue,{size:"sm",fw:600,c:"fhcGray.8",children:n})]})}function Qy({employee:e,opened:n,onClose:t}){const o=Re(e==null?void 0:e.user.name);return s.jsx(_t,{opened:n,onClose:t,mode:"View",title:"Team Member Details",headerIcon:s.jsx(E0,{size:18}),referenceId:e==null?void 0:e.id,footerStatusLabel:"Synced with user management",actions:[{label:"Close",variant:"light",dismiss:!0}],children:e?s.jsxs(fe,{gap:"lg",p:"lg",children:[s.jsxs(Fe,{gap:"md",wrap:"nowrap",children:[s.jsx(mo,{radius:"xl",size:56,color:"fhcBlue",children:o.charAt(0).toUpperCase()}),s.jsxs(fe,{gap:2,children:[s.jsx(ue,{size:"lg",fw:700,c:"fhcGray.9",children:o}),s.jsxs(Fe,{gap:"xs",children:[s.jsx(nt,{color:e.isCurrent?"green":"gray",children:e.isCurrent?"Current assignment":"Not current"}),s.jsx(nt,{variant:"light",color:"fhcBlue",children:e.status||e.user.status||"Unknown"})]})]})]}),s.jsxs(bn,{cols:{base:1,sm:2},spacing:"lg",children:[s.jsx(qs,{label:"Email",value:e.user.email||"No email provided"}),s.jsx(qs,{label:"Phone",value:e.user.phoneNumber||"No phone provided"}),s.jsx(qs,{label:"Username",value:e.user.username||"No username provided"}),s.jsx(qs,{label:"User Type",value:e.user.userType||"employee"})]}),s.jsxs(Fe,{gap:"xl",c:"fhcGray.6",children:[s.jsxs(Fe,{gap:6,children:[s.jsx(a0,{size:16}),s.jsx(ue,{size:"sm",children:"Primary contact"})]}),s.jsxs(Fe,{gap:6,children:[s.jsx(u0,{size:16}),s.jsx(ue,{size:"sm",children:"Phone enabled"})]}),s.jsxs(Fe,{gap:6,children:[s.jsx(sf,{size:16}),s.jsx(ue,{size:"sm",children:"Position-linked access"})]})]})]}):null})}(()=>{const e="".trim().replace(/\/+$/,"").replace(/\/docs$/,"");return e?e.endsWith("/api")?e:`${e}/api`:null})();class Xy extends Error{constructor(t,o){super(t);mi(this,"status");this.name="UserManagementApiError",this.status=o}}function Zy(e){var l,d,c,u;const n=e,t=((l=n==null?void 0:n.response)==null?void 0:l.status)??0,o=`Request failed with status ${t||"unknown"}`,a=(d=n==null?void 0:n.response)==null?void 0:d.data,r=(u=(c=a==null?void 0:a.exception)==null?void 0:c.response)==null?void 0:u.message,i=(Array.isArray(r)?r.join(", "):r)||(Array.isArray(a==null?void 0:a.message)?a.message.join(", "):a==null?void 0:a.message)||(n==null?void 0:n.message)||o;return new Xy(i,t)}async function Jy(e,n){const t={url:e,method:(n==null?void 0:n.method)??"GET",headers:n==null?void 0:n.headers};(n==null?void 0:n.body)!==void 0&&(t.data=JSON.parse(n.body));try{return(await Na.request(t)).data}catch(o){throw Zy(o)}}async function rt(e,n){return Jy(e,n)}async function ew(){return rt("/organizations/with-admin-flag?take=3000&skip=0")}async function tw(e){return rt(`/organizations/${e}`)}async function nw(e,n){return rt(`/organizations/${e}`,{method:"PUT",body:JSON.stringify(n)})}async function sw(e){return rt(`/organizations/${e}`,{method:"DELETE"})}async function ow(e){return rt(`/units/list/${e}?take=100&skip=0`)}async function aw(e){return rt("/units",{method:"POST",body:JSON.stringify(e)})}async function rw(e,n){return rt(`/units/${e}`,{method:"PUT",body:JSON.stringify(n)})}async function iw(e){return rt(`/units/${e}`,{method:"DELETE"})}async function lw(e){return rt(`/positions/hierarchy/${e}`)}async function cw(e){return rt(`/position-types/list-with-commons/${e}?take=1000&skip=0&orderBy=createdAt:Desc`)}async function dw(e){return rt("/positions",{method:"POST",body:JSON.stringify(e)})}async function uw(e,n){return rt(`/positions/${e}`,{method:"PUT",body:JSON.stringify(n)})}async function gw(e){return rt("/positions/change-parent",{method:"PATCH",body:JSON.stringify(e)})}async function mw(e){return rt(`/positions/${e}`,{method:"DELETE"})}async function hw(e){return rt("/employee-positions/invite",{method:"POST",body:JSON.stringify(e)})}async function pw(e){return rt("/employee-positions/assign",{method:"POST",body:JSON.stringify(e)})}async function fw(e){const n=await rt(`/employees/${e}/active-with-unit?take=3000&skip=0`);return{count:n.count,items:n.items?.map(t=>{var o;return{id:t.id,name:t.name??{},email:t.email??void 0,employee:(o=t.employee)==null?void 0:o?.map(a=>({id:a.id,name:a.name??{},employeePositions:a.employeePositions??[]}))}})}}async function vw(e){const n=await rt(`/employees/${e}/by-organization?take=3000`);return{count:n.count,items:n.items?.map(t=>({id:t.id,organizationId:e,isCurrent:!0,status:"Active",user:{id:t.user.id,name:t.user.name??t.name,email:t.user.email??void 0,phoneNumber:t.user.phoneNumber??void 0},employeePositions:t.employeePositions}))}}async function xw(e){return rt(`/positions/current/${e}/employees`)}function bw(){return zt({queryKey:["user-management","organizations"],queryFn:ew,staleTime:300*1e3})}function yw(e,n){return zt({queryKey:["user-management","organization",e],queryFn:()=>tw(e),enabled:!!e&&!(n!=null&&n.skip),staleTime:60*1e3})}function ww(){const e=Tt(),n=en({mutationFn:o=>nw(o.id,o.body),onSuccess:(o,a)=>{e.invalidateQueries({queryKey:["user-management","organizations"]}),e.invalidateQueries({queryKey:["user-management","organization",a.id]})}});return[o=>({unwrap:()=>n.mutateAsync(o)}),{isLoading:n.isPending}]}function jw(){const e=Tt(),n=en({mutationFn:o=>sw(o),onSuccess:()=>{e.invalidateQueries({queryKey:["user-management","organizations"]})}});return[o=>({unwrap:()=>n.mutateAsync(o)}),{isLoading:n.isPending}]}function Cw(e){return zt({queryKey:["user-management","units",e],queryFn:()=>ow(e),enabled:!!e,staleTime:300*1e3})}function Sw(e){return zt({queryKey:["user-management","positions",e],queryFn:()=>lw(e),enabled:!!e,staleTime:60*1e3})}function li(e){return zt({queryKey:["user-management","position-types",e],queryFn:()=>cw(e),enabled:!!e,staleTime:300*1e3})}function _w(e,n=!0){return zt({queryKey:["user-management","organization-employees",e],queryFn:()=>vw(e),enabled:!!e&&n,staleTime:30*1e3})}function Mw(e){return zt({queryKey:["user-management","team-members",e],queryFn:()=>xw(e),enabled:!!e,staleTime:30*1e3})}function Rw(e,n=!0){return zt({queryKey:["user-management","assignable-users",e],queryFn:()=>fw(e),enabled:!!e&&n,staleTime:30*1e3})}function Nw(){const e=Tt();return en({mutationFn:n=>aw(n),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","organizations"]}),e.invalidateQueries({queryKey:["user-management","units",t.organizationId]})}})}function kw(){const e=Tt();return en({mutationFn:({unitId:n,payload:t})=>rw(n,t),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","organizations"]}),e.invalidateQueries({queryKey:["user-management","units",t.payload.organizationId]})}})}function Dw(){const e=Tt();return en({mutationFn:({unitId:n,organizationId:t})=>iw(n),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","organizations"]}),e.invalidateQueries({queryKey:["user-management","units",t.organizationId]}),e.invalidateQueries({queryKey:["user-management","positions",t.unitId]})}})}function $d(){const e=Tt();return en({mutationFn:n=>dw(n),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","positions",t.unitId]}),e.invalidateQueries({queryKey:["user-management","units",t.organizationId]})}})}function Tw(){const e=Tt();return en({mutationFn:({positionId:n,payload:t})=>uw(n,t),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","positions",t.payload.unitId]}),e.invalidateQueries({queryKey:["user-management","team-members",t.positionId]})}})}function Iw(){const e=Tt();return en({mutationFn:({payload:n,unitId:t,positionId:o})=>gw(n),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","positions",t.unitId]}),e.invalidateQueries({queryKey:["user-management","team-members",t.positionId]})}})}function Fw(){const e=Tt();return en({mutationFn:({positionId:n,unitId:t})=>mw(n),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","positions",t.unitId]}),e.invalidateQueries({queryKey:["user-management","team-members",t.positionId]})}})}function Pw(){const e=Tt();return en({mutationFn:({payload:n,positionId:t,organizationId:o})=>hw(n),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","team-members",t.positionId]}),e.invalidateQueries({queryKey:["user-management","organization-employees",t.organizationId]})}})}function Ew(){const e=Tt();return en({mutationFn:({payload:n,unitId:t,positionId:o,organizationId:a})=>pw(n),onSuccess:(n,t)=>{e.invalidateQueries({queryKey:["user-management","assignable-users",t.unitId]}),e.invalidateQueries({queryKey:["user-management","team-members",t.positionId]}),e.invalidateQueries({queryKey:["user-management","organization-employees",t.organizationId]})}})}function Ow({opened:e,department:n,onClose:t}){const o=Pw(),[a,r]=y.useState(""),[i,l]=y.useState(""),[d,c]=y.useState(""),[u,g]=y.useState(""),[m,h]=y.useState("");y.useEffect(()=>{e&&(r(""),l(""),c(""),g(""),h(""))},[e]);const p=async()=>{if(n){if(!a.trim()||!i.trim()||!u.trim()||!m.trim()){Ue.show({title:"Missing fields",message:"Username, email, and both localized names are required.",color:"red"});return}if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i.trim())){Ue.show({title:"Invalid email",message:"Please enter a valid email address.",color:"red"});return}try{await o.mutateAsync({positionId:n.id,organizationId:n.organizationId,payload:{positionId:n.id,username:a.trim(),email:i.trim(),phoneNumber:d.trim()||void 0,name:{am:u.trim(),en:m.trim()}}}),Ue.show({title:"User invited",message:`${m.trim()} was added to ${Re(n.name)}.`,color:"green"}),t()}catch(f){Ue.show({title:"Failed to add user",message:f instanceof Error?f.message:"Something went wrong.",color:"red"})}}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(Gr,{size:18}),title:"Add User",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Inviting department user",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:o.isPending?"Adding...":"Add User",onClick:()=>void p(),loading:o.isPending}],size:"md",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Position"}),s.jsx(qe,{value:n?Re(n.name):"",disabled:!0})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Username *"}),s.jsx(qe,{value:a,onChange:f=>r(f.currentTarget.value),autoFocus:!0})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Email *"}),s.jsx(qe,{value:i,onChange:f=>l(f.currentTarget.value),type:"email"})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Phone Number"}),s.jsx(qe,{value:d,onChange:f=>c(f.currentTarget.value),placeholder:"0912345678 or +251912345678"})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter Amharic name *"}),s.jsx(qe,{value:u,onChange:f=>g(f.currentTarget.value)})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter English name *"}),s.jsx(qe,{value:m,onChange:f=>h(f.currentTarget.value)})]})]})})}function Aw({opened:e,onClose:n,organizationId:t,organizationLabel:o,onCreated:a}){const[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState(""),[g,m]=y.useState(!1),h=Nw(),p=y.useMemo(()=>Lt(r),[r]);y.useEffect(()=>{g||u(p)},[p,g]),y.useEffect(()=>{e||(i(""),d(""),u(""),m(!1))},[e]);const f=async()=>{if(!t){Ue.show({title:"Organization required",message:"Select an organization before adding a unit.",color:"red"});return}if(!r.trim()||!l.trim()||!c.trim()){Ue.show({title:"Missing fields",message:"English name, Amharic name, and key are all required.",color:"red"});return}try{await h.mutateAsync({name:{en:r.trim(),am:l.trim()},key:c.trim(),organizationId:t,parentUnitId:null}),Ue.show({title:"Unit created",message:`${r.trim()} was added successfully.`,color:"green"}),a==null||a(),n()}catch(v){Ue.show({title:"Failed to create unit",message:v instanceof Error?v.message:"Something went wrong.",color:"red"})}};return s.jsx(_t,{opened:e,onClose:n,mode:"Edit",headerIcon:s.jsx(af,{size:18}),title:"Add New Unit",referenceId:o,footerStatusLabel:"Creating organization unit",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:h.isPending?"Adding...":"Add Unit",onClick:()=>{f()},loading:h.isPending}],size:"md",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter English name"}),s.jsx(qe,{placeholder:"Enter English name",value:r,onChange:v=>i(v.currentTarget.value),autoFocus:!0})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter Amharic name"}),s.jsx(qe,{placeholder:"Enter Amharic name",value:l,onChange:v=>d(v.currentTarget.value)})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Key"}),s.jsx(qe,{placeholder:"e.g. finance-unit",value:c,onChange:v=>{m(!0),u(Lt(v.currentTarget.value))}})]})]})})}function zw({opened:e,unit:n,onClose:t}){var x;const[o,a]=y.useState(null),[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState(""),[g,m]=y.useState(!1),h=li(n==null?void 0:n.id),p=$d(),f=y.useMemo(()=>Lt(r),[r]);y.useEffect(()=>{e&&(a(null),i(""),d(""),u(""),m(!1))},[e]),y.useEffect(()=>{g||u(f)},[f,g]);const v=async()=>{if(n){if(!o||!r.trim()||!l.trim()||!c.trim()){Ue.show({title:"Missing fields",message:"Position type, English name, Amharic name, and key are all required.",color:"red"});return}try{await p.mutateAsync({positionTypeId:o,unitId:n.id,organizationId:n.organizationId,name:{en:r.trim(),am:l.trim()},key:c.trim(),parentPositionId:null,projectId:null}),Ue.show({title:"Department created",message:`${r.trim()} was added successfully.`,color:"green"}),t()}catch(b){Ue.show({title:"Failed to create department",message:b instanceof Error?b.message:"Something went wrong.",color:"red"})}}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(rn,{size:18}),title:"Add Department",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Creating department",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:p.isPending?"Adding...":"Add Department",onClick:()=>void v(),loading:p.isPending}],size:"md",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Position Types"}),s.jsx(tn,{placeholder:"Select a Position Type",value:o,onChange:a,searchable:!0,data:(((x=h.data)==null?void 0:x.items)??[])?.map(b=>({value:b.id,label:Re(b.name)}))})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter English name"}),s.jsx(qe,{value:r,onChange:b=>i(b.currentTarget.value),placeholder:"Enter English name",autoFocus:!0})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter Amharic name"}),s.jsx(qe,{value:l,onChange:b=>d(b.currentTarget.value),placeholder:"Enter Amharic name"})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Key"}),s.jsx(qe,{value:c,onChange:b=>{m(!0),u(Lt(b.currentTarget.value))},placeholder:"e.g. finance-department"})]})]})})}function $w({opened:e,department:n,onClose:t}){var x;const[o,a]=y.useState(null),[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState(""),[g,m]=y.useState(!1),h=li(n==null?void 0:n.unitId),p=$d(),f=y.useMemo(()=>Lt(r),[r]);y.useEffect(()=>{e&&(a(null),i(""),d(""),u(""),m(!1))},[e]),y.useEffect(()=>{g||u(f)},[f,g]);const v=async()=>{if(n){if(!o||!r.trim()||!l.trim()||!c.trim()){Ue.show({title:"Missing fields",message:"Position type, English name, Amharic name, and key are all required.",color:"red"});return}try{await p.mutateAsync({positionTypeId:o,unitId:n.unitId,organizationId:n.organizationId,name:{en:r.trim(),am:l.trim()},key:c.trim(),parentPositionId:n.id,projectId:null}),Ue.show({title:"Sub-department created",message:`${r.trim()} was added successfully.`,color:"green"}),t()}catch(b){Ue.show({title:"Failed to create sub-department",message:b instanceof Error?b.message:"Something went wrong.",color:"red"})}}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(rn,{size:18}),title:"Add New Sub-Department",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Creating sub-department",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:p.isPending?"Adding...":"Add Sub-department",onClick:()=>void v(),loading:p.isPending}],size:"md",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Parent Department"}),s.jsx(qe,{value:n?Re(n.name):"",disabled:!0})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Position Types"}),s.jsx(tn,{placeholder:"Select a Position Type",value:o,onChange:a,searchable:!0,data:(((x=h.data)==null?void 0:x.items)??[])?.map(b=>({value:b.id,label:Re(b.name)}))})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter English name"}),s.jsx(qe,{value:r,onChange:b=>i(b.currentTarget.value),autoFocus:!0})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter Amharic name"}),s.jsx(qe,{value:l,onChange:b=>d(b.currentTarget.value)})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Key"}),s.jsx(qe,{value:c,onChange:b=>{m(!0),u(Lt(b.currentTarget.value))},placeholder:"Key"})]})]})})}function Lw({opened:e,department:n,onClose:t}){var c;const o=Ew(),a=Rw(n==null?void 0:n.unitId,e),[r,i]=y.useState(null);y.useEffect(()=>{e&&i(null)},[e]);const l=(((c=a.data)==null?void 0:c.items)??[])?.map(u=>{var h,p;const g=((p=(h=u.employee)==null?void 0:h[0])==null?void 0:p.id)??u.id,m=`${Re(u.name)}${u.email?` (${u.email})`:""}`;return{value:g,label:m}}),d=async()=>{if(!n||!r){Ue.show({title:"Missing user",message:"Please choose a user to assign.",color:"red"});return}try{await o.mutateAsync({unitId:n.unitId,positionId:n.id,organizationId:n.organizationId,payload:{positionId:n.id,employeeId:r}}),Ue.show({title:"User assigned",message:`The user was assigned to ${Re(n.name)}.`,color:"green"}),t()}catch(u){Ue.show({title:"Failed to assign user",message:u instanceof Error?u.message:"Something went wrong.",color:"red"})}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(Po,{size:18}),title:n?`Assign User to ${Re(n.name)}`:"Assign User",footerStatusLabel:"Assigning department user",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:o.isPending?"Assigning...":"Assign User",onClick:()=>void d(),loading:o.isPending}],size:"md",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Select User"}),s.jsx(tn,{value:r,onChange:i,data:l,searchable:!0,placeholder:"Select User",disabled:a.isLoading,nothingFoundMessage:"No users available"})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Positions"}),s.jsx(qe,{value:n?Re(n.name):"",disabled:!0})]})]})})}function Vw({opened:e,organization:n,onClose:t,onDeleted:o}){const[a,r]=jw(),i=async()=>{if(n)try{await a(n.id).unwrap(),Ue.show({title:"Organization deleted",message:`${Re(n.name)} was deleted successfully.`,color:"green"}),o==null||o(),t()}catch(l){Ue.show({title:"Failed to delete organization",message:l instanceof Error?l.message:"Something went wrong.",color:"red"})}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(ln,{size:18}),title:"Delete Organization",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Removing organization",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:r.isLoading?"Deleting...":"Delete Organization",color:"red",onClick:()=>void i(),loading:r.isLoading}],size:"sm",children:s.jsxs(fe,{gap:"sm",p:"lg",children:[s.jsx(ue,{fw:600,children:"Delete this organization?"}),s.jsx(ue,{size:"sm",c:"fhcGray.6",children:"This action cannot be undone. Make sure the organization does not have dependent units, departments, or employee records before deleting it."})]})})}function Bw({opened:e,department:n,onClose:t,onDeleted:o}){const a=Fw(),r=async()=>{if(n)try{await a.mutateAsync({positionId:n.id,unitId:n.unitId}),Ue.show({title:"Department deleted",message:`${Re(n.name)} was deleted successfully.`,color:"green"}),o==null||o(),t()}catch(i){Ue.show({title:"Failed to delete department",message:i instanceof Error?i.message:"Something went wrong.",color:"red"})}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(ln,{size:18}),title:"Delete Department",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Removing department",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:a.isPending?"Deleting...":"Delete Department",color:"red",onClick:()=>void r(),loading:a.isPending}],size:"md",children:s.jsxs(fe,{gap:"sm",p:"lg",children:[s.jsx(ue,{fw:600,children:"Delete this department?"}),s.jsx(ue,{size:"sm",c:"fhcGray.6",children:"This removes the selected department from the unit tree. Make sure it is safe to remove before continuing."})]})})}function Uw({opened:e,unit:n,onClose:t,onDeleted:o}){const a=Dw(),r=async()=>{if(n)try{await a.mutateAsync({unitId:n.id,organizationId:n.organizationId}),Ue.show({title:"Unit deleted",message:`${Re(n.name)} was deleted successfully.`,color:"green"}),o==null||o(),t()}catch(i){Ue.show({title:"Failed to delete unit",message:i instanceof Error?i.message:"Something went wrong.",color:"red"})}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(ln,{size:18}),title:"Delete Unit",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Removing organization unit",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:a.isPending?"Deleting...":"Delete Unit",color:"red",onClick:()=>void r(),loading:a.isPending}],size:"sm",children:s.jsxs(fe,{gap:"sm",p:"lg",children:[s.jsx(ue,{fw:600,children:"Delete this unit?"}),s.jsx(ue,{size:"sm",c:"fhcGray.6",children:"This action cannot be undone. Make sure the unit does not have dependent records before deleting it."})]})})}function Hw({opened:e,organization:n,onClose:t,onUpdated:o}){const a=(n==null?void 0:n.id)??"",r=yw(a,{skip:!e||!a}),[i,l]=ww(),[d,c]=y.useState(""),[u,g]=y.useState(""),[m,h]=y.useState(""),[p,f]=y.useState(!1);y.useEffect(()=>{var w,C;const b=r.data;!e||!n||!b||(c(((w=b.name)==null?void 0:w.en)??n.name.en??""),g(((C=b.name)==null?void 0:C.am)??n.name.am??""),h(b.key??n.key??""),f(!1))},[e,n,r.data]);const v=y.useMemo(()=>Lt(d),[d]);y.useEffect(()=>{!e||p||h(v)},[v,p,e]);const x=async()=>{const b=r.data;if(!n||!b){Ue.show({title:"Organization unavailable",message:"The selected organization could not be loaded.",color:"red"});return}if(!d.trim()||!u.trim()||!m.trim()){Ue.show({title:"Missing fields",message:"English name, Amharic name, and key are all required.",color:"red"});return}try{await i({id:n.id,body:{name:{en:d.trim(),am:u.trim()},key:m.trim(),organizationTypeId:b.organizationTypeId,isGovernmentOrganization:b.isGovernmentOrganization,parentId:b.parentId??null,isActive:b.isActive}}).unwrap(),Ue.show({title:"Organization updated",message:`${d.trim()} was updated successfully.`,color:"green"}),o==null||o(),t()}catch(w){Ue.show({title:"Failed to update organization",message:w instanceof Error?w.message:"Something went wrong.",color:"red"})}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(on,{size:18}),title:"Edit Organization",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Updating organization",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:l.isLoading?"Saving...":"Save Changes",onClick:()=>void x(),loading:l.isLoading||r.isFetching,disabled:r.isLoading}],size:"md",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter English name"}),s.jsx(qe,{value:d,onChange:b=>c(b.currentTarget.value),placeholder:"Enter English name",autoFocus:!0,disabled:r.isLoading})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter Amharic name"}),s.jsx(qe,{value:u,onChange:b=>g(b.currentTarget.value),placeholder:"Enter Amharic name",disabled:r.isLoading})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Key"}),s.jsx(qe,{value:m,onChange:b=>{f(!0),h(Lt(b.currentTarget.value))},placeholder:"e.g. federal-housing-corporation",disabled:r.isLoading})]})]})})}function Gw({opened:e,department:n,onClose:t}){var x;const[o,a]=y.useState(null),[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState(""),[g,m]=y.useState(!1),h=li(n==null?void 0:n.unitId),p=Tw();y.useEffect(()=>{e&&n&&(a(n.positionTypeId??null),i(n.name.en??""),d(n.name.am??""),u(n.key??""),m(!1))},[e,n]);const f=y.useMemo(()=>Lt(r),[r]);y.useEffect(()=>{!g&&e&&u(f)},[f,g,e]);const v=async()=>{if(n){if(!o||!r.trim()||!l.trim()||!c.trim()){Ue.show({title:"Missing fields",message:"Position type, English name, Amharic name, and key are all required.",color:"red"});return}try{await p.mutateAsync({positionId:n.id,payload:{positionTypeId:o,unitId:n.unitId,organizationId:n.organizationId,name:{en:r.trim(),am:l.trim()},key:c.trim(),parentPositionId:n.parentPositionId??null,projectId:null}}),Ue.show({title:"Department updated",message:`${r.trim()} was updated successfully.`,color:"green"}),t()}catch(b){Ue.show({title:"Failed to update department",message:b instanceof Error?b.message:"Something went wrong.",color:"red"})}}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(on,{size:18}),title:"Edit Department",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Updating department",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:p.isPending?"Saving...":"Save Changes",onClick:()=>void v(),loading:p.isPending}],size:"md",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Position Types"}),s.jsx(tn,{placeholder:"Select a Position Type",value:o,onChange:a,searchable:!0,data:(((x=h.data)==null?void 0:x.items)??[])?.map(b=>({value:b.id,label:Re(b.name)}))})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter English name"}),s.jsx(qe,{value:r,onChange:b=>i(b.currentTarget.value),autoFocus:!0})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter Amharic name"}),s.jsx(qe,{value:l,onChange:b=>d(b.currentTarget.value)})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Key"}),s.jsx(qe,{value:c,onChange:b=>{m(!0),u(Lt(b.currentTarget.value))}})]})]})})}function qw({opened:e,unit:n,onClose:t}){const[o,a]=y.useState(""),[r,i]=y.useState(""),[l,d]=y.useState(""),[c,u]=y.useState(!1),g=kw();y.useEffect(()=>{e&&n&&(a(n.name.en??""),i(n.name.am??""),d(n.key??""),u(!1))},[e,n]);const m=y.useMemo(()=>Lt(o),[o]);y.useEffect(()=>{!c&&e&&d(m)},[m,c,e]);const h=async()=>{if(n){if(!o.trim()||!r.trim()||!l.trim()){Ue.show({title:"Missing fields",message:"English name, Amharic name, and key are all required.",color:"red"});return}try{await g.mutateAsync({unitId:n.id,payload:{name:{en:o.trim(),am:r.trim()},key:l.trim(),organizationId:n.organizationId,parentUnitId:n.parentUnitId??null}}),Ue.show({title:"Unit updated",message:`${o.trim()} was updated successfully.`,color:"green"}),t()}catch(p){Ue.show({title:"Failed to update unit",message:p instanceof Error?p.message:"Something went wrong.",color:"red"})}}};return s.jsx(_t,{opened:e,onClose:t,mode:"Edit",headerIcon:s.jsx(on,{size:18}),title:"Edit Unit",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Updating organization unit",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:g.isPending?"Saving...":"Save Changes",onClick:()=>void h(),loading:g.isPending}],size:"md",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter English name"}),s.jsx(qe,{value:o,onChange:p=>a(p.currentTarget.value),placeholder:"Enter English name",autoFocus:!0})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Enter Amharic name"}),s.jsx(qe,{value:r,onChange:p=>i(p.currentTarget.value),placeholder:"Enter Amharic name"})]}),s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Key"}),s.jsx(qe,{value:l,onChange:p=>{u(!0),d(Lt(p.currentTarget.value))},placeholder:"e.g. finance-unit"})]})]})})}function Ld(e){const n=new Set([e.id]);for(const t of e.subPositions??[])for(const o of Ld(t))n.add(o);return n}function Vd(e,n,t=0){return e.flatMap(o=>{const a=`${"  ".repeat(t)}${Re(o.name)}`;return[...n.has(o.id)?[]:[{value:o.id,label:a}],...Vd(o.subPositions??[],n,t+1)]})}function Ww({opened:e,department:n,positions:t,onClose:o}){const a=Iw(),[r,i]=y.useState(null);y.useEffect(()=>{e&&i(null)},[e]);const l=y.useMemo(()=>n?Vd(t,Ld(n)):[],[n,t]),d=async()=>{if(!n||!r){Ue.show({title:"Missing department",message:"Please select the department to move under.",color:"red"});return}try{await a.mutateAsync({unitId:n.unitId,positionId:n.id,payload:{positionId:n.id,newParentId:r}}),Ue.show({title:"Department moved",message:`${Re(n.name)} was moved successfully.`,color:"green"}),o()}catch(c){Ue.show({title:"Failed to move department",message:c instanceof Error?c.message:"Something went wrong.",color:"red"})}};return s.jsx(_t,{opened:e,onClose:o,mode:"Edit",headerIcon:s.jsx(vc,{size:18}),title:"Move Department",referenceId:n?Re(n.name):void 0,footerStatusLabel:"Moving department",actions:[{label:"Cancel",variant:"light",dismiss:!0},{label:a.isPending?"Moving...":"Move Department",onClick:()=>void d(),loading:a.isPending}],size:"md",children:s.jsx(fe,{gap:"md",p:"lg",children:s.jsxs(fe,{gap:6,children:[s.jsx(ue,{fw:500,children:"Select Departments"}),s.jsx(tn,{value:r,onChange:i,data:l,searchable:!0,placeholder:"Select Departments",nothingFoundMessage:"No departments available"})]})})})}function Kw({organizationId:e,organizationLabel:n,opened:t,onClose:o,onSelectEmployee:a}){var u;const[r,i]=y.useState(""),l=_w(e,t),d=((u=l.data)==null?void 0:u.items)??[],c=y.useMemo(()=>d.filter(g=>ii(r,Re(g.user.name),g.user.email,g.user.phoneNumber,...g.employeePositions?.map(m=>{var h;return Re((h=m.position)==null?void 0:h.name)}))),[d,r]);return s.jsx(_t,{opened:t,onClose:o,mode:"View",title:"Search All Employees",headerIcon:s.jsx(Po,{size:18}),referenceId:n,footerStatusLabel:"Organization-level employee lookup",actions:[{label:"Close",variant:"light",dismiss:!0}],size:"xl",children:s.jsxs(fe,{gap:"md",p:"lg",children:[s.jsx(qe,{value:r,onChange:g=>i(g.currentTarget.value),placeholder:"Search employees in this organization...",leftSection:s.jsx(ys,{size:16}),radius:"md"}),l.isLoading?s.jsx(Fe,{justify:"center",py:"xl",children:s.jsx(Rs,{size:"sm"})}):s.jsx(io,{h:420,children:s.jsxs(fe,{gap:"sm",children:[c?.map(g=>{const m=Re(g.user.name);return s.jsx(Zt,{withBorder:!0,radius:"md",p:"md",style:{cursor:"pointer"},onClick:()=>{a(g),o()},children:s.jsxs(Fe,{justify:"space-between",align:"flex-start",wrap:"nowrap",children:[s.jsxs(Fe,{gap:"md",wrap:"nowrap",children:[s.jsx(mo,{radius:"xl",color:"fhcBlue",children:m.charAt(0).toUpperCase()}),s.jsxs(fe,{gap:3,children:[s.jsx(ue,{fw:700,children:m}),s.jsx(ue,{size:"sm",c:"fhcGray.6",children:g.user.email||"No email"}),s.jsx(ue,{size:"sm",c:"fhcGray.6",children:g.user.phoneNumber||"No phone"}),s.jsx(Fe,{gap:6,mt:4,children:g.employeePositions.length>0?g.employeePositions?.map(h=>{var p;return s.jsx(nt,{variant:"light",color:"fhcGold",children:Re((p=h.position)==null?void 0:p.name)},h.id)}):s.jsx(nt,{variant:"light",color:"blue",children:"No department assignment"})})]})]}),s.jsx(nt,{variant:"light",color:"green",children:"Active"})]})},g.id)}),!l.isLoading&&c.length===0?s.jsx(Zt,{radius:"md",p:"xl",bg:"var(--mantine-color-gray-0)",children:s.jsxs(fe,{align:"center",gap:"xs",children:[s.jsx(ue,{fw:700,children:"No employees found"}),s.jsx(ue,{size:"sm",c:"fhcGray.6",children:"Try another search, or check whether this user is assigned to the selected organization."})]})}):null]})})]})})}const Ws="light-dark(#d9dfe7, #343a40)",Yw="light-dark(#d7ebff, #1f3a52)",ll="light-dark(#263445, #e6edf3)",cl="light-dark(#8a97a8, #9aa7b8)",Qw={organization:[{label:"Add Unit",icon:s.jsx(rn,{size:14})},{label:"Edit Organization",icon:s.jsx(on,{size:14})},{label:"Delete Organization",icon:s.jsx(ln,{size:14}),color:"red"}],unit:[{label:"Add Department",icon:s.jsx(rn,{size:14})},{label:"Edit Unit",icon:s.jsx(on,{size:14})},{label:"Delete Unit",icon:s.jsx(ln,{size:14}),color:"red"}],department:[{label:"Add User",icon:s.jsx(Gr,{size:14})},{label:"Assign User",icon:s.jsx(Po,{size:14})},{label:"Add Sub-department",icon:s.jsx(rn,{size:14})},{label:"Edit Department",icon:s.jsx(on,{size:14})},{label:"Move Department",icon:s.jsx(vc,{size:14})},{label:"Delete Department",icon:s.jsx(ln,{size:14}),color:"red"}]};function Bd({node:e,depth:n,selectedNodeId:t,expandedIds:o,toggleExpand:a,onSelect:r,onAction:i,ancestorHasNextSiblings:l,isLast:d}){const c=t===e.id,u=e.children.length>0,g=o.has(e.id),m=c&&!!i,h=typeof e.count=="number";return s.jsxs(fe,{gap:0,children:[s.jsxs(Fe,{gap:0,align:"stretch",wrap:"nowrap",children:[l?.map((p,f)=>s.jsx(G,{style:{width:24,position:"relative",flex:"0 0 24px"},children:p?s.jsx(G,{style:{position:"absolute",left:12,top:0,bottom:0,width:1,background:Ws}}):null},`${e.id}-ancestor-${f}`)),n>0?s.jsxs(G,{style:{width:22,position:"relative",flex:"0 0 22px"},children:[d?s.jsx(G,{style:{position:"absolute",left:11,top:0,height:"50%",width:1,background:Ws}}):s.jsx(G,{style:{position:"absolute",left:11,top:0,bottom:0,width:1,background:Ws}}),s.jsx(G,{style:{position:"absolute",left:11,top:"50%",width:14,height:1,background:Ws}})]}):null,s.jsxs(Fe,{gap:0,wrap:"nowrap",style:{flex:1,minWidth:0,minHeight:34,paddingLeft:n===0?2:4,paddingRight:10,borderRadius:4,background:c?Yw:"transparent"},children:[s.jsx(Ee,{variant:"transparent",color:"gray",size:18,disabled:!u,onClick:()=>u&&a(e.id),"aria-label":g?"Collapse tree node":"Expand tree node",styles:{root:{minWidth:18,width:18,height:18,opacity:u?1:0}},children:s.jsx(G,{style:{width:0,height:0,borderTop:g?"7px solid light-dark(#1f2937, #e6edf3)":"6px solid transparent",borderBottom:g?"0 solid transparent":"6px solid transparent",borderLeft:g?"7px solid transparent":"9px solid light-dark(#1f2937, #e6edf3)",transform:g?"translateY(1px)":"translateX(1px)"}})}),s.jsx(We,{label:e.label,disabled:e.label.length<=28,withArrow:!0,children:s.jsx(G,{style:{flex:1,minWidth:0,maxWidth:"calc(100% - 48px)",cursor:"pointer",color:ll,marginLeft:6},onClick:()=>r(e),children:s.jsx(ue,{size:"md",fw:c?700:500,c:ll,truncate:"end",style:{display:"block",lineHeight:1.2},children:e.label})})}),h?s.jsx(ue,{size:"md",fw:500,c:cl,style:{marginLeft:8,flexShrink:0,minWidth:20,textAlign:"right"},children:e.count}):null,s.jsx(G,{style:{marginLeft:h?4:"auto",display:"flex",alignItems:"center"},children:m?s.jsxs(De,{shadow:"md",width:200,withinPortal:!0,children:[s.jsx(De.Target,{children:s.jsx(Ee,{variant:"transparent",color:"gray",size:18,"aria-label":"Open node actions",style:{color:cl},children:s.jsx(Ur,{size:14})})}),s.jsx(De.Dropdown,{children:Qw[e.kind]?.map(p=>s.jsx(De.Item,{color:p.color,leftSection:p.icon,onClick:()=>{if(i){i(e,p.label);return}Ue.show({title:p.label,message:`${p.label} for ${e.label} will be connected next.`,color:"fhcBlue"})},children:p.label},p.label))})]}):null})]})]}),u&&g?e.children?.map((p,f)=>s.jsx(Bd,{node:p,depth:n+1,selectedNodeId:t,expandedIds:o,toggleExpand:a,onSelect:r,onAction:i,ancestorHasNextSiblings:[...l,n>0?!d:!1],isLast:f===e.children.length-1},p.id)):null]})}function Xw({tree:e,search:n="",embedded:t=!1,selectedNodeId:o,onSelect:a,onAction:r}){const[i,l]=y.useState(new Set(e.flatMap(u=>[u.id,...u.children?.map(g=>g.id)]))),d=y.useMemo(()=>{const u=g=>g?.map(m=>{const h=u(m.children);return!ii(n,m.label)&&h.length===0?null:{...m,children:h}}).filter(m=>!!m);return u(e)},[n,e]);y.useEffect(()=>{const u=new Set;e.forEach(g=>{g.children.length>0&&u.add(g.id),g.children.forEach(m=>{m.children.length>0&&u.add(m.id)})}),l(u)},[e]);const c=u=>{l(g=>{const m=new Set(g);return m.has(u)?m.delete(u):m.add(u),m})};return s.jsx(Zt,{withBorder:!0,radius:t?0:"md",p:0,style:{height:"100%",background:"light-dark(#ffffff, #1a1b1e)",borderColor:t?"transparent":"light-dark(#d9e0e7, #2c2e33)",overflow:"hidden",boxShadow:t?"none":void 0},children:s.jsxs(fe,{gap:0,h:"100%",children:[s.jsxs(Fe,{gap:8,px:"sm",py:10,wrap:"nowrap",style:{borderBottom:"1px solid light-dark(#edf1f5, #2c2e33)"},children:[s.jsx(G,{c:"light-dark(#2f6fa3, #6ea8d8)",children:s.jsx(xc,{size:14,stroke:1.8})}),s.jsx(ue,{size:"sm",fw:700,c:"light-dark(#2f3d4a, #cbd5e1)",tt:"uppercase",children:"Department"})]}),s.jsx(G,{px:"sm",py:8,children:s.jsx(ue,{size:"sm",fw:700,c:"light-dark(#2f3d4a, #cbd5e1)",children:"All"})}),s.jsx(io,{type:"scroll",offsetScrollbars:!1,scrollbarSize:10,style:{flex:1},children:s.jsx(fe,{gap:2,px:"sm",pb:"md",children:d?.map((u,g)=>s.jsx(Bd,{node:u,depth:0,selectedNodeId:o,expandedIds:i,toggleExpand:c,onSelect:a,onAction:r,ancestorHasNextSiblings:[],isLast:g===d.length-1},u.id))})})]})})}function Zw({value:e,onChange:n,options:t}){return s.jsx(Zt,{withBorder:!0,radius:"md",p:4,style:{background:"light-dark(rgba(255,255,255,0.94), #1f2329)",borderColor:"light-dark(rgba(73, 106, 137, 0.12), rgba(255, 255, 255, 0.08))"},children:s.jsx(Fe,{gap:4,children:t?.map(o=>{const a=o.value===e;return s.jsx(We,{label:o.label,children:s.jsx(Ee,{variant:a?"filled":"subtle",color:a?"fhcBlue":"gray",size:"lg",radius:"sm","aria-label":o.label,onClick:()=>n(o.value),styles:{root:{background:a?"light-dark(var(--mantine-color-fhcBlue-1), var(--mantine-color-fhcBlue-9))":"transparent",color:a?"light-dark(var(--mantine-color-fhcBlue-7), var(--mantine-color-fhcBlue-2))":"light-dark(var(--mantine-color-gray-6), var(--mantine-color-gray-4))"}},children:o.icon})},o.value)})})})}const Jw=[{value:"cards",label:"Cards",icon:s.jsx(Xf,{size:16})},{value:"list",label:"List",icon:s.jsx(s0,{size:16})},{value:"compact",label:"Compact",icon:s.jsx(bc,{size:16})},{value:"organogram",label:"Organogram",icon:s.jsx($0,{size:16})},{value:"table",label:"Table",icon:s.jsx(k0,{size:16})}],Qn="light-dark(#ffffff, #1a1b1e)",e1="light-dark(#f7f8fa, #141517)",dl="light-dark(#f8fafc, #1f2329)",Xn="light-dark(rgba(73, 106, 137, 0.12), rgba(255, 255, 255, 0.08))",jn="light-dark(#0f172a, #f1f5f9)",Zn="light-dark(#64748b, #9ca3af)",Tn={background:"linear-gradient(180deg, rgba(61, 83, 131, 0.18) 0%, rgba(61, 83, 131, 0.62) 50%, rgba(61, 83, 131, 0.18) 100%)"},Ma={background:"linear-gradient(90deg, rgba(61, 83, 131, 0) 0%, rgba(61, 83, 131, 0.55) 18%, rgba(61, 83, 131, 0.55) 82%, rgba(61, 83, 131, 0) 100%)"},vs="#274c77";function xs({title:e,subtitle:n,accent:t="#3b82f6",meta:o,active:a=!1,icon:r,onClick:i,menuItems:l}){return s.jsxs(Zt,{withBorder:!0,radius:"lg",p:"md",onClick:i,style:{minWidth:0,cursor:i?"pointer":"default",position:"relative",overflow:"hidden",borderColor:a?"rgba(37, 99, 235, 0.34)":"rgba(45, 62, 111, 0.14)",background:"linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,250,252,0.96) 100%)",boxShadow:a?"0 22px 44px rgba(37, 99, 235, 0.16)":"0 14px 32px rgba(15, 23, 42, 0.07)",transition:"transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease, background 150ms ease",transform:a?"translateY(-2px)":void 0},children:[s.jsx(G,{style:{position:"absolute",insetInline:0,top:0,height:4,background:`linear-gradient(90deg, ${t} 0%, rgba(255,255,255,0.92) 100%)`}}),s.jsxs(fe,{gap:10,align:"center",children:[s.jsxs(Fe,{justify:"space-between",align:"flex-start",wrap:"nowrap",style:{minWidth:0,width:"100%"},children:[s.jsxs(Fe,{gap:"sm",wrap:"nowrap",style:{minWidth:0,flex:1,justifyContent:"center"},children:[r?s.jsx(G,{style:{width:52,height:52,borderRadius:r&&typeof r!="string"?999:12,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,background:`linear-gradient(135deg, ${t}14 0%, rgba(255,255,255,0.96) 100%)`,color:t,overflow:"hidden",border:`1px solid ${t}33`,boxShadow:`inset 0 0 0 1px ${t}12`},children:r}):null,s.jsxs(fe,{gap:2,style:{minWidth:0,flex:1,alignItems:r?"flex-start":"center"},children:[s.jsx(nt,{variant:"light",radius:"xl",size:"sm",styles:{root:{background:`${t}14`,color:t,fontWeight:800,textTransform:"uppercase",letterSpacing:"0.04em"}},children:n}),s.jsx(We,{label:e,disabled:e.length<=32,withArrow:!0,children:s.jsx(ue,{fw:800,c:jn,truncate:"end",ta:r?"left":"center",size:"lg",children:e})})]})]}),s.jsx(Fe,{gap:8,wrap:"nowrap",style:{flexShrink:0},children:l!=null&&l.length?s.jsxs(De,{shadow:"md",withinPortal:!0,position:"bottom-end",children:[s.jsx(De.Target,{children:s.jsx(Ee,{variant:"subtle",color:"gray",size:"sm",onClick:d=>d.stopPropagation(),style:{background:"rgba(148, 163, 184, 0.1)",color:Zn},children:s.jsx(Ur,{size:14})})}),s.jsx(De.Dropdown,{children:l?.map(d=>s.jsx(De.Item,{color:d.color,leftSection:d.icon,onClick:c=>{c.stopPropagation(),d.onClick()},children:d.label},d.label))})]}):null})]}),o?s.jsx(nt,{variant:"light",radius:"xl",color:"gray",w:"fit-content",styles:{root:{background:"rgba(148, 163, 184, 0.12)",color:Zn,fontWeight:700}},children:o}):null]})]})}function t1({organization:e,units:n,unit:t,selectedPosition:o,positions:a,members:r,unitExpanded:i,departmentsExpanded:l,onSelectOrganization:d,onSelectUnit:c,onSelectDepartment:u,onSelectEmployee:g,onNodeAction:m}){if(!e)return s.jsx(ao,{title:"Select an organization",description:"Choose an organization from the tree to generate the organogram view."});const h=t?a:[],p=(o==null?void 0:o.subPositions)??[],f=a.reduce((b,w)=>{var C;return b+(((C=w.subPositions)==null?void 0:C.length)??0)},0),v=[Re(e.name),t?Re(t.name):null,o?Re(o.name):null].filter(Boolean),x={id:e.id,label:Re(e.name),kind:"organization",children:[],raw:e};return s.jsxs(fe,{gap:"lg",style:{padding:"8px 12px 20px"},children:[s.jsx(Zt,{withBorder:!0,radius:"xl",p:"lg",style:{background:Qn,borderColor:Xn},children:s.jsxs(fe,{gap:"sm",children:[s.jsxs(Fe,{justify:"space-between",align:"center",wrap:"wrap",children:[s.jsxs(fe,{gap:2,children:[s.jsx(ue,{fw:800,size:"lg",c:jn,children:"Organizational Chart"}),s.jsx(ue,{size:"sm",c:Zn,children:"Click a node to expand or collapse its branch."})]}),s.jsxs(Fe,{gap:"sm",wrap:"wrap",children:[s.jsxs(nt,{size:"md",radius:"md",variant:"light",color:"gray",children:[h.length," department",h.length===1?"":"s"]}),s.jsxs(nt,{size:"md",radius:"md",variant:"light",color:"gray",children:[f," sub-department",f===1?"":"s"]}),s.jsxs(nt,{size:"md",radius:"md",variant:"light",color:"gray",children:[r.length," active employee",r.length===1?"":"s"]})]})]}),s.jsx(Fe,{gap:8,wrap:"wrap",children:v?.map((b,w)=>s.jsxs(Fe,{gap:8,wrap:"nowrap",children:[s.jsx(ue,{size:"sm",fw:w===v.length-1?700:600,c:w===v.length-1?jn:Zn,children:b}),w<v.length-1?s.jsx(Br,{size:14,color:"#94a3b8"}):null]},`${b}-${w}`))})]})}),s.jsxs(Zt,{withBorder:!0,radius:"xl",p:{base:"md",md:"xl"},style:{background:Qn,borderColor:Xn,position:"relative",overflow:"hidden"},children:[s.jsx(G,{style:{position:"absolute",inset:0,backgroundImage:"linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px)",backgroundSize:"28px 28px",pointerEvents:"none"}}),s.jsxs(fe,{gap:"xl",align:"center",style:{position:"relative"},children:[s.jsxs(fe,{gap:"sm",align:"center",style:{width:"100%"},children:[s.jsx(G,{style:{width:"100%",maxWidth:360},children:s.jsx(xs,{title:Re(e.name),subtitle:"Organization",meta:`${i?n.length:0} visible unit${n.length===1?"":"s"}`,accent:vs,icon:s.jsx(xc,{size:22}),active:i,onClick:()=>d(e),menuItems:[{label:"Add Unit",icon:s.jsx(rn,{size:14}),onClick:()=>m(x,"Add Unit")},{label:"Edit Organization",icon:s.jsx(on,{size:14}),onClick:()=>m(x,"Edit Organization")},{label:"Delete Organization",icon:s.jsx(ln,{size:14}),color:"red",onClick:()=>m(x,"Delete Organization")}]})}),i&&n.length>0?s.jsx(G,{style:{width:2,height:42,...Tn}}):s.jsx(ue,{size:"sm",c:"dimmed",children:"Select a unit to expand the organization structure."})]}),i&&n.length>0?s.jsx(G,{style:{width:"100%"},children:s.jsx(G,{style:{maxWidth:1040,margin:"0 auto",paddingInline:16},children:s.jsx(bn,{cols:{base:1,md:Math.min(n.length,3)||1},spacing:"xl",children:n?.map(b=>{const w={id:b.id,label:Re(b.name),kind:"unit",children:[],parentId:e.id,raw:b},C=(t==null?void 0:t.id)===b.id;return s.jsxs(fe,{gap:0,align:"center",style:{width:"100%"},children:[s.jsx(G,{style:{width:"100%",maxWidth:320},children:s.jsx(xs,{title:Re(b.name),subtitle:"Unit",meta:C?`${h.length} department${h.length===1?"":"s"}`:"Click to expand",accent:vs,icon:s.jsx(Hf,{size:20}),active:C&&l,onClick:()=>c(b),menuItems:[{label:"Add Department",icon:s.jsx(rn,{size:14}),onClick:()=>m(w,"Add Department")},{label:"Edit Unit",icon:s.jsx(on,{size:14}),onClick:()=>m(w,"Edit Unit")},{label:"Delete Unit",icon:s.jsx(ln,{size:14}),color:"red",onClick:()=>m(w,"Delete Unit")}]})}),C&&l?s.jsx(s.Fragment,{children:s.jsx(G,{style:{width:2,height:34,marginTop:18,...Tn}})}):null]},b.id)})})})}):null,i&&t&&l&&h.length>0?s.jsx(G,{style:{width:"100%"},children:s.jsxs(G,{style:{maxWidth:1040,margin:"0 auto",paddingInline:16},children:[s.jsx(G,{style:{height:2,margin:"0 auto",...Ma}}),s.jsx(bn,{cols:{base:1,md:Math.min(h.length,3)||1},spacing:"xl",mt:"xl",children:h?.map(b=>{const w={id:b.id,label:Re(b.name),kind:"department",children:[],parentId:b.parentPositionId??void 0,raw:b},C=(o==null?void 0:o.id)===b.id?r:[];return s.jsxs(fe,{gap:0,align:"center",style:{minWidth:0},children:[s.jsx(G,{style:{width:2,height:28,...Tn}}),s.jsx(G,{style:{width:"100%",maxWidth:280},children:s.jsx(xs,{title:Re(b.name),subtitle:"Department",meta:`${C.length} employee${C.length===1?"":"s"}`,accent:vs,active:(o==null?void 0:o.id)===b.id,onClick:()=>u(b),menuItems:[{label:"Add User",icon:s.jsx(Gr,{size:14}),onClick:()=>m(w,"Add User")},{label:"Assign User",icon:s.jsx(Po,{size:14}),onClick:()=>m(w,"Assign User")},{label:"Add Sub-department",icon:s.jsx(rn,{size:14}),onClick:()=>m(w,"Add Sub-department")},{label:"Edit Department",icon:s.jsx(on,{size:14}),onClick:()=>m(w,"Edit Department")},{label:"Delete Department",icon:s.jsx(ln,{size:14}),color:"red",onClick:()=>m(w,"Delete Department")}]})}),(o==null?void 0:o.id)===b.id&&p.length>0?s.jsxs(s.Fragment,{children:[s.jsx(G,{style:{width:2,height:24,marginTop:18,...Tn}}),s.jsxs(G,{style:{width:"100%",maxWidth:560,marginTop:0},children:[s.jsx(G,{style:{height:2,...Ma}}),s.jsx(bn,{cols:{base:1,sm:Math.min(p.length,2)||1},spacing:"lg",mt:"lg",children:p?.map(j=>s.jsxs(fe,{gap:0,align:"center",children:[s.jsx(G,{style:{width:2,height:22,...Tn}}),s.jsx(G,{style:{width:"100%",maxWidth:240},children:s.jsx(xs,{title:Re(j.name),subtitle:"Sub-department",accent:vs,onClick:()=>u(j)})})]},j.id))})]})]}):null,(o==null?void 0:o.id)===b.id?s.jsxs(s.Fragment,{children:[s.jsx(G,{style:{width:2,height:28,marginTop:18,...Tn}}),C.length>0?s.jsxs(G,{style:{width:"100%",maxWidth:820},children:[C.length>1?s.jsx(G,{style:{height:2,marginInline:30,...Ma}}):null,s.jsx(bn,{cols:{base:1,md:Math.min(C.length,3)||1},spacing:"xl",mt:"xl",children:C?.map(j=>s.jsxs(fe,{gap:0,align:"center",children:[C.length>1?s.jsx(G,{style:{width:2,height:24,...Tn}}):null,s.jsx(G,{style:{width:"100%",maxWidth:240},children:s.jsx(xs,{title:Re(j.user.name),subtitle:j.user.userType||j.user.username||"Employee",meta:j.user.email||"No email",accent:vs,icon:s.jsx(mo,{size:44,radius:"xl",color:"fhcBlue",children:Re(j.user.name).charAt(0).toUpperCase()}),onClick:()=>g(j),menuItems:[{label:"View Details",icon:s.jsx(Hr,{size:14}),onClick:()=>g(j)}]})})]},j.id))})]}):s.jsx(ue,{mt:"md",size:"sm",c:Zn,children:"No employees assigned to this department yet."})]}):null]},b.id)})})]})}):i&&t&&l?s.jsx(ao,{title:"No departments to map",description:"This unit does not have department nodes available for the organogram yet."}):null]})]})]})}function ao({title:e="No team members found",description:n="Add team members to this department"}){return s.jsx(Zt,{radius:"lg",p:"xl",style:{background:e1,minHeight:220,display:"flex",alignItems:"center",justifyContent:"center"},children:s.jsxs(fe,{align:"center",gap:"xs",children:[s.jsx(Vr,{size:68,radius:"xl",variant:"light",color:"gray",children:s.jsx(I0,{size:34})}),s.jsx(ue,{fw:700,c:jn,children:e}),s.jsx(ue,{size:"sm",c:"dimmed",children:n})]})})}function Ra({member:e,compact:n=!1,onOpen:t}){const o=Re(e.user.name);return s.jsx(Zt,{withBorder:!0,radius:"md",p:n?"sm":"md",style:{cursor:"pointer",borderColor:Xn,background:Qn},onClick:()=>t(e),children:s.jsxs(Fe,{align:"flex-start",justify:"space-between",wrap:"nowrap",style:{minWidth:0},children:[s.jsxs(Fe,{align:"flex-start",gap:"md",wrap:"nowrap",style:{minWidth:0,flex:1},children:[s.jsx(mo,{size:n?54:78,radius:"md",color:"gray",style:{flexShrink:0},styles:{placeholder:{fontSize:n?18:28}},children:o.charAt(0).toUpperCase()}),s.jsxs(fe,{gap:n?2:5,style:{minWidth:0,flex:1},children:[s.jsx(ue,{fw:800,c:jn,truncate:"end",children:o}),s.jsx(ue,{size:"sm",c:"dimmed",truncate:"end",children:e.user.username||"Employee"}),s.jsx(ue,{size:"sm",c:"dimmed",truncate:"end",children:e.user.email||"No email"}),s.jsx(ue,{size:"sm",c:"dimmed",truncate:"end",children:e.user.phoneNumber||"No phone"}),s.jsxs(Fe,{gap:6,mt:n?4:8,wrap:"wrap",children:[s.jsx(nt,{color:"pink",variant:"light",children:e.status||e.user.status||"Pending"}),e.user.userType?s.jsx(nt,{color:"yellow",variant:"light",children:e.user.userType}):null]})]})]}),s.jsx(Ee,{variant:"light",color:"fhcGold",radius:"sm",onClick:a=>{a.stopPropagation(),t(e)},"aria-label":"Open employee",children:s.jsx(Hr,{size:15})})]})})}function n1(){var Ae,$e;const[e,n]=y.useState(""),[t,o]=y.useState(""),[a,r]=y.useState(""),[i,l]=y.useState(!1),[d,c]=y.useState(""),[u,g]=y.useState(""),[m,h]=y.useState(""),[p,f]=y.useState(""),[v,x]=y.useState(!1),[b,w]=y.useState(!0),[C,j]=y.useState(!0),[M,k]=y.useState(null),[S,T]=y.useState(!1),[N,F]=y.useState(null),[E,V]=y.useState(null),[L,B]=y.useState(null),[_,D]=y.useState(null),[O,P]=y.useState(null),[$,z]=y.useState(null),[H,ae]=y.useState(null),[ie,Q]=y.useState(null),[se,te]=y.useState(null),[Z,I]=y.useState(null),[Y,ce]=y.useState(null),[ee,W]=y.useState(null),[me,le]=y.useState("cards"),de=bw(),K=((Ae=de.data)==null?void 0:Ae.items)??[],A=Cw(d),ne=(($e=A.data)==null?void 0:$e.items)??[],be=Sw(u),ve=be.data??[],Se=Mw(m),we=Se.data??[],U=K.find(re=>re.id===d),q=ne.find(re=>re.id===u),oe=y.useMemo(()=>{const re=Ke=>{for(const Le of Ke){if(Le.id===m)return Le;const lt=re(Le.subPositions??[]);if(lt)return lt}};return re(ve)},[ve,m]),Ie=y.useMemo(()=>Yy({organizations:K,units:ne,positions:ve,selectedOrganizationId:d,selectedUnitId:u}),[K,ve,d,u,ne]),he=y.useMemo(()=>we.filter(re=>ii(e,Re(re.user.name),re.user.email,re.user.phoneNumber,re.user.username)),[we,e]),X=y.useMemo(()=>he?.map(re=>({id:re.id,name:Re(re.user.name),username:re.user.username||"Employee",email:re.user.email||"No email",phoneNumber:re.user.phoneNumber||"No phone",status:re.status||re.user.status||"Pending",userType:re.user.userType||"-",raw:re})),[he]),_e=y.useMemo(()=>[{accessorKey:"name",header:"Employee",size:240,Cell:({row:re})=>s.jsxs(fe,{gap:2,py:4,children:[s.jsx(ue,{fw:700,c:jn,children:re.original.name}),s.jsx(ue,{size:"sm",c:"dimmed",children:re.original.email})]})},{accessorKey:"username",header:"Username",size:160},{accessorKey:"phoneNumber",header:"Phone",size:170},{accessorKey:"userType",header:"Role",size:140,Cell:({row:re})=>s.jsx(nt,{color:"yellow",variant:"light",radius:"xl",children:re.original.userType})},{accessorKey:"status",header:"Status",size:130,Cell:({row:re})=>s.jsx(nt,{variant:"light",radius:"xl",color:re.original.status.toLowerCase()==="active"?"green":"pink",children:re.original.status})}],[]);["UserManagement",U?Re(U.name):null,q?Re(q.name):null,oe?Re(oe.name):null].filter(Boolean);const Oe=de.error||A.error||be.error||Se.error,Xe=re=>{if(f(re.id),k(null),re.kind==="organization"){const Ke=re.raw;c(Ke.id),g(""),h(""),w(!0),j(!0);return}if(re.kind==="unit"){const Ke=re.raw;g(Ke.id),h(""),w(!0),j(!0);return}w(!0),j(!0),h(re.id)},ot=(re,Ke)=>{const Le=Ke.trim().toLowerCase(),lt=re.raw,It=re.kind==="organization"||"activeEmployeeCount"in lt||"isSuperAdmin"in lt,at=re.kind==="unit"||"organizationId"in lt&&"parentUnitId"in lt,kn=re.kind==="department"||"unitId"in lt&&"subPositions"in lt;if(It){const it=re.raw;if(Le==="add unit"){F({organizationId:re.id,organizationLabel:re.label});return}if(Le==="edit organization"){V(it);return}if(Le==="delete organization"){B(it);return}}if(at){const it=re.raw;if(Le==="add department"){z(it);return}if(Le==="edit unit"){D(it);return}if(Le==="delete unit"){P(it);return}}if(kn){const it=re.raw;if(Le==="add user"){ae(it);return}if(Le==="assign user"){Q(it);return}if(Le==="add sub-department"){te(it);return}if(Le==="edit department"){I(it);return}if(Le==="move department"){ce(it);return}if(Le==="delete department"){W(it);return}}Ue.show({title:Ke,message:`${Ke} for ${re.label} will be connected next.`,color:"fhcBlue"})},et=he.length,J=et>0?`1-${et} / ${et}`:"0-0 / 0";return s.jsxs(s.Fragment,{children:[s.jsxs(fe,{gap:"lg",children:[Oe?s.jsx(wo,{color:"red",variant:"light",icon:s.jsx(Yf,{size:16}),radius:"lg",children:Oe.message||"We could not load user-management data from the backend."}):null,s.jsx(Zt,{withBorder:!0,radius:"xl",p:0,style:{minHeight:"calc(100vh - 230px)",background:Qn,borderColor:Xn,overflow:"hidden"},children:s.jsxs(Fe,{align:"stretch",gap:0,wrap:"nowrap",style:{minHeight:"calc(100vh - 230px)"},children:[s.jsx(G,{style:{width:v?56:360,minWidth:v?56:360,transition:"width 180ms ease, min-width 180ms ease",overflow:"hidden",background:Qn},children:v?s.jsxs(fe,{h:"100%",align:"center",justify:"flex-start",gap:"sm",py:"md",children:[s.jsx(Ee,{variant:"light",color:"gray",radius:"xl",onClick:()=>x(!1),"aria-label":"Expand department panel",children:s.jsx(t0,{size:16})}),s.jsx(ue,{size:"xs",fw:700,c:"dimmed",tt:"uppercase",style:{writingMode:"vertical-rl",transform:"rotate(180deg)",letterSpacing:"0.08em"},children:"Department"})]}):s.jsx(G,{h:"100%",style:{minHeight:"calc(100vh - 230px)"},children:s.jsx(Xw,{tree:Ie,search:a,embedded:!0,selectedNodeId:p,onSelect:Xe,onAction:ot})})}),s.jsx(G,{style:{width:1,minWidth:1,background:Xn}}),s.jsx(G,{style:{flex:1,minWidth:0,minHeight:"calc(100vh - 230px)"},children:s.jsxs(fe,{gap:"md",h:"100%",p:"md",children:[s.jsxs(Fe,{justify:"space-between",align:"center",wrap:"nowrap",gap:"md",children:[s.jsxs(Fe,{gap:"sm",wrap:"nowrap",style:{minWidth:0,flex:1},children:[v?null:s.jsx(Ee,{variant:"light",color:"gray",radius:"xl",onClick:()=>x(!0),"aria-label":"Collapse department panel",children:s.jsx(Jf,{size:16})}),s.jsx(pt,{leftSection:s.jsx(rn,{size:16}),radius:"md",disabled:!m,onClick:()=>oe?ae(oe):null,children:"New"}),s.jsx(ue,{size:"xl",fw:600,c:jn,children:"Employees"}),s.jsx(Ee,{variant:"subtle",color:"gray",children:s.jsx(C0,{size:16})}),me!=="organogram"?s.jsxs(Fe,{gap:8,wrap:"nowrap",style:{minWidth:0,overflow:"hidden"},children:[s.jsx(nt,{color:"fhcBlue",variant:"light",radius:"xl",children:oe?Re(oe.name):"No department selected"}),q?s.jsx(nt,{color:"fhcGold",variant:"light",radius:"xl",children:Re(q.name)}):null,U?s.jsx(nt,{color:"gray",variant:"light",radius:"xl",children:Re(U.name)}):null]}):null]}),s.jsxs(Fe,{gap:"sm",wrap:"nowrap",justify:"flex-end",style:{flexShrink:0},children:[i?s.jsx(qe,{value:t,onChange:re=>o(re.currentTarget.value),onKeyDown:re=>{re.key==="Enter"&&r(t.trim())},placeholder:"Search tree...",leftSection:s.jsx(ys,{size:14}),radius:"xl",size:"sm",autoFocus:!0,w:200,styles:{input:{height:38,borderColor:"rgba(73, 106, 137, 0.14)",background:dl,color:"var(--mantine-color-fhcGray-8)"}}}):null,s.jsx(We,{label:"Search department tree",children:s.jsx(Ee,{variant:i?"filled":"light",color:"fhcBlue",radius:"xl",size:"lg",onClick:()=>{if(i){t.trim().length===0?(r(""),l(!1)):r(t.trim());return}l(!0)},children:s.jsx(cf,{size:16})})}),s.jsx(pt,{variant:"light",leftSection:s.jsx(ys,{size:16}),color:"fhcBlue",size:"sm",radius:"xl",disabled:!d,onClick:()=>T(!0),children:"Search Employees"}),s.jsx(We,{label:"Export endpoint is not yet available in the live Swagger contract.",children:s.jsx(pt,{variant:"subtle",leftSection:s.jsx(Ff,{size:15}),disabled:!0,color:"gray",size:"sm",radius:"xl",children:"Export"})}),s.jsx(Ee,{variant:"light",color:"fhcBlue",size:"lg",radius:"xl",onClick:()=>{de.refetch(),A.refetch(),be.refetch(),Se.refetch()},children:s.jsx(yc,{size:18})}),s.jsx(qe,{value:e,onChange:re=>n(re.currentTarget.value),placeholder:"Search...",leftSection:s.jsx(ys,{size:16}),radius:"md",w:260,disabled:!m}),s.jsx(ue,{size:"sm",c:"dimmed",children:J}),s.jsx(Zw,{value:me,onChange:le,options:Jw})]})]}),me==="organogram"?s.jsx(Fe,{gap:8,wrap:"wrap",children:[U?Re(U.name):null,q?Re(q.name):null,oe?Re(oe.name):null].filter(Boolean)?.map((re,Ke,Le)=>s.jsxs(Fe,{gap:8,wrap:"nowrap",children:[s.jsx(ue,{size:"sm",fw:Ke===Le.length-1?700:600,c:Ke===Le.length-1?jn:Zn,children:re}),Ke<Le.length-1?s.jsx(Br,{size:14,color:"#94a3b8"}):null]},`${re}-${Ke}`))}):null,s.jsx(yr,{}),me!=="organogram"&&Se.isLoading&&m?s.jsx(Fe,{justify:"center",py:"xl",children:s.jsx(Rs,{size:"sm"})}):me!=="organogram"&&!m?s.jsx(ao,{title:"Select a department",description:d?"Choose a department from the tree to load its related team members. For users like Super Admin without a department assignment, click Search All Employees.":"Choose an organization first, then a unit, then a department."}):me!=="organogram"&&he.length===0?s.jsx(ao,{title:"No team members found",description:"Add team members to this department."}):s.jsx(G,{style:{flex:1,minHeight:0,overflowY:"auto",overflowX:"hidden"},children:me==="organogram"?s.jsx(t1,{organization:U,units:ne,unit:q,selectedPosition:oe,positions:ve,members:he,unitExpanded:b,departmentsExpanded:C,onSelectOrganization:re=>{d!==re.id?(f(re.id),c(re.id),g(""),h(""),w(!0),j(!0)):(w(Ke=>{const Le=!Ke;return Le||j(!1),Le}),b||j(!0)),k(null)},onSelectUnit:re=>{u!==re.id?(f(re.id),g(re.id),h(""),w(!0),j(!0)):j(Ke=>!Ke),k(null)},onSelectDepartment:re=>{f(re.id),w(!0),j(!0),h(Ke=>Ke===re.id?"":re.id),k(null)},onSelectEmployee:k,onNodeAction:ot}):me==="table"?s.jsx(Iy,{columns:_e,data:X,loading:Se.isLoading,emptyMessage:"No employees found",enableRowActions:!0,positionActionsColumn:"last",renderRowActions:({row:re})=>s.jsx(Ee,{variant:"light",color:"fhcGold",radius:"sm",onClick:()=>k(re.original.raw),"aria-label":"Open employee",children:s.jsx(Hr,{size:15})}),mantineTableBodyRowProps:({row:re})=>({onClick:()=>k(re.original.raw),style:{cursor:"pointer"}}),options:{rowSelection:!1,topToolbar:!1,bottomToolbar:!1,filters:!1,globalFilter:!1,columnFilters:!1,densityToggle:!1,fullScreenToggle:!1,columnActions:!1,columnOrdering:!1,columnResizing:!1,sorting:!1,hiding:!1,pagination:!1},mantinePaperProps:{radius:"lg",withBorder:!0,style:{borderColor:Xn,overflow:"hidden",background:Qn}},mantineTableContainerProps:{style:{overflowX:"hidden"}},mantineTableProps:{striped:"odd",highlightOnHover:!0,withTableBorder:!1,withColumnBorders:!1,fz:"sm",style:{tableLayout:"fixed",width:"100%"}},mantineTableHeadCellProps:{style:{background:dl,color:"#1f2937",fontWeight:700,borderBottom:"1px solid rgba(73, 106, 137, 0.12)"}},mantineTableBodyCellProps:{style:{borderTop:"1px solid rgba(73, 106, 137, 0.08)",verticalAlign:"middle"}}}):s.jsx(s.Fragment,{children:me==="cards"?s.jsx(bn,{cols:{base:1,xl:2},spacing:"md",children:he?.map(re=>s.jsx(Ra,{member:re,onOpen:k},re.id))}):s.jsx(fe,{gap:"md",children:he?.map(re=>me==="compact"?s.jsxs(Fe,{wrap:"nowrap",gap:"sm",px:"xs",children:[s.jsx(bc,{size:16,color:"#94a3b8"}),s.jsx(G,{style:{flex:1,minWidth:0},children:s.jsx(Ra,{member:re,compact:!0,onOpen:k})})]},re.id):s.jsx(Ra,{member:re,compact:!0,onOpen:k},re.id))})})})]})})]})})]}),s.jsx(Qy,{employee:M,opened:!!M,onClose:()=>k(null)}),s.jsx(Kw,{organizationId:d,organizationLabel:U?Re(U.name):void 0,opened:S,onClose:()=>T(!1),onSelectEmployee:k}),s.jsx(Aw,{opened:!!N,organizationId:N==null?void 0:N.organizationId,organizationLabel:N==null?void 0:N.organizationLabel,onClose:()=>F(null),onCreated:()=>{de.refetch(),N!=null&&N.organizationId&&A.refetch()}}),s.jsx(Hw,{opened:!!E,organization:E,onClose:()=>V(null),onUpdated:()=>{de.refetch()}}),s.jsx(Vw,{opened:!!L,organization:L,onClose:()=>B(null),onDeleted:()=>{const re=L==null?void 0:L.id;de.refetch(),re&&d===re&&(c(""),g(""),h(""),f(""),k(null))}}),s.jsx(zw,{opened:!!$,unit:$,onClose:()=>z(null)}),s.jsx(Ow,{opened:!!H,department:H,onClose:()=>ae(null)}),s.jsx(Lw,{opened:!!ie,department:ie,onClose:()=>Q(null)}),s.jsx($w,{opened:!!se,department:se,onClose:()=>te(null)}),s.jsx(Gw,{opened:!!Z,department:Z,onClose:()=>I(null)}),s.jsx(Ww,{opened:!!Y,department:Y,positions:ve,onClose:()=>ce(null)}),s.jsx(Bw,{opened:!!ee,department:ee,onClose:()=>W(null),onDeleted:()=>{ee&&m===ee.id&&(h(""),f(u))}}),s.jsx(qw,{opened:!!_,unit:_,onClose:()=>D(null)}),s.jsx(Uw,{opened:!!O,unit:O,onClose:()=>P(null),onDeleted:()=>{O&&u===O.id&&(g(""),h(""),f(O.organizationId))}})]})}function Q1(){return yu()==="classic"?s.jsx(n1,{}):s.jsx("div",{className:"p-6",children:s.jsx(Vp,{})})}export{Q1 as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/UserManagementPage-g5QT08nf.css b/apps/edr-freight-web/backoffice/public/_um/assets/UserManagementPage-g5QT08nf.css
new file mode 100644
index 000000000..bb8042513
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/UserManagementPage-g5QT08nf.css
@@ -0,0 +1 @@
+.MRT_TableBody-module_root__kGhRy{background-color:var(--mrt-base-background-color);position:relative}.MRT_TableBody-module_root-grid__WdOGg{display:grid}.MRT_TableBody-module_root-no-rows__iyi9K{min-height:100px}.MRT_TableBody-module_root-virtualized__TxPAi{height:var(--mrt-table-body-height)}.MRT_TableBody-module_empty-row-tr-grid__LTgxw{display:grid}.MRT_TableBody-module_empty-row-td-grid__pzlgG{display:grid;width:inherit}.MRT_TableBody-module_empty-row-td-content__Cc2XW{color:var(--mantine-color-dimmed);font-style:italic;max-width:min(100vw,calc(var(--mrt-paper-width) * 1px));padding-bottom:2rem;padding-top:2rem;text-align:center;width:100%}.MRT_TableBody-module_pinned__XHpcs{bottom:calc(var(--mrt-table-footer-height, 0) * 1px - 1px);position:sticky;top:calc(var(--mrt-table-head-height, 0) * 1px - 1px);z-index:1}.MRT_TableBodyRow-module_root__2c3D4{--hover-thickness: 3px;--drag-thickness: 1px;box-sizing:border-box;transition:all .15s ease-in-out;width:100%}.MRT_TableBodyRow-module_root__2c3D4:not([data-striped],[data-striped=false]){background-color:var(--mrt-base-background-color)}.MRT_TableBodyRow-module_root__2c3D4:not([data-selected],[data-row-pinned])[data-striped=odd]{background-color:var(--mrt-striped-row-background-color)}.MRT_TableBodyRow-module_root__2c3D4:not([data-selected],[data-row-pinned])[data-striped=even]{background-color:var(--mrt-striped-row-background-color)}.MRT_TableBodyRow-module_root__2c3D4:not([data-selected],[data-row-pinned]) td[data-column-pinned]:before{background-color:var(--mrt-pinned-column-background-color)}.MRT_TableBodyRow-module_root__2c3D4:not([data-selected],[data-row-pinned])[data-striped=odd] td[data-column-pinned]:before{background-color:var(--mrt-striped-row-background-color)}.MRT_TableBodyRow-module_root__2c3D4:not([data-selected],[data-row-pinned])[data-striped=even] td[data-column-pinned]:before{background-color:var(--mrt-striped-row-background-color)}.MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned]{background-color:var(--mrt-pinned-column-background-color);opacity:.97;position:sticky;z-index:1}.MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned]:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned=left]{left:calc(var(--mrt-table-cell-left, 0) * 1px)}.MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned=left][data-last-left-pinned]:before{box-shadow:-6px 0 6px -6px color-mix(in srgb,var(--mantine-color-gray-outline),transparent 50%) inset}[data-mantine-color-scheme=dark] .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned=left][data-last-left-pinned]:before{box-shadow:-6px 0 6px -6px color-mix(in srgb,var(--mantine-color-dark-outline),transparent 50%) inset}.MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned=right]{right:calc(var(--mrt-table-cell-right, 0) * 1px)}.MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned=right][data-first-right-pinned]:before{box-shadow:6px 0 6px -6px color-mix(in srgb,var(--mantine-color-gray-outline),transparent 50%) inset}[data-mantine-color-scheme=dark] .MRT_TableBodyRow-module_root__2c3D4 td[data-column-pinned][data-column-pinned=right][data-first-right-pinned]:before{box-shadow:6px 0 6px -6px color-mix(in srgb,var(--mantine-color-dark-outline),transparent 50%) inset}.MRT_TableBodyRow-module_root__2c3D4[data-row-pinned]{background-color:var(--mrt-pinned-row-background-color, --mantine-color-body);bottom:calc(var(--mrt-pinned-row-bottom) * 1px);opacity:.97;top:calc(var(--mrt-pinned-row-top) * 1px)}.MRT_TableBodyRow-module_root__2c3D4[data-row-pinned] td:before{background-color:var(--mrt-pinned-row-background-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.MRT_TableBodyRow-module_root__2c3D4[data-row-pinned] td[data-column-pinned]{background-color:var(--mrt-pinned-column-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-row-pinned] td[data-column-pinned]:before{background-color:var(--mrt-pinned-row-background-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.MRT_TableBodyRow-module_root__2c3D4[data-row-pinned=sticky]{z-index:2;position:sticky}.MRT_TableBodyRow-module_root__2c3D4[data-selected]{background-color:var(--mrt-selected-row-background-color, --mantine-color-body)}.MRT_TableBodyRow-module_root__2c3D4[data-selected] td[data-column-pinned]{background-color:var(--mrt-pinned-column-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-selected] td[data-column-pinned]:before{background-color:var(--mrt-selected-row-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover td{background-color:var(--mrt-row-hover-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover td[data-column-pinned]{background-color:var(--mrt-base-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover td[data-column-pinned]:before{background-color:var(--mrt-row-hover-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected],[data-row-pinned])[data-striped=odd] td{background-color:var(--mrt-striped-row-hover-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected],[data-row-pinned])[data-striped=odd] td[data-column-pinned]{background-color:var(--mrt-base-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected],[data-row-pinned])[data-striped=odd] td[data-column-pinned]:before{background-color:var(--mrt-striped-row-hover-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected],[data-row-pinned])[data-striped=even] td{background-color:var(--mrt-striped-row-hover-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected],[data-row-pinned])[data-striped=even] td[data-column-pinned]{background-color:var(--mrt-base-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover:not([data-selected],[data-row-pinned])[data-striped=even] td[data-column-pinned]:before{background-color:var(--mrt-striped-row-hover-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover[data-selected] td{background-color:var(--mrt-selected-row-hover-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover[data-selected] td[data-column-pinned]{background-color:var(--mrt-base-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hover]:hover[data-selected] td[data-column-pinned]:before{background-color:var(--mrt-selected-row-hover-background-color)}.MRT_TableBodyRow-module_root__2c3D4[data-dragging-row]{opacity:.5;border-bottom:var(--drag-thickness) dashed var(--drag-color);border-top:var(--drag-thickness) dashed var(--drag-color)}.MRT_TableBodyRow-module_root__2c3D4[data-dragging-row] td:first-child{border-left:var(--drag-thickness) dashed var(--drag-color)}.MRT_TableBodyRow-module_root__2c3D4[data-dragging-row] td:last-child{border-right:var(--drag-thickness) dashed var(--drag-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hovered-row-target] td{opacity:.5;border-top:var(--hover-thickness) dashed var(--mrt-dragging-hovered-border-color);border-bottom:var(--hover-thickness) dashed var(--mrt-dragging-hovered-border-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hovered-row-target] td:first-child{border-left:var(--hover-thickness) dashed var(--mrt-dragging-hovered-border-color)}.MRT_TableBodyRow-module_root__2c3D4[data-hovered-row-target] td:last-child{border-right:var(--hover-thickness) dashed var(--mrt-dragging-hovered-border-color)}.MRT_TableBodyRow-module_root-grid__AwXTe{display:flex}.MRT_TableBodyRow-module_root-virtualized__zYgxq{position:absolute!important;top:0;transition:none!important;transform:translateY(calc(var(--mrt-virtual-row-start) * 1px));will-change:transform}.MRT_TableBodyCell-module_root__Wf-zi{--resize-thickness: 2px;background-clip:padding-box;text-align:var(--mrt-cell-align, left);overflow:hidden;position:relative;transition:padding .15s ease-in-out}.MRT_TableBodyCell-module_root__Wf-zi[data-dragging-column]{z-index:2;border-left:var(--drag-thickness) dashed var(--mrt-dragging-drag-border-color);border-right:var(--drag-thickness) dashed var(--mrt-dragging-drag-border-color)}.MRT_TableBodyCell-module_root__Wf-zi[data-dragging-column][data-last-row]{border-bottom:var(--drag-thickness) dashed var(--mrt-dragging-drag-border-color)}.MRT_TableBodyCell-module_root__Wf-zi[data-hovered-column-target]{opacity:.5;border-left:var(--hover-thickness) dashed var(--mrt-dragging-hovered-border-color);border-right:var(--hover-thickness) dashed var(--mrt-dragging-hovered-border-color)}.MRT_TableBodyCell-module_root__Wf-zi[data-hovered-column-target][data-last-row]{border-bottom:var(--hover-thickness) dashed var(--mrt-dragging-hovered-border-color)}.MRT_TableBodyCell-module_root__Wf-zi[data-resizing=ltr]{border-right:var(--resize-thickness) solid var(--mrt-resize-column-border-color)}.MRT_TableBodyCell-module_root__Wf-zi[data-resizing=rtl]{border-left:var(--resize-thickness) solid var(--mrt-resize-column-border-color)}.MRT_TableBodyCell-module_root__Wf-zi:hover{outline-offset:-1px;text-overflow:clip}.MRT_TableBodyCell-module_root-grid__zIuC-{align-items:center;justify-content:var(--mrt-cell-align, flex-start);display:flex}.MRT_TableBodyCell-module_root-virtualized__jLl8R{transition:none}.MRT_TableBodyCell-module_root-data-col__HHcxc{text-overflow:ellipsis}.MRT_TableBodyCell-module_root-nowrap__-k1Jo{white-space:nowrap}.MRT_TableBodyCell-module_root-cursor-pointer__4kw7J{cursor:pointer}@media(hover:hover){.MRT_TableBodyCell-module_root-editable-hover__2DKSa:hover{outline:1px solid var(--mantine-color-gray-7)}}@media(hover:none){.MRT_TableBodyCell-module_root-editable-hover__2DKSa:active{outline:1px solid var(--mantine-color-gray-7)}}.MRT_TableBodyCell-module_root-cell-hover-reveal__T1fAH{overflow:visible}.MRT_TableBodyCell-module_cell-hover-reveal__Q-1Xj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--mrt-cell-align)}.MRT_TableBodyCell-module_cell-hover-reveal__Q-1Xj.MRT_TableBodyCell-module_overflowing__QcXP4:hover{overflow:visible;white-space:normal;position:absolute;z-index:2;padding:var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));background-color:var(--mrt-base-background-color);box-shadow:var(--mantine-shadow-sm);border:1px solid var(--mantine-primary-color-filled);text-indent:-1px;width:max-content;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.MRT_CopyButton-module_root__mkXy4{background-color:transparent;border:none;border-radius:4px;color:inherit;cursor:copy;font-family:inherit;font-size:inherit;font-weight:inherit;justify-content:inherit;letter-spacing:inherit;margin:-4px;min-width:unset;padding:4px;text-align:inherit;text-transform:inherit}.MRT_CopyButton-module_root__mkXy4:active{transform:translateY(1px)}.MRT_CopyButton-module_root__mkXy4:hover{background-color:color-mix(in srgb,var(--mantine-primary-color-filled-hover) 10%,transparent)}.MRT_TableDetailPanel-module_root__vQAlM{display:table-row;width:100%;background-color:var(--mrt-base-background-color)}.MRT_TableDetailPanel-module_root-grid__7UMC6{display:flex}.MRT_TableDetailPanel-module_root-virtual-row__r-X4Z{position:absolute;top:var(--mrt-parent-row-height);transform:translateY(var(--mrt-virtual-row-start));transition:none;z-index:1}.MRT_TableDetailPanel-module_inner__o-Fk-{display:table-cell;transition:all .15s ease-in-out;width:var(--mrt-inner-width)}.MRT_TableDetailPanel-module_inner-grid__WLZgF{display:flex}.MRT_TableDetailPanel-module_inner-expanded__6tg9T{border-bottom:1px solid var(--_table-border-color)}.MRT_TableDetailPanel-module_inner-virtual__TItRy{transition:none}.MRT_ExpandButton-module_root__IFYio{opacity:.8}.MRT_ExpandButton-module_root__IFYio:disabled{background-color:transparent;border:none;opacity:.3}.MRT_ExpandButton-module_root__IFYio:hover{opacity:1}.MRT_ExpandButton-module_root-ltr__FHNnp{margin-left:calc(calc(var(--mrt-row-depth, 0)) * 16px)}.MRT_ExpandButton-module_root-ltr__FHNnp .MRT_ExpandButton-module_chevron__XzC5P{transition:transform .2s}.MRT_ExpandButton-module_root-ltr__FHNnp .MRT_ExpandButton-module_chevron__XzC5P.MRT_ExpandButton-module_right__-pC-A{transform:rotate(270deg)}.MRT_ExpandButton-module_root-ltr__FHNnp .MRT_ExpandButton-module_chevron__XzC5P.MRT_ExpandButton-module_up__TZGBo{transform:rotate(-180deg)}.MRT_ExpandButton-module_root-rtl__zoudS{margin-right:calc(calc(var(--mrt-row-depth, 0)) * 16px)}.MRT_ExpandButton-module_root-rtl__zoudS .MRT_ExpandButton-module_chevron__XzC5P{transition:transform .2s}.MRT_ExpandButton-module_root-rtl__zoudS .MRT_ExpandButton-module_chevron__XzC5P.MRT_ExpandButton-module_right__-pC-A{transform:rotate(-270deg)}.MRT_ExpandButton-module_root-rtl__zoudS .MRT_ExpandButton-module_chevron__XzC5P.MRT_ExpandButton-module_up__TZGBo{transform:rotate(180deg)}.MRT_GrabHandleButton-module_grab-icon__mQimy{cursor:grab}.MRT_GrabHandleButton-module_grab-icon__mQimy:active{cursor:grabbing}.MRT_ColumnPinningButtons-module_root__scTtW{min-width:70px;align-content:center;justify-content:center}.MRT_ColumnPinningButtons-module_root__scTtW .MRT_ColumnPinningButtons-module_left__W6Aog{transform:rotate(90deg)}.MRT_ColumnPinningButtons-module_root__scTtW .MRT_ColumnPinningButtons-module_right__7AJE3{transform:rotate(-90deg)}.MRT_EditActionButtons-module_root__BfxVZ{display:flex;gap:var(--mantine-spacing-xs)}.MRT_ExpandAllButton-module_root__gkBZD{margin-left:6px;opacity:.8}.MRT_ExpandAllButton-module_root__gkBZD:disabled{background-color:transparent;border:none}.MRT_ExpandAllButton-module_root__gkBZD:hover{opacity:1}.MRT_ExpandAllButton-module_root__gkBZD.xl{margin-left:-6px}.MRT_ExpandAllButton-module_root__gkBZD.md{margin-left:0}.MRT_ExpandAllButton-module_root__gkBZD .MRT_ExpandAllButton-module_chevron__Iep0j{transition:transform .15s}.MRT_ExpandAllButton-module_root__gkBZD .MRT_ExpandAllButton-module_chevron__Iep0j.MRT_ExpandAllButton-module_up__Xth3U{transform:rotate(-180deg)}.MRT_ExpandAllButton-module_root__gkBZD .MRT_ExpandAllButton-module_chevron__Iep0j.MRT_ExpandAllButton-module_right__bS4L-{transform:rotate(-90deg)}.MRT_ShowHideColumnsMenu-module_root__2UWak{max-height:calc(80vh - 100px);overflow-y:auto}.MRT_ShowHideColumnsMenu-module_root__2UWak .MRT_ShowHideColumnsMenu-module_content__ehkWQ{padding-top:calc(.25rem * var(--mantine-scale));padding-bottom:calc(.25rem * var(--mantine-scale));gap:calc(.5rem * var(--mantine-scale));justify-content:space-between}.MRT_ShowHideColumnsMenuItems-module_root__wYgv-{align-items:center;cursor:default;justify-content:flex-start;opacity:1;outline:none;padding-left:var(--_column-depth);padding-top:calc(.375rem * var(--mantine-scale));padding-bottom:calc(.375rem * var(--mantine-scale))}.MRT_ShowHideColumnsMenuItems-module_root__wYgv-[data-dragging]{opacity:.5;outline:1px dashed var(--mantine-color-gray-7)}.MRT_ShowHideColumnsMenuItems-module_root__wYgv-[data-order-hovered]:not(.MRT_ShowHideColumnsMenuItems-module_root__wYgv-[data-dragging]){outline:2px dashed var(--_hover-color)}.MRT_ShowHideColumnsMenuItems-module_menu__CeATR{display:flex;align-items:center;flex-wrap:nowrap;gap:calc(.5rem * var(--mantine-scale))}.MRT_ShowHideColumnsMenuItems-module_grab__a-d-y{width:calc(1.75rem * var(--mantine-scale))}.MRT_ShowHideColumnsMenuItems-module_pin__P437b{width:calc(4.375rem * var(--mantine-scale))}.MRT_ShowHideColumnsMenuItems-module_switch__tMsdt{cursor:pointer!important}.MRT_ShowHideColumnsMenuItems-module_header__xVkKb{align-self:center}.MRT_TableFooter-module_root__-JXpw{background-color:var(--mrt-base-background-color);display:table-row-group}.MRT_TableFooter-module_grid__J3Ga-{display:grid}.MRT_TableFooter-module_sticky__GcoK6{bottom:0;opacity:.97;position:sticky;z-index:1;outline:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .MRT_TableFooter-module_sticky__GcoK6{outline:1px solid var(--mantine-color-gray-7)}.MRT_TableFooterRow-module_root__EuoPr{width:100%;display:table-row}.MRT_TableFooterRow-module_root__EuoPr.MRT_TableFooterRow-module_layout-mode-grid__dUEMF{display:flex}.MRT_TableFooterRow-module_root__EuoPr{background-color:var(--light-bg-color)}[data-mantine-color-scheme=dark] .MRT_TableFooterRow-module_root__EuoPr{background-color:var(--dark-bg-color)}.MRT_TableFooterRow-module_root__EuoPr{border-top:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .MRT_TableFooterRow-module_root__EuoPr{border-top:1px solid var(--mantine-color-dark-4)}.MRT_TableFooterCell-module_root__d8Scs{font-size:.8rem;font-weight:700;padding:1rem;text-align:var(--mrt-cell-align, left);vertical-align:top;z-index:1}.MRT_TableFooterCell-module_root__d8Scs.MRT_TableFooterCell-module_grid__H9jLk{display:flex;justify-content:var(--mrt-cell-align, flex-start)}.MRT_TableFooterCell-module_root__d8Scs.MRT_TableFooterCell-module_group__l3-p-{text-align:center;justify-content:center}.MRT_TableFooterCell-module_root__d8Scs{background-color:var(--mrt-base-background-color)}.MRT_TableFooterCell-module_root__d8Scs[data-column-pinned]{position:sticky}.MRT_TableFooterCell-module_root__d8Scs[data-column-pinned=left]{left:calc(var(--mrt-table-cell-left, 0) * 1px)}.MRT_TableFooterCell-module_root__d8Scs[data-column-pinned=left][data-last-left-pinned]{box-shadow:-6px 0 6px -6px color-mix(in srgb,var(--mantine-color-gray-outline),transparent 50%) inset}[data-mantine-color-scheme=dark] .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned=left][data-last-left-pinned]{box-shadow:-6px 0 6px -6px color-mix(in srgb,var(--mantine-color-dark-outline),transparent 50%) inset}.MRT_TableFooterCell-module_root__d8Scs[data-column-pinned=right]{right:calc(var(--mrt-table-cell-right, 0) * 1px)}.MRT_TableFooterCell-module_root__d8Scs[data-column-pinned=right][data-first-right-pinned]{box-shadow:6px 0 6px -6px color-mix(in srgb,var(--mantine-color-gray-outline),transparent 50%) inset}[data-mantine-color-scheme=dark] .MRT_TableFooterCell-module_root__d8Scs[data-column-pinned=right][data-first-right-pinned]{box-shadow:6px 0 6px -6px color-mix(in srgb,var(--mantine-color-dark-outline),transparent 50%) inset}.MRT_TableHead-module_root__j9NkO{background-color:var(--mrt-base-background-color);opacity:.97;position:relative}.MRT_TableHead-module_root-grid__c3aGl{display:grid}.MRT_TableHead-module_root-table-row-group__d9FO4{display:table-row-group}.MRT_TableHead-module_root-sticky__0kuDE{position:sticky;top:0;z-index:3}.MRT_TableHead-module_banner-tr__EhT-x{display:table-row}.MRT_TableHead-module_banner-th__KwM5a{display:table-cell;padding:0}.MRT_TableHead-module_grid__OJ-td{display:grid}.MRT_TableHeadRow-module_root__hUKv4{background-color:var(--mrt-base-background-color);display:table-row}.MRT_TableHeadRow-module_root__hUKv4.MRT_TableHeadRow-module_layout-mode-grid__4ZGri{display:flex}.MRT_TableHeadRow-module_sticky__Ej7Ax{position:sticky;top:0}.MRT_TableHeadCell-module_root__6y50a{--resize-border-color: var(--mantine-primary-color-filled);--hover-color: var(--mantine-primary-color-filled);--drag-color: var(--mantine-color-gray-7);--resize-thickness: 2px;--hover-thickness: 3px;--drag-thickness: 1px;background-color:var(--mrt-base-background-color);background-clip:padding-box;font-weight:700;overflow:visible;position:relative;transition:padding .15s ease-in-out;vertical-align:top;z-index:1}.MRT_TableHeadCell-module_root__6y50a:active{z-index:3}.MRT_TableHeadCell-module_root__6y50a[data-column-pinned]{background-color:var(--mrt-base-background-color);opacity:.97;position:sticky;z-index:4}.MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned=left]{left:calc(var(--mrt-table-cell-left, 0) * 1px)}.MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned=left][data-last-left-pinned]{box-shadow:-6px 0 6px -6px color-mix(in srgb,var(--mantine-color-gray-outline),transparent 50%) inset}[data-mantine-color-scheme=dark] .MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned=left][data-last-left-pinned]{box-shadow:-6px 0 6px -6px color-mix(in srgb,var(--mantine-color-dark-outline),transparent 50%) inset}.MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned=right]{right:calc(var(--mrt-table-cell-right, 0) * 1px)}.MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned=right][data-first-right-pinned]{box-shadow:6px 0 6px -6px color-mix(in srgb,var(--mantine-color-gray-outline),transparent 50%) inset}[data-mantine-color-scheme=dark] .MRT_TableHeadCell-module_root__6y50a[data-column-pinned][data-column-pinned=right][data-first-right-pinned]{box-shadow:6px 0 6px -6px color-mix(in srgb,var(--mantine-color-dark-outline),transparent 50%) inset}.MRT_TableHeadCell-module_root__6y50a[data-resizing][data-resizing=ltr]{border-right:var(--resize-thickness) solid var(--resize-border-color)}.MRT_TableHeadCell-module_root__6y50a[data-resizing][data-resizing=rtl]{border-left:var(--resize-thickness) solid var(--resize-border-color)}.MRT_TableHeadCell-module_root__6y50a[data-dragging-column]{border-left:var(--drag-thickness) dashed var(--drag-color);border-right:var(--drag-thickness) dashed var(--drag-color);border-top:var(--drag-thickness) dashed var(--drag-color);opacity:.5;z-index:3}.MRT_TableHeadCell-module_root__6y50a[data-hovered-column-target]{border-left:var(--hover-thickness) dashed var(--hover-color);border-right:var(--hover-thickness) dashed var(--hover-color);border-top:var(--hover-thickness) dashed var(--hover-color);z-index:2}.MRT_TableHeadCell-module_root__6y50a .mantine-ActionIcon-root{opacity:.7;transition:opacity .1s ease-in-out}.MRT_TableHeadCell-module_root__6y50a:hover .mantine-ActionIcon-root{opacity:1}.MRT_TableHeadCell-module_root-grid__bAf1d{display:flex;flex-direction:column}.MRT_TableHeadCell-module_root-virtualized__CWLit{transition:none}.MRT_TableHeadCell-module_root-no-select__BEOVU{-webkit-user-select:none;user-select:none}.MRT_TableHeadCell-module_content__-pzSK{align-items:center;justify-content:flex-start;position:relative;width:100%;height:100%}.MRT_TableHeadCell-module_content-spaced__S85Aa{justify-content:space-between}.MRT_TableHeadCell-module_content-center__c-17L{justify-content:center}.MRT_TableHeadCell-module_content-right__NSRZU{flex-direction:row-reverse}.MRT_TableHeadCell-module_content-wrapper__py6aJ{text-overflow:ellipsis}.MRT_TableHeadCell-module_content-wrapper-hidden-overflow__QY40r{overflow:hidden}.MRT_TableHeadCell-module_content-wrapper-nowrap__-4aIg{white-space:nowrap}.MRT_TableHeadCell-module_labels__oiMSr{align-items:center;gap:calc(.125rem * var(--mantine-scale));min-height:calc(1.375rem * var(--mantine-scale))}.MRT_TableHeadCell-module_labels-right__6ZJp-{flex-direction:row-reverse}.MRT_TableHeadCell-module_labels-center__MM9q8{padding-left:calc(var(--mrt-table-head-cell-labels-padding-left) * 1rem)}.MRT_TableHeadCell-module_labels-sortable__tyuLr{cursor:pointer}.MRT_TableHeadCell-module_labels-data__PvFGO{overflow:hidden}.MRT_TableHeadCell-module_content-actions__utxbm{align-items:center;align-self:center;white-space:nowrap;gap:calc(.125rem * var(--mantine-scale));margin-left:calc(.125rem * var(--mantine-scale))}.MRT_TableHeadCellFilterContainer-module_filter-mode-label__8reK-{white-space:nowrap;margin-top:4px;font-size:10px}.MRT_FilterCheckBox-module_root__59h9r{font-weight:400;margin-top:8px}.MRT_FilterRangeFields-module_root__KfCcg{display:grid;grid-template-columns:6fr 6fr;gap:16px}.MRT_FilterTextInput-module_root__Ss8Ql{font-weight:400;border-bottom:2px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .MRT_FilterTextInput-module_root__Ss8Ql{border-bottom:2px solid var(--mantine-color-gray-7)}.MRT_FilterTextInput-module_root__Ss8Ql{min-width:auto}.MRT_FilterTextInput-module_root__Ss8Ql.MRT_FilterTextInput-module_date-filter__jOBLB{min-width:calc(7.8125rem * var(--mantine-scale))}.MRT_FilterTextInput-module_root__Ss8Ql.MRT_FilterTextInput-module_range-filter__JQHAL{min-width:calc(5rem * var(--mantine-scale))}.MRT_FilterTextInput-module_root__Ss8Ql.MRT_FilterTextInput-module_not-filter-chip__u8b1y{min-width:calc(6.25rem * var(--mantine-scale))}.MRT_FilterTextInput-module_root__Ss8Ql{width:100%}.MRT_FilterTextInput-module_root__Ss8Ql .mantine-TextInput-input{overflow:hidden;text-overflow:ellipsis}.MRT_FilterTextInput-module_root__Ss8Ql .mantine-DateInput-input{height:2.1rem}.MRT_FilterTextInput-module_filter-chip-badge__Sel2k{margin:5px}.MRT_FilterRangeSlider-module_root__uwYEk{margin:16px auto 6px;width:calc(100% - 8px)}.MRT_FilterOptionMenu-module_symbol__a1Bsy{font-size:var(--mantine-font-size-xl);text-align:center;width:2ch;transform:translateY(-.1em)}.MRT_TableHeadCellFilterLabel-module_root__Rur2R{transition:all .15s ease;--ai-size: var(--ai-size-sm);--ai-bg: transparent;--ai-hover: var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .MRT_TableHeadCellFilterLabel-module_root__Rur2R{--ai-hover: var(--mantine-color-dark-6)}.MRT_TableHeadCellFilterLabel-module_root__Rur2R{--ai-hover-color: var(--mantine-color-bright);color:var(--mantine-color-bright)}.MRT_TableHeadCellFilterLabel-module_root__Rur2R[data-active]{color:var(--mantine-primary-color-filled)}.MRT_TableHeadCellResizeHandle-module_root__paufe{--resize-handle-thickness: 4px;background:var(--mantine-color-placeholder);border-radius:2px;cursor:col-resize;height:24px;position:absolute;width:var(--resize-handle-thickness)}.MRT_TableHeadCellResizeHandle-module_root__paufe:hover{background:var(--mantine-primary-color-filled-hover)}.MRT_TableHeadCellResizeHandle-module_root__paufe:active{background:var(--mantine-primary-color-filled)}.MRT_TableHeadCellResizeHandle-module_root__paufe{transform:var(--mrt-transform)}.MRT_TableHeadCellResizeHandle-module_root-ltr__652AZ{right:0;margin-right:-10px}.MRT_TableHeadCellResizeHandle-module_root-ltr__652AZ.md{margin-right:-16px}.MRT_TableHeadCellResizeHandle-module_root-ltr__652AZ.xl{margin-right:-22px}.MRT_TableHeadCellResizeHandle-module_root-rtl__5VlSo{left:0;margin-left:-10px}.MRT_TableHeadCellResizeHandle-module_root-rtl__5VlSo.md{margin-left:-16px}.MRT_TableHeadCellResizeHandle-module_root-rtl__5VlSo.xl{margin-left:-22px}.MRT_TableHeadCellResizeHandle-module_root-hide__-ILlD:active{opacity:0}.MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA{transition:all .15s ease;--ai-size: var(--ai-size-xs);--ai-bg: transparent;--ai-hover: var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA{--ai-hover: var(--mantine-color-dark-6)}.MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA{--ai-hover-color: var(--mantine-color-bright);color:var(--mantine-color-bright)}.MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA[data-sorted]{color:var(--mantine-primary-color-filled)}.MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA{margin-left:1px}.MRT_TableHeadCellSortLabel-module_multi-sort-indicator__MGBj2{--indicator-size: calc(1rem * var(--mantine-scale));--indicator-color: transparent;--indicator-text-color: var(--mantine-color-bright);height:var(--indicator-size)}.MRT_ColumnActionMenu-module_left__cfNmY{transform:rotate(90deg)}.MRT_ColumnActionMenu-module_right__-nK56{transform:rotate(-90deg)}.MRT_ToolbarAlertBanner-module_alert__PAhUK{border-radius:0;font-size:1rem;left:0;position:relative;padding:calc(.5rem * var(--mantine-scale));right:0;top:0;width:100%;z-index:2}.MRT_ToolbarAlertBanner-module_alert-stacked__HR7Nq{margin-bottom:0}.MRT_ToolbarAlertBanner-module_alert-bottom__u9L-S{margin-bottom:-16px}.MRT_ToolbarAlertBanner-module_alert-badge__GwDmX{margin-left:1ch}.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU{gap:var(--mantine-spacing-sm);padding:8px 16px}.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU.MRT_ToolbarAlertBanner-module_head-overlay__Hw7jK{padding:2px}.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU.MRT_ToolbarAlertBanner-module_head-overlay__Hw7jK.xl{padding:16px}.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU.MRT_ToolbarAlertBanner-module_head-overlay__Hw7jK.md{padding:8px}.MRT_GlobalFilterTextInput-module_root__Xmcpv{z-index:2;position:relative}.MRT_GlobalFilterTextInput-module_collapse__v311d{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}:root{--mrt-base-background-color: var(--mantine-color-body)}:root[data-mantine-color-scheme=light]{--mrt-striped-row-background-color: color-mix(in srgb, var(--mrt-base-background-color), black 5%)}:root[data-mantine-color-scheme=dark]{--mrt-striped-row-background-color: color-mix(in srgb, var(--mrt-base-background-color), white 4%)}:root[data-mantine-color-scheme=light]{--mrt-row-hover-background-color: color-mix(in srgb, var(--mrt-base-background-color), black 8%);--mrt-striped-row-hover-background-color: color-mix(in srgb, var(--mrt-striped-row-background-color), black 12%)}:root[data-mantine-color-scheme=dark]{--mrt-row-hover-background-color: color-mix(in srgb, var(--mrt-base-background-color), white 8%);--mrt-striped-row-hover-background-color: color-mix(in srgb, var(--mrt-striped-row-background-color), white 8%)}:root{--mrt-selected-row-background-color: color-mix(in srgb, var(--mantine-primary-color-light), transparent 19.999999999999996%)}:root[data-mantine-color-scheme=light]{--mrt-selected-row-hover-background-color: color-mix(in srgb, var(--mantine-primary-color-light-hover), black 5%)}:root[data-mantine-color-scheme=dark]{--mrt-selected-row-hover-background-color: color-mix(in srgb, var(--mantine-primary-color-light-hover), white 5%)}:root{--mrt-pinned-row-background-color: var(--mrt-selected-row-background-color);--mrt-pinned-row-hover-background-color: var( --mrt-selected-row-hover-background-color )}:root[data-mantine-color-scheme=light]{--mrt-pinned-column-background-color: color-mix(in srgb, var(--mrt-base-background-color), black 1%)}:root[data-mantine-color-scheme=dark]{--mrt-pinned-column-background-color: color-mix(in srgb, var(--mrt-base-background-color), black 5%)}:root{--mrt-dragging-hovered-border-color: var(--mantine-primary-color-filled);--mrt-dragging-drag-border-color: var(--mantine-color-gray-7);--mrt-resize-column-border-color: var(--mantine-primary-color-filled)}.MRT_TablePaper-module_root__q0v5L{background-color:var(--mrt-base-background-color);overflow:hidden;transition:all .15s ease-in-out}.MRT_TableContainer-module_root__JIsGB{background-color:var(--mrt-base-background-color);max-width:100%;overflow:auto;position:relative}.MRT_TableContainer-module_root-sticky__uC4qx{max-height:clamp(350px,calc(100vh - calc(var(--mrt-top-toolbar-height) * 1px)),9999px)}.MRT_TableContainer-module_root-fullscreen__aM8Jg{max-height:calc(100vh - calc(var(--mrt-top-toolbar-height) * 1px))!important}.MRT_Table-module_root__ms2uS{background-color:var(--mrt-base-background-color)}.MRT_Table-module_root-grid__2Pynz{display:grid}.common-styles-module_common-toolbar-styles__DnjR8{align-items:flex-start;display:grid;flex-wrap:wrap-reverse;min-height:3.5rem;overflow:visible;padding:0;transition:all .15s ease-in-out;z-index:3}.MRT_BottomToolbar-module_root__VDeWo{background-color:var(--mrt-base-background-color);border-top:1px solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .MRT_BottomToolbar-module_root__VDeWo{border-top:1px solid var(--mantine-color-dark-4)}.MRT_BottomToolbar-module_root__VDeWo{bottom:var(--mrt-bottom-toolbar-bottom);box-shadow:0 1px 2px -1px color-mix(in srgb,var(--mantine-color-black) 10%,transparent) inset;left:0;right:0;position:relative}.MRT_BottomToolbar-module_root-fullscreen__esE15{position:fixed!important;bottom:0}.MRT_BottomToolbar-module_custom-toolbar-container__XcDRF{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:calc(.5rem * var(--mantine-scale));width:100%}.MRT_BottomToolbar-module_paginator-container__A3eWY{display:flex;justify-content:flex-end;right:0;top:0;position:absolute}.MRT_BottomToolbar-module_paginator-container-alert-banner__gyqtO{position:relative!important}.MRT_ProgressBar-module_collapse__rOLJH{position:absolute;width:100%;top:0}.MRT_ProgressBar-module_collapse-top__oCi0h{bottom:0;top:unset}.MRT_TablePagination-module_root__yZ8pm{display:flex;z-index:2;gap:var(--mantine-spacing-lg);align-items:center;justify-content:space-between;padding-right:var(--mantine-spacing-sm);padding-left:var(--mantine-spacing-sm);padding-top:var(--mantine-spacing-xs);padding-bottom:var(--mantine-spacing-xs)}.MRT_TablePagination-module_root__yZ8pm .MRT_TablePagination-module_pagesize__-vmTn input{width:calc(5rem * var(--mantine-scale))}.MRT_TablePagination-module_with-top-margin__aM5-m{margin-top:3rem}.MRT_ToolbarDropZone-module_root__eGTXb{align-items:center;border:dashed var(--mantine-primary-color-filled) 2px;justify-content:center;height:100%;width:100%;position:absolute;z-index:2;background-color:color-mix(in srgb,var(--mantine-primary-color-filled) 10%,transparent)}.MRT_ToolbarDropZone-module_hovered__g7PeJ{background-color:color-mix(in srgb,var(--mantine-primary-color-filled) 20%,transparent)}.MRT_TopToolbar-module_root__r4-V9{background-color:var(--mrt-base-background-color);position:relative}.MRT_TopToolbar-module_root-fullscreen__3itT8{position:sticky!important;top:0}.MRT_TopToolbar-module_actions-container__-uL0u{align-items:flex-start;box-sizing:border-box;justify-content:space-between;padding:calc(.5rem * var(--mantine-scale));right:0;top:0;width:100%;position:absolute}.MRT_TopToolbar-module_actions-container-stack-alert__OYDL6{position:relative!important}.MRT_ToolbarInternalButtons-module_root__NKoUG{align-items:center;gap:2px;z-index:3;margin-left:4px}._content_1b0ut_1{display:flex;flex-direction:column;max-height:min(86vh,58rem);overflow:hidden;padding:0}._modalBody_1b0ut_17{display:flex;flex:1;flex-direction:column;width:100%;padding:0!important;overflow:hidden}._shell_1b0ut_35{display:flex;width:100%;max-height:min(86vh,58rem);flex-direction:column;overflow:hidden;background:var(--um-modal-surface, #ffffff)}._header_1b0ut_53{position:sticky;top:0;z-index:2;flex-shrink:0;border-top:8px solid var(--um-modal-accent, var(--mantine-color-fhcBrick-8));border-bottom:1px solid rgba(15,23,42,.08);color:var(--um-modal-title, var(--mantine-color-fhcGray-9))}._headerView_1b0ut_73{background:var(--um-modal-header-bg, var(--mantine-color-fhcBrick-0))}._headerEdit_1b0ut_81{background:var(--um-modal-header-edit-bg, var(--mantine-color-fhcBrick-1))}._iconWrap_1b0ut_89{display:inline-flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;flex:0 0 auto;border-radius:.625rem;background:var(--um-modal-icon-bg, var(--mantine-color-fhcBrick-1));color:var(--um-modal-icon-color, var(--mantine-color-fhcBrick-8))}._body_1b0ut_113{flex:1 1 auto;overflow-y:auto;padding:1rem}._footer_1b0ut_125{position:sticky;bottom:0;z-index:2;flex-shrink:0;border-top:1px solid rgba(15,23,42,.08);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}._status_1b0ut_145{display:inline-flex;align-items:center;gap:.375rem;color:var(--mantine-color-fhcGray-6)}._statusDot_1b0ut_159{width:.5rem;height:.5rem;border-radius:999px;background:var(--mantine-color-fhcBrick-8)}._statusDotEdit_1b0ut_173{animation:_backoffice-modal-status-pulse_1b0ut_1 1.4s ease-in-out infinite}._actions_1b0ut_181{margin-left:auto}._bodyView_1b0ut_189 .mantine-Input-input,._bodyView_1b0ut_189 .mantine-Textarea-input,._bodyView_1b0ut_189 .mantine-Select-input,._bodyView_1b0ut_189 .mantine-MultiSelect-input,._bodyView_1b0ut_189 .mantine-NumberInput-input,._bodyView_1b0ut_189 .mantine-DateInput-input,._bodyView_1b0ut_189 .mantine-FileInput-input{cursor:default;border-color:transparent;background:var(--mantine-color-fhcGray-0);color:var(--mantine-color-fhcGray-7);box-shadow:none}._bodyView_1b0ut_189 .mantine-Input-input:disabled,._bodyView_1b0ut_189 .mantine-Textarea-input:disabled,._bodyView_1b0ut_189 .mantine-Select-input:disabled,._bodyView_1b0ut_189 .mantine-MultiSelect-input:disabled,._bodyView_1b0ut_189 .mantine-NumberInput-input:disabled,._bodyView_1b0ut_189 .mantine-DateInput-input:disabled,._bodyView_1b0ut_189 .mantine-FileInput-input:disabled{cursor:default;opacity:1;-webkit-text-fill-color:var(--mantine-color-fhcGray-7)}._bodyView_1b0ut_189 .mantine-Input-input:focus,._bodyView_1b0ut_189 .mantine-Textarea-input:focus,._bodyView_1b0ut_189 .mantine-Select-input:focus,._bodyView_1b0ut_189 .mantine-MultiSelect-input:focus,._bodyView_1b0ut_189 .mantine-NumberInput-input:focus,._bodyView_1b0ut_189 .mantine-DateInput-input:focus,._bodyView_1b0ut_189 .mantine-FileInput-input:focus{border-color:transparent;box-shadow:none;outline:none}._bodyView_1b0ut_189 .mantine-Switch-track,._bodyView_1b0ut_189 .mantine-Checkbox-input,._bodyView_1b0ut_189 .mantine-Paper-root,._bodyView_1b0ut_189 .mantine-Card-root{cursor:default;border-color:transparent;background:var(--mantine-color-fhcGray-0);box-shadow:none}._bodyEdit_1b0ut_285 .mantine-Input-input,._bodyEdit_1b0ut_285 .mantine-Textarea-input,._bodyEdit_1b0ut_285 .mantine-Select-input,._bodyEdit_1b0ut_285 .mantine-MultiSelect-input,._bodyEdit_1b0ut_285 .mantine-NumberInput-input,._bodyEdit_1b0ut_285 .mantine-DateInput-input,._bodyEdit_1b0ut_285 .mantine-FileInput-input{background:var(--um-modal-surface, #ffffff);color:var(--mantine-color-fhcGray-9)}._bodyEdit_1b0ut_285 .mantine-Input-input:focus,._bodyEdit_1b0ut_285 .mantine-Textarea-input:focus,._bodyEdit_1b0ut_285 .mantine-Input-input:focus-within,._bodyEdit_1b0ut_285 .mantine-Textarea-input:focus-within,._bodyEdit_1b0ut_285 .mantine-Select-input:focus,._bodyEdit_1b0ut_285 .mantine-MultiSelect-input:focus,._bodyEdit_1b0ut_285 .mantine-NumberInput-input:focus,._bodyEdit_1b0ut_285 .mantine-DateInput-input:focus,._bodyEdit_1b0ut_285 .mantine-FileInput-input:focus,._bodyEdit_1b0ut_285 .mantine-Select-input:focus-within,._bodyEdit_1b0ut_285 .mantine-MultiSelect-input:focus-within,._bodyEdit_1b0ut_285 .mantine-NumberInput-input:focus-within,._bodyEdit_1b0ut_285 .mantine-DateInput-input:focus-within,._bodyEdit_1b0ut_285 .mantine-FileInput-input:focus-within{border-color:var(--um-modal-focus, #518fe1);box-shadow:0 0 0 3px color-mix(in srgb,var(--um-modal-focus, #518fe1) 22%,transparent);outline:none}._bodyEdit_1b0ut_285 .mantine-Checkbox-input:focus,._bodyEdit_1b0ut_285 .mantine-Switch-input:focus+.mantine-Switch-track{border-color:var(--um-modal-focus, #518fe1);box-shadow:0 0 0 3px color-mix(in srgb,var(--um-modal-focus, #518fe1) 22%,transparent);outline:none}[data-mantine-color-scheme=dark] ._shell_1b0ut_35{background:#1a1b1e}[data-mantine-color-scheme=dark] ._header_1b0ut_53{border-bottom-color:#ffffff14;color:#f1f5f9}[data-mantine-color-scheme=dark] ._headerView_1b0ut_73{background:#1f2329}[data-mantine-color-scheme=dark] ._headerEdit_1b0ut_81{background:#262a31}[data-mantine-color-scheme=dark] ._iconWrap_1b0ut_89{background:#ffffff14;color:#e6b9a8}[data-mantine-color-scheme=dark] ._footer_1b0ut_125{background:#1a1b1ef5;border-top-color:#ffffff14}[data-mantine-color-scheme=dark] ._status_1b0ut_145{color:var(--mantine-color-fhcGray-4)}[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-Input-input,[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-Textarea-input,[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-Select-input,[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-MultiSelect-input,[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-NumberInput-input,[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-DateInput-input,[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-FileInput-input{background:#25262b;color:#cbd5e1}[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-Input-input:disabled,[data-mantine-color-scheme=dark] ._bodyView_1b0ut_189 .mantine-Select-input:disabled{-webkit-text-fill-color:#cbd5e1}[data-mantine-color-scheme=dark] ._bodyEdit_1b0ut_285 .mantine-Input-input,[data-mantine-color-scheme=dark] ._bodyEdit_1b0ut_285 .mantine-Textarea-input,[data-mantine-color-scheme=dark] ._bodyEdit_1b0ut_285 .mantine-Select-input,[data-mantine-color-scheme=dark] ._bodyEdit_1b0ut_285 .mantine-MultiSelect-input,[data-mantine-color-scheme=dark] ._bodyEdit_1b0ut_285 .mantine-NumberInput-input,[data-mantine-color-scheme=dark] ._bodyEdit_1b0ut_285 .mantine-DateInput-input,[data-mantine-color-scheme=dark] ._bodyEdit_1b0ut_285 .mantine-FileInput-input{background:#1a1b1e;color:#f1f5f9}@keyframes _backoffice-modal-status-pulse_1b0ut_1{0%,to{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/UserProfileEditPage-CR2hIt1q.js b/apps/edr-freight-web/backoffice/public/_um/assets/UserProfileEditPage-CR2hIt1q.js
new file mode 100644
index 000000000..56b3956e7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/UserProfileEditPage-CR2hIt1q.js
@@ -0,0 +1 @@
+import{n as L,bj as $,f as D,u as H,r as i,j as e,B as R,aQ as b,I as o,t as u}from"./index-Db-xuq0b.js";import{B as M}from"./badge-D7JvaQeJ.js";import{g as Q}from"./userService-BHeFzZdn.js";import{a as T}from"./employeePositionsService-CkHoE9xG.js";import{m,C as A}from"./proxy-i8Py-I0x.js";import{C as K}from"./chevron-left-DCpEaNzo.js";import{M as O}from"./mail-bwr0seHR.js";import{P as z}from"./phone-Ce15UUGI.js";import{R as G}from"./refresh-cw-JB7N413f.js";import{S as J}from"./save-BpdaNhEd.js";const V=n=>L({queryKey:["user",n],queryFn:async()=>(await Q(n)).data}),W=()=>{const{id:n}=$(),v=D(),{t:r}=H(),{data:d,refetch:F,isLoading:q}=V(n),[g,j]=i.useState(""),[c,k]=i.useState(""),[y,w]=i.useState(""),[h,P]=i.useState(""),[p,S]=i.useState(""),[U,C]=i.useState(!1),[s,B]=i.useState({}),[X,f]=i.useState("");i.useEffect(()=>{var a,t;if(d){const l=d;j(l.username??""),k(l.email??""),w(((a=l.name)==null?void 0:a.en)??""),P(((t=l.name)==null?void 0:t.am)??""),S(l.phoneNumber??"")}},[d]);const _={hidden:{opacity:0},show:{opacity:1,transition:{staggerChildren:.1}}},I=async a=>{a.preventDefault();const t={};if(c.trim()||(t.email=r("profile.emailRequired")),g.trim()||(t.userName=r("profile.usernameRequired")),p.trim()||(t.phoneNumber=r("profile.phoneRequired")),y.trim()||(t.englishName=r("profile.englishNameRequired")),h.trim()||(t.amharicName=r("profile.amharicNameRequired")),B(t),Object.keys(t).length>0)return;if(!/^(\+2519\d{8}|09\d{8})$/.test(p)){f(r("profile.invalidPhoneFormat")),u.error(r("profile.invalidPhoneFormat"),{description:r("profile.validPhoneFormat")});return}if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(c)){f(r("profile.invalidEmailFormat")),u.error(r("profile.invalidEmailFormat"),{description:r("profile.validEmailFormat")});return}C(!0);try{await T({username:g,email:c,phoneNumber:p,name:{en:y,am:h}},n),u.success(r("profile.profileUpdateSuccess"),{description:r("profile.profileUpdated")}),F()}catch(N){const E=(N==null?void 0:N.message)||r("profile.profileUpdateFailed");f(E),u.error(r("profile.profileUpdateFailed"),{description:E})}finally{C(!1)}};if(q)return e.jsx("div",{children:"Loading..."});const x=d;return x?e.jsx("div",{className:"min-h-screen bg-gradient-to-br from-primary-50 to-primary-100/40 dark:from-gray-900 dark:to-gray-800",children:e.jsxs("div",{className:"container mx-auto px-4 py-6",children:[e.jsx(m.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},className:"mb-6",children:e.jsxs(R,{onClick:()=>v(-1),variant:"ghost",className:"flex items-center gap-2 text-primary hover:text-primary-700 hover:bg-primary-300/20 dark:text-primary-300 dark:hover:text-primary-300 px-4 py-2 rounded-full transition-colors",children:[e.jsx(K,{className:"w-5 h-5"}),e.jsx("span",{className:"font-medium",children:r("common.back")})]})}),e.jsx("div",{className:"flex justify-center",children:e.jsxs(m.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.3},className:"w-full max-w-2xl bg-white dark:bg-gray-800 rounded-2xl shadow-xl overflow-hidden border border-gray-100 dark:border-gray-700",children:[e.jsx("div",{className:"relative bg-gradient-to-r from-primary to-primary-300 dark:from-primary-700 dark:to-primary-300 h-32",children:e.jsx("div",{className:"absolute -bottom-12 left-1/2 transform -translate-x-1/2",children:e.jsx(m.div,{whileHover:{scale:1.05},className:"relative h-24 w-24 rounded-full border-4 border-white dark:border-gray-800 bg-white dark:bg-gray-800 shadow-lg",children:e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary-300 to-primary dark:from-primary-300 dark:to-primary-700 rounded-full flex items-center justify-center",children:e.jsx(A,{className:"w-12 h-12 text-white"})})})})}),e.jsxs("div",{className:"pt-14 pb-6 px-6 text-center",children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-800 dark:text-gray-100",children:x.name.en||"___"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 text-sm mt-1",children:r("profile.updateProfile")}),e.jsx("div",{className:"mt-3",children:e.jsx(M,{variant:"outline",className:`rounded-full px-3 py-1 text-xs font-medium ${x.status==="accepted"?"bg-primary-300/20 text-primary border-primary/30":"bg-gray-100 text-gray-600 border-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-600"}`,children:r(`statusBar.${x.status||"___"}`)})})]}),e.jsx("div",{className:"px-6 pb-8",children:e.jsxs(m.form,{variants:_,initial:"hidden",animate:"show",className:"space-y-4",onSubmit:I,children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 pl-1",children:r("profile.username")}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(b,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"})}),e.jsx(o,{className:"pl-9 rounded-lg border-gray-300 dark:border-gray-600 focus:border-primary focus:ring-primary dark:bg-gray-700 dark:text-gray-100",value:g,onChange:a=>j(a.target.value)})]}),s.userName&&e.jsx("p",{className:"text-sm text-red-600 dark:text-red-400 pl-1",children:s.userName})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 pl-1",children:r("profile.englishName")}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(b,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"})}),e.jsx(o,{className:"pl-9 rounded-lg border-gray-300 dark:border-gray-600 focus:border-primary focus:ring-primary dark:bg-gray-700 dark:text-gray-100",value:y,onChange:a=>w(a.target.value)})]}),s.englishName&&e.jsx("p",{className:"text-sm text-red-600 dark:text-red-400 pl-1",children:s.englishName})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 pl-1",children:r("profile.amharicName")}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(b,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"})}),e.jsx(o,{className:"pl-9 rounded-lg border-gray-300 dark:border-gray-600 focus:border-primary focus:ring-primary dark:bg-gray-700 dark:text-gray-100",value:h,onChange:a=>P(a.target.value)})]}),s.amharicName&&e.jsx("p",{className:"text-sm text-red-600 dark:text-red-400 pl-1",children:s.amharicName})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 pl-1",children:r("profile.emailmsg")}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(O,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"})}),e.jsx(o,{type:"email",className:"pl-9 rounded-lg border-gray-300 dark:border-gray-600 focus:border-primary focus:ring-primary dark:bg-gray-700 dark:text-gray-100",value:c,onChange:a=>k(a.target.value)})]}),s.email&&e.jsx("p",{className:"text-sm text-red-600 dark:text-red-400 pl-1",children:s.email})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300 pl-1",children:r("profile.phoneNumber")}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(z,{className:"h-4 w-4 text-gray-400 dark:text-gray-500"})}),e.jsx(o,{type:"tel",className:"pl-9 rounded-lg border-gray-300 dark:border-gray-600 focus:border-primary focus:ring-primary dark:bg-gray-700 dark:text-gray-100",value:p,onChange:a=>S(a.target.value)})]}),s.phoneNumber&&e.jsx("p",{className:"text-sm text-red-600 dark:text-red-400 pl-1",children:s.phoneNumber})]}),e.jsx(m.div,{whileHover:{scale:1.01},whileTap:{scale:.99},className:"pt-4",children:e.jsx(R,{type:"submit",className:"w-full h-12 bg-gradient-to-r from-primary to-primary-300 hover:from-primary-700 hover:to-primary-300 text-white font-medium rounded-lg shadow-md transition-all duration-200",disabled:U,children:U?e.jsxs("span",{className:"flex items-center justify-center",children:[e.jsx(G,{className:"animate-spin h-5 w-5 mr-2"}),r("profile.updating"),"..."]}):e.jsxs("span",{className:"flex items-center justify-center",children:[e.jsx(J,{className:"w-4 h-4 mr-2"}),r("profile.updateProfile")]})})})]})})]})})]})}):e.jsx("div",{children:"User not found"})};function me(){return e.jsx(W,{})}export{me as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/Utils-BP0IYDrC.js b/apps/edr-freight-web/backoffice/public/_um/assets/Utils-BP0IYDrC.js
new file mode 100644
index 000000000..a246091d6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/Utils-BP0IYDrC.js
@@ -0,0 +1 @@
+var l={exports:{}},y,v;function R(){if(v)return y;v=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return y=e,y}var m,b;function w(){if(b)return m;b=1;var e=R();function o(){}function r(){}return r.resetWarningCache=o,m=function(){function t(i,p,f,g,h,a){if(a!==e){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}t.isRequired=t;function c(){return t}var u={array:t,bigint:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:c,element:t,elementType:t,instanceOf:c,node:t,objectOf:c,oneOf:c,oneOfType:c,shape:c,exact:c,checkPropTypes:r,resetWarningCache:o};return u.PropTypes=u,u},m}var E;function D(){return E||(E=1,l.exports=w()()),l.exports}var n=D();const O={onActivate:n.func,onAddUndo:n.func,onBeforeAddUndo:n.func,onBeforeExecCommand:n.func,onBeforeGetContent:n.func,onBeforeRenderUI:n.func,onBeforeSetContent:n.func,onBeforePaste:n.func,onBlur:n.func,onChange:n.func,onClearUndos:n.func,onClick:n.func,onContextMenu:n.func,onCommentChange:n.func,onCompositionEnd:n.func,onCompositionStart:n.func,onCompositionUpdate:n.func,onCopy:n.func,onCut:n.func,onDblclick:n.func,onDeactivate:n.func,onDirty:n.func,onDrag:n.func,onDragDrop:n.func,onDragEnd:n.func,onDragGesture:n.func,onDragOver:n.func,onDrop:n.func,onExecCommand:n.func,onFocus:n.func,onFocusIn:n.func,onFocusOut:n.func,onGetContent:n.func,onHide:n.func,onInit:n.func,onInput:n.func,onKeyDown:n.func,onKeyPress:n.func,onKeyUp:n.func,onLoadContent:n.func,onMouseDown:n.func,onMouseEnter:n.func,onMouseLeave:n.func,onMouseMove:n.func,onMouseOut:n.func,onMouseOver:n.func,onMouseUp:n.func,onNodeChange:n.func,onObjectResizeStart:n.func,onObjectResized:n.func,onObjectSelected:n.func,onPaste:n.func,onPostProcess:n.func,onPostRender:n.func,onPreProcess:n.func,onProgressState:n.func,onRedo:n.func,onRemove:n.func,onReset:n.func,onSaveContent:n.func,onSelectionChange:n.func,onSetAttrib:n.func,onSetContent:n.func,onShow:n.func,onSubmit:n.func,onUndo:n.func,onVisualAid:n.func,onSkinLoadError:n.func,onThemeLoadError:n.func,onModelLoadError:n.func,onPluginLoadError:n.func,onIconsLoadError:n.func,onLanguageLoadError:n.func,onScriptsLoad:n.func,onScriptsLoadError:n.func},L={apiKey:n.string,licenseKey:n.string,id:n.string,inline:n.bool,init:n.object,initialValue:n.string,onEditorChange:n.func,value:n.string,tagName:n.string,tabIndex:n.number,cloudChannel:n.string,plugins:n.oneOfType([n.string,n.array]),toolbar:n.oneOfType([n.string,n.array]),disabled:n.bool,textareaName:n.string,tinymceScriptSrc:n.oneOfType([n.string,n.arrayOf(n.string),n.arrayOf(n.shape({src:n.string,async:n.bool,defer:n.bool}))]),rollback:n.oneOfType([n.number,n.oneOf([!1])]),scriptLoading:n.shape({async:n.bool,defer:n.bool,delay:n.number}),...O},N=e=>typeof e=="function",T=e=>e in O,C=e=>e.substr(2),x=(e,o,r,t,c,u,i)=>{const p=Object.keys(c).filter(T),f=Object.keys(u).filter(T),g=p.filter(a=>u[a]===void 0),h=f.filter(a=>c[a]===void 0);g.forEach(a=>{const s=C(a),d=i[s];r(s,d),delete i[s]}),h.forEach(a=>{const s=t(e,a),d=C(a);i[d]=s,o(d,s)})},I=(e,o,r,t,c)=>x(c,e.on.bind(e),e.off.bind(e),(u,i)=>p=>{var f;return(f=u(i))==null?void 0:f(p,e)},o,r,t);let P=0;const M=e=>{const o=Date.now(),r=Math.floor(Math.random()*1e9);return P++,e+"_"+r+P+String(o)},A=e=>e!==null&&(e.tagName.toLowerCase()==="textarea"||e.tagName.toLowerCase()==="input"),S=e=>typeof e>"u"||e===""?[]:Array.isArray(e)?e:e.split(" "),_=(e,o)=>S(e).concat(S(o)),F=()=>window.InputEvent&&typeof InputEvent.prototype.getTargetRanges=="function",U=e=>{if(!("isConnected"in Node.prototype)){let o=e,r=e.parentNode;for(;r!=null;)o=r,r=o.parentNode;return o===e.ownerDocument}return e.isConnected},j=(e,o)=>{e!==void 0&&(e.mode!=null&&typeof e.mode=="object"&&typeof e.mode.set=="function"?e.mode.set(o):e.setMode(o))},k=e=>{const o=e.replace(/\s+/g,"");return/^(\+2519\d{8}|09\d{8})$/.test(o)||/^(\+2517\d{8}|07\d{8})$/.test(o)},B=e=>{const o=e.replace(/\s+/g,"");return/^(\+2519\d{8}|09\d{8})$/.test(o)||/^(\+2517\d{8}|07\d{8})$/.test(o)},K=e=>/^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,}$/.test(e);export{L as E,K as a,k as b,F as c,I as d,N as e,U as f,A as g,B as i,_ as m,j as s,M as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ViewMigratedDataPage-BKcu67Dm.js b/apps/edr-freight-web/backoffice/public/_um/assets/ViewMigratedDataPage-BKcu67Dm.js
new file mode 100644
index 000000000..26d9639e8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ViewMigratedDataPage-BKcu67Dm.js
@@ -0,0 +1,31 @@
+import{y as g,b4 as v,w as M,n as E,r as l,u as S,j as e,B as j,b6 as _,m as z,k as A,o as U,aS as R,t as B,bj as H,f as T}from"./index-Db-xuq0b.js";import"./presignedAxios-BunkFbUr.js";import{C as V,d as K}from"./card-BBWyxDss.js";import{R as O}from"./refresh-cw-JB7N413f.js";import{D as C}from"./download-CX6rsOqt.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Q=[["path",{d:"M15 5H9",key:"1tp3ed"}],["path",{d:"M15 9v3h4l-7 7-7-7h4V9z",key:"ncdc4b"}]],W=g("arrow-big-down-dash",Q);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const X=[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]],Y=g("external-link",X);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Z=[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}]],G=g("file",Z);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const J=[["path",{d:"M8 3H5a2 2 0 0 0-2 2v3",key:"1dcmit"}],["path",{d:"M21 8V5a2 2 0 0 0-2-2h-3",key:"1e4gt3"}],["path",{d:"M3 16v3a2 2 0 0 0 2 2h3",key:"wsl5sc"}],["path",{d:"M16 21h3a2 2 0 0 0 2-2v-3",key:"18trek"}]],ee=g("maximize",J);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const te=[["path",{d:"M8 3v3a2 2 0 0 1-2 2H3",key:"hohbtr"}],["path",{d:"M21 8h-3a2 2 0 0 1-2-2V3",key:"5jw1f3"}],["path",{d:"M3 16h3a2 2 0 0 1 2 2v3",key:"198tvr"}],["path",{d:"M16 21v-3a2 2 0 0 1 2-2h3",key:"ph8mxp"}]],se=g("minimize",te);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const re=[["path",{d:"M6 8L2 12L6 16",key:"kyvwex"}],["path",{d:"M2 12H22",key:"1m8cig"}]],F=g("move-left",re),ae=async s=>(await v.get(`record-attachments/${s}`,{headers:M()})).data,ne=async s=>(await v.get(`record-attachments/sealed/${s}`,{headers:M()})).data,oe=async s=>{const{data:n}=await v.get(`records/${s}`,{headers:M()});return n},ce=async s=>(await v.get(`records/record-pdf/${s}`)).data,ie=async s=>(await v.get(`records/regenerate-pdf/${s}`,{headers:M()})).data,P=s=>E({queryKey:["record-pdf",s],queryFn:()=>ce(s),enabled:!!s}),de=s=>s<1024?`${s} B`:s<1024*1024?`${(s/1024).toFixed(2)} KB`:`${(s/(1024*1024)).toFixed(2)} MB`,le=({attachments:s,onDelete:n,showDelete:y})=>{const[r,m]=l.useState(null),[h,b]=l.useState(null),{t:u}=S(),{data:i,isSuccess:o}=E({queryKey:["record-attachment",r],queryFn:async()=>{if(!r)return null;try{return await ae(r)}catch{return await ne(r)}},enabled:!!r,staleTime:1e3*60*5});l.useEffect(()=>{if(i!=null&&i.presigned&&o){const t=i.presigned;N(t,i),m(null)}else h&&(N(h,i),b(null))},[i,o,h]);const N=(t,d)=>{var p;const a=(p=d==null?void 0:d.fileInfo)==null?void 0:p.contentType;a==="application/vnd.ms-excel"||a==="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"?window.location.href=`ms-excel:ofe|u|${t}`:a==="application/vnd.ms-powerpoint"||a==="application/vnd.openxmlformats-officedocument.presentationml.presentation"?window.location.href=`ms-powerpoint:ofe|u|${t}`:a==="application/msword"||a==="application/vnd.openxmlformats-officedocument.wordprocessingml.document"?window.location.href=`ms-word:ofe|u|${t}`:window.open(t,"_blank","noopener,noreferrer")},k=async(t,d)=>{const p=await(await fetch(t,{})).blob(),w=URL.createObjectURL(p),x=document.createElement("a");x.href=w,x.download=d,document.body.appendChild(x),x.click(),document.body.removeChild(x),URL.revokeObjectURL(w)},f=t=>{t&&m(t)};return e.jsx(V,{className:"w-full p-4",children:e.jsx(K,{children:s.length>0?e.jsx("ul",{className:"space-y-2",children:s?.map(t=>e.jsxs("li",{className:"flex flex-col sm:flex-row sm:items-center justify-between border p-3 rounded-lg bg-white dark:bg-gray-800 dark:border-gray-700 w-full gap-3",children:[e.jsxs("div",{className:"flex items-start sm:items-center space-x-3 min-w-0 w-full sm:w-auto",children:[e.jsx(G,{className:"w-8 h-8 text-primary-600 dark:text-primary-300 flex-shrink-0 mt-0.5 sm:mt-0"}),e.jsxs("div",{className:"flex flex-col min-w-0 flex-1 sm:flex-initial",title:t==null?void 0:t.fileInfo.originalname,children:[e.jsx("span",{className:"truncate font-medium text-gray-700 dark:text-gray-100 text-sm sm:text-base",title:t==null?void 0:t.fileInfo.originalname,children:t==null?void 0:t.fileInfo.originalname}),e.jsx("span",{className:"text-xs sm:text-sm text-gray-500 dark:text-gray-300",children:de((t==null?void 0:t.fileInfo.size)||0)})]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row items-stretch sm:items-center gap-2 w-full sm:w-auto",children:[e.jsxs(j,{size:"sm",variant:"outline",className:"w-full sm:w-auto justify-center flex items-center space-x-1 bg-primary-50 hover:bg-primary-100 text-primary-700 dark:bg-primary-900/50 dark:hover:bg-primary-800/70 dark:text-white dark:border-primary-700",onClick:()=>f((t==null?void 0:t.id)??b(t.presigned||"")??""),children:[e.jsx(Y,{className:"w-4 h-4"}),e.jsx("span",{children:u("viewDetail.open")})]}),e.jsxs(j,{size:"sm",variant:"outline",className:"w-full sm:w-auto justify-center flex items-center space-x-1 bg-primary-50 hover:bg-primary-100 text-primary-700 dark:bg-primary-900/50 dark:hover:bg-primary-800/70 dark:text-white dark:border-primary-700",onClick:()=>{var d;return k(t.presigned||"",((d=t==null?void 0:t.fileInfo)==null?void 0:d.originalname)||"")},children:[e.jsx(W,{className:"w-4 h-4"}),e.jsx("span",{children:u("userRecord.Download")})]}),y&&n&&e.jsxs(j,{size:"sm",variant:"ghost",className:"w-full sm:w-auto justify-center flex items-center space-x-1 text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/50",onClick:()=>n((t==null?void 0:t.id)||t.itemId||""),children:[e.jsx(_,{className:"w-4 h-4"}),e.jsx("span",{className:"sm:hidden",children:u("common.delete","Delete")})]})]})]},(t==null?void 0:t.id)||(t==null?void 0:t.itemId)||(t==null?void 0:t.fileInfo.fileName)||Math.random().toString()))}):e.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:u("viewDetail.noAttachmentsAvailable")})})})},me=({title:s,children:n})=>e.jsxs("div",{className:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-4 hover:border-primary-200 dark:hover:border-primary-600 transition-colors",children:[e.jsx("label",{className:"block text-base font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-3",children:s}),n]}),xe=({itemId:s,onBack:n})=>{var D;const y=z(),{t:r}=S(),[m,h]=l.useState(!1),[b,u]=l.useState(!0),{handleError:i}=A(r),{data:o,isLoading:N,error:k}=P(s),{data:f,error:t}=E({queryKey:["record",s],queryFn:()=>oe(s),enabled:!!s}),d=l.useRef(null);l.useEffect(()=>{t&&t!==d.current&&(d.current=t,i(t))},[t,i]);const a=l.useMemo(()=>{if(!o)return null;if(o instanceof ArrayBuffer){const c=new Blob([o],{type:"application/pdf"});return URL.createObjectURL(c)}return typeof o=="object"&&"presigned"in o?o.presigned:typeof o=="string"&&o.startsWith("http")?o:null},[o]);l.useEffect(()=>()=>{a&&a.startsWith("blob:")&&URL.revokeObjectURL(a)},[a]);const{mutate:p,isPending:w}=U({mutationFn:async()=>{if(!s)throw new Error("Record ID is missing");await ie(s)},onSuccess:()=>{B.success(r("msg.pdfRegenerated")),y.invalidateQueries({queryKey:["attachmentResponse",s]})},onError:c=>{i(c)}}),x=()=>{if(!a)return;const c=document.createElement("a");c.href=a,c.download=`document-${s}.pdf`,document.body.appendChild(c),c.click(),document.body.removeChild(c)},$=()=>{h(!0)},L=()=>{h(!1)},q=()=>{u(!1)};return l.useEffect(()=>{const c=I=>{I.key==="Escape"&&m&&L()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[m]),N?e.jsx("div",{className:"min-h-screen flex items-center justify-center bg-gray-50",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"}),e.jsxs("p",{className:"text-gray-600",children:[r("loading"),"..."]})]})}):k?e.jsx("div",{className:"min-h-screen flex items-center justify-center bg-gray-50",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"bg-red-100 rounded-full p-3 w-12 h-12 flex items-center justify-center mx-auto mb-4",children:e.jsx(R,{className:"h-6 w-6 text-red-600"})}),e.jsx("h3",{className:"text-lg font-medium text-red-800 mb-2",children:r("error.failedToLoadPdf")}),e.jsx("p",{className:"text-red-600 mb-4",children:k.message}),e.jsx("div",{className:"flex",children:e.jsxs(j,{onClick:n,size:"sm",className:"bg-gray-600 text-sm px-1 py-1 w-[100px] hover:bg-gray-700",children:[e.jsx(F,{className:"w-4 h-4"}),r("common.back")]})})]})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"min-h-screen bg-gray-50 py-8",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"flex justify-between items-center mb-6",children:[e.jsx("div",{className:"flex",children:e.jsxs(j,{onClick:n,size:"sm",className:"bg-gray-600 text-sm px-1 py-1 w-[100px] hover:bg-gray-700",children:[e.jsx(F,{className:"w-4 h-4"}),r("common.back")]})}),e.jsxs("div",{className:"flex gap-3",children:[e.jsxs("button",{onClick:()=>p(),disabled:w||!a,className:"flex items-center px-4 py-2 bg-white border border-gray-300 rounded-lg shadow-sm text-gray-700 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",children:[e.jsx(O,{className:`h-4 w-4 mr-2 ${w?"animate-spin":""}`}),r("viewDetail.regeneratePdf")]}),e.jsxs("button",{onClick:x,disabled:!a,className:"flex items-center px-4 py-2 bg-white border border-gray-300 rounded-lg shadow-sm text-gray-700 hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",children:[e.jsx(C,{className:"h-4 w-4 mr-2"}),r("userRecord.Download")]}),e.jsxs("button",{onClick:$,disabled:!a,className:"flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg shadow-sm hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",children:[e.jsx(ee,{className:"h-4 w-4 mr-2"}),r("viewDetail.fullScreen")]})]})]}),e.jsx("div",{className:"bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden",children:a?e.jsxs("div",{className:"relative",children:[b&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-gray-50",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-2"}),e.jsxs("p",{className:"text-gray-600 dark:text-gray-400 flex items-center gap-2",children:[e.jsx("span",{className:"animate-spin rounded-full h-4 w-4 border-t-2 border-primary-600 dark:border-primary-400"}),r("viewDetail.loading")]})]})}),e.jsx("iframe",{src:a,title:"PDF Preview",width:"100%",height:"800px",style:{border:"none"},onLoad:q,className:b?"opacity-0":"opacity-100 transition-opacity duration-300"})]}):e.jsxs("div",{className:"flex flex-col items-center justify-center h-96 bg-gray-50",children:[e.jsx("div",{className:"bg-gray-100 rounded-full p-4 w-16 h-16 flex items-center justify-center mb-4",children:e.jsx(R,{className:"h-8 w-8 text-gray-400"})}),e.jsx("h3",{className:"text-lg font-medium text-gray-900 mb-2",children:r("noPdfAvailable")}),e.jsx("p",{className:"text-gray-500 text-center max-w-md",children:r("noPdfAvailableDescription")||"The PDF document is not available. You can try regenerating it using the button above."})]})})]})}),m&&a&&e.jsxs("div",{className:"fixed inset-0 bg-black z-50 flex flex-col",children:[e.jsxs("div",{className:"bg-gray-900 text-white px-6 py-4 flex justify-between items-center",children:[e.jsx("div",{className:"flex items-center",children:e.jsx("span",{className:"font-medium",children:"Document Preview"})}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:x,className:"flex items-center px-3 py-2 bg-gray-700 rounded-lg hover:bg-gray-600 transition-colors duration-200",title:"Download",children:e.jsx(C,{className:"h-4 w-4"})}),e.jsx("button",{onClick:L,className:"flex items-center px-3 py-2 bg-gray-700 rounded-lg hover:bg-gray-600 transition-colors duration-200",title:"Exit Fullscreen",children:e.jsx(se,{className:"h-4 w-4"})})]})]}),e.jsx("div",{className:"flex-1 bg-gray-800",children:e.jsx("iframe",{src:a,title:"PDF Preview - Full Screen",width:"100%",height:"100%",style:{border:"none"}})}),e.jsx("div",{className:"bg-gray-900 text-white px-6 py-3 text-sm text-center",children:e.jsx("p",{children:"Press ESC to exit fullscreen mode"})})]}),e.jsx("div",{className:"mt-3",children:e.jsx(me,{title:r("viewDetail.attachments"),children:e.jsx(le,{attachments:((D=f==null?void 0:f.content[0])==null?void 0:D.recordAttachments)??[],showDelete:!1})})})]})},be=()=>{const{id:s}=H(),n=T();if(!s)return e.jsx("div",{className:"p-4 text-red-500",children:"Error: Invalid record ID"});const{data:y,isLoading:r,error:m}=P(s);return l.useEffect(()=>{},[y,r,m]),r?e.jsx("div",{className:"p-4 text-center",children:"Loading record..."}):m?e.jsxs("div",{className:"p-4 text-center text-red-500",children:["Error loading record: ",m.message]}):e.jsx(xe,{itemId:s,onBack:()=>n("/user-management/migrated-records-management")})};export{be as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/WebManagementPage-eEhih19q.js b/apps/edr-freight-web/backoffice/public/_um/assets/WebManagementPage-eEhih19q.js
new file mode 100644
index 000000000..21f0bfa2b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/WebManagementPage-eEhih19q.js
@@ -0,0 +1,43 @@
+var st=Object.defineProperty;var rt=(r,t,a)=>t in r?st(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a;var qe=(r,t,a)=>rt(r,typeof t!="symbol"?t+"":t,a);import{y as Y,bd as nt,aR as V,j as e,v as k,B as w,b6 as J,b8 as K,be as it,p as Be,g as lt,bf as ot,bg as dt,bh as ct,m as X,n as L,o as T,r as b,f as M,u as z,bi as W,I as mt,aF as Q,t as C,bj as $,az as ye,d as ut,bk as gt,bb as Ke,aS as xt,bl as ht,bm as E}from"./index-Db-xuq0b.js";import{E as Ce}from"./eye-Bhud4znU.js";import{S as Z}from"./square-pen-B91TPB19.js";import{C as ee,A as te}from"./AdvancedTable-CC9ioMU-.js";import{p as be}from"./presignedAxios-BunkFbUr.js";import{C as pt,u as F}from"./index.esm-BG4gweZJ.js";import{L as I}from"./label-CsFy6wpo.js";import{T as de}from"./textarea-BNzPMo41.js";import{S as yt,a as bt,b as ft,c as wt,d as jt}from"./select-BoQxM42A.js";import{X as He}from"./XSSUploadValidator-BMXKraj-.js";import{u as _e}from"./useSettings-BtSYqn9W.js";import{M as vt}from"./message-square-BPZTcbJs.js";import"./table-D3n3VABd.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./badge-D7JvaQeJ.js";import"./command-Cr0tMDDu.js";import"./search-CM5F2ZRy.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./organizationService-DPKKJMFw.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Nt=[["path",{d:"M16 2v2",key:"scm5qe"}],["path",{d:"M7 22v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2",key:"1waht3"}],["path",{d:"M8 2v2",key:"pbkmx"}],["circle",{cx:"12",cy:"11",r:"3",key:"itu57m"}],["rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",key:"12vinp"}]],kt=Y("contact",Nt);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const At=[["path",{d:"M12 13V2l8 4-8 4",key:"5wlwwj"}],["path",{d:"M20.561 10.222a9 9 0 1 1-12.55-5.29",key:"1c0wjv"}],["path",{d:"M8.002 9.997a5 5 0 1 0 8.9 2.02",key:"gb1g7m"}]],Ct=Y("goal",At);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const St=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]],pe=Y("image",St);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const It=[["rect",{width:"20",height:"20",x:"2",y:"2",rx:"5",ry:"5",key:"2e1cvw"}],["path",{d:"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z",key:"9exkf1"}],["line",{x1:"17.5",x2:"17.51",y1:"6.5",y2:"6.5",key:"r4j83e"}]],Et=Y("instagram",It);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Tt=[["path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",key:"1cjeqo"}],["path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",key:"19qd67"}]],Mt=Y("link",Tt);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const qt=[["path",{d:"M15 18h-5",key:"95g1m2"}],["path",{d:"M18 14h-8",key:"sponae"}],["path",{d:"M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2",key:"39pd36"}],["rect",{width:"8",height:"4",x:"10",y:"6",rx:"1",key:"aywv1n"}]],ze=Y("newspaper",qt);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Vt=[["path",{d:"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",key:"e79jfc"}],["circle",{cx:"13.5",cy:"6.5",r:".5",fill:"currentColor",key:"1okk4w"}],["circle",{cx:"17.5",cy:"10.5",r:".5",fill:"currentColor",key:"f64h9f"}],["circle",{cx:"6.5",cy:"12.5",r:".5",fill:"currentColor",key:"qy21gx"}],["circle",{cx:"8.5",cy:"7.5",r:".5",fill:"currentColor",key:"fotxhn"}]],Lt=Y("palette",Vt);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ft=[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]],$e=Y("star",Ft);class Rt{static containsMaliciousScripts(t){const a=typeof t=="string"?t:t.toString("utf-8");return!!(/<script[\s>]/i.test(a)||/on\w+\s*=/i.test(a)||/javascript:/i.test(a)||/data:text\/html/i.test(a)||/vbscript:/i.test(a)||/<iframe[\s>]/i.test(a)||/<(object|embed)[\s>]/i.test(a)||/<style[\s>][\s\S]*?expression\s*\(/i.test(a))}static validateSVGContent(t,a){try{let s;return t instanceof Uint8Array?s=new TextDecoder().decode(t):s=t.toString("utf-8"),this.containsMaliciousScripts(s)?{isValid:!1,error:"SVG file contains potentially malicious scripts or event handlers"}:this.isValidXML(s)?{isValid:!0}:{isValid:!1,error:"SVG file is not valid XML"}}catch(s){return{isValid:!1,error:`Failed to validate SVG content: ${s instanceof Error?s.message:"Unknown error"}`}}}static isValidXML(t){try{const a=(t.match(/<[^/][^>]*>/g)||[]).length,s=(t.match(/<\/[^>]*>/g)||[]).length;return a>0&&s>0}catch{return!1}}static sanitizeSVG(t){let a=t.toString("utf-8");return a=a.replace(/<script[\s\S]*?<\/script>/gi,""),a=a.replace(/\s+on\w+\s*=\s*["'][^"']*["']/gi,""),a=a.replace(/\s+on\w+\s*=\s*[^\s>]*/gi,""),a=a.replace(/javascript:/gi,""),a=a.replace(/data:text\/html/gi,""),a=a.replace(/vbscript:/gi,""),a=a.replace(/<iframe[\s\S]*?<\/iframe>/gi,""),a=a.replace(/<(object|embed)[^>]*>/gi,""),Buffer.from(a,"utf-8")}}class Ge{static containsXSSPatterns(t,a){let s;typeof t=="string"?s=t:t instanceof Uint8Array?s=new TextDecoder().decode(t):s=t.toString("utf-8");const n=[/<script[\s>]/i,/on\w+\s*=\s*["'][^"']*["']/i,/on\w+\s*=\s*[^\s>]*/i,/javascript:/i,/data:text\/html/i,/vbscript:/i,/<iframe[\s>]/i,/<object[\s>]/i,/<embed[\s>]/i,/<applet[\s>]/i,/<meta[\s>]/i,/<link[\s>]/i,/<style[\s>][\s\S]*?expression\s*\(/i,/eval\s*\(/i,/expression\s*\(/i,/import\s+/i,/<!--[\s\S]*?-->/i];for(const l of n)if(l.test(s))return!0;return a.includes("html")||a.includes("xml")?this.checkHTMLXMLContent(s):a.includes("pdf")?this.checkPDFContent(s):a.includes("word")||a.includes("document")?this.checkOfficeDocumentContent(s):a.includes("sheet")||a.includes("excel")?this.checkSpreadsheetContent(s):a.includes("svg")?this.checkSVGContent(s):!1}static checkHTMLXMLContent(t){return!!(/<script[\s\S]*?<\/script>/i.test(t)||/\s+on\w+\s*=/i.test(t)||/<(iframe|object|embed|applet|meta|link|form|input|button)[\s>]/i.test(t)||/(javascript|data|vbscript):/i.test(t))}static checkPDFContent(t){return!!(/\/JavaScript|\/JS|\/OpenAction|\/AA/i.test(t)||/\/EmbeddedFile|\/ObjStm/i.test(t)||/\/Launch|\/SubmitForm|\/ImportData/i.test(t))}static checkOfficeDocumentContent(t){return!!(/vbaProject|VBA|Macro/i.test(t)||/<script[\s\S]*?<\/script>/i.test(t)||/\s+on\w+\s*=/i.test(t)||/<externalData|<connection/i.test(t))}static checkSpreadsheetContent(t){return!!(/=cmd\(|=powershell|=system|=exec/i.test(t)||/vbaProject|VBA|Macro/i.test(t)||/<script[\s\S]*?<\/script>/i.test(t))}static checkSVGContent(t){return!!(/<script[\s\S]*?<\/script>/i.test(t)||/\s+on\w+\s*=/i.test(t)||/<(iframe|object|embed|applet)[\s>]/i.test(t)||/(javascript|data|vbscript):/i.test(t))}static getThreatLevel(t,a){let s;return typeof t=="string"?s=t:t instanceof Uint8Array?s=new TextDecoder().decode(t):s=t.toString("utf-8"),/<script[\s\S]*?<\/script>/i.test(s)||/eval\s*\(/i.test(s)||/\/JavaScript|\/JS|\/OpenAction/i.test(s)?"critical":/on\w+\s*=\s*["'][^"']*["']/i.test(s)||/(javascript|vbscript):/i.test(s)||/<(iframe|object|embed|applet)[\s>]/i.test(s)?"high":/data:text\/html/i.test(s)||/vbaProject|VBA|Macro/i.test(s)?"medium":/<!--[\s\S]*?-->/i.test(s)?"low":"none"}static sanitizeContent(t,a){let s=t.toString("utf-8");return s=s.replace(/<script[\s\S]*?<\/script>/gi,""),s=s.replace(/\s+on\w+\s*=\s*["'][^"']*["']/gi,""),s=s.replace(/\s+on\w+\s*=\s*[^\s>]*/gi,""),s=s.replace(/javascript:/gi,""),s=s.replace(/vbscript:/gi,""),s=s.replace(/data:text\/html/gi,""),s=s.replace(/<(iframe|object|embed|applet)[\s\S]*?<\/\1>/gi,""),Buffer.from(s,"utf-8")}}class Pt{async detectFileType(t){try{if(!t||t.length===0)return null;const{fileTypeFromBuffer:a}=await nt(async()=>{const{fileTypeFromBuffer:l}=await import("file-type");return{fileTypeFromBuffer:l}},[]),s=await a(t);if(s)return{mime:s.mime,ext:s.ext};const n=t.toString("utf-8");return n.includes("<svg")||n.includes("<?xml")&&n.includes("<svg")?{mime:"image/svg+xml",ext:"svg"}:n.includes("<!DOCTYPE html")||n.includes("<html")?{mime:"text/html",ext:"html"}:n.includes("<?xml")?{mime:"application/xml",ext:"xml"}:null}catch{return null}}async validateMimeType(t,a){try{if(!t||t.length===0)return{isValid:!1,detectedMime:"",declaredMime:a,error:"File buffer is empty or corrupted"};const s=await this.detectFileType(t);if(!s)return{isValid:!1,detectedMime:"",declaredMime:a,error:"Unable to detect real file type from buffer"};const n=s.mime===a;return{isValid:n,detectedMime:s.mime,declaredMime:a,error:n?void 0:`MIME mismatch. Declared: ${a}, Real: ${s.mime}`}}catch(s){return{isValid:!1,detectedMime:"",declaredMime:a,error:`Validation error: ${s instanceof Error?s.message:"Unknown error"}`}}}isAllowedMimeType(t,a){return!a||a.length===0?!0:a.includes(t)}async validateUpload(t,a,s){const n=await this.validateMimeType(t,a);if(!n.isValid)return n;if(!this.isAllowedMimeType(a,s.allowedMimeTypes))return{isValid:!1,detectedMime:n.detectedMime,declaredMime:a,error:`File type ${a} is not allowed for this endpoint`};const l=this.scanContentForXSS(t,a);return l.isValid?n:l}validateSVGContent(t,a){const s=Rt.validateSVGContent(t,a);return s.isValid?{isValid:!0,detectedMime:"image/svg+xml",declaredMime:"image/svg+xml"}:{isValid:!1,detectedMime:"image/svg+xml",declaredMime:"image/svg+xml",error:s.error}}scanContentForXSS(t,a){try{if(!t||t.length===0)return{isValid:!0,detectedMime:a,declaredMime:a};if(Ge.containsXSSPatterns(t,a)){const n=Ge.getThreatLevel(t,a);return{isValid:!1,detectedMime:a,declaredMime:a,error:`File content contains potentially malicious code (threat level: ${n}). This file may contain embedded scripts or dangerous patterns.`}}return{isValid:!0,detectedMime:a,declaredMime:a}}catch(s){return{isValid:!1,detectedMime:a,declaredMime:a,error:`Error scanning file content: ${s instanceof Error?s.message:"Unknown error"}`}}}}const ke=new Pt;class Ut{constructor(){qe(this,"logs",[]);qe(this,"xssLogs",[])}async logValidationEvent(t){try{t.timestamp||(t.timestamp=new Date),this.logs.push(t)}catch{}}async logXSSValidationEvent(t){try{t.timestamp||(t.timestamp=new Date),this.xssLogs.push(t)}catch{}}async queryValidationLogs(t){return this.logs.filter(a=>!(t.module&&a.module!==t.module||t.validationResult&&a.validationResult!==t.validationResult||t.startDate&&a.timestamp<t.startDate||t.endDate&&a.timestamp>t.endDate||t.userId&&a.userId!==t.userId))}async queryXSSValidationLogs(t){return this.xssLogs.filter(a=>!(t.module&&a.module!==t.module||t.uploadContext&&a.uploadContext!==t.uploadContext||t.validationResult&&a.validationResult!==t.validationResult||t.startDate&&a.timestamp<t.startDate||t.endDate&&a.timestamp>t.endDate||t.userId&&a.userId!==t.userId))}getAllLogs(){return[...this.logs]}getAllXSSLogs(){return[...this.xssLogs]}clearLogs(){this.logs=[],this.xssLogs=[]}}const oe=new Ut,Dt=({navigate:r,onDelete:t})=>[{header:()=>k("toogle.title"),cell:({row:a})=>{const s=a.original,n=V.language;return e.jsx("span",{children:n==="en"?s.messageTitle.en:s.messageTitle.am})},enableHiding:!0,accessorKey:"title"},{accessorKey:"status",header:()=>k("toogle.status"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${s.isActive?"bg-primary-100 text-primary-800":"bg-red-100 text-red-800"}`,children:s.isActive?"Active":"Inactive"})},enableHiding:!0},{accessorKey:"createdAt",header:()=>k("toogle.createdAt"),cell:({row:a})=>{const s=a.original,n=V.language,l=s==null?void 0:s.amharicCreatedAt,i=new Date(s.createdAt).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),d=n==="am"?l:i;return e.jsx("span",{className:"text-sm text-gray-500",children:d})},enableHiding:!0},{accessorKey:"Actions",header:()=>k("toogle.Actions"),cell:({row:a})=>e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(`/user-management/web-management/LeadershipMessage/ViewLeadershipMessage/${a.original.id}`),children:e.jsx(Ce,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(`/user-management/web-management/LeadershipMessage/EditLeadershipMessage/${a.original.id}`),children:e.jsx(Z,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(a.original.id),children:e.jsx(J,{className:"h-4 w-4 text-destructive"})})]})}],ae=({mode:r="page",label:t="Loading...",className:a,showLabel:s})=>{const n=r==="inline",l=s??!n;return e.jsxs("div",{className:K(n?"inline-flex items-center justify-center":"w-full min-h-[60vh] flex flex-col items-center justify-center gap-5 rounded-2xl border border-primary-100/80 bg-gradient-to-br from-white via-primary-50/70 to-primary-100/60 dark:border-primary-900/40 dark:from-slate-900 dark:via-slate-900 dark:to-primary-950/40 shadow-sm backdrop-blur-[1px] select-none",a),role:"status","aria-live":"polite","aria-label":t,"aria-busy":"true",children:[e.jsxs("div",{className:K("relative",n?"h-8 w-8":"h-32 w-32"),children:[e.jsx("span",{className:K("absolute inset-0 rounded-full border-primary-100/70 dark:border-primary-950/80",n?"border-2":"border-[3px]")}),e.jsx("span",{className:K("absolute inset-0 rounded-full border-transparent border-t-primary-600 border-r-primary-500 dark:border-t-primary-400 dark:border-r-primary-500 motion-safe:animate-spin motion-reduce:animate-none",n?"border-2":"border-[3px]")}),e.jsx("span",{className:K("absolute rounded-full border-transparent border-b-primary-500 border-l-primary-400 dark:border-b-primary-300 dark:border-l-primary-400 motion-safe:animate-spin motion-reduce:animate-none",n?"inset-1 border-2":"inset-2 border-[3px]"),style:{animationDirection:"reverse",animationDuration:"1.3s"}}),e.jsx("span",{className:K("absolute rounded-full bg-primary-500/80 dark:bg-primary-400/85 motion-safe:animate-pulse motion-reduce:animate-none",n?"inset-3 shadow-[0_0_10px_rgba(34,197,94,0.5)]":"inset-8 shadow-[0_0_34px_rgba(34,197,94,0.5)]")}),e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:e.jsxs("div",{className:K("relative rounded-[4px] shadow-md border border-primary-200/80 dark:border-primary-900/70 bg-gradient-to-b from-white to-primary-50 dark:from-slate-800 dark:to-slate-900",n?"w-[0.9rem] h-[1.1rem]":"w-9 h-11"),children:[e.jsx("div",{className:K("absolute top-0 right-0 border-l-transparent border-b-primary-200 dark:border-b-primary-500/90",n?"border-l-[5px] border-b-[5px]":"border-l-[8px] border-b-[8px]")}),e.jsx("div",{className:"absolute left-1 right-1 top-[24%] h-[2px] rounded bg-primary-400/70 dark:bg-primary-300/70"}),e.jsx("div",{className:"absolute left-1 right-1 top-[44%] h-[2px] rounded bg-primary-400/50 dark:bg-primary-300/50"}),e.jsx("div",{className:"absolute left-1 right-1 top-[64%] h-[2px] rounded bg-primary-400/30 dark:bg-primary-300/35"}),e.jsx("span",{className:K("absolute rounded-full border border-primary-400/70 bg-primary-100/80 dark:bg-primary-500/20 dark:border-primary-300/70",n?"h-1.5 w-1.5 right-0.5 bottom-0.5":"h-2.5 w-2.5 right-1 bottom-1")})]})})]}),l&&e.jsx("p",{className:"text-sm font-semibold tracking-wide text-primary-700 dark:text-primary-300",children:t}),!n&&e.jsxs("div",{className:"flex items-center gap-1.5","aria-hidden":"true",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-primary-500/70 motion-safe:animate-pulse"}),e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-primary-500/70 motion-safe:animate-pulse [animation-delay:180ms]"}),e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-primary-500/70 motion-safe:animate-pulse [animation-delay:360ms]"})]})]})},N=it.create({baseURL:"https://chronincle-dev.smartoffice.aaca.gov.et/api"});N.interceptors.request.use(r=>{const t=Be.get("auth-token");return t&&(r.headers.Authorization=`Bearer ${t}`),r.headers["X-Requested-With"]="XMLHttpRequest",r});let Ve=!1,Le=[];const Oe=(r,t=null)=>{Le.forEach(a=>{r?a.reject(r):a.resolve(t)}),Le=[]},Kt=["/auth/login","/auth/refresh","auth/me"];N.interceptors.response.use(r=>r,async r=>{var s;const t=r.config;if(Kt?.some(n=>{var l;return(l=t.url)==null?void 0:l.includes(n)}))return Promise.reject(r);if(((s=r.response)==null?void 0:s.status)===401&&!t._retry){if(Ve)return new Promise(function(n,l){Le.push({resolve:n,reject:l})}).then(n=>(t.headers.Authorization="Bearer "+n,N(t))).catch(n=>Promise.reject(n));t._retry=!0,Ve=!0;try{const n=Be.get("refresh-token");if(!n)throw new Error("missing-refresh-token");const l=lt(),i=await ot(n),d=i.data.token,x=i.data.refreshToken;return Oe(null,i.data.token),dt({token:d,refreshToken:x,rememberMe:l}),t.headers.Authorization=`Bearer ${d}`,N(t)}catch(n){return Oe(n,null),ct(),Promise.reject(n)}finally{Ve=!1}}return Promise.reject(r)});const O={async uploadImage(r,t){if(!t)throw new Error("Upload URL is undefined.");const a=await ke.validateMimeType(new Uint8Array(await r.slice(0,512).arrayBuffer()),r.type);if(!a.isValid)throw await oe.logValidationEvent({timestamp:new Date,fileSize:r.size,fileName:r.name,declaredMime:r.type,detectedMime:a.detectedMime,validationResult:"mismatch",errorDetails:a.error,module:"user-management",endpoint:"/staff/upload"}),new Error(a.error||"File validation failed");const s=["image/png","image/jpeg","image/gif","image/webp"];if(!ke.isAllowedMimeType(r.type,s))throw await oe.logValidationEvent({timestamp:new Date,fileSize:r.size,fileName:r.name,declaredMime:r.type,detectedMime:a.detectedMime,validationResult:"error",errorDetails:`File type ${r.type} is not allowed. Only images are allowed.`,module:"user-management",endpoint:"/staff/upload"}),new Error(`File type ${r.type} is not allowed. Only images are allowed.`);return await oe.logValidationEvent({timestamp:new Date,fileSize:r.size,fileName:r.name,declaredMime:r.type,detectedMime:a.detectedMime,validationResult:"success",module:"user-management",endpoint:"/staff/upload"}),be.put(t,r,{headers:{"Content-Type":r.type}})},async updateUploadStatus(r,t){await N.patch(`/staff/${r}/upload-status`,{uploadedSuccessfully:t},{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})},async getItem(r){throw new Error("Not implemented in this branch")},async getItems(r){throw new Error("Not implemented in this branch")},async createItem(r){throw new Error("Not implemented in this branch")},async updateItem(r,t){throw new Error("Not implemented in this branch")},async deleteItem(r){throw new Error("Not implemented in this branch")}},Se=(r,t)=>{const a=X(),{data:s}=L({queryKey:["Message",t],queryFn:async()=>await O.getItem(t||""),enabled:!!t}),{data:n,isLoading:l,error:i,refetch:d}=L({queryKey:["Message1",r],queryFn:async()=>await O.getItems(r)}),x=T({mutationFn:async m=>{const o=await O.createItem(m.data);if(!o.id)throw new Error("Failed to create Message item");try{await O.uploadImage(m.imageFile,o.presigned)}catch(g){throw await O.deleteItem(o.id),g}return await O.updateUploadStatus(o.id,!0),o},onSuccess:()=>{a.invalidateQueries({queryKey:["Message1",r]})}}),c=T({mutationFn:async({id:m,data:o,imageFile:g})=>{const p=await O.updateItem(m,o);if(g){try{const y=p;await O.uploadImage(g,y.presigned)}catch(y){throw y}await O.updateUploadStatus(m,!0)}return p},onSuccess:()=>{a.invalidateQueries({queryKey:["Message1",r]})}}),u=T({mutationFn:O.deleteItem,onSuccess:()=>{a.invalidateQueries({queryKey:["Message1",r]})}});return{items:n==null?void 0:n.items,singleItem:s,count:n==null?void 0:n.count,isLoading:l,error:i,createItem:x.mutateAsync,updateItem:c.mutateAsync,deleteItem:u.mutateAsync,isCreating:x.isPending,isUpdating:c.isPending,isDeleting:u.isPending,refetch:d}},zt=()=>{const[r,t]=b.useState(0),a=M(),s=10,{t:n}=z(),l=b.useMemo(()=>({skip:r*s,take:s,orderBy:"createdAt:DESC"}),[r]),{items:i,refetch:d,deleteItem:x,error:c,isLoading:u,count:m}=Se(l),o=g=>{t(g)};return e.jsxs("div",{className:"flex flex-col h-full w-full p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 border-b pb-3 border-gray-200 dark:border-gray-700",children:[e.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:n("officeHead.title")}),e.jsx(W,{to:"/user-management/web-Management/LeadershipMessage/AddLeadershipMessage",children:e.jsxs(w,{variant:"addRecordBtn",className:"flex items-center gap-1 bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg transition-all",children:[e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{children:n("officeHead.addMessage")})]})})]}),e.jsxs("div",{className:"flex-1 overflow-auto",children:[u&&e.jsx("div",{className:"flex justify-center items-center h-48",children:e.jsx(ae,{})}),c&&e.jsx("p",{className:"text-center text-red-500 text-sm mt-4",children:n("userRecord.Error loading records.")}),!u&&!c&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{columns:Dt({navigate:a,onDelete:x}),data:i||[],tableName:"LeadershipMessages",toolBarPosition:"right",extraToolbar:e.jsx("div",{className:"flex gap-2"}),itemCount:m||2,pageIndex:r,onPageChange:o,nextFunction:()=>o(r+1),prevFunction:()=>o(Math.max(r-1,0)),refresh:d})})]})]})},$t=({onDelete:r,navigate:t})=>[{header:()=>k("toogle.title"),cell:({row:a})=>{var l,i;const s=a.original,n=V.language;return n==="am"?e.jsx("span",{children:((l=s.goalTitle)==null?void 0:l.am)||"-"}):n==="en"?e.jsx("span",{children:((i=s.goalTitle)==null?void 0:i.en)||"-"}):e.jsx("span",{children:"-"})},enableHiding:!0,accessorKey:"title"},{accessorKey:"status",header:()=>k("toogle.status"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${s.isActive?"bg-primary-100 text-primary-800":"bg-red-100 text-red-800"}`,children:s.isActive?"Active":"Inactive"})},enableHiding:!0},{accessorKey:"createdAt",header:()=>k("toogle.createdAt"),cell:({row:a})=>{const s=a.original,n=V.language,l=s==null?void 0:s.amharicCreatedAt,i=new Date(s.createdAt).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),d=n==="am"?l:i;return e.jsx("span",{className:"text-sm text-gray-500",children:d})},enableHiding:!0},{id:"Actions",header:()=>k("toogle.Actions"),cell:({row:a})=>e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(`/user-management/web-management/Goals/ViewGoal/${a.original.id}`),children:e.jsx(Ce,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(`/user-management/web-management/Goals/EditGoal/${a.original.id}`),children:e.jsx(Z,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(a.original.id),children:e.jsx(J,{className:"h-4 w-4 text-destructive"})})]})}],B={async uploadImage(r,t){if(!t)throw new Error("Upload URL is undefined.");const a=await ke.validateMimeType(new Uint8Array(await r.slice(0,512).arrayBuffer()),r.type);if(!a.isValid)throw await oe.logValidationEvent({timestamp:new Date,fileSize:r.size,fileName:r.name,declaredMime:r.type,detectedMime:a.detectedMime,validationResult:"mismatch",errorDetails:a.error,module:"user-management",endpoint:"/goal/upload"}),new Error(a.error||"File validation failed");const s=["image/png","image/jpeg","image/gif","image/webp"];if(!ke.isAllowedMimeType(r.type,s))throw await oe.logValidationEvent({timestamp:new Date,fileSize:r.size,fileName:r.name,declaredMime:r.type,detectedMime:a.detectedMime,validationResult:"error",errorDetails:`File type ${r.type} is not allowed. Only images are allowed.`,module:"user-management",endpoint:"/goal/upload"}),new Error(`File type ${r.type} is not allowed. Only images are allowed.`);return await oe.logValidationEvent({timestamp:new Date,fileSize:r.size,fileName:r.name,declaredMime:r.type,detectedMime:a.detectedMime,validationResult:"success",module:"user-management",endpoint:"/goal/upload"}),be.put(t,r,{headers:{"Content-Type":r.type}})},async updateUploadStatus(r,t){await N.patch(`/goal/${r}/upload-status`,{uploadedSuccessfully:t},{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})},async getItem(r){throw new Error("Not implemented in this branch")},async getItems(r){throw new Error("Not implemented in this branch")},async createItem(r){throw new Error("Not implemented in this branch")},async updateItem(r,t){throw new Error("Not implemented in this branch")},async deleteItem(r){throw new Error("Not implemented in this branch")},async changeStatus(r){throw new Error("Not implemented in this branch")}},Ie=(r,t)=>{const a=X(),{data:s,isLoading:n,error:l}=L({queryKey:["Goal",t],queryFn:async()=>await B.getItem(t||""),enabled:!!t}),{data:i,refetch:d}=L({queryKey:["Goal1",r],queryFn:async()=>await B.getItems(r)}),x=T({mutationFn:async m=>{const o=await B.createItem(m.data);if(!o.id)throw new Error("Failed to create Goal item");try{await B.uploadImage(m.imageFile,o.presigned)}catch(g){throw await B.deleteItem(o.id),g}return await B.changeStatus(o==null?void 0:o.id),o},onSuccess:()=>{a.invalidateQueries({queryKey:["Goal1",r]})}}),c=T({mutationFn:async({id:m,data:o,imageFile:g})=>{const p=await B.updateItem(m,o);if(g){try{const y=p;await B.uploadImage(g,y.presigned)}catch(y){throw y}await B.changeStatus(m)}return p},onSuccess:()=>{a.invalidateQueries({queryKey:["Message1",r]})}}),u=T({mutationFn:m=>B.deleteItem(m),onSuccess:()=>{a.invalidateQueries({queryKey:["Goal1",r]})}});return{items:i==null?void 0:i.items,singleItem:s,count:i==null?void 0:i.count,isLoading:n,error:l,createItem:x.mutateAsync,updateItem:c.mutateAsync,deleteItem:u.mutateAsync,isCreating:x.isPending,isUpdating:c.isPending,isDeleting:u.isPending,refetch:d}},Gt=()=>{const[r,t]=b.useState(0),a=M(),s=10,{t:n}=z(),l=b.useMemo(()=>({skip:r*s,take:s,orderBy:"createdAt:DESC"}),[r]),{items:i,refetch:d,deleteItem:x,error:c,isLoading:u,count:m}=Ie(l),o=g=>{t(g)};return e.jsxs("div",{className:"flex flex-col h-full w-full p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 border-b pb-3 border-gray-200 dark:border-gray-700",children:[e.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:n("Goals")}),e.jsx(W,{to:"/user-management/web-Management/Goals/AddGoal",children:e.jsxs(w,{variant:"addRecordBtn",className:"flex items-center gap-1 bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg transition-all",children:[e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{children:n("addGoal")})]})})]}),e.jsxs("div",{className:"flex-1 overflow-auto",children:[u&&e.jsx("div",{className:"flex justify-center items-center h-48",children:e.jsx(ae,{})}),c&&e.jsx("p",{className:"text-center text-red-500 text-sm mt-4",children:n("userRecord.Error loading records.")}),!u&&!c&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{columns:$t({navigate:a,onDelete:x}),data:i||[],tableName:"Goals",toolBarPosition:"right",extraToolbar:e.jsx("div",{className:"flex gap-2"}),itemCount:m||2,pageIndex:r,onPageChange:o,nextFunction:()=>o(r+1),prevFunction:()=>o(Math.max(r-1,0)),refresh:d})})]})]})},Ot=({navigate:r,onDelete:t})=>[{header:()=>k("toogle.title"),cell:({row:a})=>{var l,i;const s=a.original,n=V.language;return n==="am"?e.jsx("span",{children:((l=s.visionTitle)==null?void 0:l.am)||"-"}):n==="en"?e.jsx("span",{children:((i=s.visionTitle)==null?void 0:i.en)||"-"}):e.jsx("span",{children:"-"})},enableHiding:!0,accessorKey:"title"},{accessorKey:"status",header:()=>k("toogle.status"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${s.isActive?"bg-primary-100 text-primary-800":"bg-red-100 text-red-800"}`,children:s.isActive?"Active":"Inactive"})},enableHiding:!0},{accessorKey:"createdAt",header:()=>k("toogle.createdAt"),cell:({row:a})=>{const s=a.original,n=V.language,l=s==null?void 0:s.amharicCreatedAt,i=new Date(s.createdAt).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),d=n==="am"?l:i;return e.jsx("span",{className:"text-sm text-gray-500",children:d})},enableHiding:!0},{accessorKey:"Actions",header:()=>k("toogle.Actions"),cell:({row:a})=>e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(`/user-management/web-management/Vision/ViewVision/${a.original.id}`),children:e.jsx(Ce,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(`/user-management/web-management/Vision/EditVision/${a.original.id}`),children:e.jsx(Z,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(a.original.id),children:e.jsx(J,{className:"h-4 w-4 text-destructive"})})]})}],ue={async createItem(r){return(await N.post("/vision",r,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItems(r){return(await N.get("/vision/list",{params:r,headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItem(r){return(await N.get(`/vision/${r}`)).data},async updateItem(r,t){const a={...t};return(await N.put(`/vision/${r}`,a)).data},async deleteItem(r){await N.delete(`/vision/${r}`)}},Ee=(r,t)=>{const a=X(),{data:s,isLoading:n,error:l}=L({queryKey:["Vision",t],queryFn:async()=>await ue.getItem(t||""),enabled:!!t}),{data:i,refetch:d}=L({queryKey:["Vision1",r],queryFn:async()=>await ue.getItems(r)}),x=T({mutationFn:async m=>{const o=await ue.createItem(m.data);if(!o.id)throw new Error("Failed to create Vision item");return o},onSuccess:()=>{a.invalidateQueries({queryKey:["Vision1",r]})}}),c=T({mutationFn:({id:m,data:o})=>ue.updateItem(m,o),onSuccess:()=>{a.invalidateQueries({queryKey:["Vision1",r]})}}),u=T({mutationFn:ue.deleteItem,onSuccess:()=>{a.invalidateQueries({queryKey:["Vision1",r]})}});return{items:i==null?void 0:i.items,singleItem:s,count:i==null?void 0:i.count,isLoading:n,error:l,createItem:x.mutateAsync,updateItem:c.mutateAsync,deleteItem:u.mutateAsync,isCreating:x.isPending,isUpdating:c.isPending,isDeleting:u.isPending,refetch:d}},Bt=()=>{const[r,t]=b.useState(0),a=M(),s=10,{t:n}=z(),l=b.useMemo(()=>({skip:r*s,take:s,orderBy:"createdAt:DESC"}),[r]),{items:i,refetch:d,deleteItem:x,error:c,isLoading:u,count:m}=Ee(l),o=g=>{t(g)};return e.jsxs("div",{className:"flex flex-col h-full w-full p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 border-b pb-3 border-gray-200 dark:border-gray-700",children:[e.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:n("Vision")}),e.jsx(W,{to:"/user-management/web-Management/Vision/AddVision",children:e.jsxs(w,{variant:"addRecordBtn",className:"flex items-center gap-1 bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg transition-all",children:[e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{children:n("addVision")})]})})]}),e.jsxs("div",{className:"flex-1 overflow-auto",children:[u&&e.jsx("div",{className:"flex justify-center items-center h-48",children:e.jsx(ae,{})}),c&&e.jsx("p",{className:"text-center text-red-500 text-sm mt-4",children:n("userRecord.Error loading records.")}),!u&&!c&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{columns:Ot({navigate:a,onDelete:x}),data:i||[],tableName:"Visions",toolBarPosition:"right",extraToolbar:e.jsx("div",{className:"flex gap-2"}),itemCount:m||2,pageIndex:r,onPageChange:o,nextFunction:()=>o(r+1),prevFunction:()=>o(Math.max(r-1,0)),refresh:d})})]})]})},Ht=({navigate:r,onDelete:t})=>[{accessorKey:"title",header:()=>k("toogle.title"),cell:({row:a})=>{var l,i;const s=a.original,n=V.language;return n==="am"?e.jsx("span",{children:((l=s.name)==null?void 0:l.am)||"-"}):n==="en"?e.jsx("span",{children:((i=s.name)==null?void 0:i.en)||"-"}):e.jsx("span",{children:"-"})},enableHiding:!0},{accessorKey:"link",header:()=>k("toogle.link"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{children:s.link||"-"})},enableHiding:!0},{accessorKey:"status",header:()=>k("toogle.status"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${s.isActive?"bg-primary-100 text-primary-800":"bg-red-100 text-red-800"}`,children:s.isActive?"Active":"Inactive"})},enableHiding:!0},{accessorKey:"createdAt",header:()=>k("toogle.createdAt"),cell:({row:a})=>{const s=a.original,n=V.language,l=s==null?void 0:s.amharicCreatedAt,i=new Date(s.createdAt).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),d=n==="am"?l:i;return e.jsx("span",{className:"text-sm text-gray-500",children:d})},enableHiding:!0},{accessorKey:"Actions",header:()=>k("toogle.Actions"),cell:({row:a})=>e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(`/user-management/web-management/SocialMedia/EditSocialMedia/${a.original.id}`),children:e.jsx(Z,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(a.original.id),children:e.jsx(J,{className:"h-4 w-4 text-destructive"})})]})}],ge={async createItem(r){return(await N.post("/social-media",r,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItems(r){return(await N.get("/social-media/list",{params:r,headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItem(r){return(await N.get(`/social-media/${r}`)).data},async updateItem(r,t){const a={...t};return(await N.put(`/social-media/${r}`,a)).data},async deleteItem(r){await N.delete(`/social-media/${r}`)}},Fe=(r,t)=>{const a=X(),{data:s,isLoading:n,error:l}=L({queryKey:["SocialMedia",t],queryFn:async()=>await ge.getItem(t||""),enabled:!!t}),{data:i,refetch:d}=L({queryKey:["SocialMedia1",r],queryFn:async()=>await ge.getItems(r)}),x=T({mutationFn:async m=>{const o=await ge.createItem(m.data);if(!o.id)throw new Error("Failed to create SocialMedia item");return o},onSuccess:()=>{a.invalidateQueries({queryKey:["SocialMedia1",r]})}}),c=T({mutationFn:({id:m,data:o})=>ge.updateItem(m,o),onSuccess:()=>{a.invalidateQueries({queryKey:["SocialMedia1",r]})}}),u=T({mutationFn:ge.deleteItem,onSuccess:()=>{a.invalidateQueries({queryKey:["SocialMedia1",r]})}});return{items:i==null?void 0:i.items,singleItem:s,count:i==null?void 0:i.count,isLoading:n,error:l,createItem:x.mutateAsync,updateItem:c.mutateAsync,deleteItem:u.mutateAsync,isCreating:x.isPending,isUpdating:c.isPending,isDeleting:u.isPending,refetch:d}},_t=()=>{const[r,t]=b.useState(0),a=M(),s=10,{t:n}=z(),l=b.useMemo(()=>({skip:r*s,take:s,orderBy:"createdAt:DESC"}),[r]),{items:i,refetch:d,deleteItem:x,error:c,isLoading:u,count:m}=Fe(l),o=g=>{t(g)};return e.jsxs("div",{className:"flex flex-col h-full w-full p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 border-b pb-3 border-gray-200 dark:border-gray-700",children:[e.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:n("socialMedia")}),e.jsx(W,{to:"/user-management/web-Management/SocialMedia/AddSocialMedia",children:e.jsxs(w,{variant:"addRecordBtn",className:"flex items-center gap-1 bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg transition-all",children:[e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{children:n("addSocialMedia")})]})})]}),e.jsxs("div",{className:"flex-1 overflow-auto",children:[u&&e.jsx("div",{className:"flex justify-center items-center h-48",children:e.jsx(ae,{})}),c&&e.jsx("p",{className:"text-center text-red-500 text-sm mt-4",children:n("userRecord.Error loading records.")}),!u&&!c&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{columns:Ht({navigate:a,onDelete:x}),data:i||[],tableName:"SocialMedias",toolBarPosition:"right",extraToolbar:e.jsx("div",{className:"flex gap-2"}),itemCount:m||2,pageIndex:r,onPageChange:o,nextFunction:()=>o(r+1),prevFunction:()=>o(Math.max(r-1,0)),refresh:d})})]})]})};function U({label:r,error:t,containerClassName:a,className:s,...n}){return e.jsxs("div",{className:K("space-y-2",a),children:[r&&e.jsx(I,{htmlFor:n.id,className:"dark:text-gray-300",children:r}),e.jsx(mt,{className:K(t&&"border-destructive",s,"dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500"),...n}),t&&e.jsx("p",{className:"text-xs text-destructive mt-1",children:t})]})}function re({idAm:r,idEn:t,label:a,error:s,register:n,errors:l}){var i,d;return e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-blue-500 mr-2 rounded-full"}),a]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(I,{htmlFor:"messageTitleAm",className:"text-gray-700 dark:text-gray-300",children:[a," Amharic*"]}),e.jsx(U,{id:r,...n(r,{required:s}),error:(i=l.idAm)==null?void 0:i.message,placeholder:"message title"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(I,{htmlFor:t,className:"text-gray-700 dark:text-gray-300",children:[a," (English)*"]}),e.jsx(U,{id:t,...n(t,{required:s}),error:(d=l.idEn)==null?void 0:d.message,placeholder:"Message Title"})]})]})]})}function Re({id:r,type:t,label:a,error:s,register:n,errors:l}){return e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-purple-500 mr-2 rounded-full"}),a]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{id:r,type:t,...n(r,{required:s}),placeholder:a}),l.link&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:l.id.message})]})]})}function fe({idAm:r,idEn:t,label:a,error:s,register:n,errors:l}){return e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-purple-500 mr-2 rounded-full"}),a]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(I,{htmlFor:"messageContentAm",className:"text-gray-700 dark:text-gray-300",children:[a,"Amharic*"]}),e.jsx(de,{id:r,...n(r,{required:s}),rows:4,placeholder:"content",className:"min-h-[120px] dark:bg-gray-600 dark:text-gray-200"}),l.idAm&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:l.idAm.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(I,{htmlFor:"messageContentEn",className:"text-gray-700 dark:text-gray-300",children:[a,"English*"]}),e.jsx(de,{id:t,...n(t,{required:s}),rows:4,placeholder:"content",className:"min-h-[120px] dark:bg-gray-600 dark:text-gray-200"}),l.idEn&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:l.idEn.message})]})]})]})}function ne({idAm:r,label:t,watch:a,setValue:s}){const n=a(r)??!1;return e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-primary-500 mr-2 rounded-full"}),t]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(I,{htmlFor:r,className:"text-gray-700 dark:text-gray-300 font-medium",children:"Is Active"}),e.jsx("button",{type:"button",onClick:()=>s(r,!a(r)),className:`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${n?"bg-primary-500":"bg-gray-300 dark:bg-gray-500"}`,children:e.jsx("span",{className:`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${n?"translate-x-6":"translate-x-1"}`})})]})]})}const Te=({title:r,children:t})=>e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-blue-500 mr-2 rounded-full"}),r]}),t]}),Qt=({children:r})=>e.jsx("div",{className:"space-y-2",children:r}),Xt=({children:r})=>e.jsx("p",{className:"text-xs text-red-500 mt-1",children:r}),Me=({label:r,preview:t,existingName:a,register:s,error:n,onView:l,id:i,isRequired:d=!1})=>e.jsxs(Qt,{children:[e.jsxs(I,{className:"text-gray-700 dark:text-gray-300 block mb-2",children:[r," ",d&&"*"]}),t&&e.jsxs("div",{className:"mb-3 flex items-center justify-between bg-blue-50 dark:bg-blue-900/30 p-3 rounded-lg",children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx(pe,{className:"h-5 w-5 text-blue-500 dark:text-blue-400 mr-2"}),e.jsx("span",{className:"text-sm font-medium truncate max-w-[200px] dark:text-gray-200",children:a||"Selected Image"})]}),e.jsx(w,{type:"button",variant:"ghost",size:"sm",onClick:l,className:"text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300",children:"Preview"})]}),e.jsx("div",{children:e.jsx(U,{id:i,type:"file",accept:"image/*",...s,error:n})}),n&&e.jsx(Xt,{children:n})]});function Wt({idAm:r,label:t,error:a,register:s,errors:n,watch:l}){const i=(l==null?void 0:l(r))??"#000000";return e.jsxs("div",{className:"space-y-2",children:[e.jsxs(I,{htmlFor:"color",className:"text-gray-700 dark:text-gray-300",children:[t,"*"]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("input",{id:r,type:"color",...s(r,{required:a}),className:"h-10 w-16 cursor-pointer border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700"}),e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400 font-mono",children:i})]}),n.color&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:n.color.message})]})}function Ae({id:r,item:t,label:a,error:s,register:n,control:l,errors:i}){return e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-primary-500 mr-2 rounded-full"}),"Select Type"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"id",className:"text-gray-700 dark:text-gray-300 font-medium",children:a}),e.jsx(pt,{name:r||"",control:l,rules:{required:"message type is required"},render:({field:d})=>e.jsxs(yt,{onValueChange:d.onChange,value:d.value,children:[e.jsx(bt,{className:"w-full dark:bg-gray-600 dark:text-gray-200 dark:border-gray-500",children:e.jsx(ft,{placeholder:"Select type"})}),e.jsx(wt,{className:"dark:bg-gray-700 dark:border-gray-600",children:t?.map(x=>e.jsx(jt,{value:x.value,className:"dark:text-gray-200 dark:hover:bg-gray-600",children:x.label},x.value))})]})}),i.type&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:i.type.message})]})]})}const Qe=({handleSubmit:r,handleCancel:t,watch:a,control:s,setValue:n,register:l,errors:i,isSubmitting:d,reset:x,item:c,label:u})=>{var p,y,h;const m=(p=a("image"))==null?void 0:p[0],[o,g]=b.useState((c==null?void 0:c.presigned)||"");return b.useEffect(()=>{c!=null&&c.presigned&&g(c.presigned)},[c]),b.useEffect(()=>{if(m){const f=URL.createObjectURL(m);return g(f),()=>URL.revokeObjectURL(f)}},[m]),e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:r,className:"space-y-8",children:[e.jsx(re,{idEn:"GoalTitleEn",idAm:"GoalTitleAm",label:"Title",error:"Title is Required",errors:i,register:l}),e.jsx(fe,{idAm:"GoalDescriptionAm",idEn:"GoalDescriptionEn",label:"Description",error:"Description is Required",errors:i,register:l}),e.jsx(ne,{idAm:"isActive",label:"Status",watch:a,setValue:n}),e.jsx(Te,{title:"Image",children:e.jsx(Me,{label:"Experience Image*",preview:o,existingName:(y=c==null?void 0:c.fileInfo)==null?void 0:y.originalname,register:l("image"),error:(h=i.image)==null?void 0:h.message,onView:()=>window.open(o,"_blank"),id:"image",isRequired:!1})}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:t,type:"button",disabled:d,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:d,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:d?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"..."]}):u})]})]})})},Yt=()=>{const{register:r,handleSubmit:t,formState:{errors:a},watch:s,control:n,setValue:l}=F({defaultValues:{GoalTitleEn:"",GoalTitleAm:"",GoalDescriptionAm:"",GoalDescriptionEn:"",isActive:!1}}),i=M(),{createItem:d}=Ie(),[x,c]=b.useState(!1),u=async o=>{var g;c(!0);try{const p=(g=o.image)==null?void 0:g[0];if(!p)throw new Error("images are required");const y={goalTitle:{am:o.GoalTitleAm||"",en:o.GoalTitleEn||""},goalDescription:{am:o.GoalDescriptionEn||"",en:o.GoalDescriptionEn||""},fileInfo:{fileName:p.name,contentType:p.type,size:p.size,originalname:p.name},isActive:o.isActive};await d({data:y,imageFile:p}),C.success(" created successfully"),i(-1)}catch{C.error("Failed to create Goal"),c(!1)}finally{c(!1)}},m=()=>{i(-1)};return e.jsx(Qe,{handleSubmit:t(u),handleCancel:m,watch:s,setValue:l,control:n,register:r,errors:a,isSubmitting:x,label:"Add Goal"})},Xe=({handleSubmit:r,handleCancel:t,watch:a,control:s,setValue:n,register:l,errors:i,isSubmitting:d,reset:x,item:c,label:u})=>e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:r,className:"space-y-8",children:[e.jsx(re,{idEn:"VisionTitleEn",idAm:"VisionTitleAm",label:"Title",error:"Title is Required",errors:i,register:l}),e.jsx(fe,{idAm:"VisionDescriptionAm",idEn:"VisionDescriptionEn",label:"Description",error:"Description is Required",errors:i,register:l}),e.jsx(ne,{idAm:"isActive",label:"Status",watch:a,setValue:n}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:t,type:"button",disabled:d,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:d,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:d?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"..."]}):u})]})]})}),Jt=()=>{const{register:r,handleSubmit:t,formState:{errors:a},watch:s,control:n,setValue:l}=F({defaultValues:{visionTitleEn:"",visionTitleAm:"",visionDescriptionAm:"",visionDescriptionEn:"",isActive:!1}}),i=M(),{createItem:d}=Ee(),[x,c]=b.useState(!1),u=async o=>{c(!0);try{const g={visionTitle:{am:o.visionTitleAm||"",en:o.visionTitleEn||""},visionDescription:{am:o.visionDescriptionAm||"",en:o.visionDescriptionEn||""},isActive:o.isActive};await d({data:g}),C.success(" created successfully"),i(-1)}catch{C.error("Failed to create Vision"),c(!1)}finally{c(!1)}},m=()=>{i(-1)};return e.jsx(Xe,{handleSubmit:t(u),handleCancel:m,watch:s,setValue:l,control:n,register:r,errors:a,isSubmitting:x,label:"Add Vision"})},Zt=({onDelete:r,navigate:t})=>[{accessorKey:"title",header:()=>k("toogle.title"),cell:({row:a})=>{var i,d;const s=a.original,l=V.language==="am"?(i=s.title)==null?void 0:i.am:(d=s.title)==null?void 0:d.en;return e.jsx("span",{className:"font-medium",children:l||"-"})},enableHiding:!0},{accessorKey:"category",header:()=>k("toogle.category"),cell:({row:a})=>{var i,d,x,c;const s=a.original,l=V.language==="am"?(d=(i=s.newsCategory)==null?void 0:i.newsCategoryTitle)==null?void 0:d.am:(c=(x=s.newsCategory)==null?void 0:x.newsCategoryTitle)==null?void 0:c.en;return e.jsx("span",{className:"text-sm text-blue-600 bg-blue-50 px-2 py-1 rounded-full",children:l||"No Category"})},enableHiding:!0},{accessorKey:"featured",header:()=>k("toogle.featured"),cell:({row:a})=>{const s=a.original;return e.jsx("div",{className:"flex items-center justify-center",children:s.isFeatured?e.jsx($e,{className:"h-4 w-4 text-yellow-500 fill-current"}):e.jsx($e,{className:"h-4 w-4 text-gray-300"})})},enableHiding:!0},{accessorKey:"status",header:()=>k("toogle.status"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${s.isActive?"bg-primary-100 text-primary-800":"bg-red-100 text-red-800"}`,children:s.isActive?"Active":"Inactive"})},enableHiding:!0},{accessorKey:"createdAt",header:()=>k("toogle.createdAt"),cell:({row:a})=>{const s=a.original,n=V.language,l=s==null?void 0:s.amharicCreatedAt,i=new Date(s.createdAt).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),d=n==="am"?l:i;return e.jsx("span",{className:"text-sm text-gray-500",children:d})},enableHiding:!0},{accessorKey:"Actions",header:()=>k("toogle.Actions"),cell:({row:a})=>e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(`/user-management/web-management/News/EditNews/${a.original.id}`),title:"Edit",children:e.jsx(Z,{className:"h-4 w-4"})}),r&&e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(a.original.id),title:"Delete",children:e.jsx(J,{className:"h-4 w-4 text-destructive"})})]})}],ve=r=>({...r,title:r.title||{am:"",en:""},subTitle:r.subTitle||{am:"",en:""},body:r.body||{am:"",en:""}}),H={async createItem(r){const t=await N.post("/news",r,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}});return ve(t.data)},async getItems(r){var a;const t=await N.get("/news/list-with-presigned",{params:r,headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}});return{...t.data,items:((a=t.data.items)==null?void 0:a?.map(ve))||[]}},async getItem(r){var s;const t=await N.get("/news/list-with-presigned",{params:{id:r},headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}}),a=((s=t.data.items)==null?void 0:s[0])||t.data;return ve(a)},async updateItem(r,t){const a={...t},s=await N.put(`/news/${r}`,a,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}});return ve(s.data)},async deleteItem(r){await N.delete(`/news/${r}`,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})},async uploadImage(r,t){var s,n,l,i;if(!t)throw new Error("Upload URL is undefined.");const a=await He.validateFileForUpload(r,{allowedMimeTypes:["image/png","image/jpeg","image/gif","image/webp"],allowedExtensions:[".png",".jpg",".jpeg",".gif",".webp"],maxSizeMB:10,uploadContext:"signature"});if(!a.isValid)throw new Error(((s=a.clientValidation.fileName)==null?void 0:s.error)||((n=a.clientValidation.extension)==null?void 0:n.error)||((l=a.clientValidation.mimeType)==null?void 0:l.error)||((i=a.clientValidation.size)==null?void 0:i.error)||"File validation failed");return be.put(t,r,{headers:{"Content-Type":r.type}})},async updateUploadStatus(r,t){await N.patch(`/news/${r}/upload-status`,{uploadedSuccessfully:t},{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})}},Pe=(r,t)=>{const a=X(),{data:s,isLoading:n,error:l,refetch:i}=L({queryKey:["News",t],queryFn:async()=>await H.getItem(t||""),enabled:!!t}),{data:d,refetch:x}=L({queryKey:["News1",r],queryFn:async()=>await H.getItems(r)}),c=T({mutationFn:async o=>{const g=await H.createItem(o.data);if(!g.id)throw new Error("Failed to create News item");try{await H.uploadImage(o.imageFile,g.presigned)}catch(p){throw await H.deleteItem(g.id),p}return await H.updateUploadStatus(g.id,!0),g},onSuccess:()=>{a.invalidateQueries({queryKey:["News",r]}),a.invalidateQueries({queryKey:["News1",r]})}}),u=T({mutationFn:async({id:o,data:g,imageFile:p})=>{const y=await H.updateItem(o,g);if(p&&y.presigned){try{await H.uploadImage(p,y.presigned)}catch(h){throw h}await H.updateUploadStatus(o,!0)}return y},onSuccess:()=>{a.invalidateQueries({queryKey:["News",r]}),a.invalidateQueries({queryKey:["News1",r]})}}),m=T({mutationFn:H.deleteItem,onSuccess:()=>{a.invalidateQueries({queryKey:["News",r]}),a.invalidateQueries({queryKey:["News1",r]})}});return{items:d==null?void 0:d.items,singleItem:s,count:d==null?void 0:d.count,isLoading:n,error:l,createItem:c.mutateAsync,updateItem:u.mutateAsync,deleteItem:m.mutateAsync,isCreating:c.isPending,isUpdating:u.isPending,isDeleting:m.isPending,refetch:x}},ea=()=>{const[r,t]=b.useState(0),[a,s]=b.useState(null),n=10,{t:l}=z(),i=M(),d=b.useMemo(()=>({skip:r*n,take:n,orderBy:"createdAt:DESC"}),[r]),{items:x,refetch:c,deleteItem:u,error:m,isLoading:o,count:g}=Pe(d),p=j=>{t(j)},y=async j=>{s(j)},h=async()=>{if(a)try{await u(a),C.success("News deleted successfully"),c()}catch{C.error("Failed to delete news")}finally{s(null)}},f=()=>{s(null)};return e.jsxs("div",{className:"flex flex-col h-full w-full p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 border-b pb-3 border-gray-200 dark:border-gray-700",children:[e.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:l("nav.news")}),e.jsx(W,{to:"/user-management/web-Management/News/AddNews",children:e.jsxs(w,{variant:"addRecordBtn",className:"flex items-center gap-1 bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg transition-all",children:[e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{children:l("addNews")})]})})]}),e.jsxs("div",{className:"flex-1 overflow-auto",children:[o&&e.jsx("div",{className:"flex justify-center items-center h-48",children:e.jsx(ae,{})}),m&&e.jsx("p",{className:"text-center text-red-500 text-sm mt-4",children:l("userRecord.Error loading records.")}),!o&&!m&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{columns:Zt({navigate:i,onDelete:y}),data:x||[],tableName:"News",toolBarPosition:"right",extraToolbar:e.jsx("div",{className:"flex gap-2"}),itemCount:g||0,pageIndex:r,onPageChange:p,nextFunction:()=>p(r+1),prevFunction:()=>p(Math.max(r-1,0)),refresh:c})})]}),a&&e.jsx("div",{className:"fixed inset-0 bg-black/50 dark:bg-black/70 flex items-center justify-center z-50",children:e.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4",children:"Confirm Delete"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:"Are you sure you want to delete this news? This action cannot be undone."}),e.jsxs("div",{className:"flex justify-end gap-3",children:[e.jsx(w,{variant:"outline",onClick:f,className:"px-4 py-2 dark:border-gray-600 dark:text-gray-200",children:"Cancel"}),e.jsx(w,{onClick:h,className:"px-4 py-2 bg-red-600 hover:bg-red-700 text-white",children:"Delete"})]})]})})]})},ta=({navigate:r,onDelete:t})=>[{accessorKey:"title",header:()=>k("toogle.title"),cell:({row:a})=>{var l,i;const s=a.original,n=V.language;return n==="am"?e.jsx("span",{children:((l=s.name)==null?void 0:l.am)||"-"}):n==="en"?e.jsx("span",{children:((i=s.name)==null?void 0:i.en)||"-"}):e.jsx("span",{children:"-"})},enableHiding:!0},{accessorKey:"link",header:()=>k("toogle.link"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{children:s.value||"-"})},enableHiding:!0},{accessorKey:"status",header:()=>k("toogle.status"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${s.isActive?"bg-primary-100 text-primary-800":"bg-red-100 text-red-800"}`,children:s.isActive?"Active":"Inactive"})},enableHiding:!0},{accessorKey:"createdAt",header:()=>k("toogle.createdAt"),cell:({row:a})=>{const s=a.original,n=V.language,l=s==null?void 0:s.amharicCreatedAt,i=new Date(s.createdAt).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),d=n==="am"?l:i;return e.jsx("span",{className:"text-sm text-gray-500",children:d})},enableHiding:!0},{accessorKey:"Actions",header:()=>k("toogle.Actions"),cell:({row:a})=>e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(`/user-management/web-management/ContactUs/EditContactUs/${a.original.id}`),children:e.jsx(Z,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(a.original.id),children:e.jsx(J,{className:"h-4 w-4 text-destructive"})})]})}],xe={async createItem(r){return(await N.post("/contact-us",r,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItems(r){return(await N.get("/contact-us/list",{params:r,headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItem(r){return(await N.get(`/contact-us/${r}`)).data},async updateItem(r,t){const a={...t};return(await N.put(`/contact-us/${r}`,a)).data},async deleteItem(r){await N.delete(`/contact-us/${r}`)}},Ue=(r,t)=>{const a=X(),{data:s,isLoading:n,error:l}=L({queryKey:["ContactUs",t],queryFn:async()=>await xe.getItem(t||""),enabled:!!t}),{data:i,refetch:d}=L({queryKey:["ContactUs1",r],queryFn:async()=>await xe.getItems(r)}),x=T({mutationFn:async m=>{const o=await xe.createItem(m.data);if(!o.id)throw new Error("Failed to create ContactUs item");return o},onSuccess:()=>{a.invalidateQueries({queryKey:["ContactUs1",r]})}}),c=T({mutationFn:({id:m,data:o})=>xe.updateItem(m,o),onSuccess:()=>{a.invalidateQueries({queryKey:["ContactUs1",r]})}}),u=T({mutationFn:xe.deleteItem,onSuccess:()=>{a.invalidateQueries({queryKey:["ContactUs1",r]})}});return{items:i==null?void 0:i.items,singleItem:s,count:i==null?void 0:i.count,isLoading:n,error:l,createItem:x.mutateAsync,updateItem:c.mutateAsync,deleteItem:u.mutateAsync,isCreating:x.isPending,isUpdating:c.isPending,isDeleting:u.isPending,refetch:d}},aa=()=>{const[r,t]=b.useState(0),a=M(),s=10,{t:n}=z(),i={isActive:!0,...{skip:r*s,take:s,orderBy:"createdAt:DESC"}},{items:d,refetch:x,deleteItem:c,error:u,isLoading:m,count:o}=Ue(i),g=p=>{t(p)};return e.jsxs("div",{className:"flex flex-col h-full w-full p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 border-b pb-3 border-gray-200 dark:border-gray-700",children:[e.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:n("contactUs")}),e.jsx(W,{to:"/user-management/web-Management/ContactUs/AddContactUs",children:e.jsxs(w,{variant:"addRecordBtn",className:"flex items-center gap-1 bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg transition-all",children:[e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{children:n("addContactUs")})]})})]}),e.jsxs("div",{className:"flex-1 overflow-auto",children:[m&&e.jsx("div",{className:"flex justify-center items-center h-48",children:e.jsx(ae,{})}),u&&e.jsx("p",{className:"text-center text-red-500 text-sm mt-4",children:n("userRecord.Error loading records.")}),!m&&!u&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{columns:ta({navigate:a,onDelete:c}),data:d||[],tableName:"ContactUs",toolBarPosition:"right",extraToolbar:e.jsx("div",{className:"flex gap-2"}),itemCount:o||2,pageIndex:r,onPageChange:g,nextFunction:()=>g(r+1),prevFunction:()=>g(Math.max(r-1,0)),refresh:x})})]})]})},sa=({navigate:r,onDelete:t})=>[{accessorKey:"title",header:()=>k("toogle.title"),cell:({row:a})=>{var l,i;const s=a.original,n=V.language;return n==="am"?e.jsx("span",{children:((l=s.label)==null?void 0:l.am)||"-"}):n==="en"?e.jsx("span",{children:((i=s.label)==null?void 0:i.en)||"-"}):e.jsx("span",{children:"-"})},enableHiding:!0},{accessorKey:"description",header:()=>k("toogle.description"),cell:({row:a})=>{var i,d;const s=a.original,l=V.language==="am"?(i=s.description)==null?void 0:i.am:(d=s.description)==null?void 0:d.en;return e.jsx("span",{className:"text-sm text-gray-600 max-w-xs truncate block",children:l||"-"})},enableHiding:!0},{accessorKey:"link",header:()=>k("toogle.link"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{children:s.link||"-"})},enableHiding:!0},{accessorKey:"status",header:()=>k("toogle.status"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${s.isActive?"bg-primary-100 text-primary-800":"bg-red-100 text-red-800"}`,children:s.isActive?"Active":"Inactive"})},enableHiding:!0},{accessorKey:"createdAt",header:()=>k("toogle.createdAt"),cell:({row:a})=>{const s=a.original,n=V.language,l=s==null?void 0:s.amharicCreatedAt,i=new Date(s.createdAt).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),d=n==="am"?l:i;return e.jsx("span",{className:"text-sm text-gray-500",children:d})},enableHiding:!0},{accessorKey:"Actions",header:()=>k("toogle.Actions"),cell:({row:a})=>e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(`/user-management/web-management/Modules/EditModules/${a.original.id}`),children:e.jsx(Z,{className:"h-4 w-4"})}),e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(a.original.id),children:e.jsx(J,{className:"h-4 w-4 text-destructive"})})]})}],he={async createItem(r){return(await N.post("/link",r,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItems(r){return(await N.get("/link/list",{params:r,headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItem(r){return(await N.get(`/link/${r}`)).data},async updateItem(r,t){const a={...t};return(await N.put(`/link/${r}`,a)).data},async deleteItem(r){await N.delete(`/link/${r}`)}},De=(r,t)=>{const a=X(),{data:s,isLoading:n,error:l}=L({queryKey:["Modules",t],queryFn:async()=>await he.getItem(t||""),enabled:!!t}),{data:i,refetch:d}=L({queryKey:["Modules1",r],queryFn:async()=>await he.getItems(r)}),x=T({mutationFn:async m=>{const o=await he.createItem(m.data);if(!o.id)throw new Error("Failed to create Modules item");return o},onSuccess:()=>{a.invalidateQueries({queryKey:["Modules1",r]})}}),c=T({mutationFn:({id:m,data:o})=>he.updateItem(m,o),onSuccess:()=>{a.invalidateQueries({queryKey:["Modules1",r]})}}),u=T({mutationFn:he.deleteItem,onSuccess:()=>{a.invalidateQueries({queryKey:["Modules1",r]})}});return{items:i==null?void 0:i.items,singleItem:s,count:i==null?void 0:i.count,isLoading:n,error:l,createItem:x.mutateAsync,updateItem:c.mutateAsync,deleteItem:u.mutateAsync,isCreating:x.isPending,isUpdating:c.isPending,isDeleting:u.isPending,refetch:d}},ra=()=>{const[r,t]=b.useState(0),a=M(),s=10,{t:n}=z(),l=b.useMemo(()=>({skip:r*s,take:s,orderBy:"createdAt:DESC"}),[r]),{items:i,refetch:d,deleteItem:x,error:c,isLoading:u,count:m}=De(l),o=g=>{t(g)};return e.jsxs("div",{className:"flex flex-col h-full w-full p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 border-b pb-3 border-gray-200 dark:border-gray-700",children:[e.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:n("modules")}),e.jsx(W,{to:"/user-management/web-Management/Modules/AddModules",children:e.jsxs(w,{variant:"addRecordBtn",className:"flex items-center gap-1 bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg transition-all",children:[e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{children:n("addModules")})]})})]}),e.jsxs("div",{className:"flex-1 overflow-auto",children:[u&&e.jsx("div",{className:"flex justify-center items-center h-48",children:e.jsx(ae,{})}),c&&e.jsx("p",{className:"text-center text-red-500 text-sm mt-4",children:n("userRecord.Error loading records.")}),!u&&!c&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{columns:sa({navigate:a,onDelete:x}),data:i||[],tableName:"Moduless",toolBarPosition:"right",extraToolbar:e.jsx("div",{className:"flex gap-2"}),itemCount:m||2,pageIndex:r,onPageChange:o,nextFunction:()=>o(r+1),prevFunction:()=>o(Math.max(r-1,0)),refresh:d})})]})]})},na=({onDelete:r,navigate:t})=>[{accessorKey:"image",header:()=>k("toogle.image"),cell:({row:a})=>{const s=a.original;return s.presigned?e.jsx("img",{src:s.presigned,alt:"Category",className:"w-12 h-12 object-cover rounded-md"}):e.jsx("div",{className:"w-12 h-12 bg-gray-200 rounded-md flex items-center justify-center",children:e.jsx("span",{className:"text-xs text-gray-500",children:"No Image"})})},enableHiding:!0},{accessorKey:"title",header:()=>k("toogle.title"),cell:({row:a})=>{var i,d;const s=a.original,l=V.language==="am"?(i=s.newsCategoryTitle)==null?void 0:i.am:(d=s.newsCategoryTitle)==null?void 0:d.en;return e.jsx("span",{className:"font-medium",children:l||"-"})},enableHiding:!0},{accessorKey:"description",header:()=>k("toogle.description"),cell:({row:a})=>{var i,d;const s=a.original,l=V.language==="am"?(i=s.newsCategoryDescription)==null?void 0:i.am:(d=s.newsCategoryDescription)==null?void 0:d.en;return e.jsx("span",{className:"text-sm text-gray-600 max-w-xs truncate block",children:l||"-"})},enableHiding:!0},{accessorKey:"color",header:()=>k("toogle.color"),cell:({row:a})=>{const s=a.original;return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full border border-gray-300",style:{backgroundColor:s.color||"#007BFF"}}),e.jsx("span",{className:"text-xs font-mono",children:s.color||"#007BFF"})]})},enableHiding:!0},{accessorKey:"status",header:()=>k("toogle.status"),cell:({row:a})=>{const s=a.original;return e.jsx("span",{className:`px-2 py-1 rounded-full text-xs font-medium ${s.isActive?"bg-primary-100 text-primary-800":"bg-red-100 text-red-800"}`,children:s.isActive?"Active":"Inactive"})},enableHiding:!0},{accessorKey:"createdAt",header:()=>k("toogle.createdAt"),cell:({row:a})=>{const s=a.original,n=V.language,l=s==null?void 0:s.amharicCreatedAt,i=new Date(s.createdAt).toLocaleString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}),d=n==="am"?l:i;return e.jsx("span",{className:"text-sm text-gray-500",children:d})},enableHiding:!0},{accessorKey:"Actions",header:()=>k("toogle.Actions"),cell:({row:a})=>e.jsxs("div",{className:"flex space-x-2",children:[e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>t(`/user-management/web-management/Category/EditCategory/${a.original.id}`),title:"Edit",children:e.jsx(Z,{className:"h-4 w-4"})}),r&&e.jsx(w,{variant:"ghost",size:"icon",onClick:()=>r(a.original.id),title:"Delete",children:e.jsx(J,{className:"h-4 w-4 text-destructive"})})]})}],Ne=r=>({...r,NewsCategoryTitle:r.NewsCategoryTitle||r.newsCategoryTitle||{am:"",en:""},NewsCategoryDescription:r.NewsCategoryDescription||r.newsCategoryDescription||{am:"",en:""}}),_={async createItem(r){const t=await N.post("/news-category",r,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}});return Ne(t.data)},async getItems(r){var a;const t=await N.get("/news-category/list-with-presigned",{params:r,headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}});return{...t.data,items:((a=t.data.items)==null?void 0:a?.map(Ne))||[]}},async getItem(r){return(await N.get(`/news-category/${r}`,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async updateItem(r,t){const a={...t},s=await N.put(`/news-category/${r}`,a,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}});return Ne(s.data)},async deleteItem(r){await N.delete(`/news-category/${r}`,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})},async changeStatus(r){const t=await N.put(`/news-category/change-status/${r}`,{isCurrent:!0},{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}});return Ne(t.data)},async uploadImage(r,t){if(!t)throw new Error("Upload URL is undefined.");return be.put(t,r,{headers:{"Content-Type":r.type}})},async updateUploadStatus(r,t){await N.patch(`/news-category/${r}/upload-status`,{uploadedSuccessfully:t},{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})}},we=(r,t)=>{const a=X(),{data:s,isLoading:n,error:l,refetch:i}=L({queryKey:["NewsCategory",t],queryFn:async()=>await _.getItem(t||""),enabled:!!t}),{data:d,refetch:x}=L({queryKey:["NewsCategory1",r],queryFn:async()=>await _.getItems(r)}),c=T({mutationFn:async o=>{const g=await _.createItem(o.data);if(!g.id)throw new Error("Failed to create NewsCategory item");try{await _.uploadImage(o.imageFile,g.presigned)}catch(p){throw await _.deleteItem(g.id),p}return await _.updateUploadStatus(g.id,!0),g},onSuccess:()=>{a.invalidateQueries({queryKey:["NewsCategory",r]}),a.invalidateQueries({queryKey:["NewsCategory1",r]})}}),u=T({mutationFn:async({id:o,data:g,imageFile:p})=>{const y=await _.updateItem(o,g);if(p&&y.presigned){try{await _.uploadImage(p,y.presigned)}catch(h){throw h}await _.updateUploadStatus(o,!0)}return y},onSuccess:()=>{a.invalidateQueries({queryKey:["NewsCategory",r]}),a.invalidateQueries({queryKey:["NewsCategory1",r]})}}),m=T({mutationFn:_.deleteItem,onSuccess:()=>{a.invalidateQueries({queryKey:["NewsCategory",r]}),a.invalidateQueries({queryKey:["NewsCategory1",r]})}});return{items:d==null?void 0:d.items,singleItem:s,count:d==null?void 0:d.count,isLoading:n,error:l,createItem:c.mutateAsync,updateItem:u.mutateAsync,deleteItem:m.mutateAsync,isCreating:c.isPending,isUpdating:u.isPending,isDeleting:m.isPending,refetch:x}},ia=()=>{const[r,t]=b.useState(0),[a,s]=b.useState(null),n=M(),l=10,{t:i}=z(),d=b.useMemo(()=>({skip:r*l,take:l,orderBy:"createdAt:DESC"}),[r]),{items:x,refetch:c,deleteItem:u,error:m,isLoading:o,count:g}=we(d),p=j=>{t(j)},y=async j=>{s(j)},h=async()=>{if(a)try{await u(a),C.success("News category deleted successfully"),c()}catch{C.error("Failed to delete news category")}finally{s(null)}},f=()=>{s(null)};return e.jsxs("div",{className:"flex flex-col h-full w-full p-6 bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 border-b pb-3 border-gray-200 dark:border-gray-700",children:[e.jsx("h1",{className:"text-xl font-semibold text-gray-800 dark:text-gray-200",children:i("newsCategory")}),e.jsx(W,{to:"/user-management/web-Management/Category/AddCategory",children:e.jsxs(w,{variant:"addRecordBtn",className:"flex items-center gap-1 bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg transition-all",children:[e.jsx(ee,{className:"w-4 h-4"}),e.jsx("span",{children:i("addNewsCategory")})]})})]}),e.jsxs("div",{className:"flex-1 overflow-auto",children:[o&&e.jsx("div",{className:"flex justify-center items-center h-48",children:e.jsx(ae,{})}),m&&e.jsx("p",{className:"text-center text-red-500 text-sm mt-4",children:i("userRecord.Error loading records.")}),!o&&!m&&e.jsx("div",{className:"mt-2",children:e.jsx(te,{columns:na({navigate:n,onDelete:y}),data:x||[],tableName:"NewsCategorys",toolBarPosition:"right",extraToolbar:e.jsx("div",{className:"flex gap-2"}),itemCount:g||2,pageIndex:r,onPageChange:p,nextFunction:()=>p(r+1),prevFunction:()=>p(Math.max(r-1,0)),refresh:c})})]}),a&&e.jsx("div",{className:"fixed inset-0 bg-black/50 dark:bg-black/70 flex items-center justify-center z-50",children:e.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4",children:"Confirm Delete"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:"Are you sure you want to delete this news category? This action cannot be undone."}),e.jsxs("div",{className:"flex justify-end gap-3",children:[e.jsx(w,{variant:"outline",onClick:f,className:"px-4 py-2 dark:border-gray-600 dark:text-gray-200",children:"Cancel"}),e.jsx(w,{onClick:h,className:"px-4 py-2 bg-red-600 hover:bg-red-700 text-white",children:"Delete"})]})]})})]})},We=({handleSubmit:r,handleCancel:t,watch:a,control:s,setValue:n,register:l,errors:i,isSubmitting:d,reset:x,item:c,label:u})=>{var p,y,h;const m=(p=a("image"))==null?void 0:p[0],[o,g]=b.useState((c==null?void 0:c.presigned)||"");return b.useEffect(()=>{c!=null&&c.presigned&&g(c.presigned)},[c]),b.useEffect(()=>{if(m){const f=URL.createObjectURL(m);return g(f),()=>URL.revokeObjectURL(f)}},[m]),e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:r,className:"space-y-8",children:[e.jsx(re,{idEn:"NewsCategoryTitleEn",idAm:"NewsCategoryTitleAm",label:"Title",error:"Title is Required",errors:i,register:l}),e.jsx(fe,{idAm:"NewsCategoryDescriptionAm",idEn:"NewsCategoryDescriptionEn",label:"Description",error:"Description is Required",errors:i,register:l}),e.jsx(ne,{idAm:"isActive",label:"Status",watch:a,setValue:n}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-yellow-500 mr-2 rounded-full"}),"Appearance"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 items-center",children:[e.jsx(Wt,{idAm:"color",label:"Color",error:"Color is Required",errors:i,register:l,watch:a}),e.jsx("div",{className:"space-y-2",children:e.jsx(Te,{title:"Image",children:e.jsx(Me,{label:"Category Image",preview:o,existingName:(y=c==null?void 0:c.fileInfo)==null?void 0:y.originalname,register:l("image"),error:(h=i.image)==null?void 0:h.message,onView:()=>window.open(o,"_blank"),id:"image",isRequired:!1})})})]})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:t,type:"button",disabled:d,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:d,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:d?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"..."]}):u})]})]})})},la=()=>{const{register:r,handleSubmit:t,formState:{errors:a},watch:s,control:n,setValue:l}=F({defaultValues:{NewsCategoryTitleEn:"",NewsCategoryTitleAm:"",NewsCategoryDescriptionAm:"",NewsCategoryDescriptionEn:"",color:"",isActive:!1}}),i=M(),{createItem:d}=we(),[x,c]=b.useState(!1),u=async o=>{var g;c(!0);try{const p=(g=o.image)==null?void 0:g[0];if(!p)throw new Error("images are required");const y={newsCategoryTitle:{am:o.NewsCategoryTitleAm||"",en:o.NewsCategoryTitleEn||""},newsCategoryDescription:{am:o.NewsCategoryDescriptionAm||"",en:o.NewsCategoryDescriptionEn||""},fileInfo:{fileName:p.name,contentType:p.type,size:p.size,originalname:p.name},isActive:o.isActive,color:o.color||"#007BFF"};await d({data:y,imageFile:p}),C.success("News category created successfully"),i(-1)}catch{C.error("Failed to create NewsCategory"),c(!1)}finally{c(!1)}},m=()=>{i(-1)};return e.jsx(We,{handleSubmit:t(u),handleCancel:m,watch:s,setValue:l,control:n,register:r,errors:a,isSubmitting:x,label:"Add News Category"})},oa=()=>{const{id:r}=$(),{singleItem:t,updateItem:a}=we(void 0,r),[s,n]=b.useState(!1),l=M(),i=b.useMemo(()=>{var h,f,j,v;return{NewsCategoryTitleEn:((h=t==null?void 0:t.newsCategoryTitle)==null?void 0:h.en)||"",NewsCategoryTitleAm:((f=t==null?void 0:t.newsCategoryTitle)==null?void 0:f.am)||"",NewsCategoryDescriptionAm:((j=t==null?void 0:t.newsCategoryDescription)==null?void 0:j.am)||"",NewsCategoryDescriptionEn:((v=t==null?void 0:t.newsCategoryDescription)==null?void 0:v.en)||"",color:(t==null?void 0:t.color)||"#007BFF",isActive:(t==null?void 0:t.isActive)||!1,image:void 0}},[t]),{register:d,handleSubmit:x,watch:c,control:u,reset:m,setValue:o,formState:{errors:g}}=F({defaultValues:i});b.useEffect(()=>{t&&m(i)},[t,i,m]);const p=async h=>{var f;if(t){n(!0);try{const j=(f=h.image)==null?void 0:f[0],v={newsCategoryTitle:{am:h.NewsCategoryTitleAm||"",en:h.NewsCategoryTitleEn||""},newsCategoryDescription:{am:h.NewsCategoryDescriptionAm||"",en:h.NewsCategoryDescriptionEn||""},...j&&{fileInfo:{fileName:j.name,contentType:j.type,size:j.size,originalname:j.name}},isActive:h.isActive,color:h.color};await a({id:t.id,data:v,...j&&{imageFile:j}}),C.success("News category updated successfully"),l(-1)}catch{C.error("Failed to update news category"),n(!1)}}},y=()=>{l(-1)};return e.jsx(We,{handleSubmit:x(p),handleCancel:y,watch:c,setValue:o,control:u,register:d,errors:g,isSubmitting:s,label:"Edit NewsCategory",item:t})},da=()=>{var p,y,h,f,j;const{register:r,handleSubmit:t,formState:{errors:a},watch:s,setValue:n}=F({defaultValues:{titleEn:"",titleAm:"",subTitleAm:"",subTitleEn:"",bodyAm:"",bodyEn:"",newsCategoryId:"",isActive:!1,isFeatured:!1}}),l=M(),{createItem:i}=Pe(),[d,x]=b.useState(!1),u={isActive:!0,...{skip:0,take:100,orderBy:"createdAt:DESC"}},{items:m}=we(u),o=async v=>{var A;x(!0);try{const S=(A=v.image)==null?void 0:A[0];if(!S)throw new Error("Image is required");const R={newsCategoryId:v.newsCategoryId,title:{am:v.titleAm||"",en:v.titleEn||""},subTitle:{am:v.subTitleAm||"",en:v.subTitleEn||""},body:{am:v.bodyAm||"",en:v.bodyEn||""},fileInfo:{fileName:S.name,contentType:S.type,size:S.size,originalname:S.name},isActive:v.isActive,isFeatured:v.isFeatured};await i({data:R,imageFile:S}),C.success("News created successfully"),l("/user-management/web-Management/News/news")}catch{C.error("Failed to create news"),x(!1)}finally{x(!1)}},g=()=>{l(-1)};return e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:t(o),className:"space-y-8",children:[e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-blue-500 mr-2 rounded-full"}),"Category"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"newsCategoryId",className:"text-gray-700 dark:text-gray-300",children:"News Category*"}),e.jsxs("select",{id:"newsCategoryId",...r("newsCategoryId",{required:"Category is required"}),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500 dark:bg-gray-600 dark:text-gray-200",children:[e.jsx("option",{value:"",children:"Select a category"}),m==null?void 0:m?.map(v=>{var A;return e.jsx("option",{value:v.id,children:((A=v.newsCategoryTitle)==null?void 0:A.en)||"Unnamed Category"},v.id)})]}),a.newsCategoryId&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:a.newsCategoryId.message})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-blue-500 mr-2 rounded-full"}),"Title"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"titleAm",className:"text-gray-700 dark:text-gray-300",children:"Title (Amharic)*"}),e.jsx(U,{id:"titleAm",...r("titleAm",{required:"Required"}),error:(p=a.titleAm)==null?void 0:p.message,placeholder:"News title in Amharic"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"titleEn",className:"text-gray-700 dark:text-gray-300",children:"Title (English)*"}),e.jsx(U,{id:"titleEn",...r("titleEn",{required:"Required"}),error:(y=a.titleEn)==null?void 0:y.message,placeholder:"News title in English"})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-primary-500 mr-2 rounded-full"}),"Subtitle"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"subTitleAm",className:"text-gray-700 dark:text-gray-300",children:"Subtitle (Amharic)*"}),e.jsx(U,{id:"subTitleAm",...r("subTitleAm",{required:"Required"}),error:(h=a.subTitleAm)==null?void 0:h.message,placeholder:"News subtitle in Amharic"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"subTitleEn",className:"text-gray-700 dark:text-gray-300",children:"Subtitle (English)*"}),e.jsx(U,{id:"subTitleEn",...r("subTitleEn",{required:"Required"}),error:(f=a.subTitleEn)==null?void 0:f.message,placeholder:"News subtitle in English"})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-purple-500 mr-2 rounded-full"}),"Content"]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"bodyAm",className:"text-gray-700 dark:text-gray-300",children:"Content (Amharic)*"}),e.jsx(de,{id:"bodyAm",...r("bodyAm",{required:"Required"}),rows:6,placeholder:"News content in Amharic",className:"min-h-[150px] dark:bg-gray-600 dark:text-gray-200"}),a.bodyAm&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:a.bodyAm.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"bodyEn",className:"text-gray-700 dark:text-gray-300",children:"Content (English)*"}),e.jsx(de,{id:"bodyEn",...r("bodyEn",{required:"Required"}),rows:6,placeholder:"News content in English",className:"min-h-[150px] dark:bg-gray-600 dark:text-gray-200"}),a.bodyEn&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:a.bodyEn.message})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-orange-500 mr-2 rounded-full"}),"Settings"]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(I,{htmlFor:"isActive",className:"text-gray-700 dark:text-gray-300 font-medium",children:"Is Active"}),e.jsx("button",{type:"button",onClick:()=>n("isActive",!s("isActive")),className:`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${s("isActive")?"bg-primary-500":"bg-gray-300 dark:bg-gray-500"}`,children:e.jsx("span",{className:`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${s("isActive")?"translate-x-6":"translate-x-1"}`})})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(I,{htmlFor:"isFeatured",className:"text-gray-700 dark:text-gray-300 font-medium",children:"Is Featured"}),e.jsx("button",{type:"button",onClick:()=>n("isFeatured",!s("isFeatured")),className:`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${s("isFeatured")?"bg-yellow-500":"bg-gray-300 dark:bg-gray-500"}`,children:e.jsx("span",{className:`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${s("isFeatured")?"translate-x-6":"translate-x-1"}`})})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-yellow-500 mr-2 rounded-full"}),"Image"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"image",className:"text-gray-700 dark:text-gray-300",children:"News Image*"}),e.jsx(U,{id:"image",type:"file",accept:"image/*",...r("image",{required:"Image is required"}),error:(j=a.image)==null?void 0:j.message})]})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:g,type:"button",disabled:d,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:d,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:d?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"Creating..."]}):"Create News"})]})]})})},ca=()=>{var v,A,S,R,ce,me,G;const{id:r}=$(),{singleItem:t,updateItem:a}=Pe(void 0,r),[s,n]=b.useState(!1),l=M(),i=b.useMemo(()=>{var q,P,D,ie,le,je;return{titleEn:((q=t==null?void 0:t.title)==null?void 0:q.en)||"",titleAm:((P=t==null?void 0:t.title)==null?void 0:P.am)||"",subTitleAm:((D=t==null?void 0:t.subTitle)==null?void 0:D.am)||"",subTitleEn:((ie=t==null?void 0:t.subTitle)==null?void 0:ie.en)||"",bodyAm:((le=t==null?void 0:t.body)==null?void 0:le.am)||"",bodyEn:((je=t==null?void 0:t.body)==null?void 0:je.en)||"",newsCategoryId:(t==null?void 0:t.newsCategoryId)||"",isActive:(t==null?void 0:t.isActive)||!1,isFeatured:(t==null?void 0:t.isFeatured)||!1,image:void 0}},[t]),{register:d,handleSubmit:x,watch:c,setValue:u,reset:m,formState:{errors:o}}=F({defaultValues:i});b.useEffect(()=>{t&&m(i)},[t,i,m]);const g=(v=c("image"))==null?void 0:v[0],[p,y]=b.useState((t==null?void 0:t.presigned)||""),{items:h}=we();b.useEffect(()=>{if(g){const q=URL.createObjectURL(g);return y(q),()=>URL.revokeObjectURL(q)}},[g]);const f=({label:q,preview:P,existingName:D,register:ie,error:le,onView:je,id:tt,isRequired:at=!1})=>e.jsxs("div",{className:"space-y-2",children:[e.jsxs(I,{className:"text-gray-700 block mb-2",children:[q," ",at&&"*"]}),P&&e.jsxs("div",{className:"mb-3 flex items-center justify-between bg-blue-50 p-3 rounded-lg",children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx(pe,{className:"h-5 w-5 text-blue-500 mr-2"}),e.jsx("span",{className:"text-sm font-medium truncate max-w-[200px]",children:D||"Selected Image"})]}),e.jsx(w,{type:"button",variant:"ghost",size:"sm",onClick:je,className:"text-blue-600 hover:text-blue-800",children:"Preview"})]}),e.jsx("div",{children:e.jsx(U,{id:tt,type:"file",accept:"image/*",...ie,error:le})}),le&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:le})]}),j=async q=>{var P;if(t){n(!0);try{const D=(P=q.image)==null?void 0:P[0],ie={newsCategoryId:q.newsCategoryId,title:{am:q.titleAm||"",en:q.titleEn||""},subTitle:{am:q.subTitleAm||"",en:q.subTitleEn||""},body:{am:q.bodyAm||"",en:q.bodyEn||""},...D&&{fileInfo:{fileName:D.name,contentType:D.type,size:D.size,originalname:D.name}},isActive:q.isActive,isFeatured:q.isFeatured};await a({id:t.id,data:ie,...D&&{imageFile:D}}),C.success("News updated successfully"),l(-1)}catch{C.error("Failed to update news"),n(!1)}}};return e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:x(j),className:"space-y-8",children:[e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-blue-500 mr-2 rounded-full"}),"Category"]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"newsCategoryId",className:"text-gray-700 dark:text-gray-300",children:"News Category*"}),e.jsxs("select",{id:"newsCategoryId",...d("newsCategoryId",{required:"Category is required"}),className:"w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500 dark:bg-gray-600 dark:text-gray-200",children:[e.jsx("option",{value:"",children:"Select a category"}),h==null?void 0:h?.map(q=>{var P;return e.jsx("option",{value:q.id,children:((P=q.newsCategoryTitle)==null?void 0:P.en)||"Unnamed Category"},q.id)})]}),o.newsCategoryId&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:o.newsCategoryId.message})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-100 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-blue-500 mr-2 rounded-full"}),"Title"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"titleAm",className:"text-gray-700 dark:text-gray-200",children:"Title (Amharic)*"}),e.jsx(U,{id:"titleAm",...d("titleAm",{required:"Required"}),error:(A=o.titleAm)==null?void 0:A.message,placeholder:"News title in Amharic"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"titleEn",className:"text-gray-700 dark:text-gray-200",children:"Title (English)*"}),e.jsx(U,{id:"titleEn",...d("titleEn",{required:"Required"}),error:(S=o.titleEn)==null?void 0:S.message,placeholder:"News title in English"})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-100 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-primary-500 mr-2 rounded-full"}),"Subtitle"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"subTitleAm",className:"text-gray-700 dark:text-gray-200",children:"Subtitle (Amharic)*"}),e.jsx(U,{id:"subTitleAm",...d("subTitleAm",{required:"Required"}),error:(R=o.subTitleAm)==null?void 0:R.message,placeholder:"News subtitle in Amharic"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"subTitleEn",className:"text-gray-700 dark:text-gray-200",children:"Subtitle (English)*"}),e.jsx(U,{id:"subTitleEn",...d("subTitleEn",{required:"Required"}),error:(ce=o.subTitleEn)==null?void 0:ce.message,placeholder:"News subtitle in English"})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-100 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-purple-500 mr-2 rounded-full"}),"Content"]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"bodyAm",className:"text-gray-700 dark:text-gray-200",children:"Content (Amharic)*"}),e.jsx(de,{id:"bodyAm",...d("bodyAm",{required:"Required"}),rows:6,placeholder:"News content in Amharic",className:"min-h-[150px] dark:bg-gray-600 dark:text-gray-200"}),o.bodyAm&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:o.bodyAm.message})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"bodyEn",className:"text-gray-700 dark:text-gray-200",children:"Content (English)*"}),e.jsx(de,{id:"bodyEn",...d("bodyEn",{required:"Required"}),rows:6,placeholder:"News content in English",className:"min-h-[150px] dark:bg-gray-600 dark:text-gray-200"}),o.bodyEn&&e.jsx("p",{className:"text-xs text-red-500 mt-1",children:o.bodyEn.message})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-100 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-orange-500 mr-2 rounded-full"}),"Settings"]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(I,{htmlFor:"isActive",className:"text-gray-700 dark:text-gray-200 font-medium",children:"Is Active"}),e.jsx("button",{type:"button",onClick:()=>u("isActive",!c("isActive")),className:`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${c("isActive")?"bg-primary-500":"bg-gray-300"}`,children:e.jsx("span",{className:`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${c("isActive")?"translate-x-6":"translate-x-1"}`})})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(I,{htmlFor:"isFeatured",className:"text-gray-700 font-medium",children:"Is Featured"}),e.jsx("button",{type:"button",onClick:()=>u("isFeatured",!c("isFeatured")),className:`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${c("isFeatured")?"bg-yellow-500":"bg-gray-300"}`,children:e.jsx("span",{className:`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${c("isFeatured")?"translate-x-6":"translate-x-1"}`})})]})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-100 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-yellow-500 mr-2 rounded-full"}),"Image"]}),e.jsx(f,{label:"News Image",preview:p,existingName:(me=t==null?void 0:t.fileInfo)==null?void 0:me.originalname,register:d("image"),error:(G=o.image)==null?void 0:G.message,onView:()=>window.open(p,"_blank"),id:"image",isRequired:!1})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:()=>l(-1),type:"button",disabled:s,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:s,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:s?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"Updating..."]}):"Update News"})]})]})})},Ye=({handleSubmit:r,handleCancel:t,watch:a,control:s,setValue:n,register:l,errors:i,isSubmitting:d,employeesList:x,reset:c,item:u,label:m})=>{var h,f,j;const o=[{label:"Office Head",value:"office_head"},{label:"Deputy",value:"deputy"}],g=(h=a("image"))==null?void 0:h[0],[p,y]=b.useState((u==null?void 0:u.presigned)||"");return b.useEffect(()=>{u!=null&&u.presigned&&y(u.presigned)},[u]),b.useEffect(()=>{if(g){const v=URL.createObjectURL(g);return y(v),()=>URL.revokeObjectURL(v)}},[g]),b.useEffect(()=>{x.length&&!a("employeeId")&&n("employeeId",x[0].value)},[x,n,a]),e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:r,className:"space-y-8",children:[e.jsx(Ae,{id:"staffType",label:"Message Type",error:"Type is Required",errors:i,register:l,control:s,item:o}),e.jsx(Ae,{id:"employeeId",label:"Select Employee",error:"Employee is Required",errors:i,register:l,control:s,item:x}),e.jsx(re,{idEn:"messageTitleEn",idAm:"messageTitleAm",label:"Title",error:"Title is Required",errors:i,register:l}),e.jsx(fe,{idAm:"messageContentAm",idEn:"messageContentEn",label:"Content",error:"Content is Required",errors:i,register:l}),e.jsx(ne,{idAm:"isActive",label:"Status",watch:a,setValue:n}),e.jsx(Te,{title:"Image",children:e.jsx(Me,{label:"Experience Image*",preview:p,existingName:(f=u==null?void 0:u.fileInfo)==null?void 0:f.originalname,register:l("image"),error:(j=i.image)==null?void 0:j.message,onView:()=>window.open(p,"_blank"),id:"image",isRequired:!1})}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:t,type:"button",disabled:d,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:d,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:d?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"..."]}):m})]})]})})},ma=()=>{const{register:r,handleSubmit:t,formState:{errors:a},watch:s,control:n,setValue:l}=F({defaultValues:{messageTitleEn:"",messageTitleAm:"",messageContentAm:"",messageContentEn:"",employeeId:"",staffType:"",isActive:!1}}),{currentEmployeesResponse:i}=_e(),d=ye(),x=M(),{createItem:c}=Se(),[u,m]=b.useState(!1),o=(i==null?void 0:i.items?.map(y=>{var h,f;return{label:d(y.user.name),value:(y==null?void 0:y.id)??"",employeePositionId:((f=(h=y.employeePositions)==null?void 0:h[0])==null?void 0:f.id)??""}}))||[],g=async y=>{var h;m(!0);try{const f=(h=y.image)==null?void 0:h[0];if(!f)throw new Error("images are required");const j={messageTitle:{am:y.messageTitleAm||"",en:y.messageTitleEn||""},messageContent:{am:y.messageContentAm||"",en:y.messageContentEn||""},fileInfo:{fileName:f.name,contentType:f.type,size:f.size,originalname:f.name},isActive:y.isActive,staffType:y.staffType,employeeId:y.employeeId};await c({data:j,imageFile:f}),C.success(" created successfully"),x(-1)}catch{C.error("Failed to create Message"),m(!1)}},p=()=>{x(-1)};return e.jsx(Ye,{handleSubmit:t(g),handleCancel:p,watch:s,setValue:l,control:n,register:r,errors:a,isSubmitting:u,employeesList:o,label:"Add Message"})},ua=()=>{const{id:r}=$(),{singleItem:t,updateItem:a}=Se(void 0,r),[s,n]=b.useState(!1),l=M(),i=b.useMemo(()=>{var v,A,S,R;return{messageTitleEn:((v=t==null?void 0:t.messageTitle)==null?void 0:v.en)||"",messageTitleAm:((A=t==null?void 0:t.messageTitle)==null?void 0:A.am)||"",messageContentAm:((S=t==null?void 0:t.messageContent)==null?void 0:S.am)||"",messageContentEn:((R=t==null?void 0:t.messageContent)==null?void 0:R.en)||"",employeeId:(t==null?void 0:t.employeeId)||"",isActive:(t==null?void 0:t.isActive)??!0,staffType:(t==null?void 0:t.staffType)||"",image:void 0}},[t]),{register:d,handleSubmit:x,watch:c,control:u,setValue:m,reset:o,formState:{errors:g}}=F({defaultValues:i});b.useEffect(()=>{t&&o(i)},[t,i,o]);const{currentEmployeesResponse:p}=_e(),y=ye(),h=(p==null?void 0:p.items?.map(v=>{var A,S;return{label:y(v.user.name),value:v.id||"",employeePositionId:((S=(A=v.employeePositions)==null?void 0:A[0])==null?void 0:S.id)??""}}))||[],f=async v=>{var A;if(t){n(!0);try{const S=(A=v.image)==null?void 0:A[0],R={messageTitle:{am:v.messageTitleAm||"",en:v.messageTitleEn||""},messageContent:{am:v.messageContentAm||"",en:v.messageContentEn||""},fileInfo:S?{fileName:S.name,contentType:S.type,size:S.size,originalname:S.name}:void 0,isActive:v.isActive,staffType:v.staffType,employeeId:v.employeeId};await a({id:t==null?void 0:t.id,data:R,...S&&{imageFile:S}}),C.success("message updated successfully"),l(-1)}catch{C.error("Failed to update about us"),n(!1)}}},j=()=>{l(-1)};return e.jsx(Ye,{handleSubmit:x(f),handleCancel:j,watch:c,setValue:m,control:u,register:d,errors:g,isSubmitting:s,employeesList:h,reset:o,item:t,label:"Edit Message"})},ga=()=>{const{i18n:r,t}=z(),{id:a}=$(),{singleItem:s}=Se(void 0,a),n=r.language,l=ye();return e.jsx("div",{className:"min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center p-4 md:p-8",children:e.jsxs("div",{className:"max-w-6xl w-full",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h1",{className:"text-4xl md:text-5xl font-bold text-gray-800 mb-4",children:t("Leadership Message")}),e.jsx("div",{className:"w-24 h-1 bg-indigo-600 mx-auto"})]}),e.jsx("div",{className:"bg-white rounded-2xl shadow-xl overflow-hidden transition-all duration-300 hover:shadow-2xl",children:e.jsxs("div",{className:"flex flex-col md:flex-row",children:[e.jsxs("div",{className:"md:w-2/5 relative",children:[s!=null&&s.presigned?e.jsx("img",{src:s.presigned,alt:l(s.messageTitle),className:"w-full h-64 md:h-full object-cover"}):e.jsxs("div",{className:"w-full h-64 md:h-full flex items-center justify-center bg-gray-100 text-gray-400",children:[e.jsx(pe,{className:"h-10 w-10"}),e.jsx("span",{className:"ml-2",children:t("No image available")})]}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/70 via-transparent to-transparent flex items-end p-6 md:p-8",children:e.jsxs("div",{children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-white mb-2",children:l(s==null?void 0:s.messageTitle)}),e.jsx("p",{className:"text-gray-200 text-lg",children:t("Office Leadership")})]})}),e.jsx("div",{className:"absolute top-6 right-6 bg-white text-indigo-600 rounded-full p-2 shadow-lg",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})})]}),e.jsxs("div",{className:"md:w-3/5 p-6 md:p-8 flex flex-col justify-center",children:[e.jsxs("div",{className:"mb-6",children:[e.jsxs("div",{className:"flex items-center mb-6",children:[e.jsx("div",{className:"w-10 h-1 bg-indigo-600 mr-3"}),e.jsx("h3",{className:"text-lg font-semibold text-indigo-600 uppercase tracking-wide",children:t("Message Content")})]}),e.jsx("div",{className:"max-h-96 overflow-y-auto pr-4 custom-scrollbar",children:e.jsx("p",{className:"text-gray-700 text-lg leading-relaxed whitespace-pre-line",children:l(s==null?void 0:s.messageContent)})})]}),e.jsxs("div",{className:"mt-8 pt-6 border-t border-gray-200 flex flex-col md:flex-row md:items-center md:justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-sm font-medium text-gray-700",children:t("Status")}),e.jsx("div",{className:`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${s!=null&&s.isActive?"bg-primary-500":"bg-gray-300"}`,children:e.jsx("span",{className:`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${s!=null&&s.isActive?"translate-x-6":"translate-x-1"}`})}),e.jsx("span",{className:`text-sm font-medium ${s!=null&&s.isActive?"text-primary-600":"text-gray-500"}`,children:s!=null&&s.isActive?t("Active"):t("Inactive")})]}),(s==null?void 0:s.createdAt)&&e.jsx("span",{className:"text-sm text-gray-500",children:n==="en"?new Date(s.createdAt).toLocaleString(n,{dateStyle:"medium",timeStyle:"short"}):s.amharicCreatedAt})]})]})]})})]})})},xa=()=>{const{i18n:r,t}=z(),{id:a}=$(),{singleItem:s}=Ie(void 0,a),n=r.language,l=ye();return e.jsx("div",{className:"bg-white rounded-2xl shadow-xl overflow-hidden transition-all duration-300 hover:shadow-2xl mb-12",children:e.jsxs("div",{className:"flex flex-col md:flex-row",children:[e.jsxs("div",{className:"md:w-2/3 p-6 md:p-8 flex flex-col justify-center",children:[e.jsxs("div",{className:"mb-6",children:[e.jsxs("div",{className:"flex items-center mb-6",children:[e.jsx("div",{className:"w-12 h-12 rounded-lg bg-gradient-to-r from-indigo-500 to-blue-600 flex items-center justify-center text-white text-2xl mr-4",children:e.jsx(pe,{className:"w-6 h-6"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-600 uppercase tracking-wide",children:t("Leadership Message")}),e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-gray-800 mt-1",children:l(s==null?void 0:s.goalTitle)})]})]}),e.jsx("div",{className:"min-h-[120px] flex items-center",children:e.jsx("p",{className:"text-gray-700 text-lg leading-relaxed whitespace-pre-line",children:l(s==null?void 0:s.goalDescription)})})]}),e.jsxs("div",{className:"mt-8 pt-6 border-t border-gray-200 flex flex-col md:flex-row md:items-center md:justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-sm font-medium text-gray-700",children:t("Status")}),e.jsx("div",{className:`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${s!=null&&s.isActive?"bg-primary-500":"bg-gray-300"}`,children:e.jsx("span",{className:`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${s!=null&&s.isActive?"translate-x-6":"translate-x-1"}`})}),e.jsx("span",{className:`text-sm font-medium ${s!=null&&s.isActive?"text-primary-600":"text-gray-500"}`,children:s!=null&&s.isActive?t("Active"):t("Inactive")})]}),(s==null?void 0:s.createdAt)&&e.jsx("span",{className:"text-sm text-gray-500",children:new Date(s.createdAt).toLocaleString(n,{dateStyle:"medium",timeStyle:"short"})})]})]}),e.jsx("div",{className:"md:w-1/3 bg-gradient-to-br from-blue-50 to-indigo-100 p-6 md:p-8 flex flex-col justify-center items-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-32 h-32 mx-auto mb-6 bg-white rounded-2xl shadow-lg flex items-center justify-center overflow-hidden",children:s!=null&&s.presigned?e.jsx("img",{src:s.presigned,alt:l(s.goalTitle),className:"w-full h-full object-cover rounded-2xl"}):e.jsxs("div",{className:"flex flex-col items-center justify-center text-gray-400",children:[e.jsx(pe,{className:"h-10 w-10"}),e.jsx("span",{className:"text-sm mt-2",children:t("No image available")})]})}),e.jsx("h3",{className:"text-xl font-bold text-gray-800 mb-2",children:t("Office Leadership")}),e.jsx("p",{className:"text-gray-600 text-sm",children:t("Leading with vision and dedication to serve.")})]})})]})})},ha=()=>{const{id:r}=$(),{updateItem:t,singleItem:a}=Ie(void 0,r),[s,n]=b.useState(!1),l=M(),i=b.useMemo(()=>({GoalTitleEn:a==null?void 0:a.goalTitle.en,GoalTitleAm:a==null?void 0:a.goalTitle.am,GoalDescriptionAm:a==null?void 0:a.goalDescription.am,GoalDescriptionEn:a==null?void 0:a.goalDescription.en,isActive:a==null?void 0:a.isActive,image:void 0}),[a]),{register:d,handleSubmit:x,watch:c,control:u,setValue:m,reset:o,formState:{errors:g}}=F({defaultValues:i});b.useEffect(()=>{a&&o(i)},[a,i,o]);const p=async h=>{var f;if(a){n(!0);try{const j=(f=h.image)==null?void 0:f[0],v={goalTitle:{am:h.GoalTitleAm||"",en:h.GoalTitleEn||""},goalDescription:{am:h.GoalDescriptionEn||"",en:h.GoalDescriptionEn||""},fileInfo:j?{fileName:j.name,contentType:j.type,size:j.size,originalname:j.name}:void 0,isActive:h.isActive};await t({id:(a==null?void 0:a.id)||"",data:v,...j&&{imageFile:j}}),C.success("Goal updated successfully"),l(-1)}catch{C.error("Failed to update about us"),n(!1)}}},y=()=>{l(-1)};return e.jsx(Qe,{handleSubmit:x(p),handleCancel:y,watch:c,setValue:m,control:u,register:d,errors:g,isSubmitting:s,label:"Edit Goal",item:a})},pa=()=>{const{i18n:r,t}=z(),{id:a}=$(),{singleItem:s}=Ee(void 0,a),n=r.language,l=ye();return e.jsx("div",{className:"min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center p-4 md:p-8",children:e.jsxs("div",{className:"max-w-6xl w-full",children:[e.jsx("div",{className:"md:w-1/3 bg-gradient-to-br from-blue-50 to-indigo-100 p-6 md:p-8 flex flex-col justify-center items-center",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-32 h-32 mx-auto mb-6 bg-white rounded-2xl shadow-lg flex items-center justify-center",children:e.jsx("span",{className:"text-5xl",children:"image from goal"})}),e.jsx("h3",{className:"text-xl font-bold text-gray-800 mb-2",children:l(s==null?void 0:s.visionTitle)}),e.jsx("p",{className:"text-gray-600",children:l(s==null?void 0:s.visionDescription)})]})}),e.jsxs("div",{className:"flex items-center justify-between text-sm text-gray-500 border-t pt-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:`inline-block h-3 w-3 rounded-full ${s!=null&&s.isActive?"bg-primary-500":"bg-gray-400"}`}),s!=null&&s.isActive?t("Active"):t("Inactive")]}),(s==null?void 0:s.createdAt)&&e.jsx("span",{className:"text-sm text-gray-500",children:new Date(s.createdAt).toLocaleString(n,{dateStyle:"medium",timeStyle:"short"})})]})]})})},ya=()=>{const{id:r}=$(),{singleItem:t,updateItem:a}=Ee(void 0,r),[s,n]=b.useState(!1),l=M(),i=b.useMemo(()=>{var h,f,j,v;return{visionTitleEn:(h=t==null?void 0:t.visionTitle)==null?void 0:h.en,visionTitleAm:(f=t==null?void 0:t.visionTitle)==null?void 0:f.am,visionDescriptionAm:(j=t==null?void 0:t.visionDescription)==null?void 0:j.am,visionDescriptionEn:(v=t==null?void 0:t.visionDescription)==null?void 0:v.en,isActive:t==null?void 0:t.isActive}},[t]),{register:d,handleSubmit:x,watch:c,control:u,reset:m,setValue:o,formState:{errors:g}}=F({defaultValues:i});b.useEffect(()=>{t&&m(i)},[t,i,m]);const p=async h=>{if(t){n(!0);try{const f={visionTitle:{am:h.visionTitleAm||"",en:h.visionTitleEn||""},visionDescription:{am:h.visionDescriptionEn||"",en:h.visionDescriptionEn||""},isActive:h.isActive};await a({id:t==null?void 0:t.id,data:f}),C.success("Vision updated successfully"),l(-1)}catch{C.error("Failed to update about us"),n(!1)}}},y=()=>{l(-1)};return e.jsx(Xe,{handleSubmit:x(p),handleCancel:y,watch:c,setValue:o,control:u,register:d,errors:g,isSubmitting:s,label:"Edit Vision",item:t})},Je=({handleSubmit:r,handleCancel:t,watch:a,control:s,setValue:n,register:l,errors:i,isSubmitting:d,reset:x,item:c,label:u})=>{const m=[{label:"FaceBook",value:"FACEBOOK"},{label:"Twitter",value:"TWITTER"},{label:"TikTok",value:"TIKTOK"},{label:"WebSite",value:"WEBSITE"},{label:"Linked In",value:"LINKEDIN"},{label:"Instagram",value:"INSTAGRAM"},{label:"YouTube",value:"YOUTUBE"},{label:"Telegram",value:"TELEGRAM"}];return e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:r,className:"space-y-8",children:[e.jsx(Ae,{id:"type",label:"Social Media Type",error:"Type is Required",errors:i,register:l,control:s,item:m}),e.jsx(re,{idEn:"nameEn",idAm:"nameAm",label:"Name",error:"Name is Required",errors:i,register:l}),e.jsx(Re,{id:"link",label:"Link",watch:a,setValue:n,register:l,error:"Link is required",errors:i,type:"link"}),e.jsx(ne,{idAm:"isActive",label:"Status",watch:a,setValue:n}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:t,type:"button",disabled:d,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:d,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:d?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"..."]}):u})]})]})})},ba=()=>{const{id:r}=$(),{singleItem:t,updateItem:a}=Fe(void 0,r),[s,n]=b.useState(!1),l=M(),i=b.useMemo(()=>{var h,f;return{nameEn:(h=t==null?void 0:t.name)==null?void 0:h.en,nameAm:(f=t==null?void 0:t.name)==null?void 0:f.am,link:t==null?void 0:t.link,type:t==null?void 0:t.type,isActive:t==null?void 0:t.isActive}},[t]),{register:d,handleSubmit:x,watch:c,control:u,setValue:m,reset:o,formState:{errors:g}}=F({defaultValues:i});b.useEffect(()=>{t&&o(i)},[t,i,o]);const p=async h=>{if(t){n(!0);try{const f={name:{am:h.nameAm||"",en:h.nameEn||""},type:h.type,link:h.link,isActive:h.isActive};await a({id:t==null?void 0:t.id,data:f}),C.success("SocialMedia updated successfully"),l(-1)}catch{C.error("Failed to update about us"),n(!1)}}},y=()=>{l(-1)};return e.jsx(Je,{handleSubmit:x(p),handleCancel:y,watch:c,setValue:m,control:u,register:d,errors:g,isSubmitting:s,label:"Edit Social Media Information"})},fa=()=>{const{register:r,handleSubmit:t,formState:{errors:a},watch:s,control:n,setValue:l}=F({defaultValues:{nameAm:"",nameEn:"",link:"",type:"",isActive:!1}}),i=M(),{createItem:d}=Fe(),[x,c]=b.useState(!1),u=async o=>{c(!0);try{const g={name:{am:o.nameAm||"",en:o.nameEn||""},type:o.type,link:o.link,isActive:o.isActive};await d({data:g}),C.success(" created successfully"),i(-1)}catch{C.error("Failed to create SocialMedia"),c(!1)}finally{c(!1)}},m=()=>{i(-1)};return e.jsx(Je,{handleSubmit:t(u),handleCancel:m,watch:s,setValue:l,control:n,register:r,errors:a,isSubmitting:x,label:"Add Social Media Information"})},se={async createItem(r){return(await N.post("/theme/bulk",r,{headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItems(r){return(await N.get("/theme/list-with-presigned",{params:r,headers:{"x-tenant-id":"adf98293-41ba-4bda-bdb4-70e30a70c1b7"}})).data},async getItem(r){return(await N.get(`/theme/list-with-presigned/${r}`)).data},async deleteItem(r){await N.delete(`/theme/${r}`)},async updateUploadStatus(r,t){return(await N.patch(`/theme/${t}/upload-status`,{id:t,parentId:r,uploadedSuccessfully:!0})).data},async changeStatus(r){return(await N.put(`/theme/change-status/${r}`,{isCurrent:!0})).data},async uploadImage(r,t){var s,n,l,i;if(!t)throw new Error("Upload URL is undefined.");const a=await He.validateFileForUpload(r,{allowedMimeTypes:["image/png","image/jpeg","image/gif","image/webp"],allowedExtensions:[".png",".jpg",".jpeg",".gif",".webp"],maxSizeMB:10,uploadContext:"signature"});if(!a.isValid)throw new Error(((s=a.clientValidation.fileName)==null?void 0:s.error)||((n=a.clientValidation.extension)==null?void 0:n.error)||((l=a.clientValidation.mimeType)==null?void 0:l.error)||((i=a.clientValidation.size)==null?void 0:i.error)||"File validation failed");return be.put(t,r,{headers:{"Content-Type":r.type}})}},wa=(r,t)=>{const a=X(),{data:s}=L({queryKey:["Theme1"],queryFn:async()=>await se.getItem(""),enabled:!1}),{data:n,isLoading:l,error:i,refetch:d}=L({queryKey:["Theme",r],queryFn:async()=>await se.getItems(r)}),x=T({mutationFn:async u=>{const m=await se.createItem(u.data);if(!m)throw new Error("Failed to create Theme item(s)");try{await Promise.all(m.filter(o=>o.presigned)?.map(async(o,g)=>{try{return await se.uploadImage(u.imageFile,o.presigned),await se.updateUploadStatus(o.id,o.id),o}catch(p){throw await se.deleteItem(o.id),p}}))}catch(o){throw o}return m},onSuccess:()=>{a.invalidateQueries({queryKey:["Theme1",r]})}}),c=T({mutationFn:se.deleteItem,onSuccess:()=>{a.invalidateQueries({queryKey:["Theme1",r]})}});return{items:n==null?void 0:n.items,unit:n==null?void 0:n.unit,singleItem:s,count:n==null?void 0:n.count,isLoading:l,error:i,createItem:x.mutateAsync,deleteItem:c.mutateAsync,isCreating:x.isPending,isDeleting:c.isPending,refetch:d}},ja=()=>{var y,h,f,j,v;const{id:r}=$(),{items:t,createItem:a}=wa(),[s,n]=b.useState(!1);M();const l=b.useMemo(()=>{var A,S;return{primaryColor:{type:"PRIMARY_COLOR",value:(A=t==null?void 0:t.find(R=>R.type==="PRIMARY_COLOR"))==null?void 0:A.value},SecondaryColor:{type:"SECONDARY_COLOR",value:(S=t==null?void 0:t.find(R=>R.type==="SECONDARY_COLOR"))==null?void 0:S.value},isActive:!0,image:void 0}},[t]),{register:i,handleSubmit:d,watch:x,reset:c,formState:{errors:u}}=F({defaultValues:l});b.useEffect(()=>{t&&c(l)},[t,l,c]);const m=(y=x("image"))==null?void 0:y[0],[o,g]=b.useState(((h=t==null?void 0:t.find(A=>A.type==="LOGO"))==null?void 0:h.presigned)||"");b.useEffect(()=>{const A=t==null?void 0:t.find(S=>S.type==="LOGO");A!=null&&A.presigned&&g(A.presigned)},[t]),b.useEffect(()=>{if(m){const A=URL.createObjectURL(m);return g(A),()=>URL.revokeObjectURL(A)}},[m]);const p=async A=>{var S,R,ce,me;if(t){n(!0);try{const G=(S=A.image)==null?void 0:S[0],q=[{type:A.primaryColor.type,value:A.primaryColor.value,fileInfo:void 0,isActive:!0,id:((R=t.find(P=>P.type==="PRIMARY_COLOR"))==null?void 0:R.id)||void 0},{type:A.SecondaryColor.type,value:A.SecondaryColor.value,fileInfo:void 0,isActive:!0,id:((ce=t.find(P=>P.type==="SECONDARY_COLOR"))==null?void 0:ce.id)||void 0},{type:"LOGO",value:"",fileInfo:G?{fileName:G.name,contentType:G.type,size:G.size,originalname:G.name}:void 0,isActive:!0,id:((me=t.find(P=>P.type==="LOGO"))==null?void 0:me.id)||void 0}];await a({data:q,...G&&{imageFile:G}}),C.success("Theme saved successfully"),n(!1)}catch{C.error("Failed to update about us"),n(!1)}}};return e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:d(p),className:"space-y-8",children:[e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700 p-5 rounded-lg border border-gray-100 dark:border-gray-600",children:[e.jsxs("h3",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center",children:[e.jsx("div",{className:"h-1 w-4 bg-blue-500 mr-2 rounded-full"}),"Color"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"ThemeTitleAm",className:"text-gray-700 dark:text-gray-300",children:"Primary color"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("input",{id:"color",type:"color",...i("primaryColor.value",{required:"Color is required"}),className:"h-10 w-16 cursor-pointer border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-600"}),e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400 font-mono",children:x("primaryColor.value")||"#000000"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(I,{htmlFor:"ThemeTitleEn",className:"text-gray-700 dark:text-gray-300",children:"secondary color"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("input",{id:"color",type:"color",...i("SecondaryColor.value",{required:"Color is required"}),className:"h-10 w-16 cursor-pointer border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-600"}),e.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400 font-mono",children:x("SecondaryColor.value")||"#000000"})]})]})]})]}),e.jsx(Te,{title:"Image",children:e.jsx(Me,{label:"Experience Image*",preview:o,existingName:(j=(f=t==null?void 0:t.find(A=>A.type==="LOGO"))==null?void 0:f.fileInfo)==null?void 0:j.originalname,register:i("image"),error:(v=u.image)==null?void 0:v.message,onView:()=>window.open(o,"_blank"),id:"image",isRequired:!1})}),e.jsx("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:e.jsx(w,{type:"submit",disabled:s,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:s?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"saving..."]}):"save"})})]})})},Ze=({handleSubmit:r,handleCancel:t,watch:a,control:s,setValue:n,register:l,errors:i,isSubmitting:d,reset:x,item:c,label:u})=>{const m=[{label:"Location",value:"LOCATION"},{label:"Phone Number",value:"PHONE_NUMBER"},{label:"Email",value:"EMAIL"}];return e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:r,className:"space-y-8",children:[e.jsx(Ae,{id:"type",label:"Contact Information Type",error:"Type is Required",errors:i,register:l,control:s,item:m}),e.jsx(re,{idEn:"nameEn",idAm:"nameAm",label:"Name",error:"Name is Required",errors:i,register:l}),e.jsx(Re,{id:"value",label:"Value",watch:a,setValue:n,register:l,error:"Value is required",errors:i,type:"link"}),e.jsx(ne,{idAm:"isActive",label:"Status",watch:a,setValue:n}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:t,type:"button",disabled:d,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:d,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:d?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"..."]}):u})]})]})})},va=()=>{const{register:r,handleSubmit:t,formState:{errors:a},watch:s,control:n,setValue:l}=F({defaultValues:{nameAm:"",nameEn:"",value:"",type:"",isActive:!1}}),i=M(),{createItem:d}=Ue(),[x,c]=b.useState(!1),u=async o=>{c(!0);try{const g={name:{am:o.nameAm||"",en:o.nameEn||""},type:o.type,value:o.value,isActive:o.isActive};await d({data:g}),C.success(" created successfully"),i(-1)}catch{C.error("Failed to create ContactUs")}finally{c(!1)}},m=()=>{i(-1)};return e.jsx(Ze,{handleSubmit:t(u),handleCancel:m,watch:s,setValue:l,control:n,register:r,errors:a,isSubmitting:x,label:"Add Contact Information"})},Na=()=>{const{id:r}=$(),{singleItem:t,updateItem:a}=Ue(void 0,r),[s,n]=b.useState(!1),l=M(),i=b.useMemo(()=>{var h,f;return{nameEn:(h=t==null?void 0:t.name)==null?void 0:h.en,nameAm:(f=t==null?void 0:t.name)==null?void 0:f.am,value:t==null?void 0:t.value,type:t==null?void 0:t.type,isActive:t==null?void 0:t.isActive}},[t]),{register:d,handleSubmit:x,watch:c,reset:u,control:m,setValue:o,formState:{errors:g}}=F({defaultValues:i});b.useEffect(()=>{t&&u(i)},[t,i,u]);const p=async h=>{if(t){n(!0);try{const f={name:{am:h.nameAm||"",en:h.nameEn||""},type:h.type,value:h.value,isActive:h.isActive};await a({id:t==null?void 0:t.id,data:f}),C.success("ContactUs updated successfully"),l(-1)}catch{C.error("Failed to update about us"),n(!1)}}},y=()=>{l(-1)};return e.jsx(Ze,{handleSubmit:x(p),handleCancel:y,watch:c,setValue:o,control:m,register:d,errors:g,isSubmitting:s,label:"Edit Contact Information"})},et=({handleSubmit:r,handleCancel:t,watch:a,control:s,setValue:n,register:l,errors:i,isSubmitting:d,reset:x,item:c,label:u})=>e.jsx("div",{className:"max-h-[80vh] overflow-y-auto p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm",children:e.jsxs("form",{onSubmit:r,className:"space-y-8",children:[e.jsx(re,{idEn:"labelEn",idAm:"labelAm",label:"Label",error:"Label is Required",errors:i,register:l}),e.jsx(fe,{idAm:"descriptionAm",idEn:"descriptionEn",label:"Description",error:"Description is Required",errors:i,register:l}),e.jsx(Re,{id:"link",label:"Value",watch:a,setValue:n,register:l,error:"Value is required",errors:i,type:"link"}),e.jsx(ne,{idAm:"isActive",label:"Status",watch:a,setValue:n}),e.jsxs("div",{className:"flex justify-end gap-3 pt-6 border-t border-gray-200 dark:border-gray-700",children:[e.jsx(w,{variant:"outline",onClick:t,type:"button",disabled:d,className:"px-6 py-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700",children:"Cancel"}),e.jsx(w,{type:"submit",disabled:d,className:"px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white",children:d?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4 animate-spin"}),"..."]}):u})]})]})}),ka=()=>{const{register:r,handleSubmit:t,formState:{errors:a},watch:s,control:n,setValue:l}=F({defaultValues:{labelAm:"",labelEn:"",descriptionEn:"",descriptionAm:"",link:"",isActive:!1}}),i=M(),{createItem:d}=De(),[x,c]=b.useState(!1),u=async o=>{c(!0);try{const g={label:{am:o.labelAm||"",en:o.labelEn||""},description:{am:o.descriptionAm||"",en:o.descriptionEn||""},link:o.link,isActive:o.isActive};await d({data:g}),C.success(" created successfully"),i(-1)}catch{C.error("Failed to create Modules"),c(!1)}finally{c(!1)}},m=()=>{i(-1)};return e.jsx(et,{handleSubmit:t(u),handleCancel:m,watch:s,setValue:l,control:n,register:r,errors:a,isSubmitting:x,label:"Add Module"})},Aa=()=>{const{id:r}=$(),{singleItem:t,updateItem:a}=De(void 0,r),[s,n]=b.useState(!1),l=M(),i=b.useMemo(()=>({labelAm:t==null?void 0:t.label.am,labelEn:t==null?void 0:t.label.en,descriptionEn:t==null?void 0:t.description.en,descriptionAm:t==null?void 0:t.description.am,link:t==null?void 0:t.link,isActive:t==null?void 0:t.isActive}),[t]),{register:d,handleSubmit:x,watch:c,control:u,reset:m,setValue:o,formState:{errors:g}}=F({defaultValues:i});b.useEffect(()=>{t&&m(i)},[t,i,m]);const p=async h=>{if(t){n(!0);try{const f={label:{am:h.labelAm||"",en:h.labelEn||""},description:{am:h.descriptionAm||"",en:h.descriptionEn||""},link:h.link,isActive:h.isActive};await a({id:t==null?void 0:t.id,data:f}),C.success("Modules updated successfully"),l(-1)}catch{C.error("Failed to update about us"),n(!1)}}},y=()=>{l(-1)};return e.jsx(et,{handleSubmit:x(p),handleCancel:y,watch:c,setValue:o,control:u,register:d,errors:g,isSubmitting:s,label:"Edit Module"})},Ca=()=>{const{user:r}=ut(),{t}=z(),a=gt(),[s,n]=b.useState(!1),[l,i]=b.useState(!1),d=[{label:"officeHead.title",href:"/user-management/web-management/LeadershipMessage/LeadershipMessage",icon:e.jsx(vt,{className:"h-5 w-5"})},{label:"Goals",href:"/user-management/web-management/Goals/goals",icon:e.jsx(Ct,{className:"h-5 w-5"})},{label:"Vision",href:"/user-management/web-management/Vision/vision",icon:e.jsx(Ce,{className:"h-5 w-5"})},{label:"newsCategory",href:"/user-management/web-management/Category/Category",icon:e.jsx(ze,{className:"h-5 w-5"})},{label:"nav.news",href:"/user-management/web-management/News/news",icon:e.jsx(ze,{className:"h-5 w-5"})},{label:"modules",href:"/user-management/web-management/Modules/Modules",icon:e.jsx(Mt,{className:"h-5 w-5"})},{label:"socialMedia",href:"/user-management/web-management/SocialMedia/SocialMedia",icon:e.jsx(Et,{className:"h-5 w-5"})},{label:"contactUs",href:"/user-management/web-management/ContactUs/ContactUs",icon:e.jsx(kt,{className:"h-5 w-5"})},{label:"theme",href:"/user-management/web-management/Theme/Theme",icon:e.jsx(Lt,{className:"h-5 w-5"})}];b.useEffect(()=>{n(!1)},[a.pathname]),b.useEffect(()=>{const u=()=>{window.innerWidth>=768&&n(!1)};return window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]);const x=(u,m)=>{if(!u||!m)return!1;const o=u.toLowerCase(),g=m.toLowerCase();if(g===o)return!0;const p=o.split("/").slice(0,-1).join("/");if(g.startsWith(p)){const y=o.split("/").pop();if(y&&g.includes(y))return!0}return!1},c=d.filter(u=>x(u.href,a.pathname)).sort((u,m)=>{var o,g;return(((o=m.href)==null?void 0:o.length)||0)-(((g=u.href)==null?void 0:g.length)||0)})[0]||null;return e.jsxs("div",{className:"flex w-full min-h-[calc(100vh-4rem)] bg-gray-50 dark:bg-gray-900",children:[s&&e.jsx("div",{className:"fixed inset-0 bg-black/50 dark:bg-black/70 z-40 md:hidden",onClick:()=>n(!1)}),e.jsxs("div",{className:K("md:sticky top-0 flex flex-col bg-white dark:bg-gray-800 border-r border-gray-200/60 dark:border-gray-700 transition-all duration-300 ease-in-out","backdrop-blur-sm bg-white/95 md:bg-white dark:bg-gray-800/95",s?"absolute left-0 top-0 z-40 w-72 lg:w-80":"hidden md:flex",l?"md:w-16 lg:w-20":"md:w-72 lg:w-80","h-[calc(100vh-2rem)] md:h-screen rounded-2xl md:rounded-none shadow-xl md:shadow-none"),children:[e.jsxs("div",{className:"flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700",children:[!l&&e.jsx("h2",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200",children:t("organization.webManagement")}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:()=>i(!l),className:"hidden md:flex p-2 rounded-lg hover:bg-purple-200 dark:hover:bg-gray-700 transition-colors",title:t(l?"expandSidebar":"collapseSidebar"),children:e.jsx(Ke,{className:"h-4 w-4 text-gray-700 dark:text-gray-300"})}),e.jsx("button",{onClick:()=>n(!1),className:"md:hidden p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",children:e.jsx(xt,{className:"h-4 w-4 text-gray-700 dark:text-gray-300"})})]})]}),e.jsx("nav",{className:"flex-1 p-4 space-y-2 overflow-y-auto",children:d?.map(u=>{const m=x(u.href,a.pathname);return e.jsxs(W,{to:u.href||"#",className:`flex items-center gap-3 p-3 rounded-xl text-sm font-medium transition-all duration-200 group relative
+                  ${m?"bg-gradient-to-r from-purple-50 to-purple-50 dark:from-purple-900/30 dark:to-purple-900/20 text-purple-700 dark:text-purple-300 border-purple-200 dark:border-purple-700 shadow-sm":"text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-gray-100"}
+                  ${l?"justify-center":""}`,children:[u.icon,!l&&e.jsx("span",{className:"flex-1",children:t(u.label)})]},u.label)})})]}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsxs("div",{className:"md:hidden flex items-center justify-between p-4 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700",children:[e.jsx("button",{onClick:()=>n(!0),className:"p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",children:e.jsx(Ke,{className:"h-5 w-5 text-gray-700 dark:text-gray-300"})}),e.jsx("h1",{className:"text-lg font-semibold text-gray-800 dark:text-gray-200",children:t("webManagement")}),e.jsx("div",{className:"w-9"})]}),e.jsxs("div",{className:"flex-1 p-4 md:p-6 overflow-auto",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400 mb-6",children:[e.jsx("span",{children:t("webManagement")}),c&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"/"}),e.jsx("span",{className:"text-gray-900 dark:text-gray-100 font-medium",children:t(c.label)})]})]}),e.jsxs(ht,{children:[e.jsx(E,{path:"/LeadershipMessage/LeadershipMessage",element:e.jsx(zt,{})}),e.jsx(E,{path:"/LeadershipMessage/AddLeadershipMessage",element:e.jsx(ma,{})}),e.jsx(E,{path:"/LeadershipMessage/EditLeadershipMessage/:id",element:e.jsx(ua,{})}),e.jsx(E,{path:"/LeadershipMessage/ViewLeadershipMessage/:id",element:e.jsx(ga,{})}),e.jsx(E,{path:"/Goals/goals",element:e.jsx(Gt,{})}),e.jsx(E,{path:"/Goals/AddGoal",element:e.jsx(Yt,{})}),e.jsx(E,{path:"/Goals/EditGoal/:id",element:e.jsx(ha,{})}),e.jsx(E,{path:"/Goals/ViewGoal/:id",element:e.jsx(xa,{})}),e.jsx(E,{path:"/Vision/vision",element:e.jsx(Bt,{})}),e.jsx(E,{path:"/Vision/AddVision",element:e.jsx(Jt,{})}),e.jsx(E,{path:"/Vision/ViewVision/:id",element:e.jsx(pa,{})}),e.jsx(E,{path:"/Vision/EditVision/:id",element:e.jsx(ya,{})}),e.jsx(E,{path:"/News/news",element:e.jsx(ea,{})}),e.jsx(E,{path:"/News/AddNews",element:e.jsx(da,{})}),e.jsx(E,{path:"/News/EditNews/:id",element:e.jsx(ca,{})}),e.jsx(E,{path:"/Category/Category",element:e.jsx(ia,{})}),e.jsx(E,{path:"/Category/AddCategory",element:e.jsx(la,{})}),e.jsx(E,{path:"/Category/EditCategory/:id",element:e.jsx(oa,{})}),e.jsx(E,{path:"/SocialMedia/SocialMedia",element:e.jsx(_t,{})}),e.jsx(E,{path:"/SocialMedia/AddSocialMedia",element:e.jsx(fa,{})}),e.jsx(E,{path:"/SocialMedia/EditSocialMedia/:id",element:e.jsx(ba,{})}),e.jsx(E,{path:"/Theme/Theme",element:e.jsx(ja,{})}),e.jsx(E,{path:"/ContactUs/ContactUs",element:e.jsx(aa,{})}),e.jsx(E,{path:"/ContactUs/AddContactUs",element:e.jsx(va,{})}),e.jsx(E,{path:"/ContactUs/EditContactUs/:id",element:e.jsx(Na,{})}),e.jsx(E,{path:"/Modules/Modules",element:e.jsx(ra,{})}),e.jsx(E,{path:"/Modules/AddModules",element:e.jsx(ka,{})}),e.jsx(E,{path:"/Modules/EditModules/:id",element:e.jsx(Aa,{})})]})]})]})]})},Ja=()=>e.jsx(Ca,{});export{Ja as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/XSSUploadValidator-BMXKraj-.js b/apps/edr-freight-web/backoffice/public/_um/assets/XSSUploadValidator-BMXKraj-.js
new file mode 100644
index 000000000..743553dc1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/XSSUploadValidator-BMXKraj-.js
@@ -0,0 +1 @@
+var m=Object.defineProperty;var f=(r,i,e)=>i in r?m(r,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[i]=e;var p=(r,i,e)=>f(r,typeof i!="symbol"?i+"":i,e);const u=[{mime:"image/png",ext:"png",bytes:[137,80,78,71]},{mime:"image/jpeg",ext:"jpg",bytes:[255,216,255]},{mime:"image/gif",ext:"gif",bytes:[71,73,70]},{mime:"image/webp",ext:"webp",bytes:[82,73,70,70],offset:8},{mime:"application/pdf",ext:"pdf",bytes:[37,80,68,70]},{mime:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",ext:"docx",bytes:[80,75,3,4]},{mime:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ext:"xlsx",bytes:[80,75,3,4]},{mime:"application/vnd.openxmlformats-officedocument.presentationml.presentation",ext:"pptx",bytes:[80,75,3,4]},{mime:"application/msword",ext:"doc",bytes:[208,207,17,224]},{mime:"application/vnd.ms-excel",ext:"xls",bytes:[208,207,17,224]},{mime:"application/vnd.ms-powerpoint",ext:"ppt",bytes:[208,207,17,224]},{mime:"application/zip",ext:"zip",bytes:[80,75,3,4]},{mime:"application/x-rar-compressed",ext:"rar",bytes:[82,97,114,33]},{mime:"text/plain",ext:"txt",bytes:[239,187,191]}];class x{async detectFileType(i){try{if(!i||i.byteLength===0)return null;const e=new Uint8Array(i.slice(0,512));for(const t of u){const a=t.offset||0;let s=!0;for(let n=0;n<t.bytes.length;n++)if(e[a+n]!==t.bytes[n]){s=!1;break}if(s)return t.mime}return null}catch{return null}}async validateFile(i,e){try{if(!i)return{isValid:!1,detectedMime:null,error:"No file provided"};const t=await i.slice(0,512).arrayBuffer(),a=await this.detectFileType(t);if(!a)return{isValid:!1,detectedMime:null,error:"Unable to detect file type from content"};const s=["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation"],n=s.includes(e),l=s.includes(a);if(n&&l)return{isValid:!0,detectedMime:a};const d=a===e;return{isValid:d,detectedMime:a,error:d?void 0:`File type mismatch. Expected: ${e}, Detected: ${a}`}}catch(t){return{isValid:!1,detectedMime:null,error:`Validation error: ${t instanceof Error?t.message:"Unknown error"}`}}}isAllowedMimeType(i,e){return!e||e.length===0?!0:e.includes(i)}async validateUpload(i,e,t){var l;const a=await i.slice(0,512).arrayBuffer(),s=await this.detectFileType(a);if(s)return this.isAllowedMimeType(s,t)?{isValid:!0,detectedMime:s}:{isValid:!1,detectedMime:s,error:`File type ${s} is not allowed for this upload. Allowed types: ${t.join(", ")}`};if(e&&["application/pdf","image/jpeg","image/png","image/gif","image/webp","application/msword","application/vnd.ms-excel","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation"].includes(e))return{isValid:!1,detectedMime:null,error:`Could not verify file content for ${e}. The file may be corrupt or misnamed.`};if(e&&this.isAllowedMimeType(e,t))return{isValid:!0,detectedMime:e};if(!e&&i.name){const d=(l=i.name.split(".").pop())==null?void 0:l.toLowerCase(),c=d?{shp:"application/vnd.shp",dbf:"application/vnd.dbf",cpg:"application/vnd.cpg",shx:"application/vnd.shx",qmd:"application/vnd.qmd",dwg:"application/x-dwg",dxf:"application/dxf",txt:"text/plain",pdf:"application/pdf",zip:"application/zip",rar:"application/x-rar-compressed"}[d]:null;if(c&&this.isAllowedMimeType(c,t))return{isValid:!0,detectedMime:c}}return{isValid:!1,detectedMime:null,error:`File type verification failed. Declared type: ${e}. Allowed types: ${t.join(", ")}`}}}const h=new x;class o{static validateFileSize(i,e){const t=e||this.DEFAULT_MAX_SIZE_MB,a=i.size/(1024*1024);return a>t?{isValid:!1,error:`File size (${a.toFixed(2)}MB) exceeds maximum allowed size (${t}MB)`}:{isValid:!0}}static validateFileExtension(i,e){const t=i.name.toLowerCase(),a=t.substring(t.lastIndexOf("."));if(this.DANGEROUS_EXTENSIONS.includes(a))return{isValid:!1,error:`File extension ${a} is not allowed for security reasons`};if(e&&e.length>0){const s=e?.map(n=>n.startsWith(".")?n.toLowerCase():`.${n.toLowerCase()}`);if(!s.includes(a))return{isValid:!1,error:`File extension ${a} is not allowed. Allowed: ${s.join(", ")}`}}return{isValid:!0}}static validateMimeType(i,e){return!e||e.length===0?{isValid:!0}:e.includes(i.type)?{isValid:!0}:e?.some(a=>{if(a.endsWith("/*")){const s=a.substring(0,a.length-2);return i.type.startsWith(s)}return!1})?{isValid:!0}:{isValid:!1,error:`File type ${i.type} is not allowed. Allowed types: ${e.join(", ")}`}}static validateFileName(i){const e=i.name,t=[/[<>:"\/\\|?*]/g,/javascript:/i,/data:/i,/vbscript:/i,/on\w+\s*=/i,/<script/i];for(const a of t)if(a.test(e))return{isValid:!1,error:`File name contains suspicious characters or patterns: ${e}`};return e.includes("\0")?{isValid:!1,error:"File name contains null bytes"}:e.length>255?{isValid:!1,error:`File name is too long (${e.length} > 255 characters)`}:{isValid:!0}}static validateFile(i,e={}){if(!i)return{isValid:!1,error:"No file provided"};const t=this.validateFileName(i);if(!t.isValid)return t;const a=this.validateFileSize(i,e.maxSizeMB);if(!a.isValid)return a;const s=this.validateFileExtension(i,e.allowedExtensions);if(!s.isValid)return s;const n=this.validateMimeType(i,e.allowedMimeTypes);return n.isValid?{isValid:!0}:n}static validateFiles(i,e={}){const t=[],a=[];for(const s of i){const n=this.validateFile(s,e);n.isValid?t.push(s):a.push({file:s,error:n.error||"Validation failed"})}return{valid:t,invalid:a}}static getFileCategory(i){const e=i.type.toLowerCase();return e.startsWith("image/")?"image":e.includes("pdf")||e.includes("word")||e.includes("sheet")?"document":e.includes("zip")||e.includes("rar")||e.includes("7z")?"archive":"other"}static sanitizeFileName(i){return i.replace(/[<>:"\/\\|?*]/g,"_").replace(/\0/g,"").substring(0,255)}}p(o,"DEFAULT_MAX_SIZE_MB",500),p(o,"DANGEROUS_EXTENSIONS",[".exe",".bat",".cmd",".com",".pif",".scr",".vbs",".js",".jar",".sh",".bash",".py",".pl",".php",".asp",".aspx",".jsp",".cfm",".cgi",".dll",".so"]);class V{static async validateFileForUpload(i,e){const t={passed:!0},a=o.validateFileName(i);if(!a.isValid)return t.passed=!1,t.fileName={passed:!1,error:a.error},{isValid:!1,clientValidation:t,sanitizedFileName:this.getSanitizedFileName(i.name)};t.fileName={passed:!0};const s=o.validateFileExtension(i,e.allowedExtensions);if(!s.isValid)return t.passed=!1,t.extension={passed:!1,error:s.error},{isValid:!1,clientValidation:t,sanitizedFileName:this.getSanitizedFileName(i.name)};t.extension={passed:!0};const n=o.validateFileSize(i,e.maxSizeMB);if(!n.isValid)return t.passed=!1,t.size={passed:!1,error:n.error},{isValid:!1,clientValidation:t,sanitizedFileName:this.getSanitizedFileName(i.name)};t.size={passed:!0};const l=await h.validateUpload(i,i.type,e.allowedMimeTypes||[]);return l.isValid?(t.mimeType={passed:!0},{isValid:!0,clientValidation:t,sanitizedFileName:this.getSanitizedFileName(i.name)}):(t.passed=!1,t.mimeType={passed:!1,error:l.error},{isValid:!1,clientValidation:t,sanitizedFileName:this.getSanitizedFileName(i.name)})}static getSanitizedFileName(i){return o.sanitizeFileName(i)}static async validateFilesForUpload(i,e){const t=[],a=[];for(const s of i){const n=await this.validateFileForUpload(s,e);n.isValid?t.push({file:s,result:n}):a.push({file:s,result:n})}return{valid:t,invalid:a}}}export{V as X};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/alert-8Xu28MAD.js b/apps/edr-freight-web/backoffice/public/_um/assets/alert-8Xu28MAD.js
new file mode 100644
index 000000000..79bb077f8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/alert-8Xu28MAD.js
@@ -0,0 +1 @@
+import{r as a,j as s,b8 as l,bv as i}from"./index-Db-xuq0b.js";const o=i("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),n=a.forwardRef(({className:e,variant:t,...r},d)=>s.jsx("div",{ref:d,role:"alert",className:l(o({variant:t}),e),...r}));n.displayName="Alert";const v=a.forwardRef(({className:e,...t},r)=>s.jsx("h5",{ref:r,className:l("mb-1 font-medium leading-none tracking-tight",e),...t}));v.displayName="AlertTitle";const c=a.forwardRef(({className:e,...t},r)=>s.jsx("div",{ref:r,className:l("text-sm [&_p]:leading-relaxed",e),...t}));c.displayName="AlertDescription";export{n as A,c as a,v as b};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/alert-dialog-B5Y0wlSz.js b/apps/edr-freight-web/backoffice/public/_um/assets/alert-dialog-B5Y0wlSz.js
new file mode 100644
index 000000000..8f3e50413
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/alert-dialog-B5Y0wlSz.js
@@ -0,0 +1 @@
+import{r,j as a,b1 as p,b8 as i,b9 as x}from"./index-Db-xuq0b.js";const u=r.createContext({open:!1,setOpen:()=>{}});function b({children:e,open:t,onOpenChange:s,defaultOpen:l=!1}){const[o,n]=r.useState(l),c=t!==void 0,f=c?t:o,g=r.useCallback(d=>{c||n(d),s==null||s(d)},[c,s]);return a.jsx(u.Provider,{value:{open:f,setOpen:g},children:e})}function j({children:e,asChild:t}){const{setOpen:s}=r.useContext(u);return t&&r.isValidElement(e)?r.cloneElement(e,{onClick:l=>{var o,n;(n=(o=e.props).onClick)==null||n.call(o,l),s(!0)}}):a.jsx("span",{"data-slot":"alert-dialog-trigger",onClick:()=>s(!0),style:{display:"contents",cursor:"pointer"},children:e})}function A({children:e,className:t,...s}){const{open:l,setOpen:o}=r.useContext(u);return a.jsx(p,{opened:l,onClose:()=>o(!1),withCloseButton:!1,centered:!0,padding:0,radius:"lg",classNames:{content:i("bg-background text-foreground",t),overlay:"bg-black/50"},...s,children:a.jsx("div",{className:"grid gap-4 p-6",children:e})})}function v({className:e,...t}){return a.jsx("div",{"data-slot":"alert-dialog-header",className:i("flex flex-col gap-2 text-center sm:text-left",e),...t})}function D({className:e,...t}){return a.jsx("div",{"data-slot":"alert-dialog-footer",className:i("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...t})}function N({className:e,...t}){return a.jsx("div",{"data-slot":"alert-dialog-title",className:i("text-lg font-semibold",e),...t})}function y({className:e,...t}){return a.jsx("div",{"data-slot":"alert-dialog-description",className:i("text-muted-foreground text-sm",e),...t})}function C({className:e,onClick:t,children:s,...l}){const{setOpen:o}=r.useContext(u);return a.jsx("button",{type:"button",className:i(x(),e),onClick:n=>{t==null||t(n),o(!1)},...l,children:s})}function E({className:e,onClick:t,children:s,...l}){const{setOpen:o}=r.useContext(u);return a.jsx("button",{type:"button",className:i(x({variant:"outline"}),e),onClick:n=>{t==null||t(n),o(!1)},...l,children:s})}export{b as A,A as a,v as b,N as c,y as d,D as e,E as f,C as g,j as h};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/archive-restore-CST5LuiK.js b/apps/edr-freight-web/backoffice/public/_um/assets/archive-restore-CST5LuiK.js
new file mode 100644
index 000000000..430f4f9e0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/archive-restore-CST5LuiK.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const t=[["rect",{width:"20",height:"5",x:"2",y:"3",rx:"1",key:"1wp1u1"}],["path",{d:"M4 8v11a2 2 0 0 0 2 2h2",key:"tvwodi"}],["path",{d:"M20 8v11a2 2 0 0 1-2 2h-2",key:"1gkqxj"}],["path",{d:"m9 15 3-3 3 3",key:"1pd0qc"}],["path",{d:"M12 12v9",key:"192myk"}]],o=e("archive-restore",t);export{o as A};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/arrow-left-CE5-YfaQ.js b/apps/edr-freight-web/backoffice/public/_um/assets/arrow-left-CE5-YfaQ.js
new file mode 100644
index 000000000..769a28386
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/arrow-left-CE5-YfaQ.js
@@ -0,0 +1,6 @@
+import{y as o}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]],r=o("arrow-left",e);export{r as A};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/avatar-C2-XEZ4v.js b/apps/edr-freight-web/backoffice/public/_um/assets/avatar-C2-XEZ4v.js
new file mode 100644
index 000000000..5aa683f80
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/avatar-C2-XEZ4v.js
@@ -0,0 +1 @@
+import{r as p,K as M,N,V as b,j as c,Q as j,W as w,a3 as Z,$ as z,Y as F,_ as V,b8 as $}from"./index-Db-xuq0b.js";const G=p.createContext(null),P=G.Provider;function B(){return{withinGroup:!!p.useContext(G)}}var C={group:"m_11def92b",root:"m_f85678b6",image:"m_11f8ac07",placeholder:"m_104cd71f"};const U={},K=w((r,{spacing:a})=>({group:{"--ag-spacing":Z(a)}})),h=M((r,a)=>{const t=N("AvatarGroup",U,r),{classNames:e,className:n,style:l,styles:u,unstyled:i,vars:d,spacing:s,...o}=t,m=b({name:"AvatarGroup",classes:C,props:t,className:n,style:l,classNames:e,styles:u,unstyled:i,vars:d,varsResolver:K,rootSelector:"group"});return c.jsx(P,{value:!0,children:c.jsx(j,{ref:a,...m("group"),...o})})});h.classes=C;h.displayName="@mantine/core/AvatarGroup";function Q(r){return c.jsx("svg",{...r,"data-avatar-placeholder-icon":!0,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:c.jsx("path",{d:"M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})}function W(r){let a=0;for(let t=0;t<r.length;t+=1){const e=r.charCodeAt(t);a=(a<<5)-a+e,a|=0}return a}const Y=["blue","cyan","grape","green","indigo","lime","orange","pink","red","teal","violet"];function q(r,a=Y){const t=W(r),e=Math.abs(t)%a.length;return a[e]}function D(r,a=2){const t=r.split(" ");return t.length===1?r.slice(0,a).toUpperCase():t?.map(e=>e[0]).slice(0,a).join("").toUpperCase()}const H={},J=w((r,{size:a,radius:t,variant:e,gradient:n,color:l,autoContrast:u,name:i,allowedInitialsColors:d})=>{const s=l==="initials"&&typeof i=="string"?q(i,d):l,o=r.variantColorResolver({color:s||"gray",theme:r,gradient:n,variant:e||"light",autoContrast:u});return{root:{"--avatar-size":V(a,"avatar-size"),"--avatar-radius":t===void 0?void 0:F(t),"--avatar-bg":s||e?o.background:void 0,"--avatar-color":s||e?o.color:void 0,"--avatar-bd":s||e?o.border:void 0}}}),g=z((r,a)=>{const t=N("Avatar",H,r),{classNames:e,className:n,style:l,styles:u,unstyled:i,vars:d,src:s,alt:o,radius:m,color:X,gradient:aa,imageProps:v,children:R,autoContrast:ra,mod:E,name:x,allowedInitialsColors:ta,...I}=t,S=B(),[_,y]=p.useState(!s),f=b({name:"Avatar",props:t,classes:C,className:n,style:l,classNames:e,styles:u,unstyled:i,vars:d,varsResolver:J});return p.useEffect(()=>y(!s),[s]),c.jsx(j,{...f("root"),mod:[{"within-group":S.withinGroup},E],ref:a,...I,children:_?c.jsx("span",{...f("placeholder"),title:o,children:R||typeof x=="string"&&D(x)||c.jsx(Q,{})}):c.jsx("img",{...v,...f("image"),src:s,alt:o,onError:k=>{var A;y(!0),(A=v==null?void 0:v.onError)==null||A.call(v,k)}})})});g.classes=C;g.displayName="@mantine/core/Avatar";g.Group=h;p.createContext({});function L({className:r,children:a,...t}){const e=p.Children.toArray(a),n=e.find(s=>{var o;return p.isValidElement(s)&&((o=s.type)==null?void 0:o.displayName)==="AvatarImage"}),l=e.find(s=>{var o;return p.isValidElement(s)&&((o=s.type)==null?void 0:o.displayName)==="AvatarFallback"}),u=n==null?void 0:n.props.src,i=(n==null?void 0:n.props.alt)??"",d=l==null?void 0:l.props.children;return c.jsx(g,{src:u,alt:i,radius:"xl",className:$("relative flex size-8 shrink-0 overflow-hidden rounded-full",r),...t,children:d})}L.displayName="Avatar";function O({className:r,src:a,alt:t,...e}){return null}O.displayName="AvatarImage";function T({className:r,children:a,...t}){return null}T.displayName="AvatarFallback";export{L as A,T as a,g as b,O as c};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/badge-D7JvaQeJ.js b/apps/edr-freight-web/backoffice/public/_um/assets/badge-D7JvaQeJ.js
new file mode 100644
index 000000000..3df53903f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/badge-D7JvaQeJ.js
@@ -0,0 +1 @@
+import{r as d,b8 as a,j as g,bv as u}from"./index-Db-xuq0b.js";const o=u("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"bg-blue-100 text-blue-800 text-sm font-medium me-2 px-3 py-0.5 rounded-full dark:bg-blue-900 dark:text-blue-300",secondary:"bg-indigo-100 text-indigo-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-indigo-900 dark:text-indigo-300",destructive:"bg-gray-100 text-gray-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-sm dark:bg-gray-700 dark:text-gray-300",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",info:"border-transparent bg-info text-info-foreground [a&]:hover:bg-info/90",purple:"bg-purple-100 text-purple-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-purple-900 dark:text-purple-300",warning:"bg-pink-100 text-pink-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-pink-900 dark:text-pink-300",success:"bg-green-100 text-green-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-green-900 dark:text-green-300",danger:"bg-red-100 text-red-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-red-900 dark:text-red-300",danger2:"bg-yellow-100 text-yellow-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-yellow-900 dark:text-yellow-300",forward:"bg-orange-100 text-orange-800 text-sm font-medium me-2 px-3 py-0.5 rounded-full dark:bg-orange-900 dark:text-orange-300",dispatched:"bg-green-100 text-green-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-green-900 dark:text-green-300"}},defaultVariants:{variant:"default"}});function l({className:t,variant:r,asChild:i=!1,children:e,...n}){return i&&d.isValidElement(e)?d.cloneElement(e,{className:a(o({variant:r}),e.props.className,t),...n}):g.jsx("span",{"data-slot":"badge",className:a(o({variant:r}),t),...n,children:e})}export{l as B};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/building-B2uZxFCD.js b/apps/edr-freight-web/backoffice/public/_um/assets/building-B2uZxFCD.js
new file mode 100644
index 000000000..963ece09e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/building-B2uZxFCD.js
@@ -0,0 +1,6 @@
+import{y as h}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const t=[["rect",{width:"16",height:"20",x:"4",y:"2",rx:"2",ry:"2",key:"76otgf"}],["path",{d:"M9 22v-4h6v4",key:"r93iot"}],["path",{d:"M8 6h.01",key:"1dz90k"}],["path",{d:"M16 6h.01",key:"1x0f13"}],["path",{d:"M12 6h.01",key:"1vi96p"}],["path",{d:"M12 10h.01",key:"1nrarc"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 10h.01",key:"1m94wz"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 10h.01",key:"19clt8"}],["path",{d:"M8 14h.01",key:"6423bh"}]],d=h("building",t);export{d as B};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/card-BBWyxDss.js b/apps/edr-freight-web/backoffice/public/_um/assets/card-BBWyxDss.js
new file mode 100644
index 000000000..cd8a127f6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/card-BBWyxDss.js
@@ -0,0 +1 @@
+import{j as e,b8 as r}from"./index-Db-xuq0b.js";function s({className:a,...t}){return e.jsx("div",{"data-slot":"card",className:r("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",a),...t})}function n({className:a,...t}){return e.jsx("div",{"data-slot":"card-header",className:r("flex flex-col gap-1.5 px-6",a),...t})}function o({className:a,...t}){return e.jsx("div",{"data-slot":"card-title",className:r("leading-none font-semibold",a),...t})}function c({className:a,...t}){return e.jsx("div",{"data-slot":"card-description",className:r("text-muted-foreground text-sm",a),...t})}function l({className:a,...t}){return e.jsx("div",{"data-slot":"card-content",className:r("px-6",a),...t})}export{s as C,n as a,o as b,c,l as d};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/checkbox-Dd0VhnrO.js b/apps/edr-freight-web/backoffice/public/_um/assets/checkbox-Dd0VhnrO.js
new file mode 100644
index 000000000..b5452e452
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/checkbox-Dd0VhnrO.js
@@ -0,0 +1 @@
+import{j as l,b8 as b,bv as d}from"./index-Db-xuq0b.js";import{a as o}from"./Checkbox-IILksgz0.js";const c=d("",{variants:{variant:{default:"",subtle:"border-muted bg-muted/20",soft:"rounded-full border-2 border-primary"},size:{sm:"!w-3 !h-3",md:"!w-4 !h-4",lg:"!w-5 !h-5"}},defaultVariants:{variant:"default",size:"md"}});function n({className:i,variant:m="default",size:u="md",checked:s,onCheckedChange:t,disabled:e,...f}){const r=s==="indeterminate";return l.jsx(o,{checked:r?!1:s??!1,indeterminate:r,onChange:a=>{t==null||t(a.currentTarget.checked)},disabled:e,classNames:{input:b(c({variant:m,size:u}),i)},...f})}export{n as C};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/chevron-left-DCpEaNzo.js b/apps/edr-freight-web/backoffice/public/_um/assets/chevron-left-DCpEaNzo.js
new file mode 100644
index 000000000..47d8bcc53
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/chevron-left-DCpEaNzo.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],c=e("chevron-left",o);export{c as C};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/circle-alert-Cd_zeQMw.js b/apps/edr-freight-web/backoffice/public/_um/assets/circle-alert-Cd_zeQMw.js
new file mode 100644
index 000000000..3c48f3373
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/circle-alert-Cd_zeQMw.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const c=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]],y=e("circle-alert",c);export{y as C};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/command-Cr0tMDDu.js b/apps/edr-freight-web/backoffice/public/_um/assets/command-Cr0tMDDu.js
new file mode 100644
index 000000000..9eb347c0d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/command-Cr0tMDDu.js
@@ -0,0 +1,5 @@
+import{r as l,c9 as ze,j as m,c7 as k,c6 as ue,c5 as He,cg as Ue,c0 as I,c1 as de,ce as Ye,c3 as K,cj as Je,ck as Xe,cf as Ze,ch as Qe,ci as et,cE as tt,cF as V,b8 as L}from"./index-Db-xuq0b.js";import{S as rt}from"./search-CM5F2ZRy.js";var we=1,nt=.9,ot=.8,at=.17,ae=.1,le=.999,lt=.9999,it=.99,st=/[\\\/_+.#"@\[\(\{&]/,ct=/[\\\/_+.#"@\[\(\{&]/g,ut=/[\s-]/,Ie=/[\s-]/g;function se(e,r,t,i,o,a,s){if(a===r.length)return o===e.length?we:it;var d=`${o},${a}`;if(s[d]!==void 0)return s[d];for(var g=i.charAt(a),c=t.indexOf(g,o),v=0,h,C,w,A;c>=0;)h=se(e,r,t,i,c+1,a+1,s),h>v&&(c===o?h*=we:st.test(e.charAt(c-1))?(h*=ot,w=e.slice(o,c-1).match(ct),w&&o>0&&(h*=Math.pow(le,w.length))):ut.test(e.charAt(c-1))?(h*=nt,A=e.slice(o,c-1).match(Ie),A&&o>0&&(h*=Math.pow(le,A.length))):(h*=at,o>0&&(h*=Math.pow(le,c-o))),e.charAt(c)!==r.charAt(a)&&(h*=lt)),(h<ae&&t.charAt(c-1)===i.charAt(a+1)||i.charAt(a+1)===i.charAt(a)&&t.charAt(c-1)!==i.charAt(a))&&(C=se(e,r,t,i,c+1,a+2,s),C*ae>h&&(h=C*ae)),h>v&&(v=h),c=t.indexOf(g,c+1);return s[d]=v,v}function Re(e){return e.toLowerCase().replace(Ie," ")}function dt(e,r,t){return e=t&&t.length>0?`${e+" "+t.join(" ")}`:e,se(e,r,Re(e),Re(r),0,0,{})}var U="Dialog",[Se]=Je(U),[ft,S]=Se(U),ke=e=>{const{__scopeDialog:r,children:t,open:i,defaultOpen:o,onOpenChange:a,modal:s=!0}=e,d=l.useRef(null),g=l.useRef(null),[c,v]=ze({prop:i,defaultProp:o??!1,onChange:a,caller:U});return m.jsx(ft,{scope:r,triggerRef:d,contentRef:g,contentId:k(),titleId:k(),descriptionId:k(),open:c,onOpenChange:v,onOpenToggle:l.useCallback(()=>v(h=>!h),[v]),modal:s,children:t})};ke.displayName=U;var Ae="DialogTrigger",mt=l.forwardRef((e,r)=>{const{__scopeDialog:t,...i}=e,o=S(Ae,t),a=de(r,o.triggerRef);return m.jsx(I.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.open?o.contentId:void 0,"data-state":pe(o.open),...i,ref:a,onClick:K(e.onClick,o.onOpenToggle)})});mt.displayName=Ae;var fe="DialogPortal",[pt,Ne]=Se(fe,{forceMount:void 0}),_e=e=>{const{__scopeDialog:r,forceMount:t,children:i,container:o}=e,a=S(fe,r);return m.jsx(pt,{scope:r,forceMount:t,children:l.Children?.map(i,s=>m.jsx(ue,{present:t||a.open,children:m.jsx(He,{asChild:!0,container:o,children:s})}))})};_e.displayName=fe;var H="DialogOverlay",je=l.forwardRef((e,r)=>{const t=Ne(H,e.__scopeDialog),{forceMount:i=t.forceMount,...o}=e,a=S(H,e.__scopeDialog);return a.modal?m.jsx(ue,{present:i||a.open,children:m.jsx(vt,{...o,ref:r})}):null});je.displayName=H;var gt=Xe("DialogOverlay.RemoveScroll"),vt=l.forwardRef((e,r)=>{const{__scopeDialog:t,...i}=e,o=S(H,t);return m.jsx(Ue,{as:gt,allowPinchZoom:!0,shards:[o.contentRef],children:m.jsx(I.div,{"data-state":pe(o.open),...i,ref:r,style:{pointerEvents:"auto",...i.style}})})}),M="DialogContent",Me=l.forwardRef((e,r)=>{const t=Ne(M,e.__scopeDialog),{forceMount:i=t.forceMount,...o}=e,a=S(M,e.__scopeDialog);return m.jsx(ue,{present:i||a.open,children:a.modal?m.jsx(ht,{...o,ref:r}):m.jsx(xt,{...o,ref:r})})});Me.displayName=M;var ht=l.forwardRef((e,r)=>{const t=S(M,e.__scopeDialog),i=l.useRef(null),o=de(r,t.contentRef,i);return l.useEffect(()=>{const a=i.current;if(a)return Ye(a)},[]),m.jsx(Pe,{...e,ref:o,trapFocus:t.open,disableOutsidePointerEvents:t.open,onCloseAutoFocus:K(e.onCloseAutoFocus,a=>{var s;a.preventDefault(),(s=t.triggerRef.current)==null||s.focus()}),onPointerDownOutside:K(e.onPointerDownOutside,a=>{const s=a.detail.originalEvent,d=s.button===0&&s.ctrlKey===!0;(s.button===2||d)&&a.preventDefault()}),onFocusOutside:K(e.onFocusOutside,a=>a.preventDefault())})}),xt=l.forwardRef((e,r)=>{const t=S(M,e.__scopeDialog),i=l.useRef(!1),o=l.useRef(!1);return m.jsx(Pe,{...e,ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:a=>{var s,d;(s=e.onCloseAutoFocus)==null||s.call(e,a),a.defaultPrevented||(i.current||(d=t.triggerRef.current)==null||d.focus(),a.preventDefault()),i.current=!1,o.current=!1},onInteractOutside:a=>{var g,c;(g=e.onInteractOutside)==null||g.call(e,a),a.defaultPrevented||(i.current=!0,a.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const s=a.target;((c=t.triggerRef.current)==null?void 0:c.contains(s))&&a.preventDefault(),a.detail.originalEvent.type==="focusin"&&o.current&&a.preventDefault()}})}),Pe=l.forwardRef((e,r)=>{const{__scopeDialog:t,trapFocus:i,onOpenAutoFocus:o,onCloseAutoFocus:a,...s}=e,d=S(M,t),g=l.useRef(null),c=de(r,g);return Ze(),m.jsxs(m.Fragment,{children:[m.jsx(Qe,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:o,onUnmountAutoFocus:a,children:m.jsx(et,{role:"dialog",id:d.contentId,"aria-describedby":d.descriptionId,"aria-labelledby":d.titleId,"data-state":pe(d.open),...s,ref:c,onDismiss:()=>d.onOpenChange(!1)})}),m.jsxs(m.Fragment,{children:[m.jsx(Ct,{titleId:d.titleId}),m.jsx(Rt,{contentRef:g,descriptionId:d.descriptionId})]})]})}),me="DialogTitle",bt=l.forwardRef((e,r)=>{const{__scopeDialog:t,...i}=e,o=S(me,t);return m.jsx(I.h2,{id:o.titleId,...i,ref:r})});bt.displayName=me;var Oe="DialogDescription",yt=l.forwardRef((e,r)=>{const{__scopeDialog:t,...i}=e,o=S(Oe,t);return m.jsx(I.p,{id:o.descriptionId,...i,ref:r})});yt.displayName=Oe;var Fe="DialogClose",Et=l.forwardRef((e,r)=>{const{__scopeDialog:t,...i}=e,o=S(Fe,t);return m.jsx(I.button,{type:"button",...i,ref:r,onClick:K(e.onClick,()=>o.onOpenChange(!1))})});Et.displayName=Fe;function pe(e){return e?"open":"closed"}var Te="DialogTitleWarning",[zt,$e]=tt(Te,{contentName:M,titleName:me,docsSlug:"dialog"}),Ct=({titleId:e})=>{const r=$e(Te),t=`\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${r.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${r.docsSlug}`;return l.useEffect(()=>{if(e){const i=document.getElementById(e)}},[t,e]),null},wt="DialogDescriptionWarning",Rt=({contentRef:e,descriptionId:r})=>{const i=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${$e(wt).contentName}}.`;return l.useEffect(()=>{var a;const o=(a=e.current)==null?void 0:a.getAttribute("aria-describedby");if(r&&o){const s=document.getElementById(r)}},[i,e,r]),null},Dt=ke,It=_e,St=je,kt=Me,G='[cmdk-group=""]',ie='[cmdk-group-items=""]',At='[cmdk-group-heading=""]',Le='[cmdk-item=""]',De=`${Le}:not([aria-disabled="true"])`,ce="cmdk-item-select",T="data-value",Nt=(e,r,t)=>dt(e,r,t),We=l.createContext(void 0),q=()=>l.useContext(We),Ge=l.createContext(void 0),ge=()=>l.useContext(Ge),Ke=l.createContext(void 0),Ve=l.forwardRef((e,r)=>{let t=$(()=>{var n,f;return{search:"",value:(f=(n=e.value)!=null?n:e.defaultValue)!=null?f:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),i=$(()=>new Set),o=$(()=>new Map),a=$(()=>new Map),s=$(()=>new Set),d=qe(e),{label:g,children:c,value:v,onValueChange:h,filter:C,shouldFilter:w,loop:A,disablePointerSelection:J=!1,vimBindings:_=!0,...B}=e,X=k(),ve=k(),Z=k(),j=l.useRef(null),y=Gt();P(()=>{if(v!==void 0){let n=v.trim();t.current.value=n,R.emit()}},[v]),P(()=>{y(6,xe)},[]);let R=l.useMemo(()=>({subscribe:n=>(s.current.add(n),()=>s.current.delete(n)),snapshot:()=>t.current,setState:(n,f,p)=>{var u,x,b,D;if(!Object.is(t.current[n],f)){if(t.current[n]=f,n==="search")re(),ee(),y(1,te);else if(n==="value"){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let E=document.getElementById(Z);E?E.focus():(u=document.getElementById(X))==null||u.focus()}if(y(7,()=>{var E;t.current.selectedItemId=(E=F())==null?void 0:E.id,R.emit()}),p||y(5,xe),((x=d.current)==null?void 0:x.value)!==void 0){let E=f??"";(D=(b=d.current).onValueChange)==null||D.call(b,E);return}}R.emit()}},emit:()=>{s.current.forEach(n=>n())}}),[]),Q=l.useMemo(()=>({value:(n,f,p)=>{var u;f!==((u=a.current.get(n))==null?void 0:u.value)&&(a.current.set(n,{value:f,keywords:p}),t.current.filtered.items.set(n,he(f,p)),y(2,()=>{ee(),R.emit()}))},item:(n,f)=>(i.current.add(n),f&&(o.current.has(f)?o.current.get(f).add(n):o.current.set(f,new Set([n]))),y(3,()=>{re(),ee(),t.current.value||te(),R.emit()}),()=>{a.current.delete(n),i.current.delete(n),t.current.filtered.items.delete(n);let p=F();y(4,()=>{re(),(p==null?void 0:p.getAttribute("id"))===n&&te(),R.emit()})}),group:n=>(o.current.has(n)||o.current.set(n,new Set),()=>{a.current.delete(n),o.current.delete(n)}),filter:()=>d.current.shouldFilter,label:g||e["aria-label"],getDisablePointerSelection:()=>d.current.disablePointerSelection,listId:X,inputId:Z,labelId:ve,listInnerRef:j}),[]);function he(n,f){var p,u;let x=(u=(p=d.current)==null?void 0:p.filter)!=null?u:Nt;return n?x(n,t.current.search,f):0}function ee(){if(!t.current.search||d.current.shouldFilter===!1)return;let n=t.current.filtered.items,f=[];t.current.filtered.groups.forEach(u=>{let x=o.current.get(u),b=0;x.forEach(D=>{let E=n.get(D);b=Math.max(E,b)}),f.push([u,b])});let p=j.current;W().sort((u,x)=>{var b,D;let E=u.getAttribute("id"),z=x.getAttribute("id");return((b=n.get(z))!=null?b:0)-((D=n.get(E))!=null?D:0)}).forEach(u=>{let x=u.closest(ie);x?x.appendChild(u.parentElement===x?u:u.closest(`${ie} > *`)):p.appendChild(u.parentElement===p?u:u.closest(`${ie} > *`))}),f.sort((u,x)=>x[1]-u[1]).forEach(u=>{var x;let b=(x=j.current)==null?void 0:x.querySelector(`${G}[${T}="${encodeURIComponent(u[0])}"]`);b==null||b.parentElement.appendChild(b)})}function te(){let n=W().find(p=>p.getAttribute("aria-disabled")!=="true"),f=n==null?void 0:n.getAttribute(T);R.setState("value",f||void 0)}function re(){var n,f,p,u;if(!t.current.search||d.current.shouldFilter===!1){t.current.filtered.count=i.current.size;return}t.current.filtered.groups=new Set;let x=0;for(let b of i.current){let D=(f=(n=a.current.get(b))==null?void 0:n.value)!=null?f:"",E=(u=(p=a.current.get(b))==null?void 0:p.keywords)!=null?u:[],z=he(D,E);t.current.filtered.items.set(b,z),z>0&&x++}for(let[b,D]of o.current)for(let E of D)if(t.current.filtered.items.get(E)>0){t.current.filtered.groups.add(b);break}t.current.filtered.count=x}function xe(){var n,f,p;let u=F();u&&(((n=u.parentElement)==null?void 0:n.firstChild)===u&&((p=(f=u.closest(G))==null?void 0:f.querySelector(At))==null||p.scrollIntoView({block:"nearest"})),u.scrollIntoView({block:"nearest"}))}function F(){var n;return(n=j.current)==null?void 0:n.querySelector(`${Le}[aria-selected="true"]`)}function W(){var n;return Array.from(((n=j.current)==null?void 0:n.querySelectorAll(De))||[])}function ne(n){let f=W()[n];f&&R.setState("value",f.getAttribute(T))}function oe(n){var f;let p=F(),u=W(),x=u.findIndex(D=>D===p),b=u[x+n];(f=d.current)!=null&&f.loop&&(b=x+n<0?u[u.length-1]:x+n===u.length?u[0]:u[x+n]),b&&R.setState("value",b.getAttribute(T))}function be(n){let f=F(),p=f==null?void 0:f.closest(G),u;for(;p&&!u;)p=n>0?Lt(p,G):Wt(p,G),u=p==null?void 0:p.querySelector(De);u?R.setState("value",u.getAttribute(T)):oe(n)}let ye=()=>ne(W().length-1),Ee=n=>{n.preventDefault(),n.metaKey?ye():n.altKey?be(1):oe(1)},Ce=n=>{n.preventDefault(),n.metaKey?ne(0):n.altKey?be(-1):oe(-1)};return l.createElement(I.div,{ref:r,tabIndex:-1,...B,"cmdk-root":"",onKeyDown:n=>{var f;(f=B.onKeyDown)==null||f.call(B,n);let p=n.nativeEvent.isComposing||n.keyCode===229;if(!(n.defaultPrevented||p))switch(n.key){case"n":case"j":{_&&n.ctrlKey&&Ee(n);break}case"ArrowDown":{Ee(n);break}case"p":case"k":{_&&n.ctrlKey&&Ce(n);break}case"ArrowUp":{Ce(n);break}case"Home":{n.preventDefault(),ne(0);break}case"End":{n.preventDefault(),ye();break}case"Enter":{n.preventDefault();let u=F();if(u){let x=new Event(ce);u.dispatchEvent(x)}}}}},l.createElement("label",{"cmdk-label":"",htmlFor:Q.inputId,id:Q.labelId,style:Vt},g),Y(e,n=>l.createElement(Ge.Provider,{value:R},l.createElement(We.Provider,{value:Q},n))))}),_t=l.forwardRef((e,r)=>{var t,i;let o=k(),a=l.useRef(null),s=l.useContext(Ke),d=q(),g=qe(e),c=(i=(t=g.current)==null?void 0:t.forceMount)!=null?i:s==null?void 0:s.forceMount;P(()=>{if(!c)return d.item(o,s==null?void 0:s.id)},[c]);let v=Be(o,a,[e.value,e.children,a],e.keywords),h=ge(),C=N(y=>y.value&&y.value===v.current),w=N(y=>c||d.filter()===!1?!0:y.search?y.filtered.items.get(o)>0:!0);l.useEffect(()=>{let y=a.current;if(!(!y||e.disabled))return y.addEventListener(ce,A),()=>y.removeEventListener(ce,A)},[w,e.onSelect,e.disabled]);function A(){var y,R;J(),(R=(y=g.current).onSelect)==null||R.call(y,v.current)}function J(){h.setState("value",v.current,!0)}if(!w)return null;let{disabled:_,value:B,onSelect:X,forceMount:ve,keywords:Z,...j}=e;return l.createElement(I.div,{ref:V(a,r),...j,id:o,"cmdk-item":"",role:"option","aria-disabled":!!_,"aria-selected":!!C,"data-disabled":!!_,"data-selected":!!C,onPointerMove:_||d.getDisablePointerSelection()?void 0:J,onClick:_?void 0:A},e.children)}),jt=l.forwardRef((e,r)=>{let{heading:t,children:i,forceMount:o,...a}=e,s=k(),d=l.useRef(null),g=l.useRef(null),c=k(),v=q(),h=N(w=>o||v.filter()===!1?!0:w.search?w.filtered.groups.has(s):!0);P(()=>v.group(s),[]),Be(s,d,[e.value,e.heading,g]);let C=l.useMemo(()=>({id:s,forceMount:o}),[o]);return l.createElement(I.div,{ref:V(d,r),...a,"cmdk-group":"",role:"presentation",hidden:h?void 0:!0},t&&l.createElement("div",{ref:g,"cmdk-group-heading":"","aria-hidden":!0,id:c},t),Y(e,w=>l.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":t?c:void 0},l.createElement(Ke.Provider,{value:C},w))))}),Mt=l.forwardRef((e,r)=>{let{alwaysRender:t,...i}=e,o=l.useRef(null),a=N(s=>!s.search);return!t&&!a?null:l.createElement(I.div,{ref:V(o,r),...i,"cmdk-separator":"",role:"separator"})}),Pt=l.forwardRef((e,r)=>{let{onValueChange:t,...i}=e,o=e.value!=null,a=ge(),s=N(c=>c.search),d=N(c=>c.selectedItemId),g=q();return l.useEffect(()=>{e.value!=null&&a.setState("search",e.value)},[e.value]),l.createElement(I.input,{ref:r,...i,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":g.listId,"aria-labelledby":g.labelId,"aria-activedescendant":d,id:g.inputId,type:"text",value:o?e.value:s,onChange:c=>{o||a.setState("search",c.target.value),t==null||t(c.target.value)}})}),Ot=l.forwardRef((e,r)=>{let{children:t,label:i="Suggestions",...o}=e,a=l.useRef(null),s=l.useRef(null),d=N(c=>c.selectedItemId),g=q();return l.useEffect(()=>{if(s.current&&a.current){let c=s.current,v=a.current,h,C=new ResizeObserver(()=>{h=requestAnimationFrame(()=>{let w=c.offsetHeight;v.style.setProperty("--cmdk-list-height",w.toFixed(1)+"px")})});return C.observe(c),()=>{cancelAnimationFrame(h),C.unobserve(c)}}},[]),l.createElement(I.div,{ref:V(a,r),...o,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":d,"aria-label":i,id:g.listId},Y(e,c=>l.createElement("div",{ref:V(s,g.listInnerRef),"cmdk-list-sizer":""},c)))}),Ft=l.forwardRef((e,r)=>{let{open:t,onOpenChange:i,overlayClassName:o,contentClassName:a,container:s,...d}=e;return l.createElement(Dt,{open:t,onOpenChange:i},l.createElement(It,{container:s},l.createElement(St,{"cmdk-overlay":"",className:o}),l.createElement(kt,{"aria-label":e.label,"cmdk-dialog":"",className:a},l.createElement(Ve,{ref:r,...d}))))}),Tt=l.forwardRef((e,r)=>N(t=>t.filtered.count===0)?l.createElement(I.div,{ref:r,...e,"cmdk-empty":"",role:"presentation"}):null),$t=l.forwardRef((e,r)=>{let{progress:t,children:i,label:o="Loading...",...a}=e;return l.createElement(I.div,{ref:r,...a,"cmdk-loading":"",role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":100,"aria-label":o},Y(e,s=>l.createElement("div",{"aria-hidden":!0},s)))}),O=Object.assign(Ve,{List:Ot,Item:_t,Input:Pt,Group:jt,Separator:Mt,Dialog:Ft,Empty:Tt,Loading:$t});function Lt(e,r){let t=e.nextElementSibling;for(;t;){if(t.matches(r))return t;t=t.nextElementSibling}}function Wt(e,r){let t=e.previousElementSibling;for(;t;){if(t.matches(r))return t;t=t.previousElementSibling}}function qe(e){let r=l.useRef(e);return P(()=>{r.current=e}),r}var P=typeof window>"u"?l.useEffect:l.useLayoutEffect;function $(e){let r=l.useRef();return r.current===void 0&&(r.current=e()),r}function N(e){let r=ge(),t=()=>e(r.snapshot());return l.useSyncExternalStore(r.subscribe,t,t)}function Be(e,r,t,i=[]){let o=l.useRef(),a=q();return P(()=>{var s;let d=(()=>{var c;for(let v of t){if(typeof v=="string")return v.trim();if(typeof v=="object"&&"current"in v)return v.current?(c=v.current.textContent)==null?void 0:c.trim():o.current}})(),g=i?.map(c=>c.trim());a.value(e,d,g),(s=r.current)==null||s.setAttribute(T,d),o.current=d}),o}var Gt=()=>{let[e,r]=l.useState(),t=$(()=>new Map);return P(()=>{t.current.forEach(i=>i()),t.current=new Map},[e]),(i,o)=>{t.current.set(i,o),r({})}};function Kt(e){let r=e.type;return typeof r=="function"?r(e.props):"render"in r?r.render(e.props):e}function Y({asChild:e,children:r},t){return e&&l.isValidElement(r)?l.cloneElement(Kt(r),{ref:r.ref},t(r.props.children)):t(r)}var Vt={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};function Ht({className:e,...r}){return m.jsx(O,{"data-slot":"command",className:L("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...r})}function Ut({className:e,...r}){return m.jsxs("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3 dark:border-gray-600",children:[m.jsx(rt,{className:"size-4 shrink-0 opacity-50 dark:text-gray-400"}),m.jsx(O.Input,{"data-slot":"command-input",className:L("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",e),...r})]})}function Yt({className:e,...r}){const t=l.useRef(null);return l.useEffect(()=>{const i=t.current;if(!i)return;const o=a=>{const{scrollTop:s,scrollHeight:d,clientHeight:g}=i,c=a.deltaY<0,v=a.deltaY>0,h=s===0,C=s+g>=d;(c&&!h||v&&!C)&&a.stopPropagation()};return i.addEventListener("wheel",o,{passive:!1}),()=>{i.removeEventListener("wheel",o)}},[]),m.jsx(O.List,{ref:t,"data-slot":"command-list",className:L("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto overscroll-contain custom-scrollbar",e),style:{scrollbarWidth:"thin"},...r})}function Jt({...e}){return m.jsx(O.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}function Xt({className:e,...r}){return m.jsx(O.Group,{"data-slot":"command-group",className:L("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...r})}function Zt({className:e,...r}){return m.jsx(O.Separator,{"data-slot":"command-separator",className:L("bg-border -mx-1 h-px",e),...r})}function Qt({className:e,...r}){return m.jsx(O.Item,{"data-slot":"command-item",className:L("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...r})}export{Ht as C,Ut as a,Yt as b,Jt as c,Xt as d,Qt as e,Zt as f};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/create-CKkKJa2c.js b/apps/edr-freight-web/backoffice/public/_um/assets/create-CKkKJa2c.js
new file mode 100644
index 000000000..baea1042f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/create-CKkKJa2c.js
@@ -0,0 +1 @@
+import{f as ne,d as ae,az as te,r as i,aR as ie,m as oe,j as e,v as n,I as z,B as I,t as p}from"./index-Db-xuq0b.js";import{u as re}from"./index.esm-BG4gweZJ.js";import{u as me,o as le,a as ce,s as h}from"./zod-Df58YiJ6.js";import{F as de,a as j,b as y,c as f,d as F,e as b}from"./form-BeLK5rTt.js";import{u as pe}from"./usePositionTypes-BW1bd5Uk.js";import{u as ue,P as ge,p as w}from"./useApplications-DVlMarnX.js";import{u as xe}from"./useUnit-C4s9nepK.js";import{S as M,a as A,b as L,c as T,d as k}from"./select-BoQxM42A.js";import{S as O}from"./single-select-D9ZG1edj.js";import{u as he}from"./useOrganizations-DiuNBweX.js";import{C as je,a as ye,b as fe,d as be}from"./card-BBWyxDss.js";import"./label-CsFy6wpo.js";import"./checkbox-Dd0VhnrO.js";import"./Checkbox-IILksgz0.js";import"./get-auto-contrast-value-Da6zqqWm.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./use-uncontrolled-C3HRHW6t.js";import"./search-CM5F2ZRy.js";import"./unitService-CmGVtFHQ.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./command-Cr0tMDDu.js";import"./organizationsService-BEVk8qa1.js";const Se=le({nameAm:h().min(2),nameEn:h().min(2),permissions:ce(h())}),Ce=()=>{const V=ne(),{createPositionType:E,positionTypes:U,isLoading:q}=pe(),{user:o}=ae(),{getList:B}=xe(),r=te(),H=o!=null&&o.employee&&o.employee.length>0?o.employee[0].organizationId:void 0,[l,Q]=i.useState(H??""),[u,S]=i.useState(""),[C,K]=i.useState(""),[R,D]=i.useState(""),[P,v]=i.useState(!1),G=ie.language,{applications:g,isLoading:J}=ue(),N=oe(),{organizationsResponse:c,isLoading:W}=he("Org",{take:3e3}),{data:d,isLoading:X}=B(l,{take:3e3,skip:0}),Y=i.useMemo(()=>((c==null?void 0:c.items)??[])?.map(s=>({value:s.id,label:r(s.name)||s.id})),[c,r]),Z=i.useMemo(()=>{var s;return(((s=d==null?void 0:d.data)==null?void 0:s.items)??[])?.map(t=>({value:t.id,label:r(t.name)||t.id}))},[d,r]);i.useEffect(()=>{S("")},[l]);const a=re({resolver:me(Se),defaultValues:{nameAm:"",nameEn:"",permissions:[]}}),_=(s,t)=>{const m=a.getValues("permissions");t?a.setValue("permissions",[...m,s]):a.setValue("permissions",m.filter(x=>x!==s))},$=async s=>{var t;if(D(s),!s){a.setValue("permissions",[]);return}v(!0);try{const x=((t=(await w.getPermissionsByPositionTypeId(s)).data.items)==null?void 0:t?.map(se=>se.id))??[];a.setValue("permissions",x)}catch{p.error(n("contentManagement.copyPermissionsFailed"))}finally{v(!1)}},ee=async s=>{try{if(!u){p.error(n("organization.selectUnit"));return}const m=(await E.mutateAsync({name:{am:s.nameAm,en:s.nameEn},key:s.nameEn.toLowerCase().replace(/\s+/g,"-"),unitId:u})).data.id;s.permissions.length>0&&await w.assignPermissionsToPositionType({firstId:m,secondIds:s.permissions}),N.invalidateQueries({queryKey:["position-type"]}),N.invalidateQueries({queryKey:["position-types"]}),p.success(n("contentManagement.permissionSuccess")),V("/user-management/position-management")}catch{p.error(n("contentManagement.permissionSuccess"))}};return e.jsx(de,{...a,children:e.jsxs("form",{onSubmit:a.handleSubmit(ee),className:"space-y-6",children:[e.jsx(j,{control:a.control,name:"nameEn",render:({field:s})=>e.jsxs(y,{children:[e.jsx(f,{children:n("contentManagement.englishName")}),e.jsx(F,{children:e.jsx(z,{...s,placeholder:"e.g. HR Coordinator"})}),e.jsx(b,{})]})}),e.jsx(j,{control:a.control,name:"nameAm",render:({field:s})=>e.jsxs(y,{children:[e.jsx(f,{children:n("contentManagement.amharicName")}),e.jsx(F,{children:e.jsx(z,{...s,placeholder:"e.g. ሰብል አያት"})}),e.jsx(b,{})]})}),e.jsxs("div",{className:"mb-4 w-full",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-1",children:n("organization.organization")||"Organization"}),e.jsx(O,{options:Y,value:l,onValueChange:Q,placeholder:W?n("common.loading"):n("organization.selectOrganization")||"Select an organization"})]}),e.jsxs("div",{className:"mb-4 w-full",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-1",children:n("organization.selectUnit")}),e.jsx(O,{options:Z,value:u,onValueChange:S,placeholder:l?X?n("common.loading"):n("organization.selectUnit"):n("organization.selectOrganizationFirst")||"Select an organization first"})]}),e.jsxs("div",{className:"mb-4 w-1/2",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700",children:n("contentManagement.selectApplication")}),e.jsxs(M,{value:C,onValueChange:s=>K(s),disabled:J,children:[e.jsx(A,{className:"mt-1 block w-full border-gray-300 rounded-md shadow-sm",children:e.jsx(L,{placeholder:"Select an Application"})}),e.jsx(T,{className:"max-h-60 overflow-y-auto",children:g==null?void 0:g?.map(s=>e.jsx(k,{value:s.id,children:G==="en"?s.name.en:s.name.am},s.id))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700",children:n("contentManagement.copyPermissionsFrom")}),e.jsxs(M,{value:R,onValueChange:$,disabled:q||P,children:[e.jsx(A,{className:"w-full",children:e.jsx(L,{placeholder:P?n("common.loading"):n("contentManagement.selectPositionToCopy")})}),e.jsx(T,{className:"max-h-60 overflow-y-auto",children:U?.map(s=>e.jsx(k,{value:s.id,children:r(s.name)},s.id))})]}),e.jsx("p",{className:"text-xs text-muted-foreground",children:n("contentManagement.copyPermissionsHint")})]}),e.jsx(j,{control:a.control,name:"permissions",render:({field:s})=>e.jsxs(y,{children:[e.jsx(f,{children:n("contentManagement.permission")}),e.jsx(ge,{selectedPermissions:s.value,onPermissionChange:_,applicationId:C}),e.jsx(b,{})]})}),e.jsxs("div",{className:"flex justify-end gap-4",children:[e.jsx(I,{type:"button",variant:"outline",onClick:()=>window.history.back(),children:n("common.Cancel")}),e.jsx(I,{type:"submit",children:n("delegation.save")})]})]})})},Ge=()=>e.jsx("div",{className:"p-6 max-w-3xl mx-auto",children:e.jsxs(je,{children:[e.jsx(ye,{children:e.jsx(fe,{children:n("contentManagement.createPermission")})}),e.jsx(be,{children:e.jsx(Ce,{})})]})});export{Ge as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/create-scoped-keydown-handler-O-eo68DQ.js b/apps/edr-freight-web/backoffice/public/_um/assets/create-scoped-keydown-handler-O-eo68DQ.js
new file mode 100644
index 000000000..b136001d1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/create-scoped-keydown-handler-O-eo68DQ.js
@@ -0,0 +1 @@
+function n(f,o){let a=f;for(;(a=a.parentElement)&&!a.matches(o););return a}function x(f,o,a){for(let r=f-1;r>=0;r-=1)if(!o[r].disabled)return r;if(a){for(let r=o.length-1;r>-1;r-=1)if(!o[r].disabled)return r}return f}function h(f,o,a){for(let r=f+1;r<o.length;r+=1)if(!o[r].disabled)return r;if(a){for(let r=0;r<o.length;r+=1)if(!o[r].disabled)return r}return f}function A(f,o,a){return n(f,a)===n(o,a)}function I({parentSelector:f,siblingSelector:o,onKeyDown:a,loop:r=!0,activateOnFocus:l=!1,dir:d="rtl",orientation:c}){return t=>{var k;a==null||a(t);const e=Array.from(((k=n(t.currentTarget,f))==null?void 0:k.querySelectorAll(o))||[]).filter(i=>A(t.currentTarget,i,f)),p=e.findIndex(i=>t.currentTarget===i),s=h(p,e,r),u=x(p,e,r),g=d==="rtl"?u:s,b=d==="rtl"?s:u;switch(t.key){case"ArrowRight":{c==="horizontal"&&(t.stopPropagation(),t.preventDefault(),e[g].focus(),l&&e[g].click());break}case"ArrowLeft":{c==="horizontal"&&(t.stopPropagation(),t.preventDefault(),e[b].focus(),l&&e[b].click());break}case"ArrowUp":{c==="vertical"&&(t.stopPropagation(),t.preventDefault(),e[u].focus(),l&&e[u].click());break}case"ArrowDown":{c==="vertical"&&(t.stopPropagation(),t.preventDefault(),e[s].focus(),l&&e[s].click());break}case"Home":{t.stopPropagation(),t.preventDefault(),!e[0].disabled&&e[0].focus();break}case"End":{t.stopPropagation(),t.preventDefault();const i=e.length-1;!e[i].disabled&&e[i].focus();break}}}}export{I as c,n as f};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/download-CX6rsOqt.js b/apps/edr-freight-web/backoffice/public/_um/assets/download-CX6rsOqt.js
new file mode 100644
index 000000000..3ab82a751
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/download-CX6rsOqt.js
@@ -0,0 +1,6 @@
+import{y as o}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const a=[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]],e=o("download",a);export{e as D};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/edit-C8FjiyEI.js b/apps/edr-freight-web/backoffice/public/_um/assets/edit-C8FjiyEI.js
new file mode 100644
index 000000000..dd4dc41dd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/edit-C8FjiyEI.js
@@ -0,0 +1 @@
+import{f as C,d as A,az as k,r as o,j as e,v as i,I as u,B as w,bj as T}from"./index-Db-xuq0b.js";import{C as z,a as E,b as M,d as B}from"./card-BBWyxDss.js";import{L as t}from"./label-CsFy6wpo.js";import{S as O,a as V,b as F,c as H,d as K}from"./select-BoQxM42A.js";import{u as U}from"./useUnit-C4s9nepK.js";import{u as q,P as D,p as G}from"./useApplications-DVlMarnX.js";import{u as J}from"./usePositionTypes-BW1bd5Uk.js";import"./unitService-CmGVtFHQ.js";import"./checkbox-Dd0VhnrO.js";import"./Checkbox-IILksgz0.js";import"./get-auto-contrast-value-Da6zqqWm.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./use-uncontrolled-C3HRHW6t.js";import"./form-BeLK5rTt.js";import"./index.esm-BG4gweZJ.js";import"./search-CM5F2ZRy.js";const Q=({id:r})=>{var h,j;const y=C(),{user:n}=A(),{getList:v}=U(),x=k(),{positionType:a,isLoadingSingle:f}=J({id:r}),N=n!=null&&n.employee&&n.employee.length>0?n.employee[0].organizationId:void 0,{applications:d,isLoading:P}=q(),{data:l}=v(N||"",{take:300,skip:0}),[c,b]=o.useState(""),[m,S]=o.useState([]),[I,g]=o.useState(!1);if(o.useEffect(()=>{(async()=>{if(a){g(!0);try{const L=await G.getPermissionsByPositionTypeId(a.id);S(L.data.items??[])}finally{g(!1)}}})()},[a]),f)return e.jsx("p",{children:"Loading..."});if(!a)return null;const p=(j=(h=l==null?void 0:l.data)==null?void 0:h.items)==null?void 0:j.find(s=>s.id===a.unitId);return p?p.name.en||p.name.am:a.unitId,e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:i("contentManagement.englishName")}),e.jsx(u,{value:a.name.en,disabled:!0,readOnly:!0})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:i("contentManagement.amharicName")}),e.jsx(u,{value:a.name.am,disabled:!0,readOnly:!0})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:"Key"}),e.jsx(u,{value:a.key,disabled:!0,readOnly:!0})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:i("contentManagement.selectApplication")}),e.jsxs(O,{value:c,onValueChange:s=>b(s),disabled:P,children:[e.jsx(V,{className:"mt-1 block w-full border-gray-300 rounded-md shadow-sm",children:e.jsx(F,{placeholder:"Select an Application"})}),e.jsx(H,{className:"max-h-60 overflow-y-auto",children:d==null?void 0:d?.map(s=>e.jsx(K,{value:s.id,children:x(s.name)},s.id))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:i("contentManagement.permission")}),c?e.jsx(D,{selectedPermissions:m?.map(s=>s.id),onPermissionChange:()=>{},applicationId:c,disabled:!0}):e.jsx("div",{className:"border rounded-md p-4 bg-background max-h-96 overflow-y-auto",children:I?e.jsx("div",{className:"text-center py-4 text-gray-500",children:"Loading..."}):m.length===0?e.jsx("div",{className:"text-center py-4 text-gray-500",children:i("contentManagement.noPermissionsAvailable")}):e.jsx("ul",{className:"grid grid-cols-1 md:grid-cols-2 gap-2",children:m?.map(s=>e.jsx("li",{className:"capitalize text-sm py-1 px-2 rounded bg-muted/40",children:x(s.name)},s.id))})})]}),e.jsx("div",{className:"flex justify-end",children:e.jsx(w,{type:"button",variant:"outline",onClick:()=>y("/user-management/position-management"),children:i("common.Back")})})]})},le=()=>{const{id:r}=T();return e.jsx("div",{className:"p-6 max-w-3xl mx-auto",children:e.jsxs(z,{children:[e.jsx(E,{children:e.jsx(M,{children:"View Permission Type"})}),e.jsx(B,{children:e.jsx(Q,{id:r})})]})})};export{le as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ellipsis-CbtaBcvT.js b/apps/edr-freight-web/backoffice/public/_um/assets/ellipsis-CbtaBcvT.js
new file mode 100644
index 000000000..55c41c078
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ellipsis-CbtaBcvT.js
@@ -0,0 +1,6 @@
+import{y as c}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]],r=c("ellipsis",e);export{r as E};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/ellipsis-vertical-Cs1B3vez.js b/apps/edr-freight-web/backoffice/public/_um/assets/ellipsis-vertical-Cs1B3vez.js
new file mode 100644
index 000000000..ffb2ea485
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/ellipsis-vertical-Cs1B3vez.js
@@ -0,0 +1,6 @@
+import{y as c}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]],r=c("ellipsis-vertical",e);export{r as E};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/employeePositionsService-CkHoE9xG.js b/apps/edr-freight-web/backoffice/public/_um/assets/employeePositionsService-CkHoE9xG.js
new file mode 100644
index 000000000..0585b4cd9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/employeePositionsService-CkHoE9xG.js
@@ -0,0 +1 @@
+import{l as e,w as o}from"./index-Db-xuq0b.js";const n=async s=>e.post("/employee-positions/invite",s,{headers:o()}),i=async s=>e.post("/employee-positions/inactive",s,{headers:o()}),r=async(s,t)=>e.get(`/employee-positions/given-first/${s}`,{headers:o(),params:t}),c=async(s,t)=>e.get(`/employee-positions/given-second/${s}`,{headers:o(),params:t}),p=async(s,t)=>e.patch(`/users/update-users-profile/${t}`,s),d=async(s,t)=>e.patch(`/users/update-users-profile/${t}`,s),y=async s=>e.post("/employee-positions/assign",s,{headers:o()}),l=async s=>e.post("/employee-positions/assign-firsts-for-second",s,{headers:o()}),m=async s=>e.post("/employee-positions/assign-seconds-for-first",s,{headers:o()}),h=async s=>e.delete(`/employee-positions/${s}`,{headers:o()}),v=async s=>e.post("/employee-positions/remove-firsts-for-second",s,{headers:o()}),f=async s=>e.post("/employee-positions/remove-seconds-for-first",s,{headers:o()}),g=async s=>e.patch(`/employees/${s}/deactivate`,{headers:o()}),u=async s=>e.patch(`/employees/${s}/activate`,{headers:o()});export{d as a,u as b,l as c,g as d,m as e,y as f,f as g,h,n as i,r as j,c as k,v as r,i as s,p as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/en-US-Cc-9gH5A.js b/apps/edr-freight-web/backoffice/public/_um/assets/en-US-Cc-9gH5A.js
new file mode 100644
index 000000000..2a36c0f4b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/en-US-Cc-9gH5A.js
@@ -0,0 +1 @@
+function y(t){const n=Object.prototype.toString.call(t);return t instanceof Date||typeof t=="object"&&n==="[object Date]"?new t.constructor(+t):typeof t=="number"||n==="[object Number]"||typeof t=="string"||n==="[object String]"?new Date(t):new Date(NaN)}function B(t,n){return t instanceof Date?new t.constructor(n):new Date(n)}const K=6048e5,G=864e5,Z=6e4,$=36e5,tt=43200,et=1440;let b={};function nt(){return b}function at(t){const n=y(t),e=new Date(Date.UTC(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()));return e.setUTCFullYear(n.getFullYear()),+t-+e}const g={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},w=(t,n,e)=>{let a;const o=g[t];return typeof o=="string"?a=o:n===1?a=o.one:a=o.other.replace("{{count}}",n.toString()),e!=null&&e.addSuffix?e.comparison&&e.comparison>0?"in "+a:a+" ago":a};function m(t){return(n={})=>{const e=n.width?String(n.width):t.defaultWidth;return t.formats[e]||t.formats[t.defaultWidth]}}const v={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},P={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},M={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},W={date:m({formats:v,defaultWidth:"full"}),time:m({formats:P,defaultWidth:"full"}),dateTime:m({formats:M,defaultWidth:"full"})},p={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},D=(t,n,e,a)=>p[t];function d(t){return(n,e)=>{const a=e!=null&&e.context?String(e.context):"standalone";let o;if(a==="formatting"&&t.formattingValues){const r=t.defaultFormattingWidth||t.defaultWidth,i=e!=null&&e.width?String(e.width):r;o=t.formattingValues[i]||t.formattingValues[r]}else{const r=t.defaultWidth,i=e!=null&&e.width?String(e.width):t.defaultWidth;o=t.values[i]||t.values[r]}const s=t.argumentCallback?t.argumentCallback(n):n;return o[s]}}const k={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},S={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},F={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},C={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},j={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},x={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},A=(t,n)=>{const e=Number(t),a=e%100;if(a>20||a<10)switch(a%10){case 1:return e+"st";case 2:return e+"nd";case 3:return e+"rd"}return e+"th"},T={ordinalNumber:A,era:d({values:k,defaultWidth:"wide"}),quarter:d({values:S,defaultWidth:"wide",argumentCallback:t=>t-1}),month:d({values:F,defaultWidth:"wide"}),day:d({values:C,defaultWidth:"wide"}),dayPeriod:d({values:j,defaultWidth:"wide",formattingValues:x,defaultFormattingWidth:"wide"})};function c(t){return(n,e={})=>{const a=e.width,o=a&&t.matchPatterns[a]||t.matchPatterns[t.defaultMatchWidth],s=n.match(o);if(!s)return null;const r=s[0],i=a&&t.parsePatterns[a]||t.parsePatterns[t.defaultParseWidth],h=Array.isArray(i)?N(i,l=>l.test(r)):O(i,l=>l.test(r));let u;u=t.valueCallback?t.valueCallback(h):h,u=e.valueCallback?e.valueCallback(u):u;const f=n.slice(r.length);return{value:u,rest:f}}}function O(t,n){for(const e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&n(t[e]))return e}function N(t,n){for(let e=0;e<t.length;e++)if(n(t[e]))return e}function V(t){return(n,e={})=>{const a=n.match(t.matchPattern);if(!a)return null;const o=a[0],s=n.match(t.parsePattern);if(!s)return null;let r=t.valueCallback?t.valueCallback(s[0]):s[0];r=e.valueCallback?e.valueCallback(r):r;const i=n.slice(o.length);return{value:r,rest:i}}}const q=/^(\d+)(th|st|nd|rd)?/i,z=/\d+/i,I={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},J={any:[/^b/i,/^(a|c)/i]},X={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Y={any:[/1/i,/2/i,/3/i,/4/i]},E={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},L={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Q={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},R={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},_={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},H={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},U={ordinalNumber:V({matchPattern:q,parsePattern:z,valueCallback:t=>parseInt(t,10)}),era:c({matchPatterns:I,defaultMatchWidth:"wide",parsePatterns:J,defaultParseWidth:"any"}),quarter:c({matchPatterns:X,defaultMatchWidth:"wide",parsePatterns:Y,defaultParseWidth:"any",valueCallback:t=>t+1}),month:c({matchPatterns:E,defaultMatchWidth:"wide",parsePatterns:L,defaultParseWidth:"any"}),day:c({matchPatterns:Q,defaultMatchWidth:"wide",parsePatterns:R,defaultParseWidth:"any"}),dayPeriod:c({matchPatterns:_,defaultMatchWidth:"any",parsePatterns:H,defaultParseWidth:"any"})},rt={code:"en-US",formatDistance:w,formatLong:W,formatRelative:D,localize:T,match:U,options:{weekStartsOn:0,firstWeekContainsDate:1}};export{nt as a,G as b,B as c,$ as d,rt as e,Z as f,at as g,et as h,tt as i,K as m,y as t};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/endOfMonth-DmxQbzXi.js b/apps/edr-freight-web/backoffice/public/_um/assets/endOfMonth-DmxQbzXi.js
new file mode 100644
index 000000000..2be8646b4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/endOfMonth-DmxQbzXi.js
@@ -0,0 +1 @@
+import{t as o}from"./en-US-Cc-9gH5A.js";function c(n,t){const e=o(n),r=o(t),a=e.getFullYear()-r.getFullYear(),s=e.getMonth()-r.getMonth();return a*12+s}function l(n){const t=o(n),e=t.getMonth();return t.setFullYear(t.getFullYear(),e+1,0),t.setHours(23,59,59,999),t}export{c as d,l as e};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/eye-Bhud4znU.js b/apps/edr-freight-web/backoffice/public/_um/assets/eye-Bhud4znU.js
new file mode 100644
index 000000000..90dcce4dc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/eye-Bhud4znU.js
@@ -0,0 +1,6 @@
+import{y as c}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],r=c("eye",e);export{r as E};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/eye-off-CDMvHElM.js b/apps/edr-freight-web/backoffice/public/_um/assets/eye-off-CDMvHElM.js
new file mode 100644
index 000000000..0310f7de9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/eye-off-CDMvHElM.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const a=[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]],t=e("eye-off",a);export{t as E};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/form-BeLK5rTt.js b/apps/edr-freight-web/backoffice/public/_um/assets/form-BeLK5rTt.js
new file mode 100644
index 000000000..9f1f6dac1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/form-BeLK5rTt.js
@@ -0,0 +1 @@
+import{r as a,j as n,b8 as d}from"./index-Db-xuq0b.js";import{F as u,C as x,b as F,c as b}from"./index.esm-BG4gweZJ.js";import{L as I}from"./label-CsFy6wpo.js";const p=u,l=a.createContext({}),j=({...e})=>n.jsx(l.Provider,{value:{name:e.name},children:n.jsx(x,{...e})}),c=()=>{const e=a.useContext(l),r=a.useContext(f),{getFieldState:t}=F(),o=b({name:e.name}),s=t(e.name,o);if(!e)throw new Error("useFormField should be used within <FormField>");const{id:i}=r;return{id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...s}},f=a.createContext({});function h({className:e,...r}){const t=a.useId();return n.jsx(f.Provider,{value:{id:t},children:n.jsx("div",{"data-slot":"form-item",className:d("grid gap-2",e),...r})})}function y({className:e,...r}){const{error:t,formItemId:o}=c();return n.jsx(I,{"data-slot":"form-label","data-error":!!t,className:d("data-[error=true]:text-destructive-foreground",e),htmlFor:o,...r})}function E({children:e,...r}){const{error:t,formItemId:o,formDescriptionId:s,formMessageId:i}=c(),m={id:o,"aria-describedby":t?`${s} ${i}`:s,"aria-invalid":!!t,...r};return a.isValidElement(e)?a.cloneElement(e,{...m,...e.props,id:o,"aria-describedby":m["aria-describedby"],"aria-invalid":m["aria-invalid"]}):n.jsx("div",{"data-slot":"form-control",...m,children:e})}function S({className:e,...r}){const{error:t,formMessageId:o}=c(),s=t?String((t==null?void 0:t.message)??""):r.children;return s?n.jsx("p",{"data-slot":"form-message",id:o,className:d("text-destructive-foreground text-sm",e),...r,children:s}):null}export{p as F,j as a,h as b,y as c,E as d,S as e};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/format-DvwV82px.js b/apps/edr-freight-web/backoffice/public/_um/assets/format-DvwV82px.js
new file mode 100644
index 000000000..baf309976
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/format-DvwV82px.js
@@ -0,0 +1 @@
+import{t as m,a as M,c as y,g as q,b as B,m as G,e as X}from"./en-US-Cc-9gH5A.js";function Y(r,t){var f,u,g,h;const e=M(),n=(t==null?void 0:t.weekStartsOn)??((u=(f=t==null?void 0:t.locale)==null?void 0:f.options)==null?void 0:u.weekStartsOn)??e.weekStartsOn??((h=(g=e.locale)==null?void 0:g.options)==null?void 0:h.weekStartsOn)??0,a=m(r),s=a.getDay(),d=(s<n?7:0)+s-n;return a.setDate(a.getDate()-d),a.setHours(0,0,0,0),a}function D(r){return Y(r,{weekStartsOn:1})}function Q(r){const t=m(r),e=t.getFullYear(),n=y(r,0);n.setFullYear(e+1,0,4),n.setHours(0,0,0,0);const a=D(n),s=y(r,0);s.setFullYear(e,0,4),s.setHours(0,0,0,0);const d=D(s);return t.getTime()>=a.getTime()?e+1:t.getTime()>=d.getTime()?e:e-1}function N(r){const t=m(r);return t.setHours(0,0,0,0),t}function R(r,t){const e=N(r),n=N(t),a=+e-q(e),s=+n-q(n);return Math.round((a-s)/B)}function I(r){const t=Q(r),e=y(r,0);return e.setFullYear(t,0,4),e.setHours(0,0,0,0),D(e)}function $(r){return r instanceof Date||typeof r=="object"&&Object.prototype.toString.call(r)==="[object Date]"}function j(r){if(!$(r)&&typeof r!="number")return!1;const t=m(r);return!isNaN(Number(t))}function V(r){const t=m(r),e=y(r,0);return e.setFullYear(t.getFullYear(),0,1),e.setHours(0,0,0,0),e}function p(r){const t=m(r);return R(t,V(t))+1}function A(r){const t=m(r),e=+D(t)-+I(t);return Math.round(e/G)+1}function _(r,t){var h,b,x,k;const e=m(r),n=e.getFullYear(),a=M(),s=(t==null?void 0:t.firstWeekContainsDate)??((b=(h=t==null?void 0:t.locale)==null?void 0:h.options)==null?void 0:b.firstWeekContainsDate)??a.firstWeekContainsDate??((k=(x=a.locale)==null?void 0:x.options)==null?void 0:k.firstWeekContainsDate)??1,d=y(r,0);d.setFullYear(n+1,0,s),d.setHours(0,0,0,0);const f=Y(d,t),u=y(r,0);u.setFullYear(n,0,s),u.setHours(0,0,0,0);const g=Y(u,t);return e.getTime()>=f.getTime()?n+1:e.getTime()>=g.getTime()?n:n-1}function J(r,t){var f,u,g,h;const e=M(),n=(t==null?void 0:t.firstWeekContainsDate)??((u=(f=t==null?void 0:t.locale)==null?void 0:f.options)==null?void 0:u.firstWeekContainsDate)??e.firstWeekContainsDate??((h=(g=e.locale)==null?void 0:g.options)==null?void 0:h.firstWeekContainsDate)??1,a=_(r,t),s=y(r,0);return s.setFullYear(a,0,n),s.setHours(0,0,0,0),Y(s,t)}function K(r,t){const e=m(r),n=+Y(e,t)-+J(e,t);return Math.round(n/G)+1}function c(r,t){const e=r<0?"-":"",n=Math.abs(r).toString().padStart(t,"0");return e+n}const l={y(r,t){const e=r.getFullYear(),n=e>0?e:1-e;return c(t==="yy"?n%100:n,t.length)},M(r,t){const e=r.getMonth();return t==="M"?String(e+1):c(e+1,2)},d(r,t){return c(r.getDate(),t.length)},a(r,t){const e=r.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return e.toUpperCase();case"aaa":return e;case"aaaaa":return e[0];case"aaaa":default:return e==="am"?"a.m.":"p.m."}},h(r,t){return c(r.getHours()%12||12,t.length)},H(r,t){return c(r.getHours(),t.length)},m(r,t){return c(r.getMinutes(),t.length)},s(r,t){return c(r.getSeconds(),t.length)},S(r,t){const e=t.length,n=r.getMilliseconds(),a=Math.trunc(n*Math.pow(10,e-3));return c(a,t.length)}},O={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},F={G:function(r,t,e){const n=r.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return e.era(n,{width:"abbreviated"});case"GGGGG":return e.era(n,{width:"narrow"});case"GGGG":default:return e.era(n,{width:"wide"})}},y:function(r,t,e){if(t==="yo"){const n=r.getFullYear(),a=n>0?n:1-n;return e.ordinalNumber(a,{unit:"year"})}return l.y(r,t)},Y:function(r,t,e,n){const a=_(r,n),s=a>0?a:1-a;if(t==="YY"){const d=s%100;return c(d,2)}return t==="Yo"?e.ordinalNumber(s,{unit:"year"}):c(s,t.length)},R:function(r,t){const e=Q(r);return c(e,t.length)},u:function(r,t){const e=r.getFullYear();return c(e,t.length)},Q:function(r,t,e){const n=Math.ceil((r.getMonth()+1)/3);switch(t){case"Q":return String(n);case"QQ":return c(n,2);case"Qo":return e.ordinalNumber(n,{unit:"quarter"});case"QQQ":return e.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return e.quarter(n,{width:"narrow",context:"formatting"});case"QQQQ":default:return e.quarter(n,{width:"wide",context:"formatting"})}},q:function(r,t,e){const n=Math.ceil((r.getMonth()+1)/3);switch(t){case"q":return String(n);case"qq":return c(n,2);case"qo":return e.ordinalNumber(n,{unit:"quarter"});case"qqq":return e.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return e.quarter(n,{width:"narrow",context:"standalone"});case"qqqq":default:return e.quarter(n,{width:"wide",context:"standalone"})}},M:function(r,t,e){const n=r.getMonth();switch(t){case"M":case"MM":return l.M(r,t);case"Mo":return e.ordinalNumber(n+1,{unit:"month"});case"MMM":return e.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return e.month(n,{width:"narrow",context:"formatting"});case"MMMM":default:return e.month(n,{width:"wide",context:"formatting"})}},L:function(r,t,e){const n=r.getMonth();switch(t){case"L":return String(n+1);case"LL":return c(n+1,2);case"Lo":return e.ordinalNumber(n+1,{unit:"month"});case"LLL":return e.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return e.month(n,{width:"narrow",context:"standalone"});case"LLLL":default:return e.month(n,{width:"wide",context:"standalone"})}},w:function(r,t,e,n){const a=K(r,n);return t==="wo"?e.ordinalNumber(a,{unit:"week"}):c(a,t.length)},I:function(r,t,e){const n=A(r);return t==="Io"?e.ordinalNumber(n,{unit:"week"}):c(n,t.length)},d:function(r,t,e){return t==="do"?e.ordinalNumber(r.getDate(),{unit:"date"}):l.d(r,t)},D:function(r,t,e){const n=p(r);return t==="Do"?e.ordinalNumber(n,{unit:"dayOfYear"}):c(n,t.length)},E:function(r,t,e){const n=r.getDay();switch(t){case"E":case"EE":case"EEE":return e.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return e.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return e.day(n,{width:"short",context:"formatting"});case"EEEE":default:return e.day(n,{width:"wide",context:"formatting"})}},e:function(r,t,e,n){const a=r.getDay(),s=(a-n.weekStartsOn+8)%7||7;switch(t){case"e":return String(s);case"ee":return c(s,2);case"eo":return e.ordinalNumber(s,{unit:"day"});case"eee":return e.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return e.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return e.day(a,{width:"short",context:"formatting"});case"eeee":default:return e.day(a,{width:"wide",context:"formatting"})}},c:function(r,t,e,n){const a=r.getDay(),s=(a-n.weekStartsOn+8)%7||7;switch(t){case"c":return String(s);case"cc":return c(s,t.length);case"co":return e.ordinalNumber(s,{unit:"day"});case"ccc":return e.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return e.day(a,{width:"narrow",context:"standalone"});case"cccccc":return e.day(a,{width:"short",context:"standalone"});case"cccc":default:return e.day(a,{width:"wide",context:"standalone"})}},i:function(r,t,e){const n=r.getDay(),a=n===0?7:n;switch(t){case"i":return String(a);case"ii":return c(a,t.length);case"io":return e.ordinalNumber(a,{unit:"day"});case"iii":return e.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return e.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return e.day(n,{width:"short",context:"formatting"});case"iiii":default:return e.day(n,{width:"wide",context:"formatting"})}},a:function(r,t,e){const a=r.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return e.dayPeriod(a,{width:"narrow",context:"formatting"});case"aaaa":default:return e.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(r,t,e){const n=r.getHours();let a;switch(n===12?a=O.noon:n===0?a=O.midnight:a=n/12>=1?"pm":"am",t){case"b":case"bb":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return e.dayPeriod(a,{width:"narrow",context:"formatting"});case"bbbb":default:return e.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(r,t,e){const n=r.getHours();let a;switch(n>=17?a=O.evening:n>=12?a=O.afternoon:n>=4?a=O.morning:a=O.night,t){case"B":case"BB":case"BBB":return e.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return e.dayPeriod(a,{width:"narrow",context:"formatting"});case"BBBB":default:return e.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(r,t,e){if(t==="ho"){let n=r.getHours()%12;return n===0&&(n=12),e.ordinalNumber(n,{unit:"hour"})}return l.h(r,t)},H:function(r,t,e){return t==="Ho"?e.ordinalNumber(r.getHours(),{unit:"hour"}):l.H(r,t)},K:function(r,t,e){const n=r.getHours()%12;return t==="Ko"?e.ordinalNumber(n,{unit:"hour"}):c(n,t.length)},k:function(r,t,e){let n=r.getHours();return n===0&&(n=24),t==="ko"?e.ordinalNumber(n,{unit:"hour"}):c(n,t.length)},m:function(r,t,e){return t==="mo"?e.ordinalNumber(r.getMinutes(),{unit:"minute"}):l.m(r,t)},s:function(r,t,e){return t==="so"?e.ordinalNumber(r.getSeconds(),{unit:"second"}):l.s(r,t)},S:function(r,t){return l.S(r,t)},X:function(r,t,e){const n=r.getTimezoneOffset();if(n===0)return"Z";switch(t){case"X":return v(n);case"XXXX":case"XX":return w(n);case"XXXXX":case"XXX":default:return w(n,":")}},x:function(r,t,e){const n=r.getTimezoneOffset();switch(t){case"x":return v(n);case"xxxx":case"xx":return w(n);case"xxxxx":case"xxx":default:return w(n,":")}},O:function(r,t,e){const n=r.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+H(n,":");case"OOOO":default:return"GMT"+w(n,":")}},z:function(r,t,e){const n=r.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+H(n,":");case"zzzz":default:return"GMT"+w(n,":")}},t:function(r,t,e){const n=Math.trunc(r.getTime()/1e3);return c(n,t.length)},T:function(r,t,e){const n=r.getTime();return c(n,t.length)}};function H(r,t=""){const e=r>0?"-":"+",n=Math.abs(r),a=Math.trunc(n/60),s=n%60;return s===0?e+String(a):e+String(a)+t+c(s,2)}function v(r,t){return r%60===0?(r>0?"-":"+")+c(Math.abs(r)/60,2):w(r,t)}function w(r,t=""){const e=r>0?"-":"+",n=Math.abs(r),a=c(Math.trunc(n/60),2),s=c(n%60,2);return e+a+t+s}const C=(r,t)=>{switch(r){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}},L=(r,t)=>{switch(r){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}},U=(r,t)=>{const e=r.match(/(P+)(p+)?/)||[],n=e[1],a=e[2];if(!a)return C(r,t);let s;switch(n){case"P":s=t.dateTime({width:"short"});break;case"PP":s=t.dateTime({width:"medium"});break;case"PPP":s=t.dateTime({width:"long"});break;case"PPPP":default:s=t.dateTime({width:"full"});break}return s.replace("{{date}}",C(n,t)).replace("{{time}}",L(a,t))},Z={p:L,P:U},z=/^D+$/,tt=/^Y+$/,et=["D","DD","YY","YYYY"];function rt(r){return z.test(r)}function nt(r){return tt.test(r)}function at(r,t,e){const n=st(r,t,e);if(et.includes(r))throw new RangeError(n)}function st(r,t,e){const n=r[0]==="Y"?"years":"days of the month";return`Use \`${r.toLowerCase()}\` instead of \`${r}\` (in \`${t}\`) for formatting ${n} to the input \`${e}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const ct=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,it=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ut=/^'([^]*?)'?$/,ot=/''/g,dt=/[a-zA-Z]/;function mt(r,t,e){var h,b,x,k,P,W,E,S;const n=M(),a=(e==null?void 0:e.locale)??n.locale??X,s=(e==null?void 0:e.firstWeekContainsDate)??((b=(h=e==null?void 0:e.locale)==null?void 0:h.options)==null?void 0:b.firstWeekContainsDate)??n.firstWeekContainsDate??((k=(x=n.locale)==null?void 0:x.options)==null?void 0:k.firstWeekContainsDate)??1,d=(e==null?void 0:e.weekStartsOn)??((W=(P=e==null?void 0:e.locale)==null?void 0:P.options)==null?void 0:W.weekStartsOn)??n.weekStartsOn??((S=(E=n.locale)==null?void 0:E.options)==null?void 0:S.weekStartsOn)??0,f=m(r);if(!j(f))throw new RangeError("Invalid time value");let u=t.match(it)?.map(o=>{const i=o[0];if(i==="p"||i==="P"){const T=Z[i];return T(o,a.formatLong)}return o}).join("").match(ct)?.map(o=>{if(o==="''")return{isToken:!1,value:"'"};const i=o[0];if(i==="'")return{isToken:!1,value:ft(o)};if(F[i])return{isToken:!0,value:o};if(i.match(dt))throw new RangeError("Format string contains an unescaped latin alphabet character `"+i+"`");return{isToken:!1,value:o}});a.localize.preprocessor&&(u=a.localize.preprocessor(f,u));const g={firstWeekContainsDate:s,weekStartsOn:d,locale:a};return u?.map(o=>{if(!o.isToken)return o.value;const i=o.value;(!(e!=null&&e.useAdditionalWeekYearTokens)&&nt(i)||!(e!=null&&e.useAdditionalDayOfYearTokens)&&rt(i))&&at(i,t,String(r));const T=F[i[0]];return T(f,i,a.localize,g)}).join("")}function ft(r){const t=r.match(ut);return t?t[1].replace(ot,"'"):r}export{Y as a,V as b,D as c,R as d,K as e,mt as f,A as g,$ as i,N as s};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/formatDistanceToNow-DU8jvZv6.js b/apps/edr-freight-web/backoffice/public/_um/assets/formatDistanceToNow-DU8jvZv6.js
new file mode 100644
index 000000000..72d452903
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/formatDistanceToNow-DU8jvZv6.js
@@ -0,0 +1 @@
+import{t as f,c as T,e as x,g as S,h as X,i as M,a as O}from"./en-US-Cc-9gH5A.js";import{e as y,d as w}from"./endOfMonth-DmxQbzXi.js";function D(n,s){const e=f(n),o=f(s),t=e.getTime()-o.getTime();return t<0?-1:t>0?1:t}function N(n){return T(n,Date.now())}function _(n){return s=>{const o=(n?Math[n]:Math.trunc)(s);return o===0?0:o}}function b(n,s){return+f(n)-+f(s)}function R(n){const s=f(n);return s.setHours(23,59,59,999),s}function Y(n){const s=f(n);return+R(s)==+y(s)}function v(n,s){const e=f(n),o=f(s),t=D(e,o),u=Math.abs(w(e,o));let c;if(u<1)c=0;else{e.getMonth()===1&&e.getDate()>27&&e.setDate(30),e.setMonth(e.getMonth()-t*u);let r=D(e,o)===-t;Y(f(n))&&u===1&&D(n,o)===1&&(r=!1),c=t*(u-Number(r))}return c===0?0:c}function A(n,s,e){const o=b(n,s)/1e3;return _(e==null?void 0:e.roundingMethod)(o)}function H(n,s,e){const o=O(),t=(e==null?void 0:e.locale)??o.locale??x,u=2520,c=D(n,s);if(isNaN(c))throw new RangeError("Invalid time value");const r=Object.assign({},e,{addSuffix:e==null?void 0:e.addSuffix,comparison:c});let m,h;c>0?(m=f(s),h=f(n)):(m=f(n),h=f(s));const l=A(h,m),I=(S(h)-S(m))/1e3,a=Math.round((l-I)/60);let d;if(a<2)return e!=null&&e.includeSeconds?l<5?t.formatDistance("lessThanXSeconds",5,r):l<10?t.formatDistance("lessThanXSeconds",10,r):l<20?t.formatDistance("lessThanXSeconds",20,r):l<40?t.formatDistance("halfAMinute",0,r):l<60?t.formatDistance("lessThanXMinutes",1,r):t.formatDistance("xMinutes",1,r):a===0?t.formatDistance("lessThanXMinutes",1,r):t.formatDistance("xMinutes",a,r);if(a<45)return t.formatDistance("xMinutes",a,r);if(a<90)return t.formatDistance("aboutXHours",1,r);if(a<X){const i=Math.round(a/60);return t.formatDistance("aboutXHours",i,r)}else{if(a<u)return t.formatDistance("xDays",1,r);if(a<M){const i=Math.round(a/X);return t.formatDistance("xDays",i,r)}else if(a<M*2)return d=Math.round(a/M),t.formatDistance("aboutXMonths",d,r)}if(d=v(h,m),d<12){const i=Math.round(a/M);return t.formatDistance("xMonths",i,r)}else{const i=d%12,g=Math.trunc(d/12);return i<3?t.formatDistance("aboutXYears",g,r):i<9?t.formatDistance("overXYears",g,r):t.formatDistance("almostXYears",g+1,r)}}function F(n,s){return H(n,N(n),s)}export{F as f};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/get-auto-contrast-value-Da6zqqWm.js b/apps/edr-freight-web/backoffice/public/_um/assets/get-auto-contrast-value-Da6zqqWm.js
new file mode 100644
index 000000000..1532dbe02
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/get-auto-contrast-value-Da6zqqWm.js
@@ -0,0 +1 @@
+function e(t,o){return typeof t=="boolean"?t:o.autoContrast}export{e as g};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/index-CKOfyDP0.css b/apps/edr-freight-web/backoffice/public/_um/assets/index-CKOfyDP0.css
new file mode 100644
index 000000000..c2dcc780d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/index-CKOfyDP0.css
@@ -0,0 +1 @@
+*,*:before,*:after{box-sizing:border-box}input,button,textarea,select{font:inherit}button,select{text-transform:none}body{margin:0;font-family:var(--mantine-font-family);font-size:var(--mantine-font-size-md);line-height:var(--mantine-line-height);background-color:var(--mantine-color-body);color:var(--mantine-color-text);-webkit-font-smoothing:var(--mantine-webkit-font-smoothing);-moz-osx-font-smoothing:var(--mantine-moz-font-smoothing)}@media screen and (max-device-width:31.25em){body{-webkit-text-size-adjust:100%}}@media(prefers-reduced-motion:reduce){[data-respect-reduced-motion] [data-reduce-motion]{transition:none;animation:none}}[data-mantine-color-scheme=light] .mantine-light-hidden,[data-mantine-color-scheme=dark] .mantine-dark-hidden{display:none}.mantine-focus-auto:focus-visible{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.mantine-focus-always:focus{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.mantine-focus-never:focus{outline:none}.mantine-active:active{transform:translateY(calc(.0625rem * var(--mantine-scale)))}fieldset:disabled .mantine-active:active{transform:none}:where([dir=rtl]) .mantine-rotate-rtl{transform:rotate(180deg)}:root{color-scheme:var(--mantine-color-scheme);--mantine-z-index-app: 100;--mantine-z-index-modal: 200;--mantine-z-index-popover: 300;--mantine-z-index-overlay: 400;--mantine-z-index-max: 9999;--mantine-scale: 1;--mantine-cursor-type: default;--mantine-webkit-font-smoothing: antialiased;--mantine-color-scheme: light dark;--mantine-moz-font-smoothing: grayscale;--mantine-color-white: #fff;--mantine-color-black: #000;--mantine-line-height: 1.55;--mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--mantine-heading-font-weight: 700;--mantine-radius-default: calc(.25rem * var(--mantine-scale));--mantine-primary-color-0: var(--mantine-color-blue-0);--mantine-primary-color-1: var(--mantine-color-blue-1);--mantine-primary-color-2: var(--mantine-color-blue-2);--mantine-primary-color-3: var(--mantine-color-blue-3);--mantine-primary-color-4: var(--mantine-color-blue-4);--mantine-primary-color-5: var(--mantine-color-blue-5);--mantine-primary-color-6: var(--mantine-color-blue-6);--mantine-primary-color-7: var(--mantine-color-blue-7);--mantine-primary-color-8: var(--mantine-color-blue-8);--mantine-primary-color-9: var(--mantine-color-blue-9);--mantine-primary-color-filled: var(--mantine-color-blue-filled);--mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);--mantine-primary-color-light: var(--mantine-color-blue-light);--mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);--mantine-primary-color-light-color: var(--mantine-color-blue-light-color);--mantine-breakpoint-xs: 36em;--mantine-breakpoint-sm: 48em;--mantine-breakpoint-md: 62em;--mantine-breakpoint-lg: 75em;--mantine-breakpoint-xl: 88em;--mantine-spacing-xs: calc(.625rem * var(--mantine-scale));--mantine-spacing-sm: calc(.75rem * var(--mantine-scale));--mantine-spacing-md: calc(1rem * var(--mantine-scale));--mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));--mantine-spacing-xl: calc(2rem * var(--mantine-scale));--mantine-font-size-xs: calc(.75rem * var(--mantine-scale));--mantine-font-size-sm: calc(.875rem * var(--mantine-scale));--mantine-font-size-md: calc(1rem * var(--mantine-scale));--mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));--mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));--mantine-line-height-xs: 1.4;--mantine-line-height-sm: 1.45;--mantine-line-height-md: 1.55;--mantine-line-height-lg: 1.6;--mantine-line-height-xl: 1.65;--mantine-shadow-xs: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), 0 calc(.0625rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale)) rgba(0, 0, 0, .1);--mantine-shadow-sm: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(.625rem * var(--mantine-scale)) calc(.9375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.4375rem * var(--mantine-scale)) calc(.4375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));--mantine-shadow-md: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.625rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));--mantine-shadow-lg: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(.75rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));--mantine-shadow-xl: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)), rgba(0, 0, 0, .04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));--mantine-radius-xs: calc(.125rem * var(--mantine-scale));--mantine-radius-sm: calc(.25rem * var(--mantine-scale));--mantine-radius-md: calc(.5rem * var(--mantine-scale));--mantine-radius-lg: calc(1rem * var(--mantine-scale));--mantine-radius-xl: calc(2rem * var(--mantine-scale));--mantine-color-dark-0: #c9c9c9;--mantine-color-dark-1: #b8b8b8;--mantine-color-dark-2: #828282;--mantine-color-dark-3: #696969;--mantine-color-dark-4: #424242;--mantine-color-dark-5: #3b3b3b;--mantine-color-dark-6: #2e2e2e;--mantine-color-dark-7: #242424;--mantine-color-dark-8: #1f1f1f;--mantine-color-dark-9: #141414;--mantine-color-gray-0: #f8f9fa;--mantine-color-gray-1: #f1f3f5;--mantine-color-gray-2: #e9ecef;--mantine-color-gray-3: #dee2e6;--mantine-color-gray-4: #ced4da;--mantine-color-gray-5: #adb5bd;--mantine-color-gray-6: #868e96;--mantine-color-gray-7: #495057;--mantine-color-gray-8: #343a40;--mantine-color-gray-9: #212529;--mantine-color-red-0: #fff5f5;--mantine-color-red-1: #ffe3e3;--mantine-color-red-2: #ffc9c9;--mantine-color-red-3: #ffa8a8;--mantine-color-red-4: #ff8787;--mantine-color-red-5: #ff6b6b;--mantine-color-red-6: #fa5252;--mantine-color-red-7: #f03e3e;--mantine-color-red-8: #e03131;--mantine-color-red-9: #c92a2a;--mantine-color-pink-0: #fff0f6;--mantine-color-pink-1: #ffdeeb;--mantine-color-pink-2: #fcc2d7;--mantine-color-pink-3: #faa2c1;--mantine-color-pink-4: #f783ac;--mantine-color-pink-5: #f06595;--mantine-color-pink-6: #e64980;--mantine-color-pink-7: #d6336c;--mantine-color-pink-8: #c2255c;--mantine-color-pink-9: #a61e4d;--mantine-color-grape-0: #f8f0fc;--mantine-color-grape-1: #f3d9fa;--mantine-color-grape-2: #eebefa;--mantine-color-grape-3: #e599f7;--mantine-color-grape-4: #da77f2;--mantine-color-grape-5: #cc5de8;--mantine-color-grape-6: #be4bdb;--mantine-color-grape-7: #ae3ec9;--mantine-color-grape-8: #9c36b5;--mantine-color-grape-9: #862e9c;--mantine-color-violet-0: #f3f0ff;--mantine-color-violet-1: #e5dbff;--mantine-color-violet-2: #d0bfff;--mantine-color-violet-3: #b197fc;--mantine-color-violet-4: #9775fa;--mantine-color-violet-5: #845ef7;--mantine-color-violet-6: #7950f2;--mantine-color-violet-7: #7048e8;--mantine-color-violet-8: #6741d9;--mantine-color-violet-9: #5f3dc4;--mantine-color-indigo-0: #edf2ff;--mantine-color-indigo-1: #dbe4ff;--mantine-color-indigo-2: #bac8ff;--mantine-color-indigo-3: #91a7ff;--mantine-color-indigo-4: #748ffc;--mantine-color-indigo-5: #5c7cfa;--mantine-color-indigo-6: #4c6ef5;--mantine-color-indigo-7: #4263eb;--mantine-color-indigo-8: #3b5bdb;--mantine-color-indigo-9: #364fc7;--mantine-color-blue-0: #e7f5ff;--mantine-color-blue-1: #d0ebff;--mantine-color-blue-2: #a5d8ff;--mantine-color-blue-3: #74c0fc;--mantine-color-blue-4: #4dabf7;--mantine-color-blue-5: #339af0;--mantine-color-blue-6: #228be6;--mantine-color-blue-7: #1c7ed6;--mantine-color-blue-8: #1971c2;--mantine-color-blue-9: #1864ab;--mantine-color-cyan-0: #e3fafc;--mantine-color-cyan-1: #c5f6fa;--mantine-color-cyan-2: #99e9f2;--mantine-color-cyan-3: #66d9e8;--mantine-color-cyan-4: #3bc9db;--mantine-color-cyan-5: #22b8cf;--mantine-color-cyan-6: #15aabf;--mantine-color-cyan-7: #1098ad;--mantine-color-cyan-8: #0c8599;--mantine-color-cyan-9: #0b7285;--mantine-color-teal-0: #e6fcf5;--mantine-color-teal-1: #c3fae8;--mantine-color-teal-2: #96f2d7;--mantine-color-teal-3: #63e6be;--mantine-color-teal-4: #38d9a9;--mantine-color-teal-5: #20c997;--mantine-color-teal-6: #12b886;--mantine-color-teal-7: #0ca678;--mantine-color-teal-8: #099268;--mantine-color-teal-9: #087f5b;--mantine-color-green-0: #ebfbee;--mantine-color-green-1: #d3f9d8;--mantine-color-green-2: #b2f2bb;--mantine-color-green-3: #8ce99a;--mantine-color-green-4: #69db7c;--mantine-color-green-5: #51cf66;--mantine-color-green-6: #40c057;--mantine-color-green-7: #37b24d;--mantine-color-green-8: #2f9e44;--mantine-color-green-9: #2b8a3e;--mantine-color-lime-0: #f4fce3;--mantine-color-lime-1: #e9fac8;--mantine-color-lime-2: #d8f5a2;--mantine-color-lime-3: #c0eb75;--mantine-color-lime-4: #a9e34b;--mantine-color-lime-5: #94d82d;--mantine-color-lime-6: #82c91e;--mantine-color-lime-7: #74b816;--mantine-color-lime-8: #66a80f;--mantine-color-lime-9: #5c940d;--mantine-color-yellow-0: #fff9db;--mantine-color-yellow-1: #fff3bf;--mantine-color-yellow-2: #ffec99;--mantine-color-yellow-3: #ffe066;--mantine-color-yellow-4: #ffd43b;--mantine-color-yellow-5: #fcc419;--mantine-color-yellow-6: #fab005;--mantine-color-yellow-7: #f59f00;--mantine-color-yellow-8: #f08c00;--mantine-color-yellow-9: #e67700;--mantine-color-orange-0: #fff4e6;--mantine-color-orange-1: #ffe8cc;--mantine-color-orange-2: #ffd8a8;--mantine-color-orange-3: #ffc078;--mantine-color-orange-4: #ffa94d;--mantine-color-orange-5: #ff922b;--mantine-color-orange-6: #fd7e14;--mantine-color-orange-7: #f76707;--mantine-color-orange-8: #e8590c;--mantine-color-orange-9: #d9480f;--mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));--mantine-h1-line-height: 1.3;--mantine-h1-font-weight: 700;--mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));--mantine-h2-line-height: 1.35;--mantine-h2-font-weight: 700;--mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));--mantine-h3-line-height: 1.4;--mantine-h3-font-weight: 700;--mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));--mantine-h4-line-height: 1.45;--mantine-h4-font-weight: 700;--mantine-h5-font-size: calc(1rem * var(--mantine-scale));--mantine-h5-line-height: 1.5;--mantine-h5-font-weight: 700;--mantine-h6-font-size: calc(.875rem * var(--mantine-scale));--mantine-h6-line-height: 1.5;--mantine-h6-font-weight: 700}:root[data-mantine-color-scheme=dark]{--mantine-color-scheme: dark;--mantine-primary-color-contrast: var(--mantine-color-white);--mantine-color-bright: var(--mantine-color-white);--mantine-color-text: var(--mantine-color-dark-0);--mantine-color-body: var(--mantine-color-dark-7);--mantine-color-error: var(--mantine-color-red-8);--mantine-color-placeholder: var(--mantine-color-dark-3);--mantine-color-anchor: var(--mantine-color-blue-4);--mantine-color-default: var(--mantine-color-dark-6);--mantine-color-default-hover: var(--mantine-color-dark-5);--mantine-color-default-color: var(--mantine-color-white);--mantine-color-default-border: var(--mantine-color-dark-4);--mantine-color-dimmed: var(--mantine-color-dark-2);--mantine-color-dark-text: var(--mantine-color-dark-4);--mantine-color-dark-filled: var(--mantine-color-dark-8);--mantine-color-dark-filled-hover: var(--mantine-color-dark-7);--mantine-color-dark-light: rgba(36, 36, 36, .15);--mantine-color-dark-light-hover: rgba(36, 36, 36, .2);--mantine-color-dark-light-color: var(--mantine-color-dark-3);--mantine-color-dark-outline: var(--mantine-color-dark-4);--mantine-color-dark-outline-hover: rgba(36, 36, 36, .05);--mantine-color-gray-text: var(--mantine-color-gray-4);--mantine-color-gray-filled: var(--mantine-color-gray-8);--mantine-color-gray-filled-hover: var(--mantine-color-gray-9);--mantine-color-gray-light: rgba(134, 142, 150, .15);--mantine-color-gray-light-hover: rgba(134, 142, 150, .2);--mantine-color-gray-light-color: var(--mantine-color-gray-3);--mantine-color-gray-outline: var(--mantine-color-gray-4);--mantine-color-gray-outline-hover: rgba(206, 212, 218, .05);--mantine-color-red-text: var(--mantine-color-red-4);--mantine-color-red-filled: var(--mantine-color-red-8);--mantine-color-red-filled-hover: var(--mantine-color-red-9);--mantine-color-red-light: rgba(250, 82, 82, .15);--mantine-color-red-light-hover: rgba(250, 82, 82, .2);--mantine-color-red-light-color: var(--mantine-color-red-3);--mantine-color-red-outline: var(--mantine-color-red-4);--mantine-color-red-outline-hover: rgba(255, 135, 135, .05);--mantine-color-pink-text: var(--mantine-color-pink-4);--mantine-color-pink-filled: var(--mantine-color-pink-8);--mantine-color-pink-filled-hover: var(--mantine-color-pink-9);--mantine-color-pink-light: rgba(230, 73, 128, .15);--mantine-color-pink-light-hover: rgba(230, 73, 128, .2);--mantine-color-pink-light-color: var(--mantine-color-pink-3);--mantine-color-pink-outline: var(--mantine-color-pink-4);--mantine-color-pink-outline-hover: rgba(247, 131, 172, .05);--mantine-color-grape-text: var(--mantine-color-grape-4);--mantine-color-grape-filled: var(--mantine-color-grape-8);--mantine-color-grape-filled-hover: var(--mantine-color-grape-9);--mantine-color-grape-light: rgba(190, 75, 219, .15);--mantine-color-grape-light-hover: rgba(190, 75, 219, .2);--mantine-color-grape-light-color: var(--mantine-color-grape-3);--mantine-color-grape-outline: var(--mantine-color-grape-4);--mantine-color-grape-outline-hover: rgba(218, 119, 242, .05);--mantine-color-violet-text: var(--mantine-color-violet-4);--mantine-color-violet-filled: var(--mantine-color-violet-8);--mantine-color-violet-filled-hover: var(--mantine-color-violet-9);--mantine-color-violet-light: rgba(121, 80, 242, .15);--mantine-color-violet-light-hover: rgba(121, 80, 242, .2);--mantine-color-violet-light-color: var(--mantine-color-violet-3);--mantine-color-violet-outline: var(--mantine-color-violet-4);--mantine-color-violet-outline-hover: rgba(151, 117, 250, .05);--mantine-color-indigo-text: var(--mantine-color-indigo-4);--mantine-color-indigo-filled: var(--mantine-color-indigo-8);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);--mantine-color-indigo-light: rgba(76, 110, 245, .15);--mantine-color-indigo-light-hover: rgba(76, 110, 245, .2);--mantine-color-indigo-light-color: var(--mantine-color-indigo-3);--mantine-color-indigo-outline: var(--mantine-color-indigo-4);--mantine-color-indigo-outline-hover: rgba(116, 143, 252, .05);--mantine-color-blue-text: var(--mantine-color-blue-4);--mantine-color-blue-filled: var(--mantine-color-blue-8);--mantine-color-blue-filled-hover: var(--mantine-color-blue-9);--mantine-color-blue-light: rgba(34, 139, 230, .15);--mantine-color-blue-light-hover: rgba(34, 139, 230, .2);--mantine-color-blue-light-color: var(--mantine-color-blue-3);--mantine-color-blue-outline: var(--mantine-color-blue-4);--mantine-color-blue-outline-hover: rgba(77, 171, 247, .05);--mantine-color-cyan-text: var(--mantine-color-cyan-4);--mantine-color-cyan-filled: var(--mantine-color-cyan-8);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);--mantine-color-cyan-light: rgba(21, 170, 191, .15);--mantine-color-cyan-light-hover: rgba(21, 170, 191, .2);--mantine-color-cyan-light-color: var(--mantine-color-cyan-3);--mantine-color-cyan-outline: var(--mantine-color-cyan-4);--mantine-color-cyan-outline-hover: rgba(59, 201, 219, .05);--mantine-color-teal-text: var(--mantine-color-teal-4);--mantine-color-teal-filled: var(--mantine-color-teal-8);--mantine-color-teal-filled-hover: var(--mantine-color-teal-9);--mantine-color-teal-light: rgba(18, 184, 134, .15);--mantine-color-teal-light-hover: rgba(18, 184, 134, .2);--mantine-color-teal-light-color: var(--mantine-color-teal-3);--mantine-color-teal-outline: var(--mantine-color-teal-4);--mantine-color-teal-outline-hover: rgba(56, 217, 169, .05);--mantine-color-green-text: var(--mantine-color-green-4);--mantine-color-green-filled: var(--mantine-color-green-8);--mantine-color-green-filled-hover: var(--mantine-color-green-9);--mantine-color-green-light: rgba(64, 192, 87, .15);--mantine-color-green-light-hover: rgba(64, 192, 87, .2);--mantine-color-green-light-color: var(--mantine-color-green-3);--mantine-color-green-outline: var(--mantine-color-green-4);--mantine-color-green-outline-hover: rgba(105, 219, 124, .05);--mantine-color-lime-text: var(--mantine-color-lime-4);--mantine-color-lime-filled: var(--mantine-color-lime-8);--mantine-color-lime-filled-hover: var(--mantine-color-lime-9);--mantine-color-lime-light: rgba(130, 201, 30, .15);--mantine-color-lime-light-hover: rgba(130, 201, 30, .2);--mantine-color-lime-light-color: var(--mantine-color-lime-3);--mantine-color-lime-outline: var(--mantine-color-lime-4);--mantine-color-lime-outline-hover: rgba(169, 227, 75, .05);--mantine-color-yellow-text: var(--mantine-color-yellow-4);--mantine-color-yellow-filled: var(--mantine-color-yellow-8);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);--mantine-color-yellow-light: rgba(250, 176, 5, .15);--mantine-color-yellow-light-hover: rgba(250, 176, 5, .2);--mantine-color-yellow-light-color: var(--mantine-color-yellow-3);--mantine-color-yellow-outline: var(--mantine-color-yellow-4);--mantine-color-yellow-outline-hover: rgba(255, 212, 59, .05);--mantine-color-orange-text: var(--mantine-color-orange-4);--mantine-color-orange-filled: var(--mantine-color-orange-8);--mantine-color-orange-filled-hover: var(--mantine-color-orange-9);--mantine-color-orange-light: rgba(253, 126, 20, .15);--mantine-color-orange-light-hover: rgba(253, 126, 20, .2);--mantine-color-orange-light-color: var(--mantine-color-orange-3);--mantine-color-orange-outline: var(--mantine-color-orange-4);--mantine-color-orange-outline-hover: rgba(255, 169, 77, .05)}:root[data-mantine-color-scheme=light]{--mantine-color-scheme: light;--mantine-color-bright: var(--mantine-color-black);--mantine-color-text: var(--mantine-color-black);--mantine-color-body: var(--mantine-color-white);--mantine-primary-color-contrast: var(--mantine-color-white);--mantine-color-error: var(--mantine-color-red-6);--mantine-color-placeholder: var(--mantine-color-gray-5);--mantine-color-anchor: var(--mantine-primary-color-filled);--mantine-color-default: var(--mantine-color-white);--mantine-color-default-hover: var(--mantine-color-gray-0);--mantine-color-default-color: var(--mantine-color-gray-9);--mantine-color-default-border: var(--mantine-color-gray-4);--mantine-color-dimmed: var(--mantine-color-gray-6);--mantine-color-dark-text: var(--mantine-color-dark-filled);--mantine-color-dark-filled: var(--mantine-color-dark-6);--mantine-color-dark-filled-hover: var(--mantine-color-dark-7);--mantine-color-dark-light: rgba(56, 56, 56, .1);--mantine-color-dark-light-hover: rgba(56, 56, 56, .12);--mantine-color-dark-light-color: var(--mantine-color-dark-6);--mantine-color-dark-outline: var(--mantine-color-dark-6);--mantine-color-dark-outline-hover: rgba(56, 56, 56, .05);--mantine-color-gray-text: var(--mantine-color-gray-filled);--mantine-color-gray-filled: var(--mantine-color-gray-6);--mantine-color-gray-filled-hover: var(--mantine-color-gray-7);--mantine-color-gray-light: rgba(134, 142, 150, .1);--mantine-color-gray-light-hover: rgba(134, 142, 150, .12);--mantine-color-gray-light-color: var(--mantine-color-gray-6);--mantine-color-gray-outline: var(--mantine-color-gray-6);--mantine-color-gray-outline-hover: rgba(134, 142, 150, .05);--mantine-color-red-text: var(--mantine-color-red-filled);--mantine-color-red-filled: var(--mantine-color-red-6);--mantine-color-red-filled-hover: var(--mantine-color-red-7);--mantine-color-red-light: rgba(250, 82, 82, .1);--mantine-color-red-light-hover: rgba(250, 82, 82, .12);--mantine-color-red-light-color: var(--mantine-color-red-6);--mantine-color-red-outline: var(--mantine-color-red-6);--mantine-color-red-outline-hover: rgba(250, 82, 82, .05);--mantine-color-pink-text: var(--mantine-color-pink-filled);--mantine-color-pink-filled: var(--mantine-color-pink-6);--mantine-color-pink-filled-hover: var(--mantine-color-pink-7);--mantine-color-pink-light: rgba(230, 73, 128, .1);--mantine-color-pink-light-hover: rgba(230, 73, 128, .12);--mantine-color-pink-light-color: var(--mantine-color-pink-6);--mantine-color-pink-outline: var(--mantine-color-pink-6);--mantine-color-pink-outline-hover: rgba(230, 73, 128, .05);--mantine-color-grape-text: var(--mantine-color-grape-filled);--mantine-color-grape-filled: var(--mantine-color-grape-6);--mantine-color-grape-filled-hover: var(--mantine-color-grape-7);--mantine-color-grape-light: rgba(190, 75, 219, .1);--mantine-color-grape-light-hover: rgba(190, 75, 219, .12);--mantine-color-grape-light-color: var(--mantine-color-grape-6);--mantine-color-grape-outline: var(--mantine-color-grape-6);--mantine-color-grape-outline-hover: rgba(190, 75, 219, .05);--mantine-color-violet-text: var(--mantine-color-violet-filled);--mantine-color-violet-filled: var(--mantine-color-violet-6);--mantine-color-violet-filled-hover: var(--mantine-color-violet-7);--mantine-color-violet-light: rgba(121, 80, 242, .1);--mantine-color-violet-light-hover: rgba(121, 80, 242, .12);--mantine-color-violet-light-color: var(--mantine-color-violet-6);--mantine-color-violet-outline: var(--mantine-color-violet-6);--mantine-color-violet-outline-hover: rgba(121, 80, 242, .05);--mantine-color-indigo-text: var(--mantine-color-indigo-filled);--mantine-color-indigo-filled: var(--mantine-color-indigo-6);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);--mantine-color-indigo-light: rgba(76, 110, 245, .1);--mantine-color-indigo-light-hover: rgba(76, 110, 245, .12);--mantine-color-indigo-light-color: var(--mantine-color-indigo-6);--mantine-color-indigo-outline: var(--mantine-color-indigo-6);--mantine-color-indigo-outline-hover: rgba(76, 110, 245, .05);--mantine-color-blue-text: var(--mantine-color-blue-filled);--mantine-color-blue-filled: var(--mantine-color-blue-6);--mantine-color-blue-filled-hover: var(--mantine-color-blue-7);--mantine-color-blue-light: rgba(34, 139, 230, .1);--mantine-color-blue-light-hover: rgba(34, 139, 230, .12);--mantine-color-blue-light-color: var(--mantine-color-blue-6);--mantine-color-blue-outline: var(--mantine-color-blue-6);--mantine-color-blue-outline-hover: rgba(34, 139, 230, .05);--mantine-color-cyan-text: var(--mantine-color-cyan-filled);--mantine-color-cyan-filled: var(--mantine-color-cyan-6);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);--mantine-color-cyan-light: rgba(21, 170, 191, .1);--mantine-color-cyan-light-hover: rgba(21, 170, 191, .12);--mantine-color-cyan-light-color: var(--mantine-color-cyan-6);--mantine-color-cyan-outline: var(--mantine-color-cyan-6);--mantine-color-cyan-outline-hover: rgba(21, 170, 191, .05);--mantine-color-teal-text: var(--mantine-color-teal-filled);--mantine-color-teal-filled: var(--mantine-color-teal-6);--mantine-color-teal-filled-hover: var(--mantine-color-teal-7);--mantine-color-teal-light: rgba(18, 184, 134, .1);--mantine-color-teal-light-hover: rgba(18, 184, 134, .12);--mantine-color-teal-light-color: var(--mantine-color-teal-6);--mantine-color-teal-outline: var(--mantine-color-teal-6);--mantine-color-teal-outline-hover: rgba(18, 184, 134, .05);--mantine-color-green-text: var(--mantine-color-green-filled);--mantine-color-green-filled: var(--mantine-color-green-6);--mantine-color-green-filled-hover: var(--mantine-color-green-7);--mantine-color-green-light: rgba(64, 192, 87, .1);--mantine-color-green-light-hover: rgba(64, 192, 87, .12);--mantine-color-green-light-color: var(--mantine-color-green-6);--mantine-color-green-outline: var(--mantine-color-green-6);--mantine-color-green-outline-hover: rgba(64, 192, 87, .05);--mantine-color-lime-text: var(--mantine-color-lime-filled);--mantine-color-lime-filled: var(--mantine-color-lime-6);--mantine-color-lime-filled-hover: var(--mantine-color-lime-7);--mantine-color-lime-light: rgba(130, 201, 30, .1);--mantine-color-lime-light-hover: rgba(130, 201, 30, .12);--mantine-color-lime-light-color: var(--mantine-color-lime-6);--mantine-color-lime-outline: var(--mantine-color-lime-6);--mantine-color-lime-outline-hover: rgba(130, 201, 30, .05);--mantine-color-yellow-text: var(--mantine-color-yellow-filled);--mantine-color-yellow-filled: var(--mantine-color-yellow-6);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);--mantine-color-yellow-light: rgba(250, 176, 5, .1);--mantine-color-yellow-light-hover: rgba(250, 176, 5, .12);--mantine-color-yellow-light-color: var(--mantine-color-yellow-6);--mantine-color-yellow-outline: var(--mantine-color-yellow-6);--mantine-color-yellow-outline-hover: rgba(250, 176, 5, .05);--mantine-color-orange-text: var(--mantine-color-orange-filled);--mantine-color-orange-filled: var(--mantine-color-orange-6);--mantine-color-orange-filled-hover: var(--mantine-color-orange-7);--mantine-color-orange-light: rgba(253, 126, 20, .1);--mantine-color-orange-light-hover: rgba(253, 126, 20, .12);--mantine-color-orange-light-color: var(--mantine-color-orange-6);--mantine-color-orange-outline: var(--mantine-color-orange-6);--mantine-color-orange-outline-hover: rgba(253, 126, 20, .05)}.m_d57069b5{--scrollarea-scrollbar-size: calc(.75rem * var(--mantine-scale));position:relative;overflow:hidden}.m_c0783ff9{scrollbar-width:none;overscroll-behavior:var(--scrollarea-over-scroll-behavior);-ms-overflow-style:none;-webkit-overflow-scrolling:touch;width:100%;height:100%}.m_c0783ff9::-webkit-scrollbar{display:none}.m_c0783ff9:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):where([data-vertical-hidden]){padding-inline-end:0;padding-inline-start:0}.m_c0783ff9:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden]){padding-inline-end:var(--scrollarea-scrollbar-size);padding-inline-start:unset}.m_c0783ff9:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):where([data-horizontal-hidden]){padding-bottom:0}.m_c0783ff9:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden]){padding-bottom:var(--scrollarea-scrollbar-size)}.m_f8f631dd{min-width:100%;display:table}.m_c44ba933{-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;transition:background-color .15s ease,opacity .15s ease;padding:calc(var(--scrollarea-scrollbar-size) / 5);display:flex;background-color:transparent;flex-direction:row}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_c44ba933:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=light]) .m_c44ba933:hover>.m_d8b5e363{background-color:#00000080}:where([data-mantine-color-scheme=dark]) .m_c44ba933:hover{background-color:var(--mantine-color-dark-8)}:where([data-mantine-color-scheme=dark]) .m_c44ba933:hover>.m_d8b5e363{background-color:#ffffff80}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_c44ba933:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=light]) .m_c44ba933:active>.m_d8b5e363{background-color:#00000080}:where([data-mantine-color-scheme=dark]) .m_c44ba933:active{background-color:var(--mantine-color-dark-8)}:where([data-mantine-color-scheme=dark]) .m_c44ba933:active>.m_d8b5e363{background-color:#ffffff80}}.m_c44ba933:where([data-hidden],[data-state=hidden]){display:none}.m_c44ba933:where([data-orientation=vertical]){width:var(--scrollarea-scrollbar-size);top:0;bottom:var(--sa-corner-width);inset-inline-end:0}.m_c44ba933:where([data-orientation=horizontal]){height:var(--scrollarea-scrollbar-size);flex-direction:column;bottom:0;inset-inline-start:0;inset-inline-end:var(--sa-corner-width)}.m_d8b5e363{flex:1;border-radius:var(--scrollarea-scrollbar-size);position:relative;transition:background-color .15s ease;overflow:hidden;opacity:var(--thumb-opacity)}.m_d8b5e363:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:calc(2.75rem * var(--mantine-scale));min-height:calc(2.75rem * var(--mantine-scale))}:where([data-mantine-color-scheme=light]) .m_d8b5e363{background-color:#0006}:where([data-mantine-color-scheme=dark]) .m_d8b5e363{background-color:#fff6}.m_21657268{position:absolute;opacity:0;transition:opacity .15s ease;display:block;inset-inline-end:0;bottom:0}:where([data-mantine-color-scheme=light]) .m_21657268{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_21657268{background-color:var(--mantine-color-dark-8)}.m_21657268:where([data-hovered]){opacity:1}.m_21657268:where([data-hidden]){display:none}.m_87cf2631{background-color:transparent;cursor:pointer;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--mantine-font-size-md);text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where([dir=rtl]) .m_87cf2631{text-align:right}.m_515a97f8{border:0;clip:rect(0 0 0 0);height:calc(.0625rem * var(--mantine-scale));width:calc(.0625rem * var(--mantine-scale));margin:calc(-.0625rem * var(--mantine-scale));overflow:hidden;padding:0;position:absolute;white-space:nowrap}.m_1b7284a3{--paper-radius: var(--mantine-radius-default);outline:0;-webkit-tap-highlight-color:transparent;display:block;touch-action:manipulation;text-decoration:none;border-radius:var(--paper-radius);box-shadow:var(--paper-shadow);background-color:var(--mantine-color-body)}[data-mantine-color-scheme=light] .m_1b7284a3{--paper-border-color: var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m_1b7284a3{--paper-border-color: var(--mantine-color-dark-4)}.m_1b7284a3:where([data-with-border]){border:calc(.0625rem * var(--mantine-scale)) solid var(--paper-border-color)}.m_9814e45f{top:0;right:0;bottom:0;left:0;position:absolute;background:var(--overlay-bg, rgba(0, 0, 0, .6));-webkit-backdrop-filter:var(--overlay-filter);backdrop-filter:var(--overlay-filter);border-radius:var(--overlay-radius, 0);z-index:var(--overlay-z-index)}.m_9814e45f:where([data-fixed]){position:fixed}.m_9814e45f:where([data-center]){display:flex;align-items:center;justify-content:center}.m_38a85659{position:absolute;border:1px solid var(--popover-border-color);padding:var(--mantine-spacing-sm) var(--mantine-spacing-md);box-shadow:var(--popover-shadow, none);border-radius:var(--popover-radius, var(--mantine-radius-default))}.m_38a85659:where([data-fixed]){position:fixed}.m_38a85659:focus{outline:none}:where([data-mantine-color-scheme=light]) .m_38a85659{--popover-border-color: var(--mantine-color-gray-2);background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m_38a85659{--popover-border-color: var(--mantine-color-dark-4);background-color:var(--mantine-color-dark-6)}.m_a31dc6c1{background-color:inherit;border:1px solid var(--popover-border-color);z-index:1}.m_3d7bc908{position:fixed;top:0;right:0;bottom:0;left:0}.m_5ae2e3c{--loader-size-xs: calc(1.125rem * var(--mantine-scale));--loader-size-sm: calc(1.375rem * var(--mantine-scale));--loader-size-md: calc(2.25rem * var(--mantine-scale));--loader-size-lg: calc(2.75rem * var(--mantine-scale));--loader-size-xl: calc(3.625rem * var(--mantine-scale));--loader-size: var(--loader-size-md);--loader-color: var(--mantine-primary-color-filled)}@keyframes m_5d2b3b9d{0%{transform:scale(.6);opacity:0}50%,to{transform:scale(1)}}.m_7a2bd4cd{position:relative;width:var(--loader-size);height:var(--loader-size);display:flex;gap:calc(var(--loader-size) / 5)}.m_870bb79{flex:1;background:var(--loader-color);animation:m_5d2b3b9d 1.2s cubic-bezier(0,.5,.5,1) infinite;border-radius:calc(.125rem * var(--mantine-scale))}.m_870bb79:nth-of-type(1){animation-delay:-.24s}.m_870bb79:nth-of-type(2){animation-delay:-.12s}.m_870bb79:nth-of-type(3){animation-delay:0}@keyframes m_aac34a1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}.m_4e3f22d7{display:flex;justify-content:center;align-items:center;gap:calc(var(--loader-size) / 10);position:relative;width:var(--loader-size);height:var(--loader-size)}.m_870c4af{width:calc(var(--loader-size) / 3 - var(--loader-size) / 15);height:calc(var(--loader-size) / 3 - var(--loader-size) / 15);border-radius:50%;background:var(--loader-color);animation:m_aac34a1 .8s infinite linear}.m_870c4af:nth-child(2){animation-delay:.4s}@keyframes m_f8e89c4b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m_b34414df{display:inline-block;width:var(--loader-size);height:var(--loader-size)}.m_b34414df:after{content:"";display:block;width:var(--loader-size);height:var(--loader-size);border-radius:calc(625rem * var(--mantine-scale));border-width:calc(var(--loader-size) / 8);border-style:solid;border-color:var(--loader-color) var(--loader-color) var(--loader-color) transparent;animation:m_f8e89c4b 1.2s linear infinite}.m_8d3f4000{--ai-size-xs: calc(1.125rem * var(--mantine-scale));--ai-size-sm: calc(1.375rem * var(--mantine-scale));--ai-size-md: calc(1.75rem * var(--mantine-scale));--ai-size-lg: calc(2.125rem * var(--mantine-scale));--ai-size-xl: calc(2.75rem * var(--mantine-scale));--ai-size-input-xs: calc(1.875rem * var(--mantine-scale));--ai-size-input-sm: calc(2.25rem * var(--mantine-scale));--ai-size-input-md: calc(2.625rem * var(--mantine-scale));--ai-size-input-lg: calc(3.125rem * var(--mantine-scale));--ai-size-input-xl: calc(3.75rem * var(--mantine-scale));--ai-size: var(--ai-size-md);--ai-color: var(--mantine-color-white);line-height:1;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;width:var(--ai-size);height:var(--ai-size);min-width:var(--ai-size);min-height:var(--ai-size);border-radius:var(--ai-radius, var(--mantine-radius-default));background:var(--ai-bg, var(--mantine-primary-color-filled));color:var(--ai-color, var(--mantine-color-white));border:var(--ai-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);cursor:pointer}@media(hover:hover){.m_8d3f4000:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--ai-hover, var(--mantine-primary-color-filled-hover));color:var(--ai-hover-color, var(--ai-color))}}@media(hover:none){.m_8d3f4000:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--ai-hover, var(--mantine-primary-color-filled-hover));color:var(--ai-hover-color, var(--ai-color))}}.m_8d3f4000[data-loading]{cursor:not-allowed}.m_8d3f4000[data-loading] .m_8d3afb97{opacity:0;transform:translateY(100%)}.m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:calc(.0625rem * var(--mantine-scale)) solid transparent}:where([data-mantine-color-scheme=light]) .m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){background-color:var(--mantine-color-gray-1);color:var(--mantine-color-gray-5)}:where([data-mantine-color-scheme=dark]) .m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){background-color:var(--mantine-color-dark-6);color:var(--mantine-color-dark-3)}.m_8d3f4000:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])):active{transform:none}.m_302b9fb1{inset:calc(-.0625rem * var(--mantine-scale));position:absolute;border-radius:var(--ai-radius, var(--mantine-radius-default));display:flex;align-items:center;justify-content:center}:where([data-mantine-color-scheme=light]) .m_302b9fb1{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_302b9fb1{background-color:#00000026}.m_1a0f1b21{--ai-border-width: calc(.0625rem * var(--mantine-scale));display:flex}.m_1a0f1b21 :where(*):focus{position:relative;z-index:1}.m_1a0f1b21[data-orientation=horizontal]{flex-direction:row}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):first-child,.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):last-child,.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical]{flex-direction:column}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):first-child,.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):last-child,.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--ai-border-width) / 2)}.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--ai-border-width) / 2);border-top-width:calc(var(--ai-border-width) / 2)}.m_8d3afb97{display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .1s ease;width:100%;height:100%}.m_437b6484{--section-height-xs: calc(1.125rem * var(--mantine-scale));--section-height-sm: calc(1.375rem * var(--mantine-scale));--section-height-md: calc(1.75rem * var(--mantine-scale));--section-height-lg: calc(2.125rem * var(--mantine-scale));--section-height-xl: calc(2.75rem * var(--mantine-scale));--section-height-input-xs: calc(1.875rem * var(--mantine-scale));--section-height-input-sm: calc(2.25rem * var(--mantine-scale));--section-height-input-md: calc(2.625rem * var(--mantine-scale));--section-height-input-lg: calc(3.125rem * var(--mantine-scale));--section-height-input-xl: calc(3.75rem * var(--mantine-scale));--section-padding-x-xs: calc(.375rem * var(--mantine-scale));--section-padding-x-sm: calc(.5rem * var(--mantine-scale));--section-padding-x-md: calc(.625rem * var(--mantine-scale));--section-padding-x-lg: calc(.75rem * var(--mantine-scale));--section-padding-x-xl: calc(1rem * var(--mantine-scale));--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}.m_86a44da5{--cb-size-xs: calc(1.125rem * var(--mantine-scale));--cb-size-sm: calc(1.375rem * var(--mantine-scale));--cb-size-md: calc(1.75rem * var(--mantine-scale));--cb-size-lg: calc(2.125rem * var(--mantine-scale));--cb-size-xl: calc(2.75rem * var(--mantine-scale));--cb-size: var(--cb-size-md);--cb-icon-size: 70%;--cb-radius: var(--mantine-radius-default);line-height:1;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--cb-size);height:var(--cb-size);min-width:var(--cb-size);min-height:var(--cb-size);border-radius:var(--cb-radius)}:where([data-mantine-color-scheme=light]) .m_86a44da5{color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m_86a44da5{color:var(--mantine-color-dark-1)}.m_86a44da5[data-disabled],.m_86a44da5:disabled{cursor:not-allowed;opacity:.6}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled],:disabled)):hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled],:disabled)):hover{background-color:var(--mantine-color-dark-6)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled],:disabled)):active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled],:disabled)):active{background-color:var(--mantine-color-dark-6)}}.m_4081bf90{display:flex;flex-direction:row;flex-wrap:var(--group-wrap, wrap);justify-content:var(--group-justify, flex-start);align-items:var(--group-align, center);gap:var(--group-gap, var(--mantine-spacing-md))}.m_4081bf90:where([data-grow])>*{flex-grow:1;max-width:var(--group-child-width)}.m_615af6c9{line-height:1;padding:0;margin:0;font-weight:400;font-size:var(--mantine-font-size-md)}.m_b5489c3c{display:flex;justify-content:space-between;align-items:center;padding:var(--mb-padding, var(--mantine-spacing-md));padding-inline-end:calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(.3125rem * var(--mantine-scale)));position:sticky;top:0;background-color:var(--mantine-color-body);z-index:1000;min-height:calc(3.75rem * var(--mantine-scale));transition:padding-inline-end .1s}.m_60c222c7{position:fixed;width:100%;top:0;bottom:0;z-index:var(--mb-z-index);pointer-events:none}.m_fd1ab0aa{pointer-events:all;box-shadow:var(--mb-shadow, var(--mantine-shadow-xl))}.m_fd1ab0aa [data-mantine-scrollbar]{z-index:1001}[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c{padding-inline-end:calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(.3125rem * var(--mantine-scale)))}.m_606cb269{margin-inline-start:auto}.m_5df29311{padding:var(--mb-padding, var(--mantine-spacing-md));padding-top:var(--mb-padding, var(--mantine-spacing-md))}.m_5df29311:where(:not(:only-child)){padding-top:0}.m_6c018570{position:relative;margin-top:var(--input-margin-top, 0rem);margin-bottom:var(--input-margin-bottom, 0rem);--input-height-xs: calc(1.875rem * var(--mantine-scale));--input-height-sm: calc(2.25rem * var(--mantine-scale));--input-height-md: calc(2.625rem * var(--mantine-scale));--input-height-lg: calc(3.125rem * var(--mantine-scale));--input-height-xl: calc(3.75rem * var(--mantine-scale));--input-padding-y-xs: calc(.3125rem * var(--mantine-scale));--input-padding-y-sm: calc(.375rem * var(--mantine-scale));--input-padding-y-md: calc(.5rem * var(--mantine-scale));--input-padding-y-lg: calc(.625rem * var(--mantine-scale));--input-padding-y-xl: calc(.8125rem * var(--mantine-scale));--input-height: var(--input-height-sm);--input-radius: var(--mantine-radius-default);--input-cursor: text;--input-text-align: left;--input-line-height: calc(var(--input-height) - calc(.125rem * var(--mantine-scale)));--input-padding: calc(var(--input-height) / 3);--input-padding-inline-start: var(--input-padding);--input-padding-inline-end: var(--input-padding);--input-placeholder-color: var(--mantine-color-placeholder);--input-color: var(--mantine-color-text);--input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(.125rem * var(--mantine-scale))));--input-right-section-size: var( --input-right-section-width, calc(var(--input-height) - calc(.125rem * var(--mantine-scale))) );--input-size: var(--input-height);--section-y: calc(.0625rem * var(--mantine-scale));--left-section-start: calc(.0625rem * var(--mantine-scale));--left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);--right-section-end: calc(.0625rem * var(--mantine-scale));--right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0}.m_6c018570[data-variant=unstyled]{--input-padding: 0;--input-padding-y: 0;--input-padding-inline-start: 0;--input-padding-inline-end: 0}.m_6c018570[data-pointer]{--input-cursor: pointer}.m_6c018570[data-multiline]{--input-padding-y-xs: calc(.28125rem * var(--mantine-scale));--input-padding-y-sm: calc(.34375rem * var(--mantine-scale));--input-padding-y-md: calc(.4375rem * var(--mantine-scale));--input-padding-y-lg: calc(.59375rem * var(--mantine-scale));--input-padding-y-xl: calc(.8125rem * var(--mantine-scale));--input-size: auto;--input-line-height: var(--mantine-line-height);--input-padding-y: var(--input-padding-y-sm)}.m_6c018570[data-with-left-section]{--input-padding-inline-start: var(--input-left-section-size)}.m_6c018570[data-with-right-section]{--input-padding-inline-end: var(--input-right-section-size)}[data-mantine-color-scheme=light] .m_6c018570{--input-disabled-bg: var(--mantine-color-gray-1);--input-disabled-color: var(--mantine-color-gray-6)}[data-mantine-color-scheme=light] .m_6c018570[data-variant=default]{--input-bd: var(--mantine-color-gray-4);--input-bg: var(--mantine-color-white);--input-bd-focus: var(--mantine-primary-color-filled)}[data-mantine-color-scheme=light] .m_6c018570[data-variant=filled]{--input-bd: transparent;--input-bg: var(--mantine-color-gray-1);--input-bd-focus: var(--mantine-primary-color-filled)}[data-mantine-color-scheme=light] .m_6c018570[data-variant=unstyled]{--input-bd: transparent;--input-bg: transparent;--input-bd-focus: transparent}[data-mantine-color-scheme=dark] .m_6c018570{--input-disabled-bg: var(--mantine-color-dark-6);--input-disabled-color: var(--mantine-color-dark-2)}[data-mantine-color-scheme=dark] .m_6c018570[data-variant=default]{--input-bd: var(--mantine-color-dark-4);--input-bg: var(--mantine-color-dark-6);--input-bd-focus: var(--mantine-primary-color-filled)}[data-mantine-color-scheme=dark] .m_6c018570[data-variant=filled]{--input-bd: transparent;--input-bg: var(--mantine-color-dark-5);--input-bd-focus: var(--mantine-primary-color-filled)}[data-mantine-color-scheme=dark] .m_6c018570[data-variant=unstyled]{--input-bd: transparent;--input-bg: transparent;--input-bd-focus: transparent}[data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant=unstyled]){--input-bd: var(--mantine-color-error)}[data-mantine-color-scheme] .m_6c018570[data-error]{--input-color: var(--mantine-color-error);--input-placeholder-color: var(--mantine-color-error);--input-section-color: var(--mantine-color-error)}:where([dir=rtl]) .m_6c018570{--input-text-align: right;--left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;--right-section-border-radius: var(--input-radius) 0 0 var(--input-radius)}.m_8fb7ebe7{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:var(--input-resize, none);display:block;width:100%;transition:border-color .1s ease;text-align:var(--input-text-align);color:var(--input-color);border:calc(.0625rem * var(--mantine-scale)) solid var(--input-bd);background-color:var(--input-bg);font-family:var(--input-font-family, var(--mantine-font-family));height:var(--input-size);min-height:var(--input-height);line-height:var(--input-line-height);font-size:var(--input-fz, var(--input-fz, var(--mantine-font-size-sm)));border-radius:var(--input-radius);padding-inline-start:var(--input-padding-inline-start);padding-inline-end:var(--input-padding-inline-end);padding-top:var(--input-padding-y, 0rem);padding-bottom:var(--input-padding-y, 0rem);cursor:var(--input-cursor);overflow:var(--input-overflow)}.m_8fb7ebe7[data-no-overflow]{--input-overflow: hidden}.m_8fb7ebe7[data-monospace]{--input-font-family: var(--mantine-font-family-monospace);--input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - calc(.125rem * var(--mantine-scale)))}.m_8fb7ebe7:focus,.m_8fb7ebe7:focus-within{outline:none;--input-bd: var(--input-bd-focus)}[data-error] .m_8fb7ebe7:focus,[data-error] .m_8fb7ebe7:focus-within{--input-bd: var(--mantine-color-error)}.m_8fb7ebe7::placeholder{color:var(--input-placeholder-color);opacity:1}.m_8fb7ebe7::-webkit-inner-spin-button,.m_8fb7ebe7::-webkit-outer-spin-button,.m_8fb7ebe7::-webkit-search-decoration,.m_8fb7ebe7::-webkit-search-cancel-button,.m_8fb7ebe7::-webkit-search-results-button,.m_8fb7ebe7::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.m_8fb7ebe7[type=number]{-moz-appearance:textfield}.m_8fb7ebe7:disabled,.m_8fb7ebe7[data-disabled]{cursor:not-allowed;opacity:.6;background-color:var(--input-disabled-bg);color:var(--input-disabled-color)}.m_8fb7ebe7:has(input:disabled){cursor:not-allowed;opacity:.6;background-color:var(--input-disabled-bg);color:var(--input-disabled-color)}.m_82577fc2{pointer-events:var(--section-pointer-events);position:absolute;z-index:1;inset-inline-start:var(--section-start);inset-inline-end:var(--section-end);bottom:var(--section-y);top:var(--section-y);display:flex;align-items:center;justify-content:center;width:var(--section-size);border-radius:var(--section-border-radius);color:var(--input-section-color, var(--mantine-color-dimmed))}.m_82577fc2[data-position=right]{--section-pointer-events: var(--input-right-section-pointer-events);--section-end: var(--right-section-end);--section-size: var(--input-right-section-size);--section-border-radius: var(--right-section-border-radius)}.m_82577fc2[data-position=left]{--section-pointer-events: var(--input-left-section-pointer-events);--section-start: var(--left-section-start);--section-size: var(--input-left-section-size);--section-border-radius: var(--left-section-border-radius)}.m_88bacfd0{color:var(--input-placeholder-color, var(--mantine-color-placeholder))}[data-error] .m_88bacfd0{--input-placeholder-color: var(--input-color, var(--mantine-color-placeholder))}.m_46b77525{line-height:var(--mantine-line-height)}.m_8fdc1311{display:inline-block;font-weight:500;word-break:break-word;cursor:default;-webkit-tap-highlight-color:transparent;font-size:var(--input-label-size, var(--mantine-font-size-sm))}.m_78a94662{color:var(--input-asterisk-color, var(--mantine-color-error))}.m_8f816625,.m_fe47ce59{word-wrap:break-word;line-height:1.2;display:block;margin:0;padding:0}.m_8f816625{color:var(--mantine-color-error);font-size:var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale))))}.m_fe47ce59{color:var(--mantine-color-dimmed);font-size:var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale))))}.m_8bffd616{display:flex}.m_96b553a6{--transition-duration: .15s;top:0;left:0;position:absolute;z-index:0;transition-property:transform,width,height;transition-timing-function:ease;transition-duration:0ms}.m_96b553a6:where([data-initialized]){transition-duration:var(--transition-duration)}.m_96b553a6:where([data-hidden]){background-color:red;display:none}.m_9bdbb667{--accordion-radius: var(--mantine-radius-default)}.m_df78851f{word-break:break-word}.m_4ba554d4{padding:var(--mantine-spacing-md);padding-top:calc(var(--mantine-spacing-xs) / 2)}.m_8fa820a0{margin:0;padding:0}.m_4ba585b8{width:100%;display:flex;align-items:center;flex-direction:row-reverse;padding-inline:var(--mantine-spacing-md);opacity:1;cursor:pointer;background-color:transparent}.m_4ba585b8:where([data-chevron-position=left]){flex-direction:row;padding-inline-start:0}:where([data-mantine-color-scheme=light]) .m_4ba585b8{color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_4ba585b8{color:var(--mantine-color-dark-0)}.m_4ba585b8:where(:disabled,[data-disabled]){opacity:.4;cursor:not-allowed}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled,[data-disabled])):hover,:where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled,[data-disabled])):hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled,[data-disabled])):hover,:where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled,[data-disabled])):hover{background-color:var(--mantine-color-dark-6)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled,[data-disabled])):active,:where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled,[data-disabled])):active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled,[data-disabled])):active,:where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled,[data-disabled])):active{background-color:var(--mantine-color-dark-6)}}.m_df3ffa0f{color:inherit;font-weight:400;flex:1;overflow:hidden;text-overflow:ellipsis;padding-top:var(--mantine-spacing-sm);padding-bottom:var(--mantine-spacing-sm)}.m_3f35ae96{display:flex;align-items:center;justify-content:flex-start;transition:transform var(--accordion-transition-duration, .2s) ease;width:var(--accordion-chevron-size, calc(.9375rem * var(--mantine-scale)));min-width:var(--accordion-chevron-size, calc(.9375rem * var(--mantine-scale)));transform:rotate(0)}.m_3f35ae96:where([data-rotate]){transform:rotate(180deg)}.m_3f35ae96:where([data-position=left]){margin-inline-end:var(--mantine-spacing-md);margin-inline-start:var(--mantine-spacing-md)}.m_9bd771fe{display:flex;align-items:center;justify-content:center;margin-inline-end:var(--mantine-spacing-sm)}.m_9bd771fe:where([data-chevron-position=left]){margin-inline-end:0;margin-inline-start:var(--mantine-spacing-lg)}:where([data-mantine-color-scheme=light]) .m_9bd7b098{--item-border-color: var(--mantine-color-gray-3);--item-filled-color: var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_9bd7b098{--item-border-color: var(--mantine-color-dark-4);--item-filled-color: var(--mantine-color-dark-6)}.m_fe19b709{border-bottom:1px solid var(--item-border-color)}.m_1f921b3b{border:1px solid var(--item-border-color);transition:background-color .15s ease}.m_1f921b3b:where([data-active]){background-color:var(--item-filled-color)}.m_1f921b3b:first-of-type{border-start-start-radius:var(--accordion-radius);border-start-end-radius:var(--accordion-radius)}.m_1f921b3b:first-of-type>[data-accordion-control]{border-start-start-radius:var(--accordion-radius);border-start-end-radius:var(--accordion-radius)}.m_1f921b3b:last-of-type{border-end-start-radius:var(--accordion-radius);border-end-end-radius:var(--accordion-radius)}.m_1f921b3b:last-of-type>[data-accordion-control]{border-end-start-radius:var(--accordion-radius);border-end-end-radius:var(--accordion-radius)}.m_1f921b3b+.m_1f921b3b{border-top:0}.m_2cdf939a{border-radius:var(--accordion-radius)}.m_2cdf939a:where([data-active]){background-color:var(--item-filled-color)}.m_9f59b069{background-color:var(--item-filled-color);border-radius:var(--accordion-radius);border:calc(.0625rem * var(--mantine-scale)) solid transparent;transition:background-color .15s ease}.m_9f59b069[data-active]{border-color:var(--item-border-color)}:where([data-mantine-color-scheme=light]) .m_9f59b069[data-active]{background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m_9f59b069[data-active]{background-color:var(--mantine-color-dark-7)}.m_9f59b069+.m_9f59b069{margin-top:var(--mantine-spacing-md)}.m_7f854edf{position:fixed;z-index:var(--affix-z-index);inset-inline-start:var(--affix-left);inset-inline-end:var(--affix-right);top:var(--affix-top);bottom:var(--affix-bottom)}.m_66836ed3{--alert-radius: var(--mantine-radius-default);--alert-bg: var(--mantine-primary-color-light);--alert-bd: calc(.0625rem * var(--mantine-scale)) solid transparent;--alert-color: var(--mantine-primary-color-light-color);padding:var(--mantine-spacing-md) var(--mantine-spacing-md);border-radius:var(--alert-radius);position:relative;overflow:hidden;background-color:var(--alert-bg);border:var(--alert-bd);color:var(--alert-color)}.m_a5d60502{display:flex}.m_667c2793{flex:1;display:flex;flex-direction:column;gap:var(--mantine-spacing-xs)}.m_6a03f287{display:flex;align-items:center;justify-content:space-between;font-size:var(--mantine-font-size-sm);font-weight:700}.m_6a03f287:where([data-with-close-button]){padding-inline-end:var(--mantine-spacing-md)}.m_698f4f23{display:block;overflow:hidden;text-overflow:ellipsis}.m_667f2a6a{line-height:1;width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale));display:flex;align-items:center;justify-content:flex-start;margin-inline-end:var(--mantine-spacing-md);margin-top:calc(.0625rem * var(--mantine-scale))}.m_7fa78076{text-overflow:ellipsis;overflow:hidden;font-size:var(--mantine-font-size-sm)}:where([data-mantine-color-scheme=light]) .m_7fa78076{color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_7fa78076{color:var(--mantine-color-white)}.m_7fa78076:where([data-variant=filled]){color:var(--alert-color)}.m_7fa78076:where([data-variant=white]){color:var(--mantine-color-black)}.m_87f54839{width:calc(1.25rem * var(--mantine-scale));height:calc(1.25rem * var(--mantine-scale));color:var(--alert-color)}.m_b6d8b162{-webkit-tap-highlight-color:transparent;text-decoration:none;font-size:var(--text-fz, var(--mantine-font-size-md));line-height:var(--text-lh, var(--mantine-line-height-md));font-weight:400;margin:0;padding:0;color:var(--text-color)}.m_b6d8b162:where([data-truncate]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m_b6d8b162:where([data-truncate=start]){direction:rtl;text-align:right}:where([dir=rtl]) .m_b6d8b162:where([data-truncate=start]){direction:ltr;text-align:left}.m_b6d8b162:where([data-variant=gradient]){background-image:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.m_b6d8b162:where([data-line-clamp]){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:var(--text-line-clamp);-webkit-box-orient:vertical}.m_b6d8b162:where([data-inherit]){line-height:inherit;font-weight:inherit;font-size:inherit}.m_b6d8b162:where([data-inline]){line-height:1}.m_849cf0da{color:var(--mantine-color-anchor);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:inline;padding:0;margin:0;background-color:transparent;cursor:pointer}@media(hover:hover){.m_849cf0da:where([data-underline=hover]):hover{text-decoration:underline}}@media(hover:none){.m_849cf0da:where([data-underline=hover]):active{text-decoration:underline}}.m_849cf0da:where([data-underline=not-hover]){text-decoration:underline}@media(hover:hover){.m_849cf0da:where([data-underline=not-hover]):hover{text-decoration:none}}@media(hover:none){.m_849cf0da:where([data-underline=not-hover]):active{text-decoration:none}}.m_849cf0da:where([data-underline=always]){text-decoration:underline}.m_849cf0da:where([data-variant=gradient]),.m_849cf0da:where([data-variant=gradient]):hover{text-decoration:none}.m_849cf0da:where([data-line-clamp]){display:-webkit-box}.m_48204f9b{width:var(--slider-size);height:var(--slider-size);position:relative;border-radius:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.m_48204f9b:focus-within{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.m_48204f9b{--slider-size: calc(3.75rem * var(--mantine-scale));--thumb-size: calc(var(--slider-size) / 5)}:where([data-mantine-color-scheme=light]) .m_48204f9b{background-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_48204f9b{background-color:var(--mantine-color-dark-5)}.m_bb9cdbad{position:absolute;inset:calc(.0625rem * var(--mantine-scale));border-radius:var(--slider-size);pointer-events:none}.m_481dd586{width:calc(.125rem * var(--mantine-scale));position:absolute;top:0;bottom:0;left:calc(50% - 1px);transform:rotate(var(--angle))}.m_481dd586:before{content:"";position:absolute;top:calc(var(--thumb-size) / 3);left:calc(.03125rem * var(--mantine-scale));width:calc(.0625rem * var(--mantine-scale));height:calc(var(--thumb-size) / 1.5);transform:translate(-50%,-50%)}:where([data-mantine-color-scheme=light]) .m_481dd586:before{background-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_481dd586:before{background-color:var(--mantine-color-dark-3)}.m_481dd586[data-label]:after{min-width:calc(1.125rem * var(--mantine-scale));text-align:center;content:attr(data-label);position:absolute;top:calc(-1.5rem * var(--mantine-scale));left:calc(-.4375rem * var(--mantine-scale));transform:rotate(calc(360deg - var(--angle)));font-size:var(--mantine-font-size-xs)}.m_bc02ba3d{position:absolute;inset-block:0;inset-inline-start:calc(50% - 1.5px);inset-inline-end:0;height:100%;width:calc(.1875rem * var(--mantine-scale));outline:none;pointer-events:none}.m_bc02ba3d:before{content:"";position:absolute;right:0;top:0;height:min(var(--thumb-size),calc(var(--slider-size) / 2));width:calc(.1875rem * var(--mantine-scale))}:where([data-mantine-color-scheme=light]) .m_bc02ba3d:before{background-color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m_bc02ba3d:before{background-color:var(--mantine-color-dark-1)}.m_bb8e875b{font-size:var(--mantine-font-size-xs)}.m_89ab340[data-resizing]{--app-shell-transition-duration: 0ms !important}.m_89ab340[data-disabled]{--app-shell-header-offset: 0rem !important;--app-shell-navbar-offset: 0rem !important;--app-shell-aside-offset: 0rem !important;--app-shell-footer-offset: 0rem !important}[data-mantine-color-scheme=light] .m_89ab340{--app-shell-border-color: var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m_89ab340{--app-shell-border-color: var(--mantine-color-dark-4)}.m_45252eee,.m_9cdde9a,.m_3b16f56b,.m_8983817,.m_3840c879{transition-duration:var(--app-shell-transition-duration);transition-timing-function:var(--app-shell-transition-timing-function)}.m_45252eee,.m_9cdde9a{position:fixed;display:flex;flex-direction:column;top:var(--app-shell-header-offset, 0rem);height:calc(100dvh - var(--app-shell-header-offset, 0rem) - var(--app-shell-footer-offset, 0rem));background-color:var(--mantine-color-body);transition-property:transform,top,height}:where([data-layout=alt]) .m_45252eee,:where([data-layout=alt]) .m_9cdde9a{top:0rem;height:100dvh}.m_45252eee{inset-inline-start:0;width:var(--app-shell-navbar-width);transition-property:transform,top,height;transform:var(--app-shell-navbar-transform);z-index:var(--app-shell-navbar-z-index)}:where([dir=rtl]) .m_45252eee{transform:var(--app-shell-navbar-transform-rtl)}.m_45252eee:where([data-with-border]){border-inline-end:1px solid var(--app-shell-border-color)}.m_9cdde9a{inset-inline-end:0;width:var(--app-shell-aside-width);transform:var(--app-shell-aside-transform);z-index:var(--app-shell-aside-z-index)}:where([dir=rtl]) .m_9cdde9a{transform:var(--app-shell-aside-transform-rtl)}.m_9cdde9a:where([data-with-border]){border-inline-start:1px solid var(--app-shell-border-color)}.m_8983817{padding-inline-start:calc(var(--app-shell-navbar-offset, 0rem) + var(--app-shell-padding));padding-inline-end:calc(var(--app-shell-aside-offset, 0rem) + var(--app-shell-padding));padding-top:calc(var(--app-shell-header-offset, 0rem) + var(--app-shell-padding));padding-bottom:calc(var(--app-shell-footer-offset, 0rem) + var(--app-shell-padding));min-height:100dvh;transition-property:padding}.m_3b16f56b,.m_3840c879{position:fixed;inset-inline:0;transition-property:transform,left,right;background-color:var(--mantine-color-body)}:where([data-layout=alt]) .m_3b16f56b,:where([data-layout=alt]) .m_3840c879{inset-inline-start:var(--app-shell-navbar-offset, 0rem);inset-inline-end:var(--app-shell-aside-offset, 0rem)}.m_3b16f56b{top:0;height:var(--app-shell-header-height);background-color:var(--mantine-color-body);transform:var(--app-shell-header-transform);z-index:var(--app-shell-header-z-index)}.m_3b16f56b:where([data-with-border]){border-bottom:1px solid var(--app-shell-border-color)}.m_3840c879{bottom:0;height:calc(var(--app-shell-footer-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);transform:var(--app-shell-footer-transform);z-index:var(--app-shell-footer-z-index)}.m_3840c879:where([data-with-border]){border-top:1px solid var(--app-shell-border-color)}.m_6dcfc7c7{flex-grow:0}.m_6dcfc7c7:where([data-grow]){flex-grow:1}.m_71ac47fc{--ar-ratio: 1;max-width:100%}.m_71ac47fc>:where(*:not(style)){aspect-ratio:var(--ar-ratio);width:100%}.m_71ac47fc>:where(img,video){object-fit:cover}.m_88b62a41{--combobox-padding: calc(.25rem * var(--mantine-scale));padding:var(--combobox-padding)}.m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8{max-width:calc(100% + var(--combobox-padding))}.m_88b62a41[data-composed]{padding-inline-end:0}.m_88b62a41[data-hidden]{display:none}.m_88b62a41,.m_b2821a6e{--combobox-option-padding-xs: calc(.25rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale));--combobox-option-padding-sm: calc(.375rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale));--combobox-option-padding-md: calc(.5rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale));--combobox-option-padding-lg: calc(.625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));--combobox-option-padding-xl: calc(.875rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));--combobox-option-padding: var(--combobox-option-padding-sm)}.m_92253aa5{padding:var(--combobox-option-padding);font-size:var(--combobox-option-fz, var(--mantine-font-size-sm));border-radius:var(--mantine-radius-default);background-color:transparent;color:inherit;cursor:pointer;word-break:break-word}.m_92253aa5:where([data-combobox-selected]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}.m_92253aa5:where([data-combobox-disabled]){cursor:not-allowed;opacity:.35}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_92253aa5:hover:where(:not([data-combobox-selected],[data-combobox-disabled])){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_92253aa5:hover:where(:not([data-combobox-selected],[data-combobox-disabled])){background-color:var(--mantine-color-dark-7)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_92253aa5:active:where(:not([data-combobox-selected],[data-combobox-disabled])){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_92253aa5:active:where(:not([data-combobox-selected],[data-combobox-disabled])){background-color:var(--mantine-color-dark-7)}}.m_985517d8{margin-inline:calc(var(--combobox-padding) * -1);margin-top:calc(var(--combobox-padding) * -1);width:calc(100% + var(--combobox-padding) * 2);border-top-width:0;border-inline-width:0;border-end-start-radius:0;border-end-end-radius:0;margin-bottom:var(--combobox-padding);position:relative}:where([data-mantine-color-scheme=light]) .m_985517d8,:where([data-mantine-color-scheme=light]) .m_985517d8:focus{border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_985517d8,:where([data-mantine-color-scheme=dark]) .m_985517d8:focus{border-color:var(--mantine-color-dark-4)}:where([data-mantine-color-scheme=light]) .m_985517d8{background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m_985517d8{background-color:var(--mantine-color-dark-7)}.m_2530cd1d{font-size:var(--combobox-option-fz, var(--mantine-font-size-sm));text-align:center;padding:var(--combobox-option-padding);color:var(--mantine-color-dimmed)}.m_858f94bd,.m_82b967cb{font-size:var(--combobox-option-fz, var(--mantine-font-size-sm));border:0 solid transparent;margin-inline:calc(var(--combobox-padding) * -1);padding:var(--combobox-option-padding)}:where([data-mantine-color-scheme=light]) .m_858f94bd,:where([data-mantine-color-scheme=light]) .m_82b967cb{border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_858f94bd,:where([data-mantine-color-scheme=dark]) .m_82b967cb{border-color:var(--mantine-color-dark-4)}.m_82b967cb{border-top-width:calc(.0625rem * var(--mantine-scale));margin-top:var(--combobox-padding);margin-bottom:calc(var(--combobox-padding) * -1)}.m_858f94bd{border-bottom-width:calc(.0625rem * var(--mantine-scale));margin-bottom:var(--combobox-padding);margin-top:calc(var(--combobox-padding) * -1)}.m_254f3e4f:has(.m_2bb2e9e5:only-child){display:none}.m_2bb2e9e5{color:var(--mantine-color-dimmed);font-size:calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * .85);padding:var(--combobox-option-padding);font-weight:500;position:relative;display:flex;align-items:center}.m_2bb2e9e5:after{content:"";flex:1;inset-inline:0;height:calc(.0625rem * var(--mantine-scale));margin-inline-start:var(--mantine-spacing-xs)}:where([data-mantine-color-scheme=light]) .m_2bb2e9e5:after{background-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_2bb2e9e5:after{background-color:var(--mantine-color-dark-4)}.m_2bb2e9e5:only-child{display:none}.m_2943220b{--combobox-chevron-size-xs: calc(.875rem * var(--mantine-scale));--combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));--combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));--combobox-chevron-size-lg: calc(1.5rem * var(--mantine-scale));--combobox-chevron-size-xl: calc(1.75rem * var(--mantine-scale));--combobox-chevron-size: var(--combobox-chevron-size-sm)}:where([data-mantine-color-scheme=light]) .m_2943220b{--_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-gray-6))}:where([data-mantine-color-scheme=dark]) .m_2943220b{--_combobox-chevron-color: var(--combobox-chevron-color, var(--mantine-color-dark-3))}.m_2943220b{width:var(--combobox-chevron-size);height:var(--combobox-chevron-size);color:var(--_combobox-chevron-color)}.m_2943220b:where([data-error]){color:var(--combobox-chevron-color, var(--mantine-color-error))}.m_390b5f4{display:flex;align-items:center;gap:calc(.5rem * var(--mantine-scale))}.m_390b5f4:where([data-reverse]){justify-content:space-between}.m_8ee53fc2{opacity:.4;width:.8em;min-width:.8em;height:.8em}:where([data-combobox-selected]) .m_8ee53fc2{opacity:1}.m_5f75b09e{--label-lh-xs: calc(1rem * var(--mantine-scale));--label-lh-sm: calc(1.25rem * var(--mantine-scale));--label-lh-md: calc(1.5rem * var(--mantine-scale));--label-lh-lg: calc(1.875rem * var(--mantine-scale));--label-lh-xl: calc(2.25rem * var(--mantine-scale));--label-lh: var(--label-lh-sm)}.m_5f75b09e[data-label-position=left]{--label-order: 1;--label-offset-end: var(--mantine-spacing-sm);--label-offset-start: 0}.m_5f75b09e[data-label-position=right]{--label-order: 2;--label-offset-end: 0;--label-offset-start: var(--mantine-spacing-sm)}.m_5f6e695e{display:flex}.m_d3ea56bb{--label-cursor: var(--mantine-cursor-type);-webkit-tap-highlight-color:transparent;display:inline-flex;flex-direction:column;font-size:var(--label-fz, var(--mantine-font-size-sm));line-height:var(--label-lh);cursor:var(--label-cursor);order:var(--label-order)}fieldset:disabled .m_d3ea56bb,.m_d3ea56bb[data-disabled]{--label-cursor: not-allowed}.m_8ee546b8{cursor:var(--label-cursor);color:inherit;padding-inline-start:var(--label-offset-start);padding-inline-end:var(--label-offset-end)}:where([data-mantine-color-scheme=light]) fieldset:disabled .m_8ee546b8,:where([data-mantine-color-scheme=light]) .m_8ee546b8:where([data-disabled]){color:var(--mantine-color-gray-5)}:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_8ee546b8,:where([data-mantine-color-scheme=dark]) .m_8ee546b8:where([data-disabled]){color:var(--mantine-color-dark-3)}.m_328f68c0,.m_8e8a99cc{margin-top:calc(var(--mantine-spacing-xs) / 2);padding-inline-start:var(--label-offset-start);padding-inline-end:var(--label-offset-end)}.m_26775b0a{--card-radius: var(--mantine-radius-default);display:block;width:100%;border-radius:var(--card-radius);cursor:pointer}.m_26775b0a :where(*){cursor:inherit}.m_26775b0a:where([data-with-border]){border:calc(.0625rem * var(--mantine-scale)) solid transparent}:where([data-mantine-color-scheme=light]) .m_26775b0a:where([data-with-border]){border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_26775b0a:where([data-with-border]){border-color:var(--mantine-color-dark-4)}.m_5e5256ee{--checkbox-size-xs: calc(1rem * var(--mantine-scale));--checkbox-size-sm: calc(1.25rem * var(--mantine-scale));--checkbox-size-md: calc(1.5rem * var(--mantine-scale));--checkbox-size-lg: calc(1.875rem * var(--mantine-scale));--checkbox-size-xl: calc(2.25rem * var(--mantine-scale));--checkbox-size: var(--checkbox-size-sm);--checkbox-color: var(--mantine-primary-color-filled);--checkbox-icon-color: var(--mantine-color-white);position:relative;border:calc(.0625rem * var(--mantine-scale)) solid transparent;width:var(--checkbox-size);min-width:var(--checkbox-size);height:var(--checkbox-size);min-height:var(--checkbox-size);border-radius:var(--checkbox-radius, var(--mantine-radius-default));transition:border-color .1s ease,background-color .1s ease;cursor:var(--mantine-cursor-type);-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}:where([data-mantine-color-scheme=light]) .m_5e5256ee{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_5e5256ee{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}.m_5e5256ee[data-indeterminate],.m_5e5256ee[data-checked]{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.m_5e5256ee[data-indeterminate]>.m_1b1c543a,.m_5e5256ee[data-checked]>.m_1b1c543a{opacity:1;transform:none;color:var(--checkbox-icon-color)}.m_5e5256ee[data-disabled]{cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m_5e5256ee[data-disabled]{background-color:var(--mantine-color-gray-2);border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_5e5256ee[data-disabled]{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-6)}[data-mantine-color-scheme=light] .m_5e5256ee[data-disabled][data-checked]>.m_1b1c543a{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .m_5e5256ee[data-disabled][data-checked]>.m_1b1c543a{color:var(--mantine-color-dark-3)}.m_76e20374[data-indeterminate]:not([data-disabled]),.m_76e20374[data-checked]:not([data-disabled]){background-color:transparent;border-color:var(--checkbox-color)}.m_76e20374[data-indeterminate]:not([data-disabled])>.m_1b1c543a,.m_76e20374[data-checked]:not([data-disabled])>.m_1b1c543a{color:var(--checkbox-color);opacity:1;transform:none}.m_1b1c543a{display:block;width:60%;color:transparent;pointer-events:none;transform:translateY(calc(.3125rem * var(--mantine-scale))) scale(.5);opacity:1;transition:transform .1s ease,opacity .1s ease}.m_bf2d988c{--checkbox-size-xs: calc(1rem * var(--mantine-scale));--checkbox-size-sm: calc(1.25rem * var(--mantine-scale));--checkbox-size-md: calc(1.5rem * var(--mantine-scale));--checkbox-size-lg: calc(1.875rem * var(--mantine-scale));--checkbox-size-xl: calc(2.25rem * var(--mantine-scale));--checkbox-size: var(--checkbox-size-sm);--checkbox-color: var(--mantine-primary-color-filled);--checkbox-icon-color: var(--mantine-color-white)}.m_26062bec{position:relative;width:var(--checkbox-size);height:var(--checkbox-size);order:1}.m_26062bec:where([data-label-position=left]){order:2}.m_26063560{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:calc(.0625rem * var(--mantine-scale)) solid transparent;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--checkbox-radius, var(--mantine-radius-default));padding:0;display:block;margin:0;transition:border-color .1s ease,background-color .1s ease;cursor:var(--mantine-cursor-type);-webkit-tap-highlight-color:transparent}:where([data-mantine-color-scheme=light]) .m_26063560{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_26063560{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}.m_26063560:where([data-error]){border-color:var(--mantine-color-error)}.m_26063560[data-indeterminate],.m_26063560:checked{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.m_26063560[data-indeterminate]+.m_bf295423,.m_26063560:checked+.m_bf295423{opacity:1;transform:none}.m_26063560:disabled{cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m_26063560:disabled{background-color:var(--mantine-color-gray-2);border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_26063560:disabled{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-6)}[data-mantine-color-scheme=light] .m_26063560:disabled+.m_bf295423{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .m_26063560:disabled+.m_bf295423{color:var(--mantine-color-dark-3)}.m_215c4542+.m_bf295423{color:var(--checkbox-color)}.m_215c4542[data-indeterminate]:not(:disabled),.m_215c4542:checked:not(:disabled){background-color:transparent;border-color:var(--checkbox-color)}.m_215c4542[data-indeterminate]:not(:disabled)+.m_bf295423,.m_215c4542:checked:not(:disabled)+.m_bf295423{color:var(--checkbox-color);opacity:1;transform:none}.m_bf295423{position:absolute;top:0;right:0;bottom:0;left:0;width:60%;margin:auto;color:var(--checkbox-icon-color);pointer-events:none;transform:translateY(calc(.3125rem * var(--mantine-scale))) scale(.5);opacity:0;transition:transform .1s ease,opacity .1s ease}.m_11def92b{--ag-spacing: var(--mantine-spacing-sm);--ag-offset: calc(var(--ag-spacing) * -1);display:flex;padding-inline-start:var(--ag-spacing)}.m_f85678b6{--avatar-size-xs: calc(1rem * var(--mantine-scale));--avatar-size-sm: calc(1.625rem * var(--mantine-scale));--avatar-size-md: calc(2.375rem * var(--mantine-scale));--avatar-size-lg: calc(3.5rem * var(--mantine-scale));--avatar-size-xl: calc(5.25rem * var(--mantine-scale));--avatar-size: var(--avatar-size-md);--avatar-radius: calc(62.5rem * var(--mantine-scale));--avatar-bg: var(--mantine-color-gray-light);--avatar-bd: calc(.0625rem * var(--mantine-scale)) solid transparent;--avatar-color: var(--mantine-color-gray-light-color);--avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);-webkit-tap-highlight-color:transparent;position:relative;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;border-radius:var(--avatar-radius);text-decoration:none;padding:0;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size)}.m_f85678b6:where([data-within-group]){margin-inline-start:var(--ag-offset);border:2px solid var(--mantine-color-body);background:var(--mantine-color-body)}.m_11f8ac07{object-fit:cover;width:100%;height:100%;display:block}.m_104cd71f{font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;height:100%;-webkit-user-select:none;user-select:none;border-radius:var(--avatar-radius);font-size:var(--avatar-placeholder-fz);background:var(--avatar-bg);border:var(--avatar-bd);color:var(--avatar-color)}.m_104cd71f>[data-avatar-placeholder-icon]{width:70%;height:70%}.m_2ce0de02{background-size:cover;background-position:center;display:block;width:100%;border:0;text-decoration:none;border-radius:var(--bi-radius, 0)}.m_347db0ec{--badge-height-xs: calc(1rem * var(--mantine-scale));--badge-height-sm: calc(1.125rem * var(--mantine-scale));--badge-height-md: calc(1.25rem * var(--mantine-scale));--badge-height-lg: calc(1.625rem * var(--mantine-scale));--badge-height-xl: calc(2rem * var(--mantine-scale));--badge-fz-xs: calc(.5625rem * var(--mantine-scale));--badge-fz-sm: calc(.625rem * var(--mantine-scale));--badge-fz-md: calc(.6875rem * var(--mantine-scale));--badge-fz-lg: calc(.8125rem * var(--mantine-scale));--badge-fz-xl: calc(1rem * var(--mantine-scale));--badge-padding-x-xs: calc(.375rem * var(--mantine-scale));--badge-padding-x-sm: calc(.5rem * var(--mantine-scale));--badge-padding-x-md: calc(.625rem * var(--mantine-scale));--badge-padding-x-lg: calc(.75rem * var(--mantine-scale));--badge-padding-x-xl: calc(1rem * var(--mantine-scale));--badge-height: var(--badge-height-md);--badge-fz: var(--badge-fz-md);--badge-padding-x: var(--badge-padding-x-md);--badge-radius: calc(62.5rem * var(--mantine-scale));--badge-lh: calc(var(--badge-height) - calc(.125rem * var(--mantine-scale)));--badge-color: var(--mantine-color-white);--badge-bg: var(--mantine-primary-color-filled);--badge-border-width: calc(.0625rem * var(--mantine-scale));--badge-bd: var(--badge-border-width) solid transparent;-webkit-tap-highlight-color:transparent;font-size:var(--badge-fz);border-radius:var(--badge-radius);height:var(--badge-height);line-height:var(--badge-lh);text-decoration:none;padding:0 var(--badge-padding-x);display:inline-grid;align-items:center;justify-content:center;width:fit-content;text-transform:uppercase;font-weight:700;letter-spacing:calc(.015625rem * var(--mantine-scale));cursor:default;text-overflow:ellipsis;overflow:hidden;color:var(--badge-color);background:var(--badge-bg);border:var(--badge-bd)}.m_347db0ec:where([data-with-left-section],[data-variant=dot]){grid-template-columns:auto 1fr}.m_347db0ec:where([data-with-right-section]){grid-template-columns:1fr auto}.m_347db0ec:where([data-with-left-section][data-with-right-section],[data-variant=dot][data-with-right-section]){grid-template-columns:auto 1fr auto}.m_347db0ec:where([data-block]){display:flex;width:100%}.m_347db0ec:where([data-circle]){padding-inline:calc(.125rem * var(--mantine-scale));display:flex;width:var(--badge-height)}.m_fbd81e3d{--badge-dot-size: calc(var(--badge-height) / 3.4)}:where([data-mantine-color-scheme=light]) .m_fbd81e3d{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4);color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_fbd81e3d{background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-5);color:var(--mantine-color-white)}.m_fbd81e3d:before{content:"";display:block;width:var(--badge-dot-size);height:var(--badge-dot-size);border-radius:var(--badge-dot-size);background-color:var(--badge-dot-color);margin-inline-end:var(--badge-dot-size)}.m_5add502a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;cursor:inherit}.m_91fdda9b{--badge-section-margin: calc(var(--mantine-spacing-xs) / 2);display:inline-flex;justify-content:center;align-items:center;max-height:calc(var(--badge-height) - var(--badge-border-width) * 2)}.m_91fdda9b:where([data-position=left]){margin-inline-end:var(--badge-section-margin)}.m_91fdda9b:where([data-position=right]){margin-inline-start:var(--badge-section-margin)}.m_ddec01c0{--blockquote-border: 3px solid var(--bq-bd);position:relative;margin:0;border-inline-start:var(--blockquote-border);border-start-end-radius:var(--bq-radius);border-end-end-radius:var(--bq-radius);padding:var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale))}:where([data-mantine-color-scheme=light]) .m_ddec01c0{background-color:var(--bq-bg-light)}:where([data-mantine-color-scheme=dark]) .m_ddec01c0{background-color:var(--bq-bg-dark)}.m_dde7bd57{--blockquote-icon-offset: calc(var(--bq-icon-size) / -2);position:absolute;color:var(--bq-bd);background-color:var(--mantine-color-body);display:flex;align-items:center;justify-content:center;top:var(--blockquote-icon-offset);inset-inline-start:var(--blockquote-icon-offset);width:var(--bq-icon-size);height:var(--bq-icon-size);border-radius:var(--bq-icon-size)}.m_dde51a35{display:block;margin-top:var(--mantine-spacing-md);opacity:.6;font-size:85%}.m_8b3717df{display:flex;align-items:center;flex-wrap:wrap}.m_f678d540{line-height:1;white-space:nowrap;-webkit-tap-highlight-color:transparent}.m_3b8f2208{margin-inline:var(--bc-separator-margin, var(--mantine-spacing-xs));line-height:1;display:flex;align-items:center;justify-content:center}:where([data-mantine-color-scheme=light]) .m_3b8f2208{color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m_3b8f2208{color:var(--mantine-color-dark-2)}.m_fea6bf1a{--burger-size-xs: calc(.75rem * var(--mantine-scale));--burger-size-sm: calc(1.125rem * var(--mantine-scale));--burger-size-md: calc(1.5rem * var(--mantine-scale));--burger-size-lg: calc(2.125rem * var(--mantine-scale));--burger-size-xl: calc(2.625rem * var(--mantine-scale));--burger-size: var(--burger-size-md);--burger-line-size: calc(var(--burger-size) / 12);width:calc(var(--burger-size) + var(--mantine-spacing-xs));height:calc(var(--burger-size) + var(--mantine-spacing-xs));padding:calc(var(--mantine-spacing-xs) / 2);cursor:pointer}:where([data-mantine-color-scheme=light]) .m_fea6bf1a{--burger-color: var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_fea6bf1a{--burger-color: var(--mantine-color-white)}.m_d4fb9cad{position:relative;-webkit-user-select:none;user-select:none}.m_d4fb9cad,.m_d4fb9cad:before,.m_d4fb9cad:after{display:block;width:var(--burger-size);height:var(--burger-line-size);background-color:var(--burger-color);outline:calc(.0625rem * var(--mantine-scale)) solid transparent;transition-property:background-color,transform;transition-duration:var(--burger-transition-duration, .3s);transition-timing-function:var(--burger-transition-timing-function, ease)}.m_d4fb9cad:before,.m_d4fb9cad:after{position:absolute;content:"";inset-inline-start:0}.m_d4fb9cad:before{top:calc(var(--burger-size) / -3)}.m_d4fb9cad:after{top:calc(var(--burger-size) / 3)}.m_d4fb9cad[data-opened]{background-color:transparent}.m_d4fb9cad[data-opened]:before{transform:translateY(calc(var(--burger-size) / 3)) rotate(45deg)}.m_d4fb9cad[data-opened]:after{transform:translateY(calc(var(--burger-size) / -3)) rotate(-45deg)}.m_77c9d27d{--button-height-xs: calc(1.875rem * var(--mantine-scale));--button-height-sm: calc(2.25rem * var(--mantine-scale));--button-height-md: calc(2.625rem * var(--mantine-scale));--button-height-lg: calc(3.125rem * var(--mantine-scale));--button-height-xl: calc(3.75rem * var(--mantine-scale));--button-height-compact-xs: calc(1.375rem * var(--mantine-scale));--button-height-compact-sm: calc(1.625rem * var(--mantine-scale));--button-height-compact-md: calc(1.875rem * var(--mantine-scale));--button-height-compact-lg: calc(2.125rem * var(--mantine-scale));--button-height-compact-xl: calc(2.5rem * var(--mantine-scale));--button-padding-x-xs: calc(.875rem * var(--mantine-scale));--button-padding-x-sm: calc(1.125rem * var(--mantine-scale));--button-padding-x-md: calc(1.375rem * var(--mantine-scale));--button-padding-x-lg: calc(1.625rem * var(--mantine-scale));--button-padding-x-xl: calc(2rem * var(--mantine-scale));--button-padding-x-compact-xs: calc(.4375rem * var(--mantine-scale));--button-padding-x-compact-sm: calc(.5rem * var(--mantine-scale));--button-padding-x-compact-md: calc(.625rem * var(--mantine-scale));--button-padding-x-compact-lg: calc(.75rem * var(--mantine-scale));--button-padding-x-compact-xl: calc(.875rem * var(--mantine-scale));--button-height: var(--button-height-sm);--button-padding-x: var(--button-padding-x-sm);--button-color: var(--mantine-color-white);-webkit-user-select:none;user-select:none;font-weight:600;position:relative;line-height:1;text-align:center;overflow:hidden;width:auto;cursor:pointer;display:inline-block;border-radius:var(--button-radius, var(--mantine-radius-default));font-size:var(--button-fz, var(--mantine-font-size-sm));background:var(--button-bg, var(--mantine-primary-color-filled));border:var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--button-color, var(--mantine-color-white));height:var(--button-height, var(--button-height-sm));padding-inline:var(--button-padding-x, var(--button-padding-x-sm));vertical-align:middle}.m_77c9d27d:where([data-block]){display:block;width:100%}.m_77c9d27d:where([data-with-left-section]){padding-inline-start:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where([data-with-right-section]){padding-inline-end:calc(var(--button-padding-x) / 1.5)}.m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){cursor:not-allowed;border:calc(.0625rem * var(--mantine-scale)) solid transparent;transform:none}:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-gray-5);background:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]),[data-disabled]:not([data-loading])){color:var(--mantine-color-dark-3);background:var(--mantine-color-dark-6)}.m_77c9d27d:before{content:"";pointer-events:none;position:absolute;inset:calc(-.0625rem * var(--mantine-scale));border-radius:var(--button-radius, var(--mantine-radius-default));transform:translateY(-100%);opacity:0;filter:blur(12px);transition:transform .15s ease,opacity .1s ease}:where([data-mantine-color-scheme=light]) .m_77c9d27d:before{background-color:#ffffff26}:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before{background-color:#00000026}.m_77c9d27d:where([data-loading]){cursor:not-allowed;transform:none}.m_77c9d27d:where([data-loading]):before{transform:translateY(0);opacity:1}.m_77c9d27d:where([data-loading]) .m_80f1301b{opacity:0;transform:translateY(100%)}@media(hover:hover){.m_77c9d27d:hover:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}@media(hover:none){.m_77c9d27d:active:where(:not([data-loading],:disabled,[data-disabled])){background-color:var(--button-hover, var(--mantine-primary-color-filled-hover));color:var(--button-hover-color, var(--button-color))}}.m_80f1301b{display:flex;align-items:center;justify-content:var(--button-justify, center);height:100%;overflow:visible;transition:transform .15s ease,opacity .1s ease}.m_811560b9{white-space:nowrap;height:100%;overflow:hidden;display:flex;align-items:center;opacity:1}.m_811560b9:where([data-loading]){opacity:.2}.m_a74036a{display:flex;align-items:center}.m_a74036a:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_a74036a:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_a25b86ee{position:absolute;left:50%;top:50%}.m_80d6d844{--button-border-width: calc(.0625rem * var(--mantine-scale));display:flex}.m_80d6d844 :where(.m_77c9d27d):focus{position:relative;z-index:1}.m_80d6d844[data-orientation=horizontal]{flex-direction:row}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child{border-end-start-radius:0;border-start-start-radius:0;border-inline-start-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-inline-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical]{flex-direction:column}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child{border-end-start-radius:0;border-end-end-radius:0;border-bottom-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child{border-start-start-radius:0;border-start-end-radius:0;border-top-width:calc(var(--button-border-width) / 2)}.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child){border-radius:0;border-bottom-width:calc(var(--button-border-width) / 2);border-top-width:calc(var(--button-border-width) / 2)}.m_70be2a01{--section-height-xs: calc(1.875rem * var(--mantine-scale));--section-height-sm: calc(2.25rem * var(--mantine-scale));--section-height-md: calc(2.625rem * var(--mantine-scale));--section-height-lg: calc(3.125rem * var(--mantine-scale));--section-height-xl: calc(3.75rem * var(--mantine-scale));--section-height-compact-xs: calc(1.375rem * var(--mantine-scale));--section-height-compact-sm: calc(1.625rem * var(--mantine-scale));--section-height-compact-md: calc(1.875rem * var(--mantine-scale));--section-height-compact-lg: calc(2.125rem * var(--mantine-scale));--section-height-compact-xl: calc(2.5rem * var(--mantine-scale));--section-padding-x-xs: calc(.875rem * var(--mantine-scale));--section-padding-x-sm: calc(1.125rem * var(--mantine-scale));--section-padding-x-md: calc(1.375rem * var(--mantine-scale));--section-padding-x-lg: calc(1.625rem * var(--mantine-scale));--section-padding-x-xl: calc(2rem * var(--mantine-scale));--section-padding-x-compact-xs: calc(.4375rem * var(--mantine-scale));--section-padding-x-compact-sm: calc(.5rem * var(--mantine-scale));--section-padding-x-compact-md: calc(.625rem * var(--mantine-scale));--section-padding-x-compact-lg: calc(.75rem * var(--mantine-scale));--section-padding-x-compact-xl: calc(.875rem * var(--mantine-scale));--section-height: var(--section-height-sm);--section-padding-x: var(--section-padding-x-sm);--section-color: var(--mantine-color-white);font-weight:600;width:auto;border-radius:var(--section-radius, var(--mantine-radius-default));font-size:var(--section-fz, var(--mantine-font-size-sm));background:var(--section-bg, var(--mantine-primary-color-filled));border:var(--section-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);color:var(--section-color, var(--mantine-color-white));height:var(--section-height, var(--section-height-sm));padding-inline:var(--section-padding-x, var(--section-padding-x-sm));vertical-align:middle;line-height:1;display:inline-flex;align-items:center;justify-content:center}.m_e615b15f{--card-padding: var(--mantine-spacing-md);position:relative;overflow:hidden;display:flex;flex-direction:column;padding:var(--card-padding);color:var(--mantine-color-text)}:where([data-mantine-color-scheme=light]) .m_e615b15f{background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m_e615b15f{background-color:var(--mantine-color-dark-6)}.m_599a2148{display:block;margin-inline:calc(var(--card-padding) * -1)}.m_599a2148:where(:first-child){margin-top:calc(var(--card-padding) * -1);border-top:none!important}.m_599a2148:where(:last-child){margin-bottom:calc(var(--card-padding) * -1);border-bottom:none!important}.m_599a2148:where([data-inherit-padding]){padding-inline:var(--card-padding)}.m_599a2148:where([data-with-border]){border-top:calc(.0625rem * var(--mantine-scale)) solid;border-bottom:calc(.0625rem * var(--mantine-scale)) solid}:where([data-mantine-color-scheme=light]) .m_599a2148{border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_599a2148{border-color:var(--mantine-color-dark-4)}.m_599a2148+.m_599a2148{border-top:none!important}.m_4451eb3a{display:flex;align-items:center;justify-content:center}.m_4451eb3a:where([data-inline]){display:inline-flex}.m_f59ffda3{--chip-size-xs: calc(1.4375rem * var(--mantine-scale));--chip-size-sm: calc(1.75rem * var(--mantine-scale));--chip-size-md: calc(2rem * var(--mantine-scale));--chip-size-lg: calc(2.25rem * var(--mantine-scale));--chip-size-xl: calc(2.5rem * var(--mantine-scale));--chip-icon-size-xs: calc(.625rem * var(--mantine-scale));--chip-icon-size-sm: calc(.75rem * var(--mantine-scale));--chip-icon-size-md: calc(.875rem * var(--mantine-scale));--chip-icon-size-lg: calc(1rem * var(--mantine-scale));--chip-icon-size-xl: calc(1.125rem * var(--mantine-scale));--chip-padding-xs: calc(1rem * var(--mantine-scale));--chip-padding-sm: calc(1.25rem * var(--mantine-scale));--chip-padding-md: calc(1.5rem * var(--mantine-scale));--chip-padding-lg: calc(1.75rem * var(--mantine-scale));--chip-padding-xl: calc(2rem * var(--mantine-scale));--chip-checked-padding-xs: calc(.46875rem * var(--mantine-scale));--chip-checked-padding-sm: calc(.625rem * var(--mantine-scale));--chip-checked-padding-md: calc(.73125rem * var(--mantine-scale));--chip-checked-padding-lg: calc(.84375rem * var(--mantine-scale));--chip-checked-padding-xl: calc(.98125rem * var(--mantine-scale));--chip-spacing-xs: calc(.625rem * var(--mantine-scale));--chip-spacing-sm: calc(.75rem * var(--mantine-scale));--chip-spacing-md: calc(1rem * var(--mantine-scale));--chip-spacing-lg: calc(1.25rem * var(--mantine-scale));--chip-spacing-xl: calc(1.375rem * var(--mantine-scale));--chip-size: var(--chip-size-sm);--chip-icon-size: var(--chip-icon-size-sm);--chip-padding: var(--chip-padding-sm);--chip-spacing: var(--chip-spacing-sm);--chip-checked-padding: var(--chip-checked-padding-sm);--chip-bg: var(--mantine-primary-color-filled);--chip-hover: var(--mantine-primary-color-filled-hover);--chip-color: var(--mantine-color-white);--chip-bd: calc(.0625rem * var(--mantine-scale)) solid transparent}.m_be049a53{display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none;border-radius:var(--chip-radius, 1000rem);height:var(--chip-size);font-size:var(--chip-fz, var(--mantine-font-size-sm));line-height:calc(var(--chip-size) - calc(.125rem * var(--mantine-scale)));padding-inline:var(--chip-padding);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:calc(.0625rem * var(--mantine-scale)) solid transparent;color:var(--mantine-color-text)}.m_be049a53:where([data-checked]){padding:var(--chip-checked-padding)}.m_be049a53:where([data-disabled]){cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m_be049a53:where([data-disabled]){background-color:var(--mantine-color-gray-2);color:var(--mantine-color-gray-5)}:where([data-mantine-color-scheme=dark]) .m_be049a53:where([data-disabled]){background-color:var(--mantine-color-dark-6);color:var(--mantine-color-dark-3)}:where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]){background-color:var(--mantine-color-white);border:1px solid var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]){background-color:var(--mantine-color-dark-6);border:1px solid var(--mantine-color-dark-4)}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):hover{background-color:var(--mantine-color-dark-5)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):active{background-color:var(--mantine-color-dark-5)}}.m_3904c1af:not([data-disabled]):where([data-checked]){--chip-icon-color: var(--chip-color);border:var(--chip-bd)}@media(hover:hover){.m_3904c1af:not([data-disabled]):where([data-checked]):hover{background-color:var(--chip-hover)}}@media(hover:none){.m_3904c1af:not([data-disabled]):where([data-checked]):active{background-color:var(--chip-hover)}}.m_fa109255:not([data-disabled]),.m_f7e165c3:not([data-disabled]){border:calc(.0625rem * var(--mantine-scale)) solid transparent;color:var(--mantine-color-text)}:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]),:where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]){background-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]),:where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]){background-color:var(--mantine-color-dark-5)}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):hover,:where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):hover{background-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):hover,:where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):hover{background-color:var(--mantine-color-dark-4)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):active,:where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):active{background-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):active,:where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):active{background-color:var(--mantine-color-dark-4)}}.m_fa109255:not([data-disabled]):where([data-checked]),.m_f7e165c3:not([data-disabled]):where([data-checked]){--chip-icon-color: var(--chip-color);color:var(--chip-color);background-color:var(--chip-bg)}@media(hover:hover){.m_fa109255:not([data-disabled]):where([data-checked]):hover,.m_f7e165c3:not([data-disabled]):where([data-checked]):hover{background-color:var(--chip-hover)}}@media(hover:none){.m_fa109255:not([data-disabled]):where([data-checked]):active,.m_f7e165c3:not([data-disabled]):where([data-checked]):active{background-color:var(--chip-hover)}}.m_9ac86df9{width:calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));max-width:calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));height:var(--chip-icon-size);display:flex;align-items:center;overflow:hidden}.m_d6d72580{width:var(--chip-icon-size);height:var(--chip-icon-size);display:block;color:var(--chip-icon-color, inherit)}.m_bde07329{width:0;height:0;padding:0;opacity:0;margin:0}.m_bde07329:focus-visible+.m_be049a53{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.m_b183c0a2{font-family:var(--mantine-font-family-monospace);line-height:var(--mantine-line-height);padding:2px calc(var(--mantine-spacing-xs) / 2);border-radius:var(--mantine-radius-sm);font-size:var(--mantine-font-size-xs);margin:0;overflow:auto}:where([data-mantine-color-scheme=light]) .m_b183c0a2{background-color:var(--code-bg, var(--mantine-color-gray-1));color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_b183c0a2{background-color:var(--code-bg, var(--mantine-color-dark-5));color:var(--mantine-color-white)}.m_b183c0a2[data-block]{padding:var(--mantine-spacing-xs)}.m_de3d2490{--cs-size: calc(1.75rem * var(--mantine-scale));--cs-radius: calc(62.5rem * var(--mantine-scale));-webkit-tap-highlight-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;line-height:1;position:relative;width:var(--cs-size);height:var(--cs-size);min-width:var(--cs-size);min-height:var(--cs-size);border-radius:var(--cs-radius);color:inherit;text-decoration:none}[data-mantine-color-scheme=light] .m_de3d2490{--alpha-overlay-color: var(--mantine-color-gray-3);--alpha-overlay-bg: var(--mantine-color-white)}[data-mantine-color-scheme=dark] .m_de3d2490{--alpha-overlay-color: var(--mantine-color-dark-4);--alpha-overlay-bg: var(--mantine-color-dark-7)}.m_862f3d1b{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cs-radius)}.m_98ae7f22{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cs-radius);z-index:1;box-shadow:#0000001a 0 0 0 calc(.0625rem * var(--mantine-scale)) inset,#00000026 0 0 calc(.25rem * var(--mantine-scale)) inset}.m_95709ac0{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cs-radius);background-size:calc(.5rem * var(--mantine-scale)) calc(.5rem * var(--mantine-scale));background-position:0 0,0 calc(.25rem * var(--mantine-scale)),calc(.25rem * var(--mantine-scale)) calc(-.25rem * var(--mantine-scale)),calc(-.25rem * var(--mantine-scale)) 0;background-image:linear-gradient(45deg,var(--alpha-overlay-color) 25%,transparent 25%),linear-gradient(-45deg,var(--alpha-overlay-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--alpha-overlay-color) 75%),linear-gradient(-45deg,var(--alpha-overlay-bg) 75%,var(--alpha-overlay-color) 75%)}.m_93e74e3{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cs-radius);z-index:2;display:flex;align-items:center;justify-content:center}.m_fee9c77{--cp-width-xs: calc(11.25rem * var(--mantine-scale));--cp-width-sm: calc(12.5rem * var(--mantine-scale));--cp-width-md: calc(15rem * var(--mantine-scale));--cp-width-lg: calc(17.5rem * var(--mantine-scale));--cp-width-xl: calc(20rem * var(--mantine-scale));--cp-preview-size-xs: calc(1.625rem * var(--mantine-scale));--cp-preview-size-sm: calc(2.125rem * var(--mantine-scale));--cp-preview-size-md: calc(2.625rem * var(--mantine-scale));--cp-preview-size-lg: calc(3.125rem * var(--mantine-scale));--cp-preview-size-xl: calc(3.375rem * var(--mantine-scale));--cp-thumb-size-xs: calc(.5rem * var(--mantine-scale));--cp-thumb-size-sm: calc(.75rem * var(--mantine-scale));--cp-thumb-size-md: calc(1rem * var(--mantine-scale));--cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));--cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));--cp-saturation-height-xs: calc(6.25rem * var(--mantine-scale));--cp-saturation-height-sm: calc(6.875rem * var(--mantine-scale));--cp-saturation-height-md: calc(7.5rem * var(--mantine-scale));--cp-saturation-height-lg: calc(8.75rem * var(--mantine-scale));--cp-saturation-height-xl: calc(10rem * var(--mantine-scale));--cp-preview-size: var(--cp-preview-size-sm);--cp-thumb-size: var(--cp-thumb-size-sm);--cp-saturation-height: var(--cp-saturation-height-sm);--cp-width: var(--cp-width-sm);--cp-body-spacing: var(--mantine-spacing-sm);width:var(--cp-width);padding:calc(.0625rem * var(--mantine-scale))}.m_fee9c77:where([data-full-width]){width:100%}.m_9dddfbac{width:var(--cp-preview-size);height:var(--cp-preview-size)}.m_bffecc3e{display:flex;padding-top:calc(var(--cp-body-spacing) / 2)}.m_3283bb96{flex:1}.m_3283bb96:not(:only-child){margin-inline-end:var(--mantine-spacing-xs)}.m_40d572ba{overflow:hidden;position:absolute;box-shadow:0 0 1px #0009;border:2px solid var(--mantine-color-white);width:var(--cp-thumb-size);height:var(--cp-thumb-size);border-radius:var(--cp-thumb-size);left:calc(var(--thumb-x-offset) - var(--cp-thumb-size) / 2);top:calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2)}.m_d8ee6fd8{height:unset!important;width:unset!important;min-width:0!important;min-height:0!important;margin:calc(.125rem * var(--mantine-scale));cursor:pointer;padding-bottom:calc(var(--cp-swatch-size) - calc(.25rem * var(--mantine-scale)));flex:0 0 calc(var(--cp-swatch-size) - calc(.25rem * var(--mantine-scale)))}.m_5711e686{margin-top:calc(.3125rem * var(--mantine-scale));margin-inline:calc(-.125rem * var(--mantine-scale));display:flex;flex-wrap:wrap}.m_202a296e{--cp-thumb-size-xs: calc(.5rem * var(--mantine-scale));--cp-thumb-size-sm: calc(.75rem * var(--mantine-scale));--cp-thumb-size-md: calc(1rem * var(--mantine-scale));--cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));--cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));-webkit-tap-highlight-color:transparent;position:relative;height:var(--cp-saturation-height);border-radius:var(--mantine-radius-sm);margin:calc(var(--cp-thumb-size) / 2)}.m_202a296e:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba{outline:2px solid var(--mantine-color-blue-filled)}.m_202a296e:where([data-focus-ring=always]):focus .m_40d572ba{outline:2px solid var(--mantine-color-blue-filled)}.m_11b3db02{position:absolute;border-radius:var(--mantine-radius-sm);inset:calc(var(--cp-thumb-size) * -1 / 2 - calc(.0625rem * var(--mantine-scale)))}.m_d856d47d{--cp-thumb-size-xs: calc(.5rem * var(--mantine-scale));--cp-thumb-size-sm: calc(.75rem * var(--mantine-scale));--cp-thumb-size-md: calc(1rem * var(--mantine-scale));--cp-thumb-size-lg: calc(1.25rem * var(--mantine-scale));--cp-thumb-size-xl: calc(1.375rem * var(--mantine-scale));--cp-thumb-size: var(--cp-thumb-size, calc(.75rem * var(--mantine-scale)));position:relative;height:calc(var(--cp-thumb-size) + calc(.125rem * var(--mantine-scale)));margin-inline:calc(var(--cp-thumb-size) / 2);outline:none}.m_d856d47d+.m_d856d47d{margin-top:calc(.375rem * var(--mantine-scale))}.m_d856d47d:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba{outline:2px solid var(--mantine-color-blue-filled)}.m_d856d47d:where([data-focus-ring=always]):focus .m_40d572ba{outline:2px solid var(--mantine-color-blue-filled)}:where([data-mantine-color-scheme=light]) .m_d856d47d{--slider-checkers: var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_d856d47d{--slider-checkers: var(--mantine-color-dark-4)}.m_8f327113{position:absolute;top:0;bottom:0;inset-inline:calc(var(--cp-thumb-size) * -1 / 2 - calc(.0625rem * var(--mantine-scale)));border-radius:10000rem}.m_b077c2bc{--ci-eye-dropper-icon-size-xs: calc(.875rem * var(--mantine-scale));--ci-eye-dropper-icon-size-sm: calc(1rem * var(--mantine-scale));--ci-eye-dropper-icon-size-md: calc(1.125rem * var(--mantine-scale));--ci-eye-dropper-icon-size-lg: calc(1.25rem * var(--mantine-scale));--ci-eye-dropper-icon-size-xl: calc(1.375rem * var(--mantine-scale));--ci-eye-dropper-icon-size: var(--ci-eye-dropper-icon-size-sm)}.m_c5ccdcab{--ci-preview-size-xs: calc(1rem * var(--mantine-scale));--ci-preview-size-sm: calc(1.125rem * var(--mantine-scale));--ci-preview-size-md: calc(1.375rem * var(--mantine-scale));--ci-preview-size-lg: calc(1.75rem * var(--mantine-scale));--ci-preview-size-xl: calc(2.25rem * var(--mantine-scale));--ci-preview-size: var(--ci-preview-size-sm)}.m_5ece2cd7{padding:calc(.5rem * var(--mantine-scale))}.m_7485cace{--container-size-xs: calc(33.75rem * var(--mantine-scale));--container-size-sm: calc(45rem * var(--mantine-scale));--container-size-md: calc(60rem * var(--mantine-scale));--container-size-lg: calc(71.25rem * var(--mantine-scale));--container-size-xl: calc(82.5rem * var(--mantine-scale));--container-size: var(--container-size-md);max-width:var(--container-size);padding-inline:var(--mantine-spacing-md);margin-inline:auto}.m_7485cace:where([data-fluid]){max-width:100%}.m_e2125a27{--dialog-size-xs: calc(10rem * var(--mantine-scale));--dialog-size-sm: calc(12.5rem * var(--mantine-scale));--dialog-size-md: calc(21.25rem * var(--mantine-scale));--dialog-size-lg: calc(25rem * var(--mantine-scale));--dialog-size-xl: calc(31.25rem * var(--mantine-scale));--dialog-size: var(--dialog-size-md);position:relative;width:var(--dialog-size);max-width:calc(100vw - var(--mantine-spacing-xl) * 2);min-height:calc(3.125rem * var(--mantine-scale))}.m_5abab665{position:absolute;top:calc(var(--mantine-spacing-md) / 2);inset-inline-end:calc(var(--mantine-spacing-md) / 2)}.m_3eebeb36{--divider-size-xs: calc(.0625rem * var(--mantine-scale));--divider-size-sm: calc(.125rem * var(--mantine-scale));--divider-size-md: calc(.1875rem * var(--mantine-scale));--divider-size-lg: calc(.25rem * var(--mantine-scale));--divider-size-xl: calc(.3125rem * var(--mantine-scale));--divider-size: var(--divider-size-xs)}:where([data-mantine-color-scheme=light]) .m_3eebeb36{--divider-color: var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_3eebeb36{--divider-color: var(--mantine-color-dark-4)}.m_3eebeb36:where([data-orientation=horizontal]){border-top:var(--divider-size) var(--divider-border-style, solid) var(--divider-color)}.m_3eebeb36:where([data-orientation=vertical]){border-inline-start:var(--divider-size) var(--divider-border-style, solid) var(--divider-color);height:auto;align-self:stretch}.m_3eebeb36:where([data-with-label]){border:0}.m_9e365f20{display:flex;align-items:center;font-size:var(--mantine-font-size-xs);color:var(--mantine-color-dimmed);white-space:nowrap}.m_9e365f20:where([data-position=left]):before{display:none}.m_9e365f20:where([data-position=right]):after{display:none}.m_9e365f20:before{content:"";flex:1;height:calc(.0625rem * var(--mantine-scale));border-top:var(--divider-size) var(--divider-border-style, solid) var(--divider-color);margin-inline-end:var(--mantine-spacing-xs)}.m_9e365f20:after{content:"";flex:1;height:calc(.0625rem * var(--mantine-scale));border-top:var(--divider-size) var(--divider-border-style, solid) var(--divider-color);margin-inline-start:var(--mantine-spacing-xs)}.m_f11b401e{--drawer-size-xs: calc(20rem * var(--mantine-scale));--drawer-size-sm: calc(23.75rem * var(--mantine-scale));--drawer-size-md: calc(27.5rem * var(--mantine-scale));--drawer-size-lg: calc(38.75rem * var(--mantine-scale));--drawer-size-xl: calc(48.75rem * var(--mantine-scale));--drawer-size: var(--drawer-size-md);--drawer-offset: 0rem}.m_5a7c2c9{z-index:1000}.m_b8a05bbd{flex:var(--drawer-flex, 0 0 var(--drawer-size));height:var(--drawer-height, calc(100% - var(--drawer-offset) * 2));margin:var(--drawer-offset);max-width:calc(100% - var(--drawer-offset) * 2);max-height:calc(100% - var(--drawer-offset) * 2);overflow-y:auto}.m_b8a05bbd[data-hidden]{opacity:0!important;pointer-events:none}.m_31cd769a{display:flex;justify-content:var(--drawer-justify, flex-start);align-items:var(--drawer-align, flex-start)}.m_e9408a47{padding:var(--mantine-spacing-lg);padding-top:var(--mantine-spacing-xs);border-radius:var(--fieldset-radius, var(--mantine-radius-default));min-inline-size:auto}.m_84c9523a{border:calc(.0625rem * var(--mantine-scale)) solid}:where([data-mantine-color-scheme=light]) .m_84c9523a{border-color:var(--mantine-color-gray-3);background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m_84c9523a{border-color:var(--mantine-color-dark-4);background-color:var(--mantine-color-dark-7)}.m_ef274e49{border:calc(.0625rem * var(--mantine-scale)) solid}:where([data-mantine-color-scheme=light]) .m_ef274e49{border-color:var(--mantine-color-gray-3);background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_ef274e49{border-color:var(--mantine-color-dark-4);background-color:var(--mantine-color-dark-6)}.m_eda993d3{padding:0;border:0;border-radius:0}.m_90794832{font-size:var(--mantine-font-size-sm)}.m_74ca27fe{padding:0;margin-bottom:var(--mantine-spacing-sm)}.m_8478a6da{container:mantine-grid / inline-size}.m_410352e9{--grid-overflow: visible;--grid-margin: calc(var(--grid-gutter) / -2);--grid-col-padding: calc(var(--grid-gutter) / 2);overflow:var(--grid-overflow)}.m_dee7bd2f{width:calc(100% + var(--grid-gutter));display:flex;flex-wrap:wrap;justify-content:var(--grid-justify);align-items:var(--grid-align);margin:var(--grid-margin)}.m_96bdd299{--col-flex-grow: 0;--col-offset: 0rem;flex-shrink:0;order:var(--col-order);flex-basis:var(--col-flex-basis);width:var(--col-width);max-width:var(--col-max-width);flex-grow:var(--col-flex-grow);margin-inline-start:var(--col-offset);padding:var(--grid-col-padding)}.m_bcb3f3c2{color:var(--mantine-color-black)}:where([data-mantine-color-scheme=light]) .m_bcb3f3c2{background-color:var(--mark-bg-light)}:where([data-mantine-color-scheme=dark]) .m_bcb3f3c2{background-color:var(--mark-bg-dark)}.m_9e117634{display:block;flex:0;object-fit:var(--image-object-fit, cover);width:100%;border-radius:var(--image-radius, 0)}@keyframes m_885901b1{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(2.8)}}.m_e5262200{--indicator-size: calc(.625rem * var(--mantine-scale));--indicator-color: var(--mantine-primary-color-filled);position:relative;display:block}.m_e5262200:where([data-inline]){display:inline-block}.m_760d1fb1{position:absolute;top:var(--indicator-top);left:var(--indicator-left);right:var(--indicator-right);bottom:var(--indicator-bottom);transform:translate(var(--indicator-translate-x),var(--indicator-translate-y));min-width:var(--indicator-size);height:var(--indicator-size);border-radius:var(--indicator-radius, 1000rem);z-index:var(--indicator-z-index, 200);display:flex;align-items:center;justify-content:center;font-size:var(--mantine-font-size-xs);background-color:var(--indicator-color);color:var(--indicator-text-color, var(--mantine-color-white));white-space:nowrap}.m_760d1fb1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--indicator-color);border-radius:var(--indicator-radius, 1000rem);z-index:-1}.m_760d1fb1:where([data-with-label]){padding-inline:calc(var(--mantine-spacing-xs) / 2)}.m_760d1fb1:where([data-with-border]){border:2px solid var(--mantine-color-body)}.m_760d1fb1[data-processing]:before{animation:m_885901b1 1s linear infinite}.m_dc6f14e2{--kbd-fz-xs: calc(.625rem * var(--mantine-scale));--kbd-fz-sm: calc(.75rem * var(--mantine-scale));--kbd-fz-md: calc(.875rem * var(--mantine-scale));--kbd-fz-lg: calc(1rem * var(--mantine-scale));--kbd-fz-xl: calc(1.25rem * var(--mantine-scale));--kbd-fz: var(--kbd-fz-sm);--kbd-padding-xs: calc(.125rem * var(--mantine-scale)) calc(.25rem * var(--mantine-scale));--kbd-padding-sm: calc(.1875rem * var(--mantine-scale)) calc(.3125rem * var(--mantine-scale));--kbd-padding-md: calc(.25rem * var(--mantine-scale)) calc(.4375rem * var(--mantine-scale));--kbd-padding-lg: calc(.3125rem * var(--mantine-scale)) calc(.5625rem * var(--mantine-scale));--kbd-padding-xl: calc(.5rem * var(--mantine-scale)) calc(.875rem * var(--mantine-scale));--kbd-padding: var(--kbd-padding-sm);font-family:var(--mantine-font-family-monospace);line-height:var(--mantine-line-height);font-weight:700;padding:var(--kbd-padding);font-size:var(--kbd-fz);border-radius:var(--mantine-radius-sm);border:calc(.0625rem * var(--mantine-scale)) solid;border-bottom-width:calc(.1875rem * var(--mantine-scale));unicode-bidi:embed}:where([data-mantine-color-scheme=light]) .m_dc6f14e2{border-color:var(--mantine-color-gray-3);color:var(--mantine-color-gray-7);background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_dc6f14e2{border-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-0);background-color:var(--mantine-color-dark-6)}.m_abbac491{--list-fz: var(--mantine-font-size-md);--list-lh: var(--mantine-line-height-md);list-style-position:inside;font-size:var(--list-fz);line-height:var(--list-lh);margin:0;padding:0}.m_abbac491:where([data-with-padding]){padding-inline-start:var(--mantine-spacing-md)}.m_abb6bec2{white-space:nowrap;line-height:var(--list-lh)}.m_abb6bec2:where([data-with-icon]){list-style:none}.m_abb6bec2:where([data-with-icon]) .m_75cd9f71{--li-direction: row;--li-align: center}.m_abb6bec2:where(:not(:first-of-type)){margin-top:var(--list-spacing, 0)}.m_abb6bec2:where([data-centered]){line-height:1}.m_75cd9f71{display:inline-flex;flex-direction:var(--li-direction, column);align-items:var(--li-align, flex-start);white-space:normal}.m_60f83e5b{display:inline-block;vertical-align:middle;margin-inline-end:var(--mantine-spacing-sm)}.m_6e45937b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:var(--lo-z-index)}.m_e8eb006c{position:relative;z-index:calc(var(--lo-z-index) + 1)}.m_df587f17{z-index:var(--lo-z-index)}.m_dc9b7c9f{padding:calc(.25rem * var(--mantine-scale))}.m_9bfac126{color:var(--mantine-color-dimmed);font-weight:500;font-size:var(--mantine-font-size-xs);padding:calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);cursor:default}.m_efdf90cb{margin-top:calc(.25rem * var(--mantine-scale));margin-bottom:calc(.25rem * var(--mantine-scale));border-top:calc(.0625rem * var(--mantine-scale)) solid}:where([data-mantine-color-scheme=light]) .m_efdf90cb{border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_efdf90cb{border-color:var(--mantine-color-dark-4)}.m_99ac2aa1{font-size:var(--mantine-font-size-sm);width:100%;padding:calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);border-radius:var(--popover-radius, var(--mantine-radius-default));color:var(--menu-item-color, var(--mantine-color-text));display:flex;align-items:center;-webkit-user-select:none;user-select:none}.m_99ac2aa1:where([data-disabled],:disabled){color:var(--mantine-color-dimmed);opacity:.6;cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m_99ac2aa1:where([data-hovered]):where(:not(:disabled,[data-disabled])){background-color:var(--menu-item-hover, var(--mantine-color-gray-1))}:where([data-mantine-color-scheme=dark]) .m_99ac2aa1:where([data-hovered]):where(:not(:disabled,[data-disabled])){background-color:var(--menu-item-hover, var(--mantine-color-dark-4))}.m_5476e0d3{flex:1}.m_8b75e504{display:flex;justify-content:center;align-items:center}.m_8b75e504:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}.m_8b75e504:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}.m_9df02822{--modal-size-xs: calc(20rem * var(--mantine-scale));--modal-size-sm: calc(23.75rem * var(--mantine-scale));--modal-size-md: calc(27.5rem * var(--mantine-scale));--modal-size-lg: calc(38.75rem * var(--mantine-scale));--modal-size-xl: calc(48.75rem * var(--mantine-scale));--modal-size: var(--modal-size-md);--modal-y-offset: 5dvh;--modal-x-offset: 5vw}.m_9df02822[data-full-screen]{--modal-border-radius: 0 !important}.m_9df02822[data-full-screen] .m_54c44539{--modal-content-flex: 0 0 100%;--modal-content-max-height: auto;--modal-content-height: 100dvh}.m_9df02822[data-full-screen] .m_1f958f16{--modal-inner-y-offset: 0;--modal-inner-x-offset: 0}.m_9df02822[data-centered] .m_1f958f16{--modal-inner-align: center}.m_d0e2b9cd{border-start-start-radius:var(--modal-radius, var(--mantine-radius-default));border-start-end-radius:var(--modal-radius, var(--mantine-radius-default))}.m_54c44539{flex:var(--modal-content-flex, 0 0 var(--modal-size));max-width:100%;max-height:var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));height:var(--modal-content-height, auto);overflow-y:auto}.m_54c44539[data-full-screen]{border-radius:0}.m_54c44539[data-hidden]{opacity:0!important;pointer-events:none}.m_1f958f16{display:flex;justify-content:center;align-items:var(--modal-inner-align, flex-start);padding-top:var(--modal-inner-y-offset, var(--modal-y-offset));padding-bottom:var(--modal-inner-y-offset, var(--modal-y-offset));padding-inline:var(--modal-inner-x-offset, var(--modal-x-offset))}.m_7cda1cd6{--pill-fz-xs: calc(.625rem * var(--mantine-scale));--pill-fz-sm: calc(.75rem * var(--mantine-scale));--pill-fz-md: calc(.875rem * var(--mantine-scale));--pill-fz-lg: calc(1rem * var(--mantine-scale));--pill-fz-xl: calc(1.125rem * var(--mantine-scale));--pill-height-xs: calc(1.125rem * var(--mantine-scale));--pill-height-sm: calc(1.375rem * var(--mantine-scale));--pill-height-md: calc(1.5625rem * var(--mantine-scale));--pill-height-lg: calc(1.75rem * var(--mantine-scale));--pill-height-xl: calc(2rem * var(--mantine-scale));--pill-fz: var(--pill-fz-sm);--pill-height: var(--pill-height-sm);font-size:var(--pill-fz);flex:0;height:var(--pill-height);padding-inline:.8em;display:inline-flex;align-items:center;border-radius:var(--pill-radius, 1000rem);line-height:1;white-space:nowrap;user-select:none;-webkit-user-select:none;max-width:100%}:where([data-mantine-color-scheme=dark]) .m_7cda1cd6{background-color:var(--mantine-color-dark-7);color:var(--mantine-color-dark-0)}:where([data-mantine-color-scheme=light]) .m_7cda1cd6{color:var(--mantine-color-black)}.m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))){padding-inline-end:0}.m_7cda1cd6:where([data-disabled],:has(button:disabled)){cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m_44da308b{background-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=light]) .m_44da308b:where([data-disabled],:has(button:disabled)){background-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=light]) .m_e3a01f8{background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=light]) .m_e3a01f8:where([data-disabled],:has(button:disabled)){background-color:var(--mantine-color-gray-3)}.m_1e0e6180{cursor:inherit;overflow:hidden;height:100%;line-height:var(--pill-height);text-overflow:ellipsis}.m_ae386778{color:inherit;font-size:inherit;height:100%;min-height:unset;min-width:2em;width:unset;border-radius:0;padding-inline-start:.1em;padding-inline-end:.3em;flex:0;border-end-end-radius:var(--pill-radius, 50%);border-start-end-radius:var(--pill-radius, 50%)}.m_7cda1cd6[data-disabled]>.m_ae386778,.m_ae386778:disabled{display:none;background-color:transparent;width:.8em;min-width:.8em;padding:0;cursor:not-allowed}.m_7cda1cd6[data-disabled]>.m_ae386778>svg,.m_ae386778:disabled>svg{display:none}.m_ae386778>svg{pointer-events:none}.m_1dcfd90b{--pg-gap-xs: calc(.375rem * var(--mantine-scale));--pg-gap-sm: calc(.5rem * var(--mantine-scale));--pg-gap-md: calc(.625rem * var(--mantine-scale));--pg-gap-lg: calc(.75rem * var(--mantine-scale));--pg-gap-xl: calc(.75rem * var(--mantine-scale));--pg-gap: var(--pg-gap-sm);display:flex;align-items:center;gap:var(--pg-gap);flex-wrap:wrap}.m_45c4369d{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:calc(6.25rem * var(--mantine-scale));flex:1;border:0;font-size:inherit;height:1.6em;color:inherit;padding:0}.m_45c4369d::placeholder{color:var(--input-placeholder-color);opacity:1}.m_45c4369d:where([data-type=hidden],[data-type=auto]){height:calc(.0625rem * var(--mantine-scale));width:calc(.0625rem * var(--mantine-scale));top:0;left:0;pointer-events:none;position:absolute;opacity:0}.m_45c4369d:focus{outline:none}.m_45c4369d:where([data-type=auto]:focus){height:1.6em;visibility:visible;opacity:1;position:static}.m_45c4369d:where([data-pointer]:not([data-disabled],:disabled)){cursor:pointer}.m_45c4369d:where([data-disabled],:disabled){cursor:not-allowed}.m_f0824112{--nl-bg: var(--mantine-primary-color-light);--nl-hover: var(--mantine-primary-color-light-hover);--nl-color: var(--mantine-primary-color-light-color);display:flex;align-items:center;width:100%;padding:8px var(--mantine-spacing-sm);-webkit-user-select:none;user-select:none}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_f0824112:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_f0824112:hover{background-color:var(--mantine-color-dark-6)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_f0824112:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_f0824112:active{background-color:var(--mantine-color-dark-6)}}.m_f0824112:where([data-disabled]){opacity:.4;pointer-events:none}.m_f0824112:where([data-active],[aria-current=page]){background-color:var(--nl-bg);color:var(--nl-color)}@media(hover:hover){.m_f0824112:where([data-active],[aria-current=page]):hover{background-color:var(--nl-hover)}}@media(hover:none){.m_f0824112:where([data-active],[aria-current=page]):active{background-color:var(--nl-hover)}}.m_f0824112:where([data-active],[aria-current=page]) .m_57492dcc{--description-opacity: .9;--description-color: var(--nl-color)}.m_690090b5{display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.m_690090b5>svg{display:block}.m_690090b5:where([data-position=left]){margin-inline-end:var(--mantine-spacing-sm)}.m_690090b5:where([data-position=right]){margin-inline-start:var(--mantine-spacing-sm)}.m_690090b5:where([data-rotate]){transform:rotate(90deg)}.m_1f6ac4c4{font-size:var(--mantine-font-size-sm)}.m_f07af9d2{flex:1;overflow:hidden;text-overflow:ellipsis}.m_f07af9d2:where([data-no-wrap]){white-space:nowrap}.m_57492dcc{display:block;font-size:var(--mantine-font-size-xs);opacity:var(--description-opacity, 1);color:var(--description-color, var(--mantine-color-dimmed));overflow:hidden;text-overflow:ellipsis}:where([data-no-wrap]) .m_57492dcc{white-space:nowrap}.m_e17b862f{padding-inline-start:var(--nl-offset, var(--mantine-spacing-lg))}.m_1fd8a00b{transform:rotate(-90deg)}.m_a513464{--notification-radius: var(--mantine-radius-default);--notification-color: var(--mantine-primary-color-filled);overflow:hidden;box-sizing:border-box;position:relative;display:flex;align-items:center;padding-inline-start:calc(1.375rem * var(--mantine-scale));padding-inline-end:var(--mantine-spacing-xs);padding-top:var(--mantine-spacing-xs);padding-bottom:var(--mantine-spacing-xs);border-radius:var(--notification-radius);box-shadow:var(--mantine-shadow-lg)}.m_a513464:before{content:"";display:block;position:absolute;width:calc(.375rem * var(--mantine-scale));top:var(--notification-radius);bottom:var(--notification-radius);inset-inline-start:calc(.25rem * var(--mantine-scale));border-radius:var(--notification-radius);background-color:var(--notification-color)}:where([data-mantine-color-scheme=light]) .m_a513464{background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m_a513464{background-color:var(--mantine-color-dark-6)}.m_a513464:where([data-with-icon]){padding-inline-start:var(--mantine-spacing-xs)}.m_a513464:where([data-with-icon]):before{display:none}:where([data-mantine-color-scheme=light]) .m_a513464:where([data-with-border]){border:1px solid var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_a513464:where([data-with-border]){border:1px solid var(--mantine-color-dark-4)}.m_a4ceffb{box-sizing:border-box;margin-inline-end:var(--mantine-spacing-md);width:calc(1.75rem * var(--mantine-scale));height:calc(1.75rem * var(--mantine-scale));border-radius:calc(1.75rem * var(--mantine-scale));display:flex;align-items:center;justify-content:center;background-color:var(--notification-color);color:var(--mantine-color-white)}.m_b0920b15{margin-inline-end:var(--mantine-spacing-md)}.m_a49ed24{flex:1;overflow:hidden;margin-inline-end:var(--mantine-spacing-xs)}.m_3feedf16{margin-bottom:calc(.125rem * var(--mantine-scale));overflow:hidden;text-overflow:ellipsis;font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height-sm);font-weight:500}:where([data-mantine-color-scheme=light]) .m_3feedf16{color:var(--mantine-color-gray-9)}:where([data-mantine-color-scheme=dark]) .m_3feedf16{color:var(--mantine-color-white)}.m_3d733a3a{font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height-sm);overflow:hidden;text-overflow:ellipsis}:where([data-mantine-color-scheme=light]) .m_3d733a3a{color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_3d733a3a{color:var(--mantine-color-dark-0)}:where([data-mantine-color-scheme=light]) .m_3d733a3a:where([data-with-title]){color:var(--mantine-color-gray-6)}:where([data-mantine-color-scheme=dark]) .m_3d733a3a:where([data-with-title]){color:var(--mantine-color-dark-2)}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_919a4d88:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_919a4d88:hover{background-color:var(--mantine-color-dark-8)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_919a4d88:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_919a4d88:active{background-color:var(--mantine-color-dark-8)}}.m_e2f5cd4e{--ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));--ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));--ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));--ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));--ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale))}.m_95e17d22{--ni-chevron-size-xs: calc(.625rem * var(--mantine-scale));--ni-chevron-size-sm: calc(.875rem * var(--mantine-scale));--ni-chevron-size-md: calc(1rem * var(--mantine-scale));--ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));--ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));--ni-chevron-size: var(--ni-chevron-size-sm);display:flex;flex-direction:column;width:100%;height:calc(var(--input-height) - calc(.125rem * var(--mantine-scale)));max-width:calc(var(--ni-chevron-size) * 1.7);margin-inline-start:auto}.m_80b4b171{--control-border: 1px solid var(--input-bd);--control-radius: calc(var(--input-radius) - calc(.0625rem * var(--mantine-scale)));flex:0 0 50%;width:100%;padding:0;height:calc(var(--input-height) / 2 - calc(.0625rem * var(--mantine-scale)));border-inline-start:var(--control-border);display:flex;align-items:center;justify-content:center;color:var(--mantine-color-text);background-color:transparent;cursor:pointer}.m_80b4b171:where(:disabled){background-color:transparent;cursor:not-allowed;opacity:.6}:where([data-mantine-color-scheme=light]) .m_80b4b171:where(:disabled){color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_80b4b171:where(:disabled){color:var(--mantine-color-dark-3)}.m_e2f5cd4e[data-error] :where(.m_80b4b171){color:var(--mantine-color-error)}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_80b4b171:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_80b4b171:hover{background-color:var(--mantine-color-dark-4)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_80b4b171:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_80b4b171:active{background-color:var(--mantine-color-dark-4)}}.m_80b4b171:where(:first-of-type){border-radius:0;border-start-end-radius:var(--control-radius)}.m_80b4b171:last-of-type{border-radius:0;border-end-end-radius:var(--control-radius)}.m_4addd315{--pagination-control-size-xs: calc(1.375rem * var(--mantine-scale));--pagination-control-size-sm: calc(1.625rem * var(--mantine-scale));--pagination-control-size-md: calc(2rem * var(--mantine-scale));--pagination-control-size-lg: calc(2.375rem * var(--mantine-scale));--pagination-control-size-xl: calc(2.75rem * var(--mantine-scale));--pagination-control-size: var(--pagination-control-size-md);--pagination-control-fz: var(--mantine-font-size-md);--pagination-active-bg: var(--mantine-primary-color-filled)}.m_326d024a{display:flex;align-items:center;justify-content:center;border:calc(.0625rem * var(--mantine-scale)) solid;cursor:pointer;color:var(--mantine-color-text);height:var(--pagination-control-size);min-width:var(--pagination-control-size);font-size:var(--pagination-control-fz);line-height:1;border-radius:var(--pagination-control-radius, var(--mantine-radius-default))}.m_326d024a:where([data-with-padding]){padding:calc(var(--pagination-control-size) / 4)}.m_326d024a:where(:disabled,[data-disabled]){cursor:not-allowed;opacity:.4}:where([data-mantine-color-scheme=light]) .m_326d024a{border-color:var(--mantine-color-gray-4);background-color:var(--mantine-color-white)}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_326d024a:hover:where(:not(:disabled,[data-disabled])){background-color:var(--mantine-color-gray-0)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_326d024a:active:where(:not(:disabled,[data-disabled])){background-color:var(--mantine-color-gray-0)}}:where([data-mantine-color-scheme=dark]) .m_326d024a{border-color:var(--mantine-color-dark-4);background-color:var(--mantine-color-dark-6)}@media(hover:hover){:where([data-mantine-color-scheme=dark]) .m_326d024a:hover:where(:not(:disabled,[data-disabled])){background-color:var(--mantine-color-dark-5)}}@media(hover:none){:where([data-mantine-color-scheme=dark]) .m_326d024a:active:where(:not(:disabled,[data-disabled])){background-color:var(--mantine-color-dark-5)}}.m_326d024a:where([data-active]){background-color:var(--pagination-active-bg);border-color:var(--pagination-active-bg);color:var(--pagination-active-color, var(--mantine-color-white))}@media(hover:hover){.m_326d024a:where([data-active]):hover{background-color:var(--pagination-active-bg)}}@media(hover:none){.m_326d024a:where([data-active]):active{background-color:var(--pagination-active-bg)}}.m_4ad7767d{height:var(--pagination-control-size);min-width:var(--pagination-control-size);display:flex;align-items:center;justify-content:center;pointer-events:none}.m_f61ca620{--psi-button-size-xs: calc(1.375rem * var(--mantine-scale));--psi-button-size-sm: calc(1.625rem * var(--mantine-scale));--psi-button-size-md: calc(1.75rem * var(--mantine-scale));--psi-button-size-lg: calc(2rem * var(--mantine-scale));--psi-button-size-xl: calc(2.5rem * var(--mantine-scale));--psi-icon-size-xs: calc(.75rem * var(--mantine-scale));--psi-icon-size-sm: calc(.9375rem * var(--mantine-scale));--psi-icon-size-md: calc(1.0625rem * var(--mantine-scale));--psi-icon-size-lg: calc(1.1875rem * var(--mantine-scale));--psi-icon-size-xl: calc(1.3125rem * var(--mantine-scale));--psi-button-size: var(--psi-button-size-sm);--psi-icon-size: var(--psi-icon-size-sm)}.m_ccf8da4c{position:relative;overflow:hidden}.m_f2d85dd2{font-family:var(--mantine-font-family);background-color:transparent;border:0;padding-inline-end:var(--input-padding-inline-end);padding-inline-start:var(--input-padding-inline-start);position:absolute;top:0;right:0;bottom:0;left:0;outline:0;font-size:inherit;line-height:var(--mantine-line-height);height:100%;width:100%;color:inherit}.m_ccf8da4c[data-disabled] .m_f2d85dd2,.m_f2d85dd2:disabled{cursor:not-allowed}.m_f2d85dd2::placeholder{color:var(--input-placeholder-color);opacity:1}.m_f2d85dd2::-ms-reveal{display:none}.m_b1072d44{width:var(--psi-button-size);height:var(--psi-button-size);min-width:var(--psi-button-size);min-height:var(--psi-button-size)}.m_b1072d44:disabled{display:none}.m_f1cb205a{--pin-input-size-xs: calc(1.875rem * var(--mantine-scale));--pin-input-size-sm: calc(2.25rem * var(--mantine-scale));--pin-input-size-md: calc(2.625rem * var(--mantine-scale));--pin-input-size-lg: calc(3.125rem * var(--mantine-scale));--pin-input-size-xl: calc(3.75rem * var(--mantine-scale));--pin-input-size: var(--pin-input-size-sm)}.m_cb288ead{width:var(--pin-input-size);height:var(--pin-input-size)}@keyframes m_81a374bd{0%{background-position:0 0}to{background-position:calc(2.5rem * var(--mantine-scale)) 0}}.m_db6d6462{--progress-radius: var(--mantine-radius-default);--progress-size: var(--progress-size-md);--progress-size-xs: calc(.1875rem * var(--mantine-scale));--progress-size-sm: calc(.3125rem * var(--mantine-scale));--progress-size-md: calc(.5rem * var(--mantine-scale));--progress-size-lg: calc(.75rem * var(--mantine-scale));--progress-size-xl: calc(1rem * var(--mantine-scale));position:relative;height:var(--progress-size);border-radius:var(--progress-radius);overflow:hidden;display:flex}:where([data-mantine-color-scheme=light]) .m_db6d6462{background-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_db6d6462{background-color:var(--mantine-color-dark-4)}.m_2242eb65{background-color:var(--progress-section-color);height:100%;width:var(--progress-section-width);display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:calc(1.25rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));transition:width var(--progress-transition-duration, .1s) ease}.m_2242eb65:where([data-striped]){background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.m_2242eb65:where([data-animated]){animation:m_81a374bd 1s linear infinite}.m_2242eb65:where(:last-of-type){border-radius:0;border-start-end-radius:var(--progress-radius);border-end-end-radius:var(--progress-radius)}.m_2242eb65:where(:first-of-type){border-radius:0;border-start-start-radius:var(--progress-radius);border-end-start-radius:var(--progress-radius)}.m_91e40b74{color:var(--progress-label-color, var(--mantine-color-white));font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:min(calc(var(--progress-size) * .65),calc(1.125rem * var(--mantine-scale)));line-height:1;padding-inline:calc(.25rem * var(--mantine-scale))}.m_9dc8ae12{--card-radius: var(--mantine-radius-default);display:block;width:100%;border-radius:var(--card-radius);cursor:pointer}.m_9dc8ae12 :where(*){cursor:inherit}.m_9dc8ae12:where([data-with-border]){border:calc(.0625rem * var(--mantine-scale)) solid transparent}:where([data-mantine-color-scheme=light]) .m_9dc8ae12:where([data-with-border]){border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_9dc8ae12:where([data-with-border]){border-color:var(--mantine-color-dark-4)}.m_717d7ff6{--radio-size-xs: calc(1rem * var(--mantine-scale));--radio-size-sm: calc(1.25rem * var(--mantine-scale));--radio-size-md: calc(1.5rem * var(--mantine-scale));--radio-size-lg: calc(1.875rem * var(--mantine-scale));--radio-size-xl: calc(2.25rem * var(--mantine-scale));--radio-icon-size-xs: calc(.375rem * var(--mantine-scale));--radio-icon-size-sm: calc(.5rem * var(--mantine-scale));--radio-icon-size-md: calc(.625rem * var(--mantine-scale));--radio-icon-size-lg: calc(.875rem * var(--mantine-scale));--radio-icon-size-xl: calc(1rem * var(--mantine-scale));--radio-icon-size: var(--radio-icon-size-sm);--radio-size: var(--radio-size-sm);--radio-color: var(--mantine-primary-color-filled);--radio-icon-color: var(--mantine-color-white);position:relative;border:calc(.0625rem * var(--mantine-scale)) solid transparent;width:var(--radio-size);min-width:var(--radio-size);height:var(--radio-size);min-height:var(--radio-size);border-radius:var(--radio-radius, 10000px);transition:border-color .1s ease,background-color .1s ease;cursor:var(--mantine-cursor-type);-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}:where([data-mantine-color-scheme=light]) .m_717d7ff6{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_717d7ff6{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}.m_717d7ff6[data-indeterminate],.m_717d7ff6[data-checked]{background-color:var(--radio-color);border-color:var(--radio-color)}.m_717d7ff6[data-indeterminate]>.m_3e4da632,.m_717d7ff6[data-checked]>.m_3e4da632{opacity:1;transform:none;color:var(--radio-icon-color)}.m_717d7ff6[data-disabled]{cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m_717d7ff6[data-disabled]{background-color:var(--mantine-color-gray-2);border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_717d7ff6[data-disabled]{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-6)}[data-mantine-color-scheme=light] .m_717d7ff6[data-disabled][data-checked]>.m_3e4da632{color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .m_717d7ff6[data-disabled][data-checked]>.m_3e4da632{color:var(--mantine-color-dark-3)}.m_2980836c[data-indeterminate]:not([data-disabled]),.m_2980836c[data-checked]:not([data-disabled]){background-color:transparent;border-color:var(--radio-color)}.m_2980836c[data-indeterminate]:not([data-disabled])>.m_3e4da632,.m_2980836c[data-checked]:not([data-disabled])>.m_3e4da632{color:var(--radio-color);opacity:1;transform:none}.m_3e4da632{display:block;width:var(--radio-icon-size);height:var(--radio-icon-size);color:transparent;pointer-events:none;transform:translateY(calc(.3125rem * var(--mantine-scale))) scale(.5);opacity:1;transition:transform .1s ease,opacity .1s ease}.m_f3f1af94{--radio-size-xs: calc(1rem * var(--mantine-scale));--radio-size-sm: calc(1.25rem * var(--mantine-scale));--radio-size-md: calc(1.5rem * var(--mantine-scale));--radio-size-lg: calc(1.875rem * var(--mantine-scale));--radio-size-xl: calc(2.25rem * var(--mantine-scale));--radio-size: var(--radio-size-sm);--radio-icon-size-xs: calc(.375rem * var(--mantine-scale));--radio-icon-size-sm: calc(.5rem * var(--mantine-scale));--radio-icon-size-md: calc(.625rem * var(--mantine-scale));--radio-icon-size-lg: calc(.875rem * var(--mantine-scale));--radio-icon-size-xl: calc(1rem * var(--mantine-scale));--radio-icon-size: var(--radio-icon-size-sm);--radio-icon-color: var(--mantine-color-white)}.m_89c4f5e4{position:relative;width:var(--radio-size);height:var(--radio-size);order:1}.m_89c4f5e4:where([data-label-position=left]){order:2}.m_f3ed6b2b{color:var(--radio-icon-color);opacity:var(--radio-icon-opacity, 0);transform:var(--radio-icon-transform, scale(.2) translateY(calc(.625rem * var(--mantine-scale))));transition:opacity .1s ease,transform .2s ease;pointer-events:none;width:var(--radio-icon-size);height:var(--radio-icon-size);position:absolute;top:calc(50% - var(--radio-icon-size) / 2);left:calc(50% - var(--radio-icon-size) / 2)}.m_8a3dbb89{border:calc(.0625rem * var(--mantine-scale)) solid;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--radio-size);height:var(--radio-size);border-radius:var(--radio-radius, var(--radio-size));margin:0;display:flex;align-items:center;justify-content:center;transition-property:background-color,border-color;transition-timing-function:ease;transition-duration:.1s;cursor:var(--mantine-cursor-type);-webkit-tap-highlight-color:transparent}:where([data-mantine-color-scheme=light]) .m_8a3dbb89{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_8a3dbb89{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}.m_8a3dbb89:checked{background-color:var(--radio-color, var(--mantine-primary-color-filled));border-color:var(--radio-color, var(--mantine-primary-color-filled))}.m_8a3dbb89:checked+.m_f3ed6b2b{--radio-icon-opacity: 1;--radio-icon-transform: scale(1)}.m_8a3dbb89:disabled{cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m_8a3dbb89:disabled{background-color:var(--mantine-color-gray-1);border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=light]) .m_8a3dbb89:disabled+.m_f3ed6b2b{--radio-icon-color: var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_8a3dbb89:disabled{background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-4)}:where([data-mantine-color-scheme=dark]) .m_8a3dbb89:disabled+.m_f3ed6b2b{--radio-icon-color: var(--mantine-color-dark-7)}.m_8a3dbb89:where([data-error]){border-color:var(--mantine-color-error)}.m_1bfe9d39+.m_f3ed6b2b{--radio-icon-color: var(--radio-color)}.m_1bfe9d39:checked:not(:disabled){background-color:transparent;border-color:var(--radio-color)}.m_1bfe9d39:checked:not(:disabled)+.m_f3ed6b2b{--radio-icon-color: var(--radio-color);--radio-icon-opacity: 1;--radio-icon-transform: none}.m_f8d312f2{--rating-size-xs: calc(.875rem * var(--mantine-scale));--rating-size-sm: calc(1.125rem * var(--mantine-scale));--rating-size-md: calc(1.25rem * var(--mantine-scale));--rating-size-lg: calc(1.75rem * var(--mantine-scale));--rating-size-xl: calc(2rem * var(--mantine-scale));display:flex;width:max-content}.m_f8d312f2:where(:has(input:disabled)){pointer-events:none}.m_61734bb7{position:relative;transition:transform .1s ease}.m_61734bb7:where([data-active]){z-index:1;transform:scale(1.1)}.m_5662a89a{width:var(--rating-size);height:var(--rating-size);display:block}:where([data-mantine-color-scheme=light]) .m_5662a89a{fill:var(--mantine-color-gray-3);stroke:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_5662a89a{fill:var(--mantine-color-dark-3);stroke:var(--mantine-color-dark-3)}.m_5662a89a:where([data-filled]){fill:var(--rating-color);stroke:var(--rating-color)}.m_211007ba{height:0;width:0;position:absolute;overflow:hidden;white-space:nowrap;opacity:0;-webkit-tap-highlight-color:transparent}.m_211007ba:focus-visible+label{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.m_21342ee4{display:block;cursor:pointer;position:absolute;top:0;left:0;z-index:var(--rating-item-z-index, 0);-webkit-tap-highlight-color:transparent}.m_21342ee4:where([data-read-only]){cursor:default}.m_21342ee4:where(:last-of-type){position:relative}.m_fae05d6a{clip-path:var(--rating-symbol-clip-path)}.m_1b3c8819{--tooltip-radius: var(--mantine-radius-default);position:absolute;padding:calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);pointer-events:none;font-size:var(--mantine-font-size-sm);white-space:nowrap;border-radius:var(--tooltip-radius)}:where([data-mantine-color-scheme=light]) .m_1b3c8819{background-color:var(--tooltip-bg, var(--mantine-color-gray-9));color:var(--tooltip-color, var(--mantine-color-white))}:where([data-mantine-color-scheme=dark]) .m_1b3c8819{background-color:var(--tooltip-bg, var(--mantine-color-gray-2));color:var(--tooltip-color, var(--mantine-color-black))}.m_1b3c8819:where([data-multiline]){white-space:normal}.m_1b3c8819:where([data-fixed]){position:fixed}.m_f898399f{background-color:inherit;border:0;z-index:1}.m_b32e4812{position:relative;width:var(--rp-size);height:var(--rp-size);min-width:var(--rp-size);min-height:var(--rp-size);--rp-transition-duration: 0ms}.m_d43b5134{width:var(--rp-size);height:var(--rp-size);min-width:var(--rp-size);min-height:var(--rp-size);transform:rotate(-90deg)}.m_b1ca1fbf{stroke:var(--curve-color, var(--rp-curve-root-color));transition:stroke-dashoffset var(--rp-transition-duration) ease,stroke-dasharray var(--rp-transition-duration) ease,stroke var(--rp-transition-duration)}[data-mantine-color-scheme=light] .m_b1ca1fbf{--rp-curve-root-color: var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .m_b1ca1fbf{--rp-curve-root-color: var(--mantine-color-dark-4)}.m_b23f9dc4{position:absolute;top:50%;transform:translateY(-50%);inset-inline:var(--rp-label-offset)}.m_cf365364{--sc-padding-xs: calc(.1875rem * var(--mantine-scale)) calc(.375rem * var(--mantine-scale));--sc-padding-sm: calc(.3125rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale));--sc-padding-md: calc(.4375rem * var(--mantine-scale)) calc(.875rem * var(--mantine-scale));--sc-padding-lg: calc(.5625rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));--sc-padding-xl: calc(.75rem * var(--mantine-scale)) calc(1.25rem * var(--mantine-scale));--sc-transition-duration: .2s;--sc-padding: var(--sc-padding-sm);--sc-transition-timing-function: ease;--sc-font-size: var(--mantine-font-size-sm);position:relative;display:inline-flex;flex-direction:row;width:auto;border-radius:var(--sc-radius, var(--mantine-radius-default));overflow:hidden;padding:calc(.25rem * var(--mantine-scale))}.m_cf365364:where([data-full-width]){display:flex}.m_cf365364:where([data-orientation=vertical]){display:flex;flex-direction:column;width:max-content}.m_cf365364:where([data-orientation=vertical]):where([data-full-width]){width:auto}:where([data-mantine-color-scheme=light]) .m_cf365364{background-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_cf365364{background-color:var(--mantine-color-dark-8)}.m_9e182ccd{position:absolute;display:block;z-index:1;border-radius:var(--sc-radius, var(--mantine-radius-default))}:where([data-mantine-color-scheme=light]) .m_9e182ccd{box-shadow:var(--sc-shadow, none);background-color:var(--sc-color, var(--mantine-color-white))}:where([data-mantine-color-scheme=dark]) .m_9e182ccd{box-shadow:none;background-color:var(--sc-color, var(--mantine-color-dark-5))}.m_1738fcb2{-webkit-tap-highlight-color:transparent;font-weight:500;display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;border-radius:var(--sc-radius, var(--mantine-radius-default));font-size:var(--sc-font-size);padding:var(--sc-padding);transition:color var(--sc-transition-duration) var(--sc-transition-timing-function);cursor:pointer;outline:var(--segmented-control-outline, none)}:where([data-mantine-color-scheme=light]) .m_1738fcb2{color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m_1738fcb2{color:var(--mantine-color-dark-1)}.m_1738fcb2:where([data-read-only]){cursor:default}fieldset:disabled .m_1738fcb2,.m_1738fcb2:where([data-disabled]){cursor:not-allowed}:where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2,:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-disabled]){color:var(--mantine-color-gray-5)}:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2,:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-disabled]){color:var(--mantine-color-dark-3)}:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active]){color:var(--sc-label-color, var(--mantine-color-black))}:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active]){color:var(--sc-label-color, var(--mantine-color-white))}.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active]):before{display:none}.m_1738fcb2:where([data-active]):before{content:"";top:0;right:0;bottom:0;left:0;z-index:0;position:absolute;border-radius:var(--sc-radius, var(--mantine-radius-default))}:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active]):before{box-shadow:var(--sc-shadow, none);background-color:var(--sc-color, var(--mantine-color-white))}:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active]):before{box-shadow:none;background-color:var(--sc-color, var(--mantine-color-dark-5))}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled],[data-active],[data-read-only])):hover{color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled],[data-active],[data-read-only])):hover{color:var(--mantine-color-white)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled],[data-active],[data-read-only])):active{color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled],[data-active],[data-read-only])):active{color:var(--mantine-color-white)}}@media(hover:hover){:where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2:hover{color:var(--mantine-color-gray-5)!important}:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2:hover{color:var(--mantine-color-dark-3)!important}}@media(hover:none){:where([data-mantine-color-scheme=light]) fieldset:disabled .m_1738fcb2:active{color:var(--mantine-color-gray-5)!important}:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_1738fcb2:active{color:var(--mantine-color-dark-3)!important}}.m_1714d588{height:0;width:0;position:absolute;overflow:hidden;white-space:nowrap;opacity:0}.m_1714d588[data-focus-ring=auto]:focus:focus-visible+.m_1738fcb2{--segmented-control-outline: 2px solid var(--mantine-primary-color-filled)}.m_1714d588[data-focus-ring=always]:focus+.m_1738fcb2{--segmented-control-outline: 2px solid var(--mantine-primary-color-filled)}.m_69686b9b{position:relative;flex:1;z-index:2;transition:border-color var(--sc-transition-duration) var(--sc-transition-timing-function)}.m_cf365364[data-with-items-borders] :where(.m_69686b9b):before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;background-color:var(--separator-color);width:calc(.0625rem * var(--mantine-scale));transition:background-color var(--sc-transition-duration) var(--sc-transition-timing-function)}.m_69686b9b[data-orientation=vertical]:before{top:0;inset-inline:0;bottom:auto;height:calc(.0625rem * var(--mantine-scale));width:auto}:where([data-mantine-color-scheme=light]) .m_69686b9b{--separator-color: var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_69686b9b{--separator-color: var(--mantine-color-dark-4)}.m_69686b9b:first-of-type:before{--separator-color: transparent}[data-mantine-color-scheme] .m_69686b9b[data-active]:before,[data-mantine-color-scheme] .m_69686b9b[data-active]+.m_69686b9b:before{--separator-color: transparent}.m_78882f40{position:relative;z-index:2}.m_fa528724{--scp-filled-segment-color: var(--mantine-primary-color-filled);--scp-transition-duration: 0ms;--scp-thickness: calc(.625rem * var(--mantine-scale))}:where([data-mantine-color-scheme=light]) .m_fa528724{--scp-empty-segment-color: var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_fa528724{--scp-empty-segment-color: var(--mantine-color-dark-4)}.m_fa528724{position:relative;width:fit-content}.m_62e9e7e2{display:block;transform:var(--scp-rotation);overflow:hidden}.m_c573fb6f{transition:stroke-dashoffset var(--scp-transition-duration) ease,stroke-dasharray var(--scp-transition-duration) ease,stroke var(--scp-transition-duration)}.m_4fa340f2{position:absolute;margin:0;padding:0;inset-inline:0;text-align:center;z-index:1}.m_4fa340f2:where([data-position=bottom]){bottom:0;padding-inline:calc(var(--scp-thickness) * 2)}.m_4fa340f2:where([data-position=bottom]):where([data-orientation=down]){bottom:auto;top:0}.m_4fa340f2:where([data-position=center]){top:50%;padding-inline:calc(var(--scp-thickness) * 3)}.m_925c2d2c{container:simple-grid / inline-size}.m_2415a157{display:grid;grid-template-columns:repeat(var(--sg-cols),minmax(0,1fr));gap:var(--sg-spacing-y) var(--sg-spacing-x)}@keyframes m_299c329c{0%,to{opacity:.4}50%{opacity:1}}.m_18320242{height:var(--skeleton-height, auto);width:var(--skeleton-width, 100%);border-radius:var(--skeleton-radius, var(--mantine-radius-default));position:relative;transform:translateZ(0);-webkit-transform:translateZ(0)}.m_18320242:where([data-animate]):after{animation:m_299c329c 1.5s linear infinite}.m_18320242:where([data-visible]){overflow:hidden}.m_18320242:where([data-visible]):before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:10;background-color:var(--mantine-color-body)}.m_18320242:where([data-visible]):after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:11}:where([data-mantine-color-scheme=light]) .m_18320242:where([data-visible]):after{background-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_18320242:where([data-visible]):after{background-color:var(--mantine-color-dark-4)}.m_dd36362e{--slider-size-xs: calc(.25rem * var(--mantine-scale));--slider-size-sm: calc(.375rem * var(--mantine-scale));--slider-size-md: calc(.5rem * var(--mantine-scale));--slider-size-lg: calc(.625rem * var(--mantine-scale));--slider-size-xl: calc(.75rem * var(--mantine-scale));--slider-size: var(--slider-size-md);--slider-radius: calc(62.5rem * var(--mantine-scale));--slider-color: var(--mantine-primary-color-filled);-webkit-tap-highlight-color:transparent;outline:none;height:calc(var(--slider-size) * 2);padding-inline:var(--slider-size);display:flex;flex-direction:column;align-items:center;touch-action:none;position:relative}[data-mantine-color-scheme=light] .m_dd36362e{--slider-track-bg: var(--mantine-color-gray-2);--slider-track-disabled-bg: var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .m_dd36362e{--slider-track-bg: var(--mantine-color-dark-4);--slider-track-disabled-bg: var(--mantine-color-dark-3)}.m_c9357328{position:absolute;top:calc(-2.25rem * var(--mantine-scale));font-size:var(--mantine-font-size-xs);color:var(--mantine-color-white);padding:calc(var(--mantine-spacing-xs) / 2);border-radius:var(--mantine-radius-sm);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none}:where([data-mantine-color-scheme=light]) .m_c9357328{background-color:var(--mantine-color-gray-9)}:where([data-mantine-color-scheme=dark]) .m_c9357328{background-color:var(--mantine-color-dark-4)}.m_c9a9a60a{position:absolute;display:flex;height:var(--slider-thumb-size);width:var(--slider-thumb-size);border:calc(.25rem * var(--mantine-scale)) solid;transform:translate(-50%,-50%);top:50%;cursor:pointer;border-radius:var(--slider-radius);align-items:center;justify-content:center;transition:box-shadow .1s ease,transform .1s ease;z-index:3;-webkit-user-select:none;user-select:none;touch-action:none;outline-offset:calc(.125rem * var(--mantine-scale));left:var(--slider-thumb-offset)}:where([dir=rtl]) .m_c9a9a60a{left:auto;right:calc(var(--slider-thumb-offset) - var(--slider-thumb-size))}fieldset:disabled .m_c9a9a60a,.m_c9a9a60a:where([data-disabled]){display:none}.m_c9a9a60a:where([data-dragging]){transform:translate(-50%,-50%) scale(1.05);box-shadow:var(--mantine-shadow-sm)}:where([data-mantine-color-scheme=light]) .m_c9a9a60a{color:var(--slider-color);border-color:var(--slider-color);background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m_c9a9a60a{color:var(--mantine-color-white);border-color:var(--mantine-color-white);background-color:var(--slider-color)}.m_a8645c2{display:flex;align-items:center;width:100%;height:calc(var(--slider-size) * 2);cursor:pointer}fieldset:disabled .m_a8645c2,.m_a8645c2:where([data-disabled]){cursor:not-allowed}.m_c9ade57f{position:relative;width:100%;height:var(--slider-size)}.m_c9ade57f:where([data-inverted]:not([data-disabled])){--track-bg: var(--slider-color)}fieldset:disabled .m_c9ade57f:where([data-inverted]),.m_c9ade57f:where([data-inverted][data-disabled]){--track-bg: var(--slider-track-disabled-bg)}.m_c9ade57f:before{content:"";position:absolute;top:0;bottom:0;border-radius:var(--slider-radius);inset-inline:calc(var(--slider-size) * -1);background-color:var(--track-bg, var(--slider-track-bg));z-index:0}.m_38aeed47{position:absolute;z-index:1;top:0;bottom:0;background-color:var(--slider-color);border-radius:var(--slider-radius);width:var(--slider-bar-width);inset-inline-start:var(--slider-bar-offset)}.m_38aeed47:where([data-inverted]){background-color:var(--slider-track-bg)}:where([data-mantine-color-scheme=light]) fieldset:disabled .m_38aeed47:where(:not([data-inverted])),:where([data-mantine-color-scheme=light]) .m_38aeed47:where([data-disabled]:not([data-inverted])){background-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) fieldset:disabled .m_38aeed47:where(:not([data-inverted])),:where([data-mantine-color-scheme=dark]) .m_38aeed47:where([data-disabled]:not([data-inverted])){background-color:var(--mantine-color-dark-3)}.m_b7b0423a{position:absolute;inset-inline-start:calc(var(--mark-offset) - var(--slider-size) / 2);top:0;z-index:2;height:0;pointer-events:none}.m_dd33bc19{border:calc(.125rem * var(--mantine-scale)) solid;height:var(--slider-size);width:var(--slider-size);border-radius:calc(62.5rem * var(--mantine-scale));background-color:var(--mantine-color-white);pointer-events:none}:where([data-mantine-color-scheme=light]) .m_dd33bc19{border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_dd33bc19{border-color:var(--mantine-color-dark-4)}.m_dd33bc19:where([data-filled]){border-color:var(--slider-color)}:where([data-mantine-color-scheme=light]) .m_dd33bc19:where([data-filled]):where([data-disabled]){border-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_dd33bc19:where([data-filled]):where([data-disabled]){border-color:var(--mantine-color-dark-3)}.m_68c77a5b{transform:translate(calc(-50% + var(--slider-size) / 2),calc(var(--mantine-spacing-xs) / 2));font-size:var(--mantine-font-size-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}:where([data-mantine-color-scheme=light]) .m_68c77a5b{color:var(--mantine-color-gray-6)}:where([data-mantine-color-scheme=dark]) .m_68c77a5b{color:var(--mantine-color-dark-2)}.m_559cce2d{position:relative}.m_559cce2d:where([data-has-spoiler]){margin-bottom:calc(1.5rem * var(--mantine-scale))}.m_b912df4e{display:flex;flex-direction:column;overflow:hidden;transition:max-height var(--spoiler-transition-duration, .2s) ease}.m_b9131032{position:absolute;inset-inline-start:0;top:100%;height:calc(1.5rem * var(--mantine-scale))}.m_6d731127{display:flex;flex-direction:column;align-items:var(--stack-align, stretch);justify-content:var(--stack-justify, flex-start);gap:var(--stack-gap, var(--mantine-spacing-md))}.m_cbb4ea7e{--stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));--stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));--stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));--stepper-icon-size-lg: calc(3rem * var(--mantine-scale));--stepper-icon-size-xl: calc(3.25rem * var(--mantine-scale));--stepper-icon-size: var(--stepper-icon-size-md);--stepper-color: var(--mantine-primary-color-filled);--stepper-content-padding: var(--mantine-spacing-md);--stepper-spacing: var(--mantine-spacing-md);--stepper-radius: calc(62.5rem * var(--mantine-scale));--stepper-fz: var(--mantine-font-size-md);--stepper-outline-thickness: calc(.125rem * var(--mantine-scale))}[data-mantine-color-scheme=light] .m_cbb4ea7e{--stepper-outline-color: var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .m_cbb4ea7e{--stepper-outline-color: var(--mantine-color-dark-5)}.m_aaf89d0b{display:flex;flex-wrap:nowrap;align-items:center}.m_aaf89d0b:where([data-wrap]){flex-wrap:wrap;gap:var(--mantine-spacing-md) 0}.m_aaf89d0b:where([data-orientation=vertical]){flex-direction:column}.m_aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=left]){align-items:flex-start}.m_aaf89d0b:where([data-orientation=vertical]):where([data-icon-position=right]){align-items:flex-end}.m_aaf89d0b:where([data-orientation=horizontal]){flex-direction:row}.m_2a371ac9{transition:background-color .15s ease;flex:1;height:var(--stepper-outline-thickness);margin-inline:var(--mantine-spacing-md);background-color:var(--stepper-outline-color)}.m_2a371ac9:where([data-active]){background-color:var(--stepper-color)}.m_78da155d{padding-top:var(--stepper-content-padding)}.m_cbb57068{--step-color: var(--stepper-color);display:flex;cursor:default}.m_cbb57068:where([data-allow-click]){cursor:pointer}.m_cbb57068:where([data-icon-position=left]){flex-direction:row}.m_cbb57068:where([data-icon-position=right]){flex-direction:row-reverse}.m_f56b1e2c{align-items:center}.m_833edb7e{--separator-spacing: calc(var(--mantine-spacing-xs) / 2);justify-content:flex-start;min-height:calc(var(--stepper-icon-size) + var(--mantine-spacing-xl) + var(--separator-spacing));margin-top:var(--separator-spacing);overflow:hidden}.m_833edb7e:where(:first-of-type){margin-top:0}.m_833edb7e:where(:last-of-type){min-height:auto}.m_833edb7e:where(:last-of-type) .m_6496b3f3{display:none}.m_818e70b{position:relative}.m_6496b3f3{top:calc(var(--stepper-icon-size) + var(--separator-spacing));inset-inline-start:calc(var(--stepper-icon-size) / 2);height:100vh;position:absolute;border-inline-start:var(--stepper-outline-thickness) solid var(--stepper-outline-color)}.m_6496b3f3:where([data-active]){border-color:var(--stepper-color)}.m_1959ad01{height:var(--stepper-icon-size);width:var(--stepper-icon-size);min-height:var(--stepper-icon-size);min-width:var(--stepper-icon-size);border-radius:var(--stepper-radius);font-size:var(--stepper-fz);display:flex;align-items:center;justify-content:center;position:relative;font-weight:700;transition:background-color .15s ease,border-color .15s ease;border:var(--stepper-outline-thickness) solid var(--stepper-outline-color);background-color:var(--stepper-outline-color)}:where([data-mantine-color-scheme=light]) .m_1959ad01{color:var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m_1959ad01{color:var(--mantine-color-dark-1)}.m_1959ad01:where([data-progress]){border-color:var(--step-color)}.m_1959ad01:where([data-completed]){color:var(--stepper-icon-color, var(--mantine-color-white));background-color:var(--step-color);border-color:var(--step-color)}.m_a79331dc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--stepper-icon-color, var(--mantine-color-white))}.m_1956aa2a{display:flex;flex-direction:column}.m_1956aa2a:where([data-icon-position=left]){margin-inline-start:var(--mantine-spacing-sm)}.m_1956aa2a:where([data-icon-position=right]){text-align:right;margin-inline-end:var(--mantine-spacing-sm)}:where([dir=rtl]) .m_1956aa2a:where([data-icon-position=right]){text-align:left}.m_12051f6c{font-weight:500;font-size:var(--stepper-fz);line-height:1}.m_164eea74{margin-top:calc(var(--stepper-spacing) / 3);margin-bottom:calc(var(--stepper-spacing) / 3);font-size:calc(var(--stepper-fz) - calc(.125rem * var(--mantine-scale)));line-height:1;color:var(--mantine-color-dimmed)}.m_5f93f3bb{--switch-height-xs: calc(1rem * var(--mantine-scale));--switch-height-sm: calc(1.25rem * var(--mantine-scale));--switch-height-md: calc(1.5rem * var(--mantine-scale));--switch-height-lg: calc(1.875rem * var(--mantine-scale));--switch-height-xl: calc(2.25rem * var(--mantine-scale));--switch-width-xs: calc(2rem * var(--mantine-scale));--switch-width-sm: calc(2.375rem * var(--mantine-scale));--switch-width-md: calc(2.875rem * var(--mantine-scale));--switch-width-lg: calc(3.5rem * var(--mantine-scale));--switch-width-xl: calc(4.5rem * var(--mantine-scale));--switch-thumb-size-xs: calc(.75rem * var(--mantine-scale));--switch-thumb-size-sm: calc(.875rem * var(--mantine-scale));--switch-thumb-size-md: calc(1.125rem * var(--mantine-scale));--switch-thumb-size-lg: calc(1.375rem * var(--mantine-scale));--switch-thumb-size-xl: calc(1.75rem * var(--mantine-scale));--switch-label-font-size-xs: calc(.3125rem * var(--mantine-scale));--switch-label-font-size-sm: calc(.375rem * var(--mantine-scale));--switch-label-font-size-md: calc(.4375rem * var(--mantine-scale));--switch-label-font-size-lg: calc(.5625rem * var(--mantine-scale));--switch-label-font-size-xl: calc(.6875rem * var(--mantine-scale));--switch-track-label-padding-xs: calc(.0625rem * var(--mantine-scale));--switch-track-label-padding-sm: calc(.125rem * var(--mantine-scale));--switch-track-label-padding-md: calc(.125rem * var(--mantine-scale));--switch-track-label-padding-lg: calc(.1875rem * var(--mantine-scale));--switch-track-label-padding-xl: calc(.1875rem * var(--mantine-scale));--switch-height: var(--switch-height-sm);--switch-width: var(--switch-width-sm);--switch-thumb-size: var(--switch-thumb-size-sm);--switch-label-font-size: var(--switch-label-font-size-sm);--switch-track-label-padding: var(--switch-track-label-padding-sm);--switch-radius: calc(62.5rem * var(--mantine-scale));--switch-color: var(--mantine-primary-color-filled);position:relative}.m_926b4011{height:0;width:0;opacity:0;margin:0;padding:0;position:absolute;overflow:hidden;white-space:nowrap}.m_9307d992{-webkit-tap-highlight-color:transparent;cursor:var(--switch-cursor, var(--mantine-cursor-type));overflow:hidden;position:relative;border-radius:var(--switch-radius);background-color:var(--switch-bg);border:1px solid var(--switch-bd);height:var(--switch-height);min-width:var(--switch-width);margin:0;transition:background-color .15s ease,border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;font-size:var(--switch-label-font-size);font-weight:600;order:var(--switch-order, 1);-webkit-user-select:none;user-select:none;z-index:0;line-height:0;color:var(--switch-text-color)}.m_9307d992:where([data-without-labels]){width:var(--switch-width)}.m_926b4011:focus-visible+.m_9307d992{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.m_926b4011:checked+.m_9307d992{--switch-bg: var(--switch-color);--switch-bd: var(--switch-color);--switch-text-color: var(--mantine-color-white)}.m_926b4011:disabled+.m_9307d992,.m_926b4011[data-disabled]+.m_9307d992{--switch-bg: var(--switch-disabled-color);--switch-bd: var(--switch-disabled-color);--switch-cursor: not-allowed}[data-mantine-color-scheme=light] .m_9307d992{--switch-bg: var(--mantine-color-gray-2);--switch-bd: var(--mantine-color-gray-3);--switch-text-color: var(--mantine-color-gray-6);--switch-disabled-color: var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .m_9307d992{--switch-bg: var(--mantine-color-dark-6);--switch-bd: var(--mantine-color-dark-4);--switch-text-color: var(--mantine-color-dark-1);--switch-disabled-color: var(--mantine-color-dark-4)}.m_9307d992[data-error]{--switch-bd: var(--mantine-color-error)}.m_9307d992[data-label-position=left]{--switch-order: 2}.m_93039a1d{position:absolute;z-index:1;border-radius:var(--switch-radius);display:flex;background-color:var(--switch-thumb-bg, var(--mantine-color-white));height:var(--switch-thumb-size);width:var(--switch-thumb-size);border:1px solid var(--switch-thumb-bd);inset-inline-start:var(--switch-thumb-start, var(--switch-track-label-padding));transition:inset-inline-start .15s ease}.m_93039a1d>*{margin:auto}.m_926b4011:checked+*>.m_93039a1d{--switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));--switch-thumb-bd: var(--mantine-color-white)}.m_926b4011:disabled+*>.m_93039a1d,.m_926b4011[data-disabled]+*>.m_93039a1d{--switch-thumb-bd: var(--switch-thumb-bg-disabled);--switch-thumb-bg: var(--switch-thumb-bg-disabled)}[data-mantine-color-scheme=light] .m_93039a1d{--switch-thumb-bd: var(--mantine-color-gray-3);--switch-thumb-bg-disabled: var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_93039a1d{--switch-thumb-bd: var(--mantine-color-white);--switch-thumb-bg-disabled: var(--mantine-color-dark-3)}.m_8277e082{height:100%;display:grid;place-content:center;min-width:calc(var(--switch-width) - var(--switch-thumb-size));padding-inline:var(--switch-track-label-padding);margin-inline-start:calc(var(--switch-thumb-size) + var(--switch-track-label-padding));transition:margin .15s ease}.m_926b4011:checked+*>.m_8277e082{margin-inline-end:calc(var(--switch-thumb-size) + var(--switch-track-label-padding));margin-inline-start:0}.m_b23fa0ef{width:100%;border-collapse:collapse;border-spacing:0;line-height:var(--mantine-line-height);font-size:var(--mantine-font-size-sm);table-layout:var(--table-layout, auto);caption-side:var(--table-caption-side, bottom);border:none}:where([data-mantine-color-scheme=light]) .m_b23fa0ef{--table-hover-color: var(--mantine-color-gray-1);--table-striped-color: var(--mantine-color-gray-0);--table-border-color: var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_b23fa0ef{--table-hover-color: var(--mantine-color-dark-5);--table-striped-color: var(--mantine-color-dark-6);--table-border-color: var(--mantine-color-dark-4)}.m_b23fa0ef:where([data-with-table-border]){border:calc(.0625rem * var(--mantine-scale)) solid var(--table-border-color)}.m_b23fa0ef:where([data-tabular-nums]){font-variant-numeric:tabular-nums}.m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3){font-weight:500}:where([data-mantine-color-scheme=light]) .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_b23fa0ef:where([data-variant=vertical]) :where(.m_4e7aa4f3){background-color:var(--mantine-color-dark-6)}.m_4e7aa4f3{text-align:left}:where([dir=rtl]) .m_4e7aa4f3{text-align:right}.m_4e7aa4fd{border-bottom:none;background-color:transparent}@media(hover:hover){.m_4e7aa4fd:hover:where([data-hover]){background-color:var(--tr-hover-bg)}}@media(hover:none){.m_4e7aa4fd:active:where([data-hover]){background-color:var(--tr-hover-bg)}}.m_4e7aa4fd:where([data-with-row-border]){border-bottom:calc(.0625rem * var(--mantine-scale)) solid var(--table-border-color)}.m_4e7aa4ef,.m_4e7aa4f3{padding:var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs))}.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)),.m_4e7aa4f3:where([data-with-column-border]:not(:last-child)){border-inline-end:calc(.0625rem * var(--mantine-scale)) solid var(--table-border-color)}.m_b2404537>:where(tr):where([data-with-row-border]:last-of-type){border-bottom:none}.m_b2404537>:where(tr):where([data-striped=odd]:nth-of-type(odd)){background-color:var(--table-striped-color)}.m_b2404537>:where(tr):where([data-striped=even]:nth-of-type(2n)){background-color:var(--table-striped-color)}.m_b2404537>:where(tr)[data-hover]{--tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color))}.m_b242d975{top:var(--table-sticky-header-offset, 0);z-index:3}.m_b242d975:where([data-sticky]){position:sticky}.m_b242d975:where([data-sticky]) :where(.m_4e7aa4f3){position:sticky;top:var(--table-sticky-header-offset, 0);background-color:var(--mantine-color-body)}:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3{top:initial}.m_9e5a3ac7{color:var(--mantine-color-dimmed)}.m_9e5a3ac7:where([data-side=top]){margin-bottom:var(--mantine-spacing-xs)}.m_9e5a3ac7:where([data-side=bottom]){margin-top:var(--mantine-spacing-xs)}.m_a100c15{overflow-x:var(--table-overflow)}.m_62259741{min-width:var(--table-min-width);max-height:var(--table-max-height)}.m_bcaa9990{display:flex;flex-direction:column;--toc-depth-offset: .8em}.m_375a65ef{display:block;padding:.3em .8em;font-size:var(--toc-size, var(--mantine-font-size-md));border-radius:var(--toc-radius, var(--mantine-radius-default));padding-left:max(calc(var(--depth-offset) * var(--toc-depth-offset)),.8em)}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_375a65ef:where(:hover):where(:not([data-variant=none])){background-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:hover):where(:not([data-variant=none])){background-color:var(--mantine-color-dark-5)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_375a65ef:where(:active):where(:not([data-variant=none])){background-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:active):where(:not([data-variant=none])){background-color:var(--mantine-color-dark-5)}}.m_375a65ef:where([data-active]){background-color:var(--toc-bg);color:var(--toc-color)}.m_89d60db1{display:var(--tabs-display);flex-direction:var(--tabs-flex-direction);--tab-justify: flex-start;--tabs-list-direction: row;--tabs-panel-grow: unset;--tabs-display: block;--tabs-flex-direction: row;--tabs-list-border-width: 0;--tabs-list-border-size: 0 0 var(--tabs-list-border-width) 0;--tabs-list-gap: unset;--tabs-list-line-bottom: 0;--tabs-list-line-top: unset;--tabs-list-line-start: 0;--tabs-list-line-end: 0;--tab-radius: var(--tabs-radius) var(--tabs-radius) 0 0;--tab-border-width: 0 0 var(--tabs-list-border-width) 0}.m_89d60db1[data-inverted]{--tabs-list-line-bottom: unset;--tabs-list-line-top: 0;--tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);--tab-border-width: var(--tabs-list-border-width) 0 0 0}.m_89d60db1[data-inverted] .m_576c9d4:before{top:0;bottom:unset}.m_89d60db1[data-orientation=vertical]{--tabs-list-line-start: unset;--tabs-list-line-end: 0;--tabs-list-line-top: 0;--tabs-list-line-bottom: 0;--tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;--tab-border-width: 0 var(--tabs-list-border-width) 0 0;--tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);--tabs-list-direction: column;--tabs-panel-grow: 1;--tabs-display: flex}[dir=rtl] .m_89d60db1[data-orientation=vertical]{--tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);--tab-border-width: 0 0 0 var(--tabs-list-border-width);--tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0}.m_89d60db1[data-orientation=vertical][data-placement=right]{--tabs-flex-direction: row-reverse;--tabs-list-line-start: 0;--tabs-list-line-end: unset;--tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);--tab-border-width: 0 0 0 var(--tabs-list-border-width);--tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0}[dir=rtl] .m_89d60db1[data-orientation=vertical][data-placement=right]{--tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;--tab-border-width: 0 var(--tabs-list-border-width) 0 0;--tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius)}[data-mantine-color-scheme=light] .m_89d60db1{--tab-border-color: var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m_89d60db1{--tab-border-color: var(--mantine-color-dark-4)}.m_89d60db1[data-orientation=horizontal]{--tab-justify: center}.m_89d60db1[data-variant=default]{--tabs-list-border-width: calc(.125rem * var(--mantine-scale))}[data-mantine-color-scheme=light] .m_89d60db1[data-variant=default]{--tab-hover-color: var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_89d60db1[data-variant=default]{--tab-hover-color: var(--mantine-color-dark-6)}.m_89d60db1[data-variant=outline]{--tabs-list-border-width: calc(.0625rem * var(--mantine-scale))}.m_89d60db1[data-variant=pills]{--tabs-list-gap: calc(var(--mantine-spacing-sm) / 2)}[data-mantine-color-scheme=light] .m_89d60db1[data-variant=pills]{--tab-hover-color: var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_89d60db1[data-variant=pills]{--tab-hover-color: var(--mantine-color-dark-6)}.m_89d33d6d{display:flex;flex-wrap:wrap;justify-content:var(--tabs-justify, flex-start);flex-direction:var(--tabs-list-direction);gap:var(--tabs-list-gap);--tab-grow: unset}.m_89d33d6d[data-grow]{--tab-grow: 1}.m_b0c91715{flex-grow:var(--tabs-panel-grow)}.m_4ec4dce6{position:relative;padding:var(--mantine-spacing-xs) var(--mantine-spacing-md);font-size:var(--mantine-font-size-sm);white-space:nowrap;z-index:0;display:flex;align-items:center;line-height:1;-webkit-user-select:none;user-select:none;flex-grow:var(--tab-grow);justify-content:var(--tab-justify)}.m_4ec4dce6:disabled,.m_4ec4dce6[data-disabled]{opacity:.5;cursor:not-allowed}.m_4ec4dce6:focus{z-index:1}.m_fc420b1f{display:flex;align-items:center;justify-content:center;margin-left:var(--tab-section-margin-left, 0);margin-right:var(--tab-section-margin-right, 0)}.m_fc420b1f[data-position=left]:not(:only-child){--tab-section-margin-right: var(--mantine-spacing-xs)}[dir=rtl] .m_fc420b1f[data-position=left]:not(:only-child){--tab-section-margin-right: 0rem;--tab-section-margin-left: var(--mantine-spacing-xs)}.m_fc420b1f[data-position=right]:not(:only-child){--tab-section-margin-left: var(--mantine-spacing-xs)}[dir=rtl] .m_fc420b1f[data-position=right]:not(:only-child){--tab-section-margin-left: 0rem;--tab-section-margin-right: var(--mantine-spacing-xs)}.m_576c9d4{position:relative}.m_576c9d4:before{content:"";position:absolute;border-color:var(--tab-border-color);border-width:var(--tabs-list-border-size);border-style:solid;bottom:var(--tabs-list-line-bottom);inset-inline-start:var(--tabs-list-line-start);inset-inline-end:var(--tabs-list-line-end);top:var(--tabs-list-line-top)}.m_539e827b{border-radius:var(--tab-radius);border-width:var(--tab-border-width);border-style:solid;border-color:transparent;background-color:var(--tab-bg);--tab-bg: transparent}.m_539e827b:where([data-active]){border-color:var(--tabs-color)}@media(hover:hover){.m_539e827b:hover{--tab-bg: var(--tab-hover-color)}.m_539e827b:hover:where(:not([data-active])){border-color:var(--tab-border-color)}}@media(hover:none){.m_539e827b:active{--tab-bg: var(--tab-hover-color)}.m_539e827b:active:where(:not([data-active])){border-color:var(--tab-border-color)}}@media(hover:hover){.m_539e827b:disabled:hover,.m_539e827b[data-disabled]:hover{--tab-bg: transparent}}@media(hover:none){.m_539e827b:disabled:active,.m_539e827b[data-disabled]:active{--tab-bg: transparent}}.m_6772fbd5{position:relative}.m_6772fbd5:before{content:"";position:absolute;border-color:var(--tab-border-color);border-width:var(--tabs-list-border-size);border-style:solid;bottom:var(--tabs-list-line-bottom);inset-inline-start:var(--tabs-list-line-start);inset-inline-end:var(--tabs-list-line-end);top:var(--tabs-list-line-top)}.m_b59ab47c{border-top:calc(.0625rem * var(--mantine-scale)) solid transparent;border-bottom:calc(.0625rem * var(--mantine-scale)) solid transparent;border-right:calc(.0625rem * var(--mantine-scale)) solid transparent;border-left:calc(.0625rem * var(--mantine-scale)) solid transparent;border-top-color:var(--tab-border-top-color);border-bottom-color:var(--tab-border-bottom-color);border-radius:var(--tab-radius);position:relative;--tab-border-bottom-color: transparent;--tab-border-top-color: transparent;--tab-border-inline-end-color: transparent;--tab-border-inline-start-color: transparent}.m_b59ab47c:where([data-active]):before{content:"";position:absolute;background-color:var(--tab-border-color);bottom:var(--tab-before-bottom, calc(-.0625rem * var(--mantine-scale)));left:var(--tab-before-left, calc(-.0625rem * var(--mantine-scale)));right:var(--tab-before-right, auto);top:var(--tab-before-top, auto);width:calc(.0625rem * var(--mantine-scale));height:calc(.0625rem * var(--mantine-scale))}.m_b59ab47c:where([data-active]):after{content:"";position:absolute;background-color:var(--tab-border-color);bottom:var(--tab-after-bottom, calc(-.0625rem * var(--mantine-scale)));right:var(--tab-after-right, calc(-.0625rem * var(--mantine-scale)));left:var(--tab-after-left, auto);top:var(--tab-after-top, auto);width:calc(.0625rem * var(--mantine-scale));height:calc(.0625rem * var(--mantine-scale))}.m_b59ab47c:where([data-active]){border-top-color:var(--tab-border-top-color);border-bottom-color:var(--tab-border-bottom-color);border-inline-start-color:var(--tab-border-inline-start-color);border-inline-end-color:var(--tab-border-inline-end-color);--tab-border-top-color: var(--tab-border-color);--tab-border-inline-start-color: var(--tab-border-color);--tab-border-inline-end-color: var(--tab-border-color);--tab-border-bottom-color: var(--mantine-color-body)}.m_b59ab47c:where([data-active])[data-inverted]{--tab-border-bottom-color: var(--tab-border-color);--tab-border-top-color: var(--mantine-color-body);--tab-before-bottom: auto;--tab-before-top: calc(-.0625rem * var(--mantine-scale));--tab-after-bottom: auto;--tab-after-top: calc(-.0625rem * var(--mantine-scale))}.m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=left]{--tab-border-inline-end-color: var(--mantine-color-body);--tab-border-inline-start-color: var(--tab-border-color);--tab-border-bottom-color: var(--tab-border-color);--tab-before-right: calc(-.0625rem * var(--mantine-scale));--tab-before-left: auto;--tab-before-bottom: auto;--tab-before-top: calc(-.0625rem * var(--mantine-scale));--tab-after-left: auto;--tab-after-right: calc(-.0625rem * var(--mantine-scale))}[dir=rtl] .m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=left]{--tab-before-right: auto;--tab-before-left: calc(-.0625rem * var(--mantine-scale));--tab-after-left: calc(-.0625rem * var(--mantine-scale));--tab-after-right: auto}.m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=right]{--tab-border-inline-start-color: var(--mantine-color-body);--tab-border-inline-end-color: var(--tab-border-color);--tab-border-bottom-color: var(--tab-border-color);--tab-before-left: calc(-.0625rem * var(--mantine-scale));--tab-before-right: auto;--tab-before-bottom: auto;--tab-before-top: calc(-.0625rem * var(--mantine-scale));--tab-after-right: auto;--tab-after-left: calc(-.0625rem * var(--mantine-scale))}[dir=rtl] .m_b59ab47c:where([data-active])[data-orientation=vertical][data-placement=right]{--tab-before-left: auto;--tab-before-right: calc(-.0625rem * var(--mantine-scale));--tab-after-right: calc(-.0625rem * var(--mantine-scale));--tab-after-left: auto}.m_c3381914{border-radius:var(--tabs-radius);background-color:var(--tab-bg);color:var(--tab-color);--tab-bg: transparent;--tab-color: inherit}@media(hover:hover){.m_c3381914:not([data-disabled]):hover{--tab-bg: var(--tab-hover-color)}}@media(hover:none){.m_c3381914:not([data-disabled]):active{--tab-bg: var(--tab-hover-color)}}.m_c3381914[data-active][data-active]{--tab-bg: var(--tabs-color);--tab-color: var(--tabs-text-color, var(--mantine-color-white))}@media(hover:hover){.m_c3381914[data-active][data-active]:hover{--tab-bg: var(--tabs-color)}}@media(hover:none){.m_c3381914[data-active][data-active]:active{--tab-bg: var(--tabs-color)}}.m_7341320d{--ti-size-xs: calc(1.125rem * var(--mantine-scale));--ti-size-sm: calc(1.375rem * var(--mantine-scale));--ti-size-md: calc(1.75rem * var(--mantine-scale));--ti-size-lg: calc(2.125rem * var(--mantine-scale));--ti-size-xl: calc(2.75rem * var(--mantine-scale));--ti-size: var(--ti-size-md);line-height:1;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--ti-size);height:var(--ti-size);min-width:var(--ti-size);min-height:var(--ti-size);border-radius:var(--ti-radius, var(--mantine-radius-default));background:var(--ti-bg, var(--mantine-primary-color-filled));color:var(--ti-color, var(--mantine-color-white));border:var(--ti-bd, 1px solid transparent)}.m_43657ece{--offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);--tl-bullet-size: calc(1.25rem * var(--mantine-scale));--tl-line-width: calc(.25rem * var(--mantine-scale));--tl-radius: calc(62.5rem * var(--mantine-scale));--tl-color: var(--mantine-primary-color-filled)}.m_43657ece:where([data-align=left]){padding-inline-start:var(--offset)}.m_43657ece:where([data-align=right]){padding-inline-end:var(--offset)}.m_2ebe8099{font-weight:500;line-height:1;margin-bottom:calc(var(--mantine-spacing-xs) / 2)}.m_436178ff{--item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--item-border-color);position:relative;color:var(--mantine-color-text)}.m_436178ff:before{content:"";pointer-events:none;position:absolute;top:0;left:var(--timeline-line-left, 0);right:var(--timeline-line-right, 0);bottom:calc(var(--mantine-spacing-xl) * -1);border-inline-start:var(--item-border);display:var(--timeline-line-display, none)}.m_43657ece[data-align=left] .m_436178ff:before{--timeline-line-left: calc(var(--tl-line-width) * -1);--timeline-line-right: auto}[dir=rtl] .m_43657ece[data-align=left] .m_436178ff:before{--timeline-line-left: auto;--timeline-line-right: calc(var(--tl-line-width) * -1)}.m_43657ece[data-align=right] .m_436178ff:before{--timeline-line-left: auto;--timeline-line-right: calc(var(--tl-line-width) * -1)}[dir=rtl] .m_43657ece[data-align=right] .m_436178ff:before{--timeline-line-left: calc(var(--tl-line-width) * -1);--timeline-line-right: auto}.m_43657ece:where([data-align=left]) .m_436178ff{padding-inline-start:var(--offset);text-align:left}.m_43657ece:where([data-align=right]) .m_436178ff{padding-inline-end:var(--offset);text-align:right}:where([data-mantine-color-scheme=light]) .m_436178ff{--item-border-color: var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_436178ff{--item-border-color: var(--mantine-color-dark-4)}.m_436178ff:where([data-line-active]):before{border-color:var(--tli-color, var(--tl-color))}.m_436178ff:where(:not(:last-of-type)){--timeline-line-display: block}.m_436178ff:where(:not(:first-of-type)){margin-top:var(--mantine-spacing-xl)}.m_8affcee1{width:var(--tl-bullet-size);height:var(--tl-bullet-size);border-radius:var(--tli-radius, var(--tl-radius));border:var(--tl-line-width) solid;background-color:var(--mantine-color-body);position:absolute;top:0;display:flex;align-items:center;justify-content:center;color:var(--mantine-color-text)}:where([data-mantine-color-scheme=light]) .m_8affcee1{border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_8affcee1{border-color:var(--mantine-color-dark-4)}.m_43657ece:where([data-align=left]) .m_8affcee1{left:calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);right:auto}:where([dir=rtl]) .m_43657ece:where([data-align=left]) .m_8affcee1{left:auto;right:calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1)}.m_43657ece:where([data-align=right]) .m_8affcee1{left:auto;right:calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1)}:where([dir=rtl]) .m_43657ece:where([data-align=right]) .m_8affcee1{left:calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);right:auto}.m_8affcee1:where([data-with-child]){border-width:var(--tl-line-width)}:where([data-mantine-color-scheme=light]) .m_8affcee1:where([data-with-child]){background-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_8affcee1:where([data-with-child]){background-color:var(--mantine-color-dark-4)}.m_8affcee1:where([data-active]){border-color:var(--tli-color, var(--tl-color));background-color:var(--mantine-color-white);color:var(--tl-icon-color, var(--mantine-color-white))}.m_8affcee1:where([data-active]):where([data-with-child]){background-color:var(--tli-color, var(--tl-color));color:var(--tl-icon-color, var(--mantine-color-white))}.m_43657ece:where([data-align=left]) .m_540e8f41{padding-inline-start:var(--offset);text-align:left}:where([dir=rtl]) .m_43657ece:where([data-align=left]) .m_540e8f41{text-align:right}.m_43657ece:where([data-align=right]) .m_540e8f41{padding-inline-end:var(--offset);text-align:right}:where([dir=rtl]) .m_43657ece:where([data-align=right]) .m_540e8f41{text-align:left}.m_8a5d1357{margin:0;font-weight:var(--title-fw);font-size:var(--title-fz);line-height:var(--title-lh);font-family:var(--mantine-font-family-headings);text-wrap:var(--title-text-wrap, var(--mantine-heading-text-wrap))}.m_8a5d1357:where([data-line-clamp]){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:var(--title-line-clamp);-webkit-box-orient:vertical}.m_f698e191{--level-offset: var(--mantine-spacing-lg);margin:0;padding:0;-webkit-user-select:none;user-select:none}.m_75f3ecf{margin:0;padding:0}.m_f6970eb1{cursor:pointer;list-style:none;margin:0;padding:0;outline:0}.m_f6970eb1:focus-visible>.m_dc283425{outline:2px solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}.m_dc283425{padding-inline-start:var(--label-offset)}:where([data-mantine-color-scheme=light]) .m_dc283425:where([data-selected]){background-color:var(--mantine-color-gray-1)}:where([data-mantine-color-scheme=dark]) .m_dc283425:where([data-selected]){background-color:var(--mantine-color-dark-5)}.m_d6493fad :first-child{margin-top:0}.m_d6493fad :last-child{margin-bottom:0}.m_d6493fad :where(h1,h2,h3,h4,h5,h6){margin-bottom:var(--mantine-spacing-xs);text-wrap:var(--mantine-heading-text-wrap);font-family:var(--mantine-font-family-headings)}.m_d6493fad :where(h1){margin-top:calc(1.5 * var(--mantine-spacing-xl));font-size:var(--mantine-h1-font-size);line-height:var(--mantine-h1-line-height);font-weight:var(--mantine-h1-font-weight)}.m_d6493fad :where(h2){margin-top:var(--mantine-spacing-xl);font-size:var(--mantine-h2-font-size);line-height:var(--mantine-h2-line-height);font-weight:var(--mantine-h2-font-weight)}.m_d6493fad :where(h3){margin-top:calc(.8 * var(--mantine-spacing-xl));font-size:var(--mantine-h3-font-size);line-height:var(--mantine-h3-line-height);font-weight:var(--mantine-h3-font-weight)}.m_d6493fad :where(h4){margin-top:calc(.8 * var(--mantine-spacing-xl));font-size:var(--mantine-h4-font-size);line-height:var(--mantine-h4-line-height);font-weight:var(--mantine-h4-font-weight)}.m_d6493fad :where(h5){margin-top:calc(.5 * var(--mantine-spacing-xl));font-size:var(--mantine-h5-font-size);line-height:var(--mantine-h5-line-height);font-weight:var(--mantine-h5-font-weight)}.m_d6493fad :where(h6){margin-top:calc(.5 * var(--mantine-spacing-xl));font-size:var(--mantine-h6-font-size);line-height:var(--mantine-h6-line-height);font-weight:var(--mantine-h6-font-weight)}.m_d6493fad :where(img){max-width:100%;margin-bottom:var(--mantine-spacing-xs)}.m_d6493fad :where(p){margin-top:0;margin-bottom:var(--mantine-spacing-lg)}:where([data-mantine-color-scheme=light]) .m_d6493fad :where(mark){background-color:var(--mantine-color-yellow-2);color:inherit}:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(mark){background-color:var(--mantine-color-yellow-5);color:var(--mantine-color-black)}.m_d6493fad :where(a){color:var(--mantine-color-anchor);text-decoration:none}@media(hover:hover){.m_d6493fad :where(a):hover{text-decoration:underline}}@media(hover:none){.m_d6493fad :where(a):active{text-decoration:underline}}.m_d6493fad :where(hr){margin-top:var(--mantine-spacing-md);margin-bottom:var(--mantine-spacing-md);border:0;border-top:calc(.0625rem * var(--mantine-scale)) solid}:where([data-mantine-color-scheme=light]) .m_d6493fad :where(hr){border-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(hr){border-color:var(--mantine-color-dark-3)}.m_d6493fad :where(pre){padding:var(--mantine-spacing-xs);line-height:var(--mantine-line-height);margin:0;margin-top:var(--mantine-spacing-md);margin-bottom:var(--mantine-spacing-md);overflow-x:auto;font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs);border-radius:var(--mantine-radius-sm)}:where([data-mantine-color-scheme=light]) .m_d6493fad :where(pre){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(pre){background-color:var(--mantine-color-dark-8)}.m_d6493fad :where(pre) :where(code){background-color:transparent;padding:0;border-radius:0;color:inherit;border:0}.m_d6493fad :where(kbd){--kbd-fz: calc(.75rem * var(--mantine-scale));--kbd-padding: calc(.1875rem * var(--mantine-scale)) calc(.3125rem * var(--mantine-scale));font-family:var(--mantine-font-family-monospace);line-height:var(--mantine-line-height);font-weight:700;padding:var(--kbd-padding);font-size:var(--kbd-fz);border-radius:var(--mantine-radius-sm);border:calc(.0625rem * var(--mantine-scale)) solid;border-bottom-width:calc(.1875rem * var(--mantine-scale))}:where([data-mantine-color-scheme=light]) .m_d6493fad :where(kbd){border-color:var(--mantine-color-gray-3);color:var(--mantine-color-gray-7);background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(kbd){border-color:var(--mantine-color-dark-3);color:var(--mantine-color-dark-0);background-color:var(--mantine-color-dark-5)}.m_d6493fad :where(code){line-height:var(--mantine-line-height);padding:calc(.0625rem * var(--mantine-scale)) calc(.3125rem * var(--mantine-scale));border-radius:var(--mantine-radius-sm);font-family:var(--mantine-font-family-monospace);font-size:var(--mantine-font-size-xs)}:where([data-mantine-color-scheme=light]) .m_d6493fad :where(code){background-color:var(--mantine-color-gray-0);color:var(--mantine-color-black)}:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(code){background-color:var(--mantine-color-dark-5);color:var(--mantine-color-white)}.m_d6493fad :where(ul,ol):not([data-type=taskList]){margin-bottom:var(--mantine-spacing-md);padding-inline-start:var(--mantine-spacing-xl);list-style-position:outside}.m_d6493fad :where(table){width:100%;border-collapse:collapse;caption-side:bottom;margin-bottom:var(--mantine-spacing-md)}:where([data-mantine-color-scheme=light]) .m_d6493fad :where(table){--table-border-color: var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(table){--table-border-color: var(--mantine-color-dark-4)}.m_d6493fad :where(table) :where(caption){margin-top:var(--mantine-spacing-xs);font-size:var(--mantine-font-size-sm);color:var(--mantine-color-dimmed)}.m_d6493fad :where(table) :where(th){text-align:left;font-weight:700;font-size:var(--mantine-font-size-sm);padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm)}.m_d6493fad :where(table) :where(thead th){border-bottom:calc(.0625rem * var(--mantine-scale)) solid;border-color:var(--table-border-color)}.m_d6493fad :where(table) :where(tfoot th){border-top:calc(.0625rem * var(--mantine-scale)) solid;border-color:var(--table-border-color)}.m_d6493fad :where(table) :where(td){padding:var(--mantine-spacing-xs) var(--mantine-spacing-sm);border-bottom:calc(.0625rem * var(--mantine-scale)) solid;border-color:var(--table-border-color);font-size:var(--mantine-font-size-sm)}.m_d6493fad :where(table) :where(tr:last-of-type td){border-bottom:0}.m_d6493fad :where(blockquote){font-size:var(--mantine-font-size-lg);line-height:var(--mantine-line-height);margin:var(--mantine-spacing-md) 0;border-radius:var(--mantine-radius-sm);padding:var(--mantine-spacing-md) var(--mantine-spacing-lg)}:where([data-mantine-color-scheme=light]) .m_d6493fad :where(blockquote){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d6493fad :where(blockquote){background-color:var(--mantine-color-dark-8)}.m_468e7eda{padding-top:0;padding-bottom:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.m_468e7eda::-webkit-calendar-picker-indicator{display:none}.m_468e7eda::-webkit-clear-button{display:none}.m_468e7eda::-webkit-datetime-edit-hour-field,.m_468e7eda::-webkit-datetime-edit-minute-field,.m_468e7eda::-webkit-datetime-edit-second-field,.m_468e7eda::-webkit-datetime-edit-ampm-field{padding-top:0;max-height:calc(1.875rem * var(--mantine-scale));display:inline}.m_468e7eda::-webkit-datetime-edit-hour-field:focus,.m_468e7eda::-webkit-datetime-edit-minute-field:focus,.m_468e7eda::-webkit-datetime-edit-second-field:focus,.m_468e7eda::-webkit-datetime-edit-ampm-field:focus{background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}.m_396ce5cb{--day-size-xs: calc(1.875rem * var(--mantine-scale));--day-size-sm: calc(2.25rem * var(--mantine-scale));--day-size-md: calc(2.625rem * var(--mantine-scale));--day-size-lg: calc(3rem * var(--mantine-scale));--day-size-xl: calc(3.375rem * var(--mantine-scale));--day-size: var(--day-size-sm);width:var(--day-size, var(--day-size-sm));height:var(--day-size, var(--day-size-sm));font-size:calc(var(--day-size) / 2.8);display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:transparent;border-radius:var(--mantine-radius-default);color:var(--mantine-color-text);opacity:1}@media(hover:hover){[data-mantine-color-scheme=light] .m_396ce5cb:hover:where(:not([data-static],[data-disabled],[data-selected],[data-in-range])){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_396ce5cb:hover:where(:not([data-static],[data-disabled],[data-selected],[data-in-range])){background-color:var(--mantine-color-dark-5)}}@media(hover:none){[data-mantine-color-scheme=light] .m_396ce5cb:active:where(:not([data-static],[data-disabled],[data-selected],[data-in-range])){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_396ce5cb:active:where(:not([data-static],[data-disabled],[data-selected],[data-in-range])){background-color:var(--mantine-color-dark-5)}}.m_396ce5cb:where([data-static]){-webkit-user-select:auto;user-select:auto;cursor:default}.m_396ce5cb:where([data-weekend]){color:var(--mantine-color-red-6)}.m_396ce5cb:where([data-outside]){color:var(--mantine-color-dimmed);opacity:.5}.m_396ce5cb:where(:disabled,[data-disabled]){color:var(--mantine-color-dimmed);cursor:not-allowed;opacity:.5}.m_396ce5cb:where([data-hidden]){display:none}:where([data-mantine-color-scheme=light]) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected],[data-in-range])){border:1px solid var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_396ce5cb:where([data-today][data-highlight-today]:not([data-selected],[data-in-range])){border:1px solid var(--mantine-color-dark-4)}.m_396ce5cb:where([data-in-range]){background-color:var(--mantine-primary-color-light-hover);border-radius:0}@media(hover:hover){.m_396ce5cb:where([data-in-range]):hover:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-light)}}@media(hover:none){.m_396ce5cb:where([data-in-range]):active:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-light)}}.m_396ce5cb:where([data-first-in-range]){border-radius:0;border-start-start-radius:var(--mantine-radius-default);border-end-start-radius:var(--mantine-radius-default)}.m_396ce5cb:where([data-last-in-range]){border-radius:0;border-end-end-radius:var(--mantine-radius-default);border-start-end-radius:var(--mantine-radius-default)}.m_396ce5cb:where([data-last-in-range][data-first-in-range]){border-radius:var(--mantine-radius-default)}.m_396ce5cb:where([data-selected]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-primary-color-contrast)}@media(hover:hover){.m_396ce5cb:where([data-selected]):hover:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-filled-hover)}}@media(hover:none){.m_396ce5cb:where([data-selected]):active:where(:not([data-disabled],[data-static])){background-color:var(--mantine-primary-color-filled-hover)}}.m_18a3eca{color:var(--mantine-color-dimmed);font-weight:400;font-size:var(--wr-fz, var(--mantine-font-size-sm));text-transform:capitalize;padding-bottom:calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2)}.m_cc9820d3{border-collapse:collapse;table-layout:fixed}.m_8f457cd5{padding:0}.m_8f457cd5:where([data-with-spacing]){padding:calc(.03125rem * var(--mantine-scale))}.m_6cff9dea{--wn-size-xs: calc(1.875rem * var(--mantine-scale));--wn-size-sm: calc(2.25rem * var(--mantine-scale));--wn-size-md: calc(2.625rem * var(--mantine-scale));--wn-size-lg: calc(3rem * var(--mantine-scale));--wn-size-xl: calc(3.375rem * var(--mantine-scale));color:var(--mantine-color-dimmed);font-weight:400;font-size:calc(var(--wn-size, var(--wn-size-sm)) / 2.8);text-align:center;width:var(--wn-size, var(--wn-size-sm))}.m_dc6a3c71{--dpc-size-xs: calc(1.875rem * var(--mantine-scale));--dpc-size-sm: calc(2.25rem * var(--mantine-scale));--dpc-size-md: calc(2.625rem * var(--mantine-scale));--dpc-size-lg: calc(3rem * var(--mantine-scale));--dpc-size-xl: calc(3.375rem * var(--mantine-scale));--dpc-size: var(--dpc-size-sm);font-size:var(--dpc-fz, var(--mantine-font-size-sm));height:var(--dpc-size);width:calc((var(--dpc-size) * 7) / 3 + calc(.09375rem * var(--mantine-scale)));display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:transparent;color:var(--mantine-color-text);opacity:1;border-radius:var(--mantine-radius-default)}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_dc6a3c71:hover:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_dc6a3c71:hover:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-dark-5)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_dc6a3c71:active:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_dc6a3c71:active:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-dark-5)}}.m_dc6a3c71:where(:disabled,[data-disabled]){color:var(--mantine-color-dimmed);cursor:not-allowed;opacity:.5}.m_dc6a3c71:where([data-selected]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-primary-color-contrast, var(--mantine-color-white))}@media(hover:hover){.m_dc6a3c71:where([data-selected]):hover{background-color:var(--mantine-primary-color-filled-hover)}}@media(hover:none){.m_dc6a3c71:where([data-selected]):active{background-color:var(--mantine-primary-color-filled-hover)}}.m_dc6a3c71:where([data-in-range]){background-color:var(--mantine-primary-color-light-hover);border-radius:0}@media(hover:hover){.m_dc6a3c71:where([data-in-range]):hover{background-color:var(--mantine-primary-color-light)}}@media(hover:none){.m_dc6a3c71:where([data-in-range]):active{background-color:var(--mantine-primary-color-light)}}.m_dc6a3c71:where([data-first-in-range]){border-radius:0;border-start-start-radius:var(--mantine-radius-default);border-end-start-radius:var(--mantine-radius-default)}.m_dc6a3c71:where([data-last-in-range]){border-radius:0;border-end-end-radius:var(--mantine-radius-default);border-start-end-radius:var(--mantine-radius-default)}.m_dc6a3c71:where([data-first-in-range][data-last-in-range]){border-radius:var(--mantine-radius-default)}.m_9206547b{border-collapse:collapse;border-width:0}.m_c5a19c7d{padding:0}.m_c5a19c7d:where([data-with-spacing]){padding:calc(.03125rem * var(--mantine-scale))}.m_2a6c32d{border-collapse:collapse;border-width:0;cursor:pointer}.m_fe27622f{padding:0}.m_fe27622f:where([data-with-spacing]){padding:calc(.03125rem * var(--mantine-scale))}.m_730a79ed{--dch-control-size-xs: calc(1.875rem * var(--mantine-scale));--dch-control-size-sm: calc(2.25rem * var(--mantine-scale));--dch-control-size-md: calc(2.625rem * var(--mantine-scale));--dch-control-size-lg: calc(3rem * var(--mantine-scale));--dch-control-size-xl: calc(3.375rem * var(--mantine-scale));--dch-control-size: var(--dch-control-size-sm);display:flex;max-width:calc(var(--dch-control-size) * 8 + calc(.4375rem * var(--mantine-scale)));margin-bottom:var(--mantine-spacing-xs)}.m_f6645d97,.m_2351eeb0{height:var(--dch-control-size);border-radius:var(--mantine-radius-default);display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;opacity:1;cursor:pointer}@media(hover:hover){[data-mantine-color-scheme=light] .m_f6645d97:hover:where(:not([data-disabled],:disabled)),[data-mantine-color-scheme=light] .m_2351eeb0:hover:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_f6645d97:hover:where(:not([data-disabled],:disabled)),[data-mantine-color-scheme=dark] .m_2351eeb0:hover:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-dark-5)}}@media(hover:none){[data-mantine-color-scheme=light] .m_f6645d97:active:where(:not([data-disabled],:disabled)),[data-mantine-color-scheme=light] .m_2351eeb0:active:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m_f6645d97:active:where(:not([data-disabled],:disabled)),[data-mantine-color-scheme=dark] .m_2351eeb0:active:where(:not([data-disabled],:disabled)){background-color:var(--mantine-color-dark-5)}}.m_f6645d97:where(:disabled,[data-disabled]),.m_2351eeb0:where(:disabled,[data-disabled]){opacity:.2;cursor:not-allowed}.m_2351eeb0{width:var(--dch-control-size)}.m_f6645d97{flex:1;font-size:var(--dch-fz, var(--mantine-font-size-sm));font-weight:500;text-transform:capitalize}.m_367dc749{width:60%;height:60%}.m_367dc749:where([data-direction=next]){transform:rotate(270deg)}:where([dir=rtl]) .m_367dc749:where([data-direction=next]){transform:rotate(90deg)}.m_367dc749:where([data-direction=previous]){transform:rotate(90deg)}:where([dir=rtl]) .m_367dc749:where([data-direction=previous]){transform:rotate(270deg)}.m_30b26e33{display:flex;gap:var(--mantine-spacing-md)}.m_6fa5e2aa{cursor:pointer;line-height:unset}.m_6fa5e2aa:where([data-read-only]){cursor:default}.m_208d2562{display:flex;align-items:stretch;margin-top:var(--mantine-spacing-md)}.m_62ee059{flex:1;margin-inline-end:var(--mantine-spacing-md)}.m_b37d9ac7{width:calc(100% - var(--mantine-spacing-md) * 2);position:fixed;z-index:var(--notifications-z-index);max-width:var(--notifications-container-width)}.m_b37d9ac7:where([data-position=top-center]){top:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=top-left]){top:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=top-right]){top:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-center]){bottom:var(--mantine-spacing-md);left:50%;transform:translate(-50%)}.m_b37d9ac7:where([data-position=bottom-left]){bottom:var(--mantine-spacing-md);left:var(--mantine-spacing-md)}.m_b37d9ac7:where([data-position=bottom-right]){bottom:var(--mantine-spacing-md);right:var(--mantine-spacing-md)}.m_5ed0edd0+.m_5ed0edd0{margin-top:var(--mantine-spacing-md)}.m_e4d36c9b{min-width:calc(12.5rem * var(--mantine-scale));background-color:var(--mantine-color-body);box-shadow:var(--mantine-shadow-md);border-radius:var(--mantine-radius-default)}:where([data-mantine-color-scheme=light]) .m_e4d36c9b{border:1px solid var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_e4d36c9b{border:1px solid var(--mantine-color-dark-4)}.m_7f4bcb19{padding:var(--mantine-spacing-xs) var(--mantine-spacing-md);font-size:var(--mantine-font-size-md);font-weight:500;color:var(--mantine-color-bright)}.m_3de554dd{padding:var(--mantine-spacing-sm) var(--mantine-spacing-md);padding-top:0}.m_e4d36c9b:where([data-type=radial]) :where(.m_3de554dd){padding-top:var(--mantine-spacing-sm)}.m_b30369b5{width:calc(.75rem * var(--mantine-scale));height:calc(.75rem * var(--mantine-scale))}.m_3de8964e{font-size:var(--mantine-font-size-sm);display:flex;justify-content:space-between}.m_3de8964e:where(.m_3de8964e+.m_3de8964e){margin-top:calc(var(--mantine-spacing-sm) / 2)}.m_3de8964e[data-type=scatter] .m_b30369b5{display:none}.m_50186d10{display:flex;align-items:center;gap:var(--mantine-spacing-sm);margin-inline-end:var(--mantine-spacing-xl)}.m_501dadf9{color:var(--mantine-color-text);font-size:var(--mantine-font-size-sm)}.m_50192318{color:var(--mantine-color-bright)}.m_847eaf{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;height:100%}.m_847eaf:where([data-centered]){justify-content:center}.m_847eaf:where([data-position=top]){padding-bottom:var(--mantine-spacing-md)}.m_847eaf:where([data-position=bottom]){padding-top:var(--mantine-spacing-md)}.m_17da7e62{display:flex;align-items:center;gap:calc(.4375rem * var(--mantine-scale));padding:7px var(--mantine-spacing-xs);border-radius:var(--mantine-radius-default);line-height:1}@media(hover:hover){:where([data-mantine-color-scheme=light]) .m_17da7e62:where(:hover){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_17da7e62:where(:hover){background-color:var(--mantine-color-dark-5)}}@media(hover:none){:where([data-mantine-color-scheme=light]) .m_17da7e62:where(:active){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_17da7e62:where(:active){background-color:var(--mantine-color-dark-5)}}.m_17da7e62[data-without-color] .m_6e236e21{display:none}.m_8ff56c0d{font-size:var(--mantine-font-size-sm);margin:0;padding:0}.m_a50f3e58{display:block;width:100%;--chart-bar-label-color: var(--mantine-color-dimmed)}.m_a50f3e58 svg{overflow:visible}:where([data-mantine-color-scheme=light]) .m_a50f3e58{--chart-grid-color: rgba(173, 181, 189, .6);--chart-cursor-fill: rgba(173, 181, 189, .15)}:where([data-mantine-color-scheme=dark]) .m_a50f3e58{--chart-cursor-fill: rgba(105, 105, 105, .15);--chart-grid-color: rgba(105, 105, 105, .6)}.m_a50f3e58 :where(text){font-family:var(--mantine-font-family);color:var(--chart-text-color, var(--mantine-color-dimmed))}.m_af9188cb{height:100%;width:100%}.m_a50a48bc{stroke:var(--chart-grid-color)}.m_a507a517{color:var(--chart-grid-color)}.m_2293801d{color:var(--chart-text-color, var(--mantine-color-dimmed))}.m_92b296cd{min-width:calc(12.5rem * var(--mantine-scale));background-color:var(--mantine-color-body);box-shadow:var(--mantine-shadow-md);border-radius:var(--mantine-radius-default);padding:var(--mantine-spacing-sm)}:where([data-mantine-color-scheme=light]) .m_92b296cd{border:1px solid var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m_92b296cd{border:1px solid var(--mantine-color-dark-4)}.m_a410e613{min-height:var(--chart-size, auto);height:var(--chart-size, auto);width:var(--chart-size, auto);min-width:var(--chart-size, auto)}.m_a410e613 :where(*){outline:0}.m_ddb0bfe3{fill:var(--mantine-color-text);font-size:var(--mantine-font-size-sm)}.m_cd8943fd{min-height:var(--chart-size, auto);height:var(--chart-size, auto);width:var(--chart-size, auto);min-width:var(--chart-size, auto)}.m_cd8943fd :where(*){outline:0}:where([data-mantine-color-scheme=light]) .m_1f271cf7{--chart-grid-color: rgba(173, 181, 189, .6);--chart-text-color: var(--mantine-color-gray-7)}:where([data-mantine-color-scheme=dark]) .m_1f271cf7{--chart-grid-color: rgba(105, 105, 105, .6);--chart-text-color: var(--mantine-color-dark-1)}.m_1f271cf7 :where(text){font-size:var(--mantine-font-size-xs);fill:var(--chart-text-color, var(--mantine-color-dimmed));-webkit-user-select:none;user-select:none}.m_cf06f58c{height:100%;width:100%}:where([data-mantine-color-scheme=light]) .m_cd2bd9e5{--chart-empty-background: var(--mantine-color-gray-1);--chart-cursor-color: var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_cd2bd9e5{--chart-empty-background: var(--mantine-color-dark-6);--chart-cursor-color: var(--mantine-color-dark-4)}.m_6bcc3420{padding:var(--mantine-spacing-md);box-shadow:var(--mantine-shadow-md);min-width:calc(12.5rem * var(--mantine-scale));font-size:var(--mantine-font-size-sm);display:flex;align-items:center;justify-content:space-between}:where([data-mantine-color-scheme=light]) .m_6bcc3420{border:1px solid var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_6bcc3420{border:1px solid var(--mantine-color-dark-4)}.m_80d531e7{min-height:var(--chart-size, auto);height:var(--chart-size, auto);width:var(--chart-size, auto);min-width:var(--chart-size, auto)}.m_80d531e7 :where(*){outline:0}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-900:oklch(39.8% .07 227.392);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-800:oklch(44.3% .11 240.79);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-md:48rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-lg:0 4px 4px #00000026;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}.text-brand{color:var(--primary)}.bg-brand{background-color:var(--primary)}.border-brand{border-color:var(--primary)}.ring-brand{--tw-ring-color:var(--primary)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-0\.5{inset:calc(var(--spacing) * -.5)}.-inset-2{inset:calc(var(--spacing) * -2)}.-inset-4{inset:calc(var(--spacing) * -4)}.inset-0{inset:calc(var(--spacing) * 0)}.inset-1{inset:calc(var(--spacing) * 1)}.inset-2{inset:calc(var(--spacing) * 2)}.inset-3{inset:calc(var(--spacing) * 3)}.inset-8{inset:calc(var(--spacing) * 8)}.inset-\[1\.65rem\]{top:1.65rem;right:1.65rem;bottom:1.65rem;left:1.65rem}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-0{top:calc(var(--spacing) * 0)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-2{top:calc(var(--spacing) * -2)}.-top-6{top:calc(var(--spacing) * -6)}.-top-20{top:calc(var(--spacing) * -20)}.-top-40{top:calc(var(--spacing) * -40)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-1\/6{top:16.6667%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.top-16{top:calc(var(--spacing) * 16)}.top-32{top:calc(var(--spacing) * 32)}.top-\[1px\]{top:1px}.top-\[12px\]{top:12px}.top-\[24\%\]{top:24%}.top-\[44\%\]{top:44%}.top-\[60\%\]{top:60%}.top-\[64\%\]{top:64%}.top-\[var\(--um-header-height\,4rem\)\]{top:var(--um-header-height,4rem)}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-2{right:calc(var(--spacing) * -2)}.-right-4{right:calc(var(--spacing) * -4)}.-right-5{right:calc(var(--spacing) * -5)}.-right-6{right:calc(var(--spacing) * -6)}.-right-20{right:calc(var(--spacing) * -20)}.-right-\[16px\]{right:-16px}.right-0{right:calc(var(--spacing) * 0)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-10{right:calc(var(--spacing) * 10)}.right-32{right:calc(var(--spacing) * 32)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-4{bottom:calc(var(--spacing) * -4)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.-bottom-40{bottom:calc(var(--spacing) * -40)}.-bottom-\[1px\]{bottom:-1px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-20{bottom:calc(var(--spacing) * 20)}.-left-6{left:calc(var(--spacing) * -6)}.-left-40{left:calc(var(--spacing) * -40)}.-left-\[27px\]{left:-27px}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-10{left:calc(var(--spacing) * 10)}.left-16{left:calc(var(--spacing) * 16)}.left-20{left:calc(var(--spacing) * 20)}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[80\]{z-index:80}.z-\[100\]{z-index:100}.z-\[1000\]{z-index:1000}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.-mb-px{margin-bottom:-1px}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.\[field-sizing\:fixed\]{field-sizing:fixed}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-35{width:calc(var(--spacing) * 35);height:calc(var(--spacing) * 35)}.\!h-3{height:calc(var(--spacing) * 3)!important}.\!h-4{height:calc(var(--spacing) * 4)!important}.\!h-5{height:calc(var(--spacing) * 5)!important}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-30{height:calc(var(--spacing) * 30)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-52{height:calc(var(--spacing) * 52)}.h-60{height:calc(var(--spacing) * 60)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1\.1rem\]{height:1.1rem}.h-\[2px\]{height:2px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[50vh\]{height:50vh}.h-\[64px\]{height:64px}.h-\[70vh\]{height:70vh}.h-\[80vh\]{height:80vh}.h-\[85vh\]{height:85vh}.h-\[90vh\]{height:90vh}.h-\[96vh\]{height:96vh}.h-\[180px\]{height:180px}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-\[260px\]{height:260px}.h-\[360px\]{height:360px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[calc\(100vh-2rem\)\]{height:calc(100vh - 2rem)}.h-\[calc\(100vh-180px\)\]{height:calc(100vh - 180px)}.h-\[calc\(100vh-200px\)\]{height:calc(100vh - 200px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-0{max-height:calc(var(--spacing) * 0)}.max-h-20{max-height:calc(var(--spacing) * 20)}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-128{max-height:calc(var(--spacing) * 128)}.max-h-\[20rem\]{max-height:20rem}.max-h-\[50vh\]{max-height:50vh}.max-h-\[55vh\]{max-height:55vh}.max-h-\[58vh\]{max-height:58vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[62vh\]{max-height:62vh}.max-h-\[65vh\]{max-height:65vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[86vh\]{max-height:86vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[110px\]{max-height:110px}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.max-h-\[360px\]{max-height:360px}.max-h-\[380px\]{max-height:380px}.max-h-\[400px\]{max-height:400px}.max-h-\[450px\]{max-height:450px}.max-h-\[500px\]{max-height:500px}.max-h-\[800px\]{max-height:800px}.max-h-\[900px\]{max-height:900px}.max-h-\[calc\(85vh-4\.5rem\)\]{max-height:calc(85vh - 4.5rem)}.max-h-\[calc\(90vh-200px\)\]{max-height:calc(90vh - 200px)}.max-h-\[calc\(100dvh-5rem\)\]{max-height:calc(100dvh - 5rem)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-96{min-height:calc(var(--spacing) * 96)}.min-h-\[2rem\]{min-height:2rem}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[120px\]{min-height:120px}.min-h-\[150px\]{min-height:150px}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.min-h-\[470px\]{min-height:470px}.min-h-\[calc\(100vh-4rem\)\]{min-height:calc(100vh - 4rem)}.min-h-\[calc\(100vh-12rem\)\]{min-height:calc(100vh - 12rem)}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\!w-3{width:calc(var(--spacing) * 3)!important}.\!w-4{width:calc(var(--spacing) * 4)!important}.\!w-5{width:calc(var(--spacing) * 5)!important}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing) * 0)}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-15{width:calc(var(--spacing) * 15)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-30{width:calc(var(--spacing) * 30)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[--radix-popover-trigger-width\]{width:--radix-popover-trigger-width}.w-\[0\.9rem\]{width:.9rem}.w-\[24rem\]{width:24rem}.w-\[40px\]{width:40px}.w-\[70px\]{width:70px}.w-\[80px\]{width:80px}.w-\[85vw\]{width:85vw}.w-\[95vw\]{width:95vw}.w-\[96vw\]{width:96vw}.w-\[100px\]{width:100px}.w-\[128px\]{width:128px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[170px\]{width:170px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[500px\]{width:500px}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-\[min\(92vw\,360px\)\]{width:min(92vw,360px)}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[30rem\]{max-width:30rem}.max-w-\[56vw\]{max-width:56vw}.max-w-\[80px\]{max-width:80px}.max-w-\[90\%\]{max-width:90%}.max-w-\[90vw\]{max-width:90vw}.max-w-\[95vw\]{max-width:95vw}.max-w-\[96vw\]{max-width:96vw}.max-w-\[118px\]{max-width:118px}.max-w-\[150px\]{max-width:150px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[280px\]{max-width:280px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[400px\]{max-width:400px}.max-w-\[425px\]{max-width:425px}.max-w-\[460px\]{max-width:460px}.max-w-\[1500px\]{max-width:1500px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[var\(--radix-select-trigger-width\)\]{max-width:var(--radix-select-trigger-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[70px\]{min-width:70px}.min-w-\[84px\]{min-width:84px}.min-w-\[90\%\]{min-width:90%}.min-w-\[90px\]{min-width:90px}.min-w-\[110px\]{min-width:110px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[200px\]{min-width:200px}.min-w-\[260px\]{min-width:260px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/3{--tw-translate-x:calc(1 / 3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/3{--tw-translate-y:calc(1 / 3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.92\]{scale:.92}.scale-\[1\.02\]{scale:1.02}.rotate-0{rotate:0deg}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing) * 1)}.\[scrollbar-width\:none\],.scrollbar-none{scrollbar-width:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-px{gap:1px}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:5px}.border-b-\[8px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[5px\]{border-left-style:var(--tw-border-style);border-left-width:5px}.border-l-\[8px\]{border-left-style:var(--tw-border-style);border-left-width:8px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--color-border\){border-color:var(--color-border)}.border-\[var\(--um-menu-active-border\,var\(--primary\)\)\]{border-color:var(--um-menu-active-border,var(--primary))}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-200\/80{border-color:#fee685cc}@supports (color:color-mix(in lab,red,red)){.border-amber-200\/80{border-color:color-mix(in oklab,var(--color-amber-200) 80%,transparent)}}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-600{border-color:var(--color-blue-600)}.border-border,.border-border\/30{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/30{border-color:color-mix(in oklab,var(--border) 30%,transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border) 50%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--border) 60%,transparent)}}.border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/70{border-color:color-mix(in oklab,var(--border) 70%,transparent)}}.border-card{border-color:var(--card)}.border-cyan-100{border-color:var(--color-cyan-100)}.border-destructive,.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-foreground\/10{border-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.border-foreground\/10{border-color:color-mix(in oklab,var(--foreground) 10%,transparent)}}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/60{border-color:#e5e7eb99}@supports (color:color-mix(in lab,red,red)){.border-gray-200\/60{border-color:color-mix(in oklab,var(--color-gray-200) 60%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-100{border-color:var(--color-green-100)}.border-input{border-color:var(--input)}.border-muted{border-color:var(--muted)}.border-muted-foreground\/20{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/20{border-color:color-mix(in oklab,var(--muted-foreground) 20%,transparent)}}.border-muted-foreground\/25{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/25{border-color:color-mix(in oklab,var(--muted-foreground) 25%,transparent)}}.border-muted-foreground\/50{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/50{border-color:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.border-orange-300{border-color:var(--color-orange-300)}.border-primary{border-color:var(--primary)}.border-primary-100,.border-primary-100\/70{border-color:var(--primary-100)}@supports (color:color-mix(in lab,red,red)){.border-primary-100\/70{border-color:color-mix(in oklab,var(--primary-100) 70%,transparent)}}.border-primary-100\/80{border-color:var(--primary-100)}@supports (color:color-mix(in lab,red,red)){.border-primary-100\/80{border-color:color-mix(in oklab,var(--primary-100) 80%,transparent)}}.border-primary-200,.border-primary-200\/50{border-color:var(--primary-200)}@supports (color:color-mix(in lab,red,red)){.border-primary-200\/50{border-color:color-mix(in oklab,var(--primary-200) 50%,transparent)}}.border-primary-200\/80{border-color:var(--primary-200)}@supports (color:color-mix(in lab,red,red)){.border-primary-200\/80{border-color:color-mix(in oklab,var(--primary-200) 80%,transparent)}}.border-primary-300{border-color:var(--primary-300)}.border-primary-400,.border-primary-400\/50{border-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.border-primary-400\/50{border-color:color-mix(in oklab,var(--primary-400) 50%,transparent)}}.border-primary-400\/70{border-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.border-primary-400\/70{border-color:color-mix(in oklab,var(--primary-400) 70%,transparent)}}.border-primary-500,.border-primary-500\/10{border-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.border-primary-500\/10{border-color:color-mix(in oklab,var(--primary-500) 10%,transparent)}}.border-primary-600{border-color:var(--primary-600)}.border-primary-700,.border-primary-700\/10{border-color:var(--primary-700)}@supports (color:color-mix(in lab,red,red)){.border-primary-700\/10{border-color:color-mix(in oklab,var(--primary-700) 10%,transparent)}}.border-primary\/10{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/10{border-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.border-primary\/15{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/15{border-color:color-mix(in oklab,var(--primary) 15%,transparent)}}.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.border-primary\/25{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/25{border-color:color-mix(in oklab,var(--primary) 25%,transparent)}}.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--primary) 30%,transparent)}}.border-primary\/40{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/40{border-color:color-mix(in oklab,var(--primary) 40%,transparent)}}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-600{border-color:var(--color-purple-600)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-200\/60{border-color:#ffcaca99}@supports (color:color-mix(in lab,red,red)){.border-red-200\/60{border-color:color-mix(in oklab,var(--color-red-200) 60%,transparent)}}.border-red-200\/80{border-color:#ffcacacc}@supports (color:color-mix(in lab,red,red)){.border-red-200\/80{border-color:color-mix(in oklab,var(--color-red-200) 80%,transparent)}}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-rose-200{border-color:var(--color-rose-200)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-300\/80{border-color:#cad5e2cc}@supports (color:color-mix(in lab,red,red)){.border-slate-300\/80{border-color:color-mix(in oklab,var(--color-slate-300) 80%,transparent)}}.border-transparent{border-color:#0000}.border-violet-200{border-color:var(--color-violet-200)}.border-white{border-color:var(--color-white)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-yellow-400\/50{border-color:#fac80080}@supports (color:color-mix(in lab,red,red)){.border-yellow-400\/50{border-color:color-mix(in oklab,var(--color-yellow-400) 50%,transparent)}}.border-t-blue-500{border-top-color:var(--color-blue-500)}.border-t-primary-600{border-top-color:var(--primary-600)}.border-t-transparent{border-top-color:#0000}.border-r-primary-500{border-right-color:var(--primary-500)}.border-b-primary-200{border-bottom-color:var(--primary-200)}.border-b-primary-500{border-bottom-color:var(--primary-500)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-primary-400{border-left-color:var(--primary-400)}.border-l-primary-500{border-left-color:var(--primary-500)}.border-l-transparent{border-left-color:#0000}.\!bg-transparent{background-color:#0000!important}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[\#3B82F6\]{background-color:#3b82f6}.bg-\[\#4A6CF7\]{background-color:#4a6cf7}.bg-\[\#8B5CF6\]{background-color:#8b5cf6}.bg-\[\#EC4899\]{background-color:#ec4899}.bg-\[\#F59E0B\]{background-color:#f59e0b}.bg-\[var\(--um-menu-bg\,\#ffffff\)\]{background-color:var(--um-menu-bg,#fff)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/80{background-color:#fffbebcc}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/80{background-color:color-mix(in oklab,var(--color-amber-50) 80%,transparent)}}.bg-amber-50\/90{background-color:#fffbebe6}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/90{background-color:color-mix(in oklab,var(--color-amber-50) 90%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-background,.bg-background\/50{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/50{background-color:color-mix(in oklab,var(--background) 50%,transparent)}}.bg-background\/70{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/70{background-color:color-mix(in oklab,var(--background) 70%,transparent)}}.bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/80{background-color:color-mix(in oklab,var(--background) 80%,transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/95{background-color:color-mix(in oklab,var(--background) 95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50) 50%,transparent)}}.bg-blue-50\/90{background-color:#eff6ffe6}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/90{background-color:color-mix(in oklab,var(--color-blue-50) 90%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/0{background-color:color-mix(in oklab,var(--color-blue-500) 0%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-100\/30{background-color:#cefafe4d}@supports (color:color-mix(in lab,red,red)){.bg-cyan-100\/30{background-color:color-mix(in oklab,var(--color-cyan-100) 30%,transparent)}}.bg-destructive{background-color:var(--destructive)}.bg-emerald-50\/90{background-color:#ecfdf5e6}@supports (color:color-mix(in lab,red,red)){.bg-emerald-50\/90{background-color:color-mix(in oklab,var(--color-emerald-50) 90%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.bg-gray-50\/70{background-color:#f9fafbb3}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/70{background-color:color-mix(in oklab,var(--color-gray-50) 70%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-50\/50{background-color:#f0fdf480}@supports (color:color-mix(in lab,red,red)){.bg-green-50\/50{background-color:color-mix(in oklab,var(--color-green-50) 50%,transparent)}}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-input,.bg-input\/50{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.bg-input\/50{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.bg-muted,.bg-muted\/20{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/20{background-color:color-mix(in oklab,var(--muted) 20%,transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-primary-50,.bg-primary-50\/40{background-color:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.bg-primary-50\/40{background-color:color-mix(in oklab,var(--primary-50) 40%,transparent)}}.bg-primary-50\/50{background-color:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.bg-primary-50\/50{background-color:color-mix(in oklab,var(--primary-50) 50%,transparent)}}.bg-primary-50\/80{background-color:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.bg-primary-50\/80{background-color:color-mix(in oklab,var(--primary-50) 80%,transparent)}}.bg-primary-100,.bg-primary-100\/30{background-color:var(--primary-100)}@supports (color:color-mix(in lab,red,red)){.bg-primary-100\/30{background-color:color-mix(in oklab,var(--primary-100) 30%,transparent)}}.bg-primary-100\/80{background-color:var(--primary-100)}@supports (color:color-mix(in lab,red,red)){.bg-primary-100\/80{background-color:color-mix(in oklab,var(--primary-100) 80%,transparent)}}.bg-primary-200{background-color:var(--primary-200)}.bg-primary-300,.bg-primary-300\/20{background-color:var(--primary-300)}@supports (color:color-mix(in lab,red,red)){.bg-primary-300\/20{background-color:color-mix(in oklab,var(--primary-300) 20%,transparent)}}.bg-primary-400,.bg-primary-400\/30{background-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.bg-primary-400\/30{background-color:color-mix(in oklab,var(--primary-400) 30%,transparent)}}.bg-primary-400\/50{background-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.bg-primary-400\/50{background-color:color-mix(in oklab,var(--primary-400) 50%,transparent)}}.bg-primary-400\/70{background-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.bg-primary-400\/70{background-color:color-mix(in oklab,var(--primary-400) 70%,transparent)}}.bg-primary-500,.bg-primary-500\/5{background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/5{background-color:color-mix(in oklab,var(--primary-500) 5%,transparent)}}.bg-primary-500\/10{background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/10{background-color:color-mix(in oklab,var(--primary-500) 10%,transparent)}}.bg-primary-500\/15{background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/15{background-color:color-mix(in oklab,var(--primary-500) 15%,transparent)}}.bg-primary-500\/20{background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/20{background-color:color-mix(in oklab,var(--primary-500) 20%,transparent)}}.bg-primary-500\/70{background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/70{background-color:color-mix(in oklab,var(--primary-500) 70%,transparent)}}.bg-primary-500\/80{background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/80{background-color:color-mix(in oklab,var(--primary-500) 80%,transparent)}}.bg-primary-500\/85{background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.bg-primary-500\/85{background-color:color-mix(in oklab,var(--primary-500) 85%,transparent)}}.bg-primary-600{background-color:var(--primary-600)}.bg-primary-800{background-color:var(--primary-800)}.bg-primary-foreground{background-color:var(--primary-foreground)}.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary) 5%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.bg-primary\/15{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/15{background-color:color-mix(in oklab,var(--primary) 15%,transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-50\/20{background-color:#faf5ff33}@supports (color:color-mix(in lab,red,red)){.bg-purple-50\/20{background-color:color-mix(in oklab,var(--color-purple-50) 20%,transparent)}}.bg-purple-50\/90{background-color:#faf5ffe6}@supports (color:color-mix(in lab,red,red)){.bg-purple-50\/90{background-color:color-mix(in oklab,var(--color-purple-50) 90%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/80{background-color:color-mix(in oklab,var(--color-red-50) 80%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-50\/90{background-color:#fff1f2e6}@supports (color:color-mix(in lab,red,red)){.bg-rose-50\/90{background-color:color-mix(in oklab,var(--color-rose-50) 90%,transparent)}}.bg-secondary,.bg-secondary\/20{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/20{background-color:color-mix(in oklab,var(--secondary) 20%,transparent)}}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/80{background-color:color-mix(in oklab,var(--color-slate-50) 80%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-white\/75{background-color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.bg-white\/75{background-color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-500\/20{background-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/20{background-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent)}}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(rgba\(24\,170\,157\,0\.03\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(24\,170\,157\,0\.03\)_1px\,transparent_1px\)\]{background-image:linear-gradient(#18aa9d08 1px,#0000 1px),linear-gradient(90deg,#18aa9d08 1px,#0000 1px)}.bg-\[url\(\'https\:\/\/www\.transparenttextures\.com\/patterns\/cubes\.png\'\)\]{background-image:url(https://www.transparenttextures.com/patterns/cubes.png)}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-background{--tw-gradient-from:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab,red,red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab, var(--color-black) 60%, transparent)}}.from-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-50{--tw-gradient-from:var(--color-cyan-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-50{--tw-gradient-from:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-50{--tw-gradient-from:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-50\/80{--tw-gradient-from:#f9fafbcc}@supports (color:color-mix(in lab,red,red)){.from-gray-50\/80{--tw-gradient-from:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.from-gray-50\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-500{--tw-gradient-from:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-900{--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-50{--tw-gradient-from:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-600{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-50{--tw-gradient-from:var(--primary-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-300{--tw-gradient-from:var(--primary-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-400{--tw-gradient-from:var(--primary-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-400\/30{--tw-gradient-from:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.from-primary-400\/30{--tw-gradient-from:color-mix(in oklab, var(--primary-400) 30%, transparent)}}.from-primary-400\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-500{--tw-gradient-from:var(--primary-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-500\/15{--tw-gradient-from:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.from-primary-500\/15{--tw-gradient-from:color-mix(in oklab, var(--primary-500) 15%, transparent)}}.from-primary-500\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-600{--tw-gradient-from:var(--primary-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-700{--tw-gradient-from:var(--primary-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-700\/10{--tw-gradient-from:var(--primary-700)}@supports (color:color-mix(in lab,red,red)){.from-primary-700\/10{--tw-gradient-from:color-mix(in oklab, var(--primary-700) 10%, transparent)}}.from-primary-700\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary-800{--tw-gradient-from:var(--primary-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/10{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab, var(--primary) 10%, transparent)}}.from-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/20{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/20{--tw-gradient-from:color-mix(in oklab, var(--primary) 20%, transparent)}}.from-primary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/30{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/30{--tw-gradient-from:color-mix(in oklab, var(--primary) 30%, transparent)}}.from-primary\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/80{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/80{--tw-gradient-from:color-mix(in oklab, var(--primary) 80%, transparent)}}.from-primary\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-50{--tw-gradient-from:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-50{--tw-gradient-from:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-100{--tw-gradient-from:var(--color-red-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-600{--tw-gradient-from:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-700{--tw-gradient-from:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-50{--tw-gradient-from:var(--color-rose-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-50{--tw-gradient-from:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/20{--tw-gradient-from:#fff3}@supports (color:color-mix(in lab,red,red)){.from-white\/20{--tw-gradient-from:color-mix(in oklab, var(--color-white) 20%, transparent)}}.from-white\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/90{--tw-gradient-from:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.from-white\/90{--tw-gradient-from:color-mix(in oklab, var(--color-white) 90%, transparent)}}.from-white\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-blue-50\/30{--tw-gradient-via:#eff6ff4d}@supports (color:color-mix(in lab,red,red)){.via-blue-50\/30{--tw-gradient-via:color-mix(in oklab, var(--color-blue-50) 30%, transparent)}}.via-blue-50\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange-50{--tw-gradient-via:var(--color-orange-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-primary-50\/70{--tw-gradient-via:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.via-primary-50\/70{--tw-gradient-via:color-mix(in oklab, var(--primary-50) 70%, transparent)}}.via-primary-50\/70{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-primary-500{--tw-gradient-via:var(--primary-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-primary-600{--tw-gradient-via:var(--primary-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-primary\/40{--tw-gradient-via:var(--primary)}@supports (color:color-mix(in lab,red,red)){.via-primary\/40{--tw-gradient-via:color-mix(in oklab, var(--primary) 40%, transparent)}}.via-primary\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-secondary\/20{--tw-gradient-via:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.via-secondary\/20{--tw-gradient-via:color-mix(in oklab, var(--secondary) 20%, transparent)}}.via-secondary\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-50{--tw-gradient-via:var(--color-slate-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/15{--tw-gradient-via:#ffffff26}@supports (color:color-mix(in lab,red,red)){.via-white\/15{--tw-gradient-via:color-mix(in oklab, var(--color-white) 15%, transparent)}}.via-white\/15{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-amber-50{--tw-gradient-to:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-700{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-600{--tw-gradient-to:var(--color-cyan-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-50\/50{--tw-gradient-to:#ecfdf580}@supports (color:color-mix(in lab,red,red)){.to-emerald-50\/50{--tw-gradient-to:color-mix(in oklab, var(--color-emerald-50) 50%, transparent)}}.to-emerald-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-50{--tw-gradient-to:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-50\/80{--tw-gradient-to:#f9fafbcc}@supports (color:color-mix(in lab,red,red)){.to-gray-50\/80{--tw-gradient-to:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.to-gray-50\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-100{--tw-gradient-to:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-100\/30{--tw-gradient-to:#f3f4f64d}@supports (color:color-mix(in lab,red,red)){.to-gray-100\/30{--tw-gradient-to:color-mix(in oklab, var(--color-gray-100) 30%, transparent)}}.to-gray-100\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-700{--tw-gradient-to:var(--color-gray-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-800{--tw-gradient-to:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-50{--tw-gradient-to:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50\/30{--tw-gradient-to:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){.to-indigo-50\/30{--tw-gradient-to:color-mix(in oklab, var(--color-indigo-50) 30%, transparent)}}.to-indigo-50\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-100{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-muted\/30{--tw-gradient-to:var(--muted)}@supports (color:color-mix(in lab,red,red)){.to-muted\/30{--tw-gradient-to:color-mix(in oklab, var(--muted) 30%, transparent)}}.to-muted\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-50{--tw-gradient-to:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-100{--tw-gradient-to:var(--color-orange-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-700{--tw-gradient-to:var(--color-orange-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary{--tw-gradient-to:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-50{--tw-gradient-to:var(--primary-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-50\/30{--tw-gradient-to:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.to-primary-50\/30{--tw-gradient-to:color-mix(in oklab, var(--primary-50) 30%, transparent)}}.to-primary-50\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-50\/50{--tw-gradient-to:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.to-primary-50\/50{--tw-gradient-to:color-mix(in oklab, var(--primary-50) 50%, transparent)}}.to-primary-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-50\/80{--tw-gradient-to:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.to-primary-50\/80{--tw-gradient-to:color-mix(in oklab, var(--primary-50) 80%, transparent)}}.to-primary-50\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-100{--tw-gradient-to:var(--primary-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-100\/40{--tw-gradient-to:var(--primary-100)}@supports (color:color-mix(in lab,red,red)){.to-primary-100\/40{--tw-gradient-to:color-mix(in oklab, var(--primary-100) 40%, transparent)}}.to-primary-100\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-100\/60{--tw-gradient-to:var(--primary-100)}@supports (color:color-mix(in lab,red,red)){.to-primary-100\/60{--tw-gradient-to:color-mix(in oklab, var(--primary-100) 60%, transparent)}}.to-primary-100\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-300{--tw-gradient-to:var(--primary-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-400{--tw-gradient-to:var(--primary-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-500{--tw-gradient-to:var(--primary-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-500\/10{--tw-gradient-to:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.to-primary-500\/10{--tw-gradient-to:color-mix(in oklab, var(--primary-500) 10%, transparent)}}.to-primary-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-500\/20{--tw-gradient-to:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.to-primary-500\/20{--tw-gradient-to:color-mix(in oklab, var(--primary-500) 20%, transparent)}}.to-primary-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-600{--tw-gradient-to:var(--primary-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-600\/30{--tw-gradient-to:var(--primary-600)}@supports (color:color-mix(in lab,red,red)){.to-primary-600\/30{--tw-gradient-to:color-mix(in oklab, var(--primary-600) 30%, transparent)}}.to-primary-600\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-700{--tw-gradient-to:var(--primary-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-800{--tw-gradient-to:var(--primary-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary\/15{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab,red,red)){.to-primary\/15{--tw-gradient-to:color-mix(in oklab, var(--primary) 15%, transparent)}}.to-primary\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-700{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-50{--tw-gradient-to:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary\/20{--tw-gradient-to:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.to-secondary\/20{--tw-gradient-to:color-mix(in oklab, var(--secondary) 20%, transparent)}}.to-secondary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary\/30{--tw-gradient-to:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.to-secondary\/30{--tw-gradient-to:color-mix(in oklab, var(--secondary) 30%, transparent)}}.to-secondary\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-50{--tw-gradient-to:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-100\/60{--tw-gradient-to:#f1f5f999}@supports (color:color-mix(in lab,red,red)){.to-slate-100\/60{--tw-gradient-to:color-mix(in oklab, var(--color-slate-100) 60%, transparent)}}.to-slate-100\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-600{--tw-gradient-to:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[mask-image\:radial-gradient\(ellipse_80\%_50\%_at_50\%_50\%\,black\,transparent\)\]{-webkit-mask-image:radial-gradient(80% 50%,#000,#0000);mask-image:radial-gradient(80% 50%,#000,#0000)}.bg-\[size\:60px_60px\]{background-size:60px 60px}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.fill-primary-100{fill:var(--primary-100)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.ps-10{padding-inline-start:calc(var(--spacing) * 10)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#17a397\]{color:#17a397}.text-\[var\(--um-menu-active\,var\(--primary\)\)\]{color:var(--um-menu-active,var(--primary))}.text-\[var\(--um-menu-color\,\#334155\)\]{color:var(--um-menu-color,#334155)}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-black{color:var(--color-black)}.text-black\/80{color:#000c}@supports (color:color-mix(in lab,red,red)){.text-black\/80{color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-card-foreground{color:var(--card-foreground)}.text-cyan-50{color:var(--color-cyan-50)}.text-cyan-600{color:var(--color-cyan-600)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground,.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground) 80%,transparent)}}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-indigo-100{color:var(--color-indigo-100)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-800{color:var(--color-indigo-800)}.text-muted-foreground,.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}}.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground) 70%,transparent)}}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-800{color:var(--color-orange-800)}.text-pink-800{color:var(--color-pink-800)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-100{color:var(--primary-100)}.text-primary-300{color:var(--primary-300)}.text-primary-500{color:var(--primary-500)}.text-primary-600,.text-primary-600\/70{color:var(--primary-600)}@supports (color:color-mix(in lab,red,red)){.text-primary-600\/70{color:color-mix(in oklab,var(--primary-600) 70%,transparent)}}.text-primary-600\/80{color:var(--primary-600)}@supports (color:color-mix(in lab,red,red)){.text-primary-600\/80{color:color-mix(in oklab,var(--primary-600) 80%,transparent)}}.text-primary-700,.text-primary-700\/80{color:var(--primary-700)}@supports (color:color-mix(in lab,red,red)){.text-primary-700\/80{color:color-mix(in oklab,var(--primary-700) 80%,transparent)}}.text-primary-800{color:var(--primary-800)}.text-primary-900{color:var(--primary-900)}.text-primary-foreground,.text-primary-foreground\/90{color:var(--primary-foreground)}@supports (color:color-mix(in lab,red,red)){.text-primary-foreground\/90{color:color-mix(in oklab,var(--primary-foreground) 90%,transparent)}}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-red-950{color:var(--color-red-950)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-800{color:var(--color-rose-800)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground) 70%,transparent)}}.text-sky-800{color:var(--color-sky-800)}.text-slate-50{color:var(--color-slate-50)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-transparent{color:#0000}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-yellow-100{color:var(--color-yellow-100)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-13{text-underline-offset:13px}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-\[var\(--primary\)\]\/30{--tw-shadow-alpha:30%;--tw-shadow:var(--primary);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(34\,197\,94\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#22c55e80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_24px_rgba\(34\,197\,94\,0\.45\)\]{--tw-shadow:0 0 24px var(--tw-shadow-color,#22c55e73);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_34px_rgba\(34\,197\,94\,0\.5\)\]{--tw-shadow:0 0 34px var(--tw-shadow-color,#22c55e80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_-20px_rgba\(15\,23\,42\,0\.5\)\]{--tw-shadow:0 10px 30px -20px var(--tw-shadow-color,#0f172a80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-primary-200{--tw-shadow-color:var(--primary-200)}@supports (color:color-mix(in lab,red,red)){.shadow-primary-200{--tw-shadow-color:color-mix(in oklab, var(--primary-200) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/10{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.shadow-primary\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/25{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.shadow-primary\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-black\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.ring-black\/5{--tw-ring-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.ring-destructive{--tw-ring-color:var(--destructive)}.ring-gray-200{--tw-ring-color:var(--color-gray-200)}.ring-primary-100{--tw-ring-color:var(--primary-100)}.ring-primary-200,.ring-primary-200\/70{--tw-ring-color:var(--primary-200)}@supports (color:color-mix(in lab,red,red)){.ring-primary-200\/70{--tw-ring-color:color-mix(in oklab, var(--primary-200) 70%, transparent)}}.ring-primary-300{--tw-ring-color:var(--primary-300)}.ring-purple-600{--tw-ring-color:var(--color-purple-600)}.ring-ring\/10{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/10{--tw-ring-color:color-mix(in oklab, var(--ring) 10%, transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.ring-white{--tw-ring-color:var(--color-white)}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.ring-offset-white{--tw-ring-offset-color:var(--color-white)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-ring\/50{outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.outline-ring\/50{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-lg{--tw-blur:blur(var(--blur-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.\!transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-150{transition-delay:.15s}.delay-300{transition-delay:.3s}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[animation-delay\:180ms\]{animation-delay:.18s}.\[animation-delay\:360ms\]{animation-delay:.36s}.delay-150{animation-delay:.15s}.delay-300{animation-delay:.3s}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.fade-in-90{--tw-enter-opacity:.9}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.zoom-in-90{--tw-enter-scale:.9}.group-focus-within\:text-primary-600:is(:where(.group):focus-within *){color:var(--primary-600)}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media(hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-full:is(:where(.group):hover *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:border-gray-400:is(:where(.group):hover *){border-color:var(--color-gray-400)}.group-hover\:border-primary-200:is(:where(.group):hover *){border-color:var(--primary-200)}.group-hover\:border-primary-500\/50:is(:where(.group):hover *){border-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.group-hover\:border-primary-500\/50:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--primary-500) 50%,transparent)}}.group-hover\:bg-primary:is(:where(.group):hover *){background-color:var(--primary)}.group-hover\:from-primary-400\/40:is(:where(.group):hover *){--tw-gradient-from:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.group-hover\:from-primary-400\/40:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab, var(--primary-400) 40%, transparent)}}.group-hover\:from-primary-400\/40:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:to-primary-600\/40:is(:where(.group):hover *){--tw-gradient-to:var(--primary-600)}@supports (color:color-mix(in lab,red,red)){.group-hover\:to-primary-600\/40:is(:where(.group):hover *){--tw-gradient-to:color-mix(in oklab, var(--primary-600) 40%, transparent)}}.group-hover\:to-primary-600\/40:is(:where(.group):hover *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-gray-700:is(:where(.group):hover *){color:var(--color-gray-700)}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}.group-hover\:text-primary-600:is(:where(.group):hover *){color:var(--primary-600)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-hover\/btn\:translate-x-1:is(:where(.group\/btn):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/btn\:scale-110:is(:where(.group\/btn):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/child\:max-h-20:is(:where(.group\/child):hover *){max-height:calc(var(--spacing) * 20)}.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state=open] *){rotate:90deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing) * 1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:calc(var(--radius) - 2px)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s;animation-duration:.2s}.group-\[\.destructive\]\:border-slate-100\/40:is(:where(.group).destructive *){border-color:#f1f5f966}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-slate-100\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,var(--color-slate-100) 40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.peer-data-\[state\=checked\]\:border-primary:is(:where(.peer)[data-state=checked]~*){border-color:var(--primary)}.file\:mr-4::file-selector-button{margin-right:calc(var(--spacing) * 4)}.file\:rounded-lg::file-selector-button{border-radius:var(--radius)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-blue-50::file-selector-button{background-color:var(--color-blue-50)}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing) * 4)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing) * 2)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-semibold::file-selector-button{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.file\:text-blue-700::file-selector-button{color:var(--color-blue-700)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:border-none:last-child{--tw-border-style:none;border-style:none}.checked\:bg-primary:checked{background-color:var(--primary)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-10:focus-within{z-index:10}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-amber-300:hover{border-color:var(--color-amber-300)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-border:hover{border-color:var(--border)}.hover\:border-emerald-300:hover{border-color:var(--color-emerald-300)}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:border-green-200:hover{border-color:var(--color-green-200)}.hover\:border-primary:hover{border-color:var(--primary)}.hover\:border-primary-200:hover{border-color:var(--primary-200)}.hover\:border-primary-300:hover{border-color:var(--primary-300)}.hover\:border-primary-400:hover{border-color:var(--primary-400)}.hover\:border-primary-500:hover{border-color:var(--primary-500)}.hover\:border-primary\/30:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--primary) 30%,transparent)}}.hover\:border-primary\/45:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/45:hover{border-color:color-mix(in oklab,var(--primary) 45%,transparent)}}.hover\:border-purple-200:hover{border-color:var(--color-purple-200)}.hover\:border-purple-300:hover{border-color:var(--color-purple-300)}.hover\:border-red-300:hover{border-color:var(--color-red-300)}.hover\:border-rose-300:hover{border-color:var(--color-rose-300)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-violet-300:hover{border-color:var(--color-violet-300)}.hover\:bg-\[\#3a5ad4\]:hover{background-color:#3a5ad4}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-background:hover,.hover\:bg-background\/20:hover{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-background\/20:hover{background-color:color-mix(in oklab,var(--background) 20%,transparent)}}.hover\:bg-background\/90:hover{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-background\/90:hover{background-color:color-mix(in oklab,var(--background) 90%,transparent)}}.hover\:bg-black\/70:hover{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/70:hover{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-400:hover{background-color:var(--color-blue-400)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-card\/80:hover{background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-card\/80:hover{background-color:color-mix(in oklab,var(--card) 80%,transparent)}}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab,var(--destructive) 80%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\:bg-gray-500\/10:hover{background-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-500\/10:hover{background-color:color-mix(in oklab,var(--color-gray-500) 10%,transparent)}}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-green-100\/50:hover{background-color:#dcfce780}@supports (color:color-mix(in lab,red,red)){.hover\:bg-green-100\/50:hover{background-color:color-mix(in oklab,var(--color-green-100) 50%,transparent)}}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-muted\/25:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/25:hover{background-color:color-mix(in oklab,var(--muted) 25%,transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.hover\:bg-primary:hover{background-color:var(--primary)}.hover\:bg-primary-50:hover,.hover\:bg-primary-50\/30:hover{background-color:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary-50\/30:hover{background-color:color-mix(in oklab,var(--primary-50) 30%,transparent)}}.hover\:bg-primary-50\/40:hover{background-color:var(--primary-50)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary-50\/40:hover{background-color:color-mix(in oklab,var(--primary-50) 40%,transparent)}}.hover\:bg-primary-100:hover{background-color:var(--primary-100)}.hover\:bg-primary-200:hover{background-color:var(--primary-200)}.hover\:bg-primary-300:hover,.hover\:bg-primary-300\/20:hover{background-color:var(--primary-300)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary-300\/20:hover{background-color:color-mix(in oklab,var(--primary-300) 20%,transparent)}}.hover\:bg-primary-500:hover{background-color:var(--primary-500)}.hover\:bg-primary-600:hover{background-color:var(--primary-600)}.hover\:bg-primary-700:hover{background-color:var(--primary-700)}.hover\:bg-primary\/5:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--primary) 5%,transparent)}}.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.hover\:bg-primary\/15:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/15:hover{background-color:color-mix(in oklab,var(--primary) 15%,transparent)}}.hover\:bg-primary\/20:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-400:hover{background-color:var(--color-red-400)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-rose-100:hover{background-color:var(--color-rose-100)}.hover\:bg-secondary\/50:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/50:hover{background-color:color-mix(in oklab,var(--secondary) 50%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/70:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/70:hover{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\:bg-yellow-300:hover{background-color:var(--color-yellow-300)}.hover\:bg-yellow-700:hover{background-color:var(--color-yellow-700)}.hover\:from-amber-100:hover{--tw-gradient-from:var(--color-amber-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-amber-600:hover{--tw-gradient-from:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-blue-100:hover{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-blue-700:hover{--tw-gradient-from:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-emerald-100:hover{--tw-gradient-from:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-indigo-700:hover{--tw-gradient-from:var(--color-indigo-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-primary-50:hover{--tw-gradient-from:var(--primary-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-primary-600:hover{--tw-gradient-from:var(--primary-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-primary-700:hover{--tw-gradient-from:var(--primary-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-purple-700:hover{--tw-gradient-from:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-red-700:hover{--tw-gradient-from:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-rose-100:hover{--tw-gradient-from:var(--color-rose-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-slate-100:hover{--tw-gradient-from:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-violet-100:hover{--tw-gradient-from:var(--color-violet-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-amber-700:hover{--tw-gradient-to:var(--color-amber-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-blue-800:hover{--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-gray-100:hover{--tw-gradient-to:var(--color-gray-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-green-100:hover{--tw-gradient-to:var(--color-green-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-indigo-100:hover{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-orange-100:hover{--tw-gradient-to:var(--color-orange-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-orange-700:hover{--tw-gradient-to:var(--color-orange-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-primary-100:hover{--tw-gradient-to:var(--primary-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-primary-300:hover{--tw-gradient-to:var(--primary-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-primary-700:hover{--tw-gradient-to:var(--primary-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-primary-800:hover{--tw-gradient-to:var(--primary-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-purple-100:hover{--tw-gradient-to:var(--color-purple-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-purple-700:hover{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-purple-800:hover{--tw-gradient-to:var(--color-purple-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-red-100:hover{--tw-gradient-to:var(--color-red-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:\!text-\[\#8b5cf6\]:hover{color:#8b5cf6!important}.hover\:\!text-\[\#17a397\]:hover{color:#17a397!important}.hover\:\!text-\[\#ff8787\]:hover{color:#ff8787!important}.hover\:\!text-orange-800:hover{color:var(--color-orange-800)!important}.hover\:\!text-primary:hover{color:var(--primary)!important}.hover\:\!text-primary-700:hover{color:var(--primary-700)!important}.hover\:\!text-primary-800:hover{color:var(--primary-800)!important}.hover\:\!text-red-500:hover{color:var(--color-red-500)!important}.hover\:\!text-red-600:hover{color:var(--color-red-600)!important}.hover\:\!text-red-800:hover{color:var(--color-red-800)!important}.hover\:\!text-yellow-800:hover{color:var(--color-yellow-800)!important}.hover\:text-\[\#17a397\]:hover{color:#17a397}.hover\:text-\[var\(--um-menu-hover\,var\(--primary\)\)\]:hover{color:var(--um-menu-hover,var(--primary))}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-amber-700:hover{color:var(--color-amber-700)}.hover\:text-amber-800:hover{color:var(--color-amber-800)}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-emerald-700:hover{color:var(--color-emerald-700)}.hover\:text-emerald-800:hover{color:var(--color-emerald-800)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-gray-100:hover{color:var(--color-gray-100)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-700:hover{color:var(--color-green-700)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-500:hover{color:var(--primary-500)}.hover\:text-primary-600:hover{color:var(--primary-600)}.hover\:text-primary-700:hover{color:var(--primary-700)}.hover\:text-primary-800:hover{color:var(--primary-800)}.hover\:text-primary\/80:hover{color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab,var(--primary) 80%,transparent)}}.hover\:text-purple-600:hover{color:var(--color-purple-600)}.hover\:text-purple-700:hover{color:var(--color-purple-700)}.hover\:text-purple-800:hover{color:var(--color-purple-800)}.hover\:text-purple-900:hover{color:var(--color-purple-900)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-red-900:hover{color:var(--color-red-900)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.hover\:text-rose-800:hover{color:var(--color-rose-800)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-violet-700:hover{color:var(--color-violet-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-primary\/15:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-primary\/15:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary) 15%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:ring-primary-200:hover{--tw-ring-color:var(--primary-200)}.hover\:ring-primary\/30:hover{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:ring-primary\/30:hover{--tw-ring-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.group-\[\.destructive\]\:hover\:border-red-500\/30:is(:where(.group).destructive *):hover{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-red-500\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-red-500:is(:where(.group).destructive *):hover{background-color:var(--color-red-500)}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}.group-\[\.destructive\]\:hover\:text-slate-50:is(:where(.group).destructive *):hover{color:var(--color-slate-50)}.hover\:file\:bg-blue-100:hover::file-selector-button{background-color:var(--color-blue-100)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:border-primary-500:focus{border-color:var(--primary-500)}.focus\:border-purple-500:focus{border-color:var(--color-purple-500)}.focus\:border-ring:focus{border-color:var(--ring)}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-primary-50:focus{background-color:var(--primary-50)}.focus\:bg-primary-600:focus{background-color:var(--primary-600)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-amber-700:focus{color:var(--color-amber-700)}.focus\:text-amber-800:focus{color:var(--color-amber-800)}.focus\:text-red-600:focus{color:var(--color-red-600)}.focus\:text-red-700:focus{color:var(--color-red-700)}.focus\:text-white:focus{color:var(--color-white)}.focus\:opacity-100:focus{opacity:1}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-primary-200:focus{--tw-ring-color:var(--primary-200)}.focus\:ring-primary-400:focus{--tw-ring-color:var(--primary-400)}.focus\:ring-primary-500:focus,.focus\:ring-primary-500\/20:focus{--tw-ring-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary-500\/20:focus{--tw-ring-color:color-mix(in oklab, var(--primary-500) 20%, transparent)}}.focus\:ring-primary-500\/30:focus{--tw-ring-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary-500\/30:focus{--tw-ring-color:color-mix(in oklab, var(--primary-500) 30%, transparent)}}.focus\:ring-primary\/20:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.focus\:ring-primary\/40:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/40:focus{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-ring:focus,.focus\:ring-ring\/30:focus{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-ring\/30:focus{--tw-ring-color:color-mix(in oklab, var(--ring) 30%, transparent)}}.focus\:ring-slate-950:focus{--tw-ring-color:var(--color-slate-950)}.focus\:ring-yellow-500:focus{--tw-ring-color:var(--color-yellow-500)}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-red-500:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-500)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-amber-500:focus-visible{--tw-ring-color:var(--color-amber-500)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-emerald-500:focus-visible{--tw-ring-color:var(--color-emerald-500)}.focus-visible\:ring-green-500:focus-visible{--tw-ring-color:var(--color-green-500)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--primary)}.focus-visible\:ring-primary-500\/30:focus-visible{--tw-ring-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-primary-500\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary-500) 30%, transparent)}}.focus-visible\:ring-primary\/30:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-primary\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.focus-visible\:ring-purple-500:focus-visible{--tw-ring-color:var(--color-purple-500)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-rose-500:focus-visible{--tw-ring-color:var(--color-rose-500)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-primary-700:active{background-color:var(--primary-700)}.active\:bg-primary-800:active{background-color:var(--primary-800)}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}.disabled\:bg-primary-300:disabled{background-color:var(--primary-300)}.disabled\:opacity-50:disabled{opacity:.5}@media(hover:hover){.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.aria-selected\:bg-primary-100[aria-selected=true]{background-color:var(--primary-100)}.aria-selected\:bg-primary-600[aria-selected=true]{background-color:var(--primary-600)}.aria-selected\:text-primary-700[aria-selected=true]{color:var(--primary-700)}.aria-selected\:text-primary-800[aria-selected=true]{color:var(--primary-800)}.aria-selected\:text-white[aria-selected=true]{color:var(--color-white)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-checked\:bg-primary[data-checked]{background-color:var(--primary)}.data-\[active\]\:bg-background[data-active]{background-color:var(--background)}.data-\[active\]\:text-primary[data-active]{color:var(--primary)}.data-\[active\]\:shadow-sm[data-active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}@media(hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive-foreground[data-error=true]{color:var(--destructive-foreground)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing) * 1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing) * 12)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=checked\]\:bg-primary-600[data-state=checked]{background-color:var(--primary-600)}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}.data-\[state\=open\]\:bg-muted[data-state=open]{background-color:var(--muted)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media(hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=destructive\]\:text-destructive-foreground[data-variant=destructive]{color:var(--destructive-foreground)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive-foreground[data-variant=destructive]:focus{color:var(--destructive-foreground)}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-pulse{animation:var(--animate-pulse)}.motion-safe\:animate-spin{animation:var(--animate-spin)}}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media(min-width:40rem){.sm\:absolute{position:absolute}.sm\:top-auto{top:auto}.sm\:right-0{right:calc(var(--spacing) * 0)}.sm\:right-2{right:calc(var(--spacing) * 2)}.sm\:-bottom-8{bottom:calc(var(--spacing) * -8)}.sm\:bottom-0{bottom:calc(var(--spacing) * 0)}.sm\:bottom-2{bottom:calc(var(--spacing) * 2)}.sm\:left-auto{left:auto}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mt-0{margin-top:calc(var(--spacing) * 0)}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mr-2{margin-right:calc(var(--spacing) * 2)}.sm\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.sm\:mb-11{margin-bottom:calc(var(--spacing) * 11)}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:table-cell{display:table-cell}.sm\:h-3{height:calc(var(--spacing) * 3)}.sm\:h-4{height:calc(var(--spacing) * 4)}.sm\:h-5{height:calc(var(--spacing) * 5)}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:h-32{height:calc(var(--spacing) * 32)}.sm\:h-40{height:calc(var(--spacing) * 40)}.sm\:h-56{height:calc(var(--spacing) * 56)}.sm\:h-\[80vh\]{height:80vh}.sm\:h-\[92vh\]{height:92vh}.sm\:h-\[200px\]{height:200px}.sm\:h-\[220px\]{height:220px}.sm\:h-\[260px\]{height:260px}.sm\:h-\[600px\]{height:600px}.sm\:max-h-96{max-height:calc(var(--spacing) * 96)}.sm\:max-h-\[65vh\]{max-height:65vh}.sm\:max-h-\[430px\]{max-height:430px}.sm\:max-h-\[450px\]{max-height:450px}.sm\:w-1\/2{width:50%}.sm\:w-4{width:calc(var(--spacing) * 4)}.sm\:w-5{width:calc(var(--spacing) * 5)}.sm\:w-6{width:calc(var(--spacing) * 6)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-9{width:calc(var(--spacing) * 9)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:w-28{width:calc(var(--spacing) * 28)}.sm\:w-32{width:calc(var(--spacing) * 32)}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-80{width:calc(var(--spacing) * 80)}.sm\:w-\[24rem\]{width:24rem}.sm\:w-\[90vw\]{width:90vw}.sm\:w-\[92vw\]{width:92vw}.sm\:w-\[100px\]{width:100px}.sm\:w-\[150px\]{width:150px}.sm\:w-\[200px\]{width:200px}.sm\:w-\[220px\]{width:220px}.sm\:w-\[600px\]{width:600px}.sm\:w-auto{width:auto}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-3xl{max-width:var(--container-3xl)}.sm\:max-w-4xl{max-width:var(--container-4xl)}.sm\:max-w-\[34vw\]{max-width:34vw}.sm\:max-w-\[92vw\]{max-width:92vw}.sm\:max-w-\[170px\]{max-width:170px}.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-\[480px\]{max-width:480px}.sm\:max-w-\[500px\]{max-width:500px}.sm\:max-w-\[525px\]{max-width:525px}.sm\:max-w-\[600px\]{max-width:600px}.sm\:max-w-\[760px\]{max-width:760px}.sm\:max-w-\[800px\]{max-width:800px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:min-w-\[120px\]{min-width:120px}.sm\:flex-initial{flex:0 auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-0{gap:calc(var(--spacing) * 0)}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-8{gap:calc(var(--spacing) * 8)}:where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-2\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)))}.sm\:overflow-x-auto{overflow-x:auto}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.sm\:pt-4{padding-top:calc(var(--spacing) * 4)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pt-20{padding-top:calc(var(--spacing) * 20)}.sm\:pr-2{padding-right:calc(var(--spacing) * 2)}.sm\:pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.sm\:pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.sm\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.sm\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.sm\:pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:sticky{position:sticky}.md\:top-6{top:calc(var(--spacing) * 6)}.md\:right-6{right:calc(var(--spacing) * 6)}.md\:left-6{left:calc(var(--spacing) * 6)}.md\:col-span-2{grid-column:span 2/span 2}.md\:mt-0{margin-top:calc(var(--spacing) * 0)}.md\:mt-3{margin-top:calc(var(--spacing) * 3)}.md\:mr-6{margin-right:calc(var(--spacing) * 6)}.md\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.md\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.md\:ml-0{margin-left:calc(var(--spacing) * 0)}.md\:ml-3{margin-left:calc(var(--spacing) * 3)}.md\:ml-6{margin-left:calc(var(--spacing) * 6)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:table-cell{display:table-cell}.md\:h-4{height:calc(var(--spacing) * 4)}.md\:h-5{height:calc(var(--spacing) * 5)}.md\:h-8{height:calc(var(--spacing) * 8)}.md\:h-9{height:calc(var(--spacing) * 9)}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:h-12{height:calc(var(--spacing) * 12)}.md\:h-17{height:calc(var(--spacing) * 17)}.md\:h-20{height:calc(var(--spacing) * 20)}.md\:h-24{height:calc(var(--spacing) * 24)}.md\:h-64{height:calc(var(--spacing) * 64)}.md\:h-\[72px\]{height:72px}.md\:h-\[800px\]{height:800px}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.3333%}.md\:w-2\/3{width:66.6667%}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-4{width:calc(var(--spacing) * 4)}.md\:w-5{width:calc(var(--spacing) * 5)}.md\:w-8{width:calc(var(--spacing) * 8)}.md\:w-9{width:calc(var(--spacing) * 9)}.md\:w-12{width:calc(var(--spacing) * 12)}.md\:w-16{width:calc(var(--spacing) * 16)}.md\:w-25{width:calc(var(--spacing) * 25)}.md\:w-72{width:calc(var(--spacing) * 72)}.md\:w-\[160px\]{width:160px}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[200px\]{max-width:200px}.md\:max-w-\[420px\]{max-width:420px}.md\:max-w-md{max-width:var(--container-md)}.md\:min-w-\[180px\]{min-width:180px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-6{gap:calc(var(--spacing) * 6)}:where(.md\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.md\:gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.md\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.md\:gap-y-6{row-gap:calc(var(--spacing) * 6)}.md\:overflow-visible{overflow:visible}.md\:rounded-none{border-radius:0}.md\:bg-white{background-color:var(--color-white)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-2{padding-inline:calc(var(--spacing) * 2)}.md\:px-3{padding-inline:calc(var(--spacing) * 3)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:pt-1{padding-top:calc(var(--spacing) * 1)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}.md\:pt-8{padding-top:calc(var(--spacing) * 8)}.md\:pt-14{padding-top:calc(var(--spacing) * 14)}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pt-20{padding-top:calc(var(--spacing) * 20)}.md\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:opacity-0{opacity:0}.md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media(min-width:64rem){.lg\:visible{visibility:visible}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:mx-auto{margin-inline:auto}.lg\:mt-0{margin-top:calc(var(--spacing) * 0)}.lg\:mt-3{margin-top:calc(var(--spacing) * 3)}.lg\:ml-10{margin-left:calc(var(--spacing) * 10)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-48{height:calc(var(--spacing) * 48)}.lg\:h-\[900px\]{height:900px}.lg\:w-1\/2{width:50%}.lg\:w-20{width:calc(var(--spacing) * 20)}.lg\:w-32{width:calc(var(--spacing) * 32)}.lg\:w-36{width:calc(var(--spacing) * 36)}.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[250px\]{width:250px}.lg\:w-\[720px\]{width:720px}.lg\:w-auto{width:auto}.lg\:max-w-\[41vw\]{max-width:41vw}.lg\:max-w-\[1200px\]{max-width:1200px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}:where(.lg\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.lg\:space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.lg\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.lg\:space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)))}:where(.lg\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)))}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:p-12{padding:calc(var(--spacing) * 12)}.lg\:px-3{padding-inline:calc(var(--spacing) * 3)}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:pt-20{padding-top:calc(var(--spacing) * 20)}.lg\:text-center{text-align:center}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:80rem){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:mt-0{margin-top:calc(var(--spacing) * 0)}.xl\:grid{display:grid}.xl\:w-40{width:calc(var(--spacing) * 40)}.xl\:max-w-\[48vw\]{max-width:48vw}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:gap-8{gap:calc(var(--spacing) * 8)}.xl\:p-16{padding:calc(var(--spacing) * 16)}.xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}:where(.dark\:divide-gray-700:is(.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:border-amber-600:is(.dark *){border-color:var(--color-amber-600)}.dark\:border-amber-700:is(.dark *){border-color:var(--color-amber-700)}.dark\:border-amber-800:is(.dark *){border-color:var(--color-amber-800)}.dark\:border-amber-900:is(.dark *){border-color:var(--color-amber-900)}.dark\:border-amber-900\/40:is(.dark *){border-color:#7b330666}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-900\/40:is(.dark *){border-color:color-mix(in oklab,var(--color-amber-900) 40%,transparent)}}.dark\:border-amber-900\/50:is(.dark *){border-color:#7b330680}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-900\/50:is(.dark *){border-color:color-mix(in oklab,var(--color-amber-900) 50%,transparent)}}.dark\:border-amber-900\/60:is(.dark *){border-color:#7b330699}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-900\/60:is(.dark *){border-color:color-mix(in oklab,var(--color-amber-900) 60%,transparent)}}.dark\:border-blue-600:is(.dark *){border-color:var(--color-blue-600)}.dark\:border-blue-700\/40:is(.dark *){border-color:#1447e666}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-700\/40:is(.dark *){border-color:color-mix(in oklab,var(--color-blue-700) 40%,transparent)}}.dark\:border-blue-700\/60:is(.dark *){border-color:#1447e699}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-700\/60:is(.dark *){border-color:color-mix(in oklab,var(--color-blue-700) 60%,transparent)}}.dark\:border-blue-800:is(.dark *){border-color:var(--color-blue-800)}.dark\:border-blue-900:is(.dark *){border-color:var(--color-blue-900)}.dark\:border-blue-900\/40:is(.dark *){border-color:#1c398e66}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-900\/40:is(.dark *){border-color:color-mix(in oklab,var(--color-blue-900) 40%,transparent)}}.dark\:border-destructive:is(.dark *){border-color:var(--destructive)}.dark\:border-emerald-900\/40:is(.dark *){border-color:#004e3b66}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-900\/40:is(.dark *){border-color:color-mix(in oklab,var(--color-emerald-900) 40%,transparent)}}.dark\:border-gray-300:is(.dark *){border-color:var(--color-gray-300)}.dark\:border-gray-500:is(.dark *){border-color:var(--color-gray-500)}.dark\:border-gray-600:is(.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}.dark\:border-gray-800:is(.dark *){border-color:var(--color-gray-800)}.dark\:border-green-900\/20:is(.dark *){border-color:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:border-green-900\/20:is(.dark *){border-color:color-mix(in oklab,var(--color-green-900) 20%,transparent)}}.dark\:border-primary:is(.dark *){border-color:var(--primary)}.dark\:border-primary-300\/70:is(.dark *){border-color:var(--primary-300)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-300\/70:is(.dark *){border-color:color-mix(in oklab,var(--primary-300) 70%,transparent)}}.dark\:border-primary-400:is(.dark *){border-color:var(--primary-400)}.dark\:border-primary-500:is(.dark *),.dark\:border-primary-500\/50:is(.dark *){border-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-500\/50:is(.dark *){border-color:color-mix(in oklab,var(--primary-500) 50%,transparent)}}.dark\:border-primary-600:is(.dark *){border-color:var(--primary-600)}.dark\:border-primary-700:is(.dark *),.dark\:border-primary-700\/40:is(.dark *){border-color:var(--primary-700)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-700\/40:is(.dark *){border-color:color-mix(in oklab,var(--primary-700) 40%,transparent)}}.dark\:border-primary-800:is(.dark *),.dark\:border-primary-800\/50:is(.dark *){border-color:var(--primary-800)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-800\/50:is(.dark *){border-color:color-mix(in oklab,var(--primary-800) 50%,transparent)}}.dark\:border-primary-900:is(.dark *),.dark\:border-primary-900\/40:is(.dark *){border-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-900\/40:is(.dark *){border-color:color-mix(in oklab,var(--primary-900) 40%,transparent)}}.dark\:border-primary-900\/50:is(.dark *){border-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-900\/50:is(.dark *){border-color:color-mix(in oklab,var(--primary-900) 50%,transparent)}}.dark\:border-primary-900\/60:is(.dark *){border-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-900\/60:is(.dark *){border-color:color-mix(in oklab,var(--primary-900) 60%,transparent)}}.dark\:border-primary-900\/70:is(.dark *){border-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-900\/70:is(.dark *){border-color:color-mix(in oklab,var(--primary-900) 70%,transparent)}}.dark\:border-primary-950\/80:is(.dark *){border-color:var(--primary-950)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary-950\/80:is(.dark *){border-color:color-mix(in oklab,var(--primary-950) 80%,transparent)}}.dark\:border-primary\/20:is(.dark *){border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary\/20:is(.dark *){border-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.dark\:border-primary\/40:is(.dark *){border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary\/40:is(.dark *){border-color:color-mix(in oklab,var(--primary) 40%,transparent)}}.dark\:border-primary\/60:is(.dark *){border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:border-primary\/60:is(.dark *){border-color:color-mix(in oklab,var(--primary) 60%,transparent)}}.dark\:border-purple-700:is(.dark *){border-color:var(--color-purple-700)}.dark\:border-purple-800:is(.dark *){border-color:var(--color-purple-800)}.dark\:border-purple-900\/40:is(.dark *){border-color:#59168b66}@supports (color:color-mix(in lab,red,red)){.dark\:border-purple-900\/40:is(.dark *){border-color:color-mix(in oklab,var(--color-purple-900) 40%,transparent)}}.dark\:border-red-500:is(.dark *){border-color:var(--color-red-500)}.dark\:border-red-700:is(.dark *){border-color:var(--color-red-700)}.dark\:border-red-800:is(.dark *){border-color:var(--color-red-800)}.dark\:border-red-800\/60:is(.dark *){border-color:#9f071299}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-800\/60:is(.dark *){border-color:color-mix(in oklab,var(--color-red-800) 60%,transparent)}}.dark\:border-red-900:is(.dark *){border-color:var(--color-red-900)}.dark\:border-red-900\/50:is(.dark *){border-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-900\/50:is(.dark *){border-color:color-mix(in oklab,var(--color-red-900) 50%,transparent)}}.dark\:border-red-900\/60:is(.dark *){border-color:#82181a99}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-900\/60:is(.dark *){border-color:color-mix(in oklab,var(--color-red-900) 60%,transparent)}}.dark\:border-rose-900\/40:is(.dark *){border-color:#8b083666}@supports (color:color-mix(in lab,red,red)){.dark\:border-rose-900\/40:is(.dark *){border-color:color-mix(in oklab,var(--color-rose-900) 40%,transparent)}}.dark\:border-slate-700:is(.dark *){border-color:var(--color-slate-700)}.dark\:border-slate-700\/80:is(.dark *){border-color:#314158cc}@supports (color:color-mix(in lab,red,red)){.dark\:border-slate-700\/80:is(.dark *){border-color:color-mix(in oklab,var(--color-slate-700) 80%,transparent)}}.dark\:border-slate-800:is(.dark *){border-color:var(--color-slate-800)}.dark\:border-yellow-700:is(.dark *){border-color:var(--color-yellow-700)}.dark\:border-yellow-800:is(.dark *){border-color:var(--color-yellow-800)}.dark\:border-t-primary-400:is(.dark *){border-top-color:var(--primary-400)}.dark\:border-r-primary-500:is(.dark *){border-right-color:var(--primary-500)}.dark\:border-b-primary-300:is(.dark *){border-bottom-color:var(--primary-300)}.dark\:border-b-primary-500\/90:is(.dark *){border-bottom-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.dark\:border-b-primary-500\/90:is(.dark *){border-bottom-color:color-mix(in oklab,var(--primary-500) 90%,transparent)}}.dark\:border-l-blue-500:is(.dark *){border-left-color:var(--color-blue-500)}.dark\:border-l-primary-400:is(.dark *){border-left-color:var(--primary-400)}.dark\:bg-amber-400:is(.dark *){background-color:var(--color-amber-400)}.dark\:bg-amber-900:is(.dark *){background-color:var(--color-amber-900)}.dark\:bg-amber-900\/30:is(.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 30%,transparent)}}.dark\:bg-amber-900\/50:is(.dark *){background-color:#7b330680}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-900) 50%,transparent)}}.dark\:bg-amber-950\/20:is(.dark *){background-color:#46190133}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950) 20%,transparent)}}.dark\:bg-amber-950\/30:is(.dark *){background-color:#4619014d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950) 30%,transparent)}}.dark\:bg-black\/60:is(.dark *){background-color:#0009}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/60:is(.dark *){background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.dark\:bg-black\/70:is(.dark *){background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/70:is(.dark *){background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.dark\:bg-black\/80:is(.dark *){background-color:#000c}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/80:is(.dark *){background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.dark\:bg-blue-500:is(.dark *){background-color:var(--color-blue-500)}.dark\:bg-blue-800:is(.dark *){background-color:var(--color-blue-800)}.dark\:bg-blue-900:is(.dark *){background-color:var(--color-blue-900)}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 30%,transparent)}}.dark\:bg-blue-900\/40:is(.dark *){background-color:#1c398e66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 40%,transparent)}}.dark\:bg-blue-900\/50:is(.dark *){background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-900) 50%,transparent)}}.dark\:bg-blue-950\/20:is(.dark *){background-color:#16245633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-950) 20%,transparent)}}.dark\:bg-blue-950\/30:is(.dark *){background-color:#1624564d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-950) 30%,transparent)}}.dark\:bg-cyan-900\/30:is(.dark *){background-color:#104e644d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-cyan-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-cyan-900) 30%,transparent)}}.dark\:bg-emerald-950\/20:is(.dark *){background-color:#002c2233}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-emerald-950) 20%,transparent)}}.dark\:bg-gray-400:is(.dark *){background-color:var(--color-gray-400)}.dark\:bg-gray-500:is(.dark *){background-color:var(--color-gray-500)}.dark\:bg-gray-600:is(.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:is(.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-700\/30:is(.dark *){background-color:#3641534d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-700\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-700) 30%,transparent)}}.dark\:bg-gray-700\/40:is(.dark *){background-color:#36415366}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-700\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-700) 40%,transparent)}}.dark\:bg-gray-700\/50:is(.dark *){background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-700\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-700) 50%,transparent)}}.dark\:bg-gray-700\/80:is(.dark *){background-color:#364153cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-700\/80:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-700) 80%,transparent)}}.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-800\/50:is(.dark *){background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}.dark\:bg-gray-800\/60:is(.dark *){background-color:#1e293999}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/60:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 60%,transparent)}}.dark\:bg-gray-800\/70:is(.dark *){background-color:#1e2939b3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/70:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 70%,transparent)}}.dark\:bg-gray-800\/80:is(.dark *){background-color:#1e2939cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/80:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 80%,transparent)}}.dark\:bg-gray-800\/90:is(.dark *){background-color:#1e2939e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/90:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 90%,transparent)}}.dark\:bg-gray-800\/95:is(.dark *){background-color:#1e2939f2}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/95:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-800) 95%,transparent)}}.dark\:bg-gray-900:is(.dark *){background-color:var(--color-gray-900)}.dark\:bg-gray-900\/30:is(.dark *){background-color:#1018284d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 30%,transparent)}}.dark\:bg-gray-900\/40:is(.dark *){background-color:#10182866}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 40%,transparent)}}.dark\:bg-gray-900\/50:is(.dark *){background-color:#10182880}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 50%,transparent)}}.dark\:bg-gray-900\/60:is(.dark *){background-color:#10182899}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/60:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 60%,transparent)}}.dark\:bg-gray-900\/80:is(.dark *){background-color:#101828cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/80:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 80%,transparent)}}.dark\:bg-gray-900\/90:is(.dark *){background-color:#101828e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/90:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 90%,transparent)}}.dark\:bg-gray-900\/95:is(.dark *){background-color:#101828f2}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/95:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-900) 95%,transparent)}}.dark\:bg-gray-950\/70:is(.dark *){background-color:#030712b3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-950\/70:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-950) 70%,transparent)}}.dark\:bg-green-400:is(.dark *){background-color:var(--color-green-400)}.dark\:bg-green-900:is(.dark *){background-color:var(--color-green-900)}.dark\:bg-green-900\/40:is(.dark *){background-color:#0d542b66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-green-900) 40%,transparent)}}.dark\:bg-green-950\/10:is(.dark *){background-color:#032e151a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-950\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-green-950) 10%,transparent)}}.dark\:bg-indigo-900:is(.dark *){background-color:var(--color-indigo-900)}.dark\:bg-orange-900:is(.dark *){background-color:var(--color-orange-900)}.dark\:bg-orange-900\/30:is(.dark *){background-color:#7e2a0c4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-orange-900) 30%,transparent)}}.dark\:bg-orange-900\/40:is(.dark *){background-color:#7e2a0c66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-orange-900) 40%,transparent)}}.dark\:bg-pink-900:is(.dark *){background-color:var(--color-pink-900)}.dark\:bg-primary:is(.dark *){background-color:var(--primary)}.dark\:bg-primary-300\/35:is(.dark *){background-color:var(--primary-300)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-300\/35:is(.dark *){background-color:color-mix(in oklab,var(--primary-300) 35%,transparent)}}.dark\:bg-primary-300\/50:is(.dark *){background-color:var(--primary-300)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-300\/50:is(.dark *){background-color:color-mix(in oklab,var(--primary-300) 50%,transparent)}}.dark\:bg-primary-300\/70:is(.dark *){background-color:var(--primary-300)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-300\/70:is(.dark *){background-color:color-mix(in oklab,var(--primary-300) 70%,transparent)}}.dark\:bg-primary-400\/85:is(.dark *){background-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-400\/85:is(.dark *){background-color:color-mix(in oklab,var(--primary-400) 85%,transparent)}}.dark\:bg-primary-400\/90:is(.dark *){background-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-400\/90:is(.dark *){background-color:color-mix(in oklab,var(--primary-400) 90%,transparent)}}.dark\:bg-primary-500:is(.dark *),.dark\:bg-primary-500\/20:is(.dark *){background-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-500\/20:is(.dark *){background-color:color-mix(in oklab,var(--primary-500) 20%,transparent)}}.dark\:bg-primary-700:is(.dark *){background-color:var(--primary-700)}.dark\:bg-primary-800:is(.dark *),.dark\:bg-primary-800\/50:is(.dark *){background-color:var(--primary-800)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-800\/50:is(.dark *){background-color:color-mix(in oklab,var(--primary-800) 50%,transparent)}}.dark\:bg-primary-800\/60:is(.dark *){background-color:var(--primary-800)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-800\/60:is(.dark *){background-color:color-mix(in oklab,var(--primary-800) 60%,transparent)}}.dark\:bg-primary-900:is(.dark *),.dark\:bg-primary-900\/10:is(.dark *){background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-900\/10:is(.dark *){background-color:color-mix(in oklab,var(--primary-900) 10%,transparent)}}.dark\:bg-primary-900\/20:is(.dark *){background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--primary-900) 20%,transparent)}}.dark\:bg-primary-900\/25:is(.dark *){background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-900\/25:is(.dark *){background-color:color-mix(in oklab,var(--primary-900) 25%,transparent)}}.dark\:bg-primary-900\/30:is(.dark *){background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--primary-900) 30%,transparent)}}.dark\:bg-primary-900\/40:is(.dark *){background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--primary-900) 40%,transparent)}}.dark\:bg-primary-900\/50:is(.dark *){background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-900\/50:is(.dark *){background-color:color-mix(in oklab,var(--primary-900) 50%,transparent)}}.dark\:bg-primary-950\/20:is(.dark *){background-color:var(--primary-950)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--primary-950) 20%,transparent)}}.dark\:bg-primary-950\/30:is(.dark *){background-color:var(--primary-950)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--primary-950) 30%,transparent)}}.dark\:bg-primary\/20:is(.dark *){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary\/20:is(.dark *){background-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.dark\:bg-primary\/25:is(.dark *){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary\/25:is(.dark *){background-color:color-mix(in oklab,var(--primary) 25%,transparent)}}.dark\:bg-primary\/30:is(.dark *){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-primary\/30:is(.dark *){background-color:color-mix(in oklab,var(--primary) 30%,transparent)}}.dark\:bg-purple-400:is(.dark *){background-color:var(--color-purple-400)}.dark\:bg-purple-800:is(.dark *){background-color:var(--color-purple-800)}.dark\:bg-purple-900:is(.dark *){background-color:var(--color-purple-900)}.dark\:bg-purple-900\/20:is(.dark *){background-color:#59168b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-900) 20%,transparent)}}.dark\:bg-purple-900\/30:is(.dark *){background-color:#59168b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-900) 30%,transparent)}}.dark\:bg-purple-900\/40:is(.dark *){background-color:#59168b66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-900) 40%,transparent)}}.dark\:bg-purple-900\/50:is(.dark *){background-color:#59168b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-900) 50%,transparent)}}.dark\:bg-purple-950\/20:is(.dark *){background-color:#3c036633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-950) 20%,transparent)}}.dark\:bg-red-400:is(.dark *){background-color:var(--color-red-400)}.dark\:bg-red-600:is(.dark *){background-color:var(--color-red-600)}.dark\:bg-red-800:is(.dark *){background-color:var(--color-red-800)}.dark\:bg-red-900:is(.dark *){background-color:var(--color-red-900)}.dark\:bg-red-900\/20:is(.dark *){background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)}}.dark\:bg-red-900\/30:is(.dark *){background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}.dark\:bg-red-900\/40:is(.dark *){background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900) 40%,transparent)}}.dark\:bg-red-900\/50:is(.dark *){background-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900) 50%,transparent)}}.dark\:bg-red-950\/20:is(.dark *){background-color:#46080933}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950) 20%,transparent)}}.dark\:bg-red-950\/30:is(.dark *){background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950) 30%,transparent)}}.dark\:bg-rose-950\/20:is(.dark *){background-color:#4d021833}@supports (color:color-mix(in lab,red,red)){.dark\:bg-rose-950\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-rose-950) 20%,transparent)}}.dark\:bg-slate-800:is(.dark *){background-color:var(--color-slate-800)}.dark\:bg-slate-800\/80:is(.dark *){background-color:#1d293dcc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-800\/80:is(.dark *){background-color:color-mix(in oklab,var(--color-slate-800) 80%,transparent)}}.dark\:bg-slate-900:is(.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-900\/40:is(.dark *){background-color:#0f172b66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-slate-900) 40%,transparent)}}.dark\:bg-slate-900\/60:is(.dark *){background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-900\/60:is(.dark *){background-color:color-mix(in oklab,var(--color-slate-900) 60%,transparent)}}.dark\:bg-slate-900\/70:is(.dark *){background-color:#0f172bb3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-900\/70:is(.dark *){background-color:color-mix(in oklab,var(--color-slate-900) 70%,transparent)}}.dark\:bg-slate-900\/95:is(.dark *){background-color:#0f172bf2}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-900\/95:is(.dark *){background-color:color-mix(in oklab,var(--color-slate-900) 95%,transparent)}}.dark\:bg-slate-950:is(.dark *){background-color:var(--color-slate-950)}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:bg-white:is(.dark *){background-color:var(--color-white)}.dark\:bg-yellow-800:is(.dark *){background-color:var(--color-yellow-800)}.dark\:bg-yellow-900:is(.dark *){background-color:var(--color-yellow-900)}.dark\:bg-yellow-900\/20:is(.dark *){background-color:#733e0a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/20:is(.dark *){background-color:color-mix(in oklab,var(--color-yellow-900) 20%,transparent)}}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-yellow-900) 30%,transparent)}}.dark\:bg-yellow-900\/40:is(.dark *){background-color:#733e0a66}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-yellow-900) 40%,transparent)}}.dark\:bg-yellow-900\/50:is(.dark *){background-color:#733e0a80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-yellow-900) 50%,transparent)}}.dark\:bg-zinc-900:is(.dark *){background-color:var(--color-zinc-900)}.dark\:bg-gradient-to-b:is(.dark *){--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.dark\:bg-gradient-to-br:is(.dark *){--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.dark\:bg-\[linear-gradient\(rgba\(24\,170\,157\,0\.05\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(24\,170\,157\,0\.05\)_1px\,transparent_1px\)\]:is(.dark *){background-image:linear-gradient(#18aa9d0d 1px,#0000 1px),linear-gradient(90deg,#18aa9d0d 1px,#0000 1px)}.dark\:from-amber-600:is(.dark *){--tw-gradient-from:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-blue-700:is(.dark *){--tw-gradient-from:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-gray-700:is(.dark *){--tw-gradient-from:var(--color-gray-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-gray-800:is(.dark *){--tw-gradient-from:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-gray-800\/90:is(.dark *){--tw-gradient-from:#1e2939e6}@supports (color:color-mix(in lab,red,red)){.dark\:from-gray-800\/90:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-gray-800) 90%, transparent)}}.dark\:from-gray-800\/90:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-gray-900:is(.dark *){--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-gray-950\/40:is(.dark *){--tw-gradient-from:#03071266}@supports (color:color-mix(in lab,red,red)){.dark\:from-gray-950\/40:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-gray-950) 40%, transparent)}}.dark\:from-gray-950\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-green-900\/20:is(.dark *){--tw-gradient-from:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:from-green-900\/20:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-green-900) 20%, transparent)}}.dark\:from-green-900\/20:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-primary-300:is(.dark *){--tw-gradient-from:var(--primary-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-primary-400:is(.dark *){--tw-gradient-from:var(--primary-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-primary-700:is(.dark *){--tw-gradient-from:var(--primary-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-primary-900:is(.dark *){--tw-gradient-from:var(--primary-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-primary-900\/20:is(.dark *){--tw-gradient-from:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:from-primary-900\/20:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--primary-900) 20%, transparent)}}.dark\:from-primary-900\/20:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-primary-900\/30:is(.dark *){--tw-gradient-from:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:from-primary-900\/30:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--primary-900) 30%, transparent)}}.dark\:from-primary-900\/30:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-primary-950\/40:is(.dark *){--tw-gradient-from:var(--primary-950)}@supports (color:color-mix(in lab,red,red)){.dark\:from-primary-950\/40:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--primary-950) 40%, transparent)}}.dark\:from-primary-950\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-purple-700:is(.dark *){--tw-gradient-from:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-purple-900\/30:is(.dark *){--tw-gradient-from:#59168b4d}@supports (color:color-mix(in lab,red,red)){.dark\:from-purple-900\/30:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-purple-900) 30%, transparent)}}.dark\:from-purple-900\/30:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-red-400:is(.dark *){--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-red-900\/40:is(.dark *){--tw-gradient-from:#82181a66}@supports (color:color-mix(in lab,red,red)){.dark\:from-red-900\/40:is(.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-red-900) 40%, transparent)}}.dark\:from-red-900\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-slate-800:is(.dark *){--tw-gradient-from:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-slate-900:is(.dark *){--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-slate-950:is(.dark *){--tw-gradient-from:var(--color-slate-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-white:is(.dark *){--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:via-gray-800:is(.dark *){--tw-gradient-via:var(--color-gray-800);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-slate-900:is(.dark *){--tw-gradient-via:var(--color-slate-900);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-amber-700:is(.dark *){--tw-gradient-to:var(--color-amber-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-blue-800:is(.dark *){--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-emerald-900\/10:is(.dark *){--tw-gradient-to:#004e3b1a}@supports (color:color-mix(in lab,red,red)){.dark\:to-emerald-900\/10:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-emerald-900) 10%, transparent)}}.dark\:to-emerald-900\/10:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-300:is(.dark *){--tw-gradient-to:var(--color-gray-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-600:is(.dark *){--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-700:is(.dark *){--tw-gradient-to:var(--color-gray-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-700\/80:is(.dark *){--tw-gradient-to:#364153cc}@supports (color:color-mix(in lab,red,red)){.dark\:to-gray-700\/80:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-gray-700) 80%, transparent)}}.dark\:to-gray-700\/80:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-800:is(.dark *){--tw-gradient-to:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-gray-900:is(.dark *){--tw-gradient-to:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-orange-400:is(.dark *){--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-orange-900\/40:is(.dark *){--tw-gradient-to:#7e2a0c66}@supports (color:color-mix(in lab,red,red)){.dark\:to-orange-900\/40:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-orange-900) 40%, transparent)}}.dark\:to-orange-900\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-primary-300:is(.dark *){--tw-gradient-to:var(--primary-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-primary-500:is(.dark *){--tw-gradient-to:var(--primary-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-primary-700:is(.dark *){--tw-gradient-to:var(--primary-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-primary-800:is(.dark *){--tw-gradient-to:var(--primary-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-primary-900\/10:is(.dark *){--tw-gradient-to:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:to-primary-900\/10:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--primary-900) 10%, transparent)}}.dark\:to-primary-900\/10:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-primary-900\/30:is(.dark *){--tw-gradient-to:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:to-primary-900\/30:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--primary-900) 30%, transparent)}}.dark\:to-primary-900\/30:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-primary-950\/30:is(.dark *){--tw-gradient-to:var(--primary-950)}@supports (color:color-mix(in lab,red,red)){.dark\:to-primary-950\/30:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--primary-950) 30%, transparent)}}.dark\:to-primary-950\/30:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-primary-950\/40:is(.dark *){--tw-gradient-to:var(--primary-950)}@supports (color:color-mix(in lab,red,red)){.dark\:to-primary-950\/40:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--primary-950) 40%, transparent)}}.dark\:to-primary-950\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-purple-800:is(.dark *){--tw-gradient-to:var(--color-purple-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-purple-900\/20:is(.dark *){--tw-gradient-to:#59168b33}@supports (color:color-mix(in lab,red,red)){.dark\:to-purple-900\/20:is(.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-purple-900) 20%, transparent)}}.dark\:to-purple-900\/20:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-slate-900:is(.dark *){--tw-gradient-to:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:fill-primary-900\/40:is(.dark *){fill:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:fill-primary-900\/40:is(.dark *){fill:color-mix(in oklab,var(--primary-900) 40%,transparent)}}.dark\:text-amber-100:is(.dark *){color:var(--color-amber-100)}.dark\:text-amber-200:is(.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:is(.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:is(.dark *){color:var(--color-amber-400)}.dark\:text-blue-100:is(.dark *){color:var(--color-blue-100)}.dark\:text-blue-200:is(.dark *){color:var(--color-blue-200)}.dark\:text-blue-300:is(.dark *){color:var(--color-blue-300)}.dark\:text-blue-400:is(.dark *){color:var(--color-blue-400)}.dark\:text-cyan-400:is(.dark *){color:var(--color-cyan-400)}.dark\:text-emerald-300:is(.dark *){color:var(--color-emerald-300)}.dark\:text-gray-100:is(.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:is(.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:is(.dark *){color:var(--color-gray-500)}.dark\:text-gray-600:is(.dark *){color:var(--color-gray-600)}.dark\:text-gray-900:is(.dark *){color:var(--color-gray-900)}.dark\:text-green-300:is(.dark *){color:var(--color-green-300)}.dark\:text-green-400:is(.dark *){color:var(--color-green-400)}.dark\:text-indigo-200:is(.dark *){color:var(--color-indigo-200)}.dark\:text-indigo-300:is(.dark *){color:var(--color-indigo-300)}.dark\:text-indigo-400:is(.dark *){color:var(--color-indigo-400)}.dark\:text-orange-300:is(.dark *){color:var(--color-orange-300)}.dark\:text-orange-400:is(.dark *){color:var(--color-orange-400)}.dark\:text-pink-300:is(.dark *){color:var(--color-pink-300)}.dark\:text-primary:is(.dark *){color:var(--primary)}.dark\:text-primary-100:is(.dark *){color:var(--primary-100)}.dark\:text-primary-200:is(.dark *),.dark\:text-primary-200\/80:is(.dark *){color:var(--primary-200)}@supports (color:color-mix(in lab,red,red)){.dark\:text-primary-200\/80:is(.dark *){color:color-mix(in oklab,var(--primary-200) 80%,transparent)}}.dark\:text-primary-300:is(.dark *),.dark\:text-primary-300\/80:is(.dark *){color:var(--primary-300)}@supports (color:color-mix(in lab,red,red)){.dark\:text-primary-300\/80:is(.dark *){color:color-mix(in oklab,var(--primary-300) 80%,transparent)}}.dark\:text-primary-400:is(.dark *),.dark\:text-primary-400\/70:is(.dark *){color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){.dark\:text-primary-400\/70:is(.dark *){color:color-mix(in oklab,var(--primary-400) 70%,transparent)}}.dark\:text-primary-foreground:is(.dark *){color:var(--primary-foreground)}.dark\:text-purple-100:is(.dark *){color:var(--color-purple-100)}.dark\:text-purple-200:is(.dark *){color:var(--color-purple-200)}.dark\:text-purple-300:is(.dark *){color:var(--color-purple-300)}.dark\:text-purple-400:is(.dark *){color:var(--color-purple-400)}.dark\:text-red-100:is(.dark *){color:var(--color-red-100)}.dark\:text-red-200:is(.dark *){color:var(--color-red-200)}.dark\:text-red-300:is(.dark *){color:var(--color-red-300)}.dark\:text-red-400:is(.dark *){color:var(--color-red-400)}.dark\:text-rose-300:is(.dark *){color:var(--color-rose-300)}.dark\:text-slate-100:is(.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:is(.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:is(.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:is(.dark *){color:var(--color-slate-400)}.dark\:text-slate-600:is(.dark *){color:var(--color-slate-600)}.dark\:text-white:is(.dark *){color:var(--color-white)}.dark\:text-yellow-100:is(.dark *){color:var(--color-yellow-100)}.dark\:text-yellow-200:is(.dark *){color:var(--color-yellow-200)}.dark\:text-yellow-300:is(.dark *){color:var(--color-yellow-300)}.dark\:text-yellow-400:is(.dark *){color:var(--color-yellow-400)}.dark\:placeholder-gray-400:is(.dark *)::placeholder{color:var(--color-gray-400)}.dark\:placeholder-gray-500:is(.dark *)::placeholder{color:var(--color-gray-500)}.dark\:opacity-5:is(.dark *){opacity:.05}.dark\:opacity-10:is(.dark *){opacity:.1}.dark\:opacity-80:is(.dark *){opacity:.8}.dark\:shadow-2xl:is(.dark *){--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:shadow-\[0_0_30px_rgba\(16\,185\,129\,0\.7\)\]:is(.dark *){--tw-shadow:0 0 30px var(--tw-shadow-color,#10b981b3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:shadow-black\/30:is(.dark *){--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-black\/30:is(.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-black\/40:is(.dark *){--tw-shadow-color:#0006}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-black\/40:is(.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-gray-900\/50:is(.dark *){--tw-shadow-color:#10182880}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-gray-900\/50:is(.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-primary-900\/50:is(.dark *){--tw-shadow-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-primary-900\/50:is(.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--primary-900) 50%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:ring-gray-700:is(.dark *){--tw-ring-color:var(--color-gray-700)}.dark\:ring-gray-800:is(.dark *){--tw-ring-color:var(--color-gray-800)}.dark\:ring-gray-900:is(.dark *){--tw-ring-color:var(--color-gray-900)}.dark\:ring-primary-700\/50:is(.dark *){--tw-ring-color:var(--primary-700)}@supports (color:color-mix(in lab,red,red)){.dark\:ring-primary-700\/50:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--primary-700) 50%, transparent)}}.dark\:ring-primary-700\/60:is(.dark *){--tw-ring-color:var(--primary-700)}@supports (color:color-mix(in lab,red,red)){.dark\:ring-primary-700\/60:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--primary-700) 60%, transparent)}}.dark\:ring-primary-900\/40:is(.dark *){--tw-ring-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:ring-primary-900\/40:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--primary-900) 40%, transparent)}}.dark\:ring-purple-400:is(.dark *){--tw-ring-color:var(--color-purple-400)}.dark\:ring-ring\/20:is(.dark *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.dark\:ring-ring\/20:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--ring) 20%, transparent)}}.dark\:ring-slate-700:is(.dark *){--tw-ring-color:var(--color-slate-700)}.dark\:ring-white\/10:is(.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:ring-white\/10:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:outline-ring\/40:is(.dark *){outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.dark\:outline-ring\/40:is(.dark *){outline-color:color-mix(in oklab,var(--ring) 40%,transparent)}}@media(hover:hover){.dark\:group-hover\:border-primary-800:is(.dark *):is(:where(.group):hover *){border-color:var(--primary-800)}.dark\:group-hover\:text-gray-200:is(.dark *):is(:where(.group):hover *){color:var(--color-gray-200)}.dark\:group-hover\:text-primary-300:is(.dark *):is(:where(.group):hover *){color:var(--primary-300)}.dark\:group-hover\:text-primary-400:is(.dark *):is(:where(.group):hover *){color:var(--primary-400)}}.dark\:placeholder\:text-gray-400:is(.dark *)::placeholder{color:var(--color-gray-400)}.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder{color:var(--color-gray-500)}@media(hover:hover){.dark\:hover\:border-amber-800\/60:is(.dark *):hover{border-color:#953d0099}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-amber-800\/60:is(.dark *):hover{border-color:color-mix(in oklab,var(--color-amber-800) 60%,transparent)}}.dark\:hover\:border-blue-800\/60:is(.dark *):hover{border-color:#193cb899}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-blue-800\/60:is(.dark *):hover{border-color:color-mix(in oklab,var(--color-blue-800) 60%,transparent)}}.dark\:hover\:border-emerald-800\/60:is(.dark *):hover{border-color:#005f4699}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-emerald-800\/60:is(.dark *):hover{border-color:color-mix(in oklab,var(--color-emerald-800) 60%,transparent)}}.dark\:hover\:border-gray-500:is(.dark *):hover{border-color:var(--color-gray-500)}.dark\:hover\:border-gray-600:is(.dark *):hover{border-color:var(--color-gray-600)}.dark\:hover\:border-green-800\/40:is(.dark *):hover{border-color:#01663066}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-green-800\/40:is(.dark *):hover{border-color:color-mix(in oklab,var(--color-green-800) 40%,transparent)}}.dark\:hover\:border-primary-600:is(.dark *):hover{border-color:var(--primary-600)}.dark\:hover\:border-purple-800:is(.dark *):hover{border-color:var(--color-purple-800)}.dark\:hover\:border-purple-800\/60:is(.dark *):hover{border-color:#6e11b099}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-purple-800\/60:is(.dark *):hover{border-color:color-mix(in oklab,var(--color-purple-800) 60%,transparent)}}.dark\:hover\:border-red-600:is(.dark *):hover{border-color:var(--color-red-600)}.dark\:hover\:border-red-700:is(.dark *):hover{border-color:var(--color-red-700)}.dark\:hover\:border-rose-800\/60:is(.dark *):hover{border-color:#a3003799}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:border-rose-800\/60:is(.dark *):hover{border-color:color-mix(in oklab,var(--color-rose-800) 60%,transparent)}}.dark\:hover\:bg-amber-900\/20:is(.dark *):hover{background-color:#7b330633}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-amber-900\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-amber-900) 20%,transparent)}}.dark\:hover\:bg-amber-900\/40:is(.dark *):hover{background-color:#7b330666}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-amber-900\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-amber-900) 40%,transparent)}}.dark\:hover\:bg-amber-950\/40:is(.dark *):hover{background-color:#46190166}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-amber-950\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-amber-950) 40%,transparent)}}.dark\:hover\:bg-background\/40:is(.dark *):hover{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-background\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--background) 40%,transparent)}}.dark\:hover\:bg-blue-600:is(.dark *):hover{background-color:var(--color-blue-600)}.dark\:hover\:bg-blue-900\/20:is(.dark *):hover{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-blue-900\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.dark\:hover\:bg-blue-900\/40:is(.dark *):hover{background-color:#1c398e66}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-blue-900\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-blue-900) 40%,transparent)}}.dark\:hover\:bg-blue-900\/50:is(.dark *):hover{background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-blue-900\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-blue-900) 50%,transparent)}}.dark\:hover\:bg-blue-950\/40:is(.dark *):hover{background-color:#16245666}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-blue-950\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-blue-950) 40%,transparent)}}.dark\:hover\:bg-emerald-950\/40:is(.dark *):hover{background-color:#002c2266}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-emerald-950\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-emerald-950) 40%,transparent)}}.dark\:hover\:bg-gray-500:is(.dark *):hover{background-color:var(--color-gray-500)}.dark\:hover\:bg-gray-600:is(.dark *):hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-700:is(.dark *):hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-gray-700\/50:is(.dark *):hover{background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-700\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-700) 50%,transparent)}}.dark\:hover\:bg-gray-700\/80:is(.dark *):hover{background-color:#364153cc}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-700\/80:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-700) 80%,transparent)}}.dark\:hover\:bg-gray-800:is(.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-gray-800\/40:is(.dark *):hover{background-color:#1e293966}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-800\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-800) 40%,transparent)}}.dark\:hover\:bg-gray-800\/50:is(.dark *):hover{background-color:#1e293980}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-800\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}.dark\:hover\:bg-gray-800\/60:is(.dark *):hover{background-color:#1e293999}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-800\/60:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-gray-800) 60%,transparent)}}.dark\:hover\:bg-green-950\/30:is(.dark *):hover{background-color:#032e154d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-green-950\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-green-950) 30%,transparent)}}.dark\:hover\:bg-primary-500:is(.dark *):hover{background-color:var(--primary-500)}.dark\:hover\:bg-primary-600:is(.dark *):hover{background-color:var(--primary-600)}.dark\:hover\:bg-primary-700:is(.dark *):hover{background-color:var(--primary-700)}.dark\:hover\:bg-primary-800:is(.dark *):hover,.dark\:hover\:bg-primary-800\/70:is(.dark *):hover{background-color:var(--primary-800)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary-800\/70:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary-800) 70%,transparent)}}.dark\:hover\:bg-primary-900\/20:is(.dark *):hover{background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary-900\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary-900) 20%,transparent)}}.dark\:hover\:bg-primary-900\/30:is(.dark *):hover{background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary-900\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary-900) 30%,transparent)}}.dark\:hover\:bg-primary-900\/35:is(.dark *):hover{background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary-900\/35:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary-900) 35%,transparent)}}.dark\:hover\:bg-primary-900\/40:is(.dark *):hover{background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary-900\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary-900) 40%,transparent)}}.dark\:hover\:bg-primary-900\/50:is(.dark *):hover{background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary-900\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary-900) 50%,transparent)}}.dark\:hover\:bg-primary-900\/60:is(.dark *):hover{background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary-900\/60:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary-900) 60%,transparent)}}.dark\:hover\:bg-primary\/10:is(.dark *):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary\/10:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.dark\:hover\:bg-primary\/15:is(.dark *):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary\/15:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary) 15%,transparent)}}.dark\:hover\:bg-primary\/20:is(.dark *):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.dark\:hover\:bg-primary\/25:is(.dark *):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary\/25:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary) 25%,transparent)}}.dark\:hover\:bg-primary\/30:is(.dark *):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--primary) 30%,transparent)}}.dark\:hover\:bg-purple-900\/30:is(.dark *):hover{background-color:#59168b4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-purple-900\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-purple-900) 30%,transparent)}}.dark\:hover\:bg-purple-900\/50:is(.dark *):hover{background-color:#59168b80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-purple-900\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-purple-900) 50%,transparent)}}.dark\:hover\:bg-purple-950\/40:is(.dark *):hover{background-color:#3c036666}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-purple-950\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-purple-950) 40%,transparent)}}.dark\:hover\:bg-red-900:is(.dark *):hover{background-color:var(--color-red-900)}.dark\:hover\:bg-red-900\/20:is(.dark *):hover{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)}}.dark\:hover\:bg-red-900\/30:is(.dark *):hover{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}.dark\:hover\:bg-red-900\/40:is(.dark *):hover{background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900) 40%,transparent)}}.dark\:hover\:bg-red-900\/50:is(.dark *):hover{background-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900) 50%,transparent)}}.dark\:hover\:bg-red-950\/30:is(.dark *):hover{background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-950\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-red-950) 30%,transparent)}}.dark\:hover\:bg-rose-950\/40:is(.dark *):hover{background-color:#4d021866}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-rose-950\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-rose-950) 40%,transparent)}}.dark\:hover\:bg-slate-700:is(.dark *):hover{background-color:var(--color-slate-700)}.dark\:hover\:bg-slate-800:is(.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-slate-800\/50:is(.dark *):hover{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-slate-800\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-slate-800) 50%,transparent)}}.dark\:hover\:bg-yellow-900\/40:is(.dark *):hover{background-color:#733e0a66}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-yellow-900\/40:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-yellow-900) 40%,transparent)}}.dark\:hover\:bg-yellow-900\/50:is(.dark *):hover{background-color:#733e0a80}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-yellow-900\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-yellow-900) 50%,transparent)}}.dark\:hover\:from-amber-500:is(.dark *):hover{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:from-blue-600:is(.dark *):hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:from-gray-800:is(.dark *):hover{--tw-gradient-from:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:from-primary-600:is(.dark *):hover{--tw-gradient-from:var(--primary-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:from-purple-600:is(.dark *):hover{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:to-amber-600:is(.dark *):hover{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:to-blue-700:is(.dark *):hover{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:to-primary-700:is(.dark *):hover{--tw-gradient-to:var(--primary-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:to-primary-900\/20:is(.dark *):hover{--tw-gradient-to:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:to-primary-900\/20:is(.dark *):hover{--tw-gradient-to:color-mix(in oklab, var(--primary-900) 20%, transparent)}}.dark\:hover\:to-primary-900\/20:is(.dark *):hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:to-purple-700:is(.dark *):hover{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:hover\:text-amber-50:is(.dark *):hover{color:var(--color-amber-50)}.dark\:hover\:text-amber-200:is(.dark *):hover{color:var(--color-amber-200)}.dark\:hover\:text-blue-100:is(.dark *):hover{color:var(--color-blue-100)}.dark\:hover\:text-blue-200:is(.dark *):hover{color:var(--color-blue-200)}.dark\:hover\:text-blue-300:is(.dark *):hover{color:var(--color-blue-300)}.dark\:hover\:text-blue-400:is(.dark *):hover{color:var(--color-blue-400)}.dark\:hover\:text-emerald-200:is(.dark *):hover{color:var(--color-emerald-200)}.dark\:hover\:text-gray-100:is(.dark *):hover{color:var(--color-gray-100)}.dark\:hover\:text-gray-200:is(.dark *):hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:is(.dark *):hover{color:var(--color-gray-300)}.dark\:hover\:text-green-300:is(.dark *):hover{color:var(--color-green-300)}.dark\:hover\:text-primary-200:is(.dark *):hover{color:var(--primary-200)}.dark\:hover\:text-primary-300:is(.dark *):hover{color:var(--primary-300)}.dark\:hover\:text-primary-400:is(.dark *):hover{color:var(--primary-400)}.dark\:hover\:text-primary-foreground:is(.dark *):hover{color:var(--primary-foreground)}.dark\:hover\:text-purple-100:is(.dark *):hover{color:var(--color-purple-100)}.dark\:hover\:text-purple-200:is(.dark *):hover{color:var(--color-purple-200)}.dark\:hover\:text-purple-400:is(.dark *):hover{color:var(--color-purple-400)}.dark\:hover\:text-red-50:is(.dark *):hover{color:var(--color-red-50)}.dark\:hover\:text-red-300:is(.dark *):hover{color:var(--color-red-300)}.dark\:hover\:text-red-400:is(.dark *):hover{color:var(--color-red-400)}.dark\:hover\:text-rose-200:is(.dark *):hover{color:var(--color-rose-200)}.dark\:hover\:text-slate-100:is(.dark *):hover{color:var(--color-slate-100)}.dark\:hover\:text-white:is(.dark *):hover{color:var(--color-white)}.dark\:hover\:ring-primary-700\/40:is(.dark *):hover{--tw-ring-color:var(--primary-700)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-primary-700\/40:is(.dark *):hover{--tw-ring-color:color-mix(in oklab, var(--primary-700) 40%, transparent)}}.dark\:hover\:ring-primary\/40:is(.dark *):hover{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:ring-primary\/40:is(.dark *):hover{--tw-ring-color:color-mix(in oklab, var(--primary) 40%, transparent)}}}.dark\:focus\:border-primary-400:is(.dark *):focus{border-color:var(--primary-400)}.dark\:focus\:border-primary-500:is(.dark *):focus{border-color:var(--primary-500)}.dark\:focus\:bg-gray-600:is(.dark *):focus{background-color:var(--color-gray-600)}.dark\:focus\:bg-gray-700:is(.dark *):focus{background-color:var(--color-gray-700)}.dark\:focus\:ring-blue-400:is(.dark *):focus{--tw-ring-color:var(--color-blue-400)}.dark\:focus\:ring-primary-400:is(.dark *):focus{--tw-ring-color:var(--primary-400)}.dark\:focus\:ring-offset-gray-900:is(.dark *):focus{--tw-ring-offset-color:var(--color-gray-900)}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:disabled\:bg-gray-600:is(.dark *):disabled{background-color:var(--color-gray-600)}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-selected\:bg-primary-900\/40:is(.dark *)[aria-selected=true]{background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-selected\:bg-primary-900\/40:is(.dark *)[aria-selected=true]{background-color:color-mix(in oklab,var(--primary-900) 40%,transparent)}}.dark\:aria-selected\:text-primary-200:is(.dark *)[aria-selected=true]{color:var(--primary-200)}.dark\:aria-selected\:text-primary-300:is(.dark *)[aria-selected=true]{color:var(--primary-300)}.dark\:data-\[state\=active\]\:bg-gray-600:is(.dark *)[data-state=active]{background-color:var(--color-gray-600)}.dark\:data-\[state\=open\]\:bg-gray-700:is(.dark *)[data-state=open]{background-color:var(--color-gray-700)}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/40:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/40:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--border) 50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing) * 0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-auto svg{pointer-events:auto}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:invisible svg{visibility:hidden}.\[\&_svg\]\:h-5 svg{height:calc(var(--spacing) * 5)}.\[\&_svg\]\:w-5 svg{width:calc(var(--spacing) * 5)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-accent-foreground svg{color:var(--accent-foreground)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-lg:has([aria-selected].day-range-end){border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.\[\&\:has\(\[aria-selected\]\.day-range-middle\)\]\:bg-primary-50:has([aria-selected].day-range-middle){background-color:var(--primary-50)}.dark\:\[\&\:has\(\[aria-selected\]\.day-range-middle\)\]\:bg-primary-900\/30:is(.dark *):has([aria-selected].day-range-middle){background-color:var(--primary-900)}@supports (color:color-mix(in lab,red,red)){.dark\:\[\&\:has\(\[aria-selected\]\.day-range-middle\)\]\:bg-primary-900\/30:is(.dark *):has([aria-selected].day-range-middle){background-color:color-mix(in oklab,var(--primary-900) 30%,transparent)}}.\[\&\:has\(\[aria-selected\]\.day-range-start\)\]\:rounded-l-lg:has([aria-selected].day-range-start){border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.\[\&\:has\(\[data-state\=checked\]\)\]\:border-primary:has([data-state=checked]){border-color:var(--primary)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive-foreground[data-variant=destructive]>*):is(svg){color:var(--destructive-foreground)!important}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>button\]\:top-4>button{top:calc(var(--spacing) * 4)}.\[\&\>button\]\:right-4>button{right:calc(var(--spacing) * 4)}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--foreground)}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-gray-300,.scrollbar-track-gray-100{scrollbar-color:#d1d5db #f3f4f6}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.custom-scrollbar{scrollbar-color:#d1d5db #f3f4f6}.dark .custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#374151;border-radius:4px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .custom-scrollbar{scrollbar-color:#6b7280 #374151}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:#374151;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:#9ca3af}.scroll-container{overscroll-behavior:contain;scroll-behavior:smooth;overflow-y:auto}}:root{--font-sans:"Inter", "ui-sans-serif", "system-ui", "-apple-system", "system-ui", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:"ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-red-950:#460809;--color-orange-50:#fffaf0;--color-orange-100:#feebc8;--color-orange-200:#fbd38d;--color-orange-300:#f6ad55;--color-orange-400:#ed8936;--color-orange-500:#dd6b20;--color-orange-600:#c05621;--color-orange-700:#9c4221;--color-orange-800:#7b341e;--color-orange-900:#652b19;--color-orange-950:#441306;--color-amber-50:#fffbeb;--color-yellow-50:#fffbeb;--color-yellow-100:#fef3c7;--color-yellow-200:#fde68a;--color-yellow-300:#fcd34d;--color-yellow-400:#fbbf24;--color-yellow-500:#f59e0b;--color-yellow-600:#d97706;--color-yellow-700:#b45309;--color-yellow-800:#92400e;--color-yellow-900:#78350f;--color-green-50:#ecfdf5;--color-green-100:#d1fae5;--color-green-200:#a7f3d0;--color-green-300:#6ee7b7;--color-green-400:#34d399;--color-green-500:#10b981;--color-green-600:#059669;--color-green-700:#047857;--color-green-800:#065f46;--color-green-900:#064e3b;--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-200:#99f6e4;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-200:#ddd6fe;--color-purple-300:#c4b5fd;--color-purple-400:#a78bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-purple-800:#5b21b6;--color-purple-900:#4c1d95;--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-200:#fbcfe8;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-pink-700:#be185d;--color-pink-800:#9d174d;--color-pink-900:#831843;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:#18aa9d;--primary-default:#18aa9d;--primary-foreground:#fff;--primary-50:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-50:color-mix(in oklab, var(--primary) 6%, white)}}:root{--primary-100:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-100:color-mix(in oklab, var(--primary) 14%, white)}}:root{--primary-200:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-200:color-mix(in oklab, var(--primary) 26%, white)}}:root{--primary-300:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-300:color-mix(in oklab, var(--primary) 42%, white)}}:root{--primary-400:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-400:color-mix(in oklab, var(--primary) 68%, white)}}:root{--primary-500:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-500:color-mix(in oklab, var(--primary) 90%, white)}}:root{--primary-600:var(--primary);--primary-700:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-700:color-mix(in oklab, var(--primary) 82%, black)}}:root{--primary-800:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-800:color-mix(in oklab, var(--primary) 62%, black)}}:root{--primary-900:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-900:color-mix(in oklab, var(--primary) 42%, black)}}:root{--primary-950:var(--primary)}@supports (color:color-mix(in lab,red,red)){:root{--primary-950:color-mix(in oklab, var(--primary) 26%, black)}}:root{--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:var(--primary);--accent-foreground:var(--primary-foreground);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:var(--primary);--chart-1:var(--primary);--chart-2:var(--primary-400);--chart-3:var(--primary-600);--chart-4:var(--primary-300);--chart-5:var(--primary-700);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:var(--primary);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(21.78% 0 0);--foreground:oklch(90.67% 0 0);--card:oklch(28.5% 0 0);--card-foreground:oklch(90.67% 0 0);--popover:oklch(28.5% 0 0);--popover-foreground:oklch(90.67% 0 0);--primary-foreground:oklch(98.5% 0 0);--primary-50:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-50:color-mix(in oklab, var(--primary) 8%, black)}}.dark{--primary-100:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-100:color-mix(in oklab, var(--primary) 16%, black)}}.dark{--primary-200:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-200:color-mix(in oklab, var(--primary) 30%, black)}}.dark{--primary-300:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-300:color-mix(in oklab, var(--primary) 48%, black)}}.dark{--primary-400:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-400:color-mix(in oklab, var(--primary) 72%, black)}}.dark{--primary-500:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-500:color-mix(in oklab, var(--primary) 90%, black)}}.dark{--primary-600:var(--primary);--primary-700:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-700:color-mix(in oklab, var(--primary) 82%, white)}}.dark{--primary-800:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-800:color-mix(in oklab, var(--primary) 60%, white)}}.dark{--primary-900:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-900:color-mix(in oklab, var(--primary) 40%, white)}}.dark{--primary-950:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--primary-950:color-mix(in oklab, var(--primary) 24%, white)}}.dark{--secondary:oklch(43.73% .081 177.148);--secondary-foreground:oklch(90.67% 0 0);--muted:oklch(32.11% 0 0);--muted-foreground:oklch(73.8% 0 0);--accent:var(--primary);--accent-foreground:var(--primary-foreground);--destructive:oklch(63.68% .2078 25.3313);--destructive-foreground:oklch(90.67% 0 0);--border:oklch(38.67% 0 0);--input:oklch(32.11% 0 0);--ring:var(--primary);--chart-1:var(--primary);--chart-2:var(--primary-400);--chart-3:var(--primary-600);--chart-4:var(--primary-300);--chart-5:var(--primary-700);--sidebar:oklch(28.5% 0 0);--sidebar-foreground:oklch(90.67% 0 0);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark{--sidebar-accent:color-mix(in oklab, var(--primary) 20%, transparent)}}.dark{--sidebar-accent-foreground:var(--primary-foreground);--sidebar-border:oklch(38.67% 0 0);--sidebar-ring:var(--primary);--font-sans:system-ui, sans-serif;--font-serif:Georgia, serif;--font-mono:"Fira Code", monospace;--radius:.5rem;--shadow-x:0;--shadow-y:.5rem;--shadow-blur:1.5rem;--shadow-spread:0;--shadow-opacity:.2;--shadow-color:#000;--shadow-2xs:0 .5rem 1.5rem 0 #0000001a;--shadow-xs:0 .5rem 1.5rem 0 #0000001a;--shadow-sm:0 .5rem 1.5rem 0 #0003, 0 1px 2px -1px #0003;--shadow:0 .5rem 1.5rem 0 #0003, 0 1px 2px -1px #0003;--shadow-md:0 .5rem 1.5rem 0 #0003, 0 2px 4px -1px #0003;--shadow-lg:0 .5rem 1.5rem 0 #0003, 0 4px 6px -1px #0003;--shadow-xl:0 .5rem 1.5rem 0 #0003, 0 8px 10px -1px #0003;--shadow-2xl:0 .5rem 1.5rem 0 #00000080}.wrapper-class{background:#f5f5f5;border:1px solid #ccc;padding:1rem}.editor-class{background:#fff;padding:1rem}.toolbar-class{border:1px solid #ccc}.dark .tox.tox-tinymce{background-color:#111827;border-color:#4b5563}.dark .tox .tox-editor-header{background-color:#111827;border-bottom:1px solid #374151}.dark .tox .tox-menubar,.dark .tox .tox-toolbar-overlord,.dark .tox .tox-toolbar,.dark .tox .tox-toolbar__primary,.dark .tox .tox-toolbar__overflow,.dark .tox .tox-statusbar{color:#e5e7eb;background-color:#111827;border-color:#374151}.dark .tox .tox-mbtn,.dark .tox .tox-statusbar__path-item,.dark .tox .tox-statusbar__wordcount,.dark .tox .tox-statusbar a{color:#d1d5db}.dark .tox .tox-menubar .tox-mbtn{color:#d1d5db;background-color:#0000;border-radius:6px}.dark .tox .tox-menubar .tox-mbtn__select-label,.dark .tox .tox-menubar .tox-mbtn .tox-mbtn__select-label{color:#e5e7eb}.dark .tox .tox-menubar .tox-mbtn .tox-icon svg,.dark .tox .tox-menubar .tox-mbtn .tox-tbtn__icon-wrap svg{fill:#9ca3af}.dark .tox .tox-mbtn:hover:not(:disabled),.dark .tox .tox-mbtn--active,.dark .tox .tox-statusbar__path-item:hover,.dark .tox .tox-menubar .tox-mbtn:hover:not(:disabled),.dark .tox .tox-menubar .tox-mbtn:focus,.dark .tox .tox-menubar .tox-mbtn--active,.dark .tox .tox-menubar .tox-mbtn[aria-expanded=true]{color:#f9fafb;background-color:#1f2937}.dark .tox .tox-menubar .tox-mbtn:hover .tox-icon svg,.dark .tox .tox-menubar .tox-mbtn:focus .tox-icon svg,.dark .tox .tox-menubar .tox-mbtn--active .tox-icon svg,.dark .tox .tox-menubar .tox-mbtn[aria-expanded=true] .tox-icon svg{fill:#d1d5db}.dark .tox .tox-toolbar__group{border-color:#374151}.dark .tox .tox-toolbar__separator{background-color:#374151}.dark .tox .tox-tbtn{color:#d1d5db;background-color:#0000;border-radius:8px;transition:background-color .2s,color .2s,box-shadow .2s}.dark .tox .tox-tbtn .tox-icon svg,.dark .tox .tox-tbtn .tox-tbtn__select-label{color:#d1d5db;fill:#d1d5db}.dark .tox .tox-tbtn .tox-icon svg path{fill:#d1d5db;stroke:#d1d5db}.dark .tox .tox-tbtn:hover,.dark .tox .tox-tbtn:focus{color:#f9fafb;background:#1f2937;box-shadow:inset 0 0 0 1px #374151}.dark .tox .tox-tbtn:hover .tox-icon svg,.dark .tox .tox-tbtn:focus .tox-icon svg,.dark .tox .tox-tbtn:hover .tox-icon svg path,.dark .tox .tox-tbtn:focus .tox-icon svg path{fill:#f9fafb;stroke:#f9fafb}.dark .tox .tox-tbtn--enabled,.dark .tox .tox-tbtn--active,.dark .tox .tox-tbtn[aria-pressed=true]{background:var(--primary-900);color:var(--primary-200);box-shadow:inset 0 0 0 1px var(--primary-700)}.dark .tox .tox-tbtn--enabled .tox-icon svg,.dark .tox .tox-tbtn--active .tox-icon svg,.dark .tox .tox-tbtn[aria-pressed=true] .tox-icon svg,.dark .tox .tox-tbtn--enabled .tox-icon svg path,.dark .tox .tox-tbtn--active .tox-icon svg path,.dark .tox .tox-tbtn[aria-pressed=true] .tox-icon svg path{fill:var(--primary-200);stroke:var(--primary-200)}.dark .tox .tox-tbtn:disabled,.dark .tox .tox-tbtn.tox-tbtn--disabled{color:#6b7280;opacity:.6}.dark .tox .tox-tbtn:focus-visible{outline:2px solid var(--primary-700);outline-offset:1px}.dark .tox .tox-collection,.dark .tox .tox-menu,.dark .tox .tox-dialog,.dark .tox .tox-pop{color:#e5e7eb;background-color:#111827;border-color:#374151}.dark .tox .tox-collection__item{color:#e5e7eb}.dark .tox .tox-collection__item--active,.dark .tox .tox-collection__item--enabled:hover{color:#f9fafb;background-color:#1f2937}.dark .tox .tox-dialog__header,.dark .tox .tox-dialog__footer{background-color:#111827;border-color:#374151}.dark .tox .tox-textfield,.dark .tox .tox-listboxfield .tox-listbox--select,.dark .tox .tox-selectfield select,.dark .tox .tox-textarea{color:#f3f4f6;background-color:#1f2937;border-color:#4b5563}.dark .tox .tox-edit-area:before{border-color:#374151}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}@layer base{body{pointer-events:auto!important}}.mantine-Modal-content{background:var(--um-modal-surface, #ffffff);overflow:hidden}.mantine-Modal-header{position:relative;background:var(--um-modal-header-bg, var(--mantine-color-fhcBrick-0, #f6ece8));border-top:8px solid var(--um-modal-accent, var(--mantine-color-fhcBrick-8, #5d2e1f));border-bottom:1px solid rgba(15,23,42,.08);color:var(--um-modal-title, var(--mantine-color-fhcGray-9, #1f2937))}.mantine-Modal-title{color:var(--um-modal-title, var(--mantine-color-fhcGray-9, #1f2937));font-weight:700}[data-mantine-color-scheme=dark] .mantine-Modal-content{background:var(--um-modal-surface-dark, #1a1b1e)}[data-mantine-color-scheme=dark] .mantine-Modal-header{background:var(--um-modal-header-bg-dark, #1f2329);border-bottom-color:#ffffff14;color:var(--um-modal-title-dark, #f1f5f9)}[data-mantine-color-scheme=dark] .mantine-Modal-title{color:var(--um-modal-title-dark, #f1f5f9)}.mantine-Modal-body :is(.mantine-Input-input,.mantine-Textarea-input,.mantine-Select-input,.mantine-MultiSelect-input,.mantine-NumberInput-input,.mantine-DateInput-input,.mantine-FileInput-input):focus,.mantine-Modal-body :is(.mantine-Input-input,.mantine-Textarea-input,.mantine-Select-input,.mantine-MultiSelect-input,.mantine-NumberInput-input,.mantine-DateInput-input,.mantine-FileInput-input):focus-within{border-color:var(--um-modal-focus, var(--primary, #357abd));box-shadow:0 0 0 3px color-mix(in srgb,var(--um-modal-focus, var(--primary, #357abd)) 22%,transparent);outline:none}
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/index-Db-xuq0b.js b/apps/edr-freight-web/backoffice/public/_um/assets/index-Db-xuq0b.js
new file mode 100644
index 000000000..72d1ea17e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/index-Db-xuq0b.js
@@ -0,0 +1,327 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/LoginPage-CpY519LO.js","assets/select-BoQxM42A.js","assets/Utils-BP0IYDrC.js","assets/card-BBWyxDss.js","assets/arrow-left-CE5-YfaQ.js","assets/lock-BCybB-Lq.js","assets/eye-Bhud4znU.js","assets/eye-off-CDMvHElM.js","assets/phone-Ce15UUGI.js","assets/mail-bwr0seHR.js","assets/ForgotPassword-CyFdgyUu.js","assets/refresh-cw-JB7N413f.js","assets/ResetPassword-DeJuLwFx.js","assets/SetPassword-bCvH9rTk.js","assets/ChangePassword-DnAAu07A.js","assets/OrgAdminDashboard-DhPmvSML.js","assets/useOrganizationReport-D3QtWTPL.js","assets/organizationsService-BEVk8qa1.js","assets/alert-8Xu28MAD.js","assets/skeleton-CIiqp2Y5.js","assets/Skeleton-BJECajc_.js","assets/SmartOfficeAuditPage-DLN72875.js","assets/table-D3n3VABd.js","assets/badge-D7JvaQeJ.js","assets/avatar-C2-XEZ4v.js","assets/format-DvwV82px.js","assets/en-US-Cc-9gH5A.js","assets/shield-uC_usZTb.js","assets/square-pen-B91TPB19.js","assets/download-CX6rsOqt.js","assets/popover-X-j_SRnG.js","assets/Popover-CzANYrEa.js","assets/use-uncontrolled-C3HRHW6t.js","assets/endOfMonth-DmxQbzXi.js","assets/search-CM5F2ZRy.js","assets/label-CsFy6wpo.js","assets/radio-group-DqG5gUnT.js","assets/Radio-C3SNvFel.js","assets/get-auto-contrast-value-Da6zqqWm.js","assets/InputsGroupFieldset-COkNgcEo.js","assets/checkbox-Dd0VhnrO.js","assets/Checkbox-IILksgz0.js","assets/SmartOfficeAuditPage-BQ86seID.css","assets/users-DNqydOCy.js","assets/circle-alert-Cd_zeQMw.js","assets/UserManagementPage-DR2Y3pv2.js","assets/use-toast-CdbbItn1.js","assets/utils-BncSPdK1.js","assets/ellipsis-CbtaBcvT.js","assets/plus-BdjS2Pc-.js","assets/useEmployeePostions-CMraotEg.js","assets/employeePositionsService-CkHoE9xG.js","assets/user-plus-CBq7Z0dQ.js","assets/pencil-BBczLcc3.js","assets/proxy-i8Py-I0x.js","assets/ellipsis-vertical-Cs1B3vez.js","assets/usePosition-Y8Dhf3qk.js","assets/positionService-JD0NEiGK.js","assets/usePositionTypes-BW1bd5Uk.js","assets/useEmployees-CygwM5u6.js","assets/useOrganizations-DiuNBweX.js","assets/useUnit-C4s9nepK.js","assets/unitService-CmGVtFHQ.js","assets/alert-dialog-B5Y0wlSz.js","assets/useConfig-B72ZZHmV.js","assets/useQueries-XKsSk0XW.js","assets/xlsx-sUI8S2SR.js","assets/useArchived-D2u5xEKl.js","assets/chevron-left-DCpEaNzo.js","assets/Switch-DSHMk-sj.js","assets/create-scoped-keydown-handler-O-eo68DQ.js","assets/UserManagementPage-g5QT08nf.css","assets/ContentManagementPage-CLduruyz.js","assets/presignedAxios-BunkFbUr.js","assets/index.esm-BG4gweZJ.js","assets/useTemplate-CcP413sN.js","assets/useUnitConfiguration-CKdECszp.js","assets/useSettings-BtSYqn9W.js","assets/organizationService-DPKKJMFw.js","assets/multi-select-C9K8HXhI.js","assets/separator-BaOOgzZX.js","assets/command-Cr0tMDDu.js","assets/single-select-D9ZG1edj.js","assets/AdvancedTable-CC9ioMU-.js","assets/zod-Df58YiJ6.js","assets/form-BeLK5rTt.js","assets/XSSUploadValidator-BMXKraj-.js","assets/loader-mVRAFg0f.js","assets/building-B2uZxFCD.js","assets/BulkUploadPage-DwoaDuCZ.js","assets/WebManagementPage-eEhih19q.js","assets/textarea-BNzPMo41.js","assets/message-square-BPZTcbJs.js","assets/ConfigurationPage-tOdQq5-t.js","assets/switch-BNCD27Bd.js","assets/shield-check-BeHB0C5s.js","assets/ArchiveUsersPage-B2jF61Wl.js","assets/ArchivedUserColumnDefn-DQXeUrrA.js","assets/ArchivedUnitsPositionsPage-m1hNEzal.js","assets/archive-restore-CST5LuiK.js","assets/UserProfileEditPage-CR2hIt1q.js","assets/userService-BHeFzZdn.js","assets/save-BpdaNhEd.js","assets/index-GOIG67wS.js","assets/create-CKkKJa2c.js","assets/useApplications-DVlMarnX.js","assets/edit-C8FjiyEI.js","assets/MigratedDataManagementPage--fzsv4lI.js","assets/FormFields-BA7SVWfi.js","assets/ViewMigratedDataPage-BKcu67Dm.js","assets/DashboardPage-Ci5_Ntjr.js","assets/formatDistanceToNow-DU8jvZv6.js","assets/OrganizationsPage-Cai8R-Dj.js","assets/StatusCell-D7zi31G6.js","assets/useOrganizationAdmins-Bl-gbkwr.js","assets/OrganizationDetailPage-C-bRL7xT.js","assets/useOrganizationTypes-B6vCp97C.js","assets/NewOrganizationPage-C0u3U4kS.js","assets/OrganizationForm-Dc20iiRT.js","assets/EditOrganizationPage-C2QJGrYB.js","assets/PendingExternalUsers-DTQ4H5AP.js","assets/UploadedDocumentViewPage-lpdNqwqn.js","assets/scroll-area-zSBvHuIO.js","assets/OrganizationAdminsPage-BvY4PVex.js","assets/AdminRegistrationPage-DvAhYHqv.js","assets/ActivityLogPage-CaXVQavd.js","assets/SettingsPage-DLv7kKUv.js","assets/SuperAdminArchiveUsersPage-DOLQicng.js","assets/SuperAdminArchivedPage-BdhC08Eo.js","assets/templates-BkP239QJ.js"])))=>i?.map(i=>d[i]);
+var yb=e=>{throw TypeError(e)};var Wp=(e,t,r)=>t.has(e)||yb("Cannot "+r);var $=(e,t,r)=>(Wp(e,t,"read from private field"),r?r.call(e):t.get(e)),Pe=(e,t,r)=>t.has(e)?yb("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),ye=(e,t,r,n)=>(Wp(e,t,"write to private field"),n?n.call(e,r):t.set(e,r),r),je=(e,t,r)=>(Wp(e,t,"access private method"),r);var uu=(e,t,r,n)=>({set _(i){ye(e,t,i,r)},get _(){return $(e,t,n)}});function kA(e,t){for(var r=0;r<t.length;r++){const n=t[r];if(typeof n!="string"&&!Array.isArray(n)){for(const i in n)if(i!=="default"&&!(i in e)){const a=Object.getOwnPropertyDescriptor(n,i);a&&Object.defineProperty(e,i,a.get?a:{enumerable:!0,get:()=>n[i]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))n(i);new MutationObserver(i=>{for(const a of i)if(a.type==="childList")for(const l of a.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&n(l)}).observe(document,{childList:!0,subtree:!0});function r(i){const a={};return i.integrity&&(a.integrity=i.integrity),i.referrerPolicy&&(a.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?a.credentials="include":i.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function n(i){if(i.ep)return;i.ep=!0;const a=r(i);fetch(i.href,a)}})();function bd(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function _H(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var t=e.default;if(typeof t=="function"){var r=function n(){return this instanceof n?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach(function(n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}),r}var Gp={exports:{}},cl={},Kp={exports:{}},Ie={},vb;function PA(){if(vb)return Ie;vb=1;/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var e=Symbol.for("react.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),l=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),f=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),m=Symbol.iterator;function w(D){return D===null||typeof D!="object"?null:(D=m&&D[m]||D["@@iterator"],typeof D=="function"?D:null)}var v={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,x={};function R(D,V,ee){this.props=D,this.context=V,this.refs=x,this.updater=ee||v}R.prototype.isReactComponent={},R.prototype.setState=function(D,V){if(typeof D!="object"&&typeof D!="function"&&D!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,D,V,"setState")},R.prototype.forceUpdate=function(D){this.updater.enqueueForceUpdate(this,D,"forceUpdate")};function E(){}E.prototype=R.prototype;function P(D,V,ee){this.props=D,this.context=V,this.refs=x,this.updater=ee||v}var k=P.prototype=new E;k.constructor=P,C(k,R.prototype),k.isPureReactComponent=!0;var T=Array.isArray,N=Object.prototype.hasOwnProperty,j={current:null},M={key:!0,ref:!0,__self:!0,__source:!0};function O(D,V,ee){var re,oe={},ie=null,me=null;if(V!=null)for(re in V.ref!==void 0&&(me=V.ref),V.key!==void 0&&(ie=""+V.key),V)N.call(V,re)&&!M.hasOwnProperty(re)&&(oe[re]=V[re]);var ue=arguments.length-2;if(ue===1)oe.children=ee;else if(1<ue){for(var pe=Array(ue),ve=0;ve<ue;ve++)pe[ve]=arguments[ve+2];oe.children=pe}if(D&&D.defaultProps)for(re in ue=D.defaultProps,ue)oe[re]===void 0&&(oe[re]=ue[re]);return{$$typeof:e,type:D,key:ie,ref:me,props:oe,_owner:j.current}}function B(D,V){return{$$typeof:e,type:D.type,key:V,ref:D.ref,props:D.props,_owner:D._owner}}function H(D){return typeof D=="object"&&D!==null&&D.$$typeof===e}function Y(D){var V={"=":"=0",":":"=2"};return"$"+D.replace(/[=:]/g,function(ee){return V[ee]})}var ne=/\/+/g;function te(D,V){return typeof D=="object"&&D!==null&&D.key!=null?Y(""+D.key):V.toString(36)}function K(D,V,ee,re,oe){var ie=typeof D;(ie==="undefined"||ie==="boolean")&&(D=null);var me=!1;if(D===null)me=!0;else switch(ie){case"string":case"number":me=!0;break;case"object":switch(D.$$typeof){case e:case t:me=!0}}if(me)return me=D,oe=oe(me),D=re===""?"."+te(me,0):re,T(oe)?(ee="",D!=null&&(ee=D.replace(ne,"$&/")+"/"),K(oe,V,ee,"",function(ve){return ve})):oe!=null&&(H(oe)&&(oe=B(oe,ee+(!oe.key||me&&me.key===oe.key?"":(""+oe.key).replace(ne,"$&/")+"/")+D)),V.push(oe)),1;if(me=0,re=re===""?".":re+":",T(D))for(var ue=0;ue<D.length;ue++){ie=D[ue];var pe=re+te(ie,ue);me+=K(ie,V,ee,pe,oe)}else if(pe=w(D),typeof pe=="function")for(D=pe.call(D),ue=0;!(ie=D.next()).done;)ie=ie.value,pe=re+te(ie,ue++),me+=K(ie,V,ee,pe,oe);else if(ie==="object")throw V=String(D),Error("Objects are not valid as a React child (found: "+(V==="[object Object]"?"object with keys {"+Object.keys(D).join(", ")+"}":V)+"). If you meant to render a collection of children, use an array instead.");return me}function W(D,V,ee){if(D==null)return D;var re=[],oe=0;return K(D,re,"","",function(ie){return V.call(ee,ie,oe++)}),re}function U(D){if(D._status===-1){var V=D._result;V=V(),V.then(function(ee){(D._status===0||D._status===-1)&&(D._status=1,D._result=ee)},function(ee){(D._status===0||D._status===-1)&&(D._status=2,D._result=ee)}),D._status===-1&&(D._status=0,D._result=V)}if(D._status===1)return D._result.default;throw D._result}var z={current:null},_={transition:null},I={ReactCurrentDispatcher:z,ReactCurrentBatchConfig:_,ReactCurrentOwner:j};function L(){throw Error("act(...) is not supported in production builds of React.")}return Ie.Children={map:W,forEach:function(D,V,ee){W(D,function(){V.apply(this,arguments)},ee)},count:function(D){var V=0;return W(D,function(){V++}),V},toArray:function(D){return W(D,function(V){return V})||[]},only:function(D){if(!H(D))throw Error("React.Children.only expected to receive a single React element child.");return D}},Ie.Component=R,Ie.Fragment=r,Ie.Profiler=i,Ie.PureComponent=P,Ie.StrictMode=n,Ie.Suspense=d,Ie.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,Ie.act=L,Ie.cloneElement=function(D,V,ee){if(D==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+D+".");var re=C({},D.props),oe=D.key,ie=D.ref,me=D._owner;if(V!=null){if(V.ref!==void 0&&(ie=V.ref,me=j.current),V.key!==void 0&&(oe=""+V.key),D.type&&D.type.defaultProps)var ue=D.type.defaultProps;for(pe in V)N.call(V,pe)&&!M.hasOwnProperty(pe)&&(re[pe]=V[pe]===void 0&&ue!==void 0?ue[pe]:V[pe])}var pe=arguments.length-2;if(pe===1)re.children=ee;else if(1<pe){ue=Array(pe);for(var ve=0;ve<pe;ve++)ue[ve]=arguments[ve+2];re.children=ue}return{$$typeof:e,type:D.type,key:oe,ref:ie,props:re,_owner:me}},Ie.createContext=function(D){return D={$$typeof:l,_currentValue:D,_currentValue2:D,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},D.Provider={$$typeof:a,_context:D},D.Consumer=D},Ie.createElement=O,Ie.createFactory=function(D){var V=O.bind(null,D);return V.type=D,V},Ie.createRef=function(){return{current:null}},Ie.forwardRef=function(D){return{$$typeof:c,render:D}},Ie.isValidElement=H,Ie.lazy=function(D){return{$$typeof:h,_payload:{_status:-1,_result:D},_init:U}},Ie.memo=function(D,V){return{$$typeof:f,type:D,compare:V===void 0?null:V}},Ie.startTransition=function(D){var V=_.transition;_.transition={};try{D()}finally{_.transition=V}},Ie.unstable_act=L,Ie.useCallback=function(D,V){return z.current.useCallback(D,V)},Ie.useContext=function(D){return z.current.useContext(D)},Ie.useDebugValue=function(){},Ie.useDeferredValue=function(D){return z.current.useDeferredValue(D)},Ie.useEffect=function(D,V){return z.current.useEffect(D,V)},Ie.useId=function(){return z.current.useId()},Ie.useImperativeHandle=function(D,V,ee){return z.current.useImperativeHandle(D,V,ee)},Ie.useInsertionEffect=function(D,V){return z.current.useInsertionEffect(D,V)},Ie.useLayoutEffect=function(D,V){return z.current.useLayoutEffect(D,V)},Ie.useMemo=function(D,V){return z.current.useMemo(D,V)},Ie.useReducer=function(D,V,ee){return z.current.useReducer(D,V,ee)},Ie.useRef=function(D){return z.current.useRef(D)},Ie.useState=function(D){return z.current.useState(D)},Ie.useSyncExternalStore=function(D,V,ee){return z.current.useSyncExternalStore(D,V,ee)},Ie.useTransition=function(){return z.current.useTransition()},Ie.version="18.3.1",Ie}var bb;function sg(){return bb||(bb=1,Kp.exports=PA()),Kp.exports}/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var wb;function AA(){if(wb)return cl;wb=1;var e=sg(),t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function l(c,d,f){var h,m={},w=null,v=null;f!==void 0&&(w=""+f),d.key!==void 0&&(w=""+d.key),d.ref!==void 0&&(v=d.ref);for(h in d)n.call(d,h)&&!a.hasOwnProperty(h)&&(m[h]=d[h]);if(c&&c.defaultProps)for(h in d=c.defaultProps,d)m[h]===void 0&&(m[h]=d[h]);return{$$typeof:t,type:c,key:w,ref:v,props:m,_owner:i.current}}return cl.Fragment=r,cl.jsx=l,cl.jsxs=l,cl}var Sb;function TA(){return Sb||(Sb=1,Gp.exports=AA()),Gp.exports}var b=TA(),g=sg();const le=bd(g),wd=kA({__proto__:null,default:le},[g]);var du={},Yp={exports:{}},Cr={},Xp={exports:{}},Qp={};/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var xb;function NA(){return xb||(xb=1,(function(e){function t(_,I){var L=_.length;_.push(I);e:for(;0<L;){var D=L-1>>>1,V=_[D];if(0<i(V,I))_[D]=I,_[L]=V,L=D;else break e}}function r(_){return _.length===0?null:_[0]}function n(_){if(_.length===0)return null;var I=_[0],L=_.pop();if(L!==I){_[0]=L;e:for(var D=0,V=_.length,ee=V>>>1;D<ee;){var re=2*(D+1)-1,oe=_[re],ie=re+1,me=_[ie];if(0>i(oe,L))ie<V&&0>i(me,oe)?(_[D]=me,_[ie]=L,D=ie):(_[D]=oe,_[re]=L,D=re);else if(ie<V&&0>i(me,L))_[D]=me,_[ie]=L,D=ie;else break e}}return I}function i(_,I){var L=_.sortIndex-I.sortIndex;return L!==0?L:_.id-I.id}if(typeof performance=="object"&&typeof performance.now=="function"){var a=performance;e.unstable_now=function(){return a.now()}}else{var l=Date,c=l.now();e.unstable_now=function(){return l.now()-c}}var d=[],f=[],h=1,m=null,w=3,v=!1,C=!1,x=!1,R=typeof setTimeout=="function"?setTimeout:null,E=typeof clearTimeout=="function"?clearTimeout:null,P=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function k(_){for(var I=r(f);I!==null;){if(I.callback===null)n(f);else if(I.startTime<=_)n(f),I.sortIndex=I.expirationTime,t(d,I);else break;I=r(f)}}function T(_){if(x=!1,k(_),!C)if(r(d)!==null)C=!0,U(N);else{var I=r(f);I!==null&&z(T,I.startTime-_)}}function N(_,I){C=!1,x&&(x=!1,E(O),O=-1),v=!0;var L=w;try{for(k(I),m=r(d);m!==null&&(!(m.expirationTime>I)||_&&!Y());){var D=m.callback;if(typeof D=="function"){m.callback=null,w=m.priorityLevel;var V=D(m.expirationTime<=I);I=e.unstable_now(),typeof V=="function"?m.callback=V:m===r(d)&&n(d),k(I)}else n(d);m=r(d)}if(m!==null)var ee=!0;else{var re=r(f);re!==null&&z(T,re.startTime-I),ee=!1}return ee}finally{m=null,w=L,v=!1}}var j=!1,M=null,O=-1,B=5,H=-1;function Y(){return!(e.unstable_now()-H<B)}function ne(){if(M!==null){var _=e.unstable_now();H=_;var I=!0;try{I=M(!0,_)}finally{I?te():(j=!1,M=null)}}else j=!1}var te;if(typeof P=="function")te=function(){P(ne)};else if(typeof MessageChannel<"u"){var K=new MessageChannel,W=K.port2;K.port1.onmessage=ne,te=function(){W.postMessage(null)}}else te=function(){R(ne,0)};function U(_){M=_,j||(j=!0,te())}function z(_,I){O=R(function(){_(e.unstable_now())},I)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(_){_.callback=null},e.unstable_continueExecution=function(){C||v||(C=!0,U(N))},e.unstable_forceFrameRate=function(_){0>_||125<_||(B=0<_?Math.floor(1e3/_):5)},e.unstable_getCurrentPriorityLevel=function(){return w},e.unstable_getFirstCallbackNode=function(){return r(d)},e.unstable_next=function(_){switch(w){case 1:case 2:case 3:var I=3;break;default:I=w}var L=w;w=I;try{return _()}finally{w=L}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(_,I){switch(_){case 1:case 2:case 3:case 4:case 5:break;default:_=3}var L=w;w=_;try{return I()}finally{w=L}},e.unstable_scheduleCallback=function(_,I,L){var D=e.unstable_now();switch(typeof L=="object"&&L!==null?(L=L.delay,L=typeof L=="number"&&0<L?D+L:D):L=D,_){case 1:var V=-1;break;case 2:V=250;break;case 5:V=1073741823;break;case 4:V=1e4;break;default:V=5e3}return V=L+V,_={id:h++,callback:I,priorityLevel:_,startTime:L,expirationTime:V,sortIndex:-1},L>D?(_.sortIndex=L,t(f,_),r(d)===null&&_===r(f)&&(x?(E(O),O=-1):x=!0,z(T,L-D))):(_.sortIndex=V,t(d,_),C||v||(C=!0,U(N))),_},e.unstable_shouldYield=Y,e.unstable_wrapCallback=function(_){var I=w;return function(){var L=w;w=I;try{return _.apply(this,arguments)}finally{w=L}}}})(Qp)),Qp}var Cb;function DA(){return Cb||(Cb=1,Xp.exports=NA()),Xp.exports}/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Rb;function OA(){if(Rb)return Cr;Rb=1;var e=sg(),t=DA();function r(o){for(var s="https://reactjs.org/docs/error-decoder.html?invariant="+o,u=1;u<arguments.length;u++)s+="&args[]="+encodeURIComponent(arguments[u]);return"Minified React error #"+o+"; visit "+s+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var n=new Set,i={};function a(o,s){l(o,s),l(o+"Capture",s)}function l(o,s){for(i[o]=s,o=0;o<s.length;o++)n.add(s[o])}var c=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),d=Object.prototype.hasOwnProperty,f=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,h={},m={};function w(o){return d.call(m,o)?!0:d.call(h,o)?!1:f.test(o)?m[o]=!0:(h[o]=!0,!1)}function v(o,s,u,p){if(u!==null&&u.type===0)return!1;switch(typeof s){case"function":case"symbol":return!0;case"boolean":return p?!1:u!==null?!u.acceptsBooleans:(o=o.toLowerCase().slice(0,5),o!=="data-"&&o!=="aria-");default:return!1}}function C(o,s,u,p){if(s===null||typeof s>"u"||v(o,s,u,p))return!0;if(p)return!1;if(u!==null)switch(u.type){case 3:return!s;case 4:return s===!1;case 5:return isNaN(s);case 6:return isNaN(s)||1>s}return!1}function x(o,s,u,p,y,S,A){this.acceptsBooleans=s===2||s===3||s===4,this.attributeName=p,this.attributeNamespace=y,this.mustUseProperty=u,this.propertyName=o,this.type=s,this.sanitizeURL=S,this.removeEmptyString=A}var R={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(o){R[o]=new x(o,0,!1,o,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(o){var s=o[0];R[s]=new x(s,1,!1,o[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(o){R[o]=new x(o,2,!1,o.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(o){R[o]=new x(o,2,!1,o,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(o){R[o]=new x(o,3,!1,o.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(o){R[o]=new x(o,3,!0,o,null,!1,!1)}),["capture","download"].forEach(function(o){R[o]=new x(o,4,!1,o,null,!1,!1)}),["cols","rows","size","span"].forEach(function(o){R[o]=new x(o,6,!1,o,null,!1,!1)}),["rowSpan","start"].forEach(function(o){R[o]=new x(o,5,!1,o.toLowerCase(),null,!1,!1)});var E=/[\-:]([a-z])/g;function P(o){return o[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(o){var s=o.replace(E,P);R[s]=new x(s,1,!1,o,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(o){var s=o.replace(E,P);R[s]=new x(s,1,!1,o,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(o){var s=o.replace(E,P);R[s]=new x(s,1,!1,o,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(o){R[o]=new x(o,1,!1,o.toLowerCase(),null,!1,!1)}),R.xlinkHref=new x("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(o){R[o]=new x(o,1,!1,o.toLowerCase(),null,!0,!0)});function k(o,s,u,p){var y=R.hasOwnProperty(s)?R[s]:null;(y!==null?y.type!==0:p||!(2<s.length)||s[0]!=="o"&&s[0]!=="O"||s[1]!=="n"&&s[1]!=="N")&&(C(s,u,y,p)&&(u=null),p||y===null?w(s)&&(u===null?o.removeAttribute(s):o.setAttribute(s,""+u)):y.mustUseProperty?o[y.propertyName]=u===null?y.type===3?!1:"":u:(s=y.attributeName,p=y.attributeNamespace,u===null?o.removeAttribute(s):(y=y.type,u=y===3||y===4&&u===!0?"":""+u,p?o.setAttributeNS(p,s,u):o.setAttribute(s,u))))}var T=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,N=Symbol.for("react.element"),j=Symbol.for("react.portal"),M=Symbol.for("react.fragment"),O=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),H=Symbol.for("react.provider"),Y=Symbol.for("react.context"),ne=Symbol.for("react.forward_ref"),te=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),W=Symbol.for("react.memo"),U=Symbol.for("react.lazy"),z=Symbol.for("react.offscreen"),_=Symbol.iterator;function I(o){return o===null||typeof o!="object"?null:(o=_&&o[_]||o["@@iterator"],typeof o=="function"?o:null)}var L=Object.assign,D;function V(o){if(D===void 0)try{throw Error()}catch(u){var s=u.stack.trim().match(/\n( *(at )?)/);D=s&&s[1]||""}return`
+`+D+o}var ee=!1;function re(o,s){if(!o||ee)return"";ee=!0;var u=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(s)if(s=function(){throw Error()},Object.defineProperty(s.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(s,[])}catch(Z){var p=Z}Reflect.construct(o,[],s)}else{try{s.call()}catch(Z){p=Z}o.call(s.prototype)}else{try{throw Error()}catch(Z){p=Z}o()}}catch(Z){if(Z&&p&&typeof Z.stack=="string"){for(var y=Z.stack.split(`
+`),S=p.stack.split(`
+`),A=y.length-1,F=S.length-1;1<=A&&0<=F&&y[A]!==S[F];)F--;for(;1<=A&&0<=F;A--,F--)if(y[A]!==S[F]){if(A!==1||F!==1)do if(A--,F--,0>F||y[A]!==S[F]){var q=`
+`+y[A].replace(" at new "," at ");return o.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",o.displayName)),q}while(1<=A&&0<=F);break}}}finally{ee=!1,Error.prepareStackTrace=u}return(o=o?o.displayName||o.name:"")?V(o):""}function oe(o){switch(o.tag){case 5:return V(o.type);case 16:return V("Lazy");case 13:return V("Suspense");case 19:return V("SuspenseList");case 0:case 2:case 15:return o=re(o.type,!1),o;case 11:return o=re(o.type.render,!1),o;case 1:return o=re(o.type,!0),o;default:return""}}function ie(o){if(o==null)return null;if(typeof o=="function")return o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case M:return"Fragment";case j:return"Portal";case B:return"Profiler";case O:return"StrictMode";case te:return"Suspense";case K:return"SuspenseList"}if(typeof o=="object")switch(o.$$typeof){case Y:return(o.displayName||"Context")+".Consumer";case H:return(o._context.displayName||"Context")+".Provider";case ne:var s=o.render;return o=o.displayName,o||(o=s.displayName||s.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case W:return s=o.displayName||null,s!==null?s:ie(o.type)||"Memo";case U:s=o._payload,o=o._init;try{return ie(o(s))}catch{}}return null}function me(o){var s=o.type;switch(o.tag){case 24:return"Cache";case 9:return(s.displayName||"Context")+".Consumer";case 10:return(s._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return o=s.render,o=o.displayName||o.name||"",s.displayName||(o!==""?"ForwardRef("+o+")":"ForwardRef");case 7:return"Fragment";case 5:return s;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return ie(s);case 8:return s===O?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s}return null}function ue(o){switch(typeof o){case"boolean":case"number":case"string":case"undefined":return o;case"object":return o;default:return""}}function pe(o){var s=o.type;return(o=o.nodeName)&&o.toLowerCase()==="input"&&(s==="checkbox"||s==="radio")}function ve(o){var s=pe(o)?"checked":"value",u=Object.getOwnPropertyDescriptor(o.constructor.prototype,s),p=""+o[s];if(!o.hasOwnProperty(s)&&typeof u<"u"&&typeof u.get=="function"&&typeof u.set=="function"){var y=u.get,S=u.set;return Object.defineProperty(o,s,{configurable:!0,get:function(){return y.call(this)},set:function(A){p=""+A,S.call(this,A)}}),Object.defineProperty(o,s,{enumerable:u.enumerable}),{getValue:function(){return p},setValue:function(A){p=""+A},stopTracking:function(){o._valueTracker=null,delete o[s]}}}}function ge(o){o._valueTracker||(o._valueTracker=ve(o))}function Me(o){if(!o)return!1;var s=o._valueTracker;if(!s)return!0;var u=s.getValue(),p="";return o&&(p=pe(o)?o.checked?"true":"false":o.value),o=p,o!==u?(s.setValue(o),!0):!1}function ze(o){if(o=o||(typeof document<"u"?document:void 0),typeof o>"u")return null;try{return o.activeElement||o.body}catch{return o.body}}function We(o,s){var u=s.checked;return L({},s,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:u??o._wrapperState.initialChecked})}function Pt(o,s){var u=s.defaultValue==null?"":s.defaultValue,p=s.checked!=null?s.checked:s.defaultChecked;u=ue(s.value!=null?s.value:u),o._wrapperState={initialChecked:p,initialValue:u,controlled:s.type==="checkbox"||s.type==="radio"?s.checked!=null:s.value!=null}}function tr(o,s){s=s.checked,s!=null&&k(o,"checked",s,!1)}function at(o,s){tr(o,s);var u=ue(s.value),p=s.type;if(u!=null)p==="number"?(u===0&&o.value===""||o.value!=u)&&(o.value=""+u):o.value!==""+u&&(o.value=""+u);else if(p==="submit"||p==="reset"){o.removeAttribute("value");return}s.hasOwnProperty("value")?rt(o,s.type,u):s.hasOwnProperty("defaultValue")&&rt(o,s.type,ue(s.defaultValue)),s.checked==null&&s.defaultChecked!=null&&(o.defaultChecked=!!s.defaultChecked)}function dr(o,s,u){if(s.hasOwnProperty("value")||s.hasOwnProperty("defaultValue")){var p=s.type;if(!(p!=="submit"&&p!=="reset"||s.value!==void 0&&s.value!==null))return;s=""+o._wrapperState.initialValue,u||s===o.value||(o.value=s),o.defaultValue=s}u=o.name,u!==""&&(o.name=""),o.defaultChecked=!!o._wrapperState.initialChecked,u!==""&&(o.name=u)}function rt(o,s,u){(s!=="number"||ze(o.ownerDocument)!==o)&&(u==null?o.defaultValue=""+o._wrapperState.initialValue:o.defaultValue!==""+u&&(o.defaultValue=""+u))}var At=Array.isArray;function Dr(o,s,u,p){if(o=o.options,s){s={};for(var y=0;y<u.length;y++)s["$"+u[y]]=!0;for(u=0;u<o.length;u++)y=s.hasOwnProperty("$"+o[u].value),o[u].selected!==y&&(o[u].selected=y),y&&p&&(o[u].defaultSelected=!0)}else{for(u=""+ue(u),s=null,y=0;y<o.length;y++){if(o[y].value===u){o[y].selected=!0,p&&(o[y].defaultSelected=!0);return}s!==null||o[y].disabled||(s=o[y])}s!==null&&(s.selected=!0)}}function yt(o,s){if(s.dangerouslySetInnerHTML!=null)throw Error(r(91));return L({},s,{value:void 0,defaultValue:void 0,children:""+o._wrapperState.initialValue})}function fr(o,s){var u=s.value;if(u==null){if(u=s.children,s=s.defaultValue,u!=null){if(s!=null)throw Error(r(92));if(At(u)){if(1<u.length)throw Error(r(93));u=u[0]}s=u}s==null&&(s=""),u=s}o._wrapperState={initialValue:ue(u)}}function Yn(o,s){var u=ue(s.value),p=ue(s.defaultValue);u!=null&&(u=""+u,u!==o.value&&(o.value=u),s.defaultValue==null&&o.defaultValue!==u&&(o.defaultValue=u)),p!=null&&(o.defaultValue=""+p)}function Ze(o){var s=o.textContent;s===o._wrapperState.initialValue&&s!==""&&s!==null&&(o.value=s)}function pr(o){switch(o){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function mr(o,s){return o==null||o==="http://www.w3.org/1999/xhtml"?pr(s):o==="http://www.w3.org/2000/svg"&&s==="foreignObject"?"http://www.w3.org/1999/xhtml":o}var kn,Ao=(function(o){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(s,u,p,y){MSApp.execUnsafeLocalFunction(function(){return o(s,u,p,y)})}:o})(function(o,s){if(o.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in o)o.innerHTML=s;else{for(kn=kn||document.createElement("div"),kn.innerHTML="<svg>"+s.valueOf().toString()+"</svg>",s=kn.firstChild;o.firstChild;)o.removeChild(o.firstChild);for(;s.firstChild;)o.appendChild(s.firstChild)}});function hr(o,s){if(s){var u=o.firstChild;if(u&&u===o.lastChild&&u.nodeType===3){u.nodeValue=s;return}}o.textContent=s}var he={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Oe=["Webkit","ms","Moz","O"];Object.keys(he).forEach(function(o){Oe.forEach(function(s){s=s+o.charAt(0).toUpperCase()+o.substring(1),he[s]=he[o]})});function ut(o,s,u){return s==null||typeof s=="boolean"||s===""?"":u||typeof s!="number"||s===0||he.hasOwnProperty(o)&&he[o]?(""+s).trim():s+"px"}function zt(o,s){o=o.style;for(var u in s)if(s.hasOwnProperty(u)){var p=u.indexOf("--")===0,y=ut(u,s[u],p);u==="float"&&(u="cssFloat"),p?o.setProperty(u,y):o[u]=y}}var gr=L({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function mt(o,s){if(s){if(gr[o]&&(s.children!=null||s.dangerouslySetInnerHTML!=null))throw Error(r(137,o));if(s.dangerouslySetInnerHTML!=null){if(s.children!=null)throw Error(r(60));if(typeof s.dangerouslySetInnerHTML!="object"||!("__html"in s.dangerouslySetInnerHTML))throw Error(r(61))}if(s.style!=null&&typeof s.style!="object")throw Error(r(62))}}function yr(o,s){if(o.indexOf("-")===-1)return typeof s.is=="string";switch(o){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Tt=null;function rr(o){return o=o.target||o.srcElement||window,o.correspondingUseElement&&(o=o.correspondingUseElement),o.nodeType===3?o.parentNode:o}var To=null,Br=null,Xn=null;function Aa(o){if(o=Ka(o)){if(typeof To!="function")throw Error(r(280));var s=o.stateNode;s&&(s=Ec(s),To(o.stateNode,o.type,s))}}function _e(o){Br?Xn?Xn.push(o):Xn=[o]:Br=o}function vt(){if(Br){var o=Br,s=Xn;if(Xn=Br=null,Aa(o),s)for(o=0;o<s.length;o++)Aa(s[o])}}function Nt(o,s){return o(s)}function Gt(){}var No=!1;function xt(o,s,u){if(No)return o(s,u);No=!0;try{return Nt(o,s,u)}finally{No=!1,(Br!==null||Xn!==null)&&(Gt(),vt())}}function jt(o,s){var u=o.stateNode;if(u===null)return null;var p=Ec(u);if(p===null)return null;u=p[s];e:switch(s){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(p=!p.disabled)||(o=o.type,p=!(o==="button"||o==="input"||o==="select"||o==="textarea")),o=!p;break e;default:o=!1}if(o)return null;if(u&&typeof u!="function")throw Error(r(231,s,typeof u));return u}var Do=!1;if(c)try{var Bt={};Object.defineProperty(Bt,"passive",{get:function(){Do=!0}}),window.addEventListener("test",Bt,Bt),window.removeEventListener("test",Bt,Bt)}catch{Do=!1}function Or(o,s,u,p,y,S,A,F,q){var Z=Array.prototype.slice.call(arguments,3);try{s.apply(u,Z)}catch(ae){this.onError(ae)}}var Oo=!1,qr=null,Ta=!1,ff=null,_k={onError:function(o){Oo=!0,qr=o}};function Mk(o,s,u,p,y,S,A,F,q){Oo=!1,qr=null,Or.apply(_k,arguments)}function jk(o,s,u,p,y,S,A,F,q){if(Mk.apply(this,arguments),Oo){if(Oo){var Z=qr;Oo=!1,qr=null}else throw Error(r(198));Ta||(Ta=!0,ff=Z)}}function vi(o){var s=o,u=o;if(o.alternate)for(;s.return;)s=s.return;else{o=s;do s=o,(s.flags&4098)!==0&&(u=s.return),o=s.return;while(o)}return s.tag===3?u:null}function $y(o){if(o.tag===13){var s=o.memoizedState;if(s===null&&(o=o.alternate,o!==null&&(s=o.memoizedState)),s!==null)return s.dehydrated}return null}function zy(o){if(vi(o)!==o)throw Error(r(188))}function Lk(o){var s=o.alternate;if(!s){if(s=vi(o),s===null)throw Error(r(188));return s!==o?null:o}for(var u=o,p=s;;){var y=u.return;if(y===null)break;var S=y.alternate;if(S===null){if(p=y.return,p!==null){u=p;continue}break}if(y.child===S.child){for(S=y.child;S;){if(S===u)return zy(y),o;if(S===p)return zy(y),s;S=S.sibling}throw Error(r(188))}if(u.return!==p.return)u=y,p=S;else{for(var A=!1,F=y.child;F;){if(F===u){A=!0,u=y,p=S;break}if(F===p){A=!0,p=y,u=S;break}F=F.sibling}if(!A){for(F=S.child;F;){if(F===u){A=!0,u=S,p=y;break}if(F===p){A=!0,p=S,u=y;break}F=F.sibling}if(!A)throw Error(r(189))}}if(u.alternate!==p)throw Error(r(190))}if(u.tag!==3)throw Error(r(188));return u.stateNode.current===u?o:s}function By(o){return o=Lk(o),o!==null?qy(o):null}function qy(o){if(o.tag===5||o.tag===6)return o;for(o=o.child;o!==null;){var s=qy(o);if(s!==null)return s;o=o.sibling}return null}var Vy=t.unstable_scheduleCallback,Hy=t.unstable_cancelCallback,Fk=t.unstable_shouldYield,Ik=t.unstable_requestPaint,bt=t.unstable_now,Uk=t.unstable_getCurrentPriorityLevel,pf=t.unstable_ImmediatePriority,Wy=t.unstable_UserBlockingPriority,ic=t.unstable_NormalPriority,$k=t.unstable_LowPriority,Gy=t.unstable_IdlePriority,sc=null,Pn=null;function zk(o){if(Pn&&typeof Pn.onCommitFiberRoot=="function")try{Pn.onCommitFiberRoot(sc,o,void 0,(o.current.flags&128)===128)}catch{}}var an=Math.clz32?Math.clz32:Vk,Bk=Math.log,qk=Math.LN2;function Vk(o){return o>>>=0,o===0?32:31-(Bk(o)/qk|0)|0}var ac=64,lc=4194304;function Na(o){switch(o&-o){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return o&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return o&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return o}}function cc(o,s){var u=o.pendingLanes;if(u===0)return 0;var p=0,y=o.suspendedLanes,S=o.pingedLanes,A=u&268435455;if(A!==0){var F=A&~y;F!==0?p=Na(F):(S&=A,S!==0&&(p=Na(S)))}else A=u&~y,A!==0?p=Na(A):S!==0&&(p=Na(S));if(p===0)return 0;if(s!==0&&s!==p&&(s&y)===0&&(y=p&-p,S=s&-s,y>=S||y===16&&(S&4194240)!==0))return s;if((p&4)!==0&&(p|=u&16),s=o.entangledLanes,s!==0)for(o=o.entanglements,s&=p;0<s;)u=31-an(s),y=1<<u,p|=o[u],s&=~y;return p}function Hk(o,s){switch(o){case 1:case 2:case 4:return s+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return s+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Wk(o,s){for(var u=o.suspendedLanes,p=o.pingedLanes,y=o.expirationTimes,S=o.pendingLanes;0<S;){var A=31-an(S),F=1<<A,q=y[A];q===-1?((F&u)===0||(F&p)!==0)&&(y[A]=Hk(F,s)):q<=s&&(o.expiredLanes|=F),S&=~F}}function mf(o){return o=o.pendingLanes&-1073741825,o!==0?o:o&1073741824?1073741824:0}function Ky(){var o=ac;return ac<<=1,(ac&4194240)===0&&(ac=64),o}function hf(o){for(var s=[],u=0;31>u;u++)s.push(o);return s}function Da(o,s,u){o.pendingLanes|=s,s!==536870912&&(o.suspendedLanes=0,o.pingedLanes=0),o=o.eventTimes,s=31-an(s),o[s]=u}function Gk(o,s){var u=o.pendingLanes&~s;o.pendingLanes=s,o.suspendedLanes=0,o.pingedLanes=0,o.expiredLanes&=s,o.mutableReadLanes&=s,o.entangledLanes&=s,s=o.entanglements;var p=o.eventTimes;for(o=o.expirationTimes;0<u;){var y=31-an(u),S=1<<y;s[y]=0,p[y]=-1,o[y]=-1,u&=~S}}function gf(o,s){var u=o.entangledLanes|=s;for(o=o.entanglements;u;){var p=31-an(u),y=1<<p;y&s|o[p]&s&&(o[p]|=s),u&=~y}}var et=0;function Yy(o){return o&=-o,1<o?4<o?(o&268435455)!==0?16:536870912:4:1}var Xy,yf,Qy,Jy,Zy,vf=!1,uc=[],_o=null,Mo=null,jo=null,Oa=new Map,_a=new Map,Lo=[],Kk="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function ev(o,s){switch(o){case"focusin":case"focusout":_o=null;break;case"dragenter":case"dragleave":Mo=null;break;case"mouseover":case"mouseout":jo=null;break;case"pointerover":case"pointerout":Oa.delete(s.pointerId);break;case"gotpointercapture":case"lostpointercapture":_a.delete(s.pointerId)}}function Ma(o,s,u,p,y,S){return o===null||o.nativeEvent!==S?(o={blockedOn:s,domEventName:u,eventSystemFlags:p,nativeEvent:S,targetContainers:[y]},s!==null&&(s=Ka(s),s!==null&&yf(s)),o):(o.eventSystemFlags|=p,s=o.targetContainers,y!==null&&s.indexOf(y)===-1&&s.push(y),o)}function Yk(o,s,u,p,y){switch(s){case"focusin":return _o=Ma(_o,o,s,u,p,y),!0;case"dragenter":return Mo=Ma(Mo,o,s,u,p,y),!0;case"mouseover":return jo=Ma(jo,o,s,u,p,y),!0;case"pointerover":var S=y.pointerId;return Oa.set(S,Ma(Oa.get(S)||null,o,s,u,p,y)),!0;case"gotpointercapture":return S=y.pointerId,_a.set(S,Ma(_a.get(S)||null,o,s,u,p,y)),!0}return!1}function tv(o){var s=bi(o.target);if(s!==null){var u=vi(s);if(u!==null){if(s=u.tag,s===13){if(s=$y(u),s!==null){o.blockedOn=s,Zy(o.priority,function(){Qy(u)});return}}else if(s===3&&u.stateNode.current.memoizedState.isDehydrated){o.blockedOn=u.tag===3?u.stateNode.containerInfo:null;return}}}o.blockedOn=null}function dc(o){if(o.blockedOn!==null)return!1;for(var s=o.targetContainers;0<s.length;){var u=wf(o.domEventName,o.eventSystemFlags,s[0],o.nativeEvent);if(u===null){u=o.nativeEvent;var p=new u.constructor(u.type,u);Tt=p,u.target.dispatchEvent(p),Tt=null}else return s=Ka(u),s!==null&&yf(s),o.blockedOn=u,!1;s.shift()}return!0}function rv(o,s,u){dc(o)&&u.delete(s)}function Xk(){vf=!1,_o!==null&&dc(_o)&&(_o=null),Mo!==null&&dc(Mo)&&(Mo=null),jo!==null&&dc(jo)&&(jo=null),Oa.forEach(rv),_a.forEach(rv)}function ja(o,s){o.blockedOn===s&&(o.blockedOn=null,vf||(vf=!0,t.unstable_scheduleCallback(t.unstable_NormalPriority,Xk)))}function La(o){function s(y){return ja(y,o)}if(0<uc.length){ja(uc[0],o);for(var u=1;u<uc.length;u++){var p=uc[u];p.blockedOn===o&&(p.blockedOn=null)}}for(_o!==null&&ja(_o,o),Mo!==null&&ja(Mo,o),jo!==null&&ja(jo,o),Oa.forEach(s),_a.forEach(s),u=0;u<Lo.length;u++)p=Lo[u],p.blockedOn===o&&(p.blockedOn=null);for(;0<Lo.length&&(u=Lo[0],u.blockedOn===null);)tv(u),u.blockedOn===null&&Lo.shift()}var ds=T.ReactCurrentBatchConfig,fc=!0;function Qk(o,s,u,p){var y=et,S=ds.transition;ds.transition=null;try{et=1,bf(o,s,u,p)}finally{et=y,ds.transition=S}}function Jk(o,s,u,p){var y=et,S=ds.transition;ds.transition=null;try{et=4,bf(o,s,u,p)}finally{et=y,ds.transition=S}}function bf(o,s,u,p){if(fc){var y=wf(o,s,u,p);if(y===null)Ff(o,s,p,pc,u),ev(o,p);else if(Yk(y,o,s,u,p))p.stopPropagation();else if(ev(o,p),s&4&&-1<Kk.indexOf(o)){for(;y!==null;){var S=Ka(y);if(S!==null&&Xy(S),S=wf(o,s,u,p),S===null&&Ff(o,s,p,pc,u),S===y)break;y=S}y!==null&&p.stopPropagation()}else Ff(o,s,p,null,u)}}var pc=null;function wf(o,s,u,p){if(pc=null,o=rr(p),o=bi(o),o!==null)if(s=vi(o),s===null)o=null;else if(u=s.tag,u===13){if(o=$y(s),o!==null)return o;o=null}else if(u===3){if(s.stateNode.current.memoizedState.isDehydrated)return s.tag===3?s.stateNode.containerInfo:null;o=null}else s!==o&&(o=null);return pc=o,null}function nv(o){switch(o){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Uk()){case pf:return 1;case Wy:return 4;case ic:case $k:return 16;case Gy:return 536870912;default:return 16}default:return 16}}var Fo=null,Sf=null,mc=null;function ov(){if(mc)return mc;var o,s=Sf,u=s.length,p,y="value"in Fo?Fo.value:Fo.textContent,S=y.length;for(o=0;o<u&&s[o]===y[o];o++);var A=u-o;for(p=1;p<=A&&s[u-p]===y[S-p];p++);return mc=y.slice(o,1<p?1-p:void 0)}function hc(o){var s=o.keyCode;return"charCode"in o?(o=o.charCode,o===0&&s===13&&(o=13)):o=s,o===10&&(o=13),32<=o||o===13?o:0}function gc(){return!0}function iv(){return!1}function _r(o){function s(u,p,y,S,A){this._reactName=u,this._targetInst=y,this.type=p,this.nativeEvent=S,this.target=A,this.currentTarget=null;for(var F in o)o.hasOwnProperty(F)&&(u=o[F],this[F]=u?u(S):S[F]);return this.isDefaultPrevented=(S.defaultPrevented!=null?S.defaultPrevented:S.returnValue===!1)?gc:iv,this.isPropagationStopped=iv,this}return L(s.prototype,{preventDefault:function(){this.defaultPrevented=!0;var u=this.nativeEvent;u&&(u.preventDefault?u.preventDefault():typeof u.returnValue!="unknown"&&(u.returnValue=!1),this.isDefaultPrevented=gc)},stopPropagation:function(){var u=this.nativeEvent;u&&(u.stopPropagation?u.stopPropagation():typeof u.cancelBubble!="unknown"&&(u.cancelBubble=!0),this.isPropagationStopped=gc)},persist:function(){},isPersistent:gc}),s}var fs={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(o){return o.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},xf=_r(fs),Fa=L({},fs,{view:0,detail:0}),Zk=_r(Fa),Cf,Rf,Ia,yc=L({},Fa,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:kf,button:0,buttons:0,relatedTarget:function(o){return o.relatedTarget===void 0?o.fromElement===o.srcElement?o.toElement:o.fromElement:o.relatedTarget},movementX:function(o){return"movementX"in o?o.movementX:(o!==Ia&&(Ia&&o.type==="mousemove"?(Cf=o.screenX-Ia.screenX,Rf=o.screenY-Ia.screenY):Rf=Cf=0,Ia=o),Cf)},movementY:function(o){return"movementY"in o?o.movementY:Rf}}),sv=_r(yc),eP=L({},yc,{dataTransfer:0}),tP=_r(eP),rP=L({},Fa,{relatedTarget:0}),Ef=_r(rP),nP=L({},fs,{animationName:0,elapsedTime:0,pseudoElement:0}),oP=_r(nP),iP=L({},fs,{clipboardData:function(o){return"clipboardData"in o?o.clipboardData:window.clipboardData}}),sP=_r(iP),aP=L({},fs,{data:0}),av=_r(aP),lP={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},cP={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},uP={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function dP(o){var s=this.nativeEvent;return s.getModifierState?s.getModifierState(o):(o=uP[o])?!!s[o]:!1}function kf(){return dP}var fP=L({},Fa,{key:function(o){if(o.key){var s=lP[o.key]||o.key;if(s!=="Unidentified")return s}return o.type==="keypress"?(o=hc(o),o===13?"Enter":String.fromCharCode(o)):o.type==="keydown"||o.type==="keyup"?cP[o.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:kf,charCode:function(o){return o.type==="keypress"?hc(o):0},keyCode:function(o){return o.type==="keydown"||o.type==="keyup"?o.keyCode:0},which:function(o){return o.type==="keypress"?hc(o):o.type==="keydown"||o.type==="keyup"?o.keyCode:0}}),pP=_r(fP),mP=L({},yc,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),lv=_r(mP),hP=L({},Fa,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:kf}),gP=_r(hP),yP=L({},fs,{propertyName:0,elapsedTime:0,pseudoElement:0}),vP=_r(yP),bP=L({},yc,{deltaX:function(o){return"deltaX"in o?o.deltaX:"wheelDeltaX"in o?-o.wheelDeltaX:0},deltaY:function(o){return"deltaY"in o?o.deltaY:"wheelDeltaY"in o?-o.wheelDeltaY:"wheelDelta"in o?-o.wheelDelta:0},deltaZ:0,deltaMode:0}),wP=_r(bP),SP=[9,13,27,32],Pf=c&&"CompositionEvent"in window,Ua=null;c&&"documentMode"in document&&(Ua=document.documentMode);var xP=c&&"TextEvent"in window&&!Ua,cv=c&&(!Pf||Ua&&8<Ua&&11>=Ua),uv=" ",dv=!1;function fv(o,s){switch(o){case"keyup":return SP.indexOf(s.keyCode)!==-1;case"keydown":return s.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function pv(o){return o=o.detail,typeof o=="object"&&"data"in o?o.data:null}var ps=!1;function CP(o,s){switch(o){case"compositionend":return pv(s);case"keypress":return s.which!==32?null:(dv=!0,uv);case"textInput":return o=s.data,o===uv&&dv?null:o;default:return null}}function RP(o,s){if(ps)return o==="compositionend"||!Pf&&fv(o,s)?(o=ov(),mc=Sf=Fo=null,ps=!1,o):null;switch(o){case"paste":return null;case"keypress":if(!(s.ctrlKey||s.altKey||s.metaKey)||s.ctrlKey&&s.altKey){if(s.char&&1<s.char.length)return s.char;if(s.which)return String.fromCharCode(s.which)}return null;case"compositionend":return cv&&s.locale!=="ko"?null:s.data;default:return null}}var EP={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function mv(o){var s=o&&o.nodeName&&o.nodeName.toLowerCase();return s==="input"?!!EP[o.type]:s==="textarea"}function hv(o,s,u,p){_e(p),s=xc(s,"onChange"),0<s.length&&(u=new xf("onChange","change",null,u,p),o.push({event:u,listeners:s}))}var $a=null,za=null;function kP(o){_v(o,0)}function vc(o){var s=vs(o);if(Me(s))return o}function PP(o,s){if(o==="change")return s}var gv=!1;if(c){var Af;if(c){var Tf="oninput"in document;if(!Tf){var yv=document.createElement("div");yv.setAttribute("oninput","return;"),Tf=typeof yv.oninput=="function"}Af=Tf}else Af=!1;gv=Af&&(!document.documentMode||9<document.documentMode)}function vv(){$a&&($a.detachEvent("onpropertychange",bv),za=$a=null)}function bv(o){if(o.propertyName==="value"&&vc(za)){var s=[];hv(s,za,o,rr(o)),xt(kP,s)}}function AP(o,s,u){o==="focusin"?(vv(),$a=s,za=u,$a.attachEvent("onpropertychange",bv)):o==="focusout"&&vv()}function TP(o){if(o==="selectionchange"||o==="keyup"||o==="keydown")return vc(za)}function NP(o,s){if(o==="click")return vc(s)}function DP(o,s){if(o==="input"||o==="change")return vc(s)}function OP(o,s){return o===s&&(o!==0||1/o===1/s)||o!==o&&s!==s}var ln=typeof Object.is=="function"?Object.is:OP;function Ba(o,s){if(ln(o,s))return!0;if(typeof o!="object"||o===null||typeof s!="object"||s===null)return!1;var u=Object.keys(o),p=Object.keys(s);if(u.length!==p.length)return!1;for(p=0;p<u.length;p++){var y=u[p];if(!d.call(s,y)||!ln(o[y],s[y]))return!1}return!0}function wv(o){for(;o&&o.firstChild;)o=o.firstChild;return o}function Sv(o,s){var u=wv(o);o=0;for(var p;u;){if(u.nodeType===3){if(p=o+u.textContent.length,o<=s&&p>=s)return{node:u,offset:s-o};o=p}e:{for(;u;){if(u.nextSibling){u=u.nextSibling;break e}u=u.parentNode}u=void 0}u=wv(u)}}function xv(o,s){return o&&s?o===s?!0:o&&o.nodeType===3?!1:s&&s.nodeType===3?xv(o,s.parentNode):"contains"in o?o.contains(s):o.compareDocumentPosition?!!(o.compareDocumentPosition(s)&16):!1:!1}function Cv(){for(var o=window,s=ze();s instanceof o.HTMLIFrameElement;){try{var u=typeof s.contentWindow.location.href=="string"}catch{u=!1}if(u)o=s.contentWindow;else break;s=ze(o.document)}return s}function Nf(o){var s=o&&o.nodeName&&o.nodeName.toLowerCase();return s&&(s==="input"&&(o.type==="text"||o.type==="search"||o.type==="tel"||o.type==="url"||o.type==="password")||s==="textarea"||o.contentEditable==="true")}function _P(o){var s=Cv(),u=o.focusedElem,p=o.selectionRange;if(s!==u&&u&&u.ownerDocument&&xv(u.ownerDocument.documentElement,u)){if(p!==null&&Nf(u)){if(s=p.start,o=p.end,o===void 0&&(o=s),"selectionStart"in u)u.selectionStart=s,u.selectionEnd=Math.min(o,u.value.length);else if(o=(s=u.ownerDocument||document)&&s.defaultView||window,o.getSelection){o=o.getSelection();var y=u.textContent.length,S=Math.min(p.start,y);p=p.end===void 0?S:Math.min(p.end,y),!o.extend&&S>p&&(y=p,p=S,S=y),y=Sv(u,S);var A=Sv(u,p);y&&A&&(o.rangeCount!==1||o.anchorNode!==y.node||o.anchorOffset!==y.offset||o.focusNode!==A.node||o.focusOffset!==A.offset)&&(s=s.createRange(),s.setStart(y.node,y.offset),o.removeAllRanges(),S>p?(o.addRange(s),o.extend(A.node,A.offset)):(s.setEnd(A.node,A.offset),o.addRange(s)))}}for(s=[],o=u;o=o.parentNode;)o.nodeType===1&&s.push({element:o,left:o.scrollLeft,top:o.scrollTop});for(typeof u.focus=="function"&&u.focus(),u=0;u<s.length;u++)o=s[u],o.element.scrollLeft=o.left,o.element.scrollTop=o.top}}var MP=c&&"documentMode"in document&&11>=document.documentMode,ms=null,Df=null,qa=null,Of=!1;function Rv(o,s,u){var p=u.window===u?u.document:u.nodeType===9?u:u.ownerDocument;Of||ms==null||ms!==ze(p)||(p=ms,"selectionStart"in p&&Nf(p)?p={start:p.selectionStart,end:p.selectionEnd}:(p=(p.ownerDocument&&p.ownerDocument.defaultView||window).getSelection(),p={anchorNode:p.anchorNode,anchorOffset:p.anchorOffset,focusNode:p.focusNode,focusOffset:p.focusOffset}),qa&&Ba(qa,p)||(qa=p,p=xc(Df,"onSelect"),0<p.length&&(s=new xf("onSelect","select",null,s,u),o.push({event:s,listeners:p}),s.target=ms)))}function bc(o,s){var u={};return u[o.toLowerCase()]=s.toLowerCase(),u["Webkit"+o]="webkit"+s,u["Moz"+o]="moz"+s,u}var hs={animationend:bc("Animation","AnimationEnd"),animationiteration:bc("Animation","AnimationIteration"),animationstart:bc("Animation","AnimationStart"),transitionend:bc("Transition","TransitionEnd")},_f={},Ev={};c&&(Ev=document.createElement("div").style,"AnimationEvent"in window||(delete hs.animationend.animation,delete hs.animationiteration.animation,delete hs.animationstart.animation),"TransitionEvent"in window||delete hs.transitionend.transition);function wc(o){if(_f[o])return _f[o];if(!hs[o])return o;var s=hs[o],u;for(u in s)if(s.hasOwnProperty(u)&&u in Ev)return _f[o]=s[u];return o}var kv=wc("animationend"),Pv=wc("animationiteration"),Av=wc("animationstart"),Tv=wc("transitionend"),Nv=new Map,Dv="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Io(o,s){Nv.set(o,s),a(s,[o])}for(var Mf=0;Mf<Dv.length;Mf++){var jf=Dv[Mf],jP=jf.toLowerCase(),LP=jf[0].toUpperCase()+jf.slice(1);Io(jP,"on"+LP)}Io(kv,"onAnimationEnd"),Io(Pv,"onAnimationIteration"),Io(Av,"onAnimationStart"),Io("dblclick","onDoubleClick"),Io("focusin","onFocus"),Io("focusout","onBlur"),Io(Tv,"onTransitionEnd"),l("onMouseEnter",["mouseout","mouseover"]),l("onMouseLeave",["mouseout","mouseover"]),l("onPointerEnter",["pointerout","pointerover"]),l("onPointerLeave",["pointerout","pointerover"]),a("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),a("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),a("onBeforeInput",["compositionend","keypress","textInput","paste"]),a("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),a("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),a("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Va="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),FP=new Set("cancel close invalid load scroll toggle".split(" ").concat(Va));function Ov(o,s,u){var p=o.type||"unknown-event";o.currentTarget=u,jk(p,s,void 0,o),o.currentTarget=null}function _v(o,s){s=(s&4)!==0;for(var u=0;u<o.length;u++){var p=o[u],y=p.event;p=p.listeners;e:{var S=void 0;if(s)for(var A=p.length-1;0<=A;A--){var F=p[A],q=F.instance,Z=F.currentTarget;if(F=F.listener,q!==S&&y.isPropagationStopped())break e;Ov(y,F,Z),S=q}else for(A=0;A<p.length;A++){if(F=p[A],q=F.instance,Z=F.currentTarget,F=F.listener,q!==S&&y.isPropagationStopped())break e;Ov(y,F,Z),S=q}}}if(Ta)throw o=ff,Ta=!1,ff=null,o}function nt(o,s){var u=s[qf];u===void 0&&(u=s[qf]=new Set);var p=o+"__bubble";u.has(p)||(Mv(s,o,2,!1),u.add(p))}function Lf(o,s,u){var p=0;s&&(p|=4),Mv(u,o,p,s)}var Sc="_reactListening"+Math.random().toString(36).slice(2);function Ha(o){if(!o[Sc]){o[Sc]=!0,n.forEach(function(u){u!=="selectionchange"&&(FP.has(u)||Lf(u,!1,o),Lf(u,!0,o))});var s=o.nodeType===9?o:o.ownerDocument;s===null||s[Sc]||(s[Sc]=!0,Lf("selectionchange",!1,s))}}function Mv(o,s,u,p){switch(nv(s)){case 1:var y=Qk;break;case 4:y=Jk;break;default:y=bf}u=y.bind(null,s,u,o),y=void 0,!Do||s!=="touchstart"&&s!=="touchmove"&&s!=="wheel"||(y=!0),p?y!==void 0?o.addEventListener(s,u,{capture:!0,passive:y}):o.addEventListener(s,u,!0):y!==void 0?o.addEventListener(s,u,{passive:y}):o.addEventListener(s,u,!1)}function Ff(o,s,u,p,y){var S=p;if((s&1)===0&&(s&2)===0&&p!==null)e:for(;;){if(p===null)return;var A=p.tag;if(A===3||A===4){var F=p.stateNode.containerInfo;if(F===y||F.nodeType===8&&F.parentNode===y)break;if(A===4)for(A=p.return;A!==null;){var q=A.tag;if((q===3||q===4)&&(q=A.stateNode.containerInfo,q===y||q.nodeType===8&&q.parentNode===y))return;A=A.return}for(;F!==null;){if(A=bi(F),A===null)return;if(q=A.tag,q===5||q===6){p=S=A;continue e}F=F.parentNode}}p=p.return}xt(function(){var Z=S,ae=rr(u),de=[];e:{var se=Nv.get(o);if(se!==void 0){var be=xf,Ce=o;switch(o){case"keypress":if(hc(u)===0)break e;case"keydown":case"keyup":be=pP;break;case"focusin":Ce="focus",be=Ef;break;case"focusout":Ce="blur",be=Ef;break;case"beforeblur":case"afterblur":be=Ef;break;case"click":if(u.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":be=sv;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":be=tP;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":be=gP;break;case kv:case Pv:case Av:be=oP;break;case Tv:be=vP;break;case"scroll":be=Zk;break;case"wheel":be=wP;break;case"copy":case"cut":case"paste":be=sP;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":be=lv}var Ee=(s&4)!==0,wt=!Ee&&o==="scroll",Q=Ee?se!==null?se+"Capture":null:se;Ee=[];for(var G=Z,J;G!==null;){J=G;var fe=J.stateNode;if(J.tag===5&&fe!==null&&(J=fe,Q!==null&&(fe=jt(G,Q),fe!=null&&Ee.push(Wa(G,fe,J)))),wt)break;G=G.return}0<Ee.length&&(se=new be(se,Ce,null,u,ae),de.push({event:se,listeners:Ee}))}}if((s&7)===0){e:{if(se=o==="mouseover"||o==="pointerover",be=o==="mouseout"||o==="pointerout",se&&u!==Tt&&(Ce=u.relatedTarget||u.fromElement)&&(bi(Ce)||Ce[Qn]))break e;if((be||se)&&(se=ae.window===ae?ae:(se=ae.ownerDocument)?se.defaultView||se.parentWindow:window,be?(Ce=u.relatedTarget||u.toElement,be=Z,Ce=Ce?bi(Ce):null,Ce!==null&&(wt=vi(Ce),Ce!==wt||Ce.tag!==5&&Ce.tag!==6)&&(Ce=null)):(be=null,Ce=Z),be!==Ce)){if(Ee=sv,fe="onMouseLeave",Q="onMouseEnter",G="mouse",(o==="pointerout"||o==="pointerover")&&(Ee=lv,fe="onPointerLeave",Q="onPointerEnter",G="pointer"),wt=be==null?se:vs(be),J=Ce==null?se:vs(Ce),se=new Ee(fe,G+"leave",be,u,ae),se.target=wt,se.relatedTarget=J,fe=null,bi(ae)===Z&&(Ee=new Ee(Q,G+"enter",Ce,u,ae),Ee.target=J,Ee.relatedTarget=wt,fe=Ee),wt=fe,be&&Ce)t:{for(Ee=be,Q=Ce,G=0,J=Ee;J;J=gs(J))G++;for(J=0,fe=Q;fe;fe=gs(fe))J++;for(;0<G-J;)Ee=gs(Ee),G--;for(;0<J-G;)Q=gs(Q),J--;for(;G--;){if(Ee===Q||Q!==null&&Ee===Q.alternate)break t;Ee=gs(Ee),Q=gs(Q)}Ee=null}else Ee=null;be!==null&&jv(de,se,be,Ee,!1),Ce!==null&&wt!==null&&jv(de,wt,Ce,Ee,!0)}}e:{if(se=Z?vs(Z):window,be=se.nodeName&&se.nodeName.toLowerCase(),be==="select"||be==="input"&&se.type==="file")var ke=PP;else if(mv(se))if(gv)ke=DP;else{ke=TP;var Ae=AP}else(be=se.nodeName)&&be.toLowerCase()==="input"&&(se.type==="checkbox"||se.type==="radio")&&(ke=NP);if(ke&&(ke=ke(o,Z))){hv(de,ke,u,ae);break e}Ae&&Ae(o,se,Z),o==="focusout"&&(Ae=se._wrapperState)&&Ae.controlled&&se.type==="number"&&rt(se,"number",se.value)}switch(Ae=Z?vs(Z):window,o){case"focusin":(mv(Ae)||Ae.contentEditable==="true")&&(ms=Ae,Df=Z,qa=null);break;case"focusout":qa=Df=ms=null;break;case"mousedown":Of=!0;break;case"contextmenu":case"mouseup":case"dragend":Of=!1,Rv(de,u,ae);break;case"selectionchange":if(MP)break;case"keydown":case"keyup":Rv(de,u,ae)}var Te;if(Pf)e:{switch(o){case"compositionstart":var Ne="onCompositionStart";break e;case"compositionend":Ne="onCompositionEnd";break e;case"compositionupdate":Ne="onCompositionUpdate";break e}Ne=void 0}else ps?fv(o,u)&&(Ne="onCompositionEnd"):o==="keydown"&&u.keyCode===229&&(Ne="onCompositionStart");Ne&&(cv&&u.locale!=="ko"&&(ps||Ne!=="onCompositionStart"?Ne==="onCompositionEnd"&&ps&&(Te=ov()):(Fo=ae,Sf="value"in Fo?Fo.value:Fo.textContent,ps=!0)),Ae=xc(Z,Ne),0<Ae.length&&(Ne=new av(Ne,o,null,u,ae),de.push({event:Ne,listeners:Ae}),Te?Ne.data=Te:(Te=pv(u),Te!==null&&(Ne.data=Te)))),(Te=xP?CP(o,u):RP(o,u))&&(Z=xc(Z,"onBeforeInput"),0<Z.length&&(ae=new av("onBeforeInput","beforeinput",null,u,ae),de.push({event:ae,listeners:Z}),ae.data=Te))}_v(de,s)})}function Wa(o,s,u){return{instance:o,listener:s,currentTarget:u}}function xc(o,s){for(var u=s+"Capture",p=[];o!==null;){var y=o,S=y.stateNode;y.tag===5&&S!==null&&(y=S,S=jt(o,u),S!=null&&p.unshift(Wa(o,S,y)),S=jt(o,s),S!=null&&p.push(Wa(o,S,y))),o=o.return}return p}function gs(o){if(o===null)return null;do o=o.return;while(o&&o.tag!==5);return o||null}function jv(o,s,u,p,y){for(var S=s._reactName,A=[];u!==null&&u!==p;){var F=u,q=F.alternate,Z=F.stateNode;if(q!==null&&q===p)break;F.tag===5&&Z!==null&&(F=Z,y?(q=jt(u,S),q!=null&&A.unshift(Wa(u,q,F))):y||(q=jt(u,S),q!=null&&A.push(Wa(u,q,F)))),u=u.return}A.length!==0&&o.push({event:s,listeners:A})}var IP=/\r\n?/g,UP=/\u0000|\uFFFD/g;function Lv(o){return(typeof o=="string"?o:""+o).replace(IP,`
+`).replace(UP,"")}function Cc(o,s,u){if(s=Lv(s),Lv(o)!==s&&u)throw Error(r(425))}function Rc(){}var If=null,Uf=null;function $f(o,s){return o==="textarea"||o==="noscript"||typeof s.children=="string"||typeof s.children=="number"||typeof s.dangerouslySetInnerHTML=="object"&&s.dangerouslySetInnerHTML!==null&&s.dangerouslySetInnerHTML.__html!=null}var zf=typeof setTimeout=="function"?setTimeout:void 0,$P=typeof clearTimeout=="function"?clearTimeout:void 0,Fv=typeof Promise=="function"?Promise:void 0,zP=typeof queueMicrotask=="function"?queueMicrotask:typeof Fv<"u"?function(o){return Fv.resolve(null).then(o).catch(BP)}:zf;function BP(o){setTimeout(function(){throw o})}function Bf(o,s){var u=s,p=0;do{var y=u.nextSibling;if(o.removeChild(u),y&&y.nodeType===8)if(u=y.data,u==="/$"){if(p===0){o.removeChild(y),La(s);return}p--}else u!=="$"&&u!=="$?"&&u!=="$!"||p++;u=y}while(u);La(s)}function Uo(o){for(;o!=null;o=o.nextSibling){var s=o.nodeType;if(s===1||s===3)break;if(s===8){if(s=o.data,s==="$"||s==="$!"||s==="$?")break;if(s==="/$")return null}}return o}function Iv(o){o=o.previousSibling;for(var s=0;o;){if(o.nodeType===8){var u=o.data;if(u==="$"||u==="$!"||u==="$?"){if(s===0)return o;s--}else u==="/$"&&s++}o=o.previousSibling}return null}var ys=Math.random().toString(36).slice(2),An="__reactFiber$"+ys,Ga="__reactProps$"+ys,Qn="__reactContainer$"+ys,qf="__reactEvents$"+ys,qP="__reactListeners$"+ys,VP="__reactHandles$"+ys;function bi(o){var s=o[An];if(s)return s;for(var u=o.parentNode;u;){if(s=u[Qn]||u[An]){if(u=s.alternate,s.child!==null||u!==null&&u.child!==null)for(o=Iv(o);o!==null;){if(u=o[An])return u;o=Iv(o)}return s}o=u,u=o.parentNode}return null}function Ka(o){return o=o[An]||o[Qn],!o||o.tag!==5&&o.tag!==6&&o.tag!==13&&o.tag!==3?null:o}function vs(o){if(o.tag===5||o.tag===6)return o.stateNode;throw Error(r(33))}function Ec(o){return o[Ga]||null}var Vf=[],bs=-1;function $o(o){return{current:o}}function ot(o){0>bs||(o.current=Vf[bs],Vf[bs]=null,bs--)}function tt(o,s){bs++,Vf[bs]=o.current,o.current=s}var zo={},Kt=$o(zo),vr=$o(!1),wi=zo;function ws(o,s){var u=o.type.contextTypes;if(!u)return zo;var p=o.stateNode;if(p&&p.__reactInternalMemoizedUnmaskedChildContext===s)return p.__reactInternalMemoizedMaskedChildContext;var y={},S;for(S in u)y[S]=s[S];return p&&(o=o.stateNode,o.__reactInternalMemoizedUnmaskedChildContext=s,o.__reactInternalMemoizedMaskedChildContext=y),y}function br(o){return o=o.childContextTypes,o!=null}function kc(){ot(vr),ot(Kt)}function Uv(o,s,u){if(Kt.current!==zo)throw Error(r(168));tt(Kt,s),tt(vr,u)}function $v(o,s,u){var p=o.stateNode;if(s=s.childContextTypes,typeof p.getChildContext!="function")return u;p=p.getChildContext();for(var y in p)if(!(y in s))throw Error(r(108,me(o)||"Unknown",y));return L({},u,p)}function Pc(o){return o=(o=o.stateNode)&&o.__reactInternalMemoizedMergedChildContext||zo,wi=Kt.current,tt(Kt,o),tt(vr,vr.current),!0}function zv(o,s,u){var p=o.stateNode;if(!p)throw Error(r(169));u?(o=$v(o,s,wi),p.__reactInternalMemoizedMergedChildContext=o,ot(vr),ot(Kt),tt(Kt,o)):ot(vr),tt(vr,u)}var Jn=null,Ac=!1,Hf=!1;function Bv(o){Jn===null?Jn=[o]:Jn.push(o)}function HP(o){Ac=!0,Bv(o)}function Bo(){if(!Hf&&Jn!==null){Hf=!0;var o=0,s=et;try{var u=Jn;for(et=1;o<u.length;o++){var p=u[o];do p=p(!0);while(p!==null)}Jn=null,Ac=!1}catch(y){throw Jn!==null&&(Jn=Jn.slice(o+1)),Vy(pf,Bo),y}finally{et=s,Hf=!1}}return null}var Ss=[],xs=0,Tc=null,Nc=0,Vr=[],Hr=0,Si=null,Zn=1,eo="";function xi(o,s){Ss[xs++]=Nc,Ss[xs++]=Tc,Tc=o,Nc=s}function qv(o,s,u){Vr[Hr++]=Zn,Vr[Hr++]=eo,Vr[Hr++]=Si,Si=o;var p=Zn;o=eo;var y=32-an(p)-1;p&=~(1<<y),u+=1;var S=32-an(s)+y;if(30<S){var A=y-y%5;S=(p&(1<<A)-1).toString(32),p>>=A,y-=A,Zn=1<<32-an(s)+y|u<<y|p,eo=S+o}else Zn=1<<S|u<<y|p,eo=o}function Wf(o){o.return!==null&&(xi(o,1),qv(o,1,0))}function Gf(o){for(;o===Tc;)Tc=Ss[--xs],Ss[xs]=null,Nc=Ss[--xs],Ss[xs]=null;for(;o===Si;)Si=Vr[--Hr],Vr[Hr]=null,eo=Vr[--Hr],Vr[Hr]=null,Zn=Vr[--Hr],Vr[Hr]=null}var Mr=null,jr=null,lt=!1,cn=null;function Vv(o,s){var u=Yr(5,null,null,0);u.elementType="DELETED",u.stateNode=s,u.return=o,s=o.deletions,s===null?(o.deletions=[u],o.flags|=16):s.push(u)}function Hv(o,s){switch(o.tag){case 5:var u=o.type;return s=s.nodeType!==1||u.toLowerCase()!==s.nodeName.toLowerCase()?null:s,s!==null?(o.stateNode=s,Mr=o,jr=Uo(s.firstChild),!0):!1;case 6:return s=o.pendingProps===""||s.nodeType!==3?null:s,s!==null?(o.stateNode=s,Mr=o,jr=null,!0):!1;case 13:return s=s.nodeType!==8?null:s,s!==null?(u=Si!==null?{id:Zn,overflow:eo}:null,o.memoizedState={dehydrated:s,treeContext:u,retryLane:1073741824},u=Yr(18,null,null,0),u.stateNode=s,u.return=o,o.child=u,Mr=o,jr=null,!0):!1;default:return!1}}function Kf(o){return(o.mode&1)!==0&&(o.flags&128)===0}function Yf(o){if(lt){var s=jr;if(s){var u=s;if(!Hv(o,s)){if(Kf(o))throw Error(r(418));s=Uo(u.nextSibling);var p=Mr;s&&Hv(o,s)?Vv(p,u):(o.flags=o.flags&-4097|2,lt=!1,Mr=o)}}else{if(Kf(o))throw Error(r(418));o.flags=o.flags&-4097|2,lt=!1,Mr=o}}}function Wv(o){for(o=o.return;o!==null&&o.tag!==5&&o.tag!==3&&o.tag!==13;)o=o.return;Mr=o}function Dc(o){if(o!==Mr)return!1;if(!lt)return Wv(o),lt=!0,!1;var s;if((s=o.tag!==3)&&!(s=o.tag!==5)&&(s=o.type,s=s!=="head"&&s!=="body"&&!$f(o.type,o.memoizedProps)),s&&(s=jr)){if(Kf(o))throw Gv(),Error(r(418));for(;s;)Vv(o,s),s=Uo(s.nextSibling)}if(Wv(o),o.tag===13){if(o=o.memoizedState,o=o!==null?o.dehydrated:null,!o)throw Error(r(317));e:{for(o=o.nextSibling,s=0;o;){if(o.nodeType===8){var u=o.data;if(u==="/$"){if(s===0){jr=Uo(o.nextSibling);break e}s--}else u!=="$"&&u!=="$!"&&u!=="$?"||s++}o=o.nextSibling}jr=null}}else jr=Mr?Uo(o.stateNode.nextSibling):null;return!0}function Gv(){for(var o=jr;o;)o=Uo(o.nextSibling)}function Cs(){jr=Mr=null,lt=!1}function Xf(o){cn===null?cn=[o]:cn.push(o)}var WP=T.ReactCurrentBatchConfig;function Ya(o,s,u){if(o=u.ref,o!==null&&typeof o!="function"&&typeof o!="object"){if(u._owner){if(u=u._owner,u){if(u.tag!==1)throw Error(r(309));var p=u.stateNode}if(!p)throw Error(r(147,o));var y=p,S=""+o;return s!==null&&s.ref!==null&&typeof s.ref=="function"&&s.ref._stringRef===S?s.ref:(s=function(A){var F=y.refs;A===null?delete F[S]:F[S]=A},s._stringRef=S,s)}if(typeof o!="string")throw Error(r(284));if(!u._owner)throw Error(r(290,o))}return o}function Oc(o,s){throw o=Object.prototype.toString.call(s),Error(r(31,o==="[object Object]"?"object with keys {"+Object.keys(s).join(", ")+"}":o))}function Kv(o){var s=o._init;return s(o._payload)}function Yv(o){function s(Q,G){if(o){var J=Q.deletions;J===null?(Q.deletions=[G],Q.flags|=16):J.push(G)}}function u(Q,G){if(!o)return null;for(;G!==null;)s(Q,G),G=G.sibling;return null}function p(Q,G){for(Q=new Map;G!==null;)G.key!==null?Q.set(G.key,G):Q.set(G.index,G),G=G.sibling;return Q}function y(Q,G){return Q=Xo(Q,G),Q.index=0,Q.sibling=null,Q}function S(Q,G,J){return Q.index=J,o?(J=Q.alternate,J!==null?(J=J.index,J<G?(Q.flags|=2,G):J):(Q.flags|=2,G)):(Q.flags|=1048576,G)}function A(Q){return o&&Q.alternate===null&&(Q.flags|=2),Q}function F(Q,G,J,fe){return G===null||G.tag!==6?(G=$p(J,Q.mode,fe),G.return=Q,G):(G=y(G,J),G.return=Q,G)}function q(Q,G,J,fe){var ke=J.type;return ke===M?ae(Q,G,J.props.children,fe,J.key):G!==null&&(G.elementType===ke||typeof ke=="object"&&ke!==null&&ke.$$typeof===U&&Kv(ke)===G.type)?(fe=y(G,J.props),fe.ref=Ya(Q,G,J),fe.return=Q,fe):(fe=ru(J.type,J.key,J.props,null,Q.mode,fe),fe.ref=Ya(Q,G,J),fe.return=Q,fe)}function Z(Q,G,J,fe){return G===null||G.tag!==4||G.stateNode.containerInfo!==J.containerInfo||G.stateNode.implementation!==J.implementation?(G=zp(J,Q.mode,fe),G.return=Q,G):(G=y(G,J.children||[]),G.return=Q,G)}function ae(Q,G,J,fe,ke){return G===null||G.tag!==7?(G=Ni(J,Q.mode,fe,ke),G.return=Q,G):(G=y(G,J),G.return=Q,G)}function de(Q,G,J){if(typeof G=="string"&&G!==""||typeof G=="number")return G=$p(""+G,Q.mode,J),G.return=Q,G;if(typeof G=="object"&&G!==null){switch(G.$$typeof){case N:return J=ru(G.type,G.key,G.props,null,Q.mode,J),J.ref=Ya(Q,null,G),J.return=Q,J;case j:return G=zp(G,Q.mode,J),G.return=Q,G;case U:var fe=G._init;return de(Q,fe(G._payload),J)}if(At(G)||I(G))return G=Ni(G,Q.mode,J,null),G.return=Q,G;Oc(Q,G)}return null}function se(Q,G,J,fe){var ke=G!==null?G.key:null;if(typeof J=="string"&&J!==""||typeof J=="number")return ke!==null?null:F(Q,G,""+J,fe);if(typeof J=="object"&&J!==null){switch(J.$$typeof){case N:return J.key===ke?q(Q,G,J,fe):null;case j:return J.key===ke?Z(Q,G,J,fe):null;case U:return ke=J._init,se(Q,G,ke(J._payload),fe)}if(At(J)||I(J))return ke!==null?null:ae(Q,G,J,fe,null);Oc(Q,J)}return null}function be(Q,G,J,fe,ke){if(typeof fe=="string"&&fe!==""||typeof fe=="number")return Q=Q.get(J)||null,F(G,Q,""+fe,ke);if(typeof fe=="object"&&fe!==null){switch(fe.$$typeof){case N:return Q=Q.get(fe.key===null?J:fe.key)||null,q(G,Q,fe,ke);case j:return Q=Q.get(fe.key===null?J:fe.key)||null,Z(G,Q,fe,ke);case U:var Ae=fe._init;return be(Q,G,J,Ae(fe._payload),ke)}if(At(fe)||I(fe))return Q=Q.get(J)||null,ae(G,Q,fe,ke,null);Oc(G,fe)}return null}function Ce(Q,G,J,fe){for(var ke=null,Ae=null,Te=G,Ne=G=0,It=null;Te!==null&&Ne<J.length;Ne++){Te.index>Ne?(It=Te,Te=null):It=Te.sibling;var Ye=se(Q,Te,J[Ne],fe);if(Ye===null){Te===null&&(Te=It);break}o&&Te&&Ye.alternate===null&&s(Q,Te),G=S(Ye,G,Ne),Ae===null?ke=Ye:Ae.sibling=Ye,Ae=Ye,Te=It}if(Ne===J.length)return u(Q,Te),lt&&xi(Q,Ne),ke;if(Te===null){for(;Ne<J.length;Ne++)Te=de(Q,J[Ne],fe),Te!==null&&(G=S(Te,G,Ne),Ae===null?ke=Te:Ae.sibling=Te,Ae=Te);return lt&&xi(Q,Ne),ke}for(Te=p(Q,Te);Ne<J.length;Ne++)It=be(Te,Q,Ne,J[Ne],fe),It!==null&&(o&&It.alternate!==null&&Te.delete(It.key===null?Ne:It.key),G=S(It,G,Ne),Ae===null?ke=It:Ae.sibling=It,Ae=It);return o&&Te.forEach(function(Qo){return s(Q,Qo)}),lt&&xi(Q,Ne),ke}function Ee(Q,G,J,fe){var ke=I(J);if(typeof ke!="function")throw Error(r(150));if(J=ke.call(J),J==null)throw Error(r(151));for(var Ae=ke=null,Te=G,Ne=G=0,It=null,Ye=J.next();Te!==null&&!Ye.done;Ne++,Ye=J.next()){Te.index>Ne?(It=Te,Te=null):It=Te.sibling;var Qo=se(Q,Te,Ye.value,fe);if(Qo===null){Te===null&&(Te=It);break}o&&Te&&Qo.alternate===null&&s(Q,Te),G=S(Qo,G,Ne),Ae===null?ke=Qo:Ae.sibling=Qo,Ae=Qo,Te=It}if(Ye.done)return u(Q,Te),lt&&xi(Q,Ne),ke;if(Te===null){for(;!Ye.done;Ne++,Ye=J.next())Ye=de(Q,Ye.value,fe),Ye!==null&&(G=S(Ye,G,Ne),Ae===null?ke=Ye:Ae.sibling=Ye,Ae=Ye);return lt&&xi(Q,Ne),ke}for(Te=p(Q,Te);!Ye.done;Ne++,Ye=J.next())Ye=be(Te,Q,Ne,Ye.value,fe),Ye!==null&&(o&&Ye.alternate!==null&&Te.delete(Ye.key===null?Ne:Ye.key),G=S(Ye,G,Ne),Ae===null?ke=Ye:Ae.sibling=Ye,Ae=Ye);return o&&Te.forEach(function(EA){return s(Q,EA)}),lt&&xi(Q,Ne),ke}function wt(Q,G,J,fe){if(typeof J=="object"&&J!==null&&J.type===M&&J.key===null&&(J=J.props.children),typeof J=="object"&&J!==null){switch(J.$$typeof){case N:e:{for(var ke=J.key,Ae=G;Ae!==null;){if(Ae.key===ke){if(ke=J.type,ke===M){if(Ae.tag===7){u(Q,Ae.sibling),G=y(Ae,J.props.children),G.return=Q,Q=G;break e}}else if(Ae.elementType===ke||typeof ke=="object"&&ke!==null&&ke.$$typeof===U&&Kv(ke)===Ae.type){u(Q,Ae.sibling),G=y(Ae,J.props),G.ref=Ya(Q,Ae,J),G.return=Q,Q=G;break e}u(Q,Ae);break}else s(Q,Ae);Ae=Ae.sibling}J.type===M?(G=Ni(J.props.children,Q.mode,fe,J.key),G.return=Q,Q=G):(fe=ru(J.type,J.key,J.props,null,Q.mode,fe),fe.ref=Ya(Q,G,J),fe.return=Q,Q=fe)}return A(Q);case j:e:{for(Ae=J.key;G!==null;){if(G.key===Ae)if(G.tag===4&&G.stateNode.containerInfo===J.containerInfo&&G.stateNode.implementation===J.implementation){u(Q,G.sibling),G=y(G,J.children||[]),G.return=Q,Q=G;break e}else{u(Q,G);break}else s(Q,G);G=G.sibling}G=zp(J,Q.mode,fe),G.return=Q,Q=G}return A(Q);case U:return Ae=J._init,wt(Q,G,Ae(J._payload),fe)}if(At(J))return Ce(Q,G,J,fe);if(I(J))return Ee(Q,G,J,fe);Oc(Q,J)}return typeof J=="string"&&J!==""||typeof J=="number"?(J=""+J,G!==null&&G.tag===6?(u(Q,G.sibling),G=y(G,J),G.return=Q,Q=G):(u(Q,G),G=$p(J,Q.mode,fe),G.return=Q,Q=G),A(Q)):u(Q,G)}return wt}var Rs=Yv(!0),Xv=Yv(!1),_c=$o(null),Mc=null,Es=null,Qf=null;function Jf(){Qf=Es=Mc=null}function Zf(o){var s=_c.current;ot(_c),o._currentValue=s}function ep(o,s,u){for(;o!==null;){var p=o.alternate;if((o.childLanes&s)!==s?(o.childLanes|=s,p!==null&&(p.childLanes|=s)):p!==null&&(p.childLanes&s)!==s&&(p.childLanes|=s),o===u)break;o=o.return}}function ks(o,s){Mc=o,Qf=Es=null,o=o.dependencies,o!==null&&o.firstContext!==null&&((o.lanes&s)!==0&&(wr=!0),o.firstContext=null)}function Wr(o){var s=o._currentValue;if(Qf!==o)if(o={context:o,memoizedValue:s,next:null},Es===null){if(Mc===null)throw Error(r(308));Es=o,Mc.dependencies={lanes:0,firstContext:o}}else Es=Es.next=o;return s}var Ci=null;function tp(o){Ci===null?Ci=[o]:Ci.push(o)}function Qv(o,s,u,p){var y=s.interleaved;return y===null?(u.next=u,tp(s)):(u.next=y.next,y.next=u),s.interleaved=u,to(o,p)}function to(o,s){o.lanes|=s;var u=o.alternate;for(u!==null&&(u.lanes|=s),u=o,o=o.return;o!==null;)o.childLanes|=s,u=o.alternate,u!==null&&(u.childLanes|=s),u=o,o=o.return;return u.tag===3?u.stateNode:null}var qo=!1;function rp(o){o.updateQueue={baseState:o.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Jv(o,s){o=o.updateQueue,s.updateQueue===o&&(s.updateQueue={baseState:o.baseState,firstBaseUpdate:o.firstBaseUpdate,lastBaseUpdate:o.lastBaseUpdate,shared:o.shared,effects:o.effects})}function ro(o,s){return{eventTime:o,lane:s,tag:0,payload:null,callback:null,next:null}}function Vo(o,s,u){var p=o.updateQueue;if(p===null)return null;if(p=p.shared,(Ge&2)!==0){var y=p.pending;return y===null?s.next=s:(s.next=y.next,y.next=s),p.pending=s,to(o,u)}return y=p.interleaved,y===null?(s.next=s,tp(p)):(s.next=y.next,y.next=s),p.interleaved=s,to(o,u)}function jc(o,s,u){if(s=s.updateQueue,s!==null&&(s=s.shared,(u&4194240)!==0)){var p=s.lanes;p&=o.pendingLanes,u|=p,s.lanes=u,gf(o,u)}}function Zv(o,s){var u=o.updateQueue,p=o.alternate;if(p!==null&&(p=p.updateQueue,u===p)){var y=null,S=null;if(u=u.firstBaseUpdate,u!==null){do{var A={eventTime:u.eventTime,lane:u.lane,tag:u.tag,payload:u.payload,callback:u.callback,next:null};S===null?y=S=A:S=S.next=A,u=u.next}while(u!==null);S===null?y=S=s:S=S.next=s}else y=S=s;u={baseState:p.baseState,firstBaseUpdate:y,lastBaseUpdate:S,shared:p.shared,effects:p.effects},o.updateQueue=u;return}o=u.lastBaseUpdate,o===null?u.firstBaseUpdate=s:o.next=s,u.lastBaseUpdate=s}function Lc(o,s,u,p){var y=o.updateQueue;qo=!1;var S=y.firstBaseUpdate,A=y.lastBaseUpdate,F=y.shared.pending;if(F!==null){y.shared.pending=null;var q=F,Z=q.next;q.next=null,A===null?S=Z:A.next=Z,A=q;var ae=o.alternate;ae!==null&&(ae=ae.updateQueue,F=ae.lastBaseUpdate,F!==A&&(F===null?ae.firstBaseUpdate=Z:F.next=Z,ae.lastBaseUpdate=q))}if(S!==null){var de=y.baseState;A=0,ae=Z=q=null,F=S;do{var se=F.lane,be=F.eventTime;if((p&se)===se){ae!==null&&(ae=ae.next={eventTime:be,lane:0,tag:F.tag,payload:F.payload,callback:F.callback,next:null});e:{var Ce=o,Ee=F;switch(se=s,be=u,Ee.tag){case 1:if(Ce=Ee.payload,typeof Ce=="function"){de=Ce.call(be,de,se);break e}de=Ce;break e;case 3:Ce.flags=Ce.flags&-65537|128;case 0:if(Ce=Ee.payload,se=typeof Ce=="function"?Ce.call(be,de,se):Ce,se==null)break e;de=L({},de,se);break e;case 2:qo=!0}}F.callback!==null&&F.lane!==0&&(o.flags|=64,se=y.effects,se===null?y.effects=[F]:se.push(F))}else be={eventTime:be,lane:se,tag:F.tag,payload:F.payload,callback:F.callback,next:null},ae===null?(Z=ae=be,q=de):ae=ae.next=be,A|=se;if(F=F.next,F===null){if(F=y.shared.pending,F===null)break;se=F,F=se.next,se.next=null,y.lastBaseUpdate=se,y.shared.pending=null}}while(!0);if(ae===null&&(q=de),y.baseState=q,y.firstBaseUpdate=Z,y.lastBaseUpdate=ae,s=y.shared.interleaved,s!==null){y=s;do A|=y.lane,y=y.next;while(y!==s)}else S===null&&(y.shared.lanes=0);ki|=A,o.lanes=A,o.memoizedState=de}}function e0(o,s,u){if(o=s.effects,s.effects=null,o!==null)for(s=0;s<o.length;s++){var p=o[s],y=p.callback;if(y!==null){if(p.callback=null,p=u,typeof y!="function")throw Error(r(191,y));y.call(p)}}}var Xa={},Tn=$o(Xa),Qa=$o(Xa),Ja=$o(Xa);function Ri(o){if(o===Xa)throw Error(r(174));return o}function np(o,s){switch(tt(Ja,s),tt(Qa,o),tt(Tn,Xa),o=s.nodeType,o){case 9:case 11:s=(s=s.documentElement)?s.namespaceURI:mr(null,"");break;default:o=o===8?s.parentNode:s,s=o.namespaceURI||null,o=o.tagName,s=mr(s,o)}ot(Tn),tt(Tn,s)}function Ps(){ot(Tn),ot(Qa),ot(Ja)}function t0(o){Ri(Ja.current);var s=Ri(Tn.current),u=mr(s,o.type);s!==u&&(tt(Qa,o),tt(Tn,u))}function op(o){Qa.current===o&&(ot(Tn),ot(Qa))}var dt=$o(0);function Fc(o){for(var s=o;s!==null;){if(s.tag===13){var u=s.memoizedState;if(u!==null&&(u=u.dehydrated,u===null||u.data==="$?"||u.data==="$!"))return s}else if(s.tag===19&&s.memoizedProps.revealOrder!==void 0){if((s.flags&128)!==0)return s}else if(s.child!==null){s.child.return=s,s=s.child;continue}if(s===o)break;for(;s.sibling===null;){if(s.return===null||s.return===o)return null;s=s.return}s.sibling.return=s.return,s=s.sibling}return null}var ip=[];function sp(){for(var o=0;o<ip.length;o++)ip[o]._workInProgressVersionPrimary=null;ip.length=0}var Ic=T.ReactCurrentDispatcher,ap=T.ReactCurrentBatchConfig,Ei=0,ft=null,Dt=null,Lt=null,Uc=!1,Za=!1,el=0,GP=0;function Yt(){throw Error(r(321))}function lp(o,s){if(s===null)return!1;for(var u=0;u<s.length&&u<o.length;u++)if(!ln(o[u],s[u]))return!1;return!0}function cp(o,s,u,p,y,S){if(Ei=S,ft=s,s.memoizedState=null,s.updateQueue=null,s.lanes=0,Ic.current=o===null||o.memoizedState===null?QP:JP,o=u(p,y),Za){S=0;do{if(Za=!1,el=0,25<=S)throw Error(r(301));S+=1,Lt=Dt=null,s.updateQueue=null,Ic.current=ZP,o=u(p,y)}while(Za)}if(Ic.current=Bc,s=Dt!==null&&Dt.next!==null,Ei=0,Lt=Dt=ft=null,Uc=!1,s)throw Error(r(300));return o}function up(){var o=el!==0;return el=0,o}function Nn(){var o={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return Lt===null?ft.memoizedState=Lt=o:Lt=Lt.next=o,Lt}function Gr(){if(Dt===null){var o=ft.alternate;o=o!==null?o.memoizedState:null}else o=Dt.next;var s=Lt===null?ft.memoizedState:Lt.next;if(s!==null)Lt=s,Dt=o;else{if(o===null)throw Error(r(310));Dt=o,o={memoizedState:Dt.memoizedState,baseState:Dt.baseState,baseQueue:Dt.baseQueue,queue:Dt.queue,next:null},Lt===null?ft.memoizedState=Lt=o:Lt=Lt.next=o}return Lt}function tl(o,s){return typeof s=="function"?s(o):s}function dp(o){var s=Gr(),u=s.queue;if(u===null)throw Error(r(311));u.lastRenderedReducer=o;var p=Dt,y=p.baseQueue,S=u.pending;if(S!==null){if(y!==null){var A=y.next;y.next=S.next,S.next=A}p.baseQueue=y=S,u.pending=null}if(y!==null){S=y.next,p=p.baseState;var F=A=null,q=null,Z=S;do{var ae=Z.lane;if((Ei&ae)===ae)q!==null&&(q=q.next={lane:0,action:Z.action,hasEagerState:Z.hasEagerState,eagerState:Z.eagerState,next:null}),p=Z.hasEagerState?Z.eagerState:o(p,Z.action);else{var de={lane:ae,action:Z.action,hasEagerState:Z.hasEagerState,eagerState:Z.eagerState,next:null};q===null?(F=q=de,A=p):q=q.next=de,ft.lanes|=ae,ki|=ae}Z=Z.next}while(Z!==null&&Z!==S);q===null?A=p:q.next=F,ln(p,s.memoizedState)||(wr=!0),s.memoizedState=p,s.baseState=A,s.baseQueue=q,u.lastRenderedState=p}if(o=u.interleaved,o!==null){y=o;do S=y.lane,ft.lanes|=S,ki|=S,y=y.next;while(y!==o)}else y===null&&(u.lanes=0);return[s.memoizedState,u.dispatch]}function fp(o){var s=Gr(),u=s.queue;if(u===null)throw Error(r(311));u.lastRenderedReducer=o;var p=u.dispatch,y=u.pending,S=s.memoizedState;if(y!==null){u.pending=null;var A=y=y.next;do S=o(S,A.action),A=A.next;while(A!==y);ln(S,s.memoizedState)||(wr=!0),s.memoizedState=S,s.baseQueue===null&&(s.baseState=S),u.lastRenderedState=S}return[S,p]}function r0(){}function n0(o,s){var u=ft,p=Gr(),y=s(),S=!ln(p.memoizedState,y);if(S&&(p.memoizedState=y,wr=!0),p=p.queue,pp(s0.bind(null,u,p,o),[o]),p.getSnapshot!==s||S||Lt!==null&&Lt.memoizedState.tag&1){if(u.flags|=2048,rl(9,i0.bind(null,u,p,y,s),void 0,null),Ft===null)throw Error(r(349));(Ei&30)!==0||o0(u,s,y)}return y}function o0(o,s,u){o.flags|=16384,o={getSnapshot:s,value:u},s=ft.updateQueue,s===null?(s={lastEffect:null,stores:null},ft.updateQueue=s,s.stores=[o]):(u=s.stores,u===null?s.stores=[o]:u.push(o))}function i0(o,s,u,p){s.value=u,s.getSnapshot=p,a0(s)&&l0(o)}function s0(o,s,u){return u(function(){a0(s)&&l0(o)})}function a0(o){var s=o.getSnapshot;o=o.value;try{var u=s();return!ln(o,u)}catch{return!0}}function l0(o){var s=to(o,1);s!==null&&pn(s,o,1,-1)}function c0(o){var s=Nn();return typeof o=="function"&&(o=o()),s.memoizedState=s.baseState=o,o={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:tl,lastRenderedState:o},s.queue=o,o=o.dispatch=XP.bind(null,ft,o),[s.memoizedState,o]}function rl(o,s,u,p){return o={tag:o,create:s,destroy:u,deps:p,next:null},s=ft.updateQueue,s===null?(s={lastEffect:null,stores:null},ft.updateQueue=s,s.lastEffect=o.next=o):(u=s.lastEffect,u===null?s.lastEffect=o.next=o:(p=u.next,u.next=o,o.next=p,s.lastEffect=o)),o}function u0(){return Gr().memoizedState}function $c(o,s,u,p){var y=Nn();ft.flags|=o,y.memoizedState=rl(1|s,u,void 0,p===void 0?null:p)}function zc(o,s,u,p){var y=Gr();p=p===void 0?null:p;var S=void 0;if(Dt!==null){var A=Dt.memoizedState;if(S=A.destroy,p!==null&&lp(p,A.deps)){y.memoizedState=rl(s,u,S,p);return}}ft.flags|=o,y.memoizedState=rl(1|s,u,S,p)}function d0(o,s){return $c(8390656,8,o,s)}function pp(o,s){return zc(2048,8,o,s)}function f0(o,s){return zc(4,2,o,s)}function p0(o,s){return zc(4,4,o,s)}function m0(o,s){if(typeof s=="function")return o=o(),s(o),function(){s(null)};if(s!=null)return o=o(),s.current=o,function(){s.current=null}}function h0(o,s,u){return u=u!=null?u.concat([o]):null,zc(4,4,m0.bind(null,s,o),u)}function mp(){}function g0(o,s){var u=Gr();s=s===void 0?null:s;var p=u.memoizedState;return p!==null&&s!==null&&lp(s,p[1])?p[0]:(u.memoizedState=[o,s],o)}function y0(o,s){var u=Gr();s=s===void 0?null:s;var p=u.memoizedState;return p!==null&&s!==null&&lp(s,p[1])?p[0]:(o=o(),u.memoizedState=[o,s],o)}function v0(o,s,u){return(Ei&21)===0?(o.baseState&&(o.baseState=!1,wr=!0),o.memoizedState=u):(ln(u,s)||(u=Ky(),ft.lanes|=u,ki|=u,o.baseState=!0),s)}function KP(o,s){var u=et;et=u!==0&&4>u?u:4,o(!0);var p=ap.transition;ap.transition={};try{o(!1),s()}finally{et=u,ap.transition=p}}function b0(){return Gr().memoizedState}function YP(o,s,u){var p=Ko(o);if(u={lane:p,action:u,hasEagerState:!1,eagerState:null,next:null},w0(o))S0(s,u);else if(u=Qv(o,s,u,p),u!==null){var y=or();pn(u,o,p,y),x0(u,s,p)}}function XP(o,s,u){var p=Ko(o),y={lane:p,action:u,hasEagerState:!1,eagerState:null,next:null};if(w0(o))S0(s,y);else{var S=o.alternate;if(o.lanes===0&&(S===null||S.lanes===0)&&(S=s.lastRenderedReducer,S!==null))try{var A=s.lastRenderedState,F=S(A,u);if(y.hasEagerState=!0,y.eagerState=F,ln(F,A)){var q=s.interleaved;q===null?(y.next=y,tp(s)):(y.next=q.next,q.next=y),s.interleaved=y;return}}catch{}finally{}u=Qv(o,s,y,p),u!==null&&(y=or(),pn(u,o,p,y),x0(u,s,p))}}function w0(o){var s=o.alternate;return o===ft||s!==null&&s===ft}function S0(o,s){Za=Uc=!0;var u=o.pending;u===null?s.next=s:(s.next=u.next,u.next=s),o.pending=s}function x0(o,s,u){if((u&4194240)!==0){var p=s.lanes;p&=o.pendingLanes,u|=p,s.lanes=u,gf(o,u)}}var Bc={readContext:Wr,useCallback:Yt,useContext:Yt,useEffect:Yt,useImperativeHandle:Yt,useInsertionEffect:Yt,useLayoutEffect:Yt,useMemo:Yt,useReducer:Yt,useRef:Yt,useState:Yt,useDebugValue:Yt,useDeferredValue:Yt,useTransition:Yt,useMutableSource:Yt,useSyncExternalStore:Yt,useId:Yt,unstable_isNewReconciler:!1},QP={readContext:Wr,useCallback:function(o,s){return Nn().memoizedState=[o,s===void 0?null:s],o},useContext:Wr,useEffect:d0,useImperativeHandle:function(o,s,u){return u=u!=null?u.concat([o]):null,$c(4194308,4,m0.bind(null,s,o),u)},useLayoutEffect:function(o,s){return $c(4194308,4,o,s)},useInsertionEffect:function(o,s){return $c(4,2,o,s)},useMemo:function(o,s){var u=Nn();return s=s===void 0?null:s,o=o(),u.memoizedState=[o,s],o},useReducer:function(o,s,u){var p=Nn();return s=u!==void 0?u(s):s,p.memoizedState=p.baseState=s,o={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:o,lastRenderedState:s},p.queue=o,o=o.dispatch=YP.bind(null,ft,o),[p.memoizedState,o]},useRef:function(o){var s=Nn();return o={current:o},s.memoizedState=o},useState:c0,useDebugValue:mp,useDeferredValue:function(o){return Nn().memoizedState=o},useTransition:function(){var o=c0(!1),s=o[0];return o=KP.bind(null,o[1]),Nn().memoizedState=o,[s,o]},useMutableSource:function(){},useSyncExternalStore:function(o,s,u){var p=ft,y=Nn();if(lt){if(u===void 0)throw Error(r(407));u=u()}else{if(u=s(),Ft===null)throw Error(r(349));(Ei&30)!==0||o0(p,s,u)}y.memoizedState=u;var S={value:u,getSnapshot:s};return y.queue=S,d0(s0.bind(null,p,S,o),[o]),p.flags|=2048,rl(9,i0.bind(null,p,S,u,s),void 0,null),u},useId:function(){var o=Nn(),s=Ft.identifierPrefix;if(lt){var u=eo,p=Zn;u=(p&~(1<<32-an(p)-1)).toString(32)+u,s=":"+s+"R"+u,u=el++,0<u&&(s+="H"+u.toString(32)),s+=":"}else u=GP++,s=":"+s+"r"+u.toString(32)+":";return o.memoizedState=s},unstable_isNewReconciler:!1},JP={readContext:Wr,useCallback:g0,useContext:Wr,useEffect:pp,useImperativeHandle:h0,useInsertionEffect:f0,useLayoutEffect:p0,useMemo:y0,useReducer:dp,useRef:u0,useState:function(){return dp(tl)},useDebugValue:mp,useDeferredValue:function(o){var s=Gr();return v0(s,Dt.memoizedState,o)},useTransition:function(){var o=dp(tl)[0],s=Gr().memoizedState;return[o,s]},useMutableSource:r0,useSyncExternalStore:n0,useId:b0,unstable_isNewReconciler:!1},ZP={readContext:Wr,useCallback:g0,useContext:Wr,useEffect:pp,useImperativeHandle:h0,useInsertionEffect:f0,useLayoutEffect:p0,useMemo:y0,useReducer:fp,useRef:u0,useState:function(){return fp(tl)},useDebugValue:mp,useDeferredValue:function(o){var s=Gr();return Dt===null?s.memoizedState=o:v0(s,Dt.memoizedState,o)},useTransition:function(){var o=fp(tl)[0],s=Gr().memoizedState;return[o,s]},useMutableSource:r0,useSyncExternalStore:n0,useId:b0,unstable_isNewReconciler:!1};function un(o,s){if(o&&o.defaultProps){s=L({},s),o=o.defaultProps;for(var u in o)s[u]===void 0&&(s[u]=o[u]);return s}return s}function hp(o,s,u,p){s=o.memoizedState,u=u(p,s),u=u==null?s:L({},s,u),o.memoizedState=u,o.lanes===0&&(o.updateQueue.baseState=u)}var qc={isMounted:function(o){return(o=o._reactInternals)?vi(o)===o:!1},enqueueSetState:function(o,s,u){o=o._reactInternals;var p=or(),y=Ko(o),S=ro(p,y);S.payload=s,u!=null&&(S.callback=u),s=Vo(o,S,y),s!==null&&(pn(s,o,y,p),jc(s,o,y))},enqueueReplaceState:function(o,s,u){o=o._reactInternals;var p=or(),y=Ko(o),S=ro(p,y);S.tag=1,S.payload=s,u!=null&&(S.callback=u),s=Vo(o,S,y),s!==null&&(pn(s,o,y,p),jc(s,o,y))},enqueueForceUpdate:function(o,s){o=o._reactInternals;var u=or(),p=Ko(o),y=ro(u,p);y.tag=2,s!=null&&(y.callback=s),s=Vo(o,y,p),s!==null&&(pn(s,o,p,u),jc(s,o,p))}};function C0(o,s,u,p,y,S,A){return o=o.stateNode,typeof o.shouldComponentUpdate=="function"?o.shouldComponentUpdate(p,S,A):s.prototype&&s.prototype.isPureReactComponent?!Ba(u,p)||!Ba(y,S):!0}function R0(o,s,u){var p=!1,y=zo,S=s.contextType;return typeof S=="object"&&S!==null?S=Wr(S):(y=br(s)?wi:Kt.current,p=s.contextTypes,S=(p=p!=null)?ws(o,y):zo),s=new s(u,S),o.memoizedState=s.state!==null&&s.state!==void 0?s.state:null,s.updater=qc,o.stateNode=s,s._reactInternals=o,p&&(o=o.stateNode,o.__reactInternalMemoizedUnmaskedChildContext=y,o.__reactInternalMemoizedMaskedChildContext=S),s}function E0(o,s,u,p){o=s.state,typeof s.componentWillReceiveProps=="function"&&s.componentWillReceiveProps(u,p),typeof s.UNSAFE_componentWillReceiveProps=="function"&&s.UNSAFE_componentWillReceiveProps(u,p),s.state!==o&&qc.enqueueReplaceState(s,s.state,null)}function gp(o,s,u,p){var y=o.stateNode;y.props=u,y.state=o.memoizedState,y.refs={},rp(o);var S=s.contextType;typeof S=="object"&&S!==null?y.context=Wr(S):(S=br(s)?wi:Kt.current,y.context=ws(o,S)),y.state=o.memoizedState,S=s.getDerivedStateFromProps,typeof S=="function"&&(hp(o,s,S,u),y.state=o.memoizedState),typeof s.getDerivedStateFromProps=="function"||typeof y.getSnapshotBeforeUpdate=="function"||typeof y.UNSAFE_componentWillMount!="function"&&typeof y.componentWillMount!="function"||(s=y.state,typeof y.componentWillMount=="function"&&y.componentWillMount(),typeof y.UNSAFE_componentWillMount=="function"&&y.UNSAFE_componentWillMount(),s!==y.state&&qc.enqueueReplaceState(y,y.state,null),Lc(o,u,y,p),y.state=o.memoizedState),typeof y.componentDidMount=="function"&&(o.flags|=4194308)}function As(o,s){try{var u="",p=s;do u+=oe(p),p=p.return;while(p);var y=u}catch(S){y=`
+Error generating stack: `+S.message+`
+`+S.stack}return{value:o,source:s,stack:y,digest:null}}function yp(o,s,u){return{value:o,source:null,stack:u??null,digest:s??null}}function DH(o,s){}var eA=typeof WeakMap=="function"?WeakMap:Map;function k0(o,s,u){u=ro(-1,u),u.tag=3,u.payload={element:null};var p=s.value;return u.callback=function(){Xc||(Xc=!0,Op=p)},u}function P0(o,s,u){u=ro(-1,u),u.tag=3;var p=o.type.getDerivedStateFromError;if(typeof p=="function"){var y=s.value;u.payload=function(){return p(y)},u.callback=function(){}}var S=o.stateNode;return S!==null&&typeof S.componentDidCatch=="function"&&(u.callback=function(){typeof p!="function"&&(Wo===null?Wo=new Set([this]):Wo.add(this));var A=s.stack;this.componentDidCatch(s.value,{componentStack:A!==null?A:""})}),u}function A0(o,s,u){var p=o.pingCache;if(p===null){p=o.pingCache=new eA;var y=new Set;p.set(s,y)}else y=p.get(s),y===void 0&&(y=new Set,p.set(s,y));y.has(u)||(y.add(u),o=mA.bind(null,o,s,u),s.then(o,o))}function T0(o){do{var s;if((s=o.tag===13)&&(s=o.memoizedState,s=s!==null?s.dehydrated!==null:!0),s)return o;o=o.return}while(o!==null);return null}function N0(o,s,u,p,y){return(o.mode&1)===0?(o===s?o.flags|=65536:(o.flags|=128,u.flags|=131072,u.flags&=-52805,u.tag===1&&(u.alternate===null?u.tag=17:(s=ro(-1,1),s.tag=2,Vo(u,s,1))),u.lanes|=1),o):(o.flags|=65536,o.lanes=y,o)}var tA=T.ReactCurrentOwner,wr=!1;function nr(o,s,u,p){s.child=o===null?Xv(s,null,u,p):Rs(s,o.child,u,p)}function D0(o,s,u,p,y){u=u.render;var S=s.ref;return ks(s,y),p=cp(o,s,u,p,S,y),u=up(),o!==null&&!wr?(s.updateQueue=o.updateQueue,s.flags&=-2053,o.lanes&=~y,no(o,s,y)):(lt&&u&&Wf(s),s.flags|=1,nr(o,s,p,y),s.child)}function O0(o,s,u,p,y){if(o===null){var S=u.type;return typeof S=="function"&&!Up(S)&&S.defaultProps===void 0&&u.compare===null&&u.defaultProps===void 0?(s.tag=15,s.type=S,_0(o,s,S,p,y)):(o=ru(u.type,null,p,s,s.mode,y),o.ref=s.ref,o.return=s,s.child=o)}if(S=o.child,(o.lanes&y)===0){var A=S.memoizedProps;if(u=u.compare,u=u!==null?u:Ba,u(A,p)&&o.ref===s.ref)return no(o,s,y)}return s.flags|=1,o=Xo(S,p),o.ref=s.ref,o.return=s,s.child=o}function _0(o,s,u,p,y){if(o!==null){var S=o.memoizedProps;if(Ba(S,p)&&o.ref===s.ref)if(wr=!1,s.pendingProps=p=S,(o.lanes&y)!==0)(o.flags&131072)!==0&&(wr=!0);else return s.lanes=o.lanes,no(o,s,y)}return vp(o,s,u,p,y)}function M0(o,s,u){var p=s.pendingProps,y=p.children,S=o!==null?o.memoizedState:null;if(p.mode==="hidden")if((s.mode&1)===0)s.memoizedState={baseLanes:0,cachePool:null,transitions:null},tt(Ns,Lr),Lr|=u;else{if((u&1073741824)===0)return o=S!==null?S.baseLanes|u:u,s.lanes=s.childLanes=1073741824,s.memoizedState={baseLanes:o,cachePool:null,transitions:null},s.updateQueue=null,tt(Ns,Lr),Lr|=o,null;s.memoizedState={baseLanes:0,cachePool:null,transitions:null},p=S!==null?S.baseLanes:u,tt(Ns,Lr),Lr|=p}else S!==null?(p=S.baseLanes|u,s.memoizedState=null):p=u,tt(Ns,Lr),Lr|=p;return nr(o,s,y,u),s.child}function j0(o,s){var u=s.ref;(o===null&&u!==null||o!==null&&o.ref!==u)&&(s.flags|=512,s.flags|=2097152)}function vp(o,s,u,p,y){var S=br(u)?wi:Kt.current;return S=ws(s,S),ks(s,y),u=cp(o,s,u,p,S,y),p=up(),o!==null&&!wr?(s.updateQueue=o.updateQueue,s.flags&=-2053,o.lanes&=~y,no(o,s,y)):(lt&&p&&Wf(s),s.flags|=1,nr(o,s,u,y),s.child)}function L0(o,s,u,p,y){if(br(u)){var S=!0;Pc(s)}else S=!1;if(ks(s,y),s.stateNode===null)Hc(o,s),R0(s,u,p),gp(s,u,p,y),p=!0;else if(o===null){var A=s.stateNode,F=s.memoizedProps;A.props=F;var q=A.context,Z=u.contextType;typeof Z=="object"&&Z!==null?Z=Wr(Z):(Z=br(u)?wi:Kt.current,Z=ws(s,Z));var ae=u.getDerivedStateFromProps,de=typeof ae=="function"||typeof A.getSnapshotBeforeUpdate=="function";de||typeof A.UNSAFE_componentWillReceiveProps!="function"&&typeof A.componentWillReceiveProps!="function"||(F!==p||q!==Z)&&E0(s,A,p,Z),qo=!1;var se=s.memoizedState;A.state=se,Lc(s,p,A,y),q=s.memoizedState,F!==p||se!==q||vr.current||qo?(typeof ae=="function"&&(hp(s,u,ae,p),q=s.memoizedState),(F=qo||C0(s,u,F,p,se,q,Z))?(de||typeof A.UNSAFE_componentWillMount!="function"&&typeof A.componentWillMount!="function"||(typeof A.componentWillMount=="function"&&A.componentWillMount(),typeof A.UNSAFE_componentWillMount=="function"&&A.UNSAFE_componentWillMount()),typeof A.componentDidMount=="function"&&(s.flags|=4194308)):(typeof A.componentDidMount=="function"&&(s.flags|=4194308),s.memoizedProps=p,s.memoizedState=q),A.props=p,A.state=q,A.context=Z,p=F):(typeof A.componentDidMount=="function"&&(s.flags|=4194308),p=!1)}else{A=s.stateNode,Jv(o,s),F=s.memoizedProps,Z=s.type===s.elementType?F:un(s.type,F),A.props=Z,de=s.pendingProps,se=A.context,q=u.contextType,typeof q=="object"&&q!==null?q=Wr(q):(q=br(u)?wi:Kt.current,q=ws(s,q));var be=u.getDerivedStateFromProps;(ae=typeof be=="function"||typeof A.getSnapshotBeforeUpdate=="function")||typeof A.UNSAFE_componentWillReceiveProps!="function"&&typeof A.componentWillReceiveProps!="function"||(F!==de||se!==q)&&E0(s,A,p,q),qo=!1,se=s.memoizedState,A.state=se,Lc(s,p,A,y);var Ce=s.memoizedState;F!==de||se!==Ce||vr.current||qo?(typeof be=="function"&&(hp(s,u,be,p),Ce=s.memoizedState),(Z=qo||C0(s,u,Z,p,se,Ce,q)||!1)?(ae||typeof A.UNSAFE_componentWillUpdate!="function"&&typeof A.componentWillUpdate!="function"||(typeof A.componentWillUpdate=="function"&&A.componentWillUpdate(p,Ce,q),typeof A.UNSAFE_componentWillUpdate=="function"&&A.UNSAFE_componentWillUpdate(p,Ce,q)),typeof A.componentDidUpdate=="function"&&(s.flags|=4),typeof A.getSnapshotBeforeUpdate=="function"&&(s.flags|=1024)):(typeof A.componentDidUpdate!="function"||F===o.memoizedProps&&se===o.memoizedState||(s.flags|=4),typeof A.getSnapshotBeforeUpdate!="function"||F===o.memoizedProps&&se===o.memoizedState||(s.flags|=1024),s.memoizedProps=p,s.memoizedState=Ce),A.props=p,A.state=Ce,A.context=q,p=Z):(typeof A.componentDidUpdate!="function"||F===o.memoizedProps&&se===o.memoizedState||(s.flags|=4),typeof A.getSnapshotBeforeUpdate!="function"||F===o.memoizedProps&&se===o.memoizedState||(s.flags|=1024),p=!1)}return bp(o,s,u,p,S,y)}function bp(o,s,u,p,y,S){j0(o,s);var A=(s.flags&128)!==0;if(!p&&!A)return y&&zv(s,u,!1),no(o,s,S);p=s.stateNode,tA.current=s;var F=A&&typeof u.getDerivedStateFromError!="function"?null:p.render();return s.flags|=1,o!==null&&A?(s.child=Rs(s,o.child,null,S),s.child=Rs(s,null,F,S)):nr(o,s,F,S),s.memoizedState=p.state,y&&zv(s,u,!0),s.child}function F0(o){var s=o.stateNode;s.pendingContext?Uv(o,s.pendingContext,s.pendingContext!==s.context):s.context&&Uv(o,s.context,!1),np(o,s.containerInfo)}function I0(o,s,u,p,y){return Cs(),Xf(y),s.flags|=256,nr(o,s,u,p),s.child}var wp={dehydrated:null,treeContext:null,retryLane:0};function Sp(o){return{baseLanes:o,cachePool:null,transitions:null}}function U0(o,s,u){var p=s.pendingProps,y=dt.current,S=!1,A=(s.flags&128)!==0,F;if((F=A)||(F=o!==null&&o.memoizedState===null?!1:(y&2)!==0),F?(S=!0,s.flags&=-129):(o===null||o.memoizedState!==null)&&(y|=1),tt(dt,y&1),o===null)return Yf(s),o=s.memoizedState,o!==null&&(o=o.dehydrated,o!==null)?((s.mode&1)===0?s.lanes=1:o.data==="$!"?s.lanes=8:s.lanes=1073741824,null):(A=p.children,o=p.fallback,S?(p=s.mode,S=s.child,A={mode:"hidden",children:A},(p&1)===0&&S!==null?(S.childLanes=0,S.pendingProps=A):S=nu(A,p,0,null),o=Ni(o,p,u,null),S.return=s,o.return=s,S.sibling=o,s.child=S,s.child.memoizedState=Sp(u),s.memoizedState=wp,o):xp(s,A));if(y=o.memoizedState,y!==null&&(F=y.dehydrated,F!==null))return rA(o,s,A,p,F,y,u);if(S){S=p.fallback,A=s.mode,y=o.child,F=y.sibling;var q={mode:"hidden",children:p.children};return(A&1)===0&&s.child!==y?(p=s.child,p.childLanes=0,p.pendingProps=q,s.deletions=null):(p=Xo(y,q),p.subtreeFlags=y.subtreeFlags&14680064),F!==null?S=Xo(F,S):(S=Ni(S,A,u,null),S.flags|=2),S.return=s,p.return=s,p.sibling=S,s.child=p,p=S,S=s.child,A=o.child.memoizedState,A=A===null?Sp(u):{baseLanes:A.baseLanes|u,cachePool:null,transitions:A.transitions},S.memoizedState=A,S.childLanes=o.childLanes&~u,s.memoizedState=wp,p}return S=o.child,o=S.sibling,p=Xo(S,{mode:"visible",children:p.children}),(s.mode&1)===0&&(p.lanes=u),p.return=s,p.sibling=null,o!==null&&(u=s.deletions,u===null?(s.deletions=[o],s.flags|=16):u.push(o)),s.child=p,s.memoizedState=null,p}function xp(o,s){return s=nu({mode:"visible",children:s},o.mode,0,null),s.return=o,o.child=s}function Vc(o,s,u,p){return p!==null&&Xf(p),Rs(s,o.child,null,u),o=xp(s,s.pendingProps.children),o.flags|=2,s.memoizedState=null,o}function rA(o,s,u,p,y,S,A){if(u)return s.flags&256?(s.flags&=-257,p=yp(Error(r(422))),Vc(o,s,A,p)):s.memoizedState!==null?(s.child=o.child,s.flags|=128,null):(S=p.fallback,y=s.mode,p=nu({mode:"visible",children:p.children},y,0,null),S=Ni(S,y,A,null),S.flags|=2,p.return=s,S.return=s,p.sibling=S,s.child=p,(s.mode&1)!==0&&Rs(s,o.child,null,A),s.child.memoizedState=Sp(A),s.memoizedState=wp,S);if((s.mode&1)===0)return Vc(o,s,A,null);if(y.data==="$!"){if(p=y.nextSibling&&y.nextSibling.dataset,p)var F=p.dgst;return p=F,S=Error(r(419)),p=yp(S,p,void 0),Vc(o,s,A,p)}if(F=(A&o.childLanes)!==0,wr||F){if(p=Ft,p!==null){switch(A&-A){case 4:y=2;break;case 16:y=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:y=32;break;case 536870912:y=268435456;break;default:y=0}y=(y&(p.suspendedLanes|A))!==0?0:y,y!==0&&y!==S.retryLane&&(S.retryLane=y,to(o,y),pn(p,o,y,-1))}return Ip(),p=yp(Error(r(421))),Vc(o,s,A,p)}return y.data==="$?"?(s.flags|=128,s.child=o.child,s=hA.bind(null,o),y._reactRetry=s,null):(o=S.treeContext,jr=Uo(y.nextSibling),Mr=s,lt=!0,cn=null,o!==null&&(Vr[Hr++]=Zn,Vr[Hr++]=eo,Vr[Hr++]=Si,Zn=o.id,eo=o.overflow,Si=s),s=xp(s,p.children),s.flags|=4096,s)}function $0(o,s,u){o.lanes|=s;var p=o.alternate;p!==null&&(p.lanes|=s),ep(o.return,s,u)}function Cp(o,s,u,p,y){var S=o.memoizedState;S===null?o.memoizedState={isBackwards:s,rendering:null,renderingStartTime:0,last:p,tail:u,tailMode:y}:(S.isBackwards=s,S.rendering=null,S.renderingStartTime=0,S.last=p,S.tail=u,S.tailMode=y)}function z0(o,s,u){var p=s.pendingProps,y=p.revealOrder,S=p.tail;if(nr(o,s,p.children,u),p=dt.current,(p&2)!==0)p=p&1|2,s.flags|=128;else{if(o!==null&&(o.flags&128)!==0)e:for(o=s.child;o!==null;){if(o.tag===13)o.memoizedState!==null&&$0(o,u,s);else if(o.tag===19)$0(o,u,s);else if(o.child!==null){o.child.return=o,o=o.child;continue}if(o===s)break e;for(;o.sibling===null;){if(o.return===null||o.return===s)break e;o=o.return}o.sibling.return=o.return,o=o.sibling}p&=1}if(tt(dt,p),(s.mode&1)===0)s.memoizedState=null;else switch(y){case"forwards":for(u=s.child,y=null;u!==null;)o=u.alternate,o!==null&&Fc(o)===null&&(y=u),u=u.sibling;u=y,u===null?(y=s.child,s.child=null):(y=u.sibling,u.sibling=null),Cp(s,!1,y,u,S);break;case"backwards":for(u=null,y=s.child,s.child=null;y!==null;){if(o=y.alternate,o!==null&&Fc(o)===null){s.child=y;break}o=y.sibling,y.sibling=u,u=y,y=o}Cp(s,!0,u,null,S);break;case"together":Cp(s,!1,null,null,void 0);break;default:s.memoizedState=null}return s.child}function Hc(o,s){(s.mode&1)===0&&o!==null&&(o.alternate=null,s.alternate=null,s.flags|=2)}function no(o,s,u){if(o!==null&&(s.dependencies=o.dependencies),ki|=s.lanes,(u&s.childLanes)===0)return null;if(o!==null&&s.child!==o.child)throw Error(r(153));if(s.child!==null){for(o=s.child,u=Xo(o,o.pendingProps),s.child=u,u.return=s;o.sibling!==null;)o=o.sibling,u=u.sibling=Xo(o,o.pendingProps),u.return=s;u.sibling=null}return s.child}function nA(o,s,u){switch(s.tag){case 3:F0(s),Cs();break;case 5:t0(s);break;case 1:br(s.type)&&Pc(s);break;case 4:np(s,s.stateNode.containerInfo);break;case 10:var p=s.type._context,y=s.memoizedProps.value;tt(_c,p._currentValue),p._currentValue=y;break;case 13:if(p=s.memoizedState,p!==null)return p.dehydrated!==null?(tt(dt,dt.current&1),s.flags|=128,null):(u&s.child.childLanes)!==0?U0(o,s,u):(tt(dt,dt.current&1),o=no(o,s,u),o!==null?o.sibling:null);tt(dt,dt.current&1);break;case 19:if(p=(u&s.childLanes)!==0,(o.flags&128)!==0){if(p)return z0(o,s,u);s.flags|=128}if(y=s.memoizedState,y!==null&&(y.rendering=null,y.tail=null,y.lastEffect=null),tt(dt,dt.current),p)break;return null;case 22:case 23:return s.lanes=0,M0(o,s,u)}return no(o,s,u)}var B0,Rp,q0,V0;B0=function(o,s){for(var u=s.child;u!==null;){if(u.tag===5||u.tag===6)o.appendChild(u.stateNode);else if(u.tag!==4&&u.child!==null){u.child.return=u,u=u.child;continue}if(u===s)break;for(;u.sibling===null;){if(u.return===null||u.return===s)return;u=u.return}u.sibling.return=u.return,u=u.sibling}},Rp=function(){},q0=function(o,s,u,p){var y=o.memoizedProps;if(y!==p){o=s.stateNode,Ri(Tn.current);var S=null;switch(u){case"input":y=We(o,y),p=We(o,p),S=[];break;case"select":y=L({},y,{value:void 0}),p=L({},p,{value:void 0}),S=[];break;case"textarea":y=yt(o,y),p=yt(o,p),S=[];break;default:typeof y.onClick!="function"&&typeof p.onClick=="function"&&(o.onclick=Rc)}mt(u,p);var A;u=null;for(Z in y)if(!p.hasOwnProperty(Z)&&y.hasOwnProperty(Z)&&y[Z]!=null)if(Z==="style"){var F=y[Z];for(A in F)F.hasOwnProperty(A)&&(u||(u={}),u[A]="")}else Z!=="dangerouslySetInnerHTML"&&Z!=="children"&&Z!=="suppressContentEditableWarning"&&Z!=="suppressHydrationWarning"&&Z!=="autoFocus"&&(i.hasOwnProperty(Z)?S||(S=[]):(S=S||[]).push(Z,null));for(Z in p){var q=p[Z];if(F=y!=null?y[Z]:void 0,p.hasOwnProperty(Z)&&q!==F&&(q!=null||F!=null))if(Z==="style")if(F){for(A in F)!F.hasOwnProperty(A)||q&&q.hasOwnProperty(A)||(u||(u={}),u[A]="");for(A in q)q.hasOwnProperty(A)&&F[A]!==q[A]&&(u||(u={}),u[A]=q[A])}else u||(S||(S=[]),S.push(Z,u)),u=q;else Z==="dangerouslySetInnerHTML"?(q=q?q.__html:void 0,F=F?F.__html:void 0,q!=null&&F!==q&&(S=S||[]).push(Z,q)):Z==="children"?typeof q!="string"&&typeof q!="number"||(S=S||[]).push(Z,""+q):Z!=="suppressContentEditableWarning"&&Z!=="suppressHydrationWarning"&&(i.hasOwnProperty(Z)?(q!=null&&Z==="onScroll"&&nt("scroll",o),S||F===q||(S=[])):(S=S||[]).push(Z,q))}u&&(S=S||[]).push("style",u);var Z=S;(s.updateQueue=Z)&&(s.flags|=4)}},V0=function(o,s,u,p){u!==p&&(s.flags|=4)};function nl(o,s){if(!lt)switch(o.tailMode){case"hidden":s=o.tail;for(var u=null;s!==null;)s.alternate!==null&&(u=s),s=s.sibling;u===null?o.tail=null:u.sibling=null;break;case"collapsed":u=o.tail;for(var p=null;u!==null;)u.alternate!==null&&(p=u),u=u.sibling;p===null?s||o.tail===null?o.tail=null:o.tail.sibling=null:p.sibling=null}}function Xt(o){var s=o.alternate!==null&&o.alternate.child===o.child,u=0,p=0;if(s)for(var y=o.child;y!==null;)u|=y.lanes|y.childLanes,p|=y.subtreeFlags&14680064,p|=y.flags&14680064,y.return=o,y=y.sibling;else for(y=o.child;y!==null;)u|=y.lanes|y.childLanes,p|=y.subtreeFlags,p|=y.flags,y.return=o,y=y.sibling;return o.subtreeFlags|=p,o.childLanes=u,s}function oA(o,s,u){var p=s.pendingProps;switch(Gf(s),s.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Xt(s),null;case 1:return br(s.type)&&kc(),Xt(s),null;case 3:return p=s.stateNode,Ps(),ot(vr),ot(Kt),sp(),p.pendingContext&&(p.context=p.pendingContext,p.pendingContext=null),(o===null||o.child===null)&&(Dc(s)?s.flags|=4:o===null||o.memoizedState.isDehydrated&&(s.flags&256)===0||(s.flags|=1024,cn!==null&&(jp(cn),cn=null))),Rp(o,s),Xt(s),null;case 5:op(s);var y=Ri(Ja.current);if(u=s.type,o!==null&&s.stateNode!=null)q0(o,s,u,p,y),o.ref!==s.ref&&(s.flags|=512,s.flags|=2097152);else{if(!p){if(s.stateNode===null)throw Error(r(166));return Xt(s),null}if(o=Ri(Tn.current),Dc(s)){p=s.stateNode,u=s.type;var S=s.memoizedProps;switch(p[An]=s,p[Ga]=S,o=(s.mode&1)!==0,u){case"dialog":nt("cancel",p),nt("close",p);break;case"iframe":case"object":case"embed":nt("load",p);break;case"video":case"audio":for(y=0;y<Va.length;y++)nt(Va[y],p);break;case"source":nt("error",p);break;case"img":case"image":case"link":nt("error",p),nt("load",p);break;case"details":nt("toggle",p);break;case"input":Pt(p,S),nt("invalid",p);break;case"select":p._wrapperState={wasMultiple:!!S.multiple},nt("invalid",p);break;case"textarea":fr(p,S),nt("invalid",p)}mt(u,S),y=null;for(var A in S)if(S.hasOwnProperty(A)){var F=S[A];A==="children"?typeof F=="string"?p.textContent!==F&&(S.suppressHydrationWarning!==!0&&Cc(p.textContent,F,o),y=["children",F]):typeof F=="number"&&p.textContent!==""+F&&(S.suppressHydrationWarning!==!0&&Cc(p.textContent,F,o),y=["children",""+F]):i.hasOwnProperty(A)&&F!=null&&A==="onScroll"&&nt("scroll",p)}switch(u){case"input":ge(p),dr(p,S,!0);break;case"textarea":ge(p),Ze(p);break;case"select":case"option":break;default:typeof S.onClick=="function"&&(p.onclick=Rc)}p=y,s.updateQueue=p,p!==null&&(s.flags|=4)}else{A=y.nodeType===9?y:y.ownerDocument,o==="http://www.w3.org/1999/xhtml"&&(o=pr(u)),o==="http://www.w3.org/1999/xhtml"?u==="script"?(o=A.createElement("div"),o.innerHTML="<script><\/script>",o=o.removeChild(o.firstChild)):typeof p.is=="string"?o=A.createElement(u,{is:p.is}):(o=A.createElement(u),u==="select"&&(A=o,p.multiple?A.multiple=!0:p.size&&(A.size=p.size))):o=A.createElementNS(o,u),o[An]=s,o[Ga]=p,B0(o,s,!1,!1),s.stateNode=o;e:{switch(A=yr(u,p),u){case"dialog":nt("cancel",o),nt("close",o),y=p;break;case"iframe":case"object":case"embed":nt("load",o),y=p;break;case"video":case"audio":for(y=0;y<Va.length;y++)nt(Va[y],o);y=p;break;case"source":nt("error",o),y=p;break;case"img":case"image":case"link":nt("error",o),nt("load",o),y=p;break;case"details":nt("toggle",o),y=p;break;case"input":Pt(o,p),y=We(o,p),nt("invalid",o);break;case"option":y=p;break;case"select":o._wrapperState={wasMultiple:!!p.multiple},y=L({},p,{value:void 0}),nt("invalid",o);break;case"textarea":fr(o,p),y=yt(o,p),nt("invalid",o);break;default:y=p}mt(u,y),F=y;for(S in F)if(F.hasOwnProperty(S)){var q=F[S];S==="style"?zt(o,q):S==="dangerouslySetInnerHTML"?(q=q?q.__html:void 0,q!=null&&Ao(o,q)):S==="children"?typeof q=="string"?(u!=="textarea"||q!=="")&&hr(o,q):typeof q=="number"&&hr(o,""+q):S!=="suppressContentEditableWarning"&&S!=="suppressHydrationWarning"&&S!=="autoFocus"&&(i.hasOwnProperty(S)?q!=null&&S==="onScroll"&&nt("scroll",o):q!=null&&k(o,S,q,A))}switch(u){case"input":ge(o),dr(o,p,!1);break;case"textarea":ge(o),Ze(o);break;case"option":p.value!=null&&o.setAttribute("value",""+ue(p.value));break;case"select":o.multiple=!!p.multiple,S=p.value,S!=null?Dr(o,!!p.multiple,S,!1):p.defaultValue!=null&&Dr(o,!!p.multiple,p.defaultValue,!0);break;default:typeof y.onClick=="function"&&(o.onclick=Rc)}switch(u){case"button":case"input":case"select":case"textarea":p=!!p.autoFocus;break e;case"img":p=!0;break e;default:p=!1}}p&&(s.flags|=4)}s.ref!==null&&(s.flags|=512,s.flags|=2097152)}return Xt(s),null;case 6:if(o&&s.stateNode!=null)V0(o,s,o.memoizedProps,p);else{if(typeof p!="string"&&s.stateNode===null)throw Error(r(166));if(u=Ri(Ja.current),Ri(Tn.current),Dc(s)){if(p=s.stateNode,u=s.memoizedProps,p[An]=s,(S=p.nodeValue!==u)&&(o=Mr,o!==null))switch(o.tag){case 3:Cc(p.nodeValue,u,(o.mode&1)!==0);break;case 5:o.memoizedProps.suppressHydrationWarning!==!0&&Cc(p.nodeValue,u,(o.mode&1)!==0)}S&&(s.flags|=4)}else p=(u.nodeType===9?u:u.ownerDocument).createTextNode(p),p[An]=s,s.stateNode=p}return Xt(s),null;case 13:if(ot(dt),p=s.memoizedState,o===null||o.memoizedState!==null&&o.memoizedState.dehydrated!==null){if(lt&&jr!==null&&(s.mode&1)!==0&&(s.flags&128)===0)Gv(),Cs(),s.flags|=98560,S=!1;else if(S=Dc(s),p!==null&&p.dehydrated!==null){if(o===null){if(!S)throw Error(r(318));if(S=s.memoizedState,S=S!==null?S.dehydrated:null,!S)throw Error(r(317));S[An]=s}else Cs(),(s.flags&128)===0&&(s.memoizedState=null),s.flags|=4;Xt(s),S=!1}else cn!==null&&(jp(cn),cn=null),S=!0;if(!S)return s.flags&65536?s:null}return(s.flags&128)!==0?(s.lanes=u,s):(p=p!==null,p!==(o!==null&&o.memoizedState!==null)&&p&&(s.child.flags|=8192,(s.mode&1)!==0&&(o===null||(dt.current&1)!==0?Ot===0&&(Ot=3):Ip())),s.updateQueue!==null&&(s.flags|=4),Xt(s),null);case 4:return Ps(),Rp(o,s),o===null&&Ha(s.stateNode.containerInfo),Xt(s),null;case 10:return Zf(s.type._context),Xt(s),null;case 17:return br(s.type)&&kc(),Xt(s),null;case 19:if(ot(dt),S=s.memoizedState,S===null)return Xt(s),null;if(p=(s.flags&128)!==0,A=S.rendering,A===null)if(p)nl(S,!1);else{if(Ot!==0||o!==null&&(o.flags&128)!==0)for(o=s.child;o!==null;){if(A=Fc(o),A!==null){for(s.flags|=128,nl(S,!1),p=A.updateQueue,p!==null&&(s.updateQueue=p,s.flags|=4),s.subtreeFlags=0,p=u,u=s.child;u!==null;)S=u,o=p,S.flags&=14680066,A=S.alternate,A===null?(S.childLanes=0,S.lanes=o,S.child=null,S.subtreeFlags=0,S.memoizedProps=null,S.memoizedState=null,S.updateQueue=null,S.dependencies=null,S.stateNode=null):(S.childLanes=A.childLanes,S.lanes=A.lanes,S.child=A.child,S.subtreeFlags=0,S.deletions=null,S.memoizedProps=A.memoizedProps,S.memoizedState=A.memoizedState,S.updateQueue=A.updateQueue,S.type=A.type,o=A.dependencies,S.dependencies=o===null?null:{lanes:o.lanes,firstContext:o.firstContext}),u=u.sibling;return tt(dt,dt.current&1|2),s.child}o=o.sibling}S.tail!==null&&bt()>Ds&&(s.flags|=128,p=!0,nl(S,!1),s.lanes=4194304)}else{if(!p)if(o=Fc(A),o!==null){if(s.flags|=128,p=!0,u=o.updateQueue,u!==null&&(s.updateQueue=u,s.flags|=4),nl(S,!0),S.tail===null&&S.tailMode==="hidden"&&!A.alternate&&!lt)return Xt(s),null}else 2*bt()-S.renderingStartTime>Ds&&u!==1073741824&&(s.flags|=128,p=!0,nl(S,!1),s.lanes=4194304);S.isBackwards?(A.sibling=s.child,s.child=A):(u=S.last,u!==null?u.sibling=A:s.child=A,S.last=A)}return S.tail!==null?(s=S.tail,S.rendering=s,S.tail=s.sibling,S.renderingStartTime=bt(),s.sibling=null,u=dt.current,tt(dt,p?u&1|2:u&1),s):(Xt(s),null);case 22:case 23:return Fp(),p=s.memoizedState!==null,o!==null&&o.memoizedState!==null!==p&&(s.flags|=8192),p&&(s.mode&1)!==0?(Lr&1073741824)!==0&&(Xt(s),s.subtreeFlags&6&&(s.flags|=8192)):Xt(s),null;case 24:return null;case 25:return null}throw Error(r(156,s.tag))}function iA(o,s){switch(Gf(s),s.tag){case 1:return br(s.type)&&kc(),o=s.flags,o&65536?(s.flags=o&-65537|128,s):null;case 3:return Ps(),ot(vr),ot(Kt),sp(),o=s.flags,(o&65536)!==0&&(o&128)===0?(s.flags=o&-65537|128,s):null;case 5:return op(s),null;case 13:if(ot(dt),o=s.memoizedState,o!==null&&o.dehydrated!==null){if(s.alternate===null)throw Error(r(340));Cs()}return o=s.flags,o&65536?(s.flags=o&-65537|128,s):null;case 19:return ot(dt),null;case 4:return Ps(),null;case 10:return Zf(s.type._context),null;case 22:case 23:return Fp(),null;case 24:return null;default:return null}}var Wc=!1,Qt=!1,sA=typeof WeakSet=="function"?WeakSet:Set,Se=null;function Ts(o,s){var u=o.ref;if(u!==null)if(typeof u=="function")try{u(null)}catch(p){ht(o,s,p)}else u.current=null}function Ep(o,s,u){try{u()}catch(p){ht(o,s,p)}}var H0=!1;function aA(o,s){if(If=fc,o=Cv(),Nf(o)){if("selectionStart"in o)var u={start:o.selectionStart,end:o.selectionEnd};else e:{u=(u=o.ownerDocument)&&u.defaultView||window;var p=u.getSelection&&u.getSelection();if(p&&p.rangeCount!==0){u=p.anchorNode;var y=p.anchorOffset,S=p.focusNode;p=p.focusOffset;try{u.nodeType,S.nodeType}catch{u=null;break e}var A=0,F=-1,q=-1,Z=0,ae=0,de=o,se=null;t:for(;;){for(var be;de!==u||y!==0&&de.nodeType!==3||(F=A+y),de!==S||p!==0&&de.nodeType!==3||(q=A+p),de.nodeType===3&&(A+=de.nodeValue.length),(be=de.firstChild)!==null;)se=de,de=be;for(;;){if(de===o)break t;if(se===u&&++Z===y&&(F=A),se===S&&++ae===p&&(q=A),(be=de.nextSibling)!==null)break;de=se,se=de.parentNode}de=be}u=F===-1||q===-1?null:{start:F,end:q}}else u=null}u=u||{start:0,end:0}}else u=null;for(Uf={focusedElem:o,selectionRange:u},fc=!1,Se=s;Se!==null;)if(s=Se,o=s.child,(s.subtreeFlags&1028)!==0&&o!==null)o.return=s,Se=o;else for(;Se!==null;){s=Se;try{var Ce=s.alternate;if((s.flags&1024)!==0)switch(s.tag){case 0:case 11:case 15:break;case 1:if(Ce!==null){var Ee=Ce.memoizedProps,wt=Ce.memoizedState,Q=s.stateNode,G=Q.getSnapshotBeforeUpdate(s.elementType===s.type?Ee:un(s.type,Ee),wt);Q.__reactInternalSnapshotBeforeUpdate=G}break;case 3:var J=s.stateNode.containerInfo;J.nodeType===1?J.textContent="":J.nodeType===9&&J.documentElement&&J.removeChild(J.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(r(163))}}catch(fe){ht(s,s.return,fe)}if(o=s.sibling,o!==null){o.return=s.return,Se=o;break}Se=s.return}return Ce=H0,H0=!1,Ce}function ol(o,s,u){var p=s.updateQueue;if(p=p!==null?p.lastEffect:null,p!==null){var y=p=p.next;do{if((y.tag&o)===o){var S=y.destroy;y.destroy=void 0,S!==void 0&&Ep(s,u,S)}y=y.next}while(y!==p)}}function Gc(o,s){if(s=s.updateQueue,s=s!==null?s.lastEffect:null,s!==null){var u=s=s.next;do{if((u.tag&o)===o){var p=u.create;u.destroy=p()}u=u.next}while(u!==s)}}function kp(o){var s=o.ref;if(s!==null){var u=o.stateNode;switch(o.tag){case 5:o=u;break;default:o=u}typeof s=="function"?s(o):s.current=o}}function W0(o){var s=o.alternate;s!==null&&(o.alternate=null,W0(s)),o.child=null,o.deletions=null,o.sibling=null,o.tag===5&&(s=o.stateNode,s!==null&&(delete s[An],delete s[Ga],delete s[qf],delete s[qP],delete s[VP])),o.stateNode=null,o.return=null,o.dependencies=null,o.memoizedProps=null,o.memoizedState=null,o.pendingProps=null,o.stateNode=null,o.updateQueue=null}function G0(o){return o.tag===5||o.tag===3||o.tag===4}function K0(o){e:for(;;){for(;o.sibling===null;){if(o.return===null||G0(o.return))return null;o=o.return}for(o.sibling.return=o.return,o=o.sibling;o.tag!==5&&o.tag!==6&&o.tag!==18;){if(o.flags&2||o.child===null||o.tag===4)continue e;o.child.return=o,o=o.child}if(!(o.flags&2))return o.stateNode}}function Pp(o,s,u){var p=o.tag;if(p===5||p===6)o=o.stateNode,s?u.nodeType===8?u.parentNode.insertBefore(o,s):u.insertBefore(o,s):(u.nodeType===8?(s=u.parentNode,s.insertBefore(o,u)):(s=u,s.appendChild(o)),u=u._reactRootContainer,u!=null||s.onclick!==null||(s.onclick=Rc));else if(p!==4&&(o=o.child,o!==null))for(Pp(o,s,u),o=o.sibling;o!==null;)Pp(o,s,u),o=o.sibling}function Ap(o,s,u){var p=o.tag;if(p===5||p===6)o=o.stateNode,s?u.insertBefore(o,s):u.appendChild(o);else if(p!==4&&(o=o.child,o!==null))for(Ap(o,s,u),o=o.sibling;o!==null;)Ap(o,s,u),o=o.sibling}var qt=null,dn=!1;function Ho(o,s,u){for(u=u.child;u!==null;)Y0(o,s,u),u=u.sibling}function Y0(o,s,u){if(Pn&&typeof Pn.onCommitFiberUnmount=="function")try{Pn.onCommitFiberUnmount(sc,u)}catch{}switch(u.tag){case 5:Qt||Ts(u,s);case 6:var p=qt,y=dn;qt=null,Ho(o,s,u),qt=p,dn=y,qt!==null&&(dn?(o=qt,u=u.stateNode,o.nodeType===8?o.parentNode.removeChild(u):o.removeChild(u)):qt.removeChild(u.stateNode));break;case 18:qt!==null&&(dn?(o=qt,u=u.stateNode,o.nodeType===8?Bf(o.parentNode,u):o.nodeType===1&&Bf(o,u),La(o)):Bf(qt,u.stateNode));break;case 4:p=qt,y=dn,qt=u.stateNode.containerInfo,dn=!0,Ho(o,s,u),qt=p,dn=y;break;case 0:case 11:case 14:case 15:if(!Qt&&(p=u.updateQueue,p!==null&&(p=p.lastEffect,p!==null))){y=p=p.next;do{var S=y,A=S.destroy;S=S.tag,A!==void 0&&((S&2)!==0||(S&4)!==0)&&Ep(u,s,A),y=y.next}while(y!==p)}Ho(o,s,u);break;case 1:if(!Qt&&(Ts(u,s),p=u.stateNode,typeof p.componentWillUnmount=="function"))try{p.props=u.memoizedProps,p.state=u.memoizedState,p.componentWillUnmount()}catch(F){ht(u,s,F)}Ho(o,s,u);break;case 21:Ho(o,s,u);break;case 22:u.mode&1?(Qt=(p=Qt)||u.memoizedState!==null,Ho(o,s,u),Qt=p):Ho(o,s,u);break;default:Ho(o,s,u)}}function X0(o){var s=o.updateQueue;if(s!==null){o.updateQueue=null;var u=o.stateNode;u===null&&(u=o.stateNode=new sA),s.forEach(function(p){var y=gA.bind(null,o,p);u.has(p)||(u.add(p),p.then(y,y))})}}function fn(o,s){var u=s.deletions;if(u!==null)for(var p=0;p<u.length;p++){var y=u[p];try{var S=o,A=s,F=A;e:for(;F!==null;){switch(F.tag){case 5:qt=F.stateNode,dn=!1;break e;case 3:qt=F.stateNode.containerInfo,dn=!0;break e;case 4:qt=F.stateNode.containerInfo,dn=!0;break e}F=F.return}if(qt===null)throw Error(r(160));Y0(S,A,y),qt=null,dn=!1;var q=y.alternate;q!==null&&(q.return=null),y.return=null}catch(Z){ht(y,s,Z)}}if(s.subtreeFlags&12854)for(s=s.child;s!==null;)Q0(s,o),s=s.sibling}function Q0(o,s){var u=o.alternate,p=o.flags;switch(o.tag){case 0:case 11:case 14:case 15:if(fn(s,o),Dn(o),p&4){try{ol(3,o,o.return),Gc(3,o)}catch(Ee){ht(o,o.return,Ee)}try{ol(5,o,o.return)}catch(Ee){ht(o,o.return,Ee)}}break;case 1:fn(s,o),Dn(o),p&512&&u!==null&&Ts(u,u.return);break;case 5:if(fn(s,o),Dn(o),p&512&&u!==null&&Ts(u,u.return),o.flags&32){var y=o.stateNode;try{hr(y,"")}catch(Ee){ht(o,o.return,Ee)}}if(p&4&&(y=o.stateNode,y!=null)){var S=o.memoizedProps,A=u!==null?u.memoizedProps:S,F=o.type,q=o.updateQueue;if(o.updateQueue=null,q!==null)try{F==="input"&&S.type==="radio"&&S.name!=null&&tr(y,S),yr(F,A);var Z=yr(F,S);for(A=0;A<q.length;A+=2){var ae=q[A],de=q[A+1];ae==="style"?zt(y,de):ae==="dangerouslySetInnerHTML"?Ao(y,de):ae==="children"?hr(y,de):k(y,ae,de,Z)}switch(F){case"input":at(y,S);break;case"textarea":Yn(y,S);break;case"select":var se=y._wrapperState.wasMultiple;y._wrapperState.wasMultiple=!!S.multiple;var be=S.value;be!=null?Dr(y,!!S.multiple,be,!1):se!==!!S.multiple&&(S.defaultValue!=null?Dr(y,!!S.multiple,S.defaultValue,!0):Dr(y,!!S.multiple,S.multiple?[]:"",!1))}y[Ga]=S}catch(Ee){ht(o,o.return,Ee)}}break;case 6:if(fn(s,o),Dn(o),p&4){if(o.stateNode===null)throw Error(r(162));y=o.stateNode,S=o.memoizedProps;try{y.nodeValue=S}catch(Ee){ht(o,o.return,Ee)}}break;case 3:if(fn(s,o),Dn(o),p&4&&u!==null&&u.memoizedState.isDehydrated)try{La(s.containerInfo)}catch(Ee){ht(o,o.return,Ee)}break;case 4:fn(s,o),Dn(o);break;case 13:fn(s,o),Dn(o),y=o.child,y.flags&8192&&(S=y.memoizedState!==null,y.stateNode.isHidden=S,!S||y.alternate!==null&&y.alternate.memoizedState!==null||(Dp=bt())),p&4&&X0(o);break;case 22:if(ae=u!==null&&u.memoizedState!==null,o.mode&1?(Qt=(Z=Qt)||ae,fn(s,o),Qt=Z):fn(s,o),Dn(o),p&8192){if(Z=o.memoizedState!==null,(o.stateNode.isHidden=Z)&&!ae&&(o.mode&1)!==0)for(Se=o,ae=o.child;ae!==null;){for(de=Se=ae;Se!==null;){switch(se=Se,be=se.child,se.tag){case 0:case 11:case 14:case 15:ol(4,se,se.return);break;case 1:Ts(se,se.return);var Ce=se.stateNode;if(typeof Ce.componentWillUnmount=="function"){p=se,u=se.return;try{s=p,Ce.props=s.memoizedProps,Ce.state=s.memoizedState,Ce.componentWillUnmount()}catch(Ee){ht(p,u,Ee)}}break;case 5:Ts(se,se.return);break;case 22:if(se.memoizedState!==null){eb(de);continue}}be!==null?(be.return=se,Se=be):eb(de)}ae=ae.sibling}e:for(ae=null,de=o;;){if(de.tag===5){if(ae===null){ae=de;try{y=de.stateNode,Z?(S=y.style,typeof S.setProperty=="function"?S.setProperty("display","none","important"):S.display="none"):(F=de.stateNode,q=de.memoizedProps.style,A=q!=null&&q.hasOwnProperty("display")?q.display:null,F.style.display=ut("display",A))}catch(Ee){ht(o,o.return,Ee)}}}else if(de.tag===6){if(ae===null)try{de.stateNode.nodeValue=Z?"":de.memoizedProps}catch(Ee){ht(o,o.return,Ee)}}else if((de.tag!==22&&de.tag!==23||de.memoizedState===null||de===o)&&de.child!==null){de.child.return=de,de=de.child;continue}if(de===o)break e;for(;de.sibling===null;){if(de.return===null||de.return===o)break e;ae===de&&(ae=null),de=de.return}ae===de&&(ae=null),de.sibling.return=de.return,de=de.sibling}}break;case 19:fn(s,o),Dn(o),p&4&&X0(o);break;case 21:break;default:fn(s,o),Dn(o)}}function Dn(o){var s=o.flags;if(s&2){try{e:{for(var u=o.return;u!==null;){if(G0(u)){var p=u;break e}u=u.return}throw Error(r(160))}switch(p.tag){case 5:var y=p.stateNode;p.flags&32&&(hr(y,""),p.flags&=-33);var S=K0(o);Ap(o,S,y);break;case 3:case 4:var A=p.stateNode.containerInfo,F=K0(o);Pp(o,F,A);break;default:throw Error(r(161))}}catch(q){ht(o,o.return,q)}o.flags&=-3}s&4096&&(o.flags&=-4097)}function lA(o,s,u){Se=o,J0(o)}function J0(o,s,u){for(var p=(o.mode&1)!==0;Se!==null;){var y=Se,S=y.child;if(y.tag===22&&p){var A=y.memoizedState!==null||Wc;if(!A){var F=y.alternate,q=F!==null&&F.memoizedState!==null||Qt;F=Wc;var Z=Qt;if(Wc=A,(Qt=q)&&!Z)for(Se=y;Se!==null;)A=Se,q=A.child,A.tag===22&&A.memoizedState!==null?tb(y):q!==null?(q.return=A,Se=q):tb(y);for(;S!==null;)Se=S,J0(S),S=S.sibling;Se=y,Wc=F,Qt=Z}Z0(o)}else(y.subtreeFlags&8772)!==0&&S!==null?(S.return=y,Se=S):Z0(o)}}function Z0(o){for(;Se!==null;){var s=Se;if((s.flags&8772)!==0){var u=s.alternate;try{if((s.flags&8772)!==0)switch(s.tag){case 0:case 11:case 15:Qt||Gc(5,s);break;case 1:var p=s.stateNode;if(s.flags&4&&!Qt)if(u===null)p.componentDidMount();else{var y=s.elementType===s.type?u.memoizedProps:un(s.type,u.memoizedProps);p.componentDidUpdate(y,u.memoizedState,p.__reactInternalSnapshotBeforeUpdate)}var S=s.updateQueue;S!==null&&e0(s,S,p);break;case 3:var A=s.updateQueue;if(A!==null){if(u=null,s.child!==null)switch(s.child.tag){case 5:u=s.child.stateNode;break;case 1:u=s.child.stateNode}e0(s,A,u)}break;case 5:var F=s.stateNode;if(u===null&&s.flags&4){u=F;var q=s.memoizedProps;switch(s.type){case"button":case"input":case"select":case"textarea":q.autoFocus&&u.focus();break;case"img":q.src&&(u.src=q.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(s.memoizedState===null){var Z=s.alternate;if(Z!==null){var ae=Z.memoizedState;if(ae!==null){var de=ae.dehydrated;de!==null&&La(de)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(r(163))}Qt||s.flags&512&&kp(s)}catch(se){ht(s,s.return,se)}}if(s===o){Se=null;break}if(u=s.sibling,u!==null){u.return=s.return,Se=u;break}Se=s.return}}function eb(o){for(;Se!==null;){var s=Se;if(s===o){Se=null;break}var u=s.sibling;if(u!==null){u.return=s.return,Se=u;break}Se=s.return}}function tb(o){for(;Se!==null;){var s=Se;try{switch(s.tag){case 0:case 11:case 15:var u=s.return;try{Gc(4,s)}catch(q){ht(s,u,q)}break;case 1:var p=s.stateNode;if(typeof p.componentDidMount=="function"){var y=s.return;try{p.componentDidMount()}catch(q){ht(s,y,q)}}var S=s.return;try{kp(s)}catch(q){ht(s,S,q)}break;case 5:var A=s.return;try{kp(s)}catch(q){ht(s,A,q)}}}catch(q){ht(s,s.return,q)}if(s===o){Se=null;break}var F=s.sibling;if(F!==null){F.return=s.return,Se=F;break}Se=s.return}}var cA=Math.ceil,Kc=T.ReactCurrentDispatcher,Tp=T.ReactCurrentOwner,Kr=T.ReactCurrentBatchConfig,Ge=0,Ft=null,Ct=null,Vt=0,Lr=0,Ns=$o(0),Ot=0,il=null,ki=0,Yc=0,Np=0,sl=null,Sr=null,Dp=0,Ds=1/0,oo=null,Xc=!1,Op=null,Wo=null,Qc=!1,Go=null,Jc=0,al=0,_p=null,Zc=-1,eu=0;function or(){return(Ge&6)!==0?bt():Zc!==-1?Zc:Zc=bt()}function Ko(o){return(o.mode&1)===0?1:(Ge&2)!==0&&Vt!==0?Vt&-Vt:WP.transition!==null?(eu===0&&(eu=Ky()),eu):(o=et,o!==0||(o=window.event,o=o===void 0?16:nv(o.type)),o)}function pn(o,s,u,p){if(50<al)throw al=0,_p=null,Error(r(185));Da(o,u,p),((Ge&2)===0||o!==Ft)&&(o===Ft&&((Ge&2)===0&&(Yc|=u),Ot===4&&Yo(o,Vt)),xr(o,p),u===1&&Ge===0&&(s.mode&1)===0&&(Ds=bt()+500,Ac&&Bo()))}function xr(o,s){var u=o.callbackNode;Wk(o,s);var p=cc(o,o===Ft?Vt:0);if(p===0)u!==null&&Hy(u),o.callbackNode=null,o.callbackPriority=0;else if(s=p&-p,o.callbackPriority!==s){if(u!=null&&Hy(u),s===1)o.tag===0?HP(nb.bind(null,o)):Bv(nb.bind(null,o)),zP(function(){(Ge&6)===0&&Bo()}),u=null;else{switch(Yy(p)){case 1:u=pf;break;case 4:u=Wy;break;case 16:u=ic;break;case 536870912:u=Gy;break;default:u=ic}u=db(u,rb.bind(null,o))}o.callbackPriority=s,o.callbackNode=u}}function rb(o,s){if(Zc=-1,eu=0,(Ge&6)!==0)throw Error(r(327));var u=o.callbackNode;if(Os()&&o.callbackNode!==u)return null;var p=cc(o,o===Ft?Vt:0);if(p===0)return null;if((p&30)!==0||(p&o.expiredLanes)!==0||s)s=tu(o,p);else{s=p;var y=Ge;Ge|=2;var S=ib();(Ft!==o||Vt!==s)&&(oo=null,Ds=bt()+500,Ai(o,s));do try{fA();break}catch(F){ob(o,F)}while(!0);Jf(),Kc.current=S,Ge=y,Ct!==null?s=0:(Ft=null,Vt=0,s=Ot)}if(s!==0){if(s===2&&(y=mf(o),y!==0&&(p=y,s=Mp(o,y))),s===1)throw u=il,Ai(o,0),Yo(o,p),xr(o,bt()),u;if(s===6)Yo(o,p);else{if(y=o.current.alternate,(p&30)===0&&!uA(y)&&(s=tu(o,p),s===2&&(S=mf(o),S!==0&&(p=S,s=Mp(o,S))),s===1))throw u=il,Ai(o,0),Yo(o,p),xr(o,bt()),u;switch(o.finishedWork=y,o.finishedLanes=p,s){case 0:case 1:throw Error(r(345));case 2:Ti(o,Sr,oo);break;case 3:if(Yo(o,p),(p&130023424)===p&&(s=Dp+500-bt(),10<s)){if(cc(o,0)!==0)break;if(y=o.suspendedLanes,(y&p)!==p){or(),o.pingedLanes|=o.suspendedLanes&y;break}o.timeoutHandle=zf(Ti.bind(null,o,Sr,oo),s);break}Ti(o,Sr,oo);break;case 4:if(Yo(o,p),(p&4194240)===p)break;for(s=o.eventTimes,y=-1;0<p;){var A=31-an(p);S=1<<A,A=s[A],A>y&&(y=A),p&=~S}if(p=y,p=bt()-p,p=(120>p?120:480>p?480:1080>p?1080:1920>p?1920:3e3>p?3e3:4320>p?4320:1960*cA(p/1960))-p,10<p){o.timeoutHandle=zf(Ti.bind(null,o,Sr,oo),p);break}Ti(o,Sr,oo);break;case 5:Ti(o,Sr,oo);break;default:throw Error(r(329))}}}return xr(o,bt()),o.callbackNode===u?rb.bind(null,o):null}function Mp(o,s){var u=sl;return o.current.memoizedState.isDehydrated&&(Ai(o,s).flags|=256),o=tu(o,s),o!==2&&(s=Sr,Sr=u,s!==null&&jp(s)),o}function jp(o){Sr===null?Sr=o:Sr.push.apply(Sr,o)}function uA(o){for(var s=o;;){if(s.flags&16384){var u=s.updateQueue;if(u!==null&&(u=u.stores,u!==null))for(var p=0;p<u.length;p++){var y=u[p],S=y.getSnapshot;y=y.value;try{if(!ln(S(),y))return!1}catch{return!1}}}if(u=s.child,s.subtreeFlags&16384&&u!==null)u.return=s,s=u;else{if(s===o)break;for(;s.sibling===null;){if(s.return===null||s.return===o)return!0;s=s.return}s.sibling.return=s.return,s=s.sibling}}return!0}function Yo(o,s){for(s&=~Np,s&=~Yc,o.suspendedLanes|=s,o.pingedLanes&=~s,o=o.expirationTimes;0<s;){var u=31-an(s),p=1<<u;o[u]=-1,s&=~p}}function nb(o){if((Ge&6)!==0)throw Error(r(327));Os();var s=cc(o,0);if((s&1)===0)return xr(o,bt()),null;var u=tu(o,s);if(o.tag!==0&&u===2){var p=mf(o);p!==0&&(s=p,u=Mp(o,p))}if(u===1)throw u=il,Ai(o,0),Yo(o,s),xr(o,bt()),u;if(u===6)throw Error(r(345));return o.finishedWork=o.current.alternate,o.finishedLanes=s,Ti(o,Sr,oo),xr(o,bt()),null}function Lp(o,s){var u=Ge;Ge|=1;try{return o(s)}finally{Ge=u,Ge===0&&(Ds=bt()+500,Ac&&Bo())}}function Pi(o){Go!==null&&Go.tag===0&&(Ge&6)===0&&Os();var s=Ge;Ge|=1;var u=Kr.transition,p=et;try{if(Kr.transition=null,et=1,o)return o()}finally{et=p,Kr.transition=u,Ge=s,(Ge&6)===0&&Bo()}}function Fp(){Lr=Ns.current,ot(Ns)}function Ai(o,s){o.finishedWork=null,o.finishedLanes=0;var u=o.timeoutHandle;if(u!==-1&&(o.timeoutHandle=-1,$P(u)),Ct!==null)for(u=Ct.return;u!==null;){var p=u;switch(Gf(p),p.tag){case 1:p=p.type.childContextTypes,p!=null&&kc();break;case 3:Ps(),ot(vr),ot(Kt),sp();break;case 5:op(p);break;case 4:Ps();break;case 13:ot(dt);break;case 19:ot(dt);break;case 10:Zf(p.type._context);break;case 22:case 23:Fp()}u=u.return}if(Ft=o,Ct=o=Xo(o.current,null),Vt=Lr=s,Ot=0,il=null,Np=Yc=ki=0,Sr=sl=null,Ci!==null){for(s=0;s<Ci.length;s++)if(u=Ci[s],p=u.interleaved,p!==null){u.interleaved=null;var y=p.next,S=u.pending;if(S!==null){var A=S.next;S.next=y,p.next=A}u.pending=p}Ci=null}return o}function ob(o,s){do{var u=Ct;try{if(Jf(),Ic.current=Bc,Uc){for(var p=ft.memoizedState;p!==null;){var y=p.queue;y!==null&&(y.pending=null),p=p.next}Uc=!1}if(Ei=0,Lt=Dt=ft=null,Za=!1,el=0,Tp.current=null,u===null||u.return===null){Ot=1,il=s,Ct=null;break}e:{var S=o,A=u.return,F=u,q=s;if(s=Vt,F.flags|=32768,q!==null&&typeof q=="object"&&typeof q.then=="function"){var Z=q,ae=F,de=ae.tag;if((ae.mode&1)===0&&(de===0||de===11||de===15)){var se=ae.alternate;se?(ae.updateQueue=se.updateQueue,ae.memoizedState=se.memoizedState,ae.lanes=se.lanes):(ae.updateQueue=null,ae.memoizedState=null)}var be=T0(A);if(be!==null){be.flags&=-257,N0(be,A,F,S,s),be.mode&1&&A0(S,Z,s),s=be,q=Z;var Ce=s.updateQueue;if(Ce===null){var Ee=new Set;Ee.add(q),s.updateQueue=Ee}else Ce.add(q);break e}else{if((s&1)===0){A0(S,Z,s),Ip();break e}q=Error(r(426))}}else if(lt&&F.mode&1){var wt=T0(A);if(wt!==null){(wt.flags&65536)===0&&(wt.flags|=256),N0(wt,A,F,S,s),Xf(As(q,F));break e}}S=q=As(q,F),Ot!==4&&(Ot=2),sl===null?sl=[S]:sl.push(S),S=A;do{switch(S.tag){case 3:S.flags|=65536,s&=-s,S.lanes|=s;var Q=k0(S,q,s);Zv(S,Q);break e;case 1:F=q;var G=S.type,J=S.stateNode;if((S.flags&128)===0&&(typeof G.getDerivedStateFromError=="function"||J!==null&&typeof J.componentDidCatch=="function"&&(Wo===null||!Wo.has(J)))){S.flags|=65536,s&=-s,S.lanes|=s;var fe=P0(S,F,s);Zv(S,fe);break e}}S=S.return}while(S!==null)}ab(u)}catch(ke){s=ke,Ct===u&&u!==null&&(Ct=u=u.return);continue}break}while(!0)}function ib(){var o=Kc.current;return Kc.current=Bc,o===null?Bc:o}function Ip(){(Ot===0||Ot===3||Ot===2)&&(Ot=4),Ft===null||(ki&268435455)===0&&(Yc&268435455)===0||Yo(Ft,Vt)}function tu(o,s){var u=Ge;Ge|=2;var p=ib();(Ft!==o||Vt!==s)&&(oo=null,Ai(o,s));do try{dA();break}catch(y){ob(o,y)}while(!0);if(Jf(),Ge=u,Kc.current=p,Ct!==null)throw Error(r(261));return Ft=null,Vt=0,Ot}function dA(){for(;Ct!==null;)sb(Ct)}function fA(){for(;Ct!==null&&!Fk();)sb(Ct)}function sb(o){var s=ub(o.alternate,o,Lr);o.memoizedProps=o.pendingProps,s===null?ab(o):Ct=s,Tp.current=null}function ab(o){var s=o;do{var u=s.alternate;if(o=s.return,(s.flags&32768)===0){if(u=oA(u,s,Lr),u!==null){Ct=u;return}}else{if(u=iA(u,s),u!==null){u.flags&=32767,Ct=u;return}if(o!==null)o.flags|=32768,o.subtreeFlags=0,o.deletions=null;else{Ot=6,Ct=null;return}}if(s=s.sibling,s!==null){Ct=s;return}Ct=s=o}while(s!==null);Ot===0&&(Ot=5)}function Ti(o,s,u){var p=et,y=Kr.transition;try{Kr.transition=null,et=1,pA(o,s,u,p)}finally{Kr.transition=y,et=p}return null}function pA(o,s,u,p){do Os();while(Go!==null);if((Ge&6)!==0)throw Error(r(327));u=o.finishedWork;var y=o.finishedLanes;if(u===null)return null;if(o.finishedWork=null,o.finishedLanes=0,u===o.current)throw Error(r(177));o.callbackNode=null,o.callbackPriority=0;var S=u.lanes|u.childLanes;if(Gk(o,S),o===Ft&&(Ct=Ft=null,Vt=0),(u.subtreeFlags&2064)===0&&(u.flags&2064)===0||Qc||(Qc=!0,db(ic,function(){return Os(),null})),S=(u.flags&15990)!==0,(u.subtreeFlags&15990)!==0||S){S=Kr.transition,Kr.transition=null;var A=et;et=1;var F=Ge;Ge|=4,Tp.current=null,aA(o,u),Q0(u,o),_P(Uf),fc=!!If,Uf=If=null,o.current=u,lA(u),Ik(),Ge=F,et=A,Kr.transition=S}else o.current=u;if(Qc&&(Qc=!1,Go=o,Jc=y),S=o.pendingLanes,S===0&&(Wo=null),zk(u.stateNode),xr(o,bt()),s!==null)for(p=o.onRecoverableError,u=0;u<s.length;u++)y=s[u],p(y.value,{componentStack:y.stack,digest:y.digest});if(Xc)throw Xc=!1,o=Op,Op=null,o;return(Jc&1)!==0&&o.tag!==0&&Os(),S=o.pendingLanes,(S&1)!==0?o===_p?al++:(al=0,_p=o):al=0,Bo(),null}function Os(){if(Go!==null){var o=Yy(Jc),s=Kr.transition,u=et;try{if(Kr.transition=null,et=16>o?16:o,Go===null)var p=!1;else{if(o=Go,Go=null,Jc=0,(Ge&6)!==0)throw Error(r(331));var y=Ge;for(Ge|=4,Se=o.current;Se!==null;){var S=Se,A=S.child;if((Se.flags&16)!==0){var F=S.deletions;if(F!==null){for(var q=0;q<F.length;q++){var Z=F[q];for(Se=Z;Se!==null;){var ae=Se;switch(ae.tag){case 0:case 11:case 15:ol(8,ae,S)}var de=ae.child;if(de!==null)de.return=ae,Se=de;else for(;Se!==null;){ae=Se;var se=ae.sibling,be=ae.return;if(W0(ae),ae===Z){Se=null;break}if(se!==null){se.return=be,Se=se;break}Se=be}}}var Ce=S.alternate;if(Ce!==null){var Ee=Ce.child;if(Ee!==null){Ce.child=null;do{var wt=Ee.sibling;Ee.sibling=null,Ee=wt}while(Ee!==null)}}Se=S}}if((S.subtreeFlags&2064)!==0&&A!==null)A.return=S,Se=A;else e:for(;Se!==null;){if(S=Se,(S.flags&2048)!==0)switch(S.tag){case 0:case 11:case 15:ol(9,S,S.return)}var Q=S.sibling;if(Q!==null){Q.return=S.return,Se=Q;break e}Se=S.return}}var G=o.current;for(Se=G;Se!==null;){A=Se;var J=A.child;if((A.subtreeFlags&2064)!==0&&J!==null)J.return=A,Se=J;else e:for(A=G;Se!==null;){if(F=Se,(F.flags&2048)!==0)try{switch(F.tag){case 0:case 11:case 15:Gc(9,F)}}catch(ke){ht(F,F.return,ke)}if(F===A){Se=null;break e}var fe=F.sibling;if(fe!==null){fe.return=F.return,Se=fe;break e}Se=F.return}}if(Ge=y,Bo(),Pn&&typeof Pn.onPostCommitFiberRoot=="function")try{Pn.onPostCommitFiberRoot(sc,o)}catch{}p=!0}return p}finally{et=u,Kr.transition=s}}return!1}function lb(o,s,u){s=As(u,s),s=k0(o,s,1),o=Vo(o,s,1),s=or(),o!==null&&(Da(o,1,s),xr(o,s))}function ht(o,s,u){if(o.tag===3)lb(o,o,u);else for(;s!==null;){if(s.tag===3){lb(s,o,u);break}else if(s.tag===1){var p=s.stateNode;if(typeof s.type.getDerivedStateFromError=="function"||typeof p.componentDidCatch=="function"&&(Wo===null||!Wo.has(p))){o=As(u,o),o=P0(s,o,1),s=Vo(s,o,1),o=or(),s!==null&&(Da(s,1,o),xr(s,o));break}}s=s.return}}function mA(o,s,u){var p=o.pingCache;p!==null&&p.delete(s),s=or(),o.pingedLanes|=o.suspendedLanes&u,Ft===o&&(Vt&u)===u&&(Ot===4||Ot===3&&(Vt&130023424)===Vt&&500>bt()-Dp?Ai(o,0):Np|=u),xr(o,s)}function cb(o,s){s===0&&((o.mode&1)===0?s=1:(s=lc,lc<<=1,(lc&130023424)===0&&(lc=4194304)));var u=or();o=to(o,s),o!==null&&(Da(o,s,u),xr(o,u))}function hA(o){var s=o.memoizedState,u=0;s!==null&&(u=s.retryLane),cb(o,u)}function gA(o,s){var u=0;switch(o.tag){case 13:var p=o.stateNode,y=o.memoizedState;y!==null&&(u=y.retryLane);break;case 19:p=o.stateNode;break;default:throw Error(r(314))}p!==null&&p.delete(s),cb(o,u)}var ub;ub=function(o,s,u){if(o!==null)if(o.memoizedProps!==s.pendingProps||vr.current)wr=!0;else{if((o.lanes&u)===0&&(s.flags&128)===0)return wr=!1,nA(o,s,u);wr=(o.flags&131072)!==0}else wr=!1,lt&&(s.flags&1048576)!==0&&qv(s,Nc,s.index);switch(s.lanes=0,s.tag){case 2:var p=s.type;Hc(o,s),o=s.pendingProps;var y=ws(s,Kt.current);ks(s,u),y=cp(null,s,p,o,y,u);var S=up();return s.flags|=1,typeof y=="object"&&y!==null&&typeof y.render=="function"&&y.$$typeof===void 0?(s.tag=1,s.memoizedState=null,s.updateQueue=null,br(p)?(S=!0,Pc(s)):S=!1,s.memoizedState=y.state!==null&&y.state!==void 0?y.state:null,rp(s),y.updater=qc,s.stateNode=y,y._reactInternals=s,gp(s,p,o,u),s=bp(null,s,p,!0,S,u)):(s.tag=0,lt&&S&&Wf(s),nr(null,s,y,u),s=s.child),s;case 16:p=s.elementType;e:{switch(Hc(o,s),o=s.pendingProps,y=p._init,p=y(p._payload),s.type=p,y=s.tag=vA(p),o=un(p,o),y){case 0:s=vp(null,s,p,o,u);break e;case 1:s=L0(null,s,p,o,u);break e;case 11:s=D0(null,s,p,o,u);break e;case 14:s=O0(null,s,p,un(p.type,o),u);break e}throw Error(r(306,p,""))}return s;case 0:return p=s.type,y=s.pendingProps,y=s.elementType===p?y:un(p,y),vp(o,s,p,y,u);case 1:return p=s.type,y=s.pendingProps,y=s.elementType===p?y:un(p,y),L0(o,s,p,y,u);case 3:e:{if(F0(s),o===null)throw Error(r(387));p=s.pendingProps,S=s.memoizedState,y=S.element,Jv(o,s),Lc(s,p,null,u);var A=s.memoizedState;if(p=A.element,S.isDehydrated)if(S={element:p,isDehydrated:!1,cache:A.cache,pendingSuspenseBoundaries:A.pendingSuspenseBoundaries,transitions:A.transitions},s.updateQueue.baseState=S,s.memoizedState=S,s.flags&256){y=As(Error(r(423)),s),s=I0(o,s,p,u,y);break e}else if(p!==y){y=As(Error(r(424)),s),s=I0(o,s,p,u,y);break e}else for(jr=Uo(s.stateNode.containerInfo.firstChild),Mr=s,lt=!0,cn=null,u=Xv(s,null,p,u),s.child=u;u;)u.flags=u.flags&-3|4096,u=u.sibling;else{if(Cs(),p===y){s=no(o,s,u);break e}nr(o,s,p,u)}s=s.child}return s;case 5:return t0(s),o===null&&Yf(s),p=s.type,y=s.pendingProps,S=o!==null?o.memoizedProps:null,A=y.children,$f(p,y)?A=null:S!==null&&$f(p,S)&&(s.flags|=32),j0(o,s),nr(o,s,A,u),s.child;case 6:return o===null&&Yf(s),null;case 13:return U0(o,s,u);case 4:return np(s,s.stateNode.containerInfo),p=s.pendingProps,o===null?s.child=Rs(s,null,p,u):nr(o,s,p,u),s.child;case 11:return p=s.type,y=s.pendingProps,y=s.elementType===p?y:un(p,y),D0(o,s,p,y,u);case 7:return nr(o,s,s.pendingProps,u),s.child;case 8:return nr(o,s,s.pendingProps.children,u),s.child;case 12:return nr(o,s,s.pendingProps.children,u),s.child;case 10:e:{if(p=s.type._context,y=s.pendingProps,S=s.memoizedProps,A=y.value,tt(_c,p._currentValue),p._currentValue=A,S!==null)if(ln(S.value,A)){if(S.children===y.children&&!vr.current){s=no(o,s,u);break e}}else for(S=s.child,S!==null&&(S.return=s);S!==null;){var F=S.dependencies;if(F!==null){A=S.child;for(var q=F.firstContext;q!==null;){if(q.context===p){if(S.tag===1){q=ro(-1,u&-u),q.tag=2;var Z=S.updateQueue;if(Z!==null){Z=Z.shared;var ae=Z.pending;ae===null?q.next=q:(q.next=ae.next,ae.next=q),Z.pending=q}}S.lanes|=u,q=S.alternate,q!==null&&(q.lanes|=u),ep(S.return,u,s),F.lanes|=u;break}q=q.next}}else if(S.tag===10)A=S.type===s.type?null:S.child;else if(S.tag===18){if(A=S.return,A===null)throw Error(r(341));A.lanes|=u,F=A.alternate,F!==null&&(F.lanes|=u),ep(A,u,s),A=S.sibling}else A=S.child;if(A!==null)A.return=S;else for(A=S;A!==null;){if(A===s){A=null;break}if(S=A.sibling,S!==null){S.return=A.return,A=S;break}A=A.return}S=A}nr(o,s,y.children,u),s=s.child}return s;case 9:return y=s.type,p=s.pendingProps.children,ks(s,u),y=Wr(y),p=p(y),s.flags|=1,nr(o,s,p,u),s.child;case 14:return p=s.type,y=un(p,s.pendingProps),y=un(p.type,y),O0(o,s,p,y,u);case 15:return _0(o,s,s.type,s.pendingProps,u);case 17:return p=s.type,y=s.pendingProps,y=s.elementType===p?y:un(p,y),Hc(o,s),s.tag=1,br(p)?(o=!0,Pc(s)):o=!1,ks(s,u),R0(s,p,y),gp(s,p,y,u),bp(null,s,p,!0,o,u);case 19:return z0(o,s,u);case 22:return M0(o,s,u)}throw Error(r(156,s.tag))};function db(o,s){return Vy(o,s)}function yA(o,s,u,p){this.tag=o,this.key=u,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=s,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=p,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Yr(o,s,u,p){return new yA(o,s,u,p)}function Up(o){return o=o.prototype,!(!o||!o.isReactComponent)}function vA(o){if(typeof o=="function")return Up(o)?1:0;if(o!=null){if(o=o.$$typeof,o===ne)return 11;if(o===W)return 14}return 2}function Xo(o,s){var u=o.alternate;return u===null?(u=Yr(o.tag,s,o.key,o.mode),u.elementType=o.elementType,u.type=o.type,u.stateNode=o.stateNode,u.alternate=o,o.alternate=u):(u.pendingProps=s,u.type=o.type,u.flags=0,u.subtreeFlags=0,u.deletions=null),u.flags=o.flags&14680064,u.childLanes=o.childLanes,u.lanes=o.lanes,u.child=o.child,u.memoizedProps=o.memoizedProps,u.memoizedState=o.memoizedState,u.updateQueue=o.updateQueue,s=o.dependencies,u.dependencies=s===null?null:{lanes:s.lanes,firstContext:s.firstContext},u.sibling=o.sibling,u.index=o.index,u.ref=o.ref,u}function ru(o,s,u,p,y,S){var A=2;if(p=o,typeof o=="function")Up(o)&&(A=1);else if(typeof o=="string")A=5;else e:switch(o){case M:return Ni(u.children,y,S,s);case O:A=8,y|=8;break;case B:return o=Yr(12,u,s,y|2),o.elementType=B,o.lanes=S,o;case te:return o=Yr(13,u,s,y),o.elementType=te,o.lanes=S,o;case K:return o=Yr(19,u,s,y),o.elementType=K,o.lanes=S,o;case z:return nu(u,y,S,s);default:if(typeof o=="object"&&o!==null)switch(o.$$typeof){case H:A=10;break e;case Y:A=9;break e;case ne:A=11;break e;case W:A=14;break e;case U:A=16,p=null;break e}throw Error(r(130,o==null?o:typeof o,""))}return s=Yr(A,u,s,y),s.elementType=o,s.type=p,s.lanes=S,s}function Ni(o,s,u,p){return o=Yr(7,o,p,s),o.lanes=u,o}function nu(o,s,u,p){return o=Yr(22,o,p,s),o.elementType=z,o.lanes=u,o.stateNode={isHidden:!1},o}function $p(o,s,u){return o=Yr(6,o,null,s),o.lanes=u,o}function zp(o,s,u){return s=Yr(4,o.children!==null?o.children:[],o.key,s),s.lanes=u,s.stateNode={containerInfo:o.containerInfo,pendingChildren:null,implementation:o.implementation},s}function bA(o,s,u,p,y){this.tag=s,this.containerInfo=o,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=hf(0),this.expirationTimes=hf(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=hf(0),this.identifierPrefix=p,this.onRecoverableError=y,this.mutableSourceEagerHydrationData=null}function Bp(o,s,u,p,y,S,A,F,q){return o=new bA(o,s,u,F,q),s===1?(s=1,S===!0&&(s|=8)):s=0,S=Yr(3,null,null,s),o.current=S,S.stateNode=o,S.memoizedState={element:p,isDehydrated:u,cache:null,transitions:null,pendingSuspenseBoundaries:null},rp(S),o}function wA(o,s,u){var p=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:j,key:p==null?null:""+p,children:o,containerInfo:s,implementation:u}}function fb(o){if(!o)return zo;o=o._reactInternals;e:{if(vi(o)!==o||o.tag!==1)throw Error(r(170));var s=o;do{switch(s.tag){case 3:s=s.stateNode.context;break e;case 1:if(br(s.type)){s=s.stateNode.__reactInternalMemoizedMergedChildContext;break e}}s=s.return}while(s!==null);throw Error(r(171))}if(o.tag===1){var u=o.type;if(br(u))return $v(o,u,s)}return s}function pb(o,s,u,p,y,S,A,F,q){return o=Bp(u,p,!0,o,y,S,A,F,q),o.context=fb(null),u=o.current,p=or(),y=Ko(u),S=ro(p,y),S.callback=s??null,Vo(u,S,y),o.current.lanes=y,Da(o,y,p),xr(o,p),o}function ou(o,s,u,p){var y=s.current,S=or(),A=Ko(y);return u=fb(u),s.context===null?s.context=u:s.pendingContext=u,s=ro(S,A),s.payload={element:o},p=p===void 0?null:p,p!==null&&(s.callback=p),o=Vo(y,s,A),o!==null&&(pn(o,y,A,S),jc(o,y,A)),A}function iu(o){if(o=o.current,!o.child)return null;switch(o.child.tag){case 5:return o.child.stateNode;default:return o.child.stateNode}}function mb(o,s){if(o=o.memoizedState,o!==null&&o.dehydrated!==null){var u=o.retryLane;o.retryLane=u!==0&&u<s?u:s}}function qp(o,s){mb(o,s),(o=o.alternate)&&mb(o,s)}function SA(){return null}var hb=typeof reportError=="function"?reportError:function(o){};function Vp(o){this._internalRoot=o}su.prototype.render=Vp.prototype.render=function(o){var s=this._internalRoot;if(s===null)throw Error(r(409));ou(o,s,null,null)},su.prototype.unmount=Vp.prototype.unmount=function(){var o=this._internalRoot;if(o!==null){this._internalRoot=null;var s=o.containerInfo;Pi(function(){ou(null,o,null,null)}),s[Qn]=null}};function su(o){this._internalRoot=o}su.prototype.unstable_scheduleHydration=function(o){if(o){var s=Jy();o={blockedOn:null,target:o,priority:s};for(var u=0;u<Lo.length&&s!==0&&s<Lo[u].priority;u++);Lo.splice(u,0,o),u===0&&tv(o)}};function Hp(o){return!(!o||o.nodeType!==1&&o.nodeType!==9&&o.nodeType!==11)}function au(o){return!(!o||o.nodeType!==1&&o.nodeType!==9&&o.nodeType!==11&&(o.nodeType!==8||o.nodeValue!==" react-mount-point-unstable "))}function gb(){}function xA(o,s,u,p,y){if(y){if(typeof p=="function"){var S=p;p=function(){var Z=iu(A);S.call(Z)}}var A=pb(s,p,o,0,null,!1,!1,"",gb);return o._reactRootContainer=A,o[Qn]=A.current,Ha(o.nodeType===8?o.parentNode:o),Pi(),A}for(;y=o.lastChild;)o.removeChild(y);if(typeof p=="function"){var F=p;p=function(){var Z=iu(q);F.call(Z)}}var q=Bp(o,0,!1,null,null,!1,!1,"",gb);return o._reactRootContainer=q,o[Qn]=q.current,Ha(o.nodeType===8?o.parentNode:o),Pi(function(){ou(s,q,u,p)}),q}function lu(o,s,u,p,y){var S=u._reactRootContainer;if(S){var A=S;if(typeof y=="function"){var F=y;y=function(){var q=iu(A);F.call(q)}}ou(s,A,o,y)}else A=xA(u,s,o,y,p);return iu(A)}Xy=function(o){switch(o.tag){case 3:var s=o.stateNode;if(s.current.memoizedState.isDehydrated){var u=Na(s.pendingLanes);u!==0&&(gf(s,u|1),xr(s,bt()),(Ge&6)===0&&(Ds=bt()+500,Bo()))}break;case 13:Pi(function(){var p=to(o,1);if(p!==null){var y=or();pn(p,o,1,y)}}),qp(o,1)}},yf=function(o){if(o.tag===13){var s=to(o,134217728);if(s!==null){var u=or();pn(s,o,134217728,u)}qp(o,134217728)}},Qy=function(o){if(o.tag===13){var s=Ko(o),u=to(o,s);if(u!==null){var p=or();pn(u,o,s,p)}qp(o,s)}},Jy=function(){return et},Zy=function(o,s){var u=et;try{return et=o,s()}finally{et=u}},To=function(o,s,u){switch(s){case"input":if(at(o,u),s=u.name,u.type==="radio"&&s!=null){for(u=o;u.parentNode;)u=u.parentNode;for(u=u.querySelectorAll("input[name="+JSON.stringify(""+s)+'][type="radio"]'),s=0;s<u.length;s++){var p=u[s];if(p!==o&&p.form===o.form){var y=Ec(p);if(!y)throw Error(r(90));Me(p),at(p,y)}}}break;case"textarea":Yn(o,u);break;case"select":s=u.value,s!=null&&Dr(o,!!u.multiple,s,!1)}},Nt=Lp,Gt=Pi;var CA={usingClientEntryPoint:!1,Events:[Ka,vs,Ec,_e,vt,Lp]},ll={findFiberByHostInstance:bi,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},RA={bundleType:ll.bundleType,version:ll.version,rendererPackageName:ll.rendererPackageName,rendererConfig:ll.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:T.ReactCurrentDispatcher,findHostInstanceByFiber:function(o){return o=By(o),o===null?null:o.stateNode},findFiberByHostInstance:ll.findFiberByHostInstance||SA,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var cu=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!cu.isDisabled&&cu.supportsFiber)try{sc=cu.inject(RA),Pn=cu}catch{}}return Cr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=CA,Cr.createPortal=function(o,s){var u=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!Hp(s))throw Error(r(200));return wA(o,s,null,u)},Cr.createRoot=function(o,s){if(!Hp(o))throw Error(r(299));var u=!1,p="",y=hb;return s!=null&&(s.unstable_strictMode===!0&&(u=!0),s.identifierPrefix!==void 0&&(p=s.identifierPrefix),s.onRecoverableError!==void 0&&(y=s.onRecoverableError)),s=Bp(o,1,!1,null,null,u,!1,p,y),o[Qn]=s.current,Ha(o.nodeType===8?o.parentNode:o),new Vp(s)},Cr.findDOMNode=function(o){if(o==null)return null;if(o.nodeType===1)return o;var s=o._reactInternals;if(s===void 0)throw typeof o.render=="function"?Error(r(188)):(o=Object.keys(o).join(","),Error(r(268,o)));return o=By(s),o=o===null?null:o.stateNode,o},Cr.flushSync=function(o){return Pi(o)},Cr.hydrate=function(o,s,u){if(!au(s))throw Error(r(200));return lu(null,o,s,!0,u)},Cr.hydrateRoot=function(o,s,u){if(!Hp(o))throw Error(r(405));var p=u!=null&&u.hydratedSources||null,y=!1,S="",A=hb;if(u!=null&&(u.unstable_strictMode===!0&&(y=!0),u.identifierPrefix!==void 0&&(S=u.identifierPrefix),u.onRecoverableError!==void 0&&(A=u.onRecoverableError)),s=pb(s,null,o,1,u??null,y,!1,S,A),o[Qn]=s.current,Ha(o),p)for(o=0;o<p.length;o++)u=p[o],y=u._getVersion,y=y(u._source),s.mutableSourceEagerHydrationData==null?s.mutableSourceEagerHydrationData=[u,y]:s.mutableSourceEagerHydrationData.push(u,y);return new su(s)},Cr.render=function(o,s,u){if(!au(s))throw Error(r(200));return lu(null,o,s,!1,u)},Cr.unmountComponentAtNode=function(o){if(!au(o))throw Error(r(40));return o._reactRootContainer?(Pi(function(){lu(null,null,o,!1,function(){o._reactRootContainer=null,o[Qn]=null})}),!0):!1},Cr.unstable_batchedUpdates=Lp,Cr.unstable_renderSubtreeIntoContainer=function(o,s,u,p){if(!au(u))throw Error(r(200));if(o==null||o._reactInternals===void 0)throw Error(r(38));return lu(o,s,u,!1,p)},Cr.version="18.3.1-next-f1338f8080-20240426",Cr}var Eb;function Tx(){if(Eb)return Yp.exports;Eb=1;function e(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch{}}return e(),Yp.exports=OA(),Yp.exports}var kb;function _A(){if(kb)return du;kb=1;var e=Tx();return du.createRoot=e.createRoot,du.hydrateRoot=e.hydrateRoot,du}var MA=_A();const jA="modulepreload",LA=function(e){return"/_um/"+e},Pb={},Ke=function(t,r,n){let i=Promise.resolve();if(r&&r.length>0){let l=function(f){return Promise.all(f?.map(h=>Promise.resolve(h).then(m=>({status:"fulfilled",value:m}),m=>({status:"rejected",reason:m}))))};document.getElementsByTagName("link");const c=document.querySelector("meta[property=csp-nonce]"),d=(c==null?void 0:c.nonce)||(c==null?void 0:c.getAttribute("nonce"));i=l(r?.map(f=>{if(f=LA(f),f in Pb)return;Pb[f]=!0;const h=f.endsWith(".css"),m=h?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${f}"]${m}`))return;const w=document.createElement("link");if(w.rel=h?"stylesheet":jA,h||(w.as="script"),w.crossOrigin="",w.href=f,d&&w.setAttribute("nonce",d),document.head.appendChild(w),h)return new Promise((v,C)=>{w.addEventListener("load",v),w.addEventListener("error",()=>C(new Error(`Unable to preload CSS for ${f}`)))})}))}function a(l){const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=l,window.dispatchEvent(c),!c.defaultPrevented)throw l}return i.then(l=>{for(const c of l||[])c.status==="rejected"&&a(c.reason);return t().catch(a)})};/**
+ * react-router v7.17.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */var Ab="popstate";function Tb(e){return typeof e=="object"&&e!=null&&"pathname"in e&&"search"in e&&"hash"in e&&"state"in e&&"key"in e}function FA(e={}){function t(n,i){var f;let a=(f=i.state)==null?void 0:f.masked,{pathname:l,search:c,hash:d}=a||n.location;return Vm("",{pathname:l,search:c,hash:d},i.state&&i.state.usr||null,i.state&&i.state.key||"default",a?{pathname:n.location.pathname,search:n.location.search,hash:n.location.hash}:void 0)}function r(n,i){return typeof i=="string"?i:Rl(i)}return UA(t,r,null,e)}function ct(e,t){if(e===!1||e===null||typeof e>"u")throw new Error(t)}function Zr(e,t){if(!e)try{throw new Error(t)}catch{}}function IA(){return Math.random().toString(36).substring(2,10)}function Nb(e,t){return{usr:e.state,key:e.key,idx:t,masked:e.mask?{pathname:e.pathname,search:e.search,hash:e.hash}:void 0}}function Vm(e,t,r=null,n,i){return{pathname:typeof e=="string"?e:e.pathname,search:"",hash:"",...typeof t=="string"?ha(t):t,state:r,key:t&&t.key||n||IA(),mask:i}}function Rl({pathname:e="/",search:t="",hash:r=""}){return t&&t!=="?"&&(e+=t.charAt(0)==="?"?t:"?"+t),r&&r!=="#"&&(e+=r.charAt(0)==="#"?r:"#"+r),e}function ha(e){let t={};if(e){let r=e.indexOf("#");r>=0&&(t.hash=e.substring(r),e=e.substring(0,r));let n=e.indexOf("?");n>=0&&(t.search=e.substring(n),e=e.substring(0,n)),e&&(t.pathname=e)}return t}function UA(e,t,r,n={}){let{window:i=document.defaultView,v5Compat:a=!1}=n,l=i.history,c="POP",d=null,f=h();f==null&&(f=0,l.replaceState({...l.state,idx:f},""));function h(){return(l.state||{idx:null}).idx}function m(){c="POP";let R=h(),E=R==null?null:R-f;f=R,d&&d({action:c,location:x.location,delta:E})}function w(R,E){c="PUSH";let P=Tb(R)?R:Vm(x.location,R,E);f=h()+1;let k=Nb(P,f),T=x.createHref(P.mask||P);try{l.pushState(k,"",T)}catch(N){if(N instanceof DOMException&&N.name==="DataCloneError")throw N;i.location.assign(T)}a&&d&&d({action:c,location:x.location,delta:1})}function v(R,E){c="REPLACE";let P=Tb(R)?R:Vm(x.location,R,E);f=h();let k=Nb(P,f),T=x.createHref(P.mask||P);l.replaceState(k,"",T),a&&d&&d({action:c,location:x.location,delta:0})}function C(R){return $A(i,R)}let x={get action(){return c},get location(){return e(i,l)},listen(R){if(d)throw new Error("A history only accepts one active listener");return i.addEventListener(Ab,m),d=R,()=>{i.removeEventListener(Ab,m),d=null}},createHref(R){return t(i,R)},createURL:C,encodeLocation(R){let E=C(R);return{pathname:E.pathname,search:E.search,hash:E.hash}},push:w,replace:v,go(R){return l.go(R)}};return x}function $A(e,t,r=!1){let n="http://localhost";e&&(n=e.location.origin!=="null"?e.location.origin:e.location.href),ct(n,"No window.location.(origin|href) available to create URL");let i=typeof t=="string"?t:Rl(t);return i=i.replace(/ $/,"%20"),!r&&i.startsWith("//")&&(i=n+i),new URL(i,n)}function Nx(e,t,r="/"){return zA(e,t,r,!1)}function zA(e,t,r,n,i){let a=typeof t=="string"?ha(t):t,l=vo(a.pathname||"/",r);if(l==null)return null;let c=BA(e),d=null,f=eT(l);for(let h=0;d==null&&h<c.length;++h)d=JA(c[h],f,n);return d}function BA(e){let t=Dx(e);return qA(t),t}function Dx(e,t=[],r=[],n="",i=!1){let a=(l,c,d=i,f)=>{let h={relativePath:f===void 0?l.path||"":f,caseSensitive:l.caseSensitive===!0,childrenIndex:c,route:l};if(h.relativePath.startsWith("/")){if(!h.relativePath.startsWith(n)&&d)return;ct(h.relativePath.startsWith(n),`Absolute route path "${h.relativePath}" nested under path "${n}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),h.relativePath=h.relativePath.slice(n.length)}let m=wn([n,h.relativePath]),w=r.concat(h);l.children&&l.children.length>0&&(ct(l.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${m}".`),Dx(l.children,t,w,m,d)),!(l.path==null&&!l.index)&&t.push({path:m,score:XA(m,l.index),routesMeta:w})};return e.forEach((l,c)=>{var d;if(l.path===""||!((d=l.path)!=null&&d.includes("?")))a(l,c);else for(let f of Ox(l.path))a(l,c,!0,f)}),t}function Ox(e){let t=e.split("/");if(t.length===0)return[];let[r,...n]=t,i=r.endsWith("?"),a=r.replace(/\?$/,"");if(n.length===0)return i?[a,""]:[a];let l=Ox(n.join("/")),c=[];return c.push(...l?.map(d=>d===""?a:[a,d].join("/"))),i&&c.push(...l),c?.map(d=>e.startsWith("/")&&d===""?"/":d)}function qA(e){e.sort((t,r)=>t.score!==r.score?r.score-t.score:QA(t.routesMeta?.map(n=>n.childrenIndex),r.routesMeta?.map(n=>n.childrenIndex)))}var VA=/^:[\w-]+$/,HA=3,WA=2,GA=1,KA=10,YA=-2,Db=e=>e==="*";function XA(e,t){let r=e.split("/"),n=r.length;return r?.some(Db)&&(n+=YA),t&&(n+=WA),r.filter(i=>!Db(i)).reduce((i,a)=>i+(VA.test(a)?HA:a===""?GA:KA),n)}function QA(e,t){return e.length===t.length&&e.slice(0,-1).every((n,i)=>n===t[i])?e[e.length-1]-t[t.length-1]:0}function JA(e,t,r=!1){let{routesMeta:n}=e,i={},a="/",l=[];for(let c=0;c<n.length;++c){let d=n[c],f=c===n.length-1,h=a==="/"?t:t.slice(a.length)||"/",m=Qu({path:d.relativePath,caseSensitive:d.caseSensitive,end:f},h),w=d.route;if(!m&&f&&r&&!n[n.length-1].route.index&&(m=Qu({path:d.relativePath,caseSensitive:d.caseSensitive,end:!1},h)),!m)return null;Object.assign(i,m.params),l.push({params:i,pathname:wn([a,m.pathname]),pathnameBase:oT(wn([a,m.pathnameBase])),route:w}),m.pathnameBase!=="/"&&(a=wn([a,m.pathnameBase]))}return l}function Qu(e,t){typeof e=="string"&&(e={path:e,caseSensitive:!1,end:!0});let[r,n]=ZA(e.path,e.caseSensitive,e.end),i=t.match(r);if(!i)return null;let a=i[0],l=a.replace(/(.)\/+$/,"$1"),c=i.slice(1);return{params:n.reduce((f,{paramName:h,isOptional:m},w)=>{if(h==="*"){let C=c[w]||"";l=a.slice(0,a.length-C.length).replace(/(.)\/+$/,"$1")}const v=c[w];return m&&!v?f[h]=void 0:f[h]=(v||"").replace(/%2F/g,"/"),f},{}),pathname:a,pathnameBase:l,pattern:e}}function ZA(e,t=!1,r=!0){Zr(e==="*"||!e.endsWith("*")||e.endsWith("/*"),`Route path "${e}" will be treated as if it were "${e.replace(/\*$/,"/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/,"/*")}".`);let n=[],i="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(l,c,d,f,h)=>{if(n.push({paramName:c,isOptional:d!=null}),d){let m=h.charAt(f+l.length);return m&&m!=="/"?"/([^\\/]*)":"(?:/([^\\/]*))?"}return"/([^\\/]+)"}).replace(/\/([\w-]+)\?(\/|$)/g,"(/$1)?$2");return e.endsWith("*")?(n.push({paramName:"*"}),i+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):r?i+="\\/*$":e!==""&&e!=="/"&&(i+="(?:(?=\\/|$))"),[new RegExp(i,t?void 0:"i"),n]}function eT(e){try{return e.split("/")?.map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return Zr(!1,`The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${t}).`),e}}function vo(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let r=t.endsWith("/")?t.length-1:t.length,n=e.charAt(r);return n&&n!=="/"?null:e.slice(r)||"/"}var tT=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;function rT(e,t="/"){let{pathname:r,search:n="",hash:i=""}=typeof e=="string"?ha(e):e,a;return r?(r=_x(r),r.startsWith("/")?a=Ob(r.substring(1),"/"):a=Ob(r,t)):a=t,{pathname:a,search:iT(n),hash:sT(i)}}function Ob(e,t){let r=Ju(t).split("/");return e.split("/").forEach(i=>{i===".."?r.length>1&&r.pop():i!=="."&&r.push(i)}),r.length>1?r.join("/"):"/"}function Jp(e,t,r,n){return`Cannot include a '${e}' character in a manually specified \`to.${t}\` field [${JSON.stringify(n)}].  Please separate it out to the \`to.${r}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`}function nT(e){return e.filter((t,r)=>r===0||t.route.path&&t.route.path.length>0)}function ag(e){let t=nT(e);return t?.map((r,n)=>n===t.length-1?r.pathname:r.pathnameBase)}function Sd(e,t,r,n=!1){let i;typeof e=="string"?i=ha(e):(i={...e},ct(!i.pathname||!i.pathname.includes("?"),Jp("?","pathname","search",i)),ct(!i.pathname||!i.pathname.includes("#"),Jp("#","pathname","hash",i)),ct(!i.search||!i.search.includes("#"),Jp("#","search","hash",i)));let a=e===""||i.pathname==="",l=a?"/":i.pathname,c;if(l==null)c=r;else{let m=t.length-1;if(!n&&l.startsWith("..")){let w=l.split("/");for(;w[0]==="..";)w.shift(),m-=1;i.pathname=w.join("/")}c=m>=0?t[m]:"/"}let d=rT(i,c),f=l&&l!=="/"&&l.endsWith("/"),h=(a||l===".")&&r.endsWith("/");return!d.pathname.endsWith("/")&&(f||h)&&(d.pathname+="/"),d}var _x=e=>e.replace(/\/\/+/g,"/"),wn=e=>_x(e.join("/")),Ju=e=>e.replace(/\/+$/,""),oT=e=>Ju(e).replace(/^\/*/,"/"),iT=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,sT=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e,aT=class{constructor(e,t,r,n=!1){this.status=e,this.statusText=t||"",this.internal=n,r instanceof Error?(this.data=r.toString(),this.error=r):this.data=r}};function lT(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}function cT(e){let t=e?.map(r=>r.route.path).filter(Boolean);return wn(t)||"/"}var Mx=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function jx(e,t){let r=e;if(typeof r!="string"||!tT.test(r))return{absoluteURL:void 0,isExternal:!1,to:r};let n=r,i=!1;if(Mx)try{let a=new URL(window.location.href),l=r.startsWith("//")?new URL(a.protocol+r):new URL(r),c=vo(l.pathname,t);l.origin===a.origin&&c!=null?r=c+l.search+l.hash:i=!0}catch{Zr(!1,`<Link to="${r}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}return{absoluteURL:n,isExternal:i,to:r}}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");var Lx=["POST","PUT","PATCH","DELETE"];new Set(Lx);var uT=["GET",...Lx];new Set(uT);var ga=g.createContext(null);ga.displayName="DataRouter";var xd=g.createContext(null);xd.displayName="DataRouterState";var Fx=g.createContext(!1);function dT(){return g.useContext(Fx)}var Ix=g.createContext({isTransitioning:!1});Ix.displayName="ViewTransition";var fT=g.createContext(new Map);fT.displayName="Fetchers";var pT=g.createContext(null);pT.displayName="Await";var zr=g.createContext(null);zr.displayName="Navigation";var $l=g.createContext(null);$l.displayName="Location";var rn=g.createContext({outlet:null,matches:[],isDataRoute:!1});rn.displayName="Route";var lg=g.createContext(null);lg.displayName="RouteError";var Ux="REACT_ROUTER_ERROR",mT="REDIRECT",hT="ROUTE_ERROR_RESPONSE";function gT(e){if(e.startsWith(`${Ux}:${mT}:{`))try{let t=JSON.parse(e.slice(28));if(typeof t=="object"&&t&&typeof t.status=="number"&&typeof t.statusText=="string"&&typeof t.location=="string"&&typeof t.reloadDocument=="boolean"&&typeof t.replace=="boolean")return t}catch{}}function yT(e){if(e.startsWith(`${Ux}:${hT}:{`))try{let t=JSON.parse(e.slice(40));if(typeof t=="object"&&t&&typeof t.status=="number"&&typeof t.statusText=="string")return new aT(t.status,t.statusText,t.data)}catch{}}function vT(e,{relative:t}={}){ct(ya(),"useHref() may be used only in the context of a <Router> component.");let{basename:r,navigator:n}=g.useContext(zr),{hash:i,pathname:a,search:l}=zl(e,{relative:t}),c=a;return r!=="/"&&(c=a==="/"?r:wn([r,a])),n.createHref({pathname:c,search:l,hash:i})}function ya(){return g.useContext($l)!=null}function lr(){return ct(ya(),"useLocation() may be used only in the context of a <Router> component."),g.useContext($l).location}var $x="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function zx(e){g.useContext(zr).static||g.useLayoutEffect(e)}function mi(){let{isDataRoute:e}=g.useContext(rn);return e?_T():bT()}function bT(){ct(ya(),"useNavigate() may be used only in the context of a <Router> component.");let e=g.useContext(ga),{basename:t,navigator:r}=g.useContext(zr),{matches:n}=g.useContext(rn),{pathname:i}=lr(),a=JSON.stringify(ag(n)),l=g.useRef(!1);return zx(()=>{l.current=!0}),g.useCallback((d,f={})=>{if(Zr(l.current,$x),!l.current)return;if(typeof d=="number"){r.go(d);return}let h=Sd(d,JSON.parse(a),i,f.relative==="path");e==null&&t!=="/"&&(h.pathname=h.pathname==="/"?t:wn([t,h.pathname])),(f.replace?r.replace:r.push)(h,f.state,f)},[t,r,a,i,e])}var wT=g.createContext(null);function ST(e){let t=g.useContext(rn).outlet;return g.useMemo(()=>t&&g.createElement(wT.Provider,{value:e},t),[t,e])}function MH(){let{matches:e}=g.useContext(rn),t=e[e.length-1];return(t==null?void 0:t.params)??{}}function zl(e,{relative:t}={}){let{matches:r}=g.useContext(rn),{pathname:n}=lr(),i=JSON.stringify(ag(r));return g.useMemo(()=>Sd(e,JSON.parse(i),n,t==="path"),[e,i,n,t])}function xT(e,t){return Bx(e,t)}function Bx(e,t,r){var R;ct(ya(),"useRoutes() may be used only in the context of a <Router> component.");let{navigator:n}=g.useContext(zr),{matches:i}=g.useContext(rn),a=i[i.length-1],l=a?a.params:{},c=a?a.pathname:"/",d=a?a.pathnameBase:"/",f=a&&a.route;{let E=f&&f.path||"";Vx(c,!f||E.endsWith("*")||E.endsWith("*?"),`You rendered descendant <Routes> (or called \`useRoutes()\`) at "${c}" (under <Route path="${E}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
+
+Please change the parent <Route path="${E}"> to <Route path="${E==="/"?"*":`${E}/*`}">.`)}let h=lr(),m;if(t){let E=typeof t=="string"?ha(t):t;ct(d==="/"||((R=E.pathname)==null?void 0:R.startsWith(d)),`When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${d}" but pathname "${E.pathname}" was given in the \`location\` prop.`),m=E}else m=h;let w=m.pathname||"/",v=w;if(d!=="/"){let E=d.replace(/^\//,"").split("/");v="/"+w.replace(/^\//,"").split("/").slice(E.length).join("/")}let C=r&&r.state.matches.length?r.state.matches?.map(E=>Object.assign(E,{route:r.manifest[E.route.id]||E.route})):Nx(e,{pathname:v});Zr(f||C!=null,`No routes matched location "${m.pathname}${m.search}${m.hash}" `),Zr(C==null||C[C.length-1].route.element!==void 0||C[C.length-1].route.Component!==void 0||C[C.length-1].route.lazy!==void 0,`Matched leaf route at location "${m.pathname}${m.search}${m.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`);let x=PT(C&&C?.map(E=>Object.assign({},E,{params:Object.assign({},l,E.params),pathname:wn([d,n.encodeLocation?n.encodeLocation(E.pathname.replace(/%/g,"%25").replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:E.pathname]),pathnameBase:E.pathnameBase==="/"?d:wn([d,n.encodeLocation?n.encodeLocation(E.pathnameBase.replace(/%/g,"%25").replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:E.pathnameBase])})),i,r);return t&&x?g.createElement($l.Provider,{value:{location:{pathname:"/",search:"",hash:"",state:null,key:"default",mask:void 0,...m},navigationType:"POP"}},x):x}function CT(){let e=OT(),t=lT(e)?`${e.status} ${e.statusText}`:e instanceof Error?e.message:JSON.stringify(e),r=e instanceof Error?e.stack:null,n="rgba(200,200,200, 0.5)",i={padding:"0.5rem",backgroundColor:n},a={padding:"2px 4px",backgroundColor:n},l=null;return l=g.createElement(g.Fragment,null,g.createElement("p",null,"💿 Hey developer 👋"),g.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",g.createElement("code",{style:a},"ErrorBoundary")," or"," ",g.createElement("code",{style:a},"errorElement")," prop on your route.")),g.createElement(g.Fragment,null,g.createElement("h2",null,"Unexpected Application Error!"),g.createElement("h3",{style:{fontStyle:"italic"}},t),r?g.createElement("pre",{style:i},r):null,l)}var RT=g.createElement(CT,null),qx=class extends g.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||t.revalidation!=="idle"&&e.revalidation==="idle"?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error!==void 0?e.error:t.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){this.props.onError&&this.props.onError(e,t)}render(){let e=this.state.error;if(this.context&&typeof e=="object"&&e&&"digest"in e&&typeof e.digest=="string"){const r=yT(e.digest);r&&(e=r)}let t=e!==void 0?g.createElement(rn.Provider,{value:this.props.routeContext},g.createElement(lg.Provider,{value:e,children:this.props.component})):this.props.children;return this.context?g.createElement(ET,{error:e},t):t}};qx.contextType=Fx;var Zp=new WeakMap;function ET({children:e,error:t}){let{basename:r}=g.useContext(zr);if(typeof t=="object"&&t&&"digest"in t&&typeof t.digest=="string"){let n=gT(t.digest);if(n){let i=Zp.get(t);if(i)throw i;let a=jx(n.location,r);if(Mx&&!Zp.get(t))if(a.isExternal||n.reloadDocument)window.location.href=a.absoluteURL||a.to;else{const l=Promise.resolve().then(()=>window.__reactRouterDataRouter.navigate(a.to,{replace:n.replace}));throw Zp.set(t,l),l}return g.createElement("meta",{httpEquiv:"refresh",content:`0;url=${a.absoluteURL||a.to}`})}}return e}function kT({routeContext:e,match:t,children:r}){let n=g.useContext(ga);return n&&n.static&&n.staticContext&&(t.route.errorElement||t.route.ErrorBoundary)&&(n.staticContext._deepestRenderedBoundaryId=t.route.id),g.createElement(rn.Provider,{value:e},r)}function PT(e,t=[],r){let n=r==null?void 0:r.state;if(e==null){if(!n)return null;if(n.errors)e=n.matches;else if(t.length===0&&!n.initialized&&n.matches.length>0)e=n.matches;else return null}let i=e,a=n==null?void 0:n.errors;if(a!=null){let h=i.findIndex(m=>m.route.id&&(a==null?void 0:a[m.route.id])!==void 0);ct(h>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(a).join(",")}`),i=i.slice(0,Math.min(i.length,h+1))}let l=!1,c=-1;if(r&&n){l=n.renderFallback;for(let h=0;h<i.length;h++){let m=i[h];if((m.route.HydrateFallback||m.route.hydrateFallbackElement)&&(c=h),m.route.id){let{loaderData:w,errors:v}=n,C=m.route.loader&&!w.hasOwnProperty(m.route.id)&&(!v||v[m.route.id]===void 0);if(m.route.lazy||C){r.isStatic&&(l=!0),c>=0?i=i.slice(0,c+1):i=[i[0]];break}}}}let d=r==null?void 0:r.onError,f=n&&d?(h,m)=>{var w,v;d(h,{location:n.location,params:((v=(w=n.matches)==null?void 0:w[0])==null?void 0:v.params)??{},pattern:cT(n.matches),errorInfo:m})}:void 0;return i.reduceRight((h,m,w)=>{let v,C=!1,x=null,R=null;n&&(v=a&&m.route.id?a[m.route.id]:void 0,x=m.route.errorElement||RT,l&&(c<0&&w===0?(Vx("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),C=!0,R=null):c===w&&(C=!0,R=m.route.hydrateFallbackElement||null)));let E=t.concat(i.slice(0,w+1)),P=()=>{let k;return v?k=x:C?k=R:m.route.Component?k=g.createElement(m.route.Component,null):m.route.element?k=m.route.element:k=h,g.createElement(kT,{match:m,routeContext:{outlet:h,matches:E,isDataRoute:n!=null},children:k})};return n&&(m.route.ErrorBoundary||m.route.errorElement||w===0)?g.createElement(qx,{location:n.location,revalidation:n.revalidation,component:x,error:v,children:P(),routeContext:{outlet:null,matches:E,isDataRoute:!0},onError:f}):P()},null)}function cg(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function AT(e){let t=g.useContext(ga);return ct(t,cg(e)),t}function TT(e){let t=g.useContext(xd);return ct(t,cg(e)),t}function NT(e){let t=g.useContext(rn);return ct(t,cg(e)),t}function ug(e){let t=NT(e),r=t.matches[t.matches.length-1];return ct(r.route.id,`${e} can only be used on routes that contain a unique "id"`),r.route.id}function DT(){return ug("useRouteId")}function OT(){var n;let e=g.useContext(lg),t=TT("useRouteError"),r=ug("useRouteError");return e!==void 0?e:(n=t.errors)==null?void 0:n[r]}function _T(){let{router:e}=AT("useNavigate"),t=ug("useNavigate"),r=g.useRef(!1);return zx(()=>{r.current=!0}),g.useCallback(async(i,a={})=>{Zr(r.current,$x),r.current&&(typeof i=="number"?await e.navigate(i):await e.navigate(i,{fromRouteId:t,...a}))},[e,t])}var _b={};function Vx(e,t,r){!t&&!_b[e]&&(_b[e]=!0,Zr(!1,r))}g.memo(MT);function MT({routes:e,manifest:t,future:r,state:n,isStatic:i,onError:a}){return Bx(e,void 0,{manifest:t,state:n,isStatic:i,onError:a})}function mo({to:e,replace:t,state:r,relative:n}){ct(ya(),"<Navigate> may be used only in the context of a <Router> component.");let{static:i}=g.useContext(zr);Zr(!i,"<Navigate> must not be used on the initial render in a <StaticRouter>. This is a no-op, but you should modify your code so the <Navigate> is only ever rendered in response to some user interaction or state change.");let{matches:a}=g.useContext(rn),{pathname:l}=lr(),c=mi(),d=Sd(e,ag(a),l,n==="path"),f=JSON.stringify(d);return g.useEffect(()=>{c(JSON.parse(f),{replace:t,state:r,relative:n})},[c,f,n,t,r]),null}function Hm(e){return ST(e.context)}function Le(e){ct(!1,"A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.")}function jT({basename:e="/",children:t=null,location:r,navigationType:n="POP",navigator:i,static:a=!1,useTransitions:l}){ct(!ya(),"You cannot render a <Router> inside another <Router>. You should never have more than one in your app.");let c=e.replace(/^\/*/,"/"),d=g.useMemo(()=>({basename:c,navigator:i,static:a,useTransitions:l,future:{}}),[c,i,a,l]);typeof r=="string"&&(r=ha(r));let{pathname:f="/",search:h="",hash:m="",state:w=null,key:v="default",mask:C}=r,x=g.useMemo(()=>{let R=vo(f,c);return R==null?null:{location:{pathname:R,search:h,hash:m,state:w,key:v,mask:C},navigationType:n}},[c,f,h,m,w,v,n,C]);return Zr(x!=null,`<Router basename="${c}"> is not able to match the URL "${f}${h}${m}" because it does not start with the basename, so the <Router> won't render anything.`),x==null?null:g.createElement(zr.Provider,{value:d},g.createElement($l.Provider,{children:t,value:x}))}function Mb({children:e,location:t}){return xT(Wm(e),t)}function Wm(e,t=[]){let r=[];return g.Children.forEach(e,(n,i)=>{if(!g.isValidElement(n))return;let a=[...t,i];if(n.type===g.Fragment){r.push.apply(r,Wm(n.props.children,a));return}ct(n.type===Le,`[${typeof n.type=="string"?n.type:n.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`),ct(!n.props.index||!n.props.children,"An index route cannot have child routes.");let l={id:n.props.id||a.join("-"),caseSensitive:n.props.caseSensitive,element:n.props.element,Component:n.props.Component,index:n.props.index,path:n.props.path,middleware:n.props.middleware,loader:n.props.loader,action:n.props.action,hydrateFallbackElement:n.props.hydrateFallbackElement,HydrateFallback:n.props.HydrateFallback,errorElement:n.props.errorElement,ErrorBoundary:n.props.ErrorBoundary,hasErrorBoundary:n.props.hasErrorBoundary===!0||n.props.ErrorBoundary!=null||n.props.errorElement!=null,shouldRevalidate:n.props.shouldRevalidate,handle:n.props.handle,lazy:n.props.lazy};n.props.children&&(l.children=Wm(n.props.children,a)),r.push(l)}),r}var Mu="get",ju="application/x-www-form-urlencoded";function Cd(e){return typeof HTMLElement<"u"&&e instanceof HTMLElement}function LT(e){return Cd(e)&&e.tagName.toLowerCase()==="button"}function FT(e){return Cd(e)&&e.tagName.toLowerCase()==="form"}function IT(e){return Cd(e)&&e.tagName.toLowerCase()==="input"}function UT(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function $T(e,t){return e.button===0&&(!t||t==="_self")&&!UT(e)}function Gm(e=""){return new URLSearchParams(typeof e=="string"||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((t,r)=>{let n=e[r];return t.concat(Array.isArray(n)?n?.map(i=>[r,i]):[[r,n]])},[]))}function zT(e,t){let r=Gm(e);return t&&t.forEach((n,i)=>{r.has(i)||t.getAll(i).forEach(a=>{r.append(i,a)})}),r}var fu=null;function BT(){if(fu===null)try{new FormData(document.createElement("form"),0),fu=!1}catch{fu=!0}return fu}var qT=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function em(e){return e!=null&&!qT.has(e)?(Zr(!1,`"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${ju}"`),null):e}function VT(e,t){let r,n,i,a,l;if(FT(e)){let c=e.getAttribute("action");n=c?vo(c,t):null,r=e.getAttribute("method")||Mu,i=em(e.getAttribute("enctype"))||ju,a=new FormData(e)}else if(LT(e)||IT(e)&&(e.type==="submit"||e.type==="image")){let c=e.form;if(c==null)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');let d=e.getAttribute("formaction")||c.getAttribute("action");if(n=d?vo(d,t):null,r=e.getAttribute("formmethod")||c.getAttribute("method")||Mu,i=em(e.getAttribute("formenctype"))||em(c.getAttribute("enctype"))||ju,a=new FormData(c,e),!BT()){let{name:f,type:h,value:m}=e;if(h==="image"){let w=f?`${f}.`:"";a.append(`${w}x`,"0"),a.append(`${w}y`,"0")}else f&&a.append(f,m)}}else{if(Cd(e))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');r=Mu,n=null,i=ju,l=e}return a&&i==="text/plain"&&(l=a,a=void 0),{action:n,method:r.toLowerCase(),encType:i,formData:a,body:l}}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");function dg(e,t){if(e===!1||e===null||typeof e>"u")throw new Error(t)}function Hx(e,t,r,n){let i=typeof e=="string"?new URL(e,typeof window>"u"?"server://singlefetch/":window.location.origin):e;return r?i.pathname.endsWith("/")?i.pathname=`${i.pathname}_.${n}`:i.pathname=`${i.pathname}.${n}`:i.pathname==="/"?i.pathname=`_root.${n}`:t&&vo(i.pathname,t)==="/"?i.pathname=`${Ju(t)}/_root.${n}`:i.pathname=`${Ju(i.pathname)}.${n}`,i}async function HT(e,t){if(e.id in t)return t[e.id];try{let r=await import(e.module);return t[e.id]=r,r}catch{return window.__reactRouterContext&&window.__reactRouterContext.isSpaMode,window.location.reload(),new Promise(()=>{})}}function WT(e){return e==null?!1:e.href==null?e.rel==="preload"&&typeof e.imageSrcSet=="string"&&typeof e.imageSizes=="string":typeof e.rel=="string"&&typeof e.href=="string"}async function GT(e,t,r){let n=await Promise.all(e?.map(async i=>{let a=t.routes[i.route.id];if(a){let l=await HT(a,r);return l.links?l.links():[]}return[]}));return QT(n.flat(1).filter(WT).filter(i=>i.rel==="stylesheet"||i.rel==="preload")?.map(i=>i.rel==="stylesheet"?{...i,rel:"prefetch",as:"style"}:{...i,rel:"prefetch"}))}function jb(e,t,r,n,i,a){let l=(d,f)=>r[f]?d.route.id!==r[f].route.id:!0,c=(d,f)=>{var h;return r[f].pathname!==d.pathname||((h=r[f].route.path)==null?void 0:h.endsWith("*"))&&r[f].params["*"]!==d.params["*"]};return a==="assets"?t.filter((d,f)=>l(d,f)||c(d,f)):a==="data"?t.filter((d,f)=>{var m;let h=n.routes[d.route.id];if(!h||!h.hasLoader)return!1;if(l(d,f)||c(d,f))return!0;if(d.route.shouldRevalidate){let w=d.route.shouldRevalidate({currentUrl:new URL(i.pathname+i.search+i.hash,window.origin),currentParams:((m=r[0])==null?void 0:m.params)||{},nextUrl:new URL(e,window.origin),nextParams:d.params,defaultShouldRevalidate:!0});if(typeof w=="boolean")return w}return!0}):[]}function KT(e,t,{includeHydrateFallback:r}={}){return YT(e?.map(n=>{let i=t.routes[n.route.id];if(!i)return[];let a=[i.module];return i.clientActionModule&&(a=a.concat(i.clientActionModule)),i.clientLoaderModule&&(a=a.concat(i.clientLoaderModule)),r&&i.hydrateFallbackModule&&(a=a.concat(i.hydrateFallbackModule)),i.imports&&(a=a.concat(i.imports)),a}).flat(1))}function YT(e){return[...new Set(e)]}function XT(e){let t={},r=Object.keys(e).sort();for(let n of r)t[n]=e[n];return t}function QT(e,t){let r=new Set;return new Set(t),e.reduce((n,i)=>{let a=JSON.stringify(XT(i));return r.has(a)||(r.add(a),n.push({key:a,link:i})),n},[])}function fg(){let e=g.useContext(ga);return dg(e,"You must render this element inside a <DataRouterContext.Provider> element"),e}function JT(){let e=g.useContext(xd);return dg(e,"You must render this element inside a <DataRouterStateContext.Provider> element"),e}var pg=g.createContext(void 0);pg.displayName="FrameworkContext";function mg(){let e=g.useContext(pg);return dg(e,"You must render this element inside a <HydratedRouter> element"),e}function ZT(e,t){let r=g.useContext(pg),[n,i]=g.useState(!1),[a,l]=g.useState(!1),{onFocus:c,onBlur:d,onMouseEnter:f,onMouseLeave:h,onTouchStart:m}=t,w=g.useRef(null);g.useEffect(()=>{if(e==="render"&&l(!0),e==="viewport"){let x=E=>{E.forEach(P=>{l(P.isIntersecting)})},R=new IntersectionObserver(x,{threshold:.5});return w.current&&R.observe(w.current),()=>{R.disconnect()}}},[e]),g.useEffect(()=>{if(n){let x=setTimeout(()=>{l(!0)},100);return()=>{clearTimeout(x)}}},[n]);let v=()=>{i(!0)},C=()=>{i(!1),l(!1)};return r?e!=="intent"?[a,w,{}]:[a,w,{onFocus:ul(c,v),onBlur:ul(d,C),onMouseEnter:ul(f,v),onMouseLeave:ul(h,C),onTouchStart:ul(m,v)}]:[!1,w,{}]}function ul(e,t){return r=>{e&&e(r),r.defaultPrevented||t(r)}}function eN({page:e,...t}){let r=dT(),{router:n}=fg(),i=g.useMemo(()=>Nx(n.routes,e,n.basename),[n.routes,e,n.basename]);return i?r?g.createElement(rN,{page:e,matches:i,...t}):g.createElement(nN,{page:e,matches:i,...t}):null}function tN(e){let{manifest:t,routeModules:r}=mg(),[n,i]=g.useState([]);return g.useEffect(()=>{let a=!1;return GT(e,t,r).then(l=>{a||i(l)}),()=>{a=!0}},[e,t,r]),n}function rN({page:e,matches:t,...r}){let n=lr(),{future:i}=mg(),{basename:a}=fg(),l=g.useMemo(()=>{if(e===n.pathname+n.search+n.hash)return[];let c=Hx(e,a,i.v8_trailingSlashAwareDataRequests,"rsc"),d=!1,f=[];for(let h of t)typeof h.route.shouldRevalidate=="function"?d=!0:f.push(h.route.id);return d&&f.length>0&&c.searchParams.set("_routes",f.join(",")),[c.pathname+c.search]},[a,i.v8_trailingSlashAwareDataRequests,e,n,t]);return g.createElement(g.Fragment,null,l?.map(c=>g.createElement("link",{key:c,rel:"prefetch",as:"fetch",href:c,...r})))}function nN({page:e,matches:t,...r}){let n=lr(),{future:i,manifest:a,routeModules:l}=mg(),{basename:c}=fg(),{loaderData:d,matches:f}=JT(),h=g.useMemo(()=>jb(e,t,f,a,n,"data"),[e,t,f,a,n]),m=g.useMemo(()=>jb(e,t,f,a,n,"assets"),[e,t,f,a,n]),w=g.useMemo(()=>{if(e===n.pathname+n.search+n.hash)return[];let x=new Set,R=!1;if(t.forEach(P=>{var T;let k=a.routes[P.route.id];!k||!k.hasLoader||(!h?.some(N=>N.route.id===P.route.id)&&P.route.id in d&&((T=l[P.route.id])!=null&&T.shouldRevalidate)||k.hasClientLoader?R=!0:x.add(P.route.id))}),x.size===0)return[];let E=Hx(e,c,i.v8_trailingSlashAwareDataRequests,"data");return R&&x.size>0&&E.searchParams.set("_routes",t.filter(P=>x.has(P.route.id))?.map(P=>P.route.id).join(",")),[E.pathname+E.search]},[c,i.v8_trailingSlashAwareDataRequests,d,n,a,h,t,e,l]),v=g.useMemo(()=>KT(m,a),[m,a]),C=tN(m);return g.createElement(g.Fragment,null,w?.map(x=>g.createElement("link",{key:x,rel:"prefetch",as:"fetch",href:x,...r})),v?.map(x=>g.createElement("link",{key:x,rel:"modulepreload",href:x,...r})),C?.map(({key:x,link:R})=>g.createElement("link",{key:x,nonce:r.nonce,...R,crossOrigin:R.crossOrigin??r.crossOrigin})))}function oN(...e){return t=>{e.forEach(r=>{typeof r=="function"?r(t):r!=null&&(r.current=t)})}}var iN=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";try{iN&&(window.__reactRouterVersion="7.17.0")}catch{}function sN({basename:e,children:t,useTransitions:r,window:n}){let i=g.useRef();i.current==null&&(i.current=FA({window:n,v5Compat:!0}));let a=i.current,[l,c]=g.useState({action:a.action,location:a.location}),d=g.useCallback(f=>{r===!1?c(f):g.startTransition(()=>c(f))},[r]);return g.useLayoutEffect(()=>a.listen(d),[a,d]),g.createElement(jT,{basename:e,children:t,location:l.location,navigationType:l.action,navigator:a,useTransitions:r})}var Wx=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,hg=g.forwardRef(function({onClick:t,discover:r="render",prefetch:n="none",relative:i,reloadDocument:a,replace:l,mask:c,state:d,target:f,to:h,preventScrollReset:m,viewTransition:w,defaultShouldRevalidate:v,...C},x){let{basename:R,navigator:E,useTransitions:P}=g.useContext(zr),k=typeof h=="string"&&Wx.test(h),T=jx(h,R);h=T.to;let N=vT(h,{relative:i}),j=lr(),M=null;if(c){let W=Sd(c,[],j.mask?j.mask.pathname:"/",!0);R!=="/"&&(W.pathname=W.pathname==="/"?R:wn([R,W.pathname])),M=E.createHref(W)}let[O,B,H]=ZT(n,C),Y=cN(h,{replace:l,mask:c,state:d,target:f,preventScrollReset:m,relative:i,viewTransition:w,defaultShouldRevalidate:v,useTransitions:P});function ne(W){t&&t(W),W.defaultPrevented||Y(W)}let te=!(T.isExternal||a),K=g.createElement("a",{...C,...H,href:(te?M:void 0)||T.absoluteURL||N,onClick:te?ne:t,ref:oN(x,B),target:f,"data-discover":!k&&r==="render"?"true":void 0});return O&&!k?g.createElement(g.Fragment,null,K,g.createElement(eN,{page:N})):K});hg.displayName="Link";var gg=g.forwardRef(function({"aria-current":t="page",caseSensitive:r=!1,className:n="",end:i=!1,style:a,to:l,viewTransition:c,children:d,...f},h){let m=zl(l,{relative:f.relative}),w=lr(),v=g.useContext(xd),{navigator:C,basename:x}=g.useContext(zr),R=v!=null&&mN(m)&&c===!0,E=C.encodeLocation?C.encodeLocation(m).pathname:m.pathname,P=w.pathname,k=v&&v.navigation&&v.navigation.location?v.navigation.location.pathname:null;r||(P=P.toLowerCase(),k=k?k.toLowerCase():null,E=E.toLowerCase()),k&&x&&(k=vo(k,x)||k);const T=E!=="/"&&E.endsWith("/")?E.length-1:E.length;let N=P===E||!i&&P.startsWith(E)&&P.charAt(T)==="/",j=k!=null&&(k===E||!i&&k.startsWith(E)&&k.charAt(E.length)==="/"),M={isActive:N,isPending:j,isTransitioning:R},O=N?t:void 0,B;typeof n=="function"?B=n(M):B=[n,N?"active":null,j?"pending":null,R?"transitioning":null].filter(Boolean).join(" ");let H=typeof a=="function"?a(M):a;return g.createElement(hg,{...f,"aria-current":O,className:B,ref:h,style:H,to:l,viewTransition:c},typeof d=="function"?d(M):d)});gg.displayName="NavLink";var aN=g.forwardRef(({discover:e="render",fetcherKey:t,navigate:r,reloadDocument:n,replace:i,state:a,method:l=Mu,action:c,onSubmit:d,relative:f,preventScrollReset:h,viewTransition:m,defaultShouldRevalidate:w,...v},C)=>{let{useTransitions:x}=g.useContext(zr),R=fN(),E=pN(c,{relative:f}),P=l.toLowerCase()==="get"?"get":"post",k=typeof c=="string"&&Wx.test(c),T=N=>{if(d&&d(N),N.defaultPrevented)return;N.preventDefault();let j=N.nativeEvent.submitter,M=(j==null?void 0:j.getAttribute("formmethod"))||l,O=()=>R(j||N.currentTarget,{fetcherKey:t,method:M,navigate:r,replace:i,state:a,relative:f,preventScrollReset:h,viewTransition:m,defaultShouldRevalidate:w});x&&r!==!1?g.startTransition(()=>O()):O()};return g.createElement("form",{ref:C,method:P,action:E,onSubmit:n?d:T,...v,"data-discover":!k&&e==="render"?"true":void 0})});aN.displayName="Form";function lN(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function Gx(e){let t=g.useContext(ga);return ct(t,lN(e)),t}function cN(e,{target:t,replace:r,mask:n,state:i,preventScrollReset:a,relative:l,viewTransition:c,defaultShouldRevalidate:d,useTransitions:f}={}){let h=mi(),m=lr(),w=zl(e,{relative:l});return g.useCallback(v=>{if($T(v,t)){v.preventDefault();let C=r!==void 0?r:Rl(m)===Rl(w),x=()=>h(e,{replace:C,mask:n,state:i,preventScrollReset:a,relative:l,viewTransition:c,defaultShouldRevalidate:d});f?g.startTransition(()=>x()):x()}},[m,h,w,r,n,i,t,e,a,l,c,d,f])}function jH(e){Zr(typeof URLSearchParams<"u","You cannot use the `useSearchParams` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.");let t=g.useRef(Gm(e)),r=g.useRef(!1),n=lr(),i=g.useMemo(()=>zT(n.search,r.current?null:t.current),[n.search]),a=mi(),l=g.useCallback((c,d)=>{const f=Gm(typeof c=="function"?c(new URLSearchParams(i)):c);r.current=!0,a("?"+f,d)},[a,i]);return[i,l]}var uN=0,dN=()=>`__${String(++uN)}__`;function fN(){let{router:e}=Gx("useSubmit"),{basename:t}=g.useContext(zr),r=DT(),n=e.fetch,i=e.navigate;return g.useCallback(async(a,l={})=>{let{action:c,method:d,encType:f,formData:h,body:m}=VT(a,t);if(l.navigate===!1){let w=l.fetcherKey||dN();await n(w,r,l.action||c,{defaultShouldRevalidate:l.defaultShouldRevalidate,preventScrollReset:l.preventScrollReset,formData:h,body:m,formMethod:l.method||d,formEncType:l.encType||f,flushSync:l.flushSync})}else await i(l.action||c,{defaultShouldRevalidate:l.defaultShouldRevalidate,preventScrollReset:l.preventScrollReset,formData:h,body:m,formMethod:l.method||d,formEncType:l.encType||f,replace:l.replace,state:l.state,fromRouteId:r,flushSync:l.flushSync,viewTransition:l.viewTransition})},[n,i,t,r])}function pN(e,{relative:t}={}){let{basename:r}=g.useContext(zr),n=g.useContext(rn);ct(n,"useFormAction must be used inside a RouteContext");let[i]=n.matches.slice(-1),a={...zl(e||".",{relative:t})},l=lr();if(e==null){a.search=l.search;let c=new URLSearchParams(a.search),d=c.getAll("index");if(d?.some(h=>h==="")){c.delete("index"),d.filter(m=>m).forEach(m=>c.append("index",m));let h=c.toString();a.search=h?`?${h}`:""}}return(!e||e===".")&&i.route.index&&(a.search=a.search?a.search.replace(/^\?/,"?index&"):"?index"),r!=="/"&&(a.pathname=a.pathname==="/"?r:wn([r,a.pathname])),Rl(a)}function mN(e,{relative:t}={}){let r=g.useContext(Ix);ct(r!=null,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?");let{basename:n}=Gx("useViewTransitionState"),i=zl(e,{relative:t});if(!r.isTransitioning)return!1;let a=vo(r.currentLocation.pathname,n)||r.currentLocation.pathname,l=vo(r.nextLocation.pathname,n)||r.nextLocation.pathname;return Qu(i.pathname,l)!=null||Qu(i.pathname,a)!=null}var Bl=Tx();const Ws=bd(Bl),Kx="um:last-route";function hN(e,t){if(e.startsWith("/user-management/"))try{localStorage.setItem(Kx,JSON.stringify({userId:t??null,path:e}))}catch{}}function gN(e){try{const t=localStorage.getItem(Kx);if(!t)return null;let r=null;try{const n=JSON.parse(t);n&&typeof n=="object"&&(r=n)}catch{return null}return r!=null&&r.path&&r.path.startsWith("/user-management/")&&(r.userId??null)===(e??null)?r.path:null}catch{return null}}var mn={},Lb;function yN(){if(Lb)return mn;Lb=1,Object.defineProperty(mn,"__esModule",{value:!0}),mn.parseCookie=c,mn.parse=c,mn.stringifyCookie=d,mn.stringifySetCookie=f,mn.serialize=f,mn.parseSetCookie=h,mn.stringifySetCookie=f,mn.serialize=f;const e=/^[\u0021-\u003A\u003C\u003E-\u007E]+$/,t=/^[\u0021-\u003A\u003C-\u007E]*$/,r=/^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i,n=/^[\u0020-\u003A\u003D-\u007E]*$/,i=/^-?\d+$/,a=Object.prototype.toString,l=(()=>{const R=function(){};return R.prototype=Object.create(null),R})();function c(R,E){const P=new l,k=R.length;if(k<2)return P;const T=(E==null?void 0:E.decode)||C;let N=0;do{const j=w(R,N,k);if(j===-1)break;const M=m(R,N,k);if(j>M){N=R.lastIndexOf(";",j-1)+1;continue}const O=v(R,N,j);P[O]===void 0&&(P[O]=T(v(R,j+1,M))),N=M+1}while(N<k);return P}function d(R,E){const P=(E==null?void 0:E.encode)||encodeURIComponent,k=[];for(const T of Object.keys(R)){const N=R[T];if(N===void 0)continue;if(!e.test(T))throw new TypeError(`cookie name is invalid: ${T}`);const j=P(N);if(!t.test(j))throw new TypeError(`cookie val is invalid: ${N}`);k.push(`${T}=${j}`)}return k.join("; ")}function f(R,E,P){const k=typeof R=="object"?R:{...P,name:R,value:String(E)},T=typeof E=="object"?E:P,N=(T==null?void 0:T.encode)||encodeURIComponent;if(!e.test(k.name))throw new TypeError(`argument name is invalid: ${k.name}`);const j=k.value?N(k.value):"";if(!t.test(j))throw new TypeError(`argument val is invalid: ${k.value}`);let M=k.name+"="+j;if(k.maxAge!==void 0){if(!Number.isInteger(k.maxAge))throw new TypeError(`option maxAge is invalid: ${k.maxAge}`);M+="; Max-Age="+k.maxAge}if(k.domain){if(!r.test(k.domain))throw new TypeError(`option domain is invalid: ${k.domain}`);M+="; Domain="+k.domain}if(k.path){if(!n.test(k.path))throw new TypeError(`option path is invalid: ${k.path}`);M+="; Path="+k.path}if(k.expires){if(!x(k.expires)||!Number.isFinite(k.expires.valueOf()))throw new TypeError(`option expires is invalid: ${k.expires}`);M+="; Expires="+k.expires.toUTCString()}if(k.httpOnly&&(M+="; HttpOnly"),k.secure&&(M+="; Secure"),k.partitioned&&(M+="; Partitioned"),k.priority)switch(typeof k.priority=="string"?k.priority.toLowerCase():void 0){case"low":M+="; Priority=Low";break;case"medium":M+="; Priority=Medium";break;case"high":M+="; Priority=High";break;default:throw new TypeError(`option priority is invalid: ${k.priority}`)}if(k.sameSite)switch(typeof k.sameSite=="string"?k.sameSite.toLowerCase():k.sameSite){case!0:case"strict":M+="; SameSite=Strict";break;case"lax":M+="; SameSite=Lax";break;case"none":M+="; SameSite=None";break;default:throw new TypeError(`option sameSite is invalid: ${k.sameSite}`)}return M}function h(R,E){const P=(E==null?void 0:E.decode)||C,k=R.length,T=m(R,0,k),N=w(R,0,T),j=N===-1?{name:"",value:P(v(R,0,T))}:{name:v(R,0,N),value:P(v(R,N+1,T))};let M=T+1;for(;M<k;){const O=m(R,M,k),B=w(R,M,O),H=B===-1?v(R,M,O):v(R,M,B),Y=B===-1?void 0:v(R,B+1,O);switch(H.toLowerCase()){case"httponly":j.httpOnly=!0;break;case"secure":j.secure=!0;break;case"partitioned":j.partitioned=!0;break;case"domain":j.domain=Y;break;case"path":j.path=Y;break;case"max-age":Y&&i.test(Y)&&(j.maxAge=Number(Y));break;case"expires":if(!Y)break;const ne=new Date(Y);Number.isFinite(ne.valueOf())&&(j.expires=ne);break;case"priority":if(!Y)break;const te=Y.toLowerCase();(te==="low"||te==="medium"||te==="high")&&(j.priority=te);break;case"samesite":if(!Y)break;const K=Y.toLowerCase();(K==="lax"||K==="strict"||K==="none")&&(j.sameSite=K);break}M=O+1}return j}function m(R,E,P){const k=R.indexOf(";",E);return k===-1?P:k}function w(R,E,P){const k=R.indexOf("=",E);return k<P?k:-1}function v(R,E,P){let k=E,T=P;do{const N=R.charCodeAt(k);if(N!==32&&N!==9)break}while(++k<T);for(;T>k;){const N=R.charCodeAt(T-1);if(N!==32&&N!==9)break;T--}return R.slice(k,T)}function C(R){if(R.indexOf("%")===-1)return R;try{return decodeURIComponent(R)}catch{return R}}function x(R){return a.call(R)==="[object Date]"}return mn}var Lu=yN();function vN(){const e=typeof globalThis>"u"?void 0:globalThis.TEST_HAS_DOCUMENT_COOKIE;return typeof e=="boolean"?e:typeof document=="object"&&typeof document.cookie=="string"}function bN(e){return typeof e=="string"?Lu.parse(e):typeof e=="object"&&e!==null?e:{}}function tm(e,t={}){const r=wN(e);if(!t.doNotParse)try{return JSON.parse(r)}catch{}return e}function wN(e){return e&&e[0]==="j"&&e[1]===":"?e.substr(2):e}class SN{constructor(t,r={}){this.changeListeners=[],this.HAS_DOCUMENT_COOKIE=!1,this.update=()=>{if(!this.HAS_DOCUMENT_COOKIE)return;const i=this.cookies;this.cookies=Lu.parse(document.cookie),this._checkChanges(i)};const n=typeof document>"u"?"":document.cookie;this.cookies=bN(t||n),this.defaultSetOptions=r,this.HAS_DOCUMENT_COOKIE=vN()}_emitChange(t){for(let r=0;r<this.changeListeners.length;++r)this.changeListeners[r](t)}_checkChanges(t){new Set(Object.keys(t).concat(Object.keys(this.cookies))).forEach(n=>{t[n]!==this.cookies[n]&&this._emitChange({name:n,value:tm(this.cookies[n])})})}_startPolling(){this.pollingInterval=setInterval(this.update,300)}_stopPolling(){this.pollingInterval&&clearInterval(this.pollingInterval)}get(t,r={}){return r.doNotUpdate||this.update(),tm(this.cookies[t],r)}getAll(t={}){t.doNotUpdate||this.update();const r={};for(let n in this.cookies)r[n]=tm(this.cookies[n],t);return r}set(t,r,n){n?n=Object.assign(Object.assign({},this.defaultSetOptions),n):n=this.defaultSetOptions;const i=typeof r=="string"?r:JSON.stringify(r);this.cookies=Object.assign(Object.assign({},this.cookies),{[t]:i}),this.HAS_DOCUMENT_COOKIE&&(document.cookie=Lu.serialize(t,i,n)),this._emitChange({name:t,value:r,options:n})}remove(t,r){const n=r=Object.assign(Object.assign(Object.assign({},this.defaultSetOptions),r),{expires:new Date(1970,1,1,0,0,1),maxAge:0});this.cookies=Object.assign({},this.cookies),delete this.cookies[t],this.HAS_DOCUMENT_COOKIE&&(document.cookie=Lu.serialize(t,"",n)),this._emitChange({name:t,value:void 0,options:r})}addChangeListener(t){this.changeListeners.push(t),this.HAS_DOCUMENT_COOKIE&&this.changeListeners.length===1&&(typeof window=="object"&&"cookieStore"in window?window.cookieStore.addEventListener("change",this.update):this._startPolling())}removeChangeListener(t){const r=this.changeListeners.indexOf(t);r>=0&&this.changeListeners.splice(r,1),this.HAS_DOCUMENT_COOKIE&&this.changeListeners.length===0&&(typeof window=="object"&&"cookieStore"in window?window.cookieStore.removeEventListener("change",this.update):this._stopPolling())}removeAllChangeListeners(){for(;this.changeListeners.length>0;)this.removeChangeListener(this.changeListeners[0])}}const xN=g.createContext(null),{Provider:CN,Consumer:LH}=xN,RN=e=>{const t=g.useMemo(()=>e.cookies?e.cookies:new SN(void 0,e.defaultSetOptions),[e.cookies,e.defaultSetOptions]);return g.createElement(CN,{value:t},e.children)};var rm={exports:{}},Qe={};/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Fb;function EN(){if(Fb)return Qe;Fb=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,h=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,w=e?Symbol.for("react.suspense_list"):60120,v=e?Symbol.for("react.memo"):60115,C=e?Symbol.for("react.lazy"):60116,x=e?Symbol.for("react.block"):60121,R=e?Symbol.for("react.fundamental"):60117,E=e?Symbol.for("react.responder"):60118,P=e?Symbol.for("react.scope"):60119;function k(N){if(typeof N=="object"&&N!==null){var j=N.$$typeof;switch(j){case t:switch(N=N.type,N){case d:case f:case n:case a:case i:case m:return N;default:switch(N=N&&N.$$typeof,N){case c:case h:case C:case v:case l:return N;default:return j}}case r:return j}}}function T(N){return k(N)===f}return Qe.AsyncMode=d,Qe.ConcurrentMode=f,Qe.ContextConsumer=c,Qe.ContextProvider=l,Qe.Element=t,Qe.ForwardRef=h,Qe.Fragment=n,Qe.Lazy=C,Qe.Memo=v,Qe.Portal=r,Qe.Profiler=a,Qe.StrictMode=i,Qe.Suspense=m,Qe.isAsyncMode=function(N){return T(N)||k(N)===d},Qe.isConcurrentMode=T,Qe.isContextConsumer=function(N){return k(N)===c},Qe.isContextProvider=function(N){return k(N)===l},Qe.isElement=function(N){return typeof N=="object"&&N!==null&&N.$$typeof===t},Qe.isForwardRef=function(N){return k(N)===h},Qe.isFragment=function(N){return k(N)===n},Qe.isLazy=function(N){return k(N)===C},Qe.isMemo=function(N){return k(N)===v},Qe.isPortal=function(N){return k(N)===r},Qe.isProfiler=function(N){return k(N)===a},Qe.isStrictMode=function(N){return k(N)===i},Qe.isSuspense=function(N){return k(N)===m},Qe.isValidElementType=function(N){return typeof N=="string"||typeof N=="function"||N===n||N===f||N===a||N===i||N===m||N===w||typeof N=="object"&&N!==null&&(N.$$typeof===C||N.$$typeof===v||N.$$typeof===l||N.$$typeof===c||N.$$typeof===h||N.$$typeof===R||N.$$typeof===E||N.$$typeof===P||N.$$typeof===x)},Qe.typeOf=k,Qe}var Ib;function kN(){return Ib||(Ib=1,rm.exports=EN()),rm.exports}var nm,Ub;function PN(){if(Ub)return nm;Ub=1;var e=kN(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},n={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},a={};a[e.ForwardRef]=n,a[e.Memo]=i;function l(C){return e.isMemo(C)?i:a[C.$$typeof]||t}var c=Object.defineProperty,d=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,h=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,w=Object.prototype;function v(C,x,R){if(typeof x!="string"){if(w){var E=m(x);E&&E!==w&&v(C,E,R)}var P=d(x);f&&(P=P.concat(f(x)));for(var k=l(C),T=l(x),N=0;N<P.length;++N){var j=P[N];if(!r[j]&&!(R&&R[j])&&!(T&&T[j])&&!(k&&k[j])){var M=h(x,j);try{c(C,j,M)}catch{}}}}return C}return nm=v,nm}PN();/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const AN=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),TN=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,r,n)=>n?n.toUpperCase():r.toLowerCase()),$b=e=>{const t=TN(e);return t.charAt(0).toUpperCase()+t.slice(1)},Yx=(...e)=>e.filter((t,r,n)=>!!t&&t.trim()!==""&&n.indexOf(t)===r).join(" ").trim(),NN=e=>{for(const t in e)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var DN={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ON=g.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:r=2,absoluteStrokeWidth:n,className:i="",children:a,iconNode:l,...c},d)=>g.createElement("svg",{ref:d,...DN,width:t,height:t,stroke:e,strokeWidth:n?Number(r)*24/Number(t):r,className:Yx("lucide",i),...!a&&!NN(c)&&{"aria-hidden":"true"},...c},[...l?.map(([f,h])=>g.createElement(f,h)),...Array.isArray(a)?a:[a]]));/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const $e=(e,t)=>{const r=g.forwardRef(({className:n,...i},a)=>g.createElement(ON,{ref:a,iconNode:t,className:Yx(`lucide-${AN($b(e))}`,`lucide-${e}`,n),...i}));return r.displayName=$b(e),r};/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const _N=[["rect",{width:"20",height:"5",x:"2",y:"3",rx:"1",key:"1wp1u1"}],["path",{d:"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8",key:"1s80jp"}],["path",{d:"M10 12h4",key:"a56b0p"}]],MN=$e("archive",_N);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const jN=[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742",key:"178tsu"}],["path",{d:"m2 2 20 20",key:"1ooewy"}],["path",{d:"M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05",key:"1hqiys"}]],Xx=$e("bell-off",jN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const LN=[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]],Zu=$e("bell",LN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const FN=[["path",{d:"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",key:"lc1i9w"}],["path",{d:"m7 16.5-4.74-2.85",key:"1o9zyk"}],["path",{d:"m7 16.5 5-3",key:"va8pkn"}],["path",{d:"M7 16.5v5.17",key:"jnp8gn"}],["path",{d:"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",key:"8zsnat"}],["path",{d:"m17 16.5-5-3",key:"8arw3v"}],["path",{d:"m17 16.5 4.74-2.85",key:"8rfmw"}],["path",{d:"M17 16.5v5.17",key:"k6z78m"}],["path",{d:"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",key:"1xygjf"}],["path",{d:"M12 8 7.26 5.15",key:"1vbdud"}],["path",{d:"m12 8 4.74-2.85",key:"3rx089"}],["path",{d:"M12 13.5V8",key:"1io7kd"}]],IN=$e("boxes",FN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const UN=[["path",{d:"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",key:"1b4qmf"}],["path",{d:"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2",key:"i71pzd"}],["path",{d:"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2",key:"10jefs"}],["path",{d:"M10 6h4",key:"1itunk"}],["path",{d:"M10 10h4",key:"tcdvrf"}],["path",{d:"M10 14h4",key:"kelpxr"}],["path",{d:"M10 18h4",key:"1ulq68"}]],Km=$e("building-2",UN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const $N=[["line",{x1:"12",x2:"12",y1:"20",y2:"10",key:"1vz5eb"}],["line",{x1:"18",x2:"18",y1:"20",y2:"4",key:"cun8e5"}],["line",{x1:"6",x2:"6",y1:"20",y2:"16",key:"hq0ia6"}]],zN=$e("chart-no-axes-column-increasing",$N);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const BN=[["path",{d:"M18 6 7 17l-5-5",key:"116fxf"}],["path",{d:"m22 10-7.5 7.5L13 16",key:"ke71qq"}]],qN=$e("check-check",BN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const VN=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],yg=$e("check",VN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const HN=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],zb=$e("chevron-down",HN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const WN=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],GN=$e("chevron-right",WN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const KN=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],YN=$e("circle-check-big",KN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const XN=[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",key:"116196"}],["path",{d:"m9 14 2 2 4-4",key:"df797q"}]],QN=$e("clipboard-check",XN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const JN=[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",key:"116196"}],["path",{d:"M12 11h4",key:"1jrz19"}],["path",{d:"M12 16h4",key:"n85exb"}],["path",{d:"M8 11h.01",key:"1dfujw"}],["path",{d:"M8 16h.01",key:"18s6g9"}]],Qx=$e("clipboard-list",JN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ZN=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]],vg=$e("clock",ZN);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const eD=[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M8 13h2",key:"yr2amv"}],["path",{d:"M14 13h2",key:"un5t4a"}],["path",{d:"M8 17h2",key:"2yhykz"}],["path",{d:"M14 17h2",key:"10kma7"}]],tD=$e("file-spreadsheet",eD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const rD=[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]],El=$e("file-text",rD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const nD=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]],oD=$e("globe",nD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const iD=[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]],sD=$e("house",iD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const aD=[["path",{d:"m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4",key:"g0fldk"}],["path",{d:"m21 2-9.6 9.6",key:"1j0ho8"}],["circle",{cx:"7.5",cy:"15.5",r:"5.5",key:"yqb3hr"}]],lD=$e("key",aD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const cD=[["path",{d:"m5 8 6 6",key:"1wu5hv"}],["path",{d:"m4 14 6-6 2-3",key:"1k1g8d"}],["path",{d:"M2 5h12",key:"or177f"}],["path",{d:"M7 2h1",key:"1t2jsx"}],["path",{d:"m22 22-5-10-5 10",key:"don7ne"}],["path",{d:"M14 18h6",key:"1m8k6r"}]],uD=$e("languages",cD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const dD=[["rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",key:"10lvy0"}],["rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",key:"16une8"}],["rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",key:"1hutg5"}],["rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",key:"ldoo1y"}]],fD=$e("layout-dashboard",dD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const pD=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],Bb=$e("loader-circle",pD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const mD=[["path",{d:"m16 17 5-5-5-5",key:"1bji2h"}],["path",{d:"M21 12H9",key:"dn1m92"}],["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}]],hD=$e("log-out",mD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const gD=[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]],yD=$e("menu",gD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const vD=[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]],bD=$e("moon",vD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const wD=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m16 15-3-3 3-3",key:"14y99z"}]],SD=$e("panel-left-close",wD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const xD=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"m14 9 3 3-3 3",key:"8010ee"}]],CD=$e("panel-left-open",xD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const RD=[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],qb=$e("settings",RD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ED=[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]],kD=$e("sun",ED);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const PD=[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]],AD=$e("trash-2",PD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const TD=[["path",{d:"M12 3v12",key:"1x0j5s"}],["path",{d:"m17 8-5-5-5 5",key:"7q97r8"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}]],ND=$e("upload",TD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const DD=[["path",{d:"M10 15H6a4 4 0 0 0-4 4v2",key:"1nfge6"}],["path",{d:"m14.305 16.53.923-.382",key:"1itpsq"}],["path",{d:"m15.228 13.852-.923-.383",key:"eplpkm"}],["path",{d:"m16.852 12.228-.383-.923",key:"13v3q0"}],["path",{d:"m16.852 17.772-.383.924",key:"1i8mnm"}],["path",{d:"m19.148 12.228.383-.923",key:"1q8j1v"}],["path",{d:"m19.53 18.696-.382-.924",key:"vk1qj3"}],["path",{d:"m20.772 13.852.924-.383",key:"n880s0"}],["path",{d:"m20.772 16.148.924.383",key:"1g6xey"}],["circle",{cx:"18",cy:"15",r:"3",key:"gjjjvw"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]],Vb=$e("user-cog",DD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const OD=[["path",{d:"M11.5 15H7a4 4 0 0 0-4 4v2",key:"15lzij"}],["path",{d:"M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z",key:"1817ys"}],["circle",{cx:"10",cy:"7",r:"4",key:"e45bow"}]],_D=$e("user-pen",OD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const MD=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],Hb=$e("user",MD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const jD=[["path",{d:"M18 21a8 8 0 0 0-16 0",key:"3ypg7q"}],["circle",{cx:"10",cy:"8",r:"5",key:"o932ke"}],["path",{d:"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3",key:"10s06x"}]],Ym=$e("users-round",jD);/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const LD=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],bg=$e("x",LD),FD=(e,t,r,n)=>{var a,l,c,d;const i=[r,{code:t,...n||{}}];if((l=(a=e==null?void 0:e.services)==null?void 0:a.logger)!=null&&l.forward)return e.services.logger.forward(i,"warn","react-i18next::",!0);Qi(i[0])&&(i[0]=`react-i18next:: ${i[0]}`),(d=(c=e==null?void 0:e.services)==null?void 0:c.logger)!=null&&d.warn?e.services.logger.warn(...i):console!=null&&console.warn},Wb={},Xm=(e,t,r,n)=>{Qi(r)&&Wb[r]||(Qi(r)&&(Wb[r]=new Date),FD(e,t,r,n))},Jx=(e,t)=>()=>{if(e.isInitialized)t();else{const r=()=>{setTimeout(()=>{e.off("initialized",r)},0),t()};e.on("initialized",r)}},Qm=(e,t,r)=>{e.loadNamespaces(t,Jx(e,r))},Gb=(e,t,r,n)=>{if(Qi(r)&&(r=[r]),e.options.preload&&e.options.preload.indexOf(t)>-1)return Qm(e,r,n);r.forEach(i=>{e.options.ns.indexOf(i)<0&&e.options.ns.push(i)}),e.loadLanguages(t,Jx(e,n))},ID=(e,t,r={})=>!t.languages||!t.languages.length?(Xm(t,"NO_LANGUAGES","i18n.languages were undefined or empty",{languages:t.languages}),!0):t.hasLoadedNamespace(e,{lng:r.lng,precheck:(n,i)=>{if(r.bindI18n&&r.bindI18n.indexOf("languageChanging")>-1&&n.services.backendConnector.backend&&n.isLanguageChangingTo&&!i(n.isLanguageChangingTo,e))return!1}}),Qi=e=>typeof e=="string",UD=e=>typeof e=="object"&&e!==null,$D=/&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g,zD={"&amp;":"&","&#38;":"&","&lt;":"<","&#60;":"<","&gt;":">","&#62;":">","&apos;":"'","&#39;":"'","&quot;":'"',"&#34;":'"',"&nbsp;":" ","&#160;":" ","&copy;":"©","&#169;":"©","&reg;":"®","&#174;":"®","&hellip;":"…","&#8230;":"…","&#x2F;":"/","&#47;":"/"},BD=e=>zD[e],qD=e=>e.replace($D,BD);let Jm={bindI18n:"languageChanged",bindI18nStore:"",transEmptyNodeValue:"",transSupportBasicHtmlNodes:!0,transWrapTextNodes:"",transKeepBasicHtmlNodesFor:["br","strong","i","p"],useSuspense:!0,unescape:qD};const VD=(e={})=>{Jm={...Jm,...e}},HD=()=>Jm;let Zx;const WD=e=>{Zx=e},GD=()=>Zx,KD={type:"3rdParty",init(e){VD(e.options.react),WD(e)}},YD=g.createContext();class XD{constructor(){this.usedNamespaces={}}addUsedNamespaces(t){t.forEach(r=>{this.usedNamespaces[r]||(this.usedNamespaces[r]=!0)})}getUsedNamespaces(){return Object.keys(this.usedNamespaces)}}const QD=(e,t)=>{const r=g.useRef();return g.useEffect(()=>{r.current=e},[e,t]),r.current},eC=(e,t,r,n)=>e.getFixedT(t,r,n),JD=(e,t,r,n)=>g.useCallback(eC(e,t,r,n),[e,t,r,n]),So=(e,t={})=>{var T,N,j,M;const{i18n:r}=t,{i18n:n,defaultNS:i}=g.useContext(YD)||{},a=r||n||GD();if(a&&!a.reportNamespaces&&(a.reportNamespaces=new XD),!a){Xm(a,"NO_I18NEXT_INSTANCE","useTranslation: You will need to pass in an i18next instance by using initReactI18next");const O=(H,Y)=>Qi(Y)?Y:UD(Y)&&Qi(Y.defaultValue)?Y.defaultValue:Array.isArray(H)?H[H.length-1]:H,B=[O,{},!1];return B.t=O,B.i18n={},B.ready=!1,B}(T=a.options.react)!=null&&T.wait&&Xm(a,"DEPRECATED_OPTION","useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");const l={...HD(),...a.options.react,...t},{useSuspense:c,keyPrefix:d}=l;let f=i||((N=a.options)==null?void 0:N.defaultNS);f=Qi(f)?[f]:f||["translation"],(M=(j=a.reportNamespaces).addUsedNamespaces)==null||M.call(j,f);const h=(a.isInitialized||a.initializedStoreOnce)&&f.every(O=>ID(O,a,l)),m=JD(a,t.lng||null,l.nsMode==="fallback"?f:f[0],d),w=()=>m,v=()=>eC(a,t.lng||null,l.nsMode==="fallback"?f:f[0],d),[C,x]=g.useState(w);let R=f.join();t.lng&&(R=`${t.lng}${R}`);const E=QD(R),P=g.useRef(!0);g.useEffect(()=>{const{bindI18n:O,bindI18nStore:B}=l;P.current=!0,!h&&!c&&(t.lng?Gb(a,t.lng,f,()=>{P.current&&x(v)}):Qm(a,f,()=>{P.current&&x(v)})),h&&E&&E!==R&&P.current&&x(v);const H=()=>{P.current&&x(v)};return O&&(a==null||a.on(O,H)),B&&(a==null||a.store.on(B,H)),()=>{P.current=!1,a&&O&&(O==null||O.split(" ").forEach(Y=>a.off(Y,H))),B&&a&&B.split(" ").forEach(Y=>a.store.off(Y,H))}},[a,R]),g.useEffect(()=>{P.current&&h&&x(w)},[a,d,h]);const k=[C,a,h];if(k.t=C,k.i18n=a,k.ready=h,h||!h&&!c)return k;throw new Promise(O=>{t.lng?Gb(a,t.lng,f,()=>O()):Qm(a,f,()=>O())})};/*! js-cookie v3.0.8 | MIT */function pu(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)n!=="__proto__"&&(e[n]=r[n])}return e}var ZD={read:function(e){return e[0]==='"'&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function Zm(e,t){function r(i,a,l){if(!(typeof document>"u")){l=pu({},t,l),typeof l.expires=="number"&&(l.expires=new Date(Date.now()+l.expires*864e5)),l.expires&&(l.expires=l.expires.toUTCString()),i=encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var d in l)l[d]&&(c+="; "+d,l[d]!==!0&&(c+="="+l[d].split(";")[0]));return document.cookie=i+"="+e.write(a,i)+c}}function n(i){if(!(typeof document>"u"||arguments.length&&!i)){for(var a=document.cookie?document.cookie.split("; "):[],l={},c=0;c<a.length;c++){var d=a[c].split("="),f=d.slice(1).join("=");try{var h=decodeURIComponent(d[0]);if(h in l||(l[h]=e.read(f,h)),i===h)break}catch{}}return i?l[i]:l}}return Object.create({set:r,get:n,remove:function(i,a){r(i,"",pu({},a,{expires:-1}))},withAttributes:function(i){return Zm(this.converter,pu({},this.attributes,i))},withConverter:function(i){return Zm(pu({},this.converter,i),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(e)}})}var Xe=Zm(ZD,{path:"/"});function tC(e,t){return function(){return e.apply(t,arguments)}}var eh={};const{toString:eO}=Object.prototype,{getPrototypeOf:Rd}=Object,{iterator:Ed,toStringTag:rC}=Symbol,kd=(e=>t=>{const r=eO.call(t);return e[r]||(e[r]=r.slice(8,-1).toLowerCase())})(Object.create(null)),Cn=e=>(e=e.toLowerCase(),t=>kd(t)===e),Pd=e=>t=>typeof t===e,{isArray:rs}=Array,ca=Pd("undefined");function va(e){return e!==null&&!ca(e)&&e.constructor!==null&&!ca(e.constructor)&&Ar(e.constructor.isBuffer)&&e.constructor.isBuffer(e)}const nC=Cn("ArrayBuffer");function tO(e){let t;return typeof ArrayBuffer<"u"&&ArrayBuffer.isView?t=ArrayBuffer.isView(e):t=e&&e.buffer&&nC(e.buffer),t}const rO=Pd("string"),Ar=Pd("function"),oC=Pd("number"),ql=e=>e!==null&&typeof e=="object",nO=e=>e===!0||e===!1,Fu=e=>{if(kd(e)!=="object")return!1;const t=Rd(e);return(t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(rC in e)&&!(Ed in e)},oO=e=>{if(!ql(e)||va(e))return!1;try{return Object.keys(e).length===0&&Object.getPrototypeOf(e)===Object.prototype}catch{return!1}},iO=Cn("Date"),sO=Cn("File"),aO=e=>!!(e&&typeof e.uri<"u"),lO=e=>e&&typeof e.getParts<"u",cO=Cn("Blob"),uO=Cn("FileList"),dO=e=>ql(e)&&Ar(e.pipe);function fO(){return typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof eh<"u"?eh:{}}const Kb=fO(),Yb=typeof Kb.FormData<"u"?Kb.FormData:void 0,pO=e=>{if(!e)return!1;if(Yb&&e instanceof Yb)return!0;const t=Rd(e);if(!t||t===Object.prototype||!Ar(e.append))return!1;const r=kd(e);return r==="formdata"||r==="object"&&Ar(e.toString)&&e.toString()==="[object FormData]"},mO=Cn("URLSearchParams"),[hO,gO,yO,vO]=["ReadableStream","Request","Response","Headers"]?.map(Cn),bO=e=>e.trim?e.trim():e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");function Vl(e,t,{allOwnKeys:r=!1}={}){if(e===null||typeof e>"u")return;let n,i;if(typeof e!="object"&&(e=[e]),rs(e))for(n=0,i=e.length;n<i;n++)t.call(null,e[n],n,e);else{if(va(e))return;const a=r?Object.getOwnPropertyNames(e):Object.keys(e),l=a.length;let c;for(n=0;n<l;n++)c=a[n],t.call(null,e[c],c,e)}}function iC(e,t){if(va(e))return null;t=t.toLowerCase();const r=Object.keys(e);let n=r.length,i;for(;n-- >0;)if(i=r[n],t===i.toLowerCase())return i;return null}const Fi=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:eh,sC=e=>!ca(e)&&e!==Fi;function th(...e){const{caseless:t,skipUndefined:r}=sC(this)&&this||{},n={},i=(a,l)=>{if(l==="__proto__"||l==="constructor"||l==="prototype")return;const c=t&&typeof l=="string"&&iC(n,l)||l,d=rh(n,c)?n[c]:void 0;Fu(d)&&Fu(a)?n[c]=th(d,a):Fu(a)?n[c]=th({},a):rs(a)?n[c]=a.slice():(!r||!ca(a))&&(n[c]=a)};for(let a=0,l=e.length;a<l;a++){const c=e[a];if(!c||va(c)||(Vl(c,i),typeof c!="object"||rs(c)))continue;const d=Object.getOwnPropertySymbols(c);for(let f=0;f<d.length;f++){const h=d[f];DO.call(c,h)&&i(c[h],h)}}return n}const wO=(e,t,r,{allOwnKeys:n}={})=>(Vl(t,(i,a)=>{r&&Ar(i)?Object.defineProperty(e,a,{__proto__:null,value:tC(i,r),writable:!0,enumerable:!0,configurable:!0}):Object.defineProperty(e,a,{__proto__:null,value:i,writable:!0,enumerable:!0,configurable:!0})},{allOwnKeys:n}),e),SO=e=>(e.charCodeAt(0)===65279&&(e=e.slice(1)),e),xO=(e,t,r,n)=>{e.prototype=Object.create(t.prototype,n),Object.defineProperty(e.prototype,"constructor",{__proto__:null,value:e,writable:!0,enumerable:!1,configurable:!0}),Object.defineProperty(e,"super",{__proto__:null,value:t.prototype}),r&&Object.assign(e.prototype,r)},CO=(e,t,r,n)=>{let i,a,l;const c={};if(t=t||{},e==null)return t;do{for(i=Object.getOwnPropertyNames(e),a=i.length;a-- >0;)l=i[a],(!n||n(l,e,t))&&!c[l]&&(t[l]=e[l],c[l]=!0);e=r!==!1&&Rd(e)}while(e&&(!r||r(e,t))&&e!==Object.prototype);return t},RO=(e,t,r)=>{e=String(e),(r===void 0||r>e.length)&&(r=e.length),r-=t.length;const n=e.indexOf(t,r);return n!==-1&&n===r},EO=e=>{if(!e)return null;if(rs(e))return e;let t=e.length;if(!oC(t))return null;const r=new Array(t);for(;t-- >0;)r[t]=e[t];return r},kO=(e=>t=>e&&t instanceof e)(typeof Uint8Array<"u"&&Rd(Uint8Array)),PO=(e,t)=>{const n=(e&&e[Ed]).call(e);let i;for(;(i=n.next())&&!i.done;){const a=i.value;t.call(e,a[0],a[1])}},AO=(e,t)=>{let r;const n=[];for(;(r=e.exec(t))!==null;)n.push(r);return n},TO=Cn("HTMLFormElement"),NO=e=>e.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,function(r,n,i){return n.toUpperCase()+i}),rh=(({hasOwnProperty:e})=>(t,r)=>e.call(t,r))(Object.prototype),{propertyIsEnumerable:DO}=Object.prototype,OO=Cn("RegExp"),aC=(e,t)=>{const r=Object.getOwnPropertyDescriptors(e),n={};Vl(r,(i,a)=>{let l;(l=t(i,a,e))!==!1&&(n[a]=l||i)}),Object.defineProperties(e,n)},_O=e=>{aC(e,(t,r)=>{if(Ar(e)&&["arguments","caller","callee"].includes(r))return!1;const n=e[r];if(Ar(n)){if(t.enumerable=!1,"writable"in t){t.writable=!1;return}t.set||(t.set=()=>{throw Error("Can not rewrite read-only method '"+r+"'")})}})},MO=(e,t)=>{const r={},n=i=>{i.forEach(a=>{r[a]=!0})};return rs(e)?n(e):n(String(e).split(t)),r},jO=()=>{},LO=(e,t)=>e!=null&&Number.isFinite(e=+e)?e:t;function FO(e){return!!(e&&Ar(e.append)&&e[rC]==="FormData"&&e[Ed])}const IO=e=>{const t=new WeakSet,r=n=>{if(ql(n)){if(t.has(n))return;if(va(n))return n;if(!("toJSON"in n)){t.add(n);const i=rs(n)?[]:{};return Vl(n,(a,l)=>{const c=r(a);!ca(c)&&(i[l]=c)}),t.delete(n),i}}return n};return r(e)},UO=Cn("AsyncFunction"),$O=e=>e&&(ql(e)||Ar(e))&&Ar(e.then)&&Ar(e.catch),lC=((e,t)=>e?setImmediate:t?((r,n)=>(Fi.addEventListener("message",({source:i,data:a})=>{i===Fi&&a===r&&n.length&&n.shift()()},!1),i=>{n.push(i),Fi.postMessage(r,"*")}))(`axios@${Math.random()}`,[]):r=>setTimeout(r))(typeof setImmediate=="function",Ar(Fi.postMessage)),zO=typeof queueMicrotask<"u"?queueMicrotask.bind(Fi):typeof process<"u"&&process.nextTick||lC,BO=e=>e!=null&&Ar(e[Ed]),X={isArray:rs,isArrayBuffer:nC,isBuffer:va,isFormData:pO,isArrayBufferView:tO,isString:rO,isNumber:oC,isBoolean:nO,isObject:ql,isPlainObject:Fu,isEmptyObject:oO,isReadableStream:hO,isRequest:gO,isResponse:yO,isHeaders:vO,isUndefined:ca,isDate:iO,isFile:sO,isReactNativeBlob:aO,isReactNative:lO,isBlob:cO,isRegExp:OO,isFunction:Ar,isStream:dO,isURLSearchParams:mO,isTypedArray:kO,isFileList:uO,forEach:Vl,merge:th,extend:wO,trim:bO,stripBOM:SO,inherits:xO,toFlatObject:CO,kindOf:kd,kindOfTest:Cn,endsWith:RO,toArray:EO,forEachEntry:PO,matchAll:AO,isHTMLForm:TO,hasOwnProperty:rh,hasOwnProp:rh,reduceDescriptors:aC,freezeMethods:_O,toObjectSet:MO,toCamelCase:NO,noop:jO,toFiniteNumber:LO,findKey:iC,global:Fi,isContextDefined:sC,isSpecCompliantForm:FO,toJSONObject:IO,isAsyncFn:UO,isThenable:$O,setImmediate:lC,asap:zO,isIterable:BO},qO=X.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),VO=e=>{const t={};let r,n,i;return e&&e.split(`
+`).forEach(function(l){i=l.indexOf(":"),r=l.substring(0,i).trim().toLowerCase(),n=l.substring(i+1).trim(),!(!r||t[r]&&qO[r])&&(r==="set-cookie"?t[r]?t[r].push(n):t[r]=[n]:t[r]=t[r]?t[r]+", "+n:n)}),t};function HO(e){let t=0,r=e.length;for(;t<r;){const n=e.charCodeAt(t);if(n!==9&&n!==32)break;t+=1}for(;r>t;){const n=e.charCodeAt(r-1);if(n!==9&&n!==32)break;r-=1}return t===0&&r===e.length?e:e.slice(t,r)}const WO=new RegExp("[\\u0000-\\u0008\\u000a-\\u001f\\u007f]+","g"),GO=new RegExp("[^\\u0009\\u0020-\\u007e\\u0080-\\u00ff]+","g");function wg(e,t){return X.isArray(e)?e?.map(r=>wg(r,t)):HO(String(e).replace(t,""))}const KO=e=>wg(e,WO),YO=e=>wg(e,GO);function cC(e){const t=Object.create(null);return X.forEach(e.toJSON(),(r,n)=>{t[n]=YO(r)}),t}const Xb=Symbol("internals");function dl(e){return e&&String(e).trim().toLowerCase()}function Iu(e){return e===!1||e==null?e:X.isArray(e)?e?.map(Iu):KO(String(e))}function XO(e){const t=Object.create(null),r=/([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;let n;for(;n=r.exec(e);)t[n[1]]=n[2];return t}const QO=e=>/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim());function om(e,t,r,n,i){if(X.isFunction(n))return n.call(this,t,r);if(i&&(t=r),!!X.isString(t)){if(X.isString(n))return t.indexOf(n)!==-1;if(X.isRegExp(n))return n.test(t)}}function JO(e){return e.trim().toLowerCase().replace(/([a-z\d])(\w*)/g,(t,r,n)=>r.toUpperCase()+n)}function ZO(e,t){const r=X.toCamelCase(" "+t);["get","set","has"].forEach(n=>{Object.defineProperty(e,n+r,{__proto__:null,value:function(i,a,l){return this[n].call(this,t,i,a,l)},configurable:!0})})}let ar=class{constructor(t){t&&this.set(t)}set(t,r,n){const i=this;function a(c,d,f){const h=dl(d);if(!h)return;const m=X.findKey(i,h);(!m||i[m]===void 0||f===!0||f===void 0&&i[m]!==!1)&&(i[m||d]=Iu(c))}const l=(c,d)=>X.forEach(c,(f,h)=>a(f,h,d));if(X.isPlainObject(t)||t instanceof this.constructor)l(t,r);else if(X.isString(t)&&(t=t.trim())&&!QO(t))l(VO(t),r);else if(X.isObject(t)&&X.isIterable(t)){let c={},d,f;for(const h of t){if(!X.isArray(h))throw new TypeError("Object iterator must return a key-value pair");c[f=h[0]]=(d=c[f])?X.isArray(d)?[...d,h[1]]:[d,h[1]]:h[1]}l(c,r)}else t!=null&&a(r,t,n);return this}get(t,r){if(t=dl(t),t){const n=X.findKey(this,t);if(n){const i=this[n];if(!r)return i;if(r===!0)return XO(i);if(X.isFunction(r))return r.call(this,i,n);if(X.isRegExp(r))return r.exec(i);throw new TypeError("parser must be boolean|regexp|function")}}}has(t,r){if(t=dl(t),t){const n=X.findKey(this,t);return!!(n&&this[n]!==void 0&&(!r||om(this,this[n],n,r)))}return!1}delete(t,r){const n=this;let i=!1;function a(l){if(l=dl(l),l){const c=X.findKey(n,l);c&&(!r||om(n,n[c],c,r))&&(delete n[c],i=!0)}}return X.isArray(t)?t.forEach(a):a(t),i}clear(t){const r=Object.keys(this);let n=r.length,i=!1;for(;n--;){const a=r[n];(!t||om(this,this[a],a,t,!0))&&(delete this[a],i=!0)}return i}normalize(t){const r=this,n={};return X.forEach(this,(i,a)=>{const l=X.findKey(n,a);if(l){r[l]=Iu(i),delete r[a];return}const c=t?JO(a):String(a).trim();c!==a&&delete r[a],r[c]=Iu(i),n[c]=!0}),this}concat(...t){return this.constructor.concat(this,...t)}toJSON(t){const r=Object.create(null);return X.forEach(this,(n,i)=>{n!=null&&n!==!1&&(r[i]=t&&X.isArray(n)?n.join(", "):n)}),r}[Symbol.iterator](){return Object.entries(this.toJSON())[Symbol.iterator]()}toString(){return Object.entries(this.toJSON())?.map(([t,r])=>t+": "+r).join(`
+`)}getSetCookie(){return this.get("set-cookie")||[]}get[Symbol.toStringTag](){return"AxiosHeaders"}static from(t){return t instanceof this?t:new this(t)}static concat(t,...r){const n=new this(t);return r.forEach(i=>n.set(i)),n}static accessor(t){const n=(this[Xb]=this[Xb]={accessors:{}}).accessors,i=this.prototype;function a(l){const c=dl(l);n[c]||(ZO(i,l),n[c]=!0)}return X.isArray(t)?t.forEach(a):a(t),this}};ar.accessor(["Content-Type","Content-Length","Accept","Accept-Encoding","User-Agent","Authorization"]);X.reduceDescriptors(ar.prototype,({value:e},t)=>{let r=t[0].toUpperCase()+t.slice(1);return{get:()=>e,set(n){this[r]=n}}});X.freezeMethods(ar);const e2="[REDACTED ****]";function t2(e){if(X.hasOwnProp(e,"toJSON"))return!0;let t=Object.getPrototypeOf(e);for(;t&&t!==Object.prototype;){if(X.hasOwnProp(t,"toJSON"))return!0;t=Object.getPrototypeOf(t)}return!1}function r2(e,t){const r=new Set(t?.map(a=>String(a).toLowerCase())),n=[],i=a=>{if(a===null||typeof a!="object"||X.isBuffer(a))return a;if(n.indexOf(a)!==-1)return;a instanceof ar&&(a=a.toJSON()),n.push(a);let l;if(X.isArray(a))l=[],a.forEach((c,d)=>{const f=i(c);X.isUndefined(f)||(l[d]=f)});else{if(!X.isPlainObject(a)&&t2(a))return n.pop(),a;l=Object.create(null);for(const[c,d]of Object.entries(a)){const f=r.has(c.toLowerCase())?e2:i(d);X.isUndefined(f)||(l[c]=f)}}return n.pop(),l};return i(e)}let Re=class uC extends Error{static from(t,r,n,i,a,l){const c=new uC(t.message,r||t.code,n,i,a);return c.cause=t,c.name=t.name,t.status!=null&&c.status==null&&(c.status=t.status),l&&Object.assign(c,l),c}constructor(t,r,n,i,a){super(t),Object.defineProperty(this,"message",{__proto__:null,value:t,enumerable:!0,writable:!0,configurable:!0}),this.name="AxiosError",this.isAxiosError=!0,r&&(this.code=r),n&&(this.config=n),i&&(this.request=i),a&&(this.response=a,this.status=a.status)}toJSON(){const t=this.config,r=t&&X.hasOwnProp(t,"redact")?t.redact:void 0,n=X.isArray(r)&&r.length>0?r2(t,r):X.toJSONObject(t);return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:n,code:this.code,status:this.status}}};Re.ERR_BAD_OPTION_VALUE="ERR_BAD_OPTION_VALUE";Re.ERR_BAD_OPTION="ERR_BAD_OPTION";Re.ECONNABORTED="ECONNABORTED";Re.ETIMEDOUT="ETIMEDOUT";Re.ECONNREFUSED="ECONNREFUSED";Re.ERR_NETWORK="ERR_NETWORK";Re.ERR_FR_TOO_MANY_REDIRECTS="ERR_FR_TOO_MANY_REDIRECTS";Re.ERR_DEPRECATED="ERR_DEPRECATED";Re.ERR_BAD_RESPONSE="ERR_BAD_RESPONSE";Re.ERR_BAD_REQUEST="ERR_BAD_REQUEST";Re.ERR_CANCELED="ERR_CANCELED";Re.ERR_NOT_SUPPORT="ERR_NOT_SUPPORT";Re.ERR_INVALID_URL="ERR_INVALID_URL";Re.ERR_FORM_DATA_DEPTH_EXCEEDED="ERR_FORM_DATA_DEPTH_EXCEEDED";const n2=null;function nh(e){return X.isPlainObject(e)||X.isArray(e)}function dC(e){return X.endsWith(e,"[]")?e.slice(0,-2):e}function im(e,t,r){return e?e.concat(t)?.map(function(i,a){return i=dC(i),!r&&a?"["+i+"]":i}).join(r?".":""):t}function o2(e){return X.isArray(e)&&!e?.some(nh)}const i2=X.toFlatObject(X,{},null,function(t){return/^is[A-Z]/.test(t)});function Ad(e,t,r){if(!X.isObject(e))throw new TypeError("target must be an object");t=t||new FormData,r=X.toFlatObject(r,{metaTokens:!0,dots:!1,indexes:!1},!1,function(R,E){return!X.isUndefined(E[R])});const n=r.metaTokens,i=r.visitor||m,a=r.dots,l=r.indexes,c=r.Blob||typeof Blob<"u"&&Blob,d=r.maxDepth===void 0?100:r.maxDepth,f=c&&X.isSpecCompliantForm(t);if(!X.isFunction(i))throw new TypeError("visitor must be a function");function h(x){if(x===null)return"";if(X.isDate(x))return x.toISOString();if(X.isBoolean(x))return x.toString();if(!f&&X.isBlob(x))throw new Re("Blob is not supported. Use a Buffer instead.");return X.isArrayBuffer(x)||X.isTypedArray(x)?f&&typeof Blob=="function"?new Blob([x]):Buffer.from(x):x}function m(x,R,E){let P=x;if(X.isReactNative(t)&&X.isReactNativeBlob(x))return t.append(im(E,R,a),h(x)),!1;if(x&&!E&&typeof x=="object"){if(X.endsWith(R,"{}"))R=n?R:R.slice(0,-2),x=JSON.stringify(x);else if(X.isArray(x)&&o2(x)||(X.isFileList(x)||X.endsWith(R,"[]"))&&(P=X.toArray(x)))return R=dC(R),P.forEach(function(T,N){!(X.isUndefined(T)||T===null)&&t.append(l===!0?im([R],N,a):l===null?R:R+"[]",h(T))}),!1}return nh(x)?!0:(t.append(im(E,R,a),h(x)),!1)}const w=[],v=Object.assign(i2,{defaultVisitor:m,convertValue:h,isVisitable:nh});function C(x,R,E=0){if(!X.isUndefined(x)){if(E>d)throw new Re("Object is too deeply nested ("+E+" levels). Max depth: "+d,Re.ERR_FORM_DATA_DEPTH_EXCEEDED);if(w.indexOf(x)!==-1)throw new Error("Circular reference detected in "+R.join("."));w.push(x),X.forEach(x,function(k,T){(!(X.isUndefined(k)||k===null)&&i.call(t,k,X.isString(T)?T.trim():T,R,v))===!0&&C(k,R?R.concat(T):[T],E+1)}),w.pop()}}if(!X.isObject(e))throw new TypeError("data must be an object");return C(e),t}function Qb(e){const t={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+"};return encodeURIComponent(e).replace(/[!'()~]|%20/g,function(n){return t[n]})}function Sg(e,t){this._pairs=[],e&&Ad(e,this,t)}const fC=Sg.prototype;fC.append=function(t,r){this._pairs.push([t,r])};fC.toString=function(t){const r=t?function(n){return t.call(this,n,Qb)}:Qb;return this._pairs?.map(function(i){return r(i[0])+"="+r(i[1])},"").join("&")};function s2(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+")}function pC(e,t,r){if(!t)return e;const n=r&&r.encode||s2,i=X.isFunction(r)?{serialize:r}:r,a=i&&i.serialize;let l;if(a?l=a(t,i):l=X.isURLSearchParams(t)?t.toString():new Sg(t,i).toString(n),l){const c=e.indexOf("#");c!==-1&&(e=e.slice(0,c)),e+=(e.indexOf("?")===-1?"?":"&")+l}return e}class Jb{constructor(){this.handlers=[]}use(t,r,n){return this.handlers.push({fulfilled:t,rejected:r,synchronous:n?n.synchronous:!1,runWhen:n?n.runWhen:null}),this.handlers.length-1}eject(t){this.handlers[t]&&(this.handlers[t]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(t){X.forEach(this.handlers,function(n){n!==null&&t(n)})}}const xg={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1,legacyInterceptorReqResOrdering:!0,advertiseZstdAcceptEncoding:!1},a2=typeof URLSearchParams<"u"?URLSearchParams:Sg,l2=typeof FormData<"u"?FormData:null,c2=typeof Blob<"u"?Blob:null,u2={isBrowser:!0,classes:{URLSearchParams:a2,FormData:l2,Blob:c2},protocols:["http","https","file","blob","url","data"]},Cg=typeof window<"u"&&typeof document<"u",oh=typeof navigator=="object"&&navigator||void 0,d2=Cg&&(!oh||["ReactNative","NativeScript","NS"].indexOf(oh.product)<0),f2=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&typeof self.importScripts=="function",p2=Cg&&window.location.href||"http://localhost",m2=Object.freeze(Object.defineProperty({__proto__:null,hasBrowserEnv:Cg,hasStandardBrowserEnv:d2,hasStandardBrowserWebWorkerEnv:f2,navigator:oh,origin:p2},Symbol.toStringTag,{value:"Module"})),Ht={...m2,...u2};function h2(e,t){return Ad(e,new Ht.classes.URLSearchParams,{visitor:function(r,n,i,a){return Ht.isNode&&X.isBuffer(r)?(this.append(n,r.toString("base64")),!1):a.defaultVisitor.apply(this,arguments)},...t})}function g2(e){return X.matchAll(/\w+|\[(\w*)]/g,e)?.map(t=>t[0]==="[]"?"":t[1]||t[0])}function y2(e){const t={},r=Object.keys(e);let n;const i=r.length;let a;for(n=0;n<i;n++)a=r[n],t[a]=e[a];return t}function mC(e){function t(r,n,i,a){let l=r[a++];if(l==="__proto__")return!0;const c=Number.isFinite(+l),d=a>=r.length;return l=!l&&X.isArray(i)?i.length:l,d?(X.hasOwnProp(i,l)?i[l]=X.isArray(i[l])?i[l].concat(n):[i[l],n]:i[l]=n,!c):((!X.hasOwnProp(i,l)||!X.isObject(i[l]))&&(i[l]=[]),t(r,n,i[l],a)&&X.isArray(i[l])&&(i[l]=y2(i[l])),!c)}if(X.isFormData(e)&&X.isFunction(e.entries)){const r={};return X.forEachEntry(e,(n,i)=>{t(g2(n),i,r,0)}),r}return null}const _s=(e,t)=>e!=null&&X.hasOwnProp(e,t)?e[t]:void 0;function v2(e,t,r){if(X.isString(e))try{return(t||JSON.parse)(e),X.trim(e)}catch(n){if(n.name!=="SyntaxError")throw n}return(r||JSON.stringify)(e)}const Hl={transitional:xg,adapter:["xhr","http","fetch"],transformRequest:[function(t,r){const n=r.getContentType()||"",i=n.indexOf("application/json")>-1,a=X.isObject(t);if(a&&X.isHTMLForm(t)&&(t=new FormData(t)),X.isFormData(t))return i?JSON.stringify(mC(t)):t;if(X.isArrayBuffer(t)||X.isBuffer(t)||X.isStream(t)||X.isFile(t)||X.isBlob(t)||X.isReadableStream(t))return t;if(X.isArrayBufferView(t))return t.buffer;if(X.isURLSearchParams(t))return r.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),t.toString();let c;if(a){const d=_s(this,"formSerializer");if(n.indexOf("application/x-www-form-urlencoded")>-1)return h2(t,d).toString();if((c=X.isFileList(t))||n.indexOf("multipart/form-data")>-1){const f=_s(this,"env"),h=f&&f.FormData;return Ad(c?{"files[]":t}:t,h&&new h,d)}}return a||i?(r.setContentType("application/json",!1),v2(t)):t}],transformResponse:[function(t){const r=_s(this,"transitional")||Hl.transitional,n=r&&r.forcedJSONParsing,i=_s(this,"responseType"),a=i==="json";if(X.isResponse(t)||X.isReadableStream(t))return t;if(t&&X.isString(t)&&(n&&!i||a)){const c=!(r&&r.silentJSONParsing)&&a;try{return JSON.parse(t,_s(this,"parseReviver"))}catch(d){if(c)throw d.name==="SyntaxError"?Re.from(d,Re.ERR_BAD_RESPONSE,this,null,_s(this,"response")):d}}return t}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:Ht.classes.FormData,Blob:Ht.classes.Blob},validateStatus:function(t){return t>=200&&t<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};X.forEach(["delete","get","head","post","put","patch","query"],e=>{Hl.headers[e]={}});function sm(e,t){const r=this||Hl,n=t||r,i=ar.from(n.headers);let a=n.data;return X.forEach(e,function(c){a=c.call(r,a,i.normalize(),t?t.status:void 0)}),i.normalize(),a}function hC(e){return!!(e&&e.__CANCEL__)}let Wl=class extends Re{constructor(t,r,n){super(t??"canceled",Re.ERR_CANCELED,r,n),this.name="CanceledError",this.__CANCEL__=!0}};function gC(e,t,r){const n=r.config.validateStatus;!r.status||!n||n(r.status)?e(r):t(new Re("Request failed with status code "+r.status,r.status>=400&&r.status<500?Re.ERR_BAD_REQUEST:Re.ERR_BAD_RESPONSE,r.config,r.request,r))}function b2(e){const t=/^([-+\w]{1,25}):(?:\/\/)?/.exec(e);return t&&t[1]||""}function w2(e,t){e=e||10;const r=new Array(e),n=new Array(e);let i=0,a=0,l;return t=t!==void 0?t:1e3,function(d){const f=Date.now(),h=n[a];l||(l=f),r[i]=d,n[i]=f;let m=a,w=0;for(;m!==i;)w+=r[m++],m=m%e;if(i=(i+1)%e,i===a&&(a=(a+1)%e),f-l<t)return;const v=h&&f-h;return v?Math.round(w*1e3/v):void 0}}function S2(e,t){let r=0,n=1e3/t,i,a;const l=(f,h=Date.now())=>{r=h,i=null,a&&(clearTimeout(a),a=null),e(...f)};return[(...f)=>{const h=Date.now(),m=h-r;m>=n?l(f,h):(i=f,a||(a=setTimeout(()=>{a=null,l(i)},n-m)))},()=>i&&l(i)]}const ed=(e,t,r=3)=>{let n=0;const i=w2(50,250);return S2(a=>{if(!a||typeof a.loaded!="number")return;const l=a.loaded,c=a.lengthComputable?a.total:void 0,d=c!=null?Math.min(l,c):l,f=Math.max(0,d-n),h=i(f);n=Math.max(n,d);const m={loaded:d,total:c,progress:c?d/c:void 0,bytes:f,rate:h||void 0,estimated:h&&c?(c-d)/h:void 0,event:a,lengthComputable:c!=null,[t?"download":"upload"]:!0};e(m)},r)},Zb=(e,t)=>{const r=e!=null;return[n=>t[0]({lengthComputable:r,total:e,loaded:n}),t[1]]},ew=e=>(...t)=>X.asap(()=>e(...t)),x2=Ht.hasStandardBrowserEnv?((e,t)=>r=>(r=new URL(r,Ht.origin),e.protocol===r.protocol&&e.host===r.host&&(t||e.port===r.port)))(new URL(Ht.origin),Ht.navigator&&/(msie|trident)/i.test(Ht.navigator.userAgent)):()=>!0,C2=Ht.hasStandardBrowserEnv?{write(e,t,r,n,i,a,l){if(typeof document>"u")return;const c=[`${e}=${encodeURIComponent(t)}`];X.isNumber(r)&&c.push(`expires=${new Date(r).toUTCString()}`),X.isString(n)&&c.push(`path=${n}`),X.isString(i)&&c.push(`domain=${i}`),a===!0&&c.push("secure"),X.isString(l)&&c.push(`SameSite=${l}`),document.cookie=c.join("; ")},read(e){if(typeof document>"u")return null;const t=document.cookie.split(";");for(let r=0;r<t.length;r++){const n=t[r].replace(/^\s+/,""),i=n.indexOf("=");if(i!==-1&&n.slice(0,i)===e)return decodeURIComponent(n.slice(i+1))}return null},remove(e){this.write(e,"",Date.now()-864e5,"/")}}:{write(){},read(){return null},remove(){}};function R2(e){return typeof e!="string"?!1:/^([a-z][a-z\d+\-.]*:)?\/\//i.test(e)}function E2(e,t){return t?e.replace(/\/?\/$/,"")+"/"+t.replace(/^\/+/,""):e}function yC(e,t,r){let n=!R2(t);return e&&(n||r===!1)?E2(e,t):t}const tw=e=>e instanceof ar?{...e}:e;function ns(e,t){t=t||{};const r=Object.create(null);Object.defineProperty(r,"hasOwnProperty",{__proto__:null,value:Object.prototype.hasOwnProperty,enumerable:!1,writable:!0,configurable:!0});function n(f,h,m,w){return X.isPlainObject(f)&&X.isPlainObject(h)?X.merge.call({caseless:w},f,h):X.isPlainObject(h)?X.merge({},h):X.isArray(h)?h.slice():h}function i(f,h,m,w){if(X.isUndefined(h)){if(!X.isUndefined(f))return n(void 0,f,m,w)}else return n(f,h,m,w)}function a(f,h){if(!X.isUndefined(h))return n(void 0,h)}function l(f,h){if(X.isUndefined(h)){if(!X.isUndefined(f))return n(void 0,f)}else return n(void 0,h)}function c(f,h,m){if(X.hasOwnProp(t,m))return n(f,h);if(X.hasOwnProp(e,m))return n(void 0,f)}const d={url:a,method:a,data:a,baseURL:l,transformRequest:l,transformResponse:l,paramsSerializer:l,timeout:l,timeoutMessage:l,withCredentials:l,withXSRFToken:l,adapter:l,responseType:l,xsrfCookieName:l,xsrfHeaderName:l,onUploadProgress:l,onDownloadProgress:l,decompress:l,maxContentLength:l,maxBodyLength:l,beforeRedirect:l,transport:l,httpAgent:l,httpsAgent:l,cancelToken:l,socketPath:l,allowedSocketPaths:l,responseEncoding:l,validateStatus:c,headers:(f,h,m)=>i(tw(f),tw(h),m,!0)};return X.forEach(Object.keys({...e,...t}),function(h){if(h==="__proto__"||h==="constructor"||h==="prototype")return;const m=X.hasOwnProp(d,h)?d[h]:i,w=X.hasOwnProp(e,h)?e[h]:void 0,v=X.hasOwnProp(t,h)?t[h]:void 0,C=m(w,v,h);X.isUndefined(C)&&m!==c||(r[h]=C)}),r}const k2=["content-type","content-length"];function P2(e,t,r){if(r!=="content-only"){e.set(t);return}Object.entries(t).forEach(([n,i])=>{k2.includes(n.toLowerCase())&&e.set(n,i)})}const A2=e=>encodeURIComponent(e).replace(/%([0-9A-F]{2})/gi,(t,r)=>String.fromCharCode(parseInt(r,16)));function vC(e){const t=ns({},e),r=w=>X.hasOwnProp(t,w)?t[w]:void 0,n=r("data");let i=r("withXSRFToken");const a=r("xsrfHeaderName"),l=r("xsrfCookieName");let c=r("headers");const d=r("auth"),f=r("baseURL"),h=r("allowAbsoluteUrls"),m=r("url");if(t.headers=c=ar.from(c),t.url=pC(yC(f,m,h),r("params"),r("paramsSerializer")),d&&c.set("Authorization","Basic "+btoa((d.username||"")+":"+(d.password?A2(d.password):""))),X.isFormData(n)&&(Ht.hasStandardBrowserEnv||Ht.hasStandardBrowserWebWorkerEnv||X.isReactNative(n)?c.setContentType(void 0):X.isFunction(n.getHeaders)&&P2(c,n.getHeaders(),r("formDataHeaderPolicy"))),Ht.hasStandardBrowserEnv&&(X.isFunction(i)&&(i=i(t)),i===!0||i==null&&x2(t.url))){const v=a&&l&&C2.read(l);v&&c.set(a,v)}return t}const T2=typeof XMLHttpRequest<"u",N2=T2&&function(e){return new Promise(function(r,n){const i=vC(e);let a=i.data;const l=ar.from(i.headers).normalize();let{responseType:c,onUploadProgress:d,onDownloadProgress:f}=i,h,m,w,v,C;function x(){v&&v(),C&&C(),i.cancelToken&&i.cancelToken.unsubscribe(h),i.signal&&i.signal.removeEventListener("abort",h)}let R=new XMLHttpRequest;R.open(i.method.toUpperCase(),i.url,!0),R.timeout=i.timeout;function E(){if(!R)return;const k=ar.from("getAllResponseHeaders"in R&&R.getAllResponseHeaders()),N={data:!c||c==="text"||c==="json"?R.responseText:R.response,status:R.status,statusText:R.statusText,headers:k,config:e,request:R};gC(function(M){r(M),x()},function(M){n(M),x()},N),R=null}"onloadend"in R?R.onloadend=E:R.onreadystatechange=function(){!R||R.readyState!==4||R.status===0&&!(R.responseURL&&R.responseURL.startsWith("file:"))||setTimeout(E)},R.onabort=function(){R&&(n(new Re("Request aborted",Re.ECONNABORTED,e,R)),x(),R=null)},R.onerror=function(T){const N=T&&T.message?T.message:"Network Error",j=new Re(N,Re.ERR_NETWORK,e,R);j.event=T||null,n(j),x(),R=null},R.ontimeout=function(){let T=i.timeout?"timeout of "+i.timeout+"ms exceeded":"timeout exceeded";const N=i.transitional||xg;i.timeoutErrorMessage&&(T=i.timeoutErrorMessage),n(new Re(T,N.clarifyTimeoutError?Re.ETIMEDOUT:Re.ECONNABORTED,e,R)),x(),R=null},a===void 0&&l.setContentType(null),"setRequestHeader"in R&&X.forEach(cC(l),function(T,N){R.setRequestHeader(N,T)}),X.isUndefined(i.withCredentials)||(R.withCredentials=!!i.withCredentials),c&&c!=="json"&&(R.responseType=i.responseType),f&&([w,C]=ed(f,!0),R.addEventListener("progress",w)),d&&R.upload&&([m,v]=ed(d),R.upload.addEventListener("progress",m),R.upload.addEventListener("loadend",v)),(i.cancelToken||i.signal)&&(h=k=>{R&&(n(!k||k.type?new Wl(null,e,R):k),R.abort(),x(),R=null)},i.cancelToken&&i.cancelToken.subscribe(h),i.signal&&(i.signal.aborted?h():i.signal.addEventListener("abort",h)));const P=b2(i.url);if(P&&!Ht.protocols.includes(P)){n(new Re("Unsupported protocol "+P+":",Re.ERR_BAD_REQUEST,e));return}R.send(a||null)})},D2=(e,t)=>{if(e=e?e.filter(Boolean):[],!t&&!e.length)return;const r=new AbortController;let n=!1;const i=function(d){if(!n){n=!0,l();const f=d instanceof Error?d:this.reason;r.abort(f instanceof Re?f:new Wl(f instanceof Error?f.message:f))}};let a=t&&setTimeout(()=>{a=null,i(new Re(`timeout of ${t}ms exceeded`,Re.ETIMEDOUT))},t);const l=()=>{e&&(a&&clearTimeout(a),a=null,e.forEach(d=>{d.unsubscribe?d.unsubscribe(i):d.removeEventListener("abort",i)}),e=null)};e.forEach(d=>d.addEventListener("abort",i));const{signal:c}=r;return c.unsubscribe=()=>X.asap(l),c},O2=function*(e,t){let r=e.byteLength;if(r<t){yield e;return}let n=0,i;for(;n<r;)i=n+t,yield e.slice(n,i),n=i},_2=async function*(e,t){for await(const r of M2(e))yield*O2(r,t)},M2=async function*(e){if(e[Symbol.asyncIterator]){yield*e;return}const t=e.getReader();try{for(;;){const{done:r,value:n}=await t.read();if(r)break;yield n}}finally{await t.cancel()}},rw=(e,t,r,n)=>{const i=_2(e,t);let a=0,l,c=d=>{l||(l=!0,n&&n(d))};return new ReadableStream({async pull(d){try{const{done:f,value:h}=await i.next();if(f){c(),d.close();return}let m=h.byteLength;if(r){let w=a+=m;r(w)}d.enqueue(new Uint8Array(h))}catch(f){throw c(f),f}},cancel(d){return c(d),i.return()}},{highWaterMark:2})};function j2(e){if(!e||typeof e!="string"||!e.startsWith("data:"))return 0;const t=e.indexOf(",");if(t<0)return 0;const r=e.slice(5,t),n=e.slice(t+1);if(/;base64/i.test(r)){let l=n.length;const c=n.length;for(let v=0;v<c;v++)if(n.charCodeAt(v)===37&&v+2<c){const C=n.charCodeAt(v+1),x=n.charCodeAt(v+2);(C>=48&&C<=57||C>=65&&C<=70||C>=97&&C<=102)&&(x>=48&&x<=57||x>=65&&x<=70||x>=97&&x<=102)&&(l-=2,v+=2)}let d=0,f=c-1;const h=v=>v>=2&&n.charCodeAt(v-2)===37&&n.charCodeAt(v-1)===51&&(n.charCodeAt(v)===68||n.charCodeAt(v)===100);f>=0&&(n.charCodeAt(f)===61?(d++,f--):h(f)&&(d++,f-=3)),d===1&&f>=0&&(n.charCodeAt(f)===61||h(f))&&d++;const w=Math.floor(l/4)*3-(d||0);return w>0?w:0}if(typeof Buffer<"u"&&typeof Buffer.byteLength=="function")return Buffer.byteLength(n,"utf8");let a=0;for(let l=0,c=n.length;l<c;l++){const d=n.charCodeAt(l);if(d<128)a+=1;else if(d<2048)a+=2;else if(d>=55296&&d<=56319&&l+1<c){const f=n.charCodeAt(l+1);f>=56320&&f<=57343?(a+=4,l++):a+=3}else a+=3}return a}const Rg="1.17.0",nw=64*1024,{isFunction:mu}=X,L2=e=>encodeURIComponent(e).replace(/%([0-9A-F]{2})/gi,(t,r)=>String.fromCharCode(parseInt(r,16))),ow=e=>{if(!X.isString(e))return e;try{return decodeURIComponent(e)}catch{return e}},iw=(e,...t)=>{try{return!!e(...t)}catch{return!1}},F2=e=>{const t=e.indexOf("://");let r=e;return t!==-1&&(r=r.slice(t+3)),r.includes("@")||r.includes(":")},I2=e=>{const t=X.global!==void 0&&X.global!==null?X.global:globalThis,{ReadableStream:r,TextEncoder:n}=t;e=X.merge.call({skipUndefined:!0},{Request:t.Request,Response:t.Response},e);const{fetch:i,Request:a,Response:l}=e,c=i?mu(i):typeof fetch=="function",d=mu(a),f=mu(l);if(!c)return!1;const h=c&&mu(r),m=c&&(typeof n=="function"?(E=>P=>E.encode(P))(new n):async E=>new Uint8Array(await new a(E).arrayBuffer())),w=d&&h&&iw(()=>{let E=!1;const P=new a(Ht.origin,{body:new r,method:"POST",get duplex(){return E=!0,"half"}}),k=P.headers.has("Content-Type");return P.body!=null&&P.body.cancel(),E&&!k}),v=f&&h&&iw(()=>X.isReadableStream(new l("").body)),C={stream:v&&(E=>E.body)};c&&["text","arrayBuffer","blob","formData","stream"].forEach(E=>{!C[E]&&(C[E]=(P,k)=>{let T=P&&P[E];if(T)return T.call(P);throw new Re(`Response type '${E}' is not supported`,Re.ERR_NOT_SUPPORT,k)})});const x=async E=>{if(E==null)return 0;if(X.isBlob(E))return E.size;if(X.isSpecCompliantForm(E))return(await new a(Ht.origin,{method:"POST",body:E}).arrayBuffer()).byteLength;if(X.isArrayBufferView(E)||X.isArrayBuffer(E))return E.byteLength;if(X.isURLSearchParams(E)&&(E=E+""),X.isString(E))return(await m(E)).byteLength},R=async(E,P)=>{const k=X.toFiniteNumber(E.getContentLength());return k??x(P)};return async E=>{let{url:P,method:k,data:T,signal:N,cancelToken:j,timeout:M,onDownloadProgress:O,onUploadProgress:B,responseType:H,headers:Y,withCredentials:ne="same-origin",fetchOptions:te,maxContentLength:K,maxBodyLength:W}=vC(E);const U=X.isNumber(K)&&K>-1,z=X.isNumber(W)&&W>-1,_=re=>X.hasOwnProp(E,re)?E[re]:void 0;let I=i||fetch;H=H?(H+"").toLowerCase():"text";let L=D2([N,j&&j.toAbortSignal()],M),D=null;const V=L&&L.unsubscribe&&(()=>{L.unsubscribe()});let ee;try{let re;const oe=_("auth");if(oe){const ge=oe.username||"",Me=oe.password||"";re={username:ge,password:Me}}if(F2(P)){const ge=new URL(P,Ht.origin);if(!re&&(ge.username||ge.password)){const Me=ow(ge.username),ze=ow(ge.password);re={username:Me,password:ze}}(ge.username||ge.password)&&(ge.username="",ge.password="",P=ge.href)}if(re&&(Y.delete("authorization"),Y.set("Authorization","Basic "+btoa(L2((re.username||"")+":"+(re.password||""))))),U&&typeof P=="string"&&P.startsWith("data:")&&j2(P)>K)throw new Re("maxContentLength size of "+K+" exceeded",Re.ERR_BAD_RESPONSE,E,D);if(z&&k!=="get"&&k!=="head"){const ge=await R(Y,T);if(typeof ge=="number"&&isFinite(ge)&&ge>W)throw new Re("Request body larger than maxBodyLength limit",Re.ERR_BAD_REQUEST,E,D)}if(B&&w&&k!=="get"&&k!=="head"&&(ee=await R(Y,T))!==0){let ge=new a(P,{method:"POST",body:T,duplex:"half"}),Me;if(X.isFormData(T)&&(Me=ge.headers.get("content-type"))&&Y.setContentType(Me),ge.body){const[ze,We]=Zb(ee,ed(ew(B)));T=rw(ge.body,nw,ze,We)}}X.isString(ne)||(ne=ne?"include":"omit");const ie=d&&"credentials"in a.prototype;if(X.isFormData(T)){const ge=Y.getContentType();ge&&/^multipart\/form-data/i.test(ge)&&!/boundary=/i.test(ge)&&Y.delete("content-type")}Y.set("User-Agent","axios/"+Rg,!1);const me={...te,signal:L,method:k.toUpperCase(),headers:cC(Y.normalize()),body:T,duplex:"half",credentials:ie?ne:void 0};D=d&&new a(P,me);let ue=await(d?I(D,te):I(P,me));if(U){const ge=X.toFiniteNumber(ue.headers.get("content-length"));if(ge!=null&&ge>K)throw new Re("maxContentLength size of "+K+" exceeded",Re.ERR_BAD_RESPONSE,E,D)}const pe=v&&(H==="stream"||H==="response");if(v&&ue.body&&(O||U||pe&&V)){const ge={};["status","statusText","headers"].forEach(at=>{ge[at]=ue[at]});const Me=X.toFiniteNumber(ue.headers.get("content-length")),[ze,We]=O&&Zb(Me,ed(ew(O),!0))||[];let Pt=0;const tr=at=>{if(U&&(Pt=at,Pt>K))throw new Re("maxContentLength size of "+K+" exceeded",Re.ERR_BAD_RESPONSE,E,D);ze&&ze(at)};ue=new l(rw(ue.body,nw,tr,()=>{We&&We(),V&&V()}),ge)}H=H||"text";let ve=await C[X.findKey(C,H)||"text"](ue,E);if(U&&!v&&!pe){let ge;if(ve!=null&&(typeof ve.byteLength=="number"?ge=ve.byteLength:typeof ve.size=="number"?ge=ve.size:typeof ve=="string"&&(ge=typeof n=="function"?new n().encode(ve).byteLength:ve.length)),typeof ge=="number"&&ge>K)throw new Re("maxContentLength size of "+K+" exceeded",Re.ERR_BAD_RESPONSE,E,D)}return!pe&&V&&V(),await new Promise((ge,Me)=>{gC(ge,Me,{data:ve,headers:ar.from(ue.headers),status:ue.status,statusText:ue.statusText,config:E,request:D})})}catch(re){if(V&&V(),L&&L.aborted&&L.reason instanceof Re){const oe=L.reason;throw oe.config=E,D&&(oe.request=D),re!==oe&&(oe.cause=re),oe}throw re&&re.name==="TypeError"&&/Load failed|fetch/i.test(re.message)?Object.assign(new Re("Network Error",Re.ERR_NETWORK,E,D,re&&re.response),{cause:re.cause||re}):Re.from(re,re&&re.code,E,D,re&&re.response)}}},U2=new Map,bC=e=>{let t=e&&e.env||{};const{fetch:r,Request:n,Response:i}=t,a=[n,i,r];let l=a.length,c=l,d,f,h=U2;for(;c--;)d=a[c],f=h.get(d),f===void 0&&h.set(d,f=c?new Map:I2(t)),h=f;return f};bC();const Eg={http:n2,xhr:N2,fetch:{get:bC}};X.forEach(Eg,(e,t)=>{if(e){try{Object.defineProperty(e,"name",{__proto__:null,value:t})}catch{}Object.defineProperty(e,"adapterName",{__proto__:null,value:t})}});const sw=e=>`- ${e}`,$2=e=>X.isFunction(e)||e===null||e===!1;function z2(e,t){e=X.isArray(e)?e:[e];const{length:r}=e;let n,i;const a={};for(let l=0;l<r;l++){n=e[l];let c;if(i=n,!$2(n)&&(i=Eg[(c=String(n)).toLowerCase()],i===void 0))throw new Re(`Unknown adapter '${c}'`);if(i&&(X.isFunction(i)||(i=i.get(t))))break;a[c||"#"+l]=i}if(!i){const l=Object.entries(a)?.map(([d,f])=>`adapter ${d} `+(f===!1?"is not supported by the environment":"is not available in the build"));let c=r?l.length>1?`since :
+`+l?.map(sw).join(`
+`):" "+sw(l[0]):"as no adapter specified";throw new Re("There is no suitable adapter to dispatch the request "+c,"ERR_NOT_SUPPORT")}return i}const wC={getAdapter:z2,adapters:Eg};function am(e){if(e.cancelToken&&e.cancelToken.throwIfRequested(),e.signal&&e.signal.aborted)throw new Wl(null,e)}function aw(e){return am(e),e.headers=ar.from(e.headers),e.data=sm.call(e,e.transformRequest),["post","put","patch"].indexOf(e.method)!==-1&&e.headers.setContentType("application/x-www-form-urlencoded",!1),wC.getAdapter(e.adapter||Hl.adapter,e)(e).then(function(n){am(e),e.response=n;try{n.data=sm.call(e,e.transformResponse,n)}finally{delete e.response}return n.headers=ar.from(n.headers),n},function(n){if(!hC(n)&&(am(e),n&&n.response)){e.response=n.response;try{n.response.data=sm.call(e,e.transformResponse,n.response)}finally{delete e.response}n.response.headers=ar.from(n.response.headers)}return Promise.reject(n)})}const Td={};["object","boolean","number","function","string","symbol"].forEach((e,t)=>{Td[e]=function(n){return typeof n===e||"a"+(t<1?"n ":" ")+e}});const lw={};Td.transitional=function(t,r,n){function i(a,l){return"[Axios v"+Rg+"] Transitional option '"+a+"'"+l+(n?". "+n:"")}return(a,l,c)=>{if(t===!1)throw new Re(i(l," has been removed"+(r?" in "+r:"")),Re.ERR_DEPRECATED);return r&&!lw[l]&&(lw[l]=!0),t?t(a,l,c):!0}};Td.spelling=function(t){return(r,n)=>!0};function B2(e,t,r){if(typeof e!="object")throw new Re("options must be an object",Re.ERR_BAD_OPTION_VALUE);const n=Object.keys(e);let i=n.length;for(;i-- >0;){const a=n[i],l=Object.prototype.hasOwnProperty.call(t,a)?t[a]:void 0;if(l){const c=e[a],d=c===void 0||l(c,a,e);if(d!==!0)throw new Re("option "+a+" must be "+d,Re.ERR_BAD_OPTION_VALUE);continue}if(r!==!0)throw new Re("Unknown option "+a,Re.ERR_BAD_OPTION)}}const Uu={assertOptions:B2,validators:Td},Rr=Uu.validators;let Ji=class{constructor(t){this.defaults=t||{},this.interceptors={request:new Jb,response:new Jb}}async request(t,r){try{return await this._request(t,r)}catch(n){if(n instanceof Error){let i={};Error.captureStackTrace?Error.captureStackTrace(i):i=new Error;const a=(()=>{if(!i.stack)return"";const l=i.stack.indexOf(`
+`);return l===-1?"":i.stack.slice(l+1)})();try{if(!n.stack)n.stack=a;else if(a){const l=a.indexOf(`
+`),c=l===-1?-1:a.indexOf(`
+`,l+1),d=c===-1?"":a.slice(c+1);String(n.stack).endsWith(d)||(n.stack+=`
+`+a)}}catch{}}throw n}}_request(t,r){typeof t=="string"?(r=r||{},r.url=t):r=t||{},r=ns(this.defaults,r);const{transitional:n,paramsSerializer:i,headers:a}=r;n!==void 0&&Uu.assertOptions(n,{silentJSONParsing:Rr.transitional(Rr.boolean),forcedJSONParsing:Rr.transitional(Rr.boolean),clarifyTimeoutError:Rr.transitional(Rr.boolean),legacyInterceptorReqResOrdering:Rr.transitional(Rr.boolean),advertiseZstdAcceptEncoding:Rr.transitional(Rr.boolean)},!1),i!=null&&(X.isFunction(i)?r.paramsSerializer={serialize:i}:Uu.assertOptions(i,{encode:Rr.function,serialize:Rr.function},!0)),r.allowAbsoluteUrls!==void 0||(this.defaults.allowAbsoluteUrls!==void 0?r.allowAbsoluteUrls=this.defaults.allowAbsoluteUrls:r.allowAbsoluteUrls=!0),Uu.assertOptions(r,{baseUrl:Rr.spelling("baseURL"),withXsrfToken:Rr.spelling("withXSRFToken")},!0),r.method=(r.method||this.defaults.method||"get").toLowerCase();let l=a&&X.merge(a.common,a[r.method]);a&&X.forEach(["delete","get","head","post","put","patch","query","common"],C=>{delete a[C]}),r.headers=ar.concat(l,a);const c=[];let d=!0;this.interceptors.request.forEach(function(x){if(typeof x.runWhen=="function"&&x.runWhen(r)===!1)return;d=d&&x.synchronous;const R=r.transitional||xg;R&&R.legacyInterceptorReqResOrdering?c.unshift(x.fulfilled,x.rejected):c.push(x.fulfilled,x.rejected)});const f=[];this.interceptors.response.forEach(function(x){f.push(x.fulfilled,x.rejected)});let h,m=0,w;if(!d){const C=[aw.bind(this),void 0];for(C.unshift(...c),C.push(...f),w=C.length,h=Promise.resolve(r);m<w;)h=h.then(C[m++],C[m++]);return h}w=c.length;let v=r;for(;m<w;){const C=c[m++],x=c[m++];try{v=C(v)}catch(R){x.call(this,R);break}}try{h=aw.call(this,v)}catch(C){return Promise.reject(C)}for(m=0,w=f.length;m<w;)h=h.then(f[m++],f[m++]);return h}getUri(t){t=ns(this.defaults,t);const r=yC(t.baseURL,t.url,t.allowAbsoluteUrls);return pC(r,t.params,t.paramsSerializer)}};X.forEach(["delete","get","head","options"],function(t){Ji.prototype[t]=function(r,n){return this.request(ns(n||{},{method:t,url:r,data:(n||{}).data}))}});X.forEach(["post","put","patch","query"],function(t){function r(n){return function(a,l,c){return this.request(ns(c||{},{method:t,headers:n?{"Content-Type":"multipart/form-data"}:{},url:a,data:l}))}}Ji.prototype[t]=r(),t!=="query"&&(Ji.prototype[t+"Form"]=r(!0))});let q2=class SC{constructor(t){if(typeof t!="function")throw new TypeError("executor must be a function.");let r;this.promise=new Promise(function(a){r=a});const n=this;this.promise.then(i=>{if(!n._listeners)return;let a=n._listeners.length;for(;a-- >0;)n._listeners[a](i);n._listeners=null}),this.promise.then=i=>{let a;const l=new Promise(c=>{n.subscribe(c),a=c}).then(i);return l.cancel=function(){n.unsubscribe(a)},l},t(function(a,l,c){n.reason||(n.reason=new Wl(a,l,c),r(n.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(t){if(this.reason){t(this.reason);return}this._listeners?this._listeners.push(t):this._listeners=[t]}unsubscribe(t){if(!this._listeners)return;const r=this._listeners.indexOf(t);r!==-1&&this._listeners.splice(r,1)}toAbortSignal(){const t=new AbortController,r=n=>{t.abort(n)};return this.subscribe(r),t.signal.unsubscribe=()=>this.unsubscribe(r),t.signal}static source(){let t;return{token:new SC(function(i){t=i}),cancel:t}}};function V2(e){return function(r){return e.apply(null,r)}}function H2(e){return X.isObject(e)&&e.isAxiosError===!0}const ih={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511,WebServerIsDown:521,ConnectionTimedOut:522,OriginIsUnreachable:523,TimeoutOccurred:524,SslHandshakeFailed:525,InvalidSslCertificate:526};Object.entries(ih).forEach(([e,t])=>{ih[t]=e});function xC(e){const t=new Ji(e),r=tC(Ji.prototype.request,t);return X.extend(r,Ji.prototype,t,{allOwnKeys:!0}),X.extend(r,t,null,{allOwnKeys:!0}),r.create=function(i){return xC(ns(e,i))},r}const pt=xC(Hl);pt.Axios=Ji;pt.CanceledError=Wl;pt.CancelToken=q2;pt.isCancel=hC;pt.VERSION=Rg;pt.toFormData=Ad;pt.AxiosError=Re;pt.Cancel=pt.CanceledError;pt.all=function(t){return Promise.all(t)};pt.spread=V2;pt.isAxiosError=H2;pt.mergeConfig=ns;pt.AxiosHeaders=ar;pt.formToJSON=e=>mC(X.isHTMLForm(e)?new FormData(e):e);pt.getAdapter=wC.getAdapter;pt.HttpStatusCode=ih;pt.default=pt;const{Axios:$H,AxiosError:zH,CanceledError:BH,isCancel:qH,CancelToken:VH,VERSION:HH,all:WH,Cancel:GH,isAxiosError:KH,spread:YH,toFormData:XH,AxiosHeaders:QH,HttpStatusCode:JH,formToJSON:ZH,getAdapter:e7,mergeConfig:t7,create:r7}=pt,CC=async e=>await _C({refreshToken:e}),kg="rememberMe",W2=e=>{if(!e)return!1;try{return JSON.parse(e)===!0}catch{return!1}},RC=()=>W2(localStorage.getItem(kg)),G2=e=>{localStorage.setItem(kg,JSON.stringify(e))},sh=()=>{localStorage.removeItem(kg)},Pg=e=>({...e?{expires:7}:{},secure:typeof window<"u"&&window.location.protocol==="https:",sameSite:"Strict"}),td=({token:e,refreshToken:t,rememberMe:r})=>{const n=Pg(r);Xe.set("auth-token",e,n),Xe.set("refresh-token",t,n)};function K2(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}const Y2=e=>{switch(e){case"success":return J2;case"info":return e_;case"warning":return Z2;case"error":return t_;default:return null}},X2=Array(12).fill(0),Q2=({visible:e,className:t})=>le.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},le.createElement("div",{className:"sonner-spinner"},X2?.map((r,n)=>le.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${n}`})))),J2=le.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},le.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),Z2=le.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},le.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),e_=le.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},le.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),t_=le.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},le.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),r_=le.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},le.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),le.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),n_=()=>{const[e,t]=le.useState(document.hidden);return le.useEffect(()=>{const r=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",r),()=>window.removeEventListener("visibilitychange",r)},[]),e};let ah=1;class o_{constructor(){this.subscribe=t=>(this.subscribers.push(t),()=>{const r=this.subscribers.indexOf(t);this.subscribers.splice(r,1)}),this.publish=t=>{this.subscribers.forEach(r=>r(t))},this.addToast=t=>{this.publish(t),this.toasts=[...this.toasts,t]},this.create=t=>{var r;const{message:n,...i}=t,a=typeof(t==null?void 0:t.id)=="number"||((r=t.id)==null?void 0:r.length)>0?t.id:ah++,l=this.toasts.find(d=>d.id===a),c=t.dismissible===void 0?!0:t.dismissible;return this.dismissedToasts.has(a)&&this.dismissedToasts.delete(a),l?this.toasts=this.toasts?.map(d=>d.id===a?(this.publish({...d,...t,id:a,title:n}),{...d,...t,id:a,dismissible:c,title:n}):d):this.addToast({title:n,...i,dismissible:c,id:a}),a},this.dismiss=t=>(t?(this.dismissedToasts.add(t),requestAnimationFrame(()=>this.subscribers.forEach(r=>r({id:t,dismiss:!0})))):this.toasts.forEach(r=>{this.subscribers.forEach(n=>n({id:r.id,dismiss:!0}))}),t),this.message=(t,r)=>this.create({...r,message:t}),this.error=(t,r)=>this.create({...r,message:t,type:"error"}),this.success=(t,r)=>this.create({...r,type:"success",message:t}),this.info=(t,r)=>this.create({...r,type:"info",message:t}),this.warning=(t,r)=>this.create({...r,type:"warning",message:t}),this.loading=(t,r)=>this.create({...r,type:"loading",message:t}),this.promise=(t,r)=>{if(!r)return;let n;r.loading!==void 0&&(n=this.create({...r,promise:t,type:"loading",message:r.loading,description:typeof r.description!="function"?r.description:void 0}));const i=Promise.resolve(t instanceof Function?t():t);let a=n!==void 0,l;const c=i.then(async f=>{if(l=["resolve",f],le.isValidElement(f))a=!1,this.create({id:n,type:"default",message:f});else if(s_(f)&&!f.ok){a=!1;const m=typeof r.error=="function"?await r.error(`HTTP error! status: ${f.status}`):r.error,w=typeof r.description=="function"?await r.description(`HTTP error! status: ${f.status}`):r.description,C=typeof m=="object"&&!le.isValidElement(m)?m:{message:m};this.create({id:n,type:"error",description:w,...C})}else if(f instanceof Error){a=!1;const m=typeof r.error=="function"?await r.error(f):r.error,w=typeof r.description=="function"?await r.description(f):r.description,C=typeof m=="object"&&!le.isValidElement(m)?m:{message:m};this.create({id:n,type:"error",description:w,...C})}else if(r.success!==void 0){a=!1;const m=typeof r.success=="function"?await r.success(f):r.success,w=typeof r.description=="function"?await r.description(f):r.description,C=typeof m=="object"&&!le.isValidElement(m)?m:{message:m};this.create({id:n,type:"success",description:w,...C})}}).catch(async f=>{if(l=["reject",f],r.error!==void 0){a=!1;const h=typeof r.error=="function"?await r.error(f):r.error,m=typeof r.description=="function"?await r.description(f):r.description,v=typeof h=="object"&&!le.isValidElement(h)?h:{message:h};this.create({id:n,type:"error",description:m,...v})}}).finally(()=>{a&&(this.dismiss(n),n=void 0),r.finally==null||r.finally.call(r)}),d=()=>new Promise((f,h)=>c.then(()=>l[0]==="reject"?h(l[1]):f(l[1])).catch(h));return typeof n!="string"&&typeof n!="number"?{unwrap:d}:Object.assign(n,{unwrap:d})},this.custom=(t,r)=>{const n=(r==null?void 0:r.id)||ah++;return this.create({jsx:t(n),id:n,...r}),n},this.getActiveToasts=()=>this.toasts.filter(t=>!this.dismissedToasts.has(t.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const Pr=new o_,i_=(e,t)=>{const r=(t==null?void 0:t.id)||ah++;return Pr.addToast({title:e,...t,id:r}),r},s_=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",a_=i_,l_=()=>Pr.toasts,c_=()=>Pr.getActiveToasts(),St=Object.assign(a_,{success:Pr.success,info:Pr.info,warning:Pr.warning,error:Pr.error,custom:Pr.custom,message:Pr.message,promise:Pr.promise,dismiss:Pr.dismiss,loading:Pr.loading},{getHistory:l_,getToasts:c_});K2("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");function hu(e){return e.label!==void 0}const u_=3,d_="24px",f_="16px",cw=4e3,p_=356,m_=14,h_=45,g_=200;function On(...e){return e.filter(Boolean).join(" ")}function y_(e){const[t,r]=e.split("-"),n=[];return t&&n.push(t),r&&n.push(r),n}const v_=e=>{var t,r,n,i,a,l,c,d,f;const{invert:h,toast:m,unstyled:w,interacting:v,setHeights:C,visibleToasts:x,heights:R,index:E,toasts:P,expanded:k,removeToast:T,defaultRichColors:N,closeButton:j,style:M,cancelButtonStyle:O,actionButtonStyle:B,className:H="",descriptionClassName:Y="",duration:ne,position:te,gap:K,expandByDefault:W,classNames:U,icons:z,closeButtonAriaLabel:_="Close toast"}=e,[I,L]=le.useState(null),[D,V]=le.useState(null),[ee,re]=le.useState(!1),[oe,ie]=le.useState(!1),[me,ue]=le.useState(!1),[pe,ve]=le.useState(!1),[ge,Me]=le.useState(!1),[ze,We]=le.useState(0),[Pt,tr]=le.useState(0),at=le.useRef(m.duration||ne||cw),dr=le.useRef(null),rt=le.useRef(null),At=E===0,Dr=E+1<=x,yt=m.type,fr=m.dismissible!==!1,Yn=m.className||"",Ze=m.descriptionClassName||"",pr=le.useMemo(()=>R.findIndex(_e=>_e.toastId===m.id)||0,[R,m.id]),mr=le.useMemo(()=>{var _e;return(_e=m.closeButton)!=null?_e:j},[m.closeButton,j]),kn=le.useMemo(()=>m.duration||ne||cw,[m.duration,ne]),Ao=le.useRef(0),hr=le.useRef(0),he=le.useRef(0),Oe=le.useRef(null),[ut,zt]=te.split("-"),gr=le.useMemo(()=>R.reduce((_e,vt,Nt)=>Nt>=pr?_e:_e+vt.height,0),[R,pr]),mt=n_(),yr=m.invert||h,Tt=yt==="loading";hr.current=le.useMemo(()=>pr*K+gr,[pr,gr]),le.useEffect(()=>{at.current=kn},[kn]),le.useEffect(()=>{re(!0)},[]),le.useEffect(()=>{const _e=rt.current;if(_e){const vt=_e.getBoundingClientRect().height;return tr(vt),C(Nt=>[{toastId:m.id,height:vt,position:m.position},...Nt]),()=>C(Nt=>Nt.filter(Gt=>Gt.toastId!==m.id))}},[C,m.id]),le.useLayoutEffect(()=>{if(!ee)return;const _e=rt.current,vt=_e.style.height;_e.style.height="auto";const Nt=_e.getBoundingClientRect().height;_e.style.height=vt,tr(Nt),C(Gt=>Gt.find(xt=>xt.toastId===m.id)?Gt?.map(xt=>xt.toastId===m.id?{...xt,height:Nt}:xt):[{toastId:m.id,height:Nt,position:m.position},...Gt])},[ee,m.title,m.description,C,m.id,m.jsx,m.action,m.cancel]);const rr=le.useCallback(()=>{ie(!0),We(hr.current),C(_e=>_e.filter(vt=>vt.toastId!==m.id)),setTimeout(()=>{T(m)},g_)},[m,T,C,hr]);le.useEffect(()=>{if(m.promise&&yt==="loading"||m.duration===1/0||m.type==="loading")return;let _e;return k||v||mt?(()=>{if(he.current<Ao.current){const Gt=new Date().getTime()-Ao.current;at.current=at.current-Gt}he.current=new Date().getTime()})():(()=>{at.current!==1/0&&(Ao.current=new Date().getTime(),_e=setTimeout(()=>{m.onAutoClose==null||m.onAutoClose.call(m,m),rr()},at.current))})(),()=>clearTimeout(_e)},[k,v,m,yt,mt,rr]),le.useEffect(()=>{m.delete&&(rr(),m.onDismiss==null||m.onDismiss.call(m,m))},[rr,m.delete]);function To(){var _e;if(z!=null&&z.loading){var vt;return le.createElement("div",{className:On(U==null?void 0:U.loader,m==null||(vt=m.classNames)==null?void 0:vt.loader,"sonner-loader"),"data-visible":yt==="loading"},z.loading)}return le.createElement(Q2,{className:On(U==null?void 0:U.loader,m==null||(_e=m.classNames)==null?void 0:_e.loader),visible:yt==="loading"})}const Br=m.icon||(z==null?void 0:z[yt])||Y2(yt);var Xn,Aa;return le.createElement("li",{tabIndex:0,ref:rt,className:On(H,Yn,U==null?void 0:U.toast,m==null||(t=m.classNames)==null?void 0:t.toast,U==null?void 0:U.default,U==null?void 0:U[yt],m==null||(r=m.classNames)==null?void 0:r[yt]),"data-sonner-toast":"","data-rich-colors":(Xn=m.richColors)!=null?Xn:N,"data-styled":!(m.jsx||m.unstyled||w),"data-mounted":ee,"data-promise":!!m.promise,"data-swiped":ge,"data-removed":oe,"data-visible":Dr,"data-y-position":ut,"data-x-position":zt,"data-index":E,"data-front":At,"data-swiping":me,"data-dismissible":fr,"data-type":yt,"data-invert":yr,"data-swipe-out":pe,"data-swipe-direction":D,"data-expanded":!!(k||W&&ee),"data-testid":m.testId,style:{"--index":E,"--toasts-before":E,"--z-index":P.length-E,"--offset":`${oe?ze:hr.current}px`,"--initial-height":W?"auto":`${Pt}px`,...M,...m.style},onDragEnd:()=>{ue(!1),L(null),Oe.current=null},onPointerDown:_e=>{_e.button!==2&&(Tt||!fr||(dr.current=new Date,We(hr.current),_e.target.setPointerCapture(_e.pointerId),_e.target.tagName!=="BUTTON"&&(ue(!0),Oe.current={x:_e.clientX,y:_e.clientY})))},onPointerUp:()=>{var _e,vt,Nt;if(pe||!fr)return;Oe.current=null;const Gt=Number(((_e=rt.current)==null?void 0:_e.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),No=Number(((vt=rt.current)==null?void 0:vt.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),xt=new Date().getTime()-((Nt=dr.current)==null?void 0:Nt.getTime()),jt=I==="x"?Gt:No,Do=Math.abs(jt)/xt;if(Math.abs(jt)>=h_||Do>.11){We(hr.current),m.onDismiss==null||m.onDismiss.call(m,m),V(I==="x"?Gt>0?"right":"left":No>0?"down":"up"),rr(),ve(!0);return}else{var Bt,Or;(Bt=rt.current)==null||Bt.style.setProperty("--swipe-amount-x","0px"),(Or=rt.current)==null||Or.style.setProperty("--swipe-amount-y","0px")}Me(!1),ue(!1),L(null)},onPointerMove:_e=>{var vt,Nt,Gt;if(!Oe.current||!fr||((vt=window.getSelection())==null?void 0:vt.toString().length)>0)return;const xt=_e.clientY-Oe.current.y,jt=_e.clientX-Oe.current.x;var Do;const Bt=(Do=e.swipeDirections)!=null?Do:y_(te);!I&&(Math.abs(jt)>1||Math.abs(xt)>1)&&L(Math.abs(jt)>Math.abs(xt)?"x":"y");let Or={x:0,y:0};const Oo=qr=>1/(1.5+Math.abs(qr)/20);if(I==="y"){if(Bt.includes("top")||Bt.includes("bottom"))if(Bt.includes("top")&&xt<0||Bt.includes("bottom")&&xt>0)Or.y=xt;else{const qr=xt*Oo(xt);Or.y=Math.abs(qr)<Math.abs(xt)?qr:xt}}else if(I==="x"&&(Bt.includes("left")||Bt.includes("right")))if(Bt.includes("left")&&jt<0||Bt.includes("right")&&jt>0)Or.x=jt;else{const qr=jt*Oo(jt);Or.x=Math.abs(qr)<Math.abs(jt)?qr:jt}(Math.abs(Or.x)>0||Math.abs(Or.y)>0)&&Me(!0),(Nt=rt.current)==null||Nt.style.setProperty("--swipe-amount-x",`${Or.x}px`),(Gt=rt.current)==null||Gt.style.setProperty("--swipe-amount-y",`${Or.y}px`)}},mr&&!m.jsx&&yt!=="loading"?le.createElement("button",{"aria-label":_,"data-disabled":Tt,"data-close-button":!0,onClick:Tt||!fr?()=>{}:()=>{rr(),m.onDismiss==null||m.onDismiss.call(m,m)},className:On(U==null?void 0:U.closeButton,m==null||(n=m.classNames)==null?void 0:n.closeButton)},(Aa=z==null?void 0:z.close)!=null?Aa:r_):null,(yt||m.icon||m.promise)&&m.icon!==null&&((z==null?void 0:z[yt])!==null||m.icon)?le.createElement("div",{"data-icon":"",className:On(U==null?void 0:U.icon,m==null||(i=m.classNames)==null?void 0:i.icon)},m.promise||m.type==="loading"&&!m.icon?m.icon||To():null,m.type!=="loading"?Br:null):null,le.createElement("div",{"data-content":"",className:On(U==null?void 0:U.content,m==null||(a=m.classNames)==null?void 0:a.content)},le.createElement("div",{"data-title":"",className:On(U==null?void 0:U.title,m==null||(l=m.classNames)==null?void 0:l.title)},m.jsx?m.jsx:typeof m.title=="function"?m.title():m.title),m.description?le.createElement("div",{"data-description":"",className:On(Y,Ze,U==null?void 0:U.description,m==null||(c=m.classNames)==null?void 0:c.description)},typeof m.description=="function"?m.description():m.description):null),le.isValidElement(m.cancel)?m.cancel:m.cancel&&hu(m.cancel)?le.createElement("button",{"data-button":!0,"data-cancel":!0,style:m.cancelButtonStyle||O,onClick:_e=>{hu(m.cancel)&&fr&&(m.cancel.onClick==null||m.cancel.onClick.call(m.cancel,_e),rr())},className:On(U==null?void 0:U.cancelButton,m==null||(d=m.classNames)==null?void 0:d.cancelButton)},m.cancel.label):null,le.isValidElement(m.action)?m.action:m.action&&hu(m.action)?le.createElement("button",{"data-button":!0,"data-action":!0,style:m.actionButtonStyle||B,onClick:_e=>{hu(m.action)&&(m.action.onClick==null||m.action.onClick.call(m.action,_e),!_e.defaultPrevented&&rr())},className:On(U==null?void 0:U.actionButton,m==null||(f=m.classNames)==null?void 0:f.actionButton)},m.action.label):null)};function uw(){if(typeof window>"u"||typeof document>"u")return"ltr";const e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function b_(e,t){const r={};return[e,t].forEach((n,i)=>{const a=i===1,l=a?"--mobile-offset":"--offset",c=a?f_:d_;function d(f){["top","right","bottom","left"].forEach(h=>{r[`${l}-${h}`]=typeof f=="number"?`${f}px`:f})}typeof n=="number"||typeof n=="string"?d(n):typeof n=="object"?["top","right","bottom","left"].forEach(f=>{n[f]===void 0?r[`${l}-${f}`]=c:r[`${l}-${f}`]=typeof n[f]=="number"?`${n[f]}px`:n[f]}):d(c)}),r}const w_=le.forwardRef(function(t,r){const{id:n,invert:i,position:a="bottom-right",hotkey:l=["altKey","KeyT"],expand:c,closeButton:d,className:f,offset:h,mobileOffset:m,theme:w="light",richColors:v,duration:C,style:x,visibleToasts:R=u_,toastOptions:E,dir:P=uw(),gap:k=m_,icons:T,containerAriaLabel:N="Notifications"}=t,[j,M]=le.useState([]),O=le.useMemo(()=>n?j.filter(ee=>ee.toasterId===n):j.filter(ee=>!ee.toasterId),[j,n]),B=le.useMemo(()=>Array.from(new Set([a].concat(O.filter(ee=>ee.position)?.map(ee=>ee.position)))),[O,a]),[H,Y]=le.useState([]),[ne,te]=le.useState(!1),[K,W]=le.useState(!1),[U,z]=le.useState(w!=="system"?w:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),_=le.useRef(null),I=l.join("+").replace(/Key/g,"").replace(/Digit/g,""),L=le.useRef(null),D=le.useRef(!1),V=le.useCallback(ee=>{M(re=>{var oe;return(oe=re.find(ie=>ie.id===ee.id))!=null&&oe.delete||Pr.dismiss(ee.id),re.filter(({id:ie})=>ie!==ee.id)})},[]);return le.useEffect(()=>Pr.subscribe(ee=>{if(ee.dismiss){requestAnimationFrame(()=>{M(re=>re?.map(oe=>oe.id===ee.id?{...oe,delete:!0}:oe))});return}setTimeout(()=>{Ws.flushSync(()=>{M(re=>{const oe=re.findIndex(ie=>ie.id===ee.id);return oe!==-1?[...re.slice(0,oe),{...re[oe],...ee},...re.slice(oe+1)]:[ee,...re]})})})}),[j]),le.useEffect(()=>{if(w!=="system"){z(w);return}if(w==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?z("dark"):z("light")),typeof window>"u")return;const ee=window.matchMedia("(prefers-color-scheme: dark)");try{ee.addEventListener("change",({matches:re})=>{z(re?"dark":"light")})}catch{ee.addListener(({matches:oe})=>{try{z(oe?"dark":"light")}catch{}})}},[w]),le.useEffect(()=>{j.length<=1&&te(!1)},[j]),le.useEffect(()=>{const ee=re=>{var oe;if(l.every(ue=>re[ue]||re.code===ue)){var me;te(!0),(me=_.current)==null||me.focus()}re.code==="Escape"&&(document.activeElement===_.current||(oe=_.current)!=null&&oe.contains(document.activeElement))&&te(!1)};return document.addEventListener("keydown",ee),()=>document.removeEventListener("keydown",ee)},[l]),le.useEffect(()=>{if(_.current)return()=>{L.current&&(L.current.focus({preventScroll:!0}),L.current=null,D.current=!1)}},[_.current]),le.createElement("section",{ref:r,"aria-label":`${N} ${I}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},B?.map((ee,re)=>{var oe;const[ie,me]=ee.split("-");return O.length?le.createElement("ol",{key:ee,dir:P==="auto"?uw():P,tabIndex:-1,ref:_,className:f,"data-sonner-toaster":!0,"data-sonner-theme":U,"data-y-position":ie,"data-x-position":me,style:{"--front-toast-height":`${((oe=H[0])==null?void 0:oe.height)||0}px`,"--width":`${p_}px`,"--gap":`${k}px`,...x,...b_(h,m)},onBlur:ue=>{D.current&&!ue.currentTarget.contains(ue.relatedTarget)&&(D.current=!1,L.current&&(L.current.focus({preventScroll:!0}),L.current=null))},onFocus:ue=>{ue.target instanceof HTMLElement&&ue.target.dataset.dismissible==="false"||D.current||(D.current=!0,L.current=ue.relatedTarget)},onMouseEnter:()=>te(!0),onMouseMove:()=>te(!0),onMouseLeave:()=>{K||te(!1)},onDragEnd:()=>te(!1),onPointerDown:ue=>{ue.target instanceof HTMLElement&&ue.target.dataset.dismissible==="false"||W(!0)},onPointerUp:()=>W(!1)},O.filter(ue=>!ue.position&&re===0||ue.position===ee)?.map((ue,pe)=>{var ve,ge;return le.createElement(v_,{key:ue.id,icons:T,index:pe,toast:ue,defaultRichColors:v,duration:(ve=E==null?void 0:E.duration)!=null?ve:C,className:E==null?void 0:E.className,descriptionClassName:E==null?void 0:E.descriptionClassName,invert:i,visibleToasts:R,closeButton:(ge=E==null?void 0:E.closeButton)!=null?ge:d,interacting:K,position:ee,style:E==null?void 0:E.style,unstyled:E==null?void 0:E.unstyled,classNames:E==null?void 0:E.classNames,cancelButtonStyle:E==null?void 0:E.cancelButtonStyle,actionButtonStyle:E==null?void 0:E.actionButtonStyle,closeButtonAriaLabel:E==null?void 0:E.closeButtonAriaLabel,removeToast:V,toasts:O.filter(Me=>Me.position==ue.position),heights:H.filter(Me=>Me.position==ue.position),setHeights:Y,expandByDefault:c,gap:k,expanded:ne,swipeDirections:t.swipeDirections})})):null}))});var lm={};const De=e=>typeof e=="string",fl=()=>{let e,t;const r=new Promise((n,i)=>{e=n,t=i});return r.resolve=e,r.reject=t,r},dw=e=>e==null?"":""+e,S_=(e,t,r)=>{e.forEach(n=>{t[n]&&(r[n]=t[n])})},x_=/###/g,fw=e=>e&&e.indexOf("###")>-1?e.replace(x_,"."):e,pw=e=>!e||De(e),xl=(e,t,r)=>{const n=De(t)?t.split("."):t;let i=0;for(;i<n.length-1;){if(pw(e))return{};const a=fw(n[i]);!e[a]&&r&&(e[a]=new r),Object.prototype.hasOwnProperty.call(e,a)?e=e[a]:e={},++i}return pw(e)?{}:{obj:e,k:fw(n[i])}},mw=(e,t,r)=>{const{obj:n,k:i}=xl(e,t,Object);if(n!==void 0||t.length===1){n[i]=r;return}let a=t[t.length-1],l=t.slice(0,t.length-1),c=xl(e,l,Object);for(;c.obj===void 0&&l.length;)a=`${l[l.length-1]}.${a}`,l=l.slice(0,l.length-1),c=xl(e,l,Object),c!=null&&c.obj&&typeof c.obj[`${c.k}.${a}`]<"u"&&(c.obj=void 0);c.obj[`${c.k}.${a}`]=r},C_=(e,t,r,n)=>{const{obj:i,k:a}=xl(e,t,Object);i[a]=i[a]||[],i[a].push(r)},rd=(e,t)=>{const{obj:r,k:n}=xl(e,t);if(r&&Object.prototype.hasOwnProperty.call(r,n))return r[n]},R_=(e,t,r)=>{const n=rd(e,r);return n!==void 0?n:rd(t,r)},EC=(e,t,r)=>{for(const n in t)n!=="__proto__"&&n!=="constructor"&&(n in e?De(e[n])||e[n]instanceof String||De(t[n])||t[n]instanceof String?r&&(e[n]=t[n]):EC(e[n],t[n],r):e[n]=t[n]);return e},Di=e=>e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&");var E_={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;"};const k_=e=>De(e)?e.replace(/[&<>"'\/]/g,t=>E_[t]):e;class P_{constructor(t){this.capacity=t,this.regExpMap=new Map,this.regExpQueue=[]}getRegExp(t){const r=this.regExpMap.get(t);if(r!==void 0)return r;const n=new RegExp(t);return this.regExpQueue.length===this.capacity&&this.regExpMap.delete(this.regExpQueue.shift()),this.regExpMap.set(t,n),this.regExpQueue.push(t),n}}const A_=[" ",",","?","!",";"],T_=new P_(20),N_=(e,t,r)=>{t=t||"",r=r||"";const n=A_.filter(l=>t.indexOf(l)<0&&r.indexOf(l)<0);if(n.length===0)return!0;const i=T_.getRegExp(`(${n?.map(l=>l==="?"?"\\?":l).join("|")})`);let a=!i.test(e);if(!a){const l=e.indexOf(r);l>0&&!i.test(e.substring(0,l))&&(a=!0)}return a},lh=(e,t,r=".")=>{if(!e)return;if(e[t])return Object.prototype.hasOwnProperty.call(e,t)?e[t]:void 0;const n=t.split(r);let i=e;for(let a=0;a<n.length;){if(!i||typeof i!="object")return;let l,c="";for(let d=a;d<n.length;++d)if(d!==a&&(c+=r),c+=n[d],l=i[c],l!==void 0){if(["string","number","boolean"].indexOf(typeof l)>-1&&d<n.length-1)continue;a+=d-a+1;break}i=l}return i},kl=e=>e==null?void 0:e.replace(/_/g,"-"),D_={type:"logger",log(e){this.output("log",e)},warn(e){this.output("warn",e)},error(e){this.output("error",e)},output(e,t){var r,n;(n=(r=console==null?void 0:console[e])==null?void 0:r.apply)==null||n.call(r,console,t)}};class nd{constructor(t,r={}){this.init(t,r)}init(t,r={}){this.prefix=r.prefix||"i18next:",this.logger=t||D_,this.options=r,this.debug=r.debug}log(...t){return this.forward(t,"log","",!0)}warn(...t){return this.forward(t,"warn","",!0)}error(...t){return this.forward(t,"error","")}deprecate(...t){return this.forward(t,"warn","WARNING DEPRECATED: ",!0)}forward(t,r,n,i){return i&&!this.debug?null:(De(t[0])&&(t[0]=`${n}${this.prefix} ${t[0]}`),this.logger[r](t))}create(t){return new nd(this.logger,{prefix:`${this.prefix}:${t}:`,...this.options})}clone(t){return t=t||this.options,t.prefix=t.prefix||this.prefix,new nd(this.logger,t)}}var $n=new nd;class Nd{constructor(){this.observers={}}on(t,r){return t.split(" ").forEach(n=>{this.observers[n]||(this.observers[n]=new Map);const i=this.observers[n].get(r)||0;this.observers[n].set(r,i+1)}),this}off(t,r){if(this.observers[t]){if(!r){delete this.observers[t];return}this.observers[t].delete(r)}}emit(t,...r){this.observers[t]&&Array.from(this.observers[t].entries()).forEach(([i,a])=>{for(let l=0;l<a;l++)i(...r)}),this.observers["*"]&&Array.from(this.observers["*"].entries()).forEach(([i,a])=>{for(let l=0;l<a;l++)i.apply(i,[t,...r])})}}class hw extends Nd{constructor(t,r={ns:["translation"],defaultNS:"translation"}){super(),this.data=t||{},this.options=r,this.options.keySeparator===void 0&&(this.options.keySeparator="."),this.options.ignoreJSONStructure===void 0&&(this.options.ignoreJSONStructure=!0)}addNamespaces(t){this.options.ns.indexOf(t)<0&&this.options.ns.push(t)}removeNamespaces(t){const r=this.options.ns.indexOf(t);r>-1&&this.options.ns.splice(r,1)}getResource(t,r,n,i={}){var f,h;const a=i.keySeparator!==void 0?i.keySeparator:this.options.keySeparator,l=i.ignoreJSONStructure!==void 0?i.ignoreJSONStructure:this.options.ignoreJSONStructure;let c;t.indexOf(".")>-1?c=t.split("."):(c=[t,r],n&&(Array.isArray(n)?c.push(...n):De(n)&&a?c.push(...n.split(a)):c.push(n)));const d=rd(this.data,c);return!d&&!r&&!n&&t.indexOf(".")>-1&&(t=c[0],r=c[1],n=c.slice(2).join(".")),d||!l||!De(n)?d:lh((h=(f=this.data)==null?void 0:f[t])==null?void 0:h[r],n,a)}addResource(t,r,n,i,a={silent:!1}){const l=a.keySeparator!==void 0?a.keySeparator:this.options.keySeparator;let c=[t,r];n&&(c=c.concat(l?n.split(l):n)),t.indexOf(".")>-1&&(c=t.split("."),i=r,r=c[1]),this.addNamespaces(r),mw(this.data,c,i),a.silent||this.emit("added",t,r,n,i)}addResources(t,r,n,i={silent:!1}){for(const a in n)(De(n[a])||Array.isArray(n[a]))&&this.addResource(t,r,a,n[a],{silent:!0});i.silent||this.emit("added",t,r,n)}addResourceBundle(t,r,n,i,a,l={silent:!1,skipCopy:!1}){let c=[t,r];t.indexOf(".")>-1&&(c=t.split("."),i=n,n=r,r=c[1]),this.addNamespaces(r);let d=rd(this.data,c)||{};l.skipCopy||(n=JSON.parse(JSON.stringify(n))),i?EC(d,n,a):d={...d,...n},mw(this.data,c,d),l.silent||this.emit("added",t,r,n)}removeResourceBundle(t,r){this.hasResourceBundle(t,r)&&delete this.data[t][r],this.removeNamespaces(r),this.emit("removed",t,r)}hasResourceBundle(t,r){return this.getResource(t,r)!==void 0}getResourceBundle(t,r){return r||(r=this.options.defaultNS),this.getResource(t,r)}getDataByLanguage(t){return this.data[t]}hasLanguageSomeTranslations(t){const r=this.getDataByLanguage(t);return!!(r&&Object.keys(r)||[]).find(i=>r[i]&&Object.keys(r[i]).length>0)}toJSON(){return this.data}}var kC={processors:{},addPostProcessor(e){this.processors[e.name]=e},handle(e,t,r,n,i){return e.forEach(a=>{var l;t=((l=this.processors[a])==null?void 0:l.process(t,r,n,i))??t}),t}};const PC=Symbol("i18next/PATH_KEY");function O_(){const e=[],t=Object.create(null);let r;return t.get=(n,i)=>{var a;return(a=r==null?void 0:r.revoke)==null||a.call(r),i===PC?e:(e.push(i),r=Proxy.revocable(n,t),r.proxy)},Proxy.revocable(Object.create(null),t).proxy}function Gs(e,t){const{[PC]:r}=e(O_()),n=(t==null?void 0:t.keySeparator)??".",i=(t==null?void 0:t.nsSeparator)??":";if(r.length>1&&i){const a=t==null?void 0:t.ns,l=Array.isArray(a)?a:null;if(l&&l.length>1&&l.slice(1).includes(r[0]))return`${r[0]}${i}${r.slice(1).join(n)}`}return r.join(n)}const gw={},cm=e=>!De(e)&&typeof e!="boolean"&&typeof e!="number";class od extends Nd{constructor(t,r={}){super(),S_(["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"],t,this),this.options=r,this.options.keySeparator===void 0&&(this.options.keySeparator="."),this.logger=$n.create("translator")}changeLanguage(t){t&&(this.language=t)}exists(t,r={interpolation:{}}){const n={...r};if(t==null)return!1;const i=this.resolve(t,n);if((i==null?void 0:i.res)===void 0)return!1;const a=cm(i.res);return!(n.returnObjects===!1&&a)}extractFromKey(t,r){let n=r.nsSeparator!==void 0?r.nsSeparator:this.options.nsSeparator;n===void 0&&(n=":");const i=r.keySeparator!==void 0?r.keySeparator:this.options.keySeparator;let a=r.ns||this.options.defaultNS||[];const l=n&&t.indexOf(n)>-1,c=!this.options.userDefinedKeySeparator&&!r.keySeparator&&!this.options.userDefinedNsSeparator&&!r.nsSeparator&&!N_(t,n,i);if(l&&!c){const d=t.match(this.interpolator.nestingRegexp);if(d&&d.length>0)return{key:t,namespaces:De(a)?[a]:a};const f=t.split(n);(n!==i||n===i&&this.options.ns.indexOf(f[0])>-1)&&(a=f.shift()),t=f.join(i)}return{key:t,namespaces:De(a)?[a]:a}}translate(t,r,n){let i=typeof r=="object"?{...r}:r;if(typeof i!="object"&&this.options.overloadTranslationOptionHandler&&(i=this.options.overloadTranslationOptionHandler(arguments)),typeof i=="object"&&(i={...i}),i||(i={}),t==null)return"";typeof t=="function"&&(t=Gs(t,{...this.options,...i})),Array.isArray(t)||(t=[String(t)]),t=t?.map(te=>typeof te=="function"?Gs(te,{...this.options,...i}):String(te));const a=i.returnDetails!==void 0?i.returnDetails:this.options.returnDetails,l=i.keySeparator!==void 0?i.keySeparator:this.options.keySeparator,{key:c,namespaces:d}=this.extractFromKey(t[t.length-1],i),f=d[d.length-1];let h=i.nsSeparator!==void 0?i.nsSeparator:this.options.nsSeparator;h===void 0&&(h=":");const m=i.lng||this.language,w=i.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if((m==null?void 0:m.toLowerCase())==="cimode")return w?a?{res:`${f}${h}${c}`,usedKey:c,exactUsedKey:c,usedLng:m,usedNS:f,usedParams:this.getUsedParamsDetails(i)}:`${f}${h}${c}`:a?{res:c,usedKey:c,exactUsedKey:c,usedLng:m,usedNS:f,usedParams:this.getUsedParamsDetails(i)}:c;const v=this.resolve(t,i);let C=v==null?void 0:v.res;const x=(v==null?void 0:v.usedKey)||c,R=(v==null?void 0:v.exactUsedKey)||c,E=["[object Number]","[object Function]","[object RegExp]"],P=i.joinArrays!==void 0?i.joinArrays:this.options.joinArrays,k=!this.i18nFormat||this.i18nFormat.handleAsObject,T=i.count!==void 0&&!De(i.count),N=od.hasDefaultValue(i),j=T?this.pluralResolver.getSuffix(m,i.count,i):"",M=i.ordinal&&T?this.pluralResolver.getSuffix(m,i.count,{ordinal:!1}):"",O=T&&!i.ordinal&&i.count===0,B=O&&i[`defaultValue${this.options.pluralSeparator}zero`]||i[`defaultValue${j}`]||i[`defaultValue${M}`]||i.defaultValue;let H=C;k&&!C&&N&&(H=B);const Y=cm(H),ne=Object.prototype.toString.apply(H);if(k&&H&&Y&&E.indexOf(ne)<0&&!(De(P)&&Array.isArray(H))){if(!i.returnObjects&&!this.options.returnObjects){this.options.returnedObjectHandler||this.logger.warn("accessing an object - but returnObjects options is not enabled!");const te=this.options.returnedObjectHandler?this.options.returnedObjectHandler(x,H,{...i,ns:d}):`key '${c} (${this.language})' returned an object instead of string.`;return a?(v.res=te,v.usedParams=this.getUsedParamsDetails(i),v):te}if(l){const te=Array.isArray(H),K=te?[]:{},W=te?R:x;for(const U in H)if(Object.prototype.hasOwnProperty.call(H,U)){const z=`${W}${l}${U}`;N&&!C?K[U]=this.translate(z,{...i,defaultValue:cm(B)?B[U]:void 0,joinArrays:!1,ns:d}):K[U]=this.translate(z,{...i,joinArrays:!1,ns:d}),K[U]===z&&(K[U]=H[U])}C=K}}else if(k&&De(P)&&Array.isArray(C))C=C.join(P),C&&(C=this.extendTranslation(C,t,i,n));else{let te=!1,K=!1;!this.isValidLookup(C)&&N&&(te=!0,C=B),this.isValidLookup(C)||(K=!0,C=c);const U=(i.missingKeyNoValueFallbackToKey||this.options.missingKeyNoValueFallbackToKey)&&K?void 0:C,z=N&&B!==C&&this.options.updateMissing;if(K||te||z){if(this.logger.log(z?"updateKey":"missingKey",m,f,c,z?B:C),l){const D=this.resolve(c,{...i,keySeparator:!1});D&&D.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}let _=[];const I=this.languageUtils.getFallbackCodes(this.options.fallbackLng,i.lng||this.language);if(this.options.saveMissingTo==="fallback"&&I&&I[0])for(let D=0;D<I.length;D++)_.push(I[D]);else this.options.saveMissingTo==="all"?_=this.languageUtils.toResolveHierarchy(i.lng||this.language):_.push(i.lng||this.language);const L=(D,V,ee)=>{var oe;const re=N&&ee!==C?ee:U;this.options.missingKeyHandler?this.options.missingKeyHandler(D,f,V,re,z,i):(oe=this.backendConnector)!=null&&oe.saveMissing&&this.backendConnector.saveMissing(D,f,V,re,z,i),this.emit("missingKey",D,f,V,C)};this.options.saveMissing&&(this.options.saveMissingPlurals&&T?_.forEach(D=>{const V=this.pluralResolver.getSuffixes(D,i);O&&i[`defaultValue${this.options.pluralSeparator}zero`]&&V.indexOf(`${this.options.pluralSeparator}zero`)<0&&V.push(`${this.options.pluralSeparator}zero`),V.forEach(ee=>{L([D],c+ee,i[`defaultValue${ee}`]||B)})}):L(_,c,B))}C=this.extendTranslation(C,t,i,v,n),K&&C===c&&this.options.appendNamespaceToMissingKey&&(C=`${f}${h}${c}`),(K||te)&&this.options.parseMissingKeyHandler&&(C=this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey?`${f}${h}${c}`:c,te?C:void 0,i))}return a?(v.res=C,v.usedParams=this.getUsedParamsDetails(i),v):C}extendTranslation(t,r,n,i,a){var d,f;if((d=this.i18nFormat)!=null&&d.parse)t=this.i18nFormat.parse(t,{...this.options.interpolation.defaultVariables,...n},n.lng||this.language||i.usedLng,i.usedNS,i.usedKey,{resolved:i});else if(!n.skipInterpolation){n.interpolation&&this.interpolator.init({...n,interpolation:{...this.options.interpolation,...n.interpolation}});const h=De(t)&&(((f=n==null?void 0:n.interpolation)==null?void 0:f.skipOnVariables)!==void 0?n.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables);let m;if(h){const v=t.match(this.interpolator.nestingRegexp);m=v&&v.length}let w=n.replace&&!De(n.replace)?n.replace:n;if(this.options.interpolation.defaultVariables&&(w={...this.options.interpolation.defaultVariables,...w}),t=this.interpolator.interpolate(t,w,n.lng||this.language||i.usedLng,n),h){const v=t.match(this.interpolator.nestingRegexp),C=v&&v.length;m<C&&(n.nest=!1)}!n.lng&&i&&i.res&&(n.lng=this.language||i.usedLng),n.nest!==!1&&(t=this.interpolator.nest(t,(...v)=>(a==null?void 0:a[0])===v[0]&&!n.context?(this.logger.warn(`It seems you are nesting recursively key: ${v[0]} in key: ${r[0]}`),null):this.translate(...v,r),n)),n.interpolation&&this.interpolator.reset()}const l=n.postProcess||this.options.postProcess,c=De(l)?[l]:l;return t!=null&&(c!=null&&c.length)&&n.applyPostProcessor!==!1&&(t=kC.handle(c,t,r,this.options&&this.options.postProcessPassResolved?{i18nResolved:{...i,usedParams:this.getUsedParamsDetails(n)},...n}:n,this)),t}resolve(t,r={}){let n,i,a,l,c;return De(t)&&(t=[t]),Array.isArray(t)&&(t=t?.map(d=>typeof d=="function"?Gs(d,{...this.options,...r}):d)),t.forEach(d=>{if(this.isValidLookup(n))return;const f=this.extractFromKey(d,r),h=f.key;i=h;let m=f.namespaces;this.options.fallbackNS&&(m=m.concat(this.options.fallbackNS));const w=r.count!==void 0&&!De(r.count),v=w&&!r.ordinal&&r.count===0,C=r.context!==void 0&&(De(r.context)||typeof r.context=="number")&&r.context!=="",x=r.lngs?r.lngs:this.languageUtils.toResolveHierarchy(r.lng||this.language,r.fallbackLng);m.forEach(R=>{var E,P;this.isValidLookup(n)||(c=R,!gw[`${x[0]}-${R}`]&&((E=this.utils)!=null&&E.hasLoadedNamespace)&&!((P=this.utils)!=null&&P.hasLoadedNamespace(c))&&(gw[`${x[0]}-${R}`]=!0,this.logger.warn(`key "${i}" for languages "${x.join(", ")}" won't get resolved as namespace "${c}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),x.forEach(k=>{var j;if(this.isValidLookup(n))return;l=k;const T=[h];if((j=this.i18nFormat)!=null&&j.addLookupKeys)this.i18nFormat.addLookupKeys(T,h,k,R,r);else{let M;w&&(M=this.pluralResolver.getSuffix(k,r.count,r));const O=`${this.options.pluralSeparator}zero`,B=`${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;if(w&&(r.ordinal&&M.indexOf(B)===0&&T.push(h+M.replace(B,this.options.pluralSeparator)),T.push(h+M),v&&T.push(h+O)),C){const H=`${h}${this.options.contextSeparator||"_"}${r.context}`;T.push(H),w&&(r.ordinal&&M.indexOf(B)===0&&T.push(H+M.replace(B,this.options.pluralSeparator)),T.push(H+M),v&&T.push(H+O))}}let N;for(;N=T.pop();)this.isValidLookup(n)||(a=N,n=this.getResource(k,R,N,r))}))})}),{res:n,usedKey:i,exactUsedKey:a,usedLng:l,usedNS:c}}isValidLookup(t){return t!==void 0&&!(!this.options.returnNull&&t===null)&&!(!this.options.returnEmptyString&&t==="")}getResource(t,r,n,i={}){var a;return(a=this.i18nFormat)!=null&&a.getResource?this.i18nFormat.getResource(t,r,n,i):this.resourceStore.getResource(t,r,n,i)}getUsedParamsDetails(t={}){const r=["defaultValue","ordinal","context","replace","lng","lngs","fallbackLng","ns","keySeparator","nsSeparator","returnObjects","returnDetails","joinArrays","postProcess","interpolation"],n=t.replace&&!De(t.replace);let i=n?t.replace:t;if(n&&typeof t.count<"u"&&(i.count=t.count),this.options.interpolation.defaultVariables&&(i={...this.options.interpolation.defaultVariables,...i}),!n){i={...i};for(const a of r)delete i[a]}return i}static hasDefaultValue(t){const r="defaultValue";for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&r===n.substring(0,r.length)&&t[n]!==void 0)return!0;return!1}}class yw{constructor(t){this.options=t,this.supportedLngs=this.options.supportedLngs||!1,this.logger=$n.create("languageUtils")}getScriptPartFromCode(t){if(t=kl(t),!t||t.indexOf("-")<0)return null;const r=t.split("-");return r.length===2||(r.pop(),r[r.length-1].toLowerCase()==="x")?null:this.formatLanguageCode(r.join("-"))}getLanguagePartFromCode(t){if(t=kl(t),!t||t.indexOf("-")<0)return t;const r=t.split("-");return this.formatLanguageCode(r[0])}formatLanguageCode(t){if(De(t)&&t.indexOf("-")>-1){let r;try{r=Intl.getCanonicalLocales(t)[0]}catch{}return r&&this.options.lowerCaseLng&&(r=r.toLowerCase()),r||(this.options.lowerCaseLng?t.toLowerCase():t)}return this.options.cleanCode||this.options.lowerCaseLng?t.toLowerCase():t}isSupportedCode(t){return(this.options.load==="languageOnly"||this.options.nonExplicitSupportedLngs)&&(t=this.getLanguagePartFromCode(t)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.indexOf(t)>-1}getBestMatchFromCodes(t){if(!t)return null;let r;return t.forEach(n=>{if(r)return;const i=this.formatLanguageCode(n);(!this.options.supportedLngs||this.isSupportedCode(i))&&(r=i)}),!r&&this.options.supportedLngs&&t.forEach(n=>{if(r)return;const i=this.getScriptPartFromCode(n);if(this.isSupportedCode(i))return r=i;const a=this.getLanguagePartFromCode(n);if(this.isSupportedCode(a))return r=a;r=this.options.supportedLngs.find(l=>{if(l===a)return l;if(!(l.indexOf("-")<0&&a.indexOf("-")<0)&&(l.indexOf("-")>0&&a.indexOf("-")<0&&l.substring(0,l.indexOf("-"))===a||l.indexOf(a)===0&&a.length>1))return l})}),r||(r=this.getFallbackCodes(this.options.fallbackLng)[0]),r}getFallbackCodes(t,r){if(!t)return[];if(typeof t=="function"&&(t=t(r)),De(t)&&(t=[t]),Array.isArray(t))return t;if(!r)return t.default||[];let n=t[r];return n||(n=t[this.getScriptPartFromCode(r)]),n||(n=t[this.formatLanguageCode(r)]),n||(n=t[this.getLanguagePartFromCode(r)]),n||(n=t.default),n||[]}toResolveHierarchy(t,r){const n=this.getFallbackCodes((r===!1?[]:r)||this.options.fallbackLng||[],t),i=[],a=l=>{l&&(this.isSupportedCode(l)?i.push(l):this.logger.warn(`rejecting language code not found in supportedLngs: ${l}`))};return De(t)&&(t.indexOf("-")>-1||t.indexOf("_")>-1)?(this.options.load!=="languageOnly"&&a(this.formatLanguageCode(t)),this.options.load!=="languageOnly"&&this.options.load!=="currentOnly"&&a(this.getScriptPartFromCode(t)),this.options.load!=="currentOnly"&&a(this.getLanguagePartFromCode(t))):De(t)&&a(this.formatLanguageCode(t)),n.forEach(l=>{i.indexOf(l)<0&&a(this.formatLanguageCode(l))}),i}}const vw={zero:0,one:1,two:2,few:3,many:4,other:5},bw={select:e=>e===1?"one":"other",resolvedOptions:()=>({pluralCategories:["one","other"]})};class __{constructor(t,r={}){this.languageUtils=t,this.options=r,this.logger=$n.create("pluralResolver"),this.pluralRulesCache={}}clearCache(){this.pluralRulesCache={}}getRule(t,r={}){const n=kl(t==="dev"?"en":t),i=r.ordinal?"ordinal":"cardinal",a=JSON.stringify({cleanedCode:n,type:i});if(a in this.pluralRulesCache)return this.pluralRulesCache[a];let l;try{l=new Intl.PluralRules(n,{type:i})}catch{if(typeof Intl>"u")return this.logger.error("No Intl support, please use an Intl polyfill!"),bw;if(!t.match(/-|_/))return bw;const d=this.languageUtils.getLanguagePartFromCode(t);l=this.getRule(d,r)}return this.pluralRulesCache[a]=l,l}needsPlural(t,r={}){let n=this.getRule(t,r);return n||(n=this.getRule("dev",r)),(n==null?void 0:n.resolvedOptions().pluralCategories.length)>1}getPluralFormsOfKey(t,r,n={}){return this.getSuffixes(t,n)?.map(i=>`${r}${i}`)}getSuffixes(t,r={}){let n=this.getRule(t,r);return n||(n=this.getRule("dev",r)),n?n.resolvedOptions().pluralCategories.sort((i,a)=>vw[i]-vw[a])?.map(i=>`${this.options.prepend}${r.ordinal?`ordinal${this.options.prepend}`:""}${i}`):[]}getSuffix(t,r,n={}){const i=this.getRule(t,n);return i?`${this.options.prepend}${n.ordinal?`ordinal${this.options.prepend}`:""}${i.select(r)}`:(this.logger.warn(`no plural rule found for: ${t}`),this.getSuffix("dev",r,n))}}const ww=(e,t,r,n=".",i=!0)=>{let a=R_(e,t,r);return!a&&i&&De(r)&&(a=lh(e,r,n),a===void 0&&(a=lh(t,r,n))),a},um=e=>e.replace(/\$/g,"$$$$");class Sw{constructor(t={}){var r;this.logger=$n.create("interpolator"),this.options=t,this.format=((r=t==null?void 0:t.interpolation)==null?void 0:r.format)||(n=>n),this.init(t)}init(t={}){t.interpolation||(t.interpolation={escapeValue:!0});const{escape:r,escapeValue:n,useRawValueToEscape:i,prefix:a,prefixEscaped:l,suffix:c,suffixEscaped:d,formatSeparator:f,unescapeSuffix:h,unescapePrefix:m,nestingPrefix:w,nestingPrefixEscaped:v,nestingSuffix:C,nestingSuffixEscaped:x,nestingOptionsSeparator:R,maxReplaces:E,alwaysFormat:P}=t.interpolation;this.escape=r!==void 0?r:k_,this.escapeValue=n!==void 0?n:!0,this.useRawValueToEscape=i!==void 0?i:!1,this.prefix=a?Di(a):l||"{{",this.suffix=c?Di(c):d||"}}",this.formatSeparator=f||",",this.unescapePrefix=h?"":m||"-",this.unescapeSuffix=this.unescapePrefix?"":h||"",this.nestingPrefix=w?Di(w):v||Di("$t("),this.nestingSuffix=C?Di(C):x||Di(")"),this.nestingOptionsSeparator=R||",",this.maxReplaces=E||1e3,this.alwaysFormat=P!==void 0?P:!1,this.resetRegExp()}reset(){this.options&&this.init(this.options)}resetRegExp(){const t=(r,n)=>(r==null?void 0:r.source)===n?(r.lastIndex=0,r):new RegExp(n,"g");this.regexp=t(this.regexp,`${this.prefix}(.+?)${this.suffix}`),this.regexpUnescape=t(this.regexpUnescape,`${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`),this.nestingRegexp=t(this.nestingRegexp,`${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`)}interpolate(t,r,n,i){var v;let a,l,c;const d=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{},f=C=>{if(C.indexOf(this.formatSeparator)<0){const P=ww(r,d,C,this.options.keySeparator,this.options.ignoreJSONStructure);return this.alwaysFormat?this.format(P,void 0,n,{...i,...r,interpolationkey:C}):P}const x=C.split(this.formatSeparator),R=x.shift().trim(),E=x.join(this.formatSeparator).trim();return this.format(ww(r,d,R,this.options.keySeparator,this.options.ignoreJSONStructure),E,n,{...i,...r,interpolationkey:R})};this.resetRegExp();const h=(i==null?void 0:i.missingInterpolationHandler)||this.options.missingInterpolationHandler,m=((v=i==null?void 0:i.interpolation)==null?void 0:v.skipOnVariables)!==void 0?i.interpolation.skipOnVariables:this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:C=>um(C)},{regex:this.regexp,safeValue:C=>this.escapeValue?um(this.escape(C)):um(C)}].forEach(C=>{for(c=0;a=C.regex.exec(t);){const x=a[1].trim();if(l=f(x),l===void 0)if(typeof h=="function"){const E=h(t,a,i);l=De(E)?E:""}else if(i&&Object.prototype.hasOwnProperty.call(i,x))l="";else if(m){l=a[0];continue}else this.logger.warn(`missed to pass in variable ${x} for interpolating ${t}`),l="";else!De(l)&&!this.useRawValueToEscape&&(l=dw(l));const R=C.safeValue(l);if(t=t.replace(a[0],R),m?(C.regex.lastIndex+=l.length,C.regex.lastIndex-=a[0].length):C.regex.lastIndex=0,c++,c>=this.maxReplaces)break}}),t}nest(t,r,n={}){let i,a,l;const c=(d,f)=>{const h=this.nestingOptionsSeparator;if(d.indexOf(h)<0)return d;const m=d.split(new RegExp(`${Di(h)}[ ]*{`));let w=`{${m[1]}`;d=m[0],w=this.interpolate(w,l);const v=w.match(/'/g),C=w.match(/"/g);(((v==null?void 0:v.length)??0)%2===0&&!C||((C==null?void 0:C.length)??0)%2!==0)&&(w=w.replace(/'/g,'"'));try{l=JSON.parse(w),f&&(l={...f,...l})}catch(x){return this.logger.warn(`failed parsing options string in nesting for key ${d}`,x),`${d}${h}${w}`}return l.defaultValue&&l.defaultValue.indexOf(this.prefix)>-1&&delete l.defaultValue,d};for(;i=this.nestingRegexp.exec(t);){let d=[];l={...n},l=l.replace&&!De(l.replace)?l.replace:l,l.applyPostProcessor=!1,delete l.defaultValue;const f=/{.*}/.test(i[1])?i[1].lastIndexOf("}")+1:i[1].indexOf(this.formatSeparator);if(f!==-1&&(d=i[1].slice(f).split(this.formatSeparator)?.map(h=>h.trim()).filter(Boolean),i[1]=i[1].slice(0,f)),a=r(c.call(this,i[1].trim(),l),l),a&&i[0]===t&&!De(a))return a;De(a)||(a=dw(a)),a||(this.logger.warn(`missed to resolve ${i[1]} for nesting ${t}`),a=""),d.length&&(a=d.reduce((h,m)=>this.format(h,m,n.lng,{...n,interpolationkey:i[1].trim()}),a.trim())),t=t.replace(i[0],a),this.regexp.lastIndex=0}return t}}const M_=e=>{let t=e.toLowerCase().trim();const r={};if(e.indexOf("(")>-1){const n=e.split("(");t=n[0].toLowerCase().trim();const i=n[1].substring(0,n[1].length-1);t==="currency"&&i.indexOf(":")<0?r.currency||(r.currency=i.trim()):t==="relativetime"&&i.indexOf(":")<0?r.range||(r.range=i.trim()):i.split(";").forEach(l=>{if(l){const[c,...d]=l.split(":"),f=d.join(":").trim().replace(/^'+|'+$/g,""),h=c.trim();r[h]||(r[h]=f),f==="false"&&(r[h]=!1),f==="true"&&(r[h]=!0),isNaN(f)||(r[h]=parseInt(f,10))}})}return{formatName:t,formatOptions:r}},xw=e=>{const t={};return(r,n,i)=>{let a=i;i&&i.interpolationkey&&i.formatParams&&i.formatParams[i.interpolationkey]&&i[i.interpolationkey]&&(a={...a,[i.interpolationkey]:void 0});const l=n+JSON.stringify(a);let c=t[l];return c||(c=e(kl(n),i),t[l]=c),c(r)}},j_=e=>(t,r,n)=>e(kl(r),n)(t);class L_{constructor(t={}){this.logger=$n.create("formatter"),this.options=t,this.init(t)}init(t,r={interpolation:{}}){this.formatSeparator=r.interpolation.formatSeparator||",";const n=r.cacheInBuiltFormats?xw:j_;this.formats={number:n((i,a)=>{const l=new Intl.NumberFormat(i,{...a});return c=>l.format(c)}),currency:n((i,a)=>{const l=new Intl.NumberFormat(i,{...a,style:"currency"});return c=>l.format(c)}),datetime:n((i,a)=>{const l=new Intl.DateTimeFormat(i,{...a});return c=>l.format(c)}),relativetime:n((i,a)=>{const l=new Intl.RelativeTimeFormat(i,{...a});return c=>l.format(c,a.range||"day")}),list:n((i,a)=>{const l=new Intl.ListFormat(i,{...a});return c=>l.format(c)})}}add(t,r){this.formats[t.toLowerCase().trim()]=r}addCached(t,r){this.formats[t.toLowerCase().trim()]=xw(r)}format(t,r,n,i={}){const a=r.split(this.formatSeparator);if(a.length>1&&a[0].indexOf("(")>1&&a[0].indexOf(")")<0&&a.find(c=>c.indexOf(")")>-1)){const c=a.findIndex(d=>d.indexOf(")")>-1);a[0]=[a[0],...a.splice(1,c)].join(this.formatSeparator)}return a.reduce((c,d)=>{var m;const{formatName:f,formatOptions:h}=M_(d);if(this.formats[f]){let w=c;try{const v=((m=i==null?void 0:i.formatParams)==null?void 0:m[i.interpolationkey])||{},C=v.locale||v.lng||i.locale||i.lng||n;w=this.formats[f](c,C,{...h,...i,...v})}catch(v){this.logger.warn(v)}return w}else this.logger.warn(`there was no format function for ${f}`);return c},t)}}const F_=(e,t)=>{e.pending[t]!==void 0&&(delete e.pending[t],e.pendingCount--)};class I_ extends Nd{constructor(t,r,n,i={}){var a,l;super(),this.backend=t,this.store=r,this.services=n,this.languageUtils=n.languageUtils,this.options=i,this.logger=$n.create("backendConnector"),this.waitingReads=[],this.maxParallelReads=i.maxParallelReads||10,this.readingCalls=0,this.maxRetries=i.maxRetries>=0?i.maxRetries:5,this.retryTimeout=i.retryTimeout>=1?i.retryTimeout:350,this.state={},this.queue=[],(l=(a=this.backend)==null?void 0:a.init)==null||l.call(a,n,i.backend,i)}queueLoad(t,r,n,i){const a={},l={},c={},d={};return t.forEach(f=>{let h=!0;r.forEach(m=>{const w=`${f}|${m}`;!n.reload&&this.store.hasResourceBundle(f,m)?this.state[w]=2:this.state[w]<0||(this.state[w]===1?l[w]===void 0&&(l[w]=!0):(this.state[w]=1,h=!1,l[w]===void 0&&(l[w]=!0),a[w]===void 0&&(a[w]=!0),d[m]===void 0&&(d[m]=!0)))}),h||(c[f]=!0)}),(Object.keys(a).length||Object.keys(l).length)&&this.queue.push({pending:l,pendingCount:Object.keys(l).length,loaded:{},errors:[],callback:i}),{toLoad:Object.keys(a),pending:Object.keys(l),toLoadLanguages:Object.keys(c),toLoadNamespaces:Object.keys(d)}}loaded(t,r,n){const i=t.split("|"),a=i[0],l=i[1];r&&this.emit("failedLoading",a,l,r),!r&&n&&this.store.addResourceBundle(a,l,n,void 0,void 0,{skipCopy:!0}),this.state[t]=r?-1:2,r&&n&&(this.state[t]=0);const c={};this.queue.forEach(d=>{C_(d.loaded,[a],l),F_(d,t),r&&d.errors.push(r),d.pendingCount===0&&!d.done&&(Object.keys(d.loaded).forEach(f=>{c[f]||(c[f]={});const h=d.loaded[f];h.length&&h.forEach(m=>{c[f][m]===void 0&&(c[f][m]=!0)})}),d.done=!0,d.errors.length?d.callback(d.errors):d.callback())}),this.emit("loaded",c),this.queue=this.queue.filter(d=>!d.done)}read(t,r,n,i=0,a=this.retryTimeout,l){if(!t.length)return l(null,{});if(this.readingCalls>=this.maxParallelReads){this.waitingReads.push({lng:t,ns:r,fcName:n,tried:i,wait:a,callback:l});return}this.readingCalls++;const c=(f,h)=>{if(this.readingCalls--,this.waitingReads.length>0){const m=this.waitingReads.shift();this.read(m.lng,m.ns,m.fcName,m.tried,m.wait,m.callback)}if(f&&h&&i<this.maxRetries){setTimeout(()=>{this.read.call(this,t,r,n,i+1,a*2,l)},a);return}l(f,h)},d=this.backend[n].bind(this.backend);if(d.length===2){try{const f=d(t,r);f&&typeof f.then=="function"?f.then(h=>c(null,h)).catch(c):c(null,f)}catch(f){c(f)}return}return d(t,r,c)}prepareLoading(t,r,n={},i){if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),i&&i();De(t)&&(t=this.languageUtils.toResolveHierarchy(t)),De(r)&&(r=[r]);const a=this.queueLoad(t,r,n,i);if(!a.toLoad.length)return a.pending.length||i(),null;a.toLoad.forEach(l=>{this.loadOne(l)})}load(t,r,n){this.prepareLoading(t,r,{},n)}reload(t,r,n){this.prepareLoading(t,r,{reload:!0},n)}loadOne(t,r=""){const n=t.split("|"),i=n[0],a=n[1];this.read(i,a,"read",void 0,void 0,(l,c)=>{l&&this.logger.warn(`${r}loading namespace ${a} for language ${i} failed`,l),!l&&c&&this.logger.log(`${r}loaded namespace ${a} for language ${i}`,c),this.loaded(t,l,c)})}saveMissing(t,r,n,i,a,l={},c=()=>{}){var d,f,h,m,w;if((f=(d=this.services)==null?void 0:d.utils)!=null&&f.hasLoadedNamespace&&!((m=(h=this.services)==null?void 0:h.utils)!=null&&m.hasLoadedNamespace(r))){this.logger.warn(`did not save key "${n}" as the namespace "${r}" was not yet loaded`,"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");return}if(!(n==null||n==="")){if((w=this.backend)!=null&&w.create){const v={...l,isUpdate:a},C=this.backend.create.bind(this.backend);if(C.length<6)try{let x;C.length===5?x=C(t,r,n,i,v):x=C(t,r,n,i),x&&typeof x.then=="function"?x.then(R=>c(null,R)).catch(c):c(null,x)}catch(x){c(x)}else C(t,r,n,i,c,v)}!t||!t[0]||this.store.addResource(t[0],r,n,i)}}}const dm=()=>({debug:!1,initAsync:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,simplifyPluralSuffix:!0,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!1,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:e=>{let t={};if(typeof e[1]=="object"&&(t=e[1]),De(e[1])&&(t.defaultValue=e[1]),De(e[2])&&(t.tDescription=e[2]),typeof e[2]=="object"||typeof e[3]=="object"){const r=e[3]||e[2];Object.keys(r).forEach(n=>{t[n]=r[n]})}return t},interpolation:{escapeValue:!0,format:e=>e,prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!0},cacheInBuiltFormats:!0}),Cw=e=>{var t,r;return De(e.ns)&&(e.ns=[e.ns]),De(e.fallbackLng)&&(e.fallbackLng=[e.fallbackLng]),De(e.fallbackNS)&&(e.fallbackNS=[e.fallbackNS]),((r=(t=e.supportedLngs)==null?void 0:t.indexOf)==null?void 0:r.call(t,"cimode"))<0&&(e.supportedLngs=e.supportedLngs.concat(["cimode"])),typeof e.initImmediate=="boolean"&&(e.initAsync=e.initImmediate),e},gu=()=>{},U_=e=>{Object.getOwnPropertyNames(Object.getPrototypeOf(e)).forEach(r=>{typeof e[r]=="function"&&(e[r]=e[r].bind(e))})},AC="__i18next_supportNoticeShown",$_=()=>!!(typeof globalThis<"u"&&globalThis[AC]||typeof process<"u"&&lm&&lm.I18NEXT_NO_SUPPORT_NOTICE||typeof process<"u"&&lm),z_=()=>{typeof globalThis<"u"&&(globalThis[AC]=!0)},B_=e=>{var t,r,n,i,a,l,c,d,f,h,m,w,v;return!!(((n=(r=(t=e==null?void 0:e.modules)==null?void 0:t.backend)==null?void 0:r.name)==null?void 0:n.indexOf("Locize"))>0||((c=(l=(a=(i=e==null?void 0:e.modules)==null?void 0:i.backend)==null?void 0:a.constructor)==null?void 0:l.name)==null?void 0:c.indexOf("Locize"))>0||(f=(d=e==null?void 0:e.options)==null?void 0:d.backend)!=null&&f.backends&&e.options.backend.backends?.some(C=>{var x,R,E;return((x=C==null?void 0:C.name)==null?void 0:x.indexOf("Locize"))>0||((E=(R=C==null?void 0:C.constructor)==null?void 0:R.name)==null?void 0:E.indexOf("Locize"))>0})||(m=(h=e==null?void 0:e.options)==null?void 0:h.backend)!=null&&m.projectId||(v=(w=e==null?void 0:e.options)==null?void 0:w.backend)!=null&&v.backendOptions&&e.options.backend.backendOptions?.some(C=>C==null?void 0:C.projectId))};class Cl extends Nd{constructor(t={},r){if(super(),this.options=Cw(t),this.services={},this.logger=$n,this.modules={external:[]},U_(this),r&&!this.isInitialized&&!t.isClone){if(!this.options.initAsync)return this.init(t,r),this;setTimeout(()=>{this.init(t,r)},0)}}init(t={},r){this.isInitializing=!0,typeof t=="function"&&(r=t,t={}),t.defaultNS==null&&t.ns&&(De(t.ns)?t.defaultNS=t.ns:t.ns.indexOf("translation")<0&&(t.defaultNS=t.ns[0]));const n=dm();this.options={...n,...this.options,...Cw(t)},this.options.interpolation={...n.interpolation,...this.options.interpolation},t.keySeparator!==void 0&&(this.options.userDefinedKeySeparator=t.keySeparator),t.nsSeparator!==void 0&&(this.options.userDefinedNsSeparator=t.nsSeparator),typeof this.options.overloadTranslationOptionHandler!="function"&&(this.options.overloadTranslationOptionHandler=n.overloadTranslationOptionHandler),this.options.showSupportNotice!==!1&&!B_(this)&&!$_()&&z_();const i=f=>f?typeof f=="function"?new f:f:null;if(!this.options.isClone){this.modules.logger?$n.init(i(this.modules.logger),this.options):$n.init(null,this.options);let f;this.modules.formatter?f=this.modules.formatter:f=L_;const h=new yw(this.options);this.store=new hw(this.options.resources,this.options);const m=this.services;m.logger=$n,m.resourceStore=this.store,m.languageUtils=h,m.pluralResolver=new __(h,{prepend:this.options.pluralSeparator,simplifyPluralSuffix:this.options.simplifyPluralSuffix}),this.options.interpolation.format&&this.options.interpolation.format!==n.interpolation.format&&this.logger.deprecate("init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting"),f&&(!this.options.interpolation.format||this.options.interpolation.format===n.interpolation.format)&&(m.formatter=i(f),m.formatter.init&&m.formatter.init(m,this.options),this.options.interpolation.format=m.formatter.format.bind(m.formatter)),m.interpolator=new Sw(this.options),m.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},m.backendConnector=new I_(i(this.modules.backend),m.resourceStore,m,this.options),m.backendConnector.on("*",(v,...C)=>{this.emit(v,...C)}),this.modules.languageDetector&&(m.languageDetector=i(this.modules.languageDetector),m.languageDetector.init&&m.languageDetector.init(m,this.options.detection,this.options)),this.modules.i18nFormat&&(m.i18nFormat=i(this.modules.i18nFormat),m.i18nFormat.init&&m.i18nFormat.init(this)),this.translator=new od(this.services,this.options),this.translator.on("*",(v,...C)=>{this.emit(v,...C)}),this.modules.external.forEach(v=>{v.init&&v.init(this)})}if(this.format=this.options.interpolation.format,r||(r=gu),this.options.fallbackLng&&!this.services.languageDetector&&!this.options.lng){const f=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);f.length>0&&f[0]!=="dev"&&(this.options.lng=f[0])}!this.services.languageDetector&&!this.options.lng&&this.logger.warn("init: no languageDetector is used and no lng is defined"),["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"].forEach(f=>{this[f]=(...h)=>this.store[f](...h)}),["addResource","addResources","addResourceBundle","removeResourceBundle"].forEach(f=>{this[f]=(...h)=>(this.store[f](...h),this)});const c=fl(),d=()=>{const f=(h,m)=>{this.isInitializing=!1,this.isInitialized&&!this.initializedStoreOnce&&this.logger.warn("init: i18next is already initialized. You should call init just once!"),this.isInitialized=!0,this.options.isClone||this.logger.log("initialized",this.options),this.emit("initialized",this.options),c.resolve(m),r(h,m)};if(this.languages&&!this.isInitialized)return f(null,this.t.bind(this));this.changeLanguage(this.options.lng,f)};return this.options.resources||!this.options.initAsync?d():setTimeout(d,0),c}loadResources(t,r=gu){var a,l;let n=r;const i=De(t)?t:this.language;if(typeof t=="function"&&(n=t),!this.options.resources||this.options.partialBundledLanguages){if((i==null?void 0:i.toLowerCase())==="cimode"&&(!this.options.preload||this.options.preload.length===0))return n();const c=[],d=f=>{if(!f||f==="cimode")return;this.services.languageUtils.toResolveHierarchy(f).forEach(m=>{m!=="cimode"&&c.indexOf(m)<0&&c.push(m)})};i?d(i):this.services.languageUtils.getFallbackCodes(this.options.fallbackLng).forEach(h=>d(h)),(l=(a=this.options.preload)==null?void 0:a.forEach)==null||l.call(a,f=>d(f)),this.services.backendConnector.load(c,this.options.ns,f=>{!f&&!this.resolvedLanguage&&this.language&&this.setResolvedLanguage(this.language),n(f)})}else n(null)}reloadResources(t,r,n){const i=fl();return typeof t=="function"&&(n=t,t=void 0),typeof r=="function"&&(n=r,r=void 0),t||(t=this.languages),r||(r=this.options.ns),n||(n=gu),this.services.backendConnector.reload(t,r,a=>{i.resolve(),n(a)}),i}use(t){if(!t)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!t.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return t.type==="backend"&&(this.modules.backend=t),(t.type==="logger"||t.log&&t.warn&&t.error)&&(this.modules.logger=t),t.type==="languageDetector"&&(this.modules.languageDetector=t),t.type==="i18nFormat"&&(this.modules.i18nFormat=t),t.type==="postProcessor"&&kC.addPostProcessor(t),t.type==="formatter"&&(this.modules.formatter=t),t.type==="3rdParty"&&this.modules.external.push(t),this}setResolvedLanguage(t){if(!(!t||!this.languages)&&!(["cimode","dev"].indexOf(t)>-1)){for(let r=0;r<this.languages.length;r++){const n=this.languages[r];if(!(["cimode","dev"].indexOf(n)>-1)&&this.store.hasLanguageSomeTranslations(n)){this.resolvedLanguage=n;break}}!this.resolvedLanguage&&this.languages.indexOf(t)<0&&this.store.hasLanguageSomeTranslations(t)&&(this.resolvedLanguage=t,this.languages.unshift(t))}}changeLanguage(t,r){this.isLanguageChangingTo=t;const n=fl();this.emit("languageChanging",t);const i=c=>{this.language=c,this.languages=this.services.languageUtils.toResolveHierarchy(c),this.resolvedLanguage=void 0,this.setResolvedLanguage(c)},a=(c,d)=>{d?this.isLanguageChangingTo===t&&(i(d),this.translator.changeLanguage(d),this.isLanguageChangingTo=void 0,this.emit("languageChanged",d),this.logger.log("languageChanged",d)):this.isLanguageChangingTo=void 0,n.resolve((...f)=>this.t(...f)),r&&r(c,(...f)=>this.t(...f))},l=c=>{var h,m;!t&&!c&&this.services.languageDetector&&(c=[]);const d=De(c)?c:c&&c[0],f=this.store.hasLanguageSomeTranslations(d)?d:this.services.languageUtils.getBestMatchFromCodes(De(c)?[c]:c);f&&(this.language||i(f),this.translator.language||this.translator.changeLanguage(f),(m=(h=this.services.languageDetector)==null?void 0:h.cacheUserLanguage)==null||m.call(h,f)),this.loadResources(f,w=>{a(w,f)})};return!t&&this.services.languageDetector&&!this.services.languageDetector.async?l(this.services.languageDetector.detect()):!t&&this.services.languageDetector&&this.services.languageDetector.async?this.services.languageDetector.detect.length===0?this.services.languageDetector.detect().then(l):this.services.languageDetector.detect(l):l(t),n}getFixedT(t,r,n){const i=(a,l,...c)=>{let d;typeof l!="object"?d=this.options.overloadTranslationOptionHandler([a,l].concat(c)):d={...l},d.lng=d.lng||i.lng,d.lngs=d.lngs||i.lngs,d.ns=d.ns||i.ns,d.keyPrefix!==""&&(d.keyPrefix=d.keyPrefix||n||i.keyPrefix);const f={...this.options,...d};typeof d.keyPrefix=="function"&&(d.keyPrefix=Gs(d.keyPrefix,f));const h=this.options.keySeparator||".";let m;return d.keyPrefix&&Array.isArray(a)?m=a?.map(w=>(typeof w=="function"&&(w=Gs(w,f)),`${d.keyPrefix}${h}${w}`)):(typeof a=="function"&&(a=Gs(a,f)),m=d.keyPrefix?`${d.keyPrefix}${h}${a}`:a),this.t(m,d)};return De(t)?i.lng=t:i.lngs=t,i.ns=r,i.keyPrefix=n,i}t(...t){var r;return(r=this.translator)==null?void 0:r.translate(...t)}exists(...t){var r;return(r=this.translator)==null?void 0:r.exists(...t)}setDefaultNamespace(t){this.options.defaultNS=t}hasLoadedNamespace(t,r={}){if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;const n=r.lng||this.resolvedLanguage||this.languages[0],i=this.options?this.options.fallbackLng:!1,a=this.languages[this.languages.length-1];if(n.toLowerCase()==="cimode")return!0;const l=(c,d)=>{const f=this.services.backendConnector.state[`${c}|${d}`];return f===-1||f===0||f===2};if(r.precheck){const c=r.precheck(this,l);if(c!==void 0)return c}return!!(this.hasResourceBundle(n,t)||!this.services.backendConnector.backend||this.options.resources&&!this.options.partialBundledLanguages||l(n,t)&&(!i||l(a,t)))}loadNamespaces(t,r){const n=fl();return this.options.ns?(De(t)&&(t=[t]),t.forEach(i=>{this.options.ns.indexOf(i)<0&&this.options.ns.push(i)}),this.loadResources(i=>{n.resolve(),r&&r(i)}),n):(r&&r(),Promise.resolve())}loadLanguages(t,r){const n=fl();De(t)&&(t=[t]);const i=this.options.preload||[],a=t.filter(l=>i.indexOf(l)<0&&this.services.languageUtils.isSupportedCode(l));return a.length?(this.options.preload=i.concat(a),this.loadResources(l=>{n.resolve(),r&&r(l)}),n):(r&&r(),Promise.resolve())}dir(t){var i,a;if(t||(t=this.resolvedLanguage||(((i=this.languages)==null?void 0:i.length)>0?this.languages[0]:this.language)),!t)return"rtl";try{const l=new Intl.Locale(t);if(l&&l.getTextInfo){const c=l.getTextInfo();if(c&&c.direction)return c.direction}}catch{}const r=["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam","ckb"],n=((a=this.services)==null?void 0:a.languageUtils)||new yw(dm());return t.toLowerCase().indexOf("-latn")>1?"ltr":r.indexOf(n.getLanguagePartFromCode(t))>-1||t.toLowerCase().indexOf("-arab")>1?"rtl":"ltr"}static createInstance(t={},r){const n=new Cl(t,r);return n.createInstance=Cl.createInstance,n}cloneInstance(t={},r=gu){const n=t.forkResourceStore;n&&delete t.forkResourceStore;const i={...this.options,...t,isClone:!0},a=new Cl(i);if((t.debug!==void 0||t.prefix!==void 0)&&(a.logger=a.logger.clone(t)),["store","services","language"].forEach(c=>{a[c]=this[c]}),a.services={...this.services},a.services.utils={hasLoadedNamespace:a.hasLoadedNamespace.bind(a)},n){const c=Object.keys(this.store.data).reduce((d,f)=>(d[f]={...this.store.data[f]},d[f]=Object.keys(d[f]).reduce((h,m)=>(h[m]={...d[f][m]},h),d[f]),d),{});a.store=new hw(c,i),a.services.resourceStore=a.store}if(t.interpolation){const d={...dm().interpolation,...this.options.interpolation,...t.interpolation},f={...i,interpolation:d};a.services.interpolator=new Sw(f)}return a.translator=new od(a.services,i),a.translator.on("*",(c,...d)=>{a.emit(c,...d)}),a.init(i,r),a.translator.options=i,a.translator.backendConnector.services.utils={hasLoadedNamespace:a.hasLoadedNamespace.bind(a)},a}toJSON(){return{options:this.options,store:this.store,language:this.language,languages:this.languages,resolvedLanguage:this.resolvedLanguage}}}const Wt=Cl.createInstance();Wt.createInstance;Wt.dir;Wt.init;Wt.loadResources;Wt.reloadResources;Wt.use;Wt.changeLanguage;Wt.getFixedT;const n7=Wt.t;Wt.exists;Wt.setDefaultNamespace;Wt.hasLoadedNamespace;Wt.loadNamespaces;Wt.loadLanguages;const{slice:q_,forEach:V_}=[];function H_(e){return V_.call(q_.call(arguments,1),t=>{if(t)for(const r in t)e[r]===void 0&&(e[r]=t[r])}),e}function W_(e){return typeof e!="string"?!1:[/<\s*script.*?>/i,/<\s*\/\s*script\s*>/i,/<\s*img.*?on\w+\s*=/i,/<\s*\w+\s*on\w+\s*=.*?>/i,/javascript\s*:/i,/vbscript\s*:/i,/expression\s*\(/i,/eval\s*\(/i,/alert\s*\(/i,/document\.cookie/i,/document\.write\s*\(/i,/window\.location/i,/innerHTML/i]?.some(r=>r.test(e))}const Rw=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/,G_=function(e,t){const n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{path:"/"},i=encodeURIComponent(t);let a=`${e}=${i}`;if(n.maxAge>0){const l=n.maxAge-0;if(Number.isNaN(l))throw new Error("maxAge should be a Number");a+=`; Max-Age=${Math.floor(l)}`}if(n.domain){if(!Rw.test(n.domain))throw new TypeError("option domain is invalid");a+=`; Domain=${n.domain}`}if(n.path){if(!Rw.test(n.path))throw new TypeError("option path is invalid");a+=`; Path=${n.path}`}if(n.expires){if(typeof n.expires.toUTCString!="function")throw new TypeError("option expires is invalid");a+=`; Expires=${n.expires.toUTCString()}`}if(n.httpOnly&&(a+="; HttpOnly"),n.secure&&(a+="; Secure"),n.sameSite)switch(typeof n.sameSite=="string"?n.sameSite.toLowerCase():n.sameSite){case!0:a+="; SameSite=Strict";break;case"lax":a+="; SameSite=Lax";break;case"strict":a+="; SameSite=Strict";break;case"none":a+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}return n.partitioned&&(a+="; Partitioned"),a},Ew={create(e,t,r,n){let i=arguments.length>4&&arguments[4]!==void 0?arguments[4]:{path:"/",sameSite:"strict"};r&&(i.expires=new Date,i.expires.setTime(i.expires.getTime()+r*60*1e3)),n&&(i.domain=n),document.cookie=G_(e,t,i)},read(e){const t=`${e}=`,r=document.cookie.split(";");for(let n=0;n<r.length;n++){let i=r[n];for(;i.charAt(0)===" ";)i=i.substring(1,i.length);if(i.indexOf(t)===0)return i.substring(t.length,i.length)}return null},remove(e,t){this.create(e,"",-1,t)}};var K_={name:"cookie",lookup(e){let{lookupCookie:t}=e;if(t&&typeof document<"u")return Ew.read(t)||void 0},cacheUserLanguage(e,t){let{lookupCookie:r,cookieMinutes:n,cookieDomain:i,cookieOptions:a}=t;r&&typeof document<"u"&&Ew.create(r,e,n,i,a)}},Y_={name:"querystring",lookup(e){var n;let{lookupQuerystring:t}=e,r;if(typeof window<"u"){let{search:i}=window.location;!window.location.search&&((n=window.location.hash)==null?void 0:n.indexOf("?"))>-1&&(i=window.location.hash.substring(window.location.hash.indexOf("?")));const l=i.substring(1).split("&");for(let c=0;c<l.length;c++){const d=l[c].indexOf("=");d>0&&l[c].substring(0,d)===t&&(r=l[c].substring(d+1))}}return r}},X_={name:"hash",lookup(e){var i;let{lookupHash:t,lookupFromHashIndex:r}=e,n;if(typeof window<"u"){const{hash:a}=window.location;if(a&&a.length>2){const l=a.substring(1);if(t){const c=l.split("&");for(let d=0;d<c.length;d++){const f=c[d].indexOf("=");f>0&&c[d].substring(0,f)===t&&(n=c[d].substring(f+1))}}if(n)return n;if(!n&&r>-1){const c=a.match(/\/([a-zA-Z-]*)/g);return Array.isArray(c)?(i=c[typeof r=="number"?r:0])==null?void 0:i.replace("/",""):void 0}}}return n}};let Ms=null;const kw=()=>{if(Ms!==null)return Ms;try{if(Ms=typeof window<"u"&&window.localStorage!==null,!Ms)return!1;const e="i18next.translate.boo";window.localStorage.setItem(e,"foo"),window.localStorage.removeItem(e)}catch{Ms=!1}return Ms};var Q_={name:"localStorage",lookup(e){let{lookupLocalStorage:t}=e;if(t&&kw())return window.localStorage.getItem(t)||void 0},cacheUserLanguage(e,t){let{lookupLocalStorage:r}=t;r&&kw()&&window.localStorage.setItem(r,e)}};let js=null;const Pw=()=>{if(js!==null)return js;try{if(js=typeof window<"u"&&window.sessionStorage!==null,!js)return!1;const e="i18next.translate.boo";window.sessionStorage.setItem(e,"foo"),window.sessionStorage.removeItem(e)}catch{js=!1}return js};var J_={name:"sessionStorage",lookup(e){let{lookupSessionStorage:t}=e;if(t&&Pw())return window.sessionStorage.getItem(t)||void 0},cacheUserLanguage(e,t){let{lookupSessionStorage:r}=t;r&&Pw()&&window.sessionStorage.setItem(r,e)}},Z_={name:"navigator",lookup(e){const t=[];if(typeof navigator<"u"){const{languages:r,userLanguage:n,language:i}=navigator;if(r)for(let a=0;a<r.length;a++)t.push(r[a]);n&&t.push(n),i&&t.push(i)}return t.length>0?t:void 0}},eM={name:"htmlTag",lookup(e){let{htmlTag:t}=e,r;const n=t||(typeof document<"u"?document.documentElement:null);return n&&typeof n.getAttribute=="function"&&(r=n.getAttribute("lang")),r}},tM={name:"path",lookup(e){var i;let{lookupFromPathIndex:t}=e;if(typeof window>"u")return;const r=window.location.pathname.match(/\/([a-zA-Z-]*)/g);return Array.isArray(r)?(i=r[typeof t=="number"?t:0])==null?void 0:i.replace("/",""):void 0}},rM={name:"subdomain",lookup(e){var i,a;let{lookupFromSubdomainIndex:t}=e;const r=typeof t=="number"?t+1:1,n=typeof window<"u"&&((a=(i=window.location)==null?void 0:i.hostname)==null?void 0:a.match(/^(\w{2,5})\.(([a-z0-9-]{1,63}\.[a-z]{2,6})|localhost)/i));if(n)return n[r]}};let TC=!1;try{document.cookie,TC=!0}catch{}const NC=["querystring","cookie","localStorage","sessionStorage","navigator","htmlTag"];TC||NC.splice(1,1);const nM=()=>({order:NC,lookupQuerystring:"lng",lookupCookie:"i18next",lookupLocalStorage:"i18nextLng",lookupSessionStorage:"i18nextLng",caches:["localStorage"],excludeCacheFor:["cimode"],convertDetectedLanguage:e=>e});class DC{constructor(t){let r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};this.type="languageDetector",this.detectors={},this.init(t,r)}init(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{languageUtils:{}},r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};this.services=t,this.options=H_(r,this.options||{},nM()),typeof this.options.convertDetectedLanguage=="string"&&this.options.convertDetectedLanguage.indexOf("15897")>-1&&(this.options.convertDetectedLanguage=i=>i.replace("-","_")),this.options.lookupFromUrlIndex&&(this.options.lookupFromPathIndex=this.options.lookupFromUrlIndex),this.i18nOptions=n,this.addDetector(K_),this.addDetector(Y_),this.addDetector(Q_),this.addDetector(J_),this.addDetector(Z_),this.addDetector(eM),this.addDetector(tM),this.addDetector(rM),this.addDetector(X_)}addDetector(t){return this.detectors[t.name]=t,this}detect(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.options.order,r=[];return t.forEach(n=>{if(this.detectors[n]){let i=this.detectors[n].lookup(this.options);i&&typeof i=="string"&&(i=[i]),i&&(r=r.concat(i))}}),r=r.filter(n=>n!=null&&!W_(n))?.map(n=>this.options.convertDetectedLanguage(n)),this.services&&this.services.languageUtils&&this.services.languageUtils.getBestMatchFromCodes?r:r.length>0?r[0]:null}cacheUserLanguage(t){let r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this.options.caches;r&&(this.options.excludeCacheFor&&this.options.excludeCacheFor.indexOf(t)>-1||r.forEach(n=>{this.detectors[n]&&this.detectors[n].cacheUserLanguage(t,this.options)}))}}DC.type="languageDetector";const oM={addNew:"Add New Prefix",emptyState:"Nothing Found",externalForYourReference:"External For Your Reference",dashboard:"Dashboard",outgoing:"Outgoing",incoming:"Incoming",external:"External",internal:"Internal",tagBasedReferenceNumber:"Tag-based Reference Number",cc:"CC",tagBasedReference:"Tag-based Reference",selectTag:"Select Tag",forYourReference:"For Your Reference",approval:"Approval",pending:"Pending","Record Management":"Record Management",branch:"Branch",internal_memo:"Internal Memo",non_smart_user:"Non Smart User",smartUsers:"Smart Users",external_non_smart_user:"External Non Smart User",admin:"Site Management",modules:"Modules",deputyMessage:"Deputy Message",officeHeadMessage:"Office Head Message",orgGoal:"Organization Goals",news:"News",other:"Other",homePage:"To Home Page",myRecord:"My Records",submitRecord:"Submit Record",direct:"Direct"},iM={self:"Self",team:"Team"},sM={totalOutgoing:"Total Outgoing",totalIncoming:"Total Incoming",ccRecords:"CC Records",totalApproval:"Total Approval",lastUpdated:"Last updated",refresh:"Refresh",refreshing:"Refreshing...",never:"Never",approvalStats:"Approval Stats",externalIncoming:"External Incoming",internalIncoming:"Internal Incoming",incomingStats:"Incoming Stats",outgoingStats:"Outgoing Stats",externalIncomingRecords:"External Incoming Records",internalIncomingRecords:"Internal Incoming Records",advanced:"Advanced Dashboard",status:{inProgress:"In Progress",accepted:"Accepted",reassigned:"Reassigned",draft:"Draft",forward:"Forward",approved:"Approved",rejected:"Rejected",adjusted:"Adjusted",sent:"Sent",approve:"Approve"},Percentage:"Percentage",Count:"Count",Status:"Status",Total:"Total",pieChart:"Pie Chart",barChart:"Bar Chart",table:"Table",monthlyIncoming:"Monthly Incoming Records",monthlyOutgoing:"Monthly Outgoing Records",totalInVsOut:"Total Incoming vs Outgoing",monthlyInVsOut:"Monthly Incoming vs Outgoing",weeklyInVsOut:"Weekly Incoming vs Outgoing",dailyInVsOut:"Daily Incoming vs Outgoing",exportPdf:"Export PDF",exporting:"Exporting...",print:"Print",exportFormat:"Export Format",selectFormat:"Select Format",totalEmployees:"Total Employees",totalUnits:"Total Units",totalPositions:"Total Positions",totalDocuments:"Total Documents",organizationDashboard:"Organization Dashboard",userManagement:"User Management",userManagementDesc:"Manage users and departments",contentManagementDesc:"Manage headers, footers, and seals",excelUploader:"Excel Uploader",excelUploaderDesc:"Bulk import users from Excel",positionSettings:"Position Settings",positionSettingsDesc:"Configure organizational positions",archiveUsers:"Archive Users",archiveUsersDesc:"Manage archived user accounts",overviewDescription:"Overview of your organization's performance and activities",quickActions:"Quick Actions",contentManagement:"Content Management",exportUserData:"Export User Data",recentActivities:"Recent Activities",selectUnit:"Select Unit",loadingUnits:"Loading units...",refreshData:"Refresh Data",noUnitsFound:"No units found",organizationIdRequired:"Organization ID is required",exportError:"Export failed. Please try again.",uploadHeader:"New header image uploaded",updateSeal:"Organization seal updated",removeFooter:"Footer image removed",twoHoursAgo:"2 hours ago",fiveHoursAgo:"5 hours ago",oneDayAgo:"1 day ago",orgMsg:"Overview of your organization's statistics and activities",errorMsg:"Error loading organization data. Please try refreshing the page."},aM={pending:"Verification Pending",message:"Your registration is under verification. If 24 hours have passed and your account is still not verified, please contact us at",contactSupport:"Contact Support"},lM={inProgress:"In Progress",accepted:"Accepted",reassigned:"Reassigned",draft:"Draft",forward:"Forward",approved:"Approved",rejected:"Rejected",adjusted:"Adjusted",sent:"Sent",all:"All",dispatched:"Dispatched",submitted:"Submitted"},cM="Welcome",uM="Change Password",dM="Sign Out",fM="View Profile",pM="User",mM={back:"Back",Back:"Back",View:"View",today:"Today",yesterday:"Yesterday",unknownUser:"Unknown user",yes:"Yes",no:"No",na:"N/A",None:"None",Submit:"Submit",save:"Save",saveAsDraft:"Save as Draft",Cancel:"Cancel",cancel:"Cancel",confirmAndSubmit:"Submit",goBack:"Go Back",Confirm:"Confirm",noResult:"No Result",create:"Create",update:"Update",Edit:"Edit",Unselect:"Unselect",loading:"Loading",DeactivateUser:"Delete User",requiredFields:"Required fields",notAvailable:"Not Available",referenceNumber:"referenceNumber",subject:"Subject",createdDate:"Created Date",dispatchedDate:"Dispatched Date",status:"Status",search:"Search",name:"Name",delete:"Delete",actions:"Actions",verify:"Verify",verifying:"Verifying...",viewReply:"View Reply",previous:"Previous",next:"Next",showing:"Showing",to:"to",of:"of",Migrate:"Migrate",adopt:"Adopt",page:"Page",Delete:"Delete",Deleting:"Deleting...",DeletedSuccessfully:"Deleted successfully",FailedToDelete:"Failed to delete",ConfirmDelete:"Confirm Delete",DeleteConfirmationMessage:'Are you sure you want to delete "{{name}}"? This action cannot be undone.',addReply:"Add Reply",replies:"Replies",replyAttachments:"Reply Attachments",mockDownload:"Downloading simulated attachment: ",noReplies:"No replies added yet.",replyMessage:"Reply Message",replyPlaceholder:"Write your reply message or comment here...",attachments:"Attachments",uploadMessage:"Click to upload or drag and drop",uploadFormats:"PDF, PNG, JPG, ZIP (max 10MB)",submitting:"Submitting...",submit:"Submit",comment:"Comment"},hM={title:"Migrate Position Type",fromPositionType:"From Position Type",toPositionType:"To Position Type",selectSourcePositionType:"Select source position type...",selectTargetPositionType:"Select target position type...",migrationPath:"Migration",migrateAllPositions:"Migrate All Positions",confirmMigration:"Confirm Migration",migrateAllDescription:"This will migrate all positions from {{fromName}} to {{toName}}. This action cannot be undone.",yesMigrateAll:"Yes, Migrate All",migrateSelectedPositions:"Migrate Selected Positions",selectPositionsToMigrate:"Select positions to migrate",searchPositions:"Search positions...",selected:"Selected",noPositionsFound:"No positions found",noPositionsAvailable:"No positions available",migrateSelectedButton:"Migrate Selected Positions ({{count}})",confirmSelectedMigration:"Confirm Selected Migration",migrateSelectedDescription:"You are about to migrate {{count}} selected position(s) from {{fromName}} to {{toName}}.",selectBothPositionTypes:"Please select both From and To position types",selectAtLeastOnePosition:"Please select at least one position",allPositionsMigratedSuccess:"All positions migrated successfully",failedToMigratePositions:"Failed to migrate positions",selectedPositionsMigratedSuccess:"{{count}} position(s) migrated successfully",failedToMigrateSelectedPositions:"Failed to migrate selected positions"},gM={inProgress:"In Progress",done:"Done",all:"All",list:"Collaborations",comment:"Comment",comments:"Comments",commentTitle:"Collaboration comments",commentDialogDescription:"Review all collaborator comments here. If you have not commented yet, you can add yours below.",commentRequired:"Comment cannot be empty.",commentSubmitted:"Comment submitted.",commentUpdated:"Comment updated successfully.",commentDeleted:"Comment deleted successfully.",commentExists:"You have already commented on this record version.",commentsEmpty:"No comments have been added yet.",commentsCount:"{{count}} comment(s)",commentsEmptyState:"Once collaborators start commenting, their feedback will appear here.",reviewedCount:"{{count}} collaborator(s) reviewed",unknownUser:"Unknown user",yourComment:"Your comment",edited:"Edited",commentPlaceholder:"Write your comment...",addComment:"Add your comment",singleCommentRule:"You can submit one comment for the current record version.",postComment:"Post comment",deleteCommentTitle:"Delete comment?",deleteCommentDescription:"This will remove your current comment. You can add a fresh one again afterward.",close:"Close",edit:"Edit",adjust:"Adjust",adjustSubmitted:"Adjustment sent successfully.",adjustFailed:"Failed to send the adjustment request.",adjustCommentMissing:"No comment found to use for adjustment."},yM={recentActivity:"Recent Activity",accountSafety:"Account safety",twoFactorAuth:"Two-Factor Authentication",twoFactorDesc:"Add an extra layer of security",enabled:"Enabled",disabled:"Disabled",loading:"Loading profile...",error:"Failed To Load Profile",tryAgain:"Try Again",sessions:"Sessions",noName:"No name",signOut:"Sign Out",email:"Email",userType:"User Type",userTypes:{employee:"Employee"},activity:{login:"Login",passwordChanged:"Password Changed"},passwordSet:"Password Set",status:{accepted:"Accepted"},positionDetails:"Position Details",positionName:"Position Name",positionKey:"Position Key",isDelegate:"Is Delegate",employeeId:"Employee ID",permissions:"Permissions",noPermissions:"No permissions assigned",accountSecurity:"Account Security",password:"Password",passwordSetStatus:"Password is set",passwordNotSetStatus:"Password not set",changePassword:"Change Password",updateProfile:"Update Profile",profile:"profile",englishName:"Please Enter name in english",amharicName:"Please Enter name in amharic",username:"Please Enter Username",phoneNumber:"Please Enter Phone Number",emailmsg:"Please Enter Email",emailRequired:"Email is required",usernameRequired:"Username is required",phoneRequired:"Phone number is required",englishNameRequired:"Name in English is required",amharicNameRequired:"Name in Amharic is required",invalidPhoneFormat:"Invalid phone number format.",validPhoneFormat:"Please enter a valid phone number in the format +2519XXXXXXXX or 09XXXXXXXX",invalidEmailFormat:"Invalid email format",validEmailFormat:"Please enter a valid email address",profileUpdateSuccess:"Profile updated successfully",profileUpdated:"Your profile is updated",profileUpdateFailed:"Failed To Update Profile",updating:"Updating"},vM={title:"Submit Your Complaint",subtitle:"We're here to help. Provide detailed information so we can assist you effectively.",formTitle:"Complaint Form",fullName:"Full Name",phone:"Phone Number",subCity:"Sub City",woreda:"Woreda",houseNumber:"House Number",institution:"Institution",place:"Complaint Place",details:"Complaint Details",want:"Desired Resolution",evidence:"Evidence (Optional)",selectedFiles:"Selected files",disclaimerTitle:"Important Disclaimer",disclaimerText:"By submitting this form, you confirm that the information provided is true and accurate. False complaints may be subject to legal action.",accept:"I have read and accept the disclaimer",submit:"Submit Complaint",submitting:"Submitting...",success:"Complaint Submitted Successfully",keepId:"Please keep your complaint ID for future reference:",error:"Error",close:"Close",back:"Back",followTitle:"Follow Complaint",followSubtitle:"We're here to support you — track the progress of your complaint right here.",selectCompliant:"Select Complaint",noEvidence:"No Evidence",compliantId:"Compliant Tracker Number",enterComNum:"Enter Compliant Tracker Number",message:"Response",complaintNo:"Complaint Number",errorMsg:"Could not fetch complaint. Please check your compliant tracker number and try again."},bM={tigrigna:"Tigrigna",affar:"Affar",somali:"Somali",oromo:"Affan Oromo",user:"User",management:"Management",notifications:"Notifications",english:"English",englishShort:"ENG",amharic:"Amharic",amharicShort:"አማ",french:"French",frenchShort:"FR",viewProfile:"View Profile",changePassword:"Change Password",signOut:"Sign Out",settings:"Settings",addTeeter:"Add Teeter and Signature",addSignature:"Add Signature",Remark:"Remark",Description:"Description",navigation:{dashboard:"Dashboard",outgoing:"Outgoing",incoming:"Incoming",approval:"Approval",delegation:"Delegation",pending:"Pending",settings:"Settings",collaborations:"Collaborations",collaboration:"Collaborations"},editProfile:"Edit Profile"},wM={title:"Forgot Password?",subtitle:"No worries, we'll send you reset instructions",phone:"Phone Number",phoneplaceholder:"+251912345678 or 09XXXXXXXX",invalidphone:"Invalid phone number format. Use +2519XXXXXXXX or 09XXXXXXXX",checkphone:"Check your Phone Number",checkdesc:"We'll send a password reset link to your phone number.",sending:"Sending Reset Link...",sendresetlink:"Send Reset Link",backtologin:"Back to Login",remember:"Remember your password?",signin:"Sign in",home:"Home",success:"Password reset link sent",successdesc:"Please check your phone number for the reset link.",fail:"Failed to request password reset"},SM={"Reference Number":"Reference Number","Enter Reference Number":"Enter Reference Number","Record Tags":"Record Tags","Select Record Tags":"Record Tags",SelectedReceivingUnits:"Selected Receiving Units",EditRecord:"Edit Record",editIncomingRecord:"Edit Record","Record Type":"Record Type","Select Record Type":"Select Record Type","Initiation Type":"Initiation Type","Select Initiation Type":"Select Initiation Type","Receiving Unit":"Receiving Unit","Select Receiving Units":"Select Receiving Unit","Receiving Users":"Receiving Users","Select Receiving Users":"Select Receiving Users",Prefix:"Prefix","Select Prefix":"Select Prefix","Non Smart Receiving Unit":"Non Smart Receiving Unit","Enter Non Smart Receiving Organization":"Enter Non Smart Receiving Organization","To Departments":"To Departments","Select Department":"Select Departments","Preferred Language":"Preferred Language","Select Language":"Select Language",Suffix:"Suffix","Select Suffix":"Select Suffix","Position Prefix":"Position Prefix","Select Position Prefix":"Select Position Prefix",Subject:"Subject","Enter Subject":"Enter Subject","Letter Template":"Letter Template","Select Letter Template":"Select Letter Template",Body:"Body","External CC":"External CC","Select External CC":"Select External CC","Internal CC":"Internal CC","Select Internal CC":"Select Internal CC","Non Smart CC Unit":"Non Smart CC Unit","Enter  Non Smart CC Organization":"Enter  Non Smart CC Organization",Cancel:"Cancel",Add:"+ Add",English:"English",Amharic:"Amharic",Header:"Letter's Header","Select Header":"Select Header","No Header":"No Header",Footer:"Letter's Footer","Select Footer":"Select Footer","No Footer":"No Footer",Collaborators:"Collaborators","Select Collaborators":"Select Collaborators","Sincerely Text":"Sincerely Text","Enter Sincerely Text":"Enter Sincerely Text",record:"Record",attachment:"Attachment",failedToCreateRecord:"Failed To Create Record",recordSubmittedSuccessfully:"Record Forwarded Successfully.",createRecordFirst:"Please Create a Record First To Upload Attachments.",previous:"Previous",submit:"Submit",recordNotCreatedYet:"Record Has Not Been Created Yet.",submitting:"Submitting...",selectCollaborators:"Select Collaborators","Enter CC Prefix":"Enter CC Prefix","CC Prefix":"CC Prefix","Enter CC Suffix":"Enter CC Suffix","CC Suffix":"CC Suffix","Sign Status":"Sign Status",ccUsers:"CC Users",selectCCUsers:"Select CC Users",refreshOptions:"Refresh Options",isTeamSig:"Is With Team Signature",letterName:"File Name",addLetterName:"Enter File Name","Edit Mode":"Edit Mode","Create Mode":"Create Mode","Edit Record":"Edit Record","Create New Record":"Create New Record","Fill in the details below":"Fill in the details below","Basic Information":"Basic Information",enterBasicDetails:"Enter the basic details of your record","Creation Type":"Creation Type","Select Creation Type":"Select Creation Type",Recipients:"Recipients",specifyRecipients:"Specify who will receive this record","Template & Formatting":"Template & Formatting",customizeAppearance:"Customize the appearance of your record","Loading Headers...":"Loading headers...","Loading Footers...":"Loading footers...","Letter Content":"Letter Content",writeLetterContent:"Write the content of your letter","Header Preview":"Header Preview","Footer Preview":"Footer Preview","Carbon Copy (CC)":"Carbon Copy (CC)",addCCRecipients:"Add carbon copy recipients",forYourReference:"For Your Reference",selectForYourReference:"Select departments for your reference","Enter Non Smart CC Organization":"Enter non-smart CC organization",Attachments:"Attachments",uploadSupportingDocuments:"Upload supporting documents",personal:"Personal",Position:"Position",formHasErrors:"Please fix the form errors before submitting",processingRequest:"Processing your request, please wait...",letterInformation:"Letter Information",organizationInformation:"Organization Information",skipOneLevel:"Should Jump One Step","Non Smart FYR Unit":"Non Smart FYR Unit","Enter Non Smart FYR Organization":"Enter Non Smart FYR Organization"},xM={title:"Record Preview",generating:"Generating preview...",failed:"Preview generation failed",retry:"Retry",close:"Close",print:"Print",loading:"Loading preview...",error:"Unable to generate preview",networkError:"Network error occurred. Please check your connection and try again.",noData:"No preview data available",button:"Preview",validationError:"Please fix validation errors before preview"},CM={title:"Print Options",description:"Select what you want to print",recordDocument:"Record Document",recordDescription:"Print the main record document",attachments:"Attachments",noAttachments:"No attachments available",summary:"Items to print",selectAtLeastOne:"Please select at least one item to print",readyToPrint:"Ready to print",print:"Print",printing:"Printing...",success:"Print job sent successfully",error:"Failed to print. Please try again.",cancel:"Cancel"},RM={createdSuccess:"Incoming letter created successfully",updatedSuccess:"Incoming letter updated successfully",UpdatedSuccessfully:"updated successfully"},EM={letterSentSuccess:"Letter submitted successfully"},kM={All:"All",Draft:"Draft",createAndForward:"Create and Forward",createAndApprove:"Create and Approve",updateAndForward:"Update and Forward",updateAndApprove:"Update and Approve",recordCreatedAndForwarded:"Record created and forwarded",recordUpdatedAndForwarded:"Record updated and forwarded",recordCreatedReadyToApprove:"Record created — pick stamp & signature to approve",recordUpdatedReadyToApprove:"Record updated — pick stamp & signature to approve","The main file must be a PDF document":"The main file must be a PDF document",storageUploadFailed:"We could not upload the file. Please try again.",Submitted:"Fowarded",Accepted:"Accepted",Approved:"Approved",Rejected:"Rejected",Returned:"Returned",Adjustment:"Adjustment","Team Signature":"Pending Signatures",Sent:"Sent",Letters:"Letters","External Outgoing":"External Outgoing","Internal Outgoing":"Internal Outgoing",To:"To",Send:"Send","Send Directly":"Send Directly",nonSmartReceiverName:"Non Smart Receiver",ReceiverPosition:"Receiver Position",ReceiverEmployee:"Receiver Employee",ReceiverUnit:"Receiver Unit",Subject:"Subject",Date:"Date",Search:"Search","Add Record":"Add Record","Error loading records.":"Error Loading Records.","Receiver Info":"Receiver Info","No receivers":"No Receivers","No receiving unit":"No Receiving Unit",Status:"Status",Actions:"Actions","View Detail":"View Detail",MakeRecordSecure:"Secure Record",UnsecureRecord:"Unsecure Record",RecordSecuredSuccess:"Record secured successfully.",RecordSecureFailed:"Failed To Make Secure Record.",RecordUnsecuredSuccess:"Record unsecured successfully.",RecordUnsecureFailed:"Failed To Unsecure Record.",recordSecuredSuccess:"Record secured successfully.",recordUnsecuredSuccess:"Record unsecured successfully.",recordMarkedUrgentSuccess:"Record marked as urgent.",recordUrgencyClearedSuccess:"Record urgency cleared.",SecureDialogTitle:"Secure this record?",SecureDialogDescription:"This will lock the record and make it secure. You can’t undo this action.",UnsecureDialogTitle:"Unsecure this record?",UnsecureDialogDescription:"This will unlock the record and make it editable again.","Open actions menu":"Open actions menu",Approve:"Approve",Forward:"Forward",Edit:"Edit",Delete:"Delete",Download:"Download",DirectSubmit:"Direct Submit",directSubmitTitle:"Direct submit record",directSubmitDescription:"Select a signature to submit this record directly.",SelectSignature:"Signature",SelectSignaturePlaceholder:"Select a signature",noSignatureAvailable:"No signature is available for direct submit.",noSignatureForDirectSend:"No active signature found for direct send.",directSubmitSuccess:"Record submitted directly successfully.",directSubmitError:"Failed to submit the record directly.",directDispatchSuccess:"Record sent successfully.",directDispatchError:"Failed to send the record.",SendDirectRecordTitle:"Send Direct Record",SendDirectRecordDescription:"Are you sure you want to send this direct record? This action cannot be undone.",Sending:"Sending...","Record approved successfully!":"Record Approved Successfully!","Record rejected successfully!":"Record rejected successfully!","Failed to approve record.":"Failed To Approve Record.","Approve Record":"Approve Record","Record is deleted successfully":"Record is Deleted Successfully","Confirm Delete":"Confirm Delete","Delete Record":"Delete Record",Downloaded:"Downloaded","Download Record PDF":"Download Record PDF","Failed to download PDF.":"Failed To Download PDF.","Download successful!":"Download successful!","Confirm Forward":"Confirm Forward","Forward Record":"Forward Record","Failed to forward the record":"Failed To Forward The Record","Record forwarded successfully":"Record Forwarded Successfully","Confirm Approve":"Confirm Approve",Reference:"The organization's standard reference number",ExternalReference:"Incoming letters' reference number",InternalMemoReference:"Internal memo reference number","Make Review":"Make Review","Confirm Review":"Confirm Review",Reject:"Reject","Filter by":"Filter by","Reference Number":"Reference Number","Enter the subject of the letter":"Enter the subject of the letter","Delivered By":"Delivered By","Enter Delivered By":"Enter Delivered By","Letter Number":"Letter Number","Enter Letter Number":"Enter Letter Number","Failed to create letter":"Failed To Create Letter","Letter Created successfully":"Letter Created successfully","Please select file":"Please select file","Created At":"Created At","Sign Status":"Sign Status",signStatus:"Sign Status",createdAt:"Created At",View:"View","Date Received":"Date Received",Attachment:"Attachment",ReceivingUnit:"Receiver","Review your record before submission":"Review your record before submission",Back:"Back","Submit Record":"Submit Record",Submitting:"Submitting","Generating preview":"Generating preview","PDF Preview":"PDF Preview","Unable to generate preview":"Unable to generate preview",Retry:"Retry","Record Summary":"Record Summary","No subject":"No subject","Record Type":"Record Type","Not specified":"Not specified",Language:"Language","Initiation Type":"Initiation Type","Preview generation failed":"Preview generation failed",Preview:"Preview",Form:"Form",History:"Incoming History","Delete Delegation":"Delete Delegation",selectLetter:"Select Letter",incomingLetters:"Incoming Letters",nonSmartLetters:"Non Smart Letters",sendingOrganization:"Sending Organization","Sending Organization":"Sending Organization",MarkUrgent:"Mark as Urgent",UnmarkUrgent:"Unmark Urgent",MarkUrgentDialogTitle:"Mark this record as urgent?",MarkUrgentDialogDescription:"This record will be flagged as urgent for quick handling.",UnmarkUrgentDialogTitle:"Unmark this record as urgent?",UnmarkUrgentDialogDescription:"This record will no longer appear as urgent.",Activate:"Activate",ShareViaEmail:"Share via Email",recordOfficeRegester:"Record Officer Registered Records",fromSmartUsers:"From Smartoffice Using Bureaus",fromExternalNonsmart:"From External Smart users",addRecordRO:"Add Incoming Record",directSend:"Direct Send",updateAndSend:"Update and Send",createAndSend:"Create and Send","Confirm Reject":"Confirm Reject"},PM={Skipped:"Skipped",Pending:"Pending",pending:"Pending",Draft:"Draft",draft:"In Progress",InProgress:"In Progress","In progress":"In Progress","In Progress":"In Progress",active:"In Progress",Reassigned:"Reassigned",re_assigned:"Reassigned",Approved:"Approved",Accepted:"Accepted",accepted:"Accepted",Dispatched:"Sent",Adjustment:"Adjustment",adjustment:"Adjustment",adjustment_requested:"Adjustment Requested",AdjustmentRequested:"Adjustment Requested",Rejected:"Rejected",rejected:"Rejected",Submitted:"Fowarded",All:"All",Reject:"Reject",Accept:"Accept",Approve:"Approve",approved:"Approve",Adjust:"Adjust",Sent:"Sent",Send:"Send","Team Signature":"Pending Signatures","Team Rejected":"Team Rejected",teamRejected:"Team Rejected","Team Approved":"Team Approved",signed:"Signed",activated:"Activated",deactivated:"Deactivated",activate:"Activate",deactivate:"Deactivate",totalAllocations:"Total Allocations",assignmentStatistics:"Assignment Statistics",Outgoing:"Outgoing",Incoming:"Incoming",Returned:"Returned",Adjusted:"Adjusted",acceptForward:"Accept and Forward",replaced:"Replaced",seen:"Seen",assigned:"Assigned",not_assigned:"Not Assigned",completionRate:"Completion Rate",attentionNeeded:"Attention Needed",onTrack:"On Track",assInProg:"Assignment In Progress",next:"Next Assigments","Under Review":"Under Review","Re Assigned":"Reassigned",send_back_by_ro:"Sent Back by Record Officer",replied:"Replied",Replied:"Replied",yes:"Yes",no:"No",terminated:"Terminated",cancelled:"Cancelled",canceled:"Canceled",ended:"Ended",Expired:"Expired","Team Adjusted":"Team Adjusted"},AM={Continue:"Continue","Update and Assign":"Update and Assign","Create and Assign":"Create and Assign","Select a remark...":"Select Common Remarks","Select Predefined Remark":"Select Common Remarks",Clear:"Clear","From Date":"From","To Date":"To",Letters:"Letters",Department:"Department",Subject:"Subject",Date:"Date",Search:"Search","Error loading records.":"Error Loading Records.",errDelegation:"You don’t have access to this page because your account is currently delegated.",Status:"Status",Actions:"Actions",successassign:"Record Assigned Successfully.","View Detail":"View Detail","Open actions menu":"Open actions menu","Sending Department":"Sending Department","No Department":"No Department","No Subject":"No Subject","Sending Organization (English)":"Sending Organization(English)","Sending Organization":"Sending Organization","Sending Organization (Amharic)":"Sending Organization (Amharic)",Accept:"Accept",Assign:"Assign",Edit:"Edit",update:"Update",Delete:"Delete",Download:"Download",Reject:"Reject",Cancel:"Cancel",uploadIncomingRecord:"Add Incoming Record","Record accepted successfully":"Record Accepted Successfully","Failed to accept record":"Failed To Accept Record","Confirm Acceptance":"Confirm Acceptance","Are you sure you want to accept this record?":"Are You Sure You Want To Accept This Record?",Confirm:"Confirm","Processing...":"Processing...",Departments:"Departments","Select department(s)...":"Select Department(s)...",Employees:"Employees","Select employee(s)...":"Select employee(s)...",Remark:"Remark","Failed to Assign a Record":"Failed To Assign a Record","Assign this record to one or more departments":"Assign This Record To One Or More Departments","Assign Record":"Assign Record","An error occurred during assignment.":"An Error Occurred During Assignment.","Enter your remarks...":"Enter Your Remarks...","Assigning...":"Assigning...","Are you sure you want to reject this record?":"Are You Sure You Want To Reject This Record?","Failed to rejected record":"Failed To Reject Record","Record rejected successfully":"Record Rejected Successfully",To:"To",ConvertedBy:"Converted By",ReceiverDepartment:"Receiving Department","Assign CC":"Assign CC","Assign CC Record":"Assign CC Record","Assign this CC record to one or more positions":"Assign This CC Record To One Or More Positions","Select Positions":"Select Positions","Select positions to assign":"Select positions to assign",Comment:"Comment","Quick Remarks":"Quick Remarks","Failed to Assign CC Record":"Failed To Assign CC Record",ReceiverEmployee:"Receiving Employee",return:"Return",returnQues:"Are you sure you want to return this record?",returing:"Returning...",conformReturn:"Confirm Return","Reference Number":"Reference Number","Dispatched Date":"Dispatched Date","No Sending organization":"No Sending organization",noRemark:"No Remark Found",searchRemark:"Search Remark...","Is Secured":"Is Secured","Is Urgent":"Is Urgent","Receiving Organization":"Receiving Organization",Attachments:"Attachments",nonSmart:"From non Smart User",external:"From Smart User",self:"My Record",parent:"My Parent Record",errorLoadingRecords:"Error Loading Records",reply:"Reply",replyRecord:"Reply Record",remarkDate:"Remark Date",isReplyLetter:"Is a Reply Letter",ViewReplyLetterDetails:"View Reply Letter Detail",isSecured:"Secured",isUrgent:"Urgent",RecordStatus:"Record Status"},TM={"Record adjusted successfully":"Record adjusted successfully",yourStamp:"Your Teeter",Letters:"Letters",Department:"Department",Subject:"Subject",Date:"Date",Search:"Search","Error loading records.":"Error Loading Records.",Status:"Status",Actions:"Actions","View Detail":"View Detail","Open actions menu":"Open actions menu",receiverEmployee:"Receiving Employee",receiverPosition:"Receiving Position",LetterName:"File Name",Receiver:"Receiver","No Subject":"No Subject","Record accepted successfully":"Record Accepted Successfully",Confirm:"Confirm",Remark:"Remark",Remarks:"Remarks","Accept Record":"Accept Record","Record Rejected successfully":"Record Rejected Successfully",recordAdjustedSuccessfully:"Record Adjusted Successfully",confirmAdjustment:"Confirm Adjustment",adjustRecord:"Adjust Record",selectOrUploadSignature:"Please Select or Upload a Signature",selectOrUploadTeeter:"Please Select or Upload a Teeter",recordApprovedSuccessfully:"Record Approved Successfully!",failedToApproveRecord:"Failed To Approve Record.",approveRecord:"Approve Record",confirmApprove:"Confirm Approve",confirmRejection:"Confirm Rejection",rejectRecord:"Reject Record",RecordType:"Record Type",selectStamp:"Select Stamp",selectTetter:"Select Tetter",selectedStamp:"Selected Stamp:",signature:"Signature",yourSignature:"Your Signature:",selectedSignature:"Selected Signature:",selectSignature:"Select a signature",approving:"Approving...",All:"All",FileName:"File Name",SendingDepartment:"Sending Department",RecordStatus:"Record Status"},NM={for:"For",viewDetail:"View Detail",from:"From",letter:"Main Letter",letterPreview:"Letter Preview",view:"View",fullScreen:"Full Screen",back:"Back",loading:"Loading...",noPreview:"No Preview Found",securedRecordMessage:"Since the record is secure, you cannot view the record.",securedAttachmentMessage:"Since the record is secure, you cannot view the attachments.",receivingOrganizations:"Receiving Organizations",receivingUserEmployees:"Receiving User Employees",sendingDepartment:"Sending Department",externalCcOrganizations:"External CC Organizations",internalCcDepartments:"Internal CC Departments",receivingDepartments:"Receiving Departments",sentDate:"Sent Date",referenceNumber:"Reference Number",attachments:"Attachments",remarks:"Remarks",loadingRemarks:"Loading Remarks...",failedToLoadRemarks:"Failed To Load Remarks.",noRemarksAvailable:"No Remarks Available For This Record.",action:"Action",comment:"Comment:",noAttachmentsAvailable:"No Attachments Available.",open:"Open",subject:"Subject",letterNumber:"Letter Number",deliveredBy:"Delivered By",personalRemark:"Personal Remark",noPersonalRemarkProvided:"No Personal Remark Available",regeneratePdf:"Regenerate PDF",regeneratingPdf:"Regenerating...",pdfRegenerationSuccess:"PDF regenerated successfully",pdfRegenerationFailed:"Failed To Regenerate PDF",sendingBureau:"Sending Bureau",collaborators:"Collaborators",recordDetail:"Record Detail",commentorEmployee:"Commentor Employee",commentorDepartment:"Commentor Department",noComment:"No Comment",fileName:"File Name",fileName1:"File Name (RO Reference Number)",toogleColumns:"Toogle Columns",sendingEmployee:"Sending Employee"},DM={dropFilesHere:"Drop files here",dragDropInstruction:"Drag And Drop Files Here, Or Click To Select Files",youCanUpload:"You Can Upload",removeFile:"Remove File",filesUpTo:"Files (up to ",aFileWith:"A File With",file:"File",wasRejected:"Was Rejected",uploaded:"Uploaded",failedToUpload:"Failed To Upload",uploading:"Uploading...",cannotUploadMoreThan:"Cannot Upload More Than "},OM={title:"Share Record via Email",description:"Enter the email address to share this record with.",emailLabel:"Email Address",emailPlaceholder:"Enter email address",emailRequired:"Email Address Is Required",invalidEmailFormat:"Please Enter A Valid Email Address",shareButton:"Share Record",shareSuccess:"Record Shared Successfully Via Email",shareFailed:"Failed To Share Record Via Email",networkError:"Network Error Occurred. Please Check Your Connection And Try Again."},_M={recordConverted:"Record Converted Successfully.",selectSeal:"Please Select a Seal.",convertRecord:"Convert Record",recordType:"Record Type:",subject:"Subject:",convertAndDispatch:"Convert & Dispatch",selectSealLabel:"Select Seal:",loadingSeals:"Loading seals...",selectSealPlaceholder:"-- Select a Seal --",selectedSealPreview:"Selected Seal Preview:",drawSig:"Draw Signature"},MM={delegatedPosition:"Delegated Position",delegateePosition:"Delegatee Position",delegateeEmployee:"Delegatee Employee",selectDelegatedPosition:"Select Delegated Position",delegateTo:"Delegate To (Employee)",selectEmployee:"Select Employee",noEmployeesAvailable:"No Employees Available For This Position",startDate:"Start Date",pickDate:"Pick a date",endDate:"End Date",endDateMinimumFutureError:"End date must be at least 2 minutes from now",update:"Update",save:"Save",title:"Delegation",newDelegation:"New Delegation",editDelegation:"Edit Delegation",addDelegation:"Add Delegation",position:"Delegated Position",active:"Active",delegator:"Delegator",delegatedEmployee:"Delegated Employee",currentEndDate:"Current End Date",select:" Select",acting:"Acting As",switchRole:"Switch Role",successDelete:"Delegation is deleted successfully",activeDelegationExists:"active delegation exists and either edit the active delegation or delete and create again",createdSuccess:"Delegation created successfully",deletedSuccess:"Delegation deleted successfully",updatedSuccess:"Delegation updated successfully",terminationDetail:"Termination Detail",viewTerminationDetail:"View termination detail",terminatedSuccess:"Delegation terminated successfully",deleteDescription:"Provide a reason for ending this delegation.",deleteReasonLabel:"Reason",deleteReasonPlaceholder:"Why are you ending this delegation?",deleteReasonRequired:"Please provide a reason for deletion.",myDelegations:"My Delegations",myDelegatee:"My Delegatee",letter:"Delegation Letter",selectLetter:"Select Letter",viewLetter:"View Delegation Letter",noLetterAssigned:"No Delegation letter",letterDetails:"Selected Letter Details",recordInformation:"Record Information",letterPreview:"Document Preview",openInNewTab:"Open in New Tab",pdfNotAvailable:"PDF document not available",recordNotFound:"Selected record not found",pdfNotFound:"PDF document not found",pdfLoadError:"Failed to load PDF document",loadingPdf:"Loading document...",retryPdf:"Retry Loading",receiverPositions:"Recipients",initiator:"Initiated By",latestComment:"Latest comment",commentMeta:"Given by",commentMetaOn:"on"},jM={signature:"Signature",teeter:"Teeter",uploadSignature:"Upload Signature",uploadTeeter:"Upload Teeter",uploadSignatureNote:"Upload Signature (PNG only)",uploadTeeterNote:"Upload Teeter (PNG only)",uploadedSignature:"Uploaded Signature:",uploadedTeeter:"Uploaded Teeter:",enterFileName:"Enter File Name (without extension)",preview:"Preview:",upload:"Upload",uploading:"Uploading...",remove:"Remove",removing:"Removing...",removedSuccess:"Removed Successfully.",removeTeeterFailed:"Remove Teeter Failed",removeFailed:"Failed To Remove.",selectPngFirst:"Please Select a PNG File First.",onlyPngAllowed:"Only PNG Files Are Allowed.",signatureExists:"The Signature Already Exists. Remove It To Upload a New One.",uploadSuccess:"Upload Successful!",uploadError:"Upload Error:",uploadFailed:"Upload Failed.",openSignatureForm:"Open Signature Drawer",generateTeeter:"Generate Teeter",selectTeeterLanguage:"Select teeter language",languageAmharic:"Amharic",languageEnglish:"English",languageBoth:"Both (Amharic then English)",confirmGenerateTeeter:"Generate",cancelGenerateTeeter:"Cancel",uploadGeneratedTeeter:"Upload Generated Teeter",generatedTeeterPreview:"Generated teeter preview",downloadTransparentPng:"Download Transparent PNG",stampNameLabel:"Name",stampPositionLabel:"Position",stampBlockAmharic:"Amharic",stampBlockEnglish:"English",missingEmployeeData:"Employee name or position is not available."},LM={assignedBy:"Assigned By",assignedTo:"Assigned To",assignedOn:"Assigned On:",comment:"Comment:",assignmentFlow:"Assignment Flow",noAssignments:"No Assignments Have Been Made For This Record Yet.",responded:"Responded",assignedUsing:"Assigned Using:",byName:"Employee Name",byDepartment:"Department Name"},FM={welcomeBack:"Welcome Back",enterCredentials:"Please Enter Your Credentials To Continue",email:"Email",phoneNumber:"Phone Number",username:"User Name",password:"Password",rememberMe:"Remember Me",forgotPassword:"Forgot Password?",loggingIn:"Logging In...",login:"Login",welcomeHeadline:"Welcome to Your Smart Office",paperlessOffice:"Paperless Office",welcomeSubtext:"Sign In To Streamline Your Workflow and Eliminate The Clutter.",emailAddress:"Email address",err:"Invalid Ethiopian Phone Number It Should Start With +251",invalidEmail:"Please enter a valid email address"},IM={sent:"Letter is sent",genericError:"An error occurred",authError:"Session expired",authErrorDescription:"Please log in again.",validationError:"Some of the information you submitted is invalid. Please review and try again.",permissionError:"You don't have permission to perform this action.",notFoundError:"We couldn't find what you were looking for.",fileTooLarge:"The file is too large. Please reduce the file size and try again.",serverError:"Something went wrong on our side. Please try again in a moment.",attachmentDeleted:"Attachment deleted successfully.",replyAdded:"Reply added successfully!",replyError:"An error occurred while adding the reply.",failedToCreate:"Failed To Create Record",failedToGetUrl:"Failed To Get Upload URL",registrationSuccess:"Registered. We Have Sent An SMS To Set Your Password Successfully.",errorOccurred:"An Error Occurred.",successfullyCompleted:"Changes saved successfully.",pdfRegenerated:"PDF Regenerated Successfully.",approveFailed:"Failed To Approve Record.",approveSuccess:"Record Approved Successfully",selectPrompt:"Please Select a Stamp.",extendedSuccess:"Delegation Extended Successfully.",letter:"Letter",approvedSuccess:"Record Approved Successfully!",submittedSuccess:"Record Submitted Successfully!",reviewSuccess:"Record Made Under Review Successfully!",markedForAdjustment:"Marked For Adjustment",sentToOfficer:"Sent To Record Officer",errorSendingToOfficer:"Error Sending To Record Officer",success:"Delegation Successful.",failed:"Delegation Failed.",deletedSuccess:"Delegation Deleted Successfully.",deleteFailed:"Failed To Delete Delegation.",failedCreateOrGetUrl:"Failed To Create Record or Get Upload URL.",sentAndUploadedSuccess:"Letter Sent and File Uploaded Successfully.",failedSendOrUpload:"Failed To Send Letter or Upload File.",successassign:"Record Assigned Successfully.",submittedWithAttachments:"Record and Attachments Submitted.",createFailed:"Failed To Create Record.",refreshedSuccess:"Refreshed Successfully.",refreshFailed:"Failed To Refresh.",redirecting:"Redirecting...",loginSuccess:"Login Successful.",receivingDepartmentRequired:"At least one receiving department is required",receivingUnitRequired:"At least one receiving unit is required",recordTypeRequired:"Record type is required",initiationTypeRequired:"Initiation type is required",subjectRequired:"Subject is required",preferredLanguageRequired:"Preferred language is required",bodyRequired:"Body is required",sincerelyTextRequired:"Sincerely text is required",headerRequired:"Header is required",footerRequired:"Footer is required",accessDenied:"Access Denied",accessDeniedmsg:"You Cannot Enter This Page Because You Have an Active Delegation. Please Remove The Delegation To Continue.",accessDeniedmsg2:"You Cannot Enter This Page Because You Have an Active Delegation. You Cannot Delegate If You Are Already Delegated By Another Employee",accessDeniedmsg3:"You cannot access Record Management Module because you are not registered to this organization or you not assigned any position",sendingOrgRequired:"Sending Organization is Required",deliveredByRequired:"Delivered By is Required",letterNoRequired:"Letter Number is Required",letterNameRequired:"File Name is Required",noReferenceNumber:"The letter isn't sent, so no reference number",noMsg:"Because The Letter Has Not Been Sent Yet",sincerely:"Sincerely",changePasswordMsg:"Set a new password for your account",oldPassword:"Old Password",newPassword:"New Password",confirmNewPassword:"Confirm New Password",chaning:"changing...",failedChange:"Failed To Change Password",successChange:"Password changed successfully",logoutSuccess:"Logged out successfully",logoutFailed:"Logout failed",passwordMismatch:"New password and confirm new password do not match",passwordRequirements:"Password must be at least 8 characters long",currentPasswordRequired:"Current password is required",newPasswordRequired:"New password is required",passwordMinLength:"Password must be at least 8 characters long",passwordMustBeDifferent:"New password must be different from your current password",confirmPasswordRequired:"Please confirm your new password",uppercaseLetter:"uppercase letter",lowercaseLetter:"lowercase letter",number:"number",specialCharacter:"special character",passwordComplexity:"Password must contain at least one",passwordResetSuccess:"You can now log in with your new password",selectAll:"Select All",error:"Error",createRecordMsg:"Fill in the details to create a new incoming record",updateRecordMsg:"Update the incoming record details below",completionRate:"Calculation: Accepted + Rejected + Reassinged +Replied Divided by Total Assigments",totalAllocations:"Total number of letters assigned to users or departments",reassigned:"Letters that were redirected from one user or department to another",rejected:"Letters that were declined or not approved by the recipient",accepted:"Letters that were approved or acknowledged by the recipient",replied:"Letters that received a response or follow-up from the recipient",draft:"Letters that are awaiting action or decision from the recipient",waitingMsg:"No content is available on this site at the moment, as the administrator has not yet provided or published any resources.",recordDes:"This link takes you to record management",orgAdminDes:"This Link Takes to site management",recycleBin:"Recycle Bin",ccEmployeesInvalidSelection:"One or more selected CC users do not have a valid assigned position. Remove them or update their employee profile."},UM={smartOffice:"Smart Office",signIn:"Sign In",signUp:"Sign Up",overview:"Overview",features:"Features",workflow:"Workflow",manual:"Manual",digitalTransformation:"Digital transformation for modern government operations.",facebook:"Facebook",twitter:"Twitter",linkedIn:"Linked In",telegram:"Telegram",tiktok:"TikTok",website:"Website",contactUs:"Contact Us",quickLinks:"Quick Links",copyright:"Tria Plc - Copyright ©",rightsReserved:"All Rights Reserved - Powered by Tria",address:"Lingo Tower Infront of Sheger House, Bole, Addis Ababa, Ethiopia",platformSystem:"Smart Office",initiativeDescription:"A comprehensive digital transformation initiative to modernize government office operations through the adoption of cutting-edge technologies.",getStarted:"Get Started",learnMore:"Learn More",sops:"SOPS",smartOfficePlatformSystem:"Smart Office System",revolutionDescription:"Revolutionizing government operations with AI-powered workflow automation and real-time analytics.",liveDemo:"Live Demo Available",outgoingRecords:"Outgoing Records",outgoingRecordsDesc:"Create and send internal or external records with attachments and hierarchical approval workflows.",incomingRecords:"Incoming Records",incomingRecordsDesc:"View, accept, and respond to received records, with the ability to assign them to relevant departments.",approvalWorkflows:"Approval Workflows",approvalWorkflowsDesc:"Digital letter and signature support with hierarchical approval processes that match your office structure.",interactiveDashboard:"Interactive Dashboard",interactiveDashboardDesc:"Real-time tracking of incoming and outgoing records, with department-level summaries and pending approvals.",organizedFolders:"Organized Folders",organizedFoldersDesc:"Categorize records using a structured system with advanced search and filtering capabilities.",securityAccessControl:"Security & Access Control",securityAccessControlDesc:"Role-based access with complete audit trails for all document actions and modifications.",powerfulFeaturesTitle:"Powerful Features",powerfulFeaturesSubtitle:"Streamline Your Document Workflow",powerfulFeaturesDesc:"Our comprehensive tools help you manage records efficiently while maintaining security and compliance.",feature1:"Faster Approval Times",feature2:"More Organized Records",feature3:"Audit Compliance",documentWorkflow:"Document Workflow",recordCreation:"Record Creation",recordCreationDesc:"User creates a new record with attachments and metadata",teamLeaderReview:"Team Leader Review",teamLeaderReviewDesc:"First level approval by immediate supervisor",directorApproval:"Director Approval",directorApprovalDesc:"Department head reviews and approves",deputyHeadReview:"Deputy Head Review",deputyHeadReviewDesc:"Final administrative approval before submission",recordOfficerProcessing:"Record Officer Processing",recordOfficerProcessingDesc:"Official registration and dispatch",streamlinedProcess:"Streamlined Process",recordManagementApprovalWorkflows:"Record Management Approval Workflows",smartOfficeDescription:"Smart Office mirrors your organizational hierarchy with customizable digital workflows that ensure proper oversight and accountability.",step:"STEP",requestChanges:"Request Changes",workflowAutomationBenefits:"Workflow Automation Benefits",workflowAutomationDesc:"Our intelligent workflow system reduces processing time by 65% while ensuring compliance with your organizational policies.",fasterApprovals:"65% Faster Approvals",reduceDelays:"Reduce bureaucratic delays",auditTrail:"100% Audit Trail",completeRecord:"Complete record of all actions",advancedFeatures:"Advanced Features",slaMonitoring:"SLA Monitoring",slaMonitoringDesc:"Automatic tracking of service level agreements with escalation alerts for delays.",conditionalRouting:"Conditional Routing",conditionalRoutingDesc:"Smart rules automatically route documents based on content, value, or department.",temporaryApprovalDelegation:"Temporary approval delegation for vacations with full audit tracking.",approvalworkflow:"Approval Workflow",uptime:"Uptime",bureaus:"Bureaus",support:"Support",features1:"Scalable",features2:"Cross‑platform support",features3:"Cloud‑based data sync",features4:"low‑connectivity capability",features5:"Responsive design/adaptive",features6:"Secure",login:"Login to the System",step1:"1. Click on the",headerBtn:"button in the header",step2:"2. Enter your username and password provided by your administrator",step3:"3. Click the",accessBtn:"button to access the system",note:"Note",forgotIntro:"If you forget your password, contact your system administrator for reset.",dashboardTitle:"Dashboard Overview",dashboardDesc:"The dashboard provides a comprehensive overview of your record activities:",recordsCreated:"Records Created",recordsTotal:"Total records you've initiated",recordsReceived:"Records Received:",incomingDocs:"Incoming documents from others",breakdown:"Internal/External Breakdown:",visuals:"Visual charts showing document types",approvalStatus:"Approval Status",approvalTypes:"Pending, approved, or rejected records",quickActions:"Quick Actions",createOrCheck:"Create new records or check pending approvals directly from the dashboard",recentActivity:"Recent Activity",trackUpdates:"Track the latest updates on your documents",manageOut:"Managing Outgoing Records",createNew:"Creating New Records",goToTab:"Navigate to the",clickBtn:"Click button",fillFields:"Fill in all required fields (record type, receiver, subject, etc.)",attach:"Attach supporting documents if needed",saveOrSubmit:"Save as draft or submit for approval",trackStatus:"Tracking Record Status",notForwarded:"This item is not yet forwarded. This items can be edited and deleted",awaiting:"This item is awaiting acceptance or approval.",accepted:"This item has been accepted and is awaiting approval.",approvedSent:"This item has been approved and sent to record officer to be dispatched.",returned:"This item has been returned for adjustments or additional information. Please review the comments.",rejected:"This item has been rejected.",sent:"This item has been sent to the recipients.",returnedByOfficer:"This item has been returned by the Record Officer.",monitor:"Monitor your records through each approval stage in the workflow",manageIncoming:"Managing Incoming Records",incomingTypes:"Types of Incoming Records",fromOthers:"From other organizations",withinOrg:"Within your organization",copied:"Copied for your information",processIncoming:"Processing Incoming Records",readDoc:"Open and read the full document",acknowledge:"Acknowledge receipt of the document",forward:"Forward to another team member if needed",archive:"Archive",fileRef:"File for future reference",apprvalworkflow:"Approval Workflow",process:"Approval Process",internalFlow:"Internal Records Workflow:",creator:"Creator",leader:"Team Leader",director:"Director",officer:"Record Officer",externalFlow:"External Records Workflow:",actions:"Approval Actions",delegation:"Delegation Management",delegateInfo:"When you're unavailable, you can delegate your approval authority to another team member:",delegateNav:"Navigate to the",selectColleague:"Select a colleague from your organization structure",setDates:"Set the start and end dates for the delegation period",setPerms:"Specify which permissions to delegate",saveDelegate:"Save the delegation settings",autoExpire:"Delegations automatically expire on the end date you specify.",collab:"Collaboration Workspace",collabInfo:"The collaboration tab brings together records that require input from multiple team members:",viewDocs:"View all collaborative documents in one place",addComments:"Add your comments or annotations",approve:"Approve with your digital signature when consensus is reached",trackChanges:"Track changes and version history",realTime:"Real-time Updates",liveChanges:"See changes from other collaborators as they happen",notifications:"Notification System",alerts:"Get alerts when others contribute to the document",signatureMgmt:"Teeter & Signature Management",leadersOnly:"Team leaders and above can manage their digital teeter and signature:",signatureTitle:"Teeter & Signature",uploadTeeter:"Upload a clear image of your official teeter",uploadSignature:"Create or upload your digital signature",defaultSignature:"Set as default for all approvals",updateDesignation:"Update whenever your official designation changes",security:"Security Notice:",encrypted:"Your teeter and signature are encrypted and only used for official approvals.",recordModule:"Record Management Module",guide:"Comprehensive guide for using the Smart Office Platform System",back:"Back to Dashboard",moduleGuide:"Module Guide",previous:"Previous",next:"Next",addTeeterAndSignature:"Add digital teeter and signature",returnWithComments:"Return with comments",requestModifications:"Request modifications",screenshotOf:"Screenshot of",fasterApproval:"Faster Approval",auditReady:"Audit Ready",organizedRecords:"Organized Records",tab:"Tab",click:"Click",button:"Button",services:"Services",fileComplaint:"File Complaint",followComplaint:"Follow Complaint",aboutUs:"Know About Us",darkMode:"Dark Mode",lightMode:"Light Mode"},$M={webManagement:"Web Management",addUser:" Add User","Letter Template":"Letter Templates",organizations:"Organizations",newOrganization:"New Organization",organizationName:"Organization name",createdOn:"Created on",approveUserPrompt:"Approve User",approveUserDescription:"Approve User",yesApprove:"Yes, Approve",numberOfUsers:"Number of users",assignedAdmin:"Assigned admin","Migrated Records":"Migrated Records",isGovernmentOrganization:"Is Government Organization",createNew:"Create New",edit:"Edit",enterDetails:"Enter the details for the new organization. All fields marked with an asterisk (*) are required.",nameAmharic:"Name (Amharic)",nameEnglish:"Name (English)",key:"Key",organizationType:"Organization Type",loadingOrganizationTypes:"Loading organization types...",errorLoadingOrganizationTypes:"Error loading organization types",noOrganizationTypesAvailable:"No organization types available",parentOrganization:"Parent Organizational (optional)",loading:"Loading...",selectOrganization:"Select organization",selectOrganizationFirst:"Select an organization first",noOrganization:"No organization",isOrganizationPublic:"Is Organization Public",selectOrganizationType:"Select organization type",deleteOrganization:"Delete Organization",confirmDelete:"Are you sure you want to permanently delete?",cannotUndo:"This action cannot be undone.",deleting:"Deleting ...",delete:"Delete",viewOrganization:"View Organization",editOrganization:"Edit Organization",englishNameRequired:"English name is required",amharicNameRequired:"Amharic name is required",invalidEmail:"Invalid email address",usernameMinLength:"Username must be at least 3 characters",organizationRequired:"Organization is required",invalidPhoneNumber:"Phone number must be a valid Ethiopian number",registerAdminTitle:"Register Organization Admin",registerAdminDescription:"Fill in the required fields to register",enterEnglishName:"Enter English name",enterAmharicName:"Enter Amharic name",email:"Email",emailExample:"email@example.com",username:"Username",enterUsername:"Enter a username",phoneNumber:"Phone Number",phoneNumberExample:"e.g. 0912345678 or +251912345678",organization:"Organization",registering:"Registering...",registerAdmin:"Register Admin",dashboard:"Dashboard",organizationAdmins:"Organization Admins",externalUsers:"External Users",userManagement:"User Management",content:"Content",bulkUpload:"Bulk Upload",positionTypes:"Position Types",activityLog:"Activity Log",setting:"Setting",loadingAdmins:"Loading admins...",errorLoadingAdmins:"Error loading admin data",retry:"Retry",assignAdmin:"Assign Admin",addAdmin:"Add Admin",adminAssignedSuccess:"Admin assigned successfully",userAssignedSuccess:"User assigned successfully",userAssignFailed:"User couldn't be assigned",assignAdminToOrganization:"Assign Admin to Organization",assignAdminInstructions:"Select an organization and a user to assign as an admin.",users:"Users",searchUsers:"Search users...",noUsersFound:"No users found",assigning:"Assigning...",assignUser:"Assign User",noUsersAvailable:"No users available",pendingExternalUsers:"Pending External Users",activateUserPrompt:"Activate this user?",activateUserDescription:"This will enable the user to access the platform",activating:"Activating...",yesActivate:"Yes, activate",statistics:"Statistics",totalOrganizations:"Total Organizations",recentOrganizations:"Recent Organizations",viewMore:"View more →",recentActivities:"Recent Activities",moreActivities:"More activities →",noRecentActivities:"No recent activities found",contentManagement:"Content Management",Bulk:"Excel Uploader",Position:"Positions",settings:"Settings","Archive Users":"Archive Users","Archived Organizations":"Archived Organizations","Archived Units & Positions":"Archived Units & Positions",contentMsg:"Manage your organization's content and assets efficiently.",selectUnit:"Select Unit",visibilityToOthers:"Visible to Others",visible:"Visible",hidden:"Hidden",visibilityEnabled:"Organization is now visible to other organizations",visibilityDisabled:"Organization is now hidden from other organizations",visibilityUpdateFailed:"Failed to update organization visibility"},zM={"View Detail":"View Detail","Open actions menu":"Open actions menu",Actions:"Actions",convertRecord:"Convert Record",return:"Return",returning:"Returning...",returing:"Returning...",conformReturn:"Confirm Return","Please provide a reason for returning this record.":"Please provide a reason for returning this record.",ReturnComment:"Return Comment",EnterReturnReason:"Enter reason for returning",CommentRequired:"Comment is required",RecordReturnedSuccessfully:"Record returned successfully",FailedToReturnRecord:"Failed To Return Record"},BM={incompleteRegistration:"You haven't completed the verification process. Please upload required documents to continue.",uploadDocuments:"Upload Documents",registrationRequired:"You must complete your registration before accessing this page.",title:"Registration",steps:{registerUpload:{title:"Register & Upload",description:"Fill details and upload required documents"},verifyOtp:{title:"Verify OTP",description:"Enter verification code sent to your phone/email"}},form:{registrationType:"Registration Type",organization:"Organization",individual:"Individual",organizationEmail:"Organization Email",organizationEmailPlaceholder:"organization@example.com",individualEmail:"Personal Email",individualEmailPlaceholder:"personal@example.com",organizationUsername:"Organization Username",organizationUsernamePlaceholder:"org_username",individualUsername:"Personal Username",individualUsernamePlaceholder:"personal_username",organizationPhone:"Organization Phone",organizationPhonePlaceholder:"+251 organization phone",individualPhone:"Personal Phone",individualPhonePlaceholder:"+251 personal phone",organizationNameEn:"Organization Name (English)",organizationNameEnPlaceholder:"Company Name Ltd.",individualNameEn:"Full Name (English)",individualNameEnPlaceholder:"John Doe",organizationNameAm:"Organization Name (Amharic)",organizationNameAmPlaceholder:"የድርጅት ስም",individualNameAm:"Full Name (Amharic)",individualNameAmPlaceholder:"የግለሰብ ስም",organizationSubmitButton:"Register Organization & Upload Documents",individualSubmitButton:"Register Individual & Upload Documents",processing:"Processing..."},userType:{selectionDescription:"Choose your registration type to get started",organization:"Organization",organizationDescription:"Register as a company, institution, or organization",individual:"Individual",individualDescription:"Register as an individual person or professional"},continueButton:"Continue to Registration",documents:{requiredDocuments:"Required Documents",requirementsUpdate:"Requirements update when you change registration type",attached:"attached",tip:"Tip: upload now or continue and upload after verification",noRequirements:"No document requirements",upload:"Upload",change:"Change",remove:"Remove",required:"Required",fileSelected:"File selected",readyToUpload:"Ready to upload",previouslyUploaded:"Previously uploaded",willUploadOnSubmit:"Will be uploaded on submit",fayda:"Fayda ID",faydaMessage:"Enter Fayda ID"},verifyOtp:{title:"Verify your account",description:"Enter the 6‑digit code we sent {channel}.",channel:{email:"to your email",phone:"to your phone"},otpInput:{ariaLabel:"Character {index}",placeholder:"Enter OTP code"},password:{newPassword:"New Password",confirmPassword:"Confirm Password",showPassword:"Show password",hidePassword:"Hide password"},buttons:{back:"Back",completeRegistration:"Complete Registration",verifying:"Verifying...",resendCode:"Resend Code",resending:"Resending...",resendIn:"Resend in {seconds}s",resendLoading:"Resending code",resendCooldown:"Resend code in {seconds} seconds"},messages:{success:"Password set successfully!",verificationCodeResent:"Verification code resent to your email/phone.",missingEmailPhone:"Email or phone number is missing.",invalidOtp:"Please enter a valid 6-character OTP.",fillPasswords:"Please fill in both password fields.",passwordLength:"Password must be at least 8 characters.",passwordMismatch:"Passwords don't match.",passwordUpdateFailed:"Password update failed. Please try again.",resendFailed:"Failed to resend the verification code. Please try again.",registrationComplete:"Registration & document upload completed successfully!",selectUnitWarning:"Please select a unit",fillAllFields:"Please fill all fields",configAdded:"Configuration added successfully",configUpdated:"Configuration updated successfully",configAddFailed:"Failed to add configuration",configUpdateFailed:"Failed to update configuration"},errors:{missingUserId:"User ID is missing. Cannot resend verification code.",resendFailed:"Failed to resend the verification code.",alreadyRegistered:"You can only register once with a single email or phone number. So instead of registering again, go to sign in and use Forgot Password to reset your password."},support:{needHelp:"Need help?",helpLink:"/support/resend-sms"}}},qM={manageConfig:{title:"Manage {{type}} Configuration",description:"Configure {{level}} capacity and structure",organization:"Organization",unit:"Unit",selectUnit:"Select Unit",selectUnitPlaceholder:"Select a Unit",subOrganizations:"Sub-Organizations",employeesPerOrg:"Employees per Organization",subOrgsPlaceholder:"e.g. 3",employeesPlaceholder:"e.g. 20",addConfiguration:"Add Configuration",updateConfiguration:"Update Configuration",configurations:"Configurations",loading:"Loading...",noConfigurations:"No configurations added yet",edit:"Edit",delete:"Delete",close:"Close",unitBased:"unit-based",organizationLevel:"organization-level"}},VM={verifyIdentity:"Verify Your Identity",enterCodeSent:"Enter the verification code sent to your email",verifySubmission:"Verify Submission",enterCodeToSubmit:"Enter the verification code to submit your record",clearCode:"Clear Code",resendCode:"Resend Code",verifyingCode:"Please wait while we verify your code",verificationSuccess:"Verification successful!",verificationFailed:"Verification failed. Please try again."},HM={moveDepartement:"moveDepartement",positions:"Positions",selectPositions:"Selected Position",sealNameMsg:"Seal name is required",sealSuccessMsg:"Seal uploaded and registered successfully",sealErrorMsg:"Failed To Upload And Register Seal",sealRemove:"Seal removed successfully",seal:"Organization Seals",uploadSealMsg:"Upload and manage organization seals",sealImage:"Seal Image",addSeal:"Add Seal",noSealMsg:"No seals uploaded yet",addSealInstruction:"Click Add Seal to upload",sealName:"Seal Name",saveSeal:"Save Seal",letterTemplate:"Letter Templates",createMsg:"Create or edit templates registered under this unit",addTemplate:"Add Template",failedToLoadTemplates:"Failed To Load Templates",selectTemplate:"Select Template",updateTemplate:"Update Template",updateFled:"Update failed",createFled:"Create failed",templateSuccessMsg:"created successfully",failedToLoadHeaderFooter:"Failed To Load Headers/Footers",failedToDelete:"Failed To Delete",deleted:"Deleted",provideMsg:"Please provide both name and file",uploadSuccess:"Uploaded successfully",uploadFailed:"Upload failed",addHeaderFooter:"Add Header/Footer",name:"Name",internalSuffixCC:"Suffix CC",internalPrefixCC:"Prefix CC",internalPrefix:"Internal Prefix",externalPrefix:"External Prefix",internalMemoPrefix:"Internal Memo Prefix",reference:"The organization's standard reference number",externalReference:"Incoming letters' reference number",internalMemoReference:"Internal memo reference number",prefixCC:"Prefix CC",suffixCC:"Suffix CC",internalSuffix:"Internal Suffix",position:"Position",selectPosition:"Select Position",value:"Value",onlyPngAllowed:"Only PNG Files Are Allowed.",enterValue:"Enter Value",type:"Type",header:"Header",footer:"Footer",uploadFile:"Upload File",preview:"Preview",status:"Status",active:"Active",inactive:"Inactive",activate:"Activate",deactivate:"Deactivate",currentlyActive:"Currently Active",statusChanged:"Status changed successfully",statusChangeFailed:"Failed To Change Status",delete:"Delete",refNoRequired:"Reference number is required",nameRequired:"Both names are required.",recordTypeRequired:"Record type is required",deleteMsg:"Are you sure you want to delete this item?",filter:"Filter by record type",showCC:"Show CC items only",add:"Add Prefix/Suffix/Ref",addPrefix:"Add Reference Number",updateCount:"Update Count",currentCount:"Current Count",edit:"Edit",prefix:"Prefix",suffix:"Suffix",recordType:"Record Type",CC:"Is this for CC?",amharicName:"Amharic Name",englishName:"English Name",PrefixSuffix:"Prefix/Suffix/Reference List",positionPrefixes:"Position Reference Number",positionRequired:"Position is required",noRec:"No records found.",loading:"Loading...",bulkMsg:"Upload Excel file to import users in bulk",submitUsers:"Submit Users",selectFile:"Select File",count:"Count",posMissing:"Missing 'Positions' or 'Users' sheet.",invalidFile:"The uploaded file is empty or invalid.",parseSuccess:"File parsed successfully.",parseError:"Failed To Parse File.",noData:"No data found in the file.",Units:"Units",saving:"Saving...",teamMember:"Team Member",msg1:"No team members found",msg2:"Select a position to view team members",msg3:"Add team members to this department",msg4:"Navigate through departments to view team members",userDetail:"User Detail",editEmployee:"Edit Employee",noUnit:"No unit found",noOrg:"No organizations found",addUser:"Add User",addSubdepartement:"Add Sub-department",editDepartment:"Edit Department",moveDepartment:"Move Department",archiveDepartment:"Archive Department",deleteDepartment:"Delete Department",addUnit:"Add Unit",editUnit:"Edit Unit",addDepartment:"Add Department",deleteUnit:"Delete Unit",actions:"Actions",createUnit:"Create Unit",addFromSubCity:"Add From Sub City",addNewUnit:"Add New Unit",configuredUnitLimit:"Configured unit limit: {{max}}",linkedUnits:"Used",remainingSlots:"Remaining",checkingCapacity:"Checking configured capacity…",noCapacityConfigured:"No unit capacity configured for this organization. Ask the super admin to configure it in Manage Organization Configuration.",capacityReached:"Capacity limit reached. Configured maximum is {{max}}.",capacityReachedShort:"Limit reached — cannot create more units.",selectSubCity:"Select Sub City",selectSubCityFirst:"Select a sub city first",selectUnit:"Select Unit",noSubCities:"No sub cities found",subCityRequired:"Please select a sub city",unitRequired:"Please select a unit",parentUnitMissing:"Parent unit is missing",unitRelatedSuccess:"Unit related successfully",permissionType:"Permission Types",newPermission:"New Permission",permissionManagement:"Permission Management",exportTypes:"Export Types",exporting:"Exporting...",delMsg:"Are you absolutely sure?",delMsg2:"This action can not be undone. This will permanently delete the permission.",permission:"Permission",copyPermissionsFrom:"Copy permissions from",selectPositionToCopy:"Select a position type to copy permissions from",selectApplication:"Select an application",selectApplicationToLoadPermissions:"Select an application to load its permissions",copyPermissionsHint:"Pick an existing position type to pre-fill its permissions, then edit below.",copyPermissionsFailed:"Failed to copy permissions",perFailed:"Failed To Create Permission",perSuccess:"Permission type created and permissions assigned",updatePerSuccess:"Permission updated successfully",updatePerFailed:"Failed To Update Permission",permissionName:"Permission Name",key:"Key",createdAt:"Created At",updatedAt:"Updated At",createPermission:"Create Permission",keyRequired:"Key is required",selectPosType:"Select a Position Type",adding:"Adding...",msg:"added successfully",subDep:"Sub-department",parentDep:"Parent Department",invalidMsg:"Please correct the highlighted fields.",success:"Success",unit:"Unit",user:"User",firstName:"First Name",lastName:"Last Name",selectUser:" Select User",userRequired:"User is required",userRequiredMsg:"Please select a user to assign.",userError:"Selected user is invalid or not found.",userSuccess:"User assigned successfully",updated:"has been updated successfully",department:"Department",departmentRequired:"Department is required",departmentSuccess:"Department selected successfully",permissionSuccess:"Position type created and permissions assigned",permissionFailed:"Failed To Create Position",editRemark:"Edit Remark",addRemark:"Add Remark",commonRemarks:"Common Remarks",onlySquareAllowed:"The height and width of the seal must be the same(300x300)",searchPermissions:"Search permissions...",noPermissionsFound:"No permissions found matching your search",noPermissionsAvailable:"No permissions available",showingPermissions:"Showing {{count}} of {{total}} permissions",createTemplate:"Create Template",editTemplate:"Edit Template",viewTemplate:"View Template",deleteTemplate:"Delete Template",deleteTemplateConfirm:"Are you sure you want to delete the template '{{name}}'? This action cannot be undone.",noTemplates:"No templates found",sincerelyText:"Sincerely Text",body:"Body",headerAndFooter:"Header and Footer",CanReceiveRecord:"Can Receive Record"},WM={title:"Record Tags",tableName:"Record Tags",name:"Name",key:"Key",CreatedAt:"Created At",createNew:"Create new tag",createTitle:"Record Tag",Actions:"Actions"},GM={canHaveTagBasedReferenceNumber:"Can Have Tag Based Reference Number",canUserSkipLevel:"User Can Skip Level",canRecordDateLabelHasLocalization:"Does Record Date Label Have Localization?",canRecordDateHaveTime:"Can Record Date Have Time?",canInternalMemoRequirePositionBasedReferenceNumber:"Is Position Based Reference Number Required For Internal Memo?",title1:" Unit Configuration",title2:"Configure Scope For Each Unit",title4:"Configure Escalation Hour For Each Unit",loading:" Loading units...",noUnit:"No units found",Action:"Action",Value:"Value",Name:"Name",title3:"Position Scope To Fetch",title5:"Show Teeter and Signature For Assign Record",title6:"Wait for all collaborators before action?",canCreateDirectRecord:"Can Create Direct Record",canPositionBasedRecordsBeCreated:"Can Position Based Records Be Created ?",canPositionBasedReferenceBeUsedForAllTypes:"Can Position Based Reference Be Used For All Types?",shouldDirectRecordHaveHeaderAndFooter:"Direct Record Has Header And Footer",shouldCollaboratorAlwaysSign:"Collaborator Always Sign (Team Signature)",shouldIncludeForYourReferenceInCC:"Include For Your Reference in CC",canCollaborationBeCreatedForAll:"Can Collaboration Be Creeated For All Record Type?",canRecordBeEditedByCollaborators:"Allow Collaborators to Edit Record",canRecordHaveCollaboratorsName:"Show Collaborators' Names on Record",canRecordBeEditedOnWorkflow:"Allow Record Editing on Workflow",canIncomingAssignmentsBeSeparated:"Duplicate Incoming Letters based on assignment?",canROReturn:"Allow RO Return",internalMemoHasReferenceNumber:"Internal Memo Has Reference Number",enabled:"enabled",disabled:"disabled",editTitle:"Edit Position Scope",editMsg:"Change the position scope for this unit",msg1:"Organization ID not found. Please check your authentication.",msg2:"Loading position configurations...",positionConfig:" Position Configuration",positionConfigMsg:"Configure notification settings and workflow behavior for each position",add:" Add Configuration",create:"Create Position Configuration",position:"Position",select:"Select a position",select2:"Please select a unit first",plsSelect:"Please select a unit first to see available positions",positionScope:"Position Scope",all:"All",immediateChild:"Immediate Child",parallel:"Parallel with Immediate Child",notification:"Notification Settings",sms:" SMS Notification",smsMsg:"Send SMS when a record is submitted to this position",email:"Email Notification",emailMsg:"Send email when a record is submitted to this position",inbox:"Inbox Notification",inboxMsg:"Show inbox notification when a record is submitted to this position",workflow:"Workflow Settings",viewWF:"View Workflow",workflowMsg:"Skip Workflow If Not Assigned",workflowMsg1:"Skip workflow step if no one is assigned to this position",creating:"Creating...",createConfig:"Create Configuration",error:"Error loading position configurations:",retry:"Retry",SMS:"SMS",Inbox:"Inbox",skipWF:"Skip Workflow",delete:"Delete Configuration",deleteMsg:"Are you sure you want to delete this position configuration? This action cannot be undone.",edit:"Edit Position Configuration",updating:"Updating...",UpdateConfig:"Update Configuration",archivedUsers:" Archived Users",escalationTitle:"Escalation Configuration",escalationDescription:"Configure escalation hours for different letter types",loadingConfig:"Loading configuration...",loadError:"Error loading configuration",noConfigFound:"No configuration found",updateEscalationMsg:"Update the escalation hour value",saving:"Saving...",saveChanges:"Save Changes",escalationHour:"Regular Escalation Hour",urgentLetterEscalationHour:"Urgent Letter Escalation Hour",onReviewLetterEscalationHour:"Review Letter Escalation Hour",urgentOnReviewLetterEscalationHour:"Urgent Review Letter Escalation Hour",attachmentSignature:{badge:"Attachment Security",title:"Signature for Attachments",description:"Choose a unit and control whether attachments include a digital signature by default",unit:"Unit",selectUnit:"Select a unit",loadingUnits:"Loading units...",noUnitsFound:"No units found",unitHint:"This setting applies to the selected unit",toggleLabel:"Add Signature to Attachment",toggleDescription:"Automatically include a signature on uploaded attachments",status:"Status:",activeUnit:"Active unit:"}},KM={letterName:"File Name",Letter_Number:"Letter Number",ACtions:"Actions",Actions:"Actions",Date:"Date",From:"From",Subject:"Subject",subject:"Subject",referenceNumber:"Reference Number",FileName:"File Name",To:"To",fileName:"File Name",sendingOrganization:"Sending Organization",sendingDepartment:"Sending Department",dispatchedDate:"Date",submittedDate:"Date",Sending_Department:"Sending Department",dispatchedBy:"Converted By",Receiver:"Receiver",CreatedAt:"Date",createdAt:"Date",Status:"Status",status:"Status",organizationName:"Organization Name","Task Status":"Status",TaskStatus:"Status",taskStatus:"Status",delegateePosition:"Delegatee Position",delegateeEmployee:"Delegatee Employee",delegatedPosition:"Delegated Position",delegatedEmployee:"Delegated Employee",startDate:"Start Date",endDate:"End Date",isCurrent:"Status",signStatus:"Sign Status",title:"Title",color:"Color",description:"Description",image:"Image",featured:"Top News",category:"News Category",link:"link"},YM={title:"Pinned Documents",refreshButton:"Refresh",userInformation:"User Information",organizationName:"Organization Name",email:"Email",phoneNumber:"Phone Number",totalDocuments:"Total Documents",failedToLoadUserInfo:"Failed to load user information",document:{viewDocument:"View Document",requirements:"Requirements",optional:"(Optional)",required:"(Required)",noRequirements:"No specific requirements for this document",status:{approved:"approved",rejected:"rejected",pending:"pending"}},actions:{success:'Action "{action}" submitted successfully!',error:"Failed to submit action: {error}"}},XM={trigger:"Take Action",title:"Take Action on Document",labels:{selectAction:"Select Action",remark:"Remark (optional)",remarkPlaceholder:"Add a remark..."},actions:{approve:"Approve",adjustment:"Adjustment",reject:"Reject",pending:"Pending",submitted:"Submitted",selectPlaceholder:"Select action"},buttons:{cancel:"Cancel",submit:"Submit"},toast:{success:"Document {status}"}},QM={Dispatched:"Dispatched",Pending:"Pending",Approved:"Approved",Rejected:"Rejected",Completed:"Completed","In Progress":"In Progress",Draft:"Draft",Submitted:"Submitted","Under Review":"Under Review",Returned:"Returned",inActive:"InActive"},JM={searchAllEmployees:"Search All Employees",searchByNameEmailPhonePosition:"Search by name, email, phone, or position...",searchingEmployees:"Searching employees...",errorLoadingEmployees:"Error loading employees",noEmployeesFound:"No employees found",tryDifferentKeywords:"Try different keywords",startTypingToSearch:"Start typing to search employees",searchByNameEmailPhone:"Search by name, email, or phone number",showingResults:'Showing {{count}} of {{total}} results for "{{query}}"',searchUnits:"Search units...",searchDepartments:"Search departments...",searchEmployees:"Search employees...",noResults:"No results found",allEmployees:"All Employees",resendingVerification:"Resending verification code...",sendingInvitation:"Sending invitation...",verificationCodeResent:"Verification Code Resent",invitationSent:"Invitation Sent",verificationCodeSentTo:"A new verification code has been sent to {{name}}",invitationSentTo:"Invitation sent to {{name}}",failedToResend:"Failed To Resend Verification Code",failedToSendInvitation:"Failed To Send Invitation",confirmRemoveEmployee:"Are you sure you want to remove {{name}}? This action cannot be undone.",removeFunctionalityNotImplemented:"Remove functionality will be implemented with proper API integration"},ZM={title:"Deputy Leadership",subtitle:"Insights and updates from our deputy leadership team",previous:"Previous message",next:"Next message",defaultPosition:"Position",goToMessage:"Go to message {{index}}"},ej={title:"Leadership Message",subtitle:"Message from the Office Head",defaultPosition:"Position",addMessage:"Add Message"},tj="of",rj="Add Goal",nj="Organizational Goals",oj="Organizational Vision",ij="Add Vision",sj="Add News",aj="Add News Category",lj="News Category",cj="Modules",uj="Add Modules",dj="Social Media",fj="Add Social Media",pj="Contact Us",mj="Add Contact",hj="Organization's Theme",gj={featuredNewsTitle:"Featured News",featuredNewsSubtitle:"Stay updated with the latest developments, achievements, and innovations from our organization",searchPlaceholder:"Search news articles...",topStories:"Top Stories",readFullStory:"Read full story",readMore:"Read more",loadMoreNews:"Load More News",showLess:"Show Less",previousGoal:"Previous Goal",nextGoal:"Next Goal",noNewsFound:"No news found",tryAdjusting:"Try adjusting your search or filter criteria",readLess:"Read less"},yj={featuredNews:"Featured News",description:"Stay updated with the latest developments, achievements, and innovations from our organization",topStories:"Top Stories",allNews:"All News",noNewsFound:"No news found",noNewsFoundDesc:"Try adjusting your search or filter criteria",searchPlaceholder:"Search news articles...",readFullStory:"Read full story",readMore:"Read more",loadMoreNews:"Load More News",showLess:"Show Less",title:"Title"},vj={page:{smartOfficeTitle:"Smart Office Audit Log",smartOfficeSubtitle:"Monitor Smart Office activities"},actions:{refresh:"Refresh",export:"Export",cardView:"Card View",tableView:"Table View",cancel:"Cancel"},labels:{activityLogs:"Activity Logs",activitiesFound:"{{count}} activities found",ip:"IP"},messages:{missingModuleKey:"Missing module key for audit logs",logsLoaded:"Audit logs loaded",logsLoadFailed:"Failed to load audit logs",tryAgain:"Please try again.",exportingLogs:"Exporting {{count}} logs as {{format}}",loadingActivities:"Loading activities...",noActivitiesFound:"No activities found",adjustFilters:"Try adjusting your filters or search query to find what you're looking for."},filters:{dateRange:"Date range",clearFilters:"Clear filters",searchPlaceholder:"Search activities...",module:"Module",allModules:"All modules",action:"Action",allActions:"All actions",status:"Status",allStatuses:"All statuses",fromDate:"From date",toDate:"To date",last7Days:"Last 7 days",last30Days:"Last 30 days"},status:{success:"Success",failure:"Failure",warning:"Warning",pending:"Pending"},stats:{totalActivities:"Total Activities",successRate:"Success Rate",dailyAverage:"Daily Avg",uniqueUsers:"Unique Users",topActions:"Top Actions",times:"times"},export:{title:"Export Activity Logs",description:"Choose export options for your activity logs.",fileName:"File Name",fileNamePlaceholder:"Enter file name",format:"Export Format",includeDetails:"Include detailed information",includeDateRange:"Include date range in export"},table:{time:"Time",user:"User",action:"Action",description:"Description",module:"Module",severity:"Severity",status:"Status"},pagination:{showing:"Showing {{shown}} of {{total}} total activities",pageOf:"Page {{page}} / {{totalPages}}"},modal:{title:"Smart Office Audit Details",description:"Full returned audit item for ID: {{id}}",entity:"Entity",method:"Method",createdAt:"Created At",changes:"Changes",noChanges:"No changes available.",payload:"Payload",performedBy:"Performed By",field:"Field",changed:"Changed",noEffectiveChange:"No Effective Change",changedPaths:"Changed Paths",noDifference:"From and To are identical for this field.",previousFile:"Previous File",currentFile:"Current File",from:"From",to:"To",updatedDetails:"Updated details",itemsCount:"{{count}} item(s)",user:{name:"Name",email:"Email",phone:"Phone",status:"Status",userType:"User Type",registration:"Registration",complete:"Complete",incomplete:"Incomplete",roles:"Roles",noRoles:"No roles",employeeInfo:"Employee Info",rank:"Rank",noPermissions:"No permissions",noEmployeeDetails:"No employee details"}}},bj={configureStyles:"Configure Styles",sample:"Template Sample",generateSample:"Generate Sample",content:"Content",pdfPreview:"PDF Preview",saveSettings:"Save Settings",download:"Download",loadPayload:"Load Sample Payload",loadPayloadDescription:"Upload a JSON payload file to pre-fill the form with sample data",noTemplates:"No templates available",loadingTemplates:"Loading templates...",errorLoadingTemplates:"Error loading templates",errorLoadingTemplate:"Error loading template",errorLoadingSettings:"Error loading style settings",commonProperties:"Common Properties",quickPresets:"Quick Presets",fontSize:"Font Size",fontWeight:"Font Weight",fontFamily:"Font Family",textDecoration:"Text Decoration",listStyle:"List Style",width:"Width",height:"Height",margin:"Margin",padding:"Padding",advancedCSS:"Advanced CSS Editor",customCSS:"Custom CSS",noPdfInResponse:"No PDF in response",generatingSample:"Error generating sample",settingsSavedSuccessfully:"Settings saved successfully",errorSavingSettings:"Error saving settings",noCustomSettingsToSave:"No custom settings to save",downloadingPDF:"Downloading PDF...",downloadPDFSuccess:"PDF downloaded successfully",downloadPDFFailed:"Failed to download PDF",noPdfAvailable:"No PDF available",basicInfo:"Basic Information",recordType:"Record Type",external:"External",internal:"Internal",preferredLanguage:"Preferred Language",headerFooter:"Header & Footer",headerStyleSettings:"Header Style Settings",footerStyleSettings:"Footer Style Settings",subject:"Subject",subjectStyleSettings:"Subject Style Settings",date:"Date",body:"Body",bodyStyleSettings:"Body Style Settings",sincerelyText:"Sincerely Text",prefix:"Prefix",prefixStyleSettings:"Prefix Style",suffix:"Suffix",suffixStyleSettings:"Suffix Style",prefixCC:"Prefix CC",ccPrefixStyleSettings:"CC Prefix Style",suffixCC:"Suffix CC",ccSuffixStyleSettings:"CC Suffix Style",delegatorName:"Delegator Name",collaborators:"Collaborators",recipientsAndCC:"Recipients & CC",internalCC:"Internal CC",externalCC:"External CC",recipients:"Recipients"},wj={title:"Pending Employees",noPendingApprovals:"No pending approvals 🎉",reviewAll:"Review All",approve:"Approve",reject:"Reject",name:"Name",email:"Email",positions:"Positions",actions:"Actions",pending:"pending",loadingPendingEmployees:"Loading pending employees...",allRequestsReviewed:"All employee requests have been reviewed.",refresh:"Refresh",showingUpTo:"Showing up to 50 pending employees",employeeApproved:"Employee approved",employeeRejected:"Employee rejected",failedToApprove:"Failed to approve",failedToReject:"Failed to reject",employeeApprovedSuccess:"Employee approved successfully",employeeRejectedSuccess:"Employee rejected successfully"},Sj={commentRequired:"Comment is required"},xj={nav:oM,initiationType:iM,dashboard:sM,verification:aM,status:lM,welcome:cM,change_password:uM,sign_out:dM,view_profile:fM,user:pM,common:mM,migration:hM,collaboration:gM,profile:yM,complaint:vM,header:bM,"Document Attachments":"Document Attachments","Login Method":"Login Method","Sign Up":"Sign Up","Back to Home":"Back to Home",forgotpassword:wM,"Don't have an account?":"Don’t have an account? Not a system user?",addRecord:SM,"Preview Record":"Preview Record",preview:xM,print:CM,incomingRecord:RM,externalPortal:EM,userRecord:kM,statusBar:PM,userIncoming:AM,ApprovalPage:TM,viewDetail:NM,PDF:DM,shareViaEmail:OM,convert:_M,delegation:MM,signatureUpload:jM,assignment:LM,auth:FM,msg:IM,landingPage:UM,organization:$M,userIncomingretun:zM,registration:BM,superAdmin:qM,otp:VM,contentManagement:HM,recordTag:WM,setting:GM,toogle:KM,viewDocument:YM,actionModal:XM,"Select organization/unit":"Select organization/unit","Select the main file for the record":"Select the main file for the record",statusList:QM,search:JM,"Resend Invite":"Resend Invite",deputy:ZM,officeHead:ej,"Strategic Goal":"Strategic Goal",of:tj,"Our Strategic Goals":"Our Strategic","Go to goal":"to goal {{index}}: {{title}} go","Previous Goal":"Previous Goal","Next Goal":"Next Goal",addGoal:rj,Goals:nj,Vision:oj,addVision:ij,addNews:sj,addNewsCategory:aj,newsCategory:lj,modules:cj,addModules:uj,socialMedia:dj,addSocialMedia:fj,contactUs:pj,addContactUs:mj,theme:hj,featuredNews:gj,newssection:yj,auditLogShared:vj,template:bj,pendingUsers:wj,validation:Sj},Cj={addNew:"አዲስ ይጨምሩ",emptyState:"ምንም አልተገኘም",externalForYourReference:"ውጫዊ እንዲያውቁት",internal_memo:"የዉስጥ ማስታወሻ",dashboard:"ዳሽቦርድ",tagBasedReferenceNumber:"በመለያ የተመሰረተ ማጣቀሻ ቁጥር",branch:"ቅርንጫፍ",outgoing:"ወጪ መዝገቦች",incoming:"ገቢ",tagBasedReference:"በመለያ የተመሰረተ ማጣቀሻ ቁጥር",selectTag:"ምልክት ይምረጡ",non_smart_user:"የሲስተሙ ተጠቃሚ ያልሆኑ",external_non_smart_user:"ዉጫዊ ሲስተሙ ተጠቃሚ ያልሆኑ",external:"ዉጫዊ",internal:"ዉስጣዊ",cc:"ግልባጭ",forYourReference:"እንዲያውቁት",approval:"ማፅደቅ",pending:"በመጠባበቅ ላይ","Record Management":"የመዝገብ አስተዳደር",admin:"የሳይት አስተዳደር",modules:"ሞጁሎች",deputyMessage:"የምክትል አመራሮች መልእክት",officeHeadMessage:"የሃላፊ መልእክት",orgGoal:"የድርጅታዊ ግቦች",news:"ዜና",other:"ሌሎች",homePage:"ወደ መነሻ ገጽ",myRecord:"የእኔ መዝገቦች",submitRecord:"መዝገብ አስገባ",direct:"ቀጥታ"},Rj={title:"የመዝገብ ቅድመ እይታ",generating:"ቅድመ እይታ እየተዘጋጀ...",failed:"ቅድመ እይታ ማመንጨት አልተቻለም",retry:"እንደገና ይሞክሩ",close:"ዝጋ",print:"አትም",loading:"ቅድመ እይታ እየተጫነ...",error:"ቅድመ እይታ ማመንጨት አልተቻለም",networkError:"የኔትወርክ ስህተት ተከስቷል። እባክዎ ግንኙነትዎን ይፈትሹ እና እንደገና ይሞክሩ።",button:"ቅድመ እይታ",validationError:"ከቅድመ እይታ በፊት የማረጋገጫ ስህተቶችን ያስተካክሉ"},Ej={self:" በራስ",team:"በቡድን"},kj={totalOutgoing:"ጠቅላላ ወጪ",totalIncoming:"ጠቅላላ ገቢ",ccRecords:"ግልባጭ መዝገቦች",totalApproval:"ጠቅላላ ማረጋገጫ",lastUpdated:"መጨረሻ የተሻሻለበት",refresh:"አዘምን",refreshing:"በማዘመን ላይ...",never:"በየትኛውም ጊዜ አልዘመነም",approvalStats:"የማረጋገጫ ስታቲስቲቅሬታ ",externalIncoming:"ዉጫዊ ገቢ",internalIncoming:"ውስጣዊ ገቢ",incomingStats:"ገቢ ስታቲስቲቅሬታ ",outgoingStats:"ወጪ ስታቲስቲቅሬታ ",externalIncomingRecords:"ውጫዊ ገቢ መዝገቦች",internalIncomingRecords:"ውስጣዊ ገቢ መዝገቦች",advanced:"አድቫንስድ ዳሽቦርድ",status:{inProgress:"በሂደት ላይ",accepted:"ተቀባይነት ያገኘ",reassigned:"በድጋሚ የተመደበ",draft:"ረቂቅ",forward:"ላክ",approved:"ፀድቋል",rejected:"ውድቅ የተደረገ",adjusted:"የተስተካከለ",sent:"ተልኳል",approve:"አረጋግጥ"},Percentage:"መቶኛ",Count:"ብዛት",Status:"ሁኔታ",Total:"ጠቅላላ",pieChart:"ፓይ ቻርት",barChart:"ባር ቻርት",table:"ሰንጠረዥ",monthlyIncoming:"ወርሃዊ የገቡ ደብዳቤዎች",monthlyOutgoing:"ወርሃዊ የወጡ ደብዳቤዎች",totalInVsOut:"ጠቅላላ የግባ እና የመውጫ ደብዳቤዎች",monthlyInVsOut:"ወርሃዊ የግባ እና የመውጫ ደብዳቤዎች",weeklyInVsOut:"ሳምንታዊ የግባ እና የመውጫ ደብዳቤዎች",dailyInVsOut:"ዕለታዊ የግባ እና የመውጫ ደብዳቤዎች",exportPdf:"PDF አውርድ",exporting:"በማውረድ ላይ...",print:"አትም",exportFormat:"በዚህ ፎርማት አዉርድ",selectFormat:"ፎርማት ይምረጡ",totalEmployees:"ጠቅላላ ሰራተኞች",totalUnits:"ጠቅላላ ክፍሎች",totalPositions:"ጠቅላላ የተጠቃሚ ፍቃዶች",totalDocuments:"ጠቅላላ ሰነዶች",organizationDashboard:"የድርጅት ዳሽቦርድ",overviewDescription:"የድርጅትዎ አፈጻጸም እና እንቅስቃሴዎች አጠቃላይ እይታ",quickActions:"ፈጣን እርምጃዎች",contentManagement:"የይዘት አስተዳደር",userManagement:"የተጠቃሚ አስተዳደር",exportUserData:"የተጠቃሚ መረጃ አውርድ",recentActivities:"ቅርብ ጊዜ እንቅስቃሴዎች",selectUnit:"ክፍል ይምረጡ",loadingUnits:"ክፍሎችን በመጫን ላይ...",refreshData:"መረጃ አዘምን",noUnitsFound:"ምንም ክፍል አልተገኘም",organizationIdRequired:"የድርጅት መለያ ያስፈልጋል",exportError:"ማውረድ አልተሳካም። እባክዎን እንደገና ይሞክሩ።",uploadHeader:"አዲስ የራስጌ ምስል ተሰቀለ",updateSeal:"የድርጅት ማህተም ተዘመነ",removeFooter:"የግርጌ ምስል ተወገደ",twoHoursAgo:"2 ሰዓት በፊት",fiveHoursAgo:"5 ሰዓት በፊት",oneDayAgo:"1 ቀን በፊት",orgMsg:"የድርጅትዎ ስታቲስቲቅሬታ ና እንቅስቃሴዎች አጠቃላይ እይታ",errorMsg:"የድርጅቱን መረጃ ማከተል ላይ ስህተት ተፈጥሯል። እባክዎ ገፁን በድጋሚ ያድሱ።",contentManagementDesc:"ራስጌዎችን፣ ግርጌዎችን እና ማህተሞችን ያስተዳድሩ",userManagementDesc:"ተጠቃሚዎችን እና ክፍሎችን ያስተዳድሩ",excelUploader:"የኤክሴል አፕሎደር",excelUploaderDesc:"ከኤክሴል በጅምላ ተጠቃሚዎችን ያስመጡ",positionSettings:"የቦታ ቅንብሮች",positionSettingsDesc:"የድርጅት ቦታዎችን ያዋቅሩ",archiveUsers:"ተጠቃሚዎችን አርካይቭ ያድርጉ",archiveUsersDesc:"የተቀመጡ የተጠቃሚ መለያዎችን ያስተዳድሩ",createTemplate:"ቴምፕሌት ይፍጠሩ",editTemplate:"ቴምፕሌት ያርትዑ",viewTemplate:"ቴምፕሌት ይመልከቱ",deleteTemplate:"ቴምፕሌት ይሰርዙ",deleteTemplateConfirm:"'{{name}}' ቴምፕሌትን መሰረዝ እርግጠኛ ነዎት? ይህ ድርጊት መልሰው ማድረግ አይችሉም።",noTemplates:"ምንም ቴምፕሌቶች አልተገኙም",sincerelyText:"የመዝጊያ ጽሁፍ",body:"ይዘት",close:"ዝጋ",deleting:"በመሰረዝ ላይ...",delete:"ሰርዝ"},Pj={pending:"ማረጋገጫ በመጠባበቅ ላይ",message:"የእርሶ ምዝገባ በማረጋገጫ ሂደት ላይ ነው። 24 ሰዓታት ካለፉ እና መለያዎ አሁንም ካልተረጋገጠ እባክዎን ያግኙን።",contactSupport:"ድጋፍ ያግኙ"},Aj="እንኳን ደህና መጣህ",Tj="የይለፍ ቃል ለውጥ",Nj="ውጣ",Dj="መገለጫን እይ",Oj="ተጠቃሚ",_j={back:"ተመለስ",Back:"ተመለስ",View:"ይመልከቱ",today:"ዛሬ",yesterday:"ትናንት",unknownUser:"ያልታወቀ ተጠቃሚ",Cancel:"ሰርዝ",yes:"አዎ",no:"አይ",na:"የለም",None:"ምንም",cancel:"ሰርዝ",Confirm:"ያድርጉ",Submit:"መዝግብ",save:"መዝግብ",saveAsDraft:"ረቂቅ ያስቀምጡ",noResult:"ምንም ውጤት የለም",create:"ፍጠር",update:"አዘምን",Edit:"አስተካክል",Unselect:"አላማደረግ",loading:"በመጫን ላይ",DeactivateUser:"ተጠቃሚ አስወግድ",Delete:"አጥፋ",ConfirmDelete:"ማጥፋትን ያረጋግጡ",subject:"ርዕሰ ጉዳይ",notAvailable:"አልተገኘም",status:"ሁኔታ",createdDate:"የተፈጠረው በ",dispatchedDate:"የተላከበት ቀን",referenceNumber:"ማጣቀሻ ቁጥር",name:"የአብነት ስም",close:"ዝጋ",delete:"አጥፋ",actions:"ድርጊቶች",verify:"ያረጋግጡ",previous:"ቀዳሚ",next:"ሚቀጥለው",showing:"ያሳያል",to:"ወደ",of:"ከ",verifying:"እየረጋገጠ...",viewReply:"መልስ ደብዳቤ ይመልከቱ",Migrate:"ፈልስ",page:"ገጽ",adopt:"ይቀበሉ",Deleting:"በማጥፋት ላይ...",DeletedSuccessfully:"በተሳካ ሁኔታ ተሰርዟል",FailedToDelete:"ማጥፋት ያልተሳካ",DeleteConfirmationMessage:'"{{name}}" መሰረዝ እንደሚፈልጉ እርግጠኛ ነን? ይህ ድርጊት መቀየር አይቻልም።',addReply:"ምላሽ ጨምር",replies:"ምላሾች",replyAttachments:"የምላሽ አባሪዎች",mockDownload:"የተመሰለውን አባሪ በማውረድ ላይ፡ ",noReplies:"እስካሁን ምንም ምላሽ አልተጨመረም።",replyMessage:"የምላሽ መልዕክት",replyPlaceholder:"የምላሽ መልዕክት ወይም አስተያየትዎን እዚህ ይጻፉ...",attachments:"አባሪዎች",uploadMessage:"ለመስቀል ጠቅ ያድርጉ ወይም ጎትተው ይጣሉ",uploadFormats:"PDF፣ PNG፣ JPG፣ ZIP (ከ10MB ያልበለጠ)",submitting:"በማስገባት ላይ...",submit:"አስገባ",comment:"አስተያየት"},Mj={inProgress:"በሂደት ላይ",done:"ተጠናቋል",all:"ሁሉም",list:"ትብብሮች",comment:"አስተያየት",comments:"አስተያየቶች",commentTitle:"የትብብር አስተያየቶች",commentDialogDescription:"ሁሉንም የተባባሪዎች አስተያየቶች እዚህ ይመልከቱ። እስካሁን አስተያየት ካልሰጡ ከታች ያክሉ።",commentRequired:"አስተያየቱ ባዶ መሆን አይችልም።",commentSubmitted:"አስተያየቱ ተልኳል።",commentUpdated:"አስተያየቱ በተሳካ ሁኔታ ተዘምኗል።",commentDeleted:"አስተያየቱ በተሳካ ሁኔታ ተሰርዟል።",commentExists:"በዚህ የመዝገብ ስሪት ላይ አስቀድመው አስተያየት ሰጥተዋል።",commentsEmpty:"እስካሁን ምንም አስተያየት አልተጨመረም።",commentsCount:"{{count}} አስተያየት(ዎች)",commentsEmptyState:"ተባባሪዎች አስተያየት መስጠት ሲጀምሩ አስተያየታቸው እዚህ ይታያል።",reviewedCount:"{{count}} ተባባሪ(ዎች) ግምገማ አድርገዋል",unknownUser:"ያልታወቀ ተጠቃሚ",yourComment:"የእርስዎ አስተያየት",edited:"ተስተካክሏል",commentPlaceholder:"አስተያየትዎን ይጻፉ...",addComment:"አስተያየትዎን ያክሉ",singleCommentRule:"ለአሁኑ የመዝገብ ስሪት አንድ አስተያየት ብቻ ማስገባት ይችላሉ።",postComment:"አስተያየት ላክ",deleteCommentTitle:"አስተያየቱን ልሰርዝ?",deleteCommentDescription:"ይህ ያሁኑን አስተያየትዎን ያስወግዳል። ከዚያ በኋላ አዲስ አስተያየት እንደገና ማከል ይችላሉ።",close:"ዝጋ",edit:"አስተካክል",adjust:"አስተካክል ላክ",adjustSubmitted:"የማስተካከያ ጥያቄው በተሳካ ሁኔታ ተልኳል።",adjustFailed:"የማስተካከያ ጥያቄውን መላክ አልተሳካም።",adjustCommentMissing:"ለማስተካከያ የሚጠቀም አስተያየት አልተገኘም።"},jj={loading:"መገለጫ በመጫን ላይ...",error:"መገለጫ መጫን አልተቻለም",tryAgain:"እንደገና ይሞክሩ",noName:"ስም የለም",signOut:"ይውጡ",email:"ኢሜይል",sessions:"Sessions",accountSafety:"የመለያ ደህንነት",twoFactorAuth:"ድርብ-ደህንነት",twoFactorDesc:"ተጨማሪ የደህንነት ንጣፍ ያክሉ",enabled:"የተገለጸ",disabled:"የተጠፋ",userType:"የተጠቃሚ አይነት",userTypes:{employee:"ሰራተኛ",admin:"አስተዳዳሪ",user:"ተጠቃሚ",super_admin:"ሱፐር አስተዳዳሪ"},passwordSet:"የይለፍ ቃል ተመስርቷል",status:{accepted:"ተቀባይነት አግኝቷል"},positionDetails:"የስራ መደብ ዝርዝሮች",positionName:"የስራ መደብ ስም",positionKey:"የስራ መደብ ቁልፍ",isDelegate:"ተወካይ ነው",employeeId:"የሰራተኛ መታወቂያ",permissions:"ፈቃዶች",noPermissions:"ፈቃዶች አልተመደቡም",accountSecurity:"የመለያ ደህንነት",password:"የይለፍ ቃል",passwordSetStatus:"የይለፍ ቃል ተመስርቷል",passwordNotSetStatus:"የይለፍ ቃል አልተመሰረተም",changePassword:"የይለፍ ቃል ይቀይሩ",updateProfile:"መገለጫ አዘምን",profile:"መገለጫ",recentActivity:"የቅርብ ተግባራት",activity:{login:"ገብተዋል",passwordChanged:"የይለፍ ቃል ተቀይሯል"},username:"እባክዎ የተጠቃሚ ስም ያስገቡ",phoneNumber:"እባክዎ የስልክ ቁጥር ያስገቡ",emailmsg:"እባክዎ ኢሜል ያስገቡ",englishName:"እባክዎ ስሙን በእንግሊዝኛ ያስገቡ",amharicName:"እባክዎ ስሙን በአማርኛ ያስገቡ",usernameRequired:"የተጠቃሚ ስም ያስፈልጋል",emailRequired:"ኢሜይል ያስፈልጋል",validEmailFormat:"ትክክለኛ የኢሜይል ቅርጸት ያስገቡ",phoneRequired:"ስልክ ቁጥር ያስፈልጋል",validPhoneFormat:"ትክክለኛ የስልክ ቁጥር ቅርጸት ያስገቡ",amharicNameRequired:"አማርኛ ስም ያስፈልጋል",englishNameRequired:"እንግሊዝኛ ስም ያስፈልጋል",profileUpdateSuccess:"መገለጫዎ በትክክል ተቀይሯል",profileUpdated:"መገለጫዎ ተቀይሯል",profileUpdateFailed:"መገለጫ ማሻሻል አልተሳካም",updating:"በማሻሻል ላይ..."},Lj={title:"የቅሬታ ቅጽ ያስገቡ",subtitle:"ለመርዳት እንዘጋጅለዋለን። በትክክል መረጃ ይስጡን እንድንረዳዎት።",formTitle:"የቅሬታ ቅጽ",fullName:"ሙሉ ስም",phone:"ስልክ ቁጥር",subCity:"ክፍለ ከተማ",woreda:"ወረዳ",houseNumber:"የቤት ቁጥር",institution:"ተቋም",place:"የቅሬታ ቦታ",details:"የቅሬታ ዝርዝር",want:"የሚፈለገው መፍትሄ",evidence:"ማስረጃ (ከተፈለገ)",selectedFiles:"የተመረጡ ፋይሎች",disclaimerTitle:"አስፈላጊ ማስታወቂያ",disclaimerText:"ይህን ቅጽ በማስገባት የሰጡት መረጃ ትክክል እንደሆነ ታረጋገጡ። የተሳሳተ ቅሬታ የህግ እርምጃ ሊወሰድበት ይችላል።",accept:"ማስታወቂያውን አንብቤ ተቀብያለሁ",submit:"ቅሬታ ያስገቡ",submitting:"በመላክ ላይ...",success:"ቅሬታዎ በተሳካ ሁኔታ ተልኳል",keepId:"እባኮትን የቅሬታ መለያዎን ለወደፊት ያዝዙት፡",close:"ዝጋ",back:"ተመለስ",followTitle:"ቅሬታ መከታተያ",selectCompliant:"ቅሬታ ይምረጡ",noEvidence:"ማስረጃ የለም",followSubtitle:"እኛ እርስዎን ለመደገፍ እዚህ መጥተናል - የአቤቱታዎን ሂደት እዚህ ይከታተሉ",compliantId:"የቅሬታ መከታተያ ቁጥር",enterComNum:"የቅሬታ መከታተያ ቁጥር ያስገቡ",message:"ምላሽ",complaintNo:"የቅሬታ ቁጥር",errorMsg:"ቅሬታ ማምጣት አልተቻለም። እባክዎን የቅሬታ መከታተያ ቁጥሮን አረጋግጠው እንደገና ይሞክሩ።"},Fj={tigrigna:"Tigrigna",affar:"Affar",somali:"Somali",oromo:"ኦሮምኛ",user:"ተጠቃሚ",management:"አስተዳደር",notifications:"ማስታወቂያዎች",english:"እንግሊዝኛ",englishShort:"ENG",amharic:"አማርኛ",amharicShort:"አማ",french:"ፈረንሳይኛ",frenchShort:"FR",viewProfile:"መገለጫ ይመልከቱ",changePassword:"የይለፍ ቃል ይቀይሩ",signOut:"ይውጡ",settings:"ቲተርና ፊርማ",addTeeter:"ቲተርና ፊርማ ያክሉ",Remark:"የተለመዱ ምላሾች",Description:"ዝርዝር",navigation:{dashboard:"ዳሽቦርድ",outgoing:"ወጪ",incoming:"ገቢ",approval:"ማፅደቅ",delegation:"ዉክልና",pending:"በመጠባበቅ ላይ",settings:"ቲተርና ፊርማ",collaborations:"ትብብር",collaboration:"ትብብሮች"},editProfile:"መገለጫ አስተካክል"},Ij={migratedData:"የፈለሱ መዝገቦች",selectunit:"የፈለሱ መዝገቦች",title:"የስራ መደብ ፍልሰት",fromPositionType:"ከ ስራ መደብ",toPositionType:"ወደ ስራ መደብ",selectSourcePositionType:"የመነሻ ስራ መደብ ይምረጡ...",selectTargetPositionType:"የመድረሻ ስራ መደብ ይምረጡ...",migrationPath:"ፍልሰት",migrateAllPositions:"ሁሉንም ቦታዎች ፈልስ",confirmMigration:"ፍልሰትን ያረጋግጡ",migrateAllDescription:"ይህ ሁሉንም ቦታዎች ከ {{fromName}} ወደ {{toName}} ይፈልሳል። ይህ ድርጊት መልሰው ማድረግ አይችሉም።",yesMigrateAll:"አዎ፣ ሁሉንም ፈልስ",migrateSelectedPositions:"የተመረጡ ቦታዎችን ፈልስ",selectPositionsToMigrate:"ለመፈለስ ቦታዎችን ይምረጡ",searchPositions:"ቦታዎችን ፈልግ...",selected:"ተመርጧል",noPositionsFound:"ምንም ቦታዎች አልተገኙም",noPositionsAvailable:"ምንም ቦታዎች የሉም",migrateSelectedButton:"የተመረጡ ቦታዎችን ፈልስ ({{count}})",confirmSelectedMigration:"የተመረጡ ፍልሰትን ያረጋግጡ",migrateSelectedDescription:"{{count}} የተመረጡ ቦታዎችን ከ {{fromName}} ወደ {{toName}} ለመፈለስ ነው።",selectBothPositionTypes:"እባክዎ ሁለቱንም ከ እና ወደ ስራ መደብ ይምረጡ",selectAtLeastOnePosition:"እባክዎ ቢያንስ አንድ ቦታ ይምረጡ",allPositionsMigratedSuccess:"ሁሉም ቦታዎች በተሳካ ሁኔታ ተፈልሰዋል",failedToMigratePositions:"ቦታዎችን መፈለስ አልተሳካም",selectedPositionsMigratedSuccess:"{{count}} ቦታ(ዎች) በተሳካ ሁኔታ ተፈልሰዋል",failedToMigrateSelectedPositions:"የተመረጡ ቦታዎችን መፈለስ አልተሳካም"},Uj={"Reference Number":"Reference Number","Enter Reference Number":"Enter Reference Number","Record Tags":"Record Tags","Select Record Tags":"የመዝገብ መለያዎችን ይምረጡ",SelectedReceivingUnits:"የተመረጡ ",EditRecord:"መዝገቡን አስተካክል","Record Type":"የመዝገብ አይነት","Select Record Type":"የመዝገብ አይነትን ይምረጡ","Initiation Type":"የማስጀመሪያ ዓይነት","Select Initiation Type":"የማስነሻ አይነትን ይምረጡ","Receiving Unit":"ተቀባይ ክፍል",editIncomingRecord:"መዝገብ አስተካክል","Select Receiving Units":"ተቀባይ ክፍልን ይምረጡ",Prefix:"ቅድመ ቅጥያ","Select Prefix":"ቅድመ ቅጥያ ይምረጡ","Non Smart Receiving Unit":"እስማርት ኦፊስ ሲስተም ተጠቃሚ ያልሆኑ (ተቀባይ)","Enter Non Smart Receiving Organization":"እስማርት ኦፊስ ሲስተም ተጠቃሚ ያልሆኑ (ተቀባይ) አስገባ","To Departments":"ተቀባይ ክፍሎች (በስራ መደብ መጠሪያ)","Select Department":"ክፍሎችን ይምረጡ","Preferred Language":"የደብዳቤ ቋንቋ","Select Language":"የደብዳቤ ቋንቋን ይምረጡ",Suffix:"ድህረ ቅጥያ","Select Suffix":"ቅጥያ ይምረጡ","Position Prefix":"የስራ መደብ ቅድመ ቅጥያ","Select Position Prefix":"የስራ መደብ ቅድመ ቅጥያ ይምረጡ (ተራ)",Subject:"ርዕሰ ጉዳይ","Enter Subject":"ርዕሰ ጉዳይ አስገባ","Letter Template":"የተመለዱ የደብዳቤ ቅጽዎች","Select Letter Template":"የተመለዱ የደብዳቤ ቅጽዎች ይምረጡ",Body:"የደብዳቤ ይዘት","External CC":"ውጫዊ ግልባጭ","Select External CC":"ውጫዊ ግልባጭ ይምረጡ","External FYR":"ውጫዊ እንዲያውቁት","Select External FYR":"ውጫዊ እንዲያውቁት ይምረጡ","Internal CC":"ውስጣዊ ግልባጭ(በስራ መደብ)","Select Internal CC":"ውስጣዊ ግልባጭ ይምረጡ","Non Smart CC Unit":"ስማርት ኦፊስ የማይጠቀሙ ግልባጭ ክፍል","Non Smart FYR Unit":"ስማርት ኦፊስ የማይጠቀሙ እንዲያውቁት ክፍል","Enter  Non Smart CC Organization":"ስማርት ኦፊስ የማይጠቀሙ ግልባጭ ክፍል አስገባ","Enter  Non Smart FYR Organization":"ስማርት ኦፊስ የማይጠቀሙ እንዲያውቁት ክፍል አስገባ",Cancel:"ሰርዝ",Add:"+ መዝግብ",English:"እንግሊዝኛ",Amharic:"አማርኛ",Header:"የደብዳቤው ሄደር","Select Header":"ሄደር ይምረጡ","No Header":"ሄደር የለም",Footer:"የደብዳቤዉ ፉተር","Select Footer":"ፉተር ይምረጡ","No Footer":"ፉተር የለም",Collaborators:"ቡድን","Select Collaborators":"ቡድን ምረጥ","Sincerely Text":"መዝጊያ ቃል","Enter Sincerely Text":"መዝጊያ ቃል ያስገቡ",record:"መዝገብ",attachment:"አባሪ",failedToCreateRecord:"መዝገቡን መፍጠር አልተቻለም",recordSubmittedSuccessfully:"መዝገቡ በተሳካ ሁኔታ ተገብሯል።",createRecordFirst:"አባሪ ለማካተት መጀመሪያ መዝገብ ይፍጠሩ።",previous:"ወደ ኋላ",submit:"አስገባ",recordNotCreatedYet:"መዝገቡ እስካሁን አልተፈጠረም።",submitting:"እየሰራሁ ነው...","Enter CC Prefix":"የግልባጭ ቅድመ ቅጥያ ያስገቡ","CC Prefix":"የግልባጭ ቅድመ ቅጥያ","Enter CC Suffix":"የግልባጭ ቅጥያ ያስገቡ","CC Suffix":"የግልባጭ ድህረ ቅጥያ","Receiving Users":"ተቀባይ ባለሙያ","Select Receiving Users":"ተቀባዮችን ይምረጡ",ccUsers:"ዉስጣዊ ግልባጭ (በስም)",selectCCUsers:"ግልባጭ የሚደረግላቸውን ባለሙያ ይምረጡ",refreshOptions:"አዘምን አማራጮች",isTeamSig:"በቡድን ፊርማ ነው?",letterName:"የፋይል ስም",addLetterName:"የፋይል ስም አስገባ",MarkUrgent:"አስቸኳይ አድርግ",UnmarkUrgent:"አስቸኳይ አታድርግ",MarkUrgentDialogTitle:"ይህን መዝገብ እንደ አስቸኳይ ልክ ልታመልክቱት ትፈልጋለህ?",MarkUrgentDialogDescription:"ይህን ደብዳቤ አስቸኳይ ካደረጉ በሁዋላ መመለስ  አይችሉም።",UnmarkUrgentDialogTitle:"ይህን መዝገብ ከአስቸኳይ ዝርዝር ማስወገድ ትፈልጋለህ?",UnmarkUrgentDialogDescription:"ይህ መዝገብ እንደ አስቸኳይ አይታይም።","Edit Mode":"የማስተካከያ ሁነታ","Create Mode":"የደብዳቤ ማርቀሪያ ፎርም","Edit Record":"ደብዳቤ አስተካክል","Create New Record":"አዲስ ደብዳቤ አርቅቅ","Fill in the details below":"ዝርዝሮቹን ከዚህ በታች ይሙሉ","Basic Information":"መሰረታዊ መረጃ",enterBasicDetails:"የደብዳቤዎን መሰረታዊ ዝርዝሮች ያስገቡ","Creation Type":"የመፍጠሪያ አይነት","Select Creation Type":"የመፍጠሪያ አይነት ይምረጡ",Recipients:"ተቀባዮች",specifyRecipients:"ደብዳቤዉን ማን እንደሚቀበል ይግለጹ","Template & Formatting":"የተለመዱ ቅጽዎች ፥ ሄደርና ፉተር ",customizeAppearance:"የደብዳቤዎን ቅርፅ ያስተካክሉ","Loading Headers...":"ራስጌዎች በመጫን ላይ...","Loading Footers...":"ግርጌዎች በመጫን ላይ...","Letter Content":"የደብዳቤ ይዘት",writeLetterContent:"የደብዳቤዎን ይዘት ይጻፉ","Header Preview":"የራስጌ ቅድመ እይታ","Footer Preview":"የግርጌ ቅድመ እይታ","Carbon Copy (CC)":"ግልባጭ (CC)",addCCRecipients:"ግልባጭ ተቀባዮችን ያክሉ",forYourReference:"እንዲያውቁት",selectForYourReference:"እንዲያውቁት ክፍሎችን ይምረጡ","Enter Non Smart CC Organization":"ስማርት ያልሆነ CC ድርጅት ያስገቡ",Attachments:"ተያያዥ ፋይሎች",uploadSupportingDocuments:"ተያያዥ አባሪ መዝገቦችን ያያይዙ",personal:"በግለሰብ",Position:"በስራ መደብ",formHasErrors:"ከማስገባትዎ በፊት በቅጹ ላይ ያሉትን ስህተቶች ያርትዑ",processingRequest:"ደብዳቤዉን እየፈጠርን ስለሆነ እባክዎን ትንሽ ይጠብቁ...",letterInformation:"የደብዳቤዉ መረጃ",organizationInformation:"የላኪ ድርጅት መረጃ",skipOneLevel:"አንድ ደረጃ ዝለል","Enter Non Smart FYR Organization":"ስማርት ኦፊስ የማይጠቀሙ እንዲያውቁት ክፍል ያስገቡ"},$j={createdSuccess:"የመጪ ደብዳቤ በተሳካ ሁኔታ ተፈጥሯል",updatedSuccess:"የመጪ ደብዳቤ በተሳካ ሁኔታ ተዘምኗል",UpdatedSuccessfully:"በተሳካ ሁኔታ ዘምኗል"},zj={letterSentSuccess:"ደብዳቤው በተሳካ ሁኔታ ተልኳል"},Bj={All:"ሁሉም",createAndForward:"ፍጠር እና ላክ",createAndApprove:"ፍጠር እና አጽድቅ",updateAndForward:"አዘምን እና ላክ",updateAndApprove:"አዘምን እና አጽድቅ",recordCreatedAndForwarded:"ሰነዱ ተፈጥሮ ተልኳል",recordUpdatedAndForwarded:"ሰነዱ ተዘምኖ ተልኳል",recordCreatedReadyToApprove:"ሰነዱ ተፈጥሯል — ለማጽደቅ ማህተም እና ፊርማ ይምረጡ",recordUpdatedReadyToApprove:"ሰነዱ ተዘምኗል — ለማጽደቅ ማህተም እና ፊርማ ይምረጡ","The main file must be a PDF document":"The main file must be a PDF document",storageUploadFailed:"ፋይሉን መጫን አልቻልንም። እባክዎ እንደገና ይሞክሩ።",History:"ገቢ ማህደር",Draft:"ረቂቅ",Submitted:"ወደፊት የተላከ",Accepted:"ተቀባይነት ያገኘ",Approved:"የፀደቀ",Rejected:"ዉድቅ የተደረገ",Returned:"የተመለሰ",Adjustment:"ማስተካከያ","Team Signature":"ፊርማዎች በመጠባበቅ ላይ",Sent:"የተላከ",Letters:"ደብዳቤዎች","External Outgoing":"ወደ ውጭ የሚላኩ","Internal Outgoing":"ወደ ውስጥ የሚላኩ",To:"ወደ",nonSmartReceiverName:"ስማርት ኦፊስ ተጠቃሚ ያልሆነ",ReceiverPosition:"ተቀባይ ክፍል",ReceiverEmployee:"ተቀባይ ባለሞያ",ReceiverUnit:"ተቀባይ ቢሮ",Subject:"ርዕሰ ጉዳይ",Date:"ቀን",Search:"ፈልግ","Add Record":"ደብዳቤ አርቅቅ","Error loading records.":"መዝገቦችን ማግኘት ስህተት አለ።","Receiver Info":"ተቀባይ","No receivers":"ተቀባዮች የሉም","No receiving unit":"የመቀበያ ክፍል የለም",Status:"ሁኔታ",Send:"ቀጥታ","Send Directly":"ቀጥታ ላክ",Actions:"ተግባራት","View Detail":"ዝርዝር ይመልከቱ",MakeRecordSecure:"ደብዳቤ መስጥር",UnsecureRecord:"መዝጊያውን ክፈት",RecordSecuredSuccess:"መዝጊያው በተሳካ ሁኔታ ተቋቋመ።",RecordSecureFailed:"መዝጊያውን ማድረግ አልተሳካም።",RecordUnsecuredSuccess:"መዝጊያው በተሳካ ሁኔታ ተከፍቷል።",RecordUnsecureFailed:"መዝጊያውን መክፈት አልተሳካም።",recordSecuredSuccess:"ደብዳቤው ምስጢራዊ ሆኗል።",recordUnsecuredSuccess:"ደብዳቤው ከምስጢራዊነት ተወግዷል።",recordMarkedUrgentSuccess:"ደብዳቤው አስቸኳይ ተደርጓል።",recordUrgencyClearedSuccess:"የደብዳቤው አስቸኳይነት ተወግዷል።",SecureDialogTitle:"ደብዳቤዉን ምስጢራዊ ያድርጉ?",SecureDialogDescription:"ደብዳቤዉን ምስጢራዊ ካደረጉ በሁዋላ መመለስ አይችሉም።",UnsecureDialogTitle:"መዝጊያውን መክፈት ትፈልጋለህ?",UnsecureDialogDescription:"ይህ መዝጊያውን ይከፍታል እና እንደገና ማስተካከል ይፈቅዳል።","Open actions menu":"የተግባር ምናሌን ክፈት",Approve:"አጽድቀው",Forward:"ላክ",Edit:"አስተካክል",Delete:"ሰርዝ",Download:"አውርድ","Record approved successfully!":"መዝገቡ በተሳካ ሁኔታ ተፅድቋል!","Record rejected successfully!":"መዝገቡ ውድቅ ሆኗል","Failed to approve record.":"መዝገቡን ማጽደቅ አልተቻለም።","Approve Record":"መዝገቡን አጽድቅ","Record is deleted successfully":"መዝገቡ በተሳካ ሁኔታ ተሰርዟል","Confirm Delete":"ማጥፋትን ያረጋግጡ","Delete Record":"መዝገቡን ሰርዝ",Downloaded:"አዉርድ","Download Record PDF":"የመዝገቡን PDF አውርድ","Failed to download PDF.":"PDF ማውረድ አልተሳካም።","Download successful!":"ማውረድ በተሳካ ሁኔታ ተጠናቋል!","Confirm Forward":"ማስተላለፍን ያረጋግጡ","Forward Record":"መዝገቡን ላክ","Failed to forward the record":"መዝገቡን ማስተላለፍ አልተሳካም።","Record forwarded successfully":"መዝገቡ በተሳካ ሁኔታ ተላክ።","Confirm Approve":"አጽድቅን ያረጋግጡ",Reference:"የድርጅቱ የተለመደ ማጣቀሻ ቁጥር",ExternalReference:"የገቢ ደብዳቤዎች ማኣቀሻ ቁጥር",InternalMemoReference:"የዉስጥ ማስታወሻ ደብዳቤዎች ማጣቀሻ ቁጥር","Reference Number":"ማጣቀሻ ቁጥር","Enter the subject of the letter":"የደብዳቤውን ርዕስ ያስገቡ","Delivered By":"ደብዳቤዉን ያደረሰዉ ግለሰብ","Enter Delivered By":"የደረሰበትን ሰው ያስገቡ","Letter Number":"የደብዳቤ ቁጥር","Enter Letter Number":"የደብዳቤ ቁጥሩን ያስገቡ","Failed to create letter":"ደብዳቤን መፍጠር አልተሳካም","Letter Created successfully":"ደብዳቤ በትክክል ተፈጠረ","Please select file_am":"ፋይል እባክዎን ይምረጡ",signStatus:"የፊርማ ሁኔታ",createdAt:"የተፈጠረበት ቀን",View:"ይመልከቱ","Date Received":"ቀን",Attachment:"ፋይል",ReceivingUnit:"ተቀባይ","Review your record before submission":"ለመላክ ከመጀመርዎ በፊት መዝገብዎን ይገምግሙ",Back:"ተመለስ","Submit Record":"መዝገብ አስገባ",Submitting:"በማስገባት ላይ","Generating preview":"ቅድመ እይታ በመፍጠር ላይ","PDF Preview":"PDF ቅድመ እይታ","Unable to generate preview":"ቅድመ እይታ ማመንጨት አልተቻለም",Retry:"እንደገና ይሞክሩ","Record Summary":"የመዝገብ ማጠቃለያ","No subject":"ርዕስ የለም","Record Type":"የመዝገብ አይነት","Not specified":"አልተገለጸም",Language:"ቋንቋ","Initiation Type":"የመነሻ አይነት","Preview generation failed":"ቅድመ እይታ ማመንጨት አልተቻለም",Preview:"የመዝገብ ቅድመ እይታ",Form:"ቅፅ","Delete Delegation":"ዉክልና ሰርዝ",selectLetter:"ደብዳቤ ይምረጡ",incomingLetters:"ገቢ ደብዳቤዎች",nonSmartLetters:"ስማርት ያልሆኑ ደብዳቤዎች","Filter by":"በዚህ ያጣሩ","Sending Organization":"የላኪ ድርጅት",sendingOrganization:"የላኪ ድርጅት","Receiver Position":"የተቀበለው የስራ መደብ","Receiver Employee":"የተቀበለው ሰራተኛ","Add User Under Department":"በክፍል ስር ተጠቃሚ ያክሉ",usernameRequired:"የተጠቃሚ ስም ያስፈልጋል",emailRequired:"ኢሜይል ያስፈልጋል",validEmailFormat:"ትክክለኛ የኢሜይል ቅርጸት ያስገቡ",phoneRequired:"ስልክ ቁጥር ያስፈልጋል",validPhoneFormat:"ትክክለኛ የስልክ ቁጥር ቅርጸት ያስገቡ",amharicNameRequired:"አማርኛ ስም ያስፈልጋል",englishNameRequired:"እንግሊዝኛ ስም ያስፈልጋል",MarkUrgent:"Mark as Urgent",UnmarkUrgent:"Unmark Urgent",MarkUrgentDialogTitle:"Mark this record as urgent?",MarkUrgentDialogDescription:"This record will be flagged as urgent for quick handling.",UnmarkUrgentDialogTitle:"Unmark this record as urgent?",UnmarkUrgentDialogDescription:"This record will no longer appear as urgent.",fromSmartUsers:"ከስማርት ኦፊስ ተጠቃሚ ቢሮዎች የተላከ",fromExternalNonsmart:"ከውጭ ስማርት ተጠቃሚዎች የተላከ",recordOfficeRegester:"በመዝገብ ቤት የተመዘገበ",addRecordRO:"ገቢ ደብዳቤ መዝግብ","Make Review":"ግምገማ ያድርጉ","Confirm Review":"ግምገማውን ያረጋግጡ",noSignatureForDirectSend:"ቀጥታ መላክ ለማድረግ ምንም ንፁህ ፊርማ አልተገኘም።",directDispatchSuccess:"ደብዳቤው በተሳካ ሁኔታ ተላከ።",directDispatchError:"ደብዳቤውን መላክ አልተሳካም።",SendDirectRecordTitle:"ቀጥታ ደብዳቤ ላክ",SendDirectRecordDescription:"ይህን ቀጥታ ደብዳቤ መላክ እንደሚፈልጉ እርግጠኛ ነዎት? ይህ ተግባር መመለስ አይችልም።",Sending:"እየላከ ነው...",createAndSend:"ቀጥታ ደብዳቤ ላክ","Confirm Reject":"ዉድቅ ማድረግ ያረጋግጡ"},qj={Skipped:"ታልፉል",Pending:"በመጠባበቅ ላይ",pending:"በመጠባበቅ ላይ","Team Rejected":"ቡድን ዉድቅ አድርግ",teamRejected:"ቡድን ዉድቅ አድርግ",Draft:"ረቂቅ",draft:"በሂደት ላይ","In Progress":"በሂደት ላይ",InProgress:"በሂደት ላይ","In progress":"በሂደት ላይ",active:"በሂደት ላይ",Reassigned:"በድጋሚ ተመድቧል",re_assigned:"በድጋሚ ተመድቧል",Approved:"ፀድቋል",Accepted:"ተቀባይነት አግኝቷል",accepted:"ተቀበለ",Dispatched:"ተልኳል",Adjustment:"አስተካክል",adjustment:"አስተካክል",adjustment_requested:"የማስተካከያ ጥያቄ ቀርቧል",AdjustmentRequested:"የማስተካከያ ጥያቄ ቀርቧል",Rejected:"ተቀባይነት አላገኘም",rejected:"ተተወ",Submitted:"ወደፊት",All:"ሁሉም",Approve:"አጽድቅ",approved:"አጽድቅ",Accept:"ተቀበል",Assign:"መድብ",Reject:"ዉድቅ አድርግ",Adjust:"አስተካክል",Sent:"ተልኳል",Send:"ላክ","Created At":"የተፈጠረው በ","Sign Status":"የፊርማ ሁኔታ",activate:"አንቃ",deactivate:"አጥፋ",activated:"ዉክልናዉ ጀምሯል",deactivated:"ዝግ ተደርጓል",signed:"ፊርማ ተደርጓል",totalAllocations:"ጠቅላላ ምደባዎች",assignmentStatistics:"የምደባ ስታትስቲቅሬታ ",Outgoing:"ወጪ",Incoming:"ገቢ","Team Signature":"ፊርማዎች በመጠባበቅ ላይ",Returned:"የተመለሰ",Adjusted:"የተስተካከለ",acceptForward:"ተቀበልና ምራ",replaced:"የተተካ",seen:"የታዩ",assigned:"የተመደበ",not_assigned:"ያልተመደበ",completionRate:"የማጠናቀቂያ ደረጃ","Under Review":"በ ግምገማ ላይ","Re Assigned":"በድጋሚ ተመድቧል",send_back_by_ro:" በመዝገብ ቤት የተመለሰ",replied:"መለስ ተሰቷል",Replied:"መለስ ተሰቷል",yes:"አዎ",no:"አይ",terminated:"ተቋርጧል",cancelled:"ተሰርዟል",canceled:"ተሰርዟል",ended:"ተጠናቋል",Expired:"ጊዜው አልፏል","Team Adjusted":"ማስተካከያ ተጠይቋል"},Vj={Continue:"ቀጥል","Update and Assign":"ፍጠር እና መድብ","Create and Assign":"አስተካክለህ መድብ",nonSmart:"ሲስተሙን ከማይጠቀሙ",external:"ሲስተሙን ከሚጠቀሙ","Assign this CC record to one or more departments":"ይህንን የCC መዝገብ ለአንድ ወይም ከዚያ በላይ ክፍሎች ይመድቡ","Select a remark...":"የተለመዱ ምላሾችን ይምረጡ!","Select Predefined Remark":"የተለመዱ ምላቾችንን ይምረጡ",Clear:"አጥፋ","From Date":"ከ","To Date":"እስከ",successassign:"መዝገብ በተሳካ ሁኔታ ተመዝግቧል።",Letters:"ደብዳቤዎች",Department:"ክፍል",Subject:"ርዕሰ ጉዳይ",Date:"ቀን",Search:"ፈልግ","Error loading records.":"መዝግቦች ሲመታ ስህተት አለ።",errDelegation:"ዉክልና ስለወከሉ ይህን ገፅ መመልከት አይችሉም",Status:"ሁኔታ",Actions:"ተግባራት","Sending Department":"የላከው ክፍል","No Department":"ክፍል የለም","No Subject":"ርዕሰ ጉዳይ የለም","Sending Organization (Amharic)":"የላከው ድርጅት ስም(በአማርኛ)","Sending Organization":"የላከው ድርጅት ","No Sending organization":"No Sending organization","Sending Organization (English)":"የላከው ድርጅት ስም(እንግሊዝኛ)","View Detail":"ዝርዝር ይመልከቱ","Open actions menu":"የተግባር ምናሌን ክፈት",Accept:"ተቀበል",Assign:"መድብ",Edit:"አስተካክል",update:"መዝገብ አስተካክል",Delete:"ሰርዝ",Download:"አውርድ",Reject:"ዉድቅ አድርግ",Cancel:"ሰርዝ",uploadIncomingRecord:"ገቢ መዝገብ አስገባ","Record accepted successfully":"መዝገቡ በተሳካ ሁኔታ ተቀብሏል","Failed to accept record":"መዝገቡን መቀበል አልተቻለም።","Confirm Acceptance":"መቀበልን ያረጋግጡ","Are you sure you want to accept this record?":"ይህን መዝገብ መቀበል እንደምትፈልጉ ያረጋግጡ?",Confirm:"ያድርጉ","Processing...":"በሂደት ላይ...","Failed to Assign a Record":"መዝገቡን መመያየት አልተቻለም።","Assign this record to one or more departments":"ይህን መዝገብ ለአንዱ ወይም ከዚያ በላይ ክፍሎች መመያየት።","Assign Record":"መዝገቡን መመያየት","An error occurred during assignment.":"በመመያየት ሂደት ውስጥ ስህተት ተፈጥሯል።","Enter your remarks...":"የእርስዎን አስተያየት ያስገቡ...","Assigning...":"በመመያየት ላይ...",Departments:"ክፍሎች","Select department(s)...":"ክፍል ይምረጡ...",Employees:"ሰራተኞች","Select employee(s)...":"ሰራተኛ ይምረጡ...",Remark:"አስተያየት","Are you sure you want to reject this record?":"ይህን መዝገብ መተው እንደምትፈልጉ ያረጋግጡ?","Failed to rejected record":"መዝገቡን መተው አልተቻለም።","Record rejected successfully":"መዝገቡ በተሳካ ሁኔታ ተተውቷል",To:"ለ","Assign CC":"ግልባጭ መድብ","Assign CC Record":"ግልባጭ መዝገብ መድብ","Assign this CC record to one or more positions":"ይህን ሲሲ መዝገብ ለአንድ ወይም ከዚያ በላይ ቦታዎች መድብ","Select Positions":"ቦታዎችን ይምረጡ","Select positions to assign":"ለመመደብ ቦታዎችን ይምረጡ",Comment:"አስተያየት","Quick Remarks":"ፈጣን አስተያየቶች","Failed to Assign CC Record":"ሲሲ መዝገብን መመደብ አልተቻለም",ConvertedBy:"የተቀየረው በ",ReceiverEmployee:"ተቀባይ ግለሰብ",ReceiverDepartment:"ተቀባይ ክፍል",return:"መልስ",returnQues:"እርግጠኛ ነዎት ይህን መዝገብ መመለስ ይፈልጋሉ?",returing:"በመመለስ ላይ...",conformReturn:"መመለስን ያረጋግጡ","Reference Number":"ማጣቀሻ ቁጥር","Dispatched Date":"ቀን",noRemark:"ምንም ማስታወሻ አልተገኘም",searchRemark:"ማስታወሻ ፈልግ...","Is Secured":"ሚስጥራዊ ነው?","Is Urgent":"አስቸኳይ ነው?","Receiving Organization":"የሚቀበል ድርጅት",Attachments:"ተያያዥ ፋይሎች",parent:"የአለቃዬ መዝገብ",self:"የእኔ መዝገብ",errorLoadingRecords:"Error Loading Records",reply:"ምላሽ ስጥ",replyRecord:"ምላሽ መዝገብ",remarkDate:"አስተያየት የተሰጠበት ቀን",isReplyLetter:"ይህ መዝገብ ምላሽ ደብዳቤ ነው",ViewReplyLetterDetails:"የምላሽ ደብዳቤ ዝርዝሮችን ይመልከቱ",isSecured:"ሚስጥራዊ",isUrgent:"አስቸኳይ",RecordStatus:"የመዝገብ ሁኔታ"},Hj={".Record adjusted successfully":"መዝገቡ በትክክል ተስተካክሏል",yourStamp:"የእርስዎ ቲተር",Letters:"ደብዳቤዎች",Department:"ክፍል",Subject:"ርዕሰ ጉዳይ",Date:"ቀን",Search:"ፈልግ","Error loading records.":"መዝግቦች ሲመታ ስህተት አለ።",Status:"ሁኔታ",Actions:"ተግባራት","Sending Department":"የላከው መምሪያ","No Department":"መምሪያ የለም","No Subject":"ርዕሰ ጉዳይ የለም","Sending Organization":"የላከው ድርጅት","View Detail":"ዝርዝር ይመልከቱ","Open actions menu":"የተግባር ምናሌን ክፈት",receiverEmployee:"ተቀባይ ባለሞያ",receiverPosition:"ተቀባይ ክፍል",LetterName:"የፋይል ስም",Receiver:"ተቀባይ","Record accepted successfully":"መዝገቡ በተሳካ ሁኔታ ተቀብሏል",Confirm:"ያድርጉ",Remark:"አስተያየት",Remarks:"አስተያየት","Accept Record":"መዝገብ ተቀበል",recordAdjustedSuccessfully:"መዝገቡ በትክክል ተስተካክሏል",confirmAdjustment:"ማስተካከያን ያረጋግጡ",adjustRecord:"መዝገቡን ያስተካክሉ",selectOrUploadSignature:"እባክዎ ፊርማ ይምረጡ ወይም ይስቀሉ",selectOrUploadTeeter:"እባክዎ ቴተር ይምረጡ ወይም ይስቀሉ",recordApprovedSuccessfully:"መዝገቡ በተሳካ ሁኔታ ተፀድቷል!",failedToApproveRecord:"መዝገቡን ማጽደቅ አልተቻለም።",approveRecord:"መዝገቡን ያጽዱ",confirmApprove:"ማጽደቅን ያረጋግጡ",confirmRejection:"ውድቅ የተደረገ ያረጋግጡ",rejectRecord:"መዝገቡን ውድቅ ሆኗል",RecordType:"የመዝገብ አይነት",selectStamp:"ማህተም ይምረጡ",selectTetter:"ቲተር ይምረጡ",selectedStamp:"የተመረጠው ማህተም፡",signature:"ፊርማ",yourSignature:"የእርስዎ ፊርማ፡",selectedSignature:"የተመረጠው ፊርማ፡",selectSignature:"ፊርማ ይምረጡ",approving:"እየፅደቀ ነው...",All:"ሁሉም",FileName:"የፋይል ስም",SendingDepartment:"የላከው ክፍል",RecordStatus:"የመዝገብ ሁኔታ"},Wj={for:"ስለ",viewDetail:"ዝርዝር ይመልከቱ",from:"ከ",letter:"ዋና ደብዳቤ",letterPreview:"የደብዳቤ እይታ",view:"ደብዳቤ ተመልከት",fullScreen:"ሙሉ እይታ",back:"ተመለስ",loading:"Loading...",noPreview:"ቅድመ እይታ አልተገኘም።",securedRecordMessage:"ደብዳቤዉ ምስጢራዊ ስለሆነ ዝርዝሩን የመመለከት ፍቃድ የለዎትም!",securedAttachmentMessage:"ደብዳቤዉ ምስጢራዊ ስለሆነ አባሪ ፋይሎቹን የመመልከት ፍቃድ የለዎትም!",receivingOrganizations:"ተቀባይ ድርጅቶች",receivingUserEmployees:"ተቀባይ ተጠቃሚ ሰራተኞች",sendingDepartment:"ላኪ ክፍሎች",externalCcOrganizations:"ዉጫዊ ግልባጭ ድርጅቶች",internalCcDepartments:"ውስጣዊ ግልባጭ ክፍሎች",receivingDepartments:"ተቀባይ ክፍሎች",sentDate:"የተላከበት ቀን",referenceNumber:"ማጣቀሻ ቁጥር",attachments:"አባሪ",remarks:"ማስታወሻ",loadingRemarks:"ማስታወሻዎች በመጫን ላይ...",failedToLoadRemarks:"ማስታወሻዎችን መጫን አልተቻለም።",noRemarksAvailable:"ለዚህ መዝገብ ማስታወሻ የለም።",action:"እርምጃ",comment:"አስተያየት፡",noAttachmentsAvailable:"ምንም አባሪ የሉም።",open:"ክፈት",subject:"ርዕስ",letterNumber:"የደብዳቤ ቁጥር",deliveredBy:"የተደረሰው በ",personalRemark:"የግል ማስታወሻ",noPersonalRemarkProvided:"የግል ማስታወሻ አልተሰጠም",regeneratePdf:"PDF እንደገና ይፍጠሩ",regeneratingPdf:"በመፍጠር ላይ...",pdfRegenerationSuccess:"PDF በተሳካ ሁኔታ ተፈጥሯል",pdfRegenerationFailed:"PDF መፍጠር አልተሳካም",sendingBureau:"ላኪ ቢሮ",collaborators:"ፈራሚዎች",recordDetail:"የደብዳቤ ዝርዝር",commentorEmployee:"አስተያየት ሰጪ ሰራተኛ",commentorDepartment:"አስተያየት ሰጪ ክፍል",noComment:"ምንም አስተያየት የለም",fileName:"የፋይል ስም",fileName1:"የፋይል ስም (የመዝገብ ቤት ማጣቀሻ ቁጥር)",toogleColumns:"ዓምዶችን ቀያይር",sendingEmployee:"ላኪ ሰራተኛ"},Gj={dropFilesHere:"ፋይሎችን እዚህ ይጣሉ",dragDropInstruction:"አባሪ ፋይሎን እዚህ ያስገቡ",youCanUpload:"መጫን የሚቻል",removeFile:"ፋይሉን ያስወግዱ",filesUpTo:"እስከ ... ፋይሎች",aFileWith:"ከ... ጋር ያለ ፋይል",file:"ፋይል",wasRejected:"ተተውቷል",uploaded:"ተጫኗል",failedToUpload:"መጫን አልተቻለም",uploading:"በመጫን ላይ...",cannotUploadMoreThan:"ከ በላይ ፋይሎችን ማጫን አይቻልም"},Kj={title:"መዝገብን በኢሜይል ያጋሩ",description:"ይህን መዝገብ ለማጋራት የኢሜይል አድራሻ ያስገቡ።",emailLabel:"የኢሜይል አድራሻ",emailPlaceholder:"የኢሜይል አድራሻ ያስገቡ",emailRequired:"የኢሜይል አድራሻ ያስፈልጋል",invalidEmailFormat:"እባክዎ ትክክለኛ የኢሜይል አድራሻ ያስገቡ",shareButton:"መዝገብ አጋራ",shareSuccess:"መዝገቡ በኢሜይል በተሳካ ሁኔታ ተጋርቷል",shareFailed:"መዝገብን በኢሜይል ማጋራት አልተቻለም",networkError:"የኔትወርክ ስህተት ተከስቷል። እባክዎ ግንኙነትዎን ይፈትሹ እና እንደገና ይሞክሩ።"},Yj={recordConverted:"መዝገቡ በተሳካ ሁኔታ ተቀይሮ ትልኳል",selectSeal:"እባክዎን ማህተም ይምረጡ።",convertRecord:"መዝገቡን ቀይር",recordType:"የመዝገብ አይነት፦",subject:"ርዕስ፦",convertAndDispatch:"ቀይርና ላክ",selectSealLabel:"ማህተም ይምረጡ፦",loadingSeals:"ማህተሞችን በመጫን ላይ...",selectSealPlaceholder:"-- ማህተም ይምረጡ --",selectedSealPreview:"የተመረጠው ማህተም እይታ፦",drawSig:"ፊርማ ፈርም"},Xj={viewLetter:"ደብዳቤዉን ተመልከት",noLetterAssigned:"ደብዳቤ የለዉም",delegatedPosition:"የተወካይ የስራ መደብ መጠሪያ",delegateePosition:"የወከለኝ የስራ ቦታ",delegateeEmployee:"የወከለኝ ባለሙያ",selectDelegatedPosition:"የተወካይ የስራ መደብ መጠሪያ ይምረጡ",delegateTo:"ተወካይ ባለሙያ",selectEmployee:"ባለሙያ ይምረጡ",noEmployeesAvailable:"ለዚህ የስራ ቦታ ምንም ባለሙያች አልተገኙም",startDate:"የመጀመሪያ ቀን",pickDate:"ቀን ይምረጡ",endDate:"የመጨረሻ ቀን",endDateMinimumFutureError:"የመጨረሻ ቀን ከአሁኑ ጊዜ ቢያንስ 2 ደቂቃ በኋላ መሆን አለበት",update:"አዘምን",save:"መዝግብ",title:"ዉክልና",newDelegation:"አዲስ ውክልና",editDelegation:"ውክልና አስተካክል",addDelegation:"ውክልና ጨምር",position:"የተወካይ የስራ መደብ መጠሪያ",active:"በስራ ላይ",delegator:"ወካይ",delegatedEmployee:"ተወካይ ባለሙያ",currentEndDate:"የአሁኑ ያለው የመጨረሻ ቀን",select:"ይምረጡ",acting:"እንደ",switchRole:"ሚና ይቀይሩ",successDelete:"ውክልና በተሳካ ሁኔታ ተሰርዟል።",activeDelegationExists:"ንቁ ውክልና አለ፤ ያለውን ውክልና ያስተካክሉ ወይም ሰርዘው እንደገና ይፍጠሩ።",createdSuccess:"ውክልና በተሳካ ሁኔታ ተፈጥሯል",deletedSuccess:"ውክልና በተሳካ ሁኔታ ተሰርዟል",updatedSuccess:"ውክልና በተሳካ ሁኔታ ተዘምኗል",terminationDetail:"የመቋረጥ ዝርዝር",viewTerminationDetail:"የመቋረጥ ዝርዝር ይመልከቱ",terminatedSuccess:"ውክልና በተሳካ ሁኔታ ተቋርጧል",deleteDescription:"ይህን ውክልና ለማቋረጥ ምክንያትዎን ያስፍሩ።",deleteReasonLabel:"ምክንያት",deleteReasonPlaceholder:"ይህን ውክልና ለምን ያቋርጡታል?",deleteReasonRequired:"እባክዎ ለመሰረዙ ምክንያት ያስፍሩ።",myDelegations:"የወከልኩት ውክልናዎች",myDelegatee:"የተወከለኩበት ውክልናዎች",letter:"የውክልና ደብዳቤ",letterDetails:"የተመረጠ ደብዳቤ ዝርዝሮች",recordInformation:"የመዝገብ መረጃ",letterPreview:"የደብዳቤ ቅድመ እይታ",openInNewTab:"በአዲስ ትር ክፈት",pdfNotAvailable:"PDF ሰነድ አይገኝም",recordNotFound:"የተመረጠ መዝገብ አልተገኘም",pdfNotFound:"PDF ሰነድ አልተገኘም",pdfLoadError:"PDF ሰነድ መጫን አልተሳካም",loadingPdf:"PDF ሰነድ በመጫን ላይ...",retryPdf:"PDF መጫንን እንደገና ሞክር",receiverPositions:"ተቀባይ ቦታዎች",initiator:"የተጀመረው በ",selectLetter:"መዝገብ ምረጥ",latestComment:"የቅርብ ጊዜ አስተያየት",commentMeta:"የሰጠው",commentMetaOn:"ቀን"},Qj={signature:"ፊርማ",teeter:"ቲተር",uploadSignature:"ፊርማ ስቀል",uploadTeeter:"ቲተር ስቀል",uploadSignatureNote:"ፊርማ ይስቀሉ (PNG ብቻ)",uploadTeeterNote:"ቲተር ይስቀሉ (PNG ብቻ)",uploadedSignature:"የተስቀመ ፊርማ:",uploadedTeeter:"የተስቀመ ቲተር:",enterFileName:"የፋይሉ ስም ያስገቡ (ከቅጥ በስተቀር)",preview:"ቅድመ እይታ:",upload:"ስቀል",uploading:"በመስቀል ላይ...",remove:"አስወግድ",removing:"በመሰረዝ ላይ...",removedSuccess:"በተሳካ ሁኔታ ተሰርዟል።",removeTeeterFailed:"ቲተሩን መሰረዝ አልተሳካም።",removeFailed:"መሰረዝ አልተሳካም።",selectPngFirst:"እባክዎን መጀመሪያ PNG ፋይል ይምረጡ።",onlyPngAllowed:"በPNG ብቻ ፋይሎች መፍቀድ ይቻላል።",signatureExists:"ፊርማ አስቀድሞ አለ። አዲስ ለማስገባት ቀደም ያለውን ያስወግዱ።",uploadSuccess:"ስቀል ተሳክቷል!",uploadError:"የስቀል ስህተት፦",uploadFailed:"ስቀል አልተሳካም።",openSignatureForm:"ፊርማ መሳቢያን ይክፈቱ",generateTeeter:"ቲተር ይፍጠሩ",selectTeeterLanguage:"የቲተር ቋንቋ ይምረጡ",languageAmharic:"አማርኛ",languageEnglish:"እንግሊዝኛ",languageBoth:"ሁለቱም (አማርኛ ከዚያ እንግሊዝኛ)",confirmGenerateTeeter:"ይፍጠሩ",cancelGenerateTeeter:"ይቅር",uploadGeneratedTeeter:"የተፈጠረውን ቲተር ይስቀሉ",generatedTeeterPreview:"የተፈጠረ ቲተር ቅድመ እይታ",downloadTransparentPng:"ግልጽ PNG ያውርዱ",stampNameLabel:"ስም",stampPositionLabel:"የስራ ድርሻ",stampBlockAmharic:"አማርኛ",stampBlockEnglish:"እንግሊዝኛ",missingEmployeeData:"የሰራተኛ ስም ወይም የስራ ድርሻ አልተገኘም።"},Jj={assignedBy:"የተመደበው በ",assignedTo:"ለ",assignedOn:"የተመደበበት ቀን፡",comment:"አስተያየት፡",assignmentFlow:"የመደበኛ ፍሰት",noAssignments:"ለዚህ መዝገብ ምንም መደበኛ አልተከናወነም።",responded:"ተሰጥቷል",assignedUsing:" የተመደበው በ:",byName:"ባለሙያ ስም",byDepartment:"በስራ መደብ",attentionNeeded:"ትኩረት የሚያስፈልጋቸው",onTrack:"የተጠናቀቁ",assInProg:"በሂደት ላይ ያለ ተግባር",next:"ቀጣይ የተመደቡ"},Zj={welcomeBack:"እንኳን ደህና መጡ።",enterCredentials:"ለመቀጠል መለያዎን ያስገቡ",email:"ኢሜል",phoneNumber:"ስልክ ቁጥር",username:"የተጠቃሚ ስም",password:"የይለፍ ቃል",rememberMe:"አስታውሰኝ",forgotPassword:"የይለፍ ቃልን ረሱ?",loggingIn:"በመግባት ላይ...",login:"ግባ",welcomeHeadline:"እንኳን ወደ እስማርት ኦፊስ በደህና መጡ",paperlessOffice:"ወረቀት አልባ ቢሮ",welcomeSubtext:"የስራ ሂደትዎን ለማመቻቸት እና ከወረቀት ነፃ አገልለግት ለመስጠት ይግቡ።",emailAddress:"ኢሜል አድራሻ",err:"ልክ ያልሆነ የኢትዮጵያ ስልክ ቁጥር በ+251 መጀመር አለበት።",invalidEmail:"Please enter a valid email address"},eL={title:"የይለፍ ቃል ረስተዋል?",subtitle:"የመመለሻ መመሪያ እንልካለን።",phone:"ስልክ ቁጥር",phoneplaceholder:"+251912345678 ወይም 09XXXXXXXX",invalidphone:"የስልክ ቁጥር ቅርጸት ተሳሳተ። +2519XXXXXXXX ወይም 09XXXXXXXX ይጠቀሙ።",checkphone:"ስልክ ቁጥርዎን ያረጋግጡ",checkdesc:"የይለፍ ቃል መመለሻ አገናኝ ወደ ስልክዎ እንልካለን።",sending:"መመለሻ አገናኝን በመላክ ላይ...",sendresetlink:"የፓስወርድ መመሻ ሊነክ ላክ",backtologin:"ወደ ዋና ገፅ ተመለስ",remember:"የይለፍ ቃልዎን ያስታውሰዋል?",signin:"ግባ",home:"ወደ ዋና ገፅ ተመለስ",success:"የይለፍ ቃል መመለሻ አገናኝ ተልኳል",successdesc:"እባክዎን ስልክዎን ያረጋግጡ አገናኙን ይመልከቱ።",fail:"የይለፍ ቃል መመለሻን መጠየቅ አልተሳካም"},tL={sent:"ደብዳቤ ተልኳል",genericError:"ስህተት ተፈጥሯል",authError:"ክፍለ ጊዜው አብቅቷል",authErrorDescription:"እባክዎ እንደገና ይግቡ።",validationError:"እባክዎ የተሳሳቱ መረጃዎችን ያስተካክሉ።",permissionError:"ይህን ስራ ለመፈጸም ፍቃድ የለዎትም።",notFoundError:"የፈለጉትን መረጃ አልተገኘም።",fileTooLarge:"ፋይሉ በጣም ትልቅ ነው። እባክዎ ፋይሉን አሳንሰው ዳግም ይሞክሩ።",serverError:"ከአገልጋይ በኩል ችግር አለ። እባክዎ ዳግመኛ ይሞክሩ።",attachmentDeleted:"አባሪው በተሳካ ሁኔታ ተሰርዟል።",replyAdded:"ምላሹ በተሳካ ሁኔታ ታክሏል!",replyError:"ምላሹን በመጨመር ላይ ስህተት አጋጥሟል።",failedToCreate:"መዝገቡን መፍጠር አልተቻለም",failedToGetUrl:"የመጫኛ አድራሻን ማግኘት አልተቻለም",registrationSuccess:"ምዝገባው ተሳክቷል። የይለፍ ቃልህን ለመከላከል ኤስኤምኤስ ልከናል።",errorOccurred:"ስህተት  ተፈጥሯል።",successfullyCompleted:"ለውጦች በተሳካ ሁኔታ ተቀምጠዋል።",pdfRegenerated:"PDF በተሳካ ሁኔታ ዳግመኛ ተፈጥሯል።",approveFailed:"መዝገቡን ማፅደቅ አልተቻለም።",approveSuccess:"መዝገቡ በተሳካ ሁኔታ ተፅድቷል",selectPrompt:"እባክዎ ማህተም ይምረጡ",extendedSuccess:"ተወካይነት በተሳካ ሁኔታ ተራቅቷል።",letter:"ደብዳቤ",approvedSuccess:"መዝገቡ በተሳካ ሁኔታ ተፅድቷል!",submittedSuccess:"መዝገቡ በተሳካ ሁኔታ ተሰጥቷል!",reviewSuccess:"መዝገቡ በተሳካ ሁኔታ ሪቪው ላይ ሆኗል!",markedForAdjustment:"ለማሻሻል ተምልከቷል",sentToOfficer:"ወደ መዝገብ ኦፊሰር ተልኳል",errorSendingToOfficer:"ወደ መዝገብ ኦፊሰር መላክ ላይ ስህተት ተፈጥሯል",success:"ተወካይነት ተሳክቷል።",failed:"ተወካይነት አልተሳካም።",deletedSuccess:"ተወካይነት በተሳካ ሁኔታ ተሰርዟል።",deleteFailed:"ተወካይነትን መሰረዝ አልተቻለም።",failedCreateOrGetUrl:"መዝገቡን መፍጠር ወይም የመጫኛ አድራሻን ማግኘት አልተቻለም።",sentAndUploadedSuccess:"ደብዳቤ ተልኳል እና ፋይሉ በተሳካ ሁኔታ ተጫኗል።",failedSendOrUpload:"ደብዳቤን መላክ ወይም ፋይልን መጫን አልተቻለም።",successassign:"መዝገብ በተሳካ ሁኔታ ተመዝግቧል።",submittedWithAttachments:"መዝገቡ ከአባሪ ፋይሎች ጋር ተሰጥቷል።",createFailed:"መዝገቡን መፍጠር አልተቻለም።",refreshedSuccess:"በተሳካ ሁኔታ ተዘምኗል።",refreshFailed:"መዘመኑ አልተቻለም።",redirecting:"በመምረጥ ላይ...",loginSuccess:"መግባት ተሳክቷል።",receivingDepartmentRequired:"ቢያንስ አንድ ተቀባይ መመዝገብ አስፈላጊ ነዉ!",receivingUnitRequired:"አንድ ተቀባይ ክፍል አስፈላጊ ነው።",recordTypeRequired:"የመዝገብ አይነት አስፈላጊ ነው።",initiationTypeRequired:"የመነሻ አይነት አስፈላጊ ነው።",subjectRequired:"ርዕሰ ጉዳይ አስፈላጊ ነው!",preferredLanguageRequired:"የተመረጠው ቋንቋ አስፈላጊ ነው።",bodyRequired:"የደብዳቤ ይዘት አስፈላጊ ነው!",sincerelyTextRequired:"ከሠላምታ ጋር አስፈላጊ ነው።",headerRequired:"ራስጌ አስፈላጊ ነው።",footerRequired:"ግርጌ አስፈላጊ ነው።",accessDenied:"መዳረሻ ተከልክሏል።",accessDeniedmsg:"ውክልና ስላሎት ወደዚህ ገጽ መግባት አይችሉም። ለመቀጠል እባክዎን ውክልናውን ያንሱ።",accessDeniedmsg2:"ውክልና ስላሎት ወደዚህ ገጽ መግባት አይችሉም። ቀድሞውንም በሌላ ሰራተኛ ከተወከሉ ውክልና መስጠት አይችሉም",accessDeniedmsg3:"በዚህ ድርጅት ስላልተመዘገብክ ወይም ምንም አይነት ቦታ ስላልተመደብክ የሪከርድ አስተዳደር ሞጁልን መጠቀም አትችልም።",sendingOrgRequired:"ላኪ ድርጅት ያስፈልጋል",deliveredByRequired:"የሚደርሰው በ ያስፈልጋል",letterNoRequired:"የደብዳቤ ቁጥር ያስፈልጋል",letterNameRequired:"የፋይል ስም ያስፈልጋል",noReferenceNumber:"ደብዳቤው ስላልተላከ ማጣቀሻ ቁጥር የለውም",noMsg:"ምክንያቱም ደብዳቤው እስካሁን አልተላከም።",sincerely:"ከሠላምታ ጋር",changePasswordMsg:"ለአካውንትዎ አዲስ የይለፍ ቃል ይፍጠሩ",oldPassword:"የቀድሞ የይለፍ ቃል",newPassword:"አዲስ የይለፍ ቃል",confirmNewPassword:"አዲሱን የይለፍ ቃል ያረጋግጡ",changing:"በመቀየር ላይ...",failedChange:"የይለፍ ቃል መቀየር አልተሳካም",successChange:"የይለፍ ቃል በተሳካ ሁኔታ ተቀይሯል",passwordMismatch:"የይለፍ ቃላቱ አይዛመዱም",passwordRequirements:"የይለፍ ቃል ቢያንስ 8 ቄልፎች መሆን አለበት",currentPasswordRequired:"የአሁኑ የይለፍ ቃል ያስፈልጋል",newPasswordRequired:"አዲስ የይለፍ ቃል ያስፈልጋል",passwordMinLength:"የይለፍ ቃሉ ርዝመት ቢያንስ 8 መሆን አለበት",passwordMustBeDifferent:"አዲሱ የይለፍ ቃል ከድሮው የተለየ መሆን አለበት",confirmPasswordRequired:"እባክዎ የይለፍ ቃሉን ያረጋግጡ",uppercaseLetter:"አቢይ ሆሄ",lowercaseLetter:"ንዑስ ሆሄ",number:"ቁጥር",specialCharacter:"ልዩ ምልክት",passwordComplexity:"የይለፍ ቃሉ ቢያንስ አንዱን መያዝ አለበት",passwordResetSuccess:"በአዲሱ የይለፍ ቃልዎ አሁን መግባት ይችላሉ",selectAll:"ሁሉንም ይምረጡ",error:"ስህተት ተፈጥሯል።",createRecordMsg:"አዲስ ገቢ መዝገብ ለመፍጠር ዝርዝሩን ይሙሉ",updateRecordMsg:"የመጪ መዝገብ ዝርዝሮችን ከታች አዘምን",completionRate:"ስሌት፡ ተቀባይነት አግኝቷል + ውድቅ ተደርጓል + እንደገና ተመድቧል +መላሽ ተሰቷል ሲካፈል በጠቅላላ ምደባዎች",totalAllocations:"ለተጠቃሚዎች ወይም ክፍሎች የተመደቡት የደብዳቤዎች ጠቅላላ ብዛት",reassigned:"ከአንድ ተጠቃሚ ወይም ክፍል ወደ ሌላ የተቀየሩ ደብዳቤዎች",rejected:"ተቀባዩ የከለከላቸው ወይም ያልተፈቀዱ ደብዳቤዎች",accepted:"ተቀባዩ የተቀበላቸው ወይም ያረጋገጣቸው ደብዳቤዎች",replied:"ተቀባዩ መልስ የሰጠባቸው ወይም የተመለሱ ደብዳቤዎች",draft:"ተቀባዩ እርምጃ ወይም ውሳኔ የሚጠበቁት ደብዳቤዎች",waitingMsg:"አስተዳዳሪው እስካሁን ምንም አይነት ግብዓቶችን ስላላቀረበ ወይም ስላላሳተመ በአሁኑ ጊዜ በዚህ ጣቢያ ላይ ምንም አይነት ይዘት የለም።",recordDes:"ይህ ወደ መዝገብ አስተዳደር ይወስዳል",orgAdminDes:"ይህ ወደ ጣቢያ አስተዳደር ይወስዳል",recycleBin:"የተሰረዙ መዝገቦች",ccEmployeesInvalidSelection:"አንዱ ወይም ከላይ ተመርጠው ያሉ የCC ተጠቃሚዎች ትክክለኛ የተመደበ ስራ ቦታ የላቸውም። እነሱን ያስወግዱ ወይም የሰራተኛ ፕሮፋይላቸውን ያዘምኑ።"},rL={smartOffice:"ስማርት ኦፊስ",signIn:"ግባ",signUp:"ተመዝገብ",overview:"አጠቃላይ እይታ",features:"ባህሪያት",workflow:"የስራ ሂደት",manual:"መመሪያ",digitalTransformation:"ለዘመናዊ የመንግሥት አስተዳደር ዲጂታል ለውጥ።",facebook:"ፌስቡክ",twitter:"ትዊተር",linkedIn:"ሊንክድን",telegram:"Telegram",tiktok:"TikTok",website:"ድህረገፅ",contactUs:"ያግኙን",quickLinks:"ፈጣን ማገናኛዎች",copyright:"ትሪያ - የቅጂ መብት ©",rightsReserved:"መብቶች የተጠበቁ ናቸው - በትሪያ የበለጸገ",address:"ሊንጎ ታወር ሸገር ህንጻ ፊት ለፊት፣ ቦሌ፣ አዲስ አበባ፣ ኢትዮጵያ",platformSystem:"ስማርት ኦፊስ",initiativeDescription:"የመንግስት መስሪያ ቤቶችን አሰራር በዘመናዊ ቴክኖሎጂ ለማዘመን የተነደፈ የዲጂታል ትራንስፎርሜሽን ውጥን።",getStarted:"ጀምር",learnMore:"ለተጨማሪ መረጃ",sops:"ኤስ . ኦ . ፒ . ኤስ",smartOfficePlatformSystem:"ስማርት ኦፊስ ሲስተም",revolutionDescription:"የመንግስት ስራዎችን በ ኣርቴፍሽያል ኢንተለጀንስ የተጎላበተ የስራ ሂደት እና የእውነተኛ ጊዜ ትንታኔዎችን እንዲኖራቸው ማድረግ።",liveDemo:"የቀጥታ ማሳያ ዝግጅት አለ",outgoingRecords:"ወጪ ደብዳቤዎች",outgoingRecordsDesc:"የውስጥ ወይም የውጭ መዝገቦችን ከአባሪዎች እና ተዋረዳዊ ማረጋገጫ የስራ ፍሰቶች ጋር ይፍጠሩ እና ይላኩ።",incomingRecords:"ገቢ ደብዳቤዎች",incomingRecordsDesc:"የተላኩ  ደብዳቤዎች የምንመለከትበት።",approvalWorkflows:"የማጽደቅ ሂደቶች",approvalWorkflowsDesc:"ወጪ ደብዳቤዎች ቲተር እና ፊርማ በማስገባት ማጽደቅ።",interactiveDashboard:"ተዛማጅ ዳሽቦርድ",interactiveDashboardDesc:"ጠቅላላ ውስጣዊ እና ውጫዊ ገቢ/ወጪ የተደረጉ ደብዳቤዎች  በአጠቃላይ የሚያሳይ ገጽ ሆኖ በተጨማሪ ደሞ ጠቅላላ መረጃ በ ፓይ ቻርት ያሳያል።",organizedFolders:"የተደራጀ ሰነድ",organizedFoldersDesc:"በላቀ የፍለጋ እና የማጣራትአቅም የተዋቀረ ስርዓት በመጠቀም መዝገቦችን ይመድቡ።",securityAccessControl:"የደህንነት እና የመዳረሻ ቁጥጥር",securityAccessControlDesc:"ይህ ስርዓት እያንዳንዱን ተጠቃሚ በስራ መደቡ መሰረት ሊያየው እና ሊሠራው የሚችለውን ይቆጣጠራል፣ እንዲሁም በደብዳቤዎች ላይ የሚደረጉ ሁሉም ተግባራት እና ለውጦች ሙሉ በሙሉ ይመዝግባል።",powerfulFeaturesTitle:"ኃይለኛ ባህሪያት",powerfulFeaturesSubtitle:"የደብዳቤዎን የስራ ፍሰት ያመቻቹ",powerfulFeaturesDesc:"ይህ ስማርት ስይስተም ደብዳቤዎችን በቀላሉ እና በብቃት ለማስተዳደር የምያስችሉ የተለያዩ ውጤታማ መፍትሄዎችን ያቀርባል፣ ከፍተኛ ደህንነት፣ ተገዢነት እና ሙሉ አስተማማኝነት ኣለው።",feature1:"ፈጣን የማጽደቅ ጊዜ",feature2:"የተሟላ የሰነድ ስርዓት",feature3:"የኦዲት ተገዢነት",documentWorkflow:"የሰነድ እንቅስቃሴ",recordCreation:"የደብዳቤ ፍጠራ",recordCreationDesc:"አዲስ ደብዳቤዎችን እና አባሪዎችን ለመፍጠር እና ለመላክ የሚያስችል መሳሪያ",teamLeaderReview:"የቡድን መሪ ግምገማ",teamLeaderReviewDesc:"ደብዳቤ ለተቀባዩ ከሚላክበት በፊት የቡድን አስተባባሪ ማረጋገጥ እና መፍቀድ ያለበት ደረጃ",directorApproval:"በዳይሬክተር ማጽደቅ",directorApprovalDesc:"የመምሪያው ኃላፊ ገምግሞ ያጽድቃል",deputyHeadReview:"የምክትል ሃላፊ ግምገማ",deputyHeadReviewDesc:"ከማቅረቡ በፊት የመጨረሻ የአስተዳደር ፈቃድ",recordOfficerProcessing:"የመዝገብ ቤት ባለሙያ ሂደት",recordOfficerProcessingDesc:"ደብዳቤው ከጸደቀ በኋላ፣ ለማቀናበር፣ ለመላክ እና ማጣቀሻ ቁጥር እና ቀን ለመመድብ ለመዝገብ ቤት ባለሙያ ይላካል።",streamlinedProcess:"ቀላል የተደረገ ሂደት",recordManagementApprovalWorkflows:"ደብዳቤዎችን እና መዛግብትን ከመፍጠር እስከ ማጽደቅ እና ማሰራጨት የሚቆጣጠር የማጽደቂያ ሂደት።",smartOfficeDescription:"በገቢ እና ወጪ ደብዳቤዎች ላይ ሙሉ ቁጥጥር ለማድረግ፣ የስራ ፍሰቶችን ለማስተዳደር እና የድርጅትዎን ውጤታምነት ለመጨመር የሚያግዝ ዲጂታል መፍትሄ ነው።",step:"እርምጃ",workflowAutomationBenefits:"የስራ ፍሰት አውቶሜሽን አጠቃላይ ጥቅሞች",workflowAutomationDesc:"ስማርት  የሆነ የስራ ፍሰት ስርዓት የእርስዎን ድርጅታዊ ፖሊሲዎች ማክበርን በሚያረጋግጥበት ጊዜ  ሥራዎችን በ65% ፈጣን ያደርገዋል",fasterApprovals:"65% ፈጣን ማረጋገጫዎች",reduceDelays:"የቢሮክራሲያዊ መዘግየቶችን ይቀንሱ",auditTrail:"100% የኦዲት መንገድ",completeRecord:"የሁሉም ድርጊቶች መዝገብ",advancedFeatures:"የላቁ ባህሪያት",slaMonitoring:"የአገልግሎት ደረጃ እና መቆጣጠሪያ (SLA)",slaMonitoringDesc:"የአገልግሎት ደረጃ ስምምነቶችን በአውቶማቲክ መከታተል እና ለሚፈጠረው መዘግየት ለሚመለከተው ሰው ማሳወቂያዎችን መላክ።",conditionalRouting:"ሁኔታዊ መስመር",conditionalRoutingDesc:"ዘመናዊ ህጎች ሰነዶችን በይዘታቸው፣ በአስፈላጊነታቸው ወይም በዓይነታቸው መሠረት  ኣውተማቲካልይ ወደ ተገቢው ተቀባይ ያስተላልፋሉ።",temporaryApprovalDelegation:"ሰራተኞች ለሌሎች ጊዜያዊ የማጽደቅ ስልጣን(ውክልና) ሲሰጡ፣ ሁሉም እርምጃዎች በሙሉ ይመዘገባሉ።",login:"ወደ ስርዓቱ ይግቡ",step1:"1፡ በጀመርያ በራስጌ ያለውን የ",headerBtn:"ቁልፉን ይጫኑ",step2:"2፡ የተጠቃሚ ስም እና የይለፍ ቃል ያስገቡ",step3:"3፡ የ",accessBtn:"ቁልፉን ይጫኑ",note:"ማስታወሻ",forgotIntro:"የይለፍ ቃልዎን ከረሱ፣ ዳግም ለማስጀመር የIT ባለሙያ ያናግሩ።",dashboardTitle:"የዳሽቦርድ እይታ",dashboardDesc:"ዳሽቦርዱ የመዝገብ እንቅስቃሴዎችዎን አጠቃላይ እይታ ያቀርባል",recordsCreated:"የተፈጠሩ መዝገቦች",recordsTotal:"እርስዎ የጀመሩት ጠቅላላ መዝገቦች",recordsReceived:"የተቀበሉት መዝገቦች፡",incomingDocs:"ከሌሎች የተላኩ መዝገቦች",breakdown:"የውስጥ/የውጭ ክፍፍል፡",visuals:"የሰነዶችን በአይነት የሚያሳዩ ቻርቶች",approvalStatus:"የማጽደቅ ሁኔታ",approvalTypes:"በመጠባበቅ፣ የተፃደቁ ወይም የተወሰኑ መዝገቦች",quickActions:"ፈጣን እርምጃዎች",createOrCheck:"አዲስ መዝገብ ይፍጠሩ ወይም መጠባበቅ ላይ ያሉትን ያረጋግጡ",recentActivity:"የቅርብ ጊዜ እንቅስቃሴ",trackUpdates:"በደብዳቤዎች ላይ የተደረጉትን አዳዲስ ለውጦች ይከታተሉ",manageOut:"የውጪ መዝገቦችን አስተዳደር",createNew:"አዲስ መዝገቦች መፍጠር",goToTab:"ወደ ትምህርቱ ይሂዱ",clickBtn:"ቁልፍ ይጫኑ",fillFields:"ሁሉንም ያስፈልጋቸውን መስኮች (የመዝገብ አይነት፣ ተቀባይ፣ ርዕስ ወዘተ) ይሙሉ",attach:"የሚያስፈልጉትን ደጋፊ ሰነዶች ይጨምሩ",saveOrSubmit:"አስቀምጥ_ወይም_ላክ",trackStatus:"የመዝገብ ሁኔታ መከታተል",notForwarded:"ይህ ደብዳቤ አሁንም አልተላከም። ሊሻሽልና ሊሰረዝ ይችላል።",awaiting:"ይህ ደብዳቤ ተቀባይነት ወይም ማጽደቅ እየተጠበቀ ነው።",accepted:"ይህ ደብዳቤ ተቀብሏል እና ለማጽደቅ እየተጠበቀ ነው።",approvedSent:"ይህ ደብዳቤ ጸድቋል እና ለመላክ ወደ መዝገብ አመራር ተልኳል።",returned:"ይህ ደብዳቤ ለማስተካከል ወይም ተጨማሪ መረጃ ለማቅረብ ተመለሰ። እባክዎን አስተያየቶቹን ይመልከቱ።",rejected:"ይህ ደብዳቤ ተቀባይነት አልተሰጠውም።",sent:"ይህ ደብዳቤ ወደ ተቀባዮች ተልኳል።",returnedByOfficer:"ይህ ደብዳቤ በመዝገብ  ቤት አመራር ተመለሰ።",monitor:"በየማጽደቅ ደረጃዎች ውስጥ መዝገቦችዎን መከታተል",manageIncoming:"የውስጥ መዝገቦችን አስተዳደር",incomingTypes:"የውስጥ መዝገቦች አይነቶች",fromOthers:"ከሌሎች ድርጅቶች",withinOrg:"በድርጅቱ ውስጥ",copied:"ቅጂ ተደርጓል",processIncoming:" ገቢ ደብዳቤ ማስተዳደር",readDoc:"ሙሉውን ሰነድ ክፈትና አንብብ",acknowledge:"የሰነዱን መቀበል ያረጋግጡ",forward:"ወደ ሌላ ቡድን አባል ላክ ከሚያስፈልግ",archive:"አርካይቭ",fileRef:"ለማጥናት ሰነድ ያዝዙ",approvalworkflow:"የማጽደቅ ሂደት",process:"የማጽደቅ ሂደት",internalFlow:"የውስጥ መዝገቦች ሂደት፡",creator:"አምራች",leader:"ቡድን አለቃ",director:"ዳይሬክተር",officer:"የመዝገብ ሰራተኛ",externalFlow:"የውጭ መዝገቦች ሂደት፡",actions:"የማጽደቅ እርምጃዎች",delegation:"ውክልና",delegateInfo:"እርስዎ ከማይኖሩ ጊዜ ሌላ ሰራተኛ ሥልጣንዎን ሊሰጥ ይችላሉ፡",delegateNav:"ወደ ዚህ ይሂዱ",selectColleague:"ከድርጅታችሁ ባለሙያ አንዱን ይምረጡ",setDates:"የመነሻና የመጨረሻ ቀናትን ያዘጋጁ",setPerms:"ፈቃድ አውጣ",saveDelegate:"የሥልጣን ማዋል ቅንብሮችን ያስቀምጡ",autoExpire:"የውክልና ስልጣኖች በተወሰነው ቀን ራሳቸውን ይዘጋሉ።",collab:"በሠራተኞች መካከል ያለ ሥራ ማጋራት",collabInfo:"የሥራ ማጋራት መረጃ።",viewDocs:"ሁሉንም ተባባሪ ሰነዶች አንድ ቦታ ይመልከቱ",addComments:"አስተያየቶችን ወይም ማስታወሻዎችን ያክሉ",approve:"ዲጂታል ፊርማ ና ቲተር በመጠቀም ማጽደቅ",trackChanges:"የተደረጉ ለውጦችን እና የመሻሻያ ታሪክን ክትትል",realTime:"በእውነተኛ ጊዜ ማሻሻያ",liveChanges:"በቀጥታ የሚደረጉ ለውጦች መከታተል",notifications:"ማሳወቂያዎች",alerts:"አስቸኳይ ትኩረት የሚፈልግ",signatureMgmt:"የተሰጠ ፊርማና ምልክት አስተዳደር",leadersOnly:"የቡድን አለቆችና ከዚያ ላይ ያሉ የዲጂታል ፊርማና ምልክት ሊከታተሉ ይችላሉ።",signatureTitle:"ምልክትና ፊርማ",uploadTeeter:"ቲተር አስገቡ",uploadSignature:"ዲጂታል ፊርማዎን ይፍጠሩ ወይም ይስጡ",defaultSignature:"እያንዳንዱ ማጽደቅ ላይ የሚጠቀሙት ፊርማ",updateDesignation:"ስራ መደብ ሲለዋወጥ አዘምነው",security:"የደህንነት ማስታወሻ፦",encrypted:"በሚስጥር ኮድ የተፃፈ።",recordModule:"የመዝገብ አስተዳደር ክፍል",guide:"ስማርት ኦፊስ ፕላትፎርም ስርዓትን ለመጠቀም ሙሉ መምሪያ",back:"ወደ ዳሽቦርድ ተመለስ",moduleGuide:"የክፍል መመሪያ",previous:"ቀዳሚ",next:"ቀጣይ",addTeeterSignature:"ዲጂታል ቲተር እና ፊርማ ያክሉ",returnWithComments:"ከአስተያየት ጋር መመለስ",requestChanges:"የማሻሻያ ጥያቄ",screenshotOf:"የእስክሪን ካፕቸር",fasterApproval:"ፈጣን ማጽደቅ",auditReady:"ለኦዲት ዝግጁ",organizedRecords:"የተደራጀ መዝገቦች",tab:"Tab",click:"ይጫኑ",button:"ቁልፍ",services:"አገልግሎቶች",fileComplaint:"ቅሬታ ያቅርቡ",followComplaint:"ቅሬታ  ተከታትሉ",aboutUs:"ስለ እኛ ያውቁ",uptime:"የስራ ሰዓት",bureaus:"ቢሮዎች",support:"ድጋፍ",features1:"መስፋፋት የሚችል",features2:"በበርካታ መሳሪያዎች ላይ ይሰራል",features3:"በክላውድ ላይ የተመሰረተ የመዝግብ ማመሳሰል",features4:"በዝቅተኛ ኮኔክሽን የሚሰራ",features5:"ተለዋዋጭ እና ምላሽ ሰጪ የተጠቃሚ በይነገጽ",features6:"ደህንነቱ የተጠበቀ",darkMode:"የጨለማ ሁኔታ",lightMode:"የብርሃን ሁኔታ"},nL={webManagement:"ዌብ ኮንተንት",addUser:"ተጠቃሚ ጨምር",settings:"ሲቲንግስ","Archive Users":"የተሰረዙ ተጠቃሚዎች","Archived Organizations":"የተመዘገቡ ድርጅቶች","Archived Units & Positions":"የተመዘገቡ ክፍሎች እና የስራ መደቦች",organizations:"ድርጅቶች",newOrganization:"አዲስ ድርጅት",organizationName:"የድርጅቱ ስም","Migrated Records":"የፈለሱ ደብዳቤዎች","Letter Template":"የደብዳቤ ቅጽዎች",createdOn:"ተፈጠረበት ቀን",numberOfUsers:"የተጠቃሚዎች ብዛት",assignedAdmin:"የተመደበ አስተዳዳሪ",isGovernmentOrganization:"መንግስታዊ ድርጅት ነው?",createNew:"አዲስ ፍጠር",edit:"አስተካክል",enterDetails:"አዲሱን ድርጅት ዝርዝሮች ያስገቡ። በአስተማማኝ እንደተሰኘ ያሉ ሜዳዎች (*) አስፈላጊ ናቸው።",nameAmharic:"ስም (አማርኛ)",nameEnglish:"ስም (እንግሊዝኛ)",key:"ቁልፍ",organizationType:"የድርጅት አይነት",loadingOrganizationTypes:"የድርጅት አይነቶችን በመጫን ላይ...",errorLoadingOrganizationTypes:"የድርጅት አይነቶችን ማጫን ላይ ስህተት ተፈጥሯል",noOrganizationTypesAvailable:"ምንም የድርጅት አይነት አልተገኘም",parentOrganization:"ዋና ድርጅት (አማራጭ)",loading:"በመጫን ላይ...",selectOrganization:"ድርጅት ይምረጡ",selectOrganizationFirst:"መጀመሪያ ድርጅት ይምረጡ",noOrganization:"ምንም ድርጅት የለም",isOrganizationPublic:"ድርጅቱ የህዝብ ነው?",selectOrganizationType:"የድርጅት አይነት ይምረጡ",deleteOrganization:"ድርጅቱን ሰርዝ",confirmDelete:"በቋሚነት መሰረዝ እንደምትፈልጉ እርግጠኛ ነን?",cannotUndo:"ይህ እርምጃ ሊያስወግድ አይችልም።",deleting:"በማጥፋት ላይ ...",delete:"አጥፋ",viewOrganization:"ድርጅቱን ይመልከቱ",editOrganization:"ድርጅቱን አስተካክል",englishNameRequired:"የእንግሊዝኛ ስም አስፈላጊ ነው",amharicNameRequired:"የአማርኛ ስም አስፈላጊ ነው",invalidEmail:"የተሳሳተ ኢሜይል አድራሻ",usernameMinLength:"የተጠቃሚ ስም ቢያንስ 3 ፊደላት መሆን አለበት",organizationRequired:"ድርጅት አስፈላጊ ነው",invalidPhoneNumber:"ስልክ ቁጥሩ ትክክለኛ የኢትዮጵያ ቁጥር መሆን አለበት",registerAdminTitle:"የድርጅት አስተዳዳሪን መመዝገብ",registerAdminDescription:"ለመመዝገብ አስፈላጊ መረጃዎችን ያስገቡ",enterEnglishName:"የእንግሊዝኛ ስም ያስገቡ",enterAmharicName:"የአማርኛ ስም ያስገቡ",email:"ኢሜይል",emailExample:"email@example.com",username:"የተጠቃሚ ስም",enterUsername:"የተጠቃሚ ስም ያስገቡ",phoneNumber:"ስልክ ቁጥር",phoneNumberExample:"ለምሳሌ፡ 0912345678 ወይም +251912345678",organization:"ድርጅት",registering:"በመመዝገብ ላይ...",registerAdmin:"አስተዳዳሪን መመዝገብ",dashboard:"ዳሽቦርድ",organizationAdmins:"የድርጅት አስተዳዳሪዎች",externalUsers:"ውጪ ተጠቃሚዎች",userManagement:"የተጠቃሚ አስተዳደር",content:"ይዘት",bulkUpload:"በጥቅል መጫን",positionTypes:"የመደብ አይነቶች",activityLog:"የእንቅስቃሴ መዝገብ",setting:"ቅንብሮች",loadingAdmins:"አስተዳዳሪዎችን በመጫን ላይ...",errorLoadingAdmins:"የአስተዳዳሪ መረጃን ማጫን ላይ ስህተት ተፈጥሯል",retry:"ደግመው ይሞክሩ",assignAdmin:"አስተዳዳሪ መመደብ",addAdmin:"አስተዳዳሪ ያክሉ",adminAssignedSuccess:"አስተዳዳሪ በትክክል ተመድቧል",userAssignedSuccess:"ተጠቃሚው በትክክል ተመድቧል",userAssignFailed:"ተጠቃሚውን መመደብ አልተቻለም",assignAdminToOrganization:"አስተዳዳሪን ወደ ድርጅት መመደብ",assignAdminInstructions:"እንደ አስተዳዳሪ ለመመደብ ድርጅትን እና ተጠቃሚን ይምረጡ።",users:"ተጠቃሚዎች",searchUsers:"ተጠቃሚዎችን ይፈልጉ...",noUsersFound:"ምንም ተጠቃሚዎች አልተገኙም",assigning:"በመመደብ ላይ...",assignUser:"ተጠቃሚ ይመድቡ",pendingExternalUsers:"በመጠባበቅ ላይ ያሉ ውጪ ተጠቃሚዎች",activateUserPrompt:"ይህን ተጠቃሚ ማንቃት ይፈልጋሉ?",activateUserDescription:"ይህ ተጠቃሚ መድረኩን ማግኘት ይችላል",activating:"በመንቃት ላይ...",yesActivate:"አዎ, አንቃ",statistics:"ስታቲስቲቅሬታ ",totalOrganizations:"ድርጅቶች ጠቅላላ ብዛት",recentOrganizations:"ቅርብ ጊዜ የተመዘገቡ ድርጅቶች",viewMore:"ተጨማሪ ይመልከቱ →",recentActivities:"ቅርብ ጊዜ እንቅስቃሴዎች",moreActivities:"ተጨማሪ እንቅስቃሴዎች →",noRecentActivities:"ምንም ቅርብ ጊዜ እንቅስቃሴ አልተገኘም",contentManagement:"የይዘት አስተዳደር",Bulk:"በኤቅሬታ ኤል ይመዝግቡ",Position:"የተጠቃሚ ፍቃዶች",updatedOn:"ተፈጠረበት ቀን",contentMsg:"የድርጅትዎን ይዘቶችንና ንብረቶችን በትክክል ያቀናብሩ።",selectUnit:"ድርጅት ይምረጡ",visibilityToOthers:"ለሌሎች ድርጅቶች ይታያል",visibility:"ታይነት",visible:"ይታያል",hidden:"ተደብቋል",visibilityEnabled:"ድርጅቱ አሁን ለሌሎች ድርጅቶች ይታያል",visibilityDisabled:"ድርጅቱ አሁን ከሌሎች ድርጅቶች ተደብቋል",visibilityUpdateFailed:"የድርጅት ታይነት ማዘመን አልተሳካም"},oL={"View Detail":"ዝርዝር እይ","Open actions menu":"የእርምጃ ምናሌ ክፈት",Actions:"እርምጃዎች",convertRecord:"መዝገብ ቀይር",return:"መመለስ",returning:"በመመለስ ላይ...",returing:"በመመለስ ላይ...",conformReturn:"መመለስን አረጋግጥ","Please provide a reason for returning this record.":"እባክዎ ይህን መዝገብ ለማመለስ ምክንያት ያስገቡ።",ReturnComment:"የመመለስ አስተያየት",EnterReturnReason:"የመመለስ ምክንያት አስገባ",CommentRequired:"አስተያየት አስፈላጊ ነው",RecordReturnedSuccessfully:"መዝገቡ በተሳካ ሁኔታ ተመለሰ",FailedToReturnRecord:"መዝገቡን ማመለስ አልተሳካም"},iL={title:"የተሰቀሉ ሰነዶች",refreshButton:"አድስ",userInformation:"የተጠቃሚ መረጃ",organizationName:"የድርጅት ስም",email:"ኢሜል",phoneNumber:"ስልክ ቁጥር",totalDocuments:"ጠቅላላ ሰነዶች",failedToLoadUserInfo:"የተጠቃሚ መረጃ መጫን አልተቻለም",document:{viewDocument:"ሰነድ ይመልከቱ",requirements:"መስፈርቶች",optional:"አማራጭ",required:"አስፈላጊ",noRequirements:"ምንም መስፈርት የለም",status:{approved:"ተቀባይነት አግኝቷል",rejected:"ተቀባይነት አላገኘም",pending:"በመጠባበቅ ላይ"}},loading:{failedToLoad:"መረጃ መጫን አልተቻለም",failedToLoadRequirements:"መስፈርቶችን መጫን አልተቻለም"}},sL={incompleteRegistration:"የምዝገባ ሂደትዎ አልተሟላም። እባክዎ የሚያስፈልጉ ሰነዶችን ያውርዱ እና ይቀጥሉ።",uploadDocuments:"ሰነዶችን ያውርዱ",registrationRequired:"ይህን ገጽ ለመጠቀም የምዝገባ ሂደትዎን መጨረስ አለብዎት።",title:"ምዝገባ",steps:{registerUpload:{title:"ይመዝገቡ እና ይጫኑ",description:"ዝርዝሮችን ይሙሉ እና የሚያስፈልጉ ሰነዶችን ይጫኑ"},verifyOtp:{title:"በይለፍ ቃል ያረጋግጡ",description:"ወደ ስልክዎ/ኢሜልዎ የተላከውን ማረጋገጫ ኮድ ያስገቡ"}},form:{registrationType:"የምዝገባ አይነት",organization:"በድርጅት",individual:"በግለሰብ",organizationEmail:"የድርጅቱ ኢሜል",organizationEmailPlaceholder:"organization@example.com",individualEmail:"የግል ኢሜል",individualEmailPlaceholder:"personal@example.com",organizationUsername:"የድርጅት የተጠቃሚ ስም",organizationUsernamePlaceholder:"የድርጅት_ተጠቃሚ",individualUsername:"የግል የተጠቃሚ ስም",individualUsernamePlaceholder:"የግል_ተጠቃሚ",organizationPhone:"የድርጅት ስልክ",organizationPhonePlaceholder:"+251 የድርጅት ስልክ",individualPhone:"የግል ስልክ",individualPhonePlaceholder:"+251 የግል ስልክ",organizationNameEn:"የድርጅት ስም (እንግሊዝኛ)",organizationNameEnPlaceholder:"የኩባንያ ስም ሊሚትድ",individualNameEn:"ሙሉ ስም (እንግሊዝኛ)",individualNameEnPlaceholder:"ጆን ዶው",organizationNameAm:"የድርጅት ስም (አማርኛ)",organizationNameAmPlaceholder:"የድርጅት ስም",individualNameAm:"ሙሉ ስም (አማርኛ)",individualNameAmPlaceholder:"የግለሰብ ስም",organizationSubmitButton:"ድርጅት ይመዝገቡ እና ሰነዶችን ይጫኑ",individualSubmitButton:"ግለሰብ ይመዝገቡ እና ሰነዶችን ይጫኑ",processing:"በማቀናበር ላይ..."},userType:{selectionDescription:"ለመጀመር የምዝገባ አይነትዎን ይምረጡ",organization:"ድርጅት",organizationDescription:"እንደ ኩባንያ፣ ተቋም ወይም ድርጅት ይመዝገቡ",individual:"ግለሰብ",individualDescription:"እንደ ግለሰብ ወይም ባለሙያ ይመዝገቡ"},continueButton:"ወደ ምዝገባ ይቀጥሉ",documents:{requiredDocuments:"የሚያስፈልጉ ሰነዶች",requirementsUpdate:"የምዝገባ አይነት ሲቀይሩ መስፈርቶች ይቀየራሉ",attached:"ተያይዟል",tip:"ማስታወሻ: አሁን ይጫኑ ወይም ቀጥለው ከማረጋገጫው በኋላ ይጫኑ",noRequirements:"ምንም የሰነድ መስፈርቶች የሉም",upload:"ጫን",change:"ቀይር",remove:"አስወግድ",required:"ያስፈልጋል",fileSelected:"ፋይል ተመርጧል",readyToUpload:"ለመጫን ዝግጁ",previouslyUploaded:"ቀደም ብሎ ተጫኗል",willUploadOnSubmit:"በሚላክበት ጊዜ ይጫናል",fayda:"ፋይዳ ቁ.",faydaMessage:"የፋይዳ መ/ቁጥር አስገባ"},verifyOtp:{title:"መለያዎን ያረጋግጡ",description:"ወደ ስልክዎ የላክነውን 6-አሃዝ ኮድ ያስገቡ።",channel:{email:"ኢሜልዎ",phone:"ስልክዎ"},otpInput:{ariaLabel:"ቁምፊ {index}",placeholder:"የOTP ኮድ ያስገቡ"},password:{newPassword:"አዲስ የይለፍ ቃል",confirmPassword:"የይለፍ ቃል ያረጋግጡ",showPassword:"የይለፍ ቃል አሳይ",hidePassword:"የይለፍ ቃል ደብቅ"},buttons:{back:"ተመለስ",completeRegistration:"ምዝገባውን ጨርስ",verifying:"በማረጋገጥ ላይ...",resendCode:"ኮድ እንደገና ይላኩ",resending:"በመላክ ላይ...",resendIn:"በ {seconds} ሰከንድ እንደገና ይላኩ",resendLoading:"ኮድ እንደገና በሚልክበት ላይ",resendCooldown:"ኮድ እንደገና በ {seconds} ሰከንድ ይላኩ"},messages:{success:"የይለፍ ቃል በተሳካ ሁኔታ ተቀምጧል!",verificationCodeResent:"የማረጋገጫ ኮድ እንደገና ወደ ኢሜልዎ/ስልክዎ ተልኳል።",missingEmailPhone:"ኢሜል ወይም ስልክ ቁጥር አልተገኘም።",invalidOtp:"እባክዎ ትክክለኛ 6-አሃዝ OTP ያስገቡ።",fillPasswords:"እባክዎ ሁለቱንም የይለፍ ቃል ሜዳዎች ይሙሉ።",passwordLength:"የይለፍ ቃል ቢያንስ 8 ቁምፊዎች ሊኖሩት ይገባል።",passwordMismatch:"የይለፍ ቃሎች አይጣጣሙም።",passwordUpdateFailed:"የይለፍ ቃል ማዘመን አልተሳካም። እባክዎ እንደገና ይሞክሩ።",resendFailed:"የማረጋገጫ ኮድ እንደገና ለማስተላለፍ አልተሳካም። እባክዎ እንደገና ይሞክሩ።",registrationComplete:"ምዝገባ እና የሰነድ መጫን በተሳካ ሁኔታ ተጠናቅቋል!",selectUnitWarning:"እባክዎ ክፍል ይምረጡ",fillAllFields:"እባክዎ ሁሉንም መስኮች ይሙሉ",configAdded:"ማስተካከያ በተሳካ ሁኔታ ተጨምሯል",configUpdated:"ማስተካከያ በተሳካ ሁኔታ ተዘምኗል",configAddFailed:"ማስተካከያ ማክል አልተሳካም",configUpdateFailed:"ማስተካከያ ማዘመን አልተሳካም"},errors:{missingUserId:"የተጠቃሚ መለያ አልተገኘም። የማረጋገጫ ኮድ እንደገና ማስተላለፍ አይቻልም።",resendFailed:"የማረጋገጫ ኮድ እንደገና ለማስተላለፍ አልተሳካም።",alreadyRegistered:"በአንድ ኢሜል ወይም ስልክ ቁጥር አንድ ጊዜ ብቻ መመዝገብ ይችላሉ። ስለዚህ እንደገና ለመመዝገብ ከሚሞክሩት ይልቅ፣ ወደ መግቢያ ይሂዱ እና የይለፍ ቃልዎን ለማደስ 'የይለፍ ቃል ረሳኝ' የሚለውን ይጠቀሙ።"},support:{needHelp:"እርዳታ ይፈልጋሉ?",helpLink:"/support/resend-sms"}}},aL={verifyIdentity:"ማንነትዎን ያረጋግጡ",enterCodeSent:"ወደ ኢሜልዎ የተላከውን ማረጋገጫ ኮድ ያስገቡ",verifySubmission:"ማስገባትን ያረጋግጡ",enterCodeToSubmit:"መዝገብዎን ለማስገባት ማረጋገጫ ኮድ ያስገቡ",clearCode:"ኮድ አጽዳ",resendCode:"ኮድ እንደገና ላክ",verifyingCode:"ኮድዎን እያረጋገጥን ነው፣ እባክዎ ይጠብቁ",verificationSuccess:"ማረጋገጫ ተሳክቷል!",verificationFailed:"ማረጋገጫ አልተሳካም። እባክዎ እንደገና ይሞክሩ።"},lL={moveDepartement:" ወደ ሌላ ክፍል አንቀሳቅስ",positions:"የስራ መደብ",selectPositions:"የተመረጠ የስራ መደብ",updateCount:"ቁጥር ያሻሽሉ",currentCount:"አሁን ያለው ቁጥር",bulkMsg:"ሁሉንም ይመዝግቡ",sealNameMsg:"የድርጅት ማህተም ስም አስፈላጊ ነው",sealSuccessMsg:"ማህተሙ ተሰቀለና በትክክል ተመዝግቧል",sealErrorMsg:"ማህተምን ማስገባትና መመዝገብ አልተቻለም",sealRemove:"ማህተሙ በትክክል ተወግዷል",seal:"የድርጅት ማህተሞች",uploadSealMsg:"የድርጅት ማህተሞችን ያስገቡና ያቀናብሩ",sealImage:"የማህተም ምስል",count:"ቁጥር",addSeal:"ማህተም ጨምር",noSealMsg:"ማህተሞች አልተሰቀሉም",addSealInstruction:"ማህተም ለማስገባት ማህተም ጨምር ይጫኑ",sealName:"የማህተም ስም",saveSeal:"ማህተም አስቀምጥ",letterTemplate:"የደብዳቤ አብነቶች",createMsg:"በዚህ አካል ውስጥ የተመዘገቡ አብነቶችን ይፍጠሩ ወይም ያርቱ",addTemplate:"አብነት ያክሉ",failedToLoadTemplates:"አብነቶችን መጫን አልተቻለም",selectTemplate:"አብነት ይምረጡ",updateTemplate:"አብነት ያሻሽሉ",updateFled:"ማስተካከል አልተሳካም",createFled:"ፍጠር አልተሳካም",templateSuccessMsg:"በትክክል ተፈጥሯል",failedToLoadHeaderFooter:"ሄደሮች/ፉተሮችን መጫን አልተቻለም",failedToDelete:"መሰረዝ አልተቻለም",deleted:"ተሰርዟል",provideMsg:"እባኮትን ስምና ፋይል አቅርቡ",uploadSuccess:"በትክክል ተሰቀለ",uploadFailed:"ማስገባት አልተሳካም",addHeaderFooter:"ሄደር/ፉተር ያክሉ",name:"ስም",internalSuffixCC:"ድህረ ቅጥያ CC",internalPrefixCC:"ቅድመ ቅጥያ CC",internalPrefix:"የውስጥ ቅድመ ቅጥያ",externalPrefix:"የውጭ ቅድመ ቅጥያ",internalMemoPrefix:"የዉስጥ ማስታወሻ ቅድመ ቅጥያ",reference:"የድርጅቱ የተለመደ ማጣቀሻ ቁጥር",externalReference:"የገቢ ደብዳቤዎች ማኣቀሻ ቁጥር",internalMemoReference:"የዉስጥ ማስታወሻ ደብዳቤዎች ማጣቀሻ ቁጥር",prefixCC:"ቅድመ ቅጥያ CC",suffixCC:"ድህረ ቅጥያ CC",internalSuffix:"የውስጥ ድህረ ቅጥያ",position:"የስራ መደብ",selectPosition:"የስራ መደብ ይምረጡ",value:"እሴት",enterValue:"እሴት ያስገቡ",confirmDelete:"መሰረዝ አረጋግጥ",common:"የውስጥ ድህረ ቅጥያ",type:"አይነት",header:"ሄደር",footer:"ፉተር",uploadFile:"ፋይል ያስገቡ",preview:"ቅድመ እይታ",status:"ሁኔታ",active:"ንቁ",inactive:"አልተንቀሳቀሰ",activate:"አንቀሳቅስ",deactivate:"አቁም",currentlyActive:"አሁን ንቁ",statusChanged:"ሁኔታ በትክክል ተቀይሯል",statusChangeFailed:"ሁኔታን መቀየር አልተቻለም",delete:"ሰርዝ",refNoRequired:"የማጣቀሻ ቁጥር አስፈላጊ ነው",nameRequired:"ሁለቱም ስሞች አስፈላጊ ናቸው።",recordTypeRequired:"የመዝገብ አይነት አስፈላጊ ነው",deleteMsg:"ይህን ነገር መሰረዝ እንደምትፈልጉ እርግጠኛ ነዎ?",filter:"በመዝገብ አይነት ያጣሩ",showCC:"የግልባጭ ነገሮችን ብቻ አሳይ",add:"ቅድመ/ቅጥያ/ማጣቀሻ ያክሉ",addPrefix:"የማጣቀሻ ቁጥር ያክሉ",edit:"አስተካክል",prefix:"ቅድመ ቅጥያ",suffix:"ድህረ ቅጥያ",recordType:"የመዝገብ አይነት",CC:"ይህ የግልባጭ ነው?",amharicName:"የአማርኛ ስም",englishName:"የእንግሊዝኛ ስም",PrefixSuffix:"የቅድመ/ቅጥያ/ማጣቀሻ ዝርዝር",positionPrefixes:"የስራ መደብ ማጣቀሻ ቁጥሮች",positionRequired:"የስራ መደብ ያስፈልጋል",noRec:"መዝገቦች አልተገኙም።",loading:"በመጫን ላይ...",submitUsers:"ተጠቃሚዎችን አስገባ",selectFile:"ፋይል ይምረጡ",posMissing:"'የስራ መደብ' ወይም 'ባለሙያ' ሉህ አልተገኘም።",invalidFile:"የተከተተው ፋይል ባዶ ነው ወይም ልክ አይደለም።",parseSuccess:"ፋይሉ በትክክል ተተረጎመ።",parseError:"ፋይሉን መተረጎም አልተቻለም።",noData:"በፋይሉ ውስጥ መረጃ አልተገኘም።",Units:"ዩኒት",saving:"በማስቀመጥ ላይ...",teamMember:"የቡድን አባል",msg1:"ምንም የቡድን አባላት አልተገኙም",msg2:"የቡድን አባላትን ለማየት ቦታ ይምረጡ",msg3:"ወደዚህ መስሪያ ቤት የቡድን አባላትን ያክሉ",msg4:"የቡድን አባላትን ለማየት በመስሪያ ቤቶች ውስጥ ይጓዙ",userDetail:"የተጠቃሚ ዝርዝር",editEmployee:"ሰራተኛን አስተካክል",noUnit:"ምንም ዩኒት አልተገኘም",noOrg:"ምንም ድርጅቶች አልተገኙም",addUser:"ተጠቃሚ ጨምር",addSubdepartement:"ንዑስ የስራ መደብ መጠርያ ጨምር",editDepartment:"የስራ መደብ መጠርያ አስተካክል",moveDepartment:"የስራ መደብ መጠርያ አንቀሳቅስ",archiveDepartment:"የስራ መደብ መጠርያ አርክብ አድርግ",deleteDepartment:"የስራ መደብ መጠርያ ሰርዝ",addUnit:"ዩኒት ጨምር",editUnit:"ዩኒት አስተካክል",addDepartment:"የስራ መደብ መጠርያ ጨምር",deleteUnit:"ዩኒት ሰርዝ",actions:"ድርጊቶች",createUnit:"ዩኒት ፍጠር",addFromSubCity:"ከ ክፍለ ከተማ ጨምር",addNewUnit:"አዲስ ዩኒት ጨምር",configuredUnitLimit:"የተዋቀረ የዩኒት ገደብ፦ {{max}}",linkedUnits:"ጥቅም ላይ የዋለ",remainingSlots:"የቀረ",checkingCapacity:"የተዋቀረ አቅም በመፈተሽ ላይ…",noCapacityConfigured:"ለዚህ ድርጅት የዩኒት አቅም አልተዋቀረም። ሱፐር አድሚኑ በድርጅት ውቅረት አስተዳደር እንዲያዋቅረው ይጠይቁ።",capacityReached:"የአቅም ገደብ ደርሷል። የተዋቀረ ከፍተኛ {{max}} ነው።",capacityReachedShort:"ገደብ ደርሷል — ተጨማሪ ዩኒቶች መፍጠር አይቻልም።",selectSubCity:"ንዑስ ከተማ ይምረጡ",selectSubCityFirst:"በመጀመሪያ ንዑስ ከተማ ይምረጡ",selectUnit:"ዩኒት ይምረጡ",noSubCities:"ምንም ንዑስ ከተሞች አልተገኙም",subCityRequired:"እባክዎ ንዑስ ከተማ ይምረጡ",unitRequired:"እባክዎ ዩኒት ይምረጡ",parentUnitMissing:"ወላጅ ዩኒት ጠፍቷል",unitRelatedSuccess:"ዩኒት በተሳካ ሁኔታ ተገናኝቷል",permissionType:"የፍቃድ አይነቶች",newPermission:"አዲስ ፍቃድ",permissionManagement:"የፍቃድ አስተዳደር",exportTypes:"የላክ አይነቶች",exporting:"በማላክ ላይ...",delMsg:"እርግጠኛ ነዎት?",delMsg2:"ይህ እርምጃ ማቋረጥ አይቻልም። ፍቃዱን በቋሚነት ይሰርዛል።",permission:"ፍቃድ",copyPermissionsFrom:"ፍቃዶችን ከ",selectPositionToCopy:"ፍቃዶችን ለመቅዳት የምትፈልጉትን የቦታ አይነት ይምረጡ",selectApplication:"አፕሊኬሽን ይምረጡ",selectApplicationToLoadPermissions:"ፍቃዶቹን ለማስገንዘብ አፕሊኬሽኑን ይምረጡ",copyPermissionsHint:"የነበረ የቦታ አይነት ይምረጡ፤ ፍቃዶቹ አስቀድመው ይሞላሉ፣ ከታች ማስተካከል ይችላሉ።",copyPermissionsFailed:"ፍቃዶችን መቅዳት አልተቻለም",perFailed:"ፍቃድ መፍጠር አልተቻለም",perSuccess:"የፍቃድ አይነት ተፈጠረና ፍቃዶች ተመደቡ",updatePerSuccess:"ፍቃድ በትክክል ተዘምኗል",updatePerFailed:"ፍቃድ ማዘመን አልተቻለም",permissionName:"የፍቃድ ስም",key:"ቁልፍ",createdAt:"የተፈጠረበት ቀን",updatedAt:"የተስተካከለበት ቀን",createPermission:"ፈቃድ ፍጠር",keyRequired:"መክፈቻ አስፈላጊ ነው",selectPosType:"የቦታ አይነት ይምረጡ",adding:"በመጨመር ላይ...",msg:"በተሳካ ሁኔታ ታካትቷል",subDep:"ንዑስ የስራ መደብ መጠር",parentDep:"ዋና የስራ መደብ መጠር",invalidMsg:"እባኮትን የተሰለቸውን መስኮቶች ያስተካክሉ።",success:"ተሳክቷል",unit:"ዩኒት",onlyPngAllowed:"በPNG ብቻ ፋይሎች መፍቀድ ይቻላል።",user:"ተጠቃሚ",firstName:"የመጀመሪያ ስም",lastName:"የአባት ስም",selectUser:"ተጠቃሚን ይምረጡ",userRequired:"ተጠቃሚ አስፈላጊ ነው",userRequiredMsg:"እባኮትን ለመመደብ ተጠቃሚን ይምረጡ።",userError:"የተመረጠው ተጠቃሚ ልክ አይደለም ወይም አልተገኘም።",userSuccess:"ተጠቃሚ በተሳካ ሁኔታ ተመድቧል",updated:"በተሳካ ሁኔታ ተቀይሯል",department:"የስራ መደብ መጠር",departmentRequired:"የስራ መደብ አስፈላጊ ነው",departmentSuccess:"የስራ መደብ በተሳካ ሁኔታ ተመርጧል",permissionSuccess:"የቦታ አይነት ተፈጠረና ፍቃዶች ተመደቧል",permissionFailed:"ቦታን መፍጠር አልተቻለም",editRemark:"አስተያየት አስተካክል",addRemark:"አስተያየት ያክሉ",commonRemarks:"የተለመዱ አስተያየቶች",onlySquareAllowed:"የማኅተሙ ቁመት እና ስፋት ተመሳሳይ መሆን አለበት (300x300)",searchPermissions:"ፍቃዶችን ይፈልጉ...",noPermissionsFound:"ከፍለጋዎ ጋር የሚዛመድ ፍቃድ አልተገኘም",noPermissionsAvailable:"ምንም ፍቃዶች አይገኙም",showingPermissions:"{{count}} ከ {{total}} ፍቃዶች እያሳዩ ነው",createTemplate:"ቴምፕሌት ይፍጠሩ",editTemplate:"ቴምፕሌት ያርትዑ",viewTemplate:"ቴምፕሌት ይመልከቱ",deleteTemplate:"ቴምፕሌት ይሰርዙ",deleteTemplateConfirm:"'{{name}}' ቴምፕሌትን መሰረዝ እርግጠኛ ነዎት? ይህ ድርጊት መልሰው ማድረግ አይችሉም።",noTemplates:"ምንም ቴምፕሌቶች አልተገኙም",sincerelyText:"የመዝጊያ ጽሁፍ",body:"ይዘት",CanReceiveRecord:"መዝገብ መቀበል ይችላል።",headerAndFooter:"ሄድርና ፉተር"},cL={manageConfig:{title:"የ{{type}} ማስተካከያ አስተዳድር",description:"{{level}} አቅም እና መዋቅር ያስተካክሉ",organization:"ድርጅት",unit:"ክፍል",selectUnit:"ክፍል ይምረጡ",selectUnitPlaceholder:"ክፍል ይምረጡ",subOrganizations:"ንዑስ ድርጅቶች",employeesPerOrg:"በድርጅት ሠራተኞች",subOrgsPlaceholder:"ለምሳሌ 3",employeesPlaceholder:"ለምሳሌ 20",addConfiguration:"ማስተካከያ ያክሉ",updateConfiguration:"ማስተካከያ ያዘምኑ",configurations:"ማስተካከያዎች",loading:"በመጫን ላይ...",noConfigurations:"ምንም ማስተካከያ አልተጨመረም",edit:"አርትዕ",delete:"ሰርዝ",close:"ዝጋ",unitBased:"በክፍል የተመሰረተ",organizationLevel:"በድርጅት ደረጃ"}},uL={title:"መዝገብ መለያዎች",tableName:"መዝገብ መለያዎች",name:"ስም",key:"ቁልፍ",CreatedAt:"የተፈጠረበት ቀን",createNew:"አዲስ መለያ ፍጠር",createTitle:"መዝገብ መለያ",Actions:"እርምጃዎች"},dL={canHaveTagBasedReferenceNumber:"የማጣቀሻ ቁጥር በመለያ መሰረት ሊኖረው ይችላል?",canUserSkipLevel:"ተጠቃሚ ሲመራ ደረጃ መዝለል ይችላል",canRecordDateLabelHasLocalization:"የመዝገብ ቀን የሁለቱም ቋንቋ ሊኖረው ይችላል?",canRecordDateHaveTime:"የመዝገብ ቀን ሰዓት ሊኖረው ይችላል?",canInternalMemoRequirePositionBasedReferenceNumber:"ለውስጥ ማስታወሻ (Memo) የስራ ቦታው የማጣቀሻ ቁጥር ግዴታ ነው?",title1:"የአካል አዋቂነት",title2:"የእያንዳንዱ አካል አቅጣጫን ያዋቅሩ",loading:"አካላትን በመጫን ላይ...",noUnit:"ምንም አካል አልተገኘም",Action:"እርምጃ",Value:"እሴት",Name:"ስም",title3:"የሚወሰድበትን ቦታ አቅጣጫ",title5:"ቲተር እና ፊርማ ይግባ?",title6:"ሁሉም ተባባሪዎች እስኪጨርሱ ድረስ እርምጃ አይውሰድ?",canCreateDirectRecord:"ቀጥታ ደብዳቤ መፍጠር ይቻል",canPositionBasedRecordsBeCreated:"በስራ መደብ ደብዳቤ ለመጻፍ ፍቃድ ይሰጥ?",canPositionBasedReferenceBeUsedForAllTypes:"በስራ መደብ የሚውጡ ደብዳቤዎች በሁሉም የደብዳቤ አይነቶች ላይ ይተግበሩ?",shouldDirectRecordHaveHeaderAndFooter:"ቀጥታ ደብዳቤ ራስጌና ግርጌ ይኖረው",shouldCollaboratorAlwaysSign:"ተባባሪ ሁልጊዜ ይፈርም (የቡድን ፊርማ)",shouldIncludeForYourReferenceInCC:"እንዲያውቁት ያካትቱ",canCollaborationBeCreatedForAll:"ለማንኛውም መዝገብ አይነት የትብብር/የቡድን ስራ መፍጠር ይቻላል?",canRecordBeEditedByCollaborators:"ተባባሪዎች መዝገብን እንዲያርሙ ፍቀድ",canRecordHaveCollaboratorsName:"የተባባሪዎችን ስም በመዝገቡ ላይ አሳይ",canRecordBeEditedOnWorkflow:"በስራ ሂደት ላይ መዝገብን ማርም ፍቀድ",canIncomingAssignmentsBeSeparated:"ገቢ ደብዳቤዎች ተበታትነው ይታዩ?",canROReturn:"የRO መመለስ ፍቀድ",internalMemoHasReferenceNumber:"የውስጥ ማስታወሻ ማጣቀሻ ቁጥር ይኑረው",enabled:"ነቅቷል",disabled:"ተሰናክሏል",editTitle:"የቦታ አቅጣጫን ያርቱ",editMsg:"ለዚህ አካል የቦታ አቅጣጫን ያስተካክሉ",msg1:"የድርጅት መለያ አልተገኘም። እባክዎን ማረጋገጫዎን ያረጋግጡ።",msg2:"የቦታ አዋቂነቶችን በመጫን ላይ...",positionConfig:"የቦታ አዋቂነት",positionConfigMsg:"ለእያንዳንዱ ቦታ የማሳወቂያ ቅንብሮችን እና የስራ እንቅስቃሴ ባህሪን ያዋቅሩ",add:"አዋቂነት ያክሉ",create:"የቦታ አዋቂነት ይፍጠሩ",position:"በስራ መደብ",select:"ቦታ ይምረጡ",select2:"እባክዎ መጀመሪያ አካል ይምረጡ",plsSelect:"የሚገኙትን ቦታዎች ለማየት እባክዎ መጀመሪያ አካል ይምረጡ",positionScope:"የቦታ አቅጣጫ",all:"ሁሉም",immediateChild:"ቀጣዩ ልጅ",parallel:"ከቀጣዩ ልጅ ጋር በአንፃፃፍ",notification:"የማሳወቂያ ቅንብሮች",sms:"የኤስኤምኤስ ማሳወቂያ",smsMsg:"መዝገብ ወደዚህ ቦታ ሲገባ ኤስኤምኤስ ይላኩ",email:"የኢሜይል ማሳወቂያ",emailMsg:"መዝገብ ወደዚህ ቦታ ሲገባ ኢሜይል ይላኩ",inbox:"የኢንቦቅሬታ  ማሳወቂያ",inboxMsg:"መዝገብ ወደዚህ ቦታ ሲገባ የኢንቦቅሬታ  ማሳወቂያ ያሳዩ",workflow:"የስራ እንቅስቃሴ ቅንብሮች",viewWF:"የስራ ፍሰትን ይመልከቱ",workflowMsg:"አትመልከት ከማንም አትመደበ",workflowMsg1:"ለዚህ ቦታ ማንም ካልተመደበ የስራ እንቅስቃሴውን ዝለል",creating:"በመፍጠር ላይ...",createConfig:"አዋቂነት ይፍጠሩ",error:"የቦታ አዋቂነቶችን ማከተል ላይ ስህተት፦",retry:"እንደገና ይሞክሩ",SMS:"ኤስኤምኤስ",Inbox:"ኢንቦቅሬታ ",skipWF:"የስራ እንቅስቃሴን ዝለል",delete:"ሰርዝ",deleteMsg:"ይህን የቦታ አዋቂነት ማጥፋት እርግጠኛ ነዎት? ይህ እርምጃ አይታወቅም።",updating:"በማዘመን ላይ...",UpdateConfig:"ሲቲንግ ያዘመኑ",archivedUsers:"የተሰረዙ ተጠቃሚዎች",escalationTitle:"የማሳደጊያ ማስተካከያ",escalationDescription:"ለተለያዩ የደብዳቤ አይነቶች የማሳደጊያ ሰዓታትን ያስተካክሉ",loadingConfig:"ማስተካከያ በመጫን ላይ...",loadError:"ማስተካከያ በማምጣት ላይ ስህተት",noConfigFound:"ምንም ማስተካከያ አልተገኘም",edit:"አርትዕ",updateEscalationMsg:"የማሳደጊያ ሰዓት ዋጋውን ያዘምኑ",saving:"በማስቀመጥ ላይ...",saveChanges:"ለውጦችን አስቀምጥ",escalationHour:"መደበኛ የማሳደጊያ ሰዓት",urgentLetterEscalationHour:"አስቸኳይ ደብዳቤ የማሳደጊያ ሰዓት",onReviewLetterEscalationHour:"የግምገማ ደብዳቤ የማሳደጊያ ሰዓት",urgentOnReviewLetterEscalationHour:"አስቸኳይ የግምገማ ደብዳቤ የማሳደጊያ ሰዓት",attachmentSignature:{badge:"የአባሪ ደህንነት",title:"ለአባሪዎች ፊርማ",description:"አንድ አሃድ ይምረጡ እና አባሪዎች በነባሪነት ዲጂታል ፊርማ ያካተቱ መሆን አለመሆናቸውን ይቆጣጠሩ።",unit:"ዩኒት",selectUnit:"Select a unit",loadingUnits:"ዩኒት በመጫን ላይ...",noUnitsFound:"No units found",unitHint:"ይህ ቅንብር ለተመረጠው ክፍል ይሠራል",toggleLabel:"Add Signature to Attachment",toggleDescription:"በተሰቀሉ አባሪዎች ላይ ፊርማ በራስ-ሰር ያካትቱ።",status:"ሁኔታ፡",activeUnit:"አክቲቭ ዩኒት"}},fL={letterName:"የፋይል ስም",Letter_Number:"የደብዳቤ ቁጥር",ACtions:"ተግባራት",Actions:"ተግባራት",Date:"ቀን",From:"ከ",Subject:"ርዕሰ ጉዳይ",subject:"ርዕሰ ጉዳይ",referenceNumber:"የማጣቀሻ ቁጥር",FileName:"የፋይል ስም",To:"ወደ",fileName:"የፋይል ስም",sendingOrganization:"የላኪ ድርጅት",sendingDepartment:"የላኪ ክፍል",dispatchedDate:"ቀን",submittedDate:"ቀን",Sending_Department:"የላኪ ክፍል",dispatchedBy:"የተቀየረው በ",Receiver:"ወደ",CreatedAt:"ቀን",createdAt:"ቀን",Status:"ሁኔታ",status:"ሁኔታ",organizationName:"የላከው ድርጅት","Task Status":"ሁኔታ",TaskStatus:"ሁኔታ",taskStatus:"ሁኔታ",delegateePosition:"የወከለኝ የስራ መደብ መጠሪያ",delegateeEmployee:"የወከለኝ ባለሙያ",delegatedPosition:"የተወከለው የስራ መደብ መጠሪያ",delegatedEmployee:"ተወካይ ባለሙያ",startDate:"መነሻ ቀን",endDate:"የመጨረሻ ቀን",isCurrent:"ሁኔታ",signStatus:"የፊርማ ሁኔታ",title:"ርዕስ",color:"ቀለም",description:"መግለጫ",image:"ምስል",featured:"ዋና ዜናዎች",category:"የዜና ምድብ",link:"ሊንክ"},pL={searchAllEmployees:"ሁሉንም ሰራተኞች ፈልግ",searchByNameEmailPhonePosition:"በስም፣ ኢሜል፣ ስልክ ወይም ቦታ ፈልግ...",searchingEmployees:"ሰራተኞችን በመፈለግ ላይ...",errorLoadingEmployees:"ሰራተኞችን በመጫን ላይ ስህተት",noEmployeesFound:"ምንም ሰራተኞች አልተገኙም",tryDifferentKeywords:"የተለያዩ ቁልፍ ቃላትን ይሞክሩ",startTypingToSearch:"ሰራተኞችን ለመፈለግ መተየብ ይጀምሩ",searchByNameEmailPhone:"በስም፣ ኢሜል ወይም ስልክ ቁጥር ፈልግ",showingResults:'ለ"{{query}}" {{total}} ውስጥ {{count}} ውጤቶችን በማሳየት ላይ',searchUnits:"ክፍሎችን ፈልግ...",searchDepartments:"ዲፓርትመንቶችን ፈልግ...",searchEmployees:"ሰራተኞችን ፈልግ...",noResults:"ምንም ውጤት አልተገኘም",allEmployees:"ሁሉም ሰራተኞች",resendingVerification:"የማረጋገጫ ኮድ እንደገና በመላክ ላይ...",sendingInvitation:"ግብዣ በመላክ ላይ...",verificationCodeResent:"የማረጋገጫ ኮድ እንደገና ተልኳል",invitationSent:"ግብዣ ተልኳል",verificationCodeSentTo:"አዲስ የማረጋገጫ ኮድ ወደ {{name}} ተልኳል",invitationSentTo:"ግብዣ ወደ {{name}} ተልኳል",failedToResend:"የማረጋገጫ ኮድ እንደገና መላክ አልተሳካም",failedToSendInvitation:"ግብዣ መላክ አልተሳካም",confirmRemoveEmployee:"{{name}} ን ማስወገድ እርግጠኛ ነዎት? ይህ ድርጊት መልሶ ሊቀየር አይችልም።",removeFunctionalityNotImplemented:"የማስወገድ ተግባር ከትክክለኛ API ውህደት ጋር ይተገበራል"},mL={trigger:"እርምጃ ውስጥ ይውሰዱ",title:"በሰነድ ላይ እርምጃ ውስጥ ይውሰዱ",labels:{selectAction:"እርምጃ ይምረጡ",remark:"ማስታወሻ (አማራጭ)",remarkPlaceholder:"ማስታወሻ ያክሉ..."},actions:{approve:"አረጋግጥ",adjustment:"ማስተካከያ",reject:"አትቀበል",pending:"በመጠባበቅ ላይ",submitted:"ተላከ",selectPlaceholder:"እርምጃ ይምረጡ"},buttons:{cancel:"ሰርዝ",submit:"አስገባ"},toast:{success:"ሰነድ {status}"}},hL={title:"ምክትል አመራሮች",subtitle:"የምክትል አመራሮች መልዕክት",previous:"ቀዳሚ መልዕክት",next:"ቀጣይ መልዕክት",defaultPosition:"የስራ መደብ",goToMessage:"ወደ መልዕክት {{index}} ሂድ"},gL={title:"የኃላፊ መልዕክት",subtitle:"የቢሮ ሀላፊ መልዕክት",defaultPosition:"የስራ መደብ",addMessage:"መልእክት ያክሉ"},yL="ከ",vL="ግብ ያክሉ",bL="የድርጅታዊ ግቦች",wL="የድርጅታዊ ራዕይ",SL="ራዕይ ያክሉ",xL="ዜና ያክሉ",CL="የዜና ምድብ ያክሉ",RL="የዜና ምድብ",EL="ሞጁሎች",kL="ሞጁል አክል",PL="ማህበራዊ ሚዲያ",AL="ማህበራዊ ሚዲያ ያክሉ",TL="ያግኙን",NL="እውቂያ ያክሉ",DL="የድርጅቱ ጭብጥ",OL={featuredNewsTitle:"የተመረጡ ዜናዎች",featuredNewsSubtitle:"ከተቋማችን ጋር በቅርብ ያዩ የእድገት፣ ስኬትና አዳዲስ አቀራረቦች",searchPlaceholder:"ዜና ፍለጋ...",topStories:"ከፍተኛ ዜናዎች",readFullStory:"ሙሉ ዜናዉን አንብብ",readMore:"ተጨማሪ ያንብቡ",loadMoreNews:"ተጨማሪ ዜናዎችን ፈልግ",showLess:"ያነሱ",previousGoal:"ያለፈው ግብ",nextGoal:"ቀጣይ ግብ",noNewsFound:"ምንም ዜና አልተገኘም",tryAdjusting:"ፍለጋዎን ወይም ማጣሪያዎን ይቀይሩ",readLess:"ያነሰ ያንብቡ"},_L={featuredNews:"የተመረጡ ዜናዎች",description:"ከድርጅታችን የተነሳ የቅርብ ጊዜ እድገቶችን፣ ስኬቶችን እና አዳዲስ አስተዋጽኦዎችን ይቀጥሉ",topStories:"ምርጥ ታሪኮች",allNews:"ሁሉም ዜና",noNewsFound:"ዜና አልተገኘም",noNewsFoundDesc:"የፍለጋ ወይም የተካተተ አማራጭዎን ያስተካክሉ",searchPlaceholder:"የዜና ማስፈንጠሪያ ያስፈልጋል...",readFullStory:"ሙሉ ታሪኩን አንብቡ",readMore:"ተጨማሪ ንባብ",loadMoreNews:"ተጨማሪ ዜና አንብቡ",showLess:"ቀንስ"},ML={title:"የህትመት አማራጮች",description:"ምን ማተም እንደሚፈልጉ ይምረጡ",recordDocument:"የመዝገብ ሰነድ",recordDescription:"ዋናውን የመዝገብ ሰነድ ያትሙ",attachments:"ተያያዥ ፋይሎች",noAttachments:"ምንም ተያያዥ ፋይሎች አልተገኙም",summary:"ለማተም የሚሆኑ ንጥሎች",selectAtLeastOne:"እባክዎ ቢያንስ አንድ ንጥል ይምረጡ",readyToPrint:"ለማተም ዝግጁ",print:"ህትመት",printing:"በማተም ላይ...",success:"የህትመት ሥራ በተሳካ ሁኔታ ተላክ",error:"ማተም አልተቻለም። እባክዎ እንደገና ይሞክሩ።",cancel:"ሰርዝ"},jL={page:{smartOfficeTitle:"የስማርት ኦፊስ ኦዲት መዝገብ",smartOfficeSubtitle:"የስማርት ኦፊስ እንቅስቃሴዎችን ይከታተሉ"},actions:{refresh:"አድስ",export:"አውርድ",cardView:"ካርድ እይታ",tableView:"ሰንጠረዥ እይታ",cancel:"ሰርዝ"},labels:{activityLogs:"የእንቅስቃሴ መዝገብ",activitiesFound:"{{count}} እንቅስቃሴዎች ተገኝተዋል",ip:"አይፒ"},messages:{missingModuleKey:"ለኦዲት መዝገብ የሞጁል ቁልፍ ይጎድላል",logsLoaded:"የኦዲት መዝገቦች ተጭነዋል",logsLoadFailed:"የኦዲት መዝገቦችን መጫን አልተሳካም",tryAgain:"እባክዎ እንደገና ይሞክሩ።",exportingLogs:"{{count}} መዝገቦችን እንደ {{format}} በማውረድ ላይ",loadingActivities:"እንቅስቃሴዎችን በመጫን ላይ...",noActivitiesFound:"ምንም እንቅስቃሴ አልተገኘም",adjustFilters:"የሚፈልጉትን ለማግኘት ማጣሪያዎችን ወይም ፍለጋውን ያስተካክሉ።"},filters:{dateRange:"የቀን ክልል",clearFilters:"ማጣሪያዎችን አጥፋ",searchPlaceholder:"እንቅስቃሴዎችን ፈልግ...",module:"ሞጁል",allModules:"ሁሉም ሞጁሎች",action:"ተግባር",allActions:"ሁሉም ተግባሮች",status:"ሁኔታ",allStatuses:"ሁሉም ሁኔታዎች",fromDate:"ከ ቀን",toDate:"እስከ ቀን",last7Days:"ያለፉ 7 ቀናት",last30Days:"ያለፉ 30 ቀናት"},status:{success:"ተሳክቷል",failure:"አልተሳካም",warning:"ማስጠንቀቂያ",pending:"በመጠባበቅ ላይ"},stats:{totalActivities:"ጠቅላላ እንቅስቃሴዎች",successRate:"የስኬት መጠን",dailyAverage:"ዕለታዊ አማካይ",uniqueUsers:"ልዩ ተጠቃሚዎች",topActions:"ከፍተኛ ተግባሮች",times:"ጊዜ"},export:{title:"የእንቅስቃሴ መዝገቦችን አውርድ",description:"ለእንቅስቃሴ መዝገቦችዎ የማውረጃ አማራጮችን ይምረጡ።",fileName:"የፋይል ስም",fileNamePlaceholder:"የፋይል ስም ያስገቡ",format:"የማውረጃ ፎርማት",includeDetails:"ዝርዝር መረጃ አካትት",includeDateRange:"የቀን ክልል በማውረድ ውስጥ አካትት"},table:{time:"ጊዜ",user:"ተጠቃሚ",action:"ተግባር",description:"መግለጫ",module:"ሞጁል",severity:"ክብደት",status:"ሁኔታ"},pagination:{showing:"{{shown}} ከ {{total}} ጠቅላላ እንቅስቃሴዎች እየታዩ ነው",pageOf:"ገጽ {{page}} / {{totalPages}}"},modal:{title:"የስማርት ኦፊስ ኦዲት ዝርዝር",description:"ሙሉ የተመለሰ የኦዲት ንጥል መለያ: {{id}}",entity:"ኢንቲቲ",method:"ዘዴ",createdAt:"የተፈጠረበት ጊዜ",changes:"ለውጦች",noChanges:"ምንም ለውጥ የለም።",payload:"ውሂብ",performedBy:"የፈጸመው",field:"መስክ",changed:"ተቀይሯል",noEffectiveChange:"ትክክለኛ ለውጥ የለም",changedPaths:"የተቀየሩ መንገዶች",noDifference:"ለዚህ መስክ From እና To አንድ ናቸው።",previousFile:"ቀዳሚ ፋይል",currentFile:"አሁን ያለ ፋይል",from:"ከ",to:"ወደ",updatedDetails:"የተዘመነ ዝርዝር",itemsCount:"{{count}} ንጥል(ሎች)",user:{name:"ስም",email:"ኢሜይል",phone:"ስልክ",status:"ሁኔታ",userType:"የተጠቃሚ አይነት",registration:"ምዝገባ",complete:"ተጠናቋል",incomplete:"አልተጠናቀቀም",roles:"ሚናዎች",noRoles:"ምንም ሚና የለም",employeeInfo:"የሰራተኛ መረጃ",rank:"ደረጃ",noPermissions:"ፍቃድ የለም",noEmployeeDetails:"የሰራተኛ ዝርዝር የለም"}}},LL={configureStyles:"ስታይል አዘጋጅ",sample:"የቴምፕሌት ናሙና",generateSample:"ናሙና ፍጠር",content:"ይዘት",pdfPreview:"PDF ቅድመ እይታ",saveSettings:"ቅንብሮችን ያስቀምጡ",download:"ዝቅ ያድርጉ",loadPayload:"ናሙና ጭነት ጫን",loadPayloadDescription:"ፎርሙን ከናሙና ውሂብ ለመሙላት JSON ጭነት ፋይል ያስቀምጡ",noTemplates:"ምንም ቴምፕሌት የለም",loadingTemplates:"ቴምፕሌቶችን በመጫን ላይ...",errorLoadingTemplates:"ቴምፕሌቶችን መጫን ስህተት",errorLoadingTemplate:"ቴምፕሌት መጫን ስህተት",errorLoadingSettings:"ስታይል ቅንብሮችን መጫን ስህተት",commonProperties:"የተለመዱ ባህሪያት",quickPresets:"ፈጣን ቅድመ ቅንብሮች",fontSize:"የፊደል መጠን",fontWeight:"የፊደል ክብደት",fontFamily:"የፊደል ቤተሰብ",textDecoration:"የጽሑፍ ማስጌጫ",listStyle:"የዝርዝር ስታይል",width:"ስፋት",height:"ቁመት",margin:"ህዳግ",padding:"ጥቅል",advancedCSS:"የላቀ CSS ኢዲተር",customCSS:"ብጁ CSS",noPdfInResponse:"በምላሹ ምንም PDF የለም",generatingSample:"ናሙና ፍጠር ስህተት",settingsSavedSuccessfully:"ቅንብሮች በተሳካ ሁኔታ ተቀምጠዋል",errorSavingSettings:"ቅንብሮችን ማስቀመጥ ስህተት",noCustomSettingsToSave:"ለማስቀመጥ ብጁ ቅንብሮች የለም",downloadingPDF:"PDF ዝቅ ይደረጋል...",downloadPDFSuccess:"PDF በተሳካ ሁኔታ ዝቅ ተደርጓል",downloadPDFFailed:"PDF ዝቅ ማድረግ አልተሳካም",noPdfAvailable:"ምንም PDF አይገኝም",basicInfo:"መሰረታዊ መረጃ",recordType:"የመዝገብ ዓይነት",external:"ውጫዊ",internal:"ውስጣዊ",preferredLanguage:"ተመራጭ ቋንቋ",headerFooter:"ራስ ጽሑፍ እና ግርጌ ጽሑፍ",headerStyleSettings:"የራስ ጽሑፍ ስታይል ቅንብሮች",footerStyleSettings:"የግርጌ ጽሑፍ ስታይል ቅንብሮች",subject:"ርዕስ",subjectStyleSettings:"የርዕስ ስታይል ቅንብሮች",date:"ቀን",body:"ሰውነት",bodyStyleSettings:"የሰውነት ስታይል ቅንብሮች",sincerelyText:"በታማኝነት ጽሑፍ",prefix:"ቅድመ ቅጥያ",prefixStyleSettings:"ቅድመ ቅጥያ ስታይል",suffix:"ቅጥያ",suffixStyleSettings:"ቅጥያ ስታይል",prefixCC:"ቅድመ ቅጥያ CC",ccPrefixStyleSettings:"CC ቅድመ ቅጥያ ስታይል",suffixCC:"ቅጥያ CC",ccSuffixStyleSettings:"CC ቅጥያ ስታይል",delegatorName:"የወካይ ስም",collaborators:"ተባባሪዎች",recipientsAndCC:"ተቀባዮች እና CC",internalCC:"ውስጣዊ CC",externalCC:"ውጫዊ CC",recipients:"ተቀባዮች",headerStyle:"ርዕስ ስታይል",footerStyle:"ግርጌ ስታይል",subjectStyle:"ርዕስ ስታይል",bodyStyle:"አካል(Body) ስታይል",receiverStyle:"ተቀባይ ስታይል",prefixSuffix:"ቅድመ-ቅጥያ / ቅጥያ",ccStyles:"ሲሲ ስታይሎች",fonts:"ቅርጸ-ቁምፊዎች",pageMargin:"የገጽ ህዳግ",referenceNumberStyles:"የማጣቀሻ ቁጥር ስታይሎች",other:"ሌላ",styleCategories:"የስታይል ምድቦች",styleEditor:"ስታይል አርታኢ",livePreview:"የቀጥታ ቅድመ-እይታ"},FL={title:"በመጠባበቅ ላይ ያሉ ሰራተኞች",noPendingApprovals:"በመጠባበቅ ላይ ያለ ማጽደቂያ የለም 🎉",reviewAll:"ሁሉንም ይመልከቱ",approve:"ያጽድቁ",reject:"ይቃወሙ",name:"ስም",email:"ኢሜይል",positions:"የስራ መደቦች",actions:"ድርጊቶች",pending:"በመጠባበቅ ላይ",loadingPendingEmployees:"በመጠባበቅ ላይ ያሉ ሰራተኞችን በመጫን ላይ...",allRequestsReviewed:"ሁሉም የሰራተኛ ጥያቄዎች ተገምግመዋል።",refresh:"አድስ",showingUpTo:"እስከ 50 በመጠባበቅ ላይ ያሉ ሰራተኞችን በማሳየት ላይ",employeeApproved:"ሰራተኛ ጸድቋል",employeeRejected:"ሰራተኛ ተቃውሟል",failedToApprove:"ማጽደቅ አልተሳካም",failedToReject:"መቃወም አልተሳካም",employeeApprovedSuccess:"ሰራተኛ በተሳካ ሁኔታ ጸድቋል",employeeRejectedSuccess:"ሰራተኛ በተሳካ ሁኔታ ተቃውሟል"},IL={commentRequired:"አስተያየት ያስፈልጋል"},UL={nav:Cj,preview:Rj,initiationType:Ej,dashboard:kj,verification:Pj,welcome:Aj,change_password:Tj,sign_out:Nj,view_profile:Dj,user:Oj,common:_j,collaboration:Mj,profile:jj,complaint:Lj,header:Fj,migration:Ij,addRecord:Uj,"Document Attachments":"የደብዳቤ አባሪዎች","Login Method":"የመግቢያ ምርጫ","Sign Up":"ራስዎን ይመዝግቡ","Back to Home":"ወደ ዋና ገፅ ይመለሱ","Don't have an account?":"የሲስተሙ ተጠቃሚ አይደሉም?",incomingRecord:$j,externalPortal:zj,userRecord:Bj,statusBar:qj,userIncoming:Vj,ApprovalPage:Hj,viewDetail:Wj,PDF:Gj,shareViaEmail:Kj,convert:Yj,delegation:Xj,signatureUpload:Qj,assignment:Jj,auth:Zj,forgotpassword:eL,msg:tL,landingPage:rL,organization:nL,userIncomingretun:oL,viewDocument:iL,registration:sL,otp:aL,contentManagement:lL,superAdmin:cL,recordTag:uL,setting:dL,toogle:fL,search:pL,"Resend Invite":"እንደገና ሊንክ ላክ",actionModal:mL,deputy:hL,officeHead:gL,"Strategic Goal":"የተቋሙ ግብ",of:yL,"Our Strategic Goals":"የእኛ የስትራቴጂ ግቦች","Go to goal":"ወደ ግብ {{index}}: {{title}} ሂድ","Previous Goal":"የበፊት ግብ","Next Goal":"የሚቀጥለው ግብ",addGoal:vL,Goals:bL,Vision:wL,addVision:SL,addNews:xL,addNewsCategory:CL,newsCategory:RL,modules:EL,addModules:kL,socialMedia:PL,addSocialMedia:AL,contactUs:TL,addContactUs:NL,theme:DL,featuredNews:OL,newssection:_L,print:ML,auditLogShared:jL,template:LL,pendingUsers:FL,validation:IL},$L={dashboard:"Tableau de bord",outgoing:"Sortant",incoming:"Entrant",external:"Externe",internal:"Interne",cc:"CC",forYourReference:"Pour votre référence",approval:"Approbation",pending:"En attente","Record Management":"Gestion des dossiers",branch:"Direction",internal_memo:"Note interne",non_smart_user:"Utilisateur non Smart",smartUsers:"Utilisateurs Smart",external_non_smart_user:"Utilisateur externe non Smart",admin:"Gestion du site",modules:"Modules",deputyMessage:"Message du/de la adjoint(e)",officeHeadMessage:"Message du responsable du bureau",orgGoal:"Objectifs de l’organisation",news:"Actualités",other:"Autre",homePage:"Vers la page d’accueil",myRecord:"Mes dossiers",submitRecord:"Soumettre le dossier",direct:"Direct"},zL={self:"Moi-même",team:"Équipe"},BL={totalOutgoing:"Total sortant",totalIncoming:"Total entrant",ccRecords:"Dossiers en CC",totalApproval:"Total des approbations",lastUpdated:"Dernière mise à jour",refresh:"Actualiser",refreshing:"Actualisation...",never:"Jamais",approvalStats:"Statistiques d’approbation",externalIncoming:"Entrant externe",internalIncoming:"Entrant interne",incomingStats:"Statistiques des entrants",outgoingStats:"Statistiques des sortants",externalIncomingRecords:"Dossiers entrants externes",internalIncomingRecords:"Dossiers entrants internes",advanced:"Tableau de bord avancé",status:{inProgress:"En cours",accepted:"Accepté",reassigned:"Réassigné",draft:"Brouillon",forward:"Transférer",approved:"Approuvé",rejected:"Rejeté",adjusted:"Ajusté",sent:"Envoyé",approve:"Approuver"},Percentage:"Pourcentage",Count:"Nombre",Status:"Statut",Total:"Total",pieChart:"Diagramme circulaire",barChart:"Graphique à barres",table:"Tableau",monthlyIncoming:"Dossiers entrants mensuels",monthlyOutgoing:"Dossiers sortants mensuels",totalInVsOut:"Total entrant vs sortant",monthlyInVsOut:"Entrants vs sortants mensuels",weeklyInVsOut:"Entrants vs sortants hebdomadaires",dailyInVsOut:"Entrants vs sortants quotidiens",exportPdf:"Exporter en PDF",exporting:"Exportation...",print:"Imprimer",exportFormat:"Format d’exportation",selectFormat:"Sélectionner le format",totalEmployees:"Total des employés",totalUnits:"Total des unités",totalPositions:"Total des postes",totalDocuments:"Total des documents",organizationDashboard:"Tableau de bord de l’organisation",userManagement:"Gestion des utilisateurs",userManagementDesc:"Gérer les utilisateurs et les départements",contentManagementDesc:"Gérer les en-têtes, les pieds de page et les sceaux",excelUploader:"Importateur Excel",excelUploaderDesc:"Importer des utilisateurs en masse depuis Excel",positionSettings:"Paramètres des postes",positionSettingsDesc:"Configurer les postes organisationnels",archiveUsers:"Archiver les utilisateurs",archiveUsersDesc:"Gérer les comptes utilisateur archivés",overviewDescription:"Aperçu des performances et activités de votre organisation",quickActions:"Actions rapides",contentManagement:"Gestion du contenu",exportUserData:"Exporter les données utilisateur",recentActivities:"Activités récentes",selectUnit:"Sélectionner une unité",loadingUnits:"Chargement des unités...",refreshData:"Actualiser les données",noUnitsFound:"Aucune unité trouvée",organizationIdRequired:"L’ID de l’organisation est requis",exportError:"Échec de l’exportation. Veuillez réessayer.",uploadHeader:"Nouvelle image d’en-tête téléversée",updateSeal:"Sceau de l’organisation mis à jour",removeFooter:"Image du pied de page supprimée",twoHoursAgo:"Il y a 2 heures",fiveHoursAgo:"Il y a 5 heures",oneDayAgo:"Il y a 1 jour",orgMsg:"Aperçu des statistiques et activités de votre organisation",errorMsg:"Erreur lors du chargement des données de l’organisation. Veuillez actualiser la page."},qL={pending:"Vérification en attente",message:"Votre inscription est en cours de vérification. Si 24 heures se sont écoulées et que votre compte n’est toujours pas vérifié, veuillez nous contacter à",contactSupport:"Contacter l’assistance"},VL={inProgress:"En cours",accepted:"Accepté",reassigned:"Réassigné",draft:"Brouillon",forward:"Transférer",approved:"Approuvé",rejected:"Rejeté",adjusted:"Ajusté",sent:"Envoyé",all:"Tous",dispatched:"Expédié",submitted:"Soumis"},HL="Bienvenue",WL="Changer le mot de passe",GL="Se déconnecter",KL="Voir le profil",YL="Utilisateur",XL={back:"Retour",Back:"Retour",View:"Voir",today:"Aujourd’hui",yesterday:"Hier",unknownUser:"Utilisateur inconnu",yes:"Oui",no:"Non",na:"N/A",None:"Aucun",Submit:"Soumettre",save:"Enregistrer",saveAsDraft:"Enregistrer comme brouillon",Cancel:"Annuler",cancel:"Annuler",confirmAndSubmit:"Soumettre",goBack:"Retour",Confirm:"Confirmer",noResult:"Aucun résultat",create:"Créer",update:"Mettre à jour",Edit:"Modifier",Unselect:"Désélectionner",loading:"Chargement",DeactivateUser:"Supprimer l’utilisateur",requiredFields:"Champs requis",notAvailable:"Non disponible",referenceNumber:"numéroDeRéférence",subject:"Objet",createdDate:"Date de création",dispatchedDate:"Date d’expédition",status:"Statut",search:"Rechercher",name:"Nom",delete:"Supprimer",actions:"Actions",verify:"Vérifier",verifying:"Vérification...",viewReply:"Voir la réponse",previous:"Précédent",next:"Suivant",showing:"Affichage",to:"à",of:"de",Migrate:"Migrer",adopt:"Adopter",page:"Page",Delete:"Supprimer",Deleting:"Suppression...",DeletedSuccessfully:"Supprimé avec succès",FailedToDelete:"Échec de la suppression",ConfirmDelete:"Confirmer la suppression",DeleteConfirmationMessage:"Êtes-vous sûr de vouloir supprimer « {{name}} » ? Cette action ne peut pas être annulée.",addReply:"Ajouter une réponse",replies:"Réponses",replyAttachments:"Pièces jointes de réponse",mockDownload:"Téléchargement de la pièce jointe simulée : ",noReplies:"Aucune réponse ajoutée pour le moment.",replyMessage:"Message de réponse",replyPlaceholder:"Écrivez votre message de réponse ou commentaire ici...",attachments:"Pièces jointes",uploadMessage:"Cliquez pour téléverser ou glissez-déposez",uploadFormats:"PDF, PNG, JPG, ZIP (max 10 Mo)",submitting:"Soumission...",submit:"Soumettre",comment:"Commentaire"},QL={title:"Migrer le type de poste",fromPositionType:"Depuis le type de poste",toPositionType:"Vers le type de poste",selectSourcePositionType:"Sélectionner le type de poste source...",selectTargetPositionType:"Sélectionner le type de poste cible...",migrationPath:"Migration",migrateAllPositions:"Migrer tous les postes",confirmMigration:"Confirmer la migration",migrateAllDescription:"Cela migrera tous les postes de {{fromName}} vers {{toName}}. Cette action ne peut pas être annulée.",yesMigrateAll:"Oui, tout migrer",migrateSelectedPositions:"Migrer les postes sélectionnés",selectPositionsToMigrate:"Sélectionner les postes à migrer",searchPositions:"Rechercher des postes...",selected:"Sélectionné",noPositionsFound:"Aucun poste trouvé",noPositionsAvailable:"Aucun poste disponible",migrateSelectedButton:"Migrer les postes sélectionnés ({{count}})",confirmSelectedMigration:"Confirmer la migration sélectionnée",migrateSelectedDescription:"Vous êtes sur le point de migrer {{count}} poste(s) sélectionné(s) de {{fromName}} vers {{toName}}.",selectBothPositionTypes:"Veuillez sélectionner à la fois les types de poste source et cible",selectAtLeastOnePosition:"Veuillez sélectionner au moins un poste",allPositionsMigratedSuccess:"Tous les postes ont été migrés avec succès",failedToMigratePositions:"Échec de la migration des postes",selectedPositionsMigratedSuccess:"{{count}} poste(s) migré(s) avec succès",failedToMigrateSelectedPositions:"Échec de la migration des postes sélectionnés"},JL={inProgress:"En cours",done:"Terminé",all:"Tous",list:"Collaborations",comment:"Commentaire",comments:"Commentaires",commentTitle:"Commentaires de collaboration",commentDialogDescription:"Consultez ici tous les commentaires des collaborateurs. Si vous n’avez pas encore commenté, vous pouvez ajouter le vôtre ci-dessous.",commentRequired:"Le commentaire ne peut pas être vide.",commentSubmitted:"Commentaire soumis.",commentUpdated:"Commentaire mis à jour avec succès.",commentDeleted:"Commentaire supprimé avec succès.",commentExists:"Vous avez déjà commenté cette version du dossier.",commentsEmpty:"Aucun commentaire n’a encore été ajouté.",commentsCount:"{{count}} commentaire(s)",commentsEmptyState:"Une fois que les collaborateurs commenceront à commenter, leurs retours apparaîtront ici.",reviewedCount:"{{count}} collaborateur(s) ont révisé",unknownUser:"Utilisateur inconnu",yourComment:"Votre commentaire",edited:"Modifié",commentPlaceholder:"Écrivez votre commentaire...",addComment:"Ajouter votre commentaire",singleCommentRule:"Vous pouvez soumettre un seul commentaire pour la version actuelle du dossier.",postComment:"Publier le commentaire",deleteCommentTitle:"Supprimer le commentaire ?",deleteCommentDescription:"Cela supprimera votre commentaire actuel. Vous pourrez en ajouter un nouveau ensuite.",close:"Fermer",edit:"Modifier",adjust:"Ajuster",adjustSubmitted:"Ajustement envoyé avec succès.",adjustFailed:"Échec de l’envoi de la demande d’ajustement.",adjustCommentMissing:"Aucun commentaire trouvé à utiliser pour l’ajustement."},ZL={recentActivity:"Activité récente",accountSafety:"Sécurité du compte",twoFactorAuth:"Authentification à deux facteurs",twoFactorDesc:"Ajouter une couche de sécurité supplémentaire",enabled:"Activé",disabled:"Désactivé",loading:"Chargement du profil...",error:"Échec du chargement du profil",tryAgain:"Réessayer",sessions:"Sessions",noName:"Aucun nom",signOut:"Se déconnecter",email:"E-mail",userType:"Type d’utilisateur",userTypes:{employee:"Employé"},activity:{login:"Connexion",passwordChanged:"Mot de passe modifié"},passwordSet:"Mot de passe défini",status:{accepted:"Accepté"},positionDetails:"Détails du poste",positionName:"Nom du poste",positionKey:"Clé du poste",isDelegate:"Est délégué",employeeId:"ID employé",permissions:"Autorisations",noPermissions:"Aucune autorisation assignée",accountSecurity:"Sécurité du compte",password:"Mot de passe",passwordSetStatus:"Le mot de passe est défini",passwordNotSetStatus:"Mot de passe non défini",changePassword:"Changer le mot de passe",updateProfile:"Mettre à jour le profil",profile:"profil",englishName:"Veuillez saisir le nom en anglais",amharicName:"Veuillez saisir le nom en amharique",username:"Veuillez saisir le nom d’utilisateur",phoneNumber:"Veuillez saisir le numéro de téléphone",emailmsg:"Veuillez saisir l’e-mail",emailRequired:"L’e-mail est requis",usernameRequired:"Le nom d’utilisateur est requis",phoneRequired:"Le numéro de téléphone est requis",englishNameRequired:"Le nom en anglais est requis",amharicNameRequired:"Le nom en amharique est requis",invalidPhoneFormat:"Format de numéro de téléphone invalide.",validPhoneFormat:"Veuillez saisir un numéro de téléphone valide au format +2519XXXXXXXX ou 09XXXXXXXX",invalidEmailFormat:"Format d’e-mail invalide",validEmailFormat:"Veuillez saisir une adresse e-mail valide",profileUpdateSuccess:"Profil mis à jour avec succès",profileUpdated:"Votre profil est mis à jour",profileUpdateFailed:"Échec de la mise à jour du profil",updating:"Mise à jour"},eF={title:"Soumettre votre plainte",subtitle:"Nous sommes là pour vous aider. Fournissez des informations détaillées afin que nous puissions vous assister efficacement.",formTitle:"Formulaire de plainte",fullName:"Nom complet",phone:"Numéro de téléphone",subCity:"Sous-ville",woreda:"Woreda",houseNumber:"Numéro de maison",institution:"Institution",place:"Lieu de la plainte",details:"Détails de la plainte",want:"Résolution souhaitée",evidence:"Preuve (facultatif)",selectedFiles:"Fichiers sélectionnés",disclaimerTitle:"Avertissement important",disclaimerText:"En soumettant ce formulaire, vous confirmez que les informations fournies sont vraies et exactes. Les fausses plaintes peuvent faire l’objet de poursuites judiciaires.",accept:"J’ai lu et j’accepte l’avertissement",submit:"Soumettre la plainte",submitting:"Soumission...",success:"Plainte soumise avec succès",keepId:"Veuillez conserver l’ID de votre plainte pour référence future :",error:"Erreur",close:"Fermer",back:"Retour",followTitle:"Suivre la plainte",followSubtitle:"Nous sommes là pour vous aider — suivez l’avancement de votre plainte ici.",selectCompliant:"Sélectionner une plainte",noEvidence:"Aucune preuve",compliantId:"Numéro de suivi de plainte",enterComNum:"Saisir le numéro de suivi de plainte",message:"Réponse",complaintNo:"Numéro de plainte",errorMsg:"Impossible de récupérer la plainte. Veuillez vérifier votre numéro de suivi de plainte et réessayer."},tF={tigrigna:"Tigrigna",affar:"Afar",somali:"Somali",oromo:"Afaan Oromo",user:"Utilisateur",management:"Gestion",notifications:"Notifications",english:"Anglais",englishShort:"ANG",amharic:"Amharique",amharicShort:"አማ",french:"Français",frenchShort:"FR",viewProfile:"Voir le profil",changePassword:"Changer le mot de passe",signOut:"Se déconnecter",settings:"Paramètres",addTeeter:"Ajouter le cachet et la signature",addSignature:"Ajouter une signature",Remark:"Remarque",Description:"Description",navigation:{dashboard:"Tableau de bord",outgoing:"Sortant",incoming:"Entrant",approval:"Approbation",delegation:"Délégation",pending:"En attente",settings:"Paramètres",collaborations:"Collaborations",collaboration:"Collaborations"},editProfile:"Modifier le profil"},rF={title:"Mot de passe oublié ?",subtitle:"Ne vous inquiétez pas, nous vous enverrons les instructions de réinitialisation",phone:"Numéro de téléphone",phoneplaceholder:"+251912345678 ou 09XXXXXXXX",invalidphone:"Format de numéro de téléphone invalide. Utilisez +2519XXXXXXXX ou 09XXXXXXXX",checkphone:"Vérifiez votre numéro de téléphone",checkdesc:"Nous enverrons un lien de réinitialisation du mot de passe à votre numéro de téléphone.",sending:"Envoi du lien de réinitialisation...",sendresetlink:"Envoyer le lien de réinitialisation",backtologin:"Retour à la connexion",remember:"Vous vous souvenez de votre mot de passe ?",signin:"se connecter",home:"Accueil",success:"Lien de réinitialisation du mot de passe envoyé",successdesc:"Veuillez vérifier votre numéro de téléphone pour le lien de réinitialisation.",fail:"Échec de la demande de réinitialisation du mot de passe"},nF={"Reference Number":"Numéro de référence","Enter Reference Number":"Saisir le numéro de référence","Record Tags":"Étiquettes de dossier","Select Record Tags":"Étiquettes de dossier",SelectedReceivingUnits:"Unités destinataires sélectionnées",EditRecord:"Modifier le dossier",editIncomingRecord:"Modifier le dossier","Record Type":"Type de dossier","Select Record Type":"Sélectionner le type de dossier","Initiation Type":"Type d’initiation","Select Initiation Type":"Sélectionner le type d’initiation","Receiving Unit":"Unité destinataire","Select Receiving Units":"Sélectionner l’unité destinataire","Receiving Users":"Utilisateurs destinataires","Select Receiving Users":"Sélectionner les utilisateurs destinataires",Prefix:"Préfixe","Select Prefix":"Sélectionner le préfixe","Non Smart Receiving Unit":"Unité destinataire non Smart","Enter Non Smart Receiving Organization":"Saisir l’organisation destinataire non Smart","To Departments":"Vers les départements","Select Department":"Sélectionner les départements","Preferred Language":"Langue préférée","Select Language":"Sélectionner la langue",Suffix:"Suffixe","Select Suffix":"Sélectionner le suffixe","Position Prefix":"Préfixe du poste","Select Position Prefix":"Sélectionner le préfixe du poste",Subject:"Objet","Enter Subject":"Saisir l’objet","Letter Template":"Modèle de courrier","Select Letter Template":"Sélectionner le modèle de courrier",Body:"Corps","External CC":"CC externe","Select External CC":"Sélectionner le CC externe","Internal CC":"CC interne","Select Internal CC":"Sélectionner le CC interne","Non Smart CC Unit":"Unité CC non Smart","Enter  Non Smart CC Organization":"Saisir l’organisation CC non Smart",Cancel:"Annuler",Add:"+ Ajouter",English:"Anglais",Amharic:"Amharique",Header:"En-tête du courrier","Select Header":"Sélectionner l’en-tête","No Header":"Aucun en-tête",Footer:"Pied de page du courrier","Select Footer":"Sélectionner le pied de page","No Footer":"Aucun pied de page",Collaborators:"Collaborateurs","Select Collaborators":"Sélectionner les collaborateurs","Sincerely Text":"Texte de salutation","Enter Sincerely Text":"Saisir le texte de salutation",record:"Dossier",attachment:"Pièce jointe",failedToCreateRecord:"Échec de la création du dossier",recordSubmittedSuccessfully:"Dossier transféré avec succès.",createRecordFirst:"Veuillez d’abord créer un dossier pour téléverser des pièces jointes.",previous:"Précédent",submit:"Soumettre",recordNotCreatedYet:"Le dossier n’a pas encore été créé.",submitting:"Soumission...",selectCollaborators:"Sélectionner les collaborateurs","Enter CC Prefix":"Saisir le préfixe CC","CC Prefix":"Préfixe CC","Enter CC Suffix":"Saisir le suffixe CC","CC Suffix":"Suffixe CC","Sign Status":"Statut de signature",ccUsers:"Utilisateurs en CC",selectCCUsers:"Sélectionner les utilisateurs en CC",refreshOptions:"Actualiser les options",isTeamSig:"Avec signature d’équipe",letterName:"Nom du fichier",addLetterName:"Saisir le nom du fichier","Edit Mode":"Mode modification","Create Mode":"Mode création","Edit Record":"Modifier le dossier","Create New Record":"Créer un nouveau dossier","Fill in the details below":"Remplissez les détails ci-dessous","Basic Information":"Informations de base",enterBasicDetails:"Saisir les informations de base de votre dossier","Creation Type":"Type de création","Select Creation Type":"Sélectionner le type de création",Recipients:"Destinataires",specifyRecipients:"Préciser qui recevra ce dossier","Template & Formatting":"Modèle et mise en forme",customizeAppearance:"Personnaliser l’apparence de votre dossier","Loading Headers...":"Chargement des en-têtes...","Loading Footers...":"Chargement des pieds de page...","Letter Content":"Contenu du courrier",writeLetterContent:"Rédiger le contenu de votre courrier","Header Preview":"Aperçu de l’en-tête","Footer Preview":"Aperçu du pied de page","Carbon Copy (CC)":"Copie carbone (CC)",addCCRecipients:"Ajouter des destinataires en copie carbone",forYourReference:"Pour votre référence",selectForYourReference:"Sélectionner les départements pour votre référence","Enter Non Smart CC Organization":"Saisir l’organisation CC non Smart",Attachments:"Pièces jointes",uploadSupportingDocuments:"Téléverser les documents justificatifs",personal:"Personnel",Position:"Poste",formHasErrors:"Veuillez corriger les erreurs du formulaire avant de soumettre",processingRequest:"Traitement de votre demande, veuillez patienter...",letterInformation:"Informations du courrier",organizationInformation:"Informations de l’organisation",skipOneLevel:"Doit sauter une étape"},oF={title:"Aperçu du dossier",generating:"Génération de l’aperçu...",failed:"Échec de la génération de l’aperçu",retry:"Réessayer",close:"Fermer",print:"Imprimer",loading:"Chargement de l’aperçu...",error:"Impossible de générer l’aperçu",networkError:"Une erreur réseau s’est produite. Veuillez vérifier votre connexion et réessayer.",noData:"Aucune donnée d’aperçu disponible",button:"Aperçu",validationError:"Veuillez corriger les erreurs de validation avant l’aperçu"},iF={title:"Options d’impression",description:"Sélectionnez ce que vous voulez imprimer",recordDocument:"Document du dossier",recordDescription:"Imprimer le document principal du dossier",attachments:"Pièces jointes",noAttachments:"Aucune pièce jointe disponible",summary:"Éléments à imprimer",selectAtLeastOne:"Veuillez sélectionner au moins un élément à imprimer",readyToPrint:"Prêt à imprimer",print:"Imprimer",printing:"Impression...",success:"Tâche d’impression envoyée avec succès",error:"Échec de l’impression. Veuillez réessayer.",cancel:"Annuler"},sF={createdSuccess:"Courrier entrant créé avec succès",updatedSuccess:"Courrier entrant mis à jour avec succès",UpdatedSuccessfully:"mis à jour avec succès"},aF={letterSentSuccess:"Courrier soumis avec succès"},lF={All:"Tous",Draft:"Brouillon",createAndForward:"Créer et transférer",createAndApprove:"Créer et approuver",updateAndForward:"Mettre à jour et transférer",updateAndApprove:"Mettre à jour et approuver",recordCreatedAndForwarded:"Dossier créé et transféré",recordUpdatedAndForwarded:"Dossier mis à jour et transféré",recordCreatedReadyToApprove:"Dossier créé — choisissez un tampon et une signature pour approuver",recordUpdatedReadyToApprove:"Dossier mis à jour — choisissez un tampon et une signature pour approuver","The main file must be a PDF document":"Le fichier principal doit être un document PDF",storageUploadFailed:"Nous n’avons pas pu téléverser le fichier. Veuillez réessayer.",Submitted:"Transféré",Accepted:"Accepté",Approved:"Approuvé",Rejected:"Rejeté",Returned:"Retourné",Adjustment:"Ajustement","Team Signature":"Signatures en attente",Sent:"Envoyé",Letters:"Courriers","External Outgoing":"Sortant externe","Internal Outgoing":"Sortant interne",To:"À",Send:"Envoyer","Send Directly":"Envoyer directement",nonSmartReceiverName:"Destinataire non Smart",ReceiverPosition:"Poste destinataire",ReceiverEmployee:"Employé destinataire",ReceiverUnit:"Unité destinataire",Subject:"Objet",Date:"Date",Search:"Rechercher","Add Record":"Ajouter un dossier","Error loading records.":"Erreur lors du chargement des dossiers.","Receiver Info":"Informations du destinataire","No receivers":"Aucun destinataire","No receiving unit":"Aucune unité destinataire",Status:"Statut",Actions:"Actions","View Detail":"Voir le détail",MakeRecordSecure:"Sécuriser le dossier",UnsecureRecord:"Déverrouiller le dossier",RecordSecuredSuccess:"Dossier sécurisé avec succès.",RecordSecureFailed:"Échec de la sécurisation du dossier.",RecordUnsecuredSuccess:"Dossier déverrouillé avec succès.",RecordUnsecureFailed:"Échec du déverrouillage du dossier.",recordSecuredSuccess:"Dossier sécurisé avec succès.",recordUnsecuredSuccess:"Dossier déverrouillé avec succès.",recordMarkedUrgentSuccess:"Dossier marqué comme urgent.",recordUrgencyClearedSuccess:"Urgence du dossier retirée.",SecureDialogTitle:"Sécuriser ce dossier ?",SecureDialogDescription:"Cela verrouillera le dossier et le rendra sécurisé. Vous ne pouvez pas annuler cette action.",UnsecureDialogTitle:"Déverrouiller ce dossier ?",UnsecureDialogDescription:"Cela déverrouillera le dossier et le rendra à nouveau modifiable.","Open actions menu":"Ouvrir le menu des actions",Approve:"Approuver",Forward:"Transférer",Edit:"Modifier",Delete:"Supprimer",Download:"Télécharger",DirectSubmit:"Soumission directe",directSubmitTitle:"Soumettre directement le dossier",directSubmitDescription:"Sélectionner une signature pour soumettre ce dossier directement.",SelectSignature:"Signature",SelectSignaturePlaceholder:"Sélectionner une signature",noSignatureAvailable:"Aucune signature n’est disponible pour la soumission directe.",noSignatureForDirectSend:"Aucune signature active trouvée pour l’envoi direct.",directSubmitSuccess:"Dossier soumis directement avec succès.",directSubmitError:"Échec de la soumission directe du dossier.",directDispatchSuccess:"Dossier envoyé avec succès.",directDispatchError:"Échec de l’envoi du dossier.",SendDirectRecordTitle:"Envoyer le dossier direct",SendDirectRecordDescription:"Êtes-vous sûr de vouloir envoyer ce dossier direct ? Cette action ne peut pas être annulée.",Sending:"Envoi...","Record approved successfully!":"Dossier approuvé avec succès !","Record rejected successfully!":"Dossier rejeté avec succès !","Failed to approve record.":"Échec de l’approbation du dossier.","Approve Record":"Approuver le dossier","Record is deleted successfully":"Le dossier est supprimé avec succès","Confirm Delete":"Confirmer la suppression","Delete Record":"Supprimer le dossier",Downloaded:"Téléchargé","Download Record PDF":"Télécharger le PDF du dossier","Failed to download PDF.":"Échec du téléchargement du PDF.","Download successful!":"Téléchargement réussi !","Confirm Forward":"Confirmer le transfert","Forward Record":"Transférer le dossier","Failed to forward the record":"Échec du transfert du dossier","Record forwarded successfully":"Dossier transféré avec succès","Confirm Approve":"Confirmer l’approbation",Reference:"Le numéro de référence standard de l’organisation",ExternalReference:"Numéro de référence des courriers entrants",InternalMemoReference:"Numéro de référence de la note interne","Make Review":"Faire une révision","Confirm Review":"Confirmer la révision",Reject:"Rejeter","Filter by":"Filtrer par","Reference Number":"Numéro de référence","Enter the subject of the letter":"Saisir l’objet du courrier","Delivered By":"Livré par","Enter Delivered By":"Saisir livré par","Letter Number":"Numéro de courrier","Enter Letter Number":"Saisir le numéro de courrier","Failed to create letter":"Échec de la création du courrier","Letter Created successfully":"Courrier créé avec succès","Please select file":"Veuillez sélectionner un fichier","Created At":"Créé le","Sign Status":"Statut de signature",signStatus:"Statut de signature",createdAt:"Créé le",View:"Voir","Date Received":"Date de réception",Attachment:"Pièce jointe",ReceivingUnit:"Destinataire","Review your record before submission":"Vérifiez votre dossier avant la soumission",Back:"Retour","Submit Record":"Soumettre le dossier",Submitting:"Soumission","Generating preview":"Génération de l’aperçu","PDF Preview":"Aperçu PDF","Unable to generate preview":"Impossible de générer l’aperçu",Retry:"Réessayer","Record Summary":"Résumé du dossier","No subject":"Aucun objet","Record Type":"Type de dossier","Not specified":"Non spécifié",Language:"Langue","Initiation Type":"Type d’initiation","Preview generation failed":"Échec de la génération de l’aperçu",Preview:"Aperçu",Form:"Formulaire",History:"Historique entrant","Delete Delegation":"Supprimer la délégation",selectLetter:"Sélectionner le courrier",incomingLetters:"Courriers entrants",nonSmartLetters:"Courriers non Smart",sendingOrganization:"Organisation expéditrice","Sending Organization":"Organisation expéditrice",MarkUrgent:"Marquer comme urgent",UnmarkUrgent:"Retirer le marquage urgent",MarkUrgentDialogTitle:"Marquer ce dossier comme urgent ?",MarkUrgentDialogDescription:"Ce dossier sera marqué comme urgent pour un traitement rapide.",UnmarkUrgentDialogTitle:"Retirer le statut urgent de ce dossier ?",UnmarkUrgentDialogDescription:"Ce dossier n’apparaîtra plus comme urgent.",Activate:"Activer",ShareViaEmail:"Partager par e-mail",recordOfficeRegester:"Dossiers enregistrés par l’agent d’enregistrement",fromSmartUsers:"Des bureaux utilisant Smartoffice",fromExternalNonsmart:"D’utilisateurs Smart externes",addRecordRO:"Ajouter un dossier entrant",directSend:"Envoi direct",updateAndSend:"Mettre à jour et envoyer",createAndSend:"Créer et envoyer","Confirm Reject":"Confirmer le rejet"},cF={Skipped:"Ignoré",Pending:"En attente",pending:"En attente",Draft:"Brouillon",draft:"En cours",InProgress:"En cours","In progress":"En cours","In Progress":"En cours",active:"En cours",Reassigned:"Réassigné",re_assigned:"Réassigné",Approved:"Approuvé",Accepted:"Accepté",accepted:"Accepté",Dispatched:"Envoyé",Adjustment:"Ajustement",adjustment:"Ajustement",adjustment_requested:"Ajustement demandé",AdjustmentRequested:"Ajustement demandé",Rejected:"Rejeté",rejected:"Rejeté",Submitted:"Transféré",All:"Tous",Reject:"Rejeter",Accept:"Accepter",Approve:"Approuver",approved:"Approuver",Adjust:"Ajuster",Sent:"Envoyé",Send:"Envoyer","Team Signature":"Signatures en attente","Team Rejected":"Équipe rejetée",teamRejected:"Équipe rejetée","Team Approved":"Équipe approuvée",signed:"Signé",activated:"Activé",deactivated:"Désactivé",activate:"Activer",deactivate:"Désactiver",totalAllocations:"Total des affectations",assignmentStatistics:"Statistiques d’assignation",Outgoing:"Sortant",Incoming:"Entrant",Returned:"Retourné",Adjusted:"Ajusté",acceptForward:"Accepter et transférer",replaced:"Remplacé",seen:"Vu",assigned:"Assigné",not_assigned:"Non assigné",completionRate:"Taux d’achèvement",attentionNeeded:"Attention requise",onTrack:"Dans les délais",assInProg:"Assignation en cours",next:"Affectations suivantes","Under Review":"En révision","Re Assigned":"Réassigné",send_back_by_ro:"Renvoyé par l’agent d’enregistrement",replied:"Répondu",Replied:"Répondu",yes:"Oui",no:"Non",terminated:"Terminé",cancelled:"Annulé",canceled:"Annulé",ended:"Terminé",Expired:"Expiré","Team Adjusted":"Équipe ajustée"},uF={Continue:"Continuer","Update and Assign":"Mettre à jour et assigner","Create and Assign":"Créer et assigner","Select a remark...":"Sélectionner des remarques courantes","Select Predefined Remark":"Sélectionner des remarques courantes",Clear:"Effacer","From Date":"De","To Date":"À",Letters:"Courriers",Department:"Département",Subject:"Objet",Date:"Date",Search:"Rechercher","Error loading records.":"Erreur lors du chargement des dossiers.",errDelegation:"Vous n’avez pas accès à cette page car votre compte est actuellement délégué.",Status:"Statut",Actions:"Actions",successassign:"Dossier assigné avec succès.","View Detail":"Voir le détail","Open actions menu":"Ouvrir le menu des actions","Sending Department":"Département expéditeur","No Department":"Aucun département","No Subject":"Aucun objet","Sending Organization (English)":"Organisation expéditrice (anglais)","Sending Organization":"Organisation expéditrice","Sending Organization (Amharic)":"Organisation expéditrice (amharique)",Accept:"Accepter",Assign:"Assigner",Edit:"Modifier",update:"Mettre à jour",Delete:"Supprimer",Download:"Télécharger",Reject:"Rejeter",Cancel:"Annuler",uploadIncomingRecord:"Ajouter un dossier entrant","Record accepted successfully":"Dossier accepté avec succès","Failed to accept record":"Échec de l’acceptation du dossier","Confirm Acceptance":"Confirmer l’acceptation","Are you sure you want to accept this record?":"Êtes-vous sûr de vouloir accepter ce dossier ?",Confirm:"Confirmer","Processing...":"Traitement...",Departments:"Départements","Select department(s)...":"Sélectionner des département(s)...",Employees:"Employés","Select employee(s)...":"Sélectionner des employé(s)...",Remark:"Remarque","Failed to Assign a Record":"Échec de l’assignation d’un dossier","Assign this record to one or more departments":"Assigner ce dossier à un ou plusieurs départements","Assign Record":"Assigner le dossier","An error occurred during assignment.":"Une erreur s’est produite lors de l’assignation.","Enter your remarks...":"Saisissez vos remarques...","Assigning...":"Assignation...","Are you sure you want to reject this record?":"Êtes-vous sûr de vouloir rejeter ce dossier ?","Failed to rejected record":"Échec du rejet du dossier","Record rejected successfully":"Dossier rejeté avec succès",To:"À",ConvertedBy:"Converti par",ReceiverDepartment:"Département destinataire","Assign CC":"Assigner en CC","Assign CC Record":"Assigner le dossier en CC","Assign this CC record to one or more positions":"Assigner ce dossier CC à un ou plusieurs postes","Select Positions":"Sélectionner des postes","Select positions to assign":"Sélectionner les postes à assigner",Comment:"Commentaire","Quick Remarks":"Remarques rapides","Failed to Assign CC Record":"Échec de l’assignation du dossier en CC",ReceiverEmployee:"Employé destinataire",return:"Retourner",returnQues:"Êtes-vous sûr de vouloir retourner ce dossier ?",returing:"Retour...",conformReturn:"Confirmer le retour","Reference Number":"Numéro de référence","Dispatched Date":"Date d’expédition","No Sending organization":"Aucune organisation expéditrice",noRemark:"Aucune remarque trouvée",searchRemark:"Rechercher une remarque...","Is Secured":"Est sécurisé","Is Urgent":"Est urgent","Receiving Organization":"Organisation destinataire",Attachments:"Pièces jointes",nonSmart:"D’un utilisateur non Smart",external:"D’un utilisateur Smart",self:"Mon dossier",parent:"Mon dossier parent",errorLoadingRecords:"Erreur lors du chargement des dossiers",reply:"Répondre",replyRecord:"Dossier de réponse",remarkDate:"Date de remarque",isReplyLetter:"Est une lettre de réponse",ViewReplyLetterDetails:"Voir le détail de la lettre de réponse",isSecured:"Sécurisé",isUrgent:"Urgent",RecordStatus:"Statut du dossier"},dF={"Record adjusted successfully":"Dossier ajusté avec succès",yourStamp:"Votre cachet",Letters:"Courriers",Department:"Département",Subject:"Objet",Date:"Date",Search:"Rechercher","Error loading records.":"Erreur lors du chargement des dossiers.",Status:"Statut",Actions:"Actions","View Detail":"Voir le détail","Open actions menu":"Ouvrir le menu des actions",receiverEmployee:"Employé destinataire",receiverPosition:"Poste destinataire",LetterName:"Nom du fichier",Receiver:"Destinataire","No Subject":"Aucun objet","Record accepted successfully":"Dossier accepté avec succès",Confirm:"Confirmer",Remark:"Remarque",Remarks:"Remarques","Accept Record":"Accepter le dossier","Record Rejected successfully":"Dossier rejeté avec succès",recordAdjustedSuccessfully:"Dossier ajusté avec succès",confirmAdjustment:"Confirmer l’ajustement",adjustRecord:"Ajuster le dossier",selectOrUploadSignature:"Veuillez sélectionner ou téléverser une signature",selectOrUploadTeeter:"Veuillez sélectionner ou téléverser un cachet",recordApprovedSuccessfully:"Dossier approuvé avec succès !",failedToApproveRecord:"Échec de l’approbation du dossier.",approveRecord:"Approuver le dossier",confirmApprove:"Confirmer l’approbation",confirmRejection:"Confirmer le rejet",rejectRecord:"Rejeter le dossier",RecordType:"Type de dossier",selectStamp:"Sélectionner le tampon",selectTetter:"Sélectionner le cachet",selectedStamp:"Tampon sélectionné :",signature:"Signature",yourSignature:"Votre signature :",selectedSignature:"Signature sélectionnée :",selectSignature:"Sélectionner une signature",approving:"Approbation...",All:"Tous",FileName:"Nom du fichier",SendingDepartment:"Département expéditeur",RecordStatus:"Statut du dossier"},fF={for:"Pour",viewDetail:"Voir le détail",from:"De",letter:"Courrier principal",letterPreview:"Aperçu du courrier",view:"Voir",fullScreen:"Plein écran",back:"Retour",loading:"Chargement...",noPreview:"Aucun aperçu trouvé",securedRecordMessage:"Comme le dossier est sécurisé, vous ne pouvez pas le consulter.",securedAttachmentMessage:"Comme le dossier est sécurisé, vous ne pouvez pas consulter les pièces jointes.",receivingOrganizations:"Organisations destinataires",receivingUserEmployees:"Employés utilisateurs destinataires",sendingDepartment:"Département expéditeur",externalCcOrganizations:"Organisations CC externes",internalCcDepartments:"Départements CC internes",receivingDepartments:"Départements destinataires",sentDate:"Date d’envoi",referenceNumber:"Numéro de référence",attachments:"Pièces jointes",remarks:"Remarques",loadingRemarks:"Chargement des remarques...",failedToLoadRemarks:"Échec du chargement des remarques.",noRemarksAvailable:"Aucune remarque disponible pour ce dossier.",action:"Action",comment:"Commentaire :",noAttachmentsAvailable:"Aucune pièce jointe disponible.",open:"Ouvrir",subject:"Objet",letterNumber:"Numéro de courrier",deliveredBy:"Livré par",personalRemark:"Remarque personnelle",noPersonalRemarkProvided:"Aucune remarque personnelle disponible",regeneratePdf:"Régénérer le PDF",regeneratingPdf:"Régénération...",pdfRegenerationSuccess:"PDF régénéré avec succès",pdfRegenerationFailed:"Échec de la régénération du PDF",sendingBureau:"Bureau expéditeur",collaborators:"Collaborateurs",recordDetail:"Détail du dossier",commentorEmployee:"Employé commentateur",commentorDepartment:"Département du commentateur",noComment:"Aucun commentaire",fileName:"Nom du fichier",fileName1:"Nom du fichier (numéro de référence RO)",toogleColumns:"Basculer les colonnes",sendingEmployee:"Employé expéditeur"},pF={dropFilesHere:"Déposez les fichiers ici",dragDropInstruction:"Glissez-déposez les fichiers ici, ou cliquez pour sélectionner des fichiers",youCanUpload:"Vous pouvez téléverser",removeFile:"Supprimer le fichier",filesUpTo:"Fichiers (jusqu’à ",aFileWith:"Un fichier avec",file:"Fichier",wasRejected:"A été rejeté",uploaded:"Téléversé",failedToUpload:"Échec du téléversement",uploading:"Téléversement...",cannotUploadMoreThan:"Impossible de téléverser plus de "},mF={title:"Partager le dossier par e-mail",description:"Saisir l’adresse e-mail avec laquelle partager ce dossier.",emailLabel:"Adresse e-mail",emailPlaceholder:"Saisir l’adresse e-mail",emailRequired:"L’adresse e-mail est requise",invalidEmailFormat:"Veuillez saisir une adresse e-mail valide",shareButton:"Partager le dossier",shareSuccess:"Dossier partagé avec succès par e-mail",shareFailed:"Échec du partage du dossier par e-mail",networkError:"Une erreur réseau s’est produite. Veuillez vérifier votre connexion et réessayer."},hF={recordConverted:"Dossier converti avec succès.",selectSeal:"Veuillez sélectionner un sceau.",convertRecord:"Convertir le dossier",recordType:"Type de dossier :",subject:"Objet :",convertAndDispatch:"Convertir et expédier",selectSealLabel:"Sélectionner le sceau :",loadingSeals:"Chargement des sceaux...",selectSealPlaceholder:"-- Sélectionner un sceau --",selectedSealPreview:"Aperçu du sceau sélectionné :",drawSig:"Dessiner la signature"},gF={delegatedPosition:"Poste délégué",delegateePosition:"Poste délégataire",delegateeEmployee:"Employé délégataire",selectDelegatedPosition:"Sélectionner le poste délégué",delegateTo:"Déléguer à (employé)",selectEmployee:"Sélectionner un employé",noEmployeesAvailable:"Aucun employé disponible pour ce poste",startDate:"Date de début",pickDate:"Choisir une date",endDate:"Date de fin",endDateMinimumFutureError:"La date de fin doit être au moins 2 minutes à partir de maintenant",update:"Mettre à jour",save:"Enregistrer",title:"Délégation",newDelegation:"Nouvelle délégation",editDelegation:"Modifier la délégation",addDelegation:"Ajouter une délégation",position:"Poste délégué",active:"Actif",delegator:"Délégant",delegatedEmployee:"Employé délégué",currentEndDate:"Date de fin actuelle",select:" Sélectionner",acting:"Agissant en tant que",switchRole:"Changer de rôle",successDelete:"La délégation est supprimée avec succès",activeDelegationExists:"une délégation active existe ; modifiez la délégation active ou supprimez-la et recréez-en une",createdSuccess:"Délégation créée avec succès",deletedSuccess:"Délégation supprimée avec succès",updatedSuccess:"Délégation mise à jour avec succès",terminationDetail:"Détail de résiliation",viewTerminationDetail:"Voir le détail de résiliation",terminatedSuccess:"Délégation terminée avec succès",deleteDescription:"Fournissez une raison pour mettre fin à cette délégation.",deleteReasonLabel:"Raison",deleteReasonPlaceholder:"Pourquoi mettez-vous fin à cette délégation ?",deleteReasonRequired:"Veuillez fournir une raison pour la suppression.",myDelegations:"Mes délégations",myDelegatee:"Mon délégué",letter:"Lettre de délégation",selectLetter:"Sélectionner le courrier",viewLetter:"Voir la lettre de délégation",noLetterAssigned:"Aucune lettre de délégation",letterDetails:"Détails du courrier sélectionné",recordInformation:"Informations du dossier",letterPreview:"Aperçu du document",openInNewTab:"Ouvrir dans un nouvel onglet",pdfNotAvailable:"Document PDF non disponible",recordNotFound:"Dossier sélectionné introuvable",pdfNotFound:"Document PDF introuvable",pdfLoadError:"Échec du chargement du document PDF",loadingPdf:"Chargement du document...",retryPdf:"Réessayer le chargement",receiverPositions:"Destinataires",initiator:"Initiée par",latestComment:"Dernier commentaire",commentMeta:"Donné par",commentMetaOn:"le"},yF={signature:"Signature",teeter:"Cachet",uploadSignature:"Téléverser la signature",uploadTeeter:"Téléverser le cachet",uploadSignatureNote:"Téléverser la signature (PNG uniquement)",uploadTeeterNote:"Téléverser le cachet (PNG uniquement)",uploadedSignature:"Signature téléversée :",uploadedTeeter:"Cachet téléversé :",enterFileName:"Saisir le nom du fichier (sans extension)",preview:"Aperçu :",upload:"Téléverser",uploading:"Téléversement...",remove:"Supprimer",removing:"Suppression...",removedSuccess:"Supprimé avec succès.",removeTeeterFailed:"Échec de la suppression du cachet",removeFailed:"Échec de la suppression.",selectPngFirst:"Veuillez d’abord sélectionner un fichier PNG.",onlyPngAllowed:"Seuls les fichiers PNG sont autorisés.",signatureExists:"La signature existe déjà. Supprimez-la pour en téléverser une nouvelle.",uploadSuccess:"Téléversement réussi !",uploadError:"Erreur de téléversement :",uploadFailed:"Échec du téléversement.",openSignatureForm:"Ouvrir le panneau de signature",generateTeeter:"Générer le cachet",selectTeeterLanguage:"Sélectionner la langue du cachet",languageAmharic:"Amharique",languageEnglish:"Anglais",languageBoth:"Les deux (amharique puis anglais)",confirmGenerateTeeter:"Générer",cancelGenerateTeeter:"Annuler",uploadGeneratedTeeter:"Téléverser le cachet généré",generatedTeeterPreview:"Aperçu du cachet généré",downloadTransparentPng:"Télécharger le PNG transparent",stampNameLabel:"Nom",stampPositionLabel:"Poste",stampBlockAmharic:"Amharique",stampBlockEnglish:"Anglais",missingEmployeeData:"Le nom ou le poste de l’employé n’est pas disponible."},vF={assignedBy:"Assigné par",assignedTo:"Assigné à",assignedOn:"Assigné le :",comment:"Commentaire :",assignmentFlow:"Flux d’assignation",noAssignments:"Aucune assignation n’a encore été effectuée pour ce dossier.",responded:"Répondu",assignedUsing:"Assigné via :",byName:"Nom de l’employé",byDepartment:"Nom du département"},bF={welcomeBack:"Bon retour",enterCredentials:"Veuillez saisir vos identifiants pour continuer",email:"E-mail",phoneNumber:"Numéro de téléphone",username:"Nom d’utilisateur",password:"Mot de passe",rememberMe:"Se souvenir de moi",forgotPassword:"Mot de passe oublié ?",loggingIn:"Connexion...",login:"Connexion",welcomeHeadline:"Bienvenue dans votre Smart Office",paperlessOffice:"Bureau sans papier",welcomeSubtext:"Connectez-vous pour rationaliser votre flux de travail et éliminer l’encombrement.",emailAddress:"Adresse e-mail",err:"Numéro de téléphone éthiopien invalide. Il doit commencer par +251",invalidEmail:"Veuillez saisir une adresse e-mail valide"},wF={sent:"Le courrier est envoyé",genericError:"Une erreur s’est produite",authError:"Session expirée",authErrorDescription:"Veuillez vous reconnecter.",validationError:"Certaines informations soumises sont invalides. Veuillez vérifier et réessayer.",permissionError:"Vous n’avez pas l’autorisation d’effectuer cette action.",notFoundError:"Nous n’avons pas trouvé ce que vous cherchiez.",fileTooLarge:"Le fichier est trop volumineux. Veuillez réduire sa taille et réessayer.",serverError:"Un problème est survenu de notre côté. Veuillez réessayer dans un instant.",attachmentDeleted:"Pièce jointe supprimée avec succès.",replyAdded:"Réponse ajoutée avec succès !",replyError:"Une erreur s’est produite lors de l’ajout de la réponse.",failedToCreate:"Échec de la création du dossier",failedToGetUrl:"Échec de l’obtention de l’URL de téléversement",registrationSuccess:"Inscription effectuée. Nous avons envoyé un SMS pour définir votre mot de passe avec succès.",errorOccurred:"Une erreur s’est produite.",successfullyCompleted:"Modifications enregistrées avec succès.",pdfRegenerated:"PDF régénéré avec succès.",approveFailed:"Échec de l’approbation du dossier.",approveSuccess:"Dossier approuvé avec succès",selectPrompt:"Veuillez sélectionner un tampon.",extendedSuccess:"Délégation prolongée avec succès.",letter:"Courrier",approvedSuccess:"Dossier approuvé avec succès !",submittedSuccess:"Dossier soumis avec succès !",reviewSuccess:"Dossier mis en révision avec succès !",markedForAdjustment:"Marqué pour ajustement",sentToOfficer:"Envoyé à l’agent d’enregistrement",errorSendingToOfficer:"Erreur lors de l’envoi à l’agent d’enregistrement",success:"Délégation réussie.",failed:"Échec de la délégation.",deletedSuccess:"Délégation supprimée avec succès.",deleteFailed:"Échec de la suppression de la délégation.",failedCreateOrGetUrl:"Échec de la création du dossier ou de l’obtention de l’URL de téléversement.",sentAndUploadedSuccess:"Courrier envoyé et fichier téléversé avec succès.",failedSendOrUpload:"Échec de l’envoi du courrier ou du téléversement du fichier.",successassign:"Dossier assigné avec succès.",submittedWithAttachments:"Dossier et pièces jointes soumis.",createFailed:"Échec de la création du dossier.",refreshedSuccess:"Actualisé avec succès.",refreshFailed:"Échec de l’actualisation.",redirecting:"Redirection...",loginSuccess:"Connexion réussie.",receivingDepartmentRequired:"Au moins un département destinataire est requis",receivingUnitRequired:"Au moins une unité destinataire est requise",recordTypeRequired:"Le type de dossier est requis",initiationTypeRequired:"Le type d’initiation est requis",subjectRequired:"L’objet est requis",preferredLanguageRequired:"La langue préférée est requise",bodyRequired:"Le corps est requis",sincerelyTextRequired:"Le texte de salutation est requis",headerRequired:"L’en-tête est requis",footerRequired:"Le pied de page est requis",accessDenied:"Accès refusé",accessDeniedmsg:"Vous ne pouvez pas accéder à cette page car vous avez une délégation active. Veuillez supprimer la délégation pour continuer.",accessDeniedmsg2:"Vous ne pouvez pas accéder à cette page car vous avez une délégation active. Vous ne pouvez pas déléguer si vous êtes déjà délégué par un autre employé",accessDeniedmsg3:"Vous ne pouvez pas accéder au module de gestion des dossiers car vous n’êtes pas enregistré dans cette organisation ou aucun poste ne vous a été assigné",sendingOrgRequired:"L’organisation expéditrice est requise",deliveredByRequired:"Le champ « Livré par » est requis",letterNoRequired:"Le numéro de courrier est requis",letterNameRequired:"Le nom du fichier est requis",noReferenceNumber:"Le courrier n’est pas envoyé, donc aucun numéro de référence",noMsg:"Parce que le courrier n’a pas encore été envoyé",sincerely:"Cordialement",changePasswordMsg:"Définir un nouveau mot de passe pour votre compte",oldPassword:"Ancien mot de passe",newPassword:"Nouveau mot de passe",confirmNewPassword:"Confirmer le nouveau mot de passe",chaning:"changement...",failedChange:"Échec du changement de mot de passe",successChange:"Mot de passe modifié avec succès",logoutSuccess:"Déconnexion réussie",logoutFailed:"Échec de la déconnexion",passwordMismatch:"Le nouveau mot de passe et sa confirmation ne correspondent pas",passwordRequirements:"Le mot de passe doit contenir au moins 8 caractères",currentPasswordRequired:"Le mot de passe actuel est requis",newPasswordRequired:"Le nouveau mot de passe est requis",passwordMinLength:"Le mot de passe doit contenir au moins 8 caractères",passwordMustBeDifferent:"Le nouveau mot de passe doit être différent de votre mot de passe actuel",confirmPasswordRequired:"Veuillez confirmer votre nouveau mot de passe",uppercaseLetter:"lettre majuscule",lowercaseLetter:"lettre minuscule",number:"numéro",specialCharacter:"caractère spécial",passwordComplexity:"Le mot de passe doit contenir au moins un",passwordResetSuccess:"Vous pouvez maintenant vous connecter avec votre nouveau mot de passe",selectAll:"Tout sélectionner",error:"Erreur",createRecordMsg:"Remplissez les détails pour créer un nouveau dossier entrant",updateRecordMsg:"Mettre à jour les détails du dossier entrant ci-dessous",completionRate:"Calcul : acceptés + rejetés + réassignés + répondus divisés par le total des assignations",totalAllocations:"Nombre total de courriers assignés aux utilisateurs ou départements",reassigned:"Courriers redirigés d’un utilisateur ou département vers un autre",rejected:"Courriers refusés ou non approuvés par le destinataire",accepted:"Courriers approuvés ou reconnus par le destinataire",replied:"Courriers ayant reçu une réponse ou un suivi du destinataire",draft:"Courriers en attente d’une action ou d’une décision du destinataire",waitingMsg:"Aucun contenu n’est disponible sur ce site pour le moment, car l’administrateur n’a pas encore fourni ou publié de ressources.",recordDes:"Ce lien vous mène à la gestion des dossiers",orgAdminDes:"Ce lien mène à la gestion du site",recycleBin:"Corbeille",ccEmployeesInvalidSelection:"Un ou plusieurs utilisateurs CC sélectionnés n’ont pas de poste assigné valide. Supprimez-les ou mettez à jour leur profil employé."},SF=JSON.parse('{"smartOffice":"Smart Office","signIn":"Se connecter","signUp":"S’inscrire","overview":"Aperçu","features":"Fonctionnalités","workflow":"Flux de travail","manual":"Manuel","digitalTransformation":"Transformation numérique pour des opérations gouvernementales modernes.","facebook":"Facebook","twitter":"Twitter","linkedIn":"LinkedIn","telegram":"Telegram","tiktok":"TikTok","website":"Site web","contactUs":"Nous contacter","quickLinks":"Liens rapides","copyright":"Tria Plc - Copyright ©","rightsReserved":"Tous droits réservés - Propulsé par Tria","address":"Lingo Tower en face de Sheger House, Bole, Addis-Abeba, Éthiopie","platformSystem":"Smart Office","initiativeDescription":"Une initiative complète de transformation numérique visant à moderniser les opérations des bureaux gouvernementaux grâce à l’adoption de technologies de pointe.","getStarted":"Commencer","learnMore":"En savoir plus","sops":"SOPS","smartOfficePlatformSystem":"Système Smart Office","revolutionDescription":"Révolutionner les opérations gouvernementales grâce à l’automatisation des flux de travail alimentée par l’IA et à l’analyse en temps réel.","liveDemo":"Démo en direct disponible","outgoingRecords":"Dossiers sortants","outgoingRecordsDesc":"Créer et envoyer des dossiers internes ou externes avec pièces jointes et flux d’approbation hiérarchiques.","incomingRecords":"Dossiers entrants","incomingRecordsDesc":"Consulter, accepter et répondre aux dossiers reçus, avec la possibilité de les assigner aux départements concernés.","approvalWorkflows":"Flux d’approbation","approvalWorkflowsDesc":"Prise en charge des courriers et signatures numériques avec des processus d’approbation hiérarchiques adaptés à la structure de votre bureau.","interactiveDashboard":"Tableau de bord interactif","interactiveDashboardDesc":"Suivi en temps réel des dossiers entrants et sortants, avec résumés par département et approbations en attente.","organizedFolders":"Dossiers organisés","organizedFoldersDesc":"Catégoriser les dossiers à l’aide d’un système structuré avec des capacités avancées de recherche et de filtrage.","securityAccessControl":"Sécurité et contrôle d’accès","securityAccessControlDesc":"Accès basé sur les rôles avec pistes d’audit complètes pour toutes les actions et modifications de documents.","powerfulFeaturesTitle":"Fonctionnalités puissantes","powerfulFeaturesSubtitle":"Rationalisez votre flux de travail documentaire","powerfulFeaturesDesc":"Nos outils complets vous aident à gérer les dossiers efficacement tout en maintenant la sécurité et la conformité.","feature1":"Délais d’approbation plus rapides","feature2":"Dossiers mieux organisés","feature3":"Conformité d’audit","documentWorkflow":"Flux de travail documentaire","recordCreation":"Création de dossier","recordCreationDesc":"L’utilisateur crée un nouveau dossier avec des pièces jointes et des métadonnées","teamLeaderReview":"Révision par le chef d’équipe","teamLeaderReviewDesc":"Approbation de premier niveau par le supérieur immédiat","directorApproval":"Approbation du directeur","directorApprovalDesc":"Le responsable du département révise et approuve","deputyHeadReview":"Révision par l’adjoint au responsable","deputyHeadReviewDesc":"Approbation administrative finale avant soumission","recordOfficerProcessing":"Traitement par l’agent d’enregistrement","recordOfficerProcessingDesc":"Enregistrement officiel et expédition","streamlinedProcess":"Processus rationalisé","recordManagementApprovalWorkflows":"Flux d’approbation de la gestion des dossiers","smartOfficeDescription":"Smart Office reflète votre hiérarchie organisationnelle avec des flux de travail numériques personnalisables qui garantissent une supervision et une responsabilité appropriées.","step":"ÉTAPE","requestChanges":"Demander des modifications","workflowAutomationBenefits":"Avantages de l’automatisation des flux de travail","workflowAutomationDesc":"Notre système intelligent de flux de travail réduit le temps de traitement de 65 % tout en garantissant la conformité à vos politiques organisationnelles.","fasterApprovals":"Approbations 65 % plus rapides","reduceDelays":"Réduire les retards bureaucratiques","auditTrail":"Piste d’audit à 100 %","completeRecord":"Historique complet de toutes les actions","advancedFeatures":"Fonctionnalités avancées","slaMonitoring":"Suivi des SLA","slaMonitoringDesc":"Suivi automatique des accords de niveau de service avec alertes d’escalade en cas de retard.","conditionalRouting":"Routage conditionnel","conditionalRoutingDesc":"Des règles intelligentes acheminent automatiquement les documents selon le contenu, la valeur ou le département.","temporaryApprovalDelegation":"Délégation temporaire d’approbation pour les congés avec suivi d’audit complet.","approvalworkflow":"Flux d’approbation","uptime":"Disponibilité","bureaus":"Bureaux","support":"Assistance","features1":"Évolutif","features2":"Prise en charge multiplateforme","features3":"Synchronisation des données dans le cloud","features4":"fonctionnement en faible connectivité","features5":"Conception réactive/adaptative","features6":"Sécuriser","login":"Connexion au système","step1":"1. Cliquez sur le","headerBtn":"bouton dans l’en-tête","step2":"2. Saisissez le nom d’utilisateur et le mot de passe fournis par votre administrateur","step3":"3. Cliquez sur le","accessBtn":"bouton pour accéder au système","note":"Remarque","forgotIntro":"Si vous oubliez votre mot de passe, contactez votre administrateur système pour le réinitialiser.","dashboardTitle":"Aperçu du tableau de bord","dashboardDesc":"Le tableau de bord fournit un aperçu complet de vos activités de dossier :","recordsCreated":"Dossiers créés","recordsTotal":"Total des dossiers que vous avez initiés","recordsReceived":"Dossiers reçus :","incomingDocs":"Documents entrants provenant d’autres personnes","breakdown":"Répartition interne/externe :","visuals":"Graphiques visuels montrant les types de documents","approvalStatus":"Statut d’approbation","approvalTypes":"Dossiers en attente, approuvés ou rejetés","quickActions":"Actions rapides","createOrCheck":"Créer de nouveaux dossiers ou vérifier les approbations en attente directement depuis le tableau de bord","recentActivity":"Activité récente","trackUpdates":"Suivre les dernières mises à jour de vos documents","manageOut":"Gestion des dossiers sortants","createNew":"Création de nouveaux dossiers","goToTab":"Accédez au","clickBtn":"Cliquez sur le bouton","fillFields":"Remplissez tous les champs requis (type de dossier, destinataire, objet, etc.)","attach":"Joindre des documents justificatifs si nécessaire","saveOrSubmit":"Enregistrer comme brouillon ou soumettre pour approbation","trackStatus":"Suivi du statut du dossier","notForwarded":"Cet élément n’a pas encore été transféré. Cet élément peut être modifié et supprimé","awaiting":"Cet élément attend acceptation ou approbation.","accepted":"Cet élément a été accepté et attend approbation.","approvedSent":"Cet élément a été approuvé et envoyé à l’agent d’enregistrement pour expédition.","returned":"Cet élément a été retourné pour ajustements ou informations supplémentaires. Veuillez consulter les commentaires.","rejected":"Cet élément a été rejeté.","sent":"Cet élément a été envoyé aux destinataires.","returnedByOfficer":"Cet élément a été retourné par l’agent d’enregistrement.","monitor":"Suivez vos dossiers à chaque étape d’approbation du flux de travail","manageIncoming":"Gestion des dossiers entrants","incomingTypes":"Types de dossiers entrants","fromOthers":"D’autres organisations","withinOrg":"Au sein de votre organisation","copied":"Copié pour votre information","processIncoming":"Traitement des dossiers entrants","readDoc":"Ouvrir et lire le document complet","acknowledge":"Accuser réception du document","forward":"Transférer à un autre membre de l’équipe si nécessaire","archive":"Archiver","fileRef":"Classer pour référence future","apprvalworkflow":"Flux d’approbation","process":"Processus d’approbation","internalFlow":"Flux des dossiers internes :","creator":"Créateur","leader":"Chef d’équipe","director":"Directeur","officer":"Agent d’enregistrement","externalFlow":"Flux des dossiers externes :","actions":"Actions d’approbation","delegation":"Gestion des délégations","delegateInfo":"Lorsque vous êtes indisponible, vous pouvez déléguer votre autorité d’approbation à un autre membre de l’équipe :","delegateNav":"Accédez au","selectColleague":"Sélectionner un collègue dans la structure de votre organisation","setDates":"Définir les dates de début et de fin de la période de délégation","setPerms":"Préciser les autorisations à déléguer","saveDelegate":"Enregistrer les paramètres de délégation","autoExpire":"Les délégations expirent automatiquement à la date de fin que vous indiquez.","collab":"Espace de collaboration","collabInfo":"L’onglet collaboration rassemble les dossiers nécessitant la contribution de plusieurs membres de l’équipe :","viewDocs":"Voir tous les documents collaboratifs au même endroit","addComments":"Ajouter vos commentaires ou annotations","approve":"Approuver avec votre signature numérique lorsque le consensus est atteint","trackChanges":"Suivre les modifications et l’historique des versions","realTime":"Mises à jour en temps réel","liveChanges":"Voir les modifications des autres collaborateurs au fur et à mesure","notifications":"Système de notification","alerts":"Recevoir des alertes lorsque d’autres contribuent au document","signatureMgmt":"Gestion du cachet et de la signature","leadersOnly":"Les chefs d’équipe et niveaux supérieurs peuvent gérer leur cachet numérique et leur signature :","signatureTitle":"Cachet et signature","uploadTeeter":"Téléverser une image claire de votre cachet officiel","uploadSignature":"Créer ou téléverser votre signature numérique","defaultSignature":"Définir par défaut pour toutes les approbations","updateDesignation":"Mettre à jour chaque fois que votre désignation officielle change","security":"Avis de sécurité :","encrypted":"Votre cachet et votre signature sont chiffrés et utilisés uniquement pour les approbations officielles.","recordModule":"Module de gestion des dossiers","guide":"Guide complet d’utilisation du système de plateforme Smart Office","back":"Retour au tableau de bord","moduleGuide":"Guide du module","previous":"Précédent","next":"Suivant","addTeeterAndSignature":"Ajouter un cachet et une signature numériques","returnWithComments":"Retourner avec commentaires","requestModifications":"Demander des modifications","screenshotOf":"Capture d’écran de","fasterApproval":"Approbation plus rapide","auditReady":"Prêt pour l’audit","organizedRecords":"Dossiers organisés","tab":"Onglet","click":"Cliquer","button":"Bouton","services":"Services","fileComplaint":"Déposer une plainte","followComplaint":"Suivre la plainte","aboutUs":"En savoir plus sur nous","darkMode":"Mode sombre","lightMode":"Mode clair"}'),xF={webManagement:"Gestion web",addUser:" Ajouter un utilisateur","Letter Template":"Modèles de courrier",organizations:"Organisations",newOrganization:"Nouvelle organisation",organizationName:"Nom de l’organisation",createdOn:"Créé le",approveUserPrompt:"Approuver l’utilisateur",approveUserDescription:"Approuver l’utilisateur",yesApprove:"Oui, approuver",numberOfUsers:"Nombre d’utilisateurs",assignedAdmin:"Administrateur assigné","Migrated Records":"Dossiers migrés",isGovernmentOrganization:"Est une organisation gouvernementale",createNew:"Créer nouveau",edit:"Modifier",enterDetails:"Saisissez les détails de la nouvelle organisation. Tous les champs marqués d’un astérisque (*) sont requis.",nameAmharic:"Nom (amharique)",nameEnglish:"Nom (anglais)",key:"Clé",organizationType:"Type d’organisation",loadingOrganizationTypes:"Chargement des types d’organisation...",errorLoadingOrganizationTypes:"Erreur lors du chargement des types d’organisation",noOrganizationTypesAvailable:"Aucun type d’organisation disponible",parentOrganization:"Organisation parente (facultatif)",loading:"Chargement...",selectOrganization:"Sélectionner une organisation",selectOrganizationFirst:"Sélectionnez d’abord une organisation",noOrganization:"Aucune organisation",isOrganizationPublic:"L’organisation est-elle publique",selectOrganizationType:"Sélectionner le type d’organisation",deleteOrganization:"Supprimer l’organisation",confirmDelete:"Êtes-vous sûr de vouloir supprimer définitivement ?",cannotUndo:"Cette action ne peut pas être annulée.",deleting:"Suppression ...",delete:"Supprimer",viewOrganization:"Voir l’organisation",editOrganization:"Modifier l’organisation",englishNameRequired:"Le nom en anglais est requis",amharicNameRequired:"Le nom en amharique est requis",invalidEmail:"Adresse e-mail invalide",usernameMinLength:"Le nom d’utilisateur doit contenir au moins 3 caractères",organizationRequired:"L’organisation est requise",invalidPhoneNumber:"Le numéro de téléphone doit être un numéro éthiopien valide",registerAdminTitle:"Enregistrer l’administrateur de l’organisation",registerAdminDescription:"Remplir les champs requis pour s’inscrire",enterEnglishName:"Saisir le nom en anglais",enterAmharicName:"Saisir le nom en amharique",email:"E-mail",emailExample:"email@example.com",username:"Nom d’utilisateur",enterUsername:"Saisir un nom d’utilisateur",phoneNumber:"Numéro de téléphone",phoneNumberExample:"p. ex. 0912345678 ou +251912345678",organization:"Organisation",registering:"Enregistrement...",registerAdmin:"Enregistrer un administrateur",dashboard:"Tableau de bord",organizationAdmins:"Administrateurs de l’organisation",externalUsers:"Utilisateurs externes",userManagement:"Gestion des utilisateurs",content:"Contenu",bulkUpload:"Téléversement en masse",positionTypes:"Types de poste",activityLog:"Journal d’activité",setting:"Paramètre",loadingAdmins:"Chargement des administrateurs...",errorLoadingAdmins:"Erreur lors du chargement des données administrateur",retry:"Réessayer",assignAdmin:"Assigner un administrateur",addAdmin:"Ajouter un administrateur",adminAssignedSuccess:"Administrateur assigné avec succès",userAssignedSuccess:"Utilisateur assigné avec succès",userAssignFailed:"L’utilisateur n’a pas pu être assigné",assignAdminToOrganization:"Assigner un administrateur à l’organisation",assignAdminInstructions:"Sélectionner une organisation et un utilisateur à assigner comme administrateur.",users:"Utilisateurs",searchUsers:"Rechercher des utilisateurs...",noUsersFound:"Aucun utilisateur trouvé",assigning:"Assignation...",assignUser:"Assigner un utilisateur",noUsersAvailable:"Aucun utilisateur disponible",pendingExternalUsers:"Utilisateurs externes en attente",activateUserPrompt:"Activer cet utilisateur ?",activateUserDescription:"Cela permettra à l’utilisateur d’accéder à la plateforme",activating:"Activation...",yesActivate:"Oui, activer",statistics:"Statistiques",totalOrganizations:"Total des organisations",recentOrganizations:"Organisations récentes",viewMore:"Voir plus →",recentActivities:"Activités récentes",moreActivities:"Plus d’activités →",noRecentActivities:"Aucune activité récente trouvée",contentManagement:"Gestion du contenu",Bulk:"Importateur Excel",Position:"Postes",settings:"Paramètres","Archive Users":"Archiver les utilisateurs","Archived Organizations":"Organisations archivées","Archived Units & Positions":"Unités et postes archivés",contentMsg:"Gérez efficacement le contenu et les ressources de votre organisation.",selectUnit:"Sélectionner une unité",visibilityToOthers:"Visible pour les autres",visible:"Visible",hidden:"Masqué",visibilityEnabled:"L’organisation est maintenant visible pour les autres organisations",visibilityDisabled:"L’organisation est maintenant masquée aux autres organisations",visibilityUpdateFailed:"Échec de la mise à jour de la visibilité de l’organisation"},CF={"View Detail":"Voir le détail","Open actions menu":"Ouvrir le menu des actions",Actions:"Actions",convertRecord:"Convertir le dossier",return:"Retourner",returning:"Retour...",returing:"Retour...",conformReturn:"Confirmer le retour","Please provide a reason for returning this record.":"Veuillez fournir une raison pour retourner ce dossier.",ReturnComment:"Commentaire de retour",EnterReturnReason:"Saisir la raison du retour",CommentRequired:"Le commentaire est requis",RecordReturnedSuccessfully:"Dossier retourné avec succès",FailedToReturnRecord:"Échec du retour du dossier"},RF={incompleteRegistration:"Vous n’avez pas terminé le processus de vérification. Veuillez téléverser les documents requis pour continuer.",uploadDocuments:"Téléverser les documents",registrationRequired:"Vous devez terminer votre inscription avant d’accéder à cette page.",title:"Inscription",steps:{registerUpload:{title:"S’inscrire et téléverser",description:"Remplir les détails et téléverser les documents requis"},verifyOtp:{title:"Vérifier l’OTP",description:"Saisir le code de vérification envoyé à votre téléphone/e-mail"}},form:{registrationType:"Type d’inscription",organization:"Organisation",individual:"Individu",organizationEmail:"E-mail de l’organisation",organizationEmailPlaceholder:"organization@example.com",individualEmail:"E-mail personnel",individualEmailPlaceholder:"personal@example.com",organizationUsername:"Nom d’utilisateur de l’organisation",organizationUsernamePlaceholder:"nom_utilisateur_org",individualUsername:"Nom d’utilisateur personnel",individualUsernamePlaceholder:"nom_utilisateur_personnel",organizationPhone:"Téléphone de l’organisation",organizationPhonePlaceholder:"+251 téléphone de l’organisation",individualPhone:"Téléphone personnel",individualPhonePlaceholder:"+251 téléphone personnel",organizationNameEn:"Nom de l’organisation (anglais)",organizationNameEnPlaceholder:"Nom de l’entreprise Ltd.",individualNameEn:"Nom complet (anglais)",individualNameEnPlaceholder:"Jean Dupont",organizationNameAm:"Nom de l’organisation (amharique)",organizationNameAmPlaceholder:"የድርጅት ስም",individualNameAm:"Nom complet (amharique)",individualNameAmPlaceholder:"የግለሰብ ስም",organizationSubmitButton:"Enregistrer une organisation et téléverser les documents",individualSubmitButton:"Inscrire une personne et téléverser les documents",processing:"Traitement..."},userType:{selectionDescription:"Choisissez votre type d’inscription pour commencer",organization:"Organisation",organizationDescription:"S’inscrire comme entreprise, institution ou organisation",individual:"Individu",individualDescription:"S’inscrire comme personne physique ou professionnel"},continueButton:"Continuer vers l’inscription",documents:{requiredDocuments:"Documents requis",requirementsUpdate:"Les exigences sont mises à jour lorsque vous changez de type d’inscription",attached:"joint",tip:"Astuce : téléversez maintenant ou continuez et téléversez après vérification",noRequirements:"Aucune exigence de document",upload:"Téléverser",change:"Changer",remove:"Supprimer",required:"Requis",fileSelected:"Fichier sélectionné",readyToUpload:"Prêt à téléverser",previouslyUploaded:"Téléversé précédemment",willUploadOnSubmit:"Sera téléversé lors de la soumission",fayda:"Identifiant Fayda",faydaMessage:"Saisir l’identifiant Fayda"},verifyOtp:{title:"Vérifier votre compte",description:"Saisissez le code à 6 chiffres que nous avons envoyé {channel}.",channel:{email:"à votre e-mail",phone:"à votre téléphone"},otpInput:{ariaLabel:"Caractère {index}",placeholder:"Saisir le code OTP"},password:{newPassword:"Nouveau mot de passe",confirmPassword:"Confirmer le mot de passe",showPassword:"Afficher le mot de passe",hidePassword:"Masquer le mot de passe"},buttons:{back:"Retour",completeRegistration:"Terminer l’inscription",verifying:"Vérification...",resendCode:"Renvoyer le code",resending:"Renvoi...",resendIn:"Renvoyer dans {seconds}s",resendLoading:"Renvoi du code",resendCooldown:"Renvoyer le code dans {seconds} secondes"},messages:{success:"Mot de passe défini avec succès !",verificationCodeResent:"Code de vérification renvoyé à votre e-mail/téléphone.",missingEmailPhone:"L’e-mail ou le numéro de téléphone est manquant.",invalidOtp:"Veuillez saisir un OTP valide de 6 caractères.",fillPasswords:"Veuillez remplir les deux champs de mot de passe.",passwordLength:"Le mot de passe doit contenir au moins 8 caractères.",passwordMismatch:"Les mots de passe ne correspondent pas.",passwordUpdateFailed:"Échec de la mise à jour du mot de passe. Veuillez réessayer.",resendFailed:"Échec du renvoi du code de vérification. Veuillez réessayer.",registrationComplete:"Inscription et téléversement des documents terminés avec succès !",selectUnitWarning:"Veuillez sélectionner une unité",fillAllFields:"Veuillez remplir tous les champs",configAdded:"Configuration ajoutée avec succès",configUpdated:"Configuration mise à jour avec succès",configAddFailed:"Échec de l’ajout de la configuration",configUpdateFailed:"Échec de la mise à jour de la configuration"},errors:{missingUserId:"L’ID utilisateur est manquant. Impossible de renvoyer le code de vérification.",resendFailed:"Échec du renvoi du code de vérification.",alreadyRegistered:"Vous ne pouvez vous inscrire qu’une seule fois avec un seul e-mail ou numéro de téléphone. Au lieu de vous réinscrire, allez à la connexion et utilisez Mot de passe oublié pour réinitialiser votre mot de passe."},support:{needHelp:"Besoin d’aide ?",helpLink:"/support/resend-sms"}}},EF={manageConfig:{title:"Gérer la configuration {{type}}",description:"Configurer la capacité et la structure {{level}}",organization:"Organisation",unit:"Unité",selectUnit:"Sélectionner une unité",selectUnitPlaceholder:"Sélectionner une unité",subOrganizations:"Sous-organisations",employeesPerOrg:"Employés par organisation",subOrgsPlaceholder:"p. ex. 3",employeesPlaceholder:"p. ex. 20",addConfiguration:"Ajouter une configuration",updateConfiguration:"Mettre à jour la configuration",configurations:"Configurations",loading:"Chargement...",noConfigurations:"Aucune configuration ajoutée pour le moment",edit:"Modifier",delete:"Supprimer",close:"Fermer",unitBased:"basé sur l’unité",organizationLevel:"niveau organisation"}},kF={verifyIdentity:"Vérifier votre identité",enterCodeSent:"Saisir le code de vérification envoyé à votre e-mail",verifySubmission:"Vérifier la soumission",enterCodeToSubmit:"Saisir le code de vérification pour soumettre votre dossier",clearCode:"Effacer le code",resendCode:"Renvoyer le code",verifyingCode:"Veuillez patienter pendant que nous vérifions votre code",verificationSuccess:"Vérification réussie !",verificationFailed:"Échec de la vérification. Veuillez réessayer."},PF={moveDepartement:"déplacerDépartement",positions:"Postes",selectPositions:"Poste sélectionné",sealNameMsg:"Le nom du sceau est requis",sealSuccessMsg:"Sceau téléversé et enregistré avec succès",sealErrorMsg:"Échec du téléversement et de l’enregistrement du sceau",sealRemove:"Sceau supprimé avec succès",seal:"Sceaux de l’organisation",uploadSealMsg:"Téléverser et gérer les sceaux de l’organisation",sealImage:"Image du sceau",addSeal:"Ajouter un sceau",noSealMsg:"Aucun sceau téléversé pour le moment",addSealInstruction:"Cliquez sur Ajouter un sceau pour téléverser",sealName:"Nom du sceau",saveSeal:"Enregistrer le sceau",letterTemplate:"Modèles de courrier",createMsg:"Créer ou modifier les modèles enregistrés sous cette unité",addTemplate:"Ajouter un modèle",failedToLoadTemplates:"Échec du chargement des modèles",selectTemplate:"Sélectionner un modèle",updateTemplate:"Mettre à jour le modèle",updateFled:"Échec de la mise à jour",createFled:"Échec de la création",templateSuccessMsg:"créé avec succès",failedToLoadHeaderFooter:"Échec du chargement des en-têtes/pieds de page",failedToDelete:"Échec de la suppression",deleted:"Supprimé",provideMsg:"Veuillez fournir à la fois le nom et le fichier",uploadSuccess:"Téléversé avec succès",uploadFailed:"Échec du téléversement",addHeaderFooter:"Ajouter en-tête/pied de page",name:"Nom",internalSuffixCC:"Suffixe CC",internalPrefixCC:"Préfixe CC",internalPrefix:"Préfixe interne",externalPrefix:"Préfixe externe",internalMemoPrefix:"Préfixe de note interne",reference:"Le numéro de référence standard de l’organisation",externalReference:"Numéro de référence des courriers entrants",internalMemoReference:"Numéro de référence de la note interne",prefixCC:"Préfixe CC",suffixCC:"Suffixe CC",internalSuffix:"Suffixe interne",position:"Poste",selectPosition:"Sélectionner un poste",value:"Valeur",onlyPngAllowed:"Seuls les fichiers PNG sont autorisés.",enterValue:"Saisir une valeur",type:"Type",header:"En-tête",footer:"Pied de page",uploadFile:"Téléverser un fichier",preview:"Aperçu",status:"Statut",active:"Actif",inactive:"Inactif",activate:"Activer",deactivate:"Désactiver",currentlyActive:"Actuellement actif",statusChanged:"Statut modifié avec succès",statusChangeFailed:"Échec du changement de statut",delete:"Supprimer",refNoRequired:"Le numéro de référence est requis",nameRequired:"Les deux noms sont requis.",recordTypeRequired:"Le type de dossier est requis",deleteMsg:"Êtes-vous sûr de vouloir supprimer cet élément ?",filter:"Filtrer par type de dossier",showCC:"Afficher uniquement les éléments en CC",add:"Ajouter préfixe/suffixe/réf.",edit:"Modifier",prefix:"Préfixe",suffix:"Suffixe",recordType:"Type de dossier",CC:"Est-ce pour le CC ?",amharicName:"Nom en amharique",englishName:"Nom en anglais",PrefixSuffix:"Liste préfixe/suffixe/référence",positionPrefixes:"Numéro de référence du poste",positionRequired:"Le poste est requis",noRec:"Aucun dossier trouvé.",loading:"Chargement...",bulkMsg:"Téléverser un fichier Excel pour importer des utilisateurs en masse",submitUsers:"Soumettre les utilisateurs",selectFile:"Sélectionner un fichier",posMissing:"Feuille « Positions » ou « Users » manquante.",invalidFile:"Le fichier téléversé est vide ou invalide.",parseSuccess:"Fichier analysé avec succès.",parseError:"Échec de l’analyse du fichier.",noData:"Aucune donnée trouvée dans le fichier.",Units:"Unités",saving:"Enregistrement...",teamMember:"Membre de l’équipe",msg1:"Aucun membre d’équipe trouvé",msg2:"Sélectionner un poste pour voir les membres de l’équipe",msg3:"Ajouter des membres d’équipe à ce département",msg4:"Parcourir les départements pour voir les membres de l’équipe",userDetail:"Détail de l’utilisateur",editEmployee:"Modifier l’employé",noUnit:"Aucune unité trouvée",noOrg:"Aucune organisation trouvée",addUser:"Ajouter un utilisateur",addSubdepartement:"Ajouter un sous-département",editDepartment:"Modifier le département",moveDepartment:"Déplacer le département",archiveDepartment:"Archiver le département",deleteDepartment:"Supprimer le département",addUnit:"Ajouter une unité",editUnit:"Modifier l’unité",addDepartment:"Ajouter un département",deleteUnit:"Supprimer l’unité",actions:"Actions",createUnit:"Créer une unité",addFromSubCity:"Ajouter depuis la sous-ville",addNewUnit:"Ajouter une nouvelle unité",configuredUnitLimit:"Limite d’unités configurée : {{max}}",linkedUnits:"Utilisé",remainingSlots:"Restant",checkingCapacity:"Vérification de la capacité configurée…",noCapacityConfigured:"Aucune capacité d’unité n’est configurée pour cette organisation. Demandez au super administrateur de la configurer dans Gérer la configuration de l’organisation.",capacityReached:"Limite de capacité atteinte. Le maximum configuré est {{max}}.",capacityReachedShort:"Limite atteinte — impossible de créer plus d’unités.",selectSubCity:"Sélectionner une sous-ville",selectSubCityFirst:"Sélectionnez d’abord une sous-ville",selectUnit:"Sélectionner une unité",noSubCities:"Aucune sous-ville trouvée",subCityRequired:"Veuillez sélectionner une sous-ville",unitRequired:"Veuillez sélectionner une unité",parentUnitMissing:"L’unité parente est manquante",unitRelatedSuccess:"Unité liée avec succès",permissionType:"Types d’autorisation",newPermission:"Nouvelle autorisation",permissionManagement:"Gestion des autorisations",exportTypes:"Types d’exportation",exporting:"Exportation...",delMsg:"Êtes-vous absolument sûr ?",delMsg2:"Cette action ne peut pas être annulée. Elle supprimera définitivement l’autorisation.",permission:"Autorisation",copyPermissionsFrom:"Copier les autorisations depuis",selectPositionToCopy:"Sélectionner un type de poste depuis lequel copier les autorisations",selectApplication:"Sélectionner une application",selectApplicationToLoadPermissions:"Sélectionner une application pour charger ses autorisations",copyPermissionsHint:"Choisissez un type de poste existant pour préremplir ses autorisations, puis modifiez ci-dessous.",copyPermissionsFailed:"Échec de la copie des autorisations",perFailed:"Échec de la création de l’autorisation",perSuccess:"Type d’autorisation créé et autorisations assignées",updatePerSuccess:"Autorisation mise à jour avec succès",updatePerFailed:"Échec de la mise à jour de l’autorisation",permissionName:"Nom de l’autorisation",key:"Clé",createdAt:"Créé le",updatedAt:"Mis à jour le",createPermission:"Créer une autorisation",keyRequired:"La clé est requise",selectPosType:"Sélectionner un type de poste",adding:"Ajout...",msg:"ajouté avec succès",subDep:"Sous-département",parentDep:"Département parent",invalidMsg:"Veuillez corriger les champs mis en évidence.",success:"Succès",unit:"Unité",user:"Utilisateur",firstName:"Prénom",lastName:"Nom de famille",selectUser:" Sélectionner un utilisateur",userRequired:"L’utilisateur est requis",userRequiredMsg:"Veuillez sélectionner un utilisateur à assigner.",userError:"L’utilisateur sélectionné est invalide ou introuvable.",userSuccess:"Utilisateur assigné avec succès",updated:"a été mis à jour avec succès",department:"Département",departmentRequired:"Le département est requis",departmentSuccess:"Département sélectionné avec succès",permissionSuccess:"Type de poste créé et autorisations assignées",permissionFailed:"Échec de la création du poste",editRemark:"Modifier la remarque",addRemark:"Ajouter une remarque",commonRemarks:"Remarques courantes",onlySquareAllowed:"La hauteur et la largeur du sceau doivent être identiques (300x300)",searchPermissions:"Rechercher des autorisations...",noPermissionsFound:"Aucune autorisation correspondant à votre recherche n’a été trouvée",noPermissionsAvailable:"Aucune autorisation disponible",showingPermissions:"Affichage de {{count}} sur {{total}} autorisations",createTemplate:"Créer un modèle",editTemplate:"Modifier le modèle",viewTemplate:"Voir le modèle",deleteTemplate:"Supprimer le modèle",deleteTemplateConfirm:"Êtes-vous sûr de vouloir supprimer le modèle « {{name}} » ? Cette action ne peut pas être annulée.",noTemplates:"Aucun modèle trouvé",sincerelyText:"Texte de salutation",body:"Corps",headerAndFooter:"En-tête et pied de page",CanReceiveRecord:"Peut recevoir un dossier"},AF={title:"Étiquettes de dossier",tableName:"Étiquettes de dossier",name:"Nom",key:"Clé",CreatedAt:"Créé le",createNew:"Créer une nouvelle étiquette",createTitle:"Étiquette de dossier",Actions:"Actions"},TF={canRecordDateLabelHasLocalization:"L’étiquette de date du dossier est-elle localisée ?",canRecordDateHaveTime:"La date du dossier peut-elle inclure l’heure ?",canInternalMemoRequirePositionBasedReferenceNumber:"Un numéro de référence basé sur le poste est-il requis pour la note interne ?",title1:" Configuration de l’unité",title2:"Configurer la portée pour chaque unité",title4:"Configurer l’heure d’escalade pour chaque unité",loading:" Chargement des unités...",noUnit:"Aucune unité trouvée",Action:"Action",Value:"Valeur",Name:"Nom",title3:"Portée du poste à récupérer",title5:"Afficher le cachet et la signature pour l’assignation du dossier",title6:"Attendre tous les collaborateurs avant l’action ?",canCreateDirectRecord:"Peut créer un dossier direct",canPositionBasedRecordsBeCreated:"Des dossiers basés sur le poste peuvent-ils être créés ?",canPositionBasedReferenceBeUsedForAllTypes:"La référence basée sur le poste peut-elle être utilisée pour tous les types ?",shouldDirectRecordHaveHeaderAndFooter:"Le dossier direct possède un en-tête et un pied de page",shouldCollaboratorAlwaysSign:"Le collaborateur signe toujours (signature d’équipe)",shouldIncludeForYourReferenceInCC:"Inclure « Pour votre référence » en CC",canCollaborationBeCreatedForAll:"La collaboration peut-elle être créée pour tous les types de dossier ?",canRecordBeEditedByCollaborators:"Autoriser les collaborateurs à modifier le dossier",canRecordHaveCollaboratorsName:"Afficher les noms des collaborateurs sur le dossier",canRecordBeEditedOnWorkflow:"Autoriser la modification du dossier dans le flux de travail",canIncomingAssignmentsBeSeparated:"Dupliquer les courriers entrants en fonction de l’assignation ?",canROReturn:"Autoriser le retour RO",internalMemoHasReferenceNumber:"La note interne possède un numéro de référence",enabled:"activé",disabled:"désactivé",editTitle:"Modifier la portée du poste",editMsg:"Modifier la portée du poste pour cette unité",msg1:"ID de l’organisation introuvable. Veuillez vérifier votre authentification.",msg2:"Chargement des configurations de poste...",positionConfig:" Configuration du poste",positionConfigMsg:"Configurer les paramètres de notification et le comportement du flux de travail pour chaque poste",add:" Ajouter une configuration",create:"Créer une configuration de poste",position:"Poste",select:"Sélectionner un poste",select2:"Veuillez d’abord sélectionner une unité",plsSelect:"Veuillez d’abord sélectionner une unité pour voir les postes disponibles",positionScope:"Portée du poste",all:"Tous",immediateChild:"Enfant immédiat",parallel:"Parallèle avec l’enfant immédiat",notification:"Paramètres de notification",sms:" Notification SMS",smsMsg:"Envoyer un SMS lorsqu’un dossier est soumis à ce poste",email:"Notification par e-mail",emailMsg:"Envoyer un e-mail lorsqu’un dossier est soumis à ce poste",inbox:"Notification de boîte de réception",inboxMsg:"Afficher une notification dans la boîte de réception lorsqu’un dossier est soumis à ce poste",workflow:"Paramètres du flux de travail",viewWF:"Voir le flux de travail",workflowMsg:"Ignorer le flux de travail si non assigné",workflowMsg1:"Ignorer l’étape du flux de travail si personne n’est assigné à ce poste",creating:"Création...",createConfig:"Créer une configuration",error:"Erreur lors du chargement des configurations de poste :",retry:"Réessayer",SMS:"SMS",Inbox:"Boîte de réception",skipWF:"Ignorer le flux de travail",delete:"Supprimer la configuration",deleteMsg:"Êtes-vous sûr de vouloir supprimer cette configuration de poste ? Cette action ne peut pas être annulée.",edit:"Modifier la configuration du poste",updating:"Mise à jour...",UpdateConfig:"Mettre à jour la configuration",archivedUsers:" Utilisateurs archivés",escalationTitle:"Configuration de l’escalade",escalationDescription:"Configurer les heures d’escalade pour différents types de courrier",loadingConfig:"Chargement de la configuration...",loadError:"Erreur lors du chargement de la configuration",noConfigFound:"Aucune configuration trouvée",updateEscalationMsg:"Mettre à jour la valeur de l’heure d’escalade",saving:"Enregistrement...",saveChanges:"Enregistrer les modifications",escalationHour:"Heure d’escalade normale",urgentLetterEscalationHour:"Heure d’escalade pour courrier urgent",onReviewLetterEscalationHour:"Heure d’escalade pour courrier en révision",urgentOnReviewLetterEscalationHour:"Heure d’escalade pour courrier urgent en révision",attachmentSignature:{badge:"Sécurité des pièces jointes",title:"Signature pour les pièces jointes",description:"Choisir une unité et contrôler si les pièces jointes incluent une signature numérique par défaut",unit:"Unité",selectUnit:"Sélectionner une unité",loadingUnits:"Chargement des unités...",noUnitsFound:"Aucune unité trouvée",unitHint:"Ce paramètre s’applique à l’unité sélectionnée",toggleLabel:"Ajouter la signature à la pièce jointe",toggleDescription:"Inclure automatiquement une signature sur les pièces jointes téléversées",status:"Statut :",activeUnit:"Unité active :"}},NF={letterName:"Nom du fichier",Letter_Number:"Numéro de courrier",ACtions:"Actions",Actions:"Actions",Date:"Date",From:"De",Subject:"Objet",subject:"Objet",referenceNumber:"Numéro de référence",FileName:"Nom du fichier",To:"À",fileName:"Nom du fichier",sendingOrganization:"Organisation expéditrice",sendingDepartment:"Département expéditeur",dispatchedDate:"Date",submittedDate:"Date",Sending_Department:"Département expéditeur",dispatchedBy:"Converti par",Receiver:"Destinataire",CreatedAt:"Date",createdAt:"Date",Status:"Statut",status:"Statut",organizationName:"Nom de l’organisation","Task Status":"Statut",TaskStatus:"Statut",taskStatus:"Statut",delegateePosition:"Poste délégataire",delegateeEmployee:"Employé délégataire",delegatedPosition:"Poste délégué",delegatedEmployee:"Employé délégué",startDate:"Date de début",endDate:"Date de fin",isCurrent:"Statut",signStatus:"Statut de signature",title:"Titre",color:"Couleur",description:"Description",image:"Image",featured:"Actualités principales",category:"Catégorie d’actualité",link:"lien"},DF={title:"Documents épinglés",refreshButton:"Actualiser",userInformation:"Informations utilisateur",organizationName:"Nom de l’organisation",email:"E-mail",phoneNumber:"Numéro de téléphone",totalDocuments:"Total des documents",failedToLoadUserInfo:"Échec du chargement des informations utilisateur",document:{viewDocument:"Voir le document",requirements:"Exigences",optional:"(Facultatif)",required:"(Requis)",noRequirements:"Aucune exigence spécifique pour ce document",status:{approved:"approuvé",rejected:"rejeté",pending:"en attente"}},actions:{success:"Action « {action} » soumise avec succès !",error:"Échec de la soumission de l’action : {error}"}},OF={trigger:"Agir",title:"Agir sur le document",labels:{selectAction:"Sélectionner une action",remark:"Remarque (facultatif)",remarkPlaceholder:"Ajouter une remarque..."},actions:{approve:"Approuver",adjustment:"Ajustement",reject:"Rejeter",pending:"En attente",submitted:"Soumis",selectPlaceholder:"Sélectionner une action"},buttons:{cancel:"Annuler",submit:"Soumettre"},toast:{success:"Document {status}"}},_F={Dispatched:"Expédié",Pending:"En attente",Approved:"Approuvé",Rejected:"Rejeté",Completed:"Terminé","In Progress":"En cours",Draft:"Brouillon",Submitted:"Soumis","Under Review":"En révision",Returned:"Retourné",inActive:"Inactif"},MF={searchAllEmployees:"Rechercher tous les employés",searchByNameEmailPhonePosition:"Rechercher par nom, e-mail, téléphone ou poste...",searchingEmployees:"Recherche d’employés...",errorLoadingEmployees:"Erreur lors du chargement des employés",noEmployeesFound:"Aucun employé trouvé",tryDifferentKeywords:"Essayez d’autres mots-clés",startTypingToSearch:"Commencez à taper pour rechercher des employés",searchByNameEmailPhone:"Rechercher par nom, e-mail ou numéro de téléphone",showingResults:"Affichage de {{count}} résultats sur {{total}} pour « {{query}} »",searchUnits:"Rechercher des unités...",searchDepartments:"Rechercher des départements...",searchEmployees:"Rechercher des employés...",noResults:"Aucun résultat trouvé",allEmployees:"Tous les employés",resendingVerification:"Renvoi du code de vérification...",sendingInvitation:"Envoi de l’invitation...",verificationCodeResent:"Code de vérification renvoyé",invitationSent:"Invitation envoyée",verificationCodeSentTo:"Un nouveau code de vérification a été envoyé à {{name}}",invitationSentTo:"Invitation envoyée à {{name}}",failedToResend:"Échec du renvoi du code de vérification",failedToSendInvitation:"Échec de l’envoi de l’invitation",confirmRemoveEmployee:"Êtes-vous sûr de vouloir supprimer {{name}} ? Cette action ne peut pas être annulée.",removeFunctionalityNotImplemented:"La fonctionnalité de suppression sera mise en œuvre avec une intégration API appropriée"},jF={title:"Direction adjointe",subtitle:"Informations et mises à jour de notre équipe de direction adjointe",previous:"Message précédent",next:"Message suivant",defaultPosition:"Poste",goToMessage:"Aller au message {{index}}"},LF={title:"Message de la direction",subtitle:"Message du responsable du bureau",defaultPosition:"Poste",addMessage:"Ajouter un message"},FF="de",IF="Ajouter un objectif",UF="Objectifs organisationnels",$F="Vision organisationnelle",zF="Ajouter une vision",BF="Ajouter une actualité",qF="Ajouter une catégorie d’actualités",VF="Catégorie d’actualité",HF="Modules",WF="Ajouter des modules",GF="Réseaux sociaux",KF="Ajouter un réseau social",YF="Nous contacter",XF="Ajouter un contact",QF="Thème de l’organisation",JF={featuredNewsTitle:"Actualités à la une",featuredNewsSubtitle:"Restez informé des derniers développements, réalisations et innovations de notre organisation",searchPlaceholder:"Rechercher des articles d’actualité...",topStories:"Articles principaux",readFullStory:"Lire l’article complet",readMore:"Lire plus",loadMoreNews:"Charger plus d’actualités",showLess:"Afficher moins",previousGoal:"Objectif précédent",nextGoal:"Objectif suivant",noNewsFound:"Aucune actualité trouvée",tryAdjusting:"Essayez d’ajuster votre recherche ou vos critères de filtre",readLess:"Lire moins"},ZF={featuredNews:"Actualités à la une",description:"Restez informé des derniers développements, réalisations et innovations de notre organisation",topStories:"Articles principaux",allNews:"Toutes les actualités",noNewsFound:"Aucune actualité trouvée",noNewsFoundDesc:"Essayez d’ajuster votre recherche ou vos critères de filtre",searchPlaceholder:"Rechercher des articles d’actualité...",readFullStory:"Lire l’article complet",readMore:"Lire plus",loadMoreNews:"Charger plus d’actualités",showLess:"Afficher moins",title:"Titre"},eI={page:{smartOfficeTitle:"Journal d’audit Smart Office",smartOfficeSubtitle:"Surveiller les activités Smart Office"},actions:{refresh:"Actualiser",export:"Exporter",cardView:"Vue en cartes",tableView:"Vue tableau",cancel:"Annuler"},labels:{activityLogs:"Journaux d’activité",activitiesFound:"{{count}} activité(s) trouvée(s)",ip:"IP"},messages:{missingModuleKey:"Clé de module manquante pour les journaux d’audit",logsLoaded:"Journaux d’audit chargés",logsLoadFailed:"Échec du chargement des journaux d’audit",tryAgain:"Veuillez réessayer.",exportingLogs:"Exportation de {{count}} journaux au format {{format}}",loadingActivities:"Chargement des activités...",noActivitiesFound:"Aucune activité trouvée",adjustFilters:"Essayez d’ajuster vos filtres ou votre recherche pour trouver ce que vous cherchez."},filters:{dateRange:"Plage de dates",clearFilters:"Effacer les filtres",searchPlaceholder:"Rechercher des activités...",module:"Module",allModules:"Tous les modules",action:"Action",allActions:"Toutes les actions",status:"Statut",allStatuses:"Tous les statuts",fromDate:"Date de début",toDate:"À la date",last7Days:"7 derniers jours",last30Days:"30 derniers jours"},status:{success:"Succès",failure:"Échec",warning:"Avertissement",pending:"En attente"},stats:{totalActivities:"Total des activités",successRate:"Taux de réussite",dailyAverage:"Moyenne quotidienne",uniqueUsers:"Utilisateurs uniques",topActions:"Actions principales",times:"fois"},export:{title:"Exporter les journaux d’activité",description:"Choisir les options d’exportation pour vos journaux d’activité.",fileName:"Nom du fichier",fileNamePlaceholder:"Saisir le nom du fichier",format:"Format d’exportation",includeDetails:"Inclure les informations détaillées",includeDateRange:"Inclure la plage de dates dans l’exportation"},table:{time:"Heure",user:"Utilisateur",action:"Action",description:"Description",module:"Module",severity:"Gravité",status:"Statut"},pagination:{showing:"Affichage de {{shown}} sur {{total}} activités au total",pageOf:"Page {{page}} / {{totalPages}}"},modal:{title:"Détails d’audit Smart Office",description:"Élément d’audit retourné complet pour l’ID : {{id}}",entity:"Entité",method:"Méthode",createdAt:"Créé le",changes:"Modifications",noChanges:"Aucune modification disponible.",payload:"Charge utile",performedBy:"Effectué par",field:"Champ",changed:"Modifié",noEffectiveChange:"Aucune modification effective",changedPaths:"Chemins modifiés",noDifference:"De et À sont identiques pour ce champ.",previousFile:"Fichier précédent",currentFile:"Fichier actuel",from:"De",to:"À",updatedDetails:"Détails mis à jour",itemsCount:"{{count}} élément(s)",user:{name:"Nom",email:"E-mail",phone:"Téléphone",status:"Statut",userType:"Type d’utilisateur",registration:"Inscription",complete:"Terminer",incomplete:"Incomplet",roles:"Rôles",noRoles:"Aucun rôle",employeeInfo:"Informations de l’employé",rank:"Rang",noPermissions:"Aucune autorisation",noEmployeeDetails:"Aucun détail d’employé"}}},tI={configureStyles:"Configurer les styles",sample:"Exemple de modèle",generateSample:"Générer un exemple",content:"Contenu",pdfPreview:"Aperçu PDF",saveSettings:"Enregistrer les paramètres",download:"Télécharger",loadPayload:"Charger un exemple de charge utile",loadPayloadDescription:"Téléversez un fichier de charge utile JSON pour préremplir le formulaire avec des données d’exemple",noTemplates:"Aucun modèle disponible",loadingTemplates:"Chargement des modèles...",errorLoadingTemplates:"Erreur lors du chargement des modèles",errorLoadingTemplate:"Erreur lors du chargement du modèle",errorLoadingSettings:"Erreur lors du chargement des paramètres de style",commonProperties:"Propriétés communes",quickPresets:"Préréglages rapides",fontSize:"Taille de police",fontWeight:"Épaisseur de police",fontFamily:"Famille de police",textDecoration:"Décoration du texte",listStyle:"Style de liste",width:"Largeur",height:"Hauteur",margin:"Marge",padding:"Marge intérieure",advancedCSS:"Éditeur CSS avancé",customCSS:"CSS personnalisé",noPdfInResponse:"Aucun PDF dans la réponse",generatingSample:"Erreur lors de la génération de l’exemple",settingsSavedSuccessfully:"Paramètres enregistrés avec succès",errorSavingSettings:"Erreur lors de l’enregistrement des paramètres",noCustomSettingsToSave:"Aucun paramètre personnalisé à enregistrer",downloadingPDF:"Téléchargement du PDF...",downloadPDFSuccess:"PDF téléchargé avec succès",downloadPDFFailed:"Échec du téléchargement du PDF",noPdfAvailable:"Aucun PDF disponible",basicInfo:"Informations de base",recordType:"Type de dossier",external:"Externe",internal:"Interne",preferredLanguage:"Langue préférée",headerFooter:"En-tête et pied de page",headerStyleSettings:"Paramètres de style de l’en-tête",footerStyleSettings:"Paramètres de style du pied de page",subject:"Objet",subjectStyleSettings:"Paramètres de style de l’objet",date:"Date",body:"Corps",bodyStyleSettings:"Paramètres de style du corps",sincerelyText:"Texte de salutation",prefix:"Préfixe",prefixStyleSettings:"Style du préfixe",suffix:"Suffixe",suffixStyleSettings:"Style du suffixe",prefixCC:"Préfixe CC",ccPrefixStyleSettings:"Style du préfixe CC",suffixCC:"Suffixe CC",ccSuffixStyleSettings:"Style du suffixe CC",delegatorName:"Nom du délégant",collaborators:"Collaborateurs",recipientsAndCC:"Destinataires et CC",internalCC:"CC interne",externalCC:"CC externe",recipients:"Destinataires"},rI={title:"Employés en attente",noPendingApprovals:"Aucune approbation en attente 🎉",reviewAll:"Tout examiner",approve:"Approuver",reject:"Rejeter",name:"Nom",email:"E-mail",positions:"Postes",actions:"Actions",pending:"en attente",loadingPendingEmployees:"Chargement des employés en attente...",allRequestsReviewed:"Toutes les demandes des employés ont été examinées.",refresh:"Actualiser",showingUpTo:"Affichage de jusqu’à 50 employés en attente",employeeApproved:"Employé approuvé",employeeRejected:"Employé rejeté",failedToApprove:"Échec de l’approbation",failedToReject:"Échec du rejet",employeeApprovedSuccess:"Employé approuvé avec succès",employeeRejectedSuccess:"Employé rejeté avec succès"},nI={commentRequired:"Le commentaire est requis"},oI={nav:$L,initiationType:zL,dashboard:BL,verification:qL,status:VL,welcome:HL,change_password:WL,sign_out:GL,view_profile:KL,user:YL,common:XL,migration:QL,collaboration:JL,profile:ZL,complaint:eF,header:tF,"Document Attachments":"Pièces jointes du document","Login Method":"Méthode de connexion","Sign Up":"S’inscrire","Back to Home":"Retour à l’accueil",forgotpassword:rF,"Don't have an account?":"Vous n’avez pas de compte ? Vous n’êtes pas utilisateur du système ?",addRecord:nF,"Preview Record":"Aperçu du dossier",preview:oF,print:iF,incomingRecord:sF,externalPortal:aF,userRecord:lF,statusBar:cF,userIncoming:uF,ApprovalPage:dF,viewDetail:fF,PDF:pF,shareViaEmail:mF,convert:hF,delegation:gF,signatureUpload:yF,assignment:vF,auth:bF,msg:wF,landingPage:SF,organization:xF,userIncomingretun:CF,registration:RF,superAdmin:EF,otp:kF,contentManagement:PF,recordTag:AF,setting:TF,toogle:NF,viewDocument:DF,actionModal:OF,"Select organization/unit":"Sélectionner organisation/unité","Select the main file for the record":"Sélectionner le fichier principal du dossier",statusList:_F,search:MF,"Resend Invite":"Renvoyer l’invitation",deputy:jF,officeHead:LF,"Strategic Goal":"Objectif stratégique",of:FF,"Our Strategic Goals":"Notre stratégie","Go to goal":"aller à l’objectif {{index}} : {{title}}","Previous Goal":"Objectif précédent","Next Goal":"Objectif suivant",addGoal:IF,Goals:UF,Vision:$F,addVision:zF,addNews:BF,addNewsCategory:qF,newsCategory:VF,modules:HF,addModules:WF,socialMedia:GF,addSocialMedia:KF,contactUs:YF,addContactUs:XF,theme:QF,featuredNews:JF,newssection:ZF,auditLogShared:eI,template:tI,pendingUsers:rI,validation:nI};Wt.use(DC).use(KD).init({resources:{en:{translation:xj},am:{translation:UL},fr:{translation:oI}},fallbackLng:{fr:["en"],default:["am"]},detection:{order:["localStorage","cookie","navigator"],caches:["localStorage","cookie"],lookupLocalStorage:"i18nextLng",lookupCookie:"i18nextLng"},interpolation:{escapeValue:!1}});const iI=["/login","/sign-up","/forgot-password","/reset-password","/set-password","/verify-otp","/verification_page","/callback"];let Aw=!1;const sI=e=>e==="/"?!0:iI?.some(t=>e===t||e.startsWith(`${t}/`));function OC(){if(typeof window>"u"||Aw)return;Aw=!0,Object.keys(Xe.get()).forEach(n=>Xe.remove(n)),sh(),St.error(Wt.t("msg.authError"),{description:Wt.t("msg.authErrorDescription"),duration:4e3});const{pathname:e,search:t}=window.location;if(sI(e)){window.location.replace("/login");return}const r=`${e}${t}`;window.location.replace(`/login?from=${encodeURIComponent(r)}`)}const Et=pt.create({baseURL:"http://localhost:3001/api"});Et.interceptors.request.use(e=>{const t=Xe.get("auth-token");return t&&(e.headers.Authorization=`Bearer ${t}`),e.headers["X-Requested-With"]="XMLHttpRequest",e});let fm=!1,ch=[];const Tw=(e,t=null)=>{ch.forEach(r=>{e?r.reject(e):r.resolve(t)}),ch=[]},aI=["/auth/login","/auth/refresh","/auth/refresh-token","auth/me"];Et.interceptors.response.use(e=>e,async e=>{var i;const t=e.config;if(aI?.some(a=>{var l;return(l=t.url)==null?void 0:l.includes(a)}))return Promise.reject(e);const n=RC();if(((i=e.response)==null?void 0:i.status)===401&&!t._retry){if(fm)return new Promise(function(a,l){ch.push({resolve:a,reject:l})}).then(a=>(t.headers.Authorization="Bearer "+a,Et(t))).catch(a=>Promise.reject(a));t._retry=!0,fm=!0;try{const a=Xe.get("refresh-token");if(!a)throw new Error("missing-refresh-token");const l=await CC(a),c=l.data.token,d=l.data.refreshToken;return Tw(null,l.data.token),td({token:c,refreshToken:d,rememberMe:n}),t.headers.Authorization=`Bearer ${c}`,Et(t)}catch(a){return Tw(a,null),OC(),Promise.reject(a)}finally{fm=!1}}return Promise.reject(e)});const ss=()=>{const e=Xe.get("tenant-key"),t=Xe.get("unit-id"),r=Xe.get("current-position-id"),n=Xe.get("current-project-id"),i=Xe.get("delegatedPositionId"),a={};return e&&(a["tenant-key"]=e),t&&(a["unit-id"]=t),n&&(a["x-current-project-id"]=n),i&&(a["x-delegated-position-id"]=i),r&&(a["x-current-position-id"]=r),a},lI=async e=>{if(!e.email&&!e.phoneNumber&&!e.userName)throw new Error("At least one login identifier (email, phoneNumber, or userName) is required");return Et.post("/auth/login",e)},uh=async()=>Et.get("/auth/me",{headers:ss()}),cI=async e=>Et.patch("/auth/set-password",e),uI=async e=>Et.patch("/auth/set-fayda-password",e),o7=async e=>Et.patch("/auth/change-password",e),i7=async e=>{const t={...e,type:"set-password"};return Et.patch("/auth/generate-verification-code",t)},dI=async e=>Et.patch("/auth/verify-phone-number",e),fI=async e=>{const t={...e,type:"verify-phone-number"};return Et.patch("/auth/generate-verification-code",t)},_C=async e=>Et.post("/auth/refresh-token",e),s7=async e=>{try{const t={email:e};return(await Et.post("/auth/forgot-password",t)).data}catch(t){throw t}},pI=async()=>Et.patch("/auth/logout"),mI=async e=>Et.post("/auth/mfa-verify",e,{headers:ss()}),MC=g.createContext({user:null,loading:!0,setUser:()=>{},selectedPositionId:null,setSelectedPositionId:()=>{},showOtpModal:!1,setShowOtpModal:()=>{},rememberMePreference:!1,setRememberMePreference:()=>{}}),hI=({children:e})=>{const[t,r]=g.useState(null),[n,i]=g.useState(!0),[a,l]=g.useState(null),[c,d]=g.useState(!1),[f,h]=g.useState(!1);return g.useEffect(()=>{const m=Xe.get("auth-token"),w=Xe.get("auth-user"),v=Xe.get("selected-position-id");if(v&&l(v),!m){i(!1);return}let C=!1;if(w)try{r(JSON.parse(w)),C=!0}catch{}let x=!1;return(async()=>{try{const{data:R}=await uh();!x&&R&&r(R)}catch{!x&&!C&&r(null)}finally{x||i(!1)}})(),()=>{x=!0}},[]),g.useEffect(()=>{a&&Xe.set("selected-position-id",a)},[a]),b.jsx(MC.Provider,{value:{user:t,loading:n,setUser:r,selectedPositionId:a,setSelectedPositionId:l,showOtpModal:c,setShowOtpModal:d,rememberMePreference:f,setRememberMePreference:h},children:e})},ba=()=>g.useContext(MC);let jC={};function gI(e){jC=e??{}}function Dd(){return jC}const yI={dashboard:fD,chart:zN,organizations:Km,building:Km,admins:Ym,users:Ym,user:Vb,position:Vb,content:El,file:El,settings:qb,setting:qb,upload:ND,excel:tD,archive:MN,units:IN,activity:Qx,web:oD},Nw=El;function vI(e){return e?yI[e.toLowerCase()]??Nw:Nw}const bI="h-4 w-4",wI=[{label:"dashboard",href:"/user-management/dashboard",icon:"dashboard",roles:["super_admin"],isPrimary:!0},{label:"organizations",href:"/user-management/organizations",icon:"organizations",roles:["super_admin"],isPrimary:!0},{label:"organizationAdmins",href:"/user-management/organization_admins",icon:"admins",roles:["super_admin"],isPrimary:!0},{label:"externalUsers",href:"/user-management/external_users",icon:"admins",roles:["super_admin"],isPrimary:!0},{label:"dashboard",href:"/user-management/user_management-dashboard",icon:"dashboard",roles:["admin","unit_admin"],isPrimary:!0},{label:"userManagement",href:"/user-management/user_management",icon:"users",roles:["admin","unit_admin"],isPrimary:!0},{label:"contentManagement",href:"/user-management/content-management",icon:"content",roles:["admin","unit_admin"],isPrimary:!0},{label:"Position",displayLabel:"positionTypes",href:"/user-management/position-management",icon:"position",roles:["admin","unit_admin","super_admin"],isPrimary:!0},{label:"Migrated Records",displayLabel:"migratedRecords",href:"/user-management/migrated-records-management",icon:"file",roles:["super_admin"],isPrimary:!0},{label:"settings",displayLabel:"settings",href:"/user-management/organization-settings",icon:"settings",roles:["admin","unit_admin"],isPrimary:!0},{label:"Bulk",displayLabel:"bulkUpload",href:"/user-management/bulk-upload",icon:"excel",roles:["admin","unit_admin"],isPrimary:!0},{label:"Archive Users",displayLabel:"Archive Users",href:"/user-management/archive-users",icon:"archive",roles:["super_admin"],isPrimary:!0},{label:"Archived Organizations",displayLabel:"Archived Organizations",href:"/user-management/archived-organizations",icon:"archive",roles:["super_admin"],isPrimary:!0},{label:"Archive Users",displayLabel:"Archive Users",href:"/user-management/archives",icon:"archive",roles:["admin","unit_admin"],isPrimary:!0},{label:"Archived Units & Positions",displayLabel:"Archived Units & Positions",href:"/user-management/archived",icon:"units",roles:["admin","unit_admin"],isPrimary:!0},{label:"activityLog",href:"/user-management/activity_log",icon:"activity",roles:["super_admin"],isPrimary:!1},{label:"setting",href:"/user-management/settings",icon:"settings",roles:["super_admin"],isPrimary:!1},{label:"Letter Template",href:"/user-management/templates",icon:"file",roles:["super_admin"],isPrimary:!1}];function SI(){var r,n;const e=Dd();return((n=(r=e.layout)==null?void 0:r.navItems)!=null&&n.length?e.layout.navItems:wI).filter(i=>i.enabled!==!1)?.map(i=>{const a=vI(i.icon);return{key:i.key??`${i.href}-${i.label}`,label:i.label,displayLabel:i.displayLabel,href:i.href,icon:b.jsx(a,{className:bI}),roles:i.roles,isPrimary:i.isPrimary}})}function LC(){const{user:e}=ba(),t=(e==null?void 0:e.roles?.map(n=>n.key))||[],r=SI().filter(n=>n.roles?.some(i=>t.includes(i)));return{all:r,primary:r.filter(n=>n.isPrimary!==!1),secondary:r.filter(n=>n.isPrimary===!1)}}const xI=(e,t)=>["group flex items-center gap-1.5 font-medium whitespace-nowrap transition-colors border-b-2",t==="sm"?"px-4 py-3 text-sm":"px-3 py-2.5 mr-2 text-xs",e?"text-[var(--um-menu-active,var(--primary))] border-[var(--um-menu-active-border,var(--primary))]":"text-[var(--um-menu-color,#334155)] dark:text-gray-300 border-transparent hover:text-[var(--um-menu-hover,var(--primary))]"].join(" "),CI=()=>{const{all:e,primary:t,secondary:r}=LC(),{t:n}=So(),i=(a,l)=>b.jsxs(gg,{to:a.href,className:({isActive:c})=>xI(c,l),children:[a.icon,b.jsx("span",{className:l==="sm"?"max-w-full truncate":"max-w-[80px] truncate",children:n(`organization.${a.label}`)})]},a.key);return b.jsxs("div",{className:"fixed top-[var(--um-header-height,4rem)] left-0 right-0 z-30 border-b dark:border-gray-800 overflow-hidden flex flex-col bg-[var(--um-menu-bg,#ffffff)] dark:bg-gray-900",children:[b.jsxs("div",{className:"md:hidden flex flex-col pt-5 pb-3 px-4 space-y-3 mt-2",children:[b.jsx("div",{className:"flex items-center overflow-x-auto scrollbar-none",children:t?.map(a=>i(a,"xs"))}),r.length>0&&b.jsx("div",{className:"flex items-center overflow-x-auto scrollbar-none border-t dark:border-gray-800 pt-3",children:r?.map(a=>i(a,"xs"))})]}),b.jsx("div",{className:"hidden md:flex pt-5 pb-3 px-8 mt-1",children:b.jsx("div",{className:"flex items-center gap-2 overflow-x-auto scrollbar-none",children:e?.map(a=>i(a,"sm"))})})]})};function FC(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=FC(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function er(){for(var e,t,r=0,n="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=FC(e))&&(n&&(n+=" "),n+=t);return n}const Dw=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Ow=er,RI=(e,t)=>r=>{var n;if((t==null?void 0:t.variants)==null)return Ow(e,r==null?void 0:r.class,r==null?void 0:r.className);const{variants:i,defaultVariants:a}=t,l=Object.keys(i)?.map(f=>{const h=r==null?void 0:r[f],m=a==null?void 0:a[f];if(h===null)return null;const w=Dw(h)||Dw(m);return i[f][w]}),c=r&&Object.entries(r).reduce((f,h)=>{let[m,w]=h;return w===void 0||(f[m]=w),f},{}),d=t==null||(n=t.compoundVariants)===null||n===void 0?void 0:n.reduce((f,h)=>{let{class:m,className:w,...v}=h;return Object.entries(v).every(C=>{let[x,R]=C;return Array.isArray(R)?R.includes({...a,...c}[x]):{...a,...c}[x]===R})?[...f,m,w]:f},[]);return Ow(e,l,d,r==null?void 0:r.class,r==null?void 0:r.className)},pm=768;function EI(){const[e,t]=g.useState(void 0);return g.useEffect(()=>{const r=window.matchMedia(`(max-width: ${pm-1}px)`),n=()=>{t(window.innerWidth<pm)};return r.addEventListener("change",n),t(window.innerWidth<pm),()=>r.removeEventListener("change",n)},[]),!!e}const kI=(e,t)=>{const r=new Array(e.length+t.length);for(let n=0;n<e.length;n++)r[n]=e[n];for(let n=0;n<t.length;n++)r[e.length+n]=t[n];return r},PI=(e,t)=>({classGroupId:e,validator:t}),IC=(e=new Map,t=null,r)=>({nextPart:e,validators:t,classGroupId:r}),id="-",_w=[],AI="arbitrary..",TI=e=>{const t=DI(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:n}=e;return{getClassGroupId:l=>{if(l.startsWith("[")&&l.endsWith("]"))return NI(l);const c=l.split(id),d=c[0]===""&&c.length>1?1:0;return UC(c,d,t)},getConflictingClassGroupIds:(l,c)=>{if(c){const d=n[l],f=r[l];return d?f?kI(f,d):d:f||_w}return r[l]||_w}}},UC=(e,t,r)=>{if(e.length-t===0)return r.classGroupId;const i=e[t],a=r.nextPart.get(i);if(a){const f=UC(e,t+1,a);if(f)return f}const l=r.validators;if(l===null)return;const c=t===0?e.join(id):e.slice(t).join(id),d=l.length;for(let f=0;f<d;f++){const h=l[f];if(h.validator(c))return h.classGroupId}},NI=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const t=e.slice(1,-1),r=t.indexOf(":"),n=t.slice(0,r);return n?AI+n:void 0})(),DI=e=>{const{theme:t,classGroups:r}=e;return OI(r,t)},OI=(e,t)=>{const r=IC();for(const n in e){const i=e[n];Ag(i,r,n,t)}return r},Ag=(e,t,r,n)=>{const i=e.length;for(let a=0;a<i;a++){const l=e[a];_I(l,t,r,n)}},_I=(e,t,r,n)=>{if(typeof e=="string"){MI(e,t,r);return}if(typeof e=="function"){jI(e,t,r,n);return}LI(e,t,r,n)},MI=(e,t,r)=>{const n=e===""?t:$C(t,e);n.classGroupId=r},jI=(e,t,r,n)=>{if(FI(e)){Ag(e(n),t,r,n);return}t.validators===null&&(t.validators=[]),t.validators.push(PI(r,e))},LI=(e,t,r,n)=>{const i=Object.entries(e),a=i.length;for(let l=0;l<a;l++){const[c,d]=i[l];Ag(d,$C(t,c),r,n)}},$C=(e,t)=>{let r=e;const n=t.split(id),i=n.length;for(let a=0;a<i;a++){const l=n[a];let c=r.nextPart.get(l);c||(c=IC(),r.nextPart.set(l,c)),r=c}return r},FI=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,II=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,r=Object.create(null),n=Object.create(null);const i=(a,l)=>{r[a]=l,t++,t>e&&(t=0,n=r,r=Object.create(null))};return{get(a){let l=r[a];if(l!==void 0)return l;if((l=n[a])!==void 0)return i(a,l),l},set(a,l){a in r?r[a]=l:i(a,l)}}},dh="!",Mw=":",UI=[],jw=(e,t,r,n,i)=>({modifiers:e,hasImportantModifier:t,baseClassName:r,maybePostfixModifierPosition:n,isExternal:i}),$I=e=>{const{prefix:t,experimentalParseClassName:r}=e;let n=i=>{const a=[];let l=0,c=0,d=0,f;const h=i.length;for(let x=0;x<h;x++){const R=i[x];if(l===0&&c===0){if(R===Mw){a.push(i.slice(d,x)),d=x+1;continue}if(R==="/"){f=x;continue}}R==="["?l++:R==="]"?l--:R==="("?c++:R===")"&&c--}const m=a.length===0?i:i.slice(d);let w=m,v=!1;m.endsWith(dh)?(w=m.slice(0,-1),v=!0):m.startsWith(dh)&&(w=m.slice(1),v=!0);const C=f&&f>d?f-d:void 0;return jw(a,v,w,C)};if(t){const i=t+Mw,a=n;n=l=>l.startsWith(i)?a(l.slice(i.length)):jw(UI,!1,l,void 0,!0)}if(r){const i=n;n=a=>r({className:a,parseClassName:i})}return n},zI=e=>{const t=new Map;return e.orderSensitiveModifiers.forEach((r,n)=>{t.set(r,1e6+n)}),r=>{const n=[];let i=[];for(let a=0;a<r.length;a++){const l=r[a],c=l[0]==="[",d=t.has(l);c||d?(i.length>0&&(i.sort(),n.push(...i),i=[]),n.push(l)):i.push(l)}return i.length>0&&(i.sort(),n.push(...i)),n}},BI=e=>({cache:II(e.cacheSize),parseClassName:$I(e),sortModifiers:zI(e),postfixLookupClassGroupIds:qI(e),...TI(e)}),qI=e=>{const t=Object.create(null),r=e.postfixLookupClassGroups;if(r)for(let n=0;n<r.length;n++)t[r[n]]=!0;return t},VI=/\s+/,HI=(e,t)=>{const{parseClassName:r,getClassGroupId:n,getConflictingClassGroupIds:i,sortModifiers:a,postfixLookupClassGroupIds:l}=t,c=[],d=e.trim().split(VI);let f="";for(let h=d.length-1;h>=0;h-=1){const m=d[h],{isExternal:w,modifiers:v,hasImportantModifier:C,baseClassName:x,maybePostfixModifierPosition:R}=r(m);if(w){f=m+(f.length>0?" "+f:f);continue}let E=!!R,P;if(E){const M=x.substring(0,R);P=n(M);const O=P&&l[P]?n(x):void 0;O&&O!==P&&(P=O,E=!1)}else P=n(x);if(!P){if(!E){f=m+(f.length>0?" "+f:f);continue}if(P=n(x),!P){f=m+(f.length>0?" "+f:f);continue}E=!1}const k=v.length===0?"":v.length===1?v[0]:a(v).join(":"),T=C?k+dh:k,N=T+P;if(c.indexOf(N)>-1)continue;c.push(N);const j=i(P,E);for(let M=0;M<j.length;++M){const O=j[M];c.push(T+O)}f=m+(f.length>0?" "+f:f)}return f},WI=(...e)=>{let t=0,r,n,i="";for(;t<e.length;)(r=e[t++])&&(n=zC(r))&&(i&&(i+=" "),i+=n);return i},zC=e=>{if(typeof e=="string")return e;let t,r="";for(let n=0;n<e.length;n++)e[n]&&(t=zC(e[n]))&&(r&&(r+=" "),r+=t);return r},GI=(e,...t)=>{let r,n,i,a;const l=d=>{const f=t.reduce((h,m)=>m(h),e());return r=BI(f),n=r.cache.get,i=r.cache.set,a=c,c(d)},c=d=>{const f=n(d);if(f)return f;const h=HI(d,r);return i(d,h),h};return a=l,(...d)=>a(WI(...d))},KI=[],_t=e=>{const t=r=>r[e]||KI;return t.isThemeGetter=!0,t},BC=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,qC=/^\((?:(\w[\w-]*):)?(.+)\)$/i,YI=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,XI=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,QI=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,JI=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,ZI=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,eU=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,Jo=e=>YI.test(e),Fe=e=>!!e&&!Number.isNaN(Number(e)),_n=e=>!!e&&Number.isInteger(Number(e)),mm=e=>e.endsWith("%")&&Fe(e.slice(0,-1)),io=e=>XI.test(e),VC=()=>!0,tU=e=>QI.test(e)&&!JI.test(e),Tg=()=>!1,rU=e=>ZI.test(e),nU=e=>eU.test(e),oU=e=>!we(e)&&!xe(e),iU=e=>e.startsWith("@container")&&(e[10]==="/"&&e[11]!==void 0||e[11]==="s"&&e[16]!==void 0&&e.startsWith("-size/",10)||e[11]==="n"&&e[18]!==void 0&&e.startsWith("-normal/",10)),sU=e=>hi(e,GC,Tg),we=e=>BC.test(e),Oi=e=>hi(e,KC,tU),Lw=e=>hi(e,mU,Fe),aU=e=>hi(e,XC,VC),lU=e=>hi(e,YC,Tg),Fw=e=>hi(e,HC,Tg),cU=e=>hi(e,WC,nU),yu=e=>hi(e,QC,rU),xe=e=>qC.test(e),pl=e=>as(e,KC),uU=e=>as(e,YC),Iw=e=>as(e,HC),dU=e=>as(e,GC),fU=e=>as(e,WC),vu=e=>as(e,QC,!0),pU=e=>as(e,XC,!0),hi=(e,t,r)=>{const n=BC.exec(e);return n?n[1]?t(n[1]):r(n[2]):!1},as=(e,t,r=!1)=>{const n=qC.exec(e);return n?n[1]?t(n[1]):r:!1},HC=e=>e==="position"||e==="percentage",WC=e=>e==="image"||e==="url",GC=e=>e==="length"||e==="size"||e==="bg-size",KC=e=>e==="length",mU=e=>e==="number",YC=e=>e==="family-name",XC=e=>e==="number"||e==="weight",QC=e=>e==="shadow",hU=()=>{const e=_t("color"),t=_t("font"),r=_t("text"),n=_t("font-weight"),i=_t("tracking"),a=_t("leading"),l=_t("breakpoint"),c=_t("container"),d=_t("spacing"),f=_t("radius"),h=_t("shadow"),m=_t("inset-shadow"),w=_t("text-shadow"),v=_t("drop-shadow"),C=_t("blur"),x=_t("perspective"),R=_t("aspect"),E=_t("ease"),P=_t("animate"),k=()=>["auto","avoid","all","avoid-page","page","left","right","column"],T=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],N=()=>[...T(),xe,we],j=()=>["auto","hidden","clip","visible","scroll"],M=()=>["auto","contain","none"],O=()=>[xe,we,d],B=()=>[Jo,"full","auto",...O()],H=()=>[_n,"none","subgrid",xe,we],Y=()=>["auto",{span:["full",_n,xe,we]},_n,xe,we],ne=()=>[_n,"auto",xe,we],te=()=>["auto","min","max","fr",xe,we],K=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],W=()=>["start","end","center","stretch","center-safe","end-safe"],U=()=>["auto",...O()],z=()=>[Jo,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...O()],_=()=>[Jo,"screen","full","dvw","lvw","svw","min","max","fit",...O()],I=()=>[Jo,"screen","full","lh","dvh","lvh","svh","min","max","fit",...O()],L=()=>[e,xe,we],D=()=>[...T(),Iw,Fw,{position:[xe,we]}],V=()=>["no-repeat",{repeat:["","x","y","space","round"]}],ee=()=>["auto","cover","contain",dU,sU,{size:[xe,we]}],re=()=>[mm,pl,Oi],oe=()=>["","none","full",f,xe,we],ie=()=>["",Fe,pl,Oi],me=()=>["solid","dashed","dotted","double"],ue=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],pe=()=>[Fe,mm,Iw,Fw],ve=()=>["","none",C,xe,we],ge=()=>["none",Fe,xe,we],Me=()=>["none",Fe,xe,we],ze=()=>[Fe,xe,we],We=()=>[Jo,"full",...O()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[io],breakpoint:[io],color:[VC],container:[io],"drop-shadow":[io],ease:["in","out","in-out"],font:[oU],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[io],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[io],shadow:[io],spacing:["px",Fe],text:[io],"text-shadow":[io],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",Jo,we,xe,R]}],container:["container"],"container-type":[{"@container":["","normal","size",xe,we]}],"container-named":[iU],columns:[{columns:[Fe,we,xe,c]}],"break-after":[{"break-after":k()}],"break-before":[{"break-before":k()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:N()}],overflow:[{overflow:j()}],"overflow-x":[{"overflow-x":j()}],"overflow-y":[{"overflow-y":j()}],overscroll:[{overscroll:M()}],"overscroll-x":[{"overscroll-x":M()}],"overscroll-y":[{"overscroll-y":M()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:B()}],"inset-x":[{"inset-x":B()}],"inset-y":[{"inset-y":B()}],start:[{"inset-s":B(),start:B()}],end:[{"inset-e":B(),end:B()}],"inset-bs":[{"inset-bs":B()}],"inset-be":[{"inset-be":B()}],top:[{top:B()}],right:[{right:B()}],bottom:[{bottom:B()}],left:[{left:B()}],visibility:["visible","invisible","collapse"],z:[{z:[_n,"auto",xe,we]}],basis:[{basis:[Jo,"full","auto",c,...O()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[Fe,Jo,"auto","initial","none",we]}],grow:[{grow:["",Fe,xe,we]}],shrink:[{shrink:["",Fe,xe,we]}],order:[{order:[_n,"first","last","none",xe,we]}],"grid-cols":[{"grid-cols":H()}],"col-start-end":[{col:Y()}],"col-start":[{"col-start":ne()}],"col-end":[{"col-end":ne()}],"grid-rows":[{"grid-rows":H()}],"row-start-end":[{row:Y()}],"row-start":[{"row-start":ne()}],"row-end":[{"row-end":ne()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":te()}],"auto-rows":[{"auto-rows":te()}],gap:[{gap:O()}],"gap-x":[{"gap-x":O()}],"gap-y":[{"gap-y":O()}],"justify-content":[{justify:[...K(),"normal"]}],"justify-items":[{"justify-items":[...W(),"normal"]}],"justify-self":[{"justify-self":["auto",...W()]}],"align-content":[{content:["normal",...K()]}],"align-items":[{items:[...W(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...W(),{baseline:["","last"]}]}],"place-content":[{"place-content":K()}],"place-items":[{"place-items":[...W(),"baseline"]}],"place-self":[{"place-self":["auto",...W()]}],p:[{p:O()}],px:[{px:O()}],py:[{py:O()}],ps:[{ps:O()}],pe:[{pe:O()}],pbs:[{pbs:O()}],pbe:[{pbe:O()}],pt:[{pt:O()}],pr:[{pr:O()}],pb:[{pb:O()}],pl:[{pl:O()}],m:[{m:U()}],mx:[{mx:U()}],my:[{my:U()}],ms:[{ms:U()}],me:[{me:U()}],mbs:[{mbs:U()}],mbe:[{mbe:U()}],mt:[{mt:U()}],mr:[{mr:U()}],mb:[{mb:U()}],ml:[{ml:U()}],"space-x":[{"space-x":O()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":O()}],"space-y-reverse":["space-y-reverse"],size:[{size:z()}],"inline-size":[{inline:["auto",..._()]}],"min-inline-size":[{"min-inline":["auto",..._()]}],"max-inline-size":[{"max-inline":["none",..._()]}],"block-size":[{block:["auto",...I()]}],"min-block-size":[{"min-block":["auto",...I()]}],"max-block-size":[{"max-block":["none",...I()]}],w:[{w:[c,"screen",...z()]}],"min-w":[{"min-w":[c,"screen","none",...z()]}],"max-w":[{"max-w":[c,"screen","none","prose",{screen:[l]},...z()]}],h:[{h:["screen","lh",...z()]}],"min-h":[{"min-h":["screen","lh","none",...z()]}],"max-h":[{"max-h":["screen","lh",...z()]}],"font-size":[{text:["base",r,pl,Oi]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[n,pU,aU]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",mm,we]}],"font-family":[{font:[uU,lU,t]}],"font-features":[{"font-features":[we]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[i,xe,we]}],"line-clamp":[{"line-clamp":[Fe,"none",xe,Lw]}],leading:[{leading:[a,...O()]}],"list-image":[{"list-image":["none",xe,we]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",xe,we]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:L()}],"text-color":[{text:L()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...me(),"wavy"]}],"text-decoration-thickness":[{decoration:[Fe,"from-font","auto",xe,Oi]}],"text-decoration-color":[{decoration:L()}],"underline-offset":[{"underline-offset":[Fe,"auto",xe,we]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:O()}],"tab-size":[{tab:[_n,xe,we]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",xe,we]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",xe,we]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:D()}],"bg-repeat":[{bg:V()}],"bg-size":[{bg:ee()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},_n,xe,we],radial:["",xe,we],conic:[_n,xe,we]},fU,cU]}],"bg-color":[{bg:L()}],"gradient-from-pos":[{from:re()}],"gradient-via-pos":[{via:re()}],"gradient-to-pos":[{to:re()}],"gradient-from":[{from:L()}],"gradient-via":[{via:L()}],"gradient-to":[{to:L()}],rounded:[{rounded:oe()}],"rounded-s":[{"rounded-s":oe()}],"rounded-e":[{"rounded-e":oe()}],"rounded-t":[{"rounded-t":oe()}],"rounded-r":[{"rounded-r":oe()}],"rounded-b":[{"rounded-b":oe()}],"rounded-l":[{"rounded-l":oe()}],"rounded-ss":[{"rounded-ss":oe()}],"rounded-se":[{"rounded-se":oe()}],"rounded-ee":[{"rounded-ee":oe()}],"rounded-es":[{"rounded-es":oe()}],"rounded-tl":[{"rounded-tl":oe()}],"rounded-tr":[{"rounded-tr":oe()}],"rounded-br":[{"rounded-br":oe()}],"rounded-bl":[{"rounded-bl":oe()}],"border-w":[{border:ie()}],"border-w-x":[{"border-x":ie()}],"border-w-y":[{"border-y":ie()}],"border-w-s":[{"border-s":ie()}],"border-w-e":[{"border-e":ie()}],"border-w-bs":[{"border-bs":ie()}],"border-w-be":[{"border-be":ie()}],"border-w-t":[{"border-t":ie()}],"border-w-r":[{"border-r":ie()}],"border-w-b":[{"border-b":ie()}],"border-w-l":[{"border-l":ie()}],"divide-x":[{"divide-x":ie()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":ie()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...me(),"hidden","none"]}],"divide-style":[{divide:[...me(),"hidden","none"]}],"border-color":[{border:L()}],"border-color-x":[{"border-x":L()}],"border-color-y":[{"border-y":L()}],"border-color-s":[{"border-s":L()}],"border-color-e":[{"border-e":L()}],"border-color-bs":[{"border-bs":L()}],"border-color-be":[{"border-be":L()}],"border-color-t":[{"border-t":L()}],"border-color-r":[{"border-r":L()}],"border-color-b":[{"border-b":L()}],"border-color-l":[{"border-l":L()}],"divide-color":[{divide:L()}],"outline-style":[{outline:[...me(),"none","hidden"]}],"outline-offset":[{"outline-offset":[Fe,xe,we]}],"outline-w":[{outline:["",Fe,pl,Oi]}],"outline-color":[{outline:L()}],shadow:[{shadow:["","none",h,vu,yu]}],"shadow-color":[{shadow:L()}],"inset-shadow":[{"inset-shadow":["none",m,vu,yu]}],"inset-shadow-color":[{"inset-shadow":L()}],"ring-w":[{ring:ie()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:L()}],"ring-offset-w":[{"ring-offset":[Fe,Oi]}],"ring-offset-color":[{"ring-offset":L()}],"inset-ring-w":[{"inset-ring":ie()}],"inset-ring-color":[{"inset-ring":L()}],"text-shadow":[{"text-shadow":["none",w,vu,yu]}],"text-shadow-color":[{"text-shadow":L()}],opacity:[{opacity:[Fe,xe,we]}],"mix-blend":[{"mix-blend":[...ue(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":ue()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[Fe]}],"mask-image-linear-from-pos":[{"mask-linear-from":pe()}],"mask-image-linear-to-pos":[{"mask-linear-to":pe()}],"mask-image-linear-from-color":[{"mask-linear-from":L()}],"mask-image-linear-to-color":[{"mask-linear-to":L()}],"mask-image-t-from-pos":[{"mask-t-from":pe()}],"mask-image-t-to-pos":[{"mask-t-to":pe()}],"mask-image-t-from-color":[{"mask-t-from":L()}],"mask-image-t-to-color":[{"mask-t-to":L()}],"mask-image-r-from-pos":[{"mask-r-from":pe()}],"mask-image-r-to-pos":[{"mask-r-to":pe()}],"mask-image-r-from-color":[{"mask-r-from":L()}],"mask-image-r-to-color":[{"mask-r-to":L()}],"mask-image-b-from-pos":[{"mask-b-from":pe()}],"mask-image-b-to-pos":[{"mask-b-to":pe()}],"mask-image-b-from-color":[{"mask-b-from":L()}],"mask-image-b-to-color":[{"mask-b-to":L()}],"mask-image-l-from-pos":[{"mask-l-from":pe()}],"mask-image-l-to-pos":[{"mask-l-to":pe()}],"mask-image-l-from-color":[{"mask-l-from":L()}],"mask-image-l-to-color":[{"mask-l-to":L()}],"mask-image-x-from-pos":[{"mask-x-from":pe()}],"mask-image-x-to-pos":[{"mask-x-to":pe()}],"mask-image-x-from-color":[{"mask-x-from":L()}],"mask-image-x-to-color":[{"mask-x-to":L()}],"mask-image-y-from-pos":[{"mask-y-from":pe()}],"mask-image-y-to-pos":[{"mask-y-to":pe()}],"mask-image-y-from-color":[{"mask-y-from":L()}],"mask-image-y-to-color":[{"mask-y-to":L()}],"mask-image-radial":[{"mask-radial":[xe,we]}],"mask-image-radial-from-pos":[{"mask-radial-from":pe()}],"mask-image-radial-to-pos":[{"mask-radial-to":pe()}],"mask-image-radial-from-color":[{"mask-radial-from":L()}],"mask-image-radial-to-color":[{"mask-radial-to":L()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":T()}],"mask-image-conic-pos":[{"mask-conic":[Fe]}],"mask-image-conic-from-pos":[{"mask-conic-from":pe()}],"mask-image-conic-to-pos":[{"mask-conic-to":pe()}],"mask-image-conic-from-color":[{"mask-conic-from":L()}],"mask-image-conic-to-color":[{"mask-conic-to":L()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:D()}],"mask-repeat":[{mask:V()}],"mask-size":[{mask:ee()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",xe,we]}],filter:[{filter:["","none",xe,we]}],blur:[{blur:ve()}],brightness:[{brightness:[Fe,xe,we]}],contrast:[{contrast:[Fe,xe,we]}],"drop-shadow":[{"drop-shadow":["","none",v,vu,yu]}],"drop-shadow-color":[{"drop-shadow":L()}],grayscale:[{grayscale:["",Fe,xe,we]}],"hue-rotate":[{"hue-rotate":[Fe,xe,we]}],invert:[{invert:["",Fe,xe,we]}],saturate:[{saturate:[Fe,xe,we]}],sepia:[{sepia:["",Fe,xe,we]}],"backdrop-filter":[{"backdrop-filter":["","none",xe,we]}],"backdrop-blur":[{"backdrop-blur":ve()}],"backdrop-brightness":[{"backdrop-brightness":[Fe,xe,we]}],"backdrop-contrast":[{"backdrop-contrast":[Fe,xe,we]}],"backdrop-grayscale":[{"backdrop-grayscale":["",Fe,xe,we]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[Fe,xe,we]}],"backdrop-invert":[{"backdrop-invert":["",Fe,xe,we]}],"backdrop-opacity":[{"backdrop-opacity":[Fe,xe,we]}],"backdrop-saturate":[{"backdrop-saturate":[Fe,xe,we]}],"backdrop-sepia":[{"backdrop-sepia":["",Fe,xe,we]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":O()}],"border-spacing-x":[{"border-spacing-x":O()}],"border-spacing-y":[{"border-spacing-y":O()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",xe,we]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[Fe,"initial",xe,we]}],ease:[{ease:["linear","initial",E,xe,we]}],delay:[{delay:[Fe,xe,we]}],animate:[{animate:["none",P,xe,we]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[x,xe,we]}],"perspective-origin":[{"perspective-origin":N()}],rotate:[{rotate:ge()}],"rotate-x":[{"rotate-x":ge()}],"rotate-y":[{"rotate-y":ge()}],"rotate-z":[{"rotate-z":ge()}],scale:[{scale:Me()}],"scale-x":[{"scale-x":Me()}],"scale-y":[{"scale-y":Me()}],"scale-z":[{"scale-z":Me()}],"scale-3d":["scale-3d"],skew:[{skew:ze()}],"skew-x":[{"skew-x":ze()}],"skew-y":[{"skew-y":ze()}],transform:[{transform:[xe,we,"","none","gpu","cpu"]}],"transform-origin":[{origin:N()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:We()}],"translate-x":[{"translate-x":We()}],"translate-y":[{"translate-y":We()}],"translate-z":[{"translate-z":We()}],"translate-none":["translate-none"],zoom:[{zoom:[_n,xe,we]}],accent:[{accent:L()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:L()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",xe,we]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scrollbar-thumb-color":[{"scrollbar-thumb":L()}],"scrollbar-track-color":[{"scrollbar-track":L()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":O()}],"scroll-mx":[{"scroll-mx":O()}],"scroll-my":[{"scroll-my":O()}],"scroll-ms":[{"scroll-ms":O()}],"scroll-me":[{"scroll-me":O()}],"scroll-mbs":[{"scroll-mbs":O()}],"scroll-mbe":[{"scroll-mbe":O()}],"scroll-mt":[{"scroll-mt":O()}],"scroll-mr":[{"scroll-mr":O()}],"scroll-mb":[{"scroll-mb":O()}],"scroll-ml":[{"scroll-ml":O()}],"scroll-p":[{"scroll-p":O()}],"scroll-px":[{"scroll-px":O()}],"scroll-py":[{"scroll-py":O()}],"scroll-ps":[{"scroll-ps":O()}],"scroll-pe":[{"scroll-pe":O()}],"scroll-pbs":[{"scroll-pbs":O()}],"scroll-pbe":[{"scroll-pbe":O()}],"scroll-pt":[{"scroll-pt":O()}],"scroll-pr":[{"scroll-pr":O()}],"scroll-pb":[{"scroll-pb":O()}],"scroll-pl":[{"scroll-pl":O()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",xe,we]}],fill:[{fill:["none",...L()]}],"stroke-w":[{stroke:[Fe,pl,Oi,Lw]}],stroke:[{stroke:["none",...L()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{"container-named":["container-type"],overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},postfixLookupClassGroups:["container-type"],orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},gU=GI(hU);function kt(...e){return gU(er(e))}function yU(e){return e?e.split(" ")?.map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(" "):""}const Uw=RI("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",outline:"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-muted-foreground underline-offset-13 hover:underline hover:text-primary",linkActive:"text-primary-700 underline-offset-13 underline -mt-2",addRecordBtn:"bg-primary text-white size-35 shadow-xs hover:bg-primary-700 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",viewDetail:"bg-transparent border border-primary text-primary text-base font-normal me-2 !px-2.5 py-0.5 rounded-full scale-90 origin-center hover:bg-primary/10 transition-colors dark:bg-primary/20 dark:border-primary dark:text-primary-foreground leading-tight whitespace-nowrap",incomingmenu:"bg-transparent border border-primary text-primary text-md font-normal me-2 !px-4 py-0.5 rounded-md w-[170px] scale-90 origin-center hover:bg-primary/10 transition-colors dark:bg-primary/20 dark:border-primary dark:text-primary-foreground leading-tight whitespace-nowrap",incomingmenu1:"bg-transparent border border-gray-500 text-gray-500 text-md font-normal me-2 !px-4 py-0.5 rounded-md w-[170px] scale-90 origin-center hover:bg-gray-500/10 transition-colors dark:border-gray-300 dark:text-gray-300 leading-tight whitespace-nowrap",actionGreen:"bg-emerald-50/90 dark:bg-emerald-950/20 border border-emerald-200 dark:border-emerald-900/40 text-emerald-700 dark:text-emerald-300 hover:bg-emerald-100 dark:hover:bg-emerald-950/40 hover:text-emerald-800 dark:hover:text-emerald-200 hover:border-emerald-300 dark:hover:border-emerald-800/60 focus-visible:ring-emerald-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",actionLightGreen:"bg-green-50/50 dark:bg-green-950/10 border border-green-100 dark:border-green-900/20 text-green-600 dark:text-green-400 hover:bg-green-100/50 dark:hover:bg-green-950/30 hover:text-green-700 dark:hover:text-green-300 hover:border-green-200 dark:hover:border-green-800/40 focus-visible:ring-green-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",actionRed:"bg-rose-50/90 dark:bg-rose-950/20 border border-rose-200 dark:border-rose-900/40 text-rose-700 dark:text-rose-300 hover:bg-rose-100 dark:hover:bg-rose-950/40 hover:text-rose-800 dark:hover:text-rose-200 hover:border-rose-300 dark:hover:border-rose-800/60 focus-visible:ring-rose-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",actionYellow:"bg-amber-50/90 dark:bg-amber-950/20 border border-amber-200 dark:border-amber-900/40 text-amber-700 dark:text-amber-300 hover:bg-amber-100 dark:hover:bg-amber-950/40 hover:text-amber-800 dark:hover:text-amber-200 hover:border-amber-300 dark:hover:border-amber-800/60 focus-visible:ring-amber-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",actionBlue:"bg-blue-50/90 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-900/40 text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-950/40 hover:text-blue-800 dark:hover:text-blue-200 hover:border-blue-300 dark:hover:border-blue-800/60 focus-visible:ring-blue-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300",actionPurple:"bg-purple-50/90 dark:bg-purple-950/20 border border-purple-200 dark:border-purple-900/40 text-purple-700 dark:text-purple-300 hover:bg-purple-100 dark:hover:bg-purple-950/40 hover:text-purple-800 dark:hover:text-purple-200 hover:border-purple-300 dark:hover:border-purple-800/60 focus-visible:ring-purple-500 rounded-full h-9 px-4 flex items-center gap-2 font-medium shadow-xs hover:shadow-md transition-all duration-300"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}}),Fr=g.forwardRef(({className:e,variant:t,size:r,asChild:n=!1,type:i,children:a,...l},c)=>n&&g.isValidElement(a)?g.cloneElement(a,{className:kt(Uw({variant:t,size:r}),a.props.className,e,"cursor-pointer"),...l}):b.jsx("button",{"data-slot":"button",ref:c,type:i??"button",className:kt(Uw({variant:t,size:r,className:e}),"cursor-pointer"),...l,children:a}));Fr.displayName="Button";var Un=function(){return Un=Object.assign||function(t){for(var r,n=1,i=arguments.length;n<i;n++){r=arguments[n];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},Un.apply(this,arguments)};function JC(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]]);return r}function vU(e,t,r){if(r||arguments.length===2)for(var n=0,i=t.length,a;n<i;n++)(a||!(n in t))&&(a||(a=Array.prototype.slice.call(t,0,n)),a[n]=t[n]);return e.concat(a||Array.prototype.slice.call(t))}var $u="right-scroll-bar-position",zu="width-before-scroll-bar",bU="with-scroll-bars-hidden",wU="--removed-body-scroll-bar-size";function hm(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function SU(e,t){var r=g.useState(function(){return{value:e,callback:t,facade:{get current(){return r.value},set current(n){var i=r.value;i!==n&&(r.value=n,r.callback(n,i))}}}})[0];return r.callback=t,r.facade}var xU=typeof window<"u"?g.useLayoutEffect:g.useEffect,$w=new WeakMap;function CU(e,t){var r=SU(null,function(n){return e.forEach(function(i){return hm(i,n)})});return xU(function(){var n=$w.get(r);if(n){var i=new Set(n),a=new Set(e),l=r.current;i.forEach(function(c){a.has(c)||hm(c,null)}),a.forEach(function(c){i.has(c)||hm(c,l)})}$w.set(r,e)},[e]),r}function RU(e){return e}function EU(e,t){t===void 0&&(t=RU);var r=[],n=!1,i={read:function(){if(n)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return r.length?r[r.length-1]:e},useMedium:function(a){var l=t(a,n);return r.push(l),function(){r=r.filter(function(c){return c!==l})}},assignSyncMedium:function(a){for(n=!0;r.length;){var l=r;r=[],l.forEach(a)}r={push:function(c){return a(c)},filter:function(){return r}}},assignMedium:function(a){n=!0;var l=[];if(r.length){var c=r;r=[],c.forEach(a),l=r}var d=function(){var h=l;l=[],h.forEach(a)},f=function(){return Promise.resolve().then(d)};f(),r={push:function(h){l.push(h),f()},filter:function(h){return l=l.filter(h),r}}}};return i}function kU(e){e===void 0&&(e={});var t=EU(null);return t.options=Un({async:!0,ssr:!1},e),t}var ZC=function(e){var t=e.sideCar,r=JC(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var n=t.read();if(!n)throw new Error("Sidecar medium not found");return g.createElement(n,Un({},r))};ZC.isSideCarExport=!0;function PU(e,t){return e.useMedium(t),ZC}var eR=kU(),gm=function(){},Od=g.forwardRef(function(e,t){var r=g.useRef(null),n=g.useState({onScrollCapture:gm,onWheelCapture:gm,onTouchMoveCapture:gm}),i=n[0],a=n[1],l=e.forwardProps,c=e.children,d=e.className,f=e.removeScrollBar,h=e.enabled,m=e.shards,w=e.sideCar,v=e.noRelative,C=e.noIsolation,x=e.inert,R=e.allowPinchZoom,E=e.as,P=E===void 0?"div":E,k=e.gapMode,T=JC(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),N=w,j=CU([r,t]),M=Un(Un({},T),i);return g.createElement(g.Fragment,null,h&&g.createElement(N,{sideCar:eR,removeScrollBar:f,shards:m,noRelative:v,noIsolation:C,inert:x,setCallbacks:a,allowPinchZoom:!!R,lockRef:r,gapMode:k}),l?g.cloneElement(g.Children.only(c),Un(Un({},M),{ref:j})):g.createElement(P,Un({},M,{className:d,ref:j}),c))});Od.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};Od.classNames={fullWidth:zu,zeroRight:$u};var AU=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function TU(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=AU();return t&&e.setAttribute("nonce",t),e}function NU(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function DU(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var OU=function(){var e=0,t=null;return{add:function(r){e==0&&(t=TU())&&(NU(t,r),DU(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},_U=function(){var e=OU();return function(t,r){g.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&r])}},tR=function(){var e=_U(),t=function(r){var n=r.styles,i=r.dynamic;return e(n,i),null};return t},MU={left:0,top:0,right:0,gap:0},ym=function(e){return parseInt(e||"",10)||0},jU=function(e){var t=window.getComputedStyle(document.body),r=t[e==="padding"?"paddingLeft":"marginLeft"],n=t[e==="padding"?"paddingTop":"marginTop"],i=t[e==="padding"?"paddingRight":"marginRight"];return[ym(r),ym(n),ym(i)]},LU=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return MU;var t=jU(e),r=document.documentElement.clientWidth,n=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,n-r+t[2]-t[0])}},FU=tR(),Ks="data-scroll-locked",IU=function(e,t,r,n){var i=e.left,a=e.top,l=e.right,c=e.gap;return r===void 0&&(r="margin"),`
+  .`.concat(bU,` {
+   overflow: hidden `).concat(n,`;
+   padding-right: `).concat(c,"px ").concat(n,`;
+  }
+  body[`).concat(Ks,`] {
+    overflow: hidden `).concat(n,`;
+    overscroll-behavior: contain;
+    `).concat([t&&"position: relative ".concat(n,";"),r==="margin"&&`
+    padding-left: `.concat(i,`px;
+    padding-top: `).concat(a,`px;
+    padding-right: `).concat(l,`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c,"px ").concat(n,`;
+    `),r==="padding"&&"padding-right: ".concat(c,"px ").concat(n,";")].filter(Boolean).join(""),`
+  }
+  
+  .`).concat($u,` {
+    right: `).concat(c,"px ").concat(n,`;
+  }
+  
+  .`).concat(zu,` {
+    margin-right: `).concat(c,"px ").concat(n,`;
+  }
+  
+  .`).concat($u," .").concat($u,` {
+    right: 0 `).concat(n,`;
+  }
+  
+  .`).concat(zu," .").concat(zu,` {
+    margin-right: 0 `).concat(n,`;
+  }
+  
+  body[`).concat(Ks,`] {
+    `).concat(wU,": ").concat(c,`px;
+  }
+`)},zw=function(){var e=parseInt(document.body.getAttribute(Ks)||"0",10);return isFinite(e)?e:0},UU=function(){g.useEffect(function(){return document.body.setAttribute(Ks,(zw()+1).toString()),function(){var e=zw()-1;e<=0?document.body.removeAttribute(Ks):document.body.setAttribute(Ks,e.toString())}},[])},$U=function(e){var t=e.noRelative,r=e.noImportant,n=e.gapMode,i=n===void 0?"margin":n;UU();var a=g.useMemo(function(){return LU(i)},[i]);return g.createElement(FU,{styles:IU(a,!t,i,r?"":"!important")})},fh=!1;if(typeof window<"u")try{var bu=Object.defineProperty({},"passive",{get:function(){return fh=!0,!0}});window.addEventListener("test",bu,bu),window.removeEventListener("test",bu,bu)}catch{fh=!1}var Ls=fh?{passive:!1}:!1,zU=function(e){return e.tagName==="TEXTAREA"},rR=function(e,t){if(!(e instanceof Element))return!1;var r=window.getComputedStyle(e);return r[t]!=="hidden"&&!(r.overflowY===r.overflowX&&!zU(e)&&r[t]==="visible")},BU=function(e){return rR(e,"overflowY")},qU=function(e){return rR(e,"overflowX")},Bw=function(e,t){var r=t.ownerDocument,n=t;do{typeof ShadowRoot<"u"&&n instanceof ShadowRoot&&(n=n.host);var i=nR(e,n);if(i){var a=oR(e,n),l=a[1],c=a[2];if(l>c)return!0}n=n.parentNode}while(n&&n!==r.body);return!1},VU=function(e){var t=e.scrollTop,r=e.scrollHeight,n=e.clientHeight;return[t,r,n]},HU=function(e){var t=e.scrollLeft,r=e.scrollWidth,n=e.clientWidth;return[t,r,n]},nR=function(e,t){return e==="v"?BU(t):qU(t)},oR=function(e,t){return e==="v"?VU(t):HU(t)},WU=function(e,t){return e==="h"&&t==="rtl"?-1:1},GU=function(e,t,r,n,i){var a=WU(e,window.getComputedStyle(t).direction),l=a*n,c=r.target,d=t.contains(c),f=!1,h=l>0,m=0,w=0;do{if(!c)break;var v=oR(e,c),C=v[0],x=v[1],R=v[2],E=x-R-a*C;(C||E)&&nR(e,c)&&(m+=E,w+=C);var P=c.parentNode;c=P&&P.nodeType===Node.DOCUMENT_FRAGMENT_NODE?P.host:P}while(!d&&c!==document.body||d&&(t.contains(c)||t===c));return(h&&Math.abs(m)<1||!h&&Math.abs(w)<1)&&(f=!0),f},wu=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},qw=function(e){return[e.deltaX,e.deltaY]},Vw=function(e){return e&&"current"in e?e.current:e},KU=function(e,t){return e[0]===t[0]&&e[1]===t[1]},YU=function(e){return`
+  .block-interactivity-`.concat(e,` {pointer-events: none;}
+  .allow-interactivity-`).concat(e,` {pointer-events: all;}
+`)},XU=0,Fs=[];function QU(e){var t=g.useRef([]),r=g.useRef([0,0]),n=g.useRef(),i=g.useState(XU++)[0],a=g.useState(tR)[0],l=g.useRef(e);g.useEffect(function(){l.current=e},[e]),g.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(i));var x=vU([e.lockRef.current],(e.shards||[])?.map(Vw),!0).filter(Boolean);return x.forEach(function(R){return R.classList.add("allow-interactivity-".concat(i))}),function(){document.body.classList.remove("block-interactivity-".concat(i)),x.forEach(function(R){return R.classList.remove("allow-interactivity-".concat(i))})}}},[e.inert,e.lockRef.current,e.shards]);var c=g.useCallback(function(x,R){if("touches"in x&&x.touches.length===2||x.type==="wheel"&&x.ctrlKey)return!l.current.allowPinchZoom;var E=wu(x),P=r.current,k="deltaX"in x?x.deltaX:P[0]-E[0],T="deltaY"in x?x.deltaY:P[1]-E[1],N,j=x.target,M=Math.abs(k)>Math.abs(T)?"h":"v";if("touches"in x&&M==="h"&&j.type==="range")return!1;var O=window.getSelection(),B=O&&O.anchorNode,H=B?B===j||B.contains(j):!1;if(H)return!1;var Y=Bw(M,j);if(!Y)return!0;if(Y?N=M:(N=M==="v"?"h":"v",Y=Bw(M,j)),!Y)return!1;if(!n.current&&"changedTouches"in x&&(k||T)&&(n.current=N),!N)return!0;var ne=n.current||N;return GU(ne,R,x,ne==="h"?k:T)},[]),d=g.useCallback(function(x){var R=x;if(!(!Fs.length||Fs[Fs.length-1]!==a)){var E="deltaY"in R?qw(R):wu(R),P=t.current.filter(function(N){return N.name===R.type&&(N.target===R.target||R.target===N.shadowParent)&&KU(N.delta,E)})[0];if(P&&P.should){R.cancelable&&R.preventDefault();return}if(!P){var k=(l.current.shards||[])?.map(Vw).filter(Boolean).filter(function(N){return N.contains(R.target)}),T=k.length>0?c(R,k[0]):!l.current.noIsolation;T&&R.cancelable&&R.preventDefault()}}},[]),f=g.useCallback(function(x,R,E,P){var k={name:x,delta:R,target:E,should:P,shadowParent:JU(E)};t.current.push(k),setTimeout(function(){t.current=t.current.filter(function(T){return T!==k})},1)},[]),h=g.useCallback(function(x){r.current=wu(x),n.current=void 0},[]),m=g.useCallback(function(x){f(x.type,qw(x),x.target,c(x,e.lockRef.current))},[]),w=g.useCallback(function(x){f(x.type,wu(x),x.target,c(x,e.lockRef.current))},[]);g.useEffect(function(){return Fs.push(a),e.setCallbacks({onScrollCapture:m,onWheelCapture:m,onTouchMoveCapture:w}),document.addEventListener("wheel",d,Ls),document.addEventListener("touchmove",d,Ls),document.addEventListener("touchstart",h,Ls),function(){Fs=Fs.filter(function(x){return x!==a}),document.removeEventListener("wheel",d,Ls),document.removeEventListener("touchmove",d,Ls),document.removeEventListener("touchstart",h,Ls)}},[]);var v=e.removeScrollBar,C=e.inert;return g.createElement(g.Fragment,null,C?g.createElement(a,{styles:YU(i)}):null,v?g.createElement($U,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function JU(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const ZU=PU(eR,QU);var Pl=g.forwardRef(function(e,t){return g.createElement(Od,Un({},e,{ref:t,sideCar:ZU}))});Pl.classNames=Od.classNames;function zn(e){return Object.keys(e)}function vm(e){return e&&typeof e=="object"&&!Array.isArray(e)}function Ng(e,t){const r={...e},n=t;return vm(e)&&vm(t)&&Object.keys(t).forEach(i=>{vm(n[i])&&i in e?r[i]=Ng(r[i],n[i]):r[i]=n[i]}),r}function e5(e){return e.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)}function t5(e){var t;return typeof e!="string"||!e.includes("var(--mantine-scale)")?e:(t=e.match(/^calc\((.*?)\)$/))==null?void 0:t[1].split("*")[0].trim()}function r5(e){const t=t5(e);return typeof t=="number"?t:typeof t=="string"?t.includes("calc")||t.includes("var")?t:t.includes("px")?Number(t.replace("px","")):t.includes("rem")?Number(t.replace("rem",""))*16:t.includes("em")?Number(t.replace("em",""))*16:Number(t):NaN}function bm(e){return e==="0rem"?"0rem":`calc(${e} * var(--mantine-scale))`}function iR(e,{shouldScale:t=!1}={}){function r(n){if(n===0||n==="0")return`0${e}`;if(typeof n=="number"){const i=`${n/16}${e}`;return t?bm(i):i}if(typeof n=="string"){if(n===""||n.startsWith("calc(")||n.startsWith("clamp(")||n.includes("rgba("))return n;if(n.includes(","))return n.split(",")?.map(a=>r(a)).join(",");if(n.includes(" "))return n.split(" ")?.map(a=>r(a)).join(" ");if(n.includes(e))return t?bm(n):n;const i=n.replace("px","");if(!Number.isNaN(Number(i))){const a=`${Number(i)/16}${e}`;return t?bm(a):a}}return n}return r}const ce=iR("rem",{shouldScale:!0}),Hw=iR("em");function Dg(e){return Object.keys(e).reduce((t,r)=>(e[r]!==void 0&&(t[r]=e[r]),t),{})}function sR(e){if(typeof e=="number")return!0;if(typeof e=="string"){if(e.startsWith("calc(")||e.startsWith("var(")||e.includes(" ")&&e.trim()!=="")return!0;const t=/^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;return e.trim().split(/\s+/).every(n=>t.test(n))}return!1}function Og(e){return Array.isArray(e)||e===null?!1:typeof e=="object"?e.type!==g.Fragment:!1}function _d(e){const t=g.createContext(null);return[({children:i,value:a})=>b.jsx(t.Provider,{value:a,children:i}),()=>{const i=g.useContext(t);if(i===null)throw new Error(e);return i}]}function _g(e=null){const t=g.createContext(e);return[({children:i,value:a})=>b.jsx(t.Provider,{value:a,children:i}),()=>g.useContext(t)]}const n5={app:100,modal:200,popover:300,overlay:400,max:9999};function xo(e){return n5[e]}const o5=()=>{};function Hn(e,t="size",r=!0){if(e!==void 0)return sR(e)?r?ce(e):e:`var(--${t}-${e})`}function i5(e){return Hn(e,"mantine-spacing")}function gi(e){return e===void 0?"var(--mantine-radius-default)":Hn(e,"mantine-radius")}function Zi(e){return Hn(e,"mantine-font-size")}function a7(e){return Hn(e,"mantine-line-height",!1)}function aR(e){if(e)return Hn(e,"mantine-shadow",!1)}function lR(e="mantine-"){return`${e}${Math.random().toString(36).slice(2,11)}`}function Li(e){const t=g.useRef(e);return g.useEffect(()=>{t.current=e}),g.useMemo(()=>(...r)=>{var n;return(n=t.current)==null?void 0:n.call(t,...r)},[])}function Md(e,t){const r=typeof t=="number"?t:t.delay,n=typeof t=="number"?!1:t.flushOnUnmount,i=Li(e),a=g.useRef(0),l=g.useRef(()=>{}),c=Object.assign(g.useCallback((...d)=>{window.clearTimeout(a.current);const f=()=>{a.current!==0&&(a.current=0,i(...d))};l.current=f,c.flush=f,a.current=window.setTimeout(f,r)},[i,r]),{flush:l.current});return g.useEffect(()=>()=>{window.clearTimeout(a.current),n&&c.flush()},[c,n]),c}function s5(e,t){try{return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}catch{return e.addListener(t),()=>e.removeListener(t)}}function a5(e,t){return typeof window<"u"&&"matchMedia"in window?window.matchMedia(e).matches:!1}function cR(e,t,{getInitialValueInEffect:r}={getInitialValueInEffect:!0}){const[n,i]=g.useState(r?t:a5(e)),a=g.useRef(null);return g.useEffect(()=>{if("matchMedia"in window)return a.current=window.matchMedia(e),i(a.current.matches),s5(a.current,l=>i(l.matches))},[e]),n}function l5(e,t){return cR("(prefers-color-scheme: dark)",e==="dark",t)?"dark":"light"}const Gl=typeof document<"u"?g.useLayoutEffect:g.useEffect;function ua(e,t){const r=g.useRef(!1);g.useEffect(()=>()=>{r.current=!1},[]),g.useEffect(()=>{if(r.current)return e();r.current=!0},t)}function c5({opened:e,shouldReturnFocus:t=!0}){const r=g.useRef(null),n=()=>{var i;r.current&&"focus"in r.current&&typeof r.current.focus=="function"&&((i=r.current)==null||i.focus({preventScroll:!0}))};return ua(()=>{let i=-1;const a=l=>{l.key==="Tab"&&window.clearTimeout(i)};return document.addEventListener("keydown",a),e?r.current=document.activeElement:t&&(i=window.setTimeout(n,10)),()=>{window.clearTimeout(i),document.removeEventListener("keydown",a)}},[e,t]),n}const u5=/input|select|textarea|button|object/,uR="a, input, select, textarea, button, object, [tabindex]";function d5(e){return e.style.display==="none"}function f5(e){if(e.getAttribute("aria-hidden")||e.getAttribute("hidden")||e.getAttribute("type")==="hidden")return!1;let r=e;for(;r&&!(r===document.body||r.nodeType===11);){if(d5(r))return!1;r=r.parentNode}return!0}function dR(e){let t=e.getAttribute("tabindex");return t===null&&(t=void 0),parseInt(t,10)}function ph(e){const t=e.nodeName.toLowerCase(),r=!Number.isNaN(dR(e));return(u5.test(t)&&!e.disabled||e instanceof HTMLAnchorElement&&e.href||r)&&f5(e)}function fR(e){const t=dR(e);return(Number.isNaN(t)||t>=0)&&ph(e)}function p5(e){return Array.from(e.querySelectorAll(uR)).filter(fR)}function m5(e,t){const r=p5(e);if(!r.length){t.preventDefault();return}const n=r[t.shiftKey?0:r.length-1],i=e.getRootNode();let a=n===i.activeElement||e===i.activeElement;const l=i.activeElement;if(l.tagName==="INPUT"&&l.getAttribute("type")==="radio"&&(a=r.filter(h=>h.getAttribute("type")==="radio"&&h.getAttribute("name")===l.getAttribute("name")).includes(n)),!a)return;t.preventDefault();const d=r[t.shiftKey?r.length-1:0];d&&d.focus()}function h5(e=!0){const t=g.useRef(null),r=i=>{let a=i.querySelector("[data-autofocus]");if(!a){const l=Array.from(i.querySelectorAll(uR));a=l.find(fR)||l.find(ph)||null,!a&&ph(i)&&(a=i)}a&&a.focus({preventScroll:!0})},n=g.useCallback(i=>{e&&i!==null&&t.current!==i&&(i?(setTimeout(()=>{i.getRootNode()&&r(i)}),t.current=i):t.current=null)},[e]);return g.useEffect(()=>{if(!e)return;t.current&&setTimeout(()=>r(t.current));const i=a=>{a.key==="Tab"&&t.current&&m5(t.current,a)};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[e]),n}const g5=e=>(e+1)%1e6;function y5(){const[,e]=g.useReducer(g5,0);return e}const v5=le.useId||(()=>{});function b5(){const e=v5();return e?`mantine-${e.replace(/:/g,"")}`:""}function Mg(e){const t=b5(),[r,n]=g.useState(t);return Gl(()=>{n(lR())},[]),typeof e=="string"?e:typeof window>"u"?t:r}function w5(e,t,r){g.useEffect(()=>(window.addEventListener(e,t,r),()=>window.removeEventListener(e,t,r)),[e,t])}function mh(e,t){if(typeof e=="function")return e(t);typeof e=="object"&&e!==null&&"current"in e&&(e.current=t)}function S5(...e){const t=new Map;return r=>{if(e.forEach(n=>{const i=mh(n,r);i&&t.set(n,i)}),t.size>0)return()=>{e.forEach(n=>{const i=t.get(n);i?i():mh(n,null)}),t.clear()}}}function Co(...e){return g.useCallback(S5(...e),e)}function jg(e,t){return cR("(prefers-reduced-motion: reduce)",e,t)}function pR(e){var r;const t=le.version;return typeof le.version!="string"||t.startsWith("18.")?e==null?void 0:e.ref:(r=e==null?void 0:e.props)==null?void 0:r.ref}function l7(e){return e}const x5={};function C5(e){const t={};return e.forEach(r=>{Object.entries(r).forEach(([n,i])=>{t[n]?t[n]=er(t[n],i):t[n]=i})}),t}function jd({theme:e,classNames:t,props:r,stylesCtx:n}){const a=(Array.isArray(t)?t:[t])?.map(l=>typeof l=="function"?l(e,r,n):l||x5);return C5(a)}function sd({theme:e,styles:t,props:r,stylesCtx:n}){return(Array.isArray(t)?t:[t]).reduce((a,l)=>typeof l=="function"?{...a,...l(e,r,n)}:{...a,...l},{})}const Lg=g.createContext(null);function yi(){const e=g.useContext(Lg);if(!e)throw new Error("[@mantine/core] MantineProvider was not found in tree");return e}function R5(){return yi().cssVariablesResolver}function E5(){return yi().classNamesPrefix}function Ld(){return yi().getStyleNonce}function k5(){return yi().withStaticClasses}function P5(){return yi().headless}function A5(){var e;return(e=yi().stylesTransform)==null?void 0:e.sx}function T5(){var e;return(e=yi().stylesTransform)==null?void 0:e.styles}function mR(){return yi().env||"default"}function N5(e){return/^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(e)}function D5(e){let t=e.replace("#","");if(t.length===3){const l=t.split("");t=[l[0],l[0],l[1],l[1],l[2],l[2]].join("")}if(t.length===8){const l=parseInt(t.slice(6,8),16)/255;return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16),a:l}}const r=parseInt(t,16),n=r>>16&255,i=r>>8&255,a=r&255;return{r:n,g:i,b:a,a:1}}function O5(e){const[t,r,n,i]=e.replace(/[^0-9,./]/g,"").split(/[/,]/)?.map(Number);return{r:t,g:r,b:n,a:i===void 0?1:i}}function _5(e){const t=/^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i,r=e.match(t);if(!r)return{r:0,g:0,b:0,a:1};const n=parseInt(r[1],10),i=parseInt(r[2],10)/100,a=parseInt(r[3],10)/100,l=r[5]?parseFloat(r[5]):void 0,c=(1-Math.abs(2*a-1))*i,d=n/60,f=c*(1-Math.abs(d%2-1)),h=a-c/2;let m,w,v;return d>=0&&d<1?(m=c,w=f,v=0):d>=1&&d<2?(m=f,w=c,v=0):d>=2&&d<3?(m=0,w=c,v=f):d>=3&&d<4?(m=0,w=f,v=c):d>=4&&d<5?(m=f,w=0,v=c):(m=c,w=0,v=f),{r:Math.round((m+h)*255),g:Math.round((w+h)*255),b:Math.round((v+h)*255),a:l||1}}function Fg(e){return N5(e)?D5(e):e.startsWith("rgb")?O5(e):e.startsWith("hsl")?_5(e):{r:0,g:0,b:0,a:1}}function Su(e,t){if(e.startsWith("var("))return`color-mix(in srgb, ${e}, black ${t*100}%)`;const{r,g:n,b:i,a}=Fg(e),l=1-t,c=d=>Math.round(d*l);return`rgba(${c(r)}, ${c(n)}, ${c(i)}, ${a})`}function Al(e,t){return typeof e.primaryShade=="number"?e.primaryShade:t==="dark"?e.primaryShade.dark:e.primaryShade.light}function wm(e){return e<=.03928?e/12.92:((e+.055)/1.055)**2.4}function M5(e){const t=e.match(/oklch\((.*?)%\s/);return t?parseFloat(t[1]):null}function j5(e){if(e.startsWith("oklch("))return(M5(e)||0)/100;const{r:t,g:r,b:n}=Fg(e),i=t/255,a=r/255,l=n/255,c=wm(i),d=wm(a),f=wm(l);return .2126*c+.7152*d+.0722*f}function ml(e,t=.179){return e.startsWith("var(")?!1:j5(e)>t}function Kl({color:e,theme:t,colorScheme:r}){if(typeof e!="string")throw new Error(`[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof e}`);if(e==="bright")return{color:e,value:r==="dark"?t.white:t.black,shade:void 0,isThemeColor:!1,isLight:ml(r==="dark"?t.white:t.black,t.luminanceThreshold),variable:"--mantine-color-bright"};if(e==="dimmed")return{color:e,value:r==="dark"?t.colors.dark[2]:t.colors.gray[7],shade:void 0,isThemeColor:!1,isLight:ml(r==="dark"?t.colors.dark[2]:t.colors.gray[6],t.luminanceThreshold),variable:"--mantine-color-dimmed"};if(e==="white"||e==="black")return{color:e,value:e==="white"?t.white:t.black,shade:void 0,isThemeColor:!1,isLight:ml(e==="white"?t.white:t.black,t.luminanceThreshold),variable:`--mantine-color-${e}`};const[n,i]=e.split("."),a=i?Number(i):void 0,l=n in t.colors;if(l){const c=a!==void 0?t.colors[n][a]:t.colors[n][Al(t,r||"light")];return{color:n,value:c,shade:a,isThemeColor:l,isLight:ml(c,t.luminanceThreshold),variable:i?`--mantine-color-${n}-${a}`:`--mantine-color-${n}-filled`}}return{color:e,value:e,isThemeColor:l,isLight:ml(e,t.luminanceThreshold),shade:a,variable:void 0}}function da(e,t){const r=Kl({color:e||t.primaryColor,theme:t});return r.variable?`var(${r.variable})`:e}function Ww(e,t){const r={from:(e==null?void 0:e.from)||t.defaultGradient.from,to:(e==null?void 0:e.to)||t.defaultGradient.to,deg:(e==null?void 0:e.deg)??t.defaultGradient.deg??0},n=da(r.from,t),i=da(r.to,t);return`linear-gradient(${r.deg}deg, ${n} 0%, ${i} 100%)`}function jn(e,t){if(typeof e!="string"||t>1||t<0)return"rgba(0, 0, 0, 1)";if(e.startsWith("var(")){const a=(1-t)*100;return`color-mix(in srgb, ${e}, transparent ${a}%)`}if(e.startsWith("oklch"))return e.includes("/")?e.replace(/\/\s*[\d.]+\s*\)/,`/ ${t})`):e.replace(")",` / ${t})`);const{r,g:n,b:i}=Fg(e);return`rgba(${r}, ${n}, ${i}, ${t})`}const Is=jn,L5=({color:e,theme:t,variant:r,gradient:n,autoContrast:i})=>{const a=Kl({color:e,theme:t}),l=typeof i=="boolean"?i:t.autoContrast;if(r==="filled"){const c=l&&a.isLight?"var(--mantine-color-black)":"var(--mantine-color-white)";return a.isThemeColor?a.shade===void 0?{background:`var(--mantine-color-${e}-filled)`,hover:`var(--mantine-color-${e}-filled-hover)`,color:c,border:`${ce(1)} solid transparent`}:{background:`var(--mantine-color-${a.color}-${a.shade})`,hover:`var(--mantine-color-${a.color}-${a.shade===9?8:a.shade+1})`,color:c,border:`${ce(1)} solid transparent`}:{background:e,hover:Su(e,.1),color:c,border:`${ce(1)} solid transparent`}}if(r==="light"){if(a.isThemeColor){if(a.shade===void 0)return{background:`var(--mantine-color-${e}-light)`,hover:`var(--mantine-color-${e}-light-hover)`,color:`var(--mantine-color-${e}-light-color)`,border:`${ce(1)} solid transparent`};const c=t.colors[a.color][a.shade];return{background:jn(c,.1),hover:jn(c,.12),color:`var(--mantine-color-${a.color}-${Math.min(a.shade,6)})`,border:`${ce(1)} solid transparent`}}return{background:jn(e,.1),hover:jn(e,.12),color:e,border:`${ce(1)} solid transparent`}}if(r==="outline")return a.isThemeColor?a.shade===void 0?{background:"transparent",hover:`var(--mantine-color-${e}-outline-hover)`,color:`var(--mantine-color-${e}-outline)`,border:`${ce(1)} solid var(--mantine-color-${e}-outline)`}:{background:"transparent",hover:jn(t.colors[a.color][a.shade],.05),color:`var(--mantine-color-${a.color}-${a.shade})`,border:`${ce(1)} solid var(--mantine-color-${a.color}-${a.shade})`}:{background:"transparent",hover:jn(e,.05),color:e,border:`${ce(1)} solid ${e}`};if(r==="subtle"){if(a.isThemeColor){if(a.shade===void 0)return{background:"transparent",hover:`var(--mantine-color-${e}-light-hover)`,color:`var(--mantine-color-${e}-light-color)`,border:`${ce(1)} solid transparent`};const c=t.colors[a.color][a.shade];return{background:"transparent",hover:jn(c,.12),color:`var(--mantine-color-${a.color}-${Math.min(a.shade,6)})`,border:`${ce(1)} solid transparent`}}return{background:"transparent",hover:jn(e,.12),color:e,border:`${ce(1)} solid transparent`}}return r==="transparent"?a.isThemeColor?a.shade===void 0?{background:"transparent",hover:"transparent",color:`var(--mantine-color-${e}-light-color)`,border:`${ce(1)} solid transparent`}:{background:"transparent",hover:"transparent",color:`var(--mantine-color-${a.color}-${Math.min(a.shade,6)})`,border:`${ce(1)} solid transparent`}:{background:"transparent",hover:"transparent",color:e,border:`${ce(1)} solid transparent`}:r==="white"?a.isThemeColor?a.shade===void 0?{background:"var(--mantine-color-white)",hover:Su(t.white,.01),color:`var(--mantine-color-${e}-filled)`,border:`${ce(1)} solid transparent`}:{background:"var(--mantine-color-white)",hover:Su(t.white,.01),color:`var(--mantine-color-${a.color}-${a.shade})`,border:`${ce(1)} solid transparent`}:{background:"var(--mantine-color-white)",hover:Su(t.white,.01),color:e,border:`${ce(1)} solid transparent`}:r==="gradient"?{background:Ww(n,t),hover:Ww(n,t),color:"var(--mantine-color-white)",border:"none"}:r==="default"?{background:"var(--mantine-color-default)",hover:"var(--mantine-color-default-hover)",color:"var(--mantine-color-default-color)",border:`${ce(1)} solid var(--mantine-color-default-border)`}:{}},F5={dark:["#C9C9C9","#b8b8b8","#828282","#696969","#424242","#3b3b3b","#2e2e2e","#242424","#1f1f1f","#141414"],gray:["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"],red:["#fff5f5","#ffe3e3","#ffc9c9","#ffa8a8","#ff8787","#ff6b6b","#fa5252","#f03e3e","#e03131","#c92a2a"],pink:["#fff0f6","#ffdeeb","#fcc2d7","#faa2c1","#f783ac","#f06595","#e64980","#d6336c","#c2255c","#a61e4d"],grape:["#f8f0fc","#f3d9fa","#eebefa","#e599f7","#da77f2","#cc5de8","#be4bdb","#ae3ec9","#9c36b5","#862e9c"],violet:["#f3f0ff","#e5dbff","#d0bfff","#b197fc","#9775fa","#845ef7","#7950f2","#7048e8","#6741d9","#5f3dc4"],indigo:["#edf2ff","#dbe4ff","#bac8ff","#91a7ff","#748ffc","#5c7cfa","#4c6ef5","#4263eb","#3b5bdb","#364fc7"],blue:["#e7f5ff","#d0ebff","#a5d8ff","#74c0fc","#4dabf7","#339af0","#228be6","#1c7ed6","#1971c2","#1864ab"],cyan:["#e3fafc","#c5f6fa","#99e9f2","#66d9e8","#3bc9db","#22b8cf","#15aabf","#1098ad","#0c8599","#0b7285"],teal:["#e6fcf5","#c3fae8","#96f2d7","#63e6be","#38d9a9","#20c997","#12b886","#0ca678","#099268","#087f5b"],green:["#ebfbee","#d3f9d8","#b2f2bb","#8ce99a","#69db7c","#51cf66","#40c057","#37b24d","#2f9e44","#2b8a3e"],lime:["#f4fce3","#e9fac8","#d8f5a2","#c0eb75","#a9e34b","#94d82d","#82c91e","#74b816","#66a80f","#5c940d"],yellow:["#fff9db","#fff3bf","#ffec99","#ffe066","#ffd43b","#fcc419","#fab005","#f59f00","#f08c00","#e67700"],orange:["#fff4e6","#ffe8cc","#ffd8a8","#ffc078","#ffa94d","#ff922b","#fd7e14","#f76707","#e8590c","#d9480f"]},Gw="-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji",Ig={scale:1,fontSmoothing:!0,focusRing:"auto",white:"#fff",black:"#000",colors:F5,primaryShade:{light:6,dark:8},primaryColor:"blue",variantColorResolver:L5,autoContrast:!1,luminanceThreshold:.3,fontFamily:Gw,fontFamilyMonospace:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",respectReducedMotion:!1,cursorType:"default",defaultGradient:{from:"blue",to:"cyan",deg:45},defaultRadius:"sm",activeClassName:"mantine-active",focusClassName:"",headings:{fontFamily:Gw,fontWeight:"700",textWrap:"wrap",sizes:{h1:{fontSize:ce(34),lineHeight:"1.3"},h2:{fontSize:ce(26),lineHeight:"1.35"},h3:{fontSize:ce(22),lineHeight:"1.4"},h4:{fontSize:ce(18),lineHeight:"1.45"},h5:{fontSize:ce(16),lineHeight:"1.5"},h6:{fontSize:ce(14),lineHeight:"1.5"}}},fontSizes:{xs:ce(12),sm:ce(14),md:ce(16),lg:ce(18),xl:ce(20)},lineHeights:{xs:"1.4",sm:"1.45",md:"1.55",lg:"1.6",xl:"1.65"},radius:{xs:ce(2),sm:ce(4),md:ce(8),lg:ce(16),xl:ce(32)},spacing:{xs:ce(10),sm:ce(12),md:ce(16),lg:ce(20),xl:ce(32)},breakpoints:{xs:"36em",sm:"48em",md:"62em",lg:"75em",xl:"88em"},shadows:{xs:`0 ${ce(1)} ${ce(3)} rgba(0, 0, 0, 0.05), 0 ${ce(1)} ${ce(2)} rgba(0, 0, 0, 0.1)`,sm:`0 ${ce(1)} ${ce(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${ce(10)} ${ce(15)} ${ce(-5)}, rgba(0, 0, 0, 0.04) 0 ${ce(7)} ${ce(7)} ${ce(-5)}`,md:`0 ${ce(1)} ${ce(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${ce(20)} ${ce(25)} ${ce(-5)}, rgba(0, 0, 0, 0.04) 0 ${ce(10)} ${ce(10)} ${ce(-5)}`,lg:`0 ${ce(1)} ${ce(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${ce(28)} ${ce(23)} ${ce(-7)}, rgba(0, 0, 0, 0.04) 0 ${ce(12)} ${ce(12)} ${ce(-7)}`,xl:`0 ${ce(1)} ${ce(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${ce(36)} ${ce(28)} ${ce(-7)}, rgba(0, 0, 0, 0.04) 0 ${ce(17)} ${ce(17)} ${ce(-7)}`},other:{},components:{}};function Kw(e){return e==="auto"||e==="dark"||e==="light"}function I5({key:e="mantine-color-scheme-value"}={}){let t;return{get:r=>{if(typeof window>"u")return r;try{const n=window.localStorage.getItem(e);return Kw(n)?n:r}catch{return r}},set:r=>{try{window.localStorage.setItem(e,r)}catch{}},subscribe:r=>{t=n=>{n.storageArea===window.localStorage&&n.key===e&&Kw(n.newValue)&&r(n.newValue)},window.addEventListener("storage",t)},unsubscribe:()=>{window.removeEventListener("storage",t)},clear:()=>{window.localStorage.removeItem(e)}}}const U5="[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color",Yw="[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";function Sm(e){return e<0||e>9?!1:parseInt(e.toString(),10)===e}function Xw(e){if(!(e.primaryColor in e.colors))throw new Error(U5);if(typeof e.primaryShade=="object"&&(!Sm(e.primaryShade.dark)||!Sm(e.primaryShade.light)))throw new Error(Yw);if(typeof e.primaryShade=="number"&&!Sm(e.primaryShade))throw new Error(Yw)}function $5(e,t){var n;if(!t)return Xw(e),e;const r=Ng(e,t);return t.fontFamily&&!((n=t.headings)!=null&&n.fontFamily)&&(r.headings.fontFamily=t.fontFamily),Xw(r),r}const Ug=g.createContext(null),z5=()=>g.useContext(Ug)||Ig;function Rn(){const e=g.useContext(Ug);if(!e)throw new Error("@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app");return e}function hR({theme:e,children:t,inherit:r=!0}){const n=z5(),i=g.useMemo(()=>$5(r?n:Ig,e),[e,n,r]);return b.jsx(Ug.Provider,{value:i,children:t})}hR.displayName="@mantine/core/MantineThemeProvider";function B5(){const e=Rn(),t=Ld(),r=zn(e.breakpoints).reduce((n,i)=>{const a=e.breakpoints[i].includes("px"),l=r5(e.breakpoints[i]),c=a?`${l-.1}px`:Hw(l-.1),d=a?`${l}px`:Hw(l);return`${n}@media (max-width: ${c}) {.mantine-visible-from-${i} {display: none !important;}}@media (min-width: ${d}) {.mantine-hidden-from-${i} {display: none !important;}}`},"");return b.jsx("style",{"data-mantine-styles":"classes",nonce:t==null?void 0:t(),dangerouslySetInnerHTML:{__html:r}})}function xm(e){return Object.entries(e)?.map(([t,r])=>`${t}: ${r};`).join("")}function hl(e,t){return(Array.isArray(e)?e:[e]).reduce((n,i)=>`${i}{${n}}`,t)}function q5(e,t){const r=xm(e.variables),n=r?hl(t,r):"",i=xm(e.dark),a=xm(e.light),l=i?hl(t===":host"?`${t}([data-mantine-color-scheme="dark"])`:`${t}[data-mantine-color-scheme="dark"]`,i):"",c=a?hl(t===":host"?`${t}([data-mantine-color-scheme="light"])`:`${t}[data-mantine-color-scheme="light"]`,a):"";return`${n}${l}${c}`}function V5({color:e,theme:t,autoContrast:r}){return(typeof r=="boolean"?r:t.autoContrast)&&Kl({color:e||t.primaryColor,theme:t}).isLight?"var(--mantine-color-black)":"var(--mantine-color-white)"}function Qw(e,t){return V5({color:e.colors[e.primaryColor][Al(e,t)],theme:e,autoContrast:null})}function xu({theme:e,color:t,colorScheme:r,name:n=t,withColorValues:i=!0}){if(!e.colors[t])return{};if(r==="light"){const c=Al(e,"light"),d={[`--mantine-color-${n}-text`]:`var(--mantine-color-${n}-filled)`,[`--mantine-color-${n}-filled`]:`var(--mantine-color-${n}-${c})`,[`--mantine-color-${n}-filled-hover`]:`var(--mantine-color-${n}-${c===9?8:c+1})`,[`--mantine-color-${n}-light`]:Is(e.colors[t][c],.1),[`--mantine-color-${n}-light-hover`]:Is(e.colors[t][c],.12),[`--mantine-color-${n}-light-color`]:`var(--mantine-color-${n}-${c})`,[`--mantine-color-${n}-outline`]:`var(--mantine-color-${n}-${c})`,[`--mantine-color-${n}-outline-hover`]:Is(e.colors[t][c],.05)};return i?{[`--mantine-color-${n}-0`]:e.colors[t][0],[`--mantine-color-${n}-1`]:e.colors[t][1],[`--mantine-color-${n}-2`]:e.colors[t][2],[`--mantine-color-${n}-3`]:e.colors[t][3],[`--mantine-color-${n}-4`]:e.colors[t][4],[`--mantine-color-${n}-5`]:e.colors[t][5],[`--mantine-color-${n}-6`]:e.colors[t][6],[`--mantine-color-${n}-7`]:e.colors[t][7],[`--mantine-color-${n}-8`]:e.colors[t][8],[`--mantine-color-${n}-9`]:e.colors[t][9],...d}:d}const a=Al(e,"dark"),l={[`--mantine-color-${n}-text`]:`var(--mantine-color-${n}-4)`,[`--mantine-color-${n}-filled`]:`var(--mantine-color-${n}-${a})`,[`--mantine-color-${n}-filled-hover`]:`var(--mantine-color-${n}-${a===9?8:a+1})`,[`--mantine-color-${n}-light`]:Is(e.colors[t][Math.max(0,a-2)],.15),[`--mantine-color-${n}-light-hover`]:Is(e.colors[t][Math.max(0,a-2)],.2),[`--mantine-color-${n}-light-color`]:`var(--mantine-color-${n}-${Math.max(a-5,0)})`,[`--mantine-color-${n}-outline`]:`var(--mantine-color-${n}-${Math.max(a-4,0)})`,[`--mantine-color-${n}-outline-hover`]:Is(e.colors[t][Math.max(a-4,0)],.05)};return i?{[`--mantine-color-${n}-0`]:e.colors[t][0],[`--mantine-color-${n}-1`]:e.colors[t][1],[`--mantine-color-${n}-2`]:e.colors[t][2],[`--mantine-color-${n}-3`]:e.colors[t][3],[`--mantine-color-${n}-4`]:e.colors[t][4],[`--mantine-color-${n}-5`]:e.colors[t][5],[`--mantine-color-${n}-6`]:e.colors[t][6],[`--mantine-color-${n}-7`]:e.colors[t][7],[`--mantine-color-${n}-8`]:e.colors[t][8],[`--mantine-color-${n}-9`]:e.colors[t][9],...l}:l}function H5(e){return!!e&&typeof e=="object"&&"mantine-virtual-color"in e}function Us(e,t,r){zn(t).forEach(n=>Object.assign(e,{[`--mantine-${r}-${n}`]:t[n]}))}const gR=e=>{const t=Al(e,"light"),r=e.defaultRadius in e.radius?e.radius[e.defaultRadius]:ce(e.defaultRadius),n={variables:{"--mantine-scale":e.scale.toString(),"--mantine-cursor-type":e.cursorType,"--mantine-color-scheme":"light dark","--mantine-webkit-font-smoothing":e.fontSmoothing?"antialiased":"unset","--mantine-moz-font-smoothing":e.fontSmoothing?"grayscale":"unset","--mantine-color-white":e.white,"--mantine-color-black":e.black,"--mantine-line-height":e.lineHeights.md,"--mantine-font-family":e.fontFamily,"--mantine-font-family-monospace":e.fontFamilyMonospace,"--mantine-font-family-headings":e.headings.fontFamily,"--mantine-heading-font-weight":e.headings.fontWeight,"--mantine-heading-text-wrap":e.headings.textWrap,"--mantine-radius-default":r,"--mantine-primary-color-filled":`var(--mantine-color-${e.primaryColor}-filled)`,"--mantine-primary-color-filled-hover":`var(--mantine-color-${e.primaryColor}-filled-hover)`,"--mantine-primary-color-light":`var(--mantine-color-${e.primaryColor}-light)`,"--mantine-primary-color-light-hover":`var(--mantine-color-${e.primaryColor}-light-hover)`,"--mantine-primary-color-light-color":`var(--mantine-color-${e.primaryColor}-light-color)`},light:{"--mantine-primary-color-contrast":Qw(e,"light"),"--mantine-color-bright":"var(--mantine-color-black)","--mantine-color-text":e.black,"--mantine-color-body":e.white,"--mantine-color-error":"var(--mantine-color-red-6)","--mantine-color-placeholder":"var(--mantine-color-gray-5)","--mantine-color-anchor":`var(--mantine-color-${e.primaryColor}-${t})`,"--mantine-color-default":"var(--mantine-color-white)","--mantine-color-default-hover":"var(--mantine-color-gray-0)","--mantine-color-default-color":"var(--mantine-color-black)","--mantine-color-default-border":"var(--mantine-color-gray-4)","--mantine-color-dimmed":"var(--mantine-color-gray-6)"},dark:{"--mantine-primary-color-contrast":Qw(e,"dark"),"--mantine-color-bright":"var(--mantine-color-white)","--mantine-color-text":"var(--mantine-color-dark-0)","--mantine-color-body":"var(--mantine-color-dark-7)","--mantine-color-error":"var(--mantine-color-red-8)","--mantine-color-placeholder":"var(--mantine-color-dark-3)","--mantine-color-anchor":`var(--mantine-color-${e.primaryColor}-4)`,"--mantine-color-default":"var(--mantine-color-dark-6)","--mantine-color-default-hover":"var(--mantine-color-dark-5)","--mantine-color-default-color":"var(--mantine-color-white)","--mantine-color-default-border":"var(--mantine-color-dark-4)","--mantine-color-dimmed":"var(--mantine-color-dark-2)"}};Us(n.variables,e.breakpoints,"breakpoint"),Us(n.variables,e.spacing,"spacing"),Us(n.variables,e.fontSizes,"font-size"),Us(n.variables,e.lineHeights,"line-height"),Us(n.variables,e.shadows,"shadow"),Us(n.variables,e.radius,"radius"),e.colors[e.primaryColor].forEach((a,l)=>{n.variables[`--mantine-primary-color-${l}`]=`var(--mantine-color-${e.primaryColor}-${l})`}),zn(e.colors).forEach(a=>{const l=e.colors[a];if(H5(l)){Object.assign(n.light,xu({theme:e,name:l.name,color:l.light,colorScheme:"light",withColorValues:!0})),Object.assign(n.dark,xu({theme:e,name:l.name,color:l.dark,colorScheme:"dark",withColorValues:!0}));return}l.forEach((c,d)=>{n.variables[`--mantine-color-${a}-${d}`]=c}),Object.assign(n.light,xu({theme:e,color:a,colorScheme:"light",withColorValues:!1})),Object.assign(n.dark,xu({theme:e,color:a,colorScheme:"dark",withColorValues:!1}))});const i=e.headings.sizes;return zn(i).forEach(a=>{n.variables[`--mantine-${a}-font-size`]=i[a].fontSize,n.variables[`--mantine-${a}-line-height`]=i[a].lineHeight,n.variables[`--mantine-${a}-font-weight`]=i[a].fontWeight||e.headings.fontWeight}),n};function W5({theme:e,generator:t}){const r=gR(e),n=t==null?void 0:t(e);return n?Ng(r,n):r}const Cm=gR(Ig);function G5(e){const t={variables:{},light:{},dark:{}};return zn(e.variables).forEach(r=>{Cm.variables[r]!==e.variables[r]&&(t.variables[r]=e.variables[r])}),zn(e.light).forEach(r=>{Cm.light[r]!==e.light[r]&&(t.light[r]=e.light[r])}),zn(e.dark).forEach(r=>{Cm.dark[r]!==e.dark[r]&&(t.dark[r]=e.dark[r])}),t}function K5(e){return`
+  ${e}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
+  ${e}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
+`}function yR({cssVariablesSelector:e,deduplicateCssVariables:t}){const r=Rn(),n=Ld(),i=R5(),a=W5({theme:r,generator:i}),l=e===":root"&&t,c=l?G5(a):a,d=q5(c,e);return d?b.jsx("style",{"data-mantine-styles":!0,nonce:n==null?void 0:n(),dangerouslySetInnerHTML:{__html:`${d}${l?"":K5(e)}`}}):null}yR.displayName="@mantine/CssVariables";function Y5(){const e=console.error;console.error=(...t)=>{t.length>1&&typeof t[0]=="string"&&t[0].toLowerCase().includes("extra attributes from the server")&&typeof t[1]=="string"&&t[1].toLowerCase().includes("data-mantine-color-scheme")||e(...t)}}function $s(e,t){var i,a;const r=typeof window<"u"&&"matchMedia"in window&&((i=window.matchMedia("(prefers-color-scheme: dark)"))==null?void 0:i.matches),n=e!=="auto"?e:r?"dark":"light";(a=t())==null||a.setAttribute("data-mantine-color-scheme",n)}function X5({manager:e,defaultColorScheme:t,getRootElement:r,forceColorScheme:n}){const i=g.useRef(null),[a,l]=g.useState(()=>e.get(t)),c=n||a,d=g.useCallback(h=>{n||($s(h,r),l(h),e.set(h))},[e.set,c,n]),f=g.useCallback(()=>{l(t),$s(t,r),e.clear()},[e.clear,t]);return g.useEffect(()=>(e.subscribe(d),e.unsubscribe),[e.subscribe,e.unsubscribe]),Gl(()=>{$s(e.get(t),r)},[]),g.useEffect(()=>{var m;if(n)return $s(n,r),()=>{};n===void 0&&$s(a,r),typeof window<"u"&&"matchMedia"in window&&(i.current=window.matchMedia("(prefers-color-scheme: dark)"));const h=w=>{a==="auto"&&$s(w.matches?"dark":"light",r)};return(m=i.current)==null||m.addEventListener("change",h),()=>{var w;return(w=i.current)==null?void 0:w.removeEventListener("change",h)}},[a,n]),{colorScheme:c,setColorScheme:d,clearColorScheme:f}}function Q5({respectReducedMotion:e,getRootElement:t}){Gl(()=>{var r;e&&((r=t())==null||r.setAttribute("data-respect-reduced-motion","true"))},[e])}Y5();function vR({theme:e,children:t,getStyleNonce:r,withStaticClasses:n=!0,withGlobalClasses:i=!0,deduplicateCssVariables:a=!0,withCssVariables:l=!0,cssVariablesSelector:c=":root",classNamesPrefix:d="mantine",colorSchemeManager:f=I5(),defaultColorScheme:h="light",getRootElement:m=()=>document.documentElement,cssVariablesResolver:w,forceColorScheme:v,stylesTransform:C,env:x}){const{colorScheme:R,setColorScheme:E,clearColorScheme:P}=X5({defaultColorScheme:h,forceColorScheme:v,manager:f,getRootElement:m});return Q5({respectReducedMotion:(e==null?void 0:e.respectReducedMotion)||!1,getRootElement:m}),b.jsx(Lg.Provider,{value:{colorScheme:R,setColorScheme:E,clearColorScheme:P,getRootElement:m,classNamesPrefix:d,getStyleNonce:r,cssVariablesResolver:w,cssVariablesSelector:c,withStaticClasses:n,stylesTransform:C,env:x},children:b.jsxs(hR,{theme:e,children:[l&&b.jsx(yR,{cssVariablesSelector:c,deduplicateCssVariables:a}),i&&b.jsx(B5,{}),t]})})}vR.displayName="@mantine/core/MantineProvider";function J5({classNames:e,styles:t,props:r,stylesCtx:n}){const i=Rn();return{resolvedClassNames:jd({theme:i,classNames:e,props:r,stylesCtx:n||void 0}),resolvedStyles:sd({theme:i,styles:t,props:r,stylesCtx:n||void 0})}}const Z5={always:"mantine-focus-always",auto:"mantine-focus-auto",never:"mantine-focus-never"};function e$({theme:e,options:t,unstyled:r}){return er((t==null?void 0:t.focusable)&&!r&&(e.focusClassName||Z5[e.focusRing]),(t==null?void 0:t.active)&&!r&&e.activeClassName)}function t$({selector:e,stylesCtx:t,options:r,props:n,theme:i}){return jd({theme:i,classNames:r==null?void 0:r.classNames,props:(r==null?void 0:r.props)||n,stylesCtx:t})[e]}function Jw({selector:e,stylesCtx:t,theme:r,classNames:n,props:i}){return jd({theme:r,classNames:n,props:i,stylesCtx:t})[e]}function r$({rootSelector:e,selector:t,className:r}){return e===t?r:void 0}function n$({selector:e,classes:t,unstyled:r}){return r?void 0:t[e]}function o$({themeName:e,classNamesPrefix:t,selector:r,withStaticClass:n}){return n===!1?[]:e?.map(i=>`${t}-${i}-${r}`)}function i$({themeName:e,theme:t,selector:r,props:n,stylesCtx:i}){return e?.map(a=>{var l,c;return(c=jd({theme:t,classNames:(l=t.components[a])==null?void 0:l.classNames,props:n,stylesCtx:i}))==null?void 0:c[r]})}function s$({options:e,classes:t,selector:r,unstyled:n}){return e!=null&&e.variant&&!n?t[`${r}--${e.variant}`]:void 0}function a$({theme:e,options:t,themeName:r,selector:n,classNamesPrefix:i,classNames:a,classes:l,unstyled:c,className:d,rootSelector:f,props:h,stylesCtx:m,withStaticClasses:w,headless:v,transformedStyles:C}){return er(e$({theme:e,options:t,unstyled:c||v}),i$({theme:e,themeName:r,selector:n,props:h,stylesCtx:m}),s$({options:t,classes:l,selector:n,unstyled:c}),Jw({selector:n,stylesCtx:m,theme:e,classNames:a,props:h}),Jw({selector:n,stylesCtx:m,theme:e,classNames:C,props:h}),t$({selector:n,stylesCtx:m,options:t,props:h,theme:e}),r$({rootSelector:f,selector:n,className:d}),n$({selector:n,classes:l,unstyled:c||v}),w&&!v&&o$({themeName:r,classNamesPrefix:i,selector:n,withStaticClass:t==null?void 0:t.withStaticClass}),t==null?void 0:t.className)}function l$({theme:e,themeName:t,props:r,stylesCtx:n,selector:i}){return t?.map(a=>{var l;return sd({theme:e,styles:(l=e.components[a])==null?void 0:l.styles,props:r,stylesCtx:n})[i]}).reduce((a,l)=>({...a,...l}),{})}function hh({style:e,theme:t}){return Array.isArray(e)?[...e].reduce((r,n)=>({...r,...hh({style:n,theme:t})}),{}):typeof e=="function"?e(t):e??{}}function c$(e){return e.reduce((t,r)=>(r&&Object.keys(r).forEach(n=>{t[n]={...t[n],...Dg(r[n])}}),t),{})}function u$({vars:e,varsResolver:t,theme:r,props:n,stylesCtx:i,selector:a,themeName:l,headless:c}){var d;return(d=c$([c?{}:t==null?void 0:t(r,n,i),...l?.map(f=>{var h,m,w;return(w=(m=(h=r.components)==null?void 0:h[f])==null?void 0:m.vars)==null?void 0:w.call(m,r,n,i)}),e==null?void 0:e(r,n,i)]))==null?void 0:d[a]}function d$({theme:e,themeName:t,selector:r,options:n,props:i,stylesCtx:a,rootSelector:l,styles:c,style:d,vars:f,varsResolver:h,headless:m,withStylesTransform:w}){return{...!w&&l$({theme:e,themeName:t,props:i,stylesCtx:a,selector:r}),...!w&&sd({theme:e,styles:c,props:i,stylesCtx:a})[r],...!w&&sd({theme:e,styles:n==null?void 0:n.styles,props:(n==null?void 0:n.props)||i,stylesCtx:a})[r],...u$({theme:e,props:i,stylesCtx:a,vars:f,varsResolver:h,selector:r,themeName:t,headless:m}),...l===r?hh({style:d,theme:e}):null,...hh({style:n==null?void 0:n.style,theme:e})}}function f$({props:e,stylesCtx:t,themeName:r}){var l;const n=Rn(),i=(l=T5())==null?void 0:l();return{getTransformedStyles:c=>i?[...c?.map(f=>i(f,{props:e,theme:n,ctx:t})),...r?.map(f=>{var h;return i((h=n.components[f])==null?void 0:h.styles,{props:e,theme:n,ctx:t})})].filter(Boolean):[],withStylesTransform:!!i}}function $t({name:e,classes:t,props:r,stylesCtx:n,className:i,style:a,rootSelector:l="root",unstyled:c,classNames:d,styles:f,vars:h,varsResolver:m}){const w=Rn(),v=E5(),C=k5(),x=P5(),R=(Array.isArray(e)?e:[e]).filter(k=>k),{withStylesTransform:E,getTransformedStyles:P}=f$({props:r,stylesCtx:n,themeName:R});return(k,T)=>({className:a$({theme:w,options:T,themeName:R,selector:k,classNamesPrefix:v,classNames:d,classes:t,unstyled:c,className:i,rootSelector:l,props:r,stylesCtx:n,withStaticClasses:C,headless:x,transformedStyles:P([T==null?void 0:T.styles,f])}),style:d$({theme:w,themeName:R,selector:k,options:T,props:r,stylesCtx:n,rootSelector:l,styles:f,style:a,vars:h,varsResolver:m,headless:x,withStylesTransform:E})})}function Zw(e){const t=document.createElement("style");return t.setAttribute("data-mantine-styles","inline"),t.innerHTML="*, *::before, *::after {transition: none !important;}",t.setAttribute("data-mantine-disable-transition","true"),e&&t.setAttribute("nonce",e),document.head.appendChild(t),()=>document.querySelectorAll("[data-mantine-disable-transition]").forEach(n=>n.remove())}function bR({keepTransitions:e}={}){const t=g.useRef(o5),r=g.useRef(-1),n=g.useContext(Lg),i=Ld(),a=g.useRef(i==null?void 0:i());if(!n)throw new Error("[@mantine/core] MantineProvider was not found in tree");const l=m=>{n.setColorScheme(m),t.current=e?()=>{}:Zw(a.current),window.clearTimeout(r.current),r.current=window.setTimeout(()=>{var w;(w=t.current)==null||w.call(t)},10)},c=()=>{n.clearColorScheme(),t.current=e?()=>{}:Zw(a.current),window.clearTimeout(r.current),r.current=window.setTimeout(()=>{var m;(m=t.current)==null||m.call(t)},10)},d=l5("light",{getInitialValueInEffect:!1}),f=n.colorScheme==="auto"?d:n.colorScheme,h=g.useCallback(()=>l(f==="light"?"dark":"light"),[l,f]);return g.useEffect(()=>()=>{var m;(m=t.current)==null||m.call(t),window.clearTimeout(r.current)},[]),{colorScheme:n.colorScheme,setColorScheme:l,clearColorScheme:c,toggleColorScheme:h}}function Ue(e,t,r){var l;const n=Rn(),i=(l=n.components[e])==null?void 0:l.defaultProps,a=typeof i=="function"?i(n):i;return{...t,...a,...Dg(r)}}function Rm(e){return zn(e).reduce((t,r)=>e[r]!==void 0?`${t}${e5(r)}:${e[r]};`:t,"").trim()}function p$({selector:e,styles:t,media:r,container:n}){const i=t?Rm(t):"",a=Array.isArray(r)?r?.map(c=>`@media${c.query}{${e}{${Rm(c.styles)}}}`):[],l=Array.isArray(n)?n?.map(c=>`@container ${c.query}{${e}{${Rm(c.styles)}}}`):[];return`${i?`${e}{${i}}`:""}${a.join("")}${l.join("")}`.trim()}function m$(e){const t=Ld();return b.jsx("style",{"data-mantine-styles":"inline",nonce:t==null?void 0:t(),dangerouslySetInnerHTML:{__html:p$(e)}})}function $g(e){const{m:t,mx:r,my:n,mt:i,mb:a,ml:l,mr:c,me:d,ms:f,p:h,px:m,py:w,pt:v,pb:C,pl:x,pr:R,pe:E,ps:P,bd:k,bg:T,c:N,opacity:j,ff:M,fz:O,fw:B,lts:H,ta:Y,lh:ne,fs:te,tt:K,td:W,w:U,miw:z,maw:_,h:I,mih:L,mah:D,bgsz:V,bgp:ee,bgr:re,bga:oe,pos:ie,top:me,left:ue,bottom:pe,right:ve,inset:ge,display:Me,flex:ze,hiddenFrom:We,visibleFrom:Pt,lightHidden:tr,darkHidden:at,sx:dr,...rt}=e;return{styleProps:Dg({m:t,mx:r,my:n,mt:i,mb:a,ml:l,mr:c,me:d,ms:f,p:h,px:m,py:w,pt:v,pb:C,pl:x,pr:R,pe:E,ps:P,bd:k,bg:T,c:N,opacity:j,ff:M,fz:O,fw:B,lts:H,ta:Y,lh:ne,fs:te,tt:K,td:W,w:U,miw:z,maw:_,h:I,mih:L,mah:D,bgsz:V,bgp:ee,bgr:re,bga:oe,pos:ie,top:me,left:ue,bottom:pe,right:ve,inset:ge,display:Me,flex:ze,hiddenFrom:We,visibleFrom:Pt,lightHidden:tr,darkHidden:at,sx:dr}),rest:rt}}const h$={m:{type:"spacing",property:"margin"},mt:{type:"spacing",property:"marginTop"},mb:{type:"spacing",property:"marginBottom"},ml:{type:"spacing",property:"marginLeft"},mr:{type:"spacing",property:"marginRight"},ms:{type:"spacing",property:"marginInlineStart"},me:{type:"spacing",property:"marginInlineEnd"},mx:{type:"spacing",property:"marginInline"},my:{type:"spacing",property:"marginBlock"},p:{type:"spacing",property:"padding"},pt:{type:"spacing",property:"paddingTop"},pb:{type:"spacing",property:"paddingBottom"},pl:{type:"spacing",property:"paddingLeft"},pr:{type:"spacing",property:"paddingRight"},ps:{type:"spacing",property:"paddingInlineStart"},pe:{type:"spacing",property:"paddingInlineEnd"},px:{type:"spacing",property:"paddingInline"},py:{type:"spacing",property:"paddingBlock"},bd:{type:"border",property:"border"},bg:{type:"color",property:"background"},c:{type:"textColor",property:"color"},opacity:{type:"identity",property:"opacity"},ff:{type:"fontFamily",property:"fontFamily"},fz:{type:"fontSize",property:"fontSize"},fw:{type:"identity",property:"fontWeight"},lts:{type:"size",property:"letterSpacing"},ta:{type:"identity",property:"textAlign"},lh:{type:"lineHeight",property:"lineHeight"},fs:{type:"identity",property:"fontStyle"},tt:{type:"identity",property:"textTransform"},td:{type:"identity",property:"textDecoration"},w:{type:"spacing",property:"width"},miw:{type:"spacing",property:"minWidth"},maw:{type:"spacing",property:"maxWidth"},h:{type:"spacing",property:"height"},mih:{type:"spacing",property:"minHeight"},mah:{type:"spacing",property:"maxHeight"},bgsz:{type:"size",property:"backgroundSize"},bgp:{type:"identity",property:"backgroundPosition"},bgr:{type:"identity",property:"backgroundRepeat"},bga:{type:"identity",property:"backgroundAttachment"},pos:{type:"identity",property:"position"},top:{type:"size",property:"top"},left:{type:"size",property:"left"},bottom:{type:"size",property:"bottom"},right:{type:"size",property:"right"},inset:{type:"size",property:"inset"},display:{type:"identity",property:"display"},flex:{type:"identity",property:"flex"}};function zg(e,t){const r=Kl({color:e,theme:t});return r.color==="dimmed"?"var(--mantine-color-dimmed)":r.color==="bright"?"var(--mantine-color-bright)":r.variable?`var(${r.variable})`:r.color}function g$(e,t){const r=Kl({color:e,theme:t});return r.isThemeColor&&r.shade===void 0?`var(--mantine-color-${r.color}-text)`:zg(e,t)}function y$(e,t){if(typeof e=="number")return ce(e);if(typeof e=="string"){const[r,n,...i]=e.split(" ").filter(l=>l.trim()!=="");let a=`${ce(r)}`;return n&&(a+=` ${n}`),i.length>0&&(a+=` ${zg(i.join(" "),t)}`),a.trim()}return e}const eS={text:"var(--mantine-font-family)",mono:"var(--mantine-font-family-monospace)",monospace:"var(--mantine-font-family-monospace)",heading:"var(--mantine-font-family-headings)",headings:"var(--mantine-font-family-headings)"};function v$(e){return typeof e=="string"&&e in eS?eS[e]:e}const b$=["h1","h2","h3","h4","h5","h6"];function w$(e,t){return typeof e=="string"&&e in t.fontSizes?`var(--mantine-font-size-${e})`:typeof e=="string"&&b$.includes(e)?`var(--mantine-${e}-font-size)`:typeof e=="number"||typeof e=="string"?ce(e):e}function S$(e){return e}const x$=["h1","h2","h3","h4","h5","h6"];function C$(e,t){return typeof e=="string"&&e in t.lineHeights?`var(--mantine-line-height-${e})`:typeof e=="string"&&x$.includes(e)?`var(--mantine-${e}-line-height)`:e}function R$(e){return typeof e=="number"?ce(e):e}function E$(e,t){if(typeof e=="number")return ce(e);if(typeof e=="string"){const r=e.replace("-","");if(!(r in t.spacing))return ce(e);const n=`--mantine-spacing-${r}`;return e.startsWith("-")?`calc(var(${n}) * -1)`:`var(${n})`}return e}const Em={color:zg,textColor:g$,fontSize:w$,spacing:E$,identity:S$,size:R$,lineHeight:C$,fontFamily:v$,border:y$};function tS(e){return e.replace("(min-width: ","").replace("em)","")}function k$({media:e,...t}){const n=Object.keys(e).sort((i,a)=>Number(tS(i))-Number(tS(a)))?.map(i=>({query:i,styles:e[i]}));return{...t,media:n}}function P$(e){if(typeof e!="object"||e===null)return!1;const t=Object.keys(e);return!(t.length===1&&t[0]==="base")}function A$(e){return typeof e=="object"&&e!==null?"base"in e?e.base:void 0:e}function T$(e){return typeof e=="object"&&e!==null?zn(e).filter(t=>t!=="base"):[]}function N$(e,t){return typeof e=="object"&&e!==null&&t in e?e[t]:e}function D$({styleProps:e,data:t,theme:r}){return k$(zn(e).reduce((n,i)=>{if(i==="hiddenFrom"||i==="visibleFrom"||i==="sx")return n;const a=t[i],l=Array.isArray(a.property)?a.property:[a.property],c=A$(e[i]);if(!P$(e[i]))return l.forEach(f=>{n.inlineStyles[f]=Em[a.type](c,r)}),n;n.hasResponsiveStyles=!0;const d=T$(e[i]);return l.forEach(f=>{c&&(n.styles[f]=Em[a.type](c,r)),d.forEach(h=>{const m=`(min-width: ${r.breakpoints[h]})`;n.media[m]={...n.media[m],[f]:Em[a.type](N$(e[i],h),r)}})}),n},{hasResponsiveStyles:!1,styles:{},inlineStyles:{},media:{}}))}function O$(){return`__m__-${g.useId().replace(/:/g,"")}`}function wR(e,t){return Array.isArray(e)?[...e].reduce((r,n)=>({...r,...wR(n,t)}),{}):typeof e=="function"?e(t):e??{}}function c7(e){return e}function SR(e){return e.startsWith("data-")?e:`data-${e}`}function _$(e){return Object.keys(e).reduce((t,r)=>{const n=e[r];return n===void 0||n===""||n===!1||n===null||(t[SR(r)]=e[r]),t},{})}function xR(e){return e?typeof e=="string"?{[SR(e)]:!0}:Array.isArray(e)?[...e].reduce((t,r)=>({...t,...xR(r)}),{}):_$(e):null}function gh(e,t){return Array.isArray(e)?[...e].reduce((r,n)=>({...r,...gh(n,t)}),{}):typeof e=="function"?e(t):e??{}}function M$({theme:e,style:t,vars:r,styleProps:n}){const i=gh(t,e),a=gh(r,e);return{...i,...a,...n}}const CR=g.forwardRef(({component:e,style:t,__vars:r,className:n,variant:i,mod:a,size:l,hiddenFrom:c,visibleFrom:d,lightHidden:f,darkHidden:h,renderRoot:m,__size:w,...v},C)=>{var O;const x=Rn(),R=e||"div",{styleProps:E,rest:P}=$g(v),k=A5(),T=(O=k==null?void 0:k())==null?void 0:O(E.sx),N=O$(),j=D$({styleProps:E,theme:x,data:h$}),M={ref:C,style:M$({theme:x,style:t,vars:r,styleProps:j.inlineStyles}),className:er(n,T,{[N]:j.hasResponsiveStyles,"mantine-light-hidden":f,"mantine-dark-hidden":h,[`mantine-hidden-from-${c}`]:c,[`mantine-visible-from-${d}`]:d}),"data-variant":i,"data-size":sR(l)?void 0:l||void 0,size:w,...xR(a),...P};return b.jsxs(b.Fragment,{children:[j.hasResponsiveStyles&&b.jsx(m$,{selector:`.${N}`,styles:j.styles,media:j.media}),typeof m=="function"?m(M):b.jsx(R,{...M})]})});CR.displayName="@mantine/core/Box";const Ve=CR;function RR(e){return e}function u7(e){const t=e;return r=>{const n=g.forwardRef((i,a)=>b.jsx(t,{...r,...i,ref:a}));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n}}function st(e){const t=g.forwardRef(e);return t.extend=RR,t.withProps=r=>{const n=g.forwardRef((i,a)=>b.jsx(t,{...r,...i,ref:a}));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n},t}function wa(e){const t=g.forwardRef(e);return t.withProps=r=>{const n=g.forwardRef((i,a)=>b.jsx(t,{...r,...i,ref:a}));return n.extend=t.extend,n.displayName=`WithProps(${t.displayName})`,n},t.extend=RR,t}const j$=g.createContext({dir:"ltr",toggleDirection:()=>{},setDirection:()=>{}});function Bg(){return g.useContext(j$)}function Fd(){return typeof window<"u"}function Sa(e){return ER(e)?(e.nodeName||"").toLowerCase():"#document"}function Tr(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Kn(e){var t;return(t=(ER(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function ER(e){return Fd()?e instanceof Node||e instanceof Tr(e).Node:!1}function it(e){return Fd()?e instanceof Element||e instanceof Tr(e).Element:!1}function nn(e){return Fd()?e instanceof HTMLElement||e instanceof Tr(e).HTMLElement:!1}function yh(e){return!Fd()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof Tr(e).ShadowRoot}function Yl(e){const{overflow:t,overflowX:r,overflowY:n,display:i}=en(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+r)&&i!=="inline"&&i!=="contents"}function L$(e){return/^(table|td|th)$/.test(Sa(e))}function Id(e){try{if(e.matches(":popover-open"))return!0}catch{}try{return e.matches(":modal")}catch{return!1}}const F$=/transform|translate|scale|rotate|perspective|filter/,I$=/paint|layout|strict|content/,_i=e=>!!e&&e!=="none";let km;function qg(e){const t=it(e)?en(e):e;return _i(t.transform)||_i(t.translate)||_i(t.scale)||_i(t.rotate)||_i(t.perspective)||!Ud()&&(_i(t.backdropFilter)||_i(t.filter))||F$.test(t.willChange||"")||I$.test(t.contain||"")}function U$(e){let t=bo(e);for(;nn(t)&&!pi(t);){if(qg(t))return t;if(Id(t))return null;t=bo(t)}return null}function Ud(){return km==null&&(km=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),km}function pi(e){return/^(html|body|#document)$/.test(Sa(e))}function en(e){return Tr(e).getComputedStyle(e)}function $d(e){return it(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function bo(e){if(Sa(e)==="html")return e;const t=e.assignedSlot||e.parentNode||yh(e)&&e.host||Kn(e);return yh(t)?t.host:t}function kR(e){const t=bo(e);return pi(t)?e.ownerDocument?e.ownerDocument.body:e.body:nn(t)&&Yl(t)?t:kR(t)}function ho(e,t,r){var n;t===void 0&&(t=[]),r===void 0&&(r=!0);const i=kR(e),a=i===((n=e.ownerDocument)==null?void 0:n.body),l=Tr(i);if(a){const c=vh(l);return t.concat(l,l.visualViewport||[],Yl(i)?i:[],c&&r?ho(c):[])}else return t.concat(i,ho(i,[],r))}function vh(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function rS(e){let t=e.activeElement;for(;((r=t)==null||(r=r.shadowRoot)==null?void 0:r.activeElement)!=null;){var r;t=t.shadowRoot.activeElement}return t}function Tl(e,t){if(!e||!t)return!1;const r=t.getRootNode==null?void 0:t.getRootNode();if(e.contains(t))return!0;if(r&&yh(r)){let n=t;for(;n;){if(e===n)return!0;n=n.parentNode||n.host}}return!1}function PR(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function AR(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands?.map(t=>{let{brand:r,version:n}=t;return r+"/"+n}).join(" "):navigator.userAgent}function $$(e){return q$()?!1:!nS()&&e.width===0&&e.height===0||nS()&&e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0&&e.pointerType==="touch"}function z$(){return/apple/i.test(navigator.vendor)}function nS(){const e=/android/i;return e.test(PR())||e.test(AR())}function B$(){return PR().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function q$(){return AR().includes("jsdom/")}function bh(e,t){const r=["mouse","pen"];return r.push("",void 0),r.includes(e)}function V$(e){return"nativeEvent"in e}function H$(e){return e.matches("html,body")}function Ii(e){return(e==null?void 0:e.ownerDocument)||document}function Pm(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const r=e;return r.target!=null&&t.contains(r.target)}function Vs(e){return"composedPath"in e?e.composedPath()[0]:e.target}const W$="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function G$(e){return nn(e)&&e.matches(W$)}const K$=["top","right","bottom","left"],Sn=Math.min,Zt=Math.max,ad=Math.round,Cu=Math.floor,Bn=e=>({x:e,y:e}),Y$={left:"right",right:"left",bottom:"top",top:"bottom"};function wh(e,t,r){return Zt(e,Sn(t,r))}function Wn(e,t){return typeof e=="function"?e(t):e}function xn(e){return e.split("-")[0]}function xa(e){return e.split("-")[1]}function Vg(e){return e==="x"?"y":"x"}function Hg(e){return e==="y"?"height":"width"}function vn(e){const t=e[0];return t==="t"||t==="b"?"y":"x"}function Wg(e){return Vg(vn(e))}function X$(e,t,r){r===void 0&&(r=!1);const n=xa(e),i=Wg(e),a=Hg(i);let l=i==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(l=ld(l)),[l,ld(l)]}function Q$(e){const t=ld(e);return[Sh(e),t,Sh(t)]}function Sh(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}const oS=["left","right"],iS=["right","left"],J$=["top","bottom"],Z$=["bottom","top"];function ez(e,t,r){switch(e){case"top":case"bottom":return r?t?iS:oS:t?oS:iS;case"left":case"right":return t?J$:Z$;default:return[]}}function tz(e,t,r,n){const i=xa(e);let a=ez(xn(e),r==="start",n);return i&&(a=a?.map(l=>l+"-"+i),t&&(a=a.concat(a?.map(Sh)))),a}function ld(e){const t=xn(e);return Y$[t]+e.slice(t.length)}function rz(e){return{top:0,right:0,bottom:0,left:0,...e}}function Gg(e){return typeof e!="number"?rz(e):{top:e,right:e,bottom:e,left:e}}function fa(e){const{x:t,y:r,width:n,height:i}=e;return{width:n,height:i,top:r,left:t,right:t+n,bottom:r+i,x:t,y:r}}function sS(e,t,r){let{reference:n,floating:i}=e;const a=vn(t),l=Wg(t),c=Hg(l),d=xn(t),f=a==="y",h=n.x+n.width/2-i.width/2,m=n.y+n.height/2-i.height/2,w=n[c]/2-i[c]/2;let v;switch(d){case"top":v={x:h,y:n.y-i.height};break;case"bottom":v={x:h,y:n.y+n.height};break;case"right":v={x:n.x+n.width,y:m};break;case"left":v={x:n.x-i.width,y:m};break;default:v={x:n.x,y:n.y}}switch(xa(t)){case"start":v[l]-=w*(r&&f?-1:1);break;case"end":v[l]+=w*(r&&f?-1:1);break}return v}async function nz(e,t){var r;t===void 0&&(t={});const{x:n,y:i,platform:a,rects:l,elements:c,strategy:d}=e,{boundary:f="clippingAncestors",rootBoundary:h="viewport",elementContext:m="floating",altBoundary:w=!1,padding:v=0}=Wn(t,e),C=Gg(v),R=c[w?m==="floating"?"reference":"floating":m],E=fa(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(R)))==null||r?R:R.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(c.floating)),boundary:f,rootBoundary:h,strategy:d})),P=m==="floating"?{x:n,y:i,width:l.floating.width,height:l.floating.height}:l.reference,k=await(a.getOffsetParent==null?void 0:a.getOffsetParent(c.floating)),T=await(a.isElement==null?void 0:a.isElement(k))?await(a.getScale==null?void 0:a.getScale(k))||{x:1,y:1}:{x:1,y:1},N=fa(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:P,offsetParent:k,strategy:d}):P);return{top:(E.top-N.top+C.top)/T.y,bottom:(N.bottom-E.bottom+C.bottom)/T.y,left:(E.left-N.left+C.left)/T.x,right:(N.right-E.right+C.right)/T.x}}const oz=50,iz=async(e,t,r)=>{const{placement:n="bottom",strategy:i="absolute",middleware:a=[],platform:l}=r,c=l.detectOverflow?l:{...l,detectOverflow:nz},d=await(l.isRTL==null?void 0:l.isRTL(t));let f=await l.getElementRects({reference:e,floating:t,strategy:i}),{x:h,y:m}=sS(f,n,d),w=n,v=0;const C={};for(let x=0;x<a.length;x++){const R=a[x];if(!R)continue;const{name:E,fn:P}=R,{x:k,y:T,data:N,reset:j}=await P({x:h,y:m,initialPlacement:n,placement:w,strategy:i,middlewareData:C,rects:f,platform:c,elements:{reference:e,floating:t}});h=k??h,m=T??m,C[E]={...C[E],...N},j&&v<oz&&(v++,typeof j=="object"&&(j.placement&&(w=j.placement),j.rects&&(f=j.rects===!0?await l.getElementRects({reference:e,floating:t,strategy:i}):j.rects),{x:h,y:m}=sS(f,w,d)),x=-1)}return{x:h,y:m,placement:w,strategy:i,middlewareData:C}},sz=e=>({name:"arrow",options:e,async fn(t){const{x:r,y:n,placement:i,rects:a,platform:l,elements:c,middlewareData:d}=t,{element:f,padding:h=0}=Wn(e,t)||{};if(f==null)return{};const m=Gg(h),w={x:r,y:n},v=Wg(i),C=Hg(v),x=await l.getDimensions(f),R=v==="y",E=R?"top":"left",P=R?"bottom":"right",k=R?"clientHeight":"clientWidth",T=a.reference[C]+a.reference[v]-w[v]-a.floating[C],N=w[v]-a.reference[v],j=await(l.getOffsetParent==null?void 0:l.getOffsetParent(f));let M=j?j[k]:0;(!M||!await(l.isElement==null?void 0:l.isElement(j)))&&(M=c.floating[k]||a.floating[C]);const O=T/2-N/2,B=M/2-x[C]/2-1,H=Sn(m[E],B),Y=Sn(m[P],B),ne=H,te=M-x[C]-Y,K=M/2-x[C]/2+O,W=wh(ne,K,te),U=!d.arrow&&xa(i)!=null&&K!==W&&a.reference[C]/2-(K<ne?H:Y)-x[C]/2<0,z=U?K<ne?K-ne:K-te:0;return{[v]:w[v]+z,data:{[v]:W,centerOffset:K-W-z,...U&&{alignmentOffset:z}},reset:U}}}),az=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,n;const{placement:i,middlewareData:a,rects:l,initialPlacement:c,platform:d,elements:f}=t,{mainAxis:h=!0,crossAxis:m=!0,fallbackPlacements:w,fallbackStrategy:v="bestFit",fallbackAxisSideDirection:C="none",flipAlignment:x=!0,...R}=Wn(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};const E=xn(i),P=vn(c),k=xn(c)===c,T=await(d.isRTL==null?void 0:d.isRTL(f.floating)),N=w||(k||!x?[ld(c)]:Q$(c)),j=C!=="none";!w&&j&&N.push(...tz(c,x,C,T));const M=[c,...N],O=await d.detectOverflow(t,R),B=[];let H=((n=a.flip)==null?void 0:n.overflows)||[];if(h&&B.push(O[E]),m){const K=X$(i,l,T);B.push(O[K[0]],O[K[1]])}if(H=[...H,{placement:i,overflows:B}],!B.every(K=>K<=0)){var Y,ne;const K=(((Y=a.flip)==null?void 0:Y.index)||0)+1,W=M[K];if(W&&(!(m==="alignment"?P!==vn(W):!1)||H.every(_=>vn(_.placement)===P?_.overflows[0]>0:!0)))return{data:{index:K,overflows:H},reset:{placement:W}};let U=(ne=H.filter(z=>z.overflows[0]<=0).sort((z,_)=>z.overflows[1]-_.overflows[1])[0])==null?void 0:ne.placement;if(!U)switch(v){case"bestFit":{var te;const z=(te=H.filter(_=>{if(j){const I=vn(_.placement);return I===P||I==="y"}return!0})?.map(_=>[_.placement,_.overflows.filter(I=>I>0).reduce((I,L)=>I+L,0)]).sort((_,I)=>_[1]-I[1])[0])==null?void 0:te[0];z&&(U=z);break}case"initialPlacement":U=c;break}if(i!==U)return{reset:{placement:U}}}return{}}}};function aS(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function lS(e){return K$?.some(t=>e[t]>=0)}const lz=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){const{rects:r,platform:n}=t,{strategy:i="referenceHidden",...a}=Wn(e,t);switch(i){case"referenceHidden":{const l=await n.detectOverflow(t,{...a,elementContext:"reference"}),c=aS(l,r.reference);return{data:{referenceHiddenOffsets:c,referenceHidden:lS(c)}}}case"escaped":{const l=await n.detectOverflow(t,{...a,altBoundary:!0}),c=aS(l,r.floating);return{data:{escapedOffsets:c,escaped:lS(c)}}}default:return{}}}}};function TR(e){const t=Sn(...e?.map(a=>a.left)),r=Sn(...e?.map(a=>a.top)),n=Zt(...e?.map(a=>a.right)),i=Zt(...e?.map(a=>a.bottom));return{x:t,y:r,width:n-t,height:i-r}}function cz(e){const t=e.slice().sort((i,a)=>i.y-a.y),r=[];let n=null;for(let i=0;i<t.length;i++){const a=t[i];!n||a.y-n.y>n.height/2?r.push([a]):r[r.length-1].push(a),n=a}return r?.map(i=>fa(TR(i)))}const uz=function(e){return e===void 0&&(e={}),{name:"inline",options:e,async fn(t){const{placement:r,elements:n,rects:i,platform:a,strategy:l}=t,{padding:c=2,x:d,y:f}=Wn(e,t),h=Array.from(await(a.getClientRects==null?void 0:a.getClientRects(n.reference))||[]),m=cz(h),w=fa(TR(h)),v=Gg(c);function C(){if(m.length===2&&m[0].left>m[1].right&&d!=null&&f!=null)return m.find(R=>d>R.left-v.left&&d<R.right+v.right&&f>R.top-v.top&&f<R.bottom+v.bottom)||w;if(m.length>=2){if(vn(r)==="y"){const H=m[0],Y=m[m.length-1],ne=xn(r)==="top",te=H.top,K=Y.bottom,W=ne?H.left:Y.left,U=ne?H.right:Y.right,z=U-W,_=K-te;return{top:te,bottom:K,left:W,right:U,width:z,height:_,x:W,y:te}}const R=xn(r)==="left",E=Zt(...m?.map(H=>H.right)),P=Sn(...m?.map(H=>H.left)),k=m.filter(H=>R?H.left===P:H.right===E),T=k[0].top,N=k[k.length-1].bottom,j=P,M=E,O=M-j,B=N-T;return{top:T,bottom:N,left:j,right:M,width:O,height:B,x:j,y:T}}return w}const x=await a.getElementRects({reference:{getBoundingClientRect:C},floating:n.floating,strategy:l});return i.reference.x!==x.reference.x||i.reference.y!==x.reference.y||i.reference.width!==x.reference.width||i.reference.height!==x.reference.height?{reset:{rects:x}}:{}}}},NR=new Set(["left","top"]);async function dz(e,t){const{placement:r,platform:n,elements:i}=e,a=await(n.isRTL==null?void 0:n.isRTL(i.floating)),l=xn(r),c=xa(r),d=vn(r)==="y",f=NR.has(l)?-1:1,h=a&&d?-1:1,m=Wn(t,e);let{mainAxis:w,crossAxis:v,alignmentAxis:C}=typeof m=="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};return c&&typeof C=="number"&&(v=c==="end"?C*-1:C),d?{x:v*h,y:w*f}:{x:w*f,y:v*h}}const fz=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,n;const{x:i,y:a,placement:l,middlewareData:c}=t,d=await dz(t,e);return l===((r=c.offset)==null?void 0:r.placement)&&(n=c.arrow)!=null&&n.alignmentOffset?{}:{x:i+d.x,y:a+d.y,data:{...d,placement:l}}}}},pz=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:r,y:n,placement:i,platform:a}=t,{mainAxis:l=!0,crossAxis:c=!1,limiter:d={fn:E=>{let{x:P,y:k}=E;return{x:P,y:k}}},...f}=Wn(e,t),h={x:r,y:n},m=await a.detectOverflow(t,f),w=vn(xn(i)),v=Vg(w);let C=h[v],x=h[w];if(l){const E=v==="y"?"top":"left",P=v==="y"?"bottom":"right",k=C+m[E],T=C-m[P];C=wh(k,C,T)}if(c){const E=w==="y"?"top":"left",P=w==="y"?"bottom":"right",k=x+m[E],T=x-m[P];x=wh(k,x,T)}const R=d.fn({...t,[v]:C,[w]:x});return{...R,data:{x:R.x-r,y:R.y-n,enabled:{[v]:l,[w]:c}}}}}},mz=function(e){return e===void 0&&(e={}),{options:e,fn(t){const{x:r,y:n,placement:i,rects:a,middlewareData:l}=t,{offset:c=0,mainAxis:d=!0,crossAxis:f=!0}=Wn(e,t),h={x:r,y:n},m=vn(i),w=Vg(m);let v=h[w],C=h[m];const x=Wn(c,t),R=typeof x=="number"?{mainAxis:x,crossAxis:0}:{mainAxis:0,crossAxis:0,...x};if(d){const k=w==="y"?"height":"width",T=a.reference[w]-a.floating[k]+R.mainAxis,N=a.reference[w]+a.reference[k]-R.mainAxis;v<T?v=T:v>N&&(v=N)}if(f){var E,P;const k=w==="y"?"width":"height",T=NR.has(xn(i)),N=a.reference[m]-a.floating[k]+(T&&((E=l.offset)==null?void 0:E[m])||0)+(T?0:R.crossAxis),j=a.reference[m]+a.reference[k]+(T?0:((P=l.offset)==null?void 0:P[m])||0)-(T?R.crossAxis:0);C<N?C=N:C>j&&(C=j)}return{[w]:v,[m]:C}}}},hz=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,n;const{placement:i,rects:a,platform:l,elements:c}=t,{apply:d=()=>{},...f}=Wn(e,t),h=await l.detectOverflow(t,f),m=xn(i),w=xa(i),v=vn(i)==="y",{width:C,height:x}=a.floating;let R,E;m==="top"||m==="bottom"?(R=m,E=w===(await(l.isRTL==null?void 0:l.isRTL(c.floating))?"start":"end")?"left":"right"):(E=m,R=w==="end"?"top":"bottom");const P=x-h.top-h.bottom,k=C-h.left-h.right,T=Sn(x-h[R],P),N=Sn(C-h[E],k),j=!t.middlewareData.shift;let M=T,O=N;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(O=k),(n=t.middlewareData.shift)!=null&&n.enabled.y&&(M=P),j&&!w){const H=Zt(h.left,0),Y=Zt(h.right,0),ne=Zt(h.top,0),te=Zt(h.bottom,0);v?O=C-2*(H!==0||Y!==0?H+Y:Zt(h.left,h.right)):M=x-2*(ne!==0||te!==0?ne+te:Zt(h.top,h.bottom))}await d({...t,availableWidth:O,availableHeight:M});const B=await l.getDimensions(c.floating);return C!==B.width||x!==B.height?{reset:{rects:!0}}:{}}}};function DR(e){const t=en(e);let r=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const i=nn(e),a=i?e.offsetWidth:r,l=i?e.offsetHeight:n,c=ad(r)!==a||ad(n)!==l;return c&&(r=a,n=l),{width:r,height:n,$:c}}function Kg(e){return it(e)?e:e.contextElement}function Ys(e){const t=Kg(e);if(!nn(t))return Bn(1);const r=t.getBoundingClientRect(),{width:n,height:i,$:a}=DR(t);let l=(a?ad(r.width):r.width)/n,c=(a?ad(r.height):r.height)/i;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}const gz=Bn(0);function OR(e){const t=Tr(e);return!Ud()||!t.visualViewport?gz:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function yz(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==Tr(e)?!1:t}function os(e,t,r,n){t===void 0&&(t=!1),r===void 0&&(r=!1);const i=e.getBoundingClientRect(),a=Kg(e);let l=Bn(1);t&&(n?it(n)&&(l=Ys(n)):l=Ys(e));const c=yz(a,r,n)?OR(a):Bn(0);let d=(i.left+c.x)/l.x,f=(i.top+c.y)/l.y,h=i.width/l.x,m=i.height/l.y;if(a){const w=Tr(a),v=n&&it(n)?Tr(n):n;let C=w,x=vh(C);for(;x&&n&&v!==C;){const R=Ys(x),E=x.getBoundingClientRect(),P=en(x),k=E.left+(x.clientLeft+parseFloat(P.paddingLeft))*R.x,T=E.top+(x.clientTop+parseFloat(P.paddingTop))*R.y;d*=R.x,f*=R.y,h*=R.x,m*=R.y,d+=k,f+=T,C=Tr(x),x=vh(C)}}return fa({width:h,height:m,x:d,y:f})}function zd(e,t){const r=$d(e).scrollLeft;return t?t.left+r:os(Kn(e)).left+r}function _R(e,t){const r=e.getBoundingClientRect(),n=r.left+t.scrollLeft-zd(e,r),i=r.top+t.scrollTop;return{x:n,y:i}}function vz(e){let{elements:t,rect:r,offsetParent:n,strategy:i}=e;const a=i==="fixed",l=Kn(n),c=t?Id(t.floating):!1;if(n===l||c&&a)return r;let d={scrollLeft:0,scrollTop:0},f=Bn(1);const h=Bn(0),m=nn(n);if((m||!m&&!a)&&((Sa(n)!=="body"||Yl(l))&&(d=$d(n)),m)){const v=os(n);f=Ys(n),h.x=v.x+n.clientLeft,h.y=v.y+n.clientTop}const w=l&&!m&&!a?_R(l,d):Bn(0);return{width:r.width*f.x,height:r.height*f.y,x:r.x*f.x-d.scrollLeft*f.x+h.x+w.x,y:r.y*f.y-d.scrollTop*f.y+h.y+w.y}}function bz(e){return Array.from(e.getClientRects())}function wz(e){const t=Kn(e),r=$d(e),n=e.ownerDocument.body,i=Zt(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),a=Zt(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let l=-r.scrollLeft+zd(e);const c=-r.scrollTop;return en(n).direction==="rtl"&&(l+=Zt(t.clientWidth,n.clientWidth)-i),{width:i,height:a,x:l,y:c}}const cS=25;function Sz(e,t){const r=Tr(e),n=Kn(e),i=r.visualViewport;let a=n.clientWidth,l=n.clientHeight,c=0,d=0;if(i){a=i.width,l=i.height;const h=Ud();(!h||h&&t==="fixed")&&(c=i.offsetLeft,d=i.offsetTop)}const f=zd(n);if(f<=0){const h=n.ownerDocument,m=h.body,w=getComputedStyle(m),v=h.compatMode==="CSS1Compat"&&parseFloat(w.marginLeft)+parseFloat(w.marginRight)||0,C=Math.abs(n.clientWidth-m.clientWidth-v);C<=cS&&(a-=C)}else f<=cS&&(a+=f);return{width:a,height:l,x:c,y:d}}function xz(e,t){const r=os(e,!0,t==="fixed"),n=r.top+e.clientTop,i=r.left+e.clientLeft,a=nn(e)?Ys(e):Bn(1),l=e.clientWidth*a.x,c=e.clientHeight*a.y,d=i*a.x,f=n*a.y;return{width:l,height:c,x:d,y:f}}function uS(e,t,r){let n;if(t==="viewport")n=Sz(e,r);else if(t==="document")n=wz(Kn(e));else if(it(t))n=xz(t,r);else{const i=OR(e);n={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return fa(n)}function MR(e,t){const r=bo(e);return r===t||!it(r)||pi(r)?!1:en(r).position==="fixed"||MR(r,t)}function Cz(e,t){const r=t.get(e);if(r)return r;let n=ho(e,[],!1).filter(c=>it(c)&&Sa(c)!=="body"),i=null;const a=en(e).position==="fixed";let l=a?bo(e):e;for(;it(l)&&!pi(l);){const c=en(l),d=qg(l);!d&&c.position==="fixed"&&(i=null),(a?!d&&!i:!d&&c.position==="static"&&!!i&&(i.position==="absolute"||i.position==="fixed")||Yl(l)&&!d&&MR(e,l))?n=n.filter(h=>h!==l):i=c,l=bo(l)}return t.set(e,n),n}function Rz(e){let{element:t,boundary:r,rootBoundary:n,strategy:i}=e;const l=[...r==="clippingAncestors"?Id(t)?[]:Cz(t,this._c):[].concat(r),n],c=uS(t,l[0],i);let d=c.top,f=c.right,h=c.bottom,m=c.left;for(let w=1;w<l.length;w++){const v=uS(t,l[w],i);d=Zt(v.top,d),f=Sn(v.right,f),h=Sn(v.bottom,h),m=Zt(v.left,m)}return{width:f-m,height:h-d,x:m,y:d}}function Ez(e){const{width:t,height:r}=DR(e);return{width:t,height:r}}function kz(e,t,r){const n=nn(t),i=Kn(t),a=r==="fixed",l=os(e,!0,a,t);let c={scrollLeft:0,scrollTop:0};const d=Bn(0);function f(){d.x=zd(i)}if(n||!n&&!a)if((Sa(t)!=="body"||Yl(i))&&(c=$d(t)),n){const v=os(t,!0,a,t);d.x=v.x+t.clientLeft,d.y=v.y+t.clientTop}else i&&f();a&&!n&&i&&f();const h=i&&!n&&!a?_R(i,c):Bn(0),m=l.left+c.scrollLeft-d.x-h.x,w=l.top+c.scrollTop-d.y-h.y;return{x:m,y:w,width:l.width,height:l.height}}function Am(e){return en(e).position==="static"}function dS(e,t){if(!nn(e)||en(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return Kn(e)===r&&(r=r.ownerDocument.body),r}function jR(e,t){const r=Tr(e);if(Id(e))return r;if(!nn(e)){let i=bo(e);for(;i&&!pi(i);){if(it(i)&&!Am(i))return i;i=bo(i)}return r}let n=dS(e,t);for(;n&&L$(n)&&Am(n);)n=dS(n,t);return n&&pi(n)&&Am(n)&&!qg(n)?r:n||U$(e)||r}const Pz=async function(e){const t=this.getOffsetParent||jR,r=this.getDimensions,n=await r(e.floating);return{reference:kz(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function Az(e){return en(e).direction==="rtl"}const Tz={convertOffsetParentRelativeRectToViewportRelativeRect:vz,getDocumentElement:Kn,getClippingRect:Rz,getOffsetParent:jR,getElementRects:Pz,getClientRects:bz,getDimensions:Ez,getScale:Ys,isElement:it,isRTL:Az};function LR(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Nz(e,t){let r=null,n;const i=Kn(e);function a(){var c;clearTimeout(n),(c=r)==null||c.disconnect(),r=null}function l(c,d){c===void 0&&(c=!1),d===void 0&&(d=1),a();const f=e.getBoundingClientRect(),{left:h,top:m,width:w,height:v}=f;if(c||t(),!w||!v)return;const C=Cu(m),x=Cu(i.clientWidth-(h+w)),R=Cu(i.clientHeight-(m+v)),E=Cu(h),k={rootMargin:-C+"px "+-x+"px "+-R+"px "+-E+"px",threshold:Zt(0,Sn(1,d))||1};let T=!0;function N(j){const M=j[0].intersectionRatio;if(M!==d){if(!T)return l();M?l(!1,M):n=setTimeout(()=>{l(!1,1e-7)},1e3)}M===1&&!LR(f,e.getBoundingClientRect())&&l(),T=!1}try{r=new IntersectionObserver(N,{...k,root:i.ownerDocument})}catch{r=new IntersectionObserver(N,k)}r.observe(e)}return l(!0),a}function FR(e,t,r,n){n===void 0&&(n={});const{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:l=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:d=!1}=n,f=Kg(e),h=i||a?[...f?ho(f):[],...t?ho(t):[]]:[];h.forEach(E=>{i&&E.addEventListener("scroll",r,{passive:!0}),a&&E.addEventListener("resize",r)});const m=f&&c?Nz(f,r):null;let w=-1,v=null;l&&(v=new ResizeObserver(E=>{let[P]=E;P&&P.target===f&&v&&t&&(v.unobserve(t),cancelAnimationFrame(w),w=requestAnimationFrame(()=>{var k;(k=v)==null||k.observe(t)})),r()}),f&&!d&&v.observe(f),t&&v.observe(t));let C,x=d?os(e):null;d&&R();function R(){const E=os(e);x&&!LR(x,E)&&r(),x=E,C=requestAnimationFrame(R)}return r(),()=>{var E;h.forEach(P=>{i&&P.removeEventListener("scroll",r),a&&P.removeEventListener("resize",r)}),m==null||m(),(E=v)==null||E.disconnect(),v=null,d&&cancelAnimationFrame(C)}}const Dz=fz,Oz=pz,_z=az,Mz=hz,jz=lz,fS=sz,Lz=uz,Fz=mz,Iz=(e,t,r)=>{const n=new Map,i={platform:Tz,...r},a={...i.platform,_c:n};return iz(e,t,{...i,platform:a})};var Uz=typeof document<"u",$z=function(){},Bu=Uz?g.useLayoutEffect:$z;function cd(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let r,n,i;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(r=e.length,r!==t.length)return!1;for(n=r;n--!==0;)if(!cd(e[n],t[n]))return!1;return!0}if(i=Object.keys(e),r=i.length,r!==Object.keys(t).length)return!1;for(n=r;n--!==0;)if(!{}.hasOwnProperty.call(t,i[n]))return!1;for(n=r;n--!==0;){const a=i[n];if(!(a==="_owner"&&e.$$typeof)&&!cd(e[a],t[a]))return!1}return!0}return e!==e&&t!==t}function IR(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function pS(e,t){const r=IR(e);return Math.round(t*r)/r}function Tm(e){const t=g.useRef(e);return Bu(()=>{t.current=e}),t}function UR(e){e===void 0&&(e={});const{placement:t="bottom",strategy:r="absolute",middleware:n=[],platform:i,elements:{reference:a,floating:l}={},transform:c=!0,whileElementsMounted:d,open:f}=e,[h,m]=g.useState({x:0,y:0,strategy:r,placement:t,middlewareData:{},isPositioned:!1}),[w,v]=g.useState(n);cd(w,n)||v(n);const[C,x]=g.useState(null),[R,E]=g.useState(null),P=g.useCallback(_=>{_!==j.current&&(j.current=_,x(_))},[]),k=g.useCallback(_=>{_!==M.current&&(M.current=_,E(_))},[]),T=a||C,N=l||R,j=g.useRef(null),M=g.useRef(null),O=g.useRef(h),B=d!=null,H=Tm(d),Y=Tm(i),ne=Tm(f),te=g.useCallback(()=>{if(!j.current||!M.current)return;const _={placement:t,strategy:r,middleware:w};Y.current&&(_.platform=Y.current),Iz(j.current,M.current,_).then(I=>{const L={...I,isPositioned:ne.current!==!1};K.current&&!cd(O.current,L)&&(O.current=L,Bl.flushSync(()=>{m(L)}))})},[w,t,r,Y,ne]);Bu(()=>{f===!1&&O.current.isPositioned&&(O.current.isPositioned=!1,m(_=>({..._,isPositioned:!1})))},[f]);const K=g.useRef(!1);Bu(()=>(K.current=!0,()=>{K.current=!1}),[]),Bu(()=>{if(T&&(j.current=T),N&&(M.current=N),T&&N){if(H.current)return H.current(T,N,te);te()}},[T,N,te,H,B]);const W=g.useMemo(()=>({reference:j,floating:M,setReference:P,setFloating:k}),[P,k]),U=g.useMemo(()=>({reference:T,floating:N}),[T,N]),z=g.useMemo(()=>{const _={position:r,left:0,top:0};if(!U.floating)return _;const I=pS(U.floating,h.x),L=pS(U.floating,h.y);return c?{..._,transform:"translate("+I+"px, "+L+"px)",...IR(U.floating)>=1.5&&{willChange:"transform"}}:{position:r,left:I,top:L}},[r,c,U.floating,h.x,h.y]);return g.useMemo(()=>({...h,update:te,refs:W,elements:U,floatingStyles:z}),[h,te,W,U,z])}const zz=e=>{function t(r){return{}.hasOwnProperty.call(r,"current")}return{name:"arrow",options:e,fn(r){const{element:n,padding:i}=typeof e=="function"?e(r):e;return n&&t(n)?n.current!=null?fS({element:n.current,padding:i}).fn(r):{}:n?fS({element:n,padding:i}).fn(r):{}}}},$R=(e,t)=>{const r=Dz(e);return{name:r.name,fn:r.fn,options:[e,t]}},Yg=(e,t)=>{const r=Oz(e);return{name:r.name,fn:r.fn,options:[e,t]}},Bz=(e,t)=>({fn:Fz(e).fn,options:[e,t]}),xh=(e,t)=>{const r=_z(e);return{name:r.name,fn:r.fn,options:[e,t]}},qz=(e,t)=>{const r=Mz(e);return{name:r.name,fn:r.fn,options:[e,t]}},Vz=(e,t)=>{const r=jz(e);return{name:r.name,fn:r.fn,options:[e,t]}},Nm=(e,t)=>{const r=Lz(e);return{name:r.name,fn:r.fn,options:[e,t]}},zR=(e,t)=>{const r=zz(e);return{name:r.name,fn:r.fn,options:[e,t]}};function Hz(e){return g.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(r=>{typeof r=="function"?r(t):r!=null&&(r.current=t)})},e)}const BR={...wd},Wz=BR.useInsertionEffect,Gz=Wz||(e=>e());function po(e){const t=g.useRef(()=>{});return Gz(()=>{t.current=e}),g.useCallback(function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return t.current==null?void 0:t.current(...n)},[])}var qn=typeof document<"u"?g.useLayoutEffect:g.useEffect;let mS=!1,Kz=0;const hS=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+Kz++;function Yz(){const[e,t]=g.useState(()=>mS?hS():void 0);return qn(()=>{e==null&&t(hS())},[]),g.useEffect(()=>{mS=!0},[]),e}const Xz=BR.useId,qR=Xz||Yz;function Qz(){const e=new Map;return{emit(t,r){var n;(n=e.get(t))==null||n.forEach(i=>i(r))},on(t,r){e.set(t,[...e.get(t)||[],r])},off(t,r){var n;e.set(t,((n=e.get(t))==null?void 0:n.filter(i=>i!==r))||[])}}}const Jz=g.createContext(null),Zz=g.createContext(null),Xg=()=>{var e;return((e=g.useContext(Jz))==null?void 0:e.id)||null},Qg=()=>g.useContext(Zz);function Jg(e){return"data-floating-ui-"+e}function Dm(e){const t=g.useRef(e);return qn(()=>{t.current=e}),t}const gS=Jg("safe-polygon");function qu(e,t,r){return r&&!bh(r)?0:typeof e=="number"?e:e==null?void 0:e[t]}function e3(e,t){t===void 0&&(t={});const{open:r,onOpenChange:n,dataRef:i,events:a,elements:l}=e,{enabled:c=!0,delay:d=0,handleClose:f=null,mouseOnly:h=!1,restMs:m=0,move:w=!0}=t,v=Qg(),C=Xg(),x=Dm(f),R=Dm(d),E=Dm(r),P=g.useRef(),k=g.useRef(-1),T=g.useRef(),N=g.useRef(-1),j=g.useRef(!0),M=g.useRef(!1),O=g.useRef(()=>{}),B=g.useRef(!1),H=g.useCallback(()=>{var z;const _=(z=i.current.openEvent)==null?void 0:z.type;return(_==null?void 0:_.includes("mouse"))&&_!=="mousedown"},[i]);g.useEffect(()=>{if(!c)return;function z(_){let{open:I}=_;I||(clearTimeout(k.current),clearTimeout(N.current),j.current=!0,B.current=!1)}return a.on("openchange",z),()=>{a.off("openchange",z)}},[c,a]),g.useEffect(()=>{if(!c||!x.current||!r)return;function z(I){H()&&n(!1,I,"hover")}const _=Ii(l.floating).documentElement;return _.addEventListener("mouseleave",z),()=>{_.removeEventListener("mouseleave",z)}},[l.floating,r,n,c,x,H]);const Y=g.useCallback(function(z,_,I){_===void 0&&(_=!0),I===void 0&&(I="hover");const L=qu(R.current,"close",P.current);L&&!T.current?(clearTimeout(k.current),k.current=window.setTimeout(()=>n(!1,z,I),L)):_&&(clearTimeout(k.current),n(!1,z,I))},[R,n]),ne=po(()=>{O.current(),T.current=void 0}),te=po(()=>{if(M.current){const z=Ii(l.floating).body;z.style.pointerEvents="",z.removeAttribute(gS),M.current=!1}}),K=po(()=>i.current.openEvent?["click","mousedown"].includes(i.current.openEvent.type):!1);g.useEffect(()=>{if(!c)return;function z(D){if(clearTimeout(k.current),j.current=!1,h&&!bh(P.current)||m>0&&!qu(R.current,"open"))return;const V=qu(R.current,"open",P.current);V?k.current=window.setTimeout(()=>{E.current||n(!0,D,"hover")},V):r||n(!0,D,"hover")}function _(D){if(K())return;O.current();const V=Ii(l.floating);if(clearTimeout(N.current),B.current=!1,x.current&&i.current.floatingContext){r||clearTimeout(k.current),T.current=x.current({...i.current.floatingContext,tree:v,x:D.clientX,y:D.clientY,onClose(){te(),ne(),K()||Y(D,!0,"safe-polygon")}});const re=T.current;V.addEventListener("mousemove",re),O.current=()=>{V.removeEventListener("mousemove",re)};return}(P.current==="touch"?!Tl(l.floating,D.relatedTarget):!0)&&Y(D)}function I(D){K()||i.current.floatingContext&&(x.current==null||x.current({...i.current.floatingContext,tree:v,x:D.clientX,y:D.clientY,onClose(){te(),ne(),K()||Y(D)}})(D))}if(it(l.domReference)){var L;const D=l.domReference;return r&&D.addEventListener("mouseleave",I),(L=l.floating)==null||L.addEventListener("mouseleave",I),w&&D.addEventListener("mousemove",z,{once:!0}),D.addEventListener("mouseenter",z),D.addEventListener("mouseleave",_),()=>{var V;r&&D.removeEventListener("mouseleave",I),(V=l.floating)==null||V.removeEventListener("mouseleave",I),w&&D.removeEventListener("mousemove",z),D.removeEventListener("mouseenter",z),D.removeEventListener("mouseleave",_)}}},[l,c,e,h,m,w,Y,ne,te,n,r,E,v,R,x,i,K]),qn(()=>{var z;if(c&&r&&(z=x.current)!=null&&z.__options.blockPointerEvents&&H()){M.current=!0;const I=l.floating;if(it(l.domReference)&&I){var _;const L=Ii(l.floating).body;L.setAttribute(gS,"");const D=l.domReference,V=v==null||(_=v.nodesRef.current.find(ee=>ee.id===C))==null||(_=_.context)==null?void 0:_.elements.floating;return V&&(V.style.pointerEvents=""),L.style.pointerEvents="none",D.style.pointerEvents="auto",I.style.pointerEvents="auto",()=>{L.style.pointerEvents="",D.style.pointerEvents="",I.style.pointerEvents=""}}}},[c,r,C,l,v,x,H]),qn(()=>{r||(P.current=void 0,B.current=!1,ne(),te())},[r,ne,te]),g.useEffect(()=>()=>{ne(),clearTimeout(k.current),clearTimeout(N.current),te()},[c,l.domReference,ne,te]);const W=g.useMemo(()=>{function z(_){P.current=_.pointerType}return{onPointerDown:z,onPointerEnter:z,onMouseMove(_){const{nativeEvent:I}=_;function L(){!j.current&&!E.current&&n(!0,I,"hover")}h&&!bh(P.current)||r||m===0||B.current&&_.movementX**2+_.movementY**2<2||(clearTimeout(N.current),P.current==="touch"?L():(B.current=!0,N.current=window.setTimeout(L,m)))}}},[h,n,r,E,m]),U=g.useMemo(()=>({onMouseEnter(){clearTimeout(k.current)},onMouseLeave(z){K()||Y(z.nativeEvent,!1)}}),[Y,K]);return g.useMemo(()=>c?{reference:W,floating:U}:{},[c,W,U])}const Ch=()=>{},VR=g.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:Ch,setState:Ch,isInstantPhase:!1}),t3=()=>g.useContext(VR);function r3(e){const{children:t,delay:r,timeoutMs:n=0}=e,[i,a]=g.useReducer((d,f)=>({...d,...f}),{delay:r,timeoutMs:n,initialDelay:r,currentId:null,isInstantPhase:!1}),l=g.useRef(null),c=g.useCallback(d=>{a({currentId:d})},[]);return qn(()=>{i.currentId?l.current===null?l.current=i.currentId:i.isInstantPhase||a({isInstantPhase:!0}):(i.isInstantPhase&&a({isInstantPhase:!1}),l.current=null)},[i.currentId,i.isInstantPhase]),g.createElement(VR.Provider,{value:g.useMemo(()=>({...i,setState:a,setCurrentId:c}),[i,c])},t)}function n3(e,t){t===void 0&&(t={});const{open:r,onOpenChange:n,floatingId:i}=e,{id:a,enabled:l=!0}=t,c=a??i,d=t3(),{currentId:f,setCurrentId:h,initialDelay:m,setState:w,timeoutMs:v}=d;return qn(()=>{l&&f&&(w({delay:{open:1,close:qu(m,"close")}}),f!==c&&n(!1))},[l,c,n,w,f,m]),qn(()=>{function C(){n(!1),w({delay:m,currentId:null})}if(l&&f&&!r&&f===c){if(v){const x=window.setTimeout(C,v);return()=>{clearTimeout(x)}}C()}},[l,r,w,f,c,n,m,v]),qn(()=>{l&&(h===Ch||!r||h(c))},[l,r,h,c]),d}function Om(e,t){let r=e.filter(i=>{var a;return i.parentId===t&&((a=i.context)==null?void 0:a.open)}),n=r;for(;n.length;)n=e.filter(i=>{var a;return(a=n)==null?void 0:a?.some(l=>{var c;return i.parentId===l.id&&((c=i.context)==null?void 0:c.open)})}),r=r.concat(n);return r}const o3="data-floating-ui-focusable",i3={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},s3={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},yS=e=>{var t,r;return{escapeKey:typeof e=="boolean"?e:(t=e==null?void 0:e.escapeKey)!=null?t:!1,outsidePress:typeof e=="boolean"?e:(r=e==null?void 0:e.outsidePress)!=null?r:!0}};function a3(e,t){t===void 0&&(t={});const{open:r,onOpenChange:n,elements:i,dataRef:a}=e,{enabled:l=!0,escapeKey:c=!0,outsidePress:d=!0,outsidePressEvent:f="pointerdown",referencePress:h=!1,referencePressEvent:m="pointerdown",ancestorScroll:w=!1,bubbles:v,capture:C}=t,x=Qg(),R=po(typeof d=="function"?d:()=>!1),E=typeof d=="function"?R:d,P=g.useRef(!1),k=g.useRef(!1),{escapeKey:T,outsidePress:N}=yS(v),{escapeKey:j,outsidePress:M}=yS(C),O=g.useRef(!1),B=po(W=>{var U;if(!r||!l||!c||W.key!=="Escape"||O.current)return;const z=(U=a.current.floatingContext)==null?void 0:U.nodeId,_=x?Om(x.nodesRef.current,z):[];if(!T&&(W.stopPropagation(),_.length>0)){let I=!0;if(_.forEach(L=>{var D;if((D=L.context)!=null&&D.open&&!L.context.dataRef.current.__escapeKeyBubbles){I=!1;return}}),!I)return}n(!1,V$(W)?W.nativeEvent:W,"escape-key")}),H=po(W=>{var U;const z=()=>{var _;B(W),(_=Vs(W))==null||_.removeEventListener("keydown",z)};(U=Vs(W))==null||U.addEventListener("keydown",z)}),Y=po(W=>{var U;const z=P.current;P.current=!1;const _=k.current;if(k.current=!1,f==="click"&&_||z||typeof E=="function"&&!E(W))return;const I=Vs(W),L="["+Jg("inert")+"]",D=Ii(i.floating).querySelectorAll(L);let V=it(I)?I:null;for(;V&&!pi(V);){const ie=bo(V);if(pi(ie)||!it(ie))break;V=ie}if(D.length&&it(I)&&!H$(I)&&!Tl(I,i.floating)&&Array.from(D).every(ie=>!Tl(V,ie)))return;if(nn(I)&&K){const ie=I.clientWidth>0&&I.scrollWidth>I.clientWidth,me=I.clientHeight>0&&I.scrollHeight>I.clientHeight;let ue=me&&W.offsetX>I.clientWidth;if(me&&en(I).direction==="rtl"&&(ue=W.offsetX<=I.offsetWidth-I.clientWidth),ue||ie&&W.offsetY>I.clientHeight)return}const ee=(U=a.current.floatingContext)==null?void 0:U.nodeId,re=x&&Om(x.nodesRef.current,ee)?.some(ie=>{var me;return Pm(W,(me=ie.context)==null?void 0:me.elements.floating)});if(Pm(W,i.floating)||Pm(W,i.domReference)||re)return;const oe=x?Om(x.nodesRef.current,ee):[];if(oe.length>0){let ie=!0;if(oe.forEach(me=>{var ue;if((ue=me.context)!=null&&ue.open&&!me.context.dataRef.current.__outsidePressBubbles){ie=!1;return}}),!ie)return}n(!1,W,"outside-press")}),ne=po(W=>{var U;const z=()=>{var _;Y(W),(_=Vs(W))==null||_.removeEventListener(f,z)};(U=Vs(W))==null||U.addEventListener(f,z)});g.useEffect(()=>{if(!r||!l)return;a.current.__escapeKeyBubbles=T,a.current.__outsidePressBubbles=N;let W=-1;function U(D){n(!1,D,"ancestor-scroll")}function z(){window.clearTimeout(W),O.current=!0}function _(){W=window.setTimeout(()=>{O.current=!1},Ud()?5:0)}const I=Ii(i.floating);c&&(I.addEventListener("keydown",j?H:B,j),I.addEventListener("compositionstart",z),I.addEventListener("compositionend",_)),E&&I.addEventListener(f,M?ne:Y,M);let L=[];return w&&(it(i.domReference)&&(L=ho(i.domReference)),it(i.floating)&&(L=L.concat(ho(i.floating))),!it(i.reference)&&i.reference&&i.reference.contextElement&&(L=L.concat(ho(i.reference.contextElement)))),L=L.filter(D=>{var V;return D!==((V=I.defaultView)==null?void 0:V.visualViewport)}),L.forEach(D=>{D.addEventListener("scroll",U,{passive:!0})}),()=>{c&&(I.removeEventListener("keydown",j?H:B,j),I.removeEventListener("compositionstart",z),I.removeEventListener("compositionend",_)),E&&I.removeEventListener(f,M?ne:Y,M),L.forEach(D=>{D.removeEventListener("scroll",U)}),window.clearTimeout(W)}},[a,i,c,E,f,r,n,w,l,T,N,B,j,H,Y,M,ne]),g.useEffect(()=>{P.current=!1},[E,f]);const te=g.useMemo(()=>({onKeyDown:B,[i3[m]]:W=>{h&&n(!1,W.nativeEvent,"reference-press")}}),[B,n,h,m]),K=g.useMemo(()=>({onKeyDown:B,onMouseDown(){k.current=!0},onMouseUp(){k.current=!0},[s3[f]]:()=>{P.current=!0}}),[B,f]);return g.useMemo(()=>l?{reference:te,floating:K}:{},[l,te,K])}function l3(e){const{open:t=!1,onOpenChange:r,elements:n}=e,i=qR(),a=g.useRef({}),[l]=g.useState(()=>Qz()),c=Xg()!=null,[d,f]=g.useState(n.reference),h=po((v,C,x)=>{a.current.openEvent=v?C:void 0,l.emit("openchange",{open:v,event:C,reason:x,nested:c}),r==null||r(v,C,x)}),m=g.useMemo(()=>({setPositionReference:f}),[]),w=g.useMemo(()=>({reference:d||n.reference||null,floating:n.floating||null,domReference:n.reference}),[d,n.reference,n.floating]);return g.useMemo(()=>({dataRef:a,open:t,onOpenChange:h,elements:w,events:l,floatingId:i,refs:m}),[t,h,w,l,i,m])}function HR(e){e===void 0&&(e={});const{nodeId:t}=e,r=l3({...e,elements:{reference:null,floating:null,...e.elements}}),n=e.rootContext||r,i=n.elements,[a,l]=g.useState(null),[c,d]=g.useState(null),h=(i==null?void 0:i.domReference)||a,m=g.useRef(null),w=Qg();qn(()=>{h&&(m.current=h)},[h]);const v=UR({...e,elements:{...i,...c&&{reference:c}}}),C=g.useCallback(k=>{const T=it(k)?{getBoundingClientRect:()=>k.getBoundingClientRect(),contextElement:k}:k;d(T),v.refs.setReference(T)},[v.refs]),x=g.useCallback(k=>{(it(k)||k===null)&&(m.current=k,l(k)),(it(v.refs.reference.current)||v.refs.reference.current===null||k!==null&&!it(k))&&v.refs.setReference(k)},[v.refs]),R=g.useMemo(()=>({...v.refs,setReference:x,setPositionReference:C,domReference:m}),[v.refs,x,C]),E=g.useMemo(()=>({...v.elements,domReference:h}),[v.elements,h]),P=g.useMemo(()=>({...v,...n,refs:R,elements:E,nodeId:t}),[v,R,E,t,n]);return qn(()=>{n.dataRef.current.floatingContext=P;const k=w==null?void 0:w.nodesRef.current.find(T=>T.id===t);k&&(k.context=P)}),g.useMemo(()=>({...v,context:P,refs:R,elements:E}),[v,R,E,P])}function c3(e,t){t===void 0&&(t={});const{open:r,onOpenChange:n,events:i,dataRef:a,elements:l}=e,{enabled:c=!0,visibleOnly:d=!0}=t,f=g.useRef(!1),h=g.useRef(),m=g.useRef(!0);g.useEffect(()=>{if(!c)return;const v=Tr(l.domReference);function C(){!r&&nn(l.domReference)&&l.domReference===rS(Ii(l.domReference))&&(f.current=!0)}function x(){m.current=!0}return v.addEventListener("blur",C),v.addEventListener("keydown",x,!0),()=>{v.removeEventListener("blur",C),v.removeEventListener("keydown",x,!0)}},[l.domReference,r,c]),g.useEffect(()=>{if(!c)return;function v(C){let{reason:x}=C;(x==="reference-press"||x==="escape-key")&&(f.current=!0)}return i.on("openchange",v),()=>{i.off("openchange",v)}},[i,c]),g.useEffect(()=>()=>{clearTimeout(h.current)},[]);const w=g.useMemo(()=>({onPointerDown(v){$$(v.nativeEvent)||(m.current=!1)},onMouseLeave(){f.current=!1},onFocus(v){if(f.current)return;const C=Vs(v.nativeEvent);if(d&&it(C))try{if(z$()&&B$())throw Error();if(!C.matches(":focus-visible"))return}catch{if(!m.current&&!G$(C))return}n(!0,v.nativeEvent,"focus")},onBlur(v){f.current=!1;const C=v.relatedTarget,x=v.nativeEvent,R=it(C)&&C.hasAttribute(Jg("focus-guard"))&&C.getAttribute("data-type")==="outside";h.current=window.setTimeout(()=>{var E;const P=rS(l.domReference?l.domReference.ownerDocument:document);!C&&P===l.domReference||Tl((E=a.current.floatingContext)==null?void 0:E.refs.floating.current,P)||Tl(l.domReference,P)||R||n(!1,x,"focus")})}}),[a,l.domReference,n,d]);return g.useMemo(()=>c?{reference:w}:{},[c,w])}const vS="active",bS="selected";function _m(e,t,r){const n=new Map,i=r==="item";let a=e;if(i&&e){const{[vS]:l,[bS]:c,...d}=e;a=d}return{...r==="floating"&&{tabIndex:-1,[o3]:""},...a,...t?.map(l=>{const c=l?l[r]:null;return typeof c=="function"?e?c(e):null:c}).concat(e).reduce((l,c)=>(c&&Object.entries(c).forEach(d=>{let[f,h]=d;if(!(i&&[vS,bS].includes(f)))if(f.indexOf("on")===0){if(n.has(f)||n.set(f,[]),typeof h=="function"){var m;(m=n.get(f))==null||m.push(h),l[f]=function(){for(var w,v=arguments.length,C=new Array(v),x=0;x<v;x++)C[x]=arguments[x];return(w=n.get(f))==null?void 0:w?.map(R=>R(...C)).find(R=>R!==void 0)}}}else l[f]=h}),l),{})}}function u3(e){e===void 0&&(e=[]);const t=e?.map(c=>c==null?void 0:c.reference),r=e?.map(c=>c==null?void 0:c.floating),n=e?.map(c=>c==null?void 0:c.item),i=g.useCallback(c=>_m(c,e,"reference"),t),a=g.useCallback(c=>_m(c,e,"floating"),r),l=g.useCallback(c=>_m(c,e,"item"),n);return g.useMemo(()=>({getReferenceProps:i,getFloatingProps:a,getItemProps:l}),[i,a,l])}const d3=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function f3(e,t){var r;t===void 0&&(t={});const{open:n,floatingId:i}=e,{enabled:a=!0,role:l="dialog"}=t,c=(r=d3.get(l))!=null?r:l,d=qR(),h=Xg()!=null,m=g.useMemo(()=>c==="tooltip"||l==="label"?{["aria-"+(l==="label"?"labelledby":"describedby")]:n?i:void 0}:{"aria-expanded":n?"true":"false","aria-haspopup":c==="alertdialog"?"dialog":c,"aria-controls":n?i:void 0,...c==="listbox"&&{role:"combobox"},...c==="menu"&&{id:d},...c==="menu"&&h&&{role:"menuitem"},...l==="select"&&{"aria-autocomplete":"none"},...l==="combobox"&&{"aria-autocomplete":"list"}},[c,i,h,n,d,l]),w=g.useMemo(()=>{const C={id:i,...c&&{role:c}};return c==="tooltip"||l==="label"?C:{...C,...c==="menu"&&{"aria-labelledby":d}}},[c,i,d,l]),v=g.useCallback(C=>{let{active:x,selected:R}=C;const E={role:"option",...x&&{id:i+"-option"}};switch(l){case"select":return{...E,"aria-selected":x&&R};case"combobox":return{...E,...x&&{"aria-selected":!0}}}return{}},[i,l]);return g.useMemo(()=>a?{reference:m,floating:w,item:v}:{},[a,m,w,v])}const[p3,on]=_d("ScrollArea.Root component was not found in tree");function pa(e,t){const r=Li(t);Gl(()=>{let n=0;if(e){const i=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return i.observe(e),()=>{window.cancelAnimationFrame(n),i.unobserve(e)}}},[e,r])}const m3=g.forwardRef((e,t)=>{const{style:r,...n}=e,i=on(),[a,l]=g.useState(0),[c,d]=g.useState(0),f=!!(a&&c);return pa(i.scrollbarX,()=>{var m;const h=((m=i.scrollbarX)==null?void 0:m.offsetHeight)||0;i.onCornerHeightChange(h),d(h)}),pa(i.scrollbarY,()=>{var m;const h=((m=i.scrollbarY)==null?void 0:m.offsetWidth)||0;i.onCornerWidthChange(h),l(h)}),f?b.jsx("div",{...n,ref:t,style:{...r,width:a,height:c}}):null}),h3=g.forwardRef((e,t)=>{const r=on(),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?b.jsx(m3,{...e,ref:t}):null}),g3={scrollHideDelay:1e3,type:"hover"},WR=g.forwardRef((e,t)=>{const r=Ue("ScrollAreaRoot",g3,e),{type:n,scrollHideDelay:i,scrollbars:a,...l}=r,[c,d]=g.useState(null),[f,h]=g.useState(null),[m,w]=g.useState(null),[v,C]=g.useState(null),[x,R]=g.useState(null),[E,P]=g.useState(0),[k,T]=g.useState(0),[N,j]=g.useState(!1),[M,O]=g.useState(!1),B=Co(t,H=>d(H));return b.jsx(p3,{value:{type:n,scrollHideDelay:i,scrollArea:c,viewport:f,onViewportChange:h,content:m,onContentChange:w,scrollbarX:v,onScrollbarXChange:C,scrollbarXEnabled:N,onScrollbarXEnabledChange:j,scrollbarY:x,onScrollbarYChange:R,scrollbarYEnabled:M,onScrollbarYEnabledChange:O,onCornerWidthChange:P,onCornerHeightChange:T},children:b.jsx(Ve,{...l,ref:B,__vars:{"--sa-corner-width":a!=="xy"?"0px":`${E}px`,"--sa-corner-height":a!=="xy"?"0px":`${k}px`}})})});WR.displayName="@mantine/core/ScrollAreaRoot";function GR(e,t){const r=e/t;return Number.isNaN(r)?0:r}function Bd(e){const t=GR(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*t;return Math.max(n,18)}function KR(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const n=(t[1]-t[0])/(e[1]-e[0]);return t[0]+n*(r-e[0])}}function y3(e,[t,r]){return Math.min(r,Math.max(t,e))}function wS(e,t,r="ltr"){const n=Bd(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,l=t.content-t.viewport,c=a-n,d=r==="ltr"?[0,l]:[l*-1,0],f=y3(e,d);return KR([0,l],[0,c])(f)}function v3(e,t,r,n="ltr"){const i=Bd(r),a=i/2,l=t||a,c=i-l,d=r.scrollbar.paddingStart+l,f=r.scrollbar.size-r.scrollbar.paddingEnd-c,h=r.content-r.viewport,m=n==="ltr"?[0,h]:[h*-1,0];return KR([d,f],m)(e)}function YR(e,t){return e>0&&e<t}function ud(e){return e?parseInt(e,10):0}function es(e,t,{checkForDefaultPrevented:r=!0}={}){return n=>{e==null||e(n),(r===!1||!n.defaultPrevented)&&(t==null||t(n))}}const[b3,XR]=_d("ScrollAreaScrollbar was not found in tree"),QR=g.forwardRef((e,t)=>{const{sizes:r,hasThumb:n,onThumbChange:i,onThumbPointerUp:a,onThumbPointerDown:l,onThumbPositionChange:c,onDragScroll:d,onWheelScroll:f,onResize:h,...m}=e,w=on(),[v,C]=g.useState(null),x=Co(t,O=>C(O)),R=g.useRef(null),E=g.useRef(""),{viewport:P}=w,k=r.content-r.viewport,T=Li(f),N=Li(c),j=Md(h,10),M=O=>{if(R.current){const B=O.clientX-R.current.left,H=O.clientY-R.current.top;d({x:B,y:H})}};return g.useEffect(()=>{const O=B=>{const H=B.target;(v==null?void 0:v.contains(H))&&T(B,k)};return document.addEventListener("wheel",O,{passive:!1}),()=>document.removeEventListener("wheel",O,{passive:!1})},[P,v,k,T]),g.useEffect(N,[r,N]),pa(v,j),pa(w.content,j),b.jsx(b3,{value:{scrollbar:v,hasThumb:n,onThumbChange:Li(i),onThumbPointerUp:Li(a),onThumbPositionChange:N,onThumbPointerDown:Li(l)},children:b.jsx("div",{...m,ref:x,"data-mantine-scrollbar":!0,style:{position:"absolute",...m.style},onPointerDown:es(e.onPointerDown,O=>{O.preventDefault(),O.button===0&&(O.target.setPointerCapture(O.pointerId),R.current=v.getBoundingClientRect(),E.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",M(O))}),onPointerMove:es(e.onPointerMove,M),onPointerUp:es(e.onPointerUp,O=>{const B=O.target;B.hasPointerCapture(O.pointerId)&&(O.preventDefault(),B.releasePointerCapture(O.pointerId))}),onLostPointerCapture:()=>{document.body.style.webkitUserSelect=E.current,R.current=null}})})}),JR=g.forwardRef((e,t)=>{const{sizes:r,onSizesChange:n,style:i,...a}=e,l=on(),[c,d]=g.useState(),f=g.useRef(null),h=Co(t,f,l.onScrollbarXChange);return g.useEffect(()=>{f.current&&d(getComputedStyle(f.current))},[f]),b.jsx(QR,{"data-orientation":"horizontal",...a,ref:h,sizes:r,style:{...i,"--sa-thumb-width":`${Bd(r)}px`},onThumbPointerDown:m=>e.onThumbPointerDown(m.x),onDragScroll:m=>e.onDragScroll(m.x),onWheelScroll:(m,w)=>{if(l.viewport){const v=l.viewport.scrollLeft+m.deltaX;e.onWheelScroll(v),YR(v,w)&&m.preventDefault()}},onResize:()=>{f.current&&l.viewport&&c&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:f.current.clientWidth,paddingStart:ud(c.paddingLeft),paddingEnd:ud(c.paddingRight)}})}})});JR.displayName="@mantine/core/ScrollAreaScrollbarX";const ZR=g.forwardRef((e,t)=>{const{sizes:r,onSizesChange:n,style:i,...a}=e,l=on(),[c,d]=g.useState(),f=g.useRef(null),h=Co(t,f,l.onScrollbarYChange);return g.useEffect(()=>{f.current&&d(window.getComputedStyle(f.current))},[]),b.jsx(QR,{...a,"data-orientation":"vertical",ref:h,sizes:r,style:{"--sa-thumb-height":`${Bd(r)}px`,...i},onThumbPointerDown:m=>e.onThumbPointerDown(m.y),onDragScroll:m=>e.onDragScroll(m.y),onWheelScroll:(m,w)=>{if(l.viewport){const v=l.viewport.scrollTop+m.deltaY;e.onWheelScroll(v),YR(v,w)&&m.preventDefault()}},onResize:()=>{f.current&&l.viewport&&c&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:f.current.clientHeight,paddingStart:ud(c.paddingTop),paddingEnd:ud(c.paddingBottom)}})}})});ZR.displayName="@mantine/core/ScrollAreaScrollbarY";const qd=g.forwardRef((e,t)=>{const{orientation:r="vertical",...n}=e,{dir:i}=Bg(),a=on(),l=g.useRef(null),c=g.useRef(0),[d,f]=g.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),h=GR(d.viewport,d.content),m={...n,sizes:d,onSizesChange:f,hasThumb:h>0&&h<1,onThumbChange:v=>{l.current=v},onThumbPointerUp:()=>{c.current=0},onThumbPointerDown:v=>{c.current=v}},w=(v,C)=>v3(v,c.current,d,C);return r==="horizontal"?b.jsx(JR,{...m,ref:t,onThumbPositionChange:()=>{if(a.viewport&&l.current){const v=a.viewport.scrollLeft,C=wS(v,d,i);l.current.style.transform=`translate3d(${C}px, 0, 0)`}},onWheelScroll:v=>{a.viewport&&(a.viewport.scrollLeft=v)},onDragScroll:v=>{a.viewport&&(a.viewport.scrollLeft=w(v,i))}}):r==="vertical"?b.jsx(ZR,{...m,ref:t,onThumbPositionChange:()=>{if(a.viewport&&l.current){const v=a.viewport.scrollTop,C=wS(v,d);d.scrollbar.size===0?l.current.style.setProperty("--thumb-opacity","0"):l.current.style.setProperty("--thumb-opacity","1"),l.current.style.transform=`translate3d(0, ${C}px, 0)`}},onWheelScroll:v=>{a.viewport&&(a.viewport.scrollTop=v)},onDragScroll:v=>{a.viewport&&(a.viewport.scrollTop=w(v))}}):null});qd.displayName="@mantine/core/ScrollAreaScrollbarVisible";const Zg=g.forwardRef((e,t)=>{const r=on(),{forceMount:n,...i}=e,[a,l]=g.useState(!1),c=e.orientation==="horizontal",d=Md(()=>{if(r.viewport){const f=r.viewport.offsetWidth<r.viewport.scrollWidth,h=r.viewport.offsetHeight<r.viewport.scrollHeight;l(c?f:h)}},10);return pa(r.viewport,d),pa(r.content,d),n||a?b.jsx(qd,{"data-state":a?"visible":"hidden",...i,ref:t}):null});Zg.displayName="@mantine/core/ScrollAreaScrollbarAuto";const eE=g.forwardRef((e,t)=>{const{forceMount:r,...n}=e,i=on(),[a,l]=g.useState(!1);return g.useEffect(()=>{const{scrollArea:c}=i;let d=0;if(c){const f=()=>{window.clearTimeout(d),l(!0)},h=()=>{d=window.setTimeout(()=>l(!1),i.scrollHideDelay)};return c.addEventListener("pointerenter",f),c.addEventListener("pointerleave",h),()=>{window.clearTimeout(d),c.removeEventListener("pointerenter",f),c.removeEventListener("pointerleave",h)}}},[i.scrollArea,i.scrollHideDelay]),r||a?b.jsx(Zg,{"data-state":a?"visible":"hidden",...n,ref:t}):null});eE.displayName="@mantine/core/ScrollAreaScrollbarHover";const w3=g.forwardRef((e,t)=>{const{forceMount:r,...n}=e,i=on(),a=e.orientation==="horizontal",[l,c]=g.useState("hidden"),d=Md(()=>c("idle"),100);return g.useEffect(()=>{if(l==="idle"){const f=window.setTimeout(()=>c("hidden"),i.scrollHideDelay);return()=>window.clearTimeout(f)}},[l,i.scrollHideDelay]),g.useEffect(()=>{const{viewport:f}=i,h=a?"scrollLeft":"scrollTop";if(f){let m=f[h];const w=()=>{const v=f[h];m!==v&&(c("scrolling"),d()),m=v};return f.addEventListener("scroll",w),()=>f.removeEventListener("scroll",w)}},[i.viewport,a,d]),r||l!=="hidden"?b.jsx(qd,{"data-state":l==="hidden"?"hidden":"visible",...n,ref:t,onPointerEnter:es(e.onPointerEnter,()=>c("interacting")),onPointerLeave:es(e.onPointerLeave,()=>c("idle"))}):null}),Rh=g.forwardRef((e,t)=>{const{forceMount:r,...n}=e,i=on(),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:l}=i,c=e.orientation==="horizontal";return g.useEffect(()=>(c?a(!0):l(!0),()=>{c?a(!1):l(!1)}),[c,a,l]),i.type==="hover"?b.jsx(eE,{...n,ref:t,forceMount:r}):i.type==="scroll"?b.jsx(w3,{...n,ref:t,forceMount:r}):i.type==="auto"?b.jsx(Zg,{...n,ref:t,forceMount:r}):i.type==="always"?b.jsx(qd,{...n,ref:t}):null});Rh.displayName="@mantine/core/ScrollAreaScrollbar";function S3(e,t=()=>{}){let r={left:e.scrollLeft,top:e.scrollTop},n=0;return(function i(){const a={left:e.scrollLeft,top:e.scrollTop},l=r.left!==a.left,c=r.top!==a.top;(l||c)&&t(),r=a,n=window.requestAnimationFrame(i)})(),()=>window.cancelAnimationFrame(n)}const tE=g.forwardRef((e,t)=>{const{style:r,...n}=e,i=on(),a=XR(),{onThumbPositionChange:l}=a,c=Co(t,h=>a.onThumbChange(h)),d=g.useRef(void 0),f=Md(()=>{d.current&&(d.current(),d.current=void 0)},100);return g.useEffect(()=>{const{viewport:h}=i;if(h){const m=()=>{if(f(),!d.current){const w=S3(h,l);d.current=w,l()}};return l(),h.addEventListener("scroll",m),()=>h.removeEventListener("scroll",m)}},[i.viewport,f,l]),b.jsx("div",{"data-state":a.hasThumb?"visible":"hidden",...n,ref:c,style:{width:"var(--sa-thumb-width)",height:"var(--sa-thumb-height)",...r},onPointerDownCapture:es(e.onPointerDownCapture,h=>{const w=h.target.getBoundingClientRect(),v=h.clientX-w.left,C=h.clientY-w.top;a.onThumbPointerDown({x:v,y:C})}),onPointerUp:es(e.onPointerUp,a.onThumbPointerUp)})});tE.displayName="@mantine/core/ScrollAreaThumb";const Eh=g.forwardRef((e,t)=>{const{forceMount:r,...n}=e,i=XR();return r||i.hasThumb?b.jsx(tE,{ref:t,...n}):null});Eh.displayName="@mantine/core/ScrollAreaThumb";const rE=g.forwardRef(({children:e,style:t,...r},n)=>{const i=on(),a=Co(n,i.onViewportChange);return b.jsx(Ve,{...r,ref:a,style:{overflowX:i.scrollbarXEnabled?"scroll":"hidden",overflowY:i.scrollbarYEnabled?"scroll":"hidden",...t},children:b.jsx("div",{style:{minWidth:"100%"},ref:i.onContentChange,children:e})})});rE.displayName="@mantine/core/ScrollAreaViewport";var ey={root:"m_d57069b5",viewport:"m_c0783ff9",viewportInner:"m_f8f631dd",scrollbar:"m_c44ba933",thumb:"m_d8b5e363",corner:"m_21657268"};const nE={scrollHideDelay:1e3,type:"hover",scrollbars:"xy"},x3=(e,{scrollbarSize:t,overscrollBehavior:r})=>({root:{"--scrollarea-scrollbar-size":ce(t),"--scrollarea-over-scroll-behavior":r}}),Xl=st((e,t)=>{const r=Ue("ScrollArea",nE,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,scrollbarSize:d,vars:f,type:h,scrollHideDelay:m,viewportProps:w,viewportRef:v,onScrollPositionChange:C,children:x,offsetScrollbars:R,scrollbars:E,onBottomReached:P,onTopReached:k,overscrollBehavior:T,...N}=r,[j,M]=g.useState(!1),[O,B]=g.useState(!1),[H,Y]=g.useState(!1),ne=$t({name:"ScrollArea",props:r,classes:ey,className:i,style:a,classNames:n,styles:l,unstyled:c,vars:f,varsResolver:x3}),te=g.useRef(null),K=Hz([v,te]);return g.useEffect(()=>{if(!te.current||R!=="present")return;const W=te.current,U=new ResizeObserver(()=>{const{scrollHeight:z,clientHeight:_,scrollWidth:I,clientWidth:L}=W;B(z>_),Y(I>L)});return U.observe(W),()=>U.disconnect()},[te,R]),b.jsxs(WR,{type:h==="never"?"always":h,scrollHideDelay:m,ref:t,scrollbars:E,...ne("root"),...N,children:[b.jsx(rE,{...w,...ne("viewport",{style:w==null?void 0:w.style}),ref:K,"data-offset-scrollbars":R===!0?"xy":R||void 0,"data-scrollbars":E||void 0,"data-horizontal-hidden":R==="present"&&!H?"true":void 0,"data-vertical-hidden":R==="present"&&!O?"true":void 0,onScroll:W=>{var I;(I=w==null?void 0:w.onScroll)==null||I.call(w,W),C==null||C({x:W.currentTarget.scrollLeft,y:W.currentTarget.scrollTop});const{scrollTop:U,scrollHeight:z,clientHeight:_}=W.currentTarget;U-(z-_)>=-.6&&(P==null||P()),U===0&&(k==null||k())},children:x}),(E==="xy"||E==="x")&&b.jsx(Rh,{...ne("scrollbar"),orientation:"horizontal","data-hidden":h==="never"||R==="present"&&!H?!0:void 0,forceMount:!0,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),children:b.jsx(Eh,{...ne("thumb")})}),(E==="xy"||E==="y")&&b.jsx(Rh,{...ne("scrollbar"),orientation:"vertical","data-hidden":h==="never"||R==="present"&&!O?!0:void 0,forceMount:!0,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),children:b.jsx(Eh,{...ne("thumb")})}),b.jsx(h3,{...ne("corner"),"data-hovered":j||void 0,"data-hidden":h==="never"||void 0})]})});Xl.displayName="@mantine/core/ScrollArea";const ty=st((e,t)=>{const{children:r,classNames:n,styles:i,scrollbarSize:a,scrollHideDelay:l,type:c,dir:d,offsetScrollbars:f,viewportRef:h,onScrollPositionChange:m,unstyled:w,variant:v,viewportProps:C,scrollbars:x,style:R,vars:E,onBottomReached:P,onTopReached:k,...T}=Ue("ScrollAreaAutosize",nE,e);return b.jsx(Ve,{...T,ref:t,style:[{display:"flex",overflow:"auto"},R],children:b.jsx(Ve,{style:{display:"flex",flexDirection:"column",flex:1},children:b.jsx(Xl,{classNames:n,styles:i,scrollHideDelay:l,scrollbarSize:a,type:c,dir:d,offsetScrollbars:f,viewportRef:h,onScrollPositionChange:m,unstyled:w,variant:v,viewportProps:C,vars:E,scrollbars:x,onBottomReached:P,onTopReached:k,children:r})})})});Xl.classes=ey;ty.displayName="@mantine/core/ScrollAreaAutosize";ty.classes=ey;Xl.Autosize=ty;var oE={root:"m_87cf2631"};const C3={__staticSelector:"UnstyledButton"},ry=wa((e,t)=>{const r=Ue("UnstyledButton",C3,e),{className:n,component:i="button",__staticSelector:a,unstyled:l,classNames:c,styles:d,style:f,...h}=r,m=$t({name:a,props:r,classes:oE,className:n,style:f,classNames:c,styles:d,unstyled:l});return b.jsx(Ve,{...m("root",{focusable:!0}),component:i,ref:t,type:i==="button"?"button":void 0,...h})});ry.classes=oE;ry.displayName="@mantine/core/UnstyledButton";var iE={root:"m_515a97f8"};const R3={},ny=st((e,t)=>{const r=Ue("VisuallyHidden",R3,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,...f}=r,h=$t({name:"VisuallyHidden",classes:iE,props:r,className:i,style:a,classNames:n,styles:l,unstyled:c});return b.jsx(Ve,{component:"span",ref:t,...h("root"),...f})});ny.classes=iE;ny.displayName="@mantine/core/VisuallyHidden";var sE={root:"m_1b7284a3"};const E3={},k3=(e,{radius:t,shadow:r})=>({root:{"--paper-radius":t===void 0?void 0:gi(t),"--paper-shadow":aR(r)}}),oy=wa((e,t)=>{const r=Ue("Paper",E3,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,withBorder:d,vars:f,radius:h,shadow:m,variant:w,mod:v,...C}=r,x=$t({name:"Paper",props:r,classes:sE,className:i,style:a,classNames:n,styles:l,unstyled:c,vars:f,varsResolver:k3});return b.jsx(Ve,{ref:t,mod:[{"data-with-border":d},v],...x("root"),variant:w,...C})});oy.classes=sE;oy.displayName="@mantine/core/Paper";function P3(e,t){if(e==="rtl"&&(t.includes("right")||t.includes("left"))){const[r,n]=t.split("-"),i=r==="right"?"left":"right";return n===void 0?i:`${i}-${n}`}return t}function SS(e,t,r,n){return e==="center"||n==="center"?{top:t}:e==="end"?{bottom:r}:e==="start"?{top:r}:{}}function xS(e,t,r,n,i){return e==="center"||n==="center"?{left:t}:e==="end"?{[i==="ltr"?"right":"left"]:r}:e==="start"?{[i==="ltr"?"left":"right"]:r}:{}}const A3={bottom:"borderTopLeftRadius",left:"borderTopRightRadius",right:"borderBottomLeftRadius",top:"borderBottomRightRadius"};function T3({position:e,arrowSize:t,arrowOffset:r,arrowRadius:n,arrowPosition:i,arrowX:a,arrowY:l,dir:c}){const[d,f="center"]=e.split("-"),h={width:t,height:t,transform:"rotate(45deg)",position:"absolute",[A3[d]]:n},m=-t/2;return d==="left"?{...h,...SS(f,l,r,i),right:m,borderLeftColor:"transparent",borderBottomColor:"transparent",clipPath:"polygon(100% 0, 0 0, 100% 100%)"}:d==="right"?{...h,...SS(f,l,r,i),left:m,borderRightColor:"transparent",borderTopColor:"transparent",clipPath:"polygon(0 100%, 0 0, 100% 100%)"}:d==="top"?{...h,...xS(f,a,r,i,c),bottom:m,borderTopColor:"transparent",borderLeftColor:"transparent",clipPath:"polygon(0 100%, 100% 100%, 100% 0)"}:d==="bottom"?{...h,...xS(f,a,r,i,c),top:m,borderBottomColor:"transparent",borderRightColor:"transparent",clipPath:"polygon(0 100%, 0 0, 100% 0)"}:{}}const aE=g.forwardRef(({position:e,arrowSize:t,arrowOffset:r,arrowRadius:n,arrowPosition:i,visible:a,arrowX:l,arrowY:c,style:d,...f},h)=>{const{dir:m}=Bg();return a?b.jsx("div",{...f,ref:h,style:{...d,...T3({position:e,arrowSize:t,arrowOffset:r,arrowRadius:n,arrowPosition:i,dir:m,arrowX:l,arrowY:c})}}):null});aE.displayName="@mantine/core/FloatingArrow";var lE={root:"m_9814e45f"};const N3={zIndex:xo("modal")},D3=(e,{gradient:t,color:r,backgroundOpacity:n,blur:i,radius:a,zIndex:l})=>({root:{"--overlay-bg":t||(r!==void 0||n!==void 0)&&jn(r||"#000",n??.6)||void 0,"--overlay-filter":i?`blur(${ce(i)})`:void 0,"--overlay-radius":a===void 0?void 0:gi(a),"--overlay-z-index":l==null?void 0:l.toString()}}),iy=wa((e,t)=>{const r=Ue("Overlay",N3,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,fixed:f,center:h,children:m,radius:w,zIndex:v,gradient:C,blur:x,color:R,backgroundOpacity:E,mod:P,...k}=r,T=$t({name:"Overlay",props:r,classes:lE,className:i,style:a,classNames:n,styles:l,unstyled:c,vars:d,varsResolver:D3});return b.jsx(Ve,{ref:t,...T("root"),mod:[{center:h,fixed:f},P],...k,children:m})});iy.classes=lE;iy.displayName="@mantine/core/Overlay";function Mm(e){const t=document.createElement("div");return t.setAttribute("data-portal","true"),typeof e.className=="string"&&t.classList.add(...e.className.split(" ").filter(Boolean)),typeof e.style=="object"&&Object.assign(t.style,e.style),typeof e.id=="string"&&t.setAttribute("id",e.id),t}function O3({target:e,reuseTargetNode:t,...r}){if(e)return typeof e=="string"?document.querySelector(e)||Mm(r):e;if(t){const n=document.querySelector("[data-mantine-shared-portal-node]");if(n)return n;const i=Mm(r);return i.setAttribute("data-mantine-shared-portal-node","true"),document.body.appendChild(i),i}return Mm(r)}const _3={},cE=st((e,t)=>{const{children:r,target:n,reuseTargetNode:i,...a}=Ue("Portal",_3,e),[l,c]=g.useState(!1),d=g.useRef(null);return Gl(()=>(c(!0),d.current=O3({target:n,reuseTargetNode:i,...a}),mh(t,d.current),!n&&!i&&d.current&&document.body.appendChild(d.current),()=>{!n&&!i&&d.current&&document.body.removeChild(d.current)}),[n]),!l||!d.current?null:Bl.createPortal(b.jsx(b.Fragment,{children:r}),d.current)});cE.displayName="@mantine/core/Portal";const Ql=st(({withinPortal:e=!0,children:t,...r},n)=>mR()==="test"||!e?b.jsx(b.Fragment,{children:t}):b.jsx(cE,{ref:n,...r,children:t}));Ql.displayName="@mantine/core/OptionalPortal";const gl=e=>({in:{opacity:1,transform:"scale(1)"},out:{opacity:0,transform:`scale(.9) translateY(${e==="bottom"?10:-10}px)`},transitionProperty:"transform, opacity"}),Ru={fade:{in:{opacity:1},out:{opacity:0},transitionProperty:"opacity"},"fade-up":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(30px)"},transitionProperty:"opacity, transform"},"fade-down":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(-30px)"},transitionProperty:"opacity, transform"},"fade-left":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(30px)"},transitionProperty:"opacity, transform"},"fade-right":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(-30px)"},transitionProperty:"opacity, transform"},scale:{in:{opacity:1,transform:"scale(1)"},out:{opacity:0,transform:"scale(0)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"scale-y":{in:{opacity:1,transform:"scaleY(1)"},out:{opacity:0,transform:"scaleY(0)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"scale-x":{in:{opacity:1,transform:"scaleX(1)"},out:{opacity:0,transform:"scaleX(0)"},common:{transformOrigin:"left"},transitionProperty:"transform, opacity"},"skew-up":{in:{opacity:1,transform:"translateY(0) skew(0deg, 0deg)"},out:{opacity:0,transform:"translateY(-20px) skew(-10deg, -5deg)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"skew-down":{in:{opacity:1,transform:"translateY(0) skew(0deg, 0deg)"},out:{opacity:0,transform:"translateY(20px) skew(-10deg, -5deg)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"rotate-left":{in:{opacity:1,transform:"translateY(0) rotate(0deg)"},out:{opacity:0,transform:"translateY(20px) rotate(-5deg)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"rotate-right":{in:{opacity:1,transform:"translateY(0) rotate(0deg)"},out:{opacity:0,transform:"translateY(20px) rotate(5deg)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"slide-down":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(-100%)"},common:{transformOrigin:"top"},transitionProperty:"transform, opacity"},"slide-up":{in:{opacity:1,transform:"translateY(0)"},out:{opacity:0,transform:"translateY(100%)"},common:{transformOrigin:"bottom"},transitionProperty:"transform, opacity"},"slide-left":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(100%)"},common:{transformOrigin:"left"},transitionProperty:"transform, opacity"},"slide-right":{in:{opacity:1,transform:"translateX(0)"},out:{opacity:0,transform:"translateX(-100%)"},common:{transformOrigin:"right"},transitionProperty:"transform, opacity"},pop:{...gl("bottom"),common:{transformOrigin:"center center"}},"pop-bottom-left":{...gl("bottom"),common:{transformOrigin:"bottom left"}},"pop-bottom-right":{...gl("bottom"),common:{transformOrigin:"bottom right"}},"pop-top-left":{...gl("top"),common:{transformOrigin:"top left"}},"pop-top-right":{...gl("top"),common:{transformOrigin:"top right"}}},CS={entering:"in",entered:"in",exiting:"out",exited:"out","pre-exiting":"out","pre-entering":"out"};function M3({transition:e,state:t,duration:r,timingFunction:n}){const i={WebkitBackfaceVisibility:"hidden",willChange:"transform, opacity",transitionDuration:`${r}ms`,transitionTimingFunction:n};return typeof e=="string"?e in Ru?{transitionProperty:Ru[e].transitionProperty,...i,...Ru[e].common,...Ru[e][CS[t]]}:{}:{transitionProperty:e.transitionProperty,...i,...e.common,...e[CS[t]]}}function j3({duration:e,exitDuration:t,timingFunction:r,mounted:n,onEnter:i,onExit:a,onEntered:l,onExited:c,enterDelay:d,exitDelay:f}){const h=Rn(),m=jg(),w=h.respectReducedMotion?m:!1,[v,C]=g.useState(w?0:e),[x,R]=g.useState(n?"entered":"exited"),E=g.useRef(-1),P=g.useRef(-1),k=g.useRef(-1);function T(){window.clearTimeout(E.current),window.clearTimeout(P.current),cancelAnimationFrame(k.current)}const N=M=>{T();const O=M?i:a,B=M?l:c,H=w?0:M?e:t;C(H),H===0?(typeof O=="function"&&O(),typeof B=="function"&&B(),R(M?"entered":"exited")):k.current=requestAnimationFrame(()=>{Ws.flushSync(()=>{R(M?"pre-entering":"pre-exiting")}),k.current=requestAnimationFrame(()=>{typeof O=="function"&&O(),R(M?"entering":"exiting"),E.current=window.setTimeout(()=>{typeof B=="function"&&B(),R(M?"entered":"exited")},H)})})},j=M=>{if(T(),typeof(M?d:f)!="number"){N(M);return}P.current=window.setTimeout(()=>{N(M)},M?d:f)};return ua(()=>{j(n)},[n]),g.useEffect(()=>()=>{T()},[]),{transitionDuration:v,transitionStatus:x,transitionTimingFunction:r||"ease"}}function Vd({keepMounted:e,transition:t="fade",duration:r=250,exitDuration:n=r,mounted:i,children:a,timingFunction:l="ease",onExit:c,onEntered:d,onEnter:f,onExited:h,enterDelay:m,exitDelay:w}){const v=mR(),{transitionDuration:C,transitionStatus:x,transitionTimingFunction:R}=j3({mounted:i,exitDuration:n,duration:r,timingFunction:l,onExit:c,onEntered:d,onEnter:f,onExited:h,enterDelay:m,exitDelay:w});return C===0||v==="test"?i?b.jsx(b.Fragment,{children:a({})}):e?a({display:"none"}):null:x==="exited"?e?a({display:"none"}):null:b.jsx(b.Fragment,{children:a(M3({transition:t,duration:C,state:x,timingFunction:R}))})}Vd.displayName="@mantine/core/Transition";function sy({children:e,active:t=!0,refProp:r="ref",innerRef:n}){const i=h5(t),a=Co(i,n);return Og(e)?g.cloneElement(e,{[r]:a}):e}function uE(e){return b.jsx(ny,{tabIndex:-1,"data-autofocus":!0,...e})}sy.displayName="@mantine/core/FocusTrap";uE.displayName="@mantine/core/FocusTrapInitialFocus";sy.InitialFocus=uE;function L3({opened:e,floating:t,position:r,positionDependencies:n}){const[i,a]=g.useState(0);g.useEffect(()=>{if(t.refs.reference.current&&t.refs.floating.current&&e)return FR(t.refs.reference.current,t.refs.floating.current,t.update)},[t.refs.reference.current,t.refs.floating.current,e,i,r]),ua(()=>{t.update()},n),ua(()=>{a(l=>l+1)},[e])}var bn={root:"m_5ae2e3c",barsLoader:"m_7a2bd4cd",bar:"m_870bb79","bars-loader-animation":"m_5d2b3b9d",dotsLoader:"m_4e3f22d7",dot:"m_870c4af","loader-dots-animation":"m_aac34a1",ovalLoader:"m_b34414df","oval-loader-animation":"m_f8e89c4b"};const dE=g.forwardRef(({className:e,...t},r)=>b.jsxs(Ve,{component:"span",className:er(bn.barsLoader,e),...t,ref:r,children:[b.jsx("span",{className:bn.bar}),b.jsx("span",{className:bn.bar}),b.jsx("span",{className:bn.bar})]}));dE.displayName="@mantine/core/Bars";const fE=g.forwardRef(({className:e,...t},r)=>b.jsxs(Ve,{component:"span",className:er(bn.dotsLoader,e),...t,ref:r,children:[b.jsx("span",{className:bn.dot}),b.jsx("span",{className:bn.dot}),b.jsx("span",{className:bn.dot})]}));fE.displayName="@mantine/core/Dots";const pE=g.forwardRef(({className:e,...t},r)=>b.jsx(Ve,{component:"span",className:er(bn.ovalLoader,e),...t,ref:r}));pE.displayName="@mantine/core/Oval";const mE={bars:dE,oval:pE,dots:fE},F3={loaders:mE,type:"oval"},I3=(e,{size:t,color:r})=>({root:{"--loader-size":Hn(t,"loader-size"),"--loader-color":r?da(r,e):void 0}}),Hd=st((e,t)=>{const r=Ue("Loader",F3,e),{size:n,color:i,type:a,vars:l,className:c,style:d,classNames:f,styles:h,unstyled:m,loaders:w,variant:v,children:C,...x}=r,R=$t({name:"Loader",props:r,classes:bn,className:c,style:d,classNames:f,styles:h,unstyled:m,vars:l,varsResolver:I3});return C?b.jsx(Ve,{...R("root"),ref:t,...x,children:C}):b.jsx(Ve,{...R("root"),ref:t,component:w[a],variant:v,size:n,...x})});Hd.defaultLoaders=mE;Hd.classes=bn;Hd.displayName="@mantine/core/Loader";const hE=g.forwardRef(({size:e="var(--cb-icon-size, 70%)",style:t,...r},n)=>b.jsx("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{...t,width:e,height:e},ref:n,...r,children:b.jsx("path",{d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}));hE.displayName="@mantine/core/CloseIcon";var gE={root:"m_86a44da5","root--subtle":"m_220c80f2"};const U3={variant:"subtle"},$3=(e,{size:t,radius:r,iconSize:n})=>({root:{"--cb-size":Hn(t,"cb-size"),"--cb-radius":r===void 0?void 0:gi(r),"--cb-icon-size":ce(n)}}),Jl=wa((e,t)=>{const r=Ue("CloseButton",U3,e),{iconSize:n,children:i,vars:a,radius:l,className:c,classNames:d,style:f,styles:h,unstyled:m,"data-disabled":w,disabled:v,variant:C,icon:x,mod:R,__staticSelector:E,...P}=r,k=$t({name:E||"CloseButton",props:r,className:c,style:f,classes:gE,classNames:d,styles:h,unstyled:m,vars:a,varsResolver:$3});return b.jsxs(ry,{ref:t,...P,unstyled:m,variant:C,disabled:v,mod:[{disabled:v||w},R],...k("root",{variant:C,active:!v&&!w}),children:[x||b.jsx(hE,{}),i]})});Jl.classes=gE;Jl.displayName="@mantine/core/CloseButton";const[z3,Ro]=_d("ModalBase component was not found in tree");function B3({opened:e,transitionDuration:t}){const[r,n]=g.useState(e),i=g.useRef(-1),l=jg()?0:t;return g.useEffect(()=>(e?(n(!0),window.clearTimeout(i.current)):l===0?n(!1):i.current=window.setTimeout(()=>n(!1),l),()=>window.clearTimeout(i.current)),[e,l]),r}function q3({id:e,transitionProps:t,opened:r,trapFocus:n,closeOnEscape:i,onClose:a,returnFocus:l}){const c=Mg(e),[d,f]=g.useState(!1),[h,m]=g.useState(!1),w=typeof(t==null?void 0:t.duration)=="number"?t==null?void 0:t.duration:200,v=B3({opened:r,transitionDuration:w});return w5("keydown",C=>{var x;C.key==="Escape"&&i&&!C.isComposing&&r&&((x=C.target)==null?void 0:x.getAttribute("data-mantine-stop-propagation"))!=="true"&&a()},{capture:!0}),c5({opened:r,shouldReturnFocus:n&&l}),{_id:c,titleMounted:d,bodyMounted:h,shouldLockScroll:v,setTitleMounted:f,setBodyMounted:m}}const yE=g.forwardRef(({keepMounted:e,opened:t,onClose:r,id:n,transitionProps:i,onExitTransitionEnd:a,onEnterTransitionEnd:l,trapFocus:c,closeOnEscape:d,returnFocus:f,closeOnClickOutside:h,withinPortal:m,portalProps:w,lockScroll:v,children:C,zIndex:x,shadow:R,padding:E,__vars:P,unstyled:k,removeScrollProps:T,...N},j)=>{const{_id:M,titleMounted:O,bodyMounted:B,shouldLockScroll:H,setTitleMounted:Y,setBodyMounted:ne}=q3({id:n,transitionProps:i,opened:t,trapFocus:c,closeOnEscape:d,onClose:r,returnFocus:f}),{key:te,...K}=T||{};return b.jsx(Ql,{...w,withinPortal:m,children:b.jsx(z3,{value:{opened:t,onClose:r,closeOnClickOutside:h,onExitTransitionEnd:a,onEnterTransitionEnd:l,transitionProps:{...i,keepMounted:e},getTitleId:()=>`${M}-title`,getBodyId:()=>`${M}-body`,titleMounted:O,bodyMounted:B,setTitleMounted:Y,setBodyMounted:ne,trapFocus:c,closeOnEscape:d,zIndex:x,unstyled:k},children:b.jsx(Pl,{enabled:H&&v,...K,children:b.jsx(Ve,{ref:j,...N,__vars:{...P,"--mb-z-index":(x||xo("modal")).toString(),"--mb-shadow":aR(R),"--mb-padding":i5(E)},children:C})},te)})})});yE.displayName="@mantine/core/ModalBase";function V3(){const e=Ro();return g.useEffect(()=>(e.setBodyMounted(!0),()=>e.setBodyMounted(!1)),[]),e.getBodyId()}var ma={title:"m_615af6c9",header:"m_b5489c3c",inner:"m_60c222c7",content:"m_fd1ab0aa",close:"m_606cb269",body:"m_5df29311"};const vE=g.forwardRef(({className:e,...t},r)=>{const n=V3(),i=Ro();return b.jsx(Ve,{ref:r,...t,id:n,className:er({[ma.body]:!i.unstyled},e)})});vE.displayName="@mantine/core/ModalBaseBody";const bE=g.forwardRef(({className:e,onClick:t,...r},n)=>{const i=Ro();return b.jsx(Jl,{ref:n,...r,onClick:a=>{i.onClose(),t==null||t(a)},className:er({[ma.close]:!i.unstyled},e),unstyled:i.unstyled})});bE.displayName="@mantine/core/ModalBaseCloseButton";const wE=g.forwardRef(({transitionProps:e,className:t,innerProps:r,onKeyDown:n,style:i,...a},l)=>{const c=Ro();return b.jsx(Vd,{mounted:c.opened,transition:"pop",...c.transitionProps,onExited:()=>{var d,f,h;(d=c.onExitTransitionEnd)==null||d.call(c),(h=(f=c.transitionProps)==null?void 0:f.onExited)==null||h.call(f)},onEntered:()=>{var d,f,h;(d=c.onEnterTransitionEnd)==null||d.call(c),(h=(f=c.transitionProps)==null?void 0:f.onEntered)==null||h.call(f)},...e,children:d=>b.jsx("div",{...r,className:er({[ma.inner]:!c.unstyled},r.className),children:b.jsx(sy,{active:c.opened&&c.trapFocus,innerRef:l,children:b.jsx(oy,{...a,component:"section",role:"dialog",tabIndex:-1,"aria-modal":!0,"aria-describedby":c.bodyMounted?c.getBodyId():void 0,"aria-labelledby":c.titleMounted?c.getTitleId():void 0,style:[i,d],className:er({[ma.content]:!c.unstyled},t),unstyled:c.unstyled,children:a.children})})})})});wE.displayName="@mantine/core/ModalBaseContent";const SE=g.forwardRef(({className:e,...t},r)=>{const n=Ro();return b.jsx(Ve,{component:"header",ref:r,className:er({[ma.header]:!n.unstyled},e),...t})});SE.displayName="@mantine/core/ModalBaseHeader";const H3={duration:200,timingFunction:"ease",transition:"fade"};function W3(e){const t=Ro();return{...H3,...t.transitionProps,...e}}const xE=g.forwardRef(({onClick:e,transitionProps:t,style:r,visible:n,...i},a)=>{const l=Ro(),c=W3(t);return b.jsx(Vd,{mounted:n!==void 0?n:l.opened,...c,transition:"fade",children:d=>b.jsx(iy,{ref:a,fixed:!0,style:[r,d],zIndex:l.zIndex,unstyled:l.unstyled,onClick:f=>{e==null||e(f),l.closeOnClickOutside&&l.onClose()},...i})})});xE.displayName="@mantine/core/ModalBaseOverlay";function G3(){const e=Ro();return g.useEffect(()=>(e.setTitleMounted(!0),()=>e.setTitleMounted(!1)),[]),e.getTitleId()}const CE=g.forwardRef(({className:e,...t},r)=>{const n=G3(),i=Ro();return b.jsx(Ve,{component:"h2",ref:r,className:er({[ma.title]:!i.unstyled},e),...t,id:n})});CE.displayName="@mantine/core/ModalBaseTitle";function K3({children:e}){return b.jsx(b.Fragment,{children:e})}const[Y3,X3]=_g({size:"sm"}),Q3={},RE=st((e,t)=>{const r=Ue("InputClearButton",Q3,e),{size:n,variant:i,vars:a,classNames:l,styles:c,...d}=r,f=X3(),{resolvedClassNames:h,resolvedStyles:m}=J5({classNames:l,styles:c,props:r});return b.jsx(Jl,{variant:i||"transparent",ref:t,size:n||(f==null?void 0:f.size)||"sm",classNames:h,styles:m,__staticSelector:"InputClearButton",...d})});RE.displayName="@mantine/core/InputClearButton";const[J3,Wd]=_g({offsetBottom:!1,offsetTop:!1,describedBy:void 0,getStyles:null,inputId:void 0,labelId:void 0});var sn={wrapper:"m_6c018570",input:"m_8fb7ebe7",section:"m_82577fc2",placeholder:"m_88bacfd0",root:"m_46b77525",label:"m_8fdc1311",required:"m_78a94662",error:"m_8f816625",description:"m_fe47ce59"};const RS={},Z3=(e,{size:t})=>({description:{"--input-description-size":t===void 0?void 0:`calc(${Zi(t)} - ${ce(2)})`}}),Gd=st((e,t)=>{const r=Ue("InputDescription",RS,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,size:f,__staticSelector:h,__inheritStyles:m=!0,variant:w,...v}=Ue("InputDescription",RS,r),C=Wd(),x=$t({name:["InputWrapper",h],props:r,classes:sn,className:i,style:a,classNames:n,styles:l,unstyled:c,rootSelector:"description",vars:d,varsResolver:Z3}),R=m&&(C==null?void 0:C.getStyles)||x;return b.jsx(Ve,{component:"p",ref:t,variant:w,size:f,...R("description",C!=null&&C.getStyles?{className:i,style:a}:void 0),...v})});Gd.classes=sn;Gd.displayName="@mantine/core/InputDescription";const e4={},t4=(e,{size:t})=>({error:{"--input-error-size":t===void 0?void 0:`calc(${Zi(t)} - ${ce(2)})`}}),Kd=st((e,t)=>{const r=Ue("InputError",e4,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,size:f,__staticSelector:h,__inheritStyles:m=!0,variant:w,...v}=r,C=$t({name:["InputWrapper",h],props:r,classes:sn,className:i,style:a,classNames:n,styles:l,unstyled:c,rootSelector:"error",vars:d,varsResolver:t4}),x=Wd(),R=m&&(x==null?void 0:x.getStyles)||C;return b.jsx(Ve,{component:"p",ref:t,variant:w,size:f,...R("error",x!=null&&x.getStyles?{className:i,style:a}:void 0),...v})});Kd.classes=sn;Kd.displayName="@mantine/core/InputError";const ES={labelElement:"label"},r4=(e,{size:t})=>({label:{"--input-label-size":Zi(t),"--input-asterisk-color":void 0}}),Yd=st((e,t)=>{const r=Ue("InputLabel",ES,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,labelElement:f,size:h,required:m,htmlFor:w,onMouseDown:v,children:C,__staticSelector:x,variant:R,mod:E,...P}=Ue("InputLabel",ES,r),k=$t({name:["InputWrapper",x],props:r,classes:sn,className:i,style:a,classNames:n,styles:l,unstyled:c,rootSelector:"label",vars:d,varsResolver:r4}),T=Wd(),N=(T==null?void 0:T.getStyles)||k;return b.jsxs(Ve,{...N("label",T!=null&&T.getStyles?{className:i,style:a}:void 0),component:f,variant:R,size:h,ref:t,htmlFor:f==="label"?w:void 0,mod:[{required:m},E],onMouseDown:j=>{v==null||v(j),!j.defaultPrevented&&j.detail>1&&j.preventDefault()},...P,children:[C,m&&b.jsx("span",{...N("required"),"aria-hidden":!0,children:" *"})]})});Yd.classes=sn;Yd.displayName="@mantine/core/InputLabel";const kS={},ay=st((e,t)=>{const r=Ue("InputPlaceholder",kS,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,__staticSelector:f,variant:h,error:m,mod:w,...v}=Ue("InputPlaceholder",kS,r),C=$t({name:["InputPlaceholder",f],props:r,classes:sn,className:i,style:a,classNames:n,styles:l,unstyled:c,rootSelector:"placeholder"});return b.jsx(Ve,{...C("placeholder"),mod:[{error:!!m},w],component:"span",variant:h,ref:t,...v})});ay.classes=sn;ay.displayName="@mantine/core/InputPlaceholder";function n4(e,{hasDescription:t,hasError:r}){const n=e.findIndex(d=>d==="input"),i=e.slice(0,n),a=e.slice(n+1),l=t&&i.includes("description")||r&&i.includes("error");return{offsetBottom:t&&a.includes("description")||r&&a.includes("error"),offsetTop:l}}const o4={labelElement:"label",inputContainer:e=>e,inputWrapperOrder:["label","description","input","error"]},i4=(e,{size:t})=>({label:{"--input-label-size":Zi(t),"--input-asterisk-color":void 0},error:{"--input-error-size":t===void 0?void 0:`calc(${Zi(t)} - ${ce(2)})`},description:{"--input-description-size":t===void 0?void 0:`calc(${Zi(t)} - ${ce(2)})`}}),ly=st((e,t)=>{const r=Ue("InputWrapper",o4,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,size:f,variant:h,__staticSelector:m,inputContainer:w,inputWrapperOrder:v,label:C,error:x,description:R,labelProps:E,descriptionProps:P,errorProps:k,labelElement:T,children:N,withAsterisk:j,id:M,required:O,__stylesApiProps:B,mod:H,...Y}=r,ne=$t({name:["InputWrapper",m],props:B||r,classes:sn,className:i,style:a,classNames:n,styles:l,unstyled:c,vars:d,varsResolver:i4}),te={size:f,variant:h,__staticSelector:m},K=Mg(M),W=typeof j=="boolean"?j:O,U=(k==null?void 0:k.id)||`${K}-error`,z=(P==null?void 0:P.id)||`${K}-description`,_=K,I=!!x&&typeof x!="boolean",L=!!R,D=`${I?U:""} ${L?z:""}`,V=D.trim().length>0?D.trim():void 0,ee=(E==null?void 0:E.id)||`${K}-label`,re=C&&b.jsx(Yd,{labelElement:T,id:ee,htmlFor:_,required:W,...te,...E,children:C},"label"),oe=L&&b.jsx(Gd,{...P,...te,size:(P==null?void 0:P.size)||te.size,id:(P==null?void 0:P.id)||z,children:R},"description"),ie=b.jsx(g.Fragment,{children:w(N)},"input"),me=I&&g.createElement(Kd,{...k,...te,size:(k==null?void 0:k.size)||te.size,key:"error",id:(k==null?void 0:k.id)||U},x),ue=v?.map(pe=>{switch(pe){case"label":return re;case"input":return ie;case"description":return oe;case"error":return me;default:return null}});return b.jsx(J3,{value:{getStyles:ne,describedBy:V,inputId:_,labelId:ee,...n4(v,{hasDescription:L,hasError:I})},children:b.jsx(Ve,{ref:t,variant:h,size:f,mod:[{error:!!x},H],...ne("root"),...Y,children:ue})})});ly.classes=sn;ly.displayName="@mantine/core/InputWrapper";const s4={variant:"default",leftSectionPointerEvents:"none",rightSectionPointerEvents:"none",withAria:!0,withErrorStyles:!0},a4=(e,t,r)=>({wrapper:{"--input-margin-top":r.offsetTop?"calc(var(--mantine-spacing-xs) / 2)":void 0,"--input-margin-bottom":r.offsetBottom?"calc(var(--mantine-spacing-xs) / 2)":void 0,"--input-height":Hn(t.size,"input-height"),"--input-fz":Zi(t.size),"--input-radius":t.radius===void 0?void 0:gi(t.radius),"--input-left-section-width":t.leftSectionWidth!==void 0?ce(t.leftSectionWidth):void 0,"--input-right-section-width":t.rightSectionWidth!==void 0?ce(t.rightSectionWidth):void 0,"--input-padding-y":t.multiline?Hn(t.size,"input-padding-y"):void 0,"--input-left-section-pointer-events":t.leftSectionPointerEvents,"--input-right-section-pointer-events":t.rightSectionPointerEvents}}),tn=wa((e,t)=>{const r=Ue("Input",s4,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,required:d,__staticSelector:f,__stylesApiProps:h,size:m,wrapperProps:w,error:v,disabled:C,leftSection:x,leftSectionProps:R,leftSectionWidth:E,rightSection:P,rightSectionProps:k,rightSectionWidth:T,rightSectionPointerEvents:N,leftSectionPointerEvents:j,variant:M,vars:O,pointer:B,multiline:H,radius:Y,id:ne,withAria:te,withErrorStyles:K,mod:W,inputSize:U,__clearSection:z,__clearable:_,__defaultRightSection:I,...L}=r,{styleProps:D,rest:V}=$g(L),ee=Wd(),re={offsetBottom:ee==null?void 0:ee.offsetBottom,offsetTop:ee==null?void 0:ee.offsetTop},oe=$t({name:["Input",f],props:h||r,classes:sn,className:i,style:a,classNames:n,styles:l,unstyled:c,stylesCtx:re,rootSelector:"wrapper",vars:O,varsResolver:a4}),ie=te?{required:d,disabled:C,"aria-invalid":!!v,"aria-describedby":ee==null?void 0:ee.describedBy,id:(ee==null?void 0:ee.inputId)||ne}:{},me=P||_&&z||I;return b.jsx(Y3,{value:{size:m||"sm"},children:b.jsxs(Ve,{...oe("wrapper"),...D,...w,mod:[{error:!!v&&K,pointer:B,disabled:C,multiline:H,"data-with-right-section":!!me,"data-with-left-section":!!x},W],variant:M,size:m,children:[x&&b.jsx("div",{...R,"data-position":"left",...oe("section",{className:R==null?void 0:R.className,style:R==null?void 0:R.style}),children:x}),b.jsx(Ve,{component:"input",...V,...ie,ref:t,required:d,mod:{disabled:C,error:!!v&&K},variant:M,__size:U,...oe("input")}),me&&b.jsx("div",{...k,"data-position":"right",...oe("section",{className:k==null?void 0:k.className,style:k==null?void 0:k.style}),children:me})]})})});tn.classes=sn;tn.Wrapper=ly;tn.Label=Yd;tn.Error=Kd;tn.Description=Gd;tn.Placeholder=ay;tn.ClearButton=RE;tn.displayName="@mantine/core/Input";function l4(e,t,r){const n=Ue(e,t,r),{label:i,description:a,error:l,required:c,classNames:d,styles:f,className:h,unstyled:m,__staticSelector:w,__stylesApiProps:v,errorProps:C,labelProps:x,descriptionProps:R,wrapperProps:E,id:P,size:k,style:T,inputContainer:N,inputWrapperOrder:j,withAsterisk:M,variant:O,vars:B,mod:H,...Y}=n,{styleProps:ne,rest:te}=$g(Y),K={label:i,description:a,error:l,required:c,classNames:d,className:h,__staticSelector:w,__stylesApiProps:v||n,errorProps:C,labelProps:x,descriptionProps:R,unstyled:m,styles:f,size:k,style:T,inputContainer:N,inputWrapperOrder:j,withAsterisk:M,variant:O,id:P,mod:H,...E};return{...te,classNames:d,styles:f,unstyled:m,wrapperProps:{...K,...ne},inputProps:{required:c,classNames:d,styles:f,unstyled:m,size:k,__staticSelector:w,__stylesApiProps:v||n,error:l,variant:O,id:P}}}const c4={__staticSelector:"InputBase",withAria:!0},Xd=wa((e,t)=>{const{inputProps:r,wrapperProps:n,...i}=l4("InputBase",c4,e);return b.jsx(tn.Wrapper,{...n,children:b.jsx(tn,{...r,...i,ref:t})})});Xd.classes={...tn.classes,...tn.Wrapper.classes};Xd.displayName="@mantine/core/InputBase";function kh(){return kh=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},kh.apply(null,arguments)}function EE(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}const[u4,Ca]=_d("Modal component was not found in tree");var Eo={root:"m_9df02822",content:"m_54c44539",inner:"m_1f958f16",header:"m_d0e2b9cd"};const d4={},Qd=st((e,t)=>{const r=Ue("ModalBody",d4,e),{classNames:n,className:i,style:a,styles:l,vars:c,...d}=r,f=Ca();return b.jsx(vE,{ref:t,...f.getStyles("body",{classNames:n,style:a,styles:l,className:i}),...d})});Qd.classes=Eo;Qd.displayName="@mantine/core/ModalBody";const f4={},Jd=st((e,t)=>{const r=Ue("ModalCloseButton",f4,e),{classNames:n,className:i,style:a,styles:l,vars:c,...d}=r,f=Ca();return b.jsx(bE,{ref:t,...f.getStyles("close",{classNames:n,style:a,styles:l,className:i}),...d})});Jd.classes=Eo;Jd.displayName="@mantine/core/ModalCloseButton";const p4={},Zd=st((e,t)=>{const r=Ue("ModalContent",p4,e),{classNames:n,className:i,style:a,styles:l,vars:c,children:d,__hidden:f,...h}=r,m=Ca(),w=m.scrollAreaComponent||K3;return b.jsx(wE,{...m.getStyles("content",{className:i,style:a,styles:l,classNames:n}),innerProps:m.getStyles("inner",{className:i,style:a,styles:l,classNames:n}),"data-full-screen":m.fullScreen||void 0,"data-modal-content":!0,"data-hidden":f||void 0,ref:t,...h,children:b.jsx(w,{style:{maxHeight:m.fullScreen?"100dvh":`calc(100dvh - (${ce(m.yOffset)} * 2))`},children:d})})});Zd.classes=Eo;Zd.displayName="@mantine/core/ModalContent";const m4={},ef=st((e,t)=>{const r=Ue("ModalHeader",m4,e),{classNames:n,className:i,style:a,styles:l,vars:c,...d}=r,f=Ca();return b.jsx(SE,{ref:t,...f.getStyles("header",{classNames:n,style:a,styles:l,className:i}),...d})});ef.classes=Eo;ef.displayName="@mantine/core/ModalHeader";const h4={},tf=st((e,t)=>{const r=Ue("ModalOverlay",h4,e),{classNames:n,className:i,style:a,styles:l,vars:c,...d}=r,f=Ca();return b.jsx(xE,{ref:t,...f.getStyles("overlay",{classNames:n,style:a,styles:l,className:i}),...d})});tf.classes=Eo;tf.displayName="@mantine/core/ModalOverlay";const g4={__staticSelector:"Modal",closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:xo("modal"),transitionProps:{duration:200,transition:"fade-down"},yOffset:"5dvh"},y4=(e,{radius:t,size:r,yOffset:n,xOffset:i})=>({root:{"--modal-radius":t===void 0?void 0:gi(t),"--modal-size":Hn(r,"modal-size"),"--modal-y-offset":ce(n),"--modal-x-offset":ce(i)}}),rf=st((e,t)=>{const r=Ue("ModalRoot",g4,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,yOffset:f,scrollAreaComponent:h,radius:m,fullScreen:w,centered:v,xOffset:C,__staticSelector:x,...R}=r,E=$t({name:x,classes:Eo,props:r,className:i,style:a,classNames:n,styles:l,unstyled:c,vars:d,varsResolver:y4});return b.jsx(u4,{value:{yOffset:f,scrollAreaComponent:h,getStyles:E,fullScreen:w},children:b.jsx(yE,{ref:t,...E("root"),"data-full-screen":w||void 0,"data-centered":v||void 0,"data-offset-scrollbars":h===Xl.Autosize||void 0,unstyled:c,...R})})});rf.classes=Eo;rf.displayName="@mantine/core/ModalRoot";const[v4,b4]=_g();function kE({children:e}){const[t,r]=g.useState([]),[n,i]=g.useState(xo("modal"));return b.jsx(v4,{value:{stack:t,addModal:(a,l)=>{r(c=>[...new Set([...c,a])]),i(c=>typeof l=="number"&&typeof c=="number"?Math.max(c,l):c)},removeModal:a=>r(l=>l.filter(c=>c!==a)),getZIndex:a=>`calc(${n} + ${t.indexOf(a)} + 1)`,currentId:t[t.length-1],maxZIndex:n},children:e})}kE.displayName="@mantine/core/ModalStack";const w4={},nf=st((e,t)=>{const r=Ue("ModalTitle",w4,e),{classNames:n,className:i,style:a,styles:l,vars:c,...d}=r,f=Ca();return b.jsx(CE,{ref:t,...f.getStyles("title",{classNames:n,style:a,styles:l,className:i}),...d})});nf.classes=Eo;nf.displayName="@mantine/core/ModalTitle";const S4={closeOnClickOutside:!0,withinPortal:!0,lockScroll:!0,trapFocus:!0,returnFocus:!0,closeOnEscape:!0,keepMounted:!1,zIndex:xo("modal"),transitionProps:{duration:200,transition:"fade-down"},withOverlay:!0,withCloseButton:!0},En=st((e,t)=>{const{title:r,withOverlay:n,overlayProps:i,withCloseButton:a,closeButtonProps:l,children:c,radius:d,opened:f,stackId:h,zIndex:m,...w}=Ue("Modal",S4,e),v=b4(),C=!!r||a,x=v&&h?{closeOnEscape:v.currentId===h,trapFocus:v.currentId===h,zIndex:v.getZIndex(h)}:{},R=n===!1?!1:h&&v?v.currentId===h:f;return g.useEffect(()=>{v&&h&&(f?v.addModal(h,m||xo("modal")):v.removeModal(h))},[f,h,m]),b.jsxs(rf,{ref:t,radius:d,opened:f,zIndex:v&&h?v.getZIndex(h):m,...w,...x,children:[n&&b.jsx(tf,{visible:R,transitionProps:v&&h?{duration:0}:void 0,...i}),b.jsxs(Zd,{radius:d,__hidden:v&&h&&f?h!==v.currentId:!1,children:[C&&b.jsxs(ef,{children:[r&&b.jsx(nf,{children:r}),a&&b.jsx(Jd,{...l})]}),b.jsx(Qd,{children:c})]})]})});En.classes=Eo;En.displayName="@mantine/core/Modal";En.Root=rf;En.Overlay=tf;En.Content=Zd;En.Body=Qd;En.Header=ef;En.Title=nf;En.CloseButton=Jd;En.Stack=kE;var PE={root:"m_a513464",icon:"m_a4ceffb",loader:"m_b0920b15",body:"m_a49ed24",title:"m_3feedf16",description:"m_3d733a3a",closeButton:"m_919a4d88"};const x4={withCloseButton:!0},C4=(e,{radius:t,color:r})=>({root:{"--notification-radius":t===void 0?void 0:gi(t),"--notification-color":r?da(r,e):void 0}}),cy=st((e,t)=>{const r=Ue("Notification",x4,e),{className:n,color:i,radius:a,loading:l,withCloseButton:c,withBorder:d,title:f,icon:h,children:m,onClose:w,closeButtonProps:v,classNames:C,style:x,styles:R,unstyled:E,variant:P,vars:k,mod:T,loaderProps:N,role:j,...M}=r,O=$t({name:"Notification",classes:PE,props:r,className:n,style:x,classNames:C,styles:R,unstyled:E,vars:k,varsResolver:C4});return b.jsxs(Ve,{...O("root"),mod:[{"data-with-icon":!!h||l,"data-with-border":d},T],ref:t,variant:P,role:j||"alert",...M,children:[h&&!l&&b.jsx("div",{...O("icon"),children:h}),l&&b.jsx(Hd,{size:28,color:i,...N,...O("loader")}),b.jsxs("div",{...O("body"),children:[f&&b.jsx("div",{...O("title"),children:f}),b.jsx(Ve,{...O("description"),mod:{"data-with-title":!!f},children:m})]}),c&&b.jsx(Jl,{iconSize:16,color:"gray",...v,unstyled:E,onClick:w,...O("closeButton")})]})});cy.classes=PE;cy.displayName="@mantine/core/Notification";const R4={duration:100,transition:"fade"};function E4(e,t){return{...R4,...t,...e}}function k4({offset:e,position:t,defaultOpened:r}){const[n,i]=g.useState(r),a=g.useRef(null),{x:l,y:c,elements:d,refs:f,update:h,placement:m}=HR({placement:t,middleware:[Yg({crossAxis:!0,padding:5,rootBoundary:"document"})]}),w=m.includes("right")?e:t.includes("left")?e*-1:0,v=m.includes("bottom")?e:t.includes("top")?e*-1:0,C=g.useCallback(({clientX:x,clientY:R})=>{f.setPositionReference({getBoundingClientRect(){return{width:0,height:0,x,y:R,left:x+w,top:R+v,right:x,bottom:R}}})},[d.reference]);return g.useEffect(()=>{if(f.floating.current){const x=a.current;x.addEventListener("mousemove",C);const R=ho(f.floating.current);return R.forEach(E=>{E.addEventListener("scroll",h)}),()=>{x.removeEventListener("mousemove",C),R.forEach(E=>{E.removeEventListener("scroll",h)})}}},[d.reference,f.floating.current,h,C,n]),{handleMouseMove:C,x:l,y:c,opened:n,setOpened:i,boundaryRef:a,floating:f.setFloating}}var of={tooltip:"m_1b3c8819",arrow:"m_f898399f"};const P4={refProp:"ref",withinPortal:!0,offset:10,defaultOpened:!1,position:"right",zIndex:xo("popover")},A4=(e,{radius:t,color:r})=>({tooltip:{"--tooltip-radius":t===void 0?void 0:gi(t),"--tooltip-bg":r?da(r,e):void 0,"--tooltip-color":r?"var(--mantine-color-white)":void 0}}),uy=st((e,t)=>{const r=Ue("TooltipFloating",P4,e),{children:n,refProp:i,withinPortal:a,style:l,className:c,classNames:d,styles:f,unstyled:h,radius:m,color:w,label:v,offset:C,position:x,multiline:R,zIndex:E,disabled:P,defaultOpened:k,variant:T,vars:N,portalProps:j,...M}=r,O=Rn(),B=$t({name:"TooltipFloating",props:r,classes:of,className:c,style:l,classNames:d,styles:f,unstyled:h,rootSelector:"tooltip",vars:N,varsResolver:A4}),{handleMouseMove:H,x:Y,y:ne,opened:te,boundaryRef:K,floating:W,setOpened:U}=k4({offset:C,position:x,defaultOpened:k});if(!Og(n))throw new Error("[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported");const z=Co(K,pR(n),t),_=n.props,I=D=>{var V;(V=_.onMouseEnter)==null||V.call(_,D),H(D),U(!0)},L=D=>{var V;(V=_.onMouseLeave)==null||V.call(_,D),U(!1)};return b.jsxs(b.Fragment,{children:[b.jsx(Ql,{...j,withinPortal:a,children:b.jsx(Ve,{...M,...B("tooltip",{style:{...wR(l,O),zIndex:E,display:!P&&te?"block":"none",top:(ne&&Math.round(ne))??"",left:(Y&&Math.round(Y))??""}}),variant:T,ref:W,mod:{multiline:R},children:v})}),g.cloneElement(n,{..._,[i]:z,onMouseEnter:I,onMouseLeave:L})]})});uy.classes=of;uy.displayName="@mantine/core/TooltipFloating";const AE=g.createContext(!1),T4=AE.Provider,N4=()=>g.useContext(AE),D4={openDelay:0,closeDelay:0};function dy(e){const{openDelay:t,closeDelay:r,children:n}=Ue("TooltipGroup",D4,e);return b.jsx(T4,{value:!0,children:b.jsx(r3,{delay:{open:t,close:r},children:n})})}dy.displayName="@mantine/core/TooltipGroup";dy.extend=e=>e;function O4(e){if(e===void 0)return{shift:!0,flip:!0};const t={...e};return e.shift===void 0&&(t.shift=!0),e.flip===void 0&&(t.flip=!0),t}function _4(e){const t=O4(e.middlewares),r=[$R(e.offset)];return t.shift&&r.push(Yg(typeof t.shift=="boolean"?{padding:8}:{padding:8,...t.shift})),t.flip&&r.push(typeof t.flip=="boolean"?xh():xh(t.flip)),r.push(zR({element:e.arrowRef,padding:e.arrowOffset})),t.inline?r.push(typeof t.inline=="boolean"?Nm():Nm(t.inline)):e.inline&&r.push(Nm()),r}function M4(e){var j,M,O;const[t,r]=g.useState(e.defaultOpened),i=typeof e.opened=="boolean"?e.opened:t,a=N4(),l=Mg(),c=g.useCallback(B=>{r(B),B&&P(l)},[l]),{x:d,y:f,context:h,refs:m,update:w,placement:v,middlewareData:{arrow:{x:C,y:x}={}}}=HR({strategy:e.strategy,placement:e.position,open:i,onOpenChange:c,middleware:_4(e)}),{delay:R,currentId:E,setCurrentId:P}=n3(h,{id:l}),{getReferenceProps:k,getFloatingProps:T}=u3([e3(h,{enabled:(j=e.events)==null?void 0:j.hover,delay:a?R:{open:e.openDelay,close:e.closeDelay},mouseOnly:!((M=e.events)!=null&&M.touch)}),c3(h,{enabled:(O=e.events)==null?void 0:O.focus,visibleOnly:!0}),f3(h,{role:"tooltip"}),a3(h,{enabled:typeof e.opened>"u"})]);L3({opened:i,position:e.position,positionDependencies:e.positionDependencies,floating:{refs:m,update:w}}),ua(()=>{var B;(B=e.onPositionChange)==null||B.call(e,v)},[v]);const N=i&&E&&E!==l;return{x:d,y:f,arrowX:C,arrowY:x,reference:m.setReference,floating:m.setFloating,getFloatingProps:T,getReferenceProps:k,isGroupPhase:N,opened:i,placement:v}}const PS={position:"top",refProp:"ref",withinPortal:!0,inline:!1,defaultOpened:!1,arrowSize:4,arrowOffset:5,arrowRadius:0,arrowPosition:"side",offset:5,transitionProps:{duration:100,transition:"fade"},events:{hover:!0,focus:!1,touch:!1},zIndex:xo("popover"),positionDependencies:[],middlewares:{flip:!0,shift:!0,inline:!1}},j4=(e,{radius:t,color:r})=>({tooltip:{"--tooltip-radius":t===void 0?void 0:gi(t),"--tooltip-bg":r?da(r,e):void 0,"--tooltip-color":r?"var(--mantine-color-white)":void 0}}),Zl=st((e,t)=>{const r=Ue("Tooltip",PS,e),{children:n,position:i,refProp:a,label:l,openDelay:c,closeDelay:d,onPositionChange:f,opened:h,defaultOpened:m,withinPortal:w,radius:v,color:C,classNames:x,styles:R,unstyled:E,style:P,className:k,withArrow:T,arrowSize:N,arrowOffset:j,arrowRadius:M,arrowPosition:O,offset:B,transitionProps:H,multiline:Y,events:ne,zIndex:te,disabled:K,positionDependencies:W,onClick:U,onMouseEnter:z,onMouseLeave:_,inline:I,variant:L,keepMounted:D,vars:V,portalProps:ee,mod:re,floatingStrategy:oe,middlewares:ie,...me}=Ue("Tooltip",PS,r),{dir:ue}=Bg(),pe=g.useRef(null),ve=M4({position:P3(ue,i),closeDelay:d,openDelay:c,onPositionChange:f,opened:h,defaultOpened:m,events:ne,arrowRef:pe,arrowOffset:j,offset:typeof B=="number"?B+(T?N/2:0):B,positionDependencies:[...W,n],inline:I,strategy:oe,middlewares:ie}),ge=$t({name:"Tooltip",props:r,classes:of,className:k,style:P,classNames:x,styles:R,unstyled:E,rootSelector:"tooltip",vars:V,varsResolver:j4});if(!Og(n))throw new Error("[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported");const Me=Co(ve.reference,pR(n),t),ze=E4(H,{duration:100,transition:"fade"}),We=n.props;return b.jsxs(b.Fragment,{children:[b.jsx(Ql,{...ee,withinPortal:w,children:b.jsx(Vd,{...ze,keepMounted:D,mounted:!K&&!!ve.opened,duration:ve.isGroupPhase?10:ze.duration,children:Pt=>b.jsxs(Ve,{...me,"data-fixed":oe==="fixed"||void 0,variant:L,mod:[{multiline:Y},re],...ve.getFloatingProps({ref:ve.floating,className:ge("tooltip").className,style:{...ge("tooltip").style,...Pt,zIndex:te,top:ve.y??0,left:ve.x??0}}),children:[l,b.jsx(aE,{ref:pe,arrowX:ve.arrowX,arrowY:ve.arrowY,visible:T,position:ve.placement,arrowSize:N,arrowOffset:j,arrowRadius:M,arrowPosition:O,...ge("arrow")})]})})}),g.cloneElement(n,ve.getReferenceProps({onClick:U,onMouseEnter:z,onMouseLeave:_,onMouseMove:r.onMouseMove,onPointerDown:r.onPointerDown,onPointerEnter:r.onPointerEnter,className:er(k,We.className),...We,[a]:Me}))]})});Zl.classes=of;Zl.displayName="@mantine/core/Tooltip";Zl.Floating=uy;Zl.Group=dy;const L4={},fy=st((e,t)=>{const r=Ue("TextInput",L4,e);return b.jsx(Xd,{component:"input",ref:t,...r,__staticSelector:"TextInput"})});fy.classes=Xd.classes;fy.displayName="@mantine/core/TextInput";const F4=g.forwardRef(({className:e,type:t,...r},n)=>b.jsx(fy,{ref:n,type:t,classNames:{input:kt("h-9 rounded-md border-input bg-background px-3 py-1 text-sm shadow-xs","placeholder:text-muted-foreground","focus:border-ring focus:ring-2 focus:ring-ring/30","disabled:cursor-not-allowed disabled:opacity-50",e),wrapper:"w-full",root:"w-full"},styles:{input:{minHeight:"36px"}},...r}));F4.displayName="Input";g.createContext({open:!1,setOpen:()=>{},side:"right",setSide:()=>{}});const py=g.createContext({label:null,setLabel:()=>{}});function I4({children:e,delayDuration:t}){return b.jsx(b.Fragment,{children:e})}function d7({children:e}){const[t,r]=g.useState(null);return b.jsx(py.Provider,{value:{label:t,setLabel:r},children:e})}function f7({children:e,asChild:t,className:r,...n}){const{label:i}=g.useContext(py),a=t&&g.isValidElement(e)?e:b.jsx("button",{type:"button","data-slot":"tooltip-trigger",className:kt("cursor-pointer",r),...n,children:e});return b.jsx(Zl,{label:i??"",disabled:!i,withArrow:!0,arrowSize:6,children:a})}function p7({children:e,className:t,sideOffset:r,...n}){const{setLabel:i}=g.useContext(py);return g.useEffect(()=>(i(e),()=>i(null)),[e,i]),null}const U4="sidebar_state",$4=3600*24*7,z4="16rem",B4="3rem",q4="b",TE=g.createContext(null);function NE(){const e=g.useContext(TE);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function V4({defaultOpen:e=!0,open:t,onOpenChange:r,className:n,style:i,children:a,...l}){const c=EI(),[d,f]=g.useState(!1),[h,m]=g.useState(e),w=t??h,v=g.useCallback(E=>{const P=typeof E=="function"?E(w):E;r?r(P):m(P),document.cookie=`${U4}=${P}; path=/; max-age=${$4}`},[r,w]),C=g.useCallback(()=>c?f(E=>!E):v(E=>!E),[c,v,f]);g.useEffect(()=>{const E=P=>{P.key===q4&&(P.metaKey||P.ctrlKey)&&(P.preventDefault(),C())};return window.addEventListener("keydown",E),()=>window.removeEventListener("keydown",E)},[C]);const x=w?"expanded":"collapsed",R=g.useMemo(()=>({state:x,open:w,setOpen:v,isMobile:c,openMobile:d,setOpenMobile:f,toggleSidebar:C}),[x,w,v,c,d,f,C]);return b.jsx(TE.Provider,{value:R,children:b.jsx(I4,{delayDuration:0,children:b.jsx("div",{"data-slot":"sidebar-wrapper",style:{"--sidebar-width":z4,"--sidebar-width-icon":B4,...i},className:kt("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",n),...l,children:a})})})}const Ph={sidebar:{bg:"linear-gradient(180deg, #1E293B 0%, #0F172A 100%)",headerBg:"rgba(30, 41, 59, 0.82)",footerBg:"rgba(15, 23, 42, 0.62)",border:"rgba(255,255,255,0.10)",text:"rgba(255,255,255,0.76)",mutedText:"rgba(255,255,255,0.42)",childText:"rgba(255,255,255,0.68)",activeText:"#FFFFFF",iconBg:"rgba(255,255,255,0.06)",iconActiveBg:"rgba(255,255,255,0.12)",hoverBg:"rgba(255,255,255,0.08)",activeBg:"rgba(255,255,255,0.15)",activeBorder:"rgba(255,255,255,0.14)",sectionLine:"rgba(255,255,255,0.10)",rail:"linear-gradient(180deg, #6366F1 0%, #3B82F6 100%)"},header:{bg:"rgba(255,255,255,0.92)",border:"rgba(15, 23, 42, 0.08)",searchBg:"#F9FAFB",searchBorder:"#E5E7EB",title:"#1F2937",subtitle:"#6B7280"},page:{bg:"#F8FAFC",cardBg:"rgba(255,255,255,0.92)"},brand:{brick:"#1E293B",brickDark:"#0F172A",blue:"#3B82F6",blueDark:"#2563EB",gold:"#6366F1",text:"#1F2937"},sizes:{sidebarExpanded:288,sidebarCollapsed:80,headerHeight:64}},H4={...Ph,header:{bg:"rgba(26, 27, 30, 0.92)",border:"rgba(255,255,255,0.08)",searchBg:"#25262B",searchBorder:"#2C2E33",title:"#F1F5F9",subtitle:"#9CA3AF"},page:{bg:"#141517",cardBg:"rgba(26, 27, 30, 0.92)"},brand:{...Ph.brand,text:"#F1F5F9"}};function W4(){var r,n;const e=Rn(),{colorScheme:t}=bR();return t==="dark"?((r=e.other)==null?void 0:r.fhcLayoutDark)??H4:((n=e.other)==null?void 0:n.fhcLayout)??Ph}const G4=({topOffset:e="0px",showBrand:t=!0})=>{var U;const{t:r}=So(),{all:n}=LC(),i=W4(),{open:a,setOpen:l,isMobile:c,openMobile:d,setOpenMobile:f}=NE(),h=Dd(),m=h.layout,w=!c&&!a,v=(z,_)=>`var(--um-${z}, ${_})`,C=v("sidebar-bg",i.sidebar.bg),x=v("sidebar-fg",i.sidebar.text),R=v("sidebar-muted",i.sidebar.mutedText),E=v("sidebar-active-bg",i.sidebar.activeBg),P=v("sidebar-active-fg",i.sidebar.activeText),k=v("sidebar-hover-bg",i.sidebar.hoverBg),T=v("sidebar-border",i.sidebar.border),N=v("sidebar-rail",i.sidebar.rail),j=`var(--um-sidebar-width, ${i.sizes.sidebarExpanded}px)`,M=`var(--um-sidebar-collapsed-width, ${i.sizes.sidebarCollapsed}px)`,O=w?M:j,B=(m==null?void 0:m.sidebarBrandLabel)??"User Management",H=(m==null?void 0:m.sidebarBrandSublabel)??"",Y=(U=h.brand)==null?void 0:U.logoUrl,ne=()=>f(!1),te=b.jsx("nav",{className:"flex flex-col gap-1.5 px-3 py-4 overflow-y-auto flex-1 scrollbar-none",children:n?.map(z=>b.jsxs(gg,{to:z.href,onClick:c?ne:void 0,title:w?r(`organization.${z.label}`):void 0,className:"group relative flex items-center rounded-xl transition-colors",style:({isActive:_})=>({gap:12,padding:w?"10px":"10px 12px",justifyContent:w?"center":"flex-start",background:_?E:"transparent",color:_?P:x,border:`1px solid ${_?T:"transparent"}`}),onMouseEnter:_=>{_.currentTarget.getAttribute("aria-current")||(_.currentTarget.style.background=k)},onMouseLeave:_=>{_.currentTarget.getAttribute("aria-current")||(_.currentTarget.style.background="transparent")},children:[b.jsx("span",{className:"flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg [&_svg]:h-5 [&_svg]:w-5",children:z.icon}),!w&&b.jsx("span",{className:"min-w-0 flex-1 truncate text-sm font-semibold",children:r(`organization.${z.label}`)})]},z.key))}),K=b.jsxs("div",{className:"flex items-center gap-3 px-4",style:{height:`var(--um-header-height, ${i.sizes.headerHeight}px)`,borderBottom:`1px solid ${T}`,justifyContent:w?"center":"flex-start"},children:[b.jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-white",style:{color:i.brand.brick},children:Y?b.jsx("img",{src:Y,alt:"",className:"h-7 w-7 object-contain"}):b.jsx(Km,{className:"h-6 w-6"})}),!w&&b.jsxs("div",{className:"min-w-0",children:[b.jsx("p",{className:"truncate text-xs font-extrabold uppercase tracking-widest",style:{color:P},children:B}),H&&b.jsx("p",{className:"truncate text-[10px] uppercase tracking-[0.2em]",style:{color:R},children:H})]})]}),W=b.jsxs("div",{className:"flex h-full flex-col",style:{background:C,color:x},children:[t&&K,te,!c&&b.jsxs("button",{type:"button",onClick:()=>l(!a),className:"flex items-center justify-center gap-2 py-2.5 text-xs font-medium transition-colors hover:opacity-90",style:{borderTop:`1px solid ${T}`,color:R},"aria-label":w?"Expand menu":"Collapse menu",children:[w?b.jsx(CD,{className:"h-4 w-4"}):b.jsx(SD,{className:"h-4 w-4"}),!w&&b.jsx("span",{children:"Collapse"})]}),b.jsx("div",{style:{height:4,background:N,opacity:.9}})]});return c?b.jsxs(b.Fragment,{children:[d&&b.jsx("div",{className:"fixed inset-0 z-40 bg-black/40 backdrop-blur-sm md:hidden",onClick:ne,"aria-hidden":!0}),b.jsx("aside",{className:"fixed inset-y-0 left-0 z-50 transition-transform duration-300 md:hidden",style:{width:j,maxWidth:"85vw",transform:d?"translateX(0)":"translateX(-100%)",boxShadow:d?"0 10px 40px rgba(0,0,0,0.35)":"none"},children:b.jsxs("div",{className:"relative h-full",children:[b.jsx("button",{type:"button",onClick:ne,className:"absolute right-3 top-3 z-10 rounded-md p-1",style:{color:R},"aria-label":"Close menu",children:b.jsx(bg,{className:"h-5 w-5"})}),W]})})]}):b.jsx("aside",{className:"hidden md:block flex-shrink-0 transition-[width] duration-300",style:{width:O,borderRight:`1px solid ${T}`},children:b.jsx("div",{className:"sticky",style:{top:e,height:`calc(100vh - ${e})`},children:W})})};function He(e,t,{checkForDefaultPrevented:r=!0}={}){return function(i){if(e==null||e(i),r===!1||!i.defaultPrevented)return t==null?void 0:t(i)}}function AS(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function my(...e){return t=>{let r=!1;const n=e?.map(i=>{const a=AS(i,t);return!r&&typeof a=="function"&&(r=!0),a});if(r)return()=>{for(let i=0;i<n.length;i++){const a=n[i];typeof a=="function"?a():AS(e[i],null)}}}}function Nr(...e){return g.useCallback(my(...e),e)}function m7(e,t){const r=g.createContext(t);r.displayName=e+"Context";const n=a=>{const{children:l,...c}=a,d=g.useMemo(()=>c,Object.values(c));return b.jsx(r.Provider,{value:d,children:l})};n.displayName=e+"Provider";function i(a){const l=g.useContext(r);if(l)return l;if(t!==void 0)return t;throw new Error(`\`${a}\` must be used within \`${e}\``)}return[n,i]}function ec(e,t=[]){let r=[];function n(a,l){const c=g.createContext(l);c.displayName=a+"Context";const d=r.length;r=[...r,l];const f=m=>{var E;const{scope:w,children:v,...C}=m,x=((E=w==null?void 0:w[e])==null?void 0:E[d])||c,R=g.useMemo(()=>C,Object.values(C));return b.jsx(x.Provider,{value:R,children:v})};f.displayName=a+"Provider";function h(m,w){var x;const v=((x=w==null?void 0:w[e])==null?void 0:x[d])||c,C=g.useContext(v);if(C)return C;if(l!==void 0)return l;throw new Error(`\`${m}\` must be used within \`${a}\``)}return[f,h]}const i=()=>{const a=r?.map(l=>g.createContext(l));return function(c){const d=(c==null?void 0:c[e])||a;return g.useMemo(()=>({[`__scope${e}`]:{...c,[e]:d}}),[c,d])}};return i.scopeName=e,[n,K4(i,...t)]}function K4(...e){const t=e[0];if(e.length===1)return t;const r=()=>{const n=e?.map(i=>({useScope:i(),scopeName:i.scopeName}));return function(a){const l=n.reduce((c,{useScope:d,scopeName:f})=>{const m=d(a)[`__scope${f}`];return{...c,...m}},{});return g.useMemo(()=>({[`__scope${t.scopeName}`]:l}),[l])}};return r.scopeName=t.scopeName,r}var go=globalThis!=null&&globalThis.document?g.useLayoutEffect:()=>{},Y4=wd[" useInsertionEffect ".trim().toString()]||go;function DE({prop:e,defaultProp:t,onChange:r=()=>{},caller:n}){const[i,a,l]=X4({defaultProp:t,onChange:r}),c=e!==void 0,d=c?e:i;{const h=g.useRef(e!==void 0);g.useEffect(()=>{const m=h.current;if(m!==c){const w=m?"controlled":"uncontrolled",v=c?"controlled":"uncontrolled"}h.current=c},[c,n])}const f=g.useCallback(h=>{var m;if(c){const w=Q4(h)?h(e):h;w!==e&&((m=l.current)==null||m.call(l,w))}else a(h)},[c,e,a,l]);return[d,f]}function X4({defaultProp:e,onChange:t}){const[r,n]=g.useState(e),i=g.useRef(r),a=g.useRef(t);return Y4(()=>{a.current=t},[t]),g.useEffect(()=>{var l;i.current!==r&&((l=a.current)==null||l.call(a,r),i.current=r)},[r,i]),[r,n,a]}function Q4(e){return typeof e=="function"}function dd(e){const t=g.forwardRef((r,n)=>{let{children:i,...a}=r,l=null,c=!1;const d=[];TS(i)&&typeof Eu=="function"&&(i=Eu(i._payload)),g.Children.forEach(i,w=>{var v;if(rB(w)){c=!0;const C=w;let x="child"in C.props?C.props.child:C.props.children;TS(x)&&typeof Eu=="function"&&(x=Eu(x._payload)),l=Z4(C,x),d.push((v=l==null?void 0:l.props)==null?void 0:v.children)}else d.push(w)}),l?l=g.cloneElement(l,void 0,d):!c&&g.Children.count(i)===1&&g.isValidElement(i)&&(l=i);const f=l?tB(l):void 0,h=Nr(n,f);if(!l){if(i||i===0)throw new Error(c?sB(e):iB(e));return i}const m=eB(a,l.props??{});return l.type!==g.Fragment&&(m.ref=n?h:f),g.cloneElement(l,m)});return t.displayName=`${e}.Slot`,t}var J4=Symbol.for("radix.slottable"),Z4=(e,t)=>{if("child"in e.props){const r=e.props.child;return g.isValidElement(r)?g.cloneElement(r,void 0,e.props.children(r.props.children)):null}return g.isValidElement(t)?t:null};function eB(e,t){const r={...t};for(const n in t){const i=e[n],a=t[n];/^on[A-Z]/.test(n)?i&&a?r[n]=(...c)=>{const d=a(...c);return i(...c),d}:i&&(r[n]=i):n==="style"?r[n]={...i,...a}:n==="className"&&(r[n]=[i,a].filter(Boolean).join(" "))}return{...e,...r}}function tB(e){var n,i;let t=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(i=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:i.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}function rB(e){return g.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===J4}var nB=Symbol.for("react.lazy");function TS(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===nB&&"_payload"in e&&oB(e._payload)}function oB(e){return typeof e=="object"&&e!==null&&"then"in e}var iB=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,sB=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,Eu=wd[" use ".trim().toString()],aB=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],cr=aB.reduce((e,t)=>{const r=dd(`Primitive.${t}`),n=g.forwardRef((i,a)=>{const{asChild:l,...c}=i,d=l?r:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),b.jsx(d,{...c,ref:a})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function OE(e,t){e&&Bl.flushSync(()=>e.dispatchEvent(t))}function _E(e){const t=e+"CollectionProvider",[r,n]=ec(t),[i,a]=r(t,{collectionRef:{current:null},itemMap:new Map}),l=x=>{const{scope:R,children:E}=x,P=g.useRef(null),k=g.useRef(new Map).current;return b.jsx(i,{scope:R,itemMap:k,collectionRef:P,children:E})};l.displayName=t;const c=e+"CollectionSlot",d=dd(c),f=g.forwardRef((x,R)=>{const{scope:E,children:P}=x,k=a(c,E),T=Nr(R,k.collectionRef);return b.jsx(d,{ref:T,children:P})});f.displayName=c;const h=e+"CollectionItemSlot",m="data-radix-collection-item",w=dd(h),v=g.forwardRef((x,R)=>{const{scope:E,children:P,...k}=x,T=g.useRef(null),N=Nr(R,T),j=a(h,E);return g.useEffect(()=>(j.itemMap.set(T,{ref:T,...k}),()=>void j.itemMap.delete(T))),b.jsx(w,{[m]:"",ref:N,children:P})});v.displayName=h;function C(x){const R=a(e+"CollectionConsumer",x);return g.useCallback(()=>{const P=R.collectionRef.current;if(!P)return[];const k=Array.from(P.querySelectorAll(`[${m}]`));return Array.from(R.itemMap.values()).sort((j,M)=>k.indexOf(j.ref.current)-k.indexOf(M.ref.current))},[R.collectionRef,R.itemMap])}return[{Provider:l,Slot:f,ItemSlot:v},C,n]}var lB=g.createContext(void 0);function ME(e){const t=g.useContext(lB);return e||t||"ltr"}function wo(e){const t=g.useRef(e);return g.useEffect(()=>{t.current=e}),g.useMemo(()=>((...r)=>{var n;return(n=t.current)==null?void 0:n.call(t,...r)}),[])}function cB(e,t=globalThis==null?void 0:globalThis.document){const r=wo(e);g.useEffect(()=>{const n=i=>{i.key==="Escape"&&r(i)};return t.addEventListener("keydown",n,{capture:!0}),()=>t.removeEventListener("keydown",n,{capture:!0})},[r,t])}var uB="DismissableLayer",Ah="dismissableLayer.update",dB="dismissableLayer.pointerDownOutside",fB="dismissableLayer.focusOutside",NS,jE=g.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),LE=g.forwardRef((e,t)=>{const{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:n,onPointerDownOutside:i,onFocusOutside:a,onInteractOutside:l,onDismiss:c,...d}=e,f=g.useContext(jE),[h,m]=g.useState(null),w=(h==null?void 0:h.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,v]=g.useState({}),C=Nr(t,M=>m(M)),x=Array.from(f.layers),[R]=[...f.layersWithOutsidePointerEventsDisabled].slice(-1),E=x.indexOf(R),P=h?x.indexOf(h):-1,k=f.layersWithOutsidePointerEventsDisabled.size>0,T=P>=E,N=hB(M=>{const O=M.target,B=[...f.branches]?.some(H=>H.contains(O));!T||B||(i==null||i(M),l==null||l(M),M.defaultPrevented||c==null||c())},w),j=gB(M=>{const O=M.target;[...f.branches]?.some(H=>H.contains(O))||(a==null||a(M),l==null||l(M),M.defaultPrevented||c==null||c())},w);return cB(M=>{P===f.layers.size-1&&(n==null||n(M),!M.defaultPrevented&&c&&(M.preventDefault(),c()))},w),g.useEffect(()=>{if(h)return r&&(f.layersWithOutsidePointerEventsDisabled.size===0&&(NS=w.body.style.pointerEvents,w.body.style.pointerEvents="none"),f.layersWithOutsidePointerEventsDisabled.add(h)),f.layers.add(h),DS(),()=>{r&&(f.layersWithOutsidePointerEventsDisabled.delete(h),f.layersWithOutsidePointerEventsDisabled.size===0&&(w.body.style.pointerEvents=NS))}},[h,w,r,f]),g.useEffect(()=>()=>{h&&(f.layers.delete(h),f.layersWithOutsidePointerEventsDisabled.delete(h),DS())},[h,f]),g.useEffect(()=>{const M=()=>v({});return document.addEventListener(Ah,M),()=>document.removeEventListener(Ah,M)},[]),b.jsx(cr.div,{...d,ref:C,style:{pointerEvents:k?T?"auto":"none":void 0,...e.style},onFocusCapture:He(e.onFocusCapture,j.onFocusCapture),onBlurCapture:He(e.onBlurCapture,j.onBlurCapture),onPointerDownCapture:He(e.onPointerDownCapture,N.onPointerDownCapture)})});LE.displayName=uB;var pB="DismissableLayerBranch",mB=g.forwardRef((e,t)=>{const r=g.useContext(jE),n=g.useRef(null),i=Nr(t,n);return g.useEffect(()=>{const a=n.current;if(a)return r.branches.add(a),()=>{r.branches.delete(a)}},[r.branches]),b.jsx(cr.div,{...e,ref:i})});mB.displayName=pB;function hB(e,t=globalThis==null?void 0:globalThis.document){const r=wo(e),n=g.useRef(!1),i=g.useRef(()=>{});return g.useEffect(()=>{const a=c=>{if(c.target&&!n.current){let d=function(){FE(dB,r,f,{discrete:!0})};const f={originalEvent:c};c.pointerType==="touch"?(t.removeEventListener("click",i.current),i.current=d,t.addEventListener("click",i.current,{once:!0})):d()}else t.removeEventListener("click",i.current);n.current=!1},l=window.setTimeout(()=>{t.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(l),t.removeEventListener("pointerdown",a),t.removeEventListener("click",i.current)}},[t,r]),{onPointerDownCapture:()=>n.current=!0}}function gB(e,t=globalThis==null?void 0:globalThis.document){const r=wo(e),n=g.useRef(!1);return g.useEffect(()=>{const i=a=>{a.target&&!n.current&&FE(fB,r,{originalEvent:a},{discrete:!1})};return t.addEventListener("focusin",i),()=>t.removeEventListener("focusin",i)},[t,r]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}function DS(){const e=new CustomEvent(Ah);document.dispatchEvent(e)}function FE(e,t,r,{discrete:n}){const i=r.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&i.addEventListener(e,t,{once:!0}),n?OE(i,a):i.dispatchEvent(a)}var ku=0,Mn=null;function yB(){g.useEffect(()=>{Mn||(Mn={start:OS(),end:OS()});const{start:e,end:t}=Mn;return document.body.firstElementChild!==e&&document.body.insertAdjacentElement("afterbegin",e),document.body.lastElementChild!==t&&document.body.insertAdjacentElement("beforeend",t),ku++,()=>{ku===1&&(Mn==null||Mn.start.remove(),Mn==null||Mn.end.remove(),Mn=null),ku=Math.max(0,ku-1)}},[])}function OS(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var jm="focusScope.autoFocusOnMount",Lm="focusScope.autoFocusOnUnmount",_S={bubbles:!1,cancelable:!0},vB="FocusScope",IE=g.forwardRef((e,t)=>{const{loop:r=!1,trapped:n=!1,onMountAutoFocus:i,onUnmountAutoFocus:a,...l}=e,[c,d]=g.useState(null),f=wo(i),h=wo(a),m=g.useRef(null),w=Nr(t,x=>d(x)),v=g.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;g.useEffect(()=>{if(n){let x=function(k){if(v.paused||!c)return;const T=k.target;c.contains(T)?m.current=T:Zo(m.current,{select:!0})},R=function(k){if(v.paused||!c)return;const T=k.relatedTarget;T!==null&&(c.contains(T)||Zo(m.current,{select:!0}))},E=function(k){if(document.activeElement===document.body)for(const N of k)N.removedNodes.length>0&&Zo(c)};document.addEventListener("focusin",x),document.addEventListener("focusout",R);const P=new MutationObserver(E);return c&&P.observe(c,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",x),document.removeEventListener("focusout",R),P.disconnect()}}},[n,c,v.paused]),g.useEffect(()=>{if(c){jS.add(v);const x=document.activeElement;if(!c.contains(x)){const E=new CustomEvent(jm,_S);c.addEventListener(jm,f),c.dispatchEvent(E),E.defaultPrevented||(bB(RB(UE(c)),{select:!0}),document.activeElement===x&&Zo(c))}return()=>{c.removeEventListener(jm,f),setTimeout(()=>{const E=new CustomEvent(Lm,_S);c.addEventListener(Lm,h),c.dispatchEvent(E),E.defaultPrevented||Zo(x??document.body,{select:!0}),c.removeEventListener(Lm,h),jS.remove(v)},0)}}},[c,f,h,v]);const C=g.useCallback(x=>{if(!r&&!n||v.paused)return;const R=x.key==="Tab"&&!x.altKey&&!x.ctrlKey&&!x.metaKey,E=document.activeElement;if(R&&E){const P=x.currentTarget,[k,T]=wB(P);k&&T?!x.shiftKey&&E===T?(x.preventDefault(),r&&Zo(k,{select:!0})):x.shiftKey&&E===k&&(x.preventDefault(),r&&Zo(T,{select:!0})):E===P&&x.preventDefault()}},[r,n,v.paused]);return b.jsx(cr.div,{tabIndex:-1,...l,ref:w,onKeyDown:C})});IE.displayName=vB;function bB(e,{select:t=!1}={}){const r=document.activeElement;for(const n of e)if(Zo(n,{select:t}),document.activeElement!==r)return}function wB(e){const t=UE(e),r=MS(t,e),n=MS(t.reverse(),e);return[r,n]}function UE(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{const i=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||i?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function MS(e,t){for(const r of e)if(!SB(r,{upTo:t}))return r}function SB(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function xB(e){return e instanceof HTMLInputElement&&"select"in e}function Zo(e,{select:t=!1}={}){if(e&&e.focus){const r=document.activeElement;e.focus({preventScroll:!0}),e!==r&&xB(e)&&t&&e.select()}}var jS=CB();function CB(){let e=[];return{add(t){const r=e[0];t!==r&&(r==null||r.pause()),e=LS(e,t),e.unshift(t)},remove(t){var r;e=LS(e,t),(r=e[0])==null||r.resume()}}}function LS(e,t){const r=[...e],n=r.indexOf(t);return n!==-1&&r.splice(n,1),r}function RB(e){return e.filter(t=>t.tagName!=="A")}var EB=wd[" useId ".trim().toString()]||(()=>{}),kB=0;function Th(e){const[t,r]=g.useState(EB());return go(()=>{r(n=>n??String(kB++))},[e]),t?`radix-${t}`:""}var PB="Arrow",$E=g.forwardRef((e,t)=>{const{children:r,width:n=10,height:i=5,...a}=e;return b.jsx(cr.svg,{...a,ref:t,width:n,height:i,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?r:b.jsx("polygon",{points:"0,0 30,0 15,10"})})});$E.displayName=PB;var AB=$E;function TB(e){const[t,r]=g.useState(void 0);return go(()=>{if(e){r({width:e.offsetWidth,height:e.offsetHeight});const n=new ResizeObserver(i=>{if(!Array.isArray(i)||!i.length)return;const a=i[0];let l,c;if("borderBoxSize"in a){const d=a.borderBoxSize,f=Array.isArray(d)?d[0]:d;l=f.inlineSize,c=f.blockSize}else l=e.offsetWidth,c=e.offsetHeight;r({width:l,height:c})});return n.observe(e,{box:"border-box"}),()=>n.unobserve(e)}else r(void 0)},[e]),t}var hy="Popper",[zE,BE]=ec(hy),[NB,qE]=zE(hy),VE=e=>{const{__scopePopper:t,children:r}=e,[n,i]=g.useState(null),[a,l]=g.useState(void 0);return b.jsx(NB,{scope:t,anchor:n,onAnchorChange:i,placementState:a,setPlacementState:l,children:r})};VE.displayName=hy;var HE="PopperAnchor",WE=g.forwardRef((e,t)=>{const{__scopePopper:r,virtualRef:n,...i}=e,a=qE(HE,r),l=g.useRef(null),c=a.onAnchorChange,d=g.useCallback(C=>{l.current=C,C&&c(C)},[c]),f=Nr(t,d),h=g.useRef(null);g.useEffect(()=>{if(!n)return;const C=h.current;h.current=n.current,C!==h.current&&c(h.current)});const m=a.placementState&&yy(a.placementState),w=m==null?void 0:m[0],v=m==null?void 0:m[1];return n?null:b.jsx(cr.div,{"data-radix-popper-side":w,"data-radix-popper-align":v,...i,ref:f})});WE.displayName=HE;var gy="PopperContent",[DB,OB]=zE(gy),GE=g.forwardRef((e,t)=>{var ue,pe,ve,ge,Me,ze;const{__scopePopper:r,side:n="bottom",sideOffset:i=0,align:a="center",alignOffset:l=0,arrowPadding:c=0,avoidCollisions:d=!0,collisionBoundary:f,collisionPadding:h=0,sticky:m="partial",hideWhenDetached:w=!1,updatePositionStrategy:v="optimized",onPlaced:C,...x}=e,R=qE(gy,r),[E,P]=g.useState(null),k=Nr(t,We=>P(We)),[T,N]=g.useState(null),j=TB(T),M=(j==null?void 0:j.width)??0,O=(j==null?void 0:j.height)??0,B=n+(a!=="center"?"-"+a:""),H=typeof h=="number"?h:{top:0,right:0,bottom:0,left:0,...h},Y=f?Array.isArray(f)?f:[f]:void 0,ne=Y!==void 0&&Y.length>0,te={padding:H,boundary:Y==null?void 0:Y.filter(MB),altBoundary:ne},{refs:K,floatingStyles:W,placement:U,isPositioned:z,middlewareData:_}=UR({strategy:"fixed",placement:B,whileElementsMounted:(...We)=>FR(...We,{animationFrame:v==="always"}),elements:{reference:R.anchor},middleware:[$R({mainAxis:i+O,alignmentAxis:l}),d&&Yg({mainAxis:!0,crossAxis:!1,limiter:m==="partial"?Bz():void 0,...te}),d&&xh({...te}),qz({...te,apply:({elements:We,rects:Pt,availableWidth:tr,availableHeight:at})=>{const{width:dr,height:rt}=Pt.reference,At=We.floating.style;At.setProperty("--radix-popper-available-width",`${tr}px`),At.setProperty("--radix-popper-available-height",`${at}px`),At.setProperty("--radix-popper-anchor-width",`${dr}px`),At.setProperty("--radix-popper-anchor-height",`${rt}px`)}}),T&&zR({element:T,padding:c}),jB({arrowWidth:M,arrowHeight:O}),w&&Vz({strategy:"referenceHidden",...te})]}),I=R.setPlacementState;go(()=>(I(U),()=>{I(void 0)}),[U,I]);const[L,D]=yy(U),V=wo(C);go(()=>{z&&(V==null||V())},[z,V]);const ee=(ue=_.arrow)==null?void 0:ue.x,re=(pe=_.arrow)==null?void 0:pe.y,oe=((ve=_.arrow)==null?void 0:ve.centerOffset)!==0,[ie,me]=g.useState();return go(()=>{E&&me(window.getComputedStyle(E).zIndex)},[E]),b.jsx("div",{ref:K.setFloating,"data-radix-popper-content-wrapper":"",style:{...W,transform:z?W.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:ie,"--radix-popper-transform-origin":[(ge=_.transformOrigin)==null?void 0:ge.x,(Me=_.transformOrigin)==null?void 0:Me.y].join(" "),...((ze=_.hide)==null?void 0:ze.referenceHidden)&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:b.jsx(DB,{scope:r,placedSide:L,placedAlign:D,onArrowChange:N,arrowX:ee,arrowY:re,shouldHideArrow:oe,children:b.jsx(cr.div,{"data-side":L,"data-align":D,...x,ref:k,style:{...x.style,animation:z?void 0:"none"}})})})});GE.displayName=gy;var KE="PopperArrow",_B={top:"bottom",right:"left",bottom:"top",left:"right"},YE=g.forwardRef(function(t,r){const{__scopePopper:n,...i}=t,a=OB(KE,n),l=_B[a.placedSide];return b.jsx("span",{ref:a.onArrowChange,style:{position:"absolute",left:a.arrowX,top:a.arrowY,[l]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[a.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[a.placedSide],visibility:a.shouldHideArrow?"hidden":void 0},children:b.jsx(AB,{...i,ref:r,style:{...i.style,display:"block"}})})});YE.displayName=KE;function MB(e){return e!==null}var jB=e=>({name:"transformOrigin",options:e,fn(t){var R,E,P;const{placement:r,rects:n,middlewareData:i}=t,l=((R=i.arrow)==null?void 0:R.centerOffset)!==0,c=l?0:e.arrowWidth,d=l?0:e.arrowHeight,[f,h]=yy(r),m={start:"0%",center:"50%",end:"100%"}[h],w=(((E=i.arrow)==null?void 0:E.x)??0)+c/2,v=(((P=i.arrow)==null?void 0:P.y)??0)+d/2;let C="",x="";return f==="bottom"?(C=l?m:`${w}px`,x=`${-d}px`):f==="top"?(C=l?m:`${w}px`,x=`${n.floating.height+d}px`):f==="right"?(C=`${-d}px`,x=l?m:`${v}px`):f==="left"&&(C=`${n.floating.width+d}px`,x=l?m:`${v}px`),{data:{x:C,y:x}}}});function yy(e){const[t,r="center"]=e.split("-");return[t,r]}var LB=VE,FB=WE,IB=GE,UB=YE,$B="Portal",XE=g.forwardRef((e,t)=>{var c;const{container:r,...n}=e,[i,a]=g.useState(!1);go(()=>a(!0),[]);const l=r||i&&((c=globalThis==null?void 0:globalThis.document)==null?void 0:c.body);return l?Bl.createPortal(b.jsx(cr.div,{...n,ref:t}),l):null});XE.displayName=$B;function zB(e,t){return g.useReducer((r,n)=>t[r][n]??r,e)}var tc=e=>{const{present:t,children:r}=e,n=BB(t),i=typeof r=="function"?r({present:n.isPresent}):g.Children.only(r),a=qB(n.ref,VB(i));return typeof r=="function"||n.isPresent?g.cloneElement(i,{ref:a}):null};tc.displayName="Presence";function BB(e){const[t,r]=g.useState(),n=g.useRef(null),i=g.useRef(e),a=g.useRef("none"),l=e?"mounted":"unmounted",[c,d]=zB(l,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return g.useEffect(()=>{const f=Pu(n.current);a.current=c==="mounted"?f:"none"},[c]),go(()=>{const f=n.current,h=i.current;if(h!==e){const w=a.current,v=Pu(f);e?d("MOUNT"):v==="none"||(f==null?void 0:f.display)==="none"?d("UNMOUNT"):d(h&&w!==v?"ANIMATION_OUT":"UNMOUNT"),i.current=e}},[e,d]),go(()=>{if(t){let f;const h=t.ownerDocument.defaultView??window,m=v=>{const x=Pu(n.current).includes(CSS.escape(v.animationName));if(v.target===t&&x&&(d("ANIMATION_END"),!i.current)){const R=t.style.animationFillMode;t.style.animationFillMode="forwards",f=h.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=R)})}},w=v=>{v.target===t&&(a.current=Pu(n.current))};return t.addEventListener("animationstart",w),t.addEventListener("animationcancel",m),t.addEventListener("animationend",m),()=>{h.clearTimeout(f),t.removeEventListener("animationstart",w),t.removeEventListener("animationcancel",m),t.removeEventListener("animationend",m)}}else d("ANIMATION_END")},[t,d]),{isPresent:["mounted","unmountSuspended"].includes(c),ref:g.useCallback(f=>{n.current=f?getComputedStyle(f):null,r(f)},[])}}function FS(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function qB(...e){const t=g.useRef(e);return t.current=e,g.useCallback(r=>{const n=t.current;let i=!1;const a=n?.map(l=>{const c=FS(l,r);return!i&&typeof c=="function"&&(i=!0),c});if(i)return()=>{for(let l=0;l<a.length;l++){const c=a[l];typeof c=="function"?c():FS(n[l],null)}}},[])}function Pu(e){return(e==null?void 0:e.animationName)||"none"}function VB(e){var n,i;let t=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(i=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:i.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var Fm="rovingFocusGroup.onEntryFocus",HB={bubbles:!1,cancelable:!0},rc="RovingFocusGroup",[Nh,QE,WB]=_E(rc),[GB,JE]=ec(rc,[WB]),[KB,YB]=GB(rc),ZE=g.forwardRef((e,t)=>b.jsx(Nh.Provider,{scope:e.__scopeRovingFocusGroup,children:b.jsx(Nh.Slot,{scope:e.__scopeRovingFocusGroup,children:b.jsx(XB,{...e,ref:t})})}));ZE.displayName=rc;var XB=g.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:r,orientation:n,loop:i=!1,dir:a,currentTabStopId:l,defaultCurrentTabStopId:c,onCurrentTabStopIdChange:d,onEntryFocus:f,preventScrollOnEntryFocus:h=!1,...m}=e,w=g.useRef(null),v=Nr(t,w),C=ME(a),[x,R]=DE({prop:l,defaultProp:c??null,onChange:d,caller:rc}),[E,P]=g.useState(!1),k=wo(f),T=QE(r),N=g.useRef(!1),[j,M]=g.useState(0);return g.useEffect(()=>{const O=w.current;if(O)return O.addEventListener(Fm,k),()=>O.removeEventListener(Fm,k)},[k]),b.jsx(KB,{scope:r,orientation:n,dir:C,loop:i,currentTabStopId:x,onItemFocus:g.useCallback(O=>R(O),[R]),onItemShiftTab:g.useCallback(()=>P(!0),[]),onFocusableItemAdd:g.useCallback(()=>M(O=>O+1),[]),onFocusableItemRemove:g.useCallback(()=>M(O=>O-1),[]),children:b.jsx(cr.div,{tabIndex:E||j===0?-1:0,"data-orientation":n,...m,ref:v,style:{outline:"none",...e.style},onMouseDown:He(e.onMouseDown,()=>{N.current=!0}),onFocus:He(e.onFocus,O=>{const B=!N.current;if(O.target===O.currentTarget&&B&&!E){const H=new CustomEvent(Fm,HB);if(O.currentTarget.dispatchEvent(H),!H.defaultPrevented){const Y=T().filter(U=>U.focusable),ne=Y.find(U=>U.active),te=Y.find(U=>U.id===x),W=[ne,te,...Y].filter(Boolean)?.map(U=>U.ref.current);r1(W,h)}}N.current=!1}),onBlur:He(e.onBlur,()=>P(!1))})})}),e1="RovingFocusGroupItem",t1=g.forwardRef((e,t)=>{const{__scopeRovingFocusGroup:r,focusable:n=!0,active:i=!1,tabStopId:a,children:l,...c}=e,d=Th(),f=a||d,h=YB(e1,r),m=h.currentTabStopId===f,w=QE(r),{onFocusableItemAdd:v,onFocusableItemRemove:C,currentTabStopId:x}=h;return g.useEffect(()=>{if(n)return v(),()=>C()},[n,v,C]),b.jsx(Nh.ItemSlot,{scope:r,id:f,focusable:n,active:i,children:b.jsx(cr.span,{tabIndex:m?0:-1,"data-orientation":h.orientation,...c,ref:t,onMouseDown:He(e.onMouseDown,R=>{n?h.onItemFocus(f):R.preventDefault()}),onFocus:He(e.onFocus,()=>h.onItemFocus(f)),onKeyDown:He(e.onKeyDown,R=>{if(R.key==="Tab"&&R.shiftKey){h.onItemShiftTab();return}if(R.target!==R.currentTarget)return;const E=ZB(R,h.orientation,h.dir);if(E!==void 0){if(R.metaKey||R.ctrlKey||R.altKey||R.shiftKey)return;R.preventDefault();let k=w().filter(T=>T.focusable)?.map(T=>T.ref.current);if(E==="last")k.reverse();else if(E==="prev"||E==="next"){E==="prev"&&k.reverse();const T=k.indexOf(R.currentTarget);k=h.loop?e6(k,T+1):k.slice(T+1)}setTimeout(()=>r1(k))}}),children:typeof l=="function"?l({isCurrentTabStop:m,hasTabStop:x!=null}):l})})});t1.displayName=e1;var QB={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function JB(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function ZB(e,t,r){const n=JB(e.key,r);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(n))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(n)))return QB[n]}function r1(e,t=!1){const r=document.activeElement;for(const n of e)if(n===r||(n.focus({preventScroll:t}),document.activeElement!==r))return}function e6(e,t){return e?.map((r,n)=>e[(t+n)%e.length])}var t6=ZE,r6=t1,n6=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},zs=new WeakMap,Au=new WeakMap,Tu={},Im=0,n1=function(e){return e&&(e.host||n1(e.parentNode))},o6=function(e,t){return t?.map(function(r){if(e.contains(r))return r;var n=n1(r);return n&&e.contains(n)?n:null}).filter(function(r){return!!r})},i6=function(e,t,r,n){var i=o6(t,Array.isArray(e)?e:[e]);Tu[r]||(Tu[r]=new WeakMap);var a=Tu[r],l=[],c=new Set,d=new Set(i),f=function(m){!m||c.has(m)||(c.add(m),f(m.parentNode))};i.forEach(f);var h=function(m){!m||d.has(m)||Array.prototype.forEach.call(m.children,function(w){if(c.has(w))h(w);else try{var v=w.getAttribute(n),C=v!==null&&v!=="false",x=(zs.get(w)||0)+1,R=(a.get(w)||0)+1;zs.set(w,x),a.set(w,R),l.push(w),x===1&&C&&Au.set(w,!0),R===1&&w.setAttribute(r,"true"),C||w.setAttribute(n,"true")}catch{}})};return h(t),c.clear(),Im++,function(){l.forEach(function(m){var w=zs.get(m)-1,v=a.get(m)-1;zs.set(m,w),a.set(m,v),w||(Au.has(m)||m.removeAttribute(n),Au.delete(m)),v||m.removeAttribute(r)}),Im--,Im||(zs=new WeakMap,zs=new WeakMap,Au=new WeakMap,Tu={})}},s6=function(e,t,r){r===void 0&&(r="data-aria-hidden");var n=Array.from(Array.isArray(e)?e:[e]),i=n6(e);return i?(n.push.apply(n,Array.from(i.querySelectorAll("[aria-live], script"))),i6(n,i,r,"aria-hidden")):function(){return null}},Dh=["Enter"," "],a6=["ArrowDown","PageUp","Home"],o1=["ArrowUp","PageDown","End"],l6=[...a6,...o1],c6={ltr:[...Dh,"ArrowRight"],rtl:[...Dh,"ArrowLeft"]},u6={ltr:["ArrowLeft"],rtl:["ArrowRight"]},nc="Menu",[Nl,d6,f6]=_E(nc),[ls,i1]=ec(nc,[f6,BE,JE]),sf=BE(),s1=JE(),[p6,cs]=ls(nc),[m6,oc]=ls(nc),a1=e=>{const{__scopeMenu:t,open:r=!1,children:n,dir:i,onOpenChange:a,modal:l=!0}=e,c=sf(t),[d,f]=g.useState(null),h=g.useRef(!1),m=wo(a),w=ME(i);return g.useEffect(()=>{const v=()=>{h.current=!0,document.addEventListener("pointerdown",C,{capture:!0,once:!0}),document.addEventListener("pointermove",C,{capture:!0,once:!0})},C=()=>h.current=!1;return document.addEventListener("keydown",v,{capture:!0}),()=>{document.removeEventListener("keydown",v,{capture:!0}),document.removeEventListener("pointerdown",C,{capture:!0}),document.removeEventListener("pointermove",C,{capture:!0})}},[]),b.jsx(LB,{...c,children:b.jsx(p6,{scope:t,open:r,onOpenChange:m,content:d,onContentChange:f,children:b.jsx(m6,{scope:t,onClose:g.useCallback(()=>m(!1),[m]),isUsingKeyboardRef:h,dir:w,modal:l,children:n})})})};a1.displayName=nc;var h6="MenuAnchor",vy=g.forwardRef((e,t)=>{const{__scopeMenu:r,...n}=e,i=sf(r);return b.jsx(FB,{...i,...n,ref:t})});vy.displayName=h6;var by="MenuPortal",[g6,l1]=ls(by,{forceMount:void 0}),c1=e=>{const{__scopeMenu:t,forceMount:r,children:n,container:i}=e,a=cs(by,t);return b.jsx(g6,{scope:t,forceMount:r,children:b.jsx(tc,{present:r||a.open,children:b.jsx(XE,{asChild:!0,container:i,children:n})})})};c1.displayName=by;var Jr="MenuContent",[y6,wy]=ls(Jr),u1=g.forwardRef((e,t)=>{const r=l1(Jr,e.__scopeMenu),{forceMount:n=r.forceMount,...i}=e,a=cs(Jr,e.__scopeMenu),l=oc(Jr,e.__scopeMenu);return b.jsx(Nl.Provider,{scope:e.__scopeMenu,children:b.jsx(tc,{present:n||a.open,children:b.jsx(Nl.Slot,{scope:e.__scopeMenu,children:l.modal?b.jsx(v6,{...i,ref:t}):b.jsx(b6,{...i,ref:t})})})})}),v6=g.forwardRef((e,t)=>{const r=cs(Jr,e.__scopeMenu),n=g.useRef(null),i=Nr(t,n);return g.useEffect(()=>{const a=n.current;if(a)return s6(a)},[]),b.jsx(Sy,{...e,ref:i,trapFocus:r.open,disableOutsidePointerEvents:r.open,disableOutsideScroll:!0,onFocusOutside:He(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>r.onOpenChange(!1)})}),b6=g.forwardRef((e,t)=>{const r=cs(Jr,e.__scopeMenu);return b.jsx(Sy,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>r.onOpenChange(!1)})}),w6=dd("MenuContent.ScrollLock"),Sy=g.forwardRef((e,t)=>{const{__scopeMenu:r,loop:n=!1,trapFocus:i,onOpenAutoFocus:a,onCloseAutoFocus:l,disableOutsidePointerEvents:c,onEntryFocus:d,onEscapeKeyDown:f,onPointerDownOutside:h,onFocusOutside:m,onInteractOutside:w,onDismiss:v,disableOutsideScroll:C,...x}=e,R=cs(Jr,r),E=oc(Jr,r),P=sf(r),k=s1(r),T=d6(r),[N,j]=g.useState(null),M=g.useRef(null),O=Nr(t,M,R.onContentChange),B=g.useRef(0),H=g.useRef(""),Y=g.useRef(0),ne=g.useRef(null),te=g.useRef("right"),K=g.useRef(0),W=C?Pl:g.Fragment,U=C?{as:w6,allowPinchZoom:!0}:void 0,z=I=>{var me,ue;const L=H.current+I,D=T().filter(pe=>!pe.disabled),V=document.activeElement,ee=(me=D.find(pe=>pe.ref.current===V))==null?void 0:me.textValue,re=D?.map(pe=>pe.textValue),oe=O6(re,L,ee),ie=(ue=D.find(pe=>pe.textValue===oe))==null?void 0:ue.ref.current;(function pe(ve){H.current=ve,window.clearTimeout(B.current),ve!==""&&(B.current=window.setTimeout(()=>pe(""),1e3))})(L),ie&&setTimeout(()=>ie.focus())};g.useEffect(()=>()=>window.clearTimeout(B.current),[]),yB();const _=g.useCallback(I=>{var D,V;return te.current===((D=ne.current)==null?void 0:D.side)&&M6(I,(V=ne.current)==null?void 0:V.area)},[]);return b.jsx(y6,{scope:r,searchRef:H,onItemEnter:g.useCallback(I=>{_(I)&&I.preventDefault()},[_]),onItemLeave:g.useCallback(I=>{var L;_(I)||((L=M.current)==null||L.focus(),j(null))},[_]),onTriggerLeave:g.useCallback(I=>{_(I)&&I.preventDefault()},[_]),pointerGraceTimerRef:Y,onPointerGraceIntentChange:g.useCallback(I=>{ne.current=I},[]),children:b.jsx(W,{...U,children:b.jsx(IE,{asChild:!0,trapped:i,onMountAutoFocus:He(a,I=>{var L;I.preventDefault(),(L=M.current)==null||L.focus({preventScroll:!0})}),onUnmountAutoFocus:l,children:b.jsx(LE,{asChild:!0,disableOutsidePointerEvents:c,onEscapeKeyDown:f,onPointerDownOutside:h,onFocusOutside:m,onInteractOutside:w,onDismiss:v,children:b.jsx(t6,{asChild:!0,...k,dir:E.dir,orientation:"vertical",loop:n,currentTabStopId:N,onCurrentTabStopIdChange:j,onEntryFocus:He(d,I=>{E.isUsingKeyboardRef.current||I.preventDefault()}),preventScrollOnEntryFocus:!0,children:b.jsx(IB,{role:"menu","aria-orientation":"vertical","data-state":k1(R.open),"data-radix-menu-content":"",dir:E.dir,...P,...x,ref:O,style:{outline:"none",...x.style},onKeyDown:He(x.onKeyDown,I=>{const D=I.target.closest("[data-radix-menu-content]")===I.currentTarget,V=I.ctrlKey||I.altKey||I.metaKey,ee=I.key.length===1;D&&(I.key==="Tab"&&I.preventDefault(),!V&&ee&&z(I.key));const re=M.current;if(I.target!==re||!l6.includes(I.key))return;I.preventDefault();const ie=T().filter(me=>!me.disabled)?.map(me=>me.ref.current);o1.includes(I.key)&&ie.reverse(),N6(ie)}),onBlur:He(e.onBlur,I=>{I.currentTarget.contains(I.target)||(window.clearTimeout(B.current),H.current="")}),onPointerMove:He(e.onPointerMove,Dl(I=>{const L=I.target,D=K.current!==I.clientX;if(I.currentTarget.contains(L)&&D){const V=I.clientX>K.current?"right":"left";te.current=V,K.current=I.clientX}}))})})})})})})});u1.displayName=Jr;var S6="MenuGroup",xy=g.forwardRef((e,t)=>{const{__scopeMenu:r,...n}=e;return b.jsx(cr.div,{role:"group",...n,ref:t})});xy.displayName=S6;var x6="MenuLabel",d1=g.forwardRef((e,t)=>{const{__scopeMenu:r,...n}=e;return b.jsx(cr.div,{...n,ref:t})});d1.displayName=x6;var fd="MenuItem",IS="menu.itemSelect",af=g.forwardRef((e,t)=>{const{disabled:r=!1,onSelect:n,...i}=e,a=g.useRef(null),l=oc(fd,e.__scopeMenu),c=wy(fd,e.__scopeMenu),d=Nr(t,a),f=g.useRef(!1),h=()=>{const m=a.current;if(!r&&m){const w=new CustomEvent(IS,{bubbles:!0,cancelable:!0});m.addEventListener(IS,v=>n==null?void 0:n(v),{once:!0}),OE(m,w),w.defaultPrevented?f.current=!1:l.onClose()}};return b.jsx(f1,{...i,ref:d,disabled:r,onClick:He(e.onClick,h),onPointerDown:m=>{var w;(w=e.onPointerDown)==null||w.call(e,m),f.current=!0},onPointerUp:He(e.onPointerUp,m=>{var w;f.current||(w=m.currentTarget)==null||w.click()}),onKeyDown:He(e.onKeyDown,m=>{const w=c.searchRef.current!=="";r||w&&m.key===" "||Dh.includes(m.key)&&(m.currentTarget.click(),m.preventDefault())})})});af.displayName=fd;var f1=g.forwardRef((e,t)=>{const{__scopeMenu:r,disabled:n=!1,textValue:i,...a}=e,l=wy(fd,r),c=s1(r),d=g.useRef(null),f=Nr(t,d),[h,m]=g.useState(!1),[w,v]=g.useState("");return g.useEffect(()=>{const C=d.current;C&&v((C.textContent??"").trim())},[a.children]),b.jsx(Nl.ItemSlot,{scope:r,disabled:n,textValue:i??w,children:b.jsx(r6,{asChild:!0,...c,focusable:!n,children:b.jsx(cr.div,{role:"menuitem","data-highlighted":h?"":void 0,"aria-disabled":n||void 0,"data-disabled":n?"":void 0,...a,ref:f,onPointerMove:He(e.onPointerMove,Dl(C=>{n?l.onItemLeave(C):(l.onItemEnter(C),C.defaultPrevented||C.currentTarget.focus({preventScroll:!0}))})),onPointerLeave:He(e.onPointerLeave,Dl(C=>l.onItemLeave(C))),onFocus:He(e.onFocus,()=>m(!0)),onBlur:He(e.onBlur,()=>m(!1))})})})}),C6="MenuCheckboxItem",p1=g.forwardRef((e,t)=>{const{checked:r=!1,onCheckedChange:n,...i}=e;return b.jsx(v1,{scope:e.__scopeMenu,checked:r,children:b.jsx(af,{role:"menuitemcheckbox","aria-checked":pd(r)?"mixed":r,...i,ref:t,"data-state":Ry(r),onSelect:He(i.onSelect,()=>n==null?void 0:n(pd(r)?!0:!r),{checkForDefaultPrevented:!1})})})});p1.displayName=C6;var m1="MenuRadioGroup",[R6,E6]=ls(m1,{value:void 0,onValueChange:()=>{}}),h1=g.forwardRef((e,t)=>{const{value:r,onValueChange:n,...i}=e,a=wo(n);return b.jsx(R6,{scope:e.__scopeMenu,value:r,onValueChange:a,children:b.jsx(xy,{...i,ref:t})})});h1.displayName=m1;var g1="MenuRadioItem",y1=g.forwardRef((e,t)=>{const{value:r,...n}=e,i=E6(g1,e.__scopeMenu),a=r===i.value;return b.jsx(v1,{scope:e.__scopeMenu,checked:a,children:b.jsx(af,{role:"menuitemradio","aria-checked":a,...n,ref:t,"data-state":Ry(a),onSelect:He(n.onSelect,()=>{var l;return(l=i.onValueChange)==null?void 0:l.call(i,r)},{checkForDefaultPrevented:!1})})})});y1.displayName=g1;var Cy="MenuItemIndicator",[v1,k6]=ls(Cy,{checked:!1}),b1=g.forwardRef((e,t)=>{const{__scopeMenu:r,forceMount:n,...i}=e,a=k6(Cy,r);return b.jsx(tc,{present:n||pd(a.checked)||a.checked===!0,children:b.jsx(cr.span,{...i,ref:t,"data-state":Ry(a.checked)})})});b1.displayName=Cy;var P6="MenuSeparator",w1=g.forwardRef((e,t)=>{const{__scopeMenu:r,...n}=e;return b.jsx(cr.div,{role:"separator","aria-orientation":"horizontal",...n,ref:t})});w1.displayName=P6;var A6="MenuArrow",S1=g.forwardRef((e,t)=>{const{__scopeMenu:r,...n}=e,i=sf(r);return b.jsx(UB,{...i,...n,ref:t})});S1.displayName=A6;var T6="MenuSub",[h7,x1]=ls(T6),vl="MenuSubTrigger",C1=g.forwardRef((e,t)=>{const r=cs(vl,e.__scopeMenu),n=oc(vl,e.__scopeMenu),i=x1(vl,e.__scopeMenu),a=wy(vl,e.__scopeMenu),l=g.useRef(null),{pointerGraceTimerRef:c,onPointerGraceIntentChange:d}=a,f={__scopeMenu:e.__scopeMenu},h=g.useCallback(()=>{l.current&&window.clearTimeout(l.current),l.current=null},[]);return g.useEffect(()=>h,[h]),g.useEffect(()=>{const m=c.current;return()=>{window.clearTimeout(m),d(null)}},[c,d]),b.jsx(vy,{asChild:!0,...f,children:b.jsx(f1,{id:i.triggerId,"aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.open?i.contentId:void 0,"data-state":k1(r.open),...e,ref:my(t,i.onTriggerChange),onClick:m=>{var w;(w=e.onClick)==null||w.call(e,m),!(e.disabled||m.defaultPrevented)&&(m.currentTarget.focus(),r.open||r.onOpenChange(!0))},onPointerMove:He(e.onPointerMove,Dl(m=>{a.onItemEnter(m),!m.defaultPrevented&&!e.disabled&&!r.open&&!l.current&&(a.onPointerGraceIntentChange(null),l.current=window.setTimeout(()=>{r.onOpenChange(!0),h()},100))})),onPointerLeave:He(e.onPointerLeave,Dl(m=>{var v,C;h();const w=(v=r.content)==null?void 0:v.getBoundingClientRect();if(w){const x=(C=r.content)==null?void 0:C.dataset.side,R=x==="right",E=R?-5:5,P=w[R?"left":"right"],k=w[R?"right":"left"];a.onPointerGraceIntentChange({area:[{x:m.clientX+E,y:m.clientY},{x:P,y:w.top},{x:k,y:w.top},{x:k,y:w.bottom},{x:P,y:w.bottom}],side:x}),window.clearTimeout(c.current),c.current=window.setTimeout(()=>a.onPointerGraceIntentChange(null),300)}else{if(a.onTriggerLeave(m),m.defaultPrevented)return;a.onPointerGraceIntentChange(null)}})),onKeyDown:He(e.onKeyDown,m=>{var v;const w=a.searchRef.current!=="";e.disabled||w&&m.key===" "||c6[n.dir].includes(m.key)&&(r.onOpenChange(!0),(v=r.content)==null||v.focus(),m.preventDefault())})})})});C1.displayName=vl;var R1="MenuSubContent",E1=g.forwardRef((e,t)=>{const r=l1(Jr,e.__scopeMenu),{forceMount:n=r.forceMount,align:i="start",...a}=e,l=cs(Jr,e.__scopeMenu),c=oc(Jr,e.__scopeMenu),d=x1(R1,e.__scopeMenu),f=g.useRef(null),h=Nr(t,f);return b.jsx(Nl.Provider,{scope:e.__scopeMenu,children:b.jsx(tc,{present:n||l.open,children:b.jsx(Nl.Slot,{scope:e.__scopeMenu,children:b.jsx(Sy,{id:d.contentId,"aria-labelledby":d.triggerId,...a,ref:h,align:i,side:c.dir==="rtl"?"left":"right",disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:m=>{var w;c.isUsingKeyboardRef.current&&((w=f.current)==null||w.focus()),m.preventDefault()},onCloseAutoFocus:m=>m.preventDefault(),onFocusOutside:He(e.onFocusOutside,m=>{m.target!==d.trigger&&l.onOpenChange(!1)}),onEscapeKeyDown:He(e.onEscapeKeyDown,m=>{c.onClose(),m.preventDefault()}),onKeyDown:He(e.onKeyDown,m=>{var C;const w=m.currentTarget.contains(m.target),v=u6[c.dir].includes(m.key);w&&v&&(l.onOpenChange(!1),(C=d.trigger)==null||C.focus(),m.preventDefault())})})})})})});E1.displayName=R1;function k1(e){return e?"open":"closed"}function pd(e){return e==="indeterminate"}function Ry(e){return pd(e)?"indeterminate":e?"checked":"unchecked"}function N6(e){const t=document.activeElement;for(const r of e)if(r===t||(r.focus(),document.activeElement!==t))return}function D6(e,t){return e?.map((r,n)=>e[(t+n)%e.length])}function O6(e,t,r){const i=t.length>1&&Array.from(t).every(f=>f===t[0])?t[0]:t,a=r?e.indexOf(r):-1;let l=D6(e,Math.max(a,0));i.length===1&&(l=l.filter(f=>f!==r));const d=l.find(f=>f.toLowerCase().startsWith(i.toLowerCase()));return d!==r?d:void 0}function _6(e,t){const{x:r,y:n}=e;let i=!1;for(let a=0,l=t.length-1;a<t.length;l=a++){const c=t[a],d=t[l],f=c.x,h=c.y,m=d.x,w=d.y;h>n!=w>n&&r<(m-f)*(n-h)/(w-h)+f&&(i=!i)}return i}function M6(e,t){if(!t)return!1;const r={x:e.clientX,y:e.clientY};return _6(r,t)}function Dl(e){return t=>t.pointerType==="mouse"?e(t):void 0}var j6=a1,L6=vy,F6=c1,I6=u1,U6=xy,$6=d1,z6=af,B6=p1,q6=h1,V6=y1,H6=b1,W6=w1,G6=S1,K6=C1,Y6=E1,lf="DropdownMenu",[X6]=ec(lf,[i1]),ur=i1(),[Q6,P1]=X6(lf),A1=e=>{const{__scopeDropdownMenu:t,children:r,dir:n,open:i,defaultOpen:a,onOpenChange:l,modal:c=!0}=e,d=ur(t),f=g.useRef(null),[h,m]=DE({prop:i,defaultProp:a??!1,onChange:l,caller:lf});return b.jsx(Q6,{scope:t,triggerId:Th(),triggerRef:f,contentId:Th(),open:h,onOpenChange:m,onOpenToggle:g.useCallback(()=>m(w=>!w),[m]),modal:c,children:b.jsx(j6,{...d,open:h,onOpenChange:m,dir:n,modal:c,children:r})})};A1.displayName=lf;var T1="DropdownMenuTrigger",N1=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,disabled:n=!1,...i}=e,a=P1(T1,r),l=ur(r);return b.jsx(L6,{asChild:!0,...l,children:b.jsx(cr.button,{type:"button",id:a.triggerId,"aria-haspopup":"menu","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":a.open?"open":"closed","data-disabled":n?"":void 0,disabled:n,...i,ref:my(t,a.triggerRef),onPointerDown:He(e.onPointerDown,c=>{!n&&c.button===0&&c.ctrlKey===!1&&(a.onOpenToggle(),a.open||c.preventDefault())}),onKeyDown:He(e.onKeyDown,c=>{n||(["Enter"," "].includes(c.key)&&a.onOpenToggle(),c.key==="ArrowDown"&&a.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(c.key)&&c.preventDefault())})})})});N1.displayName=T1;var J6="DropdownMenuPortal",D1=e=>{const{__scopeDropdownMenu:t,...r}=e,n=ur(t);return b.jsx(F6,{...n,...r})};D1.displayName=J6;var O1="DropdownMenuContent",_1=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=P1(O1,r),a=ur(r),l=g.useRef(!1);return b.jsx(I6,{id:i.contentId,"aria-labelledby":i.triggerId,...a,...n,ref:t,onCloseAutoFocus:He(e.onCloseAutoFocus,c=>{var d;l.current||(d=i.triggerRef.current)==null||d.focus(),l.current=!1,c.preventDefault()}),onInteractOutside:He(e.onInteractOutside,c=>{const d=c.detail.originalEvent,f=d.button===0&&d.ctrlKey===!0,h=d.button===2||f;(!i.modal||h)&&(l.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});_1.displayName=O1;var Z6="DropdownMenuGroup",e8=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(U6,{...i,...n,ref:t})});e8.displayName=Z6;var t8="DropdownMenuLabel",M1=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx($6,{...i,...n,ref:t})});M1.displayName=t8;var r8="DropdownMenuItem",j1=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(z6,{...i,...n,ref:t})});j1.displayName=r8;var n8="DropdownMenuCheckboxItem",L1=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(B6,{...i,...n,ref:t})});L1.displayName=n8;var o8="DropdownMenuRadioGroup",i8=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(q6,{...i,...n,ref:t})});i8.displayName=o8;var s8="DropdownMenuRadioItem",a8=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(V6,{...i,...n,ref:t})});a8.displayName=s8;var l8="DropdownMenuItemIndicator",F1=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(H6,{...i,...n,ref:t})});F1.displayName=l8;var c8="DropdownMenuSeparator",I1=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(W6,{...i,...n,ref:t})});I1.displayName=c8;var u8="DropdownMenuArrow",d8=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(G6,{...i,...n,ref:t})});d8.displayName=u8;var f8="DropdownMenuSubTrigger",p8=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(K6,{...i,...n,ref:t})});p8.displayName=f8;var m8="DropdownMenuSubContent",h8=g.forwardRef((e,t)=>{const{__scopeDropdownMenu:r,...n}=e,i=ur(r);return b.jsx(Y6,{...i,...n,ref:t,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});h8.displayName=m8;var g8=A1,y8=N1,v8=D1,b8=_1,w8=M1,S8=j1,x8=L1,C8=F1,R8=I1;function Oh({...e}){return b.jsx(g8,{"data-slot":"dropdown-menu",...e})}function _h({...e}){return b.jsx(y8,{"data-slot":"dropdown-menu-trigger",...e})}function Mh({className:e,sideOffset:t=4,...r}){return b.jsx(v8,{children:b.jsx(b8,{"data-slot":"dropdown-menu-content",sideOffset:t,className:kt("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",e),...r})})}function Ur({className:e,inset:t,variant:r="default",...n}){return b.jsx(S8,{"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":r,className:kt("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...n})}function g7({className:e,children:t,checked:r,...n}){return b.jsxs(x8,{"data-slot":"dropdown-menu-checkbox-item",className:kt("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:r,...n,children:[b.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:b.jsx(C8,{children:b.jsx(yg,{className:"size-4"})})}),t]})}function y7({className:e,inset:t,...r}){return b.jsx(w8,{"data-slot":"dropdown-menu-label","data-inset":t,className:kt("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...r})}function E8({className:e,...t}){return b.jsx(R8,{"data-slot":"dropdown-menu-separator",className:kt("bg-border -mx-1 my-1 h-px",e),...t})}var U1={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},US=le.createContext&&le.createContext(U1),k8=["attr","size","title"];function P8(e,t){if(e==null)return{};var r,n,i=A8(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function A8(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function md(){return md=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},md.apply(null,arguments)}function $S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function hd(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?$S(Object(r),!0).forEach(function(n){T8(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$S(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function T8(e,t,r){return(t=N8(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function N8(e){var t=D8(e,"string");return typeof t=="symbol"?t:t+""}function D8(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function $1(e){return e&&e?.map((t,r)=>le.createElement(t.tag,hd({key:r},t.attr),$1(t.child)))}function z1(e){return t=>le.createElement(O8,md({attr:hd({},e.attr)},t),$1(e.child))}function O8(e){var t=r=>{var{attr:n,size:i,title:a}=e,l=P8(e,k8),c=i||r.size||"1em",d;return r.className&&(d=r.className),e.className&&(d=(d?d+" ":"")+e.className),le.createElement("svg",md({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,n,l,{className:d,style:hd(hd({color:e.color||r.color},r.style),e.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),a&&le.createElement("title",null,a),e.children)};return US!==void 0?le.createElement(US.Consumer,null,r=>t(r)):t(U1)}function _8(e){return z1({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"line",attr:{x1:"3",y1:"12",x2:"21",y2:"12"},child:[]},{tag:"line",attr:{x1:"3",y1:"6",x2:"21",y2:"6"},child:[]},{tag:"line",attr:{x1:"3",y1:"18",x2:"21",y2:"18"},child:[]}]})(e)}function M8(e){return z1({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"},child:[]},{tag:"path",attr:{d:"M13.73 21a2 2 0 0 1-3.46 0"},child:[]}]})(e)}function j8({...e}){return b.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function L8({className:e,...t}){return b.jsx("ol",{"data-slot":"breadcrumb-list",className:kt("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),...t})}const F8=e=>/^[0-9a-f]{8,}$/i.test(e)||/^[0-9]+$/.test(e),I8=e=>{const t=e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]/g," ");return yU(t)};function U8(){const e=lr(),{t}=So(),r=g.useMemo(()=>{const i=e.pathname.split("/").filter(Boolean);if(i.length===0)return[];const a={dashboard:t("header.navigation.dashboard"),userRecords:t("header.navigation.outgoing"),userIncoming:t("header.navigation.incoming"),delegation:t("header.navigation.delegation"),approval:t("header.navigation.approval"),pending:t("header.navigation.pending"),collaborations:t("header.navigation.collaborations"),recordOfficer:"Record Officer",incoming:t("header.navigation.incoming"),outgoing:t("header.navigation.outgoing"),add:t("common.create"),new:t("common.create"),edit:t("common.Edit"),profile:t("profile.profile"),"update-profile":t("profile.updateProfile"),"change-password":t("header.changePassword"),uploadTeeterandSignature:t("header.addTeeter"),viewDelegationLetter:t("delegation.viewLetter"),editDelegation:t("delegation.editDelegation"),incomingHistory:"Incoming History",incomingNonSmartExternal:"External Incoming",viewIncoming:"View Incoming"};let l="";const c=i?.map((f,h)=>{l+=`/${f}`;const m=h===i.length-1;return{label:a[f]||(F8(f)?"Details":I8(f)),path:l,isActive:m}}),d=i[0]==="user-management";return c[0]=d?{label:t("dashboard.userManagement","User Management"),path:"/user-management",isActive:c.length===1}:{label:t("nav.Record Management"),path:"/record-management/dashboard",isActive:c.length===1},c},[e.pathname,t]);if(!r.length)return null;const n=r;return b.jsx("div",{className:"max-w-full overflow-hidden rounded-xl bg-white/80 px-2.5 py-1.5 shadow-sm ring-1 ring-black/5 backdrop-blur dark:bg-gray-800/70 dark:ring-white/10",children:b.jsx(j8,{children:b.jsx(L8,{className:"flex-nowrap gap-0.5 overflow-x-auto whitespace-nowrap pb-0.5 text-xs",children:n?.map((i,a)=>b.jsxs("div",{className:"flex items-center",children:[a>0&&b.jsx("span",{className:"mx-1 text-gray-400 dark:text-gray-500",children:b.jsx(GN,{className:"h-3.5 w-3.5"})}),i.isEllipsis?b.jsx("span",{className:"px-2 py-1 text-xs font-semibold text-gray-400 dark:text-gray-500",children:"..."}):i.isActive?b.jsx("span",{className:"inline-flex max-w-[320px] items-center truncate rounded-full bg-primary-50 px-2 py-1 text-xs font-semibold text-primary-700 ring-1 ring-inset ring-primary-200/70 dark:bg-primary-900/40 dark:text-white dark:ring-primary-700/50",title:i.label,children:i.label}):b.jsxs(hg,{to:i.path,className:"inline-flex max-w-[240px] items-center gap-1 truncate rounded-full px-2 py-1 text-xs font-medium text-gray-500 transition-colors hover:bg-primary-50 hover:text-primary-700 dark:text-gray-300 dark:hover:bg-primary/10 dark:hover:text-primary-foreground",title:i.label,children:[a===0&&b.jsx(sD,{className:"h-3.5 w-3.5"}),b.jsx("span",{className:"truncate",children:i.label})]})]},i.path))})})})}var Ra=class{constructor(){this.listeners=new Set,this.subscribe=this.subscribe.bind(this)}subscribe(e){return this.listeners.add(e),this.onSubscribe(),()=>{this.listeners.delete(e),this.onUnsubscribe()}}hasListeners(){return this.listeners.size>0}onSubscribe(){}onUnsubscribe(){}},Bi,ri,Xs,gx,$8=(gx=class extends Ra{constructor(){super();Pe(this,Bi);Pe(this,ri);Pe(this,Xs);ye(this,Xs,t=>{if(typeof window<"u"&&window.addEventListener){const r=()=>t();return window.addEventListener("visibilitychange",r,!1),()=>{window.removeEventListener("visibilitychange",r)}}})}onSubscribe(){$(this,ri)||this.setEventListener($(this,Xs))}onUnsubscribe(){var t;this.hasListeners()||((t=$(this,ri))==null||t.call(this),ye(this,ri,void 0))}setEventListener(t){var r;ye(this,Xs,t),(r=$(this,ri))==null||r.call(this),ye(this,ri,t(n=>{typeof n=="boolean"?this.setFocused(n):this.onFocus()}))}setFocused(t){$(this,Bi)!==t&&(ye(this,Bi,t),this.onFocus())}onFocus(){const t=this.isFocused();this.listeners.forEach(r=>{r(t)})}isFocused(){var t;return typeof $(this,Bi)=="boolean"?$(this,Bi):((t=globalThis.document)==null?void 0:t.visibilityState)!=="hidden"}},Bi=new WeakMap,ri=new WeakMap,Xs=new WeakMap,gx),Ey=new $8,z8={setTimeout:(e,t)=>setTimeout(e,t),clearTimeout:e=>clearTimeout(e),setInterval:(e,t)=>setInterval(e,t),clearInterval:e=>clearInterval(e)},ni,ig,yx,B8=(yx=class{constructor(){Pe(this,ni,z8);Pe(this,ig,!1)}setTimeoutProvider(e){ye(this,ni,e)}setTimeout(e,t){return $(this,ni).setTimeout(e,t)}clearTimeout(e){$(this,ni).clearTimeout(e)}setInterval(e,t){return $(this,ni).setInterval(e,t)}clearInterval(e){$(this,ni).clearInterval(e)}},ni=new WeakMap,ig=new WeakMap,yx),Ui=new B8;function q8(e){setTimeout(e,0)}var V8=typeof window>"u"||"Deno"in globalThis;function sr(){}function H8(e,t){return typeof e=="function"?e(t):e}function jh(e){return typeof e=="number"&&e>=0&&e!==1/0}function B1(e,t){return Math.max(e+(t||0)-Date.now(),0)}function di(e,t){return typeof e=="function"?e(t):e}function $r(e,t){return typeof e=="function"?e(t):e}function zS(e,t){const{type:r="all",exact:n,fetchStatus:i,predicate:a,queryKey:l,stale:c}=e;if(l){if(n){if(t.queryHash!==ky(l,t.options))return!1}else if(!Ol(t.queryKey,l))return!1}if(r!=="all"){const d=t.isActive();if(r==="active"&&!d||r==="inactive"&&d)return!1}return!(typeof c=="boolean"&&t.isStale()!==c||i&&i!==t.state.fetchStatus||a&&!a(t))}function BS(e,t){const{exact:r,status:n,predicate:i,mutationKey:a}=e;if(a){if(!t.options.mutationKey)return!1;if(r){if(is(t.options.mutationKey)!==is(a))return!1}else if(!Ol(t.options.mutationKey,a))return!1}return!(n&&t.state.status!==n||i&&!i(t))}function ky(e,t){return((t==null?void 0:t.queryKeyHashFn)||is)(e)}function is(e){return JSON.stringify(e,(t,r)=>Lh(r)?Object.keys(r).sort().reduce((n,i)=>(n[i]=r[i],n),{}):r)}function Ol(e,t){return e===t?!0:typeof e!=typeof t?!1:e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(t).every(r=>Ol(e[r],t[r])):!1}var W8=Object.prototype.hasOwnProperty;function q1(e,t,r=0){if(e===t)return e;if(r>500)return t;const n=qS(e)&&qS(t);if(!n&&!(Lh(e)&&Lh(t)))return t;const a=(n?e:Object.keys(e)).length,l=n?t:Object.keys(t),c=l.length,d=n?new Array(c):{};let f=0;for(let h=0;h<c;h++){const m=n?h:l[h],w=e[m],v=t[m];if(w===v){d[m]=w,(n?h<a:W8.call(e,m))&&f++;continue}if(w===null||v===null||typeof w!="object"||typeof v!="object"){d[m]=v;continue}const C=q1(w,v,r+1);d[m]=C,C===w&&f++}return a===c&&f===a?e:d}function gd(e,t){if(!t||Object.keys(e).length!==Object.keys(t).length)return!1;for(const r in e)if(e[r]!==t[r])return!1;return!0}function qS(e){return Array.isArray(e)&&e.length===Object.keys(e).length}function Lh(e){if(!VS(e))return!1;const t=e.constructor;if(t===void 0)return!0;const r=t.prototype;return!(!VS(r)||!r.hasOwnProperty("isPrototypeOf")||Object.getPrototypeOf(e)!==Object.prototype)}function VS(e){return Object.prototype.toString.call(e)==="[object Object]"}function G8(e){return new Promise(t=>{Ui.setTimeout(t,e)})}function Fh(e,t,r){return typeof r.structuralSharing=="function"?r.structuralSharing(e,t):r.structuralSharing!==!1?q1(e,t):t}function v7(e){return e}function K8(e,t,r=0){const n=[...e,t];return r&&n.length>r?n.slice(1):n}function Y8(e,t,r=0){const n=[t,...e];return r&&n.length>r?n.slice(0,-1):n}var Py=Symbol();function V1(e,t){return!e.queryFn&&(t!=null&&t.initialPromise)?()=>t.initialPromise:!e.queryFn||e.queryFn===Py?()=>Promise.reject(new Error(`Missing queryFn: '${e.queryHash}'`)):e.queryFn}function Ay(e,t){return typeof e=="function"?e(...t):!!e}function X8(e,t,r){let n=!1,i;return Object.defineProperty(e,"signal",{enumerable:!0,get:()=>(i??(i=t()),n||(n=!0,i.aborted?r():i.addEventListener("abort",r,{once:!0})),i)}),e}var _l=(()=>{let e=()=>V8;return{isServer(){return e()},setIsServer(t){e=t}}})();function Ih(){let e,t;const r=new Promise((i,a)=>{e=i,t=a});r.status="pending",r.catch(()=>{});function n(i){Object.assign(r,i),delete r.resolve,delete r.reject}return r.resolve=i=>{n({status:"fulfilled",value:i}),e(i)},r.reject=i=>{n({status:"rejected",reason:i}),t(i)},r}var Q8=q8;function J8(){let e=[],t=0,r=c=>{c()},n=c=>{c()},i=Q8;const a=c=>{t?e.push(c):i(()=>{r(c)})},l=()=>{const c=e;e=[],c.length&&i(()=>{n(()=>{c.forEach(d=>{r(d)})})})};return{batch:c=>{let d;t++;try{d=c()}finally{t--,t||l()}return d},batchCalls:c=>(...d)=>{a(()=>{c(...d)})},schedule:a,setNotifyFunction:c=>{r=c},setBatchNotifyFunction:c=>{n=c},setScheduler:c=>{i=c}}}var Mt=J8(),Qs,oi,Js,vx,Z8=(vx=class extends Ra{constructor(){super();Pe(this,Qs,!0);Pe(this,oi);Pe(this,Js);ye(this,Js,t=>{if(typeof window<"u"&&window.addEventListener){const r=()=>t(!0),n=()=>t(!1);return window.addEventListener("online",r,!1),window.addEventListener("offline",n,!1),()=>{window.removeEventListener("online",r),window.removeEventListener("offline",n)}}})}onSubscribe(){$(this,oi)||this.setEventListener($(this,Js))}onUnsubscribe(){var t;this.hasListeners()||((t=$(this,oi))==null||t.call(this),ye(this,oi,void 0))}setEventListener(t){var r;ye(this,Js,t),(r=$(this,oi))==null||r.call(this),ye(this,oi,t(this.setOnline.bind(this)))}setOnline(t){$(this,Qs)!==t&&(ye(this,Qs,t),this.listeners.forEach(n=>{n(t)}))}isOnline(){return $(this,Qs)}},Qs=new WeakMap,oi=new WeakMap,Js=new WeakMap,vx),yd=new Z8;function eq(e){return Math.min(1e3*2**e,3e4)}function H1(e){return(e??"online")==="online"?yd.isOnline():!0}var Uh=class extends Error{constructor(e){super("CancelledError"),this.revert=e==null?void 0:e.revert,this.silent=e==null?void 0:e.silent}};function W1(e){let t=!1,r=0,n;const i=Ih(),a=()=>i.status!=="pending",l=x=>{var R;if(!a()){const E=new Uh(x);w(E),(R=e.onCancel)==null||R.call(e,E)}},c=()=>{t=!0},d=()=>{t=!1},f=()=>Ey.isFocused()&&(e.networkMode==="always"||yd.isOnline())&&e.canRun(),h=()=>H1(e.networkMode)&&e.canRun(),m=x=>{a()||(n==null||n(),i.resolve(x))},w=x=>{a()||(n==null||n(),i.reject(x))},v=()=>new Promise(x=>{var R;n=E=>{(a()||f())&&x(E)},(R=e.onPause)==null||R.call(e)}).then(()=>{var x;n=void 0,a()||(x=e.onContinue)==null||x.call(e)}),C=()=>{if(a())return;let x;const R=r===0?e.initialPromise:void 0;try{x=R??e.fn()}catch(E){x=Promise.reject(E)}Promise.resolve(x).then(m).catch(E=>{var j;if(a())return;const P=e.retry??(_l.isServer()?0:3),k=e.retryDelay??eq,T=typeof k=="function"?k(r,E):k,N=P===!0||typeof P=="number"&&r<P||typeof P=="function"&&P(r,E);if(t||!N){w(E);return}r++,(j=e.onFail)==null||j.call(e,r,E),G8(T).then(()=>f()?void 0:v()).then(()=>{t?w(E):C()})})};return{promise:i,status:()=>i.status,cancel:l,continue:()=>(n==null||n(),i),cancelRetry:c,continueRetry:d,canStart:h,start:()=>(h()?C():v().then(C),i)}}var qi,bx,G1=(bx=class{constructor(){Pe(this,qi)}destroy(){this.clearGcTimeout()}scheduleGc(){this.clearGcTimeout(),jh(this.gcTime)&&ye(this,qi,Ui.setTimeout(()=>{this.optionalRemove()},this.gcTime))}updateGcTime(e){this.gcTime=Math.max(this.gcTime||0,e??(_l.isServer()?1/0:300*1e3))}clearGcTimeout(){$(this,qi)!==void 0&&(Ui.clearTimeout($(this,qi)),ye(this,qi,void 0))}},qi=new WeakMap,bx);function tq(e){return{onFetch:(t,r)=>{var h,m,w,v,C;const n=t.options,i=(w=(m=(h=t.fetchOptions)==null?void 0:h.meta)==null?void 0:m.fetchMore)==null?void 0:w.direction,a=((v=t.state.data)==null?void 0:v.pages)||[],l=((C=t.state.data)==null?void 0:C.pageParams)||[];let c={pages:[],pageParams:[]},d=0;const f=async()=>{let x=!1;const R=k=>{X8(k,()=>t.signal,()=>x=!0)},E=V1(t.options,t.fetchOptions),P=async(k,T,N)=>{if(x)return Promise.reject(t.signal.reason);if(T==null&&k.pages.length)return Promise.resolve(k);const M=(()=>{const Y={client:t.client,queryKey:t.queryKey,pageParam:T,direction:N?"backward":"forward",meta:t.options.meta};return R(Y),Y})(),O=await E(M),{maxPages:B}=t.options,H=N?Y8:K8;return{pages:H(k.pages,O,B),pageParams:H(k.pageParams,T,B)}};if(i&&a.length){const k=i==="backward",T=k?rq:HS,N={pages:a,pageParams:l},j=T(n,N);c=await P(N,j,k)}else{const k=e??a.length;do{const T=d===0?l[0]??n.initialPageParam:HS(n,c);if(d>0&&T==null)break;c=await P(c,T),d++}while(d<k)}return c};t.options.persister?t.fetchFn=()=>{var x,R;return(R=(x=t.options).persister)==null?void 0:R.call(x,f,{client:t.client,queryKey:t.queryKey,meta:t.options.meta,signal:t.signal},r)}:t.fetchFn=f}}}function HS(e,{pages:t,pageParams:r}){const n=t.length-1;return t.length>0?e.getNextPageParam(t[n],t,r[n],r):void 0}function rq(e,{pages:t,pageParams:r}){var n;return t.length>0?(n=e.getPreviousPageParam)==null?void 0:n.call(e,t[0],t,r[0],r):void 0}var Zs,Vi,ea,Xr,Hi,Ut,jl,Wi,Ir,K1,ao,wx,nq=(wx=class extends G1{constructor(t){super();Pe(this,Ir);Pe(this,Zs);Pe(this,Vi);Pe(this,ea);Pe(this,Xr);Pe(this,Hi);Pe(this,Ut);Pe(this,jl);Pe(this,Wi);ye(this,Wi,!1),ye(this,jl,t.defaultOptions),this.setOptions(t.options),this.observers=[],ye(this,Hi,t.client),ye(this,Xr,$(this,Hi).getQueryCache()),this.queryKey=t.queryKey,this.queryHash=t.queryHash,ye(this,Vi,GS(this.options)),this.state=t.state??$(this,Vi),this.scheduleGc()}get meta(){return this.options.meta}get queryType(){return $(this,Zs)}get promise(){var t;return(t=$(this,Ut))==null?void 0:t.promise}setOptions(t){if(this.options={...$(this,jl),...t},t!=null&&t._type&&ye(this,Zs,t._type),this.updateGcTime(this.options.gcTime),this.state&&this.state.data===void 0){const r=GS(this.options);r.data!==void 0&&(this.setState(WS(r.data,r.dataUpdatedAt)),ye(this,Vi,r))}}optionalRemove(){!this.observers.length&&this.state.fetchStatus==="idle"&&$(this,Xr).remove(this)}setData(t,r){const n=Fh(this.state.data,t,this.options);return je(this,Ir,ao).call(this,{data:n,type:"success",dataUpdatedAt:r==null?void 0:r.updatedAt,manual:r==null?void 0:r.manual}),n}setState(t){je(this,Ir,ao).call(this,{type:"setState",state:t})}cancel(t){var n,i;const r=(n=$(this,Ut))==null?void 0:n.promise;return(i=$(this,Ut))==null||i.cancel(t),r?r.then(sr).catch(sr):Promise.resolve()}destroy(){super.destroy(),this.cancel({silent:!0})}get resetState(){return $(this,Vi)}reset(){this.destroy(),this.setState(this.resetState)}isActive(){return this.observers?.some(t=>$r(t.options.enabled,this)!==!1)}isDisabled(){return this.getObserversCount()>0?!this.isActive():this.options.queryFn===Py||!this.isFetched()}isFetched(){return this.state.dataUpdateCount+this.state.errorUpdateCount>0}isStatic(){return this.getObserversCount()>0?this.observers?.some(t=>di(t.options.staleTime,this)==="static"):!1}isStale(){return this.getObserversCount()>0?this.observers?.some(t=>t.getCurrentResult().isStale):this.state.data===void 0||this.state.isInvalidated}isStaleByTime(t=0){return this.state.data===void 0?!0:t==="static"?!1:this.state.isInvalidated?!0:!B1(this.state.dataUpdatedAt,t)}onFocus(){var r;const t=this.observers.find(n=>n.shouldFetchOnWindowFocus());t==null||t.refetch({cancelRefetch:!1}),(r=$(this,Ut))==null||r.continue()}onOnline(){var r;const t=this.observers.find(n=>n.shouldFetchOnReconnect());t==null||t.refetch({cancelRefetch:!1}),(r=$(this,Ut))==null||r.continue()}addObserver(t){this.observers.includes(t)||(this.observers.push(t),this.clearGcTimeout(),$(this,Xr).notify({type:"observerAdded",query:this,observer:t}))}removeObserver(t){this.observers.includes(t)&&(this.observers=this.observers.filter(r=>r!==t),this.observers.length||($(this,Ut)&&($(this,Wi)||je(this,Ir,K1).call(this)?$(this,Ut).cancel({revert:!0}):$(this,Ut).cancelRetry()),this.scheduleGc()),$(this,Xr).notify({type:"observerRemoved",query:this,observer:t}))}getObserversCount(){return this.observers.length}invalidate(){this.state.isInvalidated||je(this,Ir,ao).call(this,{type:"invalidate"})}async fetch(t,r){var f,h,m,w,v,C,x,R,E,P,k;if(this.state.fetchStatus!=="idle"&&((f=$(this,Ut))==null?void 0:f.status())!=="rejected"){if(this.state.data!==void 0&&(r!=null&&r.cancelRefetch))this.cancel({silent:!0});else if($(this,Ut))return $(this,Ut).continueRetry(),$(this,Ut).promise}if(t&&this.setOptions(t),!this.options.queryFn){const T=this.observers.find(N=>N.options.queryFn);T&&this.setOptions(T.options)}const n=new AbortController,i=T=>{Object.defineProperty(T,"signal",{enumerable:!0,get:()=>(ye(this,Wi,!0),n.signal)})},a=()=>{const T=V1(this.options,r),j=(()=>{const M={client:$(this,Hi),queryKey:this.queryKey,meta:this.meta};return i(M),M})();return ye(this,Wi,!1),this.options.persister?this.options.persister(T,j,this):T(j)},c=(()=>{const T={fetchOptions:r,options:this.options,queryKey:this.queryKey,client:$(this,Hi),state:this.state,fetchFn:a};return i(T),T})(),d=$(this,Zs)==="infinite"?tq(this.options.pages):this.options.behavior;d==null||d.onFetch(c,this),ye(this,ea,this.state),(this.state.fetchStatus==="idle"||this.state.fetchMeta!==((h=c.fetchOptions)==null?void 0:h.meta))&&je(this,Ir,ao).call(this,{type:"fetch",meta:(m=c.fetchOptions)==null?void 0:m.meta}),ye(this,Ut,W1({initialPromise:r==null?void 0:r.initialPromise,fn:c.fetchFn,onCancel:T=>{T instanceof Uh&&T.revert&&this.setState({...$(this,ea),fetchStatus:"idle"}),n.abort()},onFail:(T,N)=>{je(this,Ir,ao).call(this,{type:"failed",failureCount:T,error:N})},onPause:()=>{je(this,Ir,ao).call(this,{type:"pause"})},onContinue:()=>{je(this,Ir,ao).call(this,{type:"continue"})},retry:c.options.retry,retryDelay:c.options.retryDelay,networkMode:c.options.networkMode,canRun:()=>!0}));try{const T=await $(this,Ut).start();if(T===void 0)throw new Error(`${this.queryHash} data is undefined`);return this.setData(T),(v=(w=$(this,Xr).config).onSuccess)==null||v.call(w,T,this),(x=(C=$(this,Xr).config).onSettled)==null||x.call(C,T,this.state.error,this),T}catch(T){if(T instanceof Uh){if(T.silent)return $(this,Ut).promise;if(T.revert){if(this.state.data===void 0)throw T;return this.state.data}}throw je(this,Ir,ao).call(this,{type:"error",error:T}),(E=(R=$(this,Xr).config).onError)==null||E.call(R,T,this),(k=(P=$(this,Xr).config).onSettled)==null||k.call(P,this.state.data,T,this),T}finally{this.scheduleGc()}}},Zs=new WeakMap,Vi=new WeakMap,ea=new WeakMap,Xr=new WeakMap,Hi=new WeakMap,Ut=new WeakMap,jl=new WeakMap,Wi=new WeakMap,Ir=new WeakSet,K1=function(){return this.state.fetchStatus==="paused"&&this.state.status==="pending"},ao=function(t){const r=n=>{switch(t.type){case"failed":return{...n,fetchFailureCount:t.failureCount,fetchFailureReason:t.error};case"pause":return{...n,fetchStatus:"paused"};case"continue":return{...n,fetchStatus:"fetching"};case"fetch":return{...n,...Y1(n.data,this.options),fetchMeta:t.meta??null};case"success":const i={...n,...WS(t.data,t.dataUpdatedAt),dataUpdateCount:n.dataUpdateCount+1,...!t.manual&&{fetchStatus:"idle",fetchFailureCount:0,fetchFailureReason:null}};return ye(this,ea,t.manual?i:void 0),i;case"error":const a=t.error;return{...n,error:a,errorUpdateCount:n.errorUpdateCount+1,errorUpdatedAt:Date.now(),fetchFailureCount:n.fetchFailureCount+1,fetchFailureReason:a,fetchStatus:"idle",status:"error",isInvalidated:!0};case"invalidate":return{...n,isInvalidated:!0};case"setState":return{...n,...t.state}}};this.state=r(this.state),Mt.batch(()=>{this.observers.forEach(n=>{n.onQueryUpdate()}),$(this,Xr).notify({query:this,type:"updated",action:t})})},wx);function Y1(e,t){return{fetchFailureCount:0,fetchFailureReason:null,fetchStatus:H1(t.networkMode)?"fetching":"paused",...e===void 0&&{error:null,status:"pending"}}}function WS(e,t){return{data:e,dataUpdatedAt:t??Date.now(),error:null,isInvalidated:!1,status:"success"}}function GS(e){const t=typeof e.initialData=="function"?e.initialData():e.initialData,r=t!==void 0,n=r?typeof e.initialDataUpdatedAt=="function"?e.initialDataUpdatedAt():e.initialDataUpdatedAt:0;return{data:t,dataUpdateCount:0,dataUpdatedAt:r?n??Date.now():0,error:null,errorUpdateCount:0,errorUpdatedAt:0,fetchFailureCount:0,fetchFailureReason:null,fetchMeta:null,isInvalidated:!1,status:r?"success":"pending",fetchStatus:"idle"}}var Er,Be,Ll,ir,Gi,ta,lo,ii,Fl,ra,na,Ki,Yi,si,oa,Je,bl,$h,zh,Bh,qh,Vh,Hh,Wh,X1,Sx,oq=(Sx=class extends Ra{constructor(t,r){super();Pe(this,Je);Pe(this,Er);Pe(this,Be);Pe(this,Ll);Pe(this,ir);Pe(this,Gi);Pe(this,ta);Pe(this,lo);Pe(this,ii);Pe(this,Fl);Pe(this,ra);Pe(this,na);Pe(this,Ki);Pe(this,Yi);Pe(this,si);Pe(this,oa,new Set);this.options=r,ye(this,Er,t),ye(this,ii,null),ye(this,lo,Ih()),this.bindMethods(),this.setOptions(r)}bindMethods(){this.refetch=this.refetch.bind(this)}onSubscribe(){this.listeners.size===1&&($(this,Be).addObserver(this),KS($(this,Be),this.options)?je(this,Je,bl).call(this):this.updateResult(),je(this,Je,qh).call(this))}onUnsubscribe(){this.hasListeners()||this.destroy()}shouldFetchOnReconnect(){return Gh($(this,Be),this.options,this.options.refetchOnReconnect)}shouldFetchOnWindowFocus(){return Gh($(this,Be),this.options,this.options.refetchOnWindowFocus)}destroy(){this.listeners=new Set,je(this,Je,Vh).call(this),je(this,Je,Hh).call(this),$(this,Be).removeObserver(this)}setOptions(t){const r=this.options,n=$(this,Be);if(this.options=$(this,Er).defaultQueryOptions(t),this.options.enabled!==void 0&&typeof this.options.enabled!="boolean"&&typeof this.options.enabled!="function"&&typeof $r(this.options.enabled,$(this,Be))!="boolean")throw new Error("Expected enabled to be a boolean or a callback that returns a boolean");je(this,Je,Wh).call(this),$(this,Be).setOptions(this.options),r._defaulted&&!gd(this.options,r)&&$(this,Er).getQueryCache().notify({type:"observerOptionsUpdated",query:$(this,Be),observer:this});const i=this.hasListeners();i&&YS($(this,Be),n,this.options,r)&&je(this,Je,bl).call(this),this.updateResult(),i&&($(this,Be)!==n||$r(this.options.enabled,$(this,Be))!==$r(r.enabled,$(this,Be))||di(this.options.staleTime,$(this,Be))!==di(r.staleTime,$(this,Be)))&&je(this,Je,$h).call(this);const a=je(this,Je,zh).call(this);i&&($(this,Be)!==n||$r(this.options.enabled,$(this,Be))!==$r(r.enabled,$(this,Be))||a!==$(this,si))&&je(this,Je,Bh).call(this,a)}getOptimisticResult(t){const r=$(this,Er).getQueryCache().build($(this,Er),t),n=this.createResult(r,t);return sq(this,n)&&(ye(this,ir,n),ye(this,ta,this.options),ye(this,Gi,$(this,Be).state)),n}getCurrentResult(){return $(this,ir)}trackResult(t,r){return new Proxy(t,{get:(n,i)=>(this.trackProp(i),r==null||r(i),i==="promise"&&(this.trackProp("data"),!this.options.experimental_prefetchInRender&&$(this,lo).status==="pending"&&$(this,lo).reject(new Error("experimental_prefetchInRender feature flag is not enabled"))),Reflect.get(n,i))})}trackProp(t){$(this,oa).add(t)}getCurrentQuery(){return $(this,Be)}refetch({...t}={}){return this.fetch({...t})}fetchOptimistic(t){const r=$(this,Er).defaultQueryOptions(t),n=$(this,Er).getQueryCache().build($(this,Er),r);return n.fetch().then(()=>this.createResult(n,r))}fetch(t){return je(this,Je,bl).call(this,{...t,cancelRefetch:t.cancelRefetch??!0}).then(()=>(this.updateResult(),$(this,ir)))}createResult(t,r){var B;const n=$(this,Be),i=this.options,a=$(this,ir),l=$(this,Gi),c=$(this,ta),f=t!==n?t.state:$(this,Ll),{state:h}=t;let m={...h},w=!1,v;if(r._optimisticResults){const H=this.hasListeners(),Y=!H&&KS(t,r),ne=H&&YS(t,n,r,i);(Y||ne)&&(m={...m,...Y1(h.data,t.options)}),r._optimisticResults==="isRestoring"&&(m.fetchStatus="idle")}let{error:C,errorUpdatedAt:x,status:R}=m;v=m.data;let E=!1;if(r.placeholderData!==void 0&&v===void 0&&R==="pending"){let H;a!=null&&a.isPlaceholderData&&r.placeholderData===(c==null?void 0:c.placeholderData)?(H=a.data,E=!0):H=typeof r.placeholderData=="function"?r.placeholderData((B=$(this,na))==null?void 0:B.state.data,$(this,na)):r.placeholderData,H!==void 0&&(R="success",v=Fh(a==null?void 0:a.data,H,r),w=!0)}if(r.select&&v!==void 0&&!E)if(a&&v===(l==null?void 0:l.data)&&r.select===$(this,Fl))v=$(this,ra);else try{ye(this,Fl,r.select),v=r.select(v),v=Fh(a==null?void 0:a.data,v,r),ye(this,ra,v),ye(this,ii,null)}catch(H){ye(this,ii,H)}$(this,ii)&&(C=$(this,ii),v=$(this,ra),x=Date.now(),R="error");const P=m.fetchStatus==="fetching",k=R==="pending",T=R==="error",N=k&&P,j=v!==void 0,O={status:R,fetchStatus:m.fetchStatus,isPending:k,isSuccess:R==="success",isError:T,isInitialLoading:N,isLoading:N,data:v,dataUpdatedAt:m.dataUpdatedAt,error:C,errorUpdatedAt:x,failureCount:m.fetchFailureCount,failureReason:m.fetchFailureReason,errorUpdateCount:m.errorUpdateCount,isFetched:t.isFetched(),isFetchedAfterMount:m.dataUpdateCount>f.dataUpdateCount||m.errorUpdateCount>f.errorUpdateCount,isFetching:P,isRefetching:P&&!k,isLoadingError:T&&!j,isPaused:m.fetchStatus==="paused",isPlaceholderData:w,isRefetchError:T&&j,isStale:Ty(t,r),refetch:this.refetch,promise:$(this,lo),isEnabled:$r(r.enabled,t)!==!1};if(this.options.experimental_prefetchInRender){const H=O.data!==void 0,Y=O.status==="error"&&!H,ne=W=>{Y?W.reject(O.error):H&&W.resolve(O.data)},te=()=>{const W=ye(this,lo,O.promise=Ih());ne(W)},K=$(this,lo);switch(K.status){case"pending":t.queryHash===n.queryHash&&ne(K);break;case"fulfilled":(Y||O.data!==K.value)&&te();break;case"rejected":(!Y||O.error!==K.reason)&&te();break}}return O}updateResult(){const t=$(this,ir),r=this.createResult($(this,Be),this.options);if(ye(this,Gi,$(this,Be).state),ye(this,ta,this.options),$(this,Gi).data!==void 0&&ye(this,na,$(this,Be)),gd(r,t))return;ye(this,ir,r);const n=()=>{if(!t)return!0;const{notifyOnChangeProps:i}=this.options,a=typeof i=="function"?i():i;if(a==="all"||!a&&!$(this,oa).size)return!0;const l=new Set(a??$(this,oa));return this.options.throwOnError&&l.add("error"),Object.keys($(this,ir))?.some(c=>{const d=c;return $(this,ir)[d]!==t[d]&&l.has(d)})};je(this,Je,X1).call(this,{listeners:n()})}onQueryUpdate(){this.updateResult(),this.hasListeners()&&je(this,Je,qh).call(this)}},Er=new WeakMap,Be=new WeakMap,Ll=new WeakMap,ir=new WeakMap,Gi=new WeakMap,ta=new WeakMap,lo=new WeakMap,ii=new WeakMap,Fl=new WeakMap,ra=new WeakMap,na=new WeakMap,Ki=new WeakMap,Yi=new WeakMap,si=new WeakMap,oa=new WeakMap,Je=new WeakSet,bl=function(t){je(this,Je,Wh).call(this);let r=$(this,Be).fetch(this.options,t);return t!=null&&t.throwOnError||(r=r.catch(sr)),r},$h=function(){je(this,Je,Vh).call(this);const t=di(this.options.staleTime,$(this,Be));if(_l.isServer()||$(this,ir).isStale||!jh(t))return;const n=B1($(this,ir).dataUpdatedAt,t)+1;ye(this,Ki,Ui.setTimeout(()=>{$(this,ir).isStale||this.updateResult()},n))},zh=function(){return(typeof this.options.refetchInterval=="function"?this.options.refetchInterval($(this,Be)):this.options.refetchInterval)??!1},Bh=function(t){je(this,Je,Hh).call(this),ye(this,si,t),!(_l.isServer()||$r(this.options.enabled,$(this,Be))===!1||!jh($(this,si))||$(this,si)===0)&&ye(this,Yi,Ui.setInterval(()=>{(this.options.refetchIntervalInBackground||Ey.isFocused())&&je(this,Je,bl).call(this)},$(this,si)))},qh=function(){je(this,Je,$h).call(this),je(this,Je,Bh).call(this,je(this,Je,zh).call(this))},Vh=function(){$(this,Ki)!==void 0&&(Ui.clearTimeout($(this,Ki)),ye(this,Ki,void 0))},Hh=function(){$(this,Yi)!==void 0&&(Ui.clearInterval($(this,Yi)),ye(this,Yi,void 0))},Wh=function(){const t=$(this,Er).getQueryCache().build($(this,Er),this.options);if(t===$(this,Be))return;const r=$(this,Be);ye(this,Be,t),ye(this,Ll,t.state),this.hasListeners()&&(r==null||r.removeObserver(this),t.addObserver(this))},X1=function(t){Mt.batch(()=>{t.listeners&&this.listeners.forEach(r=>{r($(this,ir))}),$(this,Er).getQueryCache().notify({query:$(this,Be),type:"observerResultsUpdated"})})},Sx);function iq(e,t){return $r(t.enabled,e)!==!1&&e.state.data===void 0&&!(e.state.status==="error"&&$r(t.retryOnMount,e)===!1)}function KS(e,t){return iq(e,t)||e.state.data!==void 0&&Gh(e,t,t.refetchOnMount)}function Gh(e,t,r){if($r(t.enabled,e)!==!1&&di(t.staleTime,e)!=="static"){const n=typeof r=="function"?r(e):r;return n==="always"||n!==!1&&Ty(e,t)}return!1}function YS(e,t,r,n){return(e!==t||$r(n.enabled,e)===!1)&&(!r.suspense||e.state.status!=="error")&&Ty(e,r)}function Ty(e,t){return $r(t.enabled,e)!==!1&&e.isStaleByTime(di(t.staleTime,e))}function sq(e,t){return!gd(e.getCurrentResult(),t)}var Il,Ln,Jt,Xi,Fn,ei,xx,aq=(xx=class extends G1{constructor(t){super();Pe(this,Fn);Pe(this,Il);Pe(this,Ln);Pe(this,Jt);Pe(this,Xi);ye(this,Il,t.client),this.mutationId=t.mutationId,ye(this,Jt,t.mutationCache),ye(this,Ln,[]),this.state=t.state||Q1(),this.setOptions(t.options),this.scheduleGc()}setOptions(t){this.options=t,this.updateGcTime(this.options.gcTime)}get meta(){return this.options.meta}addObserver(t){$(this,Ln).includes(t)||($(this,Ln).push(t),this.clearGcTimeout(),$(this,Jt).notify({type:"observerAdded",mutation:this,observer:t}))}removeObserver(t){ye(this,Ln,$(this,Ln).filter(r=>r!==t)),this.scheduleGc(),$(this,Jt).notify({type:"observerRemoved",mutation:this,observer:t})}optionalRemove(){$(this,Ln).length||(this.state.status==="pending"?this.scheduleGc():$(this,Jt).remove(this))}continue(){var t;return((t=$(this,Xi))==null?void 0:t.continue())??this.execute(this.state.variables)}async execute(t){var l,c,d,f,h,m,w,v,C,x,R,E,P,k,T,N,j,M;const r=()=>{je(this,Fn,ei).call(this,{type:"continue"})},n={client:$(this,Il),meta:this.options.meta,mutationKey:this.options.mutationKey};ye(this,Xi,W1({fn:()=>this.options.mutationFn?this.options.mutationFn(t,n):Promise.reject(new Error("No mutationFn found")),onFail:(O,B)=>{je(this,Fn,ei).call(this,{type:"failed",failureCount:O,error:B})},onPause:()=>{je(this,Fn,ei).call(this,{type:"pause"})},onContinue:r,retry:this.options.retry??0,retryDelay:this.options.retryDelay,networkMode:this.options.networkMode,canRun:()=>$(this,Jt).canRun(this)}));const i=this.state.status==="pending",a=!$(this,Xi).canStart();try{if(i)r();else{je(this,Fn,ei).call(this,{type:"pending",variables:t,isPaused:a}),$(this,Jt).config.onMutate&&await $(this,Jt).config.onMutate(t,this,n);const B=await((c=(l=this.options).onMutate)==null?void 0:c.call(l,t,n));B!==this.state.context&&je(this,Fn,ei).call(this,{type:"pending",context:B,variables:t,isPaused:a})}const O=await $(this,Xi).start();return await((f=(d=$(this,Jt).config).onSuccess)==null?void 0:f.call(d,O,t,this.state.context,this,n)),await((m=(h=this.options).onSuccess)==null?void 0:m.call(h,O,t,this.state.context,n)),await((v=(w=$(this,Jt).config).onSettled)==null?void 0:v.call(w,O,null,this.state.variables,this.state.context,this,n)),await((x=(C=this.options).onSettled)==null?void 0:x.call(C,O,null,t,this.state.context,n)),je(this,Fn,ei).call(this,{type:"success",data:O}),O}catch(O){try{await((E=(R=$(this,Jt).config).onError)==null?void 0:E.call(R,O,t,this.state.context,this,n))}catch(B){Promise.reject(B)}try{await((k=(P=this.options).onError)==null?void 0:k.call(P,O,t,this.state.context,n))}catch(B){Promise.reject(B)}try{await((N=(T=$(this,Jt).config).onSettled)==null?void 0:N.call(T,void 0,O,this.state.variables,this.state.context,this,n))}catch(B){Promise.reject(B)}try{await((M=(j=this.options).onSettled)==null?void 0:M.call(j,void 0,O,t,this.state.context,n))}catch(B){Promise.reject(B)}throw je(this,Fn,ei).call(this,{type:"error",error:O}),O}finally{$(this,Jt).runNext(this)}}},Il=new WeakMap,Ln=new WeakMap,Jt=new WeakMap,Xi=new WeakMap,Fn=new WeakSet,ei=function(t){const r=n=>{switch(t.type){case"failed":return{...n,failureCount:t.failureCount,failureReason:t.error};case"pause":return{...n,isPaused:!0};case"continue":return{...n,isPaused:!1};case"pending":return{...n,context:t.context,data:void 0,failureCount:0,failureReason:null,error:null,isPaused:t.isPaused,status:"pending",variables:t.variables,submittedAt:Date.now()};case"success":return{...n,data:t.data,failureCount:0,failureReason:null,error:null,status:"success",isPaused:!1};case"error":return{...n,data:void 0,error:t.error,failureCount:n.failureCount+1,failureReason:t.error,isPaused:!1,status:"error"}}};this.state=r(this.state),Mt.batch(()=>{$(this,Ln).forEach(n=>{n.onMutationUpdate(t)}),$(this,Jt).notify({mutation:this,type:"updated",action:t})})},xx);function Q1(){return{context:void 0,data:void 0,error:null,failureCount:0,failureReason:null,isPaused:!1,status:"idle",variables:void 0,submittedAt:0}}var co,gn,Ul,Cx,lq=(Cx=class extends Ra{constructor(t={}){super();Pe(this,co);Pe(this,gn);Pe(this,Ul);this.config=t,ye(this,co,new Set),ye(this,gn,new Map),ye(this,Ul,0)}build(t,r,n){const i=new aq({client:t,mutationCache:this,mutationId:++uu(this,Ul)._,options:t.defaultMutationOptions(r),state:n});return this.add(i),i}add(t){$(this,co).add(t);const r=Nu(t);if(typeof r=="string"){const n=$(this,gn).get(r);n?n.push(t):$(this,gn).set(r,[t])}this.notify({type:"added",mutation:t})}remove(t){if($(this,co).delete(t)){const r=Nu(t);if(typeof r=="string"){const n=$(this,gn).get(r);if(n)if(n.length>1){const i=n.indexOf(t);i!==-1&&n.splice(i,1)}else n[0]===t&&$(this,gn).delete(r)}}this.notify({type:"removed",mutation:t})}canRun(t){const r=Nu(t);if(typeof r=="string"){const n=$(this,gn).get(r),i=n==null?void 0:n.find(a=>a.state.status==="pending");return!i||i===t}else return!0}runNext(t){var n;const r=Nu(t);if(typeof r=="string"){const i=(n=$(this,gn).get(r))==null?void 0:n.find(a=>a!==t&&a.state.isPaused);return(i==null?void 0:i.continue())??Promise.resolve()}else return Promise.resolve()}clear(){Mt.batch(()=>{$(this,co).forEach(t=>{this.notify({type:"removed",mutation:t})}),$(this,co).clear(),$(this,gn).clear()})}getAll(){return Array.from($(this,co))}find(t){const r={exact:!0,...t};return this.getAll().find(n=>BS(r,n))}findAll(t={}){return this.getAll().filter(r=>BS(t,r))}notify(t){Mt.batch(()=>{this.listeners.forEach(r=>{r(t)})})}resumePausedMutations(){const t=this.getAll().filter(r=>r.state.isPaused);return Mt.batch(()=>Promise.all(t?.map(r=>r.continue().catch(sr))))}},co=new WeakMap,gn=new WeakMap,Ul=new WeakMap,Cx);function Nu(e){var t;return(t=e.options.scope)==null?void 0:t.id}var uo,ai,kr,fo,yo,Vu,Kh,Rx,cq=(Rx=class extends Ra{constructor(r,n){super();Pe(this,yo);Pe(this,uo);Pe(this,ai);Pe(this,kr);Pe(this,fo);ye(this,uo,r),this.setOptions(n),this.bindMethods(),je(this,yo,Vu).call(this)}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(r){var i;const n=this.options;this.options=$(this,uo).defaultMutationOptions(r),gd(this.options,n)||$(this,uo).getMutationCache().notify({type:"observerOptionsUpdated",mutation:$(this,kr),observer:this}),n!=null&&n.mutationKey&&this.options.mutationKey&&is(n.mutationKey)!==is(this.options.mutationKey)?this.reset():((i=$(this,kr))==null?void 0:i.state.status)==="pending"&&$(this,kr).setOptions(this.options)}onUnsubscribe(){var r;this.hasListeners()||(r=$(this,kr))==null||r.removeObserver(this)}onMutationUpdate(r){je(this,yo,Vu).call(this),je(this,yo,Kh).call(this,r)}getCurrentResult(){return $(this,ai)}reset(){var r;(r=$(this,kr))==null||r.removeObserver(this),ye(this,kr,void 0),je(this,yo,Vu).call(this),je(this,yo,Kh).call(this)}mutate(r,n){var i;return ye(this,fo,n),(i=$(this,kr))==null||i.removeObserver(this),ye(this,kr,$(this,uo).getMutationCache().build($(this,uo),this.options)),$(this,kr).addObserver(this),$(this,kr).execute(r)}},uo=new WeakMap,ai=new WeakMap,kr=new WeakMap,fo=new WeakMap,yo=new WeakSet,Vu=function(){var n;const r=((n=$(this,kr))==null?void 0:n.state)??Q1();ye(this,ai,{...r,isPending:r.status==="pending",isSuccess:r.status==="success",isError:r.status==="error",isIdle:r.status==="idle",mutate:this.mutate,reset:this.reset})},Kh=function(r){Mt.batch(()=>{var n,i,a,l,c,d,f,h;if($(this,fo)&&this.hasListeners()){const m=$(this,ai).variables,w=$(this,ai).context,v={client:$(this,uo),meta:this.options.meta,mutationKey:this.options.mutationKey};if((r==null?void 0:r.type)==="success"){try{(i=(n=$(this,fo)).onSuccess)==null||i.call(n,r.data,m,w,v)}catch(C){Promise.reject(C)}try{(l=(a=$(this,fo)).onSettled)==null||l.call(a,r.data,null,m,w,v)}catch(C){Promise.reject(C)}}else if((r==null?void 0:r.type)==="error"){try{(d=(c=$(this,fo)).onError)==null||d.call(c,r.error,m,w,v)}catch(C){Promise.reject(C)}try{(h=(f=$(this,fo)).onSettled)==null||h.call(f,void 0,r.error,m,w,v)}catch(C){Promise.reject(C)}}}this.listeners.forEach(m=>{m($(this,ai))})})},Rx),In,Ex,uq=(Ex=class extends Ra{constructor(t={}){super();Pe(this,In);this.config=t,ye(this,In,new Map)}build(t,r,n){const i=r.queryKey,a=r.queryHash??ky(i,r);let l=this.get(a);return l||(l=new nq({client:t,queryKey:i,queryHash:a,options:t.defaultQueryOptions(r),state:n,defaultOptions:t.getQueryDefaults(i)}),this.add(l)),l}add(t){$(this,In).has(t.queryHash)||($(this,In).set(t.queryHash,t),this.notify({type:"added",query:t}))}remove(t){const r=$(this,In).get(t.queryHash);r&&(t.destroy(),r===t&&$(this,In).delete(t.queryHash),this.notify({type:"removed",query:t}))}clear(){Mt.batch(()=>{this.getAll().forEach(t=>{this.remove(t)})})}get(t){return $(this,In).get(t)}getAll(){return[...$(this,In).values()]}find(t){const r={exact:!0,...t};return this.getAll().find(n=>zS(r,n))}findAll(t={}){const r=this.getAll();return Object.keys(t).length>0?r.filter(n=>zS(t,n)):r}notify(t){Mt.batch(()=>{this.listeners.forEach(r=>{r(t)})})}onFocus(){Mt.batch(()=>{this.getAll().forEach(t=>{t.onFocus()})})}onOnline(){Mt.batch(()=>{this.getAll().forEach(t=>{t.onOnline()})})}},In=new WeakMap,Ex),gt,li,ci,ia,sa,ui,aa,la,kx,dq=(kx=class{constructor(e={}){Pe(this,gt);Pe(this,li);Pe(this,ci);Pe(this,ia);Pe(this,sa);Pe(this,ui);Pe(this,aa);Pe(this,la);ye(this,gt,e.queryCache||new uq),ye(this,li,e.mutationCache||new lq),ye(this,ci,e.defaultOptions||{}),ye(this,ia,new Map),ye(this,sa,new Map),ye(this,ui,0)}mount(){uu(this,ui)._++,$(this,ui)===1&&(ye(this,aa,Ey.subscribe(async e=>{e&&(await this.resumePausedMutations(),$(this,gt).onFocus())})),ye(this,la,yd.subscribe(async e=>{e&&(await this.resumePausedMutations(),$(this,gt).onOnline())})))}unmount(){var e,t;uu(this,ui)._--,$(this,ui)===0&&((e=$(this,aa))==null||e.call(this),ye(this,aa,void 0),(t=$(this,la))==null||t.call(this),ye(this,la,void 0))}isFetching(e){return $(this,gt).findAll({...e,fetchStatus:"fetching"}).length}isMutating(e){return $(this,li).findAll({...e,status:"pending"}).length}getQueryData(e){var r;const t=this.defaultQueryOptions({queryKey:e});return(r=$(this,gt).get(t.queryHash))==null?void 0:r.state.data}ensureQueryData(e){const t=this.defaultQueryOptions(e),r=$(this,gt).build(this,t),n=r.state.data;return n===void 0?this.fetchQuery(e):(e.revalidateIfStale&&r.isStaleByTime(di(t.staleTime,r))&&this.prefetchQuery(t),Promise.resolve(n))}getQueriesData(e){return $(this,gt).findAll(e)?.map(({queryKey:t,state:r})=>{const n=r.data;return[t,n]})}setQueryData(e,t,r){const n=this.defaultQueryOptions({queryKey:e}),i=$(this,gt).get(n.queryHash),a=i==null?void 0:i.state.data,l=H8(t,a);if(l!==void 0)return $(this,gt).build(this,n).setData(l,{...r,manual:!0})}setQueriesData(e,t,r){return Mt.batch(()=>$(this,gt).findAll(e)?.map(({queryKey:n})=>[n,this.setQueryData(n,t,r)]))}getQueryState(e){var r;const t=this.defaultQueryOptions({queryKey:e});return(r=$(this,gt).get(t.queryHash))==null?void 0:r.state}removeQueries(e){const t=$(this,gt);Mt.batch(()=>{t.findAll(e).forEach(r=>{t.remove(r)})})}resetQueries(e,t){const r=$(this,gt);return Mt.batch(()=>(r.findAll(e).forEach(n=>{n.reset()}),this.refetchQueries({type:"active",...e},t)))}cancelQueries(e,t={}){const r={revert:!0,...t},n=Mt.batch(()=>$(this,gt).findAll(e)?.map(i=>i.cancel(r)));return Promise.all(n).then(sr).catch(sr)}invalidateQueries(e,t={}){return Mt.batch(()=>($(this,gt).findAll(e).forEach(r=>{r.invalidate()}),(e==null?void 0:e.refetchType)==="none"?Promise.resolve():this.refetchQueries({...e,type:(e==null?void 0:e.refetchType)??(e==null?void 0:e.type)??"active"},t)))}refetchQueries(e,t={}){const r={...t,cancelRefetch:t.cancelRefetch??!0},n=Mt.batch(()=>$(this,gt).findAll(e).filter(i=>!i.isDisabled()&&!i.isStatic())?.map(i=>{let a=i.fetch(void 0,r);return r.throwOnError||(a=a.catch(sr)),i.state.fetchStatus==="paused"?Promise.resolve():a}));return Promise.all(n).then(sr)}fetchQuery(e){const t=this.defaultQueryOptions(e);t.retry===void 0&&(t.retry=!1);const r=$(this,gt).build(this,t);return r.isStaleByTime(di(t.staleTime,r))?r.fetch(t):Promise.resolve(r.state.data)}prefetchQuery(e){return this.fetchQuery(e).then(sr).catch(sr)}fetchInfiniteQuery(e){return e._type="infinite",this.fetchQuery(e)}prefetchInfiniteQuery(e){return this.fetchInfiniteQuery(e).then(sr).catch(sr)}ensureInfiniteQueryData(e){return e._type="infinite",this.ensureQueryData(e)}resumePausedMutations(){return yd.isOnline()?$(this,li).resumePausedMutations():Promise.resolve()}getQueryCache(){return $(this,gt)}getMutationCache(){return $(this,li)}getDefaultOptions(){return $(this,ci)}setDefaultOptions(e){ye(this,ci,e)}setQueryDefaults(e,t){$(this,ia).set(is(e),{queryKey:e,defaultOptions:t})}getQueryDefaults(e){const t=[...$(this,ia).values()],r={};return t.forEach(n=>{Ol(e,n.queryKey)&&Object.assign(r,n.defaultOptions)}),r}setMutationDefaults(e,t){$(this,sa).set(is(e),{mutationKey:e,defaultOptions:t})}getMutationDefaults(e){const t=[...$(this,sa).values()],r={};return t.forEach(n=>{Ol(e,n.mutationKey)&&Object.assign(r,n.defaultOptions)}),r}defaultQueryOptions(e){if(e._defaulted)return e;const t={...$(this,ci).queries,...this.getQueryDefaults(e.queryKey),...e,_defaulted:!0};return t.queryHash||(t.queryHash=ky(t.queryKey,t)),t.refetchOnReconnect===void 0&&(t.refetchOnReconnect=t.networkMode!=="always"),t.throwOnError===void 0&&(t.throwOnError=!!t.suspense),!t.networkMode&&t.persister&&(t.networkMode="offlineFirst"),t.queryFn===Py&&(t.enabled=!1),t}defaultMutationOptions(e){return e!=null&&e._defaulted?e:{...$(this,ci).mutations,...(e==null?void 0:e.mutationKey)&&this.getMutationDefaults(e.mutationKey),...e,_defaulted:!0}}clear(){$(this,gt).clear(),$(this,li).clear()}},gt=new WeakMap,li=new WeakMap,ci=new WeakMap,ia=new WeakMap,sa=new WeakMap,ui=new WeakMap,aa=new WeakMap,la=new WeakMap,kx),J1=g.createContext(void 0),cf=e=>{const t=g.useContext(J1);if(!t)throw new Error("No QueryClient set, use QueryClientProvider to set one");return t},fq=({client:e,children:t})=>(g.useEffect(()=>(e.mount(),()=>{e.unmount()}),[e]),b.jsx(J1.Provider,{value:e,children:t})),Z1=g.createContext(!1),pq=()=>g.useContext(Z1);Z1.Provider;function mq(){let e=!1;return{clearReset:()=>{e=!1},reset:()=>{e=!0},isReset:()=>e}}var hq=g.createContext(mq()),gq=()=>g.useContext(hq),yq=(e,t,r)=>{const n=r!=null&&r.state.error&&typeof e.throwOnError=="function"?Ay(e.throwOnError,[r.state.error,r]):e.throwOnError;(e.suspense||e.experimental_prefetchInRender||n)&&(t.isReset()||(e.retryOnMount=!1))},vq=e=>{g.useEffect(()=>{e.clearReset()},[e])},bq=({result:e,errorResetBoundary:t,throwOnError:r,query:n,suspense:i})=>e.isError&&!t.isReset()&&!e.isFetching&&n&&(i&&e.data===void 0||Ay(r,[e.error,n])),wq=e=>{if(e.suspense){const r=i=>i==="static"?i:Math.max(i??1e3,1e3),n=e.staleTime;e.staleTime=typeof n=="function"?(...i)=>r(n(...i)):r(n),typeof e.gcTime=="number"&&(e.gcTime=Math.max(e.gcTime,1e3))}},Sq=(e,t)=>e.isLoading&&e.isFetching&&!t,xq=(e,t)=>(e==null?void 0:e.suspense)&&t.isPending,XS=(e,t,r)=>t.fetchOptimistic(e).catch(()=>{r.clearReset()});function Cq(e,t,r){var v,C,x,R;const n=pq(),i=gq(),a=cf(),l=a.defaultQueryOptions(e);(C=(v=a.getDefaultOptions().queries)==null?void 0:v._experimental_beforeQuery)==null||C.call(v,l);const c=a.getQueryCache().get(l.queryHash),d=e.subscribed!==!1;l._optimisticResults=n?"isRestoring":d?"optimistic":void 0,wq(l),yq(l,i,c),vq(i);const f=!a.getQueryCache().get(l.queryHash),[h]=g.useState(()=>new t(a,l)),m=h.getOptimisticResult(l),w=!n&&d;if(g.useSyncExternalStore(g.useCallback(E=>{const P=w?h.subscribe(Mt.batchCalls(E)):sr;return h.updateResult(),P},[h,w]),()=>h.getCurrentResult(),()=>h.getCurrentResult()),g.useEffect(()=>{h.setOptions(l)},[l,h]),xq(l,m))throw XS(l,h,i);if(bq({result:m,errorResetBoundary:i,throwOnError:l.throwOnError,query:c,suspense:l.suspense}))throw m.error;if((R=(x=a.getDefaultOptions().queries)==null?void 0:x._experimental_afterQuery)==null||R.call(x,l,m),l.experimental_prefetchInRender&&!_l.isServer()&&Sq(m,n)){const E=f?XS(l,h,i):c==null?void 0:c.promise;E==null||E.catch(sr).finally(()=>{h.updateResult()})}return l.notifyOnChangeProps?m:h.trackResult(m)}function ek(e,t){return Cq(e,oq)}function hn(e,t){const r=cf(),[n]=g.useState(()=>new cq(r,e));g.useEffect(()=>{n.setOptions(e)},[n,e]);const i=g.useSyncExternalStore(g.useCallback(l=>n.subscribe(Mt.batchCalls(l)),[n]),()=>n.getCurrentResult(),()=>n.getCurrentResult()),a=g.useCallback((l,c)=>{n.mutate(l,c).catch(sr)},[n]);if(i.error&&Ay(n.options.throwOnError,[i.error]))throw i.error;return{...i,mutate:a,mutateAsync:i.mutate}}const Rq=e=>{var t,r,n,i;if(pt.isAxiosError(e)){(r=(t=e.config)==null?void 0:t.method)==null||r.toUpperCase(),(n=e.config)==null||n.url,(i=e.response)==null||i.status;return}},$i=e=>{try{if(e==null)return null;if(typeof e=="string"){const t=e.trim();return t.length>0?t:null}if(Array.isArray(e)){const t=[];for(const r of e){const n=$i(r);n&&t.push(n)}return t.length>0?t.join(", "):null}if(typeof e=="object"){const t=e;return $i(t.message)??$i(t.error)??$i(t.detail)??null}return null}catch{return null}},Eq=e=>e===400||e===422?"msg.validationError":e===401?"msg.authError":e===403?"msg.permissionError":e===404?"msg.notFoundError":e===413?"msg.fileTooLarge":e!==void 0&&e>=500&&e<600?"msg.serverError":"msg.genericError",QS=(e,t)=>{if(!e||typeof e!="object")return null;const r=e;if(r.message!=="duplicate_values_found"||!r.errors||typeof r.errors!="object")return null;const n=[];for(const[l,c]of Object.entries(r.errors))typeof c=="string"&&c.length>0&&n.push(`${l}: ${c}`);if(n.length===0)return null;const i=t("msg.duplicateValuesFound");return{title:i==="msg.duplicateValuesFound"?"Duplicate values found":i,description:n.join(`
+`)}},JS=async e=>{try{const t=await e.text();return JSON.parse(t)}catch{return null}},tk=e=>{const t=g.useCallback(async n=>{var i;try{let a;if(typeof n=="object"&&n!==null&&"response"in n){const l=n.response;a=l==null?void 0:l.status;let c=l==null?void 0:l.data;c instanceof Blob&&(c=await JS(c));const d=QS(c,e);if(d)return d.title;const f=$i((i=c==null?void 0:c.exception)==null?void 0:i.response);if(f)return f;const h=$i(c);if(h)return h}if(n instanceof Error){const l=$i(n.message);if(l)return l}return e(Eq(a))}catch{return e("msg.genericError")}},[e]),r=g.useCallback(async n=>{var a;if(Rq(n),typeof n=="object"&&n!==null&&"response"in n){let l=(a=n.response)==null?void 0:a.data;l instanceof Blob&&(l=await JS(l));const c=QS(l,e);if(c)return St.error(c.title,{description:c.description}),c.title}const i=await t(n);return St.error(i),i},[t,e]);return{getErrorMessage:t,handleError:r}},Ny=()=>{const e=cf(),t=mi(),{t:r}=So(),{handleError:n}=tk(r),i=Xe.get("delegatedPositionId"),a=Xe.get("current-position-id"),{setUser:l,user:c,selectedPositionId:d,setSelectedPositionId:f,showOtpModal:h,setShowOtpModal:m,rememberMePreference:w,setRememberMePreference:v}=ba(),C=async({token:he,refreshToken:Oe,rememberMe:ut})=>{var yr,Tt,rr,To;const zt=Pg(ut);G2(ut),td({token:he,refreshToken:Oe,rememberMe:ut}),Xe.set("i18nextLng","am",zt);const{data:gr}=await uh(),mt=gr;if(Xe.set("auth-user",JSON.stringify({...mt,id:mt.id,name:mt.name,permissions:mt.permissions,roles:mt.roles}),zt),l(mt),(mt.employee??[]).length>0){const Br=(To=(rr=(Tt=(yr=mt.employee)==null?void 0:yr[0])==null?void 0:Tt.positions)==null?void 0:rr[0])==null?void 0:To.id;Br&&(f(Br),Xe.set("current-position-id",Br,zt))}return e.invalidateQueries({queryKey:["authUser"]}),mt},{data:x,isLoading:R,isFetching:E,isError:P,refetch:k}=ek({queryKey:["authUser",d,i,a],queryFn:async()=>{const{data:he}=await uh();return he},placeholderData:he=>he,staleTime:300*1e3,retry:!1,enabled:!0});g.useEffect(()=>{var he,Oe,ut,zt;if(x&&(l(x),!d&&(x.employee??[]).length>0)){const gr=(zt=(ut=(Oe=(he=x.employee)==null?void 0:he[0])==null?void 0:Oe.positions)==null?void 0:ut[0])==null?void 0:zt.employeePositionId;gr&&(f(gr),Xe.set("current-position-id",gr))}},[d,f,l,x]);const T=i&&a||d,N=g.useMemo(()=>x?{...x,employee:(x.employee??[])?.map(he=>({...he,positions:he.positions.filter(Oe=>Oe.employeePositionId===T||Oe.id===T)}))}:void 0,[T,x]),j=g.useMemo(()=>{var he;return!!((he=N==null?void 0:N.employee)!=null&&he?.some(Oe=>Oe.positions.length>0))},[N]),[M,O]=g.useState();g.useEffect(()=>{N&&j&&O(N)},[N,j]);const B=j||!E?N:M??N,H=g.useMemo(()=>((B==null?void 0:B.employee)??(x==null?void 0:x.employee)??[]).flatMap(he=>he.positions).find(he=>he.employeePositionId===T||he.id===T||he.employeePositionId===d||he.id===d),[T,B==null?void 0:B.employee,d,x==null?void 0:x.employee]),Y=g.useMemo(()=>((B==null?void 0:B.employee)??[]).flatMap(he=>he.positions).flatMap(he=>he.permissions?.map(Oe=>Oe.key)),[B]),{mutate:ne,isError:te,isSuccess:K}=hn({mutationFn:async()=>{await pI()},onSuccess:()=>{l(null),f(null),Object.keys(Xe.get()).forEach(he=>{Xe.remove(he)}),sh(),v(!1),e.clear(),St.success("Logged out successfully"),window.location.replace("/")},onError:he=>{l(null),f(null),Object.keys(Xe.get()).forEach(Oe=>{Xe.remove(Oe)}),sh(),v(!1),e.clear(),n(he),window.location.replace("/")}}),{mutate:W,isPending:U,isError:z,isSuccess:_}=hn({mutationFn:async({payload:he,rememberMeValue:Oe})=>{const ut=await lI(he);return ut.data.mfaRequired?{mfaRequired:!0,rememberMeValue:Oe}:{data:ut.data,rememberMeValue:Oe}},onSuccess:async he=>{var mt,yr;if("mfaRequired"in he&&he.mfaRequired){v(he.rememberMeValue),m(!0);return}v(he.rememberMeValue);const Oe=await C({token:he.data.token,refreshToken:he.data.refreshToken,rememberMe:he.rememberMeValue});St.success("Login Successful",{description:"Redirecting..."});const ut=(mt=Oe.roles)==null?void 0:mt?.some(Tt=>Tt.key==="super_admin"),zt=Oe.userType==="external_organization"||Oe.userType==="individual",gr=(yr=Oe.roles)==null?void 0:yr?.some(Tt=>Tt.key==="unit_admin"||Tt.key==="admin");t(ut?"/user-management/dashboard":gr?"/user-management/user_management-dashboard":zt?"/verification_page":"/user-management/user_management-dashboard")},onError:he=>{n(he)}}),{mutate:I,isPending:L,isError:D,isSuccess:V,error:ee}=hn({mutationFn:async he=>(await cI(he)).data,onSuccess:()=>{St.success("Password updated successfully",{description:"You can now log in with your new password."})},onError:he=>{n(he)}}),{mutate:re,isPending:oe,isError:ie,isSuccess:me,error:ue}=hn({mutationFn:async he=>(await uI(he)).data,onSuccess:()=>{St.success("Password updated successfully",{description:"You can now log in with your new password."})},onError:he=>{n(he)}}),{mutateAsync:pe,isPending:ve,isError:ge,isSuccess:Me,error:ze}=hn({mutationFn:async he=>await dI(he),onSuccess:()=>{St.success("Phone Number Verified successfully")},onError:he=>{n(he)}}),{mutate:We,isPending:Pt,isError:tr,isSuccess:at,data:dr,error:rt}=hn({mutationFn:async({phoneNumber:he,email:Oe})=>await At({phoneNumber:he,email:Oe}),onSuccess:()=>{St.success("Verification code resent successfully!")},onError:he=>{n(he)}}),{mutate:At,isPending:Dr,isError:yt,isSuccess:fr,data:Yn,error:Ze}=hn({mutationFn:async({email:he,phoneNumber:Oe})=>await fI({phoneNumber:Oe,email:he}),onSuccess:()=>{St.success("OTP code resent successfully!")},onError:he=>{n(he)}}),{mutateAsync:pr}=hn({mutationFn:async he=>{const Oe=await _C({refreshToken:he}),{token:ut,refreshToken:zt}=Oe.data;return td({token:ut,refreshToken:zt,rememberMe:w}),ut}}),{mutate:mr,isPending:kn,isError:Ao,isSuccess:hr}=hn({mutationFn:async he=>(await mI(he)).data,onSuccess:async he=>{var mt,yr;const Oe=await C({token:he.token,refreshToken:he.refreshToken,rememberMe:w});St.success("Two Factor Authentication Successful",{description:"Redirecting..."});const ut=(mt=Oe.roles)==null?void 0:mt?.some(Tt=>Tt.key==="super_admin"),zt=Oe.userType==="external_organization"||Oe.userType==="individual",gr=(yr=Oe.roles)==null?void 0:yr?.some(Tt=>Tt.key==="unit_admin");t(ut?"/user-management/dashboard":gr?"/user-management/user_management-dashboard":zt?"/verification_page":"/record-management/dashboard")},onError:he=>{n(he)}});return{userDetails:B,unFilteredUserDetails:x,selectedPosition:H,selectedPositionPermissionKeys:Y,activePositionLookupId:T,selectedPositionId:d,setSelectedPositionId:f,isLoading:R,isFetching:E,isError:P,refetch:k,login:W,isLoggingIn:U,logout:ne,logoutError:te,logoutSuccess:K,loginSuccess:_,loginError:z,setPassword:I,verifyOtpMutate:pe,isVerifyingOtp:ve,isVerifyOtpError:ge,isVerifyOtpSuccess:Me,setVerifyOtpError:ze,isSettingPassword:L,setPasswordError:{message:ee==null?void 0:ee.message},setPasswordSuccess:V,resendVerificationCode:We,isResendingCode:Pt,resendError:rt?{message:rt==null?void 0:rt.message}:null,resendSuccess:at,refreshToken:pr,resendOtpCode:At,isResendingOtpCode:Dr,resendOtpError:Ze?{message:Ze==null?void 0:Ze.message}:null,resendOtpSuccess:fr,resendOtpData:Yn,resendData:dr,setFayidaPassword:re,setFayidaPassError:ue,setFayidaPasswordSuccess:me,setFayidaPasswordError:ie,isSettingFayidaPassword:oe,verifyMFA:mr,isMFAPending:kn,mfaError:Ao,mfaSuccess:hr}},Dy=()=>{const{i18n:e}=So();return g.useCallback(t=>t?e.language.startsWith("am")?t.am||t.en:t.en||t.am:"",[e.language])},Oy=g.createContext({open:!1,setOpen:()=>{}});function kq({children:e,open:t,onOpenChange:r,defaultOpen:n=!1}){const[i,a]=g.useState(n),l=t!==void 0,c=l?t:i,d=g.useCallback(f=>{l||a(f),r==null||r(f)},[l,r]);return b.jsx(Oy.Provider,{value:{open:c,setOpen:d},children:e})}function Pq({children:e,asChild:t}){const{setOpen:r}=g.useContext(Oy);return t&&g.isValidElement(e)?g.cloneElement(e,{onClick:n=>{var i,a;(a=(i=e.props).onClick)==null||a.call(i,n),r(!0)}}):b.jsx("span",{"data-slot":"dialog-trigger",onClick:()=>r(!0),style:{display:"contents",cursor:"pointer"},children:e})}function Aq({children:e,className:t,...r}){const{open:n,setOpen:i}=g.useContext(Oy);return b.jsxs(En,{opened:n,onClose:()=>i(!1),withCloseButton:!1,centered:!0,padding:0,radius:"lg",classNames:{content:kt("bg-background text-foreground relative overflow-visible",t),overlay:"bg-black/80"},...r,children:[b.jsx("div",{className:"grid gap-4 p-6",children:e}),b.jsxs("button",{type:"button",className:"absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none cursor-pointer",onClick:()=>i(!1),children:[b.jsx(bg,{className:"size-4"}),b.jsx("span",{className:"sr-only",children:"Close"})]})]})}function Tq({className:e,...t}){return b.jsx("div",{"data-slot":"dialog-header",className:kt("flex flex-col gap-2 text-center sm:text-left",e),...t})}function w7({className:e,...t}){return b.jsx("div",{"data-slot":"dialog-footer",className:kt("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...t})}function Nq({className:e,...t}){return b.jsx("div",{"data-slot":"dialog-title",className:kt("text-lg leading-none font-semibold",e),...t})}function Dq({className:e,...t}){return b.jsx("div",{"data-slot":"dialog-description",className:kt("text-muted-foreground text-sm",e),...t})}const Oq=({id:e,subject:t,time:r,isUnread:n,onClick:i,onRemind:a})=>{const l=Dy(),[c,d]=g.useState(!1),[f,h]=g.useState(!1),[m,w]=g.useState(!1),v=typeof r=="string"?r:"",x=l(t??{en:"Notification",am:""})||"Notification",R=x.trim().length>0,E=(P,k)=>{k.stopPropagation(),a&&(a(e,P),d(!1))};return b.jsxs("div",{className:`group flex cursor-pointer items-start gap-2 rounded-xl p-2.5 shadow-sm ring-1 ring-inset transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:gap-3 sm:p-3 ${n?"bg-primary-50/80 ring-primary-300 hover:bg-primary-50 dark:bg-primary-900/25 dark:ring-primary-700/50 dark:hover:bg-primary-900/35":"bg-white ring-gray-200 hover:bg-gray-50 dark:bg-gray-900 dark:ring-gray-700 dark:hover:bg-gray-800"}`,onClick:()=>i(e),children:[b.jsx("div",{className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${n?"bg-primary-100 text-primary-700 dark:bg-primary-800/60 dark:text-primary-300":"bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-300"}`,children:b.jsx(Zu,{className:`h-4 w-4 ${n?"text-primary-600 dark:text-primary-300":"text-gray-500 dark:text-gray-300"}`})}),b.jsxs("div",{className:"flex-1 min-w-0",children:[b.jsxs("div",{className:"flex items-start gap-2",children:[b.jsx("p",{className:`min-w-0 break-words text-sm font-semibold text-gray-900 dark:text-gray-100 ${f?"line-clamp-none":"line-clamp-2"}`,children:x}),n&&b.jsx("span",{className:"mt-1.5 h-2 w-2 shrink-0 rounded-full bg-primary-500 animate-pulse"})]}),b.jsxs("div",{className:"mt-1 flex flex-wrap items-center gap-x-3 gap-y-1",children:[R&&b.jsx("button",{type:"button",onClick:P=>{P.stopPropagation(),h(k=>!k)},className:"text-[11px] font-medium text-primary-600 hover:text-primary-700 hover:underline dark:text-primary-400 dark:hover:text-primary-300",children:f?"Show less":"Show more"}),R&&b.jsxs(kq,{open:m,onOpenChange:w,children:[b.jsx(Pq,{asChild:!0,children:b.jsx("button",{type:"button",onClick:P=>P.stopPropagation(),className:"text-[11px] font-medium text-primary-600 hover:text-primary-700 hover:underline dark:text-primary-400 dark:hover:text-primary-300",children:"View full"})}),b.jsxs(Aq,{className:"w-[calc(100vw-2rem)] max-w-lg border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-900",onClick:P=>P.stopPropagation(),children:[b.jsxs(Tq,{children:[b.jsx(Nq,{className:"text-base font-semibold text-gray-900 dark:text-gray-100",children:"Notification"}),b.jsx(Dq,{className:"text-xs text-gray-500 dark:text-gray-400",children:v})]}),b.jsx("div",{className:"max-h-[50vh] overflow-y-auto rounded-md bg-gray-50 p-3 text-sm leading-relaxed text-gray-700 dark:bg-gray-800 dark:text-gray-200",children:b.jsx("p",{className:"whitespace-pre-wrap break-words",children:x})})]})]})]}),b.jsx("p",{className:"mt-1 text-[11px] font-medium text-gray-400 dark:text-gray-500",children:v})]}),b.jsxs("div",{className:"flex shrink-0 items-center gap-1 sm:gap-2",children:[a&&b.jsxs(Oh,{open:c,onOpenChange:d,children:[b.jsx(_h,{asChild:!0,onClick:P=>P.stopPropagation(),children:b.jsx(Fr,{variant:"ghost",size:"sm",className:"h-7 w-7 p-0 hover:bg-primary-100",children:b.jsx(vg,{className:"h-4 w-4 text-gray-500"})})}),b.jsxs(Mh,{align:"end",className:"w-48",children:[b.jsx(Ur,{onClick:P=>E(5,P),children:"Remind in 5 minutes"}),b.jsx(Ur,{onClick:P=>E(15,P),children:"Remind in 15 minutes"}),b.jsx(Ur,{onClick:P=>E(30,P),children:"Remind in 30 minutes"}),b.jsx(Ur,{onClick:P=>E(60,P),children:"Remind in 1 hour"}),b.jsx(Ur,{onClick:P=>E(240,P),children:"Remind in 4 hours"}),b.jsx(Ur,{onClick:P=>E(1440,P),children:"Remind tomorrow"})]})]}),!n&&b.jsx(YN,{className:"mt-1 h-4 w-4 self-start text-primary-500 dark:text-primary-400"})]})]})},ts=pt.create({baseURL:"https://record-dev.smart.aaca.gov.et/api/"});ts.interceptors.request.use(e=>{const t=Xe.get("auth-token");return t&&(e.headers.Authorization=`Bearer ${t}`),e.headers["X-Requested-With"]="XMLHttpRequest",e});let Um=!1,Yh=[];const ZS=(e,t=null)=>{Yh.forEach(r=>{e?r.reject(e):r.resolve(t)}),Yh=[]},_q=["/auth/login","/auth/refresh","/auth/refresh-token","auth/me"];ts.interceptors.response.use(e=>e,async e=>{var n;const t=e.config;if(_q?.some(i=>{var a;return(a=t.url)==null?void 0:a.includes(i)}))return Promise.reject(e);if(((n=e.response)==null?void 0:n.status)===401&&!t._retry){if(Um)return new Promise(function(i,a){Yh.push({resolve:i,reject:a})}).then(i=>(t.headers.Authorization="Bearer "+i,ts(t))).catch(i=>Promise.reject(i));t._retry=!0,Um=!0;try{const i=Xe.get("refresh-token");if(!i)throw new Error("missing-refresh-token");const a=RC(),l=await CC(i),c=l.data.token,d=l.data.refreshToken;return ZS(null,l.data.token),td({token:c,refreshToken:d,rememberMe:a}),t.headers.Authorization=`Bearer ${c}`,ts(t)}catch(i){return ZS(i,null),OC(),Promise.reject(i)}finally{Um=!1}}return Promise.reject(e)});const Mq=async e=>ts.get("/notifications",{params:e,headers:ss()}),jq=async e=>ts.get("/notifications/unseen",{params:e,headers:ss()}),Lq=e=>ts.post(`/notifications/${e}/read`,{},{headers:ss()}),ex="record-management:notification-received",$m=e=>{const t=new Set;return e.filter(r=>!(r!=null&&r.id)||t.has(r.id)?!1:(t.add(r.id),!0))},Fq=e=>{if(!e||!e.message)return null;const t=new Date().toISOString(),r=typeof e.subject=="object"&&e.subject!==null?e.subject:{en:String(e.subject||"Notification")},n=typeof e.metadata=="object"&&e.metadata!==null?{route:String(e.metadata.route||""),recordType:String(e.metadata.recordType||"")}:{route:"",recordType:""};return{id:String(e.id||e.itemId||`rt-${Date.now()}`),createdAt:String(e.createdAt||e.timestamp||t),updatedAt:String(e.updatedAt||e.createdAt||e.timestamp||t),message:String(e.message),isSeen:!!e.isSeen,subject:{en:String(r.en||"Notification")},itemId:String(e.itemId||e.id||""),metadata:n}},rk=(e,t)=>{const[r,n]=g.useState([]),[i,a]=g.useState(0),[l,c]=g.useState(!1),[d,f]=g.useState(null),[h,m]=g.useState(!0),[w,v]=g.useState(e);g.useEffect(()=>{const P=r.filter(k=>!k.isSeen).length;a(P),t&&t(P)},[r,t]);const C=g.useCallback(async(P,k=!1)=>{var T;if(!(!k&&!h)){c(!0),f(null);try{const N=await Mq({...P,orderBy:"createdAt:DESC"}),j=Array.isArray((T=N.data)==null?void 0:T.items)?N.data.items:Array.isArray(N.data)?N.data:[];n(M=>$m(k?j:[...M,...j])),m(j.length===P.take)}catch(N){f(N.message||"Failed to fetch notifications")}finally{c(!1)}}},[h]),x=g.useCallback(async()=>{var P;try{const k=await jq({take:1e3,skip:0,orderBy:"createdAt:DESC"}),N=(Array.isArray((P=k.data)==null?void 0:P.items)?k.data.items:Array.isArray(k.data)?k.data:[]).filter(j=>!j.isSeen).length;a(N),t&&t(N)}catch{}},[t]),R=g.useCallback(async P=>{try{await Lq(P),n(k=>k?.map(T=>T.id===P?{...T,isSeen:!0}:T)),a(k=>k>0?k-1:0),x()}catch{}},[x]),E=g.useCallback(()=>{v(e),C(e,!0),x()},[e,C,x]);return g.useEffect(()=>{C(w)},[w,C]),g.useEffect(()=>{C(e,!0),x()},[]),g.useEffect(()=>{const P=k=>{const T=k.detail,N=Fq(T);N&&n(j=>$m([N,...j]))};return window.addEventListener(ex,P),()=>{window.removeEventListener(ex,P)}},[]),{notifications:r,unseenCount:i,loading:l,error:d,hasMore:h,markAsRead:R,refresh:E,setParams:v}};var Hu={exports:{}},Iq=Hu.exports,tx;function Uq(){return tx||(tx=1,(function(e,t){(function(r,n){e.exports=n()})(Iq,(function(){var r=1e3,n=6e4,i=36e5,a="millisecond",l="second",c="minute",d="hour",f="day",h="week",m="month",w="quarter",v="year",C="date",x="Invalid Date",R=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,E=/\[([^\]]+)]|YYYY|YY|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,P={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(K){var W=["th","st","nd","rd"],U=K%100;return"["+K+(W[(U-20)%10]||W[U]||W[0])+"]"}},k=function(K,W,U){var z=String(K);return!z||z.length>=W?K:""+Array(W+1-z.length).join(U)+K},T={s:k,z:function(K){var W=-K.utcOffset(),U=Math.abs(W),z=Math.floor(U/60),_=U%60;return(W<=0?"+":"-")+k(z,2,"0")+":"+k(_,2,"0")},m:function K(W,U){if(W.date()<U.date())return-K(U,W);var z=12*(U.year()-W.year())+(U.month()-W.month()),_=W.clone().add(z,m),I=U-_<0,L=W.clone().add(z+(I?-1:1),m);return+(-(z+(U-_)/(I?_-L:L-_))||0)},a:function(K){return K<0?Math.ceil(K)||0:Math.floor(K)},p:function(K){return{M:m,y:v,w:h,d:f,D:C,h:d,m:c,s:l,ms:a,Q:w}[K]||String(K||"").toLowerCase().replace(/s$/,"")},u:function(K){return K===void 0}},N="en",j={};j[N]=P;var M="$isDayjsObject",O=function(K){return K instanceof ne||!(!K||!K[M])},B=function K(W,U,z){var _;if(!W)return N;if(typeof W=="string"){var I=W.toLowerCase();j[I]&&(_=I),U&&(j[I]=U,_=I);var L=W.split("-");if(!_&&L.length>1)return K(L[0])}else{var D=W.name;j[D]=W,_=D}return!z&&_&&(N=_),_||!z&&N},H=function(K,W){if(O(K))return K.clone();var U=typeof W=="object"?W:{};return U.date=K,U.args=arguments,new ne(U)},Y=T;Y.l=B,Y.i=O,Y.w=function(K,W){return H(K,{locale:W.$L,utc:W.$u,x:W.$x,$offset:W.$offset})};var ne=(function(){function K(U){this.$L=B(U.locale,null,!0),this.parse(U),this.$x=this.$x||U.x||{},this[M]=!0}var W=K.prototype;return W.parse=function(U){this.$d=(function(z){var _=z.date,I=z.utc;if(_===null)return new Date(NaN);if(Y.u(_))return new Date;if(_ instanceof Date)return new Date(_);if(typeof _=="string"&&!/Z$/i.test(_)){var L=_.match(R);if(L){var D=L[2]-1||0,V=(L[7]||"0").substring(0,3);return I?new Date(Date.UTC(L[1],D,L[3]||1,L[4]||0,L[5]||0,L[6]||0,V)):new Date(L[1],D,L[3]||1,L[4]||0,L[5]||0,L[6]||0,V)}}return new Date(_)})(U),this.init()},W.init=function(){var U=this.$d;this.$y=U.getFullYear(),this.$M=U.getMonth(),this.$D=U.getDate(),this.$W=U.getDay(),this.$H=U.getHours(),this.$m=U.getMinutes(),this.$s=U.getSeconds(),this.$ms=U.getMilliseconds()},W.$utils=function(){return Y},W.isValid=function(){return this.$d.toString()!==x},W.isSame=function(U,z){var _=H(U);return this.startOf(z)<=_&&_<=this.endOf(z)},W.isAfter=function(U,z){return H(U)<this.startOf(z)},W.isBefore=function(U,z){return this.endOf(z)<H(U)},W.$g=function(U,z,_){return Y.u(U)?this[z]:this.set(_,U)},W.unix=function(){return Math.floor(this.valueOf()/1e3)},W.valueOf=function(){return this.$d.getTime()},W.startOf=function(U,z){var _=this,I=!!Y.u(z)||z,L=Y.p(U),D=function(pe,ve){var ge=Y.w(_.$u?Date.UTC(_.$y,ve,pe):new Date(_.$y,ve,pe),_);return I?ge:ge.endOf(f)},V=function(pe,ve){return Y.w(_.toDate()[pe].apply(_.toDate("s"),(I?[0,0,0,0]:[23,59,59,999]).slice(ve)),_)},ee=this.$W,re=this.$M,oe=this.$D,ie="set"+(this.$u?"UTC":"");switch(L){case v:return I?D(1,0):D(31,11);case m:return I?D(1,re):D(0,re+1);case h:var me=this.$locale().weekStart||0,ue=(ee<me?ee+7:ee)-me;return D(I?oe-ue:oe+(6-ue),re);case f:case C:return V(ie+"Hours",0);case d:return V(ie+"Minutes",1);case c:return V(ie+"Seconds",2);case l:return V(ie+"Milliseconds",3);default:return this.clone()}},W.endOf=function(U){return this.startOf(U,!1)},W.$set=function(U,z){var _,I=Y.p(U),L="set"+(this.$u?"UTC":""),D=(_={},_[f]=L+"Date",_[C]=L+"Date",_[m]=L+"Month",_[v]=L+"FullYear",_[d]=L+"Hours",_[c]=L+"Minutes",_[l]=L+"Seconds",_[a]=L+"Milliseconds",_)[I],V=I===f?this.$D+(z-this.$W):z;if(I===m||I===v){var ee=this.clone().set(C,1);ee.$d[D](V),ee.init(),this.$d=ee.set(C,Math.min(this.$D,ee.daysInMonth())).$d}else D&&this.$d[D](V);return this.init(),this},W.set=function(U,z){return this.clone().$set(U,z)},W.get=function(U){return this[Y.p(U)]()},W.add=function(U,z){var _,I=this;U=Number(U);var L=Y.p(z),D=function(re){var oe=H(I);return Y.w(oe.date(oe.date()+Math.round(re*U)),I)};if(L===m)return this.set(m,this.$M+U);if(L===v)return this.set(v,this.$y+U);if(L===f)return D(1);if(L===h)return D(7);var V=(_={},_[c]=n,_[d]=i,_[l]=r,_)[L]||1,ee=this.$d.getTime()+U*V;return Y.w(ee,this)},W.subtract=function(U,z){return this.add(-1*U,z)},W.format=function(U){var z=this,_=this.$locale();if(!this.isValid())return _.invalidDate||x;var I=U||"YYYY-MM-DDTHH:mm:ssZ",L=Y.z(this),D=this.$H,V=this.$m,ee=this.$M,re=_.weekdays,oe=_.months,ie=_.meridiem,me=function(ve,ge,Me,ze){return ve&&(ve[ge]||ve(z,I))||Me[ge].slice(0,ze)},ue=function(ve){return Y.s(D%12||12,ve,"0")},pe=ie||function(ve,ge,Me){var ze=ve<12?"AM":"PM";return Me?ze.toLowerCase():ze};return I.replace(E,(function(ve,ge){return ge||(function(Me){switch(Me){case"YY":return String(z.$y).slice(-2);case"YYYY":return Y.s(z.$y,4,"0");case"M":return ee+1;case"MM":return Y.s(ee+1,2,"0");case"MMM":return me(_.monthsShort,ee,oe,3);case"MMMM":return me(oe,ee);case"D":return z.$D;case"DD":return Y.s(z.$D,2,"0");case"d":return String(z.$W);case"dd":return me(_.weekdaysMin,z.$W,re,2);case"ddd":return me(_.weekdaysShort,z.$W,re,3);case"dddd":return re[z.$W];case"H":return String(D);case"HH":return Y.s(D,2,"0");case"h":return ue(1);case"hh":return ue(2);case"a":return pe(D,V,!0);case"A":return pe(D,V,!1);case"m":return String(V);case"mm":return Y.s(V,2,"0");case"s":return String(z.$s);case"ss":return Y.s(z.$s,2,"0");case"SSS":return Y.s(z.$ms,3,"0");case"Z":return L}return null})(ve)||L.replace(":","")}))},W.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},W.diff=function(U,z,_){var I,L=this,D=Y.p(z),V=H(U),ee=(V.utcOffset()-this.utcOffset())*n,re=this-V,oe=function(){return Y.m(L,V)};switch(D){case v:I=oe()/12;break;case m:I=oe();break;case w:I=oe()/3;break;case h:I=(re-ee)/6048e5;break;case f:I=(re-ee)/864e5;break;case d:I=re/i;break;case c:I=re/n;break;case l:I=re/r;break;default:I=re}return _?I:Y.a(I)},W.daysInMonth=function(){return this.endOf(m).$D},W.$locale=function(){return j[this.$L]},W.locale=function(U,z){if(!U)return this.$L;var _=this.clone(),I=B(U,z,!0);return I&&(_.$L=I),_},W.clone=function(){return Y.w(this.$d,this)},W.toDate=function(){return new Date(this.valueOf())},W.toJSON=function(){return this.isValid()?this.toISOString():null},W.toISOString=function(){return this.$d.toISOString()},W.toString=function(){return this.$d.toUTCString()},K})(),te=ne.prototype;return H.prototype=te,[["$ms",a],["$s",l],["$m",c],["$H",d],["$W",f],["$M",m],["$y",v],["$D",C]].forEach((function(K){te[K[1]]=function(W){return this.$g(W,K[0],K[1])}})),H.extend=function(K,W){return K.$i||(K(W,ne,H),K.$i=!0),H},H.locale=B,H.isDayjs=O,H.unix=function(K){return H(1e3*K)},H.en=j[N],H.Ls=j,H.p={},H}))})(Hu)),Hu.exports}var $q=Uq();const Ml=bd($q);var Wu={exports:{}},zq=Wu.exports,rx;function Bq(){return rx||(rx=1,(function(e,t){(function(r,n){e.exports=n()})(zq,(function(){return function(r,n,i){r=r||{};var a=n.prototype,l={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function c(f,h,m,w){return a.fromToBase(f,h,m,w)}i.en.relativeTime=l,a.fromToBase=function(f,h,m,w,v){for(var C,x,R,E=m.$locale().relativeTime||l,P=r.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],k=P.length,T=0;T<k;T+=1){var N=P[T];N.d&&(C=w?i(f).diff(m,N.d,!0):m.diff(f,N.d,!0));var j=(r.rounding||Math.round)(Math.abs(C));if(R=C>0,j<=N.r||!N.r){j<=1&&T>0&&(N=P[T-1]);var M=E[N.l];v&&(j=v(""+j)),x=typeof M=="string"?M.replace("%d",j):M(j,h,N.l,R);break}}if(h)return x;var O=R?E.future:E.past;return typeof O=="function"?O(x):O.replace("%s",x)},a.to=function(f,h){return c(f,h,this,!0)},a.from=function(f,h){return c(f,h,this)};var d=function(f){return f.$u?i.utc():i()};a.toNow=function(f){return this.to(d(this),f)},a.fromNow=function(f){return this.from(d(this),f)}}}))})(Wu)),Wu.exports}var qq=Bq();const nk=bd(qq),Gn=Object.create(null);Gn.open="0";Gn.close="1";Gn.ping="2";Gn.pong="3";Gn.message="4";Gn.upgrade="5";Gn.noop="6";const Gu=Object.create(null);Object.keys(Gn).forEach(e=>{Gu[Gn[e]]=e});const Xh={type:"error",data:"parser error"},ok=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",ik=typeof ArrayBuffer=="function",sk=e=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(e):e&&e.buffer instanceof ArrayBuffer,_y=({type:e,data:t},r,n)=>ok&&t instanceof Blob?r?n(t):nx(t,n):ik&&(t instanceof ArrayBuffer||sk(t))?r?n(t):nx(new Blob([t]),n):n(Gn[e]+(t||"")),nx=(e,t)=>{const r=new FileReader;return r.onload=function(){const n=r.result.split(",")[1];t("b"+(n||""))},r.readAsDataURL(e)};function ox(e){return e instanceof Uint8Array?e:e instanceof ArrayBuffer?new Uint8Array(e):new Uint8Array(e.buffer,e.byteOffset,e.byteLength)}let zm;function Vq(e,t){if(ok&&e.data instanceof Blob)return e.data.arrayBuffer().then(ox).then(t);if(ik&&(e.data instanceof ArrayBuffer||sk(e.data)))return t(ox(e.data));_y(e,!1,r=>{zm||(zm=new TextEncoder),t(zm.encode(r))})}const ix="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",wl=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let e=0;e<ix.length;e++)wl[ix.charCodeAt(e)]=e;const Hq=e=>{let t=e.length*.75,r=e.length,n,i=0,a,l,c,d;e[e.length-1]==="="&&(t--,e[e.length-2]==="="&&t--);const f=new ArrayBuffer(t),h=new Uint8Array(f);for(n=0;n<r;n+=4)a=wl[e.charCodeAt(n)],l=wl[e.charCodeAt(n+1)],c=wl[e.charCodeAt(n+2)],d=wl[e.charCodeAt(n+3)],h[i++]=a<<2|l>>4,h[i++]=(l&15)<<4|c>>2,h[i++]=(c&3)<<6|d&63;return f},Wq=typeof ArrayBuffer=="function",My=(e,t)=>{if(typeof e!="string")return{type:"message",data:ak(e,t)};const r=e.charAt(0);return r==="b"?{type:"message",data:Gq(e.substring(1),t)}:Gu[r]?e.length>1?{type:Gu[r],data:e.substring(1)}:{type:Gu[r]}:Xh},Gq=(e,t)=>{if(Wq){const r=Hq(e);return ak(r,t)}else return{base64:!0,data:e}},ak=(e,t)=>{switch(t){case"blob":return e instanceof Blob?e:new Blob([e]);case"arraybuffer":default:return e instanceof ArrayBuffer?e:e.buffer}},lk="",Kq=(e,t)=>{const r=e.length,n=new Array(r);let i=0;e.forEach((a,l)=>{_y(a,!1,c=>{n[l]=c,++i===r&&t(n.join(lk))})})},Yq=(e,t)=>{const r=e.split(lk),n=[];for(let i=0;i<r.length;i++){const a=My(r[i],t);if(n.push(a),a.type==="error")break}return n};function Xq(){return new TransformStream({transform(e,t){Vq(e,r=>{const n=r.length;let i;if(n<126)i=new Uint8Array(1),new DataView(i.buffer).setUint8(0,n);else if(n<65536){i=new Uint8Array(3);const a=new DataView(i.buffer);a.setUint8(0,126),a.setUint16(1,n)}else{i=new Uint8Array(9);const a=new DataView(i.buffer);a.setUint8(0,127),a.setBigUint64(1,BigInt(n))}e.data&&typeof e.data!="string"&&(i[0]|=128),t.enqueue(i),t.enqueue(r)})}})}let Bm;function Du(e){return e.reduce((t,r)=>t+r.length,0)}function Ou(e,t){if(e[0].length===t)return e.shift();const r=new Uint8Array(t);let n=0;for(let i=0;i<t;i++)r[i]=e[0][n++],n===e[0].length&&(e.shift(),n=0);return e.length&&n<e[0].length&&(e[0]=e[0].slice(n)),r}function Qq(e,t){Bm||(Bm=new TextDecoder);const r=[];let n=0,i=-1,a=!1;return new TransformStream({transform(l,c){for(r.push(l);;){if(n===0){if(Du(r)<1)break;const d=Ou(r,1);a=(d[0]&128)===128,i=d[0]&127,i<126?n=3:i===126?n=1:n=2}else if(n===1){if(Du(r)<2)break;const d=Ou(r,2);i=new DataView(d.buffer,d.byteOffset,d.length).getUint16(0),n=3}else if(n===2){if(Du(r)<8)break;const d=Ou(r,8),f=new DataView(d.buffer,d.byteOffset,d.length),h=f.getUint32(0);if(h>Math.pow(2,21)-1){c.enqueue(Xh);break}i=h*Math.pow(2,32)+f.getUint32(4),n=3}else{if(Du(r)<i)break;const d=Ou(r,i);c.enqueue(My(a?d:Bm.decode(d),t)),n=0}if(i===0||i>e){c.enqueue(Xh);break}}}})}const ck=4;function Rt(e){if(e)return Jq(e)}function Jq(e){for(var t in Rt.prototype)e[t]=Rt.prototype[t];return e}Rt.prototype.on=Rt.prototype.addEventListener=function(e,t){return this._callbacks=this._callbacks||{},(this._callbacks["$"+e]=this._callbacks["$"+e]||[]).push(t),this};Rt.prototype.once=function(e,t){function r(){this.off(e,r),t.apply(this,arguments)}return r.fn=t,this.on(e,r),this};Rt.prototype.off=Rt.prototype.removeListener=Rt.prototype.removeAllListeners=Rt.prototype.removeEventListener=function(e,t){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var r=this._callbacks["$"+e];if(!r)return this;if(arguments.length==1)return delete this._callbacks["$"+e],this;for(var n,i=0;i<r.length;i++)if(n=r[i],n===t||n.fn===t){r.splice(i,1);break}return r.length===0&&delete this._callbacks["$"+e],this};Rt.prototype.emit=function(e){this._callbacks=this._callbacks||{};for(var t=new Array(arguments.length-1),r=this._callbacks["$"+e],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(r){r=r.slice(0);for(var n=0,i=r.length;n<i;++n)r[n].apply(this,t)}return this};Rt.prototype.emitReserved=Rt.prototype.emit;Rt.prototype.listeners=function(e){return this._callbacks=this._callbacks||{},this._callbacks["$"+e]||[]};Rt.prototype.hasListeners=function(e){return!!this.listeners(e).length};const uf=typeof Promise=="function"&&typeof Promise.resolve=="function"?t=>Promise.resolve().then(t):(t,r)=>r(t,0),Qr=typeof self<"u"?self:typeof window<"u"?window:Function("return this")(),Zq="arraybuffer";function uk(e,...t){return t.reduce((r,n)=>(e.hasOwnProperty(n)&&(r[n]=e[n]),r),{})}const e9=Qr.setTimeout,t9=Qr.clearTimeout;function df(e,t){t.useNativeTimers?(e.setTimeoutFn=e9.bind(Qr),e.clearTimeoutFn=t9.bind(Qr)):(e.setTimeoutFn=Qr.setTimeout.bind(Qr),e.clearTimeoutFn=Qr.clearTimeout.bind(Qr))}const r9=1.33;function n9(e){return typeof e=="string"?o9(e):Math.ceil((e.byteLength||e.size)*r9)}function o9(e){let t=0,r=0;for(let n=0,i=e.length;n<i;n++)t=e.charCodeAt(n),t<128?r+=1:t<2048?r+=2:t<55296||t>=57344?r+=3:(n++,r+=4);return r}function dk(){return Date.now().toString(36).substring(3)+Math.random().toString(36).substring(2,5)}function i9(e){let t="";for(let r in e)e.hasOwnProperty(r)&&(t.length&&(t+="&"),t+=encodeURIComponent(r)+"="+encodeURIComponent(e[r]));return t}function s9(e){let t={},r=e.split("&");for(let n=0,i=r.length;n<i;n++){let a=r[n].split("=");t[decodeURIComponent(a[0])]=decodeURIComponent(a[1])}return t}class a9 extends Error{constructor(t,r,n){super(t),this.description=r,this.context=n,this.type="TransportError"}}class jy extends Rt{constructor(t){super(),this.writable=!1,df(this,t),this.opts=t,this.query=t.query,this.socket=t.socket,this.supportsBinary=!t.forceBase64}onError(t,r,n){return super.emitReserved("error",new a9(t,r,n)),this}open(){return this.readyState="opening",this.doOpen(),this}close(){return(this.readyState==="opening"||this.readyState==="open")&&(this.doClose(),this.onClose()),this}send(t){this.readyState==="open"&&this.write(t)}onOpen(){this.readyState="open",this.writable=!0,super.emitReserved("open")}onData(t){const r=My(t,this.socket.binaryType);this.onPacket(r)}onPacket(t){super.emitReserved("packet",t)}onClose(t){this.readyState="closed",super.emitReserved("close",t)}pause(t){}createUri(t,r={}){return t+"://"+this._hostname()+this._port()+this.opts.path+this._query(r)}_hostname(){const t=this.opts.hostname;return t.indexOf(":")===-1?t:"["+t+"]"}_port(){return this.opts.port&&(this.opts.secure&&Number(this.opts.port)!==443||!this.opts.secure&&Number(this.opts.port)!==80)?":"+this.opts.port:""}_query(t){const r=i9(t);return r.length?"?"+r:""}}class l9 extends jy{constructor(){super(...arguments),this._polling=!1}get name(){return"polling"}doOpen(){this._poll()}pause(t){this.readyState="pausing";const r=()=>{this.readyState="paused",t()};if(this._polling||!this.writable){let n=0;this._polling&&(n++,this.once("pollComplete",function(){--n||r()})),this.writable||(n++,this.once("drain",function(){--n||r()}))}else r()}_poll(){this._polling=!0,this.doPoll(),this.emitReserved("poll")}onData(t){const r=n=>{if(this.readyState==="opening"&&n.type==="open"&&this.onOpen(),n.type==="close")return this.onClose({description:"transport closed by the server"}),!1;this.onPacket(n)};Yq(t,this.socket.binaryType).forEach(r),this.readyState!=="closed"&&(this._polling=!1,this.emitReserved("pollComplete"),this.readyState==="open"&&this._poll())}doClose(){const t=()=>{this.write([{type:"close"}])};this.readyState==="open"?t():this.once("open",t)}write(t){this.writable=!1,Kq(t,r=>{this.doWrite(r,()=>{this.writable=!0,this.emitReserved("drain")})})}uri(){const t=this.opts.secure?"https":"http",r=this.query||{};return this.opts.timestampRequests!==!1&&(r[this.opts.timestampParam]=dk()),!this.supportsBinary&&!r.sid&&(r.b64=1),this.createUri(t,r)}}let fk=!1;try{fk=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}const c9=fk;function u9(){}class d9 extends l9{constructor(t){if(super(t),typeof location<"u"){const r=location.protocol==="https:";let n=location.port;n||(n=r?"443":"80"),this.xd=typeof location<"u"&&t.hostname!==location.hostname||n!==t.port}}doWrite(t,r){const n=this.request({method:"POST",data:t});n.on("success",r),n.on("error",(i,a)=>{this.onError("xhr post error",i,a)})}doPoll(){const t=this.request();t.on("data",this.onData.bind(this)),t.on("error",(r,n)=>{this.onError("xhr poll error",r,n)}),this.pollXhr=t}}class Vn extends Rt{constructor(t,r,n){super(),this.createRequest=t,df(this,n),this._opts=n,this._method=n.method||"GET",this._uri=r,this._data=n.data!==void 0?n.data:null,this._create()}_create(){var t;const r=uk(this._opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");r.xdomain=!!this._opts.xd;const n=this._xhr=this.createRequest(r);try{n.open(this._method,this._uri,!0);try{if(this._opts.extraHeaders){n.setDisableHeaderCheck&&n.setDisableHeaderCheck(!0);for(let i in this._opts.extraHeaders)this._opts.extraHeaders.hasOwnProperty(i)&&n.setRequestHeader(i,this._opts.extraHeaders[i])}}catch{}if(this._method==="POST")try{n.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch{}try{n.setRequestHeader("Accept","*/*")}catch{}(t=this._opts.cookieJar)===null||t===void 0||t.addCookies(n),"withCredentials"in n&&(n.withCredentials=this._opts.withCredentials),this._opts.requestTimeout&&(n.timeout=this._opts.requestTimeout),n.onreadystatechange=()=>{var i;n.readyState===3&&((i=this._opts.cookieJar)===null||i===void 0||i.parseCookies(n.getResponseHeader("set-cookie"))),n.readyState===4&&(n.status===200||n.status===1223?this._onLoad():this.setTimeoutFn(()=>{this._onError(typeof n.status=="number"?n.status:0)},0))},n.send(this._data)}catch(i){this.setTimeoutFn(()=>{this._onError(i)},0);return}typeof document<"u"&&(this._index=Vn.requestsCount++,Vn.requests[this._index]=this)}_onError(t){this.emitReserved("error",t,this._xhr),this._cleanup(!0)}_cleanup(t){if(!(typeof this._xhr>"u"||this._xhr===null)){if(this._xhr.onreadystatechange=u9,t)try{this._xhr.abort()}catch{}typeof document<"u"&&delete Vn.requests[this._index],this._xhr=null}}_onLoad(){const t=this._xhr.responseText;t!==null&&(this.emitReserved("data",t),this.emitReserved("success"),this._cleanup())}abort(){this._cleanup()}}Vn.requestsCount=0;Vn.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",sx);else if(typeof addEventListener=="function"){const e="onpagehide"in Qr?"pagehide":"unload";addEventListener(e,sx,!1)}}function sx(){for(let e in Vn.requests)Vn.requests.hasOwnProperty(e)&&Vn.requests[e].abort()}const f9=(function(){const e=pk({xdomain:!1});return e&&e.responseType!==null})();class p9 extends d9{constructor(t){super(t);const r=t&&t.forceBase64;this.supportsBinary=f9&&!r}request(t={}){return Object.assign(t,{xd:this.xd},this.opts),new Vn(pk,this.uri(),t)}}function pk(e){const t=e.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!t||c9))return new XMLHttpRequest}catch{}if(!t)try{return new Qr[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}const mk=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative";class m9 extends jy{get name(){return"websocket"}doOpen(){const t=this.uri(),r=this.opts.protocols,n=mk?{}:uk(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(n.headers=this.opts.extraHeaders);try{this.ws=this.createSocket(t,r,n)}catch(i){return this.emitReserved("error",i)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()}addEventListeners(){this.ws.onopen=()=>{this.opts.autoUnref&&this.ws._socket.unref(),this.onOpen()},this.ws.onclose=t=>this.onClose({description:"websocket connection closed",context:t}),this.ws.onmessage=t=>this.onData(t.data),this.ws.onerror=t=>this.onError("websocket error",t)}write(t){this.writable=!1;for(let r=0;r<t.length;r++){const n=t[r],i=r===t.length-1;_y(n,this.supportsBinary,a=>{try{this.doWrite(n,a)}catch{}i&&uf(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){typeof this.ws<"u"&&(this.ws.onerror=()=>{},this.ws.close(),this.ws=null)}uri(){const t=this.opts.secure?"wss":"ws",r=this.query||{};return this.opts.timestampRequests&&(r[this.opts.timestampParam]=dk()),this.supportsBinary||(r.b64=1),this.createUri(t,r)}}const qm=Qr.WebSocket||Qr.MozWebSocket;class h9 extends m9{createSocket(t,r,n){return mk?new qm(t,r,n):r?new qm(t,r):new qm(t)}doWrite(t,r){this.ws.send(r)}}class g9 extends jy{get name(){return"webtransport"}doOpen(){try{this._transport=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name])}catch(t){return this.emitReserved("error",t)}this._transport.closed.then(()=>{this.onClose()}).catch(t=>{this.onError("webtransport error",t)}),this._transport.ready.then(()=>{this._transport.createBidirectionalStream().then(t=>{const r=Qq(Number.MAX_SAFE_INTEGER,this.socket.binaryType),n=t.readable.pipeThrough(r).getReader(),i=Xq();i.readable.pipeTo(t.writable),this._writer=i.writable.getWriter();const a=()=>{n.read().then(({done:c,value:d})=>{c||(this.onPacket(d),a())}).catch(c=>{})};a();const l={type:"open"};this.query.sid&&(l.data=`{"sid":"${this.query.sid}"}`),this._writer.write(l).then(()=>this.onOpen())})})}write(t){this.writable=!1;for(let r=0;r<t.length;r++){const n=t[r],i=r===t.length-1;this._writer.write(n).then(()=>{i&&uf(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var t;(t=this._transport)===null||t===void 0||t.close()}}const y9={websocket:h9,webtransport:g9,polling:p9},v9=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,b9=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function Qh(e){if(e.length>8e3)throw"URI too long";const t=e,r=e.indexOf("["),n=e.indexOf("]");r!=-1&&n!=-1&&(e=e.substring(0,r)+e.substring(r,n).replace(/:/g,";")+e.substring(n,e.length));let i=v9.exec(e||""),a={},l=14;for(;l--;)a[b9[l]]=i[l]||"";return r!=-1&&n!=-1&&(a.source=t,a.host=a.host.substring(1,a.host.length-1).replace(/;/g,":"),a.authority=a.authority.replace("[","").replace("]","").replace(/;/g,":"),a.ipv6uri=!0),a.pathNames=w9(a,a.path),a.queryKey=S9(a,a.query),a}function w9(e,t){const r=/\/{2,9}/g,n=t.replace(r,"/").split("/");return(t.slice(0,1)=="/"||t.length===0)&&n.splice(0,1),t.slice(-1)=="/"&&n.splice(n.length-1,1),n}function S9(e,t){const r={};return t.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(n,i,a){i&&(r[i]=a)}),r}const Jh=typeof addEventListener=="function"&&typeof removeEventListener=="function",Ku=[];Jh&&addEventListener("offline",()=>{Ku.forEach(e=>e())},!1);class fi extends Rt{constructor(t,r){if(super(),this.binaryType=Zq,this.writeBuffer=[],this._prevBufferLen=0,this._pingInterval=-1,this._pingTimeout=-1,this._maxPayload=-1,this._pingTimeoutTime=1/0,t&&typeof t=="object"&&(r=t,t=null),t){const n=Qh(t);r.hostname=n.host,r.secure=n.protocol==="https"||n.protocol==="wss",r.port=n.port,n.query&&(r.query=n.query)}else r.host&&(r.hostname=Qh(r.host).host);df(this,r),this.secure=r.secure!=null?r.secure:typeof location<"u"&&location.protocol==="https:",r.hostname&&!r.port&&(r.port=this.secure?"443":"80"),this.hostname=r.hostname||(typeof location<"u"?location.hostname:"localhost"),this.port=r.port||(typeof location<"u"&&location.port?location.port:this.secure?"443":"80"),this.transports=[],this._transportsByName={},r.transports.forEach(n=>{const i=n.prototype.name;this.transports.push(i),this._transportsByName[i]=n}),this.opts=Object.assign({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},r),this.opts.path=this.opts.path.replace(/\/$/,"")+(this.opts.addTrailingSlash?"/":""),typeof this.opts.query=="string"&&(this.opts.query=s9(this.opts.query)),Jh&&(this.opts.closeOnBeforeunload&&(this._beforeunloadEventListener=()=>{this.transport&&(this.transport.removeAllListeners(),this.transport.close())},addEventListener("beforeunload",this._beforeunloadEventListener,!1)),this.hostname!=="localhost"&&(this._offlineEventListener=()=>{this._onClose("transport close",{description:"network connection lost"})},Ku.push(this._offlineEventListener))),this.opts.withCredentials&&(this._cookieJar=void 0),this._open()}createTransport(t){const r=Object.assign({},this.opts.query);r.EIO=ck,r.transport=t,this.id&&(r.sid=this.id);const n=Object.assign({},this.opts,{query:r,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[t]);return new this._transportsByName[t](n)}_open(){if(this.transports.length===0){this.setTimeoutFn(()=>{this.emitReserved("error","No transports available")},0);return}const t=this.opts.rememberUpgrade&&fi.priorWebsocketSuccess&&this.transports.indexOf("websocket")!==-1?"websocket":this.transports[0];this.readyState="opening";const r=this.createTransport(t);r.open(),this.setTransport(r)}setTransport(t){this.transport&&this.transport.removeAllListeners(),this.transport=t,t.on("drain",this._onDrain.bind(this)).on("packet",this._onPacket.bind(this)).on("error",this._onError.bind(this)).on("close",r=>this._onClose("transport close",r))}onOpen(){this.readyState="open",fi.priorWebsocketSuccess=this.transport.name==="websocket",this.emitReserved("open"),this.flush()}_onPacket(t){if(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")switch(this.emitReserved("packet",t),this.emitReserved("heartbeat"),t.type){case"open":this.onHandshake(JSON.parse(t.data));break;case"ping":this._sendPacket("pong"),this.emitReserved("ping"),this.emitReserved("pong"),this._resetPingTimeout();break;case"error":const r=new Error("server error");r.code=t.data,this._onError(r);break;case"message":this.emitReserved("data",t.data),this.emitReserved("message",t.data);break}}onHandshake(t){this.emitReserved("handshake",t),this.id=t.sid,this.transport.query.sid=t.sid,this._pingInterval=t.pingInterval,this._pingTimeout=t.pingTimeout,this._maxPayload=t.maxPayload,this.onOpen(),this.readyState!=="closed"&&this._resetPingTimeout()}_resetPingTimeout(){this.clearTimeoutFn(this._pingTimeoutTimer);const t=this._pingInterval+this._pingTimeout;this._pingTimeoutTime=Date.now()+t,this._pingTimeoutTimer=this.setTimeoutFn(()=>{this._onClose("ping timeout")},t),this.opts.autoUnref&&this._pingTimeoutTimer.unref()}_onDrain(){this.writeBuffer.splice(0,this._prevBufferLen),this._prevBufferLen=0,this.writeBuffer.length===0?this.emitReserved("drain"):this.flush()}flush(){if(this.readyState!=="closed"&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){const t=this._getWritablePackets();this.transport.send(t),this._prevBufferLen=t.length,this.emitReserved("flush")}}_getWritablePackets(){if(!(this._maxPayload&&this.transport.name==="polling"&&this.writeBuffer.length>1))return this.writeBuffer;let r=1;for(let n=0;n<this.writeBuffer.length;n++){const i=this.writeBuffer[n].data;if(i&&(r+=n9(i)),n>0&&r>this._maxPayload)return this.writeBuffer.slice(0,n);r+=2}return this.writeBuffer}_hasPingExpired(){if(!this._pingTimeoutTime)return!0;const t=Date.now()>this._pingTimeoutTime;return t&&(this._pingTimeoutTime=0,uf(()=>{this._onClose("ping timeout")},this.setTimeoutFn)),t}write(t,r,n){return this._sendPacket("message",t,r,n),this}send(t,r,n){return this._sendPacket("message",t,r,n),this}_sendPacket(t,r,n,i){if(typeof r=="function"&&(i=r,r=void 0),typeof n=="function"&&(i=n,n=null),this.readyState==="closing"||this.readyState==="closed")return;n=n||{},n.compress=n.compress!==!1;const a={type:t,data:r,options:n};this.emitReserved("packetCreate",a),this.writeBuffer.push(a),i&&this.once("flush",i),this.flush()}close(){const t=()=>{this._onClose("forced close"),this.transport.close()},r=()=>{this.off("upgrade",r),this.off("upgradeError",r),t()},n=()=>{this.once("upgrade",r),this.once("upgradeError",r)};return(this.readyState==="opening"||this.readyState==="open")&&(this.readyState="closing",this.writeBuffer.length?this.once("drain",()=>{this.upgrading?n():t()}):this.upgrading?n():t()),this}_onError(t){if(fi.priorWebsocketSuccess=!1,this.opts.tryAllTransports&&this.transports.length>1&&this.readyState==="opening")return this.transports.shift(),this._open();this.emitReserved("error",t),this._onClose("transport error",t)}_onClose(t,r){if(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing"){if(this.clearTimeoutFn(this._pingTimeoutTimer),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),Jh&&(this._beforeunloadEventListener&&removeEventListener("beforeunload",this._beforeunloadEventListener,!1),this._offlineEventListener)){const n=Ku.indexOf(this._offlineEventListener);n!==-1&&Ku.splice(n,1)}this.readyState="closed",this.id=null,this.emitReserved("close",t,r),this.writeBuffer=[],this._prevBufferLen=0}}}fi.protocol=ck;class x9 extends fi{constructor(){super(...arguments),this._upgrades=[]}onOpen(){if(super.onOpen(),this.readyState==="open"&&this.opts.upgrade)for(let t=0;t<this._upgrades.length;t++)this._probe(this._upgrades[t])}_probe(t){let r=this.createTransport(t),n=!1;fi.priorWebsocketSuccess=!1;const i=()=>{n||(r.send([{type:"ping",data:"probe"}]),r.once("packet",m=>{if(!n)if(m.type==="pong"&&m.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",r),!r)return;fi.priorWebsocketSuccess=r.name==="websocket",this.transport.pause(()=>{n||this.readyState!=="closed"&&(h(),this.setTransport(r),r.send([{type:"upgrade"}]),this.emitReserved("upgrade",r),r=null,this.upgrading=!1,this.flush())})}else{const w=new Error("probe error");w.transport=r.name,this.emitReserved("upgradeError",w)}}))};function a(){n||(n=!0,h(),r.close(),r=null)}const l=m=>{const w=new Error("probe error: "+m);w.transport=r.name,a(),this.emitReserved("upgradeError",w)};function c(){l("transport closed")}function d(){l("socket closed")}function f(m){r&&m.name!==r.name&&a()}const h=()=>{r.removeListener("open",i),r.removeListener("error",l),r.removeListener("close",c),this.off("close",d),this.off("upgrading",f)};r.once("open",i),r.once("error",l),r.once("close",c),this.once("close",d),this.once("upgrading",f),this._upgrades.indexOf("webtransport")!==-1&&t!=="webtransport"?this.setTimeoutFn(()=>{n||r.open()},200):r.open()}onHandshake(t){this._upgrades=this._filterUpgrades(t.upgrades),super.onHandshake(t)}_filterUpgrades(t){const r=[];for(let n=0;n<t.length;n++)~this.transports.indexOf(t[n])&&r.push(t[n]);return r}}let C9=class extends x9{constructor(t,r={}){const n=typeof t=="object"?t:r;(!n.transports||n.transports&&typeof n.transports[0]=="string")&&(n.transports=(n.transports||["polling","websocket","webtransport"])?.map(i=>y9[i]).filter(i=>!!i)),super(t,n)}};function R9(e,t="",r){let n=e;r=r||typeof location<"u"&&location,e==null&&(e=r.protocol+"//"+r.host),typeof e=="string"&&(e.charAt(0)==="/"&&(e.charAt(1)==="/"?e=r.protocol+e:e=r.host+e),/^(https?|wss?):\/\//.test(e)||(typeof r<"u"?e=r.protocol+"//"+e:e="https://"+e),n=Qh(e)),n.port||(/^(http|ws)$/.test(n.protocol)?n.port="80":/^(http|ws)s$/.test(n.protocol)&&(n.port="443")),n.path=n.path||"/";const a=n.host.indexOf(":")!==-1?"["+n.host+"]":n.host;return n.id=n.protocol+"://"+a+":"+n.port+t,n.href=n.protocol+"://"+a+(r&&r.port===n.port?"":":"+n.port),n}const E9=typeof ArrayBuffer=="function",k9=e=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(e):e.buffer instanceof ArrayBuffer,hk=Object.prototype.toString,P9=typeof Blob=="function"||typeof Blob<"u"&&hk.call(Blob)==="[object BlobConstructor]",A9=typeof File=="function"||typeof File<"u"&&hk.call(File)==="[object FileConstructor]";function Ly(e){return E9&&(e instanceof ArrayBuffer||k9(e))||P9&&e instanceof Blob||A9&&e instanceof File}function Yu(e,t){if(!e||typeof e!="object")return!1;if(Array.isArray(e)){for(let r=0,n=e.length;r<n;r++)if(Yu(e[r]))return!0;return!1}if(Ly(e))return!0;if(e.toJSON&&typeof e.toJSON=="function"&&arguments.length===1)return Yu(e.toJSON(),!0);for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&Yu(e[r]))return!0;return!1}function T9(e){const t=[],r=e.data,n=e;return n.data=Zh(r,t),n.attachments=t.length,{packet:n,buffers:t}}function Zh(e,t){if(!e)return e;if(Ly(e)){const r={_placeholder:!0,num:t.length};return t.push(e),r}else if(Array.isArray(e)){const r=new Array(e.length);for(let n=0;n<e.length;n++)r[n]=Zh(e[n],t);return r}else if(typeof e=="object"&&!(e instanceof Date)){const r={};for(const n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=Zh(e[n],t));return r}return e}function N9(e,t){return e.data=eg(e.data,t),delete e.attachments,e}function eg(e,t){if(!e)return e;if(e&&e._placeholder===!0){if(typeof e.num=="number"&&e.num>=0&&e.num<t.length)return t[e.num];throw new Error("illegal attachments")}else if(Array.isArray(e))for(let r=0;r<e.length;r++)e[r]=eg(e[r],t);else if(typeof e=="object")for(const r in e)Object.prototype.hasOwnProperty.call(e,r)&&(e[r]=eg(e[r],t));return e}const D9=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"];var qe;(function(e){e[e.CONNECT=0]="CONNECT",e[e.DISCONNECT=1]="DISCONNECT",e[e.EVENT=2]="EVENT",e[e.ACK=3]="ACK",e[e.CONNECT_ERROR=4]="CONNECT_ERROR",e[e.BINARY_EVENT=5]="BINARY_EVENT",e[e.BINARY_ACK=6]="BINARY_ACK"})(qe||(qe={}));class O9{constructor(t){this.replacer=t}encode(t){return(t.type===qe.EVENT||t.type===qe.ACK)&&Yu(t)?this.encodeAsBinary({type:t.type===qe.EVENT?qe.BINARY_EVENT:qe.BINARY_ACK,nsp:t.nsp,data:t.data,id:t.id}):[this.encodeAsString(t)]}encodeAsString(t){let r=""+t.type;return(t.type===qe.BINARY_EVENT||t.type===qe.BINARY_ACK)&&(r+=t.attachments+"-"),t.nsp&&t.nsp!=="/"&&(r+=t.nsp+","),t.id!=null&&(r+=t.id),t.data!=null&&(r+=JSON.stringify(t.data,this.replacer)),r}encodeAsBinary(t){const r=T9(t),n=this.encodeAsString(r.packet),i=r.buffers;return i.unshift(n),i}}class Fy extends Rt{constructor(t){super(),this.opts=Object.assign({reviver:void 0,maxAttachments:10},typeof t=="function"?{reviver:t}:t)}add(t){let r;if(typeof t=="string"){if(this.reconstructor)throw new Error("got plaintext data when reconstructing a packet");r=this.decodeString(t);const n=r.type===qe.BINARY_EVENT;n||r.type===qe.BINARY_ACK?(r.type=n?qe.EVENT:qe.ACK,this.reconstructor=new _9(r),r.attachments===0&&super.emitReserved("decoded",r)):super.emitReserved("decoded",r)}else if(Ly(t)||t.base64)if(this.reconstructor)r=this.reconstructor.takeBinaryData(t),r&&(this.reconstructor=null,super.emitReserved("decoded",r));else throw new Error("got binary data when not reconstructing a packet");else throw new Error("Unknown type: "+t)}decodeString(t){let r=0;const n={type:Number(t.charAt(0))};if(qe[n.type]===void 0)throw new Error("unknown packet type "+n.type);if(n.type===qe.BINARY_EVENT||n.type===qe.BINARY_ACK){const a=r+1;for(;t.charAt(++r)!=="-"&&r!=t.length;);const l=t.substring(a,r);if(l!=Number(l)||t.charAt(r)!=="-")throw new Error("Illegal attachments");const c=Number(l);if(!M9(c)||c<0)throw new Error("Illegal attachments");if(c>this.opts.maxAttachments)throw new Error("too many attachments");n.attachments=c}if(t.charAt(r+1)==="/"){const a=r+1;for(;++r&&!(t.charAt(r)===","||r===t.length););n.nsp=t.substring(a,r)}else n.nsp="/";const i=t.charAt(r+1);if(i!==""&&Number(i)==i){const a=r+1;for(;++r;){const l=t.charAt(r);if(l==null||Number(l)!=l){--r;break}if(r===t.length)break}n.id=Number(t.substring(a,r+1))}if(t.charAt(++r)){const a=this.tryParse(t.substr(r));if(Fy.isPayloadValid(n.type,a))n.data=a;else throw new Error("invalid payload")}return n}tryParse(t){try{return JSON.parse(t,this.opts.reviver)}catch{return!1}}static isPayloadValid(t,r){switch(t){case qe.CONNECT:return ax(r);case qe.DISCONNECT:return r===void 0;case qe.CONNECT_ERROR:return typeof r=="string"||ax(r);case qe.EVENT:case qe.BINARY_EVENT:return Array.isArray(r)&&(typeof r[0]=="number"||typeof r[0]=="string"&&D9.indexOf(r[0])===-1);case qe.ACK:case qe.BINARY_ACK:return Array.isArray(r)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}}class _9{constructor(t){this.packet=t,this.buffers=[],this.reconPack=t}takeBinaryData(t){if(this.buffers.push(t),this.buffers.length===this.reconPack.attachments){const r=N9(this.reconPack,this.buffers);return this.finishedReconstruction(),r}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}}const M9=Number.isInteger||function(e){return typeof e=="number"&&isFinite(e)&&Math.floor(e)===e};function ax(e){return Object.prototype.toString.call(e)==="[object Object]"}const j9=Object.freeze(Object.defineProperty({__proto__:null,Decoder:Fy,Encoder:O9,get PacketType(){return qe}},Symbol.toStringTag,{value:"Module"}));function yn(e,t,r){return e.on(t,r),function(){e.off(t,r)}}const L9=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1});class gk extends Rt{constructor(t,r,n){super(),this.connected=!1,this.recovered=!1,this.receiveBuffer=[],this.sendBuffer=[],this._queue=[],this._queueSeq=0,this.ids=0,this.acks={},this.flags={},this.io=t,this.nsp=r,n&&n.auth&&(this.auth=n.auth),this._opts=Object.assign({},n),this.io._autoConnect&&this.open()}get disconnected(){return!this.connected}subEvents(){if(this.subs)return;const t=this.io;this.subs=[yn(t,"open",this.onopen.bind(this)),yn(t,"packet",this.onpacket.bind(this)),yn(t,"error",this.onerror.bind(this)),yn(t,"close",this.onclose.bind(this))]}get active(){return!!this.subs}connect(){return this.connected?this:(this.subEvents(),this.io._reconnecting||this.io.open(),this.io._readyState==="open"&&this.onopen(),this)}open(){return this.connect()}send(...t){return t.unshift("message"),this.emit.apply(this,t),this}emit(t,...r){var n,i,a;if(L9.hasOwnProperty(t))throw new Error('"'+t.toString()+'" is a reserved event name');if(r.unshift(t),this._opts.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this._addToQueue(r),this;const l={type:qe.EVENT,data:r};if(l.options={},l.options.compress=this.flags.compress!==!1,typeof r[r.length-1]=="function"){const h=this.ids++,m=r.pop();this._registerAckCallback(h,m),l.id=h}const c=(i=(n=this.io.engine)===null||n===void 0?void 0:n.transport)===null||i===void 0?void 0:i.writable,d=this.connected&&!(!((a=this.io.engine)===null||a===void 0)&&a._hasPingExpired());return this.flags.volatile&&!c||(d?(this.notifyOutgoingListeners(l),this.packet(l)):this.sendBuffer.push(l)),this.flags={},this}_registerAckCallback(t,r){var n;const i=(n=this.flags.timeout)!==null&&n!==void 0?n:this._opts.ackTimeout;if(i===void 0){this.acks[t]=r;return}const a=this.io.setTimeoutFn(()=>{delete this.acks[t];for(let c=0;c<this.sendBuffer.length;c++)this.sendBuffer[c].id===t&&this.sendBuffer.splice(c,1);r.call(this,new Error("operation has timed out"))},i),l=(...c)=>{this.io.clearTimeoutFn(a),r.apply(this,c)};l.withError=!0,this.acks[t]=l}emitWithAck(t,...r){return new Promise((n,i)=>{const a=(l,c)=>l?i(l):n(c);a.withError=!0,r.push(a),this.emit(t,...r)})}_addToQueue(t){let r;typeof t[t.length-1]=="function"&&(r=t.pop());const n={id:this._queueSeq++,tryCount:0,pending:!1,args:t,flags:Object.assign({fromQueue:!0},this.flags)};t.push((i,...a)=>(this._queue[0],i!==null?n.tryCount>this._opts.retries&&(this._queue.shift(),r&&r(i)):(this._queue.shift(),r&&r(null,...a)),n.pending=!1,this._drainQueue())),this._queue.push(n),this._drainQueue()}_drainQueue(t=!1){if(!this.connected||this._queue.length===0)return;const r=this._queue[0];r.pending&&!t||(r.pending=!0,r.tryCount++,this.flags=r.flags,this.emit.apply(this,r.args))}packet(t){t.nsp=this.nsp,this.io._packet(t)}onopen(){typeof this.auth=="function"?this.auth(t=>{this._sendConnectPacket(t)}):this._sendConnectPacket(this.auth)}_sendConnectPacket(t){this.packet({type:qe.CONNECT,data:this._pid?Object.assign({pid:this._pid,offset:this._lastOffset},t):t})}onerror(t){this.connected||this.emitReserved("connect_error",t)}onclose(t,r){this.connected=!1,delete this.id,this.emitReserved("disconnect",t,r),this._clearAcks()}_clearAcks(){Object.keys(this.acks).forEach(t=>{if(!this.sendBuffer?.some(n=>String(n.id)===t)){const n=this.acks[t];delete this.acks[t],n.withError&&n.call(this,new Error("socket has been disconnected"))}})}onpacket(t){if(t.nsp===this.nsp)switch(t.type){case qe.CONNECT:t.data&&t.data.sid?this.onconnect(t.data.sid,t.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case qe.EVENT:case qe.BINARY_EVENT:this.onevent(t);break;case qe.ACK:case qe.BINARY_ACK:this.onack(t);break;case qe.DISCONNECT:this.ondisconnect();break;case qe.CONNECT_ERROR:this.destroy();const n=new Error(t.data.message);n.data=t.data.data,this.emitReserved("connect_error",n);break}}onevent(t){const r=t.data||[];t.id!=null&&r.push(this.ack(t.id)),this.connected?this.emitEvent(r):this.receiveBuffer.push(Object.freeze(r))}emitEvent(t){if(this._anyListeners&&this._anyListeners.length){const r=this._anyListeners.slice();for(const n of r)n.apply(this,t)}super.emit.apply(this,t),this._pid&&t.length&&typeof t[t.length-1]=="string"&&(this._lastOffset=t[t.length-1])}ack(t){const r=this;let n=!1;return function(...i){n||(n=!0,r.packet({type:qe.ACK,id:t,data:i}))}}onack(t){const r=this.acks[t.id];typeof r=="function"&&(delete this.acks[t.id],r.withError&&t.data.unshift(null),r.apply(this,t.data))}onconnect(t,r){this.id=t,this.recovered=r&&this._pid===r,this._pid=r,this.connected=!0,this.emitBuffered(),this._drainQueue(!0),this.emitReserved("connect")}emitBuffered(){this.receiveBuffer.forEach(t=>this.emitEvent(t)),this.receiveBuffer=[],this.sendBuffer.forEach(t=>{this.notifyOutgoingListeners(t),this.packet(t)}),this.sendBuffer=[]}ondisconnect(){this.destroy(),this.onclose("io server disconnect")}destroy(){this.subs&&(this.subs.forEach(t=>t()),this.subs=void 0),this.io._destroy(this)}disconnect(){return this.connected&&this.packet({type:qe.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this}close(){return this.disconnect()}compress(t){return this.flags.compress=t,this}get volatile(){return this.flags.volatile=!0,this}timeout(t){return this.flags.timeout=t,this}onAny(t){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(t),this}prependAny(t){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(t),this}offAny(t){if(!this._anyListeners)return this;if(t){const r=this._anyListeners;for(let n=0;n<r.length;n++)if(t===r[n])return r.splice(n,1),this}else this._anyListeners=[];return this}listenersAny(){return this._anyListeners||[]}onAnyOutgoing(t){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.push(t),this}prependAnyOutgoing(t){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.unshift(t),this}offAnyOutgoing(t){if(!this._anyOutgoingListeners)return this;if(t){const r=this._anyOutgoingListeners;for(let n=0;n<r.length;n++)if(t===r[n])return r.splice(n,1),this}else this._anyOutgoingListeners=[];return this}listenersAnyOutgoing(){return this._anyOutgoingListeners||[]}notifyOutgoingListeners(t){if(this._anyOutgoingListeners&&this._anyOutgoingListeners.length){const r=this._anyOutgoingListeners.slice();for(const n of r)n.apply(this,t.data)}}}function Ea(e){e=e||{},this.ms=e.min||100,this.max=e.max||1e4,this.factor=e.factor||2,this.jitter=e.jitter>0&&e.jitter<=1?e.jitter:0,this.attempts=0}Ea.prototype.duration=function(){var e=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var t=Math.random(),r=Math.floor(t*this.jitter*e);e=(Math.floor(t*10)&1)==0?e-r:e+r}return Math.min(e,this.max)|0};Ea.prototype.reset=function(){this.attempts=0};Ea.prototype.setMin=function(e){this.ms=e};Ea.prototype.setMax=function(e){this.max=e};Ea.prototype.setJitter=function(e){this.jitter=e};class tg extends Rt{constructor(t,r){var n;super(),this.nsps={},this.subs=[],t&&typeof t=="object"&&(r=t,t=void 0),r=r||{},r.path=r.path||"/socket.io",this.opts=r,df(this,r),this.reconnection(r.reconnection!==!1),this.reconnectionAttempts(r.reconnectionAttempts||1/0),this.reconnectionDelay(r.reconnectionDelay||1e3),this.reconnectionDelayMax(r.reconnectionDelayMax||5e3),this.randomizationFactor((n=r.randomizationFactor)!==null&&n!==void 0?n:.5),this.backoff=new Ea({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(r.timeout==null?2e4:r.timeout),this._readyState="closed",this.uri=t;const i=r.parser||j9;this.encoder=new i.Encoder,this.decoder=new i.Decoder,this._autoConnect=r.autoConnect!==!1,this._autoConnect&&this.open()}reconnection(t){return arguments.length?(this._reconnection=!!t,t||(this.skipReconnect=!0),this):this._reconnection}reconnectionAttempts(t){return t===void 0?this._reconnectionAttempts:(this._reconnectionAttempts=t,this)}reconnectionDelay(t){var r;return t===void 0?this._reconnectionDelay:(this._reconnectionDelay=t,(r=this.backoff)===null||r===void 0||r.setMin(t),this)}randomizationFactor(t){var r;return t===void 0?this._randomizationFactor:(this._randomizationFactor=t,(r=this.backoff)===null||r===void 0||r.setJitter(t),this)}reconnectionDelayMax(t){var r;return t===void 0?this._reconnectionDelayMax:(this._reconnectionDelayMax=t,(r=this.backoff)===null||r===void 0||r.setMax(t),this)}timeout(t){return arguments.length?(this._timeout=t,this):this._timeout}maybeReconnectOnOpen(){!this._reconnecting&&this._reconnection&&this.backoff.attempts===0&&this.reconnect()}open(t){if(~this._readyState.indexOf("open"))return this;this.engine=new C9(this.uri,this.opts);const r=this.engine,n=this;this._readyState="opening",this.skipReconnect=!1;const i=yn(r,"open",function(){n.onopen(),t&&t()}),a=c=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",c),t?t(c):this.maybeReconnectOnOpen()},l=yn(r,"error",a);if(this._timeout!==!1){const c=this._timeout,d=this.setTimeoutFn(()=>{i(),a(new Error("timeout")),r.close()},c);this.opts.autoUnref&&d.unref(),this.subs.push(()=>{this.clearTimeoutFn(d)})}return this.subs.push(i),this.subs.push(l),this}connect(t){return this.open(t)}onopen(){this.cleanup(),this._readyState="open",this.emitReserved("open");const t=this.engine;this.subs.push(yn(t,"ping",this.onping.bind(this)),yn(t,"data",this.ondata.bind(this)),yn(t,"error",this.onerror.bind(this)),yn(t,"close",this.onclose.bind(this)),yn(this.decoder,"decoded",this.ondecoded.bind(this)))}onping(){this.emitReserved("ping")}ondata(t){try{this.decoder.add(t)}catch(r){this.onclose("parse error",r)}}ondecoded(t){uf(()=>{this.emitReserved("packet",t)},this.setTimeoutFn)}onerror(t){this.emitReserved("error",t)}socket(t,r){let n=this.nsps[t];return n?this._autoConnect&&!n.active&&n.connect():(n=new gk(this,t,r),this.nsps[t]=n),n}_destroy(t){const r=Object.keys(this.nsps);for(const n of r)if(this.nsps[n].active)return;this._close()}_packet(t){const r=this.encoder.encode(t);for(let n=0;n<r.length;n++)this.engine.write(r[n],t.options)}cleanup(){this.subs.forEach(t=>t()),this.subs.length=0,this.decoder.destroy()}_close(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose("forced close")}disconnect(){return this._close()}onclose(t,r){var n;this.cleanup(),(n=this.engine)===null||n===void 0||n.close(),this.backoff.reset(),this._readyState="closed",this.emitReserved("close",t,r),this._reconnection&&!this.skipReconnect&&this.reconnect()}reconnect(){if(this._reconnecting||this.skipReconnect)return this;const t=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved("reconnect_failed"),this._reconnecting=!1;else{const r=this.backoff.duration();this._reconnecting=!0;const n=this.setTimeoutFn(()=>{t.skipReconnect||(this.emitReserved("reconnect_attempt",t.backoff.attempts),!t.skipReconnect&&t.open(i=>{i?(t._reconnecting=!1,t.reconnect(),this.emitReserved("reconnect_error",i)):t.onreconnect()}))},r);this.opts.autoUnref&&n.unref(),this.subs.push(()=>{this.clearTimeoutFn(n)})}}onreconnect(){const t=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved("reconnect",t)}}const yl={};function Xu(e,t){typeof e=="object"&&(t=e,e=void 0),t=t||{};const r=R9(e,t.path||"/socket.io"),n=r.source,i=r.id,a=r.path,l=yl[i]&&a in yl[i].nsps,c=t.forceNew||t["force new connection"]||t.multiplex===!1||l;let d;return c?d=new tg(n,t):(yl[i]||(yl[i]=new tg(n,t)),d=yl[i]),r.query&&!t.query&&(t.query=r.queryKey),d.socket(r.path,t)}Object.assign(Xu,{Manager:tg,Socket:gk,io:Xu,connect:Xu});const yk="smartoffice_reminders",F9=()=>{try{const e=localStorage.getItem(yk);return e?JSON.parse(e):[]}catch{return[]}},Bs=e=>{try{localStorage.setItem(yk,JSON.stringify(e))}catch{}},Iy=()=>{const[e,t]=g.useState([]),[r,n]=g.useState(new Map);g.useEffect(()=>{const m=F9();t(m)},[]);const i=g.useCallback(m=>{const w={...m,createdAt:new Date().toISOString(),status:"pending"};return t(v=>{const C=[...v,w];return Bs(C),C}),w},[]),a=g.useCallback((m,w)=>{if(St(m.message,{description:m.subject.en,duration:1e4,action:w?{label:"View",onClick:()=>w(m)}:void 0}),"Notification"in window&&Notification.permission==="granted"){const v=new Notification(m.subject.en,{body:m.message,icon:"/favicon.ico",tag:m.id});v.onclick=()=>{w&&w(m),v.close()}}t(v=>{const C=v?.map(x=>x.id===m.id?{...x,status:"triggered"}:x);return Bs(C),C})},[]);g.useEffect(()=>{const m=Date.now(),w=new Map;return e.forEach(v=>{if(v.status!=="pending")return;const x=new Date(v.remindAt).getTime()-m;if(x<=0)a(v);else if(x<2147483647){const R=setTimeout(()=>{a(v)},x);w.set(v.id,R)}}),r.forEach((v,C)=>{w.has(C)||clearTimeout(v)}),n(w),()=>{w.forEach(v=>clearTimeout(v))}},[e,a]);const l=g.useCallback((m,w)=>{t(v=>{const C=v?.map(x=>{if(x.id===m){const R=new Date(Date.now()+w*60*1e3).toISOString();return{...x,remindAt:R,status:"pending"}}return x});return Bs(C),C}),St.success(`Reminder snoozed for ${w} minutes`)},[]),c=g.useCallback(m=>{t(w=>{const v=w?.map(C=>C.id===m?{...C,status:"dismissed"}:C);return Bs(v),v})},[]),d=g.useCallback(m=>{t(w=>{const v=w.filter(C=>C.id!==m);return Bs(v),v})},[]),f=e.filter(m=>m.status==="pending").length,h=g.useCallback(()=>{t([]),Bs([]),r.forEach(m=>clearTimeout(m)),n(new Map)},[r]);return{reminders:e,pendingReminders:e.filter(m=>m.status==="pending"),pendingCount:f,scheduleReminder:i,snoozeReminder:l,dismissReminder:c,deleteReminder:d,clearAllReminders:h}},vk=g.createContext({socket:null,notifications:[],scheduleReminder:()=>{}}),I9=({userId:e,children:t})=>{const r=g.useRef(null),[n,i]=g.useState([]),{scheduleReminder:a}=Iy();g.useEffect(()=>{"Notification"in window&&Notification.permission!=="granted"&&Notification.requestPermission().then(c=>{})},[]);const l=(c,d)=>{const f=new Date(Date.now()+d*60*1e3).toISOString(),h=typeof c.subject=="object"?c.subject:{en:String(c.subject||"Notification")};a({id:`reminder-${c.id||Date.now()}`,notificationId:c.id||`notif-${Date.now()}`,message:c.message,subject:{en:h.en||"Notification",am:h.am},remindAt:f,itemId:c.itemId||"",metadata:c.metadata}),St.success(`Reminder set for ${d} minutes from now`)};return g.useEffect(()=>{if(!e)return;r.current&&(r.current.disconnect(),r.current=null);const c=Xu(void 0,{transports:["websocket"],query:{id:e,type:"user"},reconnection:!0,reconnectionAttempts:15,reconnectionDelay:1e3,reconnectionDelayMax:3e4});return r.current=c,c.on("my-notification",d=>{if(!(d!=null&&d.message))return;const f={...d,id:d.id||`rt-${Date.now()}`,createdAt:d.createdAt||new Date().toISOString(),updatedAt:d.updatedAt||d.createdAt||new Date().toISOString(),isSeen:d.isSeen??!1,itemId:d.itemId||d.id||""};St(f.message,{description:new Date().toLocaleTimeString(),duration:4e3}),i(h=>{const m=h.filter(w=>w.id!==f.id);return[f,...m]}),window.dispatchEvent(new CustomEvent("record-management:notification-received",{detail:f})),"Notification"in window&&Notification.permission==="granted"&&new Notification("New Notification",{body:f.message})}),()=>{c.disconnect(),r.current=null}},[e]),b.jsx(vk.Provider,{value:{socket:r.current,notifications:n,scheduleReminder:l},children:t})},U9=()=>g.useContext(vk);Ml.extend(nk);const $9=()=>{const{t:e}=So(),[t,r]=g.useState("unread"),n=g.useRef(null),[i,a]=g.useState(3),[l,c]=g.useState(0),d=mi(),{notifications:f,loading:h,error:m,markAsRead:w,refresh:v,setParams:C}=rk({take:100,skip:0,orderBy:"createdAt:DESC"},c),{scheduleReminder:x}=U9(),R=f.filter(M=>t==="unread"?!M.isSeen:!0).sort((M,O)=>new Date(O.createdAt).getTime()-new Date(M.createdAt).getTime()),E=R.slice(0,i),P=l>0,k=g.useCallback(M=>{const[O]=M;O.isIntersecting&&!h&&(a(B=>B+3),i+3>f.length&&C(B=>({...B,skip:B.skip+B.take})))},[h,f.length,C,i]);g.useEffect(()=>{const M=new IntersectionObserver(k,{root:null,rootMargin:"20px",threshold:.1}),O=n.current;return O&&M.observe(O),()=>{O&&M.unobserve(O)}},[k]);const T=g.useCallback(()=>{R.filter(M=>!M.isSeen).forEach(M=>w(M.id))},[R,w]),N=g.useCallback(M=>{var te,K;M.isSeen||w(M.id);const O=M.itemId||M.id;if(!O){St.info("Notification does not contain a target record");return}const B=`${((te=M.metadata)==null?void 0:te.route)||""}`.toLowerCase().replace(/[\s_-]/g,""),H=`${((K=M.metadata)==null?void 0:K.recordType)||""}`.toLowerCase().replace(/[\s_-]/g,""),Y=B.includes("outgoing")||B.includes("approval")||B.includes("approve"),ne=B.includes("incoming")||["external","internal","cc","nonsmartuser","internalmemo"].includes(H);if(Y){d(`/record-management/viewApproval/${O}`);return}if(ne){if(H==="external"||H==="nonsmartuser"||H==="externalnonsmartuser"||H===""){d(`/record-management/viewIncoming/incoming/${O}`);return}if(H==="internal"||H==="internalmemo"){d(`/record-management/viewIncoming/internal/${O}`);return}if(H==="cc"){d(`/record-management/viewIncoming/cc/${O}`);return}}St.info("No specific route defined for this notification type")},[d,w]),j=g.useCallback((M,O)=>{const B=f.find(H=>H.id===M);B&&x(B,O)},[f,x]);return h&&f.length===0?b.jsx("div",{className:"flex h-[360px] items-center justify-center",children:b.jsx(Bb,{className:"h-6 w-6 animate-spin text-primary-500"})}):m?b.jsxs("div",{className:"mx-4 my-5 rounded-xl border border-red-200 bg-red-50 p-4 text-center dark:border-red-900/60 dark:bg-red-950/30",children:[b.jsx("p",{className:"text-sm text-red-600 dark:text-red-300",children:m}),b.jsx("button",{onClick:v,className:"mt-2 rounded-md px-3 py-1 text-sm font-medium text-primary-700 hover:bg-primary-100 dark:text-primary-300 dark:hover:bg-primary-900/30",children:e("profile.tryAgain")})]}):b.jsxs("div",{className:"flex h-full max-h-[calc(100dvh-5rem)] flex-col overflow-hidden rounded-2xl bg-white dark:bg-gray-900 sm:max-h-[430px]",children:[b.jsxs("div",{className:"border-b border-gray-100 bg-gradient-to-r from-primary-50 to-primary-50 px-3 py-3 dark:border-gray-800 dark:from-primary-950/40 dark:to-primary-950/30 sm:px-4",children:[b.jsxs("div",{className:"flex items-start justify-between gap-2",children:[b.jsxs("div",{className:"flex items-center gap-2",children:[b.jsx("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-xl bg-primary-500/10 text-primary-600 dark:bg-primary-900/30 dark:text-primary-300",children:b.jsx(Zu,{className:"h-4 w-4"})}),b.jsxs("div",{className:"min-w-0",children:[b.jsx("h3",{className:"text-sm font-semibold text-gray-900 dark:text-gray-100",children:e("header.notifications")}),b.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:P?`${l} unread`:"You're all caught up"})]})]}),P&&b.jsxs("button",{onClick:T,className:"inline-flex shrink-0 items-center gap-1 rounded-lg bg-primary-500 px-2.5 py-1.5 text-xs font-medium text-white transition-colors hover:bg-primary-600",children:[b.jsx(qN,{className:"h-3.5 w-3.5"}),"Mark all"]})]}),b.jsxs("div",{className:"mt-3 inline-flex rounded-xl bg-white p-1 shadow-sm ring-1 ring-black/5 dark:bg-gray-800 dark:ring-white/10",children:[b.jsxs("button",{className:`rounded-lg px-3 py-1.5 text-xs font-semibold transition-colors ${t==="unread"?"bg-primary-500 text-white shadow-sm":"text-gray-600 hover:bg-primary-50 dark:text-gray-300 dark:hover:bg-primary-900/20"}`,onClick:()=>{r("unread"),a(3)},children:["Unread",l>0&&b.jsx("span",{className:`ml-1.5 rounded-full px-1.5 py-0.5 text-[10px] ${t==="unread"?"bg-white/25 text-white":"bg-primary-100 text-primary-700 dark:bg-primary-900/40 dark:text-primary-300"}`,children:l})]}),b.jsx("button",{className:`rounded-lg px-3 py-1.5 text-xs font-semibold transition-colors ${t==="all"?"bg-primary-500 text-white shadow-sm":"text-gray-600 hover:bg-primary-50 dark:text-gray-300 dark:hover:bg-primary-900/20"}`,onClick:()=>{r("all"),a(3)},children:"All"})]})]}),b.jsxs("div",{className:"space-y-2.5 overflow-y-auto px-3 py-3 sm:space-y-3 sm:px-4",children:[E.length===0?b.jsxs("div",{className:"py-10 text-center",children:[b.jsx("div",{className:"mx-auto flex h-14 w-14 items-center justify-center rounded-2xl bg-gray-100 dark:bg-gray-800",children:t==="unread"?b.jsx(Xx,{className:"h-6 w-6 text-gray-400 dark:text-gray-500"}):b.jsx(Zu,{className:"h-6 w-6 text-gray-400 dark:text-gray-500"})}),b.jsxs("h3",{className:"mt-3 text-sm font-semibold text-gray-900 dark:text-gray-100",children:["No ",t==="unread"?"unread ":"","notifications"]}),b.jsx("p",{className:"mt-1 text-xs text-gray-500 dark:text-gray-400",children:"New activity will appear here"})]}):E?.map(M=>b.jsx(Oq,{id:M.id,subject:M.subject,time:Ml(M.createdAt).fromNow(),isUnread:!M.isSeen,onClick:()=>N(M),onRemind:j},M.id)),b.jsx("div",{ref:n,className:"flex justify-center py-4",children:h&&b.jsx(Bb,{className:"h-5 w-5 animate-spin text-primary-500"})})]})]})};Ml.extend(nk);const z9=()=>{const{pendingReminders:e,deleteReminder:t,snoozeReminder:r}=Iy(),n=mi(),i=Dy(),a=d=>{var m,w;const f=(m=d.metadata)==null?void 0:m.route,h=(w=d.metadata)==null?void 0:w.recordType;if(f==="Outgoing")n(`/record-management/viewApproval/${d.itemId}`);else if(f==="Incoming")switch(h){case"external":n(`/record-management/viewIncoming/incoming/${d.itemId}`);break;case"internal":n(`/record-management/viewIncoming/internal/${d.itemId}`);break;case"cc":n(`/record-management/viewIncoming/${d.itemId}`);break;case"non_smart_user":n(`/record-management/viewIncoming/incoming/${d.itemId}`);break}else St.info("No specific route defined for this reminder")},l=(d,f)=>{f.stopPropagation(),t(d),St.success("Reminder deleted")},c=(d,f,h)=>{h.stopPropagation(),r(d,f)};return e.length===0?b.jsxs("div",{className:"text-center py-6",children:[b.jsx("div",{className:"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-gray-100",children:b.jsx(Xx,{className:"h-5 w-5 text-gray-400"})}),b.jsx("h3",{className:"mt-2 text-sm font-medium text-gray-900",children:"No active reminders"}),b.jsx("p",{className:"mt-1 text-xs text-gray-500",children:"Set reminders from notifications to see them here"})]}):b.jsxs("div",{className:"space-y-3",children:[b.jsx("div",{className:"flex items-center justify-between mb-2",children:b.jsxs("h3",{className:"text-sm font-medium text-gray-900",children:["Active Reminders (",e.length,")"]})}),b.jsx("div",{className:"space-y-2 max-h-[500px] overflow-y-auto",children:e?.map(d=>b.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-md border bg-blue-50 border-blue-400 hover:shadow-sm transition-all cursor-pointer",onClick:()=>a(d),children:[b.jsx("div",{className:"mt-1",children:b.jsx(vg,{className:"w-5 h-5 text-blue-600"})}),b.jsxs("div",{className:"flex-1 min-w-0",children:[b.jsxs("div",{className:"flex items-center gap-2",children:[b.jsx("h4",{className:"font-medium text-sm text-gray-900 break-all",children:i(d.subject)}),b.jsx("span",{className:"w-2 h-2 rounded-full bg-blue-500 animate-pulse"})]}),b.jsx("p",{className:"text-xs text-gray-600",children:d.message}),b.jsxs("div",{className:"flex items-center gap-2 mt-1",children:[b.jsxs("p",{className:"text-[11px] text-blue-600 font-medium",children:["Remind ",Ml(d.remindAt).fromNow()]}),b.jsxs("span",{className:"text-[11px] text-gray-400",children:["(",Ml(d.remindAt).format("MMM D, h:mm A"),")"]})]})]}),b.jsxs("div",{className:"flex items-center gap-1",children:[b.jsx(Fr,{variant:"ghost",size:"sm",className:"h-7 w-7 p-0 hover:bg-blue-100",onClick:f=>c(d.id,15,f),title:"Snooze 15 min",children:b.jsx(Zu,{className:"h-4 w-4 text-gray-500"})}),b.jsx(Fr,{variant:"ghost",size:"sm",className:"h-7 w-7 p-0 hover:bg-red-100",onClick:f=>l(d.id,f),title:"Delete reminder",children:b.jsx(AD,{className:"h-4 w-4 text-red-500"})})]})]},d.id))})]})},B9=async(e,t)=>{var r,n;try{const{data:i}=await Et.get(`/employees/${t}/with-unit`,{params:e,headers:ss()});return i}catch(i){throw new Error(((n=(r=i==null?void 0:i.response)==null?void 0:r.data)==null?void 0:n.message)||"Failed to fetch current department employees")}},q9=async e=>{var t,r;try{return await Et.patch(`/employees/${e}/accept`)}catch(n){throw new Error(((r=(t=n==null?void 0:n.response)==null?void 0:t.data)==null?void 0:r.message)||"Failed to accept employee")}},V9=async e=>{var t,r;try{return await Et.patch(`/employees/${e}/reject`)}catch(n){throw new Error(((r=(t=n==null?void 0:n.response)==null?void 0:t.data)==null?void 0:r.message)||"Failed to reject employee")}},x7=async(e,t)=>{var r,n;try{const{data:i}=await Et.get(`/employees/others/${t}/with-unit`,{params:e,headers:ss()});return i}catch(i){throw new Error(((n=(r=i==null?void 0:i.response)==null?void 0:r.data)==null?void 0:n.message)||"Failed to fetch current department employees")}},H9=300*1e3,bk=e=>{var m,w;const{userDetails:t}=Ny(),r=((w=(m=t==null?void 0:t.employee)==null?void 0:m[0])==null?void 0:w.unitId)??null,n=cf(),{t:i}=So(),{handleError:a}=tk(i),{data:l={count:0,items:[]},isLoading:c,error:d}=ek({queryKey:["pendingEmployees",r,e],queryFn:()=>B9({...e,userStatus:"pending"},r),enabled:!!r,staleTime:H9}),f=hn({mutationFn:async v=>{if(!v)throw new Error("Employee ID is missing");await q9(v)},onSuccess:()=>{St.success("Employee approved successfully"),n.invalidateQueries({queryKey:["pendingEmployees"]})},onError:v=>{a(v)}}),h=hn({mutationFn:async v=>{if(!v)throw new Error("Employee ID is missing");await V9(v)},onSuccess:()=>{St.success("Employee rejected successfully"),n.invalidateQueries({queryKey:["pendingEmployees"]})},onError:v=>{a(v)}});return{pendingUsers:l,loadingPendingUsers:c,pendingUsersError:d,approveMutation:f,rejectMutation:h}},W9=({id:e,name:t,unit:r,time:n,onApprove:i,onReject:a,onClick:l,isLoading:c})=>{const d=Dy();return b.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-md border bg-yellow-50 border-yellow-300 hover:shadow-sm transition-all cursor-pointer",onClick:()=>l(e),children:[b.jsx("div",{className:"mt-1",children:b.jsx(QN,{className:"w-5 h-5 text-yellow-600"})}),b.jsxs("div",{className:"flex-1 min-w-0",children:[b.jsx("h4",{className:"font-medium text-sm text-gray-900 break-all",children:d(t)}),r&&b.jsx("p",{className:"text-xs text-gray-600",children:d(r)}),b.jsx("p",{className:"text-[11px] text-gray-400 mt-1",children:n})]}),b.jsxs("div",{className:"flex items-center gap-2",onClick:f=>f.stopPropagation(),children:[b.jsx("button",{onClick:()=>i(e),disabled:c,className:"p-1.5 rounded-md bg-primary-100 hover:bg-primary-200 transition",children:b.jsx(yg,{className:"w-4 h-4 text-primary-600"})}),b.jsx("button",{onClick:()=>a(e),disabled:c,className:"p-1.5 rounded-md bg-red-100 hover:bg-red-200 transition",children:b.jsx(bg,{className:"w-4 h-4 text-red-600"})})]})]})},G9=()=>{const e=mi(),{t}=So(),{pendingUsers:r,approveMutation:n,rejectMutation:i}=bk({take:5,skip:0});r!=null&&r.count;const a=(r==null?void 0:r.items)||[];return b.jsx("div",{className:"space-y-2",children:a.length===0?b.jsx("p",{className:"text-sm text-gray-500 text-center py-3",children:t("pendingUsers.noPendingApprovals")}):b.jsxs(b.Fragment,{children:[a.slice(0,3)?.map(l=>b.jsx(W9,{id:l.id,name:l.name,unit:l.unit,time:l.createdAt,onApprove:c=>n.mutate(c),onReject:c=>i.mutate(c),onClick:c=>e(`/employees/${c}`)},l.id)),b.jsx("button",{onClick:()=>{e("/record-management/employees/pending")},className:"w-full text-sm text-blue-600 hover:underline pt-2",children:t("pendingUsers.reviewAll")})]})})},K9=e=>{var d,f,h,m,w,v;const t=((d=e==null?void 0:e.permissions)==null?void 0:d?.map(C=>C.key))??[],r=((f=e==null?void 0:e.employee)==null?void 0:f.flatMap(C=>C.positions.flatMap(x=>x.permissions?.map(R=>R.key))))??[],n=[...new Set([...t,...r])],i=(v=(w=(m=(h=e==null?void 0:e.employee)==null?void 0:h[0])==null?void 0:m.positions)==null?void 0:w[0])==null?void 0:v.parentPositionId,a=!e,l=n.includes("can:dispatchRecords"),c=n.includes("can:dispatchRecords");return{userDetails:e,permissionKeys:n,checkHaveParent:i,isLoading:a,isRO:l,isUnitAdmin:c,error:!1,hasPermission:C=>n.includes(C)}},Y9=()=>{const[e,t]=g.useState(()=>{const n=localStorage.getItem("darkMode");return n?n==="true":window.matchMedia("(prefers-color-scheme: dark)").matches});return g.useEffect(()=>{e?(document.documentElement.classList.add("dark"),localStorage.setItem("darkMode","true")):(document.documentElement.classList.remove("dark"),localStorage.setItem("darkMode","false"))},[e]),{isDarkMode:e,toggleDarkMode:()=>{t(n=>!n)}}},X9=[{value:"en",label:"English",nativeName:"English"},{value:"am",label:"አማርኛ",nativeName:"Amharic"},{value:"fr",label:"Français",nativeName:"French"}];function Q9(e){return e?e.startsWith("am")?"am":e.startsWith("fr")?"fr":"en":"en"}function lx(e,t){switch(e){case"am":return t("header.amharic");case"fr":return t("header.french");default:return t("header.english")}}function cx(e,t){switch(e){case"am":return t("header.amharicShort");case"fr":return t("header.frenchShort");default:return t("header.englishShort")}}function J9(e){const t=(e||"").trim();return t?t.replace(/\/+$/,"").replace(/\/docs$/,""):""}var Px,Ax;const C7=J9(((Ax=(Px=import.meta)==null?void 0:Px.env)==null?void 0:Ax.VITE_AUDITLOG_API_URL)??"");function Z9(e,t=!0){if(typeof e!="string")return t;const r=e.trim().replace(/^['"]|['"]$/g,"").toLowerCase();return["true","1","yes","on"].includes(r)?!0:["false","0","no","off"].includes(r)?!1:t}const wk=()=>{var e,t;return Z9((t=(e=import.meta)==null?void 0:e.env)==null?void 0:t.VITE_SHOW_TOP_BAR,!0)},ux=({onToggleSidebar:e,showRecordManagementShortcut:t=!1,showUserManagementShortcut:r=!1})=>{var _,I,L,D,V,ee,re,oe,ie,me,ue,pe,ve,ge,Me,ze,We,Pt,tr,at,dr,rt,At,Dr,yt,fr,Yn;if(!wk())return null;const{t:n,i18n:i}=So(),a=mi(),{userDetails:l,logout:c}=Ny(),d=Q9(i.resolvedLanguage||i.language),f=d==="am"?((_=l==null?void 0:l.name)==null?void 0:_.am)||((I=l==null?void 0:l.name)==null?void 0:I.en)||n("header.user"):((L=l==null?void 0:l.name)==null?void 0:L.en)||((D=l==null?void 0:l.name)==null?void 0:D.am)||n("header.user"),h=f.trim().split(" "),m=h.length===1?h[0][0]:`${h[0][0]}${h[1][0]}`,v=(d==="am"?((ie=(oe=(re=(ee=(V=l==null?void 0:l.employee)==null?void 0:V[0])==null?void 0:ee.positions)==null?void 0:re[0])==null?void 0:oe.name)==null?void 0:ie.am)||((ge=(ve=(pe=(ue=(me=l==null?void 0:l.employee)==null?void 0:me[0])==null?void 0:ue.positions)==null?void 0:pe[0])==null?void 0:ve.name)==null?void 0:ge.en):((tr=(Pt=(We=(ze=(Me=l==null?void 0:l.employee)==null?void 0:Me[0])==null?void 0:ze.positions)==null?void 0:We[0])==null?void 0:Pt.name)==null?void 0:tr.en)||((Dr=(At=(rt=(dr=(at=l==null?void 0:l.employee)==null?void 0:at[0])==null?void 0:dr.positions)==null?void 0:rt[0])==null?void 0:At.name)==null?void 0:Dr.am))||((Yn=(fr=(yt=l==null?void 0:l.roles)==null?void 0:yt[0])==null?void 0:fr.key)==null?void 0:Yn.replace(/[:_]/g," ").replace(/\b\w/g,Ze=>Ze.toUpperCase()))||n("header.management"),{permissionKeys:C}=K9(l),x=C.includes("can:activateEmployee"),R=()=>{c()},{isDarkMode:E,toggleDarkMode:P}=Y9(),{pendingUsers:k}=bk({take:5,skip:0}),T=(k==null?void 0:k.count)||0,[N,j]=g.useState(!1),[M,O]=g.useState(!1),[B,H]=g.useState(!1),Y=g.useRef(null),ne=g.useRef(null),te=g.useRef(null),{pendingCount:K}=Iy();g.useEffect(()=>{const Ze=pr=>{const mr=pr.target;mr.closest("[role='dialog']")||mr.closest("[data-slot='dialog-content']")||mr.closest("[data-slot='dialog-overlay']")||mr.closest("[data-slot='dialog-close']")||(Y.current&&!Y.current.contains(mr)&&j(!1),te.current&&!te.current.contains(mr)&&H(!1))};return document.addEventListener("mousedown",Ze),()=>document.removeEventListener("mousedown",Ze)},[]);const{unseenCount:W,refresh:U}=rk({take:100,skip:0,orderBy:"createdAt:DESC"}),z=Ze=>{i.changeLanguage(Ze)};return b.jsx("div",{className:"flex h-16 flex-col",children:b.jsx("header",{className:"fixed left-0 right-0 top-0 z-40 h-16 border-b border-primary-100/70 bg-white/90 shadow-sm backdrop-blur-md dark:border-gray-800 dark:bg-gray-900/90",children:b.jsxs("div",{className:"flex h-full items-center justify-between px-2 sm:px-4 md:px-6",children:[b.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-2 md:gap-3",children:[b.jsx(Fr,{variant:"ghost",size:"icon",className:"h-9 w-9 flex-shrink-0 rounded-xl bg-white/90 text-gray-600 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:bg-primary-50 hover:text-primary-700 hover:ring-primary-200 dark:bg-gray-800/90 dark:text-gray-300 dark:ring-white/10 dark:hover:bg-primary-900/20 dark:hover:text-primary-300 dark:hover:ring-primary-700/40",onClick:e,children:b.jsx(_8,{className:"h-5 w-5"})}),b.jsx("div",{className:"hidden min-w-0 flex-1 sm:block sm:max-w-[34vw] lg:max-w-[41vw] xl:max-w-[48vw]",children:b.jsx(U8,{})}),t&&b.jsxs(Fr,{variant:"ghost",size:"sm",className:"flex h-9 w-9 sm:w-auto items-center justify-center sm:justify-start gap-1.5 rounded-xl bg-white/90 text-gray-600 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:bg-primary-50 hover:text-primary-700 hover:ring-primary-200 dark:bg-gray-800/90 dark:text-gray-300 dark:ring-white/10 dark:hover:bg-primary-900/20 dark:hover:text-primary-300 dark:hover:ring-primary-700/40 px-0 sm:px-3",onClick:()=>a("/record-management/dashboard"),children:[b.jsx(El,{className:"h-4 w-4 shrink-0 text-primary-500"}),b.jsx("span",{className:"hidden sm:inline text-xs font-semibold",children:n("nav.Record Management")})]}),r&&b.jsxs(Fr,{variant:"ghost",size:"sm",className:"flex h-9 w-9 sm:w-auto items-center justify-center sm:justify-start gap-1.5 rounded-xl bg-white/90 text-gray-600 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:bg-primary-50 hover:text-primary-700 hover:ring-primary-200 dark:bg-gray-800/90 dark:text-gray-300 dark:ring-white/10 dark:hover:bg-primary-900/20 dark:hover:text-primary-300 dark:hover:ring-primary-700/40 px-0 sm:px-3",onClick:()=>a("/user-management"),children:[b.jsx(Hb,{className:"h-4 w-4 shrink-0 text-primary-500"}),b.jsx("span",{className:"hidden sm:inline text-xs font-semibold",children:n("dashboard.userManagement","User Management")})]})]}),b.jsxs("div",{className:"flex max-w-[56vw] flex-shrink-0 items-center space-x-1.5 sm:max-w-none sm:space-x-2.5",children:[b.jsx(Fr,{variant:"ghost",size:"icon",className:"h-9 w-9 rounded-xl bg-white/90 text-gray-600 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:bg-primary-50 hover:text-primary-700 hover:ring-primary-200 dark:bg-gray-800/90 dark:text-gray-300 dark:ring-white/10 dark:hover:bg-primary-900/20 dark:hover:text-primary-300 dark:hover:ring-primary-700/40 sm:h-10 sm:w-10","aria-label":E?"Light mode":"Dark mode",onClick:P,title:E?"Switch to light mode":"Switch to dark mode",children:E?b.jsx(kD,{className:"h-4 w-4 text-yellow-500"}):b.jsx(bD,{className:"h-4 w-4 text-gray-700 dark:text-gray-300"})}),x&&b.jsxs("div",{className:"relative",children:[b.jsx(Fr,{variant:"ghost",size:"icon",className:"relative h-9 w-9 rounded-xl bg-white/90 text-gray-600 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:bg-primary-50 hover:text-primary-700 hover:ring-primary-200 dark:bg-gray-800/90 dark:text-gray-300 dark:ring-white/10 dark:hover:bg-primary-900/20 dark:hover:text-primary-300 dark:hover:ring-primary-700/40 sm:h-10 sm:w-10","aria-label":n("header.notifications"),onClick:()=>H(Ze=>!Ze),children:b.jsx(Qx,{className:"h-4 w-4"})}),T>0&&b.jsx("span",{className:"absolute -right-1.5 -top-1.5 rounded-full bg-yellow-500 px-1.5 py-0.5 text-[10px] font-bold text-white shadow",children:T>99?"99+":T}),B&&b.jsx("div",{ref:te,className:"fixed left-3 right-3 top-16 z-50 mt-2 max-h-[calc(100dvh-5rem)] overflow-y-auto rounded-2xl bg-white p-3 shadow-2xl ring-1 ring-black/5 dark:bg-gray-900 dark:ring-white/10 sm:absolute sm:left-auto sm:right-0 sm:top-auto sm:max-h-96 sm:w-80 sm:p-4",children:b.jsx(G9,{})})]}),b.jsxs("div",{className:"relative",ref:Y,children:[b.jsxs(Fr,{variant:"ghost",size:"icon",className:kt("relative h-9 w-9 rounded-xl bg-white/90 text-gray-600 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:bg-primary-50 hover:text-primary-700 hover:ring-primary-200 dark:bg-gray-800/90 dark:text-gray-300 dark:ring-white/10 dark:hover:bg-primary-900/20 dark:hover:text-primary-300 dark:hover:ring-primary-700/40 sm:h-10 sm:w-10",N&&"bg-primary-50 text-primary-700 ring-primary-300 dark:bg-primary-900/30 dark:text-primary-300 dark:ring-primary-700/60"),"aria-label":n("header.notifications"),onClick:()=>j(Ze=>{const pr=!Ze;return pr&&U(),pr}),children:[b.jsx(M8,{className:kt("h-4 w-4 transition-colors",N&&"fill-primary-100 text-primary-700 dark:fill-primary-900/40 dark:text-primary-300")}),W>0&&b.jsx("span",{className:"absolute -right-1.5 -top-1.5 min-w-[18px] rounded-full bg-red-500 px-1.5 py-0.5 text-center text-[10px] font-bold text-white shadow",children:W>99?"99+":W})]}),N&&b.jsx("div",{className:"fixed left-3 right-3 top-16 z-50 mt-2 max-h-[calc(100dvh-5rem)] overflow-hidden rounded-2xl bg-white shadow-2xl ring-1 ring-black/5 dark:bg-gray-900 dark:ring-white/10 sm:absolute sm:left-auto sm:right-0 sm:top-auto sm:w-[24rem]",children:b.jsx($9,{})})]}),b.jsxs("div",{className:"relative",ref:ne,children:[b.jsxs(Fr,{variant:"ghost",size:"icon",className:"relative h-9 w-9 rounded-xl bg-white/90 text-gray-600 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:bg-primary/10 hover:text-primary hover:ring-primary/30 dark:bg-gray-800/90 dark:text-gray-300 dark:ring-white/10 dark:hover:bg-primary/20 dark:hover:text-primary-300 dark:hover:ring-primary/40 sm:h-10 sm:w-10","aria-label":"Reminders",onClick:()=>O(Ze=>!Ze),children:[b.jsx(vg,{className:"h-4 w-4"}),K>0&&b.jsx("span",{className:"absolute -right-1.5 -top-1.5 min-w-[18px] rounded-full bg-primary px-1.5 py-0.5 text-center text-[10px] font-bold text-primary-foreground shadow",children:K>99?"99+":K})]}),M&&b.jsx("div",{className:"fixed left-3 right-3 top-16 z-50 mt-2 max-h-[calc(100dvh-5rem)] overflow-hidden rounded-2xl bg-white shadow-2xl ring-1 ring-black/5 dark:bg-gray-900 dark:ring-white/10 sm:absolute sm:left-auto sm:right-0 sm:top-auto sm:w-[24rem]",children:b.jsx(z9,{})})]}),b.jsxs(Oh,{children:[b.jsx(_h,{asChild:!0,children:b.jsxs(Fr,{variant:"ghost",size:"sm",className:"h-9 w-9 justify-center rounded-xl bg-white/90 px-0 text-xs font-semibold text-gray-700 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:bg-primary-50 hover:text-primary-700 hover:ring-primary-200 dark:bg-gray-800/90 dark:text-gray-200 dark:ring-white/10 dark:hover:bg-primary-900/20 dark:hover:text-primary-300 dark:hover:ring-primary-700/40 sm:h-10 sm:w-auto sm:gap-2 sm:px-3",children:[b.jsx(uD,{className:"h-4 w-4 text-primary-500"}),b.jsx("span",{className:"hidden md:inline",children:lx(d,n)}),b.jsx("span",{className:"hidden sm:inline md:hidden",children:cx(d,n)}),b.jsx(zb,{className:"hidden h-3.5 w-3.5 text-gray-400 sm:block"})]})}),b.jsx(Mh,{className:"w-52 rounded-xl bg-white p-2 shadow-xl ring-1 ring-black/5 dark:bg-gray-900 dark:ring-white/10",align:"end",forceMount:!0,children:X9?.map(Ze=>b.jsxs(Ur,{onClick:()=>z(Ze.value),className:kt("flex cursor-pointer items-center justify-between rounded-lg px-3 py-2.5 text-sm text-gray-700 transition-colors hover:bg-primary-50 dark:text-gray-200 dark:hover:bg-primary-900/30",d===Ze.value&&"bg-primary-100 text-primary-800 dark:bg-primary-800/50 dark:text-white"),children:[b.jsxs("div",{className:"flex items-center gap-2",children:[b.jsx("span",{className:"inline-flex h-6 w-6 items-center justify-center rounded-md bg-gray-100 text-[11px] font-bold text-gray-600 dark:bg-gray-700 dark:text-gray-200",children:cx(Ze.value,n)}),b.jsx("span",{children:lx(Ze.value,n)})]}),d===Ze.value&&b.jsx(yg,{className:"h-4 w-4 text-primary-600 dark:text-primary-400"})]},Ze.value))})]}),b.jsxs(Oh,{children:[b.jsx(_h,{asChild:!0,children:b.jsxs(Fr,{variant:"ghost",className:"group h-9 w-9 items-center justify-center rounded-xl bg-gradient-to-r from-white to-primary-50/80 p-0 text-gray-700 shadow-sm ring-1 ring-inset ring-black/5 transition-colors hover:from-primary-50 hover:to-primary-100 hover:ring-primary-200 dark:from-gray-900 dark:to-gray-800 dark:text-gray-200 dark:ring-white/10 dark:hover:from-gray-800 dark:hover:to-primary-900/20 dark:hover:ring-primary-700/40 sm:h-10 sm:w-auto sm:max-w-[170px] sm:justify-start sm:gap-2 sm:rounded-2xl sm:px-1.5 sm:pr-2 md:max-w-[200px]","aria-label":n("header.userMenu"),children:[b.jsx("div",{className:`\r
+    flex h-8 w-8 sm:h-9 sm:w-9\r
+    items-center justify-center\r
+    rounded-full\r
+    bg-gradient-to-br\r
+    from-primary-500 via-primary-500 to-primary-600\r
+    text-[11px] sm:text-sm\r
+    font-semibold\r
+    text-white\r
+    shadow-sm\r
+    ring-2 ring-white dark:ring-gray-900\r
+    shrink-0\r
+  `,children:m.toUpperCase()}),b.jsxs("div",{className:"hidden min-w-0 flex-col items-start text-left lg:flex",children:[b.jsx("span",{className:"max-w-[118px] truncate text-xs font-semibold leading-none",children:f}),b.jsx("span",{className:"max-w-[118px] truncate pt-1 text-[10px] font-medium leading-none text-gray-500 dark:text-gray-400",children:v})]}),b.jsx(zb,{className:"hidden h-4 w-4 text-gray-400 transition group-hover:text-primary-600 dark:group-hover:text-primary-300 sm:block"})]})}),b.jsxs(Mh,{className:"w-64 rounded-xl bg-white p-2 shadow-xl ring-1 ring-black/5 dark:bg-gray-900 dark:ring-white/10",align:"end",children:[b.jsxs("div",{className:"mb-1 rounded-lg bg-gradient-to-r from-primary-500 to-primary-600 p-3 text-white",children:[b.jsx("p",{className:"truncate text-sm font-semibold",children:f}),b.jsx("p",{className:"truncate pt-1 text-xs text-white/90",children:v})]}),b.jsxs(Ur,{className:"flex cursor-pointer items-center rounded-lg px-3 py-2.5 text-sm text-gray-700 transition-colors hover:bg-primary-50 dark:text-gray-200 dark:hover:bg-primary-900/20",onClick:()=>a("/profile"),children:[b.jsx(Hb,{className:"mr-2.5 h-4 w-4 text-primary-600 dark:text-primary-400"}),b.jsx("span",{children:n("header.viewProfile")})]}),b.jsxs(Ur,{className:"flex cursor-pointer items-center rounded-lg px-3 py-2.5 text-sm text-gray-700 transition-colors hover:bg-primary-50 dark:text-gray-200 dark:hover:bg-primary-900/20",onClick:()=>a("/update-profile"),children:[b.jsx(_D,{className:"mr-2.5 h-4 w-4 text-primary-600 dark:text-primary-400"}),b.jsx("span",{children:n("header.editProfile")})]}),b.jsxs(Ur,{className:"flex cursor-pointer items-center rounded-lg px-3 py-2.5 text-sm text-gray-700 transition-colors hover:bg-primary-50 dark:text-gray-200 dark:hover:bg-primary-900/20",onClick:()=>a("/change-password"),children:[b.jsx(lD,{className:"mr-2.5 h-4 w-4 text-primary-600 dark:text-primary-400"}),b.jsx("span",{children:n("header.changePassword")})]}),t&&b.jsxs(Ur,{className:"flex cursor-pointer items-center rounded-lg px-3 py-2.5 text-sm text-gray-700 transition-colors hover:bg-primary-50 dark:text-gray-200 dark:hover:bg-primary-900/20",onClick:()=>a("/record-management/dashboard"),children:[b.jsx(El,{className:"mr-2.5 h-4 w-4 text-primary-600 dark:text-primary-400"}),b.jsx("span",{children:n("nav.Record Management")})]}),r&&b.jsxs(Ur,{className:"flex cursor-pointer items-center rounded-lg px-3 py-2.5 text-sm text-gray-700 transition-colors hover:bg-primary-50 dark:text-gray-200 dark:hover:bg-primary-900/20",onClick:()=>a("/user-management"),children:[b.jsx(Ym,{className:"mr-2.5 h-4 w-4 text-primary-600 dark:text-primary-400"}),b.jsx("span",{children:n("dashboard.userManagement","User Management")})]}),b.jsx(E8,{className:"my-1 h-px bg-gray-200 dark:bg-gray-700"}),b.jsxs(Ur,{className:"flex cursor-pointer items-center rounded-lg px-3 py-2.5 text-sm text-red-600 transition-colors hover:bg-red-50 dark:hover:bg-red-950/30",onClick:R,children:[b.jsx(hD,{className:"mr-2.5 h-4 w-4"}),b.jsx("span",{children:n("header.signOut")})]})]})]})]})]})})})};function eV(){var t;const e=(t=Dd().layout)==null?void 0:t.userManagementView;return e==="classic"||e==="legacy"?e:"classic"}const tV="var(--um-header-height, 4rem)",rV=()=>{const{pathname:e}=lr(),t=e==="/",{toggleSidebar:r}=NE(),n=wk(),i=eV()==="classic";if(t)return b.jsx("div",{className:"min-h-screen w-full bg-gray-50",children:b.jsx(Hm,{})});const a=b.jsx("div",{className:"mx-auto w-full",style:{maxWidth:"var(--um-content-max-width, none)"},children:b.jsx("div",{className:"w-full overflow-x-auto",children:b.jsx(Hm,{})})});return i?b.jsxs("div",{className:"flex h-screen w-full flex-col overflow-hidden bg-background text-foreground",children:[n&&b.jsx(ux,{onToggleSidebar:r}),b.jsxs("div",{className:"flex min-h-0 w-full flex-1",children:[b.jsx(G4,{topOffset:n?tV:"0px",showBrand:!n}),b.jsxs("main",{className:"flex min-w-0 flex-1 flex-col overflow-hidden",children:[!n&&b.jsx("div",{className:"flex flex-shrink-0 items-center gap-2 border-b bg-white px-3 py-2 dark:bg-gray-900 md:hidden",children:b.jsx("button",{type:"button",onClick:r,"aria-label":"Open menu",className:"rounded-lg p-2 text-slate-700 hover:bg-slate-100 dark:text-gray-200 dark:hover:bg-gray-800",children:b.jsx(yD,{className:"h-5 w-5"})})}),b.jsx("div",{className:"flex-1 overflow-y-auto px-2 pb-2 pt-2 sm:px-4 sm:pb-4 sm:pt-4",children:a})]})]})]}):b.jsxs("div",{className:"w-full flex flex-col min-h-screen bg-background text-foreground",children:[n&&b.jsx(ux,{onToggleSidebar:r}),b.jsx(CI,{}),b.jsx("div",{className:`px-2 pb-2 sm:px-4 sm:pb-4 flex-1 ${n?"pt-14 sm:pt-16":"pt-2 sm:pt-4"}`,children:a})]})},Sk=g.createContext(null),nV=({children:e})=>{const{userDetails:t}=Ny();return b.jsx(Sk.Provider,{value:t,children:e})},oV=()=>g.useContext(Sk),xk=g.createContext({permissions:[]}),iV=({permissions:e,children:t})=>{const r=g.useMemo(()=>e==null?void 0:e?.map(n=>n.key),[e]);return b.jsx(xk.Provider,{value:{permissions:r||[],permissionObjects:e},children:t})},R7=()=>g.useContext(xk);function sV(e){return Array.isArray(e==null?void 0:e.roles)?e.roles?.map(t=>typeof t=="string"?t:t==null?void 0:t.key).filter(t=>!!t):[]}function Ck(e){const t=sV(e);return t.includes("super_admin")?"/user-management/dashboard":t.includes("admin")||t.includes("unit_admin")?"/user-management/user_management-dashboard":(e==null?void 0:e.userType)==="external_organization"||(e==null?void 0:e.userType)==="individual"?"/external-portal":"/user-management/user_management-dashboard"}const dx=({allowedRoles:e,allowedUserTypes:t})=>{const r=Xe.get("auth-token"),{user:n,loading:i}=ba(),a=lr();if(i)return b.jsx("div",{className:"flex items-center justify-center h-screen",children:b.jsx("div",{className:"w-10 h-10 border-4 border-primary border-t-transparent rounded-full animate-spin"})});if(!r||!n)return b.jsx(mo,{to:"/login",replace:!0});const l=n.roles?.map(f=>f.key),c=!e||l?.some(f=>e.includes(f)),d=!t||t.includes(n.userType);if(!c||!d){const f=Ck(n);return a.pathname!==f?b.jsx(mo,{to:f,replace:!0}):b.jsx(mo,{to:"/login",replace:!0})}return b.jsx(Hm,{})};function Rk({label:e="Loading",className:t}){return b.jsxs("div",{className:kt("min-h-screen flex flex-col items-center justify-center gap-5 bg-gradient-to-br from-primary-50 via-white to-primary-50 dark:from-slate-950 dark:via-slate-900 dark:to-primary-950/40",t),role:"status","aria-live":"polite","aria-label":e,children:[b.jsxs("div",{className:"relative h-20 w-20",children:[b.jsx("span",{className:"absolute inset-0 rounded-full border-4 border-primary-100 dark:border-primary-950/80"}),b.jsx("span",{className:"absolute inset-0 rounded-full border-4 border-transparent border-t-primary-600 border-r-primary-500 dark:border-t-primary-400 dark:border-r-primary-500 animate-spin"}),b.jsx("span",{className:"absolute inset-3 rounded-full border-4 border-transparent border-b-primary-500 border-l-primary-400 dark:border-b-primary-300 dark:border-l-primary-400 animate-spin",style:{animationDirection:"reverse",animationDuration:"1.2s"}}),b.jsx("span",{className:"absolute inset-[1.65rem] rounded-full bg-primary-500/85 dark:bg-primary-400/90 shadow-[0_0_24px_rgba(34,197,94,0.45)] dark:shadow-[0_0_30px_rgba(16,185,129,0.7)] animate-pulse"})]}),b.jsx("p",{className:"text-sm font-semibold tracking-wide text-primary-700 dark:text-primary-300",children:e})]})}const aV=()=>{const{user:e,loading:t}=ba();if(t)return b.jsx(Rk,{label:"Loading SmartOffice..."});if(!e)return b.jsx(mo,{to:"/login",replace:!0});const r=gN(e.id);return r?b.jsx(mo,{to:r,replace:!0}):b.jsx(mo,{to:Ck(e),replace:!0})},lV=()=>{const{user:e}=ba(),t=(e==null?void 0:e.roles?.map(r=>r.key))||[];return t.includes("super_admin")?b.jsx(mo,{to:"/user-management/dashboard",replace:!0}):t.includes("admin")||t.includes("unit_admin")?b.jsx(mo,{to:"/user-management/user_management-dashboard",replace:!0}):b.jsx(mo,{to:"/",replace:!0})},cV=g.lazy(()=>Ke(()=>import("./LoginPage-CpY519LO.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9])).then(e=>({default:e.LoginPage}))),uV=g.lazy(()=>Ke(()=>import("./ForgotPassword-CyFdgyUu.js"),__vite__mapDeps([10,2,5,8,9,11,4]))),dV=g.lazy(()=>Ke(()=>import("./ResetPassword-DeJuLwFx.js"),__vite__mapDeps([12,5,7,6,11,4]))),fV=g.lazy(()=>Ke(()=>import("./SetPassword-bCvH9rTk.js"),__vite__mapDeps([13,5,7,6,11,4,9]))),pV=g.lazy(()=>Ke(()=>import("./ChangePassword-DnAAu07A.js"),__vite__mapDeps([14,5,7,6,11,4]))),mV=g.lazy(()=>Ke(()=>import("./OrgAdminDashboard-DhPmvSML.js"),__vite__mapDeps([15,3,16,17,18,19,20,21,22,23,24,25,26,27,5,6,28,29,1,30,31,32,33,34,35,36,37,38,39,40,41,11,7,42,43,44]))),hV=g.lazy(()=>Ke(()=>import("./UserManagementPage-DR2Y3pv2.js"),__vite__mapDeps([45,46,1,47,48,49,50,51,52,53,23,24,54,9,11,8,44,55,6,35,56,57,58,34,59,60,17,61,62,2,63,64,65,66,67,29,68,69,39,32,37,38,41,70,31,20,71]))),gV=g.lazy(()=>Ke(()=>import("./ContentManagementPage-CLduruyz.js"),__vite__mapDeps([72,3,35,73,49,22,1,74,75,2,19,20,63,6,28,68,76,53,61,62,77,78,79,80,30,31,32,81,34,56,57,82,23,44,83,47,11,84,85,25,26,86,87,4,88]))),yV=g.lazy(()=>Ke(()=>import("./BulkUploadPage-DwoaDuCZ.js"),__vite__mapDeps([89,66,65,18,61,62,1,44]))),vV=g.lazy(()=>Ke(()=>import("./WebManagementPage-eEhih19q.js"),__vite__mapDeps([90,6,28,83,22,1,68,47,23,81,34,30,31,32,80,11,73,74,35,91,86,77,78,92]))),bV=g.lazy(()=>Ke(()=>import("./ConfigurationPage-tOdQq5-t.js"),__vite__mapDeps([93,1,61,62,76,22,56,57,3,94,69,39,32,85,74,35,23,18,63,84,44,49,92,9,28,95]))),wV=g.lazy(()=>Ke(()=>import("./ArchiveUsersPage-B2jF61Wl.js"),__vite__mapDeps([96,3,1,83,22,68,47,23,81,34,30,31,32,80,11,97,17,63,50,51,55,28,52,61,62]))),SV=g.lazy(()=>Ke(()=>import("./ArchivedUnitsPositionsPage-m1hNEzal.js"),__vite__mapDeps([98,3,1,83,22,68,47,23,81,34,30,31,32,80,11,61,62,67,57,17,99]))),fx=g.lazy(()=>Ke(()=>import("./UserProfileEditPage-CR2hIt1q.js"),__vite__mapDeps([100,23,101,51,54,68,9,8,11,102]))),xV=g.lazy(()=>Ke(()=>import("./index-GOIG67wS.js"),__vite__mapDeps([103,83,22,1,68,47,23,81,34,30,31,32,80,11,3,58,63,77,78,35,94,69,39,55,28,6,25,26,61,62,49]))),CV=g.lazy(()=>Ke(()=>import("./create-CKkKJa2c.js"),__vite__mapDeps([104,74,84,85,35,58,105,40,41,38,39,32,34,61,62,1,82,30,31,81,60,17,3]))),RV=g.lazy(()=>Ke(()=>import("./edit-C8FjiyEI.js"),__vite__mapDeps([106,3,35,1,61,62,105,40,41,38,39,32,85,74,34,58]))),EV=g.lazy(()=>Ke(()=>import("./MigratedDataManagementPage--fzsv4lI.js"),__vite__mapDeps([107,83,22,1,68,47,23,81,34,30,31,32,80,11,3,101,48,6,78,108,85,74,35,79,82]))),kV=g.lazy(()=>Ke(()=>import("./ViewMigratedDataPage-BKcu67Dm.js"),__vite__mapDeps([109,73,3,11,29]))),PV=g.lazy(()=>Ke(()=>import("./DashboardPage-Ci5_Ntjr.js"),__vite__mapDeps([110,3,22,23,111,26,33,47,60,17,21,24,25,27,5,6,28,29,1,30,31,32,34,35,36,37,38,39,40,41,11,7,42,44,49]))),AV=g.lazy(()=>Ke(()=>import("./OrganizationsPage-Cai8R-Dj.js"),__vite__mapDeps([112,60,17,83,22,1,68,47,23,81,34,30,31,32,80,11,63,64,61,62,36,37,38,39,67,57,48,6,28,113,114,46,8,94,69,25,26,43,3,87,49]))),TV=g.lazy(()=>Ke(()=>import("./OrganizationDetailPage-C-bRL7xT.js"),__vite__mapDeps([115,23,3,80,60,17,116,88,95]))),NV=g.lazy(()=>Ke(()=>import("./NewOrganizationPage-C0u3U4kS.js"),__vite__mapDeps([117,60,17,118,1,3,35,116,74,84,94,69,39,32]))),DV=g.lazy(()=>Ke(()=>import("./EditOrganizationPage-C2QJGrYB.js"),__vite__mapDeps([119,60,17,118,1,3,35,116,74,84,94,69,39,32]))),OV=g.lazy(()=>Ke(()=>import("./PendingExternalUsers-DTQ4H5AP.js"),__vite__mapDeps([120,83,22,1,68,47,23,81,34,30,31,32,80,11,3,101,63,25,26,36,37,38,39,35]))),_V=g.lazy(()=>Ke(()=>import("./UploadedDocumentViewPage-lpdNqwqn.js"),__vite__mapDeps([121,65,17,101,3,122,19,20,18,1,91,16,11,88,9,8]))),MV=g.lazy(()=>Ke(()=>import("./OrganizationAdminsPage-BvY4PVex.js"),__vite__mapDeps([123,3,83,22,1,68,47,23,81,34,30,31,32,80,11,113,114,46,63,61,62,8,6,60,17,35,122,59,52,49]))),jV=g.lazy(()=>Ke(()=>import("./AdminRegistrationPage-DvAhYHqv.js"),__vite__mapDeps([124,74,84,60,17,3,1,35,114,61,62]))),LV=g.lazy(()=>Ke(()=>import("./ActivityLogPage-CaXVQavd.js"),__vite__mapDeps([125,3,22,1,111,26,33,29,34]))),FV=g.lazy(()=>Ke(()=>import("./SettingsPage-DLv7kKUv.js"),__vite__mapDeps([126,3,38,70,32,91,94,69,39,1,35,16,17,27,102]))),IV=g.lazy(()=>Ke(()=>import("./SuperAdminArchiveUsersPage-DOLQicng.js"),__vite__mapDeps([127,83,22,1,68,47,23,81,34,30,31,32,80,11,3,97,17,63,50,51,55,28,52,78,108,85,74,35,79,82]))),UV=g.lazy(()=>Ke(()=>import("./SuperAdminArchivedPage-BdhC08Eo.js"),__vite__mapDeps([128,3,1,83,22,68,47,23,81,34,30,31,32,80,11,60,17,67,62,57,99]))),$V=g.lazy(()=>Ke(()=>import("./templates-BkP239QJ.js"),__vite__mapDeps([129,3,22,74,75,2,1,19,20,63,49,6,28]))),zV=()=>b.jsx("div",{className:"flex items-center justify-center h-screen",children:b.jsx("div",{className:"animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"})});function BV(){const{user:e}=ba(),t=oV(),r=(t==null?void 0:t.id)||"",n=lr();return g.useEffect(()=>{localStorage.getItem("darkMode")==="true"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")},[]),g.useEffect(()=>{const i=n.pathname+n.search;hN(i,r),typeof window<"u"&&window.parent&&window.parent!==window&&window.parent.postMessage({type:"UM_ROUTE_CHANGED",path:i},"*")},[n.pathname,n.search]),b.jsx(I9,{userId:r,children:b.jsx(RN,{children:b.jsx(iV,{permissions:e==null?void 0:e.permissions,children:b.jsx(g.Suspense,{fallback:b.jsx(zV,{}),children:b.jsxs(Mb,{children:[b.jsx(Le,{path:"/",element:b.jsx(aV,{})}),b.jsx(Le,{path:"/login",element:b.jsx(cV,{})}),b.jsx(Le,{path:"/set-password",element:b.jsx(fV,{})}),b.jsx(Le,{path:"/forgot-password",element:b.jsx(uV,{})}),b.jsx(Le,{path:"/reset-password",element:b.jsx(dV,{})}),b.jsx(Le,{path:"/change-password",element:b.jsx(pV,{})}),b.jsx(Le,{path:"/*",element:b.jsx(V4,{children:b.jsx(Mb,{children:b.jsxs(Le,{element:b.jsx(rV,{}),children:[b.jsx(Le,{path:"user-management",element:b.jsx("div",{className:"w-full flex flex-col p-4",children:b.jsx(lV,{})})}),b.jsx(Le,{path:"/user-management/archive/edit/:id",element:b.jsx(fx,{})}),b.jsx(Le,{path:"user-management/position-management",element:b.jsx(xV,{})}),b.jsx(Le,{path:"user-management/position-management/new",element:b.jsx(CV,{})}),b.jsx(Le,{path:"user-management/position-management/edit/:id",element:b.jsx(RV,{})}),b.jsx(Le,{path:"user-management/migrated-records-management",element:b.jsx(EV,{})}),b.jsx(Le,{path:"user-management/migrated-records-management/view/:id",element:b.jsx(kV,{})}),b.jsxs(Le,{element:b.jsx(dx,{allowedRoles:["admin","unit_admin","super_admin"]}),children:[b.jsx(Le,{path:"user-management/user_management-dashboard",element:b.jsx(mV,{})}),b.jsx(Le,{path:"user-management/user_management",element:b.jsx(hV,{})}),b.jsx(Le,{path:"user-management/content-management",element:b.jsx(gV,{})}),b.jsx(Le,{path:"user-management/bulk-upload",element:b.jsx(yV,{})}),b.jsx(Le,{path:"user-management/web-management/*",element:b.jsx(vV,{})}),b.jsx(Le,{path:"user-management/archives",element:b.jsx(wV,{})}),b.jsx(Le,{path:"user-management/archived",element:b.jsx(SV,{})}),b.jsx(Le,{path:"user-management/organization-settings",element:b.jsx(bV,{})})]}),b.jsxs(Le,{element:b.jsx(dx,{allowedRoles:["super_admin"]}),children:[b.jsx(Le,{path:"user-management/dashboard",element:b.jsx(PV,{})}),b.jsx(Le,{path:"user-management/organizations",element:b.jsx(AV,{})}),b.jsx(Le,{path:"user-management/organizations/detail/:id",element:b.jsx(TV,{})}),b.jsx(Le,{path:"user-management/organizations/new",element:b.jsx(NV,{})}),b.jsx(Le,{path:"user-management/organizations/edit/:id",element:b.jsx(DV,{})}),b.jsx(Le,{path:"user-management/external_users",element:b.jsx(OV,{})}),b.jsx(Le,{path:"user-management/external_users/view/:id",element:b.jsx(_V,{})}),b.jsx(Le,{path:"user-management/external_users/edit/:id",element:b.jsx(fx,{})}),b.jsx(Le,{path:"user-management/organization_admins",element:b.jsx(MV,{})}),b.jsx(Le,{path:"user-management/add_admin",element:b.jsx(jV,{})}),b.jsx(Le,{path:"user-management/activity_log",element:b.jsx(LV,{})}),b.jsx(Le,{path:"user-management/settings",element:b.jsx(FV,{})}),b.jsx(Le,{path:"user-management/archive-users",element:b.jsx(IV,{})}),b.jsx(Le,{path:"user-management/archived-organizations",element:b.jsx(UV,{})}),b.jsx(Le,{path:"user-management/templates",element:b.jsx($V,{})})]})]})})})})]})})})})})}const qV={appName:"Smart Office",organizationName:"Smart Office",logo:"",primaryColor:"#18aa9d",secondaryColor:"#1e293b",footerText:"",footerData:{address:"",phone:"",email:""},socials:{facebook:"",twitter:"",linkedin:"",instagram:"",youtube:"",telegram:"",tiktok:"",website:""},welcomeMessage:""},VV={localhost:{appName:"Smart Office EIAR",organizationName:"Ethiopian Biodiversity Institute - EBI",logo:"/assets/eiarLogo.jpg",primaryColor:"#388e4b",secondaryColor:"#fff",footerText:"The Ethiopian Institute of Agricultural Research (EIAR) is one of the oldest and largest agricultural research institutes in Africa. EIAR has evolved through several stages since its first initiation during the late 1940s, following the establishment of agricultural and technical schools at Ambo and Jimma. In 1955, a full-fledged agricultural experiment station was established at Debre Zeit (now named Debre Zeit Agricultural Research Center) under the then Imperial College of Agricultural and mechanical Arts (now called Haramaya University) and had been continued as the major research entity until the mid-1960s. In 1966, Institute of Agricultural Research (IAR) was established as the first nationally coordinated agricultural research institute in Ethiopia. IAR was established with a mission to formulate national agricultural research guidelines, coordinate national agricultural research system, and undertake research in its centers and sub-centers located in various agro-ecological zones of Ethiopia.",footerData:{address:"Addis Ababa, Ethiopia",phone:"251-116-454441",email:"eiar.gov.et"},socials:{facebook:"https://web.facebook.com/EIARPR",website:"http://www.eiar.gov.et",twitter:"http://www.eiar.gov.et",linkedin:"http://www.eiar.gov.et",instagram:"http://www.eiar.gov.et",youtube:"http://www.eiar.gov.et",telegram:"http://www.eiar.gov.et",tiktok:"http://www.eiar.gov.et"},welcomeMessage:"welcome you to the SmartOffice of the Ethiopian Institute of Agricultural Research. The Institute, since its establishment in 1966, has released over more 3000 agricultural technologies and improved farming practices by undertaking scientific research activities on various areas in crop, livestock, land and water, biotechnology, climate, farm machinery and agricultural economics. Of these technologies, 1190 are crop varieties and the rest include livestock breeds, pest and disease control methods, crop production and livestock husbandry methods, pre- and post-harvest technologies and recommendations. EIAR, in the five decades of its existence, has reached a large number of beneficiaries with its technologies and information found in different agro-ecologies throughout the country. The Institute has engaged itself in multiplication of initial technologies based on the demand created by the beneficiaries and supply to public and private technology multiplication actors for their wider reproduction and distribution."},"127.0.0.1":{appName:"Smart Office EDR",organizationName:"Ethio-Djibouti Railways",logo:"/assets/edrlogo.png",primaryColor:"#DC143C",secondaryColor:"#0f5a3a",footerText:"The Ethio-Djibouti Railway was established in April 2017 following a bilateral agreement signed on December 16, 2016, between Ethiopia and Djibouti.",footerData:{address:"Addis Ababa, Ethiopia",phone:"9546",email:"edr_@edrsc.com"},socials:{facebook:"",twitter:"",linkedin:"",instagram:"",youtube:"",telegram:"",tiktok:"",website:"https://edrsc.com/"},welcomeMessage:`The Ethio-Djibouti Railway was established in April 2017 following a bilateral agreement signed on December 16, 2016, between Ethiopia and Djibouti. A Shareholders Agreement was signed on January 11, 2017, among public bodies and state enterprises from both nations, governed by Ethiopian commercial law.
+
+The shareholders formed a Share Company with an initial capital of USD 500 million, dedicated to operating and maintaining the Addis Ababa–Djibouti Railway and providing freight and passenger transport services.`},"smartoffice.edrsc.com":{appName:"Smart Office EDR",organizationName:"Ethio-Djibouti Railways",logo:"/assets/edrlogo.png",primaryColor:"#13724D",secondaryColor:"#0f5a3a",footerText:"The Ethio-Djibouti Railway was established in April 2017 following a bilateral agreement signed on December 16, 2016, between Ethiopia and Djibouti.",footerData:{address:"Addis Ababa, Ethiopia",phone:"9546",email:"edr_@edrsc.com"},socials:{facebook:"https://web.facebook.com/ethiodjiboutirailwaysc",twitter:"https://edrsc.com/",linkedin:"https://edrsc.com/",instagram:"https://edrsc.com/",youtube:"https://edrsc.com/",telegram:"",tiktok:"",website:"https://edrsc.com/"},welcomeMessage:`The Ethio-Djibouti Railway was established in April 2017 following a bilateral agreement signed on December 16, 2016, between Ethiopia and Djibouti. A Shareholders Agreement was signed on January 11, 2017, among public bodies and state enterprises from both nations, governed by Ethiopian commercial law.
+
+The shareholders formed a Share Company with an initial capital of USD 500 million, dedicated to operating and maintaining the Addis Ababa–Djibouti Railway and providing freight and passenger transport services.`},"smartoffice.eiar.gov.et":{appName:"Smart Office EIAR",organizationName:"Ethiopian Institute of Agricultural Research",logo:"/assets/eiarLogo.jpg",primaryColor:"#388e4b",secondaryColor:"#fff",footerText:"The Ethiopian Institute of Agricultural Research (EIAR) is one of the oldest and largest agricultural research institutes in Africa. EIAR has evolved through several stages since its first initiation during the late 1940s, following the establishment of agricultural and technical schools at Ambo and Jimma. In 1955, a full-fledged agricultural experiment station was established at Debre Zeit (now named Debre Zeit Agricultural Research Center) under the then Imperial College of Agricultural and mechanical Arts (now called Haramaya University) and had been continued as the major research entity until the mid-1960s. In 1966, Institute of Agricultural Research (IAR) was established as the first nationally coordinated agricultural research institute in Ethiopia. IAR was established with a mission to formulate national agricultural research guidelines, coordinate national agricultural research system, and undertake research in its centers and sub-centers located in various agro-ecological zones of Ethiopia.",footerData:{address:"Addis Ababa, Ethiopia",phone:"+251-116-454441",email:"eiar.gov.et"},socials:{facebook:"https://web.facebook.com/EIARPR",website:"http://www.eiar.gov.et",twitter:"http://www.eiar.gov.et",linkedin:"http://www.eiar.gov.et",instagram:"http://www.eiar.gov.et",youtube:"http://www.eiar.gov.et"},welcomeMessage:"welcome you to the SmartOffice of the Ethiopian Institute of Agricultural Research. The Institute, since its establishment in 1966, has released over more 3000 agricultural technologies and improved farming practices by undertaking scientific research activities on various areas in crop, livestock, land and water, biotechnology, climate, farm machinery and agricultural economics. Of these technologies, 1190 are crop varieties and the rest include livestock breeds, pest and disease control methods, crop production and livestock husbandry methods, pre- and post-harvest technologies and recommendations. EIAR, in the five decades of its existence, has reached a large number of beneficiaries with its technologies and information found in different agro-ecologies throughout the country. The Institute has engaged itself in multiplication of initial technologies based on the demand created by the beneficiaries and supply to public and private technology multiplication actors for their wider reproduction and distribution."},"smartoffice.ebi.gov.et":{appName:"EBI Smart Office",organizationName:"Ethiopian Biodiversity Institute - EBI",logo:"/assets/ebiLogoWhite.png",primaryColor:"#2a741d",secondaryColor:"#2c246d",footerText:"Welcome to the Center of Origin & Diversity, Ethiopia",footerData:{address:"Addis Ababa, Ethiopia",phone:"+251-116-615607",email:" info@ebi.gov.et"},socials:{facebook:"https://www.facebook.com/EthiopiaEBI",twitter:"https://x.com/EthiopiaEBI",linkedin:"https://www.linkedin.com/company/EthiopiaEBI",youtube:"https://www.youtube.com/@EthiopiaEBI",instagram:"https://www.youtube.com/@EthiopiaEBI",website:"https://ebi.gov.et",telegram:"https://t.me/EthiopiaEBI",tiktok:"https://www.tiktok.com/@ethiopiaebi"},welcomeMessage:"Ethiopia is recognized as one of the world’s most biodiverse nations.  Our rugged highlands, vast lowlands, and the rift valley lakes hold the genetic codes of the wild relatives of our staple food, and the endemic wildlife that defines our national identity. The Ethiopian Biodiversity Institute - EBI bears the profound responsibility of being the steward of these natural assets since its establishment in the 1970s."},"smartoffice.moa.gov.et":{appName:"Smart Office EFD",organizationName:"Ethiopian Forest Development",logo:"/assets/efdlogo.jpg",primaryColor:"#006400",secondaryColor:"#a52a2a",footerText:"Ethiopian Forestry Development (EFD) is an autonomous federal institution, established by Proclamation No. 1263/2021 on 25th January, as referred on article 81-No. 8 and by the federal government of Ethiopia council of ministers regulation No. 505/2022. EFD was resulted by merging the former research institute (The Ethiopian Environment and Forest Research Institute (EEFRI) together with the forestry sector from the then (Environment, Forest and climate change commission) having the following powers and duties.",footerData:{address:"Addis Ababa, Ethiopia",phone:"9546",email:"dg-office@efd.gov.et"},socials:{facebook:"https://web.facebook.com/Ethiopian-Forestry-Development-EFD-100064767336706/?_rdc=1&_rdr#",twitter:"Ethiopian Forestry Development@EthiopianFores1",youtube:"https://www.youtube.com/@infoefd",website:"https://www.efd.gov.et"},welcomeMessage:"Organized forestry research in Ethiopia was started by the establishment of Forestry Research Centre (FRC) and the then Wood Utilization Research Centre (WUARC) in 1975 and 1979, respectively under the Forestry and Wildlife Conservation Development Authority (FaWCDA). The centres were incorporated to the then Ministry of Natural Resources Development and Environmental Protection in 1992 and again re-transferred to the Ministry of Agriculture in 1995. The Federal Government of Ethiopia reorganized the National Agricultural Research System and established the then Ethiopian Agricultural Research Organization (EARO) in 1997 (Negarit Gazeta, 1997). As a result, FRC and WUARC were transferred to EARO as one research centre (FRC) and one of the research sectors of EARO (now Ethiopian Institute of Agricultural Research (EIAR)). Then, the Government of Ethiopia found it necessary to give due attention to activities of environmental protection and forest development, protection and utilization by linking forestry research with environmental protection research at an institutional level for the attainment of the objectives of the Government that resulted in the establishment of the Ministry of Environment, Forest and Climate Change."}},Ek=(e=typeof window<"u"?window.location.hostname:"localhost")=>{const t=e==null?void 0:e.trim().toLowerCase().replace(/^https?:\/\//,"").replace(/\/.*$/,"").replace(/:\d+$/,"");return VV[t]||qV},kk=e=>{var i,a,l,c,d;if(typeof document>"u")return;const t=document.documentElement,r=Dd(),n=((i=r.colors)==null?void 0:i.primary)||((a=e.primaryColor)==null?void 0:a.trim())||"var(--primary-default, #18aa9d)";if(t.style.setProperty("--primary",n),t.style.setProperty("--ring",n),t.style.setProperty("--sidebar-primary",n),t.style.setProperty("--accent",n),t.style.setProperty("--chart-1",n),!((l=r.brand)!=null&&l.appName)&&e.organizationName&&(document.title=e.organizationName),!((c=r.brand)!=null&&c.logoUrl)&&!((d=r.brand)!=null&&d.faviconUrl)&&e.logo){let f=document.querySelector('link[rel="icon"]');f||(f=document.createElement("link"),f.rel="icon",document.head.appendChild(f)),f.href=e.logo}};typeof window<"u"&&kk(Ek());const HV=()=>{const e=g.useMemo(()=>window.location.hostname,[]),t=g.useMemo(()=>Ek(e),[e]);return g.useEffect(()=>{kk(t)},[t]),{config:t,hostname:e}},WV=({children:e})=>(HV(),e);function GV(e){let t=e,r=!1;const n=new Set;return{getState(){return t},updateState(i){t=typeof i=="function"?i(t):i},setState(i){this.updateState(i),n.forEach(a=>a(t))},initialize(i){r||(t=i,r=!0)},subscribe(i){return n.add(i),()=>n.delete(i)}}}function KV(e){return g.useSyncExternalStore(e.subscribe,()=>e.getState(),()=>e.getState())}function YV(e,t,r){const n=[],i=[],a={};for(const l of e){const c=l.position||t;a[c]=a[c]||0,a[c]+=1,a[c]<=r?i.push(l):n.push(l)}return{notifications:i,queue:n}}const XV=()=>GV({notifications:[],queue:[],defaultPosition:"bottom-right",limit:5}),us=XV(),QV=(e=us)=>KV(e);function ka(e,t){const r=e.getState(),n=t([...r.notifications,...r.queue]),i=YV(n,r.defaultPosition,r.limit);e.setState({notifications:i.notifications,queue:i.queue,limit:r.limit,defaultPosition:r.defaultPosition})}function JV(e,t=us){const r=e.id||lR();return ka(t,n=>e.id&&n?.some(i=>i.id===e.id)?n:[...n,{...e,id:r}]),r}function Pk(e,t=us){return ka(t,r=>r.filter(n=>{var i;return n.id===e?((i=n.onClose)==null||i.call(n,n),!1):!0})),e}function ZV(e,t=us){return ka(t,r=>r?.map(n=>n.id===e.id?{...n,...e}:n)),e.id}function eH(e=us){ka(e,()=>[])}function tH(e=us){ka(e,t=>t.slice(0,e.getState().limit))}const Pa={show:JV,hide:Pk,update:ZV,clean:eH,cleanQueue:tH,updateState:ka};function rg(e,t){return rg=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},rg(e,t)}function Ak(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,rg(e,t)}const px={disabled:!1},vd=le.createContext(null);var rH=function(t){return t.scrollTop},Sl="unmounted",Mi="exited",ji="entering",Hs="entered",ng="exiting",ko=(function(e){Ak(t,e);function t(n,i){var a;a=e.call(this,n,i)||this;var l=i,c=l&&!l.isMounting?n.enter:n.appear,d;return a.appearStatus=null,n.in?c?(d=Mi,a.appearStatus=ji):d=Hs:n.unmountOnExit||n.mountOnEnter?d=Sl:d=Mi,a.state={status:d},a.nextCallback=null,a}t.getDerivedStateFromProps=function(i,a){var l=i.in;return l&&a.status===Sl?{status:Mi}:null};var r=t.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(i){var a=null;if(i!==this.props){var l=this.state.status;this.props.in?l!==ji&&l!==Hs&&(a=ji):(l===ji||l===Hs)&&(a=ng)}this.updateStatus(!1,a)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var i=this.props.timeout,a,l,c;return a=l=c=i,i!=null&&typeof i!="number"&&(a=i.exit,l=i.enter,c=i.appear!==void 0?i.appear:l),{exit:a,enter:l,appear:c}},r.updateStatus=function(i,a){if(i===void 0&&(i=!1),a!==null)if(this.cancelNextCallback(),a===ji){if(this.props.unmountOnExit||this.props.mountOnEnter){var l=this.props.nodeRef?this.props.nodeRef.current:Ws.findDOMNode(this);l&&rH(l)}this.performEnter(i)}else this.performExit();else this.props.unmountOnExit&&this.state.status===Mi&&this.setState({status:Sl})},r.performEnter=function(i){var a=this,l=this.props.enter,c=this.context?this.context.isMounting:i,d=this.props.nodeRef?[c]:[Ws.findDOMNode(this),c],f=d[0],h=d[1],m=this.getTimeouts(),w=c?m.appear:m.enter;if(!i&&!l||px.disabled){this.safeSetState({status:Hs},function(){a.props.onEntered(f)});return}this.props.onEnter(f,h),this.safeSetState({status:ji},function(){a.props.onEntering(f,h),a.onTransitionEnd(w,function(){a.safeSetState({status:Hs},function(){a.props.onEntered(f,h)})})})},r.performExit=function(){var i=this,a=this.props.exit,l=this.getTimeouts(),c=this.props.nodeRef?void 0:Ws.findDOMNode(this);if(!a||px.disabled){this.safeSetState({status:Mi},function(){i.props.onExited(c)});return}this.props.onExit(c),this.safeSetState({status:ng},function(){i.props.onExiting(c),i.onTransitionEnd(l.exit,function(){i.safeSetState({status:Mi},function(){i.props.onExited(c)})})})},r.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(i,a){a=this.setNextCallback(a),this.setState(i,a)},r.setNextCallback=function(i){var a=this,l=!0;return this.nextCallback=function(c){l&&(l=!1,a.nextCallback=null,i(c))},this.nextCallback.cancel=function(){l=!1},this.nextCallback},r.onTransitionEnd=function(i,a){this.setNextCallback(a);var l=this.props.nodeRef?this.props.nodeRef.current:Ws.findDOMNode(this),c=i==null&&!this.props.addEndListener;if(!l||c){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var d=this.props.nodeRef?[this.nextCallback]:[l,this.nextCallback],f=d[0],h=d[1];this.props.addEndListener(f,h)}i!=null&&setTimeout(this.nextCallback,i)},r.render=function(){var i=this.state.status;if(i===Sl)return null;var a=this.props,l=a.children;a.in,a.mountOnEnter,a.unmountOnExit,a.appear,a.enter,a.exit,a.timeout,a.addEndListener,a.onEnter,a.onEntering,a.onEntered,a.onExit,a.onExiting,a.onExited,a.nodeRef;var c=EE(a,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return le.createElement(vd.Provider,{value:null},typeof l=="function"?l(i,c):le.cloneElement(le.Children.only(l),c))},t})(le.Component);ko.contextType=vd;ko.propTypes={};function qs(){}ko.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:qs,onEntering:qs,onEntered:qs,onExit:qs,onExiting:qs,onExited:qs};ko.UNMOUNTED=Sl;ko.EXITED=Mi;ko.ENTERING=ji;ko.ENTERED=Hs;ko.EXITING=ng;function nH(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Uy(e,t){var r=function(a){return t&&g.isValidElement(a)?t(a):a},n=Object.create(null);return e&&g.Children?.map(e,function(i){return i}).forEach(function(i){n[i.key]=r(i)}),n}function oH(e,t){e=e||{},t=t||{};function r(h){return h in t?t[h]:e[h]}var n=Object.create(null),i=[];for(var a in e)a in t?i.length&&(n[a]=i,i=[]):i.push(a);var l,c={};for(var d in t){if(n[d])for(l=0;l<n[d].length;l++){var f=n[d][l];c[n[d][l]]=r(f)}c[d]=r(d)}for(l=0;l<i.length;l++)c[i[l]]=r(i[l]);return c}function zi(e,t,r){return r[t]!=null?r[t]:e.props[t]}function iH(e,t){return Uy(e.children,function(r){return g.cloneElement(r,{onExited:t.bind(null,r),in:!0,appear:zi(r,"appear",e),enter:zi(r,"enter",e),exit:zi(r,"exit",e)})})}function sH(e,t,r){var n=Uy(e.children),i=oH(t,n);return Object.keys(i).forEach(function(a){var l=i[a];if(g.isValidElement(l)){var c=a in t,d=a in n,f=t[a],h=g.isValidElement(f)&&!f.props.in;d&&(!c||h)?i[a]=g.cloneElement(l,{onExited:r.bind(null,l),in:!0,exit:zi(l,"exit",e),enter:zi(l,"enter",e)}):!d&&c&&!h?i[a]=g.cloneElement(l,{in:!1}):d&&c&&g.isValidElement(f)&&(i[a]=g.cloneElement(l,{onExited:r.bind(null,l),in:f.props.in,exit:zi(l,"exit",e),enter:zi(l,"enter",e)}))}}),i}var aH=Object.values||function(e){return Object.keys(e)?.map(function(t){return e[t]})},lH={component:"div",childFactory:function(t){return t}},ti=(function(e){Ak(t,e);function t(n,i){var a;a=e.call(this,n,i)||this;var l=a.handleExited.bind(nH(a));return a.state={contextValue:{isMounting:!0},handleExited:l,firstRender:!0},a}var r=t.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(i,a){var l=a.children,c=a.handleExited,d=a.firstRender;return{children:d?iH(i,c):sH(i,l,c),firstRender:!1}},r.handleExited=function(i,a){var l=Uy(this.props.children);i.key in l||(i.props.onExited&&i.props.onExited(a),this.mounted&&this.setState(function(c){var d=kh({},c.children);return delete d[i.key],{children:d}}))},r.render=function(){var i=this.props,a=i.component,l=i.childFactory,c=EE(i,["component","childFactory"]),d=this.state.contextValue,f=aH(this.state.children)?.map(l);return delete c.appear,delete c.enter,delete c.exit,a===null?le.createElement(vd.Provider,{value:d},f):le.createElement(vd.Provider,{value:d},le.createElement(a,c,f))},t})(le.Component);ti.propTypes={};ti.defaultProps=lH;const Tk=["bottom-center","bottom-left","bottom-right","top-center","top-left","top-right"];function cH(e,t){return e.reduce((r,n)=>(r[n.position||t].push(n),r),Tk.reduce((r,n)=>(r[n]=[],r),{}))}const mx={left:"translateX(-100%)",right:"translateX(100%)","top-center":"translateY(-100%)","bottom-center":"translateY(100%)"},uH={left:"translateX(0)",right:"translateX(0)","top-center":"translateY(0)","bottom-center":"translateY(0)"};function dH({state:e,maxHeight:t,position:r,transitionDuration:n}){const[i,a]=r.split("-"),l=a==="center"?`${i}-center`:a,c={opacity:0,maxHeight:t,transform:mx[l],transitionDuration:`${n}ms, ${n}ms, ${n}ms`,transitionTimingFunction:"cubic-bezier(.51,.3,0,1.21), cubic-bezier(.51,.3,0,1.21), linear",transitionProperty:"opacity, transform, max-height"},d={opacity:1,transform:uH[l]},f={opacity:0,maxHeight:0,transform:mx[l]};return{...c,...{entering:d,entered:d,exiting:f,exited:f}[e]}}function fH(e,t){return typeof t=="number"?t:t===!1||e===!1?!1:e}const Nk=g.forwardRef(({data:e,onHide:t,autoClose:r,...n},i)=>{const{autoClose:a,message:l,...c}=e,d=fH(r,e.autoClose),f=g.useRef(-1),h=()=>window.clearTimeout(f.current),m=()=>{t(e.id),h()},w=()=>{typeof d=="number"&&(f.current=window.setTimeout(m,d))};return g.useEffect(()=>{var v;(v=e.onOpen)==null||v.call(e,e)},[]),g.useEffect(()=>(w(),h),[d]),b.jsx(cy,{...n,...c,onClose:m,ref:i,onMouseEnter:h,onMouseLeave:w,children:l})});Nk.displayName="@mantine/notifications/NotificationContainer";var Dk={root:"m_b37d9ac7",notification:"m_5ed0edd0"};const pH=ko,mH={position:"bottom-right",autoClose:4e3,transitionDuration:250,containerWidth:440,notificationMaxHeight:200,limit:5,zIndex:xo("overlay"),store:us,withinPortal:!0},hH=(e,{zIndex:t,containerWidth:r})=>({root:{"--notifications-z-index":t==null?void 0:t.toString(),"--notifications-container-width":ce(r)}}),Po=st((e,t)=>{const r=Ue("Notifications",mH,e),{classNames:n,className:i,style:a,styles:l,unstyled:c,vars:d,position:f,autoClose:h,transitionDuration:m,containerWidth:w,notificationMaxHeight:v,limit:C,zIndex:x,store:R,portalProps:E,withinPortal:P,...k}=r,T=Rn(),N=QV(R),j=y5(),M=jg(),O=g.useRef({}),B=g.useRef(0),Y=(T.respectReducedMotion?M:!1)?1:m,ne=$t({name:"Notifications",classes:Dk,props:r,className:i,style:a,classNames:n,styles:l,unstyled:c,vars:d,varsResolver:hH});g.useEffect(()=>{R==null||R.updateState(W=>({...W,limit:C||5,defaultPosition:f}))},[C,f]),ua(()=>{N.notifications.length>B.current&&setTimeout(()=>j(),0),B.current=N.notifications.length},[N.notifications]);const te=cH(N.notifications,f),K=Tk.reduce((W,U)=>(W[U]=te[U]?.map(({style:z,..._})=>b.jsx(pH,{timeout:Y,onEnter:()=>O.current[_.id].offsetHeight,nodeRef:{current:O.current[_.id]},children:I=>b.jsx(Nk,{ref:L=>{O.current[_.id]=L},data:_,onHide:L=>Pk(L,R),autoClose:h,...ne("notification",{style:{...dH({state:I,position:U,transitionDuration:Y,maxHeight:v}),...z}})})},_.id)),W),{});return b.jsxs(Ql,{withinPortal:P,...E,children:[b.jsx(Ve,{...ne("root"),"data-position":"top-center",ref:t,...k,children:b.jsx(ti,{children:K["top-center"]})}),b.jsx(Ve,{...ne("root"),"data-position":"top-left",...k,children:b.jsx(ti,{children:K["top-left"]})}),b.jsx(Ve,{...ne("root",{className:Pl.classNames.fullWidth}),"data-position":"top-right",...k,children:b.jsx(ti,{children:K["top-right"]})}),b.jsx(Ve,{...ne("root",{className:Pl.classNames.fullWidth}),"data-position":"bottom-right",...k,children:b.jsx(ti,{children:K["bottom-right"]})}),b.jsx(Ve,{...ne("root"),"data-position":"bottom-left",...k,children:b.jsx(ti,{children:K["bottom-left"]})}),b.jsx(Ve,{...ne("root"),"data-position":"bottom-center",...k,children:b.jsx(ti,{children:K["bottom-center"]})})]})});Po.classes=Dk;Po.displayName="@mantine/notifications/Notifications";Po.show=Pa.show;Po.hide=Pa.hide;Po.update=Pa.update;Po.clean=Pa.clean;Po.cleanQueue=Pa.cleanQueue;Po.updateState=Pa.updateState;function gH(e){const t=e.replace("#","");return t.length!==6?null:[parseInt(t.slice(0,2),16),parseInt(t.slice(2,4),16),parseInt(t.slice(4,6),16)]}function yH(e,t,r){return"#"+[e,t,r]?.map(n=>Math.round(Math.min(255,Math.max(0,n))).toString(16).padStart(2,"0")).join("")}function so(e,t,r){const n=gH(e);if(!n)return e;const[i,a,l]=n;return yH(i+(t-i)*r,a+(t-a)*r,l+(t-l)*r)}function vH(e){return[so(e,255,.92),so(e,255,.8),so(e,255,.66),so(e,255,.5),so(e,255,.3),so(e,255,.12),e,so(e,0,.14),so(e,0,.3),so(e,0,.48)]}function bH(e){var i,a,l,c,d,f,h,m,w,v,C,x,R,E,P,k,T,N,j,M,O,B,H,Y,ne,te,K,W;if(typeof document>"u")return;const t=document.documentElement,r=(U,z)=>{z&&t.style.setProperty(`--${U}`,z)};if((i=e.brand)!=null&&i.appName&&(document.title=e.brand.appName),(a=e.brand)!=null&&a.logoUrl||(l=e.brand)!=null&&l.faviconUrl){let U=document.querySelector('link[rel="icon"]');U||(U=document.createElement("link"),U.rel="icon",document.head.appendChild(U)),U.href=e.brand.faviconUrl??e.brand.logoUrl??""}r("primary",(c=e.colors)==null?void 0:c.primary),r("primary-default",(d=e.colors)==null?void 0:d.primary),r("primary-foreground",(f=e.colors)==null?void 0:f.primaryForeground),r("secondary",(h=e.colors)==null?void 0:h.secondary),r("background",(m=e.colors)==null?void 0:m.background),r("foreground",(w=e.colors)==null?void 0:w.foreground),r("destructive",(v=e.colors)==null?void 0:v.danger),r("destructive-foreground",(C=e.colors)==null?void 0:C.danger),r("border",(x=e.colors)==null?void 0:x.border),r("input",(R=e.colors)==null?void 0:R.border),r("muted",(E=e.colors)==null?void 0:E.muted),r("muted-foreground",(P=e.colors)==null?void 0:P.mutedForeground),r("card",(k=e.colors)==null?void 0:k.card),r("card-foreground",(T=e.colors)==null?void 0:T.foreground),r("sidebar",(N=e.colors)==null?void 0:N.sidebar),(j=e.colors)!=null&&j.primary&&(r("ring",e.colors.primary),r("accent",e.colors.primary),r("chart-1",e.colors.primary),r("sidebar-primary",e.colors.primary)),(M=e.typography)!=null&&M.fontFamily&&r("font-sans",e.typography.fontFamily),(O=e.typography)!=null&&O.baseFontSize&&(t.style.fontSize=e.typography.baseFontSize),r("radius",(B=e.shape)==null?void 0:B.radius),(H=e.shadows)!=null&&H.card&&r("shadow-sm",e.shadows.card),(Y=e.shadows)!=null&&Y.dropdown&&r("shadow-md",e.shadows.dropdown),(ne=e.shadows)!=null&&ne.modal&&r("shadow-lg",e.shadows.modal);const n=e.layout;if(r("um-sidebar-width",n==null?void 0:n.sidebarWidth),r("um-sidebar-collapsed-width",n==null?void 0:n.sidebarCollapsedWidth),r("um-header-height",n==null?void 0:n.headerHeight),r("um-content-max-width",n==null?void 0:n.contentMaxWidth),r("um-sidebar-bg",n==null?void 0:n.sidebarBackground),r("um-sidebar-fg",n==null?void 0:n.sidebarColor),r("um-sidebar-muted",n==null?void 0:n.sidebarMutedColor),r("um-sidebar-active-bg",n==null?void 0:n.sidebarActiveBackground),r("um-sidebar-active-fg",n==null?void 0:n.sidebarActiveColor),r("um-sidebar-hover-bg",n==null?void 0:n.sidebarHoverBackground),r("um-sidebar-border",n==null?void 0:n.sidebarBorder),r("um-sidebar-rail",n==null?void 0:n.sidebarRail),r("um-menu-bg",n==null?void 0:n.menuBackground),r("um-menu-active",(n==null?void 0:n.menuActiveColor)??((te=e.colors)==null?void 0:te.primary)),r("um-menu-active-border",(n==null?void 0:n.menuActiveBorderColor)??((K=e.colors)==null?void 0:K.primary)),r("um-menu-color",n==null?void 0:n.menuColor),r("um-menu-hover",(n==null?void 0:n.menuHoverColor)??((W=e.colors)==null?void 0:W.primary)),r("um-modal-accent",n==null?void 0:n.modalAccentColor),r("um-modal-header-bg",n==null?void 0:n.modalHeaderBackground),r("um-modal-header-edit-bg",n==null?void 0:n.modalHeaderEditBackground),r("um-modal-icon-bg",n==null?void 0:n.modalIconBackground),r("um-modal-icon-color",n==null?void 0:n.modalIconColor),r("um-modal-title",n==null?void 0:n.modalTitleColor),r("um-modal-focus",n==null?void 0:n.modalFocusColor),r("um-modal-surface",n==null?void 0:n.modalSurface),e.cssVars)for(const[U,z]of Object.entries(e.cssVars))r(U,z)}function wH(e){var i,a,l,c,d,f,h,m,w,v,C,x,R,E,P,k,T,N,j,M,O,B,H,Y;const t=((i=e.colors)==null?void 0:i.primary)??"#18aa9d",r=vH(t),n={primaryColor:"brand",primaryShade:6,colors:{brand:r,fhcBlue:r,fhcGray:["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"]},fontFamily:((a=e.typography)==null?void 0:a.fontFamily)??"Inter, ui-sans-serif, system-ui, sans-serif",fontFamilyMonospace:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",headings:{fontFamily:((l=e.typography)==null?void 0:l.headingFontFamily)??((c=e.typography)==null?void 0:c.fontFamily)??"Inter, ui-sans-serif, system-ui, sans-serif"},defaultRadius:((d=e.shape)!=null&&d.radius,"md"),cursorType:"pointer",components:{Button:{defaultProps:{variant:((f=e.components)==null?void 0:f.buttonDefaultVariant)??"filled"}},TextInput:{defaultProps:{size:((h=e.components)==null?void 0:h.inputDefaultSize)??"sm",radius:((m=e.components)==null?void 0:m.inputRadius)??"md"}},Select:{defaultProps:{size:((w=e.components)==null?void 0:w.inputDefaultSize)??"sm",radius:((v=e.components)==null?void 0:v.inputRadius)??"md"}},MultiSelect:{defaultProps:{size:((C=e.components)==null?void 0:C.inputDefaultSize)??"sm",radius:((x=e.components)==null?void 0:x.inputRadius)??"md"}},Textarea:{defaultProps:{size:((R=e.components)==null?void 0:R.inputDefaultSize)??"sm",radius:((E=e.components)==null?void 0:E.inputRadius)??"md"}},NumberInput:{defaultProps:{size:((P=e.components)==null?void 0:P.inputDefaultSize)??"sm",radius:((k=e.components)==null?void 0:k.inputRadius)??"md"}},DateInput:{defaultProps:{size:((T=e.components)==null?void 0:T.inputDefaultSize)??"sm",radius:((N=e.components)==null?void 0:N.inputRadius)??"md"}},DatePickerInput:{defaultProps:{size:((j=e.components)==null?void 0:j.inputDefaultSize)??"sm",radius:((M=e.components)==null?void 0:M.inputRadius)??"md"}},Modal:{defaultProps:{radius:((O=e.components)==null?void 0:O.modalRadius)??"md",centered:!0}},Drawer:{defaultProps:{radius:((B=e.components)==null?void 0:B.modalRadius)??"md"}},Table:{defaultProps:{striped:((H=e.components)==null?void 0:H.tableStriped)??!1,highlightOnHover:((Y=e.components)==null?void 0:Y.tableHighlightOnHover)??!0,withTableBorder:!0,withColumnBorders:!1}},Notification:{defaultProps:{radius:"md"}},Badge:{defaultProps:{variant:"light"}}}};return e.mantineTheme?Ok(n,e.mantineTheme):n}function Ok(e,t){const r={...e};for(const n of Object.keys(t)){const i=t[n],a=e[n];i!==null&&typeof i=="object"&&!Array.isArray(i)&&typeof a=="object"&&!Array.isArray(a)?r[n]=Ok(a,i):i!==void 0&&(r[n]=i)}return r}const hx="http://localhost:5183".split(",")?.map(e=>e.trim()).filter(Boolean),SH=()=>typeof window<"u"&&window.parent&&window.parent!==window,xH=e=>hx.length===0||hx.includes(e);function CH({children:e}){const[t,r]=g.useState(()=>!!Xe.get("auth-token")||!SH());return g.useEffect(()=>{if(t)return;let n=!1;const i=()=>{n||(n=!0,r(!0))},a=c=>{if(!xH(c.origin))return;const d=c.data;if(!d||d.type!=="UM_AUTH_TOKEN"||!d.token)return;const f=Pg(!0);Xe.set("auth-token",d.token,f),d.refreshToken&&Xe.set("refresh-token",d.refreshToken,f),i()};window.addEventListener("message",a);try{window.parent.postMessage({type:"UM_REQUEST_AUTH"},"*")}catch{}const l=window.setTimeout(i,1500);return()=>{window.removeEventListener("message",a),window.clearTimeout(l)}},[t]),t?b.jsx(b.Fragment,{children:e}):b.jsx(Rk,{label:"Signing you in…"})}function RH(){const{setColorScheme:e}=bR();return g.useEffect(()=>{const t=document.documentElement,r=()=>e(t.classList.contains("dark")?"dark":"light");r();const n=new MutationObserver(r);return n.observe(t,{attributes:!0,attributeFilter:["class"]}),()=>n.disconnect()},[e]),null}const EH=new dq({defaultOptions:{queries:{staleTime:300*1e3,gcTime:1800*1e3,refetchOnWindowFocus:!1,refetchOnReconnect:!0,retry:1}}}),kH="/_um/".replace(/\/+$/,"")||"/";function PH({config:e}){const[t]=g.useState(()=>(gI(e),bH(e),wH(e)));return b.jsxs(vR,{theme:t,defaultColorScheme:"light",children:[b.jsx(RH,{}),b.jsx(Po,{position:"top-right"}),b.jsx(fq,{client:EH,children:b.jsx(sN,{basename:kH,children:b.jsx(WV,{children:b.jsx(CH,{children:b.jsx(hI,{children:b.jsx(nV,{children:b.jsx(BV,{})})})})})})}),b.jsx(w_,{richColors:!0,theme:"system",toastOptions:{classNames:{toast:"border border-gray-200 bg-white text-gray-900 shadow-xl dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100",title:"font-semibold text-gray-900 dark:text-gray-100",description:"text-sm text-gray-600 dark:text-gray-300",success:"border-primary-200 bg-primary-50 text-primary-800",error:"border-rose-200 bg-rose-50 text-rose-800",warning:"border-amber-200 bg-amber-50 text-amber-800",info:"border-sky-200 bg-sky-50 text-sky-800"}}})]})}const _u={fhcBlue:["#EEF4FC","#D9E8FA","#BCD5F5","#96BDEB","#6FA4E0","#4A90E2","#357ABD","#2C669D","#224F7A","#173654"],fhcBrick:["#F6ECE8","#EACFC4","#DBAD99","#C9876B","#B86B49","#A85735","#8C462B","#703622","#55281A","#3D1E14"],fhcGold:["#FFFBE6","#FFF3BF","#FEE98A","#FCDD57","#F9CF2F","#FFD700","#D9B700","#B39400","#8C7300","#665300"],fhcGray:["#F8FAFC","#F1F5F9","#E2E8F0","#CBD5E1","#94A3B8","#64748B","#475569","#334155","#1E293B","#0F172A"]},og={sidebar:{bg:"linear-gradient(180deg, #5D2E1F 0%, #3D1E14 100%)",headerBg:"rgba(93, 46, 31, 0.82)",footerBg:"rgba(61, 30, 20, 0.62)",border:"rgba(255,255,255,0.10)",text:"rgba(255,255,255,0.76)",mutedText:"rgba(255,255,255,0.42)",childText:"rgba(255,255,255,0.68)",activeText:"#FFFFFF",iconBg:"rgba(255,255,255,0.06)",iconActiveBg:"rgba(255,255,255,0.12)",hoverBg:"rgba(255,255,255,0.08)",activeBg:"rgba(255,255,255,0.15)",activeBorder:"rgba(255,255,255,0.14)",sectionLine:"rgba(255,255,255,0.10)",rail:"linear-gradient(180deg, #FFD700 0%, #4A90E2 100%)"},header:{bg:"rgba(255,255,255,0.92)",border:"rgba(15, 23, 42, 0.08)",searchBg:"#F9FAFB",searchBorder:"#E5E7EB",title:"#1F2937",subtitle:"#6B7280"},page:{bg:"#F8FAFC",cardBg:"rgba(255,255,255,0.92)"},brand:{brick:"#5D2E1F",brickDark:"#3D1E14",blue:"#4A90E2",blueDark:"#357ABD",gold:"#FFD700",text:"#1F2937"},sizes:{sidebarExpanded:288,sidebarCollapsed:80,headerHeight:64}},AH={...og,header:{bg:"rgba(26, 27, 30, 0.92)",border:"rgba(255,255,255,0.08)",searchBg:"#25262B",searchBorder:"#2C2E33",title:"#F1F5F9",subtitle:"#9CA3AF"},page:{bg:"#141517",cardBg:"rgba(26, 27, 30, 0.92)"},brand:{...og.brand,text:"#F1F5F9"}},TH={fontFamily:"Plus Jakarta Sans, sans-serif",headings:{fontFamily:"Plus Jakarta Sans, sans-serif"},defaultRadius:"md",radius:{xs:"6px",sm:"8px",md:"10px",lg:"14px",xl:"18px"},shadows:{xs:"0 1px 2px rgba(15, 23, 42, 0.04)",sm:"0 2px 8px rgba(15, 23, 42, 0.06)",md:"0 4px 20px rgba(15, 23, 42, 0.08)",lg:"0 8px 30px rgba(15, 23, 42, 0.12)"},colors:{fhcBlue:_u.fhcBlue,fhcBrick:_u.fhcBrick,fhcGold:_u.fhcGold,fhcGray:_u.fhcGray},other:{fhcLayout:og,fhcLayoutDark:AH},components:{Paper:{defaultProps:{radius:"lg",shadow:"sm"}},NavLink:{defaultProps:{radius:"md"}}}},NH={brand:{appName:"Federal Housing Corporation"},colors:{primary:"#357ABD"},typography:{fontFamily:"Plus Jakarta Sans, Inter, ui-sans-serif, system-ui, sans-serif"},shape:{radius:"0.625rem"},components:{buttonDefaultVariant:"filled",inputDefaultSize:"sm",inputRadius:"md",modalRadius:"lg",tableHighlightOnHover:!0,tableStriped:!1},layout:{userManagementView:"classic",sidebarWidth:"288px",sidebarCollapsedWidth:"80px",headerHeight:"64px",sidebarBackground:"linear-gradient(180deg, #5D2E1F 0%, #3D1E14 100%)",sidebarColor:"rgba(255,255,255,0.76)",sidebarMutedColor:"rgba(255,255,255,0.42)",sidebarActiveBackground:"rgba(255,255,255,0.15)",sidebarActiveColor:"#FFFFFF",sidebarHoverBackground:"rgba(255,255,255,0.08)",sidebarBorder:"rgba(255,255,255,0.10)",sidebarRail:"linear-gradient(180deg, #FFD700 0%, #4A90E2 100%)",sidebarBrandLabel:"User Management",sidebarBrandSublabel:"Federal Housing",navItems:[{label:"dashboard",href:"/user-management/user_management-dashboard",icon:"dashboard",roles:["admin","unit_admin"],isPrimary:!0,enabled:!0},{label:"userManagement",href:"/user-management/user_management",icon:"users",roles:["admin","unit_admin"],isPrimary:!0,enabled:!0},{label:"contentManagement",displayLabel:"contentManagement",href:"/user-management/content-management",icon:"content",roles:["admin","unit_admin"],isPrimary:!0,enabled:!0},{label:"Position",displayLabel:"positionTypes",href:"/user-management/position-management",icon:"position",roles:["admin","unit_admin","super_admin"],isPrimary:!0,enabled:!0},{label:"settings",displayLabel:"settings",href:"/user-management/organization-settings",icon:"settings",roles:["admin","unit_admin"],isPrimary:!0,enabled:!0},{label:"Bulk",displayLabel:"bulkUpload",href:"/user-management/bulk-upload",icon:"excel",roles:["admin","unit_admin"],isPrimary:!0,enabled:!0},{label:"Archive Users",displayLabel:"Archive Users",href:"/user-management/archives",icon:"archive",roles:["admin","unit_admin"],isPrimary:!0,enabled:!0},{label:"Archived Units & Positions",displayLabel:"Archived Units & Positions",href:"/user-management/archived",icon:"units",roles:["admin","unit_admin"],isPrimary:!0,enabled:!0},{label:"dashboard",href:"/user-management/dashboard",icon:"dashboard",roles:["super_admin"],isPrimary:!0,enabled:!0},{label:"organizations",href:"/user-management/organizations",icon:"organizations",roles:["super_admin"],isPrimary:!0,enabled:!0},{label:"organizationAdmins",href:"/user-management/organization_admins",icon:"admins",roles:["super_admin"],isPrimary:!0,enabled:!0},{label:"externalUsers",href:"/user-management/external_users",icon:"admins",roles:["super_admin"],isPrimary:!0,enabled:!0},{label:"Migrated Records",displayLabel:"migratedRecords",href:"/user-management/migrated-records-management",icon:"file",roles:["super_admin"],isPrimary:!0,enabled:!0},{label:"Archive Users",displayLabel:"Archive Users",href:"/user-management/archive-users",icon:"archive",roles:["super_admin"],isPrimary:!0,enabled:!0},{label:"Archived Organizations",displayLabel:"Archived Organizations",href:"/user-management/archived-organizations",icon:"archive",roles:["super_admin"],isPrimary:!0,enabled:!0},{label:"activityLog",href:"/user-management/activity_log",icon:"activity",roles:["super_admin"],isPrimary:!1,enabled:!0},{label:"setting",href:"/user-management/settings",icon:"settings",roles:["super_admin"],isPrimary:!1,enabled:!0},{label:"Letter Template",href:"/user-management/templates",icon:"file",roles:["super_admin"],isPrimary:!1,enabled:!0}],menuBackground:"#ffffff",menuColor:"#334155",menuActiveColor:"#357ABD",menuActiveBorderColor:"#357ABD",menuHoverColor:"#357ABD",modalAccentColor:"#5D2E1F",modalHeaderBackground:"#F6ECE8",modalHeaderEditBackground:"#EACFC4",modalIconBackground:"#EACFC4",modalIconColor:"#5D2E1F",modalTitleColor:"#1F2937",modalFocusColor:"#357ABD",modalSurface:"#ffffff"},mantineTheme:TH};MA.createRoot(document.getElementById("root")).render(b.jsx(g.StrictMode,{children:b.jsx(PH,{config:NH})}));export{wa as $,Km as A,Fr as B,r5 as C,Fg as D,ua as E,El as F,S5 as G,sD as H,F4 as I,Bl as J,st as K,hg as L,bD as M,Ue as N,Rn as O,jg as P,Ve as Q,le as R,kD as S,wR as T,Hb as U,$t as V,l7 as W,ce as X,gi as Y,Zi as Z,Hn as _,Ny as a,bR as a$,ry as a0,Vd as a1,Hd as a2,i5 as a3,O$ as a4,D$ as a5,m$ as a6,Dg as a7,Mg as a8,Jl as a9,Oh as aA,_h as aB,Mh as aC,y7 as aD,Ur as aE,Bb as aF,Vb as aG,MN as aH,zb as aI,GN as aJ,kq as aK,Aq as aL,Tq as aM,Nq as aN,vg as aO,yg as aP,_D as aQ,Wt as aR,bg as aS,i7 as aT,bd as aU,Ml as aV,l4 as aW,oy as aX,Zl as aY,cR as aZ,fy as a_,da as aa,Ww as ab,a7 as ac,_d as ad,tn as ae,Og as af,Co as ag,pR as ah,Xl as ai,er as aj,J5 as ak,Xd as al,Kl as am,V5 as an,iy as ao,xo as ap,Bg as aq,u7 as ar,_g as as,Wd as at,$g as au,o5 as av,mh as aw,c7 as ax,zn as ay,Dy as az,HV as b,_H as b$,Su as b0,En as b1,Pa as b2,eV as b3,ts as b4,v7 as b5,AD as b6,Pq as b7,kt as b8,Uw as b9,SE as bA,xE as bB,yE as bC,CE as bD,R7 as bE,I4 as bF,d7 as bG,f7 as bH,p7 as bI,Ra as bJ,Mt as bK,gd as bL,q1 as bM,oq as bN,pq as bO,gq as bP,wq as bQ,yq as bR,vq as bS,sr as bT,xq as bU,XS as bV,bq as bW,oD as bX,X9 as bY,zH as bZ,E8 as b_,w7 as ba,yD as bb,Qx as bc,Ke as bd,pt as be,CC as bf,td as bg,OC as bh,gg as bi,MH as bj,lr as bk,Mb as bl,Le as bm,qb as bn,Dq as bo,Zu as bp,B9 as bq,x7 as br,YN as bs,tD as bt,C7 as bu,RI as bv,vE as bw,bE as bx,K3 as by,wE as bz,Y9 as c,cr as c0,Nr as c1,FB as c2,He as c3,go as c4,XE as c5,tc as c6,Th as c7,ME as c8,DE as c9,P3 as cA,aR as cB,gU as cC,g7 as cD,m7 as cE,my as cF,LB as ca,BE as cb,_E as cc,wo as cd,s6 as ce,yB as cf,Pl as cg,IE as ch,LE as ci,ec as cj,dd as ck,IB as cl,UB as cm,c5 as cn,Ql as co,sy as cp,aE as cq,HR as cr,L3 as cs,$R as ct,Yg as cu,Bz as cv,xh as cw,Nm as cx,zR as cy,qz as cz,ba as d,Rk as e,mi as f,RC as g,s7 as h,jH as i,b as j,tk as k,Et as l,cf as m,ek as n,hn as o,Xe as p,sh as q,g as r,cI as s,St as t,So as u,n7 as v,ss as w,o7 as x,$e as y,ND as z};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/index-GOIG67wS.js b/apps/edr-freight-web/backoffice/public/_um/assets/index-GOIG67wS.js
new file mode 100644
index 000000000..92cc6ff2e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/index-GOIG67wS.js
@@ -0,0 +1,7 @@
+import{y as be,r as c,az as me,k as ue,v as s,j as e,aS as Ce,I as ve,t as P,l as X,w as Y,m as fe,u as we,n as he,o as ge,f as Ne,aA as Se,aB as Me,B as te,aC as Pe,aD as Ae,aE as Z,b6 as Te,d as ke,L as De}from"./index-Db-xuq0b.js";import{A as Ee}from"./AdvancedTable-CC9ioMU-.js";import{C as Le,a as Ie,b as Be,d as qe}from"./card-BBWyxDss.js";import{u as se,p as ye}from"./usePositionTypes-BW1bd5Uk.js";import{A as ne,h as pe,a as ae,b as oe,c as ie,d as re,e as le,f as ce,g as de}from"./alert-dialog-B5Y0wlSz.js";import{u as ze}from"./useSettings-BtSYqn9W.js";import{S as V,a as $,b as _,c as G,d as F}from"./select-BoQxM42A.js";import{L as ee}from"./label-CsFy6wpo.js";import{B as Ke}from"./badge-D7JvaQeJ.js";import{S as Ue}from"./search-CM5F2ZRy.js";import{S as He}from"./switch-BNCD27Bd.js";import{E as Oe}from"./ellipsis-vertical-Cs1B3vez.js";import{S as Re}from"./square-pen-B91TPB19.js";import{E as Fe}from"./eye-Bhud4znU.js";import{f as xe}from"./format-DvwV82px.js";import{u as Qe}from"./useUnit-C4s9nepK.js";import{P as Ve}from"./plus-BdjS2Pc-.js";import"./table-D3n3VABd.js";import"./chevron-left-DCpEaNzo.js";import"./utils-BncSPdK1.js";import"./command-Cr0tMDDu.js";import"./popover-X-j_SRnG.js";import"./Popover-CzANYrEa.js";import"./use-uncontrolled-C3HRHW6t.js";import"./separator-BaOOgzZX.js";import"./refresh-cw-JB7N413f.js";import"./organizationService-DPKKJMFw.js";import"./Switch-DSHMk-sj.js";import"./InputsGroupFieldset-COkNgcEo.js";import"./en-US-Cc-9gH5A.js";import"./unitService-CmGVtFHQ.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const $e=[["path",{d:"M8 3 4 7l4 4",key:"9rb6wj"}],["path",{d:"M4 7h16",key:"6tx8e3"}],["path",{d:"m16 21 4-4-4-4",key:"siv7j2"}],["path",{d:"M20 17H4",key:"h6l3hr"}]],_e=be("arrow-left-right",$e),Ge=({isOpen:n,onClose:u,fromId:j,fromName:b,toId:g,toName:d,unitId:K,positionTypeOptions:v=[]})=>{var q,z;const[m,N]=c.useState([]),[C,a]=c.useState(""),[i,w]=c.useState(1),S=20,[r,A]=c.useState(j||""),[l,U]=c.useState(g||""),{updatePositionTypeFromTo:H,migratePositionsByPositions:L}=se(),{allScopedDepartments:y}=ze(),I=me(),{handleError:O}=ue(s),M=c.useMemo(()=>{const t=[...v],f=(x,J)=>{x&&(t?.some(W=>W.value===x)||t.push({value:x,label:J||x}))};return f(j,b),f(g,d),t},[v,j,b,g,d]),T=((q=M.find(t=>t.value===r))==null?void 0:q.label)||b||r,k=((z=M.find(t=>t.value===l))==null?void 0:z.label)||d||l,R=()=>{A(l),U(r)},E=c.useMemo(()=>Array.isArray(y)?y?.map(t=>({id:t.id,name:I(t.name)||"N/A"})):[],[y,I]),D=c.useMemo(()=>C.trim()?E.filter(t=>t.name.toLowerCase().includes(C.toLowerCase())):E,[E,C]),p=t=>{const{scrollTop:f,scrollHeight:x,clientHeight:J}=t.currentTarget;f+J>=x-5&&i*S<D.length&&w(W=>W+1)},B=t=>{m.includes(t)||(N(f=>[...f,t]),a(""),w(1))},Q=t=>{N(f=>f.filter(x=>x!==t))},o=()=>{if(!r||!l){P.error(s("migration.selectBothPositionTypes"));return}H.mutate({toId:l,fromId:r},{onSuccess:()=>{P.success(s("migration.allPositionsMigratedSuccess")),u()},onError:t=>{O(t)}})},h=()=>{if(!r||!l){P.error(s("migration.selectBothPositionTypes"));return}if(m.length===0){P.error(s("migration.selectAtLeastOnePosition"));return}L.mutate({id:l,data:{positionIds:m}},{onSuccess:()=>{P.success(s("migration.selectedPositionsMigratedSuccess",{count:m.length})),u()},onError:t=>{O(t)}})};return n?e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50",children:e.jsxs("div",{className:"bg-white rounded-lg shadow-lg w-[500px] max-h-[80vh] overflow-y-auto p-6",children:[e.jsx("h2",{className:"text-lg font-semibold mb-4",children:s("migration.title")}),M.length>0&&e.jsxs("div",{className:"mb-4 flex items-end gap-2",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx(ee,{className:"text-sm font-medium",children:s("migration.fromPositionType")}),e.jsxs(V,{value:r,onValueChange:A,children:[e.jsx($,{className:"w-full mt-1",children:e.jsx(_,{placeholder:s("migration.selectSourcePositionType")})}),e.jsx(G,{children:M.filter(t=>t.value!==l)?.map(t=>e.jsx(F,{value:t.value,children:t.label},t.value))})]})]}),e.jsx("button",{type:"button",onClick:R,disabled:!r&&!l,title:s("migration.swap")||"Swap","aria-label":s("migration.swap")||"Swap from and to",className:"mb-0.5 p-2 rounded border border-gray-300 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed",children:e.jsx(_e,{className:"h-4 w-4 text-gray-600"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx(ee,{className:"text-sm font-medium",children:s("migration.toPositionType")}),e.jsxs(V,{value:l,onValueChange:U,children:[e.jsx($,{className:"w-full mt-1",children:e.jsx(_,{placeholder:s("migration.selectTargetPositionType")})}),e.jsx(G,{children:M.filter(t=>t.value!==r)?.map(t=>e.jsx(F,{value:t.value,children:t.label},t.value))})]})]})]}),r&&l&&e.jsxs("p",{className:"mb-4 p-3 bg-blue-50 rounded border border-blue-200",children:[e.jsxs("span",{className:"text-sm text-gray-600",children:[s("migration.migrationPath"),":"]}),e.jsx("br",{}),e.jsx("strong",{className:"text-blue-700",children:T}),e.jsx("span",{className:"mx-2",children:"→"}),e.jsx("strong",{className:"text-primary-700",children:k})]}),e.jsx("div",{className:"mb-4",children:e.jsxs(ne,{children:[e.jsx(pe,{asChild:!0,children:e.jsx("button",{className:"w-full bg-primary-600 text-white px-4 py-2 rounded hover:bg-primary-700 transition disabled:opacity-50 disabled:cursor-not-allowed",disabled:H.isPending||!r||!l,children:s("migration.migrateAllPositions")})}),e.jsxs(ae,{children:[e.jsxs(oe,{children:[e.jsx(ie,{children:s("migration.confirmMigration")}),e.jsx(re,{children:s("migration.migrateAllDescription",{fromName:T,toName:k})})]}),e.jsxs(le,{children:[e.jsx(ce,{children:s("common.Cancel")}),e.jsx(de,{onClick:o,className:"bg-primary-600 hover:bg-primary-700",children:s("migration.yesMigrateAll")})]})]})]})}),e.jsxs("div",{children:[e.jsx(ee,{className:"mb-2 font-medium",children:s("migration.migrateSelectedPositions")}),m.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2 mb-3 p-2 border rounded bg-gray-50",children:m?.map(t=>{const f=E.find(x=>x.id===t);return e.jsxs(Ke,{variant:"secondary",className:"flex items-center gap-1",children:[(f==null?void 0:f.name)||t,e.jsx(Ce,{className:"h-3 w-3 cursor-pointer hover:text-red-600",onClick:()=>Q(t)})]},t)})}),e.jsxs(V,{onValueChange:B,children:[e.jsx($,{children:e.jsx(_,{placeholder:s("migration.selectPositionsToMigrate")})}),e.jsxs(G,{style:{maxHeight:"300px",overflowY:"auto"},onScroll:p,children:[e.jsx("div",{className:"sticky top-0 z-10 bg-background p-2 border-b",children:e.jsxs("div",{className:"relative",children:[e.jsx(Ue,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4"}),e.jsx(ve,{type:"text",placeholder:s("migration.searchPositions"),value:C,onChange:t=>{t.stopPropagation(),a(t.target.value),w(1)},onClick:t=>t.stopPropagation(),className:"pl-10 h-9 text-sm"})]})}),D.length>0?D.slice(0,i*S)?.map(t=>e.jsx(F,{value:t.id,disabled:m.includes(t.id),children:e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsx("span",{children:t.name}),m.includes(t.id)&&e.jsxs("span",{className:"text-xs text-primary-600 ml-2",children:["✓ ",s("migration.selected")]})]})},t.id)):e.jsx("div",{className:"text-center py-4 text-sm text-muted-foreground",children:C?s("migration.noPositionsFound"):s("migration.noPositionsAvailable")})]})]}),e.jsxs(ne,{children:[e.jsx(pe,{asChild:!0,children:e.jsx("button",{className:"w-full mt-3 bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition disabled:opacity-50 disabled:cursor-not-allowed",disabled:L.isPending||m.length===0||!r||!l,children:s("migration.migrateSelectedButton",{count:m.length})})}),e.jsxs(ae,{children:[e.jsxs(oe,{children:[e.jsx(ie,{children:s("migration.confirmSelectedMigration")}),e.jsx(re,{children:s("migration.migrateSelectedDescription",{count:m.length,fromName:T,toName:k})})]}),e.jsxs(le,{children:[e.jsx(ce,{children:s("common.Cancel")}),e.jsx(de,{onClick:h,className:"bg-blue-600 hover:bg-blue-700",children:s("common.Confirm")})]})]})]})]}),e.jsx("button",{className:"mt-4 text-gray-500 hover:underline",onClick:u,children:s("common.Cancel")})]})}):null},Xe=async n=>X.get(`/position-type-configurations/list/${n}`,{headers:Y()}),Ye=async n=>X.get(`/position-type-configurations/${n}`,{headers:Y()}),Je=async n=>X.post("/position-type-configurations",n,{headers:Y()}),We=async(n,u)=>X.put(`/position-type-configurations/${n}`,u,{headers:Y()}),je=n=>{const u=fe(),{t:j}=we(),{handleError:b}=ue(j),{data:g,isLoading:d,isError:K,refetch:v}=he({queryKey:["positionTypeConfigurations",n],queryFn:async()=>(await Xe(n)).data,enabled:!!n}),m=a=>he({queryKey:["positionTypeConfiguration",a],queryFn:async()=>(await Ye(a)).data,enabled:!!a}),N=ge({mutationFn:async a=>(await Je(a)).data,onSuccess:()=>{u.invalidateQueries({queryKey:["positionTypeConfigurations",n]})},onError:a=>{b(a)}}),C=ge({mutationFn:async({id:a,payload:i})=>(await We(a,i)).data,onSuccess:()=>{u.invalidateQueries({queryKey:["positionTypeConfigurations",n]})},onError:a=>{b(a)}});return{configurations:(g==null?void 0:g.items)||[],totalConfigurations:(g==null?void 0:g.count)||0,isLoadingConfigurations:d,isConfigurationsError:K,refetchConfigurations:v,getConfigurationById:m,createConfiguration:N.mutateAsync,isCreatingConfiguration:N.isPending,updateConfiguration:C.mutateAsync,isUpdatingConfiguration:C.isPending}},Ze=({row:n,globalPositionTypes:u,onDelete:j,onToggle:b,isGlobal:g=!1})=>{const d=Ne(),[K,v]=c.useState(!1),[m,N]=c.useState(!1),[C,a]=c.useState(!1),[i,w]=c.useState(!1),S=me(),{handleError:r}=ue(s),A=fe(),{configurations:l,isLoadingConfigurations:U,updateConfiguration:H,isUpdatingConfiguration:L}=je((n==null?void 0:n.id)??null),y=l[0],I=(y==null?void 0:y.canReceiveRecord)??!1,O=(u==null?void 0:u.items.filter(p=>!p.unitId)?.map(p=>({label:S(p.name),value:p.id})))||[],M=!!n.unitId,T=()=>{d(`/user-management/position-management/edit/${n.id}`)},k=p=>{p.preventDefault(),v(!1),N(!0)},R=async()=>{try{w(!0),await ye.delete(n.id),P.success(s("common.DeletedSuccessfully")),a(!1),j&&await j()}catch(p){r(p),P.error(s("common.FailedToDelete"))}finally{w(!1)}},E=async p=>{if(!g)try{y!=null&&y.id?(await H({id:y.id,payload:{organizationId:y.organizationId,positionTypeId:y.positionTypeId,canReceiveRecord:p,timeframe:y.timeframe}}),P.success(s("incomingRecord.UpdatedSuccessfully")),A.invalidateQueries({queryKey:["positionTypeConfigurations",n.id]}),A.invalidateQueries({queryKey:["positionTypeConfiguration",n.id]})):(await(b==null?void 0:b(n.id,p)),P.success(s("incomingRecord.UpdatedSuccessfully")),A.invalidateQueries({queryKey:["positionTypeConfigurations",n.id]}),A.invalidateQueries({queryKey:["positionTypeConfiguration",n.id]}))}catch(B){r(B),P.error(s("incomingRecord.FailedToUpdate"))}},D="name"in n?n.name:{am:"",en:""};return e.jsxs(e.Fragment,{children:[e.jsxs(Se,{open:K,onOpenChange:v,children:[e.jsx(Me,{asChild:!0,children:e.jsxs(te,{variant:"ghost",className:"h-8 w-8 p-0",children:[e.jsx(Oe,{className:"h-4 w-4"}),e.jsx("span",{className:"sr-only",children:"Open actions menu"})]})}),e.jsxs(Pe,{align:"end",onInteractOutside:p=>{p.target.closest('[role="dialog"]')||v(!1)},children:[e.jsx(Ae,{children:"Actions"}),M&&e.jsxs(Z,{onSelect:k,className:"cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200",children:[e.jsx(Re,{className:"mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200"}),e.jsxs("span",{children:[" ",s("common.Migrate")]})]}),e.jsxs(Z,{onSelect:T,className:"cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200",children:[e.jsx(Fe,{className:"mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200"}),e.jsx("span",{children:s("common.View")})]}),M&&e.jsxs(Z,{onSelect:()=>{v(!1),a(!0)},className:"cursor-pointer hover:!text-red-500 !bg-transparent !transition-colors duration-200",children:[e.jsx(Te,{className:"mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200"}),e.jsx("span",{children:s("common.Delete")})]}),!g&&e.jsx("div",{className:"px-2 py-2 border-t mt-1",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm",children:s("contentManagement.CanReceiveRecord")}),e.jsx(He,{checked:I,disabled:U||L,onCheckedChange:E})]})})]})]}),m&&e.jsx(Ge,{isOpen:m,onClose:()=>{N(!1)},toId:n.id,toName:S(D),positionTypeOptions:O}),e.jsx(ne,{open:C,onOpenChange:a,children:e.jsxs(ae,{children:[e.jsxs(oe,{children:[e.jsx(ie,{children:s("common.ConfirmDelete")}),e.jsx(re,{children:s("common.DeleteConfirmationMessage",{defaultValue:`Are you sure you want to delete "${S(D)}"? This action cannot be undone.`})})]}),e.jsxs(le,{children:[e.jsx(ce,{children:s("common.Cancel")}),e.jsx(de,{onClick:R,disabled:i,className:"bg-red-500 hover:bg-red-600",children:i?s("common.Deleting"):s("common.Delete")})]})]})})]})},et=({name:n})=>{const u=me();return e.jsx("span",{children:u(n)})},tt=(n,u,j,b,g)=>[{accessorKey:"name",header:()=>s("contentManagement.permissionName"),cell:({row:d})=>e.jsx(et,{name:d.original.name})},{accessorKey:"key",header:()=>s("contentManagement.key"),cell:({row:d})=>e.jsx("span",{children:d.original.key})},{accessorKey:"createdAt",header:()=>s("contentManagement.createdAt"),cell:({row:d})=>e.jsx("span",{children:xe(new Date(d.original.createdAt),"MMM d, yyyy HH:mm")})},{accessorKey:"updatedAt",header:()=>s("contentManagement.updatedAt"),cell:({row:d})=>e.jsx("span",{children:xe(new Date(d.original.updatedAt),"MMM d, yyyy HH:mm")})},{id:"actions",header:()=>s("userRecord.Actions"),cell:({row:d})=>e.jsx(Ze,{row:d.original,globalPositionTypes:u,onDelete:j,onToggle:b,isGlobal:g})}];function st(){var D,p,B,Q;const[n,u]=c.useState(0),j=10,[b,g]=c.useState(!1),[d,K]=c.useState(""),{createConfiguration:v}=je(),{user:m}=ke(),{getList:N}=Qe(),C=(p=(D=m==null?void 0:m.employee)==null?void 0:D[0])==null?void 0:p.organizationId,{data:a}=N(C??"",{take:300,skip:0}),[i,w]=c.useState("All");c.useEffect(()=>{var o,h;i||((h=(o=a==null?void 0:a.data)==null?void 0:o.items)!=null&&h.length?w(a.data.items[0].id):w("All"))},[a,i]),c.useEffect(()=>{u(0)},[d,i]);const S=o=>{u(o)},{positionTypeResponse:r,isLoading:A,positionTypeByUnitId:l,refetch:U,refetchPosition:H}=se({params:{take:1e3,skip:0,orderBy:"updatedAt:DESC"},unitId:i==="All"?void 0:i}),{positionTypeResponse:L,refetch:y}=se({params:{take:1e3,skip:0,orderBy:"updatedAt:DESC"},unitId:void 0}),I=async()=>{await Promise.all([i==="All"?U():H(),y()])},O=async(o,h)=>{!i||i==="All"||(await v({positionTypeId:o,timeframe:"yearly",organizationId:C}),await I())},M=c.useMemo(()=>tt(i==="All"?r:l,L,I,O,i==="All"),[i,r,l,L]),T=c.useMemo(()=>(i==="All"?r==null?void 0:r.items:l==null?void 0:l.items)||[],[i,r==null?void 0:r.items,l==null?void 0:l.items]),k=c.useMemo(()=>{const o=d.trim().toLowerCase();return o?T.filter(h=>{var f,x;const q=(((f=h==null?void 0:h.name)==null?void 0:f.en)||"").toLowerCase(),z=(((x=h==null?void 0:h.name)==null?void 0:x.am)||"").toLowerCase(),t=((h==null?void 0:h.key)||"").toLowerCase();return q.includes(o)||z.includes(o)||t.includes(o)}):T},[T,d]),R=c.useMemo(()=>{const o=n*j;return k.slice(o,o+j)},[k,n,j]);if(A)return e.jsx("div",{children:s("contentManagement.addUser")});const E=()=>{g(!0),ye.getAll({take:3e3}).then(o=>{var q,z;const h=(z=(q=o.data)==null?void 0:q.items)==null?void 0:z?.map(t=>t.key);if(h&&h.length>0){const t=h.join(`
+`),f=new Blob([t],{type:"text/plain"}),x=document.createElement("a");x.href=URL.createObjectURL(f),x.download="position_keys.txt",x.click(),URL.revokeObjectURL(x.href)}g(!1)})};return e.jsx("div",{className:"p-6 space-y-6",children:e.jsxs(Le,{className:"col-span-2 shadow-none border-none bg-transparent px-0",children:[e.jsxs(Ie,{className:"flex flex-row justify-between items-center px-0",children:[e.jsx(Be,{className:"text-xl font-semibold ",children:s("contentManagement.permissionType")}),e.jsx(te,{onClick:E,children:b?s("contentManagement.exporting"):s("contentManagement.exportTypes")})]}),((Q=(B=a==null?void 0:a.data)==null?void 0:B.items)==null?void 0:Q.length)>0&&e.jsxs("div",{className:"mb-4 w-1/2",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-700",children:"Select Unit"}),e.jsxs(V,{value:i,onValueChange:o=>w(o),children:[e.jsx($,{className:"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm",children:e.jsx(_,{placeholder:"Select a Unit"})}),e.jsxs(G,{children:[e.jsx(F,{value:"All",children:"All"},"all"),a==null?void 0:a.data.items?.map(o=>e.jsx(F,{value:o.id,children:o.name.en||o.name.am},o.id))]})]})]}),e.jsx(qe,{className:"px-0",children:e.jsx(Ee,{columns:M,data:R,tableName:"Positions",toolBarPosition:"right",itemCount:k.length,onGlobalFilterChange:K,extraToolbar:e.jsx(De,{to:"/user-management/position-management/new",children:e.jsxs(te,{className:"px-5 py-2 rounded-md text-sm font-medium shadow-md",children:[e.jsx(Ve,{className:"w-4 h-4 mr-2"}),s("contentManagement.newPermission")]})}),pageIndex:n,onPageChange:S,nextFunction:()=>S(n+1),prevFunction:()=>S(Math.max(n-1,0))})})]})})}const It=()=>e.jsxs("div",{className:"p-6",children:[e.jsx("h2",{className:"text-2xl font-bold mb-4",children:s("contentManagement.permissionManagement")}),e.jsx(st,{})]});export{It as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/index.esm-BG4gweZJ.js b/apps/edr-freight-web/backoffice/public/_um/assets/index.esm-BG4gweZJ.js
new file mode 100644
index 000000000..09e46a50b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/index.esm-BG4gweZJ.js
@@ -0,0 +1 @@
+import{R as m}from"./index-Db-xuq0b.js";var _e=e=>e.type==="checkbox",le=e=>e instanceof Date,H=e=>e==null;const vt=e=>typeof e=="object";var T=e=>!H(e)&&!Array.isArray(e)&&vt(e)&&!le(e),Ue=e=>T(e)&&e.target?_e(e.target)?e.target.checked:e.target.value:e,mt=(e,s)=>s.split(".")?.some((t,a,u)=>!isNaN(Number(t))&&e.has(u.slice(0,a).join("."))),Vt=e=>{const s=e.constructor&&e.constructor.prototype;return T(s)&&s.hasOwnProperty("isPrototypeOf")},we=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function I(e){if(e instanceof Date)return new Date(e);const s=typeof FileList<"u"&&e instanceof FileList;if(we&&(e instanceof Blob||s))return e;const t=Array.isArray(e);if(!t&&!(T(e)&&Vt(e)))return e;const a=t?[]:Object.create(Object.getPrototypeOf(e));for(const u in e)Object.prototype.hasOwnProperty.call(e,u)&&(a[u]=I(e[u]));return a}const ie={BLUR:"blur",FOCUS_OUT:"focusout",CHANGE:"change",SUBMIT:"submit",TRIGGER:"trigger",VALID:"valid"},ee={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},j={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"},Te="form",bt="root",Ft=["__proto__","constructor","prototype"];var ve=e=>/^\w*$/.test(e),O=e=>e===void 0,ke=e=>e.split(/[.[\]'"]/g).filter(Boolean),y=(e,s,t)=>{if(!s||!T(e))return t;const a=ve(s)?[s]:ke(s);if(a?.some(l=>Ft.includes(l)))return t;const u=a.reduce((l,o)=>H(l)?void 0:l[o],e);return O(u)||u===e?O(e[s])?t:e[s]:u},K=e=>typeof e=="boolean",G=e=>typeof e=="function",R=(e,s,t)=>{let a=-1;const u=ve(s)?[s]:ke(s),l=u.length,o=l-1;for(;++a<l;){const f=u[a];let k=t;if(a!==o){const S=e[f];k=T(S)||Array.isArray(S)?S:isNaN(+u[a+1])?{}:[]}if(Ft.includes(f))return;e[f]=k,e=e[f]}};const Be=m.createContext(null);Be.displayName="HookFormControlContext";const pe=()=>m.useContext(Be);var At=(e,s,t,a=!0)=>{const u={};for(const l in e)Object.defineProperty(u,l,{get:()=>{const o=l;return s._proxyFormState[o]!==ee.all&&(s._proxyFormState[o]=!a||ee.all),t&&(t[o]=!0),e[o]}});return u};const We=we?m.useLayoutEffect:m.useEffect;function pt(e){const s=pe(),{control:t=s,disabled:a,name:u,exact:l}=e||{},[o,f]=m.useState(()=>({...t._formState,defaultValues:t._defaultValues})),k=m.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return We(()=>t._subscribe({name:u,formState:k.current,exact:l,callback:S=>{!a&&f({...t._formState,...S,defaultValues:t._defaultValues})}}),[u,a,l]),m.useEffect(()=>{k.current.isValid&&t._setValid(!0)},[t]),m.useMemo(()=>At(o,t,k.current,!1),[o,t])}var Y=e=>typeof e=="string",Le=(e,s,t,a,u)=>Y(e)?(a&&s.watch.add(e),y(t,e,u)):Array.isArray(e)?e?.map(l=>(a&&s.watch.add(l),y(t,l))):(a&&(s.watchAll=!0),t),Me=e=>H(e)||!vt(e);const it=(e,s)=>s.length===0&&!Array.isArray(e)&&!Vt(e);function z(e,s,t=new WeakSet){if(e===s)return!0;if(Me(e)||Me(s))return Object.is(e,s);if(le(e)&&le(s))return Object.is(e.getTime(),s.getTime());const a=Object.keys(e),u=Object.keys(s);if(a.length!==u.length)return!1;if(it(e,a)||it(s,u))return Object.is(e,s);if(t.has(e)||t.has(s))return!0;t.add(e),t.add(s);for(const l of a){const o=e[l];if(!(l in s))return!1;if(l!=="ref"){const f=s[l];if(le(o)&&le(f)||(T(o)||Array.isArray(o))&&(T(f)||Array.isArray(f))?!z(o,f,t):!Object.is(o,f))return!1}}return!0}function Wt(e){const s=pe(),{control:t=s,name:a,defaultValue:u,disabled:l,exact:o,compute:f}=e||{},k=m.useRef(u),S=m.useRef(f),$=m.useRef(void 0),V=m.useRef(t),F=m.useRef(a);S.current=f;const[v,W]=m.useState(()=>{const C=t._getWatch(a,k.current);return S.current?S.current(C):C}),N=m.useCallback(C=>{const D=Le(a,t._names,C||t._formValues,!1,k.current);return S.current?S.current(D):D},[t._formValues,t._names,a]),U=m.useCallback(C=>{if(!l){const D=Le(a,t._names,C||t._formValues,!1,k.current);if(S.current){const te=S.current(D);z(te,$.current)||(W(te),$.current=te)}else W(D)}},[t._formValues,t._names,l,a]);We(()=>((V.current!==t||!z(F.current,a))&&(V.current=t,F.current=a,U()),t._subscribe({name:a,formState:{values:!0},exact:o,callback:C=>{U(C.values)}})),[t,o,a,U]),m.useEffect(()=>t._removeUnmounted());const L=V.current!==t,b=F.current,E=m.useMemo(()=>{if(l)return null;const C=!L&&!z(b,a);return L||C?N():null},[l,L,a,b,N]);return E!==null?E:v}function qt(e){const s=pe(),{name:t,disabled:a,control:u=s,shouldUnregister:l,defaultValue:o,exact:f=!0}=e,k=mt(u._names.array,t),S=m.useMemo(()=>y(u._formValues,t,y(u._defaultValues,t,o)),[u,t,o]),$=Wt({control:u,name:t,defaultValue:S,exact:f}),V=pt({control:u,name:t,exact:f}),F=m.useRef(e),v=m.useRef(u.register(t,{...e.rules,value:$,...K(e.disabled)?{disabled:e.disabled}:{}}));F.current=e;const W=m.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!y(V.errors,t)},isDirty:{enumerable:!0,get:()=>!!y(V.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!y(V.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!y(V.validatingFields,t)},error:{enumerable:!0,get:()=>y(V.errors,t)}}),[V,t]),N=m.useCallback(E=>{const C=Ue(E);y(u._fields,t)||(v.current=u.register(t,{...F.current.rules,value:C})),v.current.onChange({target:{value:Ue(E),name:t},type:ie.CHANGE})},[t,u]),U=m.useCallback(()=>v.current.onBlur({target:{value:y(u._formValues,t),name:t},type:ie.BLUR}),[t,u._formValues]),L=m.useCallback(E=>{const C=y(u._fields,t);C&&C._f&&E&&(C._f.ref={focus:()=>G(E.focus)&&E.focus(),select:()=>G(E.select)&&E.select(),setCustomValidity:D=>G(E.setCustomValidity)&&E.setCustomValidity(D),reportValidity:()=>G(E.reportValidity)&&E.reportValidity()})},[u._fields,t]),b=m.useMemo(()=>({name:t,value:$,...K(a)||V.disabled?{disabled:V.disabled||a}:{},onChange:N,onBlur:U,ref:L}),[t,a,V.disabled,N,U,L,$]);return m.useEffect(()=>{const E=u._options.shouldUnregister||l;u.register(t,{...F.current.rules,...K(F.current.disabled)?{disabled:F.current.disabled}:{}});const C=(D,te)=>{const re=y(u._fields,D);re&&re._f&&(re._f.mount=te)};if(C(t,!0),E){const D=I(y(l?u._defaultValues:u._options.values||u._defaultValues,t,y(u._options.defaultValues,t,F.current.defaultValue)));R(u._defaultValues,t,D),O(y(u._formValues,t))&&R(u._formValues,t,D)}return!k&&u.register(t),()=>{(k?E&&!u._state.action:E)?u.unregister(t):C(t,!1)}},[t,u,k,l]),m.useEffect(()=>{u._setDisabledField({disabled:a,name:t})},[a,t,u]),m.useMemo(()=>({field:b,formState:V,fieldState:W}),[b,V,W])}const nr=e=>e.render(qt(e)),qe=m.createContext(null);qe.displayName="HookFormContext";const lr=()=>m.useContext(qe),ur=({children:e,watch:s,getValues:t,getFieldState:a,setError:u,clearErrors:l,setValue:o,setValues:f,trigger:k,formState:S,resetField:$,reset:V,handleSubmit:F,unregister:v,control:W,register:N,setFocus:U,subscribe:L})=>{const b=m.useMemo(()=>({watch:s,getValues:t,getFieldState:a,setError:u,clearErrors:l,setValue:o,setValues:f,trigger:k,formState:S,resetField:$,reset:V,handleSubmit:F,unregister:v,control:W,register:N,setFocus:U,subscribe:L}),[l,W,S,a,t,F,N,V,$,u,U,o,f,L,k,v,s]);return m.createElement(qe.Provider,{value:b},m.createElement(Be.Provider,{value:b.control},e))};var Ht=(e,s,t,a,u)=>s?{...t[e],types:{...t[e]&&t[e].types?t[e].types:{},[a]:u||!0}}:{},xt=e=>Array.isArray(e)?e.filter(Boolean):[],Ae=e=>Array.isArray(e)?e:[e],at=()=>{let e=[];return{get observers(){return e},next:u=>{for(const l of e)l.next&&l.next(u)},subscribe:u=>(e.push(u),{unsubscribe:()=>{e=e.filter(l=>l!==u)}}),unsubscribe:()=>{e=[]}}};function Dt(e,s){const t={};for(const a in e)if(e.hasOwnProperty(a)){const u=e[a],l=s[a];if(u&&T(u)&&l){const o=Dt(u,l);T(o)&&(t[a]=o)}else e[a]&&(t[a]=l)}return t}var q=e=>T(e)&&!Object.keys(e).length,He=e=>e.type==="file",xe=e=>{if(!we)return!1;const s=e?e.ownerDocument:0;return e instanceof(s&&s.defaultView?s.defaultView.HTMLElement:HTMLElement)},wt=e=>e.type==="select-multiple",Ge=e=>e.type==="radio",Gt=e=>Ge(e)||_e(e),Ne=e=>xe(e)&&e.isConnected;function Yt(e,s){const t=s.slice(0,-1).length;let a=0;for(;a<t;){if(H(e)){e=void 0;break}e=e[s[a]],a++}return e}function $t(e){for(const s in e)if(e.hasOwnProperty(s)&&!O(e[s]))return!1;return!0}function B(e,s){if(Y(s)&&Object.prototype.hasOwnProperty.call(e,s))return delete e[s],e;const t=Array.isArray(s)?s:ve(s)?[s]:ke(s),a=t.length===1?e:Yt(e,t),u=t.length-1,l=t[u];return a&&delete a[l],u!==0&&(T(a)&&q(a)||Array.isArray(a)&&$t(a))&&B(e,t.slice(0,-1)),e}var Kt=e=>{for(const s in e)if(G(e[s]))return!0;return!1};function kt(e){return Array.isArray(e)||T(e)&&!Kt(e)}function Ie(e,s={}){for(const t in e){const a=e[t];kt(a)?(s[t]=Array.isArray(a)?[]:{},Ie(a,s[t])):O(a)||(s[t]=!0)}return s}function Pe(e){if(e!==!1){if(e===!0)return!0;if(Array.isArray(e)){const s=e?.map(t=>Pe(t));return s?.some(t=>t!==void 0)?s:void 0}if(T(e)){const s={};for(const t in e){const a=Pe(e[t]);O(a)||(s[t]=a)}return Object.keys(s).length?s:void 0}}}function ne(e,s,t){t||(t=Ie(s));for(const a in e){const u=e[a];if(kt(u))O(s)||Me(t[a])?t[a]=Ie(u,Array.isArray(u)?[]:{}):ne(u,H(s)?{}:s[a],t[a]);else{const l=s[a];t[a]=!z(u,l)}}return Pe(t)||{}}const nt={value:!1,isValid:!1},lt={value:!0,isValid:!0};var Et=e=>{if(Array.isArray(e)){if(e.length>1){const s=e.filter(t=>t&&t.checked&&!t.disabled)?.map(t=>t.value);return{value:s,isValid:!!s.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!O(e[0].attributes.value)?O(e[0].value)||e[0].value===""?lt:{value:e[0].value,isValid:!0}:lt:nt}return nt},Ct=(e,{valueAsNumber:s,valueAsDate:t,setValueAs:a})=>O(e)?e:s?e===""?NaN:e&&+e:t&&Y(e)?new Date(e):a?a(e):e;const ut={isValid:!1,value:null};var Rt=e=>Array.isArray(e)?e.reduce((s,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:s,ut):ut;function ot(e){const s=e.ref;return He(s)?s.files:Ge(s)?Rt(e.refs).value:wt(s)?[...s.selectedOptions]?.map(({value:t})=>t):_e(s)?Et(e.refs).value:Ct(O(s.value)?e.ref.value:s.value,e)}var zt=(e,s,t,a)=>{const u={};for(const l of e){const o=y(s,l);o&&R(u,l,o._f)}return{criteriaMode:t,names:[...e],fields:u,shouldUseNativeValidation:a}},De=e=>e instanceof RegExp,he=e=>O(e)?e:De(e)?e.source:T(e)?De(e.value)?e.value.source:e.value:e,dt=e=>({isOnSubmit:!e||e===ee.onSubmit,isOnBlur:e===ee.onBlur,isOnChange:e===ee.onChange,isOnAll:e===ee.all,isOnTouch:e===ee.onTouched});const ft="AsyncFunction";var Jt=e=>!!e&&!!e.validate&&!!(G(e.validate)&&e.validate.constructor.name===ft||T(e.validate)&&Object.values(e.validate).find(s=>s.constructor.name===ft)),Qt=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),ct=(e,s,t)=>!t&&(s.watchAll||s.watch.has(e)||[...s.watch]?.some(a=>e.startsWith(`${a}.`)));const ge=(e,s,t,a)=>{for(const u of t||Object.keys(e)){const l=y(e,u);if(l){const{_f:o,...f}=l;if(o){if(o.refs&&o.refs[0]&&s(o.refs[0],u)&&!a)return!0;if(o.ref&&s(o.ref,o.name)&&!a)return!0;if(ge(f,s))break}else if(T(f)&&ge(f,s))break}}};function yt(e,s,t){const a=y(e,t);if(a||ve(t))return{error:a,name:t};const u=t.split(".");for(;u.length;){const l=u.join("."),o=y(s,l),f=y(e,l);if(o&&!Array.isArray(o)&&t!==l)return{name:t};if(f&&f.type)return{name:l,error:f};if(f&&f.root&&f.root.type)return{name:`${l}.root`,error:f.root};u.pop()}return{name:t}}var Xt=(e,s,t,a)=>{t(e);const{name:u,...l}=e;return q(l)||a&&Object.keys(l).length>=Object.keys(s).length||Object.keys(l).find(o=>s[o]===(!a||ee.all))},Zt=(e,s,t)=>!e||!s||e===s||Ae(e)?.some(a=>a&&(t?a===s:a.startsWith(s)||s.startsWith(a))),jt=(e,s,t,a,u)=>u.isOnAll?!1:!t&&u.isOnTouch?!(s||e):(t?a.isOnBlur:u.isOnBlur)?!e:(t?a.isOnChange:u.isOnChange)?e:!0,er=(e,s)=>!xt(y(e,s)).length&&B(e,s),ht=(e,s,t)=>{const a=y(e,t),u=Array.isArray(a)?a:[];return R(u,bt,s[t]),R(e,t,u),e};function gt(e,s,t="validate"){if(Y(e)||Array.isArray(e)&&e.every(Y)||K(e)&&!e)return{type:t,message:Y(e)?e:"",ref:s}}var de=e=>T(e)&&!De(e)?e:{value:e,message:""},_t=async(e,s,t,a,u,l)=>{const{ref:o,refs:f,required:k,maxLength:S,minLength:$,min:V,max:F,pattern:v,validate:W,name:N,valueAsNumber:U,mount:L}=e._f,b=y(t,N);if(!L||s.has(N))return{};const E=f?f[0]:o,C=w=>{u&&E.reportValidity&&(E.setCustomValidity(K(w)?"":w||""),E.reportValidity())},D={},te=Ge(o),re=_e(o),me=te||re,ue=(U||He(o))&&O(o.value)&&O(b)||xe(o)&&o.value===""||b===""||Array.isArray(b)&&!b.length,X=Ht.bind(null,N,a,D),Ve=(w,x,p,M=j.maxLength,J=j.minLength)=>{const se=w?x:p;D[N]={type:w?M:J,message:se,ref:o,...X(w?M:J,se)}};if(l?!Array.isArray(b)||!b.length:k&&(!me&&(ue||H(b))||K(b)&&!b||re&&!Et(f).isValid||te&&!Rt(f).isValid)){const{value:w,message:x}=Y(k)?{value:!!k,message:k}:de(k);if(w&&(D[N]={type:j.required,message:x,ref:E,...X(j.required,x)},!a))return C(x),D}if(!ue&&(!H(V)||!H(F))){let w,x;const p=de(F),M=de(V);if(!H(b)&&!isNaN(b)){const J=o.valueAsNumber||b&&+b;H(p.value)||(w=J>p.value),H(M.value)||(x=J<M.value)}else{const J=o.valueAsDate||new Date(b),se=be=>new Date(new Date().toDateString()+" "+be),oe=o.type=="time",fe=o.type=="week";Y(p.value)&&b&&(w=oe?se(b)>se(p.value):fe?b>p.value:J>new Date(p.value)),Y(M.value)&&b&&(x=oe?se(b)<se(M.value):fe?b<M.value:J<new Date(M.value))}if((w||x)&&(Ve(!!w,p.message,M.message,j.max,j.min),!a))return C(D[N].message),D}if((S||$)&&!ue&&(Y(b)||l&&Array.isArray(b))){const w=de(S),x=de($),p=!H(w.value)&&b.length>+w.value,M=!H(x.value)&&b.length<+x.value;if((p||M)&&(Ve(p,w.message,x.message),!a))return C(D[N].message),D}if(v&&!ue&&Y(b)){const{value:w,message:x}=de(v);if(De(w)&&!b.match(w)&&(D[N]={type:j.pattern,message:x,ref:o,...X(j.pattern,x)},!a))return C(x),D}if(W){if(G(W)){const w=await W(b,t),x=gt(w,E);if(x&&(D[N]={...x,...X(j.validate,x.message)},!a))return C(x.message),D}else if(T(W)){let w={};for(const x in W){if(!q(w)&&!a)break;const p=gt(await W[x](b,t),E,x);p&&(w={...p,...X(x,p.message)},C(p.message),a&&(D[N]=w))}if(!q(w)&&(D[N]={ref:E,...w},!a))return D}}return C(!0),D};const tr={mode:ee.onSubmit,reValidateMode:ee.onChange,shouldFocusError:!0},St={submitCount:0,isDirty:!1,isReady:!1,isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{}};function rr(e={}){let s={...tr,...e},t={...I(St),isLoading:G(s.defaultValues),errors:s.errors||{},disabled:s.disabled||!1},a={},u=T(s.defaultValues)||T(s.values)?I(s.defaultValues||s.values)||{}:{},l=s.shouldUnregister?{}:I(u),o={action:!1,mount:!1,watch:!1,keepIsValid:!1},f={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set,registerName:new Set},k,S=0;const $={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},V={...$};let F={...V};const v={array:at(),state:at()},W=s.criteriaMode===ee.all,N=r=>i=>{clearTimeout(S),S=setTimeout(r,i)},U=async r=>{if(!o.keepIsValid&&!s.disabled&&(V.isValid||F.isValid||r)){let i;s.resolver?(i=q((await X()).errors),L()):i=await x({fields:a,onlyCheckValid:!0,eventType:ie.VALID}),i!==t.isValid&&v.state.next({isValid:i})}},L=(r,i)=>{!s.disabled&&(V.isValidating||V.validatingFields||F.isValidating||F.validatingFields)&&((r||Array.from(f.mount)).forEach(n=>{n&&(i?R(t.validatingFields,n,i):B(t.validatingFields,n))}),v.state.next({validatingFields:t.validatingFields,isValidating:!q(t.validatingFields)}))},b=()=>{t.dirtyFields=ne(u,l)},E=(r,i=[],n,d,h=!0,g=!0)=>{if(d&&n&&!s.disabled){if(o.action=!0,g&&Array.isArray(y(a,r))){const c=n(y(a,r),d.argA,d.argB);h&&R(a,r,c)}if(g&&Array.isArray(y(t.errors,r))){const c=n(y(t.errors,r),d.argA,d.argB);h&&R(t.errors,r,c),er(t.errors,r)}if((V.touchedFields||F.touchedFields)&&g&&Array.isArray(y(t.touchedFields,r))){const c=n(y(t.touchedFields,r),d.argA,d.argB);h&&R(t.touchedFields,r,c)}(V.dirtyFields||F.dirtyFields)&&b(),v.state.next({name:r,isDirty:M(r,i),dirtyFields:t.dirtyFields,errors:t.errors,isValid:t.isValid})}else R(l,r,i)},C=(r,i)=>{R(t.errors,r,i),v.state.next({errors:t.errors})},D=r=>{t.errors=r,v.state.next({errors:t.errors,isValid:!1})},te=r=>{const i=ve(r)?[r]:ke(r);let n=l,d=u;for(let h=0;h<i.length-1;h++){const g=i[h];if(n=H(n)?n:n[g],d=H(d)?d:d[g],n===null&&d!==null)return!0}return!1},re=(r,i,n,d)=>{const h=y(a,r);if(h){if(te(r))return;const g=O(y(l,r)),c=y(l,r,O(n)?y(u,r):n);O(c)||d&&d.defaultChecked||i?R(l,r,i?c:ot(h._f)):oe(r,c),o.mount&&!o.action&&(U(),g&&t.isDirty&&(V.isDirty||F.isDirty)&&(M()||(t.isDirty=!1,v.state.next({...t}))))}},me=(r,i,n,d,h)=>{let g=!1,c=!1;const _={name:r};if(!s.disabled){if(!n||d){(V.isDirty||F.isDirty)&&(c=t.isDirty,t.isDirty=_.isDirty=M(),g=c!==_.isDirty);const A=z(y(u,r),i);c=!!y(t.dirtyFields,r),A!==t.isDirty?t.dirtyFields=ne(u,l):A?B(t.dirtyFields,r):R(t.dirtyFields,r,!0),_.dirtyFields=t.dirtyFields,g=g||(V.dirtyFields||F.dirtyFields)&&c!==!A}if(n){const A=y(t.touchedFields,r);A||(R(t.touchedFields,r,n),_.touchedFields=t.touchedFields,g=g||(V.touchedFields||F.touchedFields)&&A!==n)}g&&h&&v.state.next(_)}return g?_:{}},ue=(r,i,n,d)=>{const h=y(t.errors,r),g=(V.isValid||F.isValid)&&K(i)&&t.isValid!==i;if(s.delayError&&n?(k=N(()=>C(r,n)),k(s.delayError)):(clearTimeout(S),k=null,n?R(t.errors,r,n):B(t.errors,r)),(n?!z(h,n):h)||!q(d)||g){const c={...d,...g&&K(i)?{isValid:i}:{},errors:t.errors,name:r};t={...t,...c},v.state.next(c)}},X=async r=>(L(r,!0),await s.resolver(l,s.context,zt(r||f.mount,a,s.criteriaMode,s.shouldUseNativeValidation))),Ve=async r=>{const{errors:i}=await X(r);if(L(r),r)for(const n of r){const d=y(i,n);d?f.array.has(n)&&T(d)&&!Object.keys(d)?.some(h=>!Number.isNaN(Number(h)))?ht(t.errors,{[n]:d},n):R(t.errors,n,d):B(t.errors,n)}else t.errors=i;return i},w=async({name:r,eventType:i})=>{if(e.validate){const n=await e.validate({formValues:l,formState:t,name:r,eventType:i});if(T(n))for(const d in n){const h=n[d];h&&Fe(`${Te}.${d}`,{message:Y(h.message)?h.message:"",type:h.type||j.validate})}else Y(n)||!n?Fe(Te,{message:n||"",type:j.validate}):Je(Te);return n}return!0},x=async({fields:r,onlyCheckValid:i,name:n,eventType:d,context:h={valid:!0,runRootValidation:!1}})=>{if(e.validate&&(h.runRootValidation=!0,!await w({name:n,eventType:d})&&(h.valid=!1,i)))return h.valid;for(const g in r){const c=r[g];if(c){const{_f:_,...A}=c;if(_){const P=f.array.has(_.name),Q=c._f&&Jt(c._f),Z=V.validatingFields||V.isValidating||F.validatingFields||F.isValidating;Q&&Z&&L([_.name],!0);const ae=await _t(c,f.disabled,l,W,s.shouldUseNativeValidation&&!i,P);if(Q&&Z&&L([_.name]),ae[_.name]&&(h.valid=!1,i)||(!i&&(y(ae,_.name)?P?ht(t.errors,ae,_.name):R(t.errors,_.name,ae[_.name]):B(t.errors,_.name)),e.shouldUseNativeValidation&&ae[_.name]))break}!q(A)&&await x({context:h,onlyCheckValid:i,fields:A,name:g,eventType:d})}}return h.valid},p=()=>{for(const r of f.unMount){const i=y(a,r);i&&(i._f.refs?i._f.refs.every(n=>!Ne(n)):!Ne(i._f.ref))&&Ce(r)}f.unMount=new Set},M=(r,i)=>!s.disabled&&(r&&i&&R(l,r,i),!z(Ke(),u)),J=(r,i,n)=>Le(r,f,{...o.mount?l:O(i)?u:Y(r)?{[r]:i}:i},n,i),se=r=>xt(y(o.mount?l:u,r,s.shouldUnregister?y(u,r,[]):[])),oe=(r,i,n={},d=!1)=>{const h=y(a,r);let g=i;if(h){const c=h._f;c&&(!c.disabled&&R(l,r,Ct(i,c)),g=xe(c.ref)&&H(i)?"":i,wt(c.ref)?[...c.ref.options].forEach(_=>_.selected=g.includes(_.value)):c.refs?_e(c.ref)?c.refs.forEach(_=>{(!_.defaultChecked||!_.disabled)&&(Array.isArray(g)?_.checked=!!g.find(A=>A===_.value):_.checked=g===_.value||!!g)}):c.refs.forEach(_=>_.checked=_.value===g):He(c.ref)?c.ref.value="":(c.ref.value=g,c.ref.type||v.state.next({name:r,values:d?l:I(l)})))}(n.shouldDirty||n.shouldTouch)&&me(r,g,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&Ee(r)},fe=(r,i,n,d=!1)=>{for(const h in i){if(!i.hasOwnProperty(h))return;const g=i[h],c=r+"."+h,_=y(a,c);(f.array.has(r)||T(g)||_&&!_._f)&&!le(g)?fe(c,g,n,d):oe(c,g,n,d)}},be=(r,i,n,d)=>{const h=y(a,r),g=f.array.has(r),c=d?i:I(i),_=y(l,r),A=z(_,c);if(A||R(l,r,c),g)v.array.next({name:r,values:d?l:I(l)}),(V.isDirty||V.dirtyFields||F.isDirty||F.dirtyFields)&&n.shouldDirty&&(b(),v.state.next({name:r,dirtyFields:t.dirtyFields,isDirty:M(r,c)}));else{const P=Array.isArray(c)&&!c.length||q(c);!h||h._f||H(c)||P?oe(r,c,n,d):fe(r,c,n,d)}if(!A){const P=ct(r,f),Q=d?l:I(l);v.state.next({...P&&t,name:o.mount||P?r:void 0,values:Q})}},ce=(r,i,n={})=>be(r,i,n,!1),Ot=(r,i={})=>{const n=G(r)?r(l):r;if(!z(l,n)){l={...l,...n};for(const d of f.mount)be(d,y(n,d),i,!0);v.state.next({...t,name:void 0,type:void 0,values:l}),i.shouldValidate&&U()}},Ye=async r=>{o.mount=!0;const i=r.target;let n=i.name,d=!0;const h=y(a,n),g=A=>{d=Number.isNaN(A)||le(A)&&isNaN(A.getTime())||z(A,y(l,n,A))},c=dt(s.mode),_=dt(s.reValidateMode);if(h){let A,P;const Q=i.type?ot(h._f):Ue(r),Z=r.type===ie.BLUR||r.type===ie.FOCUS_OUT,ae=!Qt(h._f)&&!e.validate&&!s.resolver&&!y(t.errors,n)&&!h._f.deps||jt(Z,y(t.touchedFields,n),t.isSubmitted,_,c),Oe=ct(n,f,Z);R(l,n,Q),Z?(!i||!i.readOnly)&&(h._f.onBlur&&h._f.onBlur(r),k&&k(0)):h._f.onChange&&h._f.onChange(r);const ye=me(n,Q,Z),Pt=!q(ye)||Oe;if(!Z&&v.state.next({name:n,type:r.type,values:I(l)}),ae)return(V.isValid||F.isValid)&&(s.mode==="onBlur"?Z&&U():Z||U()),Pt&&v.state.next({name:n,...Oe?{}:ye});if(!s.resolver&&e.validate&&await w({name:n,eventType:r.type}),!Z&&Oe&&v.state.next({...t}),s.resolver){const{errors:rt}=await X([n]);if(L([n]),g(Q),!d){!q(ye)&&v.state.next(ye);return}const Bt=yt(t.errors,a,n),st=yt(rt,a,Bt.name||n);A=st.error,n=st.name,P=q(rt)}else L([n],!0),A=(await _t(h,f.disabled,l,W,s.shouldUseNativeValidation))[n],L([n]),g(Q),d&&(A?P=!1:(V.isValid||F.isValid)&&(P=await x({fields:a,onlyCheckValid:!0,name:n,eventType:r.type})));d&&(h._f.deps&&(!Array.isArray(h._f.deps)||h._f.deps.length>0)&&Ee(h._f.deps),ue(n,P,A,ye))}},$e=(r,i)=>{if(y(t.errors,i)&&r.focus)return r.focus(),1},Ee=async(r,i={})=>{let n,d;const h=Ae(r);if(s.resolver){const g=await Ve(O(r)?r:h);n=q(g),d=r?!h?.some(c=>y(g,c)):n}else r?(d=(await Promise.all(h?.map(async g=>{const c=y(a,g);return await x({fields:c&&c._f?{[g]:c}:c,eventType:ie.TRIGGER})}))).every(Boolean),!(!d&&!t.isValid)&&U()):d=n=await x({fields:a,name:r,eventType:ie.TRIGGER});return v.state.next({...!Y(r)||(V.isValid||F.isValid)&&n!==t.isValid?{}:{name:r},...s.resolver||!r?{isValid:n}:{},errors:t.errors}),i.shouldFocus&&!d&&ge(a,$e,r?h:f.mount),d},Ke=(r,i)=>{let n={...o.mount?l:u};return i&&(n=Dt(i.dirtyFields?t.dirtyFields:t.touchedFields,n)),O(r)?n:Y(r)?y(n,r):r?.map(d=>y(n,d))},ze=(r,i)=>({invalid:!!y((i||t).errors,r),isDirty:!!y((i||t).dirtyFields,r),error:y((i||t).errors,r),isValidating:!!y(t.validatingFields,r),isTouched:!!y((i||t).touchedFields,r)}),Je=r=>{const i=r?Ae(r):void 0;i==null||i.forEach(n=>B(t.errors,n)),i?i.forEach(n=>{v.state.next({name:n,errors:t.errors})}):v.state.next({errors:{}})},Fe=(r,i,n)=>{const d=(y(a,r,{_f:{}})._f||{}).ref,h=y(t.errors,r)||{},{ref:g,message:c,type:_,...A}=h;R(t.errors,r,{...A,...i,ref:d}),v.state.next({name:r,errors:t.errors,isValid:!1}),n&&n.shouldFocus&&d&&d.focus&&d.focus()},Tt=(r,i)=>G(r)?v.state.subscribe({next:n=>"values"in n&&r(n.values||J(void 0,i),n)}):J(r,i,!0),Qe=r=>v.state.subscribe({next:i=>{if(Zt(r.name,i.name,r.exact)&&Xt(i,r.formState||V,It,r.reRenderRoot)){const n={...l};r.callback({values:n,...t,...i,defaultValues:u})}}}).unsubscribe,Nt=r=>(o.mount=!0,F={...F,...r.formState},Qe({...r,formState:{...$,...r.formState}})),Ce=(r,i={})=>{for(const n of r?Ae(r):f.mount)f.mount.delete(n),f.array.delete(n),i.keepValue||(B(a,n),B(l,n)),!i.keepError&&B(t.errors,n),!i.keepDirty&&B(t.dirtyFields,n),!i.keepTouched&&B(t.touchedFields,n),!i.keepIsValidating&&B(t.validatingFields,n),!s.shouldUnregister&&!i.keepDefaultValue&&B(u,n);v.state.next({values:I(l)}),v.state.next({...t,...i.keepDirty?{isDirty:M()}:{}}),!i.keepIsValid&&U()},Xe=({disabled:r,name:i})=>{if(K(r)&&o.mount||r||f.disabled.has(i)){const h=f.disabled.has(i)!==!!r;r?f.disabled.add(i):f.disabled.delete(i),h&&o.mount&&!o.action&&U()}},Re=(r,i={})=>{let n=y(a,r);const d=K(i.disabled)||K(s.disabled),h=!f.registerName.has(r)&&n&&n._f&&!n._f.mount;return R(a,r,{...n||{},_f:{...n&&n._f?n._f:{ref:{name:r}},name:r,mount:!0,...i}}),f.mount.add(r),n&&!h?Xe({disabled:K(i.disabled)?i.disabled:s.disabled,name:r}):re(r,!0,i.value),{...d?{disabled:i.disabled||s.disabled}:{},...s.progressive?{required:!!i.required,min:he(i.min),max:he(i.max),minLength:he(i.minLength),maxLength:he(i.maxLength),pattern:he(i.pattern)}:{},name:r,onChange:Ye,onBlur:Ye,ref:g=>{if(g){f.registerName.add(r),Re(r,i),f.registerName.delete(r),n=y(a,r);const c=O(g.value)&&g.querySelectorAll&&g.querySelectorAll("input,select,textarea")[0]||g,_=Gt(c),A=n._f.refs||[];if(_?A.find(P=>P===c):c===n._f.ref)return;R(a,r,{_f:{...n._f,..._?{refs:[...A.filter(Ne),c,...Array.isArray(y(u,r))?[{}]:[]],ref:{type:c.type,name:r}}:{ref:c}}}),re(r,!1,void 0,c)}else n=y(a,r,{}),n._f&&(n._f.mount=!1),(s.shouldUnregister||i.shouldUnregister)&&!(mt(f.array,r)&&o.action)&&f.unMount.add(r)}}},Se=()=>s.shouldFocusError&&!s.shouldUseNativeValidation&&ge(a,$e,f.mount),Ut=r=>{K(r)&&(v.state.next({disabled:r}),ge(a,(i,n)=>{const d=y(a,n);d&&(i.disabled=d._f.disabled||r,Array.isArray(d._f.refs)&&d._f.refs.forEach(h=>{h.disabled=d._f.disabled||r}))},0,!1))},Ze=(r,i)=>async n=>{let d;n&&(n.preventDefault&&n.preventDefault(),n.persist&&n.persist());let h=I(l);if(v.state.next({isSubmitting:!0}),s.resolver){const{errors:g,values:c}=await X();L(),t.errors=g,h=I(c)}else await x({fields:a,eventType:ie.SUBMIT});if(f.disabled.size)for(const g of f.disabled)B(h,g);if(B(t.errors,bt),q(t.errors)){v.state.next({errors:{}});try{await r(h,n)}catch(g){d=g}}else i&&await i({...t.errors},n),Se(),setTimeout(Se);if(v.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:q(t.errors)&&!d,submitCount:t.submitCount+1,errors:t.errors}),d)throw d},Lt=(r,i={})=>{y(a,r)&&(O(i.defaultValue)?ce(r,I(y(u,r))):(ce(r,i.defaultValue),R(u,r,I(i.defaultValue))),i.keepTouched||B(t.touchedFields,r),i.keepDirty||(B(t.dirtyFields,r),t.isDirty=i.defaultValue?M(r,I(y(u,r))):M()),i.keepError||(B(t.errors,r),V.isValid&&U()),v.state.next({...t}))},je=(r,i={})=>{const n=r?I(r):u,d=I(n),h=q(r),g=d;if(i.keepDefaultValues||(u=n),!i.keepValues){if(i.keepDirtyValues){const c=new Set([...f.mount,...Object.keys(ne(u,l))]);for(const _ of Array.from(c)){const A=y(t.dirtyFields,_),P=y(l,_),Q=y(g,_);A&&!O(P)?R(g,_,P):!A&&!O(Q)&&ce(_,Q)}}else{if(we&&O(r))for(const c of f.mount){const _=y(a,c);if(_&&_._f){const A=Array.isArray(_._f.refs)?_._f.refs[0]:_._f.ref;if(xe(A)){const P=A.closest("form");if(P){P.reset();break}}}}if(i.keepFieldsRef)for(const c of f.mount)ce(c,y(g,c));else a={}}if(s.shouldUnregister){if(l=i.keepDefaultValues?I(u):{},i.keepFieldsRef)for(const c of f.mount)R(l,c,y(g,c))}else l=I(g);v.array.next({values:{...g}}),v.state.next({values:{...g}})}f={mount:i.keepDirtyValues?f.mount:new Set,unMount:new Set,array:new Set,registerName:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},o.mount=!V.isValid||!!i.keepIsValid||!!i.keepDirtyValues||!s.shouldUnregister&&!q(g),o.watch=!!s.shouldUnregister,o.keepIsValid=!!i.keepIsValid,o.action=!1,i.keepErrors||(t.errors={}),v.state.next({submitCount:i.keepSubmitCount?t.submitCount:0,isDirty:h?!1:i.keepDirty?t.isDirty:i.keepValues?M():!!(i.keepDefaultValues&&!z(r,u)),isSubmitted:i.keepIsSubmitted?t.isSubmitted:!1,dirtyFields:h?{}:i.keepDirtyValues?i.keepDefaultValues&&l?ne(u,l):t.dirtyFields:i.keepDefaultValues&&r?ne(u,r):i.keepDirty?t.dirtyFields:{},touchedFields:i.keepTouched?t.touchedFields:{},errors:i.keepErrors?t.errors:{},isSubmitSuccessful:i.keepIsSubmitSuccessful?t.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:u})},et=(r,i)=>je(G(r)?r(l):r,{...s.resetOptions,...i}),Mt=(r,i={})=>{const n=y(a,r),d=n&&n._f;if(d){const h=d.refs?d.refs[0]:d.ref;h.focus&&setTimeout(()=>{h.focus(),i.shouldSelect&&G(h.select)&&h.select()})}},It=r=>{t={...t,...r}},tt={control:{register:Re,unregister:Ce,getFieldState:ze,handleSubmit:Ze,setError:Fe,_subscribe:Qe,_runSchema:X,_updateIsValidating:L,_focusError:Se,_getWatch:J,_getDirty:M,_setValid:U,_setFieldArray:E,_setDisabledField:Xe,_setErrors:D,_getFieldArray:se,_reset:je,_resetDefaultValues:()=>G(s.defaultValues)&&s.defaultValues().then(r=>{et(r,s.resetOptions),v.state.next({isLoading:!1})}),_removeUnmounted:p,_disableForm:Ut,_subjects:v,_proxyFormState:V,get _fields(){return a},get _formValues(){return l},get _state(){return o},set _state(r){o=r},get _defaultValues(){return u},get _names(){return f},set _names(r){f=r},get _formState(){return t},get _options(){return s},set _options(r){s={...s,...r}}},subscribe:Nt,trigger:Ee,register:Re,handleSubmit:Ze,watch:Tt,setValue:ce,setValues:Ot,getValues:Ke,reset:et,resetField:Lt,resetDefaultValues:(r,i={})=>{if(u=I(r),!i.keepDirty){const n=ne(u,l);t.dirtyFields=n,t.isDirty=!q(n)}i.keepIsValid||U(),v.state.next({...t,defaultValues:u})},clearErrors:Je,unregister:Ce,setError:Fe,setFocus:Mt,getFieldState:ze};return{...tt,formControl:tt}}function or(e={}){const s=m.useRef(void 0),t=m.useRef(void 0),[a,u]=m.useState(()=>({...I(St),isLoading:G(e.defaultValues),errors:e.errors||{},disabled:e.disabled||!1,defaultValues:G(e.defaultValues)?void 0:e.defaultValues}));if(!s.current)if(e.formControl)s.current={...e.formControl,formState:a},e.defaultValues&&!G(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{const{formControl:o,...f}=rr(e);s.current={...f,formState:a}}const l=s.current.control;return l._options=e,We(()=>{const o=l._subscribe({formState:l._proxyFormState,callback:()=>u({...l._formState,defaultValues:l._defaultValues}),reRenderRoot:!0});return u(f=>({...f,isReady:!0})),l._formState.isReady=!0,o},[l]),m.useEffect(()=>l._disableForm(e.disabled),[l,e.disabled]),m.useEffect(()=>{e.mode&&(l._options.mode=e.mode),e.reValidateMode&&(l._options.reValidateMode=e.reValidateMode)},[l,e.mode,e.reValidateMode]),m.useEffect(()=>{e.errors&&(l._setErrors(e.errors),l._focusError())},[l,e.errors]),m.useEffect(()=>{e.shouldUnregister&&l._subjects.state.next({values:l._getWatch()})},[l,e.shouldUnregister]),m.useEffect(()=>{if(l._proxyFormState.isDirty){const o=l._getDirty();o!==a.isDirty&&l._subjects.state.next({isDirty:o})}},[l,a.isDirty]),m.useEffect(()=>{var o;e.values&&!z(e.values,t.current)?(l._reset(e.values,{keepFieldsRef:!0,...l._options.resetOptions}),!((o=l._options.resetOptions)===null||o===void 0)&&o.keepIsValid||l._setValid(),t.current=e.values,u(f=>({...f}))):l._resetDefaultValues()},[l,e.values]),m.useEffect(()=>{l._state.mount||(l._setValid(),l._state.mount=!0),l._state.watch&&(l._state.watch=!1,l._subjects.state.next({...l._formState})),l._removeUnmounted()}),s.current.formState=m.useMemo(()=>At(a,l),[l,a]),s.current}export{nr as C,ur as F,Ht as a,lr as b,pt as c,y as g,R as s,or as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/label-CsFy6wpo.js b/apps/edr-freight-web/backoffice/public/_um/assets/label-CsFy6wpo.js
new file mode 100644
index 000000000..cae7fdbb8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/label-CsFy6wpo.js
@@ -0,0 +1 @@
+import{j as t,b8 as o}from"./index-Db-xuq0b.js";function n({className:e,...a}){return t.jsx("label",{"data-slot":"label",className:o("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...a})}export{n as L};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/loader-mVRAFg0f.js b/apps/edr-freight-web/backoffice/public/_um/assets/loader-mVRAFg0f.js
new file mode 100644
index 000000000..5f8473e1f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/loader-mVRAFg0f.js
@@ -0,0 +1,6 @@
+import{y as a}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m16.2 7.8 2.9-2.9",key:"r700ao"}],["path",{d:"M18 12h4",key:"wj9ykh"}],["path",{d:"m16.2 16.2 2.9 2.9",key:"1bxg5t"}],["path",{d:"M12 18v4",key:"jadmvz"}],["path",{d:"m4.9 19.1 2.9-2.9",key:"bwix9q"}],["path",{d:"M2 12h4",key:"j09sii"}],["path",{d:"m4.9 4.9 2.9 2.9",key:"giyufr"}]],d=a("loader",e);export{d as L};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/lock-BCybB-Lq.js b/apps/edr-freight-web/backoffice/public/_um/assets/lock-BCybB-Lq.js
new file mode 100644
index 000000000..6462540d0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/lock-BCybB-Lq.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]],t=e("lock",o);export{t as L};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/mail-bwr0seHR.js b/apps/edr-freight-web/backoffice/public/_um/assets/mail-bwr0seHR.js
new file mode 100644
index 000000000..f1e1f2510
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/mail-bwr0seHR.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]],a=e("mail",o);export{a as M};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/message-square-BPZTcbJs.js b/apps/edr-freight-web/backoffice/public/_um/assets/message-square-BPZTcbJs.js
new file mode 100644
index 000000000..d0973b6f5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/message-square-BPZTcbJs.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const a=[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}]],o=e("message-square",a);export{o as M};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/multi-select-C9K8HXhI.js b/apps/edr-freight-web/backoffice/public/_um/assets/multi-select-C9K8HXhI.js
new file mode 100644
index 000000000..2baf93b88
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/multi-select-C9K8HXhI.js
@@ -0,0 +1 @@
+import{r as i,j as e,B as T,aS as b,v as o,aI as v,b8 as g,aP as w}from"./index-Db-xuq0b.js";import{S as _}from"./separator-BaOOgzZX.js";import{P as N,a as k,b as S}from"./popover-X-j_SRnG.js";import{C as F,a as V,b as G,c as W,d as C,e as u,f as X}from"./command-Cr0tMDDu.js";const P=l=>l.normalize("NFKC").toLocaleLowerCase().replace(/\s+/g," ").trim(),$=i.forwardRef(({options:l=[],onValueChange:m,variant:q,defaultValue:I=[],placeholder:E="Select options",animation:H=0,maxCount:d=3,modalPopover:D=!1,asChild:J=!1,className:A,value:x,...O},K)=>{const[a,c]=i.useState(x||I),[B,p]=i.useState(!1),[Q,U]=i.useState(!1),[M,h]=i.useState(!1);i.useEffect(()=>{x!==void 0&&c(x)},[x]);const z=s=>{if(s.key==="Enter")p(!0);else if(s.key==="Backspace"&&!s.currentTarget.value){const r=[...a];r.pop(),c(r),m(r)}},L=s=>{const r=a.includes(s)?a.filter(t=>t!==s):[...a,s];c(r),m(r)},j=(s,r)=>{r.stopPropagation();const t=a.filter(n=>n!==s);c(t),m(t)},y=s=>{s.stopPropagation(),c([]),m([])},R=()=>{if(a.length===l.length)y(new MouseEvent("click"));else{const s=l?.map(r=>r.value);c(s),m(s)}};return e.jsxs(N,{open:B,onOpenChange:p,modal:D,children:[e.jsx(k,{asChild:!0,children:e.jsx(T,{ref:K,...O,className:g("flex w-full p-2 rounded-md border min-h-10 h-auto items-center justify-between bg-background hover:bg-background/90 [&_svg]:pointer-events-auto",A),children:a.length>0?e.jsxs("div",{className:"flex justify-between items-center w-full",children:[e.jsxs("div",{className:"flex flex-wrap gap-1 items-center",children:[a.slice(0,d)?.map(s=>{const r=l.find(n=>n.value===s),t=r==null?void 0:r.icon;return e.jsxs("div",{className:"flex items-center gap-1 px-2 py-1 bg-primary/10 text-primary border border-primary/20 dark:bg-primary/20 dark:text-primary-foreground dark:border-primary/40 rounded-md",children:[t&&e.jsx(t,{className:"h-3 w-3 mr-1"}),e.jsx("span",{className:"max-w-[150px] truncate text-sm",children:r==null?void 0:r.label}),e.jsx(b,{className:"h-3.5 w-3.5 cursor-pointer text-primary dark:text-primary-foreground hover:text-red-600 ml-1",onClick:n=>j(s,n)})]},s)}),a.length>d&&e.jsxs(N,{open:M,onOpenChange:h,modal:!0,children:[e.jsx(k,{asChild:!0,children:e.jsx("div",{role:"button",tabIndex:0,onPointerDown:s=>s.stopPropagation(),onClick:s=>{s.stopPropagation(),h(r=>!r)},onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),s.stopPropagation(),h(r=>!r))},className:"flex items-center gap-1 px-2 py-1 bg-gray-100 text-gray-700 border border-gray-200 rounded-md cursor-pointer hover:bg-gray-200 transition-colors dark:bg-gray-700 dark:text-gray-200 dark:border-gray-600 dark:hover:bg-gray-600",title:o("msg.selectAll"),children:e.jsx("span",{className:"text-sm",children:`+ ${a.length-d} more`})})}),e.jsxs(S,{align:"start",className:"w-72 p-0",onPointerDown:s=>s.stopPropagation(),onClick:s=>s.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between border-b px-3 py-2",children:[e.jsx("span",{className:"text-xs font-semibold text-slate-700 dark:text-slate-200",children:o("ApprovalPage.Selected","Selected")}),e.jsx("span",{className:"rounded-full bg-primary/15 px-2 py-0.5 text-xs font-medium text-primary dark:bg-primary/30 dark:text-primary-foreground",children:a.length})]}),e.jsx("div",{className:"max-h-64 overflow-y-auto py-1",children:a.slice(d)?.map(s=>{const r=l.find(n=>n.value===s);if(!r)return null;const t=r.icon;return e.jsxs("div",{className:"flex items-center justify-between gap-2 px-3 py-1.5 hover:bg-slate-50 dark:hover:bg-slate-800",children:[e.jsxs("span",{className:"flex items-center gap-2 min-w-0",children:[t&&e.jsx(t,{className:"h-3.5 w-3.5 text-muted-foreground shrink-0"}),e.jsx("span",{className:"text-sm truncate",children:r.label})]}),e.jsx(b,{className:"h-3.5 w-3.5 cursor-pointer text-slate-500 dark:text-slate-400 hover:text-red-600 shrink-0",onClick:n=>j(s,n)})]},s)})})]})]})]}),e.jsx("div",{className:"flex items-center justify-between",children:e.jsx(v,{className:"h-4 mx-2 cursor-pointer text-muted-foreground"})})]}):e.jsxs("div",{className:"flex items-center justify-between w-full mx-auto",children:[e.jsx("span",{className:"text-sm text-muted-foreground mx-3",children:E}),e.jsx(v,{className:"h-4 cursor-pointer text-muted-foreground mx-2"})]})})}),e.jsx(S,{className:"w-auto p-0 max-w-[400px] dark:bg-gray-800 dark:border-gray-700",align:"start",onEscapeKeyDown:()=>p(!1),onWheel:s=>{s.stopPropagation()},children:e.jsxs(F,{filter:(s,r,t=[])=>{const n=P(r);return n?[s,...t]?.map(f=>P(f)).filter(Boolean)?.some(f=>f.includes(n))?1:0:1},children:[e.jsx(V,{placeholder:o("ApprovalPage.Search"),onKeyDown:z}),e.jsxs(G,{className:"max-h-[200px] overflow-y-auto custom-scrollbar scroll-container",children:[e.jsx(W,{children:o("common.noResult")}),e.jsxs(C,{children:[e.jsxs(u,{onSelect:R,className:"cursor-pointer",children:[e.jsx("div",{className:g("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",a.length===l.length?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:e.jsx(w,{className:"h-4 w-4"})}),e.jsxs("span",{children:["(",o("msg.selectAll"),")"]})]},"all"),l?.map(s=>{const r=a.includes(s.value);return e.jsxs(u,{value:s.label,keywords:[s.value,s.label],onSelect:()=>L(s.value),className:"cursor-pointer",children:[e.jsx("div",{className:g("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",r?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:e.jsx(w,{className:"h-4 w-4"})}),s.icon&&e.jsx(s.icon,{className:"mr-2 h-4 w-4 text-muted-foreground"}),e.jsx("span",{children:s.label})]},s.value)})]}),e.jsx(X,{}),e.jsx(C,{children:e.jsxs("div",{className:"flex items-center justify-between",children:[a.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(u,{onClick:y,className:"flex-1 justify-center cursor-pointer",children:o("userIncoming.Clear")}),e.jsx(_,{orientation:"vertical",className:"flex min-h-6 h-full"})]}),e.jsx(u,{onSelect:()=>p(!1),className:"flex-1 justify-center cursor-pointer max-w-full",children:o("complaint.close")})]})})]})]})})]})});$.displayName="MultiSelect";export{$ as M};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/organizationService-DPKKJMFw.js b/apps/edr-freight-web/backoffice/public/_um/assets/organizationService-DPKKJMFw.js
new file mode 100644
index 000000000..23288f66c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/organizationService-DPKKJMFw.js
@@ -0,0 +1,4 @@
+import{b$ as Zt,aU as en,l as Mt,w as Dt}from"./index-Db-xuq0b.js";var Te,Wr;function we(){return Wr||(Wr=1,Te=TypeError),Te}const rn={},tn=Object.freeze(Object.defineProperty({__proto__:null,default:rn},Symbol.toStringTag,{value:"Module"})),nn=Zt(tn);var Le,Gr;function Re(){if(Gr)return Le;Gr=1;var i={},p=typeof Map=="function"&&Map.prototype,y=Object.getOwnPropertyDescriptor&&p?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null,c=p&&y&&typeof y.get=="function"?y.get:null,x=p&&Map.prototype.forEach,b=typeof Set=="function"&&Set.prototype,I=Object.getOwnPropertyDescriptor&&b?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null,v=b&&I&&typeof I.get=="function"?I.get:null,O=b&&Set.prototype.forEach,h=typeof WeakMap=="function"&&WeakMap.prototype,s=h?WeakMap.prototype.has:null,g=typeof WeakSet=="function"&&WeakSet.prototype,F=g?WeakSet.prototype.has:null,E=typeof WeakRef=="function"&&WeakRef.prototype,n=E?WeakRef.prototype.deref:null,o=Boolean.prototype.valueOf,a=Object.prototype.toString,S=Function.prototype.toString,d=String.prototype.match,R=String.prototype.slice,M=String.prototype.replace,A=String.prototype.toUpperCase,w=String.prototype.toLowerCase,t=RegExp.prototype.test,l=Array.prototype.concat,f=Array.prototype.join,m=Array.prototype.slice,P=Math.floor,q=typeof BigInt=="function"?BigInt.prototype.valueOf:null,U=Object.getOwnPropertySymbols,C=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Symbol.prototype.toString:null,G=typeof Symbol=="function"&&typeof Symbol.iterator=="object",D=typeof Symbol=="function"&&Symbol.toStringTag&&(typeof Symbol.toStringTag===G||!0)?Symbol.toStringTag:null,H=Object.prototype.propertyIsEnumerable,u=(typeof Reflect=="function"?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(e){return e.__proto__}:null);function T(e,r){if(e===1/0||e===-1/0||e!==e||e&&e>-1e3&&e<1e3||t.call(/e/,r))return r;var N=/[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;if(typeof e=="number"){var B=e<0?-P(-e):P(e);if(B!==e){var W=String(B),_=R.call(r,W.length+1);return M.call(W,N,"$&_")+"."+M.call(M.call(_,/([0-9]{3})/g,"$&_"),/_$/,"")}}return M.call(r,N,"$&_")}var K=nn,ee=K.custom,fe=Q(ee)?ee:null,oe={__proto__:null,double:'"',single:"'"},ce={__proto__:null,double:/(["\\])/g,single:/(['\\])/g};Le=function e(r,N,B,W){var _=N||{};if(Y(_,"quoteStyle")&&!Y(oe,_.quoteStyle))throw new TypeError('option "quoteStyle" must be "single" or "double"');if(Y(_,"maxStringLength")&&(typeof _.maxStringLength=="number"?_.maxStringLength<0&&_.maxStringLength!==1/0:_.maxStringLength!==null))throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');var le=Y(_,"customInspect")?_.customInspect:!0;if(typeof le!="boolean"&&le!=="symbol")throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");if(Y(_,"indent")&&_.indent!==null&&_.indent!=="	"&&!(parseInt(_.indent,10)===_.indent&&_.indent>0))throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');if(Y(_,"numericSeparator")&&typeof _.numericSeparator!="boolean")throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');var pe=_.numericSeparator;if(typeof r>"u")return"undefined";if(r===null)return"null";if(typeof r=="boolean")return r?"true":"false";if(typeof r=="string")return Fr(r,_);if(typeof r=="number"){if(r===0)return 1/0/r>0?"0":"-0";var Z=String(r);return pe?T(r,Z):Z}if(typeof r=="bigint"){var ue=String(r)+"n";return pe?T(r,ue):ue}var _e=typeof _.depth>"u"?5:_.depth;if(typeof B>"u"&&(B=0),B>=_e&&_e>0&&typeof r=="object")return ie(r)?"[Array]":"[Object]";var me=Jt(_,B);if(typeof W>"u")W=[];else if(te(W,r)>=0)return"[Circular]";function ne(Se,Pe,Xt){if(Pe&&(W=m.call(W),W.push(Pe)),Xt){var Ur={depth:_.depth};return Y(_,"quoteStyle")&&(Ur.quoteStyle=_.quoteStyle),e(Se,Ur,B+1,W)}return e(Se,_,B+1,W)}if(typeof r=="function"&&!$(r)){var Dr=ye(r),$r=Ae(r,ne);return"[Function"+(Dr?": "+Dr:" (anonymous)")+"]"+($r.length>0?" { "+f.call($r,", ")+" }":"")}if(Q(r)){var Cr=G?M.call(String(r),/^(Symbol\(.*\))_[^)]*$/,"$1"):C.call(r);return typeof r=="object"&&!G?be(Cr):Cr}if(Qt(r)){for(var Oe="<"+w.call(String(r.nodeName)),Fe=r.attributes||[],Ee=0;Ee<Fe.length;Ee++)Oe+=" "+Fe[Ee].name+"="+ae(se(Fe[Ee].value),"double",_);return Oe+=">",r.childNodes&&r.childNodes.length&&(Oe+="..."),Oe+="</"+w.call(String(r.nodeName))+">",Oe}if(ie(r)){if(r.length===0)return"[]";var Me=Ae(r,ne);return me&&!jt(Me)?"["+qe(Me,me)+"]":"[ "+f.call(Me,", ")+" ]"}if(z(r)){var De=Ae(r,ne);return!("cause"in Error.prototype)&&"cause"in r&&!H.call(r,"cause")?"{ ["+String(r)+"] "+f.call(l.call("[cause]: "+ne(r.cause),De),", ")+" }":De.length===0?"["+String(r)+"]":"{ ["+String(r)+"] "+f.call(De,", ")+" }"}if(typeof r=="object"&&le){if(fe&&typeof r[fe]=="function"&&K)return K(r,{depth:_e-B});if(le!=="symbol"&&typeof r.inspect=="function")return r.inspect()}if(ve(r)){var Nr=[];return x&&x.call(r,function(Se,Pe){Nr.push(ne(Pe,r,!0)+" => "+ne(Se,r))}),Mr("Map",c.call(r),Nr,me)}if(kt(r)){var Tr=[];return O&&O.call(r,function(Se){Tr.push(ne(Se,r))}),Mr("Set",v.call(r),Tr,me)}if(he(r))return Ie("WeakMap");if(Kt(r))return Ie("WeakSet");if(ge(r))return Ie("WeakRef");if(k(r))return be(ne(Number(r)));if(j(r))return be(ne(q.call(r)));if(J(r))return be(o.call(r));if(L(r))return be(ne(String(r)));if(typeof window<"u"&&r===window)return"{ [object Window] }";if(typeof globalThis<"u"&&r===globalThis||typeof i<"u"&&r===i)return"{ [object globalThis] }";if(!V(r)&&!$(r)){var $e=Ae(r,ne),Lr=u?u(r)===Object.prototype:r instanceof Object||r.constructor===Object,Ce=r instanceof Object?"":"null prototype",Br=!Lr&&D&&Object(r)===r&&D in r?R.call(X(r),8,-1):Ce?"Object":"",Yt=Lr||typeof r.constructor!="function"?"":r.constructor.name?r.constructor.name+" ":"",Ne=Yt+(Br||Ce?"["+f.call(l.call([],Br||[],Ce||[]),": ")+"] ":"");return $e.length===0?Ne+"{}":me?Ne+"{"+qe($e,me)+"}":Ne+"{ "+f.call($e,", ")+" }"}return String(r)};function ae(e,r,N){var B=N.quoteStyle||r,W=oe[B];return W+e+W}function se(e){return M.call(String(e),/"/g,"&quot;")}function re(e){return!D||!(typeof e=="object"&&(D in e||typeof e[D]<"u"))}function ie(e){return X(e)==="[object Array]"&&re(e)}function V(e){return X(e)==="[object Date]"&&re(e)}function $(e){return X(e)==="[object RegExp]"&&re(e)}function z(e){return X(e)==="[object Error]"&&re(e)}function L(e){return X(e)==="[object String]"&&re(e)}function k(e){return X(e)==="[object Number]"&&re(e)}function J(e){return X(e)==="[object Boolean]"&&re(e)}function Q(e){if(G)return e&&typeof e=="object"&&e instanceof Symbol;if(typeof e=="symbol")return!0;if(!e||typeof e!="object"||!C)return!1;try{return C.call(e),!0}catch{}return!1}function j(e){if(!e||typeof e!="object"||!q)return!1;try{return q.call(e),!0}catch{}return!1}var de=Object.prototype.hasOwnProperty||function(e){return e in this};function Y(e,r){return de.call(e,r)}function X(e){return a.call(e)}function ye(e){if(e.name)return e.name;var r=d.call(S.call(e),/^function\s*([\w$]+)/);return r?r[1]:null}function te(e,r){if(e.indexOf)return e.indexOf(r);for(var N=0,B=e.length;N<B;N++)if(e[N]===r)return N;return-1}function ve(e){if(!c||!e||typeof e!="object")return!1;try{c.call(e);try{v.call(e)}catch{return!0}return e instanceof Map}catch{}return!1}function he(e){if(!s||!e||typeof e!="object")return!1;try{s.call(e,s);try{F.call(e,F)}catch{return!0}return e instanceof WeakMap}catch{}return!1}function ge(e){if(!n||!e||typeof e!="object")return!1;try{return n.call(e),!0}catch{}return!1}function kt(e){if(!v||!e||typeof e!="object")return!1;try{v.call(e);try{c.call(e)}catch{return!0}return e instanceof Set}catch{}return!1}function Kt(e){if(!F||!e||typeof e!="object")return!1;try{F.call(e,F);try{s.call(e,s)}catch{return!0}return e instanceof WeakSet}catch{}return!1}function Qt(e){return!e||typeof e!="object"?!1:typeof HTMLElement<"u"&&e instanceof HTMLElement?!0:typeof e.nodeName=="string"&&typeof e.getAttribute=="function"}function Fr(e,r){if(e.length>r.maxStringLength){var N=e.length-r.maxStringLength,B="... "+N+" more character"+(N>1?"s":"");return Fr(R.call(e,0,r.maxStringLength),r)+B}var W=ce[r.quoteStyle||"single"];W.lastIndex=0;var _=M.call(M.call(e,W,"\\$1"),/[\x00-\x1f]/g,Vt);return ae(_,"single",r)}function Vt(e){var r=e.charCodeAt(0),N={8:"b",9:"t",10:"n",12:"f",13:"r"}[r];return N?"\\"+N:"\\x"+(r<16?"0":"")+A.call(r.toString(16))}function be(e){return"Object("+e+")"}function Ie(e){return e+" { ? }"}function Mr(e,r,N,B){var W=B?qe(N,B):f.call(N,", ");return e+" ("+r+") {"+W+"}"}function jt(e){for(var r=0;r<e.length;r++)if(te(e[r],`
+`)>=0)return!1;return!0}function Jt(e,r){var N;if(e.indent==="	")N="	";else if(typeof e.indent=="number"&&e.indent>0)N=f.call(Array(e.indent+1)," ");else return null;return{base:N,prev:f.call(Array(r+1),N)}}function qe(e,r){if(e.length===0)return"";var N=`
+`+r.prev+r.base;return N+f.call(e,","+N)+`
+`+r.prev}function Ae(e,r){var N=ie(e),B=[];if(N){B.length=e.length;for(var W=0;W<e.length;W++)B[W]=Y(e,W)?r(e[W],e):""}var _=typeof U=="function"?U(e):[],le;if(G){le={};for(var pe=0;pe<_.length;pe++)le["$"+_[pe]]=_[pe]}for(var Z in e)Y(e,Z)&&(N&&String(Number(Z))===Z&&Z<e.length||G&&le["$"+Z]instanceof Symbol||(t.call(/[^\w$]/,Z)?B.push(r(Z,e)+": "+r(e[Z],e)):B.push(Z+": "+r(e[Z],e))));if(typeof U=="function")for(var ue=0;ue<_.length;ue++)H.call(e,_[ue])&&B.push("["+r(_[ue])+"]: "+r(e[_[ue]],e));return B}return Le}var Be,zr;function an(){if(zr)return Be;zr=1;var i=Re(),p=we(),y=function(v,O,h){for(var s=v,g;(g=s.next)!=null;s=g)if(g.key===O)return s.next=g.next,h||(g.next=v.next,v.next=g),g},c=function(v,O){if(v){var h=y(v,O);return h&&h.value}},x=function(v,O,h){var s=y(v,O);s?s.value=h:v.next={key:O,next:v.next,value:h}},b=function(v,O){return v?!!y(v,O):!1},I=function(v,O){if(v)return y(v,O,!0)};return Be=function(){var O,h={assert:function(s){if(!h.has(s))throw new p("Side channel does not contain "+i(s))},delete:function(s){var g=I(O,s);return g&&O&&!O.next&&(O=void 0),!!g},get:function(s){return c(O,s)},has:function(s){return b(O,s)},set:function(s,g){O||(O={next:void 0}),x(O,s,g)}};return h},Be}var Ue,Hr;function $t(){return Hr||(Hr=1,Ue=Object),Ue}var We,kr;function on(){return kr||(kr=1,We=Error),We}var Ge,Kr;function fn(){return Kr||(Kr=1,Ge=EvalError),Ge}var ze,Qr;function ln(){return Qr||(Qr=1,ze=RangeError),ze}var He,Vr;function un(){return Vr||(Vr=1,He=ReferenceError),He}var ke,jr;function cn(){return jr||(jr=1,ke=SyntaxError),ke}var Ke,Jr;function yn(){return Jr||(Jr=1,Ke=URIError),Ke}var Qe,Yr;function pn(){return Yr||(Yr=1,Qe=Math.abs),Qe}var Ve,Xr;function sn(){return Xr||(Xr=1,Ve=Math.floor),Ve}var je,Zr;function dn(){return Zr||(Zr=1,je=Math.max),je}var Je,et;function vn(){return et||(et=1,Je=Math.min),Je}var Ye,rt;function hn(){return rt||(rt=1,Ye=Math.pow),Ye}var Xe,tt;function gn(){return tt||(tt=1,Xe=Math.round),Xe}var Ze,nt;function mn(){return nt||(nt=1,Ze=Number.isNaN||function(p){return p!==p}),Ze}var er,at;function Sn(){if(at)return er;at=1;var i=mn();return er=function(y){return i(y)||y===0?y:y<0?-1:1},er}var rr,it;function wn(){return it||(it=1,rr=Object.getOwnPropertyDescriptor),rr}var tr,ot;function Ct(){if(ot)return tr;ot=1;var i=wn();if(i)try{i([],"length")}catch{i=null}return tr=i,tr}var nr,ft;function bn(){if(ft)return nr;ft=1;var i=Object.defineProperty||!1;if(i)try{i({},"a",{value:1})}catch{i=!1}return nr=i,nr}var ar,lt;function On(){return lt||(lt=1,ar=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var p={},y=Symbol("test"),c=Object(y);if(typeof y=="string"||Object.prototype.toString.call(y)!=="[object Symbol]"||Object.prototype.toString.call(c)!=="[object Symbol]")return!1;var x=42;p[y]=x;for(var b in p)return!1;if(typeof Object.keys=="function"&&Object.keys(p).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(p).length!==0)return!1;var I=Object.getOwnPropertySymbols(p);if(I.length!==1||I[0]!==y||!Object.prototype.propertyIsEnumerable.call(p,y))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var v=Object.getOwnPropertyDescriptor(p,y);if(v.value!==x||v.enumerable!==!0)return!1}return!0}),ar}var ir,ut;function An(){if(ut)return ir;ut=1;var i=typeof Symbol<"u"&&Symbol,p=On();return ir=function(){return typeof i!="function"||typeof Symbol!="function"||typeof i("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:p()},ir}var or,ct;function Nt(){return ct||(ct=1,or=typeof Reflect<"u"&&Reflect.getPrototypeOf||null),or}var fr,yt;function Tt(){if(yt)return fr;yt=1;var i=$t();return fr=i.getPrototypeOf||null,fr}var lr,pt;function En(){if(pt)return lr;pt=1;var i="Function.prototype.bind called on incompatible ",p=Object.prototype.toString,y=Math.max,c="[object Function]",x=function(O,h){for(var s=[],g=0;g<O.length;g+=1)s[g]=O[g];for(var F=0;F<h.length;F+=1)s[F+O.length]=h[F];return s},b=function(O,h){for(var s=[],g=h,F=0;g<O.length;g+=1,F+=1)s[F]=O[g];return s},I=function(v,O){for(var h="",s=0;s<v.length;s+=1)h+=v[s],s+1<v.length&&(h+=O);return h};return lr=function(O){var h=this;if(typeof h!="function"||p.apply(h)!==c)throw new TypeError(i+h);for(var s=b(arguments,1),g,F=function(){if(this instanceof g){var S=h.apply(this,x(s,arguments));return Object(S)===S?S:this}return h.apply(O,x(s,arguments))},E=y(0,h.length-s.length),n=[],o=0;o<E;o++)n[o]="$"+o;if(g=Function("binder","return function ("+I(n,",")+"){ return binder.apply(this,arguments); }")(F),h.prototype){var a=function(){};a.prototype=h.prototype,g.prototype=new a,a.prototype=null}return g},lr}var ur,st;function xe(){if(st)return ur;st=1;var i=En();return ur=Function.prototype.bind||i,ur}var cr,dt;function Ir(){return dt||(dt=1,cr=Function.prototype.call),cr}var yr,vt;function Lt(){return vt||(vt=1,yr=Function.prototype.apply),yr}var pr,ht;function Pn(){return ht||(ht=1,pr=typeof Reflect<"u"&&Reflect&&Reflect.apply),pr}var sr,gt;function Rn(){if(gt)return sr;gt=1;var i=xe(),p=Lt(),y=Ir(),c=Pn();return sr=c||i.call(y,p),sr}var dr,mt;function Bt(){if(mt)return dr;mt=1;var i=xe(),p=we(),y=Ir(),c=Rn();return dr=function(b){if(b.length<1||typeof b[0]!="function")throw new p("a function is required");return c(i,y,b)},dr}var vr,St;function xn(){if(St)return vr;St=1;var i=Bt(),p=Ct(),y;try{y=[].__proto__===Array.prototype}catch(I){if(!I||typeof I!="object"||!("code"in I)||I.code!=="ERR_PROTO_ACCESS")throw I}var c=!!y&&p&&p(Object.prototype,"__proto__"),x=Object,b=x.getPrototypeOf;return vr=c&&typeof c.get=="function"?i([c.get]):typeof b=="function"?function(v){return b(v==null?v:x(v))}:!1,vr}var hr,wt;function In(){if(wt)return hr;wt=1;var i=Nt(),p=Tt(),y=xn();return hr=i?function(x){return i(x)}:p?function(x){if(!x||typeof x!="object"&&typeof x!="function")throw new TypeError("getProto: not an object");return p(x)}:y?function(x){return y(x)}:null,hr}var gr,bt;function qn(){if(bt)return gr;bt=1;var i=Function.prototype.call,p=Object.prototype.hasOwnProperty,y=xe();return gr=y.call(i,p),gr}var mr,Ot;function qr(){if(Ot)return mr;Ot=1;var i,p=$t(),y=on(),c=fn(),x=ln(),b=un(),I=cn(),v=we(),O=yn(),h=pn(),s=sn(),g=dn(),F=vn(),E=hn(),n=gn(),o=Sn(),a=Function,S=function(V){try{return a('"use strict"; return ('+V+").constructor;")()}catch{}},d=Ct(),R=bn(),M=function(){throw new v},A=d?(function(){try{return arguments.callee,M}catch{try{return d(arguments,"callee").get}catch{return M}}})():M,w=An()(),t=In(),l=Tt(),f=Nt(),m=Lt(),P=Ir(),q={},U=typeof Uint8Array>"u"||!t?i:t(Uint8Array),C={__proto__:null,"%AggregateError%":typeof AggregateError>"u"?i:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?i:ArrayBuffer,"%ArrayIteratorPrototype%":w&&t?t([][Symbol.iterator]()):i,"%AsyncFromSyncIteratorPrototype%":i,"%AsyncFunction%":q,"%AsyncGenerator%":q,"%AsyncGeneratorFunction%":q,"%AsyncIteratorPrototype%":q,"%Atomics%":typeof Atomics>"u"?i:Atomics,"%BigInt%":typeof BigInt>"u"?i:BigInt,"%BigInt64Array%":typeof BigInt64Array>"u"?i:BigInt64Array,"%BigUint64Array%":typeof BigUint64Array>"u"?i:BigUint64Array,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?i:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":y,"%eval%":eval,"%EvalError%":c,"%Float16Array%":typeof Float16Array>"u"?i:Float16Array,"%Float32Array%":typeof Float32Array>"u"?i:Float32Array,"%Float64Array%":typeof Float64Array>"u"?i:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?i:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":q,"%Int8Array%":typeof Int8Array>"u"?i:Int8Array,"%Int16Array%":typeof Int16Array>"u"?i:Int16Array,"%Int32Array%":typeof Int32Array>"u"?i:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":w&&t?t(t([][Symbol.iterator]())):i,"%JSON%":typeof JSON=="object"?JSON:i,"%Map%":typeof Map>"u"?i:Map,"%MapIteratorPrototype%":typeof Map>"u"||!w||!t?i:t(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":p,"%Object.getOwnPropertyDescriptor%":d,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?i:Promise,"%Proxy%":typeof Proxy>"u"?i:Proxy,"%RangeError%":x,"%ReferenceError%":b,"%Reflect%":typeof Reflect>"u"?i:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?i:Set,"%SetIteratorPrototype%":typeof Set>"u"||!w||!t?i:t(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?i:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":w&&t?t(""[Symbol.iterator]()):i,"%Symbol%":w?Symbol:i,"%SyntaxError%":I,"%ThrowTypeError%":A,"%TypedArray%":U,"%TypeError%":v,"%Uint8Array%":typeof Uint8Array>"u"?i:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?i:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?i:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?i:Uint32Array,"%URIError%":O,"%WeakMap%":typeof WeakMap>"u"?i:WeakMap,"%WeakRef%":typeof WeakRef>"u"?i:WeakRef,"%WeakSet%":typeof WeakSet>"u"?i:WeakSet,"%Function.prototype.call%":P,"%Function.prototype.apply%":m,"%Object.defineProperty%":R,"%Object.getPrototypeOf%":l,"%Math.abs%":h,"%Math.floor%":s,"%Math.max%":g,"%Math.min%":F,"%Math.pow%":E,"%Math.round%":n,"%Math.sign%":o,"%Reflect.getPrototypeOf%":f};if(t)try{null.error}catch(V){var G=t(t(V));C["%Error.prototype%"]=G}var D=function V($){var z;if($==="%AsyncFunction%")z=S("async function () {}");else if($==="%GeneratorFunction%")z=S("function* () {}");else if($==="%AsyncGeneratorFunction%")z=S("async function* () {}");else if($==="%AsyncGenerator%"){var L=V("%AsyncGeneratorFunction%");L&&(z=L.prototype)}else if($==="%AsyncIteratorPrototype%"){var k=V("%AsyncGenerator%");k&&t&&(z=t(k.prototype))}return C[$]=z,z},H={__proto__:null,"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},u=xe(),T=qn(),K=u.call(P,Array.prototype.concat),ee=u.call(m,Array.prototype.splice),fe=u.call(P,String.prototype.replace),oe=u.call(P,String.prototype.slice),ce=u.call(P,RegExp.prototype.exec),ae=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,se=/\\(\\)?/g,re=function($){var z=oe($,0,1),L=oe($,-1);if(z==="%"&&L!=="%")throw new I("invalid intrinsic syntax, expected closing `%`");if(L==="%"&&z!=="%")throw new I("invalid intrinsic syntax, expected opening `%`");var k=[];return fe($,ae,function(J,Q,j,de){k[k.length]=j?fe(de,se,"$1"):Q||J}),k},ie=function($,z){var L=$,k;if(T(H,L)&&(k=H[L],L="%"+k[0]+"%"),T(C,L)){var J=C[L];if(J===q&&(J=D(L)),typeof J>"u"&&!z)throw new v("intrinsic "+$+" exists, but is not available. Please file an issue!");return{alias:k,name:L,value:J}}throw new I("intrinsic "+$+" does not exist!")};return mr=function($,z){if(typeof $!="string"||$.length===0)throw new v("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof z!="boolean")throw new v('"allowMissing" argument must be a boolean');if(ce(/^%?[^%]*%?$/,$)===null)throw new I("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var L=re($),k=L.length>0?L[0]:"",J=ie("%"+k+"%",z),Q=J.name,j=J.value,de=!1,Y=J.alias;Y&&(k=Y[0],ee(L,K([0,1],Y)));for(var X=1,ye=!0;X<L.length;X+=1){var te=L[X],ve=oe(te,0,1),he=oe(te,-1);if((ve==='"'||ve==="'"||ve==="`"||he==='"'||he==="'"||he==="`")&&ve!==he)throw new I("property names with quotes must have matching quotes");if((te==="constructor"||!ye)&&(de=!0),k+="."+te,Q="%"+k+"%",T(C,Q))j=C[Q];else if(j!=null){if(!(te in j)){if(!z)throw new v("base intrinsic for "+$+" exists, but the property is not available.");return}if(d&&X+1>=L.length){var ge=d(j,te);ye=!!ge,ye&&"get"in ge&&!("originalValue"in ge.get)?j=ge.get:j=j[te]}else ye=T(j,te),j=j[te];ye&&!de&&(C[Q]=j)}}return j},mr}var Sr,At;function Ut(){if(At)return Sr;At=1;var i=qr(),p=Bt(),y=p([i("%String.prototype.indexOf%")]);return Sr=function(x,b){var I=i(x,!!b);return typeof I=="function"&&y(x,".prototype.")>-1?p([I]):I},Sr}var wr,Et;function Wt(){if(Et)return wr;Et=1;var i=qr(),p=Ut(),y=Re(),c=we(),x=i("%Map%",!0),b=p("Map.prototype.get",!0),I=p("Map.prototype.set",!0),v=p("Map.prototype.has",!0),O=p("Map.prototype.delete",!0),h=p("Map.prototype.size",!0);return wr=!!x&&function(){var g,F={assert:function(E){if(!F.has(E))throw new c("Side channel does not contain "+y(E))},delete:function(E){if(g){var n=O(g,E);return h(g)===0&&(g=void 0),n}return!1},get:function(E){if(g)return b(g,E)},has:function(E){return g?v(g,E):!1},set:function(E,n){g||(g=new x),I(g,E,n)}};return F},wr}var br,Pt;function _n(){if(Pt)return br;Pt=1;var i=qr(),p=Ut(),y=Re(),c=Wt(),x=we(),b=i("%WeakMap%",!0),I=p("WeakMap.prototype.get",!0),v=p("WeakMap.prototype.set",!0),O=p("WeakMap.prototype.has",!0),h=p("WeakMap.prototype.delete",!0);return br=b?function(){var g,F,E={assert:function(n){if(!E.has(n))throw new x("Side channel does not contain "+y(n))},delete:function(n){if(b&&n&&(typeof n=="object"||typeof n=="function")){if(g)return h(g,n)}else if(c&&F)return F.delete(n);return!1},get:function(n){return b&&n&&(typeof n=="object"||typeof n=="function")&&g?I(g,n):F&&F.get(n)},has:function(n){return b&&n&&(typeof n=="object"||typeof n=="function")&&g?O(g,n):!!F&&F.has(n)},set:function(n,o){b&&n&&(typeof n=="object"||typeof n=="function")?(g||(g=new b),v(g,n,o)):c&&(F||(F=c()),F.set(n,o))}};return E}:c,br}var Or,Rt;function Gt(){if(Rt)return Or;Rt=1;var i=we(),p=Re(),y=an(),c=Wt(),x=_n(),b=x||c||y;return Or=function(){var v,O={assert:function(h){if(!O.has(h)){var s=h&&Object(h)===h?"the given object key":p(h);throw new i("Side channel does not contain "+s)}},delete:function(h){return!!v&&v.delete(h)},get:function(h){return v&&v.get(h)},has:function(h){return!!v&&v.has(h)},set:function(h,s){v||(v=b()),v.set(h,s)}};return O},Or}var Ar,xt;function _r(){if(xt)return Ar;xt=1;var i=String.prototype.replace,p=/%20/g,y={RFC1738:"RFC1738",RFC3986:"RFC3986"};return Ar={default:y.RFC3986,formatters:{RFC1738:function(c){return i.call(c,p,"+")},RFC3986:function(c){return String(c)}},RFC1738:y.RFC1738,RFC3986:y.RFC3986},Ar}var Er,It;function zt(){if(It)return Er;It=1;var i=_r(),p=Gt(),y=Object.prototype.hasOwnProperty,c=Array.isArray,x=p(),b=function(t,l){return x.set(t,l),t},I=function(t){return x.has(t)},v=function(t){return x.get(t)},O=function(t,l){x.set(t,l)},h=(function(){for(var w=[],t=0;t<256;++t)w[w.length]="%"+((t<16?"0":"")+t.toString(16)).toUpperCase();return w})(),s=function(t){for(;t.length>1;){var l=t.pop(),f=l.obj[l.prop];if(c(f)){for(var m=[],P=0;P<f.length;++P)typeof f[P]<"u"&&(m[m.length]=f[P]);l.obj[l.prop]=m}}},g=function(t,l){for(var f=l&&l.plainObjects?{__proto__:null}:{},m=0;m<t.length;++m)typeof t[m]<"u"&&(f[m]=t[m]);return f},F=function w(t,l,f){if(!l)return t;if(typeof l!="object"&&typeof l!="function"){if(c(t)){var m=t.length;if(f&&typeof f.arrayLimit=="number"&&m>f.arrayLimit)return b(g(t.concat(l),f),m);t[m]=l}else if(t&&typeof t=="object")if(I(t)){var P=v(t)+1;t[P]=l,O(t,P)}else{if(f&&f.strictMerge)return[t,l];(f&&(f.plainObjects||f.allowPrototypes)||!y.call(Object.prototype,l))&&(t[l]=!0)}else return[t,l];return t}if(!t||typeof t!="object"){if(I(l)){for(var q=Object.keys(l),U=f&&f.plainObjects?{__proto__:null,0:t}:{0:t},C=0;C<q.length;C++){var G=parseInt(q[C],10);U[G+1]=l[q[C]]}return b(U,v(l)+1)}var D=[t].concat(l);return f&&typeof f.arrayLimit=="number"&&D.length>f.arrayLimit?b(g(D,f),D.length-1):D}var H=t;return c(t)&&!c(l)&&(H=g(t,f)),c(t)&&c(l)?(l.forEach(function(u,T){if(y.call(t,T)){var K=t[T];K&&typeof K=="object"&&u&&typeof u=="object"?t[T]=w(K,u,f):t[t.length]=u}else t[T]=u}),t):Object.keys(l).reduce(function(u,T){var K=l[T];if(y.call(u,T)?u[T]=w(u[T],K,f):u[T]=K,I(l)&&!I(u)&&b(u,v(l)),I(u)){var ee=parseInt(T,10);String(ee)===T&&ee>=0&&ee>v(u)&&O(u,ee)}return u},H)},E=function(t,l){return Object.keys(l).reduce(function(f,m){return f[m]=l[m],f},t)},n=function(w,t,l){var f=w.replace(/\+/g," ");if(l==="iso-8859-1")return f.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(f)}catch{return f}},o=1024,a=function(t,l,f,m,P){if(t.length===0)return t;var q=t;if(typeof t=="symbol"?q=Symbol.prototype.toString.call(t):typeof t!="string"&&(q=String(t)),f==="iso-8859-1")return escape(q).replace(/%u[0-9a-f]{4}/gi,function(T){return"%26%23"+parseInt(T.slice(2),16)+"%3B"});for(var U="",C=0;C<q.length;C+=o){for(var G=q.length>=o?q.slice(C,C+o):q,D=[],H=0;H<G.length;++H){var u=G.charCodeAt(H);if(u===45||u===46||u===95||u===126||u>=48&&u<=57||u>=65&&u<=90||u>=97&&u<=122||P===i.RFC1738&&(u===40||u===41)){D[D.length]=G.charAt(H);continue}if(u<128){D[D.length]=h[u];continue}if(u<2048){D[D.length]=h[192|u>>6]+h[128|u&63];continue}if(u<55296||u>=57344){D[D.length]=h[224|u>>12]+h[128|u>>6&63]+h[128|u&63];continue}H+=1,u=65536+((u&1023)<<10|G.charCodeAt(H)&1023),D[D.length]=h[240|u>>18]+h[128|u>>12&63]+h[128|u>>6&63]+h[128|u&63]}U+=D.join("")}return U},S=function(t){for(var l=[{obj:{o:t},prop:"o"}],f=[],m=0;m<l.length;++m)for(var P=l[m],q=P.obj[P.prop],U=Object.keys(q),C=0;C<U.length;++C){var G=U[C],D=q[G];typeof D=="object"&&D!==null&&f.indexOf(D)===-1&&(l[l.length]={obj:q,prop:G},f[f.length]=D)}return s(l),t},d=function(t){return Object.prototype.toString.call(t)==="[object RegExp]"},R=function(t){return!t||typeof t!="object"?!1:!!(t.constructor&&t.constructor.isBuffer&&t.constructor.isBuffer(t))},M=function(t,l,f,m){if(I(t)){var P=v(t)+1;return t[P]=l,O(t,P),t}var q=[].concat(t,l);return q.length>f?b(g(q,{plainObjects:m}),q.length-1):q},A=function(t,l){if(c(t)){for(var f=[],m=0;m<t.length;m+=1)f[f.length]=l(t[m]);return f}return l(t)};return Er={arrayToObject:g,assign:E,combine:M,compact:S,decode:n,encode:a,isBuffer:R,isOverflow:I,isRegExp:d,markOverflow:b,maybeMap:A,merge:F},Er}var Pr,qt;function Fn(){if(qt)return Pr;qt=1;var i=Gt(),p=zt(),y=_r(),c=Object.prototype.hasOwnProperty,x={brackets:function(a){return a+"[]"},comma:"comma",indices:function(a,S){return a+"["+S+"]"},repeat:function(a){return a}},b=Array.isArray,I=Array.prototype.push,v=function(o,a){I.apply(o,b(a)?a:[a])},O=Date.prototype.toISOString,h=y.default,s={addQueryPrefix:!1,allowDots:!1,allowEmptyArrays:!1,arrayFormat:"indices",charset:"utf-8",charsetSentinel:!1,commaRoundTrip:!1,delimiter:"&",encode:!0,encodeDotInKeys:!1,encoder:p.encode,encodeValuesOnly:!1,filter:void 0,format:h,formatter:y.formatters[h],indices:!1,serializeDate:function(a){return O.call(a)},skipNulls:!1,strictNullHandling:!1},g=function(a){return typeof a=="string"||typeof a=="number"||typeof a=="boolean"||typeof a=="symbol"||typeof a=="bigint"},F={},E=function o(a,S,d,R,M,A,w,t,l,f,m,P,q,U,C,G,D,H){for(var u=a,T=H,K=0,ee=!1;(T=T.get(F))!==void 0&&!ee;){var fe=T.get(a);if(K+=1,typeof fe<"u"){if(fe===K)throw new RangeError("Cyclic object value");ee=!0}typeof T.get(F)>"u"&&(K=0)}if(typeof f=="function"?u=f(S,u):u instanceof Date?u=q(u):d==="comma"&&b(u)&&(u=p.maybeMap(u,function(Q){return Q instanceof Date?q(Q):Q})),u===null){if(A)return C(l&&!G?l(S,s.encoder,D,"key",U):S);u=""}if(g(u)||p.isBuffer(u)){if(l){var oe=G?S:l(S,s.encoder,D,"key",U);return[C(oe)+"="+C(l(u,s.encoder,D,"value",U))]}return[C(S)+"="+C(String(u))]}var ce=[];if(typeof u>"u")return ce;var ae;if(d==="comma"&&b(u))G&&l&&(u=p.maybeMap(u,function(Q){return Q==null?Q:l(Q)})),ae=[{value:u.length>0?u.join(",")||null:void 0}];else if(b(f))ae=f;else{var se=Object.keys(u);ae=m?se.sort(m):se}var re=t?String(S).replace(/\./g,"%2E"):String(S),ie=R&&b(u)&&u.length===1?re+"[]":re;if(M&&b(u)&&u.length===0)return ie+"[]";for(var V=0;V<ae.length;++V){var $=ae[V],z=typeof $=="object"&&$&&typeof $.value<"u"?$.value:u[$];if(!(w&&z===null)){var L=P&&t?String($).replace(/\./g,"%2E"):String($),k=b(u)?typeof d=="function"?d(ie,L):ie:ie+(P?"."+L:"["+L+"]");H.set(a,K);var J=i();J.set(F,H),v(ce,o(z,k,d,R,M,A,w,t,d==="comma"&&G&&b(u)?null:l,f,m,P,q,U,C,G,D,J))}}return ce},n=function(a){if(!a)return s;if(typeof a.allowEmptyArrays<"u"&&typeof a.allowEmptyArrays!="boolean")throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");if(typeof a.encodeDotInKeys<"u"&&typeof a.encodeDotInKeys!="boolean")throw new TypeError("`encodeDotInKeys` option can only be `true` or `false`, when provided");if(a.encoder!==null&&typeof a.encoder<"u"&&typeof a.encoder!="function")throw new TypeError("Encoder has to be a function.");var S=a.charset||s.charset;if(typeof a.charset<"u"&&a.charset!=="utf-8"&&a.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var d=y.default;if(typeof a.format<"u"){if(!c.call(y.formatters,a.format))throw new TypeError("Unknown format option provided.");d=a.format}var R=y.formatters[d],M=s.filter;(typeof a.filter=="function"||b(a.filter))&&(M=a.filter);var A;if(a.arrayFormat in x?A=a.arrayFormat:"indices"in a?A=a.indices?"indices":"repeat":A=s.arrayFormat,"commaRoundTrip"in a&&typeof a.commaRoundTrip!="boolean")throw new TypeError("`commaRoundTrip` must be a boolean, or absent");var w=typeof a.allowDots>"u"?a.encodeDotInKeys===!0?!0:s.allowDots:!!a.allowDots;return{addQueryPrefix:typeof a.addQueryPrefix=="boolean"?a.addQueryPrefix:s.addQueryPrefix,allowDots:w,allowEmptyArrays:typeof a.allowEmptyArrays=="boolean"?!!a.allowEmptyArrays:s.allowEmptyArrays,arrayFormat:A,charset:S,charsetSentinel:typeof a.charsetSentinel=="boolean"?a.charsetSentinel:s.charsetSentinel,commaRoundTrip:!!a.commaRoundTrip,delimiter:typeof a.delimiter>"u"?s.delimiter:a.delimiter,encode:typeof a.encode=="boolean"?a.encode:s.encode,encodeDotInKeys:typeof a.encodeDotInKeys=="boolean"?a.encodeDotInKeys:s.encodeDotInKeys,encoder:typeof a.encoder=="function"?a.encoder:s.encoder,encodeValuesOnly:typeof a.encodeValuesOnly=="boolean"?a.encodeValuesOnly:s.encodeValuesOnly,filter:M,format:d,formatter:R,serializeDate:typeof a.serializeDate=="function"?a.serializeDate:s.serializeDate,skipNulls:typeof a.skipNulls=="boolean"?a.skipNulls:s.skipNulls,sort:typeof a.sort=="function"?a.sort:null,strictNullHandling:typeof a.strictNullHandling=="boolean"?a.strictNullHandling:s.strictNullHandling}};return Pr=function(o,a){var S=o,d=n(a),R,M;typeof d.filter=="function"?(M=d.filter,S=M("",S)):b(d.filter)&&(M=d.filter,R=M);var A=[];if(typeof S!="object"||S===null)return"";var w=x[d.arrayFormat],t=w==="comma"&&d.commaRoundTrip;R||(R=Object.keys(S)),d.sort&&R.sort(d.sort);for(var l=i(),f=0;f<R.length;++f){var m=R[f];if(!(typeof m>"u"||m===null)){var P=S[m];d.skipNulls&&P===null||v(A,E(P,m,w,t,d.allowEmptyArrays,d.strictNullHandling,d.skipNulls,d.encodeDotInKeys,d.encode?d.encoder:null,d.filter,d.sort,d.allowDots,d.serializeDate,d.format,d.formatter,d.encodeValuesOnly,d.charset,l))}}var q=A.join(d.delimiter),U=d.addQueryPrefix===!0?"?":"";return d.charsetSentinel&&(d.charset==="iso-8859-1"?U+="utf8=%26%2310003%3B"+d.delimiter:U+="utf8=%E2%9C%93"+d.delimiter),q.length>0?U+q:""},Pr}var Rr,_t;function Mn(){if(_t)return Rr;_t=1;var i=zt(),p=Object.prototype.hasOwnProperty,y=Array.isArray,c={allowDots:!1,allowEmptyArrays:!1,allowPrototypes:!1,allowSparse:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decodeDotInKeys:!1,decoder:i.decode,delimiter:"&",depth:5,duplicates:"combine",ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictDepth:!1,strictMerge:!0,strictNullHandling:!1,throwOnLimitExceeded:!1},x=function(E){return E.replace(/&#(\d+);/g,function(n,o){return String.fromCharCode(parseInt(o,10))})},b=function(E,n,o){if(E&&typeof E=="string"&&n.comma&&E.indexOf(",")>-1)return E.split(",");if(n.throwOnLimitExceeded&&o>=n.arrayLimit)throw new RangeError("Array limit exceeded. Only "+n.arrayLimit+" element"+(n.arrayLimit===1?"":"s")+" allowed in an array.");return E},I="utf8=%26%2310003%3B",v="utf8=%E2%9C%93",O=function(n,o){var a={__proto__:null},S=o.ignoreQueryPrefix?n.replace(/^\?/,""):n;S=S.replace(/%5B/gi,"[").replace(/%5D/gi,"]");var d=o.parameterLimit===1/0?void 0:o.parameterLimit,R=S.split(o.delimiter,o.throwOnLimitExceeded&&typeof d<"u"?d+1:d);if(o.throwOnLimitExceeded&&typeof d<"u"&&R.length>d)throw new RangeError("Parameter limit exceeded. Only "+d+" parameter"+(d===1?"":"s")+" allowed.");var M=-1,A,w=o.charset;if(o.charsetSentinel)for(A=0;A<R.length;++A)R[A].indexOf("utf8=")===0&&(R[A]===v?w="utf-8":R[A]===I&&(w="iso-8859-1"),M=A,A=R.length);for(A=0;A<R.length;++A)if(A!==M){var t=R[A],l=t.indexOf("]="),f=l===-1?t.indexOf("="):l+1,m,P;if(f===-1?(m=o.decoder(t,c.decoder,w,"key"),P=o.strictNullHandling?null:""):(m=o.decoder(t.slice(0,f),c.decoder,w,"key"),m!==null&&(P=i.maybeMap(b(t.slice(f+1),o,y(a[m])?a[m].length:0),function(U){return o.decoder(U,c.decoder,w,"value")}))),P&&o.interpretNumericEntities&&w==="iso-8859-1"&&(P=x(String(P))),t.indexOf("[]=")>-1&&(P=y(P)?[P]:P),o.comma&&y(P)&&P.length>o.arrayLimit){if(o.throwOnLimitExceeded)throw new RangeError("Array limit exceeded. Only "+o.arrayLimit+" element"+(o.arrayLimit===1?"":"s")+" allowed in an array.");P=i.combine([],P,o.arrayLimit,o.plainObjects)}if(m!==null){var q=p.call(a,m);q&&(o.duplicates==="combine"||t.indexOf("[]=")>-1)?a[m]=i.combine(a[m],P,o.arrayLimit,o.plainObjects):(!q||o.duplicates==="last")&&(a[m]=P)}}return a},h=function(E,n,o,a){var S=0;if(E.length>0&&E[E.length-1]==="[]"){var d=E.slice(0,-1).join("");S=Array.isArray(n)&&n[d]?n[d].length:0}for(var R=a?n:b(n,o,S),M=E.length-1;M>=0;--M){var A,w=E[M];if(w==="[]"&&o.parseArrays)i.isOverflow(R)?A=R:A=o.allowEmptyArrays&&(R===""||o.strictNullHandling&&R===null)?[]:i.combine([],R,o.arrayLimit,o.plainObjects);else{A=o.plainObjects?{__proto__:null}:{};var t=w.charAt(0)==="["&&w.charAt(w.length-1)==="]"?w.slice(1,-1):w,l=o.decodeDotInKeys?t.replace(/%2E/g,"."):t,f=parseInt(l,10),m=!isNaN(f)&&w!==l&&String(f)===l&&f>=0&&o.parseArrays;if(!o.parseArrays&&l==="")A={0:R};else if(m&&f<o.arrayLimit)A=[],A[f]=R;else{if(m&&o.throwOnLimitExceeded)throw new RangeError("Array limit exceeded. Only "+o.arrayLimit+" element"+(o.arrayLimit===1?"":"s")+" allowed in an array.");m?(A[f]=R,i.markOverflow(A,f)):l!=="__proto__"&&(A[l]=R)}}R=A}return R},s=function(n,o){var a=o.allowDots?n.replace(/\.([^.[]+)/g,"[$1]"):n;if(o.depth<=0)return!o.plainObjects&&p.call(Object.prototype,a)&&!o.allowPrototypes?void 0:[a];var S=[],d=a.indexOf("["),R=d>=0?a.slice(0,d):a;if(R){if(!o.plainObjects&&p.call(Object.prototype,R)&&!o.allowPrototypes)return;S[S.length]=R}for(var M=a.length,A=d,w=0;A>=0&&w<o.depth;){for(var t=1,l=A+1,f=-1;l<M&&f<0;){var m=a.charCodeAt(l);m===91?t+=1:m===93&&(t-=1,t===0&&(f=l)),l+=1}if(f<0)return S[S.length]="["+a.slice(A)+"]",S;var P=a.slice(A,f+1),q=P.slice(1,-1);if(!o.plainObjects&&p.call(Object.prototype,q)&&!o.allowPrototypes)return;S[S.length]=P,w+=1,A=a.indexOf("[",f+1)}if(A>=0){if(o.strictDepth===!0)throw new RangeError("Input depth exceeded depth option of "+o.depth+" and strictDepth is true");S[S.length]="["+a.slice(A)+"]"}return S},g=function(n,o,a,S){if(n){var d=s(n,a);if(d)return h(d,o,a,S)}},F=function(n){if(!n)return c;if(typeof n.allowEmptyArrays<"u"&&typeof n.allowEmptyArrays!="boolean")throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");if(typeof n.decodeDotInKeys<"u"&&typeof n.decodeDotInKeys!="boolean")throw new TypeError("`decodeDotInKeys` option can only be `true` or `false`, when provided");if(n.decoder!==null&&typeof n.decoder<"u"&&typeof n.decoder!="function")throw new TypeError("Decoder has to be a function.");if(typeof n.charset<"u"&&n.charset!=="utf-8"&&n.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");if(typeof n.throwOnLimitExceeded<"u"&&typeof n.throwOnLimitExceeded!="boolean")throw new TypeError("`throwOnLimitExceeded` option must be a boolean");var o=typeof n.charset>"u"?c.charset:n.charset,a=typeof n.duplicates>"u"?c.duplicates:n.duplicates;if(a!=="combine"&&a!=="first"&&a!=="last")throw new TypeError("The duplicates option must be either combine, first, or last");var S=typeof n.allowDots>"u"?n.decodeDotInKeys===!0?!0:c.allowDots:!!n.allowDots;return{allowDots:S,allowEmptyArrays:typeof n.allowEmptyArrays=="boolean"?!!n.allowEmptyArrays:c.allowEmptyArrays,allowPrototypes:typeof n.allowPrototypes=="boolean"?n.allowPrototypes:c.allowPrototypes,allowSparse:typeof n.allowSparse=="boolean"?n.allowSparse:c.allowSparse,arrayLimit:typeof n.arrayLimit=="number"?n.arrayLimit:c.arrayLimit,charset:o,charsetSentinel:typeof n.charsetSentinel=="boolean"?n.charsetSentinel:c.charsetSentinel,comma:typeof n.comma=="boolean"?n.comma:c.comma,decodeDotInKeys:typeof n.decodeDotInKeys=="boolean"?n.decodeDotInKeys:c.decodeDotInKeys,decoder:typeof n.decoder=="function"?n.decoder:c.decoder,delimiter:typeof n.delimiter=="string"||i.isRegExp(n.delimiter)?n.delimiter:c.delimiter,depth:typeof n.depth=="number"||n.depth===!1?+n.depth:c.depth,duplicates:a,ignoreQueryPrefix:n.ignoreQueryPrefix===!0,interpretNumericEntities:typeof n.interpretNumericEntities=="boolean"?n.interpretNumericEntities:c.interpretNumericEntities,parameterLimit:typeof n.parameterLimit=="number"?n.parameterLimit:c.parameterLimit,parseArrays:n.parseArrays!==!1,plainObjects:typeof n.plainObjects=="boolean"?n.plainObjects:c.plainObjects,strictDepth:typeof n.strictDepth=="boolean"?!!n.strictDepth:c.strictDepth,strictMerge:typeof n.strictMerge=="boolean"?!!n.strictMerge:c.strictMerge,strictNullHandling:typeof n.strictNullHandling=="boolean"?n.strictNullHandling:c.strictNullHandling,throwOnLimitExceeded:typeof n.throwOnLimitExceeded=="boolean"?n.throwOnLimitExceeded:!1}};return Rr=function(E,n){var o=F(n);if(E===""||E===null||typeof E>"u")return o.plainObjects?{__proto__:null}:{};for(var a=typeof E=="string"?O(E,o):E,S=o.plainObjects?{__proto__:null}:{},d=Object.keys(a),R=0;R<d.length;++R){var M=d[R],A=g(M,a[M],o,typeof E=="string");S=i.merge(S,A,o)}return o.allowSparse===!0?S:i.compact(S)},Rr}var xr,Ft;function Dn(){if(Ft)return xr;Ft=1;var i=Fn(),p=Mn(),y=_r();return xr={formats:y,parse:p,stringify:i},xr}var $n=Dn();const Ht=en($n),Nn=async({queryKey:i})=>{const[,p={take:300,skip:0}]=i;try{const{data:y}=await Mt.get("organizations/record-receiving",{headers:Dt(),params:p,paramsSerializer:c=>Ht.stringify(c)});return y}catch(y){throw y}},Tn=async({queryKey:i})=>{const[,p={take:300,skip:0}]=i;try{const{data:y}=await Mt.get("organizations/children",{headers:Dt(),params:p,paramsSerializer:c=>Ht.stringify(c)});return y}catch(y){throw y}};export{Tn as a,Nn as f};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/organizationsService-BEVk8qa1.js b/apps/edr-freight-web/backoffice/public/_um/assets/organizationsService-BEVk8qa1.js
new file mode 100644
index 000000000..8cd6f0821
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/organizationsService-BEVk8qa1.js
@@ -0,0 +1 @@
+import{l as a,w as n}from"./index-Db-xuq0b.js";const r=async e=>a.get("/organizations/filter",{headers:n(),params:e}),o=async e=>a.get("/organizations/with-admin-flag",{headers:n(),params:e}),i=async e=>a.get(`/organizations/${e}`,{headers:n()}),c=async e=>a.post("/organizations",e,{headers:n()}),g=async e=>a.patch(`/organizations/${e}/activate`,null,{headers:n()}),d=async e=>a.patch(`/organizations/${e}/debar`,null,{headers:n()}),u=async(e,t)=>a.put(`/organizations/${e}`,t,{headers:n()}),h=async e=>a.delete(`/organizations/${e}`,{headers:n()}),y=async e=>a.delete(`/organizations/${e}/soft`,{headers:n()}),z=async e=>a.get("/organizations/archived",{headers:n(),params:e}),m=async e=>a.patch(`/organizations/${e}/restore`,null,{headers:n()}),l=async()=>a.get("/documentary-requirements",{headers:n()}),p=async e=>a.get(`/documentary-requirements/${e}`,{headers:n()}),O=async e=>a.post("/documentary-requirements",e,{headers:n()}),$=async(e,t)=>a.post(`user-documents/${e}/response`,t,{headers:n()}),v=async(e,t)=>a.get(`/employees/archived/${e}/with-unit`,{headers:n(),params:t});export{p as a,$ as b,l as c,v as d,z as e,c as f,r as g,g as h,d as i,h as j,i as k,o as l,O as p,m as r,y as s,u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/pencil-BBczLcc3.js b/apps/edr-freight-web/backoffice/public/_um/assets/pencil-BBczLcc3.js
new file mode 100644
index 000000000..3c7b6d862
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/pencil-BBczLcc3.js
@@ -0,0 +1,6 @@
+import{y as a}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],c=a("pencil",e);export{c as P};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/phone-Ce15UUGI.js b/apps/edr-freight-web/backoffice/public/_um/assets/phone-Ce15UUGI.js
new file mode 100644
index 000000000..7e91bd582
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/phone-Ce15UUGI.js
@@ -0,0 +1,6 @@
+import{y as a}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=[["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]],n=a("phone",o);export{n as P};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/plus-BdjS2Pc-.js b/apps/edr-freight-web/backoffice/public/_um/assets/plus-BdjS2Pc-.js
new file mode 100644
index 000000000..629341238
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/plus-BdjS2Pc-.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],t=e("plus",o);export{t as P};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/popover-X-j_SRnG.js b/apps/edr-freight-web/backoffice/public/_um/assets/popover-X-j_SRnG.js
new file mode 100644
index 000000000..98aa6ab07
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/popover-X-j_SRnG.js
@@ -0,0 +1 @@
+import{r,j as s,b8 as f}from"./index-Db-xuq0b.js";import{P as d}from"./Popover-CzANYrEa.js";const x=r.createContext({open:!1,setOpen:()=>{}});function P({children:o,open:t,onOpenChange:e,defaultOpen:i=!1}){const[n,u]=r.useState(i),a=t!==void 0,p=a?t:n,l=r.useCallback(c=>{a||u(c),e==null||e(c)},[a,e]);return s.jsx(x.Provider,{value:{open:p,setOpen:l},children:s.jsx(d,{opened:p,onChange:l,withinPortal:!0,shadow:"md",radius:"md",children:o})})}function j({children:o,asChild:t}){return s.jsx(d.Target,{children:t&&r.isValidElement(o)?o:s.jsx("span",{style:{display:"contents"},children:o})})}function b({children:o,className:t,align:e,sideOffset:i,...n}){return s.jsx(d.Dropdown,{className:f("bg-popover text-popover-foreground z-50 w-72 rounded-md border p-4 shadow-md",t),...n,children:o})}export{P,j as a,b};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/positionService-JD0NEiGK.js b/apps/edr-freight-web/backoffice/public/_um/assets/positionService-JD0NEiGK.js
new file mode 100644
index 000000000..09dec455d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/positionService-JD0NEiGK.js
@@ -0,0 +1 @@
+import{l as e,w as t}from"./index-Db-xuq0b.js";const i=async s=>e.get("/positions",{headers:t(),params:s}),r=async s=>e.get(`/positions/${s}`,{headers:t()}),a=async s=>e.get(`/positions/hierarchy/${s}`,{headers:t()}),c=async(s,o)=>e.get(`/positions/list/${s}`,{headers:t(),params:o}),d=async s=>e.get(`/positions/current/${s}/employees`,{headers:t()}),h=async s=>e.post("/positions",s,{headers:t()}),p=async(s,o)=>e.put(`/positions/${s}`,o,{headers:t()}),u=async s=>e.patch("/positions/change-parent",s,{headers:t()}),y=async s=>e.delete(`/positions/${s}`,{headers:t()}),g=async s=>e.delete(`/positions/${s}/soft`,{headers:t()}),P=async(s,o)=>e.get(`/positions/archived/${s}`,{headers:t(),params:o}),l=async s=>e.patch(`/positions/${s}/restore`,null,{headers:t()});export{i as a,a as b,h as c,y as d,d as e,c as f,r as g,P as h,u as m,l as r,g as s,p as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/presignedAxios-BunkFbUr.js b/apps/edr-freight-web/backoffice/public/_um/assets/presignedAxios-BunkFbUr.js
new file mode 100644
index 000000000..1b96c0a3a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/presignedAxios-BunkFbUr.js
@@ -0,0 +1 @@
+import{be as r,p as s}from"./index-Db-xuq0b.js";const a=r.create({headers:{},transformRequest:[e=>e],validateStatus:e=>e<400});a.interceptors.request.use(e=>{const t=s.get("auth-token");return t&&(e.headers.Authorization=`Bearer ${t}`),e});export{a as p};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/proxy-i8Py-I0x.js b/apps/edr-freight-web/backoffice/public/_um/assets/proxy-i8Py-I0x.js
new file mode 100644
index 000000000..e0b6b02f3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/proxy-i8Py-I0x.js
@@ -0,0 +1,6 @@
+import{y as Vo,r as S,j as Ve}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Co=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}],["path",{d:"M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662",key:"154egf"}]],Au=Vo("circle-user",Co),Ns=S.createContext({});function Mo(t){const e=S.useRef(null);return e.current===null&&(e.current=t()),e.current}const Do=typeof window<"u",Eo=Do?S.useLayoutEffect:S.useEffect,Je=S.createContext(null);function Qe(t,e){t.indexOf(e)===-1&&t.push(e)}function qt(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const Q=(t,e,n)=>n>e?e:n<t?t:n;let tn=()=>{};const it={},Us=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t),Ws=t=>typeof t=="object"&&t!==null,Ks=t=>/^0[^.\s]+$/u.test(t);function zs(t){let e;return()=>(e===void 0&&(e=t()),e)}const G=t=>t,It=(...t)=>t.reduce((e,n)=>s=>n(e(s))),Rt=(t,e,n)=>{const s=e-t;return s?(n-t)/s:1};class en{constructor(){this.subscriptions=[]}add(e){return Qe(this.subscriptions,e),()=>qt(this.subscriptions,e)}notify(e,n,s){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](e,n,s);else for(let r=0;r<i;r++){const o=this.subscriptions[r];o&&o(e,n,s)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const W=t=>t*1e3,z=t=>t/1e3,Gs=(t,e)=>e?t*(1e3/e):0,$s=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,Ro=1e-7,Lo=12;function ko(t,e,n,s,i){let r,o,a=0;do o=e+(n-e)/2,r=$s(o,s,i)-t,r>0?n=o:e=o;while(Math.abs(r)>Ro&&++a<Lo);return o}function Ft(t,e,n,s){if(t===e&&n===s)return G;const i=r=>ko(r,0,1,t,n);return r=>r===0||r===1?r:$s(i(r),e,s)}const Hs=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,_s=t=>e=>1-t(1-e),Xs=Ft(.33,1.53,.69,.99),nn=_s(Xs),Ys=Hs(nn),qs=t=>t>=1?1:(t*=2)<1?.5*nn(t):.5*(2-Math.pow(2,-10*(t-1))),sn=t=>1-Math.sin(Math.acos(t)),Zs=_s(sn),Js=Hs(sn),Bo=Ft(.42,0,1,1),Io=Ft(0,0,.58,1),Qs=Ft(.42,0,.58,1),Fo=t=>Array.isArray(t)&&typeof t[0]!="number",ti=t=>Array.isArray(t)&&typeof t[0]=="number",Oo={linear:G,easeIn:Bo,easeInOut:Qs,easeOut:Io,circIn:sn,circInOut:Js,circOut:Zs,backIn:nn,backInOut:Ys,backOut:Xs,anticipate:qs},jo=t=>typeof t=="string",An=t=>{if(ti(t)){tn(t.length===4);const[e,n,s,i]=t;return Ft(e,n,s,i)}else if(jo(t))return Oo[t];return t},Nt=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function No(t,e){let n=new Set,s=new Set,i=!1,r=!1;const o=new WeakSet;let a={delta:0,timestamp:0,isProcessing:!1};function l(c){o.has(c)&&(u.schedule(c),t()),c(a)}const u={schedule:(c,h=!1,f=!1)=>{const m=f&&i?n:s;return h&&o.add(c),m.add(c),c},cancel:c=>{s.delete(c),o.delete(c)},process:c=>{if(a=c,i){r=!0;return}i=!0;const h=n;n=s,s=h,n.forEach(l),n.clear(),i=!1,r&&(r=!1,u.process(c))}};return u}const Uo=40;function ei(t,e){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},r=()=>n=!0,o=Nt.reduce((x,w)=>(x[w]=No(r),x),{}),{setup:a,read:l,resolveKeyframes:u,preUpdate:c,update:h,preRender:f,render:d,postRender:m}=o,g=()=>{const x=it.useManualTiming,w=x?i.timestamp:performance.now();n=!1,x||(i.delta=s?1e3/60:Math.max(Math.min(w-i.timestamp,Uo),1)),i.timestamp=w,i.isProcessing=!0,a.process(i),l.process(i),u.process(i),c.process(i),h.process(i),f.process(i),d.process(i),m.process(i),i.isProcessing=!1,n&&e&&(s=!1,t(g))},p=()=>{n=!0,s=!0,i.isProcessing||t(g)};return{schedule:Nt.reduce((x,w)=>{const b=o[w];return x[w]=(D,V=!1,A=!1)=>(n||p(),b.schedule(D,V,A)),x},{}),cancel:x=>{for(let w=0;w<Nt.length;w++)o[Nt[w]].cancel(x)},state:i,steps:o}}const{schedule:M,cancel:ot,state:F,steps:ue}=ei(typeof requestAnimationFrame<"u"?requestAnimationFrame:G,!0);let zt;function Wo(){zt=void 0}const j={now:()=>(zt===void 0&&j.set(F.isProcessing||it.useManualTiming?F.timestamp:performance.now()),zt),set:t=>{zt=t,queueMicrotask(Wo)}},ni=t=>e=>typeof e=="string"&&e.startsWith(t),si=ni("--"),Ko=ni("var(--"),on=t=>Ko(t)?zo.test(t.split("/*")[0].trim()):!1,zo=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function Vn(t){return typeof t!="string"?!1:t.split("/*")[0].includes("var(--")}const St={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Lt={...St,transform:t=>Q(0,1,t)},Ut={...St,default:1},Ct=t=>Math.round(t*1e5)/1e5,rn=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function Go(t){return t==null}const $o=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,an=(t,e)=>n=>!!(typeof n=="string"&&$o.test(n)&&n.startsWith(t)||e&&!Go(n)&&Object.prototype.hasOwnProperty.call(n,e)),ii=(t,e,n)=>s=>{if(typeof s!="string")return s;const[i,r,o,a]=s.match(rn);return{[t]:parseFloat(i),[e]:parseFloat(r),[n]:parseFloat(o),alpha:a!==void 0?parseFloat(a):1}},Ho=t=>Q(0,255,t),he={...St,transform:t=>Math.round(Ho(t))},ht={test:an("rgb","red"),parse:ii("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:s=1})=>"rgba("+he.transform(t)+", "+he.transform(e)+", "+he.transform(n)+", "+Ct(Lt.transform(s))+")"};function _o(t){let e="",n="",s="",i="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),s=t.substring(5,7),i=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),s=t.substring(3,4),i=t.substring(4,5),e+=e,n+=n,s+=s,i+=i),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}}const Ce={test:an("#"),parse:_o,transform:ht.transform},Ot=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),et=Ot("deg"),J=Ot("%"),T=Ot("px"),Xo=Ot("vh"),Yo=Ot("vw"),Cn={...J,parse:t=>J.parse(t)/100,transform:t=>J.transform(t*100)},yt={test:an("hsl","hue"),parse:ii("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+J.transform(Ct(e))+", "+J.transform(Ct(n))+", "+Ct(Lt.transform(s))+")"},L={test:t=>ht.test(t)||Ce.test(t)||yt.test(t),parse:t=>ht.test(t)?ht.parse(t):yt.test(t)?yt.parse(t):Ce.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?ht.transform(t):yt.transform(t),getAnimatableNone:t=>{const e=L.parse(t);return e.alpha=0,L.transform(e)}},qo=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function Zo(t){var e,n;return isNaN(t)&&typeof t=="string"&&(((e=t.match(rn))==null?void 0:e.length)||0)+(((n=t.match(qo))==null?void 0:n.length)||0)>0}const oi="number",ri="color",Jo="var",Qo="var(",Mn="${}",tr=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Tt(t){const e=t.toString(),n=[],s={color:[],number:[],var:[]},i=[];let r=0;const a=e.replace(tr,l=>(L.test(l)?(s.color.push(r),i.push(ri),n.push(L.parse(l))):l.startsWith(Qo)?(s.var.push(r),i.push(Jo),n.push(l)):(s.number.push(r),i.push(oi),n.push(parseFloat(l))),++r,Mn)).split(Mn);return{values:n,split:a,indexes:s,types:i}}function er(t){return Tt(t).values}function ai({split:t,types:e}){const n=t.length;return s=>{let i="";for(let r=0;r<n;r++)if(i+=t[r],s[r]!==void 0){const o=e[r];o===oi?i+=Ct(s[r]):o===ri?i+=L.transform(s[r]):i+=s[r]}return i}}function nr(t){return ai(Tt(t))}const sr=t=>typeof t=="number"?0:L.test(t)?L.getAnimatableNone(t):t,ir=(t,e)=>typeof t=="number"?e!=null&&e.trim().endsWith("/")?t:0:sr(t);function or(t){const e=Tt(t);return ai(e)(e.values?.map((s,i)=>ir(s,e.split[i])))}const _={test:Zo,parse:er,createTransformer:nr,getAnimatableNone:or};function fe(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+(e-t)*6*n:n<1/2?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function rr({hue:t,saturation:e,lightness:n,alpha:s}){t/=360,e/=100,n/=100;let i=0,r=0,o=0;if(!e)i=r=o=n;else{const a=n<.5?n*(1+e):n+e-n*e,l=2*n-a;i=fe(l,a,t+1/3),r=fe(l,a,t),o=fe(l,a,t-1/3)}return{red:Math.round(i*255),green:Math.round(r*255),blue:Math.round(o*255),alpha:s}}function Zt(t,e){return n=>n>0?e:t}const C=(t,e,n)=>t+(e-t)*n,de=(t,e,n)=>{const s=t*t,i=n*(e*e-s)+s;return i<0?0:Math.sqrt(i)},ar=[Ce,ht,yt],lr=t=>ar.find(e=>e.test(t));function Dn(t){const e=lr(t);if(!e)return!1;let n=e.parse(t);return e===yt&&(n=rr(n)),n}const En=(t,e)=>{const n=Dn(t),s=Dn(e);if(!n||!s)return Zt(t,e);const i={...n};return r=>(i.red=de(n.red,s.red,r),i.green=de(n.green,s.green,r),i.blue=de(n.blue,s.blue,r),i.alpha=C(n.alpha,s.alpha,r),ht.transform(i))},Me=new Set(["none","hidden"]);function cr(t,e){return Me.has(t)?n=>n<=0?t:e:n=>n>=1?e:t}function ur(t,e){return n=>C(t,e,n)}function ln(t){return typeof t=="number"?ur:typeof t=="string"?on(t)?Zt:L.test(t)?En:dr:Array.isArray(t)?li:typeof t=="object"?L.test(t)?En:hr:Zt}function li(t,e){const n=[...t],s=n.length,i=t?.map((r,o)=>ln(r)(r,e[o]));return r=>{for(let o=0;o<s;o++)n[o]=i[o](r);return n}}function hr(t,e){const n={...t,...e},s={};for(const i in n)t[i]!==void 0&&e[i]!==void 0&&(s[i]=ln(t[i])(t[i],e[i]));return i=>{for(const r in s)n[r]=s[r](i);return n}}function fr(t,e){const n=[],s={color:0,var:0,number:0};for(let i=0;i<e.values.length;i++){const r=e.types[i],o=t.indexes[r][s[r]],a=t.values[o]??0;n[i]=a,s[r]++}return n}const dr=(t,e)=>{const n=_.createTransformer(e),s=Tt(t),i=Tt(e);return s.indexes.var.length===i.indexes.var.length&&s.indexes.color.length===i.indexes.color.length&&s.indexes.number.length>=i.indexes.number.length?Me.has(t)&&!i.values.length||Me.has(e)&&!s.values.length?cr(t,e):It(li(fr(s,i),i.values),n):Zt(t,e)};function ci(t,e,n){return typeof t=="number"&&typeof e=="number"&&typeof n=="number"?C(t,e,n):ln(t)(t,e)}const mr=t=>{const e=({timestamp:n})=>t(n);return{start:(n=!0)=>M.update(e,n),stop:()=>ot(e),now:()=>F.isProcessing?F.timestamp:j.now()}},ui=(t,e,n=10)=>{let s="";const i=Math.max(Math.round(e/n),2);for(let r=0;r<i;r++)s+=Math.round(t(r/(i-1))*1e4)/1e4+", ";return`linear(${s.substring(0,s.length-2)})`},Jt=2e4;function cn(t){let e=0;const n=50;let s=t.next(e);for(;!s.done&&e<Jt;)e+=n,s=t.next(e);return e>=Jt?1/0:e}function pr(t,e=100,n){const s=n({...t,keyframes:[0,e]}),i=Math.min(cn(s),Jt);return{type:"keyframes",ease:r=>s.next(i*r).value/e,duration:z(i)}}const E={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1};function De(t,e){return t*Math.sqrt(1-e*e)}const gr=12;function yr(t,e,n){let s=n;for(let i=1;i<gr;i++)s=s-t(s)/e(s);return s}const me=.001;function vr({duration:t=E.duration,bounce:e=E.bounce,velocity:n=E.velocity,mass:s=E.mass}){let i,r,o=1-e;o=Q(E.minDamping,E.maxDamping,o),t=Q(E.minDuration,E.maxDuration,z(t)),o<1?(i=u=>{const c=u*o,h=c*t,f=c-n,d=De(u,o),m=Math.exp(-h);return me-f/d*m},r=u=>{const h=u*o*t,f=h*n+n,d=Math.pow(o,2)*Math.pow(u,2)*t,m=Math.exp(-h),g=De(Math.pow(u,2),o);return(-i(u)+me>0?-1:1)*((f-d)*m)/g}):(i=u=>{const c=Math.exp(-u*t),h=(u-n)*t+1;return-me+c*h},r=u=>{const c=Math.exp(-u*t),h=(n-u)*(t*t);return c*h});const a=5/t,l=yr(i,r,a);if(t=W(t),isNaN(l))return{stiffness:E.stiffness,damping:E.damping,duration:t};{const u=Math.pow(l,2)*s;return{stiffness:u,damping:o*2*Math.sqrt(s*u),duration:t}}}const xr=["duration","bounce"],Tr=["stiffness","damping","mass"];function Rn(t,e){return e?.some(n=>t[n]!==void 0)}function wr(t){let e={velocity:E.velocity,stiffness:E.stiffness,damping:E.damping,mass:E.mass,isResolvedFromDuration:!1,...t};if(!Rn(t,Tr)&&Rn(t,xr))if(e.velocity=0,t.visualDuration){const n=t.visualDuration,s=2*Math.PI/(n*1.2),i=s*s,r=2*Q(.05,1,1-(t.bounce||0))*Math.sqrt(i);e={...e,mass:E.mass,stiffness:i,damping:r}}else{const n=vr({...t,velocity:0});e={...e,...n,mass:E.mass},e.isResolvedFromDuration=!0}return e}function Qt(t=E.visualDuration,e=E.bounce){const n=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:s,restDelta:i}=n;const r=n.keyframes[0],o=n.keyframes[n.keyframes.length-1],a={done:!1,value:r},{stiffness:l,damping:u,mass:c,duration:h,velocity:f,isResolvedFromDuration:d}=wr({...n,velocity:-z(n.velocity||0)}),m=f||0,g=u/(2*Math.sqrt(l*c)),p=o-r,y=z(Math.sqrt(l/c)),v=Math.abs(p)<5;s||(s=v?E.restSpeed.granular:E.restSpeed.default),i||(i=v?E.restDelta.granular:E.restDelta.default);let x,w,b,D,V,A;if(g<1)b=De(y,g),D=(m+g*y*p)/b,x=P=>{const R=Math.exp(-g*y*P);return o-R*(D*Math.sin(b*P)+p*Math.cos(b*P))},V=g*y*D+p*b,A=g*y*p-D*b,w=P=>Math.exp(-g*y*P)*(V*Math.sin(b*P)+A*Math.cos(b*P));else if(g===1){x=R=>o-Math.exp(-y*R)*(p+(m+y*p)*R);const P=m+y*p;w=R=>Math.exp(-y*R)*(y*P*R-m)}else{const P=y*Math.sqrt(g*g-1);x=X=>{const tt=Math.exp(-g*y*X),Y=Math.min(P*X,300);return o-tt*((m+g*y*p)*Math.sinh(Y)+P*p*Math.cosh(Y))/P};const R=(m+g*y*p)/P,U=g*y*R-p*P,at=g*y*p-R*P;w=X=>{const tt=Math.exp(-g*y*X),Y=Math.min(P*X,300);return tt*(U*Math.sinh(Y)+at*Math.cosh(Y))}}const B={calculatedDuration:d&&h||null,velocity:P=>W(w(P)),next:P=>{if(!d&&g<1){const U=Math.exp(-g*y*P),at=Math.sin(b*P),X=Math.cos(b*P),tt=o-U*(D*at+p*X),Y=W(U*(V*at+A*X));return a.done=Math.abs(Y)<=s&&Math.abs(o-tt)<=i,a.value=a.done?o:tt,a}const R=x(P);if(d)a.done=P>=h;else{const U=W(w(P));a.done=Math.abs(U)<=s&&Math.abs(o-R)<=i}return a.value=a.done?o:R,a},toString:()=>{const P=Math.min(cn(B),Jt),R=ui(U=>B.next(P*U).value,P,30);return P+"ms "+R},toTransition:()=>{}};return B}Qt.applyToOptions=t=>{const e=pr(t,100,Qt);return t.ease=e.ease,t.duration=W(e.duration),t.type="keyframes",t};const Sr=5;function hi(t,e,n){const s=Math.max(e-Sr,0);return Gs(n-t(s),e-s)}function Ee({keyframes:t,velocity:e=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:r=500,modifyTarget:o,min:a,max:l,restDelta:u=.5,restSpeed:c}){const h=t[0],f={done:!1,value:h},d=A=>a!==void 0&&A<a||l!==void 0&&A>l,m=A=>a===void 0?l:l===void 0||Math.abs(a-A)<Math.abs(l-A)?a:l;let g=n*e;const p=h+g,y=o===void 0?p:o(p);y!==p&&(g=y-h);const v=A=>-g*Math.exp(-A/s),x=A=>y+v(A),w=A=>{const B=v(A),P=x(A);f.done=Math.abs(B)<=u,f.value=f.done?y:P};let b,D;const V=A=>{d(f.value)&&(b=A,D=Qt({keyframes:[f.value,m(f.value)],velocity:hi(x,A,f.value),damping:i,stiffness:r,restDelta:u,restSpeed:c}))};return V(0),{calculatedDuration:null,next:A=>{let B=!1;return!D&&b===void 0&&(B=!0,w(A),V(A)),b!==void 0&&A>=b?D.next(A-b):(!B&&w(A),f)}}}function Pr(t,e,n){const s=[],i=n||it.mix||ci,r=t.length-1;for(let o=0;o<r;o++){let a=i(t[o],t[o+1]);if(e){const l=Array.isArray(e)?e[o]||G:e;a=It(l,a)}s.push(a)}return s}function br(t,e,{clamp:n=!0,ease:s,mixer:i}={}){const r=t.length;if(tn(r===e.length),r===1)return()=>e[0];if(r===2&&e[0]===e[1])return()=>e[1];const o=t[0]===t[1];t[0]>t[r-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=Pr(e,s,i),l=a.length,u=c=>{if(o&&c<t[0])return e[0];let h=0;if(l>1)for(;h<t.length-2&&!(c<t[h+1]);h++);const f=Rt(t[h],t[h+1],c);return a[h](f)};return n?c=>u(Q(t[0],t[r-1],c)):u}function Ar(t,e){const n=t[t.length-1];for(let s=1;s<=e;s++){const i=Rt(0,e,s);t.push(C(n,1,i))}}function Vr(t){const e=[0];return Ar(e,t.length-1),e}function Cr(t,e){return t?.map(n=>n*e)}function Mr(t,e){return t?.map(()=>e||Qs).splice(0,t.length-1)}function Mt({duration:t=300,keyframes:e,times:n,ease:s="easeInOut"}){const i=Fo(s)?s?.map(An):An(s),r={done:!1,value:e[0]},o=Cr(n&&n.length===e.length?n:Vr(e),t),a=br(o,e,{ease:Array.isArray(i)?i:Mr(e,i)});return{calculatedDuration:t,next:l=>(r.value=a(l),r.done=l>=t,r)}}const Dr=t=>t!==null;function re(t,{repeat:e,repeatType:n="loop"},s,i=1){const r=t.filter(Dr),a=i<0||e&&n!=="loop"&&e%2===1?0:r.length-1;return!a||s===void 0?r[a]:s}const Er={decay:Ee,inertia:Ee,tween:Mt,keyframes:Mt,spring:Qt};function fi(t){typeof t.type=="string"&&(t.type=Er[t.type])}class un{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,n){return this.finished.then(e,n)}}const Rr=t=>t/100;class te extends un{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{var s,i;const{motionValue:n}=this.options;n&&n.updatedAt!==j.now()&&this.tick(j.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(i=(s=this.options).onStop)==null||i.call(s))},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;fi(e);const{type:n=Mt,repeat:s=0,repeatDelay:i=0,repeatType:r,velocity:o=0}=e;let{keyframes:a}=e;const l=n||Mt;l!==Mt&&typeof a[0]!="number"&&(this.mixKeyframes=It(Rr,ci(a[0],a[1])),a=[0,100]);const u=l({...e,keyframes:a});r==="mirror"&&(this.mirroredGenerator=l({...e,keyframes:[...a].reverse(),velocity:-o})),u.calculatedDuration===null&&(u.calculatedDuration=cn(u));const{calculatedDuration:c}=u;this.calculatedDuration=c,this.resolvedDuration=c+i,this.totalDuration=this.resolvedDuration*(s+1)-i,this.generator=u}updateTime(e){const n=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=n}tick(e,n=!1){const{generator:s,totalDuration:i,mixKeyframes:r,mirroredGenerator:o,resolvedDuration:a,calculatedDuration:l}=this;if(this.startTime===null)return s.next(0);const{delay:u=0,keyframes:c,repeat:h,repeatType:f,repeatDelay:d,type:m,onUpdate:g,finalKeyframe:p}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-i/this.speed,this.startTime)),n?this.currentTime=e:this.updateTime(e);const y=this.currentTime-u*(this.playbackSpeed>=0?1:-1),v=this.playbackSpeed>=0?y<0:y>i;this.currentTime=Math.max(y,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let x=this.currentTime,w=s;if(h){const A=Math.min(this.currentTime,i)/a;let B=Math.floor(A),P=A%1;!P&&A>=1&&(P=1),P===1&&B--,B=Math.min(B,h+1),!!(B%2)&&(f==="reverse"?(P=1-P,d&&(P-=d/a)):f==="mirror"&&(w=o)),x=Q(0,1,P)*a}let b;v?(this.delayState.value=c[0],b=this.delayState):b=w.next(x),r&&!v&&(b.value=r(b.value));let{done:D}=b;!v&&l!==null&&(D=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const V=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&D);return V&&m!==Ee&&(b.value=re(c,this.options,p,this.speed)),g&&g(b.value),V&&this.finish(),b}then(e,n){return this.finished.then(e,n)}get duration(){return z(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+z(e)}get time(){return z(this.currentTime)}set time(e){e=W(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?this.driver.start(!1):(this.startTime=0,this.state="paused",this.holdTime=e,this.tick(e))}getGeneratorVelocity(){const e=this.currentTime;if(e<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(e);const n=this.generator.next(e).value;return hi(s=>this.generator.next(s).value,e,n)}get speed(){return this.playbackSpeed}set speed(e){const n=this.playbackSpeed!==e;n&&this.driver&&this.updateTime(j.now()),this.playbackSpeed=e,n&&this.driver&&(this.time=z(this.currentTime))}play(){var i,r;if(this.isStopped)return;const{driver:e=mr,startTime:n}=this.options;this.driver||(this.driver=e(o=>this.tick(o))),(r=(i=this.options).onPlay)==null||r.call(i);const s=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=s):this.holdTime!==null?this.startTime=s-this.holdTime:this.startTime||(this.startTime=n??s),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(j.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var e,n;this.notifyFinished(),this.teardown(),this.state="finished",(n=(e=this.options).onComplete)==null||n.call(e)}cancel(){var e,n;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(n=(e=this.options).onCancel)==null||n.call(e)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){var n;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(n=this.driver)==null||n.stop(),e.observe(this)}}function Lr(t){for(let e=1;e<t.length;e++)t[e]??(t[e]=t[e-1])}const ft=t=>t*180/Math.PI,Re=t=>{const e=ft(Math.atan2(t[1],t[0]));return Le(e)},kr={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:t=>(Math.abs(t[0])+Math.abs(t[3]))/2,rotate:Re,rotateZ:Re,skewX:t=>ft(Math.atan(t[1])),skewY:t=>ft(Math.atan(t[2])),skew:t=>(Math.abs(t[1])+Math.abs(t[2]))/2},Le=t=>(t=t%360,t<0&&(t+=360),t),Ln=Re,kn=t=>Math.sqrt(t[0]*t[0]+t[1]*t[1]),Bn=t=>Math.sqrt(t[4]*t[4]+t[5]*t[5]),Br={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:kn,scaleY:Bn,scale:t=>(kn(t)+Bn(t))/2,rotateX:t=>Le(ft(Math.atan2(t[6],t[5]))),rotateY:t=>Le(ft(Math.atan2(-t[2],t[0]))),rotateZ:Ln,rotate:Ln,skewX:t=>ft(Math.atan(t[4])),skewY:t=>ft(Math.atan(t[1])),skew:t=>(Math.abs(t[1])+Math.abs(t[4]))/2};function ke(t){return t.includes("scale")?1:0}function Be(t,e){if(!t||t==="none")return ke(e);const n=t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let s,i;if(n)s=Br,i=n;else{const a=t.match(/^matrix\(([-\d.e\s,]+)\)$/u);s=kr,i=a}if(!i)return ke(e);const r=s[e],o=i[1].split(",")?.map(Fr);return typeof r=="function"?r(o):o[r]}const Ir=(t,e)=>{const{transform:n="none"}=getComputedStyle(t);return Be(n,e)};function Fr(t){return parseFloat(t.trim())}const Pt=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],bt=new Set([...Pt,"pathRotation"]),In=t=>t===St||t===T,Or=new Set(["x","y","z"]),jr=Pt.filter(t=>!Or.has(t));function Nr(t){const e=[];return jr.forEach(n=>{const s=t.getValue(n);s!==void 0&&(e.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),e}const st={width:({x:t},{paddingLeft:e="0",paddingRight:n="0",boxSizing:s})=>{const i=t.max-t.min;return s==="border-box"?i:i-parseFloat(e)-parseFloat(n)},height:({y:t},{paddingTop:e="0",paddingBottom:n="0",boxSizing:s})=>{const i=t.max-t.min;return s==="border-box"?i:i-parseFloat(e)-parseFloat(n)},top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:(t,{transform:e})=>Be(e,"x"),y:(t,{transform:e})=>Be(e,"y")};st.translateX=st.x;st.translateY=st.y;const dt=new Set;let Ie=!1,Fe=!1,Oe=!1;function di(){if(Fe){const t=Array.from(dt).filter(s=>s.needsMeasurement),e=new Set(t?.map(s=>s.element)),n=new Map;e.forEach(s=>{const i=Nr(s);i.length&&(n.set(s,i),s.render())}),t.forEach(s=>s.measureInitialState()),e.forEach(s=>{s.render();const i=n.get(s);i&&i.forEach(([r,o])=>{var a;(a=s.getValue(r))==null||a.set(o)})}),t.forEach(s=>s.measureEndState()),t.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}Fe=!1,Ie=!1,dt.forEach(t=>t.complete(Oe)),dt.clear()}function mi(){dt.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(Fe=!0)})}function Ur(){Oe=!0,mi(),di(),Oe=!1}class hn{constructor(e,n,s,i,r,o=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=n,this.name=s,this.motionValue=i,this.element=r,this.isAsync=o}scheduleResolve(){this.state="scheduled",this.isAsync?(dt.add(this),Ie||(Ie=!0,M.read(mi),M.resolveKeyframes(di))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:n,element:s,motionValue:i}=this;if(e[0]===null){const r=i==null?void 0:i.get(),o=e[e.length-1];if(r!==void 0)e[0]=r;else if(s&&n){const a=s.readValue(n,o);a!=null&&(e[0]=a)}e[0]===void 0&&(e[0]=o),i&&r===void 0&&i.set(e[0])}Lr(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),dt.delete(this)}cancel(){this.state==="scheduled"&&(dt.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const Wr=t=>t.startsWith("--");function pi(t,e,n){Wr(e)?t.style.setProperty(e,n):t.style[e]=n}const Kr={};function gi(t,e){const n=zs(t);return()=>Kr[e]??n()}const zr=gi(()=>window.ScrollTimeline!==void 0,"scrollTimeline"),yi=gi(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),Vt=([t,e,n,s])=>`cubic-bezier(${t}, ${e}, ${n}, ${s})`,Fn={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Vt([0,.65,.55,1]),circOut:Vt([.55,0,1,.45]),backIn:Vt([.31,.01,.66,-.59]),backOut:Vt([.33,1.53,.69,.99])};function vi(t,e){if(t)return typeof t=="function"?yi()?ui(t,e):"ease-out":ti(t)?Vt(t):Array.isArray(t)?t?.map(n=>vi(n,e)||Fn.easeOut):Fn[t]}function Gr(t,e,n,{delay:s=0,duration:i=300,repeat:r=0,repeatType:o="loop",ease:a="easeOut",times:l}={},u=void 0){const c={[e]:n};l&&(c.offset=l);const h=vi(a,i);Array.isArray(h)&&(c.easing=h);const f={delay:s,duration:i,easing:Array.isArray(h)?"linear":h,fill:"both",iterations:r+1,direction:o==="reverse"?"alternate":"normal"};return u&&(f.pseudoElement=u),t.animate(c,f)}function xi(t){return typeof t=="function"&&"applyToOptions"in t}function $r({type:t,...e}){return xi(t)&&yi()?t.applyToOptions(e):(e.duration??(e.duration=300),e.ease??(e.ease="easeOut"),e)}class Ti extends un{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!e)return;const{element:n,name:s,keyframes:i,pseudoElement:r,allowFlatten:o=!1,finalKeyframe:a,onComplete:l}=e;this.isPseudoElement=!!r,this.allowFlatten=o,this.options=e,tn(typeof e.type!="string");const u=$r(e);this.animation=Gr(n,s,i,u,r),u.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!r){const c=re(i,this.options,a,this.speed);this.updateMotionValue&&this.updateMotionValue(c),pi(n,s,c),this.animation.cancel()}l==null||l(),this.notifyFinished()}}play(){this.isStopped||(this.manualStartTime=null,this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){var e,n;(n=(e=this.animation).finish)==null||n.call(e)}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:e}=this;e==="idle"||e==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){var n,s,i;const e=(n=this.options)==null?void 0:n.element;!this.isPseudoElement&&(e!=null&&e.isConnected)&&((i=(s=this.animation).commitStyles)==null||i.call(s))}get duration(){var n,s;const e=((s=(n=this.animation.effect)==null?void 0:n.getComputedTiming)==null?void 0:s.call(n).duration)||0;return z(Number(e))}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+z(e)}get time(){return z(Number(this.animation.currentTime)||0)}set time(e){const n=this.finishedTime!==null;this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=W(e),n&&this.animation.pause()}get speed(){return this.animation.playbackRate}set speed(e){e<0&&(this.finishedTime=null),this.animation.playbackRate=e}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(e){this.manualStartTime=this.animation.startTime=e}attachTimeline({timeline:e,rangeStart:n,rangeEnd:s,observe:i}){var r;return this.allowFlatten&&((r=this.animation.effect)==null||r.updateTiming({easing:"linear"})),this.animation.onfinish=null,e&&zr()?(this.animation.timeline=e,n&&(this.animation.rangeStart=n),s&&(this.animation.rangeEnd=s),G):i(this)}}const wi={anticipate:qs,backInOut:Ys,circInOut:Js};function Hr(t){return t in wi}function _r(t){typeof t.ease=="string"&&Hr(t.ease)&&(t.ease=wi[t.ease])}const pe=10;class Xr extends Ti{constructor(e){_r(e),fi(e),super(e),e.startTime!==void 0&&e.autoplay!==!1&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){const{motionValue:n,onUpdate:s,onComplete:i,element:r,...o}=this.options;if(!n)return;if(e!==void 0){n.set(e);return}const a=new te({...o,autoplay:!1}),l=Math.max(pe,j.now()-this.startTime),u=Q(0,pe,l-pe),c=a.sample(l).value,{name:h}=this.options;r&&h&&pi(r,h,c),n.setWithVelocity(a.sample(Math.max(0,l-u)).value,c,u),a.stop()}}const On=(t,e)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(_.test(t)||t==="0")&&!t.startsWith("url("));function Yr(t){const e=t[0];if(t.length===1)return!0;for(let n=0;n<t.length;n++)if(t[n]!==e)return!0}function qr(t,e,n,s){const i=t[0];if(i===null)return!1;if(e==="display"||e==="visibility")return!0;const r=t[t.length-1],o=On(i,e),a=On(r,e);return!o||!a?!1:Yr(t)||(n==="spring"||xi(n))&&s}function je(t){t.duration=0,t.type="keyframes"}const Si=new Set(["opacity","clipPath","filter","transform"]),Zr=/^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;function Jr(t){for(let e=0;e<t.length;e++)if(typeof t[e]=="string"&&Zr.test(t[e]))return!0;return!1}const Qr=new Set(["color","backgroundColor","outlineColor","fill","stroke","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"]),ta=zs(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function ea(t){var h;const{motionValue:e,name:n,repeatDelay:s,repeatType:i,damping:r,type:o,keyframes:a}=t;if(!(((h=e==null?void 0:e.owner)==null?void 0:h.current)instanceof HTMLElement))return!1;const{onUpdate:u,transformTemplate:c}=e.owner.getProps();return ta()&&n&&(Si.has(n)||Qr.has(n)&&Jr(a))&&(n!=="transform"||!c)&&!u&&!s&&i!=="mirror"&&r!==0&&o!=="inertia"}const na=40;class sa extends un{constructor({autoplay:e=!0,delay:n=0,type:s="keyframes",repeat:i=0,repeatDelay:r=0,repeatType:o="loop",keyframes:a,name:l,motionValue:u,element:c,...h}){var m;super(),this.stop=()=>{var g,p;this._animation&&(this._animation.stop(),(g=this.stopTimeline)==null||g.call(this)),(p=this.keyframeResolver)==null||p.cancel()},this.createdAt=j.now();const f={autoplay:e,delay:n,type:s,repeat:i,repeatDelay:r,repeatType:o,name:l,motionValue:u,element:c,...h},d=(c==null?void 0:c.KeyframeResolver)||hn;this.keyframeResolver=new d(a,(g,p,y)=>this.onKeyframesResolved(g,p,f,!y),l,u,c),(m=this.keyframeResolver)==null||m.scheduleResolve()}onKeyframesResolved(e,n,s,i){var y,v;this.keyframeResolver=void 0;const{name:r,type:o,velocity:a,delay:l,isHandoff:u,onUpdate:c}=s;this.resolvedAt=j.now();let h=!0;qr(e,r,o,a)||(h=!1,(it.instantAnimations||!l)&&(c==null||c(re(e,s,n))),e[0]=e[e.length-1],je(s),s.repeat=0);const d={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>na?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...s,keyframes:e},m=h&&!u&&ea(d),g=(v=(y=d.motionValue)==null?void 0:y.owner)==null?void 0:v.current;let p;if(m)try{p=new Xr({...d,element:g})}catch{p=new te(d)}else p=new te(d);p.finished.then(()=>{this.notifyFinished()}).catch(G),this.pendingTimeline&&(this.stopTimeline=p.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=p}get finished(){return this._animation?this.animation.finished:this._finished}then(e,n){return this.finished.finally(e).then(()=>{})}get animation(){var e;return this._animation||((e=this.keyframeResolver)==null||e.resume(),Ur()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){var e;this._animation&&this.animation.cancel(),(e=this.keyframeResolver)==null||e.cancel()}}function Pi(t,e,n,s=0,i=1){const r=Array.from(t).sort((u,c)=>u.sortNodePosition(c)).indexOf(e),o=t.size,a=(o-1)*s;return typeof n=="function"?n(r,o):i===1?r*s:a-r*s}const jn=30,ia=t=>!isNaN(parseFloat(t));class oa{constructor(e,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=s=>{var r;const i=j.now();if(this.updatedAt!==i&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(s),this.current!==this.prev&&((r=this.events.change)==null||r.notify(this.current),this.dependents))for(const o of this.dependents)o.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=n.owner}setCurrent(e){this.current=e,this.updatedAt=j.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=ia(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,n){this.events[e]||(this.events[e]=new en);const s=this.events[e].add(n);return e==="change"?()=>{s(),M.read(()=>{this.events.change.getSize()||this.stop()})}:s}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,n){this.passiveEffect=e,this.stopPassiveEffect=n}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,n,s){this.set(n),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-s}jump(e,n=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var e;(e=this.events.change)==null||e.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const e=j.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>jn)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,jn);return Gs(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(e){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=e(n),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){var e,n;(e=this.dependents)==null||e.clear(),(n=this.events.destroy)==null||n.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function wt(t,e){return new oa(t,e)}function bi(t,e){if(t!=null&&t.inherit&&e){const{inherit:n,...s}=t;return{...e,...s}}return t}function fn(t,e){const n=(t==null?void 0:t[e])??(t==null?void 0:t.default)??t;return n!==t?bi(n,t):n}const ra={type:"spring",stiffness:500,damping:25,restSpeed:10},aa=t=>({type:"spring",stiffness:550,damping:t===0?2*Math.sqrt(550):30,restSpeed:10}),la={type:"keyframes",duration:.8},ca={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},ua=(t,{keyframes:e})=>e.length>2?la:bt.has(t)?t.startsWith("scale")?aa(e[1]):ra:ca,ha=new Set(["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from","elapsed"]);function fa(t){for(const e in t)if(!ha.has(e))return!0;return!1}const dn=(t,e,n,s={},i,r)=>o=>{const a=fn(s,t)||{},l=a.delay||s.delay||0;let{elapsed:u=0}=s;u=u-W(l);const c={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-u,onUpdate:f=>{e.set(f),a.onUpdate&&a.onUpdate(f)},onComplete:()=>{o(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:r?void 0:i};fa(a)||Object.assign(c,ua(t,c)),c.duration&&(c.duration=W(c.duration)),c.repeatDelay&&(c.repeatDelay=W(c.repeatDelay)),c.from!==void 0&&(c.keyframes[0]=c.from);let h=!1;if((c.type===!1||c.duration===0&&!c.repeatDelay)&&(je(c),c.delay===0&&(h=!0)),(it.instantAnimations||it.skipAnimations||i!=null&&i.shouldSkipAnimations||a.skipAnimations)&&(h=!0,je(c),c.delay=0),c.allowFlatten=!a.type&&!a.ease,h&&!r&&e.get()!==void 0){const f=re(c.keyframes,a);if(f!==void 0){M.update(()=>{c.onUpdate(f),c.onComplete()});return}}return a.isSync?new te(c):new sa(c)},da=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function ma(t){const e=da.exec(t);if(!e)return[,];const[,n,s,i]=e;return[`--${n??s}`,i]}function Ai(t,e,n=1){const[s,i]=ma(t);if(!s)return;const r=window.getComputedStyle(e).getPropertyValue(s);if(r){const o=r.trim();return Us(o)?parseFloat(o):o}return on(i)?Ai(i,e,n+1):i}function Nn(t){const e=[{},{}];return t==null||t.values.forEach((n,s)=>{e[0][s]=n.get(),e[1][s]=n.getVelocity()}),e}function mn(t,e,n,s){if(typeof e=="function"){const[i,r]=Nn(s);e=e(n!==void 0?n:t.custom,i,r)}if(typeof e=="string"&&(e=t.variants&&t.variants[e]),typeof e=="function"){const[i,r]=Nn(s);e=e(n!==void 0?n:t.custom,i,r)}return e}function mt(t,e,n){const s=t.getProps();return mn(s,e,n!==void 0?n:s.custom,t)}const Vi=new Set(["width","height","top","left","right","bottom",...Pt]),Ne=t=>Array.isArray(t);function pa(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,wt(n))}function ga(t){return Ne(t)?t[t.length-1]||0:t}function ya(t,e){const n=mt(t,e);let{transitionEnd:s={},transition:i={},...r}=n||{};r={...r,...s};for(const o in r){const a=ga(r[o]);pa(t,o,a)}}const O=t=>!!(t&&t.getVelocity);function va(t){return!!(O(t)&&t.add)}function Ue(t,e){const n=t.getValue("willChange");if(va(n))return n.add(e);if(!n&&it.WillChange){const s=new it.WillChange("auto");t.addValue("willChange",s),s.add(e)}}function pn(t){return t.replace(/([A-Z])/g,e=>`-${e.toLowerCase()}`)}const xa="framerAppearId",Ci="data-"+pn(xa);function Mi(t){return t.props[Ci]}function Ta({protectedKeys:t,needsAnimating:e},n){const s=t.hasOwnProperty(n)&&e[n]!==!0;return e[n]=!1,s}function Di(t,e,{delay:n=0,transitionOverride:s,type:i}={}){let{transition:r,transitionEnd:o,...a}=e;const l=t.getDefaultTransition();r=r?bi(r,l):l;const u=r==null?void 0:r.reduceMotion,c=r==null?void 0:r.skipAnimations;s&&(r=s);const h=[],f=i&&t.animationState&&t.animationState.getState()[i],d=r==null?void 0:r.path;d&&d.animateVisualElement(t,a,r,n,h);for(const m in a){const g=t.getValue(m,t.latestValues[m]??null),p=a[m];if(p===void 0||f&&Ta(f,m))continue;const y={delay:n,...fn(r||{},m)};c&&(y.skipAnimations=!0);const v=g.get();if(v!==void 0&&!g.isAnimating()&&!Array.isArray(p)&&p===v&&!y.velocity){M.update(()=>g.set(p));continue}let x=!1;if(window.MotionHandoffAnimation){const D=Mi(t);if(D){const V=window.MotionHandoffAnimation(D,m,M);V!==null&&(y.startTime=V,x=!0)}}Ue(t,m);const w=u??t.shouldReduceMotion;g.start(dn(m,g,p,w&&Vi.has(m)?{type:!1}:y,t,x));const b=g.animation;b&&h.push(b)}if(o){const m=()=>M.update(()=>{o&&ya(t,o)});h.length?Promise.all(h).then(m):m()}return h}function We(t,e,n={}){var l;const s=mt(t,e,n.type==="exit"?(l=t.presenceContext)==null?void 0:l.custom:void 0);let{transition:i=t.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(i=n.transitionOverride);const r=s?()=>Promise.all(Di(t,s,n)):()=>Promise.resolve(),o=t.variantChildren&&t.variantChildren.size?(u=0)=>{const{delayChildren:c=0,staggerChildren:h,staggerDirection:f}=i;return wa(t,e,u,c,h,f,n)}:()=>Promise.resolve(),{when:a}=i;if(a){const[u,c]=a==="beforeChildren"?[r,o]:[o,r];return u().then(()=>c())}else return Promise.all([r(),o(n.delay)])}function wa(t,e,n=0,s=0,i=0,r=1,o){const a=[];for(const l of t.variantChildren)l.notify("AnimationStart",e),a.push(We(l,e,{...o,delay:n+(typeof s=="function"?0:s)+Pi(t.variantChildren,l,s,i,r)}).then(()=>l.notify("AnimationComplete",e)));return Promise.all(a)}function Sa(t,e,n={}){t.notify("AnimationStart",e);let s;if(Array.isArray(e)){const i=e?.map(r=>We(t,r,n));s=Promise.all(i)}else if(typeof e=="string")s=We(t,e,n);else{const i=typeof e=="function"?mt(t,e,n.custom):e;s=Promise.all(Di(t,i,n))}return s.then(()=>{t.notify("AnimationComplete",e)})}const Pa={test:t=>t==="auto",parse:t=>t},Ei=t=>e=>e.test(t),Ri=[St,T,J,et,Yo,Xo,Pa],Un=t=>Ri.find(Ei(t));function ba(t){return typeof t=="number"?t===0:t!==null?t==="none"||t==="0"||Ks(t):!0}const Aa=new Set(["brightness","contrast","saturate","opacity"]);function Va(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[s]=n.match(rn)||[];if(!s)return t;const i=n.replace(s,"");let r=Aa.has(e)?1:0;return s!==n&&(r*=100),e+"("+r+i+")"}const Ca=/\b([a-z-]*)\(.*?\)/gu,Ke={..._,getAnimatableNone:t=>{const e=t.match(Ca);return e?e?.map(Va).join(" "):t}},ze={..._,getAnimatableNone:t=>{const e=_.parse(t);return _.createTransformer(t)(e?.map(s=>typeof s=="number"?0:typeof s=="object"?{...s,alpha:1}:s))}},Wn={...St,transform:Math.round},Ma={rotate:et,pathRotation:et,rotateX:et,rotateY:et,rotateZ:et,scale:Ut,scaleX:Ut,scaleY:Ut,scaleZ:Ut,skew:et,skewX:et,skewY:et,distance:T,translateX:T,translateY:T,translateZ:T,x:T,y:T,z:T,perspective:T,transformPerspective:T,opacity:Lt,originX:Cn,originY:Cn,originZ:T},ee={borderWidth:T,borderTopWidth:T,borderRightWidth:T,borderBottomWidth:T,borderLeftWidth:T,borderRadius:T,borderTopLeftRadius:T,borderTopRightRadius:T,borderBottomRightRadius:T,borderBottomLeftRadius:T,width:T,maxWidth:T,height:T,maxHeight:T,top:T,right:T,bottom:T,left:T,inset:T,insetBlock:T,insetBlockStart:T,insetBlockEnd:T,insetInline:T,insetInlineStart:T,insetInlineEnd:T,padding:T,paddingTop:T,paddingRight:T,paddingBottom:T,paddingLeft:T,paddingBlock:T,paddingBlockStart:T,paddingBlockEnd:T,paddingInline:T,paddingInlineStart:T,paddingInlineEnd:T,margin:T,marginTop:T,marginRight:T,marginBottom:T,marginLeft:T,marginBlock:T,marginBlockStart:T,marginBlockEnd:T,marginInline:T,marginInlineStart:T,marginInlineEnd:T,fontSize:T,backgroundPositionX:T,backgroundPositionY:T,...Ma,zIndex:Wn,fillOpacity:Lt,strokeOpacity:Lt,numOctaves:Wn},Da={...ee,color:L,backgroundColor:L,outlineColor:L,fill:L,stroke:L,borderColor:L,borderTopColor:L,borderRightColor:L,borderBottomColor:L,borderLeftColor:L,filter:Ke,WebkitFilter:Ke,mask:ze,WebkitMask:ze},Li=t=>Da[t],Ea=new Set([Ke,ze]);function ki(t,e){let n=Li(t);return Ea.has(n)||(n=_),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const Ra=new Set(["auto","none","0"]);function La(t,e,n){let s=0,i;for(;s<t.length&&!i;){const r=t[s];typeof r=="string"&&!Ra.has(r)&&Tt(r).values.length&&(i=t[s]),s++}if(i&&n)for(const r of e)t[r]=ki(n,i)}class ka extends hn{constructor(e,n,s,i,r){super(e,n,s,i,r,!0)}readKeyframes(){const{unresolvedKeyframes:e,element:n,name:s}=this;if(!n||!n.current)return;super.readKeyframes();for(let c=0;c<e.length;c++){let h=e[c];if(typeof h=="string"&&(h=h.trim(),on(h))){const f=Ai(h,n.current);f!==void 0&&(e[c]=f),c===e.length-1&&(this.finalKeyframe=h)}}if(this.resolveNoneKeyframes(),!Vi.has(s)||e.length!==2)return;const[i,r]=e,o=Un(i),a=Un(r),l=Vn(i),u=Vn(r);if(l!==u&&st[s]){this.needsMeasurement=!0;return}if(o!==a)if(In(o)&&In(a))for(let c=0;c<e.length;c++){const h=e[c];typeof h=="string"&&(e[c]=parseFloat(h))}else st[s]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:e,name:n}=this,s=[];for(let i=0;i<e.length;i++)(e[i]===null||ba(e[i]))&&s.push(i);s.length&&La(e,s,n)}measureInitialState(){const{element:e,unresolvedKeyframes:n,name:s}=this;if(!e||!e.current)return;s==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=st[s](e.measureViewportBox(),window.getComputedStyle(e.current)),n[0]=this.measuredOrigin;const i=n[n.length-1];i!==void 0&&e.getValue(s,i).jump(i,!1)}measureEndState(){var a;const{element:e,name:n,unresolvedKeyframes:s}=this;if(!e||!e.current)return;const i=e.getValue(n);i&&i.jump(this.measuredOrigin,!1);const r=s.length-1,o=s[r];s[r]=st[n](e.measureViewportBox(),window.getComputedStyle(e.current)),o!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=o),(a=this.removedTransforms)!=null&&a.length&&this.removedTransforms.forEach(([l,u])=>{e.getValue(l).set(u)}),this.resolveNoneKeyframes()}}function Bi(t,e,n){if(t==null)return[];if(t instanceof EventTarget)return[t];if(typeof t=="string"){let s=document;const i=(n==null?void 0:n[t])??s.querySelectorAll(t);return i?Array.from(i):[]}return Array.from(t).filter(s=>s!=null)}const Ge=(t,e)=>e&&typeof t=="number"?e.transform(t):t;function Ba(t){return Ws(t)&&"offsetHeight"in t&&!("ownerSVGElement"in t)}const{schedule:gn}=ei(queueMicrotask,!1),H={x:!1,y:!1};function Ii(){return H.x||H.y}function Ia(t){return t==="x"||t==="y"?H[t]?null:(H[t]=!0,()=>{H[t]=!1}):H.x||H.y?null:(H.x=H.y=!0,()=>{H.x=H.y=!1})}function Fi(t,e){const n=Bi(t),s=new AbortController,i={passive:!0,...e,signal:s.signal};return[n,i,()=>s.abort()]}function Fa(t){return!(t.pointerType==="touch"||Ii())}function Oa(t,e,n={}){const[s,i,r]=Fi(t,n);return s.forEach(o=>{let a=!1,l=!1,u;const c=()=>{o.removeEventListener("pointerleave",m)},h=p=>{u&&(u(p),u=void 0),c()},f=p=>{a=!1,window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",f),l&&(l=!1,h(p))},d=()=>{a=!0,window.addEventListener("pointerup",f,i),window.addEventListener("pointercancel",f,i)},m=p=>{if(p.pointerType!=="touch"){if(a){l=!0;return}h(p)}},g=p=>{if(!Fa(p))return;l=!1;const y=e(o,p);typeof y=="function"&&(u=y,o.addEventListener("pointerleave",m,i))};o.addEventListener("pointerenter",g,i),o.addEventListener("pointerdown",d,i)}),r}const Oi=(t,e)=>e?t===e?!0:Oi(t,e.parentElement):!1,yn=t=>t.pointerType==="mouse"?typeof t.button!="number"||t.button<=0:t.isPrimary!==!1,ja=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Na(t){return ja.has(t.tagName)||t.isContentEditable===!0}const Ua=new Set(["INPUT","SELECT","TEXTAREA"]);function Wa(t){return Ua.has(t.tagName)||t.isContentEditable===!0}const Gt=new WeakSet;function Kn(t){return e=>{e.key==="Enter"&&t(e)}}function ge(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}const Ka=(t,e)=>{const n=t.currentTarget;if(!n)return;const s=Kn(()=>{if(Gt.has(n))return;ge(n,"down");const i=Kn(()=>{ge(n,"up")}),r=()=>ge(n,"cancel");n.addEventListener("keyup",i,e),n.addEventListener("blur",r,e)});n.addEventListener("keydown",s,e),n.addEventListener("blur",()=>n.removeEventListener("keydown",s),e)};function zn(t){return yn(t)&&!Ii()}const Gn=new WeakSet;function za(t,e,n={}){const[s,i,r]=Fi(t,n),o=a=>{const l=a.currentTarget;if(!zn(a)||Gn.has(a))return;Gt.add(l),n.stopPropagation&&Gn.add(a);const u=e(l,a),c=(d,m)=>{window.removeEventListener("pointerup",h),window.removeEventListener("pointercancel",f),Gt.has(l)&&Gt.delete(l),zn(d)&&typeof u=="function"&&u(d,{success:m})},h=d=>{c(d,l===window||l===document||n.useGlobalTarget||Oi(l,d.target))},f=d=>{c(d,!1)};window.addEventListener("pointerup",h,i),window.addEventListener("pointercancel",f,i)};return s.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",o,i),Ba(a)&&(a.addEventListener("focus",u=>Ka(u,i)),!Na(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),r}function vn(t){return Ws(t)&&"ownerSVGElement"in t}const $t=new WeakMap;let nt;const ji=(t,e,n)=>(s,i)=>i&&i[0]?i[0][t+"Size"]:vn(s)&&"getBBox"in s?s.getBBox()[e]:s[n],Ga=ji("inline","width","offsetWidth"),$a=ji("block","height","offsetHeight");function Ha({target:t,borderBoxSize:e}){var n;(n=$t.get(t))==null||n.forEach(s=>{s(t,{get width(){return Ga(t,e)},get height(){return $a(t,e)}})})}function _a(t){t.forEach(Ha)}function Xa(){typeof ResizeObserver>"u"||(nt=new ResizeObserver(_a))}function Ya(t,e){nt||Xa();const n=Bi(t);return n.forEach(s=>{let i=$t.get(s);i||(i=new Set,$t.set(s,i)),i.add(e),nt==null||nt.observe(s)}),()=>{n.forEach(s=>{const i=$t.get(s);i==null||i.delete(e),i!=null&&i.size||nt==null||nt.unobserve(s)})}}const Ht=new Set;let vt;function qa(){vt=()=>{const t={get width(){return window.innerWidth},get height(){return window.innerHeight}};Ht.forEach(e=>e(t))},window.addEventListener("resize",vt)}function Za(t){return Ht.add(t),vt||qa(),()=>{Ht.delete(t),!Ht.size&&typeof vt=="function"&&(window.removeEventListener("resize",vt),vt=void 0)}}function $n(t,e){return typeof t=="function"?Za(t):Ya(t,e)}function Ja(t){return vn(t)&&t.tagName==="svg"}const Qa=[...Ri,L,_],tl=t=>Qa.find(Ei(t)),Hn=()=>({translate:0,scale:1,origin:0,originPoint:0}),xt=()=>({x:Hn(),y:Hn()}),_n=()=>({min:0,max:0}),k=()=>({x:_n(),y:_n()}),el=new WeakMap;function ae(t){return t!==null&&typeof t=="object"&&typeof t.start=="function"}function kt(t){return typeof t=="string"||Array.isArray(t)}const xn=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],Tn=["initial",...xn];function le(t){return ae(t.animate)||Tn?.some(e=>kt(t[e]))}function Ni(t){return!!(le(t)||t.variants)}function nl(t,e,n){for(const s in e){const i=e[s],r=n[s];if(O(i))t.addValue(s,i);else if(O(r))t.addValue(s,wt(i,{owner:t}));else if(r!==i)if(t.hasValue(s)){const o=t.getValue(s);o.liveStyle===!0?o.jump(i):o.hasAnimated||o.set(i)}else{const o=t.getStaticValue(s);t.addValue(s,wt(o!==void 0?o:i,{owner:t}))}}for(const s in n)e[s]===void 0&&t.removeValue(s);return e}const $e={current:null},Ui={current:!1},sl=typeof window<"u";function il(){if(Ui.current=!0,!!sl)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>$e.current=t.matches;t.addEventListener("change",e),e()}else $e.current=!1}const Xn=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];let ne={};function Wi(t){ne=t}function ol(){return ne}class rl{scrapeMotionValuesFromProps(e,n,s){return{}}constructor({parent:e,props:n,presenceContext:s,reducedMotionConfig:i,skipAnimations:r,blockInitialAnimation:o,visualState:a},l={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.shouldSkipAnimations=!1,this.values=new Map,this.KeyframeResolver=hn,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.hasBeenMounted=!1,this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const d=j.now();this.renderScheduledAt<d&&(this.renderScheduledAt=d,M.render(this.render,!1,!0))};const{latestValues:u,renderState:c}=a;this.latestValues=u,this.baseTarget={...u},this.initialValues=n.initial?{...u}:{},this.renderState=c,this.parent=e,this.props=n,this.presenceContext=s,this.depth=e?e.depth+1:0,this.reducedMotionConfig=i,this.skipAnimationsConfig=r,this.options=l,this.blockInitialAnimation=!!o,this.isControllingVariants=le(n),this.isVariantNode=Ni(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(e&&e.current);const{willChange:h,...f}=this.scrapeMotionValuesFromProps(n,{},this);for(const d in f){const m=f[d];u[d]!==void 0&&O(m)&&m.set(u[d])}}mount(e){var n,s;if(this.hasBeenMounted)for(const i in this.initialValues)(n=this.values.get(i))==null||n.jump(this.initialValues[i]),this.latestValues[i]=this.initialValues[i];this.current=e,el.set(e,this),this.projection&&!this.projection.instance&&this.projection.mount(e),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((i,r)=>this.bindToMotionValue(r,i)),this.reducedMotionConfig==="never"?this.shouldReduceMotion=!1:this.reducedMotionConfig==="always"?this.shouldReduceMotion=!0:(Ui.current||il(),this.shouldReduceMotion=$e.current),this.shouldSkipAnimations=this.skipAnimationsConfig??!1,(s=this.parent)==null||s.addChild(this),this.update(this.props,this.presenceContext),this.hasBeenMounted=!0}unmount(){var e;this.projection&&this.projection.unmount(),ot(this.notifyUpdate),ot(this.render),this.valueSubscriptions.forEach(n=>n()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),(e=this.parent)==null||e.removeChild(this);for(const n in this.events)this.events[n].clear();for(const n in this.features){const s=this.features[n];s&&(s.unmount(),s.isMounted=!1)}this.current=null}addChild(e){this.children.add(e),this.enteringChildren??(this.enteringChildren=new Set),this.enteringChildren.add(e)}removeChild(e){this.children.delete(e),this.enteringChildren&&this.enteringChildren.delete(e)}bindToMotionValue(e,n){if(this.valueSubscriptions.has(e)&&this.valueSubscriptions.get(e)(),n.accelerate&&Si.has(e)&&this.current instanceof HTMLElement){const{factory:o,keyframes:a,times:l,ease:u,duration:c}=n.accelerate,h=new Ti({element:this.current,name:e,keyframes:a,times:l,ease:u,duration:W(c)}),f=o(h);this.valueSubscriptions.set(e,()=>{f(),h.cancel()});return}const s=bt.has(e);s&&this.onBindTransform&&this.onBindTransform();const i=n.on("change",o=>{this.latestValues[e]=o,this.props.onUpdate&&M.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});let r;typeof window<"u"&&window.MotionCheckAppearSync&&(r=window.MotionCheckAppearSync(this,e,n)),this.valueSubscriptions.set(e,()=>{i(),r&&r()})}sortNodePosition(e){return!this.current||!this.sortInstanceNodePosition||this.type!==e.type?0:this.sortInstanceNodePosition(this.current,e.current)}updateFeatures(){let e="animation";for(e in ne){const n=ne[e];if(!n)continue;const{isEnabled:s,Feature:i}=n;if(!this.features[e]&&i&&s(this.props)&&(this.features[e]=new i(this)),this.features[e]){const r=this.features[e];r.isMounted?r.update():(r.mount(),r.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):k()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,n){this.latestValues[e]=n}update(e,n){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let s=0;s<Xn.length;s++){const i=Xn[s];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const r="on"+i,o=e[r];o&&(this.propEventSubscriptions[i]=this.on(i,o))}this.prevMotionValues=nl(this,this.scrapeMotionValuesFromProps(e,this.prevProps||{},this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(e){return this.props.variants?this.props.variants[e]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(e){const n=this.getClosestVariantNode();if(n)return n.variantChildren&&n.variantChildren.add(e),()=>n.variantChildren.delete(e)}addValue(e,n){const s=this.values.get(e);n!==s&&(s&&this.removeValue(e),this.bindToMotionValue(e,n),this.values.set(e,n),this.latestValues[e]=n.get())}removeValue(e){this.values.delete(e);const n=this.valueSubscriptions.get(e);n&&(n(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,n){if(this.props.values&&this.props.values[e])return this.props.values[e];let s=this.values.get(e);return s===void 0&&n!==void 0&&(s=wt(n===null?void 0:n,{owner:this}),this.addValue(e,s)),s}readValue(e,n){let s=this.latestValues[e]!==void 0||!this.current?this.latestValues[e]:this.getBaseTargetFromProps(this.props,e)??this.readValueFromInstance(this.current,e,this.options);return s!=null&&(typeof s=="string"&&(Us(s)||Ks(s))?s=parseFloat(s):!tl(s)&&_.test(n)&&(s=ki(e,n)),this.setBaseTarget(e,O(s)?s.get():s)),O(s)?s.get():s}setBaseTarget(e,n){this.baseTarget[e]=n}getBaseTarget(e){var r;const{initial:n}=this.props;let s;if(typeof n=="string"||typeof n=="object"){const o=mn(this.props,n,(r=this.presenceContext)==null?void 0:r.custom);o&&(s=o[e])}if(n&&s!==void 0)return s;const i=this.getBaseTargetFromProps(this.props,e);return i!==void 0&&!O(i)?i:this.initialValues[e]!==void 0&&s===void 0?void 0:this.baseTarget[e]}on(e,n){return this.events[e]||(this.events[e]=new en),this.events[e].add(n)}notify(e,...n){this.events[e]&&this.events[e].notify(...n)}scheduleRenderMicrotask(){gn.render(this.render)}}class Ki extends rl{constructor(){super(...arguments),this.KeyframeResolver=ka}sortInstanceNodePosition(e,n){return e.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(e,n){const s=e.style;return s?s[n]:void 0}removeValueFromRenderState(e,{vars:n,style:s}){delete n[e],delete s[e]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;O(e)&&(this.childSubscription=e.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}class rt{constructor(e){this.isMounted=!1,this.node=e}update(){}}function zi({top:t,left:e,right:n,bottom:s}){return{x:{min:e,max:n},y:{min:t,max:s}}}function al({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}function ll(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),s=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}function ye(t){return t===void 0||t===1}function He({scale:t,scaleX:e,scaleY:n}){return!ye(t)||!ye(e)||!ye(n)}function ut(t){return He(t)||Gi(t)||t.z||t.rotate||t.rotateX||t.rotateY||t.skewX||t.skewY}function Gi(t){return Yn(t.x)||Yn(t.y)}function Yn(t){return t&&t!=="0%"}function se(t,e,n){const s=t-n,i=e*s;return n+i}function qn(t,e,n,s,i){return i!==void 0&&(t=se(t,i,s)),se(t,n,s)+e}function _e(t,e=0,n=1,s,i){t.min=qn(t.min,e,n,s,i),t.max=qn(t.max,e,n,s,i)}function $i(t,{x:e,y:n}){_e(t.x,e.translate,e.scale,e.originPoint),_e(t.y,n.translate,n.scale,n.originPoint)}const Zn=.999999999999,Jn=1.0000000000001;function cl(t,e,n,s=!1){var a;const i=n.length;if(!i)return;e.x=e.y=1;let r,o;for(let l=0;l<i;l++){r=n[l],o=r.projectionDelta;const{visualElement:u}=r.options;u&&u.props.style&&u.props.style.display==="contents"||(s&&r.options.layoutScroll&&r.scroll&&r!==r.root&&(Z(t.x,-r.scroll.offset.x),Z(t.y,-r.scroll.offset.y)),o&&(e.x*=o.x.scale,e.y*=o.y.scale,$i(t,o)),s&&ut(r.latestValues)&&_t(t,r.latestValues,(a=r.layout)==null?void 0:a.layoutBox))}e.x<Jn&&e.x>Zn&&(e.x=1),e.y<Jn&&e.y>Zn&&(e.y=1)}function Z(t,e){t.min+=e,t.max+=e}function Qn(t,e,n,s,i=.5){const r=C(t.min,t.max,i);_e(t,e,n,r,s)}function ts(t,e){return typeof t=="string"?parseFloat(t)/100*(e.max-e.min):t}function _t(t,e,n){const s=n??t;Qn(t.x,ts(e.x,s.x),e.scaleX,e.scale,e.originX),Qn(t.y,ts(e.y,s.y),e.scaleY,e.scale,e.originY)}function Hi(t,e){return zi(ll(t.getBoundingClientRect(),e))}function ul(t,e,n){const s=Hi(t,n),{scroll:i}=e;return i&&(Z(s.x,i.offset.x),Z(s.y,i.offset.y)),s}const hl={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},fl=Pt.length;function dl(t,e,n){let s="",i=!0;for(let o=0;o<fl;o++){const a=Pt[o],l=t[a];if(l===void 0)continue;let u=!0;if(typeof l=="number")u=l===(a.startsWith("scale")?1:0);else{const c=parseFloat(l);u=a.startsWith("scale")?c===1:c===0}if(!u||n){const c=Ge(l,ee[a]);if(!u){i=!1;const h=hl[a]||a;s+=`${h}(${c}) `}n&&(e[a]=c)}}const r=t.pathRotation;return r&&(i=!1,s+=`rotate(${Ge(r,ee.pathRotation)}) `),s=s.trim(),n?s=n(e,i?"":s):i&&(s="none"),s}function wn(t,e,n){const{style:s,vars:i,transformOrigin:r}=t;let o=!1,a=!1;for(const l in e){const u=e[l];if(bt.has(l)){o=!0;continue}else if(si(l)){i[l]=u;continue}else{const c=Ge(u,ee[l]);l.startsWith("origin")?(a=!0,r[l]=c):s[l]=c}}if(e.transform||(o||n?s.transform=dl(e,t.transform,n):s.transform&&(s.transform="none")),a){const{originX:l="50%",originY:u="50%",originZ:c=0}=r;s.transformOrigin=`${l} ${u} ${c}`}}function _i(t,{style:e,vars:n},s,i){const r=t.style;let o;for(o in e)r[o]=e[o];i==null||i.applyProjectionStyles(r,s);for(o in n)r.setProperty(o,n[o])}function es(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const At={correct:(t,e)=>{if(!e.target)return t;if(typeof t=="string")if(T.test(t))t=parseFloat(t);else return t;const n=es(t,e.target.x),s=es(t,e.target.y);return`${n}% ${s}%`}},ml={correct:(t,{treeScale:e,projectionDelta:n})=>{const s=t,i=_.parse(t);if(i.length>5)return s;const r=_.createTransformer(t),o=typeof i[0]!="number"?1:0,a=n.x.scale*e.x,l=n.y.scale*e.y;i[0+o]/=a,i[1+o]/=l;const u=C(a,l,.5);return typeof i[2+o]=="number"&&(i[2+o]/=u),typeof i[3+o]=="number"&&(i[3+o]/=u),r(i)}},Xe={borderRadius:{...At,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:At,borderTopRightRadius:At,borderBottomLeftRadius:At,borderBottomRightRadius:At,boxShadow:ml};function Xi(t,{layout:e,layoutId:n}){return bt.has(t)||t.startsWith("origin")||(e||n!==void 0)&&(!!Xe[t]||t==="opacity")}function Sn(t,e,n){var o;const s=t.style,i=e==null?void 0:e.style,r={};if(!s)return r;for(const a in s)(O(s[a])||i&&O(i[a])||Xi(a,t)||((o=n==null?void 0:n.getValue(a))==null?void 0:o.liveStyle)!==void 0)&&(r[a]=s[a]);return r}function pl(t){return window.getComputedStyle(t)}class gl extends Ki{constructor(){super(...arguments),this.type="html",this.renderInstance=_i}readValueFromInstance(e,n){var s;if(bt.has(n))return(s=this.projection)!=null&&s.isProjecting?ke(n):Ir(e,n);{const i=pl(e),r=(si(n)?i.getPropertyValue(n):i[n])||0;return typeof r=="string"?r.trim():r}}measureInstanceViewportBox(e,{transformPagePoint:n}){return Hi(e,n)}build(e,n,s){wn(e,n,s.transformTemplate)}scrapeMotionValuesFromProps(e,n,s){return Sn(e,n,s)}}const yl={offset:"stroke-dashoffset",array:"stroke-dasharray"},vl={offset:"strokeDashoffset",array:"strokeDasharray"};function xl(t,e,n=1,s=0,i=!0){t.pathLength=1;const r=i?yl:vl;t[r.offset]=`${-s}`,t[r.array]=`${e} ${n}`}const Tl=["offsetDistance","offsetPath","offsetRotate","offsetAnchor"];function Yi(t,{attrX:e,attrY:n,attrScale:s,pathLength:i,pathSpacing:r=1,pathOffset:o=0,...a},l,u,c){if(wn(t,a,u),l){t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox);return}t.attrs=t.style,t.style={};const{attrs:h,style:f}=t;h.transform&&(f.transform=h.transform,delete h.transform),(f.transform||h.transformOrigin)&&(f.transformOrigin=h.transformOrigin??"50% 50%",delete h.transformOrigin),f.transform&&(f.transformBox=(c==null?void 0:c.transformBox)??"fill-box",delete h.transformBox);for(const d of Tl)h[d]!==void 0&&(f[d]=h[d],delete h[d]);e!==void 0&&(h.x=e),n!==void 0&&(h.y=n),s!==void 0&&(h.scale=s),i!==void 0&&xl(h,i,r,o,!1)}const qi=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]),Zi=t=>typeof t=="string"&&t.toLowerCase()==="svg";function wl(t,e,n,s){_i(t,e,void 0,s);for(const i in e.attrs)t.setAttribute(qi.has(i)?i:pn(i),e.attrs[i])}function Ji(t,e,n){const s=Sn(t,e,n);for(const i in t)if(O(t[i])||O(e[i])){const r=Pt.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[r]=t[i]}return s}class Sl extends Ki{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=k}getBaseTargetFromProps(e,n){return e[n]}readValueFromInstance(e,n){if(bt.has(n)){const s=Li(n);return s&&s.default||0}return n=qi.has(n)?n:pn(n),e.getAttribute(n)}scrapeMotionValuesFromProps(e,n,s){return Ji(e,n,s)}build(e,n,s){Yi(e,n,this.isSVGTag,s.transformTemplate,s.style)}renderInstance(e,n,s,i){wl(e,n,s,i)}mount(e){this.isSVGTag=Zi(e.tagName),super.mount(e)}}const Pl=Tn.length;function Qi(t){if(!t)return;if(!t.isControllingVariants){const n=t.parent?Qi(t.parent)||{}:{};return t.props.initial!==void 0&&(n.initial=t.props.initial),n}const e={};for(let n=0;n<Pl;n++){const s=Tn[n],i=t.props[s];(kt(i)||i===!1)&&(e[s]=i)}return e}function to(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let s=0;s<n;s++)if(e[s]!==t[s])return!1;return!0}const bl=[...xn].reverse(),Al=xn.length;function Vl(t){return e=>Promise.all(e?.map(({animation:n,options:s})=>Sa(t,n,s)))}function Cl(t){let e=Vl(t),n=ns(),s=!0,i=!1;const r=u=>(c,h)=>{var d;const f=mt(t,h,u==="exit"?(d=t.presenceContext)==null?void 0:d.custom:void 0);if(f){const{transition:m,transitionEnd:g,...p}=f;c={...c,...p,...g}}return c};function o(u){e=u(t)}function a(u){const{props:c}=t,h=Qi(t.parent)||{},f=[],d=new Set;let m={},g=1/0;for(let y=0;y<Al;y++){const v=bl[y],x=n[v],w=c[v]!==void 0?c[v]:h[v],b=kt(w),D=v===u?x.isActive:null;D===!1&&(g=y);let V=w===h[v]&&w!==c[v]&&b;if(V&&(s||i)&&t.manuallyAnimateOnMount&&(V=!1),x.protectedKeys={...m},!x.isActive&&D===null||!w&&!x.prevProp||ae(w)||typeof w=="boolean")continue;if(v==="exit"&&x.isActive&&D!==!0){x.prevResolvedValues&&(m={...m,...x.prevResolvedValues});continue}const A=Ml(x.prevProp,w);let B=A||v===u&&x.isActive&&!V&&b||y>g&&b,P=!1;const R=Array.isArray(w)?w:[w];let U=R.reduce(r(v),{});D===!1&&(U={});const{prevResolvedValues:at={}}=x,X={...at,...U},tt=I=>{B=!0,d.has(I)&&(P=!0,d.delete(I)),x.needsAnimating[I]=!0;const K=t.getValue(I);K&&(K.liveStyle=!1)};for(const I in X){const K=U[I],lt=at[I];if(m.hasOwnProperty(I))continue;let pt=!1;Ne(K)&&Ne(lt)?pt=!to(K,lt)||A:pt=K!==lt,pt?K!=null?tt(I):d.add(I):K!==void 0&&d.has(I)?tt(I):x.protectedKeys[I]=!0}x.prevProp=w,x.prevResolvedValues=U,x.isActive&&(m={...m,...U}),(s||i)&&t.blockInitialAnimation&&(B=!1);const Y=V&&A;B&&(!Y||P)&&f.push(...R?.map(I=>{const K={type:v};if(typeof I=="string"&&(s||i)&&!Y&&t.manuallyAnimateOnMount&&t.parent){const{parent:lt}=t,pt=mt(lt,I);if(lt.enteringChildren&&pt){const{delayChildren:Ao}=pt.transition||{};K.delay=Pi(lt.enteringChildren,t,Ao)}}return{animation:I,options:K}}))}if(d.size){const y={};if(typeof c.initial!="boolean"){const v=mt(t,Array.isArray(c.initial)?c.initial[0]:c.initial);v&&v.transition&&(y.transition=v.transition)}d.forEach(v=>{const x=t.getBaseTarget(v),w=t.getValue(v);w&&(w.liveStyle=!0),y[v]=x??null}),f.push({animation:y})}let p=!!f.length;return s&&(c.initial===!1||c.initial===c.animate)&&!t.manuallyAnimateOnMount&&(p=!1),s=!1,i=!1,p?e(f):Promise.resolve()}function l(u,c){var f;if(n[u].isActive===c)return Promise.resolve();(f=t.variantChildren)==null||f.forEach(d=>{var m;return(m=d.animationState)==null?void 0:m.setActive(u,c)}),n[u].isActive=c;const h=a(u);for(const d in n)n[d].protectedKeys={};return h}return{animateChanges:a,setActive:l,setAnimateFunction:o,getState:()=>n,reset:()=>{n=ns(),i=!0}}}function Ml(t,e){return typeof e=="string"?e!==t:Array.isArray(e)?!to(e,t):!1}function ct(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function ns(){return{animate:ct(!0),whileInView:ct(),whileHover:ct(),whileTap:ct(),whileDrag:ct(),whileFocus:ct(),exit:ct()}}function Ye(t,e){t.min=e.min,t.max=e.max}function $(t,e){Ye(t.x,e.x),Ye(t.y,e.y)}function ss(t,e){t.translate=e.translate,t.scale=e.scale,t.originPoint=e.originPoint,t.origin=e.origin}const eo=1e-4,Dl=1-eo,El=1+eo,no=.01,Rl=0-no,Ll=0+no;function N(t){return t.max-t.min}function kl(t,e,n){return Math.abs(t-e)<=n}function is(t,e,n,s=.5){t.origin=s,t.originPoint=C(e.min,e.max,t.origin),t.scale=N(n)/N(e),t.translate=C(n.min,n.max,t.origin)-t.originPoint,(t.scale>=Dl&&t.scale<=El||isNaN(t.scale))&&(t.scale=1),(t.translate>=Rl&&t.translate<=Ll||isNaN(t.translate))&&(t.translate=0)}function Dt(t,e,n,s){is(t.x,e.x,n.x,s?s.originX:void 0),is(t.y,e.y,n.y,s?s.originY:void 0)}function os(t,e,n,s=0){const i=s?C(n.min,n.max,s):n.min;t.min=i+e.min,t.max=t.min+N(e)}function Bl(t,e,n,s){os(t.x,e.x,n.x,s==null?void 0:s.x),os(t.y,e.y,n.y,s==null?void 0:s.y)}function rs(t,e,n,s=0){const i=s?C(n.min,n.max,s):n.min;t.min=e.min-i,t.max=t.min+N(e)}function ie(t,e,n,s){rs(t.x,e.x,n.x,s==null?void 0:s.x),rs(t.y,e.y,n.y,s==null?void 0:s.y)}function as(t,e,n,s,i){return t-=e,t=se(t,1/n,s),i!==void 0&&(t=se(t,1/i,s)),t}function Il(t,e=0,n=1,s=.5,i,r=t,o=t){if(J.test(e)&&(e=parseFloat(e),e=C(o.min,o.max,e/100)-o.min),typeof e!="number")return;let a=C(r.min,r.max,s);t===r&&(a-=e),t.min=as(t.min,e,n,a,i),t.max=as(t.max,e,n,a,i)}function ls(t,e,[n,s,i],r,o){Il(t,e[n],e[s],e[i],e.scale,r,o)}const Fl=["x","scaleX","originX"],Ol=["y","scaleY","originY"];function cs(t,e,n,s){ls(t.x,e,Fl,n?n.x:void 0,s?s.x:void 0),ls(t.y,e,Ol,n?n.y:void 0,s?s.y:void 0)}function us(t){return t.translate===0&&t.scale===1}function so(t){return us(t.x)&&us(t.y)}function hs(t,e){return t.min===e.min&&t.max===e.max}function jl(t,e){return hs(t.x,e.x)&&hs(t.y,e.y)}function fs(t,e){return Math.round(t.min)===Math.round(e.min)&&Math.round(t.max)===Math.round(e.max)}function io(t,e){return fs(t.x,e.x)&&fs(t.y,e.y)}function ds(t){return N(t.x)/N(t.y)}function ms(t,e){return t.translate===e.translate&&t.scale===e.scale&&t.originPoint===e.originPoint}function q(t){return[t("x"),t("y")]}function Nl(t,e,n){let s="";const i=t.x.translate/e.x,r=t.y.translate/e.y,o=(n==null?void 0:n.z)||0;if((i||r||o)&&(s=`translate3d(${i}px, ${r}px, ${o}px) `),(e.x!==1||e.y!==1)&&(s+=`scale(${1/e.x}, ${1/e.y}) `),n){const{transformPerspective:u,rotate:c,pathRotation:h,rotateX:f,rotateY:d,skewX:m,skewY:g}=n;u&&(s=`perspective(${u}px) ${s}`),c&&(s+=`rotate(${c}deg) `),h&&(s+=`rotate(${h}deg) `),f&&(s+=`rotateX(${f}deg) `),d&&(s+=`rotateY(${d}deg) `),m&&(s+=`skewX(${m}deg) `),g&&(s+=`skewY(${g}deg) `)}const a=t.x.scale*e.x,l=t.y.scale*e.y;return(a!==1||l!==1)&&(s+=`scale(${a}, ${l})`),s||"none"}const oo=["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],Ul=oo.length,ps=t=>typeof t=="string"?parseFloat(t):t,gs=t=>typeof t=="number"||T.test(t);function Wl(t,e,n,s,i,r){i?(t.opacity=C(0,n.opacity??1,Kl(s)),t.opacityExit=C(e.opacity??1,0,zl(s))):r&&(t.opacity=C(e.opacity??1,n.opacity??1,s));for(let o=0;o<Ul;o++){const a=oo[o];let l=ys(e,a),u=ys(n,a);if(l===void 0&&u===void 0)continue;l||(l=0),u||(u=0),l===0||u===0||gs(l)===gs(u)?(t[a]=Math.max(C(ps(l),ps(u),s),0),(J.test(u)||J.test(l))&&(t[a]+="%")):t[a]=u}(e.rotate||n.rotate)&&(t.rotate=C(e.rotate||0,n.rotate||0,s))}function ys(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const Kl=ro(0,.5,Zs),zl=ro(.5,.95,G);function ro(t,e,n){return s=>s<t?0:s>e?1:n(Rt(t,e,s))}function Gl(t,e,n){const s=O(t)?t:wt(t);return s.start(dn("",s,e,n)),s.animation}function Bt(t,e,n,s={passive:!0}){return t.addEventListener(e,n,s),()=>t.removeEventListener(e,n)}const $l=(t,e)=>t.depth-e.depth;class Hl{constructor(){this.children=[],this.isDirty=!1}add(e){Qe(this.children,e),this.isDirty=!0}remove(e){qt(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort($l),this.isDirty=!1,this.children.forEach(e)}}function _l(t,e){const n=j.now(),s=({timestamp:i})=>{const r=i-n;r>=e&&(ot(s),t(r-e))};return M.setup(s,!0),()=>ot(s)}function Xt(t){return O(t)?t.get():t}class Xl{constructor(){this.members=[]}add(e){Qe(this.members,e);for(let n=this.members.length-1;n>=0;n--){const s=this.members[n];if(s===e||s===this.lead||s===this.prevLead)continue;const i=s.instance;(!i||i.isConnected===!1)&&!s.snapshot&&(qt(this.members,s),s.unmount())}e.scheduleRender()}remove(e){if(qt(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(e){var n;for(let s=this.members.indexOf(e)-1;s>=0;s--){const i=this.members[s];if(i.isPresent!==!1&&((n=i.instance)==null?void 0:n.isConnected)!==!1)return this.promote(i),!0}return!1}promote(e,n){var i;const s=this.lead;if(e!==s&&(this.prevLead=s,this.lead=e,e.show(),s)){s.updateSnapshot(),e.scheduleRender();const{layoutDependency:r}=s.options,{layoutDependency:o}=e.options;(r===void 0||r!==o)&&(e.resumeFrom=s,n&&(s.preserveOpacity=!0),s.snapshot&&(e.snapshot=s.snapshot,e.snapshot.latestValues=s.animationValues||s.latestValues),(i=e.root)!=null&&i.isUpdating&&(e.isLayoutDirty=!0)),e.options.crossfade===!1&&s.hide()}}exitAnimationComplete(){this.members.forEach(e=>{var n,s,i,r,o;(s=(n=e.options).onExitComplete)==null||s.call(n),(o=(i=e.resumingFrom)==null?void 0:(r=i.options).onExitComplete)==null||o.call(r)})}scheduleRender(){this.members.forEach(e=>e.instance&&e.scheduleRender(!1))}removeLeadSnapshot(){var e;(e=this.lead)!=null&&e.snapshot&&(this.lead.snapshot=void 0)}}const Yt={hasAnimatedSinceResize:!0,hasEverUpdated:!1},ve=["","X","Y","Z"],Yl=1e3;let ql=0;function xe(t,e,n,s){const{latestValues:i}=e;i[t]&&(n[t]=i[t],e.setStaticValue(t,0),s&&(s[t]=0))}function ao(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:e}=t.options;if(!e)return;const n=Mi(e);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:i,layoutId:r}=t.options;window.MotionCancelOptimisedAnimation(n,"transform",M,!(i||r))}const{parent:s}=t;s&&!s.hasCheckedOptimisedAppear&&ao(s)}function lo({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:s,resetTransform:i}){return class{constructor(o={},a=e==null?void 0:e()){this.id=ql++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(Ql),this.nodes.forEach(oc),this.nodes.forEach(rc),this.nodes.forEach(tc)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=o,this.root=a?a.root||a:this,this.path=a?[...a.path,a]:[],this.parent=a,this.depth=a?a.depth+1:0;for(let l=0;l<this.path.length;l++)this.path[l].shouldResetTransform=!0;this.root===this&&(this.nodes=new Hl)}addEventListener(o,a){return this.eventHandlers.has(o)||this.eventHandlers.set(o,new en),this.eventHandlers.get(o).add(a)}notifyListeners(o,...a){const l=this.eventHandlers.get(o);l&&l.notify(...a)}hasListeners(o){return this.eventHandlers.has(o)}mount(o){if(this.instance)return;this.isSVG=vn(o)&&!Ja(o),this.instance=o;const{layoutId:a,layout:l,visualElement:u}=this.options;if(u&&!u.current&&u.mount(o),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(l||a)&&(this.isLayoutDirty=!0),t){let c,h=0;const f=()=>this.root.updateBlockedByResize=!1;M.read(()=>{h=window.innerWidth}),t(o,()=>{const d=window.innerWidth;d!==h&&(h=d,this.root.updateBlockedByResize=!0,c&&c(),c=_l(f,250),Yt.hasAnimatedSinceResize&&(Yt.hasAnimatedSinceResize=!1,this.nodes.forEach(Ts)))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&u&&(a||l)&&this.addEventListener("didUpdate",({delta:c,hasLayoutChanged:h,hasRelativeLayoutChanged:f,layout:d})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const m=this.options.transition||u.getDefaultTransition()||hc,{onLayoutAnimationStart:g,onLayoutAnimationComplete:p}=u.getProps(),y=!this.targetLayout||!io(this.targetLayout,d),v=!h&&f;if(this.options.layoutRoot||this.resumeFrom||v||h&&(y||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const x={...fn(m,"layout"),onPlay:g,onComplete:p};(u.shouldReduceMotion||this.options.layoutRoot)&&(x.delay=0,x.type=!1),this.startAnimation(x),this.setAnimationOrigin(c,v,x.path)}else h||Ts(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=d})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const o=this.getStack();o&&o.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),ot(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(ac),this.animationId++)}getTransformTemplate(){const{visualElement:o}=this.options;return o&&o.getProps().transformTemplate}willUpdate(o=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&ao(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let c=0;c<this.path.length;c++){const h=this.path[c];h.shouldResetTransform=!0,(typeof h.latestValues.x=="string"||typeof h.latestValues.y=="string")&&(h.isLayoutDirty=!0),h.updateScroll("snapshot"),h.options.layoutRoot&&h.willUpdate(!1)}const{layoutId:a,layout:l}=this.options;if(a===void 0&&!l)return;const u=this.getTransformTemplate();this.prevTransformTemplateValue=u?u(this.latestValues,""):void 0,this.updateSnapshot(),o&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){const l=this.updateBlockedByResize;this.unblockUpdate(),this.updateBlockedByResize=!1,this.clearAllSnapshots(),l&&this.nodes.forEach(nc),this.nodes.forEach(vs);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(xs);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(sc),this.nodes.forEach(ic),this.nodes.forEach(Zl),this.nodes.forEach(Jl)):this.nodes.forEach(xs),this.clearAllSnapshots();const a=j.now();F.delta=Q(0,1e3/60,a-F.timestamp),F.timestamp=a,F.isProcessing=!0,ue.update.process(F),ue.preRender.process(F),ue.render.process(F),F.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,gn.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(ec),this.sharedNodes.forEach(lc)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,M.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){M.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!N(this.snapshot.measuredBox.x)&&!N(this.snapshot.measuredBox.y)&&(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let l=0;l<this.path.length;l++)this.path[l].updateScroll();const o=this.layout;this.layout=this.measure(!1),this.layoutVersion++,this.layoutCorrected||(this.layoutCorrected=k()),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:a}=this.options;a&&a.notify("LayoutMeasure",this.layout.layoutBox,o?o.layoutBox:void 0)}updateScroll(o="measure"){let a=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===o&&(a=!1),a&&this.instance){const l=s(this.instance);this.scroll={animationId:this.root.animationId,phase:o,isRoot:l,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:l}}}resetTransform(){if(!i)return;const o=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!so(this.projectionDelta),l=this.getTransformTemplate(),u=l?l(this.latestValues,""):void 0,c=u!==this.prevTransformTemplateValue;o&&this.instance&&(a||ut(this.latestValues)||c)&&(i(this.instance,u),this.shouldResetTransform=!1,this.scheduleRender())}measure(o=!0){const a=this.measurePageBox();let l=this.removeElementScroll(a);return o&&(l=this.removeTransform(l)),fc(l),{animationId:this.root.animationId,measuredBox:a,layoutBox:l,latestValues:{},source:this.id}}measurePageBox(){var u;const{visualElement:o}=this.options;if(!o)return k();const a=o.measureViewportBox();if(!(((u=this.scroll)==null?void 0:u.wasRoot)||this.path?.some(dc))){const{scroll:c}=this.root;c&&(Z(a.x,c.offset.x),Z(a.y,c.offset.y))}return a}removeElementScroll(o){var l;const a=k();if($(a,o),(l=this.scroll)!=null&&l.wasRoot)return a;for(let u=0;u<this.path.length;u++){const c=this.path[u],{scroll:h,options:f}=c;c!==this.root&&h&&f.layoutScroll&&(h.wasRoot&&$(a,o),Z(a.x,h.offset.x),Z(a.y,h.offset.y))}return a}applyTransform(o,a=!1,l){var c,h;const u=l||k();$(u,o);for(let f=0;f<this.path.length;f++){const d=this.path[f];!a&&d.options.layoutScroll&&d.scroll&&d!==d.root&&(Z(u.x,-d.scroll.offset.x),Z(u.y,-d.scroll.offset.y)),ut(d.latestValues)&&_t(u,d.latestValues,(c=d.layout)==null?void 0:c.layoutBox)}return ut(this.latestValues)&&_t(u,this.latestValues,(h=this.layout)==null?void 0:h.layoutBox),u}removeTransform(o){var l;const a=k();$(a,o);for(let u=0;u<this.path.length;u++){const c=this.path[u];if(!ut(c.latestValues))continue;let h;c.instance&&(He(c.latestValues)&&c.updateSnapshot(),h=k(),$(h,c.measurePageBox())),cs(a,c.latestValues,(l=c.snapshot)==null?void 0:l.layoutBox,h)}return ut(this.latestValues)&&cs(a,this.latestValues),a}setTargetDelta(o){this.targetDelta=o,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(o){this.options={...this.options,...o,crossfade:o.crossfade!==void 0?o.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==F.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(o=!1){var d;const a=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=a.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=a.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=a.isSharedProjectionDirty);const l=!!this.resumingFrom||this!==a;if(!(o||l&&this.isSharedProjectionDirty||this.isProjectionDirty||(d=this.parent)!=null&&d.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:c,layoutId:h}=this.options;if(!this.layout||!(c||h))return;this.resolvedRelativeTargetAt=F.timestamp;const f=this.getClosestProjectingParent();f&&this.linkedParentVersion!==f.layoutVersion&&!f.options.layoutRoot&&this.removeRelativeTarget(),!this.targetDelta&&!this.relativeTarget&&(this.options.layoutAnchor!==!1&&f&&f.layout?this.createRelativeTarget(f,this.layout.layoutBox,f.layout.layoutBox):this.removeRelativeTarget()),!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=k(),this.targetWithTransforms=k()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),Bl(this.target,this.relativeTarget,this.relativeParent.target,this.options.layoutAnchor||void 0)):this.targetDelta?(this.resumingFrom?this.applyTransform(this.layout.layoutBox,!1,this.target):$(this.target,this.layout.layoutBox),$i(this.target,this.targetDelta)):$(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,this.options.layoutAnchor!==!1&&f&&!!f.resumingFrom==!!this.resumingFrom&&!f.options.layoutScroll&&f.target&&this.animationProgress!==1?this.createRelativeTarget(f,this.target,f.target):this.relativeParent=this.relativeTarget=void 0))}getClosestProjectingParent(){if(!(!this.parent||He(this.parent.latestValues)||Gi(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(o,a,l){this.relativeParent=o,this.linkedParentVersion=o.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=k(),this.relativeTargetOrigin=k(),ie(this.relativeTargetOrigin,a,l,this.options.layoutAnchor||void 0),$(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){var m;const o=this.getLead(),a=!!this.resumingFrom||this!==o;let l=!0;if((this.isProjectionDirty||(m=this.parent)!=null&&m.isProjectionDirty)&&(l=!1),a&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(l=!1),this.resolvedRelativeTargetAt===F.timestamp&&(l=!1),l)return;const{layout:u,layoutId:c}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(u||c))return;$(this.layoutCorrected,this.layout.layoutBox);const h=this.treeScale.x,f=this.treeScale.y;cl(this.layoutCorrected,this.treeScale,this.path,a),o.layout&&!o.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(o.target=o.layout.layoutBox,o.targetWithTransforms=k());const{target:d}=o;if(!d){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(ss(this.prevProjectionDelta.x,this.projectionDelta.x),ss(this.prevProjectionDelta.y,this.projectionDelta.y)),Dt(this.projectionDelta,this.layoutCorrected,d,this.latestValues),(this.treeScale.x!==h||this.treeScale.y!==f||!ms(this.projectionDelta.x,this.prevProjectionDelta.x)||!ms(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",d))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(o=!0){var a;if((a=this.options.visualElement)==null||a.scheduleRender(),o){const l=this.getStack();l&&l.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=xt(),this.projectionDelta=xt(),this.projectionDeltaWithTransform=xt()}setAnimationOrigin(o,a=!1,l){const u=this.snapshot,c=u?u.latestValues:{},h={...this.latestValues},f=xt();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const d=k(),m=u?u.source:void 0,g=this.layout?this.layout.source:void 0,p=m!==g,y=this.getStack(),v=!y||y.members.length<=1,x=!!(p&&!v&&this.options.crossfade===!0&&!this.path?.some(uc));this.animationProgress=0;let w;const b=l==null?void 0:l.interpolateProjection(o);this.mixTargetDelta=D=>{const V=D/1e3,A=b==null?void 0:b(V);A?(f.x.translate=A.x,f.x.scale=C(o.x.scale,1,V),f.x.origin=o.x.origin,f.x.originPoint=o.x.originPoint,f.y.translate=A.y,f.y.scale=C(o.y.scale,1,V),f.y.origin=o.y.origin,f.y.originPoint=o.y.originPoint):(ws(f.x,o.x,V),ws(f.y,o.y,V)),this.setTargetDelta(f),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(ie(d,this.layout.layoutBox,this.relativeParent.layout.layoutBox,this.options.layoutAnchor||void 0),cc(this.relativeTarget,this.relativeTargetOrigin,d,V),w&&jl(this.relativeTarget,w)&&(this.isProjectionDirty=!1),w||(w=k()),$(w,this.relativeTarget)),p&&(this.animationValues=h,Wl(h,c,this.latestValues,V,x,v)),A&&A.rotate!==void 0&&(this.animationValues||(this.animationValues=h),this.animationValues.pathRotation=A.rotate),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=V},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(o){var a,l,u;this.notifyListeners("animationStart"),(a=this.currentAnimation)==null||a.stop(),(u=(l=this.resumingFrom)==null?void 0:l.currentAnimation)==null||u.stop(),this.pendingAnimation&&(ot(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=M.update(()=>{Yt.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=wt(0)),this.motionValue.jump(0,!1),this.currentAnimation=Gl(this.motionValue,[0,1e3],{...o,velocity:0,isSync:!0,onUpdate:c=>{this.mixTargetDelta(c),o.onUpdate&&o.onUpdate(c)},onStop:()=>{},onComplete:()=>{o.onComplete&&o.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const o=this.getStack();o&&o.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(Yl),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const o=this.getLead();let{targetWithTransforms:a,target:l,layout:u,latestValues:c}=o;if(!(!a||!l||!u)){if(this!==o&&this.layout&&u&&co(this.options.animationType,this.layout.layoutBox,u.layoutBox)){l=this.target||k();const h=N(this.layout.layoutBox.x);l.x.min=o.target.x.min,l.x.max=l.x.min+h;const f=N(this.layout.layoutBox.y);l.y.min=o.target.y.min,l.y.max=l.y.min+f}$(a,l),_t(a,c),Dt(this.projectionDeltaWithTransform,this.layoutCorrected,a,c)}}registerSharedNode(o,a){this.sharedNodes.has(o)||this.sharedNodes.set(o,new Xl),this.sharedNodes.get(o).add(a);const u=a.options.initialPromotionConfig;a.promote({transition:u?u.transition:void 0,preserveFollowOpacity:u&&u.shouldPreserveFollowOpacity?u.shouldPreserveFollowOpacity(a):void 0})}isLead(){const o=this.getStack();return o?o.lead===this:!0}getLead(){var a;const{layoutId:o}=this.options;return o?((a=this.getStack())==null?void 0:a.lead)||this:this}getPrevLead(){var a;const{layoutId:o}=this.options;return o?(a=this.getStack())==null?void 0:a.prevLead:void 0}getStack(){const{layoutId:o}=this.options;if(o)return this.root.sharedNodes.get(o)}promote({needsReset:o,transition:a,preserveFollowOpacity:l}={}){const u=this.getStack();u&&u.promote(this,l),o&&(this.projectionDelta=void 0,this.needsReset=!0),a&&this.setOptions({transition:a})}relegate(){const o=this.getStack();return o?o.relegate(this):!1}resetSkewAndRotation(){const{visualElement:o}=this.options;if(!o)return;let a=!1;const{latestValues:l}=o;if((l.z||l.rotate||l.rotateX||l.rotateY||l.rotateZ||l.skewX||l.skewY)&&(a=!0),!a)return;const u={};l.z&&xe("z",o,u,this.animationValues);for(let c=0;c<ve.length;c++)xe(`rotate${ve[c]}`,o,u,this.animationValues),xe(`skew${ve[c]}`,o,u,this.animationValues);o.render();for(const c in u)o.setStaticValue(c,u[c]),this.animationValues&&(this.animationValues[c]=u[c]);o.scheduleRender()}applyProjectionStyles(o,a){if(!this.instance||this.isSVG)return;if(!this.isVisible){o.visibility="hidden";return}const l=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,o.visibility="",o.opacity="",o.pointerEvents=Xt(a==null?void 0:a.pointerEvents)||"",o.transform=l?l(this.latestValues,""):"none";return}const u=this.getLead();if(!this.projectionDelta||!this.layout||!u.target){this.options.layoutId&&(o.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,o.pointerEvents=Xt(a==null?void 0:a.pointerEvents)||""),this.hasProjected&&!ut(this.latestValues)&&(o.transform=l?l({},""):"none",this.hasProjected=!1);return}o.visibility="";const c=u.animationValues||u.latestValues;this.applyTransformsToTarget();let h=Nl(this.projectionDeltaWithTransform,this.treeScale,c);l&&(h=l(c,h)),o.transform=h;const{x:f,y:d}=this.projectionDelta;o.transformOrigin=`${f.origin*100}% ${d.origin*100}% 0`,u.animationValues?o.opacity=u===this?c.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:c.opacityExit:o.opacity=u===this?c.opacity!==void 0?c.opacity:"":c.opacityExit!==void 0?c.opacityExit:0;for(const m in Xe){if(c[m]===void 0)continue;const{correct:g,applyTo:p,isCSSVariable:y}=Xe[m],v=h==="none"?c[m]:g(c[m],u);if(p){const x=p.length;for(let w=0;w<x;w++)o[p[w]]=v}else y?this.options.visualElement.renderState.vars[m]=v:o[m]=v}this.options.layoutId&&(o.pointerEvents=u===this?Xt(a==null?void 0:a.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(o=>{var a;return(a=o.currentAnimation)==null?void 0:a.stop()}),this.root.nodes.forEach(vs),this.root.sharedNodes.clear()}}}function Zl(t){t.updateLayout()}function Jl(t){var n;const e=((n=t.resumeFrom)==null?void 0:n.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){const{layoutBox:s,measuredBox:i}=t.layout,{animationType:r}=t.options,o=e.source!==t.layout.source;if(r==="size")q(h=>{const f=o?e.measuredBox[h]:e.layoutBox[h],d=N(f);f.min=s[h].min,f.max=f.min+d});else if(r==="x"||r==="y"){const h=r==="x"?"y":"x";Ye(o?e.measuredBox[h]:e.layoutBox[h],s[h])}else co(r,e.layoutBox,s)&&q(h=>{const f=o?e.measuredBox[h]:e.layoutBox[h],d=N(s[h]);f.max=f.min+d,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[h].max=t.relativeTarget[h].min+d)});const a=xt();Dt(a,s,e.layoutBox);const l=xt();o?Dt(l,t.applyTransform(i,!0),e.measuredBox):Dt(l,s,e.layoutBox);const u=!so(a);let c=!1;if(!t.resumeFrom){const h=t.getClosestProjectingParent();if(h&&!h.resumeFrom){const{snapshot:f,layout:d}=h;if(f&&d){const m=t.options.layoutAnchor||void 0,g=k();ie(g,e.layoutBox,f.layoutBox,m);const p=k();ie(p,s,d.layoutBox,m),io(g,p)||(c=!0),h.options.layoutRoot&&(t.relativeTarget=p,t.relativeTargetOrigin=g,t.relativeParent=h)}}}t.notifyListeners("didUpdate",{layout:s,snapshot:e,delta:l,layoutDelta:a,hasLayoutChanged:u,hasRelativeLayoutChanged:c})}else if(t.isLead()){const{onExitComplete:s}=t.options;s&&s()}t.options.transition=void 0}function Ql(t){t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=!!(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function tc(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function ec(t){t.clearSnapshot()}function vs(t){t.clearMeasurements()}function nc(t){t.isLayoutDirty=!0,t.updateLayout()}function xs(t){t.isLayoutDirty=!1}function sc(t){t.isAnimationBlocked&&t.layout&&!t.isLayoutDirty&&(t.snapshot=t.layout,t.isLayoutDirty=!0)}function ic(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Ts(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function oc(t){t.resolveTargetDelta()}function rc(t){t.calcProjection()}function ac(t){t.resetSkewAndRotation()}function lc(t){t.removeLeadSnapshot()}function ws(t,e,n){t.translate=C(e.translate,0,n),t.scale=C(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Ss(t,e,n,s){t.min=C(e.min,n.min,s),t.max=C(e.max,n.max,s)}function cc(t,e,n,s){Ss(t.x,e.x,n.x,s),Ss(t.y,e.y,n.y,s)}function uc(t){return t.animationValues&&t.animationValues.opacityExit!==void 0}const hc={duration:.45,ease:[.4,0,.1,1]},Ps=t=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),bs=Ps("applewebkit/")&&!Ps("chrome/")?Math.round:G;function As(t){t.min=bs(t.min),t.max=bs(t.max)}function fc(t){As(t.x),As(t.y)}function co(t,e,n){return t==="position"||t==="preserve-aspect"&&!kl(ds(e),ds(n),.2)}function dc(t){var e;return t!==t.root&&((e=t.scroll)==null?void 0:e.wasRoot)}const mc=lo({attachResizeListener:(t,e)=>Bt(t,"resize",e),measureScroll:()=>{var t,e;return{x:document.documentElement.scrollLeft||((t=document.body)==null?void 0:t.scrollLeft)||0,y:document.documentElement.scrollTop||((e=document.body)==null?void 0:e.scrollTop)||0}},checkIsScrollRoot:()=>!0}),Te={current:void 0},uo=lo({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!Te.current){const t=new mc({});t.mount(window),t.setOptions({layoutScroll:!0}),Te.current=t}return Te.current},resetTransform:(t,e)=>{t.style.transform=e!==void 0?e:"none"},checkIsScrollRoot:t=>window.getComputedStyle(t).position==="fixed"}),ho=S.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});function pc(t=!0){const e=S.useContext(Je);if(e===null)return[!0,null];const{isPresent:n,onExitComplete:s,register:i}=e,r=S.useId();S.useEffect(()=>{if(t)return i(r)},[t]);const o=S.useCallback(()=>t&&s&&s(r),[r,s,t]);return!n&&s?[!1,o]:[!0]}const fo=S.createContext({strict:!1}),Vs={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]};let Cs=!1;function gc(){if(Cs)return;const t={};for(const e in Vs)t[e]={isEnabled:n=>Vs[e]?.some(s=>!!n[s])};Wi(t),Cs=!0}function mo(){return gc(),ol()}function yc(t){const e=mo();for(const n in t)e[n]={...e[n],...t[n]};Wi(e)}const vc=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","propagate","ignoreStrict","viewport"]);function oe(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||vc.has(t)}let po=t=>!oe(t);function xc(t){typeof t=="function"&&(po=e=>e.startsWith("on")?!oe(e):t(e))}try{xc(require("@emotion/is-prop-valid").default)}catch{}function Tc(t,e,n){const s={};for(const i in t)i==="values"&&typeof t.values=="object"||O(t[i])||(po(i)||n===!0&&oe(i)||!e&&!oe(i)||t.draggable&&i.startsWith("onDrag"))&&(s[i]=t[i]);return s}const ce=S.createContext({});function wc(t,e){if(le(t)){const{initial:n,animate:s}=t;return{initial:n===!1||kt(n)?n:void 0,animate:kt(s)?s:void 0}}return t.inherit!==!1?e:{}}function Sc(t){const{initial:e,animate:n}=wc(t,S.useContext(ce));return S.useMemo(()=>({initial:e,animate:n}),[Ms(e),Ms(n)])}function Ms(t){return Array.isArray(t)?t.join(" "):t}const Pn=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function go(t,e,n){for(const s in e)!O(e[s])&&!Xi(s,n)&&(t[s]=e[s])}function Pc({transformTemplate:t},e){return S.useMemo(()=>{const n=Pn();return wn(n,e,t),Object.assign({},n.vars,n.style)},[e])}function bc(t,e){const n=t.style||{},s={};return go(s,n,t),Object.assign(s,Pc(t,e)),s}function Ac(t,e){const n={},s=bc(t,e);return t.drag&&t.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.touchAction=t.drag===!0?"none":`pan-${t.drag==="x"?"y":"x"}`),t.tabIndex===void 0&&(t.onTap||t.onTapStart||t.whileTap)&&(n.tabIndex=0),n.style=s,n}const yo=()=>({...Pn(),attrs:{}});function Vc(t,e,n,s){const i=S.useMemo(()=>{const r=yo();return Yi(r,e,Zi(s),t.transformTemplate,t.style),{...r.attrs,style:{...r.style}}},[e]);if(t.style){const r={};go(r,t.style,t),i.style={...r,...i.style}}return i}const Cc=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function bn(t){return typeof t!="string"||t.includes("-")?!1:!!(Cc.indexOf(t)>-1||/[A-Z]/u.test(t))}function Mc(t,e,n,{latestValues:s},i,r=!1,o){const l=(o??bn(t)?Vc:Ac)(e,s,i,t),u=Tc(e,typeof t=="string",r),c=t!==S.Fragment?{...u,...l,ref:n}:{},{children:h}=e,f=S.useMemo(()=>O(h)?h.get():h,[h]);return S.createElement(t,{...c,children:f})}function Dc({scrapeMotionValuesFromProps:t,createRenderState:e},n,s,i){return{latestValues:Ec(n,s,i,t),renderState:e()}}function Ec(t,e,n,s){const i={},r=s(t,{});for(const f in r)i[f]=Xt(r[f]);let{initial:o,animate:a}=t;const l=le(t),u=Ni(t);e&&u&&!l&&t.inherit!==!1&&(o===void 0&&(o=e.initial),a===void 0&&(a=e.animate));let c=n?n.initial===!1:!1;c=c||o===!1;const h=c?a:o;if(h&&typeof h!="boolean"&&!ae(h)){const f=Array.isArray(h)?h:[h];for(let d=0;d<f.length;d++){const m=mn(t,f[d]);if(m){const{transitionEnd:g,transition:p,...y}=m;for(const v in y){let x=y[v];if(Array.isArray(x)){const w=c?x.length-1:0;x=x[w]}x!==null&&(i[v]=x)}for(const v in g)i[v]=g[v]}}}return i}const vo=t=>(e,n)=>{const s=S.useContext(ce),i=S.useContext(Je),r=()=>Dc(t,e,s,i);return n?r():Mo(r)},Rc=vo({scrapeMotionValuesFromProps:Sn,createRenderState:Pn}),Lc=vo({scrapeMotionValuesFromProps:Ji,createRenderState:yo}),kc=Symbol.for("motionComponentSymbol");function Bc(t,e,n){const s=S.useRef(n);S.useInsertionEffect(()=>{s.current=n});const i=S.useRef(null);return S.useCallback(r=>{var a;r&&((a=t.onMount)==null||a.call(t,r)),e&&(r?e.mount(r):e.unmount());const o=s.current;if(typeof o=="function")if(r){const l=o(r);typeof l=="function"&&(i.current=l)}else i.current?(i.current(),i.current=null):o(r);else o&&(o.current=r)},[e])}const xo=S.createContext({});function gt(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}function Ic(t,e,n,s,i,r){var x,w;const{visualElement:o}=S.useContext(ce),a=S.useContext(fo),l=S.useContext(Je),u=S.useContext(ho),c=u.reducedMotion,h=u.skipAnimations,f=S.useRef(null),d=S.useRef(!1);s=s||a.renderer,!f.current&&s&&(f.current=s(t,{visualState:e,parent:o,props:n,presenceContext:l,blockInitialAnimation:l?l.initial===!1:!1,reducedMotionConfig:c,skipAnimations:h,isSVG:r}),d.current&&f.current&&(f.current.manuallyAnimateOnMount=!0));const m=f.current,g=S.useContext(xo);m&&!m.projection&&i&&(m.type==="html"||m.type==="svg")&&Fc(f.current,n,i,g);const p=S.useRef(!1);S.useInsertionEffect(()=>{m&&p.current&&m.update(n,l)});const y=n[Ci],v=S.useRef(!!y&&typeof window<"u"&&!((x=window.MotionHandoffIsComplete)!=null&&x.call(window,y))&&((w=window.MotionHasOptimisedAnimation)==null?void 0:w.call(window,y)));return Eo(()=>{d.current=!0,m&&(p.current=!0,window.MotionIsMounted=!0,m.updateFeatures(),m.scheduleRenderMicrotask(),v.current&&m.animationState&&m.animationState.animateChanges())}),S.useEffect(()=>{m&&(!v.current&&m.animationState&&m.animationState.animateChanges(),v.current&&(queueMicrotask(()=>{var b;(b=window.MotionHandoffMarkAsComplete)==null||b.call(window,y)}),v.current=!1),m.enteringChildren=void 0)}),m}function Fc(t,e,n,s){const{layoutId:i,layout:r,drag:o,dragConstraints:a,layoutScroll:l,layoutRoot:u,layoutAnchor:c,layoutCrossfade:h}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:To(t.parent)),t.projection.setOptions({layoutId:i,layout:r,alwaysMeasureLayout:!!o||a&&gt(a),visualElement:t,animationType:typeof r=="string"?r:"both",initialPromotionConfig:s,crossfade:h,layoutScroll:l,layoutRoot:u,layoutAnchor:c})}function To(t){if(t)return t.options.allowProjection!==!1?t.projection:To(t.parent)}function we(t,{forwardMotionProps:e=!1,type:n}={},s,i){s&&yc(s);const r=n?n==="svg":bn(t),o=r?Lc:Rc;function a(u,c){let h;const f={...S.useContext(ho),...u,layoutId:Oc(u)},{isStatic:d}=f,m=Sc(u),g=o(u,d);if(!d&&typeof window<"u"){jc();const p=Nc(f);h=p.MeasureLayout,m.visualElement=Ic(t,g,f,i,p.ProjectionNode,r)}return Ve.jsxs(ce.Provider,{value:m,children:[h&&m.visualElement?Ve.jsx(h,{visualElement:m.visualElement,...f}):null,Mc(t,u,Bc(g,m.visualElement,c),g,d,e,r)]})}a.displayName=`motion.${typeof t=="string"?t:`create(${t.displayName??t.name??""})`}`;const l=S.forwardRef(a);return l[kc]=t,l}function Oc({layoutId:t}){const e=S.useContext(Ns).id;return e&&t!==void 0?e+"-"+t:t}function jc(t,e){S.useContext(fo).strict}function Nc(t){const e=mo(),{drag:n,layout:s}=e;if(!n&&!s)return{};const i={...n,...s};return{MeasureLayout:n!=null&&n.isEnabled(t)||s!=null&&s.isEnabled(t)?i.MeasureLayout:void 0,ProjectionNode:i.ProjectionNode}}function Uc(t,e){if(typeof Proxy>"u")return we;const n=new Map,s=(r,o)=>we(r,o,t,e),i=(r,o)=>s(r,o);return new Proxy(i,{get:(r,o)=>o==="create"?s:(n.has(o)||n.set(o,we(o,void 0,t,e)),n.get(o))})}const Wc=(t,e)=>e.isSVG??bn(t)?new Sl(e):new gl(e,{allowProjection:t!==S.Fragment});class Kc extends rt{constructor(e){super(e),e.animationState||(e.animationState=Cl(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();ae(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:n}=this.node.prevProps||{};e!==n&&this.updateAnimationControlsSubscription()}unmount(){var e;this.node.animationState.reset(),(e=this.unmountControls)==null||e.call(this)}}let zc=0;class Gc extends rt{constructor(){super(...arguments),this.id=zc++,this.isExitComplete=!1}update(){var r;if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===s)return;if(e&&s===!1){if(this.isExitComplete){const{initial:o,custom:a}=this.node.getProps();if(typeof o=="string"||typeof o=="object"&&o!==null&&!Array.isArray(o)){const l=mt(this.node,o,a);if(l){const{transition:u,transitionEnd:c,...h}=l;for(const f in h)(r=this.node.getValue(f))==null||r.jump(h[f])}}this.node.animationState.reset(),this.node.animationState.animateChanges()}else this.node.animationState.setActive("exit",!1);this.isExitComplete=!1;return}const i=this.node.animationState.setActive("exit",!e);n&&!e&&i.then(()=>{this.isExitComplete=!0,n(this.id)})}mount(){const{register:e,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),e&&(this.unmount=e(this.id))}unmount(){}}const $c={animation:{Feature:Kc},exit:{Feature:Gc}};function jt(t){return{point:{x:t.pageX,y:t.pageY}}}const Hc=t=>e=>yn(e)&&t(e,jt(e));function Et(t,e,n,s){return Bt(t,e,Hc(n),s)}const wo=({current:t})=>t?t.ownerDocument.defaultView:null,Ds=(t,e)=>Math.abs(t-e);function _c(t,e){const n=Ds(t.x,e.x),s=Ds(t.y,e.y);return Math.sqrt(n**2+s**2)}const Es=new Set(["auto","scroll"]);class So{constructor(e,n,{transformPagePoint:s,contextWindow:i=window,dragSnapToOrigin:r=!1,distanceThreshold:o=3,element:a}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.lastRawMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=d=>{this.handleScroll(d.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;this.lastRawMoveEventInfo&&(this.lastMoveEventInfo=Wt(this.lastRawMoveEventInfo,this.transformPagePoint));const d=Se(this.lastMoveEventInfo,this.history),m=this.startEvent!==null,g=_c(d.offset,{x:0,y:0})>=this.distanceThreshold;if(!m&&!g)return;const{point:p}=d,{timestamp:y}=F;this.history.push({...p,timestamp:y});const{onStart:v,onMove:x}=this.handlers;m||(v&&v(this.lastMoveEvent,d),this.startEvent=this.lastMoveEvent),x&&x(this.lastMoveEvent,d)},this.handlePointerMove=(d,m)=>{this.lastMoveEvent=d,this.lastRawMoveEventInfo=m,this.lastMoveEventInfo=Wt(m,this.transformPagePoint),M.update(this.updatePoint,!0)},this.handlePointerUp=(d,m)=>{this.end();const{onEnd:g,onSessionEnd:p,resumeAnimation:y}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&y&&y(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const v=Se(d.type==="pointercancel"?this.lastMoveEventInfo:Wt(m,this.transformPagePoint),this.history);this.startEvent&&g&&g(d,v),p&&p(d,v)},!yn(e))return;this.dragSnapToOrigin=r,this.handlers=n,this.transformPagePoint=s,this.distanceThreshold=o,this.contextWindow=i||window;const l=jt(e),u=Wt(l,this.transformPagePoint),{point:c}=u,{timestamp:h}=F;this.history=[{...c,timestamp:h}];const{onSessionStart:f}=n;f&&f(e,Se(u,this.history)),this.removeListeners=It(Et(this.contextWindow,"pointermove",this.handlePointerMove),Et(this.contextWindow,"pointerup",this.handlePointerUp),Et(this.contextWindow,"pointercancel",this.handlePointerUp)),a&&this.startScrollTracking(a)}startScrollTracking(e){let n=e.parentElement;for(;n;){const s=getComputedStyle(n);(Es.has(s.overflowX)||Es.has(s.overflowY))&&this.scrollPositions.set(n,{x:n.scrollLeft,y:n.scrollTop}),n=n.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener("scroll",this.onElementScroll,{capture:!0}),window.addEventListener("scroll",this.onWindowScroll),this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:!0}),window.removeEventListener("scroll",this.onWindowScroll)}}handleScroll(e){const n=this.scrollPositions.get(e);if(!n)return;const s=e===window,i=s?{x:window.scrollX,y:window.scrollY}:{x:e.scrollLeft,y:e.scrollTop},r={x:i.x-n.x,y:i.y-n.y};r.x===0&&r.y===0||(s?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=r.x,this.lastMoveEventInfo.point.y+=r.y):this.history.length>0&&(this.history[0].x-=r.x,this.history[0].y-=r.y),this.scrollPositions.set(e,i),M.update(this.updatePoint,!0))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),ot(this.updatePoint)}}function Wt(t,e){return e?{point:e(t.point)}:t}function Rs(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Se({point:t},e){return{point:t,delta:Rs(t,Po(e)),offset:Rs(t,Xc(e)),velocity:Yc(e,.1)}}function Xc(t){return t[0]}function Po(t){return t[t.length-1]}function Yc(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,s=null;const i=Po(t);for(;n>=0&&(s=t[n],!(i.timestamp-s.timestamp>W(e)));)n--;if(!s)return{x:0,y:0};s===t[0]&&t.length>2&&i.timestamp-s.timestamp>W(e)*2&&(s=t[1]);const r=z(i.timestamp-s.timestamp);if(r===0)return{x:0,y:0};const o={x:(i.x-s.x)/r,y:(i.y-s.y)/r};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function qc(t,{min:e,max:n},s){return e!==void 0&&t<e?t=s?C(e,t,s.min):Math.max(t,e):n!==void 0&&t>n&&(t=s?C(n,t,s.max):Math.min(t,n)),t}function Ls(t,e,n){return{min:e!==void 0?t.min+e:void 0,max:n!==void 0?t.max+n-(t.max-t.min):void 0}}function Zc(t,{top:e,left:n,bottom:s,right:i}){return{x:Ls(t.x,n,i),y:Ls(t.y,e,s)}}function ks(t,e){let n=e.min-t.min,s=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,s]=[s,n]),{min:n,max:s}}function Jc(t,e){return{x:ks(t.x,e.x),y:ks(t.y,e.y)}}function Qc(t,e){let n=.5;const s=N(t),i=N(e);return i>s?n=Rt(e.min,e.max-s,t.min):s>i&&(n=Rt(t.min,t.max-i,e.min)),Q(0,1,n)}function tu(t,e){const n={};return e.min!==void 0&&(n.min=e.min-t.min),e.max!==void 0&&(n.max=e.max-t.min),n}const qe=.35;function eu(t=qe){return t===!1?t=0:t===!0&&(t=qe),{x:Bs(t,"left","right"),y:Bs(t,"top","bottom")}}function Bs(t,e,n){return{min:Is(t,e),max:Is(t,n)}}function Is(t,e){return typeof t=="number"?t:t[e]||0}const nu=new WeakMap;class su{constructor(e){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=k(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:n=!1,distanceThreshold:s}={}){const{presenceContext:i}=this.visualElement;if(i&&i.isPresent===!1)return;const r=h=>{n&&this.snapToCursor(jt(h).point),this.stopAnimation()},o=(h,f)=>{const{drag:d,dragPropagation:m,onDragStart:g}=this.getProps();if(d&&!m&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Ia(d),!this.openDragLock))return;this.latestPointerEvent=h,this.latestPanInfo=f,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),q(y=>{let v=this.getAxisMotionValue(y).get()||0;if(J.test(v)){const{projection:x}=this.visualElement;if(x&&x.layout){const w=x.layout.layoutBox[y];w&&(v=N(w)*(parseFloat(v)/100))}}this.originPoint[y]=v}),g&&M.update(()=>g(h,f),!1,!0),Ue(this.visualElement,"transform");const{animationState:p}=this.visualElement;p&&p.setActive("whileDrag",!0)},a=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f;const{dragPropagation:d,dragDirectionLock:m,onDirectionLock:g,onDrag:p}=this.getProps();if(!d&&!this.openDragLock)return;const{offset:y}=f;if(m&&this.currentDirection===null){this.currentDirection=ou(y),this.currentDirection!==null&&g&&g(this.currentDirection);return}this.updateAxis("x",f.point,y),this.updateAxis("y",f.point,y),this.visualElement.render(),p&&M.update(()=>p(h,f),!1,!0)},l=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f,this.stop(h,f),this.latestPointerEvent=null,this.latestPanInfo=null},u=()=>{const{dragSnapToOrigin:h}=this.getProps();(h||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:c}=this.getProps();this.panSession=new So(e,{onSessionStart:r,onStart:o,onMove:a,onSessionEnd:l,resumeAnimation:u},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:c,distanceThreshold:s,contextWindow:wo(this.visualElement),element:this.visualElement.current})}stop(e,n){const s=e||this.latestPointerEvent,i=n||this.latestPanInfo,r=this.isDragging;if(this.cancel(),!r||!i||!s)return;const{velocity:o}=i;this.startAnimation(o);const{onDragEnd:a}=this.getProps();a&&M.postRender(()=>a(s,i))}cancel(){this.isDragging=!1;const{projection:e,animationState:n}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.endPanSession();const{dragPropagation:s}=this.getProps();!s&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(e,n,s){const{drag:i}=this.getProps();if(!s||!Kt(e,i,this.currentDirection))return;const r=this.getAxisMotionValue(e);let o=this.originPoint[e]+s[e];this.constraints&&this.constraints[e]&&(o=qc(o,this.constraints[e],this.elastic[e])),r.set(o)}resolveConstraints(){var r;const{dragConstraints:e,dragElastic:n}=this.getProps(),s=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(r=this.visualElement.projection)==null?void 0:r.layout,i=this.constraints;e&&gt(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):e&&s?this.constraints=Zc(s.layoutBox,e):this.constraints=!1,this.elastic=eu(n),i!==this.constraints&&!gt(e)&&s&&this.constraints&&!this.hasMutatedConstraints&&q(o=>{this.constraints!==!1&&this.getAxisMotionValue(o)&&(this.constraints[o]=tu(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:n}=this.getProps();if(!e||!gt(e))return!1;const s=e.current,{projection:i}=this.visualElement;if(!i||!i.layout)return!1;i.root&&(i.root.scroll=void 0,i.root.updateScroll());const r=ul(s,i.root,this.visualElement.getTransformPagePoint());let o=Jc(i.layout.layoutBox,r);if(n){const a=n(al(o));this.hasMutatedConstraints=!!a,a&&(o=zi(a))}return o}startAnimation(e){const{drag:n,dragMomentum:s,dragElastic:i,dragTransition:r,dragSnapToOrigin:o,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},u=q(c=>{if(!Kt(c,n,this.currentDirection))return;let h=l&&l[c]||{};(o===!0||o===c)&&(h={min:0,max:0});const f=i?200:1e6,d=i?40:1e7,m={type:"inertia",velocity:s?e[c]:0,bounceStiffness:f,bounceDamping:d,timeConstant:750,restDelta:1,restSpeed:10,...r,...h};return this.startAxisValueAnimation(c,m)});return Promise.all(u).then(a)}startAxisValueAnimation(e,n){const s=this.getAxisMotionValue(e);return Ue(this.visualElement,e),s.start(dn(e,s,0,n,this.visualElement,!1))}stopAnimation(){q(e=>this.getAxisMotionValue(e).stop())}getAxisMotionValue(e){const n=`_drag${e.toUpperCase()}`,i=this.visualElement.getProps()[n];return i||this.visualElement.getValue(e,this.visualElement.latestValues[e]??0)}snapToCursor(e){q(n=>{const{drag:s}=this.getProps();if(!Kt(n,s,this.currentDirection))return;const{projection:i}=this.visualElement,r=this.getAxisMotionValue(n);if(i&&i.layout){const{min:o,max:a}=i.layout.layoutBox[n],l=r.get()||0;r.set(e[n]-C(o,a,.5)+l)}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:s}=this.visualElement;if(!gt(n)||!s||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};q(o=>{const a=this.getAxisMotionValue(o);if(a&&this.constraints!==!1){const l=a.get();i[o]=Qc({min:l,max:l},this.constraints[o])}});const{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.constraints=!1,this.resolveConstraints(),q(o=>{if(!Kt(o,e,null))return;const a=this.getAxisMotionValue(o),{min:l,max:u}=this.constraints[o];a.set(C(l,u,i[o]))}),this.visualElement.render()}addListeners(){if(!this.visualElement.current)return;nu.set(this.visualElement,this);const e=this.visualElement.current,n=Et(e,"pointerdown",u=>{const{drag:c,dragListener:h=!0}=this.getProps(),f=u.target,d=f!==e&&Wa(f);c&&h&&!d&&this.start(u)});let s;const i=()=>{const{dragConstraints:u}=this.getProps();gt(u)&&u.current&&(this.constraints=this.resolveRefConstraints(),s||(s=iu(e,u.current,()=>this.scalePositionWithinConstraints())))},{projection:r}=this.visualElement,o=r.addEventListener("measure",i);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),M.read(i);const a=Bt(window,"resize",()=>this.scalePositionWithinConstraints()),l=r.addEventListener("didUpdate",(({delta:u,hasLayoutChanged:c})=>{this.isDragging&&c&&(q(h=>{const f=this.getAxisMotionValue(h);f&&(this.originPoint[h]+=u[h].translate,f.set(f.get()+u[h].translate))}),this.visualElement.render())}));return()=>{a(),n(),o(),l&&l(),s&&s()}}getProps(){const e=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:s=!1,dragPropagation:i=!1,dragConstraints:r=!1,dragElastic:o=qe,dragMomentum:a=!0}=e;return{...e,drag:n,dragDirectionLock:s,dragPropagation:i,dragConstraints:r,dragElastic:o,dragMomentum:a}}}function Fs(t){let e=!0;return()=>{if(e){e=!1;return}t()}}function iu(t,e,n){const s=$n(t,Fs(n)),i=$n(e,Fs(n));return()=>{s(),i()}}function Kt(t,e,n){return(e===!0||e===t)&&(n===null||n===t)}function ou(t,e=10){let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}class ru extends rt{constructor(e){super(e),this.removeGroupControls=G,this.removeListeners=G,this.controls=new su(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||G}update(){const{dragControls:e}=this.node.getProps(),{dragControls:n}=this.node.prevProps||{};e!==n&&(this.removeGroupControls(),e&&(this.removeGroupControls=e.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}}const Pe=t=>(e,n)=>{t&&M.update(()=>t(e,n),!1,!0)};class au extends rt{constructor(){super(...arguments),this.removePointerDownListener=G}onPointerDown(e){this.session=new So(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:wo(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:n,onPan:s,onPanEnd:i}=this.node.getProps();return{onSessionStart:Pe(e),onStart:Pe(n),onMove:Pe(s),onEnd:(r,o)=>{delete this.session,i&&M.postRender(()=>i(r,o))}}}mount(){this.removePointerDownListener=Et(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}let be=!1;class lu extends S.Component{componentDidMount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s,layoutId:i}=this.props,{projection:r}=e;r&&(n.group&&n.group.add(r),s&&s.register&&i&&s.register(r),be&&r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),Yt.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:n,visualElement:s,drag:i,isPresent:r}=this.props,{projection:o}=s;return o&&(o.isPresent=r,e.layoutDependency!==n&&o.setOptions({...o.options,layoutDependency:n}),be=!0,i||e.layoutDependency!==n||n===void 0||e.isPresent!==r?o.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?o.promote():o.relegate()||M.postRender(()=>{const a=o.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{visualElement:e,layoutAnchor:n}=this.props,{projection:s}=e;s&&(s.options.layoutAnchor=n,s.root.didUpdate(),gn.postRender(()=>{!s.currentAnimation&&s.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s}=this.props,{projection:i}=e;be=!0,i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),s&&s.deregister&&s.deregister(i))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function bo(t){const[e,n]=pc(),s=S.useContext(Ns);return Ve.jsx(lu,{...t,layoutGroup:s,switchLayoutGroup:S.useContext(xo),isPresent:e,safeToRemove:n})}const cu={pan:{Feature:au},drag:{Feature:ru,ProjectionNode:uo,MeasureLayout:bo}};function Os(t,e,n){const{props:s}=t;t.animationState&&s.whileHover&&t.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,r=s[i];r&&M.postRender(()=>r(e,jt(e)))}class uu extends rt{mount(){const{current:e}=this.node;e&&(this.unmount=Oa(e,(n,s)=>(Os(this.node,s,"Start"),i=>Os(this.node,i,"End"))))}unmount(){}}class hu extends rt{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch{e=!0}!e||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=It(Bt(this.node.current,"focus",()=>this.onFocus()),Bt(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function js(t,e,n){const{props:s}=t;if(t.current instanceof HTMLButtonElement&&t.current.disabled)return;t.animationState&&s.whileTap&&t.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),r=s[i];r&&M.postRender(()=>r(e,jt(e)))}class fu extends rt{mount(){const{current:e}=this.node;if(!e)return;const{globalTapTarget:n,propagate:s}=this.node.props;this.unmount=za(e,(i,r)=>(js(this.node,r,"Start"),(o,{success:a})=>js(this.node,o,a?"End":"Cancel")),{useGlobalTarget:n,stopPropagation:(s==null?void 0:s.tap)===!1})}unmount(){}}const Ze=new WeakMap,Ae=new WeakMap,du=t=>{const e=Ze.get(t.target);e&&e(t)},mu=t=>{t.forEach(du)};function pu({root:t,...e}){const n=t||document;Ae.has(n)||Ae.set(n,{});const s=Ae.get(n),i=JSON.stringify(e);return s[i]||(s[i]=new IntersectionObserver(mu,{root:t,...e})),s[i]}function gu(t,e,n){const s=pu(e);return Ze.set(t,n),s.observe(t),()=>{Ze.delete(t),s.unobserve(t)}}const yu={some:0,all:1};class vu extends rt{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){var l;(l=this.stopObserver)==null||l.call(this);const{viewport:e={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:r}=e,o={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:yu[i]},a=u=>{const{isIntersecting:c}=u;if(this.isInView===c||(this.isInView=c,r&&!c&&this.hasEnteredView))return;c&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",c);const{onViewportEnter:h,onViewportLeave:f}=this.node.getProps(),d=c?h:f;d&&d(u)};this.stopObserver=gu(this.node.current,o,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:e,prevProps:n}=this.node;["amount","margin","root"]?.some(xu(e,n))&&this.startObserver()}unmount(){var e;(e=this.stopObserver)==null||e.call(this),this.hasEnteredView=!1,this.isInView=!1}}function xu({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}const Tu={inView:{Feature:vu},tap:{Feature:fu},focus:{Feature:hu},hover:{Feature:uu}},wu={layout:{ProjectionNode:uo,MeasureLayout:bo}},Su={...$c,...Tu,...cu,...wu},Cu=Uc(Su,Wc);export{Au as C,Cu as m};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/radio-group-DqG5gUnT.js b/apps/edr-freight-web/backoffice/public/_um/assets/radio-group-DqG5gUnT.js
new file mode 100644
index 000000000..7d7b459d4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/radio-group-DqG5gUnT.js
@@ -0,0 +1 @@
+import{j as a,b8 as d}from"./index-Db-xuq0b.js";import{R as p}from"./Radio-C3SNvFel.js";function n({className:s,value:o,defaultValue:i,onValueChange:r,children:t,...e}){return a.jsx(p.Group,{value:o,defaultValue:i,onChange:u=>r==null?void 0:r(u),className:d("grid gap-3",s),...e,children:t})}function x({className:s,value:o,id:i,disabled:r,...t}){return a.jsx(p,{value:o,id:i,disabled:r,classNames:{radio:d("border-input text-primary cursor-pointer aspect-square size-4 shrink-0 rounded-full border shadow-xs disabled:cursor-not-allowed disabled:opacity-50",s)},...t})}export{n as R,x as a};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/refresh-cw-JB7N413f.js b/apps/edr-freight-web/backoffice/public/_um/assets/refresh-cw-JB7N413f.js
new file mode 100644
index 000000000..43691c91c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/refresh-cw-JB7N413f.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const t=[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]],c=e("refresh-cw",t);export{c as R};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/save-BpdaNhEd.js b/apps/edr-freight-web/backoffice/public/_um/assets/save-BpdaNhEd.js
new file mode 100644
index 000000000..2ed04baa2
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/save-BpdaNhEd.js
@@ -0,0 +1,6 @@
+import{y as a}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]],o=a("save",e);export{o as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/scroll-area-zSBvHuIO.js b/apps/edr-freight-web/backoffice/public/_um/assets/scroll-area-zSBvHuIO.js
new file mode 100644
index 000000000..beaf98cda
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/scroll-area-zSBvHuIO.js
@@ -0,0 +1 @@
+import{j as e,ai as o,b8 as t}from"./index-Db-xuq0b.js";function c({className:r,children:a,...s}){return e.jsx(o,{className:t("relative",r),...s,children:a})}export{c as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/search-CM5F2ZRy.js b/apps/edr-freight-web/backoffice/public/_um/assets/search-CM5F2ZRy.js
new file mode 100644
index 000000000..f82f2744e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/search-CM5F2ZRy.js
@@ -0,0 +1,6 @@
+import{y as c}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]],o=c("search",e);export{o as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/select-BoQxM42A.js b/apps/edr-freight-web/backoffice/public/_um/assets/select-BoQxM42A.js
new file mode 100644
index 000000000..261c991cb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/select-BoQxM42A.js
@@ -0,0 +1,6 @@
+import{y as lt,r as n,j as r,c0 as R,c1 as V,c2 as ct,c3 as _,c4 as K,c5 as it,c6 as dt,c7 as Ce,J as _e,c8 as ut,c9 as Te,ca as pt,cb as Ne,cc as ft,cd as mt,ce as ht,cf as vt,cg as gt,ch as xt,ci as St,cj as wt,ck as yt,cl as Ct,cm as bt,aI as Ee,b8 as ae,aP as It}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Tt=[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]],Pt=lt("chevron-up",Tt);function Pe(e,[o,t]){return Math.min(t,Math.max(o,e))}function _t(e){const o=n.useRef({value:e,previous:e});return n.useMemo(()=>(o.current.value!==e&&(o.current.previous=o.current.value,o.current.value=e),o.current.previous),[e])}var Re=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),Nt="VisuallyHidden",Et=n.forwardRef((e,o)=>r.jsx(R.span,{...e,ref:o,style:{...Re,...e.style}}));Et.displayName=Nt;var Rt=[" ","Enter","ArrowUp","ArrowDown"],jt=[" ","Enter"],Q="Select",[pe,fe,Mt]=ft(Q),[ee]=wt(Q,[Mt,Ne]),me=Ne(),[At,$]=ee(Q),[Ot,Dt]=ee(Q),Lt="SelectProvider";function je(e){const{__scopeSelect:o,children:t,open:a,defaultOpen:l,onOpenChange:f,value:i,defaultValue:c,onValueChange:s,dir:p,name:x,autoComplete:y,disabled:C,required:P,form:I,internal_do_not_use_render:d}=e,v=me(o),[g,u]=n.useState(null),[h,N]=n.useState(null),[j,le]=n.useState(!1),E=ut(p),[O,te]=Te({prop:a,defaultProp:l??!1,onChange:f,caller:Q}),[oe,B]=Te({prop:i,defaultProp:c,onChange:s,caller:Q}),H=n.useRef(null),q=g?!!I||!!g.closest("form"):!0,[F,D]=n.useState(new Set),U=Ce(),W=Array.from(F)?.map(k=>k.props.value).join(";"),z=n.useCallback(k=>{D(X=>new Set(X).add(k))},[]),L=n.useCallback(k=>{D(X=>{const re=new Set(X);return re.delete(k),re})},[]),ne={required:P,trigger:g,onTriggerChange:u,valueNode:h,onValueNodeChange:N,valueNodeHasChildren:j,onValueNodeHasChildrenChange:le,contentId:U,value:oe,onValueChange:B,open:O,onOpenChange:te,dir:E,triggerPointerDownPosRef:H,disabled:C,name:x,autoComplete:y,form:I,nativeOptions:F,nativeSelectKey:W,isFormControl:q};return r.jsx(pt,{...v,children:r.jsx(At,{scope:o,...ne,children:r.jsx(pe.Provider,{scope:o,children:r.jsx(Ot,{scope:o,onNativeOptionAdd:z,onNativeOptionRemove:L,children:Qt(d)?d(ne):t})})})})}je.displayName=Lt;var Me=e=>{const{__scopeSelect:o,children:t,...a}=e;return r.jsx(je,{__scopeSelect:o,...a,internal_do_not_use_render:({isFormControl:l})=>r.jsxs(r.Fragment,{children:[t,l?r.jsx(rt,{__scopeSelect:o}):null]})})};Me.displayName=Q;var Ae="SelectTrigger",Oe=n.forwardRef((e,o)=>{const{__scopeSelect:t,disabled:a=!1,...l}=e,f=me(t),i=$(Ae,t),c=i.disabled||a,s=V(o,i.onTriggerChange),p=fe(t),x=n.useRef("touch"),[y,C,P]=st(d=>{const v=p().filter(h=>!h.disabled),g=v.find(h=>h.value===i.value),u=at(v,d,g);u!==void 0&&i.onValueChange(u.value)}),I=d=>{c||(i.onOpenChange(!0),P()),d&&(i.triggerPointerDownPosRef.current={x:Math.round(d.pageX),y:Math.round(d.pageY)})};return r.jsx(ct,{asChild:!0,...f,children:r.jsx(R.button,{type:"button",role:"combobox","aria-controls":i.open?i.contentId:void 0,"aria-expanded":i.open,"aria-required":i.required,"aria-autocomplete":"none",dir:i.dir,"data-state":i.open?"open":"closed",disabled:c,"data-disabled":c?"":void 0,"data-placeholder":Ie(i.value)?"":void 0,...l,ref:s,onClick:_(l.onClick,d=>{d.currentTarget.focus(),x.current!=="mouse"&&I(d)}),onPointerDown:_(l.onPointerDown,d=>{x.current=d.pointerType;const v=d.target;v.hasPointerCapture(d.pointerId)&&v.releasePointerCapture(d.pointerId),d.button===0&&d.ctrlKey===!1&&d.pointerType==="mouse"&&(I(d),d.preventDefault())}),onKeyDown:_(l.onKeyDown,d=>{const v=y.current!=="";!(d.ctrlKey||d.altKey||d.metaKey)&&d.key.length===1&&C(d.key),!(v&&d.key===" ")&&Rt.includes(d.key)&&(I(),d.preventDefault())})})})});Oe.displayName=Ae;var De="SelectValue",Le=n.forwardRef((e,o)=>{const{__scopeSelect:t,className:a,style:l,children:f,placeholder:i="",...c}=e,s=$(De,t),{onValueNodeHasChildrenChange:p}=s,x=f!==void 0,y=V(o,s.onValueNodeChange);K(()=>{p(x)},[p,x]);const C=Ie(s.value);return r.jsx(R.span,{...c,asChild:C?!1:c.asChild,ref:y,style:{pointerEvents:"none"},children:r.jsx(n.Fragment,{children:C?i:f},C?"placeholder":"value")})});Le.displayName=De;var kt="SelectIcon",ke=n.forwardRef((e,o)=>{const{__scopeSelect:t,children:a,...l}=e;return r.jsx(R.span,{"aria-hidden":!0,...l,ref:o,children:a||"▼"})});ke.displayName=kt;var Ve="SelectPortal",[Vt,Bt]=ee(Ve,{forceMount:void 0}),Be=e=>{const{__scopeSelect:o,forceMount:t,...a}=e;return r.jsx(Vt,{scope:e.__scopeSelect,forceMount:t,children:r.jsx(it,{asChild:!0,...a})})};Be.displayName=Ve;var G="SelectContent",He=n.forwardRef((e,o)=>{const t=Bt(G,e.__scopeSelect),{forceMount:a=t.forceMount,...l}=e,f=$(G,e.__scopeSelect),[i,c]=n.useState();return K(()=>{c(new DocumentFragment)},[]),r.jsx(dt,{present:a||f.open,children:({present:s})=>s?r.jsx(We,{...l,ref:o}):r.jsx(Fe,{...l,fragment:i})})});He.displayName=G;var Fe=n.forwardRef((e,o)=>{const{__scopeSelect:t,children:a,fragment:l}=e;return l?_e.createPortal(r.jsx(Ue,{scope:t,children:r.jsx(pe.Slot,{scope:t,children:r.jsx("div",{ref:o,children:a})})}),l):null});Fe.displayName="SelectContentFragment";var A=10,[Ue,Y]=ee(G),Ht="SelectContentImpl",Ft=yt("SelectContent.RemoveScroll"),We=n.forwardRef((e,o)=>{const{__scopeSelect:t}=e,{position:a="item-aligned",onCloseAutoFocus:l,onEscapeKeyDown:f,onPointerDownOutside:i,side:c,sideOffset:s,align:p,alignOffset:x,arrowPadding:y,collisionBoundary:C,collisionPadding:P,sticky:I,hideWhenDetached:d,avoidCollisions:v,...g}=e,u=$(G,t),[h,N]=n.useState(null),[j,le]=n.useState(null),E=V(o,m=>N(m)),[O,te]=n.useState(null),[oe,B]=n.useState(null),H=fe(t),[q,F]=n.useState(!1),D=n.useRef(!1);n.useEffect(()=>{if(h)return ht(h)},[h]),vt();const U=n.useCallback(m=>{const[T,...M]=H()?.map(w=>w.ref.current),[b]=M.slice(-1),S=document.activeElement;for(const w of m)if(w===S||(w==null||w.scrollIntoView({block:"nearest"}),w===T&&j&&(j.scrollTop=0),w===b&&j&&(j.scrollTop=j.scrollHeight),w==null||w.focus(),document.activeElement!==S))return},[H,j]),W=n.useCallback(()=>U([O,h]),[U,O,h]);n.useEffect(()=>{q&&W()},[q,W]);const{onOpenChange:z,triggerPointerDownPosRef:L}=u;n.useEffect(()=>{if(h){let m={x:0,y:0};const T=b=>{var S,w;m={x:Math.abs(Math.round(b.pageX)-(((S=L.current)==null?void 0:S.x)??0)),y:Math.abs(Math.round(b.pageY)-(((w=L.current)==null?void 0:w.y)??0))}},M=b=>{m.x<=10&&m.y<=10?b.preventDefault():b.composedPath().includes(h)||z(!1),document.removeEventListener("pointermove",T),L.current=null};return L.current!==null&&(document.addEventListener("pointermove",T),document.addEventListener("pointerup",M,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",T),document.removeEventListener("pointerup",M,{capture:!0})}}},[h,z,L]),n.useEffect(()=>{const m=()=>z(!1);return window.addEventListener("blur",m),window.addEventListener("resize",m),()=>{window.removeEventListener("blur",m),window.removeEventListener("resize",m)}},[z]);const[ne,k]=st(m=>{const T=H().filter(S=>!S.disabled),M=T.find(S=>S.ref.current===document.activeElement),b=at(T,m,M);b&&setTimeout(()=>b.ref.current.focus())}),X=n.useCallback((m,T,M)=>{const b=!D.current&&!M;(u.value!==void 0&&u.value===T||b)&&(te(m),b&&(D.current=!0))},[u.value]),re=n.useCallback(()=>h==null?void 0:h.focus(),[h]),se=n.useCallback((m,T,M)=>{const b=!D.current&&!M;(u.value!==void 0&&u.value===T||b)&&B(m)},[u.value]),de=a==="popper"?xe:ze,ce=de===xe?{side:c,sideOffset:s,align:p,alignOffset:x,arrowPadding:y,collisionBoundary:C,collisionPadding:P,sticky:I,hideWhenDetached:d,avoidCollisions:v}:{};return r.jsx(Ue,{scope:t,content:h,viewport:j,onViewportChange:le,itemRefCallback:X,selectedItem:O,onItemLeave:re,itemTextRefCallback:se,focusSelectedItem:W,selectedItemText:oe,position:a,isPositioned:q,searchRef:ne,children:r.jsx(gt,{as:Ft,allowPinchZoom:!0,children:r.jsx(xt,{asChild:!0,trapped:u.open,onMountAutoFocus:m=>{m.preventDefault()},onUnmountAutoFocus:_(l,m=>{var T;(T=u.trigger)==null||T.focus({preventScroll:!0}),m.preventDefault()}),children:r.jsx(St,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:f,onPointerDownOutside:i,onFocusOutside:m=>m.preventDefault(),onDismiss:()=>u.onOpenChange(!1),children:r.jsx(de,{role:"listbox",id:u.contentId,"data-state":u.open?"open":"closed",dir:u.dir,onContextMenu:m=>m.preventDefault(),...g,...ce,onPlaced:()=>F(!0),ref:E,style:{display:"flex",flexDirection:"column",outline:"none",...g.style},onKeyDown:_(g.onKeyDown,m=>{const T=m.ctrlKey||m.altKey||m.metaKey;if(m.key==="Tab"&&m.preventDefault(),!T&&m.key.length===1&&k(m.key),["ArrowUp","ArrowDown","Home","End"].includes(m.key)){let b=H().filter(S=>!S.disabled)?.map(S=>S.ref.current);if(["ArrowUp","End"].includes(m.key)&&(b=b.slice().reverse()),["ArrowUp","ArrowDown"].includes(m.key)){const S=m.target,w=b.indexOf(S);b=b.slice(w+1)}setTimeout(()=>U(b)),m.preventDefault()}})})})})})})});We.displayName=Ht;var Ut="SelectItemAlignedPosition",ze=n.forwardRef((e,o)=>{const{__scopeSelect:t,onPlaced:a,...l}=e,f=$(G,t),i=Y(G,t),[c,s]=n.useState(null),[p,x]=n.useState(null),y=V(o,E=>x(E)),C=fe(t),P=n.useRef(!1),I=n.useRef(!0),{viewport:d,selectedItem:v,selectedItemText:g,focusSelectedItem:u}=i,h=n.useCallback(()=>{if(f.trigger&&f.valueNode&&c&&p&&d&&v&&g){const E=f.trigger.getBoundingClientRect(),O=p.getBoundingClientRect(),te=f.valueNode.getBoundingClientRect(),oe=g.getBoundingClientRect();if(f.dir!=="rtl"){const S=oe.left-O.left,w=te.left-S,Z=E.left-w,J=E.width+Z,he=Math.max(J,O.width),ve=window.innerWidth-A,ge=Pe(w,[A,Math.max(A,ve-he)]);c.style.minWidth=J+"px",c.style.left=ge+"px"}else{const S=O.right-oe.right,w=window.innerWidth-te.right-S,Z=window.innerWidth-E.right-w,J=E.width+Z,he=Math.max(J,O.width),ve=window.innerWidth-A,ge=Pe(w,[A,Math.max(A,ve-he)]);c.style.minWidth=J+"px",c.style.right=ge+"px"}const B=C(),H=window.innerHeight-A*2,q=d.scrollHeight,F=window.getComputedStyle(p),D=parseInt(F.borderTopWidth,10),U=parseInt(F.paddingTop,10),W=parseInt(F.borderBottomWidth,10),z=parseInt(F.paddingBottom,10),L=D+U+q+z+W,ne=Math.min(v.offsetHeight*5,L),k=window.getComputedStyle(d),X=parseInt(k.paddingTop,10),re=parseInt(k.paddingBottom,10),se=E.top+E.height/2-A,de=H-se,ce=v.offsetHeight/2,m=v.offsetTop+ce,T=D+U+m,M=L-T;if(T<=se){const S=B.length>0&&v===B[B.length-1].ref.current;c.style.bottom="0px";const w=p.clientHeight-d.offsetTop-d.offsetHeight,Z=Math.max(de,ce+(S?re:0)+w+W),J=T+Z;c.style.height=J+"px"}else{const S=B.length>0&&v===B[0].ref.current;c.style.top="0px";const Z=Math.max(se,D+d.offsetTop+(S?X:0)+ce)+M;c.style.height=Z+"px",d.scrollTop=T-se+d.offsetTop}c.style.margin=`${A}px 0`,c.style.minHeight=ne+"px",c.style.maxHeight=H+"px",a==null||a(),requestAnimationFrame(()=>P.current=!0)}},[C,f.trigger,f.valueNode,c,p,d,v,g,f.dir,a]);K(()=>h(),[h]);const[N,j]=n.useState();K(()=>{p&&j(window.getComputedStyle(p).zIndex)},[p]);const le=n.useCallback(E=>{E&&I.current===!0&&(h(),u==null||u(),I.current=!1)},[h,u]);return r.jsx(zt,{scope:t,contentWrapper:c,shouldExpandOnScrollRef:P,onScrollButtonChange:le,children:r.jsx("div",{ref:s,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:N},children:r.jsx(R.div,{...l,ref:y,style:{boxSizing:"border-box",maxHeight:"100%",...l.style}})})})});ze.displayName=Ut;var Wt="SelectPopperPosition",xe=n.forwardRef((e,o)=>{const{__scopeSelect:t,align:a="start",collisionPadding:l=A,...f}=e,i=me(t);return r.jsx(Ct,{...i,...f,ref:o,align:a,collisionPadding:l,style:{boxSizing:"border-box",...f.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})});xe.displayName=Wt;var[zt,be]=ee(G,{}),Se="SelectViewport",Ke=n.forwardRef((e,o)=>{const{__scopeSelect:t,nonce:a,...l}=e,f=Y(Se,t),i=be(Se,t),c=V(o,f.onViewportChange),s=n.useRef(0);return r.jsxs(r.Fragment,{children:[r.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"},nonce:a}),r.jsx(pe.Slot,{scope:t,children:r.jsx(R.div,{"data-radix-select-viewport":"",role:"presentation",...l,ref:c,style:{position:"relative",flex:1,overflow:"hidden auto",...l.style},onScroll:_(l.onScroll,p=>{const x=p.currentTarget,{contentWrapper:y,shouldExpandOnScrollRef:C}=i;if(C!=null&&C.current&&y){const P=Math.abs(s.current-x.scrollTop);if(P>0){const I=window.innerHeight-A*2,d=parseFloat(y.style.minHeight),v=parseFloat(y.style.height),g=Math.max(d,v);if(g<I){const u=g+P,h=Math.min(I,u),N=u-h;y.style.height=h+"px",y.style.bottom==="0px"&&(x.scrollTop=N>0?N:0,y.style.justifyContent="flex-end")}}}s.current=x.scrollTop})})})]})});Ke.displayName=Se;var Ge="SelectGroup",[Kt,Gt]=ee(Ge),$t=n.forwardRef((e,o)=>{const{__scopeSelect:t,...a}=e,l=Ce();return r.jsx(Kt,{scope:t,id:l,children:r.jsx(R.div,{role:"group","aria-labelledby":l,...a,ref:o})})});$t.displayName=Ge;var $e="SelectLabel",Yt=n.forwardRef((e,o)=>{const{__scopeSelect:t,...a}=e,l=Gt($e,t);return r.jsx(R.div,{id:l.id,...a,ref:o})});Yt.displayName=$e;var ue="SelectItem",[qt,Ye]=ee(ue),qe=n.forwardRef((e,o)=>{const{__scopeSelect:t,value:a,disabled:l=!1,textValue:f,...i}=e,c=$(ue,t),s=Y(ue,t),p=c.value===a,[x,y]=n.useState(f??""),[C,P]=n.useState(!1),I=V(o,u=>{var h;return(h=s.itemRefCallback)==null?void 0:h.call(s,u,a,l)}),d=Ce(),v=n.useRef("touch"),g=()=>{l||(c.onValueChange(a),c.onOpenChange(!1))};if(a==="")throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return r.jsx(qt,{scope:t,value:a,disabled:l,textId:d,isSelected:p,onItemTextChange:n.useCallback(u=>{y(h=>h||((u==null?void 0:u.textContent)??"").trim())},[]),children:r.jsx(pe.ItemSlot,{scope:t,value:a,disabled:l,textValue:x,children:r.jsx(R.div,{role:"option","aria-labelledby":d,"data-highlighted":C?"":void 0,"aria-selected":p&&C,"data-state":p?"checked":"unchecked","aria-disabled":l||void 0,"data-disabled":l?"":void 0,tabIndex:l?void 0:-1,...i,ref:I,onFocus:_(i.onFocus,()=>P(!0)),onBlur:_(i.onBlur,()=>P(!1)),onClick:_(i.onClick,()=>{v.current!=="mouse"&&g()}),onPointerUp:_(i.onPointerUp,()=>{v.current==="mouse"&&g()}),onPointerDown:_(i.onPointerDown,u=>{v.current=u.pointerType}),onPointerMove:_(i.onPointerMove,u=>{var h;v.current=u.pointerType,l?(h=s.onItemLeave)==null||h.call(s):v.current==="mouse"&&u.currentTarget.focus({preventScroll:!0})}),onPointerLeave:_(i.onPointerLeave,u=>{var h;u.currentTarget===document.activeElement&&((h=s.onItemLeave)==null||h.call(s))}),onKeyDown:_(i.onKeyDown,u=>{var N;((N=s.searchRef)==null?void 0:N.current)!==""&&u.key===" "||(jt.includes(u.key)&&g(),u.key===" "&&u.preventDefault())})})})})});qe.displayName=ue;var ie="SelectItemText",Xe=n.forwardRef((e,o)=>{const{__scopeSelect:t,className:a,style:l,...f}=e,i=$(ie,t),c=Y(ie,t),s=Ye(ie,t),p=Dt(ie,t),[x,y]=n.useState(null),C=V(o,g=>y(g),s.onItemTextChange,g=>{var u;return(u=c.itemTextRefCallback)==null?void 0:u.call(c,g,s.value,s.disabled)}),P=x==null?void 0:x.textContent,I=n.useMemo(()=>r.jsx("option",{value:s.value,disabled:s.disabled,children:P},s.value),[s.disabled,s.value,P]),{onNativeOptionAdd:d,onNativeOptionRemove:v}=p;return K(()=>(d(I),()=>v(I)),[d,v,I]),r.jsxs(r.Fragment,{children:[r.jsx(R.span,{id:s.textId,...f,ref:C}),s.isSelected&&i.valueNode&&!i.valueNodeHasChildren?_e.createPortal(f.children,i.valueNode):null]})});Xe.displayName=ie;var Ze="SelectItemIndicator",Je=n.forwardRef((e,o)=>{const{__scopeSelect:t,...a}=e;return Ye(Ze,t).isSelected?r.jsx(R.span,{"aria-hidden":!0,...a,ref:o}):null});Je.displayName=Ze;var we="SelectScrollUpButton",Qe=n.forwardRef((e,o)=>{const t=Y(we,e.__scopeSelect),a=be(we,e.__scopeSelect),[l,f]=n.useState(!1),i=V(o,a.onScrollButtonChange);return K(()=>{if(t.viewport&&t.isPositioned){let c=function(){const p=s.scrollTop>0;f(p)};const s=t.viewport;return c(),s.addEventListener("scroll",c),()=>s.removeEventListener("scroll",c)}},[t.viewport,t.isPositioned]),l?r.jsx(tt,{...e,ref:i,onAutoScroll:()=>{const{viewport:c,selectedItem:s}=t;c&&s&&(c.scrollTop=c.scrollTop-s.offsetHeight)}}):null});Qe.displayName=we;var ye="SelectScrollDownButton",et=n.forwardRef((e,o)=>{const t=Y(ye,e.__scopeSelect),a=be(ye,e.__scopeSelect),[l,f]=n.useState(!1),i=V(o,a.onScrollButtonChange);return K(()=>{if(t.viewport&&t.isPositioned){let c=function(){const p=s.scrollHeight-s.clientHeight,x=Math.ceil(s.scrollTop)<p;f(x)};const s=t.viewport;return c(),s.addEventListener("scroll",c),()=>s.removeEventListener("scroll",c)}},[t.viewport,t.isPositioned]),l?r.jsx(tt,{...e,ref:i,onAutoScroll:()=>{const{viewport:c,selectedItem:s}=t;c&&s&&(c.scrollTop=c.scrollTop+s.offsetHeight)}}):null});et.displayName=ye;var tt=n.forwardRef((e,o)=>{const{__scopeSelect:t,onAutoScroll:a,...l}=e,f=Y("SelectScrollButton",t),i=n.useRef(null),c=fe(t),s=n.useCallback(()=>{i.current!==null&&(window.clearInterval(i.current),i.current=null)},[]);return n.useEffect(()=>()=>s(),[s]),K(()=>{var x;const p=c().find(y=>y.ref.current===document.activeElement);(x=p==null?void 0:p.ref.current)==null||x.scrollIntoView({block:"nearest"})},[c]),r.jsx(R.div,{"aria-hidden":!0,...l,ref:o,style:{flexShrink:0,...l.style},onPointerDown:_(l.onPointerDown,()=>{i.current===null&&(i.current=window.setInterval(a,50))}),onPointerMove:_(l.onPointerMove,()=>{var p;(p=f.onItemLeave)==null||p.call(f),i.current===null&&(i.current=window.setInterval(a,50))}),onPointerLeave:_(l.onPointerLeave,()=>{s()})})}),Xt="SelectSeparator",Zt=n.forwardRef((e,o)=>{const{__scopeSelect:t,...a}=e;return r.jsx(R.div,{"aria-hidden":!0,...a,ref:o})});Zt.displayName=Xt;var ot="SelectArrow",Jt=n.forwardRef((e,o)=>{const{__scopeSelect:t,...a}=e,l=me(t);return Y(ot,t).position==="popper"?r.jsx(bt,{...l,...a,ref:o}):null});Jt.displayName=ot;var nt="SelectBubbleInput",rt=n.forwardRef(({__scopeSelect:e,...o},t)=>{const a=$(nt,e),{value:l,onValueChange:f,required:i,disabled:c,name:s,autoComplete:p,form:x}=a,{nativeOptions:y,nativeSelectKey:C}=a,P=n.useRef(null),I=V(t,P),d=l??"",v=_t(d);return n.useEffect(()=>{const g=P.current;if(!g)return;const u=window.HTMLSelectElement.prototype,N=Object.getOwnPropertyDescriptor(u,"value").set;if(v!==d&&N){const j=new Event("change",{bubbles:!0});N.call(g,d),g.dispatchEvent(j)}},[v,d]),r.jsxs(R.select,{"aria-hidden":!0,required:i,tabIndex:-1,name:s,autoComplete:p,disabled:c,form:x,onChange:g=>f(g.target.value),...o,style:{...Re,...o.style},ref:I,defaultValue:d,children:[Ie(l)?r.jsx("option",{value:""}):null,Array.from(y)]},C)});rt.displayName=nt;function Qt(e){return typeof e=="function"}function Ie(e){return e===""||e===void 0}function st(e){const o=mt(e),t=n.useRef(""),a=n.useRef(0),l=n.useCallback(i=>{const c=t.current+i;o(c),(function s(p){t.current=p,window.clearTimeout(a.current),p!==""&&(a.current=window.setTimeout(()=>s(""),1e3))})(c)},[o]),f=n.useCallback(()=>{t.current="",window.clearTimeout(a.current)},[]);return n.useEffect(()=>()=>window.clearTimeout(a.current),[]),[t,l,f]}function at(e,o,t){const l=o.length>1&&Array.from(o).every(p=>p===o[0])?o[0]:o,f=t?e.indexOf(t):-1;let i=eo(e,Math.max(f,0));l.length===1&&(i=i.filter(p=>p!==t));const s=i.find(p=>p.textValue.toLowerCase().startsWith(l.toLowerCase()));return s!==t?s:void 0}function eo(e,o){return e?.map((t,a)=>e[(o+a)%e.length])}function ro({...e}){return r.jsx(Me,{"data-slot":"select",...e})}function so({...e}){return r.jsx(Le,{"data-slot":"select-value",...e})}function ao({className:e,children:o,...t}){return r.jsxs(Oe,{"data-slot":"select-trigger",className:ae("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex h-9 w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t,children:[o,r.jsx(ke,{asChild:!0,children:r.jsx(Ee,{className:"size-4 opacity-50"})})]})}function lo({className:e,children:o,position:t="popper",...a}){return r.jsx(Be,{children:r.jsxs(He,{"data-slot":"select-content",className:ae("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",t==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:t,...a,children:[r.jsx(to,{}),r.jsx(Ke,{className:ae("p-1",t==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:o}),r.jsx(oo,{})]})})}function co({className:e,children:o,...t}){return r.jsxs(qe,{"data-slot":"select-item",className:ae("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...t,children:[r.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:r.jsx(Je,{children:r.jsx(It,{className:"size-4"})})}),r.jsx(Xe,{children:o})]})}function to({className:e,...o}){return r.jsx(Qe,{"data-slot":"select-scroll-up-button",className:ae("flex cursor-default items-center justify-center py-1",e),...o,children:r.jsx(Pt,{className:"size-4"})})}function oo({className:e,...o}){return r.jsx(et,{"data-slot":"select-scroll-down-button",className:ae("flex cursor-default items-center justify-center py-1",e),...o,children:r.jsx(Ee,{className:"size-4"})})}export{ro as S,ao as a,so as b,lo as c,co as d};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/separator-BaOOgzZX.js b/apps/edr-freight-web/backoffice/public/_um/assets/separator-BaOOgzZX.js
new file mode 100644
index 000000000..028a057e6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/separator-BaOOgzZX.js
@@ -0,0 +1 @@
+import{j as s,b8 as n}from"./index-Db-xuq0b.js";function l({className:a,orientation:r="horizontal",decorative:o=!0,...t}){return s.jsx("div",{"data-slot":"separator-root",role:o?"none":"separator","aria-orientation":o?void 0:r,className:n("bg-border shrink-0",r==="horizontal"?"h-px w-full":"h-full w-px",a),...t})}export{l as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/shield-check-BeHB0C5s.js b/apps/edr-freight-web/backoffice/public/_um/assets/shield-check-BeHB0C5s.js
new file mode 100644
index 000000000..14de1b384
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/shield-check-BeHB0C5s.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const c=[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],o=e("shield-check",c);export{o as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/shield-uC_usZTb.js b/apps/edr-freight-web/backoffice/public/_um/assets/shield-uC_usZTb.js
new file mode 100644
index 000000000..a5688992f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/shield-uC_usZTb.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]],c=e("shield",o);export{c as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/single-select-D9ZG1edj.js b/apps/edr-freight-web/backoffice/public/_um/assets/single-select-D9ZG1edj.js
new file mode 100644
index 000000000..41da5b330
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/single-select-D9ZG1edj.js
@@ -0,0 +1 @@
+import{r as l,j as e,B as k,b8 as s,aI as v,aP as w}from"./index-Db-xuq0b.js";import{P as j,a as C,b as N}from"./popover-X-j_SRnG.js";import{C as S,a as P,b as O,c as I,d as z,e as E}from"./command-Cr0tMDDu.js";const m=t=>t.normalize("NFKC").toLocaleLowerCase().replace(/\s+/g," ").trim(),L=l.forwardRef(({options:t=[],value:o,placeholder:c="Select an option",onValueChange:g,className:x,...y},h)=>{const[n,i]=l.useState(!1),[d,p]=l.useState(""),u=m(d),b=t.filter(r=>m(r.label).includes(u)),a=t.find(r=>r.value===o),f=r=>{g(r),i(!1)};return e.jsxs(j,{open:n,onOpenChange:i,children:[e.jsx(C,{asChild:!0,children:e.jsxs(k,{ref:h,...y,className:s("flex h-10 w-full min-w-0 max-w-full shrink items-center justify-between overflow-hidden rounded-md border border-gray-300 bg-white text-gray-900","px-3 py-2 text-sm font-normal shadow-sm transition-all duration-150","hover:bg-gray-50 hover:border-gray-400 focus:ring-2 focus:ring-primary-200 focus:border-primary-500","dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200","dark:hover:bg-gray-600 dark:hover:border-gray-500",n&&"border-primary-500 ring-2 ring-primary-100 dark:ring-primary-900/40",x),children:[e.jsx("span",{className:s("block min-w-0 flex-1 truncate text-left",a?"font-medium text-gray-900 dark:text-gray-100":"font-normal text-gray-500 dark:text-gray-400"),title:a?a.label:void 0,children:a?a.label:c}),e.jsx(v,{className:s("ml-2 h-4 w-4 shrink-0 text-gray-500 transition-transform duration-200","dark:text-gray-400",n&&"rotate-180")})]})}),e.jsx(N,{className:"w-[var(--radix-popover-trigger-width)] max-w-sm p-0 border border-gray-200 rounded-lg shadow-lg bg-white dark:border-gray-600 dark:bg-gray-800",align:"start",children:e.jsxs(S,{shouldFilter:!1,children:[e.jsx(P,{placeholder:"Search...",value:d,onValueChange:p,className:"text-sm dark:text-gray-200 dark:placeholder:text-gray-500"}),e.jsxs(O,{className:"max-h-60 overflow-y-auto",onWheel:r=>r.stopPropagation(),children:[e.jsx(I,{className:"py-3 text-gray-500 text-sm text-center dark:text-gray-400",children:"No results found."}),e.jsx(z,{children:b?.map(r=>e.jsxs(E,{value:r.label,onSelect:()=>f(r.value),className:s("cursor-pointer flex items-center justify-between px-3 py-2 rounded-md text-sm transition-colors duration-100","hover:bg-primary-50 hover:text-primary-700 focus:bg-primary-50","dark:hover:bg-gray-700 dark:focus:bg-gray-700 dark:text-gray-200",o===r.value&&"bg-primary-100 text-primary-700 font-medium dark:bg-primary-900/50 dark:text-primary-300"),children:[e.jsx("span",{className:"min-w-0 flex-1 truncate",children:r.label}),o===r.value&&e.jsx(w,{className:"h-4 w-4 shrink-0 text-primary-600"})]},r.value))})]})]})})]})});L.displayName="SingleSelect";export{L as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/skeleton-CIiqp2Y5.js b/apps/edr-freight-web/backoffice/public/_um/assets/skeleton-CIiqp2Y5.js
new file mode 100644
index 000000000..fee6a73fc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/skeleton-CIiqp2Y5.js
@@ -0,0 +1 @@
+import{j as r,b8 as s}from"./index-Db-xuq0b.js";import{S as t}from"./Skeleton-BJECajc_.js";function a({className:o,...e}){return r.jsx(t,{className:s("rounded-md",o),...e})}export{a as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/square-pen-B91TPB19.js b/apps/edr-freight-web/backoffice/public/_um/assets/square-pen-B91TPB19.js
new file mode 100644
index 000000000..ce282386d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/square-pen-B91TPB19.js
@@ -0,0 +1,6 @@
+import{y as a}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",key:"1m0v6g"}],["path",{d:"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",key:"ohrbg2"}]],r=a("square-pen",e);export{r as S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/switch-BNCD27Bd.js b/apps/edr-freight-web/backoffice/public/_um/assets/switch-BNCD27Bd.js
new file mode 100644
index 000000000..feb12c672
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/switch-BNCD27Bd.js
@@ -0,0 +1 @@
+import{j as m,b8 as p}from"./index-Db-xuq0b.js";import{S as o}from"./Switch-DSHMk-sj.js";function S({className:t,checked:s,onCheckedChange:r,disabled:i,...a}){return m.jsx(o,{checked:s,onChange:c=>r==null?void 0:r(c.currentTarget.checked),disabled:i,classNames:{track:p("cursor-pointer","data-checked:bg-primary bg-input",t)},...a})}export{S};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/table-D3n3VABd.js b/apps/edr-freight-web/backoffice/public/_um/assets/table-D3n3VABd.js
new file mode 100644
index 000000000..e6b0c5023
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/table-D3n3VABd.js
@@ -0,0 +1 @@
+import{j as t,b8 as l}from"./index-Db-xuq0b.js";function o({className:a,...e}){return t.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:t.jsx("table",{"data-slot":"table",className:l("w-full caption-bottom text-sm",a),...e})})}function r({className:a,...e}){return t.jsx("thead",{"data-slot":"table-header",className:l("[&_tr]:border-b",a),...e})}function n({className:a,...e}){return t.jsx("tbody",{"data-slot":"table-body",className:l("[&_tr:last-child]:border-0",a),...e})}function d({className:a,...e}){return t.jsx("tr",{"data-slot":"table-row",className:l("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",a),...e})}function c({className:a,...e}){return t.jsx("th",{"data-slot":"table-head",className:l("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",a),...e})}function b({className:a,...e}){return t.jsx("td",{"data-slot":"table-cell",className:l("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",a),...e})}export{o as T,r as a,d as b,c,n as d,b as e};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/templates-BkP239QJ.js b/apps/edr-freight-web/backoffice/public/_um/assets/templates-BkP239QJ.js
new file mode 100644
index 000000000..792a7b004
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/templates-BkP239QJ.js
@@ -0,0 +1,3 @@
+import{j as t,I as Oe,B as se,k as Dn,v as d,az as On,r as Re,F as Ge,b6 as Rn,aK as lt,aL as ct,aM as mt,aN as ut,t as dt}from"./index-Db-xuq0b.js";import{C as ft,a as pt,b as gt,d as ht}from"./card-BBWyxDss.js";import{T as wn,a as In,b as Vt,c as Tt,d as Cn,e as xt}from"./table-D3n3VABd.js";import{u as Ln,C as Xt}from"./index.esm-BG4gweZJ.js";import{T as jn,u as Mn}from"./useTemplate-CcP413sN.js";import{S as kn,a as vn,b as Pn,c as Fn,d as Kt}from"./select-BoQxM42A.js";import{S as Un}from"./skeleton-CIiqp2Y5.js";import{A as zn,a as Hn,b as Bn,c as Gn,d as Wn,e as Yn,f as qn,g as $n}from"./alert-dialog-B5Y0wlSz.js";import{P as Vn}from"./plus-BdjS2Pc-.js";import{E as Xn}from"./eye-Bhud4znU.js";import{S as Kn}from"./square-pen-B91TPB19.js";import"./Utils-BP0IYDrC.js";import"./Skeleton-BJECajc_.js";/*! @license DOMPurify 3.4.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.8/LICENSE */function Zt(a,r){(r==null||r>a.length)&&(r=a.length);for(var i=0,l=Array(r);i<r;i++)l[i]=a[i];return l}function Zn(a){if(Array.isArray(a))return a}function Jn(a,r){var i=a==null?null:typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(i!=null){var l,c,g,b,B=[],T=!0,V=!1;try{if(g=(i=i.call(a)).next,r!==0)for(;!(T=(l=g.call(i)).done)&&(B.push(l.value),B.length!==r);T=!0);}catch(X){V=!0,c=X}finally{try{if(!T&&i.return!=null&&(b=i.return(),Object(b)!==b))return}finally{if(V)throw c}}return B}}function Qn(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ea(a,r){return Zn(a)||Jn(a,r)||ta(a,r)||Qn()}function ta(a,r){if(a){if(typeof a=="string")return Zt(a,r);var i={}.toString.call(a).slice(8,-1);return i==="Object"&&a.constructor&&(i=a.constructor.name),i==="Map"||i==="Set"?Array.from(a):i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?Zt(a,r):void 0}}const dn=Object.entries,Jt=Object.setPrototypeOf,na=Object.isFrozen,aa=Object.getPrototypeOf,ra=Object.getOwnPropertyDescriptor;let M=Object.freeze,U=Object.seal,ye=Object.create,fn=typeof Reflect<"u"&&Reflect,St=fn.apply,Nt=fn.construct;M||(M=function(r){return r});U||(U=function(r){return r});St||(St=function(r,i){for(var l=arguments.length,c=new Array(l>2?l-2:0),g=2;g<l;g++)c[g-2]=arguments[g];return r.apply(i,c)});Nt||(Nt=function(r){for(var i=arguments.length,l=new Array(i>1?i-1:0),c=1;c<i;c++)l[c-1]=arguments[c];return new r(...l)});const oe=N(Array.prototype.forEach),oa=N(Array.prototype.lastIndexOf),Qt=N(Array.prototype.pop),he=N(Array.prototype.push),sa=N(Array.prototype.splice),j=Array.isArray,Ie=N(String.prototype.toLowerCase),yt=N(String.prototype.toString),en=N(String.prototype.match),Te=N(String.prototype.replace),tn=N(String.prototype.indexOf),ia=N(String.prototype.trim),la=N(Number.prototype.toString),ca=N(Boolean.prototype.toString),nn=typeof BigInt>"u"?null:N(BigInt.prototype.toString),an=typeof Symbol>"u"?null:N(Symbol.prototype.toString),y=N(Object.prototype.hasOwnProperty),we=N(Object.prototype.toString),I=N(RegExp.prototype.test),xe=ma(TypeError);function N(a){return function(r){r instanceof RegExp&&(r.lastIndex=0);for(var i=arguments.length,l=new Array(i>1?i-1:0),c=1;c<i;c++)l[c-1]=arguments[c];return St(a,r,l)}}function ma(a){return function(){for(var r=arguments.length,i=new Array(r),l=0;l<r;l++)i[l]=arguments[l];return Nt(a,i)}}function m(a,r){let i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:Ie;if(Jt&&Jt(a,null),!j(r))return a;let l=r.length;for(;l--;){let c=r[l];if(typeof c=="string"){const g=i(c);g!==c&&(na(r)||(r[l]=g),c=g)}a[c]=!0}return a}function ua(a){for(let r=0;r<a.length;r++)y(a,r)||(a[r]=null);return a}function C(a){const r=ye(null);for(const l of dn(a)){var i=ea(l,2);const c=i[0],g=i[1];y(a,c)&&(j(g)?r[c]=ua(g):g&&typeof g=="object"&&g.constructor===Object?r[c]=C(g):r[c]=g)}return r}function da(a){switch(typeof a){case"string":return a;case"number":return la(a);case"boolean":return ca(a);case"bigint":return nn?nn(a):"0";case"symbol":return an?an(a):"Symbol()";case"undefined":return we(a);case"function":case"object":{if(a===null)return we(a);const r=a,i=$(r,"toString");if(typeof i=="function"){const l=i(r);return typeof l=="string"?l:we(l)}return we(a)}default:return we(a)}}function $(a,r){for(;a!==null;){const l=ra(a,r);if(l){if(l.get)return N(l.get);if(typeof l.value=="function")return N(l.value)}a=aa(a)}function i(){return null}return i}function fa(a){try{return I(a,""),!0}catch{return!1}}const rn=M(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),Et=M(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),At=M(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),pa=M(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),_t=M(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),ga=M(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),on=M(["#text"]),sn=M(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","command","commandfor","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns"]),bt=M(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),ln=M(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),We=M(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),ha=U(/{{[\w\W]*|^[\w\W]*}}/g),Ta=U(/<%[\w\W]*|^[\w\W]*%>/g),xa=U(/\${[\w\W]*/g),ya=U(/^data-[\-\w.\u00B7-\uFFFF]+$/),Ea=U(/^aria-[\-\w]+$/),cn=U(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Aa=U(/^(?:\w+script|data):/i),_a=U(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),ba=U(/^html$/i),Sa=U(/^[a-z][.\w]*(-[.\w]+)+$/i),q={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,progressingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12},Na=function(){return typeof window>"u"?null:window},Da=function(r,i){if(typeof r!="object"||typeof r.createPolicy!="function")return null;let l=null;const c="data-tt-policy-suffix";i&&i.hasAttribute(c)&&(l=i.getAttribute(c));const g="dompurify"+(l?"#"+l:"");try{return r.createPolicy(g,{createHTML(b){return b},createScriptURL(b){return b}})}catch{return null}},mn=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function pn(){let a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:Na();const r=s=>pn(s);if(r.version="3.4.8",r.removed=[],!a||!a.document||a.document.nodeType!==q.document||!a.Element)return r.isSupported=!1,r;let i=a.document;const l=i,c=l.currentScript;a.DocumentFragment;const g=a.HTMLTemplateElement,b=a.Node,B=a.Element,T=a.NodeFilter,V=a.NamedNodeMap;V===void 0&&(a.NamedNodeMap||a.MozNamedAttrMap),a.HTMLFormElement;const X=a.DOMParser,G=a.trustedTypes,k=B.prototype,ie=$(k,"cloneNode"),v=$(k,"remove"),Ee=$(k,"nextSibling"),K=$(k,"childNodes"),le=$(k,"parentNode"),J=$(k,"shadowRoot"),Ye=$(k,"attributes"),L=b&&b.prototype?$(b.prototype,"nodeType"):null,x=b&&b.prototype?$(b.prototype,"nodeName"):null;if(typeof g=="function"){const s=i.createElement("template");s.content&&s.content.ownerDocument&&(i=s.content.ownerDocument)}let D,Q="",Ae=0;const ee=function(e){if(Ae>0)throw xe('The configured TRUSTED_TYPES_POLICY.createHTML must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose createHTML wraps DOMPurify as TRUSTED_TYPES_POLICY; see the "DOMPurify and Trusted Types" section of the README.');Ae++;try{return D.createHTML(e)}finally{Ae--}},ce=i,_e=ce.implementation,Ce=ce.createNodeIterator,qe=ce.createDocumentFragment,p=ce.getElementsByTagName,P=l.importNode;let R=mn();r.isSupported=typeof dn=="function"&&typeof le=="function"&&_e&&_e.createHTMLDocument!==void 0;const Le=ha,je=Ta,Me=xa,gn=ya,hn=Ea,Tn=Aa,Dt=_a,xn=Sa;let Ot=cn,E=null;const $e=m({},[...rn,...Et,...At,..._t,...on]);let S=null;const Ve=m({},[...sn,...bt,...ln,...We]);let A=Object.seal(ye(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),be=null,ke=null;const te=Object.seal(ye(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}}));let Rt=!0,Xe=!0,wt=!1,It=!0,ne=!1,Se=!0,ae=!1,Ke=!1,Ze=!1,me=!1,ve=!1,Pe=!1,Ct=!0,Lt=!1;const jt="user-content-";let Je=!0,Ne=!1,ue={},W=null;const Qe=m({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Mt=null;const kt=m({},["audio","video","img","source","image","track"]);let et=null;const vt=m({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Fe="http://www.w3.org/1998/Math/MathML",Ue="http://www.w3.org/2000/svg",Y="http://www.w3.org/1999/xhtml";let de=Y,tt=!1,nt=null;const yn=m({},[Fe,Ue,Y],yt);let at=m({},["mi","mo","mn","ms","mtext"]),rt=m({},["annotation-xml"]);const En=m({},["title","style","font","a","script"]);let De=null;const An=["application/xhtml+xml","text/html"],_n="text/html";let _=null,fe=null;const bn=i.createElement("form"),Pt=function(e){return e instanceof RegExp||e instanceof Function},ot=function(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(fe&&fe===e)return;(!e||typeof e!="object")&&(e={}),e=C(e),De=An.indexOf(e.PARSER_MEDIA_TYPE)===-1?_n:e.PARSER_MEDIA_TYPE,_=De==="application/xhtml+xml"?yt:Ie,E=y(e,"ALLOWED_TAGS")&&j(e.ALLOWED_TAGS)?m({},e.ALLOWED_TAGS,_):$e,S=y(e,"ALLOWED_ATTR")&&j(e.ALLOWED_ATTR)?m({},e.ALLOWED_ATTR,_):Ve,nt=y(e,"ALLOWED_NAMESPACES")&&j(e.ALLOWED_NAMESPACES)?m({},e.ALLOWED_NAMESPACES,yt):yn,et=y(e,"ADD_URI_SAFE_ATTR")&&j(e.ADD_URI_SAFE_ATTR)?m(C(vt),e.ADD_URI_SAFE_ATTR,_):vt,Mt=y(e,"ADD_DATA_URI_TAGS")&&j(e.ADD_DATA_URI_TAGS)?m(C(kt),e.ADD_DATA_URI_TAGS,_):kt,W=y(e,"FORBID_CONTENTS")&&j(e.FORBID_CONTENTS)?m({},e.FORBID_CONTENTS,_):Qe,be=y(e,"FORBID_TAGS")&&j(e.FORBID_TAGS)?m({},e.FORBID_TAGS,_):C({}),ke=y(e,"FORBID_ATTR")&&j(e.FORBID_ATTR)?m({},e.FORBID_ATTR,_):C({}),ue=y(e,"USE_PROFILES")?e.USE_PROFILES&&typeof e.USE_PROFILES=="object"?C(e.USE_PROFILES):e.USE_PROFILES:!1,Rt=e.ALLOW_ARIA_ATTR!==!1,Xe=e.ALLOW_DATA_ATTR!==!1,wt=e.ALLOW_UNKNOWN_PROTOCOLS||!1,It=e.ALLOW_SELF_CLOSE_IN_ATTR!==!1,ne=e.SAFE_FOR_TEMPLATES||!1,Se=e.SAFE_FOR_XML!==!1,ae=e.WHOLE_DOCUMENT||!1,me=e.RETURN_DOM||!1,ve=e.RETURN_DOM_FRAGMENT||!1,Pe=e.RETURN_TRUSTED_TYPE||!1,Ze=e.FORCE_BODY||!1,Ct=e.SANITIZE_DOM!==!1,Lt=e.SANITIZE_NAMED_PROPS||!1,Je=e.KEEP_CONTENT!==!1,Ne=e.IN_PLACE||!1,Ot=fa(e.ALLOWED_URI_REGEXP)?e.ALLOWED_URI_REGEXP:cn,de=typeof e.NAMESPACE=="string"?e.NAMESPACE:Y,at=y(e,"MATHML_TEXT_INTEGRATION_POINTS")&&e.MATHML_TEXT_INTEGRATION_POINTS&&typeof e.MATHML_TEXT_INTEGRATION_POINTS=="object"?C(e.MATHML_TEXT_INTEGRATION_POINTS):m({},["mi","mo","mn","ms","mtext"]),rt=y(e,"HTML_INTEGRATION_POINTS")&&e.HTML_INTEGRATION_POINTS&&typeof e.HTML_INTEGRATION_POINTS=="object"?C(e.HTML_INTEGRATION_POINTS):m({},["annotation-xml"]);const n=y(e,"CUSTOM_ELEMENT_HANDLING")&&e.CUSTOM_ELEMENT_HANDLING&&typeof e.CUSTOM_ELEMENT_HANDLING=="object"?C(e.CUSTOM_ELEMENT_HANDLING):ye(null);if(A=ye(null),y(n,"tagNameCheck")&&Pt(n.tagNameCheck)&&(A.tagNameCheck=n.tagNameCheck),y(n,"attributeNameCheck")&&Pt(n.attributeNameCheck)&&(A.attributeNameCheck=n.attributeNameCheck),y(n,"allowCustomizedBuiltInElements")&&typeof n.allowCustomizedBuiltInElements=="boolean"&&(A.allowCustomizedBuiltInElements=n.allowCustomizedBuiltInElements),ne&&(Xe=!1),ve&&(me=!0),ue&&(E=m({},on),S=ye(null),ue.html===!0&&(m(E,rn),m(S,sn)),ue.svg===!0&&(m(E,Et),m(S,bt),m(S,We)),ue.svgFilters===!0&&(m(E,At),m(S,bt),m(S,We)),ue.mathMl===!0&&(m(E,_t),m(S,ln),m(S,We))),te.tagCheck=null,te.attributeCheck=null,y(e,"ADD_TAGS")&&(typeof e.ADD_TAGS=="function"?te.tagCheck=e.ADD_TAGS:j(e.ADD_TAGS)&&(E===$e&&(E=C(E)),m(E,e.ADD_TAGS,_))),y(e,"ADD_ATTR")&&(typeof e.ADD_ATTR=="function"?te.attributeCheck=e.ADD_ATTR:j(e.ADD_ATTR)&&(S===Ve&&(S=C(S)),m(S,e.ADD_ATTR,_))),y(e,"ADD_URI_SAFE_ATTR")&&j(e.ADD_URI_SAFE_ATTR)&&m(et,e.ADD_URI_SAFE_ATTR,_),y(e,"FORBID_CONTENTS")&&j(e.FORBID_CONTENTS)&&(W===Qe&&(W=C(W)),m(W,e.FORBID_CONTENTS,_)),y(e,"ADD_FORBID_CONTENTS")&&j(e.ADD_FORBID_CONTENTS)&&(W===Qe&&(W=C(W)),m(W,e.ADD_FORBID_CONTENTS,_)),Je&&(E["#text"]=!0),ae&&m(E,["html","head","body"]),E.table&&(m(E,["tbody"]),delete be.tbody),e.TRUSTED_TYPES_POLICY){if(typeof e.TRUSTED_TYPES_POLICY.createHTML!="function")throw xe('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof e.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw xe('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');const o=D;D=e.TRUSTED_TYPES_POLICY;try{Q=ee("")}catch(f){throw D=o,f}}else D===void 0&&e.TRUSTED_TYPES_POLICY!==null&&(D=Da(G,c)),D&&typeof Q=="string"&&(Q=ee(""));(R.uponSanitizeElement.length>0||R.uponSanitizeAttribute.length>0)&&E===$e&&(E=C(E)),R.uponSanitizeAttribute.length>0&&S===Ve&&(S=C(S)),M&&M(e),fe=e},Ft=m({},[...Et,...At,...pa]),Ut=m({},[..._t,...ga]),Sn=function(e){let n=le(e);(!n||!n.tagName)&&(n={namespaceURI:de,tagName:"template"});const o=Ie(e.tagName),f=Ie(n.tagName);return nt[e.namespaceURI]?e.namespaceURI===Ue?n.namespaceURI===Y?o==="svg":n.namespaceURI===Fe?o==="svg"&&(f==="annotation-xml"||at[f]):!!Ft[o]:e.namespaceURI===Fe?n.namespaceURI===Y?o==="math":n.namespaceURI===Ue?o==="math"&&rt[f]:!!Ut[o]:e.namespaceURI===Y?n.namespaceURI===Ue&&!rt[f]||n.namespaceURI===Fe&&!at[f]?!1:!Ut[o]&&(En[o]||!Ft[o]):!!(De==="application/xhtml+xml"&&nt[e.namespaceURI]):!1},z=function(e){he(r.removed,{element:e});try{le(e).removeChild(e)}catch{v(e)}},re=function(e,n){try{he(r.removed,{attribute:n.getAttributeNode(e),from:n})}catch{he(r.removed,{attribute:null,from:n})}if(n.removeAttribute(e),e==="is")if(me||ve)try{z(n)}catch{}else try{n.setAttribute(e,"")}catch{}},zt=function(e){let n=null,o=null;if(Ze)e="<remove></remove>"+e;else{const h=en(e,/^[\r\n\t ]+/);o=h&&h[0]}De==="application/xhtml+xml"&&de===Y&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const f=D?ee(e):e;if(de===Y)try{n=new X().parseFromString(f,De)}catch{}if(!n||!n.documentElement){n=_e.createDocument(de,"template",null);try{n.documentElement.innerHTML=tt?Q:f}catch{}}const u=n.body||n.documentElement;return e&&o&&u.insertBefore(i.createTextNode(o),u.childNodes[0]||null),de===Y?p.call(n,ae?"html":"body")[0]:ae?n.documentElement:u},Ht=function(e){return Ce.call(e.ownerDocument||e,e,T.SHOW_ELEMENT|T.SHOW_COMMENT|T.SHOW_TEXT|T.SHOW_PROCESSING_INSTRUCTION|T.SHOW_CDATA_SECTION,null)},st=function(e){var n,o;e.normalize();const f=Ce.call(e.ownerDocument||e,e,T.SHOW_TEXT|T.SHOW_COMMENT|T.SHOW_CDATA_SECTION|T.SHOW_PROCESSING_INSTRUCTION,null);let u=f.nextNode();for(;u;){let O=u.data;oe([Le,je,Me],F=>{O=Te(O,F," ")}),u.data=O,u=f.nextNode()}const h=(n=(o=e.querySelectorAll)===null||o===void 0?void 0:o.call(e,"template"))!==null&&n!==void 0?n:[];oe(Array.from(h),O=>{pe(O.content)&&st(O.content)})},ze=function(e){const n=x?x(e):null;return typeof n!="string"||_(n)!=="form"?!1:typeof e.nodeName!="string"||typeof e.textContent!="string"||typeof e.removeChild!="function"||e.attributes!==Ye(e)||typeof e.removeAttribute!="function"||typeof e.setAttribute!="function"||typeof e.namespaceURI!="string"||typeof e.insertBefore!="function"||typeof e.hasChildNodes!="function"||e.nodeType!==L(e)||e.childNodes!==K(e)},pe=function(e){if(!L||typeof e!="object"||e===null)return!1;try{return L(e)===q.documentFragment}catch{return!1}},He=function(e){if(!L||typeof e!="object"||e===null)return!1;try{return typeof L(e)=="number"}catch{return!1}};function Z(s,e,n){oe(s,o=>{o.call(r,e,n,fe)})}const Bt=function(e){let n=null;if(Z(R.beforeSanitizeElements,e,null),ze(e))return z(e),!0;const o=_(x?x(e):e.nodeName);if(Z(R.uponSanitizeElement,e,{tagName:o,allowedTags:E}),Se&&e.hasChildNodes()&&!He(e.firstElementChild)&&I(/<[/\w!]/g,e.innerHTML)&&I(/<[/\w!]/g,e.textContent)||Se&&e.namespaceURI===Y&&o==="style"&&He(e.firstElementChild)||e.nodeType===q.progressingInstruction||Se&&e.nodeType===q.comment&&I(/<[/\w]/g,e.data))return z(e),!0;if(be[o]||!(te.tagCheck instanceof Function&&te.tagCheck(o))&&!E[o]){if(!be[o]&&Wt(o)&&(A.tagNameCheck instanceof RegExp&&I(A.tagNameCheck,o)||A.tagNameCheck instanceof Function&&A.tagNameCheck(o)))return!1;if(Je&&!W[o]){const u=le(e),h=K(e);if(h&&u){const O=h.length;for(let F=O-1;F>=0;--F){const H=ie(h[F],!0);u.insertBefore(H,Ee(e))}}}return z(e),!0}return(L?L(e):e.nodeType)===q.element&&!Sn(e)||(o==="noscript"||o==="noembed"||o==="noframes")&&I(/<\/no(script|embed|frames)/i,e.innerHTML)?(z(e),!0):(ne&&e.nodeType===q.text&&(n=e.textContent,oe([Le,je,Me],u=>{n=Te(n,u," ")}),e.textContent!==n&&(he(r.removed,{element:e.cloneNode()}),e.textContent=n)),Z(R.afterSanitizeElements,e,null),!1)},Gt=function(e,n,o){if(ke[n]||Ct&&(n==="id"||n==="name")&&(o in i||o in bn))return!1;const f=S[n]||te.attributeCheck instanceof Function&&te.attributeCheck(n,e);if(!(Xe&&!ke[n]&&I(gn,n))){if(!(Rt&&I(hn,n))){if(!f||ke[n]){if(!(Wt(e)&&(A.tagNameCheck instanceof RegExp&&I(A.tagNameCheck,e)||A.tagNameCheck instanceof Function&&A.tagNameCheck(e))&&(A.attributeNameCheck instanceof RegExp&&I(A.attributeNameCheck,n)||A.attributeNameCheck instanceof Function&&A.attributeNameCheck(n,e))||n==="is"&&A.allowCustomizedBuiltInElements&&(A.tagNameCheck instanceof RegExp&&I(A.tagNameCheck,o)||A.tagNameCheck instanceof Function&&A.tagNameCheck(o))))return!1}else if(!et[n]){if(!I(Ot,Te(o,Dt,""))){if(!((n==="src"||n==="xlink:href"||n==="href")&&e!=="script"&&tn(o,"data:")===0&&Mt[e])){if(!(wt&&!I(Tn,Te(o,Dt,"")))){if(o)return!1}}}}}}return!0},Nn=m({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),Wt=function(e){return!Nn[Ie(e)]&&I(xn,e)},Yt=function(e){Z(R.beforeSanitizeAttributes,e,null);const n=e.attributes;if(!n||ze(e))return;const o={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:S,forceKeepAttr:void 0};let f=n.length;for(;f--;){const u=n[f],h=u.name,O=u.namespaceURI,F=u.value,H=_(h),it=F;let w=h==="value"?it:ia(it);if(o.attrName=H,o.attrValue=w,o.keepAttr=!0,o.forceKeepAttr=void 0,Z(R.uponSanitizeAttribute,e,o),w=o.attrValue,Lt&&(H==="id"||H==="name")&&tn(w,jt)!==0&&(re(h,e),w=jt+w),Se&&I(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,w)){re(h,e);continue}if(H==="attributename"&&en(w,"href")){re(h,e);continue}if(o.forceKeepAttr)continue;if(!o.keepAttr){re(h,e);continue}if(!It&&I(/\/>/i,w)){re(h,e);continue}ne&&oe([Le,je,Me],$t=>{w=Te(w,$t," ")});const qt=_(e.nodeName);if(!Gt(qt,H,w)){re(h,e);continue}if(D&&typeof G=="object"&&typeof G.getAttributeType=="function"&&!O)switch(G.getAttributeType(qt,H)){case"TrustedHTML":{w=ee(w);break}case"TrustedScriptURL":{w=D.createScriptURL(w);break}}if(w!==it)try{O?e.setAttributeNS(O,h,w):e.setAttribute(h,w),ze(e)?z(e):Qt(r.removed)}catch{re(h,e)}}Z(R.afterSanitizeAttributes,e,null)},Be=function(e){let n=null;const o=Ht(e);for(Z(R.beforeSanitizeShadowDOM,e,null);n=o.nextNode();)if(Z(R.uponSanitizeShadowNode,n,null),Bt(n),Yt(n),pe(n.content)&&Be(n.content),(L?L(n):n.nodeType)===q.element){const u=J?J(n):n.shadowRoot;pe(u)&&(ge(u),Be(u))}Z(R.afterSanitizeShadowDOM,e,null)},ge=function(e){const n=L?L(e):e.nodeType;if(n===q.element){const u=J?J(e):e.shadowRoot;pe(u)&&(ge(u),Be(u))}const o=K?K(e):e.childNodes;if(!o)return;const f=[];oe(o,u=>{he(f,u)});for(const u of f)ge(u);if(n===q.element){const u=x?x(e):null;if(typeof u=="string"&&_(u)==="template"){const h=e.content;pe(h)&&ge(h)}}};return r.sanitize=function(s){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=null,o=null,f=null,u=null;if(tt=!s,tt&&(s="<!-->"),typeof s!="string"&&!He(s)&&(s=da(s),typeof s!="string"))throw xe("dirty is not a string, aborting");if(!r.isSupported)return s;if(Ke||ot(e),r.removed=[],typeof s=="string"&&(Ne=!1),Ne){const F=x?x(s):s.nodeName;if(typeof F=="string"){const H=_(F);if(!E[H]||be[H])throw xe("root node is forbidden and cannot be sanitized in-place")}if(ze(s))throw xe("root node is clobbered and cannot be sanitized in-place");ge(s)}else if(He(s))n=zt("<!---->"),o=n.ownerDocument.importNode(s,!0),o.nodeType===q.element&&o.nodeName==="BODY"||o.nodeName==="HTML"?n=o:n.appendChild(o),ge(o);else{if(!me&&!ne&&!ae&&s.indexOf("<")===-1)return D&&Pe?ee(s):s;if(n=zt(s),!n)return me?null:Pe?Q:""}n&&Ze&&z(n.firstChild);const h=Ht(Ne?s:n);for(;f=h.nextNode();)Bt(f),Yt(f),pe(f.content)&&Be(f.content);if(Ne)return ne&&st(s),s;if(me){if(ne&&st(n),ve)for(u=qe.call(n.ownerDocument);n.firstChild;)u.appendChild(n.firstChild);else u=n;return(S.shadowroot||S.shadowrootmode)&&(u=P.call(l,u,!0)),u}let O=ae?n.outerHTML:n.innerHTML;return ae&&E["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&I(ba,n.ownerDocument.doctype.name)&&(O="<!DOCTYPE "+n.ownerDocument.doctype.name+`>
+`+O),ne&&oe([Le,je,Me],F=>{O=Te(O,F," ")}),D&&Pe?ee(O):O},r.setConfig=function(){let s=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};ot(s),Ke=!0},r.clearConfig=function(){fe=null,Ke=!1},r.isValidAttribute=function(s,e,n){fe||ot({});const o=_(s),f=_(e);return Gt(o,f,n)},r.addHook=function(s,e){typeof e=="function"&&he(R[s],e)},r.removeHook=function(s,e){if(e!==void 0){const n=oa(R[s],e);return n===-1?void 0:sa(R[s],n,1)[0]}return Qt(R[s])},r.removeHooks=function(s){R[s]=[]},r.removeAllHooks=function(){R=mn()},r}var Oa=pn();function Ra(a){return a?Oa.sanitize(a,{USE_PROFILES:{html:!0},FORBID_TAGS:["script","style","iframe","object","embed","form"],FORBID_ATTR:["onerror","onload","onclick","onmouseover"]}):""}const wa="",un=({template:a,isSubmitting:r,onCancel:i,onSubmitCreate:l})=>{var X,G,k,ie;const{register:c,handleSubmit:g,reset:b,control:B,formState:{errors:T}}=Ln({defaultValues:{name:{en:((X=a==null?void 0:a.name)==null?void 0:X.en)??"",am:((G=a==null?void 0:a.name)==null?void 0:G.am)??""},key:(a==null?void 0:a.key)??"",subject:(a==null?void 0:a.subject)??"",body:(a==null?void 0:a.body)??"",sincerelyText:(a==null?void 0:a.sincerelyText)??"",locale:(a==null?void 0:a.locale)??"en"}}),V=v=>{l(v),a||b()};return t.jsxs("form",{onSubmit:g(V),className:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-8 shadow-sm dark:shadow-gray-900/50 space-y-8",children:[t.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[t.jsxs("div",{children:[t.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Template Key"}),t.jsx(Oe,{placeholder:"Template Key",...c("key",{required:"Template key is required"})}),T.key&&t.jsx("p",{className:"text-red-500 text-sm mt-1",children:T.key.message})]}),t.jsxs("div",{children:[t.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Subject"}),t.jsx(Oe,{placeholder:"Subject",...c("subject",{required:"Subject is required"})}),T.subject&&t.jsx("p",{className:"text-red-500 text-sm mt-1",children:T.subject.message})]}),t.jsxs("div",{children:[t.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"English Name"}),t.jsx(Oe,{placeholder:"English Name",...c("name.en",{required:"English name is required"})}),((k=T.name)==null?void 0:k.en)&&t.jsx("p",{className:"text-red-500 text-sm mt-1",children:T.name.en.message})]}),t.jsxs("div",{children:[t.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Amharic Name"}),t.jsx(Oe,{placeholder:"Amharic Name",...c("name.am",{required:"Amharic name is required"})}),((ie=T.name)==null?void 0:ie.am)&&t.jsx("p",{className:"text-red-500 text-sm mt-1",children:T.name.am.message})]}),t.jsxs("div",{children:[t.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Language"}),t.jsx(Xt,{name:"locale",control:B,rules:{required:"Language is required"},render:({field:v})=>t.jsxs(kn,{value:v.value,onValueChange:v.onChange,children:[t.jsx(vn,{children:t.jsx(Pn,{placeholder:"Select Language"})}),t.jsxs(Fn,{children:[t.jsx(Kt,{value:"en",children:"English"}),t.jsx(Kt,{value:"am",children:"Amharic"})]})]})}),T.locale&&t.jsx("p",{className:"text-red-500 text-sm mt-1",children:T.locale.message})]})]}),t.jsxs("div",{children:[t.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Body"}),t.jsx(Xt,{name:"body",control:B,rules:{required:!0},render:({field:v,fieldState:Ee})=>t.jsxs(t.Fragment,{children:[t.jsx(jn,{value:v.value,onEditorChange:v.onChange,apiKey:wa,placeholders:[{key:"delegatorName",label:"Delegator Name"},{key:"delegatorDepartment",label:"Delegator Department"},{key:"delegateeName",label:"Delegatee Name"},{key:"delegateeDepartment",label:"Delegatee Department"},{key:"startDate",label:"Start Date"},{key:"endDate",label:"End Date"},{key:"startDateTime",label:"Start Date & Time"},{key:"endDateTime",label:"End Date & Time"}]}),Ee.invalid&&t.jsx("p",{className:"text-red-500 text-sm mt-1",children:"Body is required"})]})})]}),t.jsxs("div",{children:[t.jsx("label",{className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1",children:"Sincerely Text"}),t.jsx(Oe,{placeholder:"Sincerely Text",...c("sincerelyText")})]}),t.jsxs("div",{className:"flex gap-2 pt-4 justify-end",children:[t.jsx(se,{type:"submit",disabled:r,children:r?"Saving...":a?"Update":"Save"}),t.jsx(se,{type:"button",variant:"outline",onClick:i,children:"Cancel"})]})]})},Ia=()=>{const{handleError:a}=Dn(d),{templates:r,isLoading:i,isError:l,refetch:c,createTemplate:g,updateTemplate:b,deleteTemplate:B,isCreatingTemplate:T,isUpdatingTemplate:V,isDeletingTemplate:X}=Mn(),G=Array.isArray(r)?r:(r==null?void 0:r.items)||[],k=On(),[ie,v]=Re.useState(!1),[Ee,K]=Re.useState(!1),[le,J]=Re.useState(!1),[Ye,L]=Re.useState(!1),[x,D]=Re.useState(null),Q=p=>{const P=p.target;P!=null&&P.closest(".tox-tinymce-aux, .moxman-window, .tam-assetmanager-root")&&p.preventDefault()},Ae=p=>{g(p,{onSuccess:P=>{dt.success(d("contentManagement.templateSuccessMsg")),c(),v(!1)},onError:P=>{a(P)}})},ee=p=>{x!=null&&x.id&&b({id:x.id,template:p},{onSuccess:()=>{dt.success(d("contentManagement.updateTemplate")),c(),K(!1),D(null)},onError:P=>{a(P)}})},ce=()=>{x!=null&&x.id&&B(x.id,{onSuccess:()=>{dt.success(d("contentManagement.deleteTemplate")),c(),L(!1),D(null)},onError:p=>{a(p)}})},_e=p=>{D(p),K(!0)},Ce=p=>{D(p),J(!0)},qe=p=>{D(p),L(!0)};return i?t.jsxs(ft,{children:[t.jsx(pt,{children:t.jsxs(gt,{className:"flex items-center",children:[t.jsx(Ge,{className:"h-5 w-5 mr-2"}),d("contentManagement.letterTemplate")]})}),t.jsx(ht,{children:t.jsx("div",{className:"space-y-3",children:Array(3).fill(0)?.map((p,P)=>t.jsx(Un,{className:"h-12 w-full"},P))})})]}):l?t.jsxs(ft,{children:[t.jsx(pt,{children:t.jsxs(gt,{className:"flex items-center",children:[t.jsx(Ge,{className:"h-5 w-5 mr-2"}),d("contentManagement.letterTemplate")]})}),t.jsx(ht,{children:t.jsx("p",{className:"text-sm text-red-600",children:d("contentManagement.failedToLoadTemplates")})})]}):t.jsxs(t.Fragment,{children:[t.jsxs(ft,{children:[t.jsx(pt,{children:t.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center justify-between gap-4",children:[t.jsxs("div",{children:[t.jsxs(gt,{className:"flex items-center",children:[t.jsx(Ge,{className:"h-5 w-5 mr-2"}),d("contentManagement.letterTemplate")]}),t.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:d("contentManagement.createMsg")})]}),t.jsxs(se,{onClick:()=>v(!0),size:"sm",className:"shrink-0",children:[t.jsx(Vn,{className:"h-4 w-4 mr-1"}),d("contentManagement.addTemplate")]})]})}),t.jsx(ht,{children:G.length===0?t.jsxs("div",{className:"text-center py-8",children:[t.jsx(Ge,{className:"h-12 w-12 text-gray-400 dark:text-gray-500 mx-auto mb-4"}),t.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:d("contentManagement.noTemplates")})]}):t.jsx("div",{className:"overflow-x-auto",children:t.jsxs(wn,{children:[t.jsx(In,{children:t.jsxs(Vt,{children:[t.jsx(Tt,{className:"min-w-[150px]",children:d("common.name")}),t.jsx(Tt,{className:"min-w-[200px] hidden md:table-cell",children:d("contentManagement.sincerelyText")}),t.jsx(Tt,{className:"text-right min-w-[120px]",children:d("common.actions")})]})}),t.jsx(Cn,{children:G?.map(p=>t.jsxs(Vt,{children:[t.jsx(xt,{className:"font-medium",children:t.jsxs("div",{className:"flex flex-col",children:[t.jsx("span",{children:k(p.name)}),t.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400 md:hidden",children:p.sincerelyText&&p.sincerelyText.length>30?`${p.sincerelyText.substring(0,30)}...`:p.sincerelyText||d("common.notAvailable")})]})}),t.jsx(xt,{className:"max-w-xs truncate hidden md:table-cell",children:p.sincerelyText||d("common.notAvailable")}),t.jsx(xt,{className:"text-right",children:t.jsxs("div",{className:"flex items-center justify-end gap-1",children:[t.jsx(se,{variant:"ghost",size:"sm",onClick:()=>Ce(p),title:d("contentManagement.viewTemplate"),children:t.jsx(Xn,{className:"h-4 w-4"})}),t.jsx(se,{variant:"ghost",size:"sm",onClick:()=>_e(p),title:d("contentManagement.editTemplate"),children:t.jsx(Kn,{className:"h-4 w-4"})}),t.jsx(se,{variant:"ghost",size:"sm",onClick:()=>qe(p),className:"text-red-600 dark:text-red-400 hover:text-red-700 dark:hover:text-red-300",title:d("contentManagement.deleteTemplate"),children:t.jsx(Rn,{className:"h-4 w-4"})})]})})]},p.id))})]})})})]}),t.jsx(lt,{open:ie,onOpenChange:v,children:t.jsxs(ct,{className:"max-w-[95vw] lg:max-w-[1200px] max-h-[90vh] overflow-y-auto w-full",onInteractOutside:Q,children:[t.jsx(mt,{children:t.jsx(ut,{children:d("contentManagement.createTemplate")})}),t.jsx(un,{isSubmitting:T,onCancel:()=>v(!1),onSubmitCreate:Ae})]})}),t.jsx(lt,{open:Ee,onOpenChange:K,children:t.jsxs(ct,{className:"max-w-[95vw] lg:max-w-[1200px] max-h-[90vh] overflow-y-auto w-full",onInteractOutside:Q,children:[t.jsx(mt,{children:t.jsx(ut,{children:d("contentManagement.editTemplate")})}),t.jsx(un,{template:x,isSubmitting:V,onCancel:()=>{K(!1),D(null)},onSubmitCreate:ee})]})}),t.jsx(lt,{open:le,onOpenChange:J,children:t.jsxs(ct,{className:"max-w-[95vw] lg:max-w-[1200px] max-h-[90vh] overflow-y-auto w-full",children:[t.jsx(mt,{children:t.jsx(ut,{children:d("contentManagement.viewTemplate")})}),x&&t.jsxs("div",{className:"space-y-4",children:[t.jsxs("div",{children:[t.jsx("label",{className:"text-sm font-medium text-gray-600 dark:text-gray-300",children:d("common.name")}),t.jsx("p",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1",children:k(x.name)})]}),t.jsxs("div",{children:[t.jsx("label",{className:"text-sm font-medium text-gray-600 dark:text-gray-300",children:d("contentManagement.sincerelyText")}),t.jsx("p",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1",children:x.sincerelyText||d("common.notAvailable")})]}),t.jsxs("div",{children:[t.jsx("label",{className:"text-sm font-medium text-gray-600 dark:text-gray-300",children:d("contentManagement.body")}),t.jsx("div",{className:"text-sm text-gray-900 dark:text-gray-100 mt-1 p-3 border border-gray-200 dark:border-gray-700 rounded-md bg-gray-50 dark:bg-gray-700 max-h-60 overflow-y-auto",dangerouslySetInnerHTML:{__html:Ra(x.body)}})]}),t.jsx("div",{className:"flex justify-end",children:t.jsx(se,{onClick:()=>J(!1),children:d("common.close")})})]})]})}),t.jsx(zn,{open:Ye,onOpenChange:L,children:t.jsxs(Hn,{children:[t.jsxs(Bn,{children:[t.jsx(Gn,{children:d("contentManagement.deleteTemplate")}),t.jsx(Wn,{children:d("contentManagement.deleteTemplateConfirm",{name:x?k(x.name):""})})]}),t.jsxs(Yn,{children:[t.jsx(qn,{children:d("common.cancel")}),t.jsx($n,{onClick:ce,disabled:X,className:"bg-red-600 hover:bg-red-700",children:X?d("common.deleting"):d("common.delete")})]})]})})]})},Wa=()=>t.jsxs("div",{className:"p-6",children:[t.jsxs("div",{className:"mb-6",children:[t.jsx("h1",{className:"text-2xl font-bold bg-gradient-to-r from-primary to-primary-400 bg-clip-text text-transparent",children:"Manage Delegation Templates"}),t.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-1",children:"Create, edit, and view delegation global templates."})]}),t.jsx("div",{className:"space-y-6",children:t.jsx(Ia,{})})]});export{Wa as default};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/textarea-BNzPMo41.js b/apps/edr-freight-web/backoffice/public/_um/assets/textarea-BNzPMo41.js
new file mode 100644
index 000000000..824dfe94e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/textarea-BNzPMo41.js
@@ -0,0 +1 @@
+import{j as i,b8 as t}from"./index-Db-xuq0b.js";function o({className:e,...r}){return i.jsx("textarea",{"data-slot":"textarea",className:t("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),...r})}export{o as T};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/unitService-CmGVtFHQ.js b/apps/edr-freight-web/backoffice/public/_um/assets/unitService-CmGVtFHQ.js
new file mode 100644
index 000000000..4aa8026a9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/unitService-CmGVtFHQ.js
@@ -0,0 +1 @@
+import{l as e,w as s}from"./index-Db-xuq0b.js";const a=async t=>e.get(`/units/${t}`,{headers:s()}),i=async t=>e.get(`/units/${t}/hierarchy`,{headers:s()}),c=async t=>e.get(`/units/current/${t}/employees`,{headers:s()}),u=async(t,n)=>e.get(`/units/list/${t}`,{params:n,headers:s()}),o=async t=>e.post("/units",t,{headers:s()}),d=async(t,n)=>e.put(`/units/${t}`,n,{headers:s()}),h=async t=>e.delete(`/units/${t}`,{headers:s()}),y=async t=>e.delete(`/units/${t}/soft`,{headers:s()}),l=async(t,n)=>e.get(`/units/archived/${t}`,{params:n,headers:s()}),g=async t=>e.patch(`/units/${t}/restore`,null,{headers:s()}),U=async t=>e.patch("/units/relate-unit-to-unit",t,{headers:s()}),p=async t=>e.get(`/units/child-units/${t}`,{headers:s()});export{u as a,a as b,o as c,h as d,i as e,c as f,p as g,g as h,l as i,U as r,y as s,d as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/use-toast-CdbbItn1.js b/apps/edr-freight-web/backoffice/public/_um/assets/use-toast-CdbbItn1.js
new file mode 100644
index 000000000..786bef291
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/use-toast-CdbbItn1.js
@@ -0,0 +1 @@
+import{r as c}from"./index-Db-xuq0b.js";const d=5,p=5e3;let a=0;function A(){return a=(a+1)%Number.MAX_VALUE,a.toString()}const i=new Map,S=t=>{if(i.has(t))return;const s=setTimeout(()=>{i.delete(t),n({type:"REMOVE_TOAST",toastId:t})},p);i.set(t,s)},f=(t,s)=>{switch(s.type){case"ADD_TOAST":return{...t,toasts:[s.toast,...t.toasts].slice(0,d)};case"UPDATE_TOAST":return{...t,toasts:t.toasts?.map(e=>e.id===s.toast.id?{...e,...s.toast}:e)};case"DISMISS_TOAST":{const{toastId:e}=s;return e?S(e):t.toasts.forEach(o=>{S(o.id)}),{...t,toasts:t.toasts?.map(o=>o.id===e||e===void 0?{...o,open:!1}:o)}}case"REMOVE_TOAST":return s.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(e=>e.id!==s.toastId)}}},r=[];let u={toasts:[]};function n(t){u=f(u,t),r.forEach(s=>{s(u)})}function O({...t}){const s=A(),e=T=>n({type:"UPDATE_TOAST",toast:{...T,id:s}}),o=()=>n({type:"DISMISS_TOAST",toastId:s});return n({type:"ADD_TOAST",toast:{...t,id:s,open:!0,onOpenChange:T=>{T||o()}}}),{id:s,dismiss:o,update:e}}function m(){const[t,s]=c.useState(u);return c.useEffect(()=>(r.push(s),()=>{const e=r.indexOf(s);e>-1&&r.splice(e,1)}),[t]),{...t,toast:O,dismiss:e=>n({type:"DISMISS_TOAST",toastId:e})}}export{O as t,m as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/use-uncontrolled-C3HRHW6t.js b/apps/edr-freight-web/backoffice/public/_um/assets/use-uncontrolled-C3HRHW6t.js
new file mode 100644
index 000000000..40282e446
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/use-uncontrolled-C3HRHW6t.js
@@ -0,0 +1 @@
+import{r as n}from"./index-Db-xuq0b.js";function f({value:r,defaultValue:o,finalValue:s,onChange:t=()=>{}}){const[c,l]=n.useState(o!==void 0?o:s),u=(e,...d)=>{l(e),t==null||t(e,...d)};return r!==void 0?[r,t,!0]:[c,u,!1]}export{f as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useApplications-DVlMarnX.js b/apps/edr-freight-web/backoffice/public/_um/assets/useApplications-DVlMarnX.js
new file mode 100644
index 000000000..c4b89bd6e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useApplications-DVlMarnX.js
@@ -0,0 +1 @@
+import{l as o,w as r,m as F,u as L,k,n as E,o as y,t as f,r as m,az as M,j as a,I as Q,v as T,aF as $}from"./index-Db-xuq0b.js";import{C as I}from"./checkbox-Dd0VhnrO.js";import{b as R,d as z,c as B}from"./form-BeLK5rTt.js";import{S as H}from"./search-CM5F2ZRy.js";const U={assignPermissionsToPositionType:e=>o.post("/position-type-permissions/assign-seconds-for-first",e,{headers:r()}),getPermissionsByPositionTypeId:e=>o.get(`/position-type-permissions/given-first/${e}`,{headers:r()}),deletePermissionRelation:e=>o.delete(`/position-type-permissions/${e}`,{headers:r()})},N={getAll:e=>o.get("/permissions",{headers:r(),params:e}),getById:e=>o.get(`/permissions/${e}`,{headers:r()}),create:e=>o.post("/permissions",e,{headers:r()}),update:(e,c)=>o.put(`/permissions/${e}`,c,{headers:r()}),delete:e=>o.delete(`/permissions/${e}`,{headers:r()})},D=({params:e,permissionId:c}={})=>{const l=F(),{t:u}=L(),{handleError:i}=k(u),{data:x,isLoading:v,refetch:P}=E({queryKey:["permissions",e],queryFn:()=>N.getAll(e).then(n=>n.data),enabled:!!e,staleTime:1e3*60*5}),{data:p,isLoading:h,refetch:t}=E({queryKey:["permission",c],queryFn:()=>N.getById(c).then(n=>n.data),enabled:!!c}),S=y({mutationFn:n=>N.create(n),onSuccess:()=>{f.success("Permission created"),l.invalidateQueries({queryKey:["permissions"]})},onError:n=>{i(n)}}),j=y({mutationFn:({id:n,data:g})=>N.update(n,g),onSuccess:()=>{f.success("Permission updated"),l.invalidateQueries({queryKey:["permissions"]})},onError:n=>{i(n)}}),s=y({mutationFn:n=>N.delete(n),onSuccess:()=>{f.success("Permission deleted"),l.invalidateQueries({queryKey:["permissions"]})},onError:n=>{i(n)}});return{permissions:x,selectedPermission:p,isPermissionsLoading:v,isPermissionLoading:h,refetchPermissions:P,refetchPermission:t,createPermission:S,updatePermission:j,deletePermission:s}},q=50,V=({selectedPermissions:e,onPermissionChange:c,applicationId:l,disabled:u=!1})=>{const[i,x]=m.useState(""),[v,P]=m.useState(""),[p,h]=m.useState(q),t=m.useRef(!1),S=m.useRef(null),j=M();m.useEffect(()=>{const d=setTimeout(()=>{P(i),h(q),t.current=!1},300);return()=>clearTimeout(d)},[i]);const{permissions:s,isPermissionsLoading:n}=D({params:l?{take:p,skip:0,search:v||void 0,applicationId:l}:void 0});m.useEffect(()=>{s!=null&&s.count&&!t.current&&p!==s.count&&(t.current=!0,h(s.count))},[s==null?void 0:s.count,p]);const g=m.useMemo(()=>{var d;return(d=s==null?void 0:s.items)!=null&&d.length?i.trim()?s.items.filter(A=>{const w=j(A.name).toLowerCase(),K=A.key.toLowerCase(),b=i.toLowerCase();return w.includes(b)||K.includes(b)}):s.items:[]},[s==null?void 0:s.items,i,j]);return a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"relative",children:[a.jsx(H,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4"}),a.jsx(Q,{placeholder:T("contentManagement.searchPermissions"),value:i,onChange:d=>x(d.target.value),className:"pl-10"})]}),l?n?a.jsx("div",{className:"flex justify-center py-10",children:a.jsx($,{className:"h-8 w-8 animate-spin text-gray-400"})}):a.jsx("div",{ref:S,className:"max-h-96 overflow-y-auto border rounded-md p-4 bg-background",children:g.length===0?a.jsx("div",{className:"text-center py-4 text-gray-500",children:i?T("contentManagement.noPermissionsFound"):T("contentManagement.noPermissionsAvailable")}):a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:g?.map(d=>a.jsxs(R,{className:"flex flex-row items-start space-x-3 space-y-0",children:[a.jsx(z,{children:a.jsx(I,{checked:e.includes(d.id),disabled:u,onCheckedChange:A=>{u||c(d.id,!!A)}})}),a.jsx(B,{className:"capitalize cursor-pointer font-normal text-sm",children:j(d.name)})]},d.id))})}):a.jsx("div",{className:"max-h-96 overflow-y-auto border rounded-md p-4 bg-background text-center text-gray-500",children:T("contentManagement.selectApplicationToLoadPermissions")||"Select an application to load permissions."}),g.length>0&&a.jsx("div",{className:"text-xs text-muted-foreground px-1",children:T("contentManagement.showingPermissions",{count:g.length,total:(s==null?void 0:s.count)||0})})]})},C={getAll:()=>o.get("/applications",{headers:r()}),getById:e=>o.get(`/applications/${e}`,{headers:r()}),create:e=>o.post("/applications",e,{headers:r()}),update:(e,c)=>o.put(`/applications/${e}`,c,{headers:r()}),delete:e=>o.delete(`/applications/${e}`,{headers:r()})},W=()=>{const e=F(),{t:c}=L(),{handleError:l}=k(c),{data:u,isLoading:i,isError:x,refetch:v}=E({queryKey:["applications"],queryFn:()=>C.getAll().then(t=>t.data),staleTime:1e3*60*5}),P=y({mutationFn:t=>C.create(t),onSuccess:()=>{f.success("Application created"),e.invalidateQueries({queryKey:["applications"]})},onError:t=>{l(t)}}),p=y({mutationFn:({id:t,data:S})=>C.update(t,S),onSuccess:()=>{f.success("Application updated"),e.invalidateQueries({queryKey:["applications"]})},onError:t=>{l(t)}}),h=y({mutationFn:t=>C.delete(t),onSuccess:()=>{f.success("Application deleted"),e.invalidateQueries({queryKey:["applications"]})},onError:t=>{l(t)}});return{applications:(u==null?void 0:u.items)??[],applicationsResponse:u,isLoading:i,isError:x,refetch:v,createApplication:P,updateApplication:p,deleteApplication:h}};export{V as P,U as p,W as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useArchived-D2u5xEKl.js b/apps/edr-freight-web/backoffice/public/_um/assets/useArchived-D2u5xEKl.js
new file mode 100644
index 000000000..da2af6ad0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useArchived-D2u5xEKl.js
@@ -0,0 +1 @@
+import{m,u as f,k as z,o as s,n as r,t as o}from"./index-Db-xuq0b.js";import{h as O,s as P,i as A}from"./unitService-CmGVtFHQ.js";import{r as q,s as U,h as F}from"./positionService-JD0NEiGK.js";import{r as K,s as M,e as Q}from"./organizationsService-BEVk8qa1.js";const R=e=>r({queryKey:["archived-units",e],queryFn:async()=>{const{data:i}=await A(e);return i},enabled:!!e,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!1}),S=()=>r({queryKey:["archived-organizations"],queryFn:async()=>{const{data:e}=await Q();return e},staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!1}),T=e=>r({queryKey:["archived-positions",e],queryFn:async()=>{const{data:i}=await F(e);return i},enabled:!!e,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!1}),b=()=>{const e=m(),{t:i}=f(),{handleError:n}=z(i),a=()=>{e.invalidateQueries({queryKey:["archived-units"]}),e.invalidateQueries({queryKey:["unitList"]}),e.invalidateQueries({queryKey:["unitChildren"]})},c=()=>{e.invalidateQueries({queryKey:["archived-positions"]}),e.invalidateQueries({queryKey:["positions"]})},u=()=>{e.invalidateQueries({queryKey:["archived-organizations"]}),e.invalidateQueries({queryKey:["organizations"]}),e.invalidateQueries({queryKey:["organizationsResponse"]})},d=s({mutationFn:t=>P(t),onSuccess:()=>{o.success(i("archive.unitArchived","Unit archived")),a()},onError:n}),v=s({mutationFn:t=>O(t),onSuccess:()=>{o.success(i("archive.unitRestored","Unit restored")),a()},onError:n}),h=s({mutationFn:t=>U(t),onSuccess:()=>{o.success(i("archive.positionArchived","Position archived")),c()},onError:n}),l=s({mutationFn:t=>q(t),onSuccess:()=>{o.success(i("archive.positionRestored","Position restored")),c()},onError:n}),g=s({mutationFn:t=>M(t),onSuccess:()=>{o.success(i("archive.organizationArchived","Organization archived")),u()},onError:n}),y=s({mutationFn:t=>K(t),onSuccess:()=>{o.success(i("archive.organizationRestored","Organization restored")),u()},onError:n});return{softDeleteUnit:d.mutate,isArchivingUnit:d.isPending,restoreUnit:v.mutate,isRestoringUnit:v.isPending,softDeletePosition:h.mutate,isArchivingPosition:h.isPending,restorePosition:l.mutate,isRestoringPosition:l.isPending,softDeleteOrganization:g.mutate,isArchivingOrganization:g.isPending,restoreOrganization:y.mutate,isRestoringOrganization:y.isPending}};export{R as a,T as b,S as c,b as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useConfig-B72ZZHmV.js b/apps/edr-freight-web/backoffice/public/_um/assets/useConfig-B72ZZHmV.js
new file mode 100644
index 000000000..c96b24e1c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useConfig-B72ZZHmV.js
@@ -0,0 +1 @@
+import{l as i,w as a,n as r,m as o,o as s}from"./index-Db-xuq0b.js";const u=async n=>i.post("/organization-configurations",n,{headers:a()}),l=async(n,e)=>i.put(`/organization-configurations/${n}`,e,{headers:a()}),g=async n=>i.get(`/organization-configurations/list/${n}`,{headers:a()}),c=async n=>i.delete(`/organization-configurations/${n}`,{headers:a()}),f=async n=>i.post("/global-unit-configurations",n,{headers:a()}),y=async(n,e)=>i.put(`/global-unit-configurations/${n}`,e,{headers:a()}),C=async n=>i.get(`/global-unit-configurations/list/${n}`,{headers:a()}),d=async n=>i.delete(`/global-unit-configurations/${n}`,{headers:a()}),q=n=>r({queryKey:["listGlobalUnitConfig",n],queryFn:()=>C(n),enabled:!!n}),z=()=>{const n=o();return s({mutationFn:e=>f(e),onSuccess:()=>{n.invalidateQueries({queryKey:["listGlobalUnitConfig"]})}})},U=()=>{const n=o();return s({mutationFn:({id:e,data:t})=>y(e,t),onSuccess:(e,t)=>{n.invalidateQueries({queryKey:["globalUnitConfig",t.id]}),n.invalidateQueries({queryKey:["listGlobalUnitConfig"]})}})},G=()=>{const n=o();return s({mutationFn:e=>d(e),onSuccess:()=>{n.invalidateQueries({queryKey:["listGlobalUnitConfig"]}),n.invalidateQueries({queryKey:["globalUnitConfig"]})}})},h=n=>r({queryKey:["organizationConfig",n],queryFn:()=>g(n),enabled:!!n}),p=()=>{const n=o();return s({mutationFn:e=>u(e),onSuccess:(e,t)=>{n.invalidateQueries({queryKey:["organizationConfig",t.organizationId]})}})},K=()=>{const n=o();return s({mutationFn:({id:e,data:t})=>l(e,t),onSuccess:(e,t)=>{n.invalidateQueries({queryKey:["organizationConfig",t.data.organizationId]})}})},O=()=>{const n=o();return s({mutationFn:e=>c(e),onSuccess:()=>{n.invalidateQueries({queryKey:["organizationConfig"]})}})};export{q as a,z as b,U as c,G as d,p as e,K as f,O as g,g as h,l as i,u as j,h as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useEmployeePostions-CMraotEg.js b/apps/edr-freight-web/backoffice/public/_um/assets/useEmployeePostions-CMraotEg.js
new file mode 100644
index 000000000..29adc43ac
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useEmployeePostions-CMraotEg.js
@@ -0,0 +1,6 @@
+import{y as q,m as Q,u as K,k,o as n,t as A,n as l}from"./index-Db-xuq0b.js";import{i as b,d as h,b as C,s as M,c as P,e as U,f as _,r as f,g as I,h as G,j as T,k as j}from"./employeePositionsService-CkHoE9xG.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const D=[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}]],w=q("trash",D),x=o=>{const t=Q(),{t:m}=K(),{handleError:i}=k(m),d=e=>l({queryKey:["positionEmployees","given-first",e],queryFn:()=>T(e,o).then(s=>s.data),enabled:!!e}),v=e=>l({queryKey:["positionEmployees","given-second",e],queryFn:()=>j(e,o).then(s=>s.data),enabled:!!e}),a=n({mutationFn:({payload:e,successCallback:s})=>b(e),onSuccess:(e,s)=>{t.invalidateQueries({queryKey:["positionEmployees"]}),s.successCallback()},onError:e=>{i(e)}}),r=n({mutationFn:({payload:e,successCallback:s})=>h(e),onSuccess:(e,s)=>{t.invalidateQueries({queryKey:["deleteEmployees"]}),t.invalidateQueries({queryKey:["positionEmployees"]}),t.invalidateQueries({queryKey:["employees"]}),s.successCallback()},onError:e=>{i(e)}}),c=n({mutationFn:({payload:e,successCallback:s})=>C(e),onSuccess:(e,s)=>{t.invalidateQueries({queryKey:["archived-users"]}),t.invalidateQueries({queryKey:["employees"]}),s.successCallback()},onError:e=>{i(e)}}),u=n({mutationFn:({payload:e,successCallback:s})=>M(e),onSuccess:(e,s)=>{t.invalidateQueries({queryKey:["positionEmployees"]}),A.success("Team member removed successfully."),s.successCallback()},onError:e=>{i(e)}}),F=n({mutationFn:e=>P(e),onSuccess:()=>t.invalidateQueries({queryKey:["positionEmployees"]})}),p=n({mutationFn:e=>U(e),onSuccess:()=>t.invalidateQueries({queryKey:["positionEmployees"]})}),y=n({mutationFn:e=>_(e),onSuccess:()=>{t.invalidateQueries({queryKey:["positionEmployees"]}),t.invalidateQueries({queryKey:["employees"]})},onError:e=>{i(e)}}),g=n({mutationFn:e=>f(e),onSuccess:()=>t.invalidateQueries({queryKey:["positionEmployees"]})}),E=n({mutationFn:e=>I(e),onSuccess:()=>t.invalidateQueries({queryKey:["positionEmployees"]})}),S=n({mutationFn:e=>G(e),onSuccess:()=>t.invalidateQueries({queryKey:["positionEmployees"]})});return{getGivenFirstQuery:d,getGivenSecondQuery:v,invite:a.mutateAsync,isInviting:a.isPending,setInactive:u.mutateAsync,isDeActivatingUser:u.isPending,assignFirstsForSecond:F.mutateAsync,assignSecondsForFirst:p.mutateAsync,removeFirstsForSecond:g.mutateAsync,assignEmployee:y.mutateAsync,isAssigning:y.isPending,removeSecondsForFirst:E.mutateAsync,remove:S.mutateAsync,deactivateUser:r.mutateAsync,isDeactivating:r.isPending,activateUser:c.mutateAsync,isActivatingUser:c.isPending}};export{w as T,x as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useEmployees-CygwM5u6.js b/apps/edr-freight-web/backoffice/public/_um/assets/useEmployees-CygwM5u6.js
new file mode 100644
index 000000000..1a6ee6f67
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useEmployees-CygwM5u6.js
@@ -0,0 +1 @@
+import{l as s,w as r,n as i,o as w}from"./index-Db-xuq0b.js";const o={getEmployee:e=>s.get(`/employees/${e}`,{headers:r()}),getEmployeesListById:e=>s.get(`/employees/list/${e}`,{headers:r()}),getEmployeesWithUnitById:(e,t)=>s.get(`/employees/${e}/with-unit`,{headers:r(),params:t}),getUsersWithUnitById:(e,t)=>s.get(`/employees/${e}/active-with-unit`,{headers:r(),params:t}),getEmployeesWithOrganizationById:(e,t)=>s.get(`/employees/${e}/by-organization`,{headers:r(),params:t}),createEmployee:e=>s.post("/employees",e,{headers:r()}),updateEmployee:(e,t)=>s.put(`/employees/${e}`,t,{headers:r()}),deleteEmployee:e=>s.delete(`/employees/${e}`,{headers:r()})},f=({unitId:e,organizationId:t,params:y})=>{const{data:l,isLoading:n,isError:p,refetch:m}=i({queryKey:["employees",e],queryFn:async()=>{const{data:a}=await o.getUsersWithUnitById(e,{take:3e3});return a},enabled:!!e,staleTime:3e5,retry:!1}),{data:d,isLoading:g,isError:u,refetch:h}=i({queryKey:["employees",t,y],queryFn:async()=>{const{data:a}=await o.getEmployeesWithOrganizationById(t,y);return a},enabled:!!t,staleTime:300*1e3,retry:!1}),{mutate:c,isPending:E}=w({mutationFn:async a=>{const{data:B}=await o.getEmployee(a);return B}});return{employeesResponse:l,isLoading:n,isError:p,refetch:m,getEmployeeByDetails:c,isFetchingEmployee:E,refetchEmployeesByOrg:h,isErrorEmployeesByOrg:u,isLoadingEmployeesByOrg:g,employeesResponseByOrg:d}};export{o as e,f as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationAdmins-Bl-gbkwr.js b/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationAdmins-Bl-gbkwr.js
new file mode 100644
index 000000000..722901d98
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationAdmins-Bl-gbkwr.js
@@ -0,0 +1 @@
+import{l as s,w as i,m as p,u as B,k as C,n as U,o as d,t as r,aT as v}from"./index-Db-xuq0b.js";const w=async t=>s.get("/organizations/org-admins",{headers:i(),params:t}),F=async(t,e)=>s.get(`/organizations/org-admins/${t}`,{headers:i(),params:e}),q=async(t,e)=>s.get(`/units/unit-admins/${t}`,{headers:i(),params:e}),E=async(t,e)=>s.get(`/organizations/all-admins/${t}`,{headers:i(),params:e}),b=async t=>s.post("/organizations/org-admin",t,{headers:i()}),k=async t=>s.post("/units/unit-admin",t,{headers:i()}),O=async(t,e)=>s.put(`/organizations/org-admin/${t}`,e,{headers:i()}),T=t=>{const e=p(),{t:u}=B(),{handleError:o}=C(u),{data:m,isLoading:l,isError:y,refetch:g}=U({queryKey:["organizationAdmins",t],queryFn:async()=>{const{data:n}=await w(t);return{count:n,items:n}},staleTime:300*1e3,retry:!1,enabled:!1}),{mutate:A,isPending:h}=d({mutationFn:async({payload:n,successCallback:a})=>b(n),onSuccess:(n,a)=>{r.success("Admin assigned successfully"),e.invalidateQueries({queryKey:["organizationAdmins"]}),a.successCallback()},onError:n=>{o(n)}}),{mutate:z,isPending:Q}=d({mutationFn:async({payload:n,successCallback:a})=>k(n),onSuccess:(n,a)=>{r.success("Admin assigned successfully"),e.invalidateQueries({queryKey:["organizationAdmins"]}),a.successCallback()},onError:n=>{o(n)}}),{mutate:f,isPending:I}=d({mutationFn:({id:n,data:a})=>O(n,a),onSuccess:()=>{r.success("Admin updated successfully"),e.invalidateQueries({queryKey:["organizationAdmins"]})},onError:n=>{o(n)}});return{adminsResponse:m,createAdmin:A,createUnitAdmin:z,updateAdmin:f,getAdminById:async n=>{try{return await F(n)}catch{r.error("Failed to fetch admin details");return}},getUnitAdminById:async n=>{try{return await q(n)}catch{r.error("Failed to fetch unit admin details");return}},resendInvitation:async({email:n,phoneNumber:a})=>{try{await v({email:n,phoneNumber:a})}catch(c){throw c}},getAllAdminById:async(n,a)=>{try{return await E(n,a)}catch{r.error("Failed to fetch all admin details");return}},isCreating:h,isUpdating:I,isLoading:l,isError:y,refetch:g}};export{T as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationReport-D3QtWTPL.js b/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationReport-D3QtWTPL.js
new file mode 100644
index 000000000..7e931d532
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationReport-D3QtWTPL.js
@@ -0,0 +1 @@
+import{l as y,bZ as O,r as l,d as I,n as m,t as x}from"./index-Db-xuq0b.js";import{p as z,b as F,c as M}from"./organizationsService-BEVk8qa1.js";const A=async r=>{try{return await y.get(`/organizations/${r}/report`)}catch(a){throw a instanceof O&&a.response,a}},K=async r=>y.get(`/organizations/${r}/employees/count`),T=async r=>y.get(`/organizations/${r}/departments/count`),k=async r=>y.get(`/organizations/${r}/units/count`),Q=r=>{var w,f;const{user:a}=I(),[n,c]=l.useState(!1),e=r||((f=(w=a==null?void 0:a.employee)==null?void 0:w[0])==null?void 0:f.organizationId),{data:g,isLoading:D,isError:q,error:d,refetch:u}=m({queryKey:["organizationReport",e],queryFn:async()=>{if(!e)throw new Error("Organization ID is required");try{return(await A(e)).data}catch(t){throw c(!0),t}},enabled:!!e&&!n,staleTime:300*1e3}),{data:i,isLoading:o}=m({queryKey:["organizationEmployees",e],queryFn:async()=>{if(!e)throw new Error("Organization ID is required");const{data:t}=await K(e);return t.total},enabled:!!e&&n,staleTime:300*1e3}),{data:s,isLoading:p}=m({queryKey:["organizationDepartments",e],queryFn:async()=>{if(!e)throw new Error("Organization ID is required");const{data:t}=await T(e);return t.total},enabled:!!e&&n,staleTime:300*1e3}),{data:h,isLoading:E}=m({queryKey:["documentRequirement"],queryFn:async()=>{const t=await M();return{count:t.data.count,items:t.data.items}},staleTime:300*1e3}),{data:L,isLoading:R}=m({queryKey:["organizationUnits",e],queryFn:async()=>{if(!e)throw new Error("Organization ID is required");const{data:t}=await k(e);return t.total},enabled:!!e&&n,staleTime:300*1e3});return{report:n?n?{employeesCount:i||0,positionsCount:0,unitsCount:L||0,totalDocuments:0,recentActivities:[]}:void 0:g,isLoading:n?o||p||R:D,isError:q&&n,error:d,refetch:u,isDocumentRequirementLoading:E,documentRequirementData:h,createDocumentRequirements:async t=>{try{return(await z(t)).data}catch{x.error("Error in Creating Document Requirements")}}}},Z=()=>{const[r,a]=l.useState(!1),[n,c]=l.useState(null),[e,g]=l.useState(null);return{mutate:async({id:d,data:u})=>{var i,o;a(!0),c(null);try{const s=await F(d,u);return g(s.data),s}catch(s){const p=((o=(i=s.response)==null?void 0:i.data)==null?void 0:o.message)||"An unexpected error occurred";throw c(p),s}finally{a(!1)}},isLoading:r,error:n,data:e,mutateDocumetary:async d=>{var u,i;a(!0),c(null);try{const o=await z(d);return g(o.data),o}catch(o){const s=((i=(u=o.response)==null?void 0:u.data)==null?void 0:i.message)||"An unexpected error occurred";throw c(s),o}finally{a(!1)}}}};export{Z as a,Q as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationTypes-B6vCp97C.js b/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationTypes-B6vCp97C.js
new file mode 100644
index 000000000..ea318fed5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizationTypes-B6vCp97C.js
@@ -0,0 +1 @@
+import{l as i,w as d,n as g,p as t}from"./index-Db-xuq0b.js";const u=async()=>i.get("/organization-types",{headers:d()}),e=[{id:"1",name:{en:"Government",am:"መንግስታዊ"},key:"government",createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()},{id:"2",name:{en:"Private",am:"የግል"},key:"private",createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()},{id:"3",name:{en:"Non-Governmental",am:"መንግስታዊ ያልሆነ"},key:"ngo",createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()}],m=()=>{const{data:n,isLoading:a,isError:r,refetch:o}=g({queryKey:["organizationTypes"],queryFn:async()=>{try{const s=t.get("tenant-key")||"default-tenant-key",y=t.get("unit-id");return(await u()).data}catch{return{count:e.length,items:e}}},staleTime:3e5,enabled:!0});return{organizationTypesResponse:n||{count:e.length,items:e},isLoading:a,isError:r,refetch:o}};export{m as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizations-DiuNBweX.js b/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizations-DiuNBweX.js
new file mode 100644
index 000000000..dc6d1b78c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useOrganizations-DiuNBweX.js
@@ -0,0 +1 @@
+import{m as k,f as B,u as j,k as x,n as u,o as s,t as o}from"./index-Db-xuq0b.js";import{f as H,u as I,h as N,i as W,j as G,k as d,l as g}from"./organizationsService-BEVk8qa1.js";const X=(c,i)=>{const n=k(),e=B(),{t:z}=j(),{handleError:r}=x(z),{data:l,isLoading:y,isError:m,refetch:O}=u({queryKey:["organizations",i],queryFn:async()=>{const{data:a}=await g(i);return{count:a.count,items:a.items}},staleTime:300*1e3,retry:!1,enabled:c==="Org"}),{data:E,isLoading:v,isError:f,refetch:q}=u({queryKey:["organizationAdmins",i],queryFn:async()=>{const{data:a}=await g(i);return{count:a.count,items:a.items}},staleTime:300*1e3,retry:!1,enabled:c==="Admin"}),{mutate:A,isPending:F,isError:p,status:J}=s({mutationFn:async a=>{const{data:t}=await H(a);return t},onSuccess:()=>{o.success("Organization created successfully!",{description:"Redirecting..."}),e("/user-management/organizations"),n.invalidateQueries({queryKey:["organizations"]})},onError:a=>{r(a)}}),{mutate:w,isPending:D,isError:S,status:K}=s({mutationFn:async({id:a,payload:t})=>{const{data:b}=await I(a,t);return b},onSuccess:()=>{o.success("Organization created successfully!",{description:"Redirecting..."}),e("/user-management/organizations"),n.invalidateQueries({queryKey:["organizations"]})},onError:a=>{r(a)}}),{mutate:R,isPending:h}=s({mutationFn:async({id:a})=>{const{data:t}=await N(a);return t},onSuccess:()=>{o.success("Organization Activated successfully!",{description:"Redirecting..."}),e("/user-management/organizations"),n.invalidateQueries({queryKey:["organizations"]})},onError:a=>{r(a)}}),{mutate:Q,isPending:C}=s({mutationFn:async({id:a})=>{const{data:t}=await W(a);return t},onSuccess:()=>{o.success("Organization De-Activated successfully!",{description:"Redirecting..."}),e("/user-management/organizations"),n.invalidateQueries({queryKey:["organizations"]})},onError:a=>{r(a)}}),{mutate:M,isPending:P}=s({mutationFn:async({id:a})=>{const{data:t}=await G(a);return t},onSuccess:()=>{o.success("Organization Deleted successfully!",{description:"Redirecting..."}),e("/user-management/organizations"),n.invalidateQueries({queryKey:["organizations"]})},onError:a=>{r(a)}}),{mutate:L,isPending:T}=s({mutationFn:async a=>{const{data:t}=await d(a);return t},onSuccess:a=>a});return{organizationsResponse:l,isLoading:y,isError:m,refetch:O,createOrganization:A,editOrganization:w,isCreating:F,isEditing:D,editStatus:K,organizationCreationError:p,organizationEditError:S,getOrganizationByDetails:L,isFetchingOrganization:T,activateOrganization:R,isOrganizationActivating:h,deactivateOrganization:Q,isOrganizationDeactivating:C,deleteOrganization:M,isOrganizationDeleting:P,organizationsAdminsResponse:E,isLoadingAdmins:v,isErrorAdmins:f,refetchAdmins:q}};function Y(c,i){const n=u({queryKey:["organization-detail",i],queryFn:async()=>{const{data:e}=await d(i);return{items:e}},staleTime:3e5,retry:!1,enabled:!!i});return{organizationsDetailResponse:n.data,isDetailLoading:n.isLoading,isDetailError:n.isError}}export{Y as a,X as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/usePosition-Y8Dhf3qk.js b/apps/edr-freight-web/backoffice/public/_um/assets/usePosition-Y8Dhf3qk.js
new file mode 100644
index 000000000..08c254dc6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/usePosition-Y8Dhf3qk.js
@@ -0,0 +1 @@
+import{m as P,u as m,k as q,o as a,t as p,n as i}from"./index-Db-xuq0b.js";import{c as E,u as K,d as h,m as F,a as H,g as Q,b as f,e as k,f as M}from"./positionService-JD0NEiGK.js";const _=o=>{const n=P(),{t:r}=m(),{handleError:t}=q(r),u=()=>i({queryKey:["positions",o],queryFn:()=>H(o),select:e=>({count:e.data.count,items:e.data.items}),staleTime:300*1e3,enabled:!!o}),b=e=>i({queryKey:["position",e],queryFn:()=>Q(e),enabled:!!e,select:s=>s.data}),g=(e="root")=>i({queryKey:["positionHierarchy",e],queryFn:()=>f(e),enabled:!!e,select:s=>s.data}),v=e=>i({queryKey:["positionEmployees",e],queryFn:()=>k(e),enabled:!!(e||o)}),C=(e,s)=>i({queryKey:["positionList",e,s],queryFn:()=>M(e,s),enabled:!!e,select:d=>d.data}),c=a({mutationFn:({payload:e,successCallback:s})=>E(e),onSuccess:(e,s)=>{n.invalidateQueries({queryKey:["positionHierarchy"]}),s.successCallback()},onError:e=>{t(e)}}),l=a({mutationFn:({id:e,payload:s,successCallback:d})=>K(e,s),onSuccess:(e,s)=>{n.invalidateQueries({queryKey:["positionHierarchy"]}),s.successCallback()},onError:e=>{t(e)}}),y=a({mutationFn:({id:e,successCallback:s})=>h(e),onSuccess:(e,s)=>{n.invalidateQueries({queryKey:["positionHierarchy"]}),p.success("Department removed successfully."),s.successCallback()},onError:e=>{t(e)}});return{usePositionsQuery:u,usePositionById:b,usePositionHierarchy:g,useEmployeesUnderPosition:v,usePositionListByUnitId:C,createPosition:c.mutateAsync,isCreating:c.isPending,updatePosition:l.mutateAsync,isUpdating:l.isPending,deletePosition:y.mutateAsync,isDeleting:y.isPending}},A=()=>{const o=P(),{t:n}=m(),{handleError:r}=q(n);return a({mutationFn:t=>F(t),onSuccess:(t,u)=>{o.invalidateQueries({queryKey:["positions"]}),o.invalidateQueries({queryKey:["positionHierarchy"]}),p.success("Department moved successfully.")},onError:t=>{r(t)}})};export{A as a,_ as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/usePositionTypes-BW1bd5Uk.js b/apps/edr-freight-web/backoffice/public/_um/assets/usePositionTypes-BW1bd5Uk.js
new file mode 100644
index 000000000..42a1c20e1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/usePositionTypes-BW1bd5Uk.js
@@ -0,0 +1 @@
+import{l as s,w as a,m as U,u as x,k as H,n as c,o as p,t as u}from"./index-Db-xuq0b.js";const i={getAll:e=>s.get("/position-types",{headers:a(),params:e}),getById:e=>s.get(`/position-types/${e}`,{headers:a()}),getByUnitId:(e,o)=>s.get(`/position-types/list/${e}`,{headers:a(),params:o}),getCommonTypesById:(e,o)=>s.get(`/position-types/list-with-commons/${e}`,{headers:a(),params:o}),create:e=>s.post("/position-types",e,{headers:a()}),update:(e,o)=>s.put(`/position-types/${e}`,o,{headers:a()}),updateFromto:(e,o)=>s.patch(`/position-types/${e}/migrate-position-from/${o}`),updateByPostion:(e,o)=>s.patch(`/position-types/${e}/migrate-position-by-position`,o),delete:e=>s.delete(`/position-types/${e}`,{headers:a()})},I=({id:e,params:o={take:1e3,skip:0,orderBy:"createdAt:Desc"},unitId:n}={})=>{const r=U(),{t:g}=x(),{handleError:m}=H(g),{data:d,isLoading:h,isError:q,refetch:P}=c({queryKey:["position-types",o],queryFn:()=>i.getAll(o).then(t=>t.data)}),{data:T,isLoading:E,isError:F,refetch:K}=c({queryKey:["position-type",e],queryFn:()=>i.getById(e).then(t=>t.data),enabled:!!e}),{data:f,isLoading:v,isError:B,refetch:Q}=c({queryKey:["position-type",n,o],queryFn:async()=>n?(await i.getByUnitId(n,o)).data:void 0,enabled:!!n}),{data:l,isLoading:S,isError:$,refetch:C}=c({queryKey:["position-types-common",n,o],queryFn:async()=>n?(await i.getCommonTypesById(n,o)).data:void 0,enabled:!!n}),L=p({mutationFn:t=>i.create(t),onSuccess:()=>{u.success("Position type created"),r.invalidateQueries({queryKey:["position-types"]})},onError:t=>{m(t)}}),w=p({mutationFn:({id:t,data:y})=>i.update(t,y),onSuccess:()=>{u.success("Position type updated"),r.invalidateQueries({queryKey:["position-types"]}),r.invalidateQueries({queryKey:["position-type",e]})},onError:()=>{}}),b=p({mutationFn:({toId:t,fromId:y})=>i.updateFromto(t,y),onSuccess:()=>{u.success("Position type migration updated"),r.invalidateQueries({queryKey:["position-types-to"]}),r.invalidateQueries({queryKey:["position-type",e]})},onError:()=>{}}),k=p({mutationFn:({id:t,data:y})=>i.updateByPostion(t,y),onSuccess:()=>{u.success("Position type migration updated"),r.invalidateQueries({queryKey:["position-types-migration"]}),r.invalidateQueries({queryKey:["position-type",e]})},onError:()=>{}}),A=p({mutationFn:t=>i.delete(t),onSuccess:()=>{u.success("Position type deleted"),r.invalidateQueries({queryKey:["position-types"]})},onError:t=>{m(t)}});return{positionTypes:(d==null?void 0:d.items)??[],positionTypeResponse:d,isLoading:h,isError:q,refetch:P,positionType:T,isLoadingSingle:E,isErrorSingle:F,refetchSingle:K,createPositionType:L,updatePositionType:w,deletePositionType:A,positionTypeByUnitId:f,migratePositionsByPositions:k,updatePositionTypeFromTo:b,refetchPosition:Q,isErrorPosition:B,isLoadingPosition:v,commonPositionTypes:(l==null?void 0:l.items)??[],isLoadingCommonTypes:S,isErrorCommonTypes:$,refetchCommonTypes:C}};export{i as p,I as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useQueries-XKsSk0XW.js b/apps/edr-freight-web/backoffice/public/_um/assets/useQueries-XKsSk0XW.js
new file mode 100644
index 000000000..1a73d0399
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useQueries-XKsSk0XW.js
@@ -0,0 +1 @@
+var D=u=>{throw TypeError(u)};var B=(u,e,t)=>e.has(u)||D("Cannot "+t);var r=(u,e,t)=>(B(u,e,"read from private field"),t?t.call(u):e.get(u)),p=(u,e,t)=>e.has(u)?D("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(u):e.set(u,t),c=(u,e,t,s)=>(B(u,e,"write to private field"),s?s.call(u,t):e.set(u,t),t),y=(u,e,t)=>(B(u,e,"access private method"),t);import{bJ as G,bK as A,bL as W,bM as X,bN as V,m as Y,bO as Z,bP as $,r as k,bQ as ee,bR as se,bS as te,bT as re,bU as J,bV as ie,bW as ne}from"./index-Db-xuq0b.js";function K(u,e){const t=new Set(e);return u.filter(s=>!t.has(s))}function oe(u,e,t){const s=u.slice(0);return s[e]=t,s}var E,b,w,R,d,v,M,q,x,H,h,U,z,_,I,T,j,N,ue=(N=class extends G{constructor(e,t,s){super();p(this,h);p(this,E);p(this,b);p(this,w);p(this,R);p(this,d);p(this,v);p(this,M);p(this,q);p(this,x);p(this,H,[]);c(this,E,e),c(this,R,s),c(this,w,[]),c(this,d,[]),c(this,b,[]),this.setQueries(t)}onSubscribe(){this.listeners.size===1&&r(this,d).forEach(e=>{e.subscribe(t=>{y(this,h,T).call(this,e,t)})})}onUnsubscribe(){this.listeners.size||this.destroy()}destroy(){this.listeners=new Set,r(this,d).forEach(e=>{e.destroy()})}setQueries(e,t){c(this,w,e),c(this,R,t),A.batch(()=>{const s=r(this,d),i=y(this,h,I).call(this,r(this,w));i.forEach(a=>a.observer.setOptions(a.defaultedQueryOptions));const n=i?.map(a=>a.observer),o=n?.map(a=>a.getCurrentResult()),l=s.length!==n.length,O=n?.some((a,Q)=>a!==s[Q]),C=l||O,P=C?!0:o?.some((a,Q)=>{const S=r(this,b)[Q];return!S||!W(a,S)});!C&&!P||(C&&(c(this,H,i),c(this,d,n)),c(this,b,o),this.hasListeners()&&(C&&(K(s,n).forEach(a=>{a.destroy()}),K(n,s).forEach(a=>{a.subscribe(Q=>{y(this,h,T).call(this,a,Q)})})),y(this,h,j).call(this)))})}getCurrentResult(){return r(this,b)}getQueries(){return r(this,d)?.map(e=>e.getCurrentQuery())}getObservers(){return r(this,d)}getOptimisticResult(e,t){const s=y(this,h,I).call(this,e),i=s?.map(o=>o.observer.getOptimisticResult(o.defaultedQueryOptions)),n=s?.map(o=>o.defaultedQueryOptions.queryHash);return[i,o=>y(this,h,z).call(this,o??i,t,n),()=>y(this,h,U).call(this,i,s)]}},E=new WeakMap,b=new WeakMap,w=new WeakMap,R=new WeakMap,d=new WeakMap,v=new WeakMap,M=new WeakMap,q=new WeakMap,x=new WeakMap,H=new WeakMap,h=new WeakSet,U=function(e,t){return t?.map((s,i)=>{const n=e[i];return s.defaultedQueryOptions.notifyOnChangeProps?n:s.observer.trackResult(n,o=>{t.forEach(l=>{l.observer.trackProp(o)})})})},z=function(e,t,s){if(t){const i=r(this,x),n=s!==void 0&&i!==void 0&&(i.length!==s.length||s?.some((o,l)=>o!==i[l]));return(!r(this,v)||r(this,b)!==r(this,q)||n||t!==r(this,M))&&(c(this,M,t),c(this,q,r(this,b)),s!==void 0&&c(this,x,s),c(this,v,X(r(this,v),t(e)))),r(this,v)}return e},_=function(){var e;return((e=r(this,R))==null?void 0:e.combine)!==void 0&&r(this,d)?.some((t,s)=>{var i;return t.options.suspense&&((i=r(this,b)[s])==null?void 0:i.data)===void 0})},I=function(e){const t=new Map;r(this,d).forEach(i=>{const n=i.options.queryHash;if(!n)return;const o=t.get(n);o?o.push(i):t.set(n,[i])});const s=[];return e.forEach(i=>{var O;const n=r(this,E).defaultQueryOptions(i),l=((O=t.get(n.queryHash))==null?void 0:O.shift())??new V(r(this,E),n);s.push({defaultedQueryOptions:n,observer:l})}),s},T=function(e,t){const s=r(this,d).indexOf(e);s!==-1&&(c(this,b,oe(r(this,b),s,t)),y(this,h,j).call(this))},j=function(){var e;if(this.hasListeners()){const t=y(this,h,U).call(this,r(this,b),r(this,H)),s=y(this,h,_).call(this),i=r(this,v),n=s?i:y(this,h,z).call(this,t,(e=r(this,R))==null?void 0:e.combine);(s||i!==n)&&A.batch(()=>{this.listeners.forEach(o=>{o(r(this,b))})})}},N);function ce({queries:u,...e},t){const s=Y(),i=Z(),n=$(),o=k.useMemo(()=>u?.map(f=>{const g=s.defaultQueryOptions(f);return g._optimisticResults=i?"isRestoring":"optimistic",g}),[u,s,i]);o.forEach(f=>{ee(f);const g=s.getQueryCache().get(f.queryHash);se(f,n,g)}),te(n);const[l]=k.useState(()=>new ue(s,o,e)),[O,C,P]=l.getOptimisticResult(o,e.combine),a=!i&&e.subscribed!==!1;k.useSyncExternalStore(k.useCallback(f=>a?l.subscribe(A.batchCalls(f)):re,[l,a]),()=>l.getCurrentResult(),()=>l.getCurrentResult()),k.useEffect(()=>{l.setQueries(o,e)},[o,e,l]);const S=O?.some((f,g)=>J(o[g],f))?O.flatMap((f,g)=>{const m=o[g];if(m&&J(m,f)){const F=new V(s,m);return ie(m,F,n)}return[]}):[];if(S.length>0)throw Promise.all(S);const L=O.find((f,g)=>{const m=o[g];return m&&ne({result:f,errorResetBoundary:n,throwOnError:m.throwOnError,query:s.getQueryCache().get(m.queryHash),suspense:m.suspense})});if(L!=null&&L.error)throw L.error;return C(P())}export{ce as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useSettings-BtSYqn9W.js b/apps/edr-freight-web/backoffice/public/_um/assets/useSettings-BtSYqn9W.js
new file mode 100644
index 000000000..c9b9ef8b1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useSettings-BtSYqn9W.js
@@ -0,0 +1 @@
+import{l as i,w as n,b4 as W,a as X,n as a,bq as Y,br as Z}from"./index-Db-xuq0b.js";import{f as w,a as ee}from"./organizationService-DPKKJMFw.js";const re=async t=>{try{const{data:r}=await i.get(`units/current/${t}/employees`,{headers:n()});return r}catch(r){throw r}},te=async(t={})=>{try{const{data:r}=await i.get("positions/scoped",{params:{...t},headers:n()});return r}catch(r){throw r}},ae=async(t={})=>{try{const{data:r}=await i.get("positions/scoped",{params:{...t},headers:n()});return r}catch(r){throw r}},F=async(t=null,r={})=>{try{const{data:e}=await i.get(`positions/list/${t}`,{params:{...r},headers:n()});return e}catch(e){throw e}},b=async(t={})=>{try{const{data:r}=await i.get("positions/internal-record-receiving",{params:{...t,take:t.take||3e3},headers:n()});return r}catch(r){throw r}},se=async()=>{try{const{data:t}=await W.get("record-types",{headers:n()});return t}catch(t){throw t}},s=300*1e3,le=t=>{var k,T;const{userDetails:r}=X(),e=((T=(k=r==null?void 0:r.employee)==null?void 0:k[0])==null?void 0:T.unitId)??null,l=300,c=0,{data:y,isLoading:K,error:L}=a({queryKey:["organizations",{take:50,skip:0}],queryFn:w,enabled:!!e,staleTime:s}),{data:A,isLoading:oe,error:ne}=a({queryKey:["organizationsModified",{take:50,skip:0}],queryFn:ee,staleTime:s}),{data:p,isLoading:D,error:I}=a({queryKey:["organizations"],queryFn:w,staleTime:s}),{data:m,isLoading:O,error:M}=a({queryKey:["departments"],queryFn:()=>b(),enabled:!!e,staleTime:s}),{data:u,isLoading:S,error:C}=a({queryKey:["record-types"],queryFn:se,staleTime:s}),{data:g,isLoading:x,error:z}=a({queryKey:["departments"],queryFn:()=>b({take:1e3,skip:0}),staleTime:s,enabled:!!e}),{data:h,isLoading:v,error:V}=a({queryKey:["scoped-departments"],queryFn:()=>te({take:1e3,skip:0}),staleTime:s,enabled:!!e}),{data:q,isLoading:P,error:R}=a({queryKey:["scoped-Employees"],queryFn:()=>ae({take:1e3,skip:0}),staleTime:s,enabled:!!e}),{data:U,isLoading:$,error:H}=a({queryKey:["current-department",e],queryFn:()=>re(e),enabled:!!e,staleTime:s}),{data:d,isLoading:N,error:Q}=a({queryKey:["current-employees",e,l,c],queryFn:()=>Y({take:l,skip:c},e),enabled:!!e,staleTime:s}),{data:_,isLoading:j,error:B}=a({queryKey:["current-employees",e],queryFn:()=>Z({take:l,skip:c},e),enabled:!!e,staleTime:s}),{data:E}=a({queryKey:["all-departments-count",e],queryFn:()=>F(e,{take:1,skip:0}),enabled:!!e,staleTime:s}),f=(E==null?void 0:E.count)??0,{data:o,isLoading:G,error:J}=a({queryKey:["all-departments",e,f],queryFn:()=>F(e,{take:f,skip:0}),enabled:!!e&&f>0,staleTime:s});return{allOrgs:(y==null?void 0:y.items)??[],allModifiedOrgs:A??[],allDepartmentUnits:(m==null?void 0:m.items)??[],listPositionResponse:U,alluser:(d==null?void 0:d.items)??[],listAllDepartmentResponse:(g==null?void 0:g.items)??[],allExternalOrgs:(p==null?void 0:p.items)??[],allScopedDepartments:(h==null?void 0:h.items)??[],allScopedEmployees:(q==null?void 0:q.items)??[],allDepratments:(o==null?void 0:o.items)??[],allDepartmentsCount:o==null?void 0:o.count,recordTypes:(u==null?void 0:u.items)??[],employeesResponse:d,currentEmployeesResponse:_,isLoading:K||O||S||$||N||j||x||D||v||P||G,error:L||M||C||H||Q||B||z||I||V||R||J}};export{le as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useTemplate-CcP413sN.js b/apps/edr-freight-web/backoffice/public/_um/assets/useTemplate-CcP413sN.js
new file mode 100644
index 000000000..7ae463626
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useTemplate-CcP413sN.js
@@ -0,0 +1,30 @@
+var j=Object.defineProperty;var F=(o,s,e)=>s in o?j(o,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[s]=e;var p=(o,s,e)=>F(o,typeof s!="symbol"?s+"":s,e);import{r as y,j as R,b4 as b,w as k,n as T,o as E}from"./index-Db-xuq0b.js";import{u as x,E as N,s as I,c as A,d as P,e as C,f as $,m as O,g as L}from"./Utils-BP0IYDrC.js";const z=(o,s,e)=>{const t=o.createElement("script");t.referrerPolicy="origin",t.type="application/javascript",t.id=s.id,t.src=s.src,t.async=s.async??!1,t.defer=s.defer??!1;const i=()=>{t.removeEventListener("load",i),t.removeEventListener("error",a),e(s.src)},a=r=>{t.removeEventListener("load",i),t.removeEventListener("error",a),e(s.src,r)};t.addEventListener("load",i),t.addEventListener("error",a),o.head&&o.head.appendChild(t)},q=o=>{let s={};const e=(r,c)=>{const n=s[r];n.done=!0,n.error=c;for(const l of n.handlers)l(r,c);n.handlers=[]};return{loadScripts:(r,c,n)=>{const l=h=>n!==void 0?n(h):void 0;if(r.length===0){l(new Error("At least one script must be provided"));return}let d=0,f=!1;const m=(h,u)=>{f||(u?(f=!0,l(u)):++d===r.length&&c())};for(const h of r){const u=s[h.src];if(u)u.done?m(h.src,u.error):u.handlers.push(m);else{const v=x("tiny-");s[h.src]={id:v,src:h.src,done:!1,error:null,handlers:[m]},z(o,{id:v,...h},e)}}},deleteScripts:()=>{var r;for(const c of Object.values(s)){const n=o.getElementById(c.id);n!=null&&n.tagName==="SCRIPT"&&((r=n.parentNode)==null||r.removeChild(n))}s={}},getDocument:()=>o}},K=()=>{const o=[],s=i=>{let a=o.find(r=>r.getDocument()===i);return a===void 0&&(a=q(i),o.push(a)),a};return{loadList:(i,a,r,c,n)=>{const l=()=>s(i).loadScripts(a,c,n);r>0?setTimeout(l,r):l()},reinitialize:()=>{for(let i=o.pop();i!=null;i=o.pop())i.deleteScripts()}}},U=K(),w=o=>{const s=o;return s&&s.tinymce?s.tinymce:null};class S extends y.Component{constructor(e){var t;super(e);p(this,"editor");p(this,"id");p(this,"elementRef");p(this,"inline");p(this,"currentContent");p(this,"boundHandlers");p(this,"rollbackTimer");p(this,"valueCursor");p(this,"rollbackChange",()=>{const e=this.editor,t=this.props.value;e&&t&&t!==this.currentContent&&e.undoManager.ignore(()=>{if(e.setContent(t),this.valueCursor&&(!this.inline||e.hasFocus()))try{e.selection.moveToBookmark(this.valueCursor)}catch{}}),this.rollbackTimer=void 0});p(this,"handleBeforeInput",e=>{if(this.props.value!==void 0&&this.props.value===this.currentContent&&this.editor&&(!this.inline||this.editor.hasFocus()))try{this.valueCursor=this.editor.selection.getBookmark(3)}catch{}});p(this,"handleBeforeInputSpecial",e=>{(e.key==="Enter"||e.key==="Backspace"||e.key==="Delete")&&this.handleBeforeInput(e)});p(this,"handleEditorChange",e=>{const t=this.editor;if(t&&t.initialized){const i=t.getContent();this.props.value!==void 0&&this.props.value!==i&&this.props.rollback!==!1&&(this.rollbackTimer||(this.rollbackTimer=window.setTimeout(this.rollbackChange,typeof this.props.rollback=="number"?this.props.rollback:200))),i!==this.currentContent&&(this.currentContent=i,C(this.props.onEditorChange)&&this.props.onEditorChange(i,t))}});p(this,"handleEditorChangeSpecial",e=>{(e.key==="Backspace"||e.key==="Delete")&&this.handleEditorChange(e)});p(this,"initialise",(e=0)=>{var r,c;const t=this.elementRef.current;if(!t)return;if(!$(t)){if(e===0)setTimeout(()=>this.initialise(1),1);else if(e<100)setTimeout(()=>this.initialise(e+1),100);else throw new Error("tinymce can only be initialised when in a document");return}const i=w(this.view);if(!i)throw new Error("tinymce should have been loaded into global scope");const a={...this.props.init,selector:void 0,target:t,readonly:this.props.disabled,inline:this.inline,plugins:O((r=this.props.init)==null?void 0:r.plugins,this.props.plugins),toolbar:this.props.toolbar??((c=this.props.init)==null?void 0:c.toolbar),...this.props.licenseKey?{license_key:this.props.licenseKey}:{},setup:n=>{this.editor=n,this.bindHandlers({}),this.inline&&!L(t)&&n.once("PostRender",l=>{n.setContent(this.getInitialValue(),{no_events:!0})}),this.props.init&&C(this.props.init.setup)&&this.props.init.setup(n)},init_instance_callback:n=>{const l=this.getInitialValue();this.currentContent=this.currentContent??n.getContent(),this.currentContent!==l&&(this.currentContent=l,n.setContent(l),n.undoManager.clear(),n.undoManager.add(),n.setDirty(!1));const d=this.props.disabled??!1;I(this.editor,d?"readonly":"design"),this.props.init&&C(this.props.init.init_instance_callback)&&this.props.init.init_instance_callback(n)}};this.inline||(t.style.visibility=""),L(t)&&(t.value=this.getInitialValue()),i.init(a)});this.id=this.props.id||x("tiny-react"),this.elementRef=y.createRef(),this.inline=this.props.inline??((t=this.props.init)==null?void 0:t.inline)??!1,this.boundHandlers={}}get view(){var e;return((e=this.elementRef.current)==null?void 0:e.ownerDocument.defaultView)??window}componentDidUpdate(e){if(this.rollbackTimer&&(clearTimeout(this.rollbackTimer),this.rollbackTimer=void 0),this.editor&&(this.bindHandlers(e),this.editor.initialized)){if(this.currentContent=this.currentContent??this.editor.getContent(),typeof this.props.initialValue=="string"&&this.props.initialValue!==e.initialValue)this.editor.setContent(this.props.initialValue),this.editor.undoManager.clear(),this.editor.undoManager.add(),this.editor.setDirty(!1);else if(typeof this.props.value=="string"&&this.props.value!==this.currentContent){const t=this.editor;t.undoManager.transact(()=>{let i;if(!this.inline||t.hasFocus())try{i=t.selection.getBookmark(3)}catch{}const a=this.valueCursor;if(t.setContent(this.props.value),!this.inline||t.hasFocus()){for(const r of[i,a])if(r)try{t.selection.moveToBookmark(r),this.valueCursor=r;break}catch{}}})}if(this.props.disabled!==e.disabled){const t=this.props.disabled??!1;I(this.editor,t?"readonly":"design")}}}componentDidMount(){var e,t,i,a;if(w(this.view)!==null)this.initialise();else if(Array.isArray(this.props.tinymceScriptSrc)&&this.props.tinymceScriptSrc.length===0)(t=(e=this.props).onScriptsLoadError)==null||t.call(e,new Error("No `tinymce` global is present but the `tinymceScriptSrc` prop was an empty array."));else if((i=this.elementRef.current)!=null&&i.ownerDocument){const r=()=>{var n,l;(l=(n=this.props).onScriptsLoad)==null||l.call(n),this.initialise()},c=n=>{var l,d;(d=(l=this.props).onScriptsLoadError)==null||d.call(l,n)};U.loadList(this.elementRef.current.ownerDocument,this.getScriptSources(),((a=this.props.scriptLoading)==null?void 0:a.delay)??0,r,c)}}componentWillUnmount(){const e=this.editor;e&&(e.off(this.changeEvents(),this.handleEditorChange),e.off(this.beforeInputEvent(),this.handleBeforeInput),e.off("keypress",this.handleEditorChangeSpecial),e.off("keydown",this.handleBeforeInputSpecial),e.off("NewBlock",this.handleEditorChange),Object.keys(this.boundHandlers).forEach(t=>{e.off(t,this.boundHandlers[t])}),this.boundHandlers={},e.remove(),this.editor=void 0)}render(){return this.inline?this.renderInline():this.renderIframe()}changeEvents(){var t,i,a;return((a=(i=(t=w(this.view))==null?void 0:t.Env)==null?void 0:i.browser)==null?void 0:a.isIE())?"change keyup compositionend setcontent CommentChange":"change input compositionend setcontent CommentChange"}beforeInputEvent(){return A()?"beforeinput SelectionChange":"SelectionChange"}renderInline(){const{tagName:e="div"}=this.props;return y.createElement(e,{ref:this.elementRef,id:this.id,tabIndex:this.props.tabIndex})}renderIframe(){return y.createElement("textarea",{ref:this.elementRef,style:{visibility:"hidden"},name:this.props.textareaName,id:this.id,tabIndex:this.props.tabIndex})}getScriptSources(){var i,a;const e=(i=this.props.scriptLoading)==null?void 0:i.async,t=(a=this.props.scriptLoading)==null?void 0:a.defer;return this.props.tinymceScriptSrc!==void 0?typeof this.props.tinymceScriptSrc=="string"?[{src:this.props.tinymceScriptSrc,async:e,defer:t}]:this.props.tinymceScriptSrc?.map(r=>typeof r=="string"?{src:r,async:e,defer:t}:r):[{src:"/tinymce/tinymce.min.js",async:e,defer:t}]}getInitialValue(){return typeof this.props.initialValue=="string"?this.props.initialValue:typeof this.props.value=="string"?this.props.value:""}bindHandlers(e){if(this.editor!==void 0){P(this.editor,e,this.props,this.boundHandlers,r=>this.props[r]);const t=r=>r.onEditorChange!==void 0||r.value!==void 0,i=t(e),a=t(this.props);!i&&a?(this.editor.on(this.changeEvents(),this.handleEditorChange),this.editor.on(this.beforeInputEvent(),this.handleBeforeInput),this.editor.on("keydown",this.handleBeforeInputSpecial),this.editor.on("keyup",this.handleEditorChangeSpecial),this.editor.on("NewBlock",this.handleEditorChange)):i&&!a&&(this.editor.off(this.changeEvents(),this.handleEditorChange),this.editor.off(this.beforeInputEvent(),this.handleBeforeInput),this.editor.off("keydown",this.handleBeforeInputSpecial),this.editor.off("keyup",this.handleEditorChangeSpecial),this.editor.off("NewBlock",this.handleEditorChange))}}}p(S,"propTypes",N),p(S,"defaultProps",{cloudChannel:"7"});const ie=({value:o,onEditorChange:s,apiKey:e,placeholders:t})=>{const i=t&&t.length>0,[a,r]=y.useState(()=>typeof window<"u"&&document.documentElement.classList.contains("dark"));y.useEffect(()=>{const n=new MutationObserver(()=>{r(document.documentElement.classList.contains("dark"))});return n.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>n.disconnect()},[]);const c=y.useMemo(()=>({height:600,menubar:!0,skin:a?"oxide-dark":"oxide",skin_url:a?"/tinymce/skins/ui/oxide-dark":"/tinymce/skins/ui/oxide",content_css:a?"dark":"default",content_style:`
+        body { 
+          font-family:Helvetica,Arial,sans-serif; 
+          font-size:14px;
+          ${a?`
+            background-color: #1f2937;
+            color: #e5e7eb;
+          `:`
+            background-color: #ffffff;
+            color: #1f2937;
+          `}
+        }
+        ${i?`
+          .placeholder {
+            ${a?`
+              background-color: #1e3a5f;
+              border: 1px dashed #60a5fa;
+              color: #93c5fd;
+            `:`
+              background-color: #e0f2fe;
+              border: 1px dashed #38bdf8;
+            `}
+            padding: 2px 4px;
+            border-radius: 4px;
+            cursor: pointer;
+            display: inline-block;
+            margin: 0 2px;
+          }
+        `:""}
+      `,plugins:["autolink","link","lists","code","table","image","preview","searchreplace","wordcount",...i?["noneditable"]:[]].join(" "),toolbar:["undo redo | bold italic underline |","alignleft aligncenter alignright alignjustify |","bullist numlist outdent indent | link image table | code preview",i?"| placeholders":""].join(" "),noneditable_class:"mceNonEditable",setup:n=>{i&&(n.ui.registry.addMenuButton("placeholders",{text:"Placeholders",fetch:l=>{const d=t?.map(f=>({type:"menuitem",text:f.label,onAction:()=>{const m=`<span class="mceNonEditable placeholder" data-key="${f.key}">{{${f.key}}}</span>&#8203;`;n.insertContent(m)}}));l(d)}}),n.on("click",l=>{const d=l.target;d.classList.contains("placeholder")&&n.selection.select(d)}),n.on("keydown",l=>{if(l.key==="Backspace"||l.key==="Delete"){const d=n.selection.getNode();d&&d.classList.contains("placeholder")&&(l.preventDefault(),d.remove())}}))}}),[t,i,a]);return R.jsx(S,{tinymceScriptSrc:"/tinymce/tinymce.min.js",apiKey:e,value:o,onEditorChange:s,init:c},a?"dark":"light")},Q=async()=>{const{data:o}=await b.get("/record-templates/global",{headers:k()});return o},W=async(o,s)=>{const{data:e}=await b.get(`/record-templates/${o}`,{headers:k(),...s});return e},G=async o=>{const{data:s}=await b.post("/record-templates/global/delegation",o,{headers:k()});return s},J=async(o,s)=>{const{data:e}=await b.patch(`/record-templates/global/${o}`,s,{headers:k()});return e},X=async o=>{const{data:s}=await b.delete(`/record-templates/${o}`,{headers:k()});return s},Y=async o=>{const{data:s}=await b.post("/record-templates/adopt-to-unit",o,{headers:k()});return s},ne=o=>{const{data:s,isLoading:e,isError:t,refetch:i}=T({queryKey:["templates"],queryFn:async()=>await Q()}),{data:a,isLoading:r,isError:c,refetch:n}=T({queryKey:["template",o],queryFn:async()=>await W(o,{take:300})}),{mutate:l,isPending:d,isError:f}=E({mutationFn:async g=>await G(g)}),{mutate:m,isPending:h,isError:u}=E({mutationFn:async({id:g,template:V})=>await J(g,V)}),{mutate:v,isPending:D,isError:B}=E({mutationFn:async g=>await X(g)}),{mutate:H,isPending:_,isError:M}=E({mutationFn:async g=>await Y(g)});return{templates:s,isLoading:e,isError:t,refetch:i,template:a,isLoadingTemplate:r,isErrorTemplate:c,refetchTemplate:n,createTemplate:l,isCreatingTemplate:d,isErrorCreateTemplate:f,updateTemplate:m,isUpdatingTemplate:h,isErrorUpdateTemplate:u,deleteTemplate:v,isDeletingTemplate:D,isErrorDeleteTemplate:B,adoptTemplate:H,isAdoptingTemplate:_,isErrorAdoptingTemplate:M}};export{ie as T,ne as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useUnit-C4s9nepK.js b/apps/edr-freight-web/backoffice/public/_um/assets/useUnit-C4s9nepK.js
new file mode 100644
index 000000000..df48e85e4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useUnit-C4s9nepK.js
@@ -0,0 +1 @@
+import{m as C,u as h,k as F,o as u,n as s}from"./index-Db-xuq0b.js";import{r as K,d as f,u as E,c as p,a as b,b as L,e as Q,f as k,g as w}from"./unitService-CmGVtFHQ.js";const O=()=>{const n=C(),{t:l}=h(),{handleError:r}=F(l),d=(e,t)=>s({queryKey:["unitList",e],queryFn:()=>b(e,t??{}),enabled:!!e,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!1}),m=e=>s({queryKey:["unit",e],queryFn:()=>L(e),enabled:!!e}),g=e=>s({queryKey:["unitHierarchy",e],queryFn:()=>Q(e),enabled:!!e}),q=e=>s({queryKey:["unitEmployees",e],queryFn:()=>k(e),enabled:!!e}),U=e=>s({queryKey:["unitChildren",e],queryFn:()=>w(e),enabled:!!e,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!1}),i=u({mutationFn:({payload:e,successCallback:t})=>p(e),onSuccess:(e,t)=>{n.invalidateQueries({queryKey:["unitList"]}),t.successCallback()},onError:e=>{r(e)}}),c=u({mutationFn:({id:e,payload:t,successCallback:a})=>E(e,t),onSuccess:(e,t)=>{n.invalidateQueries({queryKey:["unitList"]}),t.successCallback()},onError:e=>{r(e)}}),o=u({mutationFn:e=>f(e),onSuccess:()=>{n.invalidateQueries({queryKey:["unitList"]})},onError:e=>{r(e)}}),y=u({mutationFn:({payload:e})=>K(e),onSuccess:(e,t)=>{var a;n.invalidateQueries({queryKey:["unitList"]}),n.invalidateQueries({queryKey:["unitChildren"]}),(a=t.successCallback)==null||a.call(t)},onError:e=>{r(e)}});return{getList:d,getById:m,getHierarchy:g,getEmployees:q,getChildren:U,createUnit:i.mutateAsync,isCreating:i.isPending,updateUnit:c.mutateAsync,isUpdating:c.isPending,removeUnit:o.mutateAsync,isDeleting:o.isPending,relateUnit:y.mutateAsync,isRelating:y.isPending}};export{O as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/useUnitConfiguration-CKdECszp.js b/apps/edr-freight-web/backoffice/public/_um/assets/useUnitConfiguration-CKdECszp.js
new file mode 100644
index 000000000..d9dc74ecf
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/useUnitConfiguration-CKdECszp.js
@@ -0,0 +1 @@
+import{l as a,b4 as t,n as i}from"./index-Db-xuq0b.js";var u=(e=>(e.NAME="NAME",e.NAME_AND_SIGNATURE="NAME_AND_SIGNATURE",e.NAME_AND_STAMP="NAME_AND_STAMP",e.SIGNATURE_AND_STAMP="SIGNATURE_AND_STAMP",e.SIGNATURE="SIGNATURE",e.STAMP="STAMP",e.ALL="ALL",e))(u||{});const c={createPrefix:async e=>t.post("/record-prefixes",e),updateCount:async(e,r)=>t.put(`/record-sequences/${e}`,{count:r}),getPrefix:async(e,r,n=0,s=10)=>t.get(`/record-prefixes/list/${e}/${r}`,{params:{skip:n,take:s,orderBy:"createdAt:DESC"}}),getPrefixByRecordTagId:async(e,r,n=0,s=10)=>t.get(`/record-prefixes/list/${e}/by-tag/${r}`,{params:{skip:n,take:s,orderBy:"createdAt:DESC"}}),getPrefixById:async e=>t.get(`/record-prefixes/list/${e}`),getPrefixCC:async(e,r,n=0,s=10)=>t.get(`/record-prefixes/list/cc/${e}/${r}`,{params:{skip:n,take:s,orderBy:"createdAt:DESC"}}),deletePrefix:async e=>t.delete(`/record-prefixes/${e}`),editPrefix:async(e,r)=>t.put(`/record-prefixes/${e}`,r),createSuffix:async e=>t.post("/record-suffixes",e),getSuffix:async(e,r,n=0,s=10)=>t.get(`/record-suffixes/list/${e}/${r}`,{params:{skip:n,take:s,orderBy:"createdAt:DESC"}}),getPrefixByPosition:async(e,r,n=0,s=10)=>t.get(`/record-prefixes/list/by-position/${e}/${r}`,{params:{skip:n,take:s,orderBy:"createdAt:DESC"}}),getSuffixById:async e=>t.get(`/record-suffixes/list/${e}`),getSuffixCC:async(e,r,n=0,s=10)=>t.get(`/record-suffixes/list/cc/${e}/${r}`,{params:{skip:n,take:s,orderBy:"createdAt:DESC"}}),deleteSuffix:async e=>t.delete(`/record-suffixes/${e}`),editSuffix:async(e,r)=>t.put(`/record-suffixes/${e}`,r),createRef:async(e,r)=>a.patch(`/units/add-reference-number-prefix/${r}`,e),deleteRef:async e=>t.delete(`/record-suffixes/${e}`),getRef:async e=>a.get(`/units/${e}`),createInternalPrefixSuffix:async e=>a.post("/unit-configurations",e),getInternalConfig:async e=>a.get(`/unit-configurations/list/${e}`),updateInternalPrefixSuffix:async(e,r)=>a.put(`/unit-configurations/${r}`,e),deleteInternalPrefixSuffix:async e=>a.delete(`/unit-configurations/${e}`),createRemark:async e=>t.post("/record-common-remarks",e),getRemarkList:async(e,r)=>t.get(`/record-common-remarks/list/${e}/`,{params:r}),editRemark:async(e,r)=>t.put(`/record-common-remarks/${e}`,r),deleteRemarks:async e=>t.delete(`/record-common-remarks/${e}`),editExternalReferencePrefix:async(e,r)=>a.patch(`/unit-configurations/add-external-reference-number-prefix/${e}`,r),editInternalMemoReferencePrefix:async(e,r)=>a.patch(`/unit-configurations/add-internal-memo-reference-number-prefix/${e}`,r)},d=(e,r)=>i({queryKey:["unitConfig",e],queryFn:()=>c.getInternalConfig(e),enabled:(r==null?void 0:r.enabled)??!!e,staleTime:0,gcTime:0,refetchOnWindowFocus:!0});export{u as E,c as p,d as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/user-plus-CBq7Z0dQ.js b/apps/edr-freight-web/backoffice/public/_um/assets/user-plus-CBq7Z0dQ.js
new file mode 100644
index 000000000..f431cbc24
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/user-plus-CBq7Z0dQ.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const y=[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"19",x2:"19",y1:"8",y2:"14",key:"1bvyxn"}],["line",{x1:"22",x2:"16",y1:"11",y2:"11",key:"1shjgl"}]],s=e("user-plus",y);export{s as U};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/userService-BHeFzZdn.js b/apps/edr-freight-web/backoffice/public/_um/assets/userService-BHeFzZdn.js
new file mode 100644
index 000000000..c106c3496
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/userService-BHeFzZdn.js
@@ -0,0 +1 @@
+import{l as r,w as a,b4 as t}from"./index-Db-xuq0b.js";const c=async s=>{const e={...s};return r.get("/users/filter",{headers:a(),params:e})},n=async s=>r.get(`/users/${s}`,{headers:a()}),d=async(s,e)=>r.patch(`/users/approve/${s}`,{status:e},{headers:a()}),p=async(s,e)=>t.get(`/record-boxes/unit-box/${s}`,{headers:a(),params:e});export{p as a,d as b,c,n as g};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/users-DNqydOCy.js b/apps/edr-freight-web/backoffice/public/_um/assets/users-DNqydOCy.js
new file mode 100644
index 000000000..2d1d67c82
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/users-DNqydOCy.js
@@ -0,0 +1,6 @@
+import{y as e}from"./index-Db-xuq0b.js";/**
+ * @license lucide-react v0.513.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const a=[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["path",{d:"M16 3.128a4 4 0 0 1 0 7.744",key:"16gr8j"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]],r=e("users",a);export{r as U};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/utils-BncSPdK1.js b/apps/edr-freight-web/backoffice/public/_um/assets/utils-BncSPdK1.js
new file mode 100644
index 000000000..3b4a352bf
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/utils-BncSPdK1.js
@@ -0,0 +1 @@
+import{cC as c,aj as t}from"./index-Db-xuq0b.js";function e(...r){return c(t(r))}export{e as c};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/xlsx-sUI8S2SR.js b/apps/edr-freight-web/backoffice/public/_um/assets/xlsx-sUI8S2SR.js
new file mode 100644
index 000000000..8482aa82e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/xlsx-sUI8S2SR.js
@@ -0,0 +1,104 @@
+/*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */var sn={};sn.version="0.18.5";var tf=1252,Co=[874,932,936,949,950,1250,1251,1252,1253,1254,1255,1256,1257,1258,1e4],ri={0:1252,1:65001,2:65001,77:1e4,128:932,129:949,130:1361,134:936,136:950,161:1253,162:1254,163:1258,177:1255,178:1256,186:1257,204:1251,222:874,238:1250,255:1252,69:6969},ti=function(e){Co.indexOf(e)!=-1&&(tf=ri[0]=e)};function Oo(){ti(1252)}var zr=function(e){ti(e)};function ai(){zr(1200),Oo()}function $i(e){for(var t=[],r=0,a=e.length;r<a;++r)t[r]=e.charCodeAt(r);return t}function Io(e){for(var t=[],r=0;r<e.length>>1;++r)t[r]=String.fromCharCode(e.charCodeAt(2*r)+(e.charCodeAt(2*r+1)<<8));return t.join("")}function af(e){for(var t=[],r=0;r<e.length>>1;++r)t[r]=String.fromCharCode(e.charCodeAt(2*r+1)+(e.charCodeAt(2*r)<<8));return t.join("")}var va=function(e){var t=e.charCodeAt(0),r=e.charCodeAt(1);return t==255&&r==254?Io(e.slice(2)):t==254&&r==255?af(e.slice(2)):t==65279?e.slice(1):e},Ya=function(t){return String.fromCharCode(t)},Ki=function(t){return String.fromCharCode(t)},xa,gt="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";function Aa(e){for(var t="",r=0,a=0,n=0,i=0,s=0,f=0,c=0,o=0;o<e.length;)r=e.charCodeAt(o++),i=r>>2,a=e.charCodeAt(o++),s=(r&3)<<4|a>>4,n=e.charCodeAt(o++),f=(a&15)<<2|n>>6,c=n&63,isNaN(a)?f=c=64:isNaN(n)&&(c=64),t+=gt.charAt(i)+gt.charAt(s)+gt.charAt(f)+gt.charAt(c);return t}function Fr(e){var t="",r=0,a=0,n=0,i=0,s=0,f=0,c=0;e=e.replace(/[^\w\+\/\=]/g,"");for(var o=0;o<e.length;)i=gt.indexOf(e.charAt(o++)),s=gt.indexOf(e.charAt(o++)),r=i<<2|s>>4,t+=String.fromCharCode(r),f=gt.indexOf(e.charAt(o++)),a=(s&15)<<4|f>>2,f!==64&&(t+=String.fromCharCode(a)),c=gt.indexOf(e.charAt(o++)),n=(f&3)<<6|c,c!==64&&(t+=String.fromCharCode(n));return t}var Se=(function(){return typeof Buffer<"u"&&typeof process<"u"&&typeof process.versions<"u"&&!!process.versions.node})(),ht=(function(){if(typeof Buffer<"u"){var e=!Buffer.from;if(!e)try{Buffer.from("foo","utf8")}catch{e=!0}return e?function(t,r){return r?new Buffer(t,r):new Buffer(t)}:Buffer.from.bind(Buffer)}return function(){}})();function wt(e){return Se?Buffer.alloc?Buffer.alloc(e):new Buffer(e):typeof Uint8Array<"u"?new Uint8Array(e):new Array(e)}function Yi(e){return Se?Buffer.allocUnsafe?Buffer.allocUnsafe(e):new Buffer(e):typeof Uint8Array<"u"?new Uint8Array(e):new Array(e)}var Rr=function(t){return Se?ht(t,"binary"):t.split("")?.map(function(r){return r.charCodeAt(0)&255})};function wn(e){if(typeof ArrayBuffer>"u")return Rr(e);for(var t=new ArrayBuffer(e.length),r=new Uint8Array(t),a=0;a!=e.length;++a)r[a]=e.charCodeAt(a)&255;return t}function St(e){if(Array.isArray(e))return e?.map(function(a){return String.fromCharCode(a)}).join("");for(var t=[],r=0;r<e.length;++r)t[r]=String.fromCharCode(e[r]);return t.join("")}function Ro(e){if(typeof Uint8Array>"u")throw new Error("Unsupported");return new Uint8Array(e)}function ni(e){if(typeof ArrayBuffer>"u")throw new Error("Unsupported");if(e instanceof ArrayBuffer)return ni(new Uint8Array(e));for(var t=new Array(e.length),r=0;r<e.length;++r)t[r]=e[r];return t}var sr=Se?function(e){return Buffer.concat(e?.map(function(t){return Buffer.isBuffer(t)?t:ht(t)}))}:function(e){if(typeof Uint8Array<"u"){var t=0,r=0;for(t=0;t<e.length;++t)r+=e[t].length;var a=new Uint8Array(r),n=0;for(t=0,r=0;t<e.length;r+=n,++t)if(n=e[t].length,e[t]instanceof Uint8Array)a.set(e[t],r);else{if(typeof e[t]=="string")throw"wtf";a.set(new Uint8Array(e[t]),r)}return a}return[].concat.apply([],e?.map(function(i){return Array.isArray(i)?i:[].slice.call(i)}))};function No(e){for(var t=[],r=0,a=e.length+250,n=wt(e.length+255),i=0;i<e.length;++i){var s=e.charCodeAt(i);if(s<128)n[r++]=s;else if(s<2048)n[r++]=192|s>>6&31,n[r++]=128|s&63;else if(s>=55296&&s<57344){s=(s&1023)+64;var f=e.charCodeAt(++i)&1023;n[r++]=240|s>>8&7,n[r++]=128|s>>2&63,n[r++]=128|f>>6&15|(s&3)<<4,n[r++]=128|f&63}else n[r++]=224|s>>12&15,n[r++]=128|s>>6&63,n[r++]=128|s&63;r>a&&(t.push(n.slice(0,r)),r=0,n=wt(65535),a=65530)}return t.push(n.slice(0,r)),sr(t)}var Sr=/\u0000/g,pa=/[\u0001-\u0006]/g;function Zt(e){for(var t="",r=e.length-1;r>=0;)t+=e.charAt(r--);return t}function $r(e,t){var r=""+e;return r.length>=t?r:ze("0",t-r.length)+r}function ii(e,t){var r=""+e;return r.length>=t?r:ze(" ",t-r.length)+r}function fn(e,t){var r=""+e;return r.length>=t?r:r+ze(" ",t-r.length)}function Fo(e,t){var r=""+Math.round(e);return r.length>=t?r:ze("0",t-r.length)+r}function Po(e,t){var r=""+e;return r.length>=t?r:ze("0",t-r.length)+r}var ji=Math.pow(2,32);function $t(e,t){if(e>ji||e<-ji)return Fo(e,t);var r=Math.round(e);return Po(r,t)}function cn(e,t){return t=t||0,e.length>=7+t&&(e.charCodeAt(t)|32)===103&&(e.charCodeAt(t+1)|32)===101&&(e.charCodeAt(t+2)|32)===110&&(e.charCodeAt(t+3)|32)===101&&(e.charCodeAt(t+4)|32)===114&&(e.charCodeAt(t+5)|32)===97&&(e.charCodeAt(t+6)|32)===108}var Ji=[["Sun","Sunday"],["Mon","Monday"],["Tue","Tuesday"],["Wed","Wednesday"],["Thu","Thursday"],["Fri","Friday"],["Sat","Saturday"]],Rn=[["J","Jan","January"],["F","Feb","February"],["M","Mar","March"],["A","Apr","April"],["M","May","May"],["J","Jun","June"],["J","Jul","July"],["A","Aug","August"],["S","Sep","September"],["O","Oct","October"],["N","Nov","November"],["D","Dec","December"]];function Do(e){return e||(e={}),e[0]="General",e[1]="0",e[2]="0.00",e[3]="#,##0",e[4]="#,##0.00",e[9]="0%",e[10]="0.00%",e[11]="0.00E+00",e[12]="# ?/?",e[13]="# ??/??",e[14]="m/d/yy",e[15]="d-mmm-yy",e[16]="d-mmm",e[17]="mmm-yy",e[18]="h:mm AM/PM",e[19]="h:mm:ss AM/PM",e[20]="h:mm",e[21]="h:mm:ss",e[22]="m/d/yy h:mm",e[37]="#,##0 ;(#,##0)",e[38]="#,##0 ;[Red](#,##0)",e[39]="#,##0.00;(#,##0.00)",e[40]="#,##0.00;[Red](#,##0.00)",e[45]="mm:ss",e[46]="[h]:mm:ss",e[47]="mmss.0",e[48]="##0.0E+0",e[49]="@",e[56]='"上午/下午 "hh"時"mm"分"ss"秒 "',e}var pe={0:"General",1:"0",2:"0.00",3:"#,##0",4:"#,##0.00",9:"0%",10:"0.00%",11:"0.00E+00",12:"# ?/?",13:"# ??/??",14:"m/d/yy",15:"d-mmm-yy",16:"d-mmm",17:"mmm-yy",18:"h:mm AM/PM",19:"h:mm:ss AM/PM",20:"h:mm",21:"h:mm:ss",22:"m/d/yy h:mm",37:"#,##0 ;(#,##0)",38:"#,##0 ;[Red](#,##0)",39:"#,##0.00;(#,##0.00)",40:"#,##0.00;[Red](#,##0.00)",45:"mm:ss",46:"[h]:mm:ss",47:"mmss.0",48:"##0.0E+0",49:"@",56:'"上午/下午 "hh"時"mm"分"ss"秒 "'},Zi={5:37,6:38,7:39,8:40,23:0,24:0,25:0,26:0,27:14,28:14,29:14,30:14,31:14,50:14,51:14,52:14,53:14,54:14,55:14,56:14,57:14,58:14,59:1,60:2,61:3,62:4,67:9,68:10,69:12,70:13,71:14,72:14,73:15,74:16,75:17,76:20,77:21,78:22,79:45,80:46,81:47,82:0},Lo={5:'"$"#,##0_);\\("$"#,##0\\)',63:'"$"#,##0_);\\("$"#,##0\\)',6:'"$"#,##0_);[Red]\\("$"#,##0\\)',64:'"$"#,##0_);[Red]\\("$"#,##0\\)',7:'"$"#,##0.00_);\\("$"#,##0.00\\)',65:'"$"#,##0.00_);\\("$"#,##0.00\\)',8:'"$"#,##0.00_);[Red]\\("$"#,##0.00\\)',66:'"$"#,##0.00_);[Red]\\("$"#,##0.00\\)',41:'_(* #,##0_);_(* \\(#,##0\\);_(* "-"_);_(@_)',42:'_("$"* #,##0_);_("$"* \\(#,##0\\);_("$"* "-"_);_(@_)',43:'_(* #,##0.00_);_(* \\(#,##0.00\\);_(* "-"??_);_(@_)',44:'_("$"* #,##0.00_);_("$"* \\(#,##0.00\\);_("$"* "-"??_);_(@_)'};function on(e,t,r){for(var a=e<0?-1:1,n=e*a,i=0,s=1,f=0,c=1,o=0,l=0,h=Math.floor(n);o<t&&(h=Math.floor(n),f=h*s+i,l=h*o+c,!(n-h<5e-8));)n=1/(n-h),i=s,s=f,c=o,o=l;if(l>t&&(o>t?(l=c,f=i):(l=o,f=s)),!r)return[0,a*f,l];var d=Math.floor(a*f/l);return[d,a*f-d*l,l]}function It(e,t,r){if(e>2958465||e<0)return null;var a=e|0,n=Math.floor(86400*(e-a)),i=0,s=[],f={D:a,T:n,u:86400*(e-a)-n,y:0,m:0,d:0,H:0,M:0,S:0,q:0};if(Math.abs(f.u)<1e-6&&(f.u=0),t&&t.date1904&&(a+=1462),f.u>.9999&&(f.u=0,++n==86400&&(f.T=n=0,++a,++f.D)),a===60)s=r?[1317,10,29]:[1900,2,29],i=3;else if(a===0)s=r?[1317,8,29]:[1900,1,0],i=6;else{a>60&&--a;var c=new Date(1900,0,1);c.setDate(c.getDate()+a-1),s=[c.getFullYear(),c.getMonth()+1,c.getDate()],i=c.getDay(),a<60&&(i=(i+6)%7),r&&(i=Ho(c,s))}return f.y=s[0],f.m=s[1],f.d=s[2],f.S=n%60,n=Math.floor(n/60),f.M=n%60,n=Math.floor(n/60),f.H=n,f.q=i,f}var nf=new Date(1899,11,31,0,0,0),bo=nf.getTime(),Mo=new Date(1900,2,1,0,0,0);function sf(e,t){var r=e.getTime();return t?r-=1461*24*60*60*1e3:e>=Mo&&(r+=1440*60*1e3),(r-(bo+(e.getTimezoneOffset()-nf.getTimezoneOffset())*6e4))/(1440*60*1e3)}function si(e){return e.indexOf(".")==-1?e:e.replace(/(?:\.0*|(\.\d*[1-9])0+)$/,"$1")}function Bo(e){return e.indexOf("E")==-1?e:e.replace(/(?:\.0*|(\.\d*[1-9])0+)[Ee]/,"$1E").replace(/(E[+-])(\d)$/,"$10$2")}function Uo(e){var t=e<0?12:11,r=si(e.toFixed(12));return r.length<=t||(r=e.toPrecision(10),r.length<=t)?r:e.toExponential(5)}function Wo(e){var t=si(e.toFixed(11));return t.length>(e<0?12:11)||t==="0"||t==="-0"?e.toPrecision(6):t}function Ca(e){var t=Math.floor(Math.log(Math.abs(e))*Math.LOG10E),r;return t>=-4&&t<=-1?r=e.toPrecision(10+t):Math.abs(t)<=9?r=Uo(e):t===10?r=e.toFixed(10).substr(0,12):r=Wo(e),si(Bo(r.toUpperCase()))}function Dt(e,t){switch(typeof e){case"string":return e;case"boolean":return e?"TRUE":"FALSE";case"number":return(e|0)===e?e.toString(10):Ca(e);case"undefined":return"";case"object":if(e==null)return"";if(e instanceof Date)return Vr(14,sf(e,t&&t.date1904),t)}throw new Error("unsupported value in General format: "+e)}function Ho(e,t){t[0]-=581;var r=e.getDay();return e<60&&(r=(r+6)%7),r}function Vo(e,t,r,a){var n="",i=0,s=0,f=r.y,c,o=0;switch(e){case 98:f=r.y+543;case 121:switch(t.length){case 1:case 2:c=f%100,o=2;break;default:c=f%1e4,o=4;break}break;case 109:switch(t.length){case 1:case 2:c=r.m,o=t.length;break;case 3:return Rn[r.m-1][1];case 5:return Rn[r.m-1][0];default:return Rn[r.m-1][2]}break;case 100:switch(t.length){case 1:case 2:c=r.d,o=t.length;break;case 3:return Ji[r.q][0];default:return Ji[r.q][1]}break;case 104:switch(t.length){case 1:case 2:c=1+(r.H+11)%12,o=t.length;break;default:throw"bad hour format: "+t}break;case 72:switch(t.length){case 1:case 2:c=r.H,o=t.length;break;default:throw"bad hour format: "+t}break;case 77:switch(t.length){case 1:case 2:c=r.M,o=t.length;break;default:throw"bad minute format: "+t}break;case 115:if(t!="s"&&t!="ss"&&t!=".0"&&t!=".00"&&t!=".000")throw"bad second format: "+t;return r.u===0&&(t=="s"||t=="ss")?$r(r.S,t.length):(a>=2?s=a===3?1e3:100:s=a===1?10:1,i=Math.round(s*(r.S+r.u)),i>=60*s&&(i=0),t==="s"?i===0?"0":""+i/s:(n=$r(i,2+a),t==="ss"?n.substr(0,2):"."+n.substr(2,t.length-1)));case 90:switch(t){case"[h]":case"[hh]":c=r.D*24+r.H;break;case"[m]":case"[mm]":c=(r.D*24+r.H)*60+r.M;break;case"[s]":case"[ss]":c=((r.D*24+r.H)*60+r.M)*60+Math.round(r.S+r.u);break;default:throw"bad abstime format: "+t}o=t.length===3?1:2;break;case 101:c=f,o=1;break}var l=o>0?$r(c,o):"";return l}function _t(e){var t=3;if(e.length<=t)return e;for(var r=e.length%t,a=e.substr(0,r);r!=e.length;r+=t)a+=(a.length>0?",":"")+e.substr(r,t);return a}var ff=/%/g;function Go(e,t,r){var a=t.replace(ff,""),n=t.length-a.length;return ft(e,a,r*Math.pow(10,2*n))+ze("%",n)}function Xo(e,t,r){for(var a=t.length-1;t.charCodeAt(a-1)===44;)--a;return ft(e,t.substr(0,a),r/Math.pow(10,3*(t.length-a)))}function cf(e,t){var r,a=e.indexOf("E")-e.indexOf(".")-1;if(e.match(/^#+0.0E\+0$/)){if(t==0)return"0.0E+0";if(t<0)return"-"+cf(e,-t);var n=e.indexOf(".");n===-1&&(n=e.indexOf("E"));var i=Math.floor(Math.log(t)*Math.LOG10E)%n;if(i<0&&(i+=n),r=(t/Math.pow(10,i)).toPrecision(a+1+(n+i)%n),r.indexOf("e")===-1){var s=Math.floor(Math.log(t)*Math.LOG10E);for(r.indexOf(".")===-1?r=r.charAt(0)+"."+r.substr(1)+"E+"+(s-r.length+i):r+="E+"+(s-i);r.substr(0,2)==="0.";)r=r.charAt(0)+r.substr(2,n)+"."+r.substr(2+n),r=r.replace(/^0+([1-9])/,"$1").replace(/^0+\./,"0.");r=r.replace(/\+-/,"-")}r=r.replace(/^([+-]?)(\d*)\.(\d*)[Ee]/,function(f,c,o,l){return c+o+l.substr(0,(n+i)%n)+"."+l.substr(i)+"E"})}else r=t.toExponential(a);return e.match(/E\+00$/)&&r.match(/e[+-]\d$/)&&(r=r.substr(0,r.length-1)+"0"+r.charAt(r.length-1)),e.match(/E\-/)&&r.match(/e\+/)&&(r=r.replace(/e\+/,"e")),r.replace("e","E")}var of=/# (\?+)( ?)\/( ?)(\d+)/;function zo(e,t,r){var a=parseInt(e[4],10),n=Math.round(t*a),i=Math.floor(n/a),s=n-i*a,f=a;return r+(i===0?"":""+i)+" "+(s===0?ze(" ",e[1].length+1+e[4].length):ii(s,e[1].length)+e[2]+"/"+e[3]+$r(f,e[4].length))}function $o(e,t,r){return r+(t===0?"":""+t)+ze(" ",e[1].length+2+e[4].length)}var lf=/^#*0*\.([0#]+)/,hf=/\).*[0#]/,uf=/\(###\) ###\\?-####/;function Tr(e){for(var t="",r,a=0;a!=e.length;++a)switch(r=e.charCodeAt(a)){case 35:break;case 63:t+=" ";break;case 48:t+="0";break;default:t+=String.fromCharCode(r)}return t}function qi(e,t){var r=Math.pow(10,t);return""+Math.round(e*r)/r}function Qi(e,t){var r=e-Math.floor(e),a=Math.pow(10,t);return t<(""+Math.round(r*a)).length?0:Math.round(r*a)}function Ko(e,t){return t<(""+Math.round((e-Math.floor(e))*Math.pow(10,t))).length?1:0}function Yo(e){return e<2147483647&&e>-2147483648?""+(e>=0?e|0:e-1|0):""+Math.floor(e)}function br(e,t,r){if(e.charCodeAt(0)===40&&!t.match(hf)){var a=t.replace(/\( */,"").replace(/ \)/,"").replace(/\)/,"");return r>=0?br("n",a,r):"("+br("n",a,-r)+")"}if(t.charCodeAt(t.length-1)===44)return Xo(e,t,r);if(t.indexOf("%")!==-1)return Go(e,t,r);if(t.indexOf("E")!==-1)return cf(t,r);if(t.charCodeAt(0)===36)return"$"+br(e,t.substr(t.charAt(1)==" "?2:1),r);var n,i,s,f,c=Math.abs(r),o=r<0?"-":"";if(t.match(/^00+$/))return o+$t(c,t.length);if(t.match(/^[#?]+$/))return n=$t(r,0),n==="0"&&(n=""),n.length>t.length?n:Tr(t.substr(0,t.length-n.length))+n;if(i=t.match(of))return zo(i,c,o);if(t.match(/^#+0+$/))return o+$t(c,t.length-t.indexOf("0"));if(i=t.match(lf))return n=qi(r,i[1].length).replace(/^([^\.]+)$/,"$1."+Tr(i[1])).replace(/\.$/,"."+Tr(i[1])).replace(/\.(\d*)$/,function(p,u){return"."+u+ze("0",Tr(i[1]).length-u.length)}),t.indexOf("0.")!==-1?n:n.replace(/^0\./,".");if(t=t.replace(/^#+([0.])/,"$1"),i=t.match(/^(0*)\.(#*)$/))return o+qi(c,i[2].length).replace(/\.(\d*[1-9])0*$/,".$1").replace(/^(-?\d*)$/,"$1.").replace(/^0\./,i[1].length?"0.":".");if(i=t.match(/^#{1,3},##0(\.?)$/))return o+_t($t(c,0));if(i=t.match(/^#,##0\.([#0]*0)$/))return r<0?"-"+br(e,t,-r):_t(""+(Math.floor(r)+Ko(r,i[1].length)))+"."+$r(Qi(r,i[1].length),i[1].length);if(i=t.match(/^#,#*,#0/))return br(e,t.replace(/^#,#*,/,""),r);if(i=t.match(/^([0#]+)(\\?-([0#]+))+$/))return n=Zt(br(e,t.replace(/[\\-]/g,""),r)),s=0,Zt(Zt(t.replace(/\\/g,"")).replace(/[0#]/g,function(p){return s<n.length?n.charAt(s++):p==="0"?"0":""}));if(t.match(uf))return n=br(e,"##########",r),"("+n.substr(0,3)+") "+n.substr(3,3)+"-"+n.substr(6);var l="";if(i=t.match(/^([#0?]+)( ?)\/( ?)([#0?]+)/))return s=Math.min(i[4].length,7),f=on(c,Math.pow(10,s)-1,!1),n=""+o,l=ft("n",i[1],f[1]),l.charAt(l.length-1)==" "&&(l=l.substr(0,l.length-1)+"0"),n+=l+i[2]+"/"+i[3],l=fn(f[2],s),l.length<i[4].length&&(l=Tr(i[4].substr(i[4].length-l.length))+l),n+=l,n;if(i=t.match(/^# ([#0?]+)( ?)\/( ?)([#0?]+)/))return s=Math.min(Math.max(i[1].length,i[4].length),7),f=on(c,Math.pow(10,s)-1,!0),o+(f[0]||(f[1]?"":"0"))+" "+(f[1]?ii(f[1],s)+i[2]+"/"+i[3]+fn(f[2],s):ze(" ",2*s+1+i[2].length+i[3].length));if(i=t.match(/^[#0?]+$/))return n=$t(r,0),t.length<=n.length?n:Tr(t.substr(0,t.length-n.length))+n;if(i=t.match(/^([#0?]+)\.([#0]+)$/)){n=""+r.toFixed(Math.min(i[2].length,10)).replace(/([^0])0+$/,"$1"),s=n.indexOf(".");var h=t.indexOf(".")-s,d=t.length-n.length-h;return Tr(t.substr(0,h)+n+t.substr(t.length-d))}if(i=t.match(/^00,000\.([#0]*0)$/))return s=Qi(r,i[1].length),r<0?"-"+br(e,t,-r):_t(Yo(r)).replace(/^\d,\d{3}$/,"0$&").replace(/^\d*$/,function(p){return"00,"+(p.length<3?$r(0,3-p.length):"")+p})+"."+$r(s,i[1].length);switch(t){case"###,##0.00":return br(e,"#,##0.00",r);case"###,###":case"##,###":case"#,###":var v=_t($t(c,0));return v!=="0"?o+v:"";case"###,###.00":return br(e,"###,##0.00",r).replace(/^0\./,".");case"#,###.00":return br(e,"#,##0.00",r).replace(/^0\./,".")}throw new Error("unsupported format |"+t+"|")}function jo(e,t,r){for(var a=t.length-1;t.charCodeAt(a-1)===44;)--a;return ft(e,t.substr(0,a),r/Math.pow(10,3*(t.length-a)))}function Jo(e,t,r){var a=t.replace(ff,""),n=t.length-a.length;return ft(e,a,r*Math.pow(10,2*n))+ze("%",n)}function df(e,t){var r,a=e.indexOf("E")-e.indexOf(".")-1;if(e.match(/^#+0.0E\+0$/)){if(t==0)return"0.0E+0";if(t<0)return"-"+df(e,-t);var n=e.indexOf(".");n===-1&&(n=e.indexOf("E"));var i=Math.floor(Math.log(t)*Math.LOG10E)%n;if(i<0&&(i+=n),r=(t/Math.pow(10,i)).toPrecision(a+1+(n+i)%n),!r.match(/[Ee]/)){var s=Math.floor(Math.log(t)*Math.LOG10E);r.indexOf(".")===-1?r=r.charAt(0)+"."+r.substr(1)+"E+"+(s-r.length+i):r+="E+"+(s-i),r=r.replace(/\+-/,"-")}r=r.replace(/^([+-]?)(\d*)\.(\d*)[Ee]/,function(f,c,o,l){return c+o+l.substr(0,(n+i)%n)+"."+l.substr(i)+"E"})}else r=t.toExponential(a);return e.match(/E\+00$/)&&r.match(/e[+-]\d$/)&&(r=r.substr(0,r.length-1)+"0"+r.charAt(r.length-1)),e.match(/E\-/)&&r.match(/e\+/)&&(r=r.replace(/e\+/,"e")),r.replace("e","E")}function qr(e,t,r){if(e.charCodeAt(0)===40&&!t.match(hf)){var a=t.replace(/\( */,"").replace(/ \)/,"").replace(/\)/,"");return r>=0?qr("n",a,r):"("+qr("n",a,-r)+")"}if(t.charCodeAt(t.length-1)===44)return jo(e,t,r);if(t.indexOf("%")!==-1)return Jo(e,t,r);if(t.indexOf("E")!==-1)return df(t,r);if(t.charCodeAt(0)===36)return"$"+qr(e,t.substr(t.charAt(1)==" "?2:1),r);var n,i,s,f,c=Math.abs(r),o=r<0?"-":"";if(t.match(/^00+$/))return o+$r(c,t.length);if(t.match(/^[#?]+$/))return n=""+r,r===0&&(n=""),n.length>t.length?n:Tr(t.substr(0,t.length-n.length))+n;if(i=t.match(of))return $o(i,c,o);if(t.match(/^#+0+$/))return o+$r(c,t.length-t.indexOf("0"));if(i=t.match(lf))return n=(""+r).replace(/^([^\.]+)$/,"$1."+Tr(i[1])).replace(/\.$/,"."+Tr(i[1])),n=n.replace(/\.(\d*)$/,function(p,u){return"."+u+ze("0",Tr(i[1]).length-u.length)}),t.indexOf("0.")!==-1?n:n.replace(/^0\./,".");if(t=t.replace(/^#+([0.])/,"$1"),i=t.match(/^(0*)\.(#*)$/))return o+(""+c).replace(/\.(\d*[1-9])0*$/,".$1").replace(/^(-?\d*)$/,"$1.").replace(/^0\./,i[1].length?"0.":".");if(i=t.match(/^#{1,3},##0(\.?)$/))return o+_t(""+c);if(i=t.match(/^#,##0\.([#0]*0)$/))return r<0?"-"+qr(e,t,-r):_t(""+r)+"."+ze("0",i[1].length);if(i=t.match(/^#,#*,#0/))return qr(e,t.replace(/^#,#*,/,""),r);if(i=t.match(/^([0#]+)(\\?-([0#]+))+$/))return n=Zt(qr(e,t.replace(/[\\-]/g,""),r)),s=0,Zt(Zt(t.replace(/\\/g,"")).replace(/[0#]/g,function(p){return s<n.length?n.charAt(s++):p==="0"?"0":""}));if(t.match(uf))return n=qr(e,"##########",r),"("+n.substr(0,3)+") "+n.substr(3,3)+"-"+n.substr(6);var l="";if(i=t.match(/^([#0?]+)( ?)\/( ?)([#0?]+)/))return s=Math.min(i[4].length,7),f=on(c,Math.pow(10,s)-1,!1),n=""+o,l=ft("n",i[1],f[1]),l.charAt(l.length-1)==" "&&(l=l.substr(0,l.length-1)+"0"),n+=l+i[2]+"/"+i[3],l=fn(f[2],s),l.length<i[4].length&&(l=Tr(i[4].substr(i[4].length-l.length))+l),n+=l,n;if(i=t.match(/^# ([#0?]+)( ?)\/( ?)([#0?]+)/))return s=Math.min(Math.max(i[1].length,i[4].length),7),f=on(c,Math.pow(10,s)-1,!0),o+(f[0]||(f[1]?"":"0"))+" "+(f[1]?ii(f[1],s)+i[2]+"/"+i[3]+fn(f[2],s):ze(" ",2*s+1+i[2].length+i[3].length));if(i=t.match(/^[#0?]+$/))return n=""+r,t.length<=n.length?n:Tr(t.substr(0,t.length-n.length))+n;if(i=t.match(/^([#0]+)\.([#0]+)$/)){n=""+r.toFixed(Math.min(i[2].length,10)).replace(/([^0])0+$/,"$1"),s=n.indexOf(".");var h=t.indexOf(".")-s,d=t.length-n.length-h;return Tr(t.substr(0,h)+n+t.substr(t.length-d))}if(i=t.match(/^00,000\.([#0]*0)$/))return r<0?"-"+qr(e,t,-r):_t(""+r).replace(/^\d,\d{3}$/,"0$&").replace(/^\d*$/,function(p){return"00,"+(p.length<3?$r(0,3-p.length):"")+p})+"."+$r(0,i[1].length);switch(t){case"###,###":case"##,###":case"#,###":var v=_t(""+c);return v!=="0"?o+v:"";default:if(t.match(/\.[0#?]*$/))return qr(e,t.slice(0,t.lastIndexOf(".")),r)+Tr(t.slice(t.lastIndexOf(".")))}throw new Error("unsupported format |"+t+"|")}function ft(e,t,r){return(r|0)===r?qr(e,t,r):br(e,t,r)}function Zo(e){for(var t=[],r=!1,a=0,n=0;a<e.length;++a)switch(e.charCodeAt(a)){case 34:r=!r;break;case 95:case 42:case 92:++a;break;case 59:t[t.length]=e.substr(n,a-n),n=a+1}if(t[t.length]=e.substr(n),r===!0)throw new Error("Format |"+e+"| unterminated string ");return t}var vf=/\[[HhMmSs\u0E0A\u0E19\u0E17]*\]/;function na(e){for(var t=0,r="",a="";t<e.length;)switch(r=e.charAt(t)){case"G":cn(e,t)&&(t+=6),t++;break;case'"':for(;e.charCodeAt(++t)!==34&&t<e.length;);++t;break;case"\\":t+=2;break;case"_":t+=2;break;case"@":++t;break;case"B":case"b":if(e.charAt(t+1)==="1"||e.charAt(t+1)==="2")return!0;case"M":case"D":case"Y":case"H":case"S":case"E":case"m":case"d":case"y":case"h":case"s":case"e":case"g":return!0;case"A":case"a":case"上":if(e.substr(t,3).toUpperCase()==="A/P"||e.substr(t,5).toUpperCase()==="AM/PM"||e.substr(t,5).toUpperCase()==="上午/下午")return!0;++t;break;case"[":for(a=r;e.charAt(t++)!=="]"&&t<e.length;)a+=e.charAt(t);if(a.match(vf))return!0;break;case".":case"0":case"#":for(;t<e.length&&("0#?.,E+-%".indexOf(r=e.charAt(++t))>-1||r=="\\"&&e.charAt(t+1)=="-"&&"0#".indexOf(e.charAt(t+2))>-1););break;case"?":for(;e.charAt(++t)===r;);break;case"*":++t,(e.charAt(t)==" "||e.charAt(t)=="*")&&++t;break;case"(":case")":++t;break;case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":for(;t<e.length&&"0123456789".indexOf(e.charAt(++t))>-1;);break;case" ":++t;break;default:++t;break}return!1}function qo(e,t,r,a){for(var n=[],i="",s=0,f="",c="t",o,l,h,d="H";s<e.length;)switch(f=e.charAt(s)){case"G":if(!cn(e,s))throw new Error("unrecognized character "+f+" in "+e);n[n.length]={t:"G",v:"General"},s+=7;break;case'"':for(i="";(h=e.charCodeAt(++s))!==34&&s<e.length;)i+=String.fromCharCode(h);n[n.length]={t:"t",v:i},++s;break;case"\\":var v=e.charAt(++s),p=v==="("||v===")"?v:"t";n[n.length]={t:p,v},++s;break;case"_":n[n.length]={t:"t",v:" "},s+=2;break;case"@":n[n.length]={t:"T",v:t},++s;break;case"B":case"b":if(e.charAt(s+1)==="1"||e.charAt(s+1)==="2"){if(o==null&&(o=It(t,r,e.charAt(s+1)==="2"),o==null))return"";n[n.length]={t:"X",v:e.substr(s,2)},c=f,s+=2;break}case"M":case"D":case"Y":case"H":case"S":case"E":f=f.toLowerCase();case"m":case"d":case"y":case"h":case"s":case"e":case"g":if(t<0||o==null&&(o=It(t,r),o==null))return"";for(i=f;++s<e.length&&e.charAt(s).toLowerCase()===f;)i+=f;f==="m"&&c.toLowerCase()==="h"&&(f="M"),f==="h"&&(f=d),n[n.length]={t:f,v:i},c=f;break;case"A":case"a":case"上":var u={t:f,v:f};if(o==null&&(o=It(t,r)),e.substr(s,3).toUpperCase()==="A/P"?(o!=null&&(u.v=o.H>=12?"P":"A"),u.t="T",d="h",s+=3):e.substr(s,5).toUpperCase()==="AM/PM"?(o!=null&&(u.v=o.H>=12?"PM":"AM"),u.t="T",s+=5,d="h"):e.substr(s,5).toUpperCase()==="上午/下午"?(o!=null&&(u.v=o.H>=12?"下午":"上午"),u.t="T",s+=5,d="h"):(u.t="t",++s),o==null&&u.t==="T")return"";n[n.length]=u,c=f;break;case"[":for(i=f;e.charAt(s++)!=="]"&&s<e.length;)i+=e.charAt(s);if(i.slice(-1)!=="]")throw'unterminated "[" block: |'+i+"|";if(i.match(vf)){if(o==null&&(o=It(t,r),o==null))return"";n[n.length]={t:"Z",v:i.toLowerCase()},c=i.charAt(1)}else i.indexOf("$")>-1&&(i=(i.match(/\$([^-\[\]]*)/)||[])[1]||"$",na(e)||(n[n.length]={t:"t",v:i}));break;case".":if(o!=null){for(i=f;++s<e.length&&(f=e.charAt(s))==="0";)i+=f;n[n.length]={t:"s",v:i};break}case"0":case"#":for(i=f;++s<e.length&&"0#?.,E+-%".indexOf(f=e.charAt(s))>-1;)i+=f;n[n.length]={t:"n",v:i};break;case"?":for(i=f;e.charAt(++s)===f;)i+=f;n[n.length]={t:f,v:i},c=f;break;case"*":++s,(e.charAt(s)==" "||e.charAt(s)=="*")&&++s;break;case"(":case")":n[n.length]={t:a===1?"t":f,v:f},++s;break;case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":for(i=f;s<e.length&&"0123456789".indexOf(e.charAt(++s))>-1;)i+=e.charAt(s);n[n.length]={t:"D",v:i};break;case" ":n[n.length]={t:f,v:f},++s;break;case"$":n[n.length]={t:"t",v:"$"},++s;break;default:if(",$-+/():!^&'~{}<>=€acfijklopqrtuvwxzP".indexOf(f)===-1)throw new Error("unrecognized character "+f+" in "+e);n[n.length]={t:"t",v:f},++s;break}var m=0,T=0,A;for(s=n.length-1,c="t";s>=0;--s)switch(n[s].t){case"h":case"H":n[s].t=d,c="h",m<1&&(m=1);break;case"s":(A=n[s].v.match(/\.0+$/))&&(T=Math.max(T,A[0].length-1)),m<3&&(m=3);case"d":case"y":case"M":case"e":c=n[s].t;break;case"m":c==="s"&&(n[s].t="M",m<2&&(m=2));break;case"X":break;case"Z":m<1&&n[s].v.match(/[Hh]/)&&(m=1),m<2&&n[s].v.match(/[Mm]/)&&(m=2),m<3&&n[s].v.match(/[Ss]/)&&(m=3)}switch(m){case 0:break;case 1:o.u>=.5&&(o.u=0,++o.S),o.S>=60&&(o.S=0,++o.M),o.M>=60&&(o.M=0,++o.H);break;case 2:o.u>=.5&&(o.u=0,++o.S),o.S>=60&&(o.S=0,++o.M);break}var _="",F;for(s=0;s<n.length;++s)switch(n[s].t){case"t":case"T":case" ":case"D":break;case"X":n[s].v="",n[s].t=";";break;case"d":case"m":case"y":case"h":case"H":case"M":case"s":case"e":case"b":case"Z":n[s].v=Vo(n[s].t.charCodeAt(0),n[s].v,o,T),n[s].t="t";break;case"n":case"?":for(F=s+1;n[F]!=null&&((f=n[F].t)==="?"||f==="D"||(f===" "||f==="t")&&n[F+1]!=null&&(n[F+1].t==="?"||n[F+1].t==="t"&&n[F+1].v==="/")||n[s].t==="("&&(f===" "||f==="n"||f===")")||f==="t"&&(n[F].v==="/"||n[F].v===" "&&n[F+1]!=null&&n[F+1].t=="?"));)n[s].v+=n[F].v,n[F]={v:"",t:";"},++F;_+=n[s].v,s=F-1;break;case"G":n[s].t="t",n[s].v=Dt(t,r);break}var D="",P,x;if(_.length>0){_.charCodeAt(0)==40?(P=t<0&&_.charCodeAt(0)===45?-t:t,x=ft("n",_,P)):(P=t<0&&a>1?-t:t,x=ft("n",_,P),P<0&&n[0]&&n[0].t=="t"&&(x=x.substr(1),n[0].v="-"+n[0].v)),F=x.length-1;var M=n.length;for(s=0;s<n.length;++s)if(n[s]!=null&&n[s].t!="t"&&n[s].v.indexOf(".")>-1){M=s;break}var R=n.length;if(M===n.length&&x.indexOf("E")===-1){for(s=n.length-1;s>=0;--s)n[s]==null||"n?".indexOf(n[s].t)===-1||(F>=n[s].v.length-1?(F-=n[s].v.length,n[s].v=x.substr(F+1,n[s].v.length)):F<0?n[s].v="":(n[s].v=x.substr(0,F+1),F=-1),n[s].t="t",R=s);F>=0&&R<n.length&&(n[R].v=x.substr(0,F+1)+n[R].v)}else if(M!==n.length&&x.indexOf("E")===-1){for(F=x.indexOf(".")-1,s=M;s>=0;--s)if(!(n[s]==null||"n?".indexOf(n[s].t)===-1)){for(l=n[s].v.indexOf(".")>-1&&s===M?n[s].v.indexOf(".")-1:n[s].v.length-1,D=n[s].v.substr(l+1);l>=0;--l)F>=0&&(n[s].v.charAt(l)==="0"||n[s].v.charAt(l)==="#")&&(D=x.charAt(F--)+D);n[s].v=D,n[s].t="t",R=s}for(F>=0&&R<n.length&&(n[R].v=x.substr(0,F+1)+n[R].v),F=x.indexOf(".")+1,s=M;s<n.length;++s)if(!(n[s]==null||"n?(".indexOf(n[s].t)===-1&&s!==M)){for(l=n[s].v.indexOf(".")>-1&&s===M?n[s].v.indexOf(".")+1:0,D=n[s].v.substr(0,l);l<n[s].v.length;++l)F<x.length&&(D+=x.charAt(F++));n[s].v=D,n[s].t="t",R=s}}}for(s=0;s<n.length;++s)n[s]!=null&&"n?".indexOf(n[s].t)>-1&&(P=a>1&&t<0&&s>0&&n[s-1].v==="-"?-t:t,n[s].v=ft(n[s].t,n[s].v,P),n[s].t="t");var z="";for(s=0;s!==n.length;++s)n[s]!=null&&(z+=n[s].v);return z}var es=/\[(=|>[=]?|<[>=]?)(-?\d+(?:\.\d*)?)\]/;function rs(e,t){if(t==null)return!1;var r=parseFloat(t[2]);switch(t[1]){case"=":if(e==r)return!0;break;case">":if(e>r)return!0;break;case"<":if(e<r)return!0;break;case"<>":if(e!=r)return!0;break;case">=":if(e>=r)return!0;break;case"<=":if(e<=r)return!0;break}return!1}function Qo(e,t){var r=Zo(e),a=r.length,n=r[a-1].indexOf("@");if(a<4&&n>-1&&--a,r.length>4)throw new Error("cannot find right format for |"+r.join("|")+"|");if(typeof t!="number")return[4,r.length===4||n>-1?r[r.length-1]:"@"];switch(r.length){case 1:r=n>-1?["General","General","General",r[0]]:[r[0],r[0],r[0],"@"];break;case 2:r=n>-1?[r[0],r[0],r[0],r[1]]:[r[0],r[1],r[0],"@"];break;case 3:r=n>-1?[r[0],r[1],r[0],r[2]]:[r[0],r[1],r[2],"@"];break}var i=t>0?r[0]:t<0?r[1]:r[2];if(r[0].indexOf("[")===-1&&r[1].indexOf("[")===-1)return[a,i];if(r[0].match(/\[[=<>]/)!=null||r[1].match(/\[[=<>]/)!=null){var s=r[0].match(es),f=r[1].match(es);return rs(t,s)?[a,r[0]]:rs(t,f)?[a,r[1]]:[a,r[s!=null&&f!=null?2:1]]}return[a,i]}function Vr(e,t,r){r==null&&(r={});var a="";switch(typeof e){case"string":e=="m/d/yy"&&r.dateNF?a=r.dateNF:a=e;break;case"number":e==14&&r.dateNF?a=r.dateNF:a=(r.table!=null?r.table:pe)[e],a==null&&(a=r.table&&r.table[Zi[e]]||pe[Zi[e]]),a==null&&(a=Lo[e]||"General");break}if(cn(a,0))return Dt(t,r);t instanceof Date&&(t=sf(t,r.date1904));var n=Qo(a,t);if(cn(n[1]))return Dt(t,r);if(t===!0)t="TRUE";else if(t===!1)t="FALSE";else if(t===""||t==null)return"";return qo(n[1],t,r,n[0])}function ct(e,t){if(typeof t!="number"){t=+t||-1;for(var r=0;r<392;++r){if(pe[r]==null){t<0&&(t=r);continue}if(pe[r]==e){t=r;break}}t<0&&(t=391)}return pe[t]=e,t}function kn(e){for(var t=0;t!=392;++t)e[t]!==void 0&&ct(e[t],t)}function ia(){pe=Do()}var el={5:'"$"#,##0_);\\("$"#,##0\\)',6:'"$"#,##0_);[Red]\\("$"#,##0\\)',7:'"$"#,##0.00_);\\("$"#,##0.00\\)',8:'"$"#,##0.00_);[Red]\\("$"#,##0.00\\)',23:"General",24:"General",25:"General",26:"General",27:"m/d/yy",28:"m/d/yy",29:"m/d/yy",30:"m/d/yy",31:"m/d/yy",32:"h:mm:ss",33:"h:mm:ss",34:"h:mm:ss",35:"h:mm:ss",36:"m/d/yy",41:'_(* #,##0_);_(* (#,##0);_(* "-"_);_(@_)',42:'_("$"* #,##0_);_("$"* (#,##0);_("$"* "-"_);_(@_)',43:'_(* #,##0.00_);_(* (#,##0.00);_(* "-"??_);_(@_)',44:'_("$"* #,##0.00_);_("$"* (#,##0.00);_("$"* "-"??_);_(@_)',50:"m/d/yy",51:"m/d/yy",52:"m/d/yy",53:"m/d/yy",54:"m/d/yy",55:"m/d/yy",56:"m/d/yy",57:"m/d/yy",58:"m/d/yy",59:"0",60:"0.00",61:"#,##0",62:"#,##0.00",63:'"$"#,##0_);\\("$"#,##0\\)',64:'"$"#,##0_);[Red]\\("$"#,##0\\)',65:'"$"#,##0.00_);\\("$"#,##0.00\\)',66:'"$"#,##0.00_);[Red]\\("$"#,##0.00\\)',67:"0%",68:"0.00%",69:"# ?/?",70:"# ??/??",71:"m/d/yy",72:"m/d/yy",73:"d-mmm-yy",74:"d-mmm",75:"mmm-yy",76:"h:mm",77:"h:mm:ss",78:"m/d/yy h:mm",79:"mm:ss",80:"[h]:mm:ss",81:"mmss.0"},pf=/[dD]+|[mM]+|[yYeE]+|[Hh]+|[Ss]+/g;function rl(e){var t=typeof e=="number"?pe[e]:e;return t=t.replace(pf,"(\\d+)"),new RegExp("^"+t+"$")}function tl(e,t,r){var a=-1,n=-1,i=-1,s=-1,f=-1,c=-1;(t.match(pf)||[]).forEach(function(h,d){var v=parseInt(r[d+1],10);switch(h.toLowerCase().charAt(0)){case"y":a=v;break;case"d":i=v;break;case"h":s=v;break;case"s":c=v;break;case"m":s>=0?f=v:n=v;break}}),c>=0&&f==-1&&n>=0&&(f=n,n=-1);var o=(""+(a>=0?a:new Date().getFullYear())).slice(-4)+"-"+("00"+(n>=1?n:1)).slice(-2)+"-"+("00"+(i>=1?i:1)).slice(-2);o.length==7&&(o="0"+o),o.length==8&&(o="20"+o);var l=("00"+(s>=0?s:0)).slice(-2)+":"+("00"+(f>=0?f:0)).slice(-2)+":"+("00"+(c>=0?c:0)).slice(-2);return s==-1&&f==-1&&c==-1?o:a==-1&&n==-1&&i==-1?l:o+"T"+l}var al=(function(){var e={};e.version="1.2.0";function t(){for(var x=0,M=new Array(256),R=0;R!=256;++R)x=R,x=x&1?-306674912^x>>>1:x>>>1,x=x&1?-306674912^x>>>1:x>>>1,x=x&1?-306674912^x>>>1:x>>>1,x=x&1?-306674912^x>>>1:x>>>1,x=x&1?-306674912^x>>>1:x>>>1,x=x&1?-306674912^x>>>1:x>>>1,x=x&1?-306674912^x>>>1:x>>>1,x=x&1?-306674912^x>>>1:x>>>1,M[R]=x;return typeof Int32Array<"u"?new Int32Array(M):M}var r=t();function a(x){var M=0,R=0,z=0,G=typeof Int32Array<"u"?new Int32Array(4096):new Array(4096);for(z=0;z!=256;++z)G[z]=x[z];for(z=0;z!=256;++z)for(R=x[z],M=256+z;M<4096;M+=256)R=G[M]=R>>>8^x[R&255];var b=[];for(z=1;z!=16;++z)b[z-1]=typeof Int32Array<"u"?G.subarray(z*256,z*256+256):G.slice(z*256,z*256+256);return b}var n=a(r),i=n[0],s=n[1],f=n[2],c=n[3],o=n[4],l=n[5],h=n[6],d=n[7],v=n[8],p=n[9],u=n[10],m=n[11],T=n[12],A=n[13],_=n[14];function F(x,M){for(var R=M^-1,z=0,G=x.length;z<G;)R=R>>>8^r[(R^x.charCodeAt(z++))&255];return~R}function D(x,M){for(var R=M^-1,z=x.length-15,G=0;G<z;)R=_[x[G++]^R&255]^A[x[G++]^R>>8&255]^T[x[G++]^R>>16&255]^m[x[G++]^R>>>24]^u[x[G++]]^p[x[G++]]^v[x[G++]]^d[x[G++]]^h[x[G++]]^l[x[G++]]^o[x[G++]]^c[x[G++]]^f[x[G++]]^s[x[G++]]^i[x[G++]]^r[x[G++]];for(z+=15;G<z;)R=R>>>8^r[(R^x[G++])&255];return~R}function P(x,M){for(var R=M^-1,z=0,G=x.length,b=0,J=0;z<G;)b=x.charCodeAt(z++),b<128?R=R>>>8^r[(R^b)&255]:b<2048?(R=R>>>8^r[(R^(192|b>>6&31))&255],R=R>>>8^r[(R^(128|b&63))&255]):b>=55296&&b<57344?(b=(b&1023)+64,J=x.charCodeAt(z++)&1023,R=R>>>8^r[(R^(240|b>>8&7))&255],R=R>>>8^r[(R^(128|b>>2&63))&255],R=R>>>8^r[(R^(128|J>>6&15|(b&3)<<4))&255],R=R>>>8^r[(R^(128|J&63))&255]):(R=R>>>8^r[(R^(224|b>>12&15))&255],R=R>>>8^r[(R^(128|b>>6&63))&255],R=R>>>8^r[(R^(128|b&63))&255]);return~R}return e.table=r,e.bstr=F,e.buf=D,e.str=P,e})(),de=(function(){var t={};t.version="1.2.1";function r(g,E){for(var w=g.split("/"),k=E.split("/"),S=0,y=0,U=Math.min(w.length,k.length);S<U;++S){if(y=w[S].length-k[S].length)return y;if(w[S]!=k[S])return w[S]<k[S]?-1:1}return w.length-k.length}function a(g){if(g.charAt(g.length-1)=="/")return g.slice(0,-1).indexOf("/")===-1?g:a(g.slice(0,-1));var E=g.lastIndexOf("/");return E===-1?g:g.slice(0,E+1)}function n(g){if(g.charAt(g.length-1)=="/")return n(g.slice(0,-1));var E=g.lastIndexOf("/");return E===-1?g:g.slice(E+1)}function i(g,E){typeof E=="string"&&(E=new Date(E));var w=E.getHours();w=w<<6|E.getMinutes(),w=w<<5|E.getSeconds()>>>1,g.write_shift(2,w);var k=E.getFullYear()-1980;k=k<<4|E.getMonth()+1,k=k<<5|E.getDate(),g.write_shift(2,k)}function s(g){var E=g.read_shift(2)&65535,w=g.read_shift(2)&65535,k=new Date,S=w&31;w>>>=5;var y=w&15;w>>>=4,k.setMilliseconds(0),k.setFullYear(w+1980),k.setMonth(y-1),k.setDate(S);var U=E&31;E>>>=5;var K=E&63;return E>>>=6,k.setHours(E),k.setMinutes(K),k.setSeconds(U<<1),k}function f(g){or(g,0);for(var E={},w=0;g.l<=g.length-4;){var k=g.read_shift(2),S=g.read_shift(2),y=g.l+S,U={};switch(k){case 21589:w=g.read_shift(1),w&1&&(U.mtime=g.read_shift(4)),S>5&&(w&2&&(U.atime=g.read_shift(4)),w&4&&(U.ctime=g.read_shift(4))),U.mtime&&(U.mt=new Date(U.mtime*1e3));break}g.l=y,E[k]=U}return E}var c;function o(){return c||(c={})}function l(g,E){if(g[0]==80&&g[1]==75)return zi(g,E);if((g[0]|32)==109&&(g[1]|32)==105)return To(g,E);if(g.length<512)throw new Error("CFB file size "+g.length+" < 512");var w=3,k=512,S=0,y=0,U=0,K=0,B=0,W=[],H=g.slice(0,512);or(H,0);var Z=h(H);switch(w=Z[0],w){case 3:k=512;break;case 4:k=4096;break;case 0:if(Z[1]==0)return zi(g,E);default:throw new Error("Major Version: Expected 3 or 4 saw "+w)}k!==512&&(H=g.slice(0,k),or(H,28));var se=g.slice(0,k);d(H,w);var he=H.read_shift(4,"i");if(w===3&&he!==0)throw new Error("# Directory Sectors: Expected 0 saw "+he);H.l+=4,U=H.read_shift(4,"i"),H.l+=4,H.chk("00100000","Mini Stream Cutoff Size: "),K=H.read_shift(4,"i"),S=H.read_shift(4,"i"),B=H.read_shift(4,"i"),y=H.read_shift(4,"i");for(var ee=-1,oe=0;oe<109&&(ee=H.read_shift(4,"i"),!(ee<0));++oe)W[oe]=ee;var we=v(g,k);m(B,y,we,k,W);var He=A(we,U,W,k);He[U].name="!Directory",S>0&&K!==J&&(He[K].name="!MiniFAT"),He[W[0]].name="!FAT",He.fat_addrs=W,He.ssz=k;var Ve={},hr=[],la=[],ha=[];_(U,He,we,hr,S,Ve,la,K),p(la,ha,hr),hr.shift();var ua={FileIndex:la,FullPaths:ha};return E&&E.raw&&(ua.raw={header:se,sectors:we}),ua}function h(g){if(g[g.l]==80&&g[g.l+1]==75)return[0,0];g.chk(le,"Header Signature: "),g.l+=16;var E=g.read_shift(2,"u");return[g.read_shift(2,"u"),E]}function d(g,E){var w=9;switch(g.l+=2,w=g.read_shift(2)){case 9:if(E!=3)throw new Error("Sector Shift: Expected 9 saw "+w);break;case 12:if(E!=4)throw new Error("Sector Shift: Expected 12 saw "+w);break;default:throw new Error("Sector Shift: Expected 9 or 12 saw "+w)}g.chk("0600","Mini Sector Shift: "),g.chk("000000000000","Reserved: ")}function v(g,E){for(var w=Math.ceil(g.length/E)-1,k=[],S=1;S<w;++S)k[S-1]=g.slice(S*E,(S+1)*E);return k[w-1]=g.slice(w*E),k}function p(g,E,w){for(var k=0,S=0,y=0,U=0,K=0,B=w.length,W=[],H=[];k<B;++k)W[k]=H[k]=k,E[k]=w[k];for(;K<H.length;++K)k=H[K],S=g[k].L,y=g[k].R,U=g[k].C,W[k]===k&&(S!==-1&&W[S]!==S&&(W[k]=W[S]),y!==-1&&W[y]!==y&&(W[k]=W[y])),U!==-1&&(W[U]=k),S!==-1&&k!=W[k]&&(W[S]=W[k],H.lastIndexOf(S)<K&&H.push(S)),y!==-1&&k!=W[k]&&(W[y]=W[k],H.lastIndexOf(y)<K&&H.push(y));for(k=1;k<B;++k)W[k]===k&&(y!==-1&&W[y]!==y?W[k]=W[y]:S!==-1&&W[S]!==S&&(W[k]=W[S]));for(k=1;k<B;++k)if(g[k].type!==0){if(K=k,K!=W[K])do K=W[K],E[k]=E[K]+"/"+E[k];while(K!==0&&W[K]!==-1&&K!=W[K]);W[k]=-1}for(E[0]+="/",k=1;k<B;++k)g[k].type!==2&&(E[k]+="/")}function u(g,E,w){for(var k=g.start,S=g.size,y=[],U=k;w&&S>0&&U>=0;)y.push(E.slice(U*b,U*b+b)),S-=b,U=Ot(w,U*4);return y.length===0?X(0):sr(y).slice(0,g.size)}function m(g,E,w,k,S){var y=J;if(g===J){if(E!==0)throw new Error("DIFAT chain shorter than expected")}else if(g!==-1){var U=w[g],K=(k>>>2)-1;if(!U)return;for(var B=0;B<K&&(y=Ot(U,B*4))!==J;++B)S.push(y);m(Ot(U,k-4),E-1,w,k,S)}}function T(g,E,w,k,S){var y=[],U=[];S||(S=[]);var K=k-1,B=0,W=0;for(B=E;B>=0;){S[B]=!0,y[y.length]=B,U.push(g[B]);var H=w[Math.floor(B*4/k)];if(W=B*4&K,k<4+W)throw new Error("FAT boundary crossed: "+B+" 4 "+k);if(!g[H])break;B=Ot(g[H],W)}return{nodes:y,data:ds([U])}}function A(g,E,w,k){var S=g.length,y=[],U=[],K=[],B=[],W=k-1,H=0,Z=0,se=0,he=0;for(H=0;H<S;++H)if(K=[],se=H+E,se>=S&&(se-=S),!U[se]){B=[];var ee=[];for(Z=se;Z>=0;){ee[Z]=!0,U[Z]=!0,K[K.length]=Z,B.push(g[Z]);var oe=w[Math.floor(Z*4/k)];if(he=Z*4&W,k<4+he)throw new Error("FAT boundary crossed: "+Z+" 4 "+k);if(!g[oe]||(Z=Ot(g[oe],he),ee[Z]))break}y[se]={nodes:K,data:ds([B])}}return y}function _(g,E,w,k,S,y,U,K){for(var B=0,W=k.length?2:0,H=E[g].data,Z=0,se=0,he;Z<H.length;Z+=128){var ee=H.slice(Z,Z+128);or(ee,64),se=ee.read_shift(2),he=di(ee,0,se-W),k.push(he);var oe={name:he,type:ee.read_shift(1),color:ee.read_shift(1),L:ee.read_shift(4,"i"),R:ee.read_shift(4,"i"),C:ee.read_shift(4,"i"),clsid:ee.read_shift(16),state:ee.read_shift(4,"i"),start:0,size:0},we=ee.read_shift(2)+ee.read_shift(2)+ee.read_shift(2)+ee.read_shift(2);we!==0&&(oe.ct=F(ee,ee.l-8));var He=ee.read_shift(2)+ee.read_shift(2)+ee.read_shift(2)+ee.read_shift(2);He!==0&&(oe.mt=F(ee,ee.l-8)),oe.start=ee.read_shift(4,"i"),oe.size=ee.read_shift(4,"i"),oe.size<0&&oe.start<0&&(oe.size=oe.type=0,oe.start=J,oe.name=""),oe.type===5?(B=oe.start,S>0&&B!==J&&(E[B].name="!StreamData")):oe.size>=4096?(oe.storage="fat",E[oe.start]===void 0&&(E[oe.start]=T(w,oe.start,E.fat_addrs,E.ssz)),E[oe.start].name=oe.name,oe.content=E[oe.start].data.slice(0,oe.size)):(oe.storage="minifat",oe.size<0?oe.size=0:B!==J&&oe.start!==J&&E[B]&&(oe.content=u(oe,E[B].data,(E[K]||{}).data))),oe.content&&or(oe.content,0),y[he]=oe,U.push(oe)}}function F(g,E){return new Date((Ir(g,E+4)/1e7*Math.pow(2,32)+Ir(g,E)/1e7-11644473600)*1e3)}function D(g,E){return o(),l(c.readFileSync(g),E)}function P(g,E){var w=E&&E.type;switch(w||Se&&Buffer.isBuffer(g)&&(w="buffer"),w||"base64"){case"file":return D(g,E);case"base64":return l(Rr(Fr(g)),E);case"binary":return l(Rr(g),E)}return l(g,E)}function x(g,E){var w=E||{},k=w.root||"Root Entry";if(g.FullPaths||(g.FullPaths=[]),g.FileIndex||(g.FileIndex=[]),g.FullPaths.length!==g.FileIndex.length)throw new Error("inconsistent CFB structure");g.FullPaths.length===0&&(g.FullPaths[0]=k+"/",g.FileIndex[0]={name:k,type:5}),w.CLSID&&(g.FileIndex[0].clsid=w.CLSID),M(g)}function M(g){var E="
Sh33tJ5";if(!de.find(g,"/"+E)){var w=X(4);w[0]=55,w[1]=w[3]=50,w[2]=54,g.FileIndex.push({name:E,type:2,content:w,size:4,L:69,R:69,C:69}),g.FullPaths.push(g.FullPaths[0]+E),R(g)}}function R(g,E){x(g);for(var w=!1,k=!1,S=g.FullPaths.length-1;S>=0;--S){var y=g.FileIndex[S];switch(y.type){case 0:k?w=!0:(g.FileIndex.pop(),g.FullPaths.pop());break;case 1:case 2:case 5:k=!0,isNaN(y.R*y.L*y.C)&&(w=!0),y.R>-1&&y.L>-1&&y.R==y.L&&(w=!0);break;default:w=!0;break}}if(!(!w&&!E)){var U=new Date(1987,1,19),K=0,B=Object.create?Object.create(null):{},W=[];for(S=0;S<g.FullPaths.length;++S)B[g.FullPaths[S]]=!0,g.FileIndex[S].type!==0&&W.push([g.FullPaths[S],g.FileIndex[S]]);for(S=0;S<W.length;++S){var H=a(W[S][0]);k=B[H],k||(W.push([H,{name:n(H).replace("/",""),type:1,clsid:ue,ct:U,mt:U,content:null}]),B[H]=!0)}for(W.sort(function(he,ee){return r(he[0],ee[0])}),g.FullPaths=[],g.FileIndex=[],S=0;S<W.length;++S)g.FullPaths[S]=W[S][0],g.FileIndex[S]=W[S][1];for(S=0;S<W.length;++S){var Z=g.FileIndex[S],se=g.FullPaths[S];if(Z.name=n(se).replace("/",""),Z.L=Z.R=Z.C=-(Z.color=1),Z.size=Z.content?Z.content.length:0,Z.start=0,Z.clsid=Z.clsid||ue,S===0)Z.C=W.length>1?1:-1,Z.size=0,Z.type=5;else if(se.slice(-1)=="/"){for(K=S+1;K<W.length&&a(g.FullPaths[K])!=se;++K);for(Z.C=K>=W.length?-1:K,K=S+1;K<W.length&&a(g.FullPaths[K])!=a(se);++K);Z.R=K>=W.length?-1:K,Z.type=1}else a(g.FullPaths[S+1]||"")==a(se)&&(Z.R=S+1),Z.type=2}}}function z(g,E){var w=E||{};if(w.fileType=="mad")return Eo(g,w);switch(R(g),w.fileType){case"zip":return po(g,w)}var k=(function(he){for(var ee=0,oe=0,we=0;we<he.FileIndex.length;++we){var He=he.FileIndex[we];if(He.content){var Ve=He.content.length;Ve>0&&(Ve<4096?ee+=Ve+63>>6:oe+=Ve+511>>9)}}for(var hr=he.FullPaths.length+3>>2,la=ee+7>>3,ha=ee+127>>7,ua=la+oe+hr+ha,Ct=ua+127>>7,In=Ct<=109?0:Math.ceil((Ct-109)/127);ua+Ct+In+127>>7>Ct;)In=++Ct<=109?0:Math.ceil((Ct-109)/127);var it=[1,In,Ct,ha,hr,oe,ee,0];return he.FileIndex[0].size=ee<<6,it[7]=(he.FileIndex[0].start=it[0]+it[1]+it[2]+it[3]+it[4]+it[5])+(it[6]+7>>3),it})(g),S=X(k[7]<<9),y=0,U=0;{for(y=0;y<8;++y)S.write_shift(1,ie[y]);for(y=0;y<8;++y)S.write_shift(2,0);for(S.write_shift(2,62),S.write_shift(2,3),S.write_shift(2,65534),S.write_shift(2,9),S.write_shift(2,6),y=0;y<3;++y)S.write_shift(2,0);for(S.write_shift(4,0),S.write_shift(4,k[2]),S.write_shift(4,k[0]+k[1]+k[2]+k[3]-1),S.write_shift(4,0),S.write_shift(4,4096),S.write_shift(4,k[3]?k[0]+k[1]+k[2]-1:J),S.write_shift(4,k[3]),S.write_shift(-4,k[1]?k[0]-1:J),S.write_shift(4,k[1]),y=0;y<109;++y)S.write_shift(-4,y<k[2]?k[1]+y:-1)}if(k[1])for(U=0;U<k[1];++U){for(;y<236+U*127;++y)S.write_shift(-4,y<k[2]?k[1]+y:-1);S.write_shift(-4,U===k[1]-1?J:U+1)}var K=function(he){for(U+=he;y<U-1;++y)S.write_shift(-4,y+1);he&&(++y,S.write_shift(-4,J))};for(U=y=0,U+=k[1];y<U;++y)S.write_shift(-4,ce.DIFSECT);for(U+=k[2];y<U;++y)S.write_shift(-4,ce.FATSECT);K(k[3]),K(k[4]);for(var B=0,W=0,H=g.FileIndex[0];B<g.FileIndex.length;++B)H=g.FileIndex[B],H.content&&(W=H.content.length,!(W<4096)&&(H.start=U,K(W+511>>9)));for(K(k[6]+7>>3);S.l&511;)S.write_shift(-4,ce.ENDOFCHAIN);for(U=y=0,B=0;B<g.FileIndex.length;++B)H=g.FileIndex[B],H.content&&(W=H.content.length,!(!W||W>=4096)&&(H.start=U,K(W+63>>6)));for(;S.l&511;)S.write_shift(-4,ce.ENDOFCHAIN);for(y=0;y<k[4]<<2;++y){var Z=g.FullPaths[y];if(!Z||Z.length===0){for(B=0;B<17;++B)S.write_shift(4,0);for(B=0;B<3;++B)S.write_shift(4,-1);for(B=0;B<12;++B)S.write_shift(4,0);continue}H=g.FileIndex[y],y===0&&(H.start=H.size?H.start-1:J);var se=y===0&&w.root||H.name;if(W=2*(se.length+1),S.write_shift(64,se,"utf16le"),S.write_shift(2,W),S.write_shift(1,H.type),S.write_shift(1,H.color),S.write_shift(-4,H.L),S.write_shift(-4,H.R),S.write_shift(-4,H.C),H.clsid)S.write_shift(16,H.clsid,"hex");else for(B=0;B<4;++B)S.write_shift(4,0);S.write_shift(4,H.state||0),S.write_shift(4,0),S.write_shift(4,0),S.write_shift(4,0),S.write_shift(4,0),S.write_shift(4,H.start),S.write_shift(4,H.size),S.write_shift(4,0)}for(y=1;y<g.FileIndex.length;++y)if(H=g.FileIndex[y],H.size>=4096)if(S.l=H.start+1<<9,Se&&Buffer.isBuffer(H.content))H.content.copy(S,S.l,0,H.size),S.l+=H.size+511&-512;else{for(B=0;B<H.size;++B)S.write_shift(1,H.content[B]);for(;B&511;++B)S.write_shift(1,0)}for(y=1;y<g.FileIndex.length;++y)if(H=g.FileIndex[y],H.size>0&&H.size<4096)if(Se&&Buffer.isBuffer(H.content))H.content.copy(S,S.l,0,H.size),S.l+=H.size+63&-64;else{for(B=0;B<H.size;++B)S.write_shift(1,H.content[B]);for(;B&63;++B)S.write_shift(1,0)}if(Se)S.l=S.length;else for(;S.l<S.length;)S.write_shift(1,0);return S}function G(g,E){var w=g.FullPaths?.map(function(B){return B.toUpperCase()}),k=w?.map(function(B){var W=B.split("/");return W[W.length-(B.slice(-1)=="/"?2:1)]}),S=!1;E.charCodeAt(0)===47?(S=!0,E=w[0].slice(0,-1)+E):S=E.indexOf("/")!==-1;var y=E.toUpperCase(),U=S===!0?w.indexOf(y):k.indexOf(y);if(U!==-1)return g.FileIndex[U];var K=!y.match(pa);for(y=y.replace(Sr,""),K&&(y=y.replace(pa,"!")),U=0;U<w.length;++U)if((K?w[U].replace(pa,"!"):w[U]).replace(Sr,"")==y||(K?k[U].replace(pa,"!"):k[U]).replace(Sr,"")==y)return g.FileIndex[U];return null}var b=64,J=-2,le="d0cf11e0a1b11ae1",ie=[208,207,17,224,161,177,26,225],ue="00000000000000000000000000000000",ce={MAXREGSECT:-6,DIFSECT:-4,FATSECT:-3,ENDOFCHAIN:J,FREESECT:-1,HEADER_SIGNATURE:le,HEADER_MINOR_VERSION:"3e00",MAXREGSID:-6,NOSTREAM:-1,HEADER_CLSID:ue,EntryTypes:["unknown","storage","stream","lockbytes","property","root"]};function De(g,E,w){o();var k=z(g,w);c.writeFileSync(E,k)}function V(g){for(var E=new Array(g.length),w=0;w<g.length;++w)E[w]=String.fromCharCode(g[w]);return E.join("")}function ve(g,E){var w=z(g,E);switch(E&&E.type||"buffer"){case"file":return o(),c.writeFileSync(E.filename,w),w;case"binary":return typeof w=="string"?w:V(w);case"base64":return Aa(typeof w=="string"?w:V(w));case"buffer":if(Se)return Buffer.isBuffer(w)?w:ht(w);case"array":return typeof w=="string"?Rr(w):w}return w}var _e;function O(g){try{var E=g.InflateRaw,w=new E;if(w._processChunk(new Uint8Array([3,0]),w._finishFlushFlag),w.bytesRead)_e=g;else throw new Error("zlib does not expose bytesRead")}catch{}}function L(g,E){if(!_e)return Gi(g,E);var w=_e.InflateRaw,k=new w,S=k._processChunk(g.slice(g.l),k._finishFlushFlag);return g.l+=k.bytesRead,S}function I(g){return _e?_e.deflateRawSync(g):ye(g)}var N=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],Y=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258],re=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577];function te(g){var E=(g<<1|g<<11)&139536|(g<<5|g<<15)&558144;return(E>>16|E>>8|E)&255}for(var q=typeof Uint8Array<"u",Q=q?new Uint8Array(256):[],Ee=0;Ee<256;++Ee)Q[Ee]=te(Ee);function C(g,E){var w=Q[g&255];return E<=8?w>>>8-E:(w=w<<8|Q[g>>8&255],E<=16?w>>>16-E:(w=w<<8|Q[g>>16&255],w>>>24-E))}function Me(g,E){var w=E&7,k=E>>>3;return(g[k]|(w<=6?0:g[k+1]<<8))>>>w&3}function Ce(g,E){var w=E&7,k=E>>>3;return(g[k]|(w<=5?0:g[k+1]<<8))>>>w&7}function be(g,E){var w=E&7,k=E>>>3;return(g[k]|(w<=4?0:g[k+1]<<8))>>>w&15}function Ae(g,E){var w=E&7,k=E>>>3;return(g[k]|(w<=3?0:g[k+1]<<8))>>>w&31}function fe(g,E){var w=E&7,k=E>>>3;return(g[k]|(w<=1?0:g[k+1]<<8))>>>w&127}function Ye(g,E,w){var k=E&7,S=E>>>3,y=(1<<w)-1,U=g[S]>>>k;return w<8-k||(U|=g[S+1]<<8-k,w<16-k)||(U|=g[S+2]<<16-k,w<24-k)||(U|=g[S+3]<<24-k),U&y}function Pr(g,E,w){var k=E&7,S=E>>>3;return k<=5?g[S]|=(w&7)<<k:(g[S]|=w<<k&255,g[S+1]=(w&7)>>8-k),E+3}function jr(g,E,w){var k=E&7,S=E>>>3;return w=(w&1)<<k,g[S]|=w,E+1}function at(g,E,w){var k=E&7,S=E>>>3;return w<<=k,g[S]|=w&255,w>>>=8,g[S+1]=w,E+8}function ca(g,E,w){var k=E&7,S=E>>>3;return w<<=k,g[S]|=w&255,w>>>=8,g[S+1]=w&255,g[S+2]=w>>>8,E+16}function vt(g,E){var w=g.length,k=2*w>E?2*w:E+5,S=0;if(w>=E)return g;if(Se){var y=Yi(k);if(g.copy)g.copy(y);else for(;S<g.length;++S)y[S]=g[S];return y}else if(q){var U=new Uint8Array(k);if(U.set)U.set(g);else for(;S<w;++S)U[S]=g[S];return U}return g.length=k,g}function Cr(g){for(var E=new Array(g),w=0;w<g;++w)E[w]=0;return E}function nt(g,E,w){var k=1,S=0,y=0,U=0,K=0,B=g.length,W=q?new Uint16Array(32):Cr(32);for(y=0;y<32;++y)W[y]=0;for(y=B;y<w;++y)g[y]=0;B=g.length;var H=q?new Uint16Array(B):Cr(B);for(y=0;y<B;++y)W[S=g[y]]++,k<S&&(k=S),H[y]=0;for(W[0]=0,y=1;y<=k;++y)W[y+16]=K=K+W[y-1]<<1;for(y=0;y<B;++y)K=g[y],K!=0&&(H[y]=W[K+16]++);var Z=0;for(y=0;y<B;++y)if(Z=g[y],Z!=0)for(K=C(H[y],k)>>k-Z,U=(1<<k+4-Z)-1;U>=0;--U)E[K|U<<Z]=Z&15|y<<4;return k}var pt=q?new Uint16Array(512):Cr(512),oa=q?new Uint16Array(32):Cr(32);if(!q){for(var kr=0;kr<512;++kr)pt[kr]=0;for(kr=0;kr<32;++kr)oa[kr]=0}(function(){for(var g=[],E=0;E<32;E++)g.push(5);nt(g,oa,32);var w=[];for(E=0;E<=143;E++)w.push(8);for(;E<=255;E++)w.push(9);for(;E<=279;E++)w.push(7);for(;E<=287;E++)w.push(8);nt(w,pt,288)})();var Jr=(function(){for(var E=q?new Uint8Array(32768):[],w=0,k=0;w<re.length-1;++w)for(;k<re[w+1];++k)E[k]=w;for(;k<32768;++k)E[k]=29;var S=q?new Uint8Array(259):[];for(w=0,k=0;w<Y.length-1;++w)for(;k<Y[w+1];++k)S[k]=w;function y(K,B){for(var W=0;W<K.length;){var H=Math.min(65535,K.length-W),Z=W+H==K.length;for(B.write_shift(1,+Z),B.write_shift(2,H),B.write_shift(2,~H&65535);H-- >0;)B[B.l++]=K[W++]}return B.l}function U(K,B){for(var W=0,H=0,Z=q?new Uint16Array(32768):[];H<K.length;){var se=Math.min(65535,K.length-H);if(se<10){for(W=Pr(B,W,+(H+se==K.length)),W&7&&(W+=8-(W&7)),B.l=W/8|0,B.write_shift(2,se),B.write_shift(2,~se&65535);se-- >0;)B[B.l++]=K[H++];W=B.l*8;continue}W=Pr(B,W,+(H+se==K.length)+2);for(var he=0;se-- >0;){var ee=K[H];he=(he<<5^ee)&32767;var oe=-1,we=0;if((oe=Z[he])&&(oe|=H&-32768,oe>H&&(oe-=32768),oe<H))for(;K[oe+we]==K[H+we]&&we<250;)++we;if(we>2){ee=S[we],ee<=22?W=at(B,W,Q[ee+1]>>1)-1:(at(B,W,3),W+=5,at(B,W,Q[ee-23]>>5),W+=3);var He=ee<8?0:ee-4>>2;He>0&&(ca(B,W,we-Y[ee]),W+=He),ee=E[H-oe],W=at(B,W,Q[ee]>>3),W-=3;var Ve=ee<4?0:ee-2>>1;Ve>0&&(ca(B,W,H-oe-re[ee]),W+=Ve);for(var hr=0;hr<we;++hr)Z[he]=H&32767,he=(he<<5^K[H])&32767,++H;se-=we-1}else ee<=143?ee=ee+48:W=jr(B,W,1),W=at(B,W,Q[ee]),Z[he]=H&32767,++H}W=at(B,W,0)-1}return B.l=(W+7)/8|0,B.l}return function(B,W){return B.length<8?y(B,W):U(B,W)}})();function ye(g){var E=X(50+Math.floor(g.length*1.1)),w=Jr(g,E);return E.slice(0,w)}var je=q?new Uint16Array(32768):Cr(32768),Dr=q?new Uint16Array(32768):Cr(32768),tr=q?new Uint16Array(128):Cr(128),At=1,Vi=1;function ho(g,E){var w=Ae(g,E)+257;E+=5;var k=Ae(g,E)+1;E+=5;var S=be(g,E)+4;E+=4;for(var y=0,U=q?new Uint8Array(19):Cr(19),K=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],B=1,W=q?new Uint8Array(8):Cr(8),H=q?new Uint8Array(8):Cr(8),Z=U.length,se=0;se<S;++se)U[N[se]]=y=Ce(g,E),B<y&&(B=y),W[y]++,E+=3;var he=0;for(W[0]=0,se=1;se<=B;++se)H[se]=he=he+W[se-1]<<1;for(se=0;se<Z;++se)(he=U[se])!=0&&(K[se]=H[he]++);var ee=0;for(se=0;se<Z;++se)if(ee=U[se],ee!=0){he=Q[K[se]]>>8-ee;for(var oe=(1<<7-ee)-1;oe>=0;--oe)tr[he|oe<<ee]=ee&7|se<<3}var we=[];for(B=1;we.length<w+k;)switch(he=tr[fe(g,E)],E+=he&7,he>>>=3){case 16:for(y=3+Me(g,E),E+=2,he=we[we.length-1];y-- >0;)we.push(he);break;case 17:for(y=3+Ce(g,E),E+=3;y-- >0;)we.push(0);break;case 18:for(y=11+fe(g,E),E+=7;y-- >0;)we.push(0);break;default:we.push(he),B<he&&(B=he);break}var He=we.slice(0,w),Ve=we.slice(w);for(se=w;se<286;++se)He[se]=0;for(se=k;se<30;++se)Ve[se]=0;return At=nt(He,je,286),Vi=nt(Ve,Dr,30),E}function uo(g,E){if(g[0]==3&&!(g[1]&3))return[wt(E),2];for(var w=0,k=0,S=Yi(E||1<<18),y=0,U=S.length>>>0,K=0,B=0;(k&1)==0;){if(k=Ce(g,w),w+=3,k>>>1)k>>1==1?(K=9,B=5):(w=ho(g,w),K=At,B=Vi);else{w&7&&(w+=8-(w&7));var W=g[w>>>3]|g[(w>>>3)+1]<<8;if(w+=32,W>0)for(!E&&U<y+W&&(S=vt(S,y+W),U=S.length);W-- >0;)S[y++]=g[w>>>3],w+=8;continue}for(;;){!E&&U<y+32767&&(S=vt(S,y+32767),U=S.length);var H=Ye(g,w,K),Z=k>>>1==1?pt[H]:je[H];if(w+=Z&15,Z>>>=4,(Z>>>8&255)===0)S[y++]=Z;else{if(Z==256)break;Z-=257;var se=Z<8?0:Z-4>>2;se>5&&(se=0);var he=y+Y[Z];se>0&&(he+=Ye(g,w,se),w+=se),H=Ye(g,w,B),Z=k>>>1==1?oa[H]:Dr[H],w+=Z&15,Z>>>=4;var ee=Z<4?0:Z-2>>1,oe=re[Z];for(ee>0&&(oe+=Ye(g,w,ee),w+=ee),!E&&U<he&&(S=vt(S,he+100),U=S.length);y<he;)S[y]=S[y-oe],++y}}}return E?[S,w+7>>>3]:[S.slice(0,y),w+7>>>3]}function Gi(g,E){var w=g.slice(g.l||0),k=uo(w,E);return g.l+=k[1],k[0]}function Xi(g,E){if(!g)throw new Error(E)}function zi(g,E){var w=g;or(w,0);var k=[],S=[],y={FileIndex:k,FullPaths:S};x(y,{root:E.root});for(var U=w.length-4;(w[U]!=80||w[U+1]!=75||w[U+2]!=5||w[U+3]!=6)&&U>=0;)--U;w.l=U+4,w.l+=4;var K=w.read_shift(2);w.l+=6;var B=w.read_shift(4);for(w.l=B,U=0;U<K;++U){w.l+=20;var W=w.read_shift(4),H=w.read_shift(4),Z=w.read_shift(2),se=w.read_shift(2),he=w.read_shift(2);w.l+=8;var ee=w.read_shift(4),oe=f(w.slice(w.l+Z,w.l+Z+se));w.l+=Z+se+he;var we=w.l;w.l=ee+4,vo(w,W,H,y,oe),w.l=we}return y}function vo(g,E,w,k,S){g.l+=2;var y=g.read_shift(2),U=g.read_shift(2),K=s(g);if(y&8257)throw new Error("Unsupported ZIP encryption");for(var B=g.read_shift(4),W=g.read_shift(4),H=g.read_shift(4),Z=g.read_shift(2),se=g.read_shift(2),he="",ee=0;ee<Z;++ee)he+=String.fromCharCode(g[g.l++]);if(se){var oe=f(g.slice(g.l,g.l+se));(oe[21589]||{}).mt&&(K=oe[21589].mt),((S||{})[21589]||{}).mt&&(K=S[21589].mt)}g.l+=se;var we=g.slice(g.l,g.l+W);switch(U){case 8:we=L(g,H);break;case 0:break;default:throw new Error("Unsupported ZIP Compression method "+U)}var He=!1;y&8&&(B=g.read_shift(4),B==134695760&&(B=g.read_shift(4),He=!0),W=g.read_shift(4),H=g.read_shift(4)),W!=E&&Xi(He,"Bad compressed size: "+E+" != "+W),H!=w&&Xi(He,"Bad uncompressed size: "+w+" != "+H),On(k,he,we,{unsafe:!0,mt:K})}function po(g,E){var w=E||{},k=[],S=[],y=X(1),U=w.compression?8:0,K=0,B=0,W=0,H=0,Z=0,se=g.FullPaths[0],he=se,ee=g.FileIndex[0],oe=[],we=0;for(B=1;B<g.FullPaths.length;++B)if(he=g.FullPaths[B].slice(se.length),ee=g.FileIndex[B],!(!ee.size||!ee.content||he=="
Sh33tJ5")){var He=H,Ve=X(he.length);for(W=0;W<he.length;++W)Ve.write_shift(1,he.charCodeAt(W)&127);Ve=Ve.slice(0,Ve.l),oe[Z]=al.buf(ee.content,0);var hr=ee.content;U==8&&(hr=I(hr)),y=X(30),y.write_shift(4,67324752),y.write_shift(2,20),y.write_shift(2,K),y.write_shift(2,U),ee.mt?i(y,ee.mt):y.write_shift(4,0),y.write_shift(-4,oe[Z]),y.write_shift(4,hr.length),y.write_shift(4,ee.content.length),y.write_shift(2,Ve.length),y.write_shift(2,0),H+=y.length,k.push(y),H+=Ve.length,k.push(Ve),H+=hr.length,k.push(hr),y=X(46),y.write_shift(4,33639248),y.write_shift(2,0),y.write_shift(2,20),y.write_shift(2,K),y.write_shift(2,U),y.write_shift(4,0),y.write_shift(-4,oe[Z]),y.write_shift(4,hr.length),y.write_shift(4,ee.content.length),y.write_shift(2,Ve.length),y.write_shift(2,0),y.write_shift(2,0),y.write_shift(2,0),y.write_shift(2,0),y.write_shift(4,0),y.write_shift(4,He),we+=y.l,S.push(y),we+=Ve.length,S.push(Ve),++Z}return y=X(22),y.write_shift(4,101010256),y.write_shift(2,0),y.write_shift(2,0),y.write_shift(2,Z),y.write_shift(2,Z),y.write_shift(4,we),y.write_shift(4,H),y.write_shift(2,0),sr([sr(k),sr(S),y])}var Ka={htm:"text/html",xml:"text/xml",gif:"image/gif",jpg:"image/jpeg",png:"image/png",mso:"application/x-mso",thmx:"application/vnd.ms-officetheme",sh33tj5:"application/octet-stream"};function mo(g,E){if(g.ctype)return g.ctype;var w=g.name||"",k=w.match(/\.([^\.]+)$/);return k&&Ka[k[1]]||E&&(k=(w=E).match(/[\.\\]([^\.\\])+$/),k&&Ka[k[1]])?Ka[k[1]]:"application/octet-stream"}function go(g){for(var E=Aa(g),w=[],k=0;k<E.length;k+=76)w.push(E.slice(k,k+76));return w.join(`\r
+`)+`\r
+`}function _o(g){var E=g.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7E-\xFF=]/g,function(W){var H=W.charCodeAt(0).toString(16).toUpperCase();return"="+(H.length==1?"0"+H:H)});E=E.replace(/ $/mg,"=20").replace(/\t$/mg,"=09"),E.charAt(0)==`
+`&&(E="=0D"+E.slice(1)),E=E.replace(/\r(?!\n)/mg,"=0D").replace(/\n\n/mg,`
+=0A`).replace(/([^\r\n])\n/mg,"$1=0A");for(var w=[],k=E.split(`\r
+`),S=0;S<k.length;++S){var y=k[S];if(y.length==0){w.push("");continue}for(var U=0;U<y.length;){var K=76,B=y.slice(U,U+K);B.charAt(K-1)=="="?K--:B.charAt(K-2)=="="?K-=2:B.charAt(K-3)=="="&&(K-=3),B=y.slice(U,U+K),U+=K,U<y.length&&(B+="="),w.push(B)}}return w.join(`\r
+`)}function wo(g){for(var E=[],w=0;w<g.length;++w){for(var k=g[w];w<=g.length&&k.charAt(k.length-1)=="=";)k=k.slice(0,k.length-1)+g[++w];E.push(k)}for(var S=0;S<E.length;++S)E[S]=E[S].replace(/[=][0-9A-Fa-f]{2}/g,function(y){return String.fromCharCode(parseInt(y.slice(1),16))});return Rr(E.join(`\r
+`))}function ko(g,E,w){for(var k="",S="",y="",U,K=0;K<10;++K){var B=E[K];if(!B||B.match(/^\s*$/))break;var W=B.match(/^(.*?):\s*([^\s].*)$/);if(W)switch(W[1].toLowerCase()){case"content-location":k=W[2].trim();break;case"content-type":y=W[2].trim();break;case"content-transfer-encoding":S=W[2].trim();break}}switch(++K,S.toLowerCase()){case"base64":U=Rr(Fr(E.slice(K).join("")));break;case"quoted-printable":U=wo(E.slice(K));break;default:throw new Error("Unsupported Content-Transfer-Encoding "+S)}var H=On(g,k.slice(w.length),U,{unsafe:!0});y&&(H.ctype=y)}function To(g,E){if(V(g.slice(0,13)).toLowerCase()!="mime-version:")throw new Error("Unsupported MAD header");var w=E&&E.root||"",k=(Se&&Buffer.isBuffer(g)?g.toString("binary"):V(g)).split(`\r
+`),S=0,y="";for(S=0;S<k.length;++S)if(y=k[S],!!/^Content-Location:/i.test(y)&&(y=y.slice(y.indexOf("file")),w||(w=y.slice(0,y.lastIndexOf("/")+1)),y.slice(0,w.length)!=w))for(;w.length>0&&(w=w.slice(0,w.length-1),w=w.slice(0,w.lastIndexOf("/")+1),y.slice(0,w.length)!=w););var U=(k[1]||"").match(/boundary="(.*?)"/);if(!U)throw new Error("MAD cannot find boundary");var K="--"+(U[1]||""),B=[],W=[],H={FileIndex:B,FullPaths:W};x(H);var Z,se=0;for(S=0;S<k.length;++S){var he=k[S];he!==K&&he!==K+"--"||(se++&&ko(H,k.slice(Z,S),w),Z=S)}return H}function Eo(g,E){var w=E||{},k=w.boundary||"SheetJS";k="------="+k;for(var S=["MIME-Version: 1.0",'Content-Type: multipart/related; boundary="'+k.slice(2)+'"',"","",""],y=g.FullPaths[0],U=y,K=g.FileIndex[0],B=1;B<g.FullPaths.length;++B)if(U=g.FullPaths[B].slice(y.length),K=g.FileIndex[B],!(!K.size||!K.content||U=="
Sh33tJ5")){U=U.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7E-\xFF]/g,function(we){return"_x"+we.charCodeAt(0).toString(16)+"_"}).replace(/[\u0080-\uFFFF]/g,function(we){return"_u"+we.charCodeAt(0).toString(16)+"_"});for(var W=K.content,H=Se&&Buffer.isBuffer(W)?W.toString("binary"):V(W),Z=0,se=Math.min(1024,H.length),he=0,ee=0;ee<=se;++ee)(he=H.charCodeAt(ee))>=32&&he<128&&++Z;var oe=Z>=se*4/5;S.push(k),S.push("Content-Location: "+(w.root||"file:///C:/SheetJS/")+U),S.push("Content-Transfer-Encoding: "+(oe?"quoted-printable":"base64")),S.push("Content-Type: "+mo(K,U)),S.push(""),S.push(oe?_o(H):go(H))}return S.push(k+`--\r
+`),S.join(`\r
+`)}function So(g){var E={};return x(E,g),E}function On(g,E,w,k){var S=k&&k.unsafe;S||x(g);var y=!S&&de.find(g,E);if(!y){var U=g.FullPaths[0];E.slice(0,U.length)==U?U=E:(U.slice(-1)!="/"&&(U+="/"),U=(U+E).replace("//","/")),y={name:n(E),type:2},g.FileIndex.push(y),g.FullPaths.push(U),S||de.utils.cfb_gc(g)}return y.content=w,y.size=w?w.length:0,k&&(k.CLSID&&(y.clsid=k.CLSID),k.mt&&(y.mt=k.mt),k.ct&&(y.ct=k.ct)),y}function yo(g,E){x(g);var w=de.find(g,E);if(w){for(var k=0;k<g.FileIndex.length;++k)if(g.FileIndex[k]==w)return g.FileIndex.splice(k,1),g.FullPaths.splice(k,1),!0}return!1}function xo(g,E,w){x(g);var k=de.find(g,E);if(k){for(var S=0;S<g.FileIndex.length;++S)if(g.FileIndex[S]==k)return g.FileIndex[S].name=n(w),g.FullPaths[S]=w,!0}return!1}function Ao(g){R(g,!0)}return t.find=G,t.read=P,t.parse=l,t.write=ve,t.writeFile=De,t.utils={cfb_new:So,cfb_add:On,cfb_del:yo,cfb_mov:xo,cfb_gc:Ao,ReadShift:ga,CheckField:Mf,prep_blob:or,bconcat:sr,use_zlib:O,_deflateRaw:ye,_inflateRaw:Gi,consts:ce},t})();function nl(e){return typeof e=="string"?wn(e):Array.isArray(e)?Ro(e):e}function Ua(e,t,r){if(typeof Deno<"u"){if(r&&typeof t=="string")switch(r){case"utf8":t=new TextEncoder(r).encode(t);break;case"binary":t=wn(t);break;default:throw new Error("Unsupported encoding "+r)}return Deno.writeFileSync(e,t)}var a=r=="utf8"?et(t):t;if(typeof IE_SaveFile<"u")return IE_SaveFile(a,e);if(typeof Blob<"u"){var n=new Blob([nl(a)],{type:"application/octet-stream"});if(typeof navigator<"u"&&navigator.msSaveBlob)return navigator.msSaveBlob(n,e);if(typeof saveAs<"u")return saveAs(n,e);if(typeof URL<"u"&&typeof document<"u"&&document.createElement&&URL.createObjectURL){var i=URL.createObjectURL(n);if(typeof chrome=="object"&&typeof(chrome.downloads||{}).download=="function")return URL.revokeObjectURL&&typeof setTimeout<"u"&&setTimeout(function(){URL.revokeObjectURL(i)},6e4),chrome.downloads.download({url:i,filename:e,saveAs:!0});var s=document.createElement("a");if(s.download!=null)return s.download=e,s.href=i,document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL&&typeof setTimeout<"u"&&setTimeout(function(){URL.revokeObjectURL(i)},6e4),i}}if(typeof $<"u"&&typeof File<"u"&&typeof Folder<"u")try{var f=File(e);return f.open("w"),f.encoding="binary",Array.isArray(t)&&(t=St(t)),f.write(t),f.close(),t}catch(c){if(!c.message||!c.message.match(/onstruct/))throw c}throw new Error("cannot save file "+e)}function il(e){if(typeof Deno<"u")return Deno.readFileSync(e);if(typeof $<"u"&&typeof File<"u"&&typeof Folder<"u")try{var t=File(e);t.open("r"),t.encoding="binary";var r=t.read();return t.close(),r}catch(a){if(!a.message||!a.message.match(/onstruct/))throw a}throw new Error("Cannot access file "+e)}function Ke(e){for(var t=Object.keys(e),r=[],a=0;a<t.length;++a)Object.prototype.hasOwnProperty.call(e,t[a])&&r.push(t[a]);return r}function ts(e,t){for(var r=[],a=Ke(e),n=0;n!==a.length;++n)r[e[a[n]][t]]==null&&(r[e[a[n]][t]]=a[n]);return r}function Tn(e){for(var t=[],r=Ke(e),a=0;a!==r.length;++a)t[e[r[a]]]=r[a];return t}function En(e){for(var t=[],r=Ke(e),a=0;a!==r.length;++a)t[e[r[a]]]=parseInt(r[a],10);return t}function sl(e){for(var t=[],r=Ke(e),a=0;a!==r.length;++a)t[e[r[a]]]==null&&(t[e[r[a]]]=[]),t[e[r[a]]].push(r[a]);return t}var ln=new Date(1899,11,30,0,0,0);function nr(e,t){var r=e.getTime(),a=ln.getTime()+(e.getTimezoneOffset()-ln.getTimezoneOffset())*6e4;return(r-a)/(1440*60*1e3)}var mf=new Date,fl=ln.getTime()+(mf.getTimezoneOffset()-ln.getTimezoneOffset())*6e4,as=mf.getTimezoneOffset();function Sn(e){var t=new Date;return t.setTime(e*24*60*60*1e3+fl),t.getTimezoneOffset()!==as&&t.setTime(t.getTime()+(t.getTimezoneOffset()-as)*6e4),t}function cl(e){var t=0,r=0,a=!1,n=e.match(/P([0-9\.]+Y)?([0-9\.]+M)?([0-9\.]+D)?T([0-9\.]+H)?([0-9\.]+M)?([0-9\.]+S)?/);if(!n)throw new Error("|"+e+"| is not an ISO8601 Duration");for(var i=1;i!=n.length;++i)if(n[i]){switch(r=1,i>3&&(a=!0),n[i].slice(n[i].length-1)){case"Y":throw new Error("Unsupported ISO Duration Field: "+n[i].slice(n[i].length-1));case"D":r*=24;case"H":r*=60;case"M":if(a)r*=60;else throw new Error("Unsupported ISO Duration Field: M")}t+=r*parseInt(n[i],10)}return t}var ns=new Date("2017-02-19T19:06:09.000Z"),gf=isNaN(ns.getFullYear())?new Date("2/19/17"):ns,ol=gf.getFullYear()==2017;function Ue(e,t){var r=new Date(e);if(ol)return t>0?r.setTime(r.getTime()+r.getTimezoneOffset()*60*1e3):t<0&&r.setTime(r.getTime()-r.getTimezoneOffset()*60*1e3),r;if(e instanceof Date)return e;if(gf.getFullYear()==1917&&!isNaN(r.getFullYear())){var a=r.getFullYear();return e.indexOf(""+a)>-1||r.setFullYear(r.getFullYear()+100),r}var n=e.match(/\d+/g)||["2017","2","19","0","0","0"],i=new Date(+n[0],+n[1]-1,+n[2],+n[3]||0,+n[4]||0,+n[5]||0);return e.indexOf("Z")>-1&&(i=new Date(i.getTime()-i.getTimezoneOffset()*60*1e3)),i}function Lt(e,t){if(Se&&Buffer.isBuffer(e)){if(t){if(e[0]==255&&e[1]==254)return et(e.slice(2).toString("utf16le"));if(e[1]==254&&e[2]==255)return et(af(e.slice(2).toString("binary")))}return e.toString("binary")}if(typeof TextDecoder<"u")try{if(t){if(e[0]==255&&e[1]==254)return et(new TextDecoder("utf-16le").decode(e.slice(2)));if(e[0]==254&&e[1]==255)return et(new TextDecoder("utf-16be").decode(e.slice(2)))}var r={"€":"€","‚":"‚",ƒ:"ƒ","„":"„","…":"…","†":"†","‡":"‡","ˆ":"ˆ","‰":"‰",Š:"Š","‹":"‹",Œ:"Œ",Ž:"Ž","‘":"‘","’":"’","“":"“","”":"”","•":"•","–":"–","—":"—","˜":"˜","™":"™",š:"š","›":"›",œ:"œ",ž:"ž",Ÿ:"Ÿ"};return Array.isArray(e)&&(e=new Uint8Array(e)),new TextDecoder("latin1").decode(e).replace(/[€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ]/g,function(i){return r[i]||i})}catch{}for(var a=[],n=0;n!=e.length;++n)a.push(String.fromCharCode(e[n]));return a.join("")}function We(e){if(typeof JSON<"u"&&!Array.isArray(e))return JSON.parse(JSON.stringify(e));if(typeof e!="object"||e==null)return e;if(e instanceof Date)return new Date(e.getTime());var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=We(e[r]));return t}function ze(e,t){for(var r="";r.length<t;)r+=e;return r}function Kr(e){var t=Number(e);if(!isNaN(t))return isFinite(t)?t:NaN;if(!/\d/.test(e))return t;var r=1,a=e.replace(/([\d]),([\d])/g,"$1$2").replace(/[$]/g,"").replace(/[%]/g,function(){return r*=100,""});return!isNaN(t=Number(a))||(a=a.replace(/[(](.*)[)]/,function(n,i){return r=-r,i}),!isNaN(t=Number(a)))?t/r:t}var ll=["january","february","march","april","may","june","july","august","september","october","november","december"];function ra(e){var t=new Date(e),r=new Date(NaN),a=t.getYear(),n=t.getMonth(),i=t.getDate();if(isNaN(i))return r;var s=e.toLowerCase();if(s.match(/jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec/)){if(s=s.replace(/[^a-z]/g,"").replace(/([^a-z]|^)[ap]m?([^a-z]|$)/,""),s.length>3&&ll.indexOf(s)==-1)return r}else if(s.match(/[a-z]/))return r;return a<0||a>8099?r:(n>0||i>1)&&a!=101?t:e.match(/[^-0-9:,\/\\]/)?r:t}var hl=(function(){var e="abacaba".split(/(:?b)/i).length==5;return function(r,a,n){if(e||typeof a=="string")return r.split(a);for(var i=r.split(a),s=[i[0]],f=1;f<i.length;++f)s.push(n),s.push(i[f]);return s}})();function _f(e){return e?e.content&&e.type?Lt(e.content,!0):e.data?va(e.data):e.asNodeBuffer&&Se?va(e.asNodeBuffer().toString("binary")):e.asBinary?va(e.asBinary()):e._data&&e._data.getContent?va(Lt(Array.prototype.slice.call(e._data.getContent(),0))):null:null}function wf(e){if(!e)return null;if(e.data)return $i(e.data);if(e.asNodeBuffer&&Se)return e.asNodeBuffer();if(e._data&&e._data.getContent){var t=e._data.getContent();return typeof t=="string"?$i(t):Array.prototype.slice.call(t)}return e.content&&e.type?e.content:null}function ul(e){return e&&e.name.slice(-4)===".bin"?wf(e):_f(e)}function Ur(e,t){for(var r=e.FullPaths||Ke(e.files),a=t.toLowerCase().replace(/[\/]/g,"\\"),n=a.replace(/\\/g,"/"),i=0;i<r.length;++i){var s=r[i].replace(/^Root Entry[\/]/,"").toLowerCase();if(a==s||n==s)return e.files?e.files[r[i]]:e.FileIndex[i]}return null}function fi(e,t){var r=Ur(e,t);if(r==null)throw new Error("Cannot find file "+t+" in zip");return r}function er(e,t,r){if(!r)return ul(fi(e,t));if(!t)return null;try{return er(e,t)}catch{return null}}function Nr(e,t,r){if(!r)return _f(fi(e,t));if(!t)return null;try{return Nr(e,t)}catch{return null}}function dl(e,t,r){return wf(fi(e,t))}function is(e){for(var t=e.FullPaths||Ke(e.files),r=[],a=0;a<t.length;++a)t[a].slice(-1)!="/"&&r.push(t[a].replace(/^Root Entry[\/]/,""));return r.sort()}function ke(e,t,r){if(e.FullPaths){if(typeof r=="string"){var a;return Se?a=ht(r):a=No(r),de.utils.cfb_add(e,t,a)}de.utils.cfb_add(e,t,r)}else e.file(t,r)}function ci(){return de.utils.cfb_new()}function kf(e,t){switch(t.type){case"base64":return de.read(e,{type:"base64"});case"binary":return de.read(e,{type:"binary"});case"buffer":case"array":return de.read(e,{type:"buffer"})}throw new Error("Unrecognized type "+t.type)}function ma(e,t){if(e.charAt(0)=="/")return e.slice(1);var r=t.split("/");t.slice(-1)!="/"&&r.pop();for(var a=e.split("/");a.length!==0;){var n=a.shift();n===".."?r.pop():n!=="."&&r.push(n)}return r.join("/")}var qe=`<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\r
+`,vl=/([^"\s?>\/]+)\s*=\s*((?:")([^"]*)(?:")|(?:')([^']*)(?:')|([^'">\s]+))/g,ss=/<[\/\?]?[a-zA-Z0-9:_-]+(?:\s+[^"\s?>\/]+\s*=\s*(?:"[^"]*"|'[^']*'|[^'">\s=]+))*\s*[\/\?]?>/mg,pl=/<[^>]*>/g,wr=qe.match(ss)?ss:pl,ml=/<\w*:/,gl=/<(\/?)\w+:/;function ge(e,t,r){for(var a={},n=0,i=0;n!==e.length&&!((i=e.charCodeAt(n))===32||i===10||i===13);++n);if(t||(a[0]=e.slice(0,n)),n===e.length)return a;var s=e.match(vl),f=0,c="",o=0,l="",h="",d=1;if(s)for(o=0;o!=s.length;++o){for(h=s[o],i=0;i!=h.length&&h.charCodeAt(i)!==61;++i);for(l=h.slice(0,i).trim();h.charCodeAt(i+1)==32;)++i;for(d=(n=h.charCodeAt(i+1))==34||n==39?1:0,c=h.slice(i+1+d,h.length-d),f=0;f!=l.length&&l.charCodeAt(f)!==58;++f);if(f===l.length)l.indexOf("_")>0&&(l=l.slice(0,l.indexOf("_"))),a[l]=c,a[l.toLowerCase()]=c;else{var v=(f===5&&l.slice(0,5)==="xmlns"?"xmlns":"")+l.slice(f+1);if(a[v]&&l.slice(f-3,f)=="ext")continue;a[v]=c,a[v.toLowerCase()]=c}}return a}function rt(e){return e.replace(gl,"<$1")}var Tf={"&quot;":'"',"&apos;":"'","&gt;":">","&lt;":"<","&amp;":"&"},oi=Tn(Tf),Oe=(function(){var e=/&(?:quot|apos|gt|lt|amp|#x?([\da-fA-F]+));/ig,t=/_x([\da-fA-F]{4})_/ig;return function r(a){var n=a+"",i=n.indexOf("<![CDATA[");if(i==-1)return n.replace(e,function(f,c){return Tf[f]||String.fromCharCode(parseInt(c,f.indexOf("x")>-1?16:10))||f}).replace(t,function(f,c){return String.fromCharCode(parseInt(c,16))});var s=n.indexOf("]]>");return r(n.slice(0,i))+n.slice(i+9,s)+r(n.slice(s+3))}})(),li=/[&<>'"]/g,_l=/[\u0000-\u0008\u000b-\u001f]/g;function Pe(e){var t=e+"";return t.replace(li,function(r){return oi[r]}).replace(_l,function(r){return"_x"+("000"+r.charCodeAt(0).toString(16)).slice(-4)+"_"})}function fs(e){return Pe(e).replace(/ /g,"_x0020_")}var Ef=/[\u0000-\u001f]/g;function hi(e){var t=e+"";return t.replace(li,function(r){return oi[r]}).replace(/\n/g,"<br/>").replace(Ef,function(r){return"&#x"+("000"+r.charCodeAt(0).toString(16)).slice(-4)+";"})}function wl(e){var t=e+"";return t.replace(li,function(r){return oi[r]}).replace(Ef,function(r){return"&#x"+r.charCodeAt(0).toString(16).toUpperCase()+";"})}var cs=(function(){var e=/&#(\d+);/g;function t(r,a){return String.fromCharCode(parseInt(a,10))}return function(a){return a.replace(e,t)}})();function kl(e){return e.replace(/(\r\n|[\r\n])/g,"&#10;")}function Be(e){switch(e){case 1:case!0:case"1":case"true":case"TRUE":return!0;default:return!1}}function Nn(e){for(var t="",r=0,a=0,n=0,i=0,s=0,f=0;r<e.length;){if(a=e.charCodeAt(r++),a<128){t+=String.fromCharCode(a);continue}if(n=e.charCodeAt(r++),a>191&&a<224){s=(a&31)<<6,s|=n&63,t+=String.fromCharCode(s);continue}if(i=e.charCodeAt(r++),a<240){t+=String.fromCharCode((a&15)<<12|(n&63)<<6|i&63);continue}s=e.charCodeAt(r++),f=((a&7)<<18|(n&63)<<12|(i&63)<<6|s&63)-65536,t+=String.fromCharCode(55296+(f>>>10&1023)),t+=String.fromCharCode(56320+(f&1023))}return t}function os(e){var t=wt(2*e.length),r,a,n=1,i=0,s=0,f;for(a=0;a<e.length;a+=n)n=1,(f=e.charCodeAt(a))<128?r=f:f<224?(r=(f&31)*64+(e.charCodeAt(a+1)&63),n=2):f<240?(r=(f&15)*4096+(e.charCodeAt(a+1)&63)*64+(e.charCodeAt(a+2)&63),n=3):(n=4,r=(f&7)*262144+(e.charCodeAt(a+1)&63)*4096+(e.charCodeAt(a+2)&63)*64+(e.charCodeAt(a+3)&63),r-=65536,s=55296+(r>>>10&1023),r=56320+(r&1023)),s!==0&&(t[i++]=s&255,t[i++]=s>>>8,s=0),t[i++]=r%256,t[i++]=r>>>8;return t.slice(0,i).toString("ucs2")}function ls(e){return ht(e,"binary").toString("utf8")}var ja="foo bar baz☃🍣",Le=Se&&(ls(ja)==Nn(ja)&&ls||os(ja)==Nn(ja)&&os)||Nn,et=Se?function(e){return ht(e,"utf8").toString("binary")}:function(e){for(var t=[],r=0,a=0,n=0;r<e.length;)switch(a=e.charCodeAt(r++),!0){case a<128:t.push(String.fromCharCode(a));break;case a<2048:t.push(String.fromCharCode(192+(a>>6))),t.push(String.fromCharCode(128+(a&63)));break;case(a>=55296&&a<57344):a-=55296,n=e.charCodeAt(r++)-56320+(a<<10),t.push(String.fromCharCode(240+(n>>18&7))),t.push(String.fromCharCode(144+(n>>12&63))),t.push(String.fromCharCode(128+(n>>6&63))),t.push(String.fromCharCode(128+(n&63)));break;default:t.push(String.fromCharCode(224+(a>>12))),t.push(String.fromCharCode(128+(a>>6&63))),t.push(String.fromCharCode(128+(a&63)))}return t.join("")},Oa=(function(){var e={};return function(r,a){var n=r+"|"+(a||"");return e[n]?e[n]:e[n]=new RegExp("<(?:\\w+:)?"+r+'(?: xml:space="preserve")?(?:[^>]*)>([\\s\\S]*?)</(?:\\w+:)?'+r+">",a||"")}})(),Sf=(function(){var e=[["nbsp"," "],["middot","·"],["quot",'"'],["apos","'"],["gt",">"],["lt","<"],["amp","&"]]?.map(function(t){return[new RegExp("&"+t[0]+";","ig"),t[1]]});return function(r){for(var a=r.replace(/^[\t\n\r ]+/,"").replace(/[\t\n\r ]+$/,"").replace(/>\s+/g,">").replace(/\s+</g,"<").replace(/[\t\n\r ]+/g," ").replace(/<\s*[bB][rR]\s*\/?>/g,`
+`).replace(/<[^>]*>/g,""),n=0;n<e.length;++n)a=a.replace(e[n][0],e[n][1]);return a}})(),Tl=(function(){var e={};return function(r){return e[r]!==void 0?e[r]:e[r]=new RegExp("<(?:vt:)?"+r+">([\\s\\S]*?)</(?:vt:)?"+r+">","g")}})(),El=/<\/?(?:vt:)?variant>/g,Sl=/<(?:vt:)([^>]*)>([\s\S]*)</;function hs(e,t){var r=ge(e),a=e.match(Tl(r.baseType))||[],n=[];if(a.length!=r.size){if(t.WTF)throw new Error("unexpected vector length "+a.length+" != "+r.size);return n}return a.forEach(function(i){var s=i.replace(El,"").match(Sl);s&&n.push({v:Le(s[2]),t:s[1]})}),n}var yf=/(^\s|\s$|\n)/;function lr(e,t){return"<"+e+(t.match(yf)?' xml:space="preserve"':"")+">"+t+"</"+e+">"}function Ia(e){return Ke(e)?.map(function(t){return" "+t+'="'+e[t]+'"'}).join("")}function ae(e,t,r){return"<"+e+(r!=null?Ia(r):"")+(t!=null?(t.match(yf)?' xml:space="preserve"':"")+">"+t+"</"+e:"/")+">"}function Xn(e,t){try{return e.toISOString().replace(/\.\d*/,"")}catch(r){if(t)throw r}return""}function yl(e,t){switch(typeof e){case"string":var r=ae("vt:lpwstr",Pe(e));return r=r.replace(/&quot;/g,"_x0022_"),r;case"number":return ae((e|0)==e?"vt:i4":"vt:r8",Pe(String(e)));case"boolean":return ae("vt:bool",e?"true":"false")}if(e instanceof Date)return ae("vt:filetime",Xn(e));throw new Error("Unable to serialize "+e)}function ui(e){if(Se&&Buffer.isBuffer(e))return e.toString("utf8");if(typeof e=="string")return e;if(typeof Uint8Array<"u"&&e instanceof Uint8Array)return Le(St(ni(e)));throw new Error("Bad input format: expected Buffer or string")}var Ra=/<(\/?)([^\s?><!\/:]*:|)([^\s?<>:\/]+)(?:[\s?:\/][^>]*)?>/mg,ar={CORE_PROPS:"http://schemas.openxmlformats.org/package/2006/metadata/core-properties",CUST_PROPS:"http://schemas.openxmlformats.org/officeDocument/2006/custom-properties",EXT_PROPS:"http://schemas.openxmlformats.org/officeDocument/2006/extended-properties",CT:"http://schemas.openxmlformats.org/package/2006/content-types",RELS:"http://schemas.openxmlformats.org/package/2006/relationships",TCMNT:"http://schemas.microsoft.com/office/spreadsheetml/2018/threadedcomments",dc:"http://purl.org/dc/elements/1.1/",dcterms:"http://purl.org/dc/terms/",dcmitype:"http://purl.org/dc/dcmitype/",r:"http://schemas.openxmlformats.org/officeDocument/2006/relationships",vt:"http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes",xsi:"http://www.w3.org/2001/XMLSchema-instance",xsd:"http://www.w3.org/2001/XMLSchema"},Wt=["http://schemas.openxmlformats.org/spreadsheetml/2006/main","http://purl.oclc.org/ooxml/spreadsheetml/main","http://schemas.microsoft.com/office/excel/2006/main","http://schemas.microsoft.com/office/excel/2006/2"],Or={o:"urn:schemas-microsoft-com:office:office",x:"urn:schemas-microsoft-com:office:excel",ss:"urn:schemas-microsoft-com:office:spreadsheet",dt:"uuid:C2F41010-65B3-11d1-A29F-00AA00C14882",mv:"http://macVmlSchemaUri",v:"urn:schemas-microsoft-com:vml",html:"http://www.w3.org/TR/REC-html40"};function xl(e,t){for(var r=1-2*(e[t+7]>>>7),a=((e[t+7]&127)<<4)+(e[t+6]>>>4&15),n=e[t+6]&15,i=5;i>=0;--i)n=n*256+e[t+i];return a==2047?n==0?r*(1/0):NaN:(a==0?a=-1022:(a-=1023,n+=Math.pow(2,52)),r*Math.pow(2,a-52)*n)}function Al(e,t,r){var a=(t<0||1/t==-1/0?1:0)<<7,n=0,i=0,s=a?-t:t;isFinite(s)?s==0?n=i=0:(n=Math.floor(Math.log(s)/Math.LN2),i=s*Math.pow(2,52-n),n<=-1023&&(!isFinite(i)||i<Math.pow(2,52))?n=-1022:(i-=Math.pow(2,52),n+=1023)):(n=2047,i=isNaN(t)?26985:0);for(var f=0;f<=5;++f,i/=256)e[r+f]=i&255;e[r+6]=(n&15)<<4|i&15,e[r+7]=n>>4|a}var us=function(e){for(var t=[],r=10240,a=0;a<e[0].length;++a)if(e[0][a])for(var n=0,i=e[0][a].length;n<i;n+=r)t.push.apply(t,e[0][a].slice(n,n+r));return t},ds=Se?function(e){return e[0].length>0&&Buffer.isBuffer(e[0][0])?Buffer.concat(e[0]?.map(function(t){return Buffer.isBuffer(t)?t:ht(t)})):us(e)}:us,vs=function(e,t,r){for(var a=[],n=t;n<r;n+=2)a.push(String.fromCharCode(st(e,n)));return a.join("").replace(Sr,"")},di=Se?function(e,t,r){return Buffer.isBuffer(e)?e.toString("utf16le",t,r).replace(Sr,""):vs(e,t,r)}:vs,ps=function(e,t,r){for(var a=[],n=t;n<t+r;++n)a.push(("0"+e[n].toString(16)).slice(-2));return a.join("")},xf=Se?function(e,t,r){return Buffer.isBuffer(e)?e.toString("hex",t,t+r):ps(e,t,r)}:ps,ms=function(e,t,r){for(var a=[],n=t;n<r;n++)a.push(String.fromCharCode(jt(e,n)));return a.join("")},Wa=Se?function(t,r,a){return Buffer.isBuffer(t)?t.toString("utf8",r,a):ms(t,r,a)}:ms,Af=function(e,t){var r=Ir(e,t);return r>0?Wa(e,t+4,t+4+r-1):""},Cf=Af,Of=function(e,t){var r=Ir(e,t);return r>0?Wa(e,t+4,t+4+r-1):""},If=Of,Rf=function(e,t){var r=2*Ir(e,t);return r>0?Wa(e,t+4,t+4+r-1):""},Nf=Rf,Ff=function(t,r){var a=Ir(t,r);return a>0?di(t,r+4,r+4+a):""},Pf=Ff,Df=function(e,t){var r=Ir(e,t);return r>0?Wa(e,t+4,t+4+r):""},Lf=Df,bf=function(e,t){return xl(e,t)},hn=bf,vi=function(t){return Array.isArray(t)||typeof Uint8Array<"u"&&t instanceof Uint8Array};Se&&(Cf=function(t,r){if(!Buffer.isBuffer(t))return Af(t,r);var a=t.readUInt32LE(r);return a>0?t.toString("utf8",r+4,r+4+a-1):""},If=function(t,r){if(!Buffer.isBuffer(t))return Of(t,r);var a=t.readUInt32LE(r);return a>0?t.toString("utf8",r+4,r+4+a-1):""},Nf=function(t,r){if(!Buffer.isBuffer(t))return Rf(t,r);var a=2*t.readUInt32LE(r);return t.toString("utf16le",r+4,r+4+a-1)},Pf=function(t,r){if(!Buffer.isBuffer(t))return Ff(t,r);var a=t.readUInt32LE(r);return t.toString("utf16le",r+4,r+4+a)},Lf=function(t,r){if(!Buffer.isBuffer(t))return Df(t,r);var a=t.readUInt32LE(r);return t.toString("utf8",r+4,r+4+a)},hn=function(t,r){return Buffer.isBuffer(t)?t.readDoubleLE(r):bf(t,r)},vi=function(t){return Buffer.isBuffer(t)||Array.isArray(t)||typeof Uint8Array<"u"&&t instanceof Uint8Array});var jt=function(e,t){return e[t]},st=function(e,t){return e[t+1]*256+e[t]},Cl=function(e,t){var r=e[t+1]*256+e[t];return r<32768?r:(65535-r+1)*-1},Ir=function(e,t){return e[t+3]*(1<<24)+(e[t+2]<<16)+(e[t+1]<<8)+e[t]},Ot=function(e,t){return e[t+3]<<24|e[t+2]<<16|e[t+1]<<8|e[t]},Ol=function(e,t){return e[t]<<24|e[t+1]<<16|e[t+2]<<8|e[t+3]};function ga(e,t){var r="",a,n,i=[],s,f,c,o;switch(t){case"dbcs":if(o=this.l,Se&&Buffer.isBuffer(this))r=this.slice(this.l,this.l+2*e).toString("utf16le");else for(c=0;c<e;++c)r+=String.fromCharCode(st(this,o)),o+=2;e*=2;break;case"utf8":r=Wa(this,this.l,this.l+e);break;case"utf16le":e*=2,r=di(this,this.l,this.l+e);break;case"wstr":return ga.call(this,e,"dbcs");case"lpstr-ansi":r=Cf(this,this.l),e=4+Ir(this,this.l);break;case"lpstr-cp":r=If(this,this.l),e=4+Ir(this,this.l);break;case"lpwstr":r=Nf(this,this.l),e=4+2*Ir(this,this.l);break;case"lpp4":e=4+Ir(this,this.l),r=Pf(this,this.l),e&2&&(e+=2);break;case"8lpp4":e=4+Ir(this,this.l),r=Lf(this,this.l),e&3&&(e+=4-(e&3));break;case"cstr":for(e=0,r="";(s=jt(this,this.l+e++))!==0;)i.push(Ya(s));r=i.join("");break;case"_wstr":for(e=0,r="";(s=st(this,this.l+e))!==0;)i.push(Ya(s)),e+=2;e+=2,r=i.join("");break;case"dbcs-cont":for(r="",o=this.l,c=0;c<e;++c){if(this.lens&&this.lens.indexOf(o)!==-1)return s=jt(this,o),this.l=o+1,f=ga.call(this,e-c,s?"dbcs-cont":"sbcs-cont"),i.join("")+f;i.push(Ya(st(this,o))),o+=2}r=i.join(""),e*=2;break;case"cpstr":case"sbcs-cont":for(r="",o=this.l,c=0;c!=e;++c){if(this.lens&&this.lens.indexOf(o)!==-1)return s=jt(this,o),this.l=o+1,f=ga.call(this,e-c,s?"dbcs-cont":"sbcs-cont"),i.join("")+f;i.push(Ya(jt(this,o))),o+=1}r=i.join("");break;default:switch(e){case 1:return a=jt(this,this.l),this.l++,a;case 2:return a=(t==="i"?Cl:st)(this,this.l),this.l+=2,a;case 4:case-4:return t==="i"||(this[this.l+3]&128)===0?(a=(e>0?Ot:Ol)(this,this.l),this.l+=4,a):(n=Ir(this,this.l),this.l+=4,n);case 8:case-8:if(t==="f")return e==8?n=hn(this,this.l):n=hn([this[this.l+7],this[this.l+6],this[this.l+5],this[this.l+4],this[this.l+3],this[this.l+2],this[this.l+1],this[this.l+0]],0),this.l+=8,n;e=8;case 16:r=xf(this,this.l,e);break}}return this.l+=e,r}var Il=function(e,t,r){e[r]=t&255,e[r+1]=t>>>8&255,e[r+2]=t>>>16&255,e[r+3]=t>>>24&255},Rl=function(e,t,r){e[r]=t&255,e[r+1]=t>>8&255,e[r+2]=t>>16&255,e[r+3]=t>>24&255},Nl=function(e,t,r){e[r]=t&255,e[r+1]=t>>>8&255};function Fl(e,t,r){var a=0,n=0;if(r==="dbcs"){for(n=0;n!=t.length;++n)Nl(this,t.charCodeAt(n),this.l+2*n);a=2*t.length}else if(r==="sbcs"){for(t=t.replace(/[^\x00-\x7F]/g,"_"),n=0;n!=t.length;++n)this[this.l+n]=t.charCodeAt(n)&255;a=t.length}else if(r==="hex"){for(;n<e;++n)this[this.l++]=parseInt(t.slice(2*n,2*n+2),16)||0;return this}else if(r==="utf16le"){var i=Math.min(this.l+e,this.length);for(n=0;n<Math.min(t.length,e);++n){var s=t.charCodeAt(n);this[this.l++]=s&255,this[this.l++]=s>>8}for(;this.l<i;)this[this.l++]=0;return this}else switch(e){case 1:a=1,this[this.l]=t&255;break;case 2:a=2,this[this.l]=t&255,t>>>=8,this[this.l+1]=t&255;break;case 3:a=3,this[this.l]=t&255,t>>>=8,this[this.l+1]=t&255,t>>>=8,this[this.l+2]=t&255;break;case 4:a=4,Il(this,t,this.l);break;case 8:if(a=8,r==="f"){Al(this,t,this.l);break}case 16:break;case-4:a=4,Rl(this,t,this.l);break}return this.l+=a,this}function Mf(e,t){var r=xf(this,this.l,e.length>>1);if(r!==e)throw new Error(t+"Expected "+e+" saw "+r);this.l+=e.length>>1}function or(e,t){e.l=t,e.read_shift=ga,e.chk=Mf,e.write_shift=Fl}function _r(e,t){e.l+=t}function X(e){var t=wt(e);return or(t,0),t}function ut(e,t,r){if(e){var a,n,i;or(e,e.l||0);for(var s=e.length,f=0,c=0;e.l<s;){f=e.read_shift(1),f&128&&(f=(f&127)+((e.read_shift(1)&127)<<7));var o=ba[f]||ba[65535];for(a=e.read_shift(1),i=a&127,n=1;n<4&&a&128;++n)i+=((a=e.read_shift(1))&127)<<7*n;c=e.l+i;var l=o.f&&o.f(e,i,r);if(e.l=c,t(l,o,f))return}}}function xr(){var e=[],t=Se?256:2048,r=function(o){var l=X(o);return or(l,0),l},a=r(t),n=function(){a&&(a.length>a.l&&(a=a.slice(0,a.l),a.l=a.length),a.length>0&&e.push(a),a=null)},i=function(o){return a&&o<a.length-a.l?a:(n(),a=r(Math.max(o+1,t)))},s=function(){return n(),sr(e)},f=function(o){n(),a=o,a.l==null&&(a.l=a.length),i(t)};return{next:i,push:f,end:s,_bufs:e}}function j(e,t,r,a){var n=+t,i;if(!isNaN(n)){a||(a=ba[n].p||(r||[]).length||0),i=1+(n>=128?1:0)+1,a>=128&&++i,a>=16384&&++i,a>=2097152&&++i;var s=e.next(i);n<=127?s.write_shift(1,n):(s.write_shift(1,(n&127)+128),s.write_shift(1,n>>7));for(var f=0;f!=4;++f)if(a>=128)s.write_shift(1,(a&127)+128),a>>=7;else{s.write_shift(1,a);break}a>0&&vi(r)&&e.push(r)}}function _a(e,t,r){var a=We(e);if(t.s?(a.cRel&&(a.c+=t.s.c),a.rRel&&(a.r+=t.s.r)):(a.cRel&&(a.c+=t.c),a.rRel&&(a.r+=t.r)),!r||r.biff<12){for(;a.c>=256;)a.c-=256;for(;a.r>=65536;)a.r-=65536}return a}function gs(e,t,r){var a=We(e);return a.s=_a(a.s,t.s,r),a.e=_a(a.e,t.s,r),a}function wa(e,t){if(e.cRel&&e.c<0)for(e=We(e);e.c<0;)e.c+=t>8?16384:256;if(e.rRel&&e.r<0)for(e=We(e);e.r<0;)e.r+=t>8?1048576:t>5?65536:16384;var r=me(e);return!e.cRel&&e.cRel!=null&&(r=Ll(r)),!e.rRel&&e.rRel!=null&&(r=Pl(r)),r}function Fn(e,t){return e.s.r==0&&!e.s.rRel&&e.e.r==(t.biff>=12?1048575:t.biff>=8?65536:16384)&&!e.e.rRel?(e.s.cRel?"":"$")+Ge(e.s.c)+":"+(e.e.cRel?"":"$")+Ge(e.e.c):e.s.c==0&&!e.s.cRel&&e.e.c==(t.biff>=12?16383:255)&&!e.e.cRel?(e.s.rRel?"":"$")+Ze(e.s.r)+":"+(e.e.rRel?"":"$")+Ze(e.e.r):wa(e.s,t.biff)+":"+wa(e.e,t.biff)}function pi(e){return parseInt(Dl(e),10)-1}function Ze(e){return""+(e+1)}function Pl(e){return e.replace(/([A-Z]|^)(\d+)$/,"$1$$$2")}function Dl(e){return e.replace(/\$(\d+)$/,"$1")}function mi(e){for(var t=bl(e),r=0,a=0;a!==t.length;++a)r=26*r+t.charCodeAt(a)-64;return r-1}function Ge(e){if(e<0)throw new Error("invalid column "+e);var t="";for(++e;e;e=Math.floor((e-1)/26))t=String.fromCharCode((e-1)%26+65)+t;return t}function Ll(e){return e.replace(/^([A-Z])/,"$$$1")}function bl(e){return e.replace(/^\$([A-Z])/,"$1")}function Ml(e){return e.replace(/(\$?[A-Z]*)(\$?\d*)/,"$1,$2").split(",")}function Xe(e){for(var t=0,r=0,a=0;a<e.length;++a){var n=e.charCodeAt(a);n>=48&&n<=57?t=10*t+(n-48):n>=65&&n<=90&&(r=26*r+(n-64))}return{c:r-1,r:t-1}}function me(e){for(var t=e.c+1,r="";t;t=(t-1)/26|0)r=String.fromCharCode((t-1)%26+65)+r;return r+(e.r+1)}function Ar(e){var t=e.indexOf(":");return t==-1?{s:Xe(e),e:Xe(e)}:{s:Xe(e.slice(0,t)),e:Xe(e.slice(t+1))}}function Te(e,t){return typeof t>"u"||typeof t=="number"?Te(e.s,e.e):(typeof e!="string"&&(e=me(e)),typeof t!="string"&&(t=me(t)),e==t?e:e+":"+t)}function Ie(e){var t={s:{c:0,r:0},e:{c:0,r:0}},r=0,a=0,n=0,i=e.length;for(r=0;a<i&&!((n=e.charCodeAt(a)-64)<1||n>26);++a)r=26*r+n;for(t.s.c=--r,r=0;a<i&&!((n=e.charCodeAt(a)-48)<0||n>9);++a)r=10*r+n;if(t.s.r=--r,a===i||n!=10)return t.e.c=t.s.c,t.e.r=t.s.r,t;for(++a,r=0;a!=i&&!((n=e.charCodeAt(a)-64)<1||n>26);++a)r=26*r+n;for(t.e.c=--r,r=0;a!=i&&!((n=e.charCodeAt(a)-48)<0||n>9);++a)r=10*r+n;return t.e.r=--r,t}function _s(e,t){var r=e.t=="d"&&t instanceof Date;if(e.z!=null)try{return e.w=Vr(e.z,r?nr(t):t)}catch{}try{return e.w=Vr((e.XF||{}).numFmtId||(r?14:0),r?nr(t):t)}catch{return""+t}}function lt(e,t,r){return e==null||e.t==null||e.t=="z"?"":e.w!==void 0?e.w:(e.t=="d"&&!e.z&&r&&r.dateNF&&(e.z=r.dateNF),e.t=="e"?dt[e.v]||e.v:t==null?_s(e,e.v):_s(e,t))}function yt(e,t){var r=t&&t.sheet?t.sheet:"Sheet1",a={};return a[r]=e,{SheetNames:[r],Sheets:a}}function Bf(e,t,r){var a=r||{},n=e?Array.isArray(e):a.dense,i=e||(n?[]:{}),s=0,f=0;if(i&&a.origin!=null){if(typeof a.origin=="number")s=a.origin;else{var c=typeof a.origin=="string"?Xe(a.origin):a.origin;s=c.r,f=c.c}i["!ref"]||(i["!ref"]="A1:A1")}var o={s:{c:1e7,r:1e7},e:{c:0,r:0}};if(i["!ref"]){var l=Ie(i["!ref"]);o.s.c=l.s.c,o.s.r=l.s.r,o.e.c=Math.max(o.e.c,l.e.c),o.e.r=Math.max(o.e.r,l.e.r),s==-1&&(o.e.r=s=l.e.r+1)}for(var h=0;h!=t.length;++h)if(t[h]){if(!Array.isArray(t[h]))throw new Error("aoa_to_sheet expects an array of arrays");for(var d=0;d!=t[h].length;++d)if(!(typeof t[h][d]>"u")){var v={v:t[h][d]},p=s+h,u=f+d;if(o.s.r>p&&(o.s.r=p),o.s.c>u&&(o.s.c=u),o.e.r<p&&(o.e.r=p),o.e.c<u&&(o.e.c=u),t[h][d]&&typeof t[h][d]=="object"&&!Array.isArray(t[h][d])&&!(t[h][d]instanceof Date))v=t[h][d];else if(Array.isArray(v.v)&&(v.f=t[h][d][1],v.v=v.v[0]),v.v===null)if(v.f)v.t="n";else if(a.nullError)v.t="e",v.v=0;else if(a.sheetStubs)v.t="z";else continue;else typeof v.v=="number"?v.t="n":typeof v.v=="boolean"?v.t="b":v.v instanceof Date?(v.z=a.dateNF||pe[14],a.cellDates?(v.t="d",v.w=Vr(v.z,nr(v.v))):(v.t="n",v.v=nr(v.v),v.w=Vr(v.z,v.v))):v.t="s";if(n)i[p]||(i[p]=[]),i[p][u]&&i[p][u].z&&(v.z=i[p][u].z),i[p][u]=v;else{var m=me({c:u,r:p});i[m]&&i[m].z&&(v.z=i[m].z),i[m]=v}}}return o.s.c<1e7&&(i["!ref"]=Te(o)),i}function sa(e,t){return Bf(null,e,t)}function Bl(e){return e.read_shift(4,"i")}function Yr(e,t){return t||(t=X(4)),t.write_shift(4,e),t}function gr(e){var t=e.read_shift(4);return t===0?"":e.read_shift(t,"dbcs")}function fr(e,t){var r=!1;return t==null&&(r=!0,t=X(4+2*e.length)),t.write_shift(4,e.length),e.length>0&&t.write_shift(0,e,"dbcs"),r?t.slice(0,t.l):t}function Ul(e){return{ich:e.read_shift(2),ifnt:e.read_shift(2)}}function Wl(e,t){return t||(t=X(4)),t.write_shift(2,0),t.write_shift(2,0),t}function gi(e,t){var r=e.l,a=e.read_shift(1),n=gr(e),i=[],s={t:n,h:n};if((a&1)!==0){for(var f=e.read_shift(4),c=0;c!=f;++c)i.push(Ul(e));s.r=i}else s.r=[{ich:0,ifnt:0}];return e.l=r+t,s}function Hl(e,t){var r=!1;return t==null&&(r=!0,t=X(15+4*e.t.length)),t.write_shift(1,0),fr(e.t,t),r?t.slice(0,t.l):t}var Vl=gi;function Gl(e,t){var r=!1;return t==null&&(r=!0,t=X(23+4*e.t.length)),t.write_shift(1,1),fr(e.t,t),t.write_shift(4,1),Wl({},t),r?t.slice(0,t.l):t}function Gr(e){var t=e.read_shift(4),r=e.read_shift(2);return r+=e.read_shift(1)<<16,e.l++,{c:t,iStyleRef:r}}function Ht(e,t){return t==null&&(t=X(8)),t.write_shift(-4,e.c),t.write_shift(3,e.iStyleRef||e.s),t.write_shift(1,0),t}function Vt(e){var t=e.read_shift(2);return t+=e.read_shift(1)<<16,e.l++,{c:-1,iStyleRef:t}}function Gt(e,t){return t==null&&(t=X(4)),t.write_shift(3,e.iStyleRef||e.s),t.write_shift(1,0),t}var Xl=gr,Uf=fr;function _i(e){var t=e.read_shift(4);return t===0||t===4294967295?"":e.read_shift(t,"dbcs")}function un(e,t){var r=!1;return t==null&&(r=!0,t=X(127)),t.write_shift(4,e.length>0?e.length:4294967295),e.length>0&&t.write_shift(0,e,"dbcs"),r?t.slice(0,t.l):t}var zl=gr,zn=_i,wi=un;function ki(e){var t=e.slice(e.l,e.l+4),r=t[0]&1,a=t[0]&2;e.l+=4;var n=a===0?hn([0,0,0,0,t[0]&252,t[1],t[2],t[3]],0):Ot(t,0)>>2;return r?n/100:n}function Wf(e,t){t==null&&(t=X(4));var r=0,a=0,n=e*100;if(e==(e|0)&&e>=-536870912&&e<1<<29?a=1:n==(n|0)&&n>=-536870912&&n<1<<29&&(a=1,r=1),a)t.write_shift(-4,((r?n:e)<<2)+(r+2));else throw new Error("unsupported RkNumber "+e)}function Hf(e){var t={s:{},e:{}};return t.s.r=e.read_shift(4),t.e.r=e.read_shift(4),t.s.c=e.read_shift(4),t.e.c=e.read_shift(4),t}function $l(e,t){return t||(t=X(16)),t.write_shift(4,e.s.r),t.write_shift(4,e.e.r),t.write_shift(4,e.s.c),t.write_shift(4,e.e.c),t}var Xt=Hf,fa=$l;function mr(e){if(e.length-e.l<8)throw"XLS Xnum Buffer underflow";return e.read_shift(8,"f")}function bt(e,t){return(t||X(8)).write_shift(8,e,"f")}function Kl(e){var t={},r=e.read_shift(1),a=r>>>1,n=e.read_shift(1),i=e.read_shift(2,"i"),s=e.read_shift(1),f=e.read_shift(1),c=e.read_shift(1);switch(e.l++,a){case 0:t.auto=1;break;case 1:t.index=n;var o=Rt[n];o&&(t.rgb=Fa(o));break;case 2:t.rgb=Fa([s,f,c]);break;case 3:t.theme=n;break}return i!=0&&(t.tint=i>0?i/32767:i/32768),t}function dn(e,t){if(t||(t=X(8)),!e||e.auto)return t.write_shift(4,0),t.write_shift(4,0),t;e.index!=null?(t.write_shift(1,2),t.write_shift(1,e.index)):e.theme!=null?(t.write_shift(1,6),t.write_shift(1,e.theme)):(t.write_shift(1,5),t.write_shift(1,0));var r=e.tint||0;if(r>0?r*=32767:r<0&&(r*=32768),t.write_shift(2,r),!e.rgb||e.theme!=null)t.write_shift(2,0),t.write_shift(1,0),t.write_shift(1,0);else{var a=e.rgb||"FFFFFF";typeof a=="number"&&(a=("000000"+a.toString(16)).slice(-6)),t.write_shift(1,parseInt(a.slice(0,2),16)),t.write_shift(1,parseInt(a.slice(2,4),16)),t.write_shift(1,parseInt(a.slice(4,6),16)),t.write_shift(1,255)}return t}function Yl(e){var t=e.read_shift(1);e.l++;var r={fBold:t&1,fItalic:t&2,fUnderline:t&4,fStrikeout:t&8,fOutline:t&16,fShadow:t&32,fCondense:t&64,fExtend:t&128};return r}function jl(e,t){t||(t=X(2));var r=(e.italic?2:0)|(e.strike?8:0)|(e.outline?16:0)|(e.shadow?32:0)|(e.condense?64:0)|(e.extend?128:0);return t.write_shift(1,r),t.write_shift(1,0),t}function Vf(e,t){var r={2:"BITMAP",3:"METAFILEPICT",8:"DIB",14:"ENHMETAFILE"},a=e.read_shift(4);switch(a){case 0:return"";case 4294967295:case 4294967294:return r[e.read_shift(4)]||""}if(a>400)throw new Error("Unsupported Clipboard: "+a.toString(16));return e.l-=4,e.read_shift(0,t==1?"lpstr":"lpwstr")}function Jl(e){return Vf(e,1)}function Zl(e){return Vf(e,2)}var Ti=2,yr=3,Ja=11,ws=12,vn=19,Za=64,ql=65,Ql=71,e1=4108,r1=4126,ir=80,Gf=81,t1=[ir,Gf],$n={1:{n:"CodePage",t:Ti},2:{n:"Category",t:ir},3:{n:"PresentationFormat",t:ir},4:{n:"ByteCount",t:yr},5:{n:"LineCount",t:yr},6:{n:"ParagraphCount",t:yr},7:{n:"SlideCount",t:yr},8:{n:"NoteCount",t:yr},9:{n:"HiddenCount",t:yr},10:{n:"MultimediaClipCount",t:yr},11:{n:"ScaleCrop",t:Ja},12:{n:"HeadingPairs",t:e1},13:{n:"TitlesOfParts",t:r1},14:{n:"Manager",t:ir},15:{n:"Company",t:ir},16:{n:"LinksUpToDate",t:Ja},17:{n:"CharacterCount",t:yr},19:{n:"SharedDoc",t:Ja},22:{n:"HyperlinksChanged",t:Ja},23:{n:"AppVersion",t:yr,p:"version"},24:{n:"DigSig",t:ql},26:{n:"ContentType",t:ir},27:{n:"ContentStatus",t:ir},28:{n:"Language",t:ir},29:{n:"Version",t:ir},255:{},2147483648:{n:"Locale",t:vn},2147483651:{n:"Behavior",t:vn},1919054434:{}},Kn={1:{n:"CodePage",t:Ti},2:{n:"Title",t:ir},3:{n:"Subject",t:ir},4:{n:"Author",t:ir},5:{n:"Keywords",t:ir},6:{n:"Comments",t:ir},7:{n:"Template",t:ir},8:{n:"LastAuthor",t:ir},9:{n:"RevNumber",t:ir},10:{n:"EditTime",t:Za},11:{n:"LastPrinted",t:Za},12:{n:"CreatedDate",t:Za},13:{n:"ModifiedDate",t:Za},14:{n:"PageCount",t:yr},15:{n:"WordCount",t:yr},16:{n:"CharCount",t:yr},17:{n:"Thumbnail",t:Ql},18:{n:"Application",t:ir},19:{n:"DocSecurity",t:yr},255:{},2147483648:{n:"Locale",t:vn},2147483651:{n:"Behavior",t:vn},1919054434:{}},ks={1:"US",2:"CA",3:"",7:"RU",20:"EG",30:"GR",31:"NL",32:"BE",33:"FR",34:"ES",36:"HU",39:"IT",41:"CH",43:"AT",44:"GB",45:"DK",46:"SE",47:"NO",48:"PL",49:"DE",52:"MX",55:"BR",61:"AU",64:"NZ",66:"TH",81:"JP",82:"KR",84:"VN",86:"CN",90:"TR",105:"JS",213:"DZ",216:"MA",218:"LY",351:"PT",354:"IS",358:"FI",420:"CZ",886:"TW",961:"LB",962:"JO",963:"SY",964:"IQ",965:"KW",966:"SA",971:"AE",972:"IL",974:"QA",981:"IR",65535:"US"},a1=[null,"solid","mediumGray","darkGray","lightGray","darkHorizontal","darkVertical","darkDown","darkUp","darkGrid","darkTrellis","lightHorizontal","lightVertical","lightDown","lightUp","lightGrid","lightTrellis","gray125","gray0625"];function n1(e){return e?.map(function(t){return[t>>16&255,t>>8&255,t&255]})}var i1=n1([0,16777215,16711680,65280,255,16776960,16711935,65535,0,16777215,16711680,65280,255,16776960,16711935,65535,8388608,32768,128,8421376,8388736,32896,12632256,8421504,10066431,10040166,16777164,13434879,6684774,16744576,26316,13421823,128,16711935,16776960,65535,8388736,8388608,32896,255,52479,13434879,13434828,16777113,10079487,16751052,13408767,16764057,3368703,3394764,10079232,16763904,16750848,16737792,6710937,9868950,13158,3381606,13056,3355392,10040064,10040166,3355545,3355443,16777215,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]),Rt=We(i1),dt={0:"#NULL!",7:"#DIV/0!",15:"#VALUE!",23:"#REF!",29:"#NAME?",36:"#NUM!",42:"#N/A",43:"#GETTING_DATA",255:"#WTF?"},Xf={"#NULL!":0,"#DIV/0!":7,"#VALUE!":15,"#REF!":23,"#NAME?":29,"#NUM!":36,"#N/A":42,"#GETTING_DATA":43,"#WTF?":255},Yn={"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml":"workbooks","application/vnd.ms-excel.sheet.macroEnabled.main+xml":"workbooks","application/vnd.ms-excel.sheet.binary.macroEnabled.main":"workbooks","application/vnd.ms-excel.addin.macroEnabled.main+xml":"workbooks","application/vnd.openxmlformats-officedocument.spreadsheetml.template.main+xml":"workbooks","application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml":"sheets","application/vnd.ms-excel.worksheet":"sheets","application/vnd.ms-excel.binIndexWs":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.chartsheet+xml":"charts","application/vnd.ms-excel.chartsheet":"charts","application/vnd.ms-excel.macrosheet+xml":"macros","application/vnd.ms-excel.macrosheet":"macros","application/vnd.ms-excel.intlmacrosheet":"TODO","application/vnd.ms-excel.binIndexMs":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.dialogsheet+xml":"dialogs","application/vnd.ms-excel.dialogsheet":"dialogs","application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml":"strs","application/vnd.ms-excel.sharedStrings":"strs","application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml":"styles","application/vnd.ms-excel.styles":"styles","application/vnd.openxmlformats-package.core-properties+xml":"coreprops","application/vnd.openxmlformats-officedocument.custom-properties+xml":"custprops","application/vnd.openxmlformats-officedocument.extended-properties+xml":"extprops","application/vnd.openxmlformats-officedocument.customXmlProperties+xml":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.customProperty":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.comments+xml":"comments","application/vnd.ms-excel.comments":"comments","application/vnd.ms-excel.threadedcomments+xml":"threadedcomments","application/vnd.ms-excel.person+xml":"people","application/vnd.openxmlformats-officedocument.spreadsheetml.sheetMetadata+xml":"metadata","application/vnd.ms-excel.sheetMetadata":"metadata","application/vnd.ms-excel.pivotTable":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.pivotTable+xml":"TODO","application/vnd.openxmlformats-officedocument.drawingml.chart+xml":"TODO","application/vnd.ms-office.chartcolorstyle+xml":"TODO","application/vnd.ms-office.chartstyle+xml":"TODO","application/vnd.ms-office.chartex+xml":"TODO","application/vnd.ms-excel.calcChain":"calcchains","application/vnd.openxmlformats-officedocument.spreadsheetml.calcChain+xml":"calcchains","application/vnd.openxmlformats-officedocument.spreadsheetml.printerSettings":"TODO","application/vnd.ms-office.activeX":"TODO","application/vnd.ms-office.activeX+xml":"TODO","application/vnd.ms-excel.attachedToolbars":"TODO","application/vnd.ms-excel.connections":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.connections+xml":"TODO","application/vnd.ms-excel.externalLink":"links","application/vnd.openxmlformats-officedocument.spreadsheetml.externalLink+xml":"links","application/vnd.ms-excel.pivotCacheDefinition":"TODO","application/vnd.ms-excel.pivotCacheRecords":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.pivotCacheDefinition+xml":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.pivotCacheRecords+xml":"TODO","application/vnd.ms-excel.queryTable":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.queryTable+xml":"TODO","application/vnd.ms-excel.userNames":"TODO","application/vnd.ms-excel.revisionHeaders":"TODO","application/vnd.ms-excel.revisionLog":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.revisionHeaders+xml":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.revisionLog+xml":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.userNames+xml":"TODO","application/vnd.ms-excel.tableSingleCells":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.tableSingleCells+xml":"TODO","application/vnd.ms-excel.slicer":"TODO","application/vnd.ms-excel.slicerCache":"TODO","application/vnd.ms-excel.slicer+xml":"TODO","application/vnd.ms-excel.slicerCache+xml":"TODO","application/vnd.ms-excel.wsSortMap":"TODO","application/vnd.ms-excel.table":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.table+xml":"TODO","application/vnd.openxmlformats-officedocument.theme+xml":"themes","application/vnd.openxmlformats-officedocument.themeOverride+xml":"TODO","application/vnd.ms-excel.Timeline+xml":"TODO","application/vnd.ms-excel.TimelineCache+xml":"TODO","application/vnd.ms-office.vbaProject":"vba","application/vnd.ms-office.vbaProjectSignature":"TODO","application/vnd.ms-office.volatileDependencies":"TODO","application/vnd.openxmlformats-officedocument.spreadsheetml.volatileDependencies+xml":"TODO","application/vnd.ms-excel.controlproperties+xml":"TODO","application/vnd.openxmlformats-officedocument.model+data":"TODO","application/vnd.ms-excel.Survey+xml":"TODO","application/vnd.openxmlformats-officedocument.drawing+xml":"drawings","application/vnd.openxmlformats-officedocument.drawingml.chartshapes+xml":"TODO","application/vnd.openxmlformats-officedocument.drawingml.diagramColors+xml":"TODO","application/vnd.openxmlformats-officedocument.drawingml.diagramData+xml":"TODO","application/vnd.openxmlformats-officedocument.drawingml.diagramLayout+xml":"TODO","application/vnd.openxmlformats-officedocument.drawingml.diagramStyle+xml":"TODO","application/vnd.openxmlformats-officedocument.vmlDrawing":"TODO","application/vnd.openxmlformats-package.relationships+xml":"rels","application/vnd.openxmlformats-officedocument.oleObject":"TODO","image/png":"TODO",sheet:"js"},qa={workbooks:{xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml",xlsm:"application/vnd.ms-excel.sheet.macroEnabled.main+xml",xlsb:"application/vnd.ms-excel.sheet.binary.macroEnabled.main",xlam:"application/vnd.ms-excel.addin.macroEnabled.main+xml",xltx:"application/vnd.openxmlformats-officedocument.spreadsheetml.template.main+xml"},strs:{xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml",xlsb:"application/vnd.ms-excel.sharedStrings"},comments:{xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.comments+xml",xlsb:"application/vnd.ms-excel.comments"},sheets:{xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml",xlsb:"application/vnd.ms-excel.worksheet"},charts:{xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.chartsheet+xml",xlsb:"application/vnd.ms-excel.chartsheet"},dialogs:{xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.dialogsheet+xml",xlsb:"application/vnd.ms-excel.dialogsheet"},macros:{xlsx:"application/vnd.ms-excel.macrosheet+xml",xlsb:"application/vnd.ms-excel.macrosheet"},metadata:{xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheetMetadata+xml",xlsb:"application/vnd.ms-excel.sheetMetadata"},styles:{xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml",xlsb:"application/vnd.ms-excel.styles"}};function Ei(){return{workbooks:[],sheets:[],charts:[],dialogs:[],macros:[],rels:[],strs:[],comments:[],threadedcomments:[],links:[],coreprops:[],extprops:[],custprops:[],themes:[],styles:[],calcchains:[],vba:[],drawings:[],metadata:[],people:[],TODO:[],xmlns:""}}function s1(e){var t=Ei();if(!e||!e.match)return t;var r={};if((e.match(wr)||[]).forEach(function(a){var n=ge(a);switch(n[0].replace(ml,"<")){case"<?xml":break;case"<Types":t.xmlns=n["xmlns"+(n[0].match(/<(\w+):/)||["",""])[1]];break;case"<Default":r[n.Extension]=n.ContentType;break;case"<Override":t[Yn[n.ContentType]]!==void 0&&t[Yn[n.ContentType]].push(n.PartName);break}}),t.xmlns!==ar.CT)throw new Error("Unknown Namespace: "+t.xmlns);return t.calcchain=t.calcchains.length>0?t.calcchains[0]:"",t.sst=t.strs.length>0?t.strs[0]:"",t.style=t.styles.length>0?t.styles[0]:"",t.defaults=r,delete t.calcchains,t}function zf(e,t){var r=sl(Yn),a=[],n;a[a.length]=qe,a[a.length]=ae("Types",null,{xmlns:ar.CT,"xmlns:xsd":ar.xsd,"xmlns:xsi":ar.xsi}),a=a.concat([["xml","application/xml"],["bin","application/vnd.ms-excel.sheet.binary.macroEnabled.main"],["vml","application/vnd.openxmlformats-officedocument.vmlDrawing"],["data","application/vnd.openxmlformats-officedocument.model+data"],["bmp","image/bmp"],["png","image/png"],["gif","image/gif"],["emf","image/x-emf"],["wmf","image/x-wmf"],["jpg","image/jpeg"],["jpeg","image/jpeg"],["tif","image/tiff"],["tiff","image/tiff"],["pdf","application/pdf"],["rels","application/vnd.openxmlformats-package.relationships+xml"]]?.map(function(c){return ae("Default",null,{Extension:c[0],ContentType:c[1]})}));var i=function(c){e[c]&&e[c].length>0&&(n=e[c][0],a[a.length]=ae("Override",null,{PartName:(n[0]=="/"?"":"/")+n,ContentType:qa[c][t.bookType]||qa[c].xlsx}))},s=function(c){(e[c]||[]).forEach(function(o){a[a.length]=ae("Override",null,{PartName:(o[0]=="/"?"":"/")+o,ContentType:qa[c][t.bookType]||qa[c].xlsx})})},f=function(c){(e[c]||[]).forEach(function(o){a[a.length]=ae("Override",null,{PartName:(o[0]=="/"?"":"/")+o,ContentType:r[c][0]})})};return i("workbooks"),s("sheets"),s("charts"),f("themes"),["strs","styles"].forEach(i),["coreprops","extprops","custprops"].forEach(f),f("vba"),f("comments"),f("threadedcomments"),f("drawings"),s("metadata"),f("people"),a.length>2&&(a[a.length]="</Types>",a[1]=a[1].replace("/>",">")),a.join("")}var xe={WB:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument",SHEET:"http://sheetjs.openxmlformats.org/officeDocument/2006/relationships/officeDocument",HLINK:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink",VML:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/vmlDrawing",XPATH:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/externalLinkPath",XMISS:"http://schemas.microsoft.com/office/2006/relationships/xlExternalLinkPath/xlPathMissing",XLINK:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/externalLink",CXML:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/customXml",CXMLP:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/customXmlProps",CMNT:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/comments",CORE_PROPS:"http://schemas.openxmlformats.org/package/2006/relationships/metadata/core-properties",EXT_PROPS:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/extended-properties",CUST_PROPS:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/custom-properties",SST:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/sharedStrings",STY:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles",THEME:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme",CHART:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/chart",CHARTEX:"http://schemas.microsoft.com/office/2014/relationships/chartEx",CS:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/chartsheet",WS:["http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet","http://purl.oclc.org/ooxml/officeDocument/relationships/worksheet"],DS:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/dialogsheet",MS:"http://schemas.microsoft.com/office/2006/relationships/xlMacrosheet",IMG:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/image",DRAW:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/drawing",XLMETA:"http://schemas.openxmlformats.org/officeDocument/2006/relationships/sheetMetadata",TCMNT:"http://schemas.microsoft.com/office/2017/10/relationships/threadedComment",PEOPLE:"http://schemas.microsoft.com/office/2017/10/relationships/person",VBA:"http://schemas.microsoft.com/office/2006/relationships/vbaProject"};function Na(e){var t=e.lastIndexOf("/");return e.slice(0,t+1)+"_rels/"+e.slice(t+1)+".rels"}function ka(e,t){var r={"!id":{}};if(!e)return r;t.charAt(0)!=="/"&&(t="/"+t);var a={};return(e.match(wr)||[]).forEach(function(n){var i=ge(n);if(i[0]==="<Relationship"){var s={};s.Type=i.Type,s.Target=i.Target,s.Id=i.Id,i.TargetMode&&(s.TargetMode=i.TargetMode);var f=i.TargetMode==="External"?i.Target:ma(i.Target,t);r[f]=s,a[i.Id]=s}}),r["!id"]=a,r}function qt(e){var t=[qe,ae("Relationships",null,{xmlns:ar.RELS})];return Ke(e["!id"]).forEach(function(r){t[t.length]=ae("Relationship",null,e["!id"][r])}),t.length>2&&(t[t.length]="</Relationships>",t[1]=t[1].replace("/>",">")),t.join("")}function Fe(e,t,r,a,n,i){if(n||(n={}),e["!id"]||(e["!id"]={}),e["!idx"]||(e["!idx"]=1),t<0)for(t=e["!idx"];e["!id"]["rId"+t];++t);if(e["!idx"]=t+1,n.Id="rId"+t,n.Type=a,n.Target=r,[xe.HLINK,xe.XPATH,xe.XMISS].indexOf(n.Type)>-1&&(n.TargetMode="External"),e["!id"][n.Id])throw new Error("Cannot rewrite rId "+t);return e["!id"][n.Id]=n,e[("/"+n.Target).replace("//","/")]=n,t}var f1="application/vnd.oasis.opendocument.spreadsheet";function c1(e,t){for(var r=ui(e),a,n;a=Ra.exec(r);)switch(a[3]){case"manifest":break;case"file-entry":if(n=ge(a[0],!1),n.path=="/"&&n.type!==f1)throw new Error("This OpenDocument is not a spreadsheet");break;case"encryption-data":case"algorithm":case"start-key-generation":case"key-derivation":throw new Error("Unsupported ODS Encryption");default:if(t&&t.WTF)throw a}}function o1(e){var t=[qe];t.push(`<manifest:manifest xmlns:manifest="urn:oasis:names:tc:opendocument:xmlns:manifest:1.0" manifest:version="1.2">
+`),t.push(`  <manifest:file-entry manifest:full-path="/" manifest:version="1.2" manifest:media-type="application/vnd.oasis.opendocument.spreadsheet"/>
+`);for(var r=0;r<e.length;++r)t.push('  <manifest:file-entry manifest:full-path="'+e[r][0]+'" manifest:media-type="'+e[r][1]+`"/>
+`);return t.push("</manifest:manifest>"),t.join("")}function Ts(e,t,r){return['  <rdf:Description rdf:about="'+e+`">
+`,'    <rdf:type rdf:resource="http://docs.oasis-open.org/ns/office/1.2/meta/'+(r||"odf")+"#"+t+`"/>
+`,`  </rdf:Description>
+`].join("")}function l1(e,t){return['  <rdf:Description rdf:about="'+e+`">
+`,'    <ns0:hasPart xmlns:ns0="http://docs.oasis-open.org/ns/office/1.2/meta/pkg#" rdf:resource="'+t+`"/>
+`,`  </rdf:Description>
+`].join("")}function h1(e){var t=[qe];t.push(`<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+`);for(var r=0;r!=e.length;++r)t.push(Ts(e[r][0],e[r][1])),t.push(l1("",e[r][0]));return t.push(Ts("","Document","pkg")),t.push("</rdf:RDF>"),t.join("")}function $f(){return'<office:document-meta xmlns:office="urn:oasis:names:tc:opendocument:xmlns:office:1.0" xmlns:meta="urn:oasis:names:tc:opendocument:xmlns:meta:1.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:xlink="http://www.w3.org/1999/xlink" office:version="1.2"><office:meta><meta:generator>SheetJS '+sn.version+"</meta:generator></office:meta></office:document-meta>"}var Hr=[["cp:category","Category"],["cp:contentStatus","ContentStatus"],["cp:keywords","Keywords"],["cp:lastModifiedBy","LastAuthor"],["cp:lastPrinted","LastPrinted"],["cp:revision","RevNumber"],["cp:version","Version"],["dc:creator","Author"],["dc:description","Comments"],["dc:identifier","Identifier"],["dc:language","Language"],["dc:subject","Subject"],["dc:title","Title"],["dcterms:created","CreatedDate","date"],["dcterms:modified","ModifiedDate","date"]],u1=(function(){for(var e=new Array(Hr.length),t=0;t<Hr.length;++t){var r=Hr[t],a="(?:"+r[0].slice(0,r[0].indexOf(":"))+":)"+r[0].slice(r[0].indexOf(":")+1);e[t]=new RegExp("<"+a+"[^>]*>([\\s\\S]*?)</"+a+">")}return e})();function Kf(e){var t={};e=Le(e);for(var r=0;r<Hr.length;++r){var a=Hr[r],n=e.match(u1[r]);n!=null&&n.length>0&&(t[a[1]]=Oe(n[1])),a[2]==="date"&&t[a[1]]&&(t[a[1]]=Ue(t[a[1]]))}return t}function Pn(e,t,r,a,n){n[e]!=null||t==null||t===""||(n[e]=t,t=Pe(t),a[a.length]=r?ae(e,t,r):lr(e,t))}function Yf(e,t){var r=t||{},a=[qe,ae("cp:coreProperties",null,{"xmlns:cp":ar.CORE_PROPS,"xmlns:dc":ar.dc,"xmlns:dcterms":ar.dcterms,"xmlns:dcmitype":ar.dcmitype,"xmlns:xsi":ar.xsi})],n={};if(!e&&!r.Props)return a.join("");e&&(e.CreatedDate!=null&&Pn("dcterms:created",typeof e.CreatedDate=="string"?e.CreatedDate:Xn(e.CreatedDate,r.WTF),{"xsi:type":"dcterms:W3CDTF"},a,n),e.ModifiedDate!=null&&Pn("dcterms:modified",typeof e.ModifiedDate=="string"?e.ModifiedDate:Xn(e.ModifiedDate,r.WTF),{"xsi:type":"dcterms:W3CDTF"},a,n));for(var i=0;i!=Hr.length;++i){var s=Hr[i],f=r.Props&&r.Props[s[1]]!=null?r.Props[s[1]]:e?e[s[1]]:null;f===!0?f="1":f===!1?f="0":typeof f=="number"&&(f=String(f)),f!=null&&Pn(s[0],f,null,a,n)}return a.length>2&&(a[a.length]="</cp:coreProperties>",a[1]=a[1].replace("/>",">")),a.join("")}var Nt=[["Application","Application","string"],["AppVersion","AppVersion","string"],["Company","Company","string"],["DocSecurity","DocSecurity","string"],["Manager","Manager","string"],["HyperlinksChanged","HyperlinksChanged","bool"],["SharedDoc","SharedDoc","bool"],["LinksUpToDate","LinksUpToDate","bool"],["ScaleCrop","ScaleCrop","bool"],["HeadingPairs","HeadingPairs","raw"],["TitlesOfParts","TitlesOfParts","raw"]],jf=["Worksheets","SheetNames","NamedRanges","DefinedNames","Chartsheets","ChartNames"];function Jf(e,t,r,a){var n=[];if(typeof e=="string")n=hs(e,a);else for(var i=0;i<e.length;++i)n=n.concat(e[i]?.map(function(l){return{v:l}}));var s=typeof t=="string"?hs(t,a)?.map(function(l){return l.v}):t,f=0,c=0;if(s.length>0)for(var o=0;o!==n.length;o+=2){switch(c=+n[o+1].v,n[o].v){case"Worksheets":case"工作表":case"Листы":case"أوراق العمل":case"ワークシート":case"גליונות עבודה":case"Arbeitsblätter":case"Çalışma Sayfaları":case"Feuilles de calcul":case"Fogli di lavoro":case"Folhas de cálculo":case"Planilhas":case"Regneark":case"Hojas de cálculo":case"Werkbladen":r.Worksheets=c,r.SheetNames=s.slice(f,f+c);break;case"Named Ranges":case"Rangos con nombre":case"名前付き一覧":case"Benannte Bereiche":case"Navngivne områder":r.NamedRanges=c,r.DefinedNames=s.slice(f,f+c);break;case"Charts":case"Diagramme":r.Chartsheets=c,r.ChartNames=s.slice(f,f+c);break}f+=c}}function d1(e,t,r){var a={};return t||(t={}),e=Le(e),Nt.forEach(function(n){var i=(e.match(Oa(n[0]))||[])[1];switch(n[2]){case"string":i&&(t[n[1]]=Oe(i));break;case"bool":t[n[1]]=i==="true";break;case"raw":var s=e.match(new RegExp("<"+n[0]+"[^>]*>([\\s\\S]*?)</"+n[0]+">"));s&&s.length>0&&(a[n[1]]=s[1]);break}}),a.HeadingPairs&&a.TitlesOfParts&&Jf(a.HeadingPairs,a.TitlesOfParts,t,r),t}function Zf(e){var t=[],r=ae;return e||(e={}),e.Application="SheetJS",t[t.length]=qe,t[t.length]=ae("Properties",null,{xmlns:ar.EXT_PROPS,"xmlns:vt":ar.vt}),Nt.forEach(function(a){if(e[a[1]]!==void 0){var n;switch(a[2]){case"string":n=Pe(String(e[a[1]]));break;case"bool":n=e[a[1]]?"true":"false";break}n!==void 0&&(t[t.length]=r(a[0],n))}}),t[t.length]=r("HeadingPairs",r("vt:vector",r("vt:variant","<vt:lpstr>Worksheets</vt:lpstr>")+r("vt:variant",r("vt:i4",String(e.Worksheets))),{size:2,baseType:"variant"})),t[t.length]=r("TitlesOfParts",r("vt:vector",e.SheetNames?.map(function(a){return"<vt:lpstr>"+Pe(a)+"</vt:lpstr>"}).join(""),{size:e.Worksheets,baseType:"lpstr"})),t.length>2&&(t[t.length]="</Properties>",t[1]=t[1].replace("/>",">")),t.join("")}var v1=/<[^>]+>[^<]*/g;function p1(e,t){var r={},a="",n=e.match(v1);if(n)for(var i=0;i!=n.length;++i){var s=n[i],f=ge(s);switch(f[0]){case"<?xml":break;case"<Properties":break;case"<property":a=Oe(f.name);break;case"</property>":a=null;break;default:if(s.indexOf("<vt:")===0){var c=s.split(">"),o=c[0].slice(4),l=c[1];switch(o){case"lpstr":case"bstr":case"lpwstr":r[a]=Oe(l);break;case"bool":r[a]=Be(l);break;case"i1":case"i2":case"i4":case"i8":case"int":case"uint":r[a]=parseInt(l,10);break;case"r4":case"r8":case"decimal":r[a]=parseFloat(l);break;case"filetime":case"date":r[a]=Ue(l);break;case"cy":case"error":r[a]=Oe(l);break;default:if(o.slice(-1)=="/")break;t.WTF&&typeof console<"u"}}else if(s.slice(0,2)!=="</"){if(t.WTF)throw new Error(s)}}}return r}function qf(e){var t=[qe,ae("Properties",null,{xmlns:ar.CUST_PROPS,"xmlns:vt":ar.vt})];if(!e)return t.join("");var r=1;return Ke(e).forEach(function(n){++r,t[t.length]=ae("property",yl(e[n]),{fmtid:"{D5CDD505-2E9C-101B-9397-08002B2CF9AE}",pid:r,name:Pe(n)})}),t.length>2&&(t[t.length]="</Properties>",t[1]=t[1].replace("/>",">")),t.join("")}var jn={Title:"Title",Subject:"Subject",Author:"Author",Keywords:"Keywords",Comments:"Description",LastAuthor:"LastAuthor",RevNumber:"Revision",Application:"AppName",LastPrinted:"LastPrinted",CreatedDate:"Created",ModifiedDate:"LastSaved",Category:"Category",Manager:"Manager",Company:"Company",AppVersion:"Version",ContentStatus:"ContentStatus",Identifier:"Identifier",Language:"Language"},Dn;function m1(e,t,r){Dn||(Dn=Tn(jn)),t=Dn[t]||t,e[t]=r}function g1(e,t){var r=[];return Ke(jn)?.map(function(a){for(var n=0;n<Hr.length;++n)if(Hr[n][1]==a)return Hr[n];for(n=0;n<Nt.length;++n)if(Nt[n][1]==a)return Nt[n];throw a}).forEach(function(a){if(e[a[1]]!=null){var n=t&&t.Props&&t.Props[a[1]]!=null?t.Props[a[1]]:e[a[1]];switch(a[2]){case"date":n=new Date(n).toISOString().replace(/\.\d*Z/,"Z");break}typeof n=="number"?n=String(n):n===!0||n===!1?n=n?"1":"0":n instanceof Date&&(n=new Date(n).toISOString().replace(/\.\d*Z/,"")),r.push(lr(jn[a[1]]||a[1],n))}}),ae("DocumentProperties",r.join(""),{xmlns:Or.o})}function _1(e,t){var r=["Worksheets","SheetNames"],a="CustomDocumentProperties",n=[];return e&&Ke(e).forEach(function(i){if(Object.prototype.hasOwnProperty.call(e,i)){for(var s=0;s<Hr.length;++s)if(i==Hr[s][1])return;for(s=0;s<Nt.length;++s)if(i==Nt[s][1])return;for(s=0;s<r.length;++s)if(i==r[s])return;var f=e[i],c="string";typeof f=="number"?(c="float",f=String(f)):f===!0||f===!1?(c="boolean",f=f?"1":"0"):f=String(f),n.push(ae(fs(i),f,{"dt:dt":c}))}}),t&&Ke(t).forEach(function(i){if(Object.prototype.hasOwnProperty.call(t,i)&&!(e&&Object.prototype.hasOwnProperty.call(e,i))){var s=t[i],f="string";typeof s=="number"?(f="float",s=String(s)):s===!0||s===!1?(f="boolean",s=s?"1":"0"):s instanceof Date?(f="dateTime.tz",s=s.toISOString()):s=String(s),n.push(ae(fs(i),s,{"dt:dt":f}))}}),"<"+a+' xmlns="'+Or.o+'">'+n.join("")+"</"+a+">"}function Si(e){var t=e.read_shift(4),r=e.read_shift(4);return new Date((r/1e7*Math.pow(2,32)+t/1e7-11644473600)*1e3).toISOString().replace(/\.000/,"")}function w1(e){var t=typeof e=="string"?new Date(Date.parse(e)):e,r=t.getTime()/1e3+11644473600,a=r%Math.pow(2,32),n=(r-a)/Math.pow(2,32);a*=1e7,n*=1e7;var i=a/Math.pow(2,32)|0;i>0&&(a=a%Math.pow(2,32),n+=i);var s=X(8);return s.write_shift(4,a),s.write_shift(4,n),s}function Qf(e,t,r){var a=e.l,n=e.read_shift(0,"lpstr-cp");if(r)for(;e.l-a&3;)++e.l;return n}function ec(e,t,r){var a=e.read_shift(0,"lpwstr");return a}function rc(e,t,r){return t===31?ec(e):Qf(e,t,r)}function Jn(e,t,r){return rc(e,t,r===!1?0:4)}function k1(e,t){if(!t)throw new Error("VtUnalignedString must have positive length");return rc(e,t,0)}function T1(e){for(var t=e.read_shift(4),r=[],a=0;a!=t;++a){var n=e.l;r[a]=e.read_shift(0,"lpwstr").replace(Sr,""),e.l-n&2&&(e.l+=2)}return r}function E1(e){for(var t=e.read_shift(4),r=[],a=0;a!=t;++a)r[a]=e.read_shift(0,"lpstr-cp").replace(Sr,"");return r}function S1(e){var t=e.l,r=pn(e,Gf);e[e.l]==0&&e[e.l+1]==0&&e.l-t&2&&(e.l+=2);var a=pn(e,yr);return[r,a]}function y1(e){for(var t=e.read_shift(4),r=[],a=0;a<t/2;++a)r.push(S1(e));return r}function Es(e,t){for(var r=e.read_shift(4),a={},n=0;n!=r;++n){var i=e.read_shift(4),s=e.read_shift(4);a[i]=e.read_shift(s,t===1200?"utf16le":"utf8").replace(Sr,"").replace(pa,"!"),t===1200&&s%2&&(e.l+=2)}return e.l&3&&(e.l=e.l>>3<<2),a}function tc(e){var t=e.read_shift(4),r=e.slice(e.l,e.l+t);return e.l+=t,(t&3)>0&&(e.l+=4-(t&3)&3),r}function x1(e){var t={};return t.Size=e.read_shift(4),e.l+=t.Size+3-(t.Size-1)%4,t}function pn(e,t,r){var a=e.read_shift(2),n,i=r||{};if(e.l+=2,t!==ws&&a!==t&&t1.indexOf(t)===-1&&!((t&65534)==4126&&(a&65534)==4126))throw new Error("Expected type "+t+" saw "+a);switch(t===ws?a:t){case 2:return n=e.read_shift(2,"i"),i.raw||(e.l+=2),n;case 3:return n=e.read_shift(4,"i"),n;case 11:return e.read_shift(4)!==0;case 19:return n=e.read_shift(4),n;case 30:return Qf(e,a,4).replace(Sr,"");case 31:return ec(e);case 64:return Si(e);case 65:return tc(e);case 71:return x1(e);case 80:return Jn(e,a,!i.raw).replace(Sr,"");case 81:return k1(e,a).replace(Sr,"");case 4108:return y1(e);case 4126:case 4127:return a==4127?T1(e):E1(e);default:throw new Error("TypedPropertyValue unrecognized type "+t+" "+a)}}function Ss(e,t){var r=X(4),a=X(4);switch(r.write_shift(4,e==80?31:e),e){case 3:a.write_shift(-4,t);break;case 5:a=X(8),a.write_shift(8,t,"f");break;case 11:a.write_shift(4,t?1:0);break;case 64:a=w1(t);break;case 31:case 80:for(a=X(4+2*(t.length+1)+(t.length%2?0:2)),a.write_shift(4,t.length+1),a.write_shift(0,t,"dbcs");a.l!=a.length;)a.write_shift(1,0);break;default:throw new Error("TypedPropertyValue unrecognized type "+e+" "+t)}return sr([r,a])}function ys(e,t){var r=e.l,a=e.read_shift(4),n=e.read_shift(4),i=[],s=0,f=0,c=-1,o={};for(s=0;s!=n;++s){var l=e.read_shift(4),h=e.read_shift(4);i[s]=[l,h+r]}i.sort(function(A,_){return A[1]-_[1]});var d={};for(s=0;s!=n;++s){if(e.l!==i[s][1]){var v=!0;if(s>0&&t)switch(t[i[s-1][0]].t){case 2:e.l+2===i[s][1]&&(e.l+=2,v=!1);break;case 80:e.l<=i[s][1]&&(e.l=i[s][1],v=!1);break;case 4108:e.l<=i[s][1]&&(e.l=i[s][1],v=!1);break}if((!t||s==0)&&e.l<=i[s][1]&&(v=!1,e.l=i[s][1]),v)throw new Error("Read Error: Expected address "+i[s][1]+" at "+e.l+" :"+s)}if(t){var p=t[i[s][0]];if(d[p.n]=pn(e,p.t,{raw:!0}),p.p==="version"&&(d[p.n]=String(d[p.n]>>16)+"."+("0000"+String(d[p.n]&65535)).slice(-4)),p.n=="CodePage")switch(d[p.n]){case 0:d[p.n]=1252;case 874:case 932:case 936:case 949:case 950:case 1250:case 1251:case 1253:case 1254:case 1255:case 1256:case 1257:case 1258:case 1e4:case 1200:case 1201:case 1252:case 65e3:case-536:case 65001:case-535:zr(f=d[p.n]>>>0&65535);break;default:throw new Error("Unsupported CodePage: "+d[p.n])}}else if(i[s][0]===1){if(f=d.CodePage=pn(e,Ti),zr(f),c!==-1){var u=e.l;e.l=i[c][1],o=Es(e,f),e.l=u}}else if(i[s][0]===0){if(f===0){c=s,e.l=i[s+1][1];continue}o=Es(e,f)}else{var m=o[i[s][0]],T;switch(e[e.l]){case 65:e.l+=4,T=tc(e);break;case 30:e.l+=4,T=Jn(e,e[e.l-4]).replace(/\u0000+$/,"");break;case 31:e.l+=4,T=Jn(e,e[e.l-4]).replace(/\u0000+$/,"");break;case 3:e.l+=4,T=e.read_shift(4,"i");break;case 19:e.l+=4,T=e.read_shift(4);break;case 5:e.l+=4,T=e.read_shift(8,"f");break;case 11:e.l+=4,T=Je(e,4);break;case 64:e.l+=4,T=Ue(Si(e));break;default:throw new Error("unparsed value: "+e[e.l])}d[m]=T}}return e.l=r+a,d}var ac=["CodePage","Thumbnail","_PID_LINKBASE","_PID_HLINKS","SystemIdentifier","FMTID"];function A1(e){switch(typeof e){case"boolean":return 11;case"number":return(e|0)==e?3:5;case"string":return 31;case"object":if(e instanceof Date)return 64;break}return-1}function xs(e,t,r){var a=X(8),n=[],i=[],s=8,f=0,c=X(8),o=X(8);if(c.write_shift(4,2),c.write_shift(4,1200),o.write_shift(4,1),i.push(c),n.push(o),s+=8+c.length,!t){o=X(8),o.write_shift(4,0),n.unshift(o);var l=[X(4)];for(l[0].write_shift(4,e.length),f=0;f<e.length;++f){var h=e[f][0];for(c=X(8+2*(h.length+1)+(h.length%2?0:2)),c.write_shift(4,f+2),c.write_shift(4,h.length+1),c.write_shift(0,h,"dbcs");c.l!=c.length;)c.write_shift(1,0);l.push(c)}c=sr(l),i.unshift(c),s+=8+c.length}for(f=0;f<e.length;++f)if(!(t&&!t[e[f][0]])&&!(ac.indexOf(e[f][0])>-1||jf.indexOf(e[f][0])>-1)&&e[f][1]!=null){var d=e[f][1],v=0;if(t){v=+t[e[f][0]];var p=r[v];if(p.p=="version"&&typeof d=="string"){var u=d.split(".");d=(+u[0]<<16)+(+u[1]||0)}c=Ss(p.t,d)}else{var m=A1(d);m==-1&&(m=31,d=String(d)),c=Ss(m,d)}i.push(c),o=X(8),o.write_shift(4,t?v:2+f),n.push(o),s+=8+c.length}var T=8*(i.length+1);for(f=0;f<i.length;++f)n[f].write_shift(4,T),T+=i[f].length;return a.write_shift(4,s),a.write_shift(4,i.length),sr([a].concat(n).concat(i))}function As(e,t,r){var a=e.content;if(!a)return{};or(a,0);var n,i,s,f,c=0;a.chk("feff","Byte Order: "),a.read_shift(2);var o=a.read_shift(4),l=a.read_shift(16);if(l!==de.utils.consts.HEADER_CLSID&&l!==r)throw new Error("Bad PropertySet CLSID "+l);if(n=a.read_shift(4),n!==1&&n!==2)throw new Error("Unrecognized #Sets: "+n);if(i=a.read_shift(16),f=a.read_shift(4),n===1&&f!==a.l)throw new Error("Length mismatch: "+f+" !== "+a.l);n===2&&(s=a.read_shift(16),c=a.read_shift(4));var h=ys(a,t),d={SystemIdentifier:o};for(var v in h)d[v]=h[v];if(d.FMTID=i,n===1)return d;if(c-a.l==2&&(a.l+=2),a.l!==c)throw new Error("Length mismatch 2: "+a.l+" !== "+c);var p;try{p=ys(a,null)}catch{}for(v in p)d[v]=p[v];return d.FMTID=[i,s],d}function Cs(e,t,r,a,n,i){var s=X(n?68:48),f=[s];s.write_shift(2,65534),s.write_shift(2,0),s.write_shift(4,842412599),s.write_shift(16,de.utils.consts.HEADER_CLSID,"hex"),s.write_shift(4,n?2:1),s.write_shift(16,t,"hex"),s.write_shift(4,n?68:48);var c=xs(e,r,a);if(f.push(c),n){var o=xs(n,null,null);s.write_shift(16,i,"hex"),s.write_shift(4,68+c.length),f.push(o)}return sr(f)}function mt(e,t){return e.read_shift(t),null}function C1(e,t){t||(t=X(e));for(var r=0;r<e;++r)t.write_shift(1,0);return t}function O1(e,t,r){for(var a=[],n=e.l+t;e.l<n;)a.push(r(e,n-e.l));if(n!==e.l)throw new Error("Slurp error");return a}function Je(e,t){return e.read_shift(t)===1}function Er(e,t){return t||(t=X(2)),t.write_shift(2,+!!e),t}function rr(e){return e.read_shift(2,"u")}function Wr(e,t){return t||(t=X(2)),t.write_shift(2,e),t}function nc(e,t){return O1(e,t,rr)}function I1(e){var t=e.read_shift(1),r=e.read_shift(1);return r===1?t:t===1}function ic(e,t,r){return r||(r=X(2)),r.write_shift(1,t=="e"?+e:+!!e),r.write_shift(1,t=="e"?1:0),r}function Ha(e,t,r){var a=e.read_shift(r&&r.biff>=12?2:1),n="sbcs-cont";if(r&&r.biff>=8,!r||r.biff==8){var i=e.read_shift(1);i&&(n="dbcs-cont")}else r.biff==12&&(n="wstr");r.biff>=2&&r.biff<=5&&(n="cpstr");var s=a?e.read_shift(a,n):"";return s}function R1(e){var t=e.read_shift(2),r=e.read_shift(1),a=r&4,n=r&8,i=1+(r&1),s=0,f,c={};n&&(s=e.read_shift(2)),a&&(f=e.read_shift(4));var o=i==2?"dbcs-cont":"sbcs-cont",l=t===0?"":e.read_shift(t,o);return n&&(e.l+=4*s),a&&(e.l+=f),c.t=l,n||(c.raw="<t>"+c.t+"</t>",c.r=c.t),c}function N1(e){var t=e.t||"",r=X(3);r.write_shift(2,t.length),r.write_shift(1,1);var a=X(2*t.length);a.write_shift(2*t.length,t,"utf16le");var n=[r,a];return sr(n)}function Mt(e,t,r){var a;if(r){if(r.biff>=2&&r.biff<=5)return e.read_shift(t,"cpstr");if(r.biff>=12)return e.read_shift(t,"dbcs-cont")}var n=e.read_shift(1);return n===0?a=e.read_shift(t,"sbcs-cont"):a=e.read_shift(t,"dbcs-cont"),a}function Va(e,t,r){var a=e.read_shift(r&&r.biff==2?1:2);return a===0?(e.l++,""):Mt(e,a,r)}function zt(e,t,r){if(r.biff>5)return Va(e,t,r);var a=e.read_shift(1);return a===0?(e.l++,""):e.read_shift(a,r.biff<=4||!e.lens?"cpstr":"sbcs-cont")}function sc(e,t,r){return r||(r=X(3+2*e.length)),r.write_shift(2,e.length),r.write_shift(1,1),r.write_shift(31,e,"utf16le"),r}function F1(e){var t=e.read_shift(1);e.l++;var r=e.read_shift(2);return e.l+=2,[t,r]}function P1(e){var t=e.read_shift(4),r=e.l,a=!1;t>24&&(e.l+=t-24,e.read_shift(16)==="795881f43b1d7f48af2c825dc4852763"&&(a=!0),e.l=r);var n=e.read_shift((a?t-24:t)>>1,"utf16le").replace(Sr,"");return a&&(e.l+=24),n}function D1(e){for(var t=e.read_shift(2),r="";t-- >0;)r+="../";var a=e.read_shift(0,"lpstr-ansi");if(e.l+=2,e.read_shift(2)!=57005)throw new Error("Bad FileMoniker");var n=e.read_shift(4);if(n===0)return r+a.replace(/\\/g,"/");var i=e.read_shift(4);if(e.read_shift(2)!=3)throw new Error("Bad FileMoniker");var s=e.read_shift(i>>1,"utf16le").replace(Sr,"");return r+s}function L1(e,t){var r=e.read_shift(16);switch(r){case"e0c9ea79f9bace118c8200aa004ba90b":return P1(e);case"0303000000000000c000000000000046":return D1(e);default:throw new Error("Unsupported Moniker "+r)}}function Qa(e){var t=e.read_shift(4),r=t>0?e.read_shift(t,"utf16le").replace(Sr,""):"";return r}function Os(e,t){t||(t=X(6+e.length*2)),t.write_shift(4,1+e.length);for(var r=0;r<e.length;++r)t.write_shift(2,e.charCodeAt(r));return t.write_shift(2,0),t}function b1(e,t){var r=e.l+t,a=e.read_shift(4);if(a!==2)throw new Error("Unrecognized streamVersion: "+a);var n=e.read_shift(2);e.l+=2;var i,s,f,c,o="",l,h;n&16&&(i=Qa(e,r-e.l)),n&128&&(s=Qa(e,r-e.l)),(n&257)===257&&(f=Qa(e,r-e.l)),(n&257)===1&&(c=L1(e,r-e.l)),n&8&&(o=Qa(e,r-e.l)),n&32&&(l=e.read_shift(16)),n&64&&(h=Si(e)),e.l=r;var d=s||f||c||"";d&&o&&(d+="#"+o),d||(d="#"+o),n&2&&d.charAt(0)=="/"&&d.charAt(1)!="/"&&(d="file://"+d);var v={Target:d};return l&&(v.guid=l),h&&(v.time=h),i&&(v.Tooltip=i),v}function M1(e){var t=X(512),r=0,a=e.Target;a.slice(0,7)=="file://"&&(a=a.slice(7));var n=a.indexOf("#"),i=n>-1?31:23;switch(a.charAt(0)){case"#":i=28;break;case".":i&=-3;break}t.write_shift(4,2),t.write_shift(4,i);var s=[8,6815827,6619237,4849780,83];for(r=0;r<s.length;++r)t.write_shift(4,s[r]);if(i==28)a=a.slice(1),Os(a,t);else if(i&2){for(s="e0 c9 ea 79 f9 ba ce 11 8c 82 00 aa 00 4b a9 0b".split(" "),r=0;r<s.length;++r)t.write_shift(1,parseInt(s[r],16));var f=n>-1?a.slice(0,n):a;for(t.write_shift(4,2*(f.length+1)),r=0;r<f.length;++r)t.write_shift(2,f.charCodeAt(r));t.write_shift(2,0),i&8&&Os(n>-1?a.slice(n+1):"",t)}else{for(s="03 03 00 00 00 00 00 00 c0 00 00 00 00 00 00 46".split(" "),r=0;r<s.length;++r)t.write_shift(1,parseInt(s[r],16));for(var c=0;a.slice(c*3,c*3+3)=="../"||a.slice(c*3,c*3+3)=="..\\";)++c;for(t.write_shift(2,c),t.write_shift(4,a.length-3*c+1),r=0;r<a.length-3*c;++r)t.write_shift(1,a.charCodeAt(r+3*c)&255);for(t.write_shift(1,0),t.write_shift(2,65535),t.write_shift(2,57005),r=0;r<6;++r)t.write_shift(4,0)}return t.slice(0,t.l)}function fc(e){var t=e.read_shift(1),r=e.read_shift(1),a=e.read_shift(1),n=e.read_shift(1);return[t,r,a,n]}function cc(e,t){var r=fc(e);return r[3]=0,r}function tt(e){var t=e.read_shift(2),r=e.read_shift(2),a=e.read_shift(2);return{r:t,c:r,ixfe:a}}function Bt(e,t,r,a){return a||(a=X(6)),a.write_shift(2,e),a.write_shift(2,t),a.write_shift(2,r||0),a}function B1(e){var t=e.read_shift(2),r=e.read_shift(2);return e.l+=8,{type:t,flags:r}}function U1(e,t,r){return t===0?"":zt(e,t,r)}function W1(e,t,r){var a=r.biff>8?4:2,n=e.read_shift(a),i=e.read_shift(a,"i"),s=e.read_shift(a,"i");return[n,i,s]}function oc(e){var t=e.read_shift(2),r=ki(e);return[t,r]}function H1(e,t,r){e.l+=4,t-=4;var a=e.l+t,n=Ha(e,t,r),i=e.read_shift(2);if(a-=e.l,i!==a)throw new Error("Malformed AddinUdf: padding = "+a+" != "+i);return e.l+=i,n}function yn(e){var t=e.read_shift(2),r=e.read_shift(2),a=e.read_shift(2),n=e.read_shift(2);return{s:{c:a,r:t},e:{c:n,r}}}function lc(e,t){return t||(t=X(8)),t.write_shift(2,e.s.r),t.write_shift(2,e.e.r),t.write_shift(2,e.s.c),t.write_shift(2,e.e.c),t}function hc(e){var t=e.read_shift(2),r=e.read_shift(2),a=e.read_shift(1),n=e.read_shift(1);return{s:{c:a,r:t},e:{c:n,r}}}var V1=hc;function uc(e){e.l+=4;var t=e.read_shift(2),r=e.read_shift(2),a=e.read_shift(2);return e.l+=12,[r,t,a]}function G1(e){var t={};return e.l+=4,e.l+=16,t.fSharedNote=e.read_shift(2),e.l+=4,t}function X1(e){var t={};return e.l+=4,e.cf=e.read_shift(2),t}function ur(e){e.l+=2,e.l+=e.read_shift(2)}var z1={0:ur,4:ur,5:ur,6:ur,7:X1,8:ur,9:ur,10:ur,11:ur,12:ur,13:G1,14:ur,15:ur,16:ur,17:ur,18:ur,19:ur,20:ur,21:uc};function $1(e,t){for(var r=e.l+t,a=[];e.l<r;){var n=e.read_shift(2);e.l-=2;try{a.push(z1[n](e,r-e.l))}catch{return e.l=r,a}}return e.l!=r&&(e.l=r),a}function en(e,t){var r={BIFFVer:0,dt:0};switch(r.BIFFVer=e.read_shift(2),t-=2,t>=2&&(r.dt=e.read_shift(2),e.l-=2),r.BIFFVer){case 1536:case 1280:case 1024:case 768:case 512:case 2:case 7:break;default:if(t>6)throw new Error("Unexpected BIFF Ver "+r.BIFFVer)}return e.read_shift(t),r}function yi(e,t,r){var a=1536,n=16;switch(r.bookType){case"biff8":break;case"biff5":a=1280,n=8;break;case"biff4":a=4,n=6;break;case"biff3":a=3,n=6;break;case"biff2":a=2,n=4;break;case"xla":break;default:throw new Error("unsupported BIFF version")}var i=X(n);return i.write_shift(2,a),i.write_shift(2,t),n>4&&i.write_shift(2,29282),n>6&&i.write_shift(2,1997),n>8&&(i.write_shift(2,49161),i.write_shift(2,1),i.write_shift(2,1798),i.write_shift(2,0)),i}function K1(e,t){return t===0||e.read_shift(2),1200}function Y1(e,t,r){if(r.enc)return e.l+=t,"";var a=e.l,n=zt(e,0,r);return e.read_shift(t+a-e.l),n}function j1(e,t){var r=!t||t.biff==8,a=X(r?112:54);for(a.write_shift(t.biff==8?2:1,7),r&&a.write_shift(1,0),a.write_shift(4,859007059),a.write_shift(4,5458548|(r?0:536870912));a.l<a.length;)a.write_shift(1,r?0:32);return a}function J1(e,t,r){var a=r&&r.biff==8||t==2?e.read_shift(2):(e.l+=t,0);return{fDialog:a&16,fBelow:a&64,fRight:a&128}}function Z1(e,t,r){var a=e.read_shift(4),n=e.read_shift(1)&3,i=e.read_shift(1);switch(i){case 0:i="Worksheet";break;case 1:i="Macrosheet";break;case 2:i="Chartsheet";break;case 6:i="VBAModule";break}var s=Ha(e,0,r);return s.length===0&&(s="Sheet1"),{pos:a,hs:n,dt:i,name:s}}function q1(e,t){var r=!t||t.biff>=8?2:1,a=X(8+r*e.name.length);a.write_shift(4,e.pos),a.write_shift(1,e.hs||0),a.write_shift(1,e.dt),a.write_shift(1,e.name.length),t.biff>=8&&a.write_shift(1,1),a.write_shift(r*e.name.length,e.name,t.biff<8?"sbcs":"utf16le");var n=a.slice(0,a.l);return n.l=a.l,n}function Q1(e,t){for(var r=e.l+t,a=e.read_shift(4),n=e.read_shift(4),i=[],s=0;s!=n&&e.l<r;++s)i.push(R1(e));return i.Count=a,i.Unique=n,i}function eh(e,t){var r=X(8);r.write_shift(4,e.Count),r.write_shift(4,e.Unique);for(var a=[],n=0;n<e.length;++n)a[n]=N1(e[n]);var i=sr([r].concat(a));return i.parts=[r.length].concat(a?.map(function(s){return s.length})),i}function rh(e,t){var r={};return r.dsst=e.read_shift(2),e.l+=t-2,r}function th(e){var t={};t.r=e.read_shift(2),t.c=e.read_shift(2),t.cnt=e.read_shift(2)-t.c;var r=e.read_shift(2);e.l+=4;var a=e.read_shift(1);return e.l+=3,a&7&&(t.level=a&7),a&32&&(t.hidden=!0),a&64&&(t.hpt=r/20),t}function ah(e){var t=B1(e);if(t.type!=2211)throw new Error("Invalid Future Record "+t.type);var r=e.read_shift(4);return r!==0}function nh(e){return e.read_shift(2),e.read_shift(4)}function Is(e,t,r){var a=0;r&&r.biff==2||(a=e.read_shift(2));var n=e.read_shift(2);r&&r.biff==2&&(a=1-(n>>15),n&=32767);var i={Unsynced:a&1,DyZero:(a&2)>>1,ExAsc:(a&4)>>2,ExDsc:(a&8)>>3};return[i,n]}function ih(e){var t=e.read_shift(2),r=e.read_shift(2),a=e.read_shift(2),n=e.read_shift(2),i=e.read_shift(2),s=e.read_shift(2),f=e.read_shift(2),c=e.read_shift(2),o=e.read_shift(2);return{Pos:[t,r],Dim:[a,n],Flags:i,CurTab:s,FirstTab:f,Selected:c,TabRatio:o}}function sh(){var e=X(18);return e.write_shift(2,0),e.write_shift(2,0),e.write_shift(2,29280),e.write_shift(2,17600),e.write_shift(2,56),e.write_shift(2,0),e.write_shift(2,0),e.write_shift(2,1),e.write_shift(2,500),e}function fh(e,t,r){if(r&&r.biff>=2&&r.biff<5)return{};var a=e.read_shift(2);return{RTL:a&64}}function ch(e){var t=X(18),r=1718;return e&&e.RTL&&(r|=64),t.write_shift(2,r),t.write_shift(4,0),t.write_shift(4,64),t.write_shift(4,0),t.write_shift(4,0),t}function oh(){}function lh(e,t,r){var a={dyHeight:e.read_shift(2),fl:e.read_shift(2)};switch(r&&r.biff||8){case 2:break;case 3:case 4:e.l+=2;break;default:e.l+=10;break}return a.name=Ha(e,0,r),a}function hh(e,t){var r=e.name||"Arial",a=t&&t.biff==5,n=a?15+r.length:16+2*r.length,i=X(n);return i.write_shift(2,e.sz*20),i.write_shift(4,0),i.write_shift(2,400),i.write_shift(4,0),i.write_shift(2,0),i.write_shift(1,r.length),a||i.write_shift(1,1),i.write_shift((a?1:2)*r.length,r,a?"sbcs":"utf16le"),i}function uh(e){var t=tt(e);return t.isst=e.read_shift(4),t}function dh(e,t,r,a){var n=X(10);return Bt(e,t,a,n),n.write_shift(4,r),n}function vh(e,t,r){r.biffguess&&r.biff==2&&(r.biff=5);var a=e.l+t,n=tt(e);r.biff==2&&e.l++;var i=Va(e,a-e.l,r);return n.val=i,n}function ph(e,t,r,a,n){var i=!n||n.biff==8,s=X(8+ +i+(1+i)*r.length);return Bt(e,t,a,s),s.write_shift(2,r.length),i&&s.write_shift(1,1),s.write_shift((1+i)*r.length,r,i?"utf16le":"sbcs"),s}function mh(e,t,r){var a=e.read_shift(2),n=zt(e,0,r);return[a,n]}function gh(e,t,r,a){var n=r&&r.biff==5;a||(a=X(n?3+t.length:5+2*t.length)),a.write_shift(2,e),a.write_shift(n?1:2,t.length),n||a.write_shift(1,1),a.write_shift((n?1:2)*t.length,t,n?"sbcs":"utf16le");var i=a.length>a.l?a.slice(0,a.l):a;return i.l==null&&(i.l=i.length),i}var _h=zt;function Rs(e,t,r){var a=e.l+t,n=r.biff==8||!r.biff?4:2,i=e.read_shift(n),s=e.read_shift(n),f=e.read_shift(2),c=e.read_shift(2);return e.l=a,{s:{r:i,c:f},e:{r:s,c}}}function wh(e,t){var r=t.biff==8||!t.biff?4:2,a=X(2*r+6);return a.write_shift(r,e.s.r),a.write_shift(r,e.e.r+1),a.write_shift(2,e.s.c),a.write_shift(2,e.e.c+1),a.write_shift(2,0),a}function kh(e){var t=e.read_shift(2),r=e.read_shift(2),a=oc(e);return{r:t,c:r,ixfe:a[0],rknum:a[1]}}function Th(e,t){for(var r=e.l+t-2,a=e.read_shift(2),n=e.read_shift(2),i=[];e.l<r;)i.push(oc(e));if(e.l!==r)throw new Error("MulRK read error");var s=e.read_shift(2);if(i.length!=s-n+1)throw new Error("MulRK length mismatch");return{r:a,c:n,C:s,rkrec:i}}function Eh(e,t){for(var r=e.l+t-2,a=e.read_shift(2),n=e.read_shift(2),i=[];e.l<r;)i.push(e.read_shift(2));if(e.l!==r)throw new Error("MulBlank read error");var s=e.read_shift(2);if(i.length!=s-n+1)throw new Error("MulBlank length mismatch");return{r:a,c:n,C:s,ixfe:i}}function Sh(e,t,r,a){var n={},i=e.read_shift(4),s=e.read_shift(4),f=e.read_shift(4),c=e.read_shift(2);return n.patternType=a1[f>>26],a.cellStyles&&(n.alc=i&7,n.fWrap=i>>3&1,n.alcV=i>>4&7,n.fJustLast=i>>7&1,n.trot=i>>8&255,n.cIndent=i>>16&15,n.fShrinkToFit=i>>20&1,n.iReadOrder=i>>22&2,n.fAtrNum=i>>26&1,n.fAtrFnt=i>>27&1,n.fAtrAlc=i>>28&1,n.fAtrBdr=i>>29&1,n.fAtrPat=i>>30&1,n.fAtrProt=i>>31&1,n.dgLeft=s&15,n.dgRight=s>>4&15,n.dgTop=s>>8&15,n.dgBottom=s>>12&15,n.icvLeft=s>>16&127,n.icvRight=s>>23&127,n.grbitDiag=s>>30&3,n.icvTop=f&127,n.icvBottom=f>>7&127,n.icvDiag=f>>14&127,n.dgDiag=f>>21&15,n.icvFore=c&127,n.icvBack=c>>7&127,n.fsxButton=c>>14&1),n}function yh(e,t,r){var a={};return a.ifnt=e.read_shift(2),a.numFmtId=e.read_shift(2),a.flags=e.read_shift(2),a.fStyle=a.flags>>2&1,t-=6,a.data=Sh(e,t,a.fStyle,r),a}function Ns(e,t,r,a){var n=r&&r.biff==5;a||(a=X(n?16:20)),a.write_shift(2,0),e.style?(a.write_shift(2,e.numFmtId||0),a.write_shift(2,65524)):(a.write_shift(2,e.numFmtId||0),a.write_shift(2,t<<4));var i=0;return e.numFmtId>0&&n&&(i|=1024),a.write_shift(4,i),a.write_shift(4,0),n||a.write_shift(4,0),a.write_shift(2,0),a}function xh(e){e.l+=4;var t=[e.read_shift(2),e.read_shift(2)];if(t[0]!==0&&t[0]--,t[1]!==0&&t[1]--,t[0]>7||t[1]>7)throw new Error("Bad Gutters: "+t.join("|"));return t}function Ah(e){var t=X(8);return t.write_shift(4,0),t.write_shift(2,0),t.write_shift(2,0),t}function Fs(e,t,r){var a=tt(e);(r.biff==2||t==9)&&++e.l;var n=I1(e);return a.val=n,a.t=n===!0||n===!1?"b":"e",a}function Ch(e,t,r,a,n,i){var s=X(8);return Bt(e,t,a,s),ic(r,i,s),s}function Oh(e,t,r){r.biffguess&&r.biff==2&&(r.biff=5);var a=tt(e),n=mr(e);return a.val=n,a}function Ih(e,t,r,a){var n=X(14);return Bt(e,t,a,n),bt(r,n),n}var Ps=U1;function Rh(e,t,r){var a=e.l+t,n=e.read_shift(2),i=e.read_shift(2);if(r.sbcch=i,i==1025||i==14849)return[i,n];if(i<1||i>255)throw new Error("Unexpected SupBook type: "+i);for(var s=Mt(e,i),f=[];a>e.l;)f.push(Va(e));return[i,n,s,f]}function Ds(e,t,r){var a=e.read_shift(2),n,i={fBuiltIn:a&1,fWantAdvise:a>>>1&1,fWantPict:a>>>2&1,fOle:a>>>3&1,fOleLink:a>>>4&1,cf:a>>>5&1023,fIcon:a>>>15&1};return r.sbcch===14849&&(n=H1(e,t-2,r)),i.body=n||e.read_shift(t-2),typeof n=="string"&&(i.Name=n),i}var Nh=["_xlnm.Consolidate_Area","_xlnm.Auto_Open","_xlnm.Auto_Close","_xlnm.Extract","_xlnm.Database","_xlnm.Criteria","_xlnm.Print_Area","_xlnm.Print_Titles","_xlnm.Recorder","_xlnm.Data_Form","_xlnm.Auto_Activate","_xlnm.Auto_Deactivate","_xlnm.Sheet_Title","_xlnm._FilterDatabase"];function Ls(e,t,r){var a=e.l+t,n=e.read_shift(2),i=e.read_shift(1),s=e.read_shift(1),f=e.read_shift(r&&r.biff==2?1:2),c=0;(!r||r.biff>=5)&&(r.biff!=5&&(e.l+=2),c=e.read_shift(2),r.biff==5&&(e.l+=2),e.l+=4);var o=Mt(e,s,r);n&32&&(o=Nh[o.charCodeAt(0)]);var l=a-e.l;r&&r.biff==2&&--l;var h=a==e.l||f===0||!(l>0)?[]:$d(e,l,r,f);return{chKey:i,Name:o,itab:c,rgce:h}}function dc(e,t,r){if(r.biff<8)return Fh(e,t,r);for(var a=[],n=e.l+t,i=e.read_shift(r.biff>8?4:2);i--!==0;)a.push(W1(e,r.biff>8?12:6,r));if(e.l!=n)throw new Error("Bad ExternSheet: "+e.l+" != "+n);return a}function Fh(e,t,r){e[e.l+1]==3&&e[e.l]++;var a=Ha(e,t,r);return a.charCodeAt(0)==3?a.slice(1):a}function Ph(e,t,r){if(r.biff<8){e.l+=t;return}var a=e.read_shift(2),n=e.read_shift(2),i=Mt(e,a,r),s=Mt(e,n,r);return[i,s]}function Dh(e,t,r){var a=hc(e);e.l++;var n=e.read_shift(1);return t-=8,[Kd(e,t,r),n,a]}function bs(e,t,r){var a=V1(e);switch(r.biff){case 2:e.l++,t-=7;break;case 3:case 4:e.l+=2,t-=8;break;default:e.l+=6,t-=12}return[a,Xd(e,t,r)]}function Lh(e){var t=e.read_shift(4)!==0,r=e.read_shift(4)!==0,a=e.read_shift(4);return[t,r,a]}function bh(e,t,r){if(!(r.biff<8)){var a=e.read_shift(2),n=e.read_shift(2),i=e.read_shift(2),s=e.read_shift(2),f=zt(e,0,r);return r.biff<8&&e.read_shift(1),[{r:a,c:n},f,s,i]}}function Mh(e,t,r){return bh(e,t,r)}function Bh(e,t){for(var r=[],a=e.read_shift(2);a--;)r.push(yn(e));return r}function Uh(e){var t=X(2+e.length*8);t.write_shift(2,e.length);for(var r=0;r<e.length;++r)lc(e[r],t);return t}function Wh(e,t,r){if(r&&r.biff<8)return Vh(e,t,r);var a=uc(e),n=$1(e,t-22,a[1]);return{cmo:a,ft:n}}var Hh={8:function(e,t){var r=e.l+t;e.l+=10;var a=e.read_shift(2);e.l+=4,e.l+=2,e.l+=2,e.l+=2,e.l+=4;var n=e.read_shift(1);return e.l+=n,e.l=r,{fmt:a}}};function Vh(e,t,r){e.l+=4;var a=e.read_shift(2),n=e.read_shift(2),i=e.read_shift(2);e.l+=2,e.l+=2,e.l+=2,e.l+=2,e.l+=2,e.l+=2,e.l+=2,e.l+=2,e.l+=2,e.l+=6,t-=36;var s=[];return s.push((Hh[a]||_r)(e,t,r)),{cmo:[n,a,i],ft:s}}function Gh(e,t,r){var a=e.l,n="";try{e.l+=4;var i=(r.lastobj||{cmo:[0,0]}).cmo[1],s;[0,5,7,11,12,14].indexOf(i)==-1?e.l+=6:s=F1(e,6,r);var f=e.read_shift(2);e.read_shift(2),rr(e,2);var c=e.read_shift(2);e.l+=c;for(var o=1;o<e.lens.length-1;++o){if(e.l-a!=e.lens[o])throw new Error("TxO: bad continue record");var l=e[e.l],h=Mt(e,e.lens[o+1]-e.lens[o]-1);if(n+=h,n.length>=(l?f:2*f))break}if(n.length!==f&&n.length!==f*2)throw new Error("cchText: "+f+" != "+n.length);return e.l=a+t,{t:n}}catch{return e.l=a+t,{t:n}}}function Xh(e,t){var r=yn(e);e.l+=16;var a=b1(e,t-24);return[r,a]}function zh(e){var t=X(24),r=Xe(e[0]);t.write_shift(2,r.r),t.write_shift(2,r.r),t.write_shift(2,r.c),t.write_shift(2,r.c);for(var a="d0 c9 ea 79 f9 ba ce 11 8c 82 00 aa 00 4b a9 0b".split(" "),n=0;n<16;++n)t.write_shift(1,parseInt(a[n],16));return sr([t,M1(e[1])])}function $h(e,t){e.read_shift(2);var r=yn(e),a=e.read_shift((t-10)/2,"dbcs-cont");return a=a.replace(Sr,""),[r,a]}function Kh(e){var t=e[1].Tooltip,r=X(10+2*(t.length+1));r.write_shift(2,2048);var a=Xe(e[0]);r.write_shift(2,a.r),r.write_shift(2,a.r),r.write_shift(2,a.c),r.write_shift(2,a.c);for(var n=0;n<t.length;++n)r.write_shift(2,t.charCodeAt(n));return r.write_shift(2,0),r}function Yh(e){var t=[0,0],r;return r=e.read_shift(2),t[0]=ks[r]||r,r=e.read_shift(2),t[1]=ks[r]||r,t}function jh(e){return e||(e=X(4)),e.write_shift(2,1),e.write_shift(2,1),e}function Jh(e){for(var t=e.read_shift(2),r=[];t-- >0;)r.push(cc(e));return r}function Zh(e){for(var t=e.read_shift(2),r=[];t-- >0;)r.push(cc(e));return r}function qh(e){e.l+=2;var t={cxfs:0,crc:0};return t.cxfs=e.read_shift(2),t.crc=e.read_shift(4),t}function vc(e,t,r){if(!r.cellStyles)return _r(e,t);var a=r&&r.biff>=12?4:2,n=e.read_shift(a),i=e.read_shift(a),s=e.read_shift(a),f=e.read_shift(a),c=e.read_shift(2);a==2&&(e.l+=2);var o={s:n,e:i,w:s,ixfe:f,flags:c};return(r.biff>=5||!r.biff)&&(o.level=c>>8&7),o}function Qh(e,t){var r=X(12);r.write_shift(2,t),r.write_shift(2,t),r.write_shift(2,e.width*256),r.write_shift(2,0);var a=0;return e.hidden&&(a|=1),r.write_shift(1,a),a=e.level||0,r.write_shift(1,a),r.write_shift(2,0),r}function eu(e,t){var r={};return t<32||(e.l+=16,r.header=mr(e),r.footer=mr(e),e.l+=2),r}function ru(e,t,r){var a={area:!1};if(r.biff!=5)return e.l+=t,a;var n=e.read_shift(1);return e.l+=3,n&16&&(a.area=!0),a}function tu(e){for(var t=X(2*e),r=0;r<e;++r)t.write_shift(2,r+1);return t}var au=tt,nu=nc,iu=Va;function su(e){var t=e.read_shift(2),r=e.read_shift(2),a=e.read_shift(4),n={fmt:t,env:r,len:a,data:e.slice(e.l,e.l+a)};return e.l+=a,n}function fu(e,t,r){r.biffguess&&r.biff==5&&(r.biff=2);var a=tt(e);++e.l;var n=zt(e,t-7,r);return a.t="str",a.val=n,a}function cu(e){var t=tt(e);++e.l;var r=mr(e);return t.t="n",t.val=r,t}function ou(e,t,r){var a=X(15);return $a(a,e,t),a.write_shift(8,r,"f"),a}function lu(e){var t=tt(e);++e.l;var r=e.read_shift(2);return t.t="n",t.val=r,t}function hu(e,t,r){var a=X(9);return $a(a,e,t),a.write_shift(2,r),a}function uu(e){var t=e.read_shift(1);return t===0?(e.l++,""):e.read_shift(t,"sbcs-cont")}function du(e,t){e.l+=6,e.l+=2,e.l+=1,e.l+=3,e.l+=1,e.l+=t-13}function vu(e,t,r){var a=e.l+t,n=tt(e),i=e.read_shift(2),s=Mt(e,i,r);return e.l=a,n.t="str",n.val=s,n}var pu=[2,3,48,49,131,139,140,245],Zn=(function(){var e={1:437,2:850,3:1252,4:1e4,100:852,101:866,102:865,103:861,104:895,105:620,106:737,107:857,120:950,121:949,122:936,123:932,124:874,125:1255,126:1256,150:10007,151:10029,152:10006,200:1250,201:1251,202:1254,203:1253,0:20127,8:865,9:437,10:850,11:437,13:437,14:850,15:437,16:850,17:437,18:850,19:932,20:850,21:437,22:850,23:865,24:437,25:437,26:850,27:437,28:863,29:850,31:852,34:852,35:852,36:860,37:850,38:866,55:850,64:852,77:936,78:949,79:950,80:874,87:1252,88:1252,89:1252,108:863,134:737,135:852,136:857,204:1257,255:16969},t=Tn({1:437,2:850,3:1252,4:1e4,100:852,101:866,102:865,103:861,104:895,105:620,106:737,107:857,120:950,121:949,122:936,123:932,124:874,125:1255,126:1256,150:10007,151:10029,152:10006,200:1250,201:1251,202:1254,203:1253,0:20127});function r(f,c){var o=[],l=wt(1);switch(c.type){case"base64":l=Rr(Fr(f));break;case"binary":l=Rr(f);break;case"buffer":case"array":l=f;break}or(l,0);var h=l.read_shift(1),d=!!(h&136),v=!1,p=!1;switch(h){case 2:break;case 3:break;case 48:v=!0,d=!0;break;case 49:v=!0,d=!0;break;case 131:break;case 139:break;case 140:p=!0;break;case 245:break;default:throw new Error("DBF Unsupported Version: "+h.toString(16))}var u=0,m=521;h==2&&(u=l.read_shift(2)),l.l+=3,h!=2&&(u=l.read_shift(4)),u>1048576&&(u=1e6),h!=2&&(m=l.read_shift(2));var T=l.read_shift(2),A=c.codepage||1252;h!=2&&(l.l+=16,l.read_shift(1),l[l.l]!==0&&(A=e[l[l.l]]),l.l+=1,l.l+=2),p&&(l.l+=36);for(var _=[],F={},D=Math.min(l.length,h==2?521:m-10-(v?264:0)),P=p?32:11;l.l<D&&l[l.l]!=13;)switch(F={},F.name=xa.utils.decode(A,l.slice(l.l,l.l+P)).replace(/[\u0000\r\n].*$/g,""),l.l+=P,F.type=String.fromCharCode(l.read_shift(1)),h!=2&&!p&&(F.offset=l.read_shift(4)),F.len=l.read_shift(1),h==2&&(F.offset=l.read_shift(2)),F.dec=l.read_shift(1),F.name.length&&_.push(F),h!=2&&(l.l+=p?13:14),F.type){case"B":(!v||F.len!=8)&&c.WTF;break;case"G":case"P":c.WTF;break;case"+":case"0":case"@":case"C":case"D":case"F":case"I":case"L":case"M":case"N":case"O":case"T":case"Y":break;default:throw new Error("Unknown Field Type: "+F.type)}if(l[l.l]!==13&&(l.l=m-1),l.read_shift(1)!==13)throw new Error("DBF Terminator not found "+l.l+" "+l[l.l]);l.l=m;var x=0,M=0;for(o[0]=[],M=0;M!=_.length;++M)o[0][M]=_[M].name;for(;u-- >0;){if(l[l.l]===42){l.l+=T;continue}for(++l.l,o[++x]=[],M=0,M=0;M!=_.length;++M){var R=l.slice(l.l,l.l+_[M].len);l.l+=_[M].len,or(R,0);var z=xa.utils.decode(A,R);switch(_[M].type){case"C":z.trim().length&&(o[x][M]=z.replace(/\s+$/,""));break;case"D":z.length===8?o[x][M]=new Date(+z.slice(0,4),+z.slice(4,6)-1,+z.slice(6,8)):o[x][M]=z;break;case"F":o[x][M]=parseFloat(z.trim());break;case"+":case"I":o[x][M]=p?R.read_shift(-4,"i")^2147483648:R.read_shift(4,"i");break;case"L":switch(z.trim().toUpperCase()){case"Y":case"T":o[x][M]=!0;break;case"N":case"F":o[x][M]=!1;break;case"":case"?":break;default:throw new Error("DBF Unrecognized L:|"+z+"|")}break;case"M":if(!d)throw new Error("DBF Unexpected MEMO for type "+h.toString(16));o[x][M]="##MEMO##"+(p?parseInt(z.trim(),10):R.read_shift(4));break;case"N":z=z.replace(/\u0000/g,"").trim(),z&&z!="."&&(o[x][M]=+z||0);break;case"@":o[x][M]=new Date(R.read_shift(-8,"f")-621356832e5);break;case"T":o[x][M]=new Date((R.read_shift(4)-2440588)*864e5+R.read_shift(4));break;case"Y":o[x][M]=R.read_shift(4,"i")/1e4+R.read_shift(4,"i")/1e4*Math.pow(2,32);break;case"O":o[x][M]=-R.read_shift(-8,"f");break;case"B":if(v&&_[M].len==8){o[x][M]=R.read_shift(8,"f");break}case"G":case"P":R.l+=_[M].len;break;case"0":if(_[M].name==="_NullFlags")break;default:throw new Error("DBF Unsupported data type "+_[M].type)}}}if(h!=2&&l.l<l.length&&l[l.l++]!=26)throw new Error("DBF EOF Marker missing "+(l.l-1)+" of "+l.length+" "+l[l.l-1].toString(16));return c&&c.sheetRows&&(o=o.slice(0,c.sheetRows)),c.DBF=_,o}function a(f,c){var o=c||{};o.dateNF||(o.dateNF="yyyymmdd");var l=sa(r(f,o),o);return l["!cols"]=o.DBF?.map(function(h){return{wch:h.len,DBF:h}}),delete o.DBF,l}function n(f,c){try{return yt(a(f,c),c)}catch(o){if(c&&c.WTF)throw o}return{SheetNames:[],Sheets:{}}}var i={B:8,C:250,L:1,D:8,"?":0,"":0};function s(f,c){var o=c||{};if(+o.codepage>=0&&zr(+o.codepage),o.type=="string")throw new Error("Cannot write DBF to JS string");var l=xr(),h=_n(f,{header:1,raw:!0,cellDates:!0}),d=h[0],v=h.slice(1),p=f["!cols"]||[],u=0,m=0,T=0,A=1;for(u=0;u<d.length;++u){if(((p[u]||{}).DBF||{}).name){d[u]=p[u].DBF.name,++T;continue}if(d[u]!=null){if(++T,typeof d[u]=="number"&&(d[u]=d[u].toString(10)),typeof d[u]!="string")throw new Error("DBF Invalid column name "+d[u]+" |"+typeof d[u]+"|");if(d.indexOf(d[u])!==u){for(m=0;m<1024;++m)if(d.indexOf(d[u]+"_"+m)==-1){d[u]+="_"+m;break}}}}var _=Ie(f["!ref"]),F=[],D=[],P=[];for(u=0;u<=_.e.c-_.s.c;++u){var x="",M="",R=0,z=[];for(m=0;m<v.length;++m)v[m][u]!=null&&z.push(v[m][u]);if(z.length==0||d[u]==null){F[u]="?";continue}for(m=0;m<z.length;++m){switch(typeof z[m]){case"number":M="B";break;case"string":M="C";break;case"boolean":M="L";break;case"object":M=z[m]instanceof Date?"D":"C";break;default:M="C"}R=Math.max(R,String(z[m]).length),x=x&&x!=M?"C":M}R>250&&(R=250),M=((p[u]||{}).DBF||{}).type,M=="C"&&p[u].DBF.len>R&&(R=p[u].DBF.len),x=="B"&&M=="N"&&(x="N",P[u]=p[u].DBF.dec,R=p[u].DBF.len),D[u]=x=="C"||M=="N"?R:i[x]||0,A+=D[u],F[u]=x}var G=l.next(32);for(G.write_shift(4,318902576),G.write_shift(4,v.length),G.write_shift(2,296+32*T),G.write_shift(2,A),u=0;u<4;++u)G.write_shift(4,0);for(G.write_shift(4,0|(+t[tf]||3)<<8),u=0,m=0;u<d.length;++u)if(d[u]!=null){var b=l.next(32),J=(d[u].slice(-10)+"\0\0\0\0\0\0\0\0\0\0\0").slice(0,11);b.write_shift(1,J,"sbcs"),b.write_shift(1,F[u]=="?"?"C":F[u],"sbcs"),b.write_shift(4,m),b.write_shift(1,D[u]||i[F[u]]||0),b.write_shift(1,P[u]||0),b.write_shift(1,2),b.write_shift(4,0),b.write_shift(1,0),b.write_shift(4,0),b.write_shift(4,0),m+=D[u]||i[F[u]]||0}var le=l.next(264);for(le.write_shift(4,13),u=0;u<65;++u)le.write_shift(4,0);for(u=0;u<v.length;++u){var ie=l.next(A);for(ie.write_shift(1,0),m=0;m<d.length;++m)if(d[m]!=null)switch(F[m]){case"L":ie.write_shift(1,v[u][m]==null?63:v[u][m]?84:70);break;case"B":ie.write_shift(8,v[u][m]||0,"f");break;case"N":var ue="0";for(typeof v[u][m]=="number"&&(ue=v[u][m].toFixed(P[m]||0)),T=0;T<D[m]-ue.length;++T)ie.write_shift(1,32);ie.write_shift(1,ue,"sbcs");break;case"D":v[u][m]?(ie.write_shift(4,("0000"+v[u][m].getFullYear()).slice(-4),"sbcs"),ie.write_shift(2,("00"+(v[u][m].getMonth()+1)).slice(-2),"sbcs"),ie.write_shift(2,("00"+v[u][m].getDate()).slice(-2),"sbcs")):ie.write_shift(8,"00000000","sbcs");break;case"C":var ce=String(v[u][m]!=null?v[u][m]:"").slice(0,D[m]);for(ie.write_shift(1,ce,"sbcs"),T=0;T<D[m]-ce.length;++T)ie.write_shift(1,32);break}}return l.next(1).write_shift(1,26),l.end()}return{to_workbook:n,to_sheet:a,from_sheet:s}})(),pc=(function(){var e={AA:"À",BA:"Á",CA:"Â",DA:195,HA:"Ä",JA:197,AE:"È",BE:"É",CE:"Ê",HE:"Ë",AI:"Ì",BI:"Í",CI:"Î",HI:"Ï",AO:"Ò",BO:"Ó",CO:"Ô",DO:213,HO:"Ö",AU:"Ù",BU:"Ú",CU:"Û",HU:"Ü",Aa:"à",Ba:"á",Ca:"â",Da:227,Ha:"ä",Ja:229,Ae:"è",Be:"é",Ce:"ê",He:"ë",Ai:"ì",Bi:"í",Ci:"î",Hi:"ï",Ao:"ò",Bo:"ó",Co:"ô",Do:245,Ho:"ö",Au:"ù",Bu:"ú",Cu:"û",Hu:"ü",KC:"Ç",Kc:"ç",q:"æ",z:"œ",a:"Æ",j:"Œ",DN:209,Dn:241,Hy:255,S:169,c:170,R:174,"B ":180,0:176,1:177,2:178,3:179,5:181,6:182,7:183,Q:185,k:186,b:208,i:216,l:222,s:240,y:248,"!":161,'"':162,"#":163,"(":164,"%":165,"'":167,"H ":168,"+":171,";":187,"<":188,"=":189,">":190,"?":191,"{":223},t=new RegExp("\x1BN("+Ke(e).join("|").replace(/\|\|\|/,"|\\||").replace(/([?()+])/g,"\\$1")+"|\\|)","gm"),r=function(d,v){var p=e[v];return typeof p=="number"?Ki(p):p},a=function(d,v,p){var u=v.charCodeAt(0)-32<<4|p.charCodeAt(0)-48;return u==59?d:Ki(u)};e["|"]=254;function n(d,v){switch(v.type){case"base64":return i(Fr(d),v);case"binary":return i(d,v);case"buffer":return i(Se&&Buffer.isBuffer(d)?d.toString("binary"):St(d),v);case"array":return i(Lt(d),v)}throw new Error("Unrecognized type "+v.type)}function i(d,v){var p=d.split(/[\n\r]+/),u=-1,m=-1,T=0,A=0,_=[],F=[],D=null,P={},x=[],M=[],R=[],z=0,G;for(+v.codepage>=0&&zr(+v.codepage);T!==p.length;++T){z=0;var b=p[T].trim().replace(/\x1B([\x20-\x2F])([\x30-\x3F])/g,a).replace(t,r),J=b.replace(/;;/g,"\0").split(";")?.map(function(N){return N.replace(/\u0000/g,";")}),le=J[0],ie;if(b.length>0)switch(le){case"ID":break;case"E":break;case"B":break;case"O":break;case"W":break;case"P":J[1].charAt(0)=="P"&&F.push(b.slice(3).replace(/;;/g,";"));break;case"C":var ue=!1,ce=!1,De=!1,V=!1,ve=-1,_e=-1;for(A=1;A<J.length;++A)switch(J[A].charAt(0)){case"A":break;case"X":m=parseInt(J[A].slice(1))-1,ce=!0;break;case"Y":for(u=parseInt(J[A].slice(1))-1,ce||(m=0),G=_.length;G<=u;++G)_[G]=[];break;case"K":ie=J[A].slice(1),ie.charAt(0)==='"'?ie=ie.slice(1,ie.length-1):ie==="TRUE"?ie=!0:ie==="FALSE"?ie=!1:isNaN(Kr(ie))?isNaN(ra(ie).getDate())||(ie=Ue(ie)):(ie=Kr(ie),D!==null&&na(D)&&(ie=Sn(ie))),ue=!0;break;case"E":V=!0;var O=Qt(J[A].slice(1),{r:u,c:m});_[u][m]=[_[u][m],O];break;case"S":De=!0,_[u][m]=[_[u][m],"S5S"];break;case"G":break;case"R":ve=parseInt(J[A].slice(1))-1;break;case"C":_e=parseInt(J[A].slice(1))-1;break;default:if(v&&v.WTF)throw new Error("SYLK bad record "+b)}if(ue&&(_[u][m]&&_[u][m].length==2?_[u][m][0]=ie:_[u][m]=ie,D=null),De){if(V)throw new Error("SYLK shared formula cannot have own formula");var L=ve>-1&&_[ve][_e];if(!L||!L[1])throw new Error("SYLK shared formula cannot find base");_[u][m][1]=Pc(L[1],{r:u-ve,c:m-_e})}break;case"F":var I=0;for(A=1;A<J.length;++A)switch(J[A].charAt(0)){case"X":m=parseInt(J[A].slice(1))-1,++I;break;case"Y":for(u=parseInt(J[A].slice(1))-1,G=_.length;G<=u;++G)_[G]=[];break;case"M":z=parseInt(J[A].slice(1))/20;break;case"F":break;case"G":break;case"P":D=F[parseInt(J[A].slice(1))];break;case"S":break;case"D":break;case"N":break;case"W":for(R=J[A].slice(1).split(" "),G=parseInt(R[0],10);G<=parseInt(R[1],10);++G)z=parseInt(R[2],10),M[G-1]=z===0?{hidden:!0}:{wch:z},kt(M[G-1]);break;case"C":m=parseInt(J[A].slice(1))-1,M[m]||(M[m]={});break;case"R":u=parseInt(J[A].slice(1))-1,x[u]||(x[u]={}),z>0?(x[u].hpt=z,x[u].hpx=aa(z)):z===0&&(x[u].hidden=!0);break;default:if(v&&v.WTF)throw new Error("SYLK bad record "+b)}I<1&&(D=null);break;default:if(v&&v.WTF)throw new Error("SYLK bad record "+b)}}return x.length>0&&(P["!rows"]=x),M.length>0&&(P["!cols"]=M),v&&v.sheetRows&&(_=_.slice(0,v.sheetRows)),[_,P]}function s(d,v){var p=n(d,v),u=p[0],m=p[1],T=sa(u,v);return Ke(m).forEach(function(A){T[A]=m[A]}),T}function f(d,v){return yt(s(d,v),v)}function c(d,v,p,u){var m="C;Y"+(p+1)+";X"+(u+1)+";K";switch(d.t){case"n":m+=d.v||0,d.f&&!d.F&&(m+=";E"+Ri(d.f,{r:p,c:u}));break;case"b":m+=d.v?"TRUE":"FALSE";break;case"e":m+=d.w||d.v;break;case"d":m+='"'+(d.w||d.v)+'"';break;case"s":m+='"'+d.v.replace(/"/g,"").replace(/;/g,";;")+'"';break}return m}function o(d,v){v.forEach(function(p,u){var m="F;W"+(u+1)+" "+(u+1)+" ";p.hidden?m+="0":(typeof p.width=="number"&&!p.wpx&&(p.wpx=Pa(p.width)),typeof p.wpx=="number"&&!p.wch&&(p.wch=Da(p.wpx)),typeof p.wch=="number"&&(m+=Math.round(p.wch))),m.charAt(m.length-1)!=" "&&d.push(m)})}function l(d,v){v.forEach(function(p,u){var m="F;";p.hidden?m+="M0;":p.hpt?m+="M"+20*p.hpt+";":p.hpx&&(m+="M"+20*La(p.hpx)+";"),m.length>2&&d.push(m+"R"+(u+1))})}function h(d,v){var p=["ID;PWXL;N;E"],u=[],m=Ie(d["!ref"]),T,A=Array.isArray(d),_=`\r
+`;p.push("P;PGeneral"),p.push("F;P0;DG0G8;M255"),d["!cols"]&&o(p,d["!cols"]),d["!rows"]&&l(p,d["!rows"]),p.push("B;Y"+(m.e.r-m.s.r+1)+";X"+(m.e.c-m.s.c+1)+";D"+[m.s.c,m.s.r,m.e.c,m.e.r].join(" "));for(var F=m.s.r;F<=m.e.r;++F)for(var D=m.s.c;D<=m.e.c;++D){var P=me({r:F,c:D});T=A?(d[F]||[])[D]:d[P],!(!T||T.v==null&&(!T.f||T.F))&&u.push(c(T,d,F,D))}return p.join(_)+_+u.join(_)+_+"E"+_}return{to_workbook:f,to_sheet:s,from_sheet:h}})(),mc=(function(){function e(i,s){switch(s.type){case"base64":return t(Fr(i),s);case"binary":return t(i,s);case"buffer":return t(Se&&Buffer.isBuffer(i)?i.toString("binary"):St(i),s);case"array":return t(Lt(i),s)}throw new Error("Unrecognized type "+s.type)}function t(i,s){for(var f=i.split(`
+`),c=-1,o=-1,l=0,h=[];l!==f.length;++l){if(f[l].trim()==="BOT"){h[++c]=[],o=0;continue}if(!(c<0)){var d=f[l].trim().split(","),v=d[0],p=d[1];++l;for(var u=f[l]||"";(u.match(/["]/g)||[]).length&1&&l<f.length-1;)u+=`
+`+f[++l];switch(u=u.trim(),+v){case-1:if(u==="BOT"){h[++c]=[],o=0;continue}else if(u!=="EOD")throw new Error("Unrecognized DIF special command "+u);break;case 0:u==="TRUE"?h[c][o]=!0:u==="FALSE"?h[c][o]=!1:isNaN(Kr(p))?isNaN(ra(p).getDate())?h[c][o]=p:h[c][o]=Ue(p):h[c][o]=Kr(p),++o;break;case 1:u=u.slice(1,u.length-1),u=u.replace(/""/g,'"'),u&&u.match(/^=".*"$/)&&(u=u.slice(2,-1)),h[c][o++]=u!==""?u:null;break}if(u==="EOD")break}}return s&&s.sheetRows&&(h=h.slice(0,s.sheetRows)),h}function r(i,s){return sa(e(i,s),s)}function a(i,s){return yt(r(i,s),s)}var n=(function(){var i=function(c,o,l,h,d){c.push(o),c.push(l+","+h),c.push('"'+d.replace(/"/g,'""')+'"')},s=function(c,o,l,h){c.push(o+","+l),c.push(o==1?'"'+h.replace(/"/g,'""')+'"':h)};return function(c){var o=[],l=Ie(c["!ref"]),h,d=Array.isArray(c);i(o,"TABLE",0,1,"sheetjs"),i(o,"VECTORS",0,l.e.r-l.s.r+1,""),i(o,"TUPLES",0,l.e.c-l.s.c+1,""),i(o,"DATA",0,0,"");for(var v=l.s.r;v<=l.e.r;++v){s(o,-1,0,"BOT");for(var p=l.s.c;p<=l.e.c;++p){var u=me({r:v,c:p});if(h=d?(c[v]||[])[p]:c[u],!h){s(o,1,0,"");continue}switch(h.t){case"n":var m=h.w;!m&&h.v!=null&&(m=h.v),m==null?h.f&&!h.F?s(o,1,0,"="+h.f):s(o,1,0,""):s(o,0,m,"V");break;case"b":s(o,0,h.v?1:0,h.v?"TRUE":"FALSE");break;case"s":s(o,1,0,isNaN(h.v)?h.v:'="'+h.v+'"');break;case"d":h.w||(h.w=Vr(h.z||pe[14],nr(Ue(h.v)))),s(o,0,h.w,"V");break;default:s(o,1,0,"")}}}s(o,-1,0,"EOD");var T=`\r
+`,A=o.join(T);return A}})();return{to_workbook:a,to_sheet:r,from_sheet:n}})(),gc=(function(){function e(h){return h.replace(/\\b/g,"\\").replace(/\\c/g,":").replace(/\\n/g,`
+`)}function t(h){return h.replace(/\\/g,"\\b").replace(/:/g,"\\c").replace(/\n/g,"\\n")}function r(h,d){for(var v=h.split(`
+`),p=-1,u=-1,m=0,T=[];m!==v.length;++m){var A=v[m].trim().split(":");if(A[0]==="cell"){var _=Xe(A[1]);if(T.length<=_.r)for(p=T.length;p<=_.r;++p)T[p]||(T[p]=[]);switch(p=_.r,u=_.c,A[2]){case"t":T[p][u]=e(A[3]);break;case"v":T[p][u]=+A[3];break;case"vtf":var F=A[A.length-1];case"vtc":switch(A[3]){case"nl":T[p][u]=!!+A[4];break;default:T[p][u]=+A[4];break}A[2]=="vtf"&&(T[p][u]=[T[p][u],F])}}}return d&&d.sheetRows&&(T=T.slice(0,d.sheetRows)),T}function a(h,d){return sa(r(h,d),d)}function n(h,d){return yt(a(h,d),d)}var i=["socialcalc:version:1.5","MIME-Version: 1.0","Content-Type: multipart/mixed; boundary=SocialCalcSpreadsheetControlSave"].join(`
+`),s=["--SocialCalcSpreadsheetControlSave","Content-type: text/plain; charset=UTF-8"].join(`
+`)+`
+`,f=["# SocialCalc Spreadsheet Control Save","part:sheet"].join(`
+`),c="--SocialCalcSpreadsheetControlSave--";function o(h){if(!h||!h["!ref"])return"";for(var d=[],v=[],p,u="",m=Ar(h["!ref"]),T=Array.isArray(h),A=m.s.r;A<=m.e.r;++A)for(var _=m.s.c;_<=m.e.c;++_)if(u=me({r:A,c:_}),p=T?(h[A]||[])[_]:h[u],!(!p||p.v==null||p.t==="z")){switch(v=["cell",u,"t"],p.t){case"s":case"str":v.push(t(p.v));break;case"n":p.f?(v[2]="vtf",v[3]="n",v[4]=p.v,v[5]=t(p.f)):(v[2]="v",v[3]=p.v);break;case"b":v[2]="vt"+(p.f?"f":"c"),v[3]="nl",v[4]=p.v?"1":"0",v[5]=t(p.f||(p.v?"TRUE":"FALSE"));break;case"d":var F=nr(Ue(p.v));v[2]="vtc",v[3]="nd",v[4]=""+F,v[5]=p.w||Vr(p.z||pe[14],F);break;case"e":continue}d.push(v.join(":"))}return d.push("sheet:c:"+(m.e.c-m.s.c+1)+":r:"+(m.e.r-m.s.r+1)+":tvf:1"),d.push("valueformat:1:text-wiki"),d.join(`
+`)}function l(h){return[i,s,f,s,o(h),c].join(`
+`)}return{to_workbook:n,to_sheet:a,from_sheet:l}})(),ta=(function(){function e(l,h,d,v,p){p.raw?h[d][v]=l:l===""||(l==="TRUE"?h[d][v]=!0:l==="FALSE"?h[d][v]=!1:isNaN(Kr(l))?isNaN(ra(l).getDate())?h[d][v]=l:h[d][v]=Ue(l):h[d][v]=Kr(l))}function t(l,h){var d=h||{},v=[];if(!l||l.length===0)return v;for(var p=l.split(/[\r\n]/),u=p.length-1;u>=0&&p[u].length===0;)--u;for(var m=10,T=0,A=0;A<=u;++A)T=p[A].indexOf(" "),T==-1?T=p[A].length:T++,m=Math.max(m,T);for(A=0;A<=u;++A){v[A]=[];var _=0;for(e(p[A].slice(0,m).trim(),v,A,_,d),_=1;_<=(p[A].length-m)/10+1;++_)e(p[A].slice(m+(_-1)*10,m+_*10).trim(),v,A,_,d)}return d.sheetRows&&(v=v.slice(0,d.sheetRows)),v}var r={44:",",9:"	",59:";",124:"|"},a={44:3,9:2,59:1,124:0};function n(l){for(var h={},d=!1,v=0,p=0;v<l.length;++v)(p=l.charCodeAt(v))==34?d=!d:!d&&p in r&&(h[p]=(h[p]||0)+1);p=[];for(v in h)Object.prototype.hasOwnProperty.call(h,v)&&p.push([h[v],v]);if(!p.length){h=a;for(v in h)Object.prototype.hasOwnProperty.call(h,v)&&p.push([h[v],v])}return p.sort(function(u,m){return u[0]-m[0]||a[u[1]]-a[m[1]]}),r[p.pop()[1]]||44}function i(l,h){var d=h||{},v="",p=d.dense?[]:{},u={s:{c:0,r:0},e:{c:0,r:0}};l.slice(0,4)=="sep="?l.charCodeAt(5)==13&&l.charCodeAt(6)==10?(v=l.charAt(4),l=l.slice(7)):l.charCodeAt(5)==13||l.charCodeAt(5)==10?(v=l.charAt(4),l=l.slice(6)):v=n(l.slice(0,1024)):d&&d.FS?v=d.FS:v=n(l.slice(0,1024));var m=0,T=0,A=0,_=0,F=0,D=v.charCodeAt(0),P=!1,x=0,M=l.charCodeAt(0);l=l.replace(/\r\n/mg,`
+`);var R=d.dateNF!=null?rl(d.dateNF):null;function z(){var G=l.slice(_,F),b={};if(G.charAt(0)=='"'&&G.charAt(G.length-1)=='"'&&(G=G.slice(1,-1).replace(/""/g,'"')),G.length===0)b.t="z";else if(d.raw)b.t="s",b.v=G;else if(G.trim().length===0)b.t="s",b.v=G;else if(G.charCodeAt(0)==61)G.charCodeAt(1)==34&&G.charCodeAt(G.length-1)==34?(b.t="s",b.v=G.slice(2,-1).replace(/""/g,'"')):R2(G)?(b.t="n",b.f=G.slice(1)):(b.t="s",b.v=G);else if(G=="TRUE")b.t="b",b.v=!0;else if(G=="FALSE")b.t="b",b.v=!1;else if(!isNaN(A=Kr(G)))b.t="n",d.cellText!==!1&&(b.w=G),b.v=A;else if(!isNaN(ra(G).getDate())||R&&G.match(R)){b.z=d.dateNF||pe[14];var J=0;R&&G.match(R)&&(G=tl(G,d.dateNF,G.match(R)||[]),J=1),d.cellDates?(b.t="d",b.v=Ue(G,J)):(b.t="n",b.v=nr(Ue(G,J))),d.cellText!==!1&&(b.w=Vr(b.z,b.v instanceof Date?nr(b.v):b.v)),d.cellNF||delete b.z}else b.t="s",b.v=G;if(b.t=="z"||(d.dense?(p[m]||(p[m]=[]),p[m][T]=b):p[me({c:T,r:m})]=b),_=F+1,M=l.charCodeAt(_),u.e.c<T&&(u.e.c=T),u.e.r<m&&(u.e.r=m),x==D)++T;else if(T=0,++m,d.sheetRows&&d.sheetRows<=m)return!0}e:for(;F<l.length;++F)switch(x=l.charCodeAt(F)){case 34:M===34&&(P=!P);break;case D:case 10:case 13:if(!P&&z())break e;break}return F-_>0&&z(),p["!ref"]=Te(u),p}function s(l,h){return!(h&&h.PRN)||h.FS||l.slice(0,4)=="sep="||l.indexOf("	")>=0||l.indexOf(",")>=0||l.indexOf(";")>=0?i(l,h):sa(t(l,h),h)}function f(l,h){var d="",v=h.type=="string"?[0,0,0,0]:Bi(l,h);switch(h.type){case"base64":d=Fr(l);break;case"binary":d=l;break;case"buffer":h.codepage==65001?d=l.toString("utf8"):h.codepage&&typeof xa<"u"||(d=Se&&Buffer.isBuffer(l)?l.toString("binary"):St(l));break;case"array":d=Lt(l);break;case"string":d=l;break;default:throw new Error("Unrecognized type "+h.type)}return v[0]==239&&v[1]==187&&v[2]==191?d=Le(d.slice(3)):h.type!="string"&&h.type!="buffer"&&h.codepage==65001?d=Le(d):h.type=="binary"&&typeof xa<"u",d.slice(0,19)=="socialcalc:version:"?gc.to_sheet(h.type=="string"?d:Le(d),h):s(d,h)}function c(l,h){return yt(f(l,h),h)}function o(l){for(var h=[],d=Ie(l["!ref"]),v,p=Array.isArray(l),u=d.s.r;u<=d.e.r;++u){for(var m=[],T=d.s.c;T<=d.e.c;++T){var A=me({r:u,c:T});if(v=p?(l[u]||[])[T]:l[A],!v||v.v==null){m.push("          ");continue}for(var _=(v.w||(lt(v),v.w)||"").slice(0,10);_.length<10;)_+=" ";m.push(_+(T===0?" ":""))}h.push(m.join(""))}return h.join(`
+`)}return{to_workbook:c,to_sheet:f,from_sheet:o}})();function mu(e,t){var r=t||{},a=!!r.WTF;r.WTF=!0;try{var n=pc.to_workbook(e,r);return r.WTF=a,n}catch(i){if(r.WTF=a,!i.message.match(/SYLK bad record ID/)&&a)throw i;return ta.to_workbook(e,t)}}var Ft=(function(){function e(O,L,I){if(O){or(O,O.l||0);for(var N=I.Enum||ve;O.l<O.length;){var Y=O.read_shift(2),re=N[Y]||N[65535],te=O.read_shift(2),q=O.l+te,Q=re.f&&re.f(O,te,I);if(O.l=q,L(Q,re,Y))return}}}function t(O,L){switch(L.type){case"base64":return r(Rr(Fr(O)),L);case"binary":return r(Rr(O),L);case"buffer":case"array":return r(O,L)}throw"Unsupported type "+L.type}function r(O,L){if(!O)return O;var I=L||{},N=I.dense?[]:{},Y="Sheet1",re="",te=0,q={},Q=[],Ee=[],C={s:{r:0,c:0},e:{r:0,c:0}},Me=I.sheetRows||0;if(O[2]==0&&(O[3]==8||O[3]==9)&&O.length>=16&&O[14]==5&&O[15]===108)throw new Error("Unsupported Works 3 for Mac file");if(O[2]==2)I.Enum=ve,e(O,function(fe,Ye,Pr){switch(Pr){case 0:I.vers=fe,fe>=4096&&(I.qpro=!0);break;case 6:C=fe;break;case 204:fe&&(re=fe);break;case 222:re=fe;break;case 15:case 51:I.qpro||(fe[1].v=fe[1].v.slice(1));case 13:case 14:case 16:Pr==14&&(fe[2]&112)==112&&(fe[2]&15)>1&&(fe[2]&15)<15&&(fe[1].z=I.dateNF||pe[14],I.cellDates&&(fe[1].t="d",fe[1].v=Sn(fe[1].v))),I.qpro&&fe[3]>te&&(N["!ref"]=Te(C),q[Y]=N,Q.push(Y),N=I.dense?[]:{},C={s:{r:0,c:0},e:{r:0,c:0}},te=fe[3],Y=re||"Sheet"+(te+1),re="");var jr=I.dense?(N[fe[0].r]||[])[fe[0].c]:N[me(fe[0])];if(jr){jr.t=fe[1].t,jr.v=fe[1].v,fe[1].z!=null&&(jr.z=fe[1].z),fe[1].f!=null&&(jr.f=fe[1].f);break}I.dense?(N[fe[0].r]||(N[fe[0].r]=[]),N[fe[0].r][fe[0].c]=fe[1]):N[me(fe[0])]=fe[1];break}},I);else if(O[2]==26||O[2]==14)I.Enum=_e,O[2]==14&&(I.qpro=!0,O.l=0),e(O,function(fe,Ye,Pr){switch(Pr){case 204:Y=fe;break;case 22:fe[1].v=fe[1].v.slice(1);case 23:case 24:case 25:case 37:case 39:case 40:if(fe[3]>te&&(N["!ref"]=Te(C),q[Y]=N,Q.push(Y),N=I.dense?[]:{},C={s:{r:0,c:0},e:{r:0,c:0}},te=fe[3],Y="Sheet"+(te+1)),Me>0&&fe[0].r>=Me)break;I.dense?(N[fe[0].r]||(N[fe[0].r]=[]),N[fe[0].r][fe[0].c]=fe[1]):N[me(fe[0])]=fe[1],C.e.c<fe[0].c&&(C.e.c=fe[0].c),C.e.r<fe[0].r&&(C.e.r=fe[0].r);break;case 27:fe[14e3]&&(Ee[fe[14e3][0]]=fe[14e3][1]);break;case 1537:Ee[fe[0]]=fe[1],fe[0]==te&&(Y=fe[1]);break}},I);else throw new Error("Unrecognized LOTUS BOF "+O[2]);if(N["!ref"]=Te(C),q[re||Y]=N,Q.push(re||Y),!Ee.length)return{SheetNames:Q,Sheets:q};for(var Ce={},be=[],Ae=0;Ae<Ee.length;++Ae)q[Q[Ae]]?(be.push(Ee[Ae]||Q[Ae]),Ce[Ee[Ae]]=q[Ee[Ae]]||q[Q[Ae]]):(be.push(Ee[Ae]),Ce[Ee[Ae]]={"!ref":"A1"});return{SheetNames:be,Sheets:Ce}}function a(O,L){var I=L||{};if(+I.codepage>=0&&zr(+I.codepage),I.type=="string")throw new Error("Cannot write WK1 to JS string");var N=xr(),Y=Ie(O["!ref"]),re=Array.isArray(O),te=[];ne(N,0,i(1030)),ne(N,6,c(Y));for(var q=Math.min(Y.e.r,8191),Q=Y.s.r;Q<=q;++Q)for(var Ee=Ze(Q),C=Y.s.c;C<=Y.e.c;++C){Q===Y.s.r&&(te[C]=Ge(C));var Me=te[C]+Ee,Ce=re?(O[Q]||[])[C]:O[Me];if(!(!Ce||Ce.t=="z"))if(Ce.t=="n")(Ce.v|0)==Ce.v&&Ce.v>=-32768&&Ce.v<=32767?ne(N,13,v(Q,C,Ce.v)):ne(N,14,u(Q,C,Ce.v));else{var be=lt(Ce);ne(N,15,h(Q,C,be.slice(0,239)))}}return ne(N,1),N.end()}function n(O,L){var I=L||{};if(+I.codepage>=0&&zr(+I.codepage),I.type=="string")throw new Error("Cannot write WK3 to JS string");var N=xr();ne(N,0,s(O));for(var Y=0,re=0;Y<O.SheetNames.length;++Y)(O.Sheets[O.SheetNames[Y]]||{})["!ref"]&&ne(N,27,V(O.SheetNames[Y],re++));var te=0;for(Y=0;Y<O.SheetNames.length;++Y){var q=O.Sheets[O.SheetNames[Y]];if(!(!q||!q["!ref"])){for(var Q=Ie(q["!ref"]),Ee=Array.isArray(q),C=[],Me=Math.min(Q.e.r,8191),Ce=Q.s.r;Ce<=Me;++Ce)for(var be=Ze(Ce),Ae=Q.s.c;Ae<=Q.e.c;++Ae){Ce===Q.s.r&&(C[Ae]=Ge(Ae));var fe=C[Ae]+be,Ye=Ee?(q[Ce]||[])[Ae]:q[fe];if(!(!Ye||Ye.t=="z"))if(Ye.t=="n")ne(N,23,z(Ce,Ae,te,Ye.v));else{var Pr=lt(Ye);ne(N,22,x(Ce,Ae,te,Pr.slice(0,239)))}}++te}}return ne(N,1),N.end()}function i(O){var L=X(2);return L.write_shift(2,O),L}function s(O){var L=X(26);L.write_shift(2,4096),L.write_shift(2,4),L.write_shift(4,0);for(var I=0,N=0,Y=0,re=0;re<O.SheetNames.length;++re){var te=O.SheetNames[re],q=O.Sheets[te];if(!(!q||!q["!ref"])){++Y;var Q=Ar(q["!ref"]);I<Q.e.r&&(I=Q.e.r),N<Q.e.c&&(N=Q.e.c)}}return I>8191&&(I=8191),L.write_shift(2,I),L.write_shift(1,Y),L.write_shift(1,N),L.write_shift(2,0),L.write_shift(2,0),L.write_shift(1,1),L.write_shift(1,2),L.write_shift(4,0),L.write_shift(4,0),L}function f(O,L,I){var N={s:{c:0,r:0},e:{c:0,r:0}};return L==8&&I.qpro?(N.s.c=O.read_shift(1),O.l++,N.s.r=O.read_shift(2),N.e.c=O.read_shift(1),O.l++,N.e.r=O.read_shift(2),N):(N.s.c=O.read_shift(2),N.s.r=O.read_shift(2),L==12&&I.qpro&&(O.l+=2),N.e.c=O.read_shift(2),N.e.r=O.read_shift(2),L==12&&I.qpro&&(O.l+=2),N.s.c==65535&&(N.s.c=N.e.c=N.s.r=N.e.r=0),N)}function c(O){var L=X(8);return L.write_shift(2,O.s.c),L.write_shift(2,O.s.r),L.write_shift(2,O.e.c),L.write_shift(2,O.e.r),L}function o(O,L,I){var N=[{c:0,r:0},{t:"n",v:0},0,0];return I.qpro&&I.vers!=20768?(N[0].c=O.read_shift(1),N[3]=O.read_shift(1),N[0].r=O.read_shift(2),O.l+=2):(N[2]=O.read_shift(1),N[0].c=O.read_shift(2),N[0].r=O.read_shift(2)),N}function l(O,L,I){var N=O.l+L,Y=o(O,L,I);if(Y[1].t="s",I.vers==20768){O.l++;var re=O.read_shift(1);return Y[1].v=O.read_shift(re,"utf8"),Y}return I.qpro&&O.l++,Y[1].v=O.read_shift(N-O.l,"cstr"),Y}function h(O,L,I){var N=X(7+I.length);N.write_shift(1,255),N.write_shift(2,L),N.write_shift(2,O),N.write_shift(1,39);for(var Y=0;Y<N.length;++Y){var re=I.charCodeAt(Y);N.write_shift(1,re>=128?95:re)}return N.write_shift(1,0),N}function d(O,L,I){var N=o(O,L,I);return N[1].v=O.read_shift(2,"i"),N}function v(O,L,I){var N=X(7);return N.write_shift(1,255),N.write_shift(2,L),N.write_shift(2,O),N.write_shift(2,I,"i"),N}function p(O,L,I){var N=o(O,L,I);return N[1].v=O.read_shift(8,"f"),N}function u(O,L,I){var N=X(13);return N.write_shift(1,255),N.write_shift(2,L),N.write_shift(2,O),N.write_shift(8,I,"f"),N}function m(O,L,I){var N=O.l+L,Y=o(O,L,I);if(Y[1].v=O.read_shift(8,"f"),I.qpro)O.l=N;else{var re=O.read_shift(2);F(O.slice(O.l,O.l+re),Y),O.l+=re}return Y}function T(O,L,I){var N=L&32768;return L&=-32769,L=(N?O:0)+(L>=8192?L-16384:L),(N?"":"$")+(I?Ge(L):Ze(L))}var A={51:["FALSE",0],52:["TRUE",0],70:["LEN",1],80:["SUM",69],81:["AVERAGEA",69],82:["COUNTA",69],83:["MINA",69],84:["MAXA",69],111:["T",1]},_=["","","","","","","","","","+","-","*","/","^","=","<>","<=",">=","<",">","","","","","&","","","","","","",""];function F(O,L){or(O,0);for(var I=[],N=0,Y="",re="",te="",q="";O.l<O.length;){var Q=O[O.l++];switch(Q){case 0:I.push(O.read_shift(8,"f"));break;case 1:re=T(L[0].c,O.read_shift(2),!0),Y=T(L[0].r,O.read_shift(2),!1),I.push(re+Y);break;case 2:{var Ee=T(L[0].c,O.read_shift(2),!0),C=T(L[0].r,O.read_shift(2),!1);re=T(L[0].c,O.read_shift(2),!0),Y=T(L[0].r,O.read_shift(2),!1),I.push(Ee+C+":"+re+Y)}break;case 3:if(O.l<O.length)return;break;case 4:I.push("("+I.pop()+")");break;case 5:I.push(O.read_shift(2));break;case 6:{for(var Me="";Q=O[O.l++];)Me+=String.fromCharCode(Q);I.push('"'+Me.replace(/"/g,'""')+'"')}break;case 8:I.push("-"+I.pop());break;case 23:I.push("+"+I.pop());break;case 22:I.push("NOT("+I.pop()+")");break;case 20:case 21:q=I.pop(),te=I.pop(),I.push(["AND","OR"][Q-20]+"("+te+","+q+")");break;default:if(Q<32&&_[Q])q=I.pop(),te=I.pop(),I.push(te+_[Q]+q);else if(A[Q]){if(N=A[Q][1],N==69&&(N=O[O.l++]),N>I.length)return;var Ce=I.slice(-N);I.length-=N,I.push(A[Q][0]+"("+Ce.join(",")+")")}else return Q<=7||Q<=24||Q<=30||Q<=115,void 0}}I.length==1&&(L[1].f=""+I[0])}function D(O){var L=[{c:0,r:0},{t:"n",v:0},0];return L[0].r=O.read_shift(2),L[3]=O[O.l++],L[0].c=O[O.l++],L}function P(O,L){var I=D(O);return I[1].t="s",I[1].v=O.read_shift(L-4,"cstr"),I}function x(O,L,I,N){var Y=X(6+N.length);Y.write_shift(2,O),Y.write_shift(1,I),Y.write_shift(1,L),Y.write_shift(1,39);for(var re=0;re<N.length;++re){var te=N.charCodeAt(re);Y.write_shift(1,te>=128?95:te)}return Y.write_shift(1,0),Y}function M(O,L){var I=D(O);I[1].v=O.read_shift(2);var N=I[1].v>>1;if(I[1].v&1)switch(N&7){case 0:N=(N>>3)*5e3;break;case 1:N=(N>>3)*500;break;case 2:N=(N>>3)/20;break;case 3:N=(N>>3)/200;break;case 4:N=(N>>3)/2e3;break;case 5:N=(N>>3)/2e4;break;case 6:N=(N>>3)/16;break;case 7:N=(N>>3)/64;break}return I[1].v=N,I}function R(O,L){var I=D(O),N=O.read_shift(4),Y=O.read_shift(4),re=O.read_shift(2);if(re==65535)return N===0&&Y===3221225472?(I[1].t="e",I[1].v=15):N===0&&Y===3489660928?(I[1].t="e",I[1].v=42):I[1].v=0,I;var te=re&32768;return re=(re&32767)-16446,I[1].v=(1-te*2)*(Y*Math.pow(2,re+32)+N*Math.pow(2,re)),I}function z(O,L,I,N){var Y=X(14);if(Y.write_shift(2,O),Y.write_shift(1,I),Y.write_shift(1,L),N==0)return Y.write_shift(4,0),Y.write_shift(4,0),Y.write_shift(2,65535),Y;var re=0,te=0,q=0,Q=0;return N<0&&(re=1,N=-N),te=Math.log2(N)|0,N/=Math.pow(2,te-31),Q=N>>>0,(Q&2147483648)==0&&(N/=2,++te,Q=N>>>0),N-=Q,Q|=2147483648,Q>>>=0,N*=Math.pow(2,32),q=N>>>0,Y.write_shift(4,q),Y.write_shift(4,Q),te+=16383+(re?32768:0),Y.write_shift(2,te),Y}function G(O,L){var I=R(O);return O.l+=L-14,I}function b(O,L){var I=D(O),N=O.read_shift(4);return I[1].v=N>>6,I}function J(O,L){var I=D(O),N=O.read_shift(8,"f");return I[1].v=N,I}function le(O,L){var I=J(O);return O.l+=L-10,I}function ie(O,L){return O[O.l+L-1]==0?O.read_shift(L,"cstr"):""}function ue(O,L){var I=O[O.l++];I>L-1&&(I=L-1);for(var N="";N.length<I;)N+=String.fromCharCode(O[O.l++]);return N}function ce(O,L,I){if(!(!I.qpro||L<21)){var N=O.read_shift(1);O.l+=17,O.l+=1,O.l+=2;var Y=O.read_shift(L-21,"cstr");return[N,Y]}}function De(O,L){for(var I={},N=O.l+L;O.l<N;){var Y=O.read_shift(2);if(Y==14e3){for(I[Y]=[0,""],I[Y][0]=O.read_shift(2);O[O.l];)I[Y][1]+=String.fromCharCode(O[O.l]),O.l++;O.l++}}return I}function V(O,L){var I=X(5+O.length);I.write_shift(2,14e3),I.write_shift(2,L);for(var N=0;N<O.length;++N){var Y=O.charCodeAt(N);I[I.l++]=Y>127?95:Y}return I[I.l++]=0,I}var ve={0:{n:"BOF",f:rr},1:{n:"EOF"},2:{n:"CALCMODE"},3:{n:"CALCORDER"},4:{n:"SPLIT"},5:{n:"SYNC"},6:{n:"RANGE",f},7:{n:"WINDOW1"},8:{n:"COLW1"},9:{n:"WINTWO"},10:{n:"COLW2"},11:{n:"NAME"},12:{n:"BLANK"},13:{n:"INTEGER",f:d},14:{n:"NUMBER",f:p},15:{n:"LABEL",f:l},16:{n:"FORMULA",f:m},24:{n:"TABLE"},25:{n:"ORANGE"},26:{n:"PRANGE"},27:{n:"SRANGE"},28:{n:"FRANGE"},29:{n:"KRANGE1"},32:{n:"HRANGE"},35:{n:"KRANGE2"},36:{n:"PROTEC"},37:{n:"FOOTER"},38:{n:"HEADER"},39:{n:"SETUP"},40:{n:"MARGINS"},41:{n:"LABELFMT"},42:{n:"TITLES"},43:{n:"SHEETJS"},45:{n:"GRAPH"},46:{n:"NGRAPH"},47:{n:"CALCCOUNT"},48:{n:"UNFORMATTED"},49:{n:"CURSORW12"},50:{n:"WINDOW"},51:{n:"STRING",f:l},55:{n:"PASSWORD"},56:{n:"LOCKED"},60:{n:"QUERY"},61:{n:"QUERYNAME"},62:{n:"PRINT"},63:{n:"PRINTNAME"},64:{n:"GRAPH2"},65:{n:"GRAPHNAME"},66:{n:"ZOOM"},67:{n:"SYMSPLIT"},68:{n:"NSROWS"},69:{n:"NSCOLS"},70:{n:"RULER"},71:{n:"NNAME"},72:{n:"ACOMM"},73:{n:"AMACRO"},74:{n:"PARSE"},102:{n:"PRANGES??"},103:{n:"RRANGES??"},104:{n:"FNAME??"},105:{n:"MRANGES??"},204:{n:"SHEETNAMECS",f:ie},222:{n:"SHEETNAMELP",f:ue},65535:{n:""}},_e={0:{n:"BOF"},1:{n:"EOF"},2:{n:"PASSWORD"},3:{n:"CALCSET"},4:{n:"WINDOWSET"},5:{n:"SHEETCELLPTR"},6:{n:"SHEETLAYOUT"},7:{n:"COLUMNWIDTH"},8:{n:"HIDDENCOLUMN"},9:{n:"USERRANGE"},10:{n:"SYSTEMRANGE"},11:{n:"ZEROFORCE"},12:{n:"SORTKEYDIR"},13:{n:"FILESEAL"},14:{n:"DATAFILLNUMS"},15:{n:"PRINTMAIN"},16:{n:"PRINTSTRING"},17:{n:"GRAPHMAIN"},18:{n:"GRAPHSTRING"},19:{n:"??"},20:{n:"ERRCELL"},21:{n:"NACELL"},22:{n:"LABEL16",f:P},23:{n:"NUMBER17",f:R},24:{n:"NUMBER18",f:M},25:{n:"FORMULA19",f:G},26:{n:"FORMULA1A"},27:{n:"XFORMAT",f:De},28:{n:"DTLABELMISC"},29:{n:"DTLABELCELL"},30:{n:"GRAPHWINDOW"},31:{n:"CPA"},32:{n:"LPLAUTO"},33:{n:"QUERY"},34:{n:"HIDDENSHEET"},35:{n:"??"},37:{n:"NUMBER25",f:b},38:{n:"??"},39:{n:"NUMBER27",f:J},40:{n:"FORMULA28",f:le},142:{n:"??"},147:{n:"??"},150:{n:"??"},151:{n:"??"},152:{n:"??"},153:{n:"??"},154:{n:"??"},155:{n:"??"},156:{n:"??"},163:{n:"??"},174:{n:"??"},175:{n:"??"},176:{n:"??"},177:{n:"??"},184:{n:"??"},185:{n:"??"},186:{n:"??"},187:{n:"??"},188:{n:"??"},195:{n:"??"},201:{n:"??"},204:{n:"SHEETNAMECS",f:ie},205:{n:"??"},206:{n:"??"},207:{n:"??"},208:{n:"??"},256:{n:"??"},259:{n:"??"},260:{n:"??"},261:{n:"??"},262:{n:"??"},263:{n:"??"},265:{n:"??"},266:{n:"??"},267:{n:"??"},268:{n:"??"},270:{n:"??"},271:{n:"??"},384:{n:"??"},389:{n:"??"},390:{n:"??"},393:{n:"??"},396:{n:"??"},512:{n:"??"},514:{n:"??"},513:{n:"??"},516:{n:"??"},517:{n:"??"},640:{n:"??"},641:{n:"??"},642:{n:"??"},643:{n:"??"},644:{n:"??"},645:{n:"??"},646:{n:"??"},647:{n:"??"},648:{n:"??"},658:{n:"??"},659:{n:"??"},660:{n:"??"},661:{n:"??"},662:{n:"??"},665:{n:"??"},666:{n:"??"},768:{n:"??"},772:{n:"??"},1537:{n:"SHEETINFOQP",f:ce},1600:{n:"??"},1602:{n:"??"},1793:{n:"??"},1794:{n:"??"},1795:{n:"??"},1796:{n:"??"},1920:{n:"??"},2048:{n:"??"},2049:{n:"??"},2052:{n:"??"},2688:{n:"??"},10998:{n:"??"},12849:{n:"??"},28233:{n:"??"},28484:{n:"??"},65535:{n:""}};return{sheet_to_wk1:a,book_to_wk3:n,to_workbook:t}})();function gu(e){var t={},r=e.match(wr),a=0,n=!1;if(r)for(;a!=r.length;++a){var i=ge(r[a]);switch(i[0].replace(/\w*:/g,"")){case"<condense":break;case"<extend":break;case"<shadow":if(!i.val)break;case"<shadow>":case"<shadow/>":t.shadow=1;break;case"</shadow>":break;case"<charset":if(i.val=="1")break;t.cp=ri[parseInt(i.val,10)];break;case"<outline":if(!i.val)break;case"<outline>":case"<outline/>":t.outline=1;break;case"</outline>":break;case"<rFont":t.name=i.val;break;case"<sz":t.sz=i.val;break;case"<strike":if(!i.val)break;case"<strike>":case"<strike/>":t.strike=1;break;case"</strike>":break;case"<u":if(!i.val)break;switch(i.val){case"double":t.uval="double";break;case"singleAccounting":t.uval="single-accounting";break;case"doubleAccounting":t.uval="double-accounting";break}case"<u>":case"<u/>":t.u=1;break;case"</u>":break;case"<b":if(i.val=="0")break;case"<b>":case"<b/>":t.b=1;break;case"</b>":break;case"<i":if(i.val=="0")break;case"<i>":case"<i/>":t.i=1;break;case"</i>":break;case"<color":i.rgb&&(t.color=i.rgb.slice(2,8));break;case"<color>":case"<color/>":case"</color>":break;case"<family":t.family=i.val;break;case"<family>":case"<family/>":case"</family>":break;case"<vertAlign":t.valign=i.val;break;case"<vertAlign>":case"<vertAlign/>":case"</vertAlign>":break;case"<scheme":break;case"<scheme>":case"<scheme/>":case"</scheme>":break;case"<extLst":case"<extLst>":case"</extLst>":break;case"<ext":n=!0;break;case"</ext>":n=!1;break;default:if(i[0].charCodeAt(1)!==47&&!n)throw new Error("Unrecognized rich format "+i[0])}}return t}var _u=(function(){var e=Oa("t"),t=Oa("rPr");function r(i){var s=i.match(e);if(!s)return{t:"s",v:""};var f={t:"s",v:Oe(s[1])},c=i.match(t);return c&&(f.s=gu(c[1])),f}var a=/<(?:\w+:)?r>/g,n=/<\/(?:\w+:)?r>/;return function(s){return s.replace(a,"").split(n)?.map(r).filter(function(f){return f.v})}})(),wu=(function(){var t=/(\r\n|\n)/g;function r(n,i,s){var f=[];n.u&&f.push("text-decoration: underline;"),n.uval&&f.push("text-underline-style:"+n.uval+";"),n.sz&&f.push("font-size:"+n.sz+"pt;"),n.outline&&f.push("text-effect: outline;"),n.shadow&&f.push("text-shadow: auto;"),i.push('<span style="'+f.join("")+'">'),n.b&&(i.push("<b>"),s.push("</b>")),n.i&&(i.push("<i>"),s.push("</i>")),n.strike&&(i.push("<s>"),s.push("</s>"));var c=n.valign||"";return c=="superscript"||c=="super"?c="sup":c=="subscript"&&(c="sub"),c!=""&&(i.push("<"+c+">"),s.push("</"+c+">")),s.push("</span>"),n}function a(n){var i=[[],n.v,[]];return n.v?(n.s&&r(n.s,i[0],i[2]),i[0].join("")+i[1].replace(t,"<br/>")+i[2].join("")):""}return function(i){return i?.map(a).join("")}})(),ku=/<(?:\w+:)?t[^>]*>([^<]*)<\/(?:\w+:)?t>/g,Tu=/<(?:\w+:)?r>/,Eu=/<(?:\w+:)?rPh.*?>([\s\S]*?)<\/(?:\w+:)?rPh>/g;function xi(e,t){var r=t?t.cellHTML:!0,a={};return e?(e.match(/^\s*<(?:\w+:)?t[^>]*>/)?(a.t=Oe(Le(e.slice(e.indexOf(">")+1).split(/<\/(?:\w+:)?t>/)[0]||"")),a.r=Le(e),r&&(a.h=hi(a.t))):e.match(Tu)&&(a.r=Le(e),a.t=Oe(Le((e.replace(Eu,"").match(ku)||[]).join("").replace(wr,""))),r&&(a.h=wu(_u(a.r)))),a):{t:""}}var Su=/<(?:\w+:)?sst([^>]*)>([\s\S]*)<\/(?:\w+:)?sst>/,yu=/<(?:\w+:)?(?:si|sstItem)>/g,xu=/<\/(?:\w+:)?(?:si|sstItem)>/;function Au(e,t){var r=[],a="";if(!e)return r;var n=e.match(Su);if(n){a=n[2].replace(yu,"").split(xu);for(var i=0;i!=a.length;++i){var s=xi(a[i].trim(),t);s!=null&&(r[r.length]=s)}n=ge(n[1]),r.Count=n.count,r.Unique=n.uniqueCount}return r}var Cu=/^\s|\s$|[\t\n\r]/;function _c(e,t){if(!t.bookSST)return"";var r=[qe];r[r.length]=ae("sst",null,{xmlns:Wt[0],count:e.Count,uniqueCount:e.Unique});for(var a=0;a!=e.length;++a)if(e[a]!=null){var n=e[a],i="<si>";n.r?i+=n.r:(i+="<t",n.t||(n.t=""),n.t.match(Cu)&&(i+=' xml:space="preserve"'),i+=">"+Pe(n.t)+"</t>"),i+="</si>",r[r.length]=i}return r.length>2&&(r[r.length]="</sst>",r[1]=r[1].replace("/>",">")),r.join("")}function Ou(e){return[e.read_shift(4),e.read_shift(4)]}function Iu(e,t){var r=[],a=!1;return ut(e,function(i,s,f){switch(f){case 159:r.Count=i[0],r.Unique=i[1];break;case 19:r.push(i);break;case 160:return!0;case 35:a=!0;break;case 36:a=!1;break;default:if(s.T,!a||t.WTF)throw new Error("Unexpected record 0x"+f.toString(16))}}),r}function Ru(e,t){return t||(t=X(8)),t.write_shift(4,e.Count),t.write_shift(4,e.Unique),t}var Nu=Hl;function Fu(e){var t=xr();j(t,159,Ru(e));for(var r=0;r<e.length;++r)j(t,19,Nu(e[r]));return j(t,160),t.end()}function wc(e){for(var t=[],r=e.split(""),a=0;a<r.length;++a)t[a]=r[a].charCodeAt(0);return t}function ot(e,t){var r={};return r.Major=e.read_shift(2),r.Minor=e.read_shift(2),t>=4&&(e.l+=t-4),r}function Pu(e){var t={};return t.id=e.read_shift(0,"lpp4"),t.R=ot(e,4),t.U=ot(e,4),t.W=ot(e,4),t}function Du(e){for(var t=e.read_shift(4),r=e.l+t-4,a={},n=e.read_shift(4),i=[];n-- >0;)i.push({t:e.read_shift(4),v:e.read_shift(0,"lpp4")});if(a.name=e.read_shift(0,"lpp4"),a.comps=i,e.l!=r)throw new Error("Bad DataSpaceMapEntry: "+e.l+" != "+r);return a}function Lu(e){var t=[];e.l+=4;for(var r=e.read_shift(4);r-- >0;)t.push(Du(e));return t}function bu(e){var t=[];e.l+=4;for(var r=e.read_shift(4);r-- >0;)t.push(e.read_shift(0,"lpp4"));return t}function Mu(e){var t={};return e.read_shift(4),e.l+=4,t.id=e.read_shift(0,"lpp4"),t.name=e.read_shift(0,"lpp4"),t.R=ot(e,4),t.U=ot(e,4),t.W=ot(e,4),t}function Bu(e){var t=Mu(e);if(t.ename=e.read_shift(0,"8lpp4"),t.blksz=e.read_shift(4),t.cmode=e.read_shift(4),e.read_shift(4)!=4)throw new Error("Bad !Primary record");return t}function kc(e,t){var r=e.l+t,a={};a.Flags=e.read_shift(4)&63,e.l+=4,a.AlgID=e.read_shift(4);var n=!1;switch(a.AlgID){case 26126:case 26127:case 26128:n=a.Flags==36;break;case 26625:n=a.Flags==4;break;case 0:n=a.Flags==16||a.Flags==4||a.Flags==36;break;default:throw"Unrecognized encryption algorithm: "+a.AlgID}if(!n)throw new Error("Encryption Flags/AlgID mismatch");return a.AlgIDHash=e.read_shift(4),a.KeySize=e.read_shift(4),a.ProviderType=e.read_shift(4),e.l+=8,a.CSPName=e.read_shift(r-e.l>>1,"utf16le"),e.l=r,a}function Tc(e,t){var r={},a=e.l+t;return e.l+=4,r.Salt=e.slice(e.l,e.l+16),e.l+=16,r.Verifier=e.slice(e.l,e.l+16),e.l+=16,e.read_shift(4),r.VerifierHash=e.slice(e.l,a),e.l=a,r}function Uu(e){var t=ot(e);switch(t.Minor){case 2:return[t.Minor,Wu(e)];case 3:return[t.Minor,Hu()];case 4:return[t.Minor,Vu(e)]}throw new Error("ECMA-376 Encrypted file unrecognized Version: "+t.Minor)}function Wu(e){var t=e.read_shift(4);if((t&63)!=36)throw new Error("EncryptionInfo mismatch");var r=e.read_shift(4),a=kc(e,r),n=Tc(e,e.length-e.l);return{t:"Std",h:a,v:n}}function Hu(){throw new Error("File is password-protected: ECMA-376 Extensible")}function Vu(e){var t=["saltSize","blockSize","keyBits","hashSize","cipherAlgorithm","cipherChaining","hashAlgorithm","saltValue"];e.l+=4;var r=e.read_shift(e.length-e.l,"utf8"),a={};return r.replace(wr,function(i){var s=ge(i);switch(rt(s[0])){case"<?xml":break;case"<encryption":case"</encryption>":break;case"<keyData":t.forEach(function(f){a[f]=s[f]});break;case"<dataIntegrity":a.encryptedHmacKey=s.encryptedHmacKey,a.encryptedHmacValue=s.encryptedHmacValue;break;case"<keyEncryptors>":case"<keyEncryptors":a.encs=[];break;case"</keyEncryptors>":break;case"<keyEncryptor":a.uri=s.uri;break;case"</keyEncryptor>":break;case"<encryptedKey":a.encs.push(s);break;default:throw s[0]}}),a}function Gu(e,t){var r={},a=r.EncryptionVersionInfo=ot(e,4);if(t-=4,a.Minor!=2)throw new Error("unrecognized minor version code: "+a.Minor);if(a.Major>4||a.Major<2)throw new Error("unrecognized major version code: "+a.Major);r.Flags=e.read_shift(4),t-=4;var n=e.read_shift(4);return t-=4,r.EncryptionHeader=kc(e,n),t-=n,r.EncryptionVerifier=Tc(e,t),r}function Xu(e){var t={},r=t.EncryptionVersionInfo=ot(e,4);if(r.Major!=1||r.Minor!=1)throw"unrecognized version code "+r.Major+" : "+r.Minor;return t.Salt=e.read_shift(16),t.EncryptedVerifier=e.read_shift(16),t.EncryptedVerifierHash=e.read_shift(16),t}function Ai(e){var t=0,r,a=wc(e),n=a.length+1,i,s,f,c,o;for(r=wt(n),r[0]=a.length,i=1;i!=n;++i)r[i]=a[i-1];for(i=n-1;i>=0;--i)s=r[i],f=(t&16384)===0?0:1,c=t<<1&32767,o=f|c,t=o^s;return t^52811}var Ec=(function(){var e=[187,255,255,186,255,255,185,128,0,190,15,0,191,15,0],t=[57840,7439,52380,33984,4364,3600,61902,12606,6258,57657,54287,34041,10252,43370,20163],r=[44796,19929,39858,10053,20106,40212,10761,31585,63170,64933,60267,50935,40399,11199,17763,35526,1453,2906,5812,11624,23248,885,1770,3540,7080,14160,28320,56640,55369,41139,20807,41614,21821,43642,17621,28485,56970,44341,19019,38038,14605,29210,60195,50791,40175,10751,21502,43004,24537,18387,36774,3949,7898,15796,31592,63184,47201,24803,49606,37805,14203,28406,56812,17824,35648,1697,3394,6788,13576,27152,43601,17539,35078,557,1114,2228,4456,30388,60776,51953,34243,7079,14158,28316,14128,28256,56512,43425,17251,34502,7597,13105,26210,52420,35241,883,1766,3532,4129,8258,16516,33032,4657,9314,18628],a=function(s){return(s/2|s*128)&255},n=function(s,f){return a(s^f)},i=function(s){for(var f=t[s.length-1],c=104,o=s.length-1;o>=0;--o)for(var l=s[o],h=0;h!=7;++h)l&64&&(f^=r[c]),l*=2,--c;return f};return function(s){for(var f=wc(s),c=i(f),o=f.length,l=wt(16),h=0;h!=16;++h)l[h]=0;var d,v,p;for((o&1)===1&&(d=c>>8,l[o]=n(e[0],d),--o,d=c&255,v=f[f.length-1],l[o]=n(v,d));o>0;)--o,d=c>>8,l[o]=n(f[o],d),--o,d=c&255,l[o]=n(f[o],d);for(o=15,p=15-f.length;p>0;)d=c>>8,l[o]=n(e[p],d),--o,--p,d=c&255,l[o]=n(f[o],d),--o,--p;return l}})(),zu=function(e,t,r,a,n){n||(n=t),a||(a=Ec(e));var i,s;for(i=0;i!=t.length;++i)s=t[i],s^=a[r],s=(s>>5|s<<3)&255,n[i]=s,++r;return[n,r,a]},$u=function(e){var t=0,r=Ec(e);return function(a){var n=zu("",a,t,r);return t=n[1],n[0]}};function Ku(e,t,r,a){var n={key:rr(e),verificationBytes:rr(e)};return r.password&&(n.verifier=Ai(r.password)),a.valid=n.verificationBytes===n.verifier,a.valid&&(a.insitu=$u(r.password)),n}function Yu(e,t,r){var a=r||{};return a.Info=e.read_shift(2),e.l-=2,a.Info===1?a.Data=Xu(e):a.Data=Gu(e,t),a}function ju(e,t,r){var a={Type:r.biff>=8?e.read_shift(2):0};return a.Type?Yu(e,t-2,a):Ku(e,r.biff>=8?t:t-2,r,a),a}var Sc=(function(){function e(n,i){switch(i.type){case"base64":return t(Fr(n),i);case"binary":return t(n,i);case"buffer":return t(Se&&Buffer.isBuffer(n)?n.toString("binary"):St(n),i);case"array":return t(Lt(n),i)}throw new Error("Unrecognized type "+i.type)}function t(n,i){var s=i||{},f=s.dense?[]:{},c=n.match(/\\trowd.*?\\row\b/g);if(!c.length)throw new Error("RTF missing table");var o={s:{c:0,r:0},e:{c:0,r:c.length-1}};return c.forEach(function(l,h){Array.isArray(f)&&(f[h]=[]);for(var d=/\\\w+\b/g,v=0,p,u=-1;p=d.exec(l);){switch(p[0]){case"\\cell":var m=l.slice(v,d.lastIndex-p[0].length);if(m[0]==" "&&(m=m.slice(1)),++u,m.length){var T={v:m,t:"s"};Array.isArray(f)?f[h][u]=T:f[me({r:h,c:u})]=T}break}v=d.lastIndex}u>o.e.c&&(o.e.c=u)}),f["!ref"]=Te(o),f}function r(n,i){return yt(e(n,i),i)}function a(n){for(var i=["{\\rtf1\\ansi"],s=Ie(n["!ref"]),f,c=Array.isArray(n),o=s.s.r;o<=s.e.r;++o){i.push("\\trowd\\trautofit1");for(var l=s.s.c;l<=s.e.c;++l)i.push("\\cellx"+(l+1));for(i.push("\\pard\\intbl"),l=s.s.c;l<=s.e.c;++l){var h=me({r:o,c:l});f=c?(n[o]||[])[l]:n[h],!(!f||f.v==null&&(!f.f||f.F))&&(i.push(" "+(f.w||(lt(f),f.w))),i.push("\\cell"))}i.push("\\pard\\intbl\\row")}return i.join("")+"}"}return{to_workbook:r,to_sheet:e,from_sheet:a}})();function Ju(e){var t=e.slice(e[0]==="#"?1:0).slice(0,6);return[parseInt(t.slice(0,2),16),parseInt(t.slice(2,4),16),parseInt(t.slice(4,6),16)]}function Fa(e){for(var t=0,r=1;t!=3;++t)r=r*256+(e[t]>255?255:e[t]<0?0:e[t]);return r.toString(16).toUpperCase().slice(1)}function Zu(e){var t=e[0]/255,r=e[1]/255,a=e[2]/255,n=Math.max(t,r,a),i=Math.min(t,r,a),s=n-i;if(s===0)return[0,0,t];var f=0,c=0,o=n+i;switch(c=s/(o>1?2-o:o),n){case t:f=((r-a)/s+6)%6;break;case r:f=(a-t)/s+2;break;case a:f=(t-r)/s+4;break}return[f/6,c,o/2]}function qu(e){var t=e[0],r=e[1],a=e[2],n=r*2*(a<.5?a:1-a),i=a-n/2,s=[i,i,i],f=6*t,c;if(r!==0)switch(f|0){case 0:case 6:c=n*f,s[0]+=n,s[1]+=c;break;case 1:c=n*(2-f),s[0]+=c,s[1]+=n;break;case 2:c=n*(f-2),s[1]+=n,s[2]+=c;break;case 3:c=n*(4-f),s[1]+=c,s[2]+=n;break;case 4:c=n*(f-4),s[2]+=n,s[0]+=c;break;case 5:c=n*(6-f),s[2]+=c,s[0]+=n;break}for(var o=0;o!=3;++o)s[o]=Math.round(s[o]*255);return s}function mn(e,t){if(t===0)return e;var r=Zu(Ju(e));return t<0?r[2]=r[2]*(1+t):r[2]=1-(1-r[2])*(1-t),Fa(qu(r))}var yc=6,Qu=15,e0=1,pr=yc;function Pa(e){return Math.floor((e+Math.round(128/pr)/256)*pr)}function Da(e){return Math.floor((e-5)/pr*100+.5)/100}function gn(e){return Math.round((e*pr+5)/pr*256)/256}function Ln(e){return gn(Da(Pa(e)))}function Ci(e){var t=Math.abs(e-Ln(e)),r=pr;if(t>.005)for(pr=e0;pr<Qu;++pr)Math.abs(e-Ln(e))<=t&&(t=Math.abs(e-Ln(e)),r=pr);pr=r}function kt(e){e.width?(e.wpx=Pa(e.width),e.wch=Da(e.wpx),e.MDW=pr):e.wpx?(e.wch=Da(e.wpx),e.width=gn(e.wch),e.MDW=pr):typeof e.wch=="number"&&(e.width=gn(e.wch),e.wpx=Pa(e.width),e.MDW=pr),e.customWidth&&delete e.customWidth}var r0=96,xc=r0;function La(e){return e*96/xc}function aa(e){return e*xc/96}var t0={None:"none",Solid:"solid",Gray50:"mediumGray",Gray75:"darkGray",Gray25:"lightGray",HorzStripe:"darkHorizontal",VertStripe:"darkVertical",ReverseDiagStripe:"darkDown",DiagStripe:"darkUp",DiagCross:"darkGrid",ThickDiagCross:"darkTrellis",ThinHorzStripe:"lightHorizontal",ThinVertStripe:"lightVertical",ThinReverseDiagStripe:"lightDown",ThinHorzCross:"lightGrid"};function a0(e,t,r,a){t.Borders=[];var n={},i=!1;(e[0].match(wr)||[]).forEach(function(s){var f=ge(s);switch(rt(f[0])){case"<borders":case"<borders>":case"</borders>":break;case"<border":case"<border>":case"<border/>":n={},f.diagonalUp&&(n.diagonalUp=Be(f.diagonalUp)),f.diagonalDown&&(n.diagonalDown=Be(f.diagonalDown)),t.Borders.push(n);break;case"</border>":break;case"<left/>":break;case"<left":case"<left>":break;case"</left>":break;case"<right/>":break;case"<right":case"<right>":break;case"</right>":break;case"<top/>":break;case"<top":case"<top>":break;case"</top>":break;case"<bottom/>":break;case"<bottom":case"<bottom>":break;case"</bottom>":break;case"<diagonal":case"<diagonal>":case"<diagonal/>":break;case"</diagonal>":break;case"<horizontal":case"<horizontal>":case"<horizontal/>":break;case"</horizontal>":break;case"<vertical":case"<vertical>":case"<vertical/>":break;case"</vertical>":break;case"<start":case"<start>":case"<start/>":break;case"</start>":break;case"<end":case"<end>":case"<end/>":break;case"</end>":break;case"<color":case"<color>":break;case"<color/>":case"</color>":break;case"<extLst":case"<extLst>":case"</extLst>":break;case"<ext":i=!0;break;case"</ext>":i=!1;break;default:if(a&&a.WTF&&!i)throw new Error("unrecognized "+f[0]+" in borders")}})}function n0(e,t,r,a){t.Fills=[];var n={},i=!1;(e[0].match(wr)||[]).forEach(function(s){var f=ge(s);switch(rt(f[0])){case"<fills":case"<fills>":case"</fills>":break;case"<fill>":case"<fill":case"<fill/>":n={},t.Fills.push(n);break;case"</fill>":break;case"<gradientFill>":break;case"<gradientFill":case"</gradientFill>":t.Fills.push(n),n={};break;case"<patternFill":case"<patternFill>":f.patternType&&(n.patternType=f.patternType);break;case"<patternFill/>":case"</patternFill>":break;case"<bgColor":n.bgColor||(n.bgColor={}),f.indexed&&(n.bgColor.indexed=parseInt(f.indexed,10)),f.theme&&(n.bgColor.theme=parseInt(f.theme,10)),f.tint&&(n.bgColor.tint=parseFloat(f.tint)),f.rgb&&(n.bgColor.rgb=f.rgb.slice(-6));break;case"<bgColor/>":case"</bgColor>":break;case"<fgColor":n.fgColor||(n.fgColor={}),f.theme&&(n.fgColor.theme=parseInt(f.theme,10)),f.tint&&(n.fgColor.tint=parseFloat(f.tint)),f.rgb!=null&&(n.fgColor.rgb=f.rgb.slice(-6));break;case"<fgColor/>":case"</fgColor>":break;case"<stop":case"<stop/>":break;case"</stop>":break;case"<color":case"<color/>":break;case"</color>":break;case"<extLst":case"<extLst>":case"</extLst>":break;case"<ext":i=!0;break;case"</ext>":i=!1;break;default:if(a&&a.WTF&&!i)throw new Error("unrecognized "+f[0]+" in fills")}})}function i0(e,t,r,a){t.Fonts=[];var n={},i=!1;(e[0].match(wr)||[]).forEach(function(s){var f=ge(s);switch(rt(f[0])){case"<fonts":case"<fonts>":case"</fonts>":break;case"<font":case"<font>":break;case"</font>":case"<font/>":t.Fonts.push(n),n={};break;case"<name":f.val&&(n.name=Le(f.val));break;case"<name/>":case"</name>":break;case"<b":n.bold=f.val?Be(f.val):1;break;case"<b/>":n.bold=1;break;case"<i":n.italic=f.val?Be(f.val):1;break;case"<i/>":n.italic=1;break;case"<u":switch(f.val){case"none":n.underline=0;break;case"single":n.underline=1;break;case"double":n.underline=2;break;case"singleAccounting":n.underline=33;break;case"doubleAccounting":n.underline=34;break}break;case"<u/>":n.underline=1;break;case"<strike":n.strike=f.val?Be(f.val):1;break;case"<strike/>":n.strike=1;break;case"<outline":n.outline=f.val?Be(f.val):1;break;case"<outline/>":n.outline=1;break;case"<shadow":n.shadow=f.val?Be(f.val):1;break;case"<shadow/>":n.shadow=1;break;case"<condense":n.condense=f.val?Be(f.val):1;break;case"<condense/>":n.condense=1;break;case"<extend":n.extend=f.val?Be(f.val):1;break;case"<extend/>":n.extend=1;break;case"<sz":f.val&&(n.sz=+f.val);break;case"<sz/>":case"</sz>":break;case"<vertAlign":f.val&&(n.vertAlign=f.val);break;case"<vertAlign/>":case"</vertAlign>":break;case"<family":f.val&&(n.family=parseInt(f.val,10));break;case"<family/>":case"</family>":break;case"<scheme":f.val&&(n.scheme=f.val);break;case"<scheme/>":case"</scheme>":break;case"<charset":if(f.val=="1")break;f.codepage=ri[parseInt(f.val,10)];break;case"<color":if(n.color||(n.color={}),f.auto&&(n.color.auto=Be(f.auto)),f.rgb)n.color.rgb=f.rgb.slice(-6);else if(f.indexed){n.color.index=parseInt(f.indexed,10);var c=Rt[n.color.index];n.color.index==81&&(c=Rt[1]),c||(c=Rt[1]),n.color.rgb=c[0].toString(16)+c[1].toString(16)+c[2].toString(16)}else f.theme&&(n.color.theme=parseInt(f.theme,10),f.tint&&(n.color.tint=parseFloat(f.tint)),f.theme&&r.themeElements&&r.themeElements.clrScheme&&(n.color.rgb=mn(r.themeElements.clrScheme[n.color.theme].rgb,n.color.tint||0)));break;case"<color/>":case"</color>":break;case"<AlternateContent":i=!0;break;case"</AlternateContent>":i=!1;break;case"<extLst":case"<extLst>":case"</extLst>":break;case"<ext":i=!0;break;case"</ext>":i=!1;break;default:if(a&&a.WTF&&!i)throw new Error("unrecognized "+f[0]+" in fonts")}})}function s0(e,t,r){t.NumberFmt=[];for(var a=Ke(pe),n=0;n<a.length;++n)t.NumberFmt[a[n]]=pe[a[n]];var i=e[0].match(wr);if(i)for(n=0;n<i.length;++n){var s=ge(i[n]);switch(rt(s[0])){case"<numFmts":case"</numFmts>":case"<numFmts/>":case"<numFmts>":break;case"<numFmt":{var f=Oe(Le(s.formatCode)),c=parseInt(s.numFmtId,10);if(t.NumberFmt[c]=f,c>0){if(c>392){for(c=392;c>60&&t.NumberFmt[c]!=null;--c);t.NumberFmt[c]=f}ct(f,c)}}break;case"</numFmt>":break;default:if(r.WTF)throw new Error("unrecognized "+s[0]+" in numFmts")}}}function f0(e){var t=["<numFmts>"];return[[5,8],[23,26],[41,44],[50,392]].forEach(function(r){for(var a=r[0];a<=r[1];++a)e[a]!=null&&(t[t.length]=ae("numFmt",null,{numFmtId:a,formatCode:Pe(e[a])}))}),t.length===1?"":(t[t.length]="</numFmts>",t[0]=ae("numFmts",null,{count:t.length-2}).replace("/>",">"),t.join(""))}var rn=["numFmtId","fillId","fontId","borderId","xfId"],tn=["applyAlignment","applyBorder","applyFill","applyFont","applyNumberFormat","applyProtection","pivotButton","quotePrefix"];function c0(e,t,r){t.CellXf=[];var a,n=!1;(e[0].match(wr)||[]).forEach(function(i){var s=ge(i),f=0;switch(rt(s[0])){case"<cellXfs":case"<cellXfs>":case"<cellXfs/>":case"</cellXfs>":break;case"<xf":case"<xf/>":for(a=s,delete a[0],f=0;f<rn.length;++f)a[rn[f]]&&(a[rn[f]]=parseInt(a[rn[f]],10));for(f=0;f<tn.length;++f)a[tn[f]]&&(a[tn[f]]=Be(a[tn[f]]));if(t.NumberFmt&&a.numFmtId>392){for(f=392;f>60;--f)if(t.NumberFmt[a.numFmtId]==t.NumberFmt[f]){a.numFmtId=f;break}}t.CellXf.push(a);break;case"</xf>":break;case"<alignment":case"<alignment/>":var c={};s.vertical&&(c.vertical=s.vertical),s.horizontal&&(c.horizontal=s.horizontal),s.textRotation!=null&&(c.textRotation=s.textRotation),s.indent&&(c.indent=s.indent),s.wrapText&&(c.wrapText=Be(s.wrapText)),a.alignment=c;break;case"</alignment>":break;case"<protection":break;case"</protection>":case"<protection/>":break;case"<AlternateContent":n=!0;break;case"</AlternateContent>":n=!1;break;case"<extLst":case"<extLst>":case"</extLst>":break;case"<ext":n=!0;break;case"</ext>":n=!1;break;default:if(r&&r.WTF&&!n)throw new Error("unrecognized "+s[0]+" in cellXfs")}})}function o0(e){var t=[];return t[t.length]=ae("cellXfs",null),e.forEach(function(r){t[t.length]=ae("xf",null,r)}),t[t.length]="</cellXfs>",t.length===2?"":(t[0]=ae("cellXfs",null,{count:t.length-2}).replace("/>",">"),t.join(""))}var l0=(function(){var t=/<(?:\w+:)?numFmts([^>]*)>[\S\s]*?<\/(?:\w+:)?numFmts>/,r=/<(?:\w+:)?cellXfs([^>]*)>[\S\s]*?<\/(?:\w+:)?cellXfs>/,a=/<(?:\w+:)?fills([^>]*)>[\S\s]*?<\/(?:\w+:)?fills>/,n=/<(?:\w+:)?fonts([^>]*)>[\S\s]*?<\/(?:\w+:)?fonts>/,i=/<(?:\w+:)?borders([^>]*)>[\S\s]*?<\/(?:\w+:)?borders>/;return function(f,c,o){var l={};if(!f)return l;f=f.replace(/<!--([\s\S]*?)-->/mg,"").replace(/<!DOCTYPE[^\[]*\[[^\]]*\]>/gm,"");var h;return(h=f.match(t))&&s0(h,l,o),(h=f.match(n))&&i0(h,l,c,o),(h=f.match(a))&&n0(h,l,c,o),(h=f.match(i))&&a0(h,l,c,o),(h=f.match(r))&&c0(h,l,o),l}})();function Ac(e,t){var r=[qe,ae("styleSheet",null,{xmlns:Wt[0],"xmlns:vt":ar.vt})],a;return e.SSF&&(a=f0(e.SSF))!=null&&(r[r.length]=a),r[r.length]='<fonts count="1"><font><sz val="12"/><color theme="1"/><name val="Calibri"/><family val="2"/><scheme val="minor"/></font></fonts>',r[r.length]='<fills count="2"><fill><patternFill patternType="none"/></fill><fill><patternFill patternType="gray125"/></fill></fills>',r[r.length]='<borders count="1"><border><left/><right/><top/><bottom/><diagonal/></border></borders>',r[r.length]='<cellStyleXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0"/></cellStyleXfs>',(a=o0(t.cellXfs))&&(r[r.length]=a),r[r.length]='<cellStyles count="1"><cellStyle name="Normal" xfId="0" builtinId="0"/></cellStyles>',r[r.length]='<dxfs count="0"/>',r[r.length]='<tableStyles count="0" defaultTableStyle="TableStyleMedium9" defaultPivotStyle="PivotStyleMedium4"/>',r.length>2&&(r[r.length]="</styleSheet>",r[1]=r[1].replace("/>",">")),r.join("")}function h0(e,t){var r=e.read_shift(2),a=gr(e);return[r,a]}function u0(e,t,r){r||(r=X(6+4*t.length)),r.write_shift(2,e),fr(t,r);var a=r.length>r.l?r.slice(0,r.l):r;return r.l==null&&(r.l=r.length),a}function d0(e,t,r){var a={};a.sz=e.read_shift(2)/20;var n=Yl(e);n.fItalic&&(a.italic=1),n.fCondense&&(a.condense=1),n.fExtend&&(a.extend=1),n.fShadow&&(a.shadow=1),n.fOutline&&(a.outline=1),n.fStrikeout&&(a.strike=1);var i=e.read_shift(2);switch(i===700&&(a.bold=1),e.read_shift(2)){case 1:a.vertAlign="superscript";break;case 2:a.vertAlign="subscript";break}var s=e.read_shift(1);s!=0&&(a.underline=s);var f=e.read_shift(1);f>0&&(a.family=f);var c=e.read_shift(1);switch(c>0&&(a.charset=c),e.l++,a.color=Kl(e),e.read_shift(1)){case 1:a.scheme="major";break;case 2:a.scheme="minor";break}return a.name=gr(e),a}function v0(e,t){t||(t=X(153)),t.write_shift(2,e.sz*20),jl(e,t),t.write_shift(2,e.bold?700:400);var r=0;e.vertAlign=="superscript"?r=1:e.vertAlign=="subscript"&&(r=2),t.write_shift(2,r),t.write_shift(1,e.underline||0),t.write_shift(1,e.family||0),t.write_shift(1,e.charset||0),t.write_shift(1,0),dn(e.color,t);var a=0;return a=2,t.write_shift(1,a),fr(e.name,t),t.length>t.l?t.slice(0,t.l):t}var p0=["none","solid","mediumGray","darkGray","lightGray","darkHorizontal","darkVertical","darkDown","darkUp","darkGrid","darkTrellis","lightHorizontal","lightVertical","lightDown","lightUp","lightGrid","lightTrellis","gray125","gray0625"],bn,m0=_r;function Ms(e,t){t||(t=X(84)),bn||(bn=Tn(p0));var r=bn[e.patternType];r==null&&(r=40),t.write_shift(4,r);var a=0;if(r!=40)for(dn({auto:1},t),dn({auto:1},t);a<12;++a)t.write_shift(4,0);else{for(;a<4;++a)t.write_shift(4,0);for(;a<12;++a)t.write_shift(4,0)}return t.length>t.l?t.slice(0,t.l):t}function g0(e,t){var r=e.l+t,a=e.read_shift(2),n=e.read_shift(2);return e.l=r,{ixfe:a,numFmtId:n}}function Cc(e,t,r){r||(r=X(16)),r.write_shift(2,t||0),r.write_shift(2,e.numFmtId||0),r.write_shift(2,0),r.write_shift(2,0),r.write_shift(2,0),r.write_shift(1,0),r.write_shift(1,0);var a=0;return r.write_shift(1,a),r.write_shift(1,0),r.write_shift(1,0),r.write_shift(1,0),r}function da(e,t){return t||(t=X(10)),t.write_shift(1,0),t.write_shift(1,0),t.write_shift(4,0),t.write_shift(4,0),t}var _0=_r;function w0(e,t){return t||(t=X(51)),t.write_shift(1,0),da(null,t),da(null,t),da(null,t),da(null,t),da(null,t),t.length>t.l?t.slice(0,t.l):t}function k0(e,t){return t||(t=X(52)),t.write_shift(4,e.xfId),t.write_shift(2,1),t.write_shift(1,0),t.write_shift(1,0),un(e.name||"",t),t.length>t.l?t.slice(0,t.l):t}function T0(e,t,r){var a=X(2052);return a.write_shift(4,e),un(t,a),un(r,a),a.length>a.l?a.slice(0,a.l):a}function E0(e,t,r){var a={};a.NumberFmt=[];for(var n in pe)a.NumberFmt[n]=pe[n];a.CellXf=[],a.Fonts=[];var i=[],s=!1;return ut(e,function(c,o,l){switch(l){case 44:a.NumberFmt[c[0]]=c[1],ct(c[1],c[0]);break;case 43:a.Fonts.push(c),c.color.theme!=null&&t&&t.themeElements&&t.themeElements.clrScheme&&(c.color.rgb=mn(t.themeElements.clrScheme[c.color.theme].rgb,c.color.tint||0));break;case 1025:break;case 45:break;case 46:break;case 47:i[i.length-1]==617&&a.CellXf.push(c);break;case 48:case 507:case 572:case 475:break;case 1171:case 2102:case 1130:case 512:case 2095:case 3072:break;case 35:s=!0;break;case 36:s=!1;break;case 37:i.push(l),s=!0;break;case 38:i.pop(),s=!1;break;default:if(o.T>0)i.push(l);else if(o.T<0)i.pop();else if(!s||r.WTF&&i[i.length-1]!=37)throw new Error("Unexpected record 0x"+l.toString(16))}}),a}function S0(e,t){if(t){var r=0;[[5,8],[23,26],[41,44],[50,392]].forEach(function(a){for(var n=a[0];n<=a[1];++n)t[n]!=null&&++r}),r!=0&&(j(e,615,Yr(r)),[[5,8],[23,26],[41,44],[50,392]].forEach(function(a){for(var n=a[0];n<=a[1];++n)t[n]!=null&&j(e,44,u0(n,t[n]))}),j(e,616))}}function y0(e){var t=1;j(e,611,Yr(t)),j(e,43,v0({sz:12,color:{theme:1},name:"Calibri",family:2})),j(e,612)}function x0(e){var t=2;j(e,603,Yr(t)),j(e,45,Ms({patternType:"none"})),j(e,45,Ms({patternType:"gray125"})),j(e,604)}function A0(e){var t=1;j(e,613,Yr(t)),j(e,46,w0()),j(e,614)}function C0(e){var t=1;j(e,626,Yr(t)),j(e,47,Cc({numFmtId:0},65535)),j(e,627)}function O0(e,t){j(e,617,Yr(t.length)),t.forEach(function(r){j(e,47,Cc(r,0))}),j(e,618)}function I0(e){var t=1;j(e,619,Yr(t)),j(e,48,k0({xfId:0,name:"Normal"})),j(e,620)}function R0(e){var t=0;j(e,505,Yr(t)),j(e,506)}function N0(e){var t=0;j(e,508,T0(t,"TableStyleMedium9","PivotStyleMedium4")),j(e,509)}function F0(e,t){var r=xr();return j(r,278),S0(r,e.SSF),y0(r),x0(r),A0(r),C0(r),O0(r,t.cellXfs),I0(r),R0(r),N0(r),j(r,279),r.end()}var P0=["</a:lt1>","</a:dk1>","</a:lt2>","</a:dk2>","</a:accent1>","</a:accent2>","</a:accent3>","</a:accent4>","</a:accent5>","</a:accent6>","</a:hlink>","</a:folHlink>"];function D0(e,t,r){t.themeElements.clrScheme=[];var a={};(e[0].match(wr)||[]).forEach(function(n){var i=ge(n);switch(i[0]){case"<a:clrScheme":case"</a:clrScheme>":break;case"<a:srgbClr":a.rgb=i.val;break;case"<a:sysClr":a.rgb=i.lastClr;break;case"<a:dk1>":case"</a:dk1>":case"<a:lt1>":case"</a:lt1>":case"<a:dk2>":case"</a:dk2>":case"<a:lt2>":case"</a:lt2>":case"<a:accent1>":case"</a:accent1>":case"<a:accent2>":case"</a:accent2>":case"<a:accent3>":case"</a:accent3>":case"<a:accent4>":case"</a:accent4>":case"<a:accent5>":case"</a:accent5>":case"<a:accent6>":case"</a:accent6>":case"<a:hlink>":case"</a:hlink>":case"<a:folHlink>":case"</a:folHlink>":i[0].charAt(1)==="/"?(t.themeElements.clrScheme[P0.indexOf(i[0])]=a,a={}):a.name=i[0].slice(3,i[0].length-1);break;default:if(r&&r.WTF)throw new Error("Unrecognized "+i[0]+" in clrScheme")}})}function L0(){}function b0(){}var M0=/<a:clrScheme([^>]*)>[\s\S]*<\/a:clrScheme>/,B0=/<a:fontScheme([^>]*)>[\s\S]*<\/a:fontScheme>/,U0=/<a:fmtScheme([^>]*)>[\s\S]*<\/a:fmtScheme>/;function W0(e,t,r){t.themeElements={};var a;[["clrScheme",M0,D0],["fontScheme",B0,L0],["fmtScheme",U0,b0]].forEach(function(n){if(!(a=e.match(n[1])))throw new Error(n[0]+" not found in themeElements");n[2](a,t,r)})}var H0=/<a:themeElements([^>]*)>[\s\S]*<\/a:themeElements>/;function Oc(e,t){(!e||e.length===0)&&(e=Oi());var r,a={};if(!(r=e.match(H0)))throw new Error("themeElements not found in theme");return W0(r[0],a,t),a.raw=e,a}function Oi(e,t){if(t&&t.themeXLSX)return t.themeXLSX;if(e&&typeof e.raw=="string")return e.raw;var r=[qe];return r[r.length]='<a:theme xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" name="Office Theme">',r[r.length]="<a:themeElements>",r[r.length]='<a:clrScheme name="Office">',r[r.length]='<a:dk1><a:sysClr val="windowText" lastClr="000000"/></a:dk1>',r[r.length]='<a:lt1><a:sysClr val="window" lastClr="FFFFFF"/></a:lt1>',r[r.length]='<a:dk2><a:srgbClr val="1F497D"/></a:dk2>',r[r.length]='<a:lt2><a:srgbClr val="EEECE1"/></a:lt2>',r[r.length]='<a:accent1><a:srgbClr val="4F81BD"/></a:accent1>',r[r.length]='<a:accent2><a:srgbClr val="C0504D"/></a:accent2>',r[r.length]='<a:accent3><a:srgbClr val="9BBB59"/></a:accent3>',r[r.length]='<a:accent4><a:srgbClr val="8064A2"/></a:accent4>',r[r.length]='<a:accent5><a:srgbClr val="4BACC6"/></a:accent5>',r[r.length]='<a:accent6><a:srgbClr val="F79646"/></a:accent6>',r[r.length]='<a:hlink><a:srgbClr val="0000FF"/></a:hlink>',r[r.length]='<a:folHlink><a:srgbClr val="800080"/></a:folHlink>',r[r.length]="</a:clrScheme>",r[r.length]='<a:fontScheme name="Office">',r[r.length]="<a:majorFont>",r[r.length]='<a:latin typeface="Cambria"/>',r[r.length]='<a:ea typeface=""/>',r[r.length]='<a:cs typeface=""/>',r[r.length]='<a:font script="Jpan" typeface="ＭＳ Ｐゴシック"/>',r[r.length]='<a:font script="Hang" typeface="맑은 고딕"/>',r[r.length]='<a:font script="Hans" typeface="宋体"/>',r[r.length]='<a:font script="Hant" typeface="新細明體"/>',r[r.length]='<a:font script="Arab" typeface="Times New Roman"/>',r[r.length]='<a:font script="Hebr" typeface="Times New Roman"/>',r[r.length]='<a:font script="Thai" typeface="Tahoma"/>',r[r.length]='<a:font script="Ethi" typeface="Nyala"/>',r[r.length]='<a:font script="Beng" typeface="Vrinda"/>',r[r.length]='<a:font script="Gujr" typeface="Shruti"/>',r[r.length]='<a:font script="Khmr" typeface="MoolBoran"/>',r[r.length]='<a:font script="Knda" typeface="Tunga"/>',r[r.length]='<a:font script="Guru" typeface="Raavi"/>',r[r.length]='<a:font script="Cans" typeface="Euphemia"/>',r[r.length]='<a:font script="Cher" typeface="Plantagenet Cherokee"/>',r[r.length]='<a:font script="Yiii" typeface="Microsoft Yi Baiti"/>',r[r.length]='<a:font script="Tibt" typeface="Microsoft Himalaya"/>',r[r.length]='<a:font script="Thaa" typeface="MV Boli"/>',r[r.length]='<a:font script="Deva" typeface="Mangal"/>',r[r.length]='<a:font script="Telu" typeface="Gautami"/>',r[r.length]='<a:font script="Taml" typeface="Latha"/>',r[r.length]='<a:font script="Syrc" typeface="Estrangelo Edessa"/>',r[r.length]='<a:font script="Orya" typeface="Kalinga"/>',r[r.length]='<a:font script="Mlym" typeface="Kartika"/>',r[r.length]='<a:font script="Laoo" typeface="DokChampa"/>',r[r.length]='<a:font script="Sinh" typeface="Iskoola Pota"/>',r[r.length]='<a:font script="Mong" typeface="Mongolian Baiti"/>',r[r.length]='<a:font script="Viet" typeface="Times New Roman"/>',r[r.length]='<a:font script="Uigh" typeface="Microsoft Uighur"/>',r[r.length]='<a:font script="Geor" typeface="Sylfaen"/>',r[r.length]="</a:majorFont>",r[r.length]="<a:minorFont>",r[r.length]='<a:latin typeface="Calibri"/>',r[r.length]='<a:ea typeface=""/>',r[r.length]='<a:cs typeface=""/>',r[r.length]='<a:font script="Jpan" typeface="ＭＳ Ｐゴシック"/>',r[r.length]='<a:font script="Hang" typeface="맑은 고딕"/>',r[r.length]='<a:font script="Hans" typeface="宋体"/>',r[r.length]='<a:font script="Hant" typeface="新細明體"/>',r[r.length]='<a:font script="Arab" typeface="Arial"/>',r[r.length]='<a:font script="Hebr" typeface="Arial"/>',r[r.length]='<a:font script="Thai" typeface="Tahoma"/>',r[r.length]='<a:font script="Ethi" typeface="Nyala"/>',r[r.length]='<a:font script="Beng" typeface="Vrinda"/>',r[r.length]='<a:font script="Gujr" typeface="Shruti"/>',r[r.length]='<a:font script="Khmr" typeface="DaunPenh"/>',r[r.length]='<a:font script="Knda" typeface="Tunga"/>',r[r.length]='<a:font script="Guru" typeface="Raavi"/>',r[r.length]='<a:font script="Cans" typeface="Euphemia"/>',r[r.length]='<a:font script="Cher" typeface="Plantagenet Cherokee"/>',r[r.length]='<a:font script="Yiii" typeface="Microsoft Yi Baiti"/>',r[r.length]='<a:font script="Tibt" typeface="Microsoft Himalaya"/>',r[r.length]='<a:font script="Thaa" typeface="MV Boli"/>',r[r.length]='<a:font script="Deva" typeface="Mangal"/>',r[r.length]='<a:font script="Telu" typeface="Gautami"/>',r[r.length]='<a:font script="Taml" typeface="Latha"/>',r[r.length]='<a:font script="Syrc" typeface="Estrangelo Edessa"/>',r[r.length]='<a:font script="Orya" typeface="Kalinga"/>',r[r.length]='<a:font script="Mlym" typeface="Kartika"/>',r[r.length]='<a:font script="Laoo" typeface="DokChampa"/>',r[r.length]='<a:font script="Sinh" typeface="Iskoola Pota"/>',r[r.length]='<a:font script="Mong" typeface="Mongolian Baiti"/>',r[r.length]='<a:font script="Viet" typeface="Arial"/>',r[r.length]='<a:font script="Uigh" typeface="Microsoft Uighur"/>',r[r.length]='<a:font script="Geor" typeface="Sylfaen"/>',r[r.length]="</a:minorFont>",r[r.length]="</a:fontScheme>",r[r.length]='<a:fmtScheme name="Office">',r[r.length]="<a:fillStyleLst>",r[r.length]='<a:solidFill><a:schemeClr val="phClr"/></a:solidFill>',r[r.length]='<a:gradFill rotWithShape="1">',r[r.length]="<a:gsLst>",r[r.length]='<a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="50000"/><a:satMod val="300000"/></a:schemeClr></a:gs>',r[r.length]='<a:gs pos="35000"><a:schemeClr val="phClr"><a:tint val="37000"/><a:satMod val="300000"/></a:schemeClr></a:gs>',r[r.length]='<a:gs pos="100000"><a:schemeClr val="phClr"><a:tint val="15000"/><a:satMod val="350000"/></a:schemeClr></a:gs>',r[r.length]="</a:gsLst>",r[r.length]='<a:lin ang="16200000" scaled="1"/>',r[r.length]="</a:gradFill>",r[r.length]='<a:gradFill rotWithShape="1">',r[r.length]="<a:gsLst>",r[r.length]='<a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="100000"/><a:shade val="100000"/><a:satMod val="130000"/></a:schemeClr></a:gs>',r[r.length]='<a:gs pos="100000"><a:schemeClr val="phClr"><a:tint val="50000"/><a:shade val="100000"/><a:satMod val="350000"/></a:schemeClr></a:gs>',r[r.length]="</a:gsLst>",r[r.length]='<a:lin ang="16200000" scaled="0"/>',r[r.length]="</a:gradFill>",r[r.length]="</a:fillStyleLst>",r[r.length]="<a:lnStyleLst>",r[r.length]='<a:ln w="9525" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"><a:shade val="95000"/><a:satMod val="105000"/></a:schemeClr></a:solidFill><a:prstDash val="solid"/></a:ln>',r[r.length]='<a:ln w="25400" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/></a:ln>',r[r.length]='<a:ln w="38100" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/></a:ln>',r[r.length]="</a:lnStyleLst>",r[r.length]="<a:effectStyleLst>",r[r.length]="<a:effectStyle>",r[r.length]="<a:effectLst>",r[r.length]='<a:outerShdw blurRad="40000" dist="20000" dir="5400000" rotWithShape="0"><a:srgbClr val="000000"><a:alpha val="38000"/></a:srgbClr></a:outerShdw>',r[r.length]="</a:effectLst>",r[r.length]="</a:effectStyle>",r[r.length]="<a:effectStyle>",r[r.length]="<a:effectLst>",r[r.length]='<a:outerShdw blurRad="40000" dist="23000" dir="5400000" rotWithShape="0"><a:srgbClr val="000000"><a:alpha val="35000"/></a:srgbClr></a:outerShdw>',r[r.length]="</a:effectLst>",r[r.length]="</a:effectStyle>",r[r.length]="<a:effectStyle>",r[r.length]="<a:effectLst>",r[r.length]='<a:outerShdw blurRad="40000" dist="23000" dir="5400000" rotWithShape="0"><a:srgbClr val="000000"><a:alpha val="35000"/></a:srgbClr></a:outerShdw>',r[r.length]="</a:effectLst>",r[r.length]='<a:scene3d><a:camera prst="orthographicFront"><a:rot lat="0" lon="0" rev="0"/></a:camera><a:lightRig rig="threePt" dir="t"><a:rot lat="0" lon="0" rev="1200000"/></a:lightRig></a:scene3d>',r[r.length]='<a:sp3d><a:bevelT w="63500" h="25400"/></a:sp3d>',r[r.length]="</a:effectStyle>",r[r.length]="</a:effectStyleLst>",r[r.length]="<a:bgFillStyleLst>",r[r.length]='<a:solidFill><a:schemeClr val="phClr"/></a:solidFill>',r[r.length]='<a:gradFill rotWithShape="1">',r[r.length]="<a:gsLst>",r[r.length]='<a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="40000"/><a:satMod val="350000"/></a:schemeClr></a:gs>',r[r.length]='<a:gs pos="40000"><a:schemeClr val="phClr"><a:tint val="45000"/><a:shade val="99000"/><a:satMod val="350000"/></a:schemeClr></a:gs>',r[r.length]='<a:gs pos="100000"><a:schemeClr val="phClr"><a:shade val="20000"/><a:satMod val="255000"/></a:schemeClr></a:gs>',r[r.length]="</a:gsLst>",r[r.length]='<a:path path="circle"><a:fillToRect l="50000" t="-80000" r="50000" b="180000"/></a:path>',r[r.length]="</a:gradFill>",r[r.length]='<a:gradFill rotWithShape="1">',r[r.length]="<a:gsLst>",r[r.length]='<a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="80000"/><a:satMod val="300000"/></a:schemeClr></a:gs>',r[r.length]='<a:gs pos="100000"><a:schemeClr val="phClr"><a:shade val="30000"/><a:satMod val="200000"/></a:schemeClr></a:gs>',r[r.length]="</a:gsLst>",r[r.length]='<a:path path="circle"><a:fillToRect l="50000" t="50000" r="50000" b="50000"/></a:path>',r[r.length]="</a:gradFill>",r[r.length]="</a:bgFillStyleLst>",r[r.length]="</a:fmtScheme>",r[r.length]="</a:themeElements>",r[r.length]="<a:objectDefaults>",r[r.length]="<a:spDef>",r[r.length]='<a:spPr/><a:bodyPr/><a:lstStyle/><a:style><a:lnRef idx="1"><a:schemeClr val="accent1"/></a:lnRef><a:fillRef idx="3"><a:schemeClr val="accent1"/></a:fillRef><a:effectRef idx="2"><a:schemeClr val="accent1"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="lt1"/></a:fontRef></a:style>',r[r.length]="</a:spDef>",r[r.length]="<a:lnDef>",r[r.length]='<a:spPr/><a:bodyPr/><a:lstStyle/><a:style><a:lnRef idx="2"><a:schemeClr val="accent1"/></a:lnRef><a:fillRef idx="0"><a:schemeClr val="accent1"/></a:fillRef><a:effectRef idx="1"><a:schemeClr val="accent1"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="tx1"/></a:fontRef></a:style>',r[r.length]="</a:lnDef>",r[r.length]="</a:objectDefaults>",r[r.length]="<a:extraClrSchemeLst/>",r[r.length]="</a:theme>",r.join("")}function V0(e,t,r){var a=e.l+t,n=e.read_shift(4);if(n!==124226){if(!r.cellStyles){e.l=a;return}var i=e.slice(e.l);e.l=a;var s;try{s=kf(i,{type:"array"})}catch{return}var f=Nr(s,"theme/theme/theme1.xml",!0);if(f)return Oc(f,r)}}function G0(e){return e.read_shift(4)}function X0(e){var t={};switch(t.xclrType=e.read_shift(2),t.nTintShade=e.read_shift(2),t.xclrType){case 0:e.l+=4;break;case 1:t.xclrValue=z0(e,4);break;case 2:t.xclrValue=fc(e);break;case 3:t.xclrValue=G0(e);break;case 4:e.l+=4;break}return e.l+=8,t}function z0(e,t){return _r(e,t)}function $0(e,t){return _r(e,t)}function K0(e){var t=e.read_shift(2),r=e.read_shift(2)-4,a=[t];switch(t){case 4:case 5:case 7:case 8:case 9:case 10:case 11:case 13:a[1]=X0(e);break;case 6:a[1]=$0(e,r);break;case 14:case 15:a[1]=e.read_shift(r===1?1:2);break;default:throw new Error("Unrecognized ExtProp type: "+t+" "+r)}return a}function Y0(e,t){var r=e.l+t;e.l+=2;var a=e.read_shift(2);e.l+=2;for(var n=e.read_shift(2),i=[];n-- >0;)i.push(K0(e,r-e.l));return{ixfe:a,ext:i}}function j0(e,t){t.forEach(function(r){r[0]})}function J0(e,t){return{flags:e.read_shift(4),version:e.read_shift(4),name:gr(e)}}function Z0(e){var t=X(12+2*e.name.length);return t.write_shift(4,e.flags),t.write_shift(4,e.version),fr(e.name,t),t.slice(0,t.l)}function q0(e){for(var t=[],r=e.read_shift(4);r-- >0;)t.push([e.read_shift(4),e.read_shift(4)]);return t}function Q0(e){var t=X(4+8*e.length);t.write_shift(4,e.length);for(var r=0;r<e.length;++r)t.write_shift(4,e[r][0]),t.write_shift(4,e[r][1]);return t}function e2(e,t){var r=X(8+2*t.length);return r.write_shift(4,e),fr(t,r),r.slice(0,r.l)}function r2(e){return e.l+=4,e.read_shift(4)!=0}function t2(e,t){var r=X(8);return r.write_shift(4,e),r.write_shift(4,1),r}function a2(e,t,r){var a={Types:[],Cell:[],Value:[]},n=r||{},i=[],s=!1,f=2;return ut(e,function(c,o,l){switch(l){case 335:a.Types.push({name:c.name});break;case 51:c.forEach(function(h){f==1?a.Cell.push({type:a.Types[h[0]-1].name,index:h[1]}):f==0&&a.Value.push({type:a.Types[h[0]-1].name,index:h[1]})});break;case 337:f=c?1:0;break;case 338:f=2;break;case 35:i.push(l),s=!0;break;case 36:i.pop(),s=!1;break;default:if(!o.T){if(!s||n.WTF&&i[i.length-1]!=35)throw new Error("Unexpected record 0x"+l.toString(16))}}}),a}function n2(){var e=xr();return j(e,332),j(e,334,Yr(1)),j(e,335,Z0({name:"XLDAPR",version:12e4,flags:3496657072})),j(e,336),j(e,339,e2(1,"XLDAPR")),j(e,52),j(e,35,Yr(514)),j(e,4096,Yr(0)),j(e,4097,Wr(1)),j(e,36),j(e,53),j(e,340),j(e,337,t2(1)),j(e,51,Q0([[1,0]])),j(e,338),j(e,333),e.end()}function i2(e,t,r){var a={Types:[],Cell:[],Value:[]};if(!e)return a;var n=!1,i=2,s;return e.replace(wr,function(f){var c=ge(f);switch(rt(c[0])){case"<?xml":break;case"<metadata":case"</metadata>":break;case"<metadataTypes":case"</metadataTypes>":break;case"<metadataType":a.Types.push({name:c.name});break;case"</metadataType>":break;case"<futureMetadata":for(var o=0;o<a.Types.length;++o)a.Types[o].name==c.name&&(s=a.Types[o]);break;case"</futureMetadata>":break;case"<bk>":break;case"</bk>":break;case"<rc":i==1?a.Cell.push({type:a.Types[c.t-1].name,index:+c.v}):i==0&&a.Value.push({type:a.Types[c.t-1].name,index:+c.v});break;case"</rc>":break;case"<cellMetadata":i=1;break;case"</cellMetadata>":i=2;break;case"<valueMetadata":i=0;break;case"</valueMetadata>":i=2;break;case"<extLst":case"<extLst>":case"</extLst>":case"<extLst/>":break;case"<ext":n=!0;break;case"</ext>":n=!1;break;case"<rvb":if(!s)break;s.offsets||(s.offsets=[]),s.offsets.push(+c.i);break;default:if(!n&&r.WTF)throw new Error("unrecognized "+c[0]+" in metadata")}return f}),a}function Ic(){var e=[qe];return e.push(`<metadata xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:xlrd="http://schemas.microsoft.com/office/spreadsheetml/2017/richdata" xmlns:xda="http://schemas.microsoft.com/office/spreadsheetml/2017/dynamicarray">
+  <metadataTypes count="1">
+    <metadataType name="XLDAPR" minSupportedVersion="120000" copy="1" pasteAll="1" pasteValues="1" merge="1" splitFirst="1" rowColShift="1" clearFormats="1" clearComments="1" assign="1" coerce="1" cellMeta="1"/>
+  </metadataTypes>
+  <futureMetadata name="XLDAPR" count="1">
+    <bk>
+      <extLst>
+        <ext uri="{bdbb8cdc-fa1e-496e-a857-3c3f30c029c3}">
+          <xda:dynamicArrayProperties fDynamic="1" fCollapsed="0"/>
+        </ext>
+      </extLst>
+    </bk>
+  </futureMetadata>
+  <cellMetadata count="1">
+    <bk>
+      <rc t="1" v="0"/>
+    </bk>
+  </cellMetadata>
+</metadata>`),e.join("")}function s2(e){var t=[];if(!e)return t;var r=1;return(e.match(wr)||[]).forEach(function(a){var n=ge(a);switch(n[0]){case"<?xml":break;case"<calcChain":case"<calcChain>":case"</calcChain>":break;case"<c":delete n[0],n.i?r=n.i:n.i=r,t.push(n);break}}),t}function f2(e){var t={};t.i=e.read_shift(4);var r={};r.r=e.read_shift(4),r.c=e.read_shift(4),t.r=me(r);var a=e.read_shift(1);return a&2&&(t.l="1"),a&8&&(t.a="1"),t}function c2(e,t,r){var a=[];return ut(e,function(i,s,f){switch(f){case 63:a.push(i);break;default:if(!s.T)throw new Error("Unexpected record 0x"+f.toString(16))}}),a}function o2(e,t,r,a){if(!e)return e;var n=a||{},i=!1;ut(e,function(f,c,o){switch(o){case 359:case 363:case 364:case 366:case 367:case 368:case 369:case 370:case 371:case 472:case 577:case 578:case 579:case 580:case 581:case 582:case 583:case 584:case 585:case 586:case 587:break;case 35:i=!0;break;case 36:i=!1;break;default:if(!c.T){if(!i||n.WTF)throw new Error("Unexpected record 0x"+o.toString(16))}}},n)}function l2(e,t){if(!e)return"??";var r=(e.match(/<c:chart [^>]*r:id="([^"]*)"/)||["",""])[1];return t["!id"][r].Target}var Jt=1024;function Rc(e,t){for(var r=[21600,21600],a=["m0,0l0",r[1],r[0],r[1],r[0],"0xe"].join(","),n=[ae("xml",null,{"xmlns:v":Or.v,"xmlns:o":Or.o,"xmlns:x":Or.x,"xmlns:mv":Or.mv}).replace(/\/>/,">"),ae("o:shapelayout",ae("o:idmap",null,{"v:ext":"edit",data:e}),{"v:ext":"edit"}),ae("v:shapetype",[ae("v:stroke",null,{joinstyle:"miter"}),ae("v:path",null,{gradientshapeok:"t","o:connecttype":"rect"})].join(""),{id:"_x0000_t202","o:spt":202,coordsize:r.join(","),path:a})];Jt<e*1e3;)Jt+=1e3;return t.forEach(function(i){var s=Xe(i[0]),f={color2:"#BEFF82",type:"gradient"};f.type=="gradient"&&(f.angle="-180");var c=f.type=="gradient"?ae("o:fill",null,{type:"gradientUnscaled","v:ext":"view"}):null,o=ae("v:fill",c,f),l={on:"t",obscured:"t"};++Jt,n=n.concat(["<v:shape"+Ia({id:"_x0000_s"+Jt,type:"#_x0000_t202",style:"position:absolute; margin-left:80pt;margin-top:5pt;width:104pt;height:64pt;z-index:10"+(i[1].hidden?";visibility:hidden":""),fillcolor:"#ECFAD4",strokecolor:"#edeaa1"})+">",o,ae("v:shadow",null,l),ae("v:path",null,{"o:connecttype":"none"}),'<v:textbox><div style="text-align:left"></div></v:textbox>','<x:ClientData ObjectType="Note">',"<x:MoveWithCells/>","<x:SizeWithCells/>",lr("x:Anchor",[s.c+1,0,s.r+1,0,s.c+3,20,s.r+5,20].join(",")),lr("x:AutoFill","False"),lr("x:Row",String(s.r)),lr("x:Column",String(s.c)),i[1].hidden?"":"<x:Visible/>","</x:ClientData>","</v:shape>"])}),n.push("</xml>"),n.join("")}function Bs(e,t,r,a){var n=Array.isArray(e),i;t.forEach(function(s){var f=Xe(s.ref);if(n?(e[f.r]||(e[f.r]=[]),i=e[f.r][f.c]):i=e[s.ref],!i){i={t:"z"},n?e[f.r][f.c]=i:e[s.ref]=i;var c=Ie(e["!ref"]||"BDWGO1000001:A1");c.s.r>f.r&&(c.s.r=f.r),c.e.r<f.r&&(c.e.r=f.r),c.s.c>f.c&&(c.s.c=f.c),c.e.c<f.c&&(c.e.c=f.c);var o=Te(c);o!==e["!ref"]&&(e["!ref"]=o)}i.c||(i.c=[]);var l={a:s.author,t:s.t,r:s.r,T:r};s.h&&(l.h=s.h);for(var h=i.c.length-1;h>=0;--h){if(!r&&i.c[h].T)return;r&&!i.c[h].T&&i.c.splice(h,1)}if(r&&a){for(h=0;h<a.length;++h)if(l.a==a[h].id){l.a=a[h].name||l.a;break}}i.c.push(l)})}function h2(e,t){if(e.match(/<(?:\w+:)?comments *\/>/))return[];var r=[],a=[],n=e.match(/<(?:\w+:)?authors>([\s\S]*)<\/(?:\w+:)?authors>/);n&&n[1]&&n[1].split(/<\/\w*:?author>/).forEach(function(s){if(!(s===""||s.trim()==="")){var f=s.match(/<(?:\w+:)?author[^>]*>(.*)/);f&&r.push(f[1])}});var i=e.match(/<(?:\w+:)?commentList>([\s\S]*)<\/(?:\w+:)?commentList>/);return i&&i[1]&&i[1].split(/<\/\w*:?comment>/).forEach(function(s){if(!(s===""||s.trim()==="")){var f=s.match(/<(?:\w+:)?comment[^>]*>/);if(f){var c=ge(f[0]),o={author:c.authorId&&r[c.authorId]||"sheetjsghost",ref:c.ref,guid:c.guid},l=Xe(c.ref);if(!(t.sheetRows&&t.sheetRows<=l.r)){var h=s.match(/<(?:\w+:)?text>([\s\S]*)<\/(?:\w+:)?text>/),d=!!h&&!!h[1]&&xi(h[1])||{r:"",t:"",h:""};o.r=d.r,d.r=="<t></t>"&&(d.t=d.h=""),o.t=(d.t||"").replace(/\r\n/g,`
+`).replace(/\r/g,`
+`),t.cellHTML&&(o.h=d.h),a.push(o)}}}}),a}function Nc(e){var t=[qe,ae("comments",null,{xmlns:Wt[0]})],r=[];return t.push("<authors>"),e.forEach(function(a){a[1].forEach(function(n){var i=Pe(n.a);r.indexOf(i)==-1&&(r.push(i),t.push("<author>"+i+"</author>")),n.T&&n.ID&&r.indexOf("tc="+n.ID)==-1&&(r.push("tc="+n.ID),t.push("<author>tc="+n.ID+"</author>"))})}),r.length==0&&(r.push("SheetJ5"),t.push("<author>SheetJ5</author>")),t.push("</authors>"),t.push("<commentList>"),e.forEach(function(a){var n=0,i=[];if(a[1][0]&&a[1][0].T&&a[1][0].ID?n=r.indexOf("tc="+a[1][0].ID):a[1].forEach(function(c){c.a&&(n=r.indexOf(Pe(c.a))),i.push(c.t||"")}),t.push('<comment ref="'+a[0]+'" authorId="'+n+'"><text>'),i.length<=1)t.push(lr("t",Pe(i[0]||"")));else{for(var s=`Comment:
+    `+i[0]+`
+`,f=1;f<i.length;++f)s+=`Reply:
+    `+i[f]+`
+`;t.push(lr("t",Pe(s)))}t.push("</text></comment>")}),t.push("</commentList>"),t.length>2&&(t[t.length]="</comments>",t[1]=t[1].replace("/>",">")),t.join("")}function u2(e,t){var r=[],a=!1,n={},i=0;return e.replace(wr,function(f,c){var o=ge(f);switch(rt(o[0])){case"<?xml":break;case"<ThreadedComments":break;case"</ThreadedComments>":break;case"<threadedComment":n={author:o.personId,guid:o.id,ref:o.ref,T:1};break;case"</threadedComment>":n.t!=null&&r.push(n);break;case"<text>":case"<text":i=c+f.length;break;case"</text>":n.t=e.slice(i,c).replace(/\r\n/g,`
+`).replace(/\r/g,`
+`);break;case"<mentions":case"<mentions>":a=!0;break;case"</mentions>":a=!1;break;case"<extLst":case"<extLst>":case"</extLst>":case"<extLst/>":break;case"<ext":a=!0;break;case"</ext>":a=!1;break;default:if(!a&&t.WTF)throw new Error("unrecognized "+o[0]+" in threaded comments")}return f}),r}function d2(e,t,r){var a=[qe,ae("ThreadedComments",null,{xmlns:ar.TCMNT}).replace(/[\/]>/,">")];return e.forEach(function(n){var i="";(n[1]||[]).forEach(function(s,f){if(!s.T){delete s.ID;return}s.a&&t.indexOf(s.a)==-1&&t.push(s.a);var c={ref:n[0],id:"{54EE7951-7262-4200-6969-"+("000000000000"+r.tcid++).slice(-12)+"}"};f==0?i=c.id:c.parentId=i,s.ID=c.id,s.a&&(c.personId="{54EE7950-7262-4200-6969-"+("000000000000"+t.indexOf(s.a)).slice(-12)+"}"),a.push(ae("threadedComment",lr("text",s.t||""),c))})}),a.push("</ThreadedComments>"),a.join("")}function v2(e,t){var r=[],a=!1;return e.replace(wr,function(i){var s=ge(i);switch(rt(s[0])){case"<?xml":break;case"<personList":break;case"</personList>":break;case"<person":r.push({name:s.displayname,id:s.id});break;case"</person>":break;case"<extLst":case"<extLst>":case"</extLst>":case"<extLst/>":break;case"<ext":a=!0;break;case"</ext>":a=!1;break;default:if(!a&&t.WTF)throw new Error("unrecognized "+s[0]+" in threaded comments")}return i}),r}function p2(e){var t=[qe,ae("personList",null,{xmlns:ar.TCMNT,"xmlns:x":Wt[0]}).replace(/[\/]>/,">")];return e.forEach(function(r,a){t.push(ae("person",null,{displayName:r,id:"{54EE7950-7262-4200-6969-"+("000000000000"+a).slice(-12)+"}",userId:r,providerId:"None"}))}),t.push("</personList>"),t.join("")}function m2(e){var t={};t.iauthor=e.read_shift(4);var r=Xt(e);return t.rfx=r.s,t.ref=me(r.s),e.l+=16,t}function g2(e,t){return t==null&&(t=X(36)),t.write_shift(4,e[1].iauthor),fa(e[0],t),t.write_shift(4,0),t.write_shift(4,0),t.write_shift(4,0),t.write_shift(4,0),t}var _2=gr;function w2(e){return fr(e.slice(0,54))}function k2(e,t){var r=[],a=[],n={},i=!1;return ut(e,function(f,c,o){switch(o){case 632:a.push(f);break;case 635:n=f;break;case 637:n.t=f.t,n.h=f.h,n.r=f.r;break;case 636:if(n.author=a[n.iauthor],delete n.iauthor,t.sheetRows&&n.rfx&&t.sheetRows<=n.rfx.r)break;n.t||(n.t=""),delete n.rfx,r.push(n);break;case 3072:break;case 35:i=!0;break;case 36:i=!1;break;case 37:break;case 38:break;default:if(!c.T){if(!i||t.WTF)throw new Error("Unexpected record 0x"+o.toString(16))}}}),r}function T2(e){var t=xr(),r=[];return j(t,628),j(t,630),e.forEach(function(a){a[1].forEach(function(n){r.indexOf(n.a)>-1||(r.push(n.a.slice(0,54)),j(t,632,w2(n.a)))})}),j(t,631),j(t,633),e.forEach(function(a){a[1].forEach(function(n){n.iauthor=r.indexOf(n.a);var i={s:Xe(a[0]),e:Xe(a[0])};j(t,635,g2([i,n])),n.t&&n.t.length>0&&j(t,637,Gl(n)),j(t,636),delete n.iauthor})}),j(t,634),j(t,629),t.end()}var E2="application/vnd.ms-office.vbaProject";function S2(e){var t=de.utils.cfb_new({root:"R"});return e.FullPaths.forEach(function(r,a){if(!(r.slice(-1)==="/"||!r.match(/_VBA_PROJECT_CUR/))){var n=r.replace(/^[^\/]*/,"R").replace(/\/_VBA_PROJECT_CUR\u0000*/,"");de.utils.cfb_add(t,n,e.FileIndex[a].content)}}),de.write(t)}function y2(e,t){t.FullPaths.forEach(function(r,a){if(a!=0){var n=r.replace(/[^\/]*[\/]/,"/_VBA_PROJECT_CUR/");n.slice(-1)!=="/"&&de.utils.cfb_add(e,n,t.FileIndex[a].content)}})}var Fc=["xlsb","xlsm","xlam","biff8","xla"];function x2(){return{"!type":"dialog"}}function A2(){return{"!type":"dialog"}}function C2(){return{"!type":"macro"}}function O2(){return{"!type":"macro"}}var Qt=(function(){var e=/(^|[^A-Za-z_])R(\[?-?\d+\]|[1-9]\d*|)C(\[?-?\d+\]|[1-9]\d*|)(?![A-Za-z0-9_])/g,t={r:0,c:0};function r(a,n,i,s){var f=!1,c=!1;i.length==0?c=!0:i.charAt(0)=="["&&(c=!0,i=i.slice(1,-1)),s.length==0?f=!0:s.charAt(0)=="["&&(f=!0,s=s.slice(1,-1));var o=i.length>0?parseInt(i,10)|0:0,l=s.length>0?parseInt(s,10)|0:0;return f?l+=t.c:--l,c?o+=t.r:--o,n+(f?"":"$")+Ge(l)+(c?"":"$")+Ze(o)}return function(n,i){return t=i,n.replace(e,r)}})(),Ii=/(^|[^._A-Z0-9])([$]?)([A-Z]{1,2}|[A-W][A-Z]{2}|X[A-E][A-Z]|XF[A-D])([$]?)(10[0-3]\d{4}|104[0-7]\d{3}|1048[0-4]\d{2}|10485[0-6]\d|104857[0-6]|[1-9]\d{0,5})(?![_.\(A-Za-z0-9])/g,Ri=(function(){return function(t,r){return t.replace(Ii,function(a,n,i,s,f,c){var o=mi(s)-(i?0:r.c),l=pi(c)-(f?0:r.r),h=l==0?"":f?l+1:"["+l+"]",d=o==0?"":i?o+1:"["+o+"]";return n+"R"+h+"C"+d})}})();function Pc(e,t){return e.replace(Ii,function(r,a,n,i,s,f){return a+(n=="$"?n+i:Ge(mi(i)+t.c))+(s=="$"?s+f:Ze(pi(f)+t.r))})}function I2(e,t,r){var a=Ar(t),n=a.s,i=Xe(r),s={r:i.r-n.r,c:i.c-n.c};return Pc(e,s)}function R2(e){return e.length!=1}function Us(e){return e.replace(/_xlfn\./g,"")}function Qe(e){e.l+=1}function Tt(e,t){var r=e.read_shift(2);return[r&16383,r>>14&1,r>>15&1]}function Dc(e,t,r){var a=2;if(r){if(r.biff>=2&&r.biff<=5)return Lc(e);r.biff==12&&(a=4)}var n=e.read_shift(a),i=e.read_shift(a),s=Tt(e),f=Tt(e);return{s:{r:n,c:s[0],cRel:s[1],rRel:s[2]},e:{r:i,c:f[0],cRel:f[1],rRel:f[2]}}}function Lc(e){var t=Tt(e),r=Tt(e),a=e.read_shift(1),n=e.read_shift(1);return{s:{r:t[0],c:a,cRel:t[1],rRel:t[2]},e:{r:r[0],c:n,cRel:r[1],rRel:r[2]}}}function N2(e,t,r){if(r.biff<8)return Lc(e);var a=e.read_shift(r.biff==12?4:2),n=e.read_shift(r.biff==12?4:2),i=Tt(e),s=Tt(e);return{s:{r:a,c:i[0],cRel:i[1],rRel:i[2]},e:{r:n,c:s[0],cRel:s[1],rRel:s[2]}}}function bc(e,t,r){if(r&&r.biff>=2&&r.biff<=5)return F2(e);var a=e.read_shift(r&&r.biff==12?4:2),n=Tt(e);return{r:a,c:n[0],cRel:n[1],rRel:n[2]}}function F2(e){var t=Tt(e),r=e.read_shift(1);return{r:t[0],c:r,cRel:t[1],rRel:t[2]}}function P2(e){var t=e.read_shift(2),r=e.read_shift(2);return{r:t,c:r&255,fQuoted:!!(r&16384),cRel:r>>15,rRel:r>>15}}function D2(e,t,r){var a=r&&r.biff?r.biff:8;if(a>=2&&a<=5)return L2(e);var n=e.read_shift(a>=12?4:2),i=e.read_shift(2),s=(i&16384)>>14,f=(i&32768)>>15;if(i&=16383,f==1)for(;n>524287;)n-=1048576;if(s==1)for(;i>8191;)i=i-16384;return{r:n,c:i,cRel:s,rRel:f}}function L2(e){var t=e.read_shift(2),r=e.read_shift(1),a=(t&32768)>>15,n=(t&16384)>>14;return t&=16383,a==1&&t>=8192&&(t=t-16384),n==1&&r>=128&&(r=r-256),{r:t,c:r,cRel:n,rRel:a}}function b2(e,t,r){var a=(e[e.l++]&96)>>5,n=Dc(e,r.biff>=2&&r.biff<=5?6:8,r);return[a,n]}function M2(e,t,r){var a=(e[e.l++]&96)>>5,n=e.read_shift(2,"i"),i=8;if(r)switch(r.biff){case 5:e.l+=12,i=6;break;case 12:i=12;break}var s=Dc(e,i,r);return[a,n,s]}function B2(e,t,r){var a=(e[e.l++]&96)>>5;return e.l+=r&&r.biff>8?12:r.biff<8?6:8,[a]}function U2(e,t,r){var a=(e[e.l++]&96)>>5,n=e.read_shift(2),i=8;if(r)switch(r.biff){case 5:e.l+=12,i=6;break;case 12:i=12;break}return e.l+=i,[a,n]}function W2(e,t,r){var a=(e[e.l++]&96)>>5,n=N2(e,t-1,r);return[a,n]}function H2(e,t,r){var a=(e[e.l++]&96)>>5;return e.l+=r.biff==2?6:r.biff==12?14:7,[a]}function Ws(e){var t=e[e.l+1]&1,r=1;return e.l+=4,[t,r]}function V2(e,t,r){e.l+=2;for(var a=e.read_shift(r&&r.biff==2?1:2),n=[],i=0;i<=a;++i)n.push(e.read_shift(r&&r.biff==2?1:2));return n}function G2(e,t,r){var a=e[e.l+1]&255?1:0;return e.l+=2,[a,e.read_shift(r&&r.biff==2?1:2)]}function X2(e,t,r){var a=e[e.l+1]&255?1:0;return e.l+=2,[a,e.read_shift(r&&r.biff==2?1:2)]}function z2(e){var t=e[e.l+1]&255?1:0;return e.l+=2,[t,e.read_shift(2)]}function $2(e,t,r){var a=e[e.l+1]&255?1:0;return e.l+=r&&r.biff==2?3:4,[a]}function Mc(e){var t=e.read_shift(1),r=e.read_shift(1);return[t,r]}function K2(e){return e.read_shift(2),Mc(e)}function Y2(e){return e.read_shift(2),Mc(e)}function j2(e,t,r){var a=(e[e.l]&96)>>5;e.l+=1;var n=bc(e,0,r);return[a,n]}function J2(e,t,r){var a=(e[e.l]&96)>>5;e.l+=1;var n=D2(e,0,r);return[a,n]}function Z2(e,t,r){var a=(e[e.l]&96)>>5;e.l+=1;var n=e.read_shift(2);r&&r.biff==5&&(e.l+=12);var i=bc(e,0,r);return[a,n,i]}function q2(e,t,r){var a=(e[e.l]&96)>>5;e.l+=1;var n=e.read_shift(r&&r.biff<=3?1:2);return[rv[n],Wc[n],a]}function Q2(e,t,r){var a=e[e.l++],n=e.read_shift(1),i=r&&r.biff<=3?[a==88?-1:0,e.read_shift(1)]:ed(e);return[n,(i[0]===0?Wc:ev)[i[1]]]}function ed(e){return[e[e.l+1]>>7,e.read_shift(2)&32767]}function rd(e,t,r){e.l+=r&&r.biff==2?3:4}function td(e,t,r){if(e.l++,r&&r.biff==12)return[e.read_shift(4,"i"),0];var a=e.read_shift(2),n=e.read_shift(r&&r.biff==2?1:2);return[a,n]}function ad(e){return e.l++,dt[e.read_shift(1)]}function nd(e){return e.l++,e.read_shift(2)}function id(e){return e.l++,e.read_shift(1)!==0}function sd(e){return e.l++,mr(e)}function fd(e,t,r){return e.l++,Ha(e,t-1,r)}function cd(e,t){var r=[e.read_shift(1)];if(t==12)switch(r[0]){case 2:r[0]=4;break;case 4:r[0]=16;break;case 0:r[0]=1;break;case 1:r[0]=2;break}switch(r[0]){case 4:r[1]=Je(e,1)?"TRUE":"FALSE",t!=12&&(e.l+=7);break;case 37:case 16:r[1]=dt[e[e.l]],e.l+=t==12?4:8;break;case 0:e.l+=8;break;case 1:r[1]=mr(e);break;case 2:r[1]=zt(e,0,{biff:t>0&&t<8?2:t});break;default:throw new Error("Bad SerAr: "+r[0])}return r}function od(e,t,r){for(var a=e.read_shift(r.biff==12?4:2),n=[],i=0;i!=a;++i)n.push((r.biff==12?Xt:yn)(e));return n}function ld(e,t,r){var a=0,n=0;r.biff==12?(a=e.read_shift(4),n=e.read_shift(4)):(n=1+e.read_shift(1),a=1+e.read_shift(2)),r.biff>=2&&r.biff<8&&(--a,--n==0&&(n=256));for(var i=0,s=[];i!=a&&(s[i]=[]);++i)for(var f=0;f!=n;++f)s[i][f]=cd(e,r.biff);return s}function hd(e,t,r){var a=e.read_shift(1)>>>5&3,n=!r||r.biff>=8?4:2,i=e.read_shift(n);switch(r.biff){case 2:e.l+=5;break;case 3:case 4:e.l+=8;break;case 5:e.l+=12;break}return[a,0,i]}function ud(e,t,r){if(r.biff==5)return dd(e);var a=e.read_shift(1)>>>5&3,n=e.read_shift(2),i=e.read_shift(4);return[a,n,i]}function dd(e){var t=e.read_shift(1)>>>5&3,r=e.read_shift(2,"i");e.l+=8;var a=e.read_shift(2);return e.l+=12,[t,r,a]}function vd(e,t,r){var a=e.read_shift(1)>>>5&3;e.l+=r&&r.biff==2?3:4;var n=e.read_shift(r&&r.biff==2?1:2);return[a,n]}function pd(e,t,r){var a=e.read_shift(1)>>>5&3,n=e.read_shift(r&&r.biff==2?1:2);return[a,n]}function md(e,t,r){var a=e.read_shift(1)>>>5&3;return e.l+=4,r.biff<8&&e.l--,r.biff==12&&(e.l+=2),[a]}function gd(e,t,r){var a=(e[e.l++]&96)>>5,n=e.read_shift(2),i=4;if(r)switch(r.biff){case 5:i=15;break;case 12:i=6;break}return e.l+=i,[a,n]}var _d=_r,wd=_r,kd=_r;function Ga(e,t,r){return e.l+=2,[P2(e)]}function Ni(e){return e.l+=6,[]}var Td=Ga,Ed=Ni,Sd=Ni,yd=Ga;function Bc(e){return e.l+=2,[rr(e),e.read_shift(2)&1]}var xd=Ga,Ad=Bc,Cd=Ni,Od=Ga,Id=Ga,Rd=["Data","All","Headers","??","?Data2","??","?DataHeaders","??","Totals","??","??","??","?DataTotals","??","??","??","?Current"];function Nd(e){e.l+=2;var t=e.read_shift(2),r=e.read_shift(2),a=e.read_shift(4),n=e.read_shift(2),i=e.read_shift(2),s=Rd[r>>2&31];return{ixti:t,coltype:r&3,rt:s,idx:a,c:n,C:i}}function Fd(e){return e.l+=2,[e.read_shift(4)]}function Pd(e,t,r){return e.l+=5,e.l+=2,e.l+=r.biff==2?1:4,["PTGSHEET"]}function Dd(e,t,r){return e.l+=r.biff==2?4:5,["PTGENDSHEET"]}function Ld(e){var t=e.read_shift(1)>>>5&3,r=e.read_shift(2);return[t,r]}function bd(e){var t=e.read_shift(1)>>>5&3,r=e.read_shift(2);return[t,r]}function Md(e){return e.l+=4,[0,0]}var Hs={1:{n:"PtgExp",f:td},2:{n:"PtgTbl",f:kd},3:{n:"PtgAdd",f:Qe},4:{n:"PtgSub",f:Qe},5:{n:"PtgMul",f:Qe},6:{n:"PtgDiv",f:Qe},7:{n:"PtgPower",f:Qe},8:{n:"PtgConcat",f:Qe},9:{n:"PtgLt",f:Qe},10:{n:"PtgLe",f:Qe},11:{n:"PtgEq",f:Qe},12:{n:"PtgGe",f:Qe},13:{n:"PtgGt",f:Qe},14:{n:"PtgNe",f:Qe},15:{n:"PtgIsect",f:Qe},16:{n:"PtgUnion",f:Qe},17:{n:"PtgRange",f:Qe},18:{n:"PtgUplus",f:Qe},19:{n:"PtgUminus",f:Qe},20:{n:"PtgPercent",f:Qe},21:{n:"PtgParen",f:Qe},22:{n:"PtgMissArg",f:Qe},23:{n:"PtgStr",f:fd},26:{n:"PtgSheet",f:Pd},27:{n:"PtgEndSheet",f:Dd},28:{n:"PtgErr",f:ad},29:{n:"PtgBool",f:id},30:{n:"PtgInt",f:nd},31:{n:"PtgNum",f:sd},32:{n:"PtgArray",f:H2},33:{n:"PtgFunc",f:q2},34:{n:"PtgFuncVar",f:Q2},35:{n:"PtgName",f:hd},36:{n:"PtgRef",f:j2},37:{n:"PtgArea",f:b2},38:{n:"PtgMemArea",f:vd},39:{n:"PtgMemErr",f:_d},40:{n:"PtgMemNoMem",f:wd},41:{n:"PtgMemFunc",f:pd},42:{n:"PtgRefErr",f:md},43:{n:"PtgAreaErr",f:B2},44:{n:"PtgRefN",f:J2},45:{n:"PtgAreaN",f:W2},46:{n:"PtgMemAreaN",f:Ld},47:{n:"PtgMemNoMemN",f:bd},57:{n:"PtgNameX",f:ud},58:{n:"PtgRef3d",f:Z2},59:{n:"PtgArea3d",f:M2},60:{n:"PtgRefErr3d",f:gd},61:{n:"PtgAreaErr3d",f:U2},255:{}},Bd={64:32,96:32,65:33,97:33,66:34,98:34,67:35,99:35,68:36,100:36,69:37,101:37,70:38,102:38,71:39,103:39,72:40,104:40,73:41,105:41,74:42,106:42,75:43,107:43,76:44,108:44,77:45,109:45,78:46,110:46,79:47,111:47,88:34,120:34,89:57,121:57,90:58,122:58,91:59,123:59,92:60,124:60,93:61,125:61},Ud={1:{n:"PtgElfLel",f:Bc},2:{n:"PtgElfRw",f:Od},3:{n:"PtgElfCol",f:Td},6:{n:"PtgElfRwV",f:Id},7:{n:"PtgElfColV",f:yd},10:{n:"PtgElfRadical",f:xd},11:{n:"PtgElfRadicalS",f:Cd},13:{n:"PtgElfColS",f:Ed},15:{n:"PtgElfColSV",f:Sd},16:{n:"PtgElfRadicalLel",f:Ad},25:{n:"PtgList",f:Nd},29:{n:"PtgSxName",f:Fd},255:{}},Wd={0:{n:"PtgAttrNoop",f:Md},1:{n:"PtgAttrSemi",f:$2},2:{n:"PtgAttrIf",f:X2},4:{n:"PtgAttrChoose",f:V2},8:{n:"PtgAttrGoto",f:G2},16:{n:"PtgAttrSum",f:rd},32:{n:"PtgAttrBaxcel",f:Ws},33:{n:"PtgAttrBaxcel",f:Ws},64:{n:"PtgAttrSpace",f:K2},65:{n:"PtgAttrSpaceSemi",f:Y2},128:{n:"PtgAttrIfError",f:z2},255:{}};function Xa(e,t,r,a){if(a.biff<8)return _r(e,t);for(var n=e.l+t,i=[],s=0;s!==r.length;++s)switch(r[s][0]){case"PtgArray":r[s][1]=ld(e,0,a),i.push(r[s][1]);break;case"PtgMemArea":r[s][2]=od(e,r[s][1],a),i.push(r[s][2]);break;case"PtgExp":a&&a.biff==12&&(r[s][1][1]=e.read_shift(4),i.push(r[s][1]));break;case"PtgList":case"PtgElfRadicalS":case"PtgElfColS":case"PtgElfColSV":throw"Unsupported "+r[s][0]}return t=n-e.l,t!==0&&i.push(_r(e,t)),i}function za(e,t,r){for(var a=e.l+t,n,i,s=[];a!=e.l;)t=a-e.l,i=e[e.l],n=Hs[i]||Hs[Bd[i]],(i===24||i===25)&&(n=(i===24?Ud:Wd)[e[e.l+1]]),!n||!n.f?_r(e,t):s.push([n.n,n.f(e,t,r)]);return s}function Hd(e){for(var t=[],r=0;r<e.length;++r){for(var a=e[r],n=[],i=0;i<a.length;++i){var s=a[i];if(s)switch(s[0]){case 2:n.push('"'+s[1].replace(/"/g,'""')+'"');break;default:n.push(s[1])}else n.push("")}t.push(n.join(","))}return t.join(";")}var Vd={PtgAdd:"+",PtgConcat:"&",PtgDiv:"/",PtgEq:"=",PtgGe:">=",PtgGt:">",PtgLe:"<=",PtgLt:"<",PtgMul:"*",PtgNe:"<>",PtgPower:"^",PtgSub:"-"};function Gd(e,t){if(!e&&!(t&&t.biff<=5&&t.biff>=2))throw new Error("empty sheet name");return/[^\w\u4E00-\u9FFF\u3040-\u30FF]/.test(e)?"'"+e+"'":e}function Uc(e,t,r){if(!e)return"SH33TJSERR0";if(r.biff>8&&(!e.XTI||!e.XTI[t]))return e.SheetNames[t];if(!e.XTI)return"SH33TJSERR6";var a=e.XTI[t];if(r.biff<8)return t>1e4&&(t-=65536),t<0&&(t=-t),t==0?"":e.XTI[t-1];if(!a)return"SH33TJSERR1";var n="";if(r.biff>8)switch(e[a[0]][0]){case 357:return n=a[1]==-1?"#REF":e.SheetNames[a[1]],a[1]==a[2]?n:n+":"+e.SheetNames[a[2]];case 358:return r.SID!=null?e.SheetNames[r.SID]:"SH33TJSSAME"+e[a[0]][0];case 355:default:return"SH33TJSSRC"+e[a[0]][0]}switch(e[a[0]][0][0]){case 1025:return n=a[1]==-1?"#REF":e.SheetNames[a[1]]||"SH33TJSERR3",a[1]==a[2]?n:n+":"+e.SheetNames[a[2]];case 14849:return e[a[0]].slice(1)?.map(function(i){return i.Name}).join(";;");default:return e[a[0]][0][3]?(n=a[1]==-1?"#REF":e[a[0]][0][3][a[1]]||"SH33TJSERR4",a[1]==a[2]?n:n+":"+e[a[0]][0][3][a[2]]):"SH33TJSERR2"}}function Vs(e,t,r){var a=Uc(e,t,r);return a=="#REF"?a:Gd(a,r)}function vr(e,t,r,a,n){var i=n&&n.biff||8,s={s:{c:0,r:0}},f=[],c,o,l,h=0,d=0,v,p="";if(!e[0]||!e[0][0])return"";for(var u=-1,m="",T=0,A=e[0].length;T<A;++T){var _=e[0][T];switch(_[0]){case"PtgUminus":f.push("-"+f.pop());break;case"PtgUplus":f.push("+"+f.pop());break;case"PtgPercent":f.push(f.pop()+"%");break;case"PtgAdd":case"PtgConcat":case"PtgDiv":case"PtgEq":case"PtgGe":case"PtgGt":case"PtgLe":case"PtgLt":case"PtgMul":case"PtgNe":case"PtgPower":case"PtgSub":if(c=f.pop(),o=f.pop(),u>=0){switch(e[0][u][1][0]){case 0:m=ze(" ",e[0][u][1][1]);break;case 1:m=ze("\r",e[0][u][1][1]);break;default:if(m="",n.WTF)throw new Error("Unexpected PtgAttrSpaceType "+e[0][u][1][0])}o=o+m,u=-1}f.push(o+Vd[_[0]]+c);break;case"PtgIsect":c=f.pop(),o=f.pop(),f.push(o+" "+c);break;case"PtgUnion":c=f.pop(),o=f.pop(),f.push(o+","+c);break;case"PtgRange":c=f.pop(),o=f.pop(),f.push(o+":"+c);break;case"PtgAttrChoose":break;case"PtgAttrGoto":break;case"PtgAttrIf":break;case"PtgAttrIfError":break;case"PtgRef":l=_a(_[1][1],s,n),f.push(wa(l,i));break;case"PtgRefN":l=r?_a(_[1][1],r,n):_[1][1],f.push(wa(l,i));break;case"PtgRef3d":h=_[1][1],l=_a(_[1][2],s,n),p=Vs(a,h,n),f.push(p+"!"+wa(l,i));break;case"PtgFunc":case"PtgFuncVar":var F=_[1][0],D=_[1][1];F||(F=0),F&=127;var P=F==0?[]:f.slice(-F);f.length-=F,D==="User"&&(D=P.shift()),f.push(D+"("+P.join(",")+")");break;case"PtgBool":f.push(_[1]?"TRUE":"FALSE");break;case"PtgInt":f.push(_[1]);break;case"PtgNum":f.push(String(_[1]));break;case"PtgStr":f.push('"'+_[1].replace(/"/g,'""')+'"');break;case"PtgErr":f.push(_[1]);break;case"PtgAreaN":v=gs(_[1][1],r?{s:r}:s,n),f.push(Fn(v,n));break;case"PtgArea":v=gs(_[1][1],s,n),f.push(Fn(v,n));break;case"PtgArea3d":h=_[1][1],v=_[1][2],p=Vs(a,h,n),f.push(p+"!"+Fn(v,n));break;case"PtgAttrSum":f.push("SUM("+f.pop()+")");break;case"PtgAttrBaxcel":case"PtgAttrSemi":break;case"PtgName":d=_[1][2];var x=(a.names||[])[d-1]||(a[0]||[])[d],M=x?x.Name:"SH33TJSNAME"+String(d);M&&M.slice(0,6)=="_xlfn."&&!n.xlfn&&(M=M.slice(6)),f.push(M);break;case"PtgNameX":var R=_[1][1];d=_[1][2];var z;if(n.biff<=5)R<0&&(R=-R),a[R]&&(z=a[R][d]);else{var G="";if(((a[R]||[])[0]||[])[0]==14849||(((a[R]||[])[0]||[])[0]==1025?a[R][d]&&a[R][d].itab>0&&(G=a.SheetNames[a[R][d].itab-1]+"!"):G=a.SheetNames[d-1]+"!"),a[R]&&a[R][d])G+=a[R][d].Name;else if(a[0]&&a[0][d])G+=a[0][d].Name;else{var b=(Uc(a,R,n)||"").split(";;");b[d-1]?G=b[d-1]:G+="SH33TJSERRX"}f.push(G);break}z||(z={Name:"SH33TJSERRY"}),f.push(z.Name);break;case"PtgParen":var J="(",le=")";if(u>=0){switch(m="",e[0][u][1][0]){case 2:J=ze(" ",e[0][u][1][1])+J;break;case 3:J=ze("\r",e[0][u][1][1])+J;break;case 4:le=ze(" ",e[0][u][1][1])+le;break;case 5:le=ze("\r",e[0][u][1][1])+le;break;default:if(n.WTF)throw new Error("Unexpected PtgAttrSpaceType "+e[0][u][1][0])}u=-1}f.push(J+f.pop()+le);break;case"PtgRefErr":f.push("#REF!");break;case"PtgRefErr3d":f.push("#REF!");break;case"PtgExp":l={c:_[1][1],r:_[1][0]};var ie={c:r.c,r:r.r};if(a.sharedf[me(l)]){var ue=a.sharedf[me(l)];f.push(vr(ue,s,ie,a,n))}else{var ce=!1;for(c=0;c!=a.arrayf.length;++c)if(o=a.arrayf[c],!(l.c<o[0].s.c||l.c>o[0].e.c)&&!(l.r<o[0].s.r||l.r>o[0].e.r)){f.push(vr(o[1],s,ie,a,n)),ce=!0;break}ce||f.push(_[1])}break;case"PtgArray":f.push("{"+Hd(_[1])+"}");break;case"PtgMemArea":break;case"PtgAttrSpace":case"PtgAttrSpaceSemi":u=T;break;case"PtgTbl":break;case"PtgMemErr":break;case"PtgMissArg":f.push("");break;case"PtgAreaErr":f.push("#REF!");break;case"PtgAreaErr3d":f.push("#REF!");break;case"PtgList":f.push("Table"+_[1].idx+"[#"+_[1].rt+"]");break;case"PtgMemAreaN":case"PtgMemNoMemN":case"PtgAttrNoop":case"PtgSheet":case"PtgEndSheet":break;case"PtgMemFunc":break;case"PtgMemNoMem":break;case"PtgElfCol":case"PtgElfColS":case"PtgElfColSV":case"PtgElfColV":case"PtgElfLel":case"PtgElfRadical":case"PtgElfRadicalLel":case"PtgElfRadicalS":case"PtgElfRw":case"PtgElfRwV":throw new Error("Unsupported ELFs");case"PtgSxName":throw new Error("Unrecognized Formula Token: "+String(_));default:throw new Error("Unrecognized Formula Token: "+String(_))}var De=["PtgAttrSpace","PtgAttrSpaceSemi","PtgAttrGoto"];if(n.biff!=3&&u>=0&&De.indexOf(e[0][T][0])==-1){_=e[0][u];var V=!0;switch(_[1][0]){case 4:V=!1;case 0:m=ze(" ",_[1][1]);break;case 5:V=!1;case 1:m=ze("\r",_[1][1]);break;default:if(m="",n.WTF)throw new Error("Unexpected PtgAttrSpaceType "+_[1][0])}f.push((V?m:"")+f.pop()+(V?"":m)),u=-1}}if(f.length>1&&n.WTF)throw new Error("bad formula stack");return f[0]}function Xd(e,t,r){var a=e.l+t,n=r.biff==2?1:2,i,s=e.read_shift(n);if(s==65535)return[[],_r(e,t-2)];var f=za(e,s,r);return t!==s+n&&(i=Xa(e,t-s-n,f,r)),e.l=a,[f,i]}function zd(e,t,r){var a=e.l+t,n=r.biff==2?1:2,i,s=e.read_shift(n);if(s==65535)return[[],_r(e,t-2)];var f=za(e,s,r);return t!==s+n&&(i=Xa(e,t-s-n,f,r)),e.l=a,[f,i]}function $d(e,t,r,a){var n=e.l+t,i=za(e,a,r),s;return n!==e.l&&(s=Xa(e,n-e.l,i,r)),[i,s]}function Kd(e,t,r){var a=e.l+t,n,i=e.read_shift(2),s=za(e,i,r);return i==65535?[[],_r(e,t-2)]:(t!==i+2&&(n=Xa(e,a-i-2,s,r)),[s,n])}function Yd(e){var t;if(st(e,e.l+6)!==65535)return[mr(e),"n"];switch(e[e.l]){case 0:return e.l+=8,["String","s"];case 1:return t=e[e.l+2]===1,e.l+=8,[t,"b"];case 2:return t=e[e.l+2],e.l+=8,[t,"e"];case 3:return e.l+=8,["","s"]}return[]}function jd(e){if(e==null){var t=X(8);return t.write_shift(1,3),t.write_shift(1,0),t.write_shift(2,0),t.write_shift(2,0),t.write_shift(2,65535),t}else if(typeof e=="number")return bt(e);return bt(0)}function Mn(e,t,r){var a=e.l+t,n=tt(e);r.biff==2&&++e.l;var i=Yd(e),s=e.read_shift(1);r.biff!=2&&(e.read_shift(1),r.biff>=5&&e.read_shift(4));var f=zd(e,a-e.l,r);return{cell:n,val:i[0],formula:f,shared:s>>3&1,tt:i[1]}}function Jd(e,t,r,a,n){var i=Bt(t,r,n),s=jd(e.v),f=X(6),c=33;f.write_shift(2,c),f.write_shift(4,0);for(var o=X(e.bf.length),l=0;l<e.bf.length;++l)o[l]=e.bf[l];var h=sr([i,s,f,o]);return h}function xn(e,t,r){var a=e.read_shift(4),n=za(e,a,r),i=e.read_shift(4),s=i>0?Xa(e,i,n,r):null;return[n,s]}var Zd=xn,An=xn,qd=xn,Qd=xn,ev={0:"BEEP",1:"OPEN",2:"OPEN.LINKS",3:"CLOSE.ALL",4:"SAVE",5:"SAVE.AS",6:"FILE.DELETE",7:"PAGE.SETUP",8:"PRINT",9:"PRINTER.SETUP",10:"QUIT",11:"NEW.WINDOW",12:"ARRANGE.ALL",13:"WINDOW.SIZE",14:"WINDOW.MOVE",15:"FULL",16:"CLOSE",17:"RUN",22:"SET.PRINT.AREA",23:"SET.PRINT.TITLES",24:"SET.PAGE.BREAK",25:"REMOVE.PAGE.BREAK",26:"FONT",27:"DISPLAY",28:"PROTECT.DOCUMENT",29:"PRECISION",30:"A1.R1C1",31:"CALCULATE.NOW",32:"CALCULATION",34:"DATA.FIND",35:"EXTRACT",36:"DATA.DELETE",37:"SET.DATABASE",38:"SET.CRITERIA",39:"SORT",40:"DATA.SERIES",41:"TABLE",42:"FORMAT.NUMBER",43:"ALIGNMENT",44:"STYLE",45:"BORDER",46:"CELL.PROTECTION",47:"COLUMN.WIDTH",48:"UNDO",49:"CUT",50:"COPY",51:"PASTE",52:"CLEAR",53:"PASTE.SPECIAL",54:"EDIT.DELETE",55:"INSERT",56:"FILL.RIGHT",57:"FILL.DOWN",61:"DEFINE.NAME",62:"CREATE.NAMES",63:"FORMULA.GOTO",64:"FORMULA.FIND",65:"SELECT.LAST.CELL",66:"SHOW.ACTIVE.CELL",67:"GALLERY.AREA",68:"GALLERY.BAR",69:"GALLERY.COLUMN",70:"GALLERY.LINE",71:"GALLERY.PIE",72:"GALLERY.SCATTER",73:"COMBINATION",74:"PREFERRED",75:"ADD.OVERLAY",76:"GRIDLINES",77:"SET.PREFERRED",78:"AXES",79:"LEGEND",80:"ATTACH.TEXT",81:"ADD.ARROW",82:"SELECT.CHART",83:"SELECT.PLOT.AREA",84:"PATTERNS",85:"MAIN.CHART",86:"OVERLAY",87:"SCALE",88:"FORMAT.LEGEND",89:"FORMAT.TEXT",90:"EDIT.REPEAT",91:"PARSE",92:"JUSTIFY",93:"HIDE",94:"UNHIDE",95:"WORKSPACE",96:"FORMULA",97:"FORMULA.FILL",98:"FORMULA.ARRAY",99:"DATA.FIND.NEXT",100:"DATA.FIND.PREV",101:"FORMULA.FIND.NEXT",102:"FORMULA.FIND.PREV",103:"ACTIVATE",104:"ACTIVATE.NEXT",105:"ACTIVATE.PREV",106:"UNLOCKED.NEXT",107:"UNLOCKED.PREV",108:"COPY.PICTURE",109:"SELECT",110:"DELETE.NAME",111:"DELETE.FORMAT",112:"VLINE",113:"HLINE",114:"VPAGE",115:"HPAGE",116:"VSCROLL",117:"HSCROLL",118:"ALERT",119:"NEW",120:"CANCEL.COPY",121:"SHOW.CLIPBOARD",122:"MESSAGE",124:"PASTE.LINK",125:"APP.ACTIVATE",126:"DELETE.ARROW",127:"ROW.HEIGHT",128:"FORMAT.MOVE",129:"FORMAT.SIZE",130:"FORMULA.REPLACE",131:"SEND.KEYS",132:"SELECT.SPECIAL",133:"APPLY.NAMES",134:"REPLACE.FONT",135:"FREEZE.PANES",136:"SHOW.INFO",137:"SPLIT",138:"ON.WINDOW",139:"ON.DATA",140:"DISABLE.INPUT",142:"OUTLINE",143:"LIST.NAMES",144:"FILE.CLOSE",145:"SAVE.WORKBOOK",146:"DATA.FORM",147:"COPY.CHART",148:"ON.TIME",149:"WAIT",150:"FORMAT.FONT",151:"FILL.UP",152:"FILL.LEFT",153:"DELETE.OVERLAY",155:"SHORT.MENUS",159:"SET.UPDATE.STATUS",161:"COLOR.PALETTE",162:"DELETE.STYLE",163:"WINDOW.RESTORE",164:"WINDOW.MAXIMIZE",166:"CHANGE.LINK",167:"CALCULATE.DOCUMENT",168:"ON.KEY",169:"APP.RESTORE",170:"APP.MOVE",171:"APP.SIZE",172:"APP.MINIMIZE",173:"APP.MAXIMIZE",174:"BRING.TO.FRONT",175:"SEND.TO.BACK",185:"MAIN.CHART.TYPE",186:"OVERLAY.CHART.TYPE",187:"SELECT.END",188:"OPEN.MAIL",189:"SEND.MAIL",190:"STANDARD.FONT",191:"CONSOLIDATE",192:"SORT.SPECIAL",193:"GALLERY.3D.AREA",194:"GALLERY.3D.COLUMN",195:"GALLERY.3D.LINE",196:"GALLERY.3D.PIE",197:"VIEW.3D",198:"GOAL.SEEK",199:"WORKGROUP",200:"FILL.GROUP",201:"UPDATE.LINK",202:"PROMOTE",203:"DEMOTE",204:"SHOW.DETAIL",206:"UNGROUP",207:"OBJECT.PROPERTIES",208:"SAVE.NEW.OBJECT",209:"SHARE",210:"SHARE.NAME",211:"DUPLICATE",212:"APPLY.STYLE",213:"ASSIGN.TO.OBJECT",214:"OBJECT.PROTECTION",215:"HIDE.OBJECT",216:"SET.EXTRACT",217:"CREATE.PUBLISHER",218:"SUBSCRIBE.TO",219:"ATTRIBUTES",220:"SHOW.TOOLBAR",222:"PRINT.PREVIEW",223:"EDIT.COLOR",224:"SHOW.LEVELS",225:"FORMAT.MAIN",226:"FORMAT.OVERLAY",227:"ON.RECALC",228:"EDIT.SERIES",229:"DEFINE.STYLE",240:"LINE.PRINT",243:"ENTER.DATA",249:"GALLERY.RADAR",250:"MERGE.STYLES",251:"EDITION.OPTIONS",252:"PASTE.PICTURE",253:"PASTE.PICTURE.LINK",254:"SPELLING",256:"ZOOM",259:"INSERT.OBJECT",260:"WINDOW.MINIMIZE",265:"SOUND.NOTE",266:"SOUND.PLAY",267:"FORMAT.SHAPE",268:"EXTEND.POLYGON",269:"FORMAT.AUTO",272:"GALLERY.3D.BAR",273:"GALLERY.3D.SURFACE",274:"FILL.AUTO",276:"CUSTOMIZE.TOOLBAR",277:"ADD.TOOL",278:"EDIT.OBJECT",279:"ON.DOUBLECLICK",280:"ON.ENTRY",281:"WORKBOOK.ADD",282:"WORKBOOK.MOVE",283:"WORKBOOK.COPY",284:"WORKBOOK.OPTIONS",285:"SAVE.WORKSPACE",288:"CHART.WIZARD",289:"DELETE.TOOL",290:"MOVE.TOOL",291:"WORKBOOK.SELECT",292:"WORKBOOK.ACTIVATE",293:"ASSIGN.TO.TOOL",295:"COPY.TOOL",296:"RESET.TOOL",297:"CONSTRAIN.NUMERIC",298:"PASTE.TOOL",302:"WORKBOOK.NEW",305:"SCENARIO.CELLS",306:"SCENARIO.DELETE",307:"SCENARIO.ADD",308:"SCENARIO.EDIT",309:"SCENARIO.SHOW",310:"SCENARIO.SHOW.NEXT",311:"SCENARIO.SUMMARY",312:"PIVOT.TABLE.WIZARD",313:"PIVOT.FIELD.PROPERTIES",314:"PIVOT.FIELD",315:"PIVOT.ITEM",316:"PIVOT.ADD.FIELDS",318:"OPTIONS.CALCULATION",319:"OPTIONS.EDIT",320:"OPTIONS.VIEW",321:"ADDIN.MANAGER",322:"MENU.EDITOR",323:"ATTACH.TOOLBARS",324:"VBAActivate",325:"OPTIONS.CHART",328:"VBA.INSERT.FILE",330:"VBA.PROCEDURE.DEFINITION",336:"ROUTING.SLIP",338:"ROUTE.DOCUMENT",339:"MAIL.LOGON",342:"INSERT.PICTURE",343:"EDIT.TOOL",344:"GALLERY.DOUGHNUT",350:"CHART.TREND",352:"PIVOT.ITEM.PROPERTIES",354:"WORKBOOK.INSERT",355:"OPTIONS.TRANSITION",356:"OPTIONS.GENERAL",370:"FILTER.ADVANCED",373:"MAIL.ADD.MAILER",374:"MAIL.DELETE.MAILER",375:"MAIL.REPLY",376:"MAIL.REPLY.ALL",377:"MAIL.FORWARD",378:"MAIL.NEXT.LETTER",379:"DATA.LABEL",380:"INSERT.TITLE",381:"FONT.PROPERTIES",382:"MACRO.OPTIONS",383:"WORKBOOK.HIDE",384:"WORKBOOK.UNHIDE",385:"WORKBOOK.DELETE",386:"WORKBOOK.NAME",388:"GALLERY.CUSTOM",390:"ADD.CHART.AUTOFORMAT",391:"DELETE.CHART.AUTOFORMAT",392:"CHART.ADD.DATA",393:"AUTO.OUTLINE",394:"TAB.ORDER",395:"SHOW.DIALOG",396:"SELECT.ALL",397:"UNGROUP.SHEETS",398:"SUBTOTAL.CREATE",399:"SUBTOTAL.REMOVE",400:"RENAME.OBJECT",412:"WORKBOOK.SCROLL",413:"WORKBOOK.NEXT",414:"WORKBOOK.PREV",415:"WORKBOOK.TAB.SPLIT",416:"FULL.SCREEN",417:"WORKBOOK.PROTECT",420:"SCROLLBAR.PROPERTIES",421:"PIVOT.SHOW.PAGES",422:"TEXT.TO.COLUMNS",423:"FORMAT.CHARTTYPE",424:"LINK.FORMAT",425:"TRACER.DISPLAY",430:"TRACER.NAVIGATE",431:"TRACER.CLEAR",432:"TRACER.ERROR",433:"PIVOT.FIELD.GROUP",434:"PIVOT.FIELD.UNGROUP",435:"CHECKBOX.PROPERTIES",436:"LABEL.PROPERTIES",437:"LISTBOX.PROPERTIES",438:"EDITBOX.PROPERTIES",439:"PIVOT.REFRESH",440:"LINK.COMBO",441:"OPEN.TEXT",442:"HIDE.DIALOG",443:"SET.DIALOG.FOCUS",444:"ENABLE.OBJECT",445:"PUSHBUTTON.PROPERTIES",446:"SET.DIALOG.DEFAULT",447:"FILTER",448:"FILTER.SHOW.ALL",449:"CLEAR.OUTLINE",450:"FUNCTION.WIZARD",451:"ADD.LIST.ITEM",452:"SET.LIST.ITEM",453:"REMOVE.LIST.ITEM",454:"SELECT.LIST.ITEM",455:"SET.CONTROL.VALUE",456:"SAVE.COPY.AS",458:"OPTIONS.LISTS.ADD",459:"OPTIONS.LISTS.DELETE",460:"SERIES.AXES",461:"SERIES.X",462:"SERIES.Y",463:"ERRORBAR.X",464:"ERRORBAR.Y",465:"FORMAT.CHART",466:"SERIES.ORDER",467:"MAIL.LOGOFF",468:"CLEAR.ROUTING.SLIP",469:"APP.ACTIVATE.MICROSOFT",470:"MAIL.EDIT.MAILER",471:"ON.SHEET",472:"STANDARD.WIDTH",473:"SCENARIO.MERGE",474:"SUMMARY.INFO",475:"FIND.FILE",476:"ACTIVE.CELL.FONT",477:"ENABLE.TIPWIZARD",478:"VBA.MAKE.ADDIN",480:"INSERTDATATABLE",481:"WORKGROUP.OPTIONS",482:"MAIL.SEND.MAILER",485:"AUTOCORRECT",489:"POST.DOCUMENT",491:"PICKLIST",493:"VIEW.SHOW",494:"VIEW.DEFINE",495:"VIEW.DELETE",509:"SHEET.BACKGROUND",510:"INSERT.MAP.OBJECT",511:"OPTIONS.MENONO",517:"MSOCHECKS",518:"NORMAL",519:"LAYOUT",520:"RM.PRINT.AREA",521:"CLEAR.PRINT.AREA",522:"ADD.PRINT.AREA",523:"MOVE.BRK",545:"HIDECURR.NOTE",546:"HIDEALL.NOTES",547:"DELETE.NOTE",548:"TRAVERSE.NOTES",549:"ACTIVATE.NOTES",620:"PROTECT.REVISIONS",621:"UNPROTECT.REVISIONS",647:"OPTIONS.ME",653:"WEB.PUBLISH",667:"NEWWEBQUERY",673:"PIVOT.TABLE.CHART",753:"OPTIONS.SAVE",755:"OPTIONS.SPELL",808:"HIDEALL.INKANNOTS"},Wc={0:"COUNT",1:"IF",2:"ISNA",3:"ISERROR",4:"SUM",5:"AVERAGE",6:"MIN",7:"MAX",8:"ROW",9:"COLUMN",10:"NA",11:"NPV",12:"STDEV",13:"DOLLAR",14:"FIXED",15:"SIN",16:"COS",17:"TAN",18:"ATAN",19:"PI",20:"SQRT",21:"EXP",22:"LN",23:"LOG10",24:"ABS",25:"INT",26:"SIGN",27:"ROUND",28:"LOOKUP",29:"INDEX",30:"REPT",31:"MID",32:"LEN",33:"VALUE",34:"TRUE",35:"FALSE",36:"AND",37:"OR",38:"NOT",39:"MOD",40:"DCOUNT",41:"DSUM",42:"DAVERAGE",43:"DMIN",44:"DMAX",45:"DSTDEV",46:"VAR",47:"DVAR",48:"TEXT",49:"LINEST",50:"TREND",51:"LOGEST",52:"GROWTH",53:"GOTO",54:"HALT",55:"RETURN",56:"PV",57:"FV",58:"NPER",59:"PMT",60:"RATE",61:"MIRR",62:"IRR",63:"RAND",64:"MATCH",65:"DATE",66:"TIME",67:"DAY",68:"MONTH",69:"YEAR",70:"WEEKDAY",71:"HOUR",72:"MINUTE",73:"SECOND",74:"NOW",75:"AREAS",76:"ROWS",77:"COLUMNS",78:"OFFSET",79:"ABSREF",80:"RELREF",81:"ARGUMENT",82:"SEARCH",83:"TRANSPOSE",84:"ERROR",85:"STEP",86:"TYPE",87:"ECHO",88:"SET.NAME",89:"CALLER",90:"DEREF",91:"WINDOWS",92:"SERIES",93:"DOCUMENTS",94:"ACTIVE.CELL",95:"SELECTION",96:"RESULT",97:"ATAN2",98:"ASIN",99:"ACOS",100:"CHOOSE",101:"HLOOKUP",102:"VLOOKUP",103:"LINKS",104:"INPUT",105:"ISREF",106:"GET.FORMULA",107:"GET.NAME",108:"SET.VALUE",109:"LOG",110:"EXEC",111:"CHAR",112:"LOWER",113:"UPPER",114:"PROPER",115:"LEFT",116:"RIGHT",117:"EXACT",118:"TRIM",119:"REPLACE",120:"SUBSTITUTE",121:"CODE",122:"NAMES",123:"DIRECTORY",124:"FIND",125:"CELL",126:"ISERR",127:"ISTEXT",128:"ISNUMBER",129:"ISBLANK",130:"T",131:"N",132:"FOPEN",133:"FCLOSE",134:"FSIZE",135:"FREADLN",136:"FREAD",137:"FWRITELN",138:"FWRITE",139:"FPOS",140:"DATEVALUE",141:"TIMEVALUE",142:"SLN",143:"SYD",144:"DDB",145:"GET.DEF",146:"REFTEXT",147:"TEXTREF",148:"INDIRECT",149:"REGISTER",150:"CALL",151:"ADD.BAR",152:"ADD.MENU",153:"ADD.COMMAND",154:"ENABLE.COMMAND",155:"CHECK.COMMAND",156:"RENAME.COMMAND",157:"SHOW.BAR",158:"DELETE.MENU",159:"DELETE.COMMAND",160:"GET.CHART.ITEM",161:"DIALOG.BOX",162:"CLEAN",163:"MDETERM",164:"MINVERSE",165:"MMULT",166:"FILES",167:"IPMT",168:"PPMT",169:"COUNTA",170:"CANCEL.KEY",171:"FOR",172:"WHILE",173:"BREAK",174:"NEXT",175:"INITIATE",176:"REQUEST",177:"POKE",178:"EXECUTE",179:"TERMINATE",180:"RESTART",181:"HELP",182:"GET.BAR",183:"PRODUCT",184:"FACT",185:"GET.CELL",186:"GET.WORKSPACE",187:"GET.WINDOW",188:"GET.DOCUMENT",189:"DPRODUCT",190:"ISNONTEXT",191:"GET.NOTE",192:"NOTE",193:"STDEVP",194:"VARP",195:"DSTDEVP",196:"DVARP",197:"TRUNC",198:"ISLOGICAL",199:"DCOUNTA",200:"DELETE.BAR",201:"UNREGISTER",204:"USDOLLAR",205:"FINDB",206:"SEARCHB",207:"REPLACEB",208:"LEFTB",209:"RIGHTB",210:"MIDB",211:"LENB",212:"ROUNDUP",213:"ROUNDDOWN",214:"ASC",215:"DBCS",216:"RANK",219:"ADDRESS",220:"DAYS360",221:"TODAY",222:"VDB",223:"ELSE",224:"ELSE.IF",225:"END.IF",226:"FOR.CELL",227:"MEDIAN",228:"SUMPRODUCT",229:"SINH",230:"COSH",231:"TANH",232:"ASINH",233:"ACOSH",234:"ATANH",235:"DGET",236:"CREATE.OBJECT",237:"VOLATILE",238:"LAST.ERROR",239:"CUSTOM.UNDO",240:"CUSTOM.REPEAT",241:"FORMULA.CONVERT",242:"GET.LINK.INFO",243:"TEXT.BOX",244:"INFO",245:"GROUP",246:"GET.OBJECT",247:"DB",248:"PAUSE",251:"RESUME",252:"FREQUENCY",253:"ADD.TOOLBAR",254:"DELETE.TOOLBAR",255:"User",256:"RESET.TOOLBAR",257:"EVALUATE",258:"GET.TOOLBAR",259:"GET.TOOL",260:"SPELLING.CHECK",261:"ERROR.TYPE",262:"APP.TITLE",263:"WINDOW.TITLE",264:"SAVE.TOOLBAR",265:"ENABLE.TOOL",266:"PRESS.TOOL",267:"REGISTER.ID",268:"GET.WORKBOOK",269:"AVEDEV",270:"BETADIST",271:"GAMMALN",272:"BETAINV",273:"BINOMDIST",274:"CHIDIST",275:"CHIINV",276:"COMBIN",277:"CONFIDENCE",278:"CRITBINOM",279:"EVEN",280:"EXPONDIST",281:"FDIST",282:"FINV",283:"FISHER",284:"FISHERINV",285:"FLOOR",286:"GAMMADIST",287:"GAMMAINV",288:"CEILING",289:"HYPGEOMDIST",290:"LOGNORMDIST",291:"LOGINV",292:"NEGBINOMDIST",293:"NORMDIST",294:"NORMSDIST",295:"NORMINV",296:"NORMSINV",297:"STANDARDIZE",298:"ODD",299:"PERMUT",300:"POISSON",301:"TDIST",302:"WEIBULL",303:"SUMXMY2",304:"SUMX2MY2",305:"SUMX2PY2",306:"CHITEST",307:"CORREL",308:"COVAR",309:"FORECAST",310:"FTEST",311:"INTERCEPT",312:"PEARSON",313:"RSQ",314:"STEYX",315:"SLOPE",316:"TTEST",317:"PROB",318:"DEVSQ",319:"GEOMEAN",320:"HARMEAN",321:"SUMSQ",322:"KURT",323:"SKEW",324:"ZTEST",325:"LARGE",326:"SMALL",327:"QUARTILE",328:"PERCENTILE",329:"PERCENTRANK",330:"MODE",331:"TRIMMEAN",332:"TINV",334:"MOVIE.COMMAND",335:"GET.MOVIE",336:"CONCATENATE",337:"POWER",338:"PIVOT.ADD.DATA",339:"GET.PIVOT.TABLE",340:"GET.PIVOT.FIELD",341:"GET.PIVOT.ITEM",342:"RADIANS",343:"DEGREES",344:"SUBTOTAL",345:"SUMIF",346:"COUNTIF",347:"COUNTBLANK",348:"SCENARIO.GET",349:"OPTIONS.LISTS.GET",350:"ISPMT",351:"DATEDIF",352:"DATESTRING",353:"NUMBERSTRING",354:"ROMAN",355:"OPEN.DIALOG",356:"SAVE.DIALOG",357:"VIEW.GET",358:"GETPIVOTDATA",359:"HYPERLINK",360:"PHONETIC",361:"AVERAGEA",362:"MAXA",363:"MINA",364:"STDEVPA",365:"VARPA",366:"STDEVA",367:"VARA",368:"BAHTTEXT",369:"THAIDAYOFWEEK",370:"THAIDIGIT",371:"THAIMONTHOFYEAR",372:"THAINUMSOUND",373:"THAINUMSTRING",374:"THAISTRINGLENGTH",375:"ISTHAIDIGIT",376:"ROUNDBAHTDOWN",377:"ROUNDBAHTUP",378:"THAIYEAR",379:"RTD",380:"CUBEVALUE",381:"CUBEMEMBER",382:"CUBEMEMBERPROPERTY",383:"CUBERANKEDMEMBER",384:"HEX2BIN",385:"HEX2DEC",386:"HEX2OCT",387:"DEC2BIN",388:"DEC2HEX",389:"DEC2OCT",390:"OCT2BIN",391:"OCT2HEX",392:"OCT2DEC",393:"BIN2DEC",394:"BIN2OCT",395:"BIN2HEX",396:"IMSUB",397:"IMDIV",398:"IMPOWER",399:"IMABS",400:"IMSQRT",401:"IMLN",402:"IMLOG2",403:"IMLOG10",404:"IMSIN",405:"IMCOS",406:"IMEXP",407:"IMARGUMENT",408:"IMCONJUGATE",409:"IMAGINARY",410:"IMREAL",411:"COMPLEX",412:"IMSUM",413:"IMPRODUCT",414:"SERIESSUM",415:"FACTDOUBLE",416:"SQRTPI",417:"QUOTIENT",418:"DELTA",419:"GESTEP",420:"ISEVEN",421:"ISODD",422:"MROUND",423:"ERF",424:"ERFC",425:"BESSELJ",426:"BESSELK",427:"BESSELY",428:"BESSELI",429:"XIRR",430:"XNPV",431:"PRICEMAT",432:"YIELDMAT",433:"INTRATE",434:"RECEIVED",435:"DISC",436:"PRICEDISC",437:"YIELDDISC",438:"TBILLEQ",439:"TBILLPRICE",440:"TBILLYIELD",441:"PRICE",442:"YIELD",443:"DOLLARDE",444:"DOLLARFR",445:"NOMINAL",446:"EFFECT",447:"CUMPRINC",448:"CUMIPMT",449:"EDATE",450:"EOMONTH",451:"YEARFRAC",452:"COUPDAYBS",453:"COUPDAYS",454:"COUPDAYSNC",455:"COUPNCD",456:"COUPNUM",457:"COUPPCD",458:"DURATION",459:"MDURATION",460:"ODDLPRICE",461:"ODDLYIELD",462:"ODDFPRICE",463:"ODDFYIELD",464:"RANDBETWEEN",465:"WEEKNUM",466:"AMORDEGRC",467:"AMORLINC",468:"CONVERT",724:"SHEETJS",469:"ACCRINT",470:"ACCRINTM",471:"WORKDAY",472:"NETWORKDAYS",473:"GCD",474:"MULTINOMIAL",475:"LCM",476:"FVSCHEDULE",477:"CUBEKPIMEMBER",478:"CUBESET",479:"CUBESETCOUNT",480:"IFERROR",481:"COUNTIFS",482:"SUMIFS",483:"AVERAGEIF",484:"AVERAGEIFS"},rv={2:1,3:1,10:0,15:1,16:1,17:1,18:1,19:0,20:1,21:1,22:1,23:1,24:1,25:1,26:1,27:2,30:2,31:3,32:1,33:1,34:0,35:0,38:1,39:2,40:3,41:3,42:3,43:3,44:3,45:3,47:3,48:2,53:1,61:3,63:0,65:3,66:3,67:1,68:1,69:1,70:1,71:1,72:1,73:1,74:0,75:1,76:1,77:1,79:2,80:2,83:1,85:0,86:1,89:0,90:1,94:0,95:0,97:2,98:1,99:1,101:3,102:3,105:1,106:1,108:2,111:1,112:1,113:1,114:1,117:2,118:1,119:4,121:1,126:1,127:1,128:1,129:1,130:1,131:1,133:1,134:1,135:1,136:2,137:2,138:2,140:1,141:1,142:3,143:4,144:4,161:1,162:1,163:1,164:1,165:2,172:1,175:2,176:2,177:3,178:2,179:1,184:1,186:1,189:3,190:1,195:3,196:3,197:1,198:1,199:3,201:1,207:4,210:3,211:1,212:2,213:2,214:1,215:1,225:0,229:1,230:1,231:1,232:1,233:1,234:1,235:3,244:1,247:4,252:2,257:1,261:1,271:1,273:4,274:2,275:2,276:2,277:3,278:3,279:1,280:3,281:3,282:3,283:1,284:1,285:2,286:4,287:3,288:2,289:4,290:3,291:3,292:3,293:4,294:1,295:3,296:1,297:3,298:1,299:2,300:3,301:3,302:4,303:2,304:2,305:2,306:2,307:2,308:2,309:3,310:2,311:2,312:2,313:2,314:2,315:2,316:4,325:2,326:2,327:2,328:2,331:2,332:2,337:2,342:1,343:1,346:2,347:1,350:4,351:3,352:1,353:2,360:1,368:1,369:1,370:1,371:1,372:1,373:1,374:1,375:1,376:1,377:1,378:1,382:3,385:1,392:1,393:1,396:2,397:2,398:2,399:1,400:1,401:1,402:1,403:1,404:1,405:1,406:1,407:1,408:1,409:1,410:1,414:4,415:1,416:1,417:2,420:1,421:1,422:2,424:1,425:2,426:2,427:2,428:2,430:3,438:3,439:3,440:3,443:2,444:2,445:2,446:2,447:6,448:6,449:2,450:2,464:2,468:3,476:2,479:1,480:2,65535:0};function Gs(e){return e.slice(0,3)=="of:"&&(e=e.slice(3)),e.charCodeAt(0)==61&&(e=e.slice(1),e.charCodeAt(0)==61&&(e=e.slice(1))),e=e.replace(/COM\.MICROSOFT\./g,""),e=e.replace(/\[((?:\.[A-Z]+[0-9]+)(?::\.[A-Z]+[0-9]+)?)\]/g,function(t,r){return r.replace(/\./g,"")}),e=e.replace(/\[.(#[A-Z]*[?!])\]/g,"$1"),e.replace(/[;~]/g,",").replace(/\|/g,";")}function tv(e){var t="of:="+e.replace(Ii,"$1[.$2$3$4$5]").replace(/\]:\[/g,":");return t.replace(/;/g,"|").replace(/,/g,";")}function Bn(e){var t=e.split(":"),r=t[0].split(".")[0];return[r,t[0].split(".")[1]+(t.length>1?":"+(t[1].split(".")[1]||t[1].split(".")[0]):"")]}function av(e){return e.replace(/\./,"!")}var Ta={},ea={},Ea=typeof Map<"u";function Fi(e,t,r){var a=0,n=e.length;if(r){if(Ea?r.has(t):Object.prototype.hasOwnProperty.call(r,t)){for(var i=Ea?r.get(t):r[t];a<i.length;++a)if(e[i[a]].t===t)return e.Count++,i[a]}}else for(;a<n;++a)if(e[a].t===t)return e.Count++,a;return e[n]={t},e.Count++,e.Unique++,r&&(Ea?(r.has(t)||r.set(t,[]),r.get(t).push(n)):(Object.prototype.hasOwnProperty.call(r,t)||(r[t]=[]),r[t].push(n))),n}function Cn(e,t){var r={min:e+1,max:e+1},a=-1;return t.MDW&&(pr=t.MDW),t.width!=null?r.customWidth=1:t.wpx!=null?a=Da(t.wpx):t.wch!=null&&(a=t.wch),a>-1?(r.width=gn(a),r.customWidth=1):t.width!=null&&(r.width=t.width),t.hidden&&(r.hidden=!0),t.level!=null&&(r.outlineLevel=r.level=t.level),r}function Pt(e,t){if(e){var r=[.7,.7,.75,.75,.3,.3];t=="xlml"&&(r=[1,1,1,1,.5,.5]),e.left==null&&(e.left=r[0]),e.right==null&&(e.right=r[1]),e.top==null&&(e.top=r[2]),e.bottom==null&&(e.bottom=r[3]),e.header==null&&(e.header=r[4]),e.footer==null&&(e.footer=r[5])}}function xt(e,t,r){var a=r.revssf[t.z!=null?t.z:"General"],n=60,i=e.length;if(a==null&&r.ssf){for(;n<392;++n)if(r.ssf[n]==null){ct(t.z,n),r.ssf[n]=t.z,r.revssf[t.z]=a=n;break}}for(n=0;n!=i;++n)if(e[n].numFmtId===a)return n;return e[i]={numFmtId:a,fontId:0,fillId:0,borderId:0,xfId:0,applyNumberFormat:1},i}function Hc(e,t,r,a,n,i){try{a.cellNF&&(e.z=pe[t])}catch(f){if(a.WTF)throw f}if(!(e.t==="z"&&!a.cellStyles)){if(e.t==="d"&&typeof e.v=="string"&&(e.v=Ue(e.v)),(!a||a.cellText!==!1)&&e.t!=="z")try{if(pe[t]==null&&ct(el[t]||"General",t),e.t==="e")e.w=e.w||dt[e.v];else if(t===0)if(e.t==="n")(e.v|0)===e.v?e.w=e.v.toString(10):e.w=Ca(e.v);else if(e.t==="d"){var s=nr(e.v);(s|0)===s?e.w=s.toString(10):e.w=Ca(s)}else{if(e.v===void 0)return"";e.w=Dt(e.v,ea)}else e.t==="d"?e.w=Vr(t,nr(e.v),ea):e.w=Vr(t,e.v,ea)}catch(f){if(a.WTF)throw f}if(a.cellStyles&&r!=null)try{e.s=i.Fills[r],e.s.fgColor&&e.s.fgColor.theme&&!e.s.fgColor.rgb&&(e.s.fgColor.rgb=mn(n.themeElements.clrScheme[e.s.fgColor.theme].rgb,e.s.fgColor.tint||0),a.WTF&&(e.s.fgColor.raw_rgb=n.themeElements.clrScheme[e.s.fgColor.theme].rgb)),e.s.bgColor&&e.s.bgColor.theme&&(e.s.bgColor.rgb=mn(n.themeElements.clrScheme[e.s.bgColor.theme].rgb,e.s.bgColor.tint||0),a.WTF&&(e.s.bgColor.raw_rgb=n.themeElements.clrScheme[e.s.bgColor.theme].rgb))}catch(f){if(a.WTF&&i.Fills)throw f}}}function nv(e,t,r){if(e&&e["!ref"]){var a=Ie(e["!ref"]);if(a.e.c<a.s.c||a.e.r<a.s.r)throw new Error("Bad range ("+r+"): "+e["!ref"])}}function iv(e,t){var r=Ie(t);r.s.r<=r.e.r&&r.s.c<=r.e.c&&r.s.r>=0&&r.s.c>=0&&(e["!ref"]=Te(r))}var sv=/<(?:\w:)?mergeCell ref="[A-Z0-9:]+"\s*[\/]?>/g,fv=/<(?:\w+:)?sheetData[^>]*>([\s\S]*)<\/(?:\w+:)?sheetData>/,cv=/<(?:\w:)?hyperlink [^>]*>/mg,ov=/"(\w*:\w*)"/,lv=/<(?:\w:)?col\b[^>]*[\/]?>/g,hv=/<(?:\w:)?autoFilter[^>]*([\/]|>([\s\S]*)<\/(?:\w:)?autoFilter)>/g,uv=/<(?:\w:)?pageMargins[^>]*\/>/g,Vc=/<(?:\w:)?sheetPr\b(?:[^>a-z][^>]*)?\/>/,dv=/<(?:\w:)?sheetPr[^>]*(?:[\/]|>([\s\S]*)<\/(?:\w:)?sheetPr)>/,vv=/<(?:\w:)?sheetViews[^>]*(?:[\/]|>([\s\S]*)<\/(?:\w:)?sheetViews)>/;function pv(e,t,r,a,n,i,s){if(!e)return e;a||(a={"!id":{}});var f=t.dense?[]:{},c={s:{r:2e6,c:2e6},e:{r:0,c:0}},o="",l="",h=e.match(fv);h?(o=e.slice(0,h.index),l=e.slice(h.index+h[0].length)):o=l=e;var d=o.match(Vc);d?Pi(d[0],f,n,r):(d=o.match(dv))&&gv(d[0],d[1]||"",f,n,r);var v=(o.match(/<(?:\w*:)?dimension/)||{index:-1}).index;if(v>0){var p=o.slice(v,v+50).match(ov);p&&iv(f,p[1])}var u=o.match(vv);u&&u[1]&&Rv(u[1],n);var m=[];if(t.cellStyles){var T=o.match(lv);T&&xv(m,T)}h&&Pv(h[1],f,t,c,i,s);var A=l.match(hv);A&&(f["!autofilter"]=Cv(A[0]));var _=[],F=l.match(sv);if(F)for(v=0;v!=F.length;++v)_[v]=Ie(F[v].slice(F[v].indexOf('"')+1));var D=l.match(cv);D&&Ev(f,D,a);var P=l.match(uv);if(P&&(f["!margins"]=Sv(ge(P[0]))),!f["!ref"]&&c.e.c>=c.s.c&&c.e.r>=c.s.r&&(f["!ref"]=Te(c)),t.sheetRows>0&&f["!ref"]){var x=Ie(f["!ref"]);t.sheetRows<=+x.e.r&&(x.e.r=t.sheetRows-1,x.e.r>c.e.r&&(x.e.r=c.e.r),x.e.r<x.s.r&&(x.s.r=x.e.r),x.e.c>c.e.c&&(x.e.c=c.e.c),x.e.c<x.s.c&&(x.s.c=x.e.c),f["!fullref"]=f["!ref"],f["!ref"]=Te(x))}return m.length>0&&(f["!cols"]=m),_.length>0&&(f["!merges"]=_),f}function mv(e){if(e.length===0)return"";for(var t='<mergeCells count="'+e.length+'">',r=0;r!=e.length;++r)t+='<mergeCell ref="'+Te(e[r])+'"/>';return t+"</mergeCells>"}function Pi(e,t,r,a){var n=ge(e);r.Sheets[a]||(r.Sheets[a]={}),n.codeName&&(r.Sheets[a].CodeName=Oe(Le(n.codeName)))}function gv(e,t,r,a,n){Pi(e.slice(0,e.indexOf(">")),r,a,n)}function _v(e,t,r,a,n){var i=!1,s={},f=null;if(a.bookType!=="xlsx"&&t.vbaraw){var c=t.SheetNames[r];try{t.Workbook&&(c=t.Workbook.Sheets[r].CodeName||c)}catch{}i=!0,s.codeName=et(Pe(c))}if(e&&e["!outline"]){var o={summaryBelow:1,summaryRight:1};e["!outline"].above&&(o.summaryBelow=0),e["!outline"].left&&(o.summaryRight=0),f=(f||"")+ae("outlinePr",null,o)}!i&&!f||(n[n.length]=ae("sheetPr",f,s))}var wv=["objects","scenarios","selectLockedCells","selectUnlockedCells"],kv=["formatColumns","formatRows","formatCells","insertColumns","insertRows","insertHyperlinks","deleteColumns","deleteRows","sort","autoFilter","pivotTables"];function Tv(e){var t={sheet:1};return wv.forEach(function(r){e[r]!=null&&e[r]&&(t[r]="1")}),kv.forEach(function(r){e[r]!=null&&!e[r]&&(t[r]="0")}),e.password&&(t.password=Ai(e.password).toString(16).toUpperCase()),ae("sheetProtection",null,t)}function Ev(e,t,r){for(var a=Array.isArray(e),n=0;n!=t.length;++n){var i=ge(Le(t[n]),!0);if(!i.ref)return;var s=((r||{})["!id"]||[])[i.id];s?(i.Target=s.Target,i.location&&(i.Target+="#"+Oe(i.location))):(i.Target="#"+Oe(i.location),s={Target:i.Target,TargetMode:"Internal"}),i.Rel=s,i.tooltip&&(i.Tooltip=i.tooltip,delete i.tooltip);for(var f=Ie(i.ref),c=f.s.r;c<=f.e.r;++c)for(var o=f.s.c;o<=f.e.c;++o){var l=me({c:o,r:c});a?(e[c]||(e[c]=[]),e[c][o]||(e[c][o]={t:"z",v:void 0}),e[c][o].l=i):(e[l]||(e[l]={t:"z",v:void 0}),e[l].l=i)}}}function Sv(e){var t={};return["left","right","top","bottom","header","footer"].forEach(function(r){e[r]&&(t[r]=parseFloat(e[r]))}),t}function yv(e){return Pt(e),ae("pageMargins",null,e)}function xv(e,t){for(var r=!1,a=0;a!=t.length;++a){var n=ge(t[a],!0);n.hidden&&(n.hidden=Be(n.hidden));var i=parseInt(n.min,10)-1,s=parseInt(n.max,10)-1;for(n.outlineLevel&&(n.level=+n.outlineLevel||0),delete n.min,delete n.max,n.width=+n.width,!r&&n.width&&(r=!0,Ci(n.width)),kt(n);i<=s;)e[i++]=We(n)}}function Av(e,t){for(var r=["<cols>"],a,n=0;n!=t.length;++n)(a=t[n])&&(r[r.length]=ae("col",null,Cn(n,a)));return r[r.length]="</cols>",r.join("")}function Cv(e){var t={ref:(e.match(/ref="([^"]*)"/)||[])[1]};return t}function Ov(e,t,r,a){var n=typeof e.ref=="string"?e.ref:Te(e.ref);r.Workbook||(r.Workbook={Sheets:[]}),r.Workbook.Names||(r.Workbook.Names=[]);var i=r.Workbook.Names,s=Ar(n);s.s.r==s.e.r&&(s.e.r=Ar(t["!ref"]).e.r,n=Te(s));for(var f=0;f<i.length;++f){var c=i[f];if(c.Name=="_xlnm._FilterDatabase"&&c.Sheet==a){c.Ref="'"+r.SheetNames[a]+"'!"+n;break}}return f==i.length&&i.push({Name:"_xlnm._FilterDatabase",Sheet:a,Ref:"'"+r.SheetNames[a]+"'!"+n}),ae("autoFilter",null,{ref:n})}var Iv=/<(?:\w:)?sheetView(?:[^>a-z][^>]*)?\/?>/;function Rv(e,t){t.Views||(t.Views=[{}]),(e.match(Iv)||[]).forEach(function(r,a){var n=ge(r);t.Views[a]||(t.Views[a]={}),+n.zoomScale&&(t.Views[a].zoom=+n.zoomScale),Be(n.rightToLeft)&&(t.Views[a].RTL=!0)})}function Nv(e,t,r,a){var n={workbookViewId:"0"};return(((a||{}).Workbook||{}).Views||[])[0]&&(n.rightToLeft=a.Workbook.Views[0].RTL?"1":"0"),ae("sheetViews",ae("sheetView",null,n),{})}function Fv(e,t,r,a){if(e.c&&r["!comments"].push([t,e.c]),e.v===void 0&&typeof e.f!="string"||e.t==="z"&&!e.f)return"";var n="",i=e.t,s=e.v;if(e.t!=="z")switch(e.t){case"b":n=e.v?"1":"0";break;case"n":n=""+e.v;break;case"e":n=dt[e.v];break;case"d":a&&a.cellDates?n=Ue(e.v,-1).toISOString():(e=We(e),e.t="n",n=""+(e.v=nr(Ue(e.v)))),typeof e.z>"u"&&(e.z=pe[14]);break;default:n=e.v;break}var f=lr("v",Pe(n)),c={r:t},o=xt(a.cellXfs,e,a);switch(o!==0&&(c.s=o),e.t){case"n":break;case"d":c.t="d";break;case"b":c.t="b";break;case"e":c.t="e";break;case"z":break;default:if(e.v==null){delete e.t;break}if(e.v.length>32767)throw new Error("Text length must not exceed 32767 characters");if(a&&a.bookSST){f=lr("v",""+Fi(a.Strings,e.v,a.revStrings)),c.t="s";break}c.t="str";break}if(e.t!=i&&(e.t=i,e.v=s),typeof e.f=="string"&&e.f){var l=e.F&&e.F.slice(0,t.length)==t?{t:"array",ref:e.F}:null;f=ae("f",Pe(e.f),l)+(e.v!=null?f:"")}return e.l&&r["!links"].push([t,e.l]),e.D&&(c.cm=1),ae("c",f,c)}var Pv=(function(){var e=/<(?:\w+:)?c[ \/>]/,t=/<\/(?:\w+:)?row>/,r=/r=["']([^"']*)["']/,a=/<(?:\w+:)?is>([\S\s]*?)<\/(?:\w+:)?is>/,n=/ref=["']([^"']*)["']/,i=Oa("v"),s=Oa("f");return function(c,o,l,h,d,v){for(var p=0,u="",m=[],T=[],A=0,_=0,F=0,D="",P,x,M=0,R=0,z,G,b=0,J=0,le=Array.isArray(v.CellXf),ie,ue=[],ce=[],De=Array.isArray(o),V=[],ve={},_e=!1,O=!!l.sheetStubs,L=c.split(t),I=0,N=L.length;I!=N;++I){u=L[I].trim();var Y=u.length;if(Y!==0){var re=0;e:for(p=0;p<Y;++p)switch(u[p]){case">":if(u[p-1]!="/"){++p;break e}if(l&&l.cellStyles){if(x=ge(u.slice(re,p),!0),M=x.r!=null?parseInt(x.r,10):M+1,R=-1,l.sheetRows&&l.sheetRows<M)continue;ve={},_e=!1,x.ht&&(_e=!0,ve.hpt=parseFloat(x.ht),ve.hpx=aa(ve.hpt)),x.hidden=="1"&&(_e=!0,ve.hidden=!0),x.outlineLevel!=null&&(_e=!0,ve.level=+x.outlineLevel),_e&&(V[M-1]=ve)}break;case"<":re=p;break}if(re>=p)break;if(x=ge(u.slice(re,p),!0),M=x.r!=null?parseInt(x.r,10):M+1,R=-1,!(l.sheetRows&&l.sheetRows<M)){h.s.r>M-1&&(h.s.r=M-1),h.e.r<M-1&&(h.e.r=M-1),l&&l.cellStyles&&(ve={},_e=!1,x.ht&&(_e=!0,ve.hpt=parseFloat(x.ht),ve.hpx=aa(ve.hpt)),x.hidden=="1"&&(_e=!0,ve.hidden=!0),x.outlineLevel!=null&&(_e=!0,ve.level=+x.outlineLevel),_e&&(V[M-1]=ve)),m=u.slice(p).split(e);for(var te=0;te!=m.length&&m[te].trim().charAt(0)=="<";++te);for(m=m.slice(te),p=0;p!=m.length;++p)if(u=m[p].trim(),u.length!==0){if(T=u.match(r),A=p,_=0,F=0,u="<c "+(u.slice(0,1)=="<"?">":"")+u,T!=null&&T.length===2){for(A=0,D=T[1],_=0;_!=D.length&&!((F=D.charCodeAt(_)-64)<1||F>26);++_)A=26*A+F;--A,R=A}else++R;for(_=0;_!=u.length&&u.charCodeAt(_)!==62;++_);if(++_,x=ge(u.slice(0,_),!0),x.r||(x.r=me({r:M-1,c:R})),D=u.slice(_),P={t:""},(T=D.match(i))!=null&&T[1]!==""&&(P.v=Oe(T[1])),l.cellFormula){if((T=D.match(s))!=null&&T[1]!==""){if(P.f=Oe(Le(T[1])).replace(/\r\n/g,`
+`),l.xlfn||(P.f=Us(P.f)),T[0].indexOf('t="array"')>-1)P.F=(D.match(n)||[])[1],P.F.indexOf(":")>-1&&ue.push([Ie(P.F),P.F]);else if(T[0].indexOf('t="shared"')>-1){G=ge(T[0]);var q=Oe(Le(T[1]));l.xlfn||(q=Us(q)),ce[parseInt(G.si,10)]=[G,q,x.r]}}else(T=D.match(/<f[^>]*\/>/))&&(G=ge(T[0]),ce[G.si]&&(P.f=I2(ce[G.si][1],ce[G.si][2],x.r)));var Q=Xe(x.r);for(_=0;_<ue.length;++_)Q.r>=ue[_][0].s.r&&Q.r<=ue[_][0].e.r&&Q.c>=ue[_][0].s.c&&Q.c<=ue[_][0].e.c&&(P.F=ue[_][1])}if(x.t==null&&P.v===void 0)if(P.f||P.F)P.v=0,P.t="n";else if(O)P.t="z";else continue;else P.t=x.t||"n";switch(h.s.c>R&&(h.s.c=R),h.e.c<R&&(h.e.c=R),P.t){case"n":if(P.v==""||P.v==null){if(!O)continue;P.t="z"}else P.v=parseFloat(P.v);break;case"s":if(typeof P.v>"u"){if(!O)continue;P.t="z"}else z=Ta[parseInt(P.v,10)],P.v=z.t,P.r=z.r,l.cellHTML&&(P.h=z.h);break;case"str":P.t="s",P.v=P.v!=null?Le(P.v):"",l.cellHTML&&(P.h=hi(P.v));break;case"inlineStr":T=D.match(a),P.t="s",T!=null&&(z=xi(T[1]))?(P.v=z.t,l.cellHTML&&(P.h=z.h)):P.v="";break;case"b":P.v=Be(P.v);break;case"d":l.cellDates?P.v=Ue(P.v,1):(P.v=nr(Ue(P.v,1)),P.t="n");break;case"e":(!l||l.cellText!==!1)&&(P.w=P.v),P.v=Xf[P.v];break}if(b=J=0,ie=null,le&&x.s!==void 0&&(ie=v.CellXf[x.s],ie!=null&&(ie.numFmtId!=null&&(b=ie.numFmtId),l.cellStyles&&ie.fillId!=null&&(J=ie.fillId))),Hc(P,b,J,l,d,v),l.cellDates&&le&&P.t=="n"&&na(pe[b])&&(P.t="d",P.v=Sn(P.v)),x.cm&&l.xlmeta){var Ee=(l.xlmeta.Cell||[])[+x.cm-1];Ee&&Ee.type=="XLDAPR"&&(P.D=!0)}if(De){var C=Xe(x.r);o[C.r]||(o[C.r]=[]),o[C.r][C.c]=P}else o[x.r]=P}}}}V.length>0&&(o["!rows"]=V)}})();function Dv(e,t,r,a){var n=[],i=[],s=Ie(e["!ref"]),f="",c,o="",l=[],h=0,d=0,v=e["!rows"],p=Array.isArray(e),u={r:o},m,T=-1;for(d=s.s.c;d<=s.e.c;++d)l[d]=Ge(d);for(h=s.s.r;h<=s.e.r;++h){for(i=[],o=Ze(h),d=s.s.c;d<=s.e.c;++d){c=l[d]+o;var A=p?(e[h]||[])[d]:e[c];A!==void 0&&(f=Fv(A,c,e,t))!=null&&i.push(f)}(i.length>0||v&&v[h])&&(u={r:o},v&&v[h]&&(m=v[h],m.hidden&&(u.hidden=1),T=-1,m.hpx?T=La(m.hpx):m.hpt&&(T=m.hpt),T>-1&&(u.ht=T,u.customHeight=1),m.level&&(u.outlineLevel=m.level)),n[n.length]=ae("row",i.join(""),u))}if(v)for(;h<v.length;++h)v&&v[h]&&(u={r:h+1},m=v[h],m.hidden&&(u.hidden=1),T=-1,m.hpx?T=La(m.hpx):m.hpt&&(T=m.hpt),T>-1&&(u.ht=T,u.customHeight=1),m.level&&(u.outlineLevel=m.level),n[n.length]=ae("row","",u));return n.join("")}function Gc(e,t,r,a){var n=[qe,ae("worksheet",null,{xmlns:Wt[0],"xmlns:r":ar.r})],i=r.SheetNames[e],s=0,f="",c=r.Sheets[i];c==null&&(c={});var o=c["!ref"]||"A1",l=Ie(o);if(l.e.c>16383||l.e.r>1048575){if(t.WTF)throw new Error("Range "+o+" exceeds format limit A1:XFD1048576");l.e.c=Math.min(l.e.c,16383),l.e.r=Math.min(l.e.c,1048575),o=Te(l)}a||(a={}),c["!comments"]=[];var h=[];_v(c,r,e,t,n),n[n.length]=ae("dimension",null,{ref:o}),n[n.length]=Nv(c,t,e,r),t.sheetFormat&&(n[n.length]=ae("sheetFormatPr",null,{defaultRowHeight:t.sheetFormat.defaultRowHeight||"16",baseColWidth:t.sheetFormat.baseColWidth||"10",outlineLevelRow:t.sheetFormat.outlineLevelRow||"7"})),c["!cols"]!=null&&c["!cols"].length>0&&(n[n.length]=Av(c,c["!cols"])),n[s=n.length]="<sheetData/>",c["!links"]=[],c["!ref"]!=null&&(f=Dv(c,t),f.length>0&&(n[n.length]=f)),n.length>s+1&&(n[n.length]="</sheetData>",n[s]=n[s].replace("/>",">")),c["!protect"]&&(n[n.length]=Tv(c["!protect"])),c["!autofilter"]!=null&&(n[n.length]=Ov(c["!autofilter"],c,r,e)),c["!merges"]!=null&&c["!merges"].length>0&&(n[n.length]=mv(c["!merges"]));var d=-1,v,p=-1;return c["!links"].length>0&&(n[n.length]="<hyperlinks>",c["!links"].forEach(function(u){u[1].Target&&(v={ref:u[0]},u[1].Target.charAt(0)!="#"&&(p=Fe(a,-1,Pe(u[1].Target).replace(/#.*$/,""),xe.HLINK),v["r:id"]="rId"+p),(d=u[1].Target.indexOf("#"))>-1&&(v.location=Pe(u[1].Target.slice(d+1))),u[1].Tooltip&&(v.tooltip=Pe(u[1].Tooltip)),n[n.length]=ae("hyperlink",null,v))}),n[n.length]="</hyperlinks>"),delete c["!links"],c["!margins"]!=null&&(n[n.length]=yv(c["!margins"])),(!t||t.ignoreEC||t.ignoreEC==null)&&(n[n.length]=lr("ignoredErrors",ae("ignoredError",null,{numberStoredAsText:1,sqref:o}))),h.length>0&&(p=Fe(a,-1,"../drawings/drawing"+(e+1)+".xml",xe.DRAW),n[n.length]=ae("drawing",null,{"r:id":"rId"+p}),c["!drawing"]=h),c["!comments"].length>0&&(p=Fe(a,-1,"../drawings/vmlDrawing"+(e+1)+".vml",xe.VML),n[n.length]=ae("legacyDrawing",null,{"r:id":"rId"+p}),c["!legacy"]=p),n.length>1&&(n[n.length]="</worksheet>",n[1]=n[1].replace("/>",">")),n.join("")}function Lv(e,t){var r={},a=e.l+t;r.r=e.read_shift(4),e.l+=4;var n=e.read_shift(2);e.l+=1;var i=e.read_shift(1);return e.l=a,i&7&&(r.level=i&7),i&16&&(r.hidden=!0),i&32&&(r.hpt=n/20),r}function bv(e,t,r){var a=X(145),n=(r["!rows"]||[])[e]||{};a.write_shift(4,e),a.write_shift(4,0);var i=320;n.hpx?i=La(n.hpx)*20:n.hpt&&(i=n.hpt*20),a.write_shift(2,i),a.write_shift(1,0);var s=0;n.level&&(s|=n.level),n.hidden&&(s|=16),(n.hpx||n.hpt)&&(s|=32),a.write_shift(1,s),a.write_shift(1,0);var f=0,c=a.l;a.l+=4;for(var o={r:e,c:0},l=0;l<16;++l)if(!(t.s.c>l+1<<10||t.e.c<l<<10)){for(var h=-1,d=-1,v=l<<10;v<l+1<<10;++v){o.c=v;var p=Array.isArray(r)?(r[o.r]||[])[o.c]:r[me(o)];p&&(h<0&&(h=v),d=v)}h<0||(++f,a.write_shift(4,h),a.write_shift(4,d))}var u=a.l;return a.l=c,a.write_shift(4,f),a.l=u,a.length>a.l?a.slice(0,a.l):a}function Mv(e,t,r,a){var n=bv(a,r,t);(n.length>17||(t["!rows"]||[])[a])&&j(e,0,n)}var Bv=Xt,Uv=fa;function Wv(){}function Hv(e,t){var r={},a=e[e.l];return++e.l,r.above=!(a&64),r.left=!(a&128),e.l+=18,r.name=Xl(e),r}function Vv(e,t,r){r==null&&(r=X(84+4*e.length));var a=192;t&&(t.above&&(a&=-65),t.left&&(a&=-129)),r.write_shift(1,a);for(var n=1;n<3;++n)r.write_shift(1,0);return dn({auto:1},r),r.write_shift(-4,-1),r.write_shift(-4,-1),Uf(e,r),r.slice(0,r.l)}function Gv(e){var t=Gr(e);return[t]}function Xv(e,t,r){return r==null&&(r=X(8)),Ht(t,r)}function zv(e){var t=Vt(e);return[t]}function $v(e,t,r){return r==null&&(r=X(4)),Gt(t,r)}function Kv(e){var t=Gr(e),r=e.read_shift(1);return[t,r,"b"]}function Yv(e,t,r){return r==null&&(r=X(9)),Ht(t,r),r.write_shift(1,e.v?1:0),r}function jv(e){var t=Vt(e),r=e.read_shift(1);return[t,r,"b"]}function Jv(e,t,r){return r==null&&(r=X(5)),Gt(t,r),r.write_shift(1,e.v?1:0),r}function Zv(e){var t=Gr(e),r=e.read_shift(1);return[t,r,"e"]}function qv(e,t,r){return r==null&&(r=X(9)),Ht(t,r),r.write_shift(1,e.v),r}function Qv(e){var t=Vt(e),r=e.read_shift(1);return[t,r,"e"]}function ep(e,t,r){return r==null&&(r=X(8)),Gt(t,r),r.write_shift(1,e.v),r.write_shift(2,0),r.write_shift(1,0),r}function rp(e){var t=Gr(e),r=e.read_shift(4);return[t,r,"s"]}function tp(e,t,r){return r==null&&(r=X(12)),Ht(t,r),r.write_shift(4,t.v),r}function ap(e){var t=Vt(e),r=e.read_shift(4);return[t,r,"s"]}function np(e,t,r){return r==null&&(r=X(8)),Gt(t,r),r.write_shift(4,t.v),r}function ip(e){var t=Gr(e),r=mr(e);return[t,r,"n"]}function sp(e,t,r){return r==null&&(r=X(16)),Ht(t,r),bt(e.v,r),r}function Xc(e){var t=Vt(e),r=mr(e);return[t,r,"n"]}function fp(e,t,r){return r==null&&(r=X(12)),Gt(t,r),bt(e.v,r),r}function cp(e){var t=Gr(e),r=ki(e);return[t,r,"n"]}function op(e,t,r){return r==null&&(r=X(12)),Ht(t,r),Wf(e.v,r),r}function lp(e){var t=Vt(e),r=ki(e);return[t,r,"n"]}function hp(e,t,r){return r==null&&(r=X(8)),Gt(t,r),Wf(e.v,r),r}function up(e){var t=Gr(e),r=gi(e);return[t,r,"is"]}function dp(e){var t=Gr(e),r=gr(e);return[t,r,"str"]}function vp(e,t,r){return r==null&&(r=X(12+4*e.v.length)),Ht(t,r),fr(e.v,r),r.length>r.l?r.slice(0,r.l):r}function pp(e){var t=Vt(e),r=gr(e);return[t,r,"str"]}function mp(e,t,r){return r==null&&(r=X(8+4*e.v.length)),Gt(t,r),fr(e.v,r),r.length>r.l?r.slice(0,r.l):r}function gp(e,t,r){var a=e.l+t,n=Gr(e);n.r=r["!row"];var i=e.read_shift(1),s=[n,i,"b"];if(r.cellFormula){e.l+=2;var f=An(e,a-e.l,r);s[3]=vr(f,null,n,r.supbooks,r)}else e.l=a;return s}function _p(e,t,r){var a=e.l+t,n=Gr(e);n.r=r["!row"];var i=e.read_shift(1),s=[n,i,"e"];if(r.cellFormula){e.l+=2;var f=An(e,a-e.l,r);s[3]=vr(f,null,n,r.supbooks,r)}else e.l=a;return s}function wp(e,t,r){var a=e.l+t,n=Gr(e);n.r=r["!row"];var i=mr(e),s=[n,i,"n"];if(r.cellFormula){e.l+=2;var f=An(e,a-e.l,r);s[3]=vr(f,null,n,r.supbooks,r)}else e.l=a;return s}function kp(e,t,r){var a=e.l+t,n=Gr(e);n.r=r["!row"];var i=gr(e),s=[n,i,"str"];if(r.cellFormula){e.l+=2;var f=An(e,a-e.l,r);s[3]=vr(f,null,n,r.supbooks,r)}else e.l=a;return s}var Tp=Xt,Ep=fa;function Sp(e,t){return t==null&&(t=X(4)),t.write_shift(4,e),t}function yp(e,t){var r=e.l+t,a=Xt(e),n=_i(e),i=gr(e),s=gr(e),f=gr(e);e.l=r;var c={rfx:a,relId:n,loc:i,display:f};return s&&(c.Tooltip=s),c}function xp(e,t){var r=X(50+4*(e[1].Target.length+(e[1].Tooltip||"").length));fa({s:Xe(e[0]),e:Xe(e[0])},r),wi("rId"+t,r);var a=e[1].Target.indexOf("#"),n=a==-1?"":e[1].Target.slice(a+1);return fr(n||"",r),fr(e[1].Tooltip||"",r),fr("",r),r.slice(0,r.l)}function Ap(){}function Cp(e,t,r){var a=e.l+t,n=Hf(e),i=e.read_shift(1),s=[n];if(s[2]=i,r.cellFormula){var f=Zd(e,a-e.l,r);s[1]=f}else e.l=a;return s}function Op(e,t,r){var a=e.l+t,n=Xt(e),i=[n];if(r.cellFormula){var s=Qd(e,a-e.l,r);i[1]=s,e.l=a}else e.l=a;return i}function Ip(e,t,r){r==null&&(r=X(18));var a=Cn(e,t);r.write_shift(-4,e),r.write_shift(-4,e),r.write_shift(4,(a.width||10)*256),r.write_shift(4,0);var n=0;return t.hidden&&(n|=1),typeof a.width=="number"&&(n|=2),t.level&&(n|=t.level<<8),r.write_shift(2,n),r}var zc=["left","right","top","bottom","header","footer"];function Rp(e){var t={};return zc.forEach(function(r){t[r]=mr(e)}),t}function Np(e,t){return t==null&&(t=X(48)),Pt(e),zc.forEach(function(r){bt(e[r],t)}),t}function Fp(e){var t=e.read_shift(2);return e.l+=28,{RTL:t&32}}function Pp(e,t,r){r==null&&(r=X(30));var a=924;return(((t||{}).Views||[])[0]||{}).RTL&&(a|=32),r.write_shift(2,a),r.write_shift(4,0),r.write_shift(4,0),r.write_shift(4,0),r.write_shift(1,0),r.write_shift(1,0),r.write_shift(2,0),r.write_shift(2,100),r.write_shift(2,0),r.write_shift(2,0),r.write_shift(2,0),r.write_shift(4,0),r}function Dp(e){var t=X(24);return t.write_shift(4,4),t.write_shift(4,1),fa(e,t),t}function Lp(e,t){return t==null&&(t=X(66)),t.write_shift(2,e.password?Ai(e.password):0),t.write_shift(4,1),[["objects",!1],["scenarios",!1],["formatCells",!0],["formatColumns",!0],["formatRows",!0],["insertColumns",!0],["insertRows",!0],["insertHyperlinks",!0],["deleteColumns",!0],["deleteRows",!0],["selectLockedCells",!1],["sort",!0],["autoFilter",!0],["pivotTables",!0],["selectUnlockedCells",!1]].forEach(function(r){r[1]?t.write_shift(4,e[r[0]]!=null&&!e[r[0]]?1:0):t.write_shift(4,e[r[0]]!=null&&e[r[0]]?0:1)}),t}function bp(){}function Mp(){}function Bp(e,t,r,a,n,i,s){if(!e)return e;var f=t||{};a||(a={"!id":{}});var c=f.dense?[]:{},o,l={s:{r:2e6,c:2e6},e:{r:0,c:0}},h=!1,d=!1,v,p,u,m,T,A,_,F,D,P=[];f.biff=12,f["!row"]=0;var x=0,M=!1,R=[],z={},G=f.supbooks||n.supbooks||[[]];if(G.sharedf=z,G.arrayf=R,G.SheetNames=n.SheetNames||n.Sheets?.map(function(De){return De.name}),!f.supbooks&&(f.supbooks=G,n.Names))for(var b=0;b<n.Names.length;++b)G[0][b+1]=n.Names[b];var J=[],le=[],ie=!1;ba[16]={n:"BrtShortReal",f:Xc};var ue;if(ut(e,function(V,ve,_e){if(!d)switch(_e){case 148:o=V;break;case 0:v=V,f.sheetRows&&f.sheetRows<=v.r&&(d=!0),F=Ze(m=v.r),f["!row"]=v.r,(V.hidden||V.hpt||V.level!=null)&&(V.hpt&&(V.hpx=aa(V.hpt)),le[V.r]=V);break;case 2:case 3:case 4:case 5:case 6:case 7:case 8:case 9:case 10:case 11:case 13:case 14:case 15:case 16:case 17:case 18:case 62:switch(p={t:V[2]},V[2]){case"n":p.v=V[1];break;case"s":_=Ta[V[1]],p.v=_.t,p.r=_.r;break;case"b":p.v=!!V[1];break;case"e":p.v=V[1],f.cellText!==!1&&(p.w=dt[p.v]);break;case"str":p.t="s",p.v=V[1];break;case"is":p.t="s",p.v=V[1].t;break}if((u=s.CellXf[V[0].iStyleRef])&&Hc(p,u.numFmtId,null,f,i,s),T=V[0].c==-1?T+1:V[0].c,f.dense?(c[m]||(c[m]=[]),c[m][T]=p):c[Ge(T)+F]=p,f.cellFormula){for(M=!1,x=0;x<R.length;++x){var O=R[x];v.r>=O[0].s.r&&v.r<=O[0].e.r&&T>=O[0].s.c&&T<=O[0].e.c&&(p.F=Te(O[0]),M=!0)}!M&&V.length>3&&(p.f=V[3])}if(l.s.r>v.r&&(l.s.r=v.r),l.s.c>T&&(l.s.c=T),l.e.r<v.r&&(l.e.r=v.r),l.e.c<T&&(l.e.c=T),f.cellDates&&u&&p.t=="n"&&na(pe[u.numFmtId])){var L=It(p.v);L&&(p.t="d",p.v=new Date(L.y,L.m-1,L.d,L.H,L.M,L.S,L.u))}ue&&(ue.type=="XLDAPR"&&(p.D=!0),ue=void 0);break;case 1:case 12:if(!f.sheetStubs||h)break;p={t:"z",v:void 0},T=V[0].c==-1?T+1:V[0].c,f.dense?(c[m]||(c[m]=[]),c[m][T]=p):c[Ge(T)+F]=p,l.s.r>v.r&&(l.s.r=v.r),l.s.c>T&&(l.s.c=T),l.e.r<v.r&&(l.e.r=v.r),l.e.c<T&&(l.e.c=T),ue&&(ue.type=="XLDAPR"&&(p.D=!0),ue=void 0);break;case 176:P.push(V);break;case 49:ue=((f.xlmeta||{}).Cell||[])[V-1];break;case 494:var I=a["!id"][V.relId];for(I?(V.Target=I.Target,V.loc&&(V.Target+="#"+V.loc),V.Rel=I):V.relId==""&&(V.Target="#"+V.loc),m=V.rfx.s.r;m<=V.rfx.e.r;++m)for(T=V.rfx.s.c;T<=V.rfx.e.c;++T)f.dense?(c[m]||(c[m]=[]),c[m][T]||(c[m][T]={t:"z",v:void 0}),c[m][T].l=V):(A=me({c:T,r:m}),c[A]||(c[A]={t:"z",v:void 0}),c[A].l=V);break;case 426:if(!f.cellFormula)break;R.push(V),D=f.dense?c[m][T]:c[Ge(T)+F],D.f=vr(V[1],l,{r:v.r,c:T},G,f),D.F=Te(V[0]);break;case 427:if(!f.cellFormula)break;z[me(V[0].s)]=V[1],D=f.dense?c[m][T]:c[Ge(T)+F],D.f=vr(V[1],l,{r:v.r,c:T},G,f);break;case 60:if(!f.cellStyles)break;for(;V.e>=V.s;)J[V.e--]={width:V.w/256,hidden:!!(V.flags&1),level:V.level},ie||(ie=!0,Ci(V.w/256)),kt(J[V.e+1]);break;case 161:c["!autofilter"]={ref:Te(V)};break;case 476:c["!margins"]=V;break;case 147:n.Sheets[r]||(n.Sheets[r]={}),V.name&&(n.Sheets[r].CodeName=V.name),(V.above||V.left)&&(c["!outline"]={above:V.above,left:V.left});break;case 137:n.Views||(n.Views=[{}]),n.Views[0]||(n.Views[0]={}),V.RTL&&(n.Views[0].RTL=!0);break;case 485:break;case 64:case 1053:break;case 151:break;case 152:case 175:case 644:case 625:case 562:case 396:case 1112:case 1146:case 471:case 1050:case 649:case 1105:case 589:case 607:case 564:case 1055:case 168:case 174:case 1180:case 499:case 507:case 550:case 171:case 167:case 1177:case 169:case 1181:case 551:case 552:case 661:case 639:case 478:case 537:case 477:case 536:case 1103:case 680:case 1104:case 1024:case 663:case 535:case 678:case 504:case 1043:case 428:case 170:case 3072:case 50:case 2070:case 1045:break;case 35:h=!0;break;case 36:h=!1;break;case 37:h=!0;break;case 38:h=!1;break;default:if(!ve.T){if(!h||f.WTF)throw new Error("Unexpected record 0x"+_e.toString(16))}}},f),delete f.supbooks,delete f["!row"],!c["!ref"]&&(l.s.r<2e6||o&&(o.e.r>0||o.e.c>0||o.s.r>0||o.s.c>0))&&(c["!ref"]=Te(o||l)),f.sheetRows&&c["!ref"]){var ce=Ie(c["!ref"]);f.sheetRows<=+ce.e.r&&(ce.e.r=f.sheetRows-1,ce.e.r>l.e.r&&(ce.e.r=l.e.r),ce.e.r<ce.s.r&&(ce.s.r=ce.e.r),ce.e.c>l.e.c&&(ce.e.c=l.e.c),ce.e.c<ce.s.c&&(ce.s.c=ce.e.c),c["!fullref"]=c["!ref"],c["!ref"]=Te(ce))}return P.length>0&&(c["!merges"]=P),J.length>0&&(c["!cols"]=J),le.length>0&&(c["!rows"]=le),c}function Up(e,t,r,a,n,i,s){if(t.v===void 0)return!1;var f="";switch(t.t){case"b":f=t.v?"1":"0";break;case"d":t=We(t),t.z=t.z||pe[14],t.v=nr(Ue(t.v)),t.t="n";break;case"n":case"e":f=""+t.v;break;default:f=t.v;break}var c={r,c:a};switch(c.s=xt(n.cellXfs,t,n),t.l&&i["!links"].push([me(c),t.l]),t.c&&i["!comments"].push([me(c),t.c]),t.t){case"s":case"str":return n.bookSST?(f=Fi(n.Strings,t.v,n.revStrings),c.t="s",c.v=f,s?j(e,18,np(t,c)):j(e,7,tp(t,c))):(c.t="str",s?j(e,17,mp(t,c)):j(e,6,vp(t,c))),!0;case"n":return t.v==(t.v|0)&&t.v>-1e3&&t.v<1e3?s?j(e,13,hp(t,c)):j(e,2,op(t,c)):s?j(e,16,fp(t,c)):j(e,5,sp(t,c)),!0;case"b":return c.t="b",s?j(e,15,Jv(t,c)):j(e,4,Yv(t,c)),!0;case"e":return c.t="e",s?j(e,14,ep(t,c)):j(e,3,qv(t,c)),!0}return s?j(e,12,$v(t,c)):j(e,1,Xv(t,c)),!0}function Wp(e,t,r,a){var n=Ie(t["!ref"]||"A1"),i,s="",f=[];j(e,145);var c=Array.isArray(t),o=n.e.r;t["!rows"]&&(o=Math.max(n.e.r,t["!rows"].length-1));for(var l=n.s.r;l<=o;++l){s=Ze(l),Mv(e,t,n,l);var h=!1;if(l<=n.e.r)for(var d=n.s.c;d<=n.e.c;++d){l===n.s.r&&(f[d]=Ge(d)),i=f[d]+s;var v=c?(t[l]||[])[d]:t[i];if(!v){h=!1;continue}h=Up(e,v,l,d,a,t,h)}}j(e,146)}function Hp(e,t){!t||!t["!merges"]||(j(e,177,Sp(t["!merges"].length)),t["!merges"].forEach(function(r){j(e,176,Ep(r))}),j(e,178))}function Vp(e,t){!t||!t["!cols"]||(j(e,390),t["!cols"].forEach(function(r,a){r&&j(e,60,Ip(a,r))}),j(e,391))}function Gp(e,t){!t||!t["!ref"]||(j(e,648),j(e,649,Dp(Ie(t["!ref"]))),j(e,650))}function Xp(e,t,r){t["!links"].forEach(function(a){if(a[1].Target){var n=Fe(r,-1,a[1].Target.replace(/#.*$/,""),xe.HLINK);j(e,494,xp(a,n))}}),delete t["!links"]}function zp(e,t,r,a){if(t["!comments"].length>0){var n=Fe(a,-1,"../drawings/vmlDrawing"+(r+1)+".vml",xe.VML);j(e,551,wi("rId"+n)),t["!legacy"]=n}}function $p(e,t,r,a){if(t["!autofilter"]){var n=t["!autofilter"],i=typeof n.ref=="string"?n.ref:Te(n.ref);r.Workbook||(r.Workbook={Sheets:[]}),r.Workbook.Names||(r.Workbook.Names=[]);var s=r.Workbook.Names,f=Ar(i);f.s.r==f.e.r&&(f.e.r=Ar(t["!ref"]).e.r,i=Te(f));for(var c=0;c<s.length;++c){var o=s[c];if(o.Name=="_xlnm._FilterDatabase"&&o.Sheet==a){o.Ref="'"+r.SheetNames[a]+"'!"+i;break}}c==s.length&&s.push({Name:"_xlnm._FilterDatabase",Sheet:a,Ref:"'"+r.SheetNames[a]+"'!"+i}),j(e,161,fa(Ie(i))),j(e,162)}}function Kp(e,t,r){j(e,133),j(e,137,Pp(t,r)),j(e,138),j(e,134)}function Yp(e,t){t["!protect"]&&j(e,535,Lp(t["!protect"]))}function jp(e,t,r,a){var n=xr(),i=r.SheetNames[e],s=r.Sheets[i]||{},f=i;try{r&&r.Workbook&&(f=r.Workbook.Sheets[e].CodeName||f)}catch{}var c=Ie(s["!ref"]||"A1");if(c.e.c>16383||c.e.r>1048575){if(t.WTF)throw new Error("Range "+(s["!ref"]||"A1")+" exceeds format limit A1:XFD1048576");c.e.c=Math.min(c.e.c,16383),c.e.r=Math.min(c.e.c,1048575)}return s["!links"]=[],s["!comments"]=[],j(n,129),(r.vbaraw||s["!outline"])&&j(n,147,Vv(f,s["!outline"])),j(n,148,Uv(c)),Kp(n,s,r.Workbook),Vp(n,s),Wp(n,s,e,t),Yp(n,s),$p(n,s,r,e),Hp(n,s),Xp(n,s,a),s["!margins"]&&j(n,476,Np(s["!margins"])),(!t||t.ignoreEC||t.ignoreEC==null)&&Gp(n,s),zp(n,s,e,a),j(n,130),n.end()}function Jp(e){var t=[],r=e.match(/^<c:numCache>/),a;(e.match(/<c:pt idx="(\d*)">(.*?)<\/c:pt>/mg)||[]).forEach(function(i){var s=i.match(/<c:pt idx="(\d*?)"><c:v>(.*)<\/c:v><\/c:pt>/);s&&(t[+s[1]]=r?+s[2]:s[2])});var n=Oe((e.match(/<c:formatCode>([\s\S]*?)<\/c:formatCode>/)||["","General"])[1]);return(e.match(/<c:f>(.*?)<\/c:f>/mg)||[]).forEach(function(i){a=i.replace(/<.*?>/g,"")}),[t,n,a]}function Zp(e,t,r,a,n,i){var s=i||{"!type":"chart"};if(!e)return i;var f=0,c=0,o="A",l={s:{r:2e6,c:2e6},e:{r:0,c:0}};return(e.match(/<c:numCache>[\s\S]*?<\/c:numCache>/gm)||[]).forEach(function(h){var d=Jp(h);l.s.r=l.s.c=0,l.e.c=f,o=Ge(f),d[0].forEach(function(v,p){s[o+Ze(p)]={t:"n",v,z:d[1]},c=p}),l.e.r<c&&(l.e.r=c),++f}),f>0&&(s["!ref"]=Te(l)),s}function qp(e,t,r,a,n){if(!e)return e;a||(a={"!id":{}});var i={"!type":"chart","!drawel":null,"!rel":""},s,f=e.match(Vc);return f&&Pi(f[0],i,n,r),(s=e.match(/drawing r:id="(.*?)"/))&&(i["!rel"]=s[1]),a["!id"][i["!rel"]]&&(i["!drawel"]=a["!id"][i["!rel"]]),i}function Qp(e,t){e.l+=10;var r=gr(e);return{name:r}}function em(e,t,r,a,n){if(!e)return e;a||(a={"!id":{}});var i={"!type":"chart","!drawel":null,"!rel":""},s=!1;return ut(e,function(c,o,l){switch(l){case 550:i["!rel"]=c;break;case 651:n.Sheets[r]||(n.Sheets[r]={}),c.name&&(n.Sheets[r].CodeName=c.name);break;case 562:case 652:case 669:case 679:case 551:case 552:case 476:case 3072:break;case 35:s=!0;break;case 36:s=!1;break;case 37:break;case 38:break;default:if(!(o.T>0)){if(!(o.T<0)){if(!s||t.WTF)throw new Error("Unexpected record 0x"+l.toString(16))}}}},t),a["!id"][i["!rel"]]&&(i["!drawel"]=a["!id"][i["!rel"]]),i}var Di=[["allowRefreshQuery",!1,"bool"],["autoCompressPictures",!0,"bool"],["backupFile",!1,"bool"],["checkCompatibility",!1,"bool"],["CodeName",""],["date1904",!1,"bool"],["defaultThemeVersion",0,"int"],["filterPrivacy",!1,"bool"],["hidePivotFieldList",!1,"bool"],["promptedSolutions",!1,"bool"],["publishItems",!1,"bool"],["refreshAllConnections",!1,"bool"],["saveExternalLinkValues",!0,"bool"],["showBorderUnselectedTables",!0,"bool"],["showInkAnnotation",!0,"bool"],["showObjects","all"],["showPivotChartFilter",!1,"bool"],["updateLinks","userSet"]],rm=[["activeTab",0,"int"],["autoFilterDateGrouping",!0,"bool"],["firstSheet",0,"int"],["minimized",!1,"bool"],["showHorizontalScroll",!0,"bool"],["showSheetTabs",!0,"bool"],["showVerticalScroll",!0,"bool"],["tabRatio",600,"int"],["visibility","visible"]],tm=[],am=[["calcCompleted","true"],["calcMode","auto"],["calcOnSave","true"],["concurrentCalc","true"],["fullCalcOnLoad","false"],["fullPrecision","true"],["iterate","false"],["iterateCount","100"],["iterateDelta","0.001"],["refMode","A1"]];function Xs(e,t){for(var r=0;r!=e.length;++r)for(var a=e[r],n=0;n!=t.length;++n){var i=t[n];if(a[i[0]]==null)a[i[0]]=i[1];else switch(i[2]){case"bool":typeof a[i[0]]=="string"&&(a[i[0]]=Be(a[i[0]]));break;case"int":typeof a[i[0]]=="string"&&(a[i[0]]=parseInt(a[i[0]],10));break}}}function zs(e,t){for(var r=0;r!=t.length;++r){var a=t[r];if(e[a[0]]==null)e[a[0]]=a[1];else switch(a[2]){case"bool":typeof e[a[0]]=="string"&&(e[a[0]]=Be(e[a[0]]));break;case"int":typeof e[a[0]]=="string"&&(e[a[0]]=parseInt(e[a[0]],10));break}}}function $c(e){zs(e.WBProps,Di),zs(e.CalcPr,am),Xs(e.WBView,rm),Xs(e.Sheets,tm),ea.date1904=Be(e.WBProps.date1904)}function nm(e){return!e.Workbook||!e.Workbook.WBProps?"false":Be(e.Workbook.WBProps.date1904)?"true":"false"}var im="][*?/\\".split("");function Kc(e,t){if(e.length>31)throw new Error("Sheet names cannot exceed 31 chars");var r=!0;return im.forEach(function(a){if(e.indexOf(a)!=-1)throw new Error("Sheet name cannot contain : \\ / ? * [ ]")}),r}function sm(e,t,r){e.forEach(function(a,n){Kc(a);for(var i=0;i<n;++i)if(a==e[i])throw new Error("Duplicate Sheet Name: "+a);if(r){var s=t&&t[n]&&t[n].CodeName||a;if(s.charCodeAt(0)==95&&s.length>22)throw new Error("Bad Code Name: Worksheet"+s)}})}function fm(e){if(!e||!e.SheetNames||!e.Sheets)throw new Error("Invalid Workbook");if(!e.SheetNames.length)throw new Error("Workbook is empty");var t=e.Workbook&&e.Workbook.Sheets||[];sm(e.SheetNames,t,!!e.vbaraw);for(var r=0;r<e.SheetNames.length;++r)nv(e.Sheets[e.SheetNames[r]],e.SheetNames[r],r)}var cm=/<\w+:workbook/;function om(e,t){if(!e)throw new Error("Could not find file");var r={AppVersion:{},WBProps:{},WBView:[],Sheets:[],CalcPr:{},Names:[],xmlns:""},a=!1,n="xmlns",i={},s=0;if(e.replace(wr,function(c,o){var l=ge(c);switch(rt(l[0])){case"<?xml":break;case"<workbook":c.match(cm)&&(n="xmlns"+c.match(/<(\w+):/)[1]),r.xmlns=l[n];break;case"</workbook>":break;case"<fileVersion":delete l[0],r.AppVersion=l;break;case"<fileVersion/>":case"</fileVersion>":break;case"<fileSharing":break;case"<fileSharing/>":break;case"<workbookPr":case"<workbookPr/>":Di.forEach(function(h){if(l[h[0]]!=null)switch(h[2]){case"bool":r.WBProps[h[0]]=Be(l[h[0]]);break;case"int":r.WBProps[h[0]]=parseInt(l[h[0]],10);break;default:r.WBProps[h[0]]=l[h[0]]}}),l.codeName&&(r.WBProps.CodeName=Le(l.codeName));break;case"</workbookPr>":break;case"<workbookProtection":break;case"<workbookProtection/>":break;case"<bookViews":case"<bookViews>":case"</bookViews>":break;case"<workbookView":case"<workbookView/>":delete l[0],r.WBView.push(l);break;case"</workbookView>":break;case"<sheets":case"<sheets>":case"</sheets>":break;case"<sheet":switch(l.state){case"hidden":l.Hidden=1;break;case"veryHidden":l.Hidden=2;break;default:l.Hidden=0}delete l.state,l.name=Oe(Le(l.name)),delete l[0],r.Sheets.push(l);break;case"</sheet>":break;case"<functionGroups":case"<functionGroups/>":break;case"<functionGroup":break;case"<externalReferences":case"</externalReferences>":case"<externalReferences>":break;case"<externalReference":break;case"<definedNames/>":break;case"<definedNames>":case"<definedNames":a=!0;break;case"</definedNames>":a=!1;break;case"<definedName":i={},i.Name=Le(l.name),l.comment&&(i.Comment=l.comment),l.localSheetId&&(i.Sheet=+l.localSheetId),Be(l.hidden||"0")&&(i.Hidden=!0),s=o+c.length;break;case"</definedName>":i.Ref=Oe(Le(e.slice(s,o))),r.Names.push(i);break;case"<definedName/>":break;case"<calcPr":delete l[0],r.CalcPr=l;break;case"<calcPr/>":delete l[0],r.CalcPr=l;break;case"</calcPr>":break;case"<oleSize":break;case"<customWorkbookViews>":case"</customWorkbookViews>":case"<customWorkbookViews":break;case"<customWorkbookView":case"</customWorkbookView>":break;case"<pivotCaches>":case"</pivotCaches>":case"<pivotCaches":break;case"<pivotCache":break;case"<smartTagPr":case"<smartTagPr/>":break;case"<smartTagTypes":case"<smartTagTypes>":case"</smartTagTypes>":break;case"<smartTagType":break;case"<webPublishing":case"<webPublishing/>":break;case"<fileRecoveryPr":case"<fileRecoveryPr/>":break;case"<webPublishObjects>":case"<webPublishObjects":case"</webPublishObjects>":break;case"<webPublishObject":break;case"<extLst":case"<extLst>":case"</extLst>":case"<extLst/>":break;case"<ext":a=!0;break;case"</ext>":a=!1;break;case"<ArchID":break;case"<AlternateContent":case"<AlternateContent>":a=!0;break;case"</AlternateContent>":a=!1;break;case"<revisionPtr":break;default:if(!a&&t.WTF)throw new Error("unrecognized "+l[0]+" in workbook")}return c}),Wt.indexOf(r.xmlns)===-1)throw new Error("Unknown Namespace: "+r.xmlns);return $c(r),r}function Yc(e){var t=[qe];t[t.length]=ae("workbook",null,{xmlns:Wt[0],"xmlns:r":ar.r});var r=e.Workbook&&(e.Workbook.Names||[]).length>0,a={codeName:"ThisWorkbook"};e.Workbook&&e.Workbook.WBProps&&(Di.forEach(function(f){e.Workbook.WBProps[f[0]]!=null&&e.Workbook.WBProps[f[0]]!=f[1]&&(a[f[0]]=e.Workbook.WBProps[f[0]])}),e.Workbook.WBProps.CodeName&&(a.codeName=e.Workbook.WBProps.CodeName,delete a.CodeName)),t[t.length]=ae("workbookPr",null,a);var n=e.Workbook&&e.Workbook.Sheets||[],i=0;if(n&&n[0]&&n[0].Hidden){for(t[t.length]="<bookViews>",i=0;i!=e.SheetNames.length&&!(!n[i]||!n[i].Hidden);++i);i==e.SheetNames.length&&(i=0),t[t.length]='<workbookView firstSheet="'+i+'" activeTab="'+i+'"/>',t[t.length]="</bookViews>"}for(t[t.length]="<sheets>",i=0;i!=e.SheetNames.length;++i){var s={name:Pe(e.SheetNames[i].slice(0,31))};if(s.sheetId=""+(i+1),s["r:id"]="rId"+(i+1),n[i])switch(n[i].Hidden){case 1:s.state="hidden";break;case 2:s.state="veryHidden";break}t[t.length]=ae("sheet",null,s)}return t[t.length]="</sheets>",r&&(t[t.length]="<definedNames>",e.Workbook&&e.Workbook.Names&&e.Workbook.Names.forEach(function(f){var c={name:f.Name};f.Comment&&(c.comment=f.Comment),f.Sheet!=null&&(c.localSheetId=""+f.Sheet),f.Hidden&&(c.hidden="1"),f.Ref&&(t[t.length]=ae("definedName",Pe(f.Ref),c))}),t[t.length]="</definedNames>"),t.length>2&&(t[t.length]="</workbook>",t[1]=t[1].replace("/>",">")),t.join("")}function lm(e,t){var r={};return r.Hidden=e.read_shift(4),r.iTabID=e.read_shift(4),r.strRelID=zn(e),r.name=gr(e),r}function hm(e,t){return t||(t=X(127)),t.write_shift(4,e.Hidden),t.write_shift(4,e.iTabID),wi(e.strRelID,t),fr(e.name.slice(0,31),t),t.length>t.l?t.slice(0,t.l):t}function um(e,t){var r={},a=e.read_shift(4);r.defaultThemeVersion=e.read_shift(4);var n=t>8?gr(e):"";return n.length>0&&(r.CodeName=n),r.autoCompressPictures=!!(a&65536),r.backupFile=!!(a&64),r.checkCompatibility=!!(a&4096),r.date1904=!!(a&1),r.filterPrivacy=!!(a&8),r.hidePivotFieldList=!!(a&1024),r.promptedSolutions=!!(a&16),r.publishItems=!!(a&2048),r.refreshAllConnections=!!(a&262144),r.saveExternalLinkValues=!!(a&128),r.showBorderUnselectedTables=!!(a&4),r.showInkAnnotation=!!(a&32),r.showObjects=["all","placeholders","none"][a>>13&3],r.showPivotChartFilter=!!(a&32768),r.updateLinks=["userSet","never","always"][a>>8&3],r}function dm(e,t){t||(t=X(72));var r=0;return e&&e.filterPrivacy&&(r|=8),t.write_shift(4,r),t.write_shift(4,0),Uf(e&&e.CodeName||"ThisWorkbook",t),t.slice(0,t.l)}function vm(e,t){var r={};return e.read_shift(4),r.ArchID=e.read_shift(4),e.l+=t-8,r}function pm(e,t,r){var a=e.l+t;e.l+=4,e.l+=1;var n=e.read_shift(4),i=zl(e),s=qd(e,0,r),f=_i(e);e.l=a;var c={Name:i,Ptg:s};return n<268435455&&(c.Sheet=n),f&&(c.Comment=f),c}function mm(e,t){var r={AppVersion:{},WBProps:{},WBView:[],Sheets:[],CalcPr:{},xmlns:""},a=[],n=!1;t||(t={}),t.biff=12;var i=[],s=[[]];return s.SheetNames=[],s.XTI=[],ba[16]={n:"BrtFRTArchID$",f:vm},ut(e,function(c,o,l){switch(l){case 156:s.SheetNames.push(c.name),r.Sheets.push(c);break;case 153:r.WBProps=c;break;case 39:c.Sheet!=null&&(t.SID=c.Sheet),c.Ref=vr(c.Ptg,null,null,s,t),delete t.SID,delete c.Ptg,i.push(c);break;case 1036:break;case 357:case 358:case 355:case 667:s[0].length?s.push([l,c]):s[0]=[l,c],s[s.length-1].XTI=[];break;case 362:s.length===0&&(s[0]=[],s[0].XTI=[]),s[s.length-1].XTI=s[s.length-1].XTI.concat(c),s.XTI=s.XTI.concat(c);break;case 361:break;case 2071:case 158:case 143:case 664:case 353:break;case 3072:case 3073:case 534:case 677:case 157:case 610:case 2050:case 155:case 548:case 676:case 128:case 665:case 2128:case 2125:case 549:case 2053:case 596:case 2076:case 2075:case 2082:case 397:case 154:case 1117:case 553:case 2091:break;case 35:a.push(l),n=!0;break;case 36:a.pop(),n=!1;break;case 37:a.push(l),n=!0;break;case 38:a.pop(),n=!1;break;case 16:break;default:if(!o.T){if(!n||t.WTF&&a[a.length-1]!=37&&a[a.length-1]!=35)throw new Error("Unexpected record 0x"+l.toString(16))}}},t),$c(r),r.Names=i,r.supbooks=s,r}function gm(e,t){j(e,143);for(var r=0;r!=t.SheetNames.length;++r){var a=t.Workbook&&t.Workbook.Sheets&&t.Workbook.Sheets[r]&&t.Workbook.Sheets[r].Hidden||0,n={Hidden:a,iTabID:r+1,strRelID:"rId"+(r+1),name:t.SheetNames[r]};j(e,156,hm(n))}j(e,144)}function _m(e,t){t||(t=X(127));for(var r=0;r!=4;++r)t.write_shift(4,0);return fr("SheetJS",t),fr(sn.version,t),fr(sn.version,t),fr("7262",t),t.length>t.l?t.slice(0,t.l):t}function wm(e,t){t||(t=X(29)),t.write_shift(-4,0),t.write_shift(-4,460),t.write_shift(4,28800),t.write_shift(4,17600),t.write_shift(4,500),t.write_shift(4,e),t.write_shift(4,e);var r=120;return t.write_shift(1,r),t.length>t.l?t.slice(0,t.l):t}function km(e,t){if(!(!t.Workbook||!t.Workbook.Sheets)){for(var r=t.Workbook.Sheets,a=0,n=-1,i=-1;a<r.length;++a)!r[a]||!r[a].Hidden&&n==-1?n=a:r[a].Hidden==1&&i==-1&&(i=a);i>n||(j(e,135),j(e,158,wm(n)),j(e,136))}}function Tm(e,t){var r=xr();return j(r,131),j(r,128,_m()),j(r,153,dm(e.Workbook&&e.Workbook.WBProps||null)),km(r,e),gm(r,e),j(r,132),r.end()}function Em(e,t,r){return t.slice(-4)===".bin"?mm(e,r):om(e,r)}function Sm(e,t,r,a,n,i,s,f){return t.slice(-4)===".bin"?Bp(e,a,r,n,i,s,f):pv(e,a,r,n,i,s,f)}function ym(e,t,r,a,n,i,s,f){return t.slice(-4)===".bin"?em(e,a,r,n,i):qp(e,a,r,n,i)}function xm(e,t,r,a,n,i,s,f){return t.slice(-4)===".bin"?C2():O2()}function Am(e,t,r,a,n,i,s,f){return t.slice(-4)===".bin"?x2():A2()}function Cm(e,t,r,a){return t.slice(-4)===".bin"?E0(e,r,a):l0(e,r,a)}function Om(e,t,r){return Oc(e,r)}function Im(e,t,r){return t.slice(-4)===".bin"?Iu(e,r):Au(e,r)}function Rm(e,t,r){return t.slice(-4)===".bin"?k2(e,r):h2(e,r)}function Nm(e,t,r){return t.slice(-4)===".bin"?c2(e):s2(e)}function Fm(e,t,r,a){return r.slice(-4)===".bin"?o2(e,t,r,a):void 0}function Pm(e,t,r){return t.slice(-4)===".bin"?a2(e,t,r):i2(e,t,r)}function Dm(e,t,r){return(t.slice(-4)===".bin"?Tm:Yc)(e)}function Lm(e,t,r,a,n){return(t.slice(-4)===".bin"?jp:Gc)(e,r,a,n)}function bm(e,t,r){return(t.slice(-4)===".bin"?F0:Ac)(e,r)}function Mm(e,t,r){return(t.slice(-4)===".bin"?Fu:_c)(e,r)}function Bm(e,t,r){return(t.slice(-4)===".bin"?T2:Nc)(e)}function Um(e){return(e.slice(-4)===".bin"?n2:Ic)()}var jc=/([\w:]+)=((?:")([^"]*)(?:")|(?:')([^']*)(?:'))/g,Jc=/([\w:]+)=((?:")(?:[^"]*)(?:")|(?:')(?:[^']*)(?:'))/;function Xr(e,t){var r=e.split(/\s+/),a=[];if(a[0]=r[0],r.length===1)return a;var n=e.match(jc),i,s,f,c;if(n)for(c=0;c!=n.length;++c)i=n[c].match(Jc),(s=i[1].indexOf(":"))===-1?a[i[1]]=i[2].slice(1,i[2].length-1):(i[1].slice(0,6)==="xmlns:"?f="xmlns"+i[1].slice(6):f=i[1].slice(s+1),a[f]=i[2].slice(1,i[2].length-1));return a}function Wm(e){var t=e.split(/\s+/),r={};if(t.length===1)return r;var a=e.match(jc),n,i,s,f;if(a)for(f=0;f!=a.length;++f)n=a[f].match(Jc),(i=n[1].indexOf(":"))===-1?r[n[1]]=n[2].slice(1,n[2].length-1):(n[1].slice(0,6)==="xmlns:"?s="xmlns"+n[1].slice(6):s=n[1].slice(i+1),r[s]=n[2].slice(1,n[2].length-1));return r}var Sa;function Hm(e,t){var r=Sa[e]||Oe(e);return r==="General"?Dt(t):Vr(r,t)}function Vm(e,t,r,a){var n=a;switch((r[0].match(/dt:dt="([\w.]+)"/)||["",""])[1]){case"boolean":n=Be(a);break;case"i2":case"int":n=parseInt(a,10);break;case"r4":case"float":n=parseFloat(a);break;case"date":case"dateTime.tz":n=Ue(a);break;case"i8":case"string":case"fixed":case"uuid":case"bin.base64":break;default:throw new Error("bad custprop:"+r[0])}e[Oe(t)]=n}function Gm(e,t,r){if(e.t!=="z"){if(!r||r.cellText!==!1)try{e.t==="e"?e.w=e.w||dt[e.v]:t==="General"?e.t==="n"?(e.v|0)===e.v?e.w=e.v.toString(10):e.w=Ca(e.v):e.w=Dt(e.v):e.w=Hm(t||"General",e.v)}catch(i){if(r.WTF)throw i}try{var a=Sa[t]||t||"General";if(r.cellNF&&(e.z=a),r.cellDates&&e.t=="n"&&na(a)){var n=It(e.v);n&&(e.t="d",e.v=new Date(n.y,n.m-1,n.d,n.H,n.M,n.S,n.u))}}catch(i){if(r.WTF)throw i}}}function Xm(e,t,r){if(r.cellStyles&&t.Interior){var a=t.Interior;a.Pattern&&(a.patternType=t0[a.Pattern]||a.Pattern)}e[t.ID]=t}function zm(e,t,r,a,n,i,s,f,c,o){var l="General",h=a.StyleID,d={};o=o||{};var v=[],p=0;for(h===void 0&&f&&(h=f.StyleID),h===void 0&&s&&(h=s.StyleID);i[h]!==void 0&&(i[h].nf&&(l=i[h].nf),i[h].Interior&&v.push(i[h].Interior),!!i[h].Parent);)h=i[h].Parent;switch(r.Type){case"Boolean":a.t="b",a.v=Be(e);break;case"String":a.t="s",a.r=cs(Oe(e)),a.v=e.indexOf("<")>-1?Oe(t||e).replace(/<.*?>/g,""):a.r;break;case"DateTime":e.slice(-1)!="Z"&&(e+="Z"),a.v=(Ue(e)-new Date(Date.UTC(1899,11,30)))/(1440*60*1e3),a.v!==a.v?a.v=Oe(e):a.v<60&&(a.v=a.v-1),(!l||l=="General")&&(l="yyyy-mm-dd");case"Number":a.v===void 0&&(a.v=+e),a.t||(a.t="n");break;case"Error":a.t="e",a.v=Xf[e],o.cellText!==!1&&(a.w=e);break;default:e==""&&t==""?a.t="z":(a.t="s",a.v=cs(t||e));break}if(Gm(a,l,o),o.cellFormula!==!1)if(a.Formula){var u=Oe(a.Formula);u.charCodeAt(0)==61&&(u=u.slice(1)),a.f=Qt(u,n),delete a.Formula,a.ArrayRange=="RC"?a.F=Qt("RC:RC",n):a.ArrayRange&&(a.F=Qt(a.ArrayRange,n),c.push([Ie(a.F),a.F]))}else for(p=0;p<c.length;++p)n.r>=c[p][0].s.r&&n.r<=c[p][0].e.r&&n.c>=c[p][0].s.c&&n.c<=c[p][0].e.c&&(a.F=c[p][1]);o.cellStyles&&(v.forEach(function(m){!d.patternType&&m.patternType&&(d.patternType=m.patternType)}),a.s=d),a.StyleID!==void 0&&(a.ixfe=a.StyleID)}function $m(e){e.t=e.v||"",e.t=e.t.replace(/\r\n/g,`
+`).replace(/\r/g,`
+`),e.v=e.w=e.ixfe=void 0}function Un(e,t){var r=t||{};ia();var a=va(ui(e));(r.type=="binary"||r.type=="array"||r.type=="base64")&&(a=Le(a));var n=a.slice(0,1024).toLowerCase(),i=!1;if(n=n.replace(/".*?"/g,""),(n.indexOf(">")&1023)>Math.min(n.indexOf(",")&1023,n.indexOf(";")&1023)){var s=We(r);return s.type="string",ta.to_workbook(a,s)}if(n.indexOf("<?xml")==-1&&["html","table","head","meta","script","style","div"].forEach(function(Ye){n.indexOf("<"+Ye)>=0&&(i=!0)}),i)return Ng(a,r);Sa={"General Number":"General","General Date":pe[22],"Long Date":"dddd, mmmm dd, yyyy","Medium Date":pe[15],"Short Date":pe[14],"Long Time":pe[19],"Medium Time":pe[18],"Short Time":pe[20],Currency:'"$"#,##0.00_);[Red]\\("$"#,##0.00\\)',Fixed:pe[2],Standard:pe[4],Percent:pe[10],Scientific:pe[11],"Yes/No":'"Yes";"Yes";"No";@',"True/False":'"True";"True";"False";@',"On/Off":'"Yes";"Yes";"No";@'};var f,c=[],o,l={},h=[],d=r.dense?[]:{},v="",p={},u={},m=Xr('<Data ss:Type="String">'),T=0,A=0,_=0,F={s:{r:2e6,c:2e6},e:{r:0,c:0}},D={},P={},x="",M=0,R=[],z={},G={},b=0,J=[],le=[],ie={},ue=[],ce,De=!1,V=[],ve=[],_e={},O=0,L=0,I={Sheets:[],WBProps:{date1904:!1}},N={};Ra.lastIndex=0,a=a.replace(/<!--([\s\S]*?)-->/mg,"");for(var Y="";f=Ra.exec(a);)switch(f[3]=(Y=f[3]).toLowerCase()){case"data":if(Y=="data"){if(f[1]==="/"){if((o=c.pop())[0]!==f[3])throw new Error("Bad state: "+o.join("|"))}else f[0].charAt(f[0].length-2)!=="/"&&c.push([f[3],!0]);break}if(c[c.length-1][1])break;f[1]==="/"?zm(a.slice(T,f.index),x,m,c[c.length-1][0]=="comment"?ie:p,{c:A,r:_},D,ue[A],u,V,r):(x="",m=Xr(f[0]),T=f.index+f[0].length);break;case"cell":if(f[1]==="/")if(le.length>0&&(p.c=le),(!r.sheetRows||r.sheetRows>_)&&p.v!==void 0&&(r.dense?(d[_]||(d[_]=[]),d[_][A]=p):d[Ge(A)+Ze(_)]=p),p.HRef&&(p.l={Target:Oe(p.HRef)},p.HRefScreenTip&&(p.l.Tooltip=p.HRefScreenTip),delete p.HRef,delete p.HRefScreenTip),(p.MergeAcross||p.MergeDown)&&(O=A+(parseInt(p.MergeAcross,10)|0),L=_+(parseInt(p.MergeDown,10)|0),R.push({s:{c:A,r:_},e:{c:O,r:L}})),!r.sheetStubs)p.MergeAcross?A=O+1:++A;else if(p.MergeAcross||p.MergeDown){for(var re=A;re<=O;++re)for(var te=_;te<=L;++te)(re>A||te>_)&&(r.dense?(d[te]||(d[te]=[]),d[te][re]={t:"z"}):d[Ge(re)+Ze(te)]={t:"z"});A=O+1}else++A;else p=Wm(f[0]),p.Index&&(A=+p.Index-1),A<F.s.c&&(F.s.c=A),A>F.e.c&&(F.e.c=A),f[0].slice(-2)==="/>"&&++A,le=[];break;case"row":f[1]==="/"||f[0].slice(-2)==="/>"?(_<F.s.r&&(F.s.r=_),_>F.e.r&&(F.e.r=_),f[0].slice(-2)==="/>"&&(u=Xr(f[0]),u.Index&&(_=+u.Index-1)),A=0,++_):(u=Xr(f[0]),u.Index&&(_=+u.Index-1),_e={},(u.AutoFitHeight=="0"||u.Height)&&(_e.hpx=parseInt(u.Height,10),_e.hpt=La(_e.hpx),ve[_]=_e),u.Hidden=="1"&&(_e.hidden=!0,ve[_]=_e));break;case"worksheet":if(f[1]==="/"){if((o=c.pop())[0]!==f[3])throw new Error("Bad state: "+o.join("|"));h.push(v),F.s.r<=F.e.r&&F.s.c<=F.e.c&&(d["!ref"]=Te(F),r.sheetRows&&r.sheetRows<=F.e.r&&(d["!fullref"]=d["!ref"],F.e.r=r.sheetRows-1,d["!ref"]=Te(F))),R.length&&(d["!merges"]=R),ue.length>0&&(d["!cols"]=ue),ve.length>0&&(d["!rows"]=ve),l[v]=d}else F={s:{r:2e6,c:2e6},e:{r:0,c:0}},_=A=0,c.push([f[3],!1]),o=Xr(f[0]),v=Oe(o.Name),d=r.dense?[]:{},R=[],V=[],ve=[],N={name:v,Hidden:0},I.Sheets.push(N);break;case"table":if(f[1]==="/"){if((o=c.pop())[0]!==f[3])throw new Error("Bad state: "+o.join("|"))}else{if(f[0].slice(-2)=="/>")break;c.push([f[3],!1]),ue=[],De=!1}break;case"style":f[1]==="/"?Xm(D,P,r):P=Xr(f[0]);break;case"numberformat":P.nf=Oe(Xr(f[0]).Format||"General"),Sa[P.nf]&&(P.nf=Sa[P.nf]);for(var q=0;q!=392&&pe[q]!=P.nf;++q);if(q==392){for(q=57;q!=392;++q)if(pe[q]==null){ct(P.nf,q);break}}break;case"column":if(c[c.length-1][0]!=="table")break;if(ce=Xr(f[0]),ce.Hidden&&(ce.hidden=!0,delete ce.Hidden),ce.Width&&(ce.wpx=parseInt(ce.Width,10)),!De&&ce.wpx>10){De=!0,pr=yc;for(var Q=0;Q<ue.length;++Q)ue[Q]&&kt(ue[Q])}De&&kt(ce),ue[ce.Index-1||ue.length]=ce;for(var Ee=0;Ee<+ce.Span;++Ee)ue[ue.length]=We(ce);break;case"namedrange":if(f[1]==="/")break;I.Names||(I.Names=[]);var C=ge(f[0]),Me={Name:C.Name,Ref:Qt(C.RefersTo.slice(1),{r:0,c:0})};I.Sheets.length>0&&(Me.Sheet=I.Sheets.length-1),I.Names.push(Me);break;case"namedcell":break;case"b":break;case"i":break;case"u":break;case"s":break;case"em":break;case"h2":break;case"h3":break;case"sub":break;case"sup":break;case"span":break;case"alignment":break;case"borders":break;case"border":break;case"font":if(f[0].slice(-2)==="/>")break;f[1]==="/"?x+=a.slice(M,f.index):M=f.index+f[0].length;break;case"interior":if(!r.cellStyles)break;P.Interior=Xr(f[0]);break;case"protection":break;case"author":case"title":case"description":case"created":case"keywords":case"subject":case"category":case"company":case"lastauthor":case"lastsaved":case"lastprinted":case"version":case"revision":case"totaltime":case"hyperlinkbase":case"manager":case"contentstatus":case"identifier":case"language":case"appname":if(f[0].slice(-2)==="/>")break;f[1]==="/"?m1(z,Y,a.slice(b,f.index)):b=f.index+f[0].length;break;case"paragraphs":break;case"styles":case"workbook":if(f[1]==="/"){if((o=c.pop())[0]!==f[3])throw new Error("Bad state: "+o.join("|"))}else c.push([f[3],!1]);break;case"comment":if(f[1]==="/"){if((o=c.pop())[0]!==f[3])throw new Error("Bad state: "+o.join("|"));$m(ie),le.push(ie)}else c.push([f[3],!1]),o=Xr(f[0]),ie={a:o.Author};break;case"autofilter":if(f[1]==="/"){if((o=c.pop())[0]!==f[3])throw new Error("Bad state: "+o.join("|"))}else if(f[0].charAt(f[0].length-2)!=="/"){var Ce=Xr(f[0]);d["!autofilter"]={ref:Qt(Ce.Range).replace(/\$/g,"")},c.push([f[3],!0])}break;case"name":break;case"datavalidation":if(f[1]==="/"){if((o=c.pop())[0]!==f[3])throw new Error("Bad state: "+o.join("|"))}else f[0].charAt(f[0].length-2)!=="/"&&c.push([f[3],!0]);break;case"pixelsperinch":break;case"componentoptions":case"documentproperties":case"customdocumentproperties":case"officedocumentsettings":case"pivottable":case"pivotcache":case"names":case"mapinfo":case"pagebreaks":case"querytable":case"sorting":case"schema":case"conditionalformatting":case"smarttagtype":case"smarttags":case"excelworkbook":case"workbookoptions":case"worksheetoptions":if(f[1]==="/"){if((o=c.pop())[0]!==f[3])throw new Error("Bad state: "+o.join("|"))}else f[0].charAt(f[0].length-2)!=="/"&&c.push([f[3],!0]);break;case"null":break;default:if(c.length==0&&f[3]=="document"||c.length==0&&f[3]=="uof")return Js(a,r);var be=!0;switch(c[c.length-1][0]){case"officedocumentsettings":switch(f[3]){case"allowpng":break;case"removepersonalinformation":break;case"downloadcomponents":break;case"locationofcomponents":break;case"colors":break;case"color":break;case"index":break;case"rgb":break;case"targetscreensize":break;case"readonlyrecommended":break;default:be=!1}break;case"componentoptions":switch(f[3]){case"toolbar":break;case"hideofficelogo":break;case"spreadsheetautofit":break;case"label":break;case"caption":break;case"maxheight":break;case"maxwidth":break;case"nextsheetnumber":break;default:be=!1}break;case"excelworkbook":switch(f[3]){case"date1904":I.WBProps.date1904=!0;break;case"windowheight":break;case"windowwidth":break;case"windowtopx":break;case"windowtopy":break;case"tabratio":break;case"protectstructure":break;case"protectwindow":break;case"protectwindows":break;case"activesheet":break;case"displayinknotes":break;case"firstvisiblesheet":break;case"supbook":break;case"sheetname":break;case"sheetindex":break;case"sheetindexfirst":break;case"sheetindexlast":break;case"dll":break;case"acceptlabelsinformulas":break;case"donotsavelinkvalues":break;case"iteration":break;case"maxiterations":break;case"maxchange":break;case"path":break;case"xct":break;case"count":break;case"selectedsheets":break;case"calculation":break;case"uncalced":break;case"startupprompt":break;case"crn":break;case"externname":break;case"formula":break;case"colfirst":break;case"collast":break;case"wantadvise":break;case"boolean":break;case"error":break;case"text":break;case"ole":break;case"noautorecover":break;case"publishobjects":break;case"donotcalculatebeforesave":break;case"number":break;case"refmoder1c1":break;case"embedsavesmarttags":break;default:be=!1}break;case"workbookoptions":switch(f[3]){case"owcversion":break;case"height":break;case"width":break;default:be=!1}break;case"worksheetoptions":switch(f[3]){case"visible":if(f[0].slice(-2)!=="/>")if(f[1]==="/")switch(a.slice(b,f.index)){case"SheetHidden":N.Hidden=1;break;case"SheetVeryHidden":N.Hidden=2;break}else b=f.index+f[0].length;break;case"header":d["!margins"]||Pt(d["!margins"]={},"xlml"),isNaN(+ge(f[0]).Margin)||(d["!margins"].header=+ge(f[0]).Margin);break;case"footer":d["!margins"]||Pt(d["!margins"]={},"xlml"),isNaN(+ge(f[0]).Margin)||(d["!margins"].footer=+ge(f[0]).Margin);break;case"pagemargins":var Ae=ge(f[0]);d["!margins"]||Pt(d["!margins"]={},"xlml"),isNaN(+Ae.Top)||(d["!margins"].top=+Ae.Top),isNaN(+Ae.Left)||(d["!margins"].left=+Ae.Left),isNaN(+Ae.Right)||(d["!margins"].right=+Ae.Right),isNaN(+Ae.Bottom)||(d["!margins"].bottom=+Ae.Bottom);break;case"displayrighttoleft":I.Views||(I.Views=[]),I.Views[0]||(I.Views[0]={}),I.Views[0].RTL=!0;break;case"freezepanes":break;case"frozennosplit":break;case"splithorizontal":case"splitvertical":break;case"donotdisplaygridlines":break;case"activerow":break;case"activecol":break;case"toprowbottompane":break;case"leftcolumnrightpane":break;case"unsynced":break;case"print":break;case"printerrors":break;case"panes":break;case"scale":break;case"pane":break;case"number":break;case"layout":break;case"pagesetup":break;case"selected":break;case"protectobjects":break;case"enableselection":break;case"protectscenarios":break;case"validprinterinfo":break;case"horizontalresolution":break;case"verticalresolution":break;case"numberofcopies":break;case"activepane":break;case"toprowvisible":break;case"leftcolumnvisible":break;case"fittopage":break;case"rangeselection":break;case"papersizeindex":break;case"pagelayoutzoom":break;case"pagebreakzoom":break;case"filteron":break;case"fitwidth":break;case"fitheight":break;case"commentslayout":break;case"zoom":break;case"lefttoright":break;case"gridlines":break;case"allowsort":break;case"allowfilter":break;case"allowinsertrows":break;case"allowdeleterows":break;case"allowinsertcols":break;case"allowdeletecols":break;case"allowinserthyperlinks":break;case"allowformatcells":break;case"allowsizecols":break;case"allowsizerows":break;case"nosummaryrowsbelowdetail":d["!outline"]||(d["!outline"]={}),d["!outline"].above=!0;break;case"tabcolorindex":break;case"donotdisplayheadings":break;case"showpagelayoutzoom":break;case"nosummarycolumnsrightdetail":d["!outline"]||(d["!outline"]={}),d["!outline"].left=!0;break;case"blackandwhite":break;case"donotdisplayzeros":break;case"displaypagebreak":break;case"rowcolheadings":break;case"donotdisplayoutline":break;case"noorientation":break;case"allowusepivottables":break;case"zeroheight":break;case"viewablerange":break;case"selection":break;case"protectcontents":break;default:be=!1}break;case"pivottable":case"pivotcache":switch(f[3]){case"immediateitemsondrop":break;case"showpagemultipleitemlabel":break;case"compactrowindent":break;case"location":break;case"pivotfield":break;case"orientation":break;case"layoutform":break;case"layoutsubtotallocation":break;case"layoutcompactrow":break;case"position":break;case"pivotitem":break;case"datatype":break;case"datafield":break;case"sourcename":break;case"parentfield":break;case"ptlineitems":break;case"ptlineitem":break;case"countofsameitems":break;case"item":break;case"itemtype":break;case"ptsource":break;case"cacheindex":break;case"consolidationreference":break;case"filename":break;case"reference":break;case"nocolumngrand":break;case"norowgrand":break;case"blanklineafteritems":break;case"hidden":break;case"subtotal":break;case"basefield":break;case"mapchilditems":break;case"function":break;case"refreshonfileopen":break;case"printsettitles":break;case"mergelabels":break;case"defaultversion":break;case"refreshname":break;case"refreshdate":break;case"refreshdatecopy":break;case"versionlastrefresh":break;case"versionlastupdate":break;case"versionupdateablemin":break;case"versionrefreshablemin":break;case"calculation":break;default:be=!1}break;case"pagebreaks":switch(f[3]){case"colbreaks":break;case"colbreak":break;case"rowbreaks":break;case"rowbreak":break;case"colstart":break;case"colend":break;case"rowend":break;default:be=!1}break;case"autofilter":switch(f[3]){case"autofiltercolumn":break;case"autofiltercondition":break;case"autofilterand":break;case"autofilteror":break;default:be=!1}break;case"querytable":switch(f[3]){case"id":break;case"autoformatfont":break;case"autoformatpattern":break;case"querysource":break;case"querytype":break;case"enableredirections":break;case"refreshedinxl9":break;case"urlstring":break;case"htmltables":break;case"connection":break;case"commandtext":break;case"refreshinfo":break;case"notitles":break;case"nextid":break;case"columninfo":break;case"overwritecells":break;case"donotpromptforfile":break;case"textwizardsettings":break;case"source":break;case"number":break;case"decimal":break;case"thousandseparator":break;case"trailingminusnumbers":break;case"formatsettings":break;case"fieldtype":break;case"delimiters":break;case"tab":break;case"comma":break;case"autoformatname":break;case"versionlastedit":break;case"versionlastrefresh":break;default:be=!1}break;case"datavalidation":switch(f[3]){case"range":break;case"type":break;case"min":break;case"max":break;case"sort":break;case"descending":break;case"order":break;case"casesensitive":break;case"value":break;case"errorstyle":break;case"errormessage":break;case"errortitle":break;case"inputmessage":break;case"inputtitle":break;case"combohide":break;case"inputhide":break;case"condition":break;case"qualifier":break;case"useblank":break;case"value1":break;case"value2":break;case"format":break;case"cellrangelist":break;default:be=!1}break;case"sorting":case"conditionalformatting":switch(f[3]){case"range":break;case"type":break;case"min":break;case"max":break;case"sort":break;case"descending":break;case"order":break;case"casesensitive":break;case"value":break;case"errorstyle":break;case"errormessage":break;case"errortitle":break;case"cellrangelist":break;case"inputmessage":break;case"inputtitle":break;case"combohide":break;case"inputhide":break;case"condition":break;case"qualifier":break;case"useblank":break;case"value1":break;case"value2":break;case"format":break;default:be=!1}break;case"mapinfo":case"schema":case"data":switch(f[3]){case"map":break;case"entry":break;case"range":break;case"xpath":break;case"field":break;case"xsdtype":break;case"filteron":break;case"aggregate":break;case"elementtype":break;case"attributetype":break;case"schema":case"element":case"complextype":case"datatype":case"all":case"attribute":case"extends":break;case"row":break;default:be=!1}break;case"smarttags":break;default:be=!1;break}if(be||f[3].match(/!\[CDATA/))break;if(!c[c.length-1][1])throw"Unrecognized tag: "+f[3]+"|"+c.join("|");if(c[c.length-1][0]==="customdocumentproperties"){if(f[0].slice(-2)==="/>")break;f[1]==="/"?Vm(G,Y,J,a.slice(b,f.index)):(J=f,b=f.index+f[0].length);break}if(r.WTF)throw"Unrecognized tag: "+f[3]+"|"+c.join("|")}var fe={};return!r.bookSheets&&!r.bookProps&&(fe.Sheets=l),fe.SheetNames=h,fe.Workbook=I,fe.SSF=We(pe),fe.Props=z,fe.Custprops=G,fe}function qn(e,t){switch(bi(t=t||{}),t.type||"base64"){case"base64":return Un(Fr(e),t);case"binary":case"buffer":case"file":return Un(e,t);case"array":return Un(St(e),t)}}function Km(e,t){var r=[];return e.Props&&r.push(g1(e.Props,t)),e.Custprops&&r.push(_1(e.Props,e.Custprops)),r.join("")}function Ym(){return""}function jm(e,t){var r=['<Style ss:ID="Default" ss:Name="Normal"><NumberFormat/></Style>'];return t.cellXfs.forEach(function(a,n){var i=[];i.push(ae("NumberFormat",null,{"ss:Format":Pe(pe[a.numFmtId])}));var s={"ss:ID":"s"+(21+n)};r.push(ae("Style",i.join(""),s))}),ae("Styles",r.join(""))}function Zc(e){return ae("NamedRange",null,{"ss:Name":e.Name,"ss:RefersTo":"="+Ri(e.Ref,{r:0,c:0})})}function Jm(e){if(!((e||{}).Workbook||{}).Names)return"";for(var t=e.Workbook.Names,r=[],a=0;a<t.length;++a){var n=t[a];n.Sheet==null&&(n.Name.match(/^_xlfn\./)||r.push(Zc(n)))}return ae("Names",r.join(""))}function Zm(e,t,r,a){if(!e||!((a||{}).Workbook||{}).Names)return"";for(var n=a.Workbook.Names,i=[],s=0;s<n.length;++s){var f=n[s];f.Sheet==r&&(f.Name.match(/^_xlfn\./)||i.push(Zc(f)))}return i.join("")}function qm(e,t,r,a){if(!e)return"";var n=[];if(e["!margins"]&&(n.push("<PageSetup>"),e["!margins"].header&&n.push(ae("Header",null,{"x:Margin":e["!margins"].header})),e["!margins"].footer&&n.push(ae("Footer",null,{"x:Margin":e["!margins"].footer})),n.push(ae("PageMargins",null,{"x:Bottom":e["!margins"].bottom||"0.75","x:Left":e["!margins"].left||"0.7","x:Right":e["!margins"].right||"0.7","x:Top":e["!margins"].top||"0.75"})),n.push("</PageSetup>")),a&&a.Workbook&&a.Workbook.Sheets&&a.Workbook.Sheets[r])if(a.Workbook.Sheets[r].Hidden)n.push(ae("Visible",a.Workbook.Sheets[r].Hidden==1?"SheetHidden":"SheetVeryHidden",{}));else{for(var i=0;i<r&&!(a.Workbook.Sheets[i]&&!a.Workbook.Sheets[i].Hidden);++i);i==r&&n.push("<Selected/>")}return((((a||{}).Workbook||{}).Views||[])[0]||{}).RTL&&n.push("<DisplayRightToLeft/>"),e["!protect"]&&(n.push(lr("ProtectContents","True")),e["!protect"].objects&&n.push(lr("ProtectObjects","True")),e["!protect"].scenarios&&n.push(lr("ProtectScenarios","True")),e["!protect"].selectLockedCells!=null&&!e["!protect"].selectLockedCells?n.push(lr("EnableSelection","NoSelection")):e["!protect"].selectUnlockedCells!=null&&!e["!protect"].selectUnlockedCells&&n.push(lr("EnableSelection","UnlockedCells")),[["formatCells","AllowFormatCells"],["formatColumns","AllowSizeCols"],["formatRows","AllowSizeRows"],["insertColumns","AllowInsertCols"],["insertRows","AllowInsertRows"],["insertHyperlinks","AllowInsertHyperlinks"],["deleteColumns","AllowDeleteCols"],["deleteRows","AllowDeleteRows"],["sort","AllowSort"],["autoFilter","AllowFilter"],["pivotTables","AllowUsePivotTables"]].forEach(function(s){e["!protect"][s[0]]&&n.push("<"+s[1]+"/>")})),n.length==0?"":ae("WorksheetOptions",n.join(""),{xmlns:Or.x})}function Qm(e){return e?.map(function(t){var r=kl(t.t||""),a=ae("ss:Data",r,{xmlns:"http://www.w3.org/TR/REC-html40"});return ae("Comment",a,{"ss:Author":t.a})}).join("")}function eg(e,t,r,a,n,i,s){if(!e||e.v==null&&e.f==null)return"";var f={};if(e.f&&(f["ss:Formula"]="="+Pe(Ri(e.f,s))),e.F&&e.F.slice(0,t.length)==t){var c=Xe(e.F.slice(t.length+1));f["ss:ArrayRange"]="RC:R"+(c.r==s.r?"":"["+(c.r-s.r)+"]")+"C"+(c.c==s.c?"":"["+(c.c-s.c)+"]")}if(e.l&&e.l.Target&&(f["ss:HRef"]=Pe(e.l.Target),e.l.Tooltip&&(f["x:HRefScreenTip"]=Pe(e.l.Tooltip))),r["!merges"])for(var o=r["!merges"],l=0;l!=o.length;++l)o[l].s.c!=s.c||o[l].s.r!=s.r||(o[l].e.c>o[l].s.c&&(f["ss:MergeAcross"]=o[l].e.c-o[l].s.c),o[l].e.r>o[l].s.r&&(f["ss:MergeDown"]=o[l].e.r-o[l].s.r));var h="",d="";switch(e.t){case"z":if(!a.sheetStubs)return"";break;case"n":h="Number",d=String(e.v);break;case"b":h="Boolean",d=e.v?"1":"0";break;case"e":h="Error",d=dt[e.v];break;case"d":h="DateTime",d=new Date(e.v).toISOString(),e.z==null&&(e.z=e.z||pe[14]);break;case"s":h="String",d=wl(e.v||"");break}var v=xt(a.cellXfs,e,a);f["ss:StyleID"]="s"+(21+v),f["ss:Index"]=s.c+1;var p=e.v!=null?d:"",u=e.t=="z"?"":'<Data ss:Type="'+h+'">'+p+"</Data>";return(e.c||[]).length>0&&(u+=Qm(e.c)),ae("Cell",u,f)}function rg(e,t){var r='<Row ss:Index="'+(e+1)+'"';return t&&(t.hpt&&!t.hpx&&(t.hpx=aa(t.hpt)),t.hpx&&(r+=' ss:AutoFitHeight="0" ss:Height="'+t.hpx+'"'),t.hidden&&(r+=' ss:Hidden="1"')),r+">"}function tg(e,t,r,a){if(!e["!ref"])return"";var n=Ie(e["!ref"]),i=e["!merges"]||[],s=0,f=[];e["!cols"]&&e["!cols"].forEach(function(m,T){kt(m);var A=!!m.width,_=Cn(T,m),F={"ss:Index":T+1};A&&(F["ss:Width"]=Pa(_.width)),m.hidden&&(F["ss:Hidden"]="1"),f.push(ae("Column",null,F))});for(var c=Array.isArray(e),o=n.s.r;o<=n.e.r;++o){for(var l=[rg(o,(e["!rows"]||[])[o])],h=n.s.c;h<=n.e.c;++h){var d=!1;for(s=0;s!=i.length;++s)if(!(i[s].s.c>h)&&!(i[s].s.r>o)&&!(i[s].e.c<h)&&!(i[s].e.r<o)){(i[s].s.c!=h||i[s].s.r!=o)&&(d=!0);break}if(!d){var v={r:o,c:h},p=me(v),u=c?(e[o]||[])[h]:e[p];l.push(eg(u,p,e,t,r,a,v))}}l.push("</Row>"),l.length>2&&f.push(l.join(""))}return f.join("")}function ag(e,t,r){var a=[],n=r.SheetNames[e],i=r.Sheets[n],s=i?Zm(i,t,e,r):"";return s.length>0&&a.push("<Names>"+s+"</Names>"),s=i?tg(i,t,e,r):"",s.length>0&&a.push("<Table>"+s+"</Table>"),a.push(qm(i,t,e,r)),a.join("")}function ng(e,t){t||(t={}),e.SSF||(e.SSF=We(pe)),e.SSF&&(ia(),kn(e.SSF),t.revssf=En(e.SSF),t.revssf[e.SSF[65535]]=0,t.ssf=e.SSF,t.cellXfs=[],xt(t.cellXfs,{},{revssf:{General:0}}));var r=[];r.push(Km(e,t)),r.push(Ym()),r.push(""),r.push("");for(var a=0;a<e.SheetNames.length;++a)r.push(ae("Worksheet",ag(a,t,e),{"ss:Name":Pe(e.SheetNames[a])}));return r[2]=jm(e,t),r[3]=Jm(e),qe+ae("Workbook",r.join(""),{xmlns:Or.ss,"xmlns:o":Or.o,"xmlns:x":Or.x,"xmlns:ss":Or.ss,"xmlns:dt":Or.dt,"xmlns:html":Or.html})}function ig(e){var t={},r=e.content;if(r.l=28,t.AnsiUserType=r.read_shift(0,"lpstr-ansi"),t.AnsiClipboardFormat=Jl(r),r.length-r.l<=4)return t;var a=r.read_shift(4);if(a==0||a>40||(r.l-=4,t.Reserved1=r.read_shift(0,"lpstr-ansi"),r.length-r.l<=4)||(a=r.read_shift(4),a!==1907505652)||(t.UnicodeClipboardFormat=Zl(r),a=r.read_shift(4),a==0||a>40))return t;r.l-=4,t.Reserved2=r.read_shift(0,"lpwstr")}var sg=[60,1084,2066,2165,2175];function fg(e,t,r,a,n){var i=a,s=[],f=r.slice(r.l,r.l+i);if(n&&n.enc&&n.enc.insitu&&f.length>0)switch(e){case 9:case 521:case 1033:case 2057:case 47:case 405:case 225:case 406:case 312:case 404:case 10:break;case 133:break;default:n.enc.insitu(f)}s.push(f),r.l+=i;for(var c=st(r,r.l),o=Qn[c],l=0;o!=null&&sg.indexOf(c)>-1;)i=st(r,r.l+2),l=r.l+4,c==2066?l+=4:(c==2165||c==2175)&&(l+=12),f=r.slice(l,r.l+4+i),s.push(f),r.l+=4+i,o=Qn[c=st(r,r.l)];var h=sr(s);or(h,0);var d=0;h.lens=[];for(var v=0;v<s.length;++v)h.lens.push(d),d+=s[v].length;if(h.length<a)throw"XLS Record 0x"+e.toString(16)+" Truncated: "+h.length+" < "+a;return t.f(h,h.length,n)}function Zr(e,t,r){if(e.t!=="z"&&e.XF){var a=0;try{a=e.z||e.XF.numFmtId||0,t.cellNF&&(e.z=pe[a])}catch(i){if(t.WTF)throw i}if(!t||t.cellText!==!1)try{e.t==="e"?e.w=e.w||dt[e.v]:a===0||a=="General"?e.t==="n"?(e.v|0)===e.v?e.w=e.v.toString(10):e.w=Ca(e.v):e.w=Dt(e.v):e.w=Vr(a,e.v,{date1904:!!r,dateNF:t&&t.dateNF})}catch(i){if(t.WTF)throw i}if(t.cellDates&&a&&e.t=="n"&&na(pe[a]||String(a))){var n=It(e.v);n&&(e.t="d",e.v=new Date(n.y,n.m-1,n.d,n.H,n.M,n.S,n.u))}}}function an(e,t,r){return{v:e,ixfe:t,t:r}}function cg(e,t){var r={opts:{}},a={},n=t.dense?[]:{},i={},s={},f=null,c=[],o="",l={},h,d="",v,p,u,m,T={},A=[],_,F,D=[],P=[],x={Sheets:[],WBProps:{date1904:!1},Views:[{}]},M={},R=function(ye){return ye<8?Rt[ye]:ye<64&&P[ye-8]||Rt[ye]},z=function(ye,je,Dr){var tr=je.XF.data;if(!(!tr||!tr.patternType||!Dr||!Dr.cellStyles)){je.s={},je.s.patternType=tr.patternType;var At;(At=Fa(R(tr.icvFore)))&&(je.s.fgColor={rgb:At}),(At=Fa(R(tr.icvBack)))&&(je.s.bgColor={rgb:At})}},G=function(ye,je,Dr){if(!(_e>1)&&!(Dr.sheetRows&&ye.r>=Dr.sheetRows)){if(Dr.cellStyles&&je.XF&&je.XF.data&&z(ye,je,Dr),delete je.ixfe,delete je.XF,h=ye,d=me(ye),(!s||!s.s||!s.e)&&(s={s:{r:0,c:0},e:{r:0,c:0}}),ye.r<s.s.r&&(s.s.r=ye.r),ye.c<s.s.c&&(s.s.c=ye.c),ye.r+1>s.e.r&&(s.e.r=ye.r+1),ye.c+1>s.e.c&&(s.e.c=ye.c+1),Dr.cellFormula&&je.f){for(var tr=0;tr<A.length;++tr)if(!(A[tr][0].s.c>ye.c||A[tr][0].s.r>ye.r)&&!(A[tr][0].e.c<ye.c||A[tr][0].e.r<ye.r)){je.F=Te(A[tr][0]),(A[tr][0].s.c!=ye.c||A[tr][0].s.r!=ye.r)&&delete je.f,je.f&&(je.f=""+vr(A[tr][1],s,ye,V,b));break}}Dr.dense?(n[ye.r]||(n[ye.r]=[]),n[ye.r][ye.c]=je):n[d]=je}},b={enc:!1,sbcch:0,snames:[],sharedf:T,arrayf:A,rrtabid:[],lastuser:"",biff:8,codepage:0,winlocked:0,cellStyles:!!t&&!!t.cellStyles,WTF:!!t&&!!t.wtf};t.password&&(b.password=t.password);var J,le=[],ie=[],ue=[],ce=[],De=!1,V=[];V.SheetNames=b.snames,V.sharedf=b.sharedf,V.arrayf=b.arrayf,V.names=[],V.XTI=[];var ve=0,_e=0,O=0,L=[],I=[],N;b.codepage=1200,zr(1200);for(var Y=!1;e.l<e.length-1;){var re=e.l,te=e.read_shift(2);if(te===0&&ve===10)break;var q=e.l===e.length?0:e.read_shift(2),Q=Qn[te];if(Q&&Q.f){if(t.bookSheets&&ve===133&&te!==133)break;if(ve=te,Q.r===2||Q.r==12){var Ee=e.read_shift(2);if(q-=2,!b.enc&&Ee!==te&&((Ee&255)<<8|Ee>>8)!==te)throw new Error("rt mismatch: "+Ee+"!="+te);Q.r==12&&(e.l+=10,q-=10)}var C={};if(te===10?C=Q.f(e,q,b):C=fg(te,Q,e,q,b),_e==0&&[9,521,1033,2057].indexOf(ve)===-1)continue;switch(te){case 34:r.opts.Date1904=x.WBProps.date1904=C;break;case 134:r.opts.WriteProtect=!0;break;case 47:if(b.enc||(e.l=0),b.enc=C,!t.password)throw new Error("File is password-protected");if(C.valid==null)throw new Error("Encryption scheme unsupported");if(!C.valid)throw new Error("Password is incorrect");break;case 92:b.lastuser=C;break;case 66:var Me=Number(C);switch(Me){case 21010:Me=1200;break;case 32768:Me=1e4;break;case 32769:Me=1252;break}zr(b.codepage=Me),Y=!0;break;case 317:b.rrtabid=C;break;case 25:b.winlocked=C;break;case 439:r.opts.RefreshAll=C;break;case 12:r.opts.CalcCount=C;break;case 16:r.opts.CalcDelta=C;break;case 17:r.opts.CalcIter=C;break;case 13:r.opts.CalcMode=C;break;case 14:r.opts.CalcPrecision=C;break;case 95:r.opts.CalcSaveRecalc=C;break;case 15:b.CalcRefMode=C;break;case 2211:r.opts.FullCalc=C;break;case 129:C.fDialog&&(n["!type"]="dialog"),C.fBelow||((n["!outline"]||(n["!outline"]={})).above=!0),C.fRight||((n["!outline"]||(n["!outline"]={})).left=!0);break;case 224:D.push(C);break;case 430:V.push([C]),V[V.length-1].XTI=[];break;case 35:case 547:V[V.length-1].push(C);break;case 24:case 536:N={Name:C.Name,Ref:vr(C.rgce,s,null,V,b)},C.itab>0&&(N.Sheet=C.itab-1),V.names.push(N),V[0]||(V[0]=[],V[0].XTI=[]),V[V.length-1].push(C),C.Name=="_xlnm._FilterDatabase"&&C.itab>0&&C.rgce&&C.rgce[0]&&C.rgce[0][0]&&C.rgce[0][0][0]=="PtgArea3d"&&(I[C.itab-1]={ref:Te(C.rgce[0][0][1][2])});break;case 22:b.ExternCount=C;break;case 23:V.length==0&&(V[0]=[],V[0].XTI=[]),V[V.length-1].XTI=V[V.length-1].XTI.concat(C),V.XTI=V.XTI.concat(C);break;case 2196:if(b.biff<8)break;N!=null&&(N.Comment=C[1]);break;case 18:n["!protect"]=C;break;case 19:C!==0&&b.WTF;break;case 133:i[C.pos]=C,b.snames.push(C.name);break;case 10:{if(--_e)break;if(s.e){if(s.e.r>0&&s.e.c>0){if(s.e.r--,s.e.c--,n["!ref"]=Te(s),t.sheetRows&&t.sheetRows<=s.e.r){var Ce=s.e.r;s.e.r=t.sheetRows-1,n["!fullref"]=n["!ref"],n["!ref"]=Te(s),s.e.r=Ce}s.e.r++,s.e.c++}le.length>0&&(n["!merges"]=le),ie.length>0&&(n["!objects"]=ie),ue.length>0&&(n["!cols"]=ue),ce.length>0&&(n["!rows"]=ce),x.Sheets.push(M)}o===""?l=n:a[o]=n,n=t.dense?[]:{}}break;case 9:case 521:case 1033:case 2057:{if(b.biff===8&&(b.biff={9:2,521:3,1033:4}[te]||{512:2,768:3,1024:4,1280:5,1536:8,2:2,7:2}[C.BIFFVer]||8),b.biffguess=C.BIFFVer==0,C.BIFFVer==0&&C.dt==4096&&(b.biff=5,Y=!0,zr(b.codepage=28591)),b.biff==8&&C.BIFFVer==0&&C.dt==16&&(b.biff=2),_e++)break;if(n=t.dense?[]:{},b.biff<8&&!Y&&(Y=!0,zr(b.codepage=t.codepage||1252)),b.biff<5||C.BIFFVer==0&&C.dt==4096){o===""&&(o="Sheet1"),s={s:{r:0,c:0},e:{r:0,c:0}};var be={pos:e.l-q,name:o};i[be.pos]=be,b.snames.push(o)}else o=(i[re]||{name:""}).name;C.dt==32&&(n["!type"]="chart"),C.dt==64&&(n["!type"]="macro"),le=[],ie=[],b.arrayf=A=[],ue=[],ce=[],De=!1,M={Hidden:(i[re]||{hs:0}).hs,name:o}}break;case 515:case 3:case 2:n["!type"]=="chart"&&(t.dense?(n[C.r]||[])[C.c]:n[me({c:C.c,r:C.r})])&&++C.c,_={ixfe:C.ixfe,XF:D[C.ixfe]||{},v:C.val,t:"n"},O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G({c:C.c,r:C.r},_,t);break;case 5:case 517:_={ixfe:C.ixfe,XF:D[C.ixfe],v:C.val,t:C.t},O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G({c:C.c,r:C.r},_,t);break;case 638:_={ixfe:C.ixfe,XF:D[C.ixfe],v:C.rknum,t:"n"},O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G({c:C.c,r:C.r},_,t);break;case 189:for(var Ae=C.c;Ae<=C.C;++Ae){var fe=C.rkrec[Ae-C.c][0];_={ixfe:fe,XF:D[fe],v:C.rkrec[Ae-C.c][1],t:"n"},O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G({c:Ae,r:C.r},_,t)}break;case 6:case 518:case 1030:{if(C.val=="String"){f=C;break}if(_=an(C.val,C.cell.ixfe,C.tt),_.XF=D[_.ixfe],t.cellFormula){var Ye=C.formula;if(Ye&&Ye[0]&&Ye[0][0]&&Ye[0][0][0]=="PtgExp"){var Pr=Ye[0][0][1][0],jr=Ye[0][0][1][1],at=me({r:Pr,c:jr});T[at]?_.f=""+vr(C.formula,s,C.cell,V,b):_.F=((t.dense?(n[Pr]||[])[jr]:n[at])||{}).F}else _.f=""+vr(C.formula,s,C.cell,V,b)}O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G(C.cell,_,t),f=C}break;case 7:case 519:if(f)f.val=C,_=an(C,f.cell.ixfe,"s"),_.XF=D[_.ixfe],t.cellFormula&&(_.f=""+vr(f.formula,s,f.cell,V,b)),O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G(f.cell,_,t),f=null;else throw new Error("String record expects Formula");break;case 33:case 545:{A.push(C);var ca=me(C[0].s);if(v=t.dense?(n[C[0].s.r]||[])[C[0].s.c]:n[ca],t.cellFormula&&v){if(!f||!ca||!v)break;v.f=""+vr(C[1],s,C[0],V,b),v.F=Te(C[0])}}break;case 1212:{if(!t.cellFormula)break;if(d){if(!f)break;T[me(f.cell)]=C[0],v=t.dense?(n[f.cell.r]||[])[f.cell.c]:n[me(f.cell)],(v||{}).f=""+vr(C[0],s,h,V,b)}}break;case 253:_=an(c[C.isst].t,C.ixfe,"s"),c[C.isst].h&&(_.h=c[C.isst].h),_.XF=D[_.ixfe],O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G({c:C.c,r:C.r},_,t);break;case 513:t.sheetStubs&&(_={ixfe:C.ixfe,XF:D[C.ixfe],t:"z"},O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G({c:C.c,r:C.r},_,t));break;case 190:if(t.sheetStubs)for(var vt=C.c;vt<=C.C;++vt){var Cr=C.ixfe[vt-C.c];_={ixfe:Cr,XF:D[Cr],t:"z"},O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G({c:vt,r:C.r},_,t)}break;case 214:case 516:case 4:_=an(C.val,C.ixfe,"s"),_.XF=D[_.ixfe],O>0&&(_.z=L[_.ixfe>>8&63]),Zr(_,t,r.opts.Date1904),G({c:C.c,r:C.r},_,t);break;case 0:case 512:_e===1&&(s=C);break;case 252:c=C;break;case 1054:if(b.biff==4){L[O++]=C[1];for(var nt=0;nt<O+163&&pe[nt]!=C[1];++nt);nt>=163&&ct(C[1],O+163)}else ct(C[1],C[0]);break;case 30:{L[O++]=C;for(var pt=0;pt<O+163&&pe[pt]!=C;++pt);pt>=163&&ct(C,O+163)}break;case 229:le=le.concat(C);break;case 93:ie[C.cmo[0]]=b.lastobj=C;break;case 438:b.lastobj.TxO=C;break;case 127:b.lastobj.ImData=C;break;case 440:for(m=C[0].s.r;m<=C[0].e.r;++m)for(u=C[0].s.c;u<=C[0].e.c;++u)v=t.dense?(n[m]||[])[u]:n[me({c:u,r:m})],v&&(v.l=C[1]);break;case 2048:for(m=C[0].s.r;m<=C[0].e.r;++m)for(u=C[0].s.c;u<=C[0].e.c;++u)v=t.dense?(n[m]||[])[u]:n[me({c:u,r:m})],v&&v.l&&(v.l.Tooltip=C[1]);break;case 28:{if(b.biff<=5&&b.biff>=2)break;v=t.dense?(n[C[0].r]||[])[C[0].c]:n[me(C[0])];var oa=ie[C[2]];v||(t.dense?(n[C[0].r]||(n[C[0].r]=[]),v=n[C[0].r][C[0].c]={t:"z"}):v=n[me(C[0])]={t:"z"},s.e.r=Math.max(s.e.r,C[0].r),s.s.r=Math.min(s.s.r,C[0].r),s.e.c=Math.max(s.e.c,C[0].c),s.s.c=Math.min(s.s.c,C[0].c)),v.c||(v.c=[]),p={a:C[1],t:oa.TxO.t},v.c.push(p)}break;case 2173:j0(D[C.ixfe],C.ext);break;case 125:{if(!b.cellStyles)break;for(;C.e>=C.s;)ue[C.e--]={width:C.w/256,level:C.level||0,hidden:!!(C.flags&1)},De||(De=!0,Ci(C.w/256)),kt(ue[C.e+1])}break;case 520:{var kr={};C.level!=null&&(ce[C.r]=kr,kr.level=C.level),C.hidden&&(ce[C.r]=kr,kr.hidden=!0),C.hpt&&(ce[C.r]=kr,kr.hpt=C.hpt,kr.hpx=aa(C.hpt))}break;case 38:case 39:case 40:case 41:n["!margins"]||Pt(n["!margins"]={}),n["!margins"][{38:"left",39:"right",40:"top",41:"bottom"}[te]]=C;break;case 161:n["!margins"]||Pt(n["!margins"]={}),n["!margins"].header=C.header,n["!margins"].footer=C.footer;break;case 574:C.RTL&&(x.Views[0].RTL=!0);break;case 146:P=C;break;case 2198:J=C;break;case 140:F=C;break;case 442:o?M.CodeName=C||M.name:x.WBProps.CodeName=C||"ThisWorkbook";break}}else e.l+=q}return r.SheetNames=Ke(i).sort(function(Jr,ye){return Number(Jr)-Number(ye)})?.map(function(Jr){return i[Jr].name}),t.bookSheets||(r.Sheets=a),!r.SheetNames.length&&l["!ref"]?(r.SheetNames.push("Sheet1"),r.Sheets&&(r.Sheets.Sheet1=l)):r.Preamble=l,r.Sheets&&I.forEach(function(Jr,ye){r.Sheets[r.SheetNames[ye]]["!autofilter"]=Jr}),r.Strings=c,r.SSF=We(pe),b.enc&&(r.Encryption=b.enc),J&&(r.Themes=J),r.Metadata={},F!==void 0&&(r.Metadata.Country=F),V.names.length>0&&(x.Names=V.names),r.Workbook=x,r}var ya={SI:"e0859ff2f94f6810ab9108002b27b3d9",DSI:"02d5cdd59c2e1b10939708002b2cf9ae",UDI:"05d5cdd59c2e1b10939708002b2cf9ae"};function og(e,t,r){var a=de.find(e,"/!DocumentSummaryInformation");if(a&&a.size>0)try{var n=As(a,$n,ya.DSI);for(var i in n)t[i]=n[i]}catch(o){if(r.WTF)throw o}var s=de.find(e,"/!SummaryInformation");if(s&&s.size>0)try{var f=As(s,Kn,ya.SI);for(var c in f)t[c]==null&&(t[c]=f[c])}catch(o){if(r.WTF)throw o}t.HeadingPairs&&t.TitlesOfParts&&(Jf(t.HeadingPairs,t.TitlesOfParts,t,r),delete t.HeadingPairs,delete t.TitlesOfParts)}function lg(e,t){var r=[],a=[],n=[],i=0,s,f=ts($n,"n"),c=ts(Kn,"n");if(e.Props)for(s=Ke(e.Props),i=0;i<s.length;++i)(Object.prototype.hasOwnProperty.call(f,s[i])?r:Object.prototype.hasOwnProperty.call(c,s[i])?a:n).push([s[i],e.Props[s[i]]]);if(e.Custprops)for(s=Ke(e.Custprops),i=0;i<s.length;++i)Object.prototype.hasOwnProperty.call(e.Props||{},s[i])||(Object.prototype.hasOwnProperty.call(f,s[i])?r:Object.prototype.hasOwnProperty.call(c,s[i])?a:n).push([s[i],e.Custprops[s[i]]]);var o=[];for(i=0;i<n.length;++i)ac.indexOf(n[i][0])>-1||jf.indexOf(n[i][0])>-1||n[i][1]!=null&&o.push(n[i]);a.length&&de.utils.cfb_add(t,"/SummaryInformation",Cs(a,ya.SI,c,Kn)),(r.length||o.length)&&de.utils.cfb_add(t,"/DocumentSummaryInformation",Cs(r,ya.DSI,f,$n,o.length?o:null,ya.UDI))}function qc(e,t){t||(t={}),bi(t),ai(),t.codepage&&ti(t.codepage);var r,a;if(e.FullPaths){if(de.find(e,"/encryption"))throw new Error("File is password-protected");r=de.find(e,"!CompObj"),a=de.find(e,"/Workbook")||de.find(e,"/Book")}else{switch(t.type){case"base64":e=Rr(Fr(e));break;case"binary":e=Rr(e);break;case"buffer":break;case"array":Array.isArray(e)||(e=Array.prototype.slice.call(e));break}or(e,0),a={content:e}}var n,i;if(r&&ig(r),t.bookProps&&!t.bookSheets)n={};else{var s=Se?"buffer":"array";if(a&&a.content)n=cg(a.content,t);else if((i=de.find(e,"PerfectOffice_MAIN"))&&i.content)n=Ft.to_workbook(i.content,(t.type=s,t));else if((i=de.find(e,"NativeContent_MAIN"))&&i.content)n=Ft.to_workbook(i.content,(t.type=s,t));else throw(i=de.find(e,"MN0"))&&i.content?new Error("Unsupported Works 4 for Mac file"):new Error("Cannot find Workbook stream");t.bookVBA&&e.FullPaths&&de.find(e,"/_VBA_PROJECT_CUR/VBA/dir")&&(n.vbaraw=S2(e))}var f={};return e.FullPaths&&og(e,f,t),n.Props=n.Custprops=f,t.bookFiles&&(n.cfb=e),n}function hg(e,t){var r=t||{},a=de.utils.cfb_new({root:"R"}),n="/Workbook";switch(r.bookType||"xls"){case"xls":r.bookType="biff8";case"xla":r.bookType||(r.bookType="xla");case"biff8":n="/Workbook",r.biff=8;break;case"biff5":n="/Book",r.biff=5;break;default:throw new Error("invalid type "+r.bookType+" for XLS CFB")}return de.utils.cfb_add(a,n,Qc(e,r)),r.biff==8&&(e.Props||e.Custprops)&&lg(e,a),r.biff==8&&e.vbaraw&&y2(a,de.read(e.vbaraw,{type:typeof e.vbaraw=="string"?"binary":"buffer"})),a}var ba={0:{f:Lv},1:{f:Gv},2:{f:cp},3:{f:Zv},4:{f:Kv},5:{f:ip},6:{f:dp},7:{f:rp},8:{f:kp},9:{f:wp},10:{f:gp},11:{f:_p},12:{f:zv},13:{f:lp},14:{f:Qv},15:{f:jv},16:{f:Xc},17:{f:pp},18:{f:ap},19:{f:gi},20:{},21:{},22:{},23:{},24:{},25:{},26:{},27:{},28:{},29:{},30:{},31:{},32:{},33:{},34:{},35:{T:1},36:{T:-1},37:{T:1},38:{T:-1},39:{f:pm},40:{},42:{},43:{f:d0},44:{f:h0},45:{f:m0},46:{f:_0},47:{f:g0},48:{},49:{f:Bl},50:{},51:{f:q0},52:{T:1},53:{T:-1},54:{T:1},55:{T:-1},56:{T:1},57:{T:-1},58:{},59:{},60:{f:vc},62:{f:up},63:{f:f2},64:{f:bp},65:{},66:{},67:{},68:{},69:{},70:{},128:{},129:{T:1},130:{T:-1},131:{T:1,f:_r,p:0},132:{T:-1},133:{T:1},134:{T:-1},135:{T:1},136:{T:-1},137:{T:1,f:Fp},138:{T:-1},139:{T:1},140:{T:-1},141:{T:1},142:{T:-1},143:{T:1},144:{T:-1},145:{T:1},146:{T:-1},147:{f:Hv},148:{f:Bv,p:16},151:{f:Ap},152:{},153:{f:um},154:{},155:{},156:{f:lm},157:{},158:{},159:{T:1,f:Ou},160:{T:-1},161:{T:1,f:Xt},162:{T:-1},163:{T:1},164:{T:-1},165:{T:1},166:{T:-1},167:{},168:{},169:{},170:{},171:{},172:{T:1},173:{T:-1},174:{},175:{},176:{f:Tp},177:{T:1},178:{T:-1},179:{T:1},180:{T:-1},181:{T:1},182:{T:-1},183:{T:1},184:{T:-1},185:{T:1},186:{T:-1},187:{T:1},188:{T:-1},189:{T:1},190:{T:-1},191:{T:1},192:{T:-1},193:{T:1},194:{T:-1},195:{T:1},196:{T:-1},197:{T:1},198:{T:-1},199:{T:1},200:{T:-1},201:{T:1},202:{T:-1},203:{T:1},204:{T:-1},205:{T:1},206:{T:-1},207:{T:1},208:{T:-1},209:{T:1},210:{T:-1},211:{T:1},212:{T:-1},213:{T:1},214:{T:-1},215:{T:1},216:{T:-1},217:{T:1},218:{T:-1},219:{T:1},220:{T:-1},221:{T:1},222:{T:-1},223:{T:1},224:{T:-1},225:{T:1},226:{T:-1},227:{T:1},228:{T:-1},229:{T:1},230:{T:-1},231:{T:1},232:{T:-1},233:{T:1},234:{T:-1},235:{T:1},236:{T:-1},237:{T:1},238:{T:-1},239:{T:1},240:{T:-1},241:{T:1},242:{T:-1},243:{T:1},244:{T:-1},245:{T:1},246:{T:-1},247:{T:1},248:{T:-1},249:{T:1},250:{T:-1},251:{T:1},252:{T:-1},253:{T:1},254:{T:-1},255:{T:1},256:{T:-1},257:{T:1},258:{T:-1},259:{T:1},260:{T:-1},261:{T:1},262:{T:-1},263:{T:1},264:{T:-1},265:{T:1},266:{T:-1},267:{T:1},268:{T:-1},269:{T:1},270:{T:-1},271:{T:1},272:{T:-1},273:{T:1},274:{T:-1},275:{T:1},276:{T:-1},277:{},278:{T:1},279:{T:-1},280:{T:1},281:{T:-1},282:{T:1},283:{T:1},284:{T:-1},285:{T:1},286:{T:-1},287:{T:1},288:{T:-1},289:{T:1},290:{T:-1},291:{T:1},292:{T:-1},293:{T:1},294:{T:-1},295:{T:1},296:{T:-1},297:{T:1},298:{T:-1},299:{T:1},300:{T:-1},301:{T:1},302:{T:-1},303:{T:1},304:{T:-1},305:{T:1},306:{T:-1},307:{T:1},308:{T:-1},309:{T:1},310:{T:-1},311:{T:1},312:{T:-1},313:{T:-1},314:{T:1},315:{T:-1},316:{T:1},317:{T:-1},318:{T:1},319:{T:-1},320:{T:1},321:{T:-1},322:{T:1},323:{T:-1},324:{T:1},325:{T:-1},326:{T:1},327:{T:-1},328:{T:1},329:{T:-1},330:{T:1},331:{T:-1},332:{T:1},333:{T:-1},334:{T:1},335:{f:J0},336:{T:-1},337:{f:r2,T:1},338:{T:-1},339:{T:1},340:{T:-1},341:{T:1},342:{T:-1},343:{T:1},344:{T:-1},345:{T:1},346:{T:-1},347:{T:1},348:{T:-1},349:{T:1},350:{T:-1},351:{},352:{},353:{T:1},354:{T:-1},355:{f:zn},357:{},358:{},359:{},360:{T:1},361:{},362:{f:dc},363:{},364:{},366:{},367:{},368:{},369:{},370:{},371:{},372:{T:1},373:{T:-1},374:{T:1},375:{T:-1},376:{T:1},377:{T:-1},378:{T:1},379:{T:-1},380:{T:1},381:{T:-1},382:{T:1},383:{T:-1},384:{T:1},385:{T:-1},386:{T:1},387:{T:-1},388:{T:1},389:{T:-1},390:{T:1},391:{T:-1},392:{T:1},393:{T:-1},394:{T:1},395:{T:-1},396:{},397:{},398:{},399:{},400:{},401:{T:1},403:{},404:{},405:{},406:{},407:{},408:{},409:{},410:{},411:{},412:{},413:{},414:{},415:{},416:{},417:{},418:{},419:{},420:{},421:{},422:{T:1},423:{T:1},424:{T:-1},425:{T:-1},426:{f:Cp},427:{f:Op},428:{},429:{T:1},430:{T:-1},431:{T:1},432:{T:-1},433:{T:1},434:{T:-1},435:{T:1},436:{T:-1},437:{T:1},438:{T:-1},439:{T:1},440:{T:-1},441:{T:1},442:{T:-1},443:{T:1},444:{T:-1},445:{T:1},446:{T:-1},447:{T:1},448:{T:-1},449:{T:1},450:{T:-1},451:{T:1},452:{T:-1},453:{T:1},454:{T:-1},455:{T:1},456:{T:-1},457:{T:1},458:{T:-1},459:{T:1},460:{T:-1},461:{T:1},462:{T:-1},463:{T:1},464:{T:-1},465:{T:1},466:{T:-1},467:{T:1},468:{T:-1},469:{T:1},470:{T:-1},471:{},472:{},473:{T:1},474:{T:-1},475:{},476:{f:Rp},477:{},478:{},479:{T:1},480:{T:-1},481:{T:1},482:{T:-1},483:{T:1},484:{T:-1},485:{f:Wv},486:{T:1},487:{T:-1},488:{T:1},489:{T:-1},490:{T:1},491:{T:-1},492:{T:1},493:{T:-1},494:{f:yp},495:{T:1},496:{T:-1},497:{T:1},498:{T:-1},499:{},500:{T:1},501:{T:-1},502:{T:1},503:{T:-1},504:{},505:{T:1},506:{T:-1},507:{},508:{T:1},509:{T:-1},510:{T:1},511:{T:-1},512:{},513:{},514:{T:1},515:{T:-1},516:{T:1},517:{T:-1},518:{T:1},519:{T:-1},520:{T:1},521:{T:-1},522:{},523:{},524:{},525:{},526:{},527:{},528:{T:1},529:{T:-1},530:{T:1},531:{T:-1},532:{T:1},533:{T:-1},534:{},535:{},536:{},537:{},538:{T:1},539:{T:-1},540:{T:1},541:{T:-1},542:{T:1},548:{},549:{},550:{f:zn},551:{},552:{},553:{},554:{T:1},555:{T:-1},556:{T:1},557:{T:-1},558:{T:1},559:{T:-1},560:{T:1},561:{T:-1},562:{},564:{},565:{T:1},566:{T:-1},569:{T:1},570:{T:-1},572:{},573:{T:1},574:{T:-1},577:{},578:{},579:{},580:{},581:{},582:{},583:{},584:{},585:{},586:{},587:{},588:{T:-1},589:{},590:{T:1},591:{T:-1},592:{T:1},593:{T:-1},594:{T:1},595:{T:-1},596:{},597:{T:1},598:{T:-1},599:{T:1},600:{T:-1},601:{T:1},602:{T:-1},603:{T:1},604:{T:-1},605:{T:1},606:{T:-1},607:{},608:{T:1},609:{T:-1},610:{},611:{T:1},612:{T:-1},613:{T:1},614:{T:-1},615:{T:1},616:{T:-1},617:{T:1},618:{T:-1},619:{T:1},620:{T:-1},625:{},626:{T:1},627:{T:-1},628:{T:1},629:{T:-1},630:{T:1},631:{T:-1},632:{f:_2},633:{T:1},634:{T:-1},635:{T:1,f:m2},636:{T:-1},637:{f:Vl},638:{T:1},639:{},640:{T:-1},641:{T:1},642:{T:-1},643:{T:1},644:{},645:{T:-1},646:{T:1},648:{T:1},649:{},650:{T:-1},651:{f:Qp},652:{},653:{T:1},654:{T:-1},655:{T:1},656:{T:-1},657:{T:1},658:{T:-1},659:{},660:{T:1},661:{},662:{T:-1},663:{},664:{T:1},665:{},666:{T:-1},667:{},668:{},669:{},671:{T:1},672:{T:-1},673:{T:1},674:{T:-1},675:{},676:{},677:{},678:{},679:{},680:{},681:{},1024:{},1025:{},1026:{T:1},1027:{T:-1},1028:{T:1},1029:{T:-1},1030:{},1031:{T:1},1032:{T:-1},1033:{T:1},1034:{T:-1},1035:{},1036:{},1037:{},1038:{T:1},1039:{T:-1},1040:{},1041:{T:1},1042:{T:-1},1043:{},1044:{},1045:{},1046:{T:1},1047:{T:-1},1048:{T:1},1049:{T:-1},1050:{},1051:{T:1},1052:{T:1},1053:{f:Mp},1054:{T:1},1055:{},1056:{T:1},1057:{T:-1},1058:{T:1},1059:{T:-1},1061:{},1062:{T:1},1063:{T:-1},1064:{T:1},1065:{T:-1},1066:{T:1},1067:{T:-1},1068:{T:1},1069:{T:-1},1070:{T:1},1071:{T:-1},1072:{T:1},1073:{T:-1},1075:{T:1},1076:{T:-1},1077:{T:1},1078:{T:-1},1079:{T:1},1080:{T:-1},1081:{T:1},1082:{T:-1},1083:{T:1},1084:{T:-1},1085:{},1086:{T:1},1087:{T:-1},1088:{T:1},1089:{T:-1},1090:{T:1},1091:{T:-1},1092:{T:1},1093:{T:-1},1094:{T:1},1095:{T:-1},1096:{},1097:{T:1},1098:{},1099:{T:-1},1100:{T:1},1101:{T:-1},1102:{},1103:{},1104:{},1105:{},1111:{},1112:{},1113:{T:1},1114:{T:-1},1115:{T:1},1116:{T:-1},1117:{},1118:{T:1},1119:{T:-1},1120:{T:1},1121:{T:-1},1122:{T:1},1123:{T:-1},1124:{T:1},1125:{T:-1},1126:{},1128:{T:1},1129:{T:-1},1130:{},1131:{T:1},1132:{T:-1},1133:{T:1},1134:{T:-1},1135:{T:1},1136:{T:-1},1137:{T:1},1138:{T:-1},1139:{T:1},1140:{T:-1},1141:{},1142:{T:1},1143:{T:-1},1144:{T:1},1145:{T:-1},1146:{},1147:{T:1},1148:{T:-1},1149:{T:1},1150:{T:-1},1152:{T:1},1153:{T:-1},1154:{T:-1},1155:{T:-1},1156:{T:-1},1157:{T:1},1158:{T:-1},1159:{T:1},1160:{T:-1},1161:{T:1},1162:{T:-1},1163:{T:1},1164:{T:-1},1165:{T:1},1166:{T:-1},1167:{T:1},1168:{T:-1},1169:{T:1},1170:{T:-1},1171:{},1172:{T:1},1173:{T:-1},1177:{},1178:{T:1},1180:{},1181:{},1182:{},2048:{T:1},2049:{T:-1},2050:{},2051:{T:1},2052:{T:-1},2053:{},2054:{},2055:{T:1},2056:{T:-1},2057:{T:1},2058:{T:-1},2060:{},2067:{},2068:{T:1},2069:{T:-1},2070:{},2071:{},2072:{T:1},2073:{T:-1},2075:{},2076:{},2077:{T:1},2078:{T:-1},2079:{},2080:{T:1},2081:{T:-1},2082:{},2083:{T:1},2084:{T:-1},2085:{T:1},2086:{T:-1},2087:{T:1},2088:{T:-1},2089:{T:1},2090:{T:-1},2091:{},2092:{},2093:{T:1},2094:{T:-1},2095:{},2096:{T:1},2097:{T:-1},2098:{T:1},2099:{T:-1},2100:{T:1},2101:{T:-1},2102:{},2103:{T:1},2104:{T:-1},2105:{},2106:{T:1},2107:{T:-1},2108:{},2109:{T:1},2110:{T:-1},2111:{T:1},2112:{T:-1},2113:{T:1},2114:{T:-1},2115:{},2116:{},2117:{},2118:{T:1},2119:{T:-1},2120:{},2121:{T:1},2122:{T:-1},2123:{T:1},2124:{T:-1},2125:{},2126:{T:1},2127:{T:-1},2128:{},2129:{T:1},2130:{T:-1},2131:{T:1},2132:{T:-1},2133:{T:1},2134:{},2135:{},2136:{},2137:{T:1},2138:{T:-1},2139:{T:1},2140:{T:-1},2141:{},3072:{},3073:{},4096:{T:1},4097:{T:-1},5002:{T:1},5003:{T:-1},5081:{T:1},5082:{T:-1},5083:{},5084:{T:1},5085:{T:-1},5086:{T:1},5087:{T:-1},5088:{},5089:{},5090:{},5092:{T:1},5093:{T:-1},5094:{},5095:{T:1},5096:{T:-1},5097:{},5099:{},65535:{n:""}},Qn={6:{f:Mn},10:{f:mt},12:{f:rr},13:{f:rr},14:{f:Je},15:{f:Je},16:{f:mr},17:{f:Je},18:{f:Je},19:{f:rr},20:{f:Ps},21:{f:Ps},23:{f:dc},24:{f:Ls},25:{f:Je},26:{},27:{},28:{f:Mh},29:{},34:{f:Je},35:{f:Ds},38:{f:mr},39:{f:mr},40:{f:mr},41:{f:mr},42:{f:Je},43:{f:Je},47:{f:ju},49:{f:lh},51:{f:rr},60:{},61:{f:ih},64:{f:Je},65:{f:oh},66:{f:rr},77:{},80:{},81:{},82:{},85:{f:rr},89:{},90:{},91:{},92:{f:Y1},93:{f:Wh},94:{},95:{f:Je},96:{},97:{},99:{f:Je},125:{f:vc},128:{f:xh},129:{f:J1},130:{f:rr},131:{f:Je},132:{f:Je},133:{f:Z1},134:{},140:{f:Yh},141:{f:rr},144:{},146:{f:Zh},151:{},152:{},153:{},154:{},155:{},156:{f:rr},157:{},158:{},160:{f:nu},161:{f:eu},174:{},175:{},176:{},177:{},178:{},180:{},181:{},182:{},184:{},185:{},189:{f:Th},190:{f:Eh},193:{f:mt},197:{},198:{},199:{},200:{},201:{},202:{f:Je},203:{},204:{},205:{},206:{},207:{},208:{},209:{},210:{},211:{},213:{},215:{},216:{},217:{},218:{f:rr},220:{},221:{f:Je},222:{},224:{f:yh},225:{f:K1},226:{f:mt},227:{},229:{f:Bh},233:{},235:{},236:{},237:{},239:{},240:{},241:{},242:{},244:{},245:{},246:{},247:{},248:{},249:{},251:{},252:{f:Q1},253:{f:uh},255:{f:rh},256:{},259:{},290:{},311:{},312:{},315:{},317:{f:nc},318:{},319:{},320:{},330:{},331:{},333:{},334:{},335:{},336:{},337:{},338:{},339:{},340:{},351:{},352:{f:Je},353:{f:mt},401:{},402:{},403:{},404:{},405:{},406:{},407:{},408:{},425:{},426:{},427:{},428:{},429:{},430:{f:Rh},431:{f:Je},432:{},433:{},434:{},437:{},438:{f:Gh},439:{f:Je},440:{f:Xh},441:{},442:{f:Va},443:{},444:{f:rr},445:{},446:{},448:{f:mt},449:{f:nh,r:2},450:{f:mt},512:{f:Rs},513:{f:au},515:{f:Oh},516:{f:vh},517:{f:Fs},519:{f:iu},520:{f:th},523:{},545:{f:bs},549:{f:Is},566:{},574:{f:fh},638:{f:kh},659:{},1048:{},1054:{f:mh},1084:{},1212:{f:Dh},2048:{f:$h},2049:{},2050:{},2051:{},2052:{},2053:{},2054:{},2055:{},2056:{},2057:{f:en},2058:{},2059:{},2060:{},2061:{},2062:{},2063:{},2064:{},2066:{},2067:{},2128:{},2129:{},2130:{},2131:{},2132:{},2133:{},2134:{},2135:{},2136:{},2137:{},2138:{},2146:{},2147:{r:12},2148:{},2149:{},2150:{},2151:{f:mt},2152:{},2154:{},2155:{},2156:{},2161:{},2162:{},2164:{},2165:{},2166:{},2167:{},2168:{},2169:{},2170:{},2171:{},2172:{f:qh,r:12},2173:{f:Y0,r:12},2174:{},2175:{},2180:{},2181:{},2182:{},2183:{},2184:{},2185:{},2186:{},2187:{},2188:{f:Je,r:12},2189:{},2190:{r:12},2191:{},2192:{},2194:{},2195:{},2196:{f:Ph,r:12},2197:{},2198:{f:V0,r:12},2199:{},2200:{},2201:{},2202:{f:Lh,r:12},2203:{f:mt},2204:{},2205:{},2206:{},2207:{},2211:{f:ah},2212:{},2213:{},2214:{},2215:{},4097:{},4098:{},4099:{},4102:{},4103:{},4105:{},4106:{},4107:{},4108:{},4109:{},4116:{},4117:{},4118:{},4119:{},4120:{},4121:{},4122:{},4123:{},4124:{},4125:{},4126:{},4127:{},4128:{},4129:{},4130:{},4132:{},4133:{},4134:{f:rr},4135:{},4146:{},4147:{},4148:{},4149:{},4154:{},4156:{},4157:{},4158:{},4159:{},4160:{},4161:{},4163:{},4164:{f:ru},4165:{},4166:{},4168:{},4170:{},4171:{},4174:{},4175:{},4176:{},4177:{},4187:{},4188:{f:Jh},4189:{},4191:{},4192:{},4193:{},4194:{},4195:{},4196:{},4197:{},4198:{},4199:{},4200:{},0:{f:Rs},1:{},2:{f:lu},3:{f:cu},4:{f:fu},5:{f:Fs},7:{f:uu},8:{},9:{f:en},11:{},22:{f:rr},30:{f:_h},31:{},32:{},33:{f:bs},36:{},37:{f:Is},50:{f:du},62:{},52:{},67:{},68:{f:rr},69:{},86:{},126:{},127:{f:su},135:{},136:{},137:{},145:{},148:{},149:{},150:{},169:{},171:{},188:{},191:{},192:{},194:{},195:{},214:{f:vu},223:{},234:{},354:{},421:{},518:{f:Mn},521:{f:en},536:{f:Ls},547:{f:Ds},561:{},579:{},1030:{f:Mn},1033:{f:en},1091:{},2157:{},2163:{},2177:{},2240:{},2241:{},2242:{},2243:{},2244:{},2245:{},2246:{},2247:{},2248:{},2249:{},2250:{},2251:{},2262:{r:12},29282:{}};function ne(e,t,r,a){var n=t;if(!isNaN(n)){var i=a||(r||[]).length||0,s=e.next(4);s.write_shift(2,n),s.write_shift(2,i),i>0&&vi(r)&&e.push(r)}}function ug(e,t,r,a){var n=(r||[]).length||0;if(n<=8224)return ne(e,t,r,n);var i=t;if(!isNaN(i)){for(var s=r.parts||[],f=0,c=0,o=0;o+(s[f]||8224)<=8224;)o+=s[f]||8224,f++;var l=e.next(4);for(l.write_shift(2,i),l.write_shift(2,o),e.push(r.slice(c,c+o)),c+=o;c<n;){for(l=e.next(4),l.write_shift(2,60),o=0;o+(s[f]||8224)<=8224;)o+=s[f]||8224,f++;l.write_shift(2,o),e.push(r.slice(c,c+o)),c+=o}}}function $a(e,t,r){return e||(e=X(7)),e.write_shift(2,t),e.write_shift(2,r),e.write_shift(2,0),e.write_shift(1,0),e}function dg(e,t,r,a){var n=X(9);return $a(n,e,t),ic(r,a||"b",n),n}function vg(e,t,r){var a=X(8+2*r.length);return $a(a,e,t),a.write_shift(1,r.length),a.write_shift(r.length,r,"sbcs"),a.l<a.length?a.slice(0,a.l):a}function pg(e,t,r,a){if(t.v!=null)switch(t.t){case"d":case"n":var n=t.t=="d"?nr(Ue(t.v)):t.v;n==(n|0)&&n>=0&&n<65536?ne(e,2,hu(r,a,n)):ne(e,3,ou(r,a,n));return;case"b":case"e":ne(e,5,dg(r,a,t.v,t.t));return;case"s":case"str":ne(e,4,vg(r,a,(t.v||"").slice(0,255)));return}ne(e,1,$a(null,r,a))}function mg(e,t,r,a){var n=Array.isArray(t),i=Ie(t["!ref"]||"A1"),s,f="",c=[];if(i.e.c>255||i.e.r>16383){if(a.WTF)throw new Error("Range "+(t["!ref"]||"A1")+" exceeds format limit A1:IV16384");i.e.c=Math.min(i.e.c,255),i.e.r=Math.min(i.e.c,16383),s=Te(i)}for(var o=i.s.r;o<=i.e.r;++o){f=Ze(o);for(var l=i.s.c;l<=i.e.c;++l){o===i.s.r&&(c[l]=Ge(l)),s=c[l]+f;var h=n?(t[o]||[])[l]:t[s];h&&pg(e,h,o,l)}}}function gg(e,t){for(var r=t||{},a=xr(),n=0,i=0;i<e.SheetNames.length;++i)e.SheetNames[i]==r.sheet&&(n=i);if(n==0&&r.sheet&&e.SheetNames[0]!=r.sheet)throw new Error("Sheet not found: "+r.sheet);return ne(a,r.biff==4?1033:r.biff==3?521:9,yi(e,16,r)),mg(a,e.Sheets[e.SheetNames[n]],n,r),ne(a,10),a.end()}function _g(e,t,r){ne(e,49,hh({sz:12,name:"Arial"},r))}function wg(e,t,r){t&&[[5,8],[23,26],[41,44],[50,392]].forEach(function(a){for(var n=a[0];n<=a[1];++n)t[n]!=null&&ne(e,1054,gh(n,t[n],r))})}function kg(e,t){var r=X(19);r.write_shift(4,2151),r.write_shift(4,0),r.write_shift(4,0),r.write_shift(2,3),r.write_shift(1,1),r.write_shift(4,0),ne(e,2151,r),r=X(39),r.write_shift(4,2152),r.write_shift(4,0),r.write_shift(4,0),r.write_shift(2,3),r.write_shift(1,0),r.write_shift(4,0),r.write_shift(2,1),r.write_shift(4,4),r.write_shift(2,0),lc(Ie(t["!ref"]||"A1"),r),r.write_shift(4,4),ne(e,2152,r)}function Tg(e,t){for(var r=0;r<16;++r)ne(e,224,Ns({numFmtId:0,style:!0},0,t));t.cellXfs.forEach(function(a){ne(e,224,Ns(a,0,t))})}function Eg(e,t){for(var r=0;r<t["!links"].length;++r){var a=t["!links"][r];ne(e,440,zh(a)),a[1].Tooltip&&ne(e,2048,Kh(a))}delete t["!links"]}function Sg(e,t){if(t){var r=0;t.forEach(function(a,n){++r<=256&&a&&ne(e,125,Qh(Cn(n,a),n))})}}function yg(e,t,r,a,n){var i=16+xt(n.cellXfs,t,n);if(t.v==null&&!t.bf){ne(e,513,Bt(r,a,i));return}if(t.bf)ne(e,6,Jd(t,r,a,n,i));else switch(t.t){case"d":case"n":var s=t.t=="d"?nr(Ue(t.v)):t.v;ne(e,515,Ih(r,a,s,i));break;case"b":case"e":ne(e,517,Ch(r,a,t.v,i,n,t.t));break;case"s":case"str":if(n.bookSST){var f=Fi(n.Strings,t.v,n.revStrings);ne(e,253,dh(r,a,f,i))}else ne(e,516,ph(r,a,(t.v||"").slice(0,255),i,n));break;default:ne(e,513,Bt(r,a,i))}}function xg(e,t,r){var a=xr(),n=r.SheetNames[e],i=r.Sheets[n]||{},s=(r||{}).Workbook||{},f=(s.Sheets||[])[e]||{},c=Array.isArray(i),o=t.biff==8,l,h="",d=[],v=Ie(i["!ref"]||"A1"),p=o?65536:16384;if(v.e.c>255||v.e.r>=p){if(t.WTF)throw new Error("Range "+(i["!ref"]||"A1")+" exceeds format limit A1:IV16384");v.e.c=Math.min(v.e.c,255),v.e.r=Math.min(v.e.c,p-1)}ne(a,2057,yi(r,16,t)),ne(a,13,Wr(1)),ne(a,12,Wr(100)),ne(a,15,Er(!0)),ne(a,17,Er(!1)),ne(a,16,bt(.001)),ne(a,95,Er(!0)),ne(a,42,Er(!1)),ne(a,43,Er(!1)),ne(a,130,Wr(1)),ne(a,128,Ah()),ne(a,131,Er(!1)),ne(a,132,Er(!1)),o&&Sg(a,i["!cols"]),ne(a,512,wh(v,t)),o&&(i["!links"]=[]);for(var u=v.s.r;u<=v.e.r;++u){h=Ze(u);for(var m=v.s.c;m<=v.e.c;++m){u===v.s.r&&(d[m]=Ge(m)),l=d[m]+h;var T=c?(i[u]||[])[m]:i[l];T&&(yg(a,T,u,m,t),o&&T.l&&i["!links"].push([l,T.l]))}}var A=f.CodeName||f.name||n;return o&&ne(a,574,ch((s.Views||[])[0])),o&&(i["!merges"]||[]).length&&ne(a,229,Uh(i["!merges"])),o&&Eg(a,i),ne(a,442,sc(A)),o&&kg(a,i),ne(a,10),a.end()}function Ag(e,t,r){var a=xr(),n=(e||{}).Workbook||{},i=n.Sheets||[],s=n.WBProps||{},f=r.biff==8,c=r.biff==5;if(ne(a,2057,yi(e,5,r)),r.bookType=="xla"&&ne(a,135),ne(a,225,f?Wr(1200):null),ne(a,193,C1(2)),c&&ne(a,191),c&&ne(a,192),ne(a,226),ne(a,92,j1("SheetJS",r)),ne(a,66,Wr(f?1200:1252)),f&&ne(a,353,Wr(0)),f&&ne(a,448),ne(a,317,tu(e.SheetNames.length)),f&&e.vbaraw&&ne(a,211),f&&e.vbaraw){var o=s.CodeName||"ThisWorkbook";ne(a,442,sc(o))}ne(a,156,Wr(17)),ne(a,25,Er(!1)),ne(a,18,Er(!1)),ne(a,19,Wr(0)),f&&ne(a,431,Er(!1)),f&&ne(a,444,Wr(0)),ne(a,61,sh()),ne(a,64,Er(!1)),ne(a,141,Wr(0)),ne(a,34,Er(nm(e)=="true")),ne(a,14,Er(!0)),f&&ne(a,439,Er(!1)),ne(a,218,Wr(0)),_g(a,e,r),wg(a,e.SSF,r),Tg(a,r),f&&ne(a,352,Er(!1));var l=a.end(),h=xr();f&&ne(h,140,jh()),f&&r.Strings&&ug(h,252,eh(r.Strings)),ne(h,10);var d=h.end(),v=xr(),p=0,u=0;for(u=0;u<e.SheetNames.length;++u)p+=(f?12:11)+(f?2:1)*e.SheetNames[u].length;var m=l.length+p+d.length;for(u=0;u<e.SheetNames.length;++u){var T=i[u]||{};ne(v,133,q1({pos:m,hs:T.Hidden||0,dt:0,name:e.SheetNames[u]},r)),m+=t[u].length}var A=v.end();if(p!=A.length)throw new Error("BS8 "+p+" != "+A.length);var _=[];return l.length&&_.push(l),A.length&&_.push(A),d.length&&_.push(d),sr(_)}function Cg(e,t){var r=t||{},a=[];e&&!e.SSF&&(e.SSF=We(pe)),e&&e.SSF&&(ia(),kn(e.SSF),r.revssf=En(e.SSF),r.revssf[e.SSF[65535]]=0,r.ssf=e.SSF),r.Strings=[],r.Strings.Count=0,r.Strings.Unique=0,Mi(r),r.cellXfs=[],xt(r.cellXfs,{},{revssf:{General:0}}),e.Props||(e.Props={});for(var n=0;n<e.SheetNames.length;++n)a[a.length]=xg(n,r,e);return a.unshift(Ag(e,a,r)),sr(a)}function Qc(e,t){for(var r=0;r<=e.SheetNames.length;++r){var a=e.Sheets[e.SheetNames[r]];if(!(!a||!a["!ref"])){var n=Ar(a["!ref"]);n.e.c>255}}var i=t||{};switch(i.biff||2){case 8:case 5:return Cg(e,t);case 4:case 3:case 2:return gg(e,t)}throw new Error("invalid type "+i.bookType+" for BIFF")}function $s(e,t){var r=t||{},a=r.dense?[]:{};e=e.replace(/<!--.*?-->/g,"");var n=e.match(/<table/i);if(!n)throw new Error("Invalid HTML: could not find <table>");var i=e.match(/<\/table/i),s=n.index,f=i&&i.index||e.length,c=hl(e.slice(s,f),/(:?<tr[^>]*>)/i,"<tr>"),o=-1,l=0,h=0,d=0,v={s:{r:1e7,c:1e7},e:{r:0,c:0}},p=[];for(s=0;s<c.length;++s){var u=c[s].trim(),m=u.slice(0,3).toLowerCase();if(m=="<tr"){if(++o,r.sheetRows&&r.sheetRows<=o){--o;break}l=0;continue}if(!(m!="<td"&&m!="<th")){var T=u.split(/<\/t[dh]>/i);for(f=0;f<T.length;++f){var A=T[f].trim();if(A.match(/<t[dh]/i)){for(var _=A,F=0;_.charAt(0)=="<"&&(F=_.indexOf(">"))>-1;)_=_.slice(F+1);for(var D=0;D<p.length;++D){var P=p[D];P.s.c==l&&P.s.r<o&&o<=P.e.r&&(l=P.e.c+1,D=-1)}var x=ge(A.slice(0,A.indexOf(">")));d=x.colspan?+x.colspan:1,((h=+x.rowspan)>1||d>1)&&p.push({s:{r:o,c:l},e:{r:o+(h||1)-1,c:l+d-1}});var M=x.t||x["data-t"]||"";if(!_.length){l+=d;continue}if(_=Sf(_),v.s.r>o&&(v.s.r=o),v.e.r<o&&(v.e.r=o),v.s.c>l&&(v.s.c=l),v.e.c<l&&(v.e.c=l),!_.length){l+=d;continue}var R={t:"s",v:_};r.raw||!_.trim().length||M=="s"||(_==="TRUE"?R={t:"b",v:!0}:_==="FALSE"?R={t:"b",v:!1}:isNaN(Kr(_))?isNaN(ra(_).getDate())||(R={t:"d",v:Ue(_)},r.cellDates||(R={t:"n",v:nr(R.v)}),R.z=r.dateNF||pe[14]):R={t:"n",v:Kr(_)}),r.dense?(a[o]||(a[o]=[]),a[o][l]=R):a[me({r:o,c:l})]=R,l+=d}}}}return a["!ref"]=Te(v),p.length&&(a["!merges"]=p),a}function Og(e,t,r,a){for(var n=e["!merges"]||[],i=[],s=t.s.c;s<=t.e.c;++s){for(var f=0,c=0,o=0;o<n.length;++o)if(!(n[o].s.r>r||n[o].s.c>s)&&!(n[o].e.r<r||n[o].e.c<s)){if(n[o].s.r<r||n[o].s.c<s){f=-1;break}f=n[o].e.r-n[o].s.r+1,c=n[o].e.c-n[o].s.c+1;break}if(!(f<0)){var l=me({r,c:s}),h=a.dense?(e[r]||[])[s]:e[l],d=h&&h.v!=null&&(h.h||hi(h.w||(lt(h),h.w)||""))||"",v={};f>1&&(v.rowspan=f),c>1&&(v.colspan=c),a.editable?d='<span contenteditable="true">'+d+"</span>":h&&(v["data-t"]=h&&h.t||"z",h.v!=null&&(v["data-v"]=h.v),h.z!=null&&(v["data-z"]=h.z),h.l&&(h.l.Target||"#").charAt(0)!="#"&&(d='<a href="'+h.l.Target+'">'+d+"</a>")),v.id=(a.id||"sjs")+"-"+l,i.push(ae("td",d,v))}}var p="<tr>";return p+i.join("")+"</tr>"}var Ig='<html><head><meta charset="utf-8"/><title>SheetJS Table Export</title></head><body>',Rg="</body></html>";function Ng(e,t){var r=e.match(/<table[\s\S]*?>[\s\S]*?<\/table>/gi);if(!r||r.length==0)throw new Error("Invalid HTML: could not find <table>");if(r.length==1)return yt($s(r[0],t),t);var a=Wi();return r.forEach(function(n,i){Hi(a,$s(n,t),"Sheet"+(i+1))}),a}function Fg(e,t,r){var a=[];return a.join("")+"<table"+(r&&r.id?' id="'+r.id+'"':"")+">"}function eo(e,t){var r=t||{},a=r.header!=null?r.header:Ig,n=r.footer!=null?r.footer:Rg,i=[a],s=Ar(e["!ref"]);r.dense=Array.isArray(e),i.push(Fg(e,s,r));for(var f=s.s.r;f<=s.e.r;++f)i.push(Og(e,s,f,r));return i.push("</table>"+n),i.join("")}function ro(e,t,r){var a=r||{},n=0,i=0;if(a.origin!=null)if(typeof a.origin=="number")n=a.origin;else{var s=typeof a.origin=="string"?Xe(a.origin):a.origin;n=s.r,i=s.c}var f=t.getElementsByTagName("tr"),c=Math.min(a.sheetRows||1e7,f.length),o={s:{r:0,c:0},e:{r:n,c:i}};if(e["!ref"]){var l=Ar(e["!ref"]);o.s.r=Math.min(o.s.r,l.s.r),o.s.c=Math.min(o.s.c,l.s.c),o.e.r=Math.max(o.e.r,l.e.r),o.e.c=Math.max(o.e.c,l.e.c),n==-1&&(o.e.r=n=l.e.r+1)}var h=[],d=0,v=e["!rows"]||(e["!rows"]=[]),p=0,u=0,m=0,T=0,A=0,_=0;for(e["!cols"]||(e["!cols"]=[]);p<f.length&&u<c;++p){var F=f[p];if(Ks(F)){if(a.display)continue;v[u]={hidden:!0}}var D=F.children;for(m=T=0;m<D.length;++m){var P=D[m];if(!(a.display&&Ks(P))){var x=P.hasAttribute("data-v")?P.getAttribute("data-v"):P.hasAttribute("v")?P.getAttribute("v"):Sf(P.innerHTML),M=P.getAttribute("data-z")||P.getAttribute("z");for(d=0;d<h.length;++d){var R=h[d];R.s.c==T+i&&R.s.r<u+n&&u+n<=R.e.r&&(T=R.e.c+1-i,d=-1)}_=+P.getAttribute("colspan")||1,((A=+P.getAttribute("rowspan")||1)>1||_>1)&&h.push({s:{r:u+n,c:T+i},e:{r:u+n+(A||1)-1,c:T+i+(_||1)-1}});var z={t:"s",v:x},G=P.getAttribute("data-t")||P.getAttribute("t")||"";x!=null&&(x.length==0?z.t=G||"z":a.raw||x.trim().length==0||G=="s"||(x==="TRUE"?z={t:"b",v:!0}:x==="FALSE"?z={t:"b",v:!1}:isNaN(Kr(x))?isNaN(ra(x).getDate())||(z={t:"d",v:Ue(x)},a.cellDates||(z={t:"n",v:nr(z.v)}),z.z=a.dateNF||pe[14]):z={t:"n",v:Kr(x)})),z.z===void 0&&M!=null&&(z.z=M);var b="",J=P.getElementsByTagName("A");if(J&&J.length)for(var le=0;le<J.length&&!(J[le].hasAttribute("href")&&(b=J[le].getAttribute("href"),b.charAt(0)!="#"));++le);b&&b.charAt(0)!="#"&&(z.l={Target:b}),a.dense?(e[u+n]||(e[u+n]=[]),e[u+n][T+i]=z):e[me({c:T+i,r:u+n})]=z,o.e.c<T+i&&(o.e.c=T+i),T+=_}}++u}return h.length&&(e["!merges"]=(e["!merges"]||[]).concat(h)),o.e.r=Math.max(o.e.r,u-1+n),e["!ref"]=Te(o),u>=c&&(e["!fullref"]=Te((o.e.r=f.length-p+u-1+n,o))),e}function to(e,t){var r=t||{},a=r.dense?[]:{};return ro(a,e,t)}function Pg(e,t){return yt(to(e,t),t)}function Ks(e){var t="",r=Dg(e);return r&&(t=r(e).getPropertyValue("display")),t||(t=e.style&&e.style.display),t==="none"}function Dg(e){return e.ownerDocument.defaultView&&typeof e.ownerDocument.defaultView.getComputedStyle=="function"?e.ownerDocument.defaultView.getComputedStyle:typeof getComputedStyle=="function"?getComputedStyle:null}function Lg(e){var t=e.replace(/[\t\r\n]/g," ").trim().replace(/ +/g," ").replace(/<text:s\/>/g," ").replace(/<text:s text:c="(\d+)"\/>/g,function(a,n){return Array(parseInt(n,10)+1).join(" ")}).replace(/<text:tab[^>]*\/>/g,"	").replace(/<text:line-break\/>/g,`
+`),r=Oe(t.replace(/<[^>]*>/g,""));return[r]}var Ys={day:["d","dd"],month:["m","mm"],year:["y","yy"],hours:["h","hh"],minutes:["m","mm"],seconds:["s","ss"],"am-pm":["A/P","AM/PM"],"day-of-week":["ddd","dddd"],era:["e","ee"],quarter:["\\Qm",'m\\"th quarter"']};function ao(e,t){var r=t||{},a=ui(e),n=[],i,s,f={name:""},c="",o=0,l,h,d={},v=[],p=r.dense?[]:{},u,m,T={value:""},A="",_=0,F=[],D=-1,P=-1,x={s:{r:1e6,c:1e7},e:{r:0,c:0}},M=0,R={},z=[],G={},b=0,J=0,le=[],ie=1,ue=1,ce=[],De={Names:[]},V={},ve=["",""],_e=[],O={},L="",I=0,N=!1,Y=!1,re=0;for(Ra.lastIndex=0,a=a.replace(/<!--([\s\S]*?)-->/mg,"").replace(/<!DOCTYPE[^\[]*\[[^\]]*\]>/gm,"");u=Ra.exec(a);)switch(u[3]=u[3].replace(/_.*$/,"")){case"table":case"工作表":u[1]==="/"?(x.e.c>=x.s.c&&x.e.r>=x.s.r?p["!ref"]=Te(x):p["!ref"]="A1:A1",r.sheetRows>0&&r.sheetRows<=x.e.r&&(p["!fullref"]=p["!ref"],x.e.r=r.sheetRows-1,p["!ref"]=Te(x)),z.length&&(p["!merges"]=z),le.length&&(p["!rows"]=le),l.name=l.名称||l.name,typeof JSON<"u"&&JSON.stringify(l),v.push(l.name),d[l.name]=p,Y=!1):u[0].charAt(u[0].length-2)!=="/"&&(l=ge(u[0],!1),D=P=-1,x.s.r=x.s.c=1e7,x.e.r=x.e.c=0,p=r.dense?[]:{},z=[],le=[],Y=!0);break;case"table-row-group":u[1]==="/"?--M:++M;break;case"table-row":case"行":if(u[1]==="/"){D+=ie,ie=1;break}if(h=ge(u[0],!1),h.行号?D=h.行号-1:D==-1&&(D=0),ie=+h["number-rows-repeated"]||1,ie<10)for(re=0;re<ie;++re)M>0&&(le[D+re]={level:M});P=-1;break;case"covered-table-cell":u[1]!=="/"&&++P,r.sheetStubs&&(r.dense?(p[D]||(p[D]=[]),p[D][P]={t:"z"}):p[me({r:D,c:P})]={t:"z"}),A="",F=[];break;case"table-cell":case"数据":if(u[0].charAt(u[0].length-2)==="/")++P,T=ge(u[0],!1),ue=parseInt(T["number-columns-repeated"]||"1",10),m={t:"z",v:null},T.formula&&r.cellFormula!=!1&&(m.f=Gs(Oe(T.formula))),(T.数据类型||T["value-type"])=="string"&&(m.t="s",m.v=Oe(T["string-value"]||""),r.dense?(p[D]||(p[D]=[]),p[D][P]=m):p[me({r:D,c:P})]=m),P+=ue-1;else if(u[1]!=="/"){++P,A="",_=0,F=[],ue=1;var te=ie?D+ie-1:D;if(P>x.e.c&&(x.e.c=P),P<x.s.c&&(x.s.c=P),D<x.s.r&&(x.s.r=D),te>x.e.r&&(x.e.r=te),T=ge(u[0],!1),_e=[],O={},m={t:T.数据类型||T["value-type"],v:null},r.cellFormula)if(T.formula&&(T.formula=Oe(T.formula)),T["number-matrix-columns-spanned"]&&T["number-matrix-rows-spanned"]&&(b=parseInt(T["number-matrix-rows-spanned"],10)||0,J=parseInt(T["number-matrix-columns-spanned"],10)||0,G={s:{r:D,c:P},e:{r:D+b-1,c:P+J-1}},m.F=Te(G),ce.push([G,m.F])),T.formula)m.f=Gs(T.formula);else for(re=0;re<ce.length;++re)D>=ce[re][0].s.r&&D<=ce[re][0].e.r&&P>=ce[re][0].s.c&&P<=ce[re][0].e.c&&(m.F=ce[re][1]);switch((T["number-columns-spanned"]||T["number-rows-spanned"])&&(b=parseInt(T["number-rows-spanned"],10)||0,J=parseInt(T["number-columns-spanned"],10)||0,G={s:{r:D,c:P},e:{r:D+b-1,c:P+J-1}},z.push(G)),T["number-columns-repeated"]&&(ue=parseInt(T["number-columns-repeated"],10)),m.t){case"boolean":m.t="b",m.v=Be(T["boolean-value"]);break;case"float":m.t="n",m.v=parseFloat(T.value);break;case"percentage":m.t="n",m.v=parseFloat(T.value);break;case"currency":m.t="n",m.v=parseFloat(T.value);break;case"date":m.t="d",m.v=Ue(T["date-value"]),r.cellDates||(m.t="n",m.v=nr(m.v)),m.z="m/d/yy";break;case"time":m.t="n",m.v=cl(T["time-value"])/86400,r.cellDates&&(m.t="d",m.v=Sn(m.v)),m.z="HH:MM:SS";break;case"number":m.t="n",m.v=parseFloat(T.数据数值);break;default:if(m.t==="string"||m.t==="text"||!m.t)m.t="s",T["string-value"]!=null&&(A=Oe(T["string-value"]),F=[]);else throw new Error("Unsupported value type "+m.t)}}else{if(N=!1,m.t==="s"&&(m.v=A||"",F.length&&(m.R=F),N=_==0),V.Target&&(m.l=V),_e.length>0&&(m.c=_e,_e=[]),A&&r.cellText!==!1&&(m.w=A),N&&(m.t="z",delete m.v),(!N||r.sheetStubs)&&!(r.sheetRows&&r.sheetRows<=D))for(var q=0;q<ie;++q){if(ue=parseInt(T["number-columns-repeated"]||"1",10),r.dense)for(p[D+q]||(p[D+q]=[]),p[D+q][P]=q==0?m:We(m);--ue>0;)p[D+q][P+ue]=We(m);else for(p[me({r:D+q,c:P})]=m;--ue>0;)p[me({r:D+q,c:P+ue})]=We(m);x.e.c<=P&&(x.e.c=P)}ue=parseInt(T["number-columns-repeated"]||"1",10),P+=ue-1,ue=0,m={},A="",F=[]}V={};break;case"document":case"document-content":case"电子表格文档":case"spreadsheet":case"主体":case"scripts":case"styles":case"font-face-decls":case"master-styles":if(u[1]==="/"){if((i=n.pop())[0]!==u[3])throw"Bad state: "+i}else u[0].charAt(u[0].length-2)!=="/"&&n.push([u[3],!0]);break;case"annotation":if(u[1]==="/"){if((i=n.pop())[0]!==u[3])throw"Bad state: "+i;O.t=A,F.length&&(O.R=F),O.a=L,_e.push(O)}else u[0].charAt(u[0].length-2)!=="/"&&n.push([u[3],!1]);L="",I=0,A="",_=0,F=[];break;case"creator":u[1]==="/"?L=a.slice(I,u.index):I=u.index+u[0].length;break;case"meta":case"元数据":case"settings":case"config-item-set":case"config-item-map-indexed":case"config-item-map-entry":case"config-item-map-named":case"shapes":case"frame":case"text-box":case"image":case"data-pilot-tables":case"list-style":case"form":case"dde-links":case"event-listeners":case"chart":if(u[1]==="/"){if((i=n.pop())[0]!==u[3])throw"Bad state: "+i}else u[0].charAt(u[0].length-2)!=="/"&&n.push([u[3],!1]);A="",_=0,F=[];break;case"scientific-number":break;case"currency-symbol":break;case"currency-style":break;case"number-style":case"percentage-style":case"date-style":case"time-style":if(u[1]==="/"){if(R[f.name]=c,(i=n.pop())[0]!==u[3])throw"Bad state: "+i}else u[0].charAt(u[0].length-2)!=="/"&&(c="",f=ge(u[0],!1),n.push([u[3],!0]));break;case"script":break;case"libraries":break;case"automatic-styles":break;case"default-style":case"page-layout":break;case"style":break;case"map":break;case"font-face":break;case"paragraph-properties":break;case"table-properties":break;case"table-column-properties":break;case"table-row-properties":break;case"table-cell-properties":break;case"number":switch(n[n.length-1][0]){case"time-style":case"date-style":s=ge(u[0],!1),c+=Ys[u[3]][s.style==="long"?1:0];break}break;case"fraction":break;case"day":case"month":case"year":case"era":case"day-of-week":case"week-of-year":case"quarter":case"hours":case"minutes":case"seconds":case"am-pm":switch(n[n.length-1][0]){case"time-style":case"date-style":s=ge(u[0],!1),c+=Ys[u[3]][s.style==="long"?1:0];break}break;case"boolean-style":break;case"boolean":break;case"text-style":break;case"text":if(u[0].slice(-2)==="/>")break;if(u[1]==="/")switch(n[n.length-1][0]){case"number-style":case"date-style":case"time-style":c+=a.slice(o,u.index);break}else o=u.index+u[0].length;break;case"named-range":s=ge(u[0],!1),ve=Bn(s["cell-range-address"]);var Q={Name:s.name,Ref:ve[0]+"!"+ve[1]};Y&&(Q.Sheet=v.length),De.Names.push(Q);break;case"text-content":break;case"text-properties":break;case"embedded-text":break;case"body":case"电子表格":break;case"forms":break;case"table-column":break;case"table-header-rows":break;case"table-rows":break;case"table-column-group":break;case"table-header-columns":break;case"table-columns":break;case"null-date":break;case"graphic-properties":break;case"calculation-settings":break;case"named-expressions":break;case"label-range":break;case"label-ranges":break;case"named-expression":break;case"sort":break;case"sort-by":break;case"sort-groups":break;case"tab":break;case"line-break":break;case"span":break;case"p":case"文本串":if(["master-styles"].indexOf(n[n.length-1][0])>-1)break;if(u[1]==="/"&&(!T||!T["string-value"])){var Ee=Lg(a.slice(_,u.index));A=(A.length>0?A+`
+`:"")+Ee[0]}else ge(u[0],!1),_=u.index+u[0].length;break;case"s":break;case"database-range":if(u[1]==="/")break;try{ve=Bn(ge(u[0])["target-range-address"]),d[ve[0]]["!autofilter"]={ref:ve[1]}}catch{}break;case"date":break;case"object":break;case"title":case"标题":break;case"desc":break;case"binary-data":break;case"table-source":break;case"scenario":break;case"iteration":break;case"content-validations":break;case"content-validation":break;case"help-message":break;case"error-message":break;case"database-ranges":break;case"filter":break;case"filter-and":break;case"filter-or":break;case"filter-condition":break;case"list-level-style-bullet":break;case"list-level-style-number":break;case"list-level-properties":break;case"sender-firstname":case"sender-lastname":case"sender-initials":case"sender-title":case"sender-position":case"sender-email":case"sender-phone-private":case"sender-fax":case"sender-company":case"sender-phone-work":case"sender-street":case"sender-city":case"sender-postal-code":case"sender-country":case"sender-state-or-province":case"author-name":case"author-initials":case"chapter":case"file-name":case"template-name":case"sheet-name":break;case"event-listener":break;case"initial-creator":case"creation-date":case"print-date":case"generator":case"document-statistic":case"user-defined":case"editing-duration":case"editing-cycles":break;case"config-item":break;case"page-number":break;case"page-count":break;case"time":break;case"cell-range-source":break;case"detective":break;case"operation":break;case"highlighted-range":break;case"data-pilot-table":case"source-cell-range":case"source-service":case"data-pilot-field":case"data-pilot-level":case"data-pilot-subtotals":case"data-pilot-subtotal":case"data-pilot-members":case"data-pilot-member":case"data-pilot-display-info":case"data-pilot-sort-info":case"data-pilot-layout-info":case"data-pilot-field-reference":case"data-pilot-groups":case"data-pilot-group":case"data-pilot-group-member":break;case"rect":break;case"dde-connection-decls":case"dde-connection-decl":case"dde-link":case"dde-source":break;case"properties":break;case"property":break;case"a":if(u[1]!=="/"){if(V=ge(u[0],!1),!V.href)break;V.Target=Oe(V.href),delete V.href,V.Target.charAt(0)=="#"&&V.Target.indexOf(".")>-1?(ve=Bn(V.Target.slice(1)),V.Target="#"+ve[0]+"!"+ve[1]):V.Target.match(/^\.\.[\\\/]/)&&(V.Target=V.Target.slice(3))}break;case"table-protection":break;case"data-pilot-grand-total":break;case"office-document-common-attrs":break;default:switch(u[2]){case"dc:":case"calcext:":case"loext:":case"ooo:":case"chartooo:":case"draw:":case"style:":case"chart:":case"form:":case"uof:":case"表:":case"字:":break;default:if(r.WTF)throw new Error(u)}}var C={Sheets:d,SheetNames:v,Workbook:De};return r.bookSheets&&delete C.Sheets,C}function js(e,t){t=t||{},Ur(e,"META-INF/manifest.xml")&&c1(er(e,"META-INF/manifest.xml"),t);var r=Nr(e,"content.xml");if(!r)throw new Error("Missing content.xml in ODS / UOF file");var a=ao(Le(r),t);return Ur(e,"meta.xml")&&(a.Props=Kf(er(e,"meta.xml"))),a}function Js(e,t){return ao(e,t)}var bg=(function(){var e=["<office:master-styles>",'<style:master-page style:name="mp1" style:page-layout-name="mp1">',"<style:header/>",'<style:header-left style:display="false"/>',"<style:footer/>",'<style:footer-left style:display="false"/>',"</style:master-page>","</office:master-styles>"].join(""),t="<office:document-styles "+Ia({"xmlns:office":"urn:oasis:names:tc:opendocument:xmlns:office:1.0","xmlns:table":"urn:oasis:names:tc:opendocument:xmlns:table:1.0","xmlns:style":"urn:oasis:names:tc:opendocument:xmlns:style:1.0","xmlns:text":"urn:oasis:names:tc:opendocument:xmlns:text:1.0","xmlns:draw":"urn:oasis:names:tc:opendocument:xmlns:drawing:1.0","xmlns:fo":"urn:oasis:names:tc:opendocument:xmlns:xsl-fo-compatible:1.0","xmlns:xlink":"http://www.w3.org/1999/xlink","xmlns:dc":"http://purl.org/dc/elements/1.1/","xmlns:number":"urn:oasis:names:tc:opendocument:xmlns:datastyle:1.0","xmlns:svg":"urn:oasis:names:tc:opendocument:xmlns:svg-compatible:1.0","xmlns:of":"urn:oasis:names:tc:opendocument:xmlns:of:1.2","office:version":"1.2"})+">"+e+"</office:document-styles>";return function(){return qe+t}})(),Zs=(function(){var e=function(i){return Pe(i).replace(/  +/g,function(s){return'<text:s text:c="'+s.length+'"/>'}).replace(/\t/g,"<text:tab/>").replace(/\n/g,"</text:p><text:p>").replace(/^ /,"<text:s/>").replace(/ $/,"<text:s/>")},t=`          <table:table-cell />
+`,r=`          <table:covered-table-cell/>
+`,a=function(i,s,f){var c=[];c.push('      <table:table table:name="'+Pe(s.SheetNames[f])+`" table:style-name="ta1">
+`);var o=0,l=0,h=Ar(i["!ref"]||"A1"),d=i["!merges"]||[],v=0,p=Array.isArray(i);if(i["!cols"])for(l=0;l<=h.e.c;++l)c.push("        <table:table-column"+(i["!cols"][l]?' table:style-name="co'+i["!cols"][l].ods+'"':"")+`></table:table-column>
+`);var u="",m=i["!rows"]||[];for(o=0;o<h.s.r;++o)u=m[o]?' table:style-name="ro'+m[o].ods+'"':"",c.push("        <table:table-row"+u+`></table:table-row>
+`);for(;o<=h.e.r;++o){for(u=m[o]?' table:style-name="ro'+m[o].ods+'"':"",c.push("        <table:table-row"+u+`>
+`),l=0;l<h.s.c;++l)c.push(t);for(;l<=h.e.c;++l){var T=!1,A={},_="";for(v=0;v!=d.length;++v)if(!(d[v].s.c>l)&&!(d[v].s.r>o)&&!(d[v].e.c<l)&&!(d[v].e.r<o)){(d[v].s.c!=l||d[v].s.r!=o)&&(T=!0),A["table:number-columns-spanned"]=d[v].e.c-d[v].s.c+1,A["table:number-rows-spanned"]=d[v].e.r-d[v].s.r+1;break}if(T){c.push(r);continue}var F=me({r:o,c:l}),D=p?(i[o]||[])[l]:i[F];if(D&&D.f&&(A["table:formula"]=Pe(tv(D.f)),D.F&&D.F.slice(0,F.length)==F)){var P=Ar(D.F);A["table:number-matrix-columns-spanned"]=P.e.c-P.s.c+1,A["table:number-matrix-rows-spanned"]=P.e.r-P.s.r+1}if(!D){c.push(t);continue}switch(D.t){case"b":_=D.v?"TRUE":"FALSE",A["office:value-type"]="boolean",A["office:boolean-value"]=D.v?"true":"false";break;case"n":_=D.w||String(D.v||0),A["office:value-type"]="float",A["office:value"]=D.v||0;break;case"s":case"str":_=D.v==null?"":D.v,A["office:value-type"]="string";break;case"d":_=D.w||Ue(D.v).toISOString(),A["office:value-type"]="date",A["office:date-value"]=Ue(D.v).toISOString(),A["table:style-name"]="ce1";break;default:c.push(t);continue}var x=e(_);if(D.l&&D.l.Target){var M=D.l.Target;M=M.charAt(0)=="#"?"#"+av(M.slice(1)):M,M.charAt(0)!="#"&&!M.match(/^\w+:/)&&(M="../"+M),x=ae("text:a",x,{"xlink:href":M.replace(/&/g,"&amp;")})}c.push("          "+ae("table:table-cell",ae("text:p",x,{}),A)+`
+`)}c.push(`        </table:table-row>
+`)}return c.push(`      </table:table>
+`),c.join("")},n=function(i,s){i.push(` <office:automatic-styles>
+`),i.push(`  <number:date-style style:name="N37" number:automatic-order="true">
+`),i.push(`   <number:month number:style="long"/>
+`),i.push(`   <number:text>/</number:text>
+`),i.push(`   <number:day number:style="long"/>
+`),i.push(`   <number:text>/</number:text>
+`),i.push(`   <number:year/>
+`),i.push(`  </number:date-style>
+`);var f=0;s.SheetNames?.map(function(o){return s.Sheets[o]}).forEach(function(o){if(o&&o["!cols"]){for(var l=0;l<o["!cols"].length;++l)if(o["!cols"][l]){var h=o["!cols"][l];if(h.width==null&&h.wpx==null&&h.wch==null)continue;kt(h),h.ods=f;var d=o["!cols"][l].wpx+"px";i.push('  <style:style style:name="co'+f+`" style:family="table-column">
+`),i.push('   <style:table-column-properties fo:break-before="auto" style:column-width="'+d+`"/>
+`),i.push(`  </style:style>
+`),++f}}});var c=0;s.SheetNames?.map(function(o){return s.Sheets[o]}).forEach(function(o){if(o&&o["!rows"]){for(var l=0;l<o["!rows"].length;++l)if(o["!rows"][l]){o["!rows"][l].ods=c;var h=o["!rows"][l].hpx+"px";i.push('  <style:style style:name="ro'+c+`" style:family="table-row">
+`),i.push('   <style:table-row-properties fo:break-before="auto" style:row-height="'+h+`"/>
+`),i.push(`  </style:style>
+`),++c}}}),i.push(`  <style:style style:name="ta1" style:family="table" style:master-page-name="mp1">
+`),i.push(`   <style:table-properties table:display="true" style:writing-mode="lr-tb"/>
+`),i.push(`  </style:style>
+`),i.push(`  <style:style style:name="ce1" style:family="table-cell" style:parent-style-name="Default" style:data-style-name="N37"/>
+`),i.push(` </office:automatic-styles>
+`)};return function(s,f){var c=[qe],o=Ia({"xmlns:office":"urn:oasis:names:tc:opendocument:xmlns:office:1.0","xmlns:table":"urn:oasis:names:tc:opendocument:xmlns:table:1.0","xmlns:style":"urn:oasis:names:tc:opendocument:xmlns:style:1.0","xmlns:text":"urn:oasis:names:tc:opendocument:xmlns:text:1.0","xmlns:draw":"urn:oasis:names:tc:opendocument:xmlns:drawing:1.0","xmlns:fo":"urn:oasis:names:tc:opendocument:xmlns:xsl-fo-compatible:1.0","xmlns:xlink":"http://www.w3.org/1999/xlink","xmlns:dc":"http://purl.org/dc/elements/1.1/","xmlns:meta":"urn:oasis:names:tc:opendocument:xmlns:meta:1.0","xmlns:number":"urn:oasis:names:tc:opendocument:xmlns:datastyle:1.0","xmlns:presentation":"urn:oasis:names:tc:opendocument:xmlns:presentation:1.0","xmlns:svg":"urn:oasis:names:tc:opendocument:xmlns:svg-compatible:1.0","xmlns:chart":"urn:oasis:names:tc:opendocument:xmlns:chart:1.0","xmlns:dr3d":"urn:oasis:names:tc:opendocument:xmlns:dr3d:1.0","xmlns:math":"http://www.w3.org/1998/Math/MathML","xmlns:form":"urn:oasis:names:tc:opendocument:xmlns:form:1.0","xmlns:script":"urn:oasis:names:tc:opendocument:xmlns:script:1.0","xmlns:ooo":"http://openoffice.org/2004/office","xmlns:ooow":"http://openoffice.org/2004/writer","xmlns:oooc":"http://openoffice.org/2004/calc","xmlns:dom":"http://www.w3.org/2001/xml-events","xmlns:xforms":"http://www.w3.org/2002/xforms","xmlns:xsd":"http://www.w3.org/2001/XMLSchema","xmlns:xsi":"http://www.w3.org/2001/XMLSchema-instance","xmlns:sheet":"urn:oasis:names:tc:opendocument:sh33tjs:1.0","xmlns:rpt":"http://openoffice.org/2005/report","xmlns:of":"urn:oasis:names:tc:opendocument:xmlns:of:1.2","xmlns:xhtml":"http://www.w3.org/1999/xhtml","xmlns:grddl":"http://www.w3.org/2003/g/data-view#","xmlns:tableooo":"http://openoffice.org/2009/table","xmlns:drawooo":"http://openoffice.org/2010/draw","xmlns:calcext":"urn:org:documentfoundation:names:experimental:calc:xmlns:calcext:1.0","xmlns:loext":"urn:org:documentfoundation:names:experimental:office:xmlns:loext:1.0","xmlns:field":"urn:openoffice:names:experimental:ooo-ms-interop:xmlns:field:1.0","xmlns:formx":"urn:openoffice:names:experimental:ooxml-odf-interop:xmlns:form:1.0","xmlns:css3t":"http://www.w3.org/TR/css3-text/","office:version":"1.2"}),l=Ia({"xmlns:config":"urn:oasis:names:tc:opendocument:xmlns:config:1.0","office:mimetype":"application/vnd.oasis.opendocument.spreadsheet"});f.bookType=="fods"?(c.push("<office:document"+o+l+`>
+`),c.push($f().replace(/office:document-meta/g,"office:meta"))):c.push("<office:document-content"+o+`>
+`),n(c,s),c.push(`  <office:body>
+`),c.push(`    <office:spreadsheet>
+`);for(var h=0;h!=s.SheetNames.length;++h)c.push(a(s.Sheets[s.SheetNames[h]],s,h));return c.push(`    </office:spreadsheet>
+`),c.push(`  </office:body>
+`),f.bookType=="fods"?c.push("</office:document>"):c.push("</office:document-content>"),c.join("")}})();function no(e,t){if(t.bookType=="fods")return Zs(e,t);var r=ci(),a="",n=[],i=[];return a="mimetype",ke(r,a,"application/vnd.oasis.opendocument.spreadsheet"),a="content.xml",ke(r,a,Zs(e,t)),n.push([a,"text/xml"]),i.push([a,"ContentFile"]),a="styles.xml",ke(r,a,bg(e,t)),n.push([a,"text/xml"]),i.push([a,"StylesFile"]),a="meta.xml",ke(r,a,qe+$f()),n.push([a,"text/xml"]),i.push([a,"MetadataFile"]),a="manifest.rdf",ke(r,a,h1(i)),n.push([a,"application/rdf+xml"]),a="META-INF/manifest.xml",ke(r,a,o1(n)),r}/*! sheetjs (C) 2013-present SheetJS -- http://sheetjs.com */function Ut(e){return new DataView(e.buffer,e.byteOffset,e.byteLength)}function ei(e){return typeof TextDecoder<"u"?new TextDecoder().decode(e):Le(St(e))}function Mg(e){return typeof TextEncoder<"u"?new TextEncoder().encode(e):Rr(et(e))}function Bg(e,t){e:for(var r=0;r<=e.length-t.length;++r){for(var a=0;a<t.length;++a)if(e[r+a]!=t[a])continue e;return!0}return!1}function Et(e){var t=e.reduce(function(n,i){return n+i.length},0),r=new Uint8Array(t),a=0;return e.forEach(function(n){r.set(n,a),a+=n.length}),r}function qs(e){return e-=e>>1&1431655765,e=(e&858993459)+(e>>2&858993459),(e+(e>>4)&252645135)*16843009>>>24}function Ug(e,t){for(var r=(e[t+15]&127)<<7|e[t+14]>>1,a=e[t+14]&1,n=t+13;n>=t;--n)a=a*256+e[n];return(e[t+15]&128?-a:a)*Math.pow(10,r-6176)}function Wg(e,t,r){var a=Math.floor(r==0?0:Math.LOG10E*Math.log(Math.abs(r)))+6176-20,n=r/Math.pow(10,a-6176);e[t+15]|=a>>7,e[t+14]|=(a&127)<<1;for(var i=0;n>=1;++i,n/=256)e[t+i]=n&255;e[t+15]|=r>=0?0:128}function Ma(e,t){var r=t?t[0]:0,a=e[r]&127;e:if(e[r++]>=128&&(a|=(e[r]&127)<<7,e[r++]<128||(a|=(e[r]&127)<<14,e[r++]<128)||(a|=(e[r]&127)<<21,e[r++]<128)||(a+=(e[r]&127)*Math.pow(2,28),++r,e[r++]<128)||(a+=(e[r]&127)*Math.pow(2,35),++r,e[r++]<128)||(a+=(e[r]&127)*Math.pow(2,42),++r,e[r++]<128)))break e;return t&&(t[0]=r),a}function Ne(e){var t=new Uint8Array(7);t[0]=e&127;var r=1;e:if(e>127){if(t[r-1]|=128,t[r]=e>>7&127,++r,e<=16383||(t[r-1]|=128,t[r]=e>>14&127,++r,e<=2097151)||(t[r-1]|=128,t[r]=e>>21&127,++r,e<=268435455)||(t[r-1]|=128,t[r]=e/256>>>21&127,++r,e<=34359738367)||(t[r-1]|=128,t[r]=e/65536>>>21&127,++r,e<=4398046511103))break e;t[r-1]|=128,t[r]=e/16777216>>>21&127,++r}return t.slice(0,r)}function $e(e){var t=0,r=e[t]&127;e:if(e[t++]>=128){if(r|=(e[t]&127)<<7,e[t++]<128||(r|=(e[t]&127)<<14,e[t++]<128)||(r|=(e[t]&127)<<21,e[t++]<128))break e;r|=(e[t]&127)<<28}return r}function Re(e){for(var t=[],r=[0];r[0]<e.length;){var a=r[0],n=Ma(e,r),i=n&7;n=Math.floor(n/8);var s=0,f;if(n==0)break;switch(i){case 0:{for(var c=r[0];e[r[0]++]>=128;);f=e.slice(c,r[0])}break;case 5:s=4,f=e.slice(r[0],r[0]+s),r[0]+=s;break;case 1:s=8,f=e.slice(r[0],r[0]+s),r[0]+=s;break;case 2:s=Ma(e,r),f=e.slice(r[0],r[0]+s),r[0]+=s;break;case 3:case 4:default:throw new Error("PB Type ".concat(i," for Field ").concat(n," at offset ").concat(a))}var o={data:f,type:i};t[n]==null?t[n]=[o]:t[n].push(o)}return t}function cr(e){var t=[];return e.forEach(function(r,a){r.forEach(function(n){n.data&&(t.push(Ne(a*8+n.type)),n.type==2&&t.push(Ne(n.data.length)),t.push(n.data))})}),Et(t)}function Li(e,t){return(e==null?void 0:e?.map(function(r){return t(r.data)}))||[]}function Mr(e){for(var t,r=[],a=[0];a[0]<e.length;){var n=Ma(e,a),i=Re(e.slice(a[0],a[0]+n));a[0]+=n;var s={id:$e(i[1][0].data),messages:[]};i[2].forEach(function(f){var c=Re(f.data),o=$e(c[3][0].data);s.messages.push({meta:c,data:e.slice(a[0],a[0]+o)}),a[0]+=o}),(t=i[3])!=null&&t[0]&&(s.merge=$e(i[3][0].data)>>>0>0),r.push(s)}return r}function Kt(e){var t=[];return e.forEach(function(r){var a=[];a[1]=[{data:Ne(r.id),type:0}],a[2]=[],r.merge!=null&&(a[3]=[{data:Ne(+!!r.merge),type:0}]);var n=[];r.messages.forEach(function(s){n.push(s.data),s.meta[3]=[{type:0,data:Ne(s.data.length)}],a[2].push({data:cr(s.meta),type:2})});var i=cr(a);t.push(Ne(i.length)),t.push(i),n.forEach(function(s){return t.push(s)})}),Et(t)}function Hg(e,t){if(e!=0)throw new Error("Unexpected Snappy chunk type ".concat(e));for(var r=[0],a=Ma(t,r),n=[];r[0]<t.length;){var i=t[r[0]]&3;if(i==0){var s=t[r[0]++]>>2;if(s<60)++s;else{var f=s-59;s=t[r[0]],f>1&&(s|=t[r[0]+1]<<8),f>2&&(s|=t[r[0]+2]<<16),f>3&&(s|=t[r[0]+3]<<24),s>>>=0,s++,r[0]+=f}n.push(t.slice(r[0],r[0]+s)),r[0]+=s;continue}else{var c=0,o=0;if(i==1?(o=(t[r[0]]>>2&7)+4,c=(t[r[0]++]&224)<<3,c|=t[r[0]++]):(o=(t[r[0]++]>>2)+1,i==2?(c=t[r[0]]|t[r[0]+1]<<8,r[0]+=2):(c=(t[r[0]]|t[r[0]+1]<<8|t[r[0]+2]<<16|t[r[0]+3]<<24)>>>0,r[0]+=4)),n=[Et(n)],c==0)throw new Error("Invalid offset 0");if(c>n[0].length)throw new Error("Invalid offset beyond length");if(o>=c)for(n.push(n[0].slice(-c)),o-=c;o>=n[n.length-1].length;)n.push(n[n.length-1]),o-=n[n.length-1].length;n.push(n[0].slice(-c,-c+o))}}var l=Et(n);if(l.length!=a)throw new Error("Unexpected length: ".concat(l.length," != ").concat(a));return l}function Br(e){for(var t=[],r=0;r<e.length;){var a=e[r++],n=e[r]|e[r+1]<<8|e[r+2]<<16;r+=3,t.push(Hg(a,e.slice(r,r+n))),r+=n}if(r!==e.length)throw new Error("data is not a valid framed stream!");return Et(t)}function Yt(e){for(var t=[],r=0;r<e.length;){var a=Math.min(e.length-r,268435455),n=new Uint8Array(4);t.push(n);var i=Ne(a),s=i.length;t.push(i),a<=60?(s++,t.push(new Uint8Array([a-1<<2]))):a<=256?(s+=2,t.push(new Uint8Array([240,a-1&255]))):a<=65536?(s+=3,t.push(new Uint8Array([244,a-1&255,a-1>>8&255]))):a<=16777216?(s+=4,t.push(new Uint8Array([248,a-1&255,a-1>>8&255,a-1>>16&255]))):a<=4294967296&&(s+=5,t.push(new Uint8Array([252,a-1&255,a-1>>8&255,a-1>>16&255,a-1>>>24&255]))),t.push(e.slice(r,r+a)),s+=a,n[0]=0,n[1]=s&255,n[2]=s>>8&255,n[3]=s>>16&255,r+=a}return Et(t)}function Vg(e,t,r,a){var n=Ut(e),i=n.getUint32(4,!0),s=(a>1?12:8)+qs(i&(a>1?3470:398))*4,f=-1,c=-1,o=NaN,l=new Date(2001,0,1);i&512&&(f=n.getUint32(s,!0),s+=4),s+=qs(i&(a>1?12288:4096))*4,i&16&&(c=n.getUint32(s,!0),s+=4),i&32&&(o=n.getFloat64(s,!0),s+=8),i&64&&(l.setTime(l.getTime()+n.getFloat64(s,!0)*1e3),s+=8);var h;switch(e[2]){case 0:break;case 2:h={t:"n",v:o};break;case 3:h={t:"s",v:t[c]};break;case 5:h={t:"d",v:l};break;case 6:h={t:"b",v:o>0};break;case 7:h={t:"n",v:o/86400};break;case 8:h={t:"e",v:0};break;case 9:if(f>-1)h={t:"s",v:r[f]};else if(c>-1)h={t:"s",v:t[c]};else if(!isNaN(o))h={t:"n",v:o};else throw new Error("Unsupported cell type ".concat(e.slice(0,4)));break;default:throw new Error("Unsupported cell type ".concat(e.slice(0,4)))}return h}function Gg(e,t,r){var a=Ut(e),n=a.getUint32(8,!0),i=12,s=-1,f=-1,c=NaN,o=NaN,l=new Date(2001,0,1);n&1&&(c=Ug(e,i),i+=16),n&2&&(o=a.getFloat64(i,!0),i+=8),n&4&&(l.setTime(l.getTime()+a.getFloat64(i,!0)*1e3),i+=8),n&8&&(f=a.getUint32(i,!0),i+=4),n&16&&(s=a.getUint32(i,!0),i+=4);var h;switch(e[1]){case 0:break;case 2:h={t:"n",v:c};break;case 3:h={t:"s",v:t[f]};break;case 5:h={t:"d",v:l};break;case 6:h={t:"b",v:o>0};break;case 7:h={t:"n",v:o/86400};break;case 8:h={t:"e",v:0};break;case 9:if(s>-1)h={t:"s",v:r[s]};else throw new Error("Unsupported cell type ".concat(e[1]," : ").concat(n&31," : ").concat(e.slice(0,4)));break;case 10:h={t:"n",v:c};break;default:throw new Error("Unsupported cell type ".concat(e[1]," : ").concat(n&31," : ").concat(e.slice(0,4)))}return h}function Wn(e,t){var r=new Uint8Array(32),a=Ut(r),n=12,i=0;switch(r[0]=5,e.t){case"n":r[1]=2,Wg(r,n,e.v),i|=1,n+=16;break;case"b":r[1]=6,a.setFloat64(n,e.v?1:0,!0),i|=2,n+=8;break;case"s":if(t.indexOf(e.v)==-1)throw new Error("Value ".concat(e.v," missing from SST!"));r[1]=3,a.setUint32(n,t.indexOf(e.v),!0),i|=8,n+=4;break;default:throw"unsupported cell type "+e.t}return a.setUint32(8,i,!0),r.slice(0,n)}function Hn(e,t){var r=new Uint8Array(32),a=Ut(r),n=12,i=0;switch(r[0]=3,e.t){case"n":r[2]=2,a.setFloat64(n,e.v,!0),i|=32,n+=8;break;case"b":r[2]=6,a.setFloat64(n,e.v?1:0,!0),i|=32,n+=8;break;case"s":if(t.indexOf(e.v)==-1)throw new Error("Value ".concat(e.v," missing from SST!"));r[2]=3,a.setUint32(n,t.indexOf(e.v),!0),i|=16,n+=4;break;default:throw"unsupported cell type "+e.t}return a.setUint32(4,i,!0),r.slice(0,n)}function Xg(e,t,r){switch(e[0]){case 0:case 1:case 2:case 3:return Vg(e,t,r,e[0]);case 5:return Gg(e,t,r);default:throw new Error("Unsupported payload version ".concat(e[0]))}}function dr(e){var t=Re(e);return Ma(t[1][0].data)}function Qs(e,t){var r=Re(t.data),a=$e(r[1][0].data),n=r[3],i=[];return(n||[]).forEach(function(s){var f=Re(s.data),c=$e(f[1][0].data)>>>0;switch(a){case 1:i[c]=ei(f[3][0].data);break;case 8:{var o=e[dr(f[9][0].data)][0],l=Re(o.data),h=e[dr(l[1][0].data)][0],d=$e(h.meta[1][0].data);if(d!=2001)throw new Error("2000 unexpected reference to ".concat(d));var v=Re(h.data);i[c]=v[3]?.map(function(p){return ei(p.data)}).join("")}break}}),i}function zg(e,t){var r,a,n,i,s,f,c,o,l,h,d,v,p,u,m=Re(e),T=$e(m[1][0].data)>>>0,A=$e(m[2][0].data)>>>0,_=((a=(r=m[8])==null?void 0:r[0])==null?void 0:a.data)&&$e(m[8][0].data)>0||!1,F,D;if((i=(n=m[7])==null?void 0:n[0])!=null&&i.data&&t!=0)F=(f=(s=m[7])==null?void 0:s[0])==null?void 0:f.data,D=(o=(c=m[6])==null?void 0:c[0])==null?void 0:o.data;else if((h=(l=m[4])==null?void 0:l[0])!=null&&h.data&&t!=1)F=(v=(d=m[4])==null?void 0:d[0])==null?void 0:v.data,D=(u=(p=m[3])==null?void 0:p[0])==null?void 0:u.data;else throw"NUMBERS Tile missing ".concat(t," cell storage");for(var P=_?4:1,x=Ut(F),M=[],R=0;R<F.length/2;++R){var z=x.getUint16(R*2,!0);z<65535&&M.push([R,z])}if(M.length!=A)throw"Expected ".concat(A," cells, found ").concat(M.length);var G=[];for(R=0;R<M.length-1;++R)G[M[R][0]]=D.subarray(M[R][1]*P,M[R+1][1]*P);return M.length>=1&&(G[M[M.length-1][0]]=D.subarray(M[M.length-1][1]*P)),{R:T,cells:G}}function $g(e,t){var r,a=Re(t.data),n=(r=a==null?void 0:a[7])!=null&&r[0]?$e(a[7][0].data)>>>0>0?1:0:-1,i=Li(a[5],function(s){return zg(s,n)});return{nrows:$e(a[4][0].data)>>>0,data:i.reduce(function(s,f){return s[f.R]||(s[f.R]=[]),f.cells.forEach(function(c,o){if(s[f.R][o])throw new Error("Duplicate cell r=".concat(f.R," c=").concat(o));s[f.R][o]=c}),s},[])}}function Kg(e,t,r){var a,n=Re(t.data),i={s:{r:0,c:0},e:{r:0,c:0}};if(i.e.r=($e(n[6][0].data)>>>0)-1,i.e.r<0)throw new Error("Invalid row varint ".concat(n[6][0].data));if(i.e.c=($e(n[7][0].data)>>>0)-1,i.e.c<0)throw new Error("Invalid col varint ".concat(n[7][0].data));r["!ref"]=Te(i);var s=Re(n[4][0].data),f=Qs(e,e[dr(s[4][0].data)][0]),c=(a=s[17])!=null&&a[0]?Qs(e,e[dr(s[17][0].data)][0]):[],o=Re(s[3][0].data),l=0;o[1].forEach(function(h){var d=Re(h.data),v=e[dr(d[2][0].data)][0],p=$e(v.meta[1][0].data);if(p!=6002)throw new Error("6001 unexpected reference to ".concat(p));var u=$g(e,v);u.data.forEach(function(m,T){m.forEach(function(A,_){var F=me({r:l+T,c:_}),D=Xg(A,f,c);D&&(r[F]=D)})}),l+=u.nrows})}function Yg(e,t){var r=Re(t.data),a={"!ref":"A1"},n=e[dr(r[2][0].data)],i=$e(n[0].meta[1][0].data);if(i!=6001)throw new Error("6000 unexpected reference to ".concat(i));return Kg(e,n[0],a),a}function jg(e,t){var r,a=Re(t.data),n={name:(r=a[1])!=null&&r[0]?ei(a[1][0].data):"",sheets:[]},i=Li(a[2],dr);return i.forEach(function(s){e[s].forEach(function(f){var c=$e(f.meta[1][0].data);c==6e3&&n.sheets.push(Yg(e,f))})}),n}function Jg(e,t){var r=Wi(),a=Re(t.data),n=Li(a[1],dr);if(n.forEach(function(i){e[i].forEach(function(s){var f=$e(s.meta[1][0].data);if(f==2){var c=jg(e,s);c.sheets.forEach(function(o,l){Hi(r,o,l==0?c.name:c.name+"_"+l,!0)})}})}),r.SheetNames.length==0)throw new Error("Empty NUMBERS file");return r}function Vn(e){var t,r,a,n,i={},s=[];if(e.FullPaths.forEach(function(c){if(c.match(/\.iwpv2/))throw new Error("Unsupported password protection")}),e.FileIndex.forEach(function(c){if(c.name.match(/\.iwa$/)){var o;try{o=Br(c.content)}catch{return}var l;try{l=Mr(o)}catch{return}l.forEach(function(h){i[h.id]=h.messages,s.push(h.id)})}}),!s.length)throw new Error("File has no messages");var f=((n=(a=(r=(t=i==null?void 0:i[1])==null?void 0:t[0])==null?void 0:r.meta)==null?void 0:a[1])==null?void 0:n[0].data)&&$e(i[1][0].meta[1][0].data)==1&&i[1][0];if(f||s.forEach(function(c){i[c].forEach(function(o){var l=$e(o.meta[1][0].data)>>>0;if(l==1)if(!f)f=o;else throw new Error("Document has multiple roots")})}),!f)throw new Error("Cannot find Document root");return Jg(i,f)}function Zg(e,t,r){var a,n,i,s;if(!((a=e[6])!=null&&a[0])||!((n=e[7])!=null&&n[0]))throw"Mutation only works on post-BNC storages!";var f=((s=(i=e[8])==null?void 0:i[0])==null?void 0:s.data)&&$e(e[8][0].data)>0||!1;if(f)throw"Math only works with normal offsets";for(var c=0,o=Ut(e[7][0].data),l=0,h=[],d=Ut(e[4][0].data),v=0,p=[],u=0;u<t.length;++u){if(t[u]==null){o.setUint16(u*2,65535,!0),d.setUint16(u*2,65535);continue}o.setUint16(u*2,l,!0),d.setUint16(u*2,v,!0);var m,T;switch(typeof t[u]){case"string":m=Wn({t:"s",v:t[u]},r),T=Hn({t:"s",v:t[u]},r);break;case"number":m=Wn({t:"n",v:t[u]},r),T=Hn({t:"n",v:t[u]},r);break;case"boolean":m=Wn({t:"b",v:t[u]},r),T=Hn({t:"b",v:t[u]},r);break;default:throw new Error("Unsupported value "+t[u])}h.push(m),l+=m.length,p.push(T),v+=T.length,++c}for(e[2][0].data=Ne(c);u<e[7][0].data.length/2;++u)o.setUint16(u*2,65535,!0),d.setUint16(u*2,65535,!0);return e[6][0].data=Et(h),e[3][0].data=Et(p),c}function qg(e,t){if(!t||!t.numbers)throw new Error("Must pass a `numbers` option -- check the README");var r=e.Sheets[e.SheetNames[0]];e.SheetNames.length>1;var a=Ar(r["!ref"]);a.s.r=a.s.c=0;var n=!1;a.e.c>9&&(n=!0,a.e.c=9),a.e.r>49&&(n=!0,a.e.r=49);var i=_n(r,{range:a,header:1}),s=["~Sh33tJ5~"];i.forEach(function(L){return L.forEach(function(I){typeof I=="string"&&s.push(I)})});var f={},c=[],o=de.read(t.numbers,{type:"base64"});o.FileIndex?.map(function(L,I){return[L,o.FullPaths[I]]}).forEach(function(L){var I=L[0],N=L[1];if(I.type==2&&I.name.match(/\.iwa/)){var Y=I.content,re=Br(Y),te=Mr(re);te.forEach(function(q){c.push(q.id),f[q.id]={deps:[],location:N,type:$e(q.messages[0].meta[1][0].data)}})}}),c.sort(function(L,I){return L-I});var l=c.filter(function(L){return L>1})?.map(function(L){return[L,Ne(L)]});o.FileIndex?.map(function(L,I){return[L,o.FullPaths[I]]}).forEach(function(L){var I=L[0];if(L[1],!!I.name.match(/\.iwa/)){var N=Mr(Br(I.content));N.forEach(function(Y){Y.messages.forEach(function(re){l.forEach(function(te){Y.messages?.some(function(q){return $e(q.meta[1][0].data)!=11006&&Bg(q.data,te[1])})&&f[te[0]].deps.push(Y.id)})})})}});for(var h=de.find(o,f[1].location),d=Mr(Br(h.content)),v,p=0;p<d.length;++p){var u=d[p];u.id==1&&(v=u)}var m=dr(Re(v.messages[0].data)[1][0].data);for(h=de.find(o,f[m].location),d=Mr(Br(h.content)),p=0;p<d.length;++p)u=d[p],u.id==m&&(v=u);for(m=dr(Re(v.messages[0].data)[2][0].data),h=de.find(o,f[m].location),d=Mr(Br(h.content)),p=0;p<d.length;++p)u=d[p],u.id==m&&(v=u);for(m=dr(Re(v.messages[0].data)[2][0].data),h=de.find(o,f[m].location),d=Mr(Br(h.content)),p=0;p<d.length;++p)u=d[p],u.id==m&&(v=u);var T=Re(v.messages[0].data);{T[6][0].data=Ne(a.e.r+1),T[7][0].data=Ne(a.e.c+1);var A=dr(T[46][0].data),_=de.find(o,f[A].location),F=Mr(Br(_.content));{for(var D=0;D<F.length&&F[D].id!=A;++D);if(F[D].id!=A)throw"Bad ColumnRowUIDMapArchive";var P=Re(F[D].messages[0].data);P[1]=[],P[2]=[],P[3]=[];for(var x=0;x<=a.e.c;++x){var M=[];M[1]=M[2]=[{type:0,data:Ne(x+420690)}],P[1].push({type:2,data:cr(M)}),P[2].push({type:0,data:Ne(x)}),P[3].push({type:0,data:Ne(x)})}P[4]=[],P[5]=[],P[6]=[];for(var R=0;R<=a.e.r;++R)M=[],M[1]=M[2]=[{type:0,data:Ne(R+726270)}],P[4].push({type:2,data:cr(M)}),P[5].push({type:0,data:Ne(R)}),P[6].push({type:0,data:Ne(R)});F[D].messages[0].data=cr(P)}_.content=Yt(Kt(F)),_.size=_.content.length,delete T[46];var z=Re(T[4][0].data);{z[7][0].data=Ne(a.e.r+1);var G=Re(z[1][0].data),b=dr(G[2][0].data);_=de.find(o,f[b].location),F=Mr(Br(_.content));{if(F[0].id!=b)throw"Bad HeaderStorageBucket";var J=Re(F[0].messages[0].data);for(R=0;R<i.length;++R){var le=Re(J[2][0].data);le[1][0].data=Ne(R),le[4][0].data=Ne(i[R].length),J[2][R]={type:J[2][0].type,data:cr(le)}}F[0].messages[0].data=cr(J)}_.content=Yt(Kt(F)),_.size=_.content.length;var ie=dr(z[2][0].data);_=de.find(o,f[ie].location),F=Mr(Br(_.content));{if(F[0].id!=ie)throw"Bad HeaderStorageBucket";for(J=Re(F[0].messages[0].data),x=0;x<=a.e.c;++x)le=Re(J[2][0].data),le[1][0].data=Ne(x),le[4][0].data=Ne(a.e.r+1),J[2][x]={type:J[2][0].type,data:cr(le)};F[0].messages[0].data=cr(J)}_.content=Yt(Kt(F)),_.size=_.content.length;var ue=dr(z[4][0].data);(function(){for(var L=de.find(o,f[ue].location),I=Mr(Br(L.content)),N,Y=0;Y<I.length;++Y){var re=I[Y];re.id==ue&&(N=re)}var te=Re(N.messages[0].data);{te[3]=[];var q=[];s.forEach(function(C,Me){q[1]=[{type:0,data:Ne(Me)}],q[2]=[{type:0,data:Ne(1)}],q[3]=[{type:2,data:Mg(C)}],te[3].push({type:2,data:cr(q)})})}N.messages[0].data=cr(te);var Q=Kt(I),Ee=Yt(Q);L.content=Ee,L.size=L.content.length})();var ce=Re(z[3][0].data);{var De=ce[1][0];delete ce[2];var V=Re(De.data);{var ve=dr(V[2][0].data);(function(){for(var L=de.find(o,f[ve].location),I=Mr(Br(L.content)),N,Y=0;Y<I.length;++Y){var re=I[Y];re.id==ve&&(N=re)}var te=Re(N.messages[0].data);{delete te[6],delete ce[7];var q=new Uint8Array(te[5][0].data);te[5]=[];for(var Q=0,Ee=0;Ee<=a.e.r;++Ee){var C=Re(q);Q+=Zg(C,i[Ee],s),C[1][0].data=Ne(Ee),te[5].push({data:cr(C),type:2})}te[1]=[{type:0,data:Ne(a.e.c+1)}],te[2]=[{type:0,data:Ne(a.e.r+1)}],te[3]=[{type:0,data:Ne(Q)}],te[4]=[{type:0,data:Ne(a.e.r+1)}]}N.messages[0].data=cr(te);var Me=Kt(I),Ce=Yt(Me);L.content=Ce,L.size=L.content.length})()}De.data=cr(V)}z[3][0].data=cr(ce)}T[4][0].data=cr(z)}v.messages[0].data=cr(T);var _e=Kt(d),O=Yt(_e);return h.content=O,h.size=h.content.length,o}function io(e){return function(r){for(var a=0;a!=e.length;++a){var n=e[a];r[n[0]]===void 0&&(r[n[0]]=n[1]),n[2]==="n"&&(r[n[0]]=Number(r[n[0]]))}}}function bi(e){io([["cellNF",!1],["cellHTML",!0],["cellFormula",!0],["cellStyles",!1],["cellText",!0],["cellDates",!1],["sheetStubs",!1],["sheetRows",0,"n"],["bookDeps",!1],["bookSheets",!1],["bookProps",!1],["bookFiles",!1],["bookVBA",!1],["password",""],["WTF",!1]])(e)}function Mi(e){io([["cellDates",!1],["bookSST",!1],["bookType","xlsx"],["compression",!1],["WTF",!1]])(e)}function Qg(e){return xe.WS.indexOf(e)>-1?"sheet":e==xe.CS?"chart":e==xe.DS?"dialog":e==xe.MS?"macro":e&&e.length?e:"sheet"}function e_(e,t){if(!e)return 0;try{e=t?.map(function(a){return a.id||(a.id=a.strRelID),[a.name,e["!id"][a.id].Target,Qg(e["!id"][a.id].Type)]})}catch{return null}return!e||e.length===0?null:e}function r_(e,t,r,a,n,i,s,f,c,o,l,h){try{i[a]=ka(Nr(e,r,!0),t);var d=er(e,t),v;switch(f){case"sheet":v=Sm(d,t,n,c,i[a],o,l,h);break;case"chart":if(v=ym(d,t,n,c,i[a],o,l,h),!v||!v["!drawel"])break;var p=ma(v["!drawel"].Target,t),u=Na(p),m=l2(Nr(e,p,!0),ka(Nr(e,u,!0),p)),T=ma(m,p),A=Na(T);v=Zp(Nr(e,T,!0),T,c,ka(Nr(e,A,!0),T),o,v);break;case"macro":v=xm(d,t,n,c,i[a],o,l,h);break;case"dialog":v=Am(d,t,n,c,i[a],o,l,h);break;default:throw new Error("Unrecognized sheet type "+f)}s[a]=v;var _=[];i&&i[a]&&Ke(i[a]).forEach(function(F){var D="";if(i[a][F].Type==xe.CMNT){D=ma(i[a][F].Target,t);var P=Rm(er(e,D,!0),D,c);if(!P||!P.length)return;Bs(v,P,!1)}i[a][F].Type==xe.TCMNT&&(D=ma(i[a][F].Target,t),_=_.concat(u2(er(e,D,!0),c)))}),_&&_.length&&Bs(v,_,!0,c.people||[])}catch(F){if(c.WTF)throw F}}function Lr(e){return e.charAt(0)=="/"?e.slice(1):e}function t_(e,t){if(ia(),t=t||{},bi(t),Ur(e,"META-INF/manifest.xml")||Ur(e,"objectdata.xml"))return js(e,t);if(Ur(e,"Index/Document.iwa")){if(typeof Uint8Array>"u")throw new Error("NUMBERS file parsing requires Uint8Array support");if(typeof Vn<"u"){if(e.FileIndex)return Vn(e);var r=de.utils.cfb_new();return is(e).forEach(function(le){ke(r,le,dl(e,le))}),Vn(r)}throw new Error("Unsupported NUMBERS file")}if(!Ur(e,"[Content_Types].xml"))throw Ur(e,"index.xml.gz")?new Error("Unsupported NUMBERS 08 file"):Ur(e,"index.xml")?new Error("Unsupported NUMBERS 09 file"):new Error("Unsupported ZIP file");var a=is(e),n=s1(Nr(e,"[Content_Types].xml")),i=!1,s,f;if(n.workbooks.length===0&&(f="xl/workbook.xml",er(e,f,!0)&&n.workbooks.push(f)),n.workbooks.length===0){if(f="xl/workbook.bin",!er(e,f,!0))throw new Error("Could not find workbook");n.workbooks.push(f),i=!0}n.workbooks[0].slice(-3)=="bin"&&(i=!0);var c={},o={};if(!t.bookSheets&&!t.bookProps){if(Ta=[],n.sst)try{Ta=Im(er(e,Lr(n.sst)),n.sst,t)}catch(le){if(t.WTF)throw le}t.cellStyles&&n.themes.length&&(c=Om(Nr(e,n.themes[0].replace(/^\//,""),!0)||"",n.themes[0],t)),n.style&&(o=Cm(er(e,Lr(n.style)),n.style,c,t))}n.links?.map(function(le){try{var ie=ka(Nr(e,Na(Lr(le))),le);return Fm(er(e,Lr(le)),ie,le,t)}catch{}});var l=Em(er(e,Lr(n.workbooks[0])),n.workbooks[0],t),h={},d="";n.coreprops.length&&(d=er(e,Lr(n.coreprops[0]),!0),d&&(h=Kf(d)),n.extprops.length!==0&&(d=er(e,Lr(n.extprops[0]),!0),d&&d1(d,h,t)));var v={};(!t.bookSheets||t.bookProps)&&n.custprops.length!==0&&(d=Nr(e,Lr(n.custprops[0]),!0),d&&(v=p1(d,t)));var p={};if((t.bookSheets||t.bookProps)&&(l.Sheets?s=l.Sheets?.map(function(ie){return ie.name}):h.Worksheets&&h.SheetNames.length>0&&(s=h.SheetNames),t.bookProps&&(p.Props=h,p.Custprops=v),t.bookSheets&&typeof s<"u"&&(p.SheetNames=s),t.bookSheets?p.SheetNames:t.bookProps))return p;s={};var u={};t.bookDeps&&n.calcchain&&(u=Nm(er(e,Lr(n.calcchain)),n.calcchain));var m=0,T={},A,_;{var F=l.Sheets;h.Worksheets=F.length,h.SheetNames=[];for(var D=0;D!=F.length;++D)h.SheetNames[D]=F[D].name}var P=i?"bin":"xml",x=n.workbooks[0].lastIndexOf("/"),M=(n.workbooks[0].slice(0,x+1)+"_rels/"+n.workbooks[0].slice(x+1)+".rels").replace(/^\//,"");Ur(e,M)||(M="xl/_rels/workbook."+P+".rels");var R=ka(Nr(e,M,!0),M.replace(/_rels.*/,"s5s"));(n.metadata||[]).length>=1&&(t.xlmeta=Pm(er(e,Lr(n.metadata[0])),n.metadata[0],t)),(n.people||[]).length>=1&&(t.people=v2(er(e,Lr(n.people[0])),t)),R&&(R=e_(R,l.Sheets));var z=er(e,"xl/worksheets/sheet.xml",!0)?1:0;e:for(m=0;m!=h.Worksheets;++m){var G="sheet";if(R&&R[m]?(A="xl/"+R[m][1].replace(/[\/]?xl\//,""),Ur(e,A)||(A=R[m][1]),Ur(e,A)||(A=M.replace(/_rels\/.*$/,"")+R[m][1]),G=R[m][2]):(A="xl/worksheets/sheet"+(m+1-z)+"."+P,A=A.replace(/sheet0\./,"sheet.")),_=A.replace(/^(.*)(\/)([^\/]*)$/,"$1/_rels/$3.rels"),t&&t.sheets!=null)switch(typeof t.sheets){case"number":if(m!=t.sheets)continue e;break;case"string":if(h.SheetNames[m].toLowerCase()!=t.sheets.toLowerCase())continue e;break;default:if(Array.isArray&&Array.isArray(t.sheets)){for(var b=!1,J=0;J!=t.sheets.length;++J)typeof t.sheets[J]=="number"&&t.sheets[J]==m&&(b=1),typeof t.sheets[J]=="string"&&t.sheets[J].toLowerCase()==h.SheetNames[m].toLowerCase()&&(b=1);if(!b)continue e}}r_(e,A,_,h.SheetNames[m],m,T,s,G,t,l,c,o)}return p={Directory:n,Workbook:l,Props:h,Custprops:v,Deps:u,Sheets:s,SheetNames:h.SheetNames,Strings:Ta,Styles:o,Themes:c,SSF:We(pe)},t&&t.bookFiles&&(e.files?(p.keys=a,p.files=e.files):(p.keys=[],p.files={},e.FullPaths.forEach(function(le,ie){le=le.replace(/^Root Entry[\/]/,""),p.keys.push(le),p.files[le]=e.FileIndex[ie]}))),t&&t.bookVBA&&(n.vba.length>0?p.vbaraw=er(e,Lr(n.vba[0]),!0):n.defaults&&n.defaults.bin===E2&&(p.vbaraw=er(e,"xl/vbaProject.bin",!0))),p}function a_(e,t){var r=t||{},a="Workbook",n=de.find(e,a);try{if(a="/!DataSpaces/Version",n=de.find(e,a),!n||!n.content)throw new Error("ECMA-376 Encrypted file missing "+a);if(Pu(n.content),a="/!DataSpaces/DataSpaceMap",n=de.find(e,a),!n||!n.content)throw new Error("ECMA-376 Encrypted file missing "+a);var i=Lu(n.content);if(i.length!==1||i[0].comps.length!==1||i[0].comps[0].t!==0||i[0].name!=="StrongEncryptionDataSpace"||i[0].comps[0].v!=="EncryptedPackage")throw new Error("ECMA-376 Encrypted file bad "+a);if(a="/!DataSpaces/DataSpaceInfo/StrongEncryptionDataSpace",n=de.find(e,a),!n||!n.content)throw new Error("ECMA-376 Encrypted file missing "+a);var s=bu(n.content);if(s.length!=1||s[0]!="StrongEncryptionTransform")throw new Error("ECMA-376 Encrypted file bad "+a);if(a="/!DataSpaces/TransformInfo/StrongEncryptionTransform/!Primary",n=de.find(e,a),!n||!n.content)throw new Error("ECMA-376 Encrypted file missing "+a);Bu(n.content)}catch{}if(a="/EncryptionInfo",n=de.find(e,a),!n||!n.content)throw new Error("ECMA-376 Encrypted file missing "+a);var f=Uu(n.content);if(a="/EncryptedPackage",n=de.find(e,a),!n||!n.content)throw new Error("ECMA-376 Encrypted file missing "+a);if(f[0]==4&&typeof decrypt_agile<"u")return decrypt_agile(f[1],n.content,r.password||"",r);if(f[0]==2&&typeof decrypt_std76<"u")return decrypt_std76(f[1],n.content,r.password||"",r);throw new Error("File is password-protected")}function n_(e,t){return t.bookType=="ods"?no(e,t):t.bookType=="numbers"?qg(e,t):t.bookType=="xlsb"?i_(e,t):s_(e,t)}function i_(e,t){Jt=1024,e&&!e.SSF&&(e.SSF=We(pe)),e&&e.SSF&&(ia(),kn(e.SSF),t.revssf=En(e.SSF),t.revssf[e.SSF[65535]]=0,t.ssf=e.SSF),t.rels={},t.wbrels={},t.Strings=[],t.Strings.Count=0,t.Strings.Unique=0,Ea?t.revStrings=new Map:(t.revStrings={},t.revStrings.foo=[],delete t.revStrings.foo);var r=t.bookType=="xlsb"?"bin":"xml",a=Fc.indexOf(t.bookType)>-1,n=Ei();Mi(t=t||{});var i=ci(),s="",f=0;if(t.cellXfs=[],xt(t.cellXfs,{},{revssf:{General:0}}),e.Props||(e.Props={}),s="docProps/core.xml",ke(i,s,Yf(e.Props,t)),n.coreprops.push(s),Fe(t.rels,2,s,xe.CORE_PROPS),s="docProps/app.xml",!(e.Props&&e.Props.SheetNames))if(!e.Workbook||!e.Workbook.Sheets)e.Props.SheetNames=e.SheetNames;else{for(var c=[],o=0;o<e.SheetNames.length;++o)(e.Workbook.Sheets[o]||{}).Hidden!=2&&c.push(e.SheetNames[o]);e.Props.SheetNames=c}for(e.Props.Worksheets=e.Props.SheetNames.length,ke(i,s,Zf(e.Props)),n.extprops.push(s),Fe(t.rels,3,s,xe.EXT_PROPS),e.Custprops!==e.Props&&Ke(e.Custprops||{}).length>0&&(s="docProps/custom.xml",ke(i,s,qf(e.Custprops)),n.custprops.push(s),Fe(t.rels,4,s,xe.CUST_PROPS)),f=1;f<=e.SheetNames.length;++f){var l={"!id":{}},h=e.Sheets[e.SheetNames[f-1]],d=(h||{})["!type"]||"sheet";switch(d){case"chart":default:s="xl/worksheets/sheet"+f+"."+r,ke(i,s,Lm(f-1,s,t,e,l)),n.sheets.push(s),Fe(t.wbrels,-1,"worksheets/sheet"+f+"."+r,xe.WS[0])}if(h){var v=h["!comments"],p=!1,u="";v&&v.length>0&&(u="xl/comments"+f+"."+r,ke(i,u,Bm(v,u)),n.comments.push(u),Fe(l,-1,"../comments"+f+"."+r,xe.CMNT),p=!0),h["!legacy"]&&p&&ke(i,"xl/drawings/vmlDrawing"+f+".vml",Rc(f,h["!comments"])),delete h["!comments"],delete h["!legacy"]}l["!id"].rId1&&ke(i,Na(s),qt(l))}return t.Strings!=null&&t.Strings.length>0&&(s="xl/sharedStrings."+r,ke(i,s,Mm(t.Strings,s,t)),n.strs.push(s),Fe(t.wbrels,-1,"sharedStrings."+r,xe.SST)),s="xl/workbook."+r,ke(i,s,Dm(e,s)),n.workbooks.push(s),Fe(t.rels,1,s,xe.WB),s="xl/theme/theme1.xml",ke(i,s,Oi(e.Themes,t)),n.themes.push(s),Fe(t.wbrels,-1,"theme/theme1.xml",xe.THEME),s="xl/styles."+r,ke(i,s,bm(e,s,t)),n.styles.push(s),Fe(t.wbrels,-1,"styles."+r,xe.STY),e.vbaraw&&a&&(s="xl/vbaProject.bin",ke(i,s,e.vbaraw),n.vba.push(s),Fe(t.wbrels,-1,"vbaProject.bin",xe.VBA)),s="xl/metadata."+r,ke(i,s,Um(s)),n.metadata.push(s),Fe(t.wbrels,-1,"metadata."+r,xe.XLMETA),ke(i,"[Content_Types].xml",zf(n,t)),ke(i,"_rels/.rels",qt(t.rels)),ke(i,"xl/_rels/workbook."+r+".rels",qt(t.wbrels)),delete t.revssf,delete t.ssf,i}function s_(e,t){Jt=1024,e&&!e.SSF&&(e.SSF=We(pe)),e&&e.SSF&&(ia(),kn(e.SSF),t.revssf=En(e.SSF),t.revssf[e.SSF[65535]]=0,t.ssf=e.SSF),t.rels={},t.wbrels={},t.Strings=[],t.Strings.Count=0,t.Strings.Unique=0,Ea?t.revStrings=new Map:(t.revStrings={},t.revStrings.foo=[],delete t.revStrings.foo);var r="xml",a=Fc.indexOf(t.bookType)>-1,n=Ei();Mi(t=t||{});var i=ci(),s="",f=0;if(t.cellXfs=[],xt(t.cellXfs,{},{revssf:{General:0}}),e.Props||(e.Props={}),s="docProps/core.xml",ke(i,s,Yf(e.Props,t)),n.coreprops.push(s),Fe(t.rels,2,s,xe.CORE_PROPS),s="docProps/app.xml",!(e.Props&&e.Props.SheetNames))if(!e.Workbook||!e.Workbook.Sheets)e.Props.SheetNames=e.SheetNames;else{for(var c=[],o=0;o<e.SheetNames.length;++o)(e.Workbook.Sheets[o]||{}).Hidden!=2&&c.push(e.SheetNames[o]);e.Props.SheetNames=c}e.Props.Worksheets=e.Props.SheetNames.length,ke(i,s,Zf(e.Props)),n.extprops.push(s),Fe(t.rels,3,s,xe.EXT_PROPS),e.Custprops!==e.Props&&Ke(e.Custprops||{}).length>0&&(s="docProps/custom.xml",ke(i,s,qf(e.Custprops)),n.custprops.push(s),Fe(t.rels,4,s,xe.CUST_PROPS));var l=["SheetJ5"];for(t.tcid=0,f=1;f<=e.SheetNames.length;++f){var h={"!id":{}},d=e.Sheets[e.SheetNames[f-1]],v=(d||{})["!type"]||"sheet";switch(v){case"chart":default:s="xl/worksheets/sheet"+f+"."+r,ke(i,s,Gc(f-1,t,e,h)),n.sheets.push(s),Fe(t.wbrels,-1,"worksheets/sheet"+f+"."+r,xe.WS[0])}if(d){var p=d["!comments"],u=!1,m="";if(p&&p.length>0){var T=!1;p.forEach(function(A){A[1].forEach(function(_){_.T==!0&&(T=!0)})}),T&&(m="xl/threadedComments/threadedComment"+f+"."+r,ke(i,m,d2(p,l,t)),n.threadedcomments.push(m),Fe(h,-1,"../threadedComments/threadedComment"+f+"."+r,xe.TCMNT)),m="xl/comments"+f+"."+r,ke(i,m,Nc(p)),n.comments.push(m),Fe(h,-1,"../comments"+f+"."+r,xe.CMNT),u=!0}d["!legacy"]&&u&&ke(i,"xl/drawings/vmlDrawing"+f+".vml",Rc(f,d["!comments"])),delete d["!comments"],delete d["!legacy"]}h["!id"].rId1&&ke(i,Na(s),qt(h))}return t.Strings!=null&&t.Strings.length>0&&(s="xl/sharedStrings."+r,ke(i,s,_c(t.Strings,t)),n.strs.push(s),Fe(t.wbrels,-1,"sharedStrings."+r,xe.SST)),s="xl/workbook."+r,ke(i,s,Yc(e)),n.workbooks.push(s),Fe(t.rels,1,s,xe.WB),s="xl/theme/theme1.xml",ke(i,s,Oi(e.Themes,t)),n.themes.push(s),Fe(t.wbrels,-1,"theme/theme1.xml",xe.THEME),s="xl/styles."+r,ke(i,s,Ac(e,t)),n.styles.push(s),Fe(t.wbrels,-1,"styles."+r,xe.STY),e.vbaraw&&a&&(s="xl/vbaProject.bin",ke(i,s,e.vbaraw),n.vba.push(s),Fe(t.wbrels,-1,"vbaProject.bin",xe.VBA)),s="xl/metadata."+r,ke(i,s,Ic()),n.metadata.push(s),Fe(t.wbrels,-1,"metadata."+r,xe.XLMETA),l.length>1&&(s="xl/persons/person.xml",ke(i,s,p2(l)),n.people.push(s),Fe(t.wbrels,-1,"persons/person.xml",xe.PEOPLE)),ke(i,"[Content_Types].xml",zf(n,t)),ke(i,"_rels/.rels",qt(t.rels)),ke(i,"xl/_rels/workbook."+r+".rels",qt(t.wbrels)),delete t.revssf,delete t.ssf,i}function Bi(e,t){var r="";switch((t||{}).type||"base64"){case"buffer":return[e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7]];case"base64":r=Fr(e.slice(0,12));break;case"binary":r=e;break;case"array":return[e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7]];default:throw new Error("Unrecognized type "+(t&&t.type||"undefined"))}return[r.charCodeAt(0),r.charCodeAt(1),r.charCodeAt(2),r.charCodeAt(3),r.charCodeAt(4),r.charCodeAt(5),r.charCodeAt(6),r.charCodeAt(7)]}function f_(e,t){return de.find(e,"EncryptedPackage")?a_(e,t):qc(e,t)}function c_(e,t){var r,a=e,n=t||{};return n.type||(n.type=Se&&Buffer.isBuffer(e)?"buffer":"base64"),r=kf(a,n),t_(r,n)}function so(e,t){var r=0;e:for(;r<e.length;)switch(e.charCodeAt(r)){case 10:case 13:case 32:++r;break;case 60:return qn(e.slice(r),t);default:break e}return ta.to_workbook(e,t)}function o_(e,t){var r="",a=Bi(e,t);switch(t.type){case"base64":r=Fr(e);break;case"binary":r=e;break;case"buffer":r=e.toString("binary");break;case"array":r=Lt(e);break;default:throw new Error("Unrecognized type "+t.type)}return a[0]==239&&a[1]==187&&a[2]==191&&(r=Le(r)),t.type="binary",so(r,t)}function l_(e,t){var r=e;return t.type=="base64"&&(r=Fr(r)),r=xa.utils.decode(1200,r.slice(2),"str"),t.type="binary",so(r,t)}function h_(e){return e.match(/[^\x00-\x7F]/)?et(e):e}function Gn(e,t,r,a){return a?(r.type="string",ta.to_workbook(e,r)):ta.to_workbook(t,r)}function ef(e,t){ai();var r=t||{};if(typeof ArrayBuffer<"u"&&e instanceof ArrayBuffer)return ef(new Uint8Array(e),(r=We(r),r.type="array",r));typeof Uint8Array<"u"&&e instanceof Uint8Array&&!r.type&&(r.type=typeof Deno<"u"?"buffer":"array");var a=e,n=[0,0,0,0],i=!1;if(r.cellStyles&&(r.cellNF=!0,r.sheetStubs=!0),ea={},r.dateNF&&(ea.dateNF=r.dateNF),r.type||(r.type=Se&&Buffer.isBuffer(e)?"buffer":"base64"),r.type=="file"&&(r.type=Se?"buffer":"binary",a=il(e),typeof Uint8Array<"u"&&!Se&&(r.type="array")),r.type=="string"&&(i=!0,r.type="binary",r.codepage=65001,a=h_(e)),r.type=="array"&&typeof Uint8Array<"u"&&e instanceof Uint8Array&&typeof ArrayBuffer<"u"){var s=new ArrayBuffer(3),f=new Uint8Array(s);if(f.foo="bar",!f.foo)return r=We(r),r.type="array",ef(ni(a),r)}switch((n=Bi(a,r))[0]){case 208:if(n[1]===207&&n[2]===17&&n[3]===224&&n[4]===161&&n[5]===177&&n[6]===26&&n[7]===225)return f_(de.read(a,r),r);break;case 9:if(n[1]<=8)return qc(a,r);break;case 60:return qn(a,r);case 73:if(n[1]===73&&n[2]===42&&n[3]===0)throw new Error("TIFF Image File is not a spreadsheet");if(n[1]===68)return mu(a,r);break;case 84:if(n[1]===65&&n[2]===66&&n[3]===76)return mc.to_workbook(a,r);break;case 80:return n[1]===75&&n[2]<9&&n[3]<9?c_(a,r):Gn(e,a,r,i);case 239:return n[3]===60?qn(a,r):Gn(e,a,r,i);case 255:if(n[1]===254)return l_(a,r);if(n[1]===0&&n[2]===2&&n[3]===0)return Ft.to_workbook(a,r);break;case 0:if(n[1]===0&&(n[2]>=2&&n[3]===0||n[2]===0&&(n[3]===8||n[3]===9)))return Ft.to_workbook(a,r);break;case 3:case 131:case 139:case 140:return Zn.to_workbook(a,r);case 123:if(n[1]===92&&n[2]===114&&n[3]===116)return Sc.to_workbook(a,r);break;case 10:case 13:case 32:return o_(a,r);case 137:if(n[1]===80&&n[2]===78&&n[3]===71)throw new Error("PNG Image File is not a spreadsheet");break}return pu.indexOf(n[0])>-1&&n[2]<=12&&n[3]<=31?Zn.to_workbook(a,r):Gn(e,a,r,i)}function fo(e,t){switch(t.type){case"base64":case"binary":break;case"buffer":case"array":t.type="";break;case"file":return Ua(t.file,de.write(e,{type:Se?"buffer":""}));case"string":throw new Error("'string' output type invalid for '"+t.bookType+"' files");default:throw new Error("Unrecognized type "+t.type)}return de.write(e,t)}function u_(e,t){var r=We(t||{}),a=n_(e,r);return d_(a,r)}function d_(e,t){var r={},a=Se?"nodebuffer":typeof Uint8Array<"u"?"array":"string";if(t.compression&&(r.compression="DEFLATE"),t.password)r.type=a;else switch(t.type){case"base64":r.type="base64";break;case"binary":r.type="string";break;case"string":throw new Error("'string' output type invalid for '"+t.bookType+"' files");case"buffer":case"file":r.type=a;break;default:throw new Error("Unrecognized type "+t.type)}var n=e.FullPaths?de.write(e,{fileType:"zip",type:{nodebuffer:"buffer",string:"binary"}[r.type]||r.type,compression:!!t.compression}):e.generate(r);if(typeof Deno<"u"&&typeof n=="string"){if(t.type=="binary"||t.type=="base64")return n;n=new Uint8Array(wn(n))}return t.password&&typeof encrypt_agile<"u"?fo(encrypt_agile(n,t.password),t):t.type==="file"?Ua(t.file,n):t.type=="string"?Le(n):n}function v_(e,t){var r=t||{},a=hg(e,r);return fo(a,r)}function Qr(e,t,r){r||(r="");var a=r+e;switch(t.type){case"base64":return Aa(et(a));case"binary":return et(a);case"string":return e;case"file":return Ua(t.file,a,"utf8");case"buffer":return Se?ht(a,"utf8"):typeof TextEncoder<"u"?new TextEncoder().encode(a):Qr(a,{type:"binary"}).split("")?.map(function(n){return n.charCodeAt(0)})}throw new Error("Unrecognized type "+t.type)}function p_(e,t){switch(t.type){case"base64":return Aa(e);case"binary":return e;case"string":return e;case"file":return Ua(t.file,e,"binary");case"buffer":return Se?ht(e,"binary"):e.split("")?.map(function(r){return r.charCodeAt(0)})}throw new Error("Unrecognized type "+t.type)}function nn(e,t){switch(t.type){case"string":case"base64":case"binary":for(var r="",a=0;a<e.length;++a)r+=String.fromCharCode(e[a]);return t.type=="base64"?Aa(r):t.type=="string"?Le(r):r;case"file":return Ua(t.file,e);case"buffer":return e;default:throw new Error("Unrecognized type "+t.type)}}function m_(e,t){ai(),fm(e);var r=We(t||{});if(r.cellStyles&&(r.cellNF=!0,r.sheetStubs=!0),r.type=="array"){r.type="binary";var a=m_(e,r);return r.type="array",wn(a)}var n=0;if(r.sheet&&(typeof r.sheet=="number"?n=r.sheet:n=e.SheetNames.indexOf(r.sheet),!e.SheetNames[n]))throw new Error("Sheet not found: "+r.sheet+" : "+typeof r.sheet);switch(r.bookType||"xlsb"){case"xml":case"xlml":return Qr(ng(e,r),r);case"slk":case"sylk":return Qr(pc.from_sheet(e.Sheets[e.SheetNames[n]],r),r);case"htm":case"html":return Qr(eo(e.Sheets[e.SheetNames[n]],r),r);case"txt":return p_(co(e.Sheets[e.SheetNames[n]],r),r);case"csv":return Qr(Ui(e.Sheets[e.SheetNames[n]],r),r,"\uFEFF");case"dif":return Qr(mc.from_sheet(e.Sheets[e.SheetNames[n]],r),r);case"dbf":return nn(Zn.from_sheet(e.Sheets[e.SheetNames[n]],r),r);case"prn":return Qr(ta.from_sheet(e.Sheets[e.SheetNames[n]],r),r);case"rtf":return Qr(Sc.from_sheet(e.Sheets[e.SheetNames[n]],r),r);case"eth":return Qr(gc.from_sheet(e.Sheets[e.SheetNames[n]],r),r);case"fods":return Qr(no(e,r),r);case"wk1":return nn(Ft.sheet_to_wk1(e.Sheets[e.SheetNames[n]],r),r);case"wk3":return nn(Ft.book_to_wk3(e,r),r);case"biff2":r.biff||(r.biff=2);case"biff3":r.biff||(r.biff=3);case"biff4":return r.biff||(r.biff=4),nn(Qc(e,r),r);case"biff5":r.biff||(r.biff=5);case"biff8":case"xla":case"xls":return r.biff||(r.biff=8),v_(e,r);case"xlsx":case"xlsm":case"xlam":case"xlsb":case"numbers":case"ods":return u_(e,r);default:throw new Error("Unrecognized bookType |"+r.bookType+"|")}}function g_(e,t,r,a,n,i,s,f){var c=Ze(r),o=f.defval,l=f.raw||!Object.prototype.hasOwnProperty.call(f,"raw"),h=!0,d=n===1?[]:{};if(n!==1)if(Object.defineProperty)try{Object.defineProperty(d,"__rowNum__",{value:r,enumerable:!1})}catch{d.__rowNum__=r}else d.__rowNum__=r;if(!s||e[r])for(var v=t.s.c;v<=t.e.c;++v){var p=s?e[r][v]:e[a[v]+c];if(p===void 0||p.t===void 0){if(o===void 0)continue;i[v]!=null&&(d[i[v]]=o);continue}var u=p.v;switch(p.t){case"z":if(u==null)break;continue;case"e":u=u==0?null:void 0;break;case"s":case"d":case"b":case"n":break;default:throw new Error("unrecognized type "+p.t)}if(i[v]!=null){if(u==null)if(p.t=="e"&&u===null)d[i[v]]=null;else if(o!==void 0)d[i[v]]=o;else if(l&&u===null)d[i[v]]=null;else continue;else d[i[v]]=l&&(p.t!=="n"||p.t==="n"&&f.rawNumbers!==!1)?u:lt(p,u,f);u!=null&&(h=!1)}}return{row:d,isempty:h}}function _n(e,t){if(e==null||e["!ref"]==null)return[];var r={t:"n",v:0},a=0,n=1,i=[],s=0,f="",c={s:{r:0,c:0},e:{r:0,c:0}},o=t||{},l=o.range!=null?o.range:e["!ref"];switch(o.header===1?a=1:o.header==="A"?a=2:Array.isArray(o.header)?a=3:o.header==null&&(a=0),typeof l){case"string":c=Ie(l);break;case"number":c=Ie(e["!ref"]),c.s.r=l;break;default:c=l}a>0&&(n=0);var h=Ze(c.s.r),d=[],v=[],p=0,u=0,m=Array.isArray(e),T=c.s.r,A=0,_={};m&&!e[T]&&(e[T]=[]);var F=o.skipHidden&&e["!cols"]||[],D=o.skipHidden&&e["!rows"]||[];for(A=c.s.c;A<=c.e.c;++A)if(!(F[A]||{}).hidden)switch(d[A]=Ge(A),r=m?e[T][A]:e[d[A]+h],a){case 1:i[A]=A-c.s.c;break;case 2:i[A]=d[A];break;case 3:i[A]=o.header[A-c.s.c];break;default:if(r==null&&(r={w:"__EMPTY",t:"s"}),f=s=lt(r,null,o),u=_[s]||0,!u)_[s]=1;else{do f=s+"_"+u++;while(_[f]);_[s]=u,_[f]=1}i[A]=f}for(T=c.s.r+n;T<=c.e.r;++T)if(!(D[T]||{}).hidden){var P=g_(e,c,T,d,a,i,m,o);(P.isempty===!1||(a===1?o.blankrows!==!1:o.blankrows))&&(v[p++]=P.row)}return v.length=p,v}var rf=/"/g;function __(e,t,r,a,n,i,s,f){for(var c=!0,o=[],l="",h=Ze(r),d=t.s.c;d<=t.e.c;++d)if(a[d]){var v=f.dense?(e[r]||[])[d]:e[a[d]+h];if(v==null)l="";else if(v.v!=null){c=!1,l=""+(f.rawNumbers&&v.t=="n"?v.v:lt(v,null,f));for(var p=0,u=0;p!==l.length;++p)if((u=l.charCodeAt(p))===n||u===i||u===34||f.forceQuotes){l='"'+l.replace(rf,'""')+'"';break}l=="ID"&&(l='"ID"')}else v.f!=null&&!v.F?(c=!1,l="="+v.f,l.indexOf(",")>=0&&(l='"'+l.replace(rf,'""')+'"')):l="";o.push(l)}return f.blankrows===!1&&c?null:o.join(s)}function Ui(e,t){var r=[],a=t??{};if(e==null||e["!ref"]==null)return"";var n=Ie(e["!ref"]),i=a.FS!==void 0?a.FS:",",s=i.charCodeAt(0),f=a.RS!==void 0?a.RS:`
+`,c=f.charCodeAt(0),o=new RegExp((i=="|"?"\\|":i)+"+$"),l="",h=[];a.dense=Array.isArray(e);for(var d=a.skipHidden&&e["!cols"]||[],v=a.skipHidden&&e["!rows"]||[],p=n.s.c;p<=n.e.c;++p)(d[p]||{}).hidden||(h[p]=Ge(p));for(var u=0,m=n.s.r;m<=n.e.r;++m)(v[m]||{}).hidden||(l=__(e,n,m,h,s,c,i,a),l!=null&&(a.strip&&(l=l.replace(o,"")),(l||a.blankrows!==!1)&&r.push((u++?f:"")+l)));return delete a.dense,r.join("")}function co(e,t){t||(t={}),t.FS="	",t.RS=`
+`;var r=Ui(e,t);return r}function w_(e){var t="",r,a="";if(e==null||e["!ref"]==null)return[];var n=Ie(e["!ref"]),i="",s=[],f,c=[],o=Array.isArray(e);for(f=n.s.c;f<=n.e.c;++f)s[f]=Ge(f);for(var l=n.s.r;l<=n.e.r;++l)for(i=Ze(l),f=n.s.c;f<=n.e.c;++f)if(t=s[f]+i,r=o?(e[l]||[])[f]:e[t],a="",r!==void 0){if(r.F!=null){if(t=r.F,!r.f)continue;a=r.f,t.indexOf(":")==-1&&(t=t+":"+t)}if(r.f!=null)a=r.f;else{if(r.t=="z")continue;if(r.t=="n"&&r.v!=null)a=""+r.v;else if(r.t=="b")a=r.v?"TRUE":"FALSE";else if(r.w!==void 0)a="'"+r.w;else{if(r.v===void 0)continue;r.t=="s"?a="'"+r.v:a=""+r.v}}c[c.length]=t+"="+a}return c}function oo(e,t,r){var a=r||{},n=+!a.skipHeader,i=e||{},s=0,f=0;if(i&&a.origin!=null)if(typeof a.origin=="number")s=a.origin;else{var c=typeof a.origin=="string"?Xe(a.origin):a.origin;s=c.r,f=c.c}var o,l={s:{c:0,r:0},e:{c:f,r:s+t.length-1+n}};if(i["!ref"]){var h=Ie(i["!ref"]);l.e.c=Math.max(l.e.c,h.e.c),l.e.r=Math.max(l.e.r,h.e.r),s==-1&&(s=h.e.r+1,l.e.r=s+t.length-1+n)}else s==-1&&(s=0,l.e.r=t.length-1+n);var d=a.header||[],v=0;t.forEach(function(u,m){Ke(u).forEach(function(T){(v=d.indexOf(T))==-1&&(d[v=d.length]=T);var A=u[T],_="z",F="",D=me({c:f+v,r:s+m+n});o=Ba(i,D),A&&typeof A=="object"&&!(A instanceof Date)?i[D]=A:(typeof A=="number"?_="n":typeof A=="boolean"?_="b":typeof A=="string"?_="s":A instanceof Date?(_="d",a.cellDates||(_="n",A=nr(A)),F=a.dateNF||pe[14]):A===null&&a.nullError&&(_="e",A=0),o?(o.t=_,o.v=A,delete o.w,delete o.R,F&&(o.z=F)):i[D]=o={t:_,v:A},F&&(o.z=F))})}),l.e.c=Math.max(l.e.c,f+d.length-1);var p=Ze(s);if(n)for(v=0;v<d.length;++v)i[Ge(v+f)+p]={t:"s",v:d[v]};return i["!ref"]=Te(l),i}function k_(e,t){return oo(null,e,t)}function Ba(e,t,r){if(typeof t=="string"){if(Array.isArray(e)){var a=Xe(t);return e[a.r]||(e[a.r]=[]),e[a.r][a.c]||(e[a.r][a.c]={t:"z"})}return e[t]||(e[t]={t:"z"})}return typeof t!="number"?Ba(e,me(t)):Ba(e,me({r:t,c:r||0}))}function T_(e,t){if(typeof t=="number"){if(t>=0&&e.SheetNames.length>t)return t;throw new Error("Cannot find sheet # "+t)}else if(typeof t=="string"){var r=e.SheetNames.indexOf(t);if(r>-1)return r;throw new Error("Cannot find sheet name |"+t+"|")}else throw new Error("Cannot find sheet |"+t+"|")}function Wi(){return{SheetNames:[],Sheets:{}}}function Hi(e,t,r,a){var n=1;if(!r)for(;n<=65535&&e.SheetNames.indexOf(r="Sheet"+n)!=-1;++n,r=void 0);if(!r||e.SheetNames.length>=65535)throw new Error("Too many worksheets");if(a&&e.SheetNames.indexOf(r)>=0){var i=r.match(/(^.*?)(\d+)$/);n=i&&+i[2]||0;var s=i&&i[1]||r;for(++n;n<=65535&&e.SheetNames.indexOf(r=s+n)!=-1;++n);}if(Kc(r),e.SheetNames.indexOf(r)>=0)throw new Error("Worksheet with name |"+r+"| already exists!");return e.SheetNames.push(r),e.Sheets[r]=t,r}function E_(e,t,r){e.Workbook||(e.Workbook={}),e.Workbook.Sheets||(e.Workbook.Sheets=[]);var a=T_(e,t);switch(e.Workbook.Sheets[a]||(e.Workbook.Sheets[a]={}),r){case 0:case 1:case 2:break;default:throw new Error("Bad sheet visibility setting "+r)}e.Workbook.Sheets[a].Hidden=r}function S_(e,t){return e.z=t,e}function lo(e,t,r){return t?(e.l={Target:t},r&&(e.l.Tooltip=r)):delete e.l,e}function y_(e,t,r){return lo(e,"#"+t,r)}function x_(e,t,r){e.c||(e.c=[]),e.c.push({t,a:r||"SheetJS"})}function A_(e,t,r,a){for(var n=typeof t!="string"?t:Ie(t),i=typeof t=="string"?t:Te(t),s=n.s.r;s<=n.e.r;++s)for(var f=n.s.c;f<=n.e.c;++f){var c=Ba(e,s,f);c.t="n",c.F=i,delete c.v,s==n.s.r&&f==n.s.c&&(c.f=r,a&&(c.D=!0))}return e}var C_={encode_col:Ge,encode_row:Ze,encode_cell:me,encode_range:Te,decode_col:mi,decode_row:pi,split_cell:Ml,decode_cell:Xe,decode_range:Ar,format_cell:lt,sheet_add_aoa:Bf,sheet_add_json:oo,sheet_add_dom:ro,aoa_to_sheet:sa,json_to_sheet:k_,table_to_sheet:to,table_to_book:Pg,sheet_to_csv:Ui,sheet_to_txt:co,sheet_to_json:_n,sheet_to_html:eo,sheet_to_formulae:w_,sheet_to_row_object_array:_n,sheet_get_cell:Ba,book_new:Wi,book_append_sheet:Hi,book_set_sheet_visibility:E_,cell_set_number_format:S_,cell_set_hyperlink:lo,cell_set_internal_link:y_,cell_add_comment:x_,sheet_set_array_formula:A_,consts:{SHEET_VISIBLE:0,SHEET_HIDDEN:1,SHEET_VERY_HIDDEN:2}};export{ef as r,C_ as u,m_ as w};
diff --git a/apps/edr-freight-web/backoffice/public/_um/assets/zod-Df58YiJ6.js b/apps/edr-freight-web/backoffice/public/_um/assets/zod-Df58YiJ6.js
new file mode 100644
index 000000000..b222f1b26
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/assets/zod-Df58YiJ6.js
@@ -0,0 +1 @@
+import{g as G,s as Y,a as Ce}from"./index.esm-BG4gweZJ.js";var v;(function(r){r.assertEqual=n=>{};function e(n){}r.assertIs=e;function t(n){throw new Error}r.assertNever=t,r.arrayToEnum=n=>{const a={};for(const i of n)a[i]=i;return a},r.getValidEnumValues=n=>{const a=r.objectKeys(n).filter(o=>typeof n[n[o]]!="number"),i={};for(const o of a)i[o]=n[o];return r.objectValues(i)},r.objectValues=n=>r.objectKeys(n)?.map(function(a){return n[a]}),r.objectKeys=typeof Object.keys=="function"?n=>Object.keys(n):n=>{const a=[];for(const i in n)Object.prototype.hasOwnProperty.call(n,i)&&a.push(i);return a},r.find=(n,a)=>{for(const i of n)if(a(i))return i},r.isInteger=typeof Number.isInteger=="function"?n=>Number.isInteger(n):n=>typeof n=="number"&&Number.isFinite(n)&&Math.floor(n)===n;function s(n,a=" | "){return n?.map(i=>typeof i=="string"?`'${i}'`:i).join(a)}r.joinValues=s,r.jsonStringifyReplacer=(n,a)=>typeof a=="bigint"?a.toString():a})(v||(v={}));var ie;(function(r){r.mergeShapes=(e,t)=>({...e,...t})})(ie||(ie={}));const f=v.arrayToEnum(["string","nan","number","integer","float","boolean","date","bigint","symbol","function","undefined","null","array","object","unknown","promise","void","never","map","set"]),T=r=>{switch(typeof r){case"undefined":return f.undefined;case"string":return f.string;case"number":return Number.isNaN(r)?f.nan:f.number;case"boolean":return f.boolean;case"function":return f.function;case"bigint":return f.bigint;case"symbol":return f.symbol;case"object":return Array.isArray(r)?f.array:r===null?f.null:r.then&&typeof r.then=="function"&&r.catch&&typeof r.catch=="function"?f.promise:typeof Map<"u"&&r instanceof Map?f.map:typeof Set<"u"&&r instanceof Set?f.set:typeof Date<"u"&&r instanceof Date?f.date:f.object;default:return f.unknown}},d=v.arrayToEnum(["invalid_type","invalid_literal","custom","invalid_union","invalid_union_discriminator","invalid_enum_value","unrecognized_keys","invalid_arguments","invalid_return_type","invalid_date","invalid_string","too_small","too_big","invalid_intersection_types","not_multiple_of","not_finite"]);class C extends Error{get errors(){return this.issues}constructor(e){super(),this.issues=[],this.addIssue=s=>{this.issues=[...this.issues,s]},this.addIssues=(s=[])=>{this.issues=[...this.issues,...s]};const t=new.target.prototype;Object.setPrototypeOf?Object.setPrototypeOf(this,t):this.__proto__=t,this.name="ZodError",this.issues=e}format(e){const t=e||function(a){return a.message},s={_errors:[]},n=a=>{for(const i of a.issues)if(i.code==="invalid_union")i.unionErrors?.map(n);else if(i.code==="invalid_return_type")n(i.returnTypeError);else if(i.code==="invalid_arguments")n(i.argumentsError);else if(i.path.length===0)s._errors.push(t(i));else{let o=s,c=0;for(;c<i.path.length;){const u=i.path[c];c===i.path.length-1?(o[u]=o[u]||{_errors:[]},o[u]._errors.push(t(i))):o[u]=o[u]||{_errors:[]},o=o[u],c++}}};return n(this),s}static assert(e){if(!(e instanceof C))throw new Error(`Not a ZodError: ${e}`)}toString(){return this.message}get message(){return JSON.stringify(this.issues,v.jsonStringifyReplacer,2)}get isEmpty(){return this.issues.length===0}flatten(e=t=>t.message){const t={},s=[];for(const n of this.issues)if(n.path.length>0){const a=n.path[0];t[a]=t[a]||[],t[a].push(e(n))}else s.push(e(n));return{formErrors:s,fieldErrors:t}}get formErrors(){return this.flatten()}}C.create=r=>new C(r);const Q=(r,e)=>{let t;switch(r.code){case d.invalid_type:r.received===f.undefined?t="Required":t=`Expected ${r.expected}, received ${r.received}`;break;case d.invalid_literal:t=`Invalid literal value, expected ${JSON.stringify(r.expected,v.jsonStringifyReplacer)}`;break;case d.unrecognized_keys:t=`Unrecognized key(s) in object: ${v.joinValues(r.keys,", ")}`;break;case d.invalid_union:t="Invalid input";break;case d.invalid_union_discriminator:t=`Invalid discriminator value. Expected ${v.joinValues(r.options)}`;break;case d.invalid_enum_value:t=`Invalid enum value. Expected ${v.joinValues(r.options)}, received '${r.received}'`;break;case d.invalid_arguments:t="Invalid function arguments";break;case d.invalid_return_type:t="Invalid function return type";break;case d.invalid_date:t="Invalid date";break;case d.invalid_string:typeof r.validation=="object"?"includes"in r.validation?(t=`Invalid input: must include "${r.validation.includes}"`,typeof r.validation.position=="number"&&(t=`${t} at one or more positions greater than or equal to ${r.validation.position}`)):"startsWith"in r.validation?t=`Invalid input: must start with "${r.validation.startsWith}"`:"endsWith"in r.validation?t=`Invalid input: must end with "${r.validation.endsWith}"`:v.assertNever(r.validation):r.validation!=="regex"?t=`Invalid ${r.validation}`:t="Invalid";break;case d.too_small:r.type==="array"?t=`Array must contain ${r.exact?"exactly":r.inclusive?"at least":"more than"} ${r.minimum} element(s)`:r.type==="string"?t=`String must contain ${r.exact?"exactly":r.inclusive?"at least":"over"} ${r.minimum} character(s)`:r.type==="number"?t=`Number must be ${r.exact?"exactly equal to ":r.inclusive?"greater than or equal to ":"greater than "}${r.minimum}`:r.type==="bigint"?t=`Number must be ${r.exact?"exactly equal to ":r.inclusive?"greater than or equal to ":"greater than "}${r.minimum}`:r.type==="date"?t=`Date must be ${r.exact?"exactly equal to ":r.inclusive?"greater than or equal to ":"greater than "}${new Date(Number(r.minimum))}`:t="Invalid input";break;case d.too_big:r.type==="array"?t=`Array must contain ${r.exact?"exactly":r.inclusive?"at most":"less than"} ${r.maximum} element(s)`:r.type==="string"?t=`String must contain ${r.exact?"exactly":r.inclusive?"at most":"under"} ${r.maximum} character(s)`:r.type==="number"?t=`Number must be ${r.exact?"exactly":r.inclusive?"less than or equal to":"less than"} ${r.maximum}`:r.type==="bigint"?t=`BigInt must be ${r.exact?"exactly":r.inclusive?"less than or equal to":"less than"} ${r.maximum}`:r.type==="date"?t=`Date must be ${r.exact?"exactly":r.inclusive?"smaller than or equal to":"smaller than"} ${new Date(Number(r.maximum))}`:t="Invalid input";break;case d.custom:t="Invalid input";break;case d.invalid_intersection_types:t="Intersection results could not be merged";break;case d.not_multiple_of:t=`Number must be a multiple of ${r.multipleOf}`;break;case d.not_finite:t="Number must be finite";break;default:t=e.defaultError,v.assertNever(r)}return{message:t}};let $e=Q;function Pe(){return $e}const ze=r=>{const{data:e,path:t,errorMaps:s,issueData:n}=r,a=[...t,...n.path||[]],i={...n,path:a};if(n.message!==void 0)return{...n,path:a,message:n.message};let o="";const c=s.filter(u=>!!u).slice().reverse();for(const u of c)o=u(i,{data:e,defaultError:o}).message;return{...n,path:a,message:o}};function l(r,e){const t=Pe(),s=ze({issueData:e,data:r.data,path:r.path,errorMaps:[r.common.contextualErrorMap,r.schemaErrorMap,t,t===Q?void 0:Q].filter(n=>!!n)});r.common.issues.push(s)}class k{constructor(){this.value="valid"}dirty(){this.value==="valid"&&(this.value="dirty")}abort(){this.value!=="aborted"&&(this.value="aborted")}static mergeArray(e,t){const s=[];for(const n of t){if(n.status==="aborted")return p;n.status==="dirty"&&e.dirty(),s.push(n.value)}return{status:e.value,value:s}}static async mergeObjectAsync(e,t){const s=[];for(const n of t){const a=await n.key,i=await n.value;s.push({key:a,value:i})}return k.mergeObjectSync(e,s)}static mergeObjectSync(e,t){const s={};for(const n of t){const{key:a,value:i}=n;if(a.status==="aborted"||i.status==="aborted")return p;a.status==="dirty"&&e.dirty(),i.status==="dirty"&&e.dirty(),a.value!=="__proto__"&&(typeof i.value<"u"||n.alwaysSet)&&(s[a.value]=i.value)}return{status:e.value,value:s}}}const p=Object.freeze({status:"aborted"}),z=r=>({status:"dirty",value:r}),b=r=>({status:"valid",value:r}),oe=r=>r.status==="aborted",de=r=>r.status==="dirty",R=r=>r.status==="valid",B=r=>typeof Promise<"u"&&r instanceof Promise;var h;(function(r){r.errToObj=e=>typeof e=="string"?{message:e}:e||{},r.toString=e=>typeof e=="string"?e:e==null?void 0:e.message})(h||(h={}));class A{constructor(e,t,s,n){this._cachedPath=[],this.parent=e,this.data=t,this._path=s,this._key=n}get path(){return this._cachedPath.length||(Array.isArray(this._key)?this._cachedPath.push(...this._path,...this._key):this._cachedPath.push(...this._path,this._key)),this._cachedPath}}const ce=(r,e)=>{if(R(e))return{success:!0,data:e.value};if(!r.common.issues.length)throw new Error("Validation failed but no issues detected.");return{success:!1,get error(){if(this._error)return this._error;const t=new C(r.common.issues);return this._error=t,this._error}}};function g(r){if(!r)return{};const{errorMap:e,invalid_type_error:t,required_error:s,description:n}=r;if(e&&(t||s))throw new Error(`Can't use "invalid_type_error" or "required_error" in conjunction with custom error map.`);return e?{errorMap:e,description:n}:{errorMap:(i,o)=>{const{message:c}=r;return i.code==="invalid_enum_value"?{message:c??o.defaultError}:typeof o.data>"u"?{message:c??s??o.defaultError}:i.code!=="invalid_type"?{message:o.defaultError}:{message:c??t??o.defaultError}},description:n}}class _{get description(){return this._def.description}_getType(e){return T(e.data)}_getOrReturnCtx(e,t){return t||{common:e.parent.common,data:e.data,parsedType:T(e.data),schemaErrorMap:this._def.errorMap,path:e.path,parent:e.parent}}_processInputParams(e){return{status:new k,ctx:{common:e.parent.common,data:e.data,parsedType:T(e.data),schemaErrorMap:this._def.errorMap,path:e.path,parent:e.parent}}}_parseSync(e){const t=this._parse(e);if(B(t))throw new Error("Synchronous parse encountered promise.");return t}_parseAsync(e){const t=this._parse(e);return Promise.resolve(t)}parse(e,t){const s=this.safeParse(e,t);if(s.success)return s.data;throw s.error}safeParse(e,t){const s={common:{issues:[],async:(t==null?void 0:t.async)??!1,contextualErrorMap:t==null?void 0:t.errorMap},path:(t==null?void 0:t.path)||[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:T(e)},n=this._parseSync({data:e,path:s.path,parent:s});return ce(s,n)}"~validate"(e){var s,n;const t={common:{issues:[],async:!!this["~standard"].async},path:[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:T(e)};if(!this["~standard"].async)try{const a=this._parseSync({data:e,path:[],parent:t});return R(a)?{value:a.value}:{issues:t.common.issues}}catch(a){(n=(s=a==null?void 0:a.message)==null?void 0:s.toLowerCase())!=null&&n.includes("encountered")&&(this["~standard"].async=!0),t.common={issues:[],async:!0}}return this._parseAsync({data:e,path:[],parent:t}).then(a=>R(a)?{value:a.value}:{issues:t.common.issues})}async parseAsync(e,t){const s=await this.safeParseAsync(e,t);if(s.success)return s.data;throw s.error}async safeParseAsync(e,t){const s={common:{issues:[],contextualErrorMap:t==null?void 0:t.errorMap,async:!0},path:(t==null?void 0:t.path)||[],schemaErrorMap:this._def.errorMap,parent:null,data:e,parsedType:T(e)},n=this._parse({data:e,path:s.path,parent:s}),a=await(B(n)?n:Promise.resolve(n));return ce(s,a)}refine(e,t){const s=n=>typeof t=="string"||typeof t>"u"?{message:t}:typeof t=="function"?t(n):t;return this._refinement((n,a)=>{const i=e(n),o=()=>a.addIssue({code:d.custom,...s(n)});return typeof Promise<"u"&&i instanceof Promise?i.then(c=>c?!0:(o(),!1)):i?!0:(o(),!1)})}refinement(e,t){return this._refinement((s,n)=>e(s)?!0:(n.addIssue(typeof t=="function"?t(s,n):t),!1))}_refinement(e){return new $({schema:this,typeName:y.ZodEffects,effect:{type:"refinement",refinement:e}})}superRefine(e){return this._refinement(e)}constructor(e){this.spa=this.safeParseAsync,this._def=e,this.parse=this.parse.bind(this),this.safeParse=this.safeParse.bind(this),this.parseAsync=this.parseAsync.bind(this),this.safeParseAsync=this.safeParseAsync.bind(this),this.spa=this.spa.bind(this),this.refine=this.refine.bind(this),this.refinement=this.refinement.bind(this),this.superRefine=this.superRefine.bind(this),this.optional=this.optional.bind(this),this.nullable=this.nullable.bind(this),this.nullish=this.nullish.bind(this),this.array=this.array.bind(this),this.promise=this.promise.bind(this),this.or=this.or.bind(this),this.and=this.and.bind(this),this.transform=this.transform.bind(this),this.brand=this.brand.bind(this),this.default=this.default.bind(this),this.catch=this.catch.bind(this),this.describe=this.describe.bind(this),this.pipe=this.pipe.bind(this),this.readonly=this.readonly.bind(this),this.isNullable=this.isNullable.bind(this),this.isOptional=this.isOptional.bind(this),this["~standard"]={version:1,vendor:"zod",validate:t=>this["~validate"](t)}}optional(){return N.create(this,this._def)}nullable(){return P.create(this,this._def)}nullish(){return this.nullable().optional()}array(){return w.create(this)}promise(){return J.create(this,this._def)}or(e){return W.create([this,e],this._def)}and(e){return q.create(this,e,this._def)}transform(e){return new $({...g(this._def),schema:this,typeName:y.ZodEffects,effect:{type:"transform",transform:e}})}default(e){const t=typeof e=="function"?e:()=>e;return new ee({...g(this._def),innerType:this,defaultValue:t,typeName:y.ZodDefault})}brand(){return new it({typeName:y.ZodBranded,type:this,...g(this._def)})}catch(e){const t=typeof e=="function"?e:()=>e;return new te({...g(this._def),innerType:this,catchValue:t,typeName:y.ZodCatch})}describe(e){const t=this.constructor;return new t({...this._def,description:e})}pipe(e){return ae.create(this,e)}readonly(){return re.create(this)}isOptional(){return this.safeParse(void 0).success}isNullable(){return this.safeParse(null).success}}const Ve=/^c[^\s-]{8,}$/i,Me=/^[0-9a-z]+$/,Le=/^[0-9A-HJKMNP-TV-Z]{26}$/i,De=/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i,Ue=/^[a-z0-9_-]{21}$/i,Be=/^[A-Za-z0-9-_]+\.[A-Za-z0-9-_]+\.[A-Za-z0-9-_]*$/,Fe=/^[-+]?P(?!$)(?:(?:[-+]?\d+Y)|(?:[-+]?\d+[.,]\d+Y$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:(?:[-+]?\d+W)|(?:[-+]?\d+[.,]\d+W$))?(?:(?:[-+]?\d+D)|(?:[-+]?\d+[.,]\d+D$))?(?:T(?=[\d+-])(?:(?:[-+]?\d+H)|(?:[-+]?\d+[.,]\d+H$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:[-+]?\d+(?:[.,]\d+)?S)?)??$/,We=/^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i,qe="^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";let H;const Je=/^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/,Ye=/^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\/(3[0-2]|[12]?[0-9])$/,He=/^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/,Ge=/^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/,Qe=/^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/,Xe=/^([0-9a-zA-Z-_]{4})*(([0-9a-zA-Z-_]{2}(==)?)|([0-9a-zA-Z-_]{3}(=)?))?$/,Te="((\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-((0[13578]|1[02])-(0[1-9]|[12]\\d|3[01])|(0[469]|11)-(0[1-9]|[12]\\d|30)|(02)-(0[1-9]|1\\d|2[0-8])))",Ke=new RegExp(`^${Te}$`);function Se(r){let e="[0-5]\\d";r.precision?e=`${e}\\.\\d{${r.precision}}`:r.precision==null&&(e=`${e}(\\.\\d+)?`);const t=r.precision?"+":"?";return`([01]\\d|2[0-3]):[0-5]\\d(:${e})${t}`}function et(r){return new RegExp(`^${Se(r)}$`)}function tt(r){let e=`${Te}T${Se(r)}`;const t=[];return t.push(r.local?"Z?":"Z"),r.offset&&t.push("([+-]\\d{2}:?\\d{2})"),e=`${e}(${t.join("|")})`,new RegExp(`^${e}$`)}function rt(r,e){return!!((e==="v4"||!e)&&Je.test(r)||(e==="v6"||!e)&&He.test(r))}function st(r,e){if(!Be.test(r))return!1;try{const[t]=r.split(".");if(!t)return!1;const s=t.replace(/-/g,"+").replace(/_/g,"/").padEnd(t.length+(4-t.length%4)%4,"="),n=JSON.parse(atob(s));return!(typeof n!="object"||n===null||"typ"in n&&(n==null?void 0:n.typ)!=="JWT"||!n.alg||e&&n.alg!==e)}catch{return!1}}function nt(r,e){return!!((e==="v4"||!e)&&Ye.test(r)||(e==="v6"||!e)&&Ge.test(r))}class S extends _{_parse(e){if(this._def.coerce&&(e.data=String(e.data)),this._getType(e)!==f.string){const a=this._getOrReturnCtx(e);return l(a,{code:d.invalid_type,expected:f.string,received:a.parsedType}),p}const s=new k;let n;for(const a of this._def.checks)if(a.kind==="min")e.data.length<a.value&&(n=this._getOrReturnCtx(e,n),l(n,{code:d.too_small,minimum:a.value,type:"string",inclusive:!0,exact:!1,message:a.message}),s.dirty());else if(a.kind==="max")e.data.length>a.value&&(n=this._getOrReturnCtx(e,n),l(n,{code:d.too_big,maximum:a.value,type:"string",inclusive:!0,exact:!1,message:a.message}),s.dirty());else if(a.kind==="length"){const i=e.data.length>a.value,o=e.data.length<a.value;(i||o)&&(n=this._getOrReturnCtx(e,n),i?l(n,{code:d.too_big,maximum:a.value,type:"string",inclusive:!0,exact:!0,message:a.message}):o&&l(n,{code:d.too_small,minimum:a.value,type:"string",inclusive:!0,exact:!0,message:a.message}),s.dirty())}else if(a.kind==="email")We.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"email",code:d.invalid_string,message:a.message}),s.dirty());else if(a.kind==="emoji")H||(H=new RegExp(qe,"u")),H.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"emoji",code:d.invalid_string,message:a.message}),s.dirty());else if(a.kind==="uuid")De.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"uuid",code:d.invalid_string,message:a.message}),s.dirty());else if(a.kind==="nanoid")Ue.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"nanoid",code:d.invalid_string,message:a.message}),s.dirty());else if(a.kind==="cuid")Ve.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"cuid",code:d.invalid_string,message:a.message}),s.dirty());else if(a.kind==="cuid2")Me.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"cuid2",code:d.invalid_string,message:a.message}),s.dirty());else if(a.kind==="ulid")Le.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"ulid",code:d.invalid_string,message:a.message}),s.dirty());else if(a.kind==="url")try{new URL(e.data)}catch{n=this._getOrReturnCtx(e,n),l(n,{validation:"url",code:d.invalid_string,message:a.message}),s.dirty()}else a.kind==="regex"?(a.regex.lastIndex=0,a.regex.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"regex",code:d.invalid_string,message:a.message}),s.dirty())):a.kind==="trim"?e.data=e.data.trim():a.kind==="includes"?e.data.includes(a.value,a.position)||(n=this._getOrReturnCtx(e,n),l(n,{code:d.invalid_string,validation:{includes:a.value,position:a.position},message:a.message}),s.dirty()):a.kind==="toLowerCase"?e.data=e.data.toLowerCase():a.kind==="toUpperCase"?e.data=e.data.toUpperCase():a.kind==="startsWith"?e.data.startsWith(a.value)||(n=this._getOrReturnCtx(e,n),l(n,{code:d.invalid_string,validation:{startsWith:a.value},message:a.message}),s.dirty()):a.kind==="endsWith"?e.data.endsWith(a.value)||(n=this._getOrReturnCtx(e,n),l(n,{code:d.invalid_string,validation:{endsWith:a.value},message:a.message}),s.dirty()):a.kind==="datetime"?tt(a).test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{code:d.invalid_string,validation:"datetime",message:a.message}),s.dirty()):a.kind==="date"?Ke.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{code:d.invalid_string,validation:"date",message:a.message}),s.dirty()):a.kind==="time"?et(a).test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{code:d.invalid_string,validation:"time",message:a.message}),s.dirty()):a.kind==="duration"?Fe.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"duration",code:d.invalid_string,message:a.message}),s.dirty()):a.kind==="ip"?rt(e.data,a.version)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"ip",code:d.invalid_string,message:a.message}),s.dirty()):a.kind==="jwt"?st(e.data,a.alg)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"jwt",code:d.invalid_string,message:a.message}),s.dirty()):a.kind==="cidr"?nt(e.data,a.version)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"cidr",code:d.invalid_string,message:a.message}),s.dirty()):a.kind==="base64"?Qe.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"base64",code:d.invalid_string,message:a.message}),s.dirty()):a.kind==="base64url"?Xe.test(e.data)||(n=this._getOrReturnCtx(e,n),l(n,{validation:"base64url",code:d.invalid_string,message:a.message}),s.dirty()):v.assertNever(a);return{status:s.value,value:e.data}}_regex(e,t,s){return this.refinement(n=>e.test(n),{validation:t,code:d.invalid_string,...h.errToObj(s)})}_addCheck(e){return new S({...this._def,checks:[...this._def.checks,e]})}email(e){return this._addCheck({kind:"email",...h.errToObj(e)})}url(e){return this._addCheck({kind:"url",...h.errToObj(e)})}emoji(e){return this._addCheck({kind:"emoji",...h.errToObj(e)})}uuid(e){return this._addCheck({kind:"uuid",...h.errToObj(e)})}nanoid(e){return this._addCheck({kind:"nanoid",...h.errToObj(e)})}cuid(e){return this._addCheck({kind:"cuid",...h.errToObj(e)})}cuid2(e){return this._addCheck({kind:"cuid2",...h.errToObj(e)})}ulid(e){return this._addCheck({kind:"ulid",...h.errToObj(e)})}base64(e){return this._addCheck({kind:"base64",...h.errToObj(e)})}base64url(e){return this._addCheck({kind:"base64url",...h.errToObj(e)})}jwt(e){return this._addCheck({kind:"jwt",...h.errToObj(e)})}ip(e){return this._addCheck({kind:"ip",...h.errToObj(e)})}cidr(e){return this._addCheck({kind:"cidr",...h.errToObj(e)})}datetime(e){return typeof e=="string"?this._addCheck({kind:"datetime",precision:null,offset:!1,local:!1,message:e}):this._addCheck({kind:"datetime",precision:typeof(e==null?void 0:e.precision)>"u"?null:e==null?void 0:e.precision,offset:(e==null?void 0:e.offset)??!1,local:(e==null?void 0:e.local)??!1,...h.errToObj(e==null?void 0:e.message)})}date(e){return this._addCheck({kind:"date",message:e})}time(e){return typeof e=="string"?this._addCheck({kind:"time",precision:null,message:e}):this._addCheck({kind:"time",precision:typeof(e==null?void 0:e.precision)>"u"?null:e==null?void 0:e.precision,...h.errToObj(e==null?void 0:e.message)})}duration(e){return this._addCheck({kind:"duration",...h.errToObj(e)})}regex(e,t){return this._addCheck({kind:"regex",regex:e,...h.errToObj(t)})}includes(e,t){return this._addCheck({kind:"includes",value:e,position:t==null?void 0:t.position,...h.errToObj(t==null?void 0:t.message)})}startsWith(e,t){return this._addCheck({kind:"startsWith",value:e,...h.errToObj(t)})}endsWith(e,t){return this._addCheck({kind:"endsWith",value:e,...h.errToObj(t)})}min(e,t){return this._addCheck({kind:"min",value:e,...h.errToObj(t)})}max(e,t){return this._addCheck({kind:"max",value:e,...h.errToObj(t)})}length(e,t){return this._addCheck({kind:"length",value:e,...h.errToObj(t)})}nonempty(e){return this.min(1,h.errToObj(e))}trim(){return new S({...this._def,checks:[...this._def.checks,{kind:"trim"}]})}toLowerCase(){return new S({...this._def,checks:[...this._def.checks,{kind:"toLowerCase"}]})}toUpperCase(){return new S({...this._def,checks:[...this._def.checks,{kind:"toUpperCase"}]})}get isDatetime(){return!!this._def.checks.find(e=>e.kind==="datetime")}get isDate(){return!!this._def.checks.find(e=>e.kind==="date")}get isTime(){return!!this._def.checks.find(e=>e.kind==="time")}get isDuration(){return!!this._def.checks.find(e=>e.kind==="duration")}get isEmail(){return!!this._def.checks.find(e=>e.kind==="email")}get isURL(){return!!this._def.checks.find(e=>e.kind==="url")}get isEmoji(){return!!this._def.checks.find(e=>e.kind==="emoji")}get isUUID(){return!!this._def.checks.find(e=>e.kind==="uuid")}get isNANOID(){return!!this._def.checks.find(e=>e.kind==="nanoid")}get isCUID(){return!!this._def.checks.find(e=>e.kind==="cuid")}get isCUID2(){return!!this._def.checks.find(e=>e.kind==="cuid2")}get isULID(){return!!this._def.checks.find(e=>e.kind==="ulid")}get isIP(){return!!this._def.checks.find(e=>e.kind==="ip")}get isCIDR(){return!!this._def.checks.find(e=>e.kind==="cidr")}get isBase64(){return!!this._def.checks.find(e=>e.kind==="base64")}get isBase64url(){return!!this._def.checks.find(e=>e.kind==="base64url")}get minLength(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxLength(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.value<e)&&(e=t.value);return e}}S.create=r=>new S({checks:[],typeName:y.ZodString,coerce:(r==null?void 0:r.coerce)??!1,...g(r)});function at(r,e){const t=(r.toString().split(".")[1]||"").length,s=(e.toString().split(".")[1]||"").length,n=t>s?t:s,a=Number.parseInt(r.toFixed(n).replace(".","")),i=Number.parseInt(e.toFixed(n).replace(".",""));return a%i/10**n}class V extends _{constructor(){super(...arguments),this.min=this.gte,this.max=this.lte,this.step=this.multipleOf}_parse(e){if(this._def.coerce&&(e.data=Number(e.data)),this._getType(e)!==f.number){const a=this._getOrReturnCtx(e);return l(a,{code:d.invalid_type,expected:f.number,received:a.parsedType}),p}let s;const n=new k;for(const a of this._def.checks)a.kind==="int"?v.isInteger(e.data)||(s=this._getOrReturnCtx(e,s),l(s,{code:d.invalid_type,expected:"integer",received:"float",message:a.message}),n.dirty()):a.kind==="min"?(a.inclusive?e.data<a.value:e.data<=a.value)&&(s=this._getOrReturnCtx(e,s),l(s,{code:d.too_small,minimum:a.value,type:"number",inclusive:a.inclusive,exact:!1,message:a.message}),n.dirty()):a.kind==="max"?(a.inclusive?e.data>a.value:e.data>=a.value)&&(s=this._getOrReturnCtx(e,s),l(s,{code:d.too_big,maximum:a.value,type:"number",inclusive:a.inclusive,exact:!1,message:a.message}),n.dirty()):a.kind==="multipleOf"?at(e.data,a.value)!==0&&(s=this._getOrReturnCtx(e,s),l(s,{code:d.not_multiple_of,multipleOf:a.value,message:a.message}),n.dirty()):a.kind==="finite"?Number.isFinite(e.data)||(s=this._getOrReturnCtx(e,s),l(s,{code:d.not_finite,message:a.message}),n.dirty()):v.assertNever(a);return{status:n.value,value:e.data}}gte(e,t){return this.setLimit("min",e,!0,h.toString(t))}gt(e,t){return this.setLimit("min",e,!1,h.toString(t))}lte(e,t){return this.setLimit("max",e,!0,h.toString(t))}lt(e,t){return this.setLimit("max",e,!1,h.toString(t))}setLimit(e,t,s,n){return new V({...this._def,checks:[...this._def.checks,{kind:e,value:t,inclusive:s,message:h.toString(n)}]})}_addCheck(e){return new V({...this._def,checks:[...this._def.checks,e]})}int(e){return this._addCheck({kind:"int",message:h.toString(e)})}positive(e){return this._addCheck({kind:"min",value:0,inclusive:!1,message:h.toString(e)})}negative(e){return this._addCheck({kind:"max",value:0,inclusive:!1,message:h.toString(e)})}nonpositive(e){return this._addCheck({kind:"max",value:0,inclusive:!0,message:h.toString(e)})}nonnegative(e){return this._addCheck({kind:"min",value:0,inclusive:!0,message:h.toString(e)})}multipleOf(e,t){return this._addCheck({kind:"multipleOf",value:e,message:h.toString(t)})}finite(e){return this._addCheck({kind:"finite",message:h.toString(e)})}safe(e){return this._addCheck({kind:"min",inclusive:!0,value:Number.MIN_SAFE_INTEGER,message:h.toString(e)})._addCheck({kind:"max",inclusive:!0,value:Number.MAX_SAFE_INTEGER,message:h.toString(e)})}get minValue(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxValue(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.value<e)&&(e=t.value);return e}get isInt(){return!!this._def.checks.find(e=>e.kind==="int"||e.kind==="multipleOf"&&v.isInteger(e.value))}get isFinite(){let e=null,t=null;for(const s of this._def.checks){if(s.kind==="finite"||s.kind==="int"||s.kind==="multipleOf")return!0;s.kind==="min"?(t===null||s.value>t)&&(t=s.value):s.kind==="max"&&(e===null||s.value<e)&&(e=s.value)}return Number.isFinite(t)&&Number.isFinite(e)}}V.create=r=>new V({checks:[],typeName:y.ZodNumber,coerce:(r==null?void 0:r.coerce)||!1,...g(r)});class M extends _{constructor(){super(...arguments),this.min=this.gte,this.max=this.lte}_parse(e){if(this._def.coerce)try{e.data=BigInt(e.data)}catch{return this._getInvalidInput(e)}if(this._getType(e)!==f.bigint)return this._getInvalidInput(e);let s;const n=new k;for(const a of this._def.checks)a.kind==="min"?(a.inclusive?e.data<a.value:e.data<=a.value)&&(s=this._getOrReturnCtx(e,s),l(s,{code:d.too_small,type:"bigint",minimum:a.value,inclusive:a.inclusive,message:a.message}),n.dirty()):a.kind==="max"?(a.inclusive?e.data>a.value:e.data>=a.value)&&(s=this._getOrReturnCtx(e,s),l(s,{code:d.too_big,type:"bigint",maximum:a.value,inclusive:a.inclusive,message:a.message}),n.dirty()):a.kind==="multipleOf"?e.data%a.value!==BigInt(0)&&(s=this._getOrReturnCtx(e,s),l(s,{code:d.not_multiple_of,multipleOf:a.value,message:a.message}),n.dirty()):v.assertNever(a);return{status:n.value,value:e.data}}_getInvalidInput(e){const t=this._getOrReturnCtx(e);return l(t,{code:d.invalid_type,expected:f.bigint,received:t.parsedType}),p}gte(e,t){return this.setLimit("min",e,!0,h.toString(t))}gt(e,t){return this.setLimit("min",e,!1,h.toString(t))}lte(e,t){return this.setLimit("max",e,!0,h.toString(t))}lt(e,t){return this.setLimit("max",e,!1,h.toString(t))}setLimit(e,t,s,n){return new M({...this._def,checks:[...this._def.checks,{kind:e,value:t,inclusive:s,message:h.toString(n)}]})}_addCheck(e){return new M({...this._def,checks:[...this._def.checks,e]})}positive(e){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!1,message:h.toString(e)})}negative(e){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!1,message:h.toString(e)})}nonpositive(e){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!0,message:h.toString(e)})}nonnegative(e){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!0,message:h.toString(e)})}multipleOf(e,t){return this._addCheck({kind:"multipleOf",value:e,message:h.toString(t)})}get minValue(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e}get maxValue(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.value<e)&&(e=t.value);return e}}M.create=r=>new M({checks:[],typeName:y.ZodBigInt,coerce:(r==null?void 0:r.coerce)??!1,...g(r)});class X extends _{_parse(e){if(this._def.coerce&&(e.data=!!e.data),this._getType(e)!==f.boolean){const s=this._getOrReturnCtx(e);return l(s,{code:d.invalid_type,expected:f.boolean,received:s.parsedType}),p}return b(e.data)}}X.create=r=>new X({typeName:y.ZodBoolean,coerce:(r==null?void 0:r.coerce)||!1,...g(r)});class F extends _{_parse(e){if(this._def.coerce&&(e.data=new Date(e.data)),this._getType(e)!==f.date){const a=this._getOrReturnCtx(e);return l(a,{code:d.invalid_type,expected:f.date,received:a.parsedType}),p}if(Number.isNaN(e.data.getTime())){const a=this._getOrReturnCtx(e);return l(a,{code:d.invalid_date}),p}const s=new k;let n;for(const a of this._def.checks)a.kind==="min"?e.data.getTime()<a.value&&(n=this._getOrReturnCtx(e,n),l(n,{code:d.too_small,message:a.message,inclusive:!0,exact:!1,minimum:a.value,type:"date"}),s.dirty()):a.kind==="max"?e.data.getTime()>a.value&&(n=this._getOrReturnCtx(e,n),l(n,{code:d.too_big,message:a.message,inclusive:!0,exact:!1,maximum:a.value,type:"date"}),s.dirty()):v.assertNever(a);return{status:s.value,value:new Date(e.data.getTime())}}_addCheck(e){return new F({...this._def,checks:[...this._def.checks,e]})}min(e,t){return this._addCheck({kind:"min",value:e.getTime(),message:h.toString(t)})}max(e,t){return this._addCheck({kind:"max",value:e.getTime(),message:h.toString(t)})}get minDate(){let e=null;for(const t of this._def.checks)t.kind==="min"&&(e===null||t.value>e)&&(e=t.value);return e!=null?new Date(e):null}get maxDate(){let e=null;for(const t of this._def.checks)t.kind==="max"&&(e===null||t.value<e)&&(e=t.value);return e!=null?new Date(e):null}}F.create=r=>new F({checks:[],coerce:(r==null?void 0:r.coerce)||!1,typeName:y.ZodDate,...g(r)});class ue extends _{_parse(e){if(this._getType(e)!==f.symbol){const s=this._getOrReturnCtx(e);return l(s,{code:d.invalid_type,expected:f.symbol,received:s.parsedType}),p}return b(e.data)}}ue.create=r=>new ue({typeName:y.ZodSymbol,...g(r)});class le extends _{_parse(e){if(this._getType(e)!==f.undefined){const s=this._getOrReturnCtx(e);return l(s,{code:d.invalid_type,expected:f.undefined,received:s.parsedType}),p}return b(e.data)}}le.create=r=>new le({typeName:y.ZodUndefined,...g(r)});class fe extends _{_parse(e){if(this._getType(e)!==f.null){const s=this._getOrReturnCtx(e);return l(s,{code:d.invalid_type,expected:f.null,received:s.parsedType}),p}return b(e.data)}}fe.create=r=>new fe({typeName:y.ZodNull,...g(r)});class he extends _{constructor(){super(...arguments),this._any=!0}_parse(e){return b(e.data)}}he.create=r=>new he({typeName:y.ZodAny,...g(r)});class me extends _{constructor(){super(...arguments),this._unknown=!0}_parse(e){return b(e.data)}}me.create=r=>new me({typeName:y.ZodUnknown,...g(r)});class Z extends _{_parse(e){const t=this._getOrReturnCtx(e);return l(t,{code:d.invalid_type,expected:f.never,received:t.parsedType}),p}}Z.create=r=>new Z({typeName:y.ZodNever,...g(r)});class pe extends _{_parse(e){if(this._getType(e)!==f.undefined){const s=this._getOrReturnCtx(e);return l(s,{code:d.invalid_type,expected:f.void,received:s.parsedType}),p}return b(e.data)}}pe.create=r=>new pe({typeName:y.ZodVoid,...g(r)});class w extends _{_parse(e){const{ctx:t,status:s}=this._processInputParams(e),n=this._def;if(t.parsedType!==f.array)return l(t,{code:d.invalid_type,expected:f.array,received:t.parsedType}),p;if(n.exactLength!==null){const i=t.data.length>n.exactLength.value,o=t.data.length<n.exactLength.value;(i||o)&&(l(t,{code:i?d.too_big:d.too_small,minimum:o?n.exactLength.value:void 0,maximum:i?n.exactLength.value:void 0,type:"array",inclusive:!0,exact:!0,message:n.exactLength.message}),s.dirty())}if(n.minLength!==null&&t.data.length<n.minLength.value&&(l(t,{code:d.too_small,minimum:n.minLength.value,type:"array",inclusive:!0,exact:!1,message:n.minLength.message}),s.dirty()),n.maxLength!==null&&t.data.length>n.maxLength.value&&(l(t,{code:d.too_big,maximum:n.maxLength.value,type:"array",inclusive:!0,exact:!1,message:n.maxLength.message}),s.dirty()),t.common.async)return Promise.all([...t.data]?.map((i,o)=>n.type._parseAsync(new A(t,i,t.path,o)))).then(i=>k.mergeArray(s,i));const a=[...t.data]?.map((i,o)=>n.type._parseSync(new A(t,i,t.path,o)));return k.mergeArray(s,a)}get element(){return this._def.type}min(e,t){return new w({...this._def,minLength:{value:e,message:h.toString(t)}})}max(e,t){return new w({...this._def,maxLength:{value:e,message:h.toString(t)}})}length(e,t){return new w({...this._def,exactLength:{value:e,message:h.toString(t)}})}nonempty(e){return this.min(1,e)}}w.create=(r,e)=>new w({type:r,minLength:null,maxLength:null,exactLength:null,typeName:y.ZodArray,...g(e)});function E(r){if(r instanceof x){const e={};for(const t in r.shape){const s=r.shape[t];e[t]=N.create(E(s))}return new x({...r._def,shape:()=>e})}else return r instanceof w?new w({...r._def,type:E(r.element)}):r instanceof N?N.create(E(r.unwrap())):r instanceof P?P.create(E(r.unwrap())):r instanceof j?j.create(r.items?.map(e=>E(e))):r}class x extends _{constructor(){super(...arguments),this._cached=null,this.nonstrict=this.passthrough,this.augment=this.extend}_getCached(){if(this._cached!==null)return this._cached;const e=this._def.shape(),t=v.objectKeys(e);return this._cached={shape:e,keys:t},this._cached}_parse(e){if(this._getType(e)!==f.object){const u=this._getOrReturnCtx(e);return l(u,{code:d.invalid_type,expected:f.object,received:u.parsedType}),p}const{status:s,ctx:n}=this._processInputParams(e),{shape:a,keys:i}=this._getCached(),o=[];if(!(this._def.catchall instanceof Z&&this._def.unknownKeys==="strip"))for(const u in n.data)i.includes(u)||o.push(u);const c=[];for(const u of i){const m=a[u],O=n.data[u];c.push({key:{status:"valid",value:u},value:m._parse(new A(n,O,n.path,u)),alwaysSet:u in n.data})}if(this._def.catchall instanceof Z){const u=this._def.unknownKeys;if(u==="passthrough")for(const m of o)c.push({key:{status:"valid",value:m},value:{status:"valid",value:n.data[m]}});else if(u==="strict")o.length>0&&(l(n,{code:d.unrecognized_keys,keys:o}),s.dirty());else if(u!=="strip")throw new Error("Internal ZodObject error: invalid unknownKeys value.")}else{const u=this._def.catchall;for(const m of o){const O=n.data[m];c.push({key:{status:"valid",value:m},value:u._parse(new A(n,O,n.path,m)),alwaysSet:m in n.data})}}return n.common.async?Promise.resolve().then(async()=>{const u=[];for(const m of c){const O=await m.key,D=await m.value;u.push({key:O,value:D,alwaysSet:m.alwaysSet})}return u}).then(u=>k.mergeObjectSync(s,u)):k.mergeObjectSync(s,c)}get shape(){return this._def.shape()}strict(e){return h.errToObj,new x({...this._def,unknownKeys:"strict",...e!==void 0?{errorMap:(t,s)=>{var a,i;const n=((i=(a=this._def).errorMap)==null?void 0:i.call(a,t,s).message)??s.defaultError;return t.code==="unrecognized_keys"?{message:h.errToObj(e).message??n}:{message:n}}}:{}})}strip(){return new x({...this._def,unknownKeys:"strip"})}passthrough(){return new x({...this._def,unknownKeys:"passthrough"})}extend(e){return new x({...this._def,shape:()=>({...this._def.shape(),...e})})}merge(e){return new x({unknownKeys:e._def.unknownKeys,catchall:e._def.catchall,shape:()=>({...this._def.shape(),...e._def.shape()}),typeName:y.ZodObject})}setKey(e,t){return this.augment({[e]:t})}catchall(e){return new x({...this._def,catchall:e})}pick(e){const t={};for(const s of v.objectKeys(e))e[s]&&this.shape[s]&&(t[s]=this.shape[s]);return new x({...this._def,shape:()=>t})}omit(e){const t={};for(const s of v.objectKeys(this.shape))e[s]||(t[s]=this.shape[s]);return new x({...this._def,shape:()=>t})}deepPartial(){return E(this)}partial(e){const t={};for(const s of v.objectKeys(this.shape)){const n=this.shape[s];e&&!e[s]?t[s]=n:t[s]=n.optional()}return new x({...this._def,shape:()=>t})}required(e){const t={};for(const s of v.objectKeys(this.shape))if(e&&!e[s])t[s]=this.shape[s];else{let a=this.shape[s];for(;a instanceof N;)a=a._def.innerType;t[s]=a}return new x({...this._def,shape:()=>t})}keyof(){return Ne(v.objectKeys(this.shape))}}x.create=(r,e)=>new x({shape:()=>r,unknownKeys:"strip",catchall:Z.create(),typeName:y.ZodObject,...g(e)});x.strictCreate=(r,e)=>new x({shape:()=>r,unknownKeys:"strict",catchall:Z.create(),typeName:y.ZodObject,...g(e)});x.lazycreate=(r,e)=>new x({shape:r,unknownKeys:"strip",catchall:Z.create(),typeName:y.ZodObject,...g(e)});class W extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s=this._def.options;function n(a){for(const o of a)if(o.result.status==="valid")return o.result;for(const o of a)if(o.result.status==="dirty")return t.common.issues.push(...o.ctx.common.issues),o.result;const i=a?.map(o=>new C(o.ctx.common.issues));return l(t,{code:d.invalid_union,unionErrors:i}),p}if(t.common.async)return Promise.all(s?.map(async a=>{const i={...t,common:{...t.common,issues:[]},parent:null};return{result:await a._parseAsync({data:t.data,path:t.path,parent:i}),ctx:i}})).then(n);{let a;const i=[];for(const c of s){const u={...t,common:{...t.common,issues:[]},parent:null},m=c._parseSync({data:t.data,path:t.path,parent:u});if(m.status==="valid")return m;m.status==="dirty"&&!a&&(a={result:m,ctx:u}),u.common.issues.length&&i.push(u.common.issues)}if(a)return t.common.issues.push(...a.ctx.common.issues),a.result;const o=i?.map(c=>new C(c));return l(t,{code:d.invalid_union,unionErrors:o}),p}}get options(){return this._def.options}}W.create=(r,e)=>new W({options:r,typeName:y.ZodUnion,...g(e)});function K(r,e){const t=T(r),s=T(e);if(r===e)return{valid:!0,data:r};if(t===f.object&&s===f.object){const n=v.objectKeys(e),a=v.objectKeys(r).filter(o=>n.indexOf(o)!==-1),i={...r,...e};for(const o of a){const c=K(r[o],e[o]);if(!c.valid)return{valid:!1};i[o]=c.data}return{valid:!0,data:i}}else if(t===f.array&&s===f.array){if(r.length!==e.length)return{valid:!1};const n=[];for(let a=0;a<r.length;a++){const i=r[a],o=e[a],c=K(i,o);if(!c.valid)return{valid:!1};n.push(c.data)}return{valid:!0,data:n}}else return t===f.date&&s===f.date&&+r==+e?{valid:!0,data:r}:{valid:!1}}class q extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e),n=(a,i)=>{if(oe(a)||oe(i))return p;const o=K(a.value,i.value);return o.valid?((de(a)||de(i))&&t.dirty(),{status:t.value,value:o.data}):(l(s,{code:d.invalid_intersection_types}),p)};return s.common.async?Promise.all([this._def.left._parseAsync({data:s.data,path:s.path,parent:s}),this._def.right._parseAsync({data:s.data,path:s.path,parent:s})]).then(([a,i])=>n(a,i)):n(this._def.left._parseSync({data:s.data,path:s.path,parent:s}),this._def.right._parseSync({data:s.data,path:s.path,parent:s}))}}q.create=(r,e,t)=>new q({left:r,right:e,typeName:y.ZodIntersection,...g(t)});class j extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==f.array)return l(s,{code:d.invalid_type,expected:f.array,received:s.parsedType}),p;if(s.data.length<this._def.items.length)return l(s,{code:d.too_small,minimum:this._def.items.length,inclusive:!0,exact:!1,type:"array"}),p;!this._def.rest&&s.data.length>this._def.items.length&&(l(s,{code:d.too_big,maximum:this._def.items.length,inclusive:!0,exact:!1,type:"array"}),t.dirty());const a=[...s.data]?.map((i,o)=>{const c=this._def.items[o]||this._def.rest;return c?c._parse(new A(s,i,s.path,o)):null}).filter(i=>!!i);return s.common.async?Promise.all(a).then(i=>k.mergeArray(t,i)):k.mergeArray(t,a)}get items(){return this._def.items}rest(e){return new j({...this._def,rest:e})}}j.create=(r,e)=>{if(!Array.isArray(r))throw new Error("You must pass an array of schemas to z.tuple([ ... ])");return new j({items:r,typeName:y.ZodTuple,rest:null,...g(e)})};class ye extends _{get keySchema(){return this._def.keyType}get valueSchema(){return this._def.valueType}_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==f.map)return l(s,{code:d.invalid_type,expected:f.map,received:s.parsedType}),p;const n=this._def.keyType,a=this._def.valueType,i=[...s.data.entries()]?.map(([o,c],u)=>({key:n._parse(new A(s,o,s.path,[u,"key"])),value:a._parse(new A(s,c,s.path,[u,"value"]))}));if(s.common.async){const o=new Map;return Promise.resolve().then(async()=>{for(const c of i){const u=await c.key,m=await c.value;if(u.status==="aborted"||m.status==="aborted")return p;(u.status==="dirty"||m.status==="dirty")&&t.dirty(),o.set(u.value,m.value)}return{status:t.value,value:o}})}else{const o=new Map;for(const c of i){const u=c.key,m=c.value;if(u.status==="aborted"||m.status==="aborted")return p;(u.status==="dirty"||m.status==="dirty")&&t.dirty(),o.set(u.value,m.value)}return{status:t.value,value:o}}}}ye.create=(r,e,t)=>new ye({valueType:e,keyType:r,typeName:y.ZodMap,...g(t)});class L extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.parsedType!==f.set)return l(s,{code:d.invalid_type,expected:f.set,received:s.parsedType}),p;const n=this._def;n.minSize!==null&&s.data.size<n.minSize.value&&(l(s,{code:d.too_small,minimum:n.minSize.value,type:"set",inclusive:!0,exact:!1,message:n.minSize.message}),t.dirty()),n.maxSize!==null&&s.data.size>n.maxSize.value&&(l(s,{code:d.too_big,maximum:n.maxSize.value,type:"set",inclusive:!0,exact:!1,message:n.maxSize.message}),t.dirty());const a=this._def.valueType;function i(c){const u=new Set;for(const m of c){if(m.status==="aborted")return p;m.status==="dirty"&&t.dirty(),u.add(m.value)}return{status:t.value,value:u}}const o=[...s.data.values()]?.map((c,u)=>a._parse(new A(s,c,s.path,u)));return s.common.async?Promise.all(o).then(c=>i(c)):i(o)}min(e,t){return new L({...this._def,minSize:{value:e,message:h.toString(t)}})}max(e,t){return new L({...this._def,maxSize:{value:e,message:h.toString(t)}})}size(e,t){return this.min(e,t).max(e,t)}nonempty(e){return this.min(1,e)}}L.create=(r,e)=>new L({valueType:r,minSize:null,maxSize:null,typeName:y.ZodSet,...g(e)});class ge extends _{get schema(){return this._def.getter()}_parse(e){const{ctx:t}=this._processInputParams(e);return this._def.getter()._parse({data:t.data,path:t.path,parent:t})}}ge.create=(r,e)=>new ge({getter:r,typeName:y.ZodLazy,...g(e)});class _e extends _{_parse(e){if(e.data!==this._def.value){const t=this._getOrReturnCtx(e);return l(t,{received:t.data,code:d.invalid_literal,expected:this._def.value}),p}return{status:"valid",value:e.data}}get value(){return this._def.value}}_e.create=(r,e)=>new _e({value:r,typeName:y.ZodLiteral,...g(e)});function Ne(r,e){return new I({values:r,typeName:y.ZodEnum,...g(e)})}class I extends _{_parse(e){if(typeof e.data!="string"){const t=this._getOrReturnCtx(e),s=this._def.values;return l(t,{expected:v.joinValues(s),received:t.parsedType,code:d.invalid_type}),p}if(this._cache||(this._cache=new Set(this._def.values)),!this._cache.has(e.data)){const t=this._getOrReturnCtx(e),s=this._def.values;return l(t,{received:t.data,code:d.invalid_enum_value,options:s}),p}return b(e.data)}get options(){return this._def.values}get enum(){const e={};for(const t of this._def.values)e[t]=t;return e}get Values(){const e={};for(const t of this._def.values)e[t]=t;return e}get Enum(){const e={};for(const t of this._def.values)e[t]=t;return e}extract(e,t=this._def){return I.create(e,{...this._def,...t})}exclude(e,t=this._def){return I.create(this.options.filter(s=>!e.includes(s)),{...this._def,...t})}}I.create=Ne;class ve extends _{_parse(e){const t=v.getValidEnumValues(this._def.values),s=this._getOrReturnCtx(e);if(s.parsedType!==f.string&&s.parsedType!==f.number){const n=v.objectValues(t);return l(s,{expected:v.joinValues(n),received:s.parsedType,code:d.invalid_type}),p}if(this._cache||(this._cache=new Set(v.getValidEnumValues(this._def.values))),!this._cache.has(e.data)){const n=v.objectValues(t);return l(s,{received:s.data,code:d.invalid_enum_value,options:n}),p}return b(e.data)}get enum(){return this._def.values}}ve.create=(r,e)=>new ve({values:r,typeName:y.ZodNativeEnum,...g(e)});class J extends _{unwrap(){return this._def.type}_parse(e){const{ctx:t}=this._processInputParams(e);if(t.parsedType!==f.promise&&t.common.async===!1)return l(t,{code:d.invalid_type,expected:f.promise,received:t.parsedType}),p;const s=t.parsedType===f.promise?t.data:Promise.resolve(t.data);return b(s.then(n=>this._def.type.parseAsync(n,{path:t.path,errorMap:t.common.contextualErrorMap})))}}J.create=(r,e)=>new J({type:r,typeName:y.ZodPromise,...g(e)});class $ extends _{innerType(){return this._def.schema}sourceType(){return this._def.schema._def.typeName===y.ZodEffects?this._def.schema.sourceType():this._def.schema}_parse(e){const{status:t,ctx:s}=this._processInputParams(e),n=this._def.effect||null,a={addIssue:i=>{l(s,i),i.fatal?t.abort():t.dirty()},get path(){return s.path}};if(a.addIssue=a.addIssue.bind(a),n.type==="preprocess"){const i=n.transform(s.data,a);if(s.common.async)return Promise.resolve(i).then(async o=>{if(t.value==="aborted")return p;const c=await this._def.schema._parseAsync({data:o,path:s.path,parent:s});return c.status==="aborted"?p:c.status==="dirty"||t.value==="dirty"?z(c.value):c});{if(t.value==="aborted")return p;const o=this._def.schema._parseSync({data:i,path:s.path,parent:s});return o.status==="aborted"?p:o.status==="dirty"||t.value==="dirty"?z(o.value):o}}if(n.type==="refinement"){const i=o=>{const c=n.refinement(o,a);if(s.common.async)return Promise.resolve(c);if(c instanceof Promise)throw new Error("Async refinement encountered during synchronous parse operation. Use .parseAsync instead.");return o};if(s.common.async===!1){const o=this._def.schema._parseSync({data:s.data,path:s.path,parent:s});return o.status==="aborted"?p:(o.status==="dirty"&&t.dirty(),i(o.value),{status:t.value,value:o.value})}else return this._def.schema._parseAsync({data:s.data,path:s.path,parent:s}).then(o=>o.status==="aborted"?p:(o.status==="dirty"&&t.dirty(),i(o.value).then(()=>({status:t.value,value:o.value}))))}if(n.type==="transform")if(s.common.async===!1){const i=this._def.schema._parseSync({data:s.data,path:s.path,parent:s});if(!R(i))return p;const o=n.transform(i.value,a);if(o instanceof Promise)throw new Error("Asynchronous transform encountered during synchronous parse operation. Use .parseAsync instead.");return{status:t.value,value:o}}else return this._def.schema._parseAsync({data:s.data,path:s.path,parent:s}).then(i=>R(i)?Promise.resolve(n.transform(i.value,a)).then(o=>({status:t.value,value:o})):p);v.assertNever(n)}}$.create=(r,e,t)=>new $({schema:r,typeName:y.ZodEffects,effect:e,...g(t)});$.createWithPreprocess=(r,e,t)=>new $({schema:e,effect:{type:"preprocess",transform:r},typeName:y.ZodEffects,...g(t)});class N extends _{_parse(e){return this._getType(e)===f.undefined?b(void 0):this._def.innerType._parse(e)}unwrap(){return this._def.innerType}}N.create=(r,e)=>new N({innerType:r,typeName:y.ZodOptional,...g(e)});class P extends _{_parse(e){return this._getType(e)===f.null?b(null):this._def.innerType._parse(e)}unwrap(){return this._def.innerType}}P.create=(r,e)=>new P({innerType:r,typeName:y.ZodNullable,...g(e)});class ee extends _{_parse(e){const{ctx:t}=this._processInputParams(e);let s=t.data;return t.parsedType===f.undefined&&(s=this._def.defaultValue()),this._def.innerType._parse({data:s,path:t.path,parent:t})}removeDefault(){return this._def.innerType}}ee.create=(r,e)=>new ee({innerType:r,typeName:y.ZodDefault,defaultValue:typeof e.default=="function"?e.default:()=>e.default,...g(e)});class te extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s={...t,common:{...t.common,issues:[]}},n=this._def.innerType._parse({data:s.data,path:s.path,parent:{...s}});return B(n)?n.then(a=>({status:"valid",value:a.status==="valid"?a.value:this._def.catchValue({get error(){return new C(s.common.issues)},input:s.data})})):{status:"valid",value:n.status==="valid"?n.value:this._def.catchValue({get error(){return new C(s.common.issues)},input:s.data})}}removeCatch(){return this._def.innerType}}te.create=(r,e)=>new te({innerType:r,typeName:y.ZodCatch,catchValue:typeof e.catch=="function"?e.catch:()=>e.catch,...g(e)});class xe extends _{_parse(e){if(this._getType(e)!==f.nan){const s=this._getOrReturnCtx(e);return l(s,{code:d.invalid_type,expected:f.nan,received:s.parsedType}),p}return{status:"valid",value:e.data}}}xe.create=r=>new xe({typeName:y.ZodNaN,...g(r)});class it extends _{_parse(e){const{ctx:t}=this._processInputParams(e),s=t.data;return this._def.type._parse({data:s,path:t.path,parent:t})}unwrap(){return this._def.type}}class ae extends _{_parse(e){const{status:t,ctx:s}=this._processInputParams(e);if(s.common.async)return(async()=>{const a=await this._def.in._parseAsync({data:s.data,path:s.path,parent:s});return a.status==="aborted"?p:a.status==="dirty"?(t.dirty(),z(a.value)):this._def.out._parseAsync({data:a.value,path:s.path,parent:s})})();{const n=this._def.in._parseSync({data:s.data,path:s.path,parent:s});return n.status==="aborted"?p:n.status==="dirty"?(t.dirty(),{status:"dirty",value:n.value}):this._def.out._parseSync({data:n.value,path:s.path,parent:s})}}static create(e,t){return new ae({in:e,out:t,typeName:y.ZodPipeline})}}class re extends _{_parse(e){const t=this._def.innerType._parse(e),s=n=>(R(n)&&(n.value=Object.freeze(n.value)),n);return B(t)?t.then(n=>s(n)):s(t)}unwrap(){return this._def.innerType}}re.create=(r,e)=>new re({innerType:r,typeName:y.ZodReadonly,...g(e)});var y;(function(r){r.ZodString="ZodString",r.ZodNumber="ZodNumber",r.ZodNaN="ZodNaN",r.ZodBigInt="ZodBigInt",r.ZodBoolean="ZodBoolean",r.ZodDate="ZodDate",r.ZodSymbol="ZodSymbol",r.ZodUndefined="ZodUndefined",r.ZodNull="ZodNull",r.ZodAny="ZodAny",r.ZodUnknown="ZodUnknown",r.ZodNever="ZodNever",r.ZodVoid="ZodVoid",r.ZodArray="ZodArray",r.ZodObject="ZodObject",r.ZodUnion="ZodUnion",r.ZodDiscriminatedUnion="ZodDiscriminatedUnion",r.ZodIntersection="ZodIntersection",r.ZodTuple="ZodTuple",r.ZodRecord="ZodRecord",r.ZodMap="ZodMap",r.ZodSet="ZodSet",r.ZodFunction="ZodFunction",r.ZodLazy="ZodLazy",r.ZodLiteral="ZodLiteral",r.ZodEnum="ZodEnum",r.ZodEffects="ZodEffects",r.ZodNativeEnum="ZodNativeEnum",r.ZodOptional="ZodOptional",r.ZodNullable="ZodNullable",r.ZodDefault="ZodDefault",r.ZodCatch="ZodCatch",r.ZodPromise="ZodPromise",r.ZodBranded="ZodBranded",r.ZodPipeline="ZodPipeline",r.ZodReadonly="ZodReadonly"})(y||(y={}));const vt=S.create,xt=X.create;Z.create;const kt=w.create,bt=x.create;W.create;q.create;j.create;const wt=I.create;J.create;N.create;P.create;const ke=(r,e,t)=>{if(r&&"reportValidity"in r){const s=G(t,e);r.setCustomValidity(s&&s.message||""),r.reportValidity()}},se=(r,e)=>{for(const t in e.fields){const s=e.fields[t];s&&s.ref&&"reportValidity"in s.ref?ke(s.ref,t,r):s&&s.refs&&s.refs.forEach(n=>ke(n,t,r))}},be=(r,e)=>{e.shouldUseNativeValidation&&se(r,e);const t={};for(const s in r){const n=G(e.fields,s),a=Object.assign(r[s]||{},{ref:n&&n.ref});if(ot(e.names||Object.keys(r),s)){const i=Object.assign({},G(t,s));Y(i,"root",a),Y(t,s,i)}else Y(t,s,a)}return t},ot=(r,e)=>{const t=we(e).replace(/[.*+?^${}()|\\]/g,"\\$&");return r?.some(s=>we(s).match(`^${t}\\.\\d+`))};function we(r){return r.replace(/[\[\]]/g,"")}function Ae(r,e,t){function s(o,c){var u;Object.defineProperty(o,"_zod",{value:o._zod??{},enumerable:!1}),(u=o._zod).traits??(u.traits=new Set),o._zod.traits.add(r),e(o,c);for(const m in i.prototype)m in o||Object.defineProperty(o,m,{value:i.prototype[m].bind(o)});o._zod.constr=i,o._zod.def=c}const n=(t==null?void 0:t.Parent)??Object;class a extends n{}Object.defineProperty(a,"name",{value:r});function i(o){var c;const u=t!=null&&t.Parent?new a:this;s(u,o),(c=u._zod).deferred??(c.deferred=[]);for(const m of u._zod.deferred)m();return u}return Object.defineProperty(i,"init",{value:s}),Object.defineProperty(i,Symbol.hasInstance,{value:o=>{var c,u;return t!=null&&t.Parent&&o instanceof t.Parent?!0:(u=(c=o==null?void 0:o._zod)==null?void 0:c.traits)==null?void 0:u.has(r)}}),Object.defineProperty(i,"name",{value:r}),i}class dt extends Error{constructor(){super("Encountered Promise during synchronous parse. Use .parseAsync() instead.")}}const ct={};function Ze(r){return ct}function ut(r,e){return typeof e=="bigint"?e.toString():e}const je=Error.captureStackTrace?Error.captureStackTrace:(...r)=>{};function U(r){return typeof r=="string"?r:r==null?void 0:r.message}function Ee(r,e,t){var n,a,i,o,c,u;const s={...r,path:r.path??[]};if(!r.message){const m=U((i=(a=(n=r.inst)==null?void 0:n._zod.def)==null?void 0:a.error)==null?void 0:i.call(a,r))??U((o=e==null?void 0:e.error)==null?void 0:o.call(e,r))??U((c=t.customError)==null?void 0:c.call(t,r))??U((u=t.localeError)==null?void 0:u.call(t,r))??"Invalid input";s.message=m}return delete s.inst,delete s.continue,e!=null&&e.reportInput||delete s.input,s}const Re=(r,e)=>{r.name="$ZodError",Object.defineProperty(r,"_zod",{value:r._zod,enumerable:!1}),Object.defineProperty(r,"issues",{value:e,enumerable:!1}),Object.defineProperty(r,"message",{get(){return JSON.stringify(e,ut,2)},enumerable:!0}),Object.defineProperty(r,"toString",{value:()=>r.message,enumerable:!1})},lt=Ae("$ZodError",Re),Ie=Ae("$ZodError",Re,{Parent:Error}),ft=r=>(e,t,s,n)=>{const a=s?Object.assign(s,{async:!1}):{async:!1},i=e._zod.run({value:t,issues:[]},a);if(i instanceof Promise)throw new dt;if(i.issues.length){const o=new((n==null?void 0:n.Err)??r)(i.issues?.map(c=>Ee(c,a,Ze())));throw je(o,n==null?void 0:n.callee),o}return i.value},ht=ft(Ie),mt=r=>async(e,t,s,n)=>{const a=s?Object.assign(s,{async:!0}):{async:!0};let i=e._zod.run({value:t,issues:[]},a);if(i instanceof Promise&&(i=await i),i.issues.length){const o=new((n==null?void 0:n.Err)??r)(i.issues?.map(c=>Ee(c,a,Ze())));throw je(o,n==null?void 0:n.callee),o}return i.value},pt=mt(Ie);function ne(){return ne=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var s in t)({}).hasOwnProperty.call(t,s)&&(r[s]=t[s])}return r},ne.apply(null,arguments)}function Oe(r,e){try{var t=r()}catch(s){return e(s)}return t&&t.then?t.then(void 0,e):t}function yt(r,e){for(var t={};r.length;){var s=r[0],n=s.code,a=s.message,i=s.path.join(".");if(!t[i])if("unionErrors"in s){var o=s.unionErrors[0].errors[0];t[i]={message:o.message,type:o.code}}else t[i]={message:a,type:n};if("unionErrors"in s&&s.unionErrors.forEach(function(m){return m.errors.forEach(function(O){return r.push(O)})}),e){var c=t[i].types,u=c&&c[s.code];t[i]=Ce(i,e,t,n,u?[].concat(u,s.message):s.message)}r.shift()}return t}function gt(r,e){for(var t={},s=function(){var n=r[0],a=n.code,i=n.message,o=n.path.join(".");if(!t[o])if(n.code==="invalid_union"&&n.errors.length>0){var c=n.errors[0][0];t[o]={message:c.message,type:c.code}}else t[o]={message:i,type:a};if(n.code==="invalid_union"&&n.errors.forEach(function(O){return O.forEach(function(D){return r.push(ne({},D,{path:[].concat(n.path,D.path)}))})}),e){var u=t[o].types,m=u&&u[n.code];t[o]=Ce(o,e,t,a,m?[].concat(m,n.message):n.message)}r.shift()};r.length;)s();return t}function Ot(r,e,t){if(t===void 0&&(t={}),(function(s){return"_def"in s&&typeof s._def=="object"&&"typeName"in s._def})(r))return function(s,n,a){try{return Promise.resolve(Oe(function(){return Promise.resolve(r[t.mode==="sync"?"parse":"parseAsync"](s,e)).then(function(i){return a.shouldUseNativeValidation&&se({},a),{errors:{},values:t.raw?Object.assign({},s):i}})},function(i){if((function(o){return Array.isArray(o==null?void 0:o.issues)})(i))return{values:{},errors:be(yt(i.errors,!a.shouldUseNativeValidation&&a.criteriaMode==="all"),a)};throw i}))}catch(i){return Promise.reject(i)}};if((function(s){return"_zod"in s&&typeof s._zod=="object"})(r))return function(s,n,a){try{return Promise.resolve(Oe(function(){return Promise.resolve((t.mode==="sync"?ht:pt)(r,s,e)).then(function(i){return a.shouldUseNativeValidation&&se({},a),{errors:{},values:t.raw?Object.assign({},s):i}})},function(i){if((function(o){return o instanceof lt})(i))return{values:{},errors:be(gt(i.issues,!a.shouldUseNativeValidation&&a.criteriaMode==="all"),a)};throw i}))}catch(i){return Promise.reject(i)}};throw new Error("Invalid input: not a Zod schema")}export{kt as a,xt as b,wt as e,bt as o,vt as s,Ot as u};
diff --git a/apps/edr-freight-web/backoffice/public/_um/index.html b/apps/edr-freight-web/backoffice/public/_um/index.html
new file mode 100644
index 000000000..9aad6bec5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"
+    />
+    <title>User Management</title>
+    <script type="module" crossorigin src="/_um/assets/index-Db-xuq0b.js"></script>
+    <link rel="stylesheet" crossorigin href="/_um/assets/index-CKOfyDP0.css">
+  </head>
+  <body>
+    <div id="root"></div>

+  </body>
+</html>
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/CHANGELOG.md b/apps/edr-freight-web/backoffice/public/_um/tinymce/CHANGELOG.md
new file mode 100644
index 000000000..dfa4751f4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/CHANGELOG.md
@@ -0,0 +1,3802 @@
+# Changelog
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html),
+and is generated by [Changie](https://github.com/miniscruff/changie).
+
+## 7.9.3 - 2026-05-19
+
+### Security
+- Fixed media plugin `data-mce-object` injection leading to stored XSS. #TINY-14357
+- Fixed stored XSS vulnerability through `mce:protected` comments. #TINY-14353
+- Fixed stored XSS vulnerability through `data-mce-` prefixed `src`, `href`, `style` attributes. #TINY-14333
+
+## 7.9.2 - 2026-02-11
+
+### Deprecated
+- The default value of `allow_html_in_comments` will change from `true` to `false` in TinyMCE 8.x. #TINY-11900
+
+### Security
+- Updated dependencies and parsing logic for enhanced content sanitization. HTML-like content in comments and certain legacy patterns are now sanitized more strictly when `xss_sanitization` is enabled (default). The Introduced `allow_html_in_comments` option provides control over comment node sanitization behavior.
+ #TINY-11900
+- Introduced `allow_html_in_comments` option (boolean, default: `true`) to control handling of HTML-like syntax in comment nodes. This option will default to `false` in TinyMCE 8.x. #TINY-11900
+
+## 7.9.1 - 2025-05-29
+
+### Improved
+- Update `Notices` file and minified notices. #TINY-12091
+
+## 7.9.0 - 2025-05-15
+
+### Added
+- Added new `disc` style option for unordered lists. #TINY-12015
+
+### Improved
+- The resize cursor now points in the correct direction for each resize mode. Patch contributed by daniloff200. ##GH-10189
+- If `style_formats` is empty, the button is now disabled. #TINY-12005
+- Inline dialog dropdowns reposition when the dialog is dragged or the window is scrolled. #TINY-11368
+- Bullet list icons were have been updated to better represent the default styles. #TINY-12014
+
+### Changed
+- The ContextFormSizeInput lock button is now centered instead of aligned to the end. #TINY-11916
+- Changed the default value of `advlist_bullet_styles` option to `default,disc,circle,square`. #TINY-12083
+
+### Fixed
+- Autolink no longer overrides already existing links when autolinking. #TINY-11836
+- Removed the deprecated CSS media selector `-ms-high-contrast`. #TINY-11876
+- The `mceInsertContent` command no longer deletes the parent block element when an anchor is selected. #TINY-11953
+- Table resizers are now visible when inline editor has a z-index property. #TINY-11981
+- Tabbing inside a `figcaption` element no longer displays two text insertion carets. #TINY-11997
+- Pressing Enter before a floating image no longer duplicates the image. #TINY-11676
+- Editor did not scroll into viewport on receiving focus on Chrome and Safari. #TINY-12017
+- Select UI elements was not properly styled on Chrome version 136. #TINY-12131
+
+## 7.8.0 - 2025-04-09
+
+### Added
+- New subtoolbar support for context toolbars. #TINY-11748
+- New `extended_mathml_attributes` and `extended_mathml_elements` options. #TINY-11756
+- New `onboarding` option. #TINY-11931
+
+### Improved
+- Focus outline was misaligned with comment card border on saving an edit. #TINY-11329
+- The `editor.selection.scrollIntoView()` method now pads the target scroll area with a small margin, ensuring content doesn't sit at the very edge of the viewport. #TINY-11786
+
+### Changed
+- Changed promotional text and link. #TINY-11905
+
+### Fixed
+- Setting editor height to a `pt` or `em` value was ignoring min/max height settings. #TINY-11108
+
+## 7.7.2 - 2025-03-19
+
+### Fixed
+- Error was thrown when pressing tab in the last cell of a non-editable table. #TINY-11797
+- Error was thrown when trying to use the context form API after a component was detached. #TINY-11781
+- Deleting an empty block within an <li> element would move cursor to the end of the <li>. #TINY-11763
+- Deleting an empty block that was between two lists would throw an Error when all three elements were nested inside a list. #TINY-11763
+
+## 7.7.1 - 2025-03-05
+
+### Fixed
+- Skin UI content CSS was truncated when bundling, causing CSS styles to be missing. #TINY-11875
+- Context forms used to disappear if their input was disabled in the `onSetup` API. #TINY-11890
+
+## 7.7.0 - 2025-02-20
+
+### Added
+- `link_attributes_postprocess` option that allows overriding attributes of a link that would be inserted through the link dialog. #TINY-11707
+
+### Improved
+- Improved visual indication of keyboard focus in annotations that contain an image. #TINY-11596
+- The type now defaults to `info` when `editor.notificationManager.open()` is used without a specified type or with an invalid one. #TINY-11661
+
+### Changed
+- Updated the `link` plugin behavior to move the cursor outside of the link when inserted or edited via the UI. Patch contributed by Philipp91. #GH-9998
+
+### Fixed
+- Keyboard navigation for size inputs in context forms. #TINY-11394
+- Keyboard navigation for context form sliders. #TINY-11482
+- The `insertContent` API was not replacing selected non-editable elements correctly. #TINY-11714
+- Context toolbar inputs had incorrect margins. #TINY-11624
+- Iframe aria text no longer suggests opening the help dialog when the help plugin is not enabled. #TINY-11672
+- Preview dialog no longer opens anchor links in a new tab. #TINY-11740
+- The `float` property was not properly removed on the image when converting a image into a captioned image. #TINY-11670
+- Expanding selection to word didn't work inside inline editing host elements. #TINY-11304
+- The `semantics` element in MathML was not properly retained when `annotation` elements were allowed. #TINY-11755
+- It was possible to tab to a toolbar group that had all children disabled. #TINY-11665
+- Keyboard navigation would get stuck on the 'more' toolbar button. #TINY-11762
+- Toolbar groups had both a `title` attribute and a custom tooltip, causing overlapping tooltips #TINY-11768
+- Toolbar text field did not render focus correctly. #TINY-11658
+
+## 7.6.1 - 2025-01-22
+
+### Fixed
+- Text input was prevented in form elements in the contents of the editor. #TINY-11446
+- Opening a notification when the toolbar is positioned at the bottom of the editor threw an error. #TINY-11498
+- Table resize bars were not properly aligned for inline editors inside scrollable containers. #TINY-11215
+
+## 7.6.0 - 2024-12-11
+
+### Added
+- It is now possible to create labeled groups in context toolbars. #TINY-11095
+- New `contextsliderform` and `contextsizeinput` context form types. #TINY-11342
+- New `back` function in `ContextFormApi` to go back to the previous toolbar. #TINY-11344
+- New `QuickbarInsertImage` command that is executed by the `quickimage` button. #TINY-11399
+- New `onSetup` function to the context form API. #TINY-11494
+- New `placeholder` to the context form input field API. #TINY-11459
+- New `disabled` option to restore the previous `readonly` mode behavior, allowing the editor to be displayed in a disabled state. #TINY-11488
+
+### Improved
+- Base64 data was not properly decoded due to unhandled URL-encoded characters. #TINY-9548
+- The `latin` list style type is now recognized as an alias for the `alpha` list style type. #TINY-11515
+
+### Fixed
+- Image selection was removed when calling `editor.nodeChanged()` while having focus inside the editor UI. #TINY-11437
+- Tooltip would not show for group toolbar button. #TINY-11391
+- Changing the table row type when a `contenteditable=false` cell was selected would not work as expected. #TINY-11383
+- The `samp` format was being applied as a `block` level format, instead of an `inline` format. #TINY-11390
+- Removed title attribute from dialog tree elements as they already have a tooltip. #TINY-11470
+- Fixed CSS bundling for skin UI content CSS. #TINY-11558
+- Fixed incorrect resource keys for CSS bundling JS files. #TINY-11558
+
+## 7.5.0 - 2024-11-06
+
+### Added
+- Added support for using raw CSS in the list of possible colours, using the `color_map_raw` property. #GH-9788
+
+### Improved
+- Improved color picker aria support. #TINY-11291
+
+### Fixed
+- Autocompleter would not activate after applying an inline format like font size in some cases. #TINY-11273
+- The `toolbar-sticky-offset` would still be applied after entering fullscreen mode. #TINY-11137
+- Text and background color toolbar buttons would not be fully greyed out in readonly mode. #TINY-11313
+- Closing a nested modal dialog would lose focus from the editor. #TINY-11153
+- Inability to type '{' character on German keyboard layouts. #TINY-11395
+
+## 7.4.1 - 2024-10-10
+
+### Fixed
+- Invalid HTML elements within SVG elements were not removed. #TINY-11332
+
+## 7.4.0 - 2024-10-09
+
+### Added
+- New `context` property for all ui components. This allows buttons and menu items to be enabled or disabled based on whether their context matches a given predicate; status updates are checked on `init`, `NodeChange`, and `SwitchMode` events. #TINY-11211
+- Tree component now allows the addition of a custom icon. #TINY-11131
+- Added focus function to view button api. #TINY-11122
+- New option `allow_mathml_annotation_encodings` to opt-in to keep math annotations with specific encodings. #TINY-11166
+- Added global `color-active` LESS variable for use in editor skins. #TINY-11266
+
+### Improved
+- In read-only mode the editor now allows normal cursor movement and block element selection, including video playback. #TINY-11264
+- Pasting a table now places the cursor after the table instead of into the last cell. #TINY-11082
+- Dialog list dropdown menus now close when the browser window resizes. #TINY-11123
+
+### Fixed
+- Mouse hover on partially visible dialog collection elements no longer scrolls. #TINY-9915
+- Caret would unexpectedly shift to the non-editable table row above when pressing Enter. #TINY-11077
+- Deleting a selection in a list element would sometimes prevent the `input` event from being dispatched. #TINY-11100
+- Placing the cursor after a table with a br after it would misplace added newlines before the table instead of after. #TINY-11110
+- Sidebar could not be toggled until the skin was loaded. #TINY-11155
+- The image dialog lost focus after closing an image upload error alert. #TINY-11159
+- Copying tables to the clipboard did not correctly separate cells and rows for the "text/plain" MIME type. #TINY-10847
+- The editor resize handle was incorrectly rendered when all components were removed from the status bar. #TINY-11257
+
+## 7.3.0 - 2024-08-07
+
+### Added
+- Colorpicker number input fields now show an error tooltip and error icon when invalid text has been entered. #TINY-10799
+- New `format-code` icon. #TINY-11018
+
+### Improved
+- When a full document was loaded as editor content the head elements were added to the body. #TINY-11053
+
+### Fixed
+- Unnecessary nbsp entities were inserted when typing at the edges of inline elements. #TINY-10854
+- Fixed JavaScript error when inserting a table using the context menu by adjusting the event order in `renderInsertTableMenuItem`. #TINY-6887
+- Notifications didn't position and resize properly when resizing the editor or toggling views. #TINY-10894
+- The pattern commands would execute even if the command was not enabled. #TINY-10994
+- Split button popups were incorrectly positioned when switching to fullscreen mode if the editor was inside a scrollable container. #TINY-10973
+- Sequential html comments would in some cases generate unwanted elements. #TINY-10955
+- The listbox component had a fixed width and was not a responsive ui element. #TINY-10884
+- Prevent default mousedown on toolbar buttons was causing misplaced focus bugs. #TINY-10638
+- Attempting to use focus commands on an editor where the cursor had last been in certain contentEditable="true" elements would fail. #TINY-11085
+- Colorpicker's hex-based input field showed the wrong validation error message. #TINY-11115
+
+## 7.2.1 - 2024-07-03
+
+### Fixed
+- Text content could move unexpectedly when deleting a paragraph. #TINY-10590
+- Cursor would shift to the start of the editor body when focus was shifted to a noneditable cell of a table. #TINY-10127
+- Long translations of the bottom help text would cause minor graphical issues. #TINY-10961
+- Open Link button was disabled when selection partially covered a link or when multiple links were selected. #TINY-11009
+
+## 7.2.0 - 2024-06-19
+
+### Added
+- Added `options.debug` API that logs the initial raw editor options to console. #TINY-10605
+- Added `referrerpolicy` as a valid attribute for an iframe element. #TINY-10374
+- New `onInit` and `stretched` properties to the `HtmlPanel` dialog component. #TINY-10900
+- Added support for querying the state of the `mceTogglePlainTextPaste` command. #TINY-10938
+- Added `for` option to dialog label components to improve accessibility. The value must be another component on the same dialog. #TINY-10971
+
+### Improved
+- Dialog slider components now emit an onChange event when using arrow keys. #TINY-10428
+- Accessibility for element path buttons, added tooltip to describe the button and removed incorrect `aria-level` attribute. #TINY-10891
+- Improve merging of inserted inline elements by removing nodes with redundant inheritable styles. #TINY-10869
+- Improved Find & Replace dialog accessibility by changing placeholders to labels. #TINY-10871
+
+### Changed
+- Replaced tiny branding logo with `Build with TinyMCE` text and logo. #TINY-11001
+
+### Fixed
+- Deleting in a `div` with preceeding `br` elements would sometimes throw errors. #TINY-10840
+- `autoresize_bottom_margin` was not reliably applied in some situations. #TINY-10793
+- Fixed cases where adding a newline around a br, table or img would not move the cursor to a new line. #TINY-10384
+- Focusing on `contenteditable="true"` element when using `editable_root: false` and inline mode causing selection to be shifted. #TINY-10820
+- Corrected the `role` attribute on listbox dialog components to `combobox` when there are no nested menu items. #TINY-10807
+- HTML entities that were double decoded in `noscript` elements caused an XSS vulnerability. #TINY-11019
+- It was possible to inject XSS HTML that was not matching the regexp when using the `noneditable_regexp` option. #TINY-11022
+
+## 7.1.2 - 2024-06-05
+
+### Fixed
+- CSS color values set to `transparent` were incorrectly converted to '#000000`. #TINY-10916
+
+## 7.1.1 - 2024-05-22
+
+### Fixed
+- Insert/Edit image dialog lost focus after the image upload completed. #TINY-10885
+- Deleting into a list from a paragraph that has an `img` tag could cause extra inline styles to be added. #TINY-10892
+- Resolved an issue where emojis configured with the `emojiimages` database were not loading correctly due to a broken CDN. #TINY-10878
+- Iframes in dialogs were not rendering rounded borders correctly. #TINY-10901
+- Autocompleter possible values are no longer capped at a length of 10. #TINY-10942
+
+## 7.1.0 - 2024-05-08
+
+### Added
+- Parser support for math elements. #TINY-10809
+- New `math-equation` icon. #TINY-10804
+
+### Improved
+- Included `itemprop`, `itemscope` and `itemtype` as valid HTML5 attributes in the core schema. #TINY-9932
+- Notification accessibility improvements: added tooltips, keyboard navigation and shortcut to focus on notifications. #TINY-6925
+- Removed `aria-pressed` from the `More` button in sliding toolbar mode and replaced it with `aria-expanded`. #TINY-10795
+- The editor UI now renders correctly in Windows High Contrast Mode. #TINY-10781
+
+### Fixed
+- Backspacing in certain html setups resulted in data moving around unexpectedly. #TINY-10590
+- Dialog title markup changed to use an `h1` element instead of `div`. #TINY-10800
+- Dialog title was not announced in macOS VoiceOver, dialogs now use `aria-label` instead of `aria-labelledby` on macOS. #TINY-10808
+- Theme loader did not respect the suffix when it was loading skin CSS files. #TINY-10602
+- Custom block elements with colon characters would throw errors. #TINY-10813
+- Tab navigation in views didn't work. #TINY-10780
+- Video and audio elements could not be played on Safari. #TINY-10774
+- `ToggleToolbarDrawer` command did not toggle the toolbar in `sliding` mode when `{skipFocus: true}` parameter was passed. #TINY-10726
+- The buttons in the custom view header were clipped on when overflowing. #TINY-10741
+- In the custom view, the scrollbar of the container was not visible if its height was greater than the editor. #TINY-10741
+- Fixed accessibility issue by removing duplicate `role="menu"` attribute from color swatches. #TINY-10806
+- Fullscreen mode now prevents focus from leaving the editor. #TINY-10597
+- Open link context menu action did not work with selection surrounding a link. #TINY-10391
+- Styles were not retained when toggling a list on and off. #TINY-10837
+- Caret and placeholder text were invisible in Windows High Contrast Mode. #TINY-9811
+- Firefox did not announce the iframe title when `iframe_aria_text` was set. #TINY-10718
+- Notification width was not constrained to the width of the editor. #TINY-10886
+- Open link context menu action was not enabled for links on images. #TINY-10391
+
+## 7.0.1 - 2024-04-10
+
+### Fixed
+- Toggle list behavior generated wrong html when the `forced_root_block` option was set to `div`. #TINY-10488
+- Tapping inside a composed text on Firefox Android would not close the autocompleter. #TINY-10715
+- An inline editor toolbar now behaves correctly in horizontally scrolled containers. #TINY-10684
+- Tooltips unintended shrinking and incorrectly positioned when shown in horizontally scrollable container. #TINY-10797
+- The status bar was invisible when the editor's height is short. #TINY-10705
+
+## 7.0.0 - 2024-03-20
+
+### Added
+- New `license_key` option that must be set to `gpl` or a valid license key. #TINY-10681
+- New custom tooltip functionality, tooltip will be shown when hovering with a mouse or with keyboard focus. #TINY-9275
+- New `sandbox_iframes_exclusions` option that holds a list of URL host names to be excluded from iframe sandboxing when `sandbox_iframes` is set to `true`. #TINY-10350
+- Added 'getAllEmojis' api function to the emoticons plugin. #TINY-10572
+- Element preset support for the `valid_children` option and Schema.addValidChildren API. #TINY-9979
+- A new `trigger` property for block text pattern configurations, allowing pattern activation with either Space or Enter keys. #TINY-10324
+- onFocus callback for CustomEditor dialog component. #TINY-10596
+- icons for the import from Word, export to Word and export to PDF premium plugins. #TINY-10612
+- `data` is now a valid element in the Schema. #TINY-10611
+- More advanced schema config for custom elements. #TINY-9980
+- Custom tooltip for autocompleter, now visible on both mouse hover and keyboard focus, except single column cases. #TINY-9638
+
+### Improved
+- Included keyboard shortcut in custom tooltip for `ToolbarButton` and `ToolbarToggleButton`. #TINY-10487
+- Improved showing which element has focus for keyboard navigation. #TINY-9176
+- Custom tooltips will now show for items in `collection` which is rendered inside a dialog, on mouse hover and keyboard focus. #TINY-9637
+- Autocompleter will now work with IMEs. #TINY-10637
+- Make table ghost element better reflect height changes when resizing. #TINY-10658
+
+### Changed
+- TinyMCE is now licensed GPL Version 2 or later. #TINY-10578
+- `convert_unsafe_embeds` editor option is now defaulted to `true`. #TINY-10351
+- `sandbox_iframes` editor option is now defaulted to `true`. #TINY-10350
+- The DOMUtils.isEmpty API function has been modified to consider nodes containing only comments as empty. #TINY-10459
+- The `highlight_on_focus` option now defaults to true, adding a focus outline to every editor. #TINY-10574
+- Delay before the tooltip to show up, from 800ms to 300ms. #TINY-10475
+- Now `tox-view__pane` has `position: relative` instead of `static`. #TINY-10561
+- Update outbound link for statusbar Tiny logo #TINY-10494
+- Remove the height field from the `table` plugin cell dialog. The `table` plugin row dialog now controls the row height by setting the height on the `tr` element, not the `td` elements. #TINY-10617
+- Change table height resizing handling to remove heights from `td`/`th` elements and only apply to `tr` elements. #TINY-10589
+- Removed incorrect `aria-placeholder` attribute from editor body when `placeholder` option is set. #TINY-10452
+- The `tooltip` property for dialog's footer `togglebutton` is now optional. #TINY-10672
+- Changed the `media_url_resolver` option to use promises. #TINY-9154
+- `Styles` bespoke toolbar button fallback changed to `Formats` if `Paragraph` is not configured in `style_formats` option. #TINY-10603
+- Updated deprecation/removed console message. #TINY-10694
+
+### Removed
+- Deprecated `force_hex_color` option, with the default now being all colors are forced to hex format as lower case. #TINY-10436
+- Deprecated `remove_trailing_brs` option from DomParser. #TINY-10454
+- `title` attribute on buttons with visible label. #TINY-10453
+- `InsertOrderedList` and `InsertUnorderedList` commands from core, these now only exist in the `lists` plugin. #TINY-10644
+- `closeButton` from the notification API, close buttons in notifications are now required. #TINY-10646
+- The autocompleter `ch` configuration property has been removed. Use the `trigger` property instead. #TINY-8929
+- Deprecated `template` plugin. #TINY-10654
+
+### Fixed
+- When deleting the last row in a table, the cursor would jump to the first cell (top left), instead of moving to the next adjacent cell in some cases. #TINY-6309
+- Heading formatting would be partially applied to the content within the `summary` element when the caret was positioned between words. #TINY-10312
+- Moving focus to the outside of the editor after having clicked a menu would not fire a `blur` event as expected. #TINY-10310
+- Autocomplete would sometimes cause corrupt data when starting during text composition. #TINY-10317
+- Inline mode with persisted toolbar would show regardless of the skin being loaded, causing css issues. #TINY-10482
+- Table classes couldn't be removed via setting an empty value in `table_class_list`. Also fixed being forced to pick the first class option. #TINY-6653
+- Directly right clicking on a ol's li in FireFox didn't enable the button `List Properties...` in the context menu. #TINY-10490
+- The `link_default_target` option wasn't considered when inserting a link via `quicklink` toolbar. #TINY-10439
+- When inline editor toolbar wrapped to multiple lines the top wasn't always calculated correctly. #TINY-10580
+- Removed manually dispatching dragend event on drop in Firefox. #TINY-10389
+- Slovenian help dialog content had a dot in the wrong place. #TINY-10601
+- Pressing Backspace at the start of an empty `summary` element within a `details` element nested in a list item no longer removes the `summary` element. #TINY-10303
+- The toolbar width was miscalculated for the inline editor positioned inside a scrollable container. #TINY-10581
+- Fixed incorrect object processor for `event_root` option. #TINY-10433
+- Adding newline after using `selection.setContent` to insert a block element would throw an unhandled exception. #TINY-10560
+- Floating toolbar buttons in inline editor incorrectly wrapped into multiple rows on window resizing or zooming. #TINY-10570
+- When setting table border width and `table_style_by_css` is true, only the border attribute is set to 0 and border-width styling is no longer used. #TINY-10308
+- Clicking to the left or right of a non-editable div in Firefox would show two cursors. #TINY-10314
+
+## 6.8.3 - 2024-02-08
+
+### Changed
+- Update outbound TinyMCE website links. #TINY-10491
+
+### Fixed
+- The floating toolbar would not be fully visible when the editor was placed inside a scrollable container. #TINY-10335
+- ShadowDOM skin was not loaded properly when used with js bundling feature. #TINY-10451
+
+## 6.8.2 - 2023-12-11
+
+### Fixed
+- Bespoke select toolbar buttons including `fontfamily`, `fontsize`, `blocks`, and `styles` incorrectly used plural words in their accessible names. #TINY-10426
+- The `align` bespoke select toolbar button had an accessible name that was misleading and grammatically incorrect in certain cases. #TINY-10435
+- Accessible names of bespoke select toolbar buttons including `align`, `fontfamily`, `fontsize`, `blocks`, and `styles` were incorrectly translated. #TINY-10426 #TINY-10435
+- Clicking inside table cells with heavily nested content could cause the browser to hang. #TINY-10380
+- Toggling a list that contains an LI element having another list as its first child would remove the remaining content within that LI element. #TINY-10414
+
+## 6.8.1 - 2023-11-29
+
+### Improved
+- Colorpicker now includes the Brightness/Saturation selector and hue slider in the keyboard navigable items. #TINY-9287
+
+### Fixed
+- Translation syntax for announcement text in the table grid was incorrectly formatted. #TINY-10141
+- The functions `schema.isWrapper` and `schema.isInline` did not exclude node names that started with `#` which should not be considered as elements. #TINY-10385
+
+## 6.8.0 - 2023-11-22
+
+### Added
+- CSS files are now also generated as separate JS files to improve bundling of all resources. #TINY-10352
+- Added new `StylesheetLoader.loadRawCss` API that can be used to load CSS into a style element. #TINY-10352
+- Added new `StylesheetLoader.unloadRawCss` API that can be used to unload CSS that was loaded into a style element. #TINY-10352
+- Added `force_hex_color` editor option. Option `'always'` converts all RGB & RGBA colours to hex, `'rgb_only'` will only convert RGB and *not* RGBA colours to hex, `'off'` won't convert any colours to hex. #TINY-9819
+- Added `default_font_stack` editor option that makes it possible to define what is considered a system font stack. #TINY-10290
+- New `sandbox_iframes` option that controls whether iframe elements will be added a `sandbox=""` attribute to mitigate malicious intent. #TINY-10348
+- New `convert_unsafe_embeds` option that controls whether `<object>` and `<embed>` elements will be converted to more restrictive alternatives, namely `<img>` for image MIME types, `<video>` for video MIME types, `<audio>` audio MIME types, or `<iframe>` for other or unspecified MIME types. #TINY-10349
+
+### Improved
+- Improved the tooltips of picker buttons for the urlinput components in the "Insert/Edit Image" and "Insert/Edit Link" dialogs. #TINY-10155
+- Inline dialog will now respect `size: 'large'` argument in the dialog spec. #TINY-10209
+- SVG elements and their children are now retained when configured as valid elements. #TINY-10237
+- Bespoke select toolbar buttons including `align`, `fontfamily`, `fontsize`, `blocks`, and `styles` did not include their visible text labels in their accessible names. #TINY-10147
+
+### Fixed
+- Editor would convert urls that are not http/s or relative resulting in broken links. #TINY-10153
+- Calling the `setProgressState` API would cause the window to be scrolled when the editor wasn't fully visible. #TINY-10172
+- Applying heading formatting to the content of the `summary` element extended its application to the content of the parent `details` element. #TINY-10154
+- Setting the content with an attribute that contains a self-closing HTML tag did not preserve the tag. #TINY-10088
+- Screen readers now announce the selected color of `forecolor` and `backcolor` buttons. #TINY-9796
+- Resize handles would not appear on editable images in a non-editable context. #TINY-10118
+- Corrections and copy-edits to the `addIcon` API documentation. #TINY-10230
+- The dialog size was not updated when the `size` argument was changed when redialling a dialog. #TINY-10209
+- Toggling a list that contains an LI element having another list as its first child would remove the remaining content within that LI element. #TINY-10213
+- Custom block element wasn't considered block element in some cases. #TINY-10139
+- The editor no longer forcefully takes focus when a notification closes while the focus is outside of the editor. #TINY-10282
+- An empty element with a `contenteditable="true"` attribute within a table cell would not be treated as content and get removed if backspace or delete was being pressed. #TINY-10010
+- Removing an LI element containing a `details` element would incorrectly merge its content. #TINY-10133
+- The function `getModifierState` did not work on events passed through the editor as expected. #TINY-10263
+- Search and replace plugin would incorrectly find matching text inside non-editable root elements. #TINY-10162
+- Removed use of `async` for editor rendering which caused visual blinking when reloading the editor in-place. #TINY-10249
+- Toggling off one format on the caret when multiple formats was toggled on would toggle all of them off. #TINY-10132
+- Merging an external `p` inside a `list` via delete or backspace would incorrectly try to move a parent element inside a child element. #TINY-10289
+- Directionality would not be consistently applied to the entire `accordion` block. #TINY-10291
+- The `fontsizeinput` toolbar item was causing console warnings when toolbar items were clicked. #TINY-10330
+- Menubar buttons with more than one word would sometimes wrap into two lines. #TINY-10343
+- Creating a new `li` via enter inside a nested list would not inherit styles from the source `li`. #TINY-10316
+- Screen readers now announce the active autocompleter item. #TINY-9393
+- Dialog collection items would not display any icons chosen from icon pack. #TINY-10174
+
+## 6.7.3 - 2023-11-15
+
+### Changed
+- Zero width no-break space (U+FEFF) characters are removed from content passed to `setContent`, `insertContent`, and `resetContent` APIs. #TINY-10305
+- Zero width no-break space (U+FEFF) characters in initial content are not loaded into the editor upon initialization. #TINY-10305
+
+### Fixed
+- Specific HTML content containing unescaped text nodes caused mXSS when using undo/redo. #TINY-10305
+- Specific HTML content containing unescaped text nodes caused mXSS when using the `getContent` and `setContent` APIs with the `format: 'raw'` option, which also affected the `resetContent` API and the draft restoration feature of the Autosave plugin. #TINY-10305
+
+## 6.7.2 - 2023-10-25
+
+### Fixed
+- The function `getModifierState` did not work on events passed through the editor as expected. #TINY-10263
+- Removed use of `async` for editor rendering which caused visual blinking when reloading the editor in-place. #TINY-10249
+- Toggling a list that contains an LI element having another list as its first child would remove the remaining content within that LI element. #TINY-10213
+- List items containing a list element surrounded by non list nodes would cause some list operations to fail. #TINY-10268
+- The `accordion` toggling with the Enter key press would behave incorrectly on Safari. #TINY-10177
+- Deleting a range that included both text of a cell and a nested table in that cell removed the entire content of the cell. #TINY-10254
+
+## 6.7.1 - 2023-10-19
+
+### Fixed
+- Specific HTML content caused mXSS when using undo/redo. #TINY-10180
+- Specific HTML content caused mXSS when using the `getContent` and `setContent` APIs with the `format: 'raw'` option, which also affected the `resetContent` API and the draft restoration feature of the Autosave plugin. #TINY-10236
+- Notification messages containing HTML were not properly XSS sanitized before being displayed. #TINY-10286
+
+## 6.7.0 - 2023-08-30
+
+### Added
+- New `help_accessibility` option displays the keyboard shortcut to open the in-application help in the status bar. #TINY-9379
+- Added a new `InsertNewBlockBefore` command which inserts an empty block before the block containing the current selection. #TINY-10022
+- Added a new `InsertNewBlockAfter` command which inserts an empty block after the block containing the current selection. #TINY-10022
+
+### Improved
+- Adding a newline after a table would, in some specific cases, not work. #TINY-9863
+- Menus now have a slight margin at the top and bottom to more clearly separate them from the frame edge. #TINY-9978
+- Updated **More** toolbar button tooltip text from *More...* to *Reveal or hide additional toolbar items*. #TINY-9629
+- Where multiple case sensitive variants of a translation key are provided, they will now all be preserved in the translation object instead of just the lowercase variant. #TINY-10115
+- Improved screen reader announcements of the column and row selection in the grid presented by the **Table** menu and toolbar item. #TINY-10140
+- Improved the keyboard focus visibility for links inside dialogs. #TINY-10124
+
+### Changed
+- Change `UndoLevelType` from `enum` to union type so that it is easier to use. #TINY-9764
+- The pattern replacement removed spaces if they were contained within a tag that only contained a space and the text to replace. #TINY-9744
+- If loading content CSS takes more than 500ms, the editor will be set to an *in progress* state until the CSS is ready. #TINY-10008
+
+### Fixed
+- Applying an ordered or unordered list to a selected checklist incorrectly turned the list into paragraphs. #TINY-9975
+- Returning an empty string in a custom context menu update function resulted in a small white line appearing on right-click and the browser-native context menu would not present. #TINY-9842
+- For sufficiently long URLs and sufficiently wide windows, URL autocompletion hid middle portions of the URL from view. #TINY-10017
+- Numeric input in toolbar items did not disable when a switching from edit to read-only mode. #TINY-10129
+- The Quick Toolbars plugin showed text alignment buttons on pagebreaks. #TINY-10054
+- Creating lists in empty blocks sometimes, and incorrectly, converted adjacent block elements into list items. #TINY-10136
+- Creating a list from multiple `<div>` elements only created a partial list. #TINY-9872
+- Tab navigation incorrectly stopped around `iframe` dialog components. #TINY-9815
+- It was possible to delete the sole empty block immediately before a `<details>` element if it was nested within another `<details>` element. #TINY-9965
+- Deleting `<li>` elements that only contained `<br>` tags sometimes caused a crash. #TINY-6888
+- It was possible to remove the `<summary>` element from a `<details>` element by dragging and dropping. #TINY-9960
+- It was possible to break `<summary>` elements if content containing block elements was dragged-and-dropped inside them. #TINY-9960
+- Contents were not removed from the drag start source if dragging and dropping internally into a transparent block element. #TINY-9960
+- Using the Media plugin unexpectedly changed `<script>` tags in the editor body to `<image>` tags. #TINY-10007
+- In some circumstances, pressing the **Enter** key scrolled the entire page. #TINY-9828
+- The border styles of a table were incorrectly split into a longhand form after table dialog updates. #TINY-9843
+- Links in **Help → Help → Plugins** and **Help → Help → Version** were not navigable by keyboard. #TINY-10071
+- Fixed the inability to insert content next to the `<details>` element when it is the first or last content element. Pressing the **Up** or **Down** arrow key now inserts a block element before or after the `<details>` element. #TINY-9827
+- An empty element with a `contenteditable="true"` attribute within a noneditable root was deleted when the Backspace key was pressed. #TINY-10011
+- The `color_cols` option was not respected when set to the value 5 with a custom `color_map` specified. #TINY-10126
+- In Safari on macOS, deleting backwards within a `<summary>` element removed the entire `<details>` element if it had no other content. #TINY-10123
+
+## 6.6.2 - 2023-08-09
+
+### Fixed
+- An "Uncaught TypeError: Cannot read properties of null" error would sometimes be thrown when updating the content of a `streamContent: true` iframe dialog component. #TINY-10128
+
+## 6.6.1 - 2023-08-02
+
+### Added
+- Restored filtering option, `pad_empty_with_br`. Set to `true` to pad empty block elements with `<br>` tags instead of the `&nbsp;` character entity. #TINY-9861
+
+### Improved
+- When Safari is the host browser, content updates for iframe dialog components with `streamContent: true` set are now throttled to 500ms intervals. #TINY-10097
+
+### Changed
+- API comments/documentation: a markup typo and run-on sentences both corrected. #TINY-10073
+
+### Fixed
+- On Safari and Firefox, scroll positions were not always maintained when updating the content of a `streamContent: true` iframe dialog component. #TINY-10078
+- On Safari, iframe dialog components did not consistently autoscroll to the end of the scrollable area when `streamContent: true` was set. #TINY-10109
+- Scrolling behavior was inconsistent when updating a `streamContent: true` iframe dialog component with content lacking an HTML document type declaration. #TINY-10110
+- A warning message was sometimes printed to the browser console when closing a dialog that contained an iframe component. #TINY-10070
+- Lists could not be created within editable areas nested inside non-editable areas. #TINY-10000
+- On Safari and Firefox, the border around `iframe` dialog components did not highlight when focused. #TINY-10101
+- Right-clicking on an image in a non-editable context opened the Image context menu. #TINY-10016
+- The `color_cols` option was not respected when a custom `color_map` was defined. #TINY-10098
+- The `color_cols` options were were not rounded to the nearest number when set to a decimal number. #TINY-9737
+
+## 6.6.0 - 2023-07-12
+
+### Added
+- Added a new property value — `bottom` — for inline dialog configurations that anchors the dialog to the bottom of the editor. #TINY-9888
+- Added a new property — `persistent` — for inline dialog configurations that will stop the dialog closing when clicking away from it. #TINY-9991
+- New `ai`, `ai-prompt` and `send` icons. #TINY-9942
+- Added a new property — `streamContent` — for the `iframe` dialog component. This causes `setData()` to update content without reloading the frame, and end scroll positions will be maintained as new content streams in. #TINY-10032
+- AI Assistant plugin toolbar items added to the default toolbar and AI Assistant plugin menu items added to the default menu bar. #TINY-9939
+- Added a new property — `border` — for the `iframe` dialog component that allows a border to be added. #TINY-10049
+- Added a new property — `align` — for the label dialog component that controls text alignment. #TINY-10058
+
+### Improved
+- When defining a modal or inline dialog, if the buttons property is an empty array, or is not defined at all, the footer will now no longer be rendered. #TINY-9996
+- The `iframe` dialog component now has a minimum height of 200px. #TINY-10059
+- Improved detection of scrollable containers when the `ui_mode: 'split'` option is set. #TINY-9385
+
+### Changed
+- The icon in an `alertbanner` dialog component is no longer clickable if the _URL_ field is not specified. #TINY-10013
+
+### Fixed
+- Fixed an issue that caused the inline dialog `size` setting to have no effect. #TINY-10015
+- Fixed an issue that prevented the close button from being clicked when the dialog was blocked. #TINY-10056
+
+## 6.5.1 - 2023-06-19
+
+### Fixed
+- Fixed a regression where pasting an image url would result in the url being inserted as plain text instead of the image being inserted. #TINY-9997
+- It was not possible to press space to insert a space character inside a summary element on Firefox. #TINY-9964
+
+## 6.5.0 - 2023-06-12
+
+### Added
+- Support for the `h` hash parameter in Vimeo video URLs in the Media plugin. #TINY-9830
+- New `table_merge_content_on_paste` option which disables the merging behaviour when pasting a table inside an existing table. #TINY-9808
+- New optional `defaultExpandedIds` and `onToggleExpand` options to the `tree` component config. #TINY-9653
+- New optional `defaultSelectedId` option to the `tree` component config. #TINY-9715
+- New `accordion` plugin with the `InsertAccordion` command. #TINY-9730
+- New `accordion` and `accordion-toggle` icons. #TINY-9789
+- New `details_initial_state` and `details_serialized_state` options. #TINY-9732
+- New `init_content_sync` option that initializes the editor iframe using `document.write` instead of `srcdoc`. #TINY-9818
+- New `newdocument_content` option that sets the content presented in the editor on choosing *File -> New document* or pressing the *New document* toolbar button. #TINY-9839
+- New `editable_root` option that can be set to `false` to prevent editing of the editor’s root element. #TINY-9839
+- New `editor.setEditableRoot` API that sets the editable state of the editor root element. #TINY-9839
+- New `editor.hasEditableRoot` API that returns `true` or `false` depending on the editable state of the editor root element. #TINY-9839
+- New `EditableRootStateChange` event that gets dispatched when the state of the editable root is changed. #TINY-9839
+- Added Oxide styles for `dl`, `dt`, `dd`, `ol`, and `strong` elements in dialog body content. #TINY-9919
+
+### Improved
+- Screen readers can now announce highlighted items listed in the Link dialog’s link combobox. #TINY-9280
+- The `icon` field for a dialog’s footer `togglebutton` is no longer mandatory. #TINY-9757
+- Toolbar buttons and menu items now present as disabled when they cannot be used because a selected element has a `contenteditable="false"` attribute. #TINY-9669
+- Help text displayed at *Help -> Help -> Keyboard Navigation* re-written. #DOC-1936
+- Translations added for Help text displayed at *Help > Help > Keyboard Navigation*. #TINY-9633
+- For word count purposes these characters are now considered punctuation marks: *$*, *~*, *+*, *|*, *№*, and *`*. They no longer increase a document’s word count. #TINY-8122
+- Updated the `codesample` plugin dialog and the `template` plugin dialog to use the `listbox` component to match other dialogs. #TINY-9630
+- If the selection contains more than one table cell, Quickbar toolbars are now positioned in the middle of the selection horizontally. #TINY-8297
+- Exposed `dataTransfer` property of drag and drop events for elements with a `contenteditable="false"` attribute. #TINY-9601
+- Screen readers now announce instructions for resizing the editor using arrow keys, when the resize handle is focused. #TINY-9793
+- Dialog `tabpanel` tab labels are now allowed to word wrap for better readability with long labels. #TINY-9947
+- Added newlines before and after `details` elements in the output HTML. #TINY-9959
+- Added padding for empty `summary` elements so that they can be properly edited. #TINY-9959
+
+### Changed
+- The `caption`, `address` and `dt` elements no longer incorrectly allow non-inline child elements when the editor schema is set to _HTML 4_. #TINY-9768
+- SVG icons for back and foreground colors now use `class` instead of `id` to identify SVG elements that should change color. #TINY-9844
+- Anchor tag elements — `<a>` — no longer incorrectly allow non-inline child elements when the editor schema is set to _HTML 4_. #TINY-9805
+- Help dialog was restored to `medium` width for better readability. #TINY-9947
+
+### Fixed
+- Right-clicking on a merge tag instance presented different highlighting depending on the host browser. #TINY-9848
+- When macOS was the host operating system, pressing *Command+backspace* did not add an undo level. #TINY-8910
+- *Ctrl+backspace* and *Ctrl+delete* did not restore the correct insertion point position after a redo operation. #TINY-8910
+- In the `tree` component, a selected item in a directory would not stay selected after collapsing the directory. #TINY-9715
+- Enabling or Disabling checkboxes would not set the correct classes and attributes. #TINY-4189
+- Entering a newline would, in some setups, place the insertion point in the wrong paragraph. #TINY-9822
+- Redial would, in some situations, cause select elements not to have an initial value selected when they should have. #TINY-9679
+- The Table toolbar was visible even if the table was within a host element with a `contenteditable="false"` attribute set. #TINY-9664
+- Quickbar toolbars were incorrectly shown for elements with a `contenteditable="false"` attribute set in a root with a `contenteditable="false"` attribute set. #TINY-9460
+- When Chrome was the host browser, adding a newline when the insertion point was placed after a table could, in some specific situations, not generate the expected newline. #TINY-9813
+- Show the calculated height and width of Media Embed elements in the `media` plugin dialog. #TINY-8714
+- Removing an image that failed to upload from an empty paragraph left the paragraph without a padding `<br>` tag. #TINY-9696
+- Allow a Media Embed element to be correctly resized when using the `media` plugin dialog by converting the Media Embed element to a standalone iframe. #TINY-8714
+- In some circumstances, an inline alert in the _Search and Replace_ dialog persisted when it was not necessary. #TINY-9704
+- Context toolbars displayed the incorrect status for the `advlist` plugin buttons. #TINY-9680
+- In Safari running on iOS, Korean characters merged onto the previous line upon typing after inserting a newline by pressing Enter. #TINY-9746
+- Initiating the editor with a table as the first element resulted in resize handles being displayed around the table even when the editor did not have focus. #TINY-9748
+- If the insertion point was between two images, pressing the Backspace key would, in some situations, delete the image after the insertion point instead of the image before the insertion point. #TINY-9807
+- Directionality commands could set the `dir` attribute on elements with a `contenteditable="false"` attribute set when these elements were within a root with a `contenteditable="false"` attribute set. #TINY-9662
+- The content of the dialog body could not be scrolled. #TINY-9668
+- Some toolbar items, when in a not-enabled state, did not render the `not-allowed` mouse pointer. #TINY-9758
+- Formats were incorrectly applied to the closest editable element if the selection was in a `contenteditable="false"` context. #TINY-9678
+- Formats were incorrectly removed from the closest editable element if the selection was in a `contenteditable="false"` context. #TINY-9678
+- Formatter API, `canApply`, was not returning `false` when the selection was in a `contenteditable="false"` context. #TINY-9678
+- When dragging image elements and dropping the image in the editor the `dragend` event would sometimes not fire when Firefox was the host browser. #TINY-9694
+- It was possible to remove links in noneditable contents with the `unlink` editor command. #TINY-9739
+- Direction was not visually changing when using the Directionality plugin on an element which had the `direction` CSS property set. #TINY-9314
+- Whitespace between transparent elements was incorrectly converted into empty paragraphs. #TINY-9761
+- Popups were not constrained within the scrollable container when in a shadow root. #TINY-9743
+- Pressing arrow keys inside RTL elements would move the insertion point in an incorrect direction when moving over elements with the `contenteditable` attribute set to `false`. #TINY-9565
+- Inserting two tables consecutively without focus in the editor resulted in the second table being inserted at the wrong position. #TINY-3909
+- Pasting content into the editor did not fire `beforeinput` and `input` events. #TINY-9829
+- In some cases, exiting a `blockquote` element could fail when the insertion point was positioned at the end of the `blockquote`. #TINY-9794
+- Templates containing an `<html>` tag were not parsed before being rendered for preview. #TINY-9867
+- Typing after deleting formatted content could remove a space at the start of the typing. #TINY-9310
+- Invalid markup in Notification and Dialog close buttons. #TINY-9849
+- In dialogs, an incorrect `aria-describedby` attribute caused the dialog body to be announced when using a screen reader. #TINY-9816
+- The sticky toolbar did not render correctly when transitioning from the custom editor view to the main view. #TINY-9814
+- Saving the Table Properties dialog after changing properties unrelated to cells would overwrite cell properties set by the Cell Properties dialog. #TINY-9837
+- Fixed the constrained bounds calculation for dismissal of the toolbar when using `toolbar_location: 'bottom'`. #TINY-9718
+- Pressing the Backspace or Delete key when the insertion point was within a `details` element resulted in broken markup. #TINY-9884
+- Making the selection into a list did not work if the selection included a block element with a `contenteditable="false"` attribute. #TINY-9823
+- Inserting elements in the middle of the summary caused two summaries to appear within `details` elements. #TINY-9885
+
+## 6.4.2 - 2023-04-26
+
+### Fixed
+- The editor displayed a notification error when it failed to retrieve a blob image uri. #TINY-9604
+- Tab navigation no longer incorrectly stops at menu buttons within toolbar groups. #TINY-9723
+- The `urlinput` dialog component would not open the type-ahead dropdown when the input value was reset to an empty string. #TINY-9717
+- Redial would, in some circumstances, cause elements to not have an initial value selected when they should have. #TINY-9679
+- When hovering over tree dialog components the mouse pointer rendered incorrectly. #TINY-9692
+- The `tox-button` and `tox-button-secondary` buttons now support the `hover`, `active`, `focus`, and `disabled` states. #TINY-9713
+- Setting an invalid unit in the `fontsizeinput` changed it to the default value instead of reverting it to the previous, and valid, value. #TINY-9754
+- Selection was not correctly scrolled horizontally into view when using the `selection.scrollIntoView` API. #TINY-9747
+- The contextual toolbar displayed the status of Advanced List Premium plugin icons incorrectly. #TINY-9680
+- The `quickimage` toolbar button failed to insert images selected from the local computer when running on Google Chrome for macOS. #TINY-9769
+
+## 6.4.1 - 2023-03-29
+
+### Fixed
+- The `fontsizeinput` increase and decrease size buttons now work on TinyMCE mobile. #TINY-9725
+- The TinyMCE editor toolbar is now accessible for all screen widths; it no longer collapses into an inaccessible vertical line when the screen is scrolled horizontally. #TINY-9646
+- Reverted the changes made, in TinyMCE 6.4.0, to UI button colors in focus, active, and enabled states. #TINY-9176
+
+## 6.4.0 - 2023-03-15
+
+### Added
+- New `tree` component that can be used in dialog body panel. #TINY-9532
+- `renderUI` property in the `Theme` type can now return a `Promise<RenderResult>` instead of `RenderResult`. #TINY-9556
+- New `isEditable` API to `editor.selection` that returns true or false if the current selection is editable. #TINY-9462
+- New `isEditable` API to `editor.dom` that returns true or false if the specified node is editable. #TINY-9462
+- New `setText` and `setIcon` methods added to menu button and toolbar button API. #TINY-9268
+- New `highlight_on_focus` option which enables highlighting the content area on focus. #TINY-9277
+- New `fontsizeinput` toolbar item which allows the user to set the size via input and also increase and decrease it with `+` and `-` buttons. #TINY-9429
+- Added `skipFocus` option to the `ToggleToolbarDrawer` command to preserve focus. #TINY-9337
+- New `font_size_input_default_unit` option allows entry of numbers without a unit in `fontsizeinput`. They are then parsed as the set unit. If `font_size_input_default_unit` is not set the default is `pt`. #TINY-9585
+- New `group` and `togglebutton` in view. #TINY-9523
+- New `togglebutton` in dialog footer buttons. #TINY-9523
+- Added `toggleFullscreen` to dialog API. #TINY-9528
+- New `text-size-increase` and `text-size-decrease` icons. #TINY-9530
+- New `xss_sanitization` option to allow disabling of XSS sanitization. #TINY-9600
+- Added the top right close button of modal dialogs to the tabbing order. The 'x' button in these dialogs can now be accessed using keyboard navigation. #TINY-9520
+- New `ui_mode` option for editor in scrollable containers support. #TINY-9414
+- The sidebar element now has the accessibility role `region` when visible and the accessibility role `presentation` when hidden. #TINY-9517
+- The `tox-custom-editor` class now has a border highlight when it is selected. #TINY-9673
+- An element could be dropped onto the decendants of an element with a `contenteditable="false"` attribute. #TINY-9364
+- Checkmark did not show in menu color swatches. #TINY-9395
+- Add support for navigating inside the tree component using arrow keys and shift key. #TINY-9614
+
+### Improved
+- Direct invalid child text nodes of list elements are now wrapped in list item elements. #TINY-4818
+- Templates are now be parsed before preview and insertion to make preview consistent with inserted template content and prevent XSS. #TINY-9244
+- Pressing backspace on an empty line now preserves formatting on the previous empty line. #TINY-9454
+- Pressing enter inside the `inputfontsize` input field now moves focus back into the editor content. #TINY-9598
+- Drag and drop events for elements with a `contenteditable="false"` attribute now includes target element details. #TINY-9599
+- Updated focus, active, and enabled colors of UI buttons for improved contrast against the UI color. #TINY-9176
+
+### Changed
+- The `link` plugins context menu items no longer appears for links that include elements with a `contenteditable="false"` attribute. #TINY-9491
+- The formatting of elements with a `contenteditable="false"` attribute are no longer cloned to new cells when new table rows are created. #TINY-9449
+- Changed the color of `@dialog-table-border-color`, and added right padding to the first cell of dialog table. #TINY-9380
+
+### Fixed
+- Sometimes the editor would finish initializing before the silver theme would have finished loading. #TINY-9556
+- The `searchreplace` modal closed incorrectly when clicking outside of the alert that pops up when no match is found. #TINY-9443
+- The text color or background color picker toolbar buttons did not update when the text color or background color was changed using the equivalent commands in the Format menu. #TINY-9439
+- The `onSetup` api function would not run when defining custom group toolbar button. #TINY-9496
+- The foreground and background menu icons would not properly update to display the last used color. #TINY-9497
+- Added new `setIconFill` function to `NestedMenuItemInstanceApi`. #TINY-9497
+- Pasting links to text would sometimes not generate the correct undo stack in Safari. #TINY-9489
+- Toolbar split buttons in `advlist` plugin now show the correct state when the cursor is in a checklist. #TINY-5167
+- Dragging transparent elements into transparent block elements could produce invalid nesting of transparents. #TINY-9231
+- The `editor.insertContent` API would insert contents inside elements with a `contenteditable="false"` attribute if the selection was inside the element. #TINY-9462
+- Closing a dialog would scroll down the document in Safari. #TINY-9148
+- Inline headers would not work in some situations when the editor was moved too far right horizontally. #TINY-8977
+- Quick toolbars were incorrectly rendered during the dragging of elements with a `contenteditable="false"` attribute. #TINY-9305
+- Selection of images, horizontal rules, tables or elements with a `contenteditable="false"` attribute was possible if they were within an element with a `contenteditable="false"` attribute. #TINY-9473
+- Ranged deletion of formatted text using selection or a keyboard shortcut would sometimes cause Blink- and Webkit-based browsers to insert interpreted tags upon typing. This could result in inconsistent tags. #TINY-9302
+- Visual characters were rendered inside elements with a `contenteditable="false"` attribute. #TINY-9474
+- Lists with an element with a `contenteditable="false"` attribute as their root were incorrectly editable using list API commands, toolbar buttons and menu items. #TINY-9458
+- Color picker dialog would not update the preview color if the hex input value was prefixed with the `#` character. #TINY-9457
+- Table cell selection was possible even if the element being selected was within an element with a `contenteditable="false"` attribute. #TINY-9459
+- Table commands were modifying tables that were within an element with a `contenteditable="false"` attribute. #TINY-9459
+- Fake carets were rendered for elements with a `contenteditable="false"` attribute and for tables within an element with a `contenteditable="false"` attribute. #TINY-9459
+- Textareas with scrollbars in dialogs would not render rounded corners correctly on some browsers. #TINY-9331
+- It was possible to open links inside the editor if the editor root was an element with a `contenteditable="false"` attribute. #TINY-9470
+- Inline boundary was rendered for boundary elements that had a `contenteditable="false"` attribute. #TINY-9471
+- Clicking on a disabled split button will no longer call the `onAction` callback. #TINY-9504
+- The *Edit Link* dialog incorrectly retrieved the URL value when opened immediately after the link insertion. #TINY-7993
+- The `ForwardDelete` and `Delete` editor commands were deleting content within elements with a `contenteditable="false"` attribute. #TINY-9477
+- The Backspace and Forward Delete keys were deleting content within elements with a `contenteditable="false"` attribute. #TINY-9477
+- Inserting newlines inside an editable element that was inside an element with a `contenteditable="false"` attribute root would sometimes try to split the editable element. #TINY-9461
+- Creating a list in a table cell when the caret is in front of an anchor element would not properly include the anchor in the list. #TINY-6853
+- Dragging and dropping elements with a `contenteditable="false"` attribute on table borders would remove the element on drop. #TINY-9021
+- Elements with a `contenteditable="false"` attribute would be removed when dragged and dropped within a root element with a `contenteditable="false"` attribute. #TINY-9558
+- Formatting could be applied or removed to list items with a `contenteditable="false"` attribute that were inside an element with a `contenteditable="false"` attribute. #TINY-9563
+- Annotation were not removed if the annotation was deleted immediately after being created. #TINY-9399
+- Inserting a link for a selection from quickbars did not preserve formatting. #TINY-9593
+- Inline dialog position was not correct when the editor was not inline and was contained in a `fixed` or `absolute` positioned element. #TINY-9554
+- Sticky toolbars did not fade transition when undocking in classic iframe mode. #TINY-9408
+- Inserting elements that were not valid within the closest editing host would incorrectly split the editing host. #TINY-9595
+- The `color_cols` option was not respected in the `forecolor` or `backcolor` color swatches. #TINY-9560
+- Drag and dropping the last element with a `contenteditable="false"` attribute out of its parent block would not properly pad the parent block element. #TINY-9606
+- Applying heading formats from `text_patterns` produced an invisible space before a word. #TINY-9603
+- Opening color swatches caused the browser tab to crash when `color_cols` or other column option was set to 0. #TINY-9649
+- Opening a menu button in the footer of a dialog after a redial threw an error. #TINY-9686
+- After closing a view, the `more...` toolbar button disappeared if the editor had `toolbar_mode: 'sliding'` and the toolbar was opened. #TINY-9419
+- Inline dialogs would open partially off screen when the toolbar had a small width. #TINY-9588
+- The `autoresize` plugin would cause infinite resizing when `content_css` was set to `document`. #TINY-8872
+
+## 6.3.2 - 2023-02-22
+
+### Fixed
+- Removed a workaround for ensuring stylesheets are loaded in an outdated version of webkit. #TINY-9433
+
+## 6.3.1 - 2022-12-06
+
+### Fixed
+- HTML in messages for the `WindowManager.alert` and `WindowManager.confirm` APIs were not properly sanitized. #TINY-3548
+
+## 6.3.0 - 2022-11-23
+
+### Added
+- New `expand` function added to `tinymce.selection` which expands the selection around the nearest word. #TINY-9001
+- New `expand` function added to `tinymce.dom.RangeUtils` to return a new range expanded around the nearest word. #TINY-9001
+- New `color_map_background` and `color_map_foreground` options which set the base colors used in the `backcolor` and `forecolor` toolbar buttons and menu items. #TINY-9184
+- Added optional `storageKey` property to `colorinput` component and `colorswatch` fancy menu item. #TINY-9184
+- New `addView` function added to `editor.ui.registry` which makes it possible to register custom editor views. #TINY-9210
+- New `ToggleView` command which makes it possible to hide or show registered custom views. #TINY-9210
+- New `color_default_foreground` and `color_default_background` options to set the initial default color for the `forecolor` and `backcolor` toolbar buttons and menu items. #TINY-9183
+- New `getTransparentElements` function added to `tinymce.html.Schema` to return a map object of transparent HTML elements. #TINY-9172
+- Added `ToggleToolbarDrawer` event to subscribe to toolbar’s opening and closing. #TINY-9271
+
+### Changed
+- Transparent elements, like anchors, are now allowed in the root of the editor body if they contain blocks. #TINY-9172
+- Colorswatch keyboard navigation now starts on currently selected color if present in the colorswatch. #TINY-9283
+- `setContent` is now allowed to accept any custom keys and values as a second options argument. #TINY-9143
+
+### Improved
+- Transparent elements, like anchors, can now contain block elements. #TINY-9172
+- Colorswatch now displays a checkmark for selected color. #TINY-9283
+- Color picker dialog now starts on the appropriate color for the cursor position. #TINY-9213
+
+### Fixed
+- Parsing media content would cause a memory leak, which for example occurred when using the `getContent` API. #TINY-9186
+- Dragging a noneditable element toward the bottom edge would cause the page to scroll up. #TINY-9025
+- Range expanding capabilities would behave inconsistently depending on where the cursor was placed. #TINY-9029
+- Compilation errors were thrown when using TypeScript 4.8. #TINY-9161
+- Line separator scrolling in floating toolbars. #TINY-8948
+- A double bottom border appeared on inline mode editor for the `tinymce-5` skin. #TINY-9108
+- The editor header showed up even with no menubar and toolbar configured. #TINY-8819
+- Inline text pattern no longer triggers if it matches only the end but not the start. #TINY-8947
+- Matches of inline text patterns that are similar are now managed correctly. #TINY-8949
+- Using `editor.selection.getContent({ format: 'text' })` or `editor.getContent({ format: 'text' })` would sometimes deselect selected radio buttons. #TINY-9213
+- The context toolbar prevented the user from placing the cursor at the edges of the editor. #TINY-8890
+- The Quick Insert context toolbar provided by the `quickbars` plugin showed when the cursor was in a fake block caret. #TINY-9190
+- The `editor.selection.getRng()` API was not returning a proper range on hidden editors in Firefox. #TINY-9259
+- The `editor.selection.getBookmark()` API was not returning a proper bookmark on hidden editors in Firefox. #TINY-9259
+- Dragging a noneditable element before or after another noneditable element now works correctly. #TINY-9253
+- The restored selection after a redo or undo action was not scrolled into view. #TINY-9222
+- A newline could not be inserted when the selection was restored from a bookmark after an inline element with a `contenteditable="false"` attribute. #TINY-9194
+- The global `tinymce.dom.styleSheetLoader` was not affected by the `content_css_cors` option. #TINY-6037
+- The caret was moved to the previous line when a text pattern executed a `mceInsertContent` command on Enter key when running on Firefox. #TINY-9193
+
+## 6.2.0 - 2022-09-08
+
+### Added
+- New `text_patterns_lookup` option to provide additional text patterns dynamically. #TINY-8778
+- New promotion element has been added to the default UI. It can be disabled using the new `promotion` option. #TINY-8840
+- New `format_noneditable_selector` option to specify the `contenteditable="false"` elements that can be wrapped in a format. #TINY-8905
+- Added `allow` as a valid attribute for the `iframe` element in the editor schema. #TINY-8939
+- New `search` field in the `MenuButton` that shows a search field at the top of the menu, and refetches items when the search field updates. #TINY-8952
+
+### Improved
+- The formatter can now apply a format to a `contenteditable="false"` element by wrapping it. Configurable using the `format_noneditable_selector` option. #TINY-8905
+- The autocompleter now supports a multiple character trigger using the new `trigger` configuration. #TINY-8887
+- The formatter now applies some inline formats, such as color and font size, to list item elements when the entire item content is selected. #TINY-8961
+- The installed and available plugin lists in the Help dialog are now sorted alphabetically. #TINY-9019
+- Alignment can now be applied to more types of embedded media elements. #TINY-8687
+
+### Changed
+- The `@menubar-row-separator-color` oxide variable no longer affects the divider between the Menubar and Toolbar. It only controls the color of the separator lines drawn in multiline Menubars. #TINY-8632
+- The `@toolbar-separator-color` oxide variable now affects the color of the separator between the Menubar and Toolbar only. #TINY-8632
+- Available Premium plugins, which are listed by name in the Help dialog, are no longer translated. #TINY-9019
+
+### Fixed
+- The Autolink plugin did not work when text nodes in the content were fragmented. #TINY-3723
+- Fixed multiple incorrect types on public APIs found while enabling TypeScript strict mode. #TINY-8806
+- The number of blank lines returned from `editor.getContent({format: 'text'})` differed between browsers. #TINY-8579
+- The editor focused via the `auto_focus` option was not scrolled into the viewport. #TINY-8785
+- Adding spaces immediately after a `contenteditable="false"` block did not work properly in some circumstances. #TINY-8814
+- Elements with only `data-*` custom attributes were sometimes removed when they should not be removed. #TINY-8755
+- Selecting a figure with `class="image"` incorrectly highlighted the link toolbar button. #TINY-8832
+- Specifying a single, non-default list style for the `advlist_bullet_styles` and `advlist_number_styles` options was not respected. #TINY-8721
+- Fixed multiple issues that occurred when formatting `contenteditable` elements. #TINY-8905
+- Spaces could be incorrectly added to `urlinput` dialog components (commonly but not exclusively presented in the *Insert/Edit Link* dialog) in certain cases. #TINY-8775
+- The text patterns logic threw an error when there were fragmented text nodes in a paragraph. #TINY-8779
+- Dragging a `contentEditable=false` element towards a document’s edge did not cause scrolling. #TINY-8874
+- Parsing large documents no longer throws a `Maximum call stack size exceeded` exception. #TINY-6945
+- DomParser filter matching was not checked between filters, which could lead to an exception in the parser. #TINY-8888
+- `contenteditable="false"` lists can no longer be toggled; and `contenteditable="true"` list elements within these lists can no longer be indented, split into another list element, or appended to the previous list element by deletion. #TINY-8920
+- Removed extra bottom padding in the context toolbar of the `tinymce-5` skin. #TINY-8980
+- Fixed a regression where pressing **Enter** added or deleted content outside the selection. #TINY-9101
+- Fixed a bug where pressing **Enter** deleted selected `contenteditable="false"` `<pre>` elements. #TINY-9101
+- The `editor.insertContent()` API did not respect the `no_events` argument. #TINY-9140
+
+### Deprecated
+- The autocompleter configuration property, `ch`, has been deprecated. It will be removed in the next major release. Use the `trigger` property instead. #TINY-8887
+
+## 6.1.2 - 2022-07-29
+
+### Fixed
+- Reverted the undo level fix in the `autolink` plugin as it caused duplicated content in some edge cases. #TINY-8936
+
+## 6.1.1 - 2022-07-27
+
+### Fixed
+- Invalid special elements were not cleaned up correctly during sanitization. #TINY-8780
+- An exception was thrown when deleting all content if the start or end of the document had a `contenteditable="false"` element. #TINY-8877
+- When a sidebar was opened using the `sidebar_show` option, its associated toolbar button was not highlighted. #TINY-8873
+- When converting a URL to a link, the `autolink` plugin did not fire an `ExecCommand` event, nor did it create an undo level. #TINY-8896
+- Worked around a Firefox bug which resulted in cookies not being available inside the editor content. #TINY-8916
+- `<pre>` content pasted into a `<pre>` block that had inline styles or was `noneditable` now merges correctly with the surrounding content. #TINY-8860
+- After a `codesample` was pasted, the insertion point was placed incorrectly. #TINY-8861
+
+## 6.1.0 - 2022-06-29
+
+### Added
+- New `sidebar_show` option to show the specified sidebar on initialization. #TINY-8710
+- New `newline_behavior` option controls what happens when the Return or Enter key is pressed or the `mceInsertNewLine` command is used. #TINY-8458
+- New `iframe_template_callback` option in the Media plugin. Patch provided by Namstel. #TINY-8684
+- New `transparent` property for `iframe` dialog component. #TINY-8534
+- New `removeAttributeFilter` and `removeNodeFilter` functions added to the DomParser and DOM Serializer APIs. #TINY-7847
+- New `dispatchChange` function added to the UndoManager API to fire the change with current editor status as level and current undoManager layer as lastLevel. #TINY-8641
+
+### Improved
+- Clearer focus states for buttons while navigating with a keyboard. #TINY-8557
+- Support annotating certain block elements directly when using the editor's Annotation API. #TINY-8698
+- The `mceLink` command can now take the value `{ dialog: true }` to always open the link dialog. #TINY-8057
+- All help dialog links to `https://www.tiny.cloud` now include `rel="noopener"` to avoid potential security issues. #TINY-8834
+
+### Changed
+- The `end_container_on_empty_block` option can now take a string of blocks, allowing the exiting of a blockquote element by pressing Enter or Return twice. #TINY-6559
+- The default value for `end_container_on_empty_block` option has been changed to `'blockquote'`. #TINY-6559
+- Link menu and toolbar buttons now always execute the `mceLink` command. #TINY-8057
+- Toggling fullscreen mode when using the Fullscreen plugin now also fires the `ResizeEditor` event. #TINY-8701
+- Getting the editor's text content now returns newlines instead of an empty string if more than one empty paragraph exists. #TINY-8578
+- Custom elements are now treated as non-empty elements by the schema. #TINY-4784
+- The autocompleter's menu HTML element is now positioned instead of the wrapper. #TINY-6476
+- Choice menu items will now use the `'menuitemradio'` aria role to better reflect that only a single item can be active. #TINY-8602
+
+### Fixed
+- Some Template plugin option values were not escaped properly when doing replacement lookups with Regular Expressions. #TINY-7433
+- Copy events were not dispatched in readonly mode. #TINY-6800
+- `<pre>` tags were not preserved when copying and pasting. #TINY-7719
+- The URL detection used for autolink and smart paste did not work if a path segment contained valid characters such as `!` and `:`. #TINY-8069
+- In some cases pressing the Backspace or Delete key would incorrectly step into tables rather than remain outside. #TINY-8592
+- Links opened when Alt+Enter or Option+Return was typed even when `preventDefault()` was called on the keydown event. #TINY-8661
+- Inconsistent visual behavior between choosing Edit -> Select All and typing Ctrl+A or Cmd+A when a document contained an image. #TINY-4550
+- Ctrl+Shift+Home/End or Cmd+Shift+Up-arrow/Down-arrow did not expand the selection to a `contenteditable="false"` element if the element was at the beginning or end of a document. #TINY-7795
+- Triple-clicking did not select a paragraph in Google Chrome in some circumstances. #TINY-8215
+- Images were not showing as selected when selected along with other content. #TINY-5947
+- Selection direction was not stored or restored when getting or setting selection bookmarks. #TINY-8599
+- When text within an inline boundary element was selected and the right-arrow key was pressed, the insertion point incorrectly moved to the left. #TINY-8601
+- In some versions of Safari, the `editor.selection.isForward()` API could throw an exception due to an invalid selection. #TINY-8686
+- The selection is no longer incorrectly moved inside a comment by the `editor.selection.normalize()` API. #TINY-7817
+- The `InsertParagraph` or `mceInsertNewLine` commands did not delete the current selection like the native command does. #TINY-8606
+- The `InsertLineBreak` command did not replace selected content. #TINY-8458
+- If selected content straddled a parent and nested list, cutting the selection did not always set the list style to `'none'` on the parent list. #TINY-8078
+- Delete operations could behave incorrectly if the selection contains a `contenteditable="false"` element located at the edge of content. #TINY-8729
+- Spaces were not added correctly on some browsers when the insertion point was immediately before or after a `contenteditable="false"` block element. #TINY-8588
+- Images that used a Data URI were corrupted when the data wasn't base64 encoded. #TINY-8337
+- `uploadImages` no longer triggers two change events if there is a removal of images on upload. #TINY-8641
+- Preview and Insert Template dialogs now display the correct content background color when using dark skins. #TINY-8534
+- Dialogs no longer exceed window height on smaller screens. #TINY-8146
+- UI components, such as dialogs, would in some cases cause the Esc keyup event to incorrectly trigger inside the editor. #TINY-7005
+- Fixed incorrect word breaks in menus when the menu presented with a scrollbar. #TINY-8572
+- Notifications did not properly reposition when toggling fullscreen mode. #TINY-8701
+- Text alignments, such as flush left and centered, could not be applied to `<pre>` elements. #TINY-7715
+- Indenting or outdenting list items inside a block element that was inside another list item did not work. #TINY-7209
+- Changing the list type of a list within another block element altered the parent element that contained that list. #TINY-8068
+- Pasting columns in tables could, in some circumstances, result in an invalid table. #TINY-8040
+- Copying columns in tables could sometimes result in an invalid copy. #TINY-8040
+- Changing table properties with the `table_style_by_css` option set to `false` would sometimes reset the table width. #TINY-8758
+- Custom elements added to otherwise blank lines were removed during serialization. #TINY-4784
+- The editor's autocompleter was not triggered at the start of nested list items. #TINY-8759
+- Some function types in the TreeWalker API missed that it could return `undefined`. #TINY-8592
+- Nuget packages for .NET and .NET Core are now configured to copy TinyMCE into `/wwwroot/lib/` when TinyMCE is installed into a project. #TINY-8611
+
+## 6.0.3 - 2022-05-25
+
+### Fixed
+- Could not remove values when multiple cells were selected with the cell properties dialog. #TINY-8625
+- Could not remove values when multiple rows were selected with the row properties dialog. #TINY-8625
+- Empty lines that were formatted in a ranged selection using the `format_empty_lines` option were not kept in the serialized content. #TINY-8639
+- The `s` element was missing from the default schema text inline elements. #TINY-8639
+- Some text inline elements specified via the schema were not removed when empty by default. #TINY-8639
+
+## 6.0.2 - 2022-04-27
+
+### Fixed
+- Some media elements wouldn't update when changing the source URL. #TINY-8660
+- Inline toolbars flickered when switching between editors. #TINY-8594
+- Multiple inline toolbars were shown if focused too quickly. #TINY-8503
+- Added background and additional spacing for the text labeled buttons in the toolbar to improve visual clarity. #TINY-8617
+- Toolbar split buttons with text used an incorrect width on touch devices. #TINY-8647
+
+## 6.0.1 - 2022-03-23
+
+### Fixed
+- Fixed the dev ZIP missing the required `bin` scripts to build from the source. #TINY-8542
+- Fixed a regression whereby text patterns couldn't be updated at runtime. #TINY-8540
+- Fixed an issue where tables with colgroups could be copied incorrectly in some cases. #TINY-8568
+- Naked buttons better adapt to various background colors, improved text contrast in notifications. #TINY-8533
+- The autocompleter would not fire the `AutocompleterStart` event nor close the menu in some cases. #TINY-8552
+- It wasn't possible to select text right after an inline noneditable element. #TINY-8567
+- Fixed a double border showing for the `tinymce-5` skin when using `toolbar_location: 'bottom'`. #TINY-8564
+- Clipboard content was not generated correctly when cutting and copying `contenteditable="false"` elements. #TINY-8563
+- Fixed the box-shadow getting clipped in autocompletor popups. #TINY-8573
+- The `buttonType` property did not work for dialog footer buttons. #TINY-8582
+- Fix contrast ratio for error messages. #TINY-8586
+
+## 6.0.0 - 2022-03-03
+
+### Added
+- New `editor.options` API to replace the old `editor.settings` and `editor.getParam` APIs. #TINY-8206
+- New `editor.annotator.removeAll` API to remove all annotations by name. #TINY-8195
+- New `Resource.unload` API to make it possible to unload resources. #TINY-8431
+- New `FakeClipboard` API on the `tinymce` global. #TINY-8353
+- New `dispatch()` function to replace the now deprecated `fire()` function in various APIs. #TINY-8102
+- New `AutocompleterStart`, `AutocompleterUpdate` and `AutocompleterEnd` events. #TINY-8279
+- New `mceAutocompleterClose`, `mceAutocompleterReload` commands. #TINY-8279
+- New `mceInsertTableDialog` command to open the insert table dialog. #TINY-8273
+- New `slider` dialog component. #TINY-8304
+- New `imagepreview` dialog component, allowing preview and zoom of any image URL. #TINY-8333
+- New `buttonType` property on dialog button components, supporting `toolbar` style in addition to `primary` and `secondary`. #TINY-8304
+- The `tabindex` attribute is now copied from the target element to the iframe. #TINY-8315
+
+### Improved
+- New default theme styling for TinyMCE 6 facelift with old skin available as `tinymce-5` and `tinymce-5-dark`. #TINY-8373
+- The default height of editor has been increased from `200px` to `400px` to improve the usability of the editor. #TINY-6860
+- The upload results returned from the `editor.uploadImages()` API now includes a `removed` flag, reflecting if the image was removed after a failed upload. #TINY-7735
+- The `ScriptLoader`, `StyleSheetLoader`, `AddOnManager`, `PluginManager` and `ThemeManager` APIs will now return a `Promise` when loading resources instead of using callbacks. #TINY-8325
+- A `ThemeLoadError` event is now fired if the theme fails to load. #TINY-8325
+- The `BeforeSetContent` event will now include the actual serialized content when passing in an `AstNode` to the `editor.setContent` API. #TINY-7996
+- Improved support for placing the caret before or after noneditable elements within the editor. #TINY-8169
+- Calls to `editor.selection.setRng` now update the caret position bookmark used when focus is returned to the editor. #TINY-8450
+- The `emoticon` plugin dialog, toolbar and menu item has been updated to use the more accurate `Emojis` term. #TINY-7631
+- The dialog `redial` API will now only rerender the changed components instead of the whole dialog. #TINY-8334
+- The dialog API `setData` method now uses a deep merge algorithm to support partial nested objects. #TINY-8333
+- The dialog spec `initialData` type is now `Partial<T>` to match the underlying implementation details. #TINY-8334
+- Notifications no longer require a timeout to disable the close button. #TINY-6679
+- The editor theme is now fetched in parallel with the icons, language pack and plugins. #TINY-8453
+
+### Changed
+- TinyMCE is now MIT licensed. #TINY-2316
+- Moved the `paste` plugin's functionality to TinyMCE core. #TINY-8310
+- The `paste_data_images` option now defaults to `true`. #TINY-8310
+- Moved the `noneditable` plugin to TinyMCE core. #TINY-8311
+- Renamed the `noneditable_noneditable_class` option to `noneditable_class`. #TINY-8311
+- Renamed the `noneditable_editable_class` option to `editable_class`. #TINY-8311
+- Moved the `textpattern` plugin to TinyMCE core. #TINY-8312
+- Renamed the `textpattern_patterns` option to `text_patterns`. #TINY-8312
+- Moved the `hr` plugin's functionality to TinyMCE core. #TINY-8313
+- Moved the `print` plugin's functionality to TinyMCE core. #TINY-8314
+- Moved non-UI table functionality to core. #TINY-8273
+- The `DomParser` API no longer uses a custom parser internally and instead uses the native `DOMParser` API. #TINY-4627
+- The `editor.getContent()` API can provide custom content by preventing and overriding `content` in the `BeforeGetContent` event. This makes it consistent with the `editor.selection.getContent()` API. #TINY-8018
+- The `editor.setContent()` API can now be prevented using the `BeforeSetContent` event. This makes it consistent with the `editor.selection.setContent()` API. #TINY-8018
+- Add-ons such as plugins and themes are no longer constructed using the `new` operator. #TINY-8256
+- A number of APIs that were not proper classes, are no longer constructed using the `new` operator. #TINY-8322
+- The Editor commands APIs will no longer fallback to executing the browsers native command functionality. #TINY-7829
+- The Editor query command APIs will now return `false` or an empty string on removed editors. #TINY-7829
+- The `mceAddEditor` and `mceToggleEditor` commands now take an object as their value to specify the id and editor options. #TINY-8138
+- The `mceInsertTable` command can no longer open the insert table dialog. Use the `mceInsertTableDialog` command instead. #TINY-8273
+- The `plugins` option now returns a `string` array instead of a space separated string. #TINY-8455
+- The `media` plugin no longer treats `iframe`, `video`, `audio` or `object` elements as "special" and will validate the contents against the schema. #TINY-8382
+- The `images_upload_handler` option is no longer passed a `success` or `failure` callback and instead requires a `Promise` to be returned with the upload result. #TINY-8325
+- The `tinymce.settings` global property is no longer set upon initialization. #TINY-7359
+- The `change` event is no longer fired on first modification. #TINY-6920
+- The `GetContent` event will now always pass a `string` for the `content` property. #TINY-7996
+- Changed the default tag for the strikethrough format to the `s` tag when using a html 5 schema. #TINY-8262
+- The `strike` tag is automatically converted to the `s` tag when using a html 5 schema. #TINY-8262
+- Aligning a table to the left or right will now use margin styling instead of float styling. #TINY-6558
+- The `:` control character has been changed to `~` for the schema `valid_elements` and `extended_valid_elements` options. #TINY-6726
+- The `primary` property on dialog buttons has been deprecated. Use the new `buttonType` property instead. #TINY-8304
+- Changed the default statusbar element path delimiter from `»` to `›`. #TINY-8372
+- Replaced the `Powered by Tiny` branding text with the Tiny logo. #TINY-8371
+- The default minimum height of editor has been changed to 100px to prevent the UI disappearing while resizing. #TINY-6860
+- RGB colors are no longer converted to hex values when parsing or serializing content. #TINY-8163
+- Replaced the `isDisabled()` function with an `isEnabled()` function for various APIs. #TINY-8101
+- Replaced the `enable()` and `disable()` functions with a `setEnabled(state)` function in various APIs. #TINY-8101
+- Replaced the `disabled` property with an `enabled` property in various APIs. #TINY-8101
+- Replaced the `disable(name)` and `enable(name)` functions with a `setEnabled(name, state)` function in the Dialog APIs. #TINY-8101
+- Renamed the `tinymce.Env.os.isOSX` API to `tinymce.Env.os.isMacOS`. #TINY-8175
+- Renamed the `tinymce.Env.browser.isChrome` API to `tinymce.Env.browser.isChromium` to better reflect its functionality. #TINY-8300
+- Renamed the `getShortEndedElements` Schema API to `getVoidElements`. #TINY-8344
+- Renamed the `font_formats` option to `font_family_formats`. #TINY-8328
+- Renamed the `fontselect` toolbar button and `fontformats` menu item to `fontfamily`. #TINY-8328
+- Renamed the `fontsize_formats` option to `font_size_formats`. #TINY-8328
+- Renamed the `fontsizeselect` toolbar button and `fontsizes` menu item to `fontsize`. #TINY-8328
+- Renamed the `formatselect` toolbar button and `blockformats` menu item to `blocks`. #TINY-8328
+- Renamed the `styleselect` toolbar button and `formats` menu item to `styles`. #TINY-8328
+- Renamed the `lineheight_formats` option to `line_height_formats`. #TINY-8328
+- Renamed the `getWhiteSpaceElements()` function to `getWhitespaceElements()` in the `Schema` API. #TINY-8102
+- Renamed the `mceInsertClipboardContent` command `content` property to `html` to better reflect what data is passed. #TINY-8310
+- Renamed the `default_link_target` option to `link_default_target` for both `link` and `autolink` plugins. #TINY-4603
+- Renamed the `rel_list` option to `link_rel_list` for the `link` plugin. #TINY-4603
+- Renamed the `target_list` option to `link_target_list` for the `link` plugin. #TINY-4603
+- The default value for the `link_default_protocol` option has been changed to `https` instead of `http`. #TINY-7824
+- The default value for the `element_format` option has been changed to `html`. #TINY-8263
+- The default value for the `schema` option has been changed to `html5`. #TINY-8261
+- The default value for the `table_style_by_css` option has been changed to `true`. #TINY-8259
+- The default value for the `table_use_colgroups` option has been changed to `true`. #TINY-8259
+
+### Fixed
+- The object returned from the `editor.fire()` API was incorrect if the editor had been removed. #TINY-8018
+- The `editor.selection.getContent()` API did not respect the `no_events` argument. #TINY-8018
+- The `editor.annotator.remove` API did not keep selection when removing the annotation. #TINY-8195
+- The `GetContent` event was not fired when getting `tree` or `text` formats using the `editor.selection.getContent()` API. #TINY-8018
+- The `beforeinput` and `input` events would sometimes not fire as expected when deleting content. #TINY-8168 #TINY-8329
+- The `table` plugin would sometimes not correctly handle headers in the `tfoot` section. #TINY-8104
+- The `silver` theme UI was incorrectly rendered before plugins had initialized. #TINY-8288
+- The aria labels for the color picker dialog were not translated. #TINY-8381
+- Fixed sub-menu items not read by screen readers. Patch contributed by westonkd. #TINY-8417
+- Dialog labels and other text-based UI properties did not escape HTML markup. #TINY-7524
+- Anchor elements would render incorrectly when using the `allow_html_in_named_anchor` option. #TINY-3799
+- The `AstNode` HTML serializer did not serialize `pre` or `textarea` elements correctly when they contained newlines. #TINY-8446
+- Fixed sub-menu items not read by screen readers. Patch contributed by westonkd. #TINY-8417
+- The Home or End keys would move out of a editable element contained within a noneditable element. #TINY-8201
+- Dialogs could not be opened in inline mode before the editor had been rendered. #TINY-8397
+- Clicking on menu items could cause an unexpected console warning if the `onAction` function caused the menu to close. #TINY-8513
+- Fixed various color and contrast issues for the dark skins. #TINY-8527
+
+### Removed
+- Removed support for Microsoft Internet Explorer 11. #TINY-8194 #TINY-8241
+- Removed support for Microsoft Word from the opensource paste functionality. #TINY-7493
+- Removed support for the `plugins` option allowing a mixture of a string array and of space separated strings. #TINY-8399
+- Removed support for the deprecated `false` value for the `forced_root_block` option. #TINY-8260
+- Removed the jQuery integration. #TINY-4519
+- Removed the `imagetools` plugin, which is now classified as a Premium plugin. #TINY-8209
+- Removed the `imagetools` dialog component. #TINY-8333
+- Removed the `toc` plugin, which is now classified as a Premium plugin. #TINY-8250
+- Removed the `tabfocus` plugin. #TINY-8315
+- Removed the `textpattern` plugin's API as part of moving it to core. #TINY-8312
+- Removed the `table` plugin's API. #TINY-8273
+- Removed the callback for the `EditorUpload` API. #TINY-8325
+- Removed the legacy browser detection properties from the `Env` API. #TINY-8162
+- Removed the `filterNode` method from the `DomParser` API. #TINY-8249
+- Removed the `SaxParser` API. #TINY-8218
+- Removed the `tinymce.utils.Promise` API. #TINY-8241
+- Removed the `toHex` function for the `DOMUtils` and `Styles` APIs. #TINY-8163
+- Removed the `execCommand` handler function from the plugin and theme interfaces. #TINY-7829
+- Removed the `editor.settings` property as it has been replaced by the new Options API. #TINY-8236
+- Removed the `shortEnded` and `fixed` properties on `tinymce.html.Node` class. #TINY-8205
+- Removed the `mceInsertRawHTML` command. #TINY-8214
+- Removed the style field from the `image` plugin dialog advanced tab. #TINY-3422
+- Removed the `paste_filter_drop` option as native drag and drop handling is no longer supported. #TINY-8511
+- Removed the legacy `mobile` theme. #TINY-7832
+- Removed the deprecated `$`, `Class`, `DomQuery` and `Sizzle` APIs. #TINY-4520 #TINY-8326
+- Removed the deprecated `Color`, `JSON`, `JSONP` and `JSONRequest`. #TINY-8162
+- Removed the deprecated `XHR` API. #TINY-8164
+- Removed the deprecated `setIconStroke` Split Toolbar Button API. #TINY-8162
+- Removed the deprecated `editors` property from `EditorManager`. #TINY-8162
+- Removed the deprecated `execCallback` and `setMode` APIs from `Editor`. #TINY-8162
+- Removed the deprecated `addComponents` and `dependencies` APIs from `AddOnManager`. #TINY-8162
+- Removed the deprecated `clearInterval`, `clearTimeout`, `debounce`, `requestAnimationFrame`, `setInterval`, `setTimeout` and `throttle` APIs from `Delay`. #TINY-8162
+- Removed the deprecated `Schema` options. #TINY-7821
+- Removed the deprecated `file_browser_callback_types`, `force_hex_style_colors` and `images_dataimg_filter` options. #TINY-7823
+- Removed the deprecated `filepicker_validator_handler`, `force_p_newlines`, `gecko_spellcheck`, `tab_focus`, `table_responsive_width` and `toolbar_drawer` options. #TINY-7820
+- Removed the deprecated `media_scripts` option in the `media` plugin. #TINY-8421
+- Removed the deprecated `editor_deselector`, `editor_selector`, `elements`, `mode` and `types` legacy TinyMCE init options. #TINY-7822
+- Removed the deprecated `content_editable_state` and `padd_empty_with_br` options. #TINY-8400
+- Removed the deprecated `autoresize_on_init` option from the `autoresize` plugin. #TINY-8400
+- Removed the deprecated `fullpage`, `spellchecker`, `bbcode`, `legacyoutput`, `colorpicker`, `contextmenu` and `textcolor` plugins. #TINY-8192
+- Removed the undocumented `editor.editorCommands.hasCustomCommand` API. #TINY-7829
+- Removed the undocumented `mceResetDesignMode`, `mceRepaint` and `mceBeginUndoLevel` commands. #TINY-7829
+
+### Deprecated
+- The dialog button component's `primary` property has been deprecated and will be removed in the next major release. Use the new `buttonType` property instead. #TINY-8304
+- The `fire()` function of `tinymce.Editor`, `tinymce.dom.EventUtils`, `tinymce.dom.DOMUtils`, `tinymce.util.Observable` and `tinymce.util.EventDispatcher` has been deprecated and will be removed in the next major release. Use the `dispatch()` function instead. #TINY-8102
+- The `content` property on the `SetContent` event has been deprecated and will be removed in the next major release. #TINY-8457
+- The return value of the `editor.setContent` API has been deprecated and will be removed in the next major release. #TINY-8457
+
+## 5.10.3 - 2022-02-09
+
+### Fixed
+- Alignment would sometimes be removed on parent elements when changing alignment on certain inline nodes, such as images. #TINY-8308
+- The `fullscreen` plugin would reset the scroll position when exiting fullscreen mode. #TINY-8418
+
+## 5.10.2 - 2021-11-17
+
+### Fixed
+- Internal selectors were appearing in the style list when using the `importcss` plugin. #TINY-8238
+
+## 5.10.1 - 2021-11-03
+
+### Fixed
+- The iframe aria help text was not read by some screen readers. #TINY-8171
+- Clicking the `forecolor` or `backcolor` toolbar buttons would do nothing until selecting a color. #TINY-7836
+- Crop functionality did not work in the `imagetools` plugin when the editor was rendered in a shadow root. #TINY-6387
+- Fixed an exception thrown on Safari when closing the `searchreplace` plugin dialog. #TINY-8166
+- The `autolink` plugin did not convert URLs to links when starting with a bracket. #TINY-8091
+- The `autolink` plugin incorrectly created nested links in some cases. #TINY-8091
+- Tables could have an incorrect height set on rows when rendered outside of the editor. #TINY-7699
+- In certain circumstances, the table of contents plugin would incorrectly add an extra empty list item. #TINY-4636
+- The insert table grid menu displayed an incorrect size when re-opening the grid. #TINY-6532
+- The word count plugin was treating the zero width space character (`&#8203;`) as a word. #TINY-7484
+
+## 5.10.0 - 2021-10-11
+
+### Added
+- Added a new `URI.isDomSafe(uri)` API to check if a URI is considered safe to be inserted into the DOM. #TINY-7998
+- Added the `ESC` key code constant to the `VK` API. #TINY-7917
+- Added a new `deprecation_warnings` setting for turning off deprecation console warning messages. #TINY-8049
+
+### Improved
+- The `element` argument of the `editor.selection.scrollIntoView()` API is now optional, and if it is not provided the current selection will be scrolled into view. #TINY-7291
+
+### Changed
+- The deprecated `scope` attribute is no longer added to `td` cells when converting a row to a header row. #TINY-7731
+- The number of `col` elements is normalized to match the number of columns in a table after a table action. #TINY-8011
+
+### Fixed
+- Fixed a regression that caused block wrapper formats to apply and remove incorrectly when using a collapsed selection with multiple words. #TINY-8036
+- Resizing table columns in some scenarios would resize the column to an incorrect position. #TINY-7731
+- Inserting a table where the parent element had padding would cause the table width to be incorrect. #TINY-7991
+- The resize backdrop element did not have the `data-mce-bogus="all"` attribute set to prevent it being included in output. #TINY-7854
+- Resize handles appeared on top of dialogs and menus when using an inline editor. #TINY-3263
+- Fixed the `autoresize` plugin incorrectly scrolling to the top of the editor content in some cases when changing content. #TINY-7291
+- Fixed the `editor.selection.scrollIntoView()` type signature, as it incorrectly required an `Element` instead of `HTMLElement`. #TINY-7291
+- Table cells that were both row and column headers did not retain the correct state when converting back to a regular row or column. #TINY-7709
+- Clicking beside a non-editable element could cause the editor to incorrectly scroll to the top of the content. #TINY-7062
+- Clicking in a table cell, with a non-editable element in an adjacent cell, incorrectly caused the non-editable element to be selected. #TINY-7736
+- Split toolbar buttons incorrectly had nested `tabindex="-1"` attributes. #TINY-7879
+- Fixed notifications rendering in the wrong place initially and when the page was scrolled. #TINY-7894
+- Fixed an exception getting thrown when the number of `col` elements didn't match the number of columns in a table. #TINY-7041 #TINY-8011
+- The table selection state could become incorrect after selecting a noneditable table cell. #TINY-8053
+- As of Mozilla Firefox 91, toggling fullscreen mode with `toolbar_sticky` enabled would cause the toolbar to disappear. #TINY-7873
+- Fixed URLs not cleaned correctly in some cases in the `link` and `image` plugins. #TINY-7998
+- Fixed the `image` and `media` toolbar buttons incorrectly appearing to be in an inactive state in some cases. #TINY-3463
+- Fixed the `editor.selection.selectorChanged` API not firing if the selector matched the current selection when registered in some cases. #TINY-3463
+- Inserting content into a `contenteditable="true"` element that was contained within a `contenteditable="false"` element would move the selection to an incorrect location. #TINY-7842
+- Dragging and dropping `contenteditable="false"` elements could result in the element being placed in an unexpected location. #TINY-7917
+- Pressing the Escape key would not cancel a drag action that started on a `contenteditable="false"` element within the editor. #TINY-7917
+- `video` and `audio` elements were unable to be played when the `media` plugin live embeds were enabled in some cases. #TINY-7674
+- Pasting images would throw an exception if the clipboard `items` were not files (for example, screenshots taken from gnome-software). Patch contributed by cedric-anne. #TINY-8079
+
+### Deprecated
+- Several APIs have been deprecated. See the release notes section for information. #TINY-8023 #TINY-8063
+- Several Editor settings have been deprecated. See the release notes section for information. #TINY-8086
+- The Table of Contents and Image Tools plugins will be classified as Premium plugins in the next major release. #TINY-8087
+- Word support in the `paste` plugin has been deprecated and will be removed in the next major release. #TINY-8087
+
+## 5.9.2 - 2021-09-08
+
+### Fixed
+- Fixed an exception getting thrown when disabling events and setting content. #TINY-7956
+- Delete operations could behave incorrectly if the selection crossed a table boundary. #TINY-7596
+
+## 5.9.1 - 2021-08-27
+
+### Fixed
+- Published TinyMCE types failed to compile in strict mode. #TINY-7915
+- The `TableModified` event sometimes didn't fire when performing certain table actions. #TINY-7916
+
+## 5.9.0 - 2021-08-26
+
+### Added
+- Added a new `mceFocus` command that focuses the editor. Equivalent to using `editor.focus()`. #TINY-7373
+- Added a new `mceTableToggleClass` command which toggles the provided class on the currently selected table. #TINY-7476
+- Added a new `mceTableCellToggleClass` command which toggles the provided class on the currently selected table cells. #TINY-7476
+- Added a new `tablecellvalign` toolbar button and menu item for vertical table cell alignment. #TINY-7477
+- Added a new `tablecellborderwidth` toolbar button and menu item to change table cell border width. #TINY-7478
+- Added a new `tablecellborderstyle` toolbar button and menu item to change table cell border style. #TINY-7478
+- Added a new `tablecaption` toolbar button and menu item to toggle captions on tables. #TINY-7479
+- Added a new `mceTableToggleCaption` command that toggles captions on a selected table. #TINY-7479
+- Added a new `tablerowheader` toolbar button and menu item to toggle the header state of row cells. #TINY-7478
+- Added a new `tablecolheader` toolbar button and menu item to toggle the header state of column cells. #TINY-7482
+- Added a new `tablecellbordercolor` toolbar button and menu item to select table cell border colors, with an accompanying setting `table_border_color_map` to customize the available values. #TINY-7480
+- Added a new `tablecellbackgroundcolor` toolbar button and menu item to select table cell background colors, with an accompanying setting `table_background_color_map` to customize the available values. #TINY-7480
+- Added a new `language` menu item and toolbar button to add `lang` attributes to content, with an accompanying `content_langs` setting to specify the languages available. #TINY-6149
+- A new `lang` format is now available that can be used with `editor.formatter`, or applied with the `Lang` editor command. #TINY-6149
+- Added a new `language` icon for the `language` toolbar button. #TINY-7670
+- Added a new `table-row-numbering` icon. #TINY-7327
+- Added new plugin commands: `mceEmoticons` (Emoticons), `mceWordCount` (Word Count), and `mceTemplate` (Template). #TINY-7619
+- Added a new `iframe_aria_text` setting to set the iframe title attribute. #TINY-1264
+- Added a new DomParser `Node.children()` API to return all the children of a `Node`. #TINY-7756
+
+### Improved
+- Sticky toolbars can now be offset from the top of the page using the new `toolbar_sticky_offset` setting. #TINY-7337
+- Fancy menu items now accept an `initData` property to allow custom initialization data. #TINY-7480
+- Improved the load time of the `fullpage` plugin by using the existing editor schema rather than creating a new one. #TINY-6504
+- Improved the performance when UI components are rendered. #TINY-7572
+- The context toolbar no longer unnecessarily repositions to the top of large elements when scrolling. #TINY-7545
+- The context toolbar will now move out of the way when it overlaps with the selection, such as in table cells. #TINY-7192
+- The context toolbar now uses a short animation when transitioning between different locations. #TINY-7740
+- `Env.browser` now uses the User-Agent Client Hints API where it is available. #TINY-7785
+- Icons with a `-rtl` suffix in their name will now automatically be used when the UI is rendered in right-to-left mode. #TINY-7782
+- The `formatter.match` API now accepts an optional `similar` parameter to check if the format partially matches. #TINY-7712
+- The `formatter.formatChanged` API now supports providing format variables when listening for changes. #TINY-7713
+- The formatter will now fire `FormatApply` and `FormatRemove` events for the relevant actions. #TINY-7713
+- The `autolink` plugin link detection now permits custom protocols. #TINY-7714
+- The `autolink` plugin valid link detection has been improved. #TINY-7714
+
+### Changed
+- Changed the load order so content CSS is loaded before the editor is populated with content. #TINY-7249
+- Changed the `emoticons`, `wordcount`, `code`, `codesample`, and `template` plugins to open dialogs using commands. #TINY-7619
+- The context toolbar will no longer show an arrow when it overlaps the content, such as in table cells. #TINY-7665
+- The context toolbar will no longer overlap the statusbar for toolbars using `node` or `selection` positions. #TINY-7666
+
+### Fixed
+- The `editor.fire` API was incorrectly mutating the original `args` provided. #TINY-3254
+- Unbinding an event handler did not take effect immediately while the event was firing. #TINY-7436
+- Binding an event handler incorrectly took effect immediately while the event was firing. #TINY-7436
+- Unbinding a native event handler inside the `remove` event caused an exception that blocked editor removal. #TINY-7730
+- The `SetContent` event contained the incorrect `content` when using the `editor.selection.setContent()` API. #TINY-3254
+- The editor content could be edited after calling `setProgressState(true)` in iframe mode. #TINY-7373
+- Tabbing out of the editor after calling `setProgressState(true)` behaved inconsistently in iframe mode. #TINY-7373
+- Flash of unstyled content while loading the editor because the content CSS was loaded after the editor content was rendered. #TINY-7249
+- Partially transparent RGBA values provided in the `color_map` setting were given the wrong hex value. #TINY-7163
+- HTML comments with mismatched quotes were parsed incorrectly under certain circumstances. #TINY-7589
+- The editor could crash when inserting certain HTML content. #TINY-7756
+- Inserting certain HTML content into the editor could result in invalid HTML once parsed. #TINY-7756
+- Links in notification text did not show the correct mouse pointer. #TINY-7661
+- Using the Tab key to navigate into the editor on Microsoft Internet Explorer 11 would incorrectly focus the toolbar. #TINY-3707
+- The editor selection could be placed in an incorrect location when undoing or redoing changes in a document containing `contenteditable="false"` elements. #TINY-7663
+- Menus and context menus were not closed when clicking into a different editor. #TINY-7399
+- Context menus on Android were not displayed when more than one HTML element was selected. #TINY-7688
+- Disabled nested menu items could still be opened. #TINY-7700
+- The nested menu item chevron icon was not fading when the menu item was disabled. #TINY-7700
+- `imagetools` buttons were incorrectly enabled for remote images without `imagetools_proxy` set. #TINY-7772
+- Only table content would be deleted when partially selecting a table and content outside the table. #TINY-6044
+- The table cell selection handling was incorrect in some cases when dealing with nested tables. #TINY-6298
+- Removing a table row or column could result in the cursor getting placed in an invalid location. #TINY-7695
+- Pressing the Tab key to navigate through table cells did not skip noneditable cells. #TINY-7705
+- Clicking on a noneditable table cell did not show a visual selection like other noneditable elements. #TINY-7724
+- Some table operations would incorrectly cause table row attributes and styles to be lost. #TINY-6666
+- The selection was incorrectly lost when using the `mceTableCellType` and `mceTableRowType` commands. #TINY-6666
+- The `mceTableRowType` was reversing the order of the rows when converting multiple header rows back to body rows. #TINY-6666
+- The table dialog did not always respect the `table_style_with_css` option. #TINY-4926
+- Pasting into a table with multiple cells selected could cause the content to be pasted in the wrong location. #TINY-7485
+- The `TableModified` event was not fired when pasting cells into a table. #TINY-6939
+- The table paste column before and after icons were not flipped in RTL mode. #TINY-7851
+- Fixed table corruption when deleting a `contenteditable="false"` cell. #TINY-7891
+- The `dir` attribute was being incorrectly applied to list items. #TINY-4589
+- Applying selector formats would sometimes not apply the format correctly to elements in a list. #TINY-7393
+- For formats that specify an attribute or style that should be removed, the formatter `match` API incorrectly returned `false`. #TINY-6149
+- The type signature on the `formatter.matchNode` API had the wrong return type (was `boolean` but should have been `Formatter | undefined`). #TINY-6149
+- The `formatter.formatChanged` API would ignore the `similar` parameter if another callback had already been registered for the same format. #TINY-7713
+- The `formatter.formatChanged` API would sometimes not run the callback the first time the format was removed. #TINY-7713
+- Base64 encoded images with spaces or line breaks in the data URI were not displayed correctly. Patch contributed by RoboBurned.
+
+### Deprecated
+- The `bbcode`, `fullpage`, `legacyoutput`, and `spellchecker` plugins have been deprecated and marked for removal in the next major release. #TINY-7260
+
+## 5.8.2 - 2021-06-23
+
+### Fixed
+- Fixed an issue when pasting cells from tables containing `colgroup`s into tables without `colgroup`s. #TINY-6675
+- Fixed an issue that could cause an invalid toolbar button state when multiple inline editors were on a single page. #TINY-6297
+
+## 5.8.1 - 2021-05-20
+
+### Fixed
+- An unexpected exception was thrown when switching to readonly mode and adjusting the editor width. #TINY-6383
+- Content could be lost when the `pagebreak_split_block` setting was enabled. #TINY-3388
+- The `list-style-type: none;` style on nested list items was incorrectly removed when clearing formatting. #TINY-6264
+- URLs were not always detected when pasting over a selection. Patch contributed by jwcooper. #TINY-6997
+- Properties on the `OpenNotification` event were incorrectly namespaced. #TINY-7486
+
+## 5.8.0 - 2021-05-06
+
+### Added
+- Added the `PAGE_UP` and `PAGE_DOWN` key code constants to the `VK` API. #TINY-4612
+- The editor resize handle can now be controlled using the keyboard. #TINY-4823
+- Added a new `fixed_toolbar_container_target` setting which renders the toolbar in the specified `HTMLElement`. Patch contributed by pvrobays.
+
+### Improved
+- The `inline_boundaries` feature now supports the `home`, `end`, `pageup`, and `pagedown` keys. #TINY-4612
+- Updated the `formatter.matchFormat` API to support matching formats with variables in the `classes` property. #TINY-7227
+- Added HTML5 `audio` and `video` elements to the default alignment formats. #TINY-6633
+- Added support for alpha list numbering to the list properties dialog. #TINY-6891
+
+### Changed
+- Updated the `image` dialog to display the class list dropdown as full-width if the caption checkbox is not present. #TINY-6400
+- Renamed the "H Align" and "V Align" input labels in the Table Cell Properties dialog to "Horizontal align" and "Vertical align" respectively. #TINY-7285
+
+### Deprecated
+- The undocumented `setIconStroke` Split Toolbar Button API has been deprecated and will be removed in a future release. #TINY-3551
+
+### Fixed
+- Fixed a bug where it wasn't possible to align nested list items. #TINY-6567
+- The RGB fields in the color picker dialog were not staying in sync with the color palette and hue slider. #TINY-6952
+- The color preview box in the color picker dialog was not correctly displaying the saturation and value of the chosen color. #TINY-6952
+- The color picker dialog will now show an alert if it is submitted with an invalid hex color code. #TINY-2814
+- Fixed a bug where the `TableModified` event was not fired when adding a table row with the Tab key. #TINY-7006
+- Added missing `images_file_types` setting to the exported TypeScript types. #GH-6607
+- Fixed a bug where lists pasted from Word with Roman numeral markers were not displayed correctly. Patch contributed by aautio. #GH-6620
+- The `editor.insertContent` API was incorrectly handling nested `span` elements with matching styles. #TINY-6263
+- The HTML5 `small` element could not be removed when clearing text formatting. #TINY-6633
+- The Oxide button text transform variable was incorrectly using `capitalize` instead of `none`. Patch contributed by dakur. #GH-6341
+- Fix dialog button text that was using title-style capitalization. #TINY-6816
+- Table plugin could perform operations on tables containing the inline editor. #TINY-6625
+- Fixed Tab key navigation inside table cells with a ranged selection. #TINY-6638
+- The foreground and background toolbar button color indicator is no longer blurry. #TINY-3551
+- Fixed a regression in the `tinymce.create()` API that caused issues when multiple objects were created. #TINY-7358
+- Fixed the `LineHeight` command causing the `change` event to be fired inconsistently. #TINY-7048
+
+## 5.7.1 - 2021-03-17
+
+### Fixed
+- Fixed the `help` dialog incorrectly linking to the changelog of TinyMCE 4 instead of TinyMCE 5. #TINY-7031
+- Fixed a bug where error messages were displayed incorrectly in the image dialog. #TINY-7099
+- Fixed an issue where URLs were not correctly filtered in some cases. #TINY-7025
+- Fixed a bug where context menu items with names that contained uppercase characters were not displayed. #TINY-7072
+- Fixed context menu items lacking support for the `disabled` and `shortcut` properties. #TINY-7073
+- Fixed a regression where the width and height were incorrectly set when embedding content using the `media` dialog. #TINY-7074
+
+## 5.7.0 - 2021-02-10
+
+### Added
+- Added IPv6 address support to the URI API. Patch contributed by dev7355608. #GH-4409
+- Added new `structure` and `style` properties to the `TableModified` event to indicate what kinds of modifications were made. #TINY-6643
+- Added `video` and `audio` live embed support for the `media` plugin. #TINY-6229
+- Added the ability to resize `video` and `iframe` media elements. #TINY-6229
+- Added a new `font_css` setting for adding fonts to both the editor and the parent document. #TINY-6199
+- Added a new `ImageUploader` API to simplify uploading image data to the configured `images_upload_url` or `images_upload_handler`. #TINY-4601
+- Added an Oxide variable to define the container background color in fullscreen mode. #TINY-6903
+- Added Oxide variables for setting the toolbar background colors for inline and sticky toolbars. #TINY-6009
+- Added a new `AfterProgressState` event that is fired after `editor.setProgressState` calls complete. #TINY-6686
+- Added support for `table_column_resizing` when inserting or deleting columns. #TINY-6711
+
+### Changed
+- Changed table and table column copy behavior to retain an appropriate width when pasted. #TINY-6664
+- Changed the `lists` plugin to apply list styles to all text blocks within a selection. #TINY-3755
+- Changed the `advlist` plugin to log a console error message when the `list` plugin isn't enabled. #TINY-6585
+- Changed the z-index of the `setProgressState(true)` throbber so it does not hide notifications. #TINY-6686
+- Changed the type signature for `editor.selection.getRng()` incorrectly returning `null`. #TINY-6843
+- Changed some `SaxParser` regular expressions to improve performance. #TINY-6823
+- Changed `editor.setProgressState(true)` to close any open popups. #TINY-6686
+
+### Fixed
+- Fixed `codesample` highlighting performance issues for some languages. #TINY-6996
+- Fixed an issue where cell widths were lost when merging table cells. #TINY-6901
+- Fixed `col` elements incorrectly transformed to `th` elements when converting columns to header columns. #TINY-6715
+- Fixed a number of table operations not working when selecting 2 table cells on Mozilla Firefox. #TINY-3897
+- Fixed a memory leak by backporting an upstream Sizzle fix. #TINY-6859
+- Fixed table `width` style was removed when copying. #TINY-6664
+- Fixed focus lost while typing in the `charmap` or `emoticons` dialogs when the editor is rendered in a shadow root. #TINY-6904
+- Fixed corruption of base64 URLs used in style attributes when parsing HTML. #TINY-6828
+- Fixed the order of CSS precedence of `content_style` and `content_css` in the `preview` and `template` plugins. `content_style` now has precedence. #TINY-6529
+- Fixed an issue where the image dialog tried to calculate image dimensions for an empty image URL. #TINY-6611
+- Fixed an issue where `scope` attributes on table cells would not change as expected when merging or unmerging cells. #TINY-6486
+- Fixed the plugin documentation links in the `help` plugin. #DOC-703
+- Fixed events bound using `DOMUtils` not returning the correct result for `isDefaultPrevented` in some cases. #TINY-6834
+- Fixed the "Dropped file type is not supported" notification incorrectly showing when using an inline editor. #TINY-6834
+- Fixed an issue with external styles bleeding into TinyMCE. #TINY-6735
+- Fixed an issue where parsing malformed comments could cause an infinite loop. #TINY-6864
+- Fixed incorrect return types on `editor.selection.moveToBookmark`. #TINY-6504
+- Fixed the type signature for `editor.selection.setCursorLocation()` incorrectly allowing a node with no `offset`. #TINY-6843
+- Fixed incorrect behavior when editor is destroyed while loading stylesheets. #INT-2282
+- Fixed figure elements incorrectly splitting from a valid parent element when editing the image within. #TINY-6592
+- Fixed inserting multiple rows or columns in a table cloning from the incorrect source row or column. #TINY-6906
+- Fixed an issue where new lines were not scrolled into view when pressing Shift+Enter or Shift+Return. #TINY-6964
+- Fixed an issue where list elements would not be removed when outdenting using the Enter or Return key. #TINY-5974
+- Fixed an issue where file extensions with uppercase characters were treated as invalid. #TINY-6940
+- Fixed dialog block messages were not passed through TinyMCE's translation system. #TINY-6971
+
+## 5.6.2 - 2020-12-08
+
+### Fixed
+- Fixed a UI rendering regression when the document body is using `display: flex`. #TINY-6783
+
+## 5.6.1 - 2020-11-25
+
+### Fixed
+- Fixed the `mceTableRowType` and `mceTableCellType` commands were not firing the `newCell` event. #TINY-6692
+- Fixed the HTML5 `s` element was not recognized when editing or clearing text formatting. #TINY-6681
+- Fixed an issue where copying and pasting table columns resulted in invalid HTML when using colgroups. #TINY-6684
+- Fixed an issue where the toolbar would render with the wrong width for inline editors in some situations. #TINY-6683
+
+## 5.6.0 - 2020-11-18
+
+### Added
+- Added new `BeforeOpenNotification` and `OpenNotification` events which allow internal notifications to be captured and modified before display. #TINY-6528
+- Added support for `block` and `unblock` methods on inline dialogs. #TINY-6487
+- Added new `TableModified` event which is fired whenever changes are made to a table. #TINY-6629
+- Added new `images_file_types` setting to determine which image file formats will be automatically processed into `img` tags on paste when using the `paste` plugin. #TINY-6306
+- Added support for `images_file_types` setting in the image file uploader to determine which image file extensions are valid for upload. #TINY-6224
+- Added new `format_empty_lines` setting to control if empty lines are formatted in a ranged selection. #TINY-6483
+- Added template support to the `autocompleter` for customizing the autocompleter items. #TINY-6505
+- Added new user interface `enable`, `disable`, and `isDisabled` methods. #TINY-6397
+- Added new `closest` formatter API to get the closest matching selection format from a set of formats. #TINY-6479
+- Added new `emojiimages` emoticons database that uses the twemoji CDN by default. #TINY-6021
+- Added new `emoticons_database` setting to configure which emoji database to use. #TINY-6021
+- Added new `name` field to the `style_formats` setting object to enable specifying a name for the format. #TINY-4239
+
+### Changed
+- Changed `readonly` mode to allow hyperlinks to be clickable. #TINY-6248
+
+### Fixed
+- Fixed the `change` event not firing after a successful image upload. #TINY-6586
+- Fixed the type signature for the `entity_encoding` setting not accepting delimited lists. #TINY-6648
+- Fixed layout issues when empty `tr` elements were incorrectly removed from tables. #TINY-4679
+- Fixed image file extensions lost when uploading an image with an alternative extension, such as `.jfif`. #TINY-6622
+- Fixed a security issue where URLs in attributes weren't correctly sanitized. #TINY-6518
+- Fixed `DOMUtils.getParents` incorrectly including the shadow root in the array of elements returned. #TINY-6540
+- Fixed an issue where the root document could be scrolled while an editor dialog was open inside a shadow root. #TINY-6363
+- Fixed `getContent` with text format returning a new line when the editor is empty. #TINY-6281
+- Fixed table column and row resizers not respecting the `data-mce-resize` attribute. #TINY-6600
+- Fixed inserting a table via the `mceInsertTable` command incorrectly creating 2 undo levels. #TINY-6656
+- Fixed nested tables with `colgroup` elements incorrectly always resizing the inner table. #TINY-6623
+- Fixed the `visualchars` plugin causing the editor to steal focus when initialized. #TINY-6282
+- Fixed `fullpage` plugin altering text content in `editor.getContent()`. #TINY-6541
+- Fixed `fullscreen` plugin not working correctly with multiple editors and shadow DOM. #TINY-6280
+- Fixed font size keywords such as `medium` not displaying correctly in font size menus. #TINY-6291
+- Fixed an issue where some attributes in table cells were not copied over to new rows or columns. #TINY-6485
+- Fixed incorrectly removing formatting on adjacent spaces when removing formatting on a ranged selection. #TINY-6268
+- Fixed the `Cut` menu item not working in the latest version of Mozilla Firefox. #TINY-6615
+- Fixed some incorrect types in the new TypeScript declaration file. #TINY-6413
+- Fixed a regression where a fake offscreen selection element was incorrectly created for the editor root node. #TINY-6555
+- Fixed an issue where menus would incorrectly collapse in small containers. #TINY-3321
+- Fixed an issue where only one table column at a time could be converted to a header. #TINY-6326
+- Fixed some minor memory leaks that prevented garbage collection for editor instances. #TINY-6570
+- Fixed resizing a `responsive` table not working when using the column resize handles. #TINY-6601
+- Fixed incorrectly calculating table `col` widths when resizing responsive tables. #TINY-6646
+- Fixed an issue where spaces were not preserved in pre-blocks when getting text content. #TINY-6448
+- Fixed a regression that caused the selection to be difficult to see in tables with backgrounds. #TINY-6495
+- Fixed content pasted multiple times in the editor when using Microsoft Internet Explorer 11. Patch contributed by mattford. #GH-4905
+
+## 5.5.1 - 2020-10-01
+
+### Fixed
+- Fixed pressing the down key near the end of a document incorrectly raising an exception. #TINY-6471
+- Fixed incorrect Typescript types for the `Tools` API. #TINY-6475
+
+## 5.5.0 - 2020-09-29
+
+### Added
+- Added a TypeScript declaration file to the bundle output for TinyMCE core. #TINY-3785
+- Added new `table_column_resizing` setting to control how table columns are resized when using the resize bars. #TINY-6001
+- Added the ability to remove images on a failed upload using the `images_upload_handler` failure callback. #TINY-6011
+- Added `hasPlugin` function to the editor API to determine if a plugin exists or not. #TINY-766
+- Added new `ToggleToolbarDrawer` command and query state handler to allow the toolbar drawer to be programmatically toggled and the toggle state to be checked. #TINY-6032
+- Added the ability to use `colgroup` elements in tables. #TINY-6050
+- Added a new setting `table_use_colgroups` for toggling whether colgroups are used in new tables. #TINY-6050
+- Added the ability to delete and navigate HTML media elements without the `media` plugin. #TINY-4211
+- Added `fullscreen_native` setting to the `fullscreen` plugin to enable use of the entire monitor. #TINY-6284
+- Added table related oxide variables to the Style API for more granular control over table cell selection appearance. #TINY-6311
+- Added new `toolbar_persist` setting to control the visibility of the inline toolbar. #TINY-4847
+- Added new APIs to allow for programmatic control of the inline toolbar visibility. #TINY-4847
+- Added the `origin` property to the `ObjectResized` and `ObjectResizeStart` events, to specify which handle the resize was performed on. #TINY-6242
+- Added new StyleSheetLoader `unload` and `unloadAll` APIs to allow loaded stylesheets to be removed. #TINY-3926
+- Added the `LineHeight` query command and action to the editor. #TINY-4843
+- Added the `lineheight` toolbar and menu items, and added `lineheight` to the default format menu. #TINY-4843
+- Added a new `contextmenu_avoid_overlap` setting to allow context menus to avoid overlapping matched nodes. #TINY-6036
+- Added new listbox dialog UI component for rendering a dropdown that allows nested options. #TINY-2236
+- Added back the ability to use nested items in the `image_class_list`, `link_class_list`, `link_list`, `table_class_list`, `table_cell_class_list`, and `table_row_class_list` settings. #TINY-2236
+
+### Changed
+- Changed how CSS manipulates table cells when selecting multiple cells to achieve a semi-transparent selection. #TINY-6311
+- Changed the `target` property on fired events to use the native event target. The original target for an open shadow root can be obtained using `event.getComposedPath()`. #TINY-6128
+- Changed the editor to clean-up loaded CSS stylesheets when all editors using the stylesheet have been removed. #TINY-3926
+- Changed `imagetools` context menu icon for accessing the `image` dialog to use the `image` icon. #TINY-4141
+- Changed the `editor.insertContent()` and `editor.selection.setContent()` APIs to retain leading and trailing whitespace. #TINY-5966
+- Changed the `table` plugin `Column` menu to include the cut, copy and paste column menu items. #TINY-6374
+- Changed the default table styles in the content CSS files to better support the styling options available in the `table` dialog. #TINY-6179
+
+### Deprecated
+- Deprecated the `Env.experimentalShadowDom` flag. #TINY-6128
+
+### Fixed
+- Fixed tables with no borders displaying with the default border styles in the `preview` dialog. #TINY-6179
+- Fixed loss of whitespace when inserting content after a non-breaking space. #TINY-5966
+- Fixed the `event.getComposedPath()` function throwing an exception for events fired from the editor. #TINY-6128
+- Fixed notifications not appearing when the editor is within a ShadowRoot. #TINY-6354
+- Fixed focus issues with inline dialogs when the editor is within a ShadowRoot. #TINY-6360
+- Fixed the `template` plugin previews missing some content styles. #TINY-6115
+- Fixed the `media` plugin not saving the alternative source url in some situations. #TINY-4113
+- Fixed an issue where column resizing using the resize bars was inconsistent between fixed and relative table widths. #TINY-6001
+- Fixed an issue where dragging and dropping within a table would select table cells. #TINY-5950
+- Fixed up and down keyboard navigation not working for inline `contenteditable="false"` elements. #TINY-6226
+- Fixed dialog not retrieving `close` icon from icon pack. #TINY-6445
+- Fixed the `unlink` toolbar button not working when selecting multiple links. #TINY-4867
+- Fixed the `link` dialog not showing the "Text to display" field in some valid cases. #TINY-5205
+- Fixed the `DOMUtils.split()` API incorrectly removing some content. #TINY-6294
+- Fixed pressing the escape key not focusing the editor when using multiple toolbars. #TINY-6230
+- Fixed the `dirty` flag not being correctly set during an `AddUndo` event. #TINY-4707
+- Fixed `editor.selection.setCursorLocation` incorrectly placing the cursor outside `pre` elements in some circumstances. #TINY-4058
+- Fixed an exception being thrown when pressing the enter key inside pre elements while `br_in_pre` setting is false. #TINY-4058
+
+## 5.4.2 - 2020-08-17
+
+### Fixed
+- Fixed the editor not resizing when resizing the browser window in fullscreen mode. #TINY-3511
+- Fixed clicking on notifications causing inline editors to hide. #TINY-6058
+- Fixed an issue where link URLs could not be deleted or edited in the link dialog in some cases. #TINY-4706
+- Fixed a regression where setting the `anchor_top` or `anchor_bottom` options to `false` was not working. #TINY-6256
+- Fixed the `anchor` plugin not supporting the `allow_html_in_named_anchor` option. #TINY-6236
+- Fixed an exception thrown when removing inline formats that contained additional styles or classes. #TINY-6288
+- Fixed an exception thrown when positioning the context toolbar on Internet Explorer 11 in some edge cases. #TINY-6271
+- Fixed inline formats not removed when more than one `removeformat` format rule existed. #TINY-6216
+- Fixed an issue where spaces were sometimes removed when removing formating on nearby text. #TINY-6251
+- Fixed the list toolbar buttons not showing as active when a list is selected. #TINY-6286
+- Fixed an issue where the UI would sometimes not be shown or hidden when calling the show or hide API methods on the editor. #TINY-6048
+- Fixed the list type style not retained when copying list items. #TINY-6289
+- Fixed the Paste plugin converting tabs in plain text to a single space character. A `paste_tab_spaces` option has been included for setting the number of spaces used to replace a tab character. #TINY-6237
+
+## 5.4.1 - 2020-07-08
+
+### Fixed
+- Fixed the Search and Replace plugin incorrectly including zero-width caret characters in search results. #TINY-4599
+- Fixed dragging and dropping unsupported files navigating the browser away from the editor. #TINY-6027
+- Fixed undo levels not created on browser handled drop or paste events. #TINY-6027
+- Fixed content in an iframe element parsing as DOM elements instead of text content. #TINY-5943
+- Fixed Oxide checklist styles not showing when printing. #TINY-5139
+- Fixed bug with `scope` attribute not being added to the cells of header rows. #TINY-6206
+
+## 5.4.0 - 2020-06-30
+
+### Added
+- Added keyboard navigation support to menus and toolbars when the editor is in a ShadowRoot. #TINY-6152
+- Added the ability for menus to be clicked when the editor is in an open shadow root. #TINY-6091
+- Added the `Editor.ui.styleSheetLoader` API for loading stylesheets within the Document or ShadowRoot containing the editor UI. #TINY-6089
+- Added the `StyleSheetLoader` module to the public API. #TINY-6100
+- Added Oxide variables for styling the `select` element and headings in dialog content. #TINY-6070
+- Added icons for `table` column and row cut, copy, and paste toolbar buttons. #TINY-6062
+- Added all `table` menu items to the UI registry, so they can be used by name in other menus. #TINY-4866
+- Added new `mceTableApplyCellStyle` command to the `table` plugin. #TINY-6004
+- Added new `table` cut, copy, and paste column editor commands and menu items. #TINY-6006
+- Added font related Oxide variables for secondary buttons, allowing for custom styling. #TINY-6061
+- Added new `table_header_type` setting to control how table header rows are structured. #TINY-6007
+- Added new `table_sizing_mode` setting to replace the `table_responsive_width` setting, which has now been deprecated. #TINY-6051
+- Added new `mceTableSizingMode` command for changing the sizing mode of a table. #TINY-6000
+- Added new `mceTableRowType`, `mceTableColType`, and `mceTableCellType` commands and value queries. #TINY-6150
+
+### Changed
+- Changed `advlist` toolbar buttons to only show a dropdown list if there is more than one option. #TINY-3194
+- Changed `mceInsertTable` command and `insertTable` API method to take optional header rows and columns arguments. #TINY-6012
+- Changed stylesheet loading, so that UI skin stylesheets can load in a ShadowRoot if required. #TINY-6089
+- Changed the DOM location of menus so that they display correctly when the editor is in a ShadowRoot. #TINY-6093
+- Changed the table plugin to correctly detect all valid header row structures. #TINY-6007
+
+### Fixed
+- Fixed tables with no defined width being converted to a `fixed` width table when modifying the table. #TINY-6051
+- Fixed the `autosave` `isEmpty` API incorrectly detecting non-empty content as empty. #TINY-5953
+- Fixed table `Paste row after` and `Paste row before` menu items not disabled when nothing was available to paste. #TINY-6006
+- Fixed a selection performance issue with large tables on Microsoft Internet Explorer and Edge. #TINY-6057
+- Fixed filters for screening commands from the undo stack to be case-insensitive. #TINY-5946
+- Fixed `fullscreen` plugin now removes all classes when the editor is closed. #TINY-4048
+- Fixed handling of mixed-case icon identifiers (names) for UI elements. #TINY-3854
+- Fixed leading and trailing spaces lost when using `editor.selection.getContent({ format: 'text' })`. #TINY-5986
+- Fixed an issue where changing the URL with the quicklink toolbar caused unexpected undo behavior. #TINY-5952
+- Fixed an issue where removing formatting within a table cell would cause Internet Explorer 11 to scroll to the end of the table. #TINY-6049
+- Fixed an issue where the `allow_html_data_urls` setting was not correctly applied. #TINY-5951
+- Fixed the `autolink` feature so that it no longer treats a string with multiple "@" characters as an email address. #TINY-4773
+- Fixed an issue where removing the editor would leave unexpected attributes on the target element. #TINY-4001
+- Fixed the `link` plugin now suggest `mailto:` when the text contains an '@' and no slashes (`/`). #TINY-5941
+- Fixed the `valid_children` check of custom elements now allows a wider range of characters in names. #TINY-5971
+
+## 5.3.2 - 2020-06-10
+
+### Fixed
+- Fixed a regression introduced in 5.3.0, where `images_dataimg_filter` was no-longer called. #TINY-6086
+
+## 5.3.1 - 2020-05-27
+
+### Fixed
+- Fixed the image upload error alert also incorrectly closing the image dialog. #TINY-6020
+- Fixed editor content scrolling incorrectly on focus in Firefox by reverting default content CSS html and body heights added in 5.3.0. #TINY-6019
+
+## 5.3.0 - 2020-05-21
+
+### Added
+- Added html and body height styles to the default oxide content CSS. #TINY-5978
+- Added `uploadUri` and `blobInfo` to the data returned by `editor.uploadImages()`. #TINY-4579
+- Added a new function to the `BlobCache` API to lookup a blob based on the base64 data and mime type. #TINY-5988
+- Added the ability to search and replace within a selection. #TINY-4549
+- Added the ability to set the list start position for ordered lists and added new `lists` context menu item. #TINY-3915
+- Added `icon` as an optional config option to the toggle menu item API. #TINY-3345
+- Added `auto` mode for `toolbar_location` which positions the toolbar and menu bar at the bottom if there is no space at the top. #TINY-3161
+
+### Changed
+- Changed the default `toolbar_location` to `auto`. #TINY-3161
+- Changed toggle menu items and choice menu items to have a dedicated icon with the checkmark displayed on the far right side of the menu item. #TINY-3345
+- Changed the `link`, `image`, and `paste` plugins to use Promises to reduce the bundle size. #TINY-4710
+- Changed the default icons to be lazy loaded during initialization. #TINY-4729
+- Changed the parsing of content so base64 encoded urls are converted to blob urls. #TINY-4727
+- Changed context toolbars so they concatenate when more than one is suitable for the current selection. #TINY-4495
+- Changed inline style element formats (strong, b, em, i, u, strike) to convert to a span on format removal if a `style` or `class` attribute is present. #TINY-4741
+
+### Fixed
+- Fixed the `selection.setContent()` API not running parser filters. #TINY-4002
+- Fixed formats incorrectly applied or removed when table cells were selected. #TINY-4709
+- Fixed the `quickimage` button not restricting the file types to images. #TINY-4715
+- Fixed search and replace ignoring text in nested contenteditable elements. #TINY-5967
+- Fixed resize handlers displaying in the wrong location sometimes for remote images. #TINY-4732
+- Fixed table picker breaking in Firefox on low zoom levels. #TINY-4728
+- Fixed issue with loading or pasting contents with large base64 encoded images on Safari. #TINY-4715
+- Fixed supplementary special characters being truncated when inserted into the editor. Patch contributed by mlitwin. #TINY-4791
+- Fixed toolbar buttons not set to disabled when the editor is in readonly mode. #TINY-4592
+- Fixed the editor selection incorrectly changing when removing caret format containers. #TINY-3438
+- Fixed bug where title, width, and height would be set to empty string values when updating an image and removing those attributes using the image dialog. #TINY-4786
+- Fixed `ObjectResized` event firing when an object wasn't resized. #TINY-4161
+- Fixed `ObjectResized` and `ObjectResizeStart` events incorrectly fired when adding or removing table rows and columns. #TINY-4829
+- Fixed the placeholder not hiding when pasting content into the editor. #TINY-4828
+- Fixed an issue where the editor would fail to load if local storage was disabled. #TINY-5935
+- Fixed an issue where an uploaded image would reuse a cached image with a different mime type. #TINY-5988
+- Fixed bug where toolbars and dialogs would not show if the body element was replaced (e.g. with Turbolinks). Patch contributed by spohlenz. #GH-5653
+- Fixed an issue where multiple formats would be removed when removing a single format at the end of lines or on empty lines. #TINY-1170
+- Fixed zero-width spaces incorrectly included in the `wordcount` plugin character count. #TINY-5991
+- Fixed a regression introduced in 5.2.0 whereby the desktop `toolbar_mode` setting would incorrectly override the mobile default setting. #TINY-5998
+- Fixed an issue where deleting all content in a single cell table would delete the entire table. #TINY-1044
+
+## 5.2.2 - 2020-04-23
+
+### Fixed
+- Fixed an issue where anchors could not be inserted on empty lines. #TINY-2788
+- Fixed text decorations (underline, strikethrough) not consistently inheriting the text color. #TINY-4757
+- Fixed `format` menu alignment buttons inconsistently applying to images. #TINY-4057
+- Fixed the floating toolbar drawer height collapsing when the editor is rendered in modal dialogs or floating containers. #TINY-4837
+- Fixed `media` embed content not processing safely in some cases. #TINY-4857
+
+## 5.2.1 - 2020-03-25
+
+### Fixed
+- Fixed the "is decorative" checkbox in the image dialog clearing after certain dialog events. #FOAM-11
+- Fixed possible uncaught exception when a `style` attribute is removed using a content filter on `setContent`. #TINY-4742
+- Fixed the table selection not functioning correctly in Microsoft Edge 44 or higher. #TINY-3862
+- Fixed the table resize handles not functioning correctly in Microsoft Edge 44 or higher. #TINY-4160
+- Fixed the floating toolbar drawer disconnecting from the toolbar when adding content in inline mode. #TINY-4725 #TINY-4765
+- Fixed `readonly` mode not returning the appropriate boolean value. #TINY-3948
+- Fixed the `forced_root_block_attrs` setting not applying attributes to new blocks consistently. #TINY-4564
+- Fixed the editor incorrectly stealing focus during initialization in Microsoft Internet Explorer. #TINY-4697
+- Fixed dialogs stealing focus when opening an alert or confirm dialog using an `onAction` callback. #TINY-4014
+- Fixed inline dialogs incorrectly closing when clicking on an opened alert or confirm dialog. #TINY-4012
+- Fixed the context toolbar overlapping the menu bar and toolbar. #TINY-4586
+- Fixed notification and inline dialog positioning issues when using `toolbar_location: 'bottom'`. #TINY-4586
+- Fixed the `colorinput` popup appearing offscreen on mobile devices. #TINY-4711
+- Fixed special characters not being found when searching by "whole words only". #TINY-4522
+- Fixed an issue where dragging images could cause them to be duplicated. #TINY-4195
+- Fixed context toolbars activating without the editor having focus. #TINY-4754
+- Fixed an issue where removing the background color of text did not always work. #TINY-4770
+- Fixed an issue where new rows and columns in a table did not retain the style of the previous row or column. #TINY-4788
+
+## 5.2.0 - 2020-02-13
+
+### Added
+- Added the ability to apply formats to spaces. #TINY-4200
+- Added new `toolbar_location` setting to allow for positioning the menu and toolbar at the bottom of the editor. #TINY-4210
+- Added new `toolbar_groups` setting to allow a custom floating toolbar group to be added to the toolbar when using `floating` toolbar mode. #TINY-4229
+- Added new `link_default_protocol` setting to `link` and `autolink` plugin to allow a protocol to be used by default. #TINY-3328
+- Added new `placeholder` setting to allow a placeholder to be shown when the editor is empty. #TINY-3917
+- Added new `tinymce.dom.TextSeeker` API to allow searching text across different DOM nodes. #TINY-4200
+- Added a drop shadow below the toolbar while in sticky mode and introduced Oxide variables to customize it when creating a custom skin. #TINY-4343
+- Added `quickbars_image_toolbar` setting to allow for the image quickbar to be turned off. #TINY-4398
+- Added iframe and img `loading` attribute to the default schema. Patch contributed by ataylor32. #GH-5112
+- Added new `getNodeFilters`/`getAttributeFilters` functions to the `editor.serializer` instance. #TINY-4344
+- Added new `a11y_advanced_options` setting to allow additional accessibility options to be added. #FOAM-11
+- Added new accessibility options and behaviours to the image dialog using `a11y_advanced_options`. #FOAM-11
+- Added the ability to use the window `PrismJS` instance for the `codesample` plugin instead of the bundled version to allow for styling custom languages. #TINY-4504
+- Added error message events that fire when a resource loading error occurs. #TINY-4509
+
+### Changed
+- Changed the default schema to disallow `onchange` for select elements. #TINY-4614
+- Changed default `toolbar_mode` value from false to `wrap`. The value false has been deprecated. #TINY-4617
+- Changed `toolbar_drawer` setting to `toolbar_mode`. `toolbar_drawer` has been deprecated. #TINY-4416
+- Changed iframe mode to set selection on content init if selection doesn't exist. #TINY-4139
+- Changed table related icons to align them with the visual style of the other icons. #TINY-4341
+- Changed and improved the visual appearance of the color input field. #TINY-2917
+- Changed fake caret container to use `forced_root_block` when possible. #TINY-4190
+- Changed the `requireLangPack` API to wait until the plugin has been loaded before loading the language pack. #TINY-3716
+- Changed the formatter so `style_formats` are registered before the initial content is loaded into the editor. #TINY-4238
+- Changed media plugin to use https protocol for media urls by default. #TINY-4577
+- Changed the parser to treat CDATA nodes as bogus HTML comments to match the HTML parsing spec. A new `preserve_cdata` setting has been added to preserve CDATA nodes if required. #TINY-4625
+
+### Fixed
+- Fixed incorrect parsing of malformed/bogus HTML comments. #TINY-4625
+- Fixed `quickbars` selection toolbar appearing on non-editable elements. #TINY-4359
+- Fixed bug with alignment toolbar buttons sometimes not changing state correctly. #TINY-4139
+- Fixed the `codesample` toolbar button not toggling when selecting code samples other than HTML. #TINY-4504
+- Fixed content incorrectly scrolling to the top or bottom when pressing enter if when the content was already in view. #TINY-4162
+- Fixed `scrollIntoView` potentially hiding elements behind the toolbar. #TINY-4162
+- Fixed editor not respecting the `resize_img_proportional` setting due to legacy code. #TINY-4236
+- Fixed flickering floating toolbar drawer in inline mode. #TINY-4210
+- Fixed an issue where the template plugin dialog would be indefinitely blocked on a failed template load. #TINY-2766
+- Fixed the `mscontrolselect` event not being unbound on IE/Edge. #TINY-4196
+- Fixed Confirm dialog footer buttons so only the "Yes" button is highlighted. #TINY-4310
+- Fixed `file_picker_callback` functionality for Image, Link and Media plugins. #TINY-4163
+- Fixed issue where floating toolbar drawer sometimes would break if the editor is resized while the drawer is open. #TINY-4439
+- Fixed incorrect `external_plugins` loading error message. #TINY-4503
+- Fixed resize handler was not hidden for ARIA purposes. Patch contributed by Parent5446. #GH-5195
+- Fixed an issue where content could be lost if a misspelled word was selected and spellchecking was disabled. #TINY-3899
+- Fixed validation errors in the CSS where certain properties had the wrong default value. #TINY-4491
+- Fixed an issue where forced root block attributes were not applied when removing a list. #TINY-4272
+- Fixed an issue where the element path isn't being cleared when there are no parents. #TINY-4412
+- Fixed an issue where width and height in svg icons containing `rect` elements were overridden by the CSS reset. #TINY-4408
+- Fixed an issue where uploading images with `images_reuse_filename` enabled and that included a query parameter would generate an invalid URL. #TINY-4638
+- Fixed the `closeButton` property not working when opening notifications. #TINY-4674
+- Fixed keyboard flicker when opening a context menu on mobile. #TINY-4540
+- Fixed issue where plus icon svg contained strokes. #TINY-4681
+
+## 5.1.6 - 2020-01-28
+
+### Fixed
+- Fixed `readonly` mode not blocking all clicked links. #TINY-4572
+- Fixed legacy font sizes being calculated inconsistently for the `FontSize` query command value. #TINY-4555
+- Fixed changing a tables row from `Header` to `Body` incorrectly moving the row to the bottom of the table. #TINY-4593
+- Fixed the context menu not showing in certain cases with hybrid devices. #TINY-4569
+- Fixed the context menu opening in the wrong location when the target is the editor body. #TINY-4568
+- Fixed the `image` plugin not respecting the `automatic_uploads` setting when uploading local images. #TINY-4287
+- Fixed security issue related to parsing HTML comments and CDATA. #TINY-4544
+
+## 5.1.5 - 2019-12-19
+
+### Fixed
+- Fixed the UI not working with hybrid devices that accept both touch and mouse events. #TNY-4521
+- Fixed the `charmap` dialog initially focusing the first tab of the dialog instead of the search input field. #TINY-4342
+- Fixed an exception being raised when inserting content if the caret was directly before or after a `contenteditable="false"` element. #TINY-4528
+- Fixed a bug with pasting image URLs when paste as text is enabled. #TINY-4523
+
+## 5.1.4 - 2019-12-11
+
+### Fixed
+- Fixed dialog contents disappearing when clicking a checkbox for right-to-left languages. #TINY-4518
+- Fixed the `legacyoutput` plugin registering legacy formats after editor initialization, causing legacy content to be stripped on the initial load. #TINY-4447
+- Fixed search and replace not cycling through results when searching using special characters. #TINY-4506
+- Fixed the `visualchars` plugin converting HTML-like text to DOM elements in certain cases. #TINY-4507
+- Fixed an issue with the `paste` plugin not sanitizing content in some cases. #TINY-4510
+- Fixed HTML comments incorrectly being parsed in certain cases. #TINY-4511
+
+## 5.1.3 - 2019-12-04
+
+### Fixed
+- Fixed sticky toolbar not undocking when fullscreen mode is activated. #TINY-4390
+- Fixed the "Current Window" target not applying when updating links using the link dialog. #TINY-4063
+- Fixed disabled menu items not highlighting when focused. #TINY-4339
+- Fixed touch events passing through dialog collection items to the content underneath on Android devices. #TINY-4431
+- Fixed keyboard navigation of the Help dialog's Keyboard Navigation tab. #TINY-4391
+- Fixed search and replace dialog disappearing when finding offscreen matches on iOS devices. #TINY-4350
+- Fixed performance issues where sticky toolbar was jumping while scrolling on slower browsers. #TINY-4475
+
+## 5.1.2 - 2019-11-19
+
+### Fixed
+- Fixed desktop touch devices using `mobile` configuration overrides. #TINY-4345
+- Fixed unable to disable the new scrolling toolbar feature. #TINY-4345
+- Fixed touch events passing through any pop-up items to the content underneath on Android devices. #TINY-4367
+- Fixed the table selector handles throwing JavaScript exceptions for non-table selections. #TINY-4338
+- Fixed `cut` operations not removing selected content on Android devices when the `paste` plugin is enabled. #TINY-4362
+- Fixed inline toolbar not constrained to the window width by default. #TINY-4314
+- Fixed context toolbar split button chevrons pointing right when they should be pointing down. #TINY-4257
+- Fixed unable to access the dialog footer in tabbed dialogs on small screens. #TINY-4360
+- Fixed mobile table selectors were hard to select with touch by increasing the size. #TINY-4366
+- Fixed mobile table selectors moving when moving outside the editor. #TINY-4366
+- Fixed inline toolbars collapsing when using sliding toolbars. #TINY-4389
+- Fixed block textpatterns not treating NBSPs as spaces. #TINY-4378
+- Fixed backspace not merging blocks when the last element in the preceding block was a `contenteditable="false"` element. #TINY-4235
+- Fixed toolbar buttons that only contain text labels overlapping on mobile devices. #TINY-4395
+- Fixed quickbars quickimage picker not working on mobile. #TINY-4377
+- Fixed fullscreen not resizing in an iOS WKWebView component. #TINY-4413
+
+## 5.1.1 - 2019-10-28
+
+### Fixed
+- Fixed font formats containing spaces being wrapped in `&quot;` entities instead of single quotes. #TINY-4275
+- Fixed alert and confirm dialogs losing focus when clicked. #TINY-4248
+- Fixed clicking outside a modal dialog focusing on the document body. #TINY-4249
+- Fixed the context toolbar not hiding when scrolled out of view. #TINY-4265
+
+## 5.1.0 - 2019-10-17
+
+### Added
+- Added touch selector handles for table selections on touch devices. #TINY-4097
+- Added border width field to Table Cell dialog. #TINY-4028
+- Added touch event listener to media plugin to make embeds playable. #TINY-4093
+- Added oxide styling options to notifications and tweaked the default variables. #TINY-4153
+- Added additional padding to split button chevrons on touch devices, to make them easier to interact with. #TINY-4223
+- Added new platform detection functions to `Env` and deprecated older detection properties. #TINY-4184
+- Added `inputMode` config field to specify inputmode attribute of `input` dialog components. #TINY-4062
+- Added new `inputMode` property to relevant plugins/dialogs. #TINY-4102
+- Added new `toolbar_sticky` setting to allow the iframe menubar/toolbar to stick to the top of the window when scrolling. #TINY-3982
+
+### Changed
+- Changed default setting for `toolbar_drawer` to `floating`. #TINY-3634
+- Changed mobile phones to use the `silver` theme by default. #TINY-3634
+- Changed some editor settings to default to `false` on touch devices:
+  - `menubar`(phones only). #TINY-4077
+  - `table_grid`. #TINY-4075
+  - `resize`. #TINY-4157
+  - `object_resizing`. #TINY-4157
+- Changed toolbars and context toolbars to sidescroll on mobile. #TINY-3894 #TINY-4107
+- Changed context menus to render as horizontal menus on touch devices. #TINY-4107
+- Changed the editor to use the `VisualViewport` API of the browser where possible. #TINY-4078
+- Changed visualblocks toolbar button icon and renamed `paragraph` icon to `visualchars`. #TINY-4074
+- Changed Oxide default for `@toolbar-button-chevron-color` to follow toolbar button icon color. #TINY-4153
+- Changed the `urlinput` dialog component to use the `url` type attribute. #TINY-4102
+
+### Fixed
+- Fixed Safari desktop visual viewport fires resize on fullscreen breaking the restore function. #TINY-3976
+- Fixed scroll issues on mobile devices. #TINY-3976
+- Fixed context toolbar unable to refresh position on iOS12. #TINY-4107
+- Fixed ctrl+left click not opening links on readonly mode and the preview dialog. #TINY-4138
+- Fixed Slider UI component not firing `onChange` event on touch devices. #TINY-4092
+- Fixed notifications overlapping instead of stacking. #TINY-3478
+- Fixed inline dialogs positioning incorrectly when the page is scrolled. #TINY-4018
+- Fixed inline dialogs and menus not repositioning when resizing. #TINY-3227
+- Fixed inline toolbar incorrectly stretching to the full width when a width value was provided. #TINY-4066
+- Fixed menu chevrons color to follow the menu text color. #TINY-4153
+- Fixed table menu selection grid from staying black when using dark skins, now follows border color. #TINY-4153
+- Fixed Oxide using the wrong text color variable for menubar button focused state. #TINY-4146
+- Fixed the autoresize plugin not keeping the selection in view when resizing. #TINY-4094
+- Fixed textpattern plugin throwing exceptions when using `forced_root_block: false`. #TINY-4172
+- Fixed missing CSS fill styles for toolbar button icon active state. #TINY-4147
+- Fixed an issue where the editor selection could end up inside a short ended element (such as `br`). #TINY-3999
+- Fixed browser selection being lost in inline mode when opening split dropdowns. #TINY-4197
+- Fixed backspace throwing an exception when using `forced_root_block: false`. #TINY-4099
+- Fixed floating toolbar drawer expanding outside the bounds of the editor. #TINY-3941
+- Fixed the autocompleter not activating immediately after a `br` or `contenteditable=false` element. #TINY-4194
+- Fixed an issue where the autocompleter would incorrectly close on IE 11 in certain edge cases. #TINY-4205
+
+## 5.0.16 - 2019-09-24
+
+### Added
+- Added new `referrer_policy` setting to add the `referrerpolicy` attribute when loading scripts or stylesheets. #TINY-3978
+- Added a slight background color to dialog tab links when focused to aid keyboard navigation. #TINY-3877
+
+### Fixed
+- Fixed media poster value not updating on change. #TINY-4013
+- Fixed openlink was not registered as a toolbar button. #TINY-4024
+- Fixed failing to initialize if a script tag was used inside a SVG. #TINY-4087
+- Fixed double top border showing on toolbar without menubar when toolbar_drawer is enabled. #TINY-4118
+- Fixed unable to drag inline dialogs to the bottom of the screen when scrolled. #TINY-4154
+- Fixed notifications appearing on top of the toolbar when scrolled in inline mode. #TINY-4159
+- Fixed notifications displaying incorrectly on IE 11. #TINY-4169
+
+## 5.0.15 - 2019-09-02
+
+### Added
+- Added a dark `content_css` skin to go with the dark UI skin. #TINY-3743
+
+### Changed
+- Changed the enabled state on toolbar buttons so they don't get the hover effect. #TINY-3974
+
+### Fixed
+- Fixed missing CSS active state on toolbar buttons. #TINY-3966
+- Fixed `onChange` callback not firing for the colorinput dialog component. #TINY-3968
+- Fixed context toolbars not showing in fullscreen mode. #TINY-4023
+
+## 5.0.14 - 2019-08-19
+
+### Added
+- Added an API to reload the autocompleter menu with additional fetch metadata #MENTIONS-17
+
+### Fixed
+- Fixed missing toolbar button border styling options. #TINY-3965
+- Fixed image upload progress notification closing before the upload is complete. #TINY-3963
+- Fixed inline dialogs not closing on escape when no dialog component is in focus. #TINY-3936
+- Fixed plugins not being filtered when defaulting to mobile on phones. #TINY-3537
+- Fixed toolbar more drawer showing the content behind it when transitioning between opened and closed states. #TINY-3878
+- Fixed focus not returning to the dialog after pressing the "Replace all" button in the search and replace dialog. #TINY-3961
+
+### Removed
+- Removed Oxide variable `@menubar-select-disabled-border-color` and replaced it with `@menubar-select-disabled-border`. #TINY-3965
+
+## 5.0.13 - 2019-08-06
+
+### Changed
+- Changed modal dialogs to prevent dragging by default and added new `draggable_modal` setting to restore dragging. #TINY-3873
+- Changed the nonbreaking plugin to insert nbsp characters wrapped in spans to aid in filtering. This can be disabled using the `nonbreaking_wrap` setting. #TINY-3647
+- Changed backspace behaviour in lists to outdent nested list items when the cursor is at the start of the list item. #TINY-3651
+
+### Fixed
+- Fixed sidebar growing beyond editor bounds in IE 11. #TINY-3937
+- Fixed issue with being unable to keyboard navigate disabled toolbar buttons. #TINY-3350
+- Fixed issues with backspace and delete in nested contenteditable true and false elements. #TINY-3868
+- Fixed issue with losing keyboard navigation in dialogs due to disabled buttons. #TINY-3914
+- Fixed `MouseEvent.mozPressure is deprecated` warning in Firefox. #TINY-3919
+- Fixed `default_link_target` not being respected when `target_list` is disabled. #TINY-3757
+- Fixed mobile plugin filter to only apply to the mobile theme, rather than all mobile platforms. #TINY-3405
+- Fixed focus switching to another editor during mode changes. #TINY-3852
+- Fixed an exception being thrown when clicking on an uninitialized inline editor. #TINY-3925
+- Fixed unable to keyboard navigate to dialog menu buttons. #TINY-3933
+- Fixed dialogs being able to be dragged outside the window viewport. #TINY-3787
+- Fixed inline dialogs appearing above modal dialogs. #TINY-3932
+
+## 5.0.12 - 2019-07-18
+
+### Added
+- Added ability to utilize UI dialog panels inside other panels. #TINY-3305
+- Added help dialog tab explaining keyboard navigation of the editor. #TINY-3603
+
+### Changed
+- Changed the "Find and Replace" design to an inline dialog. #TINY-3054
+
+### Fixed
+- Fixed issue where autolink spacebar event was not being fired on Edge. #TINY-3891
+- Fixed table selection missing the background color. #TINY-3892
+- Fixed removing shortcuts not working for function keys. #TINY-3871
+- Fixed non-descriptive UI component type names. #TINY-3349
+- Fixed UI registry components rendering as the wrong type when manually specifying a different type. #TINY-3385
+- Fixed an issue where dialog checkbox, input, selectbox, textarea and urlinput components couldn't be disabled. #TINY-3708
+- Fixed the context toolbar not using viable screen space in inline/distraction free mode. #TINY-3717
+- Fixed the context toolbar overlapping the toolbar in various conditions. #TINY-3205
+- Fixed IE11 edge case where items were being inserted into the wrong location. #TINY-3884
+
+## 5.0.11 - 2019-07-04
+
+### Fixed
+- Fixed packaging errors caused by a rollup treeshaking bug (https://github.com/rollup/rollup/issues/2970). #TINY-3866
+- Fixed the customeditor component not able to get data from the dialog api. #TINY-3866
+- Fixed collection component tooltips not being translated. #TINY-3855
+
+## 5.0.10 - 2019-07-02
+
+### Added
+- Added support for all HTML color formats in `color_map` setting. #TINY-3837
+
+### Changed
+- Changed backspace key handling to outdent content in appropriate circumstances. #TINY-3685
+- Changed default palette for forecolor and backcolor to include some lighter colors suitable for highlights. #TINY-2865
+- Changed the search and replace plugin to cycle through results. #TINY-3800
+
+### Fixed
+- Fixed inconsistent types causing some properties to be unable to be used in dialog components. #TINY-3778
+- Fixed an issue in the Oxide skin where dialog content like outlines and shadows were clipped because of overflow hidden. #TINY-3566
+- Fixed the search and replace plugin not resetting state when changing the search query. #TINY-3800
+- Fixed backspace in lists not creating an undo level. #TINY-3814
+- Fixed the editor to cancel loading in quirks mode where the UI is not supported. #TINY-3391
+- Fixed applying fonts not working when the name contained spaces and numbers. #TINY-3801
+- Fixed so that initial content is retained when initializing on list items. #TINY-3796
+- Fixed inefficient font name and font size current value lookup during rendering. #TINY-3813
+- Fixed mobile font copied into the wrong folder for the oxide-dark skin. #TINY-3816
+- Fixed an issue where resizing the width of tables would produce inaccurate results. #TINY-3827
+- Fixed a memory leak in the Silver theme. #TINY-3797
+- Fixed alert and confirm dialogs using incorrect markup causing inconsistent padding. #TINY-3835
+- Fixed an issue in the Table plugin with `table_responsive_width` not enforcing units when resizing. #TINY-3790
+- Fixed leading, trailing and sequential spaces being lost when pasting plain text. #TINY-3726
+- Fixed exception being thrown when creating relative URIs. #TINY-3851
+- Fixed focus is no longer set to the editor content during mode changes unless the editor already had focus. #TINY-3852
+
+## 5.0.9 - 2019-06-26
+
+### Fixed
+- Fixed print plugin not working in Firefox. #TINY-3834
+
+## 5.0.8 - 2019-06-18
+
+### Added
+- Added back support for multiple toolbars. #TINY-2195
+- Added support for .m4a files to the media plugin. #TINY-3750
+- Added new base_url and suffix editor init options. #TINY-3681
+
+### Fixed
+- Fixed incorrect padding for select boxes with visible values. #TINY-3780
+- Fixed selection incorrectly changing when programmatically setting selection on contenteditable false elements. #TINY-3766
+- Fixed sidebar background being transparent. #TINY-3727
+- Fixed the build to remove duplicate iife wrappers. #TINY-3689
+- Fixed bogus autocompleter span appearing in content when the autocompleter menu is shown. #TINY-3752
+- Fixed toolbar font size select not working with legacyoutput plugin. #TINY-2921
+- Fixed the legacyoutput plugin incorrectly aligning images. #TINY-3660
+- Fixed remove color not working when using the legacyoutput plugin. #TINY-3756
+- Fixed the font size menu applying incorrect sizes when using the legacyoutput plugin. #TINY-3773
+- Fixed scrollIntoView not working when the parent window was out of view. #TINY-3663
+- Fixed the print plugin printing from the wrong window in IE11. #TINY-3762
+- Fixed content CSS loaded over CORS not loading in the preview plugin with content_css_cors enabled. #TINY-3769
+- Fixed the link plugin missing the default "None" option for link list. #TINY-3738
+- Fixed small dot visible with menubar and toolbar disabled in inline mode. #TINY-3623
+- Fixed space key properly inserts a nbsp before/after block elements. #TINY-3745
+- Fixed native context menu not showing with images in IE11. #TINY-3392
+- Fixed inconsistent browser context menu image selection. #TINY-3789
+
+## 5.0.7 - 2019-06-05
+
+### Added
+- Added new toolbar button and menu item for inserting tables via dialog. #TINY-3636
+- Added new API for adding/removing/changing tabs in the Help dialog. #TINY-3535
+- Added highlighting of matched text in autocompleter items. #TINY-3687
+- Added the ability for autocompleters to work with matches that include spaces. #TINY-3704
+- Added new `imagetools_fetch_image` callback to allow custom implementations for cors loading of images. #TINY-3658
+- Added `'http'` and `https` options to `link_assume_external_targets` to prepend `http://` or `https://` prefixes when URL does not contain a protocol prefix. Patch contributed by francoisfreitag. #GH-4335
+
+### Changed
+- Changed annotations navigation to work the same as inline boundaries. #TINY-3396
+- Changed tabpanel API by adding a `name` field and changing relevant methods to use it. #TINY-3535
+
+### Fixed
+- Fixed text color not updating all color buttons when choosing a color. #TINY-3602
+- Fixed the autocompleter not working with fragmented text. #TINY-3459
+- Fixed the autosave plugin no longer overwrites window.onbeforeunload. #TINY-3688
+- Fixed infinite loop in the paste plugin when IE11 takes a long time to process paste events. Patch contributed by lRawd. #GH-4987
+- Fixed image handle locations when using `fixed_toolbar_container`. Patch contributed by t00. #GH-4966
+- Fixed the autoresize plugin not firing `ResizeEditor` events. #TINY-3587
+- Fixed editor in fullscreen mode not extending to the bottom of the screen. #TINY-3701
+- Fixed list removal when pressing backspace after the start of the list item. #TINY-3697
+- Fixed autocomplete not triggering from compositionend events. #TINY-3711
+- Fixed `file_picker_callback` could not set the caption field on the insert image dialog. #TINY-3172
+- Fixed the autocompleter menu showing up after a selection had been made. #TINY-3718
+- Fixed an exception being thrown when a file or number input has focus during initialization. Patch contributed by t00. #GH-2194
+
+## 5.0.6 - 2019-05-22
+
+### Added
+- Added `icons_url` editor settings to enable icon packs to be loaded from a custom url. #TINY-3585
+- Added `image_uploadtab` editor setting to control the visibility of the upload tab in the image dialog. #TINY-3606
+- Added new api endpoints to the wordcount plugin and improved character count logic. #TINY-3578
+
+### Changed
+- Changed plugin, language and icon loading errors to log in the console instead of a notification. #TINY-3585
+
+### Fixed
+- Fixed the textpattern plugin not working with fragmented text. #TINY-3089
+- Fixed various toolbar drawer accessibility issues and added an animation. #TINY-3554
+- Fixed issues with selection and ui components when toggling readonly mode. #TINY-3592
+- Fixed so readonly mode works with inline editors. #TINY-3592
+- Fixed docked inline toolbar positioning when scrolled. #TINY-3621
+- Fixed initial value not being set on bespoke select in quickbars and toolbar drawer. #TINY-3591
+- Fixed so that nbsp entities aren't trimmed in white-space: pre-line elements. #TINY-3642
+- Fixed `mceInsertLink` command inserting spaces instead of url encoded characters. #GH-4990
+- Fixed text content floating on top of dialogs in IE11. #TINY-3640
+
+## 5.0.5 - 2019-05-09
+
+### Added
+- Added menu items to match the forecolor/backcolor toolbar buttons. #TINY-2878
+- Added default directionality based on the configured language. #TINY-2621
+- Added styles, icons and tests for rtl mode. #TINY-2621
+
+### Fixed
+- Fixed autoresize not working with floating elements or when media elements finished loading. #TINY-3545
+- Fixed incorrect vertical caret positioning in IE 11. #TINY-3188
+- Fixed submenu anchoring hiding overflowed content. #TINY-3564
+
+### Removed
+- Removed unused and hidden validation icons to avoid displaying phantom tooltips. #TINY-2329
+
+## 5.0.4 - 2019-04-23
+
+### Added
+- Added back URL dialog functionality, which is now available via `editor.windowManager.openUrl()`. #TINY-3382
+- Added the missing throbber functionality when calling `editor.setProgressState(true)`. #TINY-3453
+- Added function to reset the editor content and undo/dirty state via `editor.resetContent()`. #TINY-3435
+- Added the ability to set menu buttons as active. #TINY-3274
+- Added `editor.mode` API, featuring a custom editor mode API. #TINY-3406
+- Added better styling to floating toolbar drawer. #TINY-3479
+- Added the new premium plugins to the Help dialog plugins tab. #TINY-3496
+- Added the linkchecker context menu items to the default configuration. #TINY-3543
+
+### Fixed
+- Fixed image context menu items showing on placeholder images. #TINY-3280
+- Fixed dialog labels and text color contrast within notifications/alert banners to satisfy WCAG 4.5:1 contrast ratio for accessibility. #TINY-3351
+- Fixed selectbox and colorpicker items not being translated. #TINY-3546
+- Fixed toolbar drawer sliding mode to correctly focus the editor when tabbing via keyboard navigation. #TINY-3533
+- Fixed positioning of the styleselect menu in iOS while using the mobile theme. #TINY-3505
+- Fixed the menubutton `onSetup` callback to be correctly executed when rendering the menu buttons. #TINY-3547
+- Fixed `default_link_target` setting to be correctly utilized when creating a link. #TINY-3508
+- Fixed colorpicker floating marginally outside its container. #TINY-3026
+- Fixed disabled menu items displaying as active when hovered. #TINY-3027
+
+### Removed
+- Removed redundant mobile wrapper. #TINY-3480
+
+## 5.0.3 - 2019-03-19
+
+### Changed
+- Changed empty nested-menu items within the style formats menu to be disabled or hidden if the value of `style_formats_autohide` is `true`. #TINY-3310
+- Changed the entire phrase 'Powered by Tiny' in the status bar to be a link instead of just the word 'Tiny'. #TINY-3366
+- Changed `formatselect`, `styleselect` and `align` menus to use the `mceToggleFormat` command internally. #TINY-3428
+
+### Fixed
+- Fixed toolbar keyboard navigation to work as expected when `toolbar_drawer` is configured. #TINY-3432
+- Fixed text direction buttons to display the correct pressed state in selections that have no explicit `dir` property. #TINY-3138
+- Fixed the mobile editor to clean up properly when removed. #TINY-3445
+- Fixed quickbar toolbars to add an empty box to the screen when it is set to `false`. #TINY-3439
+- Fixed an issue where pressing the **Delete/Backspace** key at the edge of tables was creating incorrect selections. #TINY-3371
+- Fixed an issue where dialog collection items (emoticon and special character dialogs) couldn't be selected with touch devices. #TINY-3444
+- Fixed a type error introduced in TinyMCE version 5.0.2 when calling `editor.getContent()` with nested bookmarks. #TINY-3400
+- Fixed an issue that prevented default icons from being overridden. #TINY-3449
+- Fixed an issue where **Home/End** keys wouldn't move the caret correctly before or after `contenteditable=false` inline elements. #TINY-2995
+- Fixed styles to be preserved in IE 11 when editing via the `fullpage` plugin. #TINY-3464
+- Fixed the `link` plugin context toolbar missing the open link button. #TINY-3461
+- Fixed inconsistent dialog component spacing. #TINY-3436
+
+## 5.0.2 - 2019-03-05
+
+### Added
+- Added presentation and document presets to `htmlpanel` dialog component. #TINY-2694
+- Added missing fixed_toolbar_container setting has been reimplemented in the Silver theme. #TINY-2712
+- Added a new toolbar setting `toolbar_drawer` that moves toolbar groups which overflow the editor width into either a `sliding` or `floating` toolbar section. #TINY-2874
+
+### Changed
+- Updated the build process to include package lock files in the dev distribution archive. #TINY-2870
+
+### Fixed
+- Fixed inline dialogs did not have aria attributes. #TINY-2694
+- Fixed default icons are now available in the UI registry, allowing use outside of toolbar buttons. #TINY-3307
+- Fixed a memory leak related to select toolbar items. #TINY-2874
+- Fixed a memory leak due to format changed listeners that were never unbound. #TINY-3191
+- Fixed an issue where content may have been lost when using permanent bookmarks. #TINY-3400
+- Fixed the quicklink toolbar button not rendering in the quickbars plugin. #TINY-3125
+- Fixed an issue where menus were generating invalid HTML in some cases. #TINY-3323
+- Fixed an issue that could cause the mobile theme to show a blank white screen when the editor was inside an `overflow:hidden` element. #TINY-3407
+- Fixed mobile theme using a transparent background and not taking up the full width on iOS. #TINY-3414
+- Fixed the template plugin dialog missing the description field. #TINY-3337
+- Fixed input dialog components using an invalid default type attribute. #TINY-3424
+- Fixed an issue where backspace/delete keys after/before pagebreak elements wouldn't move the caret. #TINY-3097
+- Fixed an issue in the table plugin where menu items and toolbar buttons weren't showing correctly based on the selection. #TINY-3423
+- Fixed inconsistent button focus styles in Firefox. #TINY-3377
+- Fixed the resize icon floating left when all status bar elements were disabled. #TINY-3340
+- Fixed the resize handle to not show in fullscreen mode. #TINY-3404
+
+## 5.0.1 - 2019-02-21
+
+### Added
+- Added H1-H6 toggle button registration to the silver theme. #TINY-3070
+- Added code sample toolbar button will now toggle on when the cursor is in a code section. #TINY-3040
+- Added new settings to the emoticons plugin to allow additional emoticons to be added. #TINY-3088
+
+### Fixed
+- Fixed an issue where adding links to images would replace the image with text. #TINY-3356
+- Fixed an issue where the inline editor could use fractional pixels for positioning. #TINY-3202
+- Fixed an issue where uploading non-image files in the Image Plugin upload tab threw an error. #TINY-3244
+- Fixed an issue in the media plugin that was causing the source url and height/width to be lost in certain circumstances. #TINY-2858
+- Fixed an issue with the Context Toolbar not being removed when clicking outside of the editor. #TINY-2804
+- Fixed an issue where clicking 'Remove link' wouldn't remove the link in certain circumstances. #TINY-3199
+- Fixed an issue where the media plugin would fail when parsing dialog data. #TINY-3218
+- Fixed an issue where retrieving the selected content as text didn't create newlines. #TINY-3197
+- Fixed incorrect keyboard shortcuts in the Help dialog for Windows. #TINY-3292
+- Fixed an issue where JSON serialization could produce invalid JSON. #TINY-3281
+- Fixed production CSS including references to source maps. #TINY-3920
+- Fixed development CSS was not included in the development zip. #TINY-3920
+- Fixed the autocompleter matches predicate not matching on the start of words by default. #TINY-3306
+- Fixed an issue where the page could be scrolled with modal dialogs open. #TINY-2252
+- Fixed an issue where autocomplete menus would show an icon margin when no items had icons. #TINY-3329
+- Fixed an issue in the quickbars plugin where images incorrectly showed the text selection toolbar. #TINY-3338
+- Fixed an issue that caused the inline editor to fail to render when the target element already had focus. #TINY-3353
+
+### Removed
+- Removed paste as text notification banner and paste_plaintext_inform setting. #POW-102
+
+## 5.0.0 - 2019-02-04
+
+Full documentation for the version 5 features and changes is available at https://www.tiny.cloud/docs/tinymce/5/release-notes/release-notes50/
+
+### Added
+- Added links and registered names with * to denote premium plugins in Plugins tab of Help dialog. #TINY-3223
+
+### Changed
+- Changed Tiny 5 mobile skin to look more uniform with desktop. #TINY-2650
+- Blacklisted table, th and td as inline editor target. #TINY-717
+
+### Fixed
+- Fixed an issue where tab panel heights weren't sizing properly on smaller screens and weren't updating on resize. #TINY-3242
+- Fixed image tools not having any padding between the label and slider. #TINY-3220
+- Fixed context toolbar toggle buttons not showing the correct state. #TINY-3022
+- Fixed missing separators in the spellchecker context menu between the suggestions and actions. #TINY-3217
+- Fixed notification icon positioning in alert banners. #TINY-2196
+- Fixed a typo in the word count plugin name. #TINY-3062
+- Fixed charmap and emoticons dialogs not having a primary button. #TINY-3233
+- Fixed an issue where resizing wouldn't work correctly depending on the box-sizing model. #TINY-3278
+
+## 5.0.0-rc-2 - 2019-01-22
+
+### Added
+- Added screen reader accessibility for sidebar and statusbar. #TINY-2699
+
+### Changed
+- Changed formatting menus so they are registered and made the align toolbar button use an icon instead of text. #TINY-2880
+- Changed checkboxes to use a boolean for its state, instead of a string. #TINY-2848
+- Updated the textpattern plugin to properly support nested patterns and to allow running a command with a value for a pattern with a start and an end. #TINY-2991
+- Updated Emoticons and Charmap dialogs to be screen reader accessible. #TINY-2693
+
+### Fixed
+- Fixed the link dialog such that it will now retain class attributes when updating links. #TINY-2825
+- Fixed "Find and replace" not showing in the "Edit" menu by default. #TINY-3061
+- Fixed dropdown buttons missing the 'type' attribute, which could cause forms to be incorrectly submitted. #TINY-2826
+- Fixed emoticon and charmap search not returning expected results in certain cases. #TINY-3084
+- Fixed blank rel_list values throwing an exception in the link plugin. #TINY-3149
+
+### Removed
+- Removed unnecessary 'flex' and unused 'colspan' properties from the new dialog APIs. #TINY-2973
+
+## 5.0.0-rc-1 - 2019-01-08
+
+### Added
+- Added editor settings functionality to specify title attributes for toolbar groups. #TINY-2690
+- Added icons instead of button text to improve Search and Replace dialog footer appearance. #TINY-2654
+- Added `tox-dialog__table` instead of `mce-table-striped` class to enhance Help dialog appearance. #TINY-2360
+- Added title attribute to iframes so, screen readers can announce iframe labels. #TINY-2692
+- Added a wordcount menu item, that defaults to appearing in the tools menu. #TINY-2877
+
+### Changed
+- Updated the font select dropdown logic to try to detect the system font stack and show "System Font" as the font name. #TINY-2710
+- Updated the autocompleter to only show when it has matched items. #TINY-2350
+- Updated SizeInput labels to "Height" and "Width" instead of Dimensions. #TINY-2833
+- Updated the build process to minify and generate ASCII only output for the emoticons database. #TINY-2744
+
+### Fixed
+- Fixed readonly mode not fully disabling editing content. #TINY-2287
+- Fixed accessibility issues with the font select, font size, style select and format select toolbar dropdowns. #TINY-2713
+- Fixed accessibility issues with split dropdowns. #TINY-2697
+- Fixed the legacyoutput plugin to be compatible with TinyMCE 5.0. #TINY-2301
+- Fixed icons not showing correctly in the autocompleter popup. #TINY-3029
+- Fixed an issue where preview wouldn't show anything in Edge under certain circumstances. #TINY-3035
+- Fixed the height being incorrectly calculated for the autoresize plugin. #TINY-2807
+
+## 5.0.0-beta-1 - 2018-11-30
+
+### Added
+- Added a new `addNestedMenuItem()` UI registry function and changed all nested menu items to use the new registry functions. #TINY-2230
+- Added title attribute to color swatch colors. #TINY-2669
+- Added anchorbar component to anchor inline toolbar dialogs to instead of the toolbar. #TINY-2040
+- Added support for toolbar<n> and toolbar array config options to be squashed into a single toolbar and not create multiple toolbars. #TINY-2195
+- Added error handling for when forced_root_block config option is set to true. #TINY-2261
+- Added functionality for the removed_menuitems config option. #TINY-2184
+- Added the ability to use a string to reference menu items in menu buttons and submenu items. #TINY-2253
+
+### Changed
+- Changed the name of the "inlite" plugin to "quickbars". #TINY-2831
+- Changed the background color icon to highlight background icon. #TINY-2258
+- Changed Help dialog to be accessible to screen readers. #TINY-2687
+- Changed the color swatch to save selected custom colors to local storage for use across sessions. #TINY-2722
+- Changed `WindowManager` API - methods `getParams`, `setParams` and `getWindows`, and the legacy `windows` property, have been removed. `alert` and `confirm` dialogs are no longer tracked in the window list. #TINY-2603
+
+### Fixed
+- Fixed an inline mode issue where the save plugin upon saving can cause content loss. #TINY-2659
+- Fixed an issue in IE 11 where calling selection.getContent() would return an empty string when the editor didn't have focus. #TINY-2325
+
+### Removed
+- Removed compat3x plugin. #TINY-2815
+
+## 5.0.0-preview-4 - 2018-11-12
+
+### Added
+- Added width and height placeholder text to image and media dialog dimensions input. #AP-296
+- Added the ability to keyboard navigate through menus, toolbars, sidebar and the status bar sequentially. #AP-381
+- Added translation capability back to the editor's UI. #AP-282
+- Added `label` component type for dialogs to group components under a label.
+
+### Changed
+- Changed the editor resize handle so that it should be disabled when the autoresize plugin is turned on. #AP-424
+- Changed UI text for microcopy improvements. #TINY-2281
+
+### Fixed
+- Fixed distraction free plugin. #AP-470
+- Fixed contents of the input field being selected on focus instead of just recieving an outline highlight. #AP-464
+- Fixed styling issues with dialogs and menus in IE 11. #AP-456
+- Fixed custom style format control not honoring custom formats. #AP-393
+- Fixed context menu not appearing when clicking an image with a caption. #AP-382
+- Fixed directionality of UI when using an RTL language. #AP-423
+- Fixed page responsiveness with multiple inline editors. #AP-430
+- Fixed empty toolbar groups appearing through invalid configuration of the `toolbar` property. #AP-450
+- Fixed text not being retained when updating links through the link dialog. #AP-293
+- Fixed edit image context menu, context toolbar and toolbar items being incorrectly enabled when selecting invalid images. #AP-323
+- Fixed emoji type ahead being shown when typing URLs. #AP-366
+- Fixed toolbar configuration properties incorrectly expecting string arrays instead of strings. #AP-342
+- Fixed the block formatting toolbar item not showing a "Formatting" title when there is no selection. #AP-321
+- Fixed clicking disabled toolbar buttons hiding the toolbar in inline mode. #AP-380
+- Fixed `EditorResize` event not being fired upon editor resize. #AP-327
+- Fixed tables losing styles when updating through the dialog. #AP-368
+- Fixed context toolbar positioning to be more consistent near the edges of the editor. #AP-318
+- Fixed table of contents plugin now works with v5 toolbar APIs correctly. #AP-347
+- Fixed the `link_context_toolbar` configuration not disabling the context toolbar. #AP-458
+- Fixed the link context toolbar showing incorrect relative links. #AP-435
+- Fixed the alignment of the icon in alert banner dialog components. #TINY-2220
+- Fixed the visual blocks and visual char menu options not displaying their toggled state. #TINY-2238
+- Fixed the editor not displaying as fullscreen when toggled. #TINY-2237
+
+### Removed
+- Removed the tox-custom-editor class that was added to the wrapping element of codemirror. #TINY-2211
+
+## 5.0.0-preview-3 - 2018-10-18
+
+### Changed
+- Changed editor layout to use modern CSS properties over manually calculating dimensions. #AP-324
+- Changed `autoresize_min_height` and `autoresize_max_height` configurations to `min_height` and `max_height`. #AP-324
+- Changed `Whole word` label in Search and Replace dialog to `Find whole words only`. #AP-387
+
+### Fixed
+- Fixed bugs with editor width jumping when resizing and the iframe not resizing to smaller than 150px in height. #AP-324
+- Fixed mobile theme bug that prevented the editor from loading. #AP-404
+- Fixed long toolbar groups extending outside of the editor instead of wrapping.
+- Fixed dialog titles so they are now proper case. #AP-384
+- Fixed color picker default to be #000000 instead of #ff00ff. #AP-216
+- Fixed "match case" option on the Find and Replace dialog is no longer selected by default. #AP-298
+- Fixed vertical alignment of toolbar icons. #DES-134
+- Fixed toolbar icons not appearing on IE11. #DES-133
+
+## 5.0.0-preview-2 - 2018-10-10
+
+### Added
+- Added swatch is now shown for colorinput fields, instead of the colorpicker directly. #AP-328
+- Added fontformats and fontsizes menu items. #AP-390
+
+### Changed
+- Changed configuration of color options has been simplified to `color_map`, `color_cols`, and `custom_colors`. #AP-328
+- Changed `height` configuration to apply to the editor frame (including menubar, toolbar, status bar) instead of the content area. #AP-324
+
+### Fixed
+- Fixed styleselect not updating the displayed item as the cursor moved. #AP-388
+- Fixed preview iframe not expanding to the dialog size. #AP-252
+- Fixed 'meta' shortcuts not translated into platform-specific text. #AP-270
+- Fixed tabbed dialogs (Charmap and Emoticons) shrinking when no search results returned.
+- Fixed a bug where alert banner icons were not retrieved from icon pack. #AP-330
+- Fixed component styles to flex so they fill large dialogs. #AP-252
+- Fixed editor flashing unstyled during load (still in progress). #AP-349
+
+### Removed
+- Removed `colorpicker` plugin, it is now in the theme. #AP-328
+- Removed `textcolor` plugin, it is now in the theme. #AP-328
+
+## 5.0.0-preview-1 - 2018-10-01
+
+Developer preview 1.
+
+Initial list of features and changes is available at https://www.tiny.cloud/docs/tinymce/5/release-notes/release-notes50/.
+
+## 4.9.11 - 2020-07-13
+
+### Fixed
+- Fixed the `selection.setContent()` API not running parser filters. #TINY-4002
+- Fixed content in an iframe element parsing as DOM elements instead of text content. #TINY-5943
+- Fixed up and down keyboard navigation not working for inline `contenteditable="false"` elements. #TINY-6226
+
+## 4.9.10 - 2020-04-23
+
+### Fixed
+- Fixed an issue where the editor selection could end up inside a short ended element (eg br). #TINY-3999
+- Fixed a security issue related to CDATA sanitization during parsing. #TINY-4669
+- Fixed `media` embed content not processing safely in some cases. #TINY-4857
+
+## 4.9.9 - 2020-03-25
+
+### Fixed
+- Fixed the table selection not functioning correctly in Microsoft Edge 44 or higher. #TINY-3862
+- Fixed the table resize handles not functioning correctly in Microsoft Edge 44 or higher. #TINY-4160
+- Fixed the `forced_root_block_attrs` setting not applying attributes to new blocks consistently. #TINY-4564
+- Fixed the editor failing to initialize if a script tag was used inside an SVG. #TINY-4087
+
+## 4.9.8 - 2020-01-28
+
+### Fixed
+- Fixed the `mobile` theme failing to load due to a bundling issue. #TINY-4613
+- Fixed security issue related to parsing HTML comments and CDATA. #TINY-4544
+
+## 4.9.7 - 2019-12-19
+
+### Fixed
+- Fixed the `visualchars` plugin converting HTML-like text to DOM elements in certain cases. #TINY-4507
+- Fixed an issue with the `paste` plugin not sanitizing content in some cases. #TINY-4510
+- Fixed HTML comments incorrectly being parsed in certain cases. #TINY-4511
+
+## 4.9.6 - 2019-09-02
+
+### Fixed
+- Fixed image browse button sometimes displaying the browse window twice. #TINY-3959
+
+## 4.9.5 - 2019-07-02
+
+### Changed
+- Changed annotations navigation to work the same as inline boundaries. #TINY-3396
+
+### Fixed
+- Fixed the print plugin printing from the wrong window in IE11. #TINY-3762
+- Fixed an exception being thrown when a file or number input has focus during initialization. Patch contributed by t00. #GH-2194
+- Fixed positioning of the styleselect menu in iOS while using the mobile theme. #TINY-3505
+- Fixed native context menu not showing with images in IE11. #TINY-3392
+- Fixed selection incorrectly changing when programmatically setting selection on contenteditable false elements. #TINY-3766
+- Fixed image browse button not working on touch devices. #TINY-3751
+- Fixed so that nbsp entities aren't trimmed in white-space: pre-line elements. #TINY-3642
+- Fixed space key properly inserts a nbsp before/after block elements. #TINY-3745
+- Fixed infinite loop in the paste plugin when IE11 takes a long time to process paste events. Patch contributed by lRawd. #GH-4987
+
+## 4.9.4 - 2019-03-20
+
+### Fixed
+- Fixed an issue where **Home/End** keys wouldn't move the caret correctly before or after `contenteditable=false` inline elements. #TINY-2995
+- Fixed an issue where content may have been lost when using permanent bookmarks. #TINY-3400
+- Fixed the mobile editor to clean up properly when removed. #TINY-3445
+- Fixed an issue where retrieving the selected content as text didn't create newlines. #TINY-3197
+- Fixed an issue where typing space between images would cause issues with nbsp not being inserted. #TINY-3346
+
+## 4.9.3 - 2019-01-31
+
+### Added
+- Added a visualchars_default_state setting to the Visualchars Plugin. Patch contributed by mat3e.
+
+### Fixed
+- Fixed a bug where scrolling on a page with more than one editor would cause a ResizeWindow event to fire. #TINY-3247
+- Fixed a bug where if a plugin threw an error during initialisation the whole editor would fail to load. #TINY-3243
+- Fixed a bug where getContent would include bogus elements when valid_elements setting was set up in a specific way. #TINY-3213
+- Fixed a bug where only a few function key names could be used when creating keyboard shortcuts. #TINY-3146
+- Fixed a bug where it wasn't possible to enter spaces into an editor after pressing shift+enter. #TINY-3099
+- Fixed a bug where no caret would be rendered after backspacing to a contenteditable false element. #TINY-2998
+- Fixed a bug where deletion to/from indented lists would leave list fragments in the editor. #TINY-2981
+
+## 4.9.2 - 2018-12-17
+
+### Fixed
+- Fixed a bug with pressing the space key on IE 11 would result in nbsp characters being inserted between words at the end of a block. #TINY-2996
+- Fixed a bug where character composition using quote and space on US International keyboards would produce a space instead of a quote. #TINY-2999
+- Fixed a bug where remove format wouldn't remove the inner most inline element in some situations. #TINY-2982
+- Fixed a bug where outdenting an list item would affect attributes on other list items within the same list. #TINY-2971
+- Fixed a bug where the DomParser filters wouldn't be applied for elements created when parsing invalid html. #TINY-2978
+- Fixed a bug where setProgressState wouldn't automatically close floating ui elements like menus. #TINY-2896
+- Fixed a bug where it wasn't possible to navigate out of a figcaption element using the arrow keys. #TINY-2894
+- Fixed a bug where enter key before an image inside a link would remove the image. #TINY-2780
+
+## 4.9.1 - 2018-12-04
+
+### Added
+- Added functionality to insert html to the replacement feature of the Textpattern Plugin. #TINY-2839
+
+### Fixed
+- Fixed a bug where `editor.selection.getContent({format: 'text'})` didn't work as expected in IE11 on an unfocused editor. #TINY-2862
+- Fixed a bug in the Textpattern Plugin where the editor would get an incorrect selection after inserting a text pattern on Safari. #TINY-2838
+- Fixed a bug where the space bar didn't work correctly in editors with the forced_root_block setting set to false. #TINY-2816
+
+## 4.9.0 - 2018-11-27
+
+### Added
+- Added a replace feature to the Textpattern Plugin. #TINY-1908
+- Added functionality to the Lists Plugin that improves the indentation logic. #TINY-1790
+
+### Fixed
+- Fixed a bug where it wasn't possible to delete/backspace when the caret was between a contentEditable=false element and a BR. #TINY-2372
+- Fixed a bug where copying table cells without a text selection would fail to copy anything. #TINY-1789
+- Implemented missing `autosave_restore_when_empty` functionality in the Autosave Plugin. Patch contributed by gzzo. #GH-4447
+- Reduced insertion of unnecessary nonbreaking spaces in the editor. #TINY-1879
+
+## 4.8.5 - 2018-10-30
+
+### Added
+- Added a content_css_cors setting to the editor that adds the crossorigin="anonymous" attribute to link tags added by the StyleSheetLoader. #TINY-1909
+
+### Fixed
+- Fixed a bug where trying to remove formatting with a collapsed selection range would throw an exception. #GH-4636
+- Fixed a bug in the image plugin that caused updating figures to split contenteditable elements. #GH-4563
+- Fixed a bug that was causing incorrect viewport calculations for fixed position UI elements. #TINY-1897
+- Fixed a bug where inline formatting would cause the delete key to do nothing. #TINY-1900
+
+## 4.8.4 - 2018-10-23
+
+### Added
+- Added support for the HTML5 `main` element. #TINY-1877
+
+### Changed
+- Changed the keyboard shortcut to move focus to contextual toolbars to Ctrl+F9. #TINY-1812
+
+### Fixed
+- Fixed a bug where content css could not be loaded from another domain. #TINY-1891
+- Fixed a bug on FireFox where the cursor would get stuck between two contenteditable false inline elements located inside of the same block element divided by a BR. #TINY-1878
+- Fixed a bug with the insertContent method where nonbreaking spaces would be inserted incorrectly. #TINY-1868
+- Fixed a bug where the toolbar of the inline editor would not be visible in some scenarios. #TINY-1862
+- Fixed a bug where removing the editor while more than one notification was open would throw an error. #TINY-1845
+- Fixed a bug where the menubutton would be rendered on top of the menu if the viewport didn't have enough height. #TINY-1678
+- Fixed a bug with the annotations api where annotating collapsed selections caused problems. #TBS-2449
+- Fixed a bug where wbr elements were being transformed into whitespace when using the Paste Plugin's paste as text setting. #GH-4638
+- Fixed a bug where the Search and Replace didn't replace spaces correctly. #GH-4632
+- Fixed a bug with sublist items not persisting selection. #GH-4628
+- Fixed a bug with mceInsertRawHTML command not working as expected. #GH-4625
+
+## 4.8.3 - 2018-09-13
+
+### Fixed
+- Fixed a bug where the Wordcount Plugin didn't correctly count words within tables on IE11. #TINY-1770
+- Fixed a bug where it wasn't possible to move the caret out of a table on IE11 and Firefox. #TINY-1682
+- Fixed a bug where merging empty blocks didn't work as expected, sometimes causing content to be deleted. #TINY-1781
+- Fixed a bug where the Textcolor Plugin didn't show the correct current color. #TINY-1810
+- Fixed a bug where clear formatting with a collapsed selection would sometimes clear formatting from more content than expected. #TINY-1813 #TINY-1821
+- Fixed a bug with the Table Plugin where it wasn't possible to keyboard navigate to the caption. #TINY-1818
+
+## 4.8.2 - 2018-08-09
+
+### Changed
+- Moved annotator from "experimental" to "annotator" object on editor. #TBS-2398
+- Improved the multiclick normalization across browsers. #TINY-1788
+
+### Fixed
+- Fixed a bug where running getSelectedBlocks with a collapsed selection between block elements would produce incorrect results. #TINY-1787
+- Fixed a bug where the ScriptLoaders loadScript method would not work as expected in FireFox when loaded on the same page as a ShadowDOM polyfill. #TINY-1786
+- Removed reference to ShadowDOM event.path as Blink based browsers now support event.composedPath. #TINY-1785
+- Fixed a bug where a reference to localStorage would throw an "access denied" error in IE11 with strict security settings. #TINY-1782
+- Fixed a bug where pasting using the toolbar button on an inline editor in IE11 would cause a looping behaviour. #TINY-1768
+
+## 4.8.1 - 2018-07-26
+
+### Fixed
+- Fixed a bug where the content of inline editors was being cleaned on every call of `editor.save()`. #TINY-1783
+- Fixed a bug where the arrow of the Inlite Theme toolbar was being rendered incorrectly in RTL mode. #TINY-1776
+- Fixed a bug with the Paste Plugin where pasting after inline contenteditable false elements moved the caret to the end of the line. #TINY-1758
+
+## 4.8.0 - 2018-06-27
+
+### Added
+- Added new "experimental" object in editor, with initial Annotator API. #TBS-2374
+
+### Fixed
+- Fixed a bug where deleting paragraphs inside of table cells would delete the whole table cell. #TINY-1759
+- Fixed a bug in the Table Plugin where removing row height set on the row properties dialog did not update the table. #TINY-1730
+- Fixed a bug with the font select toolbar item didn't update correctly. #TINY-1683
+- Fixed a bug where all bogus elements would not be deleted when removing an inline editor. #TINY-1669
+
+## 4.7.13 - 2018-05-16
+
+### Added
+- Added missing code menu item from the default menu config. #TINY-1648
+- Added new align button for combining the separate align buttons into a menu button. #TINY-1652
+
+### Fixed
+- Fixed a bug where Edge 17 wouldn't be able to select images or tables. #TINY-1679
+- Fixed issue where whitespace wasn't preserved when the editor was initialized on pre elements. #TINY-1649
+- Fixed a bug with the fontselect dropdowns throwing an error if the editor was hidden in Firefox. #TINY-1664
+- Fixed a bug where it wasn't possible to merge table cells on IE 11. #TINY-1671
+- Fixed a bug where textcolor wasn't applying properly on IE 11 in some situations. #TINY-1663
+- Fixed a bug where the justifyfull command state wasn't working correctly. #TINY-1677
+- Fixed a bug where the styles wasn't updated correctly when resizing some tables. #TINY-1668
+
+## 4.7.12 - 2018-05-03
+
+### Added
+- Added an option to filter out image svg data urls.
+- Added support for html5 details and summary elements.
+
+### Changed
+- Changed so the mce-abs-layout-item css rule targets html instead of body. Patch contributed by nazar-pc.
+
+### Fixed
+- Fixed a bug where the "read" step on the mobile theme was still present on android mobile browsers.
+- Fixed a bug where all images in the editor document would reload on any editor change.
+- Fixed a bug with the Table Plugin where ObjectResized event wasn't being triggered on column resize.
+- Fixed so the selection is set to the first suitable caret position after editor.setContent called.
+- Fixed so links with xlink:href attributes are filtered correctly to prevent XSS.
+- Fixed a bug on IE11 where pasting content into an inline editor initialized on a heading element would create new editable elements.
+- Fixed a bug where readonly mode would not work as expected when the editor contained contentEditable=true elements.
+- Fixed a bug where the Link Plugin would throw an error when used together with the webcomponents polyfill. Patch contributed by 4esnog.
+- Fixed a bug where the "Powered by TinyMCE" branding link would break on XHTML pages. Patch contributed by tistre.
+- Fixed a bug where the same id would be used in the blobcache for all pasted images. Patch contributed by thorn0.
+
+## 4.7.11 - 2018-04-11
+
+### Added
+- Added a new imagetools_credentials_hosts option to the Imagetools Plugin.
+
+### Fixed
+- Fixed a bug where toggling a list containing empty LIs would throw an error. Patch contributed by bradleyke.
+- Fixed a bug where applying block styles to a text with the caret at the end of the paragraph would select all text in the paragraph.
+- Fixed a bug where toggling on the Spellchecker Plugin would trigger isDirty on the editor.
+- Fixed a bug where it was possible to enter content into selection bookmark spans.
+- Fixed a bug where if a non paragraph block was configured in forced_root_block the editor.getContent method would return incorrect values with an empty editor.
+- Fixed a bug where dropdown menu panels stayed open and fixed in position when dragging dialog windows.
+- Fixed a bug where it wasn't possible to extend table cells with the space button in Safari.
+- Fixed a bug where the setupeditor event would thrown an error when using the Compat3x Plugin.
+- Fixed a bug where an error was thrown in FontInfo when called on a detached element.
+
+## 4.7.10 - 2018-04-03
+
+### Added
+- Added normalization of triple clicks across browsers in the editor.
+- Added a `hasFocus` method to the editor that checks if the editor has focus.
+- Added correct icon to the Nonbreaking Plugin menu item.
+
+### Fixed
+- Fixed so the `getContent`/`setContent` methods work even if the editor is not initialized.
+- Fixed a bug with the Media Plugin where query strings were being stripped from youtube links.
+- Fixed a bug where image styles were changed/removed when opening and closing the Image Plugin dialog.
+- Fixed a bug in the Table Plugin where some table cell styles were not correctly added to the content html.
+- Fixed a bug in the Spellchecker Plugin where it wasn't possible to change the spellchecker language.
+- Fixed so the the unlink action in the Link Plugin has a menu item and can be added to the contextmenu.
+- Fixed a bug where it wasn't possible to keyboard navigate to the start of an inline element on a new line within the same block element.
+- Fixed a bug with the Text Color Plugin where if used with an inline editor located at the bottom of the screen the colorpicker could appear off screen.
+- Fixed a bug with the UndoManager where undo levels were being added for nbzwsp characters.
+- Fixed a bug with the Table Plugin where the caret would sometimes be lost when keyboard navigating up through a table.
+- Fixed a bug where FontInfo.getFontFamily would throw an error when called on a removed editor.
+- Fixed a bug in Firefox where undo levels were not being added correctly for some specific operations.
+- Fixed a bug where initializing an inline editor inside of a table would make the whole table resizeable.
+- Fixed a bug where the fake cursor that appears next to tables on Firefox was positioned incorrectly when switching to fullscreen.
+- Fixed a bug where zwsp's weren't trimmed from the output from `editor.getContent({ format: 'text' })`.
+- Fixed a bug where the fontsizeselect/fontselect toolbar items showed the body info rather than the first possible caret position info on init.
+- Fixed a bug where it wasn't possible to select all content if the editor only contained an inline boundary element.
+- Fixed a bug where `content_css` urls with query strings wasn't working.
+- Fixed a bug in the Table Plugin where some table row styles were removed when changing other styles in the row properties dialog.
+
+### Removed
+- Removed the "read" step from the mobile theme.
+
+## 4.7.9 - 2018-02-27
+
+### Fixed
+- Fixed a bug where the editor target element didn't get the correct style when removing the editor.
+
+## 4.7.8 - 2018-02-26
+
+### Fixed
+- Fixed an issue with the Help Plugin where the menuitem name wasn't lowercase.
+- Fixed an issue on MacOS where text and bold text did not have the same line-height in the autocomplete dropdown in the Link Plugin dialog.
+- Fixed a bug where the "paste as text" option in the Paste Plugin didn't work.
+- Fixed a bug where dialog list boxes didn't get positioned correctly in documents with scroll.
+- Fixed a bug where the Inlite Theme didn't use the Table Plugin api to insert correct tables.
+- Fixed a bug where the Inlite Theme panel didn't hide on blur in a correct way.
+- Fixed a bug where placing the cursor before a table in Firefox would scroll to the bottom of the table.
+- Fixed a bug where selecting partial text in table cells with rowspans and deleting would produce faulty tables.
+- Fixed a bug where the Preview Plugin didn't work on Safari due to sandbox security.
+- Fixed a bug where table cell selection using the keyboard threw an error.
+- Fixed so the font size and font family doesn't toggle the text but only sets the selected format on the selected text.
+- Fixed so the built-in spellchecking on Chrome and Safari creates an undo level when replacing words.
+
+## 4.7.7 - 2018-02-19
+
+### Added
+- Added a border style selector to the advanced tab of the Image Plugin.
+- Added better controls for default table inserted by the Table Plugin.
+- Added new `table_responsive_width` option to the Table Plugin that controls whether to use pixel or percentage widths.
+
+### Fixed
+- Fixed a bug where the Link Plugin text didn't update when a URL was pasted using the context menu.
+- Fixed a bug with the Spellchecker Plugin where using "Add to dictionary" in the context menu threw an error.
+- Fixed a bug in the Media Plugin where the preview node for iframes got default width and height attributes that interfered with width/height styles.
+- Fixed a bug where backslashes were being added to some font family names in Firefox in the fontselect toolbar item.
+- Fixed a bug where errors would be thrown when trying to remove an editor that had not yet been fully initialized.
+- Fixed a bug where the Imagetools Plugin didn't update the images atomically.
+- Fixed a bug where the Fullscreen Plugin was throwing errors when being used on an inline editor.
+- Fixed a bug where drop down menus weren't positioned correctly in inline editors on scroll.
+- Fixed a bug with a semicolon missing at the end of the bundled javascript files.
+- Fixed a bug in the Table Plugin with cursor navigation inside of tables where the cursor would sometimes jump into an incorrect table cells.
+- Fixed a bug where indenting a table that is a list item using the "Increase indent" button would create a nested table.
+- Fixed a bug where text nodes containing only whitespace were being wrapped by paragraph elements.
+- Fixed a bug where whitespace was being inserted after br tags inside of paragraph tags.
+- Fixed a bug where converting an indented paragraph to a list item would cause the list item to have extra padding.
+- Fixed a bug where Copy/Paste in an editor with a lot of content would cause the editor to scroll to the top of the content in IE11.
+- Fixed a bug with a memory leak in the DragHelper. Path contributed by ben-mckernan.
+- Fixed a bug where the advanced tab in the Media Plugin was being shown even if it didn't contain anything. Patch contributed by gabrieeel.
+- Fixed an outdated eventname in the EventUtils. Patch contributed by nazar-pc.
+- Fixed an issue where the Json.parse function would throw an error when being used on a page with strict CSP settings.
+- Fixed so you can place the curser before and after table elements within the editor in Firefox and Edge/IE.
+
+## 4.7.6 - 2018-01-29
+
+### Fixed
+- Fixed a bug in the jquery integration where it threw an error saying that "global is not defined".
+- Fixed a bug where deleting a table cell whose previous sibling was set to contenteditable false would create a corrupted table.
+- Fixed a bug where highlighting text in an unfocused editor did not work correctly in IE11/Edge.
+- Fixed a bug where the table resize handles were not being repositioned when activating the Fullscreen Plugin.
+- Fixed a bug where the Imagetools Plugin dialog didn't honor editor RTL settings.
+- Fixed a bug where block elements weren't being merged correctly if you deleted from after a contenteditable false element to the beginning of another block element.
+- Fixed a bug where TinyMCE didn't work with module loaders like webpack.
+
+## 4.7.5 - 2018-01-22
+
+### Fixed
+- Fixed bug with the Codesample Plugin where it wasn't possible to edit codesamples when the editor was in inline mode.
+- Fixed bug where focusing on the status bar broke the keyboard navigation functionality.
+- Fixed bug where an error would be thrown on Edge by the Table Plugin when pasting using the PowerPaste Plugin.
+- Fixed bug in the Table Plugin where selecting row border style from the dropdown menu in advanced row properties would throw an error.
+- Fixed bug with icons being rendered incorrectly on Chrome on Mac OS.
+- Fixed bug in the Textcolor Plugin where the font color and background color buttons wouldn't trigger an ExecCommand event.
+- Fixed bug in the Link Plugin where the url field wasn't forced LTR.
+- Fixed bug where the Nonbreaking Plugin incorrectly inserted spaces into tables.
+- Fixed bug with the inline theme where the toolbar wasn't repositioned on window resize.
+
+## 4.7.4 - 2017-12-05
+
+### Fixed
+- Fixed bug in the Nonbreaking Plugin where the nonbreaking_force_tab setting was being ignored.
+- Fixed bug in the Table Plugin where changing row height incorrectly converted column widths to pixels.
+- Fixed bug in the Table Plugin on Edge and IE11 where resizing the last column after resizing the table would cause invalid column heights.
+- Fixed bug in the Table Plugin where keyboard navigation was not normalized between browsers.
+- Fixed bug in the Table Plugin where the colorpicker button would show even without defining the colorpicker_callback.
+- Fixed bug in the Table Plugin where it wasn't possible to set the cell background color.
+- Fixed bug where Firefox would throw an error when intialising an editor on an element that is hidden or not yet added to the DOM.
+- Fixed bug where Firefox would throw an error when intialising an editor inside of a hidden iframe.
+
+## 4.7.3 - 2017-11-23
+
+### Added
+- Added functionality to open the Codesample Plugin dialog when double clicking on a codesample. Patch contributed by dakuzen.
+
+### Fixed
+- Fixed bug where undo/redo didn't work correctly with some formats and caret positions.
+- Fixed bug where the color picker didn't show up in Table Plugin dialogs.
+- Fixed bug where it wasn't possible to change the width of a table through the Table Plugin dialog.
+- Fixed bug where the Charmap Plugin couldn't insert some special characters.
+- Fixed bug where editing a newly inserted link would not actually edit the link but insert a new link next to it.
+- Fixed bug where deleting all content in a table cell made it impossible to place the caret into it.
+- Fixed bug where the vertical alignment field in the Table Plugin cell properties dialog didn't do anything.
+- Fixed bug where an image with a caption showed two sets of resize handles in IE11.
+- Fixed bug where pressing the enter button inside of an h1 with contenteditable set to true would sometimes produce a p tag.
+- Fixed bug with backspace not working as expected before a noneditable element.
+- Fixed bug where operating on tables with invalid rowspans would cause an error to be thrown.
+- Fixed so a real base64 representation of the image is available on the blobInfo that the images_upload_handler gets called with.
+- Fixed so the image upload tab is available when the images_upload_handler is defined (and not only when the images_upload_url is defined).
+
+## 4.7.2 - 2017-11-07
+
+### Added
+- Added newly rewritten Table Plugin.
+- Added support for attributes with colon in valid_elements and addValidElements.
+- Added support for dailymotion short url in the Media Plugin. Patch contributed by maat8.
+- Added support for converting to half pt when converting font size from px to pt. Patch contributed by danny6514.
+- Added support for location hash to the Autosave plugin to make it work better with SPAs using hash routing.
+- Added support for merging table cells when pasting a table into another table.
+
+### Changed
+- Changed so the language packs are only loaded once. Patch contributed by 0xor1.
+- Simplified the css for inline boundaries selection by switching to an attribute selector.
+
+### Fixed
+- Fixed bug where an error would be thrown on editor initialization if the window.getSelection() returned null.
+- Fixed bug where holding down control or alt keys made the keyboard navigation inside an inline boundary not work as expected.
+- Fixed bug where applying formats in IE11 produced extra, empty paragraphs in the editor.
+- Fixed bug where the Word Count Plugin didn't count some mathematical operators correctly.
+- Fixed bug where removing an inline editor removed the element that the editor had been initialized on.
+- Fixed bug where setting the selection to the end of an editable container caused some formatting problems.
+- Fixed bug where an error would be thrown sometimes when an editor was removed because of the selection bookmark was being stored asynchronously.
+- Fixed a bug where an editor initialized on an empty list did not contain any valid cursor positions.
+- Fixed a bug with the Context Menu Plugin and webkit browsers on Mac where right-clicking inside a table would produce an incorrect selection.
+- Fixed bug where the Image Plugin constrain proportions setting wasn't working as expected.
+- Fixed bug where deleting the last character in a span with decorations produced an incorrect element when typing.
+- Fixed bug where focusing on inline editors made the toolbar flicker when moving between elements quickly.
+- Fixed bug where the selection would be stored incorrectly in inline editors when the mouseup event was fired outside the editor body.
+- Fixed bug where toggling bold at the end of an inline boundary would toggle off the whole word.
+- Fixed bug where setting the skin to false would not stop the loading of some skin css files.
+- Fixed bug in mobile theme where pinch-to-zoom would break after exiting the editor.
+- Fixed bug where sublists of a fully selected list would not be switched correctly when changing list style.
+- Fixed bug where inserting media by source would break the UndoManager.
+- Fixed bug where inserting some content into the editor with a specific selection would replace some content incorrectly.
+- Fixed bug where selecting all content with ctrl+a in IE11 caused problems with untoggling some formatting.
+- Fixed bug where the Search and Replace Plugin left some marker spans in the editor when undoing and redoing after replacing some content.
+- Fixed bug where the editor would not get a scrollbar when using the Fullscreen and Autoresize plugins together.
+- Fixed bug where the font selector would stop working correctly after selecting fonts three times.
+- Fixed so pressing the enter key inside of an inline boundary inserts a br after the inline boundary element.
+- Fixed a bug where it wasn't possible to use tab navigation inside of a table that was inside of a list.
+- Fixed bug where end_container_on_empty_block would incorrectly remove elements.
+- Fixed bug where content_styles weren't added to the Preview Plugin iframe.
+- Fixed so the beforeSetContent/beforeGetContent events are preventable.
+- Fixed bug where changing height value in Table Plugin advanced tab didn't do anything.
+- Fixed bug where it wasn't possible to remove formatting from content in beginning of table cell.
+
+## 4.7.1 - 2017-10-09
+
+### Fixed
+- Fixed bug where theme set to false on an inline editor produced an extra div element after the target element.
+- Fixed bug where the editor drag icon was misaligned with the branding set to false.
+- Fixed bug where doubled menu items were not being removed as expected with the removed_menuitems setting.
+- Fixed bug where the Table of contents plugin threw an error when initialized.
+- Fixed bug where it wasn't possible to add inline formats to text selected right to left.
+- Fixed bug where the paste from plain text mode did not work as expected.
+- Fixed so the style previews do not set color and background color when selected.
+- Fixed bug where the Autolink plugin didn't work as expected with some formats applied on an empty editor.
+- Fixed bug where the Textpattern plugin were throwing errors on some patterns.
+- Fixed bug where the Save plugin saved all editors instead of only the active editor. Patch contributed by dannoe.
+
+## 4.7.0 - 2017-10-03
+
+### Added
+- Added new mobile ui that is specifically designed for mobile devices.
+
+### Changed
+- Updated the default skin to be more modern and white since white is preferred by most implementations.
+- Restructured the default menus to be more similar to common office suites like Google Docs.
+
+### Fixed
+- Fixed so theme can be set to false on both inline and iframe editor modes.
+- Fixed bug where inline editor would add/remove the visualblocks css multiple times.
+- Fixed bug where selection wouldn't be properly restored when editor lost focus and commands where invoked.
+- Fixed bug where toc plugin would generate id:s for headers even though a toc wasn't inserted into the content.
+- Fixed bug where is wasn't possible to drag/drop contents within the editor if paste_data_images where set to true.
+- Fixed bug where getParam and close in WindowManager would get the first opened window instead of the last opened window.
+- Fixed bug where delete would delete between cells inside a table in Firefox.
+
+## 4.6.7 - 2017-09-18
+
+### Added
+- Added some missing translations to Image, Link and Help plugins.
+
+### Fixed
+- Fixed bug where paste wasn't working in IOS.
+- Fixed bug where the Word Count Plugin didn't count some mathematical operators correctly.
+- Fixed bug where inserting a list in a table caused the cell to expand in height.
+- Fixed bug where pressing enter in a list located inside of a table deleted list items instead of inserting new list item.
+- Fixed bug where copy and pasting table cells produced inconsistent results.
+- Fixed bug where initializing an editor with an ID of 'length' would throw an exception.
+- Fixed bug where it was possible to split a non merged table cell.
+- Fixed bug where copy and pasting a list with a very specific selection into another list would produce a nested list.
+- Fixed bug where copy and pasting ordered lists sometimes produced unordered lists.
+- Fixed bug where padded elements inside other elements would be treated as empty.
+- Fixed so you can resize images inside a figure element.
+- Fixed bug where an inline TinyMCE editor initialized on a table did not set selection on load in Chrome.
+- Fixed the positioning of the inlite toolbar when the target element wasn't big enough to fit the toolbar.
+
+## 4.6.6 - 2017-08-30
+
+### Fixed
+- Fixed so that notifications wrap long text content instead of bleeding outside the notification element.
+- Fixed so the content_style css is added after the skin and custom stylesheets.
+- Fixed bug where it wasn't possible to remove a table with the Cut button.
+- Fixed bug where the center format wasn't getting the same font size as the other formats in the format preview.
+- Fixed bug where the wordcount plugin wasn't counting hyphenated words correctly.
+- Fixed bug where all content pasted into the editor was added to the end of the editor.
+- Fixed bug where enter keydown on list item selection only deleted content and didn't create a new line.
+- Fixed bug where destroying the editor while the content css was still loading caused error notifications on Firefox.
+- Fixed bug where undoing cut operation in IE11 left some unwanted html in the editor content.
+- Fixed bug where enter keydown would throw an error in IE11.
+- Fixed bug where duplicate instances of an editor were added to the editors array when using the createEditor API.
+- Fixed bug where the formatter applied formats on the wrong content when spellchecker was activated.
+- Fixed bug where switching formats would reset font size on child nodes.
+- Fixed bug where the table caption element weren't always the first descendant to the table tag.
+- Fixed bug where pasting some content into the editor on chrome some newlines were removed.
+- Fixed bug where it wasn't possible to remove a list if a list item was a table element.
+- Fixed bug where copy/pasting partial selections of tables wouldn't produce a proper table.
+- Fixed bug where the searchreplace plugin could not find consecutive spaces.
+- Fixed bug where background color wasn't applied correctly on some partially selected contents.
+
+## 4.6.5 - 2017-08-02
+
+### Added
+- Added new inline_boundaries_selector that allows you to specify the elements that should have boundaries.
+- Added new local upload feature this allows the user to upload images directly from the image dialog.
+- Added a new api for providing meta data for plugins. It will show up in the help dialog if it's provided.
+
+### Fixed
+- Fixed so that the notifications created by the notification manager are more screen reader accessible.
+- Fixed bug where changing the list format on multiple selected lists didn't change all of the lists.
+- Fixed bug where the nonbreaking plugin would insert multiple undo levels when pressing the tab key.
+- Fixed bug where delete/backspace wouldn't render a caret when all editor contents where deleted.
+- Fixed bug where delete/backspace wouldn't render a caret if the deleted element was a single contentEditable false element.
+- Fixed bug where the wordcount plugin wouldn't count words correctly if word where typed after applying a style format.
+- Fixed bug where the wordcount plugin would count mathematical formulas as multiple words for example 1+1=2.
+- Fixed bug where formatting of triple clicked blocks on Chrome/Safari would result in styles being added outside the visual selection.
+- Fixed bug where paste would add the contents to the end of the editor area when inline mode was used.
+- Fixed bug where toggling off bold formatting on text entered in a new paragraph would add an extra line break.
+- Fixed bug where autolink plugin would only produce a link on every other consecutive link on Firefox.
+- Fixed bug where it wasn't possible to select all contents if the content only had one pre element.
+- Fixed bug where sizzle would produce lagging behavior on some sites due to repaints caused by feature detection.
+- Fixed bug where toggling off inline formats wouldn't include the space on selected contents with leading or trailing spaces.
+- Fixed bug where the cut operation in UI wouldn't work in Chrome.
+- Fixed bug where some legacy editor initialization logic would throw exceptions about editor settings not being defined.
+- Fixed bug where it wasn't possible to apply text color to links if they where part of a non collapsed selection.
+- Fixed bug where an exception would be thrown if the user selected a video element and then moved the focus outside the editor.
+- Fixed bug where list operations didn't work if there where block elements inside the list items.
+- Fixed bug where applying block formats to lists wrapped in block elements would apply to all elements in that wrapped block.
+
+## 4.6.4 - 2017-06-13
+
+### Fixed
+- Fixed bug where the editor would move the caret when clicking on the scrollbar next to a content editable false block.
+- Fixed bug where the text color select dropdowns wasn't placed correctly when they didn't fit the width of the screen.
+- Fixed bug where the default editor line height wasn't working for mixed font size contents.
+- Fixed bug where the content css files for inline editors were loaded multiple times for multiple editor instances.
+- Fixed bug where the initial value of the font size/font family dropdowns wasn't displayed.
+- Fixed bug where the I18n api was not supporting arrays as the translation replacement values.
+- Fixed bug where chrome would display "The given range isn't in document." errors for invalid ranges passed to setRng.
+- Fixed bug where the compat3x plugin wasn't working since the global tinymce references wasn't resolved correctly.
+- Fixed bug where the preview plugin wasn't encoding the base url passed into the iframe contents producing a xss bug.
+- Fixed bug where the dom parser/serializer wasn't handling some special elements like noframes, title and xmp.
+- Fixed bug where the dom parser/serializer wasn't handling cdata sections with comments inside.
+- Fixed bug where the editor would scroll to the top of the editable area if a dialog was closed in inline mode.
+- Fixed bug where the link dialog would not display the right rel value if rel_list was configured.
+- Fixed bug where the context menu would select images on some platforms but not others.
+- Fixed bug where the filenames of images were not retained on dragged and drop into the editor from the desktop.
+- Fixed bug where the paste plugin would misrepresent newlines when pasting plain text and having forced_root_block configured.
+- Fixed so that the error messages for the imagetools plugin is more human readable.
+- Fixed so the internal validate setting for the parser/serializer can't be set from editor initialization settings.
+
+## 4.6.3 - 2017-05-30
+
+### Fixed
+- Fixed bug where the arrow keys didn't work correctly when navigating on nested inline boundary elements.
+- Fixed bug where delete/backspace didn't work correctly on nested inline boundary elements.
+- Fixed bug where image editing didn't work on subsequent edits of the same image.
+- Fixed bug where charmap descriptions wouldn't properly wrap if they exceeded the width of the box.
+- Fixed bug where the default image upload handler only accepted 200 as a valid http status code.
+- Fixed so rel on target=_blank links gets forced with only noopener instead of both noopener and noreferrer.
+
+## 4.6.2 - 2017-05-23
+
+### Fixed
+- Fixed bug where the SaxParser would run out of memory on very large documents.
+- Fixed bug with formatting like font size wasn't applied to del elements.
+- Fixed bug where various api calls would be throwing exceptions if they where invoked on a removed editor instance.
+- Fixed bug where the branding position would be incorrect if the editor was inside a hidden tab and then later showed.
+- Fixed bug where the color levels feature in the imagetools dialog wasn't working properly.
+- Fixed bug where imagetools dialog wouldn't pre-load images from CORS domains, before trying to prepare them for editing.
+- Fixed bug where the tab key would move the caret to the next table cell if being pressed inside a list inside a table.
+- Fixed bug where the cut/copy operations would loose parent context like the current format etc.
+- Fixed bug with format preview not working on invalid elements excluded by valid_elements.
+- Fixed bug where blocks would be merged in incorrect order on backspace/delete.
+- Fixed bug where zero length text nodes would cause issues with the undo logic if there where iframes present.
+- Fixed bug where the font size/family select lists would throw errors if the first node was a comment.
+- Fixed bug with csp having to allow local script evaluation since it was used to detect global scope.
+- Fixed bug where CSP required a relaxed option for javascript: URLs in unsupported legacy browsers.
+- Fixed bug where a fake caret would be rendered for td with the contenteditable=false.
+- Fixed bug where typing would be blocked on IE 11 when within a nested contenteditable=true/false structure.
+
+## 4.6.1 - 2017-05-10
+
+### Added
+- Added configuration option to list plugin to disable tab indentation.
+
+### Fixed
+- Fixed bug where format change on very specific content could cause the selection to change.
+- Fixed bug where TinyMCE could not be lazyloaded through jquery integration.
+- Fixed bug where entities in style attributes weren't decoded correctly on paste in webkit.
+- Fixed bug where fontsize_formats option had been renamed incorrectly.
+- Fixed bug with broken backspace/delete behaviour between contenteditable=false blocks.
+- Fixed bug where it wasn't possible to backspace to the previous line with the inline boundaries functionality turned on.
+- Fixed bug where is wasn't possible to move caret left and right around a linked image with the inline boundaries functionality turned on.
+- Fixed bug where pressing enter after/before hr element threw exception. Patch contributed bradleyke.
+- Fixed so the CSS in the visualblocks plugin doesn't overwrite background color. Patch contributed by Christian Rank.
+- Fixed bug where multibyte characters weren't encoded correctly. Patch contributed by James Tarkenton.
+- Fixed bug where shift-click to select within contenteditable=true fields wasn't working.
+
+## 4.6.0 - 2017-05-04
+
+### Added
+- Added an inline boundary caret position feature that makes it easier to type at the beginning/end of links/code elements.
+- Added a help plugin that adds a button and a dialog showing the editor shortcuts and loaded plugins.
+- Added an inline_boundaries option that allows you to disable the inline boundary feature if it's not desired.
+- Added a new ScrollIntoView event that allows you to override the default scroll to element behavior.
+- Added role and aria- attributes as valid elements in the default valid elements config.
+- Added new internal flag for PastePreProcess/PastePostProcess this is useful to know if the paste was coming from an external source.
+- Added new ignore function to UndoManager this works similar to transact except that it doesn't add an undo level by default.
+
+### Fixed
+- Fixed so that urls gets retained for images when being edited. This url is then passed on to the upload handler.
+- Fixed so that the editors would be initialized on readyState interactive instead of complete.
+- Fixed so that the init event of the editor gets fired once all contentCSS files have been properly loaded.
+- Fixed so that width/height of the editor gets taken from the textarea element if it's explicitly specified in styles.
+- Fixed so that keep_styles set to false no longer clones class/style from the previous paragraph on enter.
+- Fixed so that the default line-height is 1.2em to avoid zwnbsp characters from producing text rendering glitches on Windows.
+- Fixed so that loading errors of content css gets presented by a notification message.
+- Fixed so figure image elements can be linked when selected this wraps the figure image in a anchor element.
+- Fixed bug where it wasn't possible to copy/paste rows with colspans by using the table copy/paste feature.
+- Fixed bug where the protect setting wasn't properly applied to header/footer parts when using the fullpage plugin.
+- Fixed bug where custom formats that specified upper case element names where not applied correctly.
+- Fixed bug where some screen readers weren't reading buttons due to an aria specific fix for IE 8.
+- Fixed bug where cut wasn't working correctly on iOS due to it's clipboard API not working correctly.
+- Fixed bug where Edge would paste div elements instead of paragraphs when pasting plain text.
+- Fixed bug where the textpattern plugin wasn't dealing with trailing punctuations correctly.
+- Fixed bug where image editing would some times change the image format from jpg to png.
+- Fixed bug where some UI elements could be inserted into the toolbar even if they where not registered.
+- Fixed bug where it was possible to click the TD instead of the character in the character map and that caused an exception.
+- Fixed bug where the font size/font family dropdowns would sometimes show an incorrect value due to css not being loaded in time.
+- Fixed bug with the media plugin inserting undefined instead of retaining size when media_dimensions was set to false.
+- Fixed bug with deleting images when forced_root_blocks where set to false.
+- Fixed bug where input focus wasn't properly handled on nested content editable elements.
+- Fixed bug where Chrome/Firefox would throw an exception when selecting images due to recent change of setBaseAndExtent support.
+- Fixed bug where malformed blobs would throw exceptions now they are simply ignored.
+- Fixed bug where backspace/delete wouldn't work properly in some cases where all contents was selected in WebKit.
+- Fixed bug with Angular producing errors since it was expecting events objects to be patched with their custom properties.
+- Fixed bug where the formatter would apply formatting to spellchecker errors now all bogus elements are excluded.
+- Fixed bug with backspace/delete inside table caption elements wouldn't behave properly on IE 11.
+- Fixed bug where typing after a contenteditable false inline element could move the caret to the end of that element.
+- Fixed bug where backspace before/after contenteditable false blocks wouldn't properly remove the right element.
+- Fixed bug where backspace before/after contenteditable false inline elements wouldn't properly empty the current block element.
+- Fixed bug where vertical caret navigation with a custom line-height would sometimes match incorrect positions.
+- Fixed bug with paste on Edge where character encoding wasn't handled properly due to a browser bug.
+- Fixed bug with paste on Edge where extra fragment data was inserted into the contents when pasting.
+- Fixed bug with pasting contents when having a whole block element selected on WebKit could cause WebKit spans to appear.
+- Fixed bug where the visualchars plugin wasn't working correctly showing invisible nbsp characters.
+- Fixed bug where browsers would hang if you tried to load some malformed html contents.
+- Fixed bug where the init call promise wouldn't resolve if the specified selector didn't find any matching elements.
+- Fixed bug where the Schema isValidChild function was case sensitive.
+
+### Removed
+- Dropped support for IE 8-10 due to market share and lack of support from Microsoft. See tinymce docs for details.
+
+## 4.5.3 - 2017-02-01
+
+### Added
+- Added keyboard navigation for menu buttons when the menu is in focus.
+- Added api to the list plugin for setting custom classes/attributes on lists.
+- Added validation for the anchor plugin input field according to W3C id naming specifications.
+
+### Fixed
+- Fixed bug where media placeholders were removed after resize with the forced_root_block setting set to false.
+- Fixed bug where deleting selections with similar sibling nodes sometimes deleted the whole document.
+- Fixed bug with inlite theme where several toolbars would appear scrolling when more than one instance of the editor was in use.
+- Fixed bug where the editor would throw error with the fontselect plugin on hidden editor instances in Firefox.
+- Fixed bug where the background color would not stretch to the font size.
+- Fixed bug where font size would be removed when changing background color.
+- Fixed bug where the undomanager trimmed away whitespace between nodes on undo/redo.
+- Fixed bug where media_dimensions=false in media plugin caused the editor to throw an error.
+- Fixed bug where IE was producing font/u elements within links on paste.
+- Fixed bug where some button tooltips were broken when compat3x was in use.
+- Fixed bug where backspace/delete/typeover would remove the caption element.
+- Fixed bug where powerspell failed to function when compat3x was enabled.
+- Fixed bug where it wasn't possible to apply sub/sup on text with large font size.
+- Fixed bug where pre tags with spaces weren't treated as content.
+- Fixed bug where Meta+A would select the entire document instead of all contents in nested ce=true elements.
+
+## 4.5.2 - 2017-01-04
+
+### Fixed
+- Added missing keyboard shortcut description for the underline menu item in the format menu.
+- Fixed bug where external blob urls wasn't properly handled by editor upload logic. Patch contributed by David Oviedo.
+- Fixed bug where urls wasn't treated as a single word by the wordcount plugin.
+- Fixed bug where nbsp characters wasn't treated as word delimiters by the wordcount plugin.
+- Fixed bug where editor instance wasn't properly passed to the format preview logic. Patch contributed by NullQuery.
+- Fixed bug where the fake caret wasn't hidden when you moved selection to a cE=false element.
+- Fixed bug where it wasn't possible to edit existing code sample blocks.
+- Fixed bug where it wasn't possible to delete editor contents if the selection included an empty block.
+- Fixed bug where the formatter wasn't expanding words on some international characters. Patch contributed by Martin Larochelle.
+- Fixed bug where the open link feature wasn't working correctly on IE 11.
+- Fixed bug where enter before/after a cE=false block wouldn't properly padd the paragraph with an br element.
+- Fixed so font size and font family select boxes always displays a value by using the runtime style as a fallback.
+- Fixed so missing plugins will be logged to console as warnings rather than halting the initialization of the editor.
+- Fixed so splitbuttons become normal buttons in advlist plugin if styles are empty. Patch contributed by René Schleusner.
+- Fixed so you can multi insert rows/cols by selecting table cells and using insert rows/columns.
+
+## 4.5.1 - 2016-12-07
+
+### Fixed
+- Fixed bug where the lists plugin wouldn't initialize without the advlist plugins if served from cdn.
+- Fixed bug where selectors with "*" would cause the style format preview to throw an error.
+- Fixed bug with toggling lists off on lists with empty list items would throw an error.
+- Fixed bug where editing images would produce non existing blob uris.
+- Fixed bug where the offscreen toc selection would be treated as the real toc element.
+- Fixed bug where the aria level attribute for element path would have an incorrect start index.
+- Fixed bug where the offscreen selection of cE=false that where very wide would be shown onscreen. Patch contributed by Steven Bufton.
+- Fixed so the default_link_target gets applied to links created by the autolink plugin.
+- Fixed so that the name attribute gets removed by the anchor plugin if editing anchors.
+
+## 4.5.0 - 2016-11-23
+
+### Added
+- Added new toc plugin allows you to insert table of contents based on editor headings.
+- Added new auto complete menu to all url fields. Adds history, link to anchors etc.
+- Added new sidebar api that allows you to add custom sidebar panels and buttons to toggle these.
+- Added new insert menu button that allows you to have multiple insert functions under the same menu button.
+- Added new open link feature to ctrl+click, alt+enter and context menu.
+- Added new media_embed_handler option to allow the media plugin to be populated with custom embeds.
+- Added new support for editing transparent images using the image tools dialog.
+- Added new images_reuse_filename option to allow filenames of images to be retained for upload.
+- Added new security feature where links with target="_blank" will by default get rel="noopener noreferrer".
+- Added new allow_unsafe_link_target to allow you to opt-out of the target="_blank" security feature.
+- Added new style_formats_autohide option to automatically hide styles based on context.
+- Added new codesample_content_css option to specify where the code sample prism css is loaded from.
+- Added new support for Japanese/Chinese word count following the unicode standards on this.
+- Added new fragmented undo levels this dramatically reduces flicker on contents with iframes.
+- Added new live previews for complex elements like table or lists.
+
+### Fixed
+- Fixed bug where it wasn't possible to properly tab between controls in a dialog with a disabled form item control.
+- Fixed bug where firefox would generate a rectangle on elements produced after/before a cE=false elements.
+- Fixed bug with advlist plugin not switching list element format properly in some edge cases.
+- Fixed bug where col/rowspans wasn't correctly computed by the table plugin in some cases.
+- Fixed bug where the table plugin would thrown an error if object_resizing was disabled.
+- Fixed bug where some invalid markup would cause issues when running in XHTML mode. Patch contributed by Charles Bourasseau.
+- Fixed bug where the fullscreen class wouldn't be removed properly when closing dialogs.
+- Fixed bug where the PastePlainTextToggle event wasn't fired by the paste plugin when the state changed.
+- Fixed bug where table the row type wasn't properly updated in table row dialog. Patch contributed by Matthias Balmer.
+- Fixed bug where select all and cut wouldn't place caret focus back to the editor in WebKit. Patch contributed by Daniel Jalkut.
+- Fixed bug where applying cell/row properties to multiple cells/rows would reset other unchanged properties.
+- Fixed bug where some elements in the schema would have redundant/incorrect children.
+- Fixed bug where selector and target options would cause issues if used together.
+- Fixed bug where drag/drop of images from desktop on chrome would thrown an error.
+- Fixed bug where cut on WebKit/Blink wouldn't add an undo level.
+- Fixed bug where IE 11 would scroll to the cE=false elements when they where selected.
+- Fixed bug where keys like F5 wouldn't work when a cE=false element was selected.
+- Fixed bug where the undo manager wouldn't stop the typing state when commands where executed.
+- Fixed bug where unlink on wrapped links wouldn't work properly.
+- Fixed bug with drag/drop of images on WebKit where the image would be deleted form the source editor.
+- Fixed bug where the visual characters mode would be disabled when contents was extracted from the editor.
+- Fixed bug where some browsers would toggle of formats applied to the caret when clicking in the editor toolbar.
+- Fixed bug where the custom theme function wasn't working correctly.
+- Fixed bug where image option for custom buttons required you to have icon specified as well.
+- Fixed bug where the context menu and contextual toolbars would be visible at the same time and sometimes overlapping.
+- Fixed bug where the noneditable plugin would double wrap elements when using the noneditable_regexp option.
+- Fixed bug where tables would get padding instead of margin when you used the indent button.
+- Fixed bug where the charmap plugin wouldn't properly insert non breaking spaces.
+- Fixed bug where the color previews in color input boxes wasn't properly updated.
+- Fixed bug where the list items of previous lists wasn't merged in the right order.
+- Fixed bug where it wasn't possible to drag/drop inline-block cE=false elements on IE 11.
+- Fixed bug where some table cell merges would produce incorrect rowspan/colspan.
+- Fixed so the font size of the editor defaults to 14px instead of 11px this can be overridden by custom css.
+- Fixed so wordcount is debounced to reduce cpu hogging on larger texts.
+- Fixed so tinymce global gets properly exported as a module when used with some module bundlers.
+- Fixed so it's possible to specify what css properties you want to preview on specific formats.
+- Fixed so anchors are contentEditable=false while within the editor.
+- Fixed so selected contents gets wrapped in a inline code element by the codesample plugin.
+- Fixed so conditional comments gets properly stripped independent of case. Patch contributed by Georgii Dolzhykov.
+- Fixed so some escaped css sequences gets properly handled. Patch contributed by Georgii Dolzhykov.
+- Fixed so notifications with the same message doesn't get displayed at the same time.
+- Fixed so F10 can be used as an alternative key to focus to the toolbar.
+- Fixed various api documentation issues and typos.
+
+### Removed
+- Removed layer plugin since it wasn't really ported from 3.x and there doesn't seem to be much use for it.
+- Removed moxieplayer.swf from the media plugin since it wasn't used by the media plugin.
+- Removed format state from the advlist plugin to be more consistent with common word processors.
+
+## 4.4.3 - 2016-09-01
+
+### Fixed
+- Fixed bug where copy would produce an exception on Chrome.
+- Fixed bug where deleting lists on IE 11 would merge in correct text nodes.
+- Fixed bug where deleting partial lists with indentation wouldn't cause proper normalization.
+
+## 4.4.2 - 2016-08-25
+
+### Added
+- Added new importcss_exclusive option to disable unique selectors per group.
+- Added new group specific selector_converter option to importcss plugin.
+- Added new codesample_languages option to apply custom languages to codesample plugin.
+- Added new codesample_dialog_width/codesample_dialog_height options.
+
+### Fixed
+- Fixed bug where fullscreen button had an incorrect keyboard shortcut.
+- Fixed bug where backspace/delete wouldn't work correctly from a block to a cE=false element.
+- Fixed bug where smartpaste wasn't detecting links with special characters in them like tilde.
+- Fixed bug where the editor wouldn't get proper focus if you clicked on a cE=false element.
+- Fixed bug where it wasn't possible to copy/paste table rows that had merged cells.
+- Fixed bug where merging cells could some times produce invalid col/rowspan attibute values.
+- Fixed bug where getBody would sometimes thrown an exception now it just returns null if the iframe is clobbered.
+- Fixed bug where drag/drop of cE=false element wasn't properly constrained to viewport.
+- Fixed bug where contextmenu on Mac would collapse any selection to a caret.
+- Fixed bug where rtl mode wasn't rendered properly when loading a language pack with the rtl flag.
+- Fixed bug where Kamer word bounderies would be stripped from contents.
+- Fixed bug where lists would sometimes render two dots or numbers on the same line.
+- Fixed bug where the skin_url wasn't used by the inlite theme.
+- Fixed so data attributes are ignored when comparing formats in the formatter.
+- Fixed so it's possible to disable inline toolbars in the inlite theme.
+- Fixed so template dialog gets resized if it doesn't fit the window viewport.
+
+## 4.4.1 - 2016-07-26
+
+### Added
+- Added smart_paste option to paste plugin to allow disabling the paste behavior if needed.
+
+### Fixed
+- Fixed bug where png urls wasn't properly detected by the smart paste logic.
+- Fixed bug where the element path wasn't working properly when multiple editor instances where used.
+- Fixed bug with creating lists out of multiple paragraphs would just create one list item instead of multiple.
+- Fixed bug where scroll position wasn't properly handled by the inlite theme to place the toolbar properly.
+- Fixed bug where multiple instances of the editor using the inlite theme didn't render the toolbar properly.
+- Fixed bug where the shortcut label for fullscreen mode didn't match the actual shortcut key.
+- Fixed bug where it wasn't possible to select cE=false blocks using touch devices on for example iOS.
+- Fixed bug where it was possible to select the child image within a cE=false on IE 11.
+- Fixed so inserts of html containing lists doesn't merge with any existing lists unless it's a paste operation.
+
+## 4.4.0 - 2016-06-30
+
+### Added
+- Added new inlite theme this is a more lightweight inline UI.
+- Added smarter paste logic that auto detects urls in the clipboard and inserts images/links based on that.
+- Added a better image resize algorithm for better image quality in the imagetools plugin.
+
+### Fixed
+- Fixed bug where it wasn't possible to drag/dropping cE=false elements on FF.
+- Fixed bug where backspace/delete before/after a cE=false block would produce a new paragraph.
+- Fixed bug where list style type css property wasn't preserved when indenting lists.
+- Fixed bug where merging of lists where done even if the list style type was different.
+- Fixed bug where the image_dataimg_filter function wasn't used when pasting images.
+- Fixed bug where nested editable within a non editable element would cause scroll on focus in Chrome.
+- Fixed so invalid targets for inline mode is blocked on initialization. We only support elements that can have children.
+
+## 4.3.13 - 2016-06-08
+
+### Added
+- Added characters with a diacritical mark to charmap plugin. Patch contributed by Dominik Schilling.
+- Added better error handling if the image proxy service would produce errors.
+
+### Fixed
+- Fixed issue with pasting list items into list items would produce nested list rather than a merged list.
+- Fixed bug where table selection could get stuck in selection mode for inline editors.
+- Fixed bug where it was possible to place the caret inside the resize grid elements.
+- Fixed bug where it wasn't possible to place in elements horizontally adjacent cE=false blocks.
+- Fixed bug where multiple notifications wouldn't be properly placed on screen.
+- Fixed bug where multiple editor instance of the same id could be produces in some specific integrations.
+
+## 4.3.12 - 2016-05-10
+
+### Fixed
+- Fixed bug where focus calls couldn't be made inside the editors PostRender event handler.
+- Fixed bug where some translations wouldn't work as expected due to a bug in editor.translate.
+- Fixed bug where the node change event could fire with a node out side the root of the editor.
+- Fixed bug where Chrome wouldn't properly present the keyboard paste clipboard details when paste was clicked.
+- Fixed bug where merged cells in tables couldn't be selected from right to left.
+- Fixed bug where insert row wouldn't properly update a merged cells rowspan property.
+- Fixed bug where the color input boxes preview field wasn't properly set on initialization.
+- Fixed bug where IME composition inside table cells wouldn't work as expected on IE 11.
+- Fixed so all shadow dom support is under and experimental flag due to flaky browser support.
+
+## 4.3.11 - 2016-04-25
+
+### Fixed
+- Fixed bug where it wasn't possible to insert empty blocks though the API unless they where padded.
+- Fixed bug where you couldn't type the Euro character on Windows.
+- Fixed bug where backspace/delete from a cE=false element to a text block didn't work properly.
+- Fixed bug where the text color default grid would render incorrectly.
+- Fixed bug where the codesample plugin wouldn't load the css in the editor for multiple editors.
+- Fixed so the codesample plugin textarea gets focused by default.
+
+## 4.3.10 - 2016-04-12
+
+### Fixed
+- Fixed bug where the key "y" on WebKit couldn't be entered due to conflict with keycode for F10 on keypress.
+
+## 4.3.9 - 2016-04-12
+
+### Added
+- Added support for focusing the contextual toolbars using keyboard.
+- Added keyboard support for slider UI controls. You can no increase/decrease using arrow keys.
+- Added url pattern matching for Dailymotion to media plugin. Patch contributed by Bertrand Darbon.
+- Added body_class to template plugin preview. Patch contributed by Milen Petrinski.
+- Added options to better override textcolor pickers with custom colors. Patch contributed by Xavier Boubert.
+- Added visual arrows to inline contextual toolbars so that they point to the element being active.
+
+### Changed
+- Changed the Meta+Shift+F shortcut to Ctrl+Shift+F since Czech, Slovak, Polish languages used the first one for input.
+
+### Fixed
+- Fixed so toolbars for tables or other larger elements get better positioned below the scrollable viewport.
+- Fixed bug where it was possible to click links inside cE=false blocks.
+- Fixed bug where event targets wasn't properly handled in Safari Technical Preview.
+- Fixed bug where drag/drop text in FF 45 would make the editor caret invisible.
+- Fixed bug where the remove state wasn't properly set on editor instances when detected as clobbered.
+- Fixed bug where offscreen selection of some cE=false elements would render onscreen. Patch contributed by Steven Bufton
+- Fixed bug where enter would clone styles out side the root on editors inside a span. Patch contributed by ChristophKaser.
+- Fixed bug where drag/drop of images into the editor didn't work correctly in FF.
+- Fixed so the first item in panels for the imagetools dialog gets proper keyboard focus.
+
+## 4.3.8 - 2016-03-15
+
+### Fixed
+- Fixed bug where inserting HR at the end of a block element would produce an extra empty block.
+- Fixed bug where links would be clickable when readonly mode was enabled.
+- Fixed bug where the formatter would normalize to the wrong node on very specific content.
+- Fixed bug where some nested list items couldn't be indented properly.
+- Fixed bug where links where clickable in the preview dialog.
+- Fixed so the alt attribute doesn't get padded with an empty value by default.
+- Fixed so nested alignment works more correctly. You will now alter the alignment to the closest block parent.
+
+## 4.3.7 - 2016-03-02
+
+### Fixed
+- Fixed bug where incorrect icons would be rendered for imagetools edit and color levels.
+- Fixed bug where navigation using arrow keys inside a SelectBox didn't move up/down.
+- Fixed bug where the visualblocks plugin would render borders round internal UI elements.
+
+## 4.3.6 - 2016-03-01
+
+### Added
+- Added new paste_remember_plaintext_info option to allow a global disable of the plain text mode notification.
+- Added new PastePlainTextToggle event that fires when plain text mode toggles on/off.
+
+### Fixed
+- Fixed bug where it wasn't possible to select media elements since the drag logic would snap it to mouse cursor.
+- Fixed bug where it was hard to place the caret inside nested cE=true elements when the outer cE=false element was focused.
+- Fixed bug where editors wouldn't properly initialize if both selector and mode where used.
+- Fixed bug where IME input inside table cells would switch the IME off.
+- Fixed bug where selection inside the first table cell would cause the whole table cell to get selected.
+- Fixed bug where error handling of images being uploaded wouldn't properly handle faulty statuses.
+- Fixed bug where inserting contents before a HR would cause an exception to be thrown.
+- Fixed bug where copy/paste of Excel data would be inserted as an image.
+- Fixed caret position issues with copy/paste of inline block cE=false elements.
+- Fixed issues with various menu item focus bugs in Chrome. Where the focused menu bar item wasn't properly blurred.
+- Fixed so the notifications have a solid background since it would be hard to read if there where text under it.
+- Fixed so notifications gets animated similar to the ones used by dialogs.
+- Fixed so larger images that gets pasted is handled better.
+- Fixed so the window close button is more uniform on various platform and also increased it's hit area.
+
+## 4.3.5 - 2016-02-11
+
+Npm version bump due to package not being fully updated.
+
+## 4.3.4 - 2016-02-11
+
+### Added
+- Added new OpenWindow/CloseWindow events that gets fired when windows open/close.
+- Added new NewCell/NewRow events that gets fired when table cells/rows are created.
+- Added new Promise return value to tinymce.init makes it easier to handle initialization.
+
+### Fixed
+- Fixed various bugs with drag/drop of contentEditable:false elements.
+- Fixed bug where deleting of very specific nested list items would result in an odd list.
+- Fixed bug where lists would get merged with adjacent lists outside the editable inline root.
+- Fixed bug where MS Edge would crash when closing a dialog then clicking a menu item.
+- Fixed bug where table cell selection would add undo levels.
+- Fixed bug where table cell selection wasn't removed when inline editor where removed.
+- Fixed bug where table cell selection wouldn't work properly on nested tables.
+- Fixed bug where table merge menu would be available when merging between thead and tbody.
+- Fixed bug where table row/column resize wouldn't get properly removed when the editor was removed.
+- Fixed bug where Chrome would scroll to the editor if there where a empty hash value in document url.
+- Fixed bug where the cache suffix wouldn't work correctly with the importcss plugin.
+- Fixed bug where selection wouldn't work properly on MS Edge on Windows Phone 10.
+- Fixed so adjacent pre blocks gets joined into one pre block since that seems like the user intent.
+- Fixed so events gets properly dispatched in shadow dom. Patch provided by Nazar Mokrynskyi.
+
+### Removed
+- Removed the jQuery version the jQuery plugin is now moved into the main package.
+- Removed jscs from build process since eslint can now handle code style checking.
+
+## 4.3.3 - 2016-01-14
+
+### Added
+- Added new table_resize_bars configuration setting.  This setting allows you to disable the table resize bars.
+- Added new beforeInitialize event to tinymce.util.XHR lets you modify XHR properties before open. Patch contributed by Brent Clintel.
+- Added new autolink_pattern setting to autolink plugin. Enables you to override the default autolink formats. Patch contributed by Ben Tiedt.
+- Added new charmap option that lets you override the default charmap of the charmap plugin.
+- Added new charmap_append option that lets you add new characters to the default charmap of the charmap plugin.
+- Added new insertCustomChar event that gets fired when a character is inserted by the charmap plugin.
+
+### Fixed
+- Fixed bug where table cells started with a superfluous &nbsp; in IE10+.
+- Fixed bug where table plugin would retain all BR tags when cells were merged.
+- Fixed bug where media plugin would strip underscores from youtube urls.
+- Fixed bug where IME input would fail on IE 11 if you typed within a table.
+- Fixed bug where double click selection of a word would remove the space before the word on insert contents.
+- Fixed bug where table plugin would produce exceptions when hovering tables with invalid structure.
+- Fixed bug where fullscreen wouldn't scroll back to it's original position when untoggled.
+- Fixed so the template plugins templates setting can be a function that gets a callback that can provide templates.
+
+## 4.3.2 - 2015-12-14
+
+### Fixed
+- Fixed bug where the resize bars for table cells were not affected by the object_resizing property.
+- Fixed bug where the contextual table toolbar would appear incorrectly if TinyMCE was initialized inline inside a table.
+- Fixed bug where resizing table cells did not fire a node change event or add an undo level.
+- Fixed bug where double click selection of text on IE 11 wouldn't work properly.
+- Fixed bug where codesample plugin would incorrectly produce br elements inside code elements.
+- Fixed bug where media plugin would strip dashes from youtube urls.
+- Fixed bug where it was possible to move the caret into the table resize bars.
+- Fixed bug where drag/drop into a cE=false element was possible on IE.
+
+## 4.3.1 - 2015-11-30
+
+### Fixed
+- Fixed so it's possible to disable the table inline toolbar by setting it to false or an empty string.
+- Fixed bug where it wasn't possible to resize some tables using the drag handles.
+- Fixed bug where unique id:s would clash for multiple editor instances and cE=false selections.
+- Fixed bug where the same plugin could be initialized multiple times.
+- Fixed bug where the table inline toolbars would be displayed at the same time as the image toolbars.
+- Fixed bug where the table selection rect wouldn't be removed when selecting another control element.
+
+## 4.3.0 - 2015-11-23
+
+### Added
+- Added new table column/row resize support. Makes it a lot more easy to resize the columns/rows in a table.
+- Added new table inline toolbar. Makes it easier to for example add new rows or columns to a table.
+- Added new notification API. Lets you display floating notifications to the end user.
+- Added new codesample plugin that lets you insert syntax highlighted pre elements into the editor.
+- Added new image_caption to images. Lets you create images with captions using a HTML5 figure/figcaption elements.
+- Added new live previews of embeded videos. Lets you play the video right inside the editor.
+- Added new setDirty method and "dirty" event to the editor. Makes it easier to track the dirty state change.
+- Added new setMode method to Editor instances that lets you dynamically switch between design/readonly.
+- Added new core support for contentEditable=false elements within the editor overrides the browsers broken behavior.
+
+### Changed
+- Rewrote the noneditable plugin to use the new contentEditable false core logic.
+
+### Fixed
+- Fixed so the dirty state doesn't set to false automatically when the undo index is set to 0.
+- Fixed the Selection.placeCaretAt so it works better on IE when the coordinate is between paragraphs.
+- Fixed bug where data-mce-bogus="all" element contents where counted by the word count plugin.
+- Fixed bug where contentEditable=false elements would be indented by the indent buttons.
+- Fixed bug where images within contentEditable=false would be selected in WebKit on mouse click.
+- Fixed bug in DOMUntils split method where the replacement parameter wouldn't work on specific cases.
+- Fixed bug where the importcss plugin would import classes from the skin content css file.
+- Fixed so all button variants have a wrapping span for it's text to make it easier to skin.
+- Fixed so it's easier to exit pre block using the arrow keys.
+- Fixed bug where listboxes with fix widths didn't render correctly.
+
+## 4.2.8 - 2015-11-13
+
+### Fixed
+- Fixed bug where it was possible to delete tables as the inline root element if all columns where selected.
+- Fixed bug where the UI buttons active state wasn't properly updated due to recent refactoring of that logic.
+
+## 4.2.7 - 2015-10-27
+
+### Fixed
+- Fixed bug where backspace/delete would remove all formats on the last paragraph character in WebKit/Blink.
+- Fixed bug where backspace within a inline format element with a bogus caret container would move the caret.
+- Fixed bug where backspace/delete on selected table cells wouldn't add an undo level.
+- Fixed bug where script tags embedded within the editor could sometimes get a mce- prefix prepended to them
+- Fixed bug where validate: false option could produce an error to be thrown from the Serialization step.
+- Fixed bug where inline editing of a table as the root element could let the user delete that table.
+- Fixed bug where inline editing of a table as the root element wouldn't properly handle enter key.
+- Fixed bug where inline editing of a table as the root element would normalize the selection incorrectly.
+- Fixed bug where inline editing of a list as the root element could let the user delete that list.
+- Fixed bug where inline editing of a list as the root element could let the user split that list.
+- Fixed bug where resize handles would be rendered on editable root elements such as table.
+
+## 4.2.6 - 2015-09-28
+
+### Added
+- Added capability to set request headers when using XHRs.
+- Added capability to upload local images automatically default delay is set to 30 seconds after editing images.
+- Added commands ids mceEditImage, mceAchor and mceMedia to be avaiable from execCommand.
+- Added Edge browser to saucelabs grunt task. Patch contributed by John-David Dalton.
+
+### Fixed
+- Fixed bug where blob uris not produced by tinymce would produce HTML invalid markup.
+- Fixed bug where selection of contents of a nearly empty editor in Edge would sometimes fail.
+- Fixed bug where color styles woudln't be retained on copy/paste in Blink/Webkit.
+- Fixed bug where the table plugin would throw an error when inserting rows after a child table.
+- Fixed bug where the template plugin wouldn't handle functions as variable replacements.
+- Fixed bug where undo/redo sometimes wouldn't work properly when applying formatting collapsed ranges.
+- Fixed bug where shift+delete wouldn't do a cut operation on Blink/WebKit.
+- Fixed bug where cut action wouldn't properly store the before selection bookmark for the undo level.
+- Fixed bug where backspace in side an empty list element on IE would loose editor focus.
+- Fixed bug where the save plugin wouldn't enable the buttons when a change occurred.
+- Fixed bug where Edge wouldn't initialize the editor if a document.domain was specified.
+- Fixed bug where enter key before nested images would sometimes not properly expand the previous block.
+- Fixed bug where the inline toolbars wouldn't get properly hidden when blurring the editor instance.
+- Fixed bug where Edge would paste Chinese characters on some Windows 10 installations.
+- Fixed bug where IME would loose focus on IE 11 due to the double trailing br bug fix.
+- Fixed bug where the proxy url in imagetools was incorrect. Patch contributed by Wong Ho Wang.
+
+## 4.2.5 - 2015-08-31
+
+### Added
+- Added fullscreen capability to embedded youtube and vimeo videos.
+
+### Fixed
+- Fixed bug where the uploadImages call didn't work on IE 10.
+- Fixed bug where image place holders would be uploaded by uploadImages call.
+- Fixed bug where images marked with bogus would be uploaded by the uploadImages call.
+- Fixed bug where multiple calls to uploadImages would result in decreased performance.
+- Fixed bug where pagebreaks were editable to imagetools patch contributed by Rasmus Wallin.
+- Fixed bug where the element path could cause too much recursion exception.
+- Fixed bug for domains containing ".min". Patch contributed by Loïc Février.
+- Fixed so validation of external links to accept a number after www. Patch contributed by Victor Carvalho.
+- Fixed so the charmap is exposed though execCommand. Patch contributed by Matthew Will.
+- Fixed so that the image uploads are concurrent for improved performance.
+- Fixed various grammar problems in inline documentation. Patches provided by nikolas.
+
+## 4.2.4 - 2015-08-17
+
+### Added
+- Added picture as a valid element to the HTML 5 schema. Patch contributed by Adam Taylor.
+
+### Fixed
+- Fixed bug where contents would be duplicated on drag/drop within the same editor.
+- Fixed bug where floating/alignment of images on Edge wouldn't work properly.
+- Fixed bug where it wasn't possible to drag images on IE 11.
+- Fixed bug where image selection on Edge would sometimes fail.
+- Fixed bug where contextual toolbars icons wasn't rendered properly when using the toolbar_items_size.
+- Fixed bug where searchreplace dialog doesn't get prefilled with the selected text.
+- Fixed bug where fragmented matches wouldn't get properly replaced by the searchreplace plugin.
+- Fixed bug where enter key wouldn't place the caret if was after a trailing space within an inline element.
+- Fixed bug where the autolink plugin could produce multiple links for the same text on Gecko.
+- Fixed bug where EditorUpload could sometimes throw an exception if the blob wasn't found.
+- Fixed xss issues with media plugin not properly filtering out some script attributes.
+
+## 4.2.3 - 2015-07-30
+
+### Fixed
+- Fixed bug where image selection wasn't possible on Edge due to incompatible setBaseAndExtend API.
+- Fixed bug where image blobs urls where not properly destroyed by the imagetools plugin.
+- Fixed bug where keyboard shortcuts wasn't working correctly on IE 8.
+- Fixed skin issue where the borders of panels where not visible on IE 8.
+
+## 4.2.2 - 2015-07-22
+
+### Fixed
+- Fixed bug where float panels were not being hidden on inline editor blur when fixed_toolbar_container config option was in use.
+- Fixed bug where combobox states wasn't properly updated if contents where updated without keyboard.
+- Fixed bug where pasting into textbox or combobox would move the caret to the end of text.
+- Fixed bug where removal of bogus span elements before block elements would remove whitespace between nodes.
+- Fixed bug where repositioning of inline toolbars where async and producing errors if the editor was removed from DOM to early. Patch by iseulde.
+- Fixed bug where element path wasn't working correctly. Patch contributed by iseulde.
+- Fixed bug where menus wasn't rendered correctly when custom images where added to a menu. Patch contributed by Naim Hammadi.
+
+## 4.2.1 - 2015-06-29
+
+### Fixed
+- Fixed bug where back/forward buttons in the browser would render blob images as broken images.
+- Fixed bug where Firefox would throw regexp to big error when replacing huge base64 chunks.
+- Fixed bug rendering issues with resize and context toolbars not being placed properly until next animation frame.
+- Fixed bug where the rendering of the image while cropping would some times not be centered correctly.
+- Fixed bug where listbox items with submenus would me selected as active.
+- Fixed bug where context menu where throwing an error when rendering.
+- Fixed bug where resize both option wasn't working due to resent addClass API change. Patch contributed by Jogai.
+- Fixed bug where a hideAll call for container rendered inline toolbars would throw an error.
+- Fixed bug where onclick event handler on combobox could cause issues if element.id was a function by some polluting libraries.
+- Fixed bug where listboxes wouldn't get proper selected sub menu item when using link_list or image_list.
+- Fixed so the UI controls are as wide as 4.1.x to avoid wrapping controls in toolbars.
+- Fixed so the imagetools dialog is adaptive for smaller screen sizes.
+
+## 4.2.0 - 2015-06-25
+
+### Added
+- Added new flat default skin to make the UI more modern.
+- Added new imagetools plugin, lets you crop/resize and apply filters to images.
+- Added new contextual toolbars support to the API lets you add floating toolbars for specific CSS selectors.
+- Added new promise feature fill as tinymce.util.Promise.
+- Added new built in image upload feature lets you upload any base64 encoded image within the editor as files.
+
+### Fixed
+- Fixed bug where resize handles would appear in the right position in the wrong editor when switching between resizable content in different inline editors.
+- Fixed bug where tables would not be inserted in inline mode due to previous float panel fix.
+- Fixed bug where floating panels would remain open when focus was lost on inline editors.
+- Fixed bug where cut command on Chrome would thrown a browser security exception.
+- Fixed bug where IE 11 sometimes would report an incorrect size for images in the image dialog.
+- Fixed bug where it wasn't possible to remove inline formatting at the end of block elements.
+- Fixed bug where it wasn't possible to delete table cell contents when cell selection was vertical.
+- Fixed bug where table cell wasn't emptied from block elements if delete/backspace where pressed in empty cell.
+- Fixed bug where cmd+shift+arrow didn't work correctly on Firefox mac when selecting to start/end of line.
+- Fixed bug where removal of bogus elements would sometimes remove whitespace between nodes.
+- Fixed bug where the resize handles wasn't updated when the main window was resized.
+- Fixed so script elements gets removed by default to prevent possible XSS issues in default config implementations.
+- Fixed so the UI doesn't need manual reflows when using non native layout managers.
+- Fixed so base64 encoded images doesn't slow down the editor on modern browsers while editing.
+- Fixed so all UI elements uses touch events to improve mobile device support.
+- Removed the touch click quirks patch for iOS since it did more harm than good.
+- Removed the non proportional resize handles since. Unproportional resize can still be done by holding the shift key.
+
+## 4.1.10 - 2015-05-05
+
+### Fixed
+- Fixed bug where plugins loaded with compat3x would sometimes throw errors when loading using the jQuery version.
+- Fixed bug where extra empty paragraphs would get deleted in WebKit/Blink due to recent Quriks fix.
+- Fixed bug where the editor wouldn't work properly on IE 12 due to some required browser sniffing.
+- Fixed bug where formatting shortcut keys where interfering with Mac OS X screenshot keys.
+- Fixed bug where the caret wouldn't move to the next/previous line boundary on Cmd+Left/Right on Gecko.
+- Fixed bug where it wasn't possible to remove formats from very specific nested contents.
+- Fixed bug where undo levels wasn't produced when typing letters using the shift or alt+ctrl modifiers.
+- Fixed bug where the dirty state wasn't properly updated when typing using the shift or alt+ctrl modifiers.
+- Fixed bug where an error would be thrown if an autofocused editor was destroyed quickly after its initialization. Patch provided by thorn0.
+- Fixed issue with dirty state not being properly updated on redo operation.
+- Fixed issue with entity decoder not handling incorrectly written numeric entities.
+- Fixed issue where some PI element values wouldn't be properly encoded.
+
+## 4.1.9 - 2015-03-10
+
+### Fixed
+- Fixed bug where indentation wouldn't work properly for non list elements.
+- Fixed bug with image plugin not pulling the image dimensions out correctly if a custom document_base_url was used.
+- Fixed bug where ctrl+alt+[1-9] would conflict with the AltGr+[1-9] on Windows. New shortcuts is ctrl+shift+[1-9].
+- Fixed bug with removing formatting on nodes in inline mode would sometimes include nodes outside the editor body.
+- Fixed bug where extra nbsp:s would be inserted when you replaced a word surrounded by spaces using insertContent.
+- Fixed bug with pasting from Google Docs would produce extra strong elements and line feeds.
+
+## 4.1.8 - 2015-03-05
+
+### Added
+- Added new html5 sizes attribute to img elements used together with srcset.
+- Added new elementpath option that makes it possible to disable the element path but keep the statusbar.
+- Added new option table_style_by_css for the table plugin to set table styling with css rather than table attributes.
+- Added new link_assume_external_targets option to prompt the user to prepend http:// prefix if the supplied link does not contain a protocol prefix.
+- Added new image_prepend_url option to allow a custom base path/url to be added to images.
+- Added new table_appearance_options option to make it possible to disable some options.
+- Added new image_title option to make it possible to alter the title of the image, disabled by default.
+
+### Fixed
+- Fixed bug where selection starting from out side of the body wouldn't produce a proper selection range on IE 11.
+- Fixed bug where pressing enter twice before a table moves the cursor in the table and causes a javascript error.
+- Fixed bug where advanced image styles were not respected.
+- Fixed bug where the less common Shift+Delete didn't produce a proper cut operation on WebKit browsers.
+- Fixed bug where image/media size constrain logic would produce NaN when handling non number values.
+- Fixed bug where internal classes where removed by the removeformat command.
+- Fixed bug with creating links table cell contents with a specific selection would throw a exceptions on WebKit/Blink.
+- Fixed bug where valid_classes option didn't work as expected according to docs. Patch provided by thorn0.
+- Fixed bug where jQuery plugin would patch the internal methods multiple times. Patch provided by Drew Martin.
+- Fixed bug where backspace key wouldn't delete the current selection of newly formatted content.
+- Fixed bug where type over of inline formatting elements wouldn't properly keep the format on WebKit/Blink.
+- Fixed bug where selection needed to be properly normalized on modern IE versions.
+- Fixed bug where Command+Backspace didn't properly delete the whole line of text but the previous word.
+- Fixed bug where UI active states wheren't properly updated on IE if you placed caret within the current range.
+- Fixed bug where delete/backspace on WebKit/Blink would remove span elements created by the user.
+- Fixed bug where delete/backspace would produce incorrect results when deleting between two text blocks with br elements.
+- Fixed bug where captions where removed when pasting from MS Office.
+- Fixed bug where lists plugin wouldn't properly remove fully selected nested lists.
+- Fixed bug where the ttf font used for icons would throw an warning message on Gecko on Mac OS X.
+- Fixed a bug where applying a color to text did not update the undo/redo history.
+- Fixed so shy entities gets displayed when using the visualchars plugin.
+- Fixed so removeformat removes ins/del by default since these might be used for strikethough.
+- Fixed so multiple language packs can be loaded and added to the global I18n data structure.
+- Fixed so transparent color selection gets treated as a normal color selection. Patch contributed by Alexander Hofbauer.
+- Fixed so it's possible to disable autoresize_overflow_padding, autoresize_bottom_margin options by setting them to false.
+- Fixed so the charmap plugin shows the description of the character in the dialog. Patch contributed by Jelle Hissink.
+- Removed address from the default list of block formats since it tends to be missused.
+- Fixed so the pre block format is called preformatted to make it more verbose.
+- Fixed so it's possible to context scope translation strings this isn't needed most of the time.
+- Fixed so the max length of the width/height input fields of the media dialog is 5 instead of 3.
+- Fixed so drag/dropped contents gets properly processed by paste plugin since it's basically a paste. Patch contributed by Greg Fairbanks.
+- Fixed so shortcut keys for headers is ctrl+alt+[1-9] instead of ctrl+[1-9] since these are for switching tabs in the browsers.
+- Fixed so "u" doesn't get converted into a span element by the legacy input filter. Since this is now a valid HTML5 element.
+- Fixed font families in order to provide appropriate web-safe fonts.
+
+## 4.1.7 - 2014-11-27
+
+### Added
+- Added HTML5 schema support for srcset, source and picture. Patch contributed by mattheu.
+- Added new cache_suffix setting to enable cache busting by producing unique urls.
+- Added new paste_convert_word_fake_lists option to enable users to disable the fake lists convert logic.
+
+### Fixed
+- Fixed so advlist style changes adds undo levels for each change.
+- Fixed bug where WebKit would sometimes produce an exception when the autolink plugin where looking for URLs.
+- Fixed bug where IE 7 wouldn't be rendered properly due to aggressive css compression.
+- Fixed bug where DomQuery wouldn't accept window as constructor element.
+- Fixed bug where the color picker in 3.x dialogs wouldn't work properly. Patch contributed by Callidior.
+- Fixed bug where the image plugin wouldn't respect the document_base_url.
+- Fixed bug where the jQuery plugin would fail to append to elements named array prototype names.
+
+## 4.1.6 - 2014-10-08
+
+### Changed
+- Replaced jake with grunt since it is more mainstream and has better plugin support.
+
+### Fixed
+- Fixed bug with clicking on the scrollbar of the iframe would cause a JS error to be thrown.
+- Fixed bug where null would produce an exception if you passed it to selection.setRng.
+- Fixed bug where Ctrl/Cmd+Tab would indent the current list item if you switched tabs in the browser.
+- Fixed bug where pasting empty cells from Excel would result in a broken table.
+- Fixed bug where it wasn't possible to switch back to default list style type.
+- Fixed issue where the select all quirk fix would fire for other modifiers than Ctrl/Cmd combinations.
+
+
+## 4.1.5 - 2014-09-09
+
+### Fixed
+- Fixed bug where sometimes the resize rectangles wouldn't properly render on images on WebKit/Blink.
+- Fixed bug in list plugin where delete/backspace would merge empty LI elements in lists incorrectly.
+- Fixed bug where empty list elements would result in empty LI elements without it's parent container.
+- Fixed bug where backspace in empty caret formatted element could produce an type error exception of Gecko.
+- Fixed bug where lists pasted from word with a custom start index above 9 wouldn't be properly handled.
+- Fixed bug where tabfocus plugin would tab out of the editor instance even if the default action was prevented.
+- Fixed bug where tabfocus wouldn't tab properly to other adjacent editor instances.
+- Fixed bug where the DOMUtils setStyles wouldn't properly removed or update the data-mce-style attribute.
+- Fixed bug where dialog select boxes would be placed incorrectly if document.body wasn't statically positioned.
+- Fixed bug where pasting would sometimes scroll to the top of page if the user was using the autoresize plugin.
+- Fixed bug where caret wouldn't be properly rendered by Chrome when clicking on the iframes documentElement.
+- Fixed so custom images for menubutton/splitbutton can be provided. Patch contributed by Naim Hammadi.
+- Fixed so the default action of windows closing can be prevented by blocking the default action of the close event.
+- Fixed so nodeChange and focus of the editor isn't automatically performed when opening sub dialogs.
+
+## 4.1.4 - 2014-08-21
+
+### Added
+- Added new media_filter_html option to media plugin that blocks any conditional comments, scripts etc within a video element.
+- Added new content_security_policy option allows you to set custom policy for iframe contents. Patch contributed by Francois Chagnon.
+
+### Fixed
+- Fixed bug where activate/deactivate events wasn't firing properly when switching between editors.
+- Fixed bug where placing the caret on iOS was difficult due to a WebKit bug with touch events.
+- Fixed bug where the resize helper wouldn't render properly on older IE versions.
+- Fixed bug where resizing images inside tables on older IE versions would sometimes fail depending mouse position.
+- Fixed bug where editor.insertContent would produce an exception when inserting select/option elements.
+- Fixed bug where extra empty paragraphs would be produced if block elements where inserted inside span elements.
+- Fixed bug where the spellchecker menu item wouldn't be properly checked if spell checking was started before it was rendered.
+- Fixed bug where the DomQuery filter function wouldn't remove non elements from collection.
+- Fixed bug where document with custom document.domain wouldn't properly render the editor.
+- Fixed bug where IE 8 would throw exception when trying to enter invalid color values into colorboxes.
+- Fixed bug where undo manager could incorrectly add an extra undo level when custom resize handles was removed.
+- Fixed bug where it wouldn't be possible to alter cell properties properly on table cells on IE 8.
+- Fixed so the color picker button in table dialog isn't shown unless you include the colorpicker plugin or add your own custom color picker.
+- Fixed so activate/deactivate events fire when windowManager opens a window since.
+- Fixed so the table advtab options isn't separated by an underscore to normalize naming with image_advtab option.
+- Fixed so the table cell dialog has proper padding when the advanced tab in disabled.
+
+## 4.1.3 - 2014-07-29
+
+### Added
+- Added event binding logic to tinymce.util.XHR making it possible to override headers and settings before any request is made.
+
+### Fixed
+- Fixed bug where drag events wasn't fireing properly on older IE versions since the event handlers where bound to document.
+- Fixed bug where drag/dropping contents within the editor on IE would force the contents into plain text mode even if it was internal content.
+- Fixed bug where IE 7 wouldn't open menus properly due to a resize bug in the browser auto closing them immediately.
+- Fixed bug where the DOMUtils getPos logic wouldn't produce a valid coordinate inside the body if the body was positioned non static.
+- Fixed bug where the element path and format state wasn't properly updated if you had the wordcount plugin enabled.
+- Fixed bug where a comment at the beginning of source would produce an exception in the formatter logic.
+- Fixed bug where setAttrib/getAttrib on null would throw exception together with any hooked attributes like style.
+- Fixed bug where table sizes wasn't properly retained when copy/pasting on WebKit/Blink.
+- Fixed bug where WebKit/Blink would produce colors in RGB format instead of the forced HEX format when deleting contents.
+- Fixed bug where the width attribute wasn't updated on tables if you changed the size inside the table dialog.
+- Fixed bug where control selection wasn't properly handled when the caret was placed directly after an image.
+- Fixed bug where selecting the contents of table cells using the selection.select method wouldn't place the caret properly.
+- Fixed bug where the selection state for images wasn't removed when placing the caret right after an image on WebKit/Blink.
+- Fixed bug where all events wasn't properly unbound when and editor instance was removed or destroyed by some external innerHTML call.
+- Fixed bug where it wasn't possible or very hard to select images on iOS when the onscreen keyboard was visible.
+- Fixed so auto_focus can take a boolean argument this will auto focus the last initialized editor might be useful for single inits.
+- Fixed so word auto detect lists logic works better for faked lists that doesn't have specific markup.
+- Fixed so nodeChange gets fired on mouseup as it used to before 4.1.1 we optimized that event to fire less often.
+
+### Removed
+- Removed the finish menu item from spellchecker menu since it's redundant you can stop spellchecking by toggling menu item or button.
+
+## 4.1.2 - 2014-07-15
+
+### Added
+- Added offset/grep to DomQuery class works basically the same as it's jQuery equivalent.
+
+### Fixed
+- Fixed bug where backspace/delete or setContent with an empty string would remove header data when using the fullpage plugin.
+- Fixed bug where tinymce.remove with a selector not matching any editors would remove all editors.
+- Fixed bug where resizing of the editor didn't work since the theme was calling setStyles instead of setStyle.
+- Fixed bug where IE 7 would fail to append html fragments to iframe document when using DomQuery.
+- Fixed bug where the getStyle DOMUtils method would produce an exception if it was called with null as it's element.
+- Fixed bug where the paste plugin would remove the element if the none of the paste_webkit_styles rules matched the current style.
+- Fixed bug where contextmenu table items wouldn't work properly on IE since it would some times fire an incorrect selection change.
+- Fixed bug where the padding/border values wasn't used in the size calculation for the body size when using autoresize. Patch contributed by Matt Whelan.
+- Fixed bug where conditional word comments wouldn't be properly removed when pasting plain text.
+- Fixed bug where resizing would sometime fail on IE 11 when the mouseup occurred inside the resizable element.
+- Fixed so the iframe gets initialized without any inline event handlers for better CSP support. Patch contributed by Matt Whelan.
+- Fixed so the tinymce.dom.Sizzle is the latest version of sizzle this resolves the document context bug.
+
+## 4.1.1 - 2014-07-08
+
+### Fixed
+- Fixed bug where pasting plain text on some WebKit versions would result in an empty line.
+- Fixed bug where resizing images inside tables on IE 11 wouldn't work properly.
+- Fixed bug where IE 11 would sometimes throw "Invalid argument" exception when editor contents was set to an empty string.
+- Fixed bug where document.activeElement would throw exceptions on IE 9 when that element was hidden or removed from dom.
+- Fixed bug where WebKit/Blink sometimes produced br elements with the Apple-interchange-newline class.
+- Fixed bug where table cell selection wasn't properly removed when copy/pasting table cells.
+- Fixed bug where pasting nested list items from Word wouldn't produce proper semantic nested lists.
+- Fixed bug where right clicking using the contextmenu plugin on WebKit/Blink on Mac OS X would select the target current word or line.
+- Fixed bug where it wasn't possible to alter table cell properties on IE 8 using the context menu.
+- Fixed bug where the resize helper wouldn't be correctly positioned on older IE versions.
+- Fixed bug where fullpage plugin would produce an error if you didn't specify a doctype encoding.
+- Fixed bug where anchor plugin would get the name/id of the current element even if it wasn't anchor element.
+- Fixed bug where visual aids for tables wouldn't be properly disabled when changing the border size.
+- Fixed bug where some control selection events wasn't properly fired on older IE versions.
+- Fixed bug where table cell selection on older IE versions would prevent resizing of images.
+- Fixed bug with paste_data_images paste option not working properly on modern IE versions.
+- Fixed bug where custom elements with underscores in the name wasn't properly parsed/serialized.
+- Fixed bug where applying inline formats to nested list elements would produce an incorrect formatting result.
+- Fixed so it's possible to hide items from elements path by using preventDefault/stopPropagation.
+- Fixed so inline mode toolbar gets rendered right aligned if the editable element positioned to the documents right edge.
+- Fixed so empty inline elements inside empty block elements doesn't get removed if configured to be kept intact.
+- Fixed so DomQuery parentsUntil/prevUntil/nextUntil supports selectors/elements/filters etc.
+- Fixed so legacyoutput plugin overrides fontselect and fontsizeselect controls and handles font elements properly.
+
+## 4.1.0 - 2014-06-18
+
+### Added
+- Added new file_picker_callback option to replace the old file_browser_callback the latter will still work though.
+- Added new custom colors to textcolor plugin will be displayed if a color picker is provided also shows the latest colors.
+- Added new color_picker_callback option to enable you to add custom color pickers to the editor.
+- Added new advanced tabs to table/cell/row dialogs to enable you to select colors for border/background.
+- Added new colorpicker plugin that lets you select colors from a hsv color picker.
+- Added new tinymce.util.Color class to handle color parsing and converting.
+- Added new colorpicker UI widget element lets you add a hsv color picker to any form/window.
+- Added new textpattern plugin that allows you to use markdown like text patterns to format contents.
+- Added new resize helper element that shows the current width & height while resizing.
+- Added new "once" method to Editor and EventDispatcher enables since callback execution events.
+- Added new jQuery like class under tinymce.dom.DomQuery it's exposed on editor instances (editor.$) and globally under (tinymce.$).
+
+### Fixed
+- Fixed so the default resize method for images are proportional shift/ctrl can be used to make an unproportional size.
+- Fixed bug where the image_dimensions option of the image plugin would cause exceptions when it tried to update the size.
+- Fixed bug where table cell dialog class field wasn't properly updated when editing an a table cell with an existing class.
+- Fixed bug where Safari on Mac would produce webkit-fake-url for pasted images so these are now removed.
+- Fixed bug where the nodeChange event would get fired before the selection was changed when clicking inside the current selection range.
+- Fixed bug where valid_classes option would cause exception when it removed internal prefixed classes like mce-item-.
+- Fixed bug where backspace would cause navigation in IE 8 on an inline element and after a caret formatting was applied.
+- Fixed so placeholder images produced by the media plugin gets selected when inserted/edited.
+- Fixed so it's possible to drag in images when the paste_data_images option is enabled. Might be useful for mail clients.
+- Fixed so images doesn't get a width/height applied if the image_dimensions option is set to false useful for responsive contents.
+- Fixed so it's possible to pass in an optional arguments object for the nodeChanged function to be passed to all nodechange event listeners.
+- Fixed bug where media plugin embed code didn't update correctly.
+
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/README.md b/apps/edr-freight-web/backoffice/public/_um/tinymce/README.md
new file mode 100644
index 000000000..840de7124
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/README.md
@@ -0,0 +1,77 @@
+# TinyMCE
+
+The world's #1 open source rich text editor.
+
+**Using an old version of TinyMCE?** We recommend you to upgrade to TinyMCE 7 to continue receiving security updates, or consider [TinyMCE 5 LTS](https://www.tiny.cloud/long-term-support/) if you need more time to upgrade.
+
+Used and trusted by millions of developers, TinyMCE is the world’s most customizable, scalable, and flexible rich text editor. We’ve helped launch the likes of Atlassian, Medium, Evernote (and lots more that we can’t tell you), by empowering them to create exceptional content and experiences for their users.
+
+With more than 350M+ downloads every year, we’re also one of the most trusted enterprise-grade open source HTML editors on the internet. There’s currently more than 100M+ products worldwide, powered by Tiny. As a high powered WYSIWYG editor, TinyMCE is built to scale, designed to innovate, and thrives on delivering results to difficult edge-cases.
+
+You can access a [full featured demo of TinyMCE](https://www.tiny.cloud/docs/tinymce/7/premium-full-featured/) in the docs on the TinyMCE website.
+
+<p align="center">
+  <img alt="Screenshot of the TinyMCE Editor" src="https://www.tiny.cloud/storage/github-readme-images/tinymce-editor-6x.png"\>
+</p>
+
+## Get started with TinyMCE
+
+Getting started with the TinyMCE rich text editor is easy, and for simple configurations can be done in less than 5 minutes.
+
+[TinyMCE Cloud Deployment Quick Start Guide](https://www.tiny.cloud/docs/tinymce/7/cloud-quick-start/)
+
+[TinyMCE Self-hosted Deployment Guide](https://www.tiny.cloud/docs/tinymce/7/npm-projects/)
+
+TinyMCE provides a range of configuration options that allow you to integrate it into your application. Start customizing with a [basic setup](https://www.tiny.cloud/docs/tinymce/7/basic-setup/).
+
+Configure it for one of three modes of editing:
+
+- [TinyMCE classic editing mode](https://www.tiny.cloud/docs/tinymce/7/use-tinymce-classic/).
+- [TinyMCE inline editing mode](https://www.tiny.cloud/docs/tinymce/7/use-tinymce-inline/).
+- [TinyMCE distraction-free editing mode](https://www.tiny.cloud/docs/tinymce/7/use-tinymce-distraction-free/).
+
+## Features
+
+### Integration
+
+TinyMCE is easily integrated into your projects with the help of components such as:
+
+- [tinymce-react](https://github.com/tinymce/tinymce-react)
+- [tinymce-vue](https://github.com/tinymce/tinymce-vue)
+- [tinymce-angular](https://github.com/tinymce/tinymce-angular)
+
+With over 29 integrations, and 400+ APIs, see the TinyMCE docs for a full list of editor [integrations](https://www.tiny.cloud/docs/tinymce/7/integrations/).
+
+### Customization
+
+It is easy to [configure the UI](https://www.tiny.cloud/docs/tinymce/7/customize-ui/) of your rich text editor to match the design of your site, product or application. Due to its flexibility, you can [configure the editor](https://www.tiny.cloud/docs/tinymce/7/basic-setup/) with as much or as little functionality as you like, depending on your requirements.
+
+With [50+ powerful plugins available](https://www.tiny.cloud/tinymce/features/), and content editable as the basis of TinyMCE, adding additional functionality is as simple as including a single line of code.
+
+Realizing the full power of most plugins requires only a few lines more.
+
+### Extensibility
+
+Sometimes your editor requirements can be quite unique, and you need the freedom and flexibility to innovate. Thanks to TinyMCE being open source, you can view the source code and develop your own extensions for custom functionality to meet your own requirements.
+
+The TinyMCE [API](https://www.tiny.cloud/docs/tinymce/7/apis/tinymce.root/) is exposed to make it easier for you to write custom functionality that fits within the existing framework of TinyMCE [UI components](https://www.tiny.cloud/docs/tinymce/7/custom-ui-components/).
+
+### Extended Features and Support
+
+For the professional software teams that require more in-depth efficiency, compliance or collaborative features built to enterprise-grade standards, please [get in touch with our team](https://www.tiny.cloud/contact/).
+
+Tiny also offers dedicated SLAs and support for professional development teams.
+
+## Compiling and contributing
+
+In 2019 the decision was made to transition our codebase to a monorepo. For information on compiling and contributing, see: [contribution guidelines](https://github.com/tinymce/tinymce/blob/master/CONTRIBUTING.md).
+
+As an open source product, we encourage and support the active development of our software.
+
+## Want more information?
+
+Visit the [TinyMCE website](https://tiny.cloud/) and check out the [TinyMCE documentation](https://www.tiny.cloud/docs/).
+
+## License
+
+Licensed under the terms of GNU General Public License Version 2 or later. For full details about the license, please check the LICENSE.md file.
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/bower.json b/apps/edr-freight-web/backoffice/public/_um/tinymce/bower.json
new file mode 100644
index 000000000..afdc8fe91
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/bower.json
@@ -0,0 +1,27 @@
+{
+	"name": "tinymce",
+	"description": "Web based JavaScript HTML WYSIWYG editor control.",
+	"license": "GPL-2.0-or-later",
+	"keywords": [
+		"wysiwyg",
+		"tinymce",
+		"richtext",
+		"javascript",
+		"html",
+		"text",
+		"rich editor",
+		"rich text editor",
+		"rte",
+		"rich text",
+		"contenteditable",
+		"editing"
+	],
+	"homepage": "https://www.tiny.cloud/",
+	"ignore": [
+		"README.md",
+		"composer.json",
+		"package.json",
+		".npmignore",
+		"CHANGELOG.md"
+	]
+}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/composer.json b/apps/edr-freight-web/backoffice/public/_um/tinymce/composer.json
new file mode 100644
index 000000000..0fbc1d219
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/composer.json
@@ -0,0 +1,52 @@
+{
+	"name": "tinymce/tinymce",
+	"version": "7.9.3",
+	"description": "Web based JavaScript HTML WYSIWYG editor control.",
+	"license": [
+		"GPL-2.0-or-later"
+	],
+	"keywords": [
+		"wysiwyg",
+		"tinymce",
+		"richtext",
+		"javascript",
+		"html",
+		"text",
+		"rich editor",
+		"rich text editor",
+		"rte",
+		"rich text",
+		"contenteditable",
+		"editing"
+	],
+	"homepage": "https://www.tiny.cloud/",
+	"type": "component",
+	"extra": {
+		"component": {
+			"scripts": [
+				"tinymce.js",
+				"plugins/*/plugin.js",
+				"themes/*/theme.js",
+				"models/*/model.js",
+				"icons/*/icons.js"
+			],
+			"files": [
+				"tinymce.min.js",
+				"plugins/*/plugin.min.js",
+				"themes/*/theme.min.js",
+				"models/*/model.min.js",
+				"skins/**",
+				"icons/*/icons.min.js"
+			]
+		}
+	},
+	"archive": {
+		"exclude": [
+			"README.md",
+			"bower.js",
+			"package.json",
+			".npmignore",
+			"CHANGELOG.md"
+		]
+	}
+}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/icons.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/icons.js
new file mode 100644
index 000000000..1bfa16e9a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/icons.js
@@ -0,0 +1,231 @@
+tinymce.IconManager.add('default', {
+  icons: {
+    'accessibility-check': '<svg width="24" height="24"><path d="M12 2a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.1.9-2 2-2Zm8 7h-5v12c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-5c0-.6-.4-1-1-1a1 1 0 0 0-1 1v5c0 .6-.4 1-1 1a1 1 0 0 1-1-1V9H4a1 1 0 1 1 0-2h16c.6 0 1 .4 1 1s-.4 1-1 1Z" fill-rule="nonzero"/></svg>',
+    'accordion-toggle': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 15c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6a1 1 0 0 1-1-1Z"/><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M4 15c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 19c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6a1 1 0 0 1-1-1Z"/><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M4 19c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3 7.3a1 1 0 0 1 1.4 0L16 9.6l2.3-2.3a1 1 0 1 1 1.4 1.4L16 12.4l-3.7-3.7a1 1 0 0 1 0-1.4ZM4.3 11.7a1 1 0 0 1 0-1.4L6.6 8 4.3 5.7a1 1 0 0 1 1.4-1.4L9.4 8l-3.7 3.7a1 1 0 0 1-1.4 0Z"/></svg>',
+    'accordion': '<svg width="24" height="24"><rect x="12" y="7" width="10" height="2" rx="1"/><rect x="12" y="11" width="10" height="2" rx="1"/><rect x="12" y="15" width="6" height="2" rx="1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.3 7.3a1 1 0 0 1 1.4 0L6 9.6l2.3-2.3a1 1 0 0 1 1.4 1.4L6 12.4 2.3 8.7a1 1 0 0 1 0-1.4Z"/></svg>',
+    'action-next': '<svg width="24" height="24"><path fill-rule="nonzero" d="M5.7 7.3a1 1 0 0 0-1.4 1.4l7.7 7.7 7.7-7.7a1 1 0 1 0-1.4-1.4L12 13.6 5.7 7.3Z"/></svg>',
+    'action-prev': '<svg width="24" height="24"><path fill-rule="nonzero" d="M18.3 15.7a1 1 0 0 0 1.4-1.4L12 6.6l-7.7 7.7a1 1 0 0 0 1.4 1.4L12 9.4l6.3 6.3Z"/></svg>',
+    'addtag': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 5a2 2 0 0 1 1.6.8L21 12l-4.4 6.2a2 2 0 0 1-1.6.8h-3v-2h3l3.5-5L15 7H5v3H3V7c0-1.1.9-2 2-2h10Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 12a1 1 0 0 0-1 1v2H3a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2H7v-2c0-.6-.4-1-1-1Z"/></svg>',
+    'ai-prompt': '<svg width="24" height="24"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 6.7a1 1 0 0 0-1.4 0l-9.9 10a1 1 0 0 0 0 1.3l2.1 2.1c.4.4 1 .4 1.4 0l10-9.9c.3-.3.3-1 0-1.4l-2.2-2Zm1.4 2.8-2-2-3 2.7 2.2 2.2 2.8-2.9Z"/><path d="m18.5 7.3-.7-1.5-1.5-.8 1.5-.7.7-1.5.7 1.5 1.5.7-1.5.8-.7 1.5ZM18.5 16.5l-.7-1.6-1.5-.7 1.5-.7.7-1.6.7 1.6 1.5.7-1.5.7-.7 1.6ZM9.7 7.3 9 5.8 7.5 5 9 4.3l.7-1.5.7 1.5L12 5l-1.5.8-.7 1.5Z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',
+    'ai': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H5Zm6.8 11.5.5 1.2a68.3 68.3 0 0 0 .7 1.1l.4.1c.3 0 .5 0 .7-.3.2-.1.3-.3.3-.6l-.3-1-2.6-6.2a20.4 20.4 0 0 0-.5-1.3l-.5-.4-.7-.2c-.2 0-.5 0-.6.2-.2 0-.4.2-.5.4l-.3.6-.3.7L5.7 15l-.2.6-.1.4c0 .3 0 .5.3.7l.6.2c.3 0 .5 0 .7-.2l.4-1 .5-1.2h3.9ZM9.8 9l1.5 4h-3l1.5-4Zm5.6-.9v7.6c0 .4 0 .7.2 1l.7.2c.3 0 .6 0 .8-.3l.2-.9V8.1c0-.4 0-.7-.2-.9a1 1 0 0 0-.8-.3c-.2 0-.5.1-.7.3l-.2 1Z"/></svg>',
+    'align-center': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm3 4h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm-3-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'align-justify': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'align-left': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'align-none': '<svg width="24" height="24"><path d="M14.2 5 13 7H5a1 1 0 1 1 0-2h9.2Zm4 0h.8a1 1 0 0 1 0 2h-2l1.2-2Zm-6.4 4-1.2 2H5a1 1 0 0 1 0-2h6.8Zm4 0H19a1 1 0 0 1 0 2h-4.4l1.2-2Zm-6.4 4-1.2 2H5a1 1 0 0 1 0-2h4.4Zm4 0H19a1 1 0 0 1 0 2h-6.8l1.2-2ZM7 17l-1.2 2H5a1 1 0 0 1 0-2h2Zm4 0h8a1 1 0 0 1 0 2H9.8l1.2-2Zm5.2-13.5 1.3.7-9.7 16.3-1.3-.7 9.7-16.3Z" fill-rule="evenodd"/></svg>',
+    'align-right': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm6 4h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-6-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'arrow-left': '<svg width="24" height="24"><path d="m5.6 13 12 6a1 1 0 0 0 1.4-1V6a1 1 0 0 0-1.4-.9l-12 6a1 1 0 0 0 0 1.8Z" fill-rule="evenodd"/></svg>',
+    'arrow-right': '<svg width="24" height="24"><path d="m18.5 13-12 6A1 1 0 0 1 5 18V6a1 1 0 0 1 1.4-.9l12 6a1 1 0 0 1 0 1.8Z" fill-rule="evenodd"/></svg>',
+    'bold': '<svg width="24" height="24"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 0 1-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8Zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4Zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4Z" fill-rule="evenodd"/></svg>',
+    'bookmark': '<svg width="24" height="24"><path d="M6 4v17l6-4 6 4V4c0-.6-.4-1-1-1H7a1 1 0 0 0-1 1Z" fill-rule="nonzero"/></svg>',
+    'border-style': '<svg width="24" height="24"><g fill-rule="evenodd"><rect width="18" height="2" x="3" y="6" rx="1"/><rect width="2.8" height="2" x="3" y="16" rx="1"/><rect width="2.8" height="2" x="6.8" y="16" rx="1"/><rect width="2.8" height="2" x="10.6" y="16" rx="1"/><rect width="2.8" height="2" x="14.4" y="16" rx="1"/><rect width="2.8" height="2" x="18.2" y="16" rx="1"/><rect width="8" height="2" x="3" y="11" rx="1"/><rect width="8" height="2" x="13" y="11" rx="1"/></g></svg>',
+    'border-width': '<svg width="24" height="24"><g fill-rule="evenodd"><rect width="18" height="5" x="3" y="5" rx="1"/><rect width="18" height="3.5" x="3" y="11.5" rx="1"/><rect width="18" height="2" x="3" y="17" rx="1"/></g></svg>',
+    'brightness': '<svg width="24" height="24"><path d="M12.7 18.3a1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v1a1 1 0 0 0 .3.7 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7v-1a1 1 0 0 0-.3-.7ZM11.3 5.7a1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3A1 1 0 0 0 13 5V4a1 1 0 0 0-.3-.7A1 1 0 0 0 12 3a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v1a1 1 0 0 0 .3.7Zm9.4 5.6a1 1 0 0 0-.7-.3h-1a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.7 1 1 0 0 0 .7.3h1a1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7Zm-15 1.4A1 1 0 0 0 6 12a1 1 0 0 0-.3-.7A1 1 0 0 0 5 11H4a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.7 1 1 0 0 0 .7.3h1a1 1 0 0 0 .7-.3Zm13 4.6-.7-.8a1 1 0 0 0-.8-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.8l.7.7a1 1 0 0 0 .7.3 1 1 0 0 0 .8-.3 1 1 0 0 0 .3-.8 1 1 0 0 0-.3-.7ZM5.3 6.7l.7.8a1 1 0 0 0 .8.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.8l-.7-.7A1 1 0 0 0 6 5a1 1 0 0 0-.8.3 1 1 0 0 0-.3.8 1 1 0 0 0 .3.6Zm12 1a1 1 0 0 0 .7-.2l.7-.7A1 1 0 0 0 19 6a1 1 0 0 0-.3-.8 1 1 0 0 0-.8-.3 1 1 0 0 0-.7.3l-.7.7a1 1 0 0 0-.3.8 1 1 0 0 0 .3.7 1 1 0 0 0 .7.2ZM6.7 16.4a1 1 0 0 0-.8.2l-.7.7a1 1 0 0 0-.3.7 1 1 0 0 0 .3.8 1 1 0 0 0 .8.3 1 1 0 0 0 .7-.3l.7-.7a1 1 0 0 0 .3-.8 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3Z"/><path fill-rule="evenodd" d="M13.6 8.3A4 4 0 0 0 12 8a4 4 0 0 0-1.6.3A4 4 0 0 0 9 9.5a4 4 0 0 0-.6 1A4 4 0 0 0 8 12c0 .6.1 1 .3 1.6a4 4 0 0 0 2.1 2 4 4 0 0 0 1.6.4 4 4 0 0 0 1.6-.3 4 4 0 0 0 2-2.1A4 4 0 0 0 16 12a4 4 0 0 0-.3-1.6 4 4 0 0 0-2.1-2ZM14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/></svg>',
+    'browse': '<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4v-2h4V8H5v10h4v2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9.4-2.3 2.3a1 1 0 1 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L13 13.4V20a1 1 0 0 1-2 0v-6.6Z" fill-rule="nonzero"/></svg>',
+    'cancel': '<svg width="24" height="24"><path d="M12 4.6a7.4 7.4 0 1 1 0 14.8 7.4 7.4 0 0 1 0-14.8ZM12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 8L14.8 8l1 1.1-2.7 2.8 2.7 2.7-1.1 1.1-2.7-2.7-2.7 2.7-1-1.1 2.6-2.7-2.7-2.7 1-1.1 2.8 2.7Z" fill-rule="nonzero"/></svg>',
+    'cell-background-color': '<svg width="24" height="24"><path d="m15.7 2 1.6 1.6-2.7 2.6 5.9 5.8c.7.7.7 1.7 0 2.4l-6.3 6.1a1.7 1.7 0 0 1-2.4 0l-6.3-6.1c-.7-.7-.7-1.7 0-2.4L15.7 2ZM18 12l-4.5-4L9 12h9ZM4 16s2 2.4 2 3.8C6 21 5.1 22 4 22s-2-1-2-2.2C2 18.4 4 16 4 16Z"/></svg>',
+    'cell-border-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M5 13v5h2v2H5a2 2 0 0 1-2-2v-5h2zm8-7V4h6a2 2 0 0 1 2 2h-8z" opacity=".2"/><path fill-rule="nonzero" d="M13 4v2H5v7H3V6c0-1.1.9-2 2-2h8zm-2.6 14.1.1-.1.1.1.2.3.2.2.2.2c.4.6.8 1.2.8 1.7 0 .8-.7 1.5-1.5 1.5S9 21.3 9 20.5c0-.5.4-1.1.8-1.7l.2-.2.2-.2.2-.3z"/><path d="m13 11-2 2H5v-2h6V6h2z"/><path fill-rule="nonzero" d="m18.4 8 1 1-1.8 1.9 4 4c.5.4.5 1.1 0 1.6l-4.3 4.2a1.2 1.2 0 0 1-1.6 0l-4.4-4.2c-.4-.5-.4-1.2 0-1.7l7-6.8Zm1.6 7-3-3-3 3h6Z"/></g></svg>',
+    'change-case': '<svg width="24" height="24"><path d="M18.4 18.2v-.6c-.5.8-1.3 1.2-2.4 1.2-2.2 0-3.3-1.6-3.3-4.8 0-3.1 1-4.7 3.3-4.7 1.1 0 1.8.3 2.4 1.1v-.6c0-.5.4-.8.8-.8s.8.3.8.8v8.4c0 .5-.4.8-.8.8a.8.8 0 0 1-.8-.8zm-2-7.4c-1.3 0-1.8.9-1.8 3.2 0 2.4.5 3.3 1.7 3.3 1.3 0 1.8-.9 1.8-3.2 0-2.4-.5-3.3-1.7-3.3zM10 15.7H5.5l-.8 2.6a1 1 0 0 1-1 .7h-.2a.7.7 0 0 1-.7-1l4-12a1 1 0 0 1 2 0l4 12a.7.7 0 0 1-.8 1h-.2a1 1 0 0 1-1-.7l-.8-2.6zm-.3-1.5-2-6.5-1.9 6.5h3.9z" fill-rule="evenodd"/></svg>',
+    'character-count': '<svg width="24" height="24"><path d="M4 11.5h16v1H4v-1Zm4.8-6.8V10H7.7V5.8h-1v-1h2ZM11 8.3V9h2v1h-3V7.7l2-1v-.9h-2v-1h3v2.4l-2 1Zm6.3-3.4V10h-3.1V9h2.1V8h-2.1V6.8h2.1v-1h-2.1v-1h3.1ZM5.8 16.4c0-.5.2-.8.5-1 .2-.2.6-.3 1.2-.3l.8.1c.2 0 .4.2.5.3l.4.4v2.8l.2.3H8.2V18.7l-.6.3H7c-.4 0-.7 0-1-.2a1 1 0 0 1-.3-.9c0-.3 0-.6.3-.8.3-.2.7-.4 1.2-.4l.6-.2h.3v-.2l-.1-.2a.8.8 0 0 0-.5-.1 1 1 0 0 0-.4 0l-.3.4h-1Zm2.3.8h-.2l-.2.1-.4.1a1 1 0 0 0-.4.2l-.2.2.1.3.5.1h.4l.4-.4v-.6Zm2-3.4h1.2v1.7l.5-.3h.5c.5 0 .9.1 1.2.5.3.4.5.8.5 1.4 0 .6-.2 1.1-.5 1.5-.3.4-.7.6-1.3.6l-.6-.1-.4-.4v.4h-1.1v-5.4Zm1.1 3.3c0 .3 0 .6.2.8a.7.7 0 0 0 1.2 0l.2-.8c0-.4 0-.6-.2-.8a.7.7 0 0 0-.6-.3l-.6.3-.2.8Zm6.1-.5c0-.2 0-.3-.2-.4a.8.8 0 0 0-.5-.2c-.3 0-.5.1-.6.3l-.2.9c0 .3 0 .6.2.8.1.2.3.3.6.3.2 0 .4 0 .5-.2l.2-.4h1.1c0 .5-.3.8-.6 1.1a2 2 0 0 1-1.3.4c-.5 0-1-.2-1.3-.6a2 2 0 0 1-.5-1.4c0-.6.1-1.1.5-1.5.3-.4.8-.5 1.4-.5.5 0 1 0 1.2.3.4.3.5.7.5 1.2h-1v-.1Z" fill-rule="evenodd"/></svg>',
+    'checklist-rtl': '<svg width="24" height="24"><path d="M5 17h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2zm14.2 11c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 8c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8z" fill-rule="evenodd"/></svg>',
+    'checklist': '<svg width="24" height="24"><path d="M11 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2ZM7.2 16c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 8c-.2.3-.7.4-1 0L3.8 6.9a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Z" fill-rule="evenodd"/></svg>',
+    'checkmark': '<svg width="24" height="24"><path d="M18.2 5.4a1 1 0 0 1 1.6 1.2l-8 12a1 1 0 0 1-1.5.1l-5-5a1 1 0 1 1 1.4-1.4l4.1 4.1 7.4-11Z" fill-rule="nonzero"/></svg>',
+    'chevron-down': '<svg width="10" height="10"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"/></svg>',
+    'chevron-left': '<svg width="10" height="10"><path d="M7.8 1.3 4 5l3.8 3.7c.3.3.3.8 0 1-.4.4-.9.4-1.2 0L2.2 5.7a.8.8 0 0 1 0-1.2L6.6.2C7 0 7.4 0 7.8.2c.3.3.3.8 0 1.1Z" fill-rule="nonzero"/></svg>',
+    'chevron-right': '<svg width="10" height="10"><path d="M2.2 1.3a.8.8 0 0 1 0-1c.4-.4.9-.4 1.2 0l4.4 4.1c.3.4.3.9 0 1.2L3.4 9.8c-.3.3-.8.3-1.2 0a.8.8 0 0 1 0-1.1L6 5 2.2 1.3Z" fill-rule="nonzero"/></svg>',
+    'chevron-up': '<svg width="10" height="10"><path d="M8.7 7.8 5 4 1.3 7.8c-.3.3-.8.3-1 0a.8.8 0 0 1 0-1.2l4.1-4.4c.3-.3.9-.3 1.2 0l4.2 4.4c.3.3.3.9 0 1.2-.3.3-.8.3-1.1 0Z" fill-rule="nonzero"/></svg>',
+    'close': '<svg width="24" height="24"><path d="M17.3 8.2 13.4 12l3.9 3.8a1 1 0 0 1-1.5 1.5L12 13.4l-3.8 3.9a1 1 0 0 1-1.5-1.5l3.9-3.8-3.9-3.8a1 1 0 0 1 1.5-1.5l3.8 3.9 3.8-3.9a1 1 0 0 1 1.5 1.5Z" fill-rule="evenodd"/></svg>',
+    'code-sample': '<svg width="24" height="26"><path d="M7.1 11a2.8 2.8 0 0 1-.8 2 2.8 2.8 0 0 1 .8 2v1.7c0 .3.1.6.4.8.2.3.5.4.8.4.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.7 0-1.4-.3-2-.8-.5-.6-.8-1.3-.8-2V15c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 0 1-.4-.4v-.8c0-.2.2-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V9.3c0-.7.3-1.4.8-2 .6-.5 1.3-.8 2-.8.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8V11Zm9.8 0V9.3c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 0 1-.4-.4V7c0-.2.1-.4.4-.4.7 0 1.4.3 2 .8.5.6.8 1.3.8 2V11c0 .3.1.6.4.8.2.3.5.4.8.4.2 0 .4.2.4.4v.8c0 .2-.2.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8v1.7c0 .7-.3 1.4-.8 2-.6.5-1.3.8-2 .8a.4.4 0 0 1-.4-.4v-.8c0-.2.1-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V15a2.8 2.8 0 0 1 .8-2 2.8 2.8 0 0 1-.8-2Zm-3.3-.4c0 .4-.1.8-.5 1.1-.3.3-.7.5-1.1.5-.4 0-.8-.2-1.1-.5-.4-.3-.5-.7-.5-1.1 0-.5.1-.9.5-1.2.3-.3.7-.4 1.1-.4.4 0 .8.1 1.1.4.4.3.5.7.5 1.2ZM12 13c.4 0 .8.1 1.1.5.4.3.5.7.5 1.1 0 1-.1 1.6-.5 2a3 3 0 0 1-1.1 1c-.4.3-.8.4-1.1.4a.5.5 0 0 1-.5-.5V17a3 3 0 0 0 1-.2l.6-.6c-.6 0-1-.2-1.3-.5-.2-.3-.3-.7-.3-1 0-.5.1-1 .5-1.2.3-.4.7-.5 1.1-.5Z" fill-rule="evenodd"/></svg>',
+    'color-levels': '<svg width="24" height="24"><path d="M17.5 11.4A9 9 0 0 1 18 14c0 .5 0 1-.2 1.4 0 .4-.3.9-.5 1.3a6.2 6.2 0 0 1-3.7 3 5.7 5.7 0 0 1-3.2 0A5.9 5.9 0 0 1 7.6 18a6.2 6.2 0 0 1-1.4-2.6 6.7 6.7 0 0 1 0-2.8c0-.4.1-.9.3-1.3a13.6 13.6 0 0 1 2.3-4A20 20 0 0 1 12 4a26.4 26.4 0 0 1 3.2 3.4 18.2 18.2 0 0 1 2.3 4Zm-2 4.5c.4-.7.5-1.4.5-2a7.3 7.3 0 0 0-1-3.2c.2.6.2 1.2.2 1.9a4.5 4.5 0 0 1-1.3 3 5.3 5.3 0 0 1-2.3 1.5 4.9 4.9 0 0 1-2 .1 4.3 4.3 0 0 0 2.4.8 4 4 0 0 0 2-.6 4 4 0 0 0 1.5-1.5Z" fill-rule="evenodd"/></svg>',
+    'color-picker': '<svg width="24" height="24"><path d="M12 3a9 9 0 0 0 0 18 1.5 1.5 0 0 0 1.1-2.5c-.2-.3-.4-.6-.4-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8Zm-5.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3-4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z" fill-rule="nonzero"/></svg>',
+    'color-swatch-remove-color': '<svg width="24" height="24" class="color-swatch-remove-color"><path stroke="#000" stroke-width="2" d="M21 3 3 21" fill-rule="evenodd"/></svg>',
+    'color-swatch': '<svg width="24" height="24"><rect x="3" y="3" width="18" height="18" rx="1" fill-rule="evenodd"/></svg>',
+    'comment-add': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="m9 19 3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h4v2Zm-2 4v-4H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-6.4L7 23Z"/><path d="M13 10h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H9a1 1 0 0 1 0-2h2V8a1 1 0 0 1 2 0v2Z"/></g></svg>',
+    'comment': '<svg width="24" height="24"><path fill-rule="nonzero" d="m9 19 3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h4v2Zm-2 4v-4H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-6.4L7 23Z"/></svg>',
+    'contrast': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 0 1 19.4 9c.4 1 .6 2 .6 3.1s-.2 2.1-.6 3.1a8 8 0 0 1-1.7 2.6 8 8 0 0 1-2.6 1.7 7.8 7.8 0 0 1-3.1.6 7.8 7.8 0 0 1-3.1-.6 8 8 0 0 1-2.6-1.7A8 8 0 0 1 4.6 15 7.8 7.8 0 0 1 4 12c0-1.1.2-2.1.6-3.1a8 8 0 0 1 1.7-2.6A8 8 0 0 1 9 4.6 7.8 7.8 0 0 1 12 4Zm-6 8a6 6 0 0 0 1.8 4.2 6 6 0 0 0 1.9 1.3 5.8 5.8 0 0 0 2.3.5V6c-.8 0-1.6.2-2.3.5a6 6 0 0 0-2 1.3 6 6 0 0 0-1.2 1.9A5.8 5.8 0 0 0 6 12Z"/></svg>',
+    'copy': '<svg width="24" height="24"><path d="M16 3H6a2 2 0 0 0-2 2v11h2V5h10V3Zm1 4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9c0-1.2.9-2 2-2h7Zm0 12V9h-7v10h7Z" fill-rule="nonzero"/></svg>',
+    'crop': '<svg width="24" height="24"><path d="M17 8v7h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v2c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-2H7V9H5a1 1 0 1 1 0-2h2V5c0-.6.4-1 1-1s1 .4 1 1v2h7l3-3 1 1-3 3ZM9 9v5l5-5H9Zm1 6h5v-5l-5 5Z" fill-rule="evenodd"/></svg>',
+    'cut-column': '<svg width="24" height="24"><path fill-rule="evenodd" d="M7.2 4.5c.9 0 1.6.4 2.2 1A3.7 3.7 0 0 1 10.5 8v.5l1 1 4-4 1-.5a3.3 3.3 0 0 1 2 0c.4 0 .7.3 1 .5L17 8h4v13h-6V10l-1.5 1.5.5.5v4l-2.5-2.5-1 1v.5c0 .4 0 .8-.3 1.2-.2.5-.4.9-.8 1.2-.6.7-1.3 1-2.2 1-.8.2-1.5 0-2-.6l-.5-.8-.2-1c0-.4 0-.8.3-1.2A3.9 3.9 0 0 1 7 12.7c.5-.2 1-.3 1.5-.2l1-1-1-1c-.5 0-1 0-1.5-.2-.5-.1-1-.4-1.4-.9-.4-.3-.6-.7-.8-1.2L4.5 7c0-.4 0-.7.2-1 0-.3.3-.6.5-.8.5-.5 1.2-.8 2-.7Zm12.3 5h-3v10h3v-10ZM8 13.8h-.3l-.4.2a2.8 2.8 0 0 0-.7.4v.1a2.8 2.8 0 0 0-.6.8l-.1.4v.7l.2.5.5.2h.7a2.6 2.6 0 0 0 .8-.3 2.4 2.4 0 0 0 .7-.7 2.5 2.5 0 0 0 .3-.8 1.5 1.5 0 0 0 0-.8 1 1 0 0 0-.2-.4 1 1 0 0 0-.5-.2H8Zm3.5-3.7c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4ZM7 5.8h-.4a1 1 0 0 0-.5.3 1 1 0 0 0-.2.5v.7a2.5 2.5 0 0 0 .3.8l.2.3h.1l.4.4.4.2.4.1h.7L9 9l.2-.4a1.6 1.6 0 0 0 0-.8 2.6 2.6 0 0 0-.3-.8A2.5 2.5 0 0 0 7.7 6l-.4-.1H7Z"/></svg>',
+    'cut-row': '<svg width="24" height="24"><path fill-rule="evenodd" d="M22 3v5H9l3 3 2-2h4l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8.7.6 1 1.3 1 2.2.2.8 0 1.5-.6 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 0 1-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 0 1 8.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 0 1 0-2c0-.4.3-.7.5-1l2 2V3h14ZM8.5 15.3h-.3a2.6 2.6 0 0 0-.8.4 2.5 2.5 0 0 0-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 0 0 .8-.3L9 18V18l.4-.4.2-.4.1-.4v-.7a1 1 0 0 0-.2-.5 1 1 0 0 0-.4-.2h-.5Zm7 0H15a1 1 0 0 0-.4.3 1 1 0 0 0-.2.5 1.5 1.5 0 0 0 0 .7v.4a2.8 2.8 0 0 0 .5.7h.1a2.8 2.8 0 0 0 .8.6l.4.1h.7l.5-.2.2-.5v-.7a2.6 2.6 0 0 0-.3-.8 2.4 2.4 0 0 0-.7-.7 2.5 2.5 0 0 0-.8-.3h-.3ZM12 11.6c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4Zm8.5-7.1h-11v2h11v-2Z"/></svg>',
+    'cut': '<svg width="24" height="24"><path d="M18 15c.6.7 1 1.4 1 2.3 0 .8-.2 1.5-.7 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 0 1-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 0 1 8.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 0 1 0-2c0-.4.3-.7.5-1l6 6 6-6 .5 1a3.3 3.3 0 0 1 0 2c0 .4-.3.7-.5 1l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8Zm-8.5 2.2.1-.4v-.7a1 1 0 0 0-.2-.5 1 1 0 0 0-.4-.2 1.6 1.6 0 0 0-.8 0 2.6 2.6 0 0 0-.8.3 2.5 2.5 0 0 0-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 0 0 .8-.3 2.8 2.8 0 0 0 1-1Zm2.5-2.8c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4Zm5.4 4 .2-.5v-.7a2.6 2.6 0 0 0-.3-.8 2.4 2.4 0 0 0-.7-.7 2.5 2.5 0 0 0-.8-.3 1.5 1.5 0 0 0-.8 0 1 1 0 0 0-.4.2 1 1 0 0 0-.2.5 1.5 1.5 0 0 0 0 .7v.4l.3.4.3.4a2.8 2.8 0 0 0 .8.5l.4.1h.7l.5-.2Z" fill-rule="evenodd"/></svg>',
+    'document-properties': '<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',
+    'drag': '<svg width="24" height="24"><path d="M13 5h2v2h-2V5Zm0 4h2v2h-2V9ZM9 9h2v2H9V9Zm4 4h2v2h-2v-2Zm-4 0h2v2H9v-2Zm0 4h2v2H9v-2Zm4 0h2v2h-2v-2ZM9 5h2v2H9V5Z" fill-rule="evenodd"/></svg>',
+    'duplicate-column': '<svg width="24" height="24"><path d="M17 6v16h-7V6h7Zm-2 2h-3v12h3V8Zm-2-6v2H8v15H6V2h7Z"/></svg>',
+    'duplicate-row': '<svg width="24" height="24"><path d="M22 11v7H6v-7h16Zm-2 2H8v3h12v-3Zm-1-6v2H4v5H2V7h17Z"/></svg>',
+    'duplicate': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M16 3v2H6v11H4V5c0-1.1.9-2 2-2h10Zm3 8h-2V9h-7v10h9a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9c0-1.2.9-2 2-2h7a2 2 0 0 1 2 2v2Z"/><path d="M17 14h1a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1Z"/></g></svg>',
+    'edit-block': '<svg width="24" height="24"><path fill-rule="nonzero" d="m19.8 8.8-9.4 9.4c-.2.2-.5.4-.9.4l-5.4 1.2 1.2-5.4.5-.8 9.4-9.4c.7-.7 1.8-.7 2.5 0l2.1 2.1c.7.7.7 1.8 0 2.5Zm-2-.2 1-.9v-.3l-2.2-2.2a.3.3 0 0 0-.3 0l-1 1L18 8.5Zm-1 1-2.5-2.4-6 6 2.5 2.5 6-6Zm-7 7.1-2.6-2.4-.3.3-.1.2-.7 3 3.1-.6h.1l.4-.5Z"/></svg>',
+    'edit-image': '<svg width="24" height="24"><path d="M18 16h2V7a2 2 0 0 0-2-2H7v2h11v9ZM6 17h15a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1H6a2 2 0 0 1-2-2V7H3a1 1 0 1 1 0-2h1V4a1 1 0 1 1 2 0v13Zm3-5.3 1.3 2 3-4.7 3.7 6H7l2-3.3Z" fill-rule="nonzero"/></svg>',
+    'embed-page': '<svg width="24" height="24"><path d="M19 6V5H5v14h2A13 13 0 0 1 19 6Zm0 1.4c-.8.8-1.6 2.4-2.2 4.6H19V7.4Zm0 5.6h-2.4c-.4 1.8-.6 3.8-.6 6h3v-6Zm-4 6c0-2.2.2-4.2.6-6H13c-.7 1.8-1.1 3.8-1.1 6h3Zm-4 0c0-2.2.4-4.2 1-6H9.6A12 12 0 0 0 8 19h3ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm11.8 9c.4-1.9 1-3.4 1.8-4.5a9.2 9.2 0 0 0-4 4.5h2.2Zm-3.4 0a12 12 0 0 1 2.8-4 12 12 0 0 0-5 4h2.2Z" fill-rule="nonzero"/></svg>',
+    'embed': '<svg width="24" height="24"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm1 2v14h14V5H5Zm4.8 2.6 5.6 4a.5.5 0 0 1 0 .8l-5.6 4A.5.5 0 0 1 9 16V8a.5.5 0 0 1 .8-.4Z" fill-rule="nonzero"/></svg>',
+    'emoji': '<svg width="24" height="24"><path d="M9 11c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm6 0c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm-3 5.5c2.1 0 4-1.5 4.4-3.5H7.6c.5 2 2.3 3.5 4.4 3.5ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13Z" fill-rule="nonzero"/></svg>',
+    'export': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M14.4 3 18 7v1h-5V5H7v14h9a1 1 0 0 1 2 0c0 1-.8 2-1.9 2H7c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2h7.5Z"/><path d="M18.1 12c.5 0 .9.4.9 1 0 .5-.3 1-.8 1h-7.3c-.5 0-.9-.4-.9-1 0-.5.3-1 .8-1h7.3Z"/><path d="M16.4 9.2a1 1 0 0 1 1.4.2l2.4 3.6-2.4 3.6a1 1 0 0 1-1.7-1v-.2l1.7-2.4-1.6-2.4a1 1 0 0 1 .2-1.4Z"/></g></svg>',
+    'fill': '<svg width="24" height="26"><path d="m16.6 12-9-9-1.4 1.4 2.4 2.4-5.2 5.1c-.5.6-.5 1.6 0 2.2L9 19.6a1.5 1.5 0 0 0 2.2 0l5.5-5.5c.5-.6.5-1.6 0-2.2ZM5.2 13 10 8.2l4.8 4.8H5.2ZM19 14.5s-2 2.2-2 3.5c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.3-2-3.5-2-3.5Z" fill-rule="nonzero"/></svg>',
+    'flip-horizontally': '<svg width="24" height="24"><path d="M14 19h2v-2h-2v2Zm4-8h2V9h-2v2ZM4 7v10c0 1.1.9 2 2 2h3v-2H6V7h3V5H6a2 2 0 0 0-2 2Zm14-2v2h2a2 2 0 0 0-2-2Zm-7 16h2V3h-2v18Zm7-6h2v-2h-2v2Zm-4-8h2V5h-2v2Zm4 12a2 2 0 0 0 2-2h-2v2Z" fill-rule="nonzero"/></svg>',
+    'flip-vertically': '<svg width="24" height="24"><path d="M5 14v2h2v-2H5Zm8 4v2h2v-2h-2Zm4-14H7a2 2 0 0 0-2 2v3h2V6h10v3h2V6a2 2 0 0 0-2-2Zm2 14h-2v2a2 2 0 0 0 2-2ZM3 11v2h18v-2H3Zm6 7v2h2v-2H9Zm8-4v2h2v-2h-2ZM5 18c0 1.1.9 2 2 2v-2H5Z" fill-rule="nonzero"/></svg>',
+    'footnote': '<svg width="24" height="24"><path d="M19 13c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2h14Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 4v6h-1V5h-1.5V4h2.6Z"/><path d="M12 18c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2h7ZM14 8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2h9Z"/></svg>',
+    'format-code': '<svg width="24" height="24"><path d="m10 22 2-7H6l9-13h2l-2 8h7L12 22h-2ZM6 2h7l-1.4 2H6V2Zm4.2 4H4v2h4.8l1.4-2Zm-2.7 4H2v2h4l1.5-2Z"/></svg>',
+    'format-painter': '<svg width="24" height="24"><path d="M18 5V4c0-.5-.4-1-1-1H5a1 1 0 0 0-1 1v4c0 .6.5 1 1 1h12c.6 0 1-.4 1-1V7h1v4H9v9c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-7h8V5h-3Z" fill-rule="nonzero"/></svg>',
+    'format': '<svg width="24" height="24"><path fill-rule="evenodd" d="M17 5a1 1 0 0 1 0 2h-4v11a1 1 0 0 1-2 0V7H7a1 1 0 1 1 0-2h10Z"/></svg>',
+    'fullscreen': '<svg width="24" height="24"><path d="m15.3 10-1.2-1.3 2.9-3h-2.3a.9.9 0 1 1 0-1.7H19c.5 0 .9.4.9.9v4.4a.9.9 0 1 1-1.8 0V7l-2.9 3Zm0 4 3 3v-2.3a.9.9 0 1 1 1.7 0V19c0 .5-.4.9-.9.9h-4.4a.9.9 0 1 1 0-1.8H17l-3-2.9 1.3-1.2ZM10 15.4l-2.9 3h2.3a.9.9 0 1 1 0 1.7H5a.9.9 0 0 1-.9-.9v-4.4a.9.9 0 1 1 1.8 0V17l2.9-3 1.2 1.3ZM8.7 10 5.7 7v2.3a.9.9 0 0 1-1.7 0V5c0-.5.4-.9.9-.9h4.4a.9.9 0 0 1 0 1.8H7l3 2.9-1.3 1.2Z" fill-rule="nonzero"/></svg>',
+    'gallery': '<svg width="24" height="24"><path fill-rule="nonzero" d="m5 15.7 2.3-2.2c.3-.3.7-.3 1 0L11 16l5.1-5c.3-.4.8-.4 1 0l2 1.9V8H5v7.7ZM5 18V19h3l1.8-1.9-2-2L5 17.9Zm14-3-2.5-2.4-6.4 6.5H19v-4ZM4 6h16c.6 0 1 .4 1 1v13c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V7c0-.6.4-1 1-1Zm6 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM4.5 4h15a.5.5 0 1 1 0 1h-15a.5.5 0 0 1 0-1Zm2-2h11a.5.5 0 1 1 0 1h-11a.5.5 0 0 1 0-1Z"/></svg>',
+    'gamma': '<svg height="24" width="24"><path d="M11.5 16.3a.7.7 0 1 0 1.4 0V14l2.7-6a.7.7 0 1 0-1.2-.6l-2.2 5-2.3-4.9C9.6 7 8.7 7 8 7.2v1.1c.8-.2.9 0 1.2 1l2.3 4.7z"/><path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2h14v14H5z" fill-rule="evenodd"/></svg>',
+    'help': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M12 5.5a6.5 6.5 0 0 0-6 9 6.3 6.3 0 0 0 1.4 2l1 1a6.3 6.3 0 0 0 3.6 1 6.5 6.5 0 0 0 6-9 6.3 6.3 0 0 0-1.4-2l-1-1a6.3 6.3 0 0 0-3.6-1ZM12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 1 1 12 4Z"/><path d="M9.6 9.7a.7.7 0 0 1-.7-.8c0-1.1 1.5-1.8 3.2-1.8 1.8 0 3.2.8 3.2 2.4 0 1.4-.4 2.1-1.5 2.8-.2 0-.3.1-.3.2a2 2 0 0 0-.8.8.8.8 0 0 1-1.4-.6c.3-.7.8-1 1.3-1.5l.4-.2c.7-.4.8-.6.8-1.5 0-.5-.6-.9-1.7-.9-.5 0-1 .1-1.4.3-.2 0-.3.1-.3.2v-.2c0 .4-.4.8-.8.8Z" fill-rule="nonzero"/><circle cx="12" cy="16" r="1"/></g></svg>',
+    'highlight-bg-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z"/><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"/></g></svg>',
+    'home': '<svg width="24" height="24"><path fill-rule="nonzero" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>',
+    'horizontal-rule': '<svg width="24" height="24"><path d="M4 11h16v2H4z" fill-rule="evenodd"/></svg>',
+    'image-options': '<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',
+    'image': '<svg width="24" height="24"><path d="m5 15.7 3.3-3.2c.3-.3.7-.3 1 0L12 15l4.1-4c.3-.4.8-.4 1 0l2 1.9V5H5v10.7ZM5 18V19h3l2.8-2.9-2-2L5 17.9Zm14-3-2.5-2.4-6.4 6.5H19v-4ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill-rule="nonzero"/></svg>',
+    'indent': '<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 1 1 0-2Zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm-5 4h12a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2Zm-2.6-3.8L6.2 12l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',
+    'info': '<svg width="24" height="24"><path d="M12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 1 1 12 4Zm-1 3v2h2V7h-2Zm3 10v-1h-1v-5h-3v1h1v4h-1v1h4Z" fill-rule="evenodd"/></svg>',
+    'insert-character': '<svg width="24" height="24"><path d="M15 18h4l1-2v4h-6v-3.3l1.4-1a6 6 0 0 0 1.8-2.9 6.3 6.3 0 0 0-.1-4.1 5.8 5.8 0 0 0-3-3.2c-.6-.3-1.3-.5-2.1-.5a5.1 5.1 0 0 0-3.9 1.8 6.3 6.3 0 0 0-1.3 6 6.2 6.2 0 0 0 1.8 3l1.4.9V20H4v-4l1 2h4v-.5l-2-1L5.4 15A6.5 6.5 0 0 1 4 11c0-1 .2-1.9.6-2.7A7 7 0 0 1 6.3 6C7.1 5.4 8 5 9 4.5c1-.3 2-.5 3.1-.5a8.8 8.8 0 0 1 5.7 2 7 7 0 0 1 1.7 2.3 6 6 0 0 1 .2 4.8c-.2.7-.6 1.3-1 1.9a7.6 7.6 0 0 1-3.6 2.5v.5Z" fill-rule="evenodd"/></svg>',
+    'insert-time': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm0 2a9 9 0 1 1 0-18 9 9 0 0 1 0 18Z"/><path d="M16 12h-3V7c0-.6-.4-1-1-1a1 1 0 0 0-1 1v7h5c.6 0 1-.4 1-1s-.4-1-1-1Z"/></g></svg>',
+    'invert': '<svg height="24" width="24"><path d="M5 4 3.6 5.4l3.9 4C6.6 10.7 6 12.3 6 14a6 6 0 0 0 10.3 4.2l1.9 1.8 1.4-1.4z" fill-rule="evenodd"/><path d="M13.4 8.4c.9 1 1.6 2.1 2 3.2l2.6 2.6V14c0-5-6-10-6-10s-1 .8-2.1 2l1.4 1.5.7-.7 1.4 1.6z"/></svg>',
+    'italic': '<svg width="24" height="24"><path d="m16.7 4.7-.1.9h-.3c-.6 0-1 0-1.4.3-.3.3-.4.6-.5 1.1l-2.1 9.8v.6c0 .5.4.8 1.4.8h.2l-.2.8H8l.2-.8h.2c1.1 0 1.8-.5 2-1.5l2-9.8.1-.5c0-.6-.4-.8-1.4-.8h-.3l.2-.9h5.8Z" fill-rule="evenodd"/></svg>',
+    'language': '<svg width="24" height="24"><path d="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm4.3 13.3c-.5 1-1.2 2-2 2.9a7.5 7.5 0 0 0 3.2-2.1l-.2-.2a6 6 0 0 0-1-.6Zm-8.6 0c-.5.2-.9.5-1.2.8.9 1 2 1.7 3.2 2a10 10 0 0 1-2-2.8Zm3.6-.8c-.8 0-1.6.1-2.2.3.5 1 1.2 1.9 2.1 2.7Zm1.5 0v3c.9-.8 1.6-1.7 2.1-2.7-.6-.2-1.4-.3-2.1-.3Zm-6-2.7H4.5c.2 1 .5 2.1 1 3h.3l1.3-1a10 10 0 0 1-.3-2Zm12.7 0h-2.3c0 .7-.1 1.4-.3 2l1.6 1.1c.5-1 .9-2 1-3.1Zm-3.8 0h-3V14c1 0 2 .1 2.7.4.2-.5.3-1 .3-1.6Zm-4.4 0h-3l.3 1.6c.8-.3 1.7-.4 2.7-.4v-1.3Zm-5.5-5c-.7 1-1.1 2.2-1.3 3.5h2.3c0-1 .2-1.8.5-2.6l-1.5-1Zm2.9 1.4v.1c-.2.6-.4 1.3-.4 2h3V9.4c-1 0-1.8-.1-2.6-.3Zm6.6 0h-.1l-2.4.3v1.8h3l-.5-2.1Zm3-1.4-.3.1-1.3.8c.3.8.5 1.6.5 2.6h2.3a7.5 7.5 0 0 0-1.3-3.5Zm-9 0 2 .2V5.5a9 9 0 0 0-2 2.2Zm3.5-2.3V8c.6 0 1.3 0 1.9-.2a9 9 0 0 0-2-2.3Zm-3-.7h-.1c-1.1.4-2.1 1-3 1.8l1.2.7a10 10 0 0 1 1.9-2.5Zm4.4 0 .1.1a10 10 0 0 1 1.8 2.4l1.1-.7a7.5 7.5 0 0 0-3-1.8Z"/></svg>',
+    'line-height': '<svg width="24" height="24"><path d="M21 5a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zM7 3.6l3.7 3.7a1 1 0 0 1-1.3 1.5h-.1L8 7.3v9.2l1.3-1.3a1 1 0 0 1 1.3 0h.1c.4.4.4 1 0 1.3v.1L7 20.4l-3.7-3.7a1 1 0 0 1 1.3-1.5h.1L6 16.7V7.4L4.7 8.7a1 1 0 0 1-1.3 0h-.1a1 1 0 0 1 0-1.3v-.1L7 3.6z"/></svg>',
+    'line': '<svg width="24" height="24"><path d="m15 9-8 8H4v-3l8-8 3 3Zm1-1-3-3 1-1h1c-.2 0 0 0 0 0l2 2s0 .2 0 0v1l-1 1ZM4 18h16v2H4v-2Z" fill-rule="evenodd"/></svg>',
+    'link': '<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2-2a2 2 0 1 0-2.6-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2Z" fill-rule="nonzero"/></svg>',
+    'list-bull-circle': '<svg height="48" width="48"><path d="M8 14a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 24a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 34a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" fill-rule="evenodd"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',
+    'list-bull-default': '<svg height="48" width="48"><path d="M14 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M12 24a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" fill-rule="evenodd"/><path d="M16 31h6v6h-6z"/><path d="M16 31h6v6h-6z"/><path d="M18 12h22v4H18zm4 10h18v4H22zm4 10h14v4H26z" opacity=".2"/></svg>',
+    'list-bull-disc': '<svg height="48" width="48"><path d="M14 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',
+    'list-bull-square': '<svg height="48" width="48"><path d="M8 21h6v6H8zm0 10h6v6H8zm0-20h6v6H8z"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',
+    'list-num-default-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 17v-4.8h-.1l-1.5 1v-1.1l1.6-1.1h1.2v6zM33.3 17.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm1.7 5.7c0-1.2 1-2 2.2-2 1.3 0 2.1.8 2.1 1.8 0 .7-.3 1.2-1.3 2.2l-1.2 1v.2h2.6v1h-4.3v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H35zm-1.7 4.3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm3.2 7.3v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H35c0-1.1 1-1.8 2.2-1.8 1.2 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.7.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .6 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7zm-3.3 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7z"/></g></svg>',
+    'list-num-default': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10 17v-4.8l-1.5 1v-1.1l1.6-1h1.2V17h-1.2Zm3.6.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm-5 5.7c0-1.2.8-2 2.1-2s2.1.8 2.1 1.8c0 .7-.3 1.2-1.4 2.2l-1.1 1v.2h2.6v1H8.6v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H8.5Zm6.3 4.3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM10 34.4v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H8.6c0-1.1 1-1.8 2.2-1.8 1.3 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.8.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .7 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7Zm4.7 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7Z"/></g></svg>',
+    'list-num-lower-alpha-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M36.5 16c-.9 0-1.5-.5-1.5-1.3s.6-1.3 1.8-1.4h1v-.4c0-.4-.2-.6-.7-.6-.4 0-.7.1-.8.4h-1.1c0-.8.8-1.4 2-1.4S39 12 39 13V16h-1.2v-.6c-.3.4-.8.7-1.4.7Zm.4-.8c.6 0 1-.4 1-.9V14h-1c-.5.1-.7.3-.7.6 0 .4.3.6.7.6ZM33.1 16.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7ZM37.7 26c-.7 0-1.2-.2-1.5-.7v.7H35v-6.3h1.2v2.5c.3-.5.8-.9 1.5-.9 1.1 0 1.8 1 1.8 2.4 0 1.5-.7 2.4-1.8 2.4Zm-.5-3.6c-.6 0-1 .5-1 1.3s.4 1.4 1 1.4c.7 0 1-.6 1-1.4 0-.8-.3-1.3-1-1.3ZM33.2 26.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zm6 7h-1c-.1-.5-.4-.8-1-.8s-1 .5-1 1.4c0 1 .4 1.4 1 1.4.5 0 .9-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7zm-6.1 3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',
+    'list-num-lower-alpha': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.3 15.2c.5 0 1-.4 1-.9V14h-1c-.5.1-.8.3-.8.6 0 .4.3.6.8.6Zm-.4.9c-1 0-1.5-.6-1.5-1.4 0-.8.6-1.3 1.7-1.4h1.1v-.4c0-.4-.2-.6-.7-.6-.5 0-.8.1-.9.4h-1c0-.8.8-1.4 2-1.4 1.1 0 1.8.6 1.8 1.6V16h-1.1v-.6h-.1c-.2.4-.7.7-1.3.7Zm4.6 0c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-3.2 10c-.6 0-1.2-.3-1.4-.8v.7H8.5v-6.3H10v2.5c.3-.5.8-.9 1.4-.9 1.2 0 1.9 1 1.9 2.4 0 1.5-.7 2.4-1.9 2.4Zm-.4-3.7c-.7 0-1 .5-1 1.3s.3 1.4 1 1.4c.6 0 1-.6 1-1.4 0-.8-.4-1.3-1-1.3Zm4 3.7c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-2.2 7h-1.2c0-.5-.4-.8-.9-.8-.6 0-1 .5-1 1.4 0 1 .4 1.4 1 1.4.5 0 .8-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7Zm1.8 3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-lower-greek-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 16c-1.2 0-2-.8-2-2.3 0-1.5.8-2.4 2-2.4.6 0 1 .4 1.3 1v-.9H40v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1-.7h-.2c-.2.4-.7.8-1.3.8Zm.3-1c.6 0 1-.5 1-1.3s-.4-1.3-1-1.3-1 .5-1 1.3.4 1.4 1 1.4ZM33.3 16.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM36 21.9c0-1.5.8-2.3 2.1-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.9 1.3.9.3 1.3.8 1.3 1.7 0 1.2-.7 1.9-1.8 1.9-.6 0-1.1-.3-1.4-.8v2.2H36V22Zm1.8 1.2v-1h.3c.5 0 .9-.2.9-.7 0-.5-.3-.8-.9-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1 1.3s1-.4 1-1-.4-1-1.2-1h-.3ZM33.3 26.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM37.1 34.6 34.8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.2.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2Zm.7 1a2 2 0 0 0-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1ZM33.3 36.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-lower-greek': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.5 15c.7 0 1-.5 1-1.3s-.3-1.3-1-1.3c-.5 0-.9.5-.9 1.3s.4 1.4 1 1.4Zm-.3 1c-1.1 0-1.8-.8-1.8-2.3 0-1.5.7-2.4 1.8-2.4.7 0 1.1.4 1.3 1h.1v-.9h1.2v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1.1-.7h-.1c-.2.4-.7.8-1.4.8Zm5 .1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7Zm-4.9 7v-1h.3c.6 0 1-.2 1-.7 0-.5-.4-.8-1-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1.1 1.3.6 0 1-.4 1-1s-.5-1-1.3-1h-.3ZM8.6 22c0-1.5.7-2.3 2-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.8 1.3.8.3 1.3.8 1.3 1.7 0 1.2-.8 1.9-1.9 1.9-.6 0-1.1-.3-1.3-.8v2.2H8.5V22Zm6.2 4.2c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm-4.5 8.5L8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.1.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2Zm.7 1a2 2 0 0 0-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1Zm4.5.5c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-lower-roman-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M32.9 16v-1.2h-1.3V16H33Zm0 10v-1.2h-1.3V26H33Zm0 10v-1.2h-1.3V36H33Z"/><path fill-rule="nonzero" d="M36 21h-1.5v5H36zM36 31h-1.5v5H36zM39 21h-1.5v5H39zM39 31h-1.5v5H39zM42 31h-1.5v5H42zM36 11h-1.5v5H36zM36 19h-1.5v1H36zM36 29h-1.5v1H36zM39 19h-1.5v1H39zM39 29h-1.5v1H39zM42 29h-1.5v1H42zM36 9h-1.5v1H36z"/></g></svg>',
+    'list-num-lower-roman': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 16v-1.2h1.3V16H15Zm0 10v-1.2h1.3V26H15Zm0 10v-1.2h1.3V36H15Z"/><path fill-rule="nonzero" d="M12 21h1.5v5H12zM12 31h1.5v5H12zM9 21h1.5v5H9zM9 31h1.5v5H9zM6 31h1.5v5H6zM12 11h1.5v5H12zM12 19h1.5v1H12zM12 29h1.5v1H12zM9 19h1.5v1H9zM9 29h1.5v1H9zM6 29h1.5v1H6zM12 9h1.5v1H12z"/></g></svg>',
+    'list-num-upper-alpha-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="m39.3 17-.5-1.4h-2l-.5 1.4H35l2-6h1.6l2 6h-1.3Zm-1.6-4.7-.7 2.3h1.6l-.8-2.3ZM33.4 17c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm4.7 9.9h-2.7v-6H38c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7Zm-1.4-5v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1Zm0 4h1.1c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9h-1.1V26ZM33 27.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm4.9 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2Zm-4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-upper-alpha': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="m12.6 17-.5-1.4h-2L9.5 17H8.3l2-6H12l2 6h-1.3ZM11 12.3l-.7 2.3h1.6l-.8-2.3Zm4.7 4.8c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7ZM11.4 27H8.7v-6h2.6c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7ZM10 22v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1Zm0 4H11c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9H10V26Zm5.4 1.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-4.1 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2Zm4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-upper-roman-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M31.6 17v-1.2H33V17h-1.3Zm0 10v-1.2H33V27h-1.3Zm0 10v-1.2H33V37h-1.3Z"/><path fill-rule="nonzero" d="M34.5 20H36v7h-1.5zM34.5 30H36v7h-1.5zM37.5 20H39v7h-1.5zM37.5 30H39v7h-1.5zM40.5 30H42v7h-1.5zM34.5 10H36v7h-1.5z"/></g></svg>',
+    'list-num-upper-roman': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 17v-1.2h1.3V17H15Zm0 10v-1.2h1.3V27H15Zm0 10v-1.2h1.3V37H15Z"/><path fill-rule="nonzero" d="M12 20h1.5v7H12zM12 30h1.5v7H12zM9 20h1.5v7H9zM9 30h1.5v7H9zM6 30h1.5v7H6zM12 10h1.5v7H12z"/></g></svg>',
+    'lock': '<svg width="24" height="24"><path d="M16.3 11c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H8V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h.3ZM10 8v3h4V8a1 1 0 0 0-.3-.7A1 1 0 0 0 13 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7Z" fill-rule="evenodd"/></svg>',
+    'ltr': '<svg width="24" height="24"><path d="M11 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 7.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L11 5ZM4.4 16.2 6.2 15l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',
+    'math-equation': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.8c.1-.5.5-.8 1-.8h10a1 1 0 1 1 0 2h-9.2L8.3 19.2a1 1 0 0 1-1.7.4l-3.4-4.2a1 1 0 0 1 1.6-1.2l2 2.5L9 4.8Zm9.7 5.5c.4.4.4 1 0 1.4L17 13.5l1.8 1.8a1 1 0 1 1-1.4 1.4L15.5 15l-1.8 1.8a1 1 0 0 1-1.4-1.4l1.8-1.8-1.8-1.8a1 1 0 0 1 1.4-1.4l1.8 1.8 1.8-1.8a1 1 0 0 1 1.4 0Z"/></svg>',
+    'mentions': '<svg height="24" width="24"><path d="M12 21a8.8 8.8 0 0 1-3.5-.7 9 9 0 0 1-2.9-2 9 9 0 0 1-1.9-2.8A8.8 8.8 0 0 1 3 12c0-1.3.2-2.4.7-3.5a9 9 0 0 1 4.8-4.8A8.8 8.8 0 0 1 12 3c1.3 0 2.4.2 3.5.7a9.1 9.1 0 0 1 4.8 4.8A8.7 8.7 0 0 1 21 12v1.4a3 3 0 0 1-.9 2.2 3 3 0 0 1-2.2.9c-.5 0-1-.1-1.5-.4a3.8 3.8 0 0 1-1.1-1 4.8 4.8 0 0 1-1.5 1 4.3 4.3 0 0 1-1.8.4c-1.2 0-2.3-.4-3.2-1.3-.9-.9-1.3-2-1.3-3.2s.4-2.3 1.3-3.2c.9-.9 2-1.3 3.2-1.3s2.3.4 3.2 1.3c.9.9 1.3 2 1.3 3.2v1.4c0 .4.1.7.4 1 .3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1V12c0-2-.7-3.8-2.1-5.2S14 4.7 12 4.7s-3.8.7-5.2 2.1S4.7 10 4.7 12s.7 3.8 2.1 5.2 3.2 2.1 5.2 2.1h4.5V21zm0-6.2c.8 0 1.4-.3 2-.8a2.7 2.7 0 0 0 .8-2c0-.8-.3-1.4-.8-2a2.7 2.7 0 0 0-2-.8c-.8 0-1.4.3-2 .8a2.7 2.7 0 0 0-.8 2c0 .8.3 1.4.8 2a2.7 2.7 0 0 0 2 .8z"/></svg>',
+    'minus': '<svg width="24" height="24"><path d="M19 11a1 1 0 0 1 .1 2H5a1 1 0 0 1-.1-2H19Z"/></svg>',
+    'more-drawer': '<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',
+    'new-document': '<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',
+    'new-tab': '<svg width="24" height="24"><path d="m15 13 2-2v8H5V7h8l-2 2H7v8h8v-4Zm4-8v5.5l-2-2-5.6 5.5H10v-1.4L15.5 7l-2-2H19Z" fill-rule="evenodd"/></svg>',
+    'non-breaking': '<svg width="24" height="24"><path d="M11 11H8a1 1 0 1 1 0-2h3V6c0-.6.4-1 1-1s1 .4 1 1v3h3c.6 0 1 .4 1 1s-.4 1-1 1h-3v3c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-3Zm10 4v5H3v-5c0-.6.4-1 1-1s1 .4 1 1v3h14v-3c0-.6.4-1 1-1s1 .4 1 1Z" fill-rule="evenodd"/></svg>',
+    'notice': '<svg width="24" height="24"><path d="M15.5 4 20 8.5v7L15.5 20h-7L4 15.5v-7L8.5 4h7ZM13 17v-2h-2v2h2Zm0-4V7h-2v6h2Z" fill-rule="evenodd" clip-rule="evenodd"/></svg>',
+    'ordered-list-rtl': '<svg width="24" height="24"><path d="M6 17h8a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2Zm13-1v3.5a.5.5 0 1 1-1 0V5h-.5a.5.5 0 1 1 0-1H19Zm-1 8.8.2.2h1.3a.5.5 0 1 1 0 1h-1.6a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0-.2-.2h-1.3a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3Zm2 4.2v2c0 .6-.4 1-1 1h-1.5a.5.5 0 0 1 0-1h1.2a.3.3 0 1 0 0-.6h-1.3a.4.4 0 1 1 0-.8h1.3a.3.3 0 0 0 0-.6h-1.2a.5.5 0 1 1 0-1H19c.6 0 1 .4 1 1Z" fill-rule="evenodd"/></svg>',
+    'ordered-list': '<svg width="24" height="24"><path d="M10 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 1 1 0-2ZM6 4v3.5c0 .3-.2.5-.5.5a.5.5 0 0 1-.5-.5V5h-.5a.5.5 0 0 1 0-1H6Zm-1 8.8.2.2h1.3c.3 0 .5.2.5.5s-.2.5-.5.5H4.9a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0-.2-.2H4.5a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3ZM7 17v2c0 .6-.4 1-1 1H4.5a.5.5 0 0 1 0-1h1.2c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.4a.4.4 0 1 1 0-.8h1.3c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.5a.5.5 0 1 1 0-1H6c.6 0 1 .4 1 1Z" fill-rule="evenodd"/></svg>',
+    'orientation': '<svg width="24" height="24"><path d="M7.3 6.4 1 13l6.4 6.5 6.5-6.5-6.5-6.5ZM3.7 13l3.6-3.7L11 13l-3.7 3.7-3.6-3.7ZM12 6l2.8 2.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0L9.2 5.7a.8.8 0 0 1 0-1.2L13.6.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L12 4h1a9 9 0 1 1-4.3 16.9l1.5-1.5A7 7 0 1 0 13 6h-1Z" fill-rule="nonzero"/></svg>',
+    'outdent': '<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 1 1 0-2Zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm-5 4h12a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2Zm1.6-3.8a1 1 0 0 1-1.2 1.6l-3-2a1 1 0 0 1 0-1.6l3-2a1 1 0 0 1 1.2 1.6L6.8 12l1.8 1.2Z" fill-rule="evenodd"/></svg>',
+    'export-pdf': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H7v3H5V5c0-1.1.9-2 2-2Z"/><path d="M2.6 15.2v-1.9h1c.6 0 1-.2 1.4-.5.3-.3.5-.7.5-1.2s-.2-.9-.5-1.2a2 2 0 0 0-1.3-.4H1v5.2h1.6Zm.4-3h-.4v-1.1h.5l.6.1.2.5c0 .1 0 .3-.2.4l-.7.1Zm5.7 3 1-.1c.3 0 .5-.2.7-.4l.5-.8c.2-.3.2-.7.2-1.3v-1l-.5-.8c-.2-.3-.4-.5-.7-.6L8.7 10H6.3v5.2h2.4Zm-.4-1.1H8v-3h.4c.5 0 .8.2 1 .4l.2 1.1-.1 1-.3.3-.8.2Zm5.3 1.2V13h2v-1h-2v-1H16V10h-4v5.2h1.6Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"/></svg>',
+    'export-word': '<svg width="24" height="24"><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H5c0-1.1.9-2 2-2ZM15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"/></svg>',
+    'import-word': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V15h-2V9h-4V5H5c0-1.1.9-2 2-2Z"/><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4 18.2a1 1 0 0 0 1.2 1.6l1.4-1V22a1 1 0 1 0 2 0v-3.1l1.4 1a1 1 0 0 0 1.2-1.7L15 15.8l-3.6 2.4Z"/></svg>',
+    'page-break': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M5 11c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1h-1a1 1 0 0 1 0-2Zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2ZM7 3v5h10V3c0-.6.4-1 1-1s1 .4 1 1v7H5V3c0-.6.4-1 1-1s1 .4 1 1ZM6 22a1 1 0 0 1-1-1v-7h14v7c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-5H7v5c0 .6-.4 1-1 1Z"/></g></svg>',
+    'paragraph': '<svg width="24" height="24"><path fill-rule="evenodd" d="M10 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 6.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L10 5Z"/></svg>',
+    'paste-column-after': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h7v2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm8 7v12h-6V8h6Zm-1.5 1.5h-3v9h3v-9ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',
+    'paste-column-before': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V18c0 1-.8 2-1.9 2H11v-2h7V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v2H4V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm-2 7v12H4V8h6ZM8.5 9.5h-3v9h3v-9ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',
+    'paste-row-after': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V11h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h14c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm10 11v5H8v-5h14Zm-1.5 1.5h-11v2h11v-2ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',
+    'paste-row-before': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h12v-4h2v4c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm10 7v5H8V8h14Zm-1.5 1.5h-11v2h11v-2ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',
+    'paste-text': '<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h3V9h9ZM9 20H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0 1 12 1a3 3 0 0 1 2.8 2H18a2 2 0 0 1 2 2v4h1v12H9v-1Zm1.5-9.5v9h9v-9h-9ZM12 3a1 1 0 0 0-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1Zm0 9h6v2h-.5l-.5-1h-1v4h.8v1h-3.6v-1h.8v-4h-1l-.5 1H12v-2Z" fill-rule="nonzero"/></svg>',
+    'paste': '<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h3V9h9ZM9 20H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0 1 12 1a3 3 0 0 1 2.8 2H18a2 2 0 0 1 2 2v4h1v12H9v-1Zm1.5-9.5v9h9v-9h-9ZM12 3a1 1 0 0 0-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1Z" fill-rule="nonzero"/></svg>',
+    'permanent-pen': '<svg width="24" height="24"><path d="M10.5 17.5 8 20H3v-3l3.5-3.5a2 2 0 0 1 0-3L14 3l1 1-7.3 7.3a1 1 0 0 0 0 1.4l3.6 3.6c.4.4 1 .4 1.4 0L20 9l1 1-7.6 7.6a2 2 0 0 1-2.8 0l-.1-.1Z" fill-rule="nonzero"/></svg>',
+    'plus': '<svg width="24" height="24"><path d="M12 4c.5 0 1 .4 1 .9V11h6a1 1 0 0 1 .1 2H13v6a1 1 0 0 1-2 .1V13H5a1 1 0 0 1-.1-2H11V5c0-.6.4-1 1-1Z"/></svg>',
+    'preferences': '<svg width="24" height="24"><path d="m20.1 13.5-1.9.2a5.8 5.8 0 0 1-.6 1.5l1.2 1.5c.4.4.3 1 0 1.4l-.7.7a1 1 0 0 1-1.4 0l-1.5-1.2a6.2 6.2 0 0 1-1.5.6l-.2 1.9c0 .5-.5.9-1 .9h-1a1 1 0 0 1-1-.9l-.2-1.9a5.8 5.8 0 0 1-1.5-.6l-1.5 1.2a1 1 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.4l1.2-1.5a6.2 6.2 0 0 1-.6-1.5l-1.9-.2a1 1 0 0 1-.9-1v-1c0-.5.4-1 .9-1l1.9-.2a5.8 5.8 0 0 1 .6-1.5L5.2 7.3a1 1 0 0 1 0-1.4l.7-.7a1 1 0 0 1 1.4 0l1.5 1.2a6.2 6.2 0 0 1 1.5-.6l.2-1.9c0-.5.5-.9 1-.9h1c.5 0 1 .4 1 .9l.2 1.9a5.8 5.8 0 0 1 1.5.6l1.5-1.2a1 1 0 0 1 1.4 0l.7.7c.3.4.4 1 0 1.4l-1.2 1.5a6.2 6.2 0 0 1 .6 1.5l1.9.2c.5 0 .9.5.9 1v1c0 .5-.4 1-.9 1ZM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" fill-rule="evenodd"/></svg>',
+    'preview': '<svg width="24" height="24"><path d="M3.5 12.5c.5.8 1.1 1.6 1.8 2.3 2 2 4.2 3.2 6.7 3.2s4.7-1.2 6.7-3.2a16.2 16.2 0 0 0 2.1-2.8 15.7 15.7 0 0 0-2.1-2.8c-2-2-4.2-3.2-6.7-3.2a9.3 9.3 0 0 0-6.7 3.2A16.2 16.2 0 0 0 3.2 12c0 .2.2.3.3.5Zm-2.4-1 .7-1.2L4 7.8C6.2 5.4 8.9 4 12 4c3 0 5.8 1.4 8.1 3.8a18.2 18.2 0 0 1 2.8 3.7v1l-.7 1.2-2.1 2.5c-2.3 2.4-5 3.8-8.1 3.8-3 0-5.8-1.4-8.1-3.8a18.2 18.2 0 0 1-2.8-3.7 1 1 0 0 1 0-1Zm12-3.3a2 2 0 1 0 2.7 2.6 4 4 0 1 1-2.6-2.6Z" fill-rule="nonzero"/></svg>',
+    'print': '<svg width="24" height="24"><path d="M18 8H6a3 3 0 0 0-3 3v6h2v3h14v-3h2v-6a3 3 0 0 0-3-3Zm-1 10H7v-4h10v4Zm.5-5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5Zm.5-8H6v2h12V5Z" fill-rule="nonzero"/></svg>',
+    'quote': '<svg width="24" height="24"><path d="M7.5 17h.9c.4 0 .7-.2.9-.6L11 13V8c0-.6-.4-1-1-1H6a1 1 0 0 0-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 0 0 .8 1.3Zm8 0h.9c.4 0 .7-.2.9-.6L19 13V8c0-.6-.4-1-1-1h-4a1 1 0 0 0-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 0 0 .8 1.3Z" fill-rule="nonzero"/></svg>',
+    'redo': '<svg width="24" height="24"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"/></svg>',
+    'reload': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="m5 22.1-1.2-4.7v-.2a1 1 0 0 1 1-1l5 .4a1 1 0 1 1-.2 2l-2.2-.2a7.8 7.8 0 0 0 8.4.2 7.5 7.5 0 0 0 3.5-6.4 1 1 0 1 1 2 0 9.5 9.5 0 0 1-4.5 8 9.9 9.9 0 0 1-10.2 0l.4 1.4a1 1 0 1 1-2 .5ZM13.6 7.4c0-.5.5-1 1-.9l2.8.2a8 8 0 0 0-9.5-1 7.5 7.5 0 0 0-3.6 7 1 1 0 0 1-2 0 9.5 9.5 0 0 1 4.5-8.6 10 10 0 0 1 10.9.3l-.3-1a1 1 0 0 1 2-.5l1.1 4.8a1 1 0 0 1-1 1.2l-5-.4a1 1 0 0 1-.9-1Z"/></g></svg>',
+    'remove-formatting': '<svg width="24" height="24"><path d="M13.2 6a1 1 0 0 1 0 .2l-2.6 10a1 1 0 0 1-1 .8h-.2a.8.8 0 0 1-.8-1l2.6-10H8a1 1 0 1 1 0-2h9a1 1 0 0 1 0 2h-3.8ZM5 18h7a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Zm13 1.5L16.5 18 15 19.5a.7.7 0 0 1-1-1l1.5-1.5-1.5-1.5a.7.7 0 0 1 1-1l1.5 1.5 1.5-1.5a.7.7 0 0 1 1 1L17.5 17l1.5 1.5a.7.7 0 0 1-1 1Z" fill-rule="evenodd"/></svg>',
+    'remove': '<svg width="24" height="24"><path d="M16 7h3a1 1 0 0 1 0 2h-1v9a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9H5a1 1 0 1 1 0-2h3V6a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1Zm-2 0V6c0-.6-.4-1-1-1h-2a1 1 0 0 0-1 1v1h4Zm2 2H8v9c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V9Zm-7 3a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0v-4Zm4 0a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0v-4Z" fill-rule="nonzero"/></svg>',
+    'resize-handle': '<svg width="10" height="10"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"/></g></svg>',
+    'resize': '<svg width="24" height="24"><path d="M4 5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h6c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3H7.4L18 16.6V13c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v6c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3h-6a1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3.6L6 7.4V11c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3A1 1 0 0 1 4 11V5Z" fill-rule="evenodd"/></svg>',
+    'restore-draft': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1Z"/><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></g></svg>',
+    'revision-history': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1Z"/><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></g></svg>',
+    'rotate-left': '<svg width="24" height="24"><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></svg>',
+    'rotate-right': '<svg width="24" height="24"><path d="M20 8V5a1 1 0 0 1 2 0v6c0 .6-.4 1-1 1h-6a1 1 0 0 1 0-2h4.3L16 7A7.2 7.2 0 0 0 7.7 6a7 7 0 0 0 3 13.1c1.9.1 3.7-.5 5-1.7a1 1 0 0 1 1.4 1.5A9.2 9.2 0 0 1 2.2 14c-.9-3.9 1-8 4.5-9.9 3.5-1.9 8-1.3 10.8 1.5L20 8Z" fill-rule="nonzero"/></svg>',
+    'rtl': '<svg width="24" height="24"><path d="M8 5h8v2h-2v12h-2V7h-2v12H8v-7c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 4.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L8 5Zm12 11.2a1 1 0 1 1-1 1.6l-3-2a1 1 0 0 1 0-1.6l3-2a1 1 0 1 1 1 1.6L18.4 15l1.8 1.2Z" fill-rule="evenodd"/></svg>',
+    'save': '<svg width="24" height="24"><path d="M5 16h14a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2Zm0 2v2h14v-2H5Zm10 0h2v2h-2v-2Zm-4-6.4L8.7 9.3a1 1 0 1 0-1.4 1.4l4 4c.4.4 1 .4 1.4 0l4-4a1 1 0 1 0-1.4-1.4L13 11.6V4a1 1 0 0 0-2 0v7.6Z" fill-rule="nonzero"/></svg>',
+    'search': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill-rule="nonzero"/></svg>',
+    'select-all': '<svg width="24" height="24"><path d="M3 5h2V3a2 2 0 0 0-2 2Zm0 8h2v-2H3v2Zm4 8h2v-2H7v2ZM3 9h2V7H3v2Zm10-6h-2v2h2V3Zm6 0v2h2a2 2 0 0 0-2-2ZM5 21v-2H3c0 1.1.9 2 2 2Zm-2-4h2v-2H3v2ZM9 3H7v2h2V3Zm2 18h2v-2h-2v2Zm8-8h2v-2h-2v2Zm0 8a2 2 0 0 0 2-2h-2v2Zm0-12h2V7h-2v2Zm0 8h2v-2h-2v2Zm-4 4h2v-2h-2v2Zm0-16h2V3h-2v2ZM7 17h10V7H7v10Zm2-8h6v6H9V9Z" fill-rule="nonzero"/></svg>',
+    'selected': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Zm3.6 10.9L7 12.3a.7.7 0 0 0-1 1L9.6 17 18 8.6a.7.7 0 0 0 0-1 .7.7 0 0 0-1 0l-7.4 7.3Z"/></svg>',
+    'send': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="m13.3 22 7-18.3-18.3 7L9 15l4.3 7ZM18 6.8l-.7-.7L9.4 14l.7.7L18 6.8Z"/></svg>',
+    'settings': '<svg width="24" height="24"><path d="M11 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V8H5a1 1 0 1 1 0-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.5V6ZM8 8h2V6H8v2Zm9 2.8v.2h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v.3c0 .2 0 .3-.2.5l-.6.2h-2.4c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V13H5a1 1 0 0 1 0-2h8v-.3c0-.2 0-.3.2-.5l.6-.2h2.4c.3 0 .4 0 .6.2l.2.6ZM14 13h2v-2h-2v2Zm-3 2.8v.2h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V18H5a1 1 0 0 1 0-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.6ZM8 18h2v-2H8v2Z" fill-rule="evenodd"/></svg>',
+    'sharpen': '<svg width="24" height="24"><path fill-rule="evenodd" d="m16 6 4 4-8 9-8-9 4-4h8Zm-4 10.2 5.5-6.2-.1-.1H12v-.3h5.1l-.2-.2H12V9h4.6l-.2-.2H12v-.3h4.1l-.2-.2H12V8h3.6l-.2-.2H8.7L6.5 10l.1.1H12v.3H6.9l.2.2H12v.3H7.3l.2.2H12v.3H7.7l.3.2h4v.3H8.2l.2.2H12v.3H8.6l.3.2H12v.3H9l.3.2H12v.3H9.5l.2.2H12v.3h-2l.2.2H12v.3h-1.6l.2.2H12v.3h-1.1l.2.2h.9v.3h-.7l.2.2h.5v.3h-.3l.3.2Z"/></svg>',
+    'sourcecode': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M9.8 15.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0l-4.4-4.1a.8.8 0 0 1 0-1.2l4.4-4.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L6 12l3.8 3.7ZM14.2 15.7c-.3.3-.3.8 0 1 .4.4.9.4 1.2 0l4.4-4.1c.3-.3.3-.9 0-1.2l-4.4-4.2a.8.8 0 0 0-1.2 0c-.3.3-.3.8 0 1.1L18 12l-3.8 3.7Z"/></g></svg>',
+    'spell-check': '<svg width="24" height="24"><path d="M6 8v3H5V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h2c.3 0 .5.1.7.3.2.2.3.4.3.7v6H8V8H6Zm0-3v2h2V5H6Zm13 0h-3v5h3v1h-3a1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3v1Zm-5 1.5-.1.7c-.1.2-.3.3-.6.3.3 0 .5.1.6.3l.1.7V10c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3h-3V4h3c.3 0 .5.1.7.3.2.2.3.4.3.7v1.5ZM13 10V8h-2v2h2Zm0-3V5h-2v2h2Zm3 5 1 1-6.5 7L7 15.5l1.3-1 2.2 2.2L16 12Z" fill-rule="evenodd"/></svg>',
+    'strike-through': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M15.6 8.5c-.5-.7-1-1.1-1.3-1.3-.6-.4-1.3-.6-2-.6-2.7 0-2.8 1.7-2.8 2.1 0 1.6 1.8 2 3.2 2.3 4.4.9 4.6 2.8 4.6 3.9 0 1.4-.7 4.1-5 4.1A6.2 6.2 0 0 1 7 16.4l1.5-1.1c.4.6 1.6 2 3.7 2 1.6 0 2.5-.4 3-1.2.4-.8.3-2-.8-2.6-.7-.4-1.6-.7-2.9-1-1-.2-3.9-.8-3.9-3.6C7.6 6 10.3 5 12.4 5c2.9 0 4.2 1.6 4.7 2.4l-1.5 1.1Z"/><path d="M5 11h14a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" fill-rule="nonzero"/></g></svg>',
+    'subscript': '<svg width="24" height="24"><path d="m10.4 10 4.6 4.6-1.4 1.4L9 11.4 4.4 16 3 14.6 7.6 10 3 5.4 4.4 4 9 8.6 13.6 4 15 5.4 10.4 10ZM21 19h-5v-1l1-.8 1.7-1.6c.3-.4.5-.8.5-1.2 0-.3 0-.6-.2-.7-.2-.2-.5-.3-.9-.3a2 2 0 0 0-.8.2l-.7.3-.4-1.1 1-.6 1.2-.2c.8 0 1.4.3 1.8.7.4.4.6.9.6 1.5s-.2 1.1-.5 1.6a8 8 0 0 1-1.3 1.3l-.6.6h2.6V19Z" fill-rule="nonzero"/></svg>',
+    'superscript': '<svg width="24" height="24"><path d="M15 9.4 10.4 14l4.6 4.6-1.4 1.4L9 15.4 4.4 20 3 18.6 7.6 14 3 9.4 4.4 8 9 12.6 13.6 8 15 9.4Zm5.9 1.6h-5v-1l1-.8 1.7-1.6c.3-.5.5-.9.5-1.3 0-.3 0-.5-.2-.7-.2-.2-.5-.3-.9-.3l-.8.2-.7.4-.4-1.2c.2-.2.5-.4 1-.5.3-.2.8-.2 1.2-.2.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.6 0 .5-.2 1-.5 1.5l-1.3 1.4-.6.5h2.6V11Z" fill-rule="nonzero"/></svg>',
+    'table-caption': '<svg width="24" height="24"><g fill-rule="nonzero"><rect width="12" height="2" x="3" y="4" rx="1"/><path d="M19 8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8c0-1.1.9-2 2-2h14ZM5 15v3h6v-3H5Zm14 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></g></svg>',
+    'table-cell-classes': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M13 4v9H3V6c0-1.1.9-2 2-2h8Zm-2 2H5v5h6V6Z"/><path fill-rule="nonzero" d="M13 4h6a2 2 0 0 1 2 2v7h-8v-2h6V6h-6V4Z" opacity=".2"/><path d="m18 20-2.6 1.6.7-3-2.4-2 3.1-.2 1.2-2.9 1.2 2.9 3.1.2-2.4 2 .7 3z"/><path fill-rule="nonzero" d="M3 13v5c0 1.1.9 2 2 2h8v-7h-2v5H5v-5H3Z" opacity=".2"/></g></svg>',
+    'table-cell-properties': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9H5v5h6v-5Zm8 0h-6v5h6v-5Zm-8-7H5v5h6V6Z"/></svg>',
+    'table-cell-select-all': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v12h14V6Z"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2Z" opacity=".2"/></g></svg>',
+    'table-cell-select-inner': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v12h14V6Z" opacity=".2"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2Z"/></g></svg>',
+    'table-classes': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v7h-8v7H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9H5v5h6v-5Zm8-7h-6v5h6V6Zm-8 0H5v5h6V6Z"/><path d="m18 20-2.6 1.6.7-3-2.4-2 3.1-.2 1.2-2.9 1.2 2.9 3.1.2-2.4 2 .7 3z"/></g></svg>',
+    'table-delete-column': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-4 4h-2V6h-2v2H9V6H5v12h4v-2h2v2h2v-2h2v2h4V6h-4v2Zm.3.5 1 1.2-3 2.3 3 2.3-1 1.2L12 13l-3.3 2.6-1-1.2 3-2.3-3-2.3 1-1.2L12 11l3.3-2.5Z"/></svg>',
+    'table-delete-row': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v3h2.5v2H5v2h2.5v2H5v3h14v-3h-2.5v-2H19v-2h-2.5V9H19V6Zm-4.7 1.8 1.2 1L13 12l2.6 3.3-1.2 1-2.3-3-2.3 3-1.2-1L11 12 8.5 8.7l1.2-1 2.3 3 2.3-3Z"/></svg>',
+    'table-delete-table': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 6v12h14V6H5Z"/><path d="m14.4 8.6 1.1 1-2.4 2.4 2.4 2.4-1.1 1.1-2.4-2.4-2.4 2.4-1-1.1 2.3-2.4-2.3-2.4 1-1 2.4 2.3z"/></g></svg>',
+    'table-insert-column-after': '<svg width="24" height="24"><path fill-rule="nonzero" d="M20 4c.6 0 1 .4 1 1v2a1 1 0 0 1-2 0V6h-8v12h8v-1a1 1 0 0 1 2 0v2c0 .5-.4 1-.9 1H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h15ZM9 13H5v5h4v-5Zm7-5c.5 0 1 .4 1 .9V11h2a1 1 0 0 1 .1 2H17v2a1 1 0 0 1-2 .1V13h-2a1 1 0 0 1-.1-2H15V9c0-.6.4-1 1-1ZM9 6H5v5h4V6Z"/></svg>',
+    'table-insert-column-before': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v1h8V6H5v1a1 1 0 1 1-2 0V5c0-.6.4-1 1-1h15Zm0 9h-4v5h4v-5ZM8 8c.5 0 1 .4 1 .9V11h2a1 1 0 0 1 .1 2H9v2a1 1 0 0 1-2 .1V13H5a1 1 0 0 1-.1-2H7V9c0-.6.4-1 1-1Zm11-2h-4v5h4V6Z"/></svg>',
+    'table-insert-row-above': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4a1 1 0 1 1 0 2H5v6h14V6h-1a1 1 0 0 1 0-2h2c.6 0 1 .4 1 1v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-.6.4-1 1-1h2Zm5 10H5v4h6v-4Zm8 0h-6v4h6v-4ZM12 3c.5 0 1 .4 1 .9V6h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 .1V8H9a1 1 0 0 1 0-2h2V4c0-.6.4-1 1-1Z"/></svg>',
+    'table-insert-row-after': '<svg width="24" height="24"><path fill-rule="nonzero" d="M12 13c.5 0 1 .4 1 .9V16h2a1 1 0 0 1 .1 2H13v2a1 1 0 0 1-2 .1V18H9a1 1 0 0 1-.1-2H11v-2c0-.6.4-1 1-1Zm6 7a1 1 0 0 1 0-2h1v-6H5v6h1a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1V6c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v13c0 .5-.4 1-.9 1H18ZM11 6H5v4h6V6Zm8 0h-6v4h6V6Z"/></svg>',
+    'table-left-header': '<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 9h-4v5h4v-5Zm-6 0H9v5h4v-5Zm0-7H9v5h4V6Zm6 0h-4v5h4V6Z"/></svg>',
+    'table-merge-cells': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 15.5V18h3v-2.5H5Zm14-5h-9V18h9v-7.5ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Zm-8 7.5h3v-3H5v3Z"/></svg>',
+    'table-row-numbering-rtl': '<svg width="24" height="24"><path d="M6 4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6Zm0 12h8v3H6v-3Zm11 0c.6 0 1 .4 1 1v1a1 1 0 0 1-2 0v-1c0-.6.4-1 1-1ZM6 11h8v3H6v-3Zm11 0c.6 0 1 .4 1 1v1a1 1 0 0 1-2 0v-1c0-.6.4-1 1-1ZM6 6h8v3H6V6Zm11 0c.6 0 1 .4 1 1v1a1 1 0 1 1-2 0V7c0-.6.4-1 1-1Z"/></svg>',
+    'table-row-numbering': '<svg width="24" height="24"><path d="M18 4a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h12Zm0 12h-8v3h8v-3ZM7 16a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1Zm11-5h-8v3h8v-3ZM7 11a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1Zm11-5h-8v3h8V6ZM7 6a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0V7c0-.6-.4-1-1-1Z"/></svg>',
+    'table-row-properties': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 15v3h6v-3H5Zm14 0h-6v3h6v-3Zm0-9h-6v3h6V6ZM5 9h6V6H5v3Z"/></svg>',
+    'table-split-cells': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM8 15.5H5V18h3v-2.5Zm11-5h-9V18h9v-7.5Zm-2.5 1 1 1-2 2 2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2Zm-8.5-1H5v3h3v-3ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Z"/></svg>',
+    'table-top-header': '<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 11H5v3h6v-3Zm8 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></svg>',
+    'table': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 14v4h6v-4H5Zm14 0h-6v4h6v-4Zm0-6h-6v4h6V8ZM5 12h6V8H5v4Z"/></svg>',
+    'template-add': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 12v4H5a2 2 0 0 0-2 2v3h9.3a6 6 0 0 1-.3-2H5v-1h7a6 6 0 0 1 .8-2H11v-5l-.8-.6a3 3 0 1 1 3.6 0l-.8.6v4.7a6 6 0 0 1 2-1.9V12a5 5 0 1 0-6 0Z"/><path d="M18 15c.5 0 1 .4 1 .9V18h2a1 1 0 0 1 .1 2H19v2a1 1 0 0 1-2 .1V20h-2a1 1 0 0 1-.1-2H17v-2c0-.6.4-1 1-1Z"/></svg>',
+    'template': '<svg width="24" height="24"><path d="M19 19v-1H5v1h14ZM9 16v-4a5 5 0 1 1 6 0v4h4a2 2 0 0 1 2 2v3H3v-3c0-1.1.9-2 2-2h4Zm4 0v-5l.8-.6a3 3 0 1 0-3.6 0l.8.6v5h2Z" fill-rule="nonzero"/></svg>',
+    'temporary-placeholder': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M9 7.6V6h2.5V4.5a.5.5 0 1 1 1 0V6H15v1.6a8 8 0 1 1-6 0Zm-2.6 5.3a.5.5 0 0 0 .3.6c.3 0 .6 0 .6-.3l.1-.2a5 5 0 0 1 3.3-2.8c.3-.1.4-.4.4-.6-.1-.3-.4-.5-.6-.4a6 6 0 0 0-4.1 3.7Z"/><circle cx="14" cy="4" r="1"/><circle cx="12" cy="2" r="1"/><circle cx="10" cy="4" r="1"/></g></svg>',
+    'text-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path class="tox-icon-text-color__color" d="M3 18h18v3H3z"/><path d="M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z"/></g></svg>',
+    'text-size-decrease': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM14 12a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"/></svg>',
+    'text-size-increase': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM17 9a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2c0-.6-.4-1-1-1Z"/></svg>',
+    'toc': '<svg width="24" height="24"><path d="M5 5c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm0-4c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'translate': '<svg width="24" height="24"><path d="m12.7 14.3-.3.7-.4.7-2.2-2.2-3.1 3c-.3.4-.8.4-1 0a.7.7 0 0 1 0-1l3.1-3A12.4 12.4 0 0 1 6.7 9H8a10.1 10.1 0 0 0 1.7 2.4c.5-.5 1-1.1 1.4-1.8l.9-2H4.7a.7.7 0 1 1 0-1.5h4.4v-.7c0-.4.3-.8.7-.8.4 0 .7.4.7.8v.7H15c.4 0 .8.3.8.7 0 .4-.4.8-.8.8h-1.4a12.3 12.3 0 0 1-1 2.4 13.5 13.5 0 0 1-1.7 2.3l1.9 1.8Zm4.3-3 2.7 7.3a.5.5 0 0 1-.4.7 1 1 0 0 1-1-.7l-.6-1.5h-3.4l-.6 1.5a1 1 0 0 1-1 .7.5.5 0 0 1-.4-.7l2.7-7.4a1 1 0 0 1 2 0Zm-2.2 4.4h2.4L16 12.5l-1.2 3.2Z" fill-rule="evenodd"/></svg>',
+    'typography': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H7a1 1 0 0 1 0-2h10Z"/><path d="m17.5 14 .8-1.7 1.7-.8-1.7-.8-.8-1.7-.8 1.7-1.7.8 1.7.8.8 1.7ZM7 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2Z"/></svg>',
+    'underline': '<svg width="24" height="24"><path d="M16 5c.6 0 1 .4 1 1v5.5a4 4 0 0 1-.4 1.8l-1 1.4a5.3 5.3 0 0 1-5.5 1 5 5 0 0 1-1.6-1c-.5-.4-.8-.9-1.1-1.4a4 4 0 0 1-.4-1.8V6c0-.6.4-1 1-1s1 .4 1 1v5.5c0 .3 0 .6.2 1l.6.7a3.3 3.3 0 0 0 2.2.8 3.4 3.4 0 0 0 2.2-.8c.3-.2.4-.5.6-.8l.2-.9V6c0-.6.4-1 1-1ZM8 17h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'undo': '<svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"/></svg>',
+    'unlink': '<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2.1-2a2 2 0 1 0-2.7-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2ZM7.6 6.3a.8.8 0 0 1-1 1.1L3.3 4.2a.7.7 0 1 1 1-1l3.2 3.1ZM5.1 8.6a.8.8 0 0 1 0 1.5H3a.8.8 0 0 1 0-1.5H5Zm5-3.5a.8.8 0 0 1-1.5 0V3a.8.8 0 0 1 1.5 0V5Zm6 11.8a.8.8 0 0 1 1-1l3.2 3.2a.8.8 0 0 1-1 1L16 17Zm-2.2 2a.8.8 0 0 1 1.5 0V21a.8.8 0 0 1-1.5 0V19Zm5-3.5a.7.7 0 1 1 0-1.5H21a.8.8 0 0 1 0 1.5H19Z" fill-rule="nonzero"/></svg>',
+    'unlock': '<svg width="24" height="24"><path d="M16 5c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h-2V8a1 1 0 0 0-.3-.7A1 1 0 0 0 16 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v3h.3c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H4.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H11V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2Z" fill-rule="evenodd"/></svg>',
+    'unordered-list': '<svg width="24" height="24"><path d="M11 5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2ZM4.5 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Z" fill-rule="evenodd"/></svg>',
+    'unselected': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Zm0 1a1 1 0 0 0-1 1v12c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H6Z"/></svg>',
+    'upload': '<svg width="24" height="24"><path d="M18 19v-2a1 1 0 0 1 2 0v3c0 .6-.4 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v2h12ZM11 6.4 8.7 8.7a1 1 0 0 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l4 4a1 1 0 1 1-1.4 1.4L13 6.4V16a1 1 0 0 1-2 0V6.4Z" fill-rule="nonzero"/></svg>',
+    'add-file': '<svg height="24" width="24"><path d="M2 7h2V4h3V2H4a2 2 0 0 0-2 2zm20 0h-2V4h-3V2h3a2 2 0 0 1 2 2zm0 2h-2v6h2zm0 8h-2v3h-3v2h3a2 2 0 0 0 2-2zM2 9h2v6H2zm0 8h2v3h3v2H4a2 2 0 0 1-2-2zm7 5v-2h6v2zm6-20v2H9V2zM6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M2 7h2V4h3V2H4a2 2 0 0 0-2 2zm20 0h-2V4h-3V2h3a2 2 0 0 1 2 2zm0 2h-2v6h2zm0 8h-2v3h-3v2h3a2 2 0 0 0 2-2zM2 9h2v6H2zm0 8h2v3h3v2H4a2 2 0 0 1-2-2zm7 5v-2h6v2zm6-20v2H9V2zM6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/></svg>',
+    'adjustments': '<svg width="24" height="24"><path d="M16 11a3 3 0 1 1 2.8-4H21v2h-2.2a3 3 0 0 1-2.8 2Zm0-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3 9h8V7H3v2Zm5 10a3 3 0 1 0-2.8-4H3v2h2.2A3 3 0 0 0 8 19Zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13 0h-8v-2h8v2Z"/></svg>',
+    'alt-text': '<svg width="24" height="24"><path d="M3 20a2 2 0 0 1-1.4-.6A2 2 0 0 1 1 18V6c0-.6.2-1 .6-1.4A2 2 0 0 1 3 4h18c.6 0 1 .2 1.4.6.4.4.6.9.6 1.4v12c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6H3Zm0-2h18V6H3v12Zm1.5-3H6v-1.5h1.5V15H9v-5a1 1 0 0 0-.3-.7A1 1 0 0 0 8 9H5.5a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v5ZM6 12v-1.5h1.5V12H6Z"/><path d="M11 15V9h1.3v4.5h2V15H11Zm5.8-4.5V15h1.4v-4.5h1.3V9h-4v1.5h1.3Z"/></svg>',
+    'auto-image-enhancement': '<svg width="24" height="24"><path d="M7.7 10.6a5.8 5.8 0 0 0 5.7 5.7A5.8 5.8 0 0 0 7.7 22 5.8 5.8 0 0 0 2 16.3a5.8 5.8 0 0 0 5.7-5.7ZM15.5 2c.3 3 3.3 6 6.5 6.4-3.2.5-6.2 3.4-6.5 6.5-.3-3.4-3-6-6.4-6.5 3.3-.5 6.1-3 6.4-6.4Z"/></svg>',
+    'blur': '<svg width="24" height="24"><path d="M19.3 9.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7A1 1 0 0 0 20 9a1 1 0 0 0-.7.3Zm-16 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3A1 1 0 0 0 5 10a1 1 0 0 0-.3-.7A1 1 0 0 0 4 9a1 1 0 0 0-.7.3Zm16 6a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3Zm-16 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3A1 1 0 0 0 5 16a1 1 0 0 0-.3-.7A1 1 0 0 0 4 15a1 1 0 0 0-.7.3Zm5-11A1 1 0 0 0 8 5a1 1 0 0 0 1 1c.3 0 .5-.1.7-.3A1 1 0 0 0 10 5a1 1 0 0 0-.3-.7A1 1 0 0 0 9 4a1 1 0 0 0-.7.3Zm6 0a1 1 0 0 0-.3.7 1 1 0 0 0 1 1c.3 0 .5-.1.7-.3A1 1 0 0 0 16 5a1 1 0 0 0-.3-.7A1 1 0 0 0 15 4a1 1 0 0 0-.7.3Zm-6 16a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7A1 1 0 0 0 9 20a1 1 0 0 0-.7.3Zm6 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3ZM7.6 8.6A2 2 0 0 0 7 10c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 9 8a2 2 0 0 0-1.4.6Zm0 6A2 2 0 0 0 7 16c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 9 14a2 2 0 0 0-1.4.6Zm6-6A2 2 0 0 0 13 10c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 15 8a2 2 0 0 0-1.4.6Zm0 6A2 2 0 0 0 13 16c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 15 14a2 2 0 0 0-1.4.6Z"/></svg>',
+    'box': '<svg width="24" height="24"><path d="M3.8 7a1 1 0 0 0-.7.6l-.1 3V13.8a3.5 3.5 0 0 0 4 2.7c.8-.2 1.4-.5 2-1l.3-.3.3.2c.7.7 1.4 1 2.4 1.1 1.2 0 2.4-.6 3-1.6.9-1.2.8-2.8 0-4a3.7 3.7 0 0 0-2-1.2c-.4-.1-1.2-.1-1.6 0a3.4 3.4 0 0 0-1.7 1l-.3.2-.2-.1c-.4-.5-1.2-1-2-1.1-.6-.2-1.5 0-2 .2H5V9c0-1.3 0-1.3-.3-1.6a1 1 0 0 0-1-.3Zm12 2.6c-.3.2-.5.4-.6.8v.6l.9 1 .7 1v.1l-.8 1-.7 1a1 1 0 0 0 0 .7 1 1 0 0 0 1.3.6c.2 0 .3-.2 1-1l.5-.7.6.8.7.8c.4.3 1 .3 1.3 0l.2-.3a1 1 0 0 0 0-.8l-.8-1.2-.7-1a26 26 0 0 0 1.5-2 .8.8 0 0 0 .1-.4c0-.4-.1-.7-.5-.9H20c-.4 0-.5 0-1.2.8l-.7.8-.6-.7-.7-.9a1 1 0 0 0-1 0Zm-9 2 .4.1c.3.1.6.5.7.8l.1.6v.6c-.6 1-2 1.2-2.7.3-.3-.3-.3-.5-.3-1v-.5c.3-.5.7-.8 1.1-1a1.5 1.5 0 0 1 .7 0Zm5.7 0c.4 0 .8.4 1 .8l.2.6-.1.7c-.5.9-1.6 1.1-2.4.6a1.4 1.4 0 0 1-.6-1.1 1.4 1.4 0 0 1 .5-1.2 1.5 1.5 0 0 1 1.4-.4Z"/></svg>',
+    'camera': '<svg height="24" width="24"><g clip-rule="evenodd" fill-rule="evenodd"><path d="M10 5.4a1 1 0 0 1 .8-.4h4.4a1 1 0 0 1 .8.4l1.2 1.8h2.3A2.5 2.5 0 0 1 22 9.6v8a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 4 17.6v-8a2.5 2.5 0 0 1 2.5-2.4h2.3zM11.4 7l-1.2 1.7a1 1 0 0 1-.8.5h-3a.5.5 0 0 0-.4.4v8a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.4h-2.9a1 1 0 0 1-.8-.5L14.6 7z"/><path d="M13 11.4a2 2 0 1 0 0 3.8 2 2 0 0 0 0-3.8zm-4 1.9a4 4 0 1 1 8 0 4 4 0 0 1-8 0z"/></g></svg>',
+    'caption': '<svg height="24" width="24"><path d="M6 16h8v-2H6zm10 0h2v-2h-2zM4 20a2 2 0 0 1-1.5-.6A2 2 0 0 1 2 18V6c0-.6.2-1 .6-1.4A2 2 0 0 1 4 4h16c.6 0 1 .2 1.4.6.4.4.6.9.6 1.4v12c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6zm0-2h16V6H4z"/></svg>',
+    'dropbox': '<svg height="24" width="24"><path clip-rule="evenodd" d="m6.4 9.3-3-2a1 1 0 0 1 0-1.6l4-2.5a1 1 0 0 1 1 0L12 5.5l3.6-2.3a1 1 0 0 1 1 0l4 2.5a1 1 0 0 1 0 1.7l-3 1.9 3 1.9a1 1 0 0 1 0 1.6l-2.9 1.9V16c0 .3-.1.6-.4.8l-4.5 3a1 1 0 0 1-1.2 0l-4.4-3a1 1 0 0 1-.5-.9v-1l-3.2-2.2a1 1 0 0 1 0-1.6zm3 0L12 7.5l2.6 1.8L12 11zM8.9 15v.4l3.3 2.3 3.4-2.3v-.2L12 13l-3.1 2zm-1-10-2 1.4 2 1.3 2-1.3zm8.2 0-2 1.4 2 1.3 2-1.3zm-2 6.9 2-1.3 2 1.3-2 1.3-2-1.3zm-8.3 0 2-1.3L10 12l-2 1.3-2-1.3z" fill-rule="evenodd"/></svg>',
+    'evernote': '<svg width="24" height="24"><path fill-rule="evenodd" d="m9.5 3-.3.1-2.6 2.6C3.8 8.5 4 8.2 4 8.7c0 1.3.3 3 .6 4.3.5 2 1.1 3.2 2 3.7l1.2.3c1 .2 1.5.2 2.2.2 1.3 0 1.7 0 2.2-.4.3-.2.3-.4.4-1a38.4 38.4 0 0 1 .3-.4l.3.1 1.8.1h1.6v-1.8H14l-.1-.2a6.8 6.8 0 0 1-.5-1c-.2-.4-.3-.6-.5-.7a.8.8 0 0 0-.5-.1.9.9 0 0 0-.8.5l-.4 1.6-.3 1.5H9.4l-2-.3a1 1 0 0 1-.1-.2A10.1 10.1 0 0 1 6 9.7v-.2h4l.5-.5V5H12c.4.2.7.7.8 1.1a1 1 0 0 0 .2.6c.2.2.3.2 1 .3 1.2 0 2 .2 2.5.6.4.2.8.7 1 1.2.3 1.2.5 4 .3 6.4 0 1.8-.4 3.4-.8 4h-.7a8 8 0 0 1-.8 0c-.2 0-.3-.3-.2-.5a.5.5 0 0 1 .4-.3h.9v-1.8H16c-.7 0-.9 0-1.2.2-.9.4-1.4 1.2-1.4 2.1l.1.4.1.2a1 1 0 0 1 .1.2c.3.7.8 1.2 1.4 1.3l1.2.1h1.2a2 2 0 0 0 1-.8 9 9 0 0 0 1.1-4.3c.2-3 0-6.3-.4-7.7A4.3 4.3 0 0 0 16 5.3a7 7 0 0 0-1.3-.2 7.2 7.2 0 0 1-.4 0 5.5 5.5 0 0 1 0-.3c-.2-.5-.6-1-1.2-1.4a3 3 0 0 0-.5-.2c-.4-.2-.5-.2-1.8-.2a26.5 26.5 0 0 0-1.3 0Zm-.8 4v.7H7.2l.7-.8.8-.7v.7Zm7 3.5c-.4 0-.7.5-.9 1v.7h.3c.7 0 1.1.2 1.5.6l.3.2.3-.6V11a1 1 0 0 0-.6-.4 2 2 0 0 0-.8 0Z" clip-rule="evenodd"/></svg>',
+    'exposure': '<svg width="24" height="24"><path d="M5 21a2 2 0 0 1-1.4-.6A2 2 0 0 1 3 19V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5 3h14c.6 0 1 .2 1.4.6.4.4.6.8.6 1.4v14c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6H5Zm0-2h14V5L5 19Zm9.5-1v-2h-2v-1.5h2v-2H16v2h2V16h-2v2h-1.5ZM6 8.5h5V7H6v1.5Z"/></svg>',
+    'fb': '<svg width="24" height="24"><path fill-rule="evenodd" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-11 6.7V14H8.1v-2.5h2v-1C10 8.2 11.5 7 12.8 7H16v2.5h-2.4c-.8 0-1 .7-1 1.3v.7h3.2l-1 2.5h-2v5a7 7 0 1 0-2.8-.2Z" clip-rule="evenodd"/></svg>',
+    'flickr': '<svg width="24" height="24"><path d="M8.2 15.3c1.7 0 3.1-1.4 3.1-3.1A3.2 3.2 0 0 0 8.1 9 3.2 3.2 0 0 0 5 12.2c0 1.7 1.4 3 3.2 3Zm7.6 0c1.7 0 3.2-1.4 3.2-3.1a3.2 3.2 0 0 0-6.3 0c0 1.7 1.4 3 3.1 3Z"/></svg>',
+    'folder': '<svg width="24" height="24"><path fill-rule="evenodd" d="M5.6 6a.6.6 0 0 0-.6.6v11.2a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6V9a.6.6 0 0 0-.6-.6h-7.2a1 1 0 0 1-.8-.4L9 6H5.6ZM3.8 4.8A2.6 2.6 0 0 1 5.6 4h4a1 1 0 0 1 .8.4l1.3 2h6.7A2.6 2.6 0 0 1 21 9v8.8a2.6 2.6 0 0 1-2.6 2.6H5.6A2.6 2.6 0 0 1 3 17.8V6.6c0-.7.3-1.4.8-1.8Z" clip-rule="evenodd"/></svg>',
+    'google-drive': '<svg height="24" width="24"><path clip-rule="evenodd" d="M8.7 4.5a1 1 0 0 1 .9-.5h4.8a1 1 0 0 1 .9.5l5.6 9.7a1 1 0 0 1 0 1l-2.4 4.2a1 1 0 0 1-.9.5H6.4a1 1 0 0 1-.9-.5l-2.4-4.2a1 1 0 0 1 0-1zM10.2 6l-4.5 7.7h2.5L12.7 6h-2.5zm4.2 1 4.4 7.7-1.2 2.2-4.4-7.7zM12 11.2l-1.5 2.5h3zm2.6 4.5H5.7L7 17.9h8.9l-1.3-2.2z" fill-rule="evenodd"/></svg>',
+    'google-photos': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12.4 3c-.8 0-1.4.7-1.4 1.4v3.2a5 5 0 0 0-8 4c0 .8.6 1.4 1.4 1.4h3.2a5 5 0 0 0-1 3 5 5 0 0 0 5 5c.8 0 1.4-.6 1.4-1.4v-3.2a5 5 0 0 0 8-4c0-.8-.7-1.4-1.4-1.4h-3.2a5 5 0 0 0-4-8Zm.6 8V5a3 3 0 0 1 2.4 3 3 3 0 0 1-2.4 3Zm-2 0H5a3 3 0 0 1 3-2.4 3 3 0 0 1 3 2.4Zm2 2a3 3 0 0 0 3 2.4 3 3 0 0 0 3-2.4h-6Zm-4.4 3a3 3 0 0 1 2.4-3v6a3 3 0 0 1-2.4-3Z" clip-rule="evenodd"/></svg>',
+    'grayscale': '<svg height="24" width="24"><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12.4 0H19v3.6zm-2.8 0h-2.2l8.6 8.6v-2.2zm-5 0H5l14 14v-2.6z" fill-rule="evenodd"/></svg>',
+    'huddle': '<svg height="24" width="24"><path d="M10.3 5.6V8h.8v-2l3.5 2 4.3-2.5L14.6 3l-4.3 2.6zM14.6 8v5.2l4.3-2.6V5.6L14.6 8zM6 13.3v2.5h.9v-2l3.4 2 4.3-2.5-4.3-2.6zm4.3 2.6V21l4.3-2.6v-5.1l-4.3 2.6z"/></svg>',
+    'image-decorative': '<svg width="24" height="24"><path d="M12 10c.3 0 .5-.1.7-.3A1 1 0 0 0 13 9a1 1 0 0 0-.3-.7A1 1 0 0 0 12 8a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 1 1Zm0 6a3 3 0 0 1-1.8-.5A3 3 0 0 1 9.1 14a2 2 0 0 0-.2 0 3 3 0 0 1-2.5-1 3 3 0 0 1-.9-2.2A3 3 0 0 1 6.2 9a3.4 3.4 0 0 1-.5-1 3 3 0 0 1-.2-1 3 3 0 0 1 1-2.2A3 3 0 0 1 8.8 4H9a3 3 0 0 1 1.1-1.4A3 3 0 0 1 12 2a3 3 0 0 1 1.8.5c.5.4.9.9 1.1 1.5h.2a3 3 0 0 1 2.5.8 3 3 0 0 1 .9 2.3c0 .3 0 .7-.2 1a2.8 2.8 0 0 1-.5.9l.5 1 .2 1a3 3 0 0 1-1 2.2 3 3 0 0 1-2.4.9 1.8 1.8 0 0 0-.2 0 3 3 0 0 1-1.1 1.4 3 3 0 0 1-1.8.5Zm0 7a8.7 8.7 0 0 1 .7-3.5 9.2 9.2 0 0 1 2-2.8 9.2 9.2 0 0 1 2.8-2A8.6 8.6 0 0 1 21 14a8.6 8.6 0 0 1-.7 3.5 9.2 9.2 0 0 1-2 2.8 9.2 9.2 0 0 1-2.8 2 8.6 8.6 0 0 1-3.5.7Zm2.5-2.5a6.8 6.8 0 0 0 2.4-1.5 6.8 6.8 0 0 0 1.7-2.6c-1 .4-1.8 1-2.6 1.7a6.8 6.8 0 0 0-1.5 2.4ZM12 23a8.6 8.6 0 0 0-.7-3.5 9.2 9.2 0 0 0-2-2.9 9.2 9.2 0 0 0-2.8-1.9A8.6 8.6 0 0 0 3 14a8.7 8.7 0 0 0 .7 3.5 9.2 9.2 0 0 0 2 2.9 9.2 9.2 0 0 0 2.8 1.9 8.6 8.6 0 0 0 3.5.7Zm-2.5-2.5A6.8 6.8 0 0 1 7.2 19a6.8 6.8 0 0 1-1.6-2.6c.9.4 1.7 1 2.5 1.7a6.8 6.8 0 0 1 1.6 2.4Zm5.9-8.4c.3 0 .5-.1.8-.4.2-.2.3-.5.3-.8 0-.2 0-.4-.2-.6a1.3 1.3 0 0 0-.5-.4l-.8-.4a3 3 0 0 1-.2.5 3.8 3.8 0 0 1-.2.5 2.5 2.5 0 0 1-.3.4 4 4 0 0 1-.4.4l.8.6a.8.8 0 0 0 .3.1h.4ZM15 8.5l.8-.4.5-.4.2-.6a1.1 1.1 0 0 0-.3-.8 1 1 0 0 0-.8-.4 1.1 1.1 0 0 0-.7.2l-.8.6.4.4.3.4a3.9 3.9 0 0 1 .4 1Zm-4-2.3a2.7 2.7 0 0 1 1-.2 2.7 2.7 0 0 1 1 .2l.2-1.1c0-.3-.1-.6-.4-.8A1.2 1.2 0 0 0 12 4c-.3 0-.6.1-.8.3-.3.2-.4.5-.3.8v1.1Zm1 7.8c.3 0 .6-.1.8-.3.3-.2.4-.5.3-.8v-1.1a2.7 2.7 0 0 1-1.1.2 2.7 2.7 0 0 1-1-.2l-.2 1.1c0 .3.1.6.4.8.2.2.5.3.8.3ZM9 8.5a3 3 0 0 1 .4-1l.3-.4.4-.4-.8-.6A.9.9 0 0 0 9 6a1.2 1.2 0 0 0-.3 0c-.4 0-.6 0-.9.3a1.1 1.1 0 0 0-.3.8c0 .2 0 .4.2.6l.5.4.9.4Zm-.3 3.6H9l.3-.2.8-.6a5.5 5.5 0 0 1-.4-.4 2.1 2.1 0 0 1-.3-.4 3.8 3.8 0 0 1-.2-.5 3 3 0 0 1-.1-.5l-1 .4-.4.4a1.1 1.1 0 0 0-.2.6c0 .3.2.6.4.8.2.2.4.4.7.4Z"/></svg>',
+    'image-enhancements': '<svg height="24" width="24"><path d="M5.3 21a2 2 0 0 1-1.5-.6 2 2 0 0 1-.6-1.4V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5.2 3H13v2H5.2v14h14v-8h2v8c0 .6-.1 1-.5 1.4a2 2 0 0 1-1.4.6z"/><path d="M11 9a4 4 0 0 0 4 4 4 4 0 0 0-4 4 4 4 0 0 0-4-4 4 4 0 0 0 4-4zm5.5-6c.2 2.1 2.2 4.1 4.5 4.5-2.3.4-4.3 2.4-4.5 4.5A5.2 5.2 0 0 0 12 7.5 5.2 5.2 0 0 0 16.5 3z"/></svg>',
+    'instagram': '<svg height="24" width="24"><path clip-rule="evenodd" d="M10.1 9a4 4 0 1 1 4.4 6.6A4 4 0 0 1 10.1 9zm2.2 1.3a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill-rule="evenodd"/><path d="M16 9.3a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6z"/><path clip-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z" fill-rule="evenodd"/></svg>',
+    'onedrive': '<svg height="24" width="24"><path d="M4 13.7h1zm16 .7h-1zm-11.7-4A4.4 4.4 0 0 1 12.1 8V6a6.4 6.4 0 0 0-5.6 3.4l1.8 1zM12.1 8c2 0 3.6 1.4 4 2.8l2-.5A6.3 6.3 0 0 0 12 6v2zm8.1 6.8-9.8-5.5-1 1.8 9.8 5.5 1-1.8zm-9.8-5.5A5 5 0 0 0 3 13.7h2A3 3 0 0 1 9.5 11l1-1.8zM3 13.7a5 5 0 0 0 1 2.8l1.5-1.1a3 3 0 0 1-.5-1.7zm15.8 1.6a2.3 2.3 0 0 1-2 1.4v2a4.3 4.3 0 0 0 3.9-2.6zm-2 1.4H8v2h8.7zm-8.8 0a3 3 0 0 1-2.5-1.3L4 16.5a5 5 0 0 0 4 2.2v-2zm12.7-.6c.2-.6.3-1.1.3-1.7h-2c0 .3 0 .6-.2.9zm.3-1.7c0-3-3.1-5.1-6-4l.8 1.9a2.3 2.3 0 0 1 3.2 2h2zm-6-4L4.4 15l.8 1.9 10.7-4.6-.7-1.8z"/></svg>',
+    'photo-filter': '<svg height="24" width="24"><path d="M4.4 21c-.3 0-.6-.2-.9-.5-.3-.3-.4-.6-.5-.9L19.6 3c.3 0 .6.3.9.5l.5.9zM3 14.7v-2.8L11.9 3h2.8zM3 7V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5 3h2zm14 14 4-4v2c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6zm-7.7 0L21 9.3v2.8L12 21z"/></svg>',
+    'revert-changes': '<svg height="24" width="24"><path d="m8.9 18.8.4 3.2H13v-2h-2v-2.6a4.6 4.6 0 0 1-1.6-.6 5.9 5.9 0 0 1-1.3-1l-2.5 1-1-1.7 2.2-1.6a4 4 0 0 1-.2-.7 5.9 5.9 0 0 1 0-.8v-.8l.2-.8-2.2-1.6 1-1.7 2.5 1a6 6 0 0 1 1.2-.9l1.4-.6.4-2.6h2l.3 2.6A5.6 5.6 0 0 1 16 8.2l2.5-1 1 1.6-2.2 1.7.2.7v.8a5 5 0 0 1 0 1h2a2.6 2.6 0 0 0 0-.5V11.3l2.6-2-2.8-4.7-3 1.3a8.2 8.2 0 0 0-.5-.4 3.8 3.8 0 0 0-.6-.3L14.8 2H9.3l-.4 3.2a5 5 0 0 0-1.2.7l-3-1.3L2 9.4l2.6 2V12.6l-2.6 2 2.7 4.7 3-1.3a8 8 0 0 0 1.2.7z"/><path d="m14.5 20.3 2.1-2-2.1-2.2 1.4-1.4 2.1 2.1 2.1-2 1.4 1.3-2 2.1 2 2.1-1.4 1.4-2.1-2-2.1 2zM12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>',
+    'saturation': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 20.5a6 6 0 1 1-5.9-10.2 6 6 0 1 1 11.8 0A6 6 0 1 1 12 20.5Zm-1.1-7.7a6 6 0 0 0-.2.3 4.3 4.3 0 0 1-2-1.3c.9.1 1.6.5 2.2 1Zm2.4.3a6 6 0 0 0-.2-.3 4.3 4.3 0 0 1 2.2-1 4.3 4.3 0 0 1-2 1.3ZM12.2 15a6.3 6.3 0 0 1-.4 0 4.3 4.3 0 0 0 .2 2.5 4.3 4.3 0 0 0 .2-2.5Zm.9 4.2a6 6 0 0 0 .8-4.5 6 6 0 0 0 3.4-2.8 4.3 4.3 0 0 1-1.3 8.4 4.3 4.3 0 0 1-2.9-1.1Zm-2.2 0a4.3 4.3 0 1 1-4.2-7.3 6 6 0 0 0 3.4 2.8 6 6 0 0 0 .8 4.5Zm-3-9.2a4.3 4.3 0 1 1 8.3 0 6 6 0 0 0-4.2 1.5A6 6 0 0 0 7.8 10Z"/></svg>',
+    'transform-image': '<svg height="24" width="24"><path d="M3 21v-6h2V9H3V3h6v2h6V3h6v6h-2v6h2v6h-6v-2H9v2zm6-4h6v-2h2V9h-2V7H9v2H7v6h2zM5 7h2V5H5zm12 0h2V5h-2zm0 12h2v-2h-2zM5 19h2v-2H5z"/></svg>',
+    'vibrance': '<svg height="24" width="24"><path d="M12 20 22 4H2zm2.6-8 1.3-2H8l1.3 2h5.2zm-1.2 2h-2.8l1.4 2.2zm5-8L17 8H7L5.6 6h12.8z" fill-rule="evenodd"/></svg>',
+    'vk': '<svg width="24" height="24"><path fill-rule="evenodd" d="M14.8 17.4a2 2 0 0 1-1.3.7 8 8 0 0 1-7.7-3.6c-1.4-2-2.2-4.4-2.6-5.7L3 8.6A2 2 0 0 1 5 6h2.5c.4 0 .8.1 1.2.4A2 2 0 0 1 9.8 6h3.5a2 2 0 0 1 1.4.6 2 2 0 0 1 1.5-.6h2.4a2 2 0 0 1 2 2.5c-.5 1.5-1.2 2.6-1.8 3.6a12.5 12.5 0 0 1 2 3.2A2 2 0 0 1 19 18h-2.6a2 2 0 0 1-1.3-.5 6.9 6.9 0 0 1-.3-.2Zm.5-2.5-1.2-1a3 3 0 0 0-.8-.2v2.4h-1.7a5.6 5.6 0 0 1-.3 0c-3-.7-4.7-3.7-5.6-6.1A38.1 38.1 0 0 1 5 8.1V8h2.5a80.5 80.5 0 0 1 1.2 2.5c.6 1.2 1.2 2 2 2.1V9l-.9-1h3.5v4.1a5 5 0 0 0 .4-.3c.7-.7 1.2-1.4 1.6-2.2l.2-.3.7-1.3h2.4a8.5 8.5 0 0 1-.8 2l-1.3 2-.3.3a10.5 10.5 0 0 1 2.8 3.8h-2.6l-.8-.9a20.6 20.6 0 0 0-.3-.3Z" clip-rule="evenodd"/></svg>',
+    'warmth': '<svg height="24" width="24"><path d="M12 21.1c-1.4 0-2.6-.5-3.6-1.5s-1.5-2.1-1.5-3.5c0-.8.2-1.6.6-2.2A5 5 0 0 1 8.9 12v-6c0-.8.3-1.5 1-2.1a2.9 2.9 0 0 1 2-.9c.9 0 1.6.3 2.2.9.5.6.8 1.3.8 2.1v6a5 5 0 0 1 1.5 1.8A4.9 4.9 0 0 1 17 16c0 1.4-.5 2.6-1.4 3.5s-2.2 1.5-3.6 1.5zm-3-5h6c0-.5-.2-1-.4-1.4a3 3 0 0 0-.9-1l-.8-.6v-7a1 1 0 0 0-.3-.7A1 1 0 0 0 12 5a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v7l-.8.6a2.9 2.9 0 0 0-.9 1 3 3 0 0 0-.3 1.4z"/></svg>',
+    'user': '<svg width="24" height="24"><path d="M12 24a12 12 0 1 1 0-24 12 12 0 0 1 0 24Zm-8.7-5.3a11 11 0 0 0 17.4 0C19.4 16.3 14.6 15 12 15c-2.6 0-7.4 1.3-8.7 3.7ZM12 13c2.2 0 4-2 4-4.5S14.2 4 12 4 8 6 8 8.5 9.8 13 12 13Z" fill-rule="nonzero"/></svg>',
+    'vertical-align': '<svg width="24" height="24"><g fill-rule="nonzero"><rect width="18" height="2" x="3" y="11" rx="1"/><path d="M12 2c.6 0 1 .4 1 1v4l2-1.3a1 1 0 0 1 1.2 1.5l-.1.1-4.1 3-4-3a1 1 0 0 1 1-1.7l2 1.5V3c0-.6.4-1 1-1zm0 11.8 4 2.9a1 1 0 0 1-1 1.7l-2-1.5V21c0 .5-.4 1-.9 1H12a1 1 0 0 1-1-1v-4l-2 1.3a1 1 0 0 1-1.2-.1l-.1-.1a1 1 0 0 1 .1-1.3l.1-.1 4.1-3z"/></g></svg>',
+    'visualblocks': '<svg width="24" height="24"><path d="M9 19v2H7v-2h2Zm-4 0v2a2 2 0 0 1-2-2h2Zm8 0v2h-2v-2h2Zm8 0a2 2 0 0 1-2 2v-2h2Zm-4 0v2h-2v-2h2ZM15 7a1 1 0 0 1 0 2v7a1 1 0 0 1-2 0V9h-1v7a1 1 0 0 1-2 0v-4a2.5 2.5 0 0 1-.2-5H15ZM5 15v2H3v-2h2Zm16 0v2h-2v-2h2ZM5 11v2H3v-2h2Zm16 0v2h-2v-2h2ZM5 7v2H3V7h2Zm16 0v2h-2V7h2ZM5 3v2H3c0-1.1.9-2 2-2Zm8 0v2h-2V3h2Zm6 0a2 2 0 0 1 2 2h-2V3ZM9 3v2H7V3h2Zm8 0v2h-2V3h2Z" fill-rule="evenodd"/></svg>',
+    'visualchars': '<svg width="24" height="24"><path d="M10 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 6.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L10 5Z" fill-rule="evenodd"/></svg>',
+    'warning': '<svg width="24" height="24"><path d="M19.8 18.3c.2.5.3.9 0 1.2-.1.3-.5.5-1 .5H5.2c-.5 0-.9-.2-1-.5-.3-.3-.2-.7 0-1.2L11 4.7l.5-.5.5-.2c.2 0 .3 0 .5.2.2 0 .3.3.5.5l6.8 13.6ZM12 18c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7a1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3Zm.7-3 .3-4a1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7l.3 4h1.4Z" fill-rule="evenodd"/></svg>',
+    'zoom-in': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-1-9a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0V8Zm-2 4a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8Z" fill-rule="nonzero"/></svg>',
+    'zoom-out': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-3-5a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8Z" fill-rule="nonzero"/></svg>',
+  }
+});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/icons.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/icons.min.js
new file mode 100644
index 000000000..e177f1fc3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/icons.min.js
@@ -0,0 +1 @@
+tinymce.IconManager.add("default",{icons:{"accessibility-check":'<svg width="24" height="24"><path d="M12 2a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.1.9-2 2-2Zm8 7h-5v12c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-5c0-.6-.4-1-1-1a1 1 0 0 0-1 1v5c0 .6-.4 1-1 1a1 1 0 0 1-1-1V9H4a1 1 0 1 1 0-2h16c.6 0 1 .4 1 1s-.4 1-1 1Z" fill-rule="nonzero"/></svg>',"accordion-toggle":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 15c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6a1 1 0 0 1-1-1Z"/><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M4 15c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 19c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6a1 1 0 0 1-1-1Z"/><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M4 19c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3 7.3a1 1 0 0 1 1.4 0L16 9.6l2.3-2.3a1 1 0 1 1 1.4 1.4L16 12.4l-3.7-3.7a1 1 0 0 1 0-1.4ZM4.3 11.7a1 1 0 0 1 0-1.4L6.6 8 4.3 5.7a1 1 0 0 1 1.4-1.4L9.4 8l-3.7 3.7a1 1 0 0 1-1.4 0Z"/></svg>',accordion:'<svg width="24" height="24"><rect x="12" y="7" width="10" height="2" rx="1"/><rect x="12" y="11" width="10" height="2" rx="1"/><rect x="12" y="15" width="6" height="2" rx="1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.3 7.3a1 1 0 0 1 1.4 0L6 9.6l2.3-2.3a1 1 0 0 1 1.4 1.4L6 12.4 2.3 8.7a1 1 0 0 1 0-1.4Z"/></svg>',"action-next":'<svg width="24" height="24"><path fill-rule="nonzero" d="M5.7 7.3a1 1 0 0 0-1.4 1.4l7.7 7.7 7.7-7.7a1 1 0 1 0-1.4-1.4L12 13.6 5.7 7.3Z"/></svg>',"action-prev":'<svg width="24" height="24"><path fill-rule="nonzero" d="M18.3 15.7a1 1 0 0 0 1.4-1.4L12 6.6l-7.7 7.7a1 1 0 0 0 1.4 1.4L12 9.4l6.3 6.3Z"/></svg>',addtag:'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 5a2 2 0 0 1 1.6.8L21 12l-4.4 6.2a2 2 0 0 1-1.6.8h-3v-2h3l3.5-5L15 7H5v3H3V7c0-1.1.9-2 2-2h10Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 12a1 1 0 0 0-1 1v2H3a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2H7v-2c0-.6-.4-1-1-1Z"/></svg>',"ai-prompt":'<svg width="24" height="24"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 6.7a1 1 0 0 0-1.4 0l-9.9 10a1 1 0 0 0 0 1.3l2.1 2.1c.4.4 1 .4 1.4 0l10-9.9c.3-.3.3-1 0-1.4l-2.2-2Zm1.4 2.8-2-2-3 2.7 2.2 2.2 2.8-2.9Z"/><path d="m18.5 7.3-.7-1.5-1.5-.8 1.5-.7.7-1.5.7 1.5 1.5.7-1.5.8-.7 1.5ZM18.5 16.5l-.7-1.6-1.5-.7 1.5-.7.7-1.6.7 1.6 1.5.7-1.5.7-.7 1.6ZM9.7 7.3 9 5.8 7.5 5 9 4.3l.7-1.5.7 1.5L12 5l-1.5.8-.7 1.5Z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',ai:'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H5Zm6.8 11.5.5 1.2a68.3 68.3 0 0 0 .7 1.1l.4.1c.3 0 .5 0 .7-.3.2-.1.3-.3.3-.6l-.3-1-2.6-6.2a20.4 20.4 0 0 0-.5-1.3l-.5-.4-.7-.2c-.2 0-.5 0-.6.2-.2 0-.4.2-.5.4l-.3.6-.3.7L5.7 15l-.2.6-.1.4c0 .3 0 .5.3.7l.6.2c.3 0 .5 0 .7-.2l.4-1 .5-1.2h3.9ZM9.8 9l1.5 4h-3l1.5-4Zm5.6-.9v7.6c0 .4 0 .7.2 1l.7.2c.3 0 .6 0 .8-.3l.2-.9V8.1c0-.4 0-.7-.2-.9a1 1 0 0 0-.8-.3c-.2 0-.5.1-.7.3l-.2 1Z"/></svg>',"align-center":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm3 4h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm-3-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',"align-justify":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',"align-left":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',"align-none":'<svg width="24" height="24"><path d="M14.2 5 13 7H5a1 1 0 1 1 0-2h9.2Zm4 0h.8a1 1 0 0 1 0 2h-2l1.2-2Zm-6.4 4-1.2 2H5a1 1 0 0 1 0-2h6.8Zm4 0H19a1 1 0 0 1 0 2h-4.4l1.2-2Zm-6.4 4-1.2 2H5a1 1 0 0 1 0-2h4.4Zm4 0H19a1 1 0 0 1 0 2h-6.8l1.2-2ZM7 17l-1.2 2H5a1 1 0 0 1 0-2h2Zm4 0h8a1 1 0 0 1 0 2H9.8l1.2-2Zm5.2-13.5 1.3.7-9.7 16.3-1.3-.7 9.7-16.3Z" fill-rule="evenodd"/></svg>',"align-right":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm6 4h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-6-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',"arrow-left":'<svg width="24" height="24"><path d="m5.6 13 12 6a1 1 0 0 0 1.4-1V6a1 1 0 0 0-1.4-.9l-12 6a1 1 0 0 0 0 1.8Z" fill-rule="evenodd"/></svg>',"arrow-right":'<svg width="24" height="24"><path d="m18.5 13-12 6A1 1 0 0 1 5 18V6a1 1 0 0 1 1.4-.9l12 6a1 1 0 0 1 0 1.8Z" fill-rule="evenodd"/></svg>',bold:'<svg width="24" height="24"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 0 1-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8Zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4Zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4Z" fill-rule="evenodd"/></svg>',bookmark:'<svg width="24" height="24"><path d="M6 4v17l6-4 6 4V4c0-.6-.4-1-1-1H7a1 1 0 0 0-1 1Z" fill-rule="nonzero"/></svg>',"border-style":'<svg width="24" height="24"><g fill-rule="evenodd"><rect width="18" height="2" x="3" y="6" rx="1"/><rect width="2.8" height="2" x="3" y="16" rx="1"/><rect width="2.8" height="2" x="6.8" y="16" rx="1"/><rect width="2.8" height="2" x="10.6" y="16" rx="1"/><rect width="2.8" height="2" x="14.4" y="16" rx="1"/><rect width="2.8" height="2" x="18.2" y="16" rx="1"/><rect width="8" height="2" x="3" y="11" rx="1"/><rect width="8" height="2" x="13" y="11" rx="1"/></g></svg>',"border-width":'<svg width="24" height="24"><g fill-rule="evenodd"><rect width="18" height="5" x="3" y="5" rx="1"/><rect width="18" height="3.5" x="3" y="11.5" rx="1"/><rect width="18" height="2" x="3" y="17" rx="1"/></g></svg>',brightness:'<svg width="24" height="24"><path d="M12.7 18.3a1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v1a1 1 0 0 0 .3.7 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7v-1a1 1 0 0 0-.3-.7ZM11.3 5.7a1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3A1 1 0 0 0 13 5V4a1 1 0 0 0-.3-.7A1 1 0 0 0 12 3a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v1a1 1 0 0 0 .3.7Zm9.4 5.6a1 1 0 0 0-.7-.3h-1a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.7 1 1 0 0 0 .7.3h1a1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7Zm-15 1.4A1 1 0 0 0 6 12a1 1 0 0 0-.3-.7A1 1 0 0 0 5 11H4a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.7 1 1 0 0 0 .7.3h1a1 1 0 0 0 .7-.3Zm13 4.6-.7-.8a1 1 0 0 0-.8-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.8l.7.7a1 1 0 0 0 .7.3 1 1 0 0 0 .8-.3 1 1 0 0 0 .3-.8 1 1 0 0 0-.3-.7ZM5.3 6.7l.7.8a1 1 0 0 0 .8.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.8l-.7-.7A1 1 0 0 0 6 5a1 1 0 0 0-.8.3 1 1 0 0 0-.3.8 1 1 0 0 0 .3.6Zm12 1a1 1 0 0 0 .7-.2l.7-.7A1 1 0 0 0 19 6a1 1 0 0 0-.3-.8 1 1 0 0 0-.8-.3 1 1 0 0 0-.7.3l-.7.7a1 1 0 0 0-.3.8 1 1 0 0 0 .3.7 1 1 0 0 0 .7.2ZM6.7 16.4a1 1 0 0 0-.8.2l-.7.7a1 1 0 0 0-.3.7 1 1 0 0 0 .3.8 1 1 0 0 0 .8.3 1 1 0 0 0 .7-.3l.7-.7a1 1 0 0 0 .3-.8 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3Z"/><path fill-rule="evenodd" d="M13.6 8.3A4 4 0 0 0 12 8a4 4 0 0 0-1.6.3A4 4 0 0 0 9 9.5a4 4 0 0 0-.6 1A4 4 0 0 0 8 12c0 .6.1 1 .3 1.6a4 4 0 0 0 2.1 2 4 4 0 0 0 1.6.4 4 4 0 0 0 1.6-.3 4 4 0 0 0 2-2.1A4 4 0 0 0 16 12a4 4 0 0 0-.3-1.6 4 4 0 0 0-2.1-2ZM14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/></svg>',browse:'<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4v-2h4V8H5v10h4v2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9.4-2.3 2.3a1 1 0 1 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L13 13.4V20a1 1 0 0 1-2 0v-6.6Z" fill-rule="nonzero"/></svg>',cancel:'<svg width="24" height="24"><path d="M12 4.6a7.4 7.4 0 1 1 0 14.8 7.4 7.4 0 0 1 0-14.8ZM12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 8L14.8 8l1 1.1-2.7 2.8 2.7 2.7-1.1 1.1-2.7-2.7-2.7 2.7-1-1.1 2.6-2.7-2.7-2.7 1-1.1 2.8 2.7Z" fill-rule="nonzero"/></svg>',"cell-background-color":'<svg width="24" height="24"><path d="m15.7 2 1.6 1.6-2.7 2.6 5.9 5.8c.7.7.7 1.7 0 2.4l-6.3 6.1a1.7 1.7 0 0 1-2.4 0l-6.3-6.1c-.7-.7-.7-1.7 0-2.4L15.7 2ZM18 12l-4.5-4L9 12h9ZM4 16s2 2.4 2 3.8C6 21 5.1 22 4 22s-2-1-2-2.2C2 18.4 4 16 4 16Z"/></svg>',"cell-border-color":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M5 13v5h2v2H5a2 2 0 0 1-2-2v-5h2zm8-7V4h6a2 2 0 0 1 2 2h-8z" opacity=".2"/><path fill-rule="nonzero" d="M13 4v2H5v7H3V6c0-1.1.9-2 2-2h8zm-2.6 14.1.1-.1.1.1.2.3.2.2.2.2c.4.6.8 1.2.8 1.7 0 .8-.7 1.5-1.5 1.5S9 21.3 9 20.5c0-.5.4-1.1.8-1.7l.2-.2.2-.2.2-.3z"/><path d="m13 11-2 2H5v-2h6V6h2z"/><path fill-rule="nonzero" d="m18.4 8 1 1-1.8 1.9 4 4c.5.4.5 1.1 0 1.6l-4.3 4.2a1.2 1.2 0 0 1-1.6 0l-4.4-4.2c-.4-.5-.4-1.2 0-1.7l7-6.8Zm1.6 7-3-3-3 3h6Z"/></g></svg>',"change-case":'<svg width="24" height="24"><path d="M18.4 18.2v-.6c-.5.8-1.3 1.2-2.4 1.2-2.2 0-3.3-1.6-3.3-4.8 0-3.1 1-4.7 3.3-4.7 1.1 0 1.8.3 2.4 1.1v-.6c0-.5.4-.8.8-.8s.8.3.8.8v8.4c0 .5-.4.8-.8.8a.8.8 0 0 1-.8-.8zm-2-7.4c-1.3 0-1.8.9-1.8 3.2 0 2.4.5 3.3 1.7 3.3 1.3 0 1.8-.9 1.8-3.2 0-2.4-.5-3.3-1.7-3.3zM10 15.7H5.5l-.8 2.6a1 1 0 0 1-1 .7h-.2a.7.7 0 0 1-.7-1l4-12a1 1 0 0 1 2 0l4 12a.7.7 0 0 1-.8 1h-.2a1 1 0 0 1-1-.7l-.8-2.6zm-.3-1.5-2-6.5-1.9 6.5h3.9z" fill-rule="evenodd"/></svg>',"character-count":'<svg width="24" height="24"><path d="M4 11.5h16v1H4v-1Zm4.8-6.8V10H7.7V5.8h-1v-1h2ZM11 8.3V9h2v1h-3V7.7l2-1v-.9h-2v-1h3v2.4l-2 1Zm6.3-3.4V10h-3.1V9h2.1V8h-2.1V6.8h2.1v-1h-2.1v-1h3.1ZM5.8 16.4c0-.5.2-.8.5-1 .2-.2.6-.3 1.2-.3l.8.1c.2 0 .4.2.5.3l.4.4v2.8l.2.3H8.2V18.7l-.6.3H7c-.4 0-.7 0-1-.2a1 1 0 0 1-.3-.9c0-.3 0-.6.3-.8.3-.2.7-.4 1.2-.4l.6-.2h.3v-.2l-.1-.2a.8.8 0 0 0-.5-.1 1 1 0 0 0-.4 0l-.3.4h-1Zm2.3.8h-.2l-.2.1-.4.1a1 1 0 0 0-.4.2l-.2.2.1.3.5.1h.4l.4-.4v-.6Zm2-3.4h1.2v1.7l.5-.3h.5c.5 0 .9.1 1.2.5.3.4.5.8.5 1.4 0 .6-.2 1.1-.5 1.5-.3.4-.7.6-1.3.6l-.6-.1-.4-.4v.4h-1.1v-5.4Zm1.1 3.3c0 .3 0 .6.2.8a.7.7 0 0 0 1.2 0l.2-.8c0-.4 0-.6-.2-.8a.7.7 0 0 0-.6-.3l-.6.3-.2.8Zm6.1-.5c0-.2 0-.3-.2-.4a.8.8 0 0 0-.5-.2c-.3 0-.5.1-.6.3l-.2.9c0 .3 0 .6.2.8.1.2.3.3.6.3.2 0 .4 0 .5-.2l.2-.4h1.1c0 .5-.3.8-.6 1.1a2 2 0 0 1-1.3.4c-.5 0-1-.2-1.3-.6a2 2 0 0 1-.5-1.4c0-.6.1-1.1.5-1.5.3-.4.8-.5 1.4-.5.5 0 1 0 1.2.3.4.3.5.7.5 1.2h-1v-.1Z" fill-rule="evenodd"/></svg>',"checklist-rtl":'<svg width="24" height="24"><path d="M5 17h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2zm14.2 11c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 8c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8z" fill-rule="evenodd"/></svg>',checklist:'<svg width="24" height="24"><path d="M11 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2ZM7.2 16c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 8c-.2.3-.7.4-1 0L3.8 6.9a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Z" fill-rule="evenodd"/></svg>',checkmark:'<svg width="24" height="24"><path d="M18.2 5.4a1 1 0 0 1 1.6 1.2l-8 12a1 1 0 0 1-1.5.1l-5-5a1 1 0 1 1 1.4-1.4l4.1 4.1 7.4-11Z" fill-rule="nonzero"/></svg>',"chevron-down":'<svg width="10" height="10"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"/></svg>',"chevron-left":'<svg width="10" height="10"><path d="M7.8 1.3 4 5l3.8 3.7c.3.3.3.8 0 1-.4.4-.9.4-1.2 0L2.2 5.7a.8.8 0 0 1 0-1.2L6.6.2C7 0 7.4 0 7.8.2c.3.3.3.8 0 1.1Z" fill-rule="nonzero"/></svg>',"chevron-right":'<svg width="10" height="10"><path d="M2.2 1.3a.8.8 0 0 1 0-1c.4-.4.9-.4 1.2 0l4.4 4.1c.3.4.3.9 0 1.2L3.4 9.8c-.3.3-.8.3-1.2 0a.8.8 0 0 1 0-1.1L6 5 2.2 1.3Z" fill-rule="nonzero"/></svg>',"chevron-up":'<svg width="10" height="10"><path d="M8.7 7.8 5 4 1.3 7.8c-.3.3-.8.3-1 0a.8.8 0 0 1 0-1.2l4.1-4.4c.3-.3.9-.3 1.2 0l4.2 4.4c.3.3.3.9 0 1.2-.3.3-.8.3-1.1 0Z" fill-rule="nonzero"/></svg>',close:'<svg width="24" height="24"><path d="M17.3 8.2 13.4 12l3.9 3.8a1 1 0 0 1-1.5 1.5L12 13.4l-3.8 3.9a1 1 0 0 1-1.5-1.5l3.9-3.8-3.9-3.8a1 1 0 0 1 1.5-1.5l3.8 3.9 3.8-3.9a1 1 0 0 1 1.5 1.5Z" fill-rule="evenodd"/></svg>',"code-sample":'<svg width="24" height="26"><path d="M7.1 11a2.8 2.8 0 0 1-.8 2 2.8 2.8 0 0 1 .8 2v1.7c0 .3.1.6.4.8.2.3.5.4.8.4.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.7 0-1.4-.3-2-.8-.5-.6-.8-1.3-.8-2V15c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 0 1-.4-.4v-.8c0-.2.2-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V9.3c0-.7.3-1.4.8-2 .6-.5 1.3-.8 2-.8.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8V11Zm9.8 0V9.3c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 0 1-.4-.4V7c0-.2.1-.4.4-.4.7 0 1.4.3 2 .8.5.6.8 1.3.8 2V11c0 .3.1.6.4.8.2.3.5.4.8.4.2 0 .4.2.4.4v.8c0 .2-.2.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8v1.7c0 .7-.3 1.4-.8 2-.6.5-1.3.8-2 .8a.4.4 0 0 1-.4-.4v-.8c0-.2.1-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V15a2.8 2.8 0 0 1 .8-2 2.8 2.8 0 0 1-.8-2Zm-3.3-.4c0 .4-.1.8-.5 1.1-.3.3-.7.5-1.1.5-.4 0-.8-.2-1.1-.5-.4-.3-.5-.7-.5-1.1 0-.5.1-.9.5-1.2.3-.3.7-.4 1.1-.4.4 0 .8.1 1.1.4.4.3.5.7.5 1.2ZM12 13c.4 0 .8.1 1.1.5.4.3.5.7.5 1.1 0 1-.1 1.6-.5 2a3 3 0 0 1-1.1 1c-.4.3-.8.4-1.1.4a.5.5 0 0 1-.5-.5V17a3 3 0 0 0 1-.2l.6-.6c-.6 0-1-.2-1.3-.5-.2-.3-.3-.7-.3-1 0-.5.1-1 .5-1.2.3-.4.7-.5 1.1-.5Z" fill-rule="evenodd"/></svg>',"color-levels":'<svg width="24" height="24"><path d="M17.5 11.4A9 9 0 0 1 18 14c0 .5 0 1-.2 1.4 0 .4-.3.9-.5 1.3a6.2 6.2 0 0 1-3.7 3 5.7 5.7 0 0 1-3.2 0A5.9 5.9 0 0 1 7.6 18a6.2 6.2 0 0 1-1.4-2.6 6.7 6.7 0 0 1 0-2.8c0-.4.1-.9.3-1.3a13.6 13.6 0 0 1 2.3-4A20 20 0 0 1 12 4a26.4 26.4 0 0 1 3.2 3.4 18.2 18.2 0 0 1 2.3 4Zm-2 4.5c.4-.7.5-1.4.5-2a7.3 7.3 0 0 0-1-3.2c.2.6.2 1.2.2 1.9a4.5 4.5 0 0 1-1.3 3 5.3 5.3 0 0 1-2.3 1.5 4.9 4.9 0 0 1-2 .1 4.3 4.3 0 0 0 2.4.8 4 4 0 0 0 2-.6 4 4 0 0 0 1.5-1.5Z" fill-rule="evenodd"/></svg>',"color-picker":'<svg width="24" height="24"><path d="M12 3a9 9 0 0 0 0 18 1.5 1.5 0 0 0 1.1-2.5c-.2-.3-.4-.6-.4-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8Zm-5.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3-4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z" fill-rule="nonzero"/></svg>',"color-swatch-remove-color":'<svg width="24" height="24" class="color-swatch-remove-color"><path stroke="#000" stroke-width="2" d="M21 3 3 21" fill-rule="evenodd"/></svg>',"color-swatch":'<svg width="24" height="24"><rect x="3" y="3" width="18" height="18" rx="1" fill-rule="evenodd"/></svg>',"comment-add":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="m9 19 3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h4v2Zm-2 4v-4H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-6.4L7 23Z"/><path d="M13 10h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H9a1 1 0 0 1 0-2h2V8a1 1 0 0 1 2 0v2Z"/></g></svg>',comment:'<svg width="24" height="24"><path fill-rule="nonzero" d="m9 19 3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h4v2Zm-2 4v-4H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-6.4L7 23Z"/></svg>',contrast:'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 0 1 19.4 9c.4 1 .6 2 .6 3.1s-.2 2.1-.6 3.1a8 8 0 0 1-1.7 2.6 8 8 0 0 1-2.6 1.7 7.8 7.8 0 0 1-3.1.6 7.8 7.8 0 0 1-3.1-.6 8 8 0 0 1-2.6-1.7A8 8 0 0 1 4.6 15 7.8 7.8 0 0 1 4 12c0-1.1.2-2.1.6-3.1a8 8 0 0 1 1.7-2.6A8 8 0 0 1 9 4.6 7.8 7.8 0 0 1 12 4Zm-6 8a6 6 0 0 0 1.8 4.2 6 6 0 0 0 1.9 1.3 5.8 5.8 0 0 0 2.3.5V6c-.8 0-1.6.2-2.3.5a6 6 0 0 0-2 1.3 6 6 0 0 0-1.2 1.9A5.8 5.8 0 0 0 6 12Z"/></svg>',copy:'<svg width="24" height="24"><path d="M16 3H6a2 2 0 0 0-2 2v11h2V5h10V3Zm1 4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9c0-1.2.9-2 2-2h7Zm0 12V9h-7v10h7Z" fill-rule="nonzero"/></svg>',crop:'<svg width="24" height="24"><path d="M17 8v7h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v2c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-2H7V9H5a1 1 0 1 1 0-2h2V5c0-.6.4-1 1-1s1 .4 1 1v2h7l3-3 1 1-3 3ZM9 9v5l5-5H9Zm1 6h5v-5l-5 5Z" fill-rule="evenodd"/></svg>',"cut-column":'<svg width="24" height="24"><path fill-rule="evenodd" d="M7.2 4.5c.9 0 1.6.4 2.2 1A3.7 3.7 0 0 1 10.5 8v.5l1 1 4-4 1-.5a3.3 3.3 0 0 1 2 0c.4 0 .7.3 1 .5L17 8h4v13h-6V10l-1.5 1.5.5.5v4l-2.5-2.5-1 1v.5c0 .4 0 .8-.3 1.2-.2.5-.4.9-.8 1.2-.6.7-1.3 1-2.2 1-.8.2-1.5 0-2-.6l-.5-.8-.2-1c0-.4 0-.8.3-1.2A3.9 3.9 0 0 1 7 12.7c.5-.2 1-.3 1.5-.2l1-1-1-1c-.5 0-1 0-1.5-.2-.5-.1-1-.4-1.4-.9-.4-.3-.6-.7-.8-1.2L4.5 7c0-.4 0-.7.2-1 0-.3.3-.6.5-.8.5-.5 1.2-.8 2-.7Zm12.3 5h-3v10h3v-10ZM8 13.8h-.3l-.4.2a2.8 2.8 0 0 0-.7.4v.1a2.8 2.8 0 0 0-.6.8l-.1.4v.7l.2.5.5.2h.7a2.6 2.6 0 0 0 .8-.3 2.4 2.4 0 0 0 .7-.7 2.5 2.5 0 0 0 .3-.8 1.5 1.5 0 0 0 0-.8 1 1 0 0 0-.2-.4 1 1 0 0 0-.5-.2H8Zm3.5-3.7c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4ZM7 5.8h-.4a1 1 0 0 0-.5.3 1 1 0 0 0-.2.5v.7a2.5 2.5 0 0 0 .3.8l.2.3h.1l.4.4.4.2.4.1h.7L9 9l.2-.4a1.6 1.6 0 0 0 0-.8 2.6 2.6 0 0 0-.3-.8A2.5 2.5 0 0 0 7.7 6l-.4-.1H7Z"/></svg>',"cut-row":'<svg width="24" height="24"><path fill-rule="evenodd" d="M22 3v5H9l3 3 2-2h4l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8.7.6 1 1.3 1 2.2.2.8 0 1.5-.6 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 0 1-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 0 1 8.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 0 1 0-2c0-.4.3-.7.5-1l2 2V3h14ZM8.5 15.3h-.3a2.6 2.6 0 0 0-.8.4 2.5 2.5 0 0 0-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 0 0 .8-.3L9 18V18l.4-.4.2-.4.1-.4v-.7a1 1 0 0 0-.2-.5 1 1 0 0 0-.4-.2h-.5Zm7 0H15a1 1 0 0 0-.4.3 1 1 0 0 0-.2.5 1.5 1.5 0 0 0 0 .7v.4a2.8 2.8 0 0 0 .5.7h.1a2.8 2.8 0 0 0 .8.6l.4.1h.7l.5-.2.2-.5v-.7a2.6 2.6 0 0 0-.3-.8 2.4 2.4 0 0 0-.7-.7 2.5 2.5 0 0 0-.8-.3h-.3ZM12 11.6c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4Zm8.5-7.1h-11v2h11v-2Z"/></svg>',cut:'<svg width="24" height="24"><path d="M18 15c.6.7 1 1.4 1 2.3 0 .8-.2 1.5-.7 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 0 1-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 0 1 8.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 0 1 0-2c0-.4.3-.7.5-1l6 6 6-6 .5 1a3.3 3.3 0 0 1 0 2c0 .4-.3.7-.5 1l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8Zm-8.5 2.2.1-.4v-.7a1 1 0 0 0-.2-.5 1 1 0 0 0-.4-.2 1.6 1.6 0 0 0-.8 0 2.6 2.6 0 0 0-.8.3 2.5 2.5 0 0 0-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 0 0 .8-.3 2.8 2.8 0 0 0 1-1Zm2.5-2.8c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4Zm5.4 4 .2-.5v-.7a2.6 2.6 0 0 0-.3-.8 2.4 2.4 0 0 0-.7-.7 2.5 2.5 0 0 0-.8-.3 1.5 1.5 0 0 0-.8 0 1 1 0 0 0-.4.2 1 1 0 0 0-.2.5 1.5 1.5 0 0 0 0 .7v.4l.3.4.3.4a2.8 2.8 0 0 0 .8.5l.4.1h.7l.5-.2Z" fill-rule="evenodd"/></svg>',"document-properties":'<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',drag:'<svg width="24" height="24"><path d="M13 5h2v2h-2V5Zm0 4h2v2h-2V9ZM9 9h2v2H9V9Zm4 4h2v2h-2v-2Zm-4 0h2v2H9v-2Zm0 4h2v2H9v-2Zm4 0h2v2h-2v-2ZM9 5h2v2H9V5Z" fill-rule="evenodd"/></svg>',"duplicate-column":'<svg width="24" height="24"><path d="M17 6v16h-7V6h7Zm-2 2h-3v12h3V8Zm-2-6v2H8v15H6V2h7Z"/></svg>',"duplicate-row":'<svg width="24" height="24"><path d="M22 11v7H6v-7h16Zm-2 2H8v3h12v-3Zm-1-6v2H4v5H2V7h17Z"/></svg>',duplicate:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M16 3v2H6v11H4V5c0-1.1.9-2 2-2h10Zm3 8h-2V9h-7v10h9a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9c0-1.2.9-2 2-2h7a2 2 0 0 1 2 2v2Z"/><path d="M17 14h1a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1Z"/></g></svg>',"edit-block":'<svg width="24" height="24"><path fill-rule="nonzero" d="m19.8 8.8-9.4 9.4c-.2.2-.5.4-.9.4l-5.4 1.2 1.2-5.4.5-.8 9.4-9.4c.7-.7 1.8-.7 2.5 0l2.1 2.1c.7.7.7 1.8 0 2.5Zm-2-.2 1-.9v-.3l-2.2-2.2a.3.3 0 0 0-.3 0l-1 1L18 8.5Zm-1 1-2.5-2.4-6 6 2.5 2.5 6-6Zm-7 7.1-2.6-2.4-.3.3-.1.2-.7 3 3.1-.6h.1l.4-.5Z"/></svg>',"edit-image":'<svg width="24" height="24"><path d="M18 16h2V7a2 2 0 0 0-2-2H7v2h11v9ZM6 17h15a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1H6a2 2 0 0 1-2-2V7H3a1 1 0 1 1 0-2h1V4a1 1 0 1 1 2 0v13Zm3-5.3 1.3 2 3-4.7 3.7 6H7l2-3.3Z" fill-rule="nonzero"/></svg>',"embed-page":'<svg width="24" height="24"><path d="M19 6V5H5v14h2A13 13 0 0 1 19 6Zm0 1.4c-.8.8-1.6 2.4-2.2 4.6H19V7.4Zm0 5.6h-2.4c-.4 1.8-.6 3.8-.6 6h3v-6Zm-4 6c0-2.2.2-4.2.6-6H13c-.7 1.8-1.1 3.8-1.1 6h3Zm-4 0c0-2.2.4-4.2 1-6H9.6A12 12 0 0 0 8 19h3ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm11.8 9c.4-1.9 1-3.4 1.8-4.5a9.2 9.2 0 0 0-4 4.5h2.2Zm-3.4 0a12 12 0 0 1 2.8-4 12 12 0 0 0-5 4h2.2Z" fill-rule="nonzero"/></svg>',embed:'<svg width="24" height="24"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm1 2v14h14V5H5Zm4.8 2.6 5.6 4a.5.5 0 0 1 0 .8l-5.6 4A.5.5 0 0 1 9 16V8a.5.5 0 0 1 .8-.4Z" fill-rule="nonzero"/></svg>',emoji:'<svg width="24" height="24"><path d="M9 11c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm6 0c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm-3 5.5c2.1 0 4-1.5 4.4-3.5H7.6c.5 2 2.3 3.5 4.4 3.5ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13Z" fill-rule="nonzero"/></svg>',export:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M14.4 3 18 7v1h-5V5H7v14h9a1 1 0 0 1 2 0c0 1-.8 2-1.9 2H7c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2h7.5Z"/><path d="M18.1 12c.5 0 .9.4.9 1 0 .5-.3 1-.8 1h-7.3c-.5 0-.9-.4-.9-1 0-.5.3-1 .8-1h7.3Z"/><path d="M16.4 9.2a1 1 0 0 1 1.4.2l2.4 3.6-2.4 3.6a1 1 0 0 1-1.7-1v-.2l1.7-2.4-1.6-2.4a1 1 0 0 1 .2-1.4Z"/></g></svg>',fill:'<svg width="24" height="26"><path d="m16.6 12-9-9-1.4 1.4 2.4 2.4-5.2 5.1c-.5.6-.5 1.6 0 2.2L9 19.6a1.5 1.5 0 0 0 2.2 0l5.5-5.5c.5-.6.5-1.6 0-2.2ZM5.2 13 10 8.2l4.8 4.8H5.2ZM19 14.5s-2 2.2-2 3.5c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.3-2-3.5-2-3.5Z" fill-rule="nonzero"/></svg>',"flip-horizontally":'<svg width="24" height="24"><path d="M14 19h2v-2h-2v2Zm4-8h2V9h-2v2ZM4 7v10c0 1.1.9 2 2 2h3v-2H6V7h3V5H6a2 2 0 0 0-2 2Zm14-2v2h2a2 2 0 0 0-2-2Zm-7 16h2V3h-2v18Zm7-6h2v-2h-2v2Zm-4-8h2V5h-2v2Zm4 12a2 2 0 0 0 2-2h-2v2Z" fill-rule="nonzero"/></svg>',"flip-vertically":'<svg width="24" height="24"><path d="M5 14v2h2v-2H5Zm8 4v2h2v-2h-2Zm4-14H7a2 2 0 0 0-2 2v3h2V6h10v3h2V6a2 2 0 0 0-2-2Zm2 14h-2v2a2 2 0 0 0 2-2ZM3 11v2h18v-2H3Zm6 7v2h2v-2H9Zm8-4v2h2v-2h-2ZM5 18c0 1.1.9 2 2 2v-2H5Z" fill-rule="nonzero"/></svg>',footnote:'<svg width="24" height="24"><path d="M19 13c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2h14Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 4v6h-1V5h-1.5V4h2.6Z"/><path d="M12 18c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2h7ZM14 8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2h9Z"/></svg>',"format-code":'<svg width="24" height="24"><path d="m10 22 2-7H6l9-13h2l-2 8h7L12 22h-2ZM6 2h7l-1.4 2H6V2Zm4.2 4H4v2h4.8l1.4-2Zm-2.7 4H2v2h4l1.5-2Z"/></svg>',"format-painter":'<svg width="24" height="24"><path d="M18 5V4c0-.5-.4-1-1-1H5a1 1 0 0 0-1 1v4c0 .6.5 1 1 1h12c.6 0 1-.4 1-1V7h1v4H9v9c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-7h8V5h-3Z" fill-rule="nonzero"/></svg>',format:'<svg width="24" height="24"><path fill-rule="evenodd" d="M17 5a1 1 0 0 1 0 2h-4v11a1 1 0 0 1-2 0V7H7a1 1 0 1 1 0-2h10Z"/></svg>',fullscreen:'<svg width="24" height="24"><path d="m15.3 10-1.2-1.3 2.9-3h-2.3a.9.9 0 1 1 0-1.7H19c.5 0 .9.4.9.9v4.4a.9.9 0 1 1-1.8 0V7l-2.9 3Zm0 4 3 3v-2.3a.9.9 0 1 1 1.7 0V19c0 .5-.4.9-.9.9h-4.4a.9.9 0 1 1 0-1.8H17l-3-2.9 1.3-1.2ZM10 15.4l-2.9 3h2.3a.9.9 0 1 1 0 1.7H5a.9.9 0 0 1-.9-.9v-4.4a.9.9 0 1 1 1.8 0V17l2.9-3 1.2 1.3ZM8.7 10 5.7 7v2.3a.9.9 0 0 1-1.7 0V5c0-.5.4-.9.9-.9h4.4a.9.9 0 0 1 0 1.8H7l3 2.9-1.3 1.2Z" fill-rule="nonzero"/></svg>',gallery:'<svg width="24" height="24"><path fill-rule="nonzero" d="m5 15.7 2.3-2.2c.3-.3.7-.3 1 0L11 16l5.1-5c.3-.4.8-.4 1 0l2 1.9V8H5v7.7ZM5 18V19h3l1.8-1.9-2-2L5 17.9Zm14-3-2.5-2.4-6.4 6.5H19v-4ZM4 6h16c.6 0 1 .4 1 1v13c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V7c0-.6.4-1 1-1Zm6 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM4.5 4h15a.5.5 0 1 1 0 1h-15a.5.5 0 0 1 0-1Zm2-2h11a.5.5 0 1 1 0 1h-11a.5.5 0 0 1 0-1Z"/></svg>',gamma:'<svg height="24" width="24"><path d="M11.5 16.3a.7.7 0 1 0 1.4 0V14l2.7-6a.7.7 0 1 0-1.2-.6l-2.2 5-2.3-4.9C9.6 7 8.7 7 8 7.2v1.1c.8-.2.9 0 1.2 1l2.3 4.7z"/><path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2h14v14H5z" fill-rule="evenodd"/></svg>',help:'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M12 5.5a6.5 6.5 0 0 0-6 9 6.3 6.3 0 0 0 1.4 2l1 1a6.3 6.3 0 0 0 3.6 1 6.5 6.5 0 0 0 6-9 6.3 6.3 0 0 0-1.4-2l-1-1a6.3 6.3 0 0 0-3.6-1ZM12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 1 1 12 4Z"/><path d="M9.6 9.7a.7.7 0 0 1-.7-.8c0-1.1 1.5-1.8 3.2-1.8 1.8 0 3.2.8 3.2 2.4 0 1.4-.4 2.1-1.5 2.8-.2 0-.3.1-.3.2a2 2 0 0 0-.8.8.8.8 0 0 1-1.4-.6c.3-.7.8-1 1.3-1.5l.4-.2c.7-.4.8-.6.8-1.5 0-.5-.6-.9-1.7-.9-.5 0-1 .1-1.4.3-.2 0-.3.1-.3.2v-.2c0 .4-.4.8-.8.8Z" fill-rule="nonzero"/><circle cx="12" cy="16" r="1"/></g></svg>',"highlight-bg-color":'<svg width="24" height="24"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z"/><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"/></g></svg>',home:'<svg width="24" height="24"><path fill-rule="nonzero" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>',"horizontal-rule":'<svg width="24" height="24"><path d="M4 11h16v2H4z" fill-rule="evenodd"/></svg>',"image-options":'<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',image:'<svg width="24" height="24"><path d="m5 15.7 3.3-3.2c.3-.3.7-.3 1 0L12 15l4.1-4c.3-.4.8-.4 1 0l2 1.9V5H5v10.7ZM5 18V19h3l2.8-2.9-2-2L5 17.9Zm14-3-2.5-2.4-6.4 6.5H19v-4ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill-rule="nonzero"/></svg>',indent:'<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 1 1 0-2Zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm-5 4h12a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2Zm-2.6-3.8L6.2 12l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',info:'<svg width="24" height="24"><path d="M12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 1 1 12 4Zm-1 3v2h2V7h-2Zm3 10v-1h-1v-5h-3v1h1v4h-1v1h4Z" fill-rule="evenodd"/></svg>',"insert-character":'<svg width="24" height="24"><path d="M15 18h4l1-2v4h-6v-3.3l1.4-1a6 6 0 0 0 1.8-2.9 6.3 6.3 0 0 0-.1-4.1 5.8 5.8 0 0 0-3-3.2c-.6-.3-1.3-.5-2.1-.5a5.1 5.1 0 0 0-3.9 1.8 6.3 6.3 0 0 0-1.3 6 6.2 6.2 0 0 0 1.8 3l1.4.9V20H4v-4l1 2h4v-.5l-2-1L5.4 15A6.5 6.5 0 0 1 4 11c0-1 .2-1.9.6-2.7A7 7 0 0 1 6.3 6C7.1 5.4 8 5 9 4.5c1-.3 2-.5 3.1-.5a8.8 8.8 0 0 1 5.7 2 7 7 0 0 1 1.7 2.3 6 6 0 0 1 .2 4.8c-.2.7-.6 1.3-1 1.9a7.6 7.6 0 0 1-3.6 2.5v.5Z" fill-rule="evenodd"/></svg>',"insert-time":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm0 2a9 9 0 1 1 0-18 9 9 0 0 1 0 18Z"/><path d="M16 12h-3V7c0-.6-.4-1-1-1a1 1 0 0 0-1 1v7h5c.6 0 1-.4 1-1s-.4-1-1-1Z"/></g></svg>',invert:'<svg height="24" width="24"><path d="M5 4 3.6 5.4l3.9 4C6.6 10.7 6 12.3 6 14a6 6 0 0 0 10.3 4.2l1.9 1.8 1.4-1.4z" fill-rule="evenodd"/><path d="M13.4 8.4c.9 1 1.6 2.1 2 3.2l2.6 2.6V14c0-5-6-10-6-10s-1 .8-2.1 2l1.4 1.5.7-.7 1.4 1.6z"/></svg>',italic:'<svg width="24" height="24"><path d="m16.7 4.7-.1.9h-.3c-.6 0-1 0-1.4.3-.3.3-.4.6-.5 1.1l-2.1 9.8v.6c0 .5.4.8 1.4.8h.2l-.2.8H8l.2-.8h.2c1.1 0 1.8-.5 2-1.5l2-9.8.1-.5c0-.6-.4-.8-1.4-.8h-.3l.2-.9h5.8Z" fill-rule="evenodd"/></svg>',language:'<svg width="24" height="24"><path d="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm4.3 13.3c-.5 1-1.2 2-2 2.9a7.5 7.5 0 0 0 3.2-2.1l-.2-.2a6 6 0 0 0-1-.6Zm-8.6 0c-.5.2-.9.5-1.2.8.9 1 2 1.7 3.2 2a10 10 0 0 1-2-2.8Zm3.6-.8c-.8 0-1.6.1-2.2.3.5 1 1.2 1.9 2.1 2.7Zm1.5 0v3c.9-.8 1.6-1.7 2.1-2.7-.6-.2-1.4-.3-2.1-.3Zm-6-2.7H4.5c.2 1 .5 2.1 1 3h.3l1.3-1a10 10 0 0 1-.3-2Zm12.7 0h-2.3c0 .7-.1 1.4-.3 2l1.6 1.1c.5-1 .9-2 1-3.1Zm-3.8 0h-3V14c1 0 2 .1 2.7.4.2-.5.3-1 .3-1.6Zm-4.4 0h-3l.3 1.6c.8-.3 1.7-.4 2.7-.4v-1.3Zm-5.5-5c-.7 1-1.1 2.2-1.3 3.5h2.3c0-1 .2-1.8.5-2.6l-1.5-1Zm2.9 1.4v.1c-.2.6-.4 1.3-.4 2h3V9.4c-1 0-1.8-.1-2.6-.3Zm6.6 0h-.1l-2.4.3v1.8h3l-.5-2.1Zm3-1.4-.3.1-1.3.8c.3.8.5 1.6.5 2.6h2.3a7.5 7.5 0 0 0-1.3-3.5Zm-9 0 2 .2V5.5a9 9 0 0 0-2 2.2Zm3.5-2.3V8c.6 0 1.3 0 1.9-.2a9 9 0 0 0-2-2.3Zm-3-.7h-.1c-1.1.4-2.1 1-3 1.8l1.2.7a10 10 0 0 1 1.9-2.5Zm4.4 0 .1.1a10 10 0 0 1 1.8 2.4l1.1-.7a7.5 7.5 0 0 0-3-1.8Z"/></svg>',"line-height":'<svg width="24" height="24"><path d="M21 5a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zM7 3.6l3.7 3.7a1 1 0 0 1-1.3 1.5h-.1L8 7.3v9.2l1.3-1.3a1 1 0 0 1 1.3 0h.1c.4.4.4 1 0 1.3v.1L7 20.4l-3.7-3.7a1 1 0 0 1 1.3-1.5h.1L6 16.7V7.4L4.7 8.7a1 1 0 0 1-1.3 0h-.1a1 1 0 0 1 0-1.3v-.1L7 3.6z"/></svg>',line:'<svg width="24" height="24"><path d="m15 9-8 8H4v-3l8-8 3 3Zm1-1-3-3 1-1h1c-.2 0 0 0 0 0l2 2s0 .2 0 0v1l-1 1ZM4 18h16v2H4v-2Z" fill-rule="evenodd"/></svg>',link:'<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2-2a2 2 0 1 0-2.6-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2Z" fill-rule="nonzero"/></svg>',"list-bull-circle":'<svg height="48" width="48"><path d="M8 14a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 24a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 34a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" fill-rule="evenodd"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',"list-bull-default":'<svg height="48" width="48"><path d="M14 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M12 24a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" fill-rule="evenodd"/><path d="M16 31h6v6h-6z"/><path d="M16 31h6v6h-6z"/><path d="M18 12h22v4H18zm4 10h18v4H22zm4 10h14v4H26z" opacity=".2"/></svg>',"list-bull-disc":'<svg height="48" width="48"><path d="M14 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',"list-bull-square":'<svg height="48" width="48"><path d="M8 21h6v6H8zm0 10h6v6H8zm0-20h6v6H8z"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',"list-num-default-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 17v-4.8h-.1l-1.5 1v-1.1l1.6-1.1h1.2v6zM33.3 17.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm1.7 5.7c0-1.2 1-2 2.2-2 1.3 0 2.1.8 2.1 1.8 0 .7-.3 1.2-1.3 2.2l-1.2 1v.2h2.6v1h-4.3v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H35zm-1.7 4.3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm3.2 7.3v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H35c0-1.1 1-1.8 2.2-1.8 1.2 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.7.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .6 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7zm-3.3 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7z"/></g></svg>',"list-num-default":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10 17v-4.8l-1.5 1v-1.1l1.6-1h1.2V17h-1.2Zm3.6.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm-5 5.7c0-1.2.8-2 2.1-2s2.1.8 2.1 1.8c0 .7-.3 1.2-1.4 2.2l-1.1 1v.2h2.6v1H8.6v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H8.5Zm6.3 4.3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM10 34.4v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H8.6c0-1.1 1-1.8 2.2-1.8 1.3 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.8.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .7 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7Zm4.7 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7Z"/></g></svg>',"list-num-lower-alpha-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M36.5 16c-.9 0-1.5-.5-1.5-1.3s.6-1.3 1.8-1.4h1v-.4c0-.4-.2-.6-.7-.6-.4 0-.7.1-.8.4h-1.1c0-.8.8-1.4 2-1.4S39 12 39 13V16h-1.2v-.6c-.3.4-.8.7-1.4.7Zm.4-.8c.6 0 1-.4 1-.9V14h-1c-.5.1-.7.3-.7.6 0 .4.3.6.7.6ZM33.1 16.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7ZM37.7 26c-.7 0-1.2-.2-1.5-.7v.7H35v-6.3h1.2v2.5c.3-.5.8-.9 1.5-.9 1.1 0 1.8 1 1.8 2.4 0 1.5-.7 2.4-1.8 2.4Zm-.5-3.6c-.6 0-1 .5-1 1.3s.4 1.4 1 1.4c.7 0 1-.6 1-1.4 0-.8-.3-1.3-1-1.3ZM33.2 26.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zm6 7h-1c-.1-.5-.4-.8-1-.8s-1 .5-1 1.4c0 1 .4 1.4 1 1.4.5 0 .9-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7zm-6.1 3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',"list-num-lower-alpha":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.3 15.2c.5 0 1-.4 1-.9V14h-1c-.5.1-.8.3-.8.6 0 .4.3.6.8.6Zm-.4.9c-1 0-1.5-.6-1.5-1.4 0-.8.6-1.3 1.7-1.4h1.1v-.4c0-.4-.2-.6-.7-.6-.5 0-.8.1-.9.4h-1c0-.8.8-1.4 2-1.4 1.1 0 1.8.6 1.8 1.6V16h-1.1v-.6h-.1c-.2.4-.7.7-1.3.7Zm4.6 0c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-3.2 10c-.6 0-1.2-.3-1.4-.8v.7H8.5v-6.3H10v2.5c.3-.5.8-.9 1.4-.9 1.2 0 1.9 1 1.9 2.4 0 1.5-.7 2.4-1.9 2.4Zm-.4-3.7c-.7 0-1 .5-1 1.3s.3 1.4 1 1.4c.6 0 1-.6 1-1.4 0-.8-.4-1.3-1-1.3Zm4 3.7c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-2.2 7h-1.2c0-.5-.4-.8-.9-.8-.6 0-1 .5-1 1.4 0 1 .4 1.4 1 1.4.5 0 .8-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7Zm1.8 3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-lower-greek-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 16c-1.2 0-2-.8-2-2.3 0-1.5.8-2.4 2-2.4.6 0 1 .4 1.3 1v-.9H40v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1-.7h-.2c-.2.4-.7.8-1.3.8Zm.3-1c.6 0 1-.5 1-1.3s-.4-1.3-1-1.3-1 .5-1 1.3.4 1.4 1 1.4ZM33.3 16.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM36 21.9c0-1.5.8-2.3 2.1-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.9 1.3.9.3 1.3.8 1.3 1.7 0 1.2-.7 1.9-1.8 1.9-.6 0-1.1-.3-1.4-.8v2.2H36V22Zm1.8 1.2v-1h.3c.5 0 .9-.2.9-.7 0-.5-.3-.8-.9-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1 1.3s1-.4 1-1-.4-1-1.2-1h-.3ZM33.3 26.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM37.1 34.6 34.8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.2.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2Zm.7 1a2 2 0 0 0-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1ZM33.3 36.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-lower-greek":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.5 15c.7 0 1-.5 1-1.3s-.3-1.3-1-1.3c-.5 0-.9.5-.9 1.3s.4 1.4 1 1.4Zm-.3 1c-1.1 0-1.8-.8-1.8-2.3 0-1.5.7-2.4 1.8-2.4.7 0 1.1.4 1.3 1h.1v-.9h1.2v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1.1-.7h-.1c-.2.4-.7.8-1.4.8Zm5 .1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7Zm-4.9 7v-1h.3c.6 0 1-.2 1-.7 0-.5-.4-.8-1-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1.1 1.3.6 0 1-.4 1-1s-.5-1-1.3-1h-.3ZM8.6 22c0-1.5.7-2.3 2-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.8 1.3.8.3 1.3.8 1.3 1.7 0 1.2-.8 1.9-1.9 1.9-.6 0-1.1-.3-1.3-.8v2.2H8.5V22Zm6.2 4.2c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm-4.5 8.5L8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.1.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2Zm.7 1a2 2 0 0 0-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1Zm4.5.5c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-lower-roman-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M32.9 16v-1.2h-1.3V16H33Zm0 10v-1.2h-1.3V26H33Zm0 10v-1.2h-1.3V36H33Z"/><path fill-rule="nonzero" d="M36 21h-1.5v5H36zM36 31h-1.5v5H36zM39 21h-1.5v5H39zM39 31h-1.5v5H39zM42 31h-1.5v5H42zM36 11h-1.5v5H36zM36 19h-1.5v1H36zM36 29h-1.5v1H36zM39 19h-1.5v1H39zM39 29h-1.5v1H39zM42 29h-1.5v1H42zM36 9h-1.5v1H36z"/></g></svg>',"list-num-lower-roman":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 16v-1.2h1.3V16H15Zm0 10v-1.2h1.3V26H15Zm0 10v-1.2h1.3V36H15Z"/><path fill-rule="nonzero" d="M12 21h1.5v5H12zM12 31h1.5v5H12zM9 21h1.5v5H9zM9 31h1.5v5H9zM6 31h1.5v5H6zM12 11h1.5v5H12zM12 19h1.5v1H12zM12 29h1.5v1H12zM9 19h1.5v1H9zM9 29h1.5v1H9zM6 29h1.5v1H6zM12 9h1.5v1H12z"/></g></svg>',"list-num-upper-alpha-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="m39.3 17-.5-1.4h-2l-.5 1.4H35l2-6h1.6l2 6h-1.3Zm-1.6-4.7-.7 2.3h1.6l-.8-2.3ZM33.4 17c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm4.7 9.9h-2.7v-6H38c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7Zm-1.4-5v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1Zm0 4h1.1c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9h-1.1V26ZM33 27.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm4.9 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2Zm-4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-upper-alpha":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="m12.6 17-.5-1.4h-2L9.5 17H8.3l2-6H12l2 6h-1.3ZM11 12.3l-.7 2.3h1.6l-.8-2.3Zm4.7 4.8c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7ZM11.4 27H8.7v-6h2.6c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7ZM10 22v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1Zm0 4H11c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9H10V26Zm5.4 1.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-4.1 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2Zm4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-upper-roman-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M31.6 17v-1.2H33V17h-1.3Zm0 10v-1.2H33V27h-1.3Zm0 10v-1.2H33V37h-1.3Z"/><path fill-rule="nonzero" d="M34.5 20H36v7h-1.5zM34.5 30H36v7h-1.5zM37.5 20H39v7h-1.5zM37.5 30H39v7h-1.5zM40.5 30H42v7h-1.5zM34.5 10H36v7h-1.5z"/></g></svg>',"list-num-upper-roman":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 17v-1.2h1.3V17H15Zm0 10v-1.2h1.3V27H15Zm0 10v-1.2h1.3V37H15Z"/><path fill-rule="nonzero" d="M12 20h1.5v7H12zM12 30h1.5v7H12zM9 20h1.5v7H9zM9 30h1.5v7H9zM6 30h1.5v7H6zM12 10h1.5v7H12z"/></g></svg>',lock:'<svg width="24" height="24"><path d="M16.3 11c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H8V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h.3ZM10 8v3h4V8a1 1 0 0 0-.3-.7A1 1 0 0 0 13 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7Z" fill-rule="evenodd"/></svg>',ltr:'<svg width="24" height="24"><path d="M11 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 7.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L11 5ZM4.4 16.2 6.2 15l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',"math-equation":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.8c.1-.5.5-.8 1-.8h10a1 1 0 1 1 0 2h-9.2L8.3 19.2a1 1 0 0 1-1.7.4l-3.4-4.2a1 1 0 0 1 1.6-1.2l2 2.5L9 4.8Zm9.7 5.5c.4.4.4 1 0 1.4L17 13.5l1.8 1.8a1 1 0 1 1-1.4 1.4L15.5 15l-1.8 1.8a1 1 0 0 1-1.4-1.4l1.8-1.8-1.8-1.8a1 1 0 0 1 1.4-1.4l1.8 1.8 1.8-1.8a1 1 0 0 1 1.4 0Z"/></svg>',mentions:'<svg height="24" width="24"><path d="M12 21a8.8 8.8 0 0 1-3.5-.7 9 9 0 0 1-2.9-2 9 9 0 0 1-1.9-2.8A8.8 8.8 0 0 1 3 12c0-1.3.2-2.4.7-3.5a9 9 0 0 1 4.8-4.8A8.8 8.8 0 0 1 12 3c1.3 0 2.4.2 3.5.7a9.1 9.1 0 0 1 4.8 4.8A8.7 8.7 0 0 1 21 12v1.4a3 3 0 0 1-.9 2.2 3 3 0 0 1-2.2.9c-.5 0-1-.1-1.5-.4a3.8 3.8 0 0 1-1.1-1 4.8 4.8 0 0 1-1.5 1 4.3 4.3 0 0 1-1.8.4c-1.2 0-2.3-.4-3.2-1.3-.9-.9-1.3-2-1.3-3.2s.4-2.3 1.3-3.2c.9-.9 2-1.3 3.2-1.3s2.3.4 3.2 1.3c.9.9 1.3 2 1.3 3.2v1.4c0 .4.1.7.4 1 .3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1V12c0-2-.7-3.8-2.1-5.2S14 4.7 12 4.7s-3.8.7-5.2 2.1S4.7 10 4.7 12s.7 3.8 2.1 5.2 3.2 2.1 5.2 2.1h4.5V21zm0-6.2c.8 0 1.4-.3 2-.8a2.7 2.7 0 0 0 .8-2c0-.8-.3-1.4-.8-2a2.7 2.7 0 0 0-2-.8c-.8 0-1.4.3-2 .8a2.7 2.7 0 0 0-.8 2c0 .8.3 1.4.8 2a2.7 2.7 0 0 0 2 .8z"/></svg>',minus:'<svg width="24" height="24"><path d="M19 11a1 1 0 0 1 .1 2H5a1 1 0 0 1-.1-2H19Z"/></svg>',"more-drawer":'<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',"new-document":'<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',"new-tab":'<svg width="24" height="24"><path d="m15 13 2-2v8H5V7h8l-2 2H7v8h8v-4Zm4-8v5.5l-2-2-5.6 5.5H10v-1.4L15.5 7l-2-2H19Z" fill-rule="evenodd"/></svg>',"non-breaking":'<svg width="24" height="24"><path d="M11 11H8a1 1 0 1 1 0-2h3V6c0-.6.4-1 1-1s1 .4 1 1v3h3c.6 0 1 .4 1 1s-.4 1-1 1h-3v3c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-3Zm10 4v5H3v-5c0-.6.4-1 1-1s1 .4 1 1v3h14v-3c0-.6.4-1 1-1s1 .4 1 1Z" fill-rule="evenodd"/></svg>',notice:'<svg width="24" height="24"><path d="M15.5 4 20 8.5v7L15.5 20h-7L4 15.5v-7L8.5 4h7ZM13 17v-2h-2v2h2Zm0-4V7h-2v6h2Z" fill-rule="evenodd" clip-rule="evenodd"/></svg>',"ordered-list-rtl":'<svg width="24" height="24"><path d="M6 17h8a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2Zm13-1v3.5a.5.5 0 1 1-1 0V5h-.5a.5.5 0 1 1 0-1H19Zm-1 8.8.2.2h1.3a.5.5 0 1 1 0 1h-1.6a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0-.2-.2h-1.3a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3Zm2 4.2v2c0 .6-.4 1-1 1h-1.5a.5.5 0 0 1 0-1h1.2a.3.3 0 1 0 0-.6h-1.3a.4.4 0 1 1 0-.8h1.3a.3.3 0 0 0 0-.6h-1.2a.5.5 0 1 1 0-1H19c.6 0 1 .4 1 1Z" fill-rule="evenodd"/></svg>',"ordered-list":'<svg width="24" height="24"><path d="M10 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 1 1 0-2ZM6 4v3.5c0 .3-.2.5-.5.5a.5.5 0 0 1-.5-.5V5h-.5a.5.5 0 0 1 0-1H6Zm-1 8.8.2.2h1.3c.3 0 .5.2.5.5s-.2.5-.5.5H4.9a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0-.2-.2H4.5a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3ZM7 17v2c0 .6-.4 1-1 1H4.5a.5.5 0 0 1 0-1h1.2c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.4a.4.4 0 1 1 0-.8h1.3c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.5a.5.5 0 1 1 0-1H6c.6 0 1 .4 1 1Z" fill-rule="evenodd"/></svg>',orientation:'<svg width="24" height="24"><path d="M7.3 6.4 1 13l6.4 6.5 6.5-6.5-6.5-6.5ZM3.7 13l3.6-3.7L11 13l-3.7 3.7-3.6-3.7ZM12 6l2.8 2.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0L9.2 5.7a.8.8 0 0 1 0-1.2L13.6.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L12 4h1a9 9 0 1 1-4.3 16.9l1.5-1.5A7 7 0 1 0 13 6h-1Z" fill-rule="nonzero"/></svg>',outdent:'<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 1 1 0-2Zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm-5 4h12a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2Zm1.6-3.8a1 1 0 0 1-1.2 1.6l-3-2a1 1 0 0 1 0-1.6l3-2a1 1 0 0 1 1.2 1.6L6.8 12l1.8 1.2Z" fill-rule="evenodd"/></svg>',"export-pdf":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H7v3H5V5c0-1.1.9-2 2-2Z"/><path d="M2.6 15.2v-1.9h1c.6 0 1-.2 1.4-.5.3-.3.5-.7.5-1.2s-.2-.9-.5-1.2a2 2 0 0 0-1.3-.4H1v5.2h1.6Zm.4-3h-.4v-1.1h.5l.6.1.2.5c0 .1 0 .3-.2.4l-.7.1Zm5.7 3 1-.1c.3 0 .5-.2.7-.4l.5-.8c.2-.3.2-.7.2-1.3v-1l-.5-.8c-.2-.3-.4-.5-.7-.6L8.7 10H6.3v5.2h2.4Zm-.4-1.1H8v-3h.4c.5 0 .8.2 1 .4l.2 1.1-.1 1-.3.3-.8.2Zm5.3 1.2V13h2v-1h-2v-1H16V10h-4v5.2h1.6Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"/></svg>',"export-word":'<svg width="24" height="24"><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H5c0-1.1.9-2 2-2ZM15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"/></svg>',"import-word":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V15h-2V9h-4V5H5c0-1.1.9-2 2-2Z"/><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4 18.2a1 1 0 0 0 1.2 1.6l1.4-1V22a1 1 0 1 0 2 0v-3.1l1.4 1a1 1 0 0 0 1.2-1.7L15 15.8l-3.6 2.4Z"/></svg>',"page-break":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M5 11c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1h-1a1 1 0 0 1 0-2Zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2ZM7 3v5h10V3c0-.6.4-1 1-1s1 .4 1 1v7H5V3c0-.6.4-1 1-1s1 .4 1 1ZM6 22a1 1 0 0 1-1-1v-7h14v7c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-5H7v5c0 .6-.4 1-1 1Z"/></g></svg>',paragraph:'<svg width="24" height="24"><path fill-rule="evenodd" d="M10 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 6.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L10 5Z"/></svg>',"paste-column-after":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h7v2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm8 7v12h-6V8h6Zm-1.5 1.5h-3v9h3v-9ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',"paste-column-before":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V18c0 1-.8 2-1.9 2H11v-2h7V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v2H4V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm-2 7v12H4V8h6ZM8.5 9.5h-3v9h3v-9ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',"paste-row-after":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V11h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h14c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm10 11v5H8v-5h14Zm-1.5 1.5h-11v2h11v-2ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',"paste-row-before":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h12v-4h2v4c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm10 7v5H8V8h14Zm-1.5 1.5h-11v2h11v-2ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',"paste-text":'<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h3V9h9ZM9 20H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0 1 12 1a3 3 0 0 1 2.8 2H18a2 2 0 0 1 2 2v4h1v12H9v-1Zm1.5-9.5v9h9v-9h-9ZM12 3a1 1 0 0 0-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1Zm0 9h6v2h-.5l-.5-1h-1v4h.8v1h-3.6v-1h.8v-4h-1l-.5 1H12v-2Z" fill-rule="nonzero"/></svg>',paste:'<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h3V9h9ZM9 20H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0 1 12 1a3 3 0 0 1 2.8 2H18a2 2 0 0 1 2 2v4h1v12H9v-1Zm1.5-9.5v9h9v-9h-9ZM12 3a1 1 0 0 0-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1Z" fill-rule="nonzero"/></svg>',"permanent-pen":'<svg width="24" height="24"><path d="M10.5 17.5 8 20H3v-3l3.5-3.5a2 2 0 0 1 0-3L14 3l1 1-7.3 7.3a1 1 0 0 0 0 1.4l3.6 3.6c.4.4 1 .4 1.4 0L20 9l1 1-7.6 7.6a2 2 0 0 1-2.8 0l-.1-.1Z" fill-rule="nonzero"/></svg>',plus:'<svg width="24" height="24"><path d="M12 4c.5 0 1 .4 1 .9V11h6a1 1 0 0 1 .1 2H13v6a1 1 0 0 1-2 .1V13H5a1 1 0 0 1-.1-2H11V5c0-.6.4-1 1-1Z"/></svg>',preferences:'<svg width="24" height="24"><path d="m20.1 13.5-1.9.2a5.8 5.8 0 0 1-.6 1.5l1.2 1.5c.4.4.3 1 0 1.4l-.7.7a1 1 0 0 1-1.4 0l-1.5-1.2a6.2 6.2 0 0 1-1.5.6l-.2 1.9c0 .5-.5.9-1 .9h-1a1 1 0 0 1-1-.9l-.2-1.9a5.8 5.8 0 0 1-1.5-.6l-1.5 1.2a1 1 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.4l1.2-1.5a6.2 6.2 0 0 1-.6-1.5l-1.9-.2a1 1 0 0 1-.9-1v-1c0-.5.4-1 .9-1l1.9-.2a5.8 5.8 0 0 1 .6-1.5L5.2 7.3a1 1 0 0 1 0-1.4l.7-.7a1 1 0 0 1 1.4 0l1.5 1.2a6.2 6.2 0 0 1 1.5-.6l.2-1.9c0-.5.5-.9 1-.9h1c.5 0 1 .4 1 .9l.2 1.9a5.8 5.8 0 0 1 1.5.6l1.5-1.2a1 1 0 0 1 1.4 0l.7.7c.3.4.4 1 0 1.4l-1.2 1.5a6.2 6.2 0 0 1 .6 1.5l1.9.2c.5 0 .9.5.9 1v1c0 .5-.4 1-.9 1ZM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" fill-rule="evenodd"/></svg>',preview:'<svg width="24" height="24"><path d="M3.5 12.5c.5.8 1.1 1.6 1.8 2.3 2 2 4.2 3.2 6.7 3.2s4.7-1.2 6.7-3.2a16.2 16.2 0 0 0 2.1-2.8 15.7 15.7 0 0 0-2.1-2.8c-2-2-4.2-3.2-6.7-3.2a9.3 9.3 0 0 0-6.7 3.2A16.2 16.2 0 0 0 3.2 12c0 .2.2.3.3.5Zm-2.4-1 .7-1.2L4 7.8C6.2 5.4 8.9 4 12 4c3 0 5.8 1.4 8.1 3.8a18.2 18.2 0 0 1 2.8 3.7v1l-.7 1.2-2.1 2.5c-2.3 2.4-5 3.8-8.1 3.8-3 0-5.8-1.4-8.1-3.8a18.2 18.2 0 0 1-2.8-3.7 1 1 0 0 1 0-1Zm12-3.3a2 2 0 1 0 2.7 2.6 4 4 0 1 1-2.6-2.6Z" fill-rule="nonzero"/></svg>',print:'<svg width="24" height="24"><path d="M18 8H6a3 3 0 0 0-3 3v6h2v3h14v-3h2v-6a3 3 0 0 0-3-3Zm-1 10H7v-4h10v4Zm.5-5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5Zm.5-8H6v2h12V5Z" fill-rule="nonzero"/></svg>',quote:'<svg width="24" height="24"><path d="M7.5 17h.9c.4 0 .7-.2.9-.6L11 13V8c0-.6-.4-1-1-1H6a1 1 0 0 0-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 0 0 .8 1.3Zm8 0h.9c.4 0 .7-.2.9-.6L19 13V8c0-.6-.4-1-1-1h-4a1 1 0 0 0-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 0 0 .8 1.3Z" fill-rule="nonzero"/></svg>',redo:'<svg width="24" height="24"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"/></svg>',reload:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="m5 22.1-1.2-4.7v-.2a1 1 0 0 1 1-1l5 .4a1 1 0 1 1-.2 2l-2.2-.2a7.8 7.8 0 0 0 8.4.2 7.5 7.5 0 0 0 3.5-6.4 1 1 0 1 1 2 0 9.5 9.5 0 0 1-4.5 8 9.9 9.9 0 0 1-10.2 0l.4 1.4a1 1 0 1 1-2 .5ZM13.6 7.4c0-.5.5-1 1-.9l2.8.2a8 8 0 0 0-9.5-1 7.5 7.5 0 0 0-3.6 7 1 1 0 0 1-2 0 9.5 9.5 0 0 1 4.5-8.6 10 10 0 0 1 10.9.3l-.3-1a1 1 0 0 1 2-.5l1.1 4.8a1 1 0 0 1-1 1.2l-5-.4a1 1 0 0 1-.9-1Z"/></g></svg>',"remove-formatting":'<svg width="24" height="24"><path d="M13.2 6a1 1 0 0 1 0 .2l-2.6 10a1 1 0 0 1-1 .8h-.2a.8.8 0 0 1-.8-1l2.6-10H8a1 1 0 1 1 0-2h9a1 1 0 0 1 0 2h-3.8ZM5 18h7a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Zm13 1.5L16.5 18 15 19.5a.7.7 0 0 1-1-1l1.5-1.5-1.5-1.5a.7.7 0 0 1 1-1l1.5 1.5 1.5-1.5a.7.7 0 0 1 1 1L17.5 17l1.5 1.5a.7.7 0 0 1-1 1Z" fill-rule="evenodd"/></svg>',remove:'<svg width="24" height="24"><path d="M16 7h3a1 1 0 0 1 0 2h-1v9a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9H5a1 1 0 1 1 0-2h3V6a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1Zm-2 0V6c0-.6-.4-1-1-1h-2a1 1 0 0 0-1 1v1h4Zm2 2H8v9c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V9Zm-7 3a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0v-4Zm4 0a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0v-4Z" fill-rule="nonzero"/></svg>',"resize-handle":'<svg width="10" height="10"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"/></g></svg>',resize:'<svg width="24" height="24"><path d="M4 5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h6c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3H7.4L18 16.6V13c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v6c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3h-6a1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3.6L6 7.4V11c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3A1 1 0 0 1 4 11V5Z" fill-rule="evenodd"/></svg>',"restore-draft":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1Z"/><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></g></svg>',"revision-history":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1Z"/><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></g></svg>',"rotate-left":'<svg width="24" height="24"><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></svg>',"rotate-right":'<svg width="24" height="24"><path d="M20 8V5a1 1 0 0 1 2 0v6c0 .6-.4 1-1 1h-6a1 1 0 0 1 0-2h4.3L16 7A7.2 7.2 0 0 0 7.7 6a7 7 0 0 0 3 13.1c1.9.1 3.7-.5 5-1.7a1 1 0 0 1 1.4 1.5A9.2 9.2 0 0 1 2.2 14c-.9-3.9 1-8 4.5-9.9 3.5-1.9 8-1.3 10.8 1.5L20 8Z" fill-rule="nonzero"/></svg>',rtl:'<svg width="24" height="24"><path d="M8 5h8v2h-2v12h-2V7h-2v12H8v-7c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 4.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L8 5Zm12 11.2a1 1 0 1 1-1 1.6l-3-2a1 1 0 0 1 0-1.6l3-2a1 1 0 1 1 1 1.6L18.4 15l1.8 1.2Z" fill-rule="evenodd"/></svg>',save:'<svg width="24" height="24"><path d="M5 16h14a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2Zm0 2v2h14v-2H5Zm10 0h2v2h-2v-2Zm-4-6.4L8.7 9.3a1 1 0 1 0-1.4 1.4l4 4c.4.4 1 .4 1.4 0l4-4a1 1 0 1 0-1.4-1.4L13 11.6V4a1 1 0 0 0-2 0v7.6Z" fill-rule="nonzero"/></svg>',search:'<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill-rule="nonzero"/></svg>',"select-all":'<svg width="24" height="24"><path d="M3 5h2V3a2 2 0 0 0-2 2Zm0 8h2v-2H3v2Zm4 8h2v-2H7v2ZM3 9h2V7H3v2Zm10-6h-2v2h2V3Zm6 0v2h2a2 2 0 0 0-2-2ZM5 21v-2H3c0 1.1.9 2 2 2Zm-2-4h2v-2H3v2ZM9 3H7v2h2V3Zm2 18h2v-2h-2v2Zm8-8h2v-2h-2v2Zm0 8a2 2 0 0 0 2-2h-2v2Zm0-12h2V7h-2v2Zm0 8h2v-2h-2v2Zm-4 4h2v-2h-2v2Zm0-16h2V3h-2v2ZM7 17h10V7H7v10Zm2-8h6v6H9V9Z" fill-rule="nonzero"/></svg>',selected:'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Zm3.6 10.9L7 12.3a.7.7 0 0 0-1 1L9.6 17 18 8.6a.7.7 0 0 0 0-1 .7.7 0 0 0-1 0l-7.4 7.3Z"/></svg>',send:'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="m13.3 22 7-18.3-18.3 7L9 15l4.3 7ZM18 6.8l-.7-.7L9.4 14l.7.7L18 6.8Z"/></svg>',settings:'<svg width="24" height="24"><path d="M11 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V8H5a1 1 0 1 1 0-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.5V6ZM8 8h2V6H8v2Zm9 2.8v.2h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v.3c0 .2 0 .3-.2.5l-.6.2h-2.4c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V13H5a1 1 0 0 1 0-2h8v-.3c0-.2 0-.3.2-.5l.6-.2h2.4c.3 0 .4 0 .6.2l.2.6ZM14 13h2v-2h-2v2Zm-3 2.8v.2h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V18H5a1 1 0 0 1 0-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.6ZM8 18h2v-2H8v2Z" fill-rule="evenodd"/></svg>',sharpen:'<svg width="24" height="24"><path fill-rule="evenodd" d="m16 6 4 4-8 9-8-9 4-4h8Zm-4 10.2 5.5-6.2-.1-.1H12v-.3h5.1l-.2-.2H12V9h4.6l-.2-.2H12v-.3h4.1l-.2-.2H12V8h3.6l-.2-.2H8.7L6.5 10l.1.1H12v.3H6.9l.2.2H12v.3H7.3l.2.2H12v.3H7.7l.3.2h4v.3H8.2l.2.2H12v.3H8.6l.3.2H12v.3H9l.3.2H12v.3H9.5l.2.2H12v.3h-2l.2.2H12v.3h-1.6l.2.2H12v.3h-1.1l.2.2h.9v.3h-.7l.2.2h.5v.3h-.3l.3.2Z"/></svg>',sourcecode:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M9.8 15.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0l-4.4-4.1a.8.8 0 0 1 0-1.2l4.4-4.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L6 12l3.8 3.7ZM14.2 15.7c-.3.3-.3.8 0 1 .4.4.9.4 1.2 0l4.4-4.1c.3-.3.3-.9 0-1.2l-4.4-4.2a.8.8 0 0 0-1.2 0c-.3.3-.3.8 0 1.1L18 12l-3.8 3.7Z"/></g></svg>',"spell-check":'<svg width="24" height="24"><path d="M6 8v3H5V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h2c.3 0 .5.1.7.3.2.2.3.4.3.7v6H8V8H6Zm0-3v2h2V5H6Zm13 0h-3v5h3v1h-3a1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3v1Zm-5 1.5-.1.7c-.1.2-.3.3-.6.3.3 0 .5.1.6.3l.1.7V10c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3h-3V4h3c.3 0 .5.1.7.3.2.2.3.4.3.7v1.5ZM13 10V8h-2v2h2Zm0-3V5h-2v2h2Zm3 5 1 1-6.5 7L7 15.5l1.3-1 2.2 2.2L16 12Z" fill-rule="evenodd"/></svg>',"strike-through":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M15.6 8.5c-.5-.7-1-1.1-1.3-1.3-.6-.4-1.3-.6-2-.6-2.7 0-2.8 1.7-2.8 2.1 0 1.6 1.8 2 3.2 2.3 4.4.9 4.6 2.8 4.6 3.9 0 1.4-.7 4.1-5 4.1A6.2 6.2 0 0 1 7 16.4l1.5-1.1c.4.6 1.6 2 3.7 2 1.6 0 2.5-.4 3-1.2.4-.8.3-2-.8-2.6-.7-.4-1.6-.7-2.9-1-1-.2-3.9-.8-3.9-3.6C7.6 6 10.3 5 12.4 5c2.9 0 4.2 1.6 4.7 2.4l-1.5 1.1Z"/><path d="M5 11h14a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" fill-rule="nonzero"/></g></svg>',subscript:'<svg width="24" height="24"><path d="m10.4 10 4.6 4.6-1.4 1.4L9 11.4 4.4 16 3 14.6 7.6 10 3 5.4 4.4 4 9 8.6 13.6 4 15 5.4 10.4 10ZM21 19h-5v-1l1-.8 1.7-1.6c.3-.4.5-.8.5-1.2 0-.3 0-.6-.2-.7-.2-.2-.5-.3-.9-.3a2 2 0 0 0-.8.2l-.7.3-.4-1.1 1-.6 1.2-.2c.8 0 1.4.3 1.8.7.4.4.6.9.6 1.5s-.2 1.1-.5 1.6a8 8 0 0 1-1.3 1.3l-.6.6h2.6V19Z" fill-rule="nonzero"/></svg>',superscript:'<svg width="24" height="24"><path d="M15 9.4 10.4 14l4.6 4.6-1.4 1.4L9 15.4 4.4 20 3 18.6 7.6 14 3 9.4 4.4 8 9 12.6 13.6 8 15 9.4Zm5.9 1.6h-5v-1l1-.8 1.7-1.6c.3-.5.5-.9.5-1.3 0-.3 0-.5-.2-.7-.2-.2-.5-.3-.9-.3l-.8.2-.7.4-.4-1.2c.2-.2.5-.4 1-.5.3-.2.8-.2 1.2-.2.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.6 0 .5-.2 1-.5 1.5l-1.3 1.4-.6.5h2.6V11Z" fill-rule="nonzero"/></svg>',"table-caption":'<svg width="24" height="24"><g fill-rule="nonzero"><rect width="12" height="2" x="3" y="4" rx="1"/><path d="M19 8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8c0-1.1.9-2 2-2h14ZM5 15v3h6v-3H5Zm14 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></g></svg>',"table-cell-classes":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M13 4v9H3V6c0-1.1.9-2 2-2h8Zm-2 2H5v5h6V6Z"/><path fill-rule="nonzero" d="M13 4h6a2 2 0 0 1 2 2v7h-8v-2h6V6h-6V4Z" opacity=".2"/><path d="m18 20-2.6 1.6.7-3-2.4-2 3.1-.2 1.2-2.9 1.2 2.9 3.1.2-2.4 2 .7 3z"/><path fill-rule="nonzero" d="M3 13v5c0 1.1.9 2 2 2h8v-7h-2v5H5v-5H3Z" opacity=".2"/></g></svg>',"table-cell-properties":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9H5v5h6v-5Zm8 0h-6v5h6v-5Zm-8-7H5v5h6V6Z"/></svg>',"table-cell-select-all":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v12h14V6Z"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2Z" opacity=".2"/></g></svg>',"table-cell-select-inner":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v12h14V6Z" opacity=".2"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2Z"/></g></svg>',"table-classes":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v7h-8v7H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9H5v5h6v-5Zm8-7h-6v5h6V6Zm-8 0H5v5h6V6Z"/><path d="m18 20-2.6 1.6.7-3-2.4-2 3.1-.2 1.2-2.9 1.2 2.9 3.1.2-2.4 2 .7 3z"/></g></svg>',"table-delete-column":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-4 4h-2V6h-2v2H9V6H5v12h4v-2h2v2h2v-2h2v2h4V6h-4v2Zm.3.5 1 1.2-3 2.3 3 2.3-1 1.2L12 13l-3.3 2.6-1-1.2 3-2.3-3-2.3 1-1.2L12 11l3.3-2.5Z"/></svg>',"table-delete-row":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v3h2.5v2H5v2h2.5v2H5v3h14v-3h-2.5v-2H19v-2h-2.5V9H19V6Zm-4.7 1.8 1.2 1L13 12l2.6 3.3-1.2 1-2.3-3-2.3 3-1.2-1L11 12 8.5 8.7l1.2-1 2.3 3 2.3-3Z"/></svg>',"table-delete-table":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 6v12h14V6H5Z"/><path d="m14.4 8.6 1.1 1-2.4 2.4 2.4 2.4-1.1 1.1-2.4-2.4-2.4 2.4-1-1.1 2.3-2.4-2.3-2.4 1-1 2.4 2.3z"/></g></svg>',"table-insert-column-after":'<svg width="24" height="24"><path fill-rule="nonzero" d="M20 4c.6 0 1 .4 1 1v2a1 1 0 0 1-2 0V6h-8v12h8v-1a1 1 0 0 1 2 0v2c0 .5-.4 1-.9 1H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h15ZM9 13H5v5h4v-5Zm7-5c.5 0 1 .4 1 .9V11h2a1 1 0 0 1 .1 2H17v2a1 1 0 0 1-2 .1V13h-2a1 1 0 0 1-.1-2H15V9c0-.6.4-1 1-1ZM9 6H5v5h4V6Z"/></svg>',"table-insert-column-before":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v1h8V6H5v1a1 1 0 1 1-2 0V5c0-.6.4-1 1-1h15Zm0 9h-4v5h4v-5ZM8 8c.5 0 1 .4 1 .9V11h2a1 1 0 0 1 .1 2H9v2a1 1 0 0 1-2 .1V13H5a1 1 0 0 1-.1-2H7V9c0-.6.4-1 1-1Zm11-2h-4v5h4V6Z"/></svg>',"table-insert-row-above":'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4a1 1 0 1 1 0 2H5v6h14V6h-1a1 1 0 0 1 0-2h2c.6 0 1 .4 1 1v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-.6.4-1 1-1h2Zm5 10H5v4h6v-4Zm8 0h-6v4h6v-4ZM12 3c.5 0 1 .4 1 .9V6h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 .1V8H9a1 1 0 0 1 0-2h2V4c0-.6.4-1 1-1Z"/></svg>',"table-insert-row-after":'<svg width="24" height="24"><path fill-rule="nonzero" d="M12 13c.5 0 1 .4 1 .9V16h2a1 1 0 0 1 .1 2H13v2a1 1 0 0 1-2 .1V18H9a1 1 0 0 1-.1-2H11v-2c0-.6.4-1 1-1Zm6 7a1 1 0 0 1 0-2h1v-6H5v6h1a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1V6c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v13c0 .5-.4 1-.9 1H18ZM11 6H5v4h6V6Zm8 0h-6v4h6V6Z"/></svg>',"table-left-header":'<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 9h-4v5h4v-5Zm-6 0H9v5h4v-5Zm0-7H9v5h4V6Zm6 0h-4v5h4V6Z"/></svg>',"table-merge-cells":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 15.5V18h3v-2.5H5Zm14-5h-9V18h9v-7.5ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Zm-8 7.5h3v-3H5v3Z"/></svg>',"table-row-numbering-rtl":'<svg width="24" height="24"><path d="M6 4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6Zm0 12h8v3H6v-3Zm11 0c.6 0 1 .4 1 1v1a1 1 0 0 1-2 0v-1c0-.6.4-1 1-1ZM6 11h8v3H6v-3Zm11 0c.6 0 1 .4 1 1v1a1 1 0 0 1-2 0v-1c0-.6.4-1 1-1ZM6 6h8v3H6V6Zm11 0c.6 0 1 .4 1 1v1a1 1 0 1 1-2 0V7c0-.6.4-1 1-1Z"/></svg>',"table-row-numbering":'<svg width="24" height="24"><path d="M18 4a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h12Zm0 12h-8v3h8v-3ZM7 16a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1Zm11-5h-8v3h8v-3ZM7 11a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1Zm11-5h-8v3h8V6ZM7 6a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0V7c0-.6-.4-1-1-1Z"/></svg>',"table-row-properties":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 15v3h6v-3H5Zm14 0h-6v3h6v-3Zm0-9h-6v3h6V6ZM5 9h6V6H5v3Z"/></svg>',"table-split-cells":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM8 15.5H5V18h3v-2.5Zm11-5h-9V18h9v-7.5Zm-2.5 1 1 1-2 2 2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2Zm-8.5-1H5v3h3v-3ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Z"/></svg>',"table-top-header":'<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 11H5v3h6v-3Zm8 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></svg>',table:'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 14v4h6v-4H5Zm14 0h-6v4h6v-4Zm0-6h-6v4h6V8ZM5 12h6V8H5v4Z"/></svg>',"template-add":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 12v4H5a2 2 0 0 0-2 2v3h9.3a6 6 0 0 1-.3-2H5v-1h7a6 6 0 0 1 .8-2H11v-5l-.8-.6a3 3 0 1 1 3.6 0l-.8.6v4.7a6 6 0 0 1 2-1.9V12a5 5 0 1 0-6 0Z"/><path d="M18 15c.5 0 1 .4 1 .9V18h2a1 1 0 0 1 .1 2H19v2a1 1 0 0 1-2 .1V20h-2a1 1 0 0 1-.1-2H17v-2c0-.6.4-1 1-1Z"/></svg>',template:'<svg width="24" height="24"><path d="M19 19v-1H5v1h14ZM9 16v-4a5 5 0 1 1 6 0v4h4a2 2 0 0 1 2 2v3H3v-3c0-1.1.9-2 2-2h4Zm4 0v-5l.8-.6a3 3 0 1 0-3.6 0l.8.6v5h2Z" fill-rule="nonzero"/></svg>',"temporary-placeholder":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M9 7.6V6h2.5V4.5a.5.5 0 1 1 1 0V6H15v1.6a8 8 0 1 1-6 0Zm-2.6 5.3a.5.5 0 0 0 .3.6c.3 0 .6 0 .6-.3l.1-.2a5 5 0 0 1 3.3-2.8c.3-.1.4-.4.4-.6-.1-.3-.4-.5-.6-.4a6 6 0 0 0-4.1 3.7Z"/><circle cx="14" cy="4" r="1"/><circle cx="12" cy="2" r="1"/><circle cx="10" cy="4" r="1"/></g></svg>',"text-color":'<svg width="24" height="24"><g fill-rule="evenodd"><path class="tox-icon-text-color__color" d="M3 18h18v3H3z"/><path d="M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z"/></g></svg>',"text-size-decrease":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM14 12a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"/></svg>',"text-size-increase":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM17 9a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2c0-.6-.4-1-1-1Z"/></svg>',toc:'<svg width="24" height="24"><path d="M5 5c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm0-4c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',translate:'<svg width="24" height="24"><path d="m12.7 14.3-.3.7-.4.7-2.2-2.2-3.1 3c-.3.4-.8.4-1 0a.7.7 0 0 1 0-1l3.1-3A12.4 12.4 0 0 1 6.7 9H8a10.1 10.1 0 0 0 1.7 2.4c.5-.5 1-1.1 1.4-1.8l.9-2H4.7a.7.7 0 1 1 0-1.5h4.4v-.7c0-.4.3-.8.7-.8.4 0 .7.4.7.8v.7H15c.4 0 .8.3.8.7 0 .4-.4.8-.8.8h-1.4a12.3 12.3 0 0 1-1 2.4 13.5 13.5 0 0 1-1.7 2.3l1.9 1.8Zm4.3-3 2.7 7.3a.5.5 0 0 1-.4.7 1 1 0 0 1-1-.7l-.6-1.5h-3.4l-.6 1.5a1 1 0 0 1-1 .7.5.5 0 0 1-.4-.7l2.7-7.4a1 1 0 0 1 2 0Zm-2.2 4.4h2.4L16 12.5l-1.2 3.2Z" fill-rule="evenodd"/></svg>',typography:'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H7a1 1 0 0 1 0-2h10Z"/><path d="m17.5 14 .8-1.7 1.7-.8-1.7-.8-.8-1.7-.8 1.7-1.7.8 1.7.8.8 1.7ZM7 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2Z"/></svg>',underline:'<svg width="24" height="24"><path d="M16 5c.6 0 1 .4 1 1v5.5a4 4 0 0 1-.4 1.8l-1 1.4a5.3 5.3 0 0 1-5.5 1 5 5 0 0 1-1.6-1c-.5-.4-.8-.9-1.1-1.4a4 4 0 0 1-.4-1.8V6c0-.6.4-1 1-1s1 .4 1 1v5.5c0 .3 0 .6.2 1l.6.7a3.3 3.3 0 0 0 2.2.8 3.4 3.4 0 0 0 2.2-.8c.3-.2.4-.5.6-.8l.2-.9V6c0-.6.4-1 1-1ZM8 17h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',undo:'<svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"/></svg>',unlink:'<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2.1-2a2 2 0 1 0-2.7-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2ZM7.6 6.3a.8.8 0 0 1-1 1.1L3.3 4.2a.7.7 0 1 1 1-1l3.2 3.1ZM5.1 8.6a.8.8 0 0 1 0 1.5H3a.8.8 0 0 1 0-1.5H5Zm5-3.5a.8.8 0 0 1-1.5 0V3a.8.8 0 0 1 1.5 0V5Zm6 11.8a.8.8 0 0 1 1-1l3.2 3.2a.8.8 0 0 1-1 1L16 17Zm-2.2 2a.8.8 0 0 1 1.5 0V21a.8.8 0 0 1-1.5 0V19Zm5-3.5a.7.7 0 1 1 0-1.5H21a.8.8 0 0 1 0 1.5H19Z" fill-rule="nonzero"/></svg>',unlock:'<svg width="24" height="24"><path d="M16 5c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h-2V8a1 1 0 0 0-.3-.7A1 1 0 0 0 16 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v3h.3c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H4.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H11V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2Z" fill-rule="evenodd"/></svg>',"unordered-list":'<svg width="24" height="24"><path d="M11 5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2ZM4.5 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Z" fill-rule="evenodd"/></svg>',unselected:'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Zm0 1a1 1 0 0 0-1 1v12c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H6Z"/></svg>',upload:'<svg width="24" height="24"><path d="M18 19v-2a1 1 0 0 1 2 0v3c0 .6-.4 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v2h12ZM11 6.4 8.7 8.7a1 1 0 0 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l4 4a1 1 0 1 1-1.4 1.4L13 6.4V16a1 1 0 0 1-2 0V6.4Z" fill-rule="nonzero"/></svg>',"add-file":'<svg height="24" width="24"><path d="M2 7h2V4h3V2H4a2 2 0 0 0-2 2zm20 0h-2V4h-3V2h3a2 2 0 0 1 2 2zm0 2h-2v6h2zm0 8h-2v3h-3v2h3a2 2 0 0 0 2-2zM2 9h2v6H2zm0 8h2v3h3v2H4a2 2 0 0 1-2-2zm7 5v-2h6v2zm6-20v2H9V2zM6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M2 7h2V4h3V2H4a2 2 0 0 0-2 2zm20 0h-2V4h-3V2h3a2 2 0 0 1 2 2zm0 2h-2v6h2zm0 8h-2v3h-3v2h3a2 2 0 0 0 2-2zM2 9h2v6H2zm0 8h2v3h3v2H4a2 2 0 0 1-2-2zm7 5v-2h6v2zm6-20v2H9V2zM6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/></svg>',adjustments:'<svg width="24" height="24"><path d="M16 11a3 3 0 1 1 2.8-4H21v2h-2.2a3 3 0 0 1-2.8 2Zm0-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3 9h8V7H3v2Zm5 10a3 3 0 1 0-2.8-4H3v2h2.2A3 3 0 0 0 8 19Zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13 0h-8v-2h8v2Z"/></svg>',"alt-text":'<svg width="24" height="24"><path d="M3 20a2 2 0 0 1-1.4-.6A2 2 0 0 1 1 18V6c0-.6.2-1 .6-1.4A2 2 0 0 1 3 4h18c.6 0 1 .2 1.4.6.4.4.6.9.6 1.4v12c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6H3Zm0-2h18V6H3v12Zm1.5-3H6v-1.5h1.5V15H9v-5a1 1 0 0 0-.3-.7A1 1 0 0 0 8 9H5.5a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v5ZM6 12v-1.5h1.5V12H6Z"/><path d="M11 15V9h1.3v4.5h2V15H11Zm5.8-4.5V15h1.4v-4.5h1.3V9h-4v1.5h1.3Z"/></svg>',"auto-image-enhancement":'<svg width="24" height="24"><path d="M7.7 10.6a5.8 5.8 0 0 0 5.7 5.7A5.8 5.8 0 0 0 7.7 22 5.8 5.8 0 0 0 2 16.3a5.8 5.8 0 0 0 5.7-5.7ZM15.5 2c.3 3 3.3 6 6.5 6.4-3.2.5-6.2 3.4-6.5 6.5-.3-3.4-3-6-6.4-6.5 3.3-.5 6.1-3 6.4-6.4Z"/></svg>',blur:'<svg width="24" height="24"><path d="M19.3 9.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7A1 1 0 0 0 20 9a1 1 0 0 0-.7.3Zm-16 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3A1 1 0 0 0 5 10a1 1 0 0 0-.3-.7A1 1 0 0 0 4 9a1 1 0 0 0-.7.3Zm16 6a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3Zm-16 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3A1 1 0 0 0 5 16a1 1 0 0 0-.3-.7A1 1 0 0 0 4 15a1 1 0 0 0-.7.3Zm5-11A1 1 0 0 0 8 5a1 1 0 0 0 1 1c.3 0 .5-.1.7-.3A1 1 0 0 0 10 5a1 1 0 0 0-.3-.7A1 1 0 0 0 9 4a1 1 0 0 0-.7.3Zm6 0a1 1 0 0 0-.3.7 1 1 0 0 0 1 1c.3 0 .5-.1.7-.3A1 1 0 0 0 16 5a1 1 0 0 0-.3-.7A1 1 0 0 0 15 4a1 1 0 0 0-.7.3Zm-6 16a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7A1 1 0 0 0 9 20a1 1 0 0 0-.7.3Zm6 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3ZM7.6 8.6A2 2 0 0 0 7 10c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 9 8a2 2 0 0 0-1.4.6Zm0 6A2 2 0 0 0 7 16c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 9 14a2 2 0 0 0-1.4.6Zm6-6A2 2 0 0 0 13 10c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 15 8a2 2 0 0 0-1.4.6Zm0 6A2 2 0 0 0 13 16c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 15 14a2 2 0 0 0-1.4.6Z"/></svg>',box:'<svg width="24" height="24"><path d="M3.8 7a1 1 0 0 0-.7.6l-.1 3V13.8a3.5 3.5 0 0 0 4 2.7c.8-.2 1.4-.5 2-1l.3-.3.3.2c.7.7 1.4 1 2.4 1.1 1.2 0 2.4-.6 3-1.6.9-1.2.8-2.8 0-4a3.7 3.7 0 0 0-2-1.2c-.4-.1-1.2-.1-1.6 0a3.4 3.4 0 0 0-1.7 1l-.3.2-.2-.1c-.4-.5-1.2-1-2-1.1-.6-.2-1.5 0-2 .2H5V9c0-1.3 0-1.3-.3-1.6a1 1 0 0 0-1-.3Zm12 2.6c-.3.2-.5.4-.6.8v.6l.9 1 .7 1v.1l-.8 1-.7 1a1 1 0 0 0 0 .7 1 1 0 0 0 1.3.6c.2 0 .3-.2 1-1l.5-.7.6.8.7.8c.4.3 1 .3 1.3 0l.2-.3a1 1 0 0 0 0-.8l-.8-1.2-.7-1a26 26 0 0 0 1.5-2 .8.8 0 0 0 .1-.4c0-.4-.1-.7-.5-.9H20c-.4 0-.5 0-1.2.8l-.7.8-.6-.7-.7-.9a1 1 0 0 0-1 0Zm-9 2 .4.1c.3.1.6.5.7.8l.1.6v.6c-.6 1-2 1.2-2.7.3-.3-.3-.3-.5-.3-1v-.5c.3-.5.7-.8 1.1-1a1.5 1.5 0 0 1 .7 0Zm5.7 0c.4 0 .8.4 1 .8l.2.6-.1.7c-.5.9-1.6 1.1-2.4.6a1.4 1.4 0 0 1-.6-1.1 1.4 1.4 0 0 1 .5-1.2 1.5 1.5 0 0 1 1.4-.4Z"/></svg>',camera:'<svg height="24" width="24"><g clip-rule="evenodd" fill-rule="evenodd"><path d="M10 5.4a1 1 0 0 1 .8-.4h4.4a1 1 0 0 1 .8.4l1.2 1.8h2.3A2.5 2.5 0 0 1 22 9.6v8a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 4 17.6v-8a2.5 2.5 0 0 1 2.5-2.4h2.3zM11.4 7l-1.2 1.7a1 1 0 0 1-.8.5h-3a.5.5 0 0 0-.4.4v8a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.4h-2.9a1 1 0 0 1-.8-.5L14.6 7z"/><path d="M13 11.4a2 2 0 1 0 0 3.8 2 2 0 0 0 0-3.8zm-4 1.9a4 4 0 1 1 8 0 4 4 0 0 1-8 0z"/></g></svg>',caption:'<svg height="24" width="24"><path d="M6 16h8v-2H6zm10 0h2v-2h-2zM4 20a2 2 0 0 1-1.5-.6A2 2 0 0 1 2 18V6c0-.6.2-1 .6-1.4A2 2 0 0 1 4 4h16c.6 0 1 .2 1.4.6.4.4.6.9.6 1.4v12c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6zm0-2h16V6H4z"/></svg>',dropbox:'<svg height="24" width="24"><path clip-rule="evenodd" d="m6.4 9.3-3-2a1 1 0 0 1 0-1.6l4-2.5a1 1 0 0 1 1 0L12 5.5l3.6-2.3a1 1 0 0 1 1 0l4 2.5a1 1 0 0 1 0 1.7l-3 1.9 3 1.9a1 1 0 0 1 0 1.6l-2.9 1.9V16c0 .3-.1.6-.4.8l-4.5 3a1 1 0 0 1-1.2 0l-4.4-3a1 1 0 0 1-.5-.9v-1l-3.2-2.2a1 1 0 0 1 0-1.6zm3 0L12 7.5l2.6 1.8L12 11zM8.9 15v.4l3.3 2.3 3.4-2.3v-.2L12 13l-3.1 2zm-1-10-2 1.4 2 1.3 2-1.3zm8.2 0-2 1.4 2 1.3 2-1.3zm-2 6.9 2-1.3 2 1.3-2 1.3-2-1.3zm-8.3 0 2-1.3L10 12l-2 1.3-2-1.3z" fill-rule="evenodd"/></svg>',evernote:'<svg width="24" height="24"><path fill-rule="evenodd" d="m9.5 3-.3.1-2.6 2.6C3.8 8.5 4 8.2 4 8.7c0 1.3.3 3 .6 4.3.5 2 1.1 3.2 2 3.7l1.2.3c1 .2 1.5.2 2.2.2 1.3 0 1.7 0 2.2-.4.3-.2.3-.4.4-1a38.4 38.4 0 0 1 .3-.4l.3.1 1.8.1h1.6v-1.8H14l-.1-.2a6.8 6.8 0 0 1-.5-1c-.2-.4-.3-.6-.5-.7a.8.8 0 0 0-.5-.1.9.9 0 0 0-.8.5l-.4 1.6-.3 1.5H9.4l-2-.3a1 1 0 0 1-.1-.2A10.1 10.1 0 0 1 6 9.7v-.2h4l.5-.5V5H12c.4.2.7.7.8 1.1a1 1 0 0 0 .2.6c.2.2.3.2 1 .3 1.2 0 2 .2 2.5.6.4.2.8.7 1 1.2.3 1.2.5 4 .3 6.4 0 1.8-.4 3.4-.8 4h-.7a8 8 0 0 1-.8 0c-.2 0-.3-.3-.2-.5a.5.5 0 0 1 .4-.3h.9v-1.8H16c-.7 0-.9 0-1.2.2-.9.4-1.4 1.2-1.4 2.1l.1.4.1.2a1 1 0 0 1 .1.2c.3.7.8 1.2 1.4 1.3l1.2.1h1.2a2 2 0 0 0 1-.8 9 9 0 0 0 1.1-4.3c.2-3 0-6.3-.4-7.7A4.3 4.3 0 0 0 16 5.3a7 7 0 0 0-1.3-.2 7.2 7.2 0 0 1-.4 0 5.5 5.5 0 0 1 0-.3c-.2-.5-.6-1-1.2-1.4a3 3 0 0 0-.5-.2c-.4-.2-.5-.2-1.8-.2a26.5 26.5 0 0 0-1.3 0Zm-.8 4v.7H7.2l.7-.8.8-.7v.7Zm7 3.5c-.4 0-.7.5-.9 1v.7h.3c.7 0 1.1.2 1.5.6l.3.2.3-.6V11a1 1 0 0 0-.6-.4 2 2 0 0 0-.8 0Z" clip-rule="evenodd"/></svg>',exposure:'<svg width="24" height="24"><path d="M5 21a2 2 0 0 1-1.4-.6A2 2 0 0 1 3 19V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5 3h14c.6 0 1 .2 1.4.6.4.4.6.8.6 1.4v14c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6H5Zm0-2h14V5L5 19Zm9.5-1v-2h-2v-1.5h2v-2H16v2h2V16h-2v2h-1.5ZM6 8.5h5V7H6v1.5Z"/></svg>',fb:'<svg width="24" height="24"><path fill-rule="evenodd" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-11 6.7V14H8.1v-2.5h2v-1C10 8.2 11.5 7 12.8 7H16v2.5h-2.4c-.8 0-1 .7-1 1.3v.7h3.2l-1 2.5h-2v5a7 7 0 1 0-2.8-.2Z" clip-rule="evenodd"/></svg>',flickr:'<svg width="24" height="24"><path d="M8.2 15.3c1.7 0 3.1-1.4 3.1-3.1A3.2 3.2 0 0 0 8.1 9 3.2 3.2 0 0 0 5 12.2c0 1.7 1.4 3 3.2 3Zm7.6 0c1.7 0 3.2-1.4 3.2-3.1a3.2 3.2 0 0 0-6.3 0c0 1.7 1.4 3 3.1 3Z"/></svg>',folder:'<svg width="24" height="24"><path fill-rule="evenodd" d="M5.6 6a.6.6 0 0 0-.6.6v11.2a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6V9a.6.6 0 0 0-.6-.6h-7.2a1 1 0 0 1-.8-.4L9 6H5.6ZM3.8 4.8A2.6 2.6 0 0 1 5.6 4h4a1 1 0 0 1 .8.4l1.3 2h6.7A2.6 2.6 0 0 1 21 9v8.8a2.6 2.6 0 0 1-2.6 2.6H5.6A2.6 2.6 0 0 1 3 17.8V6.6c0-.7.3-1.4.8-1.8Z" clip-rule="evenodd"/></svg>',"google-drive":'<svg height="24" width="24"><path clip-rule="evenodd" d="M8.7 4.5a1 1 0 0 1 .9-.5h4.8a1 1 0 0 1 .9.5l5.6 9.7a1 1 0 0 1 0 1l-2.4 4.2a1 1 0 0 1-.9.5H6.4a1 1 0 0 1-.9-.5l-2.4-4.2a1 1 0 0 1 0-1zM10.2 6l-4.5 7.7h2.5L12.7 6h-2.5zm4.2 1 4.4 7.7-1.2 2.2-4.4-7.7zM12 11.2l-1.5 2.5h3zm2.6 4.5H5.7L7 17.9h8.9l-1.3-2.2z" fill-rule="evenodd"/></svg>',"google-photos":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12.4 3c-.8 0-1.4.7-1.4 1.4v3.2a5 5 0 0 0-8 4c0 .8.6 1.4 1.4 1.4h3.2a5 5 0 0 0-1 3 5 5 0 0 0 5 5c.8 0 1.4-.6 1.4-1.4v-3.2a5 5 0 0 0 8-4c0-.8-.7-1.4-1.4-1.4h-3.2a5 5 0 0 0-4-8Zm.6 8V5a3 3 0 0 1 2.4 3 3 3 0 0 1-2.4 3Zm-2 0H5a3 3 0 0 1 3-2.4 3 3 0 0 1 3 2.4Zm2 2a3 3 0 0 0 3 2.4 3 3 0 0 0 3-2.4h-6Zm-4.4 3a3 3 0 0 1 2.4-3v6a3 3 0 0 1-2.4-3Z" clip-rule="evenodd"/></svg>',grayscale:'<svg height="24" width="24"><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12.4 0H19v3.6zm-2.8 0h-2.2l8.6 8.6v-2.2zm-5 0H5l14 14v-2.6z" fill-rule="evenodd"/></svg>',huddle:'<svg height="24" width="24"><path d="M10.3 5.6V8h.8v-2l3.5 2 4.3-2.5L14.6 3l-4.3 2.6zM14.6 8v5.2l4.3-2.6V5.6L14.6 8zM6 13.3v2.5h.9v-2l3.4 2 4.3-2.5-4.3-2.6zm4.3 2.6V21l4.3-2.6v-5.1l-4.3 2.6z"/></svg>',"image-decorative":'<svg width="24" height="24"><path d="M12 10c.3 0 .5-.1.7-.3A1 1 0 0 0 13 9a1 1 0 0 0-.3-.7A1 1 0 0 0 12 8a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 1 1Zm0 6a3 3 0 0 1-1.8-.5A3 3 0 0 1 9.1 14a2 2 0 0 0-.2 0 3 3 0 0 1-2.5-1 3 3 0 0 1-.9-2.2A3 3 0 0 1 6.2 9a3.4 3.4 0 0 1-.5-1 3 3 0 0 1-.2-1 3 3 0 0 1 1-2.2A3 3 0 0 1 8.8 4H9a3 3 0 0 1 1.1-1.4A3 3 0 0 1 12 2a3 3 0 0 1 1.8.5c.5.4.9.9 1.1 1.5h.2a3 3 0 0 1 2.5.8 3 3 0 0 1 .9 2.3c0 .3 0 .7-.2 1a2.8 2.8 0 0 1-.5.9l.5 1 .2 1a3 3 0 0 1-1 2.2 3 3 0 0 1-2.4.9 1.8 1.8 0 0 0-.2 0 3 3 0 0 1-1.1 1.4 3 3 0 0 1-1.8.5Zm0 7a8.7 8.7 0 0 1 .7-3.5 9.2 9.2 0 0 1 2-2.8 9.2 9.2 0 0 1 2.8-2A8.6 8.6 0 0 1 21 14a8.6 8.6 0 0 1-.7 3.5 9.2 9.2 0 0 1-2 2.8 9.2 9.2 0 0 1-2.8 2 8.6 8.6 0 0 1-3.5.7Zm2.5-2.5a6.8 6.8 0 0 0 2.4-1.5 6.8 6.8 0 0 0 1.7-2.6c-1 .4-1.8 1-2.6 1.7a6.8 6.8 0 0 0-1.5 2.4ZM12 23a8.6 8.6 0 0 0-.7-3.5 9.2 9.2 0 0 0-2-2.9 9.2 9.2 0 0 0-2.8-1.9A8.6 8.6 0 0 0 3 14a8.7 8.7 0 0 0 .7 3.5 9.2 9.2 0 0 0 2 2.9 9.2 9.2 0 0 0 2.8 1.9 8.6 8.6 0 0 0 3.5.7Zm-2.5-2.5A6.8 6.8 0 0 1 7.2 19a6.8 6.8 0 0 1-1.6-2.6c.9.4 1.7 1 2.5 1.7a6.8 6.8 0 0 1 1.6 2.4Zm5.9-8.4c.3 0 .5-.1.8-.4.2-.2.3-.5.3-.8 0-.2 0-.4-.2-.6a1.3 1.3 0 0 0-.5-.4l-.8-.4a3 3 0 0 1-.2.5 3.8 3.8 0 0 1-.2.5 2.5 2.5 0 0 1-.3.4 4 4 0 0 1-.4.4l.8.6a.8.8 0 0 0 .3.1h.4ZM15 8.5l.8-.4.5-.4.2-.6a1.1 1.1 0 0 0-.3-.8 1 1 0 0 0-.8-.4 1.1 1.1 0 0 0-.7.2l-.8.6.4.4.3.4a3.9 3.9 0 0 1 .4 1Zm-4-2.3a2.7 2.7 0 0 1 1-.2 2.7 2.7 0 0 1 1 .2l.2-1.1c0-.3-.1-.6-.4-.8A1.2 1.2 0 0 0 12 4c-.3 0-.6.1-.8.3-.3.2-.4.5-.3.8v1.1Zm1 7.8c.3 0 .6-.1.8-.3.3-.2.4-.5.3-.8v-1.1a2.7 2.7 0 0 1-1.1.2 2.7 2.7 0 0 1-1-.2l-.2 1.1c0 .3.1.6.4.8.2.2.5.3.8.3ZM9 8.5a3 3 0 0 1 .4-1l.3-.4.4-.4-.8-.6A.9.9 0 0 0 9 6a1.2 1.2 0 0 0-.3 0c-.4 0-.6 0-.9.3a1.1 1.1 0 0 0-.3.8c0 .2 0 .4.2.6l.5.4.9.4Zm-.3 3.6H9l.3-.2.8-.6a5.5 5.5 0 0 1-.4-.4 2.1 2.1 0 0 1-.3-.4 3.8 3.8 0 0 1-.2-.5 3 3 0 0 1-.1-.5l-1 .4-.4.4a1.1 1.1 0 0 0-.2.6c0 .3.2.6.4.8.2.2.4.4.7.4Z"/></svg>',"image-enhancements":'<svg height="24" width="24"><path d="M5.3 21a2 2 0 0 1-1.5-.6 2 2 0 0 1-.6-1.4V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5.2 3H13v2H5.2v14h14v-8h2v8c0 .6-.1 1-.5 1.4a2 2 0 0 1-1.4.6z"/><path d="M11 9a4 4 0 0 0 4 4 4 4 0 0 0-4 4 4 4 0 0 0-4-4 4 4 0 0 0 4-4zm5.5-6c.2 2.1 2.2 4.1 4.5 4.5-2.3.4-4.3 2.4-4.5 4.5A5.2 5.2 0 0 0 12 7.5 5.2 5.2 0 0 0 16.5 3z"/></svg>',instagram:'<svg height="24" width="24"><path clip-rule="evenodd" d="M10.1 9a4 4 0 1 1 4.4 6.6A4 4 0 0 1 10.1 9zm2.2 1.3a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill-rule="evenodd"/><path d="M16 9.3a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6z"/><path clip-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z" fill-rule="evenodd"/></svg>',onedrive:'<svg height="24" width="24"><path d="M4 13.7h1zm16 .7h-1zm-11.7-4A4.4 4.4 0 0 1 12.1 8V6a6.4 6.4 0 0 0-5.6 3.4l1.8 1zM12.1 8c2 0 3.6 1.4 4 2.8l2-.5A6.3 6.3 0 0 0 12 6v2zm8.1 6.8-9.8-5.5-1 1.8 9.8 5.5 1-1.8zm-9.8-5.5A5 5 0 0 0 3 13.7h2A3 3 0 0 1 9.5 11l1-1.8zM3 13.7a5 5 0 0 0 1 2.8l1.5-1.1a3 3 0 0 1-.5-1.7zm15.8 1.6a2.3 2.3 0 0 1-2 1.4v2a4.3 4.3 0 0 0 3.9-2.6zm-2 1.4H8v2h8.7zm-8.8 0a3 3 0 0 1-2.5-1.3L4 16.5a5 5 0 0 0 4 2.2v-2zm12.7-.6c.2-.6.3-1.1.3-1.7h-2c0 .3 0 .6-.2.9zm.3-1.7c0-3-3.1-5.1-6-4l.8 1.9a2.3 2.3 0 0 1 3.2 2h2zm-6-4L4.4 15l.8 1.9 10.7-4.6-.7-1.8z"/></svg>',"photo-filter":'<svg height="24" width="24"><path d="M4.4 21c-.3 0-.6-.2-.9-.5-.3-.3-.4-.6-.5-.9L19.6 3c.3 0 .6.3.9.5l.5.9zM3 14.7v-2.8L11.9 3h2.8zM3 7V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5 3h2zm14 14 4-4v2c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6zm-7.7 0L21 9.3v2.8L12 21z"/></svg>',"revert-changes":'<svg height="24" width="24"><path d="m8.9 18.8.4 3.2H13v-2h-2v-2.6a4.6 4.6 0 0 1-1.6-.6 5.9 5.9 0 0 1-1.3-1l-2.5 1-1-1.7 2.2-1.6a4 4 0 0 1-.2-.7 5.9 5.9 0 0 1 0-.8v-.8l.2-.8-2.2-1.6 1-1.7 2.5 1a6 6 0 0 1 1.2-.9l1.4-.6.4-2.6h2l.3 2.6A5.6 5.6 0 0 1 16 8.2l2.5-1 1 1.6-2.2 1.7.2.7v.8a5 5 0 0 1 0 1h2a2.6 2.6 0 0 0 0-.5V11.3l2.6-2-2.8-4.7-3 1.3a8.2 8.2 0 0 0-.5-.4 3.8 3.8 0 0 0-.6-.3L14.8 2H9.3l-.4 3.2a5 5 0 0 0-1.2.7l-3-1.3L2 9.4l2.6 2V12.6l-2.6 2 2.7 4.7 3-1.3a8 8 0 0 0 1.2.7z"/><path d="m14.5 20.3 2.1-2-2.1-2.2 1.4-1.4 2.1 2.1 2.1-2 1.4 1.3-2 2.1 2 2.1-1.4 1.4-2.1-2-2.1 2zM12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>',saturation:'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 20.5a6 6 0 1 1-5.9-10.2 6 6 0 1 1 11.8 0A6 6 0 1 1 12 20.5Zm-1.1-7.7a6 6 0 0 0-.2.3 4.3 4.3 0 0 1-2-1.3c.9.1 1.6.5 2.2 1Zm2.4.3a6 6 0 0 0-.2-.3 4.3 4.3 0 0 1 2.2-1 4.3 4.3 0 0 1-2 1.3ZM12.2 15a6.3 6.3 0 0 1-.4 0 4.3 4.3 0 0 0 .2 2.5 4.3 4.3 0 0 0 .2-2.5Zm.9 4.2a6 6 0 0 0 .8-4.5 6 6 0 0 0 3.4-2.8 4.3 4.3 0 0 1-1.3 8.4 4.3 4.3 0 0 1-2.9-1.1Zm-2.2 0a4.3 4.3 0 1 1-4.2-7.3 6 6 0 0 0 3.4 2.8 6 6 0 0 0 .8 4.5Zm-3-9.2a4.3 4.3 0 1 1 8.3 0 6 6 0 0 0-4.2 1.5A6 6 0 0 0 7.8 10Z"/></svg>',"transform-image":'<svg height="24" width="24"><path d="M3 21v-6h2V9H3V3h6v2h6V3h6v6h-2v6h2v6h-6v-2H9v2zm6-4h6v-2h2V9h-2V7H9v2H7v6h2zM5 7h2V5H5zm12 0h2V5h-2zm0 12h2v-2h-2zM5 19h2v-2H5z"/></svg>',vibrance:'<svg height="24" width="24"><path d="M12 20 22 4H2zm2.6-8 1.3-2H8l1.3 2h5.2zm-1.2 2h-2.8l1.4 2.2zm5-8L17 8H7L5.6 6h12.8z" fill-rule="evenodd"/></svg>',vk:'<svg width="24" height="24"><path fill-rule="evenodd" d="M14.8 17.4a2 2 0 0 1-1.3.7 8 8 0 0 1-7.7-3.6c-1.4-2-2.2-4.4-2.6-5.7L3 8.6A2 2 0 0 1 5 6h2.5c.4 0 .8.1 1.2.4A2 2 0 0 1 9.8 6h3.5a2 2 0 0 1 1.4.6 2 2 0 0 1 1.5-.6h2.4a2 2 0 0 1 2 2.5c-.5 1.5-1.2 2.6-1.8 3.6a12.5 12.5 0 0 1 2 3.2A2 2 0 0 1 19 18h-2.6a2 2 0 0 1-1.3-.5 6.9 6.9 0 0 1-.3-.2Zm.5-2.5-1.2-1a3 3 0 0 0-.8-.2v2.4h-1.7a5.6 5.6 0 0 1-.3 0c-3-.7-4.7-3.7-5.6-6.1A38.1 38.1 0 0 1 5 8.1V8h2.5a80.5 80.5 0 0 1 1.2 2.5c.6 1.2 1.2 2 2 2.1V9l-.9-1h3.5v4.1a5 5 0 0 0 .4-.3c.7-.7 1.2-1.4 1.6-2.2l.2-.3.7-1.3h2.4a8.5 8.5 0 0 1-.8 2l-1.3 2-.3.3a10.5 10.5 0 0 1 2.8 3.8h-2.6l-.8-.9a20.6 20.6 0 0 0-.3-.3Z" clip-rule="evenodd"/></svg>',warmth:'<svg height="24" width="24"><path d="M12 21.1c-1.4 0-2.6-.5-3.6-1.5s-1.5-2.1-1.5-3.5c0-.8.2-1.6.6-2.2A5 5 0 0 1 8.9 12v-6c0-.8.3-1.5 1-2.1a2.9 2.9 0 0 1 2-.9c.9 0 1.6.3 2.2.9.5.6.8 1.3.8 2.1v6a5 5 0 0 1 1.5 1.8A4.9 4.9 0 0 1 17 16c0 1.4-.5 2.6-1.4 3.5s-2.2 1.5-3.6 1.5zm-3-5h6c0-.5-.2-1-.4-1.4a3 3 0 0 0-.9-1l-.8-.6v-7a1 1 0 0 0-.3-.7A1 1 0 0 0 12 5a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v7l-.8.6a2.9 2.9 0 0 0-.9 1 3 3 0 0 0-.3 1.4z"/></svg>',user:'<svg width="24" height="24"><path d="M12 24a12 12 0 1 1 0-24 12 12 0 0 1 0 24Zm-8.7-5.3a11 11 0 0 0 17.4 0C19.4 16.3 14.6 15 12 15c-2.6 0-7.4 1.3-8.7 3.7ZM12 13c2.2 0 4-2 4-4.5S14.2 4 12 4 8 6 8 8.5 9.8 13 12 13Z" fill-rule="nonzero"/></svg>',"vertical-align":'<svg width="24" height="24"><g fill-rule="nonzero"><rect width="18" height="2" x="3" y="11" rx="1"/><path d="M12 2c.6 0 1 .4 1 1v4l2-1.3a1 1 0 0 1 1.2 1.5l-.1.1-4.1 3-4-3a1 1 0 0 1 1-1.7l2 1.5V3c0-.6.4-1 1-1zm0 11.8 4 2.9a1 1 0 0 1-1 1.7l-2-1.5V21c0 .5-.4 1-.9 1H12a1 1 0 0 1-1-1v-4l-2 1.3a1 1 0 0 1-1.2-.1l-.1-.1a1 1 0 0 1 .1-1.3l.1-.1 4.1-3z"/></g></svg>',visualblocks:'<svg width="24" height="24"><path d="M9 19v2H7v-2h2Zm-4 0v2a2 2 0 0 1-2-2h2Zm8 0v2h-2v-2h2Zm8 0a2 2 0 0 1-2 2v-2h2Zm-4 0v2h-2v-2h2ZM15 7a1 1 0 0 1 0 2v7a1 1 0 0 1-2 0V9h-1v7a1 1 0 0 1-2 0v-4a2.5 2.5 0 0 1-.2-5H15ZM5 15v2H3v-2h2Zm16 0v2h-2v-2h2ZM5 11v2H3v-2h2Zm16 0v2h-2v-2h2ZM5 7v2H3V7h2Zm16 0v2h-2V7h2ZM5 3v2H3c0-1.1.9-2 2-2Zm8 0v2h-2V3h2Zm6 0a2 2 0 0 1 2 2h-2V3ZM9 3v2H7V3h2Zm8 0v2h-2V3h2Z" fill-rule="evenodd"/></svg>',visualchars:'<svg width="24" height="24"><path d="M10 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 6.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L10 5Z" fill-rule="evenodd"/></svg>',warning:'<svg width="24" height="24"><path d="M19.8 18.3c.2.5.3.9 0 1.2-.1.3-.5.5-1 .5H5.2c-.5 0-.9-.2-1-.5-.3-.3-.2-.7 0-1.2L11 4.7l.5-.5.5-.2c.2 0 .3 0 .5.2.2 0 .3.3.5.5l6.8 13.6ZM12 18c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7a1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3Zm.7-3 .3-4a1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7l.3 4h1.4Z" fill-rule="evenodd"/></svg>',"zoom-in":'<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-1-9a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0V8Zm-2 4a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8Z" fill-rule="nonzero"/></svg>',"zoom-out":'<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-3-5a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8Z" fill-rule="nonzero"/></svg>'}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/index.js
new file mode 100644
index 000000000..ca4184a42
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/icons/default/index.js
@@ -0,0 +1,7 @@
+// Exports the "default" icons for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/icons/default')
+//   ES2015:
+//     import 'tinymce/icons/default'
+require('./icons.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/license.md b/apps/edr-freight-web/backoffice/public/_um/tinymce/license.md
new file mode 100644
index 000000000..70454a638
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/license.md
@@ -0,0 +1,6 @@
+# Software License Agreement
+
+**TinyMCE** – [<https://github.com/tinymce/tinymce>](https://github.com/tinymce/tinymce)
+Copyright (c) 2024, Ephox Corporation DBA Tiny Technologies, Inc.
+
+Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html).
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/index.js
new file mode 100644
index 000000000..7ed634af9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/index.js
@@ -0,0 +1,7 @@
+// Exports the "dom" model for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/models/dom')
+//   ES2015:
+//     import 'tinymce/models/dom'
+require('./model.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/model.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/model.js
new file mode 100644
index 000000000..99f729cf6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/model.js
@@ -0,0 +1,8994 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.ModelManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$2 = (t) => (a) => t === a;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isArray = isType$1('array');
+    const isNull = eq$2(null);
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$2(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    /** Compose a unary function with an n-ary function */
+    const compose = (fa, fb) => {
+        return (...args) => {
+            return fa(fb.apply(null, args));
+        };
+    };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const identity = (x) => {
+        return x;
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const not = (f) => (t) => !f(t);
+    const die = (msg) => {
+        return () => {
+            throw new Error(msg);
+        };
+    };
+    const apply = (f) => {
+        return f();
+    };
+    const never = constant(false);
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains$2 = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const range$1 = (num, f) => {
+        const r = [];
+        for (let i = 0; i < num; i++) {
+            r.push(f(i));
+        }
+        return r;
+    };
+    const map$1 = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$2 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const partition = (xs, pred) => {
+        const pass = [];
+        const fail = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            const arr = pred(x, i) ? pass : fail;
+            arr.push(x);
+        }
+        return { pass, fail };
+    };
+    const filter$2 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldr = (xs, f, acc) => {
+        eachr(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const foldl = (xs, f, acc) => {
+        each$2(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$1 = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const findIndex = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(i);
+            }
+        }
+        return Optional.none();
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind$2 = (xs, f) => flatten(map$1(xs, f));
+    const forall = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            const x = xs[i];
+            if (pred(x, i) !== true) {
+                return false;
+            }
+        }
+        return true;
+    };
+    const reverse = (xs) => {
+        const r = nativeSlice.call(xs, 0);
+        r.reverse();
+        return r;
+    };
+    const mapToObject = (xs, f) => {
+        const r = {};
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            r[String(x)] = f(x, i);
+        }
+        return r;
+    };
+    const sort$1 = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+    const get$d = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$d(xs, 0);
+    const last$2 = (xs) => get$d(xs, xs.length - 1);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each$1 = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each$1(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each$1(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter$1 = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const mapToArray = (obj, f) => {
+        const r = [];
+        each$1(obj, (value, name) => {
+            r.push(f(value, name));
+        });
+        return r;
+    };
+    const values = (obj) => {
+        return mapToArray(obj, identity);
+    };
+    const get$c = (obj, key) => {
+        return has$1(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has$1 = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has$1(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    const isEmpty = (r) => {
+        for (const x in r) {
+            if (hasOwnProperty.call(r, x)) {
+                return false;
+            }
+        }
+        return true;
+    };
+
+    /*
+     * Generates a church encoded ADT (https://en.wikipedia.org/wiki/Church_encoding)
+     * For syntax and use, look at the test code.
+     */
+    const generate$1 = (cases) => {
+        // validation
+        if (!isArray(cases)) {
+            throw new Error('cases must be an array');
+        }
+        if (cases.length === 0) {
+            throw new Error('there must be at least one case');
+        }
+        const constructors = [];
+        // adt is mutated to add the individual cases
+        const adt = {};
+        each$2(cases, (acase, count) => {
+            const keys$1 = keys(acase);
+            // validation
+            if (keys$1.length !== 1) {
+                throw new Error('one and only one name per case');
+            }
+            const key = keys$1[0];
+            const value = acase[key];
+            // validation
+            if (adt[key] !== undefined) {
+                throw new Error('duplicate key detected:' + key);
+            }
+            else if (key === 'cata') {
+                throw new Error('cannot have a case named cata (sorry)');
+            }
+            else if (!isArray(value)) {
+                // this implicitly checks if acase is an object
+                throw new Error('case arguments must be an array');
+            }
+            constructors.push(key);
+            //
+            // constructor for key
+            //
+            adt[key] = (...args) => {
+                const argLength = args.length;
+                // validation
+                if (argLength !== value.length) {
+                    throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+                }
+                const match = (branches) => {
+                    const branchKeys = keys(branches);
+                    if (constructors.length !== branchKeys.length) {
+                        throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+                    }
+                    const allReqd = forall(constructors, (reqKey) => {
+                        return contains$2(branchKeys, reqKey);
+                    });
+                    if (!allReqd) {
+                        throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+                    }
+                    return branches[key].apply(null, args);
+                };
+                //
+                // the fold function for key
+                //
+                return {
+                    fold: (...foldArgs) => {
+                        // runtime validation
+                        if (foldArgs.length !== cases.length) {
+                            throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + foldArgs.length);
+                        }
+                        const target = foldArgs[count];
+                        return target.apply(null, args);
+                    },
+                    match,
+                    // NOTE: Only for debugging.
+                    log: (label) => {
+                        // eslint-disable-next-line no-console
+                        console.log(label, {
+                            constructors,
+                            constructor: key,
+                            params: args
+                        });
+                    }
+                };
+            };
+        });
+        return adt;
+    };
+    const Adt = {
+        generate: generate$1
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const sort = (arr) => {
+        return arr.slice(0).sort();
+    };
+    const reqMessage = (required, keys) => {
+        throw new Error('All required keys (' + sort(required).join(', ') + ') were not specified. Specified keys were: ' + sort(keys).join(', ') + '.');
+    };
+    const unsuppMessage = (unsupported) => {
+        throw new Error('Unsupported keys for object: ' + sort(unsupported).join(', '));
+    };
+    const validateStrArr = (label, array) => {
+        if (!isArray(array)) {
+            throw new Error('The ' + label + ' fields must be an array. Was: ' + array + '.');
+        }
+        each$2(array, (a) => {
+            if (!isString(a)) {
+                throw new Error('The value ' + a + ' in the ' + label + ' fields was not a string.');
+            }
+        });
+    };
+    const invalidTypeMessage = (incorrect, type) => {
+        throw new Error('All values need to be of type: ' + type + '. Keys (' + sort(incorrect).join(', ') + ') were not.');
+    };
+    const checkDupes = (everything) => {
+        const sorted = sort(everything);
+        const dupe = find$1(sorted, (s, i) => {
+            return i < sorted.length - 1 && s === sorted[i + 1];
+        });
+        dupe.each((d) => {
+            throw new Error('The field: ' + d + ' occurs more than once in the combined fields: [' + sorted.join(', ') + '].');
+        });
+    };
+
+    // Ensure that the object has all required fields. They must be functions.
+    const base = (handleUnsupported, required) => {
+        return baseWith(handleUnsupported, required, {
+            validate: isFunction,
+            label: 'function'
+        });
+    };
+    // Ensure that the object has all required fields. They must satisy predicates.
+    const baseWith = (handleUnsupported, required, pred) => {
+        if (required.length === 0) {
+            throw new Error('You must specify at least one required field.');
+        }
+        validateStrArr('required', required);
+        checkDupes(required);
+        return (obj) => {
+            const keys$1 = keys(obj);
+            // Ensure all required keys are present.
+            const allReqd = forall(required, (req) => {
+                return contains$2(keys$1, req);
+            });
+            if (!allReqd) {
+                reqMessage(required, keys$1);
+            }
+            handleUnsupported(required, keys$1);
+            const invalidKeys = filter$2(required, (key) => {
+                return !pred.validate(obj[key], key);
+            });
+            if (invalidKeys.length > 0) {
+                invalidTypeMessage(invalidKeys, pred.label);
+            }
+            return obj;
+        };
+    };
+    const handleExact = (required, keys) => {
+        const unsupported = filter$2(keys, (key) => {
+            return !contains$2(required, key);
+        });
+        if (unsupported.length > 0) {
+            unsuppMessage(unsupported);
+        }
+    };
+    const exactly = (required) => base(handleExact, required);
+
+    /**
+     * Creates a new `Result<T, E>` that **does** contain a value.
+     */
+    const value$1 = (value) => {
+        const applyHelper = (fn) => fn(value);
+        const constHelper = constant(value);
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: true,
+            inner: value,
+            // Actual Result methods
+            fold: (_onError, onValue) => onValue(value),
+            isValue: always,
+            isError: never,
+            map: (mapper) => Result.value(mapper(value)),
+            mapError: outputHelper,
+            bind: applyHelper,
+            exists: applyHelper,
+            forall: applyHelper,
+            getOr: constHelper,
+            or: outputHelper,
+            getOrThunk: constHelper,
+            orThunk: outputHelper,
+            getOrDie: constHelper,
+            each: (fn) => {
+                // Can't write the function inline because we don't want to return something by mistake
+                fn(value);
+            },
+            toOptional: () => Optional?.some(value),
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` that **does not** contain a value, and therefore
+     * contains an error.
+     */
+    const error = (error) => {
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: false,
+            inner: error,
+            // Actual Result methods
+            fold: (onError, _onValue) => onError(error),
+            isValue: never,
+            isError: always,
+            map: outputHelper,
+            mapError: (mapper) => Result.error(mapper(error)),
+            bind: outputHelper,
+            exists: never,
+            forall: always,
+            getOr: identity,
+            or: identity,
+            getOrThunk: apply,
+            orThunk: apply,
+            getOrDie: die(String(error)),
+            each: noop,
+            toOptional: Optional.none,
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` from an `Optional<T>` and an `E`. If the
+     * `Optional` contains a value, so will the outputted `Result`. If it does not,
+     * the outputted `Result` will contain an error (and that error will be the
+     * error passed in).
+     */
+    const fromOption = (optional, err) => optional.fold(() => error(err), value$1);
+    const Result = {
+        value: value$1,
+        error,
+        fromOption
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    // This API is intended to give the capability to return namespaced strings.
+    // For CSS, since dots are not valid class names, the dots are turned into dashes.
+    const css = (namespace) => {
+        const dashNamespace = namespace.replace(/\./g, '-');
+        const resolve = (str) => {
+            return dashNamespace + '-' + str;
+        };
+        return {
+            resolve
+        };
+    };
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$2 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    const bindFrom = (a, f) => (a !== undefined && a !== null) ? f(a) : Optional.none();
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve$2 = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    const contains$1 = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+    /** Does 'str' end with 'suffix'?
+     *  Note: all strings end with the empty string.
+     *        More formally, for all strings x, endsWith(x, "").
+     *        This is so that for all strings x and y, endsWith(x + y, y)
+     */
+    const endsWith = (str, suffix) => {
+        return checkRange(str, suffix, str.length - suffix.length);
+    };
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const toFloat = (value) => {
+        const num = parseFloat(value);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last$1 = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const nbsp = '\u00A0';
+
+    const validSectionList = ['tfoot', 'thead', 'tbody', 'colgroup'];
+    const isValidSection = (parentName) => contains$2(validSectionList, parentName);
+    const grid = (rows, columns) => ({
+        rows,
+        columns
+    });
+    const address = (row, column) => ({
+        row,
+        column
+    });
+    const detail = (element, rowspan, colspan) => ({
+        element,
+        rowspan,
+        colspan
+    });
+    const detailnew = (element, rowspan, colspan, isNew) => ({
+        element,
+        rowspan,
+        colspan,
+        isNew
+    });
+    const extended = (element, rowspan, colspan, row, column, isLocked) => ({
+        element,
+        rowspan,
+        colspan,
+        row,
+        column,
+        isLocked
+    });
+    const rowdetail = (element, cells, section) => ({
+        element,
+        cells,
+        section
+    });
+    const rowdetailnew = (element, cells, section, isNew) => ({
+        element,
+        cells,
+        section,
+        isNew
+    });
+    const elementnew = (element, isNew, isLocked) => ({
+        element,
+        isNew,
+        isLocked
+    });
+    const rowcells = (element, cells, section, isNew) => ({
+        element,
+        cells,
+        section,
+        isNew
+    });
+    const bounds = (startRow, startCol, finishRow, finishCol) => ({
+        startRow,
+        startCol,
+        finishRow,
+        finishCol
+    });
+    const columnext = (element, colspan, column) => ({
+        element,
+        colspan,
+        column
+    });
+    const colgroup = (element, columns) => ({
+        element,
+        columns
+    });
+
+    const addCells = (gridRow, index, cells) => {
+        const existingCells = gridRow.cells;
+        const before = existingCells.slice(0, index);
+        const after = existingCells.slice(index);
+        const newCells = before.concat(cells).concat(after);
+        return setCells(gridRow, newCells);
+    };
+    const addCell = (gridRow, index, cell) => addCells(gridRow, index, [cell]);
+    const mutateCell = (gridRow, index, cell) => {
+        const cells = gridRow.cells;
+        cells[index] = cell;
+    };
+    const setCells = (gridRow, cells) => rowcells(gridRow.element, cells, gridRow.section, gridRow.isNew);
+    const mapCells = (gridRow, f) => {
+        const cells = gridRow.cells;
+        const r = map$1(cells, f);
+        return rowcells(gridRow.element, r, gridRow.section, gridRow.isNew);
+    };
+    const getCell = (gridRow, index) => gridRow.cells[index];
+    const getCellElement = (gridRow, index) => getCell(gridRow, index).element;
+    const cellLength = (gridRow) => gridRow.cells.length;
+    const extractGridDetails = (grid) => {
+        const result = partition(grid, (row) => row.section === 'colgroup');
+        return {
+            rows: result.fail,
+            cols: result.pass
+        };
+    };
+    const clone$2 = (gridRow, cloneRow, cloneCell) => {
+        const newCells = map$1(gridRow.cells, cloneCell);
+        return rowcells(cloneRow(gridRow.element), newCells, gridRow.section, true);
+    };
+
+    const fromHtml$1 = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom$1(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom$1(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom$1(node);
+    };
+    const fromDom$1 = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint$1 = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom$1);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml: fromHtml$1,
+        fromTag,
+        fromText,
+        fromDom: fromDom$1,
+        fromPoint: fromPoint$1
+    };
+
+    const selectNode = (win, element) => {
+        const rng = win.document.createRange();
+        rng.selectNode(element.dom);
+        return rng;
+    };
+    const selectNodeContents = (win, element) => {
+        const rng = win.document.createRange();
+        selectNodeContentsUsing(rng, element);
+        return rng;
+    };
+    const selectNodeContentsUsing = (rng, element) => rng.selectNodeContents(element.dom);
+    // NOTE: Mutates the range.
+    const setStart = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setStartBefore(e.dom);
+        }, (e, o) => {
+            rng.setStart(e.dom, o);
+        }, (e) => {
+            rng.setStartAfter(e.dom);
+        });
+    };
+    const setFinish = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setEndBefore(e.dom);
+        }, (e, o) => {
+            rng.setEnd(e.dom, o);
+        }, (e) => {
+            rng.setEndAfter(e.dom);
+        });
+    };
+    const relativeToNative = (win, startSitu, finishSitu) => {
+        const range = win.document.createRange();
+        setStart(range, startSitu);
+        setFinish(range, finishSitu);
+        return range;
+    };
+    const exactToNative = (win, start, soffset, finish, foffset) => {
+        const rng = win.document.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+    const toRect = (rect) => ({
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height
+    });
+    const getFirstRect$1 = (rng) => {
+        const rects = rng.getClientRects();
+        // ASSUMPTION: The first rectangle is the start of the selection
+        const rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
+        return rect.width > 0 || rect.height > 0 ? Optional?.some(rect)?.map(toRect) : Optional.none();
+    };
+
+    const adt$6 = Adt.generate([
+        { ltr: ['start', 'soffset', 'finish', 'foffset'] },
+        { rtl: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const fromRange = (win, type, range) => type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
+    const getRanges = (win, selection) => selection.match({
+        domRange: (rng) => {
+            return {
+                ltr: constant(rng),
+                rtl: Optional.none
+            };
+        },
+        relative: (startSitu, finishSitu) => {
+            return {
+                ltr: cached(() => relativeToNative(win, startSitu, finishSitu)),
+                rtl: cached(() => Optional?.some(relativeToNative(win, finishSitu, startSitu)))
+            };
+        },
+        exact: (start, soffset, finish, foffset) => {
+            return {
+                ltr: cached(() => exactToNative(win, start, soffset, finish, foffset)),
+                rtl: cached(() => Optional?.some(exactToNative(win, finish, foffset, start, soffset)))
+            };
+        }
+    });
+    const doDiagnose = (win, ranges) => {
+        // If we cannot create a ranged selection from start > finish, it could be RTL
+        const rng = ranges.ltr();
+        if (rng.collapsed) {
+            // Let's check if it's RTL ... if it is, then reversing the direction will not be collapsed
+            const reversed = ranges.rtl().filter((rev) => rev.collapsed === false);
+            return reversed?.map((rev) => 
+            // We need to use "reversed" here, because the original only has one point (collapsed)
+            adt$6.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset)).getOrThunk(() => fromRange(win, adt$6.ltr, rng));
+        }
+        else {
+            return fromRange(win, adt$6.ltr, rng);
+        }
+    };
+    const diagnose = (win, selection) => {
+        const ranges = getRanges(win, selection);
+        return doDiagnose(win, ranges);
+    };
+    const asLtrRange = (win, selection) => {
+        const diagnosis = diagnose(win, selection);
+        return diagnosis.match({
+            ltr: (start, soffset, finish, foffset) => {
+                const rng = win.document.createRange();
+                rng.setStart(start.dom, soffset);
+                rng.setEnd(finish.dom, foffset);
+                return rng;
+            },
+            rtl: (start, soffset, finish, foffset) => {
+                // NOTE: Reversing start and finish
+                const rng = win.document.createRange();
+                rng.setStart(finish.dom, foffset);
+                rng.setEnd(start.dom, soffset);
+                return rng;
+            }
+        });
+    };
+    adt$6.ltr;
+    adt$6.rtl;
+
+    const COMMENT = 8;
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all$1 = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map$1(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq$1 = (e1, e2) => e1.dom === e2.dom;
+    // Returns: true if node e1 contains e2, otherwise false.
+    // (returns false if e1===e2: A node does not contain itself).
+    const contains = (e1, e2) => {
+        const d1 = e1.dom;
+        const d2 = e2.dom;
+        return d1 === d2 ? false : d1.contains(d2);
+    };
+    const is = is$1;
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant(isiPad),
+            isiPhone: constant(isiPhone),
+            isTablet: constant(isTablet),
+            isPhone: constant(isPhone),
+            isTouch: constant(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant(iOSwebview),
+            isDesktop: constant(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$2(group(1), group(2));
+    };
+    const detect$5 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$2();
+        }
+        return find(versionRegexes, cleanedAgent);
+    };
+    const unknown$2 = () => {
+        return nu$2(0, 0);
+    };
+    const nu$2 = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$2,
+        detect: detect$5,
+        unknown: unknown$2
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$1(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$4 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$1(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$4(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$4(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains$1(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant(browsers),
+        oses: constant(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$1 = () => {
+        return nu$1({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$1 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$1,
+        nu: nu$1,
+        edge: constant(edge),
+        chromium: constant(chromium),
+        ie: constant(ie),
+        opera: constant(opera),
+        firefox: constant(firefox),
+        safari: constant(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown = () => {
+        return nu({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown,
+        nu,
+        windows: constant(windows),
+        ios: constant(ios),
+        android: constant(android),
+        linux: constant(linux),
+        macos: constant(macos),
+        solaris: constant(solaris),
+        freebsd: constant(freebsd),
+        chromeos: constant(chromeos)
+    };
+
+    const detect$3 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$3
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect$2 = () => platform();
+
+    const unsafe = (name, scope) => {
+        return resolve$2(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve$2('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isComment = (element) => type(element) === COMMENT || name(element) === '#comment';
+    const isHTMLElement = (element) => isElement(element) && isPrototypeOf(element.dom);
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement(e) && name(e) === tag;
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument(dos) ? dos : owner(dos);
+    const documentElement = (element) => SugarElement.fromDom(documentOrOwner(element).dom.documentElement);
+    /**
+     * The window element associated with the element
+     * NOTE: this will throw if the defaultView is null.
+     */
+    const defaultView = (element) => SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parentElement = (element) => Optional.from(element.dom.parentElement)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const prevSibling = (element) => Optional.from(element.dom.previousSibling)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children$2 = (element) => map$1(element.dom.childNodes, SugarElement.fromDom);
+    const child$2 = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child$2(element, 0);
+
+    const makeRange = (start, soffset, finish, foffset) => {
+        const doc = owner(start);
+        // TODO: We need to think about a better place to put native range creation code. Does it even belong in sugar?
+        // Could the `Compare` checks (node.compareDocumentPosition) handle these situations better?
+        const rng = doc.dom.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+    const after$5 = (start, soffset, finish, foffset) => {
+        const r = makeRange(start, soffset, finish, foffset);
+        const same = eq$1(start, finish) && soffset === foffset;
+        return r.collapsed && !same;
+    };
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** Where content needs to go. ShadowRoot or document body */
+    const getContentContainer = (dos) => 
+    // Can't use SugarBody.body without causing a circular module reference (since SugarBody.inBody uses SugarShadowDom)
+    isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+    /**
+     * When Events bubble up through a ShadowRoot, the browser changes the target to be the shadow host.
+     * This function gets the "original" event target if possible.
+     * This only works if the shadow tree is open - if the shadow tree is closed, event.target is returned.
+     * See: https://developers.google.com/web/fundamentals/web-components/shadowdom#events
+     */
+    const getOriginalEventTarget = (event) => {
+        if (isNonNullable(event.target)) {
+            const el = SugarElement.fromDom(event.target);
+            if (isElement(el) && isOpenShadowHost(el)) {
+                // When target element is inside Shadow DOM we need to take first element from composedPath
+                // otherwise we'll get Shadow Root parent, not actual target element.
+                if (event.composed && event.composedPath) {
+                    const composedPath = event.composedPath();
+                    if (composedPath) {
+                        return head(composedPath);
+                    }
+                }
+            }
+        }
+        return Optional.from(event.target);
+    };
+    /** Return true if the element is a host of an open shadow root.
+     *  Return false if the element is a host of a closed shadow root, or if the element is not a host.
+     */
+    const isOpenShadowHost = (element) => isNonNullable(element.dom.shadowRoot);
+
+    const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
+        target,
+        x,
+        y,
+        stop,
+        prevent,
+        kill,
+        raw
+    });
+    /** Wraps an Event in an EventArgs structure.
+     * The returned EventArgs structure has its target set to the "original" target if possible.
+     * See SugarShadowDom.getOriginalEventTarget
+     */
+    const fromRawEvent$1 = (rawEvent) => {
+        const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+        const stop = () => rawEvent.stopPropagation();
+        const prevent = () => rawEvent.preventDefault();
+        const kill = compose(prevent, stop); // more of a sequence than a compose, but same effect
+        // FIX: Don't just expose the raw event. Need to identify what needs standardisation.
+        return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    const handle$1 = (filter, handler) => (rawEvent) => {
+        if (filter(rawEvent)) {
+            handler(fromRawEvent$1(rawEvent));
+        }
+    };
+    const binder = (element, event, filter, handler, useCapture) => {
+        const wrapped = handle$1(filter, handler);
+        // IE9 minimum
+        element.dom.addEventListener(event, wrapped, useCapture);
+        return {
+            unbind: curry(unbind, element, event, wrapped, useCapture)
+        };
+    };
+    const bind$1 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
+    const unbind = (element, event, handler, useCapture) => {
+        // IE9 minimum
+        element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    const filter = always; // no filter on plain DomEvents
+    const bind = (element, event, handler) => bind$1(element, event, filter, handler);
+    const fromRawEvent = fromRawEvent$1;
+
+    const before$3 = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$4 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before$3(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const appendAt = (parent, element, index) => {
+        child$2(parent, index).fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            before$3(v, element);
+        });
+    };
+    const wrap = (element, wrapper) => {
+        before$3(element, wrapper);
+        append$1(wrapper, element);
+    };
+
+    const after$3 = (marker, elements) => {
+        each$2(elements, (x, i) => {
+            const e = i === 0 ? marker : elements[i - 1];
+            after$4(e, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$2(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$2 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll$1 = (element, attrs) => {
+        const dom = element.dom;
+        each$1(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const setOptions = (element, attrs) => {
+        each$1(attrs, (v, k) => {
+            v.fold(() => {
+                remove$6(element, k);
+            }, (value) => {
+                rawSet(element.dom, k, value);
+            });
+        });
+    };
+    const get$b = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$b(element, key));
+    const remove$6 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const clone$1 = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const empty = (element) => {
+        // shortcut "empty node" trick. Requires IE 9.
+        element.dom.textContent = '';
+        // If the contents was a single empty text node, the above doesn't remove it. But, it's still faster in general
+        // than removing every child node manually.
+        // The following is (probably) safe for performance as 99.9% of the time the trick works and
+        // Traverse.children will return an empty array.
+        each$2(children$2(element), (rogue) => {
+            remove$5(rogue);
+        });
+    };
+    const remove$5 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+    const unwrap = (wrapper) => {
+        const children = children$2(wrapper);
+        if (children.length > 0) {
+            after$3(wrapper, children);
+        }
+        remove$5(wrapper);
+    };
+
+    const clone = (original, isDeep) => SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    /** Shallow clone - just the tag, no children */
+    const shallow = (original) => clone(original, false);
+    /** Deep clone - everything copied including children */
+    const deep = (original) => clone(original, true);
+    /** Shallow clone, with a new tag */
+    const shallowAs = (original, tag) => {
+        const nu = SugarElement.fromTag(tag);
+        const attributes = clone$1(original);
+        setAll$1(nu, attributes);
+        return nu;
+    };
+    /** Deep clone, with a new tag */
+    const copy$2 = (original, tag) => {
+        const nu = shallowAs(original, tag);
+        // NOTE
+        // previously this used serialisation:
+        // nu.dom.innerHTML = original.dom.innerHTML;
+        //
+        // Clone should be equivalent (and faster), but if TD <-> TH toggle breaks, put it back.
+        const cloneChildren = children$2(deep(original));
+        append(nu, cloneChildren);
+        return nu;
+    };
+    /** Change the tag name, but keep all children */
+    const mutate$1 = (original, tag) => {
+        const nu = shallowAs(original, tag);
+        after$4(original, nu);
+        const children = children$2(original);
+        append(nu, children);
+        remove$5(original);
+        return nu;
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        return children$2(SugarElement.fromDom(div));
+    };
+    const fromDom = (nodes) => map$1(nodes, SugarElement.fromDom);
+
+    const get$a = (element) => element.dom.innerHTML;
+    const getOuter$2 = (element) => {
+        const container = SugarElement.fromTag('div');
+        const clone = SugarElement.fromDom(element.dom.cloneNode(true));
+        append$1(container, clone);
+        return get$a(container);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+    const getBody$1 = (doc) => {
+        const b = doc.dom.body;
+        if (b === null || b === undefined) {
+            throw new Error('Body is not available yet');
+        }
+        return SugarElement.fromDom(b);
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$1 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    const setAll = (element, css) => {
+        const dom = element.dom;
+        each$1(css, (v, k) => {
+            internalSet(dom, k, v);
+        });
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$9 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw$2 = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const remove$4 = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$2(getOpt(element, 'style')?.map(trim), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$6(element, 'style');
+        }
+    };
+    const copy$1 = (source, target) => {
+        const sourceDom = source.dom;
+        const targetDom = target.dom;
+        if (isSupported(sourceDom) && isSupported(targetDom)) {
+            targetDom.style.cssText = sourceDom.style.cssText;
+        }
+    };
+
+    const Dimension = (name, getOffset) => {
+        const set = (element, h) => {
+            if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+                throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+            }
+            const dom = element.dom;
+            if (isSupported(dom)) {
+                dom.style[name] = h + 'px';
+            }
+        };
+        /*
+         * jQuery supports querying width and height on the document and window objects.
+         *
+         * TBIO doesn't do this, so the code is removed to save space, but left here just in case.
+         */
+        /*
+        var getDocumentWidth = (element) => {
+          var dom = element.dom;
+          if (Node.isDocument(element)) {
+            var body = dom.body;
+            var doc = dom.documentElement;
+            return Math.max(
+              body.scrollHeight,
+              doc.scrollHeight,
+              body.offsetHeight,
+              doc.offsetHeight,
+              doc.clientHeight
+            );
+          }
+        };
+      
+        var getWindowWidth = (element) => {
+          var dom = element.dom;
+          if (dom.window === dom) {
+            // There is no offsetHeight on a window, so use the clientHeight of the document
+            return dom.document.documentElement.clientHeight;
+          }
+        };
+      */
+        const get = (element) => {
+            const r = getOffset(element);
+            // zero or null means non-standard or disconnected, fall back to CSS
+            if (r <= 0 || r === null) {
+                const css = get$9(element, name);
+                // ugh this feels dirty, but it saves cycles
+                return parseFloat(css) || 0;
+            }
+            return r;
+        };
+        // in jQuery, getOuter replicates (or uses) box-sizing: border-box calculations
+        // although these calculations only seem relevant for quirks mode, and edge cases TBIO doesn't rely on
+        const getOuter = get;
+        const aggregate = (element, properties) => foldl(properties, (acc, property) => {
+            const val = get$9(element, property);
+            const value = val === undefined ? 0 : parseInt(val, 10);
+            return isNaN(value) ? acc : acc + value;
+        }, 0);
+        const max = (element, value, properties) => {
+            const cumulativeInclusions = aggregate(element, properties);
+            // if max-height is 100px and your cumulativeInclusions is 150px, there is no way max-height can be 100px, so we return 0.
+            const absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+            return absoluteMax;
+        };
+        return {
+            set,
+            get,
+            getOuter,
+            aggregate,
+            max
+        };
+    };
+
+    const toNumber = (px, fallback) => toFloat(px).getOr(fallback);
+    const getProp = (element, name, fallback) => toNumber(get$9(element, name), fallback);
+    const calcContentBoxSize = (element, size, upper, lower) => {
+        const paddingUpper = getProp(element, `padding-${upper}`, 0);
+        const paddingLower = getProp(element, `padding-${lower}`, 0);
+        const borderUpper = getProp(element, `border-${upper}-width`, 0);
+        const borderLower = getProp(element, `border-${lower}-width`, 0);
+        return size - paddingUpper - paddingLower - borderUpper - borderLower;
+    };
+    const getCalculatedWidth = (element, boxSizing) => {
+        const dom = element.dom;
+        const width = dom.getBoundingClientRect().width || dom.offsetWidth;
+        return boxSizing === 'border-box' ? width : calcContentBoxSize(element, width, 'left', 'right');
+    };
+    const getHeight$1 = (element) => getProp(element, 'height', element.dom.offsetHeight);
+    const getWidth = (element) => getProp(element, 'width', element.dom.offsetWidth);
+    const getInnerWidth = (element) => getCalculatedWidth(element, 'content-box');
+
+    const api$2 = Dimension('height', (element) => {
+        // getBoundingClientRect gives better results than offsetHeight for tables with captions on Firefox
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    const get$8 = (element) => api$2.get(element);
+    const getOuter$1 = (element) => api$2.getOuter(element);
+    const getRuntime$1 = getHeight$1;
+
+    const api$1 = Dimension('width', (element) => 
+    // IMO passing this function is better than using dom['offset' + 'width']
+    element.dom.offsetWidth);
+    Dimension('width', (element) => {
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().width : dom.offsetWidth;
+    });
+    const get$7 = (element) => api$1.get(element);
+    const getOuter = (element) => api$1.getOuter(element);
+    const getInner = getInnerWidth;
+    const getRuntime = getWidth;
+
+    const r = (left, top) => {
+        const translate = (x, y) => r(left + x, top + y);
+        return {
+            left,
+            top,
+            translate
+        };
+    };
+    // tslint:disable-next-line:variable-name
+    const SugarPosition = r;
+
+    const boxPosition = (dom) => {
+        const box = dom.getBoundingClientRect();
+        return SugarPosition(box.left, box.top);
+    };
+    // Avoids falsy false fallthrough
+    const firstDefinedOrZero = (a, b) => {
+        if (a !== undefined) {
+            return a;
+        }
+        else {
+            return b !== undefined ? b : 0;
+        }
+    };
+    const absolute = (element) => {
+        const doc = element.dom.ownerDocument;
+        const body = doc.body;
+        const win = doc.defaultView;
+        const html = doc.documentElement;
+        if (body === element.dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        const scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
+        const scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
+        const clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
+        const clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
+        return viewport(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
+    };
+    const viewport = (element) => {
+        const dom = element.dom;
+        const doc = dom.ownerDocument;
+        const body = doc.body;
+        if (body === dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        if (!inBody(element)) {
+            return SugarPosition(0, 0);
+        }
+        return boxPosition(dom);
+    };
+
+    // get scroll position (x,y) relative to document _doc (or global if not supplied)
+    const get$6 = (_DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        // ASSUMPTION: This is for cross-browser support, body works for Safari & EDGE, and when we have an iframe body scroller
+        const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+        const y = doc.body.scrollTop || doc.documentElement.scrollTop;
+        return SugarPosition(x, y);
+    };
+    // Scroll content by (x,y) relative to document _doc (or global if not supplied)
+    const by = (x, y, _DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        const win = doc.defaultView;
+        if (win) {
+            win.scrollBy(x, y);
+        }
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText, 'text');
+    const get$5 = (element) => api.get(element);
+    const getOption = (element) => api.getOption(element);
+    const set = (element, value) => api.set(element, value);
+
+    const onDirection = (isLtr, isRtl) => (element) => getDirection(element) === 'rtl' ? isRtl : isLtr;
+    const getDirection = (element) => get$9(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+
+    // Methods for handling attributes that contain a list of values <div foo="alpha beta theta">
+    const read = (element, attr) => {
+        const value = get$b(element, attr);
+        return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    const add$3 = (element, attr, id) => {
+        const old = read(element, attr);
+        const nu = old.concat([id]);
+        set$2(element, attr, nu.join(' '));
+        return true;
+    };
+    const remove$3 = (element, attr, id) => {
+        const nu = filter$2(read(element, attr), (v) => v !== id);
+        if (nu.length > 0) {
+            set$2(element, attr, nu.join(' '));
+        }
+        else {
+            remove$6(element, attr);
+        }
+        return false;
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$2 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$2 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$2, scope, predicate, isRoot);
+    };
+    const child$1 = (scope, predicate) => {
+        const pred = (node) => predicate(SugarElement.fromDom(node));
+        const result = find$1(scope.dom.childNodes, pred);
+        return result?.map(SugarElement.fromDom);
+    };
+    const descendant$1 = (scope, predicate) => {
+        const descend = (node) => {
+            // tslint:disable-next-line:prefer-for-of
+            for (let i = 0; i < node.childNodes.length; i++) {
+                const child = SugarElement.fromDom(node.childNodes[i]);
+                if (predicate(child)) {
+                    return Optional?.some(child);
+                }
+                const res = descend(node.childNodes[i]);
+                if (res.isSome()) {
+                    return res;
+                }
+            }
+            return Optional.none();
+        };
+        return descend(scope.dom);
+    };
+
+    const ancestor$1 = (scope, selector, isRoot) => ancestor$2(scope, (e) => is$1(e, selector), isRoot);
+    const child = (scope, selector) => child$1(scope, (e) => is$1(e, selector));
+    const descendant = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$1 = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor$1, scope, selector, isRoot);
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+    const get$4 = (element) => read(element, 'class');
+    const add$2 = (element, clazz) => add$3(element, 'class', clazz);
+    const remove$2 = (element, clazz) => remove$3(element, 'class', clazz);
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     *
+     * Note that IE doesn't support the second argument to toggle (at all).
+     * If it did, the toggler could be better.
+     */
+    const add$1 = (element, clazz) => {
+        if (supports(element)) {
+            element.dom.classList.add(clazz);
+        }
+        else {
+            add$2(element, clazz);
+        }
+    };
+    const cleanClass = (element) => {
+        const classList = supports(element) ? element.dom.classList : get$4(element);
+        // classList is a "live list", so this is up to date already
+        if (classList.length === 0) {
+            // No more classes left, remove the class attribute as well
+            remove$6(element, 'class');
+        }
+    };
+    const remove$1 = (element, clazz) => {
+        if (supports(element)) {
+            const classList = element.dom.classList;
+            classList.remove(clazz);
+        }
+        else {
+            remove$2(element, clazz);
+        }
+        cleanClass(element);
+    };
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    const remove = (element, classes) => {
+        each$2(classes, (x) => {
+            remove$1(element, x);
+        });
+    };
+
+    const closest = (target) => closest$1(target, '[contenteditable]');
+    const isEditable$1 = (element, assumeEditable = false) => {
+        if (inBody(element)) {
+            return element.dom.isContentEditable;
+        }
+        else {
+            // Find the closest contenteditable element and check if it's editable
+            return closest(element).fold(constant(assumeEditable), (editable) => getRaw$1(editable) === 'true');
+        }
+    };
+    const getRaw$1 = (element) => element.dom.contentEditable;
+
+    const addClass = (clazz) => (element) => {
+        add$1(element, clazz);
+    };
+    const removeClasses = (classes) => (element) => {
+        remove(element, classes);
+    };
+
+    const ancestors$4 = (scope, predicate, isRoot) => filter$2(parents(scope, isRoot), predicate);
+    const children$1 = (scope, predicate) => filter$2(children$2(scope), predicate);
+    const descendants$1 = (scope, predicate) => {
+        let result = [];
+        // Recurse.toArray() might help here
+        each$2(children$2(scope), (x) => {
+            if (predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(descendants$1(x, predicate));
+        });
+        return result;
+    };
+
+    // For all of the following:
+    //
+    // jQuery does siblings of firstChild. IE9+ supports scope.dom.children (similar to Traverse.children but elements only).
+    // Traverse should also do this (but probably not by default).
+    //
+    const ancestors$3 = (scope, selector, isRoot) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all this wrapping and unwrapping
+    ancestors$4(scope, (e) => is$1(e, selector), isRoot);
+    const children = (scope, selector) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all the wrapping and unwrapping
+    children$1(scope, (e) => is$1(e, selector));
+    const descendants = (scope, selector) => all$1(selector, scope);
+
+    const inParent = (parent, children, element, index) => ({
+        parent,
+        children,
+        element,
+        index
+    });
+    const indexInParent = (element) => parent(element).bind((parent) => {
+        const children = children$2(parent);
+        return indexOf(children, element)?.map((index) => inParent(parent, children, element, index));
+    });
+    const indexOf = (elements, element) => findIndex(elements, curry(eq$1, element));
+
+    const ancestor = (scope, predicate, isRoot) => ancestor$2(scope, predicate, isRoot).isSome();
+
+    const getEnd = (element) => name(element) === 'img' ? 1 : getOption(element).fold(() => children$2(element).length, (v) => v.length);
+    const isTextNodeWithCursorPosition = (el) => getOption(el).filter((text) => 
+    // For the purposes of finding cursor positions only allow text nodes with content,
+    // but trim removes &nbsp; and that's allowed
+    text.trim().length !== 0 || text.indexOf(nbsp) > -1).isSome();
+    const isContentEditableFalse = (elem) => isHTMLElement(elem) && (get$b(elem, 'contenteditable') === 'false');
+    const elementsWithCursorPosition = ['img', 'br'];
+    const isCursorPosition = (elem) => {
+        const hasCursorPosition = isTextNodeWithCursorPosition(elem);
+        return hasCursorPosition || contains$2(elementsWithCursorPosition, name(elem)) || isContentEditableFalse(elem);
+    };
+
+    const first = (element) => descendant$1(element, isCursorPosition);
+    const last = (element) => descendantRtl(element, isCursorPosition);
+    // Note, sugar probably needs some RTL traversals.
+    const descendantRtl = (scope, predicate) => {
+        const descend = (element) => {
+            const children = children$2(element);
+            for (let i = children.length - 1; i >= 0; i--) {
+                const child = children[i];
+                if (predicate(child)) {
+                    return Optional?.some(child);
+                }
+                const res = descend(child);
+                if (res.isSome()) {
+                    return res;
+                }
+            }
+            return Optional.none();
+        };
+        return descend(scope);
+    };
+
+    const create$4 = (start, soffset, finish, foffset) => ({
+        start,
+        soffset,
+        finish,
+        foffset
+    });
+    // tslint:disable-next-line:variable-name
+    const SimRange = {
+        create: create$4
+    };
+
+    const adt$5 = Adt.generate([
+        { before: ['element'] },
+        { on: ['element', 'offset'] },
+        { after: ['element'] }
+    ]);
+    // Probably don't need this given that we now have "match"
+    const cata$1 = (subject, onBefore, onOn, onAfter) => subject.fold(onBefore, onOn, onAfter);
+    const getStart$1 = (situ) => situ.fold(identity, identity, identity);
+    const before$2 = adt$5.before;
+    const on = adt$5.on;
+    const after$2 = adt$5.after;
+    // tslint:disable-next-line:variable-name
+    const Situ = {
+        before: before$2,
+        on,
+        after: after$2,
+        cata: cata$1,
+        getStart: getStart$1
+    };
+
+    // Consider adding a type for "element"
+    const adt$4 = Adt.generate([
+        { domRange: ['rng'] },
+        { relative: ['startSitu', 'finishSitu'] },
+        { exact: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const exactFromRange = (simRange) => adt$4.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    const getStart = (selection) => selection.match({
+        domRange: (rng) => SugarElement.fromDom(rng.startContainer),
+        relative: (startSitu, _finishSitu) => Situ.getStart(startSitu),
+        exact: (start, _soffset, _finish, _foffset) => start
+    });
+    const domRange = adt$4.domRange;
+    const relative = adt$4.relative;
+    const exact = adt$4.exact;
+    const getWin = (selection) => {
+        const start = getStart(selection);
+        return defaultView(start);
+    };
+    // This is out of place but it's API so I can't remove it
+    const range = SimRange.create;
+    // tslint:disable-next-line:variable-name
+    const SimSelection = {
+        domRange,
+        relative,
+        exact,
+        exactFromRange,
+        getWin,
+        range
+    };
+
+    const caretPositionFromPoint = (doc, x, y) => {
+        var _a;
+        return Optional.from((_a = doc.caretPositionFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, x, y))
+            .bind((pos) => {
+            // It turns out that Firefox can return null for pos.offsetNode
+            if (pos.offsetNode === null) {
+                return Optional.none();
+            }
+            const r = doc.createRange();
+            r.setStart(pos.offsetNode, pos.offset);
+            r.collapse();
+            return Optional?.some(r);
+        });
+    };
+    const caretRangeFromPoint = (doc, x, y) => { var _a; return Optional.from((_a = doc.caretRangeFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, x, y)); };
+    const availableSearch = (doc, x, y) => {
+        if (doc.caretPositionFromPoint) {
+            return caretPositionFromPoint(doc, x, y); // defined standard, firefox only
+        }
+        else if (doc.caretRangeFromPoint) {
+            return caretRangeFromPoint(doc, x, y); // webkit/blink implementation
+        }
+        else {
+            return Optional.none(); // unsupported browser
+        }
+    };
+    const fromPoint = (win, x, y) => {
+        const doc = win.document;
+        return availableSearch(doc, x, y)?.map((rng) => SimRange.create(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
+    };
+
+    const beforeSpecial = (element, offset) => {
+        // From memory, we don't want to use <br> directly on Firefox because it locks the keyboard input.
+        // It turns out that <img> directly on IE locks the keyboard as well.
+        // If the offset is 0, use before. If the offset is 1, use after.
+        // TBIO-3889: Firefox Situ.on <input> results in a child of the <input>; Situ.before <input> results in platform inconsistencies
+        const name$1 = name(element);
+        if ('input' === name$1) {
+            return Situ.after(element);
+        }
+        else if (!contains$2(['br', 'img'], name$1)) {
+            return Situ.on(element, offset);
+        }
+        else {
+            return offset === 0 ? Situ.before(element) : Situ.after(element);
+        }
+    };
+    const preprocessRelative = (startSitu, finishSitu) => {
+        const start = startSitu.fold(Situ.before, beforeSpecial, Situ.after);
+        const finish = finishSitu.fold(Situ.before, beforeSpecial, Situ.after);
+        return SimSelection.relative(start, finish);
+    };
+    const preprocessExact = (start, soffset, finish, foffset) => {
+        const startSitu = beforeSpecial(start, soffset);
+        const finishSitu = beforeSpecial(finish, foffset);
+        return SimSelection.relative(startSitu, finishSitu);
+    };
+
+    const getNativeSelection = (win) => Optional.from(win.getSelection());
+    const doSetNativeRange = (win, rng) => {
+        getNativeSelection(win).each((selection) => {
+            selection.removeAllRanges();
+            selection.addRange(rng);
+        });
+    };
+    const doSetRange = (win, start, soffset, finish, foffset) => {
+        const rng = exactToNative(win, start, soffset, finish, foffset);
+        doSetNativeRange(win, rng);
+    };
+    const setLegacyRtlRange = (win, selection, start, soffset, finish, foffset) => {
+        selection.collapse(start.dom, soffset);
+        selection.extend(finish.dom, foffset);
+    };
+    const setRangeFromRelative = (win, relative) => diagnose(win, relative).match({
+        ltr: (start, soffset, finish, foffset) => {
+            doSetRange(win, start, soffset, finish, foffset);
+        },
+        rtl: (start, soffset, finish, foffset) => {
+            getNativeSelection(win).each((selection) => {
+                // If this selection is backwards, then we need to use extend.
+                if (selection.setBaseAndExtent) {
+                    selection.setBaseAndExtent(start.dom, soffset, finish.dom, foffset);
+                }
+                else if (selection.extend) {
+                    // This try catch is for older browsers (Firefox 52) as they're sometimes unable to handle setting backwards selections using selection.extend and error out.
+                    try {
+                        setLegacyRtlRange(win, selection, start, soffset, finish, foffset);
+                    }
+                    catch (_a) {
+                        // If it does fail, try again with ltr.
+                        doSetRange(win, finish, foffset, start, soffset);
+                    }
+                }
+                else {
+                    doSetRange(win, finish, foffset, start, soffset);
+                }
+            });
+        }
+    });
+    const setExact = (win, start, soffset, finish, foffset) => {
+        const relative = preprocessExact(start, soffset, finish, foffset);
+        setRangeFromRelative(win, relative);
+    };
+    const setRelative = (win, startSitu, finishSitu) => {
+        const relative = preprocessRelative(startSitu, finishSitu);
+        setRangeFromRelative(win, relative);
+    };
+    // NOTE: We are still reading the range because it gives subtly different behaviour
+    // than using the anchorNode and focusNode. I'm not sure if this behaviour is any
+    // better or worse; it's just different.
+    const readRange = (selection) => {
+        if (selection.rangeCount > 0) {
+            const firstRng = selection.getRangeAt(0);
+            const lastRng = selection.getRangeAt(selection.rangeCount - 1);
+            return Optional?.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const doGetExact = (selection) => {
+        if (selection.anchorNode === null || selection.focusNode === null) {
+            return readRange(selection);
+        }
+        else {
+            const anchor = SugarElement.fromDom(selection.anchorNode);
+            const focus = SugarElement.fromDom(selection.focusNode);
+            // if this returns true anchor is _after_ focus, so we need a custom selection object to maintain the RTL selection
+            return after$5(anchor, selection.anchorOffset, focus, selection.focusOffset) ? Optional?.some(SimRange.create(anchor, selection.anchorOffset, focus, selection.focusOffset)) : readRange(selection);
+        }
+    };
+    const setToElement = (win, element, selectNodeContents$1 = true) => {
+        const rngGetter = selectNodeContents$1 ? selectNodeContents : selectNode;
+        const rng = rngGetter(win, element);
+        doSetNativeRange(win, rng);
+    };
+    const getExact = (win) => 
+    // We want to retrieve the selection as it is.
+    getNativeSelection(win)
+        .filter((sel) => sel.rangeCount > 0)
+        .bind(doGetExact);
+    // TODO: Test this.
+    const get$3 = (win) => getExact(win)?.map((range) => SimSelection.exact(range.start, range.soffset, range.finish, range.foffset));
+    const getFirstRect = (win, selection) => {
+        const rng = asLtrRange(win, selection);
+        return getFirstRect$1(rng);
+    };
+    const getAtPoint = (win, x, y) => fromPoint(win, x, y);
+    const clear = (win) => {
+        getNativeSelection(win).each((selection) => selection.removeAllRanges());
+    };
+
+    const units = {
+        // we don't really support all of these different ways to express a length
+        unsupportedLength: [
+            'em',
+            'ex',
+            'cap',
+            'ch',
+            'ic',
+            'rem',
+            'lh',
+            'rlh',
+            'vw',
+            'vh',
+            'vi',
+            'vb',
+            'vmin',
+            'vmax',
+            'cm',
+            'mm',
+            'Q',
+            'in',
+            'pc',
+            'pt',
+            'px'
+        ],
+        // these are the length values we do support
+        fixed: ['px', 'pt'],
+        relative: ['%'],
+        empty: ['']
+    };
+    // Built from https://tc39.es/ecma262/#prod-StrDecimalLiteral
+    // Matches a float followed by a trailing set of characters
+    const pattern = (() => {
+        const decimalDigits = '[0-9]+';
+        const signedInteger = '[+-]?' + decimalDigits;
+        const exponentPart = '[eE]' + signedInteger;
+        const dot = '\\.';
+        const opt = (input) => `(?:${input})?`;
+        const unsignedDecimalLiteral = [
+            'Infinity',
+            decimalDigits + dot + opt(decimalDigits) + opt(exponentPart),
+            dot + decimalDigits + opt(exponentPart),
+            decimalDigits + opt(exponentPart)
+        ].join('|');
+        const float = `[+-]?(?:${unsignedDecimalLiteral})`;
+        return new RegExp(`^(${float})(.*)$`);
+    })();
+    const isUnit = (unit, accepted) => exists(accepted, (acc) => exists(units[acc], (check) => unit === check));
+    const parse = (input, accepted) => {
+        const match = Optional.from(pattern.exec(input));
+        return match.bind((array) => {
+            const value = Number(array[1]);
+            const unitRaw = array[2];
+            if (isUnit(unitRaw, accepted)) {
+                return Optional?.some({
+                    value,
+                    unit: unitRaw
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        });
+    };
+
+    const zero = (array) => map$1(array, constant(0));
+    const surround = (sizes, startIndex, endIndex, results, f) => f(sizes.slice(0, startIndex)).concat(results).concat(f(sizes.slice(endIndex)));
+    // Clamp positive or negative delta so that a column/row cannot be reduced past its min size
+    const clampDeltaHelper = (predicate) => (sizes, index, delta, minCellSize) => {
+        if (!predicate(delta)) {
+            return delta;
+        }
+        else {
+            const newSize = Math.max(minCellSize, sizes[index] - Math.abs(delta));
+            const diff = Math.abs(newSize - sizes[index]);
+            return delta >= 0 ? diff : -diff;
+        }
+    };
+    const clampNegativeDelta = clampDeltaHelper((delta) => delta < 0);
+    const clampDelta = clampDeltaHelper(always);
+    // Preserve the size of the columns/rows and adjust the table size
+    const resizeTable = () => {
+        const calcFixedDeltas = (sizes, index, next, delta, minCellSize) => {
+            const clampedDelta = clampNegativeDelta(sizes, index, delta, minCellSize);
+            return surround(sizes, index, next + 1, [clampedDelta, 0], zero);
+        };
+        // Calculate delta for adjusted column
+        // Also need to calculate deltas for all other columns/rows to ensure they stay at the same visual width/height
+        // when the table width/height is adjusted
+        const calcRelativeDeltas = (sizes, index, delta, minCellSize) => {
+            // ASSUMPTION: The delta will be a percentage. This may not be correct if other relative sizing is added, so we probably
+            // need a better way to calc the ratio.
+            const ratio = (100 + delta) / 100;
+            const newThis = Math.max(minCellSize, (sizes[index] + delta) / ratio);
+            return map$1(sizes, (size, idx) => {
+                const newSize = idx === index ? newThis : size / ratio;
+                return newSize - size;
+            });
+        };
+        // Calculations for the inner columns/rows
+        const calcLeftEdgeDeltas = (sizes, index, next, delta, minCellSize, isRelative) => {
+            if (isRelative) {
+                return calcRelativeDeltas(sizes, index, delta, minCellSize);
+            }
+            else {
+                return calcFixedDeltas(sizes, index, next, delta, minCellSize);
+            }
+        };
+        const calcMiddleDeltas = (sizes, _prev, index, next, delta, minCellSize, isRelative) => calcLeftEdgeDeltas(sizes, index, next, delta, minCellSize, isRelative);
+        const resizeTable = (resizer, delta) => resizer(delta);
+        // Calculations for the last column/row resizer
+        const calcRightEdgeDeltas = (sizes, _prev, index, delta, minCellSize, isRelative) => {
+            if (isRelative) {
+                return calcRelativeDeltas(sizes, index, delta, minCellSize);
+            }
+            else {
+                const clampedDelta = clampNegativeDelta(sizes, index, delta, minCellSize);
+                return zero(sizes.slice(0, index)).concat([clampedDelta]);
+            }
+        };
+        const calcRedestributedWidths = (sizes, totalWidth, pixelDelta, isRelative) => {
+            if (isRelative) {
+                const tableWidth = totalWidth + pixelDelta;
+                const ratio = tableWidth / totalWidth;
+                const newSizes = map$1(sizes, (size) => size / ratio);
+                return {
+                    delta: (ratio * 100) - 100,
+                    newSizes,
+                };
+            }
+            else {
+                return {
+                    delta: pixelDelta,
+                    newSizes: sizes,
+                };
+            }
+        };
+        return {
+            resizeTable,
+            clampTableDelta: clampNegativeDelta,
+            calcLeftEdgeDeltas,
+            calcMiddleDeltas,
+            calcRightEdgeDeltas,
+            calcRedestributedWidths,
+        };
+    };
+    // Distribute the column/rows and try to preserve the table size
+    const preserveTable = () => {
+        // Calculations for the inner columns/rows
+        const calcLeftEdgeDeltas = (sizes, index, next, delta, minCellSize) => {
+            const idx = delta >= 0 ? next : index;
+            const clampedDelta = clampDelta(sizes, idx, delta, minCellSize);
+            // negative delta -> deltas becomes [ neg, pos ], positive delta -> deltas becomes [ pos, neg ]
+            return surround(sizes, index, next + 1, [clampedDelta, -clampedDelta], zero);
+        };
+        const calcMiddleDeltas = (sizes, _prev, index, next, delta, minCellSize) => calcLeftEdgeDeltas(sizes, index, next, delta, minCellSize);
+        const resizeTable = (resizer, delta, isLastColumn) => {
+            if (isLastColumn) {
+                resizer(delta);
+            }
+        };
+        // Calculations for the last column/row resizer
+        const calcRightEdgeDeltas = (sizes, _prev, _index, delta, _minCellSize, isRelative) => {
+            if (isRelative) {
+                return zero(sizes);
+            }
+            else {
+                // Distribute the delta amongst all of the columns/rows
+                const diff = delta / sizes.length;
+                return map$1(sizes, constant(diff));
+            }
+        };
+        const clampTableDelta = (sizes, index, delta, minCellSize, isLastColumn) => {
+            // Don't clamp the last resizer using normal methods
+            // Need to allow table width to be reduced past the last column position to allow for distributive resizing
+            if (isLastColumn) {
+                if (delta >= 0) {
+                    return delta;
+                }
+                else {
+                    // Clamp delta so that none of the columns/rows can reduce below their min size
+                    const maxDelta = foldl(sizes, (a, b) => a + b - minCellSize, 0);
+                    return Math.max(-maxDelta, delta);
+                }
+            }
+            else {
+                return clampNegativeDelta(sizes, index, delta, minCellSize);
+            }
+        };
+        const calcRedestributedWidths = (sizes, _totalWidth, _pixelDelta, _isRelative) => ({
+            delta: 0,
+            newSizes: sizes,
+        });
+        return {
+            resizeTable,
+            clampTableDelta,
+            calcLeftEdgeDeltas,
+            calcMiddleDeltas,
+            calcRightEdgeDeltas,
+            calcRedestributedWidths
+        };
+    };
+
+    const getAttrValue = (cell, name, fallback = 0) => getOpt(cell, name)?.map((value) => parseInt(value, 10)).getOr(fallback);
+    const getSpan = (cell, type) => getAttrValue(cell, type, 1);
+    const hasColspan = (cellOrCol) => {
+        if (isTag('col')(cellOrCol)) {
+            return getAttrValue(cellOrCol, 'span', 1) > 1;
+        }
+        else {
+            return getSpan(cellOrCol, 'colspan') > 1;
+        }
+    };
+    const hasRowspan = (cell) => getSpan(cell, 'rowspan') > 1;
+    const getCssValue = (element, property) => parseInt(get$9(element, property), 10);
+    const minWidth = constant(10);
+    const minHeight = constant(10);
+
+    const firstLayer = (scope, selector) => {
+        return filterFirstLayer(scope, selector, always);
+    };
+    const filterFirstLayer = (scope, selector, predicate) => {
+        return bind$2(children$2(scope), (x) => {
+            if (is$1(x, selector)) {
+                return predicate(x) ? [x] : [];
+            }
+            else {
+                return filterFirstLayer(x, selector, predicate);
+            }
+        });
+    };
+
+    // lookup inside this table
+    const lookup = (tags, element, isRoot = never) => {
+        // If the element we're inspecting is the root, we definitely don't want it.
+        if (isRoot(element)) {
+            return Optional.none();
+        }
+        // This looks a lot like SelectorFind.closest, with one big exception - the isRoot check.
+        // The code here will look for parents if passed a table, SelectorFind.closest with that specific isRoot check won't.
+        if (contains$2(tags, name(element))) {
+            return Optional?.some(element);
+        }
+        const isRootOrUpperTable = (elm) => is$1(elm, 'table') || isRoot(elm);
+        return ancestor$1(element, tags.join(','), isRootOrUpperTable);
+    };
+    /*
+     * Identify the optional cell that element represents.
+     */
+    const cell = (element, isRoot) => lookup(['td', 'th'], element, isRoot);
+    const cells$1 = (ancestor) => firstLayer(ancestor, 'th,td');
+    const columns$1 = (ancestor) => {
+        if (is$1(ancestor, 'colgroup')) {
+            return children(ancestor, 'col');
+        }
+        else {
+            return bind$2(columnGroups(ancestor), (columnGroup) => children(columnGroup, 'col'));
+        }
+    };
+    const table = (element, isRoot) => closest$1(element, 'table', isRoot);
+    const rows$1 = (ancestor) => firstLayer(ancestor, 'tr');
+    const columnGroups = (ancestor) => table(ancestor).fold(constant([]), (table) => children(table, 'colgroup'));
+
+    const isHeaderCell = isTag('th');
+    const isHeaderCells = (cells) => forall(cells, (cell) => isHeaderCell(cell.element));
+    const getRowHeaderType = (isHeaderRow, isHeaderCells) => {
+        if (isHeaderRow && isHeaderCells) {
+            return 'sectionCells';
+        }
+        else if (isHeaderRow) {
+            return 'section';
+        }
+        else {
+            return 'cells';
+        }
+    };
+    const getRowType = (row) => {
+        // Header rows can use a combination of theads and ths - want to detect the different combinations
+        const isHeaderRow = row.section === 'thead';
+        const isHeaderCells = is$2(findCommonCellType(row.cells), 'th');
+        if (row.section === 'tfoot') {
+            return { type: 'footer' };
+        }
+        else if (isHeaderRow || isHeaderCells) {
+            return { type: 'header', subType: getRowHeaderType(isHeaderRow, isHeaderCells) };
+        }
+        else {
+            return { type: 'body' };
+        }
+    };
+    const findCommonCellType = (cells) => {
+        const headerCells = filter$2(cells, (cell) => isHeaderCell(cell.element));
+        if (headerCells.length === 0) {
+            return Optional?.some('td');
+        }
+        else if (headerCells.length === cells.length) {
+            return Optional?.some('th');
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const findCommonRowType = (rows) => {
+        const rowTypes = map$1(rows, (row) => getRowType(row).type);
+        const hasHeader = contains$2(rowTypes, 'header');
+        const hasFooter = contains$2(rowTypes, 'footer');
+        if (!hasHeader && !hasFooter) {
+            return Optional?.some('body');
+        }
+        else {
+            const hasBody = contains$2(rowTypes, 'body');
+            if (hasHeader && !hasBody && !hasFooter) {
+                return Optional?.some('header');
+            }
+            else if (!hasHeader && !hasBody && hasFooter) {
+                return Optional?.some('footer');
+            }
+            else {
+                return Optional.none();
+            }
+        }
+    };
+    const findTableRowHeaderType = (warehouse) => findMap(warehouse.all, (row) => {
+        const rowType = getRowType(row);
+        return rowType.type === 'header' ? Optional.from(rowType.subType) : Optional.none();
+    });
+
+    const fromRowsOrColGroups = (elems, getSection) => map$1(elems, (row) => {
+        if (name(row) === 'colgroup') {
+            const cells = map$1(columns$1(row), (column) => {
+                const colspan = getAttrValue(column, 'span', 1);
+                return detail(column, 1, colspan);
+            });
+            return rowdetail(row, cells, 'colgroup');
+        }
+        else {
+            const cells = map$1(cells$1(row), (cell) => {
+                const rowspan = getAttrValue(cell, 'rowspan', 1);
+                const colspan = getAttrValue(cell, 'colspan', 1);
+                return detail(cell, rowspan, colspan);
+            });
+            return rowdetail(row, cells, getSection(row));
+        }
+    });
+    const getParentSection = (group) => parent(group)?.map((parent) => {
+        const parentName = name(parent);
+        return isValidSection(parentName) ? parentName : 'tbody';
+    }).getOr('tbody');
+    /*
+     * Takes a DOM table and returns a list of list of:
+       element: row element
+       cells: (id, rowspan, colspan) structs
+     */
+    const fromTable$1 = (table) => {
+        const rows = rows$1(table);
+        const columnGroups$1 = columnGroups(table);
+        const elems = [...columnGroups$1, ...rows];
+        return fromRowsOrColGroups(elems, getParentSection);
+    };
+    const fromPastedRows = (elems, section) => fromRowsOrColGroups(elems, () => section);
+
+    const LOCKED_COL_ATTR = 'data-snooker-locked-cols';
+    const getLockedColumnsFromTable = (table) => getOpt(table, LOCKED_COL_ATTR)
+        .bind((lockedColStr) => Optional.from(lockedColStr.match(/\d+/g)))
+        ?.map((lockedCols) => mapToObject(lockedCols, always));
+    // Need to check all of the cells to determine which columns are locked - reasoning is because rowspan and colspan cells where the same cell is used by multiple columns
+    const getLockedColumnsFromGrid = (grid) => {
+        const locked = foldl(extractGridDetails(grid).rows, (acc, row) => {
+            each$2(row.cells, (cell, idx) => {
+                if (cell.isLocked) {
+                    acc[idx] = true;
+                }
+            });
+            return acc;
+        }, {});
+        const lockedArr = mapToArray(locked, (_val, key) => parseInt(key, 10));
+        return sort$1(lockedArr);
+    };
+
+    const key = (row, column) => {
+        return row + ',' + column;
+    };
+    const getAt = (warehouse, row, column) => Optional.from(warehouse.access[key(row, column)]);
+    const findItem = (warehouse, item, comparator) => {
+        const filtered = filterItems(warehouse, (detail) => {
+            return comparator(item, detail.element);
+        });
+        return filtered.length > 0 ? Optional?.some(filtered[0]) : Optional.none();
+    };
+    const filterItems = (warehouse, predicate) => {
+        const all = bind$2(warehouse.all, (r) => {
+            return r.cells;
+        });
+        return filter$2(all, predicate);
+    };
+    const generateColumns = (rowData) => {
+        const columnsGroup = {};
+        let index = 0;
+        each$2(rowData.cells, (column) => {
+            const colspan = column.colspan;
+            range$1(colspan, (columnIndex) => {
+                const colIndex = index + columnIndex;
+                columnsGroup[colIndex] = columnext(column.element, colspan, colIndex);
+            });
+            index += colspan;
+        });
+        return columnsGroup;
+    };
+    /*
+     * From a list of list of Detail, generate three pieces of information:
+     *  1. the grid size
+     *  2. a data structure which can efficiently identify which cell is in which row,column position
+     *  3. a list of all cells in order left-to-right, top-to-bottom
+     */
+    const generate = (list) => {
+        // list is an array of objects, made by cells and elements
+        // elements: is the TR
+        // cells: is an array of objects representing the cells in the row.
+        //        It is made of:
+        //          colspan (merge cell)
+        //          element
+        //          rowspan (merge cols)
+        const access = {};
+        const cells = [];
+        const tableOpt = head(list)?.map((rowData) => rowData.element).bind(table);
+        const lockedColumns = tableOpt.bind(getLockedColumnsFromTable).getOr({});
+        let maxRows = 0;
+        let maxColumns = 0;
+        let rowCount = 0;
+        const { pass: colgroupRows, fail: rows } = partition(list, (rowData) => rowData.section === 'colgroup');
+        // Handle rows first
+        each$2(rows, (rowData) => {
+            const currentRow = [];
+            each$2(rowData.cells, (rowCell) => {
+                let start = 0;
+                // If this spot has been taken by a previous rowspan, skip it.
+                while (access[key(rowCount, start)] !== undefined) {
+                    start++;
+                }
+                const isLocked = hasNonNullableKey(lockedColumns, start.toString());
+                const current = extended(rowCell.element, rowCell.rowspan, rowCell.colspan, rowCount, start, isLocked);
+                // Occupy all the (row, column) positions that this cell spans for.
+                for (let occupiedColumnPosition = 0; occupiedColumnPosition < rowCell.colspan; occupiedColumnPosition++) {
+                    for (let occupiedRowPosition = 0; occupiedRowPosition < rowCell.rowspan; occupiedRowPosition++) {
+                        const rowPosition = rowCount + occupiedRowPosition;
+                        const columnPosition = start + occupiedColumnPosition;
+                        const newpos = key(rowPosition, columnPosition);
+                        access[newpos] = current;
+                        maxColumns = Math.max(maxColumns, columnPosition + 1);
+                    }
+                }
+                currentRow.push(current);
+            });
+            maxRows++;
+            cells.push(rowdetail(rowData.element, currentRow, rowData.section));
+            rowCount++;
+        });
+        // Handle colgroups
+        // Note: Currently only a single colgroup is supported so just use the last one
+        const { columns, colgroups } = last$2(colgroupRows)?.map((rowData) => {
+            const columns = generateColumns(rowData);
+            const colgroup$1 = colgroup(rowData.element, values(columns));
+            return {
+                colgroups: [colgroup$1],
+                columns
+            };
+        }).getOrThunk(() => ({
+            colgroups: [],
+            columns: {}
+        }));
+        const grid$1 = grid(maxRows, maxColumns);
+        return {
+            grid: grid$1,
+            access,
+            all: cells,
+            columns,
+            colgroups
+        };
+    };
+    const fromTable = (table) => {
+        const list = fromTable$1(table);
+        return generate(list);
+    };
+    const justCells = (warehouse) => bind$2(warehouse.all, (w) => w.cells);
+    const justColumns = (warehouse) => values(warehouse.columns);
+    const hasColumns = (warehouse) => keys(warehouse.columns).length > 0;
+    const getColumnAt = (warehouse, columnIndex) => Optional.from(warehouse.columns[columnIndex]);
+    const Warehouse = {
+        fromTable,
+        generate,
+        getAt,
+        findItem,
+        filterItems,
+        justCells,
+        justColumns,
+        hasColumns,
+        getColumnAt
+    };
+
+    const transformCell = (cell, comparator, substitution) => elementnew(substitution(cell.element, comparator), true, cell.isLocked);
+    const transformRow = (row, section) => row.section !== section ? rowcells(row.element, row.cells, section, row.isNew) : row;
+    const section = () => ({
+        transformRow,
+        transformCell: (cell, comparator, substitution) => {
+            const newCell = substitution(cell.element, comparator);
+            // Convert the cell to a td element as "section" should always use td element
+            const fixedCell = name(newCell) !== 'td' ? mutate$1(newCell, 'td') : newCell;
+            return elementnew(fixedCell, cell.isNew, cell.isLocked);
+        }
+    });
+    const sectionCells = () => ({
+        transformRow,
+        transformCell
+    });
+    const cells = () => ({
+        transformRow: (row, section) => {
+            // Ensure that cells are always within the tbody for headers
+            const newSection = section === 'thead' ? 'tbody' : section;
+            return transformRow(row, newSection);
+        },
+        transformCell
+    });
+    // A fallback legacy type that won't adjust the row/section type
+    // and instead will only modify cells
+    const fallback = () => ({
+        transformRow: identity,
+        transformCell
+    });
+    const getTableSectionType = (table, fallback) => {
+        const warehouse = Warehouse.fromTable(table);
+        const type = findTableRowHeaderType(warehouse).getOr(fallback);
+        switch (type) {
+            case 'section':
+                return section();
+            case 'sectionCells':
+                return sectionCells();
+            case 'cells':
+                return cells();
+        }
+    };
+    const TableSection = {
+        getTableSectionType,
+        section,
+        sectionCells,
+        cells,
+        fallback
+    };
+
+    /*
+     * Identify for each column, a cell that has colspan 1. Note, this
+     * may actually fail, and future work will be to calculate column
+     * sizes that are only available through the difference of two
+     * spanning columns.
+     */
+    const columns = (warehouse, isValidCell = always) => {
+        const grid = warehouse.grid;
+        const cols = range$1(grid.columns, identity);
+        const rowsArr = range$1(grid.rows, identity);
+        return map$1(cols, (col) => {
+            const getBlock = () => bind$2(rowsArr, (r) => Warehouse.getAt(warehouse, r, col)
+                .filter((detail) => detail.column === col)
+                .toArray());
+            const isValid = (detail) => detail.colspan === 1 && isValidCell(detail.element);
+            const getFallback = () => Warehouse.getAt(warehouse, 0, col);
+            return decide(getBlock, isValid, getFallback);
+        });
+    };
+    const decide = (getBlock, isValid, getFallback) => {
+        const inBlock = getBlock();
+        const validInBlock = find$1(inBlock, isValid);
+        const detailOption = validInBlock.orThunk(() => Optional.from(inBlock[0]).orThunk(getFallback));
+        return detailOption?.map((detail) => detail.element);
+    };
+    const rows = (warehouse) => {
+        const grid = warehouse.grid;
+        const rowsArr = range$1(grid.rows, identity);
+        const cols = range$1(grid.columns, identity);
+        return map$1(rowsArr, (row) => {
+            const getBlock = () => bind$2(cols, (c) => Warehouse.getAt(warehouse, row, c)
+                .filter((detail) => detail.row === row)
+                .fold(constant([]), (detail) => [detail]));
+            const isSingle = (detail) => detail.rowspan === 1;
+            const getFallback = () => Warehouse.getAt(warehouse, row, 0);
+            return decide(getBlock, isSingle, getFallback);
+        });
+    };
+
+    const deduce = (xs, index) => {
+        if (index < 0 || index >= xs.length - 1) {
+            return Optional.none();
+        }
+        const current = xs[index].fold(() => {
+            const rest = reverse(xs.slice(0, index));
+            return findMap(rest, (a, i) => a?.map((aa) => ({ value: aa, delta: i + 1 })));
+        }, (c) => Optional?.some({ value: c, delta: 0 }));
+        const next = xs[index + 1].fold(() => {
+            const rest = xs.slice(index + 1);
+            return findMap(rest, (a, i) => a?.map((aa) => ({ value: aa, delta: i + 1 })));
+        }, (n) => Optional?.some({ value: n, delta: 1 }));
+        return current.bind((c) => next?.map((n) => {
+            const extras = n.delta + c.delta;
+            return Math.abs(n.value - c.value) / extras;
+        }));
+    };
+
+    const rowInfo = (row, y) => ({
+        row,
+        y
+    });
+    const colInfo = (col, x) => ({
+        col,
+        x
+    });
+    const rtlEdge = (cell) => {
+        const pos = absolute(cell);
+        return pos.left + getOuter(cell);
+    };
+    const ltrEdge = (cell) => {
+        return absolute(cell).left;
+    };
+    const getLeftEdge = (index, cell) => {
+        return colInfo(index, ltrEdge(cell));
+    };
+    const getRightEdge = (index, cell) => {
+        return colInfo(index, rtlEdge(cell));
+    };
+    const getTop$1 = (cell) => {
+        return absolute(cell).top;
+    };
+    const getTopEdge = (index, cell) => {
+        return rowInfo(index, getTop$1(cell));
+    };
+    const getBottomEdge = (index, cell) => {
+        return rowInfo(index, getTop$1(cell) + getOuter$1(cell));
+    };
+    const findPositions = (getInnerEdge, getOuterEdge, array) => {
+        if (array.length === 0) {
+            return [];
+        }
+        const lines = map$1(array.slice(1), (cellOption, index) => {
+            return cellOption?.map((cell) => {
+                return getInnerEdge(index, cell);
+            });
+        });
+        const lastLine = array[array.length - 1]?.map((cell) => {
+            return getOuterEdge(array.length - 1, cell);
+        });
+        return lines.concat([lastLine]);
+    };
+    const negate = (step) => {
+        return -step;
+    };
+    const height = {
+        delta: identity,
+        positions: (optElements) => findPositions(getTopEdge, getBottomEdge, optElements),
+        edge: getTop$1
+    };
+    const ltr$1 = {
+        delta: identity,
+        edge: ltrEdge,
+        positions: (optElements) => findPositions(getLeftEdge, getRightEdge, optElements)
+    };
+    const rtl$1 = {
+        delta: negate,
+        edge: rtlEdge,
+        positions: (optElements) => findPositions(getRightEdge, getLeftEdge, optElements)
+    };
+    const detect$1 = onDirection(ltr$1, rtl$1);
+    const width = {
+        delta: (amount, table) => detect$1(table).delta(amount, table),
+        positions: (cols, table) => detect$1(table).positions(cols, table),
+        edge: (cell) => detect$1(cell).edge(cell)
+    };
+
+    const rPercentageBasedSizeRegex = /(\d+(\.\d+)?)%/;
+    const rPixelBasedSizeRegex = /(\d+(\.\d+)?)px|em/;
+    const isCol$2 = isTag('col');
+    const isRow$2 = isTag('tr');
+    const getPercentSize = (elm, outerGetter, innerGetter) => {
+        const relativeParent = parentElement(elm).getOrThunk(() => getBody$1(owner(elm)));
+        return outerGetter(elm) / innerGetter(relativeParent) * 100;
+    };
+    const setPixelWidth = (cell, amount) => {
+        set$1(cell, 'width', amount + 'px');
+    };
+    const setPercentageWidth = (cell, amount) => {
+        set$1(cell, 'width', amount + '%');
+    };
+    const setHeight = (cell, amount) => {
+        set$1(cell, 'height', amount + 'px');
+    };
+    const removeHeight = (cell) => {
+        remove$4(cell, 'height');
+    };
+    const getHeightValue = (cell) => getRuntime$1(cell) + 'px';
+    const convert = (cell, number, getter, setter) => {
+        const newSize = table(cell)?.map((table) => {
+            const total = getter(table);
+            return Math.floor((number / 100.0) * total);
+        }).getOr(number);
+        setter(cell, newSize);
+        return newSize;
+    };
+    const normalizePixelSize = (value, cell, getter, setter) => {
+        const number = parseFloat(value);
+        return endsWith(value, '%') && name(cell) !== 'table' ? convert(cell, number, getter, setter) : number;
+    };
+    const getTotalHeight = (cell) => {
+        const value = getHeightValue(cell);
+        if (!value) {
+            return get$8(cell);
+        }
+        return normalizePixelSize(value, cell, get$8, setHeight);
+    };
+    const get$2 = (cell, type, f) => {
+        const v = f(cell);
+        const span = getSpan(cell, type);
+        return v / span;
+    };
+    const getRaw = (element, prop) => {
+        // Try to use the style first, otherwise attempt to get the value from an attribute
+        return getRaw$2(element, prop).orThunk(() => {
+            return getOpt(element, prop)?.map((val) => val + 'px');
+        });
+    };
+    const getRawWidth$1 = (element) => getRaw(element, 'width');
+    const getRawHeight$1 = (element) => getRaw(element, 'height');
+    // Get a percentage size for a percentage parent table
+    const getPercentageWidth = (cell) => getPercentSize(cell, get$7, getInner);
+    const getPixelWidth$1 = (cell) => 
+    // For col elements use the computed width as col elements aren't affected by borders, padding, etc...
+    isCol$2(cell) ? get$7(cell) : getRuntime(cell);
+    const getHeight = (cell) => {
+        return isRow$2(cell) ? get$8(cell) : get$2(cell, 'rowspan', getTotalHeight);
+    };
+    const getGenericWidth = (cell) => {
+        const width = getRawWidth$1(cell);
+        return width.bind((w) => parse(w, ['fixed', 'relative', 'empty']));
+    };
+    const setGenericWidth = (cell, amount, unit) => {
+        set$1(cell, 'width', amount + unit);
+    };
+    const getPixelTableWidth = (table) => get$7(table) + 'px';
+    const getPixelTableHeight = (table) => get$8(table) + 'px';
+    const getPercentTableWidth = (table) => getPercentSize(table, get$7, getInner) + '%';
+    const isPercentSizing$1 = (table) => getRawWidth$1(table).exists((size) => rPercentageBasedSizeRegex.test(size));
+    const isPixelSizing$1 = (table) => getRawWidth$1(table).exists((size) => rPixelBasedSizeRegex.test(size));
+    const isNoneSizing$1 = (table) => getRawWidth$1(table).isNone();
+    const percentageBasedSizeRegex = constant(rPercentageBasedSizeRegex);
+
+    const isCol$1 = isTag('col');
+    const getRawW = (cell) => {
+        return getRawWidth$1(cell).getOrThunk(() => getPixelWidth$1(cell) + 'px');
+    };
+    const getRawH = (cell) => {
+        return getRawHeight$1(cell).getOrThunk(() => getHeight(cell) + 'px');
+    };
+    const justCols = (warehouse) => map$1(Warehouse.justColumns(warehouse), (column) => Optional.from(column.element));
+    // Col elements don't have valid computed widths/positions in all browsers, so treat them as invalid in that case
+    const isValidColumn = (cell) => {
+        const browser = detect$2().browser;
+        const supportsColWidths = browser.isChromium() || browser.isFirefox();
+        return isCol$1(cell) ? supportsColWidths : true;
+    };
+    const getDimension = (cellOpt, index, backups, filter, getter, fallback) => cellOpt.filter(filter).fold(
+    // Can't just read the width of a cell, so calculate.
+    () => fallback(deduce(backups, index)), (cell) => getter(cell));
+    const getWidthFrom = (warehouse, table, getWidth, fallback) => {
+        // Only treat a cell as being valid for a column representation if it has a raw width, otherwise we won't be able to calculate the expected width.
+        // This is needed as one cell may have a width but others may not, so we need to try and use one with a specified width first.
+        const columnCells = columns(warehouse);
+        const columns$1 = Warehouse.hasColumns(warehouse) ? justCols(warehouse) : columnCells;
+        const backups = [Optional?.some(width.edge(table))].concat(map$1(width.positions(columnCells, table), (pos) => pos?.map((p) => p.x)));
+        // Only use the width of cells that have no column span (or colspan 1)
+        const colFilter = not(hasColspan);
+        return map$1(columns$1, (cellOption, c) => {
+            return getDimension(cellOption, c, backups, colFilter, (column) => {
+                if (isValidColumn(column)) {
+                    return getWidth(column);
+                }
+                else {
+                    // Invalid column so fallback to trying to get the computed width from the cell
+                    const cell = bindFrom(columnCells[c], identity);
+                    return getDimension(cell, c, backups, colFilter, (cell) => fallback(Optional?.some(get$7(cell))), fallback);
+                }
+            }, fallback);
+        });
+    };
+    const getDeduced = (deduced) => {
+        return deduced?.map((d) => {
+            return d + 'px';
+        }).getOr('');
+    };
+    const getRawWidths = (warehouse, table) => {
+        return getWidthFrom(warehouse, table, getRawW, getDeduced);
+    };
+    const getPercentageWidths = (warehouse, table, tableSize) => {
+        return getWidthFrom(warehouse, table, getPercentageWidth, (deduced) => {
+            return deduced.fold(() => {
+                return tableSize.minCellWidth();
+            }, (cellWidth) => {
+                return cellWidth / tableSize.pixelWidth() * 100;
+            });
+        });
+    };
+    const getPixelWidths = (warehouse, table, tableSize) => {
+        return getWidthFrom(warehouse, table, getPixelWidth$1, (deduced) => {
+            // Minimum cell width when all else fails.
+            return deduced.getOrThunk(tableSize.minCellWidth);
+        });
+    };
+    const getHeightFrom = (warehouse, table, getHeight, fallback) => {
+        const rowCells = rows(warehouse);
+        const rows$1 = map$1(warehouse.all, (r) => Optional?.some(r.element));
+        const backups = [Optional?.some(height.edge(table))].concat(map$1(height.positions(rowCells, table), (pos) => pos?.map((p) => p.y)));
+        return map$1(rows$1, (row, i) => getDimension(row, i, backups, always, getHeight, fallback));
+    };
+    const getPixelHeights = (warehouse, table) => {
+        return getHeightFrom(warehouse, table, getHeight, (deduced) => {
+            return deduced.getOrThunk(minHeight);
+        });
+    };
+    const getRawHeights = (warehouse, table) => {
+        return getHeightFrom(warehouse, table, getRawH, getDeduced);
+    };
+
+    const widthLookup = (table, getter) => () => {
+        // Use the actual width if attached, otherwise fallback to the raw width
+        if (inBody(table)) {
+            return getter(table);
+        }
+        else {
+            return parseFloat(getRaw$2(table, 'width').getOr('0'));
+        }
+    };
+    const noneSize = (table) => {
+        const getWidth = widthLookup(table, get$7);
+        const zero = constant(0);
+        const getWidths = (warehouse, tableSize) => getPixelWidths(warehouse, table, tableSize);
+        // Note: The 3 delta functions below return 0 to signify a change shouldn't be made
+        // however this is currently not used, so may need changing if ever used
+        return {
+            width: getWidth,
+            pixelWidth: getWidth,
+            getWidths,
+            getCellDelta: zero,
+            singleColumnWidth: constant([0]),
+            minCellWidth: zero,
+            setElementWidth: noop,
+            adjustTableWidth: noop,
+            isRelative: true,
+            label: 'none'
+        };
+    };
+    const percentageSize = (table) => {
+        const getFloatWidth = widthLookup(table, (elem) => parseFloat(getPercentTableWidth(elem)));
+        const getWidth = widthLookup(table, get$7);
+        const getCellDelta = (delta) => delta / getWidth() * 100;
+        // If we have one column in a percent based table, that column should be 100% of the width of the table.
+        const singleColumnWidth = (w, _delta) => [100 - w];
+        // Get the width of a 10 pixel wide cell over the width of the table as a percentage
+        const minCellWidth = () => minWidth() / getWidth() * 100;
+        const adjustTableWidth = (delta) => {
+            const currentWidth = getFloatWidth();
+            const change = delta / 100 * currentWidth;
+            const newWidth = currentWidth + change;
+            setPercentageWidth(table, newWidth);
+        };
+        const getWidths = (warehouse, tableSize) => getPercentageWidths(warehouse, table, tableSize);
+        return {
+            width: getFloatWidth,
+            pixelWidth: getWidth,
+            getWidths,
+            getCellDelta,
+            singleColumnWidth,
+            minCellWidth,
+            setElementWidth: setPercentageWidth,
+            adjustTableWidth,
+            isRelative: true,
+            label: 'percent'
+        };
+    };
+    const pixelSize = (table) => {
+        const getWidth = widthLookup(table, get$7);
+        const getCellDelta = identity;
+        const singleColumnWidth = (w, delta) => {
+            const newNext = Math.max(minWidth(), w + delta);
+            return [newNext - w];
+        };
+        const adjustTableWidth = (delta) => {
+            const newWidth = getWidth() + delta;
+            setPixelWidth(table, newWidth);
+        };
+        const getWidths = (warehouse, tableSize) => getPixelWidths(warehouse, table, tableSize);
+        return {
+            width: getWidth,
+            pixelWidth: getWidth,
+            getWidths,
+            getCellDelta,
+            singleColumnWidth,
+            minCellWidth: minWidth,
+            setElementWidth: setPixelWidth,
+            adjustTableWidth,
+            isRelative: false,
+            label: 'pixel'
+        };
+    };
+    const chooseSize = (element, width) => {
+        const percentMatch = percentageBasedSizeRegex().exec(width);
+        if (percentMatch !== null) {
+            return percentageSize(element);
+        }
+        else {
+            return pixelSize(element);
+        }
+    };
+    const getTableSize = (table) => {
+        const width = getRawWidth$1(table);
+        return width.fold(() => noneSize(table), (w) => chooseSize(table, w));
+    };
+    const TableSize = {
+        getTableSize,
+        pixelSize,
+        percentageSize,
+        noneSize
+    };
+
+    const setIfNot = (element, property, value, ignore) => {
+        if (value === ignore) {
+            remove$6(element, property);
+        }
+        else {
+            set$2(element, property, value);
+        }
+    };
+    const insert$1 = (table, selector, element) => {
+        last$2(children(table, selector)).fold(() => prepend(table, element), (child) => after$4(child, element));
+    };
+    const generateSection = (table, sectionName) => {
+        const section = child(table, sectionName).getOrThunk(() => {
+            const newSection = SugarElement.fromTag(sectionName, owner(table).dom);
+            if (sectionName === 'thead') {
+                insert$1(table, 'caption,colgroup', newSection);
+            }
+            else if (sectionName === 'colgroup') {
+                insert$1(table, 'caption', newSection);
+            }
+            else {
+                append$1(table, newSection);
+            }
+            return newSection;
+        });
+        empty(section);
+        return section;
+    };
+    const render$1 = (table, grid) => {
+        const newRows = [];
+        const newCells = [];
+        const syncRows = (gridSection) => map$1(gridSection, (row) => {
+            if (row.isNew) {
+                newRows.push(row.element);
+            }
+            const tr = row.element;
+            empty(tr);
+            each$2(row.cells, (cell) => {
+                if (cell.isNew) {
+                    newCells.push(cell.element);
+                }
+                setIfNot(cell.element, 'colspan', cell.colspan, 1);
+                setIfNot(cell.element, 'rowspan', cell.rowspan, 1);
+                append$1(tr, cell.element);
+            });
+            return tr;
+        });
+        // Assumption we should only ever have 1 colgroup. The spec allows for multiple, however it's currently unsupported
+        const syncColGroup = (gridSection) => bind$2(gridSection, (colGroup) => map$1(colGroup.cells, (col) => {
+            setIfNot(col.element, 'span', col.colspan, 1);
+            return col.element;
+        }));
+        const renderSection = (gridSection, sectionName) => {
+            const section = generateSection(table, sectionName);
+            const sync = sectionName === 'colgroup' ? syncColGroup : syncRows;
+            const sectionElems = sync(gridSection);
+            append(section, sectionElems);
+        };
+        const removeSection = (sectionName) => {
+            child(table, sectionName).each(remove$5);
+        };
+        const renderOrRemoveSection = (gridSection, sectionName) => {
+            if (gridSection.length > 0) {
+                renderSection(gridSection, sectionName);
+            }
+            else {
+                removeSection(sectionName);
+            }
+        };
+        const headSection = [];
+        const bodySection = [];
+        const footSection = [];
+        const columnGroupsSection = [];
+        each$2(grid, (row) => {
+            switch (row.section) {
+                case 'thead':
+                    headSection.push(row);
+                    break;
+                case 'tbody':
+                    bodySection.push(row);
+                    break;
+                case 'tfoot':
+                    footSection.push(row);
+                    break;
+                case 'colgroup':
+                    columnGroupsSection.push(row);
+                    break;
+            }
+        });
+        renderOrRemoveSection(columnGroupsSection, 'colgroup');
+        renderOrRemoveSection(headSection, 'thead');
+        renderOrRemoveSection(bodySection, 'tbody');
+        renderOrRemoveSection(footSection, 'tfoot');
+        return {
+            newRows,
+            newCells
+        };
+    };
+    const copy = (grid) => map$1(grid, (row) => {
+        // Shallow copy the row element
+        const tr = shallow(row.element);
+        each$2(row.cells, (cell) => {
+            const clonedCell = deep(cell.element);
+            setIfNot(clonedCell, 'colspan', cell.colspan, 1);
+            setIfNot(clonedCell, 'rowspan', cell.rowspan, 1);
+            append$1(tr, clonedCell);
+        });
+        return tr;
+    });
+
+    const getColumn = (grid, index) => {
+        return map$1(grid, (row) => {
+            return getCell(row, index);
+        });
+    };
+    const getRow = (grid, index) => {
+        return grid[index];
+    };
+    const findDiff = (xs, comp) => {
+        if (xs.length === 0) {
+            return 0;
+        }
+        const first = xs[0];
+        const index = findIndex(xs, (x) => {
+            return !comp(first.element, x.element);
+        });
+        return index.getOr(xs.length);
+    };
+    /*
+     * grid is the grid
+     * row is the row index into the grid
+     * column in the column index into the grid
+     *
+     * Return
+     *   colspan: column span of the cell at (row, column)
+     *   rowspan: row span of the cell at (row, column)
+     */
+    const subgrid = (grid, row, column, comparator) => {
+        const gridRow = getRow(grid, row);
+        const isColRow = gridRow.section === 'colgroup';
+        const colspan = findDiff(gridRow.cells.slice(column), comparator);
+        const rowspan = isColRow ? 1 : findDiff(getColumn(grid.slice(row), column), comparator);
+        return {
+            colspan,
+            rowspan
+        };
+    };
+
+    const toDetails = (grid, comparator) => {
+        const seen = map$1(grid, (row) => map$1(row.cells, never));
+        const updateSeen = (rowIndex, columnIndex, rowspan, colspan) => {
+            for (let row = rowIndex; row < rowIndex + rowspan; row++) {
+                for (let column = columnIndex; column < columnIndex + colspan; column++) {
+                    seen[row][column] = true;
+                }
+            }
+        };
+        return map$1(grid, (row, rowIndex) => {
+            const details = bind$2(row.cells, (cell, columnIndex) => {
+                // if we have seen this one, then skip it.
+                if (seen[rowIndex][columnIndex] === false) {
+                    const result = subgrid(grid, rowIndex, columnIndex, comparator);
+                    updateSeen(rowIndex, columnIndex, result.rowspan, result.colspan);
+                    return [detailnew(cell.element, result.rowspan, result.colspan, cell.isNew)];
+                }
+                else {
+                    return [];
+                }
+            });
+            return rowdetailnew(row.element, details, row.section, row.isNew);
+        });
+    };
+    const toGrid = (warehouse, generators, isNew) => {
+        const grid = [];
+        each$2(warehouse.colgroups, (colgroup) => {
+            const colgroupCols = [];
+            // This will add missing cols as well as clamp the number of cols to the max number of actual columns
+            // Note: Spans on cols are unsupported so clamping cols may result in a span on a col element being incorrect
+            for (let columnIndex = 0; columnIndex < warehouse.grid.columns; columnIndex++) {
+                const element = Warehouse.getColumnAt(warehouse, columnIndex)
+                    ?.map((column) => elementnew(column.element, isNew, false))
+                    .getOrThunk(() => elementnew(generators.colGap(), true, false));
+                colgroupCols.push(element);
+            }
+            grid.push(rowcells(colgroup.element, colgroupCols, 'colgroup', isNew));
+        });
+        for (let rowIndex = 0; rowIndex < warehouse.grid.rows; rowIndex++) {
+            const rowCells = [];
+            for (let columnIndex = 0; columnIndex < warehouse.grid.columns; columnIndex++) {
+                // The element is going to be the element at that position, or a newly generated gap.
+                const element = Warehouse.getAt(warehouse, rowIndex, columnIndex)?.map((item) => elementnew(item.element, isNew, item.isLocked)).getOrThunk(() => elementnew(generators.gap(), true, false));
+                rowCells.push(element);
+            }
+            const rowDetail = warehouse.all[rowIndex];
+            const row = rowcells(rowDetail.element, rowCells, rowDetail.section, isNew);
+            grid.push(row);
+        }
+        return grid;
+    };
+
+    const fromWarehouse = (warehouse, generators) => toGrid(warehouse, generators, false);
+    const toDetailList = (grid) => toDetails(grid, eq$1);
+    const findInWarehouse = (warehouse, element) => findMap(warehouse.all, (r) => find$1(r.cells, (e) => eq$1(element, e.element)));
+    const extractCells = (warehouse, target, predicate) => {
+        const details = map$1(target.selection, (cell$1) => {
+            return cell(cell$1)
+                .bind((lc) => findInWarehouse(warehouse, lc))
+                .filter(predicate);
+        });
+        const cells = cat(details);
+        return someIf(cells.length > 0, cells);
+    };
+    const run = (operation, extract, adjustment, postAction, genWrappers, table, target, generators, behaviours) => {
+        const warehouse = Warehouse.fromTable(table);
+        const tableSection = Optional.from(behaviours === null || behaviours === void 0 ? void 0 : behaviours.section).getOrThunk(TableSection.fallback);
+        const output = extract(warehouse, target)?.map((info) => {
+            const model = fromWarehouse(warehouse, generators);
+            const result = operation(model, info, eq$1, genWrappers(generators), tableSection);
+            const lockedColumns = getLockedColumnsFromGrid(result.grid);
+            const grid = toDetailList(result.grid);
+            return {
+                info,
+                grid,
+                cursor: result.cursor,
+                lockedColumns
+            };
+        });
+        return output.bind((out) => {
+            const newElements = render$1(table, out.grid);
+            const tableSizing = Optional.from(behaviours === null || behaviours === void 0 ? void 0 : behaviours.sizing).getOrThunk(() => TableSize.getTableSize(table));
+            const resizing = Optional.from(behaviours === null || behaviours === void 0 ? void 0 : behaviours.resize).getOrThunk(preserveTable);
+            adjustment(table, out.grid, out.info, { sizing: tableSizing, resize: resizing, section: tableSection });
+            postAction(table);
+            // Update locked cols attribute
+            remove$6(table, LOCKED_COL_ATTR);
+            if (out.lockedColumns.length > 0) {
+                set$2(table, LOCKED_COL_ATTR, out.lockedColumns.join(','));
+            }
+            return Optional?.some({
+                cursor: out.cursor,
+                newRows: newElements.newRows,
+                newCells: newElements.newCells
+            });
+        });
+    };
+    const onPaste = (warehouse, target) => cell(target.element).bind((cell) => findInWarehouse(warehouse, cell)?.map((details) => {
+        const value = {
+            ...details,
+            generators: target.generators,
+            clipboard: target.clipboard
+        };
+        return value;
+    }));
+    const onPasteByEditor = (warehouse, target) => extractCells(warehouse, target, always)?.map((cells) => ({
+        cells,
+        generators: target.generators,
+        clipboard: target.clipboard
+    }));
+    const onMergable = (_warehouse, target) => target.mergable;
+    const onUnmergable = (_warehouse, target) => target.unmergable;
+    const onCells = (warehouse, target) => extractCells(warehouse, target, always);
+    const onUnlockedCells = (warehouse, target) => extractCells(warehouse, target, (detail) => !detail.isLocked);
+    const isUnlockedTableCell = (warehouse, cell) => findInWarehouse(warehouse, cell).exists((detail) => !detail.isLocked);
+    const allUnlocked = (warehouse, cells) => forall(cells, (cell) => isUnlockedTableCell(warehouse, cell));
+    // If any locked columns are present in the selection, then don't want to be able to merge
+    const onUnlockedMergable = (warehouse, target) => onMergable(warehouse, target).filter((mergeable) => allUnlocked(warehouse, mergeable.cells));
+    // If any locked columns are present in the selection, then don't want to be able to unmerge
+    const onUnlockedUnmergable = (warehouse, target) => onUnmergable(warehouse, target).filter((cells) => allUnlocked(warehouse, cells));
+
+    const adt$3 = Adt.generate([
+        { none: [] },
+        { only: ['index'] },
+        { left: ['index', 'next'] },
+        { middle: ['prev', 'index', 'next'] },
+        { right: ['prev', 'index'] }
+    ]);
+    const ColumnContext = {
+        ...adt$3
+    };
+
+    /*
+     * Based on the column index, identify the context
+     */
+    const neighbours = (input, index) => {
+        if (input.length === 0) {
+            return ColumnContext.none();
+        }
+        if (input.length === 1) {
+            return ColumnContext.only(0);
+        }
+        if (index === 0) {
+            return ColumnContext.left(0, 1);
+        }
+        if (index === input.length - 1) {
+            return ColumnContext.right(index - 1, index);
+        }
+        if (index > 0 && index < input.length - 1) {
+            return ColumnContext.middle(index - 1, index, index + 1);
+        }
+        return ColumnContext.none();
+    };
+    /*
+     * Calculate the offsets to apply to each column width (not the absolute widths themselves)
+     * based on a resize at column: column of step: step
+     */
+    const determine = (input, column, step, tableSize, resize) => {
+        const result = input.slice(0);
+        const context = neighbours(input, column);
+        const onNone = constant(map$1(result, constant(0)));
+        const onOnly = (index) => tableSize.singleColumnWidth(result[index], step);
+        const onLeft = (index, next) => resize.calcLeftEdgeDeltas(result, index, next, step, tableSize.minCellWidth(), tableSize.isRelative);
+        const onMiddle = (prev, index, next) => resize.calcMiddleDeltas(result, prev, index, next, step, tableSize.minCellWidth(), tableSize.isRelative);
+        // Applies to the last column bar
+        const onRight = (prev, index) => resize.calcRightEdgeDeltas(result, prev, index, step, tableSize.minCellWidth(), tableSize.isRelative);
+        return context.fold(onNone, onOnly, onLeft, onMiddle, onRight);
+    };
+
+    // Returns the sum of elements of measures in the half-open range [start, end)
+    // Measures is in pixels, treated as an array of integers or integers in string format.
+    // NOTE: beware of accumulated rounding errors over multiple columns - could result in noticeable table width changes
+    const total = (start, end, measures) => {
+        let r = 0;
+        for (let i = start; i < end; i++) {
+            r += measures[i] !== undefined ? measures[i] : 0;
+        }
+        return r;
+    };
+    // Returns an array of all cells in warehouse with updated cell-widths, using
+    // the array 'widths' of the representative widths of each column of the table 'warehouse'
+    const recalculateWidthForCells = (warehouse, widths) => {
+        const all = Warehouse.justCells(warehouse);
+        return map$1(all, (cell) => {
+            // width of a spanning cell is sum of widths of representative columns it spans
+            const width = total(cell.column, cell.column + cell.colspan, widths);
+            return {
+                element: cell.element,
+                width,
+                colspan: cell.colspan
+            };
+        });
+    };
+    const recalculateWidthForColumns = (warehouse, widths) => {
+        const groups = Warehouse.justColumns(warehouse);
+        return map$1(groups, (column, index) => ({
+            element: column.element,
+            width: widths[index],
+            colspan: column.colspan
+        }));
+    };
+    const matchRowHeight = (warehouse, heights) => {
+        return map$1(warehouse.all, (row, i) => {
+            return {
+                element: row.element,
+                height: heights[i]
+            };
+        });
+    };
+
+    const sumUp = (newSize) => foldr(newSize, (b, a) => b + a, 0);
+    const recalculate = (warehouse, widths) => {
+        if (Warehouse.hasColumns(warehouse)) {
+            return recalculateWidthForColumns(warehouse, widths);
+        }
+        else {
+            return recalculateWidthForCells(warehouse, widths);
+        }
+    };
+    const recalculateAndApply = (warehouse, widths, tableSize) => {
+        // Set the width of each cell based on the column widths
+        const newSizes = recalculate(warehouse, widths);
+        each$2(newSizes, (cell) => {
+            tableSize.setElementWidth(cell.element, cell.width);
+        });
+    };
+    const adjustWidth = (table, delta, index, resizing, tableSize) => {
+        const warehouse = Warehouse.fromTable(table);
+        const step = tableSize.getCellDelta(delta);
+        const widths = tableSize.getWidths(warehouse, tableSize);
+        const isLastColumn = index === warehouse.grid.columns - 1;
+        const clampedStep = resizing.clampTableDelta(widths, index, step, tableSize.minCellWidth(), isLastColumn);
+        // Calculate all of the new widths for columns
+        const deltas = determine(widths, index, clampedStep, tableSize, resizing);
+        const newWidths = map$1(deltas, (dx, i) => dx + widths[i]);
+        recalculateAndApply(warehouse, newWidths, tableSize);
+        resizing.resizeTable(tableSize.adjustTableWidth, clampedStep, isLastColumn);
+    };
+    const adjustHeight = (table, delta, index) => {
+        const warehouse = Warehouse.fromTable(table);
+        const heights = getPixelHeights(warehouse, table);
+        const newHeights = map$1(heights, (dy, i) => index === i ? Math.max(delta + dy, minHeight()) : dy);
+        const newRowSizes = matchRowHeight(warehouse, newHeights);
+        each$2(newRowSizes, (row) => {
+            setHeight(row.element, row.height);
+        });
+        each$2(Warehouse.justCells(warehouse), (cell) => {
+            removeHeight(cell.element);
+        });
+        const total = sumUp(newHeights);
+        setHeight(table, total);
+    };
+    // Using the width of the added/removed columns gathered on extraction (pixelDelta), get and apply the new column sizes and overall table width delta
+    const adjustAndRedistributeWidths$1 = (_table, list, details, tableSize, resizeBehaviour) => {
+        const warehouse = Warehouse.generate(list);
+        const sizes = tableSize.getWidths(warehouse, tableSize);
+        const tablePixelWidth = tableSize.pixelWidth();
+        const { newSizes, delta } = resizeBehaviour.calcRedestributedWidths(sizes, tablePixelWidth, details.pixelDelta, tableSize.isRelative);
+        recalculateAndApply(warehouse, newSizes, tableSize);
+        tableSize.adjustTableWidth(delta);
+    };
+    // Ensure that the width of table cells match the passed in table information.
+    const adjustWidthTo = (_table, list, _info, tableSize) => {
+        const warehouse = Warehouse.generate(list);
+        const widths = tableSize.getWidths(warehouse, tableSize);
+        recalculateAndApply(warehouse, widths, tableSize);
+    };
+
+    const halve = (main, other) => {
+        // Only set width on the new cell if we have a colspan of 1 (or no colspan) as we can only safely do that for cells
+        // that are a single column, since we don't know the individual column widths for a cell with a colspan.
+        // Instead, we'll rely on the adjustments/postAction logic to set the widths based on other cells in the column
+        if (!hasColspan(main)) {
+            const width = getGenericWidth(main);
+            width.each((w) => {
+                const newWidth = w.value / 2;
+                setGenericWidth(main, newWidth, w.unit);
+                setGenericWidth(other, newWidth, w.unit);
+            });
+        }
+    };
+
+    const constrainSpan = (element, property, value) => {
+        const currentColspan = getAttrValue(element, property, 1);
+        if (value === 1 || currentColspan <= 1) {
+            remove$6(element, property);
+        }
+        else {
+            set$2(element, property, Math.min(value, currentColspan));
+        }
+    };
+    const isColInRange = (minColRange, maxColRange) => (cell) => {
+        const endCol = cell.column + cell.colspan - 1;
+        const startCol = cell.column;
+        return endCol >= minColRange && startCol < maxColRange;
+    };
+    const generateColGroup = (house, minColRange, maxColRange) => {
+        if (Warehouse.hasColumns(house)) {
+            const colsToCopy = filter$2(Warehouse.justColumns(house), isColInRange(minColRange, maxColRange));
+            const copiedCols = map$1(colsToCopy, (c) => {
+                const clonedCol = deep(c.element);
+                constrainSpan(clonedCol, 'span', maxColRange - minColRange);
+                return clonedCol;
+            });
+            const fakeColgroup = SugarElement.fromTag('colgroup');
+            append(fakeColgroup, copiedCols);
+            return [fakeColgroup];
+        }
+        else {
+            return [];
+        }
+    };
+    const generateRows = (house, minColRange, maxColRange) => map$1(house.all, (row) => {
+        const cellsToCopy = filter$2(row.cells, isColInRange(minColRange, maxColRange));
+        const copiedCells = map$1(cellsToCopy, (cell) => {
+            const clonedCell = deep(cell.element);
+            constrainSpan(clonedCell, 'colspan', maxColRange - minColRange);
+            return clonedCell;
+        });
+        const fakeTR = SugarElement.fromTag('tr');
+        append(fakeTR, copiedCells);
+        return fakeTR;
+    });
+    const copyCols = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onUnlockedCells(house, target);
+        return details?.map((selectedCells) => {
+            const lastSelectedCell = selectedCells[selectedCells.length - 1];
+            const minColRange = selectedCells[0].column;
+            const maxColRange = lastSelectedCell.column + lastSelectedCell.colspan;
+            const fakeColGroups = generateColGroup(house, minColRange, maxColRange);
+            const fakeRows = generateRows(house, minColRange, maxColRange);
+            return [...fakeColGroups, ...fakeRows];
+        });
+    };
+
+    const copyRows = (table, target, generators) => {
+        const warehouse = Warehouse.fromTable(table);
+        // Cannot use onUnlockedCells like extractor here as if only cells in a locked column are selected, then this will be Optional.none and
+        // there is now no way of knowing which rows are selected
+        const details = onCells(warehouse, target);
+        return details.bind((selectedCells) => {
+            const grid = toGrid(warehouse, generators, false);
+            const rows = extractGridDetails(grid).rows;
+            const slicedGrid = rows.slice(selectedCells[0].row, selectedCells[selectedCells.length - 1].row + selectedCells[selectedCells.length - 1].rowspan);
+            // Remove any locked cells from the copied grid rows
+            const filteredGrid = bind$2(slicedGrid, (row) => {
+                const newCells = filter$2(row.cells, (cell) => !cell.isLocked);
+                return newCells.length > 0 ? [{ ...row, cells: newCells }] : [];
+            });
+            const slicedDetails = toDetailList(filteredGrid);
+            return someIf(slicedDetails.length > 0, slicedDetails);
+        })?.map((slicedDetails) => copy(slicedDetails));
+    };
+
+    const statsStruct = (minRow, minCol, maxRow, maxCol, allCells, selectedCells) => ({
+        minRow,
+        minCol,
+        maxRow,
+        maxCol,
+        allCells,
+        selectedCells,
+    });
+    const findSelectedStats = (house, isSelected) => {
+        const totalColumns = house.grid.columns;
+        const totalRows = house.grid.rows;
+        /* Refactor into a method returning a struct to hide the mutation */
+        let minRow = totalRows;
+        let minCol = totalColumns;
+        let maxRow = 0;
+        let maxCol = 0;
+        const allCells = [];
+        const selectedCells = [];
+        each$1(house.access, (detail) => {
+            allCells.push(detail);
+            if (isSelected(detail)) {
+                selectedCells.push(detail);
+                const startRow = detail.row;
+                const endRow = startRow + detail.rowspan - 1;
+                const startCol = detail.column;
+                const endCol = startCol + detail.colspan - 1;
+                if (startRow < minRow) {
+                    minRow = startRow;
+                }
+                else if (endRow > maxRow) {
+                    maxRow = endRow;
+                }
+                if (startCol < minCol) {
+                    minCol = startCol;
+                }
+                else if (endCol > maxCol) {
+                    maxCol = endCol;
+                }
+            }
+        });
+        return statsStruct(minRow, minCol, maxRow, maxCol, allCells, selectedCells);
+    };
+    const makeCell = (list, seenSelected, rowIndex) => {
+        // no need to check bounds, as anything outside this index is removed in the nested for loop
+        const row = list[rowIndex].element;
+        const td = SugarElement.fromTag('td');
+        append$1(td, SugarElement.fromTag('br'));
+        const f = seenSelected ? append$1 : prepend;
+        f(row, td);
+    };
+    const fillInGaps = (list, house, stats, isSelected) => {
+        const rows = filter$2(list, (row) => row.section !== 'colgroup');
+        const totalColumns = house.grid.columns;
+        const totalRows = house.grid.rows;
+        // unselected cells have been deleted, now fill in the gaps in the model
+        for (let i = 0; i < totalRows; i++) {
+            let seenSelected = false;
+            for (let j = 0; j < totalColumns; j++) {
+                if (!(i < stats.minRow || i > stats.maxRow || j < stats.minCol || j > stats.maxCol)) {
+                    // if there is a hole in the table itself, or it's an unselected position, we need a cell
+                    const needCell = Warehouse.getAt(house, i, j).filter(isSelected).isNone();
+                    if (needCell) {
+                        makeCell(rows, seenSelected, i);
+                    }
+                    else {
+                        seenSelected = true;
+                    }
+                }
+            }
+        }
+    };
+    const clean = (replica, stats, house, widthDelta) => {
+        // remove columns that are not in the new table
+        each$1(house.columns, (col) => {
+            if (col.column < stats.minCol || col.column > stats.maxCol) {
+                remove$5(col.element);
+            }
+        });
+        // can't use :empty selector as that will not include TRs made up of whitespace
+        const emptyRows = filter$2(firstLayer(replica, 'tr'), (row) => 
+        // there is no sugar method for this, and Traverse.children() does too much processing
+        row.dom.childElementCount === 0);
+        each$2(emptyRows, remove$5);
+        // If there is only one column, or only one row, delete all the colspan/rowspan
+        if (stats.minCol === stats.maxCol || stats.minRow === stats.maxRow) {
+            each$2(firstLayer(replica, 'th,td'), (cell) => {
+                remove$6(cell, 'rowspan');
+                remove$6(cell, 'colspan');
+            });
+        }
+        // Remove any attributes that should not be in the replicated table
+        remove$6(replica, LOCKED_COL_ATTR);
+        // TODO: TINY-6944 - need to figure out a better way of handling this
+        remove$6(replica, 'data-snooker-col-series'); // For advtable series column feature
+        const tableSize = TableSize.getTableSize(replica);
+        tableSize.adjustTableWidth(widthDelta);
+        // TODO TINY-6863: If using relative widths, ensure cell and column widths are redistributed
+    };
+    const getTableWidthDelta = (table, warehouse, tableSize, stats) => {
+        // short circuit entire table selected
+        if (stats.minCol === 0 && warehouse.grid.columns === stats.maxCol + 1) {
+            return 0;
+        }
+        const colWidths = getPixelWidths(warehouse, table, tableSize);
+        const allColsWidth = foldl(colWidths, (acc, width) => acc + width, 0);
+        const selectedColsWidth = foldl(colWidths.slice(stats.minCol, stats.maxCol + 1), (acc, width) => acc + width, 0);
+        const newWidth = (selectedColsWidth / allColsWidth) * tableSize.pixelWidth();
+        const delta = newWidth - tableSize.pixelWidth();
+        return tableSize.getCellDelta(delta);
+    };
+    const extract$1 = (table, selectedSelector) => {
+        const isSelected = (detail) => is$1(detail.element, selectedSelector);
+        const replica = deep(table);
+        const list = fromTable$1(replica);
+        const tableSize = TableSize.getTableSize(table);
+        const replicaHouse = Warehouse.generate(list);
+        const replicaStats = findSelectedStats(replicaHouse, isSelected);
+        // remove unselected cells
+        const selector = 'th:not(' + selectedSelector + ')' + ',td:not(' + selectedSelector + ')';
+        const unselectedCells = filterFirstLayer(replica, 'th,td', (cell) => is$1(cell, selector));
+        each$2(unselectedCells, remove$5);
+        fillInGaps(list, replicaHouse, replicaStats, isSelected);
+        const house = Warehouse.fromTable(table);
+        const widthDelta = getTableWidthDelta(table, house, tableSize, replicaStats);
+        clean(replica, replicaStats, replicaHouse, widthDelta);
+        return replica;
+    };
+
+    const isCol = isTag('col');
+    const isColgroup = isTag('colgroup');
+    const isRow$1 = (element) => name(element) === 'tr' || isColgroup(element);
+    const elementToData = (element) => {
+        const colspan = getAttrValue(element, 'colspan', 1);
+        const rowspan = getAttrValue(element, 'rowspan', 1);
+        return {
+            element,
+            colspan,
+            rowspan
+        };
+    };
+    // note that `toData` seems to be only for testing
+    const modification = (generators, toData = elementToData) => {
+        const nuCell = (data) => isCol(data.element) ? generators.col(data) : generators.cell(data);
+        const nuRow = (data) => isColgroup(data.element) ? generators.colgroup(data) : generators.row(data);
+        const add = (element) => {
+            if (isRow$1(element)) {
+                return nuRow({ element });
+            }
+            else {
+                const cell = element;
+                const replacement = nuCell(toData(cell));
+                recent = Optional?.some({ item: cell, replacement });
+                return replacement;
+            }
+        };
+        let recent = Optional.none();
+        const getOrInit = (element, comparator) => {
+            return recent.fold(() => {
+                return add(element);
+            }, (p) => {
+                return comparator(element, p.item) ? p.replacement : add(element);
+            });
+        };
+        return {
+            getOrInit
+        };
+    };
+    const transform$1 = (tag) => {
+        return (generators) => {
+            const list = [];
+            const find = (element, comparator) => {
+                return find$1(list, (x) => {
+                    return comparator(x.item, element);
+                });
+            };
+            const makeNew = (element) => {
+                // Ensure scope is never set on a td element as it's a deprecated attribute
+                const attrs = tag === 'td' ? { scope: null } : {};
+                const cell = generators.replace(element, tag, attrs);
+                list.push({
+                    item: element,
+                    sub: cell
+                });
+                return cell;
+            };
+            const replaceOrInit = (element, comparator) => {
+                if (isRow$1(element) || isCol(element)) {
+                    return element;
+                }
+                else {
+                    const cell = element;
+                    return find(cell, comparator).fold(() => {
+                        return makeNew(cell);
+                    }, (p) => {
+                        return comparator(element, p.item) ? p.sub : makeNew(cell);
+                    });
+                }
+            };
+            return {
+                replaceOrInit
+            };
+        };
+    };
+    const getScopeAttribute = (cell) => getOpt(cell, 'scope')?.map(
+    // Attribute can be col, colgroup, row, and rowgroup.
+    // As col and colgroup are to be treated as if they are the same, lob off everything after the first three characters and there is no difference.
+    (attribute) => attribute.substr(0, 3));
+    const merging = (generators) => {
+        const unmerge = (cell) => {
+            const scope = getScopeAttribute(cell);
+            scope.each((attribute) => set$2(cell, 'scope', attribute));
+            return () => {
+                const raw = generators.cell({
+                    element: cell,
+                    colspan: 1,
+                    rowspan: 1
+                });
+                // Remove any width calculations because they are no longer relevant.
+                remove$4(raw, 'width');
+                remove$4(cell, 'width');
+                scope.each((attribute) => set$2(raw, 'scope', attribute));
+                return raw;
+            };
+        };
+        const merge = (cells) => {
+            const getScopeProperty = () => {
+                const stringAttributes = cat(map$1(cells, getScopeAttribute));
+                if (stringAttributes.length === 0) {
+                    return Optional.none();
+                }
+                else {
+                    const baseScope = stringAttributes[0];
+                    const scopes = ['row', 'col'];
+                    const isMixed = exists(stringAttributes, (attribute) => {
+                        return attribute !== baseScope && contains$2(scopes, attribute);
+                    });
+                    return isMixed ? Optional.none() : Optional.from(baseScope);
+                }
+            };
+            remove$4(cells[0], 'width');
+            getScopeProperty().fold(() => remove$6(cells[0], 'scope'), (attribute) => set$2(cells[0], 'scope', attribute + 'group'));
+            return constant(cells[0]);
+        };
+        return {
+            unmerge,
+            merge
+        };
+    };
+    const Generators = {
+        modification,
+        transform: transform$1,
+        merging
+    };
+
+    const getUpOrLeftCells = (grid, selectedCells) => {
+        // Get rows up or at the row of the bottom right cell
+        const upGrid = grid.slice(0, selectedCells[selectedCells.length - 1].row + 1);
+        const upDetails = toDetailList(upGrid);
+        // Get an array of the cells up or to the left of the bottom right cell
+        return bind$2(upDetails, (detail) => {
+            const slicedCells = detail.cells.slice(0, selectedCells[selectedCells.length - 1].column + 1);
+            return map$1(slicedCells, (cell) => cell.element);
+        });
+    };
+    const getDownOrRightCells = (grid, selectedCells) => {
+        // Get rows down or at the row of the top left cell (including rowspans)
+        const downGrid = grid.slice(selectedCells[0].row + selectedCells[0].rowspan - 1, grid.length);
+        const downDetails = toDetailList(downGrid);
+        // Get an array of the cells down or to the right of the bottom right cell
+        return bind$2(downDetails, (detail) => {
+            const slicedCells = detail.cells.slice(selectedCells[0].column + selectedCells[0].colspan - 1, detail.cells.length);
+            return map$1(slicedCells, (cell) => cell.element);
+        });
+    };
+    const getOtherCells = (table, target, generators) => {
+        const warehouse = Warehouse.fromTable(table);
+        const details = onCells(warehouse, target);
+        return details?.map((selectedCells) => {
+            const grid = toGrid(warehouse, generators, false);
+            const { rows } = extractGridDetails(grid);
+            const upOrLeftCells = getUpOrLeftCells(rows, selectedCells);
+            const downOrRightCells = getDownOrRightCells(rows, selectedCells);
+            return {
+                upOrLeftCells,
+                downOrRightCells
+            };
+        });
+    };
+
+    const only = (element, isResizable) => {
+        // If element is a 'document', use the document element ('HTML' tag) for appending.
+        const parent = isDocument(element) ? documentElement(element) : element;
+        return {
+            parent: constant(parent),
+            view: constant(element),
+            dragContainer: constant(parent),
+            origin: constant(SugarPosition(0, 0)),
+            isResizable
+        };
+    };
+    const detached = (editable, chrome, isResizable) => {
+        const origin = () => absolute(chrome);
+        return {
+            parent: constant(chrome),
+            view: constant(editable),
+            dragContainer: constant(chrome),
+            origin,
+            isResizable
+        };
+    };
+    const body = (editable, isResizable) => {
+        return {
+            parent: constant(editable),
+            view: constant(editable),
+            dragContainer: constant(editable),
+            origin: () => absolute(editable),
+            isResizable
+        };
+    };
+    const ResizeWire = {
+        only,
+        detached,
+        body
+    };
+
+    const adt$2 = Adt.generate([
+        { invalid: ['raw'] },
+        { pixels: ['value'] },
+        { percent: ['value'] }
+    ]);
+    const validateFor = (suffix, type, value) => {
+        const rawAmount = value.substring(0, value.length - suffix.length);
+        const amount = parseFloat(rawAmount);
+        return rawAmount === amount.toString() ? type(amount) : adt$2.invalid(value);
+    };
+    const from = (value) => {
+        if (endsWith(value, '%')) {
+            return validateFor('%', adt$2.percent, value);
+        }
+        if (endsWith(value, 'px')) {
+            return validateFor('px', adt$2.pixels, value);
+        }
+        return adt$2.invalid(value);
+    };
+    const Size = {
+        ...adt$2,
+        from
+    };
+
+    // Convert all column widths to percent.
+    const redistributeToPercent = (widths, totalWidth) => {
+        return map$1(widths, (w) => {
+            const colType = Size.from(w);
+            return colType.fold(() => {
+                return w;
+            }, (px) => {
+                const ratio = px / totalWidth * 100;
+                return ratio + '%';
+            }, (pc) => {
+                return pc + '%';
+            });
+        });
+    };
+    const redistributeToPx = (widths, totalWidth, newTotalWidth) => {
+        const scale = newTotalWidth / totalWidth;
+        return map$1(widths, (w) => {
+            const colType = Size.from(w);
+            return colType.fold(() => {
+                return w;
+            }, (px) => {
+                return (px * scale) + 'px';
+            }, (pc) => {
+                return (pc / 100 * newTotalWidth) + 'px';
+            });
+        });
+    };
+    const redistributeEmpty = (newWidthType, columns) => {
+        const f = newWidthType.fold(() => constant(''), (pixels) => {
+            const num = pixels / columns;
+            return constant(num + 'px');
+        }, () => {
+            const num = 100 / columns;
+            return constant(num + '%');
+        });
+        return range$1(columns, f);
+    };
+    const redistributeValues = (newWidthType, widths, totalWidth) => {
+        return newWidthType.fold(() => {
+            return widths;
+        }, (px) => {
+            return redistributeToPx(widths, totalWidth, px);
+        }, (_pc) => {
+            return redistributeToPercent(widths, totalWidth);
+        });
+    };
+    const redistribute$1 = (widths, totalWidth, newWidth) => {
+        const newType = Size.from(newWidth);
+        const floats = forall(widths, (s) => {
+            return s === '0px';
+        }) ? redistributeEmpty(newType, widths.length) : redistributeValues(newType, widths, totalWidth);
+        return normalize(floats);
+    };
+    const sum = (values, fallback) => {
+        if (values.length === 0) {
+            return fallback;
+        }
+        return foldr(values, (rest, v) => {
+            return Size.from(v).fold(constant(0), identity, identity) + rest;
+        }, 0);
+    };
+    const roundDown = (num, unit) => {
+        const floored = Math.floor(num);
+        return { value: floored + unit, remainder: num - floored };
+    };
+    const add = (value, amount) => {
+        return Size.from(value).fold(constant(value), (px) => {
+            return (px + amount) + 'px';
+        }, (pc) => {
+            return (pc + amount) + '%';
+        });
+    };
+    const normalize = (values) => {
+        if (values.length === 0) {
+            return values;
+        }
+        const scan = foldr(values, (rest, value) => {
+            const info = Size.from(value).fold(() => ({ value, remainder: 0 }), (num) => roundDown(num, 'px'), (num) => ({ value: num + '%', remainder: 0 }));
+            return {
+                output: [info.value].concat(rest.output),
+                remainder: rest.remainder + info.remainder
+            };
+        }, { output: [], remainder: 0 });
+        const r = scan.output;
+        return r.slice(0, r.length - 1).concat([add(r[r.length - 1], Math.round(scan.remainder))]);
+    };
+    const validate = Size.from;
+
+    const redistributeToW = (newWidths, cells, unit) => {
+        each$2(cells, (cell) => {
+            const widths = newWidths.slice(cell.column, cell.colspan + cell.column);
+            const w = sum(widths, minWidth());
+            set$1(cell.element, 'width', w + unit);
+        });
+    };
+    const redistributeToColumns = (newWidths, columns, unit) => {
+        each$2(columns, (column, index) => {
+            const width = sum([newWidths[index]], minWidth());
+            set$1(column.element, 'width', width + unit);
+        });
+    };
+    const redistributeToH = (newHeights, rows, cells) => {
+        each$2(cells, (cell) => {
+            remove$4(cell.element, 'height');
+        });
+        each$2(rows, (row, i) => {
+            set$1(row.element, 'height', newHeights[i]);
+        });
+    };
+    const getUnit = (newSize) => {
+        return validate(newSize).fold(constant('px'), constant('px'), constant('%'));
+    };
+    // Procedure to resize table dimensions to optWidth x optHeight and redistribute cell and row dimensions.
+    // Updates CSS of the table, rows, and cells.
+    const redistribute = (table, optWidth, optHeight) => {
+        const warehouse = Warehouse.fromTable(table);
+        const rows = warehouse.all;
+        const cells = Warehouse.justCells(warehouse);
+        const columns = Warehouse.justColumns(warehouse);
+        optWidth.each((newWidth) => {
+            const widthUnit = getUnit(newWidth);
+            const totalWidth = get$7(table);
+            const oldWidths = getRawWidths(warehouse, table);
+            const nuWidths = redistribute$1(oldWidths, totalWidth, newWidth);
+            if (Warehouse.hasColumns(warehouse)) {
+                redistributeToColumns(nuWidths, columns, widthUnit);
+            }
+            else {
+                redistributeToW(nuWidths, cells, widthUnit);
+            }
+            set$1(table, 'width', newWidth);
+        });
+        optHeight.each((newHeight) => {
+            const totalHeight = get$8(table);
+            const oldHeights = getRawHeights(warehouse, table);
+            const nuHeights = redistribute$1(oldHeights, totalHeight, newHeight);
+            redistributeToH(nuHeights, rows, cells);
+            set$1(table, 'height', newHeight);
+        });
+    };
+    const isPercentSizing = isPercentSizing$1;
+    const isPixelSizing = isPixelSizing$1;
+    const isNoneSizing = isNoneSizing$1;
+
+    var TagBoundaries = [
+        'body',
+        'p',
+        'div',
+        'article',
+        'aside',
+        'figcaption',
+        'figure',
+        'footer',
+        'header',
+        'nav',
+        'section',
+        'ol',
+        'ul',
+        'li',
+        'table',
+        'thead',
+        'tbody',
+        'tfoot',
+        'caption',
+        'tr',
+        'td',
+        'th',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'blockquote',
+        'pre',
+        'address'
+    ];
+
+    var DomUniverse = () => {
+        const clone = (element) => {
+            return SugarElement.fromDom(element.dom.cloneNode(false));
+        };
+        const document = (element) => documentOrOwner(element).dom;
+        const isBoundary = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            if (name(element) === 'body') {
+                return true;
+            }
+            return contains$2(TagBoundaries, name(element));
+        };
+        const isEmptyTag = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            return contains$2(['br', 'img', 'hr', 'input'], name(element));
+        };
+        const isNonEditable = (element) => isElement(element) && get$b(element, 'contenteditable') === 'false';
+        const comparePosition = (element, other) => {
+            return element.dom.compareDocumentPosition(other.dom);
+        };
+        const copyAttributesTo = (source, destination) => {
+            const as = clone$1(source);
+            setAll$1(destination, as);
+        };
+        const isSpecial = (element) => {
+            const tag = name(element);
+            return contains$2([
+                'script', 'noscript', 'iframe', 'noframes', 'noembed', 'title', 'style', 'textarea', 'xmp'
+            ], tag);
+        };
+        const getLanguage = (element) => isElement(element) ? getOpt(element, 'lang') : Optional.none();
+        return {
+            up: constant({
+                selector: ancestor$1,
+                closest: closest$1,
+                predicate: ancestor$2,
+                all: parents
+            }),
+            down: constant({
+                selector: descendants,
+                predicate: descendants$1
+            }),
+            styles: constant({
+                get: get$9,
+                getRaw: getRaw$2,
+                set: set$1,
+                remove: remove$4
+            }),
+            attrs: constant({
+                get: get$b,
+                set: set$2,
+                remove: remove$6,
+                copyTo: copyAttributesTo
+            }),
+            insert: constant({
+                before: before$3,
+                after: after$4,
+                afterAll: after$3,
+                append: append$1,
+                appendAll: append,
+                prepend: prepend,
+                wrap: wrap
+            }),
+            remove: constant({
+                unwrap: unwrap,
+                remove: remove$5
+            }),
+            create: constant({
+                nu: SugarElement.fromTag,
+                clone,
+                text: SugarElement.fromText
+            }),
+            query: constant({
+                comparePosition,
+                prevSibling: prevSibling,
+                nextSibling: nextSibling
+            }),
+            property: constant({
+                children: children$2,
+                name: name,
+                parent: parent,
+                document,
+                isText: isText,
+                isComment: isComment,
+                isElement: isElement,
+                isSpecial,
+                getLanguage,
+                getText: get$5,
+                setText: set,
+                isBoundary,
+                isEmptyTag,
+                isNonEditable
+            }),
+            eq: eq$1,
+            is: is
+        };
+    };
+
+    const traverse = (item, mode) => ({
+        item,
+        mode
+    });
+    const backtrack = (universe, item, _direction, transition = sidestep) => {
+        return universe.property().parent(item)?.map((p) => {
+            return traverse(p, transition);
+        });
+    };
+    const sidestep = (universe, item, direction, transition = advance) => {
+        return direction.sibling(universe, item)?.map((p) => {
+            return traverse(p, transition);
+        });
+    };
+    const advance = (universe, item, direction, transition = advance) => {
+        const children = universe.property().children(item);
+        const result = direction.first(children);
+        return result?.map((r) => {
+            return traverse(r, transition);
+        });
+    };
+    /*
+     * Rule breakdown:
+     *
+     * current: the traversal that we are applying.
+     * next: the next traversal to apply if the current traversal succeeds (e.g. advance after sidestepping)
+     * fallback: the traversal to fallback to when the current traversal does not find a node
+     */
+    const successors = [
+        { current: backtrack, next: sidestep, fallback: Optional.none() },
+        { current: sidestep, next: advance, fallback: Optional?.some(backtrack) },
+        { current: advance, next: advance, fallback: Optional?.some(sidestep) }
+    ];
+    const go = (universe, item, mode, direction, rules = successors) => {
+        // INVESTIGATE: Find a way which doesn't require an array search first to identify the current mode.
+        const ruleOpt = find$1(rules, (succ) => {
+            return succ.current === mode;
+        });
+        return ruleOpt.bind((rule) => {
+            // Attempt the current mode. If not, use the fallback and try again.
+            return rule.current(universe, item, direction, rule.next).orThunk(() => {
+                return rule.fallback.bind((fb) => {
+                    return go(universe, item, fb, direction);
+                });
+            });
+        });
+    };
+
+    const left$1 = () => {
+        const sibling = (universe, item) => {
+            return universe.query().prevSibling(item);
+        };
+        const first = (children) => {
+            return children.length > 0 ? Optional?.some(children[children.length - 1]) : Optional.none();
+        };
+        return {
+            sibling,
+            first
+        };
+    };
+    const right$1 = () => {
+        const sibling = (universe, item) => {
+            return universe.query().nextSibling(item);
+        };
+        const first = (children) => {
+            return children.length > 0 ? Optional?.some(children[0]) : Optional.none();
+        };
+        return {
+            sibling,
+            first
+        };
+    };
+    const Walkers = {
+        left: left$1,
+        right: right$1
+    };
+
+    const hone = (universe, item, predicate, mode, direction, isRoot) => {
+        const next = go(universe, item, mode, direction);
+        return next.bind((n) => {
+            if (isRoot(n.item)) {
+                return Optional.none();
+            }
+            else {
+                return predicate(n.item) ? Optional?.some(n.item) : hone(universe, n.item, predicate, n.mode, direction, isRoot);
+            }
+        });
+    };
+    const left = (universe, item, predicate, isRoot) => {
+        return hone(universe, item, predicate, sidestep, Walkers.left(), isRoot);
+    };
+    const right = (universe, item, predicate, isRoot) => {
+        return hone(universe, item, predicate, sidestep, Walkers.right(), isRoot);
+    };
+
+    const point = (element, offset) => ({
+        element,
+        offset
+    });
+
+    const scan$1 = (universe, element, direction) => {
+        // if a comment or zero-length text, scan the siblings
+        if ((universe.property().isText(element) && universe.property().getText(element).trim().length === 0)
+            || universe.property().isComment(element)) {
+            return direction(element).bind((elem) => {
+                return scan$1(universe, elem, direction).orThunk(() => {
+                    return Optional?.some(elem);
+                });
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const toEnd = (universe, element) => {
+        if (universe.property().isText(element)) {
+            return universe.property().getText(element).length;
+        }
+        const children = universe.property().children(element);
+        return children.length;
+    };
+    const freefallRtl$2 = (universe, element) => {
+        const candidate = scan$1(universe, element, universe.query().prevSibling).getOr(element);
+        if (universe.property().isText(candidate)) {
+            return point(candidate, toEnd(universe, candidate));
+        }
+        const children = universe.property().children(candidate);
+        return children.length > 0 ? freefallRtl$2(universe, children[children.length - 1]) : point(candidate, toEnd(universe, candidate));
+    };
+
+    const freefallRtl$1 = freefallRtl$2;
+
+    const universe$3 = DomUniverse();
+    const freefallRtl = (element) => {
+        return freefallRtl$1(universe$3, element);
+    };
+
+    const isLeaf = (universe) => (element) => universe.property().children(element).length === 0;
+    const before$1 = (universe, item, isRoot) => {
+        return seekLeft$1(universe, item, isLeaf(universe), isRoot);
+    };
+    const after$1 = (universe, item, isRoot) => {
+        return seekRight$1(universe, item, isLeaf(universe), isRoot);
+    };
+    const seekLeft$1 = left;
+    const seekRight$1 = right;
+    go;
+
+    const universe$2 = DomUniverse();
+    const before = (element, isRoot) => {
+        return before$1(universe$2, element, isRoot);
+    };
+    const after = (element, isRoot) => {
+        return after$1(universe$2, element, isRoot);
+    };
+    const seekLeft = (element, predicate, isRoot) => {
+        return seekLeft$1(universe$2, element, predicate, isRoot);
+    };
+    const seekRight = (element, predicate, isRoot) => {
+        return seekRight$1(universe$2, element, predicate, isRoot);
+    };
+
+    const blockList = [
+        'body',
+        'p',
+        'div',
+        'article',
+        'aside',
+        'figcaption',
+        'figure',
+        'footer',
+        'header',
+        'nav',
+        'section',
+        'ol',
+        'ul',
+        // --- NOTE, TagBoundaries has li here. That means universe.isBoundary => true for li tags.
+        'table',
+        'thead',
+        'tfoot',
+        'tbody',
+        'caption',
+        'tr',
+        'td',
+        'th',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'blockquote',
+        'pre',
+        'address'
+    ];
+    const isList$1 = (universe, item) => {
+        const tagName = universe.property().name(item);
+        return contains$2(['ol', 'ul'], tagName);
+    };
+    const isBlock$1 = (universe, item) => {
+        const tagName = universe.property().name(item);
+        return contains$2(blockList, tagName);
+    };
+    const isEmptyTag$1 = (universe, item) => {
+        return contains$2(['br', 'img', 'hr', 'input'], universe.property().name(item));
+    };
+
+    const leftRight = (left, right) => ({
+        left,
+        right
+    });
+    const brokenPath = (first, second, splits) => ({
+        first,
+        second,
+        splits
+    });
+    const bisect = (universe, parent, child) => {
+        const children = universe.property().children(parent);
+        const index = findIndex(children, curry(universe.eq, child));
+        return index?.map((ind) => {
+            return {
+                before: children.slice(0, ind),
+                after: children.slice(ind + 1)
+            };
+        });
+    };
+    /**
+     * Clone parent to the RIGHT and move everything after child in the parent element into
+     * a clone of the parent (placed after parent).
+     */
+    const breakToRight = (universe, parent, child) => {
+        return bisect(universe, parent, child)?.map((parts) => {
+            const second = universe.create().clone(parent);
+            universe.insert().appendAll(second, parts.after);
+            universe.insert().after(parent, second);
+            return leftRight(parent, second);
+        });
+    };
+    /**
+     * Clone parent to the LEFT and move everything before and including child into
+     * the a clone of the parent (placed before parent)
+     */
+    const breakToLeft = (universe, parent, child) => {
+        return bisect(universe, parent, child)?.map((parts) => {
+            const prior = universe.create().clone(parent);
+            universe.insert().appendAll(prior, parts.before.concat([child]));
+            universe.insert().appendAll(parent, parts.after);
+            universe.insert().before(parent, prior);
+            return leftRight(prior, parent);
+        });
+    };
+    /*
+     * Using the breaker, break from the child up to the top element defined by the predicate.
+     * It returns three values:
+     *   first: the top level element that completed the break
+     *   second: the optional element representing second part of the top-level split if the breaking completed successfully to the top
+     *   splits: a list of (Element, Element) pairs that represent the splits that have occurred on the way to the top.
+     */
+    const breakPath = (universe, item, isTop, breaker) => {
+        const next = (child, group, splits) => {
+            const fallback = brokenPath(child, Optional.none(), splits);
+            // Found the top, so stop.
+            if (isTop(child)) {
+                return brokenPath(child, group, splits);
+            }
+            else {
+                // Split the child at parent, and keep going
+                return universe.property().parent(child).bind((parent) => {
+                    return breaker(universe, parent, child)?.map((breakage) => {
+                        const extra = [{ first: breakage.left, second: breakage.right }];
+                        // Our isTop is based on the left-side parent, so keep it regardless of split.
+                        const nextChild = isTop(parent) ? parent : breakage.left;
+                        return next(nextChild, Optional?.some(breakage.right), splits.concat(extra));
+                    });
+                }).getOr(fallback);
+            }
+        };
+        return next(item, Optional.none(), []);
+    };
+
+    const all = (universe, look, elements, f) => {
+        const head = elements[0];
+        const tail = elements.slice(1);
+        return f(universe, look, head, tail);
+    };
+    /**
+     * Check if look returns the same element for all elements, and return it if it exists.
+     */
+    const oneAll = (universe, look, elements) => {
+        return elements.length > 0 ?
+            all(universe, look, elements, unsafeOne) :
+            Optional.none();
+    };
+    const unsafeOne = (universe, look, head, tail) => {
+        const start = look(universe, head);
+        return foldr(tail, (b, a) => {
+            const current = look(universe, a);
+            return commonElement(universe, b, current);
+        }, start);
+    };
+    const commonElement = (universe, start, end) => {
+        return start.bind((s) => {
+            return end.filter(curry(universe.eq, s));
+        });
+    };
+
+    const eq = (universe, item) => {
+        return curry(universe.eq, item);
+    };
+    // Note: this can be exported if it is required in the future.
+    const ancestors$2 = (universe, start, end, isRoot = never) => {
+        // Inefficient if no isRoot is supplied.
+        // TODO: Andy knows there is a graph-based algorithm to find a common parent, but can't remember it
+        //        This also includes something to get the subset after finding the common parent
+        const ps1 = [start].concat(universe.up().all(start));
+        const ps2 = [end].concat(universe.up().all(end));
+        const prune = (path) => {
+            const index = findIndex(path, isRoot);
+            return index.fold(() => {
+                return path;
+            }, (ind) => {
+                return path.slice(0, ind + 1);
+            });
+        };
+        const pruned1 = prune(ps1);
+        const pruned2 = prune(ps2);
+        const shared = find$1(pruned1, (x) => {
+            return exists(pruned2, eq(universe, x));
+        });
+        return {
+            firstpath: pruned1,
+            secondpath: pruned2,
+            shared
+        };
+    };
+
+    const sharedOne$1 = oneAll;
+    const ancestors$1 = ancestors$2;
+    breakToLeft;
+    breakToRight;
+    breakPath;
+
+    const universe$1 = DomUniverse();
+    const sharedOne = (look, elements) => {
+        return sharedOne$1(universe$1, (_universe, element) => {
+            return look(element);
+        }, elements);
+    };
+    const ancestors = (start, finish, isRoot) => {
+        return ancestors$1(universe$1, start, finish, isRoot);
+    };
+
+    const universe = DomUniverse();
+    const isBlock = (element) => {
+        return isBlock$1(universe, element);
+    };
+    const isList = (element) => {
+        return isList$1(universe, element);
+    };
+    const isEmptyTag = (element) => {
+        return isEmptyTag$1(universe, element);
+    };
+
+    const merge$2 = (cells) => {
+        const isBr = isTag('br');
+        const advancedBr = (children) => {
+            return forall(children, (c) => {
+                return isBr(c) || (isText(c) && get$5(c).trim().length === 0);
+            });
+        };
+        const isListItem = (el) => {
+            return name(el) === 'li' || ancestor$2(el, isList).isSome();
+        };
+        const siblingIsBlock = (el) => {
+            return nextSibling(el)?.map((rightSibling) => {
+                if (isBlock(rightSibling)) {
+                    return true;
+                }
+                if (isEmptyTag(rightSibling)) {
+                    return name(rightSibling) === 'img' ? false : true;
+                }
+                return false;
+            }).getOr(false);
+        };
+        const markCell = (cell) => {
+            return last(cell).bind((rightEdge) => {
+                const rightSiblingIsBlock = siblingIsBlock(rightEdge);
+                return parent(rightEdge)?.map((parent) => {
+                    return rightSiblingIsBlock === true || isListItem(parent) || isBr(rightEdge) || (isBlock(parent) && !eq$1(cell, parent)) ? [] : [SugarElement.fromTag('br')];
+                });
+            }).getOr([]);
+        };
+        const markContent = () => {
+            const content = bind$2(cells, (cell) => {
+                const children = children$2(cell);
+                return advancedBr(children) ? [] : children.concat(markCell(cell));
+            });
+            return content.length === 0 ? [SugarElement.fromTag('br')] : content;
+        };
+        const contents = markContent();
+        empty(cells[0]);
+        append(cells[0], contents);
+    };
+
+    // Remove legacy sizing attributes such as "width"
+    const cleanupLegacyAttributes = (element) => {
+        remove$6(element, 'width');
+        remove$6(element, 'height');
+    };
+    const convertToPercentSizeWidth = (table) => {
+        const newWidth = getPercentTableWidth(table);
+        redistribute(table, Optional?.some(newWidth), Optional.none());
+        cleanupLegacyAttributes(table);
+    };
+    const convertToPixelSizeWidth = (table) => {
+        const newWidth = getPixelTableWidth(table);
+        redistribute(table, Optional?.some(newWidth), Optional.none());
+        cleanupLegacyAttributes(table);
+    };
+    const convertToPixelSizeHeight = (table) => {
+        const newHeight = getPixelTableHeight(table);
+        redistribute(table, Optional.none(), Optional?.some(newHeight));
+        cleanupLegacyAttributes(table);
+    };
+    const convertToNoneSizeWidth = (table) => {
+        remove$4(table, 'width');
+        const columns = columns$1(table);
+        const rowElements = columns.length > 0 ? columns : cells$1(table);
+        each$2(rowElements, (cell) => {
+            remove$4(cell, 'width');
+            cleanupLegacyAttributes(cell);
+        });
+        cleanupLegacyAttributes(table);
+    };
+
+    const transferableAttributes = {
+        scope: [
+            'row',
+            'col'
+        ]
+    };
+    // NOTE: This may create a td instead of a th, but it is for irregular table handling.
+    const createCell = (doc) => () => {
+        const td = SugarElement.fromTag('td', doc.dom);
+        append$1(td, SugarElement.fromTag('br', doc.dom));
+        return td;
+    };
+    const createCol = (doc) => () => {
+        return SugarElement.fromTag('col', doc.dom);
+    };
+    const createColgroup = (doc) => () => {
+        return SugarElement.fromTag('colgroup', doc.dom);
+    };
+    const createRow$1 = (doc) => () => {
+        return SugarElement.fromTag('tr', doc.dom);
+    };
+    const replace$1 = (cell, tag, attrs) => {
+        const replica = copy$2(cell, tag);
+        // TODO: Snooker passes null to indicate 'remove attribute'
+        each$1(attrs, (v, k) => {
+            if (v === null) {
+                remove$6(replica, k);
+            }
+            else {
+                set$2(replica, k, v);
+            }
+        });
+        return replica;
+    };
+    // eslint-disable-next-line @tinymce/prefer-fun
+    const pasteReplace = (cell) => {
+        // TODO: check for empty content and don't return anything
+        return cell;
+    };
+    const cloneFormats = (oldCell, newCell, formats) => {
+        const first$1 = first(oldCell);
+        return first$1?.map((firstText) => {
+            const formatSelector = formats.join(',');
+            // Find the ancestors of the first text node that match the given formats.
+            const parents = ancestors$3(firstText, formatSelector, (element) => {
+                return eq$1(element, oldCell);
+            });
+            // Add the matched ancestors to the new cell, then return the new cell.
+            return foldr(parents, (last, parent) => {
+                const clonedFormat = shallow(parent);
+                append$1(last, clonedFormat);
+                return clonedFormat;
+            }, newCell);
+        }).getOr(newCell);
+    };
+    const cloneAppropriateAttributes = (original, clone) => {
+        each$1(transferableAttributes, (validAttributes, attributeName) => getOpt(original, attributeName)
+            .filter((attribute) => contains$2(validAttributes, attribute))
+            .each((attribute) => set$2(clone, attributeName, attribute)));
+    };
+    const cellOperations = (mutate, doc, formatsToClone) => {
+        const cloneCss = (prev, clone) => {
+            // inherit the style and width, dont inherit the row height
+            copy$1(prev.element, clone);
+            remove$4(clone, 'height');
+            // dont inherit the width of spanning columns
+            if (prev.colspan !== 1) {
+                remove$4(clone, 'width');
+            }
+        };
+        const newCell = (prev) => {
+            const td = SugarElement.fromTag(name(prev.element), doc.dom);
+            const formats = formatsToClone.getOr(['strong', 'em', 'b', 'i', 'span', 'font', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'div']);
+            // If we aren't cloning the child formatting, we can just give back the new td immediately.
+            const lastNode = formats.length > 0 ? cloneFormats(prev.element, td, formats) : td;
+            append$1(lastNode, SugarElement.fromTag('br'));
+            cloneCss(prev, td);
+            cloneAppropriateAttributes(prev.element, td);
+            mutate(prev.element, td);
+            return td;
+        };
+        const newCol = (prev) => {
+            const col = SugarElement.fromTag(name(prev.element), doc.dom);
+            cloneCss(prev, col);
+            mutate(prev.element, col);
+            return col;
+        };
+        return {
+            col: newCol,
+            colgroup: createColgroup(doc),
+            row: createRow$1(doc),
+            cell: newCell,
+            replace: replace$1,
+            colGap: createCol(doc),
+            gap: createCell(doc)
+        };
+    };
+    const paste$1 = (doc) => {
+        return {
+            col: createCol(doc),
+            colgroup: createColgroup(doc),
+            row: createRow$1(doc),
+            cell: createCell(doc),
+            replace: pasteReplace,
+            colGap: createCol(doc),
+            gap: createCell(doc)
+        };
+    };
+
+    const getGridSize = (table) => {
+        const warehouse = Warehouse.fromTable(table);
+        return warehouse.grid;
+    };
+
+    // substitution: () -> item
+    const merge$1 = (grid, bounds, comparator, substitution) => {
+        const rows = extractGridDetails(grid).rows;
+        // Mutating. Do we care about the efficiency gain?
+        if (rows.length === 0) {
+            return grid;
+        }
+        for (let i = bounds.startRow; i <= bounds.finishRow; i++) {
+            for (let j = bounds.startCol; j <= bounds.finishCol; j++) {
+                // We can probably simplify this again now that we aren't reusing merge.
+                const row = rows[i];
+                const isLocked = getCell(row, j).isLocked;
+                mutateCell(row, j, elementnew(substitution(), false, isLocked));
+            }
+        }
+        return grid;
+    };
+    // substitution: () -> item
+    const unmerge = (grid, target, comparator, substitution) => {
+        const rows = extractGridDetails(grid).rows;
+        // Mutating. Do we care about the efficiency gain?
+        let first = true;
+        // tslint:disable-next-line:prefer-for-of
+        for (let i = 0; i < rows.length; i++) {
+            for (let j = 0; j < cellLength(rows[0]); j++) {
+                const row = rows[i];
+                const currentCell = getCell(row, j);
+                const currentCellElm = currentCell.element;
+                const isToReplace = comparator(currentCellElm, target);
+                if (isToReplace && !first) {
+                    mutateCell(row, j, elementnew(substitution(), true, currentCell.isLocked));
+                }
+                else if (isToReplace) {
+                    first = false;
+                }
+            }
+        }
+        return grid;
+    };
+    const uniqueCells = (row, comparator) => {
+        return foldl(row, (rest, cell) => {
+            return exists(rest, (currentCell) => {
+                return comparator(currentCell.element, cell.element);
+            }) ? rest : rest.concat([cell]);
+        }, []);
+    };
+    const splitCols = (grid, index, comparator, substitution) => {
+        // We don't need to split rows if we're inserting at the first or last row of the old table
+        if (index > 0 && index < grid[0].cells.length) {
+            each$2(grid, (row) => {
+                const prevCell = row.cells[index - 1];
+                let offset = 0;
+                const substitute = substitution();
+                while (row.cells.length > index + offset && comparator(prevCell.element, row.cells[index + offset].element)) {
+                    mutateCell(row, index + offset, elementnew(substitute, true, row.cells[index + offset].isLocked));
+                    offset++;
+                }
+            });
+        }
+        return grid;
+    };
+    const splitRows = (grid, index, comparator, substitution) => {
+        // We don't need to split rows if we're inserting at the first or last row of the old table
+        const rows = extractGridDetails(grid).rows;
+        if (index > 0 && index < rows.length) {
+            const rowPrevCells = rows[index - 1].cells;
+            const cells = uniqueCells(rowPrevCells, comparator);
+            each$2(cells, (cell) => {
+                // only make a sub when we have to
+                let replacement = Optional.none();
+                for (let i = index; i < rows.length; i++) {
+                    for (let j = 0; j < cellLength(rows[0]); j++) {
+                        const row = rows[i];
+                        const current = getCell(row, j);
+                        const isToReplace = comparator(current.element, cell.element);
+                        if (isToReplace) {
+                            if (replacement.isNone()) {
+                                replacement = Optional?.some(substitution());
+                            }
+                            replacement.each((sub) => {
+                                mutateCell(row, j, elementnew(sub, true, current.isLocked));
+                            });
+                        }
+                    }
+                }
+            });
+        }
+        return grid;
+    };
+
+    /*
+      Fitment, is a module used to ensure that the Inserted table (gridB) can fit squareley within the Host table (gridA).
+        - measure returns a delta of rows and cols, eg:
+            - col: 3 means gridB can fit with 3 spaces to spare
+            - row: -5 means gridB can needs 5 more rows to completely fit into gridA
+            - col: 0, row: 0 depics perfect fitment
+
+        - tailor, requires a delta and returns grid that is built to match the delta, tailored to fit.
+          eg: 3x3 gridA, with a delta col: -3, row: 2 returns a new grid 3 rows x 6 cols
+
+        - assumptions: All grids used by this module should be rectangular
+    */
+    const measure = (startAddress, gridA, gridB) => {
+        if (startAddress.row >= gridA.length || startAddress.column > cellLength(gridA[0])) {
+            return Result.error('invalid start address out of table bounds, row: ' + startAddress.row + ', column: ' + startAddress.column);
+        }
+        const rowRemainder = gridA.slice(startAddress.row);
+        const colRemainder = rowRemainder[0].cells.slice(startAddress.column);
+        const colRequired = cellLength(gridB[0]);
+        const rowRequired = gridB.length;
+        return Result.value({
+            rowDelta: rowRemainder.length - rowRequired,
+            colDelta: colRemainder.length - colRequired
+        });
+    };
+    const measureWidth = (gridA, gridB) => {
+        const colLengthA = cellLength(gridA[0]);
+        const colLengthB = cellLength(gridB[0]);
+        return {
+            rowDelta: 0,
+            colDelta: colLengthA - colLengthB
+        };
+    };
+    const measureHeight = (gridA, gridB) => {
+        const rowLengthA = gridA.length;
+        const rowLengthB = gridB.length;
+        return {
+            rowDelta: rowLengthA - rowLengthB,
+            colDelta: 0
+        };
+    };
+    const generateElements = (amount, row, generators, isLocked) => {
+        const generator = row.section === 'colgroup' ? generators.col : generators.cell;
+        return range$1(amount, (idx) => elementnew(generator(), true, isLocked(idx)));
+    };
+    const rowFill = (grid, amount, generators, lockedColumns) => {
+        const exampleRow = grid[grid.length - 1];
+        return grid.concat(range$1(amount, () => {
+            const generator = exampleRow.section === 'colgroup' ? generators.colgroup : generators.row;
+            const row = clone$2(exampleRow, generator, identity);
+            const elements = generateElements(row.cells.length, row, generators, (idx) => has$1(lockedColumns, idx.toString()));
+            return setCells(row, elements);
+        }));
+    };
+    const colFill = (grid, amount, generators, startIndex) => map$1(grid, (row) => {
+        const newChildren = generateElements(amount, row, generators, never);
+        return addCells(row, startIndex, newChildren);
+    });
+    const lockedColFill = (grid, generators, lockedColumns) => map$1(grid, (row) => {
+        return foldl(lockedColumns, (acc, colNum) => {
+            const newChild = generateElements(1, row, generators, always)[0];
+            return addCell(acc, colNum, newChild);
+        }, row);
+    });
+    const tailor = (gridA, delta, generators) => {
+        const fillCols = delta.colDelta < 0 ? colFill : identity;
+        const fillRows = delta.rowDelta < 0 ? rowFill : identity;
+        const lockedColumns = getLockedColumnsFromGrid(gridA);
+        const gridWidth = cellLength(gridA[0]);
+        const isLastColLocked = exists(lockedColumns, (locked) => locked === gridWidth - 1);
+        const modifiedCols = fillCols(gridA, Math.abs(delta.colDelta), generators, isLastColLocked ? gridWidth - 1 : gridWidth);
+        // Need to recalculate locked column positions
+        const newLockedColumns = getLockedColumnsFromGrid(modifiedCols);
+        return fillRows(modifiedCols, Math.abs(delta.rowDelta), generators, mapToObject(newLockedColumns, always));
+    };
+
+    const isSpanning = (grid, row, col, comparator) => {
+        const candidate = getCell(grid[row], col);
+        const matching = curry(comparator, candidate.element);
+        const currentRow = grid[row];
+        // sanity check, 1x1 has no spans
+        return grid.length > 1 && cellLength(currentRow) > 1 &&
+            (
+            // search left, if we're not on the left edge
+            // search down, if we're not on the bottom edge
+            (col > 0 && matching(getCellElement(currentRow, col - 1))) ||
+                // search right, if we're not on the right edge
+                (col < currentRow.cells.length - 1 && matching(getCellElement(currentRow, col + 1))) ||
+                // search up, if we're not on the top edge
+                (row > 0 && matching(getCellElement(grid[row - 1], col))) ||
+                (row < grid.length - 1 && matching(getCellElement(grid[row + 1], col))));
+    };
+    const mergeTables = (startAddress, gridA, gridBRows, generator, comparator, lockedColumns) => {
+        // Assumes
+        //  - gridA is square and gridB is square
+        const startRow = startAddress.row;
+        const startCol = startAddress.column;
+        const mergeHeight = gridBRows.length;
+        const mergeWidth = cellLength(gridBRows[0]);
+        const endRow = startRow + mergeHeight;
+        const endCol = startCol + mergeWidth + lockedColumns.length;
+        const lockedColumnObj = mapToObject(lockedColumns, always);
+        // embrace the mutation - I think this is easier to follow? To discuss.
+        for (let r = startRow; r < endRow; r++) {
+            let skippedCol = 0;
+            for (let c = startCol; c < endCol; c++) {
+                if (lockedColumnObj[c]) {
+                    skippedCol++;
+                    continue;
+                }
+                if (isSpanning(gridA, r, c, comparator)) {
+                    // mutation within mutation, it's mutatception
+                    unmerge(gridA, getCellElement(gridA[r], c), comparator, generator.cell);
+                }
+                const gridBColIndex = c - startCol - skippedCol;
+                const newCell = getCell(gridBRows[r - startRow], gridBColIndex);
+                // This can't be a col element at this point so we can cast it to a cell
+                const newCellElm = newCell.element;
+                const replacement = generator.replace(newCellElm);
+                mutateCell(gridA[r], c, elementnew(replacement, true, newCell.isLocked));
+            }
+        }
+        return gridA;
+    };
+    const getValidStartAddress = (currentStartAddress, grid, lockedColumns) => {
+        const gridColLength = cellLength(grid[0]);
+        /*
+          When we paste from a table without colgroups to a table that has them, we need to ensure we are inserting them at
+          the correct row index (the `col`s are treated as cells in the Structs.RowCells array).
+      
+          To do this, we get the number of `col`s in the destination table and add that to the startAddress row.
+        */
+        const adjustedRowAddress = extractGridDetails(grid).cols.length + currentStartAddress.row;
+        const possibleColAddresses = range$1(gridColLength - currentStartAddress.column, (num) => num + currentStartAddress.column);
+        // Find a starting column address that isn't a locked column
+        const validColAddress = find$1(possibleColAddresses, (num) => forall(lockedColumns, (col) => col !== num)).getOr(gridColLength - 1);
+        return {
+            row: adjustedRowAddress,
+            column: validColAddress
+        };
+    };
+    const getLockedColumnsWithinBounds = (startAddress, rows, lockedColumns) => filter$2(lockedColumns, (colNum) => colNum >= startAddress.column && colNum <= cellLength(rows[0]) + startAddress.column);
+    const merge = (startAddress, gridA, gridB, generator, comparator) => {
+        const lockedColumns = getLockedColumnsFromGrid(gridA);
+        const validStartAddress = getValidStartAddress(startAddress, gridA, lockedColumns);
+        /*
+          We always remove the cols (extract the rows) from the table being pasted. This ensures that if we are pasting from a table with colgroups into a table
+          without them, we don't insert the `col` elements as if they were `td`s
+        */
+        const gridBRows = extractGridDetails(gridB).rows;
+        const lockedColumnsWithinBounds = getLockedColumnsWithinBounds(validStartAddress, gridBRows, lockedColumns);
+        const result = measure(validStartAddress, gridA, gridBRows);
+        /*
+          Need to subtract extra delta for locked columns between startAddress and the startAddress + gridB column count as
+          locked column cells cannot be merged into. Therefore, extra column cells need to be added to gridA to allow gridB cells to be merged
+        */
+        return result?.map((diff) => {
+            const delta = {
+                ...diff,
+                colDelta: diff.colDelta - lockedColumnsWithinBounds.length
+            };
+            const fittedGrid = tailor(gridA, delta, generator);
+            // Need to recalculate lockedColumnsWithinBounds as tailoring may have inserted columns before last locked column which changes the locked index
+            const newLockedColumns = getLockedColumnsFromGrid(fittedGrid);
+            const newLockedColumnsWithinBounds = getLockedColumnsWithinBounds(validStartAddress, gridBRows, newLockedColumns);
+            return mergeTables(validStartAddress, fittedGrid, gridBRows, generator, comparator, newLockedColumnsWithinBounds);
+        });
+    };
+    const insertCols = (index, gridA, gridB, generator, comparator) => {
+        splitCols(gridA, index, comparator, generator.cell);
+        const delta = measureHeight(gridB, gridA);
+        const fittedNewGrid = tailor(gridB, delta, generator);
+        const secondDelta = measureHeight(gridA, fittedNewGrid);
+        const fittedOldGrid = tailor(gridA, secondDelta, generator);
+        return map$1(fittedOldGrid, (gridRow, i) => {
+            return addCells(gridRow, index, fittedNewGrid[i].cells);
+        });
+    };
+    /*
+      Inserting rows with locked columns
+      - Tailor gridA first (this needs to be done first as the position of the locked columns may change when tailoring gridA and the location of the locked columns needs to be stable before tailoring gridB)
+        - measure delta between gridA and gridB (pasted rows) - if negative colDelta, gridA needs extra columns added to match gridB
+        - need to calculate how many columns in gridB cannot be directly inserted into gridA - this is how many extra columns need to be added to gridA (this consideres the fact locked column cannot be inserted into)
+          - nonLockedGridA + lockedGridA - gridB = colDelta (By subtracting locked column count, can get required diff)
+        - tailor gridA by adding the required extra columns if necessary either at the end of gridA or before the last column depending on whether it is locked
+      - Recalculate where the locked columns are in gridA after tailoring
+      - Measure and determine if extra columns need to be added to gridB (locked columns should not count towards the delta as colFilling (adding extra columns) for locked columns is handled separately)
+      - Do a lockedColFill on gridB
+      - Tailor gridB by adding extra columns to end of gridB if required
+    */
+    const insertRows = (index, gridA, gridB, generator, comparator) => {
+        splitRows(gridA, index, comparator, generator.cell);
+        const locked = getLockedColumnsFromGrid(gridA);
+        const diff = measureWidth(gridA, gridB);
+        const delta = {
+            ...diff,
+            colDelta: diff.colDelta - locked.length
+        };
+        const fittedOldGrid = tailor(gridA, delta, generator);
+        const { cols: oldCols, rows: oldRows } = extractGridDetails(fittedOldGrid);
+        const newLocked = getLockedColumnsFromGrid(fittedOldGrid);
+        const secondDiff = measureWidth(gridB, gridA);
+        // Don't want the locked columns to count towards to the colDelta as column filling for locked columns is handled separately
+        const secondDelta = {
+            ...secondDiff,
+            colDelta: secondDiff.colDelta + newLocked.length
+        };
+        const fittedGridB = lockedColFill(gridB, generator, newLocked);
+        const fittedNewGrid = tailor(fittedGridB, secondDelta, generator);
+        return [
+            ...oldCols,
+            ...oldRows.slice(0, index),
+            ...fittedNewGrid,
+            ...oldRows.slice(index, oldRows.length)
+        ];
+    };
+
+    const cloneRow = (row, cloneCell, comparator, substitution) => clone$2(row, (elem) => substitution(elem, comparator), cloneCell);
+    // substitution :: (item, comparator) -> item
+    // example is the location of the cursor (the row index)
+    // index is the insert position (at - or after - example) (the row index)
+    const insertRowAt = (grid, index, example, comparator, substitution) => {
+        const { rows, cols } = extractGridDetails(grid);
+        const before = rows.slice(0, index);
+        const after = rows.slice(index);
+        const newRow = cloneRow(rows[example], (ex, c) => {
+            const withinSpan = index > 0 && index < rows.length && comparator(getCellElement(rows[index - 1], c), getCellElement(rows[index], c));
+            const ret = withinSpan ? getCell(rows[index], c) : elementnew(substitution(ex.element, comparator), true, ex.isLocked);
+            return ret;
+        }, comparator, substitution);
+        return [
+            ...cols,
+            ...before,
+            newRow,
+            ...after
+        ];
+    };
+    const getElementFor = (row, column, section, withinSpan, example, comparator, substitution) => {
+        if (section === 'colgroup' || !withinSpan) {
+            const cell = getCell(row, example);
+            // locked is explicitly set to false so the newly inserted column doesn't inherit example column locked state
+            return elementnew(substitution(cell.element, comparator), true, false);
+        }
+        else {
+            return getCell(row, column);
+        }
+    };
+    // substitution :: (item, comparator) -> item
+    // example is the location of the cursor (the column index)
+    // index is the insert position (at - or after - example) (the column index)
+    const insertColumnAt = (grid, index, example, comparator, substitution) => map$1(grid, (row) => {
+        const withinSpan = index > 0 && index < cellLength(row) && comparator(getCellElement(row, index - 1), getCellElement(row, index));
+        const sub = getElementFor(row, index, row.section, withinSpan, example, comparator, substitution);
+        return addCell(row, index, sub);
+    });
+    const deleteColumnsAt = (grid, columns) => bind$2(grid, (row) => {
+        const existingCells = row.cells;
+        const cells = foldr(columns, (acc, column) => column >= 0 && column < acc.length ? acc.slice(0, column).concat(acc.slice(column + 1)) : acc, existingCells);
+        return cells.length > 0 ? [rowcells(row.element, cells, row.section, row.isNew)] : [];
+    });
+    const deleteRowsAt = (grid, start, finish) => {
+        const { rows, cols } = extractGridDetails(grid);
+        return [
+            ...cols,
+            ...rows.slice(0, start),
+            ...rows.slice(finish + 1)
+        ];
+    };
+
+    const notInStartRow = (grid, rowIndex, colIndex, comparator) => getCellElement(grid[rowIndex], colIndex) !== undefined && (rowIndex > 0 && comparator(getCellElement(grid[rowIndex - 1], colIndex), getCellElement(grid[rowIndex], colIndex)));
+    const notInStartColumn = (row, index, comparator) => index > 0 && comparator(getCellElement(row, index - 1), getCellElement(row, index));
+    // This checks for cells that aren't in the "start" position as the model will create duplicate element references for
+    // each column/row that the cell spans. As an example, for a merged cell with rowspan="2", the cell in the second row is a duplicate
+    // of the cell in the first row.
+    const isDuplicatedCell = (grid, rowIndex, colIndex, comparator) => notInStartRow(grid, rowIndex, colIndex, comparator) || notInStartColumn(grid[rowIndex], colIndex, comparator);
+    const rowReplacerPredicate = (targetRow, columnHeaders) => {
+        const entireTableIsHeader = forall(columnHeaders, identity) && isHeaderCells(targetRow.cells);
+        return entireTableIsHeader ? always : (cell, _rowIndex, colIndex) => {
+            const type = name(cell.element);
+            return !(type === 'th' && columnHeaders[colIndex]);
+        };
+    };
+    const columnReplacePredicate = (targetColumn, rowHeaders) => {
+        const entireTableIsHeader = forall(rowHeaders, identity) && isHeaderCells(targetColumn);
+        return entireTableIsHeader ? always : (cell, rowIndex, _colIndex) => {
+            const type = name(cell.element);
+            return !(type === 'th' && rowHeaders[rowIndex]);
+        };
+    };
+    const determineScope = (applyScope, cell, newScope, isInHeader) => {
+        const hasSpan = (scope) => scope === 'row' ? hasRowspan(cell) : hasColspan(cell);
+        const getScope = (scope) => hasSpan(scope) ? `${scope}group` : scope;
+        if (applyScope) {
+            return isHeaderCell(cell) ? getScope(newScope) : null;
+        }
+        else if (isInHeader && isHeaderCell(cell)) {
+            // The cell is still in a header row/column so ensure the right scope is reverted to
+            const oppositeScope = newScope === 'row' ? 'col' : 'row';
+            return getScope(oppositeScope);
+        }
+        else {
+            // No longer a header so ensure the scope is removed
+            return null;
+        }
+    };
+    const rowScopeGenerator = (applyScope, columnHeaders) => (cell, rowIndex, columnIndex) => Optional?.some(determineScope(applyScope, cell.element, 'col', columnHeaders[columnIndex]));
+    const columnScopeGenerator = (applyScope, rowHeaders) => (cell, rowIndex) => Optional?.some(determineScope(applyScope, cell.element, 'row', rowHeaders[rowIndex]));
+    const replace = (cell, comparator, substitute) => elementnew(substitute(cell.element, comparator), true, cell.isLocked);
+    const replaceIn = (grid, targets, comparator, substitute, replacer, genScope, shouldReplace) => {
+        const isTarget = (cell) => {
+            return exists(targets, (target) => {
+                return comparator(cell.element, target.element);
+            });
+        };
+        return map$1(grid, (row, rowIndex) => {
+            return mapCells(row, (cell, colIndex) => {
+                if (isTarget(cell)) {
+                    const newCell = shouldReplace(cell, rowIndex, colIndex) ? replacer(cell, comparator, substitute) : cell;
+                    // Update the scope
+                    genScope(newCell, rowIndex, colIndex).each((scope) => {
+                        setOptions(newCell.element, { scope: Optional.from(scope) });
+                    });
+                    return newCell;
+                }
+                else {
+                    return cell;
+                }
+            });
+        });
+    };
+    const getColumnCells = (rows, columnIndex, comparator) => bind$2(rows, (row, i) => {
+        // check if already added.
+        return isDuplicatedCell(rows, i, columnIndex, comparator) ? [] : [getCell(row, columnIndex)];
+    });
+    const getRowCells = (rows, rowIndex, comparator) => {
+        const targetRow = rows[rowIndex];
+        return bind$2(targetRow.cells, (item, i) => {
+            // Check that we haven't already added this one.
+            return isDuplicatedCell(rows, rowIndex, i, comparator) ? [] : [item];
+        });
+    };
+    const replaceColumns = (grid, indexes, applyScope, comparator, substitution) => {
+        // Make this efficient later.
+        const rows = extractGridDetails(grid).rows;
+        const targets = bind$2(indexes, (index) => getColumnCells(rows, index, comparator));
+        const rowHeaders = map$1(rows, (row) => isHeaderCells(row.cells));
+        const shouldReplaceCell = columnReplacePredicate(targets, rowHeaders);
+        const scopeGenerator = columnScopeGenerator(applyScope, rowHeaders);
+        return replaceIn(grid, targets, comparator, substitution, replace, scopeGenerator, shouldReplaceCell);
+    };
+    const replaceRows = (grid, indexes, section, applyScope, comparator, substitution, tableSection) => {
+        const { cols, rows } = extractGridDetails(grid);
+        const targetRow = rows[indexes[0]];
+        const targets = bind$2(indexes, (index) => getRowCells(rows, index, comparator));
+        const columnHeaders = map$1(targetRow.cells, (_cell, index) => isHeaderCells(getColumnCells(rows, index, comparator)));
+        // Transform and replace the target row
+        // TODO: TINY-7776: This doesn't deal with rowspans which can break the layout when moving to a new section
+        const newRows = [...rows];
+        each$2(indexes, (index) => {
+            newRows[index] = tableSection.transformRow(rows[index], section);
+        });
+        const newGrid = [...cols, ...newRows];
+        const shouldReplaceCell = rowReplacerPredicate(targetRow, columnHeaders);
+        const scopeGenerator = rowScopeGenerator(applyScope, columnHeaders);
+        return replaceIn(newGrid, targets, comparator, substitution, tableSection.transformCell, scopeGenerator, shouldReplaceCell);
+    };
+    const replaceCells = (grid, details, comparator, substitution) => {
+        const rows = extractGridDetails(grid).rows;
+        const targetCells = map$1(details, (detail) => getCell(rows[detail.row], detail.column));
+        return replaceIn(grid, targetCells, comparator, substitution, replace, Optional.none, always);
+    };
+
+    const uniqueColumns = (details) => {
+        const uniqueCheck = (rest, detail) => {
+            const columnExists = exists(rest, (currentDetail) => currentDetail.column === detail.column);
+            return columnExists ? rest : rest.concat([detail]);
+        };
+        return foldl(details, uniqueCheck, []).sort((detailA, detailB) => detailA.column - detailB.column);
+    };
+
+    // This uses a slight variation to the default `ContentEditable.isEditable` behaviour,
+    // as when the element is detached we assume it is editable because it is a new cell.
+    const isEditable = (elem) => isEditable$1(elem, true);
+    const prune = (table) => {
+        const cells = cells$1(table);
+        if (cells.length === 0) {
+            remove$5(table);
+        }
+    };
+    const outcome = (grid, cursor) => ({
+        grid,
+        cursor
+    });
+    const findEditableCursorPosition = (rows) => findMap(rows, (row) => findMap(row.cells, (cell) => {
+        const elem = cell.element;
+        return someIf(isEditable(elem), elem);
+    }));
+    const elementFromGrid = (grid, row, column) => {
+        var _a, _b;
+        const rows = extractGridDetails(grid).rows;
+        return Optional.from((_b = (_a = rows[row]) === null || _a === void 0 ? void 0 : _a.cells[column]) === null || _b === void 0 ? void 0 : _b.element)
+            .filter(isEditable)
+            // Fallback to the first valid position in the table
+            .orThunk(() => findEditableCursorPosition(rows));
+    };
+    const bundle = (grid, row, column) => {
+        const cursorElement = elementFromGrid(grid, row, column);
+        return outcome(grid, cursorElement);
+    };
+    const uniqueRows = (details) => {
+        const rowCompilation = (rest, detail) => {
+            const rowExists = exists(rest, (currentDetail) => currentDetail.row === detail.row);
+            return rowExists ? rest : rest.concat([detail]);
+        };
+        return foldl(details, rowCompilation, []).sort((detailA, detailB) => detailA.row - detailB.row);
+    };
+    const opInsertRowsBefore = (grid, details, comparator, genWrappers) => {
+        const targetIndex = details[0].row;
+        const rows = uniqueRows(details);
+        const newGrid = foldr(rows, (acc, row) => {
+            const newG = insertRowAt(acc.grid, targetIndex, row.row + acc.delta, comparator, genWrappers.getOrInit);
+            return { grid: newG, delta: acc.delta + 1 };
+        }, { grid, delta: 0 }).grid;
+        return bundle(newGrid, targetIndex, details[0].column);
+    };
+    const opInsertRowsAfter = (grid, details, comparator, genWrappers) => {
+        const rows = uniqueRows(details);
+        const target = rows[rows.length - 1];
+        const targetIndex = target.row + target.rowspan;
+        const newGrid = foldr(rows, (newG, row) => {
+            return insertRowAt(newG, targetIndex, row.row, comparator, genWrappers.getOrInit);
+        }, grid);
+        return bundle(newGrid, targetIndex, details[0].column);
+    };
+    const opInsertColumnsBefore = (grid, extractDetail, comparator, genWrappers) => {
+        const details = extractDetail.details;
+        const columns = uniqueColumns(details);
+        const targetIndex = columns[0].column;
+        const newGrid = foldr(columns, (acc, col) => {
+            const newG = insertColumnAt(acc.grid, targetIndex, col.column + acc.delta, comparator, genWrappers.getOrInit);
+            return { grid: newG, delta: acc.delta + 1 };
+        }, { grid, delta: 0 }).grid;
+        return bundle(newGrid, details[0].row, targetIndex);
+    };
+    const opInsertColumnsAfter = (grid, extractDetail, comparator, genWrappers) => {
+        const details = extractDetail.details;
+        const target = details[details.length - 1];
+        const targetIndex = target.column + target.colspan;
+        const columns = uniqueColumns(details);
+        const newGrid = foldr(columns, (newG, col) => {
+            return insertColumnAt(newG, targetIndex, col.column, comparator, genWrappers.getOrInit);
+        }, grid);
+        return bundle(newGrid, details[0].row, targetIndex);
+    };
+    const opMakeColumnsHeader = (initialGrid, details, comparator, genWrappers) => {
+        const columns = uniqueColumns(details);
+        const columnIndexes = map$1(columns, (detail) => detail.column);
+        const newGrid = replaceColumns(initialGrid, columnIndexes, true, comparator, genWrappers.replaceOrInit);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const opMakeCellsHeader = (initialGrid, details, comparator, genWrappers) => {
+        const newGrid = replaceCells(initialGrid, details, comparator, genWrappers.replaceOrInit);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const opUnmakeColumnsHeader = (initialGrid, details, comparator, genWrappers) => {
+        const columns = uniqueColumns(details);
+        const columnIndexes = map$1(columns, (detail) => detail.column);
+        const newGrid = replaceColumns(initialGrid, columnIndexes, false, comparator, genWrappers.replaceOrInit);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const opUnmakeCellsHeader = (initialGrid, details, comparator, genWrappers) => {
+        const newGrid = replaceCells(initialGrid, details, comparator, genWrappers.replaceOrInit);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const makeRowsSection = (section, applyScope) => (initialGrid, details, comparator, genWrappers, tableSection) => {
+        const rows = uniqueRows(details);
+        const rowIndexes = map$1(rows, (detail) => detail.row);
+        const newGrid = replaceRows(initialGrid, rowIndexes, section, applyScope, comparator, genWrappers.replaceOrInit, tableSection);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const opMakeRowsHeader = makeRowsSection('thead', true);
+    const opMakeRowsBody = makeRowsSection('tbody', false);
+    const opMakeRowsFooter = makeRowsSection('tfoot', false);
+    const opEraseColumns = (grid, extractDetail, _comparator, _genWrappers) => {
+        const columns = uniqueColumns(extractDetail.details);
+        const newGrid = deleteColumnsAt(grid, map$1(columns, (column) => column.column));
+        const maxColIndex = newGrid.length > 0 ? newGrid[0].cells.length - 1 : 0;
+        return bundle(newGrid, columns[0].row, Math.min(columns[0].column, maxColIndex));
+    };
+    const opEraseRows = (grid, details, _comparator, _genWrappers) => {
+        const rows = uniqueRows(details);
+        const newGrid = deleteRowsAt(grid, rows[0].row, rows[rows.length - 1].row);
+        const maxRowIndex = Math.max(extractGridDetails(newGrid).rows.length - 1, 0);
+        return bundle(newGrid, Math.min(details[0].row, maxRowIndex), details[0].column);
+    };
+    const opMergeCells = (grid, mergable, comparator, genWrappers) => {
+        const cells = mergable.cells;
+        merge$2(cells);
+        const newGrid = merge$1(grid, mergable.bounds, comparator, genWrappers.merge(cells));
+        return outcome(newGrid, Optional.from(cells[0]));
+    };
+    const opUnmergeCells = (grid, unmergable, comparator, genWrappers) => {
+        const unmerge$1 = (b, cell) => unmerge(b, cell, comparator, genWrappers.unmerge(cell));
+        const newGrid = foldr(unmergable, unmerge$1, grid);
+        return outcome(newGrid, Optional.from(unmergable[0]));
+    };
+    const opPasteCells = (grid, pasteDetails, comparator, _genWrappers) => {
+        const gridify = (table, generators) => {
+            const wh = Warehouse.fromTable(table);
+            return toGrid(wh, generators, true);
+        };
+        const gridB = gridify(pasteDetails.clipboard, pasteDetails.generators);
+        const startAddress = address(pasteDetails.row, pasteDetails.column);
+        const mergedGrid = merge(startAddress, grid, gridB, pasteDetails.generators, comparator);
+        return mergedGrid.fold(() => outcome(grid, Optional?.some(pasteDetails.element)), (newGrid) => {
+            return bundle(newGrid, pasteDetails.row, pasteDetails.column);
+        });
+    };
+    const gridifyRows = (rows, generators, context) => {
+        const pasteDetails = fromPastedRows(rows, context.section);
+        const wh = Warehouse.generate(pasteDetails);
+        return toGrid(wh, generators, true);
+    };
+    const opPasteColsBefore = (grid, pasteDetails, comparator, _genWrappers) => {
+        const rows = extractGridDetails(grid).rows;
+        const index = pasteDetails.cells[0].column;
+        const context = rows[pasteDetails.cells[0].row];
+        const gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+        const mergedGrid = insertCols(index, grid, gridB, pasteDetails.generators, comparator);
+        return bundle(mergedGrid, pasteDetails.cells[0].row, pasteDetails.cells[0].column);
+    };
+    const opPasteColsAfter = (grid, pasteDetails, comparator, _genWrappers) => {
+        const rows = extractGridDetails(grid).rows;
+        const index = pasteDetails.cells[pasteDetails.cells.length - 1].column + pasteDetails.cells[pasteDetails.cells.length - 1].colspan;
+        const context = rows[pasteDetails.cells[0].row];
+        const gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+        const mergedGrid = insertCols(index, grid, gridB, pasteDetails.generators, comparator);
+        return bundle(mergedGrid, pasteDetails.cells[0].row, index);
+    };
+    const opPasteRowsBefore = (grid, pasteDetails, comparator, _genWrappers) => {
+        const rows = extractGridDetails(grid).rows;
+        const index = pasteDetails.cells[0].row;
+        const context = rows[index];
+        const gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+        const mergedGrid = insertRows(index, grid, gridB, pasteDetails.generators, comparator);
+        return bundle(mergedGrid, pasteDetails.cells[0].row, pasteDetails.cells[0].column);
+    };
+    const opPasteRowsAfter = (grid, pasteDetails, comparator, _genWrappers) => {
+        const rows = extractGridDetails(grid).rows;
+        const index = pasteDetails.cells[pasteDetails.cells.length - 1].row + pasteDetails.cells[pasteDetails.cells.length - 1].rowspan;
+        const context = rows[pasteDetails.cells[0].row];
+        const gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+        const mergedGrid = insertRows(index, grid, gridB, pasteDetails.generators, comparator);
+        return bundle(mergedGrid, index, pasteDetails.cells[0].column);
+    };
+    const opGetColumnsType = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onCells(house, target);
+        return details.bind((selectedCells) => {
+            const lastSelectedCell = selectedCells[selectedCells.length - 1];
+            const minColRange = selectedCells[0].column;
+            const maxColRange = lastSelectedCell.column + lastSelectedCell.colspan;
+            const selectedColumnCells = flatten(map$1(house.all, (row) => filter$2(row.cells, (cell) => cell.column >= minColRange && cell.column < maxColRange)));
+            return findCommonCellType(selectedColumnCells);
+        }).getOr('');
+    };
+    const opGetCellsType = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onCells(house, target);
+        return details.bind(findCommonCellType).getOr('');
+    };
+    const opGetRowsType = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onCells(house, target);
+        return details.bind((selectedCells) => {
+            const lastSelectedCell = selectedCells[selectedCells.length - 1];
+            const minRowRange = selectedCells[0].row;
+            const maxRowRange = lastSelectedCell.row + lastSelectedCell.rowspan;
+            const selectedRows = house.all.slice(minRowRange, maxRowRange);
+            return findCommonRowType(selectedRows);
+        }).getOr('');
+    };
+    // Only column modifications force a resizing. Everything else just tries to preserve the table as is.
+    const resize = (table, list, details, behaviours) => adjustWidthTo(table, list, details, behaviours.sizing);
+    const adjustAndRedistributeWidths = (table, list, details, behaviours) => adjustAndRedistributeWidths$1(table, list, details, behaviours.sizing, behaviours.resize);
+    // Custom selection extractors
+    const firstColumnIsLocked = (_warehouse, details) => exists(details, (detail) => detail.column === 0 && detail.isLocked);
+    // TODO: Maybe have an Arr.existsR which would be more efficient for most cases below
+    const lastColumnIsLocked = (warehouse, details) => exists(details, (detail) => detail.column + detail.colspan >= warehouse.grid.columns && detail.isLocked);
+    const getColumnsWidth = (warehouse, details) => {
+        const columns$1 = columns(warehouse);
+        const uniqueCols = uniqueColumns(details);
+        return foldl(uniqueCols, (acc, detail) => {
+            const column = columns$1[detail.column];
+            const colWidth = column?.map(getOuter).getOr(0);
+            return acc + colWidth;
+        }, 0);
+    };
+    const insertColumnsExtractor = (before) => (warehouse, target) => onCells(warehouse, target).filter((details) => {
+        const checkLocked = before ? firstColumnIsLocked : lastColumnIsLocked;
+        return !checkLocked(warehouse, details);
+    })?.map((details) => ({
+        details,
+        pixelDelta: getColumnsWidth(warehouse, details),
+    }));
+    const eraseColumnsExtractor = (warehouse, target) => onUnlockedCells(warehouse, target)?.map((details) => ({
+        details,
+        pixelDelta: -getColumnsWidth(warehouse, details), // needs to be negative as we are removing columns
+    }));
+    const pasteColumnsExtractor = (before) => (warehouse, target) => onPasteByEditor(warehouse, target).filter((details) => {
+        const checkLocked = before ? firstColumnIsLocked : lastColumnIsLocked;
+        return !checkLocked(warehouse, details.cells);
+    });
+    const headerCellGenerator = Generators.transform('th');
+    const bodyCellGenerator = Generators.transform('td');
+    const insertRowsBefore = (table, target, generators, behaviours) => run(opInsertRowsBefore, onCells, noop, noop, Generators.modification, table, target, generators, behaviours);
+    const insertRowsAfter = (table, target, generators, behaviours) => run(opInsertRowsAfter, onCells, noop, noop, Generators.modification, table, target, generators, behaviours);
+    const insertColumnsBefore = (table, target, generators, behaviours) => run(opInsertColumnsBefore, insertColumnsExtractor(true), adjustAndRedistributeWidths, noop, Generators.modification, table, target, generators, behaviours);
+    const insertColumnsAfter = (table, target, generators, behaviours) => run(opInsertColumnsAfter, insertColumnsExtractor(false), adjustAndRedistributeWidths, noop, Generators.modification, table, target, generators, behaviours);
+    const eraseColumns = (table, target, generators, behaviours) => run(opEraseColumns, eraseColumnsExtractor, adjustAndRedistributeWidths, prune, Generators.modification, table, target, generators, behaviours);
+    const eraseRows = (table, target, generators, behaviours) => run(opEraseRows, onCells, noop, prune, Generators.modification, table, target, generators, behaviours);
+    const makeColumnsHeader = (table, target, generators, behaviours) => run(opMakeColumnsHeader, onUnlockedCells, noop, noop, headerCellGenerator, table, target, generators, behaviours);
+    const unmakeColumnsHeader = (table, target, generators, behaviours) => run(opUnmakeColumnsHeader, onUnlockedCells, noop, noop, bodyCellGenerator, table, target, generators, behaviours);
+    const makeRowsHeader = (table, target, generators, behaviours) => run(opMakeRowsHeader, onCells, noop, noop, headerCellGenerator, table, target, generators, behaviours);
+    const makeRowsBody = (table, target, generators, behaviours) => run(opMakeRowsBody, onCells, noop, noop, bodyCellGenerator, table, target, generators, behaviours);
+    const makeRowsFooter = (table, target, generators, behaviours) => run(opMakeRowsFooter, onCells, noop, noop, bodyCellGenerator, table, target, generators, behaviours);
+    const makeCellsHeader = (table, target, generators, behaviours) => run(opMakeCellsHeader, onUnlockedCells, noop, noop, headerCellGenerator, table, target, generators, behaviours);
+    const unmakeCellsHeader = (table, target, generators, behaviours) => run(opUnmakeCellsHeader, onUnlockedCells, noop, noop, bodyCellGenerator, table, target, generators, behaviours);
+    const mergeCells = (table, target, generators, behaviours) => run(opMergeCells, onUnlockedMergable, resize, noop, Generators.merging, table, target, generators, behaviours);
+    const unmergeCells = (table, target, generators, behaviours) => run(opUnmergeCells, onUnlockedUnmergable, resize, noop, Generators.merging, table, target, generators, behaviours);
+    const pasteCells = (table, target, generators, behaviours) => run(opPasteCells, onPaste, resize, noop, Generators.modification, table, target, generators, behaviours);
+    const pasteColsBefore = (table, target, generators, behaviours) => run(opPasteColsBefore, pasteColumnsExtractor(true), noop, noop, Generators.modification, table, target, generators, behaviours);
+    const pasteColsAfter = (table, target, generators, behaviours) => run(opPasteColsAfter, pasteColumnsExtractor(false), noop, noop, Generators.modification, table, target, generators, behaviours);
+    const pasteRowsBefore = (table, target, generators, behaviours) => run(opPasteRowsBefore, onPasteByEditor, noop, noop, Generators.modification, table, target, generators, behaviours);
+    const pasteRowsAfter = (table, target, generators, behaviours) => run(opPasteRowsAfter, onPasteByEditor, noop, noop, Generators.modification, table, target, generators, behaviours);
+    const getColumnsType = opGetColumnsType;
+    const getCellsType = opGetCellsType;
+    const getRowsType = opGetRowsType;
+
+    const inSelection = (bounds, detail) => {
+        const leftEdge = detail.column;
+        const rightEdge = detail.column + detail.colspan - 1;
+        const topEdge = detail.row;
+        const bottomEdge = detail.row + detail.rowspan - 1;
+        return (leftEdge <= bounds.finishCol && rightEdge >= bounds.startCol) && (topEdge <= bounds.finishRow && bottomEdge >= bounds.startRow);
+    };
+    // Note, something is *within* if it is completely contained within the bounds.
+    const isWithin = (bounds, detail) => {
+        return (detail.column >= bounds.startCol &&
+            (detail.column + detail.colspan - 1) <= bounds.finishCol &&
+            detail.row >= bounds.startRow &&
+            (detail.row + detail.rowspan - 1) <= bounds.finishRow);
+    };
+    const isRectangular = (warehouse, bounds) => {
+        let isRect = true;
+        const detailIsWithin = curry(isWithin, bounds);
+        for (let i = bounds.startRow; i <= bounds.finishRow; i++) {
+            for (let j = bounds.startCol; j <= bounds.finishCol; j++) {
+                isRect = isRect && Warehouse.getAt(warehouse, i, j).exists(detailIsWithin);
+            }
+        }
+        return isRect ? Optional?.some(bounds) : Optional.none();
+    };
+
+    const getBounds = (detailA, detailB) => {
+        return bounds(Math.min(detailA.row, detailB.row), Math.min(detailA.column, detailB.column), Math.max(detailA.row + detailA.rowspan - 1, detailB.row + detailB.rowspan - 1), Math.max(detailA.column + detailA.colspan - 1, detailB.column + detailB.colspan - 1));
+    };
+    const getAnyBox = (warehouse, startCell, finishCell) => {
+        const startCoords = Warehouse.findItem(warehouse, startCell, eq$1);
+        const finishCoords = Warehouse.findItem(warehouse, finishCell, eq$1);
+        return startCoords.bind((sc) => {
+            return finishCoords?.map((fc) => {
+                return getBounds(sc, fc);
+            });
+        });
+    };
+    const getBox$1 = (warehouse, startCell, finishCell) => {
+        return getAnyBox(warehouse, startCell, finishCell).bind((bounds) => {
+            return isRectangular(warehouse, bounds);
+        });
+    };
+
+    const moveBy$1 = (warehouse, cell, row, column) => {
+        return Warehouse.findItem(warehouse, cell, eq$1).bind((detail) => {
+            const startRow = row > 0 ? detail.row + detail.rowspan - 1 : detail.row;
+            const startCol = column > 0 ? detail.column + detail.colspan - 1 : detail.column;
+            const dest = Warehouse.getAt(warehouse, startRow + row, startCol + column);
+            return dest?.map((d) => {
+                return d.element;
+            });
+        });
+    };
+    const intercepts$1 = (warehouse, start, finish) => {
+        return getAnyBox(warehouse, start, finish)?.map((bounds) => {
+            const inside = Warehouse.filterItems(warehouse, curry(inSelection, bounds));
+            return map$1(inside, (detail) => {
+                return detail.element;
+            });
+        });
+    };
+    const parentCell = (warehouse, innerCell) => {
+        const isContainedBy = (c1, c2) => {
+            return contains(c2, c1);
+        };
+        return Warehouse.findItem(warehouse, innerCell, isContainedBy)?.map((detail) => {
+            return detail.element;
+        });
+    };
+
+    const moveBy = (cell, deltaRow, deltaColumn) => {
+        return table(cell).bind((table) => {
+            const warehouse = getWarehouse(table);
+            return moveBy$1(warehouse, cell, deltaRow, deltaColumn);
+        });
+    };
+    const intercepts = (table, first, last) => {
+        const warehouse = getWarehouse(table);
+        return intercepts$1(warehouse, first, last);
+    };
+    const nestedIntercepts = (table, first, firstTable, last, lastTable) => {
+        const warehouse = getWarehouse(table);
+        const optStartCell = eq$1(table, firstTable) ? Optional?.some(first) : parentCell(warehouse, first);
+        const optLastCell = eq$1(table, lastTable) ? Optional?.some(last) : parentCell(warehouse, last);
+        return optStartCell.bind((startCell) => optLastCell.bind((lastCell) => intercepts$1(warehouse, startCell, lastCell)));
+    };
+    const getBox = (table, first, last) => {
+        const warehouse = getWarehouse(table);
+        return getBox$1(warehouse, first, last);
+    };
+    // Private method ... keep warehouse in snooker, please.
+    const getWarehouse = Warehouse.fromTable;
+
+    const DefaultRenderOptions = {
+        styles: {
+            'border-collapse': 'collapse',
+            'width': '100%'
+        },
+        attributes: {
+            border: '1'
+        },
+        colGroups: false
+    };
+    const tableHeaderCell = () => SugarElement.fromTag('th');
+    const tableCell = () => SugarElement.fromTag('td');
+    const tableColumn = () => SugarElement.fromTag('col');
+    const createRow = (columns, rowHeaders, columnHeaders, rowIndex) => {
+        const tr = SugarElement.fromTag('tr');
+        for (let j = 0; j < columns; j++) {
+            const td = rowIndex < rowHeaders || j < columnHeaders ? tableHeaderCell() : tableCell();
+            if (j < columnHeaders) {
+                set$2(td, 'scope', 'row');
+            }
+            if (rowIndex < rowHeaders) {
+                set$2(td, 'scope', 'col');
+            }
+            // Note, this is a placeholder so that the cells have height. The unicode character didn't work in IE10.
+            append$1(td, SugarElement.fromTag('br'));
+            append$1(tr, td);
+        }
+        return tr;
+    };
+    const createGroupRow = (columns) => {
+        const columnGroup = SugarElement.fromTag('colgroup');
+        range$1(columns, () => append$1(columnGroup, tableColumn()));
+        return columnGroup;
+    };
+    const createRows = (rows, columns, rowHeaders, columnHeaders) => range$1(rows, (r) => createRow(columns, rowHeaders, columnHeaders, r));
+    const render = (rows, columns, rowHeaders, columnHeaders, headerType, renderOpts = DefaultRenderOptions) => {
+        const table = SugarElement.fromTag('table');
+        const rowHeadersGoInThead = headerType !== 'cells';
+        setAll(table, renderOpts.styles);
+        setAll$1(table, renderOpts.attributes);
+        if (renderOpts.colGroups) {
+            append$1(table, createGroupRow(columns));
+        }
+        const actualRowHeaders = Math.min(rows, rowHeaders);
+        if (rowHeadersGoInThead && rowHeaders > 0) {
+            const thead = SugarElement.fromTag('thead');
+            append$1(table, thead);
+            const theadRowHeaders = headerType === 'sectionCells' ? actualRowHeaders : 0;
+            const theadRows = createRows(rowHeaders, columns, theadRowHeaders, columnHeaders);
+            append(thead, theadRows);
+        }
+        const tbody = SugarElement.fromTag('tbody');
+        append$1(table, tbody);
+        const numRows = rowHeadersGoInThead ? rows - actualRowHeaders : rows;
+        const numRowHeaders = rowHeadersGoInThead ? 0 : rowHeaders;
+        const tbodyRows = createRows(numRows, columns, numRowHeaders, columnHeaders);
+        append(tbody, tbodyRows);
+        return table;
+    };
+
+    const Event = (fields) => {
+        let handlers = [];
+        const bind = (handler) => {
+            if (handler === undefined) {
+                throw new Error('Event bind error: undefined handler');
+            }
+            handlers.push(handler);
+        };
+        const unbind = (handler) => {
+            // This is quite a bit slower than handlers.splice() but we hate mutation.
+            // Unbind isn't used very often so it should be ok.
+            handlers = filter$2(handlers, (h) => {
+                return h !== handler;
+            });
+        };
+        const trigger = (...args) => {
+            const event = {};
+            each$2(fields, (name, i) => {
+                event[name] = args[i];
+            });
+            each$2(handlers, (handler) => {
+                handler(event);
+            });
+        };
+        return {
+            bind,
+            unbind,
+            trigger
+        };
+    };
+
+    /** :: {name : Event} -> Events */
+    const create$3 = (typeDefs) => {
+        const registry = map(typeDefs, (event) => {
+            return {
+                bind: event.bind,
+                unbind: event.unbind
+            };
+        });
+        const trigger = map(typeDefs, (event) => {
+            return event.trigger;
+        });
+        return {
+            registry,
+            trigger
+        };
+    };
+
+    const DragMode = exactly([
+        'compare',
+        'extract',
+        'mutate',
+        'sink'
+    ]);
+    const DragSink = exactly([
+        'element',
+        'start',
+        'stop',
+        'destroy'
+    ]);
+    const DragApi = exactly([
+        'forceDrop',
+        'drop',
+        'move',
+        'delayDrop'
+    ]);
+
+    const InDrag = () => {
+        let previous = Optional.none();
+        const reset = () => {
+            previous = Optional.none();
+        };
+        // Return position delta between previous position and nu position,
+        // or None if this is the first. Set the previous position to nu.
+        const update = (mode, nu) => {
+            const result = previous?.map((old) => {
+                return mode.compare(old, nu);
+            });
+            previous = Optional?.some(nu);
+            return result;
+        };
+        const onEvent = (event, mode) => {
+            const dataOption = mode.extract(event);
+            // Dragster move events require a position delta. The moveevent is only triggered
+            // on the second and subsequent dragster move events. The first is dropped.
+            dataOption.each((data) => {
+                const offset = update(mode, data);
+                offset.each((d) => {
+                    events.trigger.move(d);
+                });
+            });
+        };
+        const events = create$3({
+            move: Event(['info'])
+        });
+        return {
+            onEvent,
+            reset,
+            events: events.registry
+        };
+    };
+
+    const NoDrag = () => {
+        const events = create$3({
+            move: Event(['info'])
+        });
+        return {
+            onEvent: noop,
+            reset: noop,
+            events: events.registry
+        };
+    };
+
+    const Movement = () => {
+        const noDragState = NoDrag();
+        const inDragState = InDrag();
+        let dragState = noDragState;
+        const on = () => {
+            dragState.reset();
+            dragState = inDragState;
+        };
+        const off = () => {
+            dragState.reset();
+            dragState = noDragState;
+        };
+        const onEvent = (event, mode) => {
+            dragState.onEvent(event, mode);
+        };
+        const isOn = () => {
+            return dragState === inDragState;
+        };
+        return {
+            on,
+            off,
+            isOn,
+            onEvent,
+            events: inDragState.events
+        };
+    };
+
+    const setup = (mutation, mode, settings) => {
+        let active = false;
+        const events = create$3({
+            start: Event([]),
+            stop: Event([])
+        });
+        const movement = Movement();
+        const drop = () => {
+            sink.stop();
+            if (movement.isOn()) {
+                movement.off();
+                events.trigger.stop();
+            }
+        };
+        const throttledDrop = last$1(drop, 200);
+        const go = (parent) => {
+            sink.start(parent);
+            movement.on();
+            events.trigger.start();
+        };
+        const mousemove = (event) => {
+            throttledDrop.cancel();
+            movement.onEvent(event, mode);
+        };
+        movement.events.move.bind((event) => {
+            mode.mutate(mutation, event.info);
+        });
+        const on = () => {
+            active = true;
+        };
+        const off = () => {
+            active = false;
+            // acivate some events here?
+        };
+        const isActive = () => active;
+        const runIfActive = (f) => {
+            return (...args) => {
+                if (active) {
+                    f.apply(null, args);
+                }
+            };
+        };
+        const sink = mode.sink(DragApi({
+            // ASSUMPTION: runIfActive is not needed for mousedown. This is pretty much a safety measure for
+            // inconsistent situations so that we don't block input.
+            forceDrop: drop,
+            drop: runIfActive(drop),
+            move: runIfActive(mousemove),
+            delayDrop: runIfActive(throttledDrop.throttle)
+        }), settings);
+        const destroy = () => {
+            sink.destroy();
+        };
+        return {
+            element: sink.element,
+            go,
+            on,
+            off,
+            isActive,
+            destroy,
+            events: events.registry
+        };
+    };
+
+    const styles$1 = css('ephox-dragster');
+    const resolve$1 = styles$1.resolve;
+
+    const Blocker = (options) => {
+        const settings = {
+            layerClass: resolve$1('blocker'),
+            ...options
+        };
+        const div = SugarElement.fromTag('div');
+        set$2(div, 'role', 'presentation');
+        setAll(div, {
+            position: 'fixed',
+            left: '0px',
+            top: '0px',
+            width: '100%',
+            height: '100%'
+        });
+        add$1(div, resolve$1('blocker'));
+        add$1(div, settings.layerClass);
+        const element = constant(div);
+        const destroy = () => {
+            remove$5(div);
+        };
+        return {
+            element,
+            destroy
+        };
+    };
+
+    const compare = (old, nu) => {
+        return SugarPosition(nu.left - old.left, nu.top - old.top);
+    };
+    const extract = (event) => {
+        return Optional?.some(SugarPosition(event.x, event.y));
+    };
+    const mutate = (mutation, info) => {
+        mutation.mutate(info.left, info.top);
+    };
+    const sink = (dragApi, settings) => {
+        const blocker = Blocker(settings);
+        // Included for safety. If the blocker has stayed on the screen, get rid of it on a click.
+        const mdown = bind(blocker.element(), 'mousedown', dragApi.forceDrop);
+        const mup = bind(blocker.element(), 'mouseup', dragApi.drop);
+        const mmove = bind(blocker.element(), 'mousemove', dragApi.move);
+        const mout = bind(blocker.element(), 'mouseout', dragApi.delayDrop);
+        const destroy = () => {
+            blocker.destroy();
+            mup.unbind();
+            mmove.unbind();
+            mout.unbind();
+            mdown.unbind();
+        };
+        const start = (parent) => {
+            append$1(parent, blocker.element());
+        };
+        const stop = () => {
+            remove$5(blocker.element());
+        };
+        return DragSink({
+            element: blocker.element,
+            start,
+            stop,
+            destroy
+        });
+    };
+    var MouseDrag = DragMode({
+        compare,
+        extract,
+        sink,
+        mutate
+    });
+
+    const transform = (mutation, settings = {}) => {
+        var _a;
+        const mode = (_a = settings.mode) !== null && _a !== void 0 ? _a : MouseDrag;
+        return setup(mutation, mode, settings);
+    };
+
+    const styles = css('ephox-snooker');
+    const resolve = styles.resolve;
+
+    const Mutation = () => {
+        const events = create$3({
+            drag: Event(['xDelta', 'yDelta'])
+        });
+        const mutate = (x, y) => {
+            events.trigger.drag(x, y);
+        };
+        return {
+            mutate,
+            events: events.registry
+        };
+    };
+
+    const BarMutation = () => {
+        const events = create$3({
+            drag: Event(['xDelta', 'yDelta', 'target'])
+        });
+        let target = Optional.none();
+        const delegate = Mutation();
+        delegate.events.drag.bind((event) => {
+            target.each((t) => {
+                // There is always going to be this padding / border collapse / margin problem with widths. I'll have to resolve that.
+                events.trigger.drag(event.xDelta, event.yDelta, t);
+            });
+        });
+        const assign = (t) => {
+            target = Optional?.some(t);
+        };
+        const get = () => {
+            return target;
+        };
+        return {
+            assign,
+            get,
+            mutate: delegate.mutate,
+            events: events.registry
+        };
+    };
+
+    const col = (column, x, y, w, h) => {
+        const bar = SugarElement.fromTag('div');
+        setAll(bar, {
+            position: 'absolute',
+            left: x - w / 2 + 'px',
+            top: y + 'px',
+            height: h + 'px',
+            width: w + 'px'
+        });
+        setAll$1(bar, { 'data-mce-bogus': 'all', 'data-column': column, 'role': 'presentation' });
+        return bar;
+    };
+    const row = (r, x, y, w, h) => {
+        const bar = SugarElement.fromTag('div');
+        setAll(bar, {
+            position: 'absolute',
+            left: x + 'px',
+            top: y - h / 2 + 'px',
+            height: h + 'px',
+            width: w + 'px'
+        });
+        setAll$1(bar, { 'data-mce-bogus': 'all', 'data-row': r, 'role': 'presentation' });
+        return bar;
+    };
+
+    const resizeBar = resolve('resizer-bar');
+    const resizeRowBar = resolve('resizer-rows');
+    const resizeColBar = resolve('resizer-cols');
+    const BAR_THICKNESS = 7;
+    const resizableRows = (warehouse, isResizable) => bind$2(warehouse.all, (row, i) => isResizable(row.element) ? [i] : []);
+    const resizableColumns = (warehouse, isResizable) => {
+        const resizableCols = [];
+        // Check col elements and see if they are resizable
+        range$1(warehouse.grid.columns, (index) => {
+            // With use of forall, index will be included if col doesn't exist meaning the column cells will be checked below
+            const colElmOpt = Warehouse.getColumnAt(warehouse, index)?.map((col) => col.element);
+            if (colElmOpt.forall(isResizable)) {
+                resizableCols.push(index);
+            }
+        });
+        // Check cells of the resizable columns and make sure they are resizable
+        return filter$2(resizableCols, (colIndex) => {
+            const columnCells = Warehouse.filterItems(warehouse, (cell) => cell.column === colIndex);
+            return forall(columnCells, (cell) => isResizable(cell.element));
+        });
+    };
+    const destroy = (wire) => {
+        const previous = descendants(wire.parent(), '.' + resizeBar);
+        each$2(previous, remove$5);
+    };
+    const drawBar = (wire, positions, create) => {
+        const origin = wire.origin();
+        each$2(positions, (cpOption) => {
+            cpOption.each((cp) => {
+                const bar = create(origin, cp);
+                add$1(bar, resizeBar);
+                append$1(wire.parent(), bar);
+            });
+        });
+    };
+    const refreshCol = (wire, colPositions, position, tableHeight) => {
+        drawBar(wire, colPositions, (origin, cp) => {
+            const colBar = col(cp.col, cp.x - origin.left, position.top - origin.top, BAR_THICKNESS, tableHeight);
+            add$1(colBar, resizeColBar);
+            return colBar;
+        });
+    };
+    const refreshRow = (wire, rowPositions, position, tableWidth) => {
+        drawBar(wire, rowPositions, (origin, cp) => {
+            const rowBar = row(cp.row, position.left - origin.left, cp.y - origin.top, tableWidth, BAR_THICKNESS);
+            add$1(rowBar, resizeRowBar);
+            return rowBar;
+        });
+    };
+    const refreshGrid = (warhouse, wire, table, rows, cols) => {
+        const position = absolute(table);
+        const isResizable = wire.isResizable;
+        const rowPositions = rows.length > 0 ? height.positions(rows, table) : [];
+        const resizableRowBars = rowPositions.length > 0 ? resizableRows(warhouse, isResizable) : [];
+        const resizableRowPositions = filter$2(rowPositions, (_pos, i) => exists(resizableRowBars, (barIndex) => i === barIndex));
+        refreshRow(wire, resizableRowPositions, position, getOuter(table));
+        const colPositions = cols.length > 0 ? width.positions(cols, table) : [];
+        const resizableColBars = colPositions.length > 0 ? resizableColumns(warhouse, isResizable) : [];
+        const resizableColPositions = filter$2(colPositions, (_pos, i) => exists(resizableColBars, (barIndex) => i === barIndex));
+        refreshCol(wire, resizableColPositions, position, getOuter$1(table));
+    };
+    const refresh = (wire, table) => {
+        destroy(wire);
+        if (wire.isResizable(table)) {
+            const warehouse = Warehouse.fromTable(table);
+            const rows$1 = rows(warehouse);
+            const cols = columns(warehouse);
+            refreshGrid(warehouse, wire, table, rows$1, cols);
+        }
+    };
+    const each = (wire, f) => {
+        const bars = descendants(wire.parent(), '.' + resizeBar);
+        each$2(bars, f);
+    };
+    const hide = (wire) => {
+        each(wire, (bar) => {
+            set$1(bar, 'display', 'none');
+        });
+    };
+    const show = (wire) => {
+        each(wire, (bar) => {
+            set$1(bar, 'display', 'block');
+        });
+    };
+    const isRowBar = (element) => {
+        return has(element, resizeRowBar);
+    };
+    const isColBar = (element) => {
+        return has(element, resizeColBar);
+    };
+
+    const resizeBarDragging = resolve('resizer-bar-dragging');
+    const BarManager = (wire) => {
+        const mutation = BarMutation();
+        const resizing = transform(mutation, {});
+        let hoverTable = Optional.none();
+        const getResizer = (element, type) => {
+            return Optional.from(get$b(element, type));
+        };
+        /* Reposition the bar as the user drags */
+        mutation.events.drag.bind((event) => {
+            getResizer(event.target, 'data-row').each((_dataRow) => {
+                const currentRow = getCssValue(event.target, 'top');
+                set$1(event.target, 'top', currentRow + event.yDelta + 'px');
+            });
+            getResizer(event.target, 'data-column').each((_dataCol) => {
+                const currentCol = getCssValue(event.target, 'left');
+                set$1(event.target, 'left', currentCol + event.xDelta + 'px');
+            });
+        });
+        const getDelta = (target, dir) => {
+            const newX = getCssValue(target, dir);
+            const oldX = getAttrValue(target, 'data-initial-' + dir, 0);
+            return newX - oldX;
+        };
+        /* Resize the column once the user releases the mouse */
+        resizing.events.stop.bind(() => {
+            mutation.get().each((target) => {
+                hoverTable.each((table) => {
+                    getResizer(target, 'data-row').each((row) => {
+                        const delta = getDelta(target, 'top');
+                        remove$6(target, 'data-initial-top');
+                        events.trigger.adjustHeight(table, delta, parseInt(row, 10));
+                    });
+                    getResizer(target, 'data-column').each((column) => {
+                        const delta = getDelta(target, 'left');
+                        remove$6(target, 'data-initial-left');
+                        events.trigger.adjustWidth(table, delta, parseInt(column, 10));
+                    });
+                    refresh(wire, table);
+                });
+            });
+        });
+        const handler = (target, dir) => {
+            events.trigger.startAdjust();
+            mutation.assign(target);
+            set$2(target, 'data-initial-' + dir, getCssValue(target, dir));
+            add$1(target, resizeBarDragging);
+            set$1(target, 'opacity', '0.2');
+            resizing.go(wire.dragContainer());
+        };
+        /* mousedown on resize bar: start dragging when the bar is clicked, storing the initial position. */
+        const mousedown = bind(wire.parent(), 'mousedown', (event) => {
+            if (isRowBar(event.target)) {
+                handler(event.target, 'top');
+            }
+            if (isColBar(event.target)) {
+                handler(event.target, 'left');
+            }
+        });
+        const isRoot = (e) => {
+            return eq$1(e, wire.view());
+        };
+        const findClosestEditableTable = (target) => closest$1(target, 'table', isRoot).filter(isEditable$1);
+        const isResizer = (target) => has(target, 'ephox-snooker-resizer-bar') || has(target, 'ephox-dragster-blocker');
+        /* mouseover on table: When the mouse moves within the CONTENT AREA (NOT THE TABLE), refresh the bars. */
+        const mouseover = bind(wire.view(), 'mouseover', (event) => {
+            findClosestEditableTable(event.target).fold(() => {
+                /*
+                * mouseout is not reliable within ContentEditable, so for all other mouseover events we clear bars.
+                * This is fairly safe to do frequently; it's a single querySelectorAll() on the content and Arr.map on the result.
+                * If we _really_ need to optimise it further, we can start caching the bar references in the wire somehow.
+                *
+                * Because the resizers were moved into the editor for inline mode, we need to check if the event target is not a resizer.
+                */
+                if (inBody(event.target) && !isResizer(event.target)) {
+                    destroy(wire);
+                }
+            }, (table) => {
+                if (resizing.isActive()) {
+                    hoverTable = Optional?.some(table);
+                    refresh(wire, table);
+                }
+            });
+        });
+        const destroy$1 = () => {
+            mousedown.unbind();
+            mouseover.unbind();
+            resizing.destroy();
+            destroy(wire);
+        };
+        const refresh$1 = (tbl) => {
+            refresh(wire, tbl);
+        };
+        const events = create$3({
+            adjustHeight: Event(['table', 'delta', 'row']),
+            adjustWidth: Event(['table', 'delta', 'column']),
+            startAdjust: Event([])
+        });
+        return {
+            destroy: destroy$1,
+            refresh: refresh$1,
+            on: resizing.on,
+            off: resizing.off,
+            hideBars: curry(hide, wire),
+            showBars: curry(show, wire),
+            events: events.registry
+        };
+    };
+
+    const create$2 = (wire, resizing, lazySizing) => {
+        const hdirection = height;
+        const vdirection = width;
+        const manager = BarManager(wire);
+        const events = create$3({
+            beforeResize: Event(['table', 'type']),
+            afterResize: Event(['table', 'type']),
+            startDrag: Event([]),
+        });
+        manager.events.adjustHeight.bind((event) => {
+            const table = event.table;
+            events.trigger.beforeResize(table, 'row');
+            const delta = hdirection.delta(event.delta, table);
+            // TODO: Use the resizing behaviour for heights as well
+            adjustHeight(table, delta, event.row);
+            events.trigger.afterResize(table, 'row');
+        });
+        manager.events.startAdjust.bind((_event) => {
+            events.trigger.startDrag();
+        });
+        manager.events.adjustWidth.bind((event) => {
+            const table = event.table;
+            events.trigger.beforeResize(table, 'col');
+            const delta = vdirection.delta(event.delta, table);
+            const tableSize = lazySizing(table);
+            adjustWidth(table, delta, event.column, resizing, tableSize);
+            events.trigger.afterResize(table, 'col');
+        });
+        return {
+            on: manager.on,
+            off: manager.off,
+            refreshBars: manager.refresh,
+            hideBars: manager.hideBars,
+            showBars: manager.showBars,
+            destroy: manager.destroy,
+            events: events.registry
+        };
+    };
+    const TableResize = {
+        create: create$2
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    // Note: This is also contained in the table plugin Options.ts file
+    const defaultWidth = '100%';
+    const getPixelForcedWidth = (editor) => {
+        var _a;
+        // Determine the inner size of the parent block element where the table will be inserted
+        const dom = editor.dom;
+        const parentBlock = (_a = dom.getParent(editor.selection.getStart(), dom.isBlock)) !== null && _a !== void 0 ? _a : editor.getBody();
+        return getInner(SugarElement.fromDom(parentBlock)) + 'px';
+    };
+    // Note: This is also contained in the table plugin Options.ts file
+    const determineDefaultTableStyles = (editor, defaultStyles) => {
+        if (isTableResponsiveForced(editor) || !shouldStyleWithCss(editor)) {
+            return defaultStyles;
+        }
+        else if (isTablePixelsForced(editor)) {
+            return { ...defaultStyles, width: getPixelForcedWidth(editor) };
+        }
+        else {
+            return { ...defaultStyles, width: defaultWidth };
+        }
+    };
+    // Note: This is also contained in the table plugin Options.ts file
+    const determineDefaultTableAttributes = (editor, defaultAttributes) => {
+        if (isTableResponsiveForced(editor) || shouldStyleWithCss(editor)) {
+            return defaultAttributes;
+        }
+        else if (isTablePixelsForced(editor)) {
+            return { ...defaultAttributes, width: getPixelForcedWidth(editor) };
+        }
+        else {
+            return { ...defaultAttributes, width: defaultWidth };
+        }
+    };
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('table_clone_elements', {
+            processor: 'string[]'
+        });
+        registerOption('table_use_colgroups', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_header_type', {
+            processor: (value) => {
+                const valid = contains$2(['section', 'cells', 'sectionCells', 'auto'], value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be one of: section, cells, sectionCells or auto.' };
+            },
+            default: 'section'
+        });
+        registerOption('table_sizing_mode', {
+            processor: 'string',
+            default: 'auto'
+        });
+        registerOption('table_default_attributes', {
+            processor: 'object',
+            default: {
+                border: '1'
+            }
+        });
+        registerOption('table_default_styles', {
+            processor: 'object',
+            default: {
+                'border-collapse': 'collapse',
+            }
+        });
+        registerOption('table_column_resizing', {
+            processor: (value) => {
+                const valid = contains$2(['preservetable', 'resizetable'], value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be preservetable, or resizetable.' };
+            },
+            default: 'preservetable'
+        });
+        registerOption('table_resize_bars', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_style_by_css', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_merge_content_on_paste', {
+            processor: 'boolean',
+            default: true
+        });
+    };
+    const getTableCloneElements = (editor) => {
+        return Optional.from(editor.options.get('table_clone_elements'));
+    };
+    const hasTableObjectResizing = (editor) => {
+        const objectResizing = editor.options.get('object_resizing');
+        return contains$2(objectResizing.split(','), 'table');
+    };
+    const getTableHeaderType = option('table_header_type');
+    const getTableColumnResizingBehaviour = option('table_column_resizing');
+    const isPreserveTableColumnResizing = (editor) => getTableColumnResizingBehaviour(editor) === 'preservetable';
+    const isResizeTableColumnResizing = (editor) => getTableColumnResizingBehaviour(editor) === 'resizetable';
+    const getTableSizingMode = option('table_sizing_mode');
+    const isTablePercentagesForced = (editor) => getTableSizingMode(editor) === 'relative';
+    const isTablePixelsForced = (editor) => getTableSizingMode(editor) === 'fixed';
+    const isTableResponsiveForced = (editor) => getTableSizingMode(editor) === 'responsive';
+    const hasTableResizeBars = option('table_resize_bars');
+    const shouldStyleWithCss = option('table_style_by_css');
+    const shouldMergeContentOnPaste = option('table_merge_content_on_paste');
+    const getTableDefaultAttributes = (editor) => {
+        // Note: The we don't rely on the default here as we need to dynamically lookup the widths based on the current editor state
+        const options = editor.options;
+        const defaultAttributes = options.get('table_default_attributes');
+        return options.isSet('table_default_attributes') ? defaultAttributes : determineDefaultTableAttributes(editor, defaultAttributes);
+    };
+    const getTableDefaultStyles = (editor) => {
+        // Note: The we don't rely on the default here as we need to dynamically lookup the widths based on the current editor state
+        const options = editor.options;
+        const defaultStyles = options.get('table_default_styles');
+        return options.isSet('table_default_styles') ? defaultStyles : determineDefaultTableStyles(editor, defaultStyles);
+    };
+    const tableUseColumnGroup = option('table_use_colgroups');
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - plugins/table/core/Utils.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const getBody = (editor) => SugarElement.fromDom(editor.getBody());
+    const getIsRoot = (editor) => (element) => eq$1(element, getBody(editor));
+    const removeDataStyle = (table) => {
+        remove$6(table, 'data-mce-style');
+        const removeStyleAttribute = (element) => remove$6(element, 'data-mce-style');
+        each$2(cells$1(table), removeStyleAttribute);
+        each$2(columns$1(table), removeStyleAttribute);
+        each$2(rows$1(table), removeStyleAttribute);
+    };
+    const getSelectionStart = (editor) => SugarElement.fromDom(editor.selection.getStart());
+    const getPixelWidth = (elm) => elm.getBoundingClientRect().width;
+    const getPixelHeight = (elm) => elm.getBoundingClientRect().height;
+    const getRawValue = (prop) => (editor, elm) => {
+        const raw = editor.dom.getStyle(elm, prop) || editor.dom.getAttrib(elm, prop);
+        return Optional.from(raw).filter(isNotEmpty);
+    };
+    const getRawWidth = getRawValue('width');
+    const getRawHeight = getRawValue('height');
+    const isPercentage$1 = (value) => /^(\d+(\.\d+)?)%$/.test(value);
+    const isPixel = (value) => /^(\d+(\.\d+)?)px$/.test(value);
+    const isInEditableContext$1 = (cell) => closest$2(cell, isTag('table')).exists(isEditable$1);
+
+    const lookupTable = (container) => {
+        return ancestor$1(container, 'table');
+    };
+    const identify = (start, finish, isRoot) => {
+        const getIsRoot = (rootTable) => {
+            return (element) => {
+                return (isRoot !== undefined && isRoot(element)) || eq$1(element, rootTable);
+            };
+        };
+        // Optimisation: If the cells are equal, it's a single cell array
+        if (eq$1(start, finish)) {
+            return Optional?.some({
+                boxes: Optional?.some([start]),
+                start,
+                finish
+            });
+        }
+        else {
+            return lookupTable(start).bind((startTable) => {
+                return lookupTable(finish).bind((finishTable) => {
+                    if (eq$1(startTable, finishTable)) { // Selecting from within the same table.
+                        return Optional?.some({
+                            boxes: intercepts(startTable, start, finish),
+                            start,
+                            finish
+                        });
+                    }
+                    else if (contains(startTable, finishTable)) { // Selecting from the parent table to the nested table.
+                        const ancestorCells = ancestors$3(finish, 'td,th', getIsRoot(startTable));
+                        const finishCell = ancestorCells.length > 0 ? ancestorCells[ancestorCells.length - 1] : finish;
+                        return Optional?.some({
+                            boxes: nestedIntercepts(startTable, start, startTable, finish, finishTable),
+                            start,
+                            finish: finishCell
+                        });
+                    }
+                    else if (contains(finishTable, startTable)) { // Selecting from the nested table to the parent table.
+                        const ancestorCells = ancestors$3(start, 'td,th', getIsRoot(finishTable));
+                        const startCell = ancestorCells.length > 0 ? ancestorCells[ancestorCells.length - 1] : start;
+                        return Optional?.some({
+                            boxes: nestedIntercepts(finishTable, start, startTable, finish, finishTable),
+                            start,
+                            finish: startCell
+                        });
+                    }
+                    else { // Selecting from a nested table to a different nested table.
+                        return ancestors(start, finish).shared.bind((lca) => {
+                            return closest$1(lca, 'table', isRoot).bind((lcaTable) => {
+                                const finishAncestorCells = ancestors$3(finish, 'td,th', getIsRoot(lcaTable));
+                                const finishCell = finishAncestorCells.length > 0 ? finishAncestorCells[finishAncestorCells.length - 1] : finish;
+                                const startAncestorCells = ancestors$3(start, 'td,th', getIsRoot(lcaTable));
+                                const startCell = startAncestorCells.length > 0 ? startAncestorCells[startAncestorCells.length - 1] : start;
+                                return Optional?.some({
+                                    boxes: nestedIntercepts(lcaTable, start, startTable, finish, finishTable),
+                                    start: startCell,
+                                    finish: finishCell
+                                });
+                            });
+                        });
+                    }
+                });
+            });
+        }
+    };
+    const retrieve$1 = (container, selector) => {
+        const sels = descendants(container, selector);
+        return sels.length > 0 ? Optional?.some(sels) : Optional.none();
+    };
+    const getLast = (boxes, lastSelectedSelector) => {
+        return find$1(boxes, (box) => {
+            return is$1(box, lastSelectedSelector);
+        });
+    };
+    const getEdges = (container, firstSelectedSelector, lastSelectedSelector) => {
+        return descendant(container, firstSelectedSelector).bind((first) => {
+            return descendant(container, lastSelectedSelector).bind((last) => {
+                return sharedOne(lookupTable, [first, last])?.map((table) => {
+                    return {
+                        first,
+                        last,
+                        table
+                    };
+                });
+            });
+        });
+    };
+    const expandTo = (finish, firstSelectedSelector) => {
+        return ancestor$1(finish, 'table').bind((table) => {
+            return descendant(table, firstSelectedSelector).bind((start) => {
+                return identify(start, finish).bind((identified) => {
+                    return identified.boxes?.map((boxes) => {
+                        return {
+                            boxes,
+                            start: identified.start,
+                            finish: identified.finish
+                        };
+                    });
+                });
+            });
+        });
+    };
+    const shiftSelection = (boxes, deltaRow, deltaColumn, firstSelectedSelector, lastSelectedSelector) => {
+        return getLast(boxes, lastSelectedSelector).bind((last) => {
+            return moveBy(last, deltaRow, deltaColumn).bind((finish) => {
+                return expandTo(finish, firstSelectedSelector);
+            });
+        });
+    };
+
+    // Explicitly calling CellSelection.retrieve so that we can see the API signature.
+    const retrieve = (container, selector) => {
+        return retrieve$1(container, selector);
+    };
+    const retrieveBox = (container, firstSelectedSelector, lastSelectedSelector) => {
+        return getEdges(container, firstSelectedSelector, lastSelectedSelector).bind((edges) => {
+            const isRoot = (ancestor) => {
+                return eq$1(container, ancestor);
+            };
+            const sectionSelector = 'thead,tfoot,tbody,table';
+            const firstAncestor = ancestor$1(edges.first, sectionSelector, isRoot);
+            const lastAncestor = ancestor$1(edges.last, sectionSelector, isRoot);
+            return firstAncestor.bind((fA) => {
+                return lastAncestor.bind((lA) => {
+                    return eq$1(fA, lA) ? getBox(edges.table, edges.first, edges.last) : Optional.none();
+                });
+            });
+        });
+    };
+
+    const selection = identity;
+    const unmergable = (selectedCells) => {
+        const hasSpan = (elem, type) => getOpt(elem, type).exists((span) => parseInt(span, 10) > 1);
+        const hasRowOrColSpan = (elem) => hasSpan(elem, 'rowspan') || hasSpan(elem, 'colspan');
+        return selectedCells.length > 0 && forall(selectedCells, hasRowOrColSpan) ? Optional?.some(selectedCells) : Optional.none();
+    };
+    const mergable = (table, selectedCells, ephemera) => {
+        if (selectedCells.length <= 1) {
+            return Optional.none();
+        }
+        else {
+            return retrieveBox(table, ephemera.firstSelectedSelector, ephemera.lastSelectedSelector)
+                ?.map((bounds) => ({ bounds, cells: selectedCells }));
+        }
+    };
+
+    const create$1 = (selection, kill) => ({
+        selection,
+        kill
+    });
+    const Response = {
+        create: create$1
+    };
+
+    const fold = (subject, onNone, onMultiple, onSingle) => {
+        switch (subject.tag) {
+            case "none" /* SelectionTypeTag.None */:
+                return onNone();
+            case "single" /* SelectionTypeTag.Single */:
+                return onSingle(subject.element);
+            case "multiple" /* SelectionTypeTag.Multiple */:
+                return onMultiple(subject.elements);
+        }
+    };
+    const none = () => ({ tag: "none" /* SelectionTypeTag.None */ });
+    const multiple = (elements) => ({ tag: "multiple" /* SelectionTypeTag.Multiple */, elements });
+    const single = (element) => ({ tag: "single" /* SelectionTypeTag.Single */, element });
+
+    const Selections = (lazyRoot, getStart, selectedSelector) => {
+        const get = () => retrieve(lazyRoot(), selectedSelector).fold(() => getStart().fold(none, single), multiple);
+        return {
+            get
+        };
+    };
+
+    const create = (start, soffset, finish, foffset) => {
+        return {
+            start: Situ.on(start, soffset),
+            finish: Situ.on(finish, foffset)
+        };
+    };
+    const Situs = {
+        create
+    };
+
+    const convertToRange = (win, selection) => {
+        // TODO: Use API packages of sugar
+        const rng = asLtrRange(win, selection);
+        return SimRange.create(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset);
+    };
+    const makeSitus = Situs.create;
+
+    // Based on a start and finish, select the appropriate box of cells
+    const sync = (container, isRoot, start, soffset, finish, foffset, selectRange) => {
+        if (!(eq$1(start, finish) && soffset === foffset)) {
+            return closest$1(start, 'td,th', isRoot).bind((s) => {
+                return closest$1(finish, 'td,th', isRoot).bind((f) => {
+                    return detect(container, isRoot, s, f, selectRange);
+                });
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    // If the cells are different, and there is a rectangle to connect them, select the cells.
+    const detect = (container, isRoot, start, finish, selectRange) => {
+        if (!eq$1(start, finish)) {
+            return identify(start, finish, isRoot).bind((cellSel) => {
+                const boxes = cellSel.boxes.getOr([]);
+                if (boxes.length > 1) {
+                    selectRange(container, boxes, cellSel.start, cellSel.finish);
+                    return Optional?.some(Response.create(Optional?.some(makeSitus(start, 0, start, getEnd(start))), true));
+                }
+                else {
+                    return Optional.none();
+                }
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const update = (rows, columns, container, selected, annotations) => {
+        const updateSelection = (newSels) => {
+            annotations.clearBeforeUpdate(container);
+            annotations.selectRange(container, newSels.boxes, newSels.start, newSels.finish);
+            return newSels.boxes;
+        };
+        return shiftSelection(selected, rows, columns, annotations.firstSelectedSelector, annotations.lastSelectedSelector)?.map(updateSelection);
+    };
+
+    const adt$1 = Adt.generate([
+        { none: ['message'] },
+        { success: [] },
+        { failedUp: ['cell'] },
+        { failedDown: ['cell'] }
+    ]);
+    // Let's get some bounding rects, and see if they overlap (x-wise)
+    const isOverlapping = (bridge, before, after) => {
+        const beforeBounds = bridge.getRect(before);
+        const afterBounds = bridge.getRect(after);
+        return afterBounds.right > beforeBounds.left && afterBounds.left < beforeBounds.right;
+    };
+    const isRow = (elem) => {
+        return closest$1(elem, 'tr');
+    };
+    const verify = (bridge, before, beforeOffset, after, afterOffset, failure, isRoot) => {
+        // Identify the cells that the before and after are in.
+        return closest$1(after, 'td,th', isRoot).bind((afterCell) => {
+            return closest$1(before, 'td,th', isRoot)?.map((beforeCell) => {
+                // If they are not in the same cell
+                if (!eq$1(afterCell, beforeCell)) {
+                    return sharedOne(isRow, [afterCell, beforeCell]).fold(() => {
+                        // No shared row, and they overlap x-wise -> success, otherwise: failed
+                        return isOverlapping(bridge, beforeCell, afterCell) ? adt$1.success() : failure(beforeCell);
+                    }, (_sharedRow) => {
+                        // In the same row, so it failed.
+                        return failure(beforeCell);
+                    });
+                }
+                else {
+                    return eq$1(after, afterCell) && getEnd(afterCell) === afterOffset ? failure(beforeCell) : adt$1.none('in same cell');
+                }
+            });
+        }).getOr(adt$1.none('default'));
+    };
+    const cata = (subject, onNone, onSuccess, onFailedUp, onFailedDown) => {
+        return subject.fold(onNone, onSuccess, onFailedUp, onFailedDown);
+    };
+    const BeforeAfter = {
+        ...adt$1,
+        verify,
+        cata
+    };
+
+    const isBr = isTag('br');
+    const gatherer = (cand, gather, isRoot) => {
+        return gather(cand, isRoot).bind((target) => {
+            return isText(target) && get$5(target).trim().length === 0 ? gatherer(target, gather, isRoot) : Optional?.some(target);
+        });
+    };
+    const handleBr = (isRoot, element, direction) => {
+        // 1. Has a neighbouring sibling ... position relative to neighbouring element
+        // 2. Has no neighbouring sibling ... position relative to gathered element
+        return direction.traverse(element).orThunk(() => {
+            return gatherer(element, direction.gather, isRoot);
+        })?.map(direction.relative);
+    };
+    const findBr = (element, offset) => {
+        return child$2(element, offset).filter(isBr).orThunk(() => {
+            // Can be either side of the br, and still be a br.
+            return child$2(element, offset - 1).filter(isBr);
+        });
+    };
+    const handleParent = (isRoot, element, offset, direction) => {
+        // 1. Has no neighbouring sibling, position relative to gathered element
+        // 2. Has a neighbouring sibling, position at the neighbouring sibling with respect to parent
+        return findBr(element, offset).bind((br) => {
+            return direction.traverse(br).fold(() => {
+                return gatherer(br, direction.gather, isRoot)?.map(direction.relative);
+            }, (adjacent) => {
+                return indexInParent(adjacent)?.map((info) => {
+                    return Situ.on(info.parent, info.index);
+                });
+            });
+        });
+    };
+    const tryBr = (isRoot, element, offset, direction) => {
+        // Three different situations
+        // 1. the br is the child, and it has a previous sibling. Use parent, index-1)
+        // 2. the br is the child and it has no previous sibling, set to before the previous gather result
+        // 3. the br is the element and it has a previous sibling, use parent index-1)
+        // 4. the br is the element and it has no previous sibling, set to before the previous gather result.
+        // 2. the element is the br itself,
+        const target = isBr(element) ? handleBr(isRoot, element, direction) : handleParent(isRoot, element, offset, direction);
+        return target?.map((tgt) => {
+            return {
+                start: tgt,
+                finish: tgt
+            };
+        });
+    };
+    const process = (analysis) => {
+        return BeforeAfter.cata(analysis, (_message) => {
+            return Optional.none();
+        }, () => {
+            return Optional.none();
+        }, (cell) => {
+            return Optional?.some(point(cell, 0));
+        }, (cell) => {
+            return Optional?.some(point(cell, getEnd(cell)));
+        });
+    };
+
+    const moveDown = (caret, amount) => {
+        return {
+            left: caret.left,
+            top: caret.top + amount,
+            right: caret.right,
+            bottom: caret.bottom + amount
+        };
+    };
+    const moveUp = (caret, amount) => {
+        return {
+            left: caret.left,
+            top: caret.top - amount,
+            right: caret.right,
+            bottom: caret.bottom - amount
+        };
+    };
+    const translate = (caret, xDelta, yDelta) => {
+        return {
+            left: caret.left + xDelta,
+            top: caret.top + yDelta,
+            right: caret.right + xDelta,
+            bottom: caret.bottom + yDelta
+        };
+    };
+    const getTop = (caret) => {
+        return caret.top;
+    };
+    const getBottom = (caret) => {
+        return caret.bottom;
+    };
+
+    const getPartialBox = (bridge, element, offset) => {
+        if (offset >= 0 && offset < getEnd(element)) {
+            return bridge.getRangedRect(element, offset, element, offset + 1);
+        }
+        else if (offset > 0) {
+            return bridge.getRangedRect(element, offset - 1, element, offset);
+        }
+        return Optional.none();
+    };
+    const toCaret = (rect) => ({
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom
+    });
+    const getElemBox = (bridge, element) => {
+        return Optional?.some(bridge.getRect(element));
+    };
+    const getBoxAt = (bridge, element, offset) => {
+        // Note, we might need to consider this offset and descend.
+        if (isElement(element)) {
+            return getElemBox(bridge, element)?.map(toCaret);
+        }
+        else if (isText(element)) {
+            return getPartialBox(bridge, element, offset)?.map(toCaret);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const getEntireBox = (bridge, element) => {
+        if (isElement(element)) {
+            return getElemBox(bridge, element)?.map(toCaret);
+        }
+        else if (isText(element)) {
+            return bridge.getRangedRect(element, 0, element, getEnd(element))?.map(toCaret);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+
+    const JUMP_SIZE = 5;
+    const NUM_RETRIES = 100;
+    const adt = Adt.generate([
+        { none: [] },
+        { retry: ['caret'] }
+    ]);
+    const isOutside = (caret, box) => {
+        return caret.left < box.left || Math.abs(box.right - caret.left) < 1 || caret.left > box.right;
+    };
+    // Find the block and determine whether or not that block is outside. If it is outside, move up/down and right.
+    const inOutsideBlock = (bridge, element, caret) => {
+        return closest$2(element, isBlock).fold(never, (cell) => {
+            return getEntireBox(bridge, cell).exists((box) => {
+                return isOutside(caret, box);
+            });
+        });
+    };
+    /*
+     * The approach is as follows.
+     *
+     * The browser APIs for caret ranges return elements that are the closest text elements to your (x, y) position, even if those
+     * closest elements are miles away. This causes problems when you are trying to identify what is immediately above or below
+     * a cell, because often the closest text is in a cell that is in a completely different column. Therefore, the approach needs
+     * to keep moving down until the thing that we are hitting is likely to be a true positive.
+     *
+     * Steps:
+     *
+     * 1. If the y position of the next guess is not different from the original, keep going.
+     * 2a. If the guess box doesn't actually include the position looked for, then the browser has returned a node that does not have
+     *    a rectangle which truly intercepts the point. So, keep going. Note, we used to jump straight away here, but that means that
+     *    we might skip over something that wasn't considered close enough but was a better guess than just making the y value skip.
+     * 2b. If the guess box exactly aligns with the caret, then adjust by 1 and go again. This is to get a more accurate offset.
+     * 3. if the guess box does include the caret, but the guess box's parent cell does not *really* contain the caret, try again shifting
+     *    only the x value. If the guess box's parent cell does *really* contain the caret (i.e. it is horizontally-aligned), then stop
+     *    because the guess is GOOD.
+     */
+    const adjustDown = (bridge, element, guessBox, original, caret) => {
+        const lowerCaret = moveDown(caret, JUMP_SIZE);
+        if (Math.abs(guessBox.bottom - original.bottom) < 1) {
+            return adt.retry(lowerCaret);
+        }
+        else if (guessBox.top > caret.bottom) {
+            return adt.retry(lowerCaret);
+        }
+        else if (guessBox.top === caret.bottom) {
+            return adt.retry(moveDown(caret, 1));
+        }
+        else {
+            return inOutsideBlock(bridge, element, caret) ? adt.retry(translate(lowerCaret, JUMP_SIZE, 0)) : adt.none();
+        }
+    };
+    const adjustUp = (bridge, element, guessBox, original, caret) => {
+        const higherCaret = moveUp(caret, JUMP_SIZE);
+        if (Math.abs(guessBox.top - original.top) < 1) {
+            return adt.retry(higherCaret);
+        }
+        else if (guessBox.bottom < caret.top) {
+            return adt.retry(higherCaret);
+        }
+        else if (guessBox.bottom === caret.top) {
+            return adt.retry(moveUp(caret, 1));
+        }
+        else {
+            return inOutsideBlock(bridge, element, caret) ? adt.retry(translate(higherCaret, JUMP_SIZE, 0)) : adt.none();
+        }
+    };
+    const upMovement = {
+        point: getTop,
+        adjuster: adjustUp,
+        move: moveUp,
+        gather: before
+    };
+    const downMovement = {
+        point: getBottom,
+        adjuster: adjustDown,
+        move: moveDown,
+        gather: after
+    };
+    const isAtTable = (bridge, x, y) => {
+        return bridge.elementFromPoint(x, y).filter((elm) => {
+            return name(elm) === 'table';
+        }).isSome();
+    };
+    const adjustForTable = (bridge, movement, original, caret, numRetries) => {
+        return adjustTil(bridge, movement, original, movement.move(caret, JUMP_SIZE), numRetries);
+    };
+    const adjustTil = (bridge, movement, original, caret, numRetries) => {
+        if (numRetries === 0) {
+            return Optional?.some(caret);
+        }
+        if (isAtTable(bridge, caret.left, movement.point(caret))) {
+            return adjustForTable(bridge, movement, original, caret, numRetries - 1);
+        }
+        return bridge.situsFromPoint(caret.left, movement.point(caret)).bind((guess) => {
+            return guess.start.fold(Optional.none, (element) => {
+                return getEntireBox(bridge, element).bind((guessBox) => {
+                    return movement.adjuster(bridge, element, guessBox, original, caret).fold(Optional.none, (newCaret) => {
+                        return adjustTil(bridge, movement, original, newCaret, numRetries - 1);
+                    });
+                }).orThunk(() => {
+                    return Optional?.some(caret);
+                });
+            }, Optional.none);
+        });
+    };
+    const checkScroll = (movement, adjusted, bridge) => {
+        // I'm not convinced that this is right. Let's re-examine it later.
+        if (movement.point(adjusted) > bridge.getInnerHeight()) {
+            return Optional?.some(movement.point(adjusted) - bridge.getInnerHeight());
+        }
+        else if (movement.point(adjusted) < 0) {
+            return Optional?.some(-movement.point(adjusted));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const retry = (movement, bridge, caret) => {
+        const moved = movement.move(caret, JUMP_SIZE);
+        const adjusted = adjustTil(bridge, movement, caret, moved, NUM_RETRIES).getOr(moved);
+        return checkScroll(movement, adjusted, bridge).fold(() => {
+            return bridge.situsFromPoint(adjusted.left, movement.point(adjusted));
+        }, (delta) => {
+            bridge.scrollBy(0, delta);
+            return bridge.situsFromPoint(adjusted.left, movement.point(adjusted) - delta);
+        });
+    };
+    const Retries = {
+        tryUp: curry(retry, upMovement),
+        tryDown: curry(retry, downMovement),
+        getJumpSize: constant(JUMP_SIZE)
+    };
+
+    const MAX_RETRIES = 20;
+    const findSpot = (bridge, isRoot, direction) => {
+        return bridge.getSelection().bind((sel) => {
+            return tryBr(isRoot, sel.finish, sel.foffset, direction).fold(() => {
+                return Optional?.some(point(sel.finish, sel.foffset));
+            }, (brNeighbour) => {
+                const range = bridge.fromSitus(brNeighbour);
+                const analysis = BeforeAfter.verify(bridge, sel.finish, sel.foffset, range.finish, range.foffset, direction.failure, isRoot);
+                return process(analysis);
+            });
+        });
+    };
+    const scan = (bridge, isRoot, element, offset, direction, numRetries) => {
+        if (numRetries === 0) {
+            return Optional.none();
+        }
+        // Firstly, move the (x, y) and see what element we end up on.
+        return tryCursor(bridge, isRoot, element, offset, direction).bind((situs) => {
+            const range = bridge.fromSitus(situs);
+            // Now, check to see if the element is a new cell.
+            const analysis = BeforeAfter.verify(bridge, element, offset, range.finish, range.foffset, direction.failure, isRoot);
+            return BeforeAfter.cata(analysis, () => {
+                return Optional.none();
+            }, () => {
+                // We have a new cell, so we stop looking.
+                return Optional?.some(situs);
+            }, (cell) => {
+                if (eq$1(element, cell) && offset === 0) {
+                    return tryAgain(bridge, element, offset, moveUp, direction);
+                }
+                else { // We need to look again from the start of our current cell
+                    return scan(bridge, isRoot, cell, 0, direction, numRetries - 1);
+                }
+            }, (cell) => {
+                // If we were here last time, move and try again.
+                if (eq$1(element, cell) && offset === getEnd(cell)) {
+                    return tryAgain(bridge, element, offset, moveDown, direction);
+                }
+                else { // We need to look again from the end of our current cell
+                    return scan(bridge, isRoot, cell, getEnd(cell), direction, numRetries - 1);
+                }
+            });
+        });
+    };
+    const tryAgain = (bridge, element, offset, move, direction) => {
+        return getBoxAt(bridge, element, offset).bind((box) => {
+            return tryAt(bridge, direction, move(box, Retries.getJumpSize()));
+        });
+    };
+    const tryAt = (bridge, direction, box) => {
+        const browser = detect$2().browser;
+        // NOTE: As we attempt to take over selection everywhere, we'll probably need to separate these again.
+        if (browser.isChromium() || browser.isSafari() || browser.isFirefox()) {
+            return direction.retry(bridge, box);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const tryCursor = (bridge, isRoot, element, offset, direction) => {
+        return getBoxAt(bridge, element, offset).bind((box) => {
+            return tryAt(bridge, direction, box);
+        });
+    };
+    const handle = (bridge, isRoot, direction) => {
+        return findSpot(bridge, isRoot, direction).bind((spot) => {
+            // There is a point to start doing box-hitting from
+            return scan(bridge, isRoot, spot.element, spot.offset, direction, MAX_RETRIES)?.map(bridge.fromSitus);
+        });
+    };
+
+    const inSameTable = (elem, table) => {
+        return ancestor(elem, (e) => {
+            return parent(e).exists((p) => {
+                return eq$1(p, table);
+            });
+        });
+    };
+    // Note: initial is the finishing element, because that's where the cursor starts from
+    // Anchor is the starting element, and is only used to work out if we are in the same table
+    const simulate = (bridge, isRoot, direction, initial, anchor) => {
+        return closest$1(initial, 'td,th', isRoot).bind((start) => {
+            return closest$1(start, 'table', isRoot).bind((table) => {
+                if (!inSameTable(anchor, table)) {
+                    return Optional.none();
+                }
+                return handle(bridge, isRoot, direction).bind((range) => {
+                    return closest$1(range.finish, 'td,th', isRoot)?.map((finish) => {
+                        return {
+                            start,
+                            finish,
+                            range
+                        };
+                    });
+                });
+            });
+        });
+    };
+    const navigate = (bridge, isRoot, direction, initial, anchor, precheck) => {
+        return precheck(initial, isRoot).orThunk(() => {
+            return simulate(bridge, isRoot, direction, initial, anchor)?.map((info) => {
+                const range = info.range;
+                return Response.create(Optional?.some(makeSitus(range.start, range.soffset, range.finish, range.foffset)), true);
+            });
+        });
+    };
+    const firstUpCheck = (initial, isRoot) => {
+        return closest$1(initial, 'tr', isRoot).bind((startRow) => {
+            return closest$1(startRow, 'table', isRoot).bind((table) => {
+                const rows = descendants(table, 'tr');
+                if (eq$1(startRow, rows[0])) {
+                    return seekLeft(table, (element) => {
+                        return last(element).isSome();
+                    }, isRoot)?.map((last) => {
+                        const lastOffset = getEnd(last);
+                        return Response.create(Optional?.some(makeSitus(last, lastOffset, last, lastOffset)), true);
+                    });
+                }
+                else {
+                    return Optional.none();
+                }
+            });
+        });
+    };
+    const lastDownCheck = (initial, isRoot) => {
+        return closest$1(initial, 'tr', isRoot).bind((startRow) => {
+            return closest$1(startRow, 'table', isRoot).bind((table) => {
+                const rows = descendants(table, 'tr');
+                if (eq$1(startRow, rows[rows.length - 1])) {
+                    return seekRight(table, (element) => {
+                        return first(element).isSome();
+                    }, isRoot)?.map((first) => {
+                        return Response.create(Optional?.some(makeSitus(first, 0, first, 0)), true);
+                    });
+                }
+                else {
+                    return Optional.none();
+                }
+            });
+        });
+    };
+    const select = (bridge, container, isRoot, direction, initial, anchor, selectRange) => {
+        return simulate(bridge, isRoot, direction, initial, anchor).bind((info) => {
+            return detect(container, isRoot, info.start, info.finish, selectRange);
+        });
+    };
+
+    const findCell = (target, isRoot) => closest$1(target, 'td,th', isRoot);
+    const isInEditableContext = (cell) => parentElement(cell).exists(isEditable$1);
+    const MouseSelection = (bridge, container, isRoot, annotations) => {
+        const cursor = value();
+        const clearstate = cursor.clear;
+        const applySelection = (event) => {
+            cursor.on((start) => {
+                annotations.clearBeforeUpdate(container);
+                findCell(event.target, isRoot).each((finish) => {
+                    identify(start, finish, isRoot).each((cellSel) => {
+                        const boxes = cellSel.boxes.getOr([]);
+                        if (boxes.length === 1) {
+                            // If a single noneditable cell is selected and the actual selection target within the cell
+                            // is also noneditable, make sure it is annotated
+                            const singleCell = boxes[0];
+                            const isNonEditableCell = getRaw$1(singleCell) === 'false';
+                            const isCellClosestContentEditable = is$2(closest(event.target), singleCell, eq$1);
+                            if (isNonEditableCell && isCellClosestContentEditable) {
+                                // Not selecting the contents or the node of the actual cell as shown below, keeping the selection on the offscreen element.
+                                annotations.selectRange(container, boxes, singleCell, singleCell);
+                            }
+                        }
+                        else if (boxes.length > 1) {
+                            // Wait until we have more than one, otherwise you can't do text selection inside a cell.
+                            annotations.selectRange(container, boxes, cellSel.start, cellSel.finish);
+                            // stop the browser from creating a big text selection, select the cell where the cursor is
+                            bridge.selectContents(finish);
+                        }
+                    });
+                });
+            });
+        };
+        /* Keep this as lightweight as possible when we're not in a table selection, it runs constantly */
+        const mousedown = (event) => {
+            annotations.clear(container);
+            findCell(event.target, isRoot).filter(isInEditableContext).each(cursor.set);
+        };
+        /* Keep this as lightweight as possible when we're not in a table selection, it runs constantly */
+        const mouseover = (event) => {
+            applySelection(event);
+        };
+        /* Keep this as lightweight as possible when we're not in a table selection, it runs constantly */
+        const mouseup = (event) => {
+            // Needed as Firefox will change the selection between the mouseover and mouseup when selecting
+            // just 2 cells as Firefox supports multiple selection ranges
+            applySelection(event);
+            clearstate();
+        };
+        return {
+            clearstate,
+            mousedown,
+            mouseover,
+            mouseup
+        };
+    };
+
+    const down = {
+        traverse: nextSibling,
+        gather: after,
+        relative: Situ.before,
+        retry: Retries.tryDown,
+        failure: BeforeAfter.failedDown
+    };
+    const up = {
+        traverse: prevSibling,
+        gather: before,
+        relative: Situ.before,
+        retry: Retries.tryUp,
+        failure: BeforeAfter.failedUp
+    };
+
+    const isKey = (key) => {
+        return (keycode) => {
+            return keycode === key;
+        };
+    };
+    const isUp = isKey(38);
+    const isDown = isKey(40);
+    const isNavigation = (keycode) => {
+        return keycode >= 37 && keycode <= 40;
+    };
+    const ltr = {
+        // We need to move KEYS out of keytar and into something much more low-level.
+        isBackward: isKey(37),
+        isForward: isKey(39)
+    };
+    const rtl = {
+        isBackward: isKey(39),
+        isForward: isKey(37)
+    };
+
+    const WindowBridge = (win) => {
+        const elementFromPoint = (x, y) => {
+            return SugarElement.fromPoint(SugarElement.fromDom(win.document), x, y);
+        };
+        const getRect = (element) => {
+            return element.dom.getBoundingClientRect();
+        };
+        const getRangedRect = (start, soffset, finish, foffset) => {
+            const sel = SimSelection.exact(start, soffset, finish, foffset);
+            return getFirstRect(win, sel);
+        };
+        const getSelection = () => {
+            return get$3(win)?.map((exactAdt) => {
+                return convertToRange(win, exactAdt);
+            });
+        };
+        const fromSitus = (situs) => {
+            const relative = SimSelection.relative(situs.start, situs.finish);
+            return convertToRange(win, relative);
+        };
+        const situsFromPoint = (x, y) => {
+            return getAtPoint(win, x, y)?.map((exact) => {
+                return Situs.create(exact.start, exact.soffset, exact.finish, exact.foffset);
+            });
+        };
+        const clearSelection = () => {
+            clear(win);
+        };
+        const collapseSelection = (toStart = false) => {
+            get$3(win).each((sel) => sel.fold((rng) => rng.collapse(toStart), (startSitu, finishSitu) => {
+                const situ = toStart ? startSitu : finishSitu;
+                setRelative(win, situ, situ);
+            }, (start, soffset, finish, foffset) => {
+                const node = toStart ? start : finish;
+                const offset = toStart ? soffset : foffset;
+                setExact(win, node, offset, node, offset);
+            }));
+        };
+        const selectNode = (element) => {
+            setToElement(win, element, false);
+        };
+        const selectContents = (element) => {
+            setToElement(win, element);
+        };
+        const setSelection = (sel) => {
+            setExact(win, sel.start, sel.soffset, sel.finish, sel.foffset);
+        };
+        const setRelativeSelection = (start, finish) => {
+            setRelative(win, start, finish);
+        };
+        const getInnerHeight = () => {
+            return win.innerHeight;
+        };
+        const getScrollY = () => {
+            const pos = get$6(SugarElement.fromDom(win.document));
+            return pos.top;
+        };
+        const scrollBy = (x, y) => {
+            by(x, y, SugarElement.fromDom(win.document));
+        };
+        return {
+            elementFromPoint,
+            getRect,
+            getRangedRect,
+            getSelection,
+            fromSitus,
+            situsFromPoint,
+            clearSelection,
+            collapseSelection,
+            setSelection,
+            setRelativeSelection,
+            selectNode,
+            selectContents,
+            getInnerHeight,
+            getScrollY,
+            scrollBy
+        };
+    };
+
+    const rc = (rows, cols) => ({ rows, cols });
+    const mouse = (win, container, isRoot, annotations) => {
+        const bridge = WindowBridge(win);
+        const handlers = MouseSelection(bridge, container, isRoot, annotations);
+        return {
+            clearstate: handlers.clearstate,
+            mousedown: handlers.mousedown,
+            mouseover: handlers.mouseover,
+            mouseup: handlers.mouseup
+        };
+    };
+    const isEditableNode = (node) => closest$2(node, isHTMLElement).exists(isEditable$1);
+    const isEditableSelection = (start, finish) => isEditableNode(start) || isEditableNode(finish);
+    const keyboard = (win, container, isRoot, annotations) => {
+        const bridge = WindowBridge(win);
+        const clearToNavigate = () => {
+            annotations.clear(container);
+            return Optional.none();
+        };
+        const keydown = (event, start, soffset, finish, foffset, direction) => {
+            const realEvent = event.raw;
+            const keycode = realEvent.which;
+            const shiftKey = realEvent.shiftKey === true;
+            const handler = retrieve$1(container, annotations.selectedSelector).fold(() => {
+                // Make sure any possible lingering annotations are cleared
+                if (isNavigation(keycode) && !shiftKey) {
+                    annotations.clearBeforeUpdate(container);
+                }
+                // Shift down should predict the movement and set the selection.
+                if (isNavigation(keycode) && shiftKey && !isEditableSelection(start, finish)) {
+                    return Optional.none;
+                }
+                else if (isDown(keycode) && shiftKey) {
+                    return curry(select, bridge, container, isRoot, down, finish, start, annotations.selectRange);
+                }
+                else if (isUp(keycode) && shiftKey) { // Shift up should predict the movement and set the selection.
+                    return curry(select, bridge, container, isRoot, up, finish, start, annotations.selectRange);
+                }
+                else if (isDown(keycode)) { // Down should predict the movement and set the cursor
+                    return curry(navigate, bridge, isRoot, down, finish, start, lastDownCheck);
+                }
+                else if (isUp(keycode)) { // Up should predict the movement and set the cursor
+                    return curry(navigate, bridge, isRoot, up, finish, start, firstUpCheck);
+                }
+                else {
+                    return Optional.none;
+                }
+            }, (selected) => {
+                const update$1 = (attempts) => {
+                    return () => {
+                        const navigation = findMap(attempts, (delta) => {
+                            return update(delta.rows, delta.cols, container, selected, annotations);
+                        });
+                        // Shift the selected rows and update the selection.
+                        return navigation.fold(() => {
+                            // The cell selection went outside the table, so clear it and bridge from the first box to before/after
+                            // the table
+                            return getEdges(container, annotations.firstSelectedSelector, annotations.lastSelectedSelector)?.map((edges) => {
+                                const relative = isDown(keycode) || direction.isForward(keycode) ? Situ.after : Situ.before;
+                                bridge.setRelativeSelection(Situ.on(edges.first, 0), relative(edges.table));
+                                annotations.clear(container);
+                                return Response.create(Optional.none(), true);
+                            });
+                        }, (_) => {
+                            return Optional?.some(Response.create(Optional.none(), true));
+                        });
+                    };
+                };
+                if (isNavigation(keycode) && shiftKey && !isEditableSelection(start, finish)) {
+                    return Optional.none;
+                }
+                else if (isDown(keycode) && shiftKey) {
+                    return update$1([rc(+1, 0)]);
+                }
+                else if (isUp(keycode) && shiftKey) {
+                    return update$1([rc(-1, 0)]);
+                }
+                else if (direction.isBackward(keycode) && shiftKey) { // Left and right should try up/down respectively if they fail.
+                    return update$1([rc(0, -1), rc(-1, 0)]);
+                }
+                else if (direction.isForward(keycode) && shiftKey) {
+                    return update$1([rc(0, +1), rc(+1, 0)]);
+                }
+                else if (isNavigation(keycode) && !shiftKey) { // Clear the selection on normal arrow keys.
+                    return clearToNavigate;
+                }
+                else {
+                    return Optional.none;
+                }
+            });
+            return handler();
+        };
+        const keyup = (event, start, soffset, finish, foffset) => {
+            return retrieve$1(container, annotations.selectedSelector).fold(() => {
+                const realEvent = event.raw;
+                const keycode = realEvent.which;
+                const shiftKey = realEvent.shiftKey === true;
+                if (!shiftKey) {
+                    return Optional.none();
+                }
+                if (isNavigation(keycode) && isEditableSelection(start, finish)) {
+                    return sync(container, isRoot, start, soffset, finish, foffset, annotations.selectRange);
+                }
+                else {
+                    return Optional.none();
+                }
+            }, Optional.none);
+        };
+        return {
+            keydown,
+            keyup
+        };
+    };
+    const external = (win, container, isRoot, annotations) => {
+        const bridge = WindowBridge(win);
+        return (start, finish) => {
+            annotations.clearBeforeUpdate(container);
+            identify(start, finish, isRoot).each((cellSel) => {
+                const boxes = cellSel.boxes.getOr([]);
+                annotations.selectRange(container, boxes, cellSel.start, cellSel.finish);
+                // stop the browser from creating a big text selection, place the selection at the end of the cell where the cursor is
+                bridge.selectContents(finish);
+                bridge.collapseSelection();
+            });
+        };
+    };
+
+    const byClass = (ephemera) => {
+        const addSelectionClass = addClass(ephemera.selected);
+        const removeSelectionClasses = removeClasses([ephemera.selected, ephemera.lastSelected, ephemera.firstSelected]);
+        const clear = (container) => {
+            const sels = descendants(container, ephemera.selectedSelector);
+            each$2(sels, removeSelectionClasses);
+        };
+        const selectRange = (container, cells, start, finish) => {
+            clear(container);
+            each$2(cells, addSelectionClass);
+            add$1(start, ephemera.firstSelected);
+            add$1(finish, ephemera.lastSelected);
+        };
+        return {
+            clearBeforeUpdate: clear,
+            clear,
+            selectRange,
+            selectedSelector: ephemera.selectedSelector,
+            firstSelectedSelector: ephemera.firstSelectedSelector,
+            lastSelectedSelector: ephemera.lastSelectedSelector
+        };
+    };
+    const byAttr = (ephemera, onSelection, onClear) => {
+        const removeSelectionAttributes = (element) => {
+            remove$6(element, ephemera.selected);
+            remove$6(element, ephemera.firstSelected);
+            remove$6(element, ephemera.lastSelected);
+        };
+        const addSelectionAttribute = (element) => {
+            set$2(element, ephemera.selected, '1');
+        };
+        const clear = (container) => {
+            clearBeforeUpdate(container);
+            onClear();
+        };
+        const clearBeforeUpdate = (container) => {
+            const sels = descendants(container, `${ephemera.selectedSelector},${ephemera.firstSelectedSelector},${ephemera.lastSelectedSelector}`);
+            each$2(sels, removeSelectionAttributes);
+        };
+        const selectRange = (container, cells, start, finish) => {
+            clear(container);
+            each$2(cells, addSelectionAttribute);
+            set$2(start, ephemera.firstSelected, '1');
+            set$2(finish, ephemera.lastSelected, '1');
+            onSelection(cells, start, finish);
+        };
+        return {
+            clearBeforeUpdate,
+            clear,
+            selectRange,
+            selectedSelector: ephemera.selectedSelector,
+            firstSelectedSelector: ephemera.firstSelectedSelector,
+            lastSelectedSelector: ephemera.lastSelectedSelector
+        };
+    };
+    const SelectionAnnotation = {
+        byClass,
+        byAttr
+    };
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - plugins/table/selection/Ephemera.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const strSelected = 'data-mce-selected';
+    const strSelectedSelector = 'td[' + strSelected + '],th[' + strSelected + ']';
+    // used with not selectors
+    const strAttributeSelector = '[' + strSelected + ']';
+    const strFirstSelected = 'data-mce-first-selected';
+    const strFirstSelectedSelector = 'td[' + strFirstSelected + '],th[' + strFirstSelected + ']';
+    const strLastSelected = 'data-mce-last-selected';
+    const strLastSelectedSelector = 'td[' + strLastSelected + '],th[' + strLastSelected + ']';
+    const attributeSelector = strAttributeSelector;
+    const ephemera = {
+        selected: strSelected,
+        selectedSelector: strSelectedSelector,
+        firstSelected: strFirstSelected,
+        firstSelectedSelector: strFirstSelectedSelector,
+        lastSelected: strLastSelected,
+        lastSelectedSelector: strLastSelectedSelector
+    };
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - plugins/table/queries/TableTargets.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const forMenu = (selectedCells, table, cell) => ({
+        element: cell,
+        mergable: mergable(table, selectedCells, ephemera),
+        unmergable: unmergable(selectedCells),
+        selection: selection(selectedCells)
+    });
+    const paste = (element, clipboard, generators) => ({
+        element,
+        clipboard,
+        generators
+    });
+    const pasteRows = (selectedCells, _cell, clipboard, generators) => ({
+        selection: selection(selectedCells),
+        clipboard,
+        generators
+    });
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - plugins/table/selection/TableSelection.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const getSelectionCellFallback = (element) => table(element).bind((table) => retrieve(table, ephemera.firstSelectedSelector)).fold(constant(element), (cells) => cells[0]);
+    const getSelectionFromSelector = (selector) => (initCell, isRoot) => {
+        const cellName = name(initCell);
+        const cell = cellName === 'col' || cellName === 'colgroup' ? getSelectionCellFallback(initCell) : initCell;
+        return closest$1(cell, selector, isRoot);
+    };
+    const getSelectionCellOrCaption = getSelectionFromSelector('th,td,caption');
+    const getSelectionCell = getSelectionFromSelector('th,td');
+    // Note: Includes single cell if the start of the selection whether collapsed or ranged is within a table cell
+    const getCellsFromSelection = (editor) => fromDom(editor.model.table.getSelectedCells());
+    const getCellsFromFakeSelection = (editor) => filter$2(getCellsFromSelection(editor), (cell) => is$1(cell, ephemera.selectedSelector));
+
+    const extractSelected = (cells) => {
+        // Assume for now that we only have one table (also handles the case where we multi select outside a table)
+        return table(cells[0])?.map((table) => {
+            const replica = extract$1(table, attributeSelector);
+            removeDataStyle(replica);
+            return [replica];
+        });
+    };
+    const serializeElements = (editor, elements) => map$1(elements, (elm) => editor.selection.serializer.serialize(elm.dom, {})).join('');
+    const getTextContent = (editor, replicaElements) => {
+        const doc = editor.getDoc();
+        const dos = getRootNode(SugarElement.fromDom(editor.getBody()));
+        // Set up offscreen div so that the extracted table element can be inserted into the DOM
+        // TINY-10847: If the table element is detached from the DOM, calling innerText is equivalent to calling
+        // textContent which does not include '\n' and '\t' characters to separate rows and cells respectively
+        const offscreenDiv = SugarElement.fromTag('div', doc);
+        set$2(offscreenDiv, 'data-mce-bogus', 'all');
+        setAll(offscreenDiv, {
+            position: 'fixed',
+            left: '-9999999px',
+            top: '0',
+            overflow: 'hidden',
+            opacity: '0'
+        });
+        const root = getContentContainer(dos);
+        append(offscreenDiv, replicaElements);
+        append$1(root, offscreenDiv);
+        const textContent = offscreenDiv.dom.innerText;
+        remove$5(offscreenDiv);
+        return textContent;
+    };
+    const registerEvents = (editor, actions) => {
+        editor.on('BeforeGetContent', (e) => {
+            const multiCellContext = (cells) => {
+                e.preventDefault();
+                extractSelected(cells).each((replicaElements) => {
+                    const content = e.format === 'text' ? getTextContent(editor, replicaElements) : serializeElements(editor, replicaElements);
+                    e.content = content;
+                });
+            };
+            if (e.selection === true) {
+                const cells = getCellsFromFakeSelection(editor);
+                if (cells.length >= 1) {
+                    multiCellContext(cells);
+                }
+            }
+        });
+        editor.on('BeforeSetContent', (e) => {
+            if (e.selection === true && e.paste === true) {
+                const selectedCells = getCellsFromSelection(editor);
+                head(selectedCells).each((cell) => {
+                    table(cell).each((table) => {
+                        const elements = filter$2(fromHtml(e.content), (content) => {
+                            return name(content) !== 'meta';
+                        });
+                        const isTable = isTag('table');
+                        if (shouldMergeContentOnPaste(editor) && elements.length === 1 && isTable(elements[0])) {
+                            e.preventDefault();
+                            const doc = SugarElement.fromDom(editor.getDoc());
+                            const generators = paste$1(doc);
+                            const targets = paste(cell, elements[0], generators);
+                            actions.pasteCells(table, targets).each(() => {
+                                editor.focus();
+                            });
+                        }
+                    });
+                });
+            }
+        });
+    };
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - core/api/TableEvents.ts
+      - plugins/table/api/Events.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const fireNewRow = (editor, row) => editor.dispatch('NewRow', { node: row });
+    const fireNewCell = (editor, cell) => editor.dispatch('NewCell', { node: cell });
+    const fireTableModified = (editor, table, data) => {
+        editor.dispatch('TableModified', { ...data, table });
+    };
+    const fireTableSelectionChange = (editor, cells, start, finish, otherCells) => {
+        editor.dispatch('TableSelectionChange', {
+            cells,
+            start,
+            finish,
+            otherCells
+        });
+    };
+    const fireTableSelectionClear = (editor) => {
+        editor.dispatch('TableSelectionClear');
+    };
+    const fireObjectResizeStart = (editor, target, width, height, origin) => {
+        editor.dispatch('ObjectResizeStart', { target, width, height, origin });
+    };
+    const fireObjectResized = (editor, target, width, height, origin) => {
+        editor.dispatch('ObjectResized', { target, width, height, origin });
+    };
+    const styleModified = { structure: false, style: true };
+    const structureModified = { structure: true, style: false };
+    const styleAndStructureModified = { structure: true, style: true };
+
+    const get$1 = (editor, table) => {
+        // Note: We can't enforce none (responsive), as if someone manually resizes a table
+        // then it must switch to either pixel (fixed) or percentage (relative) sizing
+        if (isTablePercentagesForced(editor)) {
+            return TableSize.percentageSize(table);
+        }
+        else if (isTablePixelsForced(editor)) {
+            return TableSize.pixelSize(table);
+        }
+        else {
+            // Detect based on the table width
+            return TableSize.getTableSize(table);
+        }
+    };
+
+    const TableActions = (editor, resizeHandler, cellSelectionHandler) => {
+        const isTableBody = (editor) => name(getBody(editor)) === 'table';
+        const lastRowGuard = (table) => !isTableBody(editor) || getGridSize(table).rows > 1;
+        const lastColumnGuard = (table) => !isTableBody(editor) || getGridSize(table).columns > 1;
+        // Optional.none gives the default cloneFormats.
+        const cloneFormats = getTableCloneElements(editor);
+        const colMutationOp = isResizeTableColumnResizing(editor) ? noop : halve;
+        const getTableSectionType = (table) => {
+            switch (getTableHeaderType(editor)) {
+                case 'section':
+                    return TableSection.section();
+                case 'sectionCells':
+                    return TableSection.sectionCells();
+                case 'cells':
+                    return TableSection.cells();
+                default:
+                    // Attempt to automatically find the type. If a type can't be found
+                    // then fallback to "section" to maintain backwards compatibility.
+                    return TableSection.getTableSectionType(table, 'section');
+            }
+        };
+        const setSelectionFromAction = (table, result) => result.cursor.fold(() => {
+            // Snooker has reported we don't have a good cursor position. However, we may have a locked column
+            // with noneditable cells, so lets check if we have a noneditable cell and if so place the selection
+            const cells = cells$1(table);
+            return head(cells).filter(inBody)?.map((firstCell) => {
+                cellSelectionHandler.clearSelectedCells(table.dom);
+                const rng = editor.dom.createRng();
+                rng.selectNode(firstCell.dom);
+                editor.selection.setRng(rng);
+                set$2(firstCell, 'data-mce-selected', '1');
+                return rng;
+            });
+        }, (cell) => {
+            const des = freefallRtl(cell);
+            const rng = editor.dom.createRng();
+            rng.setStart(des.element.dom, des.offset);
+            rng.setEnd(des.element.dom, des.offset);
+            editor.selection.setRng(rng);
+            cellSelectionHandler.clearSelectedCells(table.dom);
+            return Optional?.some(rng);
+        });
+        const execute = (operation, guard, mutate, effect) => (table, target, noEvents = false) => {
+            removeDataStyle(table);
+            const doc = SugarElement.fromDom(editor.getDoc());
+            const generators = cellOperations(mutate, doc, cloneFormats);
+            const behaviours = {
+                sizing: get$1(editor, table),
+                resize: isResizeTableColumnResizing(editor) ? resizeTable() : preserveTable(),
+                section: getTableSectionType(table)
+            };
+            return guard(table) ? operation(table, target, generators, behaviours).bind((result) => {
+                // Update the resize bars after the table operation
+                resizeHandler.refresh(table.dom);
+                // INVESTIGATE: Should "noEvents" prevent these from firing as well?
+                each$2(result.newRows, (row) => {
+                    fireNewRow(editor, row.dom);
+                });
+                each$2(result.newCells, (cell) => {
+                    fireNewCell(editor, cell.dom);
+                });
+                const range = setSelectionFromAction(table, result);
+                if (inBody(table)) {
+                    removeDataStyle(table);
+                    if (!noEvents) {
+                        fireTableModified(editor, table.dom, effect);
+                    }
+                }
+                return range?.map((rng) => ({
+                    rng,
+                    effect
+                }));
+            }) : Optional.none();
+        };
+        const deleteRow = execute(eraseRows, lastRowGuard, noop, structureModified);
+        const deleteColumn = execute(eraseColumns, lastColumnGuard, noop, structureModified);
+        const insertRowsBefore$1 = execute(insertRowsBefore, always, noop, structureModified);
+        const insertRowsAfter$1 = execute(insertRowsAfter, always, noop, structureModified);
+        const insertColumnsBefore$1 = execute(insertColumnsBefore, always, colMutationOp, structureModified);
+        const insertColumnsAfter$1 = execute(insertColumnsAfter, always, colMutationOp, structureModified);
+        const mergeCells$1 = execute(mergeCells, always, noop, structureModified);
+        const unmergeCells$1 = execute(unmergeCells, always, noop, structureModified);
+        const pasteColsBefore$1 = execute(pasteColsBefore, always, noop, structureModified);
+        const pasteColsAfter$1 = execute(pasteColsAfter, always, noop, structureModified);
+        const pasteRowsBefore$1 = execute(pasteRowsBefore, always, noop, structureModified);
+        const pasteRowsAfter$1 = execute(pasteRowsAfter, always, noop, structureModified);
+        const pasteCells$1 = execute(pasteCells, always, noop, styleAndStructureModified);
+        const makeCellsHeader$1 = execute(makeCellsHeader, always, noop, structureModified);
+        const unmakeCellsHeader$1 = execute(unmakeCellsHeader, always, noop, structureModified);
+        const makeColumnsHeader$1 = execute(makeColumnsHeader, always, noop, structureModified);
+        const unmakeColumnsHeader$1 = execute(unmakeColumnsHeader, always, noop, structureModified);
+        const makeRowsHeader$1 = execute(makeRowsHeader, always, noop, structureModified);
+        const makeRowsBody$1 = execute(makeRowsBody, always, noop, structureModified);
+        const makeRowsFooter$1 = execute(makeRowsFooter, always, noop, structureModified);
+        const getTableCellType = getCellsType;
+        const getTableColType = getColumnsType;
+        const getTableRowType = getRowsType;
+        return {
+            deleteRow,
+            deleteColumn,
+            insertRowsBefore: insertRowsBefore$1,
+            insertRowsAfter: insertRowsAfter$1,
+            insertColumnsBefore: insertColumnsBefore$1,
+            insertColumnsAfter: insertColumnsAfter$1,
+            mergeCells: mergeCells$1,
+            unmergeCells: unmergeCells$1,
+            pasteColsBefore: pasteColsBefore$1,
+            pasteColsAfter: pasteColsAfter$1,
+            pasteRowsBefore: pasteRowsBefore$1,
+            pasteRowsAfter: pasteRowsAfter$1,
+            pasteCells: pasteCells$1,
+            makeCellsHeader: makeCellsHeader$1,
+            unmakeCellsHeader: unmakeCellsHeader$1,
+            makeColumnsHeader: makeColumnsHeader$1,
+            unmakeColumnsHeader: unmakeColumnsHeader$1,
+            makeRowsHeader: makeRowsHeader$1,
+            makeRowsBody: makeRowsBody$1,
+            makeRowsFooter: makeRowsFooter$1,
+            getTableRowType,
+            getTableCellType,
+            getTableColType
+        };
+    };
+
+    const placeCaretInCell = (editor, cell) => {
+        editor.selection.select(cell.dom, true);
+        editor.selection.collapse(true);
+    };
+    const selectFirstCellInTable = (editor, tableElm) => {
+        descendant(tableElm, 'td,th').each(curry(placeCaretInCell, editor));
+    };
+    const fireEvents = (editor, table) => {
+        each$2(descendants(table, 'tr'), (row) => {
+            fireNewRow(editor, row.dom);
+            each$2(descendants(row, 'th,td'), (cell) => {
+                fireNewCell(editor, cell.dom);
+            });
+        });
+    };
+    const isPercentage = (width) => isString(width) && width.indexOf('%') !== -1;
+    const insert = (editor, columns, rows, colHeaders, rowHeaders) => {
+        const defaultStyles = getTableDefaultStyles(editor);
+        const options = {
+            styles: defaultStyles,
+            attributes: getTableDefaultAttributes(editor),
+            colGroups: tableUseColumnGroup(editor)
+        };
+        // Don't create an undo level when inserting the base table HTML otherwise we can end up with 2 undo levels
+        editor.undoManager.ignore(() => {
+            const table = render(rows, columns, rowHeaders, colHeaders, getTableHeaderType(editor), options);
+            set$2(table, 'data-mce-id', '__mce');
+            const html = getOuter$2(table);
+            editor.insertContent(html);
+            editor.addVisual();
+        });
+        // Enforce the sizing mode of the table
+        return descendant(getBody(editor), 'table[data-mce-id="__mce"]')?.map((table) => {
+            if (isTablePixelsForced(editor)) {
+                convertToPixelSizeWidth(table);
+            }
+            else if (isTableResponsiveForced(editor)) {
+                convertToNoneSizeWidth(table);
+            }
+            else if (isTablePercentagesForced(editor) || isPercentage(defaultStyles.width)) {
+                convertToPercentSizeWidth(table);
+            }
+            removeDataStyle(table);
+            remove$6(table, 'data-mce-id');
+            fireEvents(editor, table);
+            selectFirstCellInTable(editor, table);
+            return table.dom;
+        }).getOrNull();
+    };
+    const insertTable = (editor, rows, columns, options = {}) => {
+        const checkInput = (val) => isNumber(val) && val > 0;
+        if (checkInput(rows) && checkInput(columns)) {
+            const headerRows = options.headerRows || 0;
+            const headerColumns = options.headerColumns || 0;
+            return insert(editor, columns, rows, headerColumns, headerRows);
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid values for mceInsertTable - rows and columns values are required to insert a table.');
+            return null;
+        }
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.FakeClipboard');
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - plugins/table/api/Clipboard.ts
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const tableTypeBase = 'x-tinymce/dom-table-';
+    const tableTypeRow = tableTypeBase + 'rows';
+    const tableTypeColumn = tableTypeBase + 'columns';
+    const setData = (items) => {
+        const fakeClipboardItem = global.FakeClipboardItem(items);
+        global.write([fakeClipboardItem]);
+    };
+    const getData = (type) => {
+        var _a;
+        const items = (_a = global.read()) !== null && _a !== void 0 ? _a : [];
+        return findMap(items, (item) => Optional.from(item.getType(type)));
+    };
+    const clearData = (type) => {
+        if (getData(type).isSome()) {
+            global.clear();
+        }
+    };
+    const setRows = (rowsOpt) => {
+        rowsOpt.fold(clearRows, (rows) => setData({ [tableTypeRow]: rows }));
+    };
+    const getRows = () => getData(tableTypeRow);
+    const clearRows = () => clearData(tableTypeRow);
+    const setColumns = (columnsOpt) => {
+        columnsOpt.fold(clearColumns, (columns) => setData({ [tableTypeColumn]: columns }));
+    };
+    const getColumns = () => getData(tableTypeColumn);
+    const clearColumns = () => clearData(tableTypeColumn);
+
+    const getSelectionStartCellOrCaption = (editor) => getSelectionCellOrCaption(getSelectionStart(editor), getIsRoot(editor)).filter(isInEditableContext$1);
+    const getSelectionStartCell = (editor) => getSelectionCell(getSelectionStart(editor), getIsRoot(editor)).filter(isInEditableContext$1);
+    const registerCommands = (editor, actions) => {
+        const isRoot = getIsRoot(editor);
+        const eraseTable = () => getSelectionStartCellOrCaption(editor).each((cellOrCaption) => {
+            table(cellOrCaption, isRoot).filter(not(isRoot)).each((table) => {
+                const cursor = SugarElement.fromText('');
+                after$4(table, cursor);
+                remove$5(table);
+                if (editor.dom.isEmpty(editor.getBody())) {
+                    editor.setContent('');
+                    editor.selection.setCursorLocation();
+                }
+                else {
+                    const rng = editor.dom.createRng();
+                    rng.setStart(cursor.dom, 0);
+                    rng.setEnd(cursor.dom, 0);
+                    editor.selection.setRng(rng);
+                    editor.nodeChanged();
+                }
+            });
+        });
+        const setSizingMode = (sizing) => getSelectionStartCellOrCaption(editor).each((cellOrCaption) => {
+            // Do nothing if tables are forced to use a specific sizing mode
+            const isForcedSizing = isTableResponsiveForced(editor) || isTablePixelsForced(editor) || isTablePercentagesForced(editor);
+            if (!isForcedSizing) {
+                table(cellOrCaption, isRoot).each((table) => {
+                    if (sizing === 'relative' && !isPercentSizing(table)) {
+                        convertToPercentSizeWidth(table);
+                    }
+                    else if (sizing === 'fixed' && !isPixelSizing(table)) {
+                        convertToPixelSizeWidth(table);
+                    }
+                    else if (sizing === 'responsive' && !isNoneSizing(table)) {
+                        convertToNoneSizeWidth(table);
+                    }
+                    removeDataStyle(table);
+                    fireTableModified(editor, table.dom, structureModified);
+                });
+            }
+        });
+        const getTableFromCell = (cell) => table(cell, isRoot);
+        const performActionOnSelection = (action) => getSelectionStartCell(editor).bind((cell) => getTableFromCell(cell)?.map((table) => action(table, cell)));
+        const toggleTableClass = (_ui, clazz) => {
+            performActionOnSelection((table) => {
+                editor.formatter.toggle('tableclass', { value: clazz }, table.dom);
+                fireTableModified(editor, table.dom, styleModified);
+            });
+        };
+        const toggleTableCellClass = (_ui, clazz) => {
+            performActionOnSelection((table) => {
+                const selectedCells = getCellsFromSelection(editor);
+                const allHaveClass = forall(selectedCells, (cell) => editor.formatter.match('tablecellclass', { value: clazz }, cell.dom));
+                const formatterAction = allHaveClass ? editor.formatter.remove : editor.formatter.apply;
+                each$2(selectedCells, (cell) => formatterAction('tablecellclass', { value: clazz }, cell.dom));
+                fireTableModified(editor, table.dom, styleModified);
+            });
+        };
+        const toggleCaption = () => {
+            getSelectionStartCellOrCaption(editor).each((cellOrCaption) => {
+                table(cellOrCaption, isRoot).each((table) => {
+                    child(table, 'caption').fold(() => {
+                        const caption = SugarElement.fromTag('caption');
+                        append$1(caption, SugarElement.fromText('Caption'));
+                        appendAt(table, caption, 0);
+                        editor.selection.setCursorLocation(caption.dom, 0);
+                    }, (caption) => {
+                        if (isTag('caption')(cellOrCaption)) {
+                            one('td', table).each((td) => editor.selection.setCursorLocation(td.dom, 0));
+                        }
+                        remove$5(caption);
+                    });
+                    fireTableModified(editor, table.dom, structureModified);
+                });
+            });
+        };
+        const postExecute = (_data) => {
+            editor.focus();
+        };
+        const actOnSelection = (execute, noEvents = false) => performActionOnSelection((table, startCell) => {
+            const targets = forMenu(getCellsFromSelection(editor), table, startCell);
+            execute(table, targets, noEvents).each(postExecute);
+        });
+        const copyRowSelection = () => performActionOnSelection((table, startCell) => {
+            const targets = forMenu(getCellsFromSelection(editor), table, startCell);
+            const generators = cellOperations(noop, SugarElement.fromDom(editor.getDoc()), Optional.none());
+            return copyRows(table, targets, generators);
+        });
+        const copyColSelection = () => performActionOnSelection((table, startCell) => {
+            const targets = forMenu(getCellsFromSelection(editor), table, startCell);
+            return copyCols(table, targets);
+        });
+        const pasteOnSelection = (execute, getRows) => 
+        // If we have FakeClipboard rows to paste
+        getRows().each((rows) => {
+            const clonedRows = map$1(rows, (row) => deep(row));
+            performActionOnSelection((table, startCell) => {
+                const generators = paste$1(SugarElement.fromDom(editor.getDoc()));
+                const targets = pasteRows(getCellsFromSelection(editor), startCell, clonedRows, generators);
+                execute(table, targets).each(postExecute);
+            });
+        });
+        const actOnType = (getAction) => (_ui, args) => get$c(args, 'type').each((type) => {
+            actOnSelection(getAction(type), args.no_events);
+        });
+        // Register action commands
+        each$1({
+            mceTableSplitCells: () => actOnSelection(actions.unmergeCells),
+            mceTableMergeCells: () => actOnSelection(actions.mergeCells),
+            mceTableInsertRowBefore: () => actOnSelection(actions.insertRowsBefore),
+            mceTableInsertRowAfter: () => actOnSelection(actions.insertRowsAfter),
+            mceTableInsertColBefore: () => actOnSelection(actions.insertColumnsBefore),
+            mceTableInsertColAfter: () => actOnSelection(actions.insertColumnsAfter),
+            mceTableDeleteCol: () => actOnSelection(actions.deleteColumn),
+            mceTableDeleteRow: () => actOnSelection(actions.deleteRow),
+            mceTableCutCol: () => copyColSelection().each((selection) => {
+                setColumns(selection);
+                actOnSelection(actions.deleteColumn);
+            }),
+            mceTableCutRow: () => copyRowSelection().each((selection) => {
+                setRows(selection);
+                actOnSelection(actions.deleteRow);
+            }),
+            mceTableCopyCol: () => copyColSelection().each((selection) => setColumns(selection)),
+            mceTableCopyRow: () => copyRowSelection().each((selection) => setRows(selection)),
+            mceTablePasteColBefore: () => pasteOnSelection(actions.pasteColsBefore, getColumns),
+            mceTablePasteColAfter: () => pasteOnSelection(actions.pasteColsAfter, getColumns),
+            mceTablePasteRowBefore: () => pasteOnSelection(actions.pasteRowsBefore, getRows),
+            mceTablePasteRowAfter: () => pasteOnSelection(actions.pasteRowsAfter, getRows),
+            mceTableDelete: eraseTable,
+            mceTableCellToggleClass: toggleTableCellClass,
+            mceTableToggleClass: toggleTableClass,
+            mceTableToggleCaption: toggleCaption,
+            mceTableSizingMode: (_ui, sizing) => setSizingMode(sizing),
+            mceTableCellType: actOnType((type) => type === 'th' ? actions.makeCellsHeader : actions.unmakeCellsHeader),
+            mceTableColType: actOnType((type) => type === 'th' ? actions.makeColumnsHeader : actions.unmakeColumnsHeader),
+            mceTableRowType: actOnType((type) => {
+                switch (type) {
+                    case 'header':
+                        return actions.makeRowsHeader;
+                    case 'footer':
+                        return actions.makeRowsFooter;
+                    default:
+                        return actions.makeRowsBody;
+                }
+            })
+        }, (func, name) => editor.addCommand(name, func));
+        editor.addCommand('mceInsertTable', (_ui, args) => {
+            insertTable(editor, args.rows, args.columns, args.options);
+        });
+        // Apply cell style using command (background color, border color, border style and border width)
+        // tinyMCE.activeEditor.execCommand('mceTableApplyCellStyle', false, { backgroundColor: 'red', borderColor: 'blue' })
+        // Remove cell style using command (an empty string indicates to remove the style)
+        // tinyMCE.activeEditor.execCommand('mceTableApplyCellStyle', false, { backgroundColor: '' })
+        editor.addCommand('mceTableApplyCellStyle', (_ui, args) => {
+            const getFormatName = (style) => 'tablecell' + style.toLowerCase().replace('-', '');
+            if (!isObject(args)) {
+                return;
+            }
+            const cells = filter$2(getCellsFromSelection(editor), isInEditableContext$1);
+            if (cells.length === 0) {
+                return;
+            }
+            const validArgs = filter$1(args, (value, style) => editor.formatter.has(getFormatName(style)) && isString(value));
+            if (isEmpty(validArgs)) {
+                return;
+            }
+            each$1(validArgs, (value, style) => {
+                const formatName = getFormatName(style);
+                each$2(cells, (cell) => {
+                    if (value === '') {
+                        editor.formatter.remove(formatName, { value: null }, cell.dom, true);
+                    }
+                    else {
+                        editor.formatter.apply(formatName, { value }, cell.dom);
+                    }
+                });
+            });
+            /*
+              Use the first cell in the selection to get the table and fire the TableModified event.
+              If this command is applied over multiple tables, only the first table selected
+              will have a TableModified event thrown.
+            */
+            getTableFromCell(cells[0]).each((table) => fireTableModified(editor, table.dom, styleModified));
+        });
+    };
+
+    const registerQueryCommands = (editor, actions) => {
+        const isRoot = getIsRoot(editor);
+        const lookupOnSelection = (action) => getSelectionCell(getSelectionStart(editor)).bind((cell) => table(cell, isRoot)?.map((table) => {
+            const targets = forMenu(getCellsFromSelection(editor), table, cell);
+            return action(table, targets);
+        })).getOr('');
+        each$1({
+            mceTableRowType: () => lookupOnSelection(actions.getTableRowType),
+            mceTableCellType: () => lookupOnSelection(actions.getTableCellType),
+            mceTableColType: () => lookupOnSelection(actions.getTableColType)
+        }, (func, name) => editor.addQueryValueHandler(name, func));
+    };
+
+    const hasInternalTarget = (e) => !has(SugarElement.fromDom(e.target), 'ephox-snooker-resizer-bar');
+    const TableCellSelectionHandler = (editor, resizeHandler) => {
+        const cellSelection = Selections(() => SugarElement.fromDom(editor.getBody()), () => getSelectionCell(getSelectionStart(editor), getIsRoot(editor)), ephemera.selectedSelector);
+        const onSelection = (cells, start, finish) => {
+            const tableOpt = table(start);
+            tableOpt.each((table) => {
+                const cellsDom = map$1(cells, (cell) => cell.dom);
+                const cloneFormats = getTableCloneElements(editor);
+                const generators = cellOperations(noop, SugarElement.fromDom(editor.getDoc()), cloneFormats);
+                const selectedCells = getCellsFromSelection(editor);
+                const otherCellsDom = getOtherCells(table, { selection: selectedCells }, generators)
+                    ?.map((otherCells) => map(otherCells, (cellArr) => map$1(cellArr, (cell) => cell.dom)))
+                    .getOrUndefined();
+                fireTableSelectionChange(editor, cellsDom, start.dom, finish.dom, otherCellsDom);
+            });
+        };
+        const onClear = () => fireTableSelectionClear(editor);
+        const annotations = SelectionAnnotation.byAttr(ephemera, onSelection, onClear);
+        editor.on('init', (_e) => {
+            const win = editor.getWin();
+            const body = getBody(editor);
+            const isRoot = getIsRoot(editor);
+            // When the selection changes through either the mouse or keyboard, and the selection is no longer within the table.
+            // Remove the selection.
+            const syncSelection = () => {
+                const sel = editor.selection;
+                const start = SugarElement.fromDom(sel.getStart());
+                const end = SugarElement.fromDom(sel.getEnd());
+                const shared = sharedOne(table, [start, end]);
+                shared.fold(() => annotations.clear(body), noop);
+            };
+            const mouseHandlers = mouse(win, body, isRoot, annotations);
+            const keyHandlers = keyboard(win, body, isRoot, annotations);
+            const external$1 = external(win, body, isRoot, annotations);
+            const hasShiftKey = (event) => event.raw.shiftKey === true;
+            editor.on('TableSelectorChange', (e) => external$1(e.start, e.finish));
+            const handleResponse = (event, response) => {
+                // Only handle shift key non shiftkey cell navigation is handled by core
+                if (!hasShiftKey(event)) {
+                    return;
+                }
+                if (response.kill) {
+                    event.kill();
+                }
+                response.selection.each((ns) => {
+                    const relative = SimSelection.relative(ns.start, ns.finish);
+                    const rng = asLtrRange(win, relative);
+                    editor.selection.setRng(rng);
+                });
+            };
+            const keyup = (event) => {
+                const wrappedEvent = fromRawEvent(event);
+                // Note, this is an optimisation.
+                if (wrappedEvent.raw.shiftKey && isNavigation(wrappedEvent.raw.which)) {
+                    const rng = editor.selection.getRng();
+                    const start = SugarElement.fromDom(rng.startContainer);
+                    const end = SugarElement.fromDom(rng.endContainer);
+                    keyHandlers.keyup(wrappedEvent, start, rng.startOffset, end, rng.endOffset).each((response) => {
+                        handleResponse(wrappedEvent, response);
+                    });
+                }
+            };
+            const keydown = (event) => {
+                const wrappedEvent = fromRawEvent(event);
+                resizeHandler.hide();
+                const rng = editor.selection.getRng();
+                const start = SugarElement.fromDom(rng.startContainer);
+                const end = SugarElement.fromDom(rng.endContainer);
+                const direction = onDirection(ltr, rtl)(SugarElement.fromDom(editor.selection.getStart()));
+                keyHandlers.keydown(wrappedEvent, start, rng.startOffset, end, rng.endOffset, direction).each((response) => {
+                    handleResponse(wrappedEvent, response);
+                });
+                resizeHandler.show();
+            };
+            const isLeftMouse = (raw) => raw.button === 0;
+            // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons
+            const isLeftButtonPressed = (raw) => {
+                // Only added by Chrome/Firefox in June 2015.
+                // This is only to fix a 1px bug (TBIO-2836) so return true if we're on an older browser
+                if (raw.buttons === undefined) {
+                    return true;
+                }
+                // use bitwise & for optimal comparison
+                // eslint-disable-next-line no-bitwise
+                return (raw.buttons & 1) !== 0;
+            };
+            const dragStart = (_e) => {
+                mouseHandlers.clearstate();
+            };
+            const mouseDown = (e) => {
+                if (isLeftMouse(e) && hasInternalTarget(e)) {
+                    mouseHandlers.mousedown(fromRawEvent(e));
+                }
+            };
+            const mouseOver = (e) => {
+                if (isLeftButtonPressed(e) && hasInternalTarget(e)) {
+                    mouseHandlers.mouseover(fromRawEvent(e));
+                }
+            };
+            const mouseUp = (e) => {
+                if (isLeftMouse(e) && hasInternalTarget(e)) {
+                    mouseHandlers.mouseup(fromRawEvent(e));
+                }
+            };
+            const getDoubleTap = () => {
+                const lastTarget = Cell(SugarElement.fromDom(body));
+                const lastTimeStamp = Cell(0);
+                const touchEnd = (t) => {
+                    const target = SugarElement.fromDom(t.target);
+                    if (isTag('td')(target) || isTag('th')(target)) {
+                        const lT = lastTarget.get();
+                        const lTS = lastTimeStamp.get();
+                        if (eq$1(lT, target) && (t.timeStamp - lTS) < 300) {
+                            t.preventDefault();
+                            external$1(target, target);
+                        }
+                    }
+                    lastTarget.set(target);
+                    lastTimeStamp.set(t.timeStamp);
+                };
+                return {
+                    touchEnd
+                };
+            };
+            const doubleTap = getDoubleTap();
+            editor.on('dragstart', dragStart);
+            editor.on('mousedown', mouseDown);
+            editor.on('mouseover', mouseOver);
+            editor.on('mouseup', mouseUp);
+            editor.on('touchend', doubleTap.touchEnd);
+            editor.on('keyup', keyup);
+            editor.on('keydown', keydown);
+            editor.on('NodeChange', syncSelection);
+        });
+        editor.on('PreInit', () => {
+            editor.serializer.addTempAttr(ephemera.firstSelected);
+            editor.serializer.addTempAttr(ephemera.lastSelected);
+        });
+        const clearSelectedCells = (container) => annotations.clear(SugarElement.fromDom(container));
+        const getSelectedCells = () => fold(cellSelection.get(), 
+        // No fake selected cells
+        constant([]), 
+        // This path is taken whenever there is fake cell selection even for just a single selected cell
+        (cells) => {
+            return map$1(cells, (cell) => cell.dom);
+        }, 
+        // For this path, the start of the selection whether collapsed or ranged is within a table cell
+        (cell) => [cell.dom]);
+        return {
+            getSelectedCells,
+            clearSelectedCells
+        };
+    };
+
+    const get = (editor, isResizable) => {
+        const editorBody = SugarElement.fromDom(editor.getBody());
+        return ResizeWire.body(editorBody, isResizable);
+    };
+
+    const isTable = (node) => isNonNullable(node) && node.nodeName === 'TABLE';
+    const barResizerPrefix = 'bar-';
+    const isResizable = (elm) => get$b(elm, 'data-mce-resize') !== 'false';
+    const syncTableCellPixels = (table) => {
+        const warehouse = Warehouse.fromTable(table);
+        if (!Warehouse.hasColumns(warehouse)) {
+            // Ensure the specified width matches the actual cell width
+            each$2(cells$1(table), (cell) => {
+                const computedWidth = get$9(cell, 'width');
+                set$1(cell, 'width', computedWidth);
+                remove$6(cell, 'width');
+            });
+        }
+    };
+    const isCornerResize = (origin) => startsWith(origin, 'corner-');
+    const getCornerLocation = (origin) => removeLeading(origin, 'corner-');
+    const TableResizeHandler = (editor) => {
+        const selectionRng = value();
+        const tableResize = value();
+        const resizeWire = value();
+        let startW;
+        let startRawW;
+        let startH;
+        let startRawH;
+        const lazySizing = (table) => get$1(editor, table);
+        const lazyResizingBehaviour = () => isPreserveTableColumnResizing(editor) ? preserveTable() : resizeTable();
+        const getNumColumns = (table) => getGridSize(table).columns;
+        const getNumRows = (table) => getGridSize(table).rows;
+        const afterCornerResize = (table, origin, width, height) => {
+            // Origin will tell us which handle was clicked, eg corner-se or corner-nw
+            // so check to see if it ends with `e` (eg east edge)
+            const location = getCornerLocation(origin);
+            const isRightEdgeResize = endsWith(location, 'e');
+            const isNorthEdgeResize = startsWith(location, 'n');
+            // Responsive tables don't have a width so we need to convert it to a relative/percent
+            // table instead, as that's closer to responsive sizing than fixed sizing
+            if (startRawW === '') {
+                convertToPercentSizeWidth(table);
+            }
+            // Responsive tables don't have a height so we need to convert it to a fixed value to be able to resize the table height
+            if (startRawH === '') {
+                convertToPixelSizeHeight(table);
+            }
+            // Adjust the column sizes and update the table width to use the right sizing, if the table changed size.
+            // This is needed as core will always use pixels when setting the width.
+            if (width !== startW && startRawW !== '') {
+                // Restore the original size and then let snooker resize appropriately
+                set$1(table, 'width', startRawW);
+                const resizing = lazyResizingBehaviour();
+                const tableSize = lazySizing(table);
+                // For preserve table we want to always resize the entire table. So pretend the last column is being resized
+                const col = isPreserveTableColumnResizing(editor) || isRightEdgeResize ? getNumColumns(table) - 1 : 0;
+                adjustWidth(table, width - startW, col, resizing, tableSize);
+                // Handle the edge case where someone might fire this event without resizing.
+                // If so then we need to ensure the table is still using percent
+            }
+            else if (isPercentage$1(startRawW)) {
+                const percentW = parseFloat(startRawW.replace('%', ''));
+                const targetPercentW = width * percentW / startW;
+                set$1(table, 'width', targetPercentW + '%');
+            }
+            // Sync the cell sizes, as the core resizing logic doesn't update them, but snooker does
+            if (isPixel(startRawW)) {
+                syncTableCellPixels(table);
+            }
+            // NOTE: This will only change the height of the first or last tr
+            if (height !== startH && startRawH !== '') {
+                // Restore the original size and then let snooker resize appropriately
+                set$1(table, 'height', startRawH);
+                const idx = isNorthEdgeResize ? 0 : getNumRows(table) - 1;
+                adjustHeight(table, height - startH, idx);
+            }
+        };
+        const destroy = () => {
+            tableResize.on((sz) => {
+                sz.destroy();
+            });
+        };
+        editor.on('init', () => {
+            const rawWire = get(editor, isResizable);
+            resizeWire.set(rawWire);
+            if (hasTableObjectResizing(editor) && hasTableResizeBars(editor)) {
+                const resizing = lazyResizingBehaviour();
+                const sz = TableResize.create(rawWire, resizing, lazySizing);
+                if (!editor.mode.isReadOnly()) {
+                    sz.on();
+                }
+                sz.events.startDrag.bind((_event) => {
+                    selectionRng.set(editor.selection.getRng());
+                });
+                sz.events.beforeResize.bind((event) => {
+                    const rawTable = event.table.dom;
+                    fireObjectResizeStart(editor, rawTable, getPixelWidth(rawTable), getPixelHeight(rawTable), barResizerPrefix + event.type);
+                });
+                sz.events.afterResize.bind((event) => {
+                    const table = event.table;
+                    const rawTable = table.dom;
+                    removeDataStyle(table);
+                    selectionRng.on((rng) => {
+                        editor.selection.setRng(rng);
+                        editor.focus();
+                    });
+                    fireObjectResized(editor, rawTable, getPixelWidth(rawTable), getPixelHeight(rawTable), barResizerPrefix + event.type);
+                    editor.undoManager.add();
+                });
+                tableResize.set(sz);
+            }
+        });
+        // If we're updating the table width via the old mechanic, we need to update the constituent cells' widths/heights too.
+        editor.on('ObjectResizeStart', (e) => {
+            const targetElm = e.target;
+            if (isTable(targetElm) && !editor.mode.isReadOnly()) {
+                const table = SugarElement.fromDom(targetElm);
+                // Add a class based on the resizing mode
+                each$2(editor.dom.select('.mce-clonedresizable'), (clone) => {
+                    editor.dom.addClass(clone, 'mce-' + getTableColumnResizingBehaviour(editor) + '-columns');
+                });
+                if (!isPixelSizing(table) && isTablePixelsForced(editor)) {
+                    convertToPixelSizeWidth(table);
+                }
+                else if (!isPercentSizing(table) && isTablePercentagesForced(editor)) {
+                    convertToPercentSizeWidth(table);
+                }
+                // TINY-6601: If resizing using a bar, then snooker will base the resizing on the initial size. So
+                // when using a responsive table we need to ensure we convert to a relative table before resizing
+                if (isNoneSizing(table) && startsWith(e.origin, barResizerPrefix)) {
+                    convertToPercentSizeWidth(table);
+                }
+                startW = e.width;
+                startRawW = isTableResponsiveForced(editor) ? '' : getRawWidth(editor, targetElm).getOr('');
+                startH = e.height;
+                startRawH = getRawHeight(editor, targetElm).getOr('');
+            }
+        });
+        editor.on('ObjectResized', (e) => {
+            const targetElm = e.target;
+            if (isTable(targetElm)) {
+                const table = SugarElement.fromDom(targetElm);
+                // Resize based on the snooker logic to adjust the individual col/rows if resized from a corner
+                const origin = e.origin;
+                if (isCornerResize(origin)) {
+                    afterCornerResize(table, origin, e.width, e.height);
+                }
+                removeDataStyle(table);
+                fireTableModified(editor, table.dom, styleModified);
+            }
+        });
+        const showResizeBars = () => {
+            tableResize.on((resize) => {
+                resize.on();
+                resize.showBars();
+            });
+        };
+        const hideResizeBars = () => {
+            tableResize.on((resize) => {
+                resize.off();
+                resize.hideBars();
+            });
+        };
+        editor.on('DisabledStateChange', (e) => {
+            e.state ? hideResizeBars() : showResizeBars();
+        });
+        editor.on('SwitchMode', () => {
+            editor.mode.isReadOnly() ? hideResizeBars() : showResizeBars();
+        });
+        editor.on('dragstart dragend', (e) => {
+            e.type === 'dragstart' ? hideResizeBars() : showResizeBars();
+        });
+        editor.on('remove', () => {
+            destroy();
+        });
+        const refresh = (table) => {
+            tableResize.on((resize) => resize.refreshBars(SugarElement.fromDom(table)));
+        };
+        const hide = () => {
+            tableResize.on((resize) => resize.hideBars());
+        };
+        const show = () => {
+            tableResize.on((resize) => resize.showBars());
+        };
+        return {
+            refresh,
+            hide,
+            show
+        };
+    };
+
+    const setupTable = (editor) => {
+        register(editor);
+        const resizeHandler = TableResizeHandler(editor);
+        const cellSelectionHandler = TableCellSelectionHandler(editor, resizeHandler);
+        const actions = TableActions(editor, resizeHandler, cellSelectionHandler);
+        registerCommands(editor, actions);
+        registerQueryCommands(editor, actions);
+        // TODO: TINY-8385 Maybe move to core. Although, will need RTC to have that working first
+        registerEvents(editor, actions);
+        return {
+            getSelectedCells: cellSelectionHandler.getSelectedCells,
+            clearSelectedCells: cellSelectionHandler.clearSelectedCells
+        };
+    };
+
+    const DomModel = (editor) => {
+        const table = setupTable(editor);
+        return {
+            table
+        };
+    };
+    var Model = () => {
+        global$1.add('dom', DomModel);
+    };
+
+    Model();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/model.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/model.min.js
new file mode 100644
index 000000000..bb31f14e4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/models/dom/model.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.ModelManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(o=n=e,(r=String).prototype.isPrototypeOf(o)||(null===(s=n.constructor)||void 0===s?void 0:s.name)===r.name)?"string":t;var o,n,r,s})(t)===e,o=e=>t=>typeof t===e,n=e=>t=>e===t,r=t("string"),s=t("object"),l=t("array"),a=n(null),c=o("boolean"),i=n(void 0),m=e=>!(e=>null==e)(e),d=o("function"),u=o("number"),f=()=>{},g=e=>()=>e,h=e=>e,p=(e,t)=>e===t;function b(e,...t){return(...o)=>{const n=t.concat(o);return e.apply(null,n)}}const w=e=>t=>!e(t),v=e=>e(),y=g(!1),x=g(!0);class C{constructor(e,t){this.tag=e,this.value=t}static some(e){return new C(!0,e)}static none(){return C.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?C?.some(e(this.value)):C.none()}bind(e){return this.tag?e(this.value):C.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:C.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return m(e)?C?.some(e):C.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}C.singletonNone=new C(!1);const S=Array.prototype.slice,T=Array.prototype.indexOf,R=Array.prototype.push,D=(e,t)=>{return o=e,n=t,T.call(o,n)>-1;var o,n},O=(e,t)=>{for(let o=0,n=e.length;o<n;o++)if(t(e[o],o))return!0;return!1},k=(e,t)=>{const o=[];for(let n=0;n<e;n++)o.push(t(n));return o},E=(e,t)=>{const o=e.length,n=new Array(o);for(let r=0;r<o;r++){const o=e[r];n[r]=t(o,r)}return n},N=(e,t)=>{for(let o=0,n=e.length;o<n;o++)t(e[o],o)},B=(e,t)=>{const o=[],n=[];for(let r=0,s=e.length;r<s;r++){const s=e[r];(t(s,r)?o:n).push(s)}return{pass:o,fail:n}},_=(e,t)=>{const o=[];for(let n=0,r=e.length;n<r;n++){const r=e[n];t(r,n)&&o.push(r)}return o},z=(e,t,o)=>(((e,t)=>{for(let o=e.length-1;o>=0;o--)t(e[o],o)})(e,((e,n)=>{o=t(o,e,n)})),o),A=(e,t,o)=>(N(e,((e,n)=>{o=t(o,e,n)})),o),W=(e,t)=>((e,t,o)=>{for(let n=0,r=e.length;n<r;n++){const r=e[n];if(t(r,n))return C?.some(r);if(o(r,n))break}return C.none()})(e,t,y),L=(e,t)=>{for(let o=0,n=e.length;o<n;o++)if(t(e[o],o))return C?.some(o);return C.none()},M=e=>{const t=[];for(let o=0,n=e.length;o<n;++o){if(!l(e[o]))throw new Error("Arr.flatten item "+o+" was not an array, input: "+e);R.apply(t,e[o])}return t},j=(e,t)=>M(E(e,t)),P=(e,t)=>{for(let o=0,n=e.length;o<n;++o)if(!0!==t(e[o],o))return!1;return!0},I=(e,t)=>{const o={};for(let n=0,r=e.length;n<r;n++){const r=e[n];o[String(r)]=t(r,n)}return o},F=(e,t)=>t>=0&&t<e.length?C?.some(e[t]):C.none(),H=e=>F(e,0),$=e=>F(e,e.length-1),V=(e,t)=>{for(let o=0;o<e.length;o++){const n=t(e[o],o);if(n.isSome())return n}return C.none()},q=Object.keys,U=Object.hasOwnProperty,G=(e,t)=>{const o=q(e);for(let n=0,r=o.length;n<r;n++){const r=o[n];t(e[r],r)}},K=(e,t)=>Y(e,((e,o)=>({k:o,v:t(e,o)}))),Y=(e,t)=>{const o={};return G(e,((e,n)=>{const r=t(e,n);o[r.k]=r.v})),o},J=(e,t)=>{const o=[];return G(e,((e,n)=>{o.push(t(e,n))})),o},Q=e=>J(e,h),X=(e,t)=>U.call(e,t),Z=e=>{if(!l(e))throw new Error("cases must be an array");if(0===e.length)throw new Error("there must be at least one case");const t=[],o={};return N(e,((n,r)=>{const s=q(n);if(1!==s.length)throw new Error("one and only one name per case");const a=s[0],c=n[a];if(void 0!==o[a])throw new Error("duplicate key detected:"+a);if("cata"===a)throw new Error("cannot have a case named cata (sorry)");if(!l(c))throw new Error("case arguments must be an array");t.push(a),o[a]=(...o)=>{const n=o.length;if(n!==c.length)throw new Error("Wrong number of arguments to case "+a+". Expected "+c.length+" ("+c+"), got "+n);return{fold:(...t)=>{if(t.length!==e.length)throw new Error("Wrong number of arguments to fold. Expected "+e.length+", got "+t.length);return t[r].apply(null,o)},match:e=>{const n=q(e);if(t.length!==n.length)throw new Error("Wrong number of arguments to match. Expected: "+t.join(",")+"\nActual: "+n.join(","));if(!P(t,(e=>D(n,e))))throw new Error("Not all branches were specified when using match. Specified: "+n.join(", ")+"\nRequired: "+t.join(", "));return e[a].apply(null,o)},log:e=>{console.log(e,{constructors:t,constructor:a,params:o})}}}})),o},ee=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},te=e=>e.slice(0).sort(),oe=(e,t)=>{const o=_(t,(t=>!D(e,t)));o.length>0&&(e=>{throw new Error("Unsupported keys for object: "+te(e).join(", "))})(o)},ne=e=>((e,t)=>((e,t,o)=>{if(0===t.length)throw new Error("You must specify at least one required field.");return((e,t)=>{if(!l(t))throw new Error("The "+e+" fields must be an array. Was: "+t+".");N(t,(t=>{if(!r(t))throw new Error("The value "+t+" in the "+e+" fields was not a string.")}))})("required",t),(e=>{const t=te(e);W(t,((e,o)=>o<t.length-1&&e===t[o+1])).each((e=>{throw new Error("The field: "+e+" occurs more than once in the combined fields: ["+t.join(", ")+"].")}))})(t),n=>{const r=q(n);P(t,(e=>D(r,e)))||((e,t)=>{throw new Error("All required keys ("+te(e).join(", ")+") were not specified. Specified keys were: "+te(t).join(", ")+".")})(t,r),e(t,r);const s=_(t,(e=>!o.validate(n[e],e)));return s.length>0&&((e,t)=>{throw new Error("All values need to be of type: "+t+". Keys ("+te(e).join(", ")+") were not.")})(s,o.label),n}})(e,t,{validate:d,label:"function"}))(oe,e),re=e=>{const t=t=>t(e),o=g(e),n=()=>r,r={tag:!0,inner:e,fold:(t,o)=>o(e),isValue:x,isError:y,map:t=>le.value(t(e)),mapError:n,bind:t,exists:t,forall:t,getOr:o,or:n,getOrThunk:o,orThunk:n,getOrDie:o,each:t=>{t(e)},toOptional:()=>C?.some(e)};return r},se=e=>{const t=()=>o,o={tag:!1,inner:e,fold:(t,o)=>t(e),isValue:y,isError:x,map:t,mapError:t=>le.error(t(e)),bind:t,exists:y,forall:x,getOr:h,or:h,getOrThunk:v,orThunk:v,getOrDie:(n=String(e),()=>{throw new Error(n)}),each:f,toOptional:C.none};var n;return o},le={value:re,error:se,fromOption:(e,t)=>e.fold((()=>se(t)),re)},ae="undefined"!=typeof window?window:Function("return this;")(),ce=e=>{const t=e.replace(/\./g,"-");return{resolve:e=>t+"-"+e}},ie=(e,t,o=p)=>e.exists((e=>o(e,t))),me=e=>{const t=[],o=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(o);return t},de=(e,t)=>e?C?.some(t):C.none(),ue=(e,t)=>((e,t)=>{let o=null!=t?t:ae;for(let t=0;t<e.length&&null!=o;++t)o=o[e[t]];return o})(e.split("."),t),fe=()=>{const e=(e=>{const t=ee(C.none()),o=()=>t.get().each(e);return{clear:()=>{o(),t.set(C.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{o(),t.set(C?.some(e))}}})(f);return{...e,on:t=>e.get().each(t)}},ge=(e,t,o)=>""===t||e.length>=t.length&&e.substr(o,o+t.length)===t,he=(e,t,o=0,n)=>{const r=e.indexOf(t,o);return-1!==r&&(!!i(n)||r+t.length<=n)},pe=(e,t)=>ge(e,t,0),be=(e,t)=>ge(e,t,e.length-t.length),we=(e=>t=>t.replace(e,""))(/^\s+|\s+$/g),ve=e=>e.length>0,ye=e=>{let t,o=!1;return(...n)=>(o||(o=!0,t=e.apply(null,n)),t)},xe=["tfoot","thead","tbody","colgroup"],Ce=(e,t,o)=>({element:e,rowspan:t,colspan:o}),Se=(e,t,o)=>({element:e,cells:t,section:o}),Te=(e,t,o)=>({element:e,isNew:t,isLocked:o}),Re=(e,t,o,n)=>({element:e,cells:t,section:o,isNew:n}),De=(e,t,o)=>{const n=e.cells,r=n.slice(0,t),s=n.slice(t),l=r.concat(o).concat(s);return Ee(e,l)},Oe=(e,t,o)=>De(e,t,[o]),ke=(e,t,o)=>{e.cells[t]=o},Ee=(e,t)=>Re(e.element,t,e.section,e.isNew),Ne=(e,t)=>e.cells[t],Be=(e,t)=>Ne(e,t).element,_e=e=>e.cells.length,ze=e=>{const t=B(e,(e=>"colgroup"===e.section));return{rows:t.fail,cols:t.pass}},Ae=(e,t,o)=>{const n=E(e.cells,o);return Re(t(e.element),n,e.section,!0)},We=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},Le={fromHtml:(e,t)=>{const o=(t||document).createElement("div");if(o.innerHTML=e,!o.hasChildNodes()||o.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return We(o.childNodes[0])},fromTag:(e,t)=>{const o=(t||document).createElement(e);return We(o)},fromText:(e,t)=>{const o=(t||document).createTextNode(e);return We(o)},fromDom:We,fromPoint:(e,t,o)=>C.from(e.dom.elementFromPoint(t,o))?.map(We)},Me=(e,t)=>{const o=e.document.createRange();return o.selectNode(t.dom),o},je=(e,t)=>{const o=e.document.createRange();return Pe(o,t),o},Pe=(e,t)=>e.selectNodeContents(t.dom),Ie=(e,t,o)=>{const n=e.document.createRange();var r;return r=n,t.fold((e=>{r.setStartBefore(e.dom)}),((e,t)=>{r.setStart(e.dom,t)}),(e=>{r.setStartAfter(e.dom)})),((e,t)=>{t.fold((t=>{e.setEndBefore(t.dom)}),((t,o)=>{e.setEnd(t.dom,o)}),(t=>{e.setEndAfter(t.dom)}))})(n,o),n},Fe=(e,t,o,n,r)=>{const s=e.document.createRange();return s.setStart(t.dom,o),s.setEnd(n.dom,r),s},He=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),$e=Z([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),Ve=(e,t,o)=>t(Le.fromDom(o.startContainer),o.startOffset,Le.fromDom(o.endContainer),o.endOffset),qe=(e,t)=>{const o=((e,t)=>t.match({domRange:e=>({ltr:g(e),rtl:C.none}),relative:(t,o)=>({ltr:ye((()=>Ie(e,t,o))),rtl:ye((()=>C?.some(Ie(e,o,t))))}),exact:(t,o,n,r)=>({ltr:ye((()=>Fe(e,t,o,n,r))),rtl:ye((()=>C?.some(Fe(e,n,r,t,o))))})}))(e,t);return((e,t)=>{const o=t.ltr();return o.collapsed?t.rtl().filter((e=>!1===e.collapsed))?.map((e=>$e.rtl(Le.fromDom(e.endContainer),e.endOffset,Le.fromDom(e.startContainer),e.startOffset))).getOrThunk((()=>Ve(0,$e.ltr,o))):Ve(0,$e.ltr,o)})(0,o)},Ue=(e,t)=>qe(e,t).match({ltr:(t,o,n,r)=>{const s=e.document.createRange();return s.setStart(t.dom,o),s.setEnd(n.dom,r),s},rtl:(t,o,n,r)=>{const s=e.document.createRange();return s.setStart(n.dom,r),s.setEnd(t.dom,o),s}});$e.ltr,$e.rtl;const Ge=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},Ke=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,Ye=(e,t)=>{const o=void 0===t?document:t.dom;return Ke(o)?C.none():C.from(o.querySelector(e))?.map(Le.fromDom)},Je=(e,t)=>e.dom===t.dom,Qe=(e,t)=>{const o=e.dom,n=t.dom;return o!==n&&o.contains(n)},Xe=Ge,Ze=()=>et(0,0),et=(e,t)=>({major:e,minor:t}),tt={nu:et,detect:(e,t)=>{const o=String(t).toLowerCase();return 0===e.length?Ze():((e,t)=>{const o=((e,t)=>{for(let o=0;o<e.length;o++){const n=e[o];if(n.test(t))return n}})(e,t);if(!o)return{major:0,minor:0};const n=e=>Number(t.replace(o,"$"+e));return et(n(1),n(2))})(e,o)},unknown:Ze},ot=(e,t)=>{const o=String(t).toLowerCase();return W(e,(e=>e.search(o)))},nt=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,rt=e=>t=>he(t,e),st=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>he(e,"edge/")&&he(e,"chrome")&&he(e,"safari")&&he(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,nt],search:e=>he(e,"chrome")&&!he(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>he(e,"msie")||he(e,"trident")},{name:"Opera",versionRegexes:[nt,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:rt("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:rt("firefox")},{name:"Safari",versionRegexes:[nt,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(he(e,"safari")||he(e,"mobile/"))&&he(e,"applewebkit")}],lt=[{name:"Windows",search:rt("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>he(e,"iphone")||he(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:rt("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:rt("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:rt("linux"),versionRegexes:[]},{name:"Solaris",search:rt("sunos"),versionRegexes:[]},{name:"FreeBSD",search:rt("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:rt("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],at={browsers:g(st),oses:g(lt)},ct="Edge",it="Chromium",mt="Opera",dt="Firefox",ut="Safari",ft=e=>{const t=e.current,o=e.version,n=e=>()=>t===e;return{current:t,version:o,isEdge:n(ct),isChromium:n(it),isIE:n("IE"),isOpera:n(mt),isFirefox:n(dt),isSafari:n(ut)}},gt=()=>ft({current:void 0,version:tt.unknown()}),ht=ft,pt=(g(ct),g(it),g("IE"),g(mt),g(dt),g(ut),"Windows"),bt="Android",wt="Linux",vt="macOS",yt="Solaris",xt="FreeBSD",Ct="ChromeOS",St=e=>{const t=e.current,o=e.version,n=e=>()=>t===e;return{current:t,version:o,isWindows:n(pt),isiOS:n("iOS"),isAndroid:n(bt),isMacOS:n(vt),isLinux:n(wt),isSolaris:n(yt),isFreeBSD:n(xt),isChromeOS:n(Ct)}},Tt=()=>St({current:void 0,version:tt.unknown()}),Rt=St,Dt=(g(pt),g("iOS"),g(bt),g(wt),g(vt),g(yt),g(xt),g(Ct),e=>window.matchMedia(e).matches);let Ot=ye((()=>((e,t,o)=>{const n=at.browsers(),r=at.oses(),s=t.bind((e=>((e,t)=>V(t.brands,(t=>{const o=t.brand.toLowerCase();return W(e,(e=>{var t;return o===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:tt.nu(parseInt(t.version,10),0)})))})))(n,e))).orThunk((()=>((e,t)=>ot(e,t)?.map((e=>{const o=tt.detect(e.versionRegexes,t);return{current:e.name,version:o}})))(n,e))).fold(gt,ht),l=((e,t)=>ot(e,t)?.map((e=>{const o=tt.detect(e.versionRegexes,t);return{current:e.name,version:o}})))(r,e).fold(Tt,Rt),a=((e,t,o,n)=>{const r=e.isiOS()&&!0===/ipad/i.test(o),s=e.isiOS()&&!r,l=e.isiOS()||e.isAndroid(),a=l||n("(pointer:coarse)"),c=r||!s&&l&&n("(min-device-width:768px)"),i=s||l&&!c,m=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(o),d=!i&&!c&&!m;return{isiPad:g(r),isiPhone:g(s),isTablet:g(c),isPhone:g(i),isTouch:g(a),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:g(m),isDesktop:g(d)}})(l,s,e,o);return{browser:s,os:l,deviceType:a}})(window.navigator.userAgent,C.from(window.navigator.userAgentData),Dt)));const kt=()=>Ot(),Et=Object.getPrototypeOf,Nt=e=>{const t=ue("ownerDocument.defaultView",e);return s(e)&&((e=>((e,t)=>{const o=((e,t)=>ue(e,t))(e,t);if(null==o)throw new Error(e+" not available on this browser");return o})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(Et(e).constructor.name))},Bt=e=>e.dom.nodeName.toLowerCase(),_t=e=>e.dom.nodeType,zt=e=>t=>_t(t)===e,At=e=>8===_t(e)||"#comment"===Bt(e),Wt=e=>Lt(e)&&Nt(e.dom),Lt=zt(1),Mt=zt(3),jt=zt(9),Pt=zt(11),It=e=>t=>Lt(t)&&Bt(t)===e,Ft=e=>Le.fromDom(e.dom.ownerDocument),Ht=e=>jt(e)?e:Ft(e),$t=e=>C.from(e.dom.parentNode)?.map(Le.fromDom),Vt=e=>C.from(e.dom.parentElement)?.map(Le.fromDom),qt=(e,t)=>{const o=d(t)?t:y;let n=e.dom;const r=[];for(;null!==n.parentNode&&void 0!==n.parentNode;){const e=n.parentNode,t=Le.fromDom(e);if(r.push(t),!0===o(t))break;n=e}return r},Ut=e=>C.from(e.dom.previousSibling)?.map(Le.fromDom),Gt=e=>C.from(e.dom.nextSibling)?.map(Le.fromDom),Kt=e=>E(e.dom.childNodes,Le.fromDom),Yt=(e,t)=>{const o=e.dom.childNodes;return C.from(o[t])?.map(Le.fromDom)},Jt=e=>Pt(e)&&m(e.dom.host),Qt=e=>Le.fromDom(e.dom.getRootNode()),Xt=e=>Le.fromDom(e.dom.host),Zt=e=>{const t=Le.fromDom((e=>{if(m(e.target)){const t=Le.fromDom(e.target);if(Lt(t)&&m(t.dom.shadowRoot)&&e.composed&&e.composedPath){const t=e.composedPath();if(t)return H(t)}}return C.from(e.target)})(e).getOr(e.target)),o=()=>e.stopPropagation(),n=()=>e.preventDefault(),r=(s=n,l=o,(...e)=>s(l.apply(null,e)));var s,l;return((e,t,o,n,r,s,l)=>({target:e,x:t,y:o,stop:n,prevent:r,kill:s,raw:l}))(t,e.clientX,e.clientY,o,n,r,e)},eo=(e,t,o,n)=>{e.dom.removeEventListener(t,o,n)},to=x,oo=(e,t,o)=>((e,t,o,n)=>((e,t,o,n,r)=>{const s=((e,t)=>o=>{e(o)&&t(Zt(o))})(o,n);return e.dom.addEventListener(t,s,r),{unbind:b(eo,e,t,s,r)}})(e,t,o,n,!1))(e,t,to,o),no=Zt,ro=(e,t)=>{$t(e).each((o=>{o.dom.insertBefore(t.dom,e.dom)}))},so=(e,t)=>{Gt(e).fold((()=>{$t(e).each((e=>{ao(e,t)}))}),(e=>{ro(e,t)}))},lo=(e,t)=>{const o=(e=>Yt(e,0))(e);o.fold((()=>{ao(e,t)}),(o=>{e.dom.insertBefore(t.dom,o.dom)}))},ao=(e,t)=>{e.dom.appendChild(t.dom)},co=(e,t)=>{ro(e,t),ao(t,e)},io=(e,t)=>{N(t,((o,n)=>{const r=0===n?e:t[n-1];so(r,o)}))},mo=(e,t)=>{N(t,(t=>{ao(e,t)}))},uo=(e,t,o)=>{if(!(r(o)||c(o)||u(o)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",o,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,o+"")},fo=(e,t,o)=>{uo(e.dom,t,o)},go=(e,t)=>{const o=e.dom;G(t,((e,t)=>{uo(o,t,e)}))},ho=(e,t)=>{const o=e.dom.getAttribute(t);return null===o?void 0:o},po=(e,t)=>C.from(ho(e,t)),bo=(e,t)=>{e.dom.removeAttribute(t)},wo=e=>A(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}),vo=e=>{e.dom.textContent="",N(Kt(e),(e=>{yo(e)}))},yo=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},xo=e=>{const t=Kt(e);t.length>0&&io(e,t),yo(e)},Co=(e,t)=>Le.fromDom(e.dom.cloneNode(t)),So=e=>Co(e,!1),To=e=>Co(e,!0),Ro=(e,t)=>{const o=Le.fromTag(t),n=wo(e);return go(o,n),o},Do=e=>void 0!==e.style&&d(e.style.getPropertyValue),Oo=e=>{const t=Mt(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const o=t.ownerDocument;return(e=>{const t=Qt(e);return Jt(t)?C?.some(t):C.none()})(Le.fromDom(t)).fold((()=>o.body.contains(t)),(n=Oo,r=Xt,e=>n(r(e))));var n,r},ko=(e,t,o)=>{if(!r(o))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",o,":: Element ",e),new Error("CSS value must be a string: "+o);Do(e)&&e.style.setProperty(t,o)},Eo=(e,t,o)=>{const n=e.dom;ko(n,t,o)},No=(e,t)=>{const o=e.dom;G(t,((e,t)=>{ko(o,t,e)}))},Bo=(e,t)=>{const o=e.dom,n=window.getComputedStyle(o).getPropertyValue(t);return""!==n||Oo(e)?n:_o(o,t)},_o=(e,t)=>Do(e)?e.style.getPropertyValue(t):"",zo=(e,t)=>{const o=e.dom,n=_o(o,t);return C.from(n).filter((e=>e.length>0))},Ao=(e,t)=>{((e,t)=>{Do(e)&&e.style.removeProperty(t)})(e.dom,t),ie(po(e,"style")?.map(we),"")&&bo(e,"style")},Wo=(e,t)=>{const o=o=>{const n=t(o);if(n<=0||null===n){const t=Bo(o,e);return parseFloat(t)||0}return n},n=(e,t)=>A(t,((t,o)=>{const n=Bo(e,o),r=void 0===n?0:parseInt(n,10);return isNaN(r)?t:t+r}),0);return{set:(t,o)=>{if(!u(o)&&!o.match(/^[0-9]+$/))throw new Error(e+".set accepts only positive integer values. Value was "+o);const n=t.dom;Do(n)&&(n.style[e]=o+"px")},get:o,getOuter:o,aggregate:n,max:(e,t,o)=>{const r=n(e,o);return t>r?t-r:0}}},Lo=(e,t,o)=>((e,t)=>(e=>{const t=parseFloat(e);return isNaN(t)?C.none():C?.some(t)})(e).getOr(t))(Bo(e,t),o),Mo=Wo("height",(e=>{const t=e.dom;return Oo(e)?t.getBoundingClientRect().height:t.offsetHeight})),jo=e=>Mo.get(e),Po=e=>Mo.getOuter(e),Io=Wo("width",(e=>e.dom.offsetWidth));Wo("width",(e=>{const t=e.dom;return Oo(e)?t.getBoundingClientRect().width:t.offsetWidth}));const Fo=e=>Io.get(e),Ho=e=>Io.getOuter(e),$o=e=>((e,t)=>{const o=e.dom,n=o.getBoundingClientRect().width||o.offsetWidth;return"border-box"===t?n:((e,t,o,n)=>t-Lo(e,`padding-${o}`,0)-Lo(e,`padding-${n}`,0)-Lo(e,`border-${o}-width`,0)-Lo(e,`border-${n}-width`,0))(e,n,"left","right")})(e,"content-box"),Vo=(e,t)=>({left:e,top:t,translate:(o,n)=>Vo(e+o,t+n)}),qo=Vo,Uo=(e,t)=>void 0!==e?e:void 0!==t?t:0,Go=e=>{const t=e.dom.ownerDocument,o=t.body,n=t.defaultView,r=t.documentElement;if(o===e.dom)return qo(o.offsetLeft,o.offsetTop);const s=Uo(null==n?void 0:n.pageYOffset,r.scrollTop),l=Uo(null==n?void 0:n.pageXOffset,r.scrollLeft),a=Uo(r.clientTop,o.clientTop),c=Uo(r.clientLeft,o.clientLeft);return Ko(e).translate(l-c,s-a)},Ko=e=>{const t=e.dom,o=t.ownerDocument.body;return o===t?qo(o.offsetLeft,o.offsetTop):Oo(e)?(e=>{const t=e.getBoundingClientRect();return qo(t.left,t.top)})(t):qo(0,0)},Yo=(e=>{const t=t=>e(t)?C.from(t.dom.nodeValue):C.none();return{get:o=>{if(!e(o))throw new Error("Can only get text value of a text node");return t(o).getOr("")},getOption:t,set:(t,o)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=o}}})(Mt),Jo=e=>Yo.get(e),Qo=e=>Yo.getOption(e),Xo=(e,t)=>Yo.set(e,t),Zo=(e,t)=>o=>"rtl"===en(o)?t:e,en=e=>"rtl"===Bo(e,"direction")?"rtl":"ltr";var tn=(e,t,o,n,r)=>e(o,n)?C?.some(o):d(r)&&r(o)?C.none():t(o,n,r);const on=(e,t,o)=>{let n=e.dom;const r=d(o)?o:y;for(;n.parentNode;){n=n.parentNode;const e=Le.fromDom(n);if(t(e))return C?.some(e);if(r(e))break}return C.none()},nn=(e,t,o)=>tn(((e,t)=>t(e)),on,e,t,o),rn=(e,t,o)=>on(e,(e=>Ge(e,t)),o),sn=(e,t)=>(e=>W(e.dom.childNodes,(e=>{return o=Le.fromDom(e),Ge(o,t);var o}))?.map(Le.fromDom))(e),ln=(e,t)=>Ye(t,e),an=(e,t,o)=>tn(((e,t)=>Ge(e,t)),rn,e,t,o),cn=e=>void 0!==e.dom.classList,mn=(e,t)=>((e,t,o)=>{const n=((e,t)=>{const o=ho(e,t);return void 0===o||""===o?[]:o.split(" ")})(e,t).concat([o]);return fo(e,t,n.join(" ")),!0})(e,"class",t),dn=(e,t)=>{cn(e)?e.dom.classList.add(t):mn(e,t)},un=(e,t)=>cn(e)&&e.dom.classList.contains(t),fn=e=>an(e,"[contenteditable]"),gn=(e,t=!1)=>Oo(e)?e.dom.isContentEditable:fn(e).fold(g(t),(e=>"true"===hn(e))),hn=e=>e.dom.contentEditable,pn=(e,t)=>{let o=[];return N(Kt(e),(e=>{t(e)&&(o=o.concat([e])),o=o.concat(pn(e,t))})),o},bn=(e,t,o)=>((e,o,n)=>_(qt(e,n),(e=>Ge(e,t))))(e,0,o),wn=(e,t)=>(e=>_(Kt(e),(e=>Ge(e,t))))(e),vn=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return Ke(o)?[]:E(o.querySelectorAll(e),Le.fromDom)})(t,e),yn=e=>"img"===Bt(e)?1:Qo(e).fold((()=>Kt(e).length),(e=>e.length)),xn=["img","br"],Cn=e=>Qo(e).filter((e=>0!==e.trim().length||e.indexOf("\xa0")>-1)).isSome()||D(xn,Bt(e))||(e=>Wt(e)&&"false"===ho(e,"contenteditable"))(e),Sn=e=>((e,t)=>{const o=e=>{for(let n=0;n<e.childNodes.length;n++){const r=Le.fromDom(e.childNodes[n]);if(t(r))return C?.some(r);const s=o(e.childNodes[n]);if(s.isSome())return s}return C.none()};return o(e.dom)})(e,Cn),Tn=e=>Rn(e,Cn),Rn=(e,t)=>{const o=e=>{const n=Kt(e);for(let e=n.length-1;e>=0;e--){const r=n[e];if(t(r))return C?.some(r);const s=o(r);if(s.isSome())return s}return C.none()};return o(e)},Dn=(e,t,o,n)=>({start:e,soffset:t,finish:o,foffset:n}),On=Z([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),kn={before:On.before,on:On.on,after:On.after,cata:(e,t,o,n)=>e.fold(t,o,n),getStart:e=>e.fold(h,h,h)},En=Z([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),Nn={domRange:En.domRange,relative:En.relative,exact:En.exact,exactFromRange:e=>En.exact(e.start,e.soffset,e.finish,e.foffset),getWin:e=>{const t=(e=>e.match({domRange:e=>Le.fromDom(e.startContainer),relative:(e,t)=>kn.getStart(e),exact:(e,t,o,n)=>e}))(e);return Le.fromDom(Ht(t).dom.defaultView)},range:Dn},Bn=(e,t)=>{const o=Bt(e);return"input"===o?kn.after(e):D(["br","img"],o)?0===t?kn.before(e):kn.after(e):kn.on(e,t)},_n=e=>C.from(e.getSelection()),zn=(e,t)=>{_n(e).each((e=>{e.removeAllRanges(),e.addRange(t)}))},An=(e,t,o,n,r)=>{const s=Fe(e,t,o,n,r);zn(e,s)},Wn=(e,t)=>qe(e,t).match({ltr:(t,o,n,r)=>{An(e,t,o,n,r)},rtl:(t,o,n,r)=>{_n(e).each((s=>{if(s.setBaseAndExtent)s.setBaseAndExtent(t.dom,o,n.dom,r);else if(s.extend)try{((e,t,o,n,r,s)=>{t.collapse(o.dom,n),t.extend(r.dom,s)})(0,s,t,o,n,r)}catch(s){An(e,n,r,t,o)}else An(e,n,r,t,o)}))}}),Ln=(e,t,o,n,r)=>{const s=((e,t,o,n)=>{const r=Bn(e,t),s=Bn(o,n);return Nn.relative(r,s)})(t,o,n,r);Wn(e,s)},Mn=(e,t,o)=>{const n=((e,t)=>{const o=e.fold(kn.before,Bn,kn.after),n=t.fold(kn.before,Bn,kn.after);return Nn.relative(o,n)})(t,o);Wn(e,n)},jn=e=>{if(e.rangeCount>0){const t=e.getRangeAt(0),o=e.getRangeAt(e.rangeCount-1);return C?.some(Dn(Le.fromDom(t.startContainer),t.startOffset,Le.fromDom(o.endContainer),o.endOffset))}return C.none()},Pn=e=>{if(null===e.anchorNode||null===e.focusNode)return jn(e);{const t=Le.fromDom(e.anchorNode),o=Le.fromDom(e.focusNode);return((e,t,o,n)=>{const r=((e,t,o,n)=>{const r=Ft(e).dom.createRange();return r.setStart(e.dom,t),r.setEnd(o.dom,n),r})(e,t,o,n),s=Je(e,o)&&t===n;return r.collapsed&&!s})(t,e.anchorOffset,o,e.focusOffset)?C?.some(Dn(t,e.anchorOffset,o,e.focusOffset)):jn(e)}},In=(e,t,o=!0)=>{const n=(o?je:Me)(e,t);zn(e,n)},Fn=e=>(e=>_n(e).filter((e=>e.rangeCount>0)).bind(Pn))(e)?.map((e=>Nn.exact(e.start,e.soffset,e.finish,e.foffset))),Hn=(e,t,o)=>((e,t,o)=>((e,t,o)=>e.caretPositionFromPoint?((e,t,o)=>{var n;return C.from(null===(n=e.caretPositionFromPoint)||void 0===n?void 0:n.call(e,t,o)).bind((t=>{if(null===t.offsetNode)return C.none();const o=e.createRange();return o.setStart(t.offsetNode,t.offset),o.collapse(),C?.some(o)}))})(e,t,o):e.caretRangeFromPoint?((e,t,o)=>{var n;return C.from(null===(n=e.caretRangeFromPoint)||void 0===n?void 0:n.call(e,t,o))})(e,t,o):C.none())(e.document,t,o)?.map((e=>Dn(Le.fromDom(e.startContainer),e.startOffset,Le.fromDom(e.endContainer),e.endOffset))))(e,t,o),$n={unsupportedLength:["em","ex","cap","ch","ic","rem","lh","rlh","vw","vh","vi","vb","vmin","vmax","cm","mm","Q","in","pc","pt","px"],fixed:["px","pt"],relative:["%"],empty:[""]},Vn=(()=>{const e="[0-9]+",t="[eE][+-]?"+e,o=e=>`(?:${e})?`,n=["Infinity",e+"\\."+o(e)+o(t),"\\."+e+o(t),e+o(t)].join("|");return new RegExp(`^([+-]?(?:${n}))(.*)$`)})(),qn=e=>E(e,g(0)),Un=(e,t,o,n,r)=>r(e.slice(0,t)).concat(n).concat(r(e.slice(o))),Gn=e=>(t,o,n,r)=>{if(e(n)){const e=Math.max(r,t[o]-Math.abs(n)),s=Math.abs(e-t[o]);return n>=0?s:-s}return n},Kn=Gn((e=>e<0)),Yn=Gn(x),Jn=()=>{const e=(e,t,o,n)=>{const r=(100+o)/100,s=Math.max(n,(e[t]+o)/r);return E(e,((e,o)=>(o===t?s:e/r)-e))},t=(t,o,n,r,s,l)=>l?e(t,o,r,s):((e,t,o,n,r)=>{const s=Kn(e,t,n,r);return Un(e,t,o+1,[s,0],qn)})(t,o,n,r,s);return{resizeTable:(e,t)=>e(t),clampTableDelta:Kn,calcLeftEdgeDeltas:t,calcMiddleDeltas:(e,o,n,r,s,l,a)=>t(e,n,r,s,l,a),calcRightEdgeDeltas:(t,o,n,r,s,l)=>{if(l)return e(t,n,r,s);{const e=Kn(t,n,r,s);return qn(t.slice(0,n)).concat([e])}},calcRedestributedWidths:(e,t,o,n)=>{if(n){const n=(t+o)/t,r=E(e,(e=>e/n));return{delta:100*n-100,newSizes:r}}return{delta:o,newSizes:e}}}},Qn=()=>{const e=(e,t,o,n,r)=>{const s=Yn(e,n>=0?o:t,n,r);return Un(e,t,o+1,[s,-s],qn)};return{resizeTable:(e,t,o)=>{o&&e(t)},clampTableDelta:(e,t,o,n,r)=>{if(r){if(o>=0)return o;{const t=A(e,((e,t)=>e+t-n),0);return Math.max(-t,o)}}return Kn(e,t,o,n)},calcLeftEdgeDeltas:e,calcMiddleDeltas:(t,o,n,r,s,l)=>e(t,n,r,s,l),calcRightEdgeDeltas:(e,t,o,n,r,s)=>{if(s)return qn(e);{const t=n/e.length;return E(e,g(t))}},calcRedestributedWidths:(e,t,o,n)=>({delta:0,newSizes:e})}},Xn=(e,t,o=0)=>po(e,t)?.map((e=>parseInt(e,10))).getOr(o),Zn=(e,t)=>Xn(e,t,1),er=e=>It("col")(e)?Xn(e,"span",1)>1:Zn(e,"colspan")>1,tr=(e,t)=>parseInt(Bo(e,t),10),or=g(10),nr=g(10),rr=(e,t)=>sr(e,t,x),sr=(e,t,o)=>j(Kt(e),(e=>Ge(e,t)?o(e)?[e]:[]:sr(e,t,o))),lr=(e,t)=>((e,t,o=y)=>o(t)?C.none():D(e,Bt(t))?C?.some(t):rn(t,e.join(","),(e=>Ge(e,"table")||o(e))))(["td","th"],e,t),ar=e=>rr(e,"th,td"),cr=e=>Ge(e,"colgroup")?wn(e,"col"):j(dr(e),(e=>wn(e,"col"))),ir=(e,t)=>an(e,"table",t),mr=e=>rr(e,"tr"),dr=e=>ir(e).fold(g([]),(e=>wn(e,"colgroup"))),ur=It("th"),fr=e=>P(e,(e=>ur(e.element))),gr=(e,t)=>e&&t?"sectionCells":e?"section":"cells",hr=e=>{const t="thead"===e.section,o=ie(pr(e.cells),"th");return"tfoot"===e.section?{type:"footer"}:t||o?{type:"header",subType:gr(t,o)}:{type:"body"}},pr=e=>{const t=_(e,(e=>ur(e.element)));return 0===t.length?C?.some("td"):t.length===e.length?C?.some("th"):C.none()},br=(e,t)=>E(e,(e=>{if("colgroup"===Bt(e)){const t=E(cr(e),(e=>{const t=Xn(e,"span",1);return Ce(e,1,t)}));return Se(e,t,"colgroup")}{const o=E(ar(e),(e=>{const t=Xn(e,"rowspan",1),o=Xn(e,"colspan",1);return Ce(e,t,o)}));return Se(e,o,t(e))}})),wr=e=>$t(e)?.map((e=>{const t=Bt(e);return(e=>D(xe,e))(t)?t:"tbody"})).getOr("tbody"),vr=e=>{const t=mr(e),o=[...dr(e),...t];return br(o,wr)},yr="data-snooker-locked-cols",xr=e=>po(e,yr).bind((e=>C.from(e.match(/\d+/g))))?.map((e=>I(e,x))),Cr=e=>{const t=A(ze(e).rows,((e,t)=>(N(t.cells,((t,o)=>{t.isLocked&&(e[o]=!0)})),e)),{}),o=J(t,((e,t)=>parseInt(t,10)));return(e=>{const t=S.call(e,0);return t.sort(void 0),t})(o)},Sr=(e,t)=>e+","+t,Tr=(e,t)=>{const o=j(e.all,(e=>e.cells));return _(o,t)},Rr=e=>{const t={},o=[],n=H(e)?.map((e=>e.element)).bind(ir).bind(xr).getOr({});let r=0,s=0,l=0;const{pass:a,fail:c}=B(e,(e=>"colgroup"===e.section));N(c,(e=>{const a=[];N(e.cells,(e=>{let o=0;for(;void 0!==t[Sr(l,o)];)o++;const r=((e,t)=>X(e,t)&&void 0!==e[t]&&null!==e[t])(n,o.toString()),c=((e,t,o,n,r,s)=>({element:e,rowspan:t,colspan:o,row:n,column:r,isLocked:s}))(e.element,e.rowspan,e.colspan,l,o,r);for(let n=0;n<e.colspan;n++)for(let r=0;r<e.rowspan;r++){const e=o+n,a=Sr(l+r,e);t[a]=c,s=Math.max(s,e+1)}a.push(c)})),r++,o.push(Se(e.element,a,e.section)),l++}));const{columns:i,colgroups:m}=$(a)?.map((e=>{const t=(e=>{const t={};let o=0;return N(e.cells,(e=>{const n=e.colspan;k(n,(r=>{const s=o+r;t[s]=((e,t,o)=>({element:e,colspan:t,column:o}))(e.element,n,s)})),o+=n})),t})(e),o=((e,t)=>({element:e,columns:t}))(e.element,Q(t));return{colgroups:[o],columns:t}})).getOrThunk((()=>({colgroups:[],columns:{}}))),d=((e,t)=>({rows:e,columns:t}))(r,s);return{grid:d,access:t,all:o,columns:i,colgroups:m}},Dr=e=>{const t=vr(e);return Rr(t)},Or=Rr,kr=(e,t,o)=>C.from(e.access[Sr(t,o)]),Er=(e,t,o)=>{const n=Tr(e,(e=>o(t,e.element)));return n.length>0?C?.some(n[0]):C.none()},Nr=Tr,Br=e=>j(e.all,(e=>e.cells)),_r=e=>Q(e.columns),zr=e=>q(e.columns).length>0,Ar=(e,t)=>C.from(e.columns[t]),Wr=(e,t,o)=>Te(o(e.element,t),!0,e.isLocked),Lr=(e,t)=>e.section!==t?Re(e.element,e.cells,t,e.isNew):e,Mr=()=>({transformRow:Lr,transformCell:(e,t,o)=>{const n=o(e.element,t),r="td"!==Bt(n)?(e=>{const t=Ro(e,"td");so(e,t);const o=Kt(e);return mo(t,o),yo(e),t})(n):n;return Te(r,e.isNew,e.isLocked)}}),jr=()=>({transformRow:Lr,transformCell:Wr}),Pr=()=>({transformRow:(e,t)=>Lr(e,"thead"===t?"tbody":t),transformCell:Wr}),Ir=Mr,Fr=jr,Hr=Pr,$r=()=>({transformRow:h,transformCell:Wr}),Vr=(e,t=x)=>{const o=e.grid,n=k(o.columns,h),r=k(o.rows,h);return E(n,(o=>qr((()=>j(r,(t=>kr(e,t,o).filter((e=>e.column===o)).toArray()))),(e=>1===e.colspan&&t(e.element)),(()=>kr(e,0,o)))))},qr=(e,t,o)=>{const n=e();return W(n,t).orThunk((()=>C.from(n[0]).orThunk(o)))?.map((e=>e.element))},Ur=e=>{const t=e.grid,o=k(t.rows,h),n=k(t.columns,h);return E(o,(t=>qr((()=>j(n,(o=>kr(e,t,o).filter((e=>e.row===t)).fold(g([]),(e=>[e]))))),(e=>1===e.rowspan),(()=>kr(e,t,0)))))},Gr=(e,t)=>({row:e,y:t}),Kr=(e,t)=>({col:e,x:t}),Yr=e=>Go(e).left+Ho(e),Jr=e=>Go(e).left,Qr=(e,t)=>Kr(e,Jr(t)),Xr=(e,t)=>Kr(e,Yr(t)),Zr=e=>Go(e).top,es=(e,t)=>Gr(e,Zr(t)),ts=(e,t)=>Gr(e,Zr(t)+Po(t)),os=(e,t,o)=>{if(0===o.length)return[];const n=E(o.slice(1),((t,o)=>t?.map((t=>e(o,t))))),r=o[o.length-1]?.map((e=>t(o.length-1,e)));return n.concat([r])},ns={delta:h,positions:e=>os(es,ts,e),edge:Zr},rs=Zo({delta:h,edge:Jr,positions:e=>os(Qr,Xr,e)},{delta:e=>-e,edge:Yr,positions:e=>os(Xr,Qr,e)}),ss={delta:(e,t)=>rs(t).delta(e,t),positions:(e,t)=>rs(t).positions(e,t),edge:e=>rs(e).edge(e)},ls=/(\d+(\.\d+)?)%/,as=/(\d+(\.\d+)?)px|em/,cs=It("col"),is=It("tr"),ms=(e,t,o)=>{const n=Vt(e).getOrThunk((()=>(e=>{const t=e.dom.body;if(null==t)throw new Error("Body is not available yet");return Le.fromDom(t)})(Ft(e))));return t(e)/o(n)*100},ds=(e,t)=>{Eo(e,"width",t+"px")},us=(e,t)=>{Eo(e,"width",t+"%")},fs=(e,t)=>{Eo(e,"height",t+"px")},gs=e=>{const t=(e=>{return Lo(t=e,"height",t.dom.offsetHeight)+"px";var t})(e);return t?((e,t,o,n)=>{const r=parseFloat(e);return be(e,"%")&&"table"!==Bt(t)?((e,t,o,n)=>{const r=ir(e)?.map((e=>{const n=o(e);return Math.floor(t/100*n)})).getOr(t);return n(e,r),r})(t,r,o,n):r})(t,e,jo,fs):jo(e)},hs=(e,t)=>zo(e,t).orThunk((()=>po(e,t)?.map((e=>e+"px")))),ps=e=>hs(e,"width"),bs=e=>ms(e,Fo,$o),ws=e=>{return cs(e)?Fo(e):Lo(t=e,"width",t.dom.offsetWidth);var t},vs=e=>is(e)?jo(e):((e,t,o)=>o(e)/Zn(e,"rowspan"))(e,0,gs),ys=(e,t,o)=>{Eo(e,"width",t+o)},xs=e=>ms(e,Fo,$o)+"%",Cs=g(ls),Ss=It("col"),Ts=e=>ps(e).getOrThunk((()=>ws(e)+"px")),Rs=e=>{return(t=e,hs(t,"height")).getOrThunk((()=>vs(e)+"px"));var t},Ds=(e,t,o,n,r,s)=>e.filter(n).fold((()=>s(((e,t)=>{if(t<0||t>=e.length-1)return C.none();const o=e[t].fold((()=>{const o=(e=>{const t=S.call(e,0);return t.reverse(),t})(e.slice(0,t));return V(o,((e,t)=>e?.map((e=>({value:e,delta:t+1})))))}),(e=>C?.some({value:e,delta:0}))),n=e[t+1].fold((()=>{const o=e.slice(t+1);return V(o,((e,t)=>e?.map((e=>({value:e,delta:t+1})))))}),(e=>C?.some({value:e,delta:1})));return o.bind((e=>n?.map((t=>{const o=t.delta+e.delta;return Math.abs(t.value-e.value)/o}))))})(o,t))),(e=>r(e))),Os=(e,t,o,n)=>{const r=Vr(e),s=zr(e)?(e=>E(_r(e),(e=>C.from(e.element))))(e):r,l=[C?.some(ss.edge(t))].concat(E(ss.positions(r,t),(e=>e?.map((e=>e.x))))),a=w(er);return E(s,((e,t)=>Ds(e,t,l,a,(e=>{if((e=>{const t=kt().browser,o=t.isChromium()||t.isFirefox();return!Ss(e)||o})(e))return o(e);{const e=null!=(s=r[t])?h(s):C.none();return Ds(e,t,l,a,(e=>n(C?.some(Fo(e)))),n)}var s}),n)))},ks=e=>e?.map((e=>e+"px")).getOr(""),Es=(e,t,o)=>Os(e,t,ws,(e=>e.getOrThunk(o.minCellWidth))),Ns=(e,t,o,n)=>{const r=Ur(e),s=E(e.all,(e=>C?.some(e.element))),l=[C?.some(ns.edge(t))].concat(E(ns.positions(r,t),(e=>e?.map((e=>e.y)))));return E(s,((e,t)=>Ds(e,t,l,x,o,n)))},Bs=(e,t)=>()=>Oo(e)?t(e):parseFloat(zo(e,"width").getOr("0")),_s=e=>{const t=Bs(e,(e=>parseFloat(xs(e)))),o=Bs(e,Fo);return{width:t,pixelWidth:o,getWidths:(t,o)=>((e,t,o)=>Os(e,t,bs,(e=>e.fold((()=>o.minCellWidth()),(e=>e/o.pixelWidth()*100)))))(t,e,o),getCellDelta:e=>e/o()*100,singleColumnWidth:(e,t)=>[100-e],minCellWidth:()=>or()/o()*100,setElementWidth:us,adjustTableWidth:o=>{const n=t();us(e,n+o/100*n)},isRelative:!0,label:"percent"}},zs=e=>{const t=Bs(e,Fo);return{width:t,pixelWidth:t,getWidths:(t,o)=>Es(t,e,o),getCellDelta:h,singleColumnWidth:(e,t)=>[Math.max(or(),e+t)-e],minCellWidth:or,setElementWidth:ds,adjustTableWidth:o=>{const n=t()+o;ds(e,n)},isRelative:!1,label:"pixel"}},As=e=>ps(e).fold((()=>(e=>{const t=Bs(e,Fo),o=g(0);return{width:t,pixelWidth:t,getWidths:(t,o)=>Es(t,e,o),getCellDelta:o,singleColumnWidth:g([0]),minCellWidth:o,setElementWidth:f,adjustTableWidth:f,isRelative:!0,label:"none"}})(e)),(t=>((e,t)=>null!==Cs().exec(t)?_s(e):zs(e))(e,t))),Ws=zs,Ls=_s,Ms=(e,t,o,n)=>{o===n?bo(e,t):fo(e,t,o)},js=(e,t,o)=>{$(wn(e,t)).fold((()=>lo(e,o)),(e=>so(e,o)))},Ps=(e,t)=>{const o=[],n=[],r=e=>E(e,(e=>{e.isNew&&o.push(e.element);const t=e.element;return vo(t),N(e.cells,(e=>{e.isNew&&n.push(e.element),Ms(e.element,"colspan",e.colspan,1),Ms(e.element,"rowspan",e.rowspan,1),ao(t,e.element)})),t})),s=e=>j(e,(e=>E(e.cells,(e=>(Ms(e.element,"span",e.colspan,1),e.element))))),l=(t,o)=>{const n=((e,t)=>{const o=sn(e,t).getOrThunk((()=>{const o=Le.fromTag(t,Ft(e).dom);return"thead"===t?js(e,"caption,colgroup",o):"colgroup"===t?js(e,"caption",o):ao(e,o),o}));return vo(o),o})(e,o),l=("colgroup"===o?s:r)(t);mo(n,l)},a=(t,o)=>{t.length>0?l(t,o):(t=>{sn(e,t).each(yo)})(o)},c=[],i=[],m=[],d=[];return N(t,(e=>{switch(e.section){case"thead":c.push(e);break;case"tbody":i.push(e);break;case"tfoot":m.push(e);break;case"colgroup":d.push(e)}})),a(d,"colgroup"),a(c,"thead"),a(i,"tbody"),a(m,"tfoot"),{newRows:o,newCells:n}},Is=(e,t)=>{if(0===e.length)return 0;const o=e[0];return L(e,(e=>!t(o.element,e.element))).getOr(e.length)},Fs=(e,t)=>{const o=E(e,(e=>E(e.cells,y)));return E(e,((n,r)=>{const s=j(n.cells,((n,s)=>{if(!1===o[r][s]){const m=((e,t,o,n)=>{const r=((e,t)=>e[t])(e,t),s="colgroup"===r.section,l=Is(r.cells.slice(o),n),a=s?1:Is(((e,t)=>E(e,(e=>Ne(e,t))))(e.slice(t),o),n);return{colspan:l,rowspan:a}})(e,r,s,t);return((e,t,n,r)=>{for(let s=e;s<e+n;s++)for(let e=t;e<t+r;e++)o[s][e]=!0})(r,s,m.rowspan,m.colspan),[(l=n.element,a=m.rowspan,c=m.colspan,i=n.isNew,{element:l,rowspan:a,colspan:c,isNew:i})]}return[];var l,a,c,i}));return((e,t,o,n)=>({element:e,cells:t,section:o,isNew:n}))(n.element,s,n.section,n.isNew)}))},Hs=(e,t,o)=>{const n=[];N(e.colgroups,(r=>{const s=[];for(let n=0;n<e.grid.columns;n++){const r=Ar(e,n)?.map((e=>Te(e.element,o,!1))).getOrThunk((()=>Te(t.colGap(),!0,!1)));s.push(r)}n.push(Re(r.element,s,"colgroup",o))}));for(let r=0;r<e.grid.rows;r++){const s=[];for(let n=0;n<e.grid.columns;n++){const l=kr(e,r,n)?.map((e=>Te(e.element,o,e.isLocked))).getOrThunk((()=>Te(t.gap(),!0,!1)));s.push(l)}const l=e.all[r],a=Re(l.element,s,l.section,o);n.push(a)}return n},$s=e=>Fs(e,Je),Vs=(e,t)=>V(e.all,(e=>W(e.cells,(e=>Je(t,e.element))))),qs=(e,t,o)=>{const n=E(t.selection,(t=>lr(t).bind((t=>Vs(e,t))).filter(o))),r=me(n);return de(r.length>0,r)},Us=(e,t,o,n,r,s,l,a,c)=>{const i=Dr(s),m=C.from(null==c?void 0:c.section).getOrThunk($r);return t(i,l)?.map((t=>{const o=((e,t)=>Hs(e,t,!1))(i,a),n=e(o,t,Je,r(a),m),s=Cr(n.grid);return{info:t,grid:$s(n.grid),cursor:n.cursor,lockedColumns:s}})).bind((e=>{const t=Ps(s,e.grid),r=C.from(null==c?void 0:c.sizing).getOrThunk((()=>As(s))),l=C.from(null==c?void 0:c.resize).getOrThunk(Qn);return o(s,e.grid,e.info,{sizing:r,resize:l,section:m}),n(s),bo(s,yr),e.lockedColumns.length>0&&fo(s,yr,e.lockedColumns.join(",")),C?.some({cursor:e.cursor,newRows:t.newRows,newCells:t.newCells})}))},Gs=(e,t)=>lr(t.element).bind((o=>Vs(e,o)?.map((e=>({...e,generators:t.generators,clipboard:t.clipboard}))))),Ks=(e,t)=>qs(e,t,x)?.map((e=>({cells:e,generators:t.generators,clipboard:t.clipboard}))),Ys=(e,t)=>qs(e,t,x),Js=(e,t)=>qs(e,t,(e=>!e.isLocked)),Qs=(e,t)=>P(t,(t=>((e,t)=>Vs(e,t).exists((e=>!e.isLocked)))(e,t))),Xs=(e,t)=>((e,t)=>t.mergable)(0,t).filter((t=>Qs(e,t.cells))),Zs=(e,t)=>((e,t)=>t.unmergable)(0,t).filter((t=>Qs(e,t))),el={...Z([{none:[]},{only:["index"]},{left:["index","next"]},{middle:["prev","index","next"]},{right:["prev","index"]}])},tl=(e,t,o)=>{const n=((e,t)=>zr(e)?((e,t)=>{const o=_r(e);return E(o,((e,o)=>({element:e.element,width:t[o],colspan:e.colspan})))})(e,t):((e,t)=>{const o=Br(e);return E(o,(e=>{const o=((e,t,o)=>{let n=0;for(let r=e;r<t;r++)n+=void 0!==o[r]?o[r]:0;return n})(e.column,e.column+e.colspan,t);return{element:e.element,width:o,colspan:e.colspan}}))})(e,t))(e,t);N(n,(e=>{o.setElementWidth(e.element,e.width)}))},ol=(e,t,o,n,r)=>{const s=Dr(e),l=r.getCellDelta(t),a=r.getWidths(s,r),c=o===s.grid.columns-1,i=n.clampTableDelta(a,o,l,r.minCellWidth(),c),m=((e,t,o,n,r)=>{const s=e.slice(0),l=((e,t)=>0===e.length?el.none():1===e.length?el.only(0):0===t?el.left(0,1):t===e.length-1?el.right(t-1,t):t>0&&t<e.length-1?el.middle(t-1,t,t+1):el.none())(e,t),a=g(E(s,g(0)));return l.fold(a,(e=>n.singleColumnWidth(s[e],o)),((e,t)=>r.calcLeftEdgeDeltas(s,e,t,o,n.minCellWidth(),n.isRelative)),((e,t,l)=>r.calcMiddleDeltas(s,e,t,l,o,n.minCellWidth(),n.isRelative)),((e,t)=>r.calcRightEdgeDeltas(s,e,t,o,n.minCellWidth(),n.isRelative)))})(a,o,i,r,n),d=E(m,((e,t)=>e+a[t]));tl(s,d,r),n.resizeTable(r.adjustTableWidth,i,c)},nl=(e,t,o)=>{const n=Dr(e),r=((e,t)=>Ns(e,t,vs,(e=>e.getOrThunk(nr))))(n,e),s=E(r,((e,n)=>o===n?Math.max(t+e,nr()):e)),l=((e,t)=>E(e.all,((e,o)=>({element:e.element,height:t[o]}))))(n,s);N(l,(e=>{fs(e.element,e.height)})),N(Br(n),(e=>{(e=>{Ao(e,"height")})(e.element)}));const a=z(s,((e,t)=>e+t),0);fs(e,a)},rl=(e,t)=>{if(!er(e)){const o=(e=>ps(e).bind((e=>{return t=e,o=["fixed","relative","empty"],C.from(Vn.exec(t)).bind((e=>{const t=Number(e[1]),n=e[2];return((e,t)=>O(t,(t=>O($n[t],(t=>e===t)))))(n,o)?C?.some({value:t,unit:n}):C.none()}));var t,o})))(e);o.each((o=>{const n=o.value/2;ys(e,n,o.unit),ys(t,n,o.unit)}))}},sl=(e,t,o)=>{const n=Xn(e,t,1);1===o||n<=1?bo(e,t):fo(e,t,Math.min(o,n))},ll=(e,t)=>o=>{const n=o.column+o.colspan-1,r=o.column;return n>=e&&r<t},al=(e,t,o)=>{const n=e[o].element,r=Le.fromTag("td");ao(r,Le.fromTag("br")),(t?ao:lo)(n,r)},cl=It("col"),il=It("colgroup"),ml=e=>"tr"===Bt(e)||il(e),dl=e=>({element:e,colspan:Xn(e,"colspan",1),rowspan:Xn(e,"rowspan",1)}),ul=e=>po(e,"scope")?.map((e=>e.substr(0,3))),fl=(e,t=dl)=>{const o=o=>{if(ml(o))return il((r={element:o}).element)?e.colgroup(r):e.row(r);{const r=o,s=(t=>cl(t.element)?e.col(t):e.cell(t))(t(r));return n=C?.some({item:r,replacement:s}),s}var r};let n=C.none();return{getOrInit:(e,t)=>n.fold((()=>o(e)),(n=>t(e,n.item)?n.replacement:o(e)))}},gl=e=>t=>{const o=[],n=n=>{const r="td"===e?{scope:null}:{},s=t.replace(n,e,r);return o.push({item:n,sub:s}),s};return{replaceOrInit:(e,t)=>{if(ml(e)||cl(e))return e;{const r=e;return((e,t)=>W(o,(o=>t(o.item,e))))(r,t).fold((()=>n(r)),(o=>t(e,o.item)?o.sub:n(r)))}}}},hl=e=>({unmerge:t=>{const o=ul(t);return o.each((e=>fo(t,"scope",e))),()=>{const n=e.cell({element:t,colspan:1,rowspan:1});return Ao(n,"width"),Ao(t,"width"),o.each((e=>fo(n,"scope",e))),n}},merge:e=>(Ao(e[0],"width"),(()=>{const t=me(E(e,ul));if(0===t.length)return C.none();{const e=t[0],o=["row","col"];return O(t,(t=>t!==e&&D(o,t)))?C.none():C.from(e)}})().fold((()=>bo(e[0],"scope")),(t=>fo(e[0],"scope",t+"group"))),g(e[0]))}),pl=Z([{invalid:["raw"]},{pixels:["value"]},{percent:["value"]}]),bl=(e,t,o)=>{const n=o.substring(0,o.length-e.length),r=parseFloat(n);return n===r.toString()?t(r):pl.invalid(o)},wl={...pl,from:e=>be(e,"%")?bl("%",pl.percent,e):be(e,"px")?bl("px",pl.pixels,e):pl.invalid(e)},vl=(e,t,o)=>{const n=wl.from(o),r=P(e,(e=>"0px"===e))?((e,t)=>{const o=e.fold((()=>g("")),(e=>g(e/t+"px")),(()=>g(100/t+"%")));return k(t,o)})(n,e.length):((e,t,o)=>e.fold((()=>t),(e=>((e,t,o)=>{const n=o/t;return E(e,(e=>wl.from(e).fold((()=>e),(e=>e*n+"px"),(e=>e/100*o+"px"))))})(t,o,e)),(e=>((e,t)=>E(e,(e=>wl.from(e).fold((()=>e),(e=>e/t*100+"%"),(e=>e+"%")))))(t,o))))(n,e,t);return Cl(r)},yl=(e,t)=>0===e.length?t:z(e,((e,t)=>wl.from(t).fold(g(0),h,h)+e),0),xl=(e,t)=>wl.from(e).fold(g(e),(e=>e+t+"px"),(e=>e+t+"%")),Cl=e=>{if(0===e.length)return e;const t=z(e,((e,t)=>{const o=wl.from(t).fold((()=>({value:t,remainder:0})),(e=>(e=>{const t=Math.floor(e);return{value:t+"px",remainder:e-t}})(e)),(e=>({value:e+"%",remainder:0})));return{output:[o.value].concat(e.output),remainder:e.remainder+o.remainder}}),{output:[],remainder:0}),o=t.output;return o.slice(0,o.length-1).concat([xl(o[o.length-1],Math.round(t.remainder))])},Sl=wl.from,Tl=(e,t,o)=>{const n=Dr(e),r=n.all,s=Br(n),l=_r(n);t.each((t=>{const o=Sl(t).fold(g("px"),g("px"),g("%")),r=Fo(e),a=((e,t)=>Os(e,t,Ts,ks))(n,e),c=vl(a,r,t);zr(n)?((e,t,o)=>{N(t,((t,n)=>{const r=yl([e[n]],or());Eo(t.element,"width",r+o)}))})(c,l,o):((e,t,o)=>{N(t,(t=>{const n=e.slice(t.column,t.colspan+t.column),r=yl(n,or());Eo(t.element,"width",r+o)}))})(c,s,o),Eo(e,"width",t)})),o.each((t=>{const o=jo(e),l=((e,t)=>Ns(e,t,Rs,ks))(n,e);((e,t,o)=>{N(o,(e=>{Ao(e.element,"height")})),N(t,((t,o)=>{Eo(t.element,"height",e[o])}))})(vl(l,o,t),r,s),Eo(e,"height",t)}))},Rl=e=>ps(e).exists((e=>ls.test(e))),Dl=e=>ps(e).exists((e=>as.test(e))),Ol=e=>ps(e).isNone();var kl=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","li","table","thead","tbody","tfoot","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"],El=()=>({up:g({selector:rn,closest:an,predicate:on,all:qt}),down:g({selector:vn,predicate:pn}),styles:g({get:Bo,getRaw:zo,set:Eo,remove:Ao}),attrs:g({get:ho,set:fo,remove:bo,copyTo:(e,t)=>{const o=wo(e);go(t,o)}}),insert:g({before:ro,after:so,afterAll:io,append:ao,appendAll:mo,prepend:lo,wrap:co}),remove:g({unwrap:xo,remove:yo}),create:g({nu:Le.fromTag,clone:e=>Le.fromDom(e.dom.cloneNode(!1)),text:Le.fromText}),query:g({comparePosition:(e,t)=>e.dom.compareDocumentPosition(t.dom),prevSibling:Ut,nextSibling:Gt}),property:g({children:Kt,name:Bt,parent:$t,document:e=>Ht(e).dom,isText:Mt,isComment:At,isElement:Lt,isSpecial:e=>{const t=Bt(e);return D(["script","noscript","iframe","noframes","noembed","title","style","textarea","xmp"],t)},getLanguage:e=>Lt(e)?po(e,"lang"):C.none(),getText:Jo,setText:Xo,isBoundary:e=>!!Lt(e)&&("body"===Bt(e)||D(kl,Bt(e))),isEmptyTag:e=>!!Lt(e)&&D(["br","img","hr","input"],Bt(e)),isNonEditable:e=>Lt(e)&&"false"===ho(e,"contenteditable")}),eq:Je,is:Xe});const Nl=(e,t)=>({item:e,mode:t}),Bl=(e,t,o,n=_l)=>e.property().parent(t)?.map((e=>Nl(e,n))),_l=(e,t,o,n=zl)=>o.sibling(e,t)?.map((e=>Nl(e,n))),zl=(e,t,o,n=zl)=>{const r=e.property().children(t);return o.first(r)?.map((e=>Nl(e,n)))},Al=[{current:Bl,next:_l,fallback:C.none()},{current:_l,next:zl,fallback:C?.some(Bl)},{current:zl,next:zl,fallback:C?.some(_l)}],Wl=(e,t,o,n,r=Al)=>W(r,(e=>e.current===o)).bind((o=>o.current(e,t,n,o.next).orThunk((()=>o.fallback.bind((o=>Wl(e,t,o,n))))))),Ll=(e,t,o,n,r,s)=>Wl(e,t,n,r).bind((t=>s(t.item)?C.none():o(t.item)?C?.some(t.item):Ll(e,t.item,o,t.mode,r,s))),Ml=(e,t)=>({element:e,offset:t}),jl=(e,t,o)=>e.property().isText(t)&&0===e.property().getText(t).trim().length||e.property().isComment(t)?o(t).bind((t=>jl(e,t,o).orThunk((()=>C?.some(t))))):C.none(),Pl=(e,t)=>e.property().isText(t)?e.property().getText(t).length:e.property().children(t).length,Il=(e,t)=>{const o=jl(e,t,e.query().prevSibling).getOr(t);if(e.property().isText(o))return Ml(o,Pl(e,o));const n=e.property().children(o);return n.length>0?Il(e,n[n.length-1]):Ml(o,Pl(e,o))},Fl=Il,Hl=El(),$l=e=>t=>0===e.property().children(t).length,Vl=(e,t,o,n)=>Ll(e,t,o,_l,{sibling:(e,t)=>e.query().prevSibling(t),first:e=>e.length>0?C?.some(e[e.length-1]):C.none()},n),ql=(e,t,o,n)=>Ll(e,t,o,_l,{sibling:(e,t)=>e.query().nextSibling(t),first:e=>e.length>0?C?.some(e[0]):C.none()},n),Ul=El(),Gl=(e,t)=>((e,t,o)=>Vl(e,t,$l(e),o))(Ul,e,t),Kl=(e,t)=>((e,t,o)=>ql(e,t,$l(e),o))(Ul,e,t),Yl=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","table","thead","tfoot","tbody","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"],Jl=(e,t,o,n)=>{const r=t(e,o);return z(n,((o,n)=>{const r=t(e,n);return Ql(e,o,r)}),r)},Ql=(e,t,o)=>t.bind((t=>o.filter(b(e.eq,t)))),Xl=El(),Zl=(e,t)=>((e,t,o)=>o.length>0?((e,t,o,n)=>n(e,t,o[0],o.slice(1)))(e,t,o,Jl):C.none())(Xl,((t,o)=>e(o)),t),ea=El(),ta=e=>((e,t)=>{const o=e.property().name(t);return D(Yl,o)})(ea,e),oa=e=>((e,t)=>{const o=e.property().name(t);return D(["ol","ul"],o)})(ea,e),na=e=>{const t=It("br"),o=e=>Tn(e).bind((o=>{const n=Gt(o)?.map((e=>!!ta(e)||!!((e,t)=>D(["br","img","hr","input"],e.property().name(t)))(ea,e)&&"img"!==Bt(e))).getOr(!1);return $t(o)?.map((r=>{return!0===n||("li"===Bt(s=r)||on(s,oa).isSome())||t(o)||ta(r)&&!Je(e,r)?[]:[Le.fromTag("br")];var s}))})).getOr([]),n=(()=>{const n=j(e,(e=>{const n=Kt(e);return(e=>P(e,(e=>t(e)||Mt(e)&&0===Jo(e).trim().length)))(n)?[]:n.concat(o(e))}));return 0===n.length?[Le.fromTag("br")]:n})();vo(e[0]),mo(e[0],n)},ra=e=>{bo(e,"width"),bo(e,"height")},sa=e=>{const t=xs(e);Tl(e,C?.some(t),C.none()),ra(e)},la=e=>{const t=(e=>Fo(e)+"px")(e);Tl(e,C?.some(t),C.none()),ra(e)},aa=e=>{Ao(e,"width");const t=cr(e),o=t.length>0?t:ar(e);N(o,(e=>{Ao(e,"width"),ra(e)})),ra(e)},ca={scope:["row","col"]},ia=e=>()=>{const t=Le.fromTag("td",e.dom);return ao(t,Le.fromTag("br",e.dom)),t},ma=e=>()=>Le.fromTag("col",e.dom),da=e=>()=>Le.fromTag("colgroup",e.dom),ua=e=>()=>Le.fromTag("tr",e.dom),fa=(e,t,o)=>{const n=((e,t)=>{const o=Ro(e,t),n=Kt(To(e));return mo(o,n),o})(e,t);return G(o,((e,t)=>{null===e?bo(n,t):fo(n,t,e)})),n},ga=e=>e,ha=(e,t,o)=>{const n=(e,t)=>{((e,t)=>{const o=e.dom,n=t.dom;Do(o)&&Do(n)&&(n.style.cssText=o.style.cssText)})(e.element,t),Ao(t,"height"),1!==e.colspan&&Ao(t,"width")};return{col:o=>{const r=Le.fromTag(Bt(o.element),t.dom);return n(o,r),e(o.element,r),r},colgroup:da(t),row:ua(t),cell:r=>{const s=Le.fromTag(Bt(r.element),t.dom),l=o.getOr(["strong","em","b","i","span","font","h1","h2","h3","h4","h5","h6","p","div"]),a=l.length>0?((e,t,o)=>Sn(e)?.map((n=>{const r=o.join(","),s=bn(n,r,(t=>Je(t,e)));return z(s,((e,t)=>{const o=So(t);return ao(e,o),o}),t)})).getOr(t))(r.element,s,l):s;return ao(a,Le.fromTag("br")),n(r,s),((e,t)=>{G(ca,((o,n)=>po(e,n).filter((e=>D(o,e))).each((e=>fo(t,n,e)))))})(r.element,s),e(r.element,s),s},replace:fa,colGap:ma(t),gap:ia(t)}},pa=e=>({col:ma(e),colgroup:da(e),row:ua(e),cell:ia(e),replace:ga,colGap:ma(e),gap:ia(e)}),ba=e=>Dr(e).grid,wa=(e,t,o,n)=>{const r=ze(e).rows;let s=!0;for(let e=0;e<r.length;e++)for(let l=0;l<_e(r[0]);l++){const a=r[e],c=Ne(a,l),i=o(c.element,t);i&&!s?ke(a,l,Te(n(),!0,c.isLocked)):i&&(s=!1)}return e},va=(e,t)=>({rowDelta:0,colDelta:_e(e[0])-_e(t[0])}),ya=(e,t)=>({rowDelta:e.length-t.length,colDelta:0}),xa=(e,t,o,n)=>{const r="colgroup"===t.section?o.col:o.cell;return k(e,(e=>Te(r(),!0,n(e))))},Ca=(e,t,o,n)=>{const r=e[e.length-1];return e.concat(k(t,(()=>{const e="colgroup"===r.section?o.colgroup:o.row,t=Ae(r,e,h),s=xa(t.cells.length,t,o,(e=>X(n,e.toString())));return Ee(t,s)})))},Sa=(e,t,o,n)=>E(e,(e=>{const r=xa(t,e,o,y);return De(e,n,r)})),Ta=(e,t,o)=>{const n=t.colDelta<0?Sa:h,r=t.rowDelta<0?Ca:h,s=Cr(e),l=_e(e[0]),a=O(s,(e=>e===l-1)),c=n(e,Math.abs(t.colDelta),o,a?l-1:l),i=Cr(c);return r(c,Math.abs(t.rowDelta),o,I(i,x))},Ra=(e,t,o,n)=>{const r=b(n,Ne(e[t],o).element),s=e[t];return e.length>1&&_e(s)>1&&(o>0&&r(Be(s,o-1))||o<s.cells.length-1&&r(Be(s,o+1))||t>0&&r(Be(e[t-1],o))||t<e.length-1&&r(Be(e[t+1],o)))},Da=(e,t,o)=>_(o,(o=>o>=e.column&&o<=_e(t[0])+e.column)),Oa=(e,t,o,n,r)=>{((e,t,o,n)=>{t>0&&t<e[0].cells.length&&N(e,(e=>{const r=e.cells[t-1];let s=0;const l=n();for(;e.cells.length>t+s&&o(r.element,e.cells[t+s].element);)ke(e,t+s,Te(l,!0,e.cells[t+s].isLocked)),s++}))})(t,e,r,n.cell);const s=ya(o,t),l=Ta(o,s,n),a=ya(t,l),c=Ta(t,a,n);return E(c,((t,o)=>De(t,e,l[o].cells)))},ka=(e,t,o,n,r)=>{((e,t,o,n)=>{const r=ze(e).rows;if(t>0&&t<r.length){const e=((e,t)=>A(e,((e,o)=>O(e,(e=>t(e.element,o.element)))?e:e.concat([o])),[]))(r[t-1].cells,o);N(e,(e=>{let s=C.none();for(let l=t;l<r.length;l++)for(let t=0;t<_e(r[0]);t++){const a=r[l],c=Ne(a,t);o(c.element,e.element)&&(s.isNone()&&(s=C?.some(n())),s.each((e=>{ke(a,t,Te(e,!0,c.isLocked))})))}}))}})(t,e,r,n.cell);const s=Cr(t),l=va(t,o),a={...l,colDelta:l.colDelta-s.length},c=Ta(t,a,n),{cols:i,rows:m}=ze(c),d=Cr(c),u=va(o,t),f={...u,colDelta:u.colDelta+d.length},g=(p=n,b=d,E(o,(e=>A(b,((t,o)=>{const n=xa(1,e,p,x)[0];return Oe(t,o,n)}),e)))),h=Ta(g,f,n);var p,b;return[...i,...m.slice(0,e),...h,...m.slice(e,m.length)]},Ea=(e,t,o,n,r)=>{const{rows:s,cols:l}=ze(e),a=s.slice(0,t),c=s.slice(t);return[...l,...a,((e,t,o,n)=>Ae(e,(e=>n(e,o)),t))(s[o],((e,o)=>t>0&&t<s.length&&n(Be(s[t-1],o),Be(s[t],o))?Ne(s[t],o):Te(r(e.element,n),!0,e.isLocked)),n,r),...c]},Na=(e,t,o,n,r)=>E(e,(e=>{const s=t>0&&t<_e(e)&&n(Be(e,t-1),Be(e,t)),l=((e,t,o,n,r,s,l)=>{if("colgroup"!==o&&n)return Ne(e,t);{const t=Ne(e,r);return Te(l(t.element,s),!0,!1)}})(e,t,e.section,s,o,n,r);return Oe(e,t,l)})),Ba=(e,t,o,n)=>((e,t,o,n)=>void 0!==Be(e[t],o)&&t>0&&n(Be(e[t-1],o),Be(e[t],o)))(e,t,o,n)||((e,t,o)=>t>0&&o(Be(e,t-1),Be(e,t)))(e[t],o,n),_a=(e,t,o,n)=>{const r=e=>(e=>"row"===e?(e=>Zn(e,"rowspan")>1)(t):er(t))(e)?`${e}group`:e;return e?ur(t)?r(o):null:n&&ur(t)?r("row"===o?"col":"row"):null},za=(e,t,o)=>Te(o(e.element,t),!0,e.isLocked),Aa=(e,t,o,n,r,s,l)=>E(e,((e,a)=>(e=>{const c=e.cells,i=E(c,((e,c)=>{if((e=>O(t,(t=>o(e.element,t.element))))(e)){const t=l(e,a,c)?r(e,o,n):e;return s(t,a,c).each((e=>{var o,n;o=t.element,n={scope:C.from(e)},G(n,((e,t)=>{e.fold((()=>{bo(o,t)}),(e=>{uo(o.dom,t,e)}))}))})),t}return e}));return Re(e.element,i,e.section,e.isNew)})(e))),Wa=(e,t,o)=>j(e,((n,r)=>Ba(e,r,t,o)?[]:[Ne(n,t)])),La=(e,t,o,n,r)=>{const s=ze(e).rows,l=j(t,(e=>Wa(s,e,n))),a=E(s,(e=>fr(e.cells))),c=((e,t)=>P(t,h)&&fr(e)?x:(e,o,n)=>!("th"===Bt(e.element)&&t[o]))(l,a),i=((e,t)=>(o,n)=>C?.some(_a(e,o.element,"row",t[n])))(o,a);return Aa(e,l,n,r,za,i,c)},Ma=(e,t,o,n)=>{const r=ze(e).rows,s=E(t,(e=>Ne(r[e.row],e.column)));return Aa(e,s,o,n,za,C.none,x)},ja=e=>A(e,((e,t)=>O(e,(e=>e.column===t.column))?e:e.concat([t])),[]).sort(((e,t)=>e.column-t.column)),Pa=e=>gn(e,!0),Ia=e=>{0===ar(e).length&&yo(e)},Fa=(e,t)=>({grid:e,cursor:t}),Ha=(e,t,o)=>{const n=((e,t,o)=>{var n,r;const s=ze(e).rows;return C.from(null===(r=null===(n=s[t])||void 0===n?void 0:n.cells[o])||void 0===r?void 0:r.element).filter(Pa).orThunk((()=>(e=>V(e,(e=>V(e.cells,(e=>{const t=e.element;return de(Pa(t),t)})))))(s)))})(e,t,o);return Fa(e,n)},$a=e=>A(e,((e,t)=>O(e,(e=>e.row===t.row))?e:e.concat([t])),[]).sort(((e,t)=>e.row-t.row)),Va=(e,t,o,n)=>{const r=t[0].row,s=$a(t),l=z(s,((e,t)=>({grid:Ea(e.grid,r,t.row+e.delta,o,n.getOrInit),delta:e.delta+1})),{grid:e,delta:0}).grid;return Ha(l,r,t[0].column)},qa=(e,t,o,n)=>{const r=$a(t),s=r[r.length-1],l=s.row+s.rowspan,a=z(r,((e,t)=>Ea(e,l,t.row,o,n.getOrInit)),e);return Ha(a,l,t[0].column)},Ua=(e,t,o,n)=>{const r=t.details,s=ja(r),l=s[0].column,a=z(s,((e,t)=>({grid:Na(e.grid,l,t.column+e.delta,o,n.getOrInit),delta:e.delta+1})),{grid:e,delta:0}).grid;return Ha(a,r[0].row,l)},Ga=(e,t,o,n)=>{const r=t.details,s=r[r.length-1],l=s.column+s.colspan,a=ja(r),c=z(a,((e,t)=>Na(e,l,t.column,o,n.getOrInit)),e);return Ha(c,r[0].row,l)},Ka=(e,t,o,n)=>{const r=ja(t),s=E(r,(e=>e.column)),l=La(e,s,!0,o,n.replaceOrInit);return Ha(l,t[0].row,t[0].column)},Ya=(e,t,o,n)=>{const r=Ma(e,t,o,n.replaceOrInit);return Ha(r,t[0].row,t[0].column)},Ja=(e,t,o,n)=>{const r=ja(t),s=E(r,(e=>e.column)),l=La(e,s,!1,o,n.replaceOrInit);return Ha(l,t[0].row,t[0].column)},Qa=(e,t,o,n)=>{const r=Ma(e,t,o,n.replaceOrInit);return Ha(r,t[0].row,t[0].column)},Xa=(e,t)=>(o,n,r,s,l)=>{const a=$a(n),c=E(a,(e=>e.row)),i=((e,t,o,n,r,s,l)=>{const{cols:a,rows:c}=ze(e),i=c[t[0]],m=j(t,(e=>((e,t,o)=>{const n=e[t];return j(n.cells,((n,r)=>Ba(e,t,r,o)?[]:[n]))})(c,e,r))),d=E(i.cells,((e,t)=>fr(Wa(c,t,r)))),u=[...c];N(t,(e=>{u[e]=l.transformRow(c[e],o)}));const f=[...a,...u],g=((e,t)=>P(t,h)&&fr(e.cells)?x:(e,o,n)=>!("th"===Bt(e.element)&&t[n]))(i,d),p=((e,t)=>(o,n,r)=>C?.some(_a(e,o.element,"col",t[r])))(n,d);return Aa(f,m,r,s,l.transformCell,p,g)})(o,c,e,t,r,s.replaceOrInit,l);return Ha(i,n[0].row,n[0].column)},Za=Xa("thead",!0),ec=Xa("tbody",!1),tc=Xa("tfoot",!1),oc=(e,t,o,n)=>{const r=ja(t.details),s=((e,t)=>j(e,(e=>{const o=e.cells,n=z(t,((e,t)=>t>=0&&t<e.length?e.slice(0,t).concat(e.slice(t+1)):e),o);return n.length>0?[Re(e.element,n,e.section,e.isNew)]:[]})))(e,E(r,(e=>e.column))),l=s.length>0?s[0].cells.length-1:0;return Ha(s,r[0].row,Math.min(r[0].column,l))},nc=(e,t,o,n)=>{const r=$a(t),s=((e,t,o)=>{const{rows:n,cols:r}=ze(e);return[...r,...n.slice(0,t),...n.slice(o+1)]})(e,r[0].row,r[r.length-1].row),l=Math.max(ze(s).rows.length-1,0);return Ha(s,Math.min(t[0].row,l),t[0].column)},rc=(e,t,o,n)=>{const r=t.cells;na(r);const s=((e,t,o,n)=>{const r=ze(e).rows;if(0===r.length)return e;for(let e=t.startRow;e<=t.finishRow;e++)for(let o=t.startCol;o<=t.finishCol;o++){const t=r[e],s=Ne(t,o).isLocked;ke(t,o,Te(n(),!1,s))}return e})(e,t.bounds,0,n.merge(r));return Fa(s,C.from(r[0]))},sc=(e,t,o,n)=>{const r=z(t,((e,t)=>wa(e,t,o,n.unmerge(t))),e);return Fa(r,C.from(t[0]))},lc=(e,t,o,n)=>{const r=((e,t)=>{const o=Dr(e);return Hs(o,t,!0)})(t.clipboard,t.generators);var s,l;return((e,t,o,n,r)=>{const s=Cr(t),l=((e,t,o)=>{const n=_e(t[0]),r=ze(t).cols.length+e.row,s=k(n-e.column,(t=>t+e.column));return{row:r,column:W(s,(e=>P(o,(t=>t!==e)))).getOr(n-1)}})(e,t,s),a=ze(o).rows,c=Da(l,a,s),i=((e,t,o)=>{if(e.row>=t.length||e.column>_e(t[0]))return le.error("invalid start address out of table bounds, row: "+e.row+", column: "+e.column);const n=t.slice(e.row),r=n[0].cells.slice(e.column),s=_e(o[0]),l=o.length;return le.value({rowDelta:n.length-l,colDelta:r.length-s})})(l,t,a);return i?.map((e=>{const o={...e,colDelta:e.colDelta-c.length},s=Ta(t,o,n),i=Cr(s),m=Da(l,a,i);return((e,t,o,n,r,s)=>{const l=e.row,a=e.column,c=l+o.length,i=a+_e(o[0])+s.length,m=I(s,x);for(let e=l;e<c;e++){let s=0;for(let c=a;c<i;c++){if(m[c]){s++;continue}Ra(t,e,c,r)&&wa(t,Be(t[e],c),r,n.cell);const i=c-a-s,d=Ne(o[e-l],i),u=d.element,f=n.replace(u);ke(t[e],c,Te(f,!0,d.isLocked))}}return t})(l,s,a,n,r,m)}))})((s=t.row,l=t.column,{row:s,column:l}),e,r,t.generators,o).fold((()=>Fa(e,C?.some(t.element))),(e=>Ha(e,t.row,t.column)))},ac=(e,t,o)=>{const n=((e,t)=>br(e,(()=>t)))(e,o.section),r=Or(n);return Hs(r,t,!0)},cc=(e,t,o,n)=>{const r=ze(e).rows,s=t.cells[0].column,l=r[t.cells[0].row],a=ac(t.clipboard,t.generators,l),c=Oa(s,e,a,t.generators,o);return Ha(c,t.cells[0].row,t.cells[0].column)},ic=(e,t,o,n)=>{const r=ze(e).rows,s=t.cells[t.cells.length-1].column+t.cells[t.cells.length-1].colspan,l=r[t.cells[0].row],a=ac(t.clipboard,t.generators,l),c=Oa(s,e,a,t.generators,o);return Ha(c,t.cells[0].row,s)},mc=(e,t,o,n)=>{const r=ze(e).rows,s=t.cells[0].row,l=r[s],a=ac(t.clipboard,t.generators,l),c=ka(s,e,a,t.generators,o);return Ha(c,t.cells[0].row,t.cells[0].column)},dc=(e,t,o,n)=>{const r=ze(e).rows,s=t.cells[t.cells.length-1].row+t.cells[t.cells.length-1].rowspan,l=r[t.cells[0].row],a=ac(t.clipboard,t.generators,l),c=ka(s,e,a,t.generators,o);return Ha(c,s,t.cells[0].column)},uc=(e,t,o,n)=>((e,t,o,n)=>{const r=Or(t),s=n.getWidths(r,n);tl(r,s,n)})(0,t,0,n.sizing),fc=(e,t,o,n)=>((e,t,o,n,r)=>{const s=Or(t),l=n.getWidths(s,n),a=n.pixelWidth(),{newSizes:c,delta:i}=r.calcRedestributedWidths(l,a,o.pixelDelta,n.isRelative);tl(s,c,n),n.adjustTableWidth(i)})(0,t,o,n.sizing,n.resize),gc=(e,t)=>O(t,(e=>0===e.column&&e.isLocked)),hc=(e,t)=>O(t,(t=>t.column+t.colspan>=e.grid.columns&&t.isLocked)),pc=(e,t)=>{const o=Vr(e),n=ja(t);return A(n,((e,t)=>e+o[t.column]?.map(Ho).getOr(0)),0)},bc=e=>(t,o)=>Ys(t,o).filter((o=>!(e?gc:hc)(t,o)))?.map((e=>({details:e,pixelDelta:pc(t,e)}))),wc=(e,t)=>Js(e,t)?.map((t=>({details:t,pixelDelta:-pc(e,t)}))),vc=e=>(t,o)=>Ks(t,o).filter((o=>!(e?gc:hc)(t,o.cells))),yc=gl("th"),xc=gl("td"),Cc=(e,t,o,n)=>Us(Va,Ys,f,f,fl,e,t,o,n),Sc=(e,t,o,n)=>Us(qa,Ys,f,f,fl,e,t,o,n),Tc=(e,t,o,n)=>Us(Ua,bc(!0),fc,f,fl,e,t,o,n),Rc=(e,t,o,n)=>Us(Ga,bc(!1),fc,f,fl,e,t,o,n),Dc=(e,t,o,n)=>Us(oc,wc,fc,Ia,fl,e,t,o,n),Oc=(e,t,o,n)=>Us(nc,Ys,f,Ia,fl,e,t,o,n),kc=(e,t,o,n)=>Us(Ka,Js,f,f,yc,e,t,o,n),Ec=(e,t,o,n)=>Us(Ja,Js,f,f,xc,e,t,o,n),Nc=(e,t,o,n)=>Us(Za,Ys,f,f,yc,e,t,o,n),Bc=(e,t,o,n)=>Us(ec,Ys,f,f,xc,e,t,o,n),_c=(e,t,o,n)=>Us(tc,Ys,f,f,xc,e,t,o,n),zc=(e,t,o,n)=>Us(Ya,Js,f,f,yc,e,t,o,n),Ac=(e,t,o,n)=>Us(Qa,Js,f,f,xc,e,t,o,n),Wc=(e,t,o,n)=>Us(rc,Xs,uc,f,hl,e,t,o,n),Lc=(e,t,o,n)=>Us(sc,Zs,uc,f,hl,e,t,o,n),Mc=(e,t,o,n)=>Us(lc,Gs,uc,f,fl,e,t,o,n),jc=(e,t,o,n)=>Us(cc,vc(!0),f,f,fl,e,t,o,n),Pc=(e,t,o,n)=>Us(ic,vc(!1),f,f,fl,e,t,o,n),Ic=(e,t,o,n)=>Us(mc,Ks,f,f,fl,e,t,o,n),Fc=(e,t,o,n)=>Us(dc,Ks,f,f,fl,e,t,o,n),Hc=(e,t)=>{const o=Dr(e);return Ys(o,t).bind((e=>{const t=e[e.length-1],n=e[0].column,r=t.column+t.colspan,s=M(E(o.all,(e=>_(e.cells,(e=>e.column>=n&&e.column<r)))));return pr(s)})).getOr("")},$c=(e,t)=>{const o=Dr(e);return Ys(o,t).bind(pr).getOr("")},Vc=(e,t)=>{const o=Dr(e);return Ys(o,t).bind((e=>{const t=e[e.length-1],n=e[0].row,r=t.row+t.rowspan;return(e=>{const t=E(e,(e=>hr(e).type)),o=D(t,"header"),n=D(t,"footer");if(o||n){const e=D(t,"body");return!o||e||n?o||e||!n?C.none():C?.some("footer"):C?.some("header")}return C?.some("body")})(o.all.slice(n,r))})).getOr("")},qc=(e,t)=>{const o=t.column,n=t.column+t.colspan-1,r=t.row,s=t.row+t.rowspan-1;return o<=e.finishCol&&n>=e.startCol&&r<=e.finishRow&&s>=e.startRow},Uc=(e,t)=>t.column>=e.startCol&&t.column+t.colspan-1<=e.finishCol&&t.row>=e.startRow&&t.row+t.rowspan-1<=e.finishRow,Gc=(e,t,o)=>{const n=Er(e,t,Je),r=Er(e,o,Je);return n.bind((e=>r?.map((t=>{return o=e,n=t,{startRow:Math.min(o.row,n.row),startCol:Math.min(o.column,n.column),finishRow:Math.max(o.row+o.rowspan-1,n.row+n.rowspan-1),finishCol:Math.max(o.column+o.colspan-1,n.column+n.colspan-1)};var o,n}))))},Kc=(e,t,o)=>Gc(e,t,o)?.map((t=>{const o=Nr(e,b(qc,t));return E(o,(e=>e.element))})),Yc=(e,t)=>Er(e,t,((e,t)=>Qe(t,e)))?.map((e=>e.element)),Jc=(e,t,o)=>{const n=Xc(e);return Kc(n,t,o)},Qc=(e,t,o,n,r)=>{const s=Xc(e),l=Je(e,o)?C?.some(t):Yc(s,t),a=Je(e,r)?C?.some(n):Yc(s,n);return l.bind((e=>a.bind((t=>Kc(s,e,t)))))},Xc=Dr,Zc={styles:{"border-collapse":"collapse",width:"100%"},attributes:{border:"1"},colGroups:!1},ei=(e,t,o,n)=>k(e,(e=>((e,t,o,n)=>{const r=Le.fromTag("tr");for(let s=0;s<e;s++){const e=Le.fromTag(n<t||s<o?"th":"td");s<o&&fo(e,"scope","row"),n<t&&fo(e,"scope","col"),ao(e,Le.fromTag("br")),ao(r,e)}return r})(t,o,n,e))),ti=e=>{let t=[];return{bind:e=>{if(void 0===e)throw new Error("Event bind error: undefined handler");t.push(e)},unbind:e=>{t=_(t,(t=>t!==e))},trigger:(...o)=>{const n={};N(e,((e,t)=>{n[e]=o[t]})),N(t,(e=>{e(n)}))}}},oi=e=>({registry:K(e,(e=>({bind:e.bind,unbind:e.unbind}))),trigger:K(e,(e=>e.trigger))}),ni=ne(["compare","extract","mutate","sink"]),ri=ne(["element","start","stop","destroy"]),si=ne(["forceDrop","drop","move","delayDrop"]),li=()=>{const e=(()=>{const e=oi({move:ti(["info"])});return{onEvent:f,reset:f,events:e.registry}})(),t=(()=>{let e=C.none();const t=oi({move:ti(["info"])});return{onEvent:(o,n)=>{n.extract(o).each((o=>{const r=((t,o)=>{const n=e?.map((e=>t.compare(e,o)));return e=C?.some(o),n})(n,o);r.each((e=>{t.trigger.move(e)}))}))},reset:()=>{e=C.none()},events:t.registry}})();let o=e;return{on:()=>{o.reset(),o=t},off:()=>{o.reset(),o=e},isOn:()=>o===t,onEvent:(e,t)=>{o.onEvent(e,t)},events:t.events}},ai=ce("ephox-dragster").resolve;var ci=ni({compare:(e,t)=>qo(t.left-e.left,t.top-e.top),extract:e=>C?.some(qo(e.x,e.y)),sink:(e,t)=>{const o=(e=>{const t={layerClass:ai("blocker"),...e},o=Le.fromTag("div");return fo(o,"role","presentation"),No(o,{position:"fixed",left:"0px",top:"0px",width:"100%",height:"100%"}),dn(o,ai("blocker")),dn(o,t.layerClass),{element:g(o),destroy:()=>{yo(o)}}})(t),n=oo(o.element(),"mousedown",e.forceDrop),r=oo(o.element(),"mouseup",e.drop),s=oo(o.element(),"mousemove",e.move),l=oo(o.element(),"mouseout",e.delayDrop);return ri({element:o.element,start:e=>{ao(e,o.element())},stop:()=>{yo(o.element())},destroy:()=>{o.destroy(),r.unbind(),s.unbind(),l.unbind(),n.unbind()}})},mutate:(e,t)=>{e.mutate(t.left,t.top)}});const ii=ce("ephox-snooker").resolve,mi=ii("resizer-bar"),di=ii("resizer-rows"),ui=ii("resizer-cols"),fi=e=>{const t=vn(e.parent(),"."+mi);N(t,yo)},gi=(e,t,o)=>{const n=e.origin();N(t,(t=>{t.each((t=>{const r=o(n,t);dn(r,mi),ao(e.parent(),r)}))}))},hi=(e,t,o,n,r)=>{const s=Go(o),l=t.isResizable,a=n.length>0?ns.positions(n,o):[],c=a.length>0?((e,t)=>j(e.all,((e,o)=>t(e.element)?[o]:[])))(e,l):[];((e,t,o,n)=>{gi(e,t,((e,t)=>{const r=((e,t,o,n)=>{const r=Le.fromTag("div");return No(r,{position:"absolute",left:t+"px",top:o-3.5+"px",height:"7px",width:n+"px"}),go(r,{"data-mce-bogus":"all","data-row":e,role:"presentation"}),r})(t.row,o.left-e.left,t.y-e.top,n);return dn(r,di),r}))})(t,_(a,((e,t)=>O(c,(e=>t===e)))),s,Ho(o));const i=r.length>0?ss.positions(r,o):[],m=i.length>0?((e,t)=>{const o=[];return k(e.grid.columns,(n=>{Ar(e,n)?.map((e=>e.element)).forall(t)&&o.push(n)})),_(o,(o=>{const n=Nr(e,(e=>e.column===o));return P(n,(e=>t(e.element)))}))})(e,l):[];((e,t,o,n)=>{gi(e,t,((e,t)=>{const r=((e,t,o,n,r)=>{const s=Le.fromTag("div");return No(s,{position:"absolute",left:t-3.5+"px",top:o+"px",height:r+"px",width:"7px"}),go(s,{"data-mce-bogus":"all","data-column":e,role:"presentation"}),s})(t.col,t.x-e.left,o.top-e.top,0,n);return dn(r,ui),r}))})(t,_(i,((e,t)=>O(m,(e=>t===e)))),s,Po(o))},pi=(e,t)=>{if(fi(e),e.isResizable(t)){const o=Dr(t),n=Ur(o),r=Vr(o);hi(o,e,t,n,r)}},bi=(e,t)=>{const o=vn(e.parent(),"."+mi);N(o,t)},wi=e=>{bi(e,(e=>{Eo(e,"display","none")}))},vi=e=>{bi(e,(e=>{Eo(e,"display","block")}))},yi=ii("resizer-bar-dragging"),xi=e=>{const t=(()=>{const e=oi({drag:ti(["xDelta","yDelta","target"])});let t=C.none();const o=(()=>{const e=oi({drag:ti(["xDelta","yDelta"])});return{mutate:(t,o)=>{e.trigger.drag(t,o)},events:e.registry}})();return o.events.drag.bind((o=>{t.each((t=>{e.trigger.drag(o.xDelta,o.yDelta,t)}))})),{assign:e=>{t=C?.some(e)},get:()=>t,mutate:o.mutate,events:e.registry}})(),o=((e,t={})=>{var o;return((e,t,o)=>{let n=!1;const r=oi({start:ti([]),stop:ti([])}),s=li(),l=()=>{m.stop(),s.isOn()&&(s.off(),r.trigger.stop())},c=(e=>{let t=null;const o=()=>{a(t)||(clearTimeout(t),t=null)};return{cancel:o,throttle:(...n)=>{o(),t=setTimeout((()=>{t=null,e.apply(null,n)}),200)}}})(l);s.events.move.bind((o=>{t.mutate(e,o.info)}));const i=e=>(...t)=>{n&&e.apply(null,t)},m=t.sink(si({forceDrop:l,drop:i(l),move:i((e=>{c.cancel(),s.onEvent(e,t)})),delayDrop:i(c.throttle)}),o);return{element:m.element,go:e=>{m.start(e),s.on(),r.trigger.start()},on:()=>{n=!0},off:()=>{n=!1},isActive:()=>n,destroy:()=>{m.destroy()},events:r.registry}})(e,null!==(o=t.mode)&&void 0!==o?o:ci,t)})(t,{});let n=C.none();const r=(e,t)=>C.from(ho(e,t));t.events.drag.bind((e=>{r(e.target,"data-row").each((t=>{const o=tr(e.target,"top");Eo(e.target,"top",o+e.yDelta+"px")})),r(e.target,"data-column").each((t=>{const o=tr(e.target,"left");Eo(e.target,"left",o+e.xDelta+"px")}))}));const s=(e,t)=>tr(e,t)-Xn(e,"data-initial-"+t,0);o.events.stop.bind((()=>{t.get().each((t=>{n.each((o=>{r(t,"data-row").each((e=>{const n=s(t,"top");bo(t,"data-initial-top"),d.trigger.adjustHeight(o,n,parseInt(e,10))})),r(t,"data-column").each((e=>{const n=s(t,"left");bo(t,"data-initial-left"),d.trigger.adjustWidth(o,n,parseInt(e,10))})),pi(e,o)}))}))}));const l=(n,r)=>{d.trigger.startAdjust(),t.assign(n),fo(n,"data-initial-"+r,tr(n,r)),dn(n,yi),Eo(n,"opacity","0.2"),o.go(e.dragContainer())},c=oo(e.parent(),"mousedown",(e=>{var t;t=e.target,un(t,di)&&l(e.target,"top"),(e=>un(e,ui))(e.target)&&l(e.target,"left")})),i=t=>Je(t,e.view()),m=oo(e.view(),"mouseover",(t=>{var r;(r=t.target,an(r,"table",i).filter(gn)).fold((()=>{Oo(t.target)&&!(e=>un(e,"ephox-snooker-resizer-bar")||un(e,"ephox-dragster-blocker"))(t.target)&&fi(e)}),(t=>{o.isActive()&&(n=C?.some(t),pi(e,t))}))})),d=oi({adjustHeight:ti(["table","delta","row"]),adjustWidth:ti(["table","delta","column"]),startAdjust:ti([])});return{destroy:()=>{c.unbind(),m.unbind(),o.destroy(),fi(e)},refresh:t=>{pi(e,t)},on:o.on,off:o.off,hideBars:b(wi,e),showBars:b(vi,e),events:d.registry}},Ci=e=>t=>t.options.get(e),Si="100%",Ti=e=>{var t;const o=e.dom,n=null!==(t=o.getParent(e.selection.getStart(),o.isBlock))&&void 0!==t?t:e.getBody();return $o(Le.fromDom(n))+"px"},Ri=e=>C.from(e.options.get("table_clone_elements")),Di=Ci("table_header_type"),Oi=Ci("table_column_resizing"),ki=e=>"preservetable"===Oi(e),Ei=e=>"resizetable"===Oi(e),Ni=Ci("table_sizing_mode"),Bi=e=>"relative"===Ni(e),_i=e=>"fixed"===Ni(e),zi=e=>"responsive"===Ni(e),Ai=Ci("table_resize_bars"),Wi=Ci("table_style_by_css"),Li=Ci("table_merge_content_on_paste"),Mi=e=>{const t=e.options,o=t.get("table_default_attributes");return t.isSet("table_default_attributes")?o:((e,t)=>zi(e)||Wi(e)?t:_i(e)?{...t,width:Ti(e)}:{...t,width:Si})(e,o)},ji=Ci("table_use_colgroups"),Pi=e=>Le.fromDom(e.getBody()),Ii=e=>t=>Je(t,Pi(e)),Fi=e=>{bo(e,"data-mce-style");const t=e=>bo(e,"data-mce-style");N(ar(e),t),N(cr(e),t),N(mr(e),t)},Hi=e=>Le.fromDom(e.selection.getStart()),$i=e=>e.getBoundingClientRect().width,Vi=e=>e.getBoundingClientRect().height,qi=e=>(t,o)=>{const n=t.dom.getStyle(o,e)||t.dom.getAttrib(o,e);return C.from(n).filter(ve)},Ui=qi("width"),Gi=qi("height"),Ki=e=>nn(e,It("table")).exists(gn),Yi=e=>rn(e,"table"),Ji=(e,t,o)=>{const n=e=>t=>void 0!==o&&o(t)||Je(t,e);return Je(e,t)?C?.some({boxes:C?.some([e]),start:e,finish:t}):Yi(e).bind((r=>Yi(t).bind((s=>{if(Je(r,s))return C?.some({boxes:Jc(r,e,t),start:e,finish:t});if(Qe(r,s)){const o=bn(t,"td,th",n(r)),l=o.length>0?o[o.length-1]:t;return C?.some({boxes:Qc(r,e,r,t,s),start:e,finish:l})}if(Qe(s,r)){const o=bn(e,"td,th",n(s)),l=o.length>0?o[o.length-1]:e;return C?.some({boxes:Qc(s,e,r,t,s),start:e,finish:l})}return((e,t)=>((e,t,o,n=y)=>{const r=[t].concat(e.up().all(t)),s=[o].concat(e.up().all(o)),l=e=>L(e,n).fold((()=>e),(t=>e.slice(0,t+1))),a=l(r),c=l(s),i=W(a,(t=>O(c,((e,t)=>b(e.eq,t))(e,t))));return{firstpath:a,secondpath:c,shared:i}})(Xl,e,t,void 0))(e,t).shared.bind((l=>an(l,"table",o).bind((o=>{const l=bn(t,"td,th",n(o)),a=l.length>0?l[l.length-1]:t,c=bn(e,"td,th",n(o)),i=c.length>0?c[c.length-1]:e;return C?.some({boxes:Qc(o,e,r,t,s),start:i,finish:a})}))))}))))},Qi=(e,t)=>{const o=vn(e,t);return o.length>0?C?.some(o):C.none()},Xi=(e,t,o)=>ln(e,t).bind((t=>ln(e,o).bind((e=>Zl(Yi,[t,e])?.map((o=>({first:t,last:e,table:o}))))))),Zi=(e,t,o,n,r)=>((e,t)=>W(e,(e=>Ge(e,t))))(e,r).bind((e=>((e,t,o)=>ir(e).bind((n=>((e,t,o,n)=>Er(e,t,Je).bind((t=>{const r=o>0?t.row+t.rowspan-1:t.row,s=n>0?t.column+t.colspan-1:t.column;return kr(e,r+o,s+n)?.map((e=>e.element))})))(Xc(n),e,t,o))))(e,t,o).bind((e=>((e,t)=>rn(e,"table").bind((o=>ln(o,t).bind((t=>Ji(t,e).bind((e=>e.boxes?.map((t=>({boxes:t,start:e.start,finish:e.finish}))))))))))(e,n))))),em=(e,t)=>Qi(e,t),tm=(e,t,o)=>Xi(e,t,o).bind((t=>{const o=t=>Je(e,t),n="thead,tfoot,tbody,table",r=rn(t.first,n,o),s=rn(t.last,n,o);return r.bind((e=>s.bind((o=>Je(e,o)?((e,t,o)=>((e,t,o)=>Gc(e,t,o).bind((t=>((e,t)=>{let o=!0;const n=b(Uc,t);for(let r=t.startRow;r<=t.finishRow;r++)for(let s=t.startCol;s<=t.finishCol;s++)o=o&&kr(e,r,s).exists(n);return o?C?.some(t):C.none()})(e,t))))(Xc(e),t,o))(t.table,t.first,t.last):C.none()))))})),om=h,nm=e=>{const t=(e,t)=>po(e,t).exists((e=>parseInt(e,10)>1));return e.length>0&&P(e,(e=>t(e,"rowspan")||t(e,"colspan")))?C?.some(e):C.none()},rm=(e,t,o)=>t.length<=1?C.none():tm(e,o.firstSelectedSelector,o.lastSelectedSelector)?.map((e=>({bounds:e,cells:t}))),sm=(e,t)=>({selection:e,kill:t}),lm=()=>({tag:"none"}),am=e=>({tag:"multiple",elements:e}),cm=e=>({tag:"single",element:e}),im=(e,t,o,n)=>({start:kn.on(e,t),finish:kn.on(o,n)}),mm=(e,t)=>{const o=Ue(e,t);return Dn(Le.fromDom(o.startContainer),o.startOffset,Le.fromDom(o.endContainer),o.endOffset)},dm=im,um=(e,t,o,n,r)=>Je(o,n)?C.none():Ji(o,n,t).bind((t=>{const n=t.boxes.getOr([]);return n.length>1?(r(e,n,t.start,t.finish),C?.some(sm(C?.some(dm(o,0,o,yn(o))),!0))):C.none()})),fm=Z([{none:["message"]},{success:[]},{failedUp:["cell"]},{failedDown:["cell"]}]),gm=e=>an(e,"tr"),hm={...fm,verify:(e,t,o,n,r,s,l)=>an(n,"td,th",l).bind((o=>an(t,"td,th",l)?.map((t=>Je(o,t)?Je(n,o)&&yn(o)===r?s(t):fm.none("in same cell"):Zl(gm,[o,t]).fold((()=>((e,t,o)=>{const n=e.getRect(t),r=e.getRect(o);return r.right>n.left&&r.left<n.right})(e,t,o)?fm.success():s(t)),(e=>s(t))))))).getOr(fm.none("default")),cata:(e,t,o,n,r)=>e.fold(t,o,n,r)},pm=It("br"),bm=(e,t,o)=>t(e,o).bind((e=>Mt(e)&&0===Jo(e).trim().length?bm(e,t,o):C?.some(e))),wm=(e,t,o,n)=>((e,t)=>Yt(e,t).filter(pm).orThunk((()=>Yt(e,t-1).filter(pm))))(t,o).bind((t=>n.traverse(t).fold((()=>bm(t,n.gather,e)?.map(n.relative)),(e=>(e=>$t(e).bind((t=>{const o=Kt(t);return((e,t)=>L(e,b(Je,t)))(o,e)?.map((n=>((e,t,o,n)=>({parent:e,children:t,element:o,index:n}))(t,o,e,n)))})))(e)?.map((e=>kn.on(e.parent,e.index))))))),vm=(e,t)=>({left:e.left,top:e.top+t,right:e.right,bottom:e.bottom+t}),ym=(e,t)=>({left:e.left,top:e.top-t,right:e.right,bottom:e.bottom-t}),xm=(e,t,o)=>({left:e.left+t,top:e.top+o,right:e.right+t,bottom:e.bottom+o}),Cm=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom}),Sm=(e,t)=>C?.some(e.getRect(t)),Tm=(e,t,o)=>Lt(t)?Sm(e,t)?.map(Cm):Mt(t)?((e,t,o)=>o>=0&&o<yn(t)?e.getRangedRect(t,o,t,o+1):o>0?e.getRangedRect(t,o-1,t,o):C.none())(e,t,o)?.map(Cm):C.none(),Rm=(e,t)=>Lt(t)?Sm(e,t)?.map(Cm):Mt(t)?e.getRangedRect(t,0,t,yn(t))?.map(Cm):C.none(),Dm=Z([{none:[]},{retry:["caret"]}]),Om=(e,t,o)=>nn(t,ta).fold(y,(t=>Rm(e,t).exists((e=>((e,t)=>e.left<t.left||Math.abs(t.right-e.left)<1||e.left>t.right)(o,e))))),km={point:e=>e.bottom,adjuster:(e,t,o,n,r)=>{const s=vm(r,5);return Math.abs(o.bottom-n.bottom)<1||o.top>r.bottom?Dm.retry(s):o.top===r.bottom?Dm.retry(vm(r,1)):Om(e,t,r)?Dm.retry(xm(s,5,0)):Dm.none()},move:vm,gather:Kl},Em=(e,t,o,n,r)=>0===r?C?.some(n):((e,t,o)=>e.elementFromPoint(t,o).filter((e=>"table"===Bt(e))).isSome())(e,n.left,t.point(n))?((e,t,o,n,r)=>Em(e,t,o,t.move(n,5),r))(e,t,o,n,r-1):e.situsFromPoint(n.left,t.point(n)).bind((s=>s.start.fold(C.none,(s=>Rm(e,s).bind((l=>t.adjuster(e,s,l,o,n).fold(C.none,(n=>Em(e,t,o,n,r-1))))).orThunk((()=>C?.some(n)))),C.none))),Nm=(e,t,o)=>{const n=e.move(o,5),r=Em(t,e,o,n,100).getOr(n);return((e,t,o)=>e.point(t)>o.getInnerHeight()?C?.some(e.point(t)-o.getInnerHeight()):e.point(t)<0?C?.some(-e.point(t)):C.none())(e,r,t).fold((()=>t.situsFromPoint(r.left,e.point(r))),(o=>(t.scrollBy(0,o),t.situsFromPoint(r.left,e.point(r)-o))))},Bm={tryUp:b(Nm,{point:e=>e.top,adjuster:(e,t,o,n,r)=>{const s=ym(r,5);return Math.abs(o.top-n.top)<1||o.bottom<r.top?Dm.retry(s):o.bottom===r.top?Dm.retry(ym(r,1)):Om(e,t,r)?Dm.retry(xm(s,5,0)):Dm.none()},move:ym,gather:Gl}),tryDown:b(Nm,km),getJumpSize:g(5)},_m=(e,t,o)=>e.getSelection().bind((n=>((e,t,o,n)=>{const r=pm(t)?((e,t,o)=>o.traverse(t).orThunk((()=>bm(t,o.gather,e)))?.map(o.relative))(e,t,n):wm(e,t,o,n);return r?.map((e=>({start:e,finish:e})))})(t,n.finish,n.foffset,o).fold((()=>C?.some(Ml(n.finish,n.foffset))),(r=>{const s=e.fromSitus(r);return l=hm.verify(e,n.finish,n.foffset,s.finish,s.foffset,o.failure,t),hm.cata(l,(e=>C.none()),(()=>C.none()),(e=>C?.some(Ml(e,0))),(e=>C?.some(Ml(e,yn(e)))));var l})))),zm=(e,t,o,n,r,s)=>0===s?C.none():Lm(e,t,o,n,r).bind((l=>{const a=e.fromSitus(l),c=hm.verify(e,o,n,a.finish,a.foffset,r.failure,t);return hm.cata(c,(()=>C.none()),(()=>C?.some(l)),(l=>Je(o,l)&&0===n?Am(e,o,n,ym,r):zm(e,t,l,0,r,s-1)),(l=>Je(o,l)&&n===yn(l)?Am(e,o,n,vm,r):zm(e,t,l,yn(l),r,s-1)))})),Am=(e,t,o,n,r)=>Tm(e,t,o).bind((t=>Wm(e,r,n(t,Bm.getJumpSize())))),Wm=(e,t,o)=>{const n=kt().browser;return n.isChromium()||n.isSafari()||n.isFirefox()?t.retry(e,o):C.none()},Lm=(e,t,o,n,r)=>Tm(e,o,n).bind((t=>Wm(e,r,t))),Mm=(e,t,o,n,r)=>an(n,"td,th",t).bind((n=>an(n,"table",t).bind((s=>((e,t)=>on(e,(e=>$t(e).exists((e=>Je(e,t)))),void 0).isSome())(r,s)?((e,t,o)=>_m(e,t,o).bind((n=>zm(e,t,n.element,n.offset,o,20)?.map(e.fromSitus))))(e,t,o).bind((e=>an(e.finish,"td,th",t)?.map((t=>({start:n,finish:t,range:e}))))):C.none())))),jm=(e,t,o,n,r,s)=>s(n,t).orThunk((()=>Mm(e,t,o,n,r)?.map((e=>{const t=e.range;return sm(C?.some(dm(t.start,t.soffset,t.finish,t.foffset)),!0)})))),Pm=(e,t)=>an(e,"tr",t).bind((e=>an(e,"table",t).bind((o=>{const n=vn(o,"tr");return Je(e,n[0])?((e,t,o)=>Vl(Ul,e,(e=>Tn(e).isSome()),o))(o,0,t)?.map((e=>{const t=yn(e);return sm(C?.some(dm(e,t,e,t)),!0)})):C.none()})))),Im=(e,t)=>an(e,"tr",t).bind((e=>an(e,"table",t).bind((o=>{const n=vn(o,"tr");return Je(e,n[n.length-1])?((e,t,o)=>ql(Ul,e,(e=>Sn(e).isSome()),o))(o,0,t)?.map((e=>sm(C?.some(dm(e,0,e,0)),!0))):C.none()})))),Fm=(e,t,o,n,r,s,l)=>Mm(e,o,n,r,s).bind((e=>um(t,o,e.start,e.finish,l))),Hm=(e,t)=>an(e,"td,th",t),$m=e=>Vt(e).exists(gn),Vm={traverse:Gt,gather:Kl,relative:kn.before,retry:Bm.tryDown,failure:hm.failedDown},qm={traverse:Ut,gather:Gl,relative:kn.before,retry:Bm.tryUp,failure:hm.failedUp},Um=e=>t=>t===e,Gm=Um(38),Km=Um(40),Ym=e=>e>=37&&e<=40,Jm={isBackward:Um(37),isForward:Um(39)},Qm={isBackward:Um(39),isForward:Um(37)},Xm=e=>({elementFromPoint:(t,o)=>Le.fromPoint(Le.fromDom(e.document),t,o),getRect:e=>e.dom.getBoundingClientRect(),getRangedRect:(t,o,n,r)=>{const s=Nn.exact(t,o,n,r);return((e,t)=>(e=>{const t=e.getClientRects(),o=t.length>0?t[0]:e.getBoundingClientRect();return o.width>0||o.height>0?C?.some(o)?.map(He):C.none()})(Ue(e,t)))(e,s)},getSelection:()=>Fn(e)?.map((t=>mm(e,t))),fromSitus:t=>{const o=Nn.relative(t.start,t.finish);return mm(e,o)},situsFromPoint:(t,o)=>Hn(e,t,o)?.map((e=>im(e.start,e.soffset,e.finish,e.foffset))),clearSelection:()=>{(e=>{_n(e).each((e=>e.removeAllRanges()))})(e)},collapseSelection:(t=!1)=>{Fn(e).each((o=>o.fold((e=>e.collapse(t)),((o,n)=>{const r=t?o:n;Mn(e,r,r)}),((o,n,r,s)=>{const l=t?o:r,a=t?n:s;Ln(e,l,a,l,a)}))))},setSelection:t=>{Ln(e,t.start,t.soffset,t.finish,t.foffset)},setRelativeSelection:(t,o)=>{Mn(e,t,o)},selectNode:t=>{In(e,t,!1)},selectContents:t=>{In(e,t)},getInnerHeight:()=>e.innerHeight,getScrollY:()=>(e=>{const t=void 0!==e?e.dom:document,o=t.body.scrollLeft||t.documentElement.scrollLeft,n=t.body.scrollTop||t.documentElement.scrollTop;return qo(o,n)})(Le.fromDom(e.document)).top,scrollBy:(t,o)=>{((e,t,o)=>{const n=(void 0!==o?o.dom:document).defaultView;n&&n.scrollBy(e,t)})(t,o,Le.fromDom(e.document))}}),Zm=(e,t)=>({rows:e,cols:t}),ed=e=>nn(e,Wt).exists(gn),td=(e,t)=>ed(e)||ed(t),od="data-mce-selected",nd="data-mce-first-selected",rd="data-mce-last-selected",sd="["+od+"]",ld={selected:od,selectedSelector:"td["+od+"],th["+od+"]",firstSelected:nd,firstSelectedSelector:"td["+nd+"],th["+nd+"]",lastSelected:rd,lastSelectedSelector:"td["+rd+"],th["+rd+"]"},ad=(e,t,o)=>({element:o,mergable:rm(t,e,ld),unmergable:nm(e),selection:om(e)}),cd=e=>(t,o)=>{const n=Bt(t),r="col"===n||"colgroup"===n?ir(s=t).bind((e=>em(e,ld.firstSelectedSelector))).fold(g(s),(e=>e[0])):t;var s;return an(r,e,o)},id=cd("th,td,caption"),md=cd("th,td"),dd=e=>{return t=e.model.table.getSelectedCells(),E(t,Le.fromDom);var t},ud=(e,t)=>{e.on("BeforeGetContent",(t=>{const o=o=>{t.preventDefault(),(e=>ir(e[0])?.map((e=>{const t=((e,t)=>{const o=e=>Ge(e.element,t),n=To(e),r=vr(n),s=As(e),l=Or(r),a=((e,t)=>{const o=e.grid.columns;let n=e.grid.rows,r=o,s=0,l=0;const a=[],c=[];return G(e.access,(e=>{if(a.push(e),t(e)){c.push(e);const t=e.row,o=t+e.rowspan-1,a=e.column,i=a+e.colspan-1;t<n?n=t:o>s&&(s=o),a<r?r=a:i>l&&(l=i)}})),((e,t,o,n,r,s)=>({minRow:e,minCol:t,maxRow:o,maxCol:n,allCells:r,selectedCells:s}))(n,r,s,l,a,c)})(l,o),c="th:not("+t+"),td:not("+t+")",i=sr(n,"th,td",(e=>Ge(e,c)));N(i,yo),((e,t,o,n)=>{const r=_(e,(e=>"colgroup"!==e.section)),s=t.grid.columns,l=t.grid.rows;for(let e=0;e<l;e++){let l=!1;for(let a=0;a<s;a++)e<o.minRow||e>o.maxRow||a<o.minCol||a>o.maxCol||(kr(t,e,a).filter(n).isNone()?al(r,l,e):l=!0)}})(r,l,a,o);const m=((e,t,o,n)=>{if(0===n.minCol&&t.grid.columns===n.maxCol+1)return 0;const r=Es(t,e,o),s=A(r,((e,t)=>e+t),0),l=A(r.slice(n.minCol,n.maxCol+1),((e,t)=>e+t),0),a=l/s*o.pixelWidth()-o.pixelWidth();return o.getCellDelta(a)})(e,Dr(e),s,a);return((e,t,o,n)=>{G(o.columns,(e=>{(e.column<t.minCol||e.column>t.maxCol)&&yo(e.element)}));const r=_(rr(e,"tr"),(e=>0===e.dom.childElementCount));N(r,yo),t.minCol!==t.maxCol&&t.minRow!==t.maxRow||N(rr(e,"th,td"),(e=>{bo(e,"rowspan"),bo(e,"colspan")})),bo(e,yr),bo(e,"data-snooker-col-series"),As(e).adjustTableWidth(n)})(n,a,l,m),n})(e,sd);return Fi(t),[t]})))(o).each((o=>{const n="text"===t.format?((e,t)=>{const o=e.getDoc(),n=Qt(Le.fromDom(e.getBody())),r=Le.fromTag("div",o);fo(r,"data-mce-bogus","all"),No(r,{position:"fixed",left:"-9999999px",top:"0",overflow:"hidden",opacity:"0"});const s=(e=>Jt(e)?e:Le.fromDom(Ht(e).dom.body))(n);mo(r,t),ao(s,r);const l=r.dom.innerText;return yo(r),l})(e,o):((e,t)=>E(t,(t=>e.selection.serializer.serialize(t.dom,{}))).join(""))(e,o);t.content=n}))};if(!0===t.selection){const t=(e=>_(dd(e),(e=>Ge(e,ld.selectedSelector))))(e);t.length>=1&&o(t)}})),e.on("BeforeSetContent",(o=>{if(!0===o.selection&&!0===o.paste){const n=dd(e);H(n).each((n=>{ir(n).each((r=>{const s=_((e=>{const t=document.createElement("div");return t.innerHTML=e,Kt(Le.fromDom(t))})(o.content),(e=>"meta"!==Bt(e))),l=It("table");if(Li(e)&&1===s.length&&l(s[0])){o.preventDefault();const l=Le.fromDom(e.getDoc()),a=pa(l),c=((e,t,o)=>({element:e,clipboard:t,generators:o}))(n,s[0],a);t.pasteCells(r,c).each((()=>{e.focus()}))}}))}))}}))},fd=(e,t)=>e.dispatch("NewRow",{node:t}),gd=(e,t)=>e.dispatch("NewCell",{node:t}),hd=(e,t,o)=>{e.dispatch("TableModified",{...o,table:t})},pd={structure:!1,style:!0},bd={structure:!0,style:!1},wd={structure:!0,style:!0},vd=(e,t)=>Bi(e)?Ls(t):_i(e)?Ws(t):As(t),yd=(e,t,o)=>{const n=e=>"table"===Bt(Pi(e)),r=Ri(e),s=Ei(e)?f:rl,l=t=>{switch(Di(e)){case"section":return Ir();case"sectionCells":return Fr();case"cells":return Hr();default:return((e,t)=>{var o;switch((o=Dr(e),V(o.all,(e=>{const t=hr(e);return"header"===t.type?C.from(t.subType):C.none()}))).getOr(t)){case"section":return Mr();case"sectionCells":return jr();case"cells":return Pr()}})(t,"section")}},a=(n,s,a,c)=>(i,m,d=!1)=>{Fi(i);const u=Le.fromDom(e.getDoc()),f=ha(a,u,r),g={sizing:vd(e,i),resize:Ei(e)?Jn():Qn(),section:l(i)};return s(i)?n(i,m,f,g).bind((n=>{t.refresh(i.dom),N(n.newRows,(t=>{fd(e,t.dom)})),N(n.newCells,(t=>{gd(e,t.dom)}));const r=((t,n)=>n.cursor.fold((()=>{const n=ar(t);return H(n).filter(Oo)?.map((n=>{o.clearSelectedCells(t.dom);const r=e.dom.createRng();return r.selectNode(n.dom),e.selection.setRng(r),fo(n,"data-mce-selected","1"),r}))}),(n=>{const r=Fl(Hl,n),s=e.dom.createRng();return s.setStart(r.element.dom,r.offset),s.setEnd(r.element.dom,r.offset),e.selection.setRng(s),o.clearSelectedCells(t.dom),C?.some(s)})))(i,n);return Oo(i)&&(Fi(i),d||hd(e,i.dom,c)),r?.map((e=>({rng:e,effect:c})))})):C.none()},c=a(Oc,(t=>!n(e)||ba(t).rows>1),f,bd),i=a(Dc,(t=>!n(e)||ba(t).columns>1),f,bd);return{deleteRow:c,deleteColumn:i,insertRowsBefore:a(Cc,x,f,bd),insertRowsAfter:a(Sc,x,f,bd),insertColumnsBefore:a(Tc,x,s,bd),insertColumnsAfter:a(Rc,x,s,bd),mergeCells:a(Wc,x,f,bd),unmergeCells:a(Lc,x,f,bd),pasteColsBefore:a(jc,x,f,bd),pasteColsAfter:a(Pc,x,f,bd),pasteRowsBefore:a(Ic,x,f,bd),pasteRowsAfter:a(Fc,x,f,bd),pasteCells:a(Mc,x,f,wd),makeCellsHeader:a(zc,x,f,bd),unmakeCellsHeader:a(Ac,x,f,bd),makeColumnsHeader:a(kc,x,f,bd),unmakeColumnsHeader:a(Ec,x,f,bd),makeRowsHeader:a(Nc,x,f,bd),makeRowsBody:a(Bc,x,f,bd),makeRowsFooter:a(_c,x,f,bd),getTableRowType:Vc,getTableCellType:$c,getTableColType:Hc}},xd=(e,t)=>{e.selection.select(t.dom,!0),e.selection.collapse(!0)},Cd=(e,t,o,n,s)=>{const l=(e=>{const t=e.options,o=t.get("table_default_styles");return t.isSet("table_default_styles")?o:((e,t)=>zi(e)||!Wi(e)?t:_i(e)?{...t,width:Ti(e)}:{...t,width:Si})(e,o)})(e),a={styles:l,attributes:Mi(e),colGroups:ji(e)};return e.undoManager.ignore((()=>{const r=((e,t,o,n,r,s=Zc)=>{const l=Le.fromTag("table"),a="cells"!==r;No(l,s.styles),go(l,s.attributes),s.colGroups&&ao(l,(e=>{const t=Le.fromTag("colgroup");return k(e,(()=>ao(t,Le.fromTag("col")))),t})(t));const c=Math.min(e,o);if(a&&o>0){const e=Le.fromTag("thead");ao(l,e);const s=ei(o,t,"sectionCells"===r?c:0,n);mo(e,s)}const i=Le.fromTag("tbody");ao(l,i);const m=ei(a?e-c:e,t,a?0:o,n);return mo(i,m),l})(o,t,s,n,Di(e),a);fo(r,"data-mce-id","__mce");const l=(e=>{const t=Le.fromTag("div"),o=Le.fromDom(e.dom.cloneNode(!0));return ao(t,o),(e=>e.dom.innerHTML)(t)})(r);e.insertContent(l),e.addVisual()})),ln(Pi(e),'table[data-mce-id="__mce"]')?.map((t=>(_i(e)?la(t):zi(e)?aa(t):(Bi(e)||(e=>r(e)&&-1!==e.indexOf("%"))(l.width))&&sa(t),Fi(t),bo(t,"data-mce-id"),((e,t)=>{N(vn(t,"tr"),(t=>{fd(e,t.dom),N(vn(t,"th,td"),(t=>{gd(e,t.dom)}))}))})(e,t),((e,t)=>{ln(t,"td,th").each(b(xd,e))})(e,t),t.dom))).getOrNull()};var Sd=tinymce.util.Tools.resolve("tinymce.FakeClipboard");const Td="x-tinymce/dom-table-",Rd=Td+"rows",Dd=Td+"columns",Od=e=>{const t=Sd.FakeClipboardItem(e);Sd.write([t])},kd=e=>{var t;const o=null!==(t=Sd.read())&&void 0!==t?t:[];return V(o,(t=>C.from(t.getType(e))))},Ed=e=>{kd(e).isSome()&&Sd.clear()},Nd=e=>{e.fold(_d,(e=>Od({[Rd]:e})))},Bd=()=>kd(Rd),_d=()=>Ed(Rd),zd=e=>{e.fold(Wd,(e=>Od({[Dd]:e})))},Ad=()=>kd(Dd),Wd=()=>Ed(Dd),Ld=e=>id(Hi(e),Ii(e)).filter(Ki),Md=(e,t)=>{const o=Ii(e),n=e=>ir(e,o),l=t=>(e=>md(Hi(e),Ii(e)).filter(Ki))(e).bind((e=>n(e)?.map((o=>t(o,e))))),a=t=>{e.focus()},c=(t,o=!1)=>l(((n,r)=>{const s=ad(dd(e),n,r);t(n,s,o).each(a)})),i=()=>l(((t,o)=>((e,t,o)=>{const n=Dr(e);return Ys(n,t).bind((e=>{const t=Hs(n,o,!1),r=ze(t).rows.slice(e[0].row,e[e.length-1].row+e[e.length-1].rowspan),s=j(r,(e=>{const t=_(e.cells,(e=>!e.isLocked));return t.length>0?[{...e,cells:t}]:[]})),l=$s(s);return de(l.length>0,l)}))?.map((e=>E(e,(e=>{const t=So(e.element);return N(e.cells,(e=>{const o=To(e.element);Ms(o,"colspan",e.colspan,1),Ms(o,"rowspan",e.rowspan,1),ao(t,o)})),t}))))})(t,ad(dd(e),t,o),ha(f,Le.fromDom(e.getDoc()),C.none())))),m=()=>l(((t,o)=>((e,t)=>{const o=Dr(e);return Js(o,t)?.map((e=>{const t=e[e.length-1],n=e[0].column,r=t.column+t.colspan,s=((e,t,o)=>{if(zr(e)){const n=_(_r(e),ll(t,o)),r=E(n,(e=>{const n=To(e.element);return sl(n,"span",o-t),n})),s=Le.fromTag("colgroup");return mo(s,r),[s]}return[]})(o,n,r),l=((e,t,o)=>E(e.all,(e=>{const n=_(e.cells,ll(t,o)),r=E(n,(e=>{const n=To(e.element);return sl(n,"colspan",o-t),n})),s=Le.fromTag("tr");return mo(s,r),s})))(o,n,r);return[...s,...l]}))})(t,ad(dd(e),t,o)))),d=(t,o)=>o().each((o=>{const n=E(o,(e=>To(e)));l(((o,r)=>{const s=pa(Le.fromDom(e.getDoc())),l=((e,t,o,n)=>({selection:om(e),clipboard:o,generators:n}))(dd(e),0,n,s);t(o,l).each(a)}))})),g=e=>(t,o)=>((e,t)=>X(e,t)?C.from(e[t]):C.none())(o,"type").each((t=>{c(e(t),o.no_events)}));G({mceTableSplitCells:()=>c(t.unmergeCells),mceTableMergeCells:()=>c(t.mergeCells),mceTableInsertRowBefore:()=>c(t.insertRowsBefore),mceTableInsertRowAfter:()=>c(t.insertRowsAfter),mceTableInsertColBefore:()=>c(t.insertColumnsBefore),mceTableInsertColAfter:()=>c(t.insertColumnsAfter),mceTableDeleteCol:()=>c(t.deleteColumn),mceTableDeleteRow:()=>c(t.deleteRow),mceTableCutCol:()=>m().each((e=>{zd(e),c(t.deleteColumn)})),mceTableCutRow:()=>i().each((e=>{Nd(e),c(t.deleteRow)})),mceTableCopyCol:()=>m().each((e=>zd(e))),mceTableCopyRow:()=>i().each((e=>Nd(e))),mceTablePasteColBefore:()=>d(t.pasteColsBefore,Ad),mceTablePasteColAfter:()=>d(t.pasteColsAfter,Ad),mceTablePasteRowBefore:()=>d(t.pasteRowsBefore,Bd),mceTablePasteRowAfter:()=>d(t.pasteRowsAfter,Bd),mceTableDelete:()=>Ld(e).each((t=>{ir(t,o).filter(w(o)).each((t=>{const o=Le.fromText("");if(so(t,o),yo(t),e.dom.isEmpty(e.getBody()))e.setContent(""),e.selection.setCursorLocation();else{const t=e.dom.createRng();t.setStart(o.dom,0),t.setEnd(o.dom,0),e.selection.setRng(t),e.nodeChanged()}}))})),mceTableCellToggleClass:(t,o)=>{l((t=>{const n=dd(e),r=P(n,(t=>e.formatter.match("tablecellclass",{value:o},t.dom))),s=r?e.formatter.remove:e.formatter.apply;N(n,(e=>s("tablecellclass",{value:o},e.dom))),hd(e,t.dom,pd)}))},mceTableToggleClass:(t,o)=>{l((t=>{e.formatter.toggle("tableclass",{value:o},t.dom),hd(e,t.dom,pd)}))},mceTableToggleCaption:()=>{Ld(e).each((t=>{ir(t,o).each((o=>{sn(o,"caption").fold((()=>{const t=Le.fromTag("caption");ao(t,Le.fromText("Caption")),((e,t)=>{Yt(e,0).fold((()=>{ao(e,t)}),(e=>{ro(e,t)}))})(o,t),e.selection.setCursorLocation(t.dom,0)}),(n=>{It("caption")(t)&&Ye("td",o).each((t=>e.selection.setCursorLocation(t.dom,0))),yo(n)})),hd(e,o.dom,bd)}))}))},mceTableSizingMode:(t,n)=>(t=>Ld(e).each((n=>{zi(e)||_i(e)||Bi(e)||ir(n,o).each((o=>{"relative"!==t||Rl(o)?"fixed"!==t||Dl(o)?"responsive"!==t||Ol(o)||aa(o):la(o):sa(o),Fi(o),hd(e,o.dom,bd)}))})))(n),mceTableCellType:g((e=>"th"===e?t.makeCellsHeader:t.unmakeCellsHeader)),mceTableColType:g((e=>"th"===e?t.makeColumnsHeader:t.unmakeColumnsHeader)),mceTableRowType:g((e=>{switch(e){case"header":return t.makeRowsHeader;case"footer":return t.makeRowsFooter;default:return t.makeRowsBody}}))},((t,o)=>e.addCommand(o,t))),e.addCommand("mceInsertTable",((t,o)=>{((e,t,o,n={})=>{const r=e=>u(e)&&e>0;if(r(t)&&r(o)){const r=n.headerRows||0,s=n.headerColumns||0;return Cd(e,o,t,s,r)}console.error("Invalid values for mceInsertTable - rows and columns values are required to insert a table.")})(e,o.rows,o.columns,o.options)})),e.addCommand("mceTableApplyCellStyle",((t,o)=>{const l=e=>"tablecell"+e.toLowerCase().replace("-","");if(!s(o))return;const a=_(dd(e),Ki);if(0===a.length)return;const c=((e,t)=>{const o={};return((e,t,o,n)=>{G(e,((e,r)=>{(t(e,r)?o:n)(e,r)}))})(e,t,(e=>(t,o)=>{e[o]=t})(o),f),o})(o,((t,o)=>e.formatter.has(l(o))&&r(t)));(e=>{for(const t in e)if(U.call(e,t))return!1;return!0})(c)||(G(c,((t,o)=>{const n=l(o);N(a,(o=>{""===t?e.formatter.remove(n,{value:null},o.dom,!0):e.formatter.apply(n,{value:t},o.dom)}))})),n(a[0]).each((t=>hd(e,t.dom,pd))))}))},jd=e=>!un(Le.fromDom(e.target),"ephox-snooker-resizer-bar"),Pd=(e,t)=>{const o=(r=ld.selectedSelector,{get:()=>em(Le.fromDom(e.getBody()),r).fold((()=>md(Hi(e),Ii(e)).fold(lm,cm)),am)}),n=((e,t,o)=>{const n=t=>{bo(t,e.selected),bo(t,e.firstSelected),bo(t,e.lastSelected)},r=t=>{fo(t,e.selected,"1")},s=e=>{l(e),o()},l=t=>{const o=vn(t,`${e.selectedSelector},${e.firstSelectedSelector},${e.lastSelectedSelector}`);N(o,n)};return{clearBeforeUpdate:l,clear:s,selectRange:(o,n,l,a)=>{s(o),N(n,r),fo(l,e.firstSelected,"1"),fo(a,e.lastSelected,"1"),t(n,l,a)},selectedSelector:e.selectedSelector,firstSelectedSelector:e.firstSelectedSelector,lastSelectedSelector:e.lastSelectedSelector}})(ld,((t,o,n)=>{ir(o).each((r=>{const s=E(t,(e=>e.dom)),l=Ri(e),a=ha(f,Le.fromDom(e.getDoc()),l),c=((e,t,o)=>{const n=Dr(e);return Ys(n,t)?.map((e=>{const t=Hs(n,o,!1),{rows:r}=ze(t),s=((e,t)=>{const o=e.slice(0,t[t.length-1].row+1),n=$s(o);return j(n,(e=>{const o=e.cells.slice(0,t[t.length-1].column+1);return E(o,(e=>e.element))}))})(r,e),l=((e,t)=>{const o=e.slice(t[0].row+t[0].rowspan-1,e.length),n=$s(o);return j(n,(e=>{const o=e.cells.slice(t[0].column+t[0].colspan-1,e.cells.length);return E(o,(e=>e.element))}))})(r,e);return{upOrLeftCells:s,downOrRightCells:l}}))})(r,{selection:dd(e)},a)?.map((e=>K(e,(e=>E(e,(e=>e.dom)))))).getOrUndefined();((e,t,o,n,r)=>{e.dispatch("TableSelectionChange",{cells:t,start:o,finish:n,otherCells:r})})(e,s,o.dom,n.dom,c)}))}),(()=>(e=>{e.dispatch("TableSelectionClear")})(e)));var r;return e.on("init",(o=>{const r=e.getWin(),s=Pi(e),l=Ii(e),a=((e,t,o,n)=>{const r=((e,t,o,n)=>{const r=fe(),s=r.clear,l=s=>{r.on((r=>{n.clearBeforeUpdate(t),Hm(s.target,o).each((l=>{Ji(r,l,o).each((o=>{const r=o.boxes.getOr([]);if(1===r.length){const e=r[0],o="false"===hn(e),l=ie(fn(s.target),e,Je);o&&l&&n.selectRange(t,r,e,e)}else r.length>1&&(n.selectRange(t,r,o.start,o.finish),e.selectContents(l))}))}))}))};return{clearstate:s,mousedown:e=>{n.clear(t),Hm(e.target,o).filter($m).each(r.set)},mouseover:e=>{l(e)},mouseup:e=>{l(e),s()}}})(Xm(e),t,o,n);return{clearstate:r.clearstate,mousedown:r.mousedown,mouseover:r.mouseover,mouseup:r.mouseup}})(r,s,l,n),c=((e,t,o,n)=>{const r=Xm(e),s=()=>(n.clear(t),C.none());return{keydown:(e,l,a,c,i,m)=>{const d=e.raw,u=d.which,f=!0===d.shiftKey,g=Qi(t,n.selectedSelector).fold((()=>(Ym(u)&&!f&&n.clearBeforeUpdate(t),Ym(u)&&f&&!td(l,c)?C.none:Km(u)&&f?b(Fm,r,t,o,Vm,c,l,n.selectRange):Gm(u)&&f?b(Fm,r,t,o,qm,c,l,n.selectRange):Km(u)?b(jm,r,o,Vm,c,l,Im):Gm(u)?b(jm,r,o,qm,c,l,Pm):C.none)),(e=>{const o=o=>()=>{const s=V(o,(o=>((e,t,o,n,r)=>Zi(n,e,t,r.firstSelectedSelector,r.lastSelectedSelector)?.map((e=>(r.clearBeforeUpdate(o),r.selectRange(o,e.boxes,e.start,e.finish),e.boxes))))(o.rows,o.cols,t,e,n)));return s.fold((()=>Xi(t,n.firstSelectedSelector,n.lastSelectedSelector)?.map((e=>{const o=Km(u)||m.isForward(u)?kn.after:kn.before;return r.setRelativeSelection(kn.on(e.first,0),o(e.table)),n.clear(t),sm(C.none(),!0)}))),(e=>C?.some(sm(C.none(),!0))))};return Ym(u)&&f&&!td(l,c)?C.none:Km(u)&&f?o([Zm(1,0)]):Gm(u)&&f?o([Zm(-1,0)]):m.isBackward(u)&&f?o([Zm(0,-1),Zm(-1,0)]):m.isForward(u)&&f?o([Zm(0,1),Zm(1,0)]):Ym(u)&&!f?s:C.none}));return g()},keyup:(e,r,s,l,a)=>Qi(t,n.selectedSelector).fold((()=>{const c=e.raw,i=c.which;return!0===c.shiftKey&&Ym(i)&&td(r,l)?((e,t,o,n,r,s,l)=>Je(o,r)&&n===s?C.none():an(o,"td,th",t).bind((o=>an(r,"td,th",t).bind((n=>um(e,t,o,n,l))))))(t,o,r,s,l,a,n.selectRange):C.none()}),C.none)}})(r,s,l,n),i=((e,t,o,n)=>{const r=Xm(e);return(e,s)=>{n.clearBeforeUpdate(t),Ji(e,s,o).each((e=>{const o=e.boxes.getOr([]);n.selectRange(t,o,e.start,e.finish),r.selectContents(s),r.collapseSelection()}))}})(r,s,l,n);e.on("TableSelectorChange",(e=>i(e.start,e.finish)));const m=(t,o)=>{(e=>!0===e.raw.shiftKey)(t)&&(o.kill&&t.kill(),o.selection.each((t=>{const o=Nn.relative(t.start,t.finish),n=Ue(r,o);e.selection.setRng(n)})))},d=e=>0===e.button,u=(()=>{const e=ee(Le.fromDom(s)),t=ee(0);return{touchEnd:o=>{const n=Le.fromDom(o.target);if(It("td")(n)||It("th")(n)){const r=e.get(),s=t.get();Je(r,n)&&o.timeStamp-s<300&&(o.preventDefault(),i(n,n))}e.set(n),t.set(o.timeStamp)}}})();e.on("dragstart",(e=>{a.clearstate()})),e.on("mousedown",(e=>{d(e)&&jd(e)&&a.mousedown(no(e))})),e.on("mouseover",(e=>{var t;(void 0===(t=e).buttons||1&t.buttons)&&jd(e)&&a.mouseover(no(e))})),e.on("mouseup",(e=>{d(e)&&jd(e)&&a.mouseup(no(e))})),e.on("touchend",u.touchEnd),e.on("keyup",(t=>{const o=no(t);if(o.raw.shiftKey&&Ym(o.raw.which)){const t=e.selection.getRng(),n=Le.fromDom(t.startContainer),r=Le.fromDom(t.endContainer);c.keyup(o,n,t.startOffset,r,t.endOffset).each((e=>{m(o,e)}))}})),e.on("keydown",(o=>{const n=no(o);t.hide();const r=e.selection.getRng(),s=Le.fromDom(r.startContainer),l=Le.fromDom(r.endContainer),a=Zo(Jm,Qm)(Le.fromDom(e.selection.getStart()));c.keydown(n,s,r.startOffset,l,r.endOffset,a).each((e=>{m(n,e)})),t.show()})),e.on("NodeChange",(()=>{const t=e.selection,o=Le.fromDom(t.getStart()),r=Le.fromDom(t.getEnd());Zl(ir,[o,r]).fold((()=>n.clear(s)),f)}))})),e.on("PreInit",(()=>{e.serializer.addTempAttr(ld.firstSelected),e.serializer.addTempAttr(ld.lastSelected)})),{getSelectedCells:()=>((e,t)=>{switch(e.tag){case"none":return t();case"single":return(e=>[e.dom])(e.element);case"multiple":return(e=>E(e,(e=>e.dom)))(e.elements)}})(o.get(),g([])),clearSelectedCells:e=>n.clear(Le.fromDom(e))}},Id=e=>m(e)&&"TABLE"===e.nodeName,Fd="bar-",Hd=e=>"false"!==ho(e,"data-mce-resize"),$d=e=>{const t=fe(),o=fe(),n=fe();let r,s,l,a;const c=t=>vd(e,t),i=()=>ki(e)?Qn():Jn(),m=(t,o,n,m)=>{const d=(e=>{return pe(t=e,"corner-")?(e=>e.substring(7))(t):t;var t})(o),u=be(d,"e"),f=pe(d,"n");if(""===s&&sa(t),""===a&&(e=>{const t=(e=>jo(e)+"px")(e);Tl(e,C.none(),C?.some(t)),ra(e)})(t),n!==r&&""!==s){Eo(t,"width",s);const o=i(),l=c(t),a=ki(e)||u?(e=>ba(e).columns)(t)-1:0;ol(t,n-r,a,o,l)}else if((e=>/^(\d+(\.\d+)?)%$/.test(e))(s)){const e=parseFloat(s.replace("%",""));Eo(t,"width",n*e/r+"%")}if((e=>/^(\d+(\.\d+)?)px$/.test(e))(s)&&(e=>{const t=Dr(e);zr(t)||N(ar(e),(e=>{const t=Bo(e,"width");Eo(e,"width",t),bo(e,"width")}))})(t),m!==l&&""!==a){Eo(t,"height",a);const e=f?0:(e=>ba(e).rows)(t)-1;nl(t,m-l,e)}};e.on("init",(()=>{const r=((e,t)=>((e,t)=>({parent:g(e),view:g(e),dragContainer:g(e),origin:()=>Go(e),isResizable:t}))(Le.fromDom(e.getBody()),t))(e,Hd);if(n.set(r),(e=>{const t=e.options.get("object_resizing");return D(t.split(","),"table")})(e)&&Ai(e)){const n=((e,t,o)=>{const n=ns,r=ss,s=xi(e),l=oi({beforeResize:ti(["table","type"]),afterResize:ti(["table","type"]),startDrag:ti([])});return s.events.adjustHeight.bind((e=>{const t=e.table;l.trigger.beforeResize(t,"row");const o=n.delta(e.delta,t);nl(t,o,e.row),l.trigger.afterResize(t,"row")})),s.events.startAdjust.bind((e=>{l.trigger.startDrag()})),s.events.adjustWidth.bind((e=>{const n=e.table;l.trigger.beforeResize(n,"col");const s=r.delta(e.delta,n),a=o(n);ol(n,s,e.column,t,a),l.trigger.afterResize(n,"col")})),{on:s.on,off:s.off,refreshBars:s.refresh,hideBars:s.hideBars,showBars:s.showBars,destroy:s.destroy,events:l.registry}})(r,i(),c);e.mode.isReadOnly()||n.on(),n.events.startDrag.bind((o=>{t.set(e.selection.getRng())})),n.events.beforeResize.bind((t=>{const o=t.table.dom;((e,t,o,n,r)=>{e.dispatch("ObjectResizeStart",{target:t,width:o,height:n,origin:r})})(e,o,$i(o),Vi(o),Fd+t.type)})),n.events.afterResize.bind((o=>{const n=o.table,r=n.dom;Fi(n),t.on((t=>{e.selection.setRng(t),e.focus()})),((e,t,o,n,r)=>{e.dispatch("ObjectResized",{target:t,width:o,height:n,origin:r})})(e,r,$i(r),Vi(r),Fd+o.type),e.undoManager.add()})),o.set(n)}})),e.on("ObjectResizeStart",(t=>{const o=t.target;if(Id(o)&&!e.mode.isReadOnly()){const n=Le.fromDom(o);N(e.dom.select(".mce-clonedresizable"),(t=>{e.dom.addClass(t,"mce-"+Oi(e)+"-columns")})),!Dl(n)&&_i(e)?la(n):!Rl(n)&&Bi(e)&&sa(n),Ol(n)&&pe(t.origin,Fd)&&sa(n),r=t.width,s=zi(e)?"":Ui(e,o).getOr(""),l=t.height,a=Gi(e,o).getOr("")}})),e.on("ObjectResized",(t=>{const o=t.target;if(Id(o)){const n=Le.fromDom(o),r=t.origin;(e=>pe(e,"corner-"))(r)&&m(n,r,t.width,t.height),Fi(n),hd(e,n.dom,pd)}}));const d=()=>{o.on((e=>{e.on(),e.showBars()}))},u=()=>{o.on((e=>{e.off(),e.hideBars()}))};return e.on("DisabledStateChange",(e=>{e.state?u():d()})),e.on("SwitchMode",(()=>{e.mode.isReadOnly()?u():d()})),e.on("dragstart dragend",(e=>{"dragstart"===e.type?u():d()})),e.on("remove",(()=>{o.on((e=>{e.destroy()}))})),{refresh:e=>{o.on((t=>t.refreshBars(Le.fromDom(e))))},hide:()=>{o.on((e=>e.hideBars()))},show:()=>{o.on((e=>e.showBars()))}}},Vd=e=>{(e=>{const t=e.options.register;t("table_clone_elements",{processor:"string[]"}),t("table_use_colgroups",{processor:"boolean",default:!0}),t("table_header_type",{processor:e=>{const t=D(["section","cells","sectionCells","auto"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be one of: section, cells, sectionCells or auto."}},default:"section"}),t("table_sizing_mode",{processor:"string",default:"auto"}),t("table_default_attributes",{processor:"object",default:{border:"1"}}),t("table_default_styles",{processor:"object",default:{"border-collapse":"collapse"}}),t("table_column_resizing",{processor:e=>{const t=D(["preservetable","resizetable"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be preservetable, or resizetable."}},default:"preservetable"}),t("table_resize_bars",{processor:"boolean",default:!0}),t("table_style_by_css",{processor:"boolean",default:!0}),t("table_merge_content_on_paste",{processor:"boolean",default:!0})})(e);const t=$d(e),o=Pd(e,t),n=yd(e,t,o);return Md(e,n),((e,t)=>{const o=Ii(e),n=t=>md(Hi(e)).bind((n=>ir(n,o)?.map((o=>{const r=ad(dd(e),o,n);return t(o,r)})))).getOr("");G({mceTableRowType:()=>n(t.getTableRowType),mceTableCellType:()=>n(t.getTableCellType),mceTableColType:()=>n(t.getTableColType)},((t,o)=>e.addQueryValueHandler(o,t)))})(e,n),ud(e,n),{getSelectedCells:o.getSelectedCells,clearSelectedCells:o.clearSelectedCells}};e.add("dom",(e=>({table:Vd(e)})))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/notices.txt b/apps/edr-freight-web/backoffice/public/_um/tinymce/notices.txt
new file mode 100644
index 000000000..2109267e8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/notices.txt
@@ -0,0 +1,21 @@
+Below is a list of third party libraries that this software uses:
+----------------------------------------------------------------
+
+dompurify
+owner: Mario Heiderich
+repo: https://github.com/cure53/DOMPurify
+version: 3.2.6
+license: MPL-2.0 OR Apache-2.0
+
+prismjs
+owner: Lea Verou
+repo: https://github.com/PrismJS/prism
+version: 1.25.0
+license: MIT
+
+
+prism-themes
+owner: Lea Verou
+repo: https://github.com/PrismJS/prism-themes
+version: 1.9.0
+license: MIT
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/package.json b/apps/edr-freight-web/backoffice/public/_um/tinymce/package.json
new file mode 100644
index 000000000..75b3f4df7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/package.json
@@ -0,0 +1,32 @@
+{
+	"name": "tinymce",
+	"version": "7.9.3",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/tinymce/tinymce.git",
+		"directory": "modules/tinymce"
+	},
+	"description": "Web based JavaScript HTML WYSIWYG editor control.",
+	"author": "Ephox Corporation DBA Tiny Technologies, Inc",
+	"main": "tinymce.js",
+	"types": "tinymce.d.ts",
+	"license": "GPL-2.0-or-later",
+	"keywords": [
+		"wysiwyg",
+		"tinymce",
+		"richtext",
+		"javascript",
+		"html",
+		"text",
+		"rich editor",
+		"rich text editor",
+		"rte",
+		"rich text",
+		"contenteditable",
+		"editing"
+	],
+	"homepage": "https://www.tiny.cloud/",
+	"bugs": {
+		"url": "https://github.com/tinymce/tinymce/issues"
+	}
+}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/index.js
new file mode 100644
index 000000000..bba980719
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/index.js
@@ -0,0 +1,7 @@
+// Exports the "accordion" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/accordion')
+//   ES2015:
+//     import 'tinymce/plugins/accordion'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/plugin.js
new file mode 100644
index 000000000..472d53bd5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/plugin.js
@@ -0,0 +1,1349 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType$1('string');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const nativeIndexOf = Array.prototype.indexOf;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$2 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+
+    const point = (element, offset) => ({
+        element,
+        offset
+    });
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const COMMENT = 8;
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    const is = is$1;
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isComment = (element) => type(element) === COMMENT || name(element) === '#comment';
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument(dos) ? dos : owner(dos);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const prevSibling = (element) => Optional.from(element.dom.previousSibling)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+    const child = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child(element, 0);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+
+    const before = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$1 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const wrap = (element, wrapper) => {
+        before(element, wrapper);
+        append$1(wrapper, element);
+    };
+
+    const after = (marker, elements) => {
+        each$1(elements, (x, i) => {
+            const e = i === 0 ? marker : elements[i - 1];
+            after$1(e, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$1(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$2 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll = (element, attrs) => {
+        const dom = element.dom;
+        each(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const get$2 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$2(element, key));
+    const remove$2 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const clone = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const remove$1 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+    const unwrap = (wrapper) => {
+        const children$1 = children(wrapper);
+        if (children$1.length > 0) {
+            after(wrapper, children$1);
+        }
+        remove$1(wrapper);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$1 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$1 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const remove = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$2(getOpt(element, 'style')?.map(trim), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$2(element, 'style');
+        }
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText, 'text');
+    const get = (element) => api.get(element);
+    const set = (element, value) => api.set(element, value);
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$1 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+
+    const ancestor = (scope, selector, isRoot) => ancestor$1(scope, (e) => is$1(e, selector), isRoot);
+    const descendant = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor, scope, selector, isRoot);
+    };
+
+    const descendants$1 = (scope, predicate) => {
+        let result = [];
+        // Recurse.toArray() might help here
+        each$1(children(scope), (x) => {
+            if (predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(descendants$1(x, predicate));
+        });
+        return result;
+    };
+
+    const descendants = (scope, selector) => all(selector, scope);
+
+    var TagBoundaries = [
+        'body',
+        'p',
+        'div',
+        'article',
+        'aside',
+        'figcaption',
+        'figure',
+        'footer',
+        'header',
+        'nav',
+        'section',
+        'ol',
+        'ul',
+        'li',
+        'table',
+        'thead',
+        'tbody',
+        'tfoot',
+        'caption',
+        'tr',
+        'td',
+        'th',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'blockquote',
+        'pre',
+        'address'
+    ];
+
+    var DomUniverse = () => {
+        const clone$1 = (element) => {
+            return SugarElement.fromDom(element.dom.cloneNode(false));
+        };
+        const document = (element) => documentOrOwner(element).dom;
+        const isBoundary = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            if (name(element) === 'body') {
+                return true;
+            }
+            return contains(TagBoundaries, name(element));
+        };
+        const isEmptyTag = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            return contains(['br', 'img', 'hr', 'input'], name(element));
+        };
+        const isNonEditable = (element) => isElement(element) && get$2(element, 'contenteditable') === 'false';
+        const comparePosition = (element, other) => {
+            return element.dom.compareDocumentPosition(other.dom);
+        };
+        const copyAttributesTo = (source, destination) => {
+            const as = clone(source);
+            setAll(destination, as);
+        };
+        const isSpecial = (element) => {
+            const tag = name(element);
+            return contains([
+                'script', 'noscript', 'iframe', 'noframes', 'noembed', 'title', 'style', 'textarea', 'xmp'
+            ], tag);
+        };
+        const getLanguage = (element) => isElement(element) ? getOpt(element, 'lang') : Optional.none();
+        return {
+            up: constant({
+                selector: ancestor,
+                closest: closest,
+                predicate: ancestor$1,
+                all: parents
+            }),
+            down: constant({
+                selector: descendants,
+                predicate: descendants$1
+            }),
+            styles: constant({
+                get: get$1,
+                getRaw: getRaw,
+                set: set$1,
+                remove: remove
+            }),
+            attrs: constant({
+                get: get$2,
+                set: set$2,
+                remove: remove$2,
+                copyTo: copyAttributesTo
+            }),
+            insert: constant({
+                before: before,
+                after: after$1,
+                afterAll: after,
+                append: append$1,
+                appendAll: append,
+                prepend: prepend,
+                wrap: wrap
+            }),
+            remove: constant({
+                unwrap: unwrap,
+                remove: remove$1
+            }),
+            create: constant({
+                nu: SugarElement.fromTag,
+                clone: clone$1,
+                text: SugarElement.fromText
+            }),
+            query: constant({
+                comparePosition,
+                prevSibling: prevSibling,
+                nextSibling: nextSibling
+            }),
+            property: constant({
+                children: children,
+                name: name,
+                parent: parent,
+                document,
+                isText: isText,
+                isComment: isComment,
+                isElement: isElement,
+                isSpecial,
+                getLanguage,
+                getText: get,
+                setText: set,
+                isBoundary,
+                isEmptyTag,
+                isNonEditable
+            }),
+            eq: eq,
+            is: is
+        };
+    };
+
+    const scan = (universe, element, direction) => {
+        // if a comment or zero-length text, scan the siblings
+        if ((universe.property().isText(element) && universe.property().getText(element).trim().length === 0)
+            || universe.property().isComment(element)) {
+            return direction(element).bind((elem) => {
+                return scan(universe, elem, direction).orThunk(() => {
+                    return Optional?.some(elem);
+                });
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const toEnd = (universe, element) => {
+        if (universe.property().isText(element)) {
+            return universe.property().getText(element).length;
+        }
+        const children = universe.property().children(element);
+        return children.length;
+    };
+    const freefallRtl$2 = (universe, element) => {
+        const candidate = scan(universe, element, universe.query().prevSibling).getOr(element);
+        if (universe.property().isText(candidate)) {
+            return point(candidate, toEnd(universe, candidate));
+        }
+        const children = universe.property().children(candidate);
+        return children.length > 0 ? freefallRtl$2(universe, children[children.length - 1]) : point(candidate, toEnd(universe, candidate));
+    };
+
+    const freefallRtl$1 = freefallRtl$2;
+
+    const universe = DomUniverse();
+    const freefallRtl = (element) => {
+        return freefallRtl$1(universe, element);
+    };
+
+    const fireToggleAccordionEvent = (editor, element, state) => editor.dispatch('ToggledAccordion', { element, state });
+    const fireToggleAllAccordionsEvent = (editor, elements, state) => editor.dispatch('ToggledAllAccordions', { elements, state });
+
+    const accordionTag = 'details';
+    const accordionDetailsClass = 'mce-accordion';
+    const accordionSummaryClass = 'mce-accordion-summary';
+    const accordionBodyWrapperClass = 'mce-accordion-body';
+    const accordionBodyWrapperTag = 'div';
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const isSummary = (node) => (node === null || node === void 0 ? void 0 : node.nodeName) === 'SUMMARY';
+    const isDetails = (node) => (node === null || node === void 0 ? void 0 : node.nodeName) === 'DETAILS';
+    const isOpen = (details) => details.hasAttribute('open');
+    const isInSummary = (editor) => {
+        const node = editor.selection.getNode();
+        return isSummary(node) || Boolean(editor.dom.getParent(node, isSummary));
+    };
+    const isAtDetailsStart = (editor) => {
+        const rng = editor.selection.getRng();
+        return isDetails(rng.startContainer)
+            && rng.collapsed
+            && rng.startOffset === 0;
+    };
+    const isInsertAllowed = (editor) => !isInSummary(editor) && editor.dom.isEditable(editor.selection.getNode()) && !editor.mode.isReadOnly();
+    const getSelectedDetails = (editor) => Optional.from(editor.dom.getParent(editor.selection.getNode(), isDetails));
+    const isDetailsSelected = (editor) => getSelectedDetails(editor).isSome();
+    const insertBogus = (element) => {
+        element.innerHTML = '<br data-mce-bogus="1" />';
+        return element;
+    };
+    const createParagraph = (editor) => insertBogus(editor.dom.create('p'));
+    const createSummary = (editor) => insertBogus(editor.dom.create('summary'));
+    const insertAndSelectParagraphAfter = (editor, target) => {
+        const paragraph = createParagraph(editor);
+        target.insertAdjacentElement('afterend', paragraph);
+        editor.selection.setCursorLocation(paragraph, 0);
+    };
+    const normalizeContent = (editor, accordion) => {
+        if (isSummary(accordion === null || accordion === void 0 ? void 0 : accordion.lastChild)) {
+            const paragraph = createParagraph(editor);
+            accordion.appendChild(paragraph);
+            editor.selection.setCursorLocation(paragraph, 0);
+        }
+    };
+    const normalizeSummary = (editor, accordion) => {
+        if (!isSummary(accordion === null || accordion === void 0 ? void 0 : accordion.firstChild)) {
+            const summary = createSummary(editor);
+            accordion.prepend(summary);
+            editor.selection.setCursorLocation(summary, 0);
+        }
+    };
+    const normalizeAccordion = (editor) => (accordion) => {
+        normalizeContent(editor, accordion);
+        normalizeSummary(editor, accordion);
+    };
+    const normalizeDetails = (editor) => {
+        global$3.each(global$3.grep(editor.dom.select('details', editor.getBody())), normalizeAccordion(editor));
+    };
+
+    const insertAccordion = (editor) => {
+        if (!isInsertAllowed(editor)) {
+            return;
+        }
+        const editorBody = SugarElement.fromDom(editor.getBody());
+        const uid = generate('acc');
+        const summaryText = editor.dom.encode(editor.selection.getRng().toString() || editor.translate('Accordion summary...'));
+        const bodyText = editor.dom.encode(editor.translate('Accordion body...'));
+        const accordionSummaryHtml = `<summary class="${accordionSummaryClass}">${summaryText}</summary>`;
+        const accordionBodyHtml = `<${accordionBodyWrapperTag} class="${accordionBodyWrapperClass}"><p>${bodyText}</p></${accordionBodyWrapperTag}>`;
+        editor.undoManager.transact(() => {
+            editor.insertContent([
+                `<details data-mce-id="${uid}" class="${accordionDetailsClass}" open="open">`,
+                accordionSummaryHtml,
+                accordionBodyHtml,
+                `</details>`
+            ].join(''));
+            descendant(editorBody, `[data-mce-id="${uid}"]`).each((detailsElm) => {
+                remove$2(detailsElm, 'data-mce-id');
+                descendant(detailsElm, `summary`).each((summaryElm) => {
+                    // Set the cursor location to be at the end of the summary text
+                    const rng = editor.dom.createRng();
+                    const des = freefallRtl(summaryElm);
+                    rng.setStart(des.element.dom, des.offset);
+                    rng.setEnd(des.element.dom, des.offset);
+                    editor.selection.setRng(rng);
+                });
+            });
+        });
+    };
+    const toggleDetailsElement = (details, state) => {
+        const shouldOpen = state !== null && state !== void 0 ? state : !isOpen(details);
+        if (shouldOpen) {
+            details.setAttribute('open', 'open');
+        }
+        else {
+            details.removeAttribute('open');
+        }
+        return shouldOpen;
+    };
+    const toggleAccordion = (editor, state) => {
+        getSelectedDetails(editor).each((details) => {
+            fireToggleAccordionEvent(editor, details, toggleDetailsElement(details, state));
+        });
+    };
+    const removeAccordion = (editor) => {
+        if (!editor.mode.isReadOnly()) {
+            getSelectedDetails(editor)
+                .each((details) => {
+                const { nextSibling } = details;
+                if (nextSibling) {
+                    editor.selection.select(nextSibling, true);
+                    editor.selection.collapse(true);
+                }
+                else {
+                    insertAndSelectParagraphAfter(editor, details);
+                }
+                details.remove();
+            });
+        }
+    };
+    const toggleAllAccordions = (editor, state) => {
+        const accordions = Array.from(editor.getBody().querySelectorAll('details'));
+        if (accordions.length === 0) {
+            return;
+        }
+        each$1(accordions, (accordion) => toggleDetailsElement(accordion, state !== null && state !== void 0 ? state : !isOpen(accordion)));
+        fireToggleAllAccordionsEvent(editor, accordions, state);
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('InsertAccordion', () => insertAccordion(editor));
+        editor.addCommand('ToggleAccordion', (_ui, value) => toggleAccordion(editor, value));
+        editor.addCommand('ToggleAllAccordions', (_ui, value) => toggleAllAccordions(editor, value));
+        editor.addCommand('RemoveAccordion', () => removeAccordion(editor));
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    const getClassList = (node) => { var _a, _b; return (_b = (_a = node.attr('class')) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : []; };
+    const addClasses = (node, classes) => {
+        const classListSet = new Set([...getClassList(node), ...classes]);
+        const newClassList = Array.from(classListSet);
+        if (newClassList.length > 0) {
+            node.attr('class', newClassList.join(' '));
+        }
+    };
+    const removeClasses = (node, classes) => {
+        const newClassList = filter(getClassList(node), (clazz) => !classes.has(clazz));
+        node.attr('class', newClassList.length > 0 ? newClassList.join(' ') : null);
+    };
+    const isAccordionDetailsNode = (node) => node.name === accordionTag && contains(getClassList(node), accordionDetailsClass);
+    const isAccordionBodyWrapperNode = (node) => node.name === accordionBodyWrapperTag && contains(getClassList(node), accordionBodyWrapperClass);
+    const getAccordionChildren = (accordionNode) => {
+        const children = accordionNode.children();
+        let summaryNode;
+        let wrapperNode;
+        const otherNodes = [];
+        for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            // Only want to get the first summary element
+            if (child.name === 'summary' && isNullable(summaryNode)) {
+                summaryNode = child;
+            }
+            else if (isAccordionBodyWrapperNode(child) && isNullable(wrapperNode)) {
+                wrapperNode = child;
+            }
+            else {
+                otherNodes.push(child);
+            }
+        }
+        return {
+            summaryNode,
+            wrapperNode,
+            otherNodes
+        };
+    };
+    const padInputNode = (node) => {
+        // Add br to node to ensure the cursor can be placed inside the node
+        // Mark as bogus so that it is converted to an nbsp on serialization
+        const br = new global$2('br', 1);
+        br.attr('data-mce-bogus', '1');
+        node.empty();
+        node.append(br);
+    };
+    const setup$2 = (editor) => {
+        editor.on('PreInit', () => {
+            const { serializer, parser } = editor;
+            // Purpose:
+            // - add mce-accordion-summary class to summary node
+            // - wrap details body in div and add mce-accordion-body class (TINY-9959 assists with Chrome selection issue)
+            parser.addNodeFilter(accordionTag, (nodes) => {
+                // Using a traditional for loop here as we may have to iterate over many nodes and it is the most performant way of doing so
+                for (let i = 0; i < nodes.length; i++) {
+                    const node = nodes[i];
+                    if (isAccordionDetailsNode(node)) {
+                        const accordionNode = node;
+                        const { summaryNode, wrapperNode, otherNodes } = getAccordionChildren(accordionNode);
+                        const hasSummaryNode = isNonNullable(summaryNode);
+                        const newSummaryNode = hasSummaryNode ? summaryNode : new global$2('summary', 1);
+                        // If there is nothing in the summary, pad it with a br
+                        // so the cursor can be put inside the accordion summary
+                        if (isNullable(newSummaryNode.firstChild)) {
+                            padInputNode(newSummaryNode);
+                        }
+                        addClasses(newSummaryNode, [accordionSummaryClass]);
+                        if (!hasSummaryNode) {
+                            if (isNonNullable(accordionNode.firstChild)) {
+                                accordionNode.insert(newSummaryNode, accordionNode.firstChild, true);
+                            }
+                            else {
+                                accordionNode.append(newSummaryNode);
+                            }
+                        }
+                        const hasWrapperNode = isNonNullable(wrapperNode);
+                        const newWrapperNode = hasWrapperNode ? wrapperNode : new global$2(accordionBodyWrapperTag, 1);
+                        newWrapperNode.attr('data-mce-bogus', '1');
+                        addClasses(newWrapperNode, [accordionBodyWrapperClass]);
+                        if (otherNodes.length > 0) {
+                            for (let j = 0; j < otherNodes.length; j++) {
+                                const otherNode = otherNodes[j];
+                                newWrapperNode.append(otherNode);
+                            }
+                        }
+                        // If there is nothing in the wrapper, append a placeholder p tag
+                        // so the cursor can be put inside the accordion body
+                        if (isNullable(newWrapperNode.firstChild)) {
+                            const pNode = new global$2('p', 1);
+                            padInputNode(pNode);
+                            newWrapperNode.append(pNode);
+                        }
+                        if (!hasWrapperNode) {
+                            accordionNode.append(newWrapperNode);
+                        }
+                    }
+                }
+            });
+            // Purpose:
+            // - remove div wrapping details content as it is only required during editor (see TINY-9959 for details)
+            // - remove mce-accordion-summary class on the summary node
+            serializer.addNodeFilter(accordionTag, (nodes) => {
+                const summaryClassRemoveSet = new Set([accordionSummaryClass]);
+                // Using a traditional for loop here as we may have to iterate over many nodes and it is the most performant way of doing so
+                for (let i = 0; i < nodes.length; i++) {
+                    const node = nodes[i];
+                    if (isAccordionDetailsNode(node)) {
+                        const accordionNode = node;
+                        const { summaryNode, wrapperNode } = getAccordionChildren(accordionNode);
+                        if (isNonNullable(summaryNode)) {
+                            removeClasses(summaryNode, summaryClassRemoveSet);
+                        }
+                        if (isNonNullable(wrapperNode)) {
+                            wrapperNode.unwrap();
+                        }
+                    }
+                }
+            });
+        });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const setupEnterKeyInSummary = (editor) => {
+        editor.on('keydown', (event) => {
+            if (!event.shiftKey && event.keyCode === global$1.ENTER
+                && isInSummary(editor) || isAtDetailsStart(editor)) {
+                event.preventDefault();
+                editor.execCommand('ToggleAccordion');
+            }
+        });
+    };
+    const setup$1 = (editor) => {
+        setupEnterKeyInSummary(editor);
+        editor.on('ExecCommand', (e) => {
+            const cmd = e.command.toLowerCase();
+            if ((cmd === 'delete' || cmd === 'forwarddelete') && isDetailsSelected(editor)) {
+                normalizeDetails(editor);
+            }
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const setup = (editor) => {
+        // TINY-10177: On Safari, clicking on the expand arrow of the `details` element sets the selection before the `summary`,
+        // so we override the selection to the beginning of `summary` content
+        if (global.browser.isSafari()) {
+            editor.on('click', (e) => {
+                if (isSummary(e.target)) {
+                    const summary = e.target;
+                    const rng = editor.selection.getRng();
+                    if (rng.collapsed && rng.startContainer === summary.parentNode && rng.startOffset === 0) {
+                        editor.selection.setCursorLocation(summary, 0);
+                    }
+                }
+            });
+        }
+    };
+
+    const onSetup = (editor) => (buttonApi) => {
+        const onNodeChange = () => buttonApi.setEnabled(isInsertAllowed(editor));
+        editor.on('NodeChange', onNodeChange);
+        return () => editor.off('NodeChange', onNodeChange);
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('InsertAccordion');
+        editor.ui.registry.addButton('accordion', { icon: 'accordion', tooltip: 'Insert accordion', onSetup: onSetup(editor), onAction });
+        editor.ui.registry.addMenuItem('accordion', { icon: 'accordion', text: 'Accordion', onSetup: onSetup(editor), onAction });
+        editor.ui.registry.addToggleButton('accordiontoggle', {
+            icon: 'accordion-toggle',
+            tooltip: 'Toggle accordion',
+            onAction: () => editor.execCommand('ToggleAccordion')
+        });
+        editor.ui.registry.addToggleButton('accordionremove', {
+            icon: 'remove',
+            tooltip: 'Delete accordion',
+            onAction: () => editor.execCommand('RemoveAccordion')
+        });
+        editor.ui.registry.addContextToolbar('accordion', {
+            predicate: (accordion) => editor.dom.is(accordion, 'details') && editor.getBody().contains(accordion) && editor.dom.isEditable(accordion.parentNode),
+            items: 'accordiontoggle accordionremove',
+            scope: 'node',
+            position: 'node'
+        });
+    };
+
+    var Plugin = () => {
+        global$4.add('accordion', (editor) => {
+            register(editor);
+            register$1(editor);
+            setup$1(editor);
+            setup$2(editor);
+            setup(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/plugin.min.js
new file mode 100644
index 000000000..bc9f938cd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/accordion/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>typeof t===e,o=e=>"string"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(o=n=e,(r=String).prototype.isPrototypeOf(o)||(null===(s=n.constructor)||void 0===s?void 0:s.name)===r.name)?"string":t;var o,n,r,s})(e),n=t("boolean"),r=e=>null==e,s=e=>!r(e),a=t("function"),i=t("number"),l=e=>()=>e,d=(e,t)=>e===t,c=l(!1);class m{constructor(e,t){this.tag=e,this.value=t}static some(e){return new m(!0,e)}static none(){return m.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?m?.some(e(this.value)):m.none()}bind(e){return this.tag?e(this.value):m.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:m.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return s(e)?m?.some(e):m.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}m.singletonNone=new m(!1);const u=Array.prototype.indexOf,g=(e,t)=>{return o=e,n=t,u.call(o,n)>-1;var o,n},p=(e,t)=>{const o=e.length,n=new Array(o);for(let r=0;r<o;r++){const o=e[r];n[r]=t(o,r)}return n},h=(e,t)=>{for(let o=0,n=e.length;o<n;o++)t(e[o],o)},f=Object.keys;let y=0;const v=(w=/^\s+|\s+$/g,e=>e.replace(w,""));var w;const b=(e,t)=>({element:e,offset:t}),N=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},T={fromHtml:(e,t)=>{const o=(t||document).createElement("div");if(o.innerHTML=e,!o.hasChildNodes()||o.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return N(o.childNodes[0])},fromTag:(e,t)=>{const o=(t||document).createElement(e);return N(o)},fromText:(e,t)=>{const o=(t||document).createTextNode(e);return N(o)},fromDom:N,fromPoint:(e,t,o)=>m.from(e.dom.elementFromPoint(t,o))?.map(N)},A=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},C=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,S=A,x=e=>e.dom.nodeName.toLowerCase(),D=e=>e.dom.nodeType,E=e=>t=>D(t)===e,O=E(1),M=E(3),P=E(9),R=E(11),k=e=>m.from(e.dom.parentNode)?.map(T.fromDom),B=e=>m.from(e.dom.nextSibling)?.map(T.fromDom),L=e=>p(e.dom.childNodes,T.fromDom),$=e=>T.fromDom(e.dom.host),V=(e,t)=>{k(e).each((o=>{o.dom.insertBefore(t.dom,e.dom)}))},I=(e,t)=>{B(e).fold((()=>{k(e).each((e=>{j(e,t)}))}),(e=>{V(e,t)}))},j=(e,t)=>{e.dom.appendChild(t.dom)},q=(e,t)=>{h(t,((o,n)=>{const r=0===n?e:t[n-1];I(r,o)}))},H=(e,t,r)=>{if(!(o(r)||n(r)||i(r)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",r,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,r+"")},z=(e,t)=>{const o=e.dom.getAttribute(t);return null===o?void 0:o},F=(e,t)=>m.from(z(e,t)),K=(e,t)=>{e.dom.removeAttribute(t)},U=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},Y=e=>void 0!==e.style&&a(e.style.getPropertyValue),_=e=>{const t=M(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const o=t.ownerDocument;return(e=>{const t=(e=>T.fromDom(e.dom.getRootNode()))(e);return R(o=t)&&s(o.dom.host)?m?.some(t):m.none();var o})(T.fromDom(t)).fold((()=>o.body.contains(t)),(n=_,r=$,e=>n(r(e))));var n,r},G=(e,t)=>Y(e)?e.style.getPropertyValue(t):"",J=(e=>{const t=t=>e(t)?m.from(t.dom.nodeValue):m.none();return{get:o=>{if(!e(o))throw new Error("Can only get text value of a text node");return t(o).getOr("")},getOption:t,set:(t,o)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=o}}})(M),Q=(e,t,o)=>{let n=e.dom;const r=a(o)?o:c;for(;n.parentNode;){n=n.parentNode;const e=T.fromDom(n);if(t(e))return m?.some(e);if(r(e))break}return m.none()},W=(e,t,o)=>Q(e,(e=>A(e,t)),o),X=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return C(o)?m.none():m.from(o.querySelector(e))?.map(T.fromDom)})(t,e),Z=(e,t)=>{let o=[];return h(L(e),(e=>{t(e)&&(o=o.concat([e])),o=o.concat(Z(e,t))})),o};var ee=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","li","table","thead","tbody","tfoot","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"];const te=(e,t,o)=>e.property().isText(t)&&0===e.property().getText(t).trim().length||e.property().isComment(t)?o(t).bind((t=>te(e,t,o).orThunk((()=>m?.some(t))))):m.none(),oe=(e,t)=>e.property().isText(t)?e.property().getText(t).length:e.property().children(t).length,ne=(e,t)=>{const o=te(e,t,e.query().prevSibling).getOr(t);if(e.property().isText(o))return b(o,oe(e,o));const n=e.property().children(o);return n.length>0?ne(e,n[n.length-1]):b(o,oe(e,o))},re=ne,se={up:l({selector:W,closest:(e,t,o)=>((e,t,o,n,r)=>((e,t)=>A(e,t))(o,n)?m?.some(o):a(r)&&r(o)?m.none():t(o,n,r))(0,W,e,t,o),predicate:Q,all:(e,t)=>{const o=a(t)?t:c;let n=e.dom;const r=[];for(;null!==n.parentNode&&void 0!==n.parentNode;){const e=n.parentNode,t=T.fromDom(e);if(r.push(t),!0===o(t))break;n=e}return r}}),down:l({selector:(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return C(o)?[]:p(o.querySelectorAll(e),T.fromDom)})(t,e),predicate:Z}),styles:l({get:(e,t)=>{const o=e.dom,n=window.getComputedStyle(o).getPropertyValue(t);return""!==n||_(e)?n:G(o,t)},getRaw:(e,t)=>{const o=e.dom,n=G(o,t);return m.from(n).filter((e=>e.length>0))},set:(e,t,n)=>{((e,t,n)=>{if(!o(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);Y(e)&&e.style.setProperty(t,n)})(e.dom,t,n)},remove:(e,t)=>{((e,t)=>{Y(e)&&e.style.removeProperty(t)})(e.dom,t),((e,t,o=d)=>e.exists((e=>o(e,t))))(F(e,"style")?.map(v),"")&&K(e,"style")}}),attrs:l({get:z,set:(e,t,o)=>{H(e.dom,t,o)},remove:K,copyTo:(e,t)=>{const o=(n=e.dom.attributes,r=(e,t)=>(e[t.name]=t.value,e),s={},h(n,((e,t)=>{s=r(s,e)})),s);var n,r,s;((e,t)=>{const o=e.dom;((e,t)=>{const o=f(e);for(let n=0,r=o.length;n<r;n++){const r=o[n];t(e[r],r)}})(t,((e,t)=>{H(o,t,e)}))})(t,o)}}),insert:l({before:V,after:I,afterAll:q,append:j,appendAll:(e,t)=>{h(t,(t=>{j(e,t)}))},prepend:(e,t)=>{(e=>(e=>{const t=e.dom.childNodes;return m.from(t[0])?.map(T.fromDom)})(e))(e).fold((()=>{j(e,t)}),(o=>{e.dom.insertBefore(t.dom,o.dom)}))},wrap:(e,t)=>{V(e,t),j(t,e)}}),remove:l({unwrap:e=>{const t=L(e);t.length>0&&q(e,t),U(e)},remove:U}),create:l({nu:T.fromTag,clone:e=>T.fromDom(e.dom.cloneNode(!1)),text:T.fromText}),query:l({comparePosition:(e,t)=>e.dom.compareDocumentPosition(t.dom),prevSibling:e=>m.from(e.dom.previousSibling)?.map(T.fromDom),nextSibling:B}),property:l({children:L,name:x,parent:k,document:e=>{return(t=e,P(t)?t:T.fromDom(t.dom.ownerDocument)).dom;var t},isText:M,isComment:e=>8===D(e)||"#comment"===x(e),isElement:O,isSpecial:e=>{const t=x(e);return g(["script","noscript","iframe","noframes","noembed","title","style","textarea","xmp"],t)},getLanguage:e=>O(e)?F(e,"lang"):m.none(),getText:e=>J.get(e),setText:(e,t)=>J.set(e,t),isBoundary:e=>!!O(e)&&("body"===x(e)||g(ee,x(e))),isEmptyTag:e=>!!O(e)&&g(["br","img","hr","input"],x(e)),isNonEditable:e=>O(e)&&"false"===z(e,"contenteditable")}),eq:(e,t)=>e.dom===t.dom,is:S},ae="details",ie="mce-accordion",le="mce-accordion-summary",de="mce-accordion-body",ce="div";var me=tinymce.util.Tools.resolve("tinymce.util.Tools");const ue=e=>"SUMMARY"===(null==e?void 0:e.nodeName),ge=e=>"DETAILS"===(null==e?void 0:e.nodeName),pe=e=>e.hasAttribute("open"),he=e=>{const t=e.selection.getNode();return ue(t)||Boolean(e.dom.getParent(t,ue))},fe=e=>!he(e)&&e.dom.isEditable(e.selection.getNode())&&!e.mode.isReadOnly(),ye=e=>m.from(e.dom.getParent(e.selection.getNode(),ge)),ve=e=>(e.innerHTML='<br data-mce-bogus="1" />',e),we=e=>ve(e.dom.create("p")),be=e=>t=>{((e,t)=>{if(ue(null==t?void 0:t.lastChild)){const o=we(e);t.appendChild(o),e.selection.setCursorLocation(o,0)}})(e,t),((e,t)=>{if(!ue(null==t?void 0:t.firstChild)){const o=(e=>ve(e.dom.create("summary")))(e);t.prepend(o),e.selection.setCursorLocation(o,0)}})(e,t)},Ne=e=>{if(!fe(e))return;const t=T.fromDom(e.getBody()),o=(e=>{const t=(new Date).getTime(),o=Math.floor(window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295*1e9);return y++,e+"_"+o+y+String(t)})("acc"),n=e.dom.encode(e.selection.getRng().toString()||e.translate("Accordion summary...")),r=e.dom.encode(e.translate("Accordion body...")),s=`<summary class="${le}">${n}</summary>`,a=`<${ce} class="${de}"><p>${r}</p></${ce}>`;e.undoManager.transact((()=>{e.insertContent([`<details data-mce-id="${o}" class="${ie}" open="open">`,s,a,"</details>"].join("")),X(t,`[data-mce-id="${o}"]`).each((t=>{K(t,"data-mce-id"),X(t,"summary").each((t=>{const o=e.dom.createRng(),n=re(se,t);o.setStart(n.element.dom,n.offset),o.setEnd(n.element.dom,n.offset),e.selection.setRng(o)}))}))}))},Te=(e,t)=>{const o=null!=t?t:!pe(e);return o?e.setAttribute("open","open"):e.removeAttribute("open"),o},Ae=e=>{e.addCommand("InsertAccordion",(()=>Ne(e))),e.addCommand("ToggleAccordion",((t,o)=>((e,t)=>{ye(e).each((o=>{((e,t,o)=>{e.dispatch("ToggledAccordion",{element:t,state:o})})(e,o,Te(o,t))}))})(e,o))),e.addCommand("ToggleAllAccordions",((t,o)=>((e,t)=>{const o=Array.from(e.getBody().querySelectorAll("details"));0!==o.length&&(h(o,(e=>Te(e,null!=t?t:!pe(e)))),((e,t,o)=>{e.dispatch("ToggledAllAccordions",{elements:t,state:o})})(e,o,t))})(e,o))),e.addCommand("RemoveAccordion",(()=>(e=>{e.mode.isReadOnly()||ye(e).each((t=>{const{nextSibling:o}=t;o?(e.selection.select(o,!0),e.selection.collapse(!0)):((e,t)=>{const o=we(e);t.insertAdjacentElement("afterend",o),e.selection.setCursorLocation(o,0)})(e,t),t.remove()}))})(e)))};var Ce=tinymce.util.Tools.resolve("tinymce.html.Node");const Se=e=>{var t,o;return null!==(o=null===(t=e.attr("class"))||void 0===t?void 0:t.split(" "))&&void 0!==o?o:[]},xe=(e,t)=>{const o=new Set([...Se(e),...t]),n=Array.from(o);n.length>0&&e.attr("class",n.join(" "))},De=(e,t)=>{const o=(e=>{const o=[];for(let r=0,s=e.length;r<s;r++){const s=e[r];n=s,!t.has(n)&&o.push(s)}var n;return o})(Se(e));e.attr("class",o.length>0?o.join(" "):null)},Ee=e=>e.name===ae&&g(Se(e),ie),Oe=e=>{const t=e.children();let o,n;const s=[];for(let e=0;e<t.length;e++){const i=t[e];"summary"===i.name&&r(o)?o=i:(a=i).name===ce&&g(Se(a),de)&&r(n)?n=i:s.push(i)}var a;return{summaryNode:o,wrapperNode:n,otherNodes:s}},Me=e=>{const t=new Ce("br",1);t.attr("data-mce-bogus","1"),e.empty(),e.append(t)};var Pe=tinymce.util.Tools.resolve("tinymce.util.VK");const Re=e=>{(e=>{e.on("keydown",(t=>{(!t.shiftKey&&t.keyCode===Pe.ENTER&&he(e)||(e=>{const t=e.selection.getRng();return ge(t.startContainer)&&t.collapsed&&0===t.startOffset})(e))&&(t.preventDefault(),e.execCommand("ToggleAccordion"))}))})(e),e.on("ExecCommand",(t=>{const o=t.command.toLowerCase();"delete"!==o&&"forwarddelete"!==o||!(e=>ye(e).isSome())(e)||(e=>{me.each(me.grep(e.dom.select("details",e.getBody())),be(e))})(e)}))};var ke=tinymce.util.Tools.resolve("tinymce.Env");const Be=e=>t=>{const o=()=>t.setEnabled(fe(e));return e.on("NodeChange",o),()=>e.off("NodeChange",o)};e.add("accordion",(e=>{(e=>{const t=()=>e.execCommand("InsertAccordion");e.ui.registry.addButton("accordion",{icon:"accordion",tooltip:"Insert accordion",onSetup:Be(e),onAction:t}),e.ui.registry.addMenuItem("accordion",{icon:"accordion",text:"Accordion",onSetup:Be(e),onAction:t}),e.ui.registry.addToggleButton("accordiontoggle",{icon:"accordion-toggle",tooltip:"Toggle accordion",onAction:()=>e.execCommand("ToggleAccordion")}),e.ui.registry.addToggleButton("accordionremove",{icon:"remove",tooltip:"Delete accordion",onAction:()=>e.execCommand("RemoveAccordion")}),e.ui.registry.addContextToolbar("accordion",{predicate:t=>e.dom.is(t,"details")&&e.getBody().contains(t)&&e.dom.isEditable(t.parentNode),items:"accordiontoggle accordionremove",scope:"node",position:"node"})})(e),Ae(e),Re(e),(e=>{e.on("PreInit",(()=>{const{serializer:t,parser:o}=e;o.addNodeFilter(ae,(e=>{for(let t=0;t<e.length;t++){const o=e[t];if(Ee(o)){const e=o,{summaryNode:t,wrapperNode:n,otherNodes:a}=Oe(e),i=s(t),l=i?t:new Ce("summary",1);r(l.firstChild)&&Me(l),xe(l,[le]),i||(s(e.firstChild)?e.insert(l,e.firstChild,!0):e.append(l));const d=s(n),c=d?n:new Ce(ce,1);if(c.attr("data-mce-bogus","1"),xe(c,[de]),a.length>0)for(let e=0;e<a.length;e++){const t=a[e];c.append(t)}if(r(c.firstChild)){const e=new Ce("p",1);Me(e),c.append(e)}d||e.append(c)}}})),t.addNodeFilter(ae,(e=>{const t=new Set([le]);for(let o=0;o<e.length;o++){const n=e[o];if(Ee(n)){const e=n,{summaryNode:o,wrapperNode:r}=Oe(e);s(o)&&De(o,t),s(r)&&r.unwrap()}}}))}))})(e),(e=>{ke.browser.isSafari()&&e.on("click",(t=>{if(ue(t.target)){const o=t.target,n=e.selection.getRng();n.collapsed&&n.startContainer===o.parentNode&&0===n.startOffset&&e.selection.setCursorLocation(o,0)}}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/index.js
new file mode 100644
index 000000000..7428d1089
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/index.js
@@ -0,0 +1,7 @@
+// Exports the "advlist" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/advlist')
+//   ES2015:
+//     import 'tinymce/plugins/advlist'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/plugin.js
new file mode 100644
index 000000000..39f52ebd0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/plugin.js
@@ -0,0 +1,471 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const applyListFormat = (editor, listName, styleValue) => {
+        const cmd = listName === 'UL' ? 'InsertUnorderedList' : 'InsertOrderedList';
+        editor.execCommand(cmd, false, styleValue === false ? null : { 'list-style-type': styleValue });
+    };
+
+    const register$2 = (editor) => {
+        editor.addCommand('ApplyUnorderedListStyle', (ui, value) => {
+            applyListFormat(editor, 'UL', value['list-style-type']);
+        });
+        editor.addCommand('ApplyOrderedListStyle', (ui, value) => {
+            applyListFormat(editor, 'OL', value['list-style-type']);
+        });
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('advlist_number_styles', {
+            processor: 'string[]',
+            default: 'default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman'.split(',')
+        });
+        registerOption('advlist_bullet_styles', {
+            processor: 'string[]',
+            default: 'default,disc,circle,square'.split(',')
+        });
+    };
+    const getNumberStyles = option('advlist_number_styles');
+    const getBulletStyles = option('advlist_bullet_styles');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const nativeIndexOf = Array.prototype.indexOf;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const isCustomList = (list) => /\btox\-/.test(list.className);
+    const isChildOfBody = (editor, elm) => {
+        return editor.dom.isChildOf(elm, editor.getBody());
+    };
+    const matchNodeNames = (regex) => (node) => isNonNullable(node) && regex.test(node.nodeName);
+    const isListNode = matchNodeNames(/^(OL|UL|DL)$/);
+    const isTableCellNode = matchNodeNames(/^(TH|TD)$/);
+    const inList = (editor, parents, nodeName) => findUntil(parents, (parent) => isListNode(parent) && !isCustomList(parent), isTableCellNode)
+        .exists((list) => list.nodeName === nodeName && isChildOfBody(editor, list));
+    const getSelectedStyleType = (editor) => {
+        const listElm = editor.dom.getParent(editor.selection.getNode(), 'ol,ul');
+        const style = editor.dom.getStyle(listElm, 'listStyleType');
+        return Optional.from(style);
+    };
+    // Lists/core/Util.ts - Duplicated in Lists plugin
+    const isWithinNonEditable = (editor, element) => element !== null && !editor.dom.isEditable(element);
+    const isWithinNonEditableList = (editor, element) => {
+        const parentList = editor.dom.getParent(element, 'ol,ul,dl');
+        return isWithinNonEditable(editor, parentList) || !editor.selection.isEditable();
+    };
+    const setNodeChangeHandler = (editor, nodeChangeHandler) => {
+        const initialNode = editor.selection.getNode();
+        // Set the initial state
+        nodeChangeHandler({
+            parents: editor.dom.getParents(initialNode),
+            element: initialNode
+        });
+        editor.on('NodeChange', nodeChangeHandler);
+        return () => editor.off('NodeChange', nodeChangeHandler);
+    };
+
+    // <ListStyles>
+    const styleValueToText = (styleValue) => {
+        return styleValue.replace(/\-/g, ' ').replace(/\b\w/g, (chr) => {
+            return chr.toUpperCase();
+        });
+    };
+    const normalizeStyleValue = (styleValue) => isNullable(styleValue) || styleValue === 'default' ? '' : styleValue;
+    const makeSetupHandler = (editor, nodeName) => (api) => {
+        const updateButtonState = (editor, parents) => {
+            const element = editor.selection.getStart(true);
+            api.setActive(inList(editor, parents, nodeName));
+            api.setEnabled(!isWithinNonEditableList(editor, element));
+        };
+        const nodeChangeHandler = (e) => updateButtonState(editor, e.parents);
+        return setNodeChangeHandler(editor, nodeChangeHandler);
+    };
+    const addSplitButton = (editor, id, tooltip, cmd, nodeName, styles) => {
+        const listStyleTypeAliases = {
+            'lower-latin': 'lower-alpha',
+            'upper-latin': 'upper-alpha',
+            'lower-alpha': 'lower-latin',
+            'upper-alpha': 'upper-latin'
+        };
+        const stylesContainsAliasMap = map(listStyleTypeAliases, (alias) => contains(styles, alias));
+        editor.ui.registry.addSplitButton(id, {
+            tooltip,
+            icon: nodeName === "OL" /* ListType.OrderedList */ ? 'ordered-list' : 'unordered-list',
+            presets: 'listpreview',
+            columns: nodeName === "OL" /* ListType.OrderedList */ ? 3 : 4,
+            fetch: (callback) => {
+                const items = global?.map(styles, (styleValue) => {
+                    const iconStyle = nodeName === "OL" /* ListType.OrderedList */ ? 'num' : 'bull';
+                    const iconName = styleValue === 'decimal' ? 'default' : styleValue;
+                    const itemValue = normalizeStyleValue(styleValue);
+                    const displayText = styleValueToText(styleValue);
+                    return {
+                        type: 'choiceitem',
+                        value: itemValue,
+                        icon: 'list-' + iconStyle + '-' + iconName,
+                        text: displayText
+                    };
+                });
+                callback(items);
+            },
+            onAction: () => editor.execCommand(cmd),
+            onItemAction: (_splitButtonApi, value) => {
+                applyListFormat(editor, nodeName, value);
+            },
+            select: (value) => {
+                const listStyleType = getSelectedStyleType(editor);
+                return listStyleType.exists((listStyle) => value === listStyle || (listStyleTypeAliases[listStyle] === value && !stylesContainsAliasMap[value]));
+            },
+            onSetup: makeSetupHandler(editor, nodeName)
+        });
+    };
+    const addButton = (editor, id, tooltip, cmd, nodeName, styleValue) => {
+        editor.ui.registry.addToggleButton(id, {
+            active: false,
+            tooltip,
+            icon: nodeName === "OL" /* ListType.OrderedList */ ? 'ordered-list' : 'unordered-list',
+            onSetup: makeSetupHandler(editor, nodeName),
+            // Need to make sure the button removes rather than applies if a list of the same type is selected
+            onAction: () => editor.queryCommandState(cmd) || styleValue === '' ? editor.execCommand(cmd) : applyListFormat(editor, nodeName, styleValue)
+        });
+    };
+    const addControl = (editor, id, tooltip, cmd, nodeName, styles) => {
+        if (styles.length > 1) {
+            addSplitButton(editor, id, tooltip, cmd, nodeName, styles);
+        }
+        else {
+            addButton(editor, id, tooltip, cmd, nodeName, normalizeStyleValue(styles[0]));
+        }
+    };
+    const register = (editor) => {
+        addControl(editor, 'numlist', 'Numbered list', 'InsertOrderedList', "OL" /* ListType.OrderedList */, getNumberStyles(editor));
+        addControl(editor, 'bullist', 'Bullet list', 'InsertUnorderedList', "UL" /* ListType.UnorderedList */, getBulletStyles(editor));
+    };
+
+    var Plugin = () => {
+        global$1.add('advlist', (editor) => {
+            if (editor.hasPlugin('lists')) {
+                register$1(editor);
+                register(editor);
+                register$2(editor);
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.error('Please use the Lists plugin together with the List Styles plugin.');
+            }
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/plugin.min.js
new file mode 100644
index 000000000..732ecd02b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/advlist/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=(t,e,s)=>{const r="UL"===e?"InsertUnorderedList":"InsertOrderedList";t.execCommand(r,!1,!1===s?null:{"list-style-type":s})},s=t=>e=>e.options.get(t),r=s("advlist_number_styles"),n=s("advlist_bullet_styles"),l=t=>null==t,i=t=>!l(t);class o{constructor(t,e){this.tag=t,this.value=e}static some(t){return new o(!0,t)}static none(){return o.singletonNone}fold(t,e){return this.tag?e(this.value):t()}isSome(){return this.tag}isNone(){return!this.tag}map(t){return this.tag?o?.some(t(this.value)):o.none()}bind(t){return this.tag?t(this.value):o.none()}exists(t){return this.tag&&t(this.value)}forall(t){return!this.tag||t(this.value)}filter(t){return!this.tag||t(this.value)?this:o.none()}getOr(t){return this.tag?this.value:t}or(t){return this.tag?this:t}getOrThunk(t){return this.tag?this.value:t()}orThunk(t){return this.tag?this:t()}getOrDie(t){if(this.tag)return this.value;throw new Error(null!=t?t:"Called getOrDie on None")}static from(t){return i(t)?o?.some(t):o.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(t){this.tag&&t(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}o.singletonNone=new o(!1);const a=Array.prototype.indexOf,u=Object.keys;var d=tinymce.util.Tools.resolve("tinymce.util.Tools");const c=t=>e=>i(e)&&t.test(e.nodeName),h=c(/^(OL|UL|DL)$/),g=c(/^(TH|TD)$/),p=t=>l(t)||"default"===t?"":t,m=(t,e)=>s=>((t,e)=>{const s=t.selection.getNode();return e({parents:t.dom.getParents(s),element:s}),t.on("NodeChange",e),()=>t.off("NodeChange",e)})(t,(r=>((t,r)=>{const n=t.selection.getStart(!0);s.setActive(((t,e,s)=>((t,e,s)=>{for(let e=0,n=t.length;e<n;e++){const n=t[e];if(h(r=n)&&!/\btox\-/.test(r.className))return o?.some(n);if(s(n,e))break}var r;return o.none()})(e,0,g).exists((e=>e.nodeName===s&&((t,e)=>t.dom.isChildOf(e,t.getBody()))(t,e))))(t,r,e)),s.setEnabled(!((t,e)=>{const s=t.dom.getParent(e,"ol,ul,dl");return((t,e)=>null!==e&&!t.dom.isEditable(e))(t,s)||!t.selection.isEditable()})(t,n))})(t,r.parents))),v=(t,s,r,n,l,i)=>{const c={"lower-latin":"lower-alpha","upper-latin":"upper-alpha","lower-alpha":"lower-latin","upper-alpha":"upper-latin"},h=(g=t=>{return e=i,s=t,a.call(e,s)>-1;var e,s},((t,e)=>{const s={};return((t,e)=>{const s=u(t);for(let r=0,n=s.length;r<n;r++){const n=s[r];e(t[n],n)}})(t,((t,r)=>{const n=e(t,r);s[n.k]=n.v})),s})(c,((t,e)=>({k:e,v:g(t)}))));var g;t.ui.registry.addSplitButton(s,{tooltip:r,icon:"OL"===l?"ordered-list":"unordered-list",presets:"listpreview",columns:"OL"===l?3:4,fetch:t=>{t(d?.map(i,(t=>{const e="OL"===l?"num":"bull",s="decimal"===t?"default":t,r=p(t),n=(t=>t.replace(/\-/g," ").replace(/\b\w/g,(t=>t.toUpperCase())))(t);return{type:"choiceitem",value:r,icon:"list-"+e+"-"+s,text:n}})))},onAction:()=>t.execCommand(n),onItemAction:(s,r)=>{e(t,l,r)},select:e=>{const s=(t=>{const e=t.dom.getParent(t.selection.getNode(),"ol,ul"),s=t.dom.getStyle(e,"listStyleType");return o.from(s)})(t);return s.exists((t=>e===t||c[t]===e&&!h[e]))},onSetup:m(t,l)})},y=(t,s,r,n,l,i)=>{i.length>1?v(t,s,r,n,l,i):((t,s,r,n,l,i)=>{t.ui.registry.addToggleButton(s,{active:!1,tooltip:r,icon:"OL"===l?"ordered-list":"unordered-list",onSetup:m(t,l),onAction:()=>t.queryCommandState(n)||""===i?t.execCommand(n):e(t,l,i)})})(t,s,r,n,l,p(i[0]))};t.add("advlist",(t=>{t.hasPlugin("lists")?((t=>{const e=t.options.register;e("advlist_number_styles",{processor:"string[]",default:"default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman".split(",")}),e("advlist_bullet_styles",{processor:"string[]",default:"default,disc,circle,square".split(",")})})(t),(t=>{y(t,"numlist","Numbered list","InsertOrderedList","OL",r(t)),y(t,"bullist","Bullet list","InsertUnorderedList","UL",n(t))})(t),(t=>{t.addCommand("ApplyUnorderedListStyle",((s,r)=>{e(t,"UL",r["list-style-type"])})),t.addCommand("ApplyOrderedListStyle",((s,r)=>{e(t,"OL",r["list-style-type"])}))})(t)):console.error("Please use the Lists plugin together with the List Styles plugin.")}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/index.js
new file mode 100644
index 000000000..ceddfe3d3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/index.js
@@ -0,0 +1,7 @@
+// Exports the "anchor" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/anchor')
+//   ES2015:
+//     import 'tinymce/plugins/anchor'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/plugin.js
new file mode 100644
index 000000000..56f23aab1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/plugin.js
@@ -0,0 +1,237 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('allow_html_in_named_anchor', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const allowHtmlInNamedAnchor = option('allow_html_in_named_anchor');
+
+    const namedAnchorSelector = 'a:not([href])';
+    const isEmptyString = (str) => !str;
+    const getIdFromAnchor = (elm) => {
+        const id = elm.getAttribute('id') || elm.getAttribute('name');
+        return id || '';
+    };
+    const isAnchor = (elm) => elm.nodeName.toLowerCase() === 'a';
+    const isNamedAnchor = (elm) => isAnchor(elm) && !elm.getAttribute('href') && getIdFromAnchor(elm) !== '';
+    const isEmptyNamedAnchor = (elm) => isNamedAnchor(elm) && !elm.firstChild;
+
+    const removeEmptyNamedAnchorsInSelection = (editor) => {
+        const dom = editor.dom;
+        global$1(dom).walk(editor.selection.getRng(), (nodes) => {
+            global.each(nodes, (node) => {
+                if (isEmptyNamedAnchor(node)) {
+                    dom.remove(node, false);
+                }
+            });
+        });
+    };
+    const isValidId = (id) => 
+    // Follows HTML4 rules: https://www.w3.org/TR/html401/types.html#type-id
+    /^[A-Za-z][A-Za-z0-9\-:._]*$/.test(id);
+    const getNamedAnchor = (editor) => editor.dom.getParent(editor.selection.getStart(), namedAnchorSelector);
+    const getId = (editor) => {
+        const anchor = getNamedAnchor(editor);
+        if (anchor) {
+            return getIdFromAnchor(anchor);
+        }
+        else {
+            return '';
+        }
+    };
+    const createAnchor = (editor, id) => {
+        editor.undoManager.transact(() => {
+            if (!allowHtmlInNamedAnchor(editor)) {
+                editor.selection.collapse(true);
+            }
+            if (editor.selection.isCollapsed()) {
+                editor.insertContent(editor.dom.createHTML('a', { id }));
+            }
+            else {
+                // Remove any empty named anchors in the selection as they cannot be removed by the formatter since they are cef
+                removeEmptyNamedAnchorsInSelection(editor);
+                // Format is set up to truncate any partially selected named anchors so that they are not completely removed
+                editor.formatter.remove('namedAnchor', undefined, undefined, true);
+                // Insert new anchor using the formatter - will wrap selected content in anchor
+                editor.formatter.apply('namedAnchor', { value: id });
+                // Need to add visual classes to anchors if required
+                editor.addVisual();
+            }
+        });
+    };
+    const updateAnchor = (editor, id, anchorElement) => {
+        anchorElement.removeAttribute('name');
+        anchorElement.id = id;
+        editor.addVisual(); // Need to add visual classes to anchors if required
+        editor.undoManager.add();
+    };
+    const insert = (editor, id) => {
+        const anchor = getNamedAnchor(editor);
+        if (anchor) {
+            updateAnchor(editor, id, anchor);
+        }
+        else {
+            createAnchor(editor, id);
+        }
+        editor.focus();
+    };
+
+    const insertAnchor = (editor, newId) => {
+        if (!isValidId(newId)) {
+            editor.windowManager.alert('ID should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.');
+            return false;
+        }
+        else {
+            insert(editor, newId);
+            return true;
+        }
+    };
+    const open = (editor) => {
+        const currentId = getId(editor);
+        editor.windowManager.open({
+            title: 'Anchor',
+            size: 'normal',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        name: 'id',
+                        type: 'input',
+                        label: 'ID',
+                        placeholder: 'example'
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: {
+                id: currentId
+            },
+            onSubmit: (api) => {
+                if (insertAnchor(editor, api.getData().id)) { // TODO we need a better way to do validation
+                    api.close();
+                }
+            }
+        });
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceAnchor', () => {
+            open(editor);
+        });
+    };
+
+    // Note: node.firstChild check is for the 'allow_html_in_named_anchor' setting
+    // Only want to add contenteditable attributes if there is no text within the anchor
+    const isNamedAnchorNode = (node) => isEmptyString(node.attr('href')) && !isEmptyString(node.attr('id') || node.attr('name'));
+    const isEmptyNamedAnchorNode = (node) => isNamedAnchorNode(node) && !node.firstChild;
+    const setContentEditable = (state) => (nodes) => {
+        for (let i = 0; i < nodes.length; i++) {
+            const node = nodes[i];
+            if (isEmptyNamedAnchorNode(node)) {
+                node.attr('contenteditable', state);
+            }
+        }
+    };
+    const setup = (editor) => {
+        editor.on('PreInit', () => {
+            editor.parser.addNodeFilter('a', setContentEditable('false'));
+            editor.serializer.addNodeFilter('a', setContentEditable(null));
+        });
+    };
+
+    const registerFormats = (editor) => {
+        editor.formatter.register('namedAnchor', {
+            inline: 'a',
+            selector: namedAnchorSelector,
+            remove: 'all',
+            split: true,
+            deep: true,
+            attributes: {
+                id: '%value'
+            },
+            onmatch: (node, _fmt, _itemName) => {
+                return isNamedAnchor(node);
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceAnchor');
+        editor.ui.registry.addToggleButton('anchor', {
+            icon: 'bookmark',
+            tooltip: 'Anchor',
+            onAction,
+            onSetup: (buttonApi) => {
+                const unbindSelectorChanged = editor.selection.selectorChangedWithUnbind('a:not([href])', buttonApi.setActive).unbind;
+                const unbindEditableChanged = onSetupEditable(editor)(buttonApi);
+                return () => {
+                    unbindSelectorChanged();
+                    unbindEditableChanged();
+                };
+            }
+        });
+        editor.ui.registry.addMenuItem('anchor', {
+            icon: 'bookmark',
+            text: 'Anchor...',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$2.add('anchor', (editor) => {
+            register$2(editor);
+            setup(editor);
+            register$1(editor);
+            register(editor);
+            editor.on('PreInit', () => {
+                registerFormats(editor);
+            });
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/plugin.min.js
new file mode 100644
index 000000000..c52c6d780
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/anchor/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=tinymce.util.Tools.resolve("tinymce.dom.RangeUtils"),o=tinymce.util.Tools.resolve("tinymce.util.Tools");const n=e=>e.options.get("allow_html_in_named_anchor");const a="a:not([href])",r=e=>!e,i=e=>e.getAttribute("id")||e.getAttribute("name")||"",l=e=>(e=>"a"===e.nodeName.toLowerCase())(e)&&!e.getAttribute("href")&&""!==i(e),s=e=>e.dom.getParent(e.selection.getStart(),a),d=(e,a)=>{const r=s(e);r?((e,t,o)=>{o.removeAttribute("name"),o.id=t,e.addVisual(),e.undoManager.add()})(e,a,r):((e,a)=>{e.undoManager.transact((()=>{n(e)||e.selection.collapse(!0),e.selection.isCollapsed()?e.insertContent(e.dom.createHTML("a",{id:a})):((e=>{const n=e.dom;t(n).walk(e.selection.getRng(),(e=>{o.each(e,(e=>{var t;l(t=e)&&!t.firstChild&&n.remove(e,!1)}))}))})(e),e.formatter.remove("namedAnchor",void 0,void 0,!0),e.formatter.apply("namedAnchor",{value:a}),e.addVisual())}))})(e,a),e.focus()},c=e=>(e=>r(e.attr("href"))&&!r(e.attr("id")||e.attr("name")))(e)&&!e.firstChild,m=e=>t=>{for(let o=0;o<t.length;o++){const n=t[o];c(n)&&n.attr("contenteditable",e)}},u=e=>t=>{const o=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",o),o(),()=>{e.off("NodeChange",o)}};e.add("anchor",(e=>{(e=>{(0,e.options.register)("allow_html_in_named_anchor",{processor:"boolean",default:!1})})(e),(e=>{e.on("PreInit",(()=>{e.parser.addNodeFilter("a",m("false")),e.serializer.addNodeFilter("a",m(null))}))})(e),(e=>{e.addCommand("mceAnchor",(()=>{(e=>{const t=(e=>{const t=s(e);return t?i(t):""})(e);e.windowManager.open({title:"Anchor",size:"normal",body:{type:"panel",items:[{name:"id",type:"input",label:"ID",placeholder:"example"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{id:t},onSubmit:t=>{((e,t)=>/^[A-Za-z][A-Za-z0-9\-:._]*$/.test(t)?(d(e,t),!0):(e.windowManager.alert("ID should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores."),!1))(e,t.getData().id)&&t.close()}})})(e)}))})(e),(e=>{const t=()=>e.execCommand("mceAnchor");e.ui.registry.addToggleButton("anchor",{icon:"bookmark",tooltip:"Anchor",onAction:t,onSetup:t=>{const o=e.selection.selectorChangedWithUnbind("a:not([href])",t.setActive).unbind,n=u(e)(t);return()=>{o(),n()}}}),e.ui.registry.addMenuItem("anchor",{icon:"bookmark",text:"Anchor...",onAction:t,onSetup:u(e)})})(e),e.on("PreInit",(()=>{(e=>{e.formatter.register("namedAnchor",{inline:"a",selector:a,remove:"all",split:!0,deep:!0,attributes:{id:"%value"},onmatch:(e,t,o)=>l(e)})})(e)}))}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/index.js
new file mode 100644
index 000000000..ae8a759dc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/index.js
@@ -0,0 +1,7 @@
+// Exports the "autolink" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/autolink')
+//   ES2015:
+//     import 'tinymce/plugins/autolink'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/plugin.js
new file mode 100644
index 000000000..0e2349f7e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/plugin.js
@@ -0,0 +1,318 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType('string');
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+
+    const not = (f) => (t) => !f(t);
+
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+
+    const zeroWidth = '\uFEFF';
+    const isZwsp = (char) => char === zeroWidth;
+    const removeZwsp = (s) => s.replace(/\uFEFF/g, '');
+
+    /*
+      The RegEx parses the following components (https://www.rfc-editor.org/rfc/rfc3986.txt):
+
+        scheme:[//[user:password@]host[:port]][/]path[?query][#fragment]
+
+              foo://example.com:8042/over/there?name=ferret#nose
+              \_/   \______________/\_________/ \_________/ \__/
+              |           |            |            |        |
+            scheme     authority       path        query   fragment
+
+      Originally from:
+        http://blog.mattheworiordan.com/post/13174566389/url-regular-expression-for-links-with-or-without-the
+
+      Modified to:
+      - include port numbers
+      - allow full stops in email addresses
+      - allow [-.~*+=!&;:'%@?^${}(),\/\w] after the #
+      - allow [-.~*+=!&;:'%@?^${}(),\/\w] after the ?
+      - move allow -_.~*+=!&;:'%@?^${}() in email usernames to the first @ match (TBIO-4809)
+      - enforce domains to be [A-Za-z0-9-]+(?:\.[A-Za-z0-9-]+)* so they can't end in a period (TBIO-4809)
+      - removed a bunch of escaping, made every group non-capturing (during TBIO-4809)
+      - colons are only valid when followed directly by // or some text and then @ (TBIO-4867)
+      - only include the fragment '#' if it has 1 or more trailing matches
+      - only include the query '?' if it has 1 or more trailing matches
+      - allow commas in URL path
+      - exclude trailing comma and period in URL path
+      - allow up to 15 character schemes including all valid characters from the spec https://url.spec.whatwg.org/#url-scheme-string (TINY-5074)
+      - changed instances of 0-9 to be \d (TINY-5074)
+      - reduced duplication (TINY-5074)
+      - allow [*!;:'@$] in the path segment as they are valid characters per the spec: https://url.spec.whatwg.org/#url-path-segment-string (TINY-8069)
+
+    (?:
+      (?:
+        [A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?
+        | www\.
+        | [-;:&=+$,.\w]+@
+      )
+      [A-Za-z\d-]+
+      (?:\.[A-Za-z\d-]+)*
+    )
+    (?::\d+)?
+    (?:
+      \/
+      (?:
+         [-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w]
+       )?
+    )?
+    (?:
+      \?
+      (?:
+        [-.~*+=!&;:'%@?^${}(),\/\w]+
+      )
+    )?
+    (?:
+      #
+      (?:
+        [-.~*+=!&;:'%@?^${}(),\/\w]+
+      )
+    )?
+    */
+    const link = () => 
+    // eslint-disable-next-line max-len
+    /(?:[A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?|www\.|[-;:&=+$,.\w]+@)[A-Za-z\d-]+(?:\.[A-Za-z\d-]+)*(?::\d+)?(?:\/(?:[-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w])?)?(?:\?(?:[-.~*+=!&;:'%@?^${}(),\/\w]+))?(?:#(?:[-.~*+=!&;:'%@?^${}(),\/\w]+))?/g;
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('autolink_pattern', {
+            processor: 'regexp',
+            // Use the Polaris link detection, however for autolink we need to make it be an exact match
+            default: new RegExp('^' + link().source + '$', 'i')
+        });
+        registerOption('link_default_target', {
+            processor: 'string'
+        });
+        registerOption('link_default_protocol', {
+            processor: 'string',
+            default: 'https'
+        });
+    };
+    const getAutoLinkPattern = option('autolink_pattern');
+    const getDefaultLinkTarget = option('link_default_target');
+    const getDefaultLinkProtocol = option('link_default_protocol');
+    const allowUnsafeLinkTarget = option('allow_unsafe_link_target');
+
+    var global = tinymce.util.Tools.resolve('tinymce.dom.TextSeeker');
+
+    const isTextNode = (node) => node.nodeType === 3;
+    const isElement = (node) => node.nodeType === 1;
+    const isBracketOrSpace = (char) => /^[(\[{ \u00a0]$/.test(char);
+    // Note: This is similar to the Polaris protocol detection, except it also handles `mailto` and any length scheme
+    const hasProtocol = (url) => /^([A-Za-z][A-Za-z\d.+-]*:\/\/)|mailto:/.test(url);
+    // A limited list of punctuation characters that might be used after a link
+    const isPunctuation = (char) => /[?!,.;:]/.test(char);
+    const findChar = (text, index, predicate) => {
+        for (let i = index - 1; i >= 0; i--) {
+            const char = text.charAt(i);
+            if (!isZwsp(char) && predicate(char)) {
+                return i;
+            }
+        }
+        return -1;
+    };
+    const freefallRtl = (container, offset) => {
+        let tempNode = container;
+        let tempOffset = offset;
+        while (isElement(tempNode) && tempNode.childNodes[tempOffset]) {
+            tempNode = tempNode.childNodes[tempOffset];
+            tempOffset = isTextNode(tempNode) ? tempNode.data.length : tempNode.childNodes.length;
+        }
+        return { container: tempNode, offset: tempOffset };
+    };
+
+    const parseCurrentLine = (editor, offset) => {
+        var _a;
+        const voidElements = editor.schema.getVoidElements();
+        const autoLinkPattern = getAutoLinkPattern(editor);
+        const { dom, selection } = editor;
+        // Never create a link when we are inside a link
+        if (dom.getParent(selection.getNode(), 'a[href]') !== null || editor.mode.isReadOnly()) {
+            return null;
+        }
+        const rng = selection.getRng();
+        const textSeeker = global(dom, (node) => {
+            return dom.isBlock(node) || has(voidElements, node.nodeName.toLowerCase()) || dom.getContentEditable(node) === 'false' || dom.getParent(node, 'a[href]') !== null;
+        });
+        // Descend down the end container to find the text node
+        const { container: endContainer, offset: endOffset } = freefallRtl(rng.endContainer, rng.endOffset);
+        // Find the root container to use when walking
+        const root = (_a = dom.getParent(endContainer, dom.isBlock)) !== null && _a !== void 0 ? _a : dom.getRoot();
+        // Move the selection backwards to the start of the potential URL to account for the pressed character
+        // while also excluding the last full stop from a word like "www.site.com."
+        const endSpot = textSeeker.backwards(endContainer, endOffset + offset, (node, offset) => {
+            const text = node.data;
+            const idx = findChar(text, offset, not(isBracketOrSpace));
+            // Move forward one so the offset is after the found character unless the found char is a punctuation char
+            return idx === -1 || isPunctuation(text[idx]) ? idx : idx + 1;
+        }, root);
+        if (!endSpot) {
+            return null;
+        }
+        // Walk backwards until we find a boundary or a bracket/space
+        let lastTextNode = endSpot.container;
+        const startSpot = textSeeker.backwards(endSpot.container, endSpot.offset, (node, offset) => {
+            lastTextNode = node;
+            const idx = findChar(node.data, offset, isBracketOrSpace);
+            // Move forward one so that the offset is after the bracket/space
+            return idx === -1 ? idx : idx + 1;
+        }, root);
+        const newRng = dom.createRng();
+        if (!startSpot) {
+            newRng.setStart(lastTextNode, 0);
+        }
+        else {
+            newRng.setStart(startSpot.container, startSpot.offset);
+        }
+        newRng.setEnd(endSpot.container, endSpot.offset);
+        const rngText = removeZwsp(newRng.toString());
+        const matches = rngText.match(autoLinkPattern);
+        if (matches) {
+            let url = matches[0];
+            if (startsWith(url, 'www.')) {
+                const protocol = getDefaultLinkProtocol(editor);
+                url = protocol + '://' + url;
+            }
+            else if (contains(url, '@') && !hasProtocol(url)) {
+                url = 'mailto:' + url;
+            }
+            return { rng: newRng, url };
+        }
+        else {
+            return null;
+        }
+    };
+    const convertToLink = (editor, result) => {
+        const { dom, selection } = editor;
+        const { rng, url } = result;
+        const bookmark = selection.getBookmark();
+        selection.setRng(rng);
+        // Needs to be a native createlink command since this is executed in a keypress event handler
+        // so the pending character that is to be inserted needs to be inserted after the link. That will not
+        // happen if we use the formatter create link version. Since we're using the native command
+        // then we also need to ensure the exec command events are fired for backwards compatibility.
+        const command = 'createlink';
+        const args = { command, ui: false, value: url };
+        const beforeExecEvent = editor.dispatch('BeforeExecCommand', args);
+        if (!beforeExecEvent.isDefaultPrevented()) {
+            editor.getDoc().execCommand(command, false, url);
+            editor.dispatch('ExecCommand', args);
+            const defaultLinkTarget = getDefaultLinkTarget(editor);
+            if (isString(defaultLinkTarget)) {
+                const anchor = selection.getNode();
+                dom.setAttrib(anchor, 'target', defaultLinkTarget);
+                // Ensure noopener is added for blank targets to prevent window opener attacks
+                if (defaultLinkTarget === '_blank' && !allowUnsafeLinkTarget(editor)) {
+                    dom.setAttrib(anchor, 'rel', 'noopener');
+                }
+            }
+        }
+        selection.moveToBookmark(bookmark);
+        editor.nodeChanged();
+    };
+    const handleSpacebar = (editor) => {
+        const result = parseCurrentLine(editor, -1);
+        if (isNonNullable(result)) {
+            convertToLink(editor, result);
+        }
+    };
+    const handleBracket = handleSpacebar;
+    const handleEnter = (editor) => {
+        const result = parseCurrentLine(editor, 0);
+        if (isNonNullable(result)) {
+            convertToLink(editor, result);
+        }
+    };
+    const setup = (editor) => {
+        editor.on('keydown', (e) => {
+            if (e.keyCode === 13 && !e.isDefaultPrevented()) {
+                handleEnter(editor);
+            }
+        });
+        editor.on('keyup', (e) => {
+            if (e.keyCode === 32) {
+                handleSpacebar(editor);
+                // One of the closing bracket keys: ), ] or }
+            }
+            else if (e.keyCode === 48 && e.shiftKey || e.keyCode === 221) {
+                handleBracket(editor);
+            }
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('autolink', (editor) => {
+            register(editor);
+            setup(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/plugin.min.js
new file mode 100644
index 000000000..8d9f0548f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autolink/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>"string"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=o=e,(r=String).prototype.isPrototypeOf(n)||(null===(a=o.constructor)||void 0===a?void 0:a.name)===r.name)?"string":t;var n,o,r,a})(e);const n=e=>undefined===e;const o=e=>!(e=>null==e)(e),r=Object.hasOwnProperty,a=e=>"\ufeff"===e,s=e=>t=>t.options.get(e),l=s("autolink_pattern"),i=s("link_default_target"),c=s("link_default_protocol"),d=s("allow_unsafe_link_target");var u=tinymce.util.Tools.resolve("tinymce.dom.TextSeeker");const f=e=>/^[(\[{ \u00a0]$/.test(e),g=(e,t,n)=>{for(let o=t-1;o>=0;o--){const t=e.charAt(o);if(!a(t)&&n(t))return o}return-1},m=(e,t)=>{var o;const a=e.schema.getVoidElements(),s=l(e),{dom:i,selection:d}=e;if(null!==i.getParent(d.getNode(),"a[href]")||e.mode.isReadOnly())return null;const m=d.getRng(),k=u(i,(e=>{return i.isBlock(e)||(t=a,n=e.nodeName.toLowerCase(),r.call(t,n))||"false"===i.getContentEditable(e)||null!==i.getParent(e,"a[href]");var t,n})),{container:p,offset:y}=((e,t)=>{let n=e,o=t;for(;1===n.nodeType&&n.childNodes[o];)n=n.childNodes[o],o=3===n.nodeType?n.data.length:n.childNodes.length;return{container:n,offset:o}})(m.endContainer,m.endOffset),w=null!==(o=i.getParent(p,i.isBlock))&&void 0!==o?o:i.getRoot(),h=k.backwards(p,y+t,((e,t)=>{const n=e.data,o=g(n,t,(r=f,e=>!r(e)));var r,a;return-1===o||(a=n[o],/[?!,.;:]/.test(a))?o:o+1}),w);if(!h)return null;let v=h.container;const _=k.backwards(h.container,h.offset,((e,t)=>{v=e;const n=g(e.data,t,f);return-1===n?n:n+1}),w),A=i.createRng();_?A.setStart(_.container,_.offset):A.setStart(v,0),A.setEnd(h.container,h.offset);const C=A.toString().replace(/\uFEFF/g,"").match(s);if(C){let t=C[0];return P="www.",(b=t).length>=4&&b.substr(0,4)===P?t=c(e)+"://"+t:((e,t,o=0,r)=>{const a=e.indexOf(t,o);return-1!==a&&(!!n(r)||a+t.length<=r)})(t,"@")&&!(e=>/^([A-Za-z][A-Za-z\d.+-]*:\/\/)|mailto:/.test(e))(t)&&(t="mailto:"+t),{rng:A,url:t}}var b,P;return null},k=(e,n)=>{const{dom:o,selection:r}=e,{rng:a,url:s}=n,l=r.getBookmark();r.setRng(a);const c="createlink",u={command:c,ui:!1,value:s};if(!e.dispatch("BeforeExecCommand",u).isDefaultPrevented()){e.getDoc().execCommand(c,!1,s),e.dispatch("ExecCommand",u);const n=i(e);if(t(n)){const t=r.getNode();o.setAttrib(t,"target",n),"_blank"!==n||d(e)||o.setAttrib(t,"rel","noopener")}}r.moveToBookmark(l),e.nodeChanged()},p=e=>{const t=m(e,-1);o(t)&&k(e,t)},y=p;e.add("autolink",(e=>{(e=>{const t=e.options.register;t("autolink_pattern",{processor:"regexp",default:new RegExp("^"+/(?:[A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?|www\.|[-;:&=+$,.\w]+@)[A-Za-z\d-]+(?:\.[A-Za-z\d-]+)*(?::\d+)?(?:\/(?:[-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w])?)?(?:\?(?:[-.~*+=!&;:'%@?^${}(),\/\w]+))?(?:#(?:[-.~*+=!&;:'%@?^${}(),\/\w]+))?/g.source+"$","i")}),t("link_default_target",{processor:"string"}),t("link_default_protocol",{processor:"string",default:"https"})})(e),(e=>{e.on("keydown",(t=>{13!==t.keyCode||t.isDefaultPrevented()||(e=>{const t=m(e,0);o(t)&&k(e,t)})(e)})),e.on("keyup",(t=>{32===t.keyCode?p(e):(48===t.keyCode&&t.shiftKey||221===t.keyCode)&&y(e)}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/index.js
new file mode 100644
index 000000000..a4a7a42c8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/index.js
@@ -0,0 +1,7 @@
+// Exports the "autoresize" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/autoresize')
+//   ES2015:
+//     import 'tinymce/plugins/autoresize'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/plugin.js
new file mode 100644
index 000000000..84cd8d17d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/plugin.js
@@ -0,0 +1,223 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const fireResizeEditor = (editor) => editor.dispatch('ResizeEditor');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('autoresize_overflow_padding', {
+            processor: 'number',
+            default: 1
+        });
+        registerOption('autoresize_bottom_margin', {
+            processor: 'number',
+            default: 50
+        });
+    };
+    const getMinHeight = option('min_height');
+    const getMaxHeight = option('max_height');
+    const getAutoResizeOverflowPadding = option('autoresize_overflow_padding');
+    const getAutoResizeBottomMargin = option('autoresize_bottom_margin');
+
+    /**
+     * This class contains all core logic for the autoresize plugin.
+     *
+     * @class tinymce.autoresize.Plugin
+     * @private
+     */
+    const isFullscreen = (editor) => editor.plugins.fullscreen && editor.plugins.fullscreen.isFullscreen();
+    const toggleScrolling = (editor, state) => {
+        const body = editor.getBody();
+        if (body) {
+            body.style.overflowY = state ? '' : 'hidden';
+            if (!state) {
+                body.scrollTop = 0;
+            }
+        }
+    };
+    const parseCssValueToInt = (dom, elm, name, computed) => {
+        var _a;
+        const value = parseInt((_a = dom.getStyle(elm, name, computed)) !== null && _a !== void 0 ? _a : '', 10);
+        // The value maybe be an empty string, so in that case treat it as being 0
+        return isNaN(value) ? 0 : value;
+    };
+    const shouldScrollIntoView = (trigger) => {
+        // Only scroll the selection into view when we're inserting content. Any other
+        // triggers the selection should already be in view and resizing would only
+        // extend the content area.
+        if ((trigger === null || trigger === void 0 ? void 0 : trigger.type.toLowerCase()) === 'setcontent') {
+            const setContentEvent = trigger;
+            return setContentEvent.selection === true || setContentEvent.paste === true;
+        }
+        else {
+            return false;
+        }
+    };
+    /**
+     * This method gets executed each time the editor needs to resize.
+     */
+    const resize = (editor, oldSize, trigger, getExtraMarginBottom) => {
+        var _a;
+        const dom = editor.dom;
+        const doc = editor.getDoc();
+        if (!doc) {
+            return;
+        }
+        if (isFullscreen(editor)) {
+            toggleScrolling(editor, true);
+            return;
+        }
+        const docEle = doc.documentElement;
+        const resizeBottomMargin = getExtraMarginBottom ? getExtraMarginBottom() : getAutoResizeOverflowPadding(editor);
+        const minHeight = (_a = getMinHeight(editor)) !== null && _a !== void 0 ? _a : editor.getElement().offsetHeight;
+        let resizeHeight = minHeight;
+        // Calculate outer height of the doc element using CSS styles
+        const marginTop = parseCssValueToInt(dom, docEle, 'margin-top', true);
+        const marginBottom = parseCssValueToInt(dom, docEle, 'margin-bottom', true);
+        let contentHeight = docEle.offsetHeight + marginTop + marginBottom + resizeBottomMargin;
+        // Make sure we have a valid height
+        if (contentHeight < 0) {
+            contentHeight = 0;
+        }
+        // Determine the size of the chroming (menubar, toolbar, etc...)
+        const containerHeight = editor.getContainer().offsetHeight;
+        const contentAreaHeight = editor.getContentAreaContainer().offsetHeight;
+        const chromeHeight = containerHeight - contentAreaHeight;
+        // Don't make it smaller than the minimum height
+        if (contentHeight + chromeHeight > minHeight) {
+            resizeHeight = contentHeight + chromeHeight;
+        }
+        // If a maximum height has been defined don't exceed this height
+        const maxHeight = getMaxHeight(editor);
+        if (maxHeight && resizeHeight > maxHeight) {
+            resizeHeight = maxHeight;
+            toggleScrolling(editor, true);
+        }
+        else {
+            toggleScrolling(editor, false);
+        }
+        const old = oldSize.get();
+        if (old.set) {
+            editor.dom.setStyles(editor.getDoc().documentElement, { 'min-height': 0 });
+            editor.dom.setStyles(editor.getBody(), { 'min-height': 'inherit' });
+        }
+        // Resize content element
+        if (resizeHeight !== old.totalHeight && (contentHeight - resizeBottomMargin !== old.contentHeight || !old.set)) {
+            const deltaSize = (resizeHeight - old.totalHeight);
+            dom.setStyle(editor.getContainer(), 'height', resizeHeight + 'px');
+            oldSize.set({
+                totalHeight: resizeHeight,
+                contentHeight,
+                set: true,
+            });
+            fireResizeEditor(editor);
+            // iPadOS has an issue where it won't rerender the body when the iframe is resized
+            // however if we reset the scroll position then it re-renders correctly
+            if (global.browser.isSafari() && (global.os.isMacOS() || global.os.isiOS())) {
+                const win = editor.getWin();
+                win.scrollTo(win.pageXOffset, win.pageYOffset);
+            }
+            // Ensure the selection is in view, as it's potentially out of view after inserting content into the editor
+            if (editor.hasFocus() && shouldScrollIntoView(trigger)) {
+                editor.selection.scrollIntoView();
+            }
+            // WebKit doesn't decrease the size of the body element until the iframe gets resized
+            // So we need to continue to resize the iframe down until the size gets fixed
+            if ((global.browser.isSafari() || global.browser.isChromium()) && deltaSize < 0) {
+                resize(editor, oldSize, trigger, getExtraMarginBottom);
+            }
+        }
+    };
+    const setup = (editor, oldSize) => {
+        const getExtraMarginBottom = () => getAutoResizeBottomMargin(editor);
+        editor.on('init', (e) => {
+            const overflowPadding = getAutoResizeOverflowPadding(editor);
+            const dom = editor.dom;
+            // Disable height 100% on the root document element otherwise we'll end up resizing indefinitely
+            dom.setStyles(editor.getDoc().documentElement, {
+                height: 'auto'
+            });
+            if (global.browser.isEdge() || global.browser.isIE()) {
+                dom.setStyles(editor.getBody(), {
+                    'paddingLeft': overflowPadding,
+                    'paddingRight': overflowPadding,
+                    // IE & Edge have a min height of 150px by default on the body, so override that
+                    'min-height': 0
+                });
+            }
+            else {
+                dom.setStyles(editor.getBody(), {
+                    paddingLeft: overflowPadding,
+                    paddingRight: overflowPadding
+                });
+            }
+            resize(editor, oldSize, e, getExtraMarginBottom);
+        });
+        editor.on('NodeChange SetContent keyup FullscreenStateChanged ResizeContent', (e) => {
+            resize(editor, oldSize, e, getExtraMarginBottom);
+        });
+    };
+
+    const register = (editor, oldSize) => {
+        editor.addCommand('mceAutoResize', () => {
+            resize(editor, oldSize);
+        });
+    };
+
+    /**
+     * This class contains all core logic for the autoresize plugin.
+     *
+     * @class tinymce.autoresize.Plugin
+     * @private
+     */
+    var Plugin = () => {
+        global$1.add('autoresize', (editor) => {
+            register$1(editor);
+            // If autoresize is enabled, disable resize if the user hasn't explicitly enabled it
+            // TINY-8288: This currently does nothing because of a bug in the theme
+            if (!editor.options.isSet('resize')) {
+                editor.options.set('resize', false);
+            }
+            if (!editor.inline) {
+                const oldSize = Cell({
+                    totalHeight: 0,
+                    contentHeight: 0,
+                    set: false,
+                });
+                register(editor, oldSize);
+                setup(editor, oldSize);
+            }
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/plugin.min.js
new file mode 100644
index 000000000..654d63fd0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autoresize/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=tinymce.util.Tools.resolve("tinymce.Env");const o=e=>t=>t.options.get(e),n=o("min_height"),s=o("max_height"),i=o("autoresize_overflow_padding"),r=o("autoresize_bottom_margin"),g=(e,t)=>{const o=e.getBody();o&&(o.style.overflowY=t?"":"hidden",t||(o.scrollTop=0))},l=(e,t,o,n)=>{var s;const i=parseInt(null!==(s=e.getStyle(t,o,n))&&void 0!==s?s:"",10);return isNaN(i)?0:i},a=(e,o,r,c)=>{var d;const u=e.dom,h=e.getDoc();if(!h)return;if((e=>e.plugins.fullscreen&&e.plugins.fullscreen.isFullscreen())(e))return void g(e,!0);const m=h.documentElement,f=c?c():i(e),p=null!==(d=n(e))&&void 0!==d?d:e.getElement().offsetHeight;let y=p;const S=l(u,m,"margin-top",!0),v=l(u,m,"margin-bottom",!0);let C=m.offsetHeight+S+v+f;C<0&&(C=0);const H=e.getContainer().offsetHeight-e.getContentAreaContainer().offsetHeight;C+H>p&&(y=C+H);const b=s(e);b&&y>b?(y=b,g(e,!0)):g(e,!1);const w=o.get();if(w.set&&(e.dom.setStyles(e.getDoc().documentElement,{"min-height":0}),e.dom.setStyles(e.getBody(),{"min-height":"inherit"})),y!==w.totalHeight&&(C-f!==w.contentHeight||!w.set)){const n=y-w.totalHeight;if(u.setStyle(e.getContainer(),"height",y+"px"),o.set({totalHeight:y,contentHeight:C,set:!0}),(e=>{e.dispatch("ResizeEditor")})(e),t.browser.isSafari()&&(t.os.isMacOS()||t.os.isiOS())){const t=e.getWin();t.scrollTo(t.pageXOffset,t.pageYOffset)}e.hasFocus()&&(e=>{if("setcontent"===(null==e?void 0:e.type.toLowerCase())){const t=e;return!0===t.selection||!0===t.paste}return!1})(r)&&e.selection.scrollIntoView(),(t.browser.isSafari()||t.browser.isChromium())&&n<0&&a(e,o,r,c)}};e.add("autoresize",(e=>{if((e=>{const t=e.options.register;t("autoresize_overflow_padding",{processor:"number",default:1}),t("autoresize_bottom_margin",{processor:"number",default:50})})(e),e.options.isSet("resize")||e.options.set("resize",!1),!e.inline){const o=(()=>{let e={totalHeight:0,contentHeight:0,set:!1};return{get:()=>e,set:t=>{e=t}}})();((e,t)=>{e.addCommand("mceAutoResize",(()=>{a(e,t)}))})(e,o),((e,o)=>{const n=()=>r(e);e.on("init",(s=>{const r=i(e),g=e.dom;g.setStyles(e.getDoc().documentElement,{height:"auto"}),t.browser.isEdge()||t.browser.isIE()?g.setStyles(e.getBody(),{paddingLeft:r,paddingRight:r,"min-height":0}):g.setStyles(e.getBody(),{paddingLeft:r,paddingRight:r}),a(e,o,s,n)})),e.on("NodeChange SetContent keyup FullscreenStateChanged ResizeContent",(t=>{a(e,o,t,n)}))})(e,o)}}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/index.js
new file mode 100644
index 000000000..261d5c99a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/index.js
@@ -0,0 +1,7 @@
+// Exports the "autosave" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/autosave')
+//   ES2015:
+//     import 'tinymce/plugins/autosave'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/plugin.js
new file mode 100644
index 000000000..edd2bc192
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/plugin.js
@@ -0,0 +1,252 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType('string');
+    const isUndefined = eq(undefined);
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.LocalStorage');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const fireRestoreDraft = (editor) => editor.dispatch('RestoreDraft');
+    const fireStoreDraft = (editor) => editor.dispatch('StoreDraft');
+    const fireRemoveDraft = (editor) => editor.dispatch('RemoveDraft');
+
+    const parse = (timeString) => {
+        const multiples = {
+            s: 1000,
+            m: 60000
+        };
+        const parsedTime = /^(\d+)([ms]?)$/.exec(timeString);
+        return (parsedTime && parsedTime[2] ? multiples[parsedTime[2]] : 1) * parseInt(timeString, 10);
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        const timeProcessor = (value) => {
+            const valid = isString(value);
+            if (valid) {
+                return { value: parse(value), valid };
+            }
+            else {
+                return { valid: false, message: 'Must be a string.' };
+            }
+        };
+        registerOption('autosave_ask_before_unload', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('autosave_prefix', {
+            processor: 'string',
+            default: 'tinymce-autosave-{path}{query}{hash}-{id}-'
+        });
+        registerOption('autosave_restore_when_empty', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('autosave_interval', {
+            processor: timeProcessor,
+            default: '30s'
+        });
+        registerOption('autosave_retention', {
+            processor: timeProcessor,
+            default: '20m'
+        });
+    };
+    const shouldAskBeforeUnload = option('autosave_ask_before_unload');
+    const shouldRestoreWhenEmpty = option('autosave_restore_when_empty');
+    const getAutoSaveInterval = option('autosave_interval');
+    const getAutoSaveRetention = option('autosave_retention');
+    const getAutoSavePrefix = (editor) => {
+        const location = document.location;
+        return editor.options.get('autosave_prefix').replace(/{path}/g, location.pathname)
+            .replace(/{query}/g, location.search)
+            .replace(/{hash}/g, location.hash)
+            .replace(/{id}/g, editor.id);
+    };
+
+    const isEmpty = (editor, html) => {
+        if (isUndefined(html)) {
+            return editor.dom.isEmpty(editor.getBody());
+        }
+        else {
+            const trimmedHtml = global$1.trim(html);
+            if (trimmedHtml === '') {
+                return true;
+            }
+            else {
+                const fragment = new DOMParser().parseFromString(trimmedHtml, 'text/html');
+                return editor.dom.isEmpty(fragment);
+            }
+        }
+    };
+    const hasDraft = (editor) => {
+        var _a;
+        const time = parseInt((_a = global$2.getItem(getAutoSavePrefix(editor) + 'time')) !== null && _a !== void 0 ? _a : '0', 10) || 0;
+        if (new Date().getTime() - time > getAutoSaveRetention(editor)) {
+            removeDraft(editor, false);
+            return false;
+        }
+        return true;
+    };
+    const removeDraft = (editor, fire) => {
+        const prefix = getAutoSavePrefix(editor);
+        global$2.removeItem(prefix + 'draft');
+        global$2.removeItem(prefix + 'time');
+        if (fire !== false) {
+            fireRemoveDraft(editor);
+        }
+    };
+    const storeDraft = (editor) => {
+        const prefix = getAutoSavePrefix(editor);
+        if (!isEmpty(editor) && editor.isDirty()) {
+            global$2.setItem(prefix + 'draft', editor.getContent({ format: 'raw', no_events: true }));
+            global$2.setItem(prefix + 'time', new Date().getTime().toString());
+            fireStoreDraft(editor);
+        }
+    };
+    const restoreDraft = (editor) => {
+        var _a;
+        const prefix = getAutoSavePrefix(editor);
+        if (hasDraft(editor)) {
+            editor.setContent((_a = global$2.getItem(prefix + 'draft')) !== null && _a !== void 0 ? _a : '', { format: 'raw' });
+            fireRestoreDraft(editor);
+        }
+    };
+    const startStoreDraft = (editor) => {
+        const interval = getAutoSaveInterval(editor);
+        global$3.setEditorInterval(editor, () => {
+            storeDraft(editor);
+        }, interval);
+    };
+    const restoreLastDraft = (editor) => {
+        editor.undoManager.transact(() => {
+            restoreDraft(editor);
+            removeDraft(editor);
+        });
+        editor.focus();
+    };
+
+    const get = (editor) => ({
+        hasDraft: () => hasDraft(editor),
+        storeDraft: () => storeDraft(editor),
+        restoreDraft: () => restoreDraft(editor),
+        removeDraft: (fire) => removeDraft(editor, fire),
+        isEmpty: (html) => isEmpty(editor, html)
+    });
+
+    var global = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    const setup = (editor) => {
+        editor.editorManager.on('BeforeUnload', (e) => {
+            let msg;
+            global$1.each(global.get(), (editor) => {
+                // Store a draft for each editor instance
+                if (editor.plugins.autosave) {
+                    editor.plugins.autosave.storeDraft();
+                }
+                // Setup a return message if the editor is dirty
+                if (!msg && editor.isDirty() && shouldAskBeforeUnload(editor)) {
+                    msg = editor.translate('You have unsaved changes are you sure you want to navigate away?');
+                }
+            });
+            if (msg) {
+                e.preventDefault();
+                e.returnValue = msg;
+            }
+        });
+    };
+
+    const makeSetupHandler = (editor) => (api) => {
+        const shouldEnable = () => hasDraft(editor) && !editor.mode.isReadOnly();
+        api.setEnabled(shouldEnable());
+        const editorEventCallback = () => api.setEnabled(shouldEnable());
+        editor.on('StoreDraft RestoreDraft RemoveDraft', editorEventCallback);
+        return () => editor.off('StoreDraft RestoreDraft RemoveDraft', editorEventCallback);
+    };
+    const register = (editor) => {
+        // TODO: This was moved from makeSetupHandler as it would only be called when the menu item was rendered?
+        //       Is it safe to start this process when the plugin is registered?
+        startStoreDraft(editor);
+        const onAction = () => {
+            restoreLastDraft(editor);
+        };
+        editor.ui.registry.addButton('restoredraft', {
+            tooltip: 'Restore last draft',
+            icon: 'restore-draft',
+            onAction,
+            onSetup: makeSetupHandler(editor)
+        });
+        editor.ui.registry.addMenuItem('restoredraft', {
+            text: 'Restore last draft',
+            icon: 'restore-draft',
+            onAction,
+            onSetup: makeSetupHandler(editor)
+        });
+    };
+
+    /**
+     * This class contains all core logic for the autosave plugin.
+     *
+     * @class tinymce.autosave.Plugin
+     * @private
+     */
+    var Plugin = () => {
+        global$4.add('autosave', (editor) => {
+            register$1(editor);
+            setup(editor);
+            register(editor);
+            editor.on('init', () => {
+                if (shouldRestoreWhenEmpty(editor) && editor.dom.isEmpty(editor.getBody())) {
+                    restoreDraft(editor);
+                }
+            });
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/plugin.min.js
new file mode 100644
index 000000000..4f4235a47
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/autosave/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=t=>"string"===(t=>{const e=typeof t;return null===t?"null":"object"===e&&Array.isArray(t)?"array":"object"===e&&(r=o=t,(a=String).prototype.isPrototypeOf(r)||(null===(s=o.constructor)||void 0===s?void 0:s.name)===a.name)?"string":e;var r,o,a,s})(t);const r=t=>undefined===t;var o=tinymce.util.Tools.resolve("tinymce.util.Delay"),a=tinymce.util.Tools.resolve("tinymce.util.LocalStorage"),s=tinymce.util.Tools.resolve("tinymce.util.Tools");const n=t=>{const e=/^(\d+)([ms]?)$/.exec(t);return(e&&e[2]?{s:1e3,m:6e4}[e[2]]:1)*parseInt(t,10)},i=t=>e=>e.options.get(t),u=i("autosave_ask_before_unload"),l=i("autosave_restore_when_empty"),c=i("autosave_interval"),d=i("autosave_retention"),m=t=>{const e=document.location;return t.options.get("autosave_prefix").replace(/{path}/g,e.pathname).replace(/{query}/g,e.search).replace(/{hash}/g,e.hash).replace(/{id}/g,t.id)},v=(t,e)=>{if(r(e))return t.dom.isEmpty(t.getBody());{const r=s.trim(e);if(""===r)return!0;{const e=(new DOMParser).parseFromString(r,"text/html");return t.dom.isEmpty(e)}}},f=t=>{var e;const r=parseInt(null!==(e=a.getItem(m(t)+"time"))&&void 0!==e?e:"0",10)||0;return!((new Date).getTime()-r>d(t)&&(p(t,!1),1))},p=(t,e)=>{const r=m(t);a.removeItem(r+"draft"),a.removeItem(r+"time"),!1!==e&&(t=>{t.dispatch("RemoveDraft")})(t)},y=t=>{const e=m(t);!v(t)&&t.isDirty()&&(a.setItem(e+"draft",t.getContent({format:"raw",no_events:!0})),a.setItem(e+"time",(new Date).getTime().toString()),(t=>{t.dispatch("StoreDraft")})(t))},g=t=>{var e;const r=m(t);f(t)&&(t.setContent(null!==(e=a.getItem(r+"draft"))&&void 0!==e?e:"",{format:"raw"}),(t=>{t.dispatch("RestoreDraft")})(t))};var D=tinymce.util.Tools.resolve("tinymce.EditorManager");const h=t=>e=>{const r=()=>f(t)&&!t.mode.isReadOnly();e.setEnabled(r());const o=()=>e.setEnabled(r());return t.on("StoreDraft RestoreDraft RemoveDraft",o),()=>t.off("StoreDraft RestoreDraft RemoveDraft",o)};t.add("autosave",(t=>((t=>{const r=t.options.register,o=t=>{const r=e(t);return r?{value:n(t),valid:r}:{valid:!1,message:"Must be a string."}};r("autosave_ask_before_unload",{processor:"boolean",default:!0}),r("autosave_prefix",{processor:"string",default:"tinymce-autosave-{path}{query}{hash}-{id}-"}),r("autosave_restore_when_empty",{processor:"boolean",default:!1}),r("autosave_interval",{processor:o,default:"30s"}),r("autosave_retention",{processor:o,default:"20m"})})(t),(t=>{t.editorManager.on("BeforeUnload",(t=>{let e;s.each(D.get(),(t=>{t.plugins.autosave&&t.plugins.autosave.storeDraft(),!e&&t.isDirty()&&u(t)&&(e=t.translate("You have unsaved changes are you sure you want to navigate away?"))})),e&&(t.preventDefault(),t.returnValue=e)}))})(t),(t=>{(t=>{const e=c(t);o.setEditorInterval(t,(()=>{y(t)}),e)})(t);const e=()=>{(t=>{t.undoManager.transact((()=>{g(t),p(t)})),t.focus()})(t)};t.ui.registry.addButton("restoredraft",{tooltip:"Restore last draft",icon:"restore-draft",onAction:e,onSetup:h(t)}),t.ui.registry.addMenuItem("restoredraft",{text:"Restore last draft",icon:"restore-draft",onAction:e,onSetup:h(t)})})(t),t.on("init",(()=>{l(t)&&t.dom.isEmpty(t.getBody())&&g(t)})),(t=>({hasDraft:()=>f(t),storeDraft:()=>y(t),restoreDraft:()=>g(t),removeDraft:e=>p(t,e),isEmpty:e=>v(t,e)}))(t))))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/index.js
new file mode 100644
index 000000000..13a16738c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/index.js
@@ -0,0 +1,7 @@
+// Exports the "charmap" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/charmap')
+//   ES2015:
+//     import 'tinymce/plugins/charmap'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/plugin.js
new file mode 100644
index 000000000..474685425
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/plugin.js
@@ -0,0 +1,997 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const fireInsertCustomChar = (editor, chr) => {
+        return editor.dispatch('insertCustomChar', { chr });
+    };
+
+    const insertChar = (editor, chr) => {
+        const evtChr = fireInsertCustomChar(editor, chr).chr;
+        editor.execCommand('mceInsertContent', false, evtChr);
+    };
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isArray$1 = isType('array');
+    const isNull = eq(null);
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray$1(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    const fromCodePoint = String.fromCodePoint;
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        const charMapProcessor = (value) => isFunction(value) || isArray$1(value);
+        registerOption('charmap', {
+            processor: charMapProcessor,
+        });
+        registerOption('charmap_append', {
+            processor: charMapProcessor
+        });
+    };
+    const getCharMap$1 = option('charmap');
+    const getCharMapAppend = option('charmap_append');
+
+    const isArray = global.isArray;
+    const UserDefined = 'User Defined';
+    const getDefaultCharMap = () => {
+        return [
+            // TODO: Merge categories with TBIO
+            // {
+            //   name: 'Unknown',
+            //   characters : [
+            //     [160, 'no-break space'],
+            //     [173, 'soft hyphen'],
+            //     [34, 'quotation mark']
+            //   ]
+            // },
+            { name: 'Currency',
+                characters: [
+                    [36, 'dollar sign'],
+                    [162, 'cent sign'],
+                    [8364, 'euro sign'],
+                    [163, 'pound sign'],
+                    [165, 'yen sign'],
+                    [164, 'currency sign'],
+                    [8352, 'euro-currency sign'],
+                    [8353, 'colon sign'],
+                    [8354, 'cruzeiro sign'],
+                    [8355, 'french franc sign'],
+                    [8356, 'lira sign'],
+                    [8357, 'mill sign'],
+                    [8358, 'naira sign'],
+                    [8359, 'peseta sign'],
+                    [8360, 'rupee sign'],
+                    [8361, 'won sign'],
+                    [8362, 'new sheqel sign'],
+                    [8363, 'dong sign'],
+                    [8365, 'kip sign'],
+                    [8366, 'tugrik sign'],
+                    [8367, 'drachma sign'],
+                    [8368, 'german penny symbol'],
+                    [8369, 'peso sign'],
+                    [8370, 'guarani sign'],
+                    [8371, 'austral sign'],
+                    [8372, 'hryvnia sign'],
+                    [8373, 'cedi sign'],
+                    [8374, 'livre tournois sign'],
+                    [8375, 'spesmilo sign'],
+                    [8376, 'tenge sign'],
+                    [8377, 'indian rupee sign'],
+                    [8378, 'turkish lira sign'],
+                    [8379, 'nordic mark sign'],
+                    [8380, 'manat sign'],
+                    [8381, 'ruble sign'],
+                    [20870, 'yen character'],
+                    [20803, 'yuan character'],
+                    [22291, 'yuan character, in hong kong and taiwan'],
+                    [22278, 'yen/yuan character variant one']
+                ]
+            },
+            { name: 'Text',
+                characters: [
+                    [169, 'copyright sign'],
+                    [174, 'registered sign'],
+                    [8482, 'trade mark sign'],
+                    [8240, 'per mille sign'],
+                    [181, 'micro sign'],
+                    [183, 'middle dot'],
+                    [8226, 'bullet'],
+                    [8230, 'three dot leader'],
+                    [8242, 'minutes / feet'],
+                    [8243, 'seconds / inches'],
+                    [167, 'section sign'],
+                    [182, 'paragraph sign'],
+                    [223, 'sharp s / ess-zed']
+                ]
+            },
+            { name: 'Quotations',
+                characters: [
+                    [8249, 'single left-pointing angle quotation mark'],
+                    [8250, 'single right-pointing angle quotation mark'],
+                    [171, 'left pointing guillemet'],
+                    [187, 'right pointing guillemet'],
+                    [8216, 'left single quotation mark'],
+                    [8217, 'right single quotation mark'],
+                    [8220, 'left double quotation mark'],
+                    [8221, 'right double quotation mark'],
+                    [8218, 'single low-9 quotation mark'],
+                    [8222, 'double low-9 quotation mark'],
+                    [60, 'less-than sign'],
+                    [62, 'greater-than sign'],
+                    [8804, 'less-than or equal to'],
+                    [8805, 'greater-than or equal to'],
+                    [8211, 'en dash'],
+                    [8212, 'em dash'],
+                    [175, 'macron'],
+                    [8254, 'overline'],
+                    [164, 'currency sign'],
+                    [166, 'broken bar'],
+                    [168, 'diaeresis'],
+                    [161, 'inverted exclamation mark'],
+                    [191, 'turned question mark'],
+                    [710, 'circumflex accent'],
+                    [732, 'small tilde'],
+                    [176, 'degree sign'],
+                    [8722, 'minus sign'],
+                    [177, 'plus-minus sign'],
+                    [247, 'division sign'],
+                    [8260, 'fraction slash'],
+                    [215, 'multiplication sign'],
+                    [185, 'superscript one'],
+                    [178, 'superscript two'],
+                    [179, 'superscript three'],
+                    [188, 'fraction one quarter'],
+                    [189, 'fraction one half'],
+                    [190, 'fraction three quarters']
+                ]
+            },
+            {
+                name: 'Mathematical',
+                characters: [
+                    [402, 'function / florin'],
+                    [8747, 'integral'],
+                    [8721, 'n-ary sumation'],
+                    [8734, 'infinity'],
+                    [8730, 'square root'],
+                    [8764, 'similar to'],
+                    [8773, 'approximately equal to'],
+                    [8776, 'almost equal to'],
+                    [8800, 'not equal to'],
+                    [8801, 'identical to'],
+                    [8712, 'element of'],
+                    [8713, 'not an element of'],
+                    [8715, 'contains as member'],
+                    [8719, 'n-ary product'],
+                    [8743, 'logical and'],
+                    [8744, 'logical or'],
+                    [172, 'not sign'],
+                    [8745, 'intersection'],
+                    [8746, 'union'],
+                    [8706, 'partial differential'],
+                    [8704, 'for all'],
+                    [8707, 'there exists'],
+                    [8709, 'diameter'],
+                    [8711, 'backward difference'],
+                    [8727, 'asterisk operator'],
+                    [8733, 'proportional to'],
+                    [8736, 'angle']
+                ]
+            },
+            // TODO: Merge categories with TBIO
+            // {
+            //   name: 'Undefined',
+            //   characters: [
+            //     [180, 'acute accent'],
+            //     [184, 'cedilla'],
+            //     [170, 'feminine ordinal indicator'],
+            //     [186, 'masculine ordinal indicator'],
+            //     [8224, 'dagger'],
+            //     [8225, 'double dagger']
+            //   ]
+            // },
+            {
+                name: 'Extended Latin',
+                characters: [
+                    [192, 'A - grave'],
+                    [193, 'A - acute'],
+                    [194, 'A - circumflex'],
+                    [195, 'A - tilde'],
+                    [196, 'A - diaeresis'],
+                    [197, 'A - ring above'],
+                    [256, 'A - macron'],
+                    [198, 'ligature AE'],
+                    [199, 'C - cedilla'],
+                    [200, 'E - grave'],
+                    [201, 'E - acute'],
+                    [202, 'E - circumflex'],
+                    [203, 'E - diaeresis'],
+                    [274, 'E - macron'],
+                    [204, 'I - grave'],
+                    [205, 'I - acute'],
+                    [206, 'I - circumflex'],
+                    [207, 'I - diaeresis'],
+                    [298, 'I - macron'],
+                    [208, 'ETH'],
+                    [209, 'N - tilde'],
+                    [210, 'O - grave'],
+                    [211, 'O - acute'],
+                    [212, 'O - circumflex'],
+                    [213, 'O - tilde'],
+                    [214, 'O - diaeresis'],
+                    [216, 'O - slash'],
+                    [332, 'O - macron'],
+                    [338, 'ligature OE'],
+                    [352, 'S - caron'],
+                    [217, 'U - grave'],
+                    [218, 'U - acute'],
+                    [219, 'U - circumflex'],
+                    [220, 'U - diaeresis'],
+                    [362, 'U - macron'],
+                    [221, 'Y - acute'],
+                    [376, 'Y - diaeresis'],
+                    [562, 'Y - macron'],
+                    [222, 'THORN'],
+                    [224, 'a - grave'],
+                    [225, 'a - acute'],
+                    [226, 'a - circumflex'],
+                    [227, 'a - tilde'],
+                    [228, 'a - diaeresis'],
+                    [229, 'a - ring above'],
+                    [257, 'a - macron'],
+                    [230, 'ligature ae'],
+                    [231, 'c - cedilla'],
+                    [232, 'e - grave'],
+                    [233, 'e - acute'],
+                    [234, 'e - circumflex'],
+                    [235, 'e - diaeresis'],
+                    [275, 'e - macron'],
+                    [236, 'i - grave'],
+                    [237, 'i - acute'],
+                    [238, 'i - circumflex'],
+                    [239, 'i - diaeresis'],
+                    [299, 'i - macron'],
+                    [240, 'eth'],
+                    [241, 'n - tilde'],
+                    [242, 'o - grave'],
+                    [243, 'o - acute'],
+                    [244, 'o - circumflex'],
+                    [245, 'o - tilde'],
+                    [246, 'o - diaeresis'],
+                    [248, 'o slash'],
+                    [333, 'o macron'],
+                    [339, 'ligature oe'],
+                    [353, 's - caron'],
+                    [249, 'u - grave'],
+                    [250, 'u - acute'],
+                    [251, 'u - circumflex'],
+                    [252, 'u - diaeresis'],
+                    [363, 'u - macron'],
+                    [253, 'y - acute'],
+                    [254, 'thorn'],
+                    [255, 'y - diaeresis'],
+                    [563, 'y - macron'],
+                    [913, 'Alpha'],
+                    [914, 'Beta'],
+                    [915, 'Gamma'],
+                    [916, 'Delta'],
+                    [917, 'Epsilon'],
+                    [918, 'Zeta'],
+                    [919, 'Eta'],
+                    [920, 'Theta'],
+                    [921, 'Iota'],
+                    [922, 'Kappa'],
+                    [923, 'Lambda'],
+                    [924, 'Mu'],
+                    [925, 'Nu'],
+                    [926, 'Xi'],
+                    [927, 'Omicron'],
+                    [928, 'Pi'],
+                    [929, 'Rho'],
+                    [931, 'Sigma'],
+                    [932, 'Tau'],
+                    [933, 'Upsilon'],
+                    [934, 'Phi'],
+                    [935, 'Chi'],
+                    [936, 'Psi'],
+                    [937, 'Omega'],
+                    [945, 'alpha'],
+                    [946, 'beta'],
+                    [947, 'gamma'],
+                    [948, 'delta'],
+                    [949, 'epsilon'],
+                    [950, 'zeta'],
+                    [951, 'eta'],
+                    [952, 'theta'],
+                    [953, 'iota'],
+                    [954, 'kappa'],
+                    [955, 'lambda'],
+                    [956, 'mu'],
+                    [957, 'nu'],
+                    [958, 'xi'],
+                    [959, 'omicron'],
+                    [960, 'pi'],
+                    [961, 'rho'],
+                    [962, 'final sigma'],
+                    [963, 'sigma'],
+                    [964, 'tau'],
+                    [965, 'upsilon'],
+                    [966, 'phi'],
+                    [967, 'chi'],
+                    [968, 'psi'],
+                    [969, 'omega']
+                ]
+            },
+            {
+                name: 'Symbols',
+                characters: [
+                    [8501, 'alef symbol'],
+                    [982, 'pi symbol'],
+                    [8476, 'real part symbol'],
+                    [978, 'upsilon - hook symbol'],
+                    [8472, 'Weierstrass p'],
+                    [8465, 'imaginary part']
+                ]
+            },
+            {
+                name: 'Arrows',
+                characters: [
+                    [8592, 'leftwards arrow'],
+                    [8593, 'upwards arrow'],
+                    [8594, 'rightwards arrow'],
+                    [8595, 'downwards arrow'],
+                    [8596, 'left right arrow'],
+                    [8629, 'carriage return'],
+                    [8656, 'leftwards double arrow'],
+                    [8657, 'upwards double arrow'],
+                    [8658, 'rightwards double arrow'],
+                    [8659, 'downwards double arrow'],
+                    [8660, 'left right double arrow'],
+                    [8756, 'therefore'],
+                    [8834, 'subset of'],
+                    [8835, 'superset of'],
+                    [8836, 'not a subset of'],
+                    [8838, 'subset of or equal to'],
+                    [8839, 'superset of or equal to'],
+                    [8853, 'circled plus'],
+                    [8855, 'circled times'],
+                    [8869, 'perpendicular'],
+                    [8901, 'dot operator'],
+                    [8968, 'left ceiling'],
+                    [8969, 'right ceiling'],
+                    [8970, 'left floor'],
+                    [8971, 'right floor'],
+                    [9001, 'left-pointing angle bracket'],
+                    [9002, 'right-pointing angle bracket'],
+                    [9674, 'lozenge'],
+                    [9824, 'black spade suit'],
+                    [9827, 'black club suit'],
+                    [9829, 'black heart suit'],
+                    [9830, 'black diamond suit'],
+                    [8194, 'en space'],
+                    [8195, 'em space'],
+                    [8201, 'thin space'],
+                    [8204, 'zero width non-joiner'],
+                    [8205, 'zero width joiner'],
+                    [8206, 'left-to-right mark'],
+                    [8207, 'right-to-left mark']
+                ]
+            }
+        ];
+    };
+    const charmapFilter = (charmap) => {
+        return global.grep(charmap, (item) => {
+            return isArray(item) && item.length === 2;
+        });
+    };
+    const getCharsFromOption = (optionValue) => {
+        if (isArray(optionValue)) {
+            return charmapFilter(optionValue);
+        }
+        if (typeof optionValue === 'function') {
+            return optionValue();
+        }
+        return [];
+    };
+    const extendCharMap = (editor, charmap) => {
+        const userCharMap = getCharMap$1(editor);
+        if (userCharMap) {
+            charmap = [{ name: UserDefined, characters: getCharsFromOption(userCharMap) }];
+        }
+        const userCharMapAppend = getCharMapAppend(editor);
+        if (userCharMapAppend) {
+            const userDefinedGroup = global.grep(charmap, (cg) => cg.name === UserDefined);
+            if (userDefinedGroup.length) {
+                userDefinedGroup[0].characters = [...userDefinedGroup[0].characters, ...getCharsFromOption(userCharMapAppend)];
+                return charmap;
+            }
+            return charmap.concat({ name: UserDefined, characters: getCharsFromOption(userCharMapAppend) });
+        }
+        return charmap;
+    };
+    const getCharMap = (editor) => {
+        const groups = extendCharMap(editor, getDefaultCharMap());
+        return groups.length > 1 ? [
+            {
+                name: 'All',
+                characters: bind(groups, (g) => g.characters)
+            }
+        ].concat(groups) : groups;
+    };
+
+    const get = (editor) => {
+        const getCharMap$1 = () => {
+            return getCharMap(editor);
+        };
+        const insertChar$1 = (chr) => {
+            insertChar(editor, chr);
+        };
+        return {
+            getCharMap: getCharMap$1,
+            insertChar: insertChar$1
+        };
+    };
+
+    const charMatches = (charCode, name, lowerCasePattern) => {
+        if (contains(fromCodePoint(charCode).toLowerCase(), lowerCasePattern)) {
+            return true;
+        }
+        else {
+            return contains(name.toLowerCase(), lowerCasePattern) || contains(name.toLowerCase().replace(/\s+/g, ''), lowerCasePattern);
+        }
+    };
+    const scan = (group, pattern) => {
+        const matches = [];
+        const lowerCasePattern = pattern.toLowerCase();
+        each(group.characters, (g) => {
+            if (charMatches(g[0], g[1], lowerCasePattern)) {
+                matches.push(g);
+            }
+        });
+        return map(matches, (m) => ({
+            text: m[1],
+            value: fromCodePoint(m[0]),
+            icon: fromCodePoint(m[0])
+        }));
+    };
+
+    const patternName = 'pattern';
+    const open = (editor, charMap) => {
+        const makeGroupItems = () => [
+            {
+                label: 'Search',
+                type: 'input',
+                name: patternName
+            },
+            {
+                type: 'collection',
+                name: 'results'
+                // TODO TINY-3229 implement collection columns properly
+                // columns: 'auto'
+            }
+        ];
+        const makeTabs = () => map(charMap, (charGroup) => ({
+            title: charGroup.name,
+            name: charGroup.name,
+            items: makeGroupItems()
+        }));
+        const makePanel = () => ({ type: 'panel', items: makeGroupItems() });
+        const makeTabPanel = () => ({ type: 'tabpanel', tabs: makeTabs() });
+        const currentTab = charMap.length === 1 ? Cell(UserDefined) : Cell('All');
+        const scanAndSet = (dialogApi, pattern) => {
+            find(charMap, (group) => group.name === currentTab.get()).each((f) => {
+                const items = scan(f, pattern);
+                dialogApi.setData({
+                    results: items
+                });
+            });
+        };
+        const SEARCH_DELAY = 40;
+        const updateFilter = last((dialogApi) => {
+            const pattern = dialogApi.getData().pattern;
+            scanAndSet(dialogApi, pattern);
+        }, SEARCH_DELAY);
+        const body = charMap.length === 1 ? makePanel() : makeTabPanel();
+        const initialData = {
+            pattern: '',
+            results: scan(charMap[0], '')
+        };
+        const bridgeSpec = {
+            title: 'Special Character',
+            size: 'normal',
+            body,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'close',
+                    text: 'Close',
+                    primary: true
+                }
+            ],
+            initialData,
+            onAction: (api, details) => {
+                if (details.name === 'results') {
+                    insertChar(editor, details.value);
+                    api.close();
+                }
+            },
+            onTabChange: (dialogApi, details) => {
+                currentTab.set(details.newTabName);
+                updateFilter.throttle(dialogApi);
+            },
+            onChange: (dialogApi, changeData) => {
+                if (changeData.name === patternName) {
+                    updateFilter.throttle(dialogApi);
+                }
+            }
+        };
+        const dialogApi = editor.windowManager.open(bridgeSpec);
+        dialogApi.focus(patternName);
+    };
+
+    const register$1 = (editor, charMap) => {
+        editor.addCommand('mceShowCharmap', () => {
+            open(editor, charMap);
+        });
+    };
+
+    const init = (editor, all) => {
+        editor.ui.registry.addAutocompleter('charmap', {
+            trigger: ':',
+            columns: 'auto',
+            minChars: 2,
+            fetch: (pattern, _maxResults) => new Promise((resolve, _reject) => {
+                resolve(scan(all, pattern));
+            }),
+            onAction: (autocompleteApi, rng, value) => {
+                editor.selection.setRng(rng);
+                editor.insertContent(value);
+                autocompleteApi.hide();
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceShowCharmap');
+        editor.ui.registry.addButton('charmap', {
+            icon: 'insert-character',
+            tooltip: 'Special character',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addMenuItem('charmap', {
+            icon: 'insert-character',
+            text: 'Special character...',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('charmap', (editor) => {
+            register$2(editor);
+            const charMap = getCharMap(editor);
+            register$1(editor, charMap);
+            register(editor);
+            init(editor, charMap[0]);
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/plugin.min.js
new file mode 100644
index 000000000..47ffdc7c0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/charmap/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=(e,t)=>{const r=((e,t)=>e.dispatch("insertCustomChar",{chr:t}))(e,t).chr;e.execCommand("mceInsertContent",!1,r)},r=e=>t=>e===t,a=e=>"array"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(r=a=e,(n=String).prototype.isPrototypeOf(r)||(null===(i=a.constructor)||void 0===i?void 0:i.name)===n.name)?"string":t;var r,a,n,i})(e);const n=r(null),i=r(void 0),o=e=>"function"==typeof e,s=()=>false;class l{constructor(e,t){this.tag=e,this.value=t}static some(e){return new l(!0,e)}static none(){return l.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?l?.some(e(this.value)):l.none()}bind(e){return this.tag?e(this.value):l.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:l.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?l.none():l?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}l.singletonNone=new l(!1),Array.prototype.slice;const c=Array.prototype.push,u=(e,t)=>{const r=e.length,a=new Array(r);for(let n=0;n<r;n++){const r=e[n];a[n]=t(r,n)}return a};o(Array.from)&&Array.from;const g=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},h=(e,t,r=0,a)=>{const n=e.indexOf(t,r);return-1!==n&&(!!i(a)||n+t.length<=a)},m=String.fromCodePoint;var p=tinymce.util.Tools.resolve("tinymce.util.Tools");const d=e=>t=>t.options.get(e),f=d("charmap"),y=d("charmap_append"),b=p.isArray,w="User Defined",v=e=>{return b(e)?(t=e,p.grep(t,(e=>b(e)&&2===e.length))):"function"==typeof e?e():[];var t},k=e=>{const t=((e,t)=>{const r=f(e);r&&(t=[{name:w,characters:v(r)}]);const a=y(e);if(a){const e=p.grep(t,(e=>e.name===w));return e.length?(e[0].characters=[...e[0].characters,...v(a)],t):t.concat({name:w,characters:v(a)})}return t})(e,[{name:"Currency",characters:[[36,"dollar sign"],[162,"cent sign"],[8364,"euro sign"],[163,"pound sign"],[165,"yen sign"],[164,"currency sign"],[8352,"euro-currency sign"],[8353,"colon sign"],[8354,"cruzeiro sign"],[8355,"french franc sign"],[8356,"lira sign"],[8357,"mill sign"],[8358,"naira sign"],[8359,"peseta sign"],[8360,"rupee sign"],[8361,"won sign"],[8362,"new sheqel sign"],[8363,"dong sign"],[8365,"kip sign"],[8366,"tugrik sign"],[8367,"drachma sign"],[8368,"german penny symbol"],[8369,"peso sign"],[8370,"guarani sign"],[8371,"austral sign"],[8372,"hryvnia sign"],[8373,"cedi sign"],[8374,"livre tournois sign"],[8375,"spesmilo sign"],[8376,"tenge sign"],[8377,"indian rupee sign"],[8378,"turkish lira sign"],[8379,"nordic mark sign"],[8380,"manat sign"],[8381,"ruble sign"],[20870,"yen character"],[20803,"yuan character"],[22291,"yuan character, in hong kong and taiwan"],[22278,"yen/yuan character variant one"]]},{name:"Text",characters:[[169,"copyright sign"],[174,"registered sign"],[8482,"trade mark sign"],[8240,"per mille sign"],[181,"micro sign"],[183,"middle dot"],[8226,"bullet"],[8230,"three dot leader"],[8242,"minutes / feet"],[8243,"seconds / inches"],[167,"section sign"],[182,"paragraph sign"],[223,"sharp s / ess-zed"]]},{name:"Quotations",characters:[[8249,"single left-pointing angle quotation mark"],[8250,"single right-pointing angle quotation mark"],[171,"left pointing guillemet"],[187,"right pointing guillemet"],[8216,"left single quotation mark"],[8217,"right single quotation mark"],[8220,"left double quotation mark"],[8221,"right double quotation mark"],[8218,"single low-9 quotation mark"],[8222,"double low-9 quotation mark"],[60,"less-than sign"],[62,"greater-than sign"],[8804,"less-than or equal to"],[8805,"greater-than or equal to"],[8211,"en dash"],[8212,"em dash"],[175,"macron"],[8254,"overline"],[164,"currency sign"],[166,"broken bar"],[168,"diaeresis"],[161,"inverted exclamation mark"],[191,"turned question mark"],[710,"circumflex accent"],[732,"small tilde"],[176,"degree sign"],[8722,"minus sign"],[177,"plus-minus sign"],[247,"division sign"],[8260,"fraction slash"],[215,"multiplication sign"],[185,"superscript one"],[178,"superscript two"],[179,"superscript three"],[188,"fraction one quarter"],[189,"fraction one half"],[190,"fraction three quarters"]]},{name:"Mathematical",characters:[[402,"function / florin"],[8747,"integral"],[8721,"n-ary sumation"],[8734,"infinity"],[8730,"square root"],[8764,"similar to"],[8773,"approximately equal to"],[8776,"almost equal to"],[8800,"not equal to"],[8801,"identical to"],[8712,"element of"],[8713,"not an element of"],[8715,"contains as member"],[8719,"n-ary product"],[8743,"logical and"],[8744,"logical or"],[172,"not sign"],[8745,"intersection"],[8746,"union"],[8706,"partial differential"],[8704,"for all"],[8707,"there exists"],[8709,"diameter"],[8711,"backward difference"],[8727,"asterisk operator"],[8733,"proportional to"],[8736,"angle"]]},{name:"Extended Latin",characters:[[192,"A - grave"],[193,"A - acute"],[194,"A - circumflex"],[195,"A - tilde"],[196,"A - diaeresis"],[197,"A - ring above"],[256,"A - macron"],[198,"ligature AE"],[199,"C - cedilla"],[200,"E - grave"],[201,"E - acute"],[202,"E - circumflex"],[203,"E - diaeresis"],[274,"E - macron"],[204,"I - grave"],[205,"I - acute"],[206,"I - circumflex"],[207,"I - diaeresis"],[298,"I - macron"],[208,"ETH"],[209,"N - tilde"],[210,"O - grave"],[211,"O - acute"],[212,"O - circumflex"],[213,"O - tilde"],[214,"O - diaeresis"],[216,"O - slash"],[332,"O - macron"],[338,"ligature OE"],[352,"S - caron"],[217,"U - grave"],[218,"U - acute"],[219,"U - circumflex"],[220,"U - diaeresis"],[362,"U - macron"],[221,"Y - acute"],[376,"Y - diaeresis"],[562,"Y - macron"],[222,"THORN"],[224,"a - grave"],[225,"a - acute"],[226,"a - circumflex"],[227,"a - tilde"],[228,"a - diaeresis"],[229,"a - ring above"],[257,"a - macron"],[230,"ligature ae"],[231,"c - cedilla"],[232,"e - grave"],[233,"e - acute"],[234,"e - circumflex"],[235,"e - diaeresis"],[275,"e - macron"],[236,"i - grave"],[237,"i - acute"],[238,"i - circumflex"],[239,"i - diaeresis"],[299,"i - macron"],[240,"eth"],[241,"n - tilde"],[242,"o - grave"],[243,"o - acute"],[244,"o - circumflex"],[245,"o - tilde"],[246,"o - diaeresis"],[248,"o slash"],[333,"o macron"],[339,"ligature oe"],[353,"s - caron"],[249,"u - grave"],[250,"u - acute"],[251,"u - circumflex"],[252,"u - diaeresis"],[363,"u - macron"],[253,"y - acute"],[254,"thorn"],[255,"y - diaeresis"],[563,"y - macron"],[913,"Alpha"],[914,"Beta"],[915,"Gamma"],[916,"Delta"],[917,"Epsilon"],[918,"Zeta"],[919,"Eta"],[920,"Theta"],[921,"Iota"],[922,"Kappa"],[923,"Lambda"],[924,"Mu"],[925,"Nu"],[926,"Xi"],[927,"Omicron"],[928,"Pi"],[929,"Rho"],[931,"Sigma"],[932,"Tau"],[933,"Upsilon"],[934,"Phi"],[935,"Chi"],[936,"Psi"],[937,"Omega"],[945,"alpha"],[946,"beta"],[947,"gamma"],[948,"delta"],[949,"epsilon"],[950,"zeta"],[951,"eta"],[952,"theta"],[953,"iota"],[954,"kappa"],[955,"lambda"],[956,"mu"],[957,"nu"],[958,"xi"],[959,"omicron"],[960,"pi"],[961,"rho"],[962,"final sigma"],[963,"sigma"],[964,"tau"],[965,"upsilon"],[966,"phi"],[967,"chi"],[968,"psi"],[969,"omega"]]},{name:"Symbols",characters:[[8501,"alef symbol"],[982,"pi symbol"],[8476,"real part symbol"],[978,"upsilon - hook symbol"],[8472,"Weierstrass p"],[8465,"imaginary part"]]},{name:"Arrows",characters:[[8592,"leftwards arrow"],[8593,"upwards arrow"],[8594,"rightwards arrow"],[8595,"downwards arrow"],[8596,"left right arrow"],[8629,"carriage return"],[8656,"leftwards double arrow"],[8657,"upwards double arrow"],[8658,"rightwards double arrow"],[8659,"downwards double arrow"],[8660,"left right double arrow"],[8756,"therefore"],[8834,"subset of"],[8835,"superset of"],[8836,"not a subset of"],[8838,"subset of or equal to"],[8839,"superset of or equal to"],[8853,"circled plus"],[8855,"circled times"],[8869,"perpendicular"],[8901,"dot operator"],[8968,"left ceiling"],[8969,"right ceiling"],[8970,"left floor"],[8971,"right floor"],[9001,"left-pointing angle bracket"],[9002,"right-pointing angle bracket"],[9674,"lozenge"],[9824,"black spade suit"],[9827,"black club suit"],[9829,"black heart suit"],[9830,"black diamond suit"],[8194,"en space"],[8195,"em space"],[8201,"thin space"],[8204,"zero width non-joiner"],[8205,"zero width joiner"],[8206,"left-to-right mark"],[8207,"right-to-left mark"]]}]);return t.length>1?[{name:"All",characters:(r=t,n=e=>e.characters,(e=>{const t=[];for(let r=0,n=e.length;r<n;++r){if(!a(e[r]))throw new Error("Arr.flatten item "+r+" was not an array, input: "+e);c.apply(t,e[r])}return t})(u(r,n)))}].concat(t):t;var r,n},A=(e,t)=>{const r=[],a=t.toLowerCase();return(e=>{for(let n=0,i=e.length;n<i;n++)((e,t,r)=>!!h(m(e).toLowerCase(),r)||h(t.toLowerCase(),r)||h(t.toLowerCase().replace(/\s+/g,""),r))((t=e[n])[0],t[1],a)&&r.push(t);var t})(e.characters),u(r,(e=>({text:e[1],value:m(e[0]),icon:m(e[0])})))},C="pattern",x=(e,r)=>{const a=()=>[{label:"Search",type:"input",name:C},{type:"collection",name:"results"}],i=1===r.length?g(w):g("All"),o=(e=>{let t=null;const r=()=>{n(t)||(clearTimeout(t),t=null)};return{cancel:r,throttle:(...a)=>{r(),t=setTimeout((()=>{t=null,e.apply(null,a)}),40)}}})((e=>{const t=e.getData().pattern;((e,t)=>{var a,n;(a=r,n=e=>e.name===i.get(),((e,t,r)=>{for(let a=0,n=e.length;a<n;a++){const n=e[a];if(t(n,a))return l?.some(n);if(r(n,a))break}return l.none()})(a,n,s)).each((r=>{const a=A(r,t);e.setData({results:a})}))})(e,t)})),c={title:"Special Character",size:"normal",body:1===r.length?{type:"panel",items:a()}:{type:"tabpanel",tabs:u(r,(e=>({title:e.name,name:e.name,items:a()})))},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{pattern:"",results:A(r[0],"")},onAction:(r,a)=>{"results"===a.name&&(t(e,a.value),r.close())},onTabChange:(e,t)=>{i.set(t.newTabName),o.throttle(e)},onChange:(e,t)=>{t.name===C&&o.throttle(e)}};e.windowManager.open(c).focus(C)},q=e=>t=>{const r=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",r),r(),()=>{e.off("NodeChange",r)}};e.add("charmap",(e=>{(e=>{const t=e.options.register,r=e=>o(e)||a(e);t("charmap",{processor:r}),t("charmap_append",{processor:r})})(e);const r=k(e);return((e,t)=>{e.addCommand("mceShowCharmap",(()=>{x(e,t)}))})(e,r),(e=>{const t=()=>e.execCommand("mceShowCharmap");e.ui.registry.addButton("charmap",{icon:"insert-character",tooltip:"Special character",onAction:t,onSetup:q(e)}),e.ui.registry.addMenuItem("charmap",{icon:"insert-character",text:"Special character...",onAction:t,onSetup:q(e)})})(e),((e,t)=>{e.ui.registry.addAutocompleter("charmap",{trigger:":",columns:"auto",minChars:2,fetch:(e,r)=>new Promise(((r,a)=>{r(A(t,e))})),onAction:(t,r,a)=>{e.selection.setRng(r),e.insertContent(a),t.hide()}})})(e,r[0]),(e=>({getCharMap:()=>k(e),insertChar:r=>{t(e,r)}}))(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/index.js
new file mode 100644
index 000000000..1e412f359
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/index.js
@@ -0,0 +1,7 @@
+// Exports the "code" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/code')
+//   ES2015:
+//     import 'tinymce/plugins/code'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/plugin.js
new file mode 100644
index 000000000..53382d7e0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/plugin.js
@@ -0,0 +1,97 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const setContent = (editor, html) => {
+        // We get a lovely "Wrong document" error in IE 11 if we
+        // don't move the focus to the editor before creating an undo
+        // transaction since it tries to make a bookmark for the current selection
+        editor.focus();
+        editor.undoManager.transact(() => {
+            editor.setContent(html);
+        });
+        editor.selection.setCursorLocation();
+        editor.nodeChanged();
+    };
+    const getContent = (editor) => {
+        return editor.getContent({ source_view: true });
+    };
+
+    const open = (editor) => {
+        const editorContent = getContent(editor);
+        editor.windowManager.open({
+            title: 'Source Code',
+            size: 'large',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'textarea',
+                        name: 'code'
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: {
+                code: editorContent
+            },
+            onSubmit: (api) => {
+                setContent(editor, api.getData().code);
+                api.close();
+            }
+        });
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceCodeEditor', () => {
+            open(editor);
+        });
+    };
+
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceCodeEditor');
+        editor.ui.registry.addButton('code', {
+            icon: 'sourcecode',
+            tooltip: 'Source code',
+            onAction
+        });
+        editor.ui.registry.addMenuItem('code', {
+            icon: 'sourcecode',
+            text: 'Source code',
+            onAction
+        });
+    };
+
+    var Plugin = () => {
+        global.add('code', (editor) => {
+            register$1(editor);
+            register(editor);
+            return {};
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/plugin.min.js
new file mode 100644
index 000000000..3e323acf7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/code/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";tinymce.util.Tools.resolve("tinymce.PluginManager").add("code",(e=>((e=>{e.addCommand("mceCodeEditor",(()=>{(e=>{const o=(e=>e.getContent({source_view:!0}))(e);e.windowManager.open({title:"Source Code",size:"large",body:{type:"panel",items:[{type:"textarea",name:"code"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{code:o},onSubmit:o=>{((e,o)=>{e.focus(),e.undoManager.transact((()=>{e.setContent(o)})),e.selection.setCursorLocation(),e.nodeChanged()})(e,o.getData().code),o.close()}})})(e)}))})(e),(e=>{const o=()=>e.execCommand("mceCodeEditor");e.ui.registry.addButton("code",{icon:"sourcecode",tooltip:"Source code",onAction:o}),e.ui.registry.addMenuItem("code",{icon:"sourcecode",text:"Source code",onAction:o})})(e),{})))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/index.js
new file mode 100644
index 000000000..c400ec3d3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/index.js
@@ -0,0 +1,7 @@
+// Exports the "codesample" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/codesample')
+//   ES2015:
+//     import 'tinymce/plugins/codesample'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/plugin.js
new file mode 100644
index 000000000..349a78088
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/plugin.js
@@ -0,0 +1,3654 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+
+    const noop = () => { };
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const get$1 = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$1(xs, 0);
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    const prismjs = function(global, module, exports) {
+    // preserve the global if it has already been loaded
+    const oldprism = window.Prism;
+    window.Prism = { manual: true };
+    /// <reference lib="WebWorker"/>
+
+    var _self = (typeof window !== 'undefined')
+    	? window   // if in browser
+    	: (
+    		(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
+    			? self // if in worker
+    			: {}   // if in node js
+    	);
+
+    /**
+     * Prism: Lightweight, robust, elegant syntax highlighting
+     *
+     * @license MIT <https://opensource.org/licenses/MIT>
+     * @author Lea Verou <https://lea.verou.me>
+     * @namespace
+     * @public
+     */
+    var Prism = (function (_self) {
+
+    	// Private helper vars
+    	var lang = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
+    	var uniqueId = 0;
+
+    	// The grammar object for plaintext
+    	var plainTextGrammar = {};
+
+
+    	var _ = {
+    		/**
+    		 * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
+    		 * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
+    		 * additional languages or plugins yourself.
+    		 *
+    		 * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.
+    		 *
+    		 * You obviously have to change this value before the automatic highlighting started. To do this, you can add an
+    		 * empty Prism object into the global scope before loading the Prism script like this:
+    		 *
+    		 * ```js
+    		 * window.Prism = window.Prism || {};
+    		 * Prism.manual = true;
+    		 * // add a new <script> to load Prism's script
+    		 * ```
+    		 *
+    		 * @default false
+    		 * @type {boolean}
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		manual: _self.Prism && _self.Prism.manual,
+    		/**
+    		 * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses
+    		 * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your
+    		 * own worker, you don't want it to do this.
+    		 *
+    		 * By setting this value to `true`, Prism will not add its own listeners to the worker.
+    		 *
+    		 * You obviously have to change this value before Prism executes. To do this, you can add an
+    		 * empty Prism object into the global scope before loading the Prism script like this:
+    		 *
+    		 * ```js
+    		 * window.Prism = window.Prism || {};
+    		 * Prism.disableWorkerMessageHandler = true;
+    		 * // Load Prism's script
+    		 * ```
+    		 *
+    		 * @default false
+    		 * @type {boolean}
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
+
+    		/**
+    		 * A namespace for utility methods.
+    		 *
+    		 * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may
+    		 * change or disappear at any time.
+    		 *
+    		 * @namespace
+    		 * @memberof Prism
+    		 */
+    		util: {
+    			encode: function encode(tokens) {
+    				if (tokens instanceof Token) {
+    					return new Token(tokens.type, encode(tokens.content), tokens.alias);
+    				} else if (Array.isArray(tokens)) {
+    					return tokens?.map(encode);
+    				} else {
+    					return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
+    				}
+    			},
+
+    			/**
+    			 * Returns the name of the type of the given value.
+    			 *
+    			 * @param {any} o
+    			 * @returns {string}
+    			 * @example
+    			 * type(null)      === 'Null'
+    			 * type(undefined) === 'Undefined'
+    			 * type(123)       === 'Number'
+    			 * type('foo')     === 'String'
+    			 * type(true)      === 'Boolean'
+    			 * type([1, 2])    === 'Array'
+    			 * type({})        === 'Object'
+    			 * type(String)    === 'Function'
+    			 * type(/abc+/)    === 'RegExp'
+    			 */
+    			type: function (o) {
+    				return Object.prototype.toString.call(o).slice(8, -1);
+    			},
+
+    			/**
+    			 * Returns a unique number for the given object. Later calls will still return the same number.
+    			 *
+    			 * @param {Object} obj
+    			 * @returns {number}
+    			 */
+    			objId: function (obj) {
+    				if (!obj['__id']) {
+    					Object.defineProperty(obj, '__id', { value: ++uniqueId });
+    				}
+    				return obj['__id'];
+    			},
+
+    			/**
+    			 * Creates a deep clone of the given object.
+    			 *
+    			 * The main intended use of this function is to clone language definitions.
+    			 *
+    			 * @param {T} o
+    			 * @param {Record<number, any>} [visited]
+    			 * @returns {T}
+    			 * @template T
+    			 */
+    			clone: function deepClone(o, visited) {
+    				visited = visited || {};
+
+    				var clone; var id;
+    				switch (_.util.type(o)) {
+    					case 'Object':
+    						id = _.util.objId(o);
+    						if (visited[id]) {
+    							return visited[id];
+    						}
+    						clone = /** @type {Record<string, any>} */ ({});
+    						visited[id] = clone;
+
+    						for (var key in o) {
+    							if (o.hasOwnProperty(key)) {
+    								clone[key] = deepClone(o[key], visited);
+    							}
+    						}
+
+    						return /** @type {any} */ (clone);
+
+    					case 'Array':
+    						id = _.util.objId(o);
+    						if (visited[id]) {
+    							return visited[id];
+    						}
+    						clone = [];
+    						visited[id] = clone;
+
+    						(/** @type {Array} */(/** @type {any} */(o))).forEach(function (v, i) {
+    							clone[i] = deepClone(v, visited);
+    						});
+
+    						return /** @type {any} */ (clone);
+
+    					default:
+    						return o;
+    				}
+    			},
+
+    			/**
+    			 * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
+    			 *
+    			 * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
+    			 *
+    			 * @param {Element} element
+    			 * @returns {string}
+    			 */
+    			getLanguage: function (element) {
+    				while (element) {
+    					var m = lang.exec(element.className);
+    					if (m) {
+    						return m[1].toLowerCase();
+    					}
+    					element = element.parentElement;
+    				}
+    				return 'none';
+    			},
+
+    			/**
+    			 * Sets the Prism `language-xxxx` class of the given element.
+    			 *
+    			 * @param {Element} element
+    			 * @param {string} language
+    			 * @returns {void}
+    			 */
+    			setLanguage: function (element, language) {
+    				// remove all `language-xxxx` classes
+    				// (this might leave behind a leading space)
+    				element.className = element.className.replace(RegExp(lang, 'gi'), '');
+
+    				// add the new `language-xxxx` class
+    				// (using `classList` will automatically clean up spaces for us)
+    				element.classList.add('language-' + language);
+    			},
+
+    			/**
+    			 * Returns the script element that is currently executing.
+    			 *
+    			 * This does __not__ work for line script element.
+    			 *
+    			 * @returns {HTMLScriptElement | null}
+    			 */
+    			currentScript: function () {
+    				if (typeof document === 'undefined') {
+    					return null;
+    				}
+    				if ('currentScript' in document && 1 < 2 /* hack to trip TS' flow analysis */) {
+    					return /** @type {any} */ (document.currentScript);
+    				}
+
+    				// IE11 workaround
+    				// we'll get the src of the current script by parsing IE11's error stack trace
+    				// this will not work for inline scripts
+
+    				try {
+    					throw new Error();
+    				} catch (err) {
+    					// Get file src url from stack. Specifically works with the format of stack traces in IE.
+    					// A stack will look like this:
+    					//
+    					// Error
+    					//    at _.util.currentScript (http://localhost/components/prism-core.js:119:5)
+    					//    at Global code (http://localhost/components/prism-core.js:606:1)
+
+    					var src = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(err.stack) || [])[1];
+    					if (src) {
+    						var scripts = document.getElementsByTagName('script');
+    						for (var i in scripts) {
+    							if (scripts[i].src == src) {
+    								return scripts[i];
+    							}
+    						}
+    					}
+    					return null;
+    				}
+    			},
+
+    			/**
+    			 * Returns whether a given class is active for `element`.
+    			 *
+    			 * The class can be activated if `element` or one of its ancestors has the given class and it can be deactivated
+    			 * if `element` or one of its ancestors has the negated version of the given class. The _negated version_ of the
+    			 * given class is just the given class with a `no-` prefix.
+    			 *
+    			 * Whether the class is active is determined by the closest ancestor of `element` (where `element` itself is
+    			 * closest ancestor) that has the given class or the negated version of it. If neither `element` nor any of its
+    			 * ancestors have the given class or the negated version of it, then the default activation will be returned.
+    			 *
+    			 * In the paradoxical situation where the closest ancestor contains __both__ the given class and the negated
+    			 * version of it, the class is considered active.
+    			 *
+    			 * @param {Element} element
+    			 * @param {string} className
+    			 * @param {boolean} [defaultActivation=false]
+    			 * @returns {boolean}
+    			 */
+    			isActive: function (element, className, defaultActivation) {
+    				var no = 'no-' + className;
+
+    				while (element) {
+    					var classList = element.classList;
+    					if (classList.contains(className)) {
+    						return true;
+    					}
+    					if (classList.contains(no)) {
+    						return false;
+    					}
+    					element = element.parentElement;
+    				}
+    				return !!defaultActivation;
+    			}
+    		},
+
+    		/**
+    		 * This namespace contains all currently loaded languages and the some helper functions to create and modify languages.
+    		 *
+    		 * @namespace
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		languages: {
+    			/**
+    			 * The grammar for plain, unformatted text.
+    			 */
+    			plain: plainTextGrammar,
+    			plaintext: plainTextGrammar,
+    			text: plainTextGrammar,
+    			txt: plainTextGrammar,
+
+    			/**
+    			 * Creates a deep copy of the language with the given id and appends the given tokens.
+    			 *
+    			 * If a token in `redef` also appears in the copied language, then the existing token in the copied language
+    			 * will be overwritten at its original position.
+    			 *
+    			 * ## Best practices
+    			 *
+    			 * Since the position of overwriting tokens (token in `redef` that overwrite tokens in the copied language)
+    			 * doesn't matter, they can technically be in any order. However, this can be confusing to others that trying to
+    			 * understand the language definition because, normally, the order of tokens matters in Prism grammars.
+    			 *
+    			 * Therefore, it is encouraged to order overwriting tokens according to the positions of the overwritten tokens.
+    			 * Furthermore, all non-overwriting tokens should be placed after the overwriting ones.
+    			 *
+    			 * @param {string} id The id of the language to extend. This has to be a key in `Prism.languages`.
+    			 * @param {Grammar} redef The new tokens to append.
+    			 * @returns {Grammar} The new language created.
+    			 * @public
+    			 * @example
+    			 * Prism.languages['css-with-colors'] = Prism.languages.extend('css', {
+    			 *     // Prism.languages.css already has a 'comment' token, so this token will overwrite CSS' 'comment' token
+    			 *     // at its original position
+    			 *     'comment': { ... },
+    			 *     // CSS doesn't have a 'color' token, so this token will be appended
+    			 *     'color': /\b(?:red|green|blue)\b/
+    			 * });
+    			 */
+    			extend: function (id, redef) {
+    				var lang = _.util.clone(_.languages[id]);
+
+    				for (var key in redef) {
+    					lang[key] = redef[key];
+    				}
+
+    				return lang;
+    			},
+
+    			/**
+    			 * Inserts tokens _before_ another token in a language definition or any other grammar.
+    			 *
+    			 * ## Usage
+    			 *
+    			 * This helper method makes it easy to modify existing languages. For example, the CSS language definition
+    			 * not only defines CSS highlighting for CSS documents, but also needs to define highlighting for CSS embedded
+    			 * in HTML through `<style>` elements. To do this, it needs to modify `Prism.languages.markup` and add the
+    			 * appropriate tokens. However, `Prism.languages.markup` is a regular JavaScript object literal, so if you do
+    			 * this:
+    			 *
+    			 * ```js
+    			 * Prism.languages.markup.style = {
+    			 *     // token
+    			 * };
+    			 * ```
+    			 *
+    			 * then the `style` token will be added (and processed) at the end. `insertBefore` allows you to insert tokens
+    			 * before existing tokens. For the CSS example above, you would use it like this:
+    			 *
+    			 * ```js
+    			 * Prism.languages.insertBefore('markup', 'cdata', {
+    			 *     'style': {
+    			 *         // token
+    			 *     }
+    			 * });
+    			 * ```
+    			 *
+    			 * ## Special cases
+    			 *
+    			 * If the grammars of `inside` and `insert` have tokens with the same name, the tokens in `inside`'s grammar
+    			 * will be ignored.
+    			 *
+    			 * This behavior can be used to insert tokens after `before`:
+    			 *
+    			 * ```js
+    			 * Prism.languages.insertBefore('markup', 'comment', {
+    			 *     'comment': Prism.languages.markup.comment,
+    			 *     // tokens after 'comment'
+    			 * });
+    			 * ```
+    			 *
+    			 * ## Limitations
+    			 *
+    			 * The main problem `insertBefore` has to solve is iteration order. Since ES2015, the iteration order for object
+    			 * properties is guaranteed to be the insertion order (except for integer keys) but some browsers behave
+    			 * differently when keys are deleted and re-inserted. So `insertBefore` can't be implemented by temporarily
+    			 * deleting properties which is necessary to insert at arbitrary positions.
+    			 *
+    			 * To solve this problem, `insertBefore` doesn't actually insert the given tokens into the target object.
+    			 * Instead, it will create a new object and replace all references to the target object with the new one. This
+    			 * can be done without temporarily deleting properties, so the iteration order is well-defined.
+    			 *
+    			 * However, only references that can be reached from `Prism.languages` or `insert` will be replaced. I.e. if
+    			 * you hold the target object in a variable, then the value of the variable will not change.
+    			 *
+    			 * ```js
+    			 * var oldMarkup = Prism.languages.markup;
+    			 * var newMarkup = Prism.languages.insertBefore('markup', 'comment', { ... });
+    			 *
+    			 * assert(oldMarkup !== Prism.languages.markup);
+    			 * assert(newMarkup === Prism.languages.markup);
+    			 * ```
+    			 *
+    			 * @param {string} inside The property of `root` (e.g. a language id in `Prism.languages`) that contains the
+    			 * object to be modified.
+    			 * @param {string} before The key to insert before.
+    			 * @param {Grammar} insert An object containing the key-value pairs to be inserted.
+    			 * @param {Object<string, any>} [root] The object containing `inside`, i.e. the object that contains the
+    			 * object to be modified.
+    			 *
+    			 * Defaults to `Prism.languages`.
+    			 * @returns {Grammar} The new grammar object.
+    			 * @public
+    			 */
+    			insertBefore: function (inside, before, insert, root) {
+    				root = root || /** @type {any} */ (_.languages);
+    				var grammar = root[inside];
+    				/** @type {Grammar} */
+    				var ret = {};
+
+    				for (var token in grammar) {
+    					if (grammar.hasOwnProperty(token)) {
+
+    						if (token == before) {
+    							for (var newToken in insert) {
+    								if (insert.hasOwnProperty(newToken)) {
+    									ret[newToken] = insert[newToken];
+    								}
+    							}
+    						}
+
+    						// Do not insert token which also occur in insert. See #1525
+    						if (!insert.hasOwnProperty(token)) {
+    							ret[token] = grammar[token];
+    						}
+    					}
+    				}
+
+    				var old = root[inside];
+    				root[inside] = ret;
+
+    				// Update references in other language definitions
+    				_.languages.DFS(_.languages, function (key, value) {
+    					if (value === old && key != inside) {
+    						this[key] = ret;
+    					}
+    				});
+
+    				return ret;
+    			},
+
+    			// Traverse a language definition with Depth First Search
+    			DFS: function DFS(o, callback, type, visited) {
+    				visited = visited || {};
+
+    				var objId = _.util.objId;
+
+    				for (var i in o) {
+    					if (o.hasOwnProperty(i)) {
+    						callback.call(o, i, o[i], type || i);
+
+    						var property = o[i];
+    						var propertyType = _.util.type(property);
+
+    						if (propertyType === 'Object' && !visited[objId(property)]) {
+    							visited[objId(property)] = true;
+    							DFS(property, callback, null, visited);
+    						} else if (propertyType === 'Array' && !visited[objId(property)]) {
+    							visited[objId(property)] = true;
+    							DFS(property, callback, i, visited);
+    						}
+    					}
+    				}
+    			}
+    		},
+
+    		plugins: {},
+
+    		/**
+    		 * This is the most high-level function in Prism’s API.
+    		 * It fetches all the elements that have a `.language-xxxx` class and then calls {@link Prism.highlightElement} on
+    		 * each one of them.
+    		 *
+    		 * This is equivalent to `Prism.highlightAllUnder(document, async, callback)`.
+    		 *
+    		 * @param {boolean} [async=false] Same as in {@link Prism.highlightAllUnder}.
+    		 * @param {HighlightCallback} [callback] Same as in {@link Prism.highlightAllUnder}.
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		highlightAll: function (async, callback) {
+    			_.highlightAllUnder(document, async, callback);
+    		},
+
+    		/**
+    		 * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
+    		 * {@link Prism.highlightElement} on each one of them.
+    		 *
+    		 * The following hooks will be run:
+    		 * 1. `before-highlightall`
+    		 * 2. `before-all-elements-highlight`
+    		 * 3. All hooks of {@link Prism.highlightElement} for each element.
+    		 *
+    		 * @param {ParentNode} container The root element, whose descendants that have a `.language-xxxx` class will be highlighted.
+    		 * @param {boolean} [async=false] Whether each element is to be highlighted asynchronously using Web Workers.
+    		 * @param {HighlightCallback} [callback] An optional callback to be invoked on each element after its highlighting is done.
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		highlightAllUnder: function (container, async, callback) {
+    			var env = {
+    				callback: callback,
+    				container: container,
+    				selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
+    			};
+
+    			_.hooks.run('before-highlightall', env);
+
+    			env.elements = Array.prototype.slice.apply(env.container.querySelectorAll(env.selector));
+
+    			_.hooks.run('before-all-elements-highlight', env);
+
+    			for (var i = 0, element; (element = env.elements[i++]);) {
+    				_.highlightElement(element, async === true, env.callback);
+    			}
+    		},
+
+    		/**
+    		 * Highlights the code inside a single element.
+    		 *
+    		 * The following hooks will be run:
+    		 * 1. `before-sanity-check`
+    		 * 2. `before-highlight`
+    		 * 3. All hooks of {@link Prism.highlight}. These hooks will be run by an asynchronous worker if `async` is `true`.
+    		 * 4. `before-insert`
+    		 * 5. `after-highlight`
+    		 * 6. `complete`
+    		 *
+    		 * Some the above hooks will be skipped if the element doesn't contain any text or there is no grammar loaded for
+    		 * the element's language.
+    		 *
+    		 * @param {Element} element The element containing the code.
+    		 * It must have a class of `language-xxxx` to be processed, where `xxxx` is a valid language identifier.
+    		 * @param {boolean} [async=false] Whether the element is to be highlighted asynchronously using Web Workers
+    		 * to improve performance and avoid blocking the UI when highlighting very large chunks of code. This option is
+    		 * [disabled by default](https://prismjs.com/faq.html#why-is-asynchronous-highlighting-disabled-by-default).
+    		 *
+    		 * Note: All language definitions required to highlight the code must be included in the main `prism.js` file for
+    		 * asynchronous highlighting to work. You can build your own bundle on the
+    		 * [Download page](https://prismjs.com/download.html).
+    		 * @param {HighlightCallback} [callback] An optional callback to be invoked after the highlighting is done.
+    		 * Mostly useful when `async` is `true`, since in that case, the highlighting is done asynchronously.
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		highlightElement: function (element, async, callback) {
+    			// Find language
+    			var language = _.util.getLanguage(element);
+    			var grammar = _.languages[language];
+
+    			// Set language on the element, if not present
+    			_.util.setLanguage(element, language);
+
+    			// Set language on the parent, for styling
+    			var parent = element.parentElement;
+    			if (parent && parent.nodeName.toLowerCase() === 'pre') {
+    				_.util.setLanguage(parent, language);
+    			}
+
+    			var code = element.textContent;
+
+    			var env = {
+    				element: element,
+    				language: language,
+    				grammar: grammar,
+    				code: code
+    			};
+
+    			function insertHighlightedCode(highlightedCode) {
+    				env.highlightedCode = highlightedCode;
+
+    				_.hooks.run('before-insert', env);
+
+    				env.element.innerHTML = env.highlightedCode;
+
+    				_.hooks.run('after-highlight', env);
+    				_.hooks.run('complete', env);
+    				callback && callback.call(env.element);
+    			}
+
+    			_.hooks.run('before-sanity-check', env);
+
+    			// plugins may change/add the parent/element
+    			parent = env.element.parentElement;
+    			if (parent && parent.nodeName.toLowerCase() === 'pre' && !parent.hasAttribute('tabindex')) {
+    				parent.setAttribute('tabindex', '0');
+    			}
+
+    			if (!env.code) {
+    				_.hooks.run('complete', env);
+    				callback && callback.call(env.element);
+    				return;
+    			}
+
+    			_.hooks.run('before-highlight', env);
+
+    			if (!env.grammar) {
+    				insertHighlightedCode(_.util.encode(env.code));
+    				return;
+    			}
+
+    			if (async && _self.Worker) {
+    				var worker = new Worker(_.filename);
+
+    				worker.onmessage = function (evt) {
+    					insertHighlightedCode(evt.data);
+    				};
+
+    				worker.postMessage(JSON.stringify({
+    					language: env.language,
+    					code: env.code,
+    					immediateClose: true
+    				}));
+    			} else {
+    				insertHighlightedCode(_.highlight(env.code, env.grammar, env.language));
+    			}
+    		},
+
+    		/**
+    		 * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
+    		 * and the language definitions to use, and returns a string with the HTML produced.
+    		 *
+    		 * The following hooks will be run:
+    		 * 1. `before-tokenize`
+    		 * 2. `after-tokenize`
+    		 * 3. `wrap`: On each {@link Token}.
+    		 *
+    		 * @param {string} text A string with the code to be highlighted.
+    		 * @param {Grammar} grammar An object containing the tokens to use.
+    		 *
+    		 * Usually a language definition like `Prism.languages.markup`.
+    		 * @param {string} language The name of the language definition passed to `grammar`.
+    		 * @returns {string} The highlighted HTML.
+    		 * @memberof Prism
+    		 * @public
+    		 * @example
+    		 * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
+    		 */
+    		highlight: function (text, grammar, language) {
+    			var env = {
+    				code: text,
+    				grammar: grammar,
+    				language: language
+    			};
+    			_.hooks.run('before-tokenize', env);
+    			if (!env.grammar) {
+    				throw new Error('The language "' + env.language + '" has no grammar.');
+    			}
+    			env.tokens = _.tokenize(env.code, env.grammar);
+    			_.hooks.run('after-tokenize', env);
+    			return Token.stringify(_.util.encode(env.tokens), env.language);
+    		},
+
+    		/**
+    		 * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
+    		 * and the language definitions to use, and returns an array with the tokenized code.
+    		 *
+    		 * When the language definition includes nested tokens, the function is called recursively on each of these tokens.
+    		 *
+    		 * This method could be useful in other contexts as well, as a very crude parser.
+    		 *
+    		 * @param {string} text A string with the code to be highlighted.
+    		 * @param {Grammar} grammar An object containing the tokens to use.
+    		 *
+    		 * Usually a language definition like `Prism.languages.markup`.
+    		 * @returns {TokenStream} An array of strings and tokens, a token stream.
+    		 * @memberof Prism
+    		 * @public
+    		 * @example
+    		 * let code = `var foo = 0;`;
+    		 * let tokens = Prism.tokenize(code, Prism.languages.javascript);
+    		 * tokens.forEach(token => {
+    		 *     if (token instanceof Prism.Token && token.type === 'number') {
+    		 *         console.log(`Found numeric literal: ${token.content}`);
+    		 *     }
+    		 * });
+    		 */
+    		tokenize: function (text, grammar) {
+    			var rest = grammar.rest;
+    			if (rest) {
+    				for (var token in rest) {
+    					grammar[token] = rest[token];
+    				}
+
+    				delete grammar.rest;
+    			}
+
+    			var tokenList = new LinkedList();
+    			addAfter(tokenList, tokenList.head, text);
+
+    			matchGrammar(text, tokenList, grammar, tokenList.head, 0);
+
+    			return toArray(tokenList);
+    		},
+
+    		/**
+    		 * @namespace
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		hooks: {
+    			all: {},
+
+    			/**
+    			 * Adds the given callback to the list of callbacks for the given hook.
+    			 *
+    			 * The callback will be invoked when the hook it is registered for is run.
+    			 * Hooks are usually directly run by a highlight function but you can also run hooks yourself.
+    			 *
+    			 * One callback function can be registered to multiple hooks and the same hook multiple times.
+    			 *
+    			 * @param {string} name The name of the hook.
+    			 * @param {HookCallback} callback The callback function which is given environment variables.
+    			 * @public
+    			 */
+    			add: function (name, callback) {
+    				var hooks = _.hooks.all;
+
+    				hooks[name] = hooks[name] || [];
+
+    				hooks[name].push(callback);
+    			},
+
+    			/**
+    			 * Runs a hook invoking all registered callbacks with the given environment variables.
+    			 *
+    			 * Callbacks will be invoked synchronously and in the order in which they were registered.
+    			 *
+    			 * @param {string} name The name of the hook.
+    			 * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
+    			 * @public
+    			 */
+    			run: function (name, env) {
+    				var callbacks = _.hooks.all[name];
+
+    				if (!callbacks || !callbacks.length) {
+    					return;
+    				}
+
+    				for (var i = 0, callback; (callback = callbacks[i++]);) {
+    					callback(env);
+    				}
+    			}
+    		},
+
+    		Token: Token
+    	};
+    	_self.Prism = _;
+
+
+    	// Typescript note:
+    	// The following can be used to import the Token type in JSDoc:
+    	//
+    	//   @typedef {InstanceType<import("./prism-core")["Token"]>} Token
+
+    	/**
+    	 * Creates a new token.
+    	 *
+    	 * @param {string} type See {@link Token#type type}
+    	 * @param {string | TokenStream} content See {@link Token#content content}
+    	 * @param {string|string[]} [alias] The alias(es) of the token.
+    	 * @param {string} [matchedStr=""] A copy of the full string this token was created from.
+    	 * @class
+    	 * @global
+    	 * @public
+    	 */
+    	function Token(type, content, alias, matchedStr) {
+    		/**
+    		 * The type of the token.
+    		 *
+    		 * This is usually the key of a pattern in a {@link Grammar}.
+    		 *
+    		 * @type {string}
+    		 * @see GrammarToken
+    		 * @public
+    		 */
+    		this.type = type;
+    		/**
+    		 * The strings or tokens contained by this token.
+    		 *
+    		 * This will be a token stream if the pattern matched also defined an `inside` grammar.
+    		 *
+    		 * @type {string | TokenStream}
+    		 * @public
+    		 */
+    		this.content = content;
+    		/**
+    		 * The alias(es) of the token.
+    		 *
+    		 * @type {string|string[]}
+    		 * @see GrammarToken
+    		 * @public
+    		 */
+    		this.alias = alias;
+    		// Copy of the full string this token was created from
+    		this.length = (matchedStr || '').length | 0;
+    	}
+
+    	/**
+    	 * A token stream is an array of strings and {@link Token Token} objects.
+    	 *
+    	 * Token streams have to fulfill a few properties that are assumed by most functions (mostly internal ones) that process
+    	 * them.
+    	 *
+    	 * 1. No adjacent strings.
+    	 * 2. No empty strings.
+    	 *
+    	 *    The only exception here is the token stream that only contains the empty string and nothing else.
+    	 *
+    	 * @typedef {Array<string | Token>} TokenStream
+    	 * @global
+    	 * @public
+    	 */
+
+    	/**
+    	 * Converts the given token or token stream to an HTML representation.
+    	 *
+    	 * The following hooks will be run:
+    	 * 1. `wrap`: On each {@link Token}.
+    	 *
+    	 * @param {string | Token | TokenStream} o The token or token stream to be converted.
+    	 * @param {string} language The name of current language.
+    	 * @returns {string} The HTML representation of the token or token stream.
+    	 * @memberof Token
+    	 * @static
+    	 */
+    	Token.stringify = function stringify(o, language) {
+    		if (typeof o == 'string') {
+    			return o;
+    		}
+    		if (Array.isArray(o)) {
+    			var s = '';
+    			o.forEach(function (e) {
+    				s += stringify(e, language);
+    			});
+    			return s;
+    		}
+
+    		var env = {
+    			type: o.type,
+    			content: stringify(o.content, language),
+    			tag: 'span',
+    			classes: ['token', o.type],
+    			attributes: {},
+    			language: language
+    		};
+
+    		var aliases = o.alias;
+    		if (aliases) {
+    			if (Array.isArray(aliases)) {
+    				Array.prototype.push.apply(env.classes, aliases);
+    			} else {
+    				env.classes.push(aliases);
+    			}
+    		}
+
+    		_.hooks.run('wrap', env);
+
+    		var attributes = '';
+    		for (var name in env.attributes) {
+    			attributes += ' ' + name + '="' + (env.attributes[name] || '').replace(/"/g, '&quot;') + '"';
+    		}
+
+    		return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + attributes + '>' + env.content + '</' + env.tag + '>';
+    	};
+
+    	/**
+    	 * @param {RegExp} pattern
+    	 * @param {number} pos
+    	 * @param {string} text
+    	 * @param {boolean} lookbehind
+    	 * @returns {RegExpExecArray | null}
+    	 */
+    	function matchPattern(pattern, pos, text, lookbehind) {
+    		pattern.lastIndex = pos;
+    		var match = pattern.exec(text);
+    		if (match && lookbehind && match[1]) {
+    			// change the match to remove the text matched by the Prism lookbehind group
+    			var lookbehindLength = match[1].length;
+    			match.index += lookbehindLength;
+    			match[0] = match[0].slice(lookbehindLength);
+    		}
+    		return match;
+    	}
+
+    	/**
+    	 * @param {string} text
+    	 * @param {LinkedList<string | Token>} tokenList
+    	 * @param {any} grammar
+    	 * @param {LinkedListNode<string | Token>} startNode
+    	 * @param {number} startPos
+    	 * @param {RematchOptions} [rematch]
+    	 * @returns {void}
+    	 * @private
+    	 *
+    	 * @typedef RematchOptions
+    	 * @property {string} cause
+    	 * @property {number} reach
+    	 */
+    	function matchGrammar(text, tokenList, grammar, startNode, startPos, rematch) {
+    		for (var token in grammar) {
+    			if (!grammar.hasOwnProperty(token) || !grammar[token]) {
+    				continue;
+    			}
+
+    			var patterns = grammar[token];
+    			patterns = Array.isArray(patterns) ? patterns : [patterns];
+
+    			for (var j = 0; j < patterns.length; ++j) {
+    				if (rematch && rematch.cause == token + ',' + j) {
+    					return;
+    				}
+
+    				var patternObj = patterns[j];
+    				var inside = patternObj.inside;
+    				var lookbehind = !!patternObj.lookbehind;
+    				var greedy = !!patternObj.greedy;
+    				var alias = patternObj.alias;
+
+    				if (greedy && !patternObj.pattern.global) {
+    					// Without the global flag, lastIndex won't work
+    					var flags = patternObj.pattern.toString().match(/[imsuy]*$/)[0];
+    					patternObj.pattern = RegExp(patternObj.pattern.source, flags + 'g');
+    				}
+
+    				/** @type {RegExp} */
+    				var pattern = patternObj.pattern || patternObj;
+
+    				for ( // iterate the token list and keep track of the current token/string position
+    					var currentNode = startNode.next, pos = startPos;
+    					currentNode !== tokenList.tail;
+    					pos += currentNode.value.length, currentNode = currentNode.next
+    				) {
+
+    					if (rematch && pos >= rematch.reach) {
+    						break;
+    					}
+
+    					var str = currentNode.value;
+
+    					if (tokenList.length > text.length) {
+    						// Something went terribly wrong, ABORT, ABORT!
+    						return;
+    					}
+
+    					if (str instanceof Token) {
+    						continue;
+    					}
+
+    					var removeCount = 1; // this is the to parameter of removeBetween
+    					var match;
+
+    					if (greedy) {
+    						match = matchPattern(pattern, pos, text, lookbehind);
+    						if (!match || match.index >= text.length) {
+    							break;
+    						}
+
+    						var from = match.index;
+    						var to = match.index + match[0].length;
+    						var p = pos;
+
+    						// find the node that contains the match
+    						p += currentNode.value.length;
+    						while (from >= p) {
+    							currentNode = currentNode.next;
+    							p += currentNode.value.length;
+    						}
+    						// adjust pos (and p)
+    						p -= currentNode.value.length;
+    						pos = p;
+
+    						// the current node is a Token, then the match starts inside another Token, which is invalid
+    						if (currentNode.value instanceof Token) {
+    							continue;
+    						}
+
+    						// find the last node which is affected by this match
+    						for (
+    							var k = currentNode;
+    							k !== tokenList.tail && (p < to || typeof k.value === 'string');
+    							k = k.next
+    						) {
+    							removeCount++;
+    							p += k.value.length;
+    						}
+    						removeCount--;
+
+    						// replace with the new match
+    						str = text.slice(pos, p);
+    						match.index -= pos;
+    					} else {
+    						match = matchPattern(pattern, 0, str, lookbehind);
+    						if (!match) {
+    							continue;
+    						}
+    					}
+
+    					// eslint-disable-next-line no-redeclare
+    					var from = match.index;
+    					var matchStr = match[0];
+    					var before = str.slice(0, from);
+    					var after = str.slice(from + matchStr.length);
+
+    					var reach = pos + str.length;
+    					if (rematch && reach > rematch.reach) {
+    						rematch.reach = reach;
+    					}
+
+    					var removeFrom = currentNode.prev;
+
+    					if (before) {
+    						removeFrom = addAfter(tokenList, removeFrom, before);
+    						pos += before.length;
+    					}
+
+    					removeRange(tokenList, removeFrom, removeCount);
+
+    					var wrapped = new Token(token, inside ? _.tokenize(matchStr, inside) : matchStr, alias, matchStr);
+    					currentNode = addAfter(tokenList, removeFrom, wrapped);
+
+    					if (after) {
+    						addAfter(tokenList, currentNode, after);
+    					}
+
+    					if (removeCount > 1) {
+    						// at least one Token object was removed, so we have to do some rematching
+    						// this can only happen if the current pattern is greedy
+
+    						/** @type {RematchOptions} */
+    						var nestedRematch = {
+    							cause: token + ',' + j,
+    							reach: reach
+    						};
+    						matchGrammar(text, tokenList, grammar, currentNode.prev, pos, nestedRematch);
+
+    						// the reach might have been extended because of the rematching
+    						if (rematch && nestedRematch.reach > rematch.reach) {
+    							rematch.reach = nestedRematch.reach;
+    						}
+    					}
+    				}
+    			}
+    		}
+    	}
+
+    	/**
+    	 * @typedef LinkedListNode
+    	 * @property {T} value
+    	 * @property {LinkedListNode<T> | null} prev The previous node.
+    	 * @property {LinkedListNode<T> | null} next The next node.
+    	 * @template T
+    	 * @private
+    	 */
+
+    	/**
+    	 * @template T
+    	 * @private
+    	 */
+    	function LinkedList() {
+    		/** @type {LinkedListNode<T>} */
+    		var head = { value: null, prev: null, next: null };
+    		/** @type {LinkedListNode<T>} */
+    		var tail = { value: null, prev: head, next: null };
+    		head.next = tail;
+
+    		/** @type {LinkedListNode<T>} */
+    		this.head = head;
+    		/** @type {LinkedListNode<T>} */
+    		this.tail = tail;
+    		this.length = 0;
+    	}
+
+    	/**
+    	 * Adds a new node with the given value to the list.
+    	 *
+    	 * @param {LinkedList<T>} list
+    	 * @param {LinkedListNode<T>} node
+    	 * @param {T} value
+    	 * @returns {LinkedListNode<T>} The added node.
+    	 * @template T
+    	 */
+    	function addAfter(list, node, value) {
+    		// assumes that node != list.tail && values.length >= 0
+    		var next = node.next;
+
+    		var newNode = { value: value, prev: node, next: next };
+    		node.next = newNode;
+    		next.prev = newNode;
+    		list.length++;
+
+    		return newNode;
+    	}
+    	/**
+    	 * Removes `count` nodes after the given node. The given node will not be removed.
+    	 *
+    	 * @param {LinkedList<T>} list
+    	 * @param {LinkedListNode<T>} node
+    	 * @param {number} count
+    	 * @template T
+    	 */
+    	function removeRange(list, node, count) {
+    		var next = node.next;
+    		for (var i = 0; i < count && next !== list.tail; i++) {
+    			next = next.next;
+    		}
+    		node.next = next;
+    		next.prev = node;
+    		list.length -= i;
+    	}
+    	/**
+    	 * @param {LinkedList<T>} list
+    	 * @returns {T[]}
+    	 * @template T
+    	 */
+    	function toArray(list) {
+    		var array = [];
+    		var node = list.head.next;
+    		while (node !== list.tail) {
+    			array.push(node.value);
+    			node = node.next;
+    		}
+    		return array;
+    	}
+
+
+    	if (!_self.document) {
+    		if (!_self.addEventListener) {
+    			// in Node.js
+    			return _;
+    		}
+
+    		if (!_.disableWorkerMessageHandler) {
+    			// In worker
+    			_self.addEventListener('message', function (evt) {
+    				var message = JSON.parse(evt.data);
+    				var lang = message.language;
+    				var code = message.code;
+    				var immediateClose = message.immediateClose;
+
+    				_self.postMessage(_.highlight(code, _.languages[lang], lang));
+    				if (immediateClose) {
+    					_self.close();
+    				}
+    			}, false);
+    		}
+
+    		return _;
+    	}
+
+    	// Get current script and highlight
+    	var script = _.util.currentScript();
+
+    	if (script) {
+    		_.filename = script.src;
+
+    		if (script.hasAttribute('data-manual')) {
+    			_.manual = true;
+    		}
+    	}
+
+    	function highlightAutomaticallyCallback() {
+    		if (!_.manual) {
+    			_.highlightAll();
+    		}
+    	}
+
+    	if (!_.manual) {
+    		// If the document state is "loading", then we'll use DOMContentLoaded.
+    		// If the document state is "interactive" and the prism.js script is deferred, then we'll also use the
+    		// DOMContentLoaded event because there might be some plugins or languages which have also been deferred and they
+    		// might take longer one animation frame to execute which can create a race condition where only some plugins have
+    		// been loaded when Prism.highlightAll() is executed, depending on how fast resources are loaded.
+    		// See https://github.com/PrismJS/prism/issues/2102
+    		var readyState = document.readyState;
+    		if (readyState === 'loading' || readyState === 'interactive' && script && script.defer) {
+    			document.addEventListener('DOMContentLoaded', highlightAutomaticallyCallback);
+    		} else {
+    			if (window.requestAnimationFrame) {
+    				window.requestAnimationFrame(highlightAutomaticallyCallback);
+    			} else {
+    				window.setTimeout(highlightAutomaticallyCallback, 16);
+    			}
+    		}
+    	}
+
+    	return _;
+
+    }(_self));
+
+    if (typeof module !== 'undefined' && module.exports) {
+    	module.exports = Prism;
+    }
+
+    // hack for components to work correctly in node.js
+    if (typeof global !== 'undefined') {
+    	global.Prism = Prism;
+    }
+
+    // some additional documentation/types
+
+    /**
+     * The expansion of a simple `RegExp` literal to support additional properties.
+     *
+     * @typedef GrammarToken
+     * @property {RegExp} pattern The regular expression of the token.
+     * @property {boolean} [lookbehind=false] If `true`, then the first capturing group of `pattern` will (effectively)
+     * behave as a lookbehind group meaning that the captured text will not be part of the matched text of the new token.
+     * @property {boolean} [greedy=false] Whether the token is greedy.
+     * @property {string|string[]} [alias] An optional alias or list of aliases.
+     * @property {Grammar} [inside] The nested grammar of this token.
+     *
+     * The `inside` grammar will be used to tokenize the text value of each token of this kind.
+     *
+     * This can be used to make nested and even recursive language definitions.
+     *
+     * Note: This can cause infinite recursion. Be careful when you embed different languages or even the same language into
+     * each another.
+     * @global
+     * @public
+     */
+
+    /**
+     * @typedef Grammar
+     * @type {Object<string, RegExp | GrammarToken | Array<RegExp | GrammarToken>>}
+     * @property {Grammar} [rest] An optional grammar object that will be appended to this grammar.
+     * @global
+     * @public
+     */
+
+    /**
+     * A function which will invoked after an element was successfully highlighted.
+     *
+     * @callback HighlightCallback
+     * @param {Element} element The element successfully highlighted.
+     * @returns {void}
+     * @global
+     * @public
+     */
+
+    /**
+     * @callback HookCallback
+     * @param {Object<string, any>} env The environment variables of the hook.
+     * @returns {void}
+     * @global
+     * @public
+     */
+
+    Prism.languages.clike = {
+    	'comment': [
+    		{
+    			pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+    			lookbehind: true,
+    			greedy: true
+    		},
+    		{
+    			pattern: /(^|[^\\:])\/\/.*/,
+    			lookbehind: true,
+    			greedy: true
+    		}
+    	],
+    	'string': {
+    		pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+    		greedy: true
+    	},
+    	'class-name': {
+    		pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
+    		lookbehind: true,
+    		inside: {
+    			'punctuation': /[.\\]/
+    		}
+    	},
+    	'keyword': /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
+    	'boolean': /\b(?:false|true)\b/,
+    	'function': /\b\w+(?=\()/,
+    	'number': /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
+    	'operator': /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
+    	'punctuation': /[{}[\];(),.:]/
+    };
+
+    (function (Prism) {
+
+    	/**
+    	 * Returns the placeholder for the given language id and index.
+    	 *
+    	 * @param {string} language
+    	 * @param {string|number} index
+    	 * @returns {string}
+    	 */
+    	function getPlaceholder(language, index) {
+    		return '___' + language.toUpperCase() + index + '___';
+    	}
+
+    	Object.defineProperties(Prism.languages['markup-templating'] = {}, {
+    		buildPlaceholders: {
+    			/**
+    			 * Tokenize all inline templating expressions matching `placeholderPattern`.
+    			 *
+    			 * If `replaceFilter` is provided, only matches of `placeholderPattern` for which `replaceFilter` returns
+    			 * `true` will be replaced.
+    			 *
+    			 * @param {object} env The environment of the `before-tokenize` hook.
+    			 * @param {string} language The language id.
+    			 * @param {RegExp} placeholderPattern The matches of this pattern will be replaced by placeholders.
+    			 * @param {(match: string) => boolean} [replaceFilter]
+    			 */
+    			value: function (env, language, placeholderPattern, replaceFilter) {
+    				if (env.language !== language) {
+    					return;
+    				}
+
+    				var tokenStack = env.tokenStack = [];
+
+    				env.code = env.code.replace(placeholderPattern, function (match) {
+    					if (typeof replaceFilter === 'function' && !replaceFilter(match)) {
+    						return match;
+    					}
+    					var i = tokenStack.length;
+    					var placeholder;
+
+    					// Check for existing strings
+    					while (env.code.indexOf(placeholder = getPlaceholder(language, i)) !== -1) {
+    						++i;
+    					}
+
+    					// Create a sparse array
+    					tokenStack[i] = match;
+
+    					return placeholder;
+    				});
+
+    				// Switch the grammar to markup
+    				env.grammar = Prism.languages.markup;
+    			}
+    		},
+    		tokenizePlaceholders: {
+    			/**
+    			 * Replace placeholders with proper tokens after tokenizing.
+    			 *
+    			 * @param {object} env The environment of the `after-tokenize` hook.
+    			 * @param {string} language The language id.
+    			 */
+    			value: function (env, language) {
+    				if (env.language !== language || !env.tokenStack) {
+    					return;
+    				}
+
+    				// Switch the grammar back
+    				env.grammar = Prism.languages[language];
+
+    				var j = 0;
+    				var keys = Object.keys(env.tokenStack);
+
+    				function walkTokens(tokens) {
+    					for (var i = 0; i < tokens.length; i++) {
+    						// all placeholders are replaced already
+    						if (j >= keys.length) {
+    							break;
+    						}
+
+    						var token = tokens[i];
+    						if (typeof token === 'string' || (token.content && typeof token.content === 'string')) {
+    							var k = keys[j];
+    							var t = env.tokenStack[k];
+    							var s = typeof token === 'string' ? token : token.content;
+    							var placeholder = getPlaceholder(language, k);
+
+    							var index = s.indexOf(placeholder);
+    							if (index > -1) {
+    								++j;
+
+    								var before = s.substring(0, index);
+    								var middle = new Prism.Token(language, Prism.tokenize(t, env.grammar), 'language-' + language, t);
+    								var after = s.substring(index + placeholder.length);
+
+    								var replacement = [];
+    								if (before) {
+    									replacement.push.apply(replacement, walkTokens([before]));
+    								}
+    								replacement.push(middle);
+    								if (after) {
+    									replacement.push.apply(replacement, walkTokens([after]));
+    								}
+
+    								if (typeof token === 'string') {
+    									tokens.splice.apply(tokens, [i, 1].concat(replacement));
+    								} else {
+    									token.content = replacement;
+    								}
+    							}
+    						} else if (token.content /* && typeof token.content !== 'string' */) {
+    							walkTokens(token.content);
+    						}
+    					}
+
+    					return tokens;
+    				}
+
+    				walkTokens(env.tokens);
+    			}
+    		}
+    	});
+
+    }(Prism));
+
+    Prism.languages.c = Prism.languages.extend('clike', {
+    	'comment': {
+    		pattern: /\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,
+    		greedy: true
+    	},
+    	'string': {
+    		// https://en.cppreference.com/w/c/language/string_literal
+    		pattern: /"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,
+    		greedy: true
+    	},
+    	'class-name': {
+    		pattern: /(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,
+    		lookbehind: true
+    	},
+    	'keyword': /\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,
+    	'function': /\b[a-z_]\w*(?=\s*\()/i,
+    	'number': /(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,
+    	'operator': />>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/
+    });
+
+    Prism.languages.insertBefore('c', 'string', {
+    	'char': {
+    		// https://en.cppreference.com/w/c/language/character_constant
+    		pattern: /'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,
+    		greedy: true
+    	}
+    });
+
+    Prism.languages.insertBefore('c', 'string', {
+    	'macro': {
+    		// allow for multiline macro definitions
+    		// spaces after the # character compile fine with gcc
+    		pattern: /(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,
+    		lookbehind: true,
+    		greedy: true,
+    		alias: 'property',
+    		inside: {
+    			'string': [
+    				{
+    					// highlight the path of the include statement as a string
+    					pattern: /^(#\s*include\s*)<[^>]+>/,
+    					lookbehind: true
+    				},
+    				Prism.languages.c['string']
+    			],
+    			'char': Prism.languages.c['char'],
+    			'comment': Prism.languages.c['comment'],
+    			'macro-name': [
+    				{
+    					pattern: /(^#\s*define\s+)\w+\b(?!\()/i,
+    					lookbehind: true
+    				},
+    				{
+    					pattern: /(^#\s*define\s+)\w+\b(?=\()/i,
+    					lookbehind: true,
+    					alias: 'function'
+    				}
+    			],
+    			// highlight macro directives as keywords
+    			'directive': {
+    				pattern: /^(#\s*)[a-z]+/,
+    				lookbehind: true,
+    				alias: 'keyword'
+    			},
+    			'directive-hash': /^#/,
+    			'punctuation': /##|\\(?=[\r\n])/,
+    			'expression': {
+    				pattern: /\S[\s\S]*/,
+    				inside: Prism.languages.c
+    			}
+    		}
+    	}
+    });
+
+    Prism.languages.insertBefore('c', 'function', {
+    	// highlight predefined macros as constants
+    	'constant': /\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/
+    });
+
+    delete Prism.languages.c['boolean'];
+
+    (function (Prism) {
+
+    	var keyword = /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/;
+    	var modName = /\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g, function () { return keyword.source; });
+
+    	Prism.languages.cpp = Prism.languages.extend('c', {
+    		'class-name': [
+    			{
+    				pattern: RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source
+    					.replace(/<keyword>/g, function () { return keyword.source; })),
+    				lookbehind: true
+    			},
+    			// This is intended to capture the class name of method implementations like:
+    			//   void foo::bar() const {}
+    			// However! The `foo` in the above example could also be a namespace, so we only capture the class name if
+    			// it starts with an uppercase letter. This approximation should give decent results.
+    			/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,
+    			// This will capture the class name before destructors like:
+    			//   Foo::~Foo() {}
+    			/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,
+    			// This also intends to capture the class name of method implementations but here the class has template
+    			// parameters, so it can't be a namespace (until C++ adds generic namespaces).
+    			/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/
+    		],
+    		'keyword': keyword,
+    		'number': {
+    			pattern: /(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,
+    			greedy: true
+    		},
+    		'operator': />>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,
+    		'boolean': /\b(?:false|true)\b/
+    	});
+
+    	Prism.languages.insertBefore('cpp', 'string', {
+    		'module': {
+    			// https://en.cppreference.com/w/cpp/language/modules
+    			pattern: RegExp(
+    				/(\b(?:import|module)\s+)/.source +
+    				'(?:' +
+    				// header-name
+    				/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source +
+    				'|' +
+    				// module name or partition or both
+    				/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g, function () { return modName; }) +
+    				')'
+    			),
+    			lookbehind: true,
+    			greedy: true,
+    			inside: {
+    				'string': /^[<"][\s\S]+/,
+    				'operator': /:/,
+    				'punctuation': /\./
+    			}
+    		},
+    		'raw-string': {
+    			pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,
+    			alias: 'string',
+    			greedy: true
+    		}
+    	});
+
+    	Prism.languages.insertBefore('cpp', 'keyword', {
+    		'generic-function': {
+    			pattern: /\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,
+    			inside: {
+    				'function': /^\w+/,
+    				'generic': {
+    					pattern: /<[\s\S]+/,
+    					alias: 'class-name',
+    					inside: Prism.languages.cpp
+    				}
+    			}
+    		}
+    	});
+
+    	Prism.languages.insertBefore('cpp', 'operator', {
+    		'double-colon': {
+    			pattern: /::/,
+    			alias: 'punctuation'
+    		}
+    	});
+
+    	Prism.languages.insertBefore('cpp', 'class-name', {
+    		// the base clause is an optional list of parent classes
+    		// https://en.cppreference.com/w/cpp/language/class
+    		'base-clause': {
+    			pattern: /(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,
+    			lookbehind: true,
+    			greedy: true,
+    			inside: Prism.languages.extend('cpp', {})
+    		}
+    	});
+
+    	Prism.languages.insertBefore('inside', 'double-colon', {
+    		// All untokenized words that are not namespaces should be class names
+    		'class-name': /\b[a-z_]\w*\b(?!\s*::)/i
+    	}, Prism.languages.cpp['base-clause']);
+
+    }(Prism));
+
+    (function (Prism) {
+
+    	/**
+    	 * Replaces all placeholders "<<n>>" of given pattern with the n-th replacement (zero based).
+    	 *
+    	 * Note: This is a simple text based replacement. Be careful when using backreferences!
+    	 *
+    	 * @param {string} pattern the given pattern.
+    	 * @param {string[]} replacements a list of replacement which can be inserted into the given pattern.
+    	 * @returns {string} the pattern with all placeholders replaced with their corresponding replacements.
+    	 * @example replace(/a<<0>>a/.source, [/b+/.source]) === /a(?:b+)a/.source
+    	 */
+    	function replace(pattern, replacements) {
+    		return pattern.replace(/<<(\d+)>>/g, function (m, index) {
+    			return '(?:' + replacements[+index] + ')';
+    		});
+    	}
+    	/**
+    	 * @param {string} pattern
+    	 * @param {string[]} replacements
+    	 * @param {string} [flags]
+    	 * @returns {RegExp}
+    	 */
+    	function re(pattern, replacements, flags) {
+    		return RegExp(replace(pattern, replacements), flags || '');
+    	}
+
+    	/**
+    	 * Creates a nested pattern where all occurrences of the string `<<self>>` are replaced with the pattern itself.
+    	 *
+    	 * @param {string} pattern
+    	 * @param {number} depthLog2
+    	 * @returns {string}
+    	 */
+    	function nested(pattern, depthLog2) {
+    		for (var i = 0; i < depthLog2; i++) {
+    			pattern = pattern.replace(/<<self>>/g, function () { return '(?:' + pattern + ')'; });
+    		}
+    		return pattern.replace(/<<self>>/g, '[^\\s\\S]');
+    	}
+
+    	// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/
+    	var keywordKinds = {
+    		// keywords which represent a return or variable type
+    		type: 'bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void',
+    		// keywords which are used to declare a type
+    		typeDeclaration: 'class enum interface record struct',
+    		// contextual keywords
+    		// ("var" and "dynamic" are missing because they are used like types)
+    		contextual: 'add alias and ascending async await by descending from(?=\\s*(?:\\w|$)) get global group into init(?=\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\s*{)',
+    		// all other keywords
+    		other: 'abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield'
+    	};
+
+    	// keywords
+    	function keywordsToPattern(words) {
+    		return '\\b(?:' + words.trim().replace(/ /g, '|') + ')\\b';
+    	}
+    	var typeDeclarationKeywords = keywordsToPattern(keywordKinds.typeDeclaration);
+    	var keywords = RegExp(keywordsToPattern(keywordKinds.type + ' ' + keywordKinds.typeDeclaration + ' ' + keywordKinds.contextual + ' ' + keywordKinds.other));
+    	var nonTypeKeywords = keywordsToPattern(keywordKinds.typeDeclaration + ' ' + keywordKinds.contextual + ' ' + keywordKinds.other);
+    	var nonContextualKeywords = keywordsToPattern(keywordKinds.type + ' ' + keywordKinds.typeDeclaration + ' ' + keywordKinds.other);
+
+    	// types
+    	var generic = nested(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source, 2); // the idea behind the other forbidden characters is to prevent false positives. Same for tupleElement.
+    	var nestedRound = nested(/\((?:[^()]|<<self>>)*\)/.source, 2);
+    	var name = /@?\b[A-Za-z_]\w*\b/.source;
+    	var genericName = replace(/<<0>>(?:\s*<<1>>)?/.source, [name, generic]);
+    	var identifier = replace(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source, [nonTypeKeywords, genericName]);
+    	var array = /\[\s*(?:,\s*)*\]/.source;
+    	var typeExpressionWithoutTuple = replace(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source, [identifier, array]);
+    	var tupleElement = replace(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source, [generic, nestedRound, array]);
+    	var tuple = replace(/\(<<0>>+(?:,<<0>>+)+\)/.source, [tupleElement]);
+    	var typeExpression = replace(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source, [tuple, identifier, array]);
+
+    	var typeInside = {
+    		'keyword': keywords,
+    		'punctuation': /[<>()?,.:[\]]/
+    	};
+
+    	// strings & characters
+    	// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#character-literals
+    	// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#string-literals
+    	var character = /'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source; // simplified pattern
+    	var regularString = /"(?:\\.|[^\\"\r\n])*"/.source;
+    	var verbatimString = /@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;
+
+
+    	Prism.languages.csharp = Prism.languages.extend('clike', {
+    		'string': [
+    			{
+    				pattern: re(/(^|[^$\\])<<0>>/.source, [verbatimString]),
+    				lookbehind: true,
+    				greedy: true
+    			},
+    			{
+    				pattern: re(/(^|[^@$\\])<<0>>/.source, [regularString]),
+    				lookbehind: true,
+    				greedy: true
+    			}
+    		],
+    		'class-name': [
+    			{
+    				// Using static
+    				// using static System.Math;
+    				pattern: re(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source, [identifier]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Using alias (type)
+    				// using Project = PC.MyCompany.Project;
+    				pattern: re(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source, [name, typeExpression]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Using alias (alias)
+    				// using Project = PC.MyCompany.Project;
+    				pattern: re(/(\busing\s+)<<0>>(?=\s*=)/.source, [name]),
+    				lookbehind: true
+    			},
+    			{
+    				// Type declarations
+    				// class Foo<A, B>
+    				// interface Foo<out A, B>
+    				pattern: re(/(\b<<0>>\s+)<<1>>/.source, [typeDeclarationKeywords, genericName]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Single catch exception declaration
+    				// catch(Foo)
+    				// (things like catch(Foo e) is covered by variable declaration)
+    				pattern: re(/(\bcatch\s*\(\s*)<<0>>/.source, [identifier]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Name of the type parameter of generic constraints
+    				// where Foo : class
+    				pattern: re(/(\bwhere\s+)<<0>>/.source, [name]),
+    				lookbehind: true
+    			},
+    			{
+    				// Casts and checks via as and is.
+    				// as Foo<A>, is Bar<B>
+    				// (things like if(a is Foo b) is covered by variable declaration)
+    				pattern: re(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source, [typeExpressionWithoutTuple]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Variable, field and parameter declaration
+    				// (Foo bar, Bar baz, Foo[,,] bay, Foo<Bar, FooBar<Bar>> bax)
+    				pattern: re(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source, [typeExpression, nonContextualKeywords, name]),
+    				inside: typeInside
+    			}
+    		],
+    		'keyword': keywords,
+    		// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#literals
+    		'number': /(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:[dflmu]|lu|ul)?\b/i,
+    		'operator': />>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,
+    		'punctuation': /\?\.?|::|[{}[\];(),.:]/
+    	});
+
+    	Prism.languages.insertBefore('csharp', 'number', {
+    		'range': {
+    			pattern: /\.\./,
+    			alias: 'operator'
+    		}
+    	});
+
+    	Prism.languages.insertBefore('csharp', 'punctuation', {
+    		'named-parameter': {
+    			pattern: re(/([(,]\s*)<<0>>(?=\s*:)/.source, [name]),
+    			lookbehind: true,
+    			alias: 'punctuation'
+    		}
+    	});
+
+    	Prism.languages.insertBefore('csharp', 'class-name', {
+    		'namespace': {
+    			// namespace Foo.Bar {}
+    			// using Foo.Bar;
+    			pattern: re(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source, [name]),
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /\./
+    			}
+    		},
+    		'type-expression': {
+    			// default(Foo), typeof(Foo<Bar>), sizeof(int)
+    			pattern: re(/(\b(?:default|sizeof|typeof)\s*\(\s*(?!\s))(?:[^()\s]|\s(?!\s)|<<0>>)*(?=\s*\))/.source, [nestedRound]),
+    			lookbehind: true,
+    			alias: 'class-name',
+    			inside: typeInside
+    		},
+    		'return-type': {
+    			// Foo<Bar> ForBar(); Foo IFoo.Bar() => 0
+    			// int this[int index] => 0; T IReadOnlyList<T>.this[int index] => this[index];
+    			// int Foo => 0; int Foo { get; set } = 0;
+    			pattern: re(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source, [typeExpression, identifier]),
+    			inside: typeInside,
+    			alias: 'class-name'
+    		},
+    		'constructor-invocation': {
+    			// new List<Foo<Bar[]>> { }
+    			pattern: re(/(\bnew\s+)<<0>>(?=\s*[[({])/.source, [typeExpression]),
+    			lookbehind: true,
+    			inside: typeInside,
+    			alias: 'class-name'
+    		},
+    		/*'explicit-implementation': {
+    			// int IFoo<Foo>.Bar => 0; void IFoo<Foo<Foo>>.Foo<T>();
+    			pattern: replace(/\b<<0>>(?=\.<<1>>)/, className, methodOrPropertyDeclaration),
+    			inside: classNameInside,
+    			alias: 'class-name'
+    		},*/
+    		'generic-method': {
+    			// foo<Bar>()
+    			pattern: re(/<<0>>\s*<<1>>(?=\s*\()/.source, [name, generic]),
+    			inside: {
+    				'function': re(/^<<0>>/.source, [name]),
+    				'generic': {
+    					pattern: RegExp(generic),
+    					alias: 'class-name',
+    					inside: typeInside
+    				}
+    			}
+    		},
+    		'type-list': {
+    			// The list of types inherited or of generic constraints
+    			// class Foo<F> : Bar, IList<FooBar>
+    			// where F : Bar, IList<int>
+    			pattern: re(
+    				/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source,
+    				[typeDeclarationKeywords, genericName, name, typeExpression, keywords.source, nestedRound, /\bnew\s*\(\s*\)/.source]
+    			),
+    			lookbehind: true,
+    			inside: {
+    				'record-arguments': {
+    					pattern: re(/(^(?!new\s*\()<<0>>\s*)<<1>>/.source, [genericName, nestedRound]),
+    					lookbehind: true,
+    					greedy: true,
+    					inside: Prism.languages.csharp
+    				},
+    				'keyword': keywords,
+    				'class-name': {
+    					pattern: RegExp(typeExpression),
+    					greedy: true,
+    					inside: typeInside
+    				},
+    				'punctuation': /[,()]/
+    			}
+    		},
+    		'preprocessor': {
+    			pattern: /(^[\t ]*)#.*/m,
+    			lookbehind: true,
+    			alias: 'property',
+    			inside: {
+    				// highlight preprocessor directives as keywords
+    				'directive': {
+    					pattern: /(#)\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\b/,
+    					lookbehind: true,
+    					alias: 'keyword'
+    				}
+    			}
+    		}
+    	});
+
+    	// attributes
+    	var regularStringOrCharacter = regularString + '|' + character;
+    	var regularStringCharacterOrComment = replace(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source, [regularStringOrCharacter]);
+    	var roundExpression = nested(replace(/[^"'/()]|<<0>>|\(<<self>>*\)/.source, [regularStringCharacterOrComment]), 2);
+
+    	// https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/attributes/#attribute-targets
+    	var attrTarget = /\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source;
+    	var attr = replace(/<<0>>(?:\s*\(<<1>>*\))?/.source, [identifier, roundExpression]);
+
+    	Prism.languages.insertBefore('csharp', 'class-name', {
+    		'attribute': {
+    			// Attributes
+    			// [Foo], [Foo(1), Bar(2, Prop = "foo")], [return: Foo(1), Bar(2)], [assembly: Foo(Bar)]
+    			pattern: re(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source, [attrTarget, attr]),
+    			lookbehind: true,
+    			greedy: true,
+    			inside: {
+    				'target': {
+    					pattern: re(/^<<0>>(?=\s*:)/.source, [attrTarget]),
+    					alias: 'keyword'
+    				},
+    				'attribute-arguments': {
+    					pattern: re(/\(<<0>>*\)/.source, [roundExpression]),
+    					inside: Prism.languages.csharp
+    				},
+    				'class-name': {
+    					pattern: RegExp(identifier),
+    					inside: {
+    						'punctuation': /\./
+    					}
+    				},
+    				'punctuation': /[:,]/
+    			}
+    		}
+    	});
+
+
+    	// string interpolation
+    	var formatString = /:[^}\r\n]+/.source;
+    	// multi line
+    	var mInterpolationRound = nested(replace(/[^"'/()]|<<0>>|\(<<self>>*\)/.source, [regularStringCharacterOrComment]), 2);
+    	var mInterpolation = replace(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source, [mInterpolationRound, formatString]);
+    	// single line
+    	var sInterpolationRound = nested(replace(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<<self>>*\)/.source, [regularStringOrCharacter]), 2);
+    	var sInterpolation = replace(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source, [sInterpolationRound, formatString]);
+
+    	function createInterpolationInside(interpolation, interpolationRound) {
+    		return {
+    			'interpolation': {
+    				pattern: re(/((?:^|[^{])(?:\{\{)*)<<0>>/.source, [interpolation]),
+    				lookbehind: true,
+    				inside: {
+    					'format-string': {
+    						pattern: re(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source, [interpolationRound, formatString]),
+    						lookbehind: true,
+    						inside: {
+    							'punctuation': /^:/
+    						}
+    					},
+    					'punctuation': /^\{|\}$/,
+    					'expression': {
+    						pattern: /[\s\S]+/,
+    						alias: 'language-csharp',
+    						inside: Prism.languages.csharp
+    					}
+    				}
+    			},
+    			'string': /[\s\S]+/
+    		};
+    	}
+
+    	Prism.languages.insertBefore('csharp', 'string', {
+    		'interpolation-string': [
+    			{
+    				pattern: re(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source, [mInterpolation]),
+    				lookbehind: true,
+    				greedy: true,
+    				inside: createInterpolationInside(mInterpolation, mInterpolationRound),
+    			},
+    			{
+    				pattern: re(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source, [sInterpolation]),
+    				lookbehind: true,
+    				greedy: true,
+    				inside: createInterpolationInside(sInterpolation, sInterpolationRound),
+    			}
+    		],
+    		'char': {
+    			pattern: RegExp(character),
+    			greedy: true
+    		}
+    	});
+
+    	Prism.languages.dotnet = Prism.languages.cs = Prism.languages.csharp;
+
+    }(Prism));
+
+    (function (Prism) {
+
+    	var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
+
+    	Prism.languages.css = {
+    		'comment': /\/\*[\s\S]*?\*\//,
+    		'atrule': {
+    			pattern: RegExp('@[\\w-](?:' + /[^;{\s"']|\s+(?!\s)/.source + '|' + string.source + ')*?' + /(?:;|(?=\s*\{))/.source),
+    			inside: {
+    				'rule': /^@[\w-]+/,
+    				'selector-function-argument': {
+    					pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
+    					lookbehind: true,
+    					alias: 'selector'
+    				},
+    				'keyword': {
+    					pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
+    					lookbehind: true
+    				}
+    				// See rest below
+    			}
+    		},
+    		'url': {
+    			// https://drafts.csswg.org/css-values-3/#urls
+    			pattern: RegExp('\\burl\\((?:' + string.source + '|' + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ')\\)', 'i'),
+    			greedy: true,
+    			inside: {
+    				'function': /^url/i,
+    				'punctuation': /^\(|\)$/,
+    				'string': {
+    					pattern: RegExp('^' + string.source + '$'),
+    					alias: 'url'
+    				}
+    			}
+    		},
+    		'selector': {
+    			pattern: RegExp('(^|[{}\\s])[^{}\\s](?:[^{};"\'\\s]|\\s+(?![\\s{])|' + string.source + ')*(?=\\s*\\{)'),
+    			lookbehind: true
+    		},
+    		'string': {
+    			pattern: string,
+    			greedy: true
+    		},
+    		'property': {
+    			pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
+    			lookbehind: true
+    		},
+    		'important': /!important\b/i,
+    		'function': {
+    			pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
+    			lookbehind: true
+    		},
+    		'punctuation': /[(){};:,]/
+    	};
+
+    	Prism.languages.css['atrule'].inside.rest = Prism.languages.css;
+
+    	var markup = Prism.languages.markup;
+    	if (markup) {
+    		markup.tag.addInlined('style', 'css');
+    		markup.tag.addAttribute('style', 'css');
+    	}
+
+    }(Prism));
+
+    (function (Prism) {
+
+    	var keywords = /\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/;
+
+    	// full package (optional) + parent classes (optional)
+    	var classNamePrefix = /(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source;
+
+    	// based on the java naming conventions
+    	var className = {
+    		pattern: RegExp(/(^|[^\w.])/.source + classNamePrefix + /[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),
+    		lookbehind: true,
+    		inside: {
+    			'namespace': {
+    				pattern: /^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,
+    				inside: {
+    					'punctuation': /\./
+    				}
+    			},
+    			'punctuation': /\./
+    		}
+    	};
+
+    	Prism.languages.java = Prism.languages.extend('clike', {
+    		'string': {
+    			pattern: /(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,
+    			lookbehind: true,
+    			greedy: true
+    		},
+    		'class-name': [
+    			className,
+    			{
+    				// variables, parameters, and constructor references
+    				// this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
+    				pattern: RegExp(/(^|[^\w.])/.source + classNamePrefix + /[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),
+    				lookbehind: true,
+    				inside: className.inside
+    			},
+    			{
+    				// class names based on keyword
+    				// this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
+    				pattern: RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source + classNamePrefix + /[A-Z]\w*\b/.source),
+    				lookbehind: true,
+    				inside: className.inside
+    			}
+    		],
+    		'keyword': keywords,
+    		'function': [
+    			Prism.languages.clike.function,
+    			{
+    				pattern: /(::\s*)[a-z_]\w*/,
+    				lookbehind: true
+    			}
+    		],
+    		'number': /\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,
+    		'operator': {
+    			pattern: /(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,
+    			lookbehind: true
+    		},
+    		'constant': /\b[A-Z][A-Z_\d]+\b/
+    	});
+
+    	Prism.languages.insertBefore('java', 'string', {
+    		'triple-quoted-string': {
+    			// http://openjdk.java.net/jeps/355#Description
+    			pattern: /"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,
+    			greedy: true,
+    			alias: 'string'
+    		},
+    		'char': {
+    			pattern: /'(?:\\.|[^'\\\r\n]){1,6}'/,
+    			greedy: true
+    		}
+    	});
+
+    	Prism.languages.insertBefore('java', 'class-name', {
+    		'annotation': {
+    			pattern: /(^|[^.])@\w+(?:\s*\.\s*\w+)*/,
+    			lookbehind: true,
+    			alias: 'punctuation'
+    		},
+    		'generics': {
+    			pattern: /<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,
+    			inside: {
+    				'class-name': className,
+    				'keyword': keywords,
+    				'punctuation': /[<>(),.:]/,
+    				'operator': /[?&|]/
+    			}
+    		},
+    		'import': [
+    			{
+    				pattern: RegExp(/(\bimport\s+)/.source + classNamePrefix + /(?:[A-Z]\w*|\*)(?=\s*;)/.source),
+    				lookbehind: true,
+    				inside: {
+    					'namespace': className.inside.namespace,
+    					'punctuation': /\./,
+    					'operator': /\*/,
+    					'class-name': /\w+/
+    				}
+    			},
+    			{
+    				pattern: RegExp(/(\bimport\s+static\s+)/.source + classNamePrefix + /(?:\w+|\*)(?=\s*;)/.source),
+    				lookbehind: true,
+    				alias: 'static',
+    				inside: {
+    					'namespace': className.inside.namespace,
+    					'static': /\b\w+$/,
+    					'punctuation': /\./,
+    					'operator': /\*/,
+    					'class-name': /\w+/
+    				}
+    			}
+    		],
+    		'namespace': {
+    			pattern: RegExp(
+    				/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/
+    					.source.replace(/<keyword>/g, function () { return keywords.source; })),
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /\./,
+    			}
+    		}
+    	});
+    }(Prism));
+
+    Prism.languages.javascript = Prism.languages.extend('clike', {
+    	'class-name': [
+    		Prism.languages.clike['class-name'],
+    		{
+    			pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
+    			lookbehind: true
+    		}
+    	],
+    	'keyword': [
+    		{
+    			pattern: /((?:^|\})\s*)catch\b/,
+    			lookbehind: true
+    		},
+    		{
+    			pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+    			lookbehind: true
+    		},
+    	],
+    	// Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
+    	'function': /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+    	'number': {
+    		pattern: RegExp(
+    			/(^|[^\w$])/.source +
+    			'(?:' +
+    			(
+    				// constant
+    				/NaN|Infinity/.source +
+    				'|' +
+    				// binary integer
+    				/0[bB][01]+(?:_[01]+)*n?/.source +
+    				'|' +
+    				// octal integer
+    				/0[oO][0-7]+(?:_[0-7]+)*n?/.source +
+    				'|' +
+    				// hexadecimal integer
+    				/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source +
+    				'|' +
+    				// decimal bigint
+    				/\d+(?:_\d+)*n/.source +
+    				'|' +
+    				// decimal number (integer or float) but no bigint
+    				/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source
+    			) +
+    			')' +
+    			/(?![\w$])/.source
+    		),
+    		lookbehind: true
+    	},
+    	'operator': /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+    });
+
+    Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
+
+    Prism.languages.insertBefore('javascript', 'keyword', {
+    	'regex': {
+    		pattern: RegExp(
+    			// lookbehind
+    			// eslint-disable-next-line regexp/no-dupe-characters-character-class
+    			/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source +
+    			// Regex pattern:
+    			// There are 2 regex patterns here. The RegExp set notation proposal added support for nested character
+    			// classes if the `v` flag is present. Unfortunately, nested CCs are both context-free and incompatible
+    			// with the only syntax, so we have to define 2 different regex patterns.
+    			/\//.source +
+    			'(?:' +
+    			/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source +
+    			'|' +
+    			// `v` flag syntax. This supports 3 levels of nested character classes.
+    			/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source +
+    			')' +
+    			// lookahead
+    			/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source
+    		),
+    		lookbehind: true,
+    		greedy: true,
+    		inside: {
+    			'regex-source': {
+    				pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+    				lookbehind: true,
+    				alias: 'language-regex',
+    				inside: Prism.languages.regex
+    			},
+    			'regex-delimiter': /^\/|\/$/,
+    			'regex-flags': /^[a-z]+$/,
+    		}
+    	},
+    	// This must be declared before keyword because we use "function" inside the look-forward
+    	'function-variable': {
+    		pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
+    		alias: 'function'
+    	},
+    	'parameter': [
+    		{
+    			pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
+    			lookbehind: true,
+    			inside: Prism.languages.javascript
+    		},
+    		{
+    			pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
+    			lookbehind: true,
+    			inside: Prism.languages.javascript
+    		},
+    		{
+    			pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
+    			lookbehind: true,
+    			inside: Prism.languages.javascript
+    		},
+    		{
+    			pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
+    			lookbehind: true,
+    			inside: Prism.languages.javascript
+    		}
+    	],
+    	'constant': /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+    });
+
+    Prism.languages.insertBefore('javascript', 'string', {
+    	'hashbang': {
+    		pattern: /^#!.*/,
+    		greedy: true,
+    		alias: 'comment'
+    	},
+    	'template-string': {
+    		pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
+    		greedy: true,
+    		inside: {
+    			'template-punctuation': {
+    				pattern: /^`|`$/,
+    				alias: 'string'
+    			},
+    			'interpolation': {
+    				pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
+    				lookbehind: true,
+    				inside: {
+    					'interpolation-punctuation': {
+    						pattern: /^\$\{|\}$/,
+    						alias: 'punctuation'
+    					},
+    					rest: Prism.languages.javascript
+    				}
+    			},
+    			'string': /[\s\S]+/
+    		}
+    	},
+    	'string-property': {
+    		pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+    		lookbehind: true,
+    		greedy: true,
+    		alias: 'property'
+    	}
+    });
+
+    Prism.languages.insertBefore('javascript', 'operator', {
+    	'literal-property': {
+    		pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+    		lookbehind: true,
+    		alias: 'property'
+    	},
+    });
+
+    if (Prism.languages.markup) {
+    	Prism.languages.markup.tag.addInlined('script', 'javascript');
+
+    	// add attribute support for all DOM events.
+    	// https://developer.mozilla.org/en-US/docs/Web/Events#Standard_events
+    	Prism.languages.markup.tag.addAttribute(
+    		/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,
+    		'javascript'
+    	);
+    }
+
+    Prism.languages.js = Prism.languages.javascript;
+
+    Prism.languages.markup = {
+    	'comment': {
+    		pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
+    		greedy: true
+    	},
+    	'prolog': {
+    		pattern: /<\?[\s\S]+?\?>/,
+    		greedy: true
+    	},
+    	'doctype': {
+    		// https://www.w3.org/TR/xml/#NT-doctypedecl
+    		pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
+    		greedy: true,
+    		inside: {
+    			'internal-subset': {
+    				pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/,
+    				lookbehind: true,
+    				greedy: true,
+    				inside: null // see below
+    			},
+    			'string': {
+    				pattern: /"[^"]*"|'[^']*'/,
+    				greedy: true
+    			},
+    			'punctuation': /^<!|>$|[[\]]/,
+    			'doctype-tag': /^DOCTYPE/i,
+    			'name': /[^\s<>'"]+/
+    		}
+    	},
+    	'cdata': {
+    		pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+    		greedy: true
+    	},
+    	'tag': {
+    		pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
+    		greedy: true,
+    		inside: {
+    			'tag': {
+    				pattern: /^<\/?[^\s>\/]+/,
+    				inside: {
+    					'punctuation': /^<\/?/,
+    					'namespace': /^[^\s>\/:]+:/
+    				}
+    			},
+    			'special-attr': [],
+    			'attr-value': {
+    				pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
+    				inside: {
+    					'punctuation': [
+    						{
+    							pattern: /^=/,
+    							alias: 'attr-equals'
+    						},
+    						{
+    							pattern: /^(\s*)["']|["']$/,
+    							lookbehind: true
+    						}
+    					]
+    				}
+    			},
+    			'punctuation': /\/?>/,
+    			'attr-name': {
+    				pattern: /[^\s>\/]+/,
+    				inside: {
+    					'namespace': /^[^\s>\/:]+:/
+    				}
+    			}
+
+    		}
+    	},
+    	'entity': [
+    		{
+    			pattern: /&[\da-z]{1,8};/i,
+    			alias: 'named-entity'
+    		},
+    		/&#x?[\da-f]{1,8};/i
+    	]
+    };
+
+    Prism.languages.markup['tag'].inside['attr-value'].inside['entity'] =
+    	Prism.languages.markup['entity'];
+    Prism.languages.markup['doctype'].inside['internal-subset'].inside = Prism.languages.markup;
+
+    // Plugin to make entity title show the real entity, idea by Roman Komarov
+    Prism.hooks.add('wrap', function (env) {
+
+    	if (env.type === 'entity') {
+    		env.attributes['title'] = env.content.replace(/&amp;/, '&');
+    	}
+    });
+
+    Object.defineProperty(Prism.languages.markup.tag, 'addInlined', {
+    	/**
+    	 * Adds an inlined language to markup.
+    	 *
+    	 * An example of an inlined language is CSS with `<style>` tags.
+    	 *
+    	 * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as
+    	 * case insensitive.
+    	 * @param {string} lang The language key.
+    	 * @example
+    	 * addInlined('style', 'css');
+    	 */
+    	value: function addInlined(tagName, lang) {
+    		var includedCdataInside = {};
+    		includedCdataInside['language-' + lang] = {
+    			pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
+    			lookbehind: true,
+    			inside: Prism.languages[lang]
+    		};
+    		includedCdataInside['cdata'] = /^<!\[CDATA\[|\]\]>$/i;
+
+    		var inside = {
+    			'included-cdata': {
+    				pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+    				inside: includedCdataInside
+    			}
+    		};
+    		inside['language-' + lang] = {
+    			pattern: /[\s\S]+/,
+    			inside: Prism.languages[lang]
+    		};
+
+    		var def = {};
+    		def[tagName] = {
+    			pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function () { return tagName; }), 'i'),
+    			lookbehind: true,
+    			greedy: true,
+    			inside: inside
+    		};
+
+    		Prism.languages.insertBefore('markup', 'cdata', def);
+    	}
+    });
+    Object.defineProperty(Prism.languages.markup.tag, 'addAttribute', {
+    	/**
+    	 * Adds an pattern to highlight languages embedded in HTML attributes.
+    	 *
+    	 * An example of an inlined language is CSS with `style` attributes.
+    	 *
+    	 * @param {string} attrName The name of the tag that contains the inlined language. This name will be treated as
+    	 * case insensitive.
+    	 * @param {string} lang The language key.
+    	 * @example
+    	 * addAttribute('style', 'css');
+    	 */
+    	value: function (attrName, lang) {
+    		Prism.languages.markup.tag.inside['special-attr'].push({
+    			pattern: RegExp(
+    				/(^|["'\s])/.source + '(?:' + attrName + ')' + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
+    				'i'
+    			),
+    			lookbehind: true,
+    			inside: {
+    				'attr-name': /^[^\s=]+/,
+    				'attr-value': {
+    					pattern: /=[\s\S]+/,
+    					inside: {
+    						'value': {
+    							pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
+    							lookbehind: true,
+    							alias: [lang, 'language-' + lang],
+    							inside: Prism.languages[lang]
+    						},
+    						'punctuation': [
+    							{
+    								pattern: /^=/,
+    								alias: 'attr-equals'
+    							},
+    							/"|'/
+    						]
+    					}
+    				}
+    			}
+    		});
+    	}
+    });
+
+    Prism.languages.html = Prism.languages.markup;
+    Prism.languages.mathml = Prism.languages.markup;
+    Prism.languages.svg = Prism.languages.markup;
+
+    Prism.languages.xml = Prism.languages.extend('markup', {});
+    Prism.languages.ssml = Prism.languages.xml;
+    Prism.languages.atom = Prism.languages.xml;
+    Prism.languages.rss = Prism.languages.xml;
+
+    /**
+     * Original by Aaron Harun: http://aahacreative.com/2012/07/31/php-syntax-highlighting-prism/
+     * Modified by Miles Johnson: http://milesj.me
+     * Rewritten by Tom Pavelec
+     *
+     * Supports PHP 5.3 - 8.0
+     */
+    (function (Prism) {
+    	var comment = /\/\*[\s\S]*?\*\/|\/\/.*|#(?!\[).*/;
+    	var constant = [
+    		{
+    			pattern: /\b(?:false|true)\b/i,
+    			alias: 'boolean'
+    		},
+    		{
+    			pattern: /(::\s*)\b[a-z_]\w*\b(?!\s*\()/i,
+    			greedy: true,
+    			lookbehind: true,
+    		},
+    		{
+    			pattern: /(\b(?:case|const)\s+)\b[a-z_]\w*(?=\s*[;=])/i,
+    			greedy: true,
+    			lookbehind: true,
+    		},
+    		/\b(?:null)\b/i,
+    		/\b[A-Z_][A-Z0-9_]*\b(?!\s*\()/,
+    	];
+    	var number = /\b0b[01]+(?:_[01]+)*\b|\b0o[0-7]+(?:_[0-7]+)*\b|\b0x[\da-f]+(?:_[\da-f]+)*\b|(?:\b\d+(?:_\d+)*\.?(?:\d+(?:_\d+)*)?|\B\.\d+)(?:e[+-]?\d+)?/i;
+    	var operator = /<?=>|\?\?=?|\.{3}|\??->|[!=]=?=?|::|\*\*=?|--|\+\+|&&|\|\||<<|>>|[?~]|[/^|%*&<>.+-]=?/;
+    	var punctuation = /[{}\[\](),:;]/;
+
+    	Prism.languages.php = {
+    		'delimiter': {
+    			pattern: /\?>$|^<\?(?:php(?=\s)|=)?/i,
+    			alias: 'important'
+    		},
+    		'comment': comment,
+    		'variable': /\$+(?:\w+\b|(?=\{))/,
+    		'package': {
+    			pattern: /(namespace\s+|use\s+(?:function\s+)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /\\/
+    			}
+    		},
+    		'class-name-definition': {
+    			pattern: /(\b(?:class|enum|interface|trait)\s+)\b[a-z_]\w*(?!\\)\b/i,
+    			lookbehind: true,
+    			alias: 'class-name'
+    		},
+    		'function-definition': {
+    			pattern: /(\bfunction\s+)[a-z_]\w*(?=\s*\()/i,
+    			lookbehind: true,
+    			alias: 'function'
+    		},
+    		'keyword': [
+    			{
+    				pattern: /(\(\s*)\b(?:array|bool|boolean|float|int|integer|object|string)\b(?=\s*\))/i,
+    				alias: 'type-casting',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /([(,?]\s*)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|object|self|static|string)\b(?=\s*\$)/i,
+    				alias: 'type-hint',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /(\)\s*:\s*(?:\?\s*)?)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|never|object|self|static|string|void)\b/i,
+    				alias: 'return-type',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /\b(?:array(?!\s*\()|bool|float|int|iterable|mixed|object|string|void)\b/i,
+    				alias: 'type-declaration',
+    				greedy: true
+    			},
+    			{
+    				pattern: /(\|\s*)(?:false|null)\b|\b(?:false|null)(?=\s*\|)/i,
+    				alias: 'type-declaration',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /\b(?:parent|self|static)(?=\s*::)/i,
+    				alias: 'static-context',
+    				greedy: true
+    			},
+    			{
+    				// yield from
+    				pattern: /(\byield\s+)from\b/i,
+    				lookbehind: true
+    			},
+    			// `class` is always a keyword unlike other keywords
+    			/\bclass\b/i,
+    			{
+    				// https://www.php.net/manual/en/reserved.keywords.php
+    				//
+    				// keywords cannot be preceded by "->"
+    				// the complex lookbehind means `(?<!(?:->|::)\s*)`
+    				pattern: /((?:^|[^\s>:]|(?:^|[^-])>|(?:^|[^:]):)\s*)\b(?:abstract|and|array|as|break|callable|case|catch|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|enum|eval|exit|extends|final|finally|fn|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|match|namespace|never|new|or|parent|print|private|protected|public|readonly|require|require_once|return|self|static|switch|throw|trait|try|unset|use|var|while|xor|yield|__halt_compiler)\b/i,
+    				lookbehind: true
+    			}
+    		],
+    		'argument-name': {
+    			pattern: /([(,]\s*)\b[a-z_]\w*(?=\s*:(?!:))/i,
+    			lookbehind: true
+    		},
+    		'class-name': [
+    			{
+    				pattern: /(\b(?:extends|implements|instanceof|new(?!\s+self|\s+static))\s+|\bcatch\s*\()\b[a-z_]\w*(?!\\)\b/i,
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /(\|\s*)\b[a-z_]\w*(?!\\)\b/i,
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /\b[a-z_]\w*(?!\\)\b(?=\s*\|)/i,
+    				greedy: true
+    			},
+    			{
+    				pattern: /(\|\s*)(?:\\?\b[a-z_]\w*)+\b/i,
+    				alias: 'class-name-fully-qualified',
+    				greedy: true,
+    				lookbehind: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /(?:\\?\b[a-z_]\w*)+\b(?=\s*\|)/i,
+    				alias: 'class-name-fully-qualified',
+    				greedy: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /(\b(?:extends|implements|instanceof|new(?!\s+self\b|\s+static\b))\s+|\bcatch\s*\()(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,
+    				alias: 'class-name-fully-qualified',
+    				greedy: true,
+    				lookbehind: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /\b[a-z_]\w*(?=\s*\$)/i,
+    				alias: 'type-declaration',
+    				greedy: true
+    			},
+    			{
+    				pattern: /(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,
+    				alias: ['class-name-fully-qualified', 'type-declaration'],
+    				greedy: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /\b[a-z_]\w*(?=\s*::)/i,
+    				alias: 'static-context',
+    				greedy: true
+    			},
+    			{
+    				pattern: /(?:\\?\b[a-z_]\w*)+(?=\s*::)/i,
+    				alias: ['class-name-fully-qualified', 'static-context'],
+    				greedy: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /([(,?]\s*)[a-z_]\w*(?=\s*\$)/i,
+    				alias: 'type-hint',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /([(,?]\s*)(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,
+    				alias: ['class-name-fully-qualified', 'type-hint'],
+    				greedy: true,
+    				lookbehind: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /(\)\s*:\s*(?:\?\s*)?)\b[a-z_]\w*(?!\\)\b/i,
+    				alias: 'return-type',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /(\)\s*:\s*(?:\?\s*)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,
+    				alias: ['class-name-fully-qualified', 'return-type'],
+    				greedy: true,
+    				lookbehind: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			}
+    		],
+    		'constant': constant,
+    		'function': {
+    			pattern: /(^|[^\\\w])\\?[a-z_](?:[\w\\]*\w)?(?=\s*\()/i,
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /\\/
+    			}
+    		},
+    		'property': {
+    			pattern: /(->\s*)\w+/,
+    			lookbehind: true
+    		},
+    		'number': number,
+    		'operator': operator,
+    		'punctuation': punctuation
+    	};
+
+    	var string_interpolation = {
+    		pattern: /\{\$(?:\{(?:\{[^{}]+\}|[^{}]+)\}|[^{}])+\}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)?)/,
+    		lookbehind: true,
+    		inside: Prism.languages.php
+    	};
+
+    	var string = [
+    		{
+    			pattern: /<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,
+    			alias: 'nowdoc-string',
+    			greedy: true,
+    			inside: {
+    				'delimiter': {
+    					pattern: /^<<<'[^']+'|[a-z_]\w*;$/i,
+    					alias: 'symbol',
+    					inside: {
+    						'punctuation': /^<<<'?|[';]$/
+    					}
+    				}
+    			}
+    		},
+    		{
+    			pattern: /<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,
+    			alias: 'heredoc-string',
+    			greedy: true,
+    			inside: {
+    				'delimiter': {
+    					pattern: /^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,
+    					alias: 'symbol',
+    					inside: {
+    						'punctuation': /^<<<"?|[";]$/
+    					}
+    				},
+    				'interpolation': string_interpolation
+    			}
+    		},
+    		{
+    			pattern: /`(?:\\[\s\S]|[^\\`])*`/,
+    			alias: 'backtick-quoted-string',
+    			greedy: true
+    		},
+    		{
+    			pattern: /'(?:\\[\s\S]|[^\\'])*'/,
+    			alias: 'single-quoted-string',
+    			greedy: true
+    		},
+    		{
+    			pattern: /"(?:\\[\s\S]|[^\\"])*"/,
+    			alias: 'double-quoted-string',
+    			greedy: true,
+    			inside: {
+    				'interpolation': string_interpolation
+    			}
+    		}
+    	];
+
+    	Prism.languages.insertBefore('php', 'variable', {
+    		'string': string,
+    		'attribute': {
+    			pattern: /#\[(?:[^"'\/#]|\/(?![*/])|\/\/.*$|#(?!\[).*$|\/\*(?:[^*]|\*(?!\/))*\*\/|"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*')+\](?=\s*[a-z$#])/im,
+    			greedy: true,
+    			inside: {
+    				'attribute-content': {
+    					pattern: /^(#\[)[\s\S]+(?=\]$)/,
+    					lookbehind: true,
+    					// inside can appear subset of php
+    					inside: {
+    						'comment': comment,
+    						'string': string,
+    						'attribute-class-name': [
+    							{
+    								pattern: /([^:]|^)\b[a-z_]\w*(?!\\)\b/i,
+    								alias: 'class-name',
+    								greedy: true,
+    								lookbehind: true
+    							},
+    							{
+    								pattern: /([^:]|^)(?:\\?\b[a-z_]\w*)+/i,
+    								alias: [
+    									'class-name',
+    									'class-name-fully-qualified'
+    								],
+    								greedy: true,
+    								lookbehind: true,
+    								inside: {
+    									'punctuation': /\\/
+    								}
+    							}
+    						],
+    						'constant': constant,
+    						'number': number,
+    						'operator': operator,
+    						'punctuation': punctuation
+    					}
+    				},
+    				'delimiter': {
+    					pattern: /^#\[|\]$/,
+    					alias: 'punctuation'
+    				}
+    			}
+    		},
+    	});
+
+    	Prism.hooks.add('before-tokenize', function (env) {
+    		if (!/<\?/.test(env.code)) {
+    			return;
+    		}
+
+    		var phpPattern = /<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#(?!\[))(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|#\[|\/\*(?:[^*]|\*(?!\/))*(?:\*\/|$))*?(?:\?>|$)/g;
+    		Prism.languages['markup-templating'].buildPlaceholders(env, 'php', phpPattern);
+    	});
+
+    	Prism.hooks.add('after-tokenize', function (env) {
+    		Prism.languages['markup-templating'].tokenizePlaceholders(env, 'php');
+    	});
+
+    }(Prism));
+
+    Prism.languages.python = {
+    	'comment': {
+    		pattern: /(^|[^\\])#.*/,
+    		lookbehind: true,
+    		greedy: true
+    	},
+    	'string-interpolation': {
+    		pattern: /(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
+    		greedy: true,
+    		inside: {
+    			'interpolation': {
+    				// "{" <expression> <optional "!s", "!r", or "!a"> <optional ":" format specifier> "}"
+    				pattern: /((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,
+    				lookbehind: true,
+    				inside: {
+    					'format-spec': {
+    						pattern: /(:)[^:(){}]+(?=\}$)/,
+    						lookbehind: true
+    					},
+    					'conversion-option': {
+    						pattern: /![sra](?=[:}]$)/,
+    						alias: 'punctuation'
+    					},
+    					rest: null
+    				}
+    			},
+    			'string': /[\s\S]+/
+    		}
+    	},
+    	'triple-quoted-string': {
+    		pattern: /(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,
+    		greedy: true,
+    		alias: 'string'
+    	},
+    	'string': {
+    		pattern: /(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
+    		greedy: true
+    	},
+    	'function': {
+    		pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
+    		lookbehind: true
+    	},
+    	'class-name': {
+    		pattern: /(\bclass\s+)\w+/i,
+    		lookbehind: true
+    	},
+    	'decorator': {
+    		pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
+    		lookbehind: true,
+    		alias: ['annotation', 'punctuation'],
+    		inside: {
+    			'punctuation': /\./
+    		}
+    	},
+    	'keyword': /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
+    	'builtin': /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
+    	'boolean': /\b(?:False|None|True)\b/,
+    	'number': /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,
+    	'operator': /[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
+    	'punctuation': /[{}[\];(),.:]/
+    };
+
+    Prism.languages.python['string-interpolation'].inside['interpolation'].inside.rest = Prism.languages.python;
+
+    Prism.languages.py = Prism.languages.python;
+
+    /**
+     * Original by Samuel Flores
+     *
+     * Adds the following new token classes:
+     *     constant, builtin, variable, symbol, regex
+     */
+    (function (Prism) {
+    	Prism.languages.ruby = Prism.languages.extend('clike', {
+    		'comment': {
+    			pattern: /#.*|^=begin\s[\s\S]*?^=end/m,
+    			greedy: true
+    		},
+    		'class-name': {
+    			pattern: /(\b(?:class|module)\s+|\bcatch\s+\()[\w.\\]+|\b[A-Z_]\w*(?=\s*\.\s*new\b)/,
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /[.\\]/
+    			}
+    		},
+    		'keyword': /\b(?:BEGIN|END|alias|and|begin|break|case|class|def|define_method|defined|do|each|else|elsif|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|private|protected|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/,
+    		'operator': /\.{2,3}|&\.|===|<?=>|[!=]?~|(?:&&|\|\||<<|>>|\*\*|[+\-*/%<>!^&|=])=?|[?:]/,
+    		'punctuation': /[(){}[\].,;]/,
+    	});
+
+    	Prism.languages.insertBefore('ruby', 'operator', {
+    		'double-colon': {
+    			pattern: /::/,
+    			alias: 'punctuation'
+    		},
+    	});
+
+    	var interpolation = {
+    		pattern: /((?:^|[^\\])(?:\\{2})*)#\{(?:[^{}]|\{[^{}]*\})*\}/,
+    		lookbehind: true,
+    		inside: {
+    			'content': {
+    				pattern: /^(#\{)[\s\S]+(?=\}$)/,
+    				lookbehind: true,
+    				inside: Prism.languages.ruby
+    			},
+    			'delimiter': {
+    				pattern: /^#\{|\}$/,
+    				alias: 'punctuation'
+    			}
+    		}
+    	};
+
+    	delete Prism.languages.ruby.function;
+
+    	var percentExpression = '(?:' + [
+    		/([^a-zA-Z0-9\s{(\[<=])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,
+    		/\((?:[^()\\]|\\[\s\S]|\((?:[^()\\]|\\[\s\S])*\))*\)/.source,
+    		/\{(?:[^{}\\]|\\[\s\S]|\{(?:[^{}\\]|\\[\s\S])*\})*\}/.source,
+    		/\[(?:[^\[\]\\]|\\[\s\S]|\[(?:[^\[\]\\]|\\[\s\S])*\])*\]/.source,
+    		/<(?:[^<>\\]|\\[\s\S]|<(?:[^<>\\]|\\[\s\S])*>)*>/.source
+    	].join('|') + ')';
+
+    	var symbolName = /(?:"(?:\\.|[^"\\\r\n])*"|(?:\b[a-zA-Z_]\w*|[^\s\0-\x7F]+)[?!]?|\$.)/.source;
+
+    	Prism.languages.insertBefore('ruby', 'keyword', {
+    		'regex-literal': [
+    			{
+    				pattern: RegExp(/%r/.source + percentExpression + /[egimnosux]{0,6}/.source),
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'regex': /[\s\S]+/
+    				}
+    			},
+    			{
+    				pattern: /(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,
+    				lookbehind: true,
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'regex': /[\s\S]+/
+    				}
+    			}
+    		],
+    		'variable': /[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,
+    		'symbol': [
+    			{
+    				pattern: RegExp(/(^|[^:]):/.source + symbolName),
+    				lookbehind: true,
+    				greedy: true
+    			},
+    			{
+    				pattern: RegExp(/([\r\n{(,][ \t]*)/.source + symbolName + /(?=:(?!:))/.source),
+    				lookbehind: true,
+    				greedy: true
+    			},
+    		],
+    		'method-definition': {
+    			pattern: /(\bdef\s+)\w+(?:\s*\.\s*\w+)?/,
+    			lookbehind: true,
+    			inside: {
+    				'function': /\b\w+$/,
+    				'keyword': /^self\b/,
+    				'class-name': /^\w+/,
+    				'punctuation': /\./
+    			}
+    		}
+    	});
+
+    	Prism.languages.insertBefore('ruby', 'string', {
+    		'string-literal': [
+    			{
+    				pattern: RegExp(/%[qQiIwWs]?/.source + percentExpression),
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'string': /[\s\S]+/
+    				}
+    			},
+    			{
+    				pattern: /("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'string': /[\s\S]+/
+    				}
+    			},
+    			{
+    				pattern: /<<[-~]?([a-z_]\w*)[\r\n](?:.*[\r\n])*?[\t ]*\1/i,
+    				alias: 'heredoc-string',
+    				greedy: true,
+    				inside: {
+    					'delimiter': {
+    						pattern: /^<<[-~]?[a-z_]\w*|\b[a-z_]\w*$/i,
+    						inside: {
+    							'symbol': /\b\w+/,
+    							'punctuation': /^<<[-~]?/
+    						}
+    					},
+    					'interpolation': interpolation,
+    					'string': /[\s\S]+/
+    				}
+    			},
+    			{
+    				pattern: /<<[-~]?'([a-z_]\w*)'[\r\n](?:.*[\r\n])*?[\t ]*\1/i,
+    				alias: 'heredoc-string',
+    				greedy: true,
+    				inside: {
+    					'delimiter': {
+    						pattern: /^<<[-~]?'[a-z_]\w*'|\b[a-z_]\w*$/i,
+    						inside: {
+    							'symbol': /\b\w+/,
+    							'punctuation': /^<<[-~]?'|'$/,
+    						}
+    					},
+    					'string': /[\s\S]+/
+    				}
+    			}
+    		],
+    		'command-literal': [
+    			{
+    				pattern: RegExp(/%x/.source + percentExpression),
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'command': {
+    						pattern: /[\s\S]+/,
+    						alias: 'string'
+    					}
+    				}
+    			},
+    			{
+    				pattern: /`(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|[^\\`#\r\n])*`/,
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'command': {
+    						pattern: /[\s\S]+/,
+    						alias: 'string'
+    					}
+    				}
+    			}
+    		]
+    	});
+
+    	delete Prism.languages.ruby.string;
+
+    	Prism.languages.insertBefore('ruby', 'number', {
+    		'builtin': /\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Fixnum|Float|Hash|IO|Integer|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|Stat|String|Struct|Symbol|TMS|Thread|ThreadGroup|Time|TrueClass)\b/,
+    		'constant': /\b[A-Z][A-Z0-9_]*(?:[?!]|\b)/
+    	});
+
+    	Prism.languages.rb = Prism.languages.ruby;
+    }(Prism));
+
+    // restore the original Prism reference
+    window.Prism = oldprism;
+    return Prism;
+    }(undefined, undefined);
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('codesample_languages', {
+            processor: 'object[]'
+        });
+        registerOption('codesample_global_prismjs', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const getLanguages$1 = option('codesample_languages');
+    const useGlobalPrismJS = option('codesample_global_prismjs');
+
+    const get = (editor) => Global.Prism && useGlobalPrismJS(editor) ? Global.Prism : prismjs;
+
+    const isCodeSample = (elm) => {
+        return isNonNullable(elm) && elm.nodeName === 'PRE' && elm.className.indexOf('language-') !== -1;
+    };
+
+    const getSelectedCodeSample = (editor) => {
+        const node = editor.selection ? editor.selection.getNode() : null;
+        return isCodeSample(node) ? Optional?.some(node) : Optional.none();
+    };
+    const insertCodeSample = (editor, language, code) => {
+        const dom = editor.dom;
+        editor.undoManager.transact(() => {
+            const node = getSelectedCodeSample(editor);
+            code = global$1.DOM.encode(code);
+            return node.fold(() => {
+                editor.insertContent('<pre id="__new" class="language-' + language + '">' + code + '</pre>');
+                const newPre = dom.select('#__new')[0];
+                dom.setAttrib(newPre, 'id', null);
+                editor.selection.select(newPre);
+            }, (n) => {
+                dom.setAttrib(n, 'class', 'language-' + language);
+                n.innerHTML = code;
+                get(editor).highlightElement(n);
+                editor.selection.select(n);
+            });
+        });
+    };
+    const getCurrentCode = (editor) => {
+        const node = getSelectedCodeSample(editor);
+        return node.bind((n) => Optional.from(n.textContent)).getOr('');
+    };
+
+    const getLanguages = (editor) => {
+        const defaultLanguages = [
+            { text: 'HTML/XML', value: 'markup' },
+            { text: 'JavaScript', value: 'javascript' },
+            { text: 'CSS', value: 'css' },
+            { text: 'PHP', value: 'php' },
+            { text: 'Ruby', value: 'ruby' },
+            { text: 'Python', value: 'python' },
+            { text: 'Java', value: 'java' },
+            { text: 'C', value: 'c' },
+            { text: 'C#', value: 'csharp' },
+            { text: 'C++', value: 'cpp' }
+        ];
+        const customLanguages = getLanguages$1(editor);
+        return customLanguages ? customLanguages : defaultLanguages;
+    };
+    const getCurrentLanguage = (editor, fallback) => {
+        const node = getSelectedCodeSample(editor);
+        return node.fold(() => fallback, (n) => {
+            const matches = n.className.match(/language-(\w+)/);
+            return matches ? matches[1] : fallback;
+        });
+    };
+
+    const open = (editor) => {
+        const languages = getLanguages(editor);
+        const defaultLanguage = head(languages).fold(constant(''), (l) => l.value);
+        const currentLanguage = getCurrentLanguage(editor, defaultLanguage);
+        const currentCode = getCurrentCode(editor);
+        editor.windowManager.open({
+            title: 'Insert/Edit Code Sample',
+            size: 'large',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'listbox',
+                        name: 'language',
+                        label: 'Language',
+                        items: languages
+                    },
+                    {
+                        type: 'textarea',
+                        name: 'code',
+                        label: 'Code view'
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: {
+                language: currentLanguage,
+                code: currentCode
+            },
+            onSubmit: (api) => {
+                const data = api.getData();
+                insertCodeSample(editor, data.language, data.code);
+                api.close();
+            }
+        });
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('codesample', () => {
+            const node = editor.selection.getNode();
+            if (editor.selection.isCollapsed() || isCodeSample(node)) {
+                open(editor);
+            }
+            else {
+                editor.formatter.toggle('code');
+            }
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const setup = (editor) => {
+        editor.on('PreProcess', (e) => {
+            const dom = editor.dom;
+            const pres = dom.select('pre[contenteditable=false]', e.node);
+            global.each(global.grep(pres, isCodeSample), (elm) => {
+                const code = elm.textContent;
+                dom.setAttrib(elm, 'class', trim(dom.getAttrib(elm, 'class')));
+                dom.setAttrib(elm, 'contentEditable', null);
+                dom.setAttrib(elm, 'data-mce-highlighted', null);
+                // Empty the pre element
+                let child;
+                while ((child = elm.firstChild)) {
+                    elm.removeChild(child);
+                }
+                const codeElm = dom.add(elm, 'code');
+                // Needs to be textContent since innerText produces BR:s
+                codeElm.textContent = code;
+            });
+        });
+        editor.on('SetContent', () => {
+            const dom = editor.dom;
+            const unprocessedCodeSamples = global.grep(dom.select('pre'), (elm) => {
+                return isCodeSample(elm) && dom.getAttrib(elm, 'data-mce-highlighted') !== 'true';
+            });
+            if (unprocessedCodeSamples.length) {
+                editor.undoManager.transact(() => {
+                    global.each(unprocessedCodeSamples, (elm) => {
+                        var _a;
+                        global.each(dom.select('br', elm), (elm) => {
+                            dom.replace(editor.getDoc().createTextNode('\n'), elm);
+                        });
+                        elm.innerHTML = dom.encode((_a = elm.textContent) !== null && _a !== void 0 ? _a : '');
+                        get(editor).highlightElement(elm);
+                        dom.setAttrib(elm, 'data-mce-highlighted', true);
+                        elm.className = trim(elm.className);
+                    });
+                });
+            }
+        });
+        editor.on('PreInit', () => {
+            editor.parser.addNodeFilter('pre', (nodes) => {
+                var _a;
+                for (let i = 0, l = nodes.length; i < l; i++) {
+                    const node = nodes[i];
+                    const isCodeSample = ((_a = node.attr('class')) !== null && _a !== void 0 ? _a : '').indexOf('language-') !== -1;
+                    if (isCodeSample) {
+                        node.attr('contenteditable', 'false');
+                        node.attr('data-mce-highlighted', 'false');
+                    }
+                }
+            });
+        });
+    };
+
+    const onSetupEditable = (editor, onChanged = noop) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+            onChanged(api);
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const isCodeSampleSelection = (editor) => {
+        const node = editor.selection.getStart();
+        return editor.dom.is(node, 'pre[class*="language-"]');
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('codesample');
+        editor.ui.registry.addToggleButton('codesample', {
+            icon: 'code-sample',
+            tooltip: 'Insert/edit code sample',
+            onAction,
+            onSetup: onSetupEditable(editor, (api) => {
+                api.setActive(isCodeSampleSelection(editor));
+            })
+        });
+        editor.ui.registry.addMenuItem('codesample', {
+            text: 'Code sample...',
+            icon: 'code-sample',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$2.add('codesample', (editor) => {
+            register$2(editor);
+            setup(editor);
+            register(editor);
+            register$1(editor);
+            editor.on('dblclick', (ev) => {
+                if (isCodeSample(ev.target)) {
+                    open(editor);
+                }
+            });
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/plugin.min.js
new file mode 100644
index 000000000..c9a0cf8c1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/codesample/plugin.min.js
@@ -0,0 +1,9 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>!(e=>null==e)(e),n=()=>{};class a{constructor(e,t){this.tag=e,this.value=t}static some(e){return new a(!0,e)}static none(){return a.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?a?.some(e(this.value)):a.none()}bind(e){return this.tag?e(this.value):a.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:a.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return t(e)?a?.some(e):a.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}a.singletonNone=new a(!1);const s="undefined"!=typeof window?window:Function("return this;")(),r=(i=/^\s+|\s+$/g,e=>e.replace(i,""));var i,o=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils");const l=function(){const e=window.Prism;window.Prism={manual:!0};var t=function(e){var t=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,a={},s={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t?.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++n}),e.__id},clone:function e(t,n){var a,r;switch(n=n||{},s.util.type(t)){case"Object":if(r=s.util.objId(t),n[r])return n[r];for(var i in a={},n[r]=a,t)t.hasOwnProperty(i)&&(a[i]=e(t[i],n));return a;case"Array":return r=s.util.objId(t),n[r]?n[r]:(a=[],n[r]=a,t.forEach((function(t,s){a[s]=e(t,n)})),a);default:return t}},getLanguage:function(e){for(;e;){var n=t.exec(e.className);if(n)return n[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,n){e.className=e.className.replace(RegExp(t,"gi"),""),e.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(a){var e=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(a.stack)||[])[1];if(e){var t=document.getElementsByTagName("script");for(var n in t)if(t[n].src==e)return t[n]}return null}},isActive:function(e,t,n){for(var a="no-"+t;e;){var s=e.classList;if(s.contains(t))return!0;if(s.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:a,plaintext:a,text:a,txt:a,extend:function(e,t){var n=s.util.clone(s.languages[e]);for(var a in t)n[a]=t[a];return n},insertBefore:function(e,t,n,a){var r=(a=a||s.languages)[e],i={};for(var o in r)if(r.hasOwnProperty(o)){if(o==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(o)||(i[o]=r[o])}var u=a[e];return a[e]=i,s.languages.DFS(s.languages,(function(t,n){n===u&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,a,r){r=r||{};var i=s.util.objId;for(var o in t)if(t.hasOwnProperty(o)){n.call(t,o,t[o],a||o);var l=t[o],u=s.util.type(l);"Object"!==u||r[i(l)]?"Array"!==u||r[i(l)]||(r[i(l)]=!0,e(l,n,o,r)):(r[i(l)]=!0,e(l,n,null,r))}}},plugins:{},highlightAll:function(e,t){s.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var a={callback:n,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};s.hooks.run("before-highlightall",a),a.elements=Array.prototype.slice.apply(a.container.querySelectorAll(a.selector)),s.hooks.run("before-all-elements-highlight",a);for(var r,i=0;r=a.elements[i++];)s.highlightElement(r,!0===t,a.callback)},highlightElement:function(t,n,a){var r=s.util.getLanguage(t),i=s.languages[r];s.util.setLanguage(t,r);var o=t.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&s.util.setLanguage(o,r);var l={element:t,language:r,grammar:i,code:t.textContent};function u(e){l.highlightedCode=e,s.hooks.run("before-insert",l),l.element.innerHTML=l.highlightedCode,s.hooks.run("after-highlight",l),s.hooks.run("complete",l),a&&a.call(l.element)}if(s.hooks.run("before-sanity-check",l),(o=l.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!l.code)return s.hooks.run("complete",l),void(a&&a.call(l.element));if(s.hooks.run("before-highlight",l),l.grammar)if(n&&e.Worker){var c=new Worker(s.filename);c.onmessage=function(e){u(e.data)},c.postMessage(JSON.stringify({language:l.language,code:l.code,immediateClose:!0}))}else u(s.highlight(l.code,l.grammar,l.language));else u(s.util.encode(l.code))},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(s.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=s.tokenize(a.code,a.grammar),s.hooks.run("after-tokenize",a),r.stringify(s.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var s=new l;return u(s,s.head,e),o(e,s,t,s.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(s)},hooks:{all:{},add:function(e,t){var n=s.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=s.hooks.all[e];if(n&&n.length)for(var a,r=0;a=n[r++];)a(t)}},Token:r};function r(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function i(e,t,n,a){e.lastIndex=t;var s=e.exec(n);if(s&&a&&s[1]){var r=s[1].length;s.index+=r,s[0]=s[0].slice(r)}return s}function o(e,t,n,a,l,d){for(var g in n)if(n.hasOwnProperty(g)&&n[g]){var p=n[g];p=Array.isArray(p)?p:[p];for(var b=0;b<p.length;++b){if(d&&d.cause==g+","+b)return;var h=p[b],f=h.inside,m=!!h.lookbehind,y=!!h.greedy,w=h.alias;if(y&&!h.pattern.global){var k=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,k+"g")}for(var v=h.pattern||h,_=a.next,x=l;_!==t.tail&&!(d&&x>=d.reach);x+=_.value.length,_=_.next){var F=_.value;if(t.length>e.length)return;if(!(F instanceof r)){var A,S=1;if(y){if(!(A=i(v,x,e,m))||A.index>=e.length)break;var $=A.index,z=A.index+A[0].length,E=x;for(E+=_.value.length;$>=E;)E+=(_=_.next).value.length;if(x=E-=_.value.length,_.value instanceof r)continue;for(var C=_;C!==t.tail&&(E<z||"string"==typeof C.value);C=C.next)S++,E+=C.value.length;S--,F=e.slice(x,E),A.index-=x}else if(!(A=i(v,0,F,m)))continue;$=A.index;var j=A[0],B=F.slice(0,$),T=F.slice($+j.length),O=x+F.length;d&&O>d.reach&&(d.reach=O);var P=_.prev;if(B&&(P=u(t,P,B),x+=B.length),c(t,P,S),_=u(t,P,new r(g,f?s.tokenize(j,f):j,w,j)),T&&u(t,_,T),S>1){var N={cause:g+","+b,reach:O};o(e,t,n,_.prev,x,N),d&&N.reach>d.reach&&(d.reach=N.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function u(e,t,n){var a=t.next,s={value:n,prev:t,next:a};return t.next=s,a.prev=s,e.length++,s}function c(e,t,n){for(var a=t.next,s=0;s<n&&a!==e.tail;s++)a=a.next;t.next=a,a.prev=t,e.length-=s}if(e.Prism=s,r.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var a="";return t.forEach((function(t){a+=e(t,n)})),a}var r={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(r.classes,i):r.classes.push(i)),s.hooks.run("wrap",r);var o="";for(var l in r.attributes)o+=" "+l+'="'+(r.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+o+">"+r.content+"</"+r.tag+">"},!e.document)return e.addEventListener?(s.disableWorkerMessageHandler||e.addEventListener("message",(function(t){var n=JSON.parse(t.data),a=n.language,r=n.code,i=n.immediateClose;e.postMessage(s.highlight(r,s.languages[a],a)),i&&e.close()}),!1),s):s;var d=s.util.currentScript();function g(){s.manual||s.highlightAll()}if(d&&(s.filename=d.src,d.hasAttribute("data-manual")&&(s.manual=!0)),!s.manual){var p=document.readyState;"loading"===p||"interactive"===p&&d&&d.defer?document.addEventListener("DOMContentLoaded",g):window.requestAnimationFrame?window.requestAnimationFrame(g):window.setTimeout(g,16)}return s}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});
+/**
+     * Prism: Lightweight, robust, elegant syntax highlighting
+     *
+     * @license MIT <https://opensource.org/licenses/MIT>
+     * @author Lea Verou <https://lea.verou.me>
+     * @namespace
+     * @public
+     */return t.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,s,r){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(s,(function(e){if("function"==typeof r&&!r(e))return e;for(var s,o=i.length;-1!==n.code.indexOf(s=t(a,o));)++o;return i[o]=e,s})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var s=0,r=Object.keys(n.tokenStack);!function i(o){for(var l=0;l<o.length&&!(s>=r.length);l++){var u=o[l];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=r[s],d=n.tokenStack[c],g="string"==typeof u?u:u.content,p=t(a,c),b=g.indexOf(p);if(b>-1){++s;var h=g.substring(0,b),f=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),m=g.substring(b+p.length),y=[];h&&y.push.apply(y,i([h])),y.push(f),m&&y.push.apply(y,i([m])),"string"==typeof u?o.splice.apply(o,[l,1].concat(y)):u.content=y}}else u.content&&i(u.content)}return o}(n.tokens)}}}})}(t),t.languages.c=t.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),t.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),t.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},t.languages.c.string],char:t.languages.c.char,comment:t.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:t.languages.c}}}}),t.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete t.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(t),function(e){function t(e,t){return e.replace(/<<(\d+)>>/g,(function(e,n){return"(?:"+t[+n]+")"}))}function n(e,n,a){return RegExp(t(e,n),a||"")}function a(e,t){for(var n=0;n<t;n++)e=e.replace(/<<self>>/g,(function(){return"(?:"+e+")"}));return e.replace(/<<self>>/g,"[^\\s\\S]")}var s="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",r="class enum interface record struct",i="add alias and ascending async await by descending from(?=\\s*(?:\\w|$)) get global group into init(?=\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\s*{)",o="abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield";function l(e){return"\\b(?:"+e.trim().replace(/ /g,"|")+")\\b"}var u=l(r),c=RegExp(l(s+" "+r+" "+i+" "+o)),d=l(r+" "+i+" "+o),g=l(s+" "+r+" "+o),p=a(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source,2),b=a(/\((?:[^()]|<<self>>)*\)/.source,2),h=/@?\b[A-Za-z_]\w*\b/.source,f=t(/<<0>>(?:\s*<<1>>)?/.source,[h,p]),m=t(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source,[d,f]),y=/\[\s*(?:,\s*)*\]/.source,w=t(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source,[m,y]),k=t(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source,[p,b,y]),v=t(/\(<<0>>+(?:,<<0>>+)+\)/.source,[k]),_=t(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source,[v,m,y]),x={keyword:c,punctuation:/[<>()?,.:[\]]/},F=/'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source,A=/"(?:\\.|[^\\"\r\n])*"/.source,S=/@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;e.languages.csharp=e.languages.extend("clike",{string:[{pattern:n(/(^|[^$\\])<<0>>/.source,[S]),lookbehind:!0,greedy:!0},{pattern:n(/(^|[^@$\\])<<0>>/.source,[A]),lookbehind:!0,greedy:!0}],"class-name":[{pattern:n(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source,[m]),lookbehind:!0,inside:x},{pattern:n(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source,[h,_]),lookbehind:!0,inside:x},{pattern:n(/(\busing\s+)<<0>>(?=\s*=)/.source,[h]),lookbehind:!0},{pattern:n(/(\b<<0>>\s+)<<1>>/.source,[u,f]),lookbehind:!0,inside:x},{pattern:n(/(\bcatch\s*\(\s*)<<0>>/.source,[m]),lookbehind:!0,inside:x},{pattern:n(/(\bwhere\s+)<<0>>/.source,[h]),lookbehind:!0},{pattern:n(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source,[w]),lookbehind:!0,inside:x},{pattern:n(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source,[_,g,h]),inside:x}],keyword:c,number:/(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:[dflmu]|lu|ul)?\b/i,operator:/>>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,punctuation:/\?\.?|::|[{}[\];(),.:]/}),e.languages.insertBefore("csharp","number",{range:{pattern:/\.\./,alias:"operator"}}),e.languages.insertBefore("csharp","punctuation",{"named-parameter":{pattern:n(/([(,]\s*)<<0>>(?=\s*:)/.source,[h]),lookbehind:!0,alias:"punctuation"}}),e.languages.insertBefore("csharp","class-name",{namespace:{pattern:n(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source,[h]),lookbehind:!0,inside:{punctuation:/\./}},"type-expression":{pattern:n(/(\b(?:default|sizeof|typeof)\s*\(\s*(?!\s))(?:[^()\s]|\s(?!\s)|<<0>>)*(?=\s*\))/.source,[b]),lookbehind:!0,alias:"class-name",inside:x},"return-type":{pattern:n(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source,[_,m]),inside:x,alias:"class-name"},"constructor-invocation":{pattern:n(/(\bnew\s+)<<0>>(?=\s*[[({])/.source,[_]),lookbehind:!0,inside:x,alias:"class-name"},"generic-method":{pattern:n(/<<0>>\s*<<1>>(?=\s*\()/.source,[h,p]),inside:{function:n(/^<<0>>/.source,[h]),generic:{pattern:RegExp(p),alias:"class-name",inside:x}}},"type-list":{pattern:n(/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source,[u,f,h,_,c.source,b,/\bnew\s*\(\s*\)/.source]),lookbehind:!0,inside:{"record-arguments":{pattern:n(/(^(?!new\s*\()<<0>>\s*)<<1>>/.source,[f,b]),lookbehind:!0,greedy:!0,inside:e.languages.csharp},keyword:c,"class-name":{pattern:RegExp(_),greedy:!0,inside:x},punctuation:/[,()]/}},preprocessor:{pattern:/(^[\t ]*)#.*/m,lookbehind:!0,alias:"property",inside:{directive:{pattern:/(#)\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\b/,lookbehind:!0,alias:"keyword"}}}});var $=A+"|"+F,z=t(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source,[$]),E=a(t(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[z]),2),C=/\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source,j=t(/<<0>>(?:\s*\(<<1>>*\))?/.source,[m,E]);e.languages.insertBefore("csharp","class-name",{attribute:{pattern:n(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source,[C,j]),lookbehind:!0,greedy:!0,inside:{target:{pattern:n(/^<<0>>(?=\s*:)/.source,[C]),alias:"keyword"},"attribute-arguments":{pattern:n(/\(<<0>>*\)/.source,[E]),inside:e.languages.csharp},"class-name":{pattern:RegExp(m),inside:{punctuation:/\./}},punctuation:/[:,]/}}});var B=/:[^}\r\n]+/.source,T=a(t(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[z]),2),O=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[T,B]),P=a(t(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<<self>>*\)/.source,[$]),2),N=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[P,B]);function R(t,a){return{interpolation:{pattern:n(/((?:^|[^{])(?:\{\{)*)<<0>>/.source,[t]),lookbehind:!0,inside:{"format-string":{pattern:n(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source,[a,B]),lookbehind:!0,inside:{punctuation:/^:/}},punctuation:/^\{|\}$/,expression:{pattern:/[\s\S]+/,alias:"language-csharp",inside:e.languages.csharp}}},string:/[\s\S]+/}}e.languages.insertBefore("csharp","string",{"interpolation-string":[{pattern:n(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source,[O]),lookbehind:!0,greedy:!0,inside:R(O,T)},{pattern:n(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source,[N]),lookbehind:!0,greedy:!0,inside:R(N,P)}],char:{pattern:RegExp(F),greedy:!0}}),e.languages.dotnet=e.languages.cs=e.languages.csharp}(t),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(t),function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,n=/(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source,a={pattern:RegExp(/(^|[^\w.])/.source+n+/[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}},punctuation:/\./}};e.languages.java=e.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,lookbehind:!0,greedy:!0},"class-name":[a,{pattern:RegExp(/(^|[^\w.])/.source+n+/[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),lookbehind:!0,inside:a.inside},{pattern:RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source+n+/[A-Z]\w*\b/.source),lookbehind:!0,inside:a.inside}],keyword:t,function:[e.languages.clike.function,{pattern:/(::\s*)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0},constant:/\b[A-Z][A-Z_\d]+\b/}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"},char:{pattern:/'(?:\\.|[^'\\\r\n]){1,6}'/,greedy:!0}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},import:[{pattern:RegExp(/(\bimport\s+)/.source+n+/(?:[A-Z]\w*|\*)(?=\s*;)/.source),lookbehind:!0,inside:{namespace:a.inside.namespace,punctuation:/\./,operator:/\*/,"class-name":/\w+/}},{pattern:RegExp(/(\bimport\s+static\s+)/.source+n+/(?:\w+|\*)(?=\s*;)/.source),lookbehind:!0,alias:"static",inside:{namespace:a.inside.namespace,static:/\b\w+$/,punctuation:/\./,operator:/\*/,"class-name":/\w+/}}],namespace:{pattern:RegExp(/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0,inside:{punctuation:/\./}}})}(t),t.languages.javascript=t.languages.extend("clike",{"class-name":[t.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),t.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,t.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:t.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:t.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:t.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:t.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:t.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),t.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:t.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),t.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),t.languages.markup&&(t.languages.markup.tag.addInlined("script","javascript"),t.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),t.languages.js=t.languages.javascript,t.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},t.languages.markup.tag.inside["attr-value"].inside.entity=t.languages.markup.entity,t.languages.markup.doctype.inside["internal-subset"].inside=t.languages.markup,t.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(t.languages.markup.tag,"addInlined",{value:function(e,n){var a={};a["language-"+n]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:t.languages[n]},a.cdata=/^<!\[CDATA\[|\]\]>$/i;var s={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:a}};s["language-"+n]={pattern:/[\s\S]+/,inside:t.languages[n]};var r={};r[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:s},t.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(t.languages.markup.tag,"addAttribute",{value:function(e,n){t.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[n,"language-"+n],inside:t.languages[n]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),t.languages.html=t.languages.markup,t.languages.mathml=t.languages.markup,t.languages.svg=t.languages.markup,t.languages.xml=t.languages.extend("markup",{}),t.languages.ssml=t.languages.xml,t.languages.atom=t.languages.xml,t.languages.rss=t.languages.xml,function(e){var t=/\/\*[\s\S]*?\*\/|\/\/.*|#(?!\[).*/,n=[{pattern:/\b(?:false|true)\b/i,alias:"boolean"},{pattern:/(::\s*)\b[a-z_]\w*\b(?!\s*\()/i,greedy:!0,lookbehind:!0},{pattern:/(\b(?:case|const)\s+)\b[a-z_]\w*(?=\s*[;=])/i,greedy:!0,lookbehind:!0},/\b(?:null)\b/i,/\b[A-Z_][A-Z0-9_]*\b(?!\s*\()/],a=/\b0b[01]+(?:_[01]+)*\b|\b0o[0-7]+(?:_[0-7]+)*\b|\b0x[\da-f]+(?:_[\da-f]+)*\b|(?:\b\d+(?:_\d+)*\.?(?:\d+(?:_\d+)*)?|\B\.\d+)(?:e[+-]?\d+)?/i,s=/<?=>|\?\?=?|\.{3}|\??->|[!=]=?=?|::|\*\*=?|--|\+\+|&&|\|\||<<|>>|[?~]|[/^|%*&<>.+-]=?/,r=/[{}\[\](),:;]/;e.languages.php={delimiter:{pattern:/\?>$|^<\?(?:php(?=\s)|=)?/i,alias:"important"},comment:t,variable:/\$+(?:\w+\b|(?=\{))/,package:{pattern:/(namespace\s+|use\s+(?:function\s+)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,lookbehind:!0,inside:{punctuation:/\\/}},"class-name-definition":{pattern:/(\b(?:class|enum|interface|trait)\s+)\b[a-z_]\w*(?!\\)\b/i,lookbehind:!0,alias:"class-name"},"function-definition":{pattern:/(\bfunction\s+)[a-z_]\w*(?=\s*\()/i,lookbehind:!0,alias:"function"},keyword:[{pattern:/(\(\s*)\b(?:array|bool|boolean|float|int|integer|object|string)\b(?=\s*\))/i,alias:"type-casting",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|object|self|static|string)\b(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|never|object|self|static|string|void)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/\b(?:array(?!\s*\()|bool|float|int|iterable|mixed|object|string|void)\b/i,alias:"type-declaration",greedy:!0},{pattern:/(\|\s*)(?:false|null)\b|\b(?:false|null)(?=\s*\|)/i,alias:"type-declaration",greedy:!0,lookbehind:!0},{pattern:/\b(?:parent|self|static)(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(\byield\s+)from\b/i,lookbehind:!0},/\bclass\b/i,{pattern:/((?:^|[^\s>:]|(?:^|[^-])>|(?:^|[^:]):)\s*)\b(?:abstract|and|array|as|break|callable|case|catch|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|enum|eval|exit|extends|final|finally|fn|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|match|namespace|never|new|or|parent|print|private|protected|public|readonly|require|require_once|return|self|static|switch|throw|trait|try|unset|use|var|while|xor|yield|__halt_compiler)\b/i,lookbehind:!0}],"argument-name":{pattern:/([(,]\s*)\b[a-z_]\w*(?=\s*:(?!:))/i,lookbehind:!0},"class-name":[{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self|\s+static))\s+|\bcatch\s*\()\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/(\|\s*)\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/\b[a-z_]\w*(?!\\)\b(?=\s*\|)/i,greedy:!0},{pattern:/(\|\s*)(?:\\?\b[a-z_]\w*)+\b/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(?:\\?\b[a-z_]\w*)+\b(?=\s*\|)/i,alias:"class-name-fully-qualified",greedy:!0,inside:{punctuation:/\\/}},{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self\b|\s+static\b))\s+|\bcatch\s*\()(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*\$)/i,alias:"type-declaration",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-declaration"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*::)/i,alias:["class-name-fully-qualified","static-context"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/([(,?]\s*)[a-z_]\w*(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-hint"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b[a-z_]\w*(?!\\)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:["class-name-fully-qualified","return-type"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:n,function:{pattern:/(^|[^\\\w])\\?[a-z_](?:[\w\\]*\w)?(?=\s*\()/i,lookbehind:!0,inside:{punctuation:/\\/}},property:{pattern:/(->\s*)\w+/,lookbehind:!0},number:a,operator:s,punctuation:r};var i={pattern:/\{\$(?:\{(?:\{[^{}]+\}|[^{}]+)\}|[^{}])+\}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)?)/,lookbehind:!0,inside:e.languages.php},o=[{pattern:/<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,alias:"nowdoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<'[^']+'|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<'?|[';]$/}}}},{pattern:/<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<"?|[";]$/}},interpolation:i}},{pattern:/`(?:\\[\s\S]|[^\\`])*`/,alias:"backtick-quoted-string",greedy:!0},{pattern:/'(?:\\[\s\S]|[^\\'])*'/,alias:"single-quoted-string",greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,alias:"double-quoted-string",greedy:!0,inside:{interpolation:i}}];e.languages.insertBefore("php","variable",{string:o,attribute:{pattern:/#\[(?:[^"'\/#]|\/(?![*/])|\/\/.*$|#(?!\[).*$|\/\*(?:[^*]|\*(?!\/))*\*\/|"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*')+\](?=\s*[a-z$#])/im,greedy:!0,inside:{"attribute-content":{pattern:/^(#\[)[\s\S]+(?=\]$)/,lookbehind:!0,inside:{comment:t,string:o,"attribute-class-name":[{pattern:/([^:]|^)\b[a-z_]\w*(?!\\)\b/i,alias:"class-name",greedy:!0,lookbehind:!0},{pattern:/([^:]|^)(?:\\?\b[a-z_]\w*)+/i,alias:["class-name","class-name-fully-qualified"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:n,number:a,operator:s,punctuation:r}},delimiter:{pattern:/^#\[|\]$/,alias:"punctuation"}}}}),e.hooks.add("before-tokenize",(function(t){/<\?/.test(t.code)&&e.languages["markup-templating"].buildPlaceholders(t,"php",/<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#(?!\[))(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|#\[|\/\*(?:[^*]|\*(?!\/))*(?:\*\/|$))*?(?:\?>|$)/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"php")}))}(t),t.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},t.languages.python["string-interpolation"].inside.interpolation.inside.rest=t.languages.python,t.languages.py=t.languages.python,function(e){e.languages.ruby=e.languages.extend("clike",{comment:{pattern:/#.*|^=begin\s[\s\S]*?^=end/m,greedy:!0},"class-name":{pattern:/(\b(?:class|module)\s+|\bcatch\s+\()[\w.\\]+|\b[A-Z_]\w*(?=\s*\.\s*new\b)/,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:BEGIN|END|alias|and|begin|break|case|class|def|define_method|defined|do|each|else|elsif|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|private|protected|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/,operator:/\.{2,3}|&\.|===|<?=>|[!=]?~|(?:&&|\|\||<<|>>|\*\*|[+\-*/%<>!^&|=])=?|[?:]/,punctuation:/[(){}[\].,;]/}),e.languages.insertBefore("ruby","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}});var t={pattern:/((?:^|[^\\])(?:\\{2})*)#\{(?:[^{}]|\{[^{}]*\})*\}/,lookbehind:!0,inside:{content:{pattern:/^(#\{)[\s\S]+(?=\}$)/,lookbehind:!0,inside:e.languages.ruby},delimiter:{pattern:/^#\{|\}$/,alias:"punctuation"}}};delete e.languages.ruby.function;var n="(?:"+[/([^a-zA-Z0-9\s{(\[<=])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,/\((?:[^()\\]|\\[\s\S]|\((?:[^()\\]|\\[\s\S])*\))*\)/.source,/\{(?:[^{}\\]|\\[\s\S]|\{(?:[^{}\\]|\\[\s\S])*\})*\}/.source,/\[(?:[^\[\]\\]|\\[\s\S]|\[(?:[^\[\]\\]|\\[\s\S])*\])*\]/.source,/<(?:[^<>\\]|\\[\s\S]|<(?:[^<>\\]|\\[\s\S])*>)*>/.source].join("|")+")",a=/(?:"(?:\\.|[^"\\\r\n])*"|(?:\b[a-zA-Z_]\w*|[^\s\0-\x7F]+)[?!]?|\$.)/.source;e.languages.insertBefore("ruby","keyword",{"regex-literal":[{pattern:RegExp(/%r/.source+n+/[egimnosux]{0,6}/.source),greedy:!0,inside:{interpolation:t,regex:/[\s\S]+/}},{pattern:/(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,lookbehind:!0,greedy:!0,inside:{interpolation:t,regex:/[\s\S]+/}}],variable:/[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,symbol:[{pattern:RegExp(/(^|[^:]):/.source+a),lookbehind:!0,greedy:!0},{pattern:RegExp(/([\r\n{(,][ \t]*)/.source+a+/(?=:(?!:))/.source),lookbehind:!0,greedy:!0}],"method-definition":{pattern:/(\bdef\s+)\w+(?:\s*\.\s*\w+)?/,lookbehind:!0,inside:{function:/\b\w+$/,keyword:/^self\b/,"class-name":/^\w+/,punctuation:/\./}}}),e.languages.insertBefore("ruby","string",{"string-literal":[{pattern:RegExp(/%[qQiIwWs]?/.source+n),greedy:!0,inside:{interpolation:t,string:/[\s\S]+/}},{pattern:/("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,greedy:!0,inside:{interpolation:t,string:/[\s\S]+/}},{pattern:/<<[-~]?([a-z_]\w*)[\r\n](?:.*[\r\n])*?[\t ]*\1/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<[-~]?[a-z_]\w*|\b[a-z_]\w*$/i,inside:{symbol:/\b\w+/,punctuation:/^<<[-~]?/}},interpolation:t,string:/[\s\S]+/}},{pattern:/<<[-~]?'([a-z_]\w*)'[\r\n](?:.*[\r\n])*?[\t ]*\1/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<[-~]?'[a-z_]\w*'|\b[a-z_]\w*$/i,inside:{symbol:/\b\w+/,punctuation:/^<<[-~]?'|'$/}},string:/[\s\S]+/}}],"command-literal":[{pattern:RegExp(/%x/.source+n),greedy:!0,inside:{interpolation:t,command:{pattern:/[\s\S]+/,alias:"string"}}},{pattern:/`(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|[^\\`#\r\n])*`/,greedy:!0,inside:{interpolation:t,command:{pattern:/[\s\S]+/,alias:"string"}}}]}),delete e.languages.ruby.string,e.languages.insertBefore("ruby","number",{builtin:/\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Fixnum|Float|Hash|IO|Integer|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|Stat|String|Struct|Symbol|TMS|Thread|ThreadGroup|Time|TrueClass)\b/,constant:/\b[A-Z][A-Z0-9_]*(?:[?!]|\b)/}),e.languages.rb=e.languages.ruby}(t),window.Prism=e,t}(),u=e=>t=>t.options.get(e),c=u("codesample_languages"),d=u("codesample_global_prismjs"),g=e=>s.Prism&&d(e)?s.Prism:l,p=e=>t(e)&&"PRE"===e.nodeName&&-1!==e.className.indexOf("language-"),b=e=>{const t=e.selection?e.selection.getNode():null;return p(t)?a?.some(t):a.none()},h=e=>{const t=(e=>c(e)||[{text:"HTML/XML",value:"markup"},{text:"JavaScript",value:"javascript"},{text:"CSS",value:"css"},{text:"PHP",value:"php"},{text:"Ruby",value:"ruby"},{text:"Python",value:"python"},{text:"Java",value:"java"},{text:"C",value:"c"},{text:"C#",value:"csharp"},{text:"C++",value:"cpp"}])(e),n=(s=t,(e=>0<e.length?a?.some(e[0]):a.none())(s)).fold((()=>""),(e=>e.value));var s;const r=((e,t)=>b(e).fold((()=>t),(e=>{const n=e.className.match(/language-(\w+)/);return n?n[1]:t})))(e,n),i=(e=>b(e).bind((e=>a.from(e.textContent))).getOr(""))(e);e.windowManager.open({title:"Insert/Edit Code Sample",size:"large",body:{type:"panel",items:[{type:"listbox",name:"language",label:"Language",items:t},{type:"textarea",name:"code",label:"Code view"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{language:r,code:i},onSubmit:t=>{const n=t.getData();((e,t,n)=>{const a=e.dom;e.undoManager.transact((()=>{const s=b(e);return n=o.DOM.encode(n),s.fold((()=>{e.insertContent('<pre id="__new" class="language-'+t+'">'+n+"</pre>");const s=a.select("#__new")[0];a.setAttrib(s,"id",null),e.selection.select(s)}),(s=>{a.setAttrib(s,"class","language-"+t),s.innerHTML=n,g(e).highlightElement(s),e.selection.select(s)}))}))})(e,n.language,n.code),t.close()}})};var f=tinymce.util.Tools.resolve("tinymce.util.Tools");const m=(e,t=n)=>n=>{const a=()=>{n.setEnabled(e.selection.isEditable()),t(n)};return e.on("NodeChange",a),a(),()=>{e.off("NodeChange",a)}};e.add("codesample",(e=>{(e=>{const t=e.options.register;t("codesample_languages",{processor:"object[]"}),t("codesample_global_prismjs",{processor:"boolean",default:!1})})(e),(e=>{e.on("PreProcess",(t=>{const n=e.dom,a=n.select("pre[contenteditable=false]",t.node);f.each(f.grep(a,p),(e=>{const t=e.textContent;let a;for(n.setAttrib(e,"class",r(n.getAttrib(e,"class"))),n.setAttrib(e,"contentEditable",null),n.setAttrib(e,"data-mce-highlighted",null);a=e.firstChild;)e.removeChild(a);n.add(e,"code").textContent=t}))})),e.on("SetContent",(()=>{const t=e.dom,n=f.grep(t.select("pre"),(e=>p(e)&&"true"!==t.getAttrib(e,"data-mce-highlighted")));n.length&&e.undoManager.transact((()=>{f.each(n,(n=>{var a;f.each(t.select("br",n),(n=>{t.replace(e.getDoc().createTextNode("\n"),n)})),n.innerHTML=t.encode(null!==(a=n.textContent)&&void 0!==a?a:""),g(e).highlightElement(n),t.setAttrib(n,"data-mce-highlighted",!0),n.className=r(n.className)}))}))})),e.on("PreInit",(()=>{e.parser.addNodeFilter("pre",(e=>{var t;for(let n=0,a=e.length;n<a;n++){const a=e[n];-1!==(null!==(t=a.attr("class"))&&void 0!==t?t:"").indexOf("language-")&&(a.attr("contenteditable","false"),a.attr("data-mce-highlighted","false"))}}))}))})(e),(e=>{const t=()=>e.execCommand("codesample");e.ui.registry.addToggleButton("codesample",{icon:"code-sample",tooltip:"Insert/edit code sample",onAction:t,onSetup:m(e,(t=>{t.setActive((e=>{const t=e.selection.getStart();return e.dom.is(t,'pre[class*="language-"]')})(e))}))}),e.ui.registry.addMenuItem("codesample",{text:"Code sample...",icon:"code-sample",onAction:t,onSetup:m(e)})})(e),(e=>{e.addCommand("codesample",(()=>{const t=e.selection.getNode();e.selection.isCollapsed()||p(t)?h(e):e.formatter.toggle("code")}))})(e),e.on("dblclick",(t=>{p(t.target)&&h(e)}))}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/index.js
new file mode 100644
index 000000000..e2740c3b8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/index.js
@@ -0,0 +1,7 @@
+// Exports the "directionality" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/directionality')
+//   ES2015:
+//     import 'tinymce/plugins/directionality'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/plugin.js
new file mode 100644
index 000000000..98da5dbec
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/plugin.js
@@ -0,0 +1,636 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType$1('string');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement(e) && name(e) === tag;
+
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const children$2 = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const remove = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+
+    const getDirection = (element) => get(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+
+    const ancestor$1 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+
+    const ancestor = (scope, selector, isRoot) => ancestor$1(scope, (e) => is(e, selector), isRoot);
+
+    const children$1 = (scope, predicate) => filter(children$2(scope), predicate);
+
+    const children = (scope, selector) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all the wrapping and unwrapping
+    children$1(scope, (e) => is(e, selector));
+
+    const getParentElement = (element) => parent(element).filter(isElement);
+    // if the block is a list item, we need to get the parent of the list itself
+    const getNormalizedBlock = (element, isListItem) => {
+        const normalizedElement = isListItem ? ancestor(element, 'ol,ul') : Optional?.some(element);
+        return normalizedElement.getOr(element);
+    };
+    const isListItem = isTag('li');
+    const setDirOnElements = (dom, blocks, dir) => {
+        each(blocks, (block) => {
+            const blockElement = SugarElement.fromDom(block);
+            const isBlockElementListItem = isListItem(blockElement);
+            const normalizedBlock = getNormalizedBlock(blockElement, isBlockElementListItem);
+            const normalizedBlockParent = getParentElement(normalizedBlock);
+            normalizedBlockParent.each((parent) => {
+                // TINY-9314: Remove any inline direction style to ensure that it is only set when necessary and that
+                // the dir attribute is favored
+                dom.setStyle(normalizedBlock.dom, 'direction', null);
+                const parentDirection = getDirection(parent);
+                if (parentDirection === dir) {
+                    remove(normalizedBlock, 'dir');
+                }
+                else {
+                    set(normalizedBlock, 'dir', dir);
+                }
+                // TINY-9314: Set an inline direction style if computed css direction is still not as desired. This can
+                // happen when the direction style is derived from a stylesheet.
+                if (getDirection(normalizedBlock) !== dir) {
+                    dom.setStyle(normalizedBlock.dom, 'direction', dir);
+                }
+                // Remove dir attr and direction style from list children
+                if (isBlockElementListItem) {
+                    const listItems = children(normalizedBlock, 'li[dir],li[style]');
+                    each(listItems, (listItem) => {
+                        remove(listItem, 'dir');
+                        dom.setStyle(listItem.dom, 'direction', null);
+                    });
+                }
+            });
+        });
+    };
+    const setDir = (editor, dir) => {
+        if (editor.selection.isEditable()) {
+            setDirOnElements(editor.dom, editor.selection.getSelectedBlocks(), dir);
+            editor.nodeChanged();
+        }
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceDirectionLTR', () => {
+            setDir(editor, 'ltr');
+        });
+        editor.addCommand('mceDirectionRTL', () => {
+            setDir(editor, 'rtl');
+        });
+    };
+
+    const getNodeChangeHandler = (editor, dir) => (api) => {
+        const nodeChangeHandler = (e) => {
+            const element = SugarElement.fromDom(e.element);
+            api.setActive(getDirection(element) === dir);
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChangeHandler);
+        api.setEnabled(editor.selection.isEditable());
+        return () => editor.off('NodeChange', nodeChangeHandler);
+    };
+    const register = (editor) => {
+        editor.ui.registry.addToggleButton('ltr', {
+            tooltip: 'Left to right',
+            icon: 'ltr',
+            onAction: () => editor.execCommand('mceDirectionLTR'),
+            onSetup: getNodeChangeHandler(editor, 'ltr')
+        });
+        editor.ui.registry.addToggleButton('rtl', {
+            tooltip: 'Right to left',
+            icon: 'rtl',
+            onAction: () => editor.execCommand('mceDirectionRTL'),
+            onSetup: getNodeChangeHandler(editor, 'rtl')
+        });
+    };
+
+    var Plugin = () => {
+        global.add('directionality', (editor) => {
+            register$1(editor);
+            register(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/plugin.min.js
new file mode 100644
index 000000000..a91bb8318
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/directionality/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=t=>e=>typeof e===t,r=t=>"string"===(t=>{const e=typeof t;return null===t?"null":"object"===e&&Array.isArray(t)?"array":"object"===e&&(r=o=t,(n=String).prototype.isPrototypeOf(r)||(null===(i=o.constructor)||void 0===i?void 0:i.name)===n.name)?"string":e;var r,o,n,i})(t),o=e("boolean"),n=t=>!(t=>null==t)(t),i=e("function"),s=e("number"),l=()=>false;class a{constructor(t,e){this.tag=t,this.value=e}static some(t){return new a(!0,t)}static none(){return a.singletonNone}fold(t,e){return this.tag?e(this.value):t()}isSome(){return this.tag}isNone(){return!this.tag}map(t){return this.tag?a?.some(t(this.value)):a.none()}bind(t){return this.tag?t(this.value):a.none()}exists(t){return this.tag&&t(this.value)}forall(t){return!this.tag||t(this.value)}filter(t){return!this.tag||t(this.value)?this:a.none()}getOr(t){return this.tag?this.value:t}or(t){return this.tag?this:t}getOrThunk(t){return this.tag?this.value:t()}orThunk(t){return this.tag?this:t()}getOrDie(t){if(this.tag)return this.value;throw new Error(null!=t?t:"Called getOrDie on None")}static from(t){return n(t)?a?.some(t):a.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(t){this.tag&&t(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}a.singletonNone=new a(!1),Array.prototype.slice;const u=(t,e)=>{for(let r=0,o=t.length;r<o;r++)e(t[r],r)};i(Array.from)&&Array.from;const c=t=>{if(null==t)throw new Error("Node cannot be null or undefined");return{dom:t}},d=c,h=(t,e)=>{const r=t.dom;if(1!==r.nodeType)return!1;{const t=r;if(void 0!==t.matches)return t.matches(e);if(void 0!==t.msMatchesSelector)return t.msMatchesSelector(e);if(void 0!==t.webkitMatchesSelector)return t.webkitMatchesSelector(e);if(void 0!==t.mozMatchesSelector)return t.mozMatchesSelector(e);throw new Error("Browser lacks native selectors")}},m=t=>e=>(t=>t.dom.nodeType)(e)===t,g=m(1),f=m(3),v=m(11),y=t=>d(t.dom.host),p=(t,e)=>{t.dom.removeAttribute(e)},w=t=>{const e=f(t)?t.dom.parentNode:t.dom;if(null==e||null===e.ownerDocument)return!1;const r=e.ownerDocument;return(t=>{const e=(t=>d(t.dom.getRootNode()))(t);return v(r=e)&&n(r.dom.host)?a?.some(e):a.none();var r})(d(e)).fold((()=>r.body.contains(e)),(o=w,i=y,t=>o(i(t))));var o,i},b=t=>"rtl"===((t,e)=>{const r=t.dom,o=window.getComputedStyle(r).getPropertyValue(e);return""!==o||w(t)?o:((t,e)=>(t=>void 0!==t.style&&i(t.style.getPropertyValue))(t)?t.style.getPropertyValue(e):"")(r,e)})(t,"direction")?"rtl":"ltr",S=(t,e)=>(t=>((t,e)=>{const r=[];for(let o=0,n=t.length;o<n;o++){const n=t[o];e(n,o)&&r.push(n)}return r})(((t,e)=>{const r=t.length,o=new Array(r);for(let n=0;n<r;n++){const r=t[n];o[n]=e(r,n)}return o})(t.dom.childNodes,d),(t=>h(t,e))))(t),N=t=>g(t)&&"li"===t.dom.nodeName.toLowerCase();const A=(t,e,n)=>{u(e,(e=>{const c=d(e),m=N(c),f=((t,e)=>{return(e?(r=t,o="ol,ul",((t,e,r)=>{let n=t.dom;const s=i(r)?r:l;for(;n.parentNode;){n=n.parentNode;const t=d(n);if(h(t,o))return a?.some(t);if(s(t))break}return a.none()})(r,0,n)):a?.some(t)).getOr(t);var r,o,n})(c,m);var v;(v=f,(t=>a.from(t.dom.parentNode)?.map(d))(v).filter(g)).each((e=>{if(t.setStyle(f.dom,"direction",null),b(e)===n?p(f,"dir"):((t,e,n)=>{((t,e,n)=>{if(!(r(n)||o(n)||s(n)))throw console.error("Invalid call to Attribute.set. Key ",e,":: Value ",n,":: Element ",t),new Error("Attribute value was not simple");t.setAttribute(e,n+"")})(t.dom,e,n)})(f,"dir",n),b(f)!==n&&t.setStyle(f.dom,"direction",n),m){const e=S(f,"li[dir],li[style]");u(e,(e=>{p(e,"dir"),t.setStyle(e.dom,"direction",null)}))}}))}))},T=(t,e)=>{t.selection.isEditable()&&(A(t.dom,t.selection.getSelectedBlocks(),e),t.nodeChanged())},C=(t,e)=>r=>{const o=o=>{const n=d(o.element);r.setActive(b(n)===e),r.setEnabled(t.selection.isEditable())};return t.on("NodeChange",o),r.setEnabled(t.selection.isEditable()),()=>t.off("NodeChange",o)};t.add("directionality",(t=>{(t=>{t.addCommand("mceDirectionLTR",(()=>{T(t,"ltr")})),t.addCommand("mceDirectionRTL",(()=>{T(t,"rtl")}))})(t),(t=>{t.ui.registry.addToggleButton("ltr",{tooltip:"Left to right",icon:"ltr",onAction:()=>t.execCommand("mceDirectionLTR"),onSetup:C(t,"ltr")}),t.ui.registry.addToggleButton("rtl",{tooltip:"Right to left",icon:"rtl",onAction:()=>t.execCommand("mceDirectionRTL"),onSetup:C(t,"rtl")})})(t)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/index.js
new file mode 100644
index 000000000..7a9737980
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/index.js
@@ -0,0 +1,7 @@
+// Exports the "emoticons" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/emoticons')
+//   ES2015:
+//     import 'tinymce/plugins/emoticons'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojiimages.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojiimages.js
new file mode 100644
index 000000000..6fcec717a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojiimages.js
@@ -0,0 +1 @@
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💯" src="1f4af.png"/>',fitzpatrick_scale:false,category:"symbols"},1234:{keywords:["numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔢" src="1f522.png"/>',fitzpatrick_scale:false,category:"symbols"},grinning:{keywords:["face","smile","happy","joy",":D","grin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😀" src="1f600.png"/>',fitzpatrick_scale:false,category:"people"},grimacing:{keywords:["face","grimace","teeth"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😬" src="1f62c.png"/>',fitzpatrick_scale:false,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😁" src="1f601.png"/>',fitzpatrick_scale:false,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😂" src="1f602.png"/>',fitzpatrick_scale:false,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤣" src="1f923.png"/>',fitzpatrick_scale:false,category:"people"},partying:{keywords:["face","celebration","woohoo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥳" src="1f973.png"/>',fitzpatrick_scale:false,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😃" src="1f603.png"/>',fitzpatrick_scale:false,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😄" src="1f604.png"/>',fitzpatrick_scale:false,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😅" src="1f605.png"/>',fitzpatrick_scale:false,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😆" src="1f606.png"/>',fitzpatrick_scale:false,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😇" src="1f607.png"/>',fitzpatrick_scale:false,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😉" src="1f609.png"/>',fitzpatrick_scale:false,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😊" src="1f60a.png"/>',fitzpatrick_scale:false,category:"people"},slightly_smiling_face:{keywords:["face","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙂" src="1f642.png"/>',fitzpatrick_scale:false,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙃" src="1f643.png"/>',fitzpatrick_scale:false,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☺️" src="263a.png"/>',fitzpatrick_scale:false,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😋" src="1f60b.png"/>',fitzpatrick_scale:false,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😌" src="1f60c.png"/>',fitzpatrick_scale:false,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😍" src="1f60d.png"/>',fitzpatrick_scale:false,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥰" src="1f970.png"/>',fitzpatrick_scale:false,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😘" src="1f618.png"/>',fitzpatrick_scale:false,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😗" src="1f617.png"/>',fitzpatrick_scale:false,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😙" src="1f619.png"/>',fitzpatrick_scale:false,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😚" src="1f61a.png"/>',fitzpatrick_scale:false,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😜" src="1f61c.png"/>',fitzpatrick_scale:false,category:"people"},zany:{keywords:["face","goofy","crazy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤪" src="1f92a.png"/>',fitzpatrick_scale:false,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤨" src="1f928.png"/>',fitzpatrick_scale:false,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧐" src="1f9d0.png"/>',fitzpatrick_scale:false,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😝" src="1f61d.png"/>',fitzpatrick_scale:false,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😛" src="1f61b.png"/>',fitzpatrick_scale:false,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤑" src="1f911.png"/>',fitzpatrick_scale:false,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤓" src="1f913.png"/>',fitzpatrick_scale:false,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😎" src="1f60e.png"/>',fitzpatrick_scale:false,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤩" src="1f929.png"/>',fitzpatrick_scale:false,category:"people"},clown_face:{keywords:["face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤡" src="1f921.png"/>',fitzpatrick_scale:false,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤠" src="1f920.png"/>',fitzpatrick_scale:false,category:"people"},hugs:{keywords:["face","smile","hug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤗" src="1f917.png"/>',fitzpatrick_scale:false,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😏" src="1f60f.png"/>',fitzpatrick_scale:false,category:"people"},no_mouth:{keywords:["face","hellokitty"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😶" src="1f636.png"/>',fitzpatrick_scale:false,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😐" src="1f610.png"/>',fitzpatrick_scale:false,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😑" src="1f611.png"/>',fitzpatrick_scale:false,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😒" src="1f612.png"/>',fitzpatrick_scale:false,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙄" src="1f644.png"/>',fitzpatrick_scale:false,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤔" src="1f914.png"/>',fitzpatrick_scale:false,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤥" src="1f925.png"/>',fitzpatrick_scale:false,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤭" src="1f92d.png"/>',fitzpatrick_scale:false,category:"people"},shushing:{keywords:["face","quiet","shhh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤫" src="1f92b.png"/>',fitzpatrick_scale:false,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤬" src="1f92c.png"/>',fitzpatrick_scale:false,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤯" src="1f92f.png"/>',fitzpatrick_scale:false,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😳" src="1f633.png"/>',fitzpatrick_scale:false,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😞" src="1f61e.png"/>',fitzpatrick_scale:false,category:"people"},worried:{keywords:["face","concern","nervous",":("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😟" src="1f61f.png"/>',fitzpatrick_scale:false,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😠" src="1f620.png"/>',fitzpatrick_scale:false,category:"people"},rage:{keywords:["angry","mad","hate","despise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😡" src="1f621.png"/>',fitzpatrick_scale:false,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😔" src="1f614.png"/>',fitzpatrick_scale:false,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😕" src="1f615.png"/>',fitzpatrick_scale:false,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙁" src="1f641.png"/>',fitzpatrick_scale:false,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☹" src="2639.png"/>',fitzpatrick_scale:false,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😣" src="1f623.png"/>',fitzpatrick_scale:false,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😖" src="1f616.png"/>',fitzpatrick_scale:false,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😫" src="1f62b.png"/>',fitzpatrick_scale:false,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😩" src="1f629.png"/>',fitzpatrick_scale:false,category:"people"},pleading:{keywords:["face","begging","mercy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥺" src="1f97a.png"/>',fitzpatrick_scale:false,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😤" src="1f624.png"/>',fitzpatrick_scale:false,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😮" src="1f62e.png"/>',fitzpatrick_scale:false,category:"people"},scream:{keywords:["face","munch","scared","omg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😱" src="1f631.png"/>',fitzpatrick_scale:false,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😨" src="1f628.png"/>',fitzpatrick_scale:false,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😰" src="1f630.png"/>',fitzpatrick_scale:false,category:"people"},hushed:{keywords:["face","woo","shh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😯" src="1f62f.png"/>',fitzpatrick_scale:false,category:"people"},frowning:{keywords:["face","aw","what"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😦" src="1f626.png"/>',fitzpatrick_scale:false,category:"people"},anguished:{keywords:["face","stunned","nervous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😧" src="1f627.png"/>',fitzpatrick_scale:false,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😢" src="1f622.png"/>',fitzpatrick_scale:false,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😥" src="1f625.png"/>',fitzpatrick_scale:false,category:"people"},drooling_face:{keywords:["face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤤" src="1f924.png"/>',fitzpatrick_scale:false,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😪" src="1f62a.png"/>',fitzpatrick_scale:false,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😓" src="1f613.png"/>',fitzpatrick_scale:false,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥵" src="1f975.png"/>',fitzpatrick_scale:false,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥶" src="1f976.png"/>',fitzpatrick_scale:false,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😭" src="1f62d.png"/>',fitzpatrick_scale:false,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😵" src="1f635.png"/>',fitzpatrick_scale:false,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😲" src="1f632.png"/>',fitzpatrick_scale:false,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤐" src="1f910.png"/>',fitzpatrick_scale:false,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤢" src="1f922.png"/>',fitzpatrick_scale:false,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤧" src="1f927.png"/>',fitzpatrick_scale:false,category:"people"},vomiting:{keywords:["face","sick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤮" src="1f92e.png"/>',fitzpatrick_scale:false,category:"people"},mask:{keywords:["face","sick","ill","disease"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😷" src="1f637.png"/>',fitzpatrick_scale:false,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤒" src="1f912.png"/>',fitzpatrick_scale:false,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤕" src="1f915.png"/>',fitzpatrick_scale:false,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥴" src="1f974.png"/>',fitzpatrick_scale:false,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😴" src="1f634.png"/>',fitzpatrick_scale:false,category:"people"},zzz:{keywords:["sleepy","tired","dream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💤" src="1f4a4.png"/>',fitzpatrick_scale:false,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💩" src="1f4a9.png"/>',fitzpatrick_scale:false,category:"people"},smiling_imp:{keywords:["devil","horns"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😈" src="1f608.png"/>',fitzpatrick_scale:false,category:"people"},imp:{keywords:["devil","angry","horns"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👿" src="1f47f.png"/>',fitzpatrick_scale:false,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👹" src="1f479.png"/>',fitzpatrick_scale:false,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👺" src="1f47a.png"/>',fitzpatrick_scale:false,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💀" src="1f480.png"/>',fitzpatrick_scale:false,category:"people"},ghost:{keywords:["halloween","spooky","scary"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👻" src="1f47b.png"/>',fitzpatrick_scale:false,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👽" src="1f47d.png"/>',fitzpatrick_scale:false,category:"people"},robot:{keywords:["computer","machine","bot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤖" src="1f916.png"/>',fitzpatrick_scale:false,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😺" src="1f63a.png"/>',fitzpatrick_scale:false,category:"people"},smile_cat:{keywords:["animal","cats","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😸" src="1f638.png"/>',fitzpatrick_scale:false,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😹" src="1f639.png"/>',fitzpatrick_scale:false,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😻" src="1f63b.png"/>',fitzpatrick_scale:false,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😼" src="1f63c.png"/>',fitzpatrick_scale:false,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😽" src="1f63d.png"/>',fitzpatrick_scale:false,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙀" src="1f640.png"/>',fitzpatrick_scale:false,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😿" src="1f63f.png"/>',fitzpatrick_scale:false,category:"people"},pouting_cat:{keywords:["animal","cats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😾" src="1f63e.png"/>',fitzpatrick_scale:false,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤲" src="1f932.png"/>',fitzpatrick_scale:true,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙌" src="1f64c.png"/>',fitzpatrick_scale:true,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👏" src="1f44f.png"/>',fitzpatrick_scale:true,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👋" src="1f44b.png"/>',fitzpatrick_scale:true,category:"people"},call_me_hand:{keywords:["hands","gesture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤙" src="1f919.png"/>',fitzpatrick_scale:true,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👍" src="1f44d.png"/>',fitzpatrick_scale:true,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👎" src="1f44e.png"/>',fitzpatrick_scale:true,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👊" src="1f44a.png"/>',fitzpatrick_scale:true,category:"people"},fist:{keywords:["fingers","hand","grasp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✊" src="270a.png"/>',fitzpatrick_scale:true,category:"people"},fist_left:{keywords:["hand","fistbump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤛" src="1f91b.png"/>',fitzpatrick_scale:true,category:"people"},fist_right:{keywords:["hand","fistbump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤜" src="1f91c.png"/>',fitzpatrick_scale:true,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✌" src="270c.png"/>',fitzpatrick_scale:true,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👌" src="1f44c.png"/>',fitzpatrick_scale:true,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✋" src="270b.png"/>',fitzpatrick_scale:true,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤚" src="1f91a.png"/>',fitzpatrick_scale:true,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👐" src="1f450.png"/>',fitzpatrick_scale:true,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💪" src="1f4aa.png"/>',fitzpatrick_scale:true,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙏" src="1f64f.png"/>',fitzpatrick_scale:true,category:"people"},foot:{keywords:["kick","stomp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦶" src="1f9b6.png"/>',fitzpatrick_scale:true,category:"people"},leg:{keywords:["kick","limb"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦵" src="1f9b5.png"/>',fitzpatrick_scale:true,category:"people"},handshake:{keywords:["agreement","shake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤝" src="1f91d.png"/>',fitzpatrick_scale:false,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☝" src="261d.png"/>',fitzpatrick_scale:true,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👆" src="1f446.png"/>',fitzpatrick_scale:true,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👇" src="1f447.png"/>',fitzpatrick_scale:true,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👈" src="1f448.png"/>',fitzpatrick_scale:true,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👉" src="1f449.png"/>',fitzpatrick_scale:true,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖕" src="1f595.png"/>',fitzpatrick_scale:true,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖐" src="1f590.png"/>',fitzpatrick_scale:true,category:"people"},love_you:{keywords:["hand","fingers","gesture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤟" src="1f91f.png"/>',fitzpatrick_scale:true,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤘" src="1f918.png"/>',fitzpatrick_scale:true,category:"people"},crossed_fingers:{keywords:["good","lucky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤞" src="1f91e.png"/>',fitzpatrick_scale:true,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖖" src="1f596.png"/>',fitzpatrick_scale:true,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✍" src="270d.png"/>',fitzpatrick_scale:true,category:"people"},selfie:{keywords:["camera","phone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤳" src="1f933.png"/>',fitzpatrick_scale:true,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💅" src="1f485.png"/>',fitzpatrick_scale:true,category:"people"},lips:{keywords:["mouth","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👄" src="1f444.png"/>',fitzpatrick_scale:false,category:"people"},tooth:{keywords:["teeth","dentist"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦷" src="1f9b7.png"/>',fitzpatrick_scale:false,category:"people"},tongue:{keywords:["mouth","playful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👅" src="1f445.png"/>',fitzpatrick_scale:false,category:"people"},ear:{keywords:["face","hear","sound","listen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👂" src="1f442.png"/>',fitzpatrick_scale:true,category:"people"},nose:{keywords:["smell","sniff"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👃" src="1f443.png"/>',fitzpatrick_scale:true,category:"people"},eye:{keywords:["face","look","see","watch","stare"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👁" src="1f441.png"/>',fitzpatrick_scale:false,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👀" src="1f440.png"/>',fitzpatrick_scale:false,category:"people"},brain:{keywords:["smart","intelligent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧠" src="1f9e0.png"/>',fitzpatrick_scale:false,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👤" src="1f464.png"/>',fitzpatrick_scale:false,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👥" src="1f465.png"/>',fitzpatrick_scale:false,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗣" src="1f5e3.png"/>',fitzpatrick_scale:false,category:"people"},baby:{keywords:["child","boy","girl","toddler"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👶" src="1f476.png"/>',fitzpatrick_scale:true,category:"people"},child:{keywords:["gender-neutral","young"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧒" src="1f9d2.png"/>',fitzpatrick_scale:true,category:"people"},boy:{keywords:["man","male","guy","teenager"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👦" src="1f466.png"/>',fitzpatrick_scale:true,category:"people"},girl:{keywords:["female","woman","teenager"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👧" src="1f467.png"/>',fitzpatrick_scale:true,category:"people"},adult:{keywords:["gender-neutral","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧑" src="1f9d1.png"/>',fitzpatrick_scale:true,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨" src="1f468.png"/>',fitzpatrick_scale:true,category:"people"},woman:{keywords:["female","girls","lady"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩" src="1f469.png"/>',fitzpatrick_scale:true,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👱‍♀️" src="1f471-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👱" src="1f471.png"/>',fitzpatrick_scale:true,category:"people"},bearded_person:{keywords:["person","bewhiskered"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧔" src="1f9d4.png"/>',fitzpatrick_scale:true,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧓" src="1f9d3.png"/>',fitzpatrick_scale:true,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👴" src="1f474.png"/>',fitzpatrick_scale:true,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👵" src="1f475.png"/>',fitzpatrick_scale:true,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👲" src="1f472.png"/>',fitzpatrick_scale:true,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧕" src="1f9d5.png"/>',fitzpatrick_scale:true,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👳‍♀️" src="1f473-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👳" src="1f473.png"/>',fitzpatrick_scale:true,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👮‍♀️" src="1f46e-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👮" src="1f46e.png"/>',fitzpatrick_scale:true,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👷‍♀️" src="1f477-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👷" src="1f477.png"/>',fitzpatrick_scale:true,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💂‍♀️" src="1f482-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💂" src="1f482.png"/>',fitzpatrick_scale:true,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕵️‍♀️" src="1f575-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},male_detective:{keywords:["human","spy","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕵" src="1f575.png"/>',fitzpatrick_scale:true,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍⚕️" src="1f469-200d-2695-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍⚕️" src="1f468-200d-2695-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🌾" src="1f469-200d-1f33e.png"/>',fitzpatrick_scale:true,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🌾" src="1f468-200d-1f33e.png"/>',fitzpatrick_scale:true,category:"people"},woman_cook:{keywords:["chef","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🍳" src="1f469-200d-1f373.png"/>',fitzpatrick_scale:true,category:"people"},man_cook:{keywords:["chef","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🍳" src="1f468-200d-1f373.png"/>',fitzpatrick_scale:true,category:"people"},woman_student:{keywords:["graduate","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🎓" src="1f469-200d-1f393.png"/>',fitzpatrick_scale:true,category:"people"},man_student:{keywords:["graduate","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🎓" src="1f468-200d-1f393.png"/>',fitzpatrick_scale:true,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🎤" src="1f469-200d-1f3a4.png"/>',fitzpatrick_scale:true,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🎤" src="1f468-200d-1f3a4.png"/>',fitzpatrick_scale:true,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🏫" src="1f469-200d-1f3eb.png"/>',fitzpatrick_scale:true,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🏫" src="1f468-200d-1f3eb.png"/>',fitzpatrick_scale:true,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🏭" src="1f469-200d-1f3ed.png"/>',fitzpatrick_scale:true,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🏭" src="1f468-200d-1f3ed.png"/>',fitzpatrick_scale:true,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍💻" src="1f469-200d-1f4bb.png"/>',fitzpatrick_scale:true,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍💻" src="1f468-200d-1f4bb.png"/>',fitzpatrick_scale:true,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍💼" src="1f469-200d-1f4bc.png"/>',fitzpatrick_scale:true,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍💼" src="1f468-200d-1f4bc.png"/>',fitzpatrick_scale:true,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🔧" src="1f469-200d-1f527.png"/>',fitzpatrick_scale:true,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🔧" src="1f468-200d-1f527.png"/>',fitzpatrick_scale:true,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🔬" src="1f469-200d-1f52c.png"/>',fitzpatrick_scale:true,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🔬" src="1f468-200d-1f52c.png"/>',fitzpatrick_scale:true,category:"people"},woman_artist:{keywords:["painter","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🎨" src="1f469-200d-1f3a8.png"/>',fitzpatrick_scale:true,category:"people"},man_artist:{keywords:["painter","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🎨" src="1f468-200d-1f3a8.png"/>',fitzpatrick_scale:true,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🚒" src="1f469-200d-1f692.png"/>',fitzpatrick_scale:true,category:"people"},man_firefighter:{keywords:["fireman","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🚒" src="1f468-200d-1f692.png"/>',fitzpatrick_scale:true,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍✈️" src="1f469-200d-2708-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍✈️" src="1f468-200d-2708-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🚀" src="1f469-200d-1f680.png"/>',fitzpatrick_scale:true,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🚀" src="1f468-200d-1f680.png"/>',fitzpatrick_scale:true,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍⚖️" src="1f469-200d-2696-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_judge:{keywords:["justice","court","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍⚖️" src="1f468-200d-2696-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦸‍♀️" src="1f9b8-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦸‍♂️" src="1f9b8-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦹‍♀️" src="1f9b9-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦹‍♂️" src="1f9b9-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤶" src="1f936.png"/>',fitzpatrick_scale:true,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎅" src="1f385.png"/>',fitzpatrick_scale:true,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧙‍♀️" src="1f9d9-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧙‍♂️" src="1f9d9-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_elf:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧝‍♀️" src="1f9dd-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_elf:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧝‍♂️" src="1f9dd-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_vampire:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧛‍♀️" src="1f9db-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_vampire:{keywords:["man","male","dracula"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧛‍♂️" src="1f9db-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧟‍♀️" src="1f9df-200d-2640-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧟‍♂️" src="1f9df-200d-2642-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},woman_genie:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧞‍♀️" src="1f9de-200d-2640-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},man_genie:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧞‍♂️" src="1f9de-200d-2642-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧜‍♀️" src="1f9dc-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},merman:{keywords:["man","male","triton"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧜‍♂️" src="1f9dc-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_fairy:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧚‍♀️" src="1f9da-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_fairy:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧚‍♂️" src="1f9da-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},angel:{keywords:["heaven","wings","halo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👼" src="1f47c.png"/>',fitzpatrick_scale:true,category:"people"},pregnant_woman:{keywords:["baby"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤰" src="1f930.png"/>',fitzpatrick_scale:true,category:"people"},breastfeeding:{keywords:["nursing","baby"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤱" src="1f931.png"/>',fitzpatrick_scale:true,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👸" src="1f478.png"/>',fitzpatrick_scale:true,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤴" src="1f934.png"/>',fitzpatrick_scale:true,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👰" src="1f470.png"/>',fitzpatrick_scale:true,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤵" src="1f935.png"/>',fitzpatrick_scale:true,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏃‍♀️" src="1f3c3-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏃" src="1f3c3.png"/>',fitzpatrick_scale:true,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚶‍♀️" src="1f6b6-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},walking_man:{keywords:["human","feet","steps"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚶" src="1f6b6.png"/>',fitzpatrick_scale:true,category:"people"},dancer:{keywords:["female","girl","woman","fun"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💃" src="1f483.png"/>',fitzpatrick_scale:true,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕺" src="1f57a.png"/>',fitzpatrick_scale:true,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👯" src="1f46f.png"/>',fitzpatrick_scale:false,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👯‍♂️" src="1f46f-200d-2642-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👫" src="1f46b.png"/>',fitzpatrick_scale:false,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👬" src="1f46c.png"/>',fitzpatrick_scale:false,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👭" src="1f46d.png"/>',fitzpatrick_scale:false,category:"people"},bowing_woman:{keywords:["woman","female","girl"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙇‍♀️" src="1f647-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},bowing_man:{keywords:["man","male","boy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙇" src="1f647.png"/>',fitzpatrick_scale:true,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤦‍♂️" src="1f926-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤦‍♀️" src="1f926-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤷" src="1f937.png"/>',fitzpatrick_scale:true,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤷‍♂️" src="1f937-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💁" src="1f481.png"/>',fitzpatrick_scale:true,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💁‍♂️" src="1f481-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙅" src="1f645.png"/>',fitzpatrick_scale:true,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙅‍♂️" src="1f645-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙆" src="1f646.png"/>',fitzpatrick_scale:true,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙆‍♂️" src="1f646-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙋" src="1f64b.png"/>',fitzpatrick_scale:true,category:"people"},raising_hand_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙋‍♂️" src="1f64b-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},pouting_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙎" src="1f64e.png"/>',fitzpatrick_scale:true,category:"people"},pouting_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙎‍♂️" src="1f64e-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙍" src="1f64d.png"/>',fitzpatrick_scale:true,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙍‍♂️" src="1f64d-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},haircut_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💇" src="1f487.png"/>',fitzpatrick_scale:true,category:"people"},haircut_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💇‍♂️" src="1f487-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💆" src="1f486.png"/>',fitzpatrick_scale:true,category:"people"},massage_man:{keywords:["male","boy","man","head"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💆‍♂️" src="1f486-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧖‍♀️" src="1f9d6-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧖‍♂️" src="1f9d6-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💑" src="1f491.png"/>',fitzpatrick_scale:false,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍❤️‍👩" src="1f469-200d-2764-fe0f-200d-1f469.png"/>',fitzpatrick_scale:false,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍❤️‍👨" src="1f468-200d-2764-fe0f-200d-1f468.png"/>',fitzpatrick_scale:false,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💏" src="1f48f.png"/>',fitzpatrick_scale:false,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍❤️‍💋‍👩" src="1f469-200d-2764-fe0f-200d-1f48b-200d-1f469.png"/>',fitzpatrick_scale:false,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍❤️‍💋‍👨" src="1f468-200d-2764-fe0f-200d-1f48b-200d-1f468.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👪" src="1f46a.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👩‍👧" src="1f468-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👩‍👧‍👦" src="1f468-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👩‍👦‍👦" src="1f468-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👩‍👧‍👧" src="1f468-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👦" src="1f469-200d-1f469-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👧" src="1f469-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👧‍👦" src="1f469-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👦‍👦" src="1f469-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👧‍👧" src="1f469-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👦" src="1f468-200d-1f468-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👧" src="1f468-200d-1f468-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👧‍👦" src="1f468-200d-1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👦‍👦" src="1f468-200d-1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👧‍👧" src="1f468-200d-1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👦" src="1f469-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👧" src="1f469-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👧‍👦" src="1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👦‍👦" src="1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👧‍👧" src="1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👦" src="1f468-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👧" src="1f468-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👧‍👦" src="1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👦‍👦" src="1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👧‍👧" src="1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},yarn:{keywords:["ball","crochet","knit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧶" src="1f9f6.png"/>',fitzpatrick_scale:false,category:"people"},thread:{keywords:["needle","sewing","spool","string"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧵" src="1f9f5.png"/>',fitzpatrick_scale:false,category:"people"},coat:{keywords:["jacket"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧥" src="1f9e5.png"/>',fitzpatrick_scale:false,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥼" src="1f97c.png"/>',fitzpatrick_scale:false,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👚" src="1f45a.png"/>',fitzpatrick_scale:false,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👕" src="1f455.png"/>',fitzpatrick_scale:false,category:"people"},jeans:{keywords:["fashion","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👖" src="1f456.png"/>',fitzpatrick_scale:false,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👔" src="1f454.png"/>',fitzpatrick_scale:false,category:"people"},dress:{keywords:["clothes","fashion","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👗" src="1f457.png"/>',fitzpatrick_scale:false,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👙" src="1f459.png"/>',fitzpatrick_scale:false,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👘" src="1f458.png"/>',fitzpatrick_scale:false,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💄" src="1f484.png"/>',fitzpatrick_scale:false,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💋" src="1f48b.png"/>',fitzpatrick_scale:false,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👣" src="1f463.png"/>',fitzpatrick_scale:false,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥿" src="1f97f.png"/>',fitzpatrick_scale:false,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👠" src="1f460.png"/>',fitzpatrick_scale:false,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👡" src="1f461.png"/>',fitzpatrick_scale:false,category:"people"},boot:{keywords:["shoes","fashion"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👢" src="1f462.png"/>',fitzpatrick_scale:false,category:"people"},mans_shoe:{keywords:["fashion","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👞" src="1f45e.png"/>',fitzpatrick_scale:false,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👟" src="1f45f.png"/>',fitzpatrick_scale:false,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥾" src="1f97e.png"/>',fitzpatrick_scale:false,category:"people"},socks:{keywords:["stockings","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧦" src="1f9e6.png"/>',fitzpatrick_scale:false,category:"people"},gloves:{keywords:["hands","winter","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧤" src="1f9e4.png"/>',fitzpatrick_scale:false,category:"people"},scarf:{keywords:["neck","winter","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧣" src="1f9e3.png"/>',fitzpatrick_scale:false,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👒" src="1f452.png"/>',fitzpatrick_scale:false,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎩" src="1f3a9.png"/>',fitzpatrick_scale:false,category:"people"},billed_hat:{keywords:["cap","baseball"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧢" src="1f9e2.png"/>',fitzpatrick_scale:false,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛑" src="26d1.png"/>',fitzpatrick_scale:false,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎓" src="1f393.png"/>',fitzpatrick_scale:false,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👑" src="1f451.png"/>',fitzpatrick_scale:false,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎒" src="1f392.png"/>',fitzpatrick_scale:false,category:"people"},luggage:{keywords:["packing","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧳" src="1f9f3.png"/>',fitzpatrick_scale:false,category:"people"},pouch:{keywords:["bag","accessories","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👝" src="1f45d.png"/>',fitzpatrick_scale:false,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👛" src="1f45b.png"/>',fitzpatrick_scale:false,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👜" src="1f45c.png"/>',fitzpatrick_scale:false,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💼" src="1f4bc.png"/>',fitzpatrick_scale:false,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👓" src="1f453.png"/>',fitzpatrick_scale:false,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕶" src="1f576.png"/>',fitzpatrick_scale:false,category:"people"},goggles:{keywords:["eyes","protection","safety"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥽" src="1f97d.png"/>',fitzpatrick_scale:false,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💍" src="1f48d.png"/>',fitzpatrick_scale:false,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌂" src="1f302.png"/>',fitzpatrick_scale:false,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐶" src="1f436.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐱" src="1f431.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐭" src="1f42d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐹" src="1f439.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐰" src="1f430.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦊" src="1f98a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐻" src="1f43b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐼" src="1f43c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},koala:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐨" src="1f428.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐯" src="1f42f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},lion:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦁" src="1f981.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐮" src="1f42e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐷" src="1f437.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐽" src="1f43d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐸" src="1f438.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦑" src="1f991.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐙" src="1f419.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦐" src="1f990.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐵" src="1f435.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦍" src="1f98d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙈" src="1f648.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙉" src="1f649.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙊" src="1f64a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐒" src="1f412.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐔" src="1f414.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐧" src="1f427.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐦" src="1f426.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐤" src="1f424.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐣" src="1f423.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐥" src="1f425.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦆" src="1f986.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦅" src="1f985.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦉" src="1f989.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦇" src="1f987.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐺" src="1f43a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},boar:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐗" src="1f417.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐴" src="1f434.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦄" src="1f984.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐝" src="1f41d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐛" src="1f41b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦋" src="1f98b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐌" src="1f40c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐞" src="1f41e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐜" src="1f41c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦗" src="1f997.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕷" src="1f577.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦂" src="1f982.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦀" src="1f980.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐍" src="1f40d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦎" src="1f98e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦖" src="1f996.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦕" src="1f995.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐢" src="1f422.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐠" src="1f420.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐟" src="1f41f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐡" src="1f421.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐬" src="1f42c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦈" src="1f988.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐳" src="1f433.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐋" src="1f40b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐊" src="1f40a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐆" src="1f406.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦓" src="1f993.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐅" src="1f405.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐃" src="1f403.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐂" src="1f402.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐄" src="1f404.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦌" src="1f98c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐪" src="1f42a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐫" src="1f42b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦒" src="1f992.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐘" src="1f418.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦏" src="1f98f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},goat:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐐" src="1f410.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐏" src="1f40f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐑" src="1f411.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐎" src="1f40e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐖" src="1f416.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐀" src="1f400.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐁" src="1f401.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐓" src="1f413.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦃" src="1f983.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dove:{keywords:["animal","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕊" src="1f54a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐕" src="1f415.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐩" src="1f429.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐈" src="1f408.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐇" src="1f407.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐿" src="1f43f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦔" src="1f994.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦝" src="1f99d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦙" src="1f999.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦛" src="1f99b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦘" src="1f998.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦡" src="1f9a1.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦢" src="1f9a2.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦚" src="1f99a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦜" src="1f99c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦞" src="1f99e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦟" src="1f99f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐾" src="1f43e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐉" src="1f409.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐲" src="1f432.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌵" src="1f335.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎄" src="1f384.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌲" src="1f332.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌳" src="1f333.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌴" src="1f334.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌱" src="1f331.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌿" src="1f33f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☘" src="2618.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍀" src="1f340.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎍" src="1f38d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎋" src="1f38b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍃" src="1f343.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍂" src="1f342.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍁" src="1f341.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌾" src="1f33e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌺" src="1f33a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌻" src="1f33b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌹" src="1f339.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥀" src="1f940.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌷" src="1f337.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌼" src="1f33c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌸" src="1f338.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💐" src="1f490.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍄" src="1f344.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌰" src="1f330.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎃" src="1f383.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐚" src="1f41a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕸" src="1f578.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌎" src="1f30e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌍" src="1f30d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌏" src="1f30f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌕" src="1f315.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌖" src="1f316.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌗" src="1f317.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌘" src="1f318.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌑" src="1f311.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌒" src="1f312.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌓" src="1f313.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌔" src="1f314.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌚" src="1f31a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌝" src="1f31d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌛" src="1f31b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌜" src="1f31c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌞" src="1f31e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌙" src="1f319.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},star:{keywords:["night","yellow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⭐" src="2b50.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌟" src="1f31f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💫" src="1f4ab.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✨" src="2728.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},comet:{keywords:["space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☄" src="2604.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☀️" src="2600.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌤" src="1f324.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛅" src="26c5.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌥" src="1f325.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌦" src="1f326.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☁️" src="2601.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌧" src="1f327.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛈" src="26c8.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌩" src="1f329.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚡" src="26a1.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔥" src="1f525.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💥" src="1f4a5.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❄️" src="2744.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌨" src="1f328.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛄" src="26c4.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☃" src="2603.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌬" src="1f32c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💨" src="1f4a8.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌪" src="1f32a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fog:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌫" src="1f32b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☂" src="2602.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☔" src="2614.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💧" src="1f4a7.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💦" src="1f4a6.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌊" src="1f30a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍏" src="1f34f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍎" src="1f34e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍐" src="1f350.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍊" src="1f34a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍋" src="1f34b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍌" src="1f34c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍉" src="1f349.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍇" src="1f347.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍓" src="1f353.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍈" src="1f348.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cherries:{keywords:["food","fruit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍒" src="1f352.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍑" src="1f351.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍍" src="1f34d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥥" src="1f965.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥝" src="1f95d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥭" src="1f96d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},avocado:{keywords:["fruit","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥑" src="1f951.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥦" src="1f966.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍅" src="1f345.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍆" src="1f346.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥒" src="1f952.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥕" src="1f955.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌶" src="1f336.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥔" src="1f954.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌽" src="1f33d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥬" src="1f96c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍠" src="1f360.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},peanuts:{keywords:["food","nut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥜" src="1f95c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍯" src="1f36f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥐" src="1f950.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍞" src="1f35e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥖" src="1f956.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥯" src="1f96f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥨" src="1f968.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cheese:{keywords:["food","chadder"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧀" src="1f9c0.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥚" src="1f95a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥓" src="1f953.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥩" src="1f969.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥞" src="1f95e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍗" src="1f357.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍖" src="1f356.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bone:{keywords:["skeleton"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦴" src="1f9b4.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍤" src="1f364.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍳" src="1f373.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍔" src="1f354.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍟" src="1f35f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥙" src="1f959.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌭" src="1f32d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pizza:{keywords:["food","party"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍕" src="1f355.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥪" src="1f96a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},canned_food:{keywords:["food","soup"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥫" src="1f96b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍝" src="1f35d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},taco:{keywords:["food","mexican"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌮" src="1f32e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},burrito:{keywords:["food","mexican"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌯" src="1f32f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥗" src="1f957.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥘" src="1f958.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍜" src="1f35c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍲" src="1f372.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍥" src="1f365.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥠" src="1f960.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍣" src="1f363.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍱" src="1f371.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍛" src="1f35b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍙" src="1f359.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},rice:{keywords:["food","china","asian"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍚" src="1f35a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍘" src="1f358.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},oden:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍢" src="1f362.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍡" src="1f361.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍧" src="1f367.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍨" src="1f368.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍦" src="1f366.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥧" src="1f967.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cake:{keywords:["food","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍰" src="1f370.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧁" src="1f9c1.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥮" src="1f96e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎂" src="1f382.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},custard:{keywords:["dessert","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍮" src="1f36e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍬" src="1f36c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍭" src="1f36d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍫" src="1f36b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍿" src="1f37f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥟" src="1f95f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍩" src="1f369.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍪" src="1f36a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥛" src="1f95b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍺" src="1f37a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍻" src="1f37b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥂" src="1f942.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍷" src="1f377.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥃" src="1f943.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍸" src="1f378.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍹" src="1f379.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍾" src="1f37e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍶" src="1f376.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍵" src="1f375.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥤" src="1f964.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☕" src="2615.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍼" src="1f37c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧂" src="1f9c2.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥄" src="1f944.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍴" src="1f374.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍽" src="1f37d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥣" src="1f963.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥡" src="1f961.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},chopsticks:{keywords:["food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥢" src="1f962.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},soccer:{keywords:["sports","football"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚽" src="26bd.png"/>',fitzpatrick_scale:false,category:"activity"},basketball:{keywords:["sports","balls","NBA"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏀" src="1f3c0.png"/>',fitzpatrick_scale:false,category:"activity"},football:{keywords:["sports","balls","NFL"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏈" src="1f3c8.png"/>',fitzpatrick_scale:false,category:"activity"},baseball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚾" src="26be.png"/>',fitzpatrick_scale:false,category:"activity"},softball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥎" src="1f94e.png"/>',fitzpatrick_scale:false,category:"activity"},tennis:{keywords:["sports","balls","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎾" src="1f3be.png"/>',fitzpatrick_scale:false,category:"activity"},volleyball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏐" src="1f3d0.png"/>',fitzpatrick_scale:false,category:"activity"},rugby_football:{keywords:["sports","team"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏉" src="1f3c9.png"/>',fitzpatrick_scale:false,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥏" src="1f94f.png"/>',fitzpatrick_scale:false,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎱" src="1f3b1.png"/>',fitzpatrick_scale:false,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛳" src="26f3.png"/>',fitzpatrick_scale:false,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏌️‍♀️" src="1f3cc-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:false,category:"activity"},golfing_man:{keywords:["sports","business"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏌" src="1f3cc.png"/>',fitzpatrick_scale:true,category:"activity"},ping_pong:{keywords:["sports","pingpong"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏓" src="1f3d3.png"/>',fitzpatrick_scale:false,category:"activity"},badminton:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏸" src="1f3f8.png"/>',fitzpatrick_scale:false,category:"activity"},goal_net:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥅" src="1f945.png"/>',fitzpatrick_scale:false,category:"activity"},ice_hockey:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏒" src="1f3d2.png"/>',fitzpatrick_scale:false,category:"activity"},field_hockey:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏑" src="1f3d1.png"/>',fitzpatrick_scale:false,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥍" src="1f94d.png"/>',fitzpatrick_scale:false,category:"activity"},cricket:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏏" src="1f3cf.png"/>',fitzpatrick_scale:false,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎿" src="1f3bf.png"/>',fitzpatrick_scale:false,category:"activity"},skier:{keywords:["sports","winter","snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛷" src="26f7.png"/>',fitzpatrick_scale:false,category:"activity"},snowboarder:{keywords:["sports","winter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏂" src="1f3c2.png"/>',fitzpatrick_scale:true,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤺" src="1f93a.png"/>',fitzpatrick_scale:false,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤼‍♀️" src="1f93c-200d-2640-fe0f.png"/>',fitzpatrick_scale:false,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤼‍♂️" src="1f93c-200d-2642-fe0f.png"/>',fitzpatrick_scale:false,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤸‍♀️" src="1f938-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤸‍♂️" src="1f938-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},woman_playing_handball:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤾‍♀️" src="1f93e-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_playing_handball:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤾‍♂️" src="1f93e-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},ice_skate:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛸" src="26f8.png"/>',fitzpatrick_scale:false,category:"activity"},curling_stone:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥌" src="1f94c.png"/>',fitzpatrick_scale:false,category:"activity"},skateboard:{keywords:["board"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛹" src="1f6f9.png"/>',fitzpatrick_scale:false,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛷" src="1f6f7.png"/>',fitzpatrick_scale:false,category:"activity"},bow_and_arrow:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏹" src="1f3f9.png"/>',fitzpatrick_scale:false,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎣" src="1f3a3.png"/>',fitzpatrick_scale:false,category:"activity"},boxing_glove:{keywords:["sports","fighting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥊" src="1f94a.png"/>',fitzpatrick_scale:false,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥋" src="1f94b.png"/>',fitzpatrick_scale:false,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚣‍♀️" src="1f6a3-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚣" src="1f6a3.png"/>',fitzpatrick_scale:true,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧗‍♀️" src="1f9d7-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧗‍♂️" src="1f9d7-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏊‍♀️" src="1f3ca-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏊" src="1f3ca.png"/>',fitzpatrick_scale:true,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤽‍♀️" src="1f93d-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤽‍♂️" src="1f93d-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧘‍♀️" src="1f9d8-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧘‍♂️" src="1f9d8-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏄‍♀️" src="1f3c4-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏄" src="1f3c4.png"/>',fitzpatrick_scale:true,category:"activity"},bath:{keywords:["clean","shower","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛀" src="1f6c0.png"/>',fitzpatrick_scale:true,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛹️‍♀️" src="26f9-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},basketball_man:{keywords:["sports","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛹" src="26f9.png"/>',fitzpatrick_scale:true,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏋️‍♀️" src="1f3cb-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏋" src="1f3cb.png"/>',fitzpatrick_scale:true,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚴‍♀️" src="1f6b4-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚴" src="1f6b4.png"/>',fitzpatrick_scale:true,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚵‍♀️" src="1f6b5-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚵" src="1f6b5.png"/>',fitzpatrick_scale:true,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏇" src="1f3c7.png"/>',fitzpatrick_scale:true,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕴" src="1f574.png"/>',fitzpatrick_scale:true,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏆" src="1f3c6.png"/>',fitzpatrick_scale:false,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎽" src="1f3bd.png"/>',fitzpatrick_scale:false,category:"activity"},medal_sports:{keywords:["award","winning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏅" src="1f3c5.png"/>',fitzpatrick_scale:false,category:"activity"},medal_military:{keywords:["award","winning","army"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎖" src="1f396.png"/>',fitzpatrick_scale:false,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥇" src="1f947.png"/>',fitzpatrick_scale:false,category:"activity"},"2nd_place_medal":{keywords:["award","second"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥈" src="1f948.png"/>',fitzpatrick_scale:false,category:"activity"},"3rd_place_medal":{keywords:["award","third"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥉" src="1f949.png"/>',fitzpatrick_scale:false,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎗" src="1f397.png"/>',fitzpatrick_scale:false,category:"activity"},rosette:{keywords:["flower","decoration","military"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏵" src="1f3f5.png"/>',fitzpatrick_scale:false,category:"activity"},ticket:{keywords:["event","concert","pass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎫" src="1f3ab.png"/>',fitzpatrick_scale:false,category:"activity"},tickets:{keywords:["sports","concert","entrance"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎟" src="1f39f.png"/>',fitzpatrick_scale:false,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎭" src="1f3ad.png"/>',fitzpatrick_scale:false,category:"activity"},art:{keywords:["design","paint","draw","colors"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎨" src="1f3a8.png"/>',fitzpatrick_scale:false,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎪" src="1f3aa.png"/>',fitzpatrick_scale:false,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤹‍♀️" src="1f939-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤹‍♂️" src="1f939-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎤" src="1f3a4.png"/>',fitzpatrick_scale:false,category:"activity"},headphones:{keywords:["music","score","gadgets"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎧" src="1f3a7.png"/>',fitzpatrick_scale:false,category:"activity"},musical_score:{keywords:["treble","clef","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎼" src="1f3bc.png"/>',fitzpatrick_scale:false,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎹" src="1f3b9.png"/>',fitzpatrick_scale:false,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥁" src="1f941.png"/>',fitzpatrick_scale:false,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎷" src="1f3b7.png"/>',fitzpatrick_scale:false,category:"activity"},trumpet:{keywords:["music","brass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎺" src="1f3ba.png"/>',fitzpatrick_scale:false,category:"activity"},guitar:{keywords:["music","instrument"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎸" src="1f3b8.png"/>',fitzpatrick_scale:false,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎻" src="1f3bb.png"/>',fitzpatrick_scale:false,category:"activity"},clapper:{keywords:["movie","film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎬" src="1f3ac.png"/>',fitzpatrick_scale:false,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎮" src="1f3ae.png"/>',fitzpatrick_scale:false,category:"activity"},space_invader:{keywords:["game","arcade","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👾" src="1f47e.png"/>',fitzpatrick_scale:false,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎯" src="1f3af.png"/>',fitzpatrick_scale:false,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎲" src="1f3b2.png"/>',fitzpatrick_scale:false,category:"activity"},chess_pawn:{keywords:["expendable"],char:"♟",fitzpatrick_scale:false,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎰" src="1f3b0.png"/>',fitzpatrick_scale:false,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧩" src="1f9e9.png"/>',fitzpatrick_scale:false,category:"activity"},bowling:{keywords:["sports","fun","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎳" src="1f3b3.png"/>',fitzpatrick_scale:false,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚗" src="1f697.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚕" src="1f695.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚙" src="1f699.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚌" src="1f68c.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚎" src="1f68e.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏎" src="1f3ce.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚓" src="1f693.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚑" src="1f691.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚒" src="1f692.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚐" src="1f690.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},truck:{keywords:["cars","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚚" src="1f69a.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚛" src="1f69b.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚜" src="1f69c.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛴" src="1f6f4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏍" src="1f3cd.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚲" src="1f6b2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛵" src="1f6f5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚨" src="1f6a8.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚔" src="1f694.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚍" src="1f68d.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚘" src="1f698.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚖" src="1f696.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚡" src="1f6a1.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚠" src="1f6a0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚟" src="1f69f.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚃" src="1f683.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚋" src="1f68b.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚝" src="1f69d.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚄" src="1f684.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚅" src="1f685.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚈" src="1f688.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚞" src="1f69e.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚂" src="1f682.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚆" src="1f686.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚇" src="1f687.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚊" src="1f68a.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚉" src="1f689.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛸" src="1f6f8.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚁" src="1f681.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛩" src="1f6e9.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✈️" src="2708.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛫" src="1f6eb.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛬" src="1f6ec.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛵" src="26f5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},motor_boat:{keywords:["ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛥" src="1f6e5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚤" src="1f6a4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛴" src="26f4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛳" src="1f6f3.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚀" src="1f680.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛰" src="1f6f0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💺" src="1f4ba.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛶" src="1f6f6.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚓" src="2693.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚧" src="1f6a7.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛽" src="26fd.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚏" src="1f68f.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚦" src="1f6a6.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚥" src="1f6a5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏁" src="1f3c1.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚢" src="1f6a2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎡" src="1f3a1.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎢" src="1f3a2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎠" src="1f3a0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏗" src="1f3d7.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌁" src="1f301.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗼" src="1f5fc.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏭" src="1f3ed.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛲" src="26f2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎑" src="1f391.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛰" src="26f0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏔" src="1f3d4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗻" src="1f5fb.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌋" src="1f30b.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗾" src="1f5fe.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏕" src="1f3d5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛺" src="26fa.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏞" src="1f3de.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛣" src="1f6e3.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛤" src="1f6e4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌅" src="1f305.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌄" src="1f304.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏜" src="1f3dc.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏖" src="1f3d6.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏝" src="1f3dd.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌇" src="1f307.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌆" src="1f306.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏙" src="1f3d9.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌃" src="1f303.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌉" src="1f309.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌌" src="1f30c.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},stars:{keywords:["night","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌠" src="1f320.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎇" src="1f387.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎆" src="1f386.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌈" src="1f308.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},houses:{keywords:["buildings","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏘" src="1f3d8.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏰" src="1f3f0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏯" src="1f3ef.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏟" src="1f3df.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗽" src="1f5fd.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},house:{keywords:["building","home"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏠" src="1f3e0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏡" src="1f3e1.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏚" src="1f3da.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},office:{keywords:["building","bureau","work"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏢" src="1f3e2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏬" src="1f3ec.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏣" src="1f3e3.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},european_post_office:{keywords:["building","email"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏤" src="1f3e4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏥" src="1f3e5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏦" src="1f3e6.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏨" src="1f3e8.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏪" src="1f3ea.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏫" src="1f3eb.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏩" src="1f3e9.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💒" src="1f492.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏛" src="1f3db.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},church:{keywords:["building","religion","christ"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛪" src="26ea.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕌" src="1f54c.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕍" src="1f54d.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕋" src="1f54b.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛩" src="26e9.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},watch:{keywords:["time","accessories"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⌚" src="231a.png"/>',fitzpatrick_scale:false,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📱" src="1f4f1.png"/>',fitzpatrick_scale:false,category:"objects"},calling:{keywords:["iphone","incoming"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📲" src="1f4f2.png"/>',fitzpatrick_scale:false,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💻" src="1f4bb.png"/>',fitzpatrick_scale:false,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⌨" src="2328.png"/>',fitzpatrick_scale:false,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖥" src="1f5a5.png"/>',fitzpatrick_scale:false,category:"objects"},printer:{keywords:["paper","ink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖨" src="1f5a8.png"/>',fitzpatrick_scale:false,category:"objects"},computer_mouse:{keywords:["click"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖱" src="1f5b1.png"/>',fitzpatrick_scale:false,category:"objects"},trackball:{keywords:["technology","trackpad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖲" src="1f5b2.png"/>',fitzpatrick_scale:false,category:"objects"},joystick:{keywords:["game","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕹" src="1f579.png"/>',fitzpatrick_scale:false,category:"objects"},clamp:{keywords:["tool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗜" src="1f5dc.png"/>',fitzpatrick_scale:false,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💽" src="1f4bd.png"/>',fitzpatrick_scale:false,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💾" src="1f4be.png"/>',fitzpatrick_scale:false,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💿" src="1f4bf.png"/>',fitzpatrick_scale:false,category:"objects"},dvd:{keywords:["cd","disk","disc"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📀" src="1f4c0.png"/>',fitzpatrick_scale:false,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📼" src="1f4fc.png"/>',fitzpatrick_scale:false,category:"objects"},camera:{keywords:["gadgets","photography"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📷" src="1f4f7.png"/>',fitzpatrick_scale:false,category:"objects"},camera_flash:{keywords:["photography","gadgets"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📸" src="1f4f8.png"/>',fitzpatrick_scale:false,category:"objects"},video_camera:{keywords:["film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📹" src="1f4f9.png"/>',fitzpatrick_scale:false,category:"objects"},movie_camera:{keywords:["film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎥" src="1f3a5.png"/>',fitzpatrick_scale:false,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📽" src="1f4fd.png"/>',fitzpatrick_scale:false,category:"objects"},film_strip:{keywords:["movie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎞" src="1f39e.png"/>',fitzpatrick_scale:false,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📞" src="1f4de.png"/>',fitzpatrick_scale:false,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☎️" src="260e.png"/>',fitzpatrick_scale:false,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📟" src="1f4df.png"/>',fitzpatrick_scale:false,category:"objects"},fax:{keywords:["communication","technology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📠" src="1f4e0.png"/>',fitzpatrick_scale:false,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📺" src="1f4fa.png"/>',fitzpatrick_scale:false,category:"objects"},radio:{keywords:["communication","music","podcast","program"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📻" src="1f4fb.png"/>',fitzpatrick_scale:false,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎙" src="1f399.png"/>',fitzpatrick_scale:false,category:"objects"},level_slider:{keywords:["scale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎚" src="1f39a.png"/>',fitzpatrick_scale:false,category:"objects"},control_knobs:{keywords:["dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎛" src="1f39b.png"/>',fitzpatrick_scale:false,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧭" src="1f9ed.png"/>',fitzpatrick_scale:false,category:"objects"},stopwatch:{keywords:["time","deadline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏱" src="23f1.png"/>',fitzpatrick_scale:false,category:"objects"},timer_clock:{keywords:["alarm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏲" src="23f2.png"/>',fitzpatrick_scale:false,category:"objects"},alarm_clock:{keywords:["time","wake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏰" src="23f0.png"/>',fitzpatrick_scale:false,category:"objects"},mantelpiece_clock:{keywords:["time"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕰" src="1f570.png"/>',fitzpatrick_scale:false,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏳" src="23f3.png"/>',fitzpatrick_scale:false,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⌛" src="231b.png"/>',fitzpatrick_scale:false,category:"objects"},satellite:{keywords:["communication","future","radio","space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📡" src="1f4e1.png"/>',fitzpatrick_scale:false,category:"objects"},battery:{keywords:["power","energy","sustain"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔋" src="1f50b.png"/>',fitzpatrick_scale:false,category:"objects"},electric_plug:{keywords:["charger","power"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔌" src="1f50c.png"/>',fitzpatrick_scale:false,category:"objects"},bulb:{keywords:["light","electricity","idea"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💡" src="1f4a1.png"/>',fitzpatrick_scale:false,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔦" src="1f526.png"/>',fitzpatrick_scale:false,category:"objects"},candle:{keywords:["fire","wax"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕯" src="1f56f.png"/>',fitzpatrick_scale:false,category:"objects"},fire_extinguisher:{keywords:["quench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧯" src="1f9ef.png"/>',fitzpatrick_scale:false,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗑" src="1f5d1.png"/>',fitzpatrick_scale:false,category:"objects"},oil_drum:{keywords:["barrell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛢" src="1f6e2.png"/>',fitzpatrick_scale:false,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💸" src="1f4b8.png"/>',fitzpatrick_scale:false,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💵" src="1f4b5.png"/>',fitzpatrick_scale:false,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💴" src="1f4b4.png"/>',fitzpatrick_scale:false,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💶" src="1f4b6.png"/>',fitzpatrick_scale:false,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💷" src="1f4b7.png"/>',fitzpatrick_scale:false,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💰" src="1f4b0.png"/>',fitzpatrick_scale:false,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💳" src="1f4b3.png"/>',fitzpatrick_scale:false,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💎" src="1f48e.png"/>',fitzpatrick_scale:false,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚖" src="2696.png"/>',fitzpatrick_scale:false,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧰" src="1f9f0.png"/>',fitzpatrick_scale:false,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔧" src="1f527.png"/>',fitzpatrick_scale:false,category:"objects"},hammer:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔨" src="1f528.png"/>',fitzpatrick_scale:false,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚒" src="2692.png"/>',fitzpatrick_scale:false,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛠" src="1f6e0.png"/>',fitzpatrick_scale:false,category:"objects"},pick:{keywords:["tools","dig"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛏" src="26cf.png"/>',fitzpatrick_scale:false,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔩" src="1f529.png"/>',fitzpatrick_scale:false,category:"objects"},gear:{keywords:["cog"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚙" src="2699.png"/>',fitzpatrick_scale:false,category:"objects"},brick:{keywords:["bricks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧱" src="1f9f1.png"/>',fitzpatrick_scale:false,category:"objects"},chains:{keywords:["lock","arrest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛓" src="26d3.png"/>',fitzpatrick_scale:false,category:"objects"},magnet:{keywords:["attraction","magnetic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧲" src="1f9f2.png"/>',fitzpatrick_scale:false,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔫" src="1f52b.png"/>',fitzpatrick_scale:false,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💣" src="1f4a3.png"/>',fitzpatrick_scale:false,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧨" src="1f9e8.png"/>',fitzpatrick_scale:false,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔪" src="1f52a.png"/>',fitzpatrick_scale:false,category:"objects"},dagger:{keywords:["weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗡" src="1f5e1.png"/>',fitzpatrick_scale:false,category:"objects"},crossed_swords:{keywords:["weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚔" src="2694.png"/>',fitzpatrick_scale:false,category:"objects"},shield:{keywords:["protection","security"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛡" src="1f6e1.png"/>',fitzpatrick_scale:false,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚬" src="1f6ac.png"/>',fitzpatrick_scale:false,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☠" src="2620.png"/>',fitzpatrick_scale:false,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚰" src="26b0.png"/>',fitzpatrick_scale:false,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚱" src="26b1.png"/>',fitzpatrick_scale:false,category:"objects"},amphora:{keywords:["vase","jar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏺" src="1f3fa.png"/>',fitzpatrick_scale:false,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔮" src="1f52e.png"/>',fitzpatrick_scale:false,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📿" src="1f4ff.png"/>',fitzpatrick_scale:false,category:"objects"},nazar_amulet:{keywords:["bead","charm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧿" src="1f9ff.png"/>',fitzpatrick_scale:false,category:"objects"},barber:{keywords:["hair","salon","style"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💈" src="1f488.png"/>',fitzpatrick_scale:false,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚗" src="2697.png"/>',fitzpatrick_scale:false,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔭" src="1f52d.png"/>',fitzpatrick_scale:false,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔬" src="1f52c.png"/>',fitzpatrick_scale:false,category:"objects"},hole:{keywords:["embarrassing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕳" src="1f573.png"/>',fitzpatrick_scale:false,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💊" src="1f48a.png"/>',fitzpatrick_scale:false,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💉" src="1f489.png"/>',fitzpatrick_scale:false,category:"objects"},dna:{keywords:["biologist","genetics","life"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧬" src="1f9ec.png"/>',fitzpatrick_scale:false,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦠" src="1f9a0.png"/>',fitzpatrick_scale:false,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧫" src="1f9eb.png"/>',fitzpatrick_scale:false,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧪" src="1f9ea.png"/>',fitzpatrick_scale:false,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌡" src="1f321.png"/>',fitzpatrick_scale:false,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧹" src="1f9f9.png"/>',fitzpatrick_scale:false,category:"objects"},basket:{keywords:["laundry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧺" src="1f9fa.png"/>',fitzpatrick_scale:false,category:"objects"},toilet_paper:{keywords:["roll"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧻" src="1f9fb.png"/>',fitzpatrick_scale:false,category:"objects"},label:{keywords:["sale","tag"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏷" src="1f3f7.png"/>',fitzpatrick_scale:false,category:"objects"},bookmark:{keywords:["favorite","label","save"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔖" src="1f516.png"/>',fitzpatrick_scale:false,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚽" src="1f6bd.png"/>',fitzpatrick_scale:false,category:"objects"},shower:{keywords:["clean","water","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚿" src="1f6bf.png"/>',fitzpatrick_scale:false,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛁" src="1f6c1.png"/>',fitzpatrick_scale:false,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧼" src="1f9fc.png"/>',fitzpatrick_scale:false,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧽" src="1f9fd.png"/>',fitzpatrick_scale:false,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧴" src="1f9f4.png"/>',fitzpatrick_scale:false,category:"objects"},key:{keywords:["lock","door","password"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔑" src="1f511.png"/>',fitzpatrick_scale:false,category:"objects"},old_key:{keywords:["lock","door","password"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗝" src="1f5dd.png"/>',fitzpatrick_scale:false,category:"objects"},couch_and_lamp:{keywords:["read","chill"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛋" src="1f6cb.png"/>',fitzpatrick_scale:false,category:"objects"},sleeping_bed:{keywords:["bed","rest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛌" src="1f6cc.png"/>',fitzpatrick_scale:true,category:"objects"},bed:{keywords:["sleep","rest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛏" src="1f6cf.png"/>',fitzpatrick_scale:false,category:"objects"},door:{keywords:["house","entry","exit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚪" src="1f6aa.png"/>',fitzpatrick_scale:false,category:"objects"},bellhop_bell:{keywords:["service"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛎" src="1f6ce.png"/>',fitzpatrick_scale:false,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧸" src="1f9f8.png"/>',fitzpatrick_scale:false,category:"objects"},framed_picture:{keywords:["photography"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖼" src="1f5bc.png"/>',fitzpatrick_scale:false,category:"objects"},world_map:{keywords:["location","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗺" src="1f5fa.png"/>',fitzpatrick_scale:false,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛱" src="26f1.png"/>',fitzpatrick_scale:false,category:"objects"},moyai:{keywords:["rock","easter island","moai"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗿" src="1f5ff.png"/>',fitzpatrick_scale:false,category:"objects"},shopping:{keywords:["mall","buy","purchase"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛍" src="1f6cd.png"/>',fitzpatrick_scale:false,category:"objects"},shopping_cart:{keywords:["trolley"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛒" src="1f6d2.png"/>',fitzpatrick_scale:false,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎈" src="1f388.png"/>',fitzpatrick_scale:false,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎏" src="1f38f.png"/>',fitzpatrick_scale:false,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎀" src="1f380.png"/>',fitzpatrick_scale:false,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎁" src="1f381.png"/>',fitzpatrick_scale:false,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎊" src="1f38a.png"/>',fitzpatrick_scale:false,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎉" src="1f389.png"/>',fitzpatrick_scale:false,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎎" src="1f38e.png"/>',fitzpatrick_scale:false,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎐" src="1f390.png"/>',fitzpatrick_scale:false,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎌" src="1f38c.png"/>',fitzpatrick_scale:false,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏮" src="1f3ee.png"/>',fitzpatrick_scale:false,category:"objects"},red_envelope:{keywords:["gift"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧧" src="1f9e7.png"/>',fitzpatrick_scale:false,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✉️" src="2709.png"/>',fitzpatrick_scale:false,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📩" src="1f4e9.png"/>',fitzpatrick_scale:false,category:"objects"},incoming_envelope:{keywords:["email","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📨" src="1f4e8.png"/>',fitzpatrick_scale:false,category:"objects"},"e-mail":{keywords:["communication","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📧" src="1f4e7.png"/>',fitzpatrick_scale:false,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💌" src="1f48c.png"/>',fitzpatrick_scale:false,category:"objects"},postbox:{keywords:["email","letter","envelope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📮" src="1f4ee.png"/>',fitzpatrick_scale:false,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📪" src="1f4ea.png"/>',fitzpatrick_scale:false,category:"objects"},mailbox:{keywords:["email","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📫" src="1f4eb.png"/>',fitzpatrick_scale:false,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📬" src="1f4ec.png"/>',fitzpatrick_scale:false,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📭" src="1f4ed.png"/>',fitzpatrick_scale:false,category:"objects"},package:{keywords:["mail","gift","cardboard","box","moving"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📦" src="1f4e6.png"/>',fitzpatrick_scale:false,category:"objects"},postal_horn:{keywords:["instrument","music"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📯" src="1f4ef.png"/>',fitzpatrick_scale:false,category:"objects"},inbox_tray:{keywords:["email","documents"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📥" src="1f4e5.png"/>',fitzpatrick_scale:false,category:"objects"},outbox_tray:{keywords:["inbox","email"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📤" src="1f4e4.png"/>',fitzpatrick_scale:false,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📜" src="1f4dc.png"/>',fitzpatrick_scale:false,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📃" src="1f4c3.png"/>',fitzpatrick_scale:false,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📑" src="1f4d1.png"/>',fitzpatrick_scale:false,category:"objects"},receipt:{keywords:["accounting","expenses"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧾" src="1f9fe.png"/>',fitzpatrick_scale:false,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📊" src="1f4ca.png"/>',fitzpatrick_scale:false,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📈" src="1f4c8.png"/>',fitzpatrick_scale:false,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📉" src="1f4c9.png"/>',fitzpatrick_scale:false,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📄" src="1f4c4.png"/>',fitzpatrick_scale:false,category:"objects"},date:{keywords:["calendar","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📅" src="1f4c5.png"/>',fitzpatrick_scale:false,category:"objects"},calendar:{keywords:["schedule","date","planning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📆" src="1f4c6.png"/>',fitzpatrick_scale:false,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗓" src="1f5d3.png"/>',fitzpatrick_scale:false,category:"objects"},card_index:{keywords:["business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📇" src="1f4c7.png"/>',fitzpatrick_scale:false,category:"objects"},card_file_box:{keywords:["business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗃" src="1f5c3.png"/>',fitzpatrick_scale:false,category:"objects"},ballot_box:{keywords:["election","vote"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗳" src="1f5f3.png"/>',fitzpatrick_scale:false,category:"objects"},file_cabinet:{keywords:["filing","organizing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗄" src="1f5c4.png"/>',fitzpatrick_scale:false,category:"objects"},clipboard:{keywords:["stationery","documents"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📋" src="1f4cb.png"/>',fitzpatrick_scale:false,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗒" src="1f5d2.png"/>',fitzpatrick_scale:false,category:"objects"},file_folder:{keywords:["documents","business","office"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📁" src="1f4c1.png"/>',fitzpatrick_scale:false,category:"objects"},open_file_folder:{keywords:["documents","load"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📂" src="1f4c2.png"/>',fitzpatrick_scale:false,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗂" src="1f5c2.png"/>',fitzpatrick_scale:false,category:"objects"},newspaper_roll:{keywords:["press","headline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗞" src="1f5de.png"/>',fitzpatrick_scale:false,category:"objects"},newspaper:{keywords:["press","headline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📰" src="1f4f0.png"/>',fitzpatrick_scale:false,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📓" src="1f4d3.png"/>',fitzpatrick_scale:false,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📕" src="1f4d5.png"/>',fitzpatrick_scale:false,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📗" src="1f4d7.png"/>',fitzpatrick_scale:false,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📘" src="1f4d8.png"/>',fitzpatrick_scale:false,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📙" src="1f4d9.png"/>',fitzpatrick_scale:false,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📔" src="1f4d4.png"/>',fitzpatrick_scale:false,category:"objects"},ledger:{keywords:["notes","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📒" src="1f4d2.png"/>',fitzpatrick_scale:false,category:"objects"},books:{keywords:["literature","library","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📚" src="1f4da.png"/>',fitzpatrick_scale:false,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📖" src="1f4d6.png"/>',fitzpatrick_scale:false,category:"objects"},safety_pin:{keywords:["diaper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧷" src="1f9f7.png"/>',fitzpatrick_scale:false,category:"objects"},link:{keywords:["rings","url"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔗" src="1f517.png"/>',fitzpatrick_scale:false,category:"objects"},paperclip:{keywords:["documents","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📎" src="1f4ce.png"/>',fitzpatrick_scale:false,category:"objects"},paperclips:{keywords:["documents","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖇" src="1f587.png"/>',fitzpatrick_scale:false,category:"objects"},scissors:{keywords:["stationery","cut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✂️" src="2702.png"/>',fitzpatrick_scale:false,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📐" src="1f4d0.png"/>',fitzpatrick_scale:false,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📏" src="1f4cf.png"/>',fitzpatrick_scale:false,category:"objects"},abacus:{keywords:["calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧮" src="1f9ee.png"/>',fitzpatrick_scale:false,category:"objects"},pushpin:{keywords:["stationery","mark","here"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📌" src="1f4cc.png"/>',fitzpatrick_scale:false,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📍" src="1f4cd.png"/>',fitzpatrick_scale:false,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚩" src="1f6a9.png"/>',fitzpatrick_scale:false,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏳" src="1f3f3.png"/>',fitzpatrick_scale:false,category:"objects"},black_flag:{keywords:["pirate"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴" src="1f3f4.png"/>',fitzpatrick_scale:false,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏳️‍🌈" src="1f3f3-fe0f-200d-1f308.png"/>',fitzpatrick_scale:false,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔐" src="1f510.png"/>',fitzpatrick_scale:false,category:"objects"},lock:{keywords:["security","password","padlock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔒" src="1f512.png"/>',fitzpatrick_scale:false,category:"objects"},unlock:{keywords:["privacy","security"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔓" src="1f513.png"/>',fitzpatrick_scale:false,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔏" src="1f50f.png"/>',fitzpatrick_scale:false,category:"objects"},pen:{keywords:["stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖊" src="1f58a.png"/>',fitzpatrick_scale:false,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖋" src="1f58b.png"/>',fitzpatrick_scale:false,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✒️" src="2712.png"/>',fitzpatrick_scale:false,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📝" src="1f4dd.png"/>',fitzpatrick_scale:false,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✏️" src="270f.png"/>',fitzpatrick_scale:false,category:"objects"},crayon:{keywords:["drawing","creativity"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖍" src="1f58d.png"/>',fitzpatrick_scale:false,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖌" src="1f58c.png"/>',fitzpatrick_scale:false,category:"objects"},mag:{keywords:["search","zoom","find","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔍" src="1f50d.png"/>',fitzpatrick_scale:false,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔎" src="1f50e.png"/>',fitzpatrick_scale:false,category:"objects"},heart:{keywords:["love","like","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❤️" src="2764.png"/>',fitzpatrick_scale:false,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧡" src="1f9e1.png"/>',fitzpatrick_scale:false,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💛" src="1f49b.png"/>',fitzpatrick_scale:false,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💚" src="1f49a.png"/>',fitzpatrick_scale:false,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💙" src="1f499.png"/>',fitzpatrick_scale:false,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💜" src="1f49c.png"/>',fitzpatrick_scale:false,category:"symbols"},black_heart:{keywords:["evil"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖤" src="1f5a4.png"/>',fitzpatrick_scale:false,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💔" src="1f494.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❣" src="2763.png"/>',fitzpatrick_scale:false,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💕" src="1f495.png"/>',fitzpatrick_scale:false,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💞" src="1f49e.png"/>',fitzpatrick_scale:false,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💓" src="1f493.png"/>',fitzpatrick_scale:false,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💗" src="1f497.png"/>',fitzpatrick_scale:false,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💖" src="1f496.png"/>',fitzpatrick_scale:false,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💘" src="1f498.png"/>',fitzpatrick_scale:false,category:"symbols"},gift_heart:{keywords:["love","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💝" src="1f49d.png"/>',fitzpatrick_scale:false,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💟" src="1f49f.png"/>',fitzpatrick_scale:false,category:"symbols"},peace_symbol:{keywords:["hippie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☮" src="262e.png"/>',fitzpatrick_scale:false,category:"symbols"},latin_cross:{keywords:["christianity"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✝" src="271d.png"/>',fitzpatrick_scale:false,category:"symbols"},star_and_crescent:{keywords:["islam"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☪" src="262a.png"/>',fitzpatrick_scale:false,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕉" src="1f549.png"/>',fitzpatrick_scale:false,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☸" src="2638.png"/>',fitzpatrick_scale:false,category:"symbols"},star_of_david:{keywords:["judaism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✡" src="2721.png"/>',fitzpatrick_scale:false,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔯" src="1f52f.png"/>',fitzpatrick_scale:false,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕎" src="1f54e.png"/>',fitzpatrick_scale:false,category:"symbols"},yin_yang:{keywords:["balance"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☯" src="262f.png"/>',fitzpatrick_scale:false,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☦" src="2626.png"/>',fitzpatrick_scale:false,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛐" src="1f6d0.png"/>',fitzpatrick_scale:false,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛎" src="26ce.png"/>',fitzpatrick_scale:false,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♈" src="2648.png"/>',fitzpatrick_scale:false,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♉" src="2649.png"/>',fitzpatrick_scale:false,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♊" src="264a.png"/>',fitzpatrick_scale:false,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♋" src="264b.png"/>',fitzpatrick_scale:false,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♌" src="264c.png"/>',fitzpatrick_scale:false,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♍" src="264d.png"/>',fitzpatrick_scale:false,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♎" src="264e.png"/>',fitzpatrick_scale:false,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♏" src="264f.png"/>',fitzpatrick_scale:false,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♐" src="2650.png"/>',fitzpatrick_scale:false,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♑" src="2651.png"/>',fitzpatrick_scale:false,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♒" src="2652.png"/>',fitzpatrick_scale:false,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♓" src="2653.png"/>',fitzpatrick_scale:false,category:"symbols"},id:{keywords:["purple-square","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆔" src="1f194.png"/>',fitzpatrick_scale:false,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚛" src="269b.png"/>',fitzpatrick_scale:false,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈳" src="1f233.png"/>',fitzpatrick_scale:false,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈹" src="1f239.png"/>',fitzpatrick_scale:false,category:"symbols"},radioactive:{keywords:["nuclear","danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☢" src="2622.png"/>',fitzpatrick_scale:false,category:"symbols"},biohazard:{keywords:["danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☣" src="2623.png"/>',fitzpatrick_scale:false,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📴" src="1f4f4.png"/>',fitzpatrick_scale:false,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📳" src="1f4f3.png"/>',fitzpatrick_scale:false,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈶" src="1f236.png"/>',fitzpatrick_scale:false,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈚" src="1f21a.png"/>',fitzpatrick_scale:false,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈸" src="1f238.png"/>',fitzpatrick_scale:false,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈺" src="1f23a.png"/>',fitzpatrick_scale:false,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈷️" src="1f237.png"/>',fitzpatrick_scale:false,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✴️" src="2734.png"/>',fitzpatrick_scale:false,category:"symbols"},vs:{keywords:["words","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆚" src="1f19a.png"/>',fitzpatrick_scale:false,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🉑" src="1f251.png"/>',fitzpatrick_scale:false,category:"symbols"},white_flower:{keywords:["japanese","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💮" src="1f4ae.png"/>',fitzpatrick_scale:false,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🉐" src="1f250.png"/>',fitzpatrick_scale:false,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="㊙️" src="3299.png"/>',fitzpatrick_scale:false,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="㊗️" src="3297.png"/>',fitzpatrick_scale:false,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈴" src="1f234.png"/>',fitzpatrick_scale:false,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈵" src="1f235.png"/>',fitzpatrick_scale:false,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈲" src="1f232.png"/>',fitzpatrick_scale:false,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🅰️" src="1f170.png"/>',fitzpatrick_scale:false,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🅱️" src="1f171.png"/>',fitzpatrick_scale:false,category:"symbols"},ab:{keywords:["red-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆎" src="1f18e.png"/>',fitzpatrick_scale:false,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆑" src="1f191.png"/>',fitzpatrick_scale:false,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🅾️" src="1f17e.png"/>',fitzpatrick_scale:false,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆘" src="1f198.png"/>',fitzpatrick_scale:false,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛔" src="26d4.png"/>',fitzpatrick_scale:false,category:"symbols"},name_badge:{keywords:["fire","forbid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📛" src="1f4db.png"/>',fitzpatrick_scale:false,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚫" src="1f6ab.png"/>',fitzpatrick_scale:false,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❌" src="274c.png"/>',fitzpatrick_scale:false,category:"symbols"},o:{keywords:["circle","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⭕" src="2b55.png"/>',fitzpatrick_scale:false,category:"symbols"},stop_sign:{keywords:["stop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛑" src="1f6d1.png"/>',fitzpatrick_scale:false,category:"symbols"},anger:{keywords:["angry","mad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💢" src="1f4a2.png"/>',fitzpatrick_scale:false,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♨️" src="2668.png"/>',fitzpatrick_scale:false,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚷" src="1f6b7.png"/>',fitzpatrick_scale:false,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚯" src="1f6af.png"/>',fitzpatrick_scale:false,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚳" src="1f6b3.png"/>',fitzpatrick_scale:false,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚱" src="1f6b1.png"/>',fitzpatrick_scale:false,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔞" src="1f51e.png"/>',fitzpatrick_scale:false,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📵" src="1f4f5.png"/>',fitzpatrick_scale:false,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❗" src="2757.png"/>',fitzpatrick_scale:false,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❕" src="2755.png"/>',fitzpatrick_scale:false,category:"symbols"},question:{keywords:["doubt","confused"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❓" src="2753.png"/>',fitzpatrick_scale:false,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❔" src="2754.png"/>',fitzpatrick_scale:false,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="‼️" src="203c.png"/>',fitzpatrick_scale:false,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⁉️" src="2049.png"/>',fitzpatrick_scale:false,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔅" src="1f505.png"/>',fitzpatrick_scale:false,category:"symbols"},high_brightness:{keywords:["sun","light"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔆" src="1f506.png"/>',fitzpatrick_scale:false,category:"symbols"},trident:{keywords:["weapon","spear"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔱" src="1f531.png"/>',fitzpatrick_scale:false,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚜" src="269c.png"/>',fitzpatrick_scale:false,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="〽️" src="303d.png"/>',fitzpatrick_scale:false,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚠️" src="26a0.png"/>',fitzpatrick_scale:false,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚸" src="1f6b8.png"/>',fitzpatrick_scale:false,category:"symbols"},beginner:{keywords:["badge","shield"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔰" src="1f530.png"/>',fitzpatrick_scale:false,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♻️" src="267b.png"/>',fitzpatrick_scale:false,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈯" src="1f22f.png"/>',fitzpatrick_scale:false,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💹" src="1f4b9.png"/>',fitzpatrick_scale:false,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❇️" src="2747.png"/>',fitzpatrick_scale:false,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✳️" src="2733.png"/>',fitzpatrick_scale:false,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❎" src="274e.png"/>',fitzpatrick_scale:false,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✅" src="2705.png"/>',fitzpatrick_scale:false,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💠" src="1f4a0.png"/>',fitzpatrick_scale:false,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌀" src="1f300.png"/>',fitzpatrick_scale:false,category:"symbols"},loop:{keywords:["tape","cassette"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➿" src="27bf.png"/>',fitzpatrick_scale:false,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌐" src="1f310.png"/>',fitzpatrick_scale:false,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="Ⓜ️" src="24c2.png"/>',fitzpatrick_scale:false,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏧" src="1f3e7.png"/>',fitzpatrick_scale:false,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈂️" src="1f202.png"/>',fitzpatrick_scale:false,category:"symbols"},passport_control:{keywords:["custom","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛂" src="1f6c2.png"/>',fitzpatrick_scale:false,category:"symbols"},customs:{keywords:["passport","border","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛃" src="1f6c3.png"/>',fitzpatrick_scale:false,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛄" src="1f6c4.png"/>',fitzpatrick_scale:false,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛅" src="1f6c5.png"/>',fitzpatrick_scale:false,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♿" src="267f.png"/>',fitzpatrick_scale:false,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚭" src="1f6ad.png"/>',fitzpatrick_scale:false,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚾" src="1f6be.png"/>',fitzpatrick_scale:false,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🅿️" src="1f17f.png"/>',fitzpatrick_scale:false,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚰" src="1f6b0.png"/>',fitzpatrick_scale:false,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚹" src="1f6b9.png"/>',fitzpatrick_scale:false,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚺" src="1f6ba.png"/>',fitzpatrick_scale:false,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚼" src="1f6bc.png"/>',fitzpatrick_scale:false,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚻" src="1f6bb.png"/>',fitzpatrick_scale:false,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚮" src="1f6ae.png"/>',fitzpatrick_scale:false,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎦" src="1f3a6.png"/>',fitzpatrick_scale:false,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📶" src="1f4f6.png"/>',fitzpatrick_scale:false,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈁" src="1f201.png"/>',fitzpatrick_scale:false,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆖" src="1f196.png"/>',fitzpatrick_scale:false,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆗" src="1f197.png"/>',fitzpatrick_scale:false,category:"symbols"},up:{keywords:["blue-square","above","high"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆙" src="1f199.png"/>',fitzpatrick_scale:false,category:"symbols"},cool:{keywords:["words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆒" src="1f192.png"/>',fitzpatrick_scale:false,category:"symbols"},new:{keywords:["blue-square","words","start"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆕" src="1f195.png"/>',fitzpatrick_scale:false,category:"symbols"},free:{keywords:["blue-square","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆓" src="1f193.png"/>',fitzpatrick_scale:false,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="0️⃣" src="30-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},one:{keywords:["blue-square","numbers","1"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="1️⃣" src="31-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="2️⃣" src="32-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="3️⃣" src="33-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},four:{keywords:["4","numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="4️⃣" src="34-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="5️⃣" src="35-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},six:{keywords:["6","numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="6️⃣" src="36-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="7️⃣" src="37-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="8️⃣" src="38-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="9️⃣" src="39-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔟" src="1f51f.png"/>',fitzpatrick_scale:false,category:"symbols"},asterisk:{keywords:["star","keycap"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="*⃣" src="2a-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},eject_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏏️" src="23cf.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="▶️" src="25b6.png"/>',fitzpatrick_scale:false,category:"symbols"},pause_button:{keywords:["pause","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏸" src="23f8.png"/>',fitzpatrick_scale:false,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏭" src="23ed.png"/>',fitzpatrick_scale:false,category:"symbols"},stop_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏹" src="23f9.png"/>',fitzpatrick_scale:false,category:"symbols"},record_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏺" src="23fa.png"/>',fitzpatrick_scale:false,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏯" src="23ef.png"/>',fitzpatrick_scale:false,category:"symbols"},previous_track_button:{keywords:["backward"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏮" src="23ee.png"/>',fitzpatrick_scale:false,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏩" src="23e9.png"/>',fitzpatrick_scale:false,category:"symbols"},rewind:{keywords:["play","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏪" src="23ea.png"/>',fitzpatrick_scale:false,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔀" src="1f500.png"/>',fitzpatrick_scale:false,category:"symbols"},repeat:{keywords:["loop","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔁" src="1f501.png"/>',fitzpatrick_scale:false,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔂" src="1f502.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◀️" src="25c0.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔼" src="1f53c.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔽" src="1f53d.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏫" src="23eb.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏬" src="23ec.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_right:{keywords:["blue-square","next"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➡️" src="27a1.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬅️" src="2b05.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬆️" src="2b06.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬇️" src="2b07.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↗️" src="2197.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↘️" src="2198.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↙️" src="2199.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↖️" src="2196.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↕️" src="2195.png"/>',fitzpatrick_scale:false,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↔️" src="2194.png"/>',fitzpatrick_scale:false,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔄" src="1f504.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↪️" src="21aa.png"/>',fitzpatrick_scale:false,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↩️" src="21a9.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⤴️" src="2934.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⤵️" src="2935.png"/>',fitzpatrick_scale:false,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="#️⃣" src="23-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="ℹ️" src="2139.png"/>',fitzpatrick_scale:false,category:"symbols"},abc:{keywords:["blue-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔤" src="1f524.png"/>',fitzpatrick_scale:false,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔡" src="1f521.png"/>',fitzpatrick_scale:false,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔠" src="1f520.png"/>',fitzpatrick_scale:false,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔣" src="1f523.png"/>',fitzpatrick_scale:false,category:"symbols"},musical_note:{keywords:["score","tone","sound"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎵" src="1f3b5.png"/>',fitzpatrick_scale:false,category:"symbols"},notes:{keywords:["music","score"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎶" src="1f3b6.png"/>',fitzpatrick_scale:false,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="〰️" src="3030.png"/>',fitzpatrick_scale:false,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➰" src="27b0.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✔️" src="2714.png"/>',fitzpatrick_scale:false,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔃" src="1f503.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➕" src="2795.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➖" src="2796.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➗" src="2797.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✖️" src="2716.png"/>',fitzpatrick_scale:false,category:"symbols"},infinity:{keywords:["forever"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♾" src="267e.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💲" src="1f4b2.png"/>',fitzpatrick_scale:false,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💱" src="1f4b1.png"/>',fitzpatrick_scale:false,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="©️" src="a9.png"/>',fitzpatrick_scale:false,category:"symbols"},registered:{keywords:["alphabet","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="®️" src="ae.png"/>',fitzpatrick_scale:false,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="™️" src="2122.png"/>',fitzpatrick_scale:false,category:"symbols"},end:{keywords:["words","arrow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔚" src="1f51a.png"/>',fitzpatrick_scale:false,category:"symbols"},back:{keywords:["arrow","words","return"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔙" src="1f519.png"/>',fitzpatrick_scale:false,category:"symbols"},on:{keywords:["arrow","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔛" src="1f51b.png"/>',fitzpatrick_scale:false,category:"symbols"},top:{keywords:["words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔝" src="1f51d.png"/>',fitzpatrick_scale:false,category:"symbols"},soon:{keywords:["arrow","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔜" src="1f51c.png"/>',fitzpatrick_scale:false,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☑️" src="2611.png"/>',fitzpatrick_scale:false,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔘" src="1f518.png"/>',fitzpatrick_scale:false,category:"symbols"},white_circle:{keywords:["shape","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚪" src="26aa.png"/>',fitzpatrick_scale:false,category:"symbols"},black_circle:{keywords:["shape","button","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚫" src="26ab.png"/>',fitzpatrick_scale:false,category:"symbols"},red_circle:{keywords:["shape","error","danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔴" src="1f534.png"/>',fitzpatrick_scale:false,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔵" src="1f535.png"/>',fitzpatrick_scale:false,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔸" src="1f538.png"/>',fitzpatrick_scale:false,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔹" src="1f539.png"/>',fitzpatrick_scale:false,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔶" src="1f536.png"/>',fitzpatrick_scale:false,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔷" src="1f537.png"/>',fitzpatrick_scale:false,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔺" src="1f53a.png"/>',fitzpatrick_scale:false,category:"symbols"},black_small_square:{keywords:["shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="▪️" src="25aa.png"/>',fitzpatrick_scale:false,category:"symbols"},white_small_square:{keywords:["shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="▫️" src="25ab.png"/>',fitzpatrick_scale:false,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬛" src="2b1b.png"/>',fitzpatrick_scale:false,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬜" src="2b1c.png"/>',fitzpatrick_scale:false,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔻" src="1f53b.png"/>',fitzpatrick_scale:false,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◼️" src="25fc.png"/>',fitzpatrick_scale:false,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◻️" src="25fb.png"/>',fitzpatrick_scale:false,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◾" src="25fe.png"/>',fitzpatrick_scale:false,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◽" src="25fd.png"/>',fitzpatrick_scale:false,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔲" src="1f532.png"/>',fitzpatrick_scale:false,category:"symbols"},white_square_button:{keywords:["shape","input"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔳" src="1f533.png"/>',fitzpatrick_scale:false,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔈" src="1f508.png"/>',fitzpatrick_scale:false,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔉" src="1f509.png"/>',fitzpatrick_scale:false,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔊" src="1f50a.png"/>',fitzpatrick_scale:false,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔇" src="1f507.png"/>',fitzpatrick_scale:false,category:"symbols"},mega:{keywords:["sound","speaker","volume"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📣" src="1f4e3.png"/>',fitzpatrick_scale:false,category:"symbols"},loudspeaker:{keywords:["volume","sound"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📢" src="1f4e2.png"/>',fitzpatrick_scale:false,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔔" src="1f514.png"/>',fitzpatrick_scale:false,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔕" src="1f515.png"/>',fitzpatrick_scale:false,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🃏" src="1f0cf.png"/>',fitzpatrick_scale:false,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🀄" src="1f004.png"/>',fitzpatrick_scale:false,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♠️" src="2660.png"/>',fitzpatrick_scale:false,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♣️" src="2663.png"/>',fitzpatrick_scale:false,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♥️" src="2665.png"/>',fitzpatrick_scale:false,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♦️" src="2666.png"/>',fitzpatrick_scale:false,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎴" src="1f3b4.png"/>',fitzpatrick_scale:false,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💭" src="1f4ad.png"/>',fitzpatrick_scale:false,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗯" src="1f5ef.png"/>',fitzpatrick_scale:false,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💬" src="1f4ac.png"/>',fitzpatrick_scale:false,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗨" src="1f5e8.png"/>',fitzpatrick_scale:false,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕐" src="1f550.png"/>',fitzpatrick_scale:false,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕑" src="1f551.png"/>',fitzpatrick_scale:false,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕒" src="1f552.png"/>',fitzpatrick_scale:false,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕓" src="1f553.png"/>',fitzpatrick_scale:false,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕔" src="1f554.png"/>',fitzpatrick_scale:false,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕕" src="1f555.png"/>',fitzpatrick_scale:false,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕖" src="1f556.png"/>',fitzpatrick_scale:false,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕗" src="1f557.png"/>',fitzpatrick_scale:false,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕘" src="1f558.png"/>',fitzpatrick_scale:false,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕙" src="1f559.png"/>',fitzpatrick_scale:false,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕚" src="1f55a.png"/>',fitzpatrick_scale:false,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕛" src="1f55b.png"/>',fitzpatrick_scale:false,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕜" src="1f55c.png"/>',fitzpatrick_scale:false,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕝" src="1f55d.png"/>',fitzpatrick_scale:false,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕞" src="1f55e.png"/>',fitzpatrick_scale:false,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕟" src="1f55f.png"/>',fitzpatrick_scale:false,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕠" src="1f560.png"/>',fitzpatrick_scale:false,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕡" src="1f561.png"/>',fitzpatrick_scale:false,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕢" src="1f562.png"/>',fitzpatrick_scale:false,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕣" src="1f563.png"/>',fitzpatrick_scale:false,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕤" src="1f564.png"/>',fitzpatrick_scale:false,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕥" src="1f565.png"/>',fitzpatrick_scale:false,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕦" src="1f566.png"/>',fitzpatrick_scale:false,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕧" src="1f567.png"/>',fitzpatrick_scale:false,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇫" src="1f1e6-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},aland_islands:{keywords:["Åland","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇽" src="1f1e6-1f1fd.png"/>',fitzpatrick_scale:false,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇱" src="1f1e6-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇿" src="1f1e9-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇸" src="1f1e6-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇩" src="1f1e6-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇴" src="1f1e6-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇮" src="1f1e6-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇶" src="1f1e6-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇬" src="1f1e6-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇷" src="1f1e6-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇲" src="1f1e6-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇼" src="1f1e6-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇺" src="1f1e6-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇹" src="1f1e6-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇿" src="1f1e6-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇸" src="1f1e7-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇭" src="1f1e7-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇩" src="1f1e7-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇧" src="1f1e7-1f1e7.png"/>',fitzpatrick_scale:false,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇾" src="1f1e7-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇪" src="1f1e7-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇿" src="1f1e7-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇯" src="1f1e7-1f1ef.png"/>',fitzpatrick_scale:false,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇲" src="1f1e7-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇹" src="1f1e7-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇴" src="1f1e7-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇶" src="1f1e7-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇦" src="1f1e7-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇼" src="1f1e7-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇷" src="1f1e7-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇴" src="1f1ee-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇬" src="1f1fb-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇳" src="1f1e7-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇬" src="1f1e7-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇫" src="1f1e7-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇮" src="1f1e7-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇻" src="1f1e8-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇭" src="1f1f0-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇲" src="1f1e8-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇦" src="1f1e8-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇨" src="1f1ee-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇾" src="1f1f0-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇫" src="1f1e8-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇩" src="1f1f9-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},chile:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇱" src="1f1e8-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇳" src="1f1e8-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇽" src="1f1e8-1f1fd.png"/>',fitzpatrick_scale:false,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇨" src="1f1e8-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇴" src="1f1e8-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇲" src="1f1f0-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇬" src="1f1e8-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇩" src="1f1e8-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇰" src="1f1e8-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇷" src="1f1e8-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇷" src="1f1ed-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇺" src="1f1e8-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},curacao:{keywords:["curaçao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇼" src="1f1e8-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇾" src="1f1e8-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇿" src="1f1e8-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇰" src="1f1e9-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇯" src="1f1e9-1f1ef.png"/>',fitzpatrick_scale:false,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇲" src="1f1e9-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇴" src="1f1e9-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇨" src="1f1ea-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇬" src="1f1ea-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇻" src="1f1f8-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇶" src="1f1ec-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇷" src="1f1ea-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇪" src="1f1ea-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇹" src="1f1ea-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},eu:{keywords:["european","union","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇺" src="1f1ea-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇰" src="1f1eb-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇴" src="1f1eb-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇯" src="1f1eb-1f1ef.png"/>',fitzpatrick_scale:false,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇮" src="1f1eb-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇷" src="1f1eb-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇫" src="1f1ec-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇫" src="1f1f5-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇫" src="1f1f9-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇦" src="1f1ec-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇲" src="1f1ec-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇪" src="1f1ec-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇪" src="1f1e9-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇭" src="1f1ec-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇮" src="1f1ec-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇷" src="1f1ec-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇱" src="1f1ec-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇩" src="1f1ec-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇵" src="1f1ec-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇺" src="1f1ec-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇹" src="1f1ec-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇬" src="1f1ec-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇳" src="1f1ec-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇼" src="1f1ec-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇾" src="1f1ec-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇹" src="1f1ed-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇳" src="1f1ed-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇰" src="1f1ed-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇺" src="1f1ed-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇸" src="1f1ee-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇳" src="1f1ee-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇩" src="1f1ee-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇷" src="1f1ee-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇶" src="1f1ee-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇪" src="1f1ee-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇲" src="1f1ee-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇱" src="1f1ee-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇹" src="1f1ee-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇮" src="1f1e8-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇯🇲" src="1f1ef-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇯🇵" src="1f1ef-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇯🇪" src="1f1ef-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇯🇴" src="1f1ef-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇿" src="1f1f0-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇪" src="1f1f0-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇮" src="1f1f0-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇽🇰" src="1f1fd-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇼" src="1f1f0-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇬" src="1f1f0-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇦" src="1f1f1-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇻" src="1f1f1-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇧" src="1f1f1-1f1e7.png"/>',fitzpatrick_scale:false,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇸" src="1f1f1-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇷" src="1f1f1-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇾" src="1f1f1-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇮" src="1f1f1-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇹" src="1f1f1-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇺" src="1f1f1-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇴" src="1f1f2-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇰" src="1f1f2-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇬" src="1f1f2-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇼" src="1f1f2-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇾" src="1f1f2-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇻" src="1f1f2-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇱" src="1f1f2-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇹" src="1f1f2-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇭" src="1f1f2-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇶" src="1f1f2-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇷" src="1f1f2-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇺" src="1f1f2-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇾🇹" src="1f1fe-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇽" src="1f1f2-1f1fd.png"/>',fitzpatrick_scale:false,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇲" src="1f1eb-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇩" src="1f1f2-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇨" src="1f1f2-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇳" src="1f1f2-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇪" src="1f1f2-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇸" src="1f1f2-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇦" src="1f1f2-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇿" src="1f1f2-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇲" src="1f1f2-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇦" src="1f1f3-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇷" src="1f1f3-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇵" src="1f1f3-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇱" src="1f1f3-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇨" src="1f1f3-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇿" src="1f1f3-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇮" src="1f1f3-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇪" src="1f1f3-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇬" src="1f1f3-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇺" src="1f1f3-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇫" src="1f1f3-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇵" src="1f1f2-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇵" src="1f1f0-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇴" src="1f1f3-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇴🇲" src="1f1f4-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇰" src="1f1f5-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇼" src="1f1f5-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇸" src="1f1f5-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇦" src="1f1f5-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇬" src="1f1f5-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇾" src="1f1f5-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇪" src="1f1f5-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇭" src="1f1f5-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇳" src="1f1f5-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇱" src="1f1f5-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇹" src="1f1f5-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇷" src="1f1f5-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇶🇦" src="1f1f6-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},reunion:{keywords:["réunion","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇪" src="1f1f7-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇴" src="1f1f7-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇺" src="1f1f7-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇼" src="1f1f7-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},st_barthelemy:{keywords:["saint","barthélemy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇱" src="1f1e7-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇭" src="1f1f8-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇳" src="1f1f0-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇨" src="1f1f1-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇲" src="1f1f5-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇨" src="1f1fb-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇼🇸" src="1f1fc-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇲" src="1f1f8-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇹" src="1f1f8-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇦" src="1f1f8-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇳" src="1f1f8-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇸" src="1f1f7-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇨" src="1f1f8-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇱" src="1f1f8-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇬" src="1f1f8-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇽" src="1f1f8-1f1fd.png"/>',fitzpatrick_scale:false,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇰" src="1f1f8-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇮" src="1f1f8-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇧" src="1f1f8-1f1e7.png"/>',fitzpatrick_scale:false,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇴" src="1f1f8-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇿🇦" src="1f1ff-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇸" src="1f1ec-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇷" src="1f1f0-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇸" src="1f1f8-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇸" src="1f1ea-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇰" src="1f1f1-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇩" src="1f1f8-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇷" src="1f1f8-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇿" src="1f1f8-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇪" src="1f1f8-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇭" src="1f1e8-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇾" src="1f1f8-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇼" src="1f1f9-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇯" src="1f1f9-1f1ef.png"/>',fitzpatrick_scale:false,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇿" src="1f1f9-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇭" src="1f1f9-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇱" src="1f1f9-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇬" src="1f1f9-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇰" src="1f1f9-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇴" src="1f1f9-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇹" src="1f1f9-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇳" src="1f1f9-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇷" src="1f1f9-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇲" src="1f1f9-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇨" src="1f1f9-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇻" src="1f1f9-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇬" src="1f1fa-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇦" src="1f1fa-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇪" src="1f1e6-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇧" src="1f1ec-1f1e7.png"/>',fitzpatrick_scale:false,category:"flags"},england:{keywords:["flag","english"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴󠁧󠁢󠁥󠁮󠁧󠁿" src="1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.png"/>',fitzpatrick_scale:false,category:"flags"},scotland:{keywords:["flag","scottish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴󠁧󠁢󠁳󠁣󠁴󠁿" src="1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.png"/>',fitzpatrick_scale:false,category:"flags"},wales:{keywords:["flag","welsh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴󠁧󠁢󠁷󠁬󠁳󠁿" src="1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.png"/>',fitzpatrick_scale:false,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇸" src="1f1fa-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇮" src="1f1fb-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇾" src="1f1fa-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇿" src="1f1fa-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇺" src="1f1fb-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇦" src="1f1fb-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇪" src="1f1fb-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇳" src="1f1fb-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇼🇫" src="1f1fc-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇭" src="1f1ea-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇾🇪" src="1f1fe-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇿🇲" src="1f1ff-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇿🇼" src="1f1ff-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},united_nations:{keywords:["un","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇳" src="1f1fa-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴‍☠️" src="1f3f4-200d-2620-fe0f.png"/>',fitzpatrick_scale:false,category:"flags"}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojiimages.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojiimages.min.js
new file mode 100644
index 000000000..5f4622186
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojiimages.min.js
@@ -0,0 +1 @@
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4af}" src="1f4af.png"/>',fitzpatrick_scale:!1,category:"symbols"},1234:{keywords:["numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f522}" src="1f522.png"/>',fitzpatrick_scale:!1,category:"symbols"},grinning:{keywords:["face","smile","happy","joy",":D","grin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f600}" src="1f600.png"/>',fitzpatrick_scale:!1,category:"people"},grimacing:{keywords:["face","grimace","teeth"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62c}" src="1f62c.png"/>',fitzpatrick_scale:!1,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f601}" src="1f601.png"/>',fitzpatrick_scale:!1,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f602}" src="1f602.png"/>',fitzpatrick_scale:!1,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f923}" src="1f923.png"/>',fitzpatrick_scale:!1,category:"people"},partying:{keywords:["face","celebration","woohoo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f973}" src="1f973.png"/>',fitzpatrick_scale:!1,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f603}" src="1f603.png"/>',fitzpatrick_scale:!1,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f604}" src="1f604.png"/>',fitzpatrick_scale:!1,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f605}" src="1f605.png"/>',fitzpatrick_scale:!1,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f606}" src="1f606.png"/>',fitzpatrick_scale:!1,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f607}" src="1f607.png"/>',fitzpatrick_scale:!1,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f609}" src="1f609.png"/>',fitzpatrick_scale:!1,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60a}" src="1f60a.png"/>',fitzpatrick_scale:!1,category:"people"},slightly_smiling_face:{keywords:["face","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f642}" src="1f642.png"/>',fitzpatrick_scale:!1,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f643}" src="1f643.png"/>',fitzpatrick_scale:!1,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u263a\ufe0f" src="263a.png"/>',fitzpatrick_scale:!1,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60b}" src="1f60b.png"/>',fitzpatrick_scale:!1,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60c}" src="1f60c.png"/>',fitzpatrick_scale:!1,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60d}" src="1f60d.png"/>',fitzpatrick_scale:!1,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f970}" src="1f970.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f618}" src="1f618.png"/>',fitzpatrick_scale:!1,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f617}" src="1f617.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f619}" src="1f619.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61a}" src="1f61a.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61c}" src="1f61c.png"/>',fitzpatrick_scale:!1,category:"people"},zany:{keywords:["face","goofy","crazy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92a}" src="1f92a.png"/>',fitzpatrick_scale:!1,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f928}" src="1f928.png"/>',fitzpatrick_scale:!1,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d0}" src="1f9d0.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61d}" src="1f61d.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61b}" src="1f61b.png"/>',fitzpatrick_scale:!1,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f911}" src="1f911.png"/>',fitzpatrick_scale:!1,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f913}" src="1f913.png"/>',fitzpatrick_scale:!1,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60e}" src="1f60e.png"/>',fitzpatrick_scale:!1,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f929}" src="1f929.png"/>',fitzpatrick_scale:!1,category:"people"},clown_face:{keywords:["face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f921}" src="1f921.png"/>',fitzpatrick_scale:!1,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f920}" src="1f920.png"/>',fitzpatrick_scale:!1,category:"people"},hugs:{keywords:["face","smile","hug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f917}" src="1f917.png"/>',fitzpatrick_scale:!1,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60f}" src="1f60f.png"/>',fitzpatrick_scale:!1,category:"people"},no_mouth:{keywords:["face","hellokitty"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f636}" src="1f636.png"/>',fitzpatrick_scale:!1,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f610}" src="1f610.png"/>',fitzpatrick_scale:!1,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f611}" src="1f611.png"/>',fitzpatrick_scale:!1,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f612}" src="1f612.png"/>',fitzpatrick_scale:!1,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f644}" src="1f644.png"/>',fitzpatrick_scale:!1,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f914}" src="1f914.png"/>',fitzpatrick_scale:!1,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f925}" src="1f925.png"/>',fitzpatrick_scale:!1,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92d}" src="1f92d.png"/>',fitzpatrick_scale:!1,category:"people"},shushing:{keywords:["face","quiet","shhh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92b}" src="1f92b.png"/>',fitzpatrick_scale:!1,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92c}" src="1f92c.png"/>',fitzpatrick_scale:!1,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92f}" src="1f92f.png"/>',fitzpatrick_scale:!1,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f633}" src="1f633.png"/>',fitzpatrick_scale:!1,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61e}" src="1f61e.png"/>',fitzpatrick_scale:!1,category:"people"},worried:{keywords:["face","concern","nervous",":("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61f}" src="1f61f.png"/>',fitzpatrick_scale:!1,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f620}" src="1f620.png"/>',fitzpatrick_scale:!1,category:"people"},rage:{keywords:["angry","mad","hate","despise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f621}" src="1f621.png"/>',fitzpatrick_scale:!1,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f614}" src="1f614.png"/>',fitzpatrick_scale:!1,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f615}" src="1f615.png"/>',fitzpatrick_scale:!1,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f641}" src="1f641.png"/>',fitzpatrick_scale:!1,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2639" src="2639.png"/>',fitzpatrick_scale:!1,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f623}" src="1f623.png"/>',fitzpatrick_scale:!1,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f616}" src="1f616.png"/>',fitzpatrick_scale:!1,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62b}" src="1f62b.png"/>',fitzpatrick_scale:!1,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f629}" src="1f629.png"/>',fitzpatrick_scale:!1,category:"people"},pleading:{keywords:["face","begging","mercy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97a}" src="1f97a.png"/>',fitzpatrick_scale:!1,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f624}" src="1f624.png"/>',fitzpatrick_scale:!1,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62e}" src="1f62e.png"/>',fitzpatrick_scale:!1,category:"people"},scream:{keywords:["face","munch","scared","omg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f631}" src="1f631.png"/>',fitzpatrick_scale:!1,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f628}" src="1f628.png"/>',fitzpatrick_scale:!1,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f630}" src="1f630.png"/>',fitzpatrick_scale:!1,category:"people"},hushed:{keywords:["face","woo","shh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62f}" src="1f62f.png"/>',fitzpatrick_scale:!1,category:"people"},frowning:{keywords:["face","aw","what"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f626}" src="1f626.png"/>',fitzpatrick_scale:!1,category:"people"},anguished:{keywords:["face","stunned","nervous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f627}" src="1f627.png"/>',fitzpatrick_scale:!1,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f622}" src="1f622.png"/>',fitzpatrick_scale:!1,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f625}" src="1f625.png"/>',fitzpatrick_scale:!1,category:"people"},drooling_face:{keywords:["face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f924}" src="1f924.png"/>',fitzpatrick_scale:!1,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62a}" src="1f62a.png"/>',fitzpatrick_scale:!1,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f613}" src="1f613.png"/>',fitzpatrick_scale:!1,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f975}" src="1f975.png"/>',fitzpatrick_scale:!1,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f976}" src="1f976.png"/>',fitzpatrick_scale:!1,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62d}" src="1f62d.png"/>',fitzpatrick_scale:!1,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f635}" src="1f635.png"/>',fitzpatrick_scale:!1,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f632}" src="1f632.png"/>',fitzpatrick_scale:!1,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f910}" src="1f910.png"/>',fitzpatrick_scale:!1,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f922}" src="1f922.png"/>',fitzpatrick_scale:!1,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f927}" src="1f927.png"/>',fitzpatrick_scale:!1,category:"people"},vomiting:{keywords:["face","sick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92e}" src="1f92e.png"/>',fitzpatrick_scale:!1,category:"people"},mask:{keywords:["face","sick","ill","disease"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f637}" src="1f637.png"/>',fitzpatrick_scale:!1,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f912}" src="1f912.png"/>',fitzpatrick_scale:!1,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f915}" src="1f915.png"/>',fitzpatrick_scale:!1,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f974}" src="1f974.png"/>',fitzpatrick_scale:!1,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f634}" src="1f634.png"/>',fitzpatrick_scale:!1,category:"people"},zzz:{keywords:["sleepy","tired","dream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a4}" src="1f4a4.png"/>',fitzpatrick_scale:!1,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a9}" src="1f4a9.png"/>',fitzpatrick_scale:!1,category:"people"},smiling_imp:{keywords:["devil","horns"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f608}" src="1f608.png"/>',fitzpatrick_scale:!1,category:"people"},imp:{keywords:["devil","angry","horns"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47f}" src="1f47f.png"/>',fitzpatrick_scale:!1,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f479}" src="1f479.png"/>',fitzpatrick_scale:!1,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47a}" src="1f47a.png"/>',fitzpatrick_scale:!1,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f480}" src="1f480.png"/>',fitzpatrick_scale:!1,category:"people"},ghost:{keywords:["halloween","spooky","scary"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47b}" src="1f47b.png"/>',fitzpatrick_scale:!1,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47d}" src="1f47d.png"/>',fitzpatrick_scale:!1,category:"people"},robot:{keywords:["computer","machine","bot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f916}" src="1f916.png"/>',fitzpatrick_scale:!1,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63a}" src="1f63a.png"/>',fitzpatrick_scale:!1,category:"people"},smile_cat:{keywords:["animal","cats","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f638}" src="1f638.png"/>',fitzpatrick_scale:!1,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f639}" src="1f639.png"/>',fitzpatrick_scale:!1,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63b}" src="1f63b.png"/>',fitzpatrick_scale:!1,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63c}" src="1f63c.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63d}" src="1f63d.png"/>',fitzpatrick_scale:!1,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f640}" src="1f640.png"/>',fitzpatrick_scale:!1,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63f}" src="1f63f.png"/>',fitzpatrick_scale:!1,category:"people"},pouting_cat:{keywords:["animal","cats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63e}" src="1f63e.png"/>',fitzpatrick_scale:!1,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f932}" src="1f932.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64c}" src="1f64c.png"/>',fitzpatrick_scale:!0,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44f}" src="1f44f.png"/>',fitzpatrick_scale:!0,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44b}" src="1f44b.png"/>',fitzpatrick_scale:!0,category:"people"},call_me_hand:{keywords:["hands","gesture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f919}" src="1f919.png"/>',fitzpatrick_scale:!0,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44d}" src="1f44d.png"/>',fitzpatrick_scale:!0,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44e}" src="1f44e.png"/>',fitzpatrick_scale:!0,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44a}" src="1f44a.png"/>',fitzpatrick_scale:!0,category:"people"},fist:{keywords:["fingers","hand","grasp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270a" src="270a.png"/>',fitzpatrick_scale:!0,category:"people"},fist_left:{keywords:["hand","fistbump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91b}" src="1f91b.png"/>',fitzpatrick_scale:!0,category:"people"},fist_right:{keywords:["hand","fistbump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91c}" src="1f91c.png"/>',fitzpatrick_scale:!0,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270c" src="270c.png"/>',fitzpatrick_scale:!0,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44c}" src="1f44c.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270b" src="270b.png"/>',fitzpatrick_scale:!0,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91a}" src="1f91a.png"/>',fitzpatrick_scale:!0,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f450}" src="1f450.png"/>',fitzpatrick_scale:!0,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4aa}" src="1f4aa.png"/>',fitzpatrick_scale:!0,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64f}" src="1f64f.png"/>',fitzpatrick_scale:!0,category:"people"},foot:{keywords:["kick","stomp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b6}" src="1f9b6.png"/>',fitzpatrick_scale:!0,category:"people"},leg:{keywords:["kick","limb"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b5}" src="1f9b5.png"/>',fitzpatrick_scale:!0,category:"people"},handshake:{keywords:["agreement","shake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91d}" src="1f91d.png"/>',fitzpatrick_scale:!1,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u261d" src="261d.png"/>',fitzpatrick_scale:!0,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f446}" src="1f446.png"/>',fitzpatrick_scale:!0,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f447}" src="1f447.png"/>',fitzpatrick_scale:!0,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f448}" src="1f448.png"/>',fitzpatrick_scale:!0,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f449}" src="1f449.png"/>',fitzpatrick_scale:!0,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f595}" src="1f595.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f590}" src="1f590.png"/>',fitzpatrick_scale:!0,category:"people"},love_you:{keywords:["hand","fingers","gesture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91f}" src="1f91f.png"/>',fitzpatrick_scale:!0,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f918}" src="1f918.png"/>',fitzpatrick_scale:!0,category:"people"},crossed_fingers:{keywords:["good","lucky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91e}" src="1f91e.png"/>',fitzpatrick_scale:!0,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f596}" src="1f596.png"/>',fitzpatrick_scale:!0,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270d" src="270d.png"/>',fitzpatrick_scale:!0,category:"people"},selfie:{keywords:["camera","phone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f933}" src="1f933.png"/>',fitzpatrick_scale:!0,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f485}" src="1f485.png"/>',fitzpatrick_scale:!0,category:"people"},lips:{keywords:["mouth","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f444}" src="1f444.png"/>',fitzpatrick_scale:!1,category:"people"},tooth:{keywords:["teeth","dentist"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b7}" src="1f9b7.png"/>',fitzpatrick_scale:!1,category:"people"},tongue:{keywords:["mouth","playful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f445}" src="1f445.png"/>',fitzpatrick_scale:!1,category:"people"},ear:{keywords:["face","hear","sound","listen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f442}" src="1f442.png"/>',fitzpatrick_scale:!0,category:"people"},nose:{keywords:["smell","sniff"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f443}" src="1f443.png"/>',fitzpatrick_scale:!0,category:"people"},eye:{keywords:["face","look","see","watch","stare"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f441}" src="1f441.png"/>',fitzpatrick_scale:!1,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f440}" src="1f440.png"/>',fitzpatrick_scale:!1,category:"people"},brain:{keywords:["smart","intelligent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e0}" src="1f9e0.png"/>',fitzpatrick_scale:!1,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f464}" src="1f464.png"/>',fitzpatrick_scale:!1,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f465}" src="1f465.png"/>',fitzpatrick_scale:!1,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5e3}" src="1f5e3.png"/>',fitzpatrick_scale:!1,category:"people"},baby:{keywords:["child","boy","girl","toddler"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f476}" src="1f476.png"/>',fitzpatrick_scale:!0,category:"people"},child:{keywords:["gender-neutral","young"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d2}" src="1f9d2.png"/>',fitzpatrick_scale:!0,category:"people"},boy:{keywords:["man","male","guy","teenager"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f466}" src="1f466.png"/>',fitzpatrick_scale:!0,category:"people"},girl:{keywords:["female","woman","teenager"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f467}" src="1f467.png"/>',fitzpatrick_scale:!0,category:"people"},adult:{keywords:["gender-neutral","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d1}" src="1f9d1.png"/>',fitzpatrick_scale:!0,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}" src="1f468.png"/>',fitzpatrick_scale:!0,category:"people"},woman:{keywords:["female","girls","lady"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}" src="1f469.png"/>',fitzpatrick_scale:!0,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f471}\u200d\u2640\ufe0f" src="1f471-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f471}" src="1f471.png"/>',fitzpatrick_scale:!0,category:"people"},bearded_person:{keywords:["person","bewhiskered"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d4}" src="1f9d4.png"/>',fitzpatrick_scale:!0,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d3}" src="1f9d3.png"/>',fitzpatrick_scale:!0,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f474}" src="1f474.png"/>',fitzpatrick_scale:!0,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f475}" src="1f475.png"/>',fitzpatrick_scale:!0,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f472}" src="1f472.png"/>',fitzpatrick_scale:!0,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d5}" src="1f9d5.png"/>',fitzpatrick_scale:!0,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f473}\u200d\u2640\ufe0f" src="1f473-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f473}" src="1f473.png"/>',fitzpatrick_scale:!0,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46e}\u200d\u2640\ufe0f" src="1f46e-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46e}" src="1f46e.png"/>',fitzpatrick_scale:!0,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f477}\u200d\u2640\ufe0f" src="1f477-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f477}" src="1f477.png"/>',fitzpatrick_scale:!0,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f482}\u200d\u2640\ufe0f" src="1f482-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f482}" src="1f482.png"/>',fitzpatrick_scale:!0,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f575}\ufe0f\u200d\u2640\ufe0f" src="1f575-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},male_detective:{keywords:["human","spy","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f575}" src="1f575.png"/>',fitzpatrick_scale:!0,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2695\ufe0f" src="1f469-200d-2695-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2695\ufe0f" src="1f468-200d-2695-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f33e}" src="1f469-200d-1f33e.png"/>',fitzpatrick_scale:!0,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f33e}" src="1f468-200d-1f33e.png"/>',fitzpatrick_scale:!0,category:"people"},woman_cook:{keywords:["chef","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f373}" src="1f469-200d-1f373.png"/>',fitzpatrick_scale:!0,category:"people"},man_cook:{keywords:["chef","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f373}" src="1f468-200d-1f373.png"/>',fitzpatrick_scale:!0,category:"people"},woman_student:{keywords:["graduate","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f393}" src="1f469-200d-1f393.png"/>',fitzpatrick_scale:!0,category:"people"},man_student:{keywords:["graduate","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f393}" src="1f468-200d-1f393.png"/>',fitzpatrick_scale:!0,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f3a4}" src="1f469-200d-1f3a4.png"/>',fitzpatrick_scale:!0,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f3a4}" src="1f468-200d-1f3a4.png"/>',fitzpatrick_scale:!0,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f3eb}" src="1f469-200d-1f3eb.png"/>',fitzpatrick_scale:!0,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f3eb}" src="1f468-200d-1f3eb.png"/>',fitzpatrick_scale:!0,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f3ed}" src="1f469-200d-1f3ed.png"/>',fitzpatrick_scale:!0,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f3ed}" src="1f468-200d-1f3ed.png"/>',fitzpatrick_scale:!0,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f4bb}" src="1f469-200d-1f4bb.png"/>',fitzpatrick_scale:!0,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f4bb}" src="1f468-200d-1f4bb.png"/>',fitzpatrick_scale:!0,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f4bc}" src="1f469-200d-1f4bc.png"/>',fitzpatrick_scale:!0,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f4bc}" src="1f468-200d-1f4bc.png"/>',fitzpatrick_scale:!0,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f527}" src="1f469-200d-1f527.png"/>',fitzpatrick_scale:!0,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f527}" src="1f468-200d-1f527.png"/>',fitzpatrick_scale:!0,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f52c}" src="1f469-200d-1f52c.png"/>',fitzpatrick_scale:!0,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f52c}" src="1f468-200d-1f52c.png"/>',fitzpatrick_scale:!0,category:"people"},woman_artist:{keywords:["painter","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f3a8}" src="1f469-200d-1f3a8.png"/>',fitzpatrick_scale:!0,category:"people"},man_artist:{keywords:["painter","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f3a8}" src="1f468-200d-1f3a8.png"/>',fitzpatrick_scale:!0,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f692}" src="1f469-200d-1f692.png"/>',fitzpatrick_scale:!0,category:"people"},man_firefighter:{keywords:["fireman","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f692}" src="1f468-200d-1f692.png"/>',fitzpatrick_scale:!0,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2708\ufe0f" src="1f469-200d-2708-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2708\ufe0f" src="1f468-200d-2708-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f680}" src="1f469-200d-1f680.png"/>',fitzpatrick_scale:!0,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f680}" src="1f468-200d-1f680.png"/>',fitzpatrick_scale:!0,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2696\ufe0f" src="1f469-200d-2696-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_judge:{keywords:["justice","court","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2696\ufe0f" src="1f468-200d-2696-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b8}\u200d\u2640\ufe0f" src="1f9b8-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b8}\u200d\u2642\ufe0f" src="1f9b8-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b9}\u200d\u2640\ufe0f" src="1f9b9-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b9}\u200d\u2642\ufe0f" src="1f9b9-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f936}" src="1f936.png"/>',fitzpatrick_scale:!0,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f385}" src="1f385.png"/>',fitzpatrick_scale:!0,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d9}\u200d\u2640\ufe0f" src="1f9d9-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d9}\u200d\u2642\ufe0f" src="1f9d9-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_elf:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9dd}\u200d\u2640\ufe0f" src="1f9dd-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_elf:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9dd}\u200d\u2642\ufe0f" src="1f9dd-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_vampire:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9db}\u200d\u2640\ufe0f" src="1f9db-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_vampire:{keywords:["man","male","dracula"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9db}\u200d\u2642\ufe0f" src="1f9db-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9df}\u200d\u2640\ufe0f" src="1f9df-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9df}\u200d\u2642\ufe0f" src="1f9df-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},woman_genie:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9de}\u200d\u2640\ufe0f" src="1f9de-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},man_genie:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9de}\u200d\u2642\ufe0f" src="1f9de-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9dc}\u200d\u2640\ufe0f" src="1f9dc-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},merman:{keywords:["man","male","triton"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9dc}\u200d\u2642\ufe0f" src="1f9dc-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_fairy:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9da}\u200d\u2640\ufe0f" src="1f9da-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_fairy:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9da}\u200d\u2642\ufe0f" src="1f9da-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},angel:{keywords:["heaven","wings","halo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47c}" src="1f47c.png"/>',fitzpatrick_scale:!0,category:"people"},pregnant_woman:{keywords:["baby"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f930}" src="1f930.png"/>',fitzpatrick_scale:!0,category:"people"},breastfeeding:{keywords:["nursing","baby"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f931}" src="1f931.png"/>',fitzpatrick_scale:!0,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f478}" src="1f478.png"/>',fitzpatrick_scale:!0,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f934}" src="1f934.png"/>',fitzpatrick_scale:!0,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f470}" src="1f470.png"/>',fitzpatrick_scale:!0,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f935}" src="1f935.png"/>',fitzpatrick_scale:!0,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c3}\u200d\u2640\ufe0f" src="1f3c3-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c3}" src="1f3c3.png"/>',fitzpatrick_scale:!0,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b6}\u200d\u2640\ufe0f" src="1f6b6-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},walking_man:{keywords:["human","feet","steps"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b6}" src="1f6b6.png"/>',fitzpatrick_scale:!0,category:"people"},dancer:{keywords:["female","girl","woman","fun"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f483}" src="1f483.png"/>',fitzpatrick_scale:!0,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f57a}" src="1f57a.png"/>',fitzpatrick_scale:!0,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46f}" src="1f46f.png"/>',fitzpatrick_scale:!1,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46f}\u200d\u2642\ufe0f" src="1f46f-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46b}" src="1f46b.png"/>',fitzpatrick_scale:!1,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46c}" src="1f46c.png"/>',fitzpatrick_scale:!1,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46d}" src="1f46d.png"/>',fitzpatrick_scale:!1,category:"people"},bowing_woman:{keywords:["woman","female","girl"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f647}\u200d\u2640\ufe0f" src="1f647-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},bowing_man:{keywords:["man","male","boy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f647}" src="1f647.png"/>',fitzpatrick_scale:!0,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f926}\u200d\u2642\ufe0f" src="1f926-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f926}\u200d\u2640\ufe0f" src="1f926-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f937}" src="1f937.png"/>',fitzpatrick_scale:!0,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f937}\u200d\u2642\ufe0f" src="1f937-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f481}" src="1f481.png"/>',fitzpatrick_scale:!0,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f481}\u200d\u2642\ufe0f" src="1f481-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f645}" src="1f645.png"/>',fitzpatrick_scale:!0,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f645}\u200d\u2642\ufe0f" src="1f645-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f646}" src="1f646.png"/>',fitzpatrick_scale:!0,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f646}\u200d\u2642\ufe0f" src="1f646-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64b}" src="1f64b.png"/>',fitzpatrick_scale:!0,category:"people"},raising_hand_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64b}\u200d\u2642\ufe0f" src="1f64b-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},pouting_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64e}" src="1f64e.png"/>',fitzpatrick_scale:!0,category:"people"},pouting_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64e}\u200d\u2642\ufe0f" src="1f64e-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64d}" src="1f64d.png"/>',fitzpatrick_scale:!0,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64d}\u200d\u2642\ufe0f" src="1f64d-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},haircut_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f487}" src="1f487.png"/>',fitzpatrick_scale:!0,category:"people"},haircut_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f487}\u200d\u2642\ufe0f" src="1f487-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f486}" src="1f486.png"/>',fitzpatrick_scale:!0,category:"people"},massage_man:{keywords:["male","boy","man","head"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f486}\u200d\u2642\ufe0f" src="1f486-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d6}\u200d\u2640\ufe0f" src="1f9d6-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d6}\u200d\u2642\ufe0f" src="1f9d6-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f491}" src="1f491.png"/>',fitzpatrick_scale:!1,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2764\ufe0f\u200d\u{1f469}" src="1f469-200d-2764-fe0f-200d-1f469.png"/>',fitzpatrick_scale:!1,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2764\ufe0f\u200d\u{1f468}" src="1f468-200d-2764-fe0f-200d-1f468.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48f}" src="1f48f.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2764\ufe0f\u200d\u{1f48b}\u200d\u{1f469}" src="1f469-200d-2764-fe0f-200d-1f48b-200d-1f469.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2764\ufe0f\u200d\u{1f48b}\u200d\u{1f468}" src="1f468-200d-2764-fe0f-200d-1f48b-200d-1f468.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46a}" src="1f46a.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f469}\u200d\u{1f467}" src="1f468-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f466}" src="1f468-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f469}\u200d\u{1f466}\u200d\u{1f466}" src="1f468-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f467}" src="1f468-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f466}" src="1f469-200d-1f469-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f467}" src="1f469-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f466}" src="1f469-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f466}\u200d\u{1f466}" src="1f469-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f467}" src="1f469-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f466}" src="1f468-200d-1f468-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f467}" src="1f468-200d-1f468-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f467}\u200d\u{1f466}" src="1f468-200d-1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f466}\u200d\u{1f466}" src="1f468-200d-1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f467}\u200d\u{1f467}" src="1f468-200d-1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f466}" src="1f469-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f467}" src="1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f467}\u200d\u{1f466}" src="1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f466}\u200d\u{1f466}" src="1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f467}\u200d\u{1f467}" src="1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f466}" src="1f468-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f467}" src="1f468-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f467}\u200d\u{1f466}" src="1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f466}\u200d\u{1f466}" src="1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f467}\u200d\u{1f467}" src="1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},yarn:{keywords:["ball","crochet","knit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f6}" src="1f9f6.png"/>',fitzpatrick_scale:!1,category:"people"},thread:{keywords:["needle","sewing","spool","string"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f5}" src="1f9f5.png"/>',fitzpatrick_scale:!1,category:"people"},coat:{keywords:["jacket"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e5}" src="1f9e5.png"/>',fitzpatrick_scale:!1,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97c}" src="1f97c.png"/>',fitzpatrick_scale:!1,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45a}" src="1f45a.png"/>',fitzpatrick_scale:!1,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f455}" src="1f455.png"/>',fitzpatrick_scale:!1,category:"people"},jeans:{keywords:["fashion","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f456}" src="1f456.png"/>',fitzpatrick_scale:!1,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f454}" src="1f454.png"/>',fitzpatrick_scale:!1,category:"people"},dress:{keywords:["clothes","fashion","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f457}" src="1f457.png"/>',fitzpatrick_scale:!1,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f459}" src="1f459.png"/>',fitzpatrick_scale:!1,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f458}" src="1f458.png"/>',fitzpatrick_scale:!1,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f484}" src="1f484.png"/>',fitzpatrick_scale:!1,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48b}" src="1f48b.png"/>',fitzpatrick_scale:!1,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f463}" src="1f463.png"/>',fitzpatrick_scale:!1,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97f}" src="1f97f.png"/>',fitzpatrick_scale:!1,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f460}" src="1f460.png"/>',fitzpatrick_scale:!1,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f461}" src="1f461.png"/>',fitzpatrick_scale:!1,category:"people"},boot:{keywords:["shoes","fashion"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f462}" src="1f462.png"/>',fitzpatrick_scale:!1,category:"people"},mans_shoe:{keywords:["fashion","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45e}" src="1f45e.png"/>',fitzpatrick_scale:!1,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45f}" src="1f45f.png"/>',fitzpatrick_scale:!1,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97e}" src="1f97e.png"/>',fitzpatrick_scale:!1,category:"people"},socks:{keywords:["stockings","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e6}" src="1f9e6.png"/>',fitzpatrick_scale:!1,category:"people"},gloves:{keywords:["hands","winter","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e4}" src="1f9e4.png"/>',fitzpatrick_scale:!1,category:"people"},scarf:{keywords:["neck","winter","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e3}" src="1f9e3.png"/>',fitzpatrick_scale:!1,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f452}" src="1f452.png"/>',fitzpatrick_scale:!1,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a9}" src="1f3a9.png"/>',fitzpatrick_scale:!1,category:"people"},billed_hat:{keywords:["cap","baseball"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e2}" src="1f9e2.png"/>',fitzpatrick_scale:!1,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d1" src="26d1.png"/>',fitzpatrick_scale:!1,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f393}" src="1f393.png"/>',fitzpatrick_scale:!1,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f451}" src="1f451.png"/>',fitzpatrick_scale:!1,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f392}" src="1f392.png"/>',fitzpatrick_scale:!1,category:"people"},luggage:{keywords:["packing","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f3}" src="1f9f3.png"/>',fitzpatrick_scale:!1,category:"people"},pouch:{keywords:["bag","accessories","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45d}" src="1f45d.png"/>',fitzpatrick_scale:!1,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45b}" src="1f45b.png"/>',fitzpatrick_scale:!1,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45c}" src="1f45c.png"/>',fitzpatrick_scale:!1,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4bc}" src="1f4bc.png"/>',fitzpatrick_scale:!1,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f453}" src="1f453.png"/>',fitzpatrick_scale:!1,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f576}" src="1f576.png"/>',fitzpatrick_scale:!1,category:"people"},goggles:{keywords:["eyes","protection","safety"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97d}" src="1f97d.png"/>',fitzpatrick_scale:!1,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48d}" src="1f48d.png"/>',fitzpatrick_scale:!1,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f302}" src="1f302.png"/>',fitzpatrick_scale:!1,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f436}" src="1f436.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f431}" src="1f431.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42d}" src="1f42d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f439}" src="1f439.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f430}" src="1f430.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98a}" src="1f98a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43b}" src="1f43b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43c}" src="1f43c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},koala:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f428}" src="1f428.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42f}" src="1f42f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lion:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f981}" src="1f981.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42e}" src="1f42e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f437}" src="1f437.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43d}" src="1f43d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f438}" src="1f438.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f991}" src="1f991.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f419}" src="1f419.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f990}" src="1f990.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f435}" src="1f435.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98d}" src="1f98d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f648}" src="1f648.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f649}" src="1f649.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64a}" src="1f64a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f412}" src="1f412.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f414}" src="1f414.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f427}" src="1f427.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f426}" src="1f426.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f424}" src="1f424.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f423}" src="1f423.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f425}" src="1f425.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f986}" src="1f986.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f985}" src="1f985.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f989}" src="1f989.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f987}" src="1f987.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43a}" src="1f43a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},boar:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f417}" src="1f417.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f434}" src="1f434.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f984}" src="1f984.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41d}" src="1f41d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41b}" src="1f41b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98b}" src="1f98b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40c}" src="1f40c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41e}" src="1f41e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41c}" src="1f41c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f997}" src="1f997.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f577}" src="1f577.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f982}" src="1f982.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f980}" src="1f980.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40d}" src="1f40d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98e}" src="1f98e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f996}" src="1f996.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f995}" src="1f995.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f422}" src="1f422.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f420}" src="1f420.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41f}" src="1f41f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f421}" src="1f421.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42c}" src="1f42c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f988}" src="1f988.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f433}" src="1f433.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40b}" src="1f40b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40a}" src="1f40a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f406}" src="1f406.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f993}" src="1f993.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f405}" src="1f405.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f403}" src="1f403.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f402}" src="1f402.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f404}" src="1f404.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98c}" src="1f98c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42a}" src="1f42a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42b}" src="1f42b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f992}" src="1f992.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f418}" src="1f418.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98f}" src="1f98f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},goat:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f410}" src="1f410.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40f}" src="1f40f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f411}" src="1f411.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40e}" src="1f40e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f416}" src="1f416.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f400}" src="1f400.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f401}" src="1f401.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f413}" src="1f413.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f983}" src="1f983.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dove:{keywords:["animal","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54a}" src="1f54a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f415}" src="1f415.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f429}" src="1f429.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f408}" src="1f408.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f407}" src="1f407.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43f}" src="1f43f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f994}" src="1f994.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99d}" src="1f99d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f999}" src="1f999.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99b}" src="1f99b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f998}" src="1f998.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9a1}" src="1f9a1.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9a2}" src="1f9a2.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99a}" src="1f99a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99c}" src="1f99c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99e}" src="1f99e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99f}" src="1f99f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43e}" src="1f43e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f409}" src="1f409.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f432}" src="1f432.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f335}" src="1f335.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f384}" src="1f384.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f332}" src="1f332.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f333}" src="1f333.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f334}" src="1f334.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f331}" src="1f331.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33f}" src="1f33f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2618" src="2618.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f340}" src="1f340.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38d}" src="1f38d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38b}" src="1f38b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f343}" src="1f343.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f342}" src="1f342.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f341}" src="1f341.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33e}" src="1f33e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33a}" src="1f33a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33b}" src="1f33b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f339}" src="1f339.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f940}" src="1f940.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f337}" src="1f337.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33c}" src="1f33c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f338}" src="1f338.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f490}" src="1f490.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f344}" src="1f344.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f330}" src="1f330.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f383}" src="1f383.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41a}" src="1f41a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f578}" src="1f578.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30e}" src="1f30e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30d}" src="1f30d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30f}" src="1f30f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f315}" src="1f315.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f316}" src="1f316.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f317}" src="1f317.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f318}" src="1f318.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f311}" src="1f311.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f312}" src="1f312.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f313}" src="1f313.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f314}" src="1f314.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31a}" src="1f31a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31d}" src="1f31d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31b}" src="1f31b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31c}" src="1f31c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31e}" src="1f31e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f319}" src="1f319.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},star:{keywords:["night","yellow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b50" src="2b50.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31f}" src="1f31f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ab}" src="1f4ab.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2728" src="2728.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},comet:{keywords:["space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2604" src="2604.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2600\ufe0f" src="2600.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f324}" src="1f324.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c5" src="26c5.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f325}" src="1f325.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f326}" src="1f326.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2601\ufe0f" src="2601.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f327}" src="1f327.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c8" src="26c8.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f329}" src="1f329.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26a1" src="26a1.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f525}" src="1f525.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a5}" src="1f4a5.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2744\ufe0f" src="2744.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f328}" src="1f328.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c4" src="26c4.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2603" src="2603.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32c}" src="1f32c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a8}" src="1f4a8.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32a}" src="1f32a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fog:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32b}" src="1f32b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2602" src="2602.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2614" src="2614.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a7}" src="1f4a7.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a6}" src="1f4a6.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30a}" src="1f30a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34f}" src="1f34f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34e}" src="1f34e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f350}" src="1f350.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34a}" src="1f34a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34b}" src="1f34b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34c}" src="1f34c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f349}" src="1f349.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f347}" src="1f347.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f353}" src="1f353.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f348}" src="1f348.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cherries:{keywords:["food","fruit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f352}" src="1f352.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f351}" src="1f351.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34d}" src="1f34d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f965}" src="1f965.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95d}" src="1f95d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96d}" src="1f96d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},avocado:{keywords:["fruit","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f951}" src="1f951.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f966}" src="1f966.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f345}" src="1f345.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f346}" src="1f346.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f952}" src="1f952.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f955}" src="1f955.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f336}" src="1f336.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f954}" src="1f954.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33d}" src="1f33d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96c}" src="1f96c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f360}" src="1f360.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},peanuts:{keywords:["food","nut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95c}" src="1f95c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36f}" src="1f36f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f950}" src="1f950.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35e}" src="1f35e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f956}" src="1f956.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96f}" src="1f96f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f968}" src="1f968.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cheese:{keywords:["food","chadder"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9c0}" src="1f9c0.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95a}" src="1f95a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f953}" src="1f953.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f969}" src="1f969.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95e}" src="1f95e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f357}" src="1f357.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f356}" src="1f356.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bone:{keywords:["skeleton"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b4}" src="1f9b4.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f364}" src="1f364.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f373}" src="1f373.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f354}" src="1f354.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35f}" src="1f35f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f959}" src="1f959.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32d}" src="1f32d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pizza:{keywords:["food","party"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f355}" src="1f355.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96a}" src="1f96a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},canned_food:{keywords:["food","soup"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96b}" src="1f96b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35d}" src="1f35d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},taco:{keywords:["food","mexican"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32e}" src="1f32e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},burrito:{keywords:["food","mexican"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32f}" src="1f32f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f957}" src="1f957.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f958}" src="1f958.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35c}" src="1f35c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f372}" src="1f372.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f365}" src="1f365.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f960}" src="1f960.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f363}" src="1f363.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f371}" src="1f371.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35b}" src="1f35b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f359}" src="1f359.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice:{keywords:["food","china","asian"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35a}" src="1f35a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f358}" src="1f358.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},oden:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f362}" src="1f362.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f361}" src="1f361.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f367}" src="1f367.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f368}" src="1f368.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f366}" src="1f366.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f967}" src="1f967.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cake:{keywords:["food","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f370}" src="1f370.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9c1}" src="1f9c1.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96e}" src="1f96e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f382}" src="1f382.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},custard:{keywords:["dessert","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36e}" src="1f36e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36c}" src="1f36c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36d}" src="1f36d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36b}" src="1f36b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37f}" src="1f37f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95f}" src="1f95f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f369}" src="1f369.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36a}" src="1f36a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95b}" src="1f95b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37a}" src="1f37a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37b}" src="1f37b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f942}" src="1f942.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f377}" src="1f377.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f943}" src="1f943.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f378}" src="1f378.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f379}" src="1f379.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37e}" src="1f37e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f376}" src="1f376.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f375}" src="1f375.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f964}" src="1f964.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2615" src="2615.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37c}" src="1f37c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9c2}" src="1f9c2.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f944}" src="1f944.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f374}" src="1f374.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37d}" src="1f37d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f963}" src="1f963.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f961}" src="1f961.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},chopsticks:{keywords:["food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f962}" src="1f962.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},soccer:{keywords:["sports","football"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26bd" src="26bd.png"/>',fitzpatrick_scale:!1,category:"activity"},basketball:{keywords:["sports","balls","NBA"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c0}" src="1f3c0.png"/>',fitzpatrick_scale:!1,category:"activity"},football:{keywords:["sports","balls","NFL"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c8}" src="1f3c8.png"/>',fitzpatrick_scale:!1,category:"activity"},baseball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26be" src="26be.png"/>',fitzpatrick_scale:!1,category:"activity"},softball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94e}" src="1f94e.png"/>',fitzpatrick_scale:!1,category:"activity"},tennis:{keywords:["sports","balls","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3be}" src="1f3be.png"/>',fitzpatrick_scale:!1,category:"activity"},volleyball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d0}" src="1f3d0.png"/>',fitzpatrick_scale:!1,category:"activity"},rugby_football:{keywords:["sports","team"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c9}" src="1f3c9.png"/>',fitzpatrick_scale:!1,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94f}" src="1f94f.png"/>',fitzpatrick_scale:!1,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b1}" src="1f3b1.png"/>',fitzpatrick_scale:!1,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f3" src="26f3.png"/>',fitzpatrick_scale:!1,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cc}\ufe0f\u200d\u2640\ufe0f" src="1f3cc-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},golfing_man:{keywords:["sports","business"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cc}" src="1f3cc.png"/>',fitzpatrick_scale:!0,category:"activity"},ping_pong:{keywords:["sports","pingpong"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d3}" src="1f3d3.png"/>',fitzpatrick_scale:!1,category:"activity"},badminton:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f8}" src="1f3f8.png"/>',fitzpatrick_scale:!1,category:"activity"},goal_net:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f945}" src="1f945.png"/>',fitzpatrick_scale:!1,category:"activity"},ice_hockey:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d2}" src="1f3d2.png"/>',fitzpatrick_scale:!1,category:"activity"},field_hockey:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d1}" src="1f3d1.png"/>',fitzpatrick_scale:!1,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94d}" src="1f94d.png"/>',fitzpatrick_scale:!1,category:"activity"},cricket:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cf}" src="1f3cf.png"/>',fitzpatrick_scale:!1,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3bf}" src="1f3bf.png"/>',fitzpatrick_scale:!1,category:"activity"},skier:{keywords:["sports","winter","snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f7" src="26f7.png"/>',fitzpatrick_scale:!1,category:"activity"},snowboarder:{keywords:["sports","winter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c2}" src="1f3c2.png"/>',fitzpatrick_scale:!0,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93a}" src="1f93a.png"/>',fitzpatrick_scale:!1,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93c}\u200d\u2640\ufe0f" src="1f93c-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93c}\u200d\u2642\ufe0f" src="1f93c-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f938}\u200d\u2640\ufe0f" src="1f938-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f938}\u200d\u2642\ufe0f" src="1f938-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_playing_handball:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93e}\u200d\u2640\ufe0f" src="1f93e-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_playing_handball:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93e}\u200d\u2642\ufe0f" src="1f93e-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},ice_skate:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f8" src="26f8.png"/>',fitzpatrick_scale:!1,category:"activity"},curling_stone:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94c}" src="1f94c.png"/>',fitzpatrick_scale:!1,category:"activity"},skateboard:{keywords:["board"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f9}" src="1f6f9.png"/>',fitzpatrick_scale:!1,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f7}" src="1f6f7.png"/>',fitzpatrick_scale:!1,category:"activity"},bow_and_arrow:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f9}" src="1f3f9.png"/>',fitzpatrick_scale:!1,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a3}" src="1f3a3.png"/>',fitzpatrick_scale:!1,category:"activity"},boxing_glove:{keywords:["sports","fighting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94a}" src="1f94a.png"/>',fitzpatrick_scale:!1,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94b}" src="1f94b.png"/>',fitzpatrick_scale:!1,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a3}\u200d\u2640\ufe0f" src="1f6a3-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a3}" src="1f6a3.png"/>',fitzpatrick_scale:!0,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d7}\u200d\u2640\ufe0f" src="1f9d7-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d7}\u200d\u2642\ufe0f" src="1f9d7-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ca}\u200d\u2640\ufe0f" src="1f3ca-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ca}" src="1f3ca.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93d}\u200d\u2640\ufe0f" src="1f93d-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93d}\u200d\u2642\ufe0f" src="1f93d-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d8}\u200d\u2640\ufe0f" src="1f9d8-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d8}\u200d\u2642\ufe0f" src="1f9d8-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c4}\u200d\u2640\ufe0f" src="1f3c4-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c4}" src="1f3c4.png"/>',fitzpatrick_scale:!0,category:"activity"},bath:{keywords:["clean","shower","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c0}" src="1f6c0.png"/>',fitzpatrick_scale:!0,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f9\ufe0f\u200d\u2640\ufe0f" src="26f9-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},basketball_man:{keywords:["sports","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f9" src="26f9.png"/>',fitzpatrick_scale:!0,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cb}\ufe0f\u200d\u2640\ufe0f" src="1f3cb-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cb}" src="1f3cb.png"/>',fitzpatrick_scale:!0,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b4}\u200d\u2640\ufe0f" src="1f6b4-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b4}" src="1f6b4.png"/>',fitzpatrick_scale:!0,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b5}\u200d\u2640\ufe0f" src="1f6b5-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b5}" src="1f6b5.png"/>',fitzpatrick_scale:!0,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c7}" src="1f3c7.png"/>',fitzpatrick_scale:!0,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f574}" src="1f574.png"/>',fitzpatrick_scale:!0,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c6}" src="1f3c6.png"/>',fitzpatrick_scale:!1,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3bd}" src="1f3bd.png"/>',fitzpatrick_scale:!1,category:"activity"},medal_sports:{keywords:["award","winning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c5}" src="1f3c5.png"/>',fitzpatrick_scale:!1,category:"activity"},medal_military:{keywords:["award","winning","army"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f396}" src="1f396.png"/>',fitzpatrick_scale:!1,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f947}" src="1f947.png"/>',fitzpatrick_scale:!1,category:"activity"},"2nd_place_medal":{keywords:["award","second"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f948}" src="1f948.png"/>',fitzpatrick_scale:!1,category:"activity"},"3rd_place_medal":{keywords:["award","third"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f949}" src="1f949.png"/>',fitzpatrick_scale:!1,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f397}" src="1f397.png"/>',fitzpatrick_scale:!1,category:"activity"},rosette:{keywords:["flower","decoration","military"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f5}" src="1f3f5.png"/>',fitzpatrick_scale:!1,category:"activity"},ticket:{keywords:["event","concert","pass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ab}" src="1f3ab.png"/>',fitzpatrick_scale:!1,category:"activity"},tickets:{keywords:["sports","concert","entrance"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f39f}" src="1f39f.png"/>',fitzpatrick_scale:!1,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ad}" src="1f3ad.png"/>',fitzpatrick_scale:!1,category:"activity"},art:{keywords:["design","paint","draw","colors"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a8}" src="1f3a8.png"/>',fitzpatrick_scale:!1,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3aa}" src="1f3aa.png"/>',fitzpatrick_scale:!1,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f939}\u200d\u2640\ufe0f" src="1f939-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f939}\u200d\u2642\ufe0f" src="1f939-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a4}" src="1f3a4.png"/>',fitzpatrick_scale:!1,category:"activity"},headphones:{keywords:["music","score","gadgets"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a7}" src="1f3a7.png"/>',fitzpatrick_scale:!1,category:"activity"},musical_score:{keywords:["treble","clef","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3bc}" src="1f3bc.png"/>',fitzpatrick_scale:!1,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b9}" src="1f3b9.png"/>',fitzpatrick_scale:!1,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f941}" src="1f941.png"/>',fitzpatrick_scale:!1,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b7}" src="1f3b7.png"/>',fitzpatrick_scale:!1,category:"activity"},trumpet:{keywords:["music","brass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ba}" src="1f3ba.png"/>',fitzpatrick_scale:!1,category:"activity"},guitar:{keywords:["music","instrument"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b8}" src="1f3b8.png"/>',fitzpatrick_scale:!1,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3bb}" src="1f3bb.png"/>',fitzpatrick_scale:!1,category:"activity"},clapper:{keywords:["movie","film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ac}" src="1f3ac.png"/>',fitzpatrick_scale:!1,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ae}" src="1f3ae.png"/>',fitzpatrick_scale:!1,category:"activity"},space_invader:{keywords:["game","arcade","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47e}" src="1f47e.png"/>',fitzpatrick_scale:!1,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3af}" src="1f3af.png"/>',fitzpatrick_scale:!1,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b2}" src="1f3b2.png"/>',fitzpatrick_scale:!1,category:"activity"},chess_pawn:{keywords:["expendable"],char:"\u265f",fitzpatrick_scale:!1,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b0}" src="1f3b0.png"/>',fitzpatrick_scale:!1,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e9}" src="1f9e9.png"/>',fitzpatrick_scale:!1,category:"activity"},bowling:{keywords:["sports","fun","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b3}" src="1f3b3.png"/>',fitzpatrick_scale:!1,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f697}" src="1f697.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f695}" src="1f695.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f699}" src="1f699.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68c}" src="1f68c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68e}" src="1f68e.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ce}" src="1f3ce.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f693}" src="1f693.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f691}" src="1f691.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f692}" src="1f692.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f690}" src="1f690.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},truck:{keywords:["cars","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69a}" src="1f69a.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69b}" src="1f69b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69c}" src="1f69c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f4}" src="1f6f4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cd}" src="1f3cd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b2}" src="1f6b2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f5}" src="1f6f5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a8}" src="1f6a8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f694}" src="1f694.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68d}" src="1f68d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f698}" src="1f698.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f696}" src="1f696.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a1}" src="1f6a1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a0}" src="1f6a0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69f}" src="1f69f.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f683}" src="1f683.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68b}" src="1f68b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69d}" src="1f69d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f684}" src="1f684.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f685}" src="1f685.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f688}" src="1f688.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69e}" src="1f69e.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f682}" src="1f682.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f686}" src="1f686.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f687}" src="1f687.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68a}" src="1f68a.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f689}" src="1f689.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f8}" src="1f6f8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f681}" src="1f681.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e9}" src="1f6e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2708\ufe0f" src="2708.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6eb}" src="1f6eb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ec}" src="1f6ec.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f5" src="26f5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motor_boat:{keywords:["ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e5}" src="1f6e5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a4}" src="1f6a4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f4" src="26f4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f3}" src="1f6f3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f680}" src="1f680.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f0}" src="1f6f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ba}" src="1f4ba.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f6}" src="1f6f6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2693" src="2693.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a7}" src="1f6a7.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26fd" src="26fd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68f}" src="1f68f.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a6}" src="1f6a6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a5}" src="1f6a5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c1}" src="1f3c1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a2}" src="1f6a2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a1}" src="1f3a1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a2}" src="1f3a2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a0}" src="1f3a0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d7}" src="1f3d7.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f301}" src="1f301.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fc}" src="1f5fc.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ed}" src="1f3ed.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f2" src="26f2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f391}" src="1f391.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f0" src="26f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d4}" src="1f3d4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fb}" src="1f5fb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30b}" src="1f30b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fe}" src="1f5fe.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d5}" src="1f3d5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26fa" src="26fa.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3de}" src="1f3de.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e3}" src="1f6e3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e4}" src="1f6e4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f305}" src="1f305.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f304}" src="1f304.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3dc}" src="1f3dc.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d6}" src="1f3d6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3dd}" src="1f3dd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f307}" src="1f307.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f306}" src="1f306.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d9}" src="1f3d9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f303}" src="1f303.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f309}" src="1f309.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30c}" src="1f30c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},stars:{keywords:["night","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f320}" src="1f320.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f387}" src="1f387.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f386}" src="1f386.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f308}" src="1f308.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},houses:{keywords:["buildings","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d8}" src="1f3d8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f0}" src="1f3f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ef}" src="1f3ef.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3df}" src="1f3df.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fd}" src="1f5fd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},house:{keywords:["building","home"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e0}" src="1f3e0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e1}" src="1f3e1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3da}" src="1f3da.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},office:{keywords:["building","bureau","work"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e2}" src="1f3e2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ec}" src="1f3ec.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e3}" src="1f3e3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},european_post_office:{keywords:["building","email"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e4}" src="1f3e4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e5}" src="1f3e5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e6}" src="1f3e6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e8}" src="1f3e8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ea}" src="1f3ea.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3eb}" src="1f3eb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e9}" src="1f3e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f492}" src="1f492.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3db}" src="1f3db.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},church:{keywords:["building","religion","christ"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ea" src="26ea.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54c}" src="1f54c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54d}" src="1f54d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54b}" src="1f54b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26e9" src="26e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},watch:{keywords:["time","accessories"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u231a" src="231a.png"/>',fitzpatrick_scale:!1,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f1}" src="1f4f1.png"/>',fitzpatrick_scale:!1,category:"objects"},calling:{keywords:["iphone","incoming"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f2}" src="1f4f2.png"/>',fitzpatrick_scale:!1,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4bb}" src="1f4bb.png"/>',fitzpatrick_scale:!1,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2328" src="2328.png"/>',fitzpatrick_scale:!1,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5a5}" src="1f5a5.png"/>',fitzpatrick_scale:!1,category:"objects"},printer:{keywords:["paper","ink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5a8}" src="1f5a8.png"/>',fitzpatrick_scale:!1,category:"objects"},computer_mouse:{keywords:["click"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5b1}" src="1f5b1.png"/>',fitzpatrick_scale:!1,category:"objects"},trackball:{keywords:["technology","trackpad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5b2}" src="1f5b2.png"/>',fitzpatrick_scale:!1,category:"objects"},joystick:{keywords:["game","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f579}" src="1f579.png"/>',fitzpatrick_scale:!1,category:"objects"},clamp:{keywords:["tool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5dc}" src="1f5dc.png"/>',fitzpatrick_scale:!1,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4bd}" src="1f4bd.png"/>',fitzpatrick_scale:!1,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4be}" src="1f4be.png"/>',fitzpatrick_scale:!1,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4bf}" src="1f4bf.png"/>',fitzpatrick_scale:!1,category:"objects"},dvd:{keywords:["cd","disk","disc"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c0}" src="1f4c0.png"/>',fitzpatrick_scale:!1,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4fc}" src="1f4fc.png"/>',fitzpatrick_scale:!1,category:"objects"},camera:{keywords:["gadgets","photography"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f7}" src="1f4f7.png"/>',fitzpatrick_scale:!1,category:"objects"},camera_flash:{keywords:["photography","gadgets"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f8}" src="1f4f8.png"/>',fitzpatrick_scale:!1,category:"objects"},video_camera:{keywords:["film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f9}" src="1f4f9.png"/>',fitzpatrick_scale:!1,category:"objects"},movie_camera:{keywords:["film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a5}" src="1f3a5.png"/>',fitzpatrick_scale:!1,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4fd}" src="1f4fd.png"/>',fitzpatrick_scale:!1,category:"objects"},film_strip:{keywords:["movie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f39e}" src="1f39e.png"/>',fitzpatrick_scale:!1,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4de}" src="1f4de.png"/>',fitzpatrick_scale:!1,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u260e\ufe0f" src="260e.png"/>',fitzpatrick_scale:!1,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4df}" src="1f4df.png"/>',fitzpatrick_scale:!1,category:"objects"},fax:{keywords:["communication","technology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e0}" src="1f4e0.png"/>',fitzpatrick_scale:!1,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4fa}" src="1f4fa.png"/>',fitzpatrick_scale:!1,category:"objects"},radio:{keywords:["communication","music","podcast","program"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4fb}" src="1f4fb.png"/>',fitzpatrick_scale:!1,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f399}" src="1f399.png"/>',fitzpatrick_scale:!1,category:"objects"},level_slider:{keywords:["scale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f39a}" src="1f39a.png"/>',fitzpatrick_scale:!1,category:"objects"},control_knobs:{keywords:["dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f39b}" src="1f39b.png"/>',fitzpatrick_scale:!1,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ed}" src="1f9ed.png"/>',fitzpatrick_scale:!1,category:"objects"},stopwatch:{keywords:["time","deadline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f1" src="23f1.png"/>',fitzpatrick_scale:!1,category:"objects"},timer_clock:{keywords:["alarm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f2" src="23f2.png"/>',fitzpatrick_scale:!1,category:"objects"},alarm_clock:{keywords:["time","wake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f0" src="23f0.png"/>',fitzpatrick_scale:!1,category:"objects"},mantelpiece_clock:{keywords:["time"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f570}" src="1f570.png"/>',fitzpatrick_scale:!1,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f3" src="23f3.png"/>',fitzpatrick_scale:!1,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u231b" src="231b.png"/>',fitzpatrick_scale:!1,category:"objects"},satellite:{keywords:["communication","future","radio","space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e1}" src="1f4e1.png"/>',fitzpatrick_scale:!1,category:"objects"},battery:{keywords:["power","energy","sustain"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50b}" src="1f50b.png"/>',fitzpatrick_scale:!1,category:"objects"},electric_plug:{keywords:["charger","power"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50c}" src="1f50c.png"/>',fitzpatrick_scale:!1,category:"objects"},bulb:{keywords:["light","electricity","idea"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a1}" src="1f4a1.png"/>',fitzpatrick_scale:!1,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f526}" src="1f526.png"/>',fitzpatrick_scale:!1,category:"objects"},candle:{keywords:["fire","wax"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f56f}" src="1f56f.png"/>',fitzpatrick_scale:!1,category:"objects"},fire_extinguisher:{keywords:["quench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ef}" src="1f9ef.png"/>',fitzpatrick_scale:!1,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5d1}" src="1f5d1.png"/>',fitzpatrick_scale:!1,category:"objects"},oil_drum:{keywords:["barrell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e2}" src="1f6e2.png"/>',fitzpatrick_scale:!1,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b8}" src="1f4b8.png"/>',fitzpatrick_scale:!1,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b5}" src="1f4b5.png"/>',fitzpatrick_scale:!1,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b4}" src="1f4b4.png"/>',fitzpatrick_scale:!1,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b6}" src="1f4b6.png"/>',fitzpatrick_scale:!1,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b7}" src="1f4b7.png"/>',fitzpatrick_scale:!1,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b0}" src="1f4b0.png"/>',fitzpatrick_scale:!1,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b3}" src="1f4b3.png"/>',fitzpatrick_scale:!1,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48e}" src="1f48e.png"/>',fitzpatrick_scale:!1,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2696" src="2696.png"/>',fitzpatrick_scale:!1,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f0}" src="1f9f0.png"/>',fitzpatrick_scale:!1,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f527}" src="1f527.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f528}" src="1f528.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2692" src="2692.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e0}" src="1f6e0.png"/>',fitzpatrick_scale:!1,category:"objects"},pick:{keywords:["tools","dig"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26cf" src="26cf.png"/>',fitzpatrick_scale:!1,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f529}" src="1f529.png"/>',fitzpatrick_scale:!1,category:"objects"},gear:{keywords:["cog"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2699" src="2699.png"/>',fitzpatrick_scale:!1,category:"objects"},brick:{keywords:["bricks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f1}" src="1f9f1.png"/>',fitzpatrick_scale:!1,category:"objects"},chains:{keywords:["lock","arrest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d3" src="26d3.png"/>',fitzpatrick_scale:!1,category:"objects"},magnet:{keywords:["attraction","magnetic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f2}" src="1f9f2.png"/>',fitzpatrick_scale:!1,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52b}" src="1f52b.png"/>',fitzpatrick_scale:!1,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a3}" src="1f4a3.png"/>',fitzpatrick_scale:!1,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e8}" src="1f9e8.png"/>',fitzpatrick_scale:!1,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52a}" src="1f52a.png"/>',fitzpatrick_scale:!1,category:"objects"},dagger:{keywords:["weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5e1}" src="1f5e1.png"/>',fitzpatrick_scale:!1,category:"objects"},crossed_swords:{keywords:["weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2694" src="2694.png"/>',fitzpatrick_scale:!1,category:"objects"},shield:{keywords:["protection","security"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e1}" src="1f6e1.png"/>',fitzpatrick_scale:!1,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ac}" src="1f6ac.png"/>',fitzpatrick_scale:!1,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2620" src="2620.png"/>',fitzpatrick_scale:!1,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26b0" src="26b0.png"/>',fitzpatrick_scale:!1,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26b1" src="26b1.png"/>',fitzpatrick_scale:!1,category:"objects"},amphora:{keywords:["vase","jar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3fa}" src="1f3fa.png"/>',fitzpatrick_scale:!1,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52e}" src="1f52e.png"/>',fitzpatrick_scale:!1,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ff}" src="1f4ff.png"/>',fitzpatrick_scale:!1,category:"objects"},nazar_amulet:{keywords:["bead","charm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ff}" src="1f9ff.png"/>',fitzpatrick_scale:!1,category:"objects"},barber:{keywords:["hair","salon","style"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f488}" src="1f488.png"/>',fitzpatrick_scale:!1,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2697" src="2697.png"/>',fitzpatrick_scale:!1,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52d}" src="1f52d.png"/>',fitzpatrick_scale:!1,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52c}" src="1f52c.png"/>',fitzpatrick_scale:!1,category:"objects"},hole:{keywords:["embarrassing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f573}" src="1f573.png"/>',fitzpatrick_scale:!1,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48a}" src="1f48a.png"/>',fitzpatrick_scale:!1,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f489}" src="1f489.png"/>',fitzpatrick_scale:!1,category:"objects"},dna:{keywords:["biologist","genetics","life"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ec}" src="1f9ec.png"/>',fitzpatrick_scale:!1,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9a0}" src="1f9a0.png"/>',fitzpatrick_scale:!1,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9eb}" src="1f9eb.png"/>',fitzpatrick_scale:!1,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ea}" src="1f9ea.png"/>',fitzpatrick_scale:!1,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f321}" src="1f321.png"/>',fitzpatrick_scale:!1,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f9}" src="1f9f9.png"/>',fitzpatrick_scale:!1,category:"objects"},basket:{keywords:["laundry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fa}" src="1f9fa.png"/>',fitzpatrick_scale:!1,category:"objects"},toilet_paper:{keywords:["roll"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fb}" src="1f9fb.png"/>',fitzpatrick_scale:!1,category:"objects"},label:{keywords:["sale","tag"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f7}" src="1f3f7.png"/>',fitzpatrick_scale:!1,category:"objects"},bookmark:{keywords:["favorite","label","save"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f516}" src="1f516.png"/>',fitzpatrick_scale:!1,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6bd}" src="1f6bd.png"/>',fitzpatrick_scale:!1,category:"objects"},shower:{keywords:["clean","water","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6bf}" src="1f6bf.png"/>',fitzpatrick_scale:!1,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c1}" src="1f6c1.png"/>',fitzpatrick_scale:!1,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fc}" src="1f9fc.png"/>',fitzpatrick_scale:!1,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fd}" src="1f9fd.png"/>',fitzpatrick_scale:!1,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f4}" src="1f9f4.png"/>',fitzpatrick_scale:!1,category:"objects"},key:{keywords:["lock","door","password"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f511}" src="1f511.png"/>',fitzpatrick_scale:!1,category:"objects"},old_key:{keywords:["lock","door","password"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5dd}" src="1f5dd.png"/>',fitzpatrick_scale:!1,category:"objects"},couch_and_lamp:{keywords:["read","chill"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6cb}" src="1f6cb.png"/>',fitzpatrick_scale:!1,category:"objects"},sleeping_bed:{keywords:["bed","rest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6cc}" src="1f6cc.png"/>',fitzpatrick_scale:!0,category:"objects"},bed:{keywords:["sleep","rest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6cf}" src="1f6cf.png"/>',fitzpatrick_scale:!1,category:"objects"},door:{keywords:["house","entry","exit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6aa}" src="1f6aa.png"/>',fitzpatrick_scale:!1,category:"objects"},bellhop_bell:{keywords:["service"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ce}" src="1f6ce.png"/>',fitzpatrick_scale:!1,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f8}" src="1f9f8.png"/>',fitzpatrick_scale:!1,category:"objects"},framed_picture:{keywords:["photography"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5bc}" src="1f5bc.png"/>',fitzpatrick_scale:!1,category:"objects"},world_map:{keywords:["location","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fa}" src="1f5fa.png"/>',fitzpatrick_scale:!1,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f1" src="26f1.png"/>',fitzpatrick_scale:!1,category:"objects"},moyai:{keywords:["rock","easter island","moai"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5ff}" src="1f5ff.png"/>',fitzpatrick_scale:!1,category:"objects"},shopping:{keywords:["mall","buy","purchase"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6cd}" src="1f6cd.png"/>',fitzpatrick_scale:!1,category:"objects"},shopping_cart:{keywords:["trolley"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6d2}" src="1f6d2.png"/>',fitzpatrick_scale:!1,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f388}" src="1f388.png"/>',fitzpatrick_scale:!1,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38f}" src="1f38f.png"/>',fitzpatrick_scale:!1,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f380}" src="1f380.png"/>',fitzpatrick_scale:!1,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f381}" src="1f381.png"/>',fitzpatrick_scale:!1,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38a}" src="1f38a.png"/>',fitzpatrick_scale:!1,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f389}" src="1f389.png"/>',fitzpatrick_scale:!1,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38e}" src="1f38e.png"/>',fitzpatrick_scale:!1,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f390}" src="1f390.png"/>',fitzpatrick_scale:!1,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38c}" src="1f38c.png"/>',fitzpatrick_scale:!1,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ee}" src="1f3ee.png"/>',fitzpatrick_scale:!1,category:"objects"},red_envelope:{keywords:["gift"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e7}" src="1f9e7.png"/>',fitzpatrick_scale:!1,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2709\ufe0f" src="2709.png"/>',fitzpatrick_scale:!1,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e9}" src="1f4e9.png"/>',fitzpatrick_scale:!1,category:"objects"},incoming_envelope:{keywords:["email","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e8}" src="1f4e8.png"/>',fitzpatrick_scale:!1,category:"objects"},"e-mail":{keywords:["communication","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e7}" src="1f4e7.png"/>',fitzpatrick_scale:!1,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48c}" src="1f48c.png"/>',fitzpatrick_scale:!1,category:"objects"},postbox:{keywords:["email","letter","envelope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ee}" src="1f4ee.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ea}" src="1f4ea.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox:{keywords:["email","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4eb}" src="1f4eb.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ec}" src="1f4ec.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ed}" src="1f4ed.png"/>',fitzpatrick_scale:!1,category:"objects"},package:{keywords:["mail","gift","cardboard","box","moving"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e6}" src="1f4e6.png"/>',fitzpatrick_scale:!1,category:"objects"},postal_horn:{keywords:["instrument","music"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ef}" src="1f4ef.png"/>',fitzpatrick_scale:!1,category:"objects"},inbox_tray:{keywords:["email","documents"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e5}" src="1f4e5.png"/>',fitzpatrick_scale:!1,category:"objects"},outbox_tray:{keywords:["inbox","email"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e4}" src="1f4e4.png"/>',fitzpatrick_scale:!1,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4dc}" src="1f4dc.png"/>',fitzpatrick_scale:!1,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c3}" src="1f4c3.png"/>',fitzpatrick_scale:!1,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d1}" src="1f4d1.png"/>',fitzpatrick_scale:!1,category:"objects"},receipt:{keywords:["accounting","expenses"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fe}" src="1f9fe.png"/>',fitzpatrick_scale:!1,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ca}" src="1f4ca.png"/>',fitzpatrick_scale:!1,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c8}" src="1f4c8.png"/>',fitzpatrick_scale:!1,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c9}" src="1f4c9.png"/>',fitzpatrick_scale:!1,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c4}" src="1f4c4.png"/>',fitzpatrick_scale:!1,category:"objects"},date:{keywords:["calendar","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c5}" src="1f4c5.png"/>',fitzpatrick_scale:!1,category:"objects"},calendar:{keywords:["schedule","date","planning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c6}" src="1f4c6.png"/>',fitzpatrick_scale:!1,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5d3}" src="1f5d3.png"/>',fitzpatrick_scale:!1,category:"objects"},card_index:{keywords:["business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c7}" src="1f4c7.png"/>',fitzpatrick_scale:!1,category:"objects"},card_file_box:{keywords:["business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5c3}" src="1f5c3.png"/>',fitzpatrick_scale:!1,category:"objects"},ballot_box:{keywords:["election","vote"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5f3}" src="1f5f3.png"/>',fitzpatrick_scale:!1,category:"objects"},file_cabinet:{keywords:["filing","organizing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5c4}" src="1f5c4.png"/>',fitzpatrick_scale:!1,category:"objects"},clipboard:{keywords:["stationery","documents"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4cb}" src="1f4cb.png"/>',fitzpatrick_scale:!1,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5d2}" src="1f5d2.png"/>',fitzpatrick_scale:!1,category:"objects"},file_folder:{keywords:["documents","business","office"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c1}" src="1f4c1.png"/>',fitzpatrick_scale:!1,category:"objects"},open_file_folder:{keywords:["documents","load"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c2}" src="1f4c2.png"/>',fitzpatrick_scale:!1,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5c2}" src="1f5c2.png"/>',fitzpatrick_scale:!1,category:"objects"},newspaper_roll:{keywords:["press","headline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5de}" src="1f5de.png"/>',fitzpatrick_scale:!1,category:"objects"},newspaper:{keywords:["press","headline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f0}" src="1f4f0.png"/>',fitzpatrick_scale:!1,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d3}" src="1f4d3.png"/>',fitzpatrick_scale:!1,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d5}" src="1f4d5.png"/>',fitzpatrick_scale:!1,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d7}" src="1f4d7.png"/>',fitzpatrick_scale:!1,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d8}" src="1f4d8.png"/>',fitzpatrick_scale:!1,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d9}" src="1f4d9.png"/>',fitzpatrick_scale:!1,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d4}" src="1f4d4.png"/>',fitzpatrick_scale:!1,category:"objects"},ledger:{keywords:["notes","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d2}" src="1f4d2.png"/>',fitzpatrick_scale:!1,category:"objects"},books:{keywords:["literature","library","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4da}" src="1f4da.png"/>',fitzpatrick_scale:!1,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d6}" src="1f4d6.png"/>',fitzpatrick_scale:!1,category:"objects"},safety_pin:{keywords:["diaper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f7}" src="1f9f7.png"/>',fitzpatrick_scale:!1,category:"objects"},link:{keywords:["rings","url"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f517}" src="1f517.png"/>',fitzpatrick_scale:!1,category:"objects"},paperclip:{keywords:["documents","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ce}" src="1f4ce.png"/>',fitzpatrick_scale:!1,category:"objects"},paperclips:{keywords:["documents","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f587}" src="1f587.png"/>',fitzpatrick_scale:!1,category:"objects"},scissors:{keywords:["stationery","cut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2702\ufe0f" src="2702.png"/>',fitzpatrick_scale:!1,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d0}" src="1f4d0.png"/>',fitzpatrick_scale:!1,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4cf}" src="1f4cf.png"/>',fitzpatrick_scale:!1,category:"objects"},abacus:{keywords:["calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ee}" src="1f9ee.png"/>',fitzpatrick_scale:!1,category:"objects"},pushpin:{keywords:["stationery","mark","here"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4cc}" src="1f4cc.png"/>',fitzpatrick_scale:!1,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4cd}" src="1f4cd.png"/>',fitzpatrick_scale:!1,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a9}" src="1f6a9.png"/>',fitzpatrick_scale:!1,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f3}" src="1f3f3.png"/>',fitzpatrick_scale:!1,category:"objects"},black_flag:{keywords:["pirate"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}" src="1f3f4.png"/>',fitzpatrick_scale:!1,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f3}\ufe0f\u200d\u{1f308}" src="1f3f3-fe0f-200d-1f308.png"/>',fitzpatrick_scale:!1,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f510}" src="1f510.png"/>',fitzpatrick_scale:!1,category:"objects"},lock:{keywords:["security","password","padlock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f512}" src="1f512.png"/>',fitzpatrick_scale:!1,category:"objects"},unlock:{keywords:["privacy","security"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f513}" src="1f513.png"/>',fitzpatrick_scale:!1,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50f}" src="1f50f.png"/>',fitzpatrick_scale:!1,category:"objects"},pen:{keywords:["stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f58a}" src="1f58a.png"/>',fitzpatrick_scale:!1,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f58b}" src="1f58b.png"/>',fitzpatrick_scale:!1,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2712\ufe0f" src="2712.png"/>',fitzpatrick_scale:!1,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4dd}" src="1f4dd.png"/>',fitzpatrick_scale:!1,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270f\ufe0f" src="270f.png"/>',fitzpatrick_scale:!1,category:"objects"},crayon:{keywords:["drawing","creativity"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f58d}" src="1f58d.png"/>',fitzpatrick_scale:!1,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f58c}" src="1f58c.png"/>',fitzpatrick_scale:!1,category:"objects"},mag:{keywords:["search","zoom","find","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50d}" src="1f50d.png"/>',fitzpatrick_scale:!1,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50e}" src="1f50e.png"/>',fitzpatrick_scale:!1,category:"objects"},heart:{keywords:["love","like","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2764\ufe0f" src="2764.png"/>',fitzpatrick_scale:!1,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e1}" src="1f9e1.png"/>',fitzpatrick_scale:!1,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49b}" src="1f49b.png"/>',fitzpatrick_scale:!1,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49a}" src="1f49a.png"/>',fitzpatrick_scale:!1,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f499}" src="1f499.png"/>',fitzpatrick_scale:!1,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49c}" src="1f49c.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_heart:{keywords:["evil"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5a4}" src="1f5a4.png"/>',fitzpatrick_scale:!1,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f494}" src="1f494.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2763" src="2763.png"/>',fitzpatrick_scale:!1,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f495}" src="1f495.png"/>',fitzpatrick_scale:!1,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49e}" src="1f49e.png"/>',fitzpatrick_scale:!1,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f493}" src="1f493.png"/>',fitzpatrick_scale:!1,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f497}" src="1f497.png"/>',fitzpatrick_scale:!1,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f496}" src="1f496.png"/>',fitzpatrick_scale:!1,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f498}" src="1f498.png"/>',fitzpatrick_scale:!1,category:"symbols"},gift_heart:{keywords:["love","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49d}" src="1f49d.png"/>',fitzpatrick_scale:!1,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49f}" src="1f49f.png"/>',fitzpatrick_scale:!1,category:"symbols"},peace_symbol:{keywords:["hippie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262e" src="262e.png"/>',fitzpatrick_scale:!1,category:"symbols"},latin_cross:{keywords:["christianity"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u271d" src="271d.png"/>',fitzpatrick_scale:!1,category:"symbols"},star_and_crescent:{keywords:["islam"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262a" src="262a.png"/>',fitzpatrick_scale:!1,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f549}" src="1f549.png"/>',fitzpatrick_scale:!1,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2638" src="2638.png"/>',fitzpatrick_scale:!1,category:"symbols"},star_of_david:{keywords:["judaism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2721" src="2721.png"/>',fitzpatrick_scale:!1,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52f}" src="1f52f.png"/>',fitzpatrick_scale:!1,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54e}" src="1f54e.png"/>',fitzpatrick_scale:!1,category:"symbols"},yin_yang:{keywords:["balance"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262f" src="262f.png"/>',fitzpatrick_scale:!1,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2626" src="2626.png"/>',fitzpatrick_scale:!1,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6d0}" src="1f6d0.png"/>',fitzpatrick_scale:!1,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ce" src="26ce.png"/>',fitzpatrick_scale:!1,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2648" src="2648.png"/>',fitzpatrick_scale:!1,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2649" src="2649.png"/>',fitzpatrick_scale:!1,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264a" src="264a.png"/>',fitzpatrick_scale:!1,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264b" src="264b.png"/>',fitzpatrick_scale:!1,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264c" src="264c.png"/>',fitzpatrick_scale:!1,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264d" src="264d.png"/>',fitzpatrick_scale:!1,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264e" src="264e.png"/>',fitzpatrick_scale:!1,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264f" src="264f.png"/>',fitzpatrick_scale:!1,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2650" src="2650.png"/>',fitzpatrick_scale:!1,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2651" src="2651.png"/>',fitzpatrick_scale:!1,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2652" src="2652.png"/>',fitzpatrick_scale:!1,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2653" src="2653.png"/>',fitzpatrick_scale:!1,category:"symbols"},id:{keywords:["purple-square","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f194}" src="1f194.png"/>',fitzpatrick_scale:!1,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u269b" src="269b.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f233}" src="1f233.png"/>',fitzpatrick_scale:!1,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f239}" src="1f239.png"/>',fitzpatrick_scale:!1,category:"symbols"},radioactive:{keywords:["nuclear","danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2622" src="2622.png"/>',fitzpatrick_scale:!1,category:"symbols"},biohazard:{keywords:["danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2623" src="2623.png"/>',fitzpatrick_scale:!1,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f4}" src="1f4f4.png"/>',fitzpatrick_scale:!1,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f3}" src="1f4f3.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f236}" src="1f236.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f21a}" src="1f21a.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f238}" src="1f238.png"/>',fitzpatrick_scale:!1,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f23a}" src="1f23a.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f237}\ufe0f" src="1f237.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2734\ufe0f" src="2734.png"/>',fitzpatrick_scale:!1,category:"symbols"},vs:{keywords:["words","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f19a}" src="1f19a.png"/>',fitzpatrick_scale:!1,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f251}" src="1f251.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_flower:{keywords:["japanese","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ae}" src="1f4ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f250}" src="1f250.png"/>',fitzpatrick_scale:!1,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3299\ufe0f" src="3299.png"/>',fitzpatrick_scale:!1,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3297\ufe0f" src="3297.png"/>',fitzpatrick_scale:!1,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f234}" src="1f234.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f235}" src="1f235.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f232}" src="1f232.png"/>',fitzpatrick_scale:!1,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f170}\ufe0f" src="1f170.png"/>',fitzpatrick_scale:!1,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f171}\ufe0f" src="1f171.png"/>',fitzpatrick_scale:!1,category:"symbols"},ab:{keywords:["red-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f18e}" src="1f18e.png"/>',fitzpatrick_scale:!1,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f191}" src="1f191.png"/>',fitzpatrick_scale:!1,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f17e}\ufe0f" src="1f17e.png"/>',fitzpatrick_scale:!1,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f198}" src="1f198.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d4" src="26d4.png"/>',fitzpatrick_scale:!1,category:"symbols"},name_badge:{keywords:["fire","forbid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4db}" src="1f4db.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ab}" src="1f6ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u274c" src="274c.png"/>',fitzpatrick_scale:!1,category:"symbols"},o:{keywords:["circle","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b55" src="2b55.png"/>',fitzpatrick_scale:!1,category:"symbols"},stop_sign:{keywords:["stop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6d1}" src="1f6d1.png"/>',fitzpatrick_scale:!1,category:"symbols"},anger:{keywords:["angry","mad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a2}" src="1f4a2.png"/>',fitzpatrick_scale:!1,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2668\ufe0f" src="2668.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b7}" src="1f6b7.png"/>',fitzpatrick_scale:!1,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6af}" src="1f6af.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b3}" src="1f6b3.png"/>',fitzpatrick_scale:!1,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b1}" src="1f6b1.png"/>',fitzpatrick_scale:!1,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51e}" src="1f51e.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f5}" src="1f4f5.png"/>',fitzpatrick_scale:!1,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2757" src="2757.png"/>',fitzpatrick_scale:!1,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2755" src="2755.png"/>',fitzpatrick_scale:!1,category:"symbols"},question:{keywords:["doubt","confused"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2753" src="2753.png"/>',fitzpatrick_scale:!1,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2754" src="2754.png"/>',fitzpatrick_scale:!1,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u203c\ufe0f" src="203c.png"/>',fitzpatrick_scale:!1,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2049\ufe0f" src="2049.png"/>',fitzpatrick_scale:!1,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f505}" src="1f505.png"/>',fitzpatrick_scale:!1,category:"symbols"},high_brightness:{keywords:["sun","light"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f506}" src="1f506.png"/>',fitzpatrick_scale:!1,category:"symbols"},trident:{keywords:["weapon","spear"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f531}" src="1f531.png"/>',fitzpatrick_scale:!1,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u269c" src="269c.png"/>',fitzpatrick_scale:!1,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u303d\ufe0f" src="303d.png"/>',fitzpatrick_scale:!1,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26a0\ufe0f" src="26a0.png"/>',fitzpatrick_scale:!1,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b8}" src="1f6b8.png"/>',fitzpatrick_scale:!1,category:"symbols"},beginner:{keywords:["badge","shield"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f530}" src="1f530.png"/>',fitzpatrick_scale:!1,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267b\ufe0f" src="267b.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f22f}" src="1f22f.png"/>',fitzpatrick_scale:!1,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b9}" src="1f4b9.png"/>',fitzpatrick_scale:!1,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2747\ufe0f" src="2747.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2733\ufe0f" src="2733.png"/>',fitzpatrick_scale:!1,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u274e" src="274e.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2705" src="2705.png"/>',fitzpatrick_scale:!1,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a0}" src="1f4a0.png"/>',fitzpatrick_scale:!1,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f300}" src="1f300.png"/>',fitzpatrick_scale:!1,category:"symbols"},loop:{keywords:["tape","cassette"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27bf" src="27bf.png"/>',fitzpatrick_scale:!1,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f310}" src="1f310.png"/>',fitzpatrick_scale:!1,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u24c2\ufe0f" src="24c2.png"/>',fitzpatrick_scale:!1,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e7}" src="1f3e7.png"/>',fitzpatrick_scale:!1,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f202}\ufe0f" src="1f202.png"/>',fitzpatrick_scale:!1,category:"symbols"},passport_control:{keywords:["custom","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c2}" src="1f6c2.png"/>',fitzpatrick_scale:!1,category:"symbols"},customs:{keywords:["passport","border","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c3}" src="1f6c3.png"/>',fitzpatrick_scale:!1,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c4}" src="1f6c4.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c5}" src="1f6c5.png"/>',fitzpatrick_scale:!1,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267f" src="267f.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ad}" src="1f6ad.png"/>',fitzpatrick_scale:!1,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6be}" src="1f6be.png"/>',fitzpatrick_scale:!1,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f17f}\ufe0f" src="1f17f.png"/>',fitzpatrick_scale:!1,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b0}" src="1f6b0.png"/>',fitzpatrick_scale:!1,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b9}" src="1f6b9.png"/>',fitzpatrick_scale:!1,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ba}" src="1f6ba.png"/>',fitzpatrick_scale:!1,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6bc}" src="1f6bc.png"/>',fitzpatrick_scale:!1,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6bb}" src="1f6bb.png"/>',fitzpatrick_scale:!1,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ae}" src="1f6ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a6}" src="1f3a6.png"/>',fitzpatrick_scale:!1,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f6}" src="1f4f6.png"/>',fitzpatrick_scale:!1,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f201}" src="1f201.png"/>',fitzpatrick_scale:!1,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f196}" src="1f196.png"/>',fitzpatrick_scale:!1,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f197}" src="1f197.png"/>',fitzpatrick_scale:!1,category:"symbols"},up:{keywords:["blue-square","above","high"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f199}" src="1f199.png"/>',fitzpatrick_scale:!1,category:"symbols"},cool:{keywords:["words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f192}" src="1f192.png"/>',fitzpatrick_scale:!1,category:"symbols"},new:{keywords:["blue-square","words","start"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f195}" src="1f195.png"/>',fitzpatrick_scale:!1,category:"symbols"},free:{keywords:["blue-square","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f193}" src="1f193.png"/>',fitzpatrick_scale:!1,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="0\ufe0f\u20e3" src="30-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},one:{keywords:["blue-square","numbers","1"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="1\ufe0f\u20e3" src="31-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="2\ufe0f\u20e3" src="32-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="3\ufe0f\u20e3" src="33-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},four:{keywords:["4","numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="4\ufe0f\u20e3" src="34-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="5\ufe0f\u20e3" src="35-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},six:{keywords:["6","numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="6\ufe0f\u20e3" src="36-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="7\ufe0f\u20e3" src="37-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="8\ufe0f\u20e3" src="38-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="9\ufe0f\u20e3" src="39-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51f}" src="1f51f.png"/>',fitzpatrick_scale:!1,category:"symbols"},asterisk:{keywords:["star","keycap"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="*\u20e3" src="2a-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},eject_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23cf\ufe0f" src="23cf.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25b6\ufe0f" src="25b6.png"/>',fitzpatrick_scale:!1,category:"symbols"},pause_button:{keywords:["pause","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f8" src="23f8.png"/>',fitzpatrick_scale:!1,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ed" src="23ed.png"/>',fitzpatrick_scale:!1,category:"symbols"},stop_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f9" src="23f9.png"/>',fitzpatrick_scale:!1,category:"symbols"},record_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23fa" src="23fa.png"/>',fitzpatrick_scale:!1,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ef" src="23ef.png"/>',fitzpatrick_scale:!1,category:"symbols"},previous_track_button:{keywords:["backward"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ee" src="23ee.png"/>',fitzpatrick_scale:!1,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23e9" src="23e9.png"/>',fitzpatrick_scale:!1,category:"symbols"},rewind:{keywords:["play","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ea" src="23ea.png"/>',fitzpatrick_scale:!1,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f500}" src="1f500.png"/>',fitzpatrick_scale:!1,category:"symbols"},repeat:{keywords:["loop","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f501}" src="1f501.png"/>',fitzpatrick_scale:!1,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f502}" src="1f502.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25c0\ufe0f" src="25c0.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f53c}" src="1f53c.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f53d}" src="1f53d.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23eb" src="23eb.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ec" src="23ec.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_right:{keywords:["blue-square","next"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27a1\ufe0f" src="27a1.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b05\ufe0f" src="2b05.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b06\ufe0f" src="2b06.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b07\ufe0f" src="2b07.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2197\ufe0f" src="2197.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2198\ufe0f" src="2198.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2199\ufe0f" src="2199.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2196\ufe0f" src="2196.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2195\ufe0f" src="2195.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2194\ufe0f" src="2194.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f504}" src="1f504.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u21aa\ufe0f" src="21aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u21a9\ufe0f" src="21a9.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2934\ufe0f" src="2934.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2935\ufe0f" src="2935.png"/>',fitzpatrick_scale:!1,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="#\ufe0f\u20e3" src="23-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2139\ufe0f" src="2139.png"/>',fitzpatrick_scale:!1,category:"symbols"},abc:{keywords:["blue-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f524}" src="1f524.png"/>',fitzpatrick_scale:!1,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f521}" src="1f521.png"/>',fitzpatrick_scale:!1,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f520}" src="1f520.png"/>',fitzpatrick_scale:!1,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f523}" src="1f523.png"/>',fitzpatrick_scale:!1,category:"symbols"},musical_note:{keywords:["score","tone","sound"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b5}" src="1f3b5.png"/>',fitzpatrick_scale:!1,category:"symbols"},notes:{keywords:["music","score"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b6}" src="1f3b6.png"/>',fitzpatrick_scale:!1,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3030\ufe0f" src="3030.png"/>',fitzpatrick_scale:!1,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27b0" src="27b0.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2714\ufe0f" src="2714.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f503}" src="1f503.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2795" src="2795.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2796" src="2796.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2797" src="2797.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2716\ufe0f" src="2716.png"/>',fitzpatrick_scale:!1,category:"symbols"},infinity:{keywords:["forever"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267e" src="267e.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b2}" src="1f4b2.png"/>',fitzpatrick_scale:!1,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b1}" src="1f4b1.png"/>',fitzpatrick_scale:!1,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\xa9\ufe0f" src="a9.png"/>',fitzpatrick_scale:!1,category:"symbols"},registered:{keywords:["alphabet","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\xae\ufe0f" src="ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2122\ufe0f" src="2122.png"/>',fitzpatrick_scale:!1,category:"symbols"},end:{keywords:["words","arrow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51a}" src="1f51a.png"/>',fitzpatrick_scale:!1,category:"symbols"},back:{keywords:["arrow","words","return"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f519}" src="1f519.png"/>',fitzpatrick_scale:!1,category:"symbols"},on:{keywords:["arrow","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51b}" src="1f51b.png"/>',fitzpatrick_scale:!1,category:"symbols"},top:{keywords:["words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51d}" src="1f51d.png"/>',fitzpatrick_scale:!1,category:"symbols"},soon:{keywords:["arrow","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51c}" src="1f51c.png"/>',fitzpatrick_scale:!1,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2611\ufe0f" src="2611.png"/>',fitzpatrick_scale:!1,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f518}" src="1f518.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_circle:{keywords:["shape","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26aa" src="26aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_circle:{keywords:["shape","button","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ab" src="26ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},red_circle:{keywords:["shape","error","danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f534}" src="1f534.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f535}" src="1f535.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f538}" src="1f538.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f539}" src="1f539.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f536}" src="1f536.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f537}" src="1f537.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f53a}" src="1f53a.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_small_square:{keywords:["shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25aa\ufe0f" src="25aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_small_square:{keywords:["shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25ab\ufe0f" src="25ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b1b" src="2b1b.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b1c" src="2b1c.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f53b}" src="1f53b.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fc\ufe0f" src="25fc.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fb\ufe0f" src="25fb.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fe" src="25fe.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fd" src="25fd.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f532}" src="1f532.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_square_button:{keywords:["shape","input"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f533}" src="1f533.png"/>',fitzpatrick_scale:!1,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f508}" src="1f508.png"/>',fitzpatrick_scale:!1,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f509}" src="1f509.png"/>',fitzpatrick_scale:!1,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50a}" src="1f50a.png"/>',fitzpatrick_scale:!1,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f507}" src="1f507.png"/>',fitzpatrick_scale:!1,category:"symbols"},mega:{keywords:["sound","speaker","volume"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e3}" src="1f4e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},loudspeaker:{keywords:["volume","sound"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e2}" src="1f4e2.png"/>',fitzpatrick_scale:!1,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f514}" src="1f514.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f515}" src="1f515.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f0cf}" src="1f0cf.png"/>',fitzpatrick_scale:!1,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f004}" src="1f004.png"/>',fitzpatrick_scale:!1,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2660\ufe0f" src="2660.png"/>',fitzpatrick_scale:!1,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2663\ufe0f" src="2663.png"/>',fitzpatrick_scale:!1,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2665\ufe0f" src="2665.png"/>',fitzpatrick_scale:!1,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2666\ufe0f" src="2666.png"/>',fitzpatrick_scale:!1,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b4}" src="1f3b4.png"/>',fitzpatrick_scale:!1,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ad}" src="1f4ad.png"/>',fitzpatrick_scale:!1,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5ef}" src="1f5ef.png"/>',fitzpatrick_scale:!1,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ac}" src="1f4ac.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5e8}" src="1f5e8.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f550}" src="1f550.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f551}" src="1f551.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f552}" src="1f552.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f553}" src="1f553.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f554}" src="1f554.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f555}" src="1f555.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f556}" src="1f556.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f557}" src="1f557.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f558}" src="1f558.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f559}" src="1f559.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55a}" src="1f55a.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55b}" src="1f55b.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55c}" src="1f55c.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55d}" src="1f55d.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55e}" src="1f55e.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55f}" src="1f55f.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f560}" src="1f560.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f561}" src="1f561.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f562}" src="1f562.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f563}" src="1f563.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f564}" src="1f564.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f565}" src="1f565.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f566}" src="1f566.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f567}" src="1f567.png"/>',fitzpatrick_scale:!1,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1eb}" src="1f1e6-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},aland_islands:{keywords:["\xc5land","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1fd}" src="1f1e6-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f1}" src="1f1e6-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1ff}" src="1f1e9-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f8}" src="1f1e6-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1e9}" src="1f1e6-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f4}" src="1f1e6-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1ee}" src="1f1e6-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f6}" src="1f1e6-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1ec}" src="1f1e6-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f7}" src="1f1e6-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f2}" src="1f1e6-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1fc}" src="1f1e6-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1fa}" src="1f1e6-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f9}" src="1f1e6-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1ff}" src="1f1e6-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f8}" src="1f1e7-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ed}" src="1f1e7-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1e9}" src="1f1e7-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1e7}" src="1f1e7-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1fe}" src="1f1e7-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ea}" src="1f1e7-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ff}" src="1f1e7-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ef}" src="1f1e7-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f2}" src="1f1e7-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f9}" src="1f1e7-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f4}" src="1f1e7-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f6}" src="1f1e7-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1e6}" src="1f1e7-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1fc}" src="1f1e7-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f7}" src="1f1e7-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f4}" src="1f1ee-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1ec}" src="1f1fb-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f3}" src="1f1e7-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ec}" src="1f1e7-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1eb}" src="1f1e7-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ee}" src="1f1e7-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fb}" src="1f1e8-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ed}" src="1f1f0-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f2}" src="1f1e8-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1e6}" src="1f1e8-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1e8}" src="1f1ee-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1fe}" src="1f1f0-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1eb}" src="1f1e8-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1e9}" src="1f1f9-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},chile:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f1}" src="1f1e8-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f3}" src="1f1e8-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fd}" src="1f1e8-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1e8}" src="1f1e8-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f4}" src="1f1e8-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1f2}" src="1f1f0-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1ec}" src="1f1e8-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1e9}" src="1f1e8-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f0}" src="1f1e8-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f7}" src="1f1e8-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1f7}" src="1f1ed-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fa}" src="1f1e8-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},curacao:{keywords:["cura\xe7ao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fc}" src="1f1e8-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fe}" src="1f1e8-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1ff}" src="1f1e8-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1f0}" src="1f1e9-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1ef}" src="1f1e9-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1f2}" src="1f1e9-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1f4}" src="1f1e9-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1e8}" src="1f1ea-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1ec}" src="1f1ea-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1fb}" src="1f1f8-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f6}" src="1f1ec-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1f7}" src="1f1ea-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1ea}" src="1f1ea-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1f9}" src="1f1ea-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},eu:{keywords:["european","union","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1fa}" src="1f1ea-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1f0}" src="1f1eb-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1f4}" src="1f1eb-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1ef}" src="1f1eb-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1ee}" src="1f1eb-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1f7}" src="1f1eb-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1eb}" src="1f1ec-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1eb}" src="1f1f5-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1eb}" src="1f1f9-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1e6}" src="1f1ec-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f2}" src="1f1ec-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1ea}" src="1f1ec-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1ea}" src="1f1e9-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1ed}" src="1f1ec-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1ee}" src="1f1ec-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f7}" src="1f1ec-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f1}" src="1f1ec-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1e9}" src="1f1ec-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f5}" src="1f1ec-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1fa}" src="1f1ec-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f9}" src="1f1ec-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1ec}" src="1f1ec-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f3}" src="1f1ec-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1fc}" src="1f1ec-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1fe}" src="1f1ec-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1f9}" src="1f1ed-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1f3}" src="1f1ed-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1f0}" src="1f1ed-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1fa}" src="1f1ed-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f8}" src="1f1ee-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f3}" src="1f1ee-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1e9}" src="1f1ee-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f7}" src="1f1ee-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f6}" src="1f1ee-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1ea}" src="1f1ee-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f2}" src="1f1ee-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f1}" src="1f1ee-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f9}" src="1f1ee-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1ee}" src="1f1e8-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ef}\u{1f1f2}" src="1f1ef-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ef}\u{1f1f5}" src="1f1ef-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ef}\u{1f1ea}" src="1f1ef-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ef}\u{1f1f4}" src="1f1ef-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ff}" src="1f1f0-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ea}" src="1f1f0-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ee}" src="1f1f0-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fd}\u{1f1f0}" src="1f1fd-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1fc}" src="1f1f0-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ec}" src="1f1f0-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1e6}" src="1f1f1-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1fb}" src="1f1f1-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1e7}" src="1f1f1-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1f8}" src="1f1f1-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1f7}" src="1f1f1-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1fe}" src="1f1f1-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1ee}" src="1f1f1-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1f9}" src="1f1f1-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1fa}" src="1f1f1-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f4}" src="1f1f2-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f0}" src="1f1f2-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1ec}" src="1f1f2-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fc}" src="1f1f2-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fe}" src="1f1f2-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fb}" src="1f1f2-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f1}" src="1f1f2-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f9}" src="1f1f2-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1ed}" src="1f1f2-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f6}" src="1f1f2-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f7}" src="1f1f2-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fa}" src="1f1f2-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fe}\u{1f1f9}" src="1f1fe-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fd}" src="1f1f2-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1f2}" src="1f1eb-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1e9}" src="1f1f2-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1e8}" src="1f1f2-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f3}" src="1f1f2-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1ea}" src="1f1f2-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f8}" src="1f1f2-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1e6}" src="1f1f2-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1ff}" src="1f1f2-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f2}" src="1f1f2-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1e6}" src="1f1f3-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1f7}" src="1f1f3-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1f5}" src="1f1f3-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1f1}" src="1f1f3-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1e8}" src="1f1f3-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1ff}" src="1f1f3-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1ee}" src="1f1f3-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1ea}" src="1f1f3-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1ec}" src="1f1f3-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1fa}" src="1f1f3-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1eb}" src="1f1f3-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f5}" src="1f1f2-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1f5}" src="1f1f0-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1f4}" src="1f1f3-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f4}\u{1f1f2}" src="1f1f4-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f0}" src="1f1f5-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1fc}" src="1f1f5-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f8}" src="1f1f5-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1e6}" src="1f1f5-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1ec}" src="1f1f5-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1fe}" src="1f1f5-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1ea}" src="1f1f5-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1ed}" src="1f1f5-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f3}" src="1f1f5-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f1}" src="1f1f5-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f9}" src="1f1f5-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f7}" src="1f1f5-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f6}\u{1f1e6}" src="1f1f6-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},reunion:{keywords:["r\xe9union","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1ea}" src="1f1f7-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1f4}" src="1f1f7-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1fa}" src="1f1f7-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1fc}" src="1f1f7-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},st_barthelemy:{keywords:["saint","barth\xe9lemy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f1}" src="1f1e7-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ed}" src="1f1f8-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1f3}" src="1f1f0-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1e8}" src="1f1f1-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f2}" src="1f1f5-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1e8}" src="1f1fb-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fc}\u{1f1f8}" src="1f1fc-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f2}" src="1f1f8-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f9}" src="1f1f8-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1e6}" src="1f1f8-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f3}" src="1f1f8-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1f8}" src="1f1f7-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1e8}" src="1f1f8-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f1}" src="1f1f8-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ec}" src="1f1f8-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1fd}" src="1f1f8-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f0}" src="1f1f8-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ee}" src="1f1f8-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1e7}" src="1f1f8-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f4}" src="1f1f8-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ff}\u{1f1e6}" src="1f1ff-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f8}" src="1f1ec-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1f7}" src="1f1f0-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f8}" src="1f1f8-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1f8}" src="1f1ea-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1f0}" src="1f1f1-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1e9}" src="1f1f8-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f7}" src="1f1f8-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ff}" src="1f1f8-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ea}" src="1f1f8-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1ed}" src="1f1e8-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1fe}" src="1f1f8-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1fc}" src="1f1f9-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1ef}" src="1f1f9-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1ff}" src="1f1f9-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1ed}" src="1f1f9-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f1}" src="1f1f9-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1ec}" src="1f1f9-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f0}" src="1f1f9-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f4}" src="1f1f9-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f9}" src="1f1f9-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f3}" src="1f1f9-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f7}" src="1f1f9-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f2}" src="1f1f9-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1e8}" src="1f1f9-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1fb}" src="1f1f9-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1ec}" src="1f1fa-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1e6}" src="1f1fa-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1ea}" src="1f1e6-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1e7}" src="1f1ec-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},england:{keywords:["flag","english"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}\u{e0067}\u{e0062}\u{e0065}\u{e006e}\u{e0067}\u{e007f}" src="1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},scotland:{keywords:["flag","scottish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}\u{e0067}\u{e0062}\u{e0073}\u{e0063}\u{e0074}\u{e007f}" src="1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},wales:{keywords:["flag","welsh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}\u{e0067}\u{e0062}\u{e0077}\u{e006c}\u{e0073}\u{e007f}" src="1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1f8}" src="1f1fa-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1ee}" src="1f1fb-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1fe}" src="1f1fa-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1ff}" src="1f1fa-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1fa}" src="1f1fb-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1e6}" src="1f1fb-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1ea}" src="1f1fb-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1f3}" src="1f1fb-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fc}\u{1f1eb}" src="1f1fc-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1ed}" src="1f1ea-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fe}\u{1f1ea}" src="1f1fe-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ff}\u{1f1f2}" src="1f1ff-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ff}\u{1f1fc}" src="1f1ff-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},united_nations:{keywords:["un","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1f3}" src="1f1fa-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}\u200d\u2620\ufe0f" src="1f3f4-200d-2620-fe0f.png"/>',fitzpatrick_scale:!1,category:"flags"}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojis.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojis.js
new file mode 100644
index 000000000..88455e9a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojis.js
@@ -0,0 +1 @@
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{grinning:{keywords:["face","smile","happy","joy",":D","grin"],char:"😀",fitzpatrick_scale:false,category:"people"},grimacing:{keywords:["face","grimace","teeth"],char:"😬",fitzpatrick_scale:false,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],char:"😁",fitzpatrick_scale:false,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],char:"😂",fitzpatrick_scale:false,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],char:"🤣",fitzpatrick_scale:false,category:"people"},partying:{keywords:["face","celebration","woohoo"],char:"🥳",fitzpatrick_scale:false,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],char:"😃",fitzpatrick_scale:false,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],char:"😄",fitzpatrick_scale:false,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],char:"😅",fitzpatrick_scale:false,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],char:"😆",fitzpatrick_scale:false,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],char:"😇",fitzpatrick_scale:false,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],char:"😉",fitzpatrick_scale:false,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],char:"😊",fitzpatrick_scale:false,category:"people"},slightly_smiling_face:{keywords:["face","smile"],char:"🙂",fitzpatrick_scale:false,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],char:"🙃",fitzpatrick_scale:false,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],char:"☺️",fitzpatrick_scale:false,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],char:"😋",fitzpatrick_scale:false,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],char:"😌",fitzpatrick_scale:false,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],char:"😍",fitzpatrick_scale:false,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],char:"🥰",fitzpatrick_scale:false,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:"😘",fitzpatrick_scale:false,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],char:"😗",fitzpatrick_scale:false,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],char:"😙",fitzpatrick_scale:false,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:"😚",fitzpatrick_scale:false,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],char:"😜",fitzpatrick_scale:false,category:"people"},zany:{keywords:["face","goofy","crazy"],char:"🤪",fitzpatrick_scale:false,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],char:"🤨",fitzpatrick_scale:false,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],char:"🧐",fitzpatrick_scale:false,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],char:"😝",fitzpatrick_scale:false,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],char:"😛",fitzpatrick_scale:false,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],char:"🤑",fitzpatrick_scale:false,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],char:"🤓",fitzpatrick_scale:false,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],char:"😎",fitzpatrick_scale:false,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],char:"🤩",fitzpatrick_scale:false,category:"people"},clown_face:{keywords:["face"],char:"🤡",fitzpatrick_scale:false,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],char:"🤠",fitzpatrick_scale:false,category:"people"},hugs:{keywords:["face","smile","hug"],char:"🤗",fitzpatrick_scale:false,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],char:"😏",fitzpatrick_scale:false,category:"people"},no_mouth:{keywords:["face","hellokitty"],char:"😶",fitzpatrick_scale:false,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],char:"😐",fitzpatrick_scale:false,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],char:"😑",fitzpatrick_scale:false,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],char:"😒",fitzpatrick_scale:false,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],char:"🙄",fitzpatrick_scale:false,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],char:"🤔",fitzpatrick_scale:false,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],char:"🤥",fitzpatrick_scale:false,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],char:"🤭",fitzpatrick_scale:false,category:"people"},shushing:{keywords:["face","quiet","shhh"],char:"🤫",fitzpatrick_scale:false,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],char:"🤬",fitzpatrick_scale:false,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],char:"🤯",fitzpatrick_scale:false,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],char:"😳",fitzpatrick_scale:false,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],char:"😞",fitzpatrick_scale:false,category:"people"},worried:{keywords:["face","concern","nervous",":("],char:"😟",fitzpatrick_scale:false,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],char:"😠",fitzpatrick_scale:false,category:"people"},rage:{keywords:["angry","mad","hate","despise"],char:"😡",fitzpatrick_scale:false,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],char:"😔",fitzpatrick_scale:false,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],char:"😕",fitzpatrick_scale:false,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],char:"🙁",fitzpatrick_scale:false,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],char:"☹",fitzpatrick_scale:false,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],char:"😣",fitzpatrick_scale:false,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],char:"😖",fitzpatrick_scale:false,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],char:"😫",fitzpatrick_scale:false,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],char:"😩",fitzpatrick_scale:false,category:"people"},pleading:{keywords:["face","begging","mercy"],char:"🥺",fitzpatrick_scale:false,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],char:"😤",fitzpatrick_scale:false,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],char:"😮",fitzpatrick_scale:false,category:"people"},scream:{keywords:["face","munch","scared","omg"],char:"😱",fitzpatrick_scale:false,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],char:"😨",fitzpatrick_scale:false,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],char:"😰",fitzpatrick_scale:false,category:"people"},hushed:{keywords:["face","woo","shh"],char:"😯",fitzpatrick_scale:false,category:"people"},frowning:{keywords:["face","aw","what"],char:"😦",fitzpatrick_scale:false,category:"people"},anguished:{keywords:["face","stunned","nervous"],char:"😧",fitzpatrick_scale:false,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],char:"😢",fitzpatrick_scale:false,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],char:"😥",fitzpatrick_scale:false,category:"people"},drooling_face:{keywords:["face"],char:"🤤",fitzpatrick_scale:false,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],char:"😪",fitzpatrick_scale:false,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],char:"😓",fitzpatrick_scale:false,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],char:"🥵",fitzpatrick_scale:false,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],char:"🥶",fitzpatrick_scale:false,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],char:"😭",fitzpatrick_scale:false,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],char:"😵",fitzpatrick_scale:false,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],char:"😲",fitzpatrick_scale:false,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],char:"🤐",fitzpatrick_scale:false,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],char:"🤢",fitzpatrick_scale:false,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],char:"🤧",fitzpatrick_scale:false,category:"people"},vomiting:{keywords:["face","sick"],char:"🤮",fitzpatrick_scale:false,category:"people"},mask:{keywords:["face","sick","ill","disease"],char:"😷",fitzpatrick_scale:false,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],char:"🤒",fitzpatrick_scale:false,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],char:"🤕",fitzpatrick_scale:false,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],char:"🥴",fitzpatrick_scale:false,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],char:"😴",fitzpatrick_scale:false,category:"people"},zzz:{keywords:["sleepy","tired","dream"],char:"💤",fitzpatrick_scale:false,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],char:"💩",fitzpatrick_scale:false,category:"people"},smiling_imp:{keywords:["devil","horns"],char:"😈",fitzpatrick_scale:false,category:"people"},imp:{keywords:["devil","angry","horns"],char:"👿",fitzpatrick_scale:false,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],char:"👹",fitzpatrick_scale:false,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],char:"👺",fitzpatrick_scale:false,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],char:"💀",fitzpatrick_scale:false,category:"people"},ghost:{keywords:["halloween","spooky","scary"],char:"👻",fitzpatrick_scale:false,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],char:"👽",fitzpatrick_scale:false,category:"people"},robot:{keywords:["computer","machine","bot"],char:"🤖",fitzpatrick_scale:false,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],char:"😺",fitzpatrick_scale:false,category:"people"},smile_cat:{keywords:["animal","cats","smile"],char:"😸",fitzpatrick_scale:false,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],char:"😹",fitzpatrick_scale:false,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],char:"😻",fitzpatrick_scale:false,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],char:"😼",fitzpatrick_scale:false,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],char:"😽",fitzpatrick_scale:false,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],char:"🙀",fitzpatrick_scale:false,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],char:"😿",fitzpatrick_scale:false,category:"people"},pouting_cat:{keywords:["animal","cats"],char:"😾",fitzpatrick_scale:false,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],char:"🤲",fitzpatrick_scale:true,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],char:"🙌",fitzpatrick_scale:true,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],char:"👏",fitzpatrick_scale:true,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],char:"👋",fitzpatrick_scale:true,category:"people"},call_me_hand:{keywords:["hands","gesture"],char:"🤙",fitzpatrick_scale:true,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],char:"👍",fitzpatrick_scale:true,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],char:"👎",fitzpatrick_scale:true,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],char:"👊",fitzpatrick_scale:true,category:"people"},fist:{keywords:["fingers","hand","grasp"],char:"✊",fitzpatrick_scale:true,category:"people"},fist_left:{keywords:["hand","fistbump"],char:"🤛",fitzpatrick_scale:true,category:"people"},fist_right:{keywords:["hand","fistbump"],char:"🤜",fitzpatrick_scale:true,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],char:"✌",fitzpatrick_scale:true,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],char:"👌",fitzpatrick_scale:true,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],char:"✋",fitzpatrick_scale:true,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],char:"🤚",fitzpatrick_scale:true,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],char:"👐",fitzpatrick_scale:true,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],char:"💪",fitzpatrick_scale:true,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],char:"🙏",fitzpatrick_scale:true,category:"people"},foot:{keywords:["kick","stomp"],char:"🦶",fitzpatrick_scale:true,category:"people"},leg:{keywords:["kick","limb"],char:"🦵",fitzpatrick_scale:true,category:"people"},handshake:{keywords:["agreement","shake"],char:"🤝",fitzpatrick_scale:false,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],char:"☝",fitzpatrick_scale:true,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],char:"👆",fitzpatrick_scale:true,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],char:"👇",fitzpatrick_scale:true,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],char:"👈",fitzpatrick_scale:true,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],char:"👉",fitzpatrick_scale:true,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],char:"🖕",fitzpatrick_scale:true,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],char:"🖐",fitzpatrick_scale:true,category:"people"},love_you:{keywords:["hand","fingers","gesture"],char:"🤟",fitzpatrick_scale:true,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],char:"🤘",fitzpatrick_scale:true,category:"people"},crossed_fingers:{keywords:["good","lucky"],char:"🤞",fitzpatrick_scale:true,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],char:"🖖",fitzpatrick_scale:true,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],char:"✍",fitzpatrick_scale:true,category:"people"},selfie:{keywords:["camera","phone"],char:"🤳",fitzpatrick_scale:true,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],char:"💅",fitzpatrick_scale:true,category:"people"},lips:{keywords:["mouth","kiss"],char:"👄",fitzpatrick_scale:false,category:"people"},tooth:{keywords:["teeth","dentist"],char:"🦷",fitzpatrick_scale:false,category:"people"},tongue:{keywords:["mouth","playful"],char:"👅",fitzpatrick_scale:false,category:"people"},ear:{keywords:["face","hear","sound","listen"],char:"👂",fitzpatrick_scale:true,category:"people"},nose:{keywords:["smell","sniff"],char:"👃",fitzpatrick_scale:true,category:"people"},eye:{keywords:["face","look","see","watch","stare"],char:"👁",fitzpatrick_scale:false,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],char:"👀",fitzpatrick_scale:false,category:"people"},brain:{keywords:["smart","intelligent"],char:"🧠",fitzpatrick_scale:false,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],char:"👤",fitzpatrick_scale:false,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],char:"👥",fitzpatrick_scale:false,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],char:"🗣",fitzpatrick_scale:false,category:"people"},baby:{keywords:["child","boy","girl","toddler"],char:"👶",fitzpatrick_scale:true,category:"people"},child:{keywords:["gender-neutral","young"],char:"🧒",fitzpatrick_scale:true,category:"people"},boy:{keywords:["man","male","guy","teenager"],char:"👦",fitzpatrick_scale:true,category:"people"},girl:{keywords:["female","woman","teenager"],char:"👧",fitzpatrick_scale:true,category:"people"},adult:{keywords:["gender-neutral","person"],char:"🧑",fitzpatrick_scale:true,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],char:"👨",fitzpatrick_scale:true,category:"people"},woman:{keywords:["female","girls","lady"],char:"👩",fitzpatrick_scale:true,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],char:"👱‍♀️",fitzpatrick_scale:true,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],char:"👱",fitzpatrick_scale:true,category:"people"},bearded_person:{keywords:["person","bewhiskered"],char:"🧔",fitzpatrick_scale:true,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],char:"🧓",fitzpatrick_scale:true,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],char:"👴",fitzpatrick_scale:true,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],char:"👵",fitzpatrick_scale:true,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],char:"👲",fitzpatrick_scale:true,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],char:"🧕",fitzpatrick_scale:true,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],char:"👳‍♀️",fitzpatrick_scale:true,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],char:"👳",fitzpatrick_scale:true,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],char:"👮‍♀️",fitzpatrick_scale:true,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],char:"👮",fitzpatrick_scale:true,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],char:"👷‍♀️",fitzpatrick_scale:true,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],char:"👷",fitzpatrick_scale:true,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],char:"💂‍♀️",fitzpatrick_scale:true,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],char:"💂",fitzpatrick_scale:true,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],char:"🕵️‍♀️",fitzpatrick_scale:true,category:"people"},male_detective:{keywords:["human","spy","detective"],char:"🕵",fitzpatrick_scale:true,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],char:"👩‍⚕️",fitzpatrick_scale:true,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],char:"👨‍⚕️",fitzpatrick_scale:true,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],char:"👩‍🌾",fitzpatrick_scale:true,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],char:"👨‍🌾",fitzpatrick_scale:true,category:"people"},woman_cook:{keywords:["chef","woman","human"],char:"👩‍🍳",fitzpatrick_scale:true,category:"people"},man_cook:{keywords:["chef","man","human"],char:"👨‍🍳",fitzpatrick_scale:true,category:"people"},woman_student:{keywords:["graduate","woman","human"],char:"👩‍🎓",fitzpatrick_scale:true,category:"people"},man_student:{keywords:["graduate","man","human"],char:"👨‍🎓",fitzpatrick_scale:true,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],char:"👩‍🎤",fitzpatrick_scale:true,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],char:"👨‍🎤",fitzpatrick_scale:true,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],char:"👩‍🏫",fitzpatrick_scale:true,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],char:"👨‍🏫",fitzpatrick_scale:true,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],char:"👩‍🏭",fitzpatrick_scale:true,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],char:"👨‍🏭",fitzpatrick_scale:true,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],char:"👩‍💻",fitzpatrick_scale:true,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],char:"👨‍💻",fitzpatrick_scale:true,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],char:"👩‍💼",fitzpatrick_scale:true,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],char:"👨‍💼",fitzpatrick_scale:true,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],char:"👩‍🔧",fitzpatrick_scale:true,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],char:"👨‍🔧",fitzpatrick_scale:true,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],char:"👩‍🔬",fitzpatrick_scale:true,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],char:"👨‍🔬",fitzpatrick_scale:true,category:"people"},woman_artist:{keywords:["painter","woman","human"],char:"👩‍🎨",fitzpatrick_scale:true,category:"people"},man_artist:{keywords:["painter","man","human"],char:"👨‍🎨",fitzpatrick_scale:true,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],char:"👩‍🚒",fitzpatrick_scale:true,category:"people"},man_firefighter:{keywords:["fireman","man","human"],char:"👨‍🚒",fitzpatrick_scale:true,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],char:"👩‍✈️",fitzpatrick_scale:true,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],char:"👨‍✈️",fitzpatrick_scale:true,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],char:"👩‍🚀",fitzpatrick_scale:true,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],char:"👨‍🚀",fitzpatrick_scale:true,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],char:"👩‍⚖️",fitzpatrick_scale:true,category:"people"},man_judge:{keywords:["justice","court","man","human"],char:"👨‍⚖️",fitzpatrick_scale:true,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],char:"🦸‍♀️",fitzpatrick_scale:true,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],char:"🦸‍♂️",fitzpatrick_scale:true,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],char:"🦹‍♀️",fitzpatrick_scale:true,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],char:"🦹‍♂️",fitzpatrick_scale:true,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],char:"🤶",fitzpatrick_scale:true,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],char:"🎅",fitzpatrick_scale:true,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],char:"🧙‍♀️",fitzpatrick_scale:true,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],char:"🧙‍♂️",fitzpatrick_scale:true,category:"people"},woman_elf:{keywords:["woman","female"],char:"🧝‍♀️",fitzpatrick_scale:true,category:"people"},man_elf:{keywords:["man","male"],char:"🧝‍♂️",fitzpatrick_scale:true,category:"people"},woman_vampire:{keywords:["woman","female"],char:"🧛‍♀️",fitzpatrick_scale:true,category:"people"},man_vampire:{keywords:["man","male","dracula"],char:"🧛‍♂️",fitzpatrick_scale:true,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],char:"🧟‍♀️",fitzpatrick_scale:false,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],char:"🧟‍♂️",fitzpatrick_scale:false,category:"people"},woman_genie:{keywords:["woman","female"],char:"🧞‍♀️",fitzpatrick_scale:false,category:"people"},man_genie:{keywords:["man","male"],char:"🧞‍♂️",fitzpatrick_scale:false,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],char:"🧜‍♀️",fitzpatrick_scale:true,category:"people"},merman:{keywords:["man","male","triton"],char:"🧜‍♂️",fitzpatrick_scale:true,category:"people"},woman_fairy:{keywords:["woman","female"],char:"🧚‍♀️",fitzpatrick_scale:true,category:"people"},man_fairy:{keywords:["man","male"],char:"🧚‍♂️",fitzpatrick_scale:true,category:"people"},angel:{keywords:["heaven","wings","halo"],char:"👼",fitzpatrick_scale:true,category:"people"},pregnant_woman:{keywords:["baby"],char:"🤰",fitzpatrick_scale:true,category:"people"},breastfeeding:{keywords:["nursing","baby"],char:"🤱",fitzpatrick_scale:true,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],char:"👸",fitzpatrick_scale:true,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],char:"🤴",fitzpatrick_scale:true,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],char:"👰",fitzpatrick_scale:true,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],char:"🤵",fitzpatrick_scale:true,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],char:"🏃‍♀️",fitzpatrick_scale:true,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],char:"🏃",fitzpatrick_scale:true,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],char:"🚶‍♀️",fitzpatrick_scale:true,category:"people"},walking_man:{keywords:["human","feet","steps"],char:"🚶",fitzpatrick_scale:true,category:"people"},dancer:{keywords:["female","girl","woman","fun"],char:"💃",fitzpatrick_scale:true,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],char:"🕺",fitzpatrick_scale:true,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],char:"👯",fitzpatrick_scale:false,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],char:"👯‍♂️",fitzpatrick_scale:false,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],char:"👫",fitzpatrick_scale:false,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],char:"👬",fitzpatrick_scale:false,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],char:"👭",fitzpatrick_scale:false,category:"people"},bowing_woman:{keywords:["woman","female","girl"],char:"🙇‍♀️",fitzpatrick_scale:true,category:"people"},bowing_man:{keywords:["man","male","boy"],char:"🙇",fitzpatrick_scale:true,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],char:"🤦‍♂️",fitzpatrick_scale:true,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],char:"🤦‍♀️",fitzpatrick_scale:true,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],char:"🤷",fitzpatrick_scale:true,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],char:"🤷‍♂️",fitzpatrick_scale:true,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],char:"💁",fitzpatrick_scale:true,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],char:"💁‍♂️",fitzpatrick_scale:true,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],char:"🙅",fitzpatrick_scale:true,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],char:"🙅‍♂️",fitzpatrick_scale:true,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],char:"🙆",fitzpatrick_scale:true,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],char:"🙆‍♂️",fitzpatrick_scale:true,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],char:"🙋",fitzpatrick_scale:true,category:"people"},raising_hand_man:{keywords:["male","boy","man"],char:"🙋‍♂️",fitzpatrick_scale:true,category:"people"},pouting_woman:{keywords:["female","girl","woman"],char:"🙎",fitzpatrick_scale:true,category:"people"},pouting_man:{keywords:["male","boy","man"],char:"🙎‍♂️",fitzpatrick_scale:true,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],char:"🙍",fitzpatrick_scale:true,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],char:"🙍‍♂️",fitzpatrick_scale:true,category:"people"},haircut_woman:{keywords:["female","girl","woman"],char:"💇",fitzpatrick_scale:true,category:"people"},haircut_man:{keywords:["male","boy","man"],char:"💇‍♂️",fitzpatrick_scale:true,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],char:"💆",fitzpatrick_scale:true,category:"people"},massage_man:{keywords:["male","boy","man","head"],char:"💆‍♂️",fitzpatrick_scale:true,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],char:"🧖‍♀️",fitzpatrick_scale:true,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],char:"🧖‍♂️",fitzpatrick_scale:true,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"💑",fitzpatrick_scale:false,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"👩‍❤️‍👩",fitzpatrick_scale:false,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"👨‍❤️‍👨",fitzpatrick_scale:false,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:"💏",fitzpatrick_scale:false,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:"👩‍❤️‍💋‍👩",fitzpatrick_scale:false,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],char:"👨‍❤️‍💋‍👨",fitzpatrick_scale:false,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],char:"👪",fitzpatrick_scale:false,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],char:"👨‍👩‍👧",fitzpatrick_scale:false,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👩‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👩‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:"👨‍👩‍👧‍👧",fitzpatrick_scale:false,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👦",fitzpatrick_scale:false,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👧",fitzpatrick_scale:false,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👧‍👧",fitzpatrick_scale:false,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👦",fitzpatrick_scale:false,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👧",fitzpatrick_scale:false,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👧‍👧",fitzpatrick_scale:false,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],char:"👩‍👦",fitzpatrick_scale:false,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],char:"👩‍👧",fitzpatrick_scale:false,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],char:"👩‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],char:"👩‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],char:"👩‍👧‍👧",fitzpatrick_scale:false,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],char:"👨‍👦",fitzpatrick_scale:false,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],char:"👨‍👧",fitzpatrick_scale:false,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],char:"👨‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],char:"👨‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],char:"👨‍👧‍👧",fitzpatrick_scale:false,category:"people"},yarn:{keywords:["ball","crochet","knit"],char:"🧶",fitzpatrick_scale:false,category:"people"},thread:{keywords:["needle","sewing","spool","string"],char:"🧵",fitzpatrick_scale:false,category:"people"},coat:{keywords:["jacket"],char:"🧥",fitzpatrick_scale:false,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],char:"🥼",fitzpatrick_scale:false,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],char:"👚",fitzpatrick_scale:false,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],char:"👕",fitzpatrick_scale:false,category:"people"},jeans:{keywords:["fashion","shopping"],char:"👖",fitzpatrick_scale:false,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],char:"👔",fitzpatrick_scale:false,category:"people"},dress:{keywords:["clothes","fashion","shopping"],char:"👗",fitzpatrick_scale:false,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],char:"👙",fitzpatrick_scale:false,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],char:"👘",fitzpatrick_scale:false,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],char:"💄",fitzpatrick_scale:false,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],char:"💋",fitzpatrick_scale:false,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],char:"👣",fitzpatrick_scale:false,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],char:"🥿",fitzpatrick_scale:false,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],char:"👠",fitzpatrick_scale:false,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],char:"👡",fitzpatrick_scale:false,category:"people"},boot:{keywords:["shoes","fashion"],char:"👢",fitzpatrick_scale:false,category:"people"},mans_shoe:{keywords:["fashion","male"],char:"👞",fitzpatrick_scale:false,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],char:"👟",fitzpatrick_scale:false,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],char:"🥾",fitzpatrick_scale:false,category:"people"},socks:{keywords:["stockings","clothes"],char:"🧦",fitzpatrick_scale:false,category:"people"},gloves:{keywords:["hands","winter","clothes"],char:"🧤",fitzpatrick_scale:false,category:"people"},scarf:{keywords:["neck","winter","clothes"],char:"🧣",fitzpatrick_scale:false,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],char:"👒",fitzpatrick_scale:false,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],char:"🎩",fitzpatrick_scale:false,category:"people"},billed_hat:{keywords:["cap","baseball"],char:"🧢",fitzpatrick_scale:false,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],char:"⛑",fitzpatrick_scale:false,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],char:"🎓",fitzpatrick_scale:false,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],char:"👑",fitzpatrick_scale:false,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],char:"🎒",fitzpatrick_scale:false,category:"people"},luggage:{keywords:["packing","travel"],char:"🧳",fitzpatrick_scale:false,category:"people"},pouch:{keywords:["bag","accessories","shopping"],char:"👝",fitzpatrick_scale:false,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],char:"👛",fitzpatrick_scale:false,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],char:"👜",fitzpatrick_scale:false,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],char:"💼",fitzpatrick_scale:false,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],char:"👓",fitzpatrick_scale:false,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],char:"🕶",fitzpatrick_scale:false,category:"people"},goggles:{keywords:["eyes","protection","safety"],char:"🥽",fitzpatrick_scale:false,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],char:"💍",fitzpatrick_scale:false,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],char:"🌂",fitzpatrick_scale:false,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],char:"🐶",fitzpatrick_scale:false,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],char:"🐱",fitzpatrick_scale:false,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],char:"🐭",fitzpatrick_scale:false,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],char:"🐹",fitzpatrick_scale:false,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],char:"🐰",fitzpatrick_scale:false,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],char:"🦊",fitzpatrick_scale:false,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],char:"🐻",fitzpatrick_scale:false,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],char:"🐼",fitzpatrick_scale:false,category:"animals_and_nature"},koala:{keywords:["animal","nature"],char:"🐨",fitzpatrick_scale:false,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],char:"🐯",fitzpatrick_scale:false,category:"animals_and_nature"},lion:{keywords:["animal","nature"],char:"🦁",fitzpatrick_scale:false,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],char:"🐮",fitzpatrick_scale:false,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],char:"🐷",fitzpatrick_scale:false,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],char:"🐽",fitzpatrick_scale:false,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],char:"🐸",fitzpatrick_scale:false,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],char:"🦑",fitzpatrick_scale:false,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],char:"🐙",fitzpatrick_scale:false,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],char:"🦐",fitzpatrick_scale:false,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],char:"🐵",fitzpatrick_scale:false,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],char:"🦍",fitzpatrick_scale:false,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],char:"🙈",fitzpatrick_scale:false,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],char:"🙉",fitzpatrick_scale:false,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],char:"🙊",fitzpatrick_scale:false,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],char:"🐒",fitzpatrick_scale:false,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],char:"🐔",fitzpatrick_scale:false,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],char:"🐧",fitzpatrick_scale:false,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],char:"🐦",fitzpatrick_scale:false,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],char:"🐤",fitzpatrick_scale:false,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],char:"🐣",fitzpatrick_scale:false,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],char:"🐥",fitzpatrick_scale:false,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],char:"🦆",fitzpatrick_scale:false,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],char:"🦅",fitzpatrick_scale:false,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],char:"🦉",fitzpatrick_scale:false,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],char:"🦇",fitzpatrick_scale:false,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],char:"🐺",fitzpatrick_scale:false,category:"animals_and_nature"},boar:{keywords:["animal","nature"],char:"🐗",fitzpatrick_scale:false,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],char:"🐴",fitzpatrick_scale:false,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],char:"🦄",fitzpatrick_scale:false,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],char:"🐝",fitzpatrick_scale:false,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],char:"🐛",fitzpatrick_scale:false,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],char:"🦋",fitzpatrick_scale:false,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],char:"🐌",fitzpatrick_scale:false,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],char:"🐞",fitzpatrick_scale:false,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],char:"🐜",fitzpatrick_scale:false,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],char:"🦗",fitzpatrick_scale:false,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],char:"🕷",fitzpatrick_scale:false,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],char:"🦂",fitzpatrick_scale:false,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],char:"🦀",fitzpatrick_scale:false,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],char:"🐍",fitzpatrick_scale:false,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],char:"🦎",fitzpatrick_scale:false,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],char:"🦖",fitzpatrick_scale:false,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],char:"🦕",fitzpatrick_scale:false,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],char:"🐢",fitzpatrick_scale:false,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],char:"🐠",fitzpatrick_scale:false,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],char:"🐟",fitzpatrick_scale:false,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],char:"🐡",fitzpatrick_scale:false,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],char:"🐬",fitzpatrick_scale:false,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],char:"🦈",fitzpatrick_scale:false,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],char:"🐳",fitzpatrick_scale:false,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],char:"🐋",fitzpatrick_scale:false,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],char:"🐊",fitzpatrick_scale:false,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],char:"🐆",fitzpatrick_scale:false,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],char:"🦓",fitzpatrick_scale:false,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],char:"🐅",fitzpatrick_scale:false,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],char:"🐃",fitzpatrick_scale:false,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],char:"🐂",fitzpatrick_scale:false,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],char:"🐄",fitzpatrick_scale:false,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],char:"🦌",fitzpatrick_scale:false,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],char:"🐪",fitzpatrick_scale:false,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],char:"🐫",fitzpatrick_scale:false,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],char:"🦒",fitzpatrick_scale:false,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],char:"🐘",fitzpatrick_scale:false,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],char:"🦏",fitzpatrick_scale:false,category:"animals_and_nature"},goat:{keywords:["animal","nature"],char:"🐐",fitzpatrick_scale:false,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],char:"🐏",fitzpatrick_scale:false,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],char:"🐑",fitzpatrick_scale:false,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],char:"🐎",fitzpatrick_scale:false,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],char:"🐖",fitzpatrick_scale:false,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],char:"🐀",fitzpatrick_scale:false,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],char:"🐁",fitzpatrick_scale:false,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],char:"🐓",fitzpatrick_scale:false,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],char:"🦃",fitzpatrick_scale:false,category:"animals_and_nature"},dove:{keywords:["animal","bird"],char:"🕊",fitzpatrick_scale:false,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],char:"🐕",fitzpatrick_scale:false,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],char:"🐩",fitzpatrick_scale:false,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],char:"🐈",fitzpatrick_scale:false,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],char:"🐇",fitzpatrick_scale:false,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],char:"🐿",fitzpatrick_scale:false,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],char:"🦔",fitzpatrick_scale:false,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],char:"🦝",fitzpatrick_scale:false,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],char:"🦙",fitzpatrick_scale:false,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],char:"🦛",fitzpatrick_scale:false,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],char:"🦘",fitzpatrick_scale:false,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],char:"🦡",fitzpatrick_scale:false,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],char:"🦢",fitzpatrick_scale:false,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],char:"🦚",fitzpatrick_scale:false,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],char:"🦜",fitzpatrick_scale:false,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],char:"🦞",fitzpatrick_scale:false,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],char:"🦟",fitzpatrick_scale:false,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],char:"🐾",fitzpatrick_scale:false,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],char:"🐉",fitzpatrick_scale:false,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],char:"🐲",fitzpatrick_scale:false,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],char:"🌵",fitzpatrick_scale:false,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],char:"🎄",fitzpatrick_scale:false,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],char:"🌲",fitzpatrick_scale:false,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],char:"🌳",fitzpatrick_scale:false,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],char:"🌴",fitzpatrick_scale:false,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],char:"🌱",fitzpatrick_scale:false,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],char:"🌿",fitzpatrick_scale:false,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],char:"☘",fitzpatrick_scale:false,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],char:"🍀",fitzpatrick_scale:false,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],char:"🎍",fitzpatrick_scale:false,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],char:"🎋",fitzpatrick_scale:false,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],char:"🍃",fitzpatrick_scale:false,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],char:"🍂",fitzpatrick_scale:false,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],char:"🍁",fitzpatrick_scale:false,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],char:"🌾",fitzpatrick_scale:false,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],char:"🌺",fitzpatrick_scale:false,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],char:"🌻",fitzpatrick_scale:false,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],char:"🌹",fitzpatrick_scale:false,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],char:"🥀",fitzpatrick_scale:false,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],char:"🌷",fitzpatrick_scale:false,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],char:"🌼",fitzpatrick_scale:false,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],char:"🌸",fitzpatrick_scale:false,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],char:"💐",fitzpatrick_scale:false,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],char:"🍄",fitzpatrick_scale:false,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],char:"🌰",fitzpatrick_scale:false,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],char:"🎃",fitzpatrick_scale:false,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],char:"🐚",fitzpatrick_scale:false,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],char:"🕸",fitzpatrick_scale:false,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],char:"🌎",fitzpatrick_scale:false,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],char:"🌍",fitzpatrick_scale:false,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],char:"🌏",fitzpatrick_scale:false,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],char:"🌕",fitzpatrick_scale:false,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],char:"🌖",fitzpatrick_scale:false,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌗",fitzpatrick_scale:false,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌘",fitzpatrick_scale:false,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌑",fitzpatrick_scale:false,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌒",fitzpatrick_scale:false,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌓",fitzpatrick_scale:false,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],char:"🌔",fitzpatrick_scale:false,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌚",fitzpatrick_scale:false,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌝",fitzpatrick_scale:false,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌛",fitzpatrick_scale:false,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌜",fitzpatrick_scale:false,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],char:"🌞",fitzpatrick_scale:false,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],char:"🌙",fitzpatrick_scale:false,category:"animals_and_nature"},star:{keywords:["night","yellow"],char:"⭐",fitzpatrick_scale:false,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],char:"🌟",fitzpatrick_scale:false,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],char:"💫",fitzpatrick_scale:false,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],char:"✨",fitzpatrick_scale:false,category:"animals_and_nature"},comet:{keywords:["space"],char:"☄",fitzpatrick_scale:false,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],char:"☀️",fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],char:"🌤",fitzpatrick_scale:false,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],char:"⛅",fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],char:"🌥",fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],char:"🌦",fitzpatrick_scale:false,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],char:"☁️",fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],char:"🌧",fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],char:"⛈",fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],char:"🌩",fitzpatrick_scale:false,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],char:"⚡",fitzpatrick_scale:false,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],char:"🔥",fitzpatrick_scale:false,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],char:"💥",fitzpatrick_scale:false,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],char:"❄️",fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],char:"🌨",fitzpatrick_scale:false,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],char:"⛄",fitzpatrick_scale:false,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],char:"☃",fitzpatrick_scale:false,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],char:"🌬",fitzpatrick_scale:false,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],char:"💨",fitzpatrick_scale:false,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],char:"🌪",fitzpatrick_scale:false,category:"animals_and_nature"},fog:{keywords:["weather"],char:"🌫",fitzpatrick_scale:false,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],char:"☂",fitzpatrick_scale:false,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],char:"☔",fitzpatrick_scale:false,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],char:"💧",fitzpatrick_scale:false,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],char:"💦",fitzpatrick_scale:false,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],char:"🌊",fitzpatrick_scale:false,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],char:"🍏",fitzpatrick_scale:false,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],char:"🍎",fitzpatrick_scale:false,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],char:"🍐",fitzpatrick_scale:false,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],char:"🍊",fitzpatrick_scale:false,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],char:"🍋",fitzpatrick_scale:false,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],char:"🍌",fitzpatrick_scale:false,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],char:"🍉",fitzpatrick_scale:false,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],char:"🍇",fitzpatrick_scale:false,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],char:"🍓",fitzpatrick_scale:false,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],char:"🍈",fitzpatrick_scale:false,category:"food_and_drink"},cherries:{keywords:["food","fruit"],char:"🍒",fitzpatrick_scale:false,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],char:"🍑",fitzpatrick_scale:false,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],char:"🍍",fitzpatrick_scale:false,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],char:"🥥",fitzpatrick_scale:false,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],char:"🥝",fitzpatrick_scale:false,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],char:"🥭",fitzpatrick_scale:false,category:"food_and_drink"},avocado:{keywords:["fruit","food"],char:"🥑",fitzpatrick_scale:false,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],char:"🥦",fitzpatrick_scale:false,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],char:"🍅",fitzpatrick_scale:false,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],char:"🍆",fitzpatrick_scale:false,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],char:"🥒",fitzpatrick_scale:false,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],char:"🥕",fitzpatrick_scale:false,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],char:"🌶",fitzpatrick_scale:false,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],char:"🥔",fitzpatrick_scale:false,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],char:"🌽",fitzpatrick_scale:false,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],char:"🥬",fitzpatrick_scale:false,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],char:"🍠",fitzpatrick_scale:false,category:"food_and_drink"},peanuts:{keywords:["food","nut"],char:"🥜",fitzpatrick_scale:false,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],char:"🍯",fitzpatrick_scale:false,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],char:"🥐",fitzpatrick_scale:false,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],char:"🍞",fitzpatrick_scale:false,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],char:"🥖",fitzpatrick_scale:false,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],char:"🥯",fitzpatrick_scale:false,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],char:"🥨",fitzpatrick_scale:false,category:"food_and_drink"},cheese:{keywords:["food","chadder"],char:"🧀",fitzpatrick_scale:false,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],char:"🥚",fitzpatrick_scale:false,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],char:"🥓",fitzpatrick_scale:false,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],char:"🥩",fitzpatrick_scale:false,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],char:"🥞",fitzpatrick_scale:false,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],char:"🍗",fitzpatrick_scale:false,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],char:"🍖",fitzpatrick_scale:false,category:"food_and_drink"},bone:{keywords:["skeleton"],char:"🦴",fitzpatrick_scale:false,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],char:"🍤",fitzpatrick_scale:false,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],char:"🍳",fitzpatrick_scale:false,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],char:"🍔",fitzpatrick_scale:false,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],char:"🍟",fitzpatrick_scale:false,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],char:"🥙",fitzpatrick_scale:false,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],char:"🌭",fitzpatrick_scale:false,category:"food_and_drink"},pizza:{keywords:["food","party"],char:"🍕",fitzpatrick_scale:false,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],char:"🥪",fitzpatrick_scale:false,category:"food_and_drink"},canned_food:{keywords:["food","soup"],char:"🥫",fitzpatrick_scale:false,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],char:"🍝",fitzpatrick_scale:false,category:"food_and_drink"},taco:{keywords:["food","mexican"],char:"🌮",fitzpatrick_scale:false,category:"food_and_drink"},burrito:{keywords:["food","mexican"],char:"🌯",fitzpatrick_scale:false,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],char:"🥗",fitzpatrick_scale:false,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],char:"🥘",fitzpatrick_scale:false,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],char:"🍜",fitzpatrick_scale:false,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],char:"🍲",fitzpatrick_scale:false,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],char:"🍥",fitzpatrick_scale:false,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],char:"🥠",fitzpatrick_scale:false,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],char:"🍣",fitzpatrick_scale:false,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],char:"🍱",fitzpatrick_scale:false,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],char:"🍛",fitzpatrick_scale:false,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],char:"🍙",fitzpatrick_scale:false,category:"food_and_drink"},rice:{keywords:["food","china","asian"],char:"🍚",fitzpatrick_scale:false,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],char:"🍘",fitzpatrick_scale:false,category:"food_and_drink"},oden:{keywords:["food","japanese"],char:"🍢",fitzpatrick_scale:false,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],char:"🍡",fitzpatrick_scale:false,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],char:"🍧",fitzpatrick_scale:false,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],char:"🍨",fitzpatrick_scale:false,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],char:"🍦",fitzpatrick_scale:false,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],char:"🥧",fitzpatrick_scale:false,category:"food_and_drink"},cake:{keywords:["food","dessert"],char:"🍰",fitzpatrick_scale:false,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],char:"🧁",fitzpatrick_scale:false,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],char:"🥮",fitzpatrick_scale:false,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],char:"🎂",fitzpatrick_scale:false,category:"food_and_drink"},custard:{keywords:["dessert","food"],char:"🍮",fitzpatrick_scale:false,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],char:"🍬",fitzpatrick_scale:false,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],char:"🍭",fitzpatrick_scale:false,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],char:"🍫",fitzpatrick_scale:false,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],char:"🍿",fitzpatrick_scale:false,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],char:"🥟",fitzpatrick_scale:false,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],char:"🍩",fitzpatrick_scale:false,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],char:"🍪",fitzpatrick_scale:false,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],char:"🥛",fitzpatrick_scale:false,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:"🍺",fitzpatrick_scale:false,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:"🍻",fitzpatrick_scale:false,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],char:"🥂",fitzpatrick_scale:false,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],char:"🍷",fitzpatrick_scale:false,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],char:"🥃",fitzpatrick_scale:false,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],char:"🍸",fitzpatrick_scale:false,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],char:"🍹",fitzpatrick_scale:false,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],char:"🍾",fitzpatrick_scale:false,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],char:"🍶",fitzpatrick_scale:false,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],char:"🍵",fitzpatrick_scale:false,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],char:"🥤",fitzpatrick_scale:false,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],char:"☕",fitzpatrick_scale:false,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],char:"🍼",fitzpatrick_scale:false,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],char:"🧂",fitzpatrick_scale:false,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],char:"🥄",fitzpatrick_scale:false,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],char:"🍴",fitzpatrick_scale:false,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],char:"🍽",fitzpatrick_scale:false,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],char:"🥣",fitzpatrick_scale:false,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],char:"🥡",fitzpatrick_scale:false,category:"food_and_drink"},chopsticks:{keywords:["food"],char:"🥢",fitzpatrick_scale:false,category:"food_and_drink"},soccer:{keywords:["sports","football"],char:"⚽",fitzpatrick_scale:false,category:"activity"},basketball:{keywords:["sports","balls","NBA"],char:"🏀",fitzpatrick_scale:false,category:"activity"},football:{keywords:["sports","balls","NFL"],char:"🏈",fitzpatrick_scale:false,category:"activity"},baseball:{keywords:["sports","balls"],char:"⚾",fitzpatrick_scale:false,category:"activity"},softball:{keywords:["sports","balls"],char:"🥎",fitzpatrick_scale:false,category:"activity"},tennis:{keywords:["sports","balls","green"],char:"🎾",fitzpatrick_scale:false,category:"activity"},volleyball:{keywords:["sports","balls"],char:"🏐",fitzpatrick_scale:false,category:"activity"},rugby_football:{keywords:["sports","team"],char:"🏉",fitzpatrick_scale:false,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],char:"🥏",fitzpatrick_scale:false,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],char:"🎱",fitzpatrick_scale:false,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],char:"⛳",fitzpatrick_scale:false,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],char:"🏌️‍♀️",fitzpatrick_scale:false,category:"activity"},golfing_man:{keywords:["sports","business"],char:"🏌",fitzpatrick_scale:true,category:"activity"},ping_pong:{keywords:["sports","pingpong"],char:"🏓",fitzpatrick_scale:false,category:"activity"},badminton:{keywords:["sports"],char:"🏸",fitzpatrick_scale:false,category:"activity"},goal_net:{keywords:["sports"],char:"🥅",fitzpatrick_scale:false,category:"activity"},ice_hockey:{keywords:["sports"],char:"🏒",fitzpatrick_scale:false,category:"activity"},field_hockey:{keywords:["sports"],char:"🏑",fitzpatrick_scale:false,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],char:"🥍",fitzpatrick_scale:false,category:"activity"},cricket:{keywords:["sports"],char:"🏏",fitzpatrick_scale:false,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],char:"🎿",fitzpatrick_scale:false,category:"activity"},skier:{keywords:["sports","winter","snow"],char:"⛷",fitzpatrick_scale:false,category:"activity"},snowboarder:{keywords:["sports","winter"],char:"🏂",fitzpatrick_scale:true,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],char:"🤺",fitzpatrick_scale:false,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],char:"🤼‍♀️",fitzpatrick_scale:false,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],char:"🤼‍♂️",fitzpatrick_scale:false,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],char:"🤸‍♀️",fitzpatrick_scale:true,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],char:"🤸‍♂️",fitzpatrick_scale:true,category:"activity"},woman_playing_handball:{keywords:["sports"],char:"🤾‍♀️",fitzpatrick_scale:true,category:"activity"},man_playing_handball:{keywords:["sports"],char:"🤾‍♂️",fitzpatrick_scale:true,category:"activity"},ice_skate:{keywords:["sports"],char:"⛸",fitzpatrick_scale:false,category:"activity"},curling_stone:{keywords:["sports"],char:"🥌",fitzpatrick_scale:false,category:"activity"},skateboard:{keywords:["board"],char:"🛹",fitzpatrick_scale:false,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],char:"🛷",fitzpatrick_scale:false,category:"activity"},bow_and_arrow:{keywords:["sports"],char:"🏹",fitzpatrick_scale:false,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],char:"🎣",fitzpatrick_scale:false,category:"activity"},boxing_glove:{keywords:["sports","fighting"],char:"🥊",fitzpatrick_scale:false,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],char:"🥋",fitzpatrick_scale:false,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],char:"🚣‍♀️",fitzpatrick_scale:true,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],char:"🚣",fitzpatrick_scale:true,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],char:"🧗‍♀️",fitzpatrick_scale:true,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],char:"🧗‍♂️",fitzpatrick_scale:true,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],char:"🏊‍♀️",fitzpatrick_scale:true,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],char:"🏊",fitzpatrick_scale:true,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],char:"🤽‍♀️",fitzpatrick_scale:true,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],char:"🤽‍♂️",fitzpatrick_scale:true,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],char:"🧘‍♀️",fitzpatrick_scale:true,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],char:"🧘‍♂️",fitzpatrick_scale:true,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],char:"🏄‍♀️",fitzpatrick_scale:true,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],char:"🏄",fitzpatrick_scale:true,category:"activity"},bath:{keywords:["clean","shower","bathroom"],char:"🛀",fitzpatrick_scale:true,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],char:"⛹️‍♀️",fitzpatrick_scale:true,category:"activity"},basketball_man:{keywords:["sports","human"],char:"⛹",fitzpatrick_scale:true,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],char:"🏋️‍♀️",fitzpatrick_scale:true,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],char:"🏋",fitzpatrick_scale:true,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],char:"🚴‍♀️",fitzpatrick_scale:true,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],char:"🚴",fitzpatrick_scale:true,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],char:"🚵‍♀️",fitzpatrick_scale:true,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],char:"🚵",fitzpatrick_scale:true,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],char:"🏇",fitzpatrick_scale:true,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],char:"🕴",fitzpatrick_scale:true,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],char:"🏆",fitzpatrick_scale:false,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],char:"🎽",fitzpatrick_scale:false,category:"activity"},medal_sports:{keywords:["award","winning"],char:"🏅",fitzpatrick_scale:false,category:"activity"},medal_military:{keywords:["award","winning","army"],char:"🎖",fitzpatrick_scale:false,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],char:"🥇",fitzpatrick_scale:false,category:"activity"},"2nd_place_medal":{keywords:["award","second"],char:"🥈",fitzpatrick_scale:false,category:"activity"},"3rd_place_medal":{keywords:["award","third"],char:"🥉",fitzpatrick_scale:false,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],char:"🎗",fitzpatrick_scale:false,category:"activity"},rosette:{keywords:["flower","decoration","military"],char:"🏵",fitzpatrick_scale:false,category:"activity"},ticket:{keywords:["event","concert","pass"],char:"🎫",fitzpatrick_scale:false,category:"activity"},tickets:{keywords:["sports","concert","entrance"],char:"🎟",fitzpatrick_scale:false,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],char:"🎭",fitzpatrick_scale:false,category:"activity"},art:{keywords:["design","paint","draw","colors"],char:"🎨",fitzpatrick_scale:false,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],char:"🎪",fitzpatrick_scale:false,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],char:"🤹‍♀️",fitzpatrick_scale:true,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],char:"🤹‍♂️",fitzpatrick_scale:true,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],char:"🎤",fitzpatrick_scale:false,category:"activity"},headphones:{keywords:["music","score","gadgets"],char:"🎧",fitzpatrick_scale:false,category:"activity"},musical_score:{keywords:["treble","clef","compose"],char:"🎼",fitzpatrick_scale:false,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],char:"🎹",fitzpatrick_scale:false,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],char:"🥁",fitzpatrick_scale:false,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],char:"🎷",fitzpatrick_scale:false,category:"activity"},trumpet:{keywords:["music","brass"],char:"🎺",fitzpatrick_scale:false,category:"activity"},guitar:{keywords:["music","instrument"],char:"🎸",fitzpatrick_scale:false,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],char:"🎻",fitzpatrick_scale:false,category:"activity"},clapper:{keywords:["movie","film","record"],char:"🎬",fitzpatrick_scale:false,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],char:"🎮",fitzpatrick_scale:false,category:"activity"},space_invader:{keywords:["game","arcade","play"],char:"👾",fitzpatrick_scale:false,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],char:"🎯",fitzpatrick_scale:false,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],char:"🎲",fitzpatrick_scale:false,category:"activity"},chess_pawn:{keywords:["expendable"],char:"♟",fitzpatrick_scale:false,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],char:"🎰",fitzpatrick_scale:false,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],char:"🧩",fitzpatrick_scale:false,category:"activity"},bowling:{keywords:["sports","fun","play"],char:"🎳",fitzpatrick_scale:false,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],char:"🚗",fitzpatrick_scale:false,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],char:"🚕",fitzpatrick_scale:false,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],char:"🚙",fitzpatrick_scale:false,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],char:"🚌",fitzpatrick_scale:false,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],char:"🚎",fitzpatrick_scale:false,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],char:"🏎",fitzpatrick_scale:false,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],char:"🚓",fitzpatrick_scale:false,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],char:"🚑",fitzpatrick_scale:false,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],char:"🚒",fitzpatrick_scale:false,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],char:"🚐",fitzpatrick_scale:false,category:"travel_and_places"},truck:{keywords:["cars","transportation"],char:"🚚",fitzpatrick_scale:false,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],char:"🚛",fitzpatrick_scale:false,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],char:"🚜",fitzpatrick_scale:false,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],char:"🛴",fitzpatrick_scale:false,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],char:"🏍",fitzpatrick_scale:false,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],char:"🚲",fitzpatrick_scale:false,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],char:"🛵",fitzpatrick_scale:false,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],char:"🚨",fitzpatrick_scale:false,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],char:"🚔",fitzpatrick_scale:false,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],char:"🚍",fitzpatrick_scale:false,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],char:"🚘",fitzpatrick_scale:false,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],char:"🚖",fitzpatrick_scale:false,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],char:"🚡",fitzpatrick_scale:false,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],char:"🚠",fitzpatrick_scale:false,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],char:"🚟",fitzpatrick_scale:false,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],char:"🚃",fitzpatrick_scale:false,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],char:"🚋",fitzpatrick_scale:false,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],char:"🚝",fitzpatrick_scale:false,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],char:"🚄",fitzpatrick_scale:false,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],char:"🚅",fitzpatrick_scale:false,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],char:"🚈",fitzpatrick_scale:false,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],char:"🚞",fitzpatrick_scale:false,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],char:"🚂",fitzpatrick_scale:false,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],char:"🚆",fitzpatrick_scale:false,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],char:"🚇",fitzpatrick_scale:false,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],char:"🚊",fitzpatrick_scale:false,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],char:"🚉",fitzpatrick_scale:false,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],char:"🛸",fitzpatrick_scale:false,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],char:"🚁",fitzpatrick_scale:false,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],char:"🛩",fitzpatrick_scale:false,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],char:"✈️",fitzpatrick_scale:false,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],char:"🛫",fitzpatrick_scale:false,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],char:"🛬",fitzpatrick_scale:false,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],char:"⛵",fitzpatrick_scale:false,category:"travel_and_places"},motor_boat:{keywords:["ship"],char:"🛥",fitzpatrick_scale:false,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],char:"🚤",fitzpatrick_scale:false,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],char:"⛴",fitzpatrick_scale:false,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],char:"🛳",fitzpatrick_scale:false,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],char:"🚀",fitzpatrick_scale:false,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],char:"🛰",fitzpatrick_scale:false,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],char:"💺",fitzpatrick_scale:false,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],char:"🛶",fitzpatrick_scale:false,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],char:"⚓",fitzpatrick_scale:false,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],char:"🚧",fitzpatrick_scale:false,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],char:"⛽",fitzpatrick_scale:false,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],char:"🚏",fitzpatrick_scale:false,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],char:"🚦",fitzpatrick_scale:false,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],char:"🚥",fitzpatrick_scale:false,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],char:"🏁",fitzpatrick_scale:false,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],char:"🚢",fitzpatrick_scale:false,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],char:"🎡",fitzpatrick_scale:false,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],char:"🎢",fitzpatrick_scale:false,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],char:"🎠",fitzpatrick_scale:false,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],char:"🏗",fitzpatrick_scale:false,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],char:"🌁",fitzpatrick_scale:false,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],char:"🗼",fitzpatrick_scale:false,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],char:"🏭",fitzpatrick_scale:false,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],char:"⛲",fitzpatrick_scale:false,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],char:"🎑",fitzpatrick_scale:false,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],char:"⛰",fitzpatrick_scale:false,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],char:"🏔",fitzpatrick_scale:false,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],char:"🗻",fitzpatrick_scale:false,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],char:"🌋",fitzpatrick_scale:false,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],char:"🗾",fitzpatrick_scale:false,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],char:"🏕",fitzpatrick_scale:false,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],char:"⛺",fitzpatrick_scale:false,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],char:"🏞",fitzpatrick_scale:false,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],char:"🛣",fitzpatrick_scale:false,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],char:"🛤",fitzpatrick_scale:false,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],char:"🌅",fitzpatrick_scale:false,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],char:"🌄",fitzpatrick_scale:false,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],char:"🏜",fitzpatrick_scale:false,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],char:"🏖",fitzpatrick_scale:false,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],char:"🏝",fitzpatrick_scale:false,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],char:"🌇",fitzpatrick_scale:false,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],char:"🌆",fitzpatrick_scale:false,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],char:"🏙",fitzpatrick_scale:false,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],char:"🌃",fitzpatrick_scale:false,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],char:"🌉",fitzpatrick_scale:false,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],char:"🌌",fitzpatrick_scale:false,category:"travel_and_places"},stars:{keywords:["night","photo"],char:"🌠",fitzpatrick_scale:false,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],char:"🎇",fitzpatrick_scale:false,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],char:"🎆",fitzpatrick_scale:false,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],char:"🌈",fitzpatrick_scale:false,category:"travel_and_places"},houses:{keywords:["buildings","photo"],char:"🏘",fitzpatrick_scale:false,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],char:"🏰",fitzpatrick_scale:false,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],char:"🏯",fitzpatrick_scale:false,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],char:"🏟",fitzpatrick_scale:false,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],char:"🗽",fitzpatrick_scale:false,category:"travel_and_places"},house:{keywords:["building","home"],char:"🏠",fitzpatrick_scale:false,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],char:"🏡",fitzpatrick_scale:false,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],char:"🏚",fitzpatrick_scale:false,category:"travel_and_places"},office:{keywords:["building","bureau","work"],char:"🏢",fitzpatrick_scale:false,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],char:"🏬",fitzpatrick_scale:false,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],char:"🏣",fitzpatrick_scale:false,category:"travel_and_places"},european_post_office:{keywords:["building","email"],char:"🏤",fitzpatrick_scale:false,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],char:"🏥",fitzpatrick_scale:false,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],char:"🏦",fitzpatrick_scale:false,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],char:"🏨",fitzpatrick_scale:false,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],char:"🏪",fitzpatrick_scale:false,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],char:"🏫",fitzpatrick_scale:false,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],char:"🏩",fitzpatrick_scale:false,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],char:"💒",fitzpatrick_scale:false,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],char:"🏛",fitzpatrick_scale:false,category:"travel_and_places"},church:{keywords:["building","religion","christ"],char:"⛪",fitzpatrick_scale:false,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],char:"🕌",fitzpatrick_scale:false,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],char:"🕍",fitzpatrick_scale:false,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],char:"🕋",fitzpatrick_scale:false,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],char:"⛩",fitzpatrick_scale:false,category:"travel_and_places"},watch:{keywords:["time","accessories"],char:"⌚",fitzpatrick_scale:false,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],char:"📱",fitzpatrick_scale:false,category:"objects"},calling:{keywords:["iphone","incoming"],char:"📲",fitzpatrick_scale:false,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],char:"💻",fitzpatrick_scale:false,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],char:"⌨",fitzpatrick_scale:false,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],char:"🖥",fitzpatrick_scale:false,category:"objects"},printer:{keywords:["paper","ink"],char:"🖨",fitzpatrick_scale:false,category:"objects"},computer_mouse:{keywords:["click"],char:"🖱",fitzpatrick_scale:false,category:"objects"},trackball:{keywords:["technology","trackpad"],char:"🖲",fitzpatrick_scale:false,category:"objects"},joystick:{keywords:["game","play"],char:"🕹",fitzpatrick_scale:false,category:"objects"},clamp:{keywords:["tool"],char:"🗜",fitzpatrick_scale:false,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],char:"💽",fitzpatrick_scale:false,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],char:"💾",fitzpatrick_scale:false,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],char:"💿",fitzpatrick_scale:false,category:"objects"},dvd:{keywords:["cd","disk","disc"],char:"📀",fitzpatrick_scale:false,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],char:"📼",fitzpatrick_scale:false,category:"objects"},camera:{keywords:["gadgets","photography"],char:"📷",fitzpatrick_scale:false,category:"objects"},camera_flash:{keywords:["photography","gadgets"],char:"📸",fitzpatrick_scale:false,category:"objects"},video_camera:{keywords:["film","record"],char:"📹",fitzpatrick_scale:false,category:"objects"},movie_camera:{keywords:["film","record"],char:"🎥",fitzpatrick_scale:false,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],char:"📽",fitzpatrick_scale:false,category:"objects"},film_strip:{keywords:["movie"],char:"🎞",fitzpatrick_scale:false,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],char:"📞",fitzpatrick_scale:false,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],char:"☎️",fitzpatrick_scale:false,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],char:"📟",fitzpatrick_scale:false,category:"objects"},fax:{keywords:["communication","technology"],char:"📠",fitzpatrick_scale:false,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],char:"📺",fitzpatrick_scale:false,category:"objects"},radio:{keywords:["communication","music","podcast","program"],char:"📻",fitzpatrick_scale:false,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],char:"🎙",fitzpatrick_scale:false,category:"objects"},level_slider:{keywords:["scale"],char:"🎚",fitzpatrick_scale:false,category:"objects"},control_knobs:{keywords:["dial"],char:"🎛",fitzpatrick_scale:false,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],char:"🧭",fitzpatrick_scale:false,category:"objects"},stopwatch:{keywords:["time","deadline"],char:"⏱",fitzpatrick_scale:false,category:"objects"},timer_clock:{keywords:["alarm"],char:"⏲",fitzpatrick_scale:false,category:"objects"},alarm_clock:{keywords:["time","wake"],char:"⏰",fitzpatrick_scale:false,category:"objects"},mantelpiece_clock:{keywords:["time"],char:"🕰",fitzpatrick_scale:false,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],char:"⏳",fitzpatrick_scale:false,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],char:"⌛",fitzpatrick_scale:false,category:"objects"},satellite:{keywords:["communication","future","radio","space"],char:"📡",fitzpatrick_scale:false,category:"objects"},battery:{keywords:["power","energy","sustain"],char:"🔋",fitzpatrick_scale:false,category:"objects"},electric_plug:{keywords:["charger","power"],char:"🔌",fitzpatrick_scale:false,category:"objects"},bulb:{keywords:["light","electricity","idea"],char:"💡",fitzpatrick_scale:false,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],char:"🔦",fitzpatrick_scale:false,category:"objects"},candle:{keywords:["fire","wax"],char:"🕯",fitzpatrick_scale:false,category:"objects"},fire_extinguisher:{keywords:["quench"],char:"🧯",fitzpatrick_scale:false,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],char:"🗑",fitzpatrick_scale:false,category:"objects"},oil_drum:{keywords:["barrell"],char:"🛢",fitzpatrick_scale:false,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],char:"💸",fitzpatrick_scale:false,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],char:"💵",fitzpatrick_scale:false,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],char:"💴",fitzpatrick_scale:false,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],char:"💶",fitzpatrick_scale:false,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],char:"💷",fitzpatrick_scale:false,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],char:"💰",fitzpatrick_scale:false,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],char:"💳",fitzpatrick_scale:false,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],char:"💎",fitzpatrick_scale:false,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],char:"⚖",fitzpatrick_scale:false,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],char:"🧰",fitzpatrick_scale:false,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],char:"🔧",fitzpatrick_scale:false,category:"objects"},hammer:{keywords:["tools","build","create"],char:"🔨",fitzpatrick_scale:false,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],char:"⚒",fitzpatrick_scale:false,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],char:"🛠",fitzpatrick_scale:false,category:"objects"},pick:{keywords:["tools","dig"],char:"⛏",fitzpatrick_scale:false,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],char:"🔩",fitzpatrick_scale:false,category:"objects"},gear:{keywords:["cog"],char:"⚙",fitzpatrick_scale:false,category:"objects"},brick:{keywords:["bricks"],char:"🧱",fitzpatrick_scale:false,category:"objects"},chains:{keywords:["lock","arrest"],char:"⛓",fitzpatrick_scale:false,category:"objects"},magnet:{keywords:["attraction","magnetic"],char:"🧲",fitzpatrick_scale:false,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],char:"🔫",fitzpatrick_scale:false,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],char:"💣",fitzpatrick_scale:false,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],char:"🧨",fitzpatrick_scale:false,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],char:"🔪",fitzpatrick_scale:false,category:"objects"},dagger:{keywords:["weapon"],char:"🗡",fitzpatrick_scale:false,category:"objects"},crossed_swords:{keywords:["weapon"],char:"⚔",fitzpatrick_scale:false,category:"objects"},shield:{keywords:["protection","security"],char:"🛡",fitzpatrick_scale:false,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],char:"🚬",fitzpatrick_scale:false,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],char:"☠",fitzpatrick_scale:false,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],char:"⚰",fitzpatrick_scale:false,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],char:"⚱",fitzpatrick_scale:false,category:"objects"},amphora:{keywords:["vase","jar"],char:"🏺",fitzpatrick_scale:false,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],char:"🔮",fitzpatrick_scale:false,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],char:"📿",fitzpatrick_scale:false,category:"objects"},nazar_amulet:{keywords:["bead","charm"],char:"🧿",fitzpatrick_scale:false,category:"objects"},barber:{keywords:["hair","salon","style"],char:"💈",fitzpatrick_scale:false,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],char:"⚗",fitzpatrick_scale:false,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],char:"🔭",fitzpatrick_scale:false,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],char:"🔬",fitzpatrick_scale:false,category:"objects"},hole:{keywords:["embarrassing"],char:"🕳",fitzpatrick_scale:false,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],char:"💊",fitzpatrick_scale:false,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],char:"💉",fitzpatrick_scale:false,category:"objects"},dna:{keywords:["biologist","genetics","life"],char:"🧬",fitzpatrick_scale:false,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],char:"🦠",fitzpatrick_scale:false,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],char:"🧫",fitzpatrick_scale:false,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],char:"🧪",fitzpatrick_scale:false,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],char:"🌡",fitzpatrick_scale:false,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],char:"🧹",fitzpatrick_scale:false,category:"objects"},basket:{keywords:["laundry"],char:"🧺",fitzpatrick_scale:false,category:"objects"},toilet_paper:{keywords:["roll"],char:"🧻",fitzpatrick_scale:false,category:"objects"},label:{keywords:["sale","tag"],char:"🏷",fitzpatrick_scale:false,category:"objects"},bookmark:{keywords:["favorite","label","save"],char:"🔖",fitzpatrick_scale:false,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],char:"🚽",fitzpatrick_scale:false,category:"objects"},shower:{keywords:["clean","water","bathroom"],char:"🚿",fitzpatrick_scale:false,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],char:"🛁",fitzpatrick_scale:false,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],char:"🧼",fitzpatrick_scale:false,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],char:"🧽",fitzpatrick_scale:false,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],char:"🧴",fitzpatrick_scale:false,category:"objects"},key:{keywords:["lock","door","password"],char:"🔑",fitzpatrick_scale:false,category:"objects"},old_key:{keywords:["lock","door","password"],char:"🗝",fitzpatrick_scale:false,category:"objects"},couch_and_lamp:{keywords:["read","chill"],char:"🛋",fitzpatrick_scale:false,category:"objects"},sleeping_bed:{keywords:["bed","rest"],char:"🛌",fitzpatrick_scale:true,category:"objects"},bed:{keywords:["sleep","rest"],char:"🛏",fitzpatrick_scale:false,category:"objects"},door:{keywords:["house","entry","exit"],char:"🚪",fitzpatrick_scale:false,category:"objects"},bellhop_bell:{keywords:["service"],char:"🛎",fitzpatrick_scale:false,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],char:"🧸",fitzpatrick_scale:false,category:"objects"},framed_picture:{keywords:["photography"],char:"🖼",fitzpatrick_scale:false,category:"objects"},world_map:{keywords:["location","direction"],char:"🗺",fitzpatrick_scale:false,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],char:"⛱",fitzpatrick_scale:false,category:"objects"},moyai:{keywords:["rock","easter island","moai"],char:"🗿",fitzpatrick_scale:false,category:"objects"},shopping:{keywords:["mall","buy","purchase"],char:"🛍",fitzpatrick_scale:false,category:"objects"},shopping_cart:{keywords:["trolley"],char:"🛒",fitzpatrick_scale:false,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],char:"🎈",fitzpatrick_scale:false,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],char:"🎏",fitzpatrick_scale:false,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],char:"🎀",fitzpatrick_scale:false,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],char:"🎁",fitzpatrick_scale:false,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],char:"🎊",fitzpatrick_scale:false,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],char:"🎉",fitzpatrick_scale:false,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],char:"🎎",fitzpatrick_scale:false,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],char:"🎐",fitzpatrick_scale:false,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],char:"🎌",fitzpatrick_scale:false,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],char:"🏮",fitzpatrick_scale:false,category:"objects"},red_envelope:{keywords:["gift"],char:"🧧",fitzpatrick_scale:false,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],char:"✉️",fitzpatrick_scale:false,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],char:"📩",fitzpatrick_scale:false,category:"objects"},incoming_envelope:{keywords:["email","inbox"],char:"📨",fitzpatrick_scale:false,category:"objects"},"e-mail":{keywords:["communication","inbox"],char:"📧",fitzpatrick_scale:false,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],char:"💌",fitzpatrick_scale:false,category:"objects"},postbox:{keywords:["email","letter","envelope"],char:"📮",fitzpatrick_scale:false,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],char:"📪",fitzpatrick_scale:false,category:"objects"},mailbox:{keywords:["email","inbox","communication"],char:"📫",fitzpatrick_scale:false,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],char:"📬",fitzpatrick_scale:false,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],char:"📭",fitzpatrick_scale:false,category:"objects"},package:{keywords:["mail","gift","cardboard","box","moving"],char:"📦",fitzpatrick_scale:false,category:"objects"},postal_horn:{keywords:["instrument","music"],char:"📯",fitzpatrick_scale:false,category:"objects"},inbox_tray:{keywords:["email","documents"],char:"📥",fitzpatrick_scale:false,category:"objects"},outbox_tray:{keywords:["inbox","email"],char:"📤",fitzpatrick_scale:false,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],char:"📜",fitzpatrick_scale:false,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],char:"📃",fitzpatrick_scale:false,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],char:"📑",fitzpatrick_scale:false,category:"objects"},receipt:{keywords:["accounting","expenses"],char:"🧾",fitzpatrick_scale:false,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],char:"📊",fitzpatrick_scale:false,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],char:"📈",fitzpatrick_scale:false,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],char:"📉",fitzpatrick_scale:false,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],char:"📄",fitzpatrick_scale:false,category:"objects"},date:{keywords:["calendar","schedule"],char:"📅",fitzpatrick_scale:false,category:"objects"},calendar:{keywords:["schedule","date","planning"],char:"📆",fitzpatrick_scale:false,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],char:"🗓",fitzpatrick_scale:false,category:"objects"},card_index:{keywords:["business","stationery"],char:"📇",fitzpatrick_scale:false,category:"objects"},card_file_box:{keywords:["business","stationery"],char:"🗃",fitzpatrick_scale:false,category:"objects"},ballot_box:{keywords:["election","vote"],char:"🗳",fitzpatrick_scale:false,category:"objects"},file_cabinet:{keywords:["filing","organizing"],char:"🗄",fitzpatrick_scale:false,category:"objects"},clipboard:{keywords:["stationery","documents"],char:"📋",fitzpatrick_scale:false,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],char:"🗒",fitzpatrick_scale:false,category:"objects"},file_folder:{keywords:["documents","business","office"],char:"📁",fitzpatrick_scale:false,category:"objects"},open_file_folder:{keywords:["documents","load"],char:"📂",fitzpatrick_scale:false,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],char:"🗂",fitzpatrick_scale:false,category:"objects"},newspaper_roll:{keywords:["press","headline"],char:"🗞",fitzpatrick_scale:false,category:"objects"},newspaper:{keywords:["press","headline"],char:"📰",fitzpatrick_scale:false,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],char:"📓",fitzpatrick_scale:false,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],char:"📕",fitzpatrick_scale:false,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],char:"📗",fitzpatrick_scale:false,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],char:"📘",fitzpatrick_scale:false,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],char:"📙",fitzpatrick_scale:false,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],char:"📔",fitzpatrick_scale:false,category:"objects"},ledger:{keywords:["notes","paper"],char:"📒",fitzpatrick_scale:false,category:"objects"},books:{keywords:["literature","library","study"],char:"📚",fitzpatrick_scale:false,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],char:"📖",fitzpatrick_scale:false,category:"objects"},safety_pin:{keywords:["diaper"],char:"🧷",fitzpatrick_scale:false,category:"objects"},link:{keywords:["rings","url"],char:"🔗",fitzpatrick_scale:false,category:"objects"},paperclip:{keywords:["documents","stationery"],char:"📎",fitzpatrick_scale:false,category:"objects"},paperclips:{keywords:["documents","stationery"],char:"🖇",fitzpatrick_scale:false,category:"objects"},scissors:{keywords:["stationery","cut"],char:"✂️",fitzpatrick_scale:false,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],char:"📐",fitzpatrick_scale:false,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],char:"📏",fitzpatrick_scale:false,category:"objects"},abacus:{keywords:["calculation"],char:"🧮",fitzpatrick_scale:false,category:"objects"},pushpin:{keywords:["stationery","mark","here"],char:"📌",fitzpatrick_scale:false,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],char:"📍",fitzpatrick_scale:false,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],char:"🚩",fitzpatrick_scale:false,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],char:"🏳",fitzpatrick_scale:false,category:"objects"},black_flag:{keywords:["pirate"],char:"🏴",fitzpatrick_scale:false,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],char:"🏳️‍🌈",fitzpatrick_scale:false,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],char:"🔐",fitzpatrick_scale:false,category:"objects"},lock:{keywords:["security","password","padlock"],char:"🔒",fitzpatrick_scale:false,category:"objects"},unlock:{keywords:["privacy","security"],char:"🔓",fitzpatrick_scale:false,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],char:"🔏",fitzpatrick_scale:false,category:"objects"},pen:{keywords:["stationery","writing","write"],char:"🖊",fitzpatrick_scale:false,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],char:"🖋",fitzpatrick_scale:false,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],char:"✒️",fitzpatrick_scale:false,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],char:"📝",fitzpatrick_scale:false,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],char:"✏️",fitzpatrick_scale:false,category:"objects"},crayon:{keywords:["drawing","creativity"],char:"🖍",fitzpatrick_scale:false,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],char:"🖌",fitzpatrick_scale:false,category:"objects"},mag:{keywords:["search","zoom","find","detective"],char:"🔍",fitzpatrick_scale:false,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],char:"🔎",fitzpatrick_scale:false,category:"objects"},heart:{keywords:["love","like","valentines"],char:"❤️",fitzpatrick_scale:false,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],char:"🧡",fitzpatrick_scale:false,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],char:"💛",fitzpatrick_scale:false,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],char:"💚",fitzpatrick_scale:false,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],char:"💙",fitzpatrick_scale:false,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],char:"💜",fitzpatrick_scale:false,category:"symbols"},black_heart:{keywords:["evil"],char:"🖤",fitzpatrick_scale:false,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],char:"💔",fitzpatrick_scale:false,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],char:"❣",fitzpatrick_scale:false,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],char:"💕",fitzpatrick_scale:false,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],char:"💞",fitzpatrick_scale:false,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],char:"💓",fitzpatrick_scale:false,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],char:"💗",fitzpatrick_scale:false,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],char:"💖",fitzpatrick_scale:false,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],char:"💘",fitzpatrick_scale:false,category:"symbols"},gift_heart:{keywords:["love","valentines"],char:"💝",fitzpatrick_scale:false,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],char:"💟",fitzpatrick_scale:false,category:"symbols"},peace_symbol:{keywords:["hippie"],char:"☮",fitzpatrick_scale:false,category:"symbols"},latin_cross:{keywords:["christianity"],char:"✝",fitzpatrick_scale:false,category:"symbols"},star_and_crescent:{keywords:["islam"],char:"☪",fitzpatrick_scale:false,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],char:"🕉",fitzpatrick_scale:false,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],char:"☸",fitzpatrick_scale:false,category:"symbols"},star_of_david:{keywords:["judaism"],char:"✡",fitzpatrick_scale:false,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],char:"🔯",fitzpatrick_scale:false,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],char:"🕎",fitzpatrick_scale:false,category:"symbols"},yin_yang:{keywords:["balance"],char:"☯",fitzpatrick_scale:false,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],char:"☦",fitzpatrick_scale:false,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],char:"🛐",fitzpatrick_scale:false,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],char:"⛎",fitzpatrick_scale:false,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],char:"♈",fitzpatrick_scale:false,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],char:"♉",fitzpatrick_scale:false,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],char:"♊",fitzpatrick_scale:false,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],char:"♋",fitzpatrick_scale:false,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],char:"♌",fitzpatrick_scale:false,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],char:"♍",fitzpatrick_scale:false,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],char:"♎",fitzpatrick_scale:false,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],char:"♏",fitzpatrick_scale:false,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],char:"♐",fitzpatrick_scale:false,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],char:"♑",fitzpatrick_scale:false,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],char:"♒",fitzpatrick_scale:false,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],char:"♓",fitzpatrick_scale:false,category:"symbols"},id:{keywords:["purple-square","words"],char:"🆔",fitzpatrick_scale:false,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],char:"⚛",fitzpatrick_scale:false,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],char:"🈳",fitzpatrick_scale:false,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],char:"🈹",fitzpatrick_scale:false,category:"symbols"},radioactive:{keywords:["nuclear","danger"],char:"☢",fitzpatrick_scale:false,category:"symbols"},biohazard:{keywords:["danger"],char:"☣",fitzpatrick_scale:false,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],char:"📴",fitzpatrick_scale:false,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],char:"📳",fitzpatrick_scale:false,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],char:"🈶",fitzpatrick_scale:false,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],char:"🈚",fitzpatrick_scale:false,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],char:"🈸",fitzpatrick_scale:false,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],char:"🈺",fitzpatrick_scale:false,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],char:"🈷️",fitzpatrick_scale:false,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],char:"✴️",fitzpatrick_scale:false,category:"symbols"},vs:{keywords:["words","orange-square"],char:"🆚",fitzpatrick_scale:false,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],char:"🉑",fitzpatrick_scale:false,category:"symbols"},white_flower:{keywords:["japanese","spring"],char:"💮",fitzpatrick_scale:false,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],char:"🉐",fitzpatrick_scale:false,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],char:"㊙️",fitzpatrick_scale:false,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],char:"㊗️",fitzpatrick_scale:false,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],char:"🈴",fitzpatrick_scale:false,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],char:"🈵",fitzpatrick_scale:false,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],char:"🈲",fitzpatrick_scale:false,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],char:"🅰️",fitzpatrick_scale:false,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],char:"🅱️",fitzpatrick_scale:false,category:"symbols"},ab:{keywords:["red-square","alphabet"],char:"🆎",fitzpatrick_scale:false,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],char:"🆑",fitzpatrick_scale:false,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],char:"🅾️",fitzpatrick_scale:false,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],char:"🆘",fitzpatrick_scale:false,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],char:"⛔",fitzpatrick_scale:false,category:"symbols"},name_badge:{keywords:["fire","forbid"],char:"📛",fitzpatrick_scale:false,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],char:"🚫",fitzpatrick_scale:false,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],char:"❌",fitzpatrick_scale:false,category:"symbols"},o:{keywords:["circle","round"],char:"⭕",fitzpatrick_scale:false,category:"symbols"},stop_sign:{keywords:["stop"],char:"🛑",fitzpatrick_scale:false,category:"symbols"},anger:{keywords:["angry","mad"],char:"💢",fitzpatrick_scale:false,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],char:"♨️",fitzpatrick_scale:false,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],char:"🚷",fitzpatrick_scale:false,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],char:"🚯",fitzpatrick_scale:false,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],char:"🚳",fitzpatrick_scale:false,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],char:"🚱",fitzpatrick_scale:false,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],char:"🔞",fitzpatrick_scale:false,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],char:"📵",fitzpatrick_scale:false,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],char:"❗",fitzpatrick_scale:false,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],char:"❕",fitzpatrick_scale:false,category:"symbols"},question:{keywords:["doubt","confused"],char:"❓",fitzpatrick_scale:false,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],char:"❔",fitzpatrick_scale:false,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],char:"‼️",fitzpatrick_scale:false,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],char:"⁉️",fitzpatrick_scale:false,category:"symbols"},100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],char:"💯",fitzpatrick_scale:false,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],char:"🔅",fitzpatrick_scale:false,category:"symbols"},high_brightness:{keywords:["sun","light"],char:"🔆",fitzpatrick_scale:false,category:"symbols"},trident:{keywords:["weapon","spear"],char:"🔱",fitzpatrick_scale:false,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],char:"⚜",fitzpatrick_scale:false,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],char:"〽️",fitzpatrick_scale:false,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],char:"⚠️",fitzpatrick_scale:false,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],char:"🚸",fitzpatrick_scale:false,category:"symbols"},beginner:{keywords:["badge","shield"],char:"🔰",fitzpatrick_scale:false,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],char:"♻️",fitzpatrick_scale:false,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],char:"🈯",fitzpatrick_scale:false,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],char:"💹",fitzpatrick_scale:false,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],char:"❇️",fitzpatrick_scale:false,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],char:"✳️",fitzpatrick_scale:false,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],char:"❎",fitzpatrick_scale:false,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],char:"✅",fitzpatrick_scale:false,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],char:"💠",fitzpatrick_scale:false,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],char:"🌀",fitzpatrick_scale:false,category:"symbols"},loop:{keywords:["tape","cassette"],char:"➿",fitzpatrick_scale:false,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],char:"🌐",fitzpatrick_scale:false,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],char:"Ⓜ️",fitzpatrick_scale:false,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],char:"🏧",fitzpatrick_scale:false,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],char:"🈂️",fitzpatrick_scale:false,category:"symbols"},passport_control:{keywords:["custom","blue-square"],char:"🛂",fitzpatrick_scale:false,category:"symbols"},customs:{keywords:["passport","border","blue-square"],char:"🛃",fitzpatrick_scale:false,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],char:"🛄",fitzpatrick_scale:false,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],char:"🛅",fitzpatrick_scale:false,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],char:"♿",fitzpatrick_scale:false,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],char:"🚭",fitzpatrick_scale:false,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],char:"🚾",fitzpatrick_scale:false,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],char:"🅿️",fitzpatrick_scale:false,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],char:"🚰",fitzpatrick_scale:false,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],char:"🚹",fitzpatrick_scale:false,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],char:"🚺",fitzpatrick_scale:false,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],char:"🚼",fitzpatrick_scale:false,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],char:"🚻",fitzpatrick_scale:false,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],char:"🚮",fitzpatrick_scale:false,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],char:"🎦",fitzpatrick_scale:false,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],char:"📶",fitzpatrick_scale:false,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],char:"🈁",fitzpatrick_scale:false,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],char:"🆖",fitzpatrick_scale:false,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],char:"🆗",fitzpatrick_scale:false,category:"symbols"},up:{keywords:["blue-square","above","high"],char:"🆙",fitzpatrick_scale:false,category:"symbols"},cool:{keywords:["words","blue-square"],char:"🆒",fitzpatrick_scale:false,category:"symbols"},new:{keywords:["blue-square","words","start"],char:"🆕",fitzpatrick_scale:false,category:"symbols"},free:{keywords:["blue-square","words"],char:"🆓",fitzpatrick_scale:false,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],char:"0️⃣",fitzpatrick_scale:false,category:"symbols"},one:{keywords:["blue-square","numbers","1"],char:"1️⃣",fitzpatrick_scale:false,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],char:"2️⃣",fitzpatrick_scale:false,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],char:"3️⃣",fitzpatrick_scale:false,category:"symbols"},four:{keywords:["4","numbers","blue-square"],char:"4️⃣",fitzpatrick_scale:false,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],char:"5️⃣",fitzpatrick_scale:false,category:"symbols"},six:{keywords:["6","numbers","blue-square"],char:"6️⃣",fitzpatrick_scale:false,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],char:"7️⃣",fitzpatrick_scale:false,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],char:"8️⃣",fitzpatrick_scale:false,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],char:"9️⃣",fitzpatrick_scale:false,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],char:"🔟",fitzpatrick_scale:false,category:"symbols"},asterisk:{keywords:["star","keycap"],char:"*⃣",fitzpatrick_scale:false,category:"symbols"},1234:{keywords:["numbers","blue-square"],char:"🔢",fitzpatrick_scale:false,category:"symbols"},eject_button:{keywords:["blue-square"],char:"⏏️",fitzpatrick_scale:false,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],char:"▶️",fitzpatrick_scale:false,category:"symbols"},pause_button:{keywords:["pause","blue-square"],char:"⏸",fitzpatrick_scale:false,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],char:"⏭",fitzpatrick_scale:false,category:"symbols"},stop_button:{keywords:["blue-square"],char:"⏹",fitzpatrick_scale:false,category:"symbols"},record_button:{keywords:["blue-square"],char:"⏺",fitzpatrick_scale:false,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],char:"⏯",fitzpatrick_scale:false,category:"symbols"},previous_track_button:{keywords:["backward"],char:"⏮",fitzpatrick_scale:false,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],char:"⏩",fitzpatrick_scale:false,category:"symbols"},rewind:{keywords:["play","blue-square"],char:"⏪",fitzpatrick_scale:false,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],char:"🔀",fitzpatrick_scale:false,category:"symbols"},repeat:{keywords:["loop","record"],char:"🔁",fitzpatrick_scale:false,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],char:"🔂",fitzpatrick_scale:false,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],char:"◀️",fitzpatrick_scale:false,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],char:"🔼",fitzpatrick_scale:false,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],char:"🔽",fitzpatrick_scale:false,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],char:"⏫",fitzpatrick_scale:false,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],char:"⏬",fitzpatrick_scale:false,category:"symbols"},arrow_right:{keywords:["blue-square","next"],char:"➡️",fitzpatrick_scale:false,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],char:"⬅️",fitzpatrick_scale:false,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],char:"⬆️",fitzpatrick_scale:false,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],char:"⬇️",fitzpatrick_scale:false,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],char:"↗️",fitzpatrick_scale:false,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],char:"↘️",fitzpatrick_scale:false,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],char:"↙️",fitzpatrick_scale:false,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],char:"↖️",fitzpatrick_scale:false,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],char:"↕️",fitzpatrick_scale:false,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],char:"↔️",fitzpatrick_scale:false,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],char:"🔄",fitzpatrick_scale:false,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],char:"↪️",fitzpatrick_scale:false,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],char:"↩️",fitzpatrick_scale:false,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],char:"⤴️",fitzpatrick_scale:false,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],char:"⤵️",fitzpatrick_scale:false,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],char:"#️⃣",fitzpatrick_scale:false,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],char:"ℹ️",fitzpatrick_scale:false,category:"symbols"},abc:{keywords:["blue-square","alphabet"],char:"🔤",fitzpatrick_scale:false,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],char:"🔡",fitzpatrick_scale:false,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],char:"🔠",fitzpatrick_scale:false,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],char:"🔣",fitzpatrick_scale:false,category:"symbols"},musical_note:{keywords:["score","tone","sound"],char:"🎵",fitzpatrick_scale:false,category:"symbols"},notes:{keywords:["music","score"],char:"🎶",fitzpatrick_scale:false,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],char:"〰️",fitzpatrick_scale:false,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],char:"➰",fitzpatrick_scale:false,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],char:"✔️",fitzpatrick_scale:false,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],char:"🔃",fitzpatrick_scale:false,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],char:"➕",fitzpatrick_scale:false,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],char:"➖",fitzpatrick_scale:false,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],char:"➗",fitzpatrick_scale:false,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],char:"✖️",fitzpatrick_scale:false,category:"symbols"},infinity:{keywords:["forever"],char:"♾",fitzpatrick_scale:false,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],char:"💲",fitzpatrick_scale:false,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],char:"💱",fitzpatrick_scale:false,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],char:"©️",fitzpatrick_scale:false,category:"symbols"},registered:{keywords:["alphabet","circle"],char:"®️",fitzpatrick_scale:false,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],char:"™️",fitzpatrick_scale:false,category:"symbols"},end:{keywords:["words","arrow"],char:"🔚",fitzpatrick_scale:false,category:"symbols"},back:{keywords:["arrow","words","return"],char:"🔙",fitzpatrick_scale:false,category:"symbols"},on:{keywords:["arrow","words"],char:"🔛",fitzpatrick_scale:false,category:"symbols"},top:{keywords:["words","blue-square"],char:"🔝",fitzpatrick_scale:false,category:"symbols"},soon:{keywords:["arrow","words"],char:"🔜",fitzpatrick_scale:false,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],char:"☑️",fitzpatrick_scale:false,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],char:"🔘",fitzpatrick_scale:false,category:"symbols"},white_circle:{keywords:["shape","round"],char:"⚪",fitzpatrick_scale:false,category:"symbols"},black_circle:{keywords:["shape","button","round"],char:"⚫",fitzpatrick_scale:false,category:"symbols"},red_circle:{keywords:["shape","error","danger"],char:"🔴",fitzpatrick_scale:false,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],char:"🔵",fitzpatrick_scale:false,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],char:"🔸",fitzpatrick_scale:false,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],char:"🔹",fitzpatrick_scale:false,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],char:"🔶",fitzpatrick_scale:false,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],char:"🔷",fitzpatrick_scale:false,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],char:"🔺",fitzpatrick_scale:false,category:"symbols"},black_small_square:{keywords:["shape","icon"],char:"▪️",fitzpatrick_scale:false,category:"symbols"},white_small_square:{keywords:["shape","icon"],char:"▫️",fitzpatrick_scale:false,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],char:"⬛",fitzpatrick_scale:false,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],char:"⬜",fitzpatrick_scale:false,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],char:"🔻",fitzpatrick_scale:false,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],char:"◼️",fitzpatrick_scale:false,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],char:"◻️",fitzpatrick_scale:false,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],char:"◾",fitzpatrick_scale:false,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],char:"◽",fitzpatrick_scale:false,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],char:"🔲",fitzpatrick_scale:false,category:"symbols"},white_square_button:{keywords:["shape","input"],char:"🔳",fitzpatrick_scale:false,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],char:"🔈",fitzpatrick_scale:false,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],char:"🔉",fitzpatrick_scale:false,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],char:"🔊",fitzpatrick_scale:false,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],char:"🔇",fitzpatrick_scale:false,category:"symbols"},mega:{keywords:["sound","speaker","volume"],char:"📣",fitzpatrick_scale:false,category:"symbols"},loudspeaker:{keywords:["volume","sound"],char:"📢",fitzpatrick_scale:false,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],char:"🔔",fitzpatrick_scale:false,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],char:"🔕",fitzpatrick_scale:false,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],char:"🃏",fitzpatrick_scale:false,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],char:"🀄",fitzpatrick_scale:false,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],char:"♠️",fitzpatrick_scale:false,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],char:"♣️",fitzpatrick_scale:false,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],char:"♥️",fitzpatrick_scale:false,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],char:"♦️",fitzpatrick_scale:false,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],char:"🎴",fitzpatrick_scale:false,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],char:"💭",fitzpatrick_scale:false,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],char:"🗯",fitzpatrick_scale:false,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],char:"💬",fitzpatrick_scale:false,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],char:"🗨",fitzpatrick_scale:false,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],char:"🕐",fitzpatrick_scale:false,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],char:"🕑",fitzpatrick_scale:false,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],char:"🕒",fitzpatrick_scale:false,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],char:"🕓",fitzpatrick_scale:false,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],char:"🕔",fitzpatrick_scale:false,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],char:"🕕",fitzpatrick_scale:false,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],char:"🕖",fitzpatrick_scale:false,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],char:"🕗",fitzpatrick_scale:false,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],char:"🕘",fitzpatrick_scale:false,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],char:"🕙",fitzpatrick_scale:false,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],char:"🕚",fitzpatrick_scale:false,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],char:"🕛",fitzpatrick_scale:false,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],char:"🕜",fitzpatrick_scale:false,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],char:"🕝",fitzpatrick_scale:false,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],char:"🕞",fitzpatrick_scale:false,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],char:"🕟",fitzpatrick_scale:false,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],char:"🕠",fitzpatrick_scale:false,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],char:"🕡",fitzpatrick_scale:false,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],char:"🕢",fitzpatrick_scale:false,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],char:"🕣",fitzpatrick_scale:false,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],char:"🕤",fitzpatrick_scale:false,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],char:"🕥",fitzpatrick_scale:false,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],char:"🕦",fitzpatrick_scale:false,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],char:"🕧",fitzpatrick_scale:false,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],char:"🇦🇫",fitzpatrick_scale:false,category:"flags"},aland_islands:{keywords:["Åland","islands","flag","nation","country","banner"],char:"🇦🇽",fitzpatrick_scale:false,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],char:"🇦🇱",fitzpatrick_scale:false,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],char:"🇩🇿",fitzpatrick_scale:false,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],char:"🇦🇸",fitzpatrick_scale:false,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],char:"🇦🇩",fitzpatrick_scale:false,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],char:"🇦🇴",fitzpatrick_scale:false,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],char:"🇦🇮",fitzpatrick_scale:false,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],char:"🇦🇶",fitzpatrick_scale:false,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],char:"🇦🇬",fitzpatrick_scale:false,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],char:"🇦🇷",fitzpatrick_scale:false,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],char:"🇦🇲",fitzpatrick_scale:false,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],char:"🇦🇼",fitzpatrick_scale:false,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],char:"🇦🇺",fitzpatrick_scale:false,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],char:"🇦🇹",fitzpatrick_scale:false,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],char:"🇦🇿",fitzpatrick_scale:false,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],char:"🇧🇸",fitzpatrick_scale:false,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],char:"🇧🇭",fitzpatrick_scale:false,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],char:"🇧🇩",fitzpatrick_scale:false,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],char:"🇧🇧",fitzpatrick_scale:false,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],char:"🇧🇾",fitzpatrick_scale:false,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],char:"🇧🇪",fitzpatrick_scale:false,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],char:"🇧🇿",fitzpatrick_scale:false,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],char:"🇧🇯",fitzpatrick_scale:false,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],char:"🇧🇲",fitzpatrick_scale:false,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],char:"🇧🇹",fitzpatrick_scale:false,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],char:"🇧🇴",fitzpatrick_scale:false,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],char:"🇧🇶",fitzpatrick_scale:false,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],char:"🇧🇦",fitzpatrick_scale:false,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],char:"🇧🇼",fitzpatrick_scale:false,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],char:"🇧🇷",fitzpatrick_scale:false,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],char:"🇮🇴",fitzpatrick_scale:false,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],char:"🇻🇬",fitzpatrick_scale:false,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],char:"🇧🇳",fitzpatrick_scale:false,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],char:"🇧🇬",fitzpatrick_scale:false,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],char:"🇧🇫",fitzpatrick_scale:false,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],char:"🇧🇮",fitzpatrick_scale:false,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],char:"🇨🇻",fitzpatrick_scale:false,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],char:"🇰🇭",fitzpatrick_scale:false,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],char:"🇨🇲",fitzpatrick_scale:false,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],char:"🇨🇦",fitzpatrick_scale:false,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],char:"🇮🇨",fitzpatrick_scale:false,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],char:"🇰🇾",fitzpatrick_scale:false,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],char:"🇨🇫",fitzpatrick_scale:false,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],char:"🇹🇩",fitzpatrick_scale:false,category:"flags"},chile:{keywords:["flag","nation","country","banner"],char:"🇨🇱",fitzpatrick_scale:false,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],char:"🇨🇳",fitzpatrick_scale:false,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],char:"🇨🇽",fitzpatrick_scale:false,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],char:"🇨🇨",fitzpatrick_scale:false,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],char:"🇨🇴",fitzpatrick_scale:false,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],char:"🇰🇲",fitzpatrick_scale:false,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],char:"🇨🇬",fitzpatrick_scale:false,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],char:"🇨🇩",fitzpatrick_scale:false,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],char:"🇨🇰",fitzpatrick_scale:false,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],char:"🇨🇷",fitzpatrick_scale:false,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],char:"🇭🇷",fitzpatrick_scale:false,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],char:"🇨🇺",fitzpatrick_scale:false,category:"flags"},curacao:{keywords:["curaçao","flag","nation","country","banner"],char:"🇨🇼",fitzpatrick_scale:false,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],char:"🇨🇾",fitzpatrick_scale:false,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],char:"🇨🇿",fitzpatrick_scale:false,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],char:"🇩🇰",fitzpatrick_scale:false,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],char:"🇩🇯",fitzpatrick_scale:false,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],char:"🇩🇲",fitzpatrick_scale:false,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],char:"🇩🇴",fitzpatrick_scale:false,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],char:"🇪🇨",fitzpatrick_scale:false,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],char:"🇪🇬",fitzpatrick_scale:false,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],char:"🇸🇻",fitzpatrick_scale:false,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],char:"🇬🇶",fitzpatrick_scale:false,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],char:"🇪🇷",fitzpatrick_scale:false,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],char:"🇪🇪",fitzpatrick_scale:false,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],char:"🇪🇹",fitzpatrick_scale:false,category:"flags"},eu:{keywords:["european","union","flag","banner"],char:"🇪🇺",fitzpatrick_scale:false,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],char:"🇫🇰",fitzpatrick_scale:false,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],char:"🇫🇴",fitzpatrick_scale:false,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],char:"🇫🇯",fitzpatrick_scale:false,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],char:"🇫🇮",fitzpatrick_scale:false,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],char:"🇫🇷",fitzpatrick_scale:false,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],char:"🇬🇫",fitzpatrick_scale:false,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],char:"🇵🇫",fitzpatrick_scale:false,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],char:"🇹🇫",fitzpatrick_scale:false,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],char:"🇬🇦",fitzpatrick_scale:false,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],char:"🇬🇲",fitzpatrick_scale:false,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],char:"🇬🇪",fitzpatrick_scale:false,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],char:"🇩🇪",fitzpatrick_scale:false,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],char:"🇬🇭",fitzpatrick_scale:false,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],char:"🇬🇮",fitzpatrick_scale:false,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],char:"🇬🇷",fitzpatrick_scale:false,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],char:"🇬🇱",fitzpatrick_scale:false,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],char:"🇬🇩",fitzpatrick_scale:false,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],char:"🇬🇵",fitzpatrick_scale:false,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],char:"🇬🇺",fitzpatrick_scale:false,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],char:"🇬🇹",fitzpatrick_scale:false,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],char:"🇬🇬",fitzpatrick_scale:false,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],char:"🇬🇳",fitzpatrick_scale:false,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],char:"🇬🇼",fitzpatrick_scale:false,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],char:"🇬🇾",fitzpatrick_scale:false,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],char:"🇭🇹",fitzpatrick_scale:false,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],char:"🇭🇳",fitzpatrick_scale:false,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],char:"🇭🇰",fitzpatrick_scale:false,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],char:"🇭🇺",fitzpatrick_scale:false,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],char:"🇮🇸",fitzpatrick_scale:false,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],char:"🇮🇳",fitzpatrick_scale:false,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],char:"🇮🇩",fitzpatrick_scale:false,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],char:"🇮🇷",fitzpatrick_scale:false,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],char:"🇮🇶",fitzpatrick_scale:false,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],char:"🇮🇪",fitzpatrick_scale:false,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],char:"🇮🇲",fitzpatrick_scale:false,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],char:"🇮🇱",fitzpatrick_scale:false,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],char:"🇮🇹",fitzpatrick_scale:false,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],char:"🇨🇮",fitzpatrick_scale:false,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],char:"🇯🇲",fitzpatrick_scale:false,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],char:"🇯🇵",fitzpatrick_scale:false,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],char:"🇯🇪",fitzpatrick_scale:false,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],char:"🇯🇴",fitzpatrick_scale:false,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],char:"🇰🇿",fitzpatrick_scale:false,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],char:"🇰🇪",fitzpatrick_scale:false,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],char:"🇰🇮",fitzpatrick_scale:false,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],char:"🇽🇰",fitzpatrick_scale:false,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],char:"🇰🇼",fitzpatrick_scale:false,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],char:"🇰🇬",fitzpatrick_scale:false,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],char:"🇱🇦",fitzpatrick_scale:false,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],char:"🇱🇻",fitzpatrick_scale:false,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],char:"🇱🇧",fitzpatrick_scale:false,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],char:"🇱🇸",fitzpatrick_scale:false,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],char:"🇱🇷",fitzpatrick_scale:false,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],char:"🇱🇾",fitzpatrick_scale:false,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],char:"🇱🇮",fitzpatrick_scale:false,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],char:"🇱🇹",fitzpatrick_scale:false,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],char:"🇱🇺",fitzpatrick_scale:false,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],char:"🇲🇴",fitzpatrick_scale:false,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],char:"🇲🇰",fitzpatrick_scale:false,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],char:"🇲🇬",fitzpatrick_scale:false,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],char:"🇲🇼",fitzpatrick_scale:false,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],char:"🇲🇾",fitzpatrick_scale:false,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],char:"🇲🇻",fitzpatrick_scale:false,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],char:"🇲🇱",fitzpatrick_scale:false,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],char:"🇲🇹",fitzpatrick_scale:false,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],char:"🇲🇭",fitzpatrick_scale:false,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],char:"🇲🇶",fitzpatrick_scale:false,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],char:"🇲🇷",fitzpatrick_scale:false,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],char:"🇲🇺",fitzpatrick_scale:false,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],char:"🇾🇹",fitzpatrick_scale:false,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],char:"🇲🇽",fitzpatrick_scale:false,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],char:"🇫🇲",fitzpatrick_scale:false,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],char:"🇲🇩",fitzpatrick_scale:false,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],char:"🇲🇨",fitzpatrick_scale:false,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],char:"🇲🇳",fitzpatrick_scale:false,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],char:"🇲🇪",fitzpatrick_scale:false,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],char:"🇲🇸",fitzpatrick_scale:false,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],char:"🇲🇦",fitzpatrick_scale:false,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],char:"🇲🇿",fitzpatrick_scale:false,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],char:"🇲🇲",fitzpatrick_scale:false,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],char:"🇳🇦",fitzpatrick_scale:false,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],char:"🇳🇷",fitzpatrick_scale:false,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],char:"🇳🇵",fitzpatrick_scale:false,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],char:"🇳🇱",fitzpatrick_scale:false,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],char:"🇳🇨",fitzpatrick_scale:false,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],char:"🇳🇿",fitzpatrick_scale:false,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],char:"🇳🇮",fitzpatrick_scale:false,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],char:"🇳🇪",fitzpatrick_scale:false,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],char:"🇳🇬",fitzpatrick_scale:false,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],char:"🇳🇺",fitzpatrick_scale:false,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],char:"🇳🇫",fitzpatrick_scale:false,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],char:"🇲🇵",fitzpatrick_scale:false,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],char:"🇰🇵",fitzpatrick_scale:false,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],char:"🇳🇴",fitzpatrick_scale:false,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],char:"🇴🇲",fitzpatrick_scale:false,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],char:"🇵🇰",fitzpatrick_scale:false,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],char:"🇵🇼",fitzpatrick_scale:false,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],char:"🇵🇸",fitzpatrick_scale:false,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],char:"🇵🇦",fitzpatrick_scale:false,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],char:"🇵🇬",fitzpatrick_scale:false,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],char:"🇵🇾",fitzpatrick_scale:false,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],char:"🇵🇪",fitzpatrick_scale:false,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],char:"🇵🇭",fitzpatrick_scale:false,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],char:"🇵🇳",fitzpatrick_scale:false,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],char:"🇵🇱",fitzpatrick_scale:false,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],char:"🇵🇹",fitzpatrick_scale:false,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],char:"🇵🇷",fitzpatrick_scale:false,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],char:"🇶🇦",fitzpatrick_scale:false,category:"flags"},reunion:{keywords:["réunion","flag","nation","country","banner"],char:"🇷🇪",fitzpatrick_scale:false,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],char:"🇷🇴",fitzpatrick_scale:false,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],char:"🇷🇺",fitzpatrick_scale:false,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],char:"🇷🇼",fitzpatrick_scale:false,category:"flags"},st_barthelemy:{keywords:["saint","barthélemy","flag","nation","country","banner"],char:"🇧🇱",fitzpatrick_scale:false,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],char:"🇸🇭",fitzpatrick_scale:false,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],char:"🇰🇳",fitzpatrick_scale:false,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],char:"🇱🇨",fitzpatrick_scale:false,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],char:"🇵🇲",fitzpatrick_scale:false,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],char:"🇻🇨",fitzpatrick_scale:false,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],char:"🇼🇸",fitzpatrick_scale:false,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],char:"🇸🇲",fitzpatrick_scale:false,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],char:"🇸🇹",fitzpatrick_scale:false,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],char:"🇸🇦",fitzpatrick_scale:false,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],char:"🇸🇳",fitzpatrick_scale:false,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],char:"🇷🇸",fitzpatrick_scale:false,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],char:"🇸🇨",fitzpatrick_scale:false,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],char:"🇸🇱",fitzpatrick_scale:false,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],char:"🇸🇬",fitzpatrick_scale:false,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],char:"🇸🇽",fitzpatrick_scale:false,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],char:"🇸🇰",fitzpatrick_scale:false,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],char:"🇸🇮",fitzpatrick_scale:false,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],char:"🇸🇧",fitzpatrick_scale:false,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],char:"🇸🇴",fitzpatrick_scale:false,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],char:"🇿🇦",fitzpatrick_scale:false,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],char:"🇬🇸",fitzpatrick_scale:false,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],char:"🇰🇷",fitzpatrick_scale:false,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],char:"🇸🇸",fitzpatrick_scale:false,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],char:"🇪🇸",fitzpatrick_scale:false,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],char:"🇱🇰",fitzpatrick_scale:false,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],char:"🇸🇩",fitzpatrick_scale:false,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],char:"🇸🇷",fitzpatrick_scale:false,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],char:"🇸🇿",fitzpatrick_scale:false,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],char:"🇸🇪",fitzpatrick_scale:false,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],char:"🇨🇭",fitzpatrick_scale:false,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],char:"🇸🇾",fitzpatrick_scale:false,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],char:"🇹🇼",fitzpatrick_scale:false,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],char:"🇹🇯",fitzpatrick_scale:false,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],char:"🇹🇿",fitzpatrick_scale:false,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],char:"🇹🇭",fitzpatrick_scale:false,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],char:"🇹🇱",fitzpatrick_scale:false,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],char:"🇹🇬",fitzpatrick_scale:false,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],char:"🇹🇰",fitzpatrick_scale:false,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],char:"🇹🇴",fitzpatrick_scale:false,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],char:"🇹🇹",fitzpatrick_scale:false,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],char:"🇹🇳",fitzpatrick_scale:false,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],char:"🇹🇷",fitzpatrick_scale:false,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],char:"🇹🇲",fitzpatrick_scale:false,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],char:"🇹🇨",fitzpatrick_scale:false,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],char:"🇹🇻",fitzpatrick_scale:false,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],char:"🇺🇬",fitzpatrick_scale:false,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],char:"🇺🇦",fitzpatrick_scale:false,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],char:"🇦🇪",fitzpatrick_scale:false,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],char:"🇬🇧",fitzpatrick_scale:false,category:"flags"},england:{keywords:["flag","english"],char:"🏴󠁧󠁢󠁥󠁮󠁧󠁿",fitzpatrick_scale:false,category:"flags"},scotland:{keywords:["flag","scottish"],char:"🏴󠁧󠁢󠁳󠁣󠁴󠁿",fitzpatrick_scale:false,category:"flags"},wales:{keywords:["flag","welsh"],char:"🏴󠁧󠁢󠁷󠁬󠁳󠁿",fitzpatrick_scale:false,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],char:"🇺🇸",fitzpatrick_scale:false,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],char:"🇻🇮",fitzpatrick_scale:false,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],char:"🇺🇾",fitzpatrick_scale:false,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],char:"🇺🇿",fitzpatrick_scale:false,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],char:"🇻🇺",fitzpatrick_scale:false,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],char:"🇻🇦",fitzpatrick_scale:false,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],char:"🇻🇪",fitzpatrick_scale:false,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],char:"🇻🇳",fitzpatrick_scale:false,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],char:"🇼🇫",fitzpatrick_scale:false,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],char:"🇪🇭",fitzpatrick_scale:false,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],char:"🇾🇪",fitzpatrick_scale:false,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],char:"🇿🇲",fitzpatrick_scale:false,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],char:"🇿🇼",fitzpatrick_scale:false,category:"flags"},united_nations:{keywords:["un","flag","banner"],char:"🇺🇳",fitzpatrick_scale:false,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],char:"🏴‍☠️",fitzpatrick_scale:false,category:"flags"}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojis.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojis.min.js
new file mode 100644
index 000000000..950a6de1f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/js/emojis.min.js
@@ -0,0 +1 @@
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{grinning:{keywords:["face","smile","happy","joy",":D","grin"],char:"\u{1f600}",fitzpatrick_scale:!1,category:"people"},grimacing:{keywords:["face","grimace","teeth"],char:"\u{1f62c}",fitzpatrick_scale:!1,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],char:"\u{1f601}",fitzpatrick_scale:!1,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],char:"\u{1f602}",fitzpatrick_scale:!1,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],char:"\u{1f923}",fitzpatrick_scale:!1,category:"people"},partying:{keywords:["face","celebration","woohoo"],char:"\u{1f973}",fitzpatrick_scale:!1,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],char:"\u{1f603}",fitzpatrick_scale:!1,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],char:"\u{1f604}",fitzpatrick_scale:!1,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],char:"\u{1f605}",fitzpatrick_scale:!1,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],char:"\u{1f606}",fitzpatrick_scale:!1,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],char:"\u{1f607}",fitzpatrick_scale:!1,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],char:"\u{1f609}",fitzpatrick_scale:!1,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],char:"\u{1f60a}",fitzpatrick_scale:!1,category:"people"},slightly_smiling_face:{keywords:["face","smile"],char:"\u{1f642}",fitzpatrick_scale:!1,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],char:"\u{1f643}",fitzpatrick_scale:!1,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],char:"\u263a\ufe0f",fitzpatrick_scale:!1,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],char:"\u{1f60b}",fitzpatrick_scale:!1,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],char:"\u{1f60c}",fitzpatrick_scale:!1,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],char:"\u{1f60d}",fitzpatrick_scale:!1,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],char:"\u{1f970}",fitzpatrick_scale:!1,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:"\u{1f618}",fitzpatrick_scale:!1,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],char:"\u{1f617}",fitzpatrick_scale:!1,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],char:"\u{1f619}",fitzpatrick_scale:!1,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:"\u{1f61a}",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],char:"\u{1f61c}",fitzpatrick_scale:!1,category:"people"},zany:{keywords:["face","goofy","crazy"],char:"\u{1f92a}",fitzpatrick_scale:!1,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],char:"\u{1f928}",fitzpatrick_scale:!1,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],char:"\u{1f9d0}",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],char:"\u{1f61d}",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],char:"\u{1f61b}",fitzpatrick_scale:!1,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],char:"\u{1f911}",fitzpatrick_scale:!1,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],char:"\u{1f913}",fitzpatrick_scale:!1,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],char:"\u{1f60e}",fitzpatrick_scale:!1,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],char:"\u{1f929}",fitzpatrick_scale:!1,category:"people"},clown_face:{keywords:["face"],char:"\u{1f921}",fitzpatrick_scale:!1,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],char:"\u{1f920}",fitzpatrick_scale:!1,category:"people"},hugs:{keywords:["face","smile","hug"],char:"\u{1f917}",fitzpatrick_scale:!1,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],char:"\u{1f60f}",fitzpatrick_scale:!1,category:"people"},no_mouth:{keywords:["face","hellokitty"],char:"\u{1f636}",fitzpatrick_scale:!1,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],char:"\u{1f610}",fitzpatrick_scale:!1,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],char:"\u{1f611}",fitzpatrick_scale:!1,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],char:"\u{1f612}",fitzpatrick_scale:!1,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],char:"\u{1f644}",fitzpatrick_scale:!1,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],char:"\u{1f914}",fitzpatrick_scale:!1,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],char:"\u{1f925}",fitzpatrick_scale:!1,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],char:"\u{1f92d}",fitzpatrick_scale:!1,category:"people"},shushing:{keywords:["face","quiet","shhh"],char:"\u{1f92b}",fitzpatrick_scale:!1,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],char:"\u{1f92c}",fitzpatrick_scale:!1,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],char:"\u{1f92f}",fitzpatrick_scale:!1,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],char:"\u{1f633}",fitzpatrick_scale:!1,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],char:"\u{1f61e}",fitzpatrick_scale:!1,category:"people"},worried:{keywords:["face","concern","nervous",":("],char:"\u{1f61f}",fitzpatrick_scale:!1,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],char:"\u{1f620}",fitzpatrick_scale:!1,category:"people"},rage:{keywords:["angry","mad","hate","despise"],char:"\u{1f621}",fitzpatrick_scale:!1,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],char:"\u{1f614}",fitzpatrick_scale:!1,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],char:"\u{1f615}",fitzpatrick_scale:!1,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],char:"\u{1f641}",fitzpatrick_scale:!1,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],char:"\u2639",fitzpatrick_scale:!1,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],char:"\u{1f623}",fitzpatrick_scale:!1,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],char:"\u{1f616}",fitzpatrick_scale:!1,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],char:"\u{1f62b}",fitzpatrick_scale:!1,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],char:"\u{1f629}",fitzpatrick_scale:!1,category:"people"},pleading:{keywords:["face","begging","mercy"],char:"\u{1f97a}",fitzpatrick_scale:!1,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],char:"\u{1f624}",fitzpatrick_scale:!1,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],char:"\u{1f62e}",fitzpatrick_scale:!1,category:"people"},scream:{keywords:["face","munch","scared","omg"],char:"\u{1f631}",fitzpatrick_scale:!1,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],char:"\u{1f628}",fitzpatrick_scale:!1,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],char:"\u{1f630}",fitzpatrick_scale:!1,category:"people"},hushed:{keywords:["face","woo","shh"],char:"\u{1f62f}",fitzpatrick_scale:!1,category:"people"},frowning:{keywords:["face","aw","what"],char:"\u{1f626}",fitzpatrick_scale:!1,category:"people"},anguished:{keywords:["face","stunned","nervous"],char:"\u{1f627}",fitzpatrick_scale:!1,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],char:"\u{1f622}",fitzpatrick_scale:!1,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],char:"\u{1f625}",fitzpatrick_scale:!1,category:"people"},drooling_face:{keywords:["face"],char:"\u{1f924}",fitzpatrick_scale:!1,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],char:"\u{1f62a}",fitzpatrick_scale:!1,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],char:"\u{1f613}",fitzpatrick_scale:!1,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],char:"\u{1f975}",fitzpatrick_scale:!1,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],char:"\u{1f976}",fitzpatrick_scale:!1,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],char:"\u{1f62d}",fitzpatrick_scale:!1,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],char:"\u{1f635}",fitzpatrick_scale:!1,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],char:"\u{1f632}",fitzpatrick_scale:!1,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],char:"\u{1f910}",fitzpatrick_scale:!1,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],char:"\u{1f922}",fitzpatrick_scale:!1,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],char:"\u{1f927}",fitzpatrick_scale:!1,category:"people"},vomiting:{keywords:["face","sick"],char:"\u{1f92e}",fitzpatrick_scale:!1,category:"people"},mask:{keywords:["face","sick","ill","disease"],char:"\u{1f637}",fitzpatrick_scale:!1,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],char:"\u{1f912}",fitzpatrick_scale:!1,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],char:"\u{1f915}",fitzpatrick_scale:!1,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],char:"\u{1f974}",fitzpatrick_scale:!1,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],char:"\u{1f634}",fitzpatrick_scale:!1,category:"people"},zzz:{keywords:["sleepy","tired","dream"],char:"\u{1f4a4}",fitzpatrick_scale:!1,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],char:"\u{1f4a9}",fitzpatrick_scale:!1,category:"people"},smiling_imp:{keywords:["devil","horns"],char:"\u{1f608}",fitzpatrick_scale:!1,category:"people"},imp:{keywords:["devil","angry","horns"],char:"\u{1f47f}",fitzpatrick_scale:!1,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],char:"\u{1f479}",fitzpatrick_scale:!1,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],char:"\u{1f47a}",fitzpatrick_scale:!1,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],char:"\u{1f480}",fitzpatrick_scale:!1,category:"people"},ghost:{keywords:["halloween","spooky","scary"],char:"\u{1f47b}",fitzpatrick_scale:!1,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],char:"\u{1f47d}",fitzpatrick_scale:!1,category:"people"},robot:{keywords:["computer","machine","bot"],char:"\u{1f916}",fitzpatrick_scale:!1,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],char:"\u{1f63a}",fitzpatrick_scale:!1,category:"people"},smile_cat:{keywords:["animal","cats","smile"],char:"\u{1f638}",fitzpatrick_scale:!1,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],char:"\u{1f639}",fitzpatrick_scale:!1,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],char:"\u{1f63b}",fitzpatrick_scale:!1,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],char:"\u{1f63c}",fitzpatrick_scale:!1,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],char:"\u{1f63d}",fitzpatrick_scale:!1,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],char:"\u{1f640}",fitzpatrick_scale:!1,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],char:"\u{1f63f}",fitzpatrick_scale:!1,category:"people"},pouting_cat:{keywords:["animal","cats"],char:"\u{1f63e}",fitzpatrick_scale:!1,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],char:"\u{1f932}",fitzpatrick_scale:!0,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],char:"\u{1f64c}",fitzpatrick_scale:!0,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],char:"\u{1f44f}",fitzpatrick_scale:!0,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],char:"\u{1f44b}",fitzpatrick_scale:!0,category:"people"},call_me_hand:{keywords:["hands","gesture"],char:"\u{1f919}",fitzpatrick_scale:!0,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],char:"\u{1f44d}",fitzpatrick_scale:!0,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],char:"\u{1f44e}",fitzpatrick_scale:!0,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],char:"\u{1f44a}",fitzpatrick_scale:!0,category:"people"},fist:{keywords:["fingers","hand","grasp"],char:"\u270a",fitzpatrick_scale:!0,category:"people"},fist_left:{keywords:["hand","fistbump"],char:"\u{1f91b}",fitzpatrick_scale:!0,category:"people"},fist_right:{keywords:["hand","fistbump"],char:"\u{1f91c}",fitzpatrick_scale:!0,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],char:"\u270c",fitzpatrick_scale:!0,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],char:"\u{1f44c}",fitzpatrick_scale:!0,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],char:"\u270b",fitzpatrick_scale:!0,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],char:"\u{1f91a}",fitzpatrick_scale:!0,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],char:"\u{1f450}",fitzpatrick_scale:!0,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],char:"\u{1f4aa}",fitzpatrick_scale:!0,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],char:"\u{1f64f}",fitzpatrick_scale:!0,category:"people"},foot:{keywords:["kick","stomp"],char:"\u{1f9b6}",fitzpatrick_scale:!0,category:"people"},leg:{keywords:["kick","limb"],char:"\u{1f9b5}",fitzpatrick_scale:!0,category:"people"},handshake:{keywords:["agreement","shake"],char:"\u{1f91d}",fitzpatrick_scale:!1,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],char:"\u261d",fitzpatrick_scale:!0,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],char:"\u{1f446}",fitzpatrick_scale:!0,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],char:"\u{1f447}",fitzpatrick_scale:!0,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],char:"\u{1f448}",fitzpatrick_scale:!0,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],char:"\u{1f449}",fitzpatrick_scale:!0,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],char:"\u{1f595}",fitzpatrick_scale:!0,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],char:"\u{1f590}",fitzpatrick_scale:!0,category:"people"},love_you:{keywords:["hand","fingers","gesture"],char:"\u{1f91f}",fitzpatrick_scale:!0,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],char:"\u{1f918}",fitzpatrick_scale:!0,category:"people"},crossed_fingers:{keywords:["good","lucky"],char:"\u{1f91e}",fitzpatrick_scale:!0,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],char:"\u{1f596}",fitzpatrick_scale:!0,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],char:"\u270d",fitzpatrick_scale:!0,category:"people"},selfie:{keywords:["camera","phone"],char:"\u{1f933}",fitzpatrick_scale:!0,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],char:"\u{1f485}",fitzpatrick_scale:!0,category:"people"},lips:{keywords:["mouth","kiss"],char:"\u{1f444}",fitzpatrick_scale:!1,category:"people"},tooth:{keywords:["teeth","dentist"],char:"\u{1f9b7}",fitzpatrick_scale:!1,category:"people"},tongue:{keywords:["mouth","playful"],char:"\u{1f445}",fitzpatrick_scale:!1,category:"people"},ear:{keywords:["face","hear","sound","listen"],char:"\u{1f442}",fitzpatrick_scale:!0,category:"people"},nose:{keywords:["smell","sniff"],char:"\u{1f443}",fitzpatrick_scale:!0,category:"people"},eye:{keywords:["face","look","see","watch","stare"],char:"\u{1f441}",fitzpatrick_scale:!1,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],char:"\u{1f440}",fitzpatrick_scale:!1,category:"people"},brain:{keywords:["smart","intelligent"],char:"\u{1f9e0}",fitzpatrick_scale:!1,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],char:"\u{1f464}",fitzpatrick_scale:!1,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],char:"\u{1f465}",fitzpatrick_scale:!1,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],char:"\u{1f5e3}",fitzpatrick_scale:!1,category:"people"},baby:{keywords:["child","boy","girl","toddler"],char:"\u{1f476}",fitzpatrick_scale:!0,category:"people"},child:{keywords:["gender-neutral","young"],char:"\u{1f9d2}",fitzpatrick_scale:!0,category:"people"},boy:{keywords:["man","male","guy","teenager"],char:"\u{1f466}",fitzpatrick_scale:!0,category:"people"},girl:{keywords:["female","woman","teenager"],char:"\u{1f467}",fitzpatrick_scale:!0,category:"people"},adult:{keywords:["gender-neutral","person"],char:"\u{1f9d1}",fitzpatrick_scale:!0,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],char:"\u{1f468}",fitzpatrick_scale:!0,category:"people"},woman:{keywords:["female","girls","lady"],char:"\u{1f469}",fitzpatrick_scale:!0,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],char:"\u{1f471}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],char:"\u{1f471}",fitzpatrick_scale:!0,category:"people"},bearded_person:{keywords:["person","bewhiskered"],char:"\u{1f9d4}",fitzpatrick_scale:!0,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],char:"\u{1f9d3}",fitzpatrick_scale:!0,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],char:"\u{1f474}",fitzpatrick_scale:!0,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],char:"\u{1f475}",fitzpatrick_scale:!0,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],char:"\u{1f472}",fitzpatrick_scale:!0,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],char:"\u{1f9d5}",fitzpatrick_scale:!0,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],char:"\u{1f473}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],char:"\u{1f473}",fitzpatrick_scale:!0,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],char:"\u{1f46e}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],char:"\u{1f46e}",fitzpatrick_scale:!0,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],char:"\u{1f477}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],char:"\u{1f477}",fitzpatrick_scale:!0,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],char:"\u{1f482}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],char:"\u{1f482}",fitzpatrick_scale:!0,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],char:"\u{1f575}\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},male_detective:{keywords:["human","spy","detective"],char:"\u{1f575}",fitzpatrick_scale:!0,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],char:"\u{1f469}\u200d\u2695\ufe0f",fitzpatrick_scale:!0,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],char:"\u{1f468}\u200d\u2695\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],char:"\u{1f469}\u200d\u{1f33e}",fitzpatrick_scale:!0,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],char:"\u{1f468}\u200d\u{1f33e}",fitzpatrick_scale:!0,category:"people"},woman_cook:{keywords:["chef","woman","human"],char:"\u{1f469}\u200d\u{1f373}",fitzpatrick_scale:!0,category:"people"},man_cook:{keywords:["chef","man","human"],char:"\u{1f468}\u200d\u{1f373}",fitzpatrick_scale:!0,category:"people"},woman_student:{keywords:["graduate","woman","human"],char:"\u{1f469}\u200d\u{1f393}",fitzpatrick_scale:!0,category:"people"},man_student:{keywords:["graduate","man","human"],char:"\u{1f468}\u200d\u{1f393}",fitzpatrick_scale:!0,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],char:"\u{1f469}\u200d\u{1f3a4}",fitzpatrick_scale:!0,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],char:"\u{1f468}\u200d\u{1f3a4}",fitzpatrick_scale:!0,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],char:"\u{1f469}\u200d\u{1f3eb}",fitzpatrick_scale:!0,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],char:"\u{1f468}\u200d\u{1f3eb}",fitzpatrick_scale:!0,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],char:"\u{1f469}\u200d\u{1f3ed}",fitzpatrick_scale:!0,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],char:"\u{1f468}\u200d\u{1f3ed}",fitzpatrick_scale:!0,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],char:"\u{1f469}\u200d\u{1f4bb}",fitzpatrick_scale:!0,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],char:"\u{1f468}\u200d\u{1f4bb}",fitzpatrick_scale:!0,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],char:"\u{1f469}\u200d\u{1f4bc}",fitzpatrick_scale:!0,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],char:"\u{1f468}\u200d\u{1f4bc}",fitzpatrick_scale:!0,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],char:"\u{1f469}\u200d\u{1f527}",fitzpatrick_scale:!0,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],char:"\u{1f468}\u200d\u{1f527}",fitzpatrick_scale:!0,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],char:"\u{1f469}\u200d\u{1f52c}",fitzpatrick_scale:!0,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],char:"\u{1f468}\u200d\u{1f52c}",fitzpatrick_scale:!0,category:"people"},woman_artist:{keywords:["painter","woman","human"],char:"\u{1f469}\u200d\u{1f3a8}",fitzpatrick_scale:!0,category:"people"},man_artist:{keywords:["painter","man","human"],char:"\u{1f468}\u200d\u{1f3a8}",fitzpatrick_scale:!0,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],char:"\u{1f469}\u200d\u{1f692}",fitzpatrick_scale:!0,category:"people"},man_firefighter:{keywords:["fireman","man","human"],char:"\u{1f468}\u200d\u{1f692}",fitzpatrick_scale:!0,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],char:"\u{1f469}\u200d\u2708\ufe0f",fitzpatrick_scale:!0,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],char:"\u{1f468}\u200d\u2708\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],char:"\u{1f469}\u200d\u{1f680}",fitzpatrick_scale:!0,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],char:"\u{1f468}\u200d\u{1f680}",fitzpatrick_scale:!0,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],char:"\u{1f469}\u200d\u2696\ufe0f",fitzpatrick_scale:!0,category:"people"},man_judge:{keywords:["justice","court","man","human"],char:"\u{1f468}\u200d\u2696\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],char:"\u{1f9b8}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],char:"\u{1f9b8}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],char:"\u{1f9b9}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],char:"\u{1f9b9}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],char:"\u{1f936}",fitzpatrick_scale:!0,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],char:"\u{1f385}",fitzpatrick_scale:!0,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],char:"\u{1f9d9}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],char:"\u{1f9d9}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_elf:{keywords:["woman","female"],char:"\u{1f9dd}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_elf:{keywords:["man","male"],char:"\u{1f9dd}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_vampire:{keywords:["woman","female"],char:"\u{1f9db}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_vampire:{keywords:["man","male","dracula"],char:"\u{1f9db}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],char:"\u{1f9df}\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],char:"\u{1f9df}\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},woman_genie:{keywords:["woman","female"],char:"\u{1f9de}\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"people"},man_genie:{keywords:["man","male"],char:"\u{1f9de}\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],char:"\u{1f9dc}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},merman:{keywords:["man","male","triton"],char:"\u{1f9dc}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_fairy:{keywords:["woman","female"],char:"\u{1f9da}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_fairy:{keywords:["man","male"],char:"\u{1f9da}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},angel:{keywords:["heaven","wings","halo"],char:"\u{1f47c}",fitzpatrick_scale:!0,category:"people"},pregnant_woman:{keywords:["baby"],char:"\u{1f930}",fitzpatrick_scale:!0,category:"people"},breastfeeding:{keywords:["nursing","baby"],char:"\u{1f931}",fitzpatrick_scale:!0,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],char:"\u{1f478}",fitzpatrick_scale:!0,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],char:"\u{1f934}",fitzpatrick_scale:!0,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],char:"\u{1f470}",fitzpatrick_scale:!0,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],char:"\u{1f935}",fitzpatrick_scale:!0,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],char:"\u{1f3c3}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],char:"\u{1f3c3}",fitzpatrick_scale:!0,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],char:"\u{1f6b6}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},walking_man:{keywords:["human","feet","steps"],char:"\u{1f6b6}",fitzpatrick_scale:!0,category:"people"},dancer:{keywords:["female","girl","woman","fun"],char:"\u{1f483}",fitzpatrick_scale:!0,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],char:"\u{1f57a}",fitzpatrick_scale:!0,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],char:"\u{1f46f}",fitzpatrick_scale:!1,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],char:"\u{1f46f}\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],char:"\u{1f46b}",fitzpatrick_scale:!1,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],char:"\u{1f46c}",fitzpatrick_scale:!1,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],char:"\u{1f46d}",fitzpatrick_scale:!1,category:"people"},bowing_woman:{keywords:["woman","female","girl"],char:"\u{1f647}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},bowing_man:{keywords:["man","male","boy"],char:"\u{1f647}",fitzpatrick_scale:!0,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],char:"\u{1f926}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],char:"\u{1f926}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],char:"\u{1f937}",fitzpatrick_scale:!0,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],char:"\u{1f937}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],char:"\u{1f481}",fitzpatrick_scale:!0,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],char:"\u{1f481}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],char:"\u{1f645}",fitzpatrick_scale:!0,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],char:"\u{1f645}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],char:"\u{1f646}",fitzpatrick_scale:!0,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],char:"\u{1f646}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],char:"\u{1f64b}",fitzpatrick_scale:!0,category:"people"},raising_hand_man:{keywords:["male","boy","man"],char:"\u{1f64b}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},pouting_woman:{keywords:["female","girl","woman"],char:"\u{1f64e}",fitzpatrick_scale:!0,category:"people"},pouting_man:{keywords:["male","boy","man"],char:"\u{1f64e}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],char:"\u{1f64d}",fitzpatrick_scale:!0,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],char:"\u{1f64d}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},haircut_woman:{keywords:["female","girl","woman"],char:"\u{1f487}",fitzpatrick_scale:!0,category:"people"},haircut_man:{keywords:["male","boy","man"],char:"\u{1f487}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],char:"\u{1f486}",fitzpatrick_scale:!0,category:"people"},massage_man:{keywords:["male","boy","man","head"],char:"\u{1f486}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],char:"\u{1f9d6}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],char:"\u{1f9d6}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"\u{1f491}",fitzpatrick_scale:!1,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"\u{1f469}\u200d\u2764\ufe0f\u200d\u{1f469}",fitzpatrick_scale:!1,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"\u{1f468}\u200d\u2764\ufe0f\u200d\u{1f468}",fitzpatrick_scale:!1,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:"\u{1f48f}",fitzpatrick_scale:!1,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:"\u{1f469}\u200d\u2764\ufe0f\u200d\u{1f48b}\u200d\u{1f469}",fitzpatrick_scale:!1,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],char:"\u{1f468}\u200d\u2764\ufe0f\u200d\u{1f48b}\u200d\u{1f468}",fitzpatrick_scale:!1,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],char:"\u{1f46a}",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],char:"\u{1f468}\u200d\u{1f469}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f469}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],char:"\u{1f469}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],char:"\u{1f469}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],char:"\u{1f469}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],char:"\u{1f469}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],char:"\u{1f469}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],char:"\u{1f468}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],char:"\u{1f468}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],char:"\u{1f468}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],char:"\u{1f468}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],char:"\u{1f468}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},yarn:{keywords:["ball","crochet","knit"],char:"\u{1f9f6}",fitzpatrick_scale:!1,category:"people"},thread:{keywords:["needle","sewing","spool","string"],char:"\u{1f9f5}",fitzpatrick_scale:!1,category:"people"},coat:{keywords:["jacket"],char:"\u{1f9e5}",fitzpatrick_scale:!1,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],char:"\u{1f97c}",fitzpatrick_scale:!1,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],char:"\u{1f45a}",fitzpatrick_scale:!1,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],char:"\u{1f455}",fitzpatrick_scale:!1,category:"people"},jeans:{keywords:["fashion","shopping"],char:"\u{1f456}",fitzpatrick_scale:!1,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],char:"\u{1f454}",fitzpatrick_scale:!1,category:"people"},dress:{keywords:["clothes","fashion","shopping"],char:"\u{1f457}",fitzpatrick_scale:!1,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],char:"\u{1f459}",fitzpatrick_scale:!1,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],char:"\u{1f458}",fitzpatrick_scale:!1,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],char:"\u{1f484}",fitzpatrick_scale:!1,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],char:"\u{1f48b}",fitzpatrick_scale:!1,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],char:"\u{1f463}",fitzpatrick_scale:!1,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],char:"\u{1f97f}",fitzpatrick_scale:!1,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],char:"\u{1f460}",fitzpatrick_scale:!1,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],char:"\u{1f461}",fitzpatrick_scale:!1,category:"people"},boot:{keywords:["shoes","fashion"],char:"\u{1f462}",fitzpatrick_scale:!1,category:"people"},mans_shoe:{keywords:["fashion","male"],char:"\u{1f45e}",fitzpatrick_scale:!1,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],char:"\u{1f45f}",fitzpatrick_scale:!1,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],char:"\u{1f97e}",fitzpatrick_scale:!1,category:"people"},socks:{keywords:["stockings","clothes"],char:"\u{1f9e6}",fitzpatrick_scale:!1,category:"people"},gloves:{keywords:["hands","winter","clothes"],char:"\u{1f9e4}",fitzpatrick_scale:!1,category:"people"},scarf:{keywords:["neck","winter","clothes"],char:"\u{1f9e3}",fitzpatrick_scale:!1,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],char:"\u{1f452}",fitzpatrick_scale:!1,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],char:"\u{1f3a9}",fitzpatrick_scale:!1,category:"people"},billed_hat:{keywords:["cap","baseball"],char:"\u{1f9e2}",fitzpatrick_scale:!1,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],char:"\u26d1",fitzpatrick_scale:!1,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],char:"\u{1f393}",fitzpatrick_scale:!1,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],char:"\u{1f451}",fitzpatrick_scale:!1,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],char:"\u{1f392}",fitzpatrick_scale:!1,category:"people"},luggage:{keywords:["packing","travel"],char:"\u{1f9f3}",fitzpatrick_scale:!1,category:"people"},pouch:{keywords:["bag","accessories","shopping"],char:"\u{1f45d}",fitzpatrick_scale:!1,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],char:"\u{1f45b}",fitzpatrick_scale:!1,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],char:"\u{1f45c}",fitzpatrick_scale:!1,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],char:"\u{1f4bc}",fitzpatrick_scale:!1,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],char:"\u{1f453}",fitzpatrick_scale:!1,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],char:"\u{1f576}",fitzpatrick_scale:!1,category:"people"},goggles:{keywords:["eyes","protection","safety"],char:"\u{1f97d}",fitzpatrick_scale:!1,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],char:"\u{1f48d}",fitzpatrick_scale:!1,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],char:"\u{1f302}",fitzpatrick_scale:!1,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],char:"\u{1f436}",fitzpatrick_scale:!1,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],char:"\u{1f431}",fitzpatrick_scale:!1,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],char:"\u{1f42d}",fitzpatrick_scale:!1,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],char:"\u{1f439}",fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],char:"\u{1f430}",fitzpatrick_scale:!1,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],char:"\u{1f98a}",fitzpatrick_scale:!1,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],char:"\u{1f43b}",fitzpatrick_scale:!1,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],char:"\u{1f43c}",fitzpatrick_scale:!1,category:"animals_and_nature"},koala:{keywords:["animal","nature"],char:"\u{1f428}",fitzpatrick_scale:!1,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],char:"\u{1f42f}",fitzpatrick_scale:!1,category:"animals_and_nature"},lion:{keywords:["animal","nature"],char:"\u{1f981}",fitzpatrick_scale:!1,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],char:"\u{1f42e}",fitzpatrick_scale:!1,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],char:"\u{1f437}",fitzpatrick_scale:!1,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],char:"\u{1f43d}",fitzpatrick_scale:!1,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],char:"\u{1f438}",fitzpatrick_scale:!1,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],char:"\u{1f991}",fitzpatrick_scale:!1,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],char:"\u{1f419}",fitzpatrick_scale:!1,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],char:"\u{1f990}",fitzpatrick_scale:!1,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],char:"\u{1f435}",fitzpatrick_scale:!1,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],char:"\u{1f98d}",fitzpatrick_scale:!1,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],char:"\u{1f648}",fitzpatrick_scale:!1,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],char:"\u{1f649}",fitzpatrick_scale:!1,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],char:"\u{1f64a}",fitzpatrick_scale:!1,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],char:"\u{1f412}",fitzpatrick_scale:!1,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],char:"\u{1f414}",fitzpatrick_scale:!1,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],char:"\u{1f427}",fitzpatrick_scale:!1,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],char:"\u{1f426}",fitzpatrick_scale:!1,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],char:"\u{1f424}",fitzpatrick_scale:!1,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],char:"\u{1f423}",fitzpatrick_scale:!1,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],char:"\u{1f425}",fitzpatrick_scale:!1,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],char:"\u{1f986}",fitzpatrick_scale:!1,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],char:"\u{1f985}",fitzpatrick_scale:!1,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],char:"\u{1f989}",fitzpatrick_scale:!1,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],char:"\u{1f987}",fitzpatrick_scale:!1,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],char:"\u{1f43a}",fitzpatrick_scale:!1,category:"animals_and_nature"},boar:{keywords:["animal","nature"],char:"\u{1f417}",fitzpatrick_scale:!1,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],char:"\u{1f434}",fitzpatrick_scale:!1,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],char:"\u{1f984}",fitzpatrick_scale:!1,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],char:"\u{1f41d}",fitzpatrick_scale:!1,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],char:"\u{1f41b}",fitzpatrick_scale:!1,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],char:"\u{1f98b}",fitzpatrick_scale:!1,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],char:"\u{1f40c}",fitzpatrick_scale:!1,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],char:"\u{1f41e}",fitzpatrick_scale:!1,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],char:"\u{1f41c}",fitzpatrick_scale:!1,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],char:"\u{1f997}",fitzpatrick_scale:!1,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],char:"\u{1f577}",fitzpatrick_scale:!1,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],char:"\u{1f982}",fitzpatrick_scale:!1,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],char:"\u{1f980}",fitzpatrick_scale:!1,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],char:"\u{1f40d}",fitzpatrick_scale:!1,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],char:"\u{1f98e}",fitzpatrick_scale:!1,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],char:"\u{1f996}",fitzpatrick_scale:!1,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],char:"\u{1f995}",fitzpatrick_scale:!1,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],char:"\u{1f422}",fitzpatrick_scale:!1,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],char:"\u{1f420}",fitzpatrick_scale:!1,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],char:"\u{1f41f}",fitzpatrick_scale:!1,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],char:"\u{1f421}",fitzpatrick_scale:!1,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],char:"\u{1f42c}",fitzpatrick_scale:!1,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],char:"\u{1f988}",fitzpatrick_scale:!1,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],char:"\u{1f433}",fitzpatrick_scale:!1,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],char:"\u{1f40b}",fitzpatrick_scale:!1,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],char:"\u{1f40a}",fitzpatrick_scale:!1,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],char:"\u{1f406}",fitzpatrick_scale:!1,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],char:"\u{1f993}",fitzpatrick_scale:!1,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],char:"\u{1f405}",fitzpatrick_scale:!1,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],char:"\u{1f403}",fitzpatrick_scale:!1,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],char:"\u{1f402}",fitzpatrick_scale:!1,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],char:"\u{1f404}",fitzpatrick_scale:!1,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],char:"\u{1f98c}",fitzpatrick_scale:!1,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],char:"\u{1f42a}",fitzpatrick_scale:!1,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],char:"\u{1f42b}",fitzpatrick_scale:!1,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],char:"\u{1f992}",fitzpatrick_scale:!1,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],char:"\u{1f418}",fitzpatrick_scale:!1,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],char:"\u{1f98f}",fitzpatrick_scale:!1,category:"animals_and_nature"},goat:{keywords:["animal","nature"],char:"\u{1f410}",fitzpatrick_scale:!1,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],char:"\u{1f40f}",fitzpatrick_scale:!1,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],char:"\u{1f411}",fitzpatrick_scale:!1,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],char:"\u{1f40e}",fitzpatrick_scale:!1,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],char:"\u{1f416}",fitzpatrick_scale:!1,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],char:"\u{1f400}",fitzpatrick_scale:!1,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],char:"\u{1f401}",fitzpatrick_scale:!1,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],char:"\u{1f413}",fitzpatrick_scale:!1,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],char:"\u{1f983}",fitzpatrick_scale:!1,category:"animals_and_nature"},dove:{keywords:["animal","bird"],char:"\u{1f54a}",fitzpatrick_scale:!1,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],char:"\u{1f415}",fitzpatrick_scale:!1,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],char:"\u{1f429}",fitzpatrick_scale:!1,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],char:"\u{1f408}",fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],char:"\u{1f407}",fitzpatrick_scale:!1,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],char:"\u{1f43f}",fitzpatrick_scale:!1,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],char:"\u{1f994}",fitzpatrick_scale:!1,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],char:"\u{1f99d}",fitzpatrick_scale:!1,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],char:"\u{1f999}",fitzpatrick_scale:!1,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],char:"\u{1f99b}",fitzpatrick_scale:!1,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],char:"\u{1f998}",fitzpatrick_scale:!1,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],char:"\u{1f9a1}",fitzpatrick_scale:!1,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],char:"\u{1f9a2}",fitzpatrick_scale:!1,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],char:"\u{1f99a}",fitzpatrick_scale:!1,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],char:"\u{1f99c}",fitzpatrick_scale:!1,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],char:"\u{1f99e}",fitzpatrick_scale:!1,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],char:"\u{1f99f}",fitzpatrick_scale:!1,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],char:"\u{1f43e}",fitzpatrick_scale:!1,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],char:"\u{1f409}",fitzpatrick_scale:!1,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],char:"\u{1f432}",fitzpatrick_scale:!1,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],char:"\u{1f335}",fitzpatrick_scale:!1,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],char:"\u{1f384}",fitzpatrick_scale:!1,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],char:"\u{1f332}",fitzpatrick_scale:!1,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],char:"\u{1f333}",fitzpatrick_scale:!1,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],char:"\u{1f334}",fitzpatrick_scale:!1,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],char:"\u{1f331}",fitzpatrick_scale:!1,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],char:"\u{1f33f}",fitzpatrick_scale:!1,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],char:"\u2618",fitzpatrick_scale:!1,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],char:"\u{1f340}",fitzpatrick_scale:!1,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],char:"\u{1f38d}",fitzpatrick_scale:!1,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],char:"\u{1f38b}",fitzpatrick_scale:!1,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],char:"\u{1f343}",fitzpatrick_scale:!1,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],char:"\u{1f342}",fitzpatrick_scale:!1,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],char:"\u{1f341}",fitzpatrick_scale:!1,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],char:"\u{1f33e}",fitzpatrick_scale:!1,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],char:"\u{1f33a}",fitzpatrick_scale:!1,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],char:"\u{1f33b}",fitzpatrick_scale:!1,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],char:"\u{1f339}",fitzpatrick_scale:!1,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],char:"\u{1f940}",fitzpatrick_scale:!1,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],char:"\u{1f337}",fitzpatrick_scale:!1,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],char:"\u{1f33c}",fitzpatrick_scale:!1,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],char:"\u{1f338}",fitzpatrick_scale:!1,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],char:"\u{1f490}",fitzpatrick_scale:!1,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],char:"\u{1f344}",fitzpatrick_scale:!1,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],char:"\u{1f330}",fitzpatrick_scale:!1,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],char:"\u{1f383}",fitzpatrick_scale:!1,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],char:"\u{1f41a}",fitzpatrick_scale:!1,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],char:"\u{1f578}",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],char:"\u{1f30e}",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],char:"\u{1f30d}",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],char:"\u{1f30f}",fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],char:"\u{1f315}",fitzpatrick_scale:!1,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],char:"\u{1f316}",fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f317}",fitzpatrick_scale:!1,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f318}",fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f311}",fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f312}",fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f313}",fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],char:"\u{1f314}",fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f31a}",fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f31d}",fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f31b}",fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f31c}",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],char:"\u{1f31e}",fitzpatrick_scale:!1,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],char:"\u{1f319}",fitzpatrick_scale:!1,category:"animals_and_nature"},star:{keywords:["night","yellow"],char:"\u2b50",fitzpatrick_scale:!1,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],char:"\u{1f31f}",fitzpatrick_scale:!1,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],char:"\u{1f4ab}",fitzpatrick_scale:!1,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],char:"\u2728",fitzpatrick_scale:!1,category:"animals_and_nature"},comet:{keywords:["space"],char:"\u2604",fitzpatrick_scale:!1,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],char:"\u2600\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],char:"\u{1f324}",fitzpatrick_scale:!1,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],char:"\u26c5",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],char:"\u{1f325}",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],char:"\u{1f326}",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],char:"\u2601\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],char:"\u{1f327}",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],char:"\u26c8",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],char:"\u{1f329}",fitzpatrick_scale:!1,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],char:"\u26a1",fitzpatrick_scale:!1,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],char:"\u{1f525}",fitzpatrick_scale:!1,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],char:"\u{1f4a5}",fitzpatrick_scale:!1,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],char:"\u2744\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],char:"\u{1f328}",fitzpatrick_scale:!1,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],char:"\u26c4",fitzpatrick_scale:!1,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],char:"\u2603",fitzpatrick_scale:!1,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],char:"\u{1f32c}",fitzpatrick_scale:!1,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],char:"\u{1f4a8}",fitzpatrick_scale:!1,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],char:"\u{1f32a}",fitzpatrick_scale:!1,category:"animals_and_nature"},fog:{keywords:["weather"],char:"\u{1f32b}",fitzpatrick_scale:!1,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],char:"\u2602",fitzpatrick_scale:!1,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],char:"\u2614",fitzpatrick_scale:!1,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],char:"\u{1f4a7}",fitzpatrick_scale:!1,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],char:"\u{1f4a6}",fitzpatrick_scale:!1,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],char:"\u{1f30a}",fitzpatrick_scale:!1,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],char:"\u{1f34f}",fitzpatrick_scale:!1,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],char:"\u{1f34e}",fitzpatrick_scale:!1,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],char:"\u{1f350}",fitzpatrick_scale:!1,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],char:"\u{1f34a}",fitzpatrick_scale:!1,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],char:"\u{1f34b}",fitzpatrick_scale:!1,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],char:"\u{1f34c}",fitzpatrick_scale:!1,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],char:"\u{1f349}",fitzpatrick_scale:!1,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],char:"\u{1f347}",fitzpatrick_scale:!1,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],char:"\u{1f353}",fitzpatrick_scale:!1,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],char:"\u{1f348}",fitzpatrick_scale:!1,category:"food_and_drink"},cherries:{keywords:["food","fruit"],char:"\u{1f352}",fitzpatrick_scale:!1,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],char:"\u{1f351}",fitzpatrick_scale:!1,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],char:"\u{1f34d}",fitzpatrick_scale:!1,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],char:"\u{1f965}",fitzpatrick_scale:!1,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],char:"\u{1f95d}",fitzpatrick_scale:!1,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],char:"\u{1f96d}",fitzpatrick_scale:!1,category:"food_and_drink"},avocado:{keywords:["fruit","food"],char:"\u{1f951}",fitzpatrick_scale:!1,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],char:"\u{1f966}",fitzpatrick_scale:!1,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],char:"\u{1f345}",fitzpatrick_scale:!1,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],char:"\u{1f346}",fitzpatrick_scale:!1,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],char:"\u{1f952}",fitzpatrick_scale:!1,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],char:"\u{1f955}",fitzpatrick_scale:!1,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],char:"\u{1f336}",fitzpatrick_scale:!1,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],char:"\u{1f954}",fitzpatrick_scale:!1,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],char:"\u{1f33d}",fitzpatrick_scale:!1,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],char:"\u{1f96c}",fitzpatrick_scale:!1,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],char:"\u{1f360}",fitzpatrick_scale:!1,category:"food_and_drink"},peanuts:{keywords:["food","nut"],char:"\u{1f95c}",fitzpatrick_scale:!1,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],char:"\u{1f36f}",fitzpatrick_scale:!1,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],char:"\u{1f950}",fitzpatrick_scale:!1,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],char:"\u{1f35e}",fitzpatrick_scale:!1,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],char:"\u{1f956}",fitzpatrick_scale:!1,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],char:"\u{1f96f}",fitzpatrick_scale:!1,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],char:"\u{1f968}",fitzpatrick_scale:!1,category:"food_and_drink"},cheese:{keywords:["food","chadder"],char:"\u{1f9c0}",fitzpatrick_scale:!1,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],char:"\u{1f95a}",fitzpatrick_scale:!1,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],char:"\u{1f953}",fitzpatrick_scale:!1,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],char:"\u{1f969}",fitzpatrick_scale:!1,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],char:"\u{1f95e}",fitzpatrick_scale:!1,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],char:"\u{1f357}",fitzpatrick_scale:!1,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],char:"\u{1f356}",fitzpatrick_scale:!1,category:"food_and_drink"},bone:{keywords:["skeleton"],char:"\u{1f9b4}",fitzpatrick_scale:!1,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],char:"\u{1f364}",fitzpatrick_scale:!1,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],char:"\u{1f373}",fitzpatrick_scale:!1,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],char:"\u{1f354}",fitzpatrick_scale:!1,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],char:"\u{1f35f}",fitzpatrick_scale:!1,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],char:"\u{1f959}",fitzpatrick_scale:!1,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],char:"\u{1f32d}",fitzpatrick_scale:!1,category:"food_and_drink"},pizza:{keywords:["food","party"],char:"\u{1f355}",fitzpatrick_scale:!1,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],char:"\u{1f96a}",fitzpatrick_scale:!1,category:"food_and_drink"},canned_food:{keywords:["food","soup"],char:"\u{1f96b}",fitzpatrick_scale:!1,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],char:"\u{1f35d}",fitzpatrick_scale:!1,category:"food_and_drink"},taco:{keywords:["food","mexican"],char:"\u{1f32e}",fitzpatrick_scale:!1,category:"food_and_drink"},burrito:{keywords:["food","mexican"],char:"\u{1f32f}",fitzpatrick_scale:!1,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],char:"\u{1f957}",fitzpatrick_scale:!1,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],char:"\u{1f958}",fitzpatrick_scale:!1,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],char:"\u{1f35c}",fitzpatrick_scale:!1,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],char:"\u{1f372}",fitzpatrick_scale:!1,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],char:"\u{1f365}",fitzpatrick_scale:!1,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],char:"\u{1f960}",fitzpatrick_scale:!1,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],char:"\u{1f363}",fitzpatrick_scale:!1,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],char:"\u{1f371}",fitzpatrick_scale:!1,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],char:"\u{1f35b}",fitzpatrick_scale:!1,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],char:"\u{1f359}",fitzpatrick_scale:!1,category:"food_and_drink"},rice:{keywords:["food","china","asian"],char:"\u{1f35a}",fitzpatrick_scale:!1,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],char:"\u{1f358}",fitzpatrick_scale:!1,category:"food_and_drink"},oden:{keywords:["food","japanese"],char:"\u{1f362}",fitzpatrick_scale:!1,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],char:"\u{1f361}",fitzpatrick_scale:!1,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],char:"\u{1f367}",fitzpatrick_scale:!1,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],char:"\u{1f368}",fitzpatrick_scale:!1,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],char:"\u{1f366}",fitzpatrick_scale:!1,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],char:"\u{1f967}",fitzpatrick_scale:!1,category:"food_and_drink"},cake:{keywords:["food","dessert"],char:"\u{1f370}",fitzpatrick_scale:!1,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],char:"\u{1f9c1}",fitzpatrick_scale:!1,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],char:"\u{1f96e}",fitzpatrick_scale:!1,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],char:"\u{1f382}",fitzpatrick_scale:!1,category:"food_and_drink"},custard:{keywords:["dessert","food"],char:"\u{1f36e}",fitzpatrick_scale:!1,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],char:"\u{1f36c}",fitzpatrick_scale:!1,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],char:"\u{1f36d}",fitzpatrick_scale:!1,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],char:"\u{1f36b}",fitzpatrick_scale:!1,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],char:"\u{1f37f}",fitzpatrick_scale:!1,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],char:"\u{1f95f}",fitzpatrick_scale:!1,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],char:"\u{1f369}",fitzpatrick_scale:!1,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],char:"\u{1f36a}",fitzpatrick_scale:!1,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],char:"\u{1f95b}",fitzpatrick_scale:!1,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:"\u{1f37a}",fitzpatrick_scale:!1,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:"\u{1f37b}",fitzpatrick_scale:!1,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],char:"\u{1f942}",fitzpatrick_scale:!1,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],char:"\u{1f377}",fitzpatrick_scale:!1,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],char:"\u{1f943}",fitzpatrick_scale:!1,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],char:"\u{1f378}",fitzpatrick_scale:!1,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],char:"\u{1f379}",fitzpatrick_scale:!1,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],char:"\u{1f37e}",fitzpatrick_scale:!1,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],char:"\u{1f376}",fitzpatrick_scale:!1,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],char:"\u{1f375}",fitzpatrick_scale:!1,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],char:"\u{1f964}",fitzpatrick_scale:!1,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],char:"\u2615",fitzpatrick_scale:!1,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],char:"\u{1f37c}",fitzpatrick_scale:!1,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],char:"\u{1f9c2}",fitzpatrick_scale:!1,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],char:"\u{1f944}",fitzpatrick_scale:!1,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],char:"\u{1f374}",fitzpatrick_scale:!1,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],char:"\u{1f37d}",fitzpatrick_scale:!1,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],char:"\u{1f963}",fitzpatrick_scale:!1,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],char:"\u{1f961}",fitzpatrick_scale:!1,category:"food_and_drink"},chopsticks:{keywords:["food"],char:"\u{1f962}",fitzpatrick_scale:!1,category:"food_and_drink"},soccer:{keywords:["sports","football"],char:"\u26bd",fitzpatrick_scale:!1,category:"activity"},basketball:{keywords:["sports","balls","NBA"],char:"\u{1f3c0}",fitzpatrick_scale:!1,category:"activity"},football:{keywords:["sports","balls","NFL"],char:"\u{1f3c8}",fitzpatrick_scale:!1,category:"activity"},baseball:{keywords:["sports","balls"],char:"\u26be",fitzpatrick_scale:!1,category:"activity"},softball:{keywords:["sports","balls"],char:"\u{1f94e}",fitzpatrick_scale:!1,category:"activity"},tennis:{keywords:["sports","balls","green"],char:"\u{1f3be}",fitzpatrick_scale:!1,category:"activity"},volleyball:{keywords:["sports","balls"],char:"\u{1f3d0}",fitzpatrick_scale:!1,category:"activity"},rugby_football:{keywords:["sports","team"],char:"\u{1f3c9}",fitzpatrick_scale:!1,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],char:"\u{1f94f}",fitzpatrick_scale:!1,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],char:"\u{1f3b1}",fitzpatrick_scale:!1,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],char:"\u26f3",fitzpatrick_scale:!1,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],char:"\u{1f3cc}\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"activity"},golfing_man:{keywords:["sports","business"],char:"\u{1f3cc}",fitzpatrick_scale:!0,category:"activity"},ping_pong:{keywords:["sports","pingpong"],char:"\u{1f3d3}",fitzpatrick_scale:!1,category:"activity"},badminton:{keywords:["sports"],char:"\u{1f3f8}",fitzpatrick_scale:!1,category:"activity"},goal_net:{keywords:["sports"],char:"\u{1f945}",fitzpatrick_scale:!1,category:"activity"},ice_hockey:{keywords:["sports"],char:"\u{1f3d2}",fitzpatrick_scale:!1,category:"activity"},field_hockey:{keywords:["sports"],char:"\u{1f3d1}",fitzpatrick_scale:!1,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],char:"\u{1f94d}",fitzpatrick_scale:!1,category:"activity"},cricket:{keywords:["sports"],char:"\u{1f3cf}",fitzpatrick_scale:!1,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],char:"\u{1f3bf}",fitzpatrick_scale:!1,category:"activity"},skier:{keywords:["sports","winter","snow"],char:"\u26f7",fitzpatrick_scale:!1,category:"activity"},snowboarder:{keywords:["sports","winter"],char:"\u{1f3c2}",fitzpatrick_scale:!0,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],char:"\u{1f93a}",fitzpatrick_scale:!1,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],char:"\u{1f93c}\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],char:"\u{1f93c}\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],char:"\u{1f938}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],char:"\u{1f938}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},woman_playing_handball:{keywords:["sports"],char:"\u{1f93e}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_playing_handball:{keywords:["sports"],char:"\u{1f93e}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},ice_skate:{keywords:["sports"],char:"\u26f8",fitzpatrick_scale:!1,category:"activity"},curling_stone:{keywords:["sports"],char:"\u{1f94c}",fitzpatrick_scale:!1,category:"activity"},skateboard:{keywords:["board"],char:"\u{1f6f9}",fitzpatrick_scale:!1,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],char:"\u{1f6f7}",fitzpatrick_scale:!1,category:"activity"},bow_and_arrow:{keywords:["sports"],char:"\u{1f3f9}",fitzpatrick_scale:!1,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],char:"\u{1f3a3}",fitzpatrick_scale:!1,category:"activity"},boxing_glove:{keywords:["sports","fighting"],char:"\u{1f94a}",fitzpatrick_scale:!1,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],char:"\u{1f94b}",fitzpatrick_scale:!1,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],char:"\u{1f6a3}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],char:"\u{1f6a3}",fitzpatrick_scale:!0,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],char:"\u{1f9d7}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],char:"\u{1f9d7}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],char:"\u{1f3ca}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],char:"\u{1f3ca}",fitzpatrick_scale:!0,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],char:"\u{1f93d}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],char:"\u{1f93d}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],char:"\u{1f9d8}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],char:"\u{1f9d8}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],char:"\u{1f3c4}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],char:"\u{1f3c4}",fitzpatrick_scale:!0,category:"activity"},bath:{keywords:["clean","shower","bathroom"],char:"\u{1f6c0}",fitzpatrick_scale:!0,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],char:"\u26f9\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},basketball_man:{keywords:["sports","human"],char:"\u26f9",fitzpatrick_scale:!0,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],char:"\u{1f3cb}\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],char:"\u{1f3cb}",fitzpatrick_scale:!0,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],char:"\u{1f6b4}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],char:"\u{1f6b4}",fitzpatrick_scale:!0,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],char:"\u{1f6b5}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],char:"\u{1f6b5}",fitzpatrick_scale:!0,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],char:"\u{1f3c7}",fitzpatrick_scale:!0,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],char:"\u{1f574}",fitzpatrick_scale:!0,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],char:"\u{1f3c6}",fitzpatrick_scale:!1,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],char:"\u{1f3bd}",fitzpatrick_scale:!1,category:"activity"},medal_sports:{keywords:["award","winning"],char:"\u{1f3c5}",fitzpatrick_scale:!1,category:"activity"},medal_military:{keywords:["award","winning","army"],char:"\u{1f396}",fitzpatrick_scale:!1,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],char:"\u{1f947}",fitzpatrick_scale:!1,category:"activity"},"2nd_place_medal":{keywords:["award","second"],char:"\u{1f948}",fitzpatrick_scale:!1,category:"activity"},"3rd_place_medal":{keywords:["award","third"],char:"\u{1f949}",fitzpatrick_scale:!1,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],char:"\u{1f397}",fitzpatrick_scale:!1,category:"activity"},rosette:{keywords:["flower","decoration","military"],char:"\u{1f3f5}",fitzpatrick_scale:!1,category:"activity"},ticket:{keywords:["event","concert","pass"],char:"\u{1f3ab}",fitzpatrick_scale:!1,category:"activity"},tickets:{keywords:["sports","concert","entrance"],char:"\u{1f39f}",fitzpatrick_scale:!1,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],char:"\u{1f3ad}",fitzpatrick_scale:!1,category:"activity"},art:{keywords:["design","paint","draw","colors"],char:"\u{1f3a8}",fitzpatrick_scale:!1,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],char:"\u{1f3aa}",fitzpatrick_scale:!1,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],char:"\u{1f939}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],char:"\u{1f939}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],char:"\u{1f3a4}",fitzpatrick_scale:!1,category:"activity"},headphones:{keywords:["music","score","gadgets"],char:"\u{1f3a7}",fitzpatrick_scale:!1,category:"activity"},musical_score:{keywords:["treble","clef","compose"],char:"\u{1f3bc}",fitzpatrick_scale:!1,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],char:"\u{1f3b9}",fitzpatrick_scale:!1,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],char:"\u{1f941}",fitzpatrick_scale:!1,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],char:"\u{1f3b7}",fitzpatrick_scale:!1,category:"activity"},trumpet:{keywords:["music","brass"],char:"\u{1f3ba}",fitzpatrick_scale:!1,category:"activity"},guitar:{keywords:["music","instrument"],char:"\u{1f3b8}",fitzpatrick_scale:!1,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],char:"\u{1f3bb}",fitzpatrick_scale:!1,category:"activity"},clapper:{keywords:["movie","film","record"],char:"\u{1f3ac}",fitzpatrick_scale:!1,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],char:"\u{1f3ae}",fitzpatrick_scale:!1,category:"activity"},space_invader:{keywords:["game","arcade","play"],char:"\u{1f47e}",fitzpatrick_scale:!1,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],char:"\u{1f3af}",fitzpatrick_scale:!1,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],char:"\u{1f3b2}",fitzpatrick_scale:!1,category:"activity"},chess_pawn:{keywords:["expendable"],char:"\u265f",fitzpatrick_scale:!1,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],char:"\u{1f3b0}",fitzpatrick_scale:!1,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],char:"\u{1f9e9}",fitzpatrick_scale:!1,category:"activity"},bowling:{keywords:["sports","fun","play"],char:"\u{1f3b3}",fitzpatrick_scale:!1,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],char:"\u{1f697}",fitzpatrick_scale:!1,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],char:"\u{1f695}",fitzpatrick_scale:!1,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],char:"\u{1f699}",fitzpatrick_scale:!1,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],char:"\u{1f68c}",fitzpatrick_scale:!1,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],char:"\u{1f68e}",fitzpatrick_scale:!1,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],char:"\u{1f3ce}",fitzpatrick_scale:!1,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],char:"\u{1f693}",fitzpatrick_scale:!1,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],char:"\u{1f691}",fitzpatrick_scale:!1,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],char:"\u{1f692}",fitzpatrick_scale:!1,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],char:"\u{1f690}",fitzpatrick_scale:!1,category:"travel_and_places"},truck:{keywords:["cars","transportation"],char:"\u{1f69a}",fitzpatrick_scale:!1,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],char:"\u{1f69b}",fitzpatrick_scale:!1,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],char:"\u{1f69c}",fitzpatrick_scale:!1,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],char:"\u{1f6f4}",fitzpatrick_scale:!1,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],char:"\u{1f3cd}",fitzpatrick_scale:!1,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],char:"\u{1f6b2}",fitzpatrick_scale:!1,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],char:"\u{1f6f5}",fitzpatrick_scale:!1,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],char:"\u{1f6a8}",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],char:"\u{1f694}",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],char:"\u{1f68d}",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],char:"\u{1f698}",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],char:"\u{1f696}",fitzpatrick_scale:!1,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],char:"\u{1f6a1}",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],char:"\u{1f6a0}",fitzpatrick_scale:!1,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],char:"\u{1f69f}",fitzpatrick_scale:!1,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],char:"\u{1f683}",fitzpatrick_scale:!1,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],char:"\u{1f68b}",fitzpatrick_scale:!1,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],char:"\u{1f69d}",fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],char:"\u{1f684}",fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],char:"\u{1f685}",fitzpatrick_scale:!1,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],char:"\u{1f688}",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],char:"\u{1f69e}",fitzpatrick_scale:!1,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],char:"\u{1f682}",fitzpatrick_scale:!1,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],char:"\u{1f686}",fitzpatrick_scale:!1,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],char:"\u{1f687}",fitzpatrick_scale:!1,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],char:"\u{1f68a}",fitzpatrick_scale:!1,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],char:"\u{1f689}",fitzpatrick_scale:!1,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],char:"\u{1f6f8}",fitzpatrick_scale:!1,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],char:"\u{1f681}",fitzpatrick_scale:!1,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],char:"\u{1f6e9}",fitzpatrick_scale:!1,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],char:"\u2708\ufe0f",fitzpatrick_scale:!1,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],char:"\u{1f6eb}",fitzpatrick_scale:!1,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],char:"\u{1f6ec}",fitzpatrick_scale:!1,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],char:"\u26f5",fitzpatrick_scale:!1,category:"travel_and_places"},motor_boat:{keywords:["ship"],char:"\u{1f6e5}",fitzpatrick_scale:!1,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],char:"\u{1f6a4}",fitzpatrick_scale:!1,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],char:"\u26f4",fitzpatrick_scale:!1,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],char:"\u{1f6f3}",fitzpatrick_scale:!1,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],char:"\u{1f680}",fitzpatrick_scale:!1,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],char:"\u{1f6f0}",fitzpatrick_scale:!1,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],char:"\u{1f4ba}",fitzpatrick_scale:!1,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],char:"\u{1f6f6}",fitzpatrick_scale:!1,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],char:"\u2693",fitzpatrick_scale:!1,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],char:"\u{1f6a7}",fitzpatrick_scale:!1,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],char:"\u26fd",fitzpatrick_scale:!1,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],char:"\u{1f68f}",fitzpatrick_scale:!1,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],char:"\u{1f6a6}",fitzpatrick_scale:!1,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],char:"\u{1f6a5}",fitzpatrick_scale:!1,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],char:"\u{1f3c1}",fitzpatrick_scale:!1,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],char:"\u{1f6a2}",fitzpatrick_scale:!1,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],char:"\u{1f3a1}",fitzpatrick_scale:!1,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],char:"\u{1f3a2}",fitzpatrick_scale:!1,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],char:"\u{1f3a0}",fitzpatrick_scale:!1,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],char:"\u{1f3d7}",fitzpatrick_scale:!1,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],char:"\u{1f301}",fitzpatrick_scale:!1,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],char:"\u{1f5fc}",fitzpatrick_scale:!1,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],char:"\u{1f3ed}",fitzpatrick_scale:!1,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],char:"\u26f2",fitzpatrick_scale:!1,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],char:"\u{1f391}",fitzpatrick_scale:!1,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],char:"\u26f0",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],char:"\u{1f3d4}",fitzpatrick_scale:!1,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],char:"\u{1f5fb}",fitzpatrick_scale:!1,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],char:"\u{1f30b}",fitzpatrick_scale:!1,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],char:"\u{1f5fe}",fitzpatrick_scale:!1,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],char:"\u{1f3d5}",fitzpatrick_scale:!1,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],char:"\u26fa",fitzpatrick_scale:!1,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],char:"\u{1f3de}",fitzpatrick_scale:!1,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],char:"\u{1f6e3}",fitzpatrick_scale:!1,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],char:"\u{1f6e4}",fitzpatrick_scale:!1,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],char:"\u{1f305}",fitzpatrick_scale:!1,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],char:"\u{1f304}",fitzpatrick_scale:!1,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],char:"\u{1f3dc}",fitzpatrick_scale:!1,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],char:"\u{1f3d6}",fitzpatrick_scale:!1,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],char:"\u{1f3dd}",fitzpatrick_scale:!1,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],char:"\u{1f307}",fitzpatrick_scale:!1,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],char:"\u{1f306}",fitzpatrick_scale:!1,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],char:"\u{1f3d9}",fitzpatrick_scale:!1,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],char:"\u{1f303}",fitzpatrick_scale:!1,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],char:"\u{1f309}",fitzpatrick_scale:!1,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],char:"\u{1f30c}",fitzpatrick_scale:!1,category:"travel_and_places"},stars:{keywords:["night","photo"],char:"\u{1f320}",fitzpatrick_scale:!1,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],char:"\u{1f387}",fitzpatrick_scale:!1,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],char:"\u{1f386}",fitzpatrick_scale:!1,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],char:"\u{1f308}",fitzpatrick_scale:!1,category:"travel_and_places"},houses:{keywords:["buildings","photo"],char:"\u{1f3d8}",fitzpatrick_scale:!1,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],char:"\u{1f3f0}",fitzpatrick_scale:!1,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],char:"\u{1f3ef}",fitzpatrick_scale:!1,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],char:"\u{1f3df}",fitzpatrick_scale:!1,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],char:"\u{1f5fd}",fitzpatrick_scale:!1,category:"travel_and_places"},house:{keywords:["building","home"],char:"\u{1f3e0}",fitzpatrick_scale:!1,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],char:"\u{1f3e1}",fitzpatrick_scale:!1,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],char:"\u{1f3da}",fitzpatrick_scale:!1,category:"travel_and_places"},office:{keywords:["building","bureau","work"],char:"\u{1f3e2}",fitzpatrick_scale:!1,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],char:"\u{1f3ec}",fitzpatrick_scale:!1,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],char:"\u{1f3e3}",fitzpatrick_scale:!1,category:"travel_and_places"},european_post_office:{keywords:["building","email"],char:"\u{1f3e4}",fitzpatrick_scale:!1,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],char:"\u{1f3e5}",fitzpatrick_scale:!1,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],char:"\u{1f3e6}",fitzpatrick_scale:!1,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],char:"\u{1f3e8}",fitzpatrick_scale:!1,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],char:"\u{1f3ea}",fitzpatrick_scale:!1,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],char:"\u{1f3eb}",fitzpatrick_scale:!1,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],char:"\u{1f3e9}",fitzpatrick_scale:!1,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],char:"\u{1f492}",fitzpatrick_scale:!1,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],char:"\u{1f3db}",fitzpatrick_scale:!1,category:"travel_and_places"},church:{keywords:["building","religion","christ"],char:"\u26ea",fitzpatrick_scale:!1,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],char:"\u{1f54c}",fitzpatrick_scale:!1,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],char:"\u{1f54d}",fitzpatrick_scale:!1,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],char:"\u{1f54b}",fitzpatrick_scale:!1,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],char:"\u26e9",fitzpatrick_scale:!1,category:"travel_and_places"},watch:{keywords:["time","accessories"],char:"\u231a",fitzpatrick_scale:!1,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],char:"\u{1f4f1}",fitzpatrick_scale:!1,category:"objects"},calling:{keywords:["iphone","incoming"],char:"\u{1f4f2}",fitzpatrick_scale:!1,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],char:"\u{1f4bb}",fitzpatrick_scale:!1,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],char:"\u2328",fitzpatrick_scale:!1,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],char:"\u{1f5a5}",fitzpatrick_scale:!1,category:"objects"},printer:{keywords:["paper","ink"],char:"\u{1f5a8}",fitzpatrick_scale:!1,category:"objects"},computer_mouse:{keywords:["click"],char:"\u{1f5b1}",fitzpatrick_scale:!1,category:"objects"},trackball:{keywords:["technology","trackpad"],char:"\u{1f5b2}",fitzpatrick_scale:!1,category:"objects"},joystick:{keywords:["game","play"],char:"\u{1f579}",fitzpatrick_scale:!1,category:"objects"},clamp:{keywords:["tool"],char:"\u{1f5dc}",fitzpatrick_scale:!1,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],char:"\u{1f4bd}",fitzpatrick_scale:!1,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],char:"\u{1f4be}",fitzpatrick_scale:!1,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],char:"\u{1f4bf}",fitzpatrick_scale:!1,category:"objects"},dvd:{keywords:["cd","disk","disc"],char:"\u{1f4c0}",fitzpatrick_scale:!1,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],char:"\u{1f4fc}",fitzpatrick_scale:!1,category:"objects"},camera:{keywords:["gadgets","photography"],char:"\u{1f4f7}",fitzpatrick_scale:!1,category:"objects"},camera_flash:{keywords:["photography","gadgets"],char:"\u{1f4f8}",fitzpatrick_scale:!1,category:"objects"},video_camera:{keywords:["film","record"],char:"\u{1f4f9}",fitzpatrick_scale:!1,category:"objects"},movie_camera:{keywords:["film","record"],char:"\u{1f3a5}",fitzpatrick_scale:!1,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],char:"\u{1f4fd}",fitzpatrick_scale:!1,category:"objects"},film_strip:{keywords:["movie"],char:"\u{1f39e}",fitzpatrick_scale:!1,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],char:"\u{1f4de}",fitzpatrick_scale:!1,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],char:"\u260e\ufe0f",fitzpatrick_scale:!1,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],char:"\u{1f4df}",fitzpatrick_scale:!1,category:"objects"},fax:{keywords:["communication","technology"],char:"\u{1f4e0}",fitzpatrick_scale:!1,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],char:"\u{1f4fa}",fitzpatrick_scale:!1,category:"objects"},radio:{keywords:["communication","music","podcast","program"],char:"\u{1f4fb}",fitzpatrick_scale:!1,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],char:"\u{1f399}",fitzpatrick_scale:!1,category:"objects"},level_slider:{keywords:["scale"],char:"\u{1f39a}",fitzpatrick_scale:!1,category:"objects"},control_knobs:{keywords:["dial"],char:"\u{1f39b}",fitzpatrick_scale:!1,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],char:"\u{1f9ed}",fitzpatrick_scale:!1,category:"objects"},stopwatch:{keywords:["time","deadline"],char:"\u23f1",fitzpatrick_scale:!1,category:"objects"},timer_clock:{keywords:["alarm"],char:"\u23f2",fitzpatrick_scale:!1,category:"objects"},alarm_clock:{keywords:["time","wake"],char:"\u23f0",fitzpatrick_scale:!1,category:"objects"},mantelpiece_clock:{keywords:["time"],char:"\u{1f570}",fitzpatrick_scale:!1,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],char:"\u23f3",fitzpatrick_scale:!1,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],char:"\u231b",fitzpatrick_scale:!1,category:"objects"},satellite:{keywords:["communication","future","radio","space"],char:"\u{1f4e1}",fitzpatrick_scale:!1,category:"objects"},battery:{keywords:["power","energy","sustain"],char:"\u{1f50b}",fitzpatrick_scale:!1,category:"objects"},electric_plug:{keywords:["charger","power"],char:"\u{1f50c}",fitzpatrick_scale:!1,category:"objects"},bulb:{keywords:["light","electricity","idea"],char:"\u{1f4a1}",fitzpatrick_scale:!1,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],char:"\u{1f526}",fitzpatrick_scale:!1,category:"objects"},candle:{keywords:["fire","wax"],char:"\u{1f56f}",fitzpatrick_scale:!1,category:"objects"},fire_extinguisher:{keywords:["quench"],char:"\u{1f9ef}",fitzpatrick_scale:!1,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],char:"\u{1f5d1}",fitzpatrick_scale:!1,category:"objects"},oil_drum:{keywords:["barrell"],char:"\u{1f6e2}",fitzpatrick_scale:!1,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],char:"\u{1f4b8}",fitzpatrick_scale:!1,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],char:"\u{1f4b5}",fitzpatrick_scale:!1,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],char:"\u{1f4b4}",fitzpatrick_scale:!1,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],char:"\u{1f4b6}",fitzpatrick_scale:!1,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],char:"\u{1f4b7}",fitzpatrick_scale:!1,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],char:"\u{1f4b0}",fitzpatrick_scale:!1,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],char:"\u{1f4b3}",fitzpatrick_scale:!1,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],char:"\u{1f48e}",fitzpatrick_scale:!1,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],char:"\u2696",fitzpatrick_scale:!1,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],char:"\u{1f9f0}",fitzpatrick_scale:!1,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],char:"\u{1f527}",fitzpatrick_scale:!1,category:"objects"},hammer:{keywords:["tools","build","create"],char:"\u{1f528}",fitzpatrick_scale:!1,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],char:"\u2692",fitzpatrick_scale:!1,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],char:"\u{1f6e0}",fitzpatrick_scale:!1,category:"objects"},pick:{keywords:["tools","dig"],char:"\u26cf",fitzpatrick_scale:!1,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],char:"\u{1f529}",fitzpatrick_scale:!1,category:"objects"},gear:{keywords:["cog"],char:"\u2699",fitzpatrick_scale:!1,category:"objects"},brick:{keywords:["bricks"],char:"\u{1f9f1}",fitzpatrick_scale:!1,category:"objects"},chains:{keywords:["lock","arrest"],char:"\u26d3",fitzpatrick_scale:!1,category:"objects"},magnet:{keywords:["attraction","magnetic"],char:"\u{1f9f2}",fitzpatrick_scale:!1,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],char:"\u{1f52b}",fitzpatrick_scale:!1,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],char:"\u{1f4a3}",fitzpatrick_scale:!1,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],char:"\u{1f9e8}",fitzpatrick_scale:!1,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],char:"\u{1f52a}",fitzpatrick_scale:!1,category:"objects"},dagger:{keywords:["weapon"],char:"\u{1f5e1}",fitzpatrick_scale:!1,category:"objects"},crossed_swords:{keywords:["weapon"],char:"\u2694",fitzpatrick_scale:!1,category:"objects"},shield:{keywords:["protection","security"],char:"\u{1f6e1}",fitzpatrick_scale:!1,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],char:"\u{1f6ac}",fitzpatrick_scale:!1,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],char:"\u2620",fitzpatrick_scale:!1,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],char:"\u26b0",fitzpatrick_scale:!1,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],char:"\u26b1",fitzpatrick_scale:!1,category:"objects"},amphora:{keywords:["vase","jar"],char:"\u{1f3fa}",fitzpatrick_scale:!1,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],char:"\u{1f52e}",fitzpatrick_scale:!1,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],char:"\u{1f4ff}",fitzpatrick_scale:!1,category:"objects"},nazar_amulet:{keywords:["bead","charm"],char:"\u{1f9ff}",fitzpatrick_scale:!1,category:"objects"},barber:{keywords:["hair","salon","style"],char:"\u{1f488}",fitzpatrick_scale:!1,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],char:"\u2697",fitzpatrick_scale:!1,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],char:"\u{1f52d}",fitzpatrick_scale:!1,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],char:"\u{1f52c}",fitzpatrick_scale:!1,category:"objects"},hole:{keywords:["embarrassing"],char:"\u{1f573}",fitzpatrick_scale:!1,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],char:"\u{1f48a}",fitzpatrick_scale:!1,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],char:"\u{1f489}",fitzpatrick_scale:!1,category:"objects"},dna:{keywords:["biologist","genetics","life"],char:"\u{1f9ec}",fitzpatrick_scale:!1,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],char:"\u{1f9a0}",fitzpatrick_scale:!1,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],char:"\u{1f9eb}",fitzpatrick_scale:!1,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],char:"\u{1f9ea}",fitzpatrick_scale:!1,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],char:"\u{1f321}",fitzpatrick_scale:!1,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],char:"\u{1f9f9}",fitzpatrick_scale:!1,category:"objects"},basket:{keywords:["laundry"],char:"\u{1f9fa}",fitzpatrick_scale:!1,category:"objects"},toilet_paper:{keywords:["roll"],char:"\u{1f9fb}",fitzpatrick_scale:!1,category:"objects"},label:{keywords:["sale","tag"],char:"\u{1f3f7}",fitzpatrick_scale:!1,category:"objects"},bookmark:{keywords:["favorite","label","save"],char:"\u{1f516}",fitzpatrick_scale:!1,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],char:"\u{1f6bd}",fitzpatrick_scale:!1,category:"objects"},shower:{keywords:["clean","water","bathroom"],char:"\u{1f6bf}",fitzpatrick_scale:!1,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],char:"\u{1f6c1}",fitzpatrick_scale:!1,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],char:"\u{1f9fc}",fitzpatrick_scale:!1,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],char:"\u{1f9fd}",fitzpatrick_scale:!1,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],char:"\u{1f9f4}",fitzpatrick_scale:!1,category:"objects"},key:{keywords:["lock","door","password"],char:"\u{1f511}",fitzpatrick_scale:!1,category:"objects"},old_key:{keywords:["lock","door","password"],char:"\u{1f5dd}",fitzpatrick_scale:!1,category:"objects"},couch_and_lamp:{keywords:["read","chill"],char:"\u{1f6cb}",fitzpatrick_scale:!1,category:"objects"},sleeping_bed:{keywords:["bed","rest"],char:"\u{1f6cc}",fitzpatrick_scale:!0,category:"objects"},bed:{keywords:["sleep","rest"],char:"\u{1f6cf}",fitzpatrick_scale:!1,category:"objects"},door:{keywords:["house","entry","exit"],char:"\u{1f6aa}",fitzpatrick_scale:!1,category:"objects"},bellhop_bell:{keywords:["service"],char:"\u{1f6ce}",fitzpatrick_scale:!1,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],char:"\u{1f9f8}",fitzpatrick_scale:!1,category:"objects"},framed_picture:{keywords:["photography"],char:"\u{1f5bc}",fitzpatrick_scale:!1,category:"objects"},world_map:{keywords:["location","direction"],char:"\u{1f5fa}",fitzpatrick_scale:!1,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],char:"\u26f1",fitzpatrick_scale:!1,category:"objects"},moyai:{keywords:["rock","easter island","moai"],char:"\u{1f5ff}",fitzpatrick_scale:!1,category:"objects"},shopping:{keywords:["mall","buy","purchase"],char:"\u{1f6cd}",fitzpatrick_scale:!1,category:"objects"},shopping_cart:{keywords:["trolley"],char:"\u{1f6d2}",fitzpatrick_scale:!1,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],char:"\u{1f388}",fitzpatrick_scale:!1,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],char:"\u{1f38f}",fitzpatrick_scale:!1,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],char:"\u{1f380}",fitzpatrick_scale:!1,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],char:"\u{1f381}",fitzpatrick_scale:!1,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],char:"\u{1f38a}",fitzpatrick_scale:!1,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],char:"\u{1f389}",fitzpatrick_scale:!1,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],char:"\u{1f38e}",fitzpatrick_scale:!1,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],char:"\u{1f390}",fitzpatrick_scale:!1,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],char:"\u{1f38c}",fitzpatrick_scale:!1,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],char:"\u{1f3ee}",fitzpatrick_scale:!1,category:"objects"},red_envelope:{keywords:["gift"],char:"\u{1f9e7}",fitzpatrick_scale:!1,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],char:"\u2709\ufe0f",fitzpatrick_scale:!1,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],char:"\u{1f4e9}",fitzpatrick_scale:!1,category:"objects"},incoming_envelope:{keywords:["email","inbox"],char:"\u{1f4e8}",fitzpatrick_scale:!1,category:"objects"},"e-mail":{keywords:["communication","inbox"],char:"\u{1f4e7}",fitzpatrick_scale:!1,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],char:"\u{1f48c}",fitzpatrick_scale:!1,category:"objects"},postbox:{keywords:["email","letter","envelope"],char:"\u{1f4ee}",fitzpatrick_scale:!1,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],char:"\u{1f4ea}",fitzpatrick_scale:!1,category:"objects"},mailbox:{keywords:["email","inbox","communication"],char:"\u{1f4eb}",fitzpatrick_scale:!1,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],char:"\u{1f4ec}",fitzpatrick_scale:!1,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],char:"\u{1f4ed}",fitzpatrick_scale:!1,category:"objects"},package:{keywords:["mail","gift","cardboard","box","moving"],char:"\u{1f4e6}",fitzpatrick_scale:!1,category:"objects"},postal_horn:{keywords:["instrument","music"],char:"\u{1f4ef}",fitzpatrick_scale:!1,category:"objects"},inbox_tray:{keywords:["email","documents"],char:"\u{1f4e5}",fitzpatrick_scale:!1,category:"objects"},outbox_tray:{keywords:["inbox","email"],char:"\u{1f4e4}",fitzpatrick_scale:!1,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],char:"\u{1f4dc}",fitzpatrick_scale:!1,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],char:"\u{1f4c3}",fitzpatrick_scale:!1,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],char:"\u{1f4d1}",fitzpatrick_scale:!1,category:"objects"},receipt:{keywords:["accounting","expenses"],char:"\u{1f9fe}",fitzpatrick_scale:!1,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],char:"\u{1f4ca}",fitzpatrick_scale:!1,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],char:"\u{1f4c8}",fitzpatrick_scale:!1,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],char:"\u{1f4c9}",fitzpatrick_scale:!1,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],char:"\u{1f4c4}",fitzpatrick_scale:!1,category:"objects"},date:{keywords:["calendar","schedule"],char:"\u{1f4c5}",fitzpatrick_scale:!1,category:"objects"},calendar:{keywords:["schedule","date","planning"],char:"\u{1f4c6}",fitzpatrick_scale:!1,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],char:"\u{1f5d3}",fitzpatrick_scale:!1,category:"objects"},card_index:{keywords:["business","stationery"],char:"\u{1f4c7}",fitzpatrick_scale:!1,category:"objects"},card_file_box:{keywords:["business","stationery"],char:"\u{1f5c3}",fitzpatrick_scale:!1,category:"objects"},ballot_box:{keywords:["election","vote"],char:"\u{1f5f3}",fitzpatrick_scale:!1,category:"objects"},file_cabinet:{keywords:["filing","organizing"],char:"\u{1f5c4}",fitzpatrick_scale:!1,category:"objects"},clipboard:{keywords:["stationery","documents"],char:"\u{1f4cb}",fitzpatrick_scale:!1,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],char:"\u{1f5d2}",fitzpatrick_scale:!1,category:"objects"},file_folder:{keywords:["documents","business","office"],char:"\u{1f4c1}",fitzpatrick_scale:!1,category:"objects"},open_file_folder:{keywords:["documents","load"],char:"\u{1f4c2}",fitzpatrick_scale:!1,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],char:"\u{1f5c2}",fitzpatrick_scale:!1,category:"objects"},newspaper_roll:{keywords:["press","headline"],char:"\u{1f5de}",fitzpatrick_scale:!1,category:"objects"},newspaper:{keywords:["press","headline"],char:"\u{1f4f0}",fitzpatrick_scale:!1,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],char:"\u{1f4d3}",fitzpatrick_scale:!1,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],char:"\u{1f4d5}",fitzpatrick_scale:!1,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],char:"\u{1f4d7}",fitzpatrick_scale:!1,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],char:"\u{1f4d8}",fitzpatrick_scale:!1,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],char:"\u{1f4d9}",fitzpatrick_scale:!1,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],char:"\u{1f4d4}",fitzpatrick_scale:!1,category:"objects"},ledger:{keywords:["notes","paper"],char:"\u{1f4d2}",fitzpatrick_scale:!1,category:"objects"},books:{keywords:["literature","library","study"],char:"\u{1f4da}",fitzpatrick_scale:!1,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],char:"\u{1f4d6}",fitzpatrick_scale:!1,category:"objects"},safety_pin:{keywords:["diaper"],char:"\u{1f9f7}",fitzpatrick_scale:!1,category:"objects"},link:{keywords:["rings","url"],char:"\u{1f517}",fitzpatrick_scale:!1,category:"objects"},paperclip:{keywords:["documents","stationery"],char:"\u{1f4ce}",fitzpatrick_scale:!1,category:"objects"},paperclips:{keywords:["documents","stationery"],char:"\u{1f587}",fitzpatrick_scale:!1,category:"objects"},scissors:{keywords:["stationery","cut"],char:"\u2702\ufe0f",fitzpatrick_scale:!1,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],char:"\u{1f4d0}",fitzpatrick_scale:!1,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],char:"\u{1f4cf}",fitzpatrick_scale:!1,category:"objects"},abacus:{keywords:["calculation"],char:"\u{1f9ee}",fitzpatrick_scale:!1,category:"objects"},pushpin:{keywords:["stationery","mark","here"],char:"\u{1f4cc}",fitzpatrick_scale:!1,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],char:"\u{1f4cd}",fitzpatrick_scale:!1,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],char:"\u{1f6a9}",fitzpatrick_scale:!1,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],char:"\u{1f3f3}",fitzpatrick_scale:!1,category:"objects"},black_flag:{keywords:["pirate"],char:"\u{1f3f4}",fitzpatrick_scale:!1,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],char:"\u{1f3f3}\ufe0f\u200d\u{1f308}",fitzpatrick_scale:!1,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],char:"\u{1f510}",fitzpatrick_scale:!1,category:"objects"},lock:{keywords:["security","password","padlock"],char:"\u{1f512}",fitzpatrick_scale:!1,category:"objects"},unlock:{keywords:["privacy","security"],char:"\u{1f513}",fitzpatrick_scale:!1,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],char:"\u{1f50f}",fitzpatrick_scale:!1,category:"objects"},pen:{keywords:["stationery","writing","write"],char:"\u{1f58a}",fitzpatrick_scale:!1,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],char:"\u{1f58b}",fitzpatrick_scale:!1,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],char:"\u2712\ufe0f",fitzpatrick_scale:!1,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],char:"\u{1f4dd}",fitzpatrick_scale:!1,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],char:"\u270f\ufe0f",fitzpatrick_scale:!1,category:"objects"},crayon:{keywords:["drawing","creativity"],char:"\u{1f58d}",fitzpatrick_scale:!1,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],char:"\u{1f58c}",fitzpatrick_scale:!1,category:"objects"},mag:{keywords:["search","zoom","find","detective"],char:"\u{1f50d}",fitzpatrick_scale:!1,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],char:"\u{1f50e}",fitzpatrick_scale:!1,category:"objects"},heart:{keywords:["love","like","valentines"],char:"\u2764\ufe0f",fitzpatrick_scale:!1,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f9e1}",fitzpatrick_scale:!1,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f49b}",fitzpatrick_scale:!1,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f49a}",fitzpatrick_scale:!1,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f499}",fitzpatrick_scale:!1,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f49c}",fitzpatrick_scale:!1,category:"symbols"},black_heart:{keywords:["evil"],char:"\u{1f5a4}",fitzpatrick_scale:!1,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],char:"\u{1f494}",fitzpatrick_scale:!1,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],char:"\u2763",fitzpatrick_scale:!1,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],char:"\u{1f495}",fitzpatrick_scale:!1,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],char:"\u{1f49e}",fitzpatrick_scale:!1,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],char:"\u{1f493}",fitzpatrick_scale:!1,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],char:"\u{1f497}",fitzpatrick_scale:!1,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f496}",fitzpatrick_scale:!1,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],char:"\u{1f498}",fitzpatrick_scale:!1,category:"symbols"},gift_heart:{keywords:["love","valentines"],char:"\u{1f49d}",fitzpatrick_scale:!1,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],char:"\u{1f49f}",fitzpatrick_scale:!1,category:"symbols"},peace_symbol:{keywords:["hippie"],char:"\u262e",fitzpatrick_scale:!1,category:"symbols"},latin_cross:{keywords:["christianity"],char:"\u271d",fitzpatrick_scale:!1,category:"symbols"},star_and_crescent:{keywords:["islam"],char:"\u262a",fitzpatrick_scale:!1,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],char:"\u{1f549}",fitzpatrick_scale:!1,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],char:"\u2638",fitzpatrick_scale:!1,category:"symbols"},star_of_david:{keywords:["judaism"],char:"\u2721",fitzpatrick_scale:!1,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],char:"\u{1f52f}",fitzpatrick_scale:!1,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],char:"\u{1f54e}",fitzpatrick_scale:!1,category:"symbols"},yin_yang:{keywords:["balance"],char:"\u262f",fitzpatrick_scale:!1,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],char:"\u2626",fitzpatrick_scale:!1,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],char:"\u{1f6d0}",fitzpatrick_scale:!1,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],char:"\u26ce",fitzpatrick_scale:!1,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],char:"\u2648",fitzpatrick_scale:!1,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],char:"\u2649",fitzpatrick_scale:!1,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u264a",fitzpatrick_scale:!1,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u264b",fitzpatrick_scale:!1,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],char:"\u264c",fitzpatrick_scale:!1,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u264d",fitzpatrick_scale:!1,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],char:"\u264e",fitzpatrick_scale:!1,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],char:"\u264f",fitzpatrick_scale:!1,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u2650",fitzpatrick_scale:!1,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u2651",fitzpatrick_scale:!1,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],char:"\u2652",fitzpatrick_scale:!1,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],char:"\u2653",fitzpatrick_scale:!1,category:"symbols"},id:{keywords:["purple-square","words"],char:"\u{1f194}",fitzpatrick_scale:!1,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],char:"\u269b",fitzpatrick_scale:!1,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],char:"\u{1f233}",fitzpatrick_scale:!1,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],char:"\u{1f239}",fitzpatrick_scale:!1,category:"symbols"},radioactive:{keywords:["nuclear","danger"],char:"\u2622",fitzpatrick_scale:!1,category:"symbols"},biohazard:{keywords:["danger"],char:"\u2623",fitzpatrick_scale:!1,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],char:"\u{1f4f4}",fitzpatrick_scale:!1,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],char:"\u{1f4f3}",fitzpatrick_scale:!1,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],char:"\u{1f236}",fitzpatrick_scale:!1,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],char:"\u{1f21a}",fitzpatrick_scale:!1,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],char:"\u{1f238}",fitzpatrick_scale:!1,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],char:"\u{1f23a}",fitzpatrick_scale:!1,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],char:"\u{1f237}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],char:"\u2734\ufe0f",fitzpatrick_scale:!1,category:"symbols"},vs:{keywords:["words","orange-square"],char:"\u{1f19a}",fitzpatrick_scale:!1,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],char:"\u{1f251}",fitzpatrick_scale:!1,category:"symbols"},white_flower:{keywords:["japanese","spring"],char:"\u{1f4ae}",fitzpatrick_scale:!1,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],char:"\u{1f250}",fitzpatrick_scale:!1,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],char:"\u3299\ufe0f",fitzpatrick_scale:!1,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],char:"\u3297\ufe0f",fitzpatrick_scale:!1,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],char:"\u{1f234}",fitzpatrick_scale:!1,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],char:"\u{1f235}",fitzpatrick_scale:!1,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],char:"\u{1f232}",fitzpatrick_scale:!1,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],char:"\u{1f170}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],char:"\u{1f171}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},ab:{keywords:["red-square","alphabet"],char:"\u{1f18e}",fitzpatrick_scale:!1,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],char:"\u{1f191}",fitzpatrick_scale:!1,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],char:"\u{1f17e}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],char:"\u{1f198}",fitzpatrick_scale:!1,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],char:"\u26d4",fitzpatrick_scale:!1,category:"symbols"},name_badge:{keywords:["fire","forbid"],char:"\u{1f4db}",fitzpatrick_scale:!1,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],char:"\u{1f6ab}",fitzpatrick_scale:!1,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],char:"\u274c",fitzpatrick_scale:!1,category:"symbols"},o:{keywords:["circle","round"],char:"\u2b55",fitzpatrick_scale:!1,category:"symbols"},stop_sign:{keywords:["stop"],char:"\u{1f6d1}",fitzpatrick_scale:!1,category:"symbols"},anger:{keywords:["angry","mad"],char:"\u{1f4a2}",fitzpatrick_scale:!1,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],char:"\u2668\ufe0f",fitzpatrick_scale:!1,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],char:"\u{1f6b7}",fitzpatrick_scale:!1,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],char:"\u{1f6af}",fitzpatrick_scale:!1,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],char:"\u{1f6b3}",fitzpatrick_scale:!1,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],char:"\u{1f6b1}",fitzpatrick_scale:!1,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],char:"\u{1f51e}",fitzpatrick_scale:!1,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],char:"\u{1f4f5}",fitzpatrick_scale:!1,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],char:"\u2757",fitzpatrick_scale:!1,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],char:"\u2755",fitzpatrick_scale:!1,category:"symbols"},question:{keywords:["doubt","confused"],char:"\u2753",fitzpatrick_scale:!1,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],char:"\u2754",fitzpatrick_scale:!1,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],char:"\u203c\ufe0f",fitzpatrick_scale:!1,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],char:"\u2049\ufe0f",fitzpatrick_scale:!1,category:"symbols"},100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],char:"\u{1f4af}",fitzpatrick_scale:!1,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],char:"\u{1f505}",fitzpatrick_scale:!1,category:"symbols"},high_brightness:{keywords:["sun","light"],char:"\u{1f506}",fitzpatrick_scale:!1,category:"symbols"},trident:{keywords:["weapon","spear"],char:"\u{1f531}",fitzpatrick_scale:!1,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],char:"\u269c",fitzpatrick_scale:!1,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],char:"\u303d\ufe0f",fitzpatrick_scale:!1,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],char:"\u26a0\ufe0f",fitzpatrick_scale:!1,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],char:"\u{1f6b8}",fitzpatrick_scale:!1,category:"symbols"},beginner:{keywords:["badge","shield"],char:"\u{1f530}",fitzpatrick_scale:!1,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],char:"\u267b\ufe0f",fitzpatrick_scale:!1,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],char:"\u{1f22f}",fitzpatrick_scale:!1,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],char:"\u{1f4b9}",fitzpatrick_scale:!1,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],char:"\u2747\ufe0f",fitzpatrick_scale:!1,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],char:"\u2733\ufe0f",fitzpatrick_scale:!1,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],char:"\u274e",fitzpatrick_scale:!1,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],char:"\u2705",fitzpatrick_scale:!1,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],char:"\u{1f4a0}",fitzpatrick_scale:!1,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],char:"\u{1f300}",fitzpatrick_scale:!1,category:"symbols"},loop:{keywords:["tape","cassette"],char:"\u27bf",fitzpatrick_scale:!1,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],char:"\u{1f310}",fitzpatrick_scale:!1,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],char:"\u24c2\ufe0f",fitzpatrick_scale:!1,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],char:"\u{1f3e7}",fitzpatrick_scale:!1,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],char:"\u{1f202}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},passport_control:{keywords:["custom","blue-square"],char:"\u{1f6c2}",fitzpatrick_scale:!1,category:"symbols"},customs:{keywords:["passport","border","blue-square"],char:"\u{1f6c3}",fitzpatrick_scale:!1,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],char:"\u{1f6c4}",fitzpatrick_scale:!1,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],char:"\u{1f6c5}",fitzpatrick_scale:!1,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],char:"\u267f",fitzpatrick_scale:!1,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],char:"\u{1f6ad}",fitzpatrick_scale:!1,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],char:"\u{1f6be}",fitzpatrick_scale:!1,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],char:"\u{1f17f}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],char:"\u{1f6b0}",fitzpatrick_scale:!1,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],char:"\u{1f6b9}",fitzpatrick_scale:!1,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],char:"\u{1f6ba}",fitzpatrick_scale:!1,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],char:"\u{1f6bc}",fitzpatrick_scale:!1,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],char:"\u{1f6bb}",fitzpatrick_scale:!1,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],char:"\u{1f6ae}",fitzpatrick_scale:!1,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],char:"\u{1f3a6}",fitzpatrick_scale:!1,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],char:"\u{1f4f6}",fitzpatrick_scale:!1,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],char:"\u{1f201}",fitzpatrick_scale:!1,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],char:"\u{1f196}",fitzpatrick_scale:!1,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],char:"\u{1f197}",fitzpatrick_scale:!1,category:"symbols"},up:{keywords:["blue-square","above","high"],char:"\u{1f199}",fitzpatrick_scale:!1,category:"symbols"},cool:{keywords:["words","blue-square"],char:"\u{1f192}",fitzpatrick_scale:!1,category:"symbols"},new:{keywords:["blue-square","words","start"],char:"\u{1f195}",fitzpatrick_scale:!1,category:"symbols"},free:{keywords:["blue-square","words"],char:"\u{1f193}",fitzpatrick_scale:!1,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],char:"0\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},one:{keywords:["blue-square","numbers","1"],char:"1\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],char:"2\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],char:"3\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},four:{keywords:["4","numbers","blue-square"],char:"4\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],char:"5\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},six:{keywords:["6","numbers","blue-square"],char:"6\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],char:"7\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],char:"8\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],char:"9\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],char:"\u{1f51f}",fitzpatrick_scale:!1,category:"symbols"},asterisk:{keywords:["star","keycap"],char:"*\u20e3",fitzpatrick_scale:!1,category:"symbols"},1234:{keywords:["numbers","blue-square"],char:"\u{1f522}",fitzpatrick_scale:!1,category:"symbols"},eject_button:{keywords:["blue-square"],char:"\u23cf\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],char:"\u25b6\ufe0f",fitzpatrick_scale:!1,category:"symbols"},pause_button:{keywords:["pause","blue-square"],char:"\u23f8",fitzpatrick_scale:!1,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],char:"\u23ed",fitzpatrick_scale:!1,category:"symbols"},stop_button:{keywords:["blue-square"],char:"\u23f9",fitzpatrick_scale:!1,category:"symbols"},record_button:{keywords:["blue-square"],char:"\u23fa",fitzpatrick_scale:!1,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],char:"\u23ef",fitzpatrick_scale:!1,category:"symbols"},previous_track_button:{keywords:["backward"],char:"\u23ee",fitzpatrick_scale:!1,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],char:"\u23e9",fitzpatrick_scale:!1,category:"symbols"},rewind:{keywords:["play","blue-square"],char:"\u23ea",fitzpatrick_scale:!1,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],char:"\u{1f500}",fitzpatrick_scale:!1,category:"symbols"},repeat:{keywords:["loop","record"],char:"\u{1f501}",fitzpatrick_scale:!1,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],char:"\u{1f502}",fitzpatrick_scale:!1,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],char:"\u25c0\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],char:"\u{1f53c}",fitzpatrick_scale:!1,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],char:"\u{1f53d}",fitzpatrick_scale:!1,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],char:"\u23eb",fitzpatrick_scale:!1,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],char:"\u23ec",fitzpatrick_scale:!1,category:"symbols"},arrow_right:{keywords:["blue-square","next"],char:"\u27a1\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],char:"\u2b05\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],char:"\u2b06\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],char:"\u2b07\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],char:"\u2197\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],char:"\u2198\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],char:"\u2199\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],char:"\u2196\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],char:"\u2195\ufe0f",fitzpatrick_scale:!1,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],char:"\u2194\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],char:"\u{1f504}",fitzpatrick_scale:!1,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],char:"\u21aa\ufe0f",fitzpatrick_scale:!1,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],char:"\u21a9\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],char:"\u2934\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],char:"\u2935\ufe0f",fitzpatrick_scale:!1,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],char:"#\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],char:"\u2139\ufe0f",fitzpatrick_scale:!1,category:"symbols"},abc:{keywords:["blue-square","alphabet"],char:"\u{1f524}",fitzpatrick_scale:!1,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],char:"\u{1f521}",fitzpatrick_scale:!1,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],char:"\u{1f520}",fitzpatrick_scale:!1,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],char:"\u{1f523}",fitzpatrick_scale:!1,category:"symbols"},musical_note:{keywords:["score","tone","sound"],char:"\u{1f3b5}",fitzpatrick_scale:!1,category:"symbols"},notes:{keywords:["music","score"],char:"\u{1f3b6}",fitzpatrick_scale:!1,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],char:"\u3030\ufe0f",fitzpatrick_scale:!1,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],char:"\u27b0",fitzpatrick_scale:!1,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],char:"\u2714\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],char:"\u{1f503}",fitzpatrick_scale:!1,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],char:"\u2795",fitzpatrick_scale:!1,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],char:"\u2796",fitzpatrick_scale:!1,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],char:"\u2797",fitzpatrick_scale:!1,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],char:"\u2716\ufe0f",fitzpatrick_scale:!1,category:"symbols"},infinity:{keywords:["forever"],char:"\u267e",fitzpatrick_scale:!1,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],char:"\u{1f4b2}",fitzpatrick_scale:!1,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],char:"\u{1f4b1}",fitzpatrick_scale:!1,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],char:"\xa9\ufe0f",fitzpatrick_scale:!1,category:"symbols"},registered:{keywords:["alphabet","circle"],char:"\xae\ufe0f",fitzpatrick_scale:!1,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],char:"\u2122\ufe0f",fitzpatrick_scale:!1,category:"symbols"},end:{keywords:["words","arrow"],char:"\u{1f51a}",fitzpatrick_scale:!1,category:"symbols"},back:{keywords:["arrow","words","return"],char:"\u{1f519}",fitzpatrick_scale:!1,category:"symbols"},on:{keywords:["arrow","words"],char:"\u{1f51b}",fitzpatrick_scale:!1,category:"symbols"},top:{keywords:["words","blue-square"],char:"\u{1f51d}",fitzpatrick_scale:!1,category:"symbols"},soon:{keywords:["arrow","words"],char:"\u{1f51c}",fitzpatrick_scale:!1,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],char:"\u2611\ufe0f",fitzpatrick_scale:!1,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],char:"\u{1f518}",fitzpatrick_scale:!1,category:"symbols"},white_circle:{keywords:["shape","round"],char:"\u26aa",fitzpatrick_scale:!1,category:"symbols"},black_circle:{keywords:["shape","button","round"],char:"\u26ab",fitzpatrick_scale:!1,category:"symbols"},red_circle:{keywords:["shape","error","danger"],char:"\u{1f534}",fitzpatrick_scale:!1,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],char:"\u{1f535}",fitzpatrick_scale:!1,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],char:"\u{1f538}",fitzpatrick_scale:!1,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],char:"\u{1f539}",fitzpatrick_scale:!1,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],char:"\u{1f536}",fitzpatrick_scale:!1,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],char:"\u{1f537}",fitzpatrick_scale:!1,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],char:"\u{1f53a}",fitzpatrick_scale:!1,category:"symbols"},black_small_square:{keywords:["shape","icon"],char:"\u25aa\ufe0f",fitzpatrick_scale:!1,category:"symbols"},white_small_square:{keywords:["shape","icon"],char:"\u25ab\ufe0f",fitzpatrick_scale:!1,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],char:"\u2b1b",fitzpatrick_scale:!1,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],char:"\u2b1c",fitzpatrick_scale:!1,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],char:"\u{1f53b}",fitzpatrick_scale:!1,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],char:"\u25fc\ufe0f",fitzpatrick_scale:!1,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],char:"\u25fb\ufe0f",fitzpatrick_scale:!1,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],char:"\u25fe",fitzpatrick_scale:!1,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],char:"\u25fd",fitzpatrick_scale:!1,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],char:"\u{1f532}",fitzpatrick_scale:!1,category:"symbols"},white_square_button:{keywords:["shape","input"],char:"\u{1f533}",fitzpatrick_scale:!1,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],char:"\u{1f508}",fitzpatrick_scale:!1,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],char:"\u{1f509}",fitzpatrick_scale:!1,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],char:"\u{1f50a}",fitzpatrick_scale:!1,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],char:"\u{1f507}",fitzpatrick_scale:!1,category:"symbols"},mega:{keywords:["sound","speaker","volume"],char:"\u{1f4e3}",fitzpatrick_scale:!1,category:"symbols"},loudspeaker:{keywords:["volume","sound"],char:"\u{1f4e2}",fitzpatrick_scale:!1,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],char:"\u{1f514}",fitzpatrick_scale:!1,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],char:"\u{1f515}",fitzpatrick_scale:!1,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],char:"\u{1f0cf}",fitzpatrick_scale:!1,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],char:"\u{1f004}",fitzpatrick_scale:!1,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],char:"\u2660\ufe0f",fitzpatrick_scale:!1,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],char:"\u2663\ufe0f",fitzpatrick_scale:!1,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],char:"\u2665\ufe0f",fitzpatrick_scale:!1,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],char:"\u2666\ufe0f",fitzpatrick_scale:!1,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],char:"\u{1f3b4}",fitzpatrick_scale:!1,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],char:"\u{1f4ad}",fitzpatrick_scale:!1,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],char:"\u{1f5ef}",fitzpatrick_scale:!1,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],char:"\u{1f4ac}",fitzpatrick_scale:!1,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],char:"\u{1f5e8}",fitzpatrick_scale:!1,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],char:"\u{1f550}",fitzpatrick_scale:!1,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],char:"\u{1f551}",fitzpatrick_scale:!1,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],char:"\u{1f552}",fitzpatrick_scale:!1,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],char:"\u{1f553}",fitzpatrick_scale:!1,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],char:"\u{1f554}",fitzpatrick_scale:!1,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],char:"\u{1f555}",fitzpatrick_scale:!1,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],char:"\u{1f556}",fitzpatrick_scale:!1,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],char:"\u{1f557}",fitzpatrick_scale:!1,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],char:"\u{1f558}",fitzpatrick_scale:!1,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],char:"\u{1f559}",fitzpatrick_scale:!1,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],char:"\u{1f55a}",fitzpatrick_scale:!1,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],char:"\u{1f55b}",fitzpatrick_scale:!1,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],char:"\u{1f55c}",fitzpatrick_scale:!1,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],char:"\u{1f55d}",fitzpatrick_scale:!1,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],char:"\u{1f55e}",fitzpatrick_scale:!1,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],char:"\u{1f55f}",fitzpatrick_scale:!1,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],char:"\u{1f560}",fitzpatrick_scale:!1,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],char:"\u{1f561}",fitzpatrick_scale:!1,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],char:"\u{1f562}",fitzpatrick_scale:!1,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],char:"\u{1f563}",fitzpatrick_scale:!1,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],char:"\u{1f564}",fitzpatrick_scale:!1,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],char:"\u{1f565}",fitzpatrick_scale:!1,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],char:"\u{1f566}",fitzpatrick_scale:!1,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],char:"\u{1f567}",fitzpatrick_scale:!1,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},aland_islands:{keywords:["\xc5land","islands","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1fd}",fitzpatrick_scale:!1,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1e7}",fitzpatrick_scale:!1,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ef}",fitzpatrick_scale:!1,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},chile:{keywords:["flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],char:"\u{1f1e8}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fd}",fitzpatrick_scale:!1,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},curacao:{keywords:["cura\xe7ao","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1ef}",fitzpatrick_scale:!1,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},eu:{keywords:["european","union","flag","banner"],char:"\u{1f1ea}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1ef}",fitzpatrick_scale:!1,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],char:"\u{1f1eb}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],char:"\u{1f1e9}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],char:"\u{1f1ef}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],char:"\u{1f1ef}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],char:"\u{1f1ef}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],char:"\u{1f1ef}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],char:"\u{1f1fd}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1e7}",fitzpatrick_scale:!1,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],char:"\u{1f1fe}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fd}",fitzpatrick_scale:!1,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],char:"\u{1f1f0}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],char:"\u{1f1f4}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],char:"\u{1f1f6}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},reunion:{keywords:["r\xe9union","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},st_barthelemy:{keywords:["saint","barth\xe9lemy","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],char:"\u{1f1fc}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1fd}",fitzpatrick_scale:!1,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1e7}",fitzpatrick_scale:!1,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],char:"\u{1f1ff}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],char:"\u{1f1f0}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1ef}",fitzpatrick_scale:!1,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],char:"\u{1f1ec}\u{1f1e7}",fitzpatrick_scale:!1,category:"flags"},england:{keywords:["flag","english"],char:"\u{1f3f4}\u{e0067}\u{e0062}\u{e0065}\u{e006e}\u{e0067}\u{e007f}",fitzpatrick_scale:!1,category:"flags"},scotland:{keywords:["flag","scottish"],char:"\u{1f3f4}\u{e0067}\u{e0062}\u{e0073}\u{e0063}\u{e0074}\u{e007f}",fitzpatrick_scale:!1,category:"flags"},wales:{keywords:["flag","welsh"],char:"\u{1f3f4}\u{e0067}\u{e0062}\u{e0077}\u{e006c}\u{e0073}\u{e007f}",fitzpatrick_scale:!1,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],char:"\u{1f1fc}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],char:"\u{1f1fe}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],char:"\u{1f1ff}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],char:"\u{1f1ff}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},united_nations:{keywords:["un","flag","banner"],char:"\u{1f1fa}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],char:"\u{1f3f4}\u200d\u2620\ufe0f",fitzpatrick_scale:!1,category:"flags"}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/plugin.js
new file mode 100644
index 000000000..4f3964581
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/plugin.js
@@ -0,0 +1,809 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isNull = eq(null);
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    const noop = () => { };
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const map$1 = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const shallow = (old, nu) => {
+        return nu;
+    };
+    const baseMerge = (merger) => {
+        return (...objects) => {
+            if (objects.length === 0) {
+                throw new Error(`Can't merge zero objects`);
+            }
+            const ret = {};
+            for (let j = 0; j < objects.length; j++) {
+                const curObject = objects[j];
+                for (const key in curObject) {
+                    if (has(curObject, key)) {
+                        ret[key] = merger(ret[key], curObject[key]);
+                    }
+                }
+            }
+            return ret;
+        };
+    };
+    const merge = baseMerge(shallow);
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const insertEmoticon = (editor, ch) => {
+        editor.insertContent(ch);
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    const DEFAULT_ID = 'tinymce.plugins.emoticons';
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor, pluginUrl) => {
+        const registerOption = editor.options.register;
+        registerOption('emoticons_database', {
+            processor: 'string',
+            default: 'emojis'
+        });
+        registerOption('emoticons_database_url', {
+            processor: 'string',
+            default: `${pluginUrl}/js/${getEmojiDatabase(editor)}${editor.suffix}.js`
+        });
+        registerOption('emoticons_database_id', {
+            processor: 'string',
+            default: DEFAULT_ID
+        });
+        registerOption('emoticons_append', {
+            processor: 'object',
+            default: {}
+        });
+        registerOption('emoticons_images_url', {
+            processor: 'string',
+            default: 'https://cdnjs.cloudflare.com/ajax/libs/twemoji/15.1.0/72x72/'
+        });
+    };
+    const getEmojiDatabase = option('emoticons_database');
+    const getEmojiDatabaseUrl = option('emoticons_database_url');
+    const getEmojiDatabaseId = option('emoticons_database_id');
+    const getAppendedEmoji = option('emoticons_append');
+    const getEmojiImageUrl = option('emoticons_images_url');
+
+    const ALL_CATEGORY = 'All';
+    const categoryNameMap = {
+        symbols: 'Symbols',
+        people: 'People',
+        animals_and_nature: 'Animals and Nature',
+        food_and_drink: 'Food and Drink',
+        activity: 'Activity',
+        travel_and_places: 'Travel and Places',
+        objects: 'Objects',
+        flags: 'Flags',
+        user: 'User Defined'
+    };
+    const translateCategory = (categories, name) => has(categories, name) ? categories[name] : name;
+    const getUserDefinedEmoji = (editor) => {
+        const userDefinedEmoticons = getAppendedEmoji(editor);
+        return map(userDefinedEmoticons, (value) => 
+        // Set some sane defaults for the custom emoji entry
+        ({ keywords: [], category: 'user', ...value }));
+    };
+    // TODO: Consider how to share this loading across different editors
+    const initDatabase = (editor, databaseUrl, databaseId) => {
+        const categories = value();
+        const all = value();
+        const emojiImagesUrl = getEmojiImageUrl(editor);
+        const getEmoji = (lib) => {
+            // Note: This is a little hacky, but the database doesn't provide a way for us to tell what sort of database is being used
+            if (startsWith(lib.char, '<img')) {
+                return lib.char.replace(/src="([^"]+)"/, (match, url) => `src="${emojiImagesUrl}${url}"`);
+            }
+            else {
+                return lib.char;
+            }
+        };
+        const processEmojis = (emojis) => {
+            const cats = {};
+            const everything = [];
+            each(emojis, (lib, title) => {
+                const entry = {
+                    // Omitting fitzpatrick_scale
+                    title,
+                    keywords: lib.keywords,
+                    char: getEmoji(lib),
+                    category: translateCategory(categoryNameMap, lib.category)
+                };
+                const current = cats[entry.category] !== undefined ? cats[entry.category] : [];
+                cats[entry.category] = current.concat([entry]);
+                everything.push(entry);
+            });
+            categories.set(cats);
+            all.set(everything);
+        };
+        editor.on('init', () => {
+            global.load(databaseId, databaseUrl).then((emojis) => {
+                const userEmojis = getUserDefinedEmoji(editor);
+                processEmojis(merge(emojis, userEmojis));
+            }, (err) => {
+                // eslint-disable-next-line no-console
+                console.log(`Failed to load emojis: ${err}`);
+                categories.set({});
+                all.set([]);
+            });
+        });
+        const listCategory = (category) => {
+            if (category === ALL_CATEGORY) {
+                return listAll();
+            }
+            return categories.get().bind((cats) => Optional.from(cats[category])).getOr([]);
+        };
+        const listAll = () => all.get().getOr([]);
+        const listCategories = () => 
+        // TODO: Category key order should be adjusted to match the standard
+        [ALL_CATEGORY].concat(keys(categories.get().getOr({})));
+        const waitForLoad = () => {
+            if (hasLoaded()) {
+                return Promise.resolve(true);
+            }
+            else {
+                return new Promise((resolve, reject) => {
+                    let numRetries = 15;
+                    const interval = setInterval(() => {
+                        if (hasLoaded()) {
+                            clearInterval(interval);
+                            resolve(true);
+                        }
+                        else {
+                            numRetries--;
+                            if (numRetries < 0) {
+                                // eslint-disable-next-line no-console
+                                console.log('Could not load emojis from url: ' + databaseUrl);
+                                clearInterval(interval);
+                                reject(false);
+                            }
+                        }
+                    }, 100);
+                });
+            }
+        };
+        const hasLoaded = () => categories.isSet() && all.isSet();
+        return {
+            listCategories,
+            hasLoaded,
+            waitForLoad,
+            listAll,
+            listCategory
+        };
+    };
+
+    const emojiMatches = (emoji, lowerCasePattern) => contains(emoji.title.toLowerCase(), lowerCasePattern) ||
+        exists(emoji.keywords, (k) => contains(k.toLowerCase(), lowerCasePattern));
+    const emojisFrom = (list, pattern, maxResults) => {
+        const matches = [];
+        const lowerCasePattern = pattern.toLowerCase();
+        const reachedLimit = maxResults.fold(() => never, (max) => (size) => size >= max);
+        for (let i = 0; i < list.length; i++) {
+            // TODO: more intelligent search by showing title matches at the top, keyword matches after that (use two arrays and concat at the end)
+            if (pattern.length === 0 || emojiMatches(list[i], lowerCasePattern)) {
+                matches.push({
+                    value: list[i].char,
+                    text: list[i].title,
+                    icon: list[i].char
+                });
+                if (reachedLimit(matches.length)) {
+                    break;
+                }
+            }
+        }
+        return matches;
+    };
+
+    const patternName = 'pattern';
+    const open = (editor, database) => {
+        const initialState = {
+            pattern: '',
+            results: emojisFrom(database.listAll(), '', Optional?.some(300))
+        };
+        const currentTab = Cell(ALL_CATEGORY);
+        const scan = (dialogApi) => {
+            const dialogData = dialogApi.getData();
+            const category = currentTab.get();
+            const candidates = database.listCategory(category);
+            const results = emojisFrom(candidates, dialogData[patternName], category === ALL_CATEGORY ? Optional?.some(300) : Optional.none());
+            dialogApi.setData({
+                results
+            });
+        };
+        const updateFilter = last((dialogApi) => {
+            scan(dialogApi);
+        }, 200);
+        const searchField = {
+            label: 'Search',
+            type: 'input',
+            name: patternName
+        };
+        const resultsField = {
+            type: 'collection',
+            name: 'results'
+            // TODO TINY-3229 implement collection columns properly
+            // columns: 'auto'
+        };
+        const getInitialState = () => {
+            const body = {
+                type: 'tabpanel',
+                // All tabs have the same fields.
+                tabs: map$1(database.listCategories(), (cat) => ({
+                    title: cat,
+                    name: cat,
+                    items: [searchField, resultsField]
+                }))
+            };
+            return {
+                title: 'Emojis',
+                size: 'normal',
+                body,
+                initialData: initialState,
+                onTabChange: (dialogApi, details) => {
+                    currentTab.set(details.newTabName);
+                    updateFilter.throttle(dialogApi);
+                },
+                onChange: updateFilter.throttle,
+                onAction: (dialogApi, actionData) => {
+                    if (actionData.name === 'results') {
+                        insertEmoticon(editor, actionData.value);
+                        dialogApi.close();
+                    }
+                },
+                buttons: [
+                    {
+                        type: 'cancel',
+                        text: 'Close',
+                        primary: true
+                    }
+                ]
+            };
+        };
+        const dialogApi = editor.windowManager.open(getInitialState());
+        dialogApi.focus(patternName);
+        if (!database.hasLoaded()) {
+            dialogApi.block('Loading emojis...');
+            database.waitForLoad().then(() => {
+                dialogApi.redial(getInitialState());
+                updateFilter.throttle(dialogApi);
+                dialogApi.focus(patternName);
+                dialogApi.unblock();
+            }).catch((_err) => {
+                dialogApi.redial({
+                    title: 'Emojis',
+                    body: {
+                        type: 'panel',
+                        items: [
+                            {
+                                type: 'alertbanner',
+                                level: 'error',
+                                icon: 'warning',
+                                text: 'Could not load emojis'
+                            }
+                        ]
+                    },
+                    buttons: [
+                        {
+                            type: 'cancel',
+                            text: 'Close',
+                            primary: true
+                        }
+                    ],
+                    initialData: {
+                        pattern: '',
+                        results: []
+                    }
+                });
+                dialogApi.focus(patternName);
+                dialogApi.unblock();
+            });
+        }
+    };
+
+    const register$1 = (editor, database) => {
+        editor.addCommand('mceEmoticons', () => open(editor, database));
+    };
+
+    const setup = (editor) => {
+        editor.on('PreInit', () => {
+            editor.parser.addAttributeFilter('data-emoticon', (nodes) => {
+                each$1(nodes, (node) => {
+                    node.attr('data-mce-resize', 'false');
+                    node.attr('data-mce-placeholder', '1');
+                });
+            });
+        });
+    };
+
+    const init = (editor, database) => {
+        editor.ui.registry.addAutocompleter('emoticons', {
+            trigger: ':',
+            columns: 'auto',
+            minChars: 2,
+            fetch: (pattern, maxResults) => database.waitForLoad().then(() => {
+                const candidates = database.listAll();
+                return emojisFrom(candidates, pattern, Optional?.some(maxResults));
+            }),
+            onAction: (autocompleteApi, rng, value) => {
+                editor.selection.setRng(rng);
+                editor.insertContent(value);
+                autocompleteApi.hide();
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceEmoticons');
+        editor.ui.registry.addButton('emoticons', {
+            tooltip: 'Emojis',
+            icon: 'emoji',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addMenuItem('emoticons', {
+            text: 'Emojis...',
+            icon: 'emoji',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    /**
+     * This class contains all core logic for the emoticons plugin.
+     *
+     * @class tinymce.emoticons.Plugin
+     * @private
+     */
+    var Plugin = () => {
+        global$1.add('emoticons', (editor, pluginUrl) => {
+            register$2(editor, pluginUrl);
+            const databaseUrl = getEmojiDatabaseUrl(editor);
+            const databaseId = getEmojiDatabaseId(editor);
+            const database = initDatabase(editor, databaseUrl, databaseId);
+            register$1(editor, database);
+            register(editor);
+            init(editor, database);
+            setup(editor);
+            return {
+                getAllEmojis: () => database.waitForLoad().then(() => database.listAll())
+            };
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/plugin.min.js
new file mode 100644
index 000000000..09d9edd1c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/emoticons/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=t=>e=>t===e,o=e(null),n=e(void 0),r=t=>"function"==typeof t;const s=()=>{},a=()=>!1;class i{constructor(t,e){this.tag=t,this.value=e}static some(t){return new i(!0,t)}static none(){return i.singletonNone}fold(t,e){return this.tag?e(this.value):t()}isSome(){return this.tag}isNone(){return!this.tag}map(t){return this.tag?i?.some(t(this.value)):i.none()}bind(t){return this.tag?t(this.value):i.none()}exists(t){return this.tag&&t(this.value)}forall(t){return!this.tag||t(this.value)}filter(t){return!this.tag||t(this.value)?this:i.none()}getOr(t){return this.tag?this.value:t}or(t){return this.tag?this:t}getOrThunk(t){return this.tag?this.value:t()}orThunk(t){return this.tag?this:t()}getOrDie(t){if(this.tag)return this.value;throw new Error(null!=t?t:"Called getOrDie on None")}static from(t){return null==t?i.none():i?.some(t)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(t){this.tag&&t(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}i.singletonNone=new i(!1),Array.prototype.slice;const l=(t,e)=>{const o=t.length,n=new Array(o);for(let r=0;r<o;r++){const o=t[r];n[r]=e(o,r)}return n};r(Array.from)&&Array.from;const c=Object.keys,u=Object.hasOwnProperty,g=(t,e)=>{const o=c(t);for(let n=0,r=o.length;n<r;n++){const r=o[n];e(t[r],r)}},m=(t,e)=>u.call(t,e),d=t=>{let e=t;return{get:()=>e,set:t=>{e=t}}},h=(p=(t,e)=>e,(...t)=>{if(0===t.length)throw new Error("Can't merge zero objects");const e={};for(let o=0;o<t.length;o++){const n=t[o];for(const t in n)m(n,t)&&(e[t]=p(e[t],n[t]))}return e});var p;const y=()=>{const t=(t=>{const e=d(i.none()),o=()=>e.get().each(t);return{clear:()=>{o(),e.set(i.none())},isSet:()=>e.get().isSome(),get:()=>e.get(),set:t=>{o(),e.set(i?.some(t))}}})(s);return{...t,on:e=>t.get().each(e)}},f=(t,e,o=0,r)=>{const s=t.indexOf(e,o);return-1!==s&&(!!n(r)||s+e.length<=r)};var v=tinymce.util.Tools.resolve("tinymce.Resource");const b=t=>e=>e.options.get(t),w=b("emoticons_database"),j=b("emoticons_database_url"),C=b("emoticons_database_id"),_=b("emoticons_append"),A=b("emoticons_images_url"),k="All",O={symbols:"Symbols",people:"People",animals_and_nature:"Animals and Nature",food_and_drink:"Food and Drink",activity:"Activity",travel_and_places:"Travel and Places",objects:"Objects",flags:"Flags",user:"User Defined"},x=(t,e)=>m(t,e)?t[e]:e,E=t=>{const e=_(t);return o=t=>({keywords:[],category:"user",...t}),((t,e)=>{const o={};return g(t,((t,n)=>{const r=e(t,n);o[r.k]=r.v})),o})(e,((t,e)=>({k:e,v:o(t)})));var o},L=(t,e)=>f(t.title.toLowerCase(),e)||(t=>{for(let n=0,r=t.length;n<r;n++)if(o=t[n],f(o.toLowerCase(),e))return!0;var o;return!1})(t.keywords),S=(t,e,o)=>{const n=[],r=e.toLowerCase(),s=o.fold((()=>a),(t=>e=>e>=t));for(let o=0;o<t.length&&(0!==e.length&&!L(t[o],r)||(n.push({value:t[o].char,text:t[o].title,icon:t[o].char}),!s(n.length)));o++);return n},N="pattern",T=(t,e)=>{const n={pattern:"",results:S(e.listAll(),"",i?.some(300))},r=d(k),s=(t=>{let e=null;const n=()=>{o(e)||(clearTimeout(e),e=null)};return{cancel:n,throttle:(...o)=>{n(),e=setTimeout((()=>{e=null,t.apply(null,o)}),200)}}})((t=>{(t=>{const o=t.getData(),n=r.get(),s=e.listCategory(n),a=S(s,o[N],n===k?i?.some(300):i.none());t.setData({results:a})})(t)})),a={label:"Search",type:"input",name:N},c={type:"collection",name:"results"},u=()=>({title:"Emojis",size:"normal",body:{type:"tabpanel",tabs:l(e.listCategories(),(t=>({title:t,name:t,items:[a,c]})))},initialData:n,onTabChange:(t,e)=>{r.set(e.newTabName),s.throttle(t)},onChange:s.throttle,onAction:(e,o)=>{"results"===o.name&&(((t,e)=>{t.insertContent(e)})(t,o.value),e.close())},buttons:[{type:"cancel",text:"Close",primary:!0}]}),g=t.windowManager.open(u());g.focus(N),e.hasLoaded()||(g.block("Loading emojis..."),e.waitForLoad().then((()=>{g.redial(u()),s.throttle(g),g.focus(N),g.unblock()})).catch((t=>{g.redial({title:"Emojis",body:{type:"panel",items:[{type:"alertbanner",level:"error",icon:"warning",text:"Could not load emojis"}]},buttons:[{type:"cancel",text:"Close",primary:!0}],initialData:{pattern:"",results:[]}}),g.focus(N),g.unblock()})))},D=t=>e=>{const o=()=>{e.setEnabled(t.selection.isEditable())};return t.on("NodeChange",o),o(),()=>{t.off("NodeChange",o)}};t.add("emoticons",((t,e)=>{((t,e)=>{const o=t.options.register;o("emoticons_database",{processor:"string",default:"emojis"}),o("emoticons_database_url",{processor:"string",default:`${e}/js/${w(t)}${t.suffix}.js`}),o("emoticons_database_id",{processor:"string",default:"tinymce.plugins.emoticons"}),o("emoticons_append",{processor:"object",default:{}}),o("emoticons_images_url",{processor:"string",default:"https://cdnjs.cloudflare.com/ajax/libs/twemoji/15.1.0/72x72/"})})(t,e);const o=((t,e,o)=>{const n=y(),r=y(),s=A(t),a=t=>{return o="<img",(e=t.char).length>=4&&e.substr(0,4)===o?t.char.replace(/src="([^"]+)"/,((t,e)=>`src="${s}${e}"`)):t.char;var e,o};t.on("init",(()=>{v.load(o,e).then((e=>{const o=E(t);(t=>{const e={},o=[];g(t,((t,n)=>{const r={title:n,keywords:t.keywords,char:a(t),category:x(O,t.category)},s=void 0!==e[r.category]?e[r.category]:[];e[r.category]=s.concat([r]),o.push(r)})),n.set(e),r.set(o)})(h(e,o))}),(t=>{console.log(`Failed to load emojis: ${t}`),n.set({}),r.set([])}))}));const l=()=>r.get().getOr([]),u=()=>n.isSet()&&r.isSet();return{listCategories:()=>[k].concat(c(n.get().getOr({}))),hasLoaded:u,waitForLoad:()=>u()?Promise.resolve(!0):new Promise(((t,o)=>{let n=15;const r=setInterval((()=>{u()?(clearInterval(r),t(!0)):(n--,n<0&&(console.log("Could not load emojis from url: "+e),clearInterval(r),o(!1)))}),100)})),listAll:l,listCategory:t=>t===k?l():n.get().bind((e=>i.from(e[t]))).getOr([])}})(t,j(t),C(t));return((t,e)=>{t.addCommand("mceEmoticons",(()=>T(t,e)))})(t,o),(t=>{const e=()=>t.execCommand("mceEmoticons");t.ui.registry.addButton("emoticons",{tooltip:"Emojis",icon:"emoji",onAction:e,onSetup:D(t)}),t.ui.registry.addMenuItem("emoticons",{text:"Emojis...",icon:"emoji",onAction:e,onSetup:D(t)})})(t),((t,e)=>{t.ui.registry.addAutocompleter("emoticons",{trigger:":",columns:"auto",minChars:2,fetch:(t,o)=>e.waitForLoad().then((()=>{const n=e.listAll();return S(n,t,i?.some(o))})),onAction:(e,o,n)=>{t.selection.setRng(o),t.insertContent(n),e.hide()}})})(t,o),(t=>{t.on("PreInit",(()=>{t.parser.addAttributeFilter("data-emoticon",(t=>{(t=>{for(let o=0,n=t.length;o<n;o++)(e=t[o]).attr("data-mce-resize","false"),e.attr("data-mce-placeholder","1");var e})(t)}))}))})(t),{getAllEmojis:()=>o.waitForLoad().then((()=>o.listAll()))}}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/index.js
new file mode 100644
index 000000000..6b4e26329
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/index.js
@@ -0,0 +1,7 @@
+// Exports the "fullscreen" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/fullscreen')
+//   ES2015:
+//     import 'tinymce/plugins/fullscreen'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/plugin.js
new file mode 100644
index 000000000..76e6842aa
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/plugin.js
@@ -0,0 +1,1609 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$1 = (t) => (a) => t === a;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isArray = isType$1('array');
+    const isNull = eq$1(null);
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$1(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    /** Compose a unary function with an n-ary function */
+    const compose = (fa, fb) => {
+        return (...args) => {
+            return fa(fb.apply(null, args));
+        };
+    };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const never = constant(false);
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter$1 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$1 = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind$3 = (xs, f) => flatten(map(xs, f));
+    const get$5 = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$5(xs, 0);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const unbindable = () => singleton((s) => s.unbind());
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const get$4 = (fullscreenState) => ({
+        isFullscreen: () => fullscreenState.get() !== null
+    });
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all$1 = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant(isiPad),
+            isiPhone: constant(isiPhone),
+            isTablet: constant(isTablet),
+            isPhone: constant(isPhone),
+            isTouch: constant(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant(iOSwebview),
+            isDesktop: constant(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$2(group(1), group(2));
+    };
+    const detect$3 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$2();
+        }
+        return find(versionRegexes, cleanedAgent);
+    };
+    const unknown$2 = () => {
+        return nu$2(0, 0);
+    };
+    const nu$2 = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$2,
+        detect: detect$3,
+        unknown: unknown$2
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$1(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$2 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$1(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$2(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$2(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains(uastring, 'msie') || contains(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains(uastring, 'iphone') || contains(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant(browsers),
+        oses: constant(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$1 = () => {
+        return nu$1({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$1 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$1,
+        nu: nu$1,
+        edge: constant(edge),
+        chromium: constant(chromium),
+        ie: constant(ie),
+        opera: constant(opera),
+        firefox: constant(firefox),
+        safari: constant(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown = () => {
+        return nu({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown,
+        nu,
+        windows: constant(windows),
+        ios: constant(ios),
+        android: constant(android),
+        linux: constant(linux),
+        macos: constant(macos),
+        solaris: constant(solaris),
+        freebsd: constant(freebsd),
+        chromeos: constant(chromeos)
+    };
+
+    const detect$1 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$1
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect = () => platform();
+
+    const unsafe = (name, scope) => {
+        return resolve(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isHTMLElement = (element) => isElement(element) && isPrototypeOf(element.dom);
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const siblings$2 = (element) => {
+        // TODO: Refactor out children so we can just not add self instead of filtering afterwards
+        const filterSelf = (elements) => filter$1(elements, (x) => !eq(element, x));
+        return parent(element)?.map(children)?.map(filterSelf).getOr([]);
+    };
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+    /**
+     * When Events bubble up through a ShadowRoot, the browser changes the target to be the shadow host.
+     * This function gets the "original" event target if possible.
+     * This only works if the shadow tree is open - if the shadow tree is closed, event.target is returned.
+     * See: https://developers.google.com/web/fundamentals/web-components/shadowdom#events
+     */
+    const getOriginalEventTarget = (event) => {
+        if (isNonNullable(event.target)) {
+            const el = SugarElement.fromDom(event.target);
+            if (isElement(el) && isOpenShadowHost(el)) {
+                // When target element is inside Shadow DOM we need to take first element from composedPath
+                // otherwise we'll get Shadow Root parent, not actual target element.
+                if (event.composed && event.composedPath) {
+                    const composedPath = event.composedPath();
+                    if (composedPath) {
+                        return head(composedPath);
+                    }
+                }
+            }
+        }
+        return Optional.from(event.target);
+    };
+    /** Return true if the element is a host of an open shadow root.
+     *  Return false if the element is a host of a closed shadow root, or if the element is not a host.
+     */
+    const isOpenShadowHost = (element) => isNonNullable(element.dom.shadowRoot);
+
+    const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
+        target,
+        x,
+        y,
+        stop,
+        prevent,
+        kill,
+        raw
+    });
+    /** Wraps an Event in an EventArgs structure.
+     * The returned EventArgs structure has its target set to the "original" target if possible.
+     * See SugarShadowDom.getOriginalEventTarget
+     */
+    const fromRawEvent = (rawEvent) => {
+        const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+        const stop = () => rawEvent.stopPropagation();
+        const prevent = () => rawEvent.preventDefault();
+        const kill = compose(prevent, stop); // more of a sequence than a compose, but same effect
+        // FIX: Don't just expose the raw event. Need to identify what needs standardisation.
+        return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    const handle = (filter, handler) => (rawEvent) => {
+        if (filter(rawEvent)) {
+            handler(fromRawEvent(rawEvent));
+        }
+    };
+    const binder = (element, event, filter, handler, useCapture) => {
+        const wrapped = handle(filter, handler);
+        // IE9 minimum
+        element.dom.addEventListener(event, wrapped, useCapture);
+        return {
+            unbind: curry(unbind, element, event, wrapped, useCapture)
+        };
+    };
+    const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
+    const unbind = (element, event, handler, useCapture) => {
+        // IE9 minimum
+        element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    const filter = always; // no filter on plain DomEvents
+    const bind$1 = (element, event, handler) => bind$2(element, event, filter, handler);
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$1 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const get$3 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const remove = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+    const getBody = (doc) => {
+        const b = doc.dom.body;
+        if (b === null || b === undefined) {
+            throw new Error('Body is not available yet');
+        }
+        return SugarElement.fromDom(b);
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const set = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    const setAll = (element, css) => {
+        const dom = element.dom;
+        each(css, (v, k) => {
+            internalSet(dom, k, v);
+        });
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$2 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+
+    const r = (left, top) => {
+        const translate = (x, y) => r(left + x, top + y);
+        return {
+            left,
+            top,
+            translate
+        };
+    };
+    // tslint:disable-next-line:variable-name
+    const SugarPosition = r;
+
+    // get scroll position (x,y) relative to document _doc (or global if not supplied)
+    const get$1 = (_DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        // ASSUMPTION: This is for cross-browser support, body works for Safari & EDGE, and when we have an iframe body scroller
+        const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+        const y = doc.body.scrollTop || doc.documentElement.scrollTop;
+        return SugarPosition(x, y);
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    const ancestors$1 = (scope, predicate, isRoot) => filter$1(parents(scope, isRoot), predicate);
+    const siblings$1 = (scope, predicate) => filter$1(siblings$2(scope), predicate);
+
+    const all = (selector) => all$1(selector);
+    // For all of the following:
+    //
+    // jQuery does siblings of firstChild. IE9+ supports scope.dom.children (similar to Traverse.children but elements only).
+    // Traverse should also do this (but probably not by default).
+    //
+    const ancestors = (scope, selector, isRoot) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all this wrapping and unwrapping
+    ancestors$1(scope, (e) => is(e, selector), isRoot);
+    const siblings = (scope, selector) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all the wrapping and unwrapping
+    siblings$1(scope, (e) => is(e, selector));
+
+    const get = (_win) => {
+        const win = _win === undefined ? window : _win;
+        if (detect().browser.isFirefox()) {
+            // TINY-7984: Firefox 91 is returning incorrect values for visualViewport.pageTop, so disable it for now
+            return Optional.none();
+        }
+        else {
+            return Optional.from(win.visualViewport);
+        }
+    };
+    const bounds = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height,
+        right: x + width,
+        bottom: y + height
+    });
+    const getBounds = (_win) => {
+        const win = _win === undefined ? window : _win;
+        const doc = win.document;
+        const scroll = get$1(SugarElement.fromDom(doc));
+        return get(win).fold(() => {
+            const html = win.document.documentElement;
+            // Don't use window.innerWidth/innerHeight here, as we don't want to include scrollbars
+            // since the right/bottom position is based on the edge of the scrollbar not the window
+            const width = html.clientWidth;
+            const height = html.clientHeight;
+            return bounds(scroll.left, scroll.top, width, height);
+        }, (visualViewport) => 
+        // iOS doesn't update the pageTop/pageLeft when element.scrollIntoView() is called, so we need to fallback to the
+        // scroll position which will always be less than the page top/left values when page top/left are accurate/correct.
+        bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height));
+    };
+    const bind = (name, callback, _win) => get(_win)?.map((visualViewport) => {
+        const handler = (e) => callback(fromRawEvent(e));
+        visualViewport.addEventListener(name, handler);
+        return {
+            unbind: () => visualViewport.removeEventListener(name, handler)
+        };
+    }).getOrThunk(() => ({
+        unbind: noop
+    }));
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const fireFullscreenStateChanged = (editor, state) => {
+        editor.dispatch('FullscreenStateChanged', { state });
+        editor.dispatch('ResizeEditor');
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('fullscreen_native', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const getFullscreenNative = option('fullscreen_native');
+
+    const getFullscreenRoot = (editor) => {
+        const elem = SugarElement.fromDom(editor.getElement());
+        return getShadowRoot(elem)?.map(getShadowHost)
+            .getOrThunk(() => getBody(owner(elem)));
+    };
+    const getFullscreenElement = (root) => {
+        if (root.fullscreenElement !== undefined) {
+            return root.fullscreenElement;
+        }
+        else if (root.msFullscreenElement !== undefined) {
+            return root.msFullscreenElement;
+        }
+        else if (root.webkitFullscreenElement !== undefined) {
+            return root.webkitFullscreenElement;
+        }
+        else {
+            return null;
+        }
+    };
+    const getFullscreenchangeEventName = () => {
+        if (document.fullscreenElement !== undefined) {
+            return 'fullscreenchange';
+        }
+        else if (document.msFullscreenElement !== undefined) {
+            return 'MSFullscreenChange'; // warning, seems to be case sensitive
+        }
+        else if (document.webkitFullscreenElement !== undefined) {
+            return 'webkitfullscreenchange';
+        }
+        else {
+            return 'fullscreenchange';
+        }
+    };
+    const requestFullscreen = (sugarElem) => {
+        const elem = sugarElem.dom;
+        if (elem.requestFullscreen) {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            elem.requestFullscreen();
+        }
+        else if (elem.msRequestFullscreen) {
+            elem.msRequestFullscreen();
+        }
+        else if (elem.webkitRequestFullScreen) {
+            elem.webkitRequestFullScreen();
+        }
+    };
+    const exitFullscreen = (sugarDoc) => {
+        const doc = sugarDoc.dom;
+        if (doc.exitFullscreen) {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            doc.exitFullscreen();
+        }
+        else if (doc.msExitFullscreen) {
+            doc.msExitFullscreen();
+        }
+        else if (doc.webkitCancelFullScreen) {
+            doc.webkitCancelFullScreen();
+        }
+    };
+    const isFullscreenElement = (elem) => elem.dom === getFullscreenElement(owner(elem).dom);
+
+    const attr = 'data-ephox-mobile-fullscreen-style';
+    const siblingStyles = 'display:none!important;';
+    const ancestorPosition = 'position:absolute!important;';
+    // TINY-3407 ancestors need 'height:100%!important;overflow:visible!important;' to prevent collapsed ancestors hiding the editor
+    const ancestorStyles = 'top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;';
+    const bgFallback = 'background-color:rgb(255,255,255)!important;';
+    const isAndroid = global$1.os.isAndroid();
+    const matchColor = (editorBody) => {
+        // in iOS you can overscroll, sometimes when you overscroll you can reveal the bgcolor of an element beneath,
+        // by matching the bg color and clobbering ensures any reveals are 'camouflaged' the same color
+        const color = get$2(editorBody, 'background-color');
+        return (color !== undefined && color !== '') ? 'background-color:' + color + '!important' : bgFallback;
+    };
+    // We clobber all tags, direct ancestors to the editorBody get ancestorStyles, everything else gets siblingStyles
+    const clobberStyles = (dom, container, editorBody) => {
+        const gatherSiblings = (element) => {
+            return siblings(element, '*:not(.tox-silver-sink)');
+        };
+        const clobber = (clobberStyle) => (element) => {
+            const styles = get$3(element, 'style');
+            const backup = styles === undefined ? 'no-styles' : styles.trim();
+            if (backup === clobberStyle) {
+                return;
+            }
+            else {
+                set$1(element, attr, backup);
+                setAll(element, dom.parseStyle(clobberStyle));
+            }
+        };
+        const ancestors$1 = ancestors(container, '*');
+        const siblings$1 = bind$3(ancestors$1, gatherSiblings);
+        const bgColor = matchColor(editorBody);
+        /* NOTE: This assumes that container has no siblings itself */
+        each$1(siblings$1, clobber(siblingStyles));
+        each$1(ancestors$1, clobber(ancestorPosition + ancestorStyles + bgColor));
+        // position absolute on the outer-container breaks Android flex layout
+        const containerStyles = isAndroid === true ? '' : ancestorPosition;
+        clobber(containerStyles + ancestorStyles + bgColor)(container);
+    };
+    const restoreStyles = (dom) => {
+        const clobberedEls = all('[' + attr + ']');
+        each$1(clobberedEls, (element) => {
+            const restore = get$3(element, attr);
+            if (restore && restore !== 'no-styles') {
+                setAll(element, dom.parseStyle(restore));
+            }
+            else {
+                remove(element, 'style');
+            }
+            remove(element, attr);
+        });
+    };
+
+    const DOM = global$2.DOM;
+    const getScrollPos = () => getBounds(window);
+    const setScrollPos = (pos) => window.scrollTo(pos.x, pos.y);
+    const viewportUpdate = get().fold(() => ({ bind: noop, unbind: noop }), (visualViewport) => {
+        const editorContainer = value();
+        const resizeBinder = unbindable();
+        const scrollBinder = unbindable();
+        const refreshScroll = () => {
+            document.body.scrollTop = 0;
+            document.documentElement.scrollTop = 0;
+        };
+        const refreshVisualViewport = () => {
+            window.requestAnimationFrame(() => {
+                editorContainer.on((container) => setAll(container, {
+                    top: visualViewport.offsetTop + 'px',
+                    left: visualViewport.offsetLeft + 'px',
+                    height: visualViewport.height + 'px',
+                    width: visualViewport.width + 'px'
+                }));
+            });
+        };
+        const update = first(() => {
+            refreshScroll();
+            refreshVisualViewport();
+        }, 50);
+        const bind$1 = (element) => {
+            editorContainer.set(element);
+            update.throttle();
+            resizeBinder.set(bind('resize', update.throttle));
+            scrollBinder.set(bind('scroll', update.throttle));
+        };
+        const unbind = () => {
+            editorContainer.on(() => {
+                resizeBinder.clear();
+                scrollBinder.clear();
+            });
+            editorContainer.clear();
+        };
+        return {
+            bind: bind$1,
+            unbind
+        };
+    });
+    const toggleFullscreen = (editor, fullscreenState) => {
+        const body = document.body;
+        const documentElement = document.documentElement;
+        const editorContainer = editor.getContainer();
+        const editorContainerS = SugarElement.fromDom(editorContainer);
+        const sinkContainerS = nextSibling(editorContainerS)
+            .filter((elm) => isHTMLElement(elm) && has(elm, 'tox-silver-sink'));
+        const fullscreenRoot = getFullscreenRoot(editor);
+        const fullscreenInfo = fullscreenState.get();
+        const editorBody = SugarElement.fromDom(editor.getBody());
+        const isTouch = global$1.deviceType.isTouch();
+        const editorContainerStyle = editorContainer.style;
+        const iframe = editor.iframeElement;
+        const iframeStyle = iframe === null || iframe === void 0 ? void 0 : iframe.style;
+        const handleClasses = (handler) => {
+            handler(body, 'tox-fullscreen');
+            handler(documentElement, 'tox-fullscreen');
+            handler(editorContainer, 'tox-fullscreen');
+            getShadowRoot(editorContainerS)
+                ?.map((root) => getShadowHost(root).dom)
+                .each((host) => {
+                handler(host, 'tox-fullscreen');
+                handler(host, 'tox-shadowhost');
+            });
+        };
+        const cleanup = () => {
+            if (isTouch) {
+                restoreStyles(editor.dom);
+            }
+            handleClasses(DOM.removeClass);
+            viewportUpdate.unbind();
+            Optional.from(fullscreenState.get()).each((info) => info.fullscreenChangeHandler.unbind());
+        };
+        if (!fullscreenInfo) {
+            const fullscreenChangeHandler = bind$1(owner(fullscreenRoot), getFullscreenchangeEventName(), (_evt) => {
+                if (getFullscreenNative(editor)) {
+                    // if we have exited browser fullscreen with Escape then exit editor fullscreen too
+                    if (!isFullscreenElement(fullscreenRoot) && fullscreenState.get() !== null) {
+                        toggleFullscreen(editor, fullscreenState);
+                    }
+                }
+            });
+            const newFullScreenInfo = {
+                scrollPos: getScrollPos(),
+                containerWidth: editorContainerStyle.width,
+                containerHeight: editorContainerStyle.height,
+                containerTop: editorContainerStyle.top,
+                containerLeft: editorContainerStyle.left,
+                iframeWidth: iframeStyle.width,
+                iframeHeight: iframeStyle.height,
+                fullscreenChangeHandler,
+                sinkCssPosition: sinkContainerS?.map((elm) => get$2(elm, 'position'))
+            };
+            if (isTouch) {
+                clobberStyles(editor.dom, editorContainerS, editorBody);
+            }
+            iframeStyle.width = iframeStyle.height = '100%';
+            editorContainerStyle.width = editorContainerStyle.height = '';
+            handleClasses(DOM.addClass);
+            sinkContainerS.each((elm) => {
+                set(elm, 'position', 'fixed');
+            });
+            viewportUpdate.bind(editorContainerS);
+            editor.on('remove', cleanup);
+            fullscreenState.set(newFullScreenInfo);
+            if (getFullscreenNative(editor)) {
+                requestFullscreen(fullscreenRoot);
+            }
+            fireFullscreenStateChanged(editor, true);
+        }
+        else {
+            fullscreenInfo.fullscreenChangeHandler.unbind();
+            if (getFullscreenNative(editor) && isFullscreenElement(fullscreenRoot)) {
+                exitFullscreen(owner(fullscreenRoot));
+            }
+            iframeStyle.width = fullscreenInfo.iframeWidth;
+            iframeStyle.height = fullscreenInfo.iframeHeight;
+            editorContainerStyle.width = fullscreenInfo.containerWidth;
+            editorContainerStyle.height = fullscreenInfo.containerHeight;
+            editorContainerStyle.top = fullscreenInfo.containerTop;
+            editorContainerStyle.left = fullscreenInfo.containerLeft;
+            lift2(sinkContainerS, fullscreenInfo.sinkCssPosition, (elm, val) => {
+                set(elm, 'position', val);
+            });
+            cleanup();
+            setScrollPos(fullscreenInfo.scrollPos);
+            fullscreenState.set(null);
+            fireFullscreenStateChanged(editor, false);
+            editor.off('remove', cleanup);
+        }
+    };
+
+    const register$1 = (editor, fullscreenState) => {
+        editor.addCommand('mceFullScreen', () => {
+            toggleFullscreen(editor, fullscreenState);
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const setup = (editor, fullscreenState) => {
+        editor.on('init', () => {
+            editor.on('keydown', (e) => {
+                if (e.keyCode === global.TAB && !(e.metaKey || e.ctrlKey) && fullscreenState.get()) {
+                    e.preventDefault();
+                }
+            });
+        });
+    };
+
+    const makeSetupHandler = (editor, fullscreenState) => (api) => {
+        api.setActive(fullscreenState.get() !== null);
+        const editorEventCallback = (e) => api.setActive(e.state);
+        editor.on('FullscreenStateChanged', editorEventCallback);
+        return () => editor.off('FullscreenStateChanged', editorEventCallback);
+    };
+    const register = (editor, fullscreenState) => {
+        const onAction = () => editor.execCommand('mceFullScreen');
+        editor.ui.registry.addToggleMenuItem('fullscreen', {
+            text: 'Fullscreen',
+            icon: 'fullscreen',
+            shortcut: 'Meta+Shift+F',
+            onAction,
+            onSetup: makeSetupHandler(editor, fullscreenState),
+            context: 'any'
+        });
+        editor.ui.registry.addToggleButton('fullscreen', {
+            tooltip: 'Fullscreen',
+            icon: 'fullscreen',
+            onAction,
+            onSetup: makeSetupHandler(editor, fullscreenState),
+            shortcut: 'Meta+Shift+F',
+            context: 'any'
+        });
+    };
+
+    var Plugin = () => {
+        global$3.add('fullscreen', (editor) => {
+            const fullscreenState = Cell(null);
+            if (editor.inline) {
+                return get$4(fullscreenState);
+            }
+            register$2(editor);
+            register$1(editor, fullscreenState);
+            register(editor, fullscreenState);
+            setup(editor, fullscreenState);
+            editor.addShortcut('Meta+Shift+F', '', 'mceFullScreen');
+            return get$4(fullscreenState);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/plugin.min.js
new file mode 100644
index 000000000..06bbe295d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/fullscreen/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const e=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=r=e,(o=String).prototype.isPrototypeOf(n)||(null===(s=r.constructor)||void 0===s?void 0:s.name)===o.name)?"string":t;var n,r,o,s})(t)===e,t=e=>t=>typeof t===e,n=e=>t=>e===t,r=e("string"),o=e("object"),s=e("array"),i=n(null),l=t("boolean"),a=n(void 0),c=e=>!(e=>null==e)(e),u=t("function"),d=t("number"),m=()=>{},h=e=>()=>e;function g(e,...t){return(...n)=>{const r=t.concat(n);return e.apply(null,r)}}const p=h(!1),f=h(!0);class v{constructor(e,t){this.tag=e,this.value=t}static some(e){return new v(!0,e)}static none(){return v.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?v?.some(e(this.value)):v.none()}bind(e){return this.tag?e(this.value):v.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:v.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return c(e)?v?.some(e):v.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}v.singletonNone=new v(!1);const w=Array.prototype.push,y=(e,t)=>{const n=e.length,r=new Array(n);for(let o=0;o<n;o++){const n=e[o];r[o]=t(n,o)}return r},b=(e,t)=>{for(let n=0,r=e.length;n<r;n++)t(e[n],n)},S=(e,t)=>{const n=[];for(let r=0,o=e.length;r<o;r++){const o=e[r];t(o,r)&&n.push(o)}return n},x=(e,t)=>((e,t,n)=>{for(let r=0,o=e.length;r<o;r++){const o=e[r];if(t(o,r))return v?.some(o);if(n(o,r))break}return v.none()})(e,t,p),E=Object.keys,F=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},O="undefined"!=typeof window?window:Function("return this;")(),k=(e,t)=>((e,t)=>{let n=null!=t?t:O;for(let t=0;t<e.length&&null!=n;++t)n=n[e[t]];return n})(e.split("."),t),T=e=>{const t=F(v.none()),n=()=>t.get().each(e);return{clear:()=>{n(),t.set(v.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{n(),t.set(v?.some(e))}}},C=()=>T((e=>e.unbind())),A=(e,t,n=0,r)=>{const o=e.indexOf(t,n);return-1!==o&&(!!a(r)||o+t.length<=r)};var R=tinymce.util.Tools.resolve("tinymce.PluginManager");const L=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},M=L,P=(e,t)=>{const n=e.dom;if(1!==n.nodeType)return!1;{const e=n;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},D=()=>N(0,0),N=(e,t)=>({major:e,minor:t}),H={nu:N,detect:(e,t)=>{const n=String(t).toLowerCase();return 0===e.length?D():((e,t)=>{const n=((e,t)=>{for(let n=0;n<e.length;n++){const r=e[n];if(r.test(t))return r}})(e,t);if(!n)return{major:0,minor:0};const r=e=>Number(t.replace(n,"$"+e));return N(r(1),r(2))})(e,n)},unknown:D},V=(e,t)=>{const n=String(t).toLowerCase();return x(e,(e=>e.search(n)))},W=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,q=e=>t=>A(t,e),B=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>A(e,"edge/")&&A(e,"chrome")&&A(e,"safari")&&A(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,W],search:e=>A(e,"chrome")&&!A(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>A(e,"msie")||A(e,"trident")},{name:"Opera",versionRegexes:[W,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:q("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:q("firefox")},{name:"Safari",versionRegexes:[W,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(A(e,"safari")||A(e,"mobile/"))&&A(e,"applewebkit")}],I=[{name:"Windows",search:q("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>A(e,"iphone")||A(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:q("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:q("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:q("linux"),versionRegexes:[]},{name:"Solaris",search:q("sunos"),versionRegexes:[]},{name:"FreeBSD",search:q("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:q("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],j={browsers:h(B),oses:h(I)},_="Edge",z="Chromium",K="Opera",$="Firefox",U="Safari",X=e=>{const t=e.current,n=e.version,r=e=>()=>t===e;return{current:t,version:n,isEdge:r(_),isChromium:r(z),isIE:r("IE"),isOpera:r(K),isFirefox:r($),isSafari:r(U)}},Y=()=>X({current:void 0,version:H.unknown()}),G=X,J=(h(_),h(z),h("IE"),h(K),h($),h(U),"Windows"),Q="Android",Z="Linux",ee="macOS",te="Solaris",ne="FreeBSD",re="ChromeOS",oe=e=>{const t=e.current,n=e.version,r=e=>()=>t===e;return{current:t,version:n,isWindows:r(J),isiOS:r("iOS"),isAndroid:r(Q),isMacOS:r(ee),isLinux:r(Z),isSolaris:r(te),isFreeBSD:r(ne),isChromeOS:r(re)}},se=()=>oe({current:void 0,version:H.unknown()}),ie=oe,le=(h(J),h("iOS"),h(Q),h(Z),h(ee),h(te),h(ne),h(re),(e,t,n)=>{const r=j.browsers(),o=j.oses(),s=t.bind((e=>((e,t)=>((e,t)=>{for(let n=0;n<e.length;n++){const r=t(e[n]);if(r.isSome())return r}return v.none()})(t.brands,(t=>{const n=t.brand.toLowerCase();return x(e,(e=>{var t;return n===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:H.nu(parseInt(t.version,10),0)})))})))(r,e))).orThunk((()=>((e,t)=>V(e,t)?.map((e=>{const n=H.detect(e.versionRegexes,t);return{current:e.name,version:n}})))(r,e))).fold(Y,G),i=((e,t)=>V(e,t)?.map((e=>{const n=H.detect(e.versionRegexes,t);return{current:e.name,version:n}})))(o,e).fold(se,ie),l=((e,t,n,r)=>{const o=e.isiOS()&&!0===/ipad/i.test(n),s=e.isiOS()&&!o,i=e.isiOS()||e.isAndroid(),l=i||r("(pointer:coarse)"),a=o||!s&&i&&r("(min-device-width:768px)"),c=s||i&&!a,u=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(n),d=!c&&!a&&!u;return{isiPad:h(o),isiPhone:h(s),isTablet:h(a),isPhone:h(c),isTouch:h(l),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:h(u),isDesktop:h(d)}})(i,s,e,n);return{browser:s,os:i,deviceType:l}}),ae=e=>window.matchMedia(e).matches;let ce=(e=>{let t,n=!1;return(...r)=>(n||(n=!0,t=e.apply(null,r)),t)})((()=>le(window.navigator.userAgent,v.from(window.navigator.userAgentData),ae)));const ue=Object.getPrototypeOf,de=e=>{const t=k("ownerDocument.defaultView",e);return o(e)&&((e=>((e,t)=>{const n=((e,t)=>k(e,t))(e,t);if(null==n)throw new Error(e+" not available on this browser");return n})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(ue(e).constructor.name))},me=e=>t=>(e=>e.dom.nodeType)(t)===e,he=me(1),ge=me(3),pe=me(11),fe=e=>M(e.dom.ownerDocument),ve=e=>y(e.dom.childNodes,M),we=e=>{const t=(e=>M(e.dom.getRootNode()))(e);return pe(n=t)&&c(n.dom.host)?v?.some(t):v.none();var n},ye=e=>M(e.dom.host),be=e=>{const t=M((e=>{if(c(e.target)){const t=M(e.target);if(he(t)&&c(t.dom.shadowRoot)&&e.composed&&e.composedPath){const t=e.composedPath();if(t)return(e=>0<e.length?v?.some(e[0]):v.none())(t)}}return v.from(e.target)})(e).getOr(e.target)),n=()=>e.stopPropagation(),r=()=>e.preventDefault(),o=(s=r,i=n,(...e)=>s(i.apply(null,e)));var s,i;return((e,t,n,r,o,s,i)=>({target:e,x:t,y:n,stop:r,prevent:o,kill:s,raw:i}))(t,e.clientX,e.clientY,n,r,o,e)},Se=(e,t,n,r)=>{e.dom.removeEventListener(t,n,r)},xe=f,Ee=(e,t,n)=>((e,t,n,r)=>((e,t,n,r,o)=>{const s=((e,t)=>n=>{e(n)&&t(be(n))})(n,r);return e.dom.addEventListener(t,s,o),{unbind:g(Se,e,t,s,o)}})(e,t,n,r,!1))(e,t,xe,n),Fe=(e,t)=>{const n=e.dom.getAttribute(t);return null===n?void 0:n},Oe=(e,t)=>{e.dom.removeAttribute(t)},ke=e=>void 0!==e.style&&u(e.style.getPropertyValue),Te=e=>{const t=ge(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const n=t.ownerDocument;return we(M(t)).fold((()=>n.body.contains(t)),(r=Te,o=ye,e=>r(o(e))));var r,o},Ce=(e,t,n)=>{if(!r(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);ke(e)&&e.style.setProperty(t,n)},Ae=(e,t,n)=>{const r=e.dom;Ce(r,t,n)},Re=(e,t)=>{const n=e.dom;((e,t)=>{const n=E(e);for(let r=0,o=n.length;r<o;r++){const o=n[r];t(e[o],o)}})(t,((e,t)=>{Ce(n,t,e)}))},Le=(e,t)=>{const n=e.dom,r=window.getComputedStyle(n).getPropertyValue(t);return""!==r||Te(e)?r:Me(n,t)},Me=(e,t)=>ke(e)?e.style.getPropertyValue(t):"",Pe=(e,t)=>({left:e,top:t,translate:(n,r)=>Pe(e+n,t+r)}),De=Pe,Ne=(e,t,n)=>((e,t,n)=>S(((e,t)=>{const n=u(t)?t:p;let r=e.dom;const o=[];for(;null!==r.parentNode&&void 0!==r.parentNode;){const e=r.parentNode,t=M(e);if(o.push(t),!0===n(t))break;r=e}return o})(e,n),t))(e,(e=>P(e,t)),n),He=(e,t)=>(e=>{return S((e=>v.from(e.dom.parentNode)?.map(M))(n=e)?.map(ve)?.map((e=>S(e,(e=>{return t=e,!(n.dom===t.dom);var t})))).getOr([]),(e=>P(e,t)));var n})(e),Ve=e=>{const t=void 0===e?window:e;return ce().browser.isFirefox()?v.none():v.from(t.visualViewport)},We=(e,t,n,r)=>({x:e,y:t,width:n,height:r,right:e+n,bottom:t+r}),qe=e=>{const t=void 0===e?window:e,n=t.document,r=(e=>{const t=void 0!==e?e.dom:document,n=t.body.scrollLeft||t.documentElement.scrollLeft,r=t.body.scrollTop||t.documentElement.scrollTop;return De(n,r)})(M(n));return Ve(t).fold((()=>{const e=t.document.documentElement,n=e.clientWidth,o=e.clientHeight;return We(r.left,r.top,n,o)}),(e=>We(Math.max(e.pageLeft,r.left),Math.max(e.pageTop,r.top),e.width,e.height)))},Be=(e,t,n)=>Ve(n)?.map((n=>{const r=e=>t(be(e));return n.addEventListener(e,r),{unbind:()=>n.removeEventListener(e,r)}})).getOrThunk((()=>({unbind:m})));var Ie=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),je=tinymce.util.Tools.resolve("tinymce.Env");const _e=(e,t)=>{e.dispatch("FullscreenStateChanged",{state:t}),e.dispatch("ResizeEditor")},ze=e=>e.options.get("fullscreen_native");const Ke=e=>{return e.dom===(void 0!==(t=fe(e).dom).fullscreenElement?t.fullscreenElement:void 0!==t.msFullscreenElement?t.msFullscreenElement:void 0!==t.webkitFullscreenElement?t.webkitFullscreenElement:null);var t},$e="data-ephox-mobile-fullscreen-style",Ue="position:absolute!important;",Xe="top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;",Ye=je.os.isAndroid(),Ge=(e,t,n)=>{const o=t=>n=>{const o=Fe(n,"style"),s=void 0===o?"no-styles":o.trim();s!==t&&(((e,t,n)=>{((e,t,n)=>{if(!(r(n)||l(n)||d(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")})(e.dom,t,n)})(n,$e,s),Re(n,e.parseStyle(t)))},i=Ne(t,"*"),a=(e=>{const t=[];for(let n=0,r=e.length;n<r;++n){if(!s(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);w.apply(t,e[n])}return t})(y(i,(e=>He(e,"*:not(.tox-silver-sink)")))),c=(e=>{const t=Le(e,"background-color");return void 0!==t&&""!==t?"background-color:"+t+"!important":"background-color:rgb(255,255,255)!important;"})(n);b(a,o("display:none!important;")),b(i,o(Ue+Xe+c)),o((!0===Ye?"":Ue)+Xe+c)(t)},Je=Ie.DOM,Qe=Ve().fold((()=>({bind:m,unbind:m})),(e=>{const t=(()=>{const e=T(m);return{...e,on:t=>e.get().each(t)}})(),n=C(),r=C(),o=(e=>{let t=null;return{cancel:()=>{i(t)||(clearTimeout(t),t=null)},throttle:(...n)=>{i(t)&&(t=setTimeout((()=>{t=null,e.apply(null,n)}),50))}}})((()=>{document.body.scrollTop=0,document.documentElement.scrollTop=0,window.requestAnimationFrame((()=>{t.on((t=>Re(t,{top:e.offsetTop+"px",left:e.offsetLeft+"px",height:e.height+"px",width:e.width+"px"})))}))}));return{bind:e=>{t.set(e),o.throttle(),n.set(Be("resize",o.throttle)),r.set(Be("scroll",o.throttle))},unbind:()=>{t.on((()=>{n.clear(),r.clear()})),t.clear()}}})),Ze=(e,t)=>{const n=document.body,r=document.documentElement,o=e.getContainer(),s=M(o),i=(l=s,v.from(l.dom.nextSibling)?.map(M)).filter((e=>(e=>he(e)&&de(e.dom))(e)&&(e=>(e=>void 0!==e.dom.classList)(e)&&e.dom.classList.contains("tox-silver-sink"))(e)));var l;const a=(e=>{const t=M(e.getElement());return we(t)?.map(ye).getOrThunk((()=>(e=>{const t=e.dom.body;if(null==t)throw new Error("Body is not available yet");return M(t)})(fe(t))))})(e),c=t.get(),u=M(e.getBody()),d=je.deviceType.isTouch(),m=o.style,h=e.iframeElement,g=null==h?void 0:h.style,p=e=>{e(n,"tox-fullscreen"),e(r,"tox-fullscreen"),e(o,"tox-fullscreen"),we(s)?.map((e=>ye(e).dom)).each((t=>{e(t,"tox-fullscreen"),e(t,"tox-shadowhost")}))},f=()=>{d&&(e=>{const t=(e=>{const t=document;return 1!==(n=t).nodeType&&9!==n.nodeType&&11!==n.nodeType||0===n.childElementCount?[]:y(t.querySelectorAll(e),M);var n})("["+$e+"]");b(t,(t=>{const n=Fe(t,$e);n&&"no-styles"!==n?Re(t,e.parseStyle(n)):Oe(t,"style"),Oe(t,$e)}))})(e.dom),p(Je.removeClass),Qe.unbind(),v.from(t.get()).each((e=>e.fullscreenChangeHandler.unbind()))};if(c)c.fullscreenChangeHandler.unbind(),ze(e)&&Ke(a)&&(e=>{const t=e.dom;t.exitFullscreen?t.exitFullscreen():t.msExitFullscreen?t.msExitFullscreen():t.webkitCancelFullScreen&&t.webkitCancelFullScreen()})(fe(a)),g.width=c.iframeWidth,g.height=c.iframeHeight,m.width=c.containerWidth,m.height=c.containerHeight,m.top=c.containerTop,m.left=c.containerLeft,S=i,x=c.sinkCssPosition,E=(e,t)=>{Ae(e,"position",t)},S.isSome()&&x.isSome()?v?.some(E(S.getOrDie(),x.getOrDie())):v.none(),f(),w=c.scrollPos,window.scrollTo(w.x,w.y),t.set(null),_e(e,!1),e.off("remove",f);else{const n=Ee(fe(a),void 0!==document.fullscreenElement?"fullscreenchange":void 0!==document.msFullscreenElement?"MSFullscreenChange":void 0!==document.webkitFullscreenElement?"webkitfullscreenchange":"fullscreenchange",(n=>{ze(e)&&(Ke(a)||null===t.get()||Ze(e,t))})),r={scrollPos:qe(window),containerWidth:m.width,containerHeight:m.height,containerTop:m.top,containerLeft:m.left,iframeWidth:g.width,iframeHeight:g.height,fullscreenChangeHandler:n,sinkCssPosition:i?.map((e=>Le(e,"position")))};d&&Ge(e.dom,s,u),g.width=g.height="100%",m.width=m.height="",p(Je.addClass),i.each((e=>{Ae(e,"position","fixed")})),Qe.bind(s),e.on("remove",f),t.set(r),ze(e)&&(e=>{const t=e.dom;t.requestFullscreen?t.requestFullscreen():t.msRequestFullscreen?t.msRequestFullscreen():t.webkitRequestFullScreen&&t.webkitRequestFullScreen()})(a),_e(e,!0)}var w,S,x,E};var et=tinymce.util.Tools.resolve("tinymce.util.VK");const tt=(e,t)=>n=>{n.setActive(null!==t.get());const r=e=>n.setActive(e.state);return e.on("FullscreenStateChanged",r),()=>e.off("FullscreenStateChanged",r)};R.add("fullscreen",(e=>{const t=F(null);return e.inline||((e=>{(0,e.options.register)("fullscreen_native",{processor:"boolean",default:!1})})(e),((e,t)=>{e.addCommand("mceFullScreen",(()=>{Ze(e,t)}))})(e,t),((e,t)=>{const n=()=>e.execCommand("mceFullScreen");e.ui.registry.addToggleMenuItem("fullscreen",{text:"Fullscreen",icon:"fullscreen",shortcut:"Meta+Shift+F",onAction:n,onSetup:tt(e,t),context:"any"}),e.ui.registry.addToggleButton("fullscreen",{tooltip:"Fullscreen",icon:"fullscreen",onAction:n,onSetup:tt(e,t),shortcut:"Meta+Shift+F",context:"any"})})(e,t),((e,t)=>{e.on("init",(()=>{e.on("keydown",(e=>{e.keyCode!==et.TAB||e.metaKey||e.ctrlKey||!t.get()||e.preventDefault()}))}))})(e,t),e.addShortcut("Meta+Shift+F","","mceFullScreen")),(e=>({isFullscreen:()=>null!==e.get()}))(t)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/index.js
new file mode 100644
index 000000000..7f4bfe024
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/index.js
@@ -0,0 +1,7 @@
+// Exports the "help" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/help')
+//   ES2015:
+//     import 'tinymce/plugins/help'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ar.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ar.js
new file mode 100644
index 000000000..e2cf02f56
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ar.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ar',
+'<h1>بدء التنقل بواسطة لوحة المفاتيح</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>التركيز على شريط القوائم</dt>\n' +
+  '  <dd>نظاما التشغيل Windows أو Linux: Alt + F9</dd>\n' +
+  '  <dd>نظام التشغيل macOS: &#x2325;F9</dd>\n' +
+  '  <dt>التركيز على شريط الأدوات</dt>\n' +
+  '  <dd>نظاما التشغيل Windows أو Linux: Alt + F10</dd>\n' +
+  '  <dd>نظام التشغيل macOS: &#x2325;F10</dd>\n' +
+  '  <dt>التركيز على التذييل</dt>\n' +
+  '  <dd>نظاما التشغيل Windows أو Linux: Alt + F11</dd>\n' +
+  '  <dd>نظام التشغيل macOS: &#x2325;F11</dd>\n' +
+  '  <dt>تركيز الإشعارات</dt>\n' +
+  '  <dd>نظاما التشغيل Windows أو Linux: Alt + F12</dd>\n' +
+  '  <dd>نظام التشغيل macOS: &#x2325;F12</dd>\n' +
+  '  <dt>التركيز على شريط أدوات السياق</dt>\n' +
+  '  <dd>أنظمة التشغيل Windows أو Linux أو macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>سيبدأ التنقل عند عنصر واجهة المستخدم الأول، والذي سيتم تمييزه أو تسطيره في حالة العنصر الأول في\n' +
+  '  مسار عنصر التذييل.</p>\n' +
+  '\n' +
+  '<h1>التنقل بين أقسام واجهة المستخدم</h1>\n' +
+  '\n' +
+  '<p>للانتقال من أحد أقسام واجهة المستخدم إلى القسم التالي، اضغط على <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>للانتقال من أحد أقسام واجهة المستخدم إلى القسم السابق، اضغط على <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>ترتيب علامات <strong>Tab</strong> لأقسام واجهة المستخدم هذه هو:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>شريط القوائم</li>\n' +
+  '  <li>كل مجموعة شريط الأدوات</li>\n' +
+  '  <li>الشريط الجانبي</li>\n' +
+  '  <li>مسار العنصر في التذييل</li>\n' +
+  '  <li>زر تبديل عدد الكلمات في التذييل</li>\n' +
+  '  <li>رابط إدراج العلامة التجارية في التذييل</li>\n' +
+  '  <li>مؤشر تغيير حجم المحرر في التذييل</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>إذا لم يكن قسم واجهة المستخدم موجودًا، فسيتم تخطيه.</p>\n' +
+  '\n' +
+  '<p>إذا كان التذييل يحتوي على التركيز على ‏‫التنقل بواسطة لوحة المفاتيح، ولا يوجد شريط جانبي مرئي، فإن الضغط على <strong>Shift+Tab</strong>\n' +
+  '  ينقل التركيز إلى مجموعة شريط الأدوات الأولى، وليس الأخيرة.</p>\n' +
+  '\n' +
+  '<h1>التنقل بين أقسام واجهة المستخدم</h1>\n' +
+  '\n' +
+  '<p>للانتقال من أحد عناصر واجهة المستخدم إلى العنصر التالي، اضغط على مفتاح <strong>السهم</strong> المناسب.</p>\n' +
+  '\n' +
+  '<p>مفتاحا السهمين <strong>اليسار‎</strong> و<strong>اليمين‎</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>التنقل بين القوائم في شريط القوائم.</li>\n' +
+  '  <li>فتح قائمة فرعية في القائمة.</li>\n' +
+  '  <li>التنقل بين الأزرار في مجموعة شريط الأدوات.</li>\n' +
+  '  <li>التنقل بين العناصر في مسار عنصر التذييل.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>مفتاحا السهمين <strong>لأسفل‎</strong> و<strong>لأعلى‎</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>التنقل بين عناصر القائمة في القائمة.</li>\n' +
+  '  <li>التنقل بين العناصر في قائمة شريط الأدوات المنبثقة.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>دورة مفاتيح <strong>الأسهم‎</strong> داخل قسم واجهة المستخدم التي تم التركيز عليها.</p>\n' +
+  '\n' +
+  '<p>لإغلاق قائمة مفتوحة أو قائمة فرعية مفتوحة أو قائمة منبثقة مفتوحة، اضغط على مفتاح <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>إذا كان التركيز الحالي على "الجزء العلوي" من قسم معين لواجهة المستخدم، فإن الضغط على مفتاح <strong>Esc</strong> يؤدي أيضًا إلى الخروج\n' +
+  '  من التنقل بواسطة لوحة المفاتيح بالكامل.</p>\n' +
+  '\n' +
+  '<h1>تنفيذ عنصر قائمة أو زر شريط أدوات</h1>\n' +
+  '\n' +
+  '<p>عندما يتم تمييز عنصر القائمة المطلوب أو زر شريط الأدوات، اضغط على زر <strong>Return</strong>، أو <strong>Enter</strong>،\n' +
+  '  أو <strong>مفتاح المسافة</strong> لتنفيذ العنصر.</p>\n' +
+  '\n' +
+  '<h1>التنقل في مربعات الحوار غير المبوبة</h1>\n' +
+  '\n' +
+  '<p>في مربعات الحوار غير المبوبة، يتم التركيز على المكون التفاعلي الأول عند فتح مربع الحوار.</p>\n' +
+  '\n' +
+  '<p>التنقل بين مكونات الحوار التفاعلي بالضغط على زر <strong>Tab</strong> أو <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>التنقل في مربعات الحوار المبوبة</h1>\n' +
+  '\n' +
+  '<p>في مربعات الحوار المبوبة، يتم التركيز على الزر الأول في قائمة علامات التبويب عند فتح مربع الحوار.</p>\n' +
+  '\n' +
+  '<p>التنقل بين المكونات التفاعلية لعلامة التبويب لمربع الحوار هذه بالضغط على زر <strong>Tab</strong> أو\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>التبديل إلى علامة تبويب أخرى لمربع الحوار من خلال التركيز على قائمة علامة التبويب ثم الضغط على زر <strong>السهم</strong> المناسب\n' +
+  '  مفتاح للتنقل بين علامات التبويب المتاحة.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/bg_BG.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/bg_BG.js
new file mode 100644
index 000000000..09eacf3a8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/bg_BG.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.bg_BG',
+'<h1>Начало на навигацията с клавиатурата</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Фокусиране върху лентата с менюта</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Фокусиране върху лентата с инструменти</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Фокусиране върху долния колонтитул</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Фокусиране на известието</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Фокусиране върху контекстуалната лента с инструменти</dt>\n' +
+  '  <dd>Windows, Linux или macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Навигацията ще започне с първия елемент на ПИ, който ще бъде маркиран или подчертан в случая на първия елемент в\n' +
+  '  пътя до елемента в долния колонтитул.</p>\n' +
+  '\n' +
+  '<h1>Навигиране между раздели на ПИ</h1>\n' +
+  '\n' +
+  '<p>За да преминете от един раздел на ПИ към следващия, натиснете <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>За да преминете от един раздел на ПИ към предишния, натиснете <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Редът за <strong>обхождане с табулация</strong> на тези раздели на ПИ е:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Лентата с менюта</li>\n' +
+  '  <li>Всяка група на лентата с инструменти</li>\n' +
+  '  <li>Страничната лента</li>\n' +
+  '  <li>Пътят до елемента в долния колонтитул</li>\n' +
+  '  <li>Бутонът за превключване на броя на думите в долния колонтитул</li>\n' +
+  '  <li>Връзката за търговска марка в долния колонтитул</li>\n' +
+  '  <li>Манипулаторът за преоразмеряване на редактора в долния колонтитул</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Ако някой раздел на ПИ липсва, той се пропуска.</p>\n' +
+  '\n' +
+  '<p>Ако долният колонтитул има фокус за навигация с клавиатурата и няма странична лента, натискането на <strong>Shift+Tab</strong>\n' +
+  '  премества фокуса към първата група на лентата с инструменти, а не към последната.</p>\n' +
+  '\n' +
+  '<h1>Навигиране в разделите на ПИ</h1>\n' +
+  '\n' +
+  '<p>За да преминете от един елемент на ПИ към следващия, натиснете съответния клавиш със <strong>стрелка</strong>.</p>\n' +
+  '\n' +
+  '<p>С клавишите със стрелка <strong>наляво</strong> и <strong>надясно</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>се придвижвате между менютата в лентата с менюто;</li>\n' +
+  '  <li>отваряте подменю в меню;</li>\n' +
+  '  <li>се придвижвате между бутоните в група на лентата с инструменти;</li>\n' +
+  '  <li>се придвижвате между елементи в пътя до елемент в долния колонтитул.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>С клавишите със стрелка <strong>надолу</strong> и <strong>нагоре</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>се придвижвате между елементите от менюто в дадено меню;</li>\n' +
+  '  <li>се придвижвате между елементите в изскачащо меню на лентата с инструменти.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Клавишите със <strong>стрелки</strong> се придвижват в рамките на фокусирания раздел на ПИ.</p>\n' +
+  '\n' +
+  '<p>За да затворите отворено меню, подменю или изскачащо меню, натиснете клавиша <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Ако текущият фокус е върху „горната част“ на конкретен раздел на ПИ, натискането на клавиша <strong>Esc</strong> също излиза\n' +
+  '  напълно от навигацията с клавиатурата.</p>\n' +
+  '\n' +
+  '<h1>Изпълнение на елемент от менюто или бутон от лентата с инструменти</h1>\n' +
+  '\n' +
+  '<p>Когато желаният елемент от менюто или бутон от лентата с инструменти е маркиран, натиснете <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  или <strong>клавиша за интервал</strong>, за да изпълните елемента.</p>\n' +
+  '\n' +
+  '<h1>Навигиране в диалогови прозорци без раздели</h1>\n' +
+  '\n' +
+  '<p>В диалоговите прозорци без раздели първият интерактивен компонент се фокусира, когато се отвори диалоговият прозорец.</p>\n' +
+  '\n' +
+  '<p>Навигирайте между интерактивните компоненти на диалоговия прозорец, като натиснете <strong>Tab</strong> или <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Навигиране в диалогови прозорци с раздели</h1>\n' +
+  '\n' +
+  '<p>В диалоговите прозорци с раздели първият бутон в менюто с раздели се фокусира, когато се отвори диалоговият прозорец.</p>\n' +
+  '\n' +
+  '<p>Навигирайте между интерактивните компоненти на този диалогов раздел, като натиснете <strong>Tab</strong> или\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Превключете към друг диалогов раздел, като фокусирате върху менюто с раздели и след това натиснете съответния клавиш със <strong>стрелка</strong>,\n' +
+  '  за да преминете през наличните раздели.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ca.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ca.js
new file mode 100644
index 000000000..996e29cfe
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ca.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ca',
+'<h1>Inici de la navegació amb el teclat</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Enfocar la barra de menús</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  "  <dt>Enfocar la barra d'eines</dt>\n" +
+  '  <dd>Windows o Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Enfocar el peu de pàgina</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Enfocar la notificació</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  "  <dt>Enfocar una barra d'eines contextual</dt>\n" +
+  '  <dd>Windows, Linux o macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  "<p>La navegació començarà en el primer element de la interfície d'usuari, que es ressaltarà o subratllarà per al primer element a\n" +
+  "  la ruta de l'element de peu de pàgina.</p>\n" +
+  '\n' +
+  "<h1>Navegació entre seccions de la interfície d'usuari</h1>\n" +
+  '\n' +
+  "<p>Per desplaçar-vos des d'una secció de la interfície d'usuari a la següent, premeu la tecla <strong>Tab</strong>.</p>\n" +
+  '\n' +
+  "<p>Per desplaçar-vos des d'una secció de la interfície d'usuari a l'anterior, premeu les tecles <strong>Maj+Tab</strong>.</p>\n" +
+  '\n' +
+  "<p>L'ordre en prémer la tecla <strong>Tab</strong> d'aquestes secciones de la interfície d'usuari és:</p>\n" +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra de menús</li>\n' +
+  "  <li>Cada grup de la barra d'eines</li>\n" +
+  '  <li>Barra lateral</li>\n' +
+  "  <li>Ruta de l'element del peu de pàgina</li>\n" +
+  '  <li>Botó de commutació de recompte de paraules al peu de pàgina</li>\n' +
+  '  <li>Enllaç de marca del peu de pàgina</li>\n' +
+  "  <li>Control de canvi de mida de l'editor al peu de pàgina</li>\n" +
+  '</ol>\n' +
+  '\n' +
+  "<p>Si no hi ha una secció de la interfície d'usuari, s'ometrà.</p>\n" +
+  '\n' +
+  '<p>Si el peu de pàgina té el focus de navegació del teclat i no hi ha cap barra lateral visible, en prémer <strong>Maj+Tab</strong>\n' +
+  "  el focus es mou al primer grup de la barra d'eines, no l'últim.</p>\n" +
+  '\n' +
+  "<h1>Navegació dins de les seccions de la interfície d'usuari</h1>\n" +
+  '\n' +
+  "<p>Per desplaçar-vos des d'un element de la interfície d'usuari al següent, premeu la tecla de <strong>Fletxa</strong> adequada.</p>\n" +
+  '\n' +
+  '<p>Les tecles de fletxa <strong>Esquerra</strong> i <strong>Dreta</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>us permeten desplaçar-vos entre menús de la barra de menús.</li>\n' +
+  '  <li>obren un submenú en un menú.</li>\n' +
+  "  <li>us permeten desplaçar-vos entre botons d'un grup de la barra d'eines.</li>\n" +
+  "  <li>us permeten desplaçar-vos entre elements de la ruta d'elements del peu de pàgina.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  '<p>Les tecles de fletxa <strong>Avall</strong> i <strong>Amunt</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  "  <li>us permeten desplaçar-vos entre elements de menú d'un menú.</li>\n" +
+  "  <li>us permeten desplaçar-vos entre elements d'un menú emergent de la barra d'eines.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  "<p>Les tecles de <strong>Fletxa</strong> us permeten desplaçar-vos dins de la secció de la interfície d'usuari que té el focus.</p>\n" +
+  '\n' +
+  '<p>Per tancar un menú, un submenú o un menú emergent oberts, premeu la tecla <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  "<p>Si el focus actual es troba a la ‘part superior’ d'una secció específica de la interfície d'usuari, en prémer la tecla <strong>Esc</strong> també es tanca\n" +
+  '  completament la navegació amb el teclat.</p>\n' +
+  '\n' +
+  "<h1>Execució d'un element de menú o d'un botó de la barra d'eines</h1>\n" +
+  '\n' +
+  "<p>Quan l'element del menú o el botó de la barra d'eines que desitgeu estigui ressaltat, premeu <strong>Retorn</strong>, <strong>Intro</strong>\n" +
+  "  o la <strong>barra d'espai</strong> per executar l'element.</p>\n" +
+  '\n' +
+  '<h1>Navegació per quadres de diàleg sense pestanyes</h1>\n' +
+  '\n' +
+  "<p>En els quadres de diàleg sense pestanyes, el primer component interactiu pren el focus quan s'obre el quadre diàleg.</p>\n" +
+  '\n' +
+  '<p>Premeu la tecla <strong>Tab</strong> o les tecles <strong>Maj+Tab</strong> per desplaçar-vos entre components interactius del quadre de diàleg.</p>\n' +
+  '\n' +
+  '<h1>Navegació per quadres de diàleg amb pestanyes</h1>\n' +
+  '\n' +
+  "<p>En els quadres de diàleg amb pestanyes, el primer botó del menú de la pestanya pren el focus quan s'obre el quadre diàleg.</p>\n" +
+  '\n' +
+  "<p>Per desplaçar-vos entre components interactius d'aquest quadre de diàleg, premeu la tecla <strong>Tab</strong> o\n" +
+  '  les tecles <strong>Maj+Tab</strong>.</p>\n' +
+  '\n' +
+  "<p>Canvieu a la pestanya d'un altre quadre de diàleg, tot enfocant el menú de la pestanya, i després premeu la tecla <strong>Fletxa</strong> adequada\n" +
+  '  per canviar entre les pestanyes disponibles.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/cs.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/cs.js
new file mode 100644
index 000000000..4a5a9026e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/cs.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.cs',
+'<h1>Začínáme navigovat pomocí klávesnice</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Přejít na řádek nabídek</dt>\n' +
+  '  <dd>Windows nebo Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Přejít na panel nástrojů</dt>\n' +
+  '  <dd>Windows nebo Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Přejít na zápatí</dt>\n' +
+  '  <dd>Windows nebo Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Přejít na oznámení</dt>\n' +
+  '  <dd>Windows nebo Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Přejít na kontextový panel nástrojů</dt>\n' +
+  '  <dd>Windows, Linux nebo macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigace začne u první položky uživatelského rozhraní, která bude zvýrazněna nebo v případě první položky\n' +
+  '  cesty k prvku zápatí podtržena.</p>\n' +
+  '\n' +
+  '<h1>Navigace mezi oddíly uživatelského rozhraní</h1>\n' +
+  '\n' +
+  '<p>Stisknutím klávesy <strong>Tab</strong> se posunete z jednoho oddílu uživatelského rozhraní na další.</p>\n' +
+  '\n' +
+  '<p>Stisknutím kláves <strong>Shift+Tab</strong> se posunete z jednoho oddílu uživatelského rozhraní na předchozí.</p>\n' +
+  '\n' +
+  '<p>Pořadí přepínání mezi oddíly uživatelského rozhraní pomocí klávesy <strong>Tab</strong>:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Řádek nabídek</li>\n' +
+  '  <li>Každá skupina panelu nástrojů</li>\n' +
+  '  <li>Boční panel</li>\n' +
+  '  <li>Cesta k prvku v zápatí.</li>\n' +
+  '  <li>Tlačítko přepínače počtu slov v zápatí</li>\n' +
+  '  <li>Odkaz na informace o značce v zápatí</li>\n' +
+  '  <li>Úchyt pro změnu velikosti editoru v zápatí</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Pokud nějaký oddíl uživatelského rozhraní není přítomen, je přeskočen.</p>\n' +
+  '\n' +
+  '<p>Pokud je zápatí vybrané pro navigaci pomocí klávesnice a není zobrazen žádný boční panel, stisknutím kláves <strong>Shift+Tab</strong>\n' +
+  '  přejdete na první skupinu panelu nástrojů, nikoli na poslední.</p>\n' +
+  '\n' +
+  '<h1>Navigace v rámci oddílů uživatelského rozhraní</h1>\n' +
+  '\n' +
+  '<p>Chcete-li se přesunout z jednoho prvku uživatelského rozhraní na další, stiskněte příslušnou klávesu s <strong>šipkou</strong>.</p>\n' +
+  '\n' +
+  '<p>Klávesy s šipkou <strong>vlevo</strong> a <strong>vpravo</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>umožňují přesun mezi nabídkami na řádku nabídek;</li>\n' +
+  '  <li>otevírají podnabídku nabídky;</li>\n' +
+  '  <li>umožňují přesun mezi tlačítky ve skupině panelu nástrojů;</li>\n' +
+  '  <li>umožňují přesun mezi položkami cesty prvku v zápatí.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klávesy se šipkou <strong>dolů</strong> a <strong>nahoru</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>umožňují přesun mezi položkami nabídky;</li>\n' +
+  '  <li>umožňují přesun mezi položkami místní nabídky panelu nástrojů.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Šipky</strong> provádí přepínání v rámci vybraného oddílu uživatelského rozhraní.</p>\n' +
+  '\n' +
+  '<p>Chcete-li zavřít otevřenou nabídku, podnabídku nebo místní nabídku, stiskněte klávesu <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Pokud je aktuálně vybrána horní část oddílu uživatelského rozhraní, stisknutím klávesy <strong>Esc</strong> zcela ukončíte také\n' +
+  '  navigaci pomocí klávesnice.</p>\n' +
+  '\n' +
+  '<h1>Provedení příkazu položky nabídky nebo tlačítka panelu nástrojů</h1>\n' +
+  '\n' +
+  '<p>Pokud je zvýrazněna požadovaná položka nabídky nebo tlačítko panelu nástrojů, stisknutím klávesy <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  nebo <strong>mezerníku</strong> provedete příslušný příkaz.</p>\n' +
+  '\n' +
+  '<h1>Navigace v dialogových oknech bez záložek</h1>\n' +
+  '\n' +
+  '<p>Při otevření dialogových oken bez záložek přejdete na první interaktivní komponentu.</p>\n' +
+  '\n' +
+  '<p>Přecházet mezi interaktivními komponentami dialogového okna můžete stisknutím klávesy <strong>Tab</strong> nebo kombinace <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigace v dialogových oknech se záložkami</h1>\n' +
+  '\n' +
+  '<p>Při otevření dialogových oken se záložkami přejdete na první tlačítko v nabídce záložek.</p>\n' +
+  '\n' +
+  '<p>Přecházet mezi interaktivními komponentami této záložky dialogového okna můžete stisknutím klávesy <strong>Tab</strong> nebo\n' +
+  '  kombinace <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Chcete-li přepnout na další záložku dialogového okna, přejděte na nabídku záložek a poté můžete stisknutím požadované <strong>šipky</strong>\n' +
+  '  přepínat mezi dostupnými záložkami.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/da.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/da.js
new file mode 100644
index 000000000..4d1e1d4b9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/da.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.da',
+'<h1>Start tastaturnavigation</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokuser på menulinjen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokuser på værktøjslinjen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokuser på sidefoden</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokuser på meddelelsen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokuser på kontekstuel værktøjslinje</dt>\n' +
+  '  <dd>Windows, Linux eller macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigationen starter ved det første UI-element, som fremhæves eller understreges hvad angår det første element i\n' +
+  '  sidefodens sti til elementet.</p>\n' +
+  '\n' +
+  '<h1>Naviger mellem UI-sektioner</h1>\n' +
+  '\n' +
+  '<p>Gå fra én UI-sektion til den næste ved at trykke på <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Gå fra én UI-sektion til den forrige ved at trykke på <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong>-rækkefølgen af disse UI-sektioner er:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menulinje</li>\n' +
+  '  <li>Hver værktøjsgruppe</li>\n' +
+  '  <li>Sidepanel</li>\n' +
+  '  <li>Sti til elementet i sidefoden</li>\n' +
+  '  <li>Til/fra-knap for ordoptælling i sidefoden</li>\n' +
+  '  <li>Brandinglink i sidefoden</li>\n' +
+  '  <li>Tilpasningshåndtag for editor i sidefoden</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Hvis en UI-sektion ikke er til stede, springes den over.</p>\n' +
+  '\n' +
+  '<p>Hvis sidefoden har fokus til tastaturnavigation, og der ikke er noget synligt sidepanel, kan der trykkes på <strong>Shift+Tab</strong>\n' +
+  '  for at flytte fokus til den første værktøjsgruppe, ikke den sidste.</p>\n' +
+  '\n' +
+  '<h1>Naviger inden for UI-sektioner</h1>\n' +
+  '\n' +
+  '<p>Gå fra ét UI-element til det næste ved at trykke på den relevante <strong>piletast</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Venstre</strong> og <strong>højre</strong> piletast</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>flytter mellem menuerne i menulinjen.</li>\n' +
+  '  <li>åbner en undermenu i en menu.</li>\n' +
+  '  <li>flytter mellem knapperne i en værktøjsgruppe.</li>\n' +
+  '  <li>flytter mellem elementer i sidefodens sti til elementet.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Pil <strong>ned</strong> og <strong>op</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>flytter mellem menupunkterne i en menu.</li>\n' +
+  '  <li>flytter mellem punkterne i en genvejsmenu i værktøjslinjen.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Piletasterne</strong> kører rundt inden for UI-sektionen, der fokuseres på.</p>\n' +
+  '\n' +
+  '<p>For at lukke en åben menu, en åben undermenu eller en åben genvejsmenu trykkes der på <strong>Esc</strong>-tasten.</p>\n' +
+  '\n' +
+  "<p>Hvis det aktuelle fokus er i 'toppen' af en bestemt UI-sektion, vil tryk på <strong>Esc</strong>-tasten også afslutte\n" +
+  '  tastaturnavigationen helt.</p>\n' +
+  '\n' +
+  '<h1>Udfør et menupunkt eller en værktøjslinjeknap</h1>\n' +
+  '\n' +
+  '<p>Når det ønskede menupunkt eller den ønskede værktøjslinjeknap er fremhævet, trykkes der på <strong>Retur</strong>, <strong>Enter</strong>\n' +
+  '  eller <strong>mellemrumstasten</strong> for at udføre elementet.</p>\n' +
+  '\n' +
+  '<h1>Naviger i ikke-faneopdelte dialogbokse</h1>\n' +
+  '\n' +
+  '<p>I ikke-faneopdelte dialogbokse får den første interaktive komponent fokus, når dialogboksen åbnes.</p>\n' +
+  '\n' +
+  '<p>Naviger mellem interaktive dialogbokskomponenter ved at trykke på <strong>Tab</strong> eller <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Naviger i faneopdelte dialogbokse</h1>\n' +
+  '\n' +
+  '<p>I faneopdelte dialogbokse får den første knap i fanemenuen fokus, når dialogboksen åbnes.</p>\n' +
+  '\n' +
+  '<p>Naviger mellem interaktive komponenter i denne dialogboksfane ved at trykke på <strong>Tab</strong> eller\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Skift til en anden dialogboksfane ved at fokusere på fanemenuen og derefter trykke på den relevante <strong>piletast</strong>\n' +
+  '  for at køre igennem de tilgængelige faner.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/de.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/de.js
new file mode 100644
index 000000000..b8711ed43
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/de.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.de',
+'<h1>Grundlagen der Tastaturnavigation</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokus auf Menüleiste</dt>\n' +
+  '  <dd>Windows oder Linux: ALT+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokus auf Symbolleiste</dt>\n' +
+  '  <dd>Windows oder Linux: ALT+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokus auf Fußzeile</dt>\n' +
+  '  <dd>Windows oder Linux: ALT+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Benachrichtigung fokussieren</dt>\n' +
+  '  <dd>Windows oder Linux: ALT+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokus auf kontextbezogene Symbolleiste</dt>\n' +
+  '  <dd>Windows, Linux oder macOS: STRG+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Die Navigation beginnt beim ersten Benutzeroberflächenelement, welches hervorgehoben ist. Falls sich das erste Element im Pfad der Fußzeile befindet,\n' +
+  '  ist es unterstrichen.</p>\n' +
+  '\n' +
+  '<h1>Zwischen Abschnitten der Benutzeroberfläche navigieren</h1>\n' +
+  '\n' +
+  '<p>Um von einem Abschnitt der Benutzeroberfläche zum nächsten zu wechseln, drücken Sie <strong>TAB</strong>.</p>\n' +
+  '\n' +
+  '<p>Um von einem Abschnitt der Benutzeroberfläche zum vorherigen zu wechseln, drücken Sie <strong>UMSCHALT+TAB</strong>.</p>\n' +
+  '\n' +
+  '<p>Die Abschnitte der Benutzeroberfläche haben folgende <strong>TAB</strong>-Reihenfolge:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menüleiste</li>\n' +
+  '  <li>Einzelne Gruppen der Symbolleiste</li>\n' +
+  '  <li>Randleiste</li>\n' +
+  '  <li>Elementpfad in der Fußzeile</li>\n' +
+  '  <li>Umschaltfläche „Wörter zählen“ in der Fußzeile</li>\n' +
+  '  <li>Branding-Link in der Fußzeile</li>\n' +
+  '  <li>Editor-Ziehpunkt zur Größenänderung in der Fußzeile</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Falls ein Abschnitt der Benutzeroberflächen nicht vorhanden ist, wird er übersprungen.</p>\n' +
+  '\n' +
+  '<p>Wenn in der Fußzeile die Tastaturnavigation fokussiert ist und keine Randleiste angezeigt wird, wechselt der Fokus durch Drücken von <strong>UMSCHALT+TAB</strong>\n' +
+  '  zur ersten Gruppe der Symbolleiste, nicht zur letzten.</p>\n' +
+  '\n' +
+  '<h1>Innerhalb von Abschnitten der Benutzeroberfläche navigieren</h1>\n' +
+  '\n' +
+  '<p>Um von einem Element der Benutzeroberfläche zum nächsten zu wechseln, drücken Sie die entsprechende <strong>Pfeiltaste</strong>.</p>\n' +
+  '\n' +
+  '<p>Die Pfeiltasten <strong>Links</strong> und <strong>Rechts</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>wechseln zwischen Menüs in der Menüleiste.</li>\n' +
+  '  <li>öffnen das Untermenü eines Menüs.</li>\n' +
+  '  <li>wechseln zwischen Schaltflächen in einer Gruppe der Symbolleiste.</li>\n' +
+  '  <li>wechseln zwischen Elementen im Elementpfad der Fußzeile.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Die Pfeiltasten <strong>Abwärts</strong> und <strong>Aufwärts</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>wechseln zwischen Menüelementen in einem Menü.</li>\n' +
+  '  <li>wechseln zwischen Elementen in einem Popupmenü der Symbolleiste.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Die <strong>Pfeiltasten</strong> rotieren innerhalb des fokussierten Abschnitts der Benutzeroberfläche.</p>\n' +
+  '\n' +
+  '<p>Um ein geöffnetes Menü, ein geöffnetes Untermenü oder ein geöffnetes Popupmenü zu schließen, drücken Sie die <strong>ESC</strong>-Taste.</p>\n' +
+  '\n' +
+  '<p>Wenn sich der aktuelle Fokus ganz oben in einem bestimmten Abschnitt der Benutzeroberfläche befindet, wird durch Drücken der <strong>ESC</strong>-Taste auch\n' +
+  '  die Tastaturnavigation beendet.</p>\n' +
+  '\n' +
+  '<h1>Ein Menüelement oder eine Symbolleistenschaltfläche ausführen</h1>\n' +
+  '\n' +
+  '<p>Wenn das gewünschte Menüelement oder die gewünschte Symbolleistenschaltfläche hervorgehoben ist, drücken Sie <strong>Zurück</strong>, <strong>Eingabe</strong>\n' +
+  '  oder die <strong>Leertaste</strong>, um das Element auszuführen.</p>\n' +
+  '\n' +
+  '<h1>In Dialogfeldern ohne Registerkarten navigieren</h1>\n' +
+  '\n' +
+  '<p>In Dialogfeldern ohne Registerkarten ist beim Öffnen eines Dialogfelds die erste interaktive Komponente fokussiert.</p>\n' +
+  '\n' +
+  '<p>Navigieren Sie zwischen den interaktiven Komponenten eines Dialogfelds, indem Sie <strong>TAB</strong> oder <strong>UMSCHALT+TAB</strong> drücken.</p>\n' +
+  '\n' +
+  '<h1>In Dialogfeldern mit Registerkarten navigieren</h1>\n' +
+  '\n' +
+  '<p>In Dialogfeldern mit Registerkarten ist beim Öffnen eines Dialogfelds die erste Schaltfläche eines Registerkartenmenüs fokussiert.</p>\n' +
+  '\n' +
+  '<p>Navigieren Sie zwischen den interaktiven Komponenten auf dieser Registerkarte des Dialogfelds, indem Sie <strong>TAB</strong> oder\n' +
+  '  <strong>UMSCHALT+TAB</strong> drücken.</p>\n' +
+  '\n' +
+  '<p>Wechseln Sie zu einer anderen Registerkarte des Dialogfelds, indem Sie den Fokus auf das Registerkartenmenü legen und dann die entsprechende <strong>Pfeiltaste</strong>\n' +
+  '  drücken, um durch die verfügbaren Registerkarten zu rotieren.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/el.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/el.js
new file mode 100644
index 000000000..98afabe94
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/el.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.el',
+'<h1>Έναρξη πλοήγησης μέσω πληκτρολογίου</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Εστίαση στη γραμμή μενού</dt>\n' +
+  '  <dd>Windows ή Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Εστίαση στη γραμμή εργαλείων</dt>\n' +
+  '  <dd>Windows ή Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Εστίαση στο υποσέλιδο</dt>\n' +
+  '  <dd>Windows ή Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Εστίαση στην ειδοποίηση</dt>\n' +
+  '  <dd>Windows ή Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Εστίαση σε γραμμή εργαλείων βάσει περιεχομένου</dt>\n' +
+  '  <dd>Windows, Linux ή macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Η πλοήγηση θα ξεκινήσει από το πρώτο στοιχείο περιβάλλοντος χρήστη, που θα επισημαίνεται ή θα είναι υπογραμμισμένο,\n' +
+  '  όπως στην περίπτωση της διαδρομής του στοιχείου Υποσέλιδου.</p>\n' +
+  '\n' +
+  '<h1>Πλοήγηση μεταξύ ενοτήτων του περιβάλλοντος χρήστη</h1>\n' +
+  '\n' +
+  '<p>Για να μετακινηθείτε από μια ενότητα περιβάλλοντος χρήστη στην επόμενη, πιέστε το πλήκτρο <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Για να μετακινηθείτε από μια ενότητα περιβάλλοντος χρήστη στην προηγούμενη, πιέστε τα πλήκτρα <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Η σειρά <strong>Tab</strong> αυτών των ενοτήτων περιβάλλοντος χρήστη είναι η εξής:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Γραμμή μενού</li>\n' +
+  '  <li>Κάθε ομάδα γραμμής εργαλείων</li>\n' +
+  '  <li>Πλαϊνή γραμμή</li>\n' +
+  '  <li>Διαδρομή στοιχείου στο υποσέλιδο</li>\n' +
+  '  <li>Κουμπί εναλλαγής μέτρησης λέξεων στο υποσέλιδο</li>\n' +
+  '  <li>Σύνδεσμος επωνυμίας στο υποσέλιδο</li>\n' +
+  '  <li>Λαβή αλλαγής μεγέθους προγράμματος επεξεργασίας στο υποσέλιδο</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Εάν δεν εμφανίζεται ενότητα περιβάλλοντος χρήστη, παραλείπεται.</p>\n' +
+  '\n' +
+  '<p>Εάν η εστίαση πλοήγησης βρίσκεται στο πληκτρολόγιο και δεν υπάρχει εμφανής πλαϊνή γραμμή, εάν πιέσετε <strong>Shift+Tab</strong>\n' +
+  '  η εστίαση μετακινείται στην πρώτη ομάδα γραμμής εργαλείων, όχι στην τελευταία.</p>\n' +
+  '\n' +
+  '<h1>Πλοήγηση εντός των ενοτήτων του περιβάλλοντος χρήστη</h1>\n' +
+  '\n' +
+  '<p>Για να μετακινηθείτε από ένα στοιχείο περιβάλλοντος χρήστη στο επόμενο, πιέστε το αντίστοιχο πλήκτρο <strong>βέλους</strong>.</p>\n' +
+  '\n' +
+  '<p>Με τα πλήκτρα <strong>αριστερού</strong> και <strong>δεξιού</strong> βέλους</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ των μενού στη γραμμή μενού.</li>\n' +
+  '  <li>ανοίγει ένα υπομενού σε ένα μενού.</li>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ κουμπιών σε μια ομάδα γραμμής εργαλείων.</li>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ στοιχείων στη διαδρομή στοιχείου στο υποσέλιδο.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Με τα πλήκτρα <strong>επάνω</strong> και <strong>κάτω</strong> βέλους</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ των στοιχείων μενού σε ένα μενού.</li>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ των στοιχείων μενού σε ένα αναδυόμενο μενού γραμμής εργαλείων.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Με τα πλήκτρα <strong>βέλους</strong> γίνεται κυκλική μετακίνηση εντός της εστιασμένης ενότητας περιβάλλοντος χρήστη.</p>\n' +
+  '\n' +
+  '<p>Για να κλείσετε ένα ανοιχτό μενού, ένα ανοιχτό υπομενού ή ένα ανοιχτό αναδυόμενο μενού, πιέστε το πλήκτρο <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Εάν η τρέχουσα εστίαση βρίσκεται στην κορυφή μιας ενότητας περιβάλλοντος χρήστη, πιέζοντας το πλήκτρο <strong>Esc</strong>,\n' +
+  '  γίνεται επίσης πλήρης έξοδος από την πλοήγηση μέσω πληκτρολογίου.</p>\n' +
+  '\n' +
+  '<h1>Εκτέλεση ενός στοιχείου μενού ή κουμπιού γραμμής εργαλείων</h1>\n' +
+  '\n' +
+  '<p>Όταν το επιθυμητό στοιχείο μενού ή κουμπί γραμμής εργαλείων είναι επισημασμένο, πιέστε τα πλήκτρα <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  ή το <strong>πλήκτρο διαστήματος</strong> για να εκτελέσετε το στοιχείο.</p>\n' +
+  '\n' +
+  '<h1>Πλοήγηση σε παράθυρα διαλόγου χωρίς καρτέλες</h1>\n' +
+  '\n' +
+  '<p>Σε παράθυρα διαλόγου χωρίς καρτέλες, το πρώτο αλληλεπιδραστικό στοιχείο λαμβάνει την εστίαση όταν ανοίγει το παράθυρο διαλόγου.</p>\n' +
+  '\n' +
+  '<p>Μπορείτε να πλοηγηθείτε μεταξύ των αλληλεπιδραστικών στοιχείων παραθύρων διαλόγων πιέζοντας τα πλήκτρα <strong>Tab</strong> ή <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Πλοήγηση σε παράθυρα διαλόγου με καρτέλες</h1>\n' +
+  '\n' +
+  '<p>Σε παράθυρα διαλόγου με καρτέλες, το πρώτο κουμπί στο μενού καρτέλας λαμβάνει την εστίαση όταν ανοίγει το παράθυρο διαλόγου.</p>\n' +
+  '\n' +
+  '<p>Μπορείτε να πλοηγηθείτε μεταξύ των αλληλεπιδραστικών στοιχείων αυτής της καρτέλα διαλόγου πιέζοντας τα πλήκτρα <strong>Tab</strong> ή\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Μπορείτε να κάνετε εναλλαγή σε άλλη καρτέλα του παραθύρου διαλόγου, μεταφέροντας την εστίαση στο μενού καρτέλας και πιέζοντας το κατάλληλο πλήκτρο <strong>βέλους</strong>\n' +
+  '  για να μετακινηθείτε κυκλικά στις διαθέσιμες καρτέλες.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/en.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/en.js
new file mode 100644
index 000000000..5dd753e82
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/en.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.en',
+'<h1>Begin keyboard navigation</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Focus the Menu bar</dt>\n' +
+  '  <dd>Windows or Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Focus the Toolbar</dt>\n' +
+  '  <dd>Windows or Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Focus the footer</dt>\n' +
+  '  <dd>Windows or Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Focus the notification</dt>\n' +
+  '  <dd>Windows or Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Focus a contextual toolbar</dt>\n' +
+  '  <dd>Windows, Linux or macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigation will start at the first UI item, which will be highlighted, or underlined in the case of the first item in\n' +
+  '  the Footer element path.</p>\n' +
+  '\n' +
+  '<h1>Navigate between UI sections</h1>\n' +
+  '\n' +
+  '<p>To move from one UI section to the next, press <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>To move from one UI section to the previous, press <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>The <strong>Tab</strong> order of these UI sections is:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menu bar</li>\n' +
+  '  <li>Each toolbar group</li>\n' +
+  '  <li>Sidebar</li>\n' +
+  '  <li>Element path in the footer</li>\n' +
+  '  <li>Word count toggle button in the footer</li>\n' +
+  '  <li>Branding link in the footer</li>\n' +
+  '  <li>Editor resize handle in the footer</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>If a UI section is not present, it is skipped.</p>\n' +
+  '\n' +
+  '<p>If the footer has keyboard navigation focus, and there is no visible sidebar, pressing <strong>Shift+Tab</strong>\n' +
+  '  moves focus to the first toolbar group, not the last.</p>\n' +
+  '\n' +
+  '<h1>Navigate within UI sections</h1>\n' +
+  '\n' +
+  '<p>To move from one UI element to the next, press the appropriate <strong>Arrow</strong> key.</p>\n' +
+  '\n' +
+  '<p>The <strong>Left</strong> and <strong>Right</strong> arrow keys</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>move between menus in the menu bar.</li>\n' +
+  '  <li>open a sub-menu in a menu.</li>\n' +
+  '  <li>move between buttons in a toolbar group.</li>\n' +
+  '  <li>move between items in the footer’s element path.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>The <strong>Down</strong> and <strong>Up</strong> arrow keys</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>move between menu items in a menu.</li>\n' +
+  '  <li>move between items in a toolbar pop-up menu.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Arrow</strong> keys cycle within the focused UI section.</p>\n' +
+  '\n' +
+  '<p>To close an open menu, an open sub-menu, or an open pop-up menu, press the <strong>Esc</strong> key.</p>\n' +
+  '\n' +
+  '<p>If the current focus is at the ‘top’ of a particular UI section, pressing the <strong>Esc</strong> key also exits\n' +
+  '  keyboard navigation entirely.</p>\n' +
+  '\n' +
+  '<h1>Execute a menu item or toolbar button</h1>\n' +
+  '\n' +
+  '<p>When the desired menu item or toolbar button is highlighted, press <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  or the <strong>Space bar</strong> to execute the item.</p>\n' +
+  '\n' +
+  '<h1>Navigate non-tabbed dialogs</h1>\n' +
+  '\n' +
+  '<p>In non-tabbed dialogs, the first interactive component takes focus when the dialog opens.</p>\n' +
+  '\n' +
+  '<p>Navigate between interactive dialog components by pressing <strong>Tab</strong> or <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigate tabbed dialogs</h1>\n' +
+  '\n' +
+  '<p>In tabbed dialogs, the first button in the tab menu takes focus when the dialog opens.</p>\n' +
+  '\n' +
+  '<p>Navigate between interactive components of this dialog tab by pressing <strong>Tab</strong> or\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Switch to another dialog tab by giving the tab menu focus and then pressing the appropriate <strong>Arrow</strong>\n' +
+  '  key to cycle through the available tabs.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/es.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/es.js
new file mode 100644
index 000000000..e426c2e2e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/es.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.es',
+'<h1>Iniciar la navegación con el teclado</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Enfocar la barra de menús</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Enfocar la barra de herramientas</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Enfocar el pie de página</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Enfocar la notificación</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Enfocar una barra de herramientas contextual</dt>\n' +
+  '  <dd>Windows, Linux o macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>La navegación comenzará por el primer elemento de la interfaz de usuario (IU), de tal manera que se resaltará, o bien se subrayará si se trata del primer elemento de\n' +
+  '  la ruta de elemento del pie de página.</p>\n' +
+  '\n' +
+  '<h1>Navegar entre las secciones de la IU</h1>\n' +
+  '\n' +
+  '<p>Para pasar de una sección de la IU a la siguiente, pulse la tecla <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Para pasar de una sección de la IU a la anterior, pulse <strong>Mayús+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>El orden de <strong>tabulación</strong> de estas secciones de la IU es:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra de menús</li>\n' +
+  '  <li>Cada grupo de barra de herramientas</li>\n' +
+  '  <li>Barra lateral</li>\n' +
+  '  <li>Ruta del elemento en el pie de página</li>\n' +
+  '  <li>Botón de alternancia de recuento de palabras en el pie de página</li>\n' +
+  '  <li>Enlace de personalización de marca en el pie de página</li>\n' +
+  '  <li>Controlador de cambio de tamaño en el pie de página</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Si una sección de la IU no está presente, esta se omite.</p>\n' +
+  '\n' +
+  '<p>Si el pie de página tiene un enfoque de navegación con el teclado y no hay ninguna barra lateral visible, al pulsar <strong>Mayús+Tab</strong>,\n' +
+  '  el enfoque se moverá al primer grupo de barra de herramientas, en lugar de al último.</p>\n' +
+  '\n' +
+  '<h1>Navegar dentro de las secciones de la IU</h1>\n' +
+  '\n' +
+  '<p>Para pasar de un elemento de la IU al siguiente, pulse la tecla de <strong>flecha</strong> correspondiente.</p>\n' +
+  '\n' +
+  '<p>Las teclas de flecha <strong>izquierda</strong> y <strong>derecha</strong> permiten</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>desplazarse entre los menús de la barra de menús.</li>\n' +
+  '  <li>abrir el submenú de un menú.</li>\n' +
+  '  <li>desplazarse entre los botones de un grupo de barra de herramientas.</li>\n' +
+  '  <li>desplazarse entre los elementos de la ruta de elemento del pie de página.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Las teclas de flecha <strong>abajo</strong> y <strong>arriba</strong> permiten</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>desplazarse entre los elementos de menú de un menú.</li>\n' +
+  '  <li>desplazarse entre los elementos de un menú emergente de una barra de herramientas.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Las teclas de <strong>flecha</strong> van cambiando dentro de la sección de la IU enfocada.</p>\n' +
+  '\n' +
+  '<p>Para cerrar un menú, un submenú o un menú emergente que estén abiertos, pulse la tecla <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Si el enfoque actual se encuentra en la parte superior de una sección de la IU determinada, al pulsar la tecla <strong>Esc</strong> saldrá\n' +
+  '  de la navegación con el teclado por completo.</p>\n' +
+  '\n' +
+  '<h1>Ejecutar un elemento de menú o un botón de barra de herramientas</h1>\n' +
+  '\n' +
+  '<p>Si el elemento de menú o el botón de barra de herramientas deseado está resaltado, pulse la tecla <strong>Retorno</strong> o <strong>Entrar</strong>,\n' +
+  '  o la <strong>barra espaciadora</strong> para ejecutar el elemento.</p>\n' +
+  '\n' +
+  '<h1>Navegar por cuadros de diálogo sin pestañas</h1>\n' +
+  '\n' +
+  '<p>En los cuadros de diálogo sin pestañas, el primer componente interactivo se enfoca al abrirse el cuadro de diálogo.</p>\n' +
+  '\n' +
+  '<p>Para navegar entre los componentes interactivos del cuadro de diálogo, pulse las teclas <strong>Tab</strong> o <strong>Mayús+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navegar por cuadros de diálogo con pestañas</h1>\n' +
+  '\n' +
+  '<p>En los cuadros de diálogo con pestañas, el primer botón del menú de pestaña se enfoca al abrirse el cuadro de diálogo.</p>\n' +
+  '\n' +
+  '<p>Para navegar entre componentes interactivos de esta pestaña del cuadro de diálogo, pulse las teclas <strong>Tab</strong> o\n' +
+  '  <strong>Mayús+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Si desea cambiar a otra pestaña del cuadro de diálogo, enfoque el menú de pestañas y, a continuación, pulse la tecla de <strong>flecha</strong>\n' +
+  '  correspondiente para moverse por las pestañas disponibles.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/eu.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/eu.js
new file mode 100644
index 000000000..c18b94030
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/eu.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.eu',
+'<h1>Hasi teklatuaren nabigazioa</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokuratu menu-barra</dt>\n' +
+  '  <dd>Windows edo Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokuratu tresna-barra</dt>\n' +
+  '  <dd>Windows edo Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokuratu orri-oina</dt>\n' +
+  '  <dd>Windows edo Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokuratu jakinarazpena</dt>\n' +
+  '  <dd>Windows edo Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokuratu testuinguruaren tresna-barra</dt>\n' +
+  '  <dd>Windows, Linux edo macOS: Ktrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Nabigazioa EIko lehen elementuan hasiko da: elementu hori nabarmendu egingo da, edo azpimarratu lehen elementua bada\n' +
+  '  orri-oineko elementuaren bidea.</p>\n' +
+  '\n' +
+  '<h1>Nabigatu EIko atalen artean</h1>\n' +
+  '\n' +
+  '<p>EIko atal batetik hurrengora mugitzeko, sakatu <strong>Tabuladorea</strong>.</p>\n' +
+  '\n' +
+  '<p>EIko atal batetik aurrekora mugitzeko, sakatu <strong>Maius+Tabuladorea</strong>.</p>\n' +
+  '\n' +
+  '<p>EIko atal hauen <strong>Tabuladorea</strong> da:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menu-barra</li>\n' +
+  '  <li>Tresna-barraren talde bakoitza</li>\n' +
+  '  <li>Alboko barra</li>\n' +
+  '  <li>Orri-oineko elementuaren bidea</li>\n' +
+  '  <li>Orri-oneko urrats-kontaketa txandakatzeko botoia</li>\n' +
+  '  <li>Orri-oineko marken esteka</li>\n' +
+  '  <li>Orri-oineko editorearen tamaina aldatzeko heldulekua</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>EIko atal bat ez badago, saltatu egin da.</p>\n' +
+  '\n' +
+  '<p>Orri-oinak teklatuaren nabigazioa fokuratuta badago, eta alboko barra ikusgai ez badago, <strong>Maius+Tabuladorea</strong> sakatuz gero,\n' +
+  '  fokua tresna-barrako lehen taldera eramaten da, ez azkenera.</p>\n' +
+  '\n' +
+  '<h1>Nabigatu EIko atalen barruan</h1>\n' +
+  '\n' +
+  '<p>EIko elementu batetik hurrengora mugitzeko, sakatu dagokion <strong>Gezia</strong> tekla.</p>\n' +
+  '\n' +
+  '<p><strong>Ezkerrera</strong> eta <strong>Eskuinera</strong> gezi-teklak</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>menu-barrako menuen artean mugitzen da.</li>\n' +
+  '  <li>ireki azpimenu bat menuan.</li>\n' +
+  '  <li>mugitu botoi batetik bestera tresna-barren talde batean.</li>\n' +
+  '  <li>mugitu orri-oineko elementuaren bideko elementu batetik bestera.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Gora</strong> eta <strong>Behera</strong> gezi-teklak</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>mugitu menu bateko menu-elementuen artean.</li>\n' +
+  '  <li>mugitu tresna-barrako menu gainerakor bateko menu-elementuen artean.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Gezia</strong> teklen zikloa nabarmendutako EI atalen barruan.</p>\n' +
+  '\n' +
+  '<p>Irekitako menu bat ixteko, ireki azpimenua, edo ireki menu gainerakorra, sakatu <strong>Ihes</strong> tekla.</p>\n' +
+  '\n' +
+  '<p>Une horretan fokuratzea EIko atal jakin baten "goialdean" badago, <strong>Ihes</strong> tekla sakatuz gero\n' +
+  '  teklatuaren nabigaziotik irtengo zara.</p>\n' +
+  '\n' +
+  '<h1>Exekutatu menuko elementu bat edo tresna-barrako botoi bat</h1>\n' +
+  '\n' +
+  '<p>Nahi den menuaren elementua edo tresna-barraren botoia nabarmenduta dagoenean, sakatu <strong>Itzuli</strong>, <strong>Sartu</strong>\n' +
+  '  edo <strong>Zuriune-barra</strong> elementua exekutatzeko.</p>\n' +
+  '\n' +
+  '<h1>Nabigatu fitxarik gabeko elkarrizketak</h1>\n' +
+  '\n' +
+  '<p>Fitxarik gabeko elkarrizketetan, lehen osagai interaktiboa fokuratzen da elkarrizketa irekitzen denean.</p>\n' +
+  '\n' +
+  '<p>Nabigatu elkarrizketa interaktiboko osagai batetik bestera <strong>Tabuladorea</strong> edo <strong>Maius+Tabuladorea</strong> sakatuta.</p>\n' +
+  '\n' +
+  '<h1>Nabigatu fitxadun elkarrizketak</h1>\n' +
+  '\n' +
+  '<p>Fitxadun elkarrizketetan, fitxa-menuko lehen botoia fokuratzen da elkarrizketa irekitzen denean.</p>\n' +
+  '\n' +
+  '<p>Nabigatu elkarrizketa-fitxa honen interaktiboko osagai batetik bestera <strong>Tabuladorea</strong> edo\n' +
+  '  <strong>Maius+Tabuladorea</strong> sakatuta.</p>\n' +
+  '\n' +
+  '<p>Aldatu beste elkarrizketa-fitxa batera fitxa-menua fokuratu eta dagokion <strong>Gezia</strong>\n' +
+  '  tekla sakatzeko, erabilgarri dauden fitxa batetik bestera txandakatzeko.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fa.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fa.js
new file mode 100644
index 000000000..2a55012e8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fa.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.fa',
+'<h1>شروع پیمایش صفحه‌کلید</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>تمرکز بر نوار منو</dt>\n' +
+  '  <dd>Windows یا Linux:‎‏: Alt+F9</dd>\n' +
+  '  <dd>‎‏macOS: &#x2325;F9‎‏</dd>\n' +
+  '  <dt>تمرکز بر نوار ابزار</dt>\n' +
+  '  <dd>Windows یا Linux‎‏: Alt+F10</dd>\n' +
+  '  <dd>‎‏macOS: &#x2325;F10‎‏</dd>\n' +
+  '  <dt>تمرکز بر پانویس</dt>\n' +
+  '  <dd>Windows یا Linux‎‏: Alt+F11</dd>\n' +
+  '  <dd>‎‏macOS: &#x2325;F11‎‏</dd>\n' +
+  '  <dt>تمرکز اعلان</dt>\n' +
+  '  <dd>ویندوز یا لینوکس: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>تمرکز بر نوار ابزار بافتاری</dt>\n' +
+  '  <dd>Windows ،Linux یا macOS:‏ Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>پیمایش در اولین مورد رابط کاربری شروع می‌شود و درخصوص اولین مورد در\n' +
+  '  مسیر عنصر پانویس، برجسته یا زیرخط‌دار می‌شود.</p>\n' +
+  '\n' +
+  '<h1>پیمایش بین بخش‌های رابط کاربری</h1>\n' +
+  '\n' +
+  '<p>برای جابجایی از یک بخش رابط کاربری به بخش بعدی، <strong>Tab</strong> را فشار دهید.</p>\n' +
+  '\n' +
+  '<p>برای جابجایی از یک بخش رابط کاربری به بخش قبلی، <strong>Shift+Tab</strong> را فشار دهید.</p>\n' +
+  '\n' +
+  '<p>ترتیب <strong>Tab</strong> این بخش‌های رابط کاربری عبارتند از:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>نوار منو</li>\n' +
+  '  <li>هر گروه نوار ابزار</li>\n' +
+  '  <li>نوار کناری</li>\n' +
+  '  <li>مسیر عنصر در پانویس</li>\n' +
+  '  <li>دکمه تغییر وضعیت تعداد کلمات در پانویس</li>\n' +
+  '  <li>پیوند نمانام‌سازی در پانویس</li>\n' +
+  '  <li>دسته تغییر اندازه ویرایشگر در پانویس</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>اگر بخشی از رابط کاربری موجود نباشد، رد می‌شود.</p>\n' +
+  '\n' +
+  '<p>اگر پانویس دارای تمرکز بر پیمایش صفحه‌کلید باشد،‌ و نوار کناری قابل‌مشاهده وجود ندارد، فشردن <strong>Shift+Tab</strong>\n' +
+  '  تمرکز را به گروه نوار ابزار اول می‌برد، نه آخر.</p>\n' +
+  '\n' +
+  '<h1>پیمایش در بخش‌های رابط کاربری</h1>\n' +
+  '\n' +
+  '<p>برای جابجایی از یک عنصر رابط کاربری به بعدی، کلید <strong>جهت‌نمای</strong> مناسب را فشار دهید.</p>\n' +
+  '\n' +
+  '<p>کلیدهای جهت‌نمای <strong>چپ</strong> و <strong>راست</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>جابجایی بین منوها در نوار منو.</li>\n' +
+  '  <li>باز کردن منوی فرعی در یک منو.</li>\n' +
+  '  <li>جابجایی بین دکمه‌ها در یک گروه نوار ابزار.</li>\n' +
+  '  <li>جابجایی بین موارد در مسیر عنصر پانویس.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>کلیدهای جهت‌نمای <strong>پایین</strong> و <strong>بالا</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>جابجایی بین موارد منو در یک منو.</li>\n' +
+  '  <li>جابجایی بین موارد در یک منوی بازشوی نوار ابزار.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>کلیدهای<strong>جهت‌نما</strong> در بخش رابط کاربری متمرکز می‌چرخند.</p>\n' +
+  '\n' +
+  '<p>برای بستن یک منوی باز، یک منوی فرعی باز، یا یک منوی بازشوی باز، کلید <strong>Esc</strong> را فشار دهید.</p>\n' +
+  '\n' +
+  '<p>اگر تمرکز فعلی در «بالای» یک بخش رابط کاربری خاص است، فشردن کلید <strong>Esc</strong> نیز موجب\n' +
+  '  خروج کامل از پیمایش صفحه‌کلید می‌شود.</p>\n' +
+  '\n' +
+  '<h1>اجرای یک مورد منو یا دکمه نوار ابزار</h1>\n' +
+  '\n' +
+  '<p>وقتی مورد منو یا دکمه نوار ابزار مورد نظر هایلایت شد، دکمه <strong>بازگشت</strong>، <strong>Enter</strong>،\n' +
+  '  یا <strong>نوار Space</strong> را فشار دهید تا مورد را اجرا کنید.</p>\n' +
+  '\n' +
+  '<h1>پیمایش در کادرهای گفتگوی بدون زبانه</h1>\n' +
+  '\n' +
+  '<p>در کادرهای گفتگوی بدون زبانه، وقتی کادر گفتگو باز می‌شود، اولین جزء تعاملی متمرکز می‌شود.</p>\n' +
+  '\n' +
+  '<p>با فشردن <strong>Tab</strong> یا <strong>Shift+Tab</strong>، بین اجزای کادر گفتگوی تعاملی پیمایش کنید.</p>\n' +
+  '\n' +
+  '<h1>پیمایش کادرهای گفتگوی زبانه‌دار</h1>\n' +
+  '\n' +
+  '<p>در کادرهای گفتگوی زبانه‌دار، وقتی کادر گفتگو باز می‌شود، اولین دکمه در منوی زبانه متمرکز می‌شود.</p>\n' +
+  '\n' +
+  '<p>با فشردن <strong>Tab</strong> یا\n' +
+  '  <strong>Shift+Tab</strong>، بین اجزای تعاملی این زبانه کادر گفتگو پیمایش کنید.</p>\n' +
+  '\n' +
+  '<p>با دادن تمرکز به منوی زبانه و سپس فشار دادن کلید <strong>جهت‌نمای</strong>\n' +
+  '  مناسب برای چرخش میان زبانه‌های موجود، به زبانه کادر گفتگوی دیگری بروید.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fi.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fi.js
new file mode 100644
index 000000000..f01dc91c8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fi.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.fi',
+'<h1>Näppäimistönavigoinnin aloittaminen</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Siirrä kohdistus valikkopalkkiin</dt>\n' +
+  '  <dd>Windows tai Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Siirrä kohdistus työkalupalkkiin</dt>\n' +
+  '  <dd>Windows tai Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Siirrä kohdistus alatunnisteeseen</dt>\n' +
+  '  <dd>Windows tai Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Keskitä ilmoitukseen</dt>\n' +
+  '  <dd>Windows ja Linux: Alt + F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Siirrä kohdistus kontekstuaaliseen työkalupalkkiin</dt>\n' +
+  '  <dd>Windows, Linux tai macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigointi aloitetaan ensimmäisestä käyttöliittymän kohteesta, joka joko korostetaan tai alleviivataan, jos\n' +
+  '  kyseessä on Alatunniste-elementin polun ensimmäinen kohde.</p>\n' +
+  '\n' +
+  '<h1>Käyttöliittymän eri osien välillä navigointi</h1>\n' +
+  '\n' +
+  '<p>Paina <strong>sarkainnäppäintä</strong> siirtyäksesi käyttöliittymän osasta seuraavaan.</p>\n' +
+  '\n' +
+  '<p>Jos haluat siirtyä edelliseen käyttöliittymän osaan, paina <strong>Shift+sarkainnäppäin</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Sarkainnäppäin</strong> siirtää sinua näissä käyttöliittymän osissa tässä järjestyksessä:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Valikkopalkki</li>\n' +
+  '  <li>Työkalupalkin ryhmät</li>\n' +
+  '  <li>Sivupalkki</li>\n' +
+  '  <li>Elementin polku alatunnisteessa</li>\n' +
+  '  <li>Sanalaskurin vaihtopainike alatunnisteessa</li>\n' +
+  '  <li>Brändäyslinkki alatunnisteessa</li>\n' +
+  '  <li>Editorin koon muuttamisen kahva alatunnisteessa</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Jos jotakin käyttöliittymän osaa ei ole, se ohitetaan.</p>\n' +
+  '\n' +
+  '<p>Jos kohdistus on siirretty alatunnisteeseen näppäimistönavigoinnilla eikä sivupalkkia ole näkyvissä, <strong>Shift+sarkainnäppäin</strong>\n' +
+  '  siirtää kohdistuksen työkalupalkin ensimmäiseen ryhmään, eikä viimeiseen.</p>\n' +
+  '\n' +
+  '<h1>Käyttöliittymän eri osien sisällä navigointi</h1>\n' +
+  '\n' +
+  '<p>Paina <strong>nuolinäppäimiä</strong> siirtyäksesi käyttöliittymäelementistä seuraavaan.</p>\n' +
+  '\n' +
+  '<p><strong>Vasen</strong>- ja <strong>Oikea</strong>-nuolinäppäimet</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>siirtävät sinua valikkopalkin valikoiden välillä.</li>\n' +
+  '  <li>avaavat valikon alavalikon.</li>\n' +
+  '  <li>siirtävät sinua työkalupalkin ryhmän painikkeiden välillä.</li>\n' +
+  '  <li>siirtävät sinua kohteiden välillä alatunnisteen elementin polussa.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Alas</strong>- ja <strong>Ylös</strong>-nuolinäppäimet</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>siirtävät sinua valikon valikkokohteiden välillä.</li>\n' +
+  '  <li>siirtävät sinua työkalupalkin ponnahdusvalikon kohteiden välillä.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Nuolinäppäimet</strong> siirtävät sinua käyttöliittymän korostetun osan sisällä syklissä.</p>\n' +
+  '\n' +
+  '<p>Paina <strong>Esc</strong>-näppäintä sulkeaksesi avoimen valikon, avataksesi alavalikon tai avataksesi ponnahdusvalikon.</p>\n' +
+  '\n' +
+  '<p>Jos kohdistus on käyttöliittymän tietyn osion ylälaidassa, <strong>Esc</strong>-näppäimen painaminen\n' +
+  '  poistuu myös näppäimistönavigoinnista kokonaan.</p>\n' +
+  '\n' +
+  '<h1>Suorita valikkokohde tai työkalupalkin painike</h1>\n' +
+  '\n' +
+  '<p>Kun haluamasi valikkokohde tai työkalupalkin painike on korostettuna, paina <strong>Return</strong>-, <strong>Enter</strong>-\n' +
+  '  tai <strong>välilyöntinäppäintä</strong> suorittaaksesi kohteen.</p>\n' +
+  '\n' +
+  '<h1>Välilehdittömissä valintaikkunoissa navigointi</h1>\n' +
+  '\n' +
+  '<p>Kun välilehdetön valintaikkuna avautuu, kohdistus siirtyy sen ensimmäiseen interaktiiviseen komponenttiin.</p>\n' +
+  '\n' +
+  '<p>Voit siirtyä valintaikkunan interaktiivisten komponenttien välillä painamalla <strong>sarkainnäppäintä</strong> tai <strong>Shift+sarkainnäppäin</strong>.</p>\n' +
+  '\n' +
+  '<h1>Välilehdellisissä valintaikkunoissa navigointi</h1>\n' +
+  '\n' +
+  '<p>Kun välilehdellinen valintaikkuna avautuu, kohdistus siirtyy välilehtivalikon ensimmäiseen painikkeeseen.</p>\n' +
+  '\n' +
+  '<p>Voit siirtyä valintaikkunan välilehden interaktiivisen komponenttien välillä painamalla <strong>sarkainnäppäintä</strong> tai\n' +
+  '  <strong>Shift+sarkainnäppäin</strong>.</p>\n' +
+  '\n' +
+  '<p>Voit siirtyä valintaikkunan toiseen välilehteen siirtämällä kohdistuksen välilehtivalikkoon ja painamalla sopivaa <strong>nuolinäppäintä</strong>\n' +
+  '  siirtyäksesi käytettävissä olevien välilehtien välillä syklissä.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fr_FR.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fr_FR.js
new file mode 100644
index 000000000..3f611e873
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/fr_FR.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.fr_FR',
+'<h1>Débuter la navigation au clavier</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Cibler la barre du menu</dt>\n' +
+  '  <dd>Windows ou Linux : Alt+F9</dd>\n' +
+  '  <dd>macOS : &#x2325;F9</dd>\n' +
+  "  <dt>Cibler la barre d'outils</dt>\n" +
+  '  <dd>Windows ou Linux : Alt+F10</dd>\n' +
+  '  <dd>macOS : &#x2325;F10</dd>\n' +
+  '  <dt>Cibler le pied de page</dt>\n' +
+  '  <dd>Windows ou Linux : Alt+F11</dd>\n' +
+  '  <dd>macOS : &#x2325;F11</dd>\n' +
+  '  <dt>Cibler la notification</dt>\n' +
+  '  <dd>Windows ou Linux : Alt+F12</dd>\n' +
+  '  <dd>macOS : &#x2325;F12</dd>\n' +
+  "  <dt>Cibler une barre d'outils contextuelle</dt>\n" +
+  '  <dd>Windows, Linux ou macOS : Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  "<p>La navigation débutera sur le premier élément de l'interface utilisateur, qui sera mis en surbrillance ou bien souligné dans le cas du premier élément du\n" +
+  "  chemin d'éléments du pied de page.</p>\n" +
+  '\n' +
+  "<h1>Naviguer entre les sections de l'interface utilisateur</h1>\n" +
+  '\n' +
+  "<p>Pour passer d'une section de l'interface utilisateur à la suivante, appuyez sur <strong>Tabulation</strong>.</p>\n" +
+  '\n' +
+  "<p>Pour passer d'une section de l'interface utilisateur à la précédente, appuyez sur <strong>Maj+Tabulation</strong>.</p>\n" +
+  '\n' +
+  "<p>L'ordre de <strong>Tabulation</strong> de ces sections de l'interface utilisateur est le suivant :</p>\n" +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barre du menu</li>\n' +
+  "  <li>Chaque groupe de barres d'outils</li>\n" +
+  '  <li>Barre latérale</li>\n' +
+  "  <li>Chemin d'éléments du pied de page</li>\n" +
+  "  <li>Bouton d'activation du compteur de mots dans le pied de page</li>\n" +
+  '  <li>Lien de marque dans le pied de page</li>\n' +
+  "  <li>Poignée de redimensionnement de l'éditeur dans le pied de page</li>\n" +
+  '</ol>\n' +
+  '\n' +
+  "<p>Si une section de l'interface utilisateur n'est pas présente, elle sera ignorée.</p>\n" +
+  '\n' +
+  "<p>Si le pied de page comporte un ciblage par navigation au clavier et qu'il n'y a aucune barre latérale visible, appuyer sur <strong>Maj+Tabulation</strong>\n" +
+  "  déplace le ciblage vers le premier groupe de barres d'outils et non le dernier.</p>\n" +
+  '\n' +
+  "<h1>Naviguer au sein des sections de l'interface utilisateur</h1>\n" +
+  '\n' +
+  "<p>Pour passer d'un élément de l'interface utilisateur au suivant, appuyez sur la <strong>Flèche</strong> appropriée.</p>\n" +
+  '\n' +
+  '<p>Les touches fléchées <strong>Gauche</strong> et <strong>Droite</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>se déplacent entre les menus de la barre des menus.</li>\n' +
+  "  <li>ouvrent un sous-menu au sein d'un menu.</li>\n" +
+  "  <li>se déplacent entre les boutons d'un groupe de barres d'outils.</li>\n" +
+  "  <li>se déplacent entre les éléments du chemin d'éléments du pied de page.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  '<p>Les touches fléchées <strong>Bas</strong> et <strong>Haut</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  "  <li>se déplacent entre les éléments de menu au sein d'un menu.</li>\n" +
+  "  <li>se déplacent entre les éléments au sein d'un menu contextuel de barre d'outils.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  "<p>Les <strong>Flèches</strong> parcourent la section de l'interface utilisateur ciblée.</p>\n" +
+  '\n' +
+  '<p>Pour fermer un menu ouvert, un sous-menu ouvert ou un menu contextuel ouvert, appuyez sur <strong>Echap</strong>.</p>\n' +
+  '\n' +
+  "<p>Si l'actuel ciblage se trouve en « haut » d'une section spécifique de l'interface utilisateur, appuyer sur <strong>Echap</strong> permet également de quitter\n" +
+  '  entièrement la navigation au clavier.</p>\n' +
+  '\n' +
+  "<h1>Exécuter un élément de menu ou un bouton de barre d'outils</h1>\n" +
+  '\n' +
+  "<p>Lorsque l'élément de menu ou le bouton de barre d'outils désiré est mis en surbrillance, appuyez sur la touche <strong>Retour arrière</strong>, <strong>Entrée</strong>\n" +
+  "  ou la <strong>Barre d'espace</strong> pour exécuter l'élément.</p>\n" +
+  '\n' +
+  '<h1>Naviguer au sein de dialogues sans onglets</h1>\n' +
+  '\n' +
+  "<p>Dans les dialogues sans onglets, le premier composant interactif est ciblé lorsque le dialogue s'ouvre.</p>\n" +
+  '\n' +
+  '<p>Naviguez entre les composants du dialogue interactif en appuyant sur <strong>Tabulation</strong> ou <strong>Maj+Tabulation</strong>.</p>\n' +
+  '\n' +
+  '<h1>Naviguer au sein de dialogues avec onglets</h1>\n' +
+  '\n' +
+  "<p>Dans les dialogues avec onglets, le premier bouton du menu de l'onglet est ciblé lorsque le dialogue s'ouvre.</p>\n" +
+  '\n' +
+  '<p>Naviguez entre les composants interactifs de cet onglet de dialogue en appuyant sur <strong>Tabulation</strong> ou\n' +
+  '  <strong>Maj+Tabulation</strong>.</p>\n' +
+  '\n' +
+  "<p>Passez à un autre onglet de dialogue en ciblant le menu de l'onglet et en appuyant sur la <strong>Flèche</strong>\n" +
+  '  appropriée pour parcourir les onglets disponibles.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/he_IL.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/he_IL.js
new file mode 100644
index 000000000..7d6513af8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/he_IL.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.he_IL',
+'<h1>התחל ניווט במקלדת</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>התמקד בשורת התפריטים</dt>\n' +
+  '  <dd>Windows או Linux:‏ Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>העבר מיקוד לסרגל הכלים</dt>\n' +
+  '  <dd>Windows או Linux:‏ Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>העבר מיקוד לכותרת התחתונה</dt>\n' +
+  '  <dd>Windows או Linux:‏ Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>העבר מיקוד להודעה</dt>\n' +
+  '  <dd>Windows או Linux:‏ Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>העבר מיקוד לסרגל כלים הקשרי</dt>\n' +
+  '  <dd>Windows‏, Linux או macOS:‏ Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>הניווט יתחיל ברכיב הראשון במשך, שיודגש או שיהיה מתחתיו קו תחתון במקרה של הפריט הראשון\n' +
+  '  הנתיב של רכיב הכותרת התחתונה.</p>\n' +
+  '\n' +
+  '<h1>עבור בין מקטעים במסך</h1>\n' +
+  '\n' +
+  '<p>כדי לעבור בין המקטעים במסך, הקש <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>כדי לעבור למקטע הקודם במסך, הקש <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>הסדר מבחינת מקש <strong>Tab</strong> של הרכיבים במסך:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>שורת התפריטים</li>\n' +
+  '  <li>כל קבוצה בסרגל הכלים</li>\n' +
+  '  <li>הסרגל הצידי</li>\n' +
+  '  <li>נתיב של רכיב בכותרת התחתונה</li>\n' +
+  '  <li>לחצן לספירת מילים בכותרת התחתונה</li>\n' +
+  '  <li>קישור של המותג בכותרת התחתונה</li>\n' +
+  '  <li>ידית לשינוי גודל עבור העורך בכותרת התחתונה</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>אם רכיב כלשהו במסך לא מופיע, המערכת תדלג עליו.</p>\n' +
+  '\n' +
+  '<p>אם בכותרת התחתונה יש מיקוד של ניווט במקלדת, ולא מופיע סרגל בצד, יש להקיש <strong>Shift+Tab</strong>\n' +
+  '  מעביר את המיקוד לקבוצה הראשונה בסרגל הכלים, לא האחרונה.</p>\n' +
+  '\n' +
+  '<h1>עבור בתוך מקטעים במסך</h1>\n' +
+  '\n' +
+  '<p>כדי לעבור מרכיב אחד לרכיב אחר במסך, הקש על מקש <strong>החץ</strong> המתאים.</p>\n' +
+  '\n' +
+  '<p>מקשי החיצים <strong>שמאלה</strong> ו<strong>ימינה</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>עבור בין תפריטים בשורת התפריטים.</li>\n' +
+  '  <li>פתח תפריט משני בתפריט.</li>\n' +
+  '  <li>עבור בין לחצנים בקבוצה בסרגל הכלים.</li>\n' +
+  '  <li>עבור בין פריטים ברכיב בכותרת התחתונה.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>מקשי החיצים <strong>למטה</strong> ו<strong>למעלה</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>עבור בין פריטים בתפריט.</li>\n' +
+  '  <li>עבור בין פריטים בחלון הקובץ של סרגל הכלים.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>מקשי <strong>החצים</strong> משתנים בתוך המקטע במסך שעליו נמצא המיקוד.</p>\n' +
+  '\n' +
+  '<p>כדי לסגור תפריט פתוח, תפריט משני פתוח או חלון קופץ, הקש על <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  "<p>אם המיקוד הוא על החלק 'העליון' של מקטע מסוים במסך, הקשה על <strong>Esc</strong> מביאה גם ליציאה\n" +
+  '  מהניווט במקלדת לחלוטין.</p>\n' +
+  '\n' +
+  '<h1>הפעל פריט בתפריט או לחצן בסרגל הכלים</h1>\n' +
+  '\n' +
+  '<p>כאשר הפריט הרצוי בתפריט או הלחצן בסרגל הכלים מודגשים, הקש על <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  או על <strong>מקש הרווח</strong> כדי להפעיל את הפריט.</p>\n' +
+  '\n' +
+  '<h1>ניווט בחלונות דו-שיח בלי כרטיסיות</h1>\n' +
+  '\n' +
+  '<p>בחלונות דו-שיח בלי כרטיסיות, הרכיב האינטראקטיבי הראשון מקבל את המיקוד כאשר החלון נפתח.</p>\n' +
+  '\n' +
+  '<p>עבור בין רכיבים אינטראקטיביים בחלון על ידי הקשה על <strong>Tab</strong> או <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>ניווט בחלונות דו-שיח עם כרטיסיות</h1>\n' +
+  '\n' +
+  '<p>בחלונות דו-שיח עם כרטיסיות, הלחצן הראשון בתפריט מקבל את המיקוד כאשר החלון נפתח.</p>\n' +
+  '\n' +
+  '<p>עבור בין רכיבים אינטראקטיביים בחלון על ידי הקשה על <strong>Tab</strong> או\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>עבור לכרטיסיה אחרת בחלון על ידי העברת המיקוד לתפריט הכרטיסיות והקשה על <strong>החץ</strong>המתאים\n' +
+  '  כדי לעבור בין הכרטיסיות הזמינות.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hi.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hi.js
new file mode 100644
index 000000000..ef59a5cff
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hi.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.hi',
+'<h1>कीबोर्ड नेविगेशन शुरू करें</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>मेन्यू बार पर फ़ोकस करें</dt>\n' +
+  '  <dd>Windows या Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>टूलबार पर फ़ोकस करें</dt>\n' +
+  '  <dd>Windows या Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>फ़ुटर पर फ़ोकस करें</dt>\n' +
+  '  <dd>Windows या Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>नोटिफ़िकेशन फ़ोकस</dt>\n' +
+  '  <dd>Windows या Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>प्रासंगिक टूलबार पर फ़ोकस करें</dt>\n' +
+  '  <dd>Windows, Linux या macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>नेविगेशन पहले UI आइटम पर शुरू होगा, जिसे हाइलाइट किया जाएगा या पहले आइटम के मामले में फ़ुटर तत्व पथ में\n' +
+  '  रेखांकित किया जाएगा।</p>\n' +
+  '\n' +
+  '<h1>UI सेक्शन के बीच नेविगेट करें</h1>\n' +
+  '\n' +
+  '<p>एक UI सेक्शन से दूसरे सेक्शन में जाने के लिए, <strong>Tab</strong> दबाएं।</p>\n' +
+  '\n' +
+  '<p>एक UI सेक्शन से पिछले सेक्शन में जाने के लिए, <strong>Shift+Tab</strong> दबाएं।</p>\n' +
+  '\n' +
+  '<p>इन UI सेक्शन का <strong>Tab</strong> क्रम नीचे दिया गया है:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>मेन्यू बार</li>\n' +
+  '  <li>प्रत्येक टूलबार समूह</li>\n' +
+  '  <li>साइडबार</li>\n' +
+  '  <li>फ़ुटर में तत्व पथ</li>\n' +
+  '  <li>फ़ुटर में शब्द गणना टॉगल बटन</li>\n' +
+  '  <li>फ़ुटर में ब्रांडिंग लिंक</li>\n' +
+  '  <li>फ़ुटर में संपादक का आकार बदलने का हैंडल</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>अगर कोई UI सेक्शन मौजूद नहीं है, तो उसे छोड़ दिया जाता है।</p>\n' +
+  '\n' +
+  '<p>अगर फ़ुटर में कीबोर्ड नेविगेशन फ़ोकस है, और कोई दिखा देने वाला साइडबार नहीं है, तो <strong>Shift+Tab</strong> दबाने से\n' +
+  '  फ़ोकस पहले टूलबार समूह पर चला जाता है, पिछले पर नहीं।</p>\n' +
+  '\n' +
+  '<h1>UI सेक्शन के भीतर नेविगेट करें</h1>\n' +
+  '\n' +
+  '<p>एक UI तत्व से दूसरे में जाने के लिए उपयुक्त <strong>ऐरो</strong> कुंजी दबाएं।</p>\n' +
+  '\n' +
+  '<p><strong>बाएं</strong> और <strong>दाएं</strong> ऐरो कुंजियां</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>मेन्यू बार में मेन्यू के बीच ले जाती हैं।</li>\n' +
+  '  <li>मेन्यू में एक सब-मेन्यू खोलें।</li>\n' +
+  '  <li>टूलबार समूह में बटनों के बीच ले जाएं।</li>\n' +
+  '  <li>फ़ुटर के तत्व पथ में आइटम के बीच ले जाएं।</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>नीचे</strong> और <strong>ऊपर</strong> ऐरो कुंजियां</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>मेन्यू में मेन्यू आइटम के बीच ले जाती हैं।</li>\n' +
+  '  <li>टूलबार पॉप-अप मेन्यू में आइटम के बीच ले जाएं।</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>फ़ोकस वाले UI सेक्शन के भीतर <strong>ऐरो</strong> कुंजियां चलाती रहती हैं।</p>\n' +
+  '\n' +
+  '<p>कोई खुला मेन्यू, कोई खुला सब-मेन्यू या कोई खुला पॉप-अप मेन्यू बंद करने के लिए <strong>Esc</strong> कुंजी दबाएं।</p>\n' +
+  '\n' +
+  "<p>अगर मौजूदा फ़ोकस किसी विशेष UI सेक्शन के 'शीर्ष' पर है, तो <strong>Esc</strong> कुंजी दबाने से भी\n" +
+  '  कीबोर्ड नेविगेशन पूरी तरह से बाहर हो जाता है।</p>\n' +
+  '\n' +
+  '<h1>मेन्यू आइटम या टूलबार बटन निष्पादित करें</h1>\n' +
+  '\n' +
+  '<p>जब वांछित मेन्यू आइटम या टूलबार बटन हाइलाइट किया जाता है, तो आइटम को निष्पादित करने के लिए <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  या <strong>Space bar</strong> दबाएं।</p>\n' +
+  '\n' +
+  '<h1>गैर-टैब वाले डायलॉग पर नेविगेट करें</h1>\n' +
+  '\n' +
+  '<p>गैर-टैब वाले डायलॉग में, डायलॉग खुलने पर पहला इंटरैक्टिव घटक फ़ोकस लेता है।</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> or <strong>Shift+Tab</strong> दबाकर इंटरैक्टिव डायलॉग घटकों के बीच नेविगेट करें।</p>\n' +
+  '\n' +
+  '<h1>टैब किए गए डायलॉग पर नेविगेट करें</h1>\n' +
+  '\n' +
+  '<p>टैब किए गए डायलॉग में, डायलॉग खुलने पर टैब मेन्यू में पहला बटन फ़ोकस लेता है।</p>\n' +
+  '\n' +
+  '<p>इस डायलॉग टैब के इंटरैक्टिव घटकों के बीच नेविगेट करने के लिए <strong>Tab</strong> या\n' +
+  '  <strong>Shift+Tab</strong> दबाएं।</p>\n' +
+  '\n' +
+  '<p>टैब मेन्यू को फ़ोकस देकर और फिर उपलब्ध टैब में के बीच जाने के लिए उपयुक्त <strong>ऐरो</strong>\n' +
+  '  कुंजी दबाकर दूसरे डायलॉग टैब पर स्विच करें।</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hr.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hr.js
new file mode 100644
index 000000000..1bf35c50c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hr.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.hr',
+'<h1>Početak navigacije na tipkovnici</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokusiranje trake izbornika</dt>\n' +
+  '  <dd>Windows ili Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokusiranje alatne trake</dt>\n' +
+  '  <dd>Windows ili Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokusiranje podnožja</dt>\n' +
+  '  <dd>Windows ili Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokusiranje obavijesti</dt>\n' +
+  '  <dd>Windows ili Linux: Alt + F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokusiranje kontekstne alatne trake</dt>\n' +
+  '  <dd>Windows, Linux ili macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigacija će započeti kod prve stavke na korisničkom sučelju, koja će biti istaknuta ili podcrtana ako se radi o prvoj stavci u\n' +
+  '  putu elementa u podnožju.</p>\n' +
+  '\n' +
+  '<h1>Navigacija između dijelova korisničkog sučelja</h1>\n' +
+  '\n' +
+  '<p>Za pomicanje s jednog dijela korisničkog sučelja na drugi pritisnite <strong>tabulator</strong>.</p>\n' +
+  '\n' +
+  '<p>Za pomicanje s jednog dijela korisničkog sučelja na prethodni pritisnite <strong>Shift + tabulator</strong>.</p>\n' +
+  '\n' +
+  '<p>Ovo je redoslijed pomicanja <strong>tabulatora</strong> po dijelovima korisničkog sučelja:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Traka izbornika</li>\n' +
+  '  <li>Pojedinačne grupe na alatnoj traci</li>\n' +
+  '  <li>Bočna traka</li>\n' +
+  '  <li>Put elemenata u podnožju</li>\n' +
+  '  <li>Gumb za pomicanje po broju riječi u podnožju</li>\n' +
+  '  <li>Veza na brand u podnožju</li>\n' +
+  '  <li>Značajka za promjenu veličine alata za uređivanje u podnožju</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Ako neki dio korisničkog sučelja nije naveden, on se preskače.</p>\n' +
+  '\n' +
+  '<p>Ako u podnožju postoji fokus za navigaciju na tipkovnici, a nema vidljive bočne trake, pritiskom na <strong>Shift + tabulator</strong>\n' +
+  '  fokus se prebacuje na prvu skupinu na alatnoj traci, ne na zadnju.</p>\n' +
+  '\n' +
+  '<h1>Navigacija unutar dijelova korisničkog sučelja</h1>\n' +
+  '\n' +
+  '<p>Za pomicanje s jednog elementa korisničkog sučelja na drugi pritisnite tipku s odgovarajućom <strong>strelicom</strong>.</p>\n' +
+  '\n' +
+  '<p>Tipke s <strong>lijevom</strong> i <strong>desnom</strong> strelicom</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>služe za pomicanje između izbornika na alatnoj traci.</li>\n' +
+  '  <li>otvaraju podizbornik unutar izbornika.</li>\n' +
+  '  <li>služe za pomicanje između gumba unutar skupina na alatnoj traci.</li>\n' +
+  '  <li>služe za pomicanje između stavki na elementu puta u podnožju.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tipke s <strong>donjom</strong> i <strong>gornjom</strong> strelicom</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>služe za pomicanje između stavki unutar izbornika.</li>\n' +
+  '  <li>služe za pomicanje između stavki na alatnoj traci skočnog izbornika.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tipkama <strong>strelica</strong> kružno se pomičete unutar dijela korisničkog sučelja koji je u fokusu.</p>\n' +
+  '\n' +
+  '<p>Za zatvaranje otvorenog izbornika, otvorenog podizbornika ili otvorenog skočnog izbornika pritisnite tipku <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Ako je fokus trenutačno postavljen na vrh pojedinačnog dijela korisničkog sučelja, pritiskom na tipku <strong>Esc</strong> također\n' +
+  '  u potpunosti zatvarate navigaciju na tipkovnici.</p>\n' +
+  '\n' +
+  '<h1>Izvršavanje radnji putem stavki izbornika ili gumba na alatnoj traci</h1>\n' +
+  '\n' +
+  '<p>Nakon što se istakne stavka izbornika ili gumb na alatnoj traci s radnjom koju želite izvršiti, pritisnite tipku <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  ili <strong>razmak</strong> da biste pokrenuli željenu radnju.</p>\n' +
+  '\n' +
+  '<h1>Navigacija dijaloškim okvirima izvan kartica</h1>\n' +
+  '\n' +
+  '<p>Prilikom otvaranja dijaloških okvira izvan kartica fokus se nalazi na prvoj interaktivnoj komponenti.</p>\n' +
+  '\n' +
+  '<p>Navigaciju između interaktivnih dijaloških komponenata vršite pritiskom na <strong>tabulator</strong> ili <strong>Shift + tabulator</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigacija dijaloškim okvirima u karticama</h1>\n' +
+  '\n' +
+  '<p>Prilikom otvaranja dijaloških okvira u karticama fokus se nalazi na prvom gumbu u izborniku unutar kartice.</p>\n' +
+  '\n' +
+  '<p>Navigaciju između interaktivnih komponenata dijaloškog okvira u kartici vršite pritiskom na <strong>tabulator</strong> ili\n' +
+  '  <strong>Shift + tabulator</strong>.</p>\n' +
+  '\n' +
+  '<p>Na karticu s drugim dijaloškim okvirom možete se prebaciti tako da stavite fokus na izbornik kartice pa pritisnete tipku s odgovarajućom <strong>strelicom</strong>\n' +
+  '  za kružno pomicanje između dostupnih kartica.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hu_HU.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hu_HU.js
new file mode 100644
index 000000000..5c984bb01
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/hu_HU.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.hu_HU',
+'<h1>Billentyűzetes navigáció indítása</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fókusz a menüsávra</dt>\n' +
+  '  <dd>Windows és Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fókusz az eszköztárra</dt>\n' +
+  '  <dd>Windows és Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fókusz a láblécre</dt>\n' +
+  '  <dd>Windows és Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Ráközelítés az értesítésre</dt>\n' +
+  '  <dd>Windows vagy Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fókusz egy környezetfüggő eszköztárra</dt>\n' +
+  '  <dd>Windows, Linux és macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>A navigáció az első felhasználói felületi elemnél kezdődik, amelyet a rendszer kiemel, illetve aláhúz, amennyiben az az első elem\n' +
+  '  a lábléc elemútvonalán.</p>\n' +
+  '\n' +
+  '<h1>Navigálás a felhasználói felület szakaszai között</h1>\n' +
+  '\n' +
+  '<p>A felhasználói felület következő szakaszára váltáshoz nyomja meg a <strong>Tab</strong> billentyűt.</p>\n' +
+  '\n' +
+  '<p>A felhasználói felület előző szakaszára váltáshoz nyomja meg a <strong>Shift+Tab</strong> billentyűt.</p>\n' +
+  '\n' +
+  '<p>A <strong>Tab</strong> billentyűvel a felhasználói felület szakaszai között a következő sorrendben vált:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menüsáv</li>\n' +
+  '  <li>Az egyes eszköztárcsoportok</li>\n' +
+  '  <li>Oldalsáv</li>\n' +
+  '  <li>Elemútvonal a láblécen</li>\n' +
+  '  <li>Szószámátkapcsoló gomb a láblécen</li>\n' +
+  '  <li>Márkalink a láblécen</li>\n' +
+  '  <li>Szerkesztő átméretezési fogópontja a láblécen</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Ha a felhasználói felület valamelyik eleme nincs jelen, a rendszer kihagyja.</p>\n' +
+  '\n' +
+  '<p>Ha a billentyűzetes navigáció fókusza a láblécen van, és nincs látható oldalsáv, a <strong>Shift+Tab</strong>\n' +
+  '  billentyűkombináció lenyomásakor az első eszköztárcsoportra ugrik a fókusz, nem az utolsóra.</p>\n' +
+  '\n' +
+  '<h1>Navigálás a felhasználói felület szakaszain belül</h1>\n' +
+  '\n' +
+  '<p>A felhasználói felület következő elemére váltáshoz nyomja meg a megfelelő <strong>nyílbillentyűt</strong>.</p>\n' +
+  '\n' +
+  '<p>A <strong>bal</strong> és a <strong>jobb</strong> nyílgomb</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>a menüsávban a menük között vált.</li>\n' +
+  '  <li>a menükben megnyit egy almenüt.</li>\n' +
+  '  <li>az eszköztárcsoportban a gombok között vált.</li>\n' +
+  '  <li>a lábléc elemútvonalán az elemek között vált.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>A <strong>le</strong> és a <strong>fel</strong> nyílgomb</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>a menükben a menüpontok között vált.</li>\n' +
+  '  <li>az eszköztár előugró menüjében az elemek között vált.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>A <strong>nyílbillentyűk</strong> lenyomásával körkörösen lépkedhet a fókuszban lévő felhasználói felületi szakasz elemei között.</p>\n' +
+  '\n' +
+  '<p>A megnyitott menüket, almenüket és előugró menüket az <strong>Esc</strong> billentyűvel zárhatja be.</p>\n' +
+  '\n' +
+  '<p>Ha a fókusz az aktuális felületi elem „felső” részén van, az <strong>Esc</strong> billentyűvel az egész\n' +
+  '  billentyűzetes navigációból kilép.</p>\n' +
+  '\n' +
+  '<h1>Menüpont vagy eszköztárgomb aktiválása</h1>\n' +
+  '\n' +
+  '<p>Amikor a kívánt menüelem vagy eszköztárgomb van kijelölve, nyomja meg a <strong>Return</strong>, az <strong>Enter</strong>\n' +
+  '  vagy a <strong>Szóköz</strong> billentyűt az adott elem vagy gomb aktiválásához.</p>\n' +
+  '\n' +
+  '<h1>Navigálás a lapokkal nem rendelkező párbeszédablakokban</h1>\n' +
+  '\n' +
+  '<p>A lapokkal nem rendelkező párbeszédablakokban az első interaktív összetevő kapja a fókuszt, amikor a párbeszédpanel megnyílik.</p>\n' +
+  '\n' +
+  '<p>A párbeszédpanelek interaktív összetevői között a <strong>Tab</strong> vagy a <strong>Shift+Tab</strong> billentyűvel navigálhat.</p>\n' +
+  '\n' +
+  '<h1>Navigálás a lapokkal rendelkező párbeszédablakokban</h1>\n' +
+  '\n' +
+  '<p>A lapokkal rendelkező párbeszédablakokban a lapmenü első gombja kapja a fókuszt, amikor a párbeszédpanel megnyílik.</p>\n' +
+  '\n' +
+  '<p>A párbeszédpanel e lapjának interaktív összetevői között a <strong>Tab</strong> vagy\n' +
+  '  <strong>Shift+Tab</strong> billentyűvel navigálhat.</p>\n' +
+  '\n' +
+  '<p>A párbeszédablak másik lapjára úgy léphet, hogy a fókuszt a lapmenüre állítja, majd lenyomja a megfelelő <strong>nyílbillentyűt</strong>\n' +
+  '  a rendelkezésre álló lapok közötti lépkedéshez.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/id.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/id.js
new file mode 100644
index 000000000..d607dd187
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/id.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.id',
+'<h1>Memulai navigasi keyboard</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokus pada bilah Menu</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokus pada Bilah Alat</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokus pada footer</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokuskan pemberitahuan</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokus pada bilah alat kontekstual</dt>\n' +
+  '  <dd>Windows, Linux, atau macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigasi akan dimulai dari item pertama UI, yang akan disorot atau digarisbawahi di\n' +
+  '  alur elemen Footer.</p>\n' +
+  '\n' +
+  '<h1>Berpindah antar-bagian UI</h1>\n' +
+  '\n' +
+  '<p>Untuk berpindah dari satu bagian UI ke bagian berikutnya, tekan <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Untuk berpindah dari satu bagian UI ke bagian sebelumnya, tekan <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Urutan <strong>Tab</strong> bagian-bagian UI ini adalah:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Bilah menu</li>\n' +
+  '  <li>Tiap grup bilah alat</li>\n' +
+  '  <li>Bilah sisi</li>\n' +
+  '  <li>Alur elemen di footer</li>\n' +
+  '  <li>Tombol aktifkan/nonaktifkan jumlah kata di footer</li>\n' +
+  '  <li>Tautan merek di footer</li>\n' +
+  '  <li>Pengatur pengubahan ukuran editor di footer</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Jika suatu bagian UI tidak ada, bagian tersebut dilewati.</p>\n' +
+  '\n' +
+  '<p>Jika fokus navigasi keyboard ada pada footer, tetapi tidak ada bilah sisi yang terlihat, menekan <strong>Shift+Tab</strong>\n' +
+  '  akan memindahkan fokus ke grup bilah alat pertama, bukan yang terakhir.</p>\n' +
+  '\n' +
+  '<h1>Berpindah di dalam bagian-bagian UI</h1>\n' +
+  '\n' +
+  '<p>Untuk berpindah dari satu elemen UI ke elemen berikutnya, tekan tombol <strong>Panah</strong> yang sesuai.</p>\n' +
+  '\n' +
+  '<p>Tombol panah <strong>Kiri</strong> dan <strong>Kanan</strong> untuk</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>berpindah-pindah antar-menu di dalam bilah menu.</li>\n' +
+  '  <li>membuka sub-menu di dalam menu.</li>\n' +
+  '  <li>berpindah-pindah antar-tombol di dalam grup bilah alat.</li>\n' +
+  '  <li>berpindah-pindah antar-item di dalam alur elemen footer.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tombol panah <strong>Bawah</strong> dan <strong>Atas</strong> untuk</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>berpindah-pindah antar-item menu di dalam menu.</li>\n' +
+  '  <li>berpindah-pindah antar-item di dalam menu pop-up bilah alat.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tombol <strong>Panah</strong> hanya bergerak di dalam bagian UI yang difokuskan.</p>\n' +
+  '\n' +
+  '<p>Untuk menutup menu, sub-menu, atau menu pop-up yang terbuka, tekan tombol <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Jika fokus sedang berada di ‘atas’ bagian UI tertentu, menekan tombol <strong>Esc</strong> juga dapat mengeluarkan fokus\n' +
+  '  dari seluruh navigasi keyboard.</p>\n' +
+  '\n' +
+  '<h1>Menjalankan item menu atau tombol bilah alat</h1>\n' +
+  '\n' +
+  '<p>Jika item menu atau tombol bilah alat yang diinginkan tersorot, tekan <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  atau <strong>Spasi</strong> untuk menjalankan item.</p>\n' +
+  '\n' +
+  '<h1>Berpindah dalam dialog tanpa tab</h1>\n' +
+  '\n' +
+  '<p>Dalam dialog tanpa tab, fokus diarahkan pada komponen interaktif pertama saat dialog terbuka.</p>\n' +
+  '\n' +
+  '<p>Berpindah di antara komponen dalam dialog interaktif dengan menekan <strong>Tab</strong> atau <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Berpindah dalam dialog dengan tab</h1>\n' +
+  '\n' +
+  '<p>Dalam dialog yang memiliki tab, fokus diarahkan pada tombol pertama di dalam menu saat dialog terbuka.</p>\n' +
+  '\n' +
+  '<p>Berpindah di antara komponen-komponen interaktif pada tab dialog ini dengan menekan <strong>Tab</strong> atau\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Beralih ke tab dialog lain dengan mengarahkan fokus pada menu tab lalu tekan tombol <strong>Panah</strong>\n' +
+  '  yang sesuai untuk berpindah ke berbagai tab yang tersedia.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/it.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/it.js
new file mode 100644
index 000000000..3a791c959
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/it.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.it',
+'<h1>Iniziare la navigazione tramite tastiera</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Impostare lo stato attivo per la barra dei menu</dt>\n' +
+  '  <dd>Windows o Linux: ALT+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Impostare lo stato attivo per la barra degli strumenti</dt>\n' +
+  '  <dd>Windows o Linux: ALT+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Impostare lo stato attivo per il piè di pagina</dt>\n' +
+  '  <dd>Windows o Linux: ALT+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Metti a fuoco la notifica</dt>\n' +
+  '  <dd>Windows o Linux: ALT+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Impostare lo stato attivo per la barra degli strumenti contestuale</dt>\n' +
+  '  <dd>Windows, Linux o macOS: CTRL+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  "<p>La navigazione inizierà dalla prima voce dell'interfaccia utente, che sarà evidenziata o sottolineata nel caso della prima voce\n" +
+  "  nel percorso dell'elemento del piè di pagina.</p>\n" +
+  '\n' +
+  "<h1>Navigare tra le sezioni dell'interfaccia utente</h1>\n" +
+  '\n' +
+  "<p>Per passare da una sezione dell'interfaccia utente alla successiva, premere <strong>TAB</strong>.</p>\n" +
+  '\n' +
+  "<p>Per passare da una sezione dell'interfaccia utente alla precedente, premere <strong>MAIUSC+TAB</strong>.</p>\n" +
+  '\n' +
+  "<p>L'ordine di <strong>tabulazione</strong> di queste sezioni dell'interfaccia utente è:</p>\n" +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra dei menu</li>\n' +
+  '  <li>Ogni gruppo di barre degli strumenti</li>\n' +
+  '  <li>Barra laterale</li>\n' +
+  "  <li>Percorso dell'elemento nel piè di pagina</li>\n" +
+  '  <li>Pulsante di attivazione/disattivazione del conteggio delle parole nel piè di pagina</li>\n' +
+  '  <li>Collegamento al marchio nel piè di pagina</li>\n' +
+  "  <li>Quadratino di ridimensionamento dell'editor nel piè di pagina</li>\n" +
+  '</ol>\n' +
+  '\n' +
+  "<p>Se una sezione dell'interfaccia utente non è presente, viene saltata.</p>\n" +
+  '\n' +
+  '<p>Se il piè di pagina ha lo stato attivo per la navigazione tramite tastiera e non è presente alcuna barra laterale visibile, premendo <strong>MAIUSC+TAB</strong>\n' +
+  "  si sposta lo stato attivo sul primo gruppo di barre degli strumenti, non sull'ultimo.</p>\n" +
+  '\n' +
+  "<h1>Navigare all'interno delle sezioni dell'interfaccia utente</h1>\n" +
+  '\n' +
+  "<p>Per passare da un elemento dell'interfaccia utente al successivo, premere il tasto <strong>freccia</strong> appropriato.</p>\n" +
+  '\n' +
+  '<p>I tasti freccia <strong>Sinistra</strong> e <strong>Destra</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>consentono di spostarsi tra i menu della barra dei menu.</li>\n' +
+  '  <li>aprono un sottomenu in un menu.</li>\n' +
+  '  <li>consentono di spostarsi tra i pulsanti di un gruppo di barre degli strumenti.</li>\n' +
+  "  <li>consentono di spostarsi tra le voci nel percorso dell'elemento del piè di pagina.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  '<p>I tasti freccia <strong>Giù</strong> e <strong>Su</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>consentono di spostarsi tra le voci di un menu.</li>\n' +
+  '  <li>consentono di spostarsi tra le voci di un menu a comparsa della barra degli strumenti.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  "<p>I tasti <strong>freccia</strong> consentono di spostarsi all'interno della sezione dell'interfaccia utente con stato attivo.</p>\n" +
+  '\n' +
+  '<p>Per chiudere un menu aperto, un sottomenu aperto o un menu a comparsa aperto, premere il tasto <strong>ESC</strong>.</p>\n' +
+  '\n' +
+  "<p>Se lo stato attivo corrente si trova nella parte superiore di una particolare sezione dell'interfaccia utente, premendo il tasto <strong>ESC</strong> si esce\n" +
+  '  completamente dalla navigazione tramite tastiera.</p>\n' +
+  '\n' +
+  '<h1>Eseguire una voce di menu o un pulsante della barra degli strumenti</h1>\n' +
+  '\n' +
+  '<p>Quando la voce di menu o il pulsante della barra degli strumenti desiderati sono evidenziati, premere il tasto di<strong>ritorno a capo</strong>, il tasto <strong>Invio</strong>\n' +
+  '  o la <strong>barra spaziatrice</strong> per eseguirli.</p>\n' +
+  '\n' +
+  '<h1>Navigare nelle finestre di dialogo non a schede</h1>\n' +
+  '\n' +
+  "<p>Nelle finestre di dialogo non a schede, all'apertura della finestra di dialogo diventa attivo il primo componente interattivo.</p>\n" +
+  '\n' +
+  '<p>Per spostarsi tra i componenti interattivi della finestra di dialogo, premere <strong>TAB</strong> o <strong>MAIUSC+TAB</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigare nelle finestre di dialogo a schede</h1>\n' +
+  '\n' +
+  "<p>Nelle finestre di dialogo a schede, all'apertura della finestra di dialogo diventa attivo il primo pulsante del menu della scheda.</p>\n" +
+  '\n' +
+  '<p>Per spostarsi tra i componenti interattivi di questa scheda della finestra di dialogo, premere <strong>TAB</strong> o\n' +
+  '  <strong>MAIUSC+TAB</strong>.</p>\n' +
+  '\n' +
+  "<p>Per passare a un'altra scheda della finestra di dialogo, attivare il menu della scheda e premere il tasto <strong>freccia</strong>\n" +
+  '  appropriato per scorrere le schede disponibili.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ja.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ja.js
new file mode 100644
index 000000000..26872db10
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ja.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ja',
+'<h1>キーボード ナビゲーションの開始</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>メニュー バーをフォーカス</dt>\n' +
+  '  <dd>Windows または Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>ツール バーをフォーカス</dt>\n' +
+  '  <dd>Windows または Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>フッターをフォーカス</dt>\n' +
+  '  <dd>Windows または Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>通知にフォーカス</dt>\n' +
+  '  <dd>Windows または Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>コンテキスト ツール バーをフォーカス</dt>\n' +
+  '  <dd>Windows、Linux または macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>ナビゲーションは最初の UI 項目から開始され、強調表示されるか、フッターの要素パスにある最初の項目の場合は\n' +
+  '  下線が引かれます。</p>\n' +
+  '\n' +
+  '<h1>UI セクション間の移動</h1>\n' +
+  '\n' +
+  '<p>次の UI セクションに移動するには、<strong>Tab</strong> を押します。</p>\n' +
+  '\n' +
+  '<p>前の UI セクションに移動するには、<strong>Shift+Tab</strong> を押します。</p>\n' +
+  '\n' +
+  '<p>これらの UI セクションの <strong>Tab</strong> の順序:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>メニュー バー</li>\n' +
+  '  <li>各ツール バー グループ</li>\n' +
+  '  <li>サイド バー</li>\n' +
+  '  <li>フッターの要素パス</li>\n' +
+  '  <li>フッターの単語数切り替えボタン</li>\n' +
+  '  <li>フッターのブランド リンク</li>\n' +
+  '  <li>フッターのエディター サイズ変更ハンドル</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>UI セクションが存在しない場合は、スキップされます。</p>\n' +
+  '\n' +
+  '<p>フッターにキーボード ナビゲーション フォーカスがあり、表示可能なサイド バーがない場合、<strong>Shift+Tab</strong> を押すと、\n' +
+  '  フォーカスが最後ではなく最初のツール バー グループに移動します。</p>\n' +
+  '\n' +
+  '<h1>UI セクション内の移動</h1>\n' +
+  '\n' +
+  '<p>次の UI 要素に移動するには、適切な<strong>矢印</strong>キーを押します。</p>\n' +
+  '\n' +
+  '<p><strong>左矢印</strong>と<strong>右矢印</strong>のキー</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>メニュー バーのメニュー間で移動します。</li>\n' +
+  '  <li>メニュー内のサブメニューを開きます。</li>\n' +
+  '  <li>ツール バー グループのボタン間で移動します。</li>\n' +
+  '  <li>フッターの要素パスの項目間で移動します。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>下矢印</strong>と<strong>上矢印</strong>のキー</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>メニュー内のメニュー項目間で移動します。</li>\n' +
+  '  <li>ツール バー ポップアップ メニュー内のメニュー項目間で移動します。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>矢印</strong>キーで、フォーカスされた UI セクション内で循環します。</p>\n' +
+  '\n' +
+  '<p>開いたメニュー、開いたサブメニュー、開いたポップアップ メニューを閉じるには、<strong>Esc</strong> キーを押します。</p>\n' +
+  '\n' +
+  '<p>現在のフォーカスが特定の UI セクションの「一番上」にある場合、<strong>Esc</strong> キーを押すと\n' +
+  '  キーボード ナビゲーションも完全に閉じられます。</p>\n' +
+  '\n' +
+  '<h1>メニュー項目またはツール バー ボタンの実行</h1>\n' +
+  '\n' +
+  '<p>目的のメニュー項目やツール バー ボタンが強調表示されている場合、<strong>リターン</strong>、<strong>Enter</strong>、\n' +
+  '  または<strong>スペース キー</strong>を押して項目を実行します。</p>\n' +
+  '\n' +
+  '<h1>タブのないダイアログの移動</h1>\n' +
+  '\n' +
+  '<p>タブのないダイアログでは、ダイアログが開くと最初の対話型コンポーネントがフォーカスされます。</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> または <strong>Shift+Tab</strong> を押して、対話型ダイアログ コンポーネント間で移動します。</p>\n' +
+  '\n' +
+  '<h1>タブ付きダイアログの移動</h1>\n' +
+  '\n' +
+  '<p>タブ付きダイアログでは、ダイアログが開くとタブ メニューの最初のボタンがフォーカスされます。</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> または\n' +
+  '  <strong>Shift+Tab</strong> を押して、このダイアログ タブの対話型コンポーネント間で移動します。</p>\n' +
+  '\n' +
+  '<p>タブ メニューをフォーカスしてから適切な<strong>矢印</strong>キーを押して表示可能なタブを循環して、\n' +
+  '  別のダイアログに切り替えます。</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/kk.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/kk.js
new file mode 100644
index 000000000..e31532f0e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/kk.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.kk',
+'<h1>Пернетақта навигациясын бастау</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Мәзір жолағын фокустау</dt>\n' +
+  '  <dd>Windows немесе Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Құралдар тақтасын фокустау</dt>\n' +
+  '  <dd>Windows немесе Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Төменгі деректемені фокустау</dt>\n' +
+  '  <dd>Windows немесе Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Хабарландыруды белгілеу</dt>\n' +
+  '  <dd>Windows немесе Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Мәтінмәндік құралдар тақтасын фокустау</dt>\n' +
+  '  <dd>Windows, Linux немесе macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Навигация бөлектелетін немесе Төменгі деректеме элементінің жолындағы бірінші элемент жағдайында асты сызылатын\n' +
+  '  бірінші ПИ элементінен басталады.</p>\n' +
+  '\n' +
+  '<h1>ПИ бөлімдері арасында навигациялау</h1>\n' +
+  '\n' +
+  '<p>Бір ПИ бөлімінен келесісіне өту үшін <strong>Tab</strong> пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<p>Бір ПИ бөлімінен алдыңғысына өту үшін <strong>Shift+Tab</strong> пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<p>Осы ПИ бөлімдерінің <strong>Tab</strong> реті:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Мәзір жолағы</li>\n' +
+  '  <li>Әрбір құралдар тақтасы тобы</li>\n' +
+  '  <li>Бүйірлік жолақ</li>\n' +
+  '  <li>Төменгі деректемедегі элемент жолы</li>\n' +
+  '  <li>Төменгі деректемедегі сөздер санын ауыстыру түймесі</li>\n' +
+  '  <li>Төменгі деректемедегі брендингтік сілтеме</li>\n' +
+  '  <li>Төменгі деректемедегі редактор өлшемін өзгерту тұтқасы</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>ПИ бөлімі көрсетілмесе, ол өткізіп жіберіледі.</p>\n' +
+  '\n' +
+  '<p>Төменгі деректемеде пернетақта навигациясының фокусы болса және бүйірлік жолақ көрінбесе, <strong>Shift+Tab</strong> тіркесімін басу әрекеті\n' +
+  '  фокусты соңғысы емес, бірінші құралдар тақтасы тобына жылжытады.</p>\n' +
+  '\n' +
+  '<h1>ПИ бөлімдерінде навигациялау</h1>\n' +
+  '\n' +
+  '<p>Бір ПИ элементінен келесісіне өту үшін <strong>Arrow</strong> (Көрсеткі) пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<p><strong>Left</strong> (Сол жақ) және <strong>Right</strong> (Оң жақ) көрсеткі пернелері</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>мәзір жолағындағы мәзірлер арасында жылжыту.</li>\n' +
+  '  <li>мәзірде ішкі мәзірді ашу.</li>\n' +
+  '  <li>құралдар тақтасы тобындағы түймелер арасында жылжыту.</li>\n' +
+  '  <li>төменгі деректеме элементінің жолындағы элементтер арасында жылжыту.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Down</strong> (Төмен) және <strong>Up</strong> (Жоғары) көрсеткі пернелері</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>мәзірдегі мәзір элементтері арасында жылжыту.</li>\n' +
+  '  <li>құралдар тақтасының ашылмалы мәзіріндегі мәзір элементтері арасында жылжыту.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Фокусталған ПИ бөліміндегі <strong>Arrow</strong> (Көрсеткі) пернелерінің циклі.</p>\n' +
+  '\n' +
+  '<p>Ашық мәзірді жабу үшін ішкі мәзірді ашып немесе ашылмалы мәзірді ашып, <strong>Esc</strong> пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<p>Ағымдағы фокус белгілі бір ПИ бөлімінің «үстінде» болса, <strong>Esc</strong> пернесін басу әрекеті пернетақта\n' +
+  '  навигациясын толығымен жабады.</p>\n' +
+  '\n' +
+  '<h1>Мәзір элементін немесе құралдар тақтасы түймесін орындау</h1>\n' +
+  '\n' +
+  '<p>Қажетті мәзір элементі немесе құралдар тақтасы түймесі бөлектелген кезде, элементті орындау үшін <strong>Return</strong> (Қайтару), <strong>Enter</strong> (Енгізу)\n' +
+  '  немесе <strong>Space bar</strong> (Бос орын) пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<h1>Белгіленбеген диалог терезелерін навигациялау</h1>\n' +
+  '\n' +
+  '<p>Белгіленбеген диалог терезелерінде диалог терезесі ашылған кезде бірінші интерактивті құрамдас фокусталады.</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> немесе <strong>Shift+Tab</strong> пернесін басу арқылы интерактивті диалог терезесінің құрамдастары арасында навигациялаңыз.</p>\n' +
+  '\n' +
+  '<h1>Белгіленген диалог терезелерін навигациялау</h1>\n' +
+  '\n' +
+  '<p>Белгіленген диалог терезелерінде диалог терезесі ашылған кезде қойынды мәзіріндегі бірінші түйме фокусталады.</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> немесе\n' +
+  '  <strong>Shift+Tab</strong> пернесін басу арқылы осы диалог терезесі қойындысының интерактивті құрамдастары арасында навигациялаңыз.</p>\n' +
+  '\n' +
+  '<p>Қойынды мәзірінің фокусын беру арқылы басқа диалог терезесінің қойындысына ауысып, тиісті <strong>Arrow</strong> (Көрсеткі)\n' +
+  '  пернесін басу арқылы қолжетімді қойындылар арасында айналдыруға болады.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ko_KR.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ko_KR.js
new file mode 100644
index 000000000..e7c8e7fcc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ko_KR.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ko_KR',
+'<h1>키보드 탐색 시작</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>메뉴 모음 포커스 표시</dt>\n' +
+  '  <dd>Windows 또는 Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>도구 모음 포커스 표시</dt>\n' +
+  '  <dd>Windows 또는 Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>푸터 포커스 표시</dt>\n' +
+  '  <dd>Windows 또는 Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>알림 포커스</dt>\n' +
+  '  <dd>Windows 또는 Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>컨텍스트 도구 모음에 포커스 표시</dt>\n' +
+  '  <dd>Windows, Linux 또는 macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>첫 번째 UI 항목에서 탐색이 시작되며, 이때 첫 번째 항목이 강조 표시되거나 푸터 요소 경로에 있는\n' +
+  '  경우 밑줄 표시됩니다.</p>\n' +
+  '\n' +
+  '<h1>UI 섹션 간 탐색</h1>\n' +
+  '\n' +
+  '<p>한 UI 섹션에서 다음 UI 섹션으로 이동하려면 <strong>Tab(탭)</strong>을 누릅니다.</p>\n' +
+  '\n' +
+  '<p>한 UI 섹션에서 이전 UI 섹션으로 돌아가려면 <strong>Shift+Tab(시프트+탭)</strong>을 누릅니다.</p>\n' +
+  '\n' +
+  '<p>이 UI 섹션의 <strong>Tab(탭)</strong> 순서는 다음과 같습니다.</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>메뉴 바</li>\n' +
+  '  <li>각 도구 모음 그룹</li>\n' +
+  '  <li>사이드바</li>\n' +
+  '  <li>푸터의 요소 경로</li>\n' +
+  '  <li>푸터의 단어 수 토글 버튼</li>\n' +
+  '  <li>푸터의 브랜딩 링크</li>\n' +
+  '  <li>푸터의 에디터 크기 변경 핸들</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>UI 섹션이 없는 경우 건너뛰기합니다.</p>\n' +
+  '\n' +
+  '<p>푸터에 키보드 탐색 포커스가 있고 사이드바는 보이지 않는 경우 <strong>Shift+Tab(시프트+탭)</strong>을 누르면\n' +
+  '  포커스 표시가 마지막이 아닌 첫 번째 도구 모음 그룹으로 이동합니다.</p>\n' +
+  '\n' +
+  '<h1>UI 섹션 내 탐색</h1>\n' +
+  '\n' +
+  '<p>한 UI 요소에서 다음 UI 요소로 이동하려면 적절한 <strong>화살표</strong> 키를 누릅니다.</p>\n' +
+  '\n' +
+  '<p><strong>왼쪽</strong>과 <strong>오른쪽</strong> 화살표 키의 용도:</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>메뉴 모음에서 메뉴 항목 사이를 이동합니다.</li>\n' +
+  '  <li>메뉴에서 하위 메뉴를 엽니다.</li>\n' +
+  '  <li>도구 모음 그룹에서 버튼 사이를 이동합니다.</li>\n' +
+  '  <li>푸터의 요소 경로에서 항목 간에 이동합니다.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>아래</strong>와 <strong>위</strong> 화살표 키의 용도:</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>메뉴에서 메뉴 항목 사이를 이동합니다.</li>\n' +
+  '  <li>도구 모음 팝업 메뉴에서 메뉴 항목 사이를 이동합니다.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>화살표</strong> 키는 포커스 표시 UI 섹션 내에서 순환됩니다.</p>\n' +
+  '\n' +
+  '<p>열려 있는 메뉴, 열려 있는 하위 메뉴 또는 열려 있는 팝업 메뉴를 닫으려면 <strong>Esc</strong> 키를 누릅니다.</p>\n' +
+  '\n' +
+  "<p>현재 포커스 표시가 특정 UI 섹션 '상단'에 있는 경우 이때도 <strong>Esc</strong> 키를 누르면\n" +
+  '  키보드 탐색이 완전히 종료됩니다.</p>\n' +
+  '\n' +
+  '<h1>메뉴 항목 또는 도구 모음 버튼 실행</h1>\n' +
+  '\n' +
+  '<p>원하는 메뉴 항목 또는 도구 모음 버튼이 강조 표시되어 있을 때 <strong>Return(리턴)</strong>, <strong>Enter(엔터)</strong>,\n' +
+  '  또는 <strong>Space bar(스페이스바)</strong>를 눌러 해당 항목을 실행합니다.</p>\n' +
+  '\n' +
+  '<h1>탭이 없는 대화 탐색</h1>\n' +
+  '\n' +
+  '<p>탭이 없는 대화의 경우, 첫 번째 대화형 요소가 포커스 표시된 상태로 대화가 열립니다.</p>\n' +
+  '\n' +
+  '<p>대화형 요소들 사이를 이동할 때는 <strong>Tab(탭)</strong> 또는 <strong>Shift+Tab(시프트+탭)</strong>을 누릅니다.</p>\n' +
+  '\n' +
+  '<h1>탭이 있는 대화 탐색</h1>\n' +
+  '\n' +
+  '<p>탭이 있는 대화의 경우, 탭 메뉴에서 첫 번째 버튼이 포커스 표시된 상태로 대화가 열립니다.</p>\n' +
+  '\n' +
+  '<p>이 대화 탭의 대화형 요소들 사이를 이동할 때는 <strong>Tab(탭)</strong> 또는\n' +
+  '  <strong>Shift+Tab(시프트+탭)</strong>을 누릅니다.</p>\n' +
+  '\n' +
+  '<p>다른 대화 탭으로 이동하려면 탭 메뉴를 포커스 표시한 다음 적절한 <strong>화살표</strong>\n' +
+  '  키를 눌러 사용 가능한 탭들을 지나 원하는 탭으로 이동합니다.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ms.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ms.js
new file mode 100644
index 000000000..2c047bb1a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ms.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ms',
+'<h1>Mulakan navigasi papan kekunci</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokus bar Menu</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokus Bar Alat</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokus pengaki</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Tumpu kepada pemberitahuan</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokus bar alat kontekstual</dt>\n' +
+  '  <dd>Windows, Linux atau macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigasi akan bermula pada item UI pertama, yang akan diserlahkan atau digaris bawah dalam saiz item pertama dalam\n' +
+  '  laluan elemen Pengaki.</p>\n' +
+  '\n' +
+  '<h1>Navigasi antara bahagian UI</h1>\n' +
+  '\n' +
+  '<p>Untuk bergerak dari satu bahagian UI ke yang seterusnya, tekan <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Untuk bergerak dari satu bahagian UI ke yang sebelumnya, tekan <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Tertib <strong>Tab</strong> bahagian UI ini ialah:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Bar menu</li>\n' +
+  '  <li>Setiap kumpulan bar alat</li>\n' +
+  '  <li>Bar sisi</li>\n' +
+  '  <li>Laluan elemen dalam pengaki</li>\n' +
+  '  <li>Butang togol kiraan perkataan dalam pengaki</li>\n' +
+  '  <li>Pautan penjenamaan dalam pengaki</li>\n' +
+  '  <li>Pemegang saiz semula editor dalam pengaki</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Jika bahagian UI tidak wujud, ia dilangkau.</p>\n' +
+  '\n' +
+  '<p>Jika pengaki mempunyai fokus navigasi papan kekunci dan tiada bar sisi kelihatan, menekan <strong>Shift+Tab</strong>\n' +
+  '  akan mengalihkan fokus ke kumpulan bar alat pertama, bukannya yang terakhir.</p>\n' +
+  '\n' +
+  '<h1>Navigasi dalam bahagian UI</h1>\n' +
+  '\n' +
+  '<p>Untuk bergerak dari satu elemen UI ke yang seterusnya, tekan kekunci <strong>Anak Panah</strong> yang bersesuaian.</p>\n' +
+  '\n' +
+  '<p>Kekunci anak panah <strong>Kiri</strong> dan <strong>Kanan</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>bergerak antara menu dalam bar menu.</li>\n' +
+  '  <li>membukan submenu dalam menu.</li>\n' +
+  '  <li>bergerak antara butang dalam kumpulan bar alat.</li>\n' +
+  '  <li>Laluan elemen dalam pengaki.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Kekunci anak panah <strong>Bawah</strong> dan <strong>Atas</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>bergerak antara item menu dalam menu.</li>\n' +
+  '  <li>bergerak antara item dalam menu timbul bar alat.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Kekunci <strong>Anak Panah</strong> berkitar dalam bahagian UI difokuskan.</p>\n' +
+  '\n' +
+  '<p>Untuk menutup menu buka, submenu terbuka atau menu timbul terbuka, tekan kekunci <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  "<p>Jika fokus semasa berada di bahagian 'atas' bahagian UI tertentu, menekan kekunci <strong>Esc</strong> juga akan keluar daripada\n" +
+  '  navigasi papan kekunci sepenuhnya.</p>\n' +
+  '\n' +
+  '<h1>Laksanakan item menu atau butang bar alat</h1>\n' +
+  '\n' +
+  '<p>Apabila item menu atau butang bar alat yang diinginkan diserlahkan, tekan <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  atau <strong>bar Space</strong> untuk melaksanakan item.</p>\n' +
+  '\n' +
+  '<h1>Navigasi ke dialog tidak bertab</h1>\n' +
+  '\n' +
+  '<p>Dalam dialog tidak bertab, komponen interaksi pertama difokuskan apabila dialog dibuka.</p>\n' +
+  '\n' +
+  '<p>Navigasi antara komponen dialog interaktif dengan menekan <strong>Tab</strong> atau <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigasi ke dialog bertab</h1>\n' +
+  '\n' +
+  '<p>Dalam dialog bertab, butang pertama dalam menu tab difokuskan apabila dialog dibuka.</p>\n' +
+  '\n' +
+  '<p>Navigasi antara komponen interaktif tab dialog ini dengan menekan <strong>Tab</strong> atau\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Tukar kepada tab dialog lain dengan memfokuskan menu tab, kemudian menekan kekunci <strong>Anak Panah</strong> yang bersesuaian\n' +
+  '  untuk berkitar menerusi tab yang tersedia.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/nb_NO.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/nb_NO.js
new file mode 100644
index 000000000..071e3f55c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/nb_NO.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.nb_NO',
+'<h1>Starte tastaturnavigering</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Utheve menylinjen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt + F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Utheve verktøylinjen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt + F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Utheve bunnteksten</dt>\n' +
+  '  <dd>Windows eller Linux: Alt + F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokuser på varselet</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Utheve en kontekstuell verktøylinje</dt>\n' +
+  '  <dd>Windows, Linux eller macOS: Ctrl + F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigeringen starter ved det første grensesnittelementet, som utheves, eller understrekes når det gjelder det første elementet i\n' +
+  '  elementstien i bunnteksten.</p>\n' +
+  '\n' +
+  '<h1>Navigere mellom grensesnittdeler</h1>\n' +
+  '\n' +
+  '<p>Du kan bevege deg fra én grensesnittdel til den neste ved å trykke på <strong>tabulatortasten</strong>.</p>\n' +
+  '\n' +
+  '<p>Du kan bevege deg fra én grensesnittdel til den forrige ved å trykke på <strong>Shift + tabulatortasten</strong>.</p>\n' +
+  '\n' +
+  '<p>Rekkefølgen til <strong>tabulatortasten</strong> gjennom grensesnittdelene er:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menylinjen</li>\n' +
+  '  <li>Hver gruppe på verktøylinjen</li>\n' +
+  '  <li>Sidestolpen</li>\n' +
+  '  <li>Elementstien i bunnteksten</li>\n' +
+  '  <li>Veksleknappen for ordantall i bunnteksten</li>\n' +
+  '  <li>Merkelenken i bunnteksten</li>\n' +
+  '  <li>Skaleringshåndtaket for redigeringsprogrammet i bunnteksten</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Hvis en grensesnittdel ikke er til stede, blir den hoppet over.</p>\n' +
+  '\n' +
+  '<p>Hvis tastaturnavigeringen har uthevet bunnteksten og det ikke finnes en synlig sidestolpe, kan du trykke på <strong>Shift + tabulatortasten</strong>\n' +
+  '  for å flytte fokuset til den første gruppen på verktøylinjen i stedet for den siste.</p>\n' +
+  '\n' +
+  '<h1>Navigere innenfor grensesnittdeler</h1>\n' +
+  '\n' +
+  '<p>Du kan bevege deg fra ett grensesnittelement til det neste ved å trykke på den aktuelle <strong>piltasten</strong>.</p>\n' +
+  '\n' +
+  '<p>De <strong>venstre</strong> og <strong>høyre</strong> piltastene</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>beveger deg mellom menyer på menylinjen.</li>\n' +
+  '  <li>åpner en undermeny i en meny.</li>\n' +
+  '  <li>beveger deg mellom knapper i en gruppe på verktøylinjen.</li>\n' +
+  '  <li>beveger deg mellom elementer i elementstien i bunnteksten.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Ned</strong>- og <strong>opp</strong>-piltastene</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>beveger deg mellom menyelementer i en meny.</li>\n' +
+  '  <li>beveger deg mellom elementer i en hurtigmeny på verktøylinjen.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Med <strong>piltastene</strong> kan du bevege deg innenfor den uthevede grensesnittdelen.</p>\n' +
+  '\n' +
+  '<p>Du kan lukke en åpen meny, en åpen undermeny eller en åpen hurtigmeny ved å klikke på <strong>Esc</strong>-tasten.</p>\n' +
+  '\n' +
+  '<p>Hvis det øverste nivået i en grensesnittdel er uthevet, kan du ved å trykke på <strong>Esc</strong> også avslutte\n' +
+  '  tastaturnavigeringen helt.</p>\n' +
+  '\n' +
+  '<h1>Utføre et menyelement eller en knapp på en verktøylinje</h1>\n' +
+  '\n' +
+  '<p>Når det ønskede menyelementet eller verktøylinjeknappen er uthevet, trykker du på <strong>Retur</strong>, <strong>Enter</strong>,\n' +
+  '  eller <strong>mellomromstasten</strong> for å utføre elementet.</p>\n' +
+  '\n' +
+  '<h1>Navigere i dialogbokser uten faner</h1>\n' +
+  '\n' +
+  '<p>I dialogbokser uten faner blir den første interaktive komponenten uthevet når dialogboksen åpnes.</p>\n' +
+  '\n' +
+  '<p>Naviger mellom interaktive komponenter i dialogboksen ved å trykke på <strong>tabulatortasten</strong> eller <strong>Shift + tabulatortasten</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigere i fanebaserte dialogbokser</h1>\n' +
+  '\n' +
+  '<p>I fanebaserte dialogbokser blir den første knappen i fanemenyen uthevet når dialogboksen åpnes.</p>\n' +
+  '\n' +
+  '<p>Naviger mellom interaktive komponenter i fanen ved å trykke på <strong>tabulatortasten</strong> eller\n' +
+  '  <strong>Shift + tabulatortasten</strong>.</p>\n' +
+  '\n' +
+  '<p>Veksle til en annen fane i dialogboksen ved å utheve fanemenyen, og trykk deretter på den aktuelle <strong>piltasten</strong>\n' +
+  '  for å bevege deg mellom de tilgjengelige fanene.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/nl.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/nl.js
new file mode 100644
index 000000000..05c07aee4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/nl.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.nl',
+'<h1>Toetsenbordnavigatie starten</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Focus op de menubalk instellen</dt>\n' +
+  '  <dd>Windows of Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Focus op de werkbalk instellen</dt>\n' +
+  '  <dd>Windows of Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Focus op de voettekst instellen</dt>\n' +
+  '  <dd>Windows of Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Focus op de melding instellen</dt>\n' +
+  '  <dd>Windows of Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Focus op een contextuele werkbalk instellen</dt>\n' +
+  '  <dd>Windows, Linux of macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>De navigatie start bij het eerste UI-item, dat wordt gemarkeerd of onderstreept als het eerste item zich in\n' +
+  '  in het elementenpad van de voettekst bevindt.</p>\n' +
+  '\n' +
+  '<h1>Navigeren tussen UI-secties</h1>\n' +
+  '\n' +
+  '<p>Druk op <strong>Tab</strong> om naar de volgende UI-sectie te gaan.</p>\n' +
+  '\n' +
+  '<p>Druk op <strong>Shift+Tab</strong> om naar de vorige UI-sectie te gaan.</p>\n' +
+  '\n' +
+  '<p>De <strong>Tab</strong>-volgorde van deze UI-secties is:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menubalk</li>\n' +
+  '  <li>Elke werkbalkgroep</li>\n' +
+  '  <li>Zijbalk</li>\n' +
+  '  <li>Elementenpad in de voettekst</li>\n' +
+  '  <li>Wisselknop voor aantal woorden in de voettekst</li>\n' +
+  '  <li>Merkkoppeling in de voettekst</li>\n' +
+  '  <li>Greep voor het wijzigen van het formaat van de editor in de voettekst</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Als een UI-sectie niet aanwezig is, wordt deze overgeslagen.</p>\n' +
+  '\n' +
+  '<p>Als de focus van de toetsenbordnavigatie is ingesteld op de voettekst en er geen zichtbare zijbalk is, kun je op <strong>Shift+Tab</strong> drukken\n' +
+  '  om de focus naar de eerste werkbalkgroep in plaats van de laatste te verplaatsen.</p>\n' +
+  '\n' +
+  '<h1>Navigeren binnen UI-secties</h1>\n' +
+  '\n' +
+  '<p>Druk op de <strong>pijltjestoets</strong> om naar het betreffende UI-element te gaan.</p>\n' +
+  '\n' +
+  '<p>Met de pijltjestoetsen <strong>Links</strong> en <strong>Rechts</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  "  <li>wissel je tussen menu's in de menubalk.</li>\n" +
+  '  <li>open je een submenu in een menu.</li>\n' +
+  '  <li>wissel je tussen knoppen in een werkbalkgroep.</li>\n' +
+  '  <li>wissel je tussen items in het elementenpad in de voettekst.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Met de pijltjestoetsen <strong>Omlaag</strong> en <strong>Omhoog</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>wissel je tussen menu-items in een menu.</li>\n' +
+  '  <li>wissel je tussen items in een werkbalkpop-upmenu.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Met de <strong>pijltjestoetsen</strong> wissel je binnen de UI-sectie waarop de focus is ingesteld.</p>\n' +
+  '\n' +
+  '<p>Druk op de toets <strong>Esc</strong> om een geopend menu, submenu of pop-upmenu te sluiten.</p>\n' +
+  '\n' +
+  "<p>Als de huidige focus is ingesteld 'bovenaan' een bepaalde UI-sectie, kun je op de toets <strong>Esc</strong> drukken\n" +
+  '  om de toetsenbordnavigatie af te sluiten.</p>\n' +
+  '\n' +
+  '<h1>Een menu-item of werkbalkknop uitvoeren</h1>\n' +
+  '\n' +
+  '<p>Als het gewenste menu-item of de gewenste werkbalkknop is gemarkeerd, kun je op <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  of de <strong>spatiebalk</strong> drukken om het item uit te voeren.</p>\n' +
+  '\n' +
+  '<h1>Navigeren in dialoogvensters zonder tabblad</h1>\n' +
+  '\n' +
+  '<p>Als een dialoogvenster zonder tabblad wordt geopend, wordt de focus ingesteld op het eerste interactieve onderdeel.</p>\n' +
+  '\n' +
+  '<p>Je kunt navigeren tussen interactieve onderdelen van een dialoogvenster door op <strong>Tab</strong> of <strong>Shift+Tab</strong> te drukken.</p>\n' +
+  '\n' +
+  '<h1>Navigeren in dialoogvensters met tabblad</h1>\n' +
+  '\n' +
+  '<p>Als een dialoogvenster met tabblad wordt geopend, wordt de focus ingesteld op de eerste knop in het tabbladmenu.</p>\n' +
+  '\n' +
+  '<p>Je kunt navigeren tussen interactieve onderdelen van dit tabblad van het dialoogvenster door op <strong>Tab</strong> of\n' +
+  '  <strong>Shift+Tab</strong> te drukken.</p>\n' +
+  '\n' +
+  '<p>Je kunt overschakelen naar een ander tabblad van het dialoogvenster door de focus in te stellen op het tabbladmenu en vervolgens op de juiste <strong>pijltjestoets</strong>\n' +
+  '  te drukken om tussen de beschikbare tabbladen te wisselen.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pl.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pl.js
new file mode 100644
index 000000000..e89f808a8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pl.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.pl',
+'<h1>Początek nawigacji przy użyciu klawiatury</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Ustaw fokus na pasek menu</dt>\n' +
+  '  <dd>Windows lub Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Ustaw fokus na pasek narzędzi</dt>\n' +
+  '  <dd>Windows lub Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Ustaw fokus na sekcję Footer</dt>\n' +
+  '  <dd>Windows lub Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Skup się na powiadomieniu</dt>\n' +
+  '  <dd>Windows lub Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Ustaw fokus na kontekstowy pasek narzędzi</dt>\n' +
+  '  <dd>Windows, Linux lub macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Nawigacja zostanie rozpoczęta od pierwszego elementu interfejsu użytkownika, który jest podświetlony lub — w przypadku pierwszego elementu\n' +
+  '  w ścieżce elementów w sekcji Footer — podkreślony.</p>\n' +
+  '\n' +
+  '<h1>Nawigacja pomiędzy sekcjami interfejsu użytkownika</h1>\n' +
+  '\n' +
+  '<p>Aby przenieść się z danej sekcji interfejsu użytkownika do następnej, naciśnij <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Aby przenieść się z danej sekcji interfejsu użytkownika do poprzedniej, naciśnij <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Kolejność klawisza <strong>Tab</strong> w takich sekcjach interfejsu użytkownika jest następująca:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Pasek menu</li>\n' +
+  '  <li>Każda grupa na pasku narzędzi</li>\n' +
+  '  <li>Pasek boczny</li>\n' +
+  '  <li>Ścieżka elementów w sekcji Footer</li>\n' +
+  '  <li>Przycisk przełączania liczby słów w sekcji Footer</li>\n' +
+  '  <li>Łącze brandujące w sekcji Footer</li>\n' +
+  '  <li>Uchwyt zmiany rozmiaru edytora w sekcji Footer</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Jeżeli nie ma sekcji interfejsu użytkownika, jest to pomijane.</p>\n' +
+  '\n' +
+  '<p>Jeżeli na sekcji Footer jest ustawiony fokus nawigacji przy użyciu klawiatury i nie ma widocznego paska bocznego, naciśnięcie <strong>Shift+Tab</strong>\n' +
+  '  przenosi fokus na pierwszą grupę paska narzędzi, a nie na ostatnią.</p>\n' +
+  '\n' +
+  '<h1>Nawigacja wewnątrz sekcji interfejsu użytkownika</h1>\n' +
+  '\n' +
+  '<p>Aby przenieść się z danego elementu interfejsu użytkownika do następnego, naciśnij odpowiedni klawisz <strong>strzałki</strong>.</p>\n' +
+  '\n' +
+  '<p>Klawisze strzałek <strong>w prawo</strong> i <strong>w lewo</strong> służą do</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>przenoszenia się pomiędzy menu na pasku menu,</li>\n' +
+  '  <li>otwarcia podmenu w menu,</li>\n' +
+  '  <li>przenoszenia się pomiędzy przyciskami w grupie paska narzędzi,</li>\n' +
+  '  <li>przenoszenia się pomiędzy elementami w ścieżce elementów w sekcji Footer.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klawisze strzałek <strong>w dół</strong> i <strong>w górę</strong> służą do</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>przenoszenia się pomiędzy elementami menu w menu,</li>\n' +
+  '  <li>przenoszenia się pomiędzy elementami w wyskakującym menu paska narzędzi.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klawisze <strong>strzałek</strong> służą do przemieszczania się w sekcji interfejsu użytkownika z ustawionym fokusem.</p>\n' +
+  '\n' +
+  '<p>Aby zamknąć otwarte menu, otwarte podmenu lub otwarte menu wyskakujące, naciśnij klawisz <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Jeżeli fokus jest ustawiony na górze konkretnej sekcji interfejsu użytkownika, naciśnięcie klawisza <strong>Esc</strong> powoduje wyjście\n' +
+  '  z nawigacji przy użyciu klawiatury.</p>\n' +
+  '\n' +
+  '<h1>Wykonanie elementu menu lub przycisku paska narzędzi</h1>\n' +
+  '\n' +
+  '<p>Gdy podświetlony jest żądany element menu lub przycisk paska narzędzi, naciśnij klawisz <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  lub <strong>Spacja</strong>, aby go wykonać.</p>\n' +
+  '\n' +
+  '<h1>Nawigacja po oknie dialogowym bez kart</h1>\n' +
+  '\n' +
+  '<p>Gdy otwiera się okno dialogowe bez kart, fokus ustawiany jest na pierwszą interaktywną część okna.</p>\n' +
+  '\n' +
+  '<p>Pomiędzy interaktywnymi częściami okna dialogowego nawiguj, naciskając klawisze <strong>Tab</strong> lub <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Nawigacja po oknie dialogowym z kartami</h1>\n' +
+  '\n' +
+  '<p>W przypadku okna dialogowego z kartami po otwarciu okna dialogowego fokus ustawiany jest na pierwszy przycisk w menu karty.</p>\n' +
+  '\n' +
+  '<p>Nawigację pomiędzy interaktywnymi częściami karty okna dialogowego prowadzi się poprzez naciskanie klawiszy <strong>Tab</strong> lub\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Przełączenie się na inną kartę okna dialogowego wykonuje się poprzez ustawienie fokusu na menu karty i naciśnięcie odpowiedniego klawisza <strong>strzałki</strong>\n' +
+  '  w celu przemieszczenia się pomiędzy dostępnymi kartami.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pt_BR.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pt_BR.js
new file mode 100644
index 000000000..2938fcfa5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pt_BR.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.pt_BR',
+'<h1>Iniciar navegação pelo teclado</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Foco na barra de menus</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Foco na barra de ferramentas</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Foco no rodapé</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Foco na notificação</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Foco na barra de ferramentas contextual</dt>\n' +
+  '  <dd>Windows, Linux ou macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>A navegação inicia no primeiro item da IU, que será destacado ou sublinhado no caso do primeiro item no\n' +
+  '  caminho do elemento Rodapé.</p>\n' +
+  '\n' +
+  '<h1>Navegar entre seções da IU</h1>\n' +
+  '\n' +
+  '<p>Para ir de uma seção da IU para a seguinte, pressione <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Para ir de uma seção da IU para a anterior, pressione <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>A ordem de <strong>Tab</strong> destas seções da IU é:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra de menus</li>\n' +
+  '  <li>Cada grupo da barra de ferramentas</li>\n' +
+  '  <li>Barra lateral</li>\n' +
+  '  <li>Caminho do elemento no rodapé</li>\n' +
+  '  <li>Botão de alternar contagem de palavras no rodapé</li>\n' +
+  '  <li>Link da marca no rodapé</li>\n' +
+  '  <li>Alça de redimensionamento do editor no rodapé</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Se não houver uma seção da IU, ela será pulada.</p>\n' +
+  '\n' +
+  '<p>Se o rodapé tiver o foco da navegação pelo teclado e não houver uma barra lateral visível, pressionar <strong>Shift+Tab</strong>\n' +
+  '  move o foco para o primeiro grupo da barra de ferramentas, não para o último.</p>\n' +
+  '\n' +
+  '<h1>Navegar dentro das seções da IU</h1>\n' +
+  '\n' +
+  '<p>Para ir de um elemento da IU para o seguinte, pressione a <strong>Seta</strong> correspondente.</p>\n' +
+  '\n' +
+  '<p>As teclas de seta <strong>Esquerda</strong> e <strong>Direita</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>movem entre menus na barra de menus.</li>\n' +
+  '  <li>abrem um submenu em um menu.</li>\n' +
+  '  <li>movem entre botões em um grupo da barra de ferramentas.</li>\n' +
+  '  <li>movem entre itens no caminho do elemento do rodapé.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>As teclas de seta <strong>Abaixo</strong> e <strong>Acima</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>movem entre itens de menu em um menu.</li>\n' +
+  '  <li>movem entre itens em um menu suspenso da barra de ferramentas.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>As teclas de <strong>Seta</strong> alternam dentre a seção da IU em foco.</p>\n' +
+  '\n' +
+  '<p>Para fechar um menu aberto, um submenu aberto ou um menu suspenso aberto, pressione <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Se o foco atual estiver no ‘alto’ de determinada seção da IU, pressionar <strong>Esc</strong> também sai\n' +
+  '  totalmente da navegação pelo teclado.</p>\n' +
+  '\n' +
+  '<h1>Executar um item de menu ou botão da barra de ferramentas</h1>\n' +
+  '\n' +
+  '<p>Com o item de menu ou botão da barra de ferramentas desejado destacado, pressione <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  ou a <strong>Barra de espaço</strong> para executar o item.</p>\n' +
+  '\n' +
+  '<h1>Navegar por caixas de diálogo sem guias</h1>\n' +
+  '\n' +
+  '<p>Em caixas de diálogo sem guias, o primeiro componente interativo recebe o foco quando a caixa de diálogo abre.</p>\n' +
+  '\n' +
+  '<p>Navegue entre componentes interativos de caixa de diálogo pressionando <strong>Tab</strong> ou <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navegar por caixas de diálogo com guias</h1>\n' +
+  '\n' +
+  '<p>Em caixas de diálogo com guias, o primeiro botão no menu da guia recebe o foco quando a caixa de diálogo abre.</p>\n' +
+  '\n' +
+  '<p>Navegue entre componentes interativos dessa guia da caixa de diálogo pressionando <strong>Tab</strong> ou\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Alterne para outra guia da caixa de diálogo colocando o foco no menu da guia e pressionando a <strong>Seta</strong>\n' +
+  '  adequada para percorrer as guias disponíveis.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pt_PT.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pt_PT.js
new file mode 100644
index 000000000..03da3d614
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/pt_PT.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.pt_PT',
+'<h1>Iniciar navegação com teclado</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Foco na barra de menu</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Foco na barra de ferramentas</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Foco no rodapé</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Focar a notificação</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Foco numa barra de ferramentas contextual</dt>\n' +
+  '  <dd>Windows, Linux ou macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>A navegação começará no primeiro item de IU, que estará realçado ou sublinhado, no caso do primeiro item no\n' +
+  '  caminho do elemento do rodapé.</p>\n' +
+  '\n' +
+  '<h1>Navegar entre secções de IU</h1>\n' +
+  '\n' +
+  '<p>Para se mover de uma secção de IU para a seguinte, prima <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Para se mover de uma secção de IU para a anterior, prima <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>A ordem de <strong>tabulação</strong> destas secções de IU é:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra de menu</li>\n' +
+  '  <li>Cada grupo da barra de ferramentas</li>\n' +
+  '  <li>Barra lateral</li>\n' +
+  '  <li>Caminho do elemento no rodapé</li>\n' +
+  '  <li>Botão de alternar da contagem de palavras no rodapé</li>\n' +
+  '  <li>Ligação da marca no rodapé</li>\n' +
+  '  <li>Alça de redimensionamento do editor no rodapé</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Se uma secção de IU não estiver presente, é ignorada.</p>\n' +
+  '\n' +
+  '<p>Se o rodapé tiver foco de navegação com teclado e não existir uma barra lateral visível, premir <strong>Shift+Tab</strong>\n' +
+  '  move o foco para o primeiro grupo da barra de ferramentas e não para o último.</p>\n' +
+  '\n' +
+  '<h1>Navegar nas secções de IU</h1>\n' +
+  '\n' +
+  '<p>Para se mover de um elemento de IU para o seguinte, prima a tecla de <strong>seta</strong> adequada.</p>\n' +
+  '\n' +
+  '<p>As teclas de seta <strong>Para a esquerda</strong> e <strong>Para a direita</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>movem-se entre menus na barra de menu.</li>\n' +
+  '  <li>abrem um submenu num menu.</li>\n' +
+  '  <li>movem-se entre botões num grupo da barra de ferramentas.</li>\n' +
+  '  <li>movem-se entre itens no caminho do elemento do rodapé.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>As teclas de seta <strong>Para cima</strong> e <strong>Para baixo</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>movem-se entre itens de menu num menu.</li>\n' +
+  '  <li>movem-se entre itens num menu de pop-up da barra de ferramentas.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>As teclas de <strong>seta</strong> deslocam-se ciclicamente na secção de IU em foco.</p>\n' +
+  '\n' +
+  '<p>Para fechar um menu aberto, um submenu aberto ou um menu de pop-up aberto, prima a tecla <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Se o foco atual estiver no "topo" de determinada secção de IU, premir a tecla <strong>Esc</strong> também fecha\n' +
+  '  completamente a navegação com teclado.</p>\n' +
+  '\n' +
+  '<h1>Executar um item de menu ou botão da barra de ferramentas</h1>\n' +
+  '\n' +
+  '<p>Quando o item de menu ou o botão da barra de ferramentas pretendido estiver realçado, prima <strong>Retrocesso</strong>, <strong>Enter</strong>\n' +
+  '  ou a <strong>Barra de espaço</strong> para executar o item.</p>\n' +
+  '\n' +
+  '<h1>Navegar em diálogos sem separadores</h1>\n' +
+  '\n' +
+  '<p>Nos diálogos sem separadores, o primeiro componente interativo fica em foco quando o diálogo abre.</p>\n' +
+  '\n' +
+  '<p>Navegue entre componentes interativos do diálogo, premindo <strong>Tab</strong> ou <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navegar em diálogos com separadores</h1>\n' +
+  '\n' +
+  '<p>Nos diálogos com separadores, o primeiro botão no menu do separador fica em foco quando o diálogo abre.</p>\n' +
+  '\n' +
+  '<p>Navegue entre os componentes interativos deste separador do diálogo, premindo <strong>Tab</strong> ou\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Mude para outro separador do diálogo colocando o menu do separador em foco e, em seguida, premindo a tecla de <strong>seta</strong>\n' +
+  '  adequada para se deslocar ciclicamente pelos separadores disponíveis.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ro.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ro.js
new file mode 100644
index 000000000..38d3441d8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ro.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ro',
+'<h1>Începeți navigarea de la tastatură</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Focalizare pe bara de meniu</dt>\n' +
+  '  <dd>Windows sau Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Focalizare pe bara de instrumente</dt>\n' +
+  '  <dd>Windows sau Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Focalizare pe subsol</dt>\n' +
+  '  <dd>Windows sau Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Focalizare pe notificare</dt>\n' +
+  '  <dd>Windows sau Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Focalizare pe o bară de instrumente contextuală</dt>\n' +
+  '  <dd>Windows, Linux sau macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigarea va începe de la primul element al interfeței cu utilizatorul, care va fi evidențiat sau subliniat în cazul primului element din\n' +
+  '  calea elementului Subsol.</p>\n' +
+  '\n' +
+  '<h1>Navigați între secțiunile interfeței cu utilizatorul</h1>\n' +
+  '\n' +
+  '<p>Pentru a trece de la o secțiune a interfeței cu utilizatorul la alta, apăsați <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Pentru a trece de la o secțiune a interfeței cu utilizatorul la cea anterioară, apăsați <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Ordinea cu <strong>Tab</strong> a acestor secțiuni ale interfeței cu utilizatorul este următoarea:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Bara de meniu</li>\n' +
+  '  <li>Fiecare grup de bare de instrumente</li>\n' +
+  '  <li>Bara laterală</li>\n' +
+  '  <li>Calea elementului în subsol</li>\n' +
+  '  <li>Buton de comutare a numărului de cuvinte în subsol</li>\n' +
+  '  <li>Link de branding în subsol</li>\n' +
+  '  <li>Mâner de redimensionare a editorului în subsol</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>În cazul în care o secțiune a interfeței cu utilizatorul nu este prezentă, aceasta este omisă.</p>\n' +
+  '\n' +
+  '<p>În cazul în care subsolul are focalizarea navigației asupra tastaturii și nu există o bară laterală vizibilă, apăsarea butonului <strong>Shift+Tab</strong>\n' +
+  '  mută focalizarea pe primul grup de bare de instrumente, nu pe ultimul.</p>\n' +
+  '\n' +
+  '<h1>Navigați în secțiunile interfeței cu utilizatorul</h1>\n' +
+  '\n' +
+  '<p>Pentru a trece de la un element de interfață cu utilizatorul la următorul, apăsați tasta cu <strong>săgeata</strong> corespunzătoare.</p>\n' +
+  '\n' +
+  '<p>Tastele cu săgeți către <strong>stânga</strong> și <strong>dreapta</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>navighează între meniurile din bara de meniuri.</li>\n' +
+  '  <li>deschid un sub-meniu dintr-un meniu.</li>\n' +
+  '  <li>navighează între butoanele dintr-un grup de bare de instrumente.</li>\n' +
+  '  <li>navighează între elementele din calea elementelor subsolului.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tastele cu săgeți în <strong>sus</strong> și în <strong>jos</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>navighează între elementele de meniu dintr-un meniu.</li>\n' +
+  '  <li>navighează între elementele unui meniu pop-up din bara de instrumente.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tastele cu <strong>săgeți</strong> navighează în cadrul secțiunii interfeței cu utilizatorul asupra căreia se focalizează.</p>\n' +
+  '\n' +
+  '<p>Pentru a închide un meniu deschis, un sub-meniu deschis sau un meniu pop-up deschis, apăsați tasta <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Dacă focalizarea curentă este asupra „părții superioare” a unei anumite secțiuni a interfeței cu utilizatorul, prin apăsarea tastei <strong>Esc</strong> se iese, de asemenea,\n' +
+  '  în întregime din navigarea de la tastatură.</p>\n' +
+  '\n' +
+  '<h1>Executarea unui element de meniu sau a unui buton din bara de instrumente</h1>\n' +
+  '\n' +
+  '<p>Atunci când elementul de meniu dorit sau butonul dorit din bara de instrumente este evidențiat, apăsați <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  sau <strong>bara de spațiu</strong> pentru a executa elementul.</p>\n' +
+  '\n' +
+  '<h1>Navigarea de dialoguri fără file</h1>\n' +
+  '\n' +
+  '<p>În dialogurile fără file, prima componentă interactivă beneficiază de focalizare la deschiderea dialogului.</p>\n' +
+  '\n' +
+  '<p>Navigați între componentele dialogului interactiv apăsând <strong>Tab</strong> sau <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigarea de dialoguri cu file</h1>\n' +
+  '\n' +
+  '<p>În dialogurile cu file, primul buton din meniul cu file beneficiază de focalizare la deschiderea dialogului.</p>\n' +
+  '\n' +
+  '<p>Navigați între componentele interactive ale acestei file de dialog apăsând <strong>Tab</strong> sau\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Treceți la o altă filă de dialog focalizând asupra meniului cu file și apoi apăsând <strong>săgeata</strong> corespunzătoare\n' +
+  '  pentru a parcurge filele disponibile.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ru.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ru.js
new file mode 100644
index 000000000..d310f5441
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/ru.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ru',
+'<h1>Начните управление с помощью клавиатуры</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Фокус на панели меню</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Фокус на панели инструментов</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Фокус на нижнем колонтитуле</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Фокус на уведомлении</dt>\n' +
+  '  <dd>Windows или Linux: Alt+12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Фокус на контекстной панели инструментов</dt>\n' +
+  '  <dd>Windows, Linux или macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Первый доступный для управления элемент интерфейса будет выделен цветом или подчеркнут (если он находится\n' +
+  '  в пути элементов нижнего колонтитула).</p>\n' +
+  '\n' +
+  '<h1>Переход между разделами пользовательского интерфейса</h1>\n' +
+  '\n' +
+  '<p>Чтобы перейти из текущего раздела интерфейса в следующий, нажмите <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Чтобы перейти из текущего раздела интерфейса в предыдущий, нажмите <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Вкладки</strong> разделов интерфейса расположены в следующем порядке:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Панель меню</li>\n' +
+  '  <li>Группы панели инструментов</li>\n' +
+  '  <li>Боковая панель</li>\n' +
+  '  <li>Путь элементов нижнего колонтитула</li>\n' +
+  '  <li>Подсчет слов/символов в нижнем колонтитуле</li>\n' +
+  '  <li>Брендовая ссылка в нижнем колонтитуле</li>\n' +
+  '  <li>Угол для изменения размера окна редактора</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Если раздел интерфейса отсутствует, он пропускается.</p>\n' +
+  '\n' +
+  '<p>Если при управлении с клавиатуры фокус находится на нижнем колонтитуле, а видимая боковая панель отсутствует, то при нажатии сочетания клавиш <strong>Shift+Tab</strong>\n' +
+  '  фокус переносится на первую группу панели инструментов, а не на последнюю.</p>\n' +
+  '\n' +
+  '<h1>Переход между элементами внутри разделов пользовательского интерфейса</h1>\n' +
+  '\n' +
+  '<p>Чтобы перейти от текущего элемента интерфейса к следующему, нажмите соответствующую <strong>клавишу со стрелкой</strong>.</p>\n' +
+  '\n' +
+  '<p>Клавиши со стрелками <strong>влево</strong> и <strong>вправо</strong> позволяют</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>перемещаться между разными меню в панели меню.</li>\n' +
+  '  <li>открывать разделы меню.</li>\n' +
+  '  <li>перемещаться между кнопками в группе панели инструментов.</li>\n' +
+  '  <li>перемещаться между элементами в пути элементов нижнего колонтитула.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Клавиши со стрелками <strong>вниз</strong> и <strong>вверх</strong> позволяют</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>перемещаться между элементами одного меню.</li>\n' +
+  '  <li>перемещаться между элементами всплывающего меню в панели инструментов.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>При использовании <strong>клавиш со стрелками</strong> вы будете циклически перемещаться по элементам в пределах выбранного раздела интерфейса.</p>\n' +
+  '\n' +
+  '<p>Чтобы закрыть открытое меню, его раздел или всплывающее меню, нажмите клавишу <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Если фокус находится наверху какого-либо раздела интерфейса, нажатие клавиши <strong>Esc</strong> также приведет\n' +
+  '  к выходу из режима управления с помощью клавиатуры.</p>\n' +
+  '\n' +
+  '<h1>Использование элемента меню или кнопки на панели инструментов</h1>\n' +
+  '\n' +
+  '<p>Когда элемент меню или кнопка панели инструментов будут выделены, нажмите <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  или <strong>Space</strong>, чтобы их активировать.</p>\n' +
+  '\n' +
+  '<h1>Управление в диалоговом окне без вкладок</h1>\n' +
+  '\n' +
+  '<p>При открытии диалогового окна без вкладок фокус переносится на первый интерактивный компонент.</p>\n' +
+  '\n' +
+  '<p>Для перехода между интерактивными компонентами диалогового окна нажимайте <strong>Tab</strong> или <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Управление в диалоговом окне с вкладками</h1>\n' +
+  '\n' +
+  '<p>При открытии диалогового окна с вкладками фокус переносится на первую кнопку в меню вкладок.</p>\n' +
+  '\n' +
+  '<p>Для перехода между интерактивными компонентами этой вкладки диалогового окна нажимайте <strong>Tab</strong> или\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Для перехода на другую вкладку диалогового окна переместите фокус на меню вкладок, а затем используйте <strong>клавиши со стрелками</strong>\n' +
+  '  для циклического переключения между доступными вкладками.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sk.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sk.js
new file mode 100644
index 000000000..60cc6288c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sk.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.sk',
+'<h1>Začíname s navigáciou pomocou klávesnice</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Prejsť na panel s ponukami</dt>\n' +
+  '  <dd>Windows alebo Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Prejsť na panel nástrojov</dt>\n' +
+  '  <dd>Windows alebo Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Prejsť na pätičku</dt>\n' +
+  '  <dd>Windows alebo Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Zaostriť na oznámenie</dt>\n' +
+  '  <dd>Windows alebo Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Prejsť na kontextový panel nástrojov</dt>\n' +
+  '  <dd>Windows, Linux alebo macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigácia začne pri prvej položke používateľského rozhrania, ktorá bude zvýraznená alebo v prípade prvej položky\n' +
+  '  cesty k pätičke podčiarknutá.</p>\n' +
+  '\n' +
+  '<h1>Navigácia medzi časťami používateľského rozhrania</h1>\n' +
+  '\n' +
+  '<p>Ak sa chcete posunúť z jednej časti používateľského rozhrania do druhej, stlačte tlačidlo <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Ak sa chcete posunúť z jednej časti používateľského rozhrania do predchádzajúcej, stlačte tlačidlá <strong>Shift + Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Poradie prepínania medzi týmito časťami používateľského rozhrania pri stláčaní tlačidla <strong>Tab</strong>:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Panel s ponukou</li>\n' +
+  '  <li>Každá skupina panela nástrojov</li>\n' +
+  '  <li>Bočný panel</li>\n' +
+  '  <li>Cesta k prvku v pätičke</li>\n' +
+  '  <li>Prepínač počtu slov v pätičke</li>\n' +
+  '  <li>Odkaz na informácie o značke v pätičke</li>\n' +
+  '  <li>Úchyt na zmenu veľkosti editora v pätičke</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Ak nejaká časť používateľského rozhrania nie je prítomná, preskočí sa.</p>\n' +
+  '\n' +
+  '<p>Ak je pätička vybratá na navigáciu pomocou klávesnice a nie je viditeľný bočný panel, stlačením klávesov <strong>Shift+Tab</strong>\n' +
+  '  prejdete na prvú skupinu panela nástrojov, nie na poslednú.</p>\n' +
+  '\n' +
+  '<h1>Navigácia v rámci častí používateľského rozhrania</h1>\n' +
+  '\n' +
+  '<p>Ak sa chcete posunúť z jedného prvku používateľského rozhrania na ďalší, stlačte príslušný kláves so <strong>šípkou</strong>.</p>\n' +
+  '\n' +
+  '<p>Klávesy so šípkami <strong>doľava</strong> a <strong>doprava</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>umožňujú presun medzi ponukami na paneli ponúk,</li>\n' +
+  '  <li>otvárajú podponuku v rámci ponuky,</li>\n' +
+  '  <li>umožňujú presun medzi tlačidlami v skupine panelov nástrojov,</li>\n' +
+  '  <li>umožňujú presun medzi položkami cesty prvku v pätičke.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klávesy so šípkami <strong>dole</strong> a <strong>hore</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>umožňujú presun medzi položkami ponuky,</li>\n' +
+  '  <li>umožňujú presun medzi položkami v kontextovej ponuke panela nástrojov.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klávesy so <strong>šípkami</strong> vykonávajú prepínanie v rámci vybranej časti používateľského rozhrania.</p>\n' +
+  '\n' +
+  '<p>Ak chcete zatvoriť otvorenú ponuku, otvorenú podponuku alebo otvorenú kontextovú ponuku, stlačte kláves <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Ak je aktuálne vybratá horná časť konkrétneho používateľského rozhrania, stlačením klávesu <strong>Esc</strong> úplne ukončíte tiež\n' +
+  '  navigáciu pomocou klávesnice.</p>\n' +
+  '\n' +
+  '<h1>Vykonanie príkazu položky ponuky alebo tlačidla panela nástrojov</h1>\n' +
+  '\n' +
+  '<p>Keď je zvýraznená požadovaná položka ponuky alebo tlačidlo panela nástrojov, stlačením klávesov <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  alebo <strong>medzerníka</strong> vykonáte príslušný príkaz položky.</p>\n' +
+  '\n' +
+  '<h1>Navigácia v dialógových oknách bez záložiek</h1>\n' +
+  '\n' +
+  '<p>Pri otvorení dialógových okien bez záložiek prejdete na prvý interaktívny komponent.</p>\n' +
+  '\n' +
+  '<p>Medzi interaktívnymi dialógovými komponentmi môžete prechádzať stlačením klávesov <strong>Tab</strong> alebo <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigácia v dialógových oknách so záložkami</h1>\n' +
+  '\n' +
+  '<p>Pri otvorení dialógových okien so záložkami prejdete na prvé tlačidlo v ponuke záložiek.</p>\n' +
+  '\n' +
+  '<p>Medzi interaktívnymi komponentmi tejto dialógovej záložky môžete prechádzať stlačením klávesov <strong>Tab</strong> alebo\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Ak chcete prepnúť na ďalšiu záložku dialógového okna, prejdite do ponuky záložiek a potom môžete stlačením príslušného klávesu so <strong>šípkou</strong>\n' +
+  '  prepínať medzi dostupnými záložkami.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sl_SI.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sl_SI.js
new file mode 100644
index 000000000..2b25f5a34
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sl_SI.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.sl_SI',
+'<h1>Začetek krmarjenja s tipkovnico</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokus na menijsko vrstico</dt>\n' +
+  '  <dd>Windows ali Linux: Alt + F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokus na orodno vrstico</dt>\n' +
+  '  <dd>Windows ali Linux: Alt + F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokus na nogo</dt>\n' +
+  '  <dd>Windows ali Linux: Alt + F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Označitev obvestila</dt>\n' +
+  '  <dd>Windows ali Linux: Alt + F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokus na kontekstualno orodno vrstico</dt>\n' +
+  '  <dd>Windows, Linux ali macOS: Ctrl + F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Krmarjenje se bo začelo s prvim elementom uporabniškega vmesnika, ki bo izpostavljena ali podčrtan, če gre za prvi element na\n' +
+  '  poti do elementa noge.</p>\n' +
+  '\n' +
+  '<h1>Krmarjenje med razdelki uporabniškega vmesnika</h1>\n' +
+  '\n' +
+  '<p>Če se želite pomakniti z enega dela uporabniškega vmesnika na naslednjega, pritisnite <strong>tabulatorko</strong>.</p>\n' +
+  '\n' +
+  '<p>Če se želite pomakniti z enega dela uporabniškega vmesnika na prejšnjega, pritisnite <strong>shift + tabulatorko</strong>.</p>\n' +
+  '\n' +
+  '<p>Zaporedje teh razdelkov uporabniškega vmesnika, ko pritiskate <strong>tabulatorko</strong>, je:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menijska vrstica</li>\n' +
+  '  <li>Posamezne skupine orodne vrstice</li>\n' +
+  '  <li>Stranska vrstica</li>\n' +
+  '  <li>Pod do elementa v nogi</li>\n' +
+  '  <li>Gumb za preklop štetja besed v nogi</li>\n' +
+  '  <li>Povezava do blagovne znamke v nogi</li>\n' +
+  '  <li>Ročaj za spreminjanje velikosti urejevalnika v nogi</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Če razdelek uporabniškega vmesnika ni prisoten, je preskočen.</p>\n' +
+  '\n' +
+  '<p>Če ima noga fokus za krmarjenje s tipkovnico in ni vidne stranske vrstice, s pritiskom na <strong>shift + tabulatorko</strong>\n' +
+  '  fokus premaknete na prvo skupino orodne vrstice, ne zadnjo.</p>\n' +
+  '\n' +
+  '<h1>Krmarjenje v razdelkih uporabniškega vmesnika</h1>\n' +
+  '\n' +
+  '<p>Če se želite premakniti z enega elementa uporabniškega vmesnika na naslednjega, pritisnite ustrezno <strong>puščično</strong> tipko.</p>\n' +
+  '\n' +
+  '<p><strong>Leva</strong> in <strong>desna</strong> puščična tipka</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>omogočata premikanje med meniji v menijski vrstici.</li>\n' +
+  '  <li>odpreta podmeni v meniju.</li>\n' +
+  '  <li>omogočata premikanje med gumbi v skupini orodne vrstice.</li>\n' +
+  '  <li>omogočata premikanje med elementi na poti do elementov noge.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Spodnja</strong> in <strong>zgornja</strong> puščična tipka</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>omogočata premikanje med elementi menija.</li>\n' +
+  '  <li>omogočata premikanje med elementi v pojavnem meniju orodne vrstice.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Puščične</strong> tipke omogočajo kroženje znotraj razdelka uporabniškega vmesnika, na katerem je fokus.</p>\n' +
+  '\n' +
+  '<p>Če želite zapreti odprt meni, podmeni ali pojavni meni, pritisnite tipko <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Če je trenutni fokus na »vrhu« določenega razdelka uporabniškega vmesnika, s pritiskom tipke <strong>Esc</strong> zaprete\n' +
+  '  tudi celotno krmarjenje s tipkovnico.</p>\n' +
+  '\n' +
+  '<h1>Izvajanje menijskega elementa ali gumba orodne vrstice</h1>\n' +
+  '\n' +
+  '<p>Ko je označen želeni menijski element ali orodja vrstica, pritisnite <strong>vračalko</strong>, <strong>Enter</strong>\n' +
+  '  ali <strong>preslednico</strong>, da izvedete element.</p>\n' +
+  '\n' +
+  '<h1>Krmarjenje po pogovornih oknih brez zavihkov</h1>\n' +
+  '\n' +
+  '<p>Ko odprete pogovorno okno brez zavihkov, ima fokus prva interaktivna komponenta.</p>\n' +
+  '\n' +
+  '<p>Med interaktivnimi komponentami pogovornega okna se premikate s pritiskom <strong>tabulatorke</strong> ali kombinacije tipke <strong>shift + tabulatorke</strong>.</p>\n' +
+  '\n' +
+  '<h1>Krmarjenje po pogovornih oknih z zavihki</h1>\n' +
+  '\n' +
+  '<p>Ko odprete pogovorno okno z zavihki, ima fokus prvi gumb v meniju zavihka.</p>\n' +
+  '\n' +
+  '<p>Med interaktivnimi komponentami tega zavihka pogovornega okna se premikate s pritiskom <strong>tabulatorke</strong> ali\n' +
+  '  kombinacije tipke <strong>shift + tabulatorke</strong>.</p>\n' +
+  '\n' +
+  '<p>Na drug zavihek pogovornega okna preklopite tako, da fokus prestavite na meni zavihka in nato pritisnete ustrezno <strong>puščično</strong>\n' +
+  '  tipko, da se pomaknete med razpoložljivimi zavihki.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sv_SE.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sv_SE.js
new file mode 100644
index 000000000..c30f2f253
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/sv_SE.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.sv_SE',
+'<h1>Påbörja tangentbordsnavigering</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokusera på menyraden</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokusera på verktygsraden</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokusera på verktygsraden</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokusera aviseringen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokusera på en snabbverktygsrad</dt>\n' +
+  '  <dd>Windows, Linux eller macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigeringen börjar vid det första gränssnittsobjektet, vilket är markerat eller understruket om det gäller det första objektet i\n' +
+  '  sidfotens elementsökväg.</p>\n' +
+  '\n' +
+  '<h1>Navigera mellan UI-avsnitt</h1>\n' +
+  '\n' +
+  '<p>Flytta från ett UI-avsnitt till nästa genom att trycka på <strong>Tabb</strong>.</p>\n' +
+  '\n' +
+  '<p>Flytta från ett UI-avsnitt till det föregående genom att trycka på <strong>Skift+Tabb</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Tabb</strong>-ordningen för dessa UI-avsnitt är:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menyrad</li>\n' +
+  '  <li>Varje verktygsradsgrupp</li>\n' +
+  '  <li>Sidoruta</li>\n' +
+  '  <li>Elementsökväg i sidfoten</li>\n' +
+  '  <li>Växlingsknapp för ordantal i sidfoten</li>\n' +
+  '  <li>Varumärkeslänk i sidfoten</li>\n' +
+  '  <li>Storlekshandtag för redigeraren i sidfoten</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Om ett UI-avsnitt inte finns hoppas det över.</p>\n' +
+  '\n' +
+  '<p>Om sidfoten har fokus på tangentbordsnavigering, och det inte finns någon synlig sidoruta, flyttas fokus till den första verktygsradsgruppen\n' +
+  '  när du trycker på <strong>Skift+Tabb</strong>, inte till den sista.</p>\n' +
+  '\n' +
+  '<h1>Navigera i UI-avsnitt</h1>\n' +
+  '\n' +
+  '<p>Flytta från ett UI-element till nästa genom att trycka på motsvarande <strong>piltangent</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Vänsterpil</strong> och <strong>högerpil</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>flytta mellan menyer på menyraden.</li>\n' +
+  '  <li>öppna en undermeny på en meny.</li>\n' +
+  '  <li>flytta mellan knappar i en verktygsradgrupp.</li>\n' +
+  '  <li>flytta mellan objekt i sidfotens elementsökväg.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Nedpil</strong> och <strong>uppil</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>flytta mellan menyalternativ på en meny.</li>\n' +
+  '  <li>flytta mellan alternativ på en popup-meny på verktygsraden.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Piltangenterna</strong> cirkulerar inom det fokuserade UI-avsnittet.</p>\n' +
+  '\n' +
+  '<p>Tryck på <strong>Esc</strong>-tangenten om du vill stänga en öppen meny, undermeny eller popup-meny.</p>\n' +
+  '\n' +
+  '<p>Om det aktuella fokuset är högst upp i ett UI-avsnitt avlutas även tangentbordsnavigeringen helt när\n' +
+  '  du trycker på <strong>Esc</strong>-tangenten.</p>\n' +
+  '\n' +
+  '<h1>Köra ett menyalternativ eller en verktygfältsknapp</h1>\n' +
+  '\n' +
+  '<p>När menyalternativet eller verktygsradsknappen är markerad trycker du på <strong>Retur</strong>, <strong>Enter</strong>\n' +
+  '  eller <strong>blanksteg</strong> för att köra alternativet.</p>\n' +
+  '\n' +
+  '<h1>Navigera i dialogrutor utan flikar</h1>\n' +
+  '\n' +
+  '<p>I dialogrutor utan flikar är den första interaktiva komponenten i fokus när dialogrutan öppnas.</p>\n' +
+  '\n' +
+  '<p>Navigera mellan interaktiva dialogkomponenter genom att trycka på <strong>Tabb</strong> eller <strong>Skift+Tabb</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigera i dialogrutor med flikar</h1>\n' +
+  '\n' +
+  '<p>I dialogrutor utan flikar är den första knappen på flikmenyn i fokus när dialogrutan öppnas.</p>\n' +
+  '\n' +
+  '<p>Navigera mellan interaktiva komponenter på dialogrutefliken genom att trycka på <strong>Tabb</strong> eller\n' +
+  '  <strong>Skift+Tabb</strong>.</p>\n' +
+  '\n' +
+  '<p>Växla till en annan dialogruta genom att fokusera på flikmenyn och sedan trycka på motsvarande <strong>piltangent</strong>\n' +
+  '  för att cirkulera mellan de tillgängliga flikarna.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/th_TH.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/th_TH.js
new file mode 100644
index 000000000..562fe7a79
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/th_TH.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.th_TH',
+'<h1>เริ่มต้นการนำทางด้วยแป้นพิมพ์</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>โฟกัสที่แถบเมนู</dt>\n' +
+  '  <dd>Windows หรือ Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>โฟกัสที่แถบเครื่องมือ</dt>\n' +
+  '  <dd>Windows หรือ Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>โฟกัสที่ส่วนท้าย</dt>\n' +
+  '  <dd>Windows หรือ Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>โฟกัสไปที่การแจ้งเตือน</dt>\n' +
+  '  <dd>Windows หรือ Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>โฟกัสที่แถบเครื่องมือตามบริบท</dt>\n' +
+  '  <dd>Windows, Linux หรือ macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>การนำทางจะเริ่มที่รายการ UI แรก ซึ่งจะมีการไฮไลต์หรือขีดเส้นใต้ไว้ในกรณีที่รายการแรกอยู่ใน\n' +
+  '  พาธองค์ประกอบส่วนท้าย</p>\n' +
+  '\n' +
+  '<h1>การนำทางระหว่างส่วนต่างๆ ของ UI</h1>\n' +
+  '\n' +
+  '<p>ในการย้ายจากส่วน UI หนึ่งไปยังส่วนถัดไป ให้กด <strong>Tab</strong></p>\n' +
+  '\n' +
+  '<p>ในการย้ายจากส่วน UI หนึ่งไปยังส่วนก่อนหน้า ให้กด <strong>Shift+Tab</strong></p>\n' +
+  '\n' +
+  '<p>ลำดับ<strong>แท็บ</strong>ของส่วนต่างๆ ของ UI คือ:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>แถบเมนู</li>\n' +
+  '  <li>แต่ละกลุ่มแถบเครื่องมือ</li>\n' +
+  '  <li>แถบข้าง</li>\n' +
+  '  <li>พาธองค์ประกอบในส่วนท้าย</li>\n' +
+  '  <li>ปุ่มสลับเปิด/ปิดจำนวนคำในส่วนท้าย</li>\n' +
+  '  <li>ลิงก์ชื่อแบรนด์ในส่วนท้าย</li>\n' +
+  '  <li>จุดจับปรับขนาดของตัวแก้ไขในส่วนท้าย</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>หากส่วน UI ไม่ปรากฏ แสดงว่าถูกข้ามไป</p>\n' +
+  '\n' +
+  '<p>หากส่วนท้ายมีการโฟกัสการนำทางแป้นพิมพ์และไม่มีแถบข้างปรากฏ การกด <strong>Shift+Tab</strong>\n' +
+  '  จะย้ายการโฟกัสไปที่กลุ่มแถบเครื่องมือแรก ไม่ใช่สุดท้าย</p>\n' +
+  '\n' +
+  '<h1>การนำทางภายในส่วนต่างๆ ของ UI</h1>\n' +
+  '\n' +
+  '<p>ในการย้ายจากองค์ประกอบ UI หนึ่งไปยังองค์ประกอบส่วนถัดไป ให้กดปุ่ม<strong>ลูกศร</strong>ที่เหมาะสม</p>\n' +
+  '\n' +
+  '<p>ปุ่มลูกศร<strong>ซ้าย</strong>และ<strong>ขวา</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>ย้ายไปมาระหว่างเมนูต่างๆ ในแถบเมนู</li>\n' +
+  '  <li>เปิดเมนูย่อยในเมนู</li>\n' +
+  '  <li>ย้ายไปมาระหว่างปุ่มต่างๆ ในกลุ่มแถบเครื่องมือ</li>\n' +
+  '  <li>ย้ายไปมาระหว่างรายการต่างๆ ในพาธองค์ประกอบของส่วนท้าย</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>ปุ่มลูกศร<strong>ลง</strong>และ<strong>ขึ้น</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>ย้ายไปมาระหว่างรายการเมนูต่างๆ ในเมนู</li>\n' +
+  '  <li>ย้ายไปมาระหว่างรายการต่างๆ ในเมนูป๊อบอัพแถบเครื่องมือ</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>ปุ่ม<strong>ลูกศร</strong>จะเลื่อนไปมาภายในส่วน UI ที่โฟกัส</p>\n' +
+  '\n' +
+  '<p>ในการปิดเมนูที่เปิดอยู่ เมนูย่อยที่เปิดอยู่ หรือเมนูป๊อบอัพที่เปิดอยู่ ให้กดปุ่ม <strong>Esc</strong></p>\n' +
+  '\n' +
+  '<p>หากโฟกัสปัจจุบันอยู่ที่ ‘ด้านบนสุด’ ของส่วน UI เฉพาะ การกดปุ่ม <strong>Esc</strong> จะทำให้ออกจาก\n' +
+  '  การนำทางด้วยแป้นพิมพ์ทั้งหมดเช่นกัน</p>\n' +
+  '\n' +
+  '<h1>การดำเนินการรายการเมนูหรือปุ่มในแถบเครื่องมือ</h1>\n' +
+  '\n' +
+  '<p>เมื่อไฮไลต์รายการเมนูหรือปุ่มในแถบเครื่องมือที่ต้องการ ให้กด <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  หรือ <strong>Space bar</strong> เพื่อดำเนินการรายการดังกล่าว</p>\n' +
+  '\n' +
+  '<h1>การนำทางสำหรับกล่องโต้ตอบที่ไม่อยู่ในแท็บ</h1>\n' +
+  '\n' +
+  '<p>ในกล่องโต้ตอบที่ไม่อยู่ในแท็บ จะโฟกัสที่ส่วนประกอบเชิงโต้ตอบแรกเมื่อกล่องโต้ตอบเปิด</p>\n' +
+  '\n' +
+  '<p>นำทางระหว่างส่วนประกอบเชิงโต้ตอบต่างๆ ของกล่องโต้ตอบ โดยการกด <strong>Tab</strong> หรือ <strong>Shift+Tab</strong></p>\n' +
+  '\n' +
+  '<h1>การนำทางสำหรับกล่องโต้ตอบที่อยู่ในแท็บ</h1>\n' +
+  '\n' +
+  '<p>ในกล่องโต้ตอบที่อยู่ในแท็บ จะโฟกัสที่ปุ่มแรกในเมนูแท็บเมื่อกล่องโต้ตอบเปิด</p>\n' +
+  '\n' +
+  '<p>นำทางระหว่างส่วนประกอบเชิงโต้ตอบต่างๆ ของแท็บกล่องโต้ตอบนี้โดยการกด <strong>Tab</strong> หรือ\n' +
+  '  <strong>Shift+Tab</strong></p>\n' +
+  '\n' +
+  '<p>สลับไปยังแท็บกล่องโต้ตอบอื่นโดยการเลือกโฟกัสที่เมนูแท็บ แล้วกดปุ่ม<strong>ลูกศร</strong>ที่เหมาะสม\n' +
+  '  เพื่อเลือกแท็บที่ใช้ได้</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/tr.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/tr.js
new file mode 100644
index 000000000..37f39b0fc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/tr.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.tr',
+'<h1>Klavyeyle gezintiyi başlatma</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Menü çubuğuna odaklan</dt>\n' +
+  '  <dd>Windows veya Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Araç çubuğuna odaklan</dt>\n' +
+  '  <dd>Windows veya Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Alt bilgiye odaklan</dt>\n' +
+  '  <dd>Windows veya Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Bildirime odakla</dt>\n' +
+  '  <dd>Windows veya Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Bağlamsal araç çubuğuna odaklan</dt>\n' +
+  '  <dd>Windows, Linux veya macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Gezinti ilk kullanıcı arabirimi öğesinden başlar, bu öğe vurgulanır ya da ilk öğe, Alt bilgi elemanı\n' +
+  '  yolundaysa altı çizilir.</p>\n' +
+  '\n' +
+  '<h1>Kullanıcı arabirimi bölümleri arasında gezinme</h1>\n' +
+  '\n' +
+  '<p>Sonraki kullanıcı arabirimi bölümüne gitmek için <strong>Sekme</strong> tuşuna basın.</p>\n' +
+  '\n' +
+  '<p>Önceki kullanıcı arabirimi bölümüne gitmek için <strong>Shift+Sekme</strong> tuşlarına basın.</p>\n' +
+  '\n' +
+  '<p>Bu kullanıcı arabirimi bölümlerinin <strong>Sekme</strong> sırası:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menü çubuğu</li>\n' +
+  '  <li>Her araç çubuğu grubu</li>\n' +
+  '  <li>Kenar çubuğu</li>\n' +
+  '  <li>Alt bilgide öğe yolu</li>\n' +
+  '  <li>Alt bilgide sözcük sayısı geçiş düğmesi</li>\n' +
+  '  <li>Alt bilgide marka bağlantısı</li>\n' +
+  '  <li>Alt bilgide düzenleyiciyi yeniden boyutlandırma tutamacı</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Kullanıcı arabirimi bölümü yoksa atlanır.</p>\n' +
+  '\n' +
+  '<p>Alt bilgide klavyeyle gezinti odağı yoksa ve görünür bir kenar çubuğu mevcut değilse <strong>Shift+Sekme</strong> tuşlarına basıldığında\n' +
+  '  odak son araç çubuğu yerine ilk araç çubuğu grubuna taşınır.</p>\n' +
+  '\n' +
+  '<h1>Kullanıcı arabirimi bölümleri içinde gezinme</h1>\n' +
+  '\n' +
+  '<p>Sonraki kullanıcı arabirimi elemanına gitmek için uygun <strong>Ok</strong> tuşuna basın.</p>\n' +
+  '\n' +
+  '<p><strong>Sol</strong> ve <strong>Sağ</strong> ok tuşları</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>menü çubuğundaki menüler arasında hareket eder.</li>\n' +
+  '  <li>menüde bir alt menü açar.</li>\n' +
+  '  <li>araç çubuğu grubundaki düğmeler arasında hareket eder.</li>\n' +
+  '  <li>alt bilginin öğe yolundaki öğeler arasında hareket eder.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Aşağı</strong> ve <strong>Yukarı</strong> ok tuşları</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>menüdeki menü öğeleri arasında hareket eder.</li>\n' +
+  '  <li>araç çubuğu açılır menüsündeki öğeler arasında hareket eder.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Ok</strong> tuşları, odaklanılan kullanıcı arabirimi bölümü içinde döngüsel olarak hareket eder.</p>\n' +
+  '\n' +
+  '<p>Açık bir menüyü, açık bir alt menüyü veya açık bir açılır menüyü kapatmak için <strong>Esc</strong> tuşuna basın.</p>\n' +
+  '\n' +
+  '<p>Geçerli odak belirli bir kullanıcı arabirimi bölümünün "üst" kısmındaysa <strong>Esc</strong> tuşuna basıldığında\n' +
+  '  klavyeyle gezintiden de tamamen çıkılır.</p>\n' +
+  '\n' +
+  '<h1>Menü öğesini veya araç çubuğu düğmesini yürütme</h1>\n' +
+  '\n' +
+  '<p>İstediğiniz menü öğesi veya araç çubuğu düğmesi vurgulandığında <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  veya <strong>Ara çubuğu</strong> tuşuna basın.</p>\n' +
+  '\n' +
+  '<h1>Sekme bulunmayan iletişim kutularında gezinme</h1>\n' +
+  '\n' +
+  '<p>Sekme bulunmayan iletişim kutularında, iletişim kutusu açıldığında ilk etkileşimli bileşene odaklanılır.</p>\n' +
+  '\n' +
+  '<p>Etkileşimli iletişim kutusu bileşenleri arasında gezinmek için <strong>Sekme</strong> veya <strong>Shift+ Sekme</strong> tuşlarına basın.</p>\n' +
+  '\n' +
+  '<h1>Sekmeli iletişim kutularında gezinme</h1>\n' +
+  '\n' +
+  '<p>Sekmeli iletişim kutularında, iletişim kutusu açıldığında sekme menüsündeki ilk düğmeye odaklanılır.</p>\n' +
+  '\n' +
+  '<p>Bu iletişim kutusu sekmesinin etkileşimli bileşenleri arasında gezinmek için <strong>Sekme</strong> veya\n' +
+  '  <strong>Shift+Sekme</strong> tuşlarına basın.</p>\n' +
+  '\n' +
+  '<p>Mevcut sekmeler arasında geçiş yapmak için sekme menüsüne odaklanıp uygun <strong>Ok</strong> tuşuna basarak\n' +
+  '  başka bir iletişim kutusu sekmesine geçiş yapın.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/uk.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/uk.js
new file mode 100644
index 000000000..028d4a4c8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/uk.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.uk',
+'<h1>Початок роботи з навігацією за допомогою клавіатури</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Фокус на рядок меню</dt>\n' +
+  '  <dd>Windows або Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Фокус на панелі інструментів</dt>\n' +
+  '  <dd>Windows або Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Фокус на розділі "Нижній колонтитул"</dt>\n' +
+  '  <dd>Windows або Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Фокус на сповіщення</dt>\n' +
+  '  <dd>Windows або Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Фокус на контекстній панелі інструментів</dt>\n' +
+  '  <dd>Windows, Linux або macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Навігація почнеться з першого елемента інтерфейсу користувача, який буде виділено або підкреслено в разі, якщо перший елемент знаходиться в\n' +
+  '  шляху до елемента "Нижній колонтитул".</p>\n' +
+  '\n' +
+  '<h1>Навігація між розділами інтерфейсу користувача</h1>\n' +
+  '\n' +
+  '<p>Щоб перейти з одного розділу інтерфейсу користувача до наступного розділу, натисніть клавішу <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Щоб перейти з одного розділу інтерфейсу користувача до попереднього розділу, натисніть сполучення клавіш <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Порядок <strong>Вкладок</strong> цих розділів інтерфейсу користувача такий:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Рядок меню</li>\n' +
+  '  <li>Кожна група панелей інструментів</li>\n' +
+  '  <li>Бічна панель</li>\n' +
+  '  <li>Шлях до елементів у розділі "Нижній колонтитул"</li>\n' +
+  '  <li>Кнопка перемикача "Кількість слів" у розділі "Нижній колонтитул"</li>\n' +
+  '  <li>Посилання на брендинг у розділі "Нижній колонтитул"</li>\n' +
+  '  <li>Маркер змінення розміру в розділі "Нижній колонтитул"</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Якщо розділ інтерфейсу користувача відсутній, він пропускається.</p>\n' +
+  '\n' +
+  '<p>Якщо фокус навігації клавіатури знаходиться на розділі "Нижній колонтитул", але користувач не бачить видиму бічну панель, натисніть <strong>Shift+Tab</strong>,\n' +
+  '  щоб перемістити фокус на першу групу панелі інструментів, а не на останню.</p>\n' +
+  '\n' +
+  '<h1>Навігація в межах розділів інтерфейсу користувача</h1>\n' +
+  '\n' +
+  '<p>Щоб перейти з одного елементу інтерфейсу користувача до наступного, натисніть відповідну клавішу <strong>зі стрілкою</strong>.</p>\n' +
+  '\n' +
+  '<p>Клавіші зі стрілками <strong>Ліворуч</strong> і <strong>Праворуч</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>переміщують між меню в рядку меню.</li>\n' +
+  '  <li>відкривають вкладене меню в меню.</li>\n' +
+  '  <li>переміщують користувача між кнопками в групі панелі інструментів.</li>\n' +
+  '  <li>переміщують між елементами в шляху до елементів у розділі "Нижній колонтитул".</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Клавіші зі стрілками <strong>Вниз</strong> і <strong>Вгору</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>переміщують між елементами меню в меню.</li>\n' +
+  '  <li>переміщують між елементами в спливаючому меню панелі інструментів.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Клавіші <strong>зі стрілками</strong> переміщують фокус циклічно в межах розділу інтерфейсу користувача, на якому знаходиться фокус.</p>\n' +
+  '\n' +
+  '<p>Щоб закрити відкрите меню, відкрите вкладене меню або відкрите спливаюче меню, натисніть клавішу <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Якщо поточний фокус знаходиться на верхньому рівні певного розділу інтерфейсу користувача, натискання клавіші <strong>Esc</strong> також виконує вихід\n' +
+  '  з навігації за допомогою клавіатури повністю.</p>\n' +
+  '\n' +
+  '<h1>Виконання елементу меню або кнопки панелі інструментів</h1>\n' +
+  '\n' +
+  '<p>Коли потрібний елемент меню або кнопку панелі інструментів виділено, натисніть клавіші <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  або <strong>Пробіл</strong>, щоб виконати цей елемент.</p>\n' +
+  '\n' +
+  '<h1>Навігація по діалоговим вікнам без вкладок</h1>\n' +
+  '\n' +
+  '<p>У діалогових вікнах без вкладок перший інтерактивний компонент приймає фокус, коли відкривається діалогове вікно.</p>\n' +
+  '\n' +
+  '<p>Переходьте між інтерактивними компонентами діалогового вікна, натискаючи клавіші <strong>Tab</strong> або <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Навігація по діалоговим вікнам з вкладками</h1>\n' +
+  '\n' +
+  '<p>У діалогових вікнах із вкладками перша кнопка в меню вкладки приймає фокус, коли відкривається діалогове вікно.</p>\n' +
+  '\n' +
+  '<p>Переходьте між інтерактивними компонентами цієї вкладки діалогового вікна, натискаючи клавіші <strong>Tab</strong> або\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Щоб перейти на іншу вкладку діалогового вікна, перемістіть фокус на меню вкладки, а потім натисніть відповідну клавішу <strong>зі стрілкою</strong>,\n' +
+  '  щоб циклічно переходити по доступним вкладкам.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/vi.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/vi.js
new file mode 100644
index 000000000..d8eda11bc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/vi.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.vi',
+'<h1>Bắt đầu điều hướng bàn phím</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Tập trung vào thanh menu</dt>\n' +
+  '  <dd>Windows hoặc Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Tập trung vào thanh công cụ</dt>\n' +
+  '  <dd>Windows hoặc Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Tập trung vào chân trang</dt>\n' +
+  '  <dd>Windows hoặc Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Tập trung vào thông báo</dt>\n' +
+  '  <dd>Windows hoặc Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Tập trung vào thanh công cụ ngữ cảnh</dt>\n' +
+  '  <dd>Windows, Linux hoặc macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Điều hướng sẽ bắt đầu từ mục UI đầu tiên. Mục này sẽ được tô sáng hoặc có gạch dưới (nếu là mục đầu tiên trong\n' +
+  '  đường dẫn phần tử Chân trang).</p>\n' +
+  '\n' +
+  '<h1>Di chuyển qua lại giữa các phần UI</h1>\n' +
+  '\n' +
+  '<p>Để di chuyển từ một phần UI sang phần tiếp theo, ấn <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Để di chuyển từ một phần UI về phần trước đó, ấn <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Thứ tự <strong>Tab</strong> của các phần UI này như sau:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Thanh menu</li>\n' +
+  '  <li>Từng nhóm thanh công cụ</li>\n' +
+  '  <li>Thanh bên</li>\n' +
+  '  <li>Đường dẫn phần tử trong chân trang</li>\n' +
+  '  <li>Nút chuyển đổi đếm chữ ở chân trang</li>\n' +
+  '  <li>Liên kết thương hiệu ở chân trang</li>\n' +
+  '  <li>Núm điều tác chỉnh kích cỡ trình soạn thảo ở chân trang</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Nếu người dùng không thấy một phần UI, thì có nghĩa phần đó bị bỏ qua.</p>\n' +
+  '\n' +
+  '<p>Nếu ở chân trang có tính năng tập trung điều hướng bàn phím, mà không có thanh bên nào hiện hữu, thao tác ấn <strong>Shift+Tab</strong>\n' +
+  '  sẽ chuyển hướng tập trung vào nhóm thanh công cụ đầu tiên, không phải cuối cùng.</p>\n' +
+  '\n' +
+  '<h1>Di chuyển qua lại trong các phần UI</h1>\n' +
+  '\n' +
+  '<p>Để di chuyển từ một phần tử UI sang phần tiếp theo, ấn phím <strong>Mũi tên</strong> tương ứng cho phù hợp.</p>\n' +
+  '\n' +
+  '<p>Các phím mũi tên <strong>Trái</strong> và <strong>Phải</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>di chuyển giữa các menu trong thanh menu.</li>\n' +
+  '  <li>mở menu phụ trong một menu.</li>\n' +
+  '  <li>di chuyển giữa các nút trong nhóm thanh công cụ.</li>\n' +
+  '  <li>di chuyển giữa các mục trong đường dẫn phần tử của chân trang.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Các phím mũi tên <strong>Hướng xuống</strong> và <strong>Hướng lên</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>di chuyển giữa các mục menu trong menu.</li>\n' +
+  '  <li>di chuyển giữa các mục trong menu thanh công cụ dạng bật lên.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Các phím <strong>mũi tên</strong> xoay vòng trong một phần UI tập trung.</p>\n' +
+  '\n' +
+  '<p>Để đóng một menu mở, một menu phụ đang mở, hoặc một menu dạng bật lên đang mở, hãy ấn phím <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Nếu trọng tâm hiện tại là ở phần “đầu” của một phần UI cụ thể, thao tác ấn phím <strong>Esc</strong> cũng sẽ thoát\n' +
+  '  toàn bộ phần điều hướng bàn phím.</p>\n' +
+  '\n' +
+  '<h1>Thực hiện chức năng của một mục menu hoặc nút thanh công cụ</h1>\n' +
+  '\n' +
+  '<p>Khi mục menu hoặc nút thanh công cụ muốn dùng được tô sáng, hãy ấn <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  hoặc <strong>Phím cách</strong> để thực hiện chức năng mục đó.</p>\n' +
+  '\n' +
+  '<h1>Điều hướng giữa các hộp thoại không có nhiều tab</h1>\n' +
+  '\n' +
+  '<p>Trong các hộp thoại không có nhiều tab, khi hộp thoại mở ra, trọng tâm sẽ hướng vào thành phần tương tác đầu tiên.</p>\n' +
+  '\n' +
+  '<p>Di chuyển giữa các thành phần hộp thoại tương tác bằng cách ấn <strong>Tab</strong> hoặc <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Điều hướng giữa các hộp thoại có nhiều tab</h1>\n' +
+  '\n' +
+  '<p>Trong các hộp thoại có nhiều tab, khi hộp thoại mở ra, trọng tâm sẽ hướng vào nút đầu tiên trong menu tab.</p>\n' +
+  '\n' +
+  '<p>Di chuyển giữa các thành phần tương tác của tab hộp thoại này bằng cách ấn <strong>Tab</strong> hoặc\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Chuyển sang một tab hộp thoại khác bằng cách chuyển trọng tâm vào menu tab, rồi ấn phím <strong>Mũi tên</strong> phù hợp\n' +
+  '  để xoay vòng các tab hiện có.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/zh_CN.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/zh_CN.js
new file mode 100644
index 000000000..f7e73d1fb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/zh_CN.js
@@ -0,0 +1,87 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.zh_CN',
+'<h1>开始键盘导航</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>使菜单栏处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F9</dd>\n' +
+  '  <dd>macOS：&#x2325;F9</dd>\n' +
+  '  <dt>使工具栏处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F10</dd>\n' +
+  '  <dd>macOS：&#x2325;F10</dd>\n' +
+  '  <dt>使页脚处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F11</dd>\n' +
+  '  <dd>macOS：&#x2325;F11</dd>\n' +
+  '  <dt>使通知处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F12</dd>\n' +
+  '  <dd>macOS：&#x2325;F12</dd>\n' +
+  '  <dt>使上下文工具栏处于焦点</dt>\n' +
+  '  <dd>Windows、Linux 或 macOS：Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>导航将在第一个 UI 项上开始，其中突出显示该项，或者对于页脚元素路径中的第一项，将为其添加下划线。</p>\n' +
+  '\n' +
+  '<h1>在 UI 部分之间导航</h1>\n' +
+  '\n' +
+  '<p>要从一个 UI 部分移至下一个，请按 <strong>Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>要从一个 UI 部分移至上一个，请按 <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>这些 UI 部分的 <strong>Tab</strong> 顺序为：</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>菜单栏</li>\n' +
+  '  <li>每个工具栏组</li>\n' +
+  '  <li>边栏</li>\n' +
+  '  <li>页脚中的元素路径</li>\n' +
+  '  <li>页脚中的字数切换按钮</li>\n' +
+  '  <li>页脚中的品牌链接</li>\n' +
+  '  <li>页脚中的编辑器调整大小图柄</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>如果不存在某个 UI 部分，则跳过它。</p>\n' +
+  '\n' +
+  '<p>如果键盘导航焦点在页脚，并且没有可见的边栏，则按 <strong>Shift+Tab</strong> 将焦点移至第一个工具栏组而非最后一个。</p>\n' +
+  '\n' +
+  '<h1>在 UI 部分内导航</h1>\n' +
+  '\n' +
+  '<p>要从一个 UI 元素移至下一个，请按相应的<strong>箭头</strong>键。</p>\n' +
+  '\n' +
+  '<p><strong>左</strong>和<strong>右</strong>箭头键</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在菜单栏中的菜单之间移动。</li>\n' +
+  '  <li>打开菜单中的子菜单。</li>\n' +
+  '  <li>在工具栏组中的按钮之间移动。</li>\n' +
+  '  <li>在页脚的元素路径中的各项之间移动。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>下</strong>和<strong>上</strong>箭头键</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在菜单中的菜单项之间移动。</li>\n' +
+  '  <li>在工具栏弹出菜单中的各项之间移动。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>箭头</strong>键在具有焦点的 UI 部分内循环。</p>\n' +
+  '\n' +
+  '<p>要关闭打开的菜单、打开的子菜单或打开的弹出菜单，请按 <strong>Esc</strong> 键。</p>\n' +
+  '\n' +
+  '<p>如果当前的焦点在特定 UI 部分的“顶部”，则按 <strong>Esc</strong> 键还将完全退出键盘导航。</p>\n' +
+  '\n' +
+  '<h1>执行菜单项或工具栏按钮</h1>\n' +
+  '\n' +
+  '<p>当突出显示所需的菜单项或工具栏按钮时，按 <strong>Return</strong>、<strong>Enter</strong> 或<strong>空格</strong>以执行该项。</p>\n' +
+  '\n' +
+  '<h1>在非标签页式对话框中导航</h1>\n' +
+  '\n' +
+  '<p>在非标签页式对话框中，当对话框打开时，第一个交互组件获得焦点。</p>\n' +
+  '\n' +
+  '<p>通过按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong>，在交互对话框组件之间导航。</p>\n' +
+  '\n' +
+  '<h1>在标签页式对话框中导航</h1>\n' +
+  '\n' +
+  '<p>在标签页式对话框中，当对话框打开时，标签页菜单中的第一个按钮获得焦点。</p>\n' +
+  '\n' +
+  '<p>通过按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong>，在此对话框的交互组件之间导航。</p>\n' +
+  '\n' +
+  '<p>通过将焦点移至另一对话框标签页的菜单，然后按相应的<strong>箭头</strong>键以在可用的标签页间循环，从而切换到该对话框标签页。</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/zh_TW.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/zh_TW.js
new file mode 100644
index 000000000..5912770f4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/js/i18n/keynav/zh_TW.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.zh_TW',
+'<h1>開始鍵盤瀏覽</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>跳至功能表列</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F9</dd>\n' +
+  '  <dd>macOS：&#x2325;F9</dd>\n' +
+  '  <dt>跳至工具列</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F10</dd>\n' +
+  '  <dd>macOS：&#x2325;F10</dd>\n' +
+  '  <dt>跳至頁尾</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F11</dd>\n' +
+  '  <dd>macOS：&#x2325;F11</dd>\n' +
+  '  <dt>跳至通知</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F12</dd>\n' +
+  '  <dd>macOS：&#x2325;F12</dd>\n' +
+  '  <dt>跳至關聯式工具列</dt>\n' +
+  '  <dd>Windows、Linux 或 macOS：Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>瀏覽會從第一個 UI 項目開始，該項目會反白顯示，但如果是「頁尾」元素路徑的第一項，\n' +
+  '  則加底線。</p>\n' +
+  '\n' +
+  '<h1>在 UI 區段之間瀏覽</h1>\n' +
+  '\n' +
+  '<p>從 UI 區段移至下一個，請按 <strong>Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>從 UI 區段移回上一個，請按 <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>這些 UI 區段的 <strong>Tab</strong> 順序如下：</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>功能表列</li>\n' +
+  '  <li>各個工具列群組</li>\n' +
+  '  <li>側邊欄</li>\n' +
+  '  <li>頁尾中的元素路徑</li>\n' +
+  '  <li>頁尾中字數切換按鈕</li>\n' +
+  '  <li>頁尾中的品牌連結</li>\n' +
+  '  <li>頁尾中編輯器調整大小控點</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>如果 UI 區段未顯示，表示已略過該區段。</p>\n' +
+  '\n' +
+  '<p>如果鍵盤瀏覽跳至頁尾，但沒有顯示側邊欄，則按下 <strong>Shift+Tab</strong>\n' +
+  '  會跳至第一個工具列群組，而不是最後一個。</p>\n' +
+  '\n' +
+  '<h1>在 UI 區段之內瀏覽</h1>\n' +
+  '\n' +
+  '<p>在兩個 UI 元素之間移動，請按適當的<strong>方向</strong>鍵。</p>\n' +
+  '\n' +
+  '<p><strong>向左</strong>和<strong>向右</strong>方向鍵</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在功能表列中的功能表之間移動。</li>\n' +
+  '  <li>開啟功能表中的子功能表。</li>\n' +
+  '  <li>在工具列群組中的按鈕之間移動。</li>\n' +
+  '  <li>在頁尾的元素路徑中項目之間移動。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>向下</strong>和<strong>向上</strong>方向鍵</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在功能表中的功能表項目之間移動。</li>\n' +
+  '  <li>在工具列快顯功能表中的項目之間移動。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>方向</strong>鍵會在所跳至 UI 區段之內循環。</p>\n' +
+  '\n' +
+  '<p>若要關閉已開啟的功能表、已開啟的子功能表，或已開啟的快顯功能表，請按 <strong>Esc</strong> 鍵。</p>\n' +
+  '\n' +
+  '<p>如果目前已跳至特定 UI 區段的「頂端」，則按 <strong>Esc</strong> 鍵也會結束\n' +
+  '  整個鍵盤瀏覽。</p>\n' +
+  '\n' +
+  '<h1>執行功能表列項目或工具列按鈕</h1>\n' +
+  '\n' +
+  '<p>當想要的功能表項目或工具列按鈕已反白顯示時，按 <strong>Return</strong>、<strong>Enter</strong>、\n' +
+  '  或<strong>空白鍵</strong>即可執行該項目。</p>\n' +
+  '\n' +
+  '<h1>瀏覽非索引標籤式對話方塊</h1>\n' +
+  '\n' +
+  '<p>在非索引標籤式對話方塊中，開啟對話方塊時會跳至第一個互動元件。</p>\n' +
+  '\n' +
+  '<p>按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong> 即可在互動式對話方塊元件之間瀏覽。</p>\n' +
+  '\n' +
+  '<h1>瀏覽索引標籤式對話方塊</h1>\n' +
+  '\n' +
+  '<p>在索引標籤式對話方塊中，開啟對話方塊時會跳至索引標籤式功能表中的第一個按鈕。</p>\n' +
+  '\n' +
+  '<p>若要在此對話方塊的互動式元件之間瀏覽，請按 <strong>Tab</strong> 或\n' +
+  '  <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>先跳至索引標籤式功能表，然後按適當的<strong>方向</strong>鍵，即可切換至另一個對話方塊索引標籤，\n' +
+  '  以循環瀏覽可用的索引標籤。</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/plugin.js
new file mode 100644
index 000000000..bc4d01dd0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/plugin.js
@@ -0,0 +1,828 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType('string');
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    const filter = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const sort = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const get$1 = (obj, key) => {
+        return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const get = (customTabs) => {
+        const addTab = (spec) => {
+            var _a;
+            const name = (_a = spec.name) !== null && _a !== void 0 ? _a : generate('tab-name');
+            const currentCustomTabs = customTabs.get();
+            currentCustomTabs[name] = spec;
+            customTabs.set(currentCustomTabs);
+        };
+        return {
+            addTab
+        };
+    };
+
+    const register$2 = (editor, dialogOpener) => {
+        editor.addCommand('mceHelp', dialogOpener);
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('help_tabs', {
+            processor: 'array'
+        });
+    };
+    const getHelpTabs = option('help_tabs');
+    const getForcedPlugins = option('forced_plugins');
+
+    const register = (editor, dialogOpener) => {
+        editor.ui.registry.addButton('help', {
+            icon: 'help',
+            tooltip: 'Help',
+            onAction: dialogOpener,
+            context: 'any'
+        });
+        editor.ui.registry.addMenuItem('help', {
+            text: 'Help',
+            icon: 'help',
+            shortcut: 'Alt+0',
+            onAction: dialogOpener,
+            context: 'any'
+        });
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    const pLoadHtmlByLangCode = (baseUrl, langCode) => global$3.load(`tinymce.html-i18n.help-keynav.${langCode}`, `${baseUrl}/js/i18n/keynav/${langCode}.js`);
+    const pLoadI18nHtml = (baseUrl) => 
+    // TINY-9928: Load language file for the current language, or English if the file is not available
+    pLoadHtmlByLangCode(baseUrl, global$2.getCode()).catch(() => pLoadHtmlByLangCode(baseUrl, 'en'));
+    const initI18nLoad = (editor, baseUrl) => {
+        editor.on('init', () => {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            pLoadI18nHtml(baseUrl);
+        });
+    };
+
+    const pTab = async (pluginUrl) => {
+        const body = {
+            type: 'htmlpanel',
+            presets: 'document',
+            html: await pLoadI18nHtml(pluginUrl)
+        };
+        return {
+            name: 'keyboardnav',
+            title: 'Keyboard Navigation',
+            items: [body]
+        };
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    // Converts shortcut format to Mac/PC variants
+    const convertText = (source) => {
+        const isMac = global$1.os.isMacOS() || global$1.os.isiOS();
+        const mac = {
+            alt: '&#x2325;',
+            ctrl: '&#x2303;',
+            shift: '&#x21E7;',
+            meta: '&#x2318;',
+            access: '&#x2303;&#x2325;'
+        };
+        const other = {
+            meta: 'Ctrl ',
+            access: 'Shift + Alt '
+        };
+        const replace = isMac ? mac : other;
+        const shortcut = source.split('+');
+        const updated = map(shortcut, (segment) => {
+            // search lowercase, but if not found use the original
+            const search = segment.toLowerCase().trim();
+            return has(replace, search) ? replace[search] : segment;
+        });
+        return isMac ? (updated.join('')).replace(/\s/, '') : updated.join('+');
+    };
+
+    const shortcuts = [
+        { shortcuts: ['Meta + B'], action: 'Bold' },
+        { shortcuts: ['Meta + I'], action: 'Italic' },
+        { shortcuts: ['Meta + U'], action: 'Underline' },
+        { shortcuts: ['Meta + A'], action: 'Select all' },
+        { shortcuts: ['Meta + Y', 'Meta + Shift + Z'], action: 'Redo' },
+        { shortcuts: ['Meta + Z'], action: 'Undo' },
+        { shortcuts: ['Access + 1'], action: 'Heading 1' },
+        { shortcuts: ['Access + 2'], action: 'Heading 2' },
+        { shortcuts: ['Access + 3'], action: 'Heading 3' },
+        { shortcuts: ['Access + 4'], action: 'Heading 4' },
+        { shortcuts: ['Access + 5'], action: 'Heading 5' },
+        { shortcuts: ['Access + 6'], action: 'Heading 6' },
+        { shortcuts: ['Access + 7'], action: 'Paragraph' },
+        { shortcuts: ['Access + 8'], action: 'Div' },
+        { shortcuts: ['Access + 9'], action: 'Address' },
+        { shortcuts: ['Alt + 0'], action: 'Open help dialog' },
+        { shortcuts: ['Alt + F9'], action: 'Focus to menubar' },
+        { shortcuts: ['Alt + F10'], action: 'Focus to toolbar' },
+        { shortcuts: ['Alt + F11'], action: 'Focus to element path' },
+        { shortcuts: ['Alt + F12'], action: 'Focus to notification' },
+        { shortcuts: ['Ctrl + F9'], action: 'Focus to contextual toolbar' },
+        { shortcuts: ['Shift + Enter'], action: 'Open popup menu for split buttons' },
+        { shortcuts: ['Meta + K'], action: 'Insert link (if link plugin activated)' },
+        { shortcuts: ['Meta + S'], action: 'Save (if save plugin activated)' },
+        { shortcuts: ['Meta + F'], action: 'Find (if searchreplace plugin activated)' },
+        { shortcuts: ['Meta + Shift + F'], action: 'Switch to or from fullscreen mode' }
+    ];
+
+    const tab$2 = () => {
+        const shortcutList = map(shortcuts, (shortcut) => {
+            const shortcutText = map(shortcut.shortcuts, convertText).join(' or ');
+            return [shortcut.action, shortcutText];
+        });
+        const tablePanel = {
+            type: 'table',
+            // TODO: Fix table styles #TINY-2909
+            header: ['Action', 'Shortcut'],
+            cells: shortcutList
+        };
+        return {
+            name: 'shortcuts',
+            title: 'Handy Shortcuts',
+            items: [
+                tablePanel
+            ]
+        };
+    };
+
+    // These lists are automatically sorted when generating the dialog.
+    const urls = map([
+        { key: 'accordion', name: 'Accordion' },
+        { key: 'anchor', name: 'Anchor' },
+        { key: 'autolink', name: 'Autolink' },
+        { key: 'autoresize', name: 'Autoresize' },
+        { key: 'autosave', name: 'Autosave' },
+        { key: 'charmap', name: 'Character Map' },
+        { key: 'code', name: 'Code' },
+        { key: 'codesample', name: 'Code Sample' },
+        { key: 'colorpicker', name: 'Color Picker' },
+        { key: 'directionality', name: 'Directionality' },
+        { key: 'emoticons', name: 'Emoticons' },
+        { key: 'fullscreen', name: 'Full Screen' },
+        { key: 'help', name: 'Help' },
+        { key: 'image', name: 'Image' },
+        { key: 'importcss', name: 'Import CSS' },
+        { key: 'insertdatetime', name: 'Insert Date/Time' },
+        { key: 'link', name: 'Link' },
+        { key: 'lists', name: 'Lists' },
+        { key: 'advlist', name: 'List Styles' },
+        { key: 'media', name: 'Media' },
+        { key: 'nonbreaking', name: 'Nonbreaking' },
+        { key: 'pagebreak', name: 'Page Break' },
+        { key: 'preview', name: 'Preview' },
+        { key: 'quickbars', name: 'Quick Toolbars' },
+        { key: 'save', name: 'Save' },
+        { key: 'searchreplace', name: 'Search and Replace' },
+        { key: 'table', name: 'Table' },
+        { key: 'textcolor', name: 'Text Color' },
+        { key: 'visualblocks', name: 'Visual Blocks' },
+        { key: 'visualchars', name: 'Visual Characters' },
+        { key: 'wordcount', name: 'Word Count' },
+        // TODO: Add other premium plugins when they are included in the website
+        { key: 'a11ychecker', name: 'Accessibility Checker', type: "premium" /* PluginType.Premium */ },
+        { key: 'typography', name: 'Advanced Typography', type: "premium" /* PluginType.Premium */, slug: 'advanced-typography' },
+        { key: 'ai', name: 'AI Assistant', type: "premium" /* PluginType.Premium */ },
+        { key: 'casechange', name: 'Case Change', type: "premium" /* PluginType.Premium */ },
+        { key: 'checklist', name: 'Checklist', type: "premium" /* PluginType.Premium */ },
+        { key: 'advcode', name: 'Enhanced Code Editor', type: "premium" /* PluginType.Premium */ },
+        { key: 'mediaembed', name: 'Enhanced Media Embed', type: "premium" /* PluginType.Premium */, slug: 'introduction-to-mediaembed' },
+        { key: 'advtable', name: 'Enhanced Tables', type: "premium" /* PluginType.Premium */ },
+        { key: 'exportpdf', name: 'Export to PDF', type: "premium" /* PluginType.Premium */ },
+        { key: 'exportword', name: 'Export to Word', type: "premium" /* PluginType.Premium */ },
+        { key: 'footnotes', name: 'Footnotes', type: "premium" /* PluginType.Premium */ },
+        { key: 'formatpainter', name: 'Format Painter', type: "premium" /* PluginType.Premium */ },
+        { key: 'editimage', name: 'Image Editing', type: "premium" /* PluginType.Premium */ },
+        { key: 'uploadcare', name: 'Image Optimizer Powered by Uploadcare', type: "premium" /* PluginType.Premium */ },
+        { key: 'importword', name: 'Import from Word', type: "premium" /* PluginType.Premium */ },
+        { key: 'inlinecss', name: 'Inline CSS', type: "premium" /* PluginType.Premium */, slug: 'inline-css' },
+        { key: 'linkchecker', name: 'Link Checker', type: "premium" /* PluginType.Premium */ },
+        { key: 'math', name: 'Math', type: "premium" /* PluginType.Premium */ },
+        { key: 'markdown', name: 'Markdown', type: "premium" /* PluginType.Premium */ },
+        { key: 'mentions', name: 'Mentions', type: "premium" /* PluginType.Premium */ },
+        { key: 'mergetags', name: 'Merge Tags', type: "premium" /* PluginType.Premium */ },
+        { key: 'pageembed', name: 'Page Embed', type: "premium" /* PluginType.Premium */ },
+        { key: 'permanentpen', name: 'Permanent Pen', type: "premium" /* PluginType.Premium */ },
+        { key: 'powerpaste', name: 'PowerPaste', type: "premium" /* PluginType.Premium */, slug: 'introduction-to-powerpaste' },
+        { key: 'revisionhistory', name: 'Revision History', type: "premium" /* PluginType.Premium */ },
+        { key: 'tinymcespellchecker', name: 'Spell Checker', type: "premium" /* PluginType.Premium */, slug: 'introduction-to-tiny-spellchecker' },
+        { key: 'autocorrect', name: 'Spelling Autocorrect', type: "premium" /* PluginType.Premium */ },
+        { key: 'tableofcontents', name: 'Table of Contents', type: "premium" /* PluginType.Premium */ },
+        { key: 'advtemplate', name: 'Templates', type: "premium" /* PluginType.Premium */, slug: 'advanced-templates' },
+        { key: 'tinycomments', name: 'Tiny Comments', type: "premium" /* PluginType.Premium */, slug: 'introduction-to-tiny-comments' },
+        { key: 'tinydrive', name: 'Tiny Drive', type: "premium" /* PluginType.Premium */, slug: 'tinydrive-introduction' },
+    ], (item) => ({
+        ...item,
+        // Set the defaults/fallbacks for the plugin urls
+        type: item.type || "opensource" /* PluginType.OpenSource */,
+        slug: item.slug || item.key
+    }));
+
+    const tab$1 = (editor) => {
+        const availablePlugins = () => {
+            const premiumPlugins = filter(urls, ({ type }) => {
+                return type === "premium" /* PluginUrls.PluginType.Premium */;
+            });
+            const sortedPremiumPlugins = sort(map(premiumPlugins, (p) => p.name), (s1, s2) => s1.localeCompare(s2));
+            const premiumPluginList = map(sortedPremiumPlugins, (pluginName) => `<li>${pluginName}</li>`).join('');
+            return '<div>' +
+                '<p><b>' + global$2.translate('Premium plugins:') + '</b></p>' +
+                '<ul>' +
+                premiumPluginList +
+                '<li class="tox-help__more-link" ">' +
+                '<a href="https://www.tiny.cloud/pricing/?utm_campaign=help_dialog_plugin_tab&utm_source=tiny&utm_medium=referral&utm_term=read_more&utm_content=premium_plugin_heading" rel="noopener" target="_blank"' +
+                ' data-alloy-tabstop="true" tabindex="-1">' + global$2.translate('Learn more...') + '</a></li>' +
+                '</ul>' +
+                '</div>';
+        };
+        const makeLink = (p) => `<a data-alloy-tabstop="true" tabindex="-1" href="${p.url}" target="_blank" rel="noopener">${p.name}</a>`;
+        const identifyUnknownPlugin = (editor, key) => {
+            const getMetadata = editor.plugins[key].getMetadata;
+            if (isFunction(getMetadata)) {
+                const metadata = getMetadata();
+                return { name: metadata.name, html: makeLink(metadata) };
+            }
+            else {
+                return { name: key, html: key };
+            }
+        };
+        const getPluginData = (editor, key) => find(urls, (x) => {
+            return x.key === key;
+        }).fold(() => {
+            return identifyUnknownPlugin(editor, key);
+        }, (x) => {
+            // We know this plugin, so use our stored details.
+            const name = x.type === "premium" /* PluginUrls.PluginType.Premium */ ? `${x.name}*` : x.name;
+            const html = makeLink({ name, url: `https://www.tiny.cloud/docs/tinymce/7/${x.slug}/` });
+            return { name, html };
+        });
+        const getPluginKeys = (editor) => {
+            const keys$1 = keys(editor.plugins);
+            const forcedPlugins = getForcedPlugins(editor);
+            const hiddenPlugins = isUndefined(forcedPlugins) ? ['onboarding'] : forcedPlugins.concat(['onboarding']);
+            return filter(keys$1, (k) => !contains(hiddenPlugins, k));
+        };
+        const pluginLister = (editor) => {
+            const pluginKeys = getPluginKeys(editor);
+            const sortedPluginData = sort(map(pluginKeys, (k) => getPluginData(editor, k)), (pd1, pd2) => pd1.name.localeCompare(pd2.name));
+            const pluginLis = map(sortedPluginData, (key) => {
+                return '<li>' + key.html + '</li>';
+            });
+            const count = pluginLis.length;
+            const pluginsString = pluginLis.join('');
+            const html = '<p><b>' + global$2.translate(['Plugins installed ({0}):', count]) + '</b></p>' +
+                '<ul>' + pluginsString + '</ul>';
+            return html;
+        };
+        const installedPlugins = (editor) => {
+            if (editor == null) {
+                return '';
+            }
+            return '<div>' +
+                pluginLister(editor) +
+                '</div>';
+        };
+        const htmlPanel = {
+            type: 'htmlpanel',
+            presets: 'document',
+            html: [
+                installedPlugins(editor),
+                availablePlugins()
+            ].join('')
+        };
+        return {
+            name: 'plugins',
+            title: 'Plugins',
+            items: [
+                htmlPanel
+            ]
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    const tab = () => {
+        const getVersion = (major, minor) => major.indexOf('@') === 0 ? 'X.X.X' : major + '.' + minor;
+        const version = getVersion(global.majorVersion, global.minorVersion);
+        const changeLogLink = '<a data-alloy-tabstop="true" tabindex="-1" href="https://www.tiny.cloud/docs/tinymce/7/changelog/?utm_campaign=help_dialog_version_tab&utm_source=tiny&utm_medium=referral" rel="noopener" target="_blank">TinyMCE ' + version + '</a>';
+        const htmlPanel = {
+            type: 'htmlpanel',
+            html: '<p>' + global$2.translate(['You are using {0}', changeLogLink]) + '</p>',
+            presets: 'document'
+        };
+        return {
+            name: 'versions',
+            title: 'Version',
+            items: [
+                htmlPanel
+            ]
+        };
+    };
+
+    const parseHelpTabsSetting = (tabsFromSettings, tabs) => {
+        const newTabs = {};
+        const names = map(tabsFromSettings, (t) => {
+            var _a;
+            if (isString(t)) {
+                // Code below shouldn't care if a tab name doesn't have a spec.
+                // If we find it does, we'll need to make this smarter.
+                // CustomTabsTest has a case for this.
+                if (has(tabs, t)) {
+                    newTabs[t] = tabs[t];
+                }
+                return t;
+            }
+            else {
+                const name = (_a = t.name) !== null && _a !== void 0 ? _a : generate('tab-name');
+                newTabs[name] = t;
+                return name;
+            }
+        });
+        return { tabs: newTabs, names };
+    };
+    const getNamesFromTabs = (tabs) => {
+        const names = keys(tabs);
+        // Move the versions tab to the end if it exists
+        const idx = names.indexOf('versions');
+        if (idx !== -1) {
+            names.splice(idx, 1);
+            names.push('versions');
+        }
+        return { tabs, names };
+    };
+    const pParseCustomTabs = async (editor, customTabs, pluginUrl) => {
+        const shortcuts = tab$2();
+        const nav = await pTab(pluginUrl);
+        const plugins = tab$1(editor);
+        const versions = tab();
+        const tabs = {
+            [shortcuts.name]: shortcuts,
+            [nav.name]: nav,
+            [plugins.name]: plugins,
+            [versions.name]: versions,
+            ...customTabs.get()
+        };
+        return Optional.from(getHelpTabs(editor)).fold(() => getNamesFromTabs(tabs), (tabsFromSettings) => parseHelpTabsSetting(tabsFromSettings, tabs));
+    };
+    const init = (editor, customTabs, pluginUrl) => () => {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        pParseCustomTabs(editor, customTabs, pluginUrl).then(({ tabs, names }) => {
+            const foundTabs = map(names, (name) => get$1(tabs, name));
+            const dialogTabs = cat(foundTabs);
+            const body = {
+                type: 'tabpanel',
+                tabs: dialogTabs
+            };
+            editor.windowManager.open({
+                title: 'Help',
+                size: 'medium',
+                body,
+                buttons: [
+                    {
+                        type: 'cancel',
+                        name: 'close',
+                        text: 'Close',
+                        primary: true
+                    }
+                ],
+                initialData: {}
+            });
+        });
+    };
+
+    var Plugin = () => {
+        global$4.add('help', (editor, pluginUrl) => {
+            const customTabs = Cell({});
+            const api = get(customTabs);
+            register$1(editor);
+            const dialogOpener = init(editor, customTabs, pluginUrl);
+            register(editor, dialogOpener);
+            register$2(editor, dialogOpener);
+            editor.shortcuts.add('Alt+0', 'Open help dialog', 'mceHelp');
+            initI18nLoad(editor, pluginUrl);
+            return api;
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/plugin.min.js
new file mode 100644
index 000000000..785ae6f11
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/help/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const e=e=>"string"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=a=e,(r=String).prototype.isPrototypeOf(n)||(null===(o=a.constructor)||void 0===o?void 0:o.name)===r.name)?"string":t;var n,a,r,o})(e);const t=e=>undefined===e;const n=e=>"function"==typeof e,a=()=>false;class r{constructor(e,t){this.tag=e,this.value=t}static some(e){return new r(!0,e)}static none(){return r.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?r?.some(e(this.value)):r.none()}bind(e){return this.tag?e(this.value):r.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:r.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?r.none():r?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}r.singletonNone=new r(!1);const o=Array.prototype.slice,i=Array.prototype.indexOf,s=(e,t)=>{const n=e.length,a=new Array(n);for(let r=0;r<n;r++){const n=e[r];a[r]=t(n,r)}return a},c=(e,t)=>{const n=[];for(let a=0,r=e.length;a<r;a++){const r=e[a];t(r,a)&&n.push(r)}return n},m=(e,t)=>{const n=o.call(e,0);return n.sort(t),n};n(Array.from)&&Array.from;const l=Object.keys,u=Object.hasOwnProperty,p=(e,t)=>u.call(e,t);let y=0;const h=e=>{const t=(new Date).getTime(),n=Math.floor(window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295*1e9);return y++,e+"_"+n+y+String(t)};var d=tinymce.util.Tools.resolve("tinymce.PluginManager");const g=e=>t=>t.options.get(e),k=g("help_tabs"),v=g("forced_plugins");var b=tinymce.util.Tools.resolve("tinymce.Resource"),f=tinymce.util.Tools.resolve("tinymce.util.I18n");const A=(e,t)=>b.load(`tinymce.html-i18n.help-keynav.${t}`,`${e}/js/i18n/keynav/${t}.js`),w=e=>A(e,f.getCode()).catch((()=>A(e,"en")));var C=tinymce.util.Tools.resolve("tinymce.Env");const S=e=>{const t=C.os.isMacOS()||C.os.isiOS(),n=t?{alt:"&#x2325;",ctrl:"&#x2303;",shift:"&#x21E7;",meta:"&#x2318;",access:"&#x2303;&#x2325;"}:{meta:"Ctrl ",access:"Shift + Alt "},a=e.split("+"),r=s(a,(e=>{const t=e.toLowerCase().trim();return p(n,t)?n[t]:e}));return t?r.join("").replace(/\s/,""):r.join("+")},M=[{shortcuts:["Meta + B"],action:"Bold"},{shortcuts:["Meta + I"],action:"Italic"},{shortcuts:["Meta + U"],action:"Underline"},{shortcuts:["Meta + A"],action:"Select all"},{shortcuts:["Meta + Y","Meta + Shift + Z"],action:"Redo"},{shortcuts:["Meta + Z"],action:"Undo"},{shortcuts:["Access + 1"],action:"Heading 1"},{shortcuts:["Access + 2"],action:"Heading 2"},{shortcuts:["Access + 3"],action:"Heading 3"},{shortcuts:["Access + 4"],action:"Heading 4"},{shortcuts:["Access + 5"],action:"Heading 5"},{shortcuts:["Access + 6"],action:"Heading 6"},{shortcuts:["Access + 7"],action:"Paragraph"},{shortcuts:["Access + 8"],action:"Div"},{shortcuts:["Access + 9"],action:"Address"},{shortcuts:["Alt + 0"],action:"Open help dialog"},{shortcuts:["Alt + F9"],action:"Focus to menubar"},{shortcuts:["Alt + F10"],action:"Focus to toolbar"},{shortcuts:["Alt + F11"],action:"Focus to element path"},{shortcuts:["Alt + F12"],action:"Focus to notification"},{shortcuts:["Ctrl + F9"],action:"Focus to contextual toolbar"},{shortcuts:["Shift + Enter"],action:"Open popup menu for split buttons"},{shortcuts:["Meta + K"],action:"Insert link (if link plugin activated)"},{shortcuts:["Meta + S"],action:"Save (if save plugin activated)"},{shortcuts:["Meta + F"],action:"Find (if searchreplace plugin activated)"},{shortcuts:["Meta + Shift + F"],action:"Switch to or from fullscreen mode"}],_=()=>({name:"shortcuts",title:"Handy Shortcuts",items:[{type:"table",header:["Action","Shortcut"],cells:s(M,(e=>{const t=s(e.shortcuts,S).join(" or ");return[e.action,t]}))}]}),x=s([{key:"accordion",name:"Accordion"},{key:"anchor",name:"Anchor"},{key:"autolink",name:"Autolink"},{key:"autoresize",name:"Autoresize"},{key:"autosave",name:"Autosave"},{key:"charmap",name:"Character Map"},{key:"code",name:"Code"},{key:"codesample",name:"Code Sample"},{key:"colorpicker",name:"Color Picker"},{key:"directionality",name:"Directionality"},{key:"emoticons",name:"Emoticons"},{key:"fullscreen",name:"Full Screen"},{key:"help",name:"Help"},{key:"image",name:"Image"},{key:"importcss",name:"Import CSS"},{key:"insertdatetime",name:"Insert Date/Time"},{key:"link",name:"Link"},{key:"lists",name:"Lists"},{key:"advlist",name:"List Styles"},{key:"media",name:"Media"},{key:"nonbreaking",name:"Nonbreaking"},{key:"pagebreak",name:"Page Break"},{key:"preview",name:"Preview"},{key:"quickbars",name:"Quick Toolbars"},{key:"save",name:"Save"},{key:"searchreplace",name:"Search and Replace"},{key:"table",name:"Table"},{key:"textcolor",name:"Text Color"},{key:"visualblocks",name:"Visual Blocks"},{key:"visualchars",name:"Visual Characters"},{key:"wordcount",name:"Word Count"},{key:"a11ychecker",name:"Accessibility Checker",type:"premium"},{key:"typography",name:"Advanced Typography",type:"premium",slug:"advanced-typography"},{key:"ai",name:"AI Assistant",type:"premium"},{key:"casechange",name:"Case Change",type:"premium"},{key:"checklist",name:"Checklist",type:"premium"},{key:"advcode",name:"Enhanced Code Editor",type:"premium"},{key:"mediaembed",name:"Enhanced Media Embed",type:"premium",slug:"introduction-to-mediaembed"},{key:"advtable",name:"Enhanced Tables",type:"premium"},{key:"exportpdf",name:"Export to PDF",type:"premium"},{key:"exportword",name:"Export to Word",type:"premium"},{key:"footnotes",name:"Footnotes",type:"premium"},{key:"formatpainter",name:"Format Painter",type:"premium"},{key:"editimage",name:"Image Editing",type:"premium"},{key:"uploadcare",name:"Image Optimizer Powered by Uploadcare",type:"premium"},{key:"importword",name:"Import from Word",type:"premium"},{key:"inlinecss",name:"Inline CSS",type:"premium",slug:"inline-css"},{key:"linkchecker",name:"Link Checker",type:"premium"},{key:"math",name:"Math",type:"premium"},{key:"markdown",name:"Markdown",type:"premium"},{key:"mentions",name:"Mentions",type:"premium"},{key:"mergetags",name:"Merge Tags",type:"premium"},{key:"pageembed",name:"Page Embed",type:"premium"},{key:"permanentpen",name:"Permanent Pen",type:"premium"},{key:"powerpaste",name:"PowerPaste",type:"premium",slug:"introduction-to-powerpaste"},{key:"revisionhistory",name:"Revision History",type:"premium"},{key:"tinymcespellchecker",name:"Spell Checker",type:"premium",slug:"introduction-to-tiny-spellchecker"},{key:"autocorrect",name:"Spelling Autocorrect",type:"premium"},{key:"tableofcontents",name:"Table of Contents",type:"premium"},{key:"advtemplate",name:"Templates",type:"premium",slug:"advanced-templates"},{key:"tinycomments",name:"Tiny Comments",type:"premium",slug:"introduction-to-tiny-comments"},{key:"tinydrive",name:"Tiny Drive",type:"premium",slug:"tinydrive-introduction"}],(e=>({...e,type:e.type||"opensource",slug:e.slug||e.key}))),T=e=>{const o=e=>`<a data-alloy-tabstop="true" tabindex="-1" href="${e.url}" target="_blank" rel="noopener">${e.name}</a>`,u=(e,t)=>{return(i=x,s=e=>e.key===t,((e,t,n)=>{for(let a=0,o=e.length;a<o;a++){const o=e[a];if(t(o,a))return r?.some(o);if(n(o,a))break}return r.none()})(i,s,a)).fold((()=>((e,t)=>{const a=e.plugins[t].getMetadata;if(n(a)){const e=a();return{name:e.name,html:o(e)}}return{name:t,html:t}})(e,t)),(e=>{const t="premium"===e.type?`${e.name}*`:e.name;return{name:t,html:o({name:t,url:`https://www.tiny.cloud/docs/tinymce/7/${e.slug}/`})}}));var i,s},p=e=>{const n=(e=>{const n=l(e.plugins),a=v(e),r=t(a)?["onboarding"]:a.concat(["onboarding"]);return c(n,(e=>!(((e,t)=>i.call(e,t))(r,e)>-1)))})(e),a=m(s(n,(t=>u(e,t))),((e,t)=>e.name.localeCompare(t.name))),r=s(a,(e=>"<li>"+e.html+"</li>")),o=r.length,p=r.join("");return"<p><b>"+f.translate(["Plugins installed ({0}):",o])+"</b></p><ul>"+p+"</ul>"},y={type:"htmlpanel",presets:"document",html:[(e=>null==e?"":"<div>"+p(e)+"</div>")(e),(()=>{const e=c(x,(({type:e})=>"premium"===e)),t=m(s(e,(e=>e.name)),((e,t)=>e.localeCompare(t))),n=s(t,(e=>`<li>${e}</li>`)).join("");return"<div><p><b>"+f.translate("Premium plugins:")+"</b></p><ul>"+n+'<li class="tox-help__more-link" "><a href="https://www.tiny.cloud/pricing/?utm_campaign=help_dialog_plugin_tab&utm_source=tiny&utm_medium=referral&utm_term=read_more&utm_content=premium_plugin_heading" rel="noopener" target="_blank" data-alloy-tabstop="true" tabindex="-1">'+f.translate("Learn more...")+"</a></li></ul></div>"})()].join("")};return{name:"plugins",title:"Plugins",items:[y]}};var O=tinymce.util.Tools.resolve("tinymce.EditorManager");const P=(t,n,a)=>()=>{(async(t,n,a)=>{const o=_(),i=await(async e=>({name:"keyboardnav",title:"Keyboard Navigation",items:[{type:"htmlpanel",presets:"document",html:await w(e)}]}))(a),c=T(t),m=(()=>{var e,t;const n='<a data-alloy-tabstop="true" tabindex="-1" href="https://www.tiny.cloud/docs/tinymce/7/changelog/?utm_campaign=help_dialog_version_tab&utm_source=tiny&utm_medium=referral" rel="noopener" target="_blank">TinyMCE '+(e=O.majorVersion,t=O.minorVersion,(0===e.indexOf("@")?"X.X.X":e+"."+t)+"</a>");return{name:"versions",title:"Version",items:[{type:"htmlpanel",html:"<p>"+f.translate(["You are using {0}",n])+"</p>",presets:"document"}]}})(),u={[o.name]:o,[i.name]:i,[c.name]:c,[m.name]:m,...n.get()};return r.from(k(t)).fold((()=>(e=>{const t=l(e),n=t.indexOf("versions");return-1!==n&&(t.splice(n,1),t.push("versions")),{tabs:e,names:t}})(u)),(t=>((t,n)=>{const a={},r=s(t,(t=>{var r;if(e(t))return p(n,t)&&(a[t]=n[t]),t;{const e=null!==(r=t.name)&&void 0!==r?r:h("tab-name");return a[e]=t,e}}));return{tabs:a,names:r}})(t,u)))})(t,n,a).then((({tabs:e,names:n})=>{const a={type:"tabpanel",tabs:(e=>{const t=[],n=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(n);return t})(s(n,(t=>{return p(n=e,a=t)?r.from(n[a]):r.none();var n,a})))};t.windowManager.open({title:"Help",size:"medium",body:a,buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{}})}))};d.add("help",((e,t)=>{const n=(()=>{let e={};return{get:()=>e,set:t=>{e=t}}})(),a=(e=>({addTab:t=>{var n;const a=null!==(n=t.name)&&void 0!==n?n:h("tab-name"),r=e.get();r[a]=t,e.set(r)}}))(n);(e=>{(0,e.options.register)("help_tabs",{processor:"array"})})(e);const r=P(e,n,t);return((e,t)=>{e.ui.registry.addButton("help",{icon:"help",tooltip:"Help",onAction:t,context:"any"}),e.ui.registry.addMenuItem("help",{text:"Help",icon:"help",shortcut:"Alt+0",onAction:t,context:"any"})})(e,r),((e,t)=>{e.addCommand("mceHelp",t)})(e,r),e.shortcuts.add("Alt+0","Open help dialog","mceHelp"),((e,t)=>{e.on("init",(()=>{w(t)}))})(e,t),a}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/index.js
new file mode 100644
index 000000000..092c73ad6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/index.js
@@ -0,0 +1,7 @@
+// Exports the "image" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/image')
+//   ES2015:
+//     import 'tinymce/plugins/image'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/plugin.js
new file mode 100644
index 000000000..fdbe29e69
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/plugin.js
@@ -0,0 +1,1689 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const getPrototypeOf = Object.getPrototypeOf;
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const is = (value, constructor) => isObject(value) && hasProto(value, constructor, (o, proto) => getPrototypeOf(o) === proto);
+    const isString = isType('string');
+    const isObject = isType('object');
+    const isPlainObject = (value) => is(value, Object);
+    const isArray = isType('array');
+    const isNull = eq(null);
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+    const isArrayOf = (value, pred) => {
+        if (isArray(value)) {
+            for (let i = 0, len = value.length; i < len; ++i) {
+                if (!(pred(value[i]))) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    };
+
+    const noop = () => { };
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const get = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get(xs, 0);
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+
+    const deep = (old, nu) => {
+        const bothObjects = isPlainObject(old) && isPlainObject(nu);
+        return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    const baseMerge = (merger) => {
+        return (...objects) => {
+            if (objects.length === 0) {
+                throw new Error(`Can't merge zero objects`);
+            }
+            const ret = {};
+            for (let j = 0; j < objects.length; j++) {
+                const curObject = objects[j];
+                for (const key in curObject) {
+                    if (has(curObject, key)) {
+                        ret[key] = merger(ret[key], curObject[key]);
+                    }
+                }
+            }
+            return ret;
+        };
+    };
+    const deepMerge = baseMerge(deep);
+
+    const isNotEmpty = (s) => s.length > 0;
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const remove = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('image_dimensions', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('image_advtab', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('image_uploadtab', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('image_prepend_url', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('image_class_list', {
+            processor: 'object[]'
+        });
+        registerOption('image_description', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('image_title', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('image_caption', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('image_list', {
+            processor: (value) => {
+                const valid = value === false || isString(value) || isArrayOf(value, isObject) || isFunction(value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be false, a string, an array or a function.' };
+            },
+            default: false
+        });
+    };
+    const hasDimensions = option('image_dimensions');
+    const hasAdvTab = option('image_advtab');
+    const hasUploadTab = option('image_uploadtab');
+    const getPrependUrl = option('image_prepend_url');
+    const getClassList = option('image_class_list');
+    const hasDescription = option('image_description');
+    const hasImageTitle = option('image_title');
+    const hasImageCaption = option('image_caption');
+    const getImageList = option('image_list');
+    const showAccessibilityOptions = option('a11y_advanced_options');
+    const isAutomaticUploadsEnabled = option('automatic_uploads');
+    const hasUploadUrl = (editor) => isNotEmpty(editor.options.get('images_upload_url'));
+    const hasUploadHandler = (editor) => isNonNullable(editor.options.get('images_upload_handler'));
+
+    // TODO: Figure out if these would ever be something other than numbers. This was added in: #TINY-1350
+    const parseIntAndGetMax = (val1, val2) => Math.max(parseInt(val1, 10), parseInt(val2, 10));
+    const getImageSize = (url) => new Promise((callback) => {
+        const img = document.createElement('img');
+        const done = (dimensions) => {
+            if (img.parentNode) {
+                img.parentNode.removeChild(img);
+            }
+            callback(dimensions);
+        };
+        img.addEventListener('load', () => {
+            const width = parseIntAndGetMax(img.width, img.clientWidth);
+            const height = parseIntAndGetMax(img.height, img.clientHeight);
+            const dimensions = { width, height };
+            done(Promise.resolve(dimensions));
+        });
+        img.addEventListener('error', () => {
+            done(Promise.reject(`Failed to get image dimensions for: ${url}`));
+        });
+        const style = img.style;
+        style.visibility = 'hidden';
+        style.position = 'fixed';
+        style.bottom = style.left = '0px';
+        style.width = style.height = 'auto';
+        document.body.appendChild(img);
+        img.src = url;
+    });
+    const removePixelSuffix = (value) => {
+        if (value) {
+            value = value.replace(/px$/, '');
+        }
+        return value;
+    };
+    const addPixelSuffix = (value) => {
+        if (value.length > 0 && /^[0-9]+$/.test(value)) {
+            value += 'px';
+        }
+        return value;
+    };
+    const mergeMargins = (css) => {
+        if (css.margin) {
+            const splitMargin = String(css.margin).split(' ');
+            switch (splitMargin.length) {
+                case 1: // margin: toprightbottomleft;
+                    css['margin-top'] = css['margin-top'] || splitMargin[0];
+                    css['margin-right'] = css['margin-right'] || splitMargin[0];
+                    css['margin-bottom'] = css['margin-bottom'] || splitMargin[0];
+                    css['margin-left'] = css['margin-left'] || splitMargin[0];
+                    break;
+                case 2: // margin: topbottom rightleft;
+                    css['margin-top'] = css['margin-top'] || splitMargin[0];
+                    css['margin-right'] = css['margin-right'] || splitMargin[1];
+                    css['margin-bottom'] = css['margin-bottom'] || splitMargin[0];
+                    css['margin-left'] = css['margin-left'] || splitMargin[1];
+                    break;
+                case 3: // margin: top rightleft bottom;
+                    css['margin-top'] = css['margin-top'] || splitMargin[0];
+                    css['margin-right'] = css['margin-right'] || splitMargin[1];
+                    css['margin-bottom'] = css['margin-bottom'] || splitMargin[2];
+                    css['margin-left'] = css['margin-left'] || splitMargin[1];
+                    break;
+                case 4: // margin: top right bottom left;
+                    css['margin-top'] = css['margin-top'] || splitMargin[0];
+                    css['margin-right'] = css['margin-right'] || splitMargin[1];
+                    css['margin-bottom'] = css['margin-bottom'] || splitMargin[2];
+                    css['margin-left'] = css['margin-left'] || splitMargin[3];
+            }
+            delete css.margin;
+        }
+        return css;
+    };
+    // TODO: Input on this callback should really be validated
+    const createImageList = (editor, callback) => {
+        const imageList = getImageList(editor);
+        if (isString(imageList)) {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            fetch(imageList)
+                .then((res) => {
+                if (res.ok) {
+                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                    res.json().then(callback);
+                }
+            });
+        }
+        else if (isFunction(imageList)) {
+            imageList(callback);
+        }
+        else {
+            callback(imageList);
+        }
+    };
+    const waitLoadImage = (editor, data, imgElm) => {
+        const selectImage = () => {
+            imgElm.onload = imgElm.onerror = null;
+            if (editor.selection) {
+                editor.selection.select(imgElm);
+                editor.nodeChanged();
+            }
+        };
+        imgElm.onload = () => {
+            if (!data.width && !data.height && hasDimensions(editor)) {
+                editor.dom.setAttribs(imgElm, {
+                    width: String(imgElm.clientWidth),
+                    height: String(imgElm.clientHeight)
+                });
+            }
+            selectImage();
+        };
+        imgElm.onerror = selectImage;
+    };
+    const blobToDataUri = (blob) => new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            resolve(reader.result);
+        };
+        reader.onerror = () => {
+            var _a;
+            reject((_a = reader.error) === null || _a === void 0 ? void 0 : _a.message);
+        };
+        reader.readAsDataURL(blob);
+    });
+    const isPlaceholderImage = (imgElm) => imgElm.nodeName === 'IMG' && (imgElm.hasAttribute('data-mce-object') || imgElm.hasAttribute('data-mce-placeholder'));
+    const isSafeImageUrl = (editor, src) => {
+        const getOption = editor.options.get;
+        return global$2.isDomSafe(src, 'img', {
+            allow_html_data_urls: getOption('allow_html_data_urls'),
+            allow_script_urls: getOption('allow_script_urls'),
+            allow_svg_data_urls: getOption('allow_svg_data_urls')
+        });
+    };
+
+    const DOM = global$3.DOM;
+    const getHspace = (image) => {
+        if (image.style.marginLeft && image.style.marginRight && image.style.marginLeft === image.style.marginRight) {
+            return removePixelSuffix(image.style.marginLeft);
+        }
+        else {
+            return '';
+        }
+    };
+    const getVspace = (image) => {
+        if (image.style.marginTop && image.style.marginBottom && image.style.marginTop === image.style.marginBottom) {
+            return removePixelSuffix(image.style.marginTop);
+        }
+        else {
+            return '';
+        }
+    };
+    const getBorder = (image) => {
+        if (image.style.borderWidth) {
+            return removePixelSuffix(image.style.borderWidth);
+        }
+        else {
+            return '';
+        }
+    };
+    const getAttrib = (image, name) => {
+        var _a;
+        if (image.hasAttribute(name)) {
+            return (_a = image.getAttribute(name)) !== null && _a !== void 0 ? _a : '';
+        }
+        else {
+            return '';
+        }
+    };
+    const hasCaption = (image) => image.parentNode !== null && image.parentNode.nodeName === 'FIGURE';
+    const updateAttrib = (image, name, value) => {
+        if (value === '' || value === null) {
+            image.removeAttribute(name);
+        }
+        else {
+            image.setAttribute(name, value);
+        }
+    };
+    const wrapInFigure = (image) => {
+        const figureElm = DOM.create('figure', { class: 'image' });
+        DOM.insertAfter(figureElm, image);
+        figureElm.appendChild(image);
+        figureElm.appendChild(DOM.create('figcaption', { contentEditable: 'true' }, 'Caption'));
+        figureElm.contentEditable = 'false';
+    };
+    const removeFigure = (image) => {
+        const figureElm = image.parentNode;
+        if (isNonNullable(figureElm)) {
+            DOM.insertAfter(image, figureElm);
+            DOM.remove(figureElm);
+        }
+    };
+    const toggleCaption = (image) => {
+        if (hasCaption(image)) {
+            removeFigure(image);
+        }
+        else {
+            wrapInFigure(image);
+        }
+    };
+    const normalizeStyle = (image, normalizeCss) => {
+        const attrValue = image.getAttribute('style');
+        const value = normalizeCss(attrValue !== null ? attrValue : '');
+        if (value.length > 0) {
+            image.setAttribute('style', value);
+            image.setAttribute('data-mce-style', value);
+        }
+        else {
+            image.removeAttribute('style');
+        }
+    };
+    const setSize = (name, normalizeCss) => (image, name, value) => {
+        const styles = image.style;
+        if (styles[name]) {
+            styles[name] = addPixelSuffix(value);
+            normalizeStyle(image, normalizeCss);
+        }
+        else {
+            updateAttrib(image, name, value);
+        }
+    };
+    const getSize = (image, name) => {
+        if (image.style[name]) {
+            return removePixelSuffix(image.style[name]);
+        }
+        else {
+            return getAttrib(image, name);
+        }
+    };
+    const setHspace = (image, value) => {
+        const pxValue = addPixelSuffix(value);
+        image.style.marginLeft = pxValue;
+        image.style.marginRight = pxValue;
+    };
+    const setVspace = (image, value) => {
+        const pxValue = addPixelSuffix(value);
+        image.style.marginTop = pxValue;
+        image.style.marginBottom = pxValue;
+    };
+    const setBorder = (image, value) => {
+        const pxValue = addPixelSuffix(value);
+        image.style.borderWidth = pxValue;
+    };
+    const setBorderStyle = (image, value) => {
+        image.style.borderStyle = value;
+    };
+    const getBorderStyle = (image) => { var _a; return (_a = image.style.borderStyle) !== null && _a !== void 0 ? _a : ''; };
+    const isFigure = (elm) => isNonNullable(elm) && elm.nodeName === 'FIGURE';
+    const isImage = (elm) => elm.nodeName === 'IMG';
+    const getIsDecorative = (image) => DOM.getAttrib(image, 'alt').length === 0 && DOM.getAttrib(image, 'role') === 'presentation';
+    const getAlt = (image) => {
+        if (getIsDecorative(image)) {
+            return '';
+        }
+        else {
+            return getAttrib(image, 'alt');
+        }
+    };
+    const defaultData = () => ({
+        src: '',
+        alt: '',
+        title: '',
+        width: '',
+        height: '',
+        class: '',
+        style: '',
+        caption: false,
+        hspace: '',
+        vspace: '',
+        border: '',
+        borderStyle: '',
+        isDecorative: false
+    });
+    const getStyleValue = (normalizeCss, data) => {
+        var _a;
+        const image = document.createElement('img');
+        updateAttrib(image, 'style', data.style);
+        if (getHspace(image) || data.hspace !== '') {
+            setHspace(image, data.hspace);
+        }
+        if (getVspace(image) || data.vspace !== '') {
+            setVspace(image, data.vspace);
+        }
+        if (getBorder(image) || data.border !== '') {
+            setBorder(image, data.border);
+        }
+        if (getBorderStyle(image) || data.borderStyle !== '') {
+            setBorderStyle(image, data.borderStyle);
+        }
+        return normalizeCss((_a = image.getAttribute('style')) !== null && _a !== void 0 ? _a : '');
+    };
+    const create = (normalizeCss, data) => {
+        const image = document.createElement('img');
+        write(normalizeCss, { ...data, caption: false }, image);
+        // Always set alt even if data.alt is an empty string
+        setAlt(image, data.alt, data.isDecorative);
+        if (data.caption) {
+            const figure = DOM.create('figure', { class: 'image' });
+            figure.appendChild(image);
+            figure.appendChild(DOM.create('figcaption', { contentEditable: 'true' }, 'Caption'));
+            figure.contentEditable = 'false';
+            return figure;
+        }
+        else {
+            return image;
+        }
+    };
+    const read = (normalizeCss, image) => ({
+        src: getAttrib(image, 'src'),
+        alt: getAlt(image),
+        title: getAttrib(image, 'title'),
+        width: getSize(image, 'width'),
+        height: getSize(image, 'height'),
+        class: getAttrib(image, 'class'),
+        style: normalizeCss(getAttrib(image, 'style')),
+        caption: hasCaption(image),
+        hspace: getHspace(image),
+        vspace: getVspace(image),
+        border: getBorder(image),
+        borderStyle: getBorderStyle(image),
+        isDecorative: getIsDecorative(image)
+    });
+    const updateProp = (image, oldData, newData, name, set) => {
+        if (newData[name] !== oldData[name]) {
+            set(image, name, String(newData[name]));
+        }
+    };
+    const setAlt = (image, alt, isDecorative) => {
+        if (isDecorative) {
+            DOM.setAttrib(image, 'role', 'presentation');
+            // unfortunately can't set "" attr value with domutils
+            const sugarImage = SugarElement.fromDom(image);
+            set(sugarImage, 'alt', '');
+        }
+        else {
+            if (isNull(alt)) {
+                const sugarImage = SugarElement.fromDom(image);
+                remove(sugarImage, 'alt');
+            }
+            else {
+                // unfortunately can't set "" attr value with domutils
+                const sugarImage = SugarElement.fromDom(image);
+                set(sugarImage, 'alt', alt);
+            }
+            if (DOM.getAttrib(image, 'role') === 'presentation') {
+                DOM.setAttrib(image, 'role', '');
+            }
+        }
+    };
+    const updateAlt = (image, oldData, newData) => {
+        if (newData.alt !== oldData.alt || newData.isDecorative !== oldData.isDecorative) {
+            setAlt(image, newData.alt, newData.isDecorative);
+        }
+    };
+    const normalized = (set, normalizeCss) => (image, name, value) => {
+        set(image, value);
+        normalizeStyle(image, normalizeCss);
+    };
+    const write = (normalizeCss, newData, image) => {
+        const oldData = read(normalizeCss, image);
+        updateProp(image, oldData, newData, 'caption', (image, _name, _value) => toggleCaption(image));
+        updateProp(image, oldData, newData, 'src', updateAttrib);
+        updateProp(image, oldData, newData, 'title', updateAttrib);
+        updateProp(image, oldData, newData, 'width', setSize('width', normalizeCss));
+        updateProp(image, oldData, newData, 'height', setSize('height', normalizeCss));
+        updateProp(image, oldData, newData, 'class', updateAttrib);
+        updateProp(image, oldData, newData, 'style', normalized((image, value) => updateAttrib(image, 'style', value), normalizeCss));
+        updateProp(image, oldData, newData, 'hspace', normalized(setHspace, normalizeCss));
+        updateProp(image, oldData, newData, 'vspace', normalized(setVspace, normalizeCss));
+        updateProp(image, oldData, newData, 'border', normalized(setBorder, normalizeCss));
+        updateProp(image, oldData, newData, 'borderStyle', normalized(setBorderStyle, normalizeCss));
+        updateAlt(image, oldData, newData);
+    };
+
+    const normalizeCss$1 = (editor, cssText) => {
+        const css = editor.dom.styles.parse(cssText);
+        const mergedCss = mergeMargins(css);
+        const compressed = editor.dom.styles.parse(editor.dom.styles.serialize(mergedCss));
+        return editor.dom.styles.serialize(compressed);
+    };
+    const getSelectedImage = (editor) => {
+        const imgElm = editor.selection.getNode();
+        const figureElm = editor.dom.getParent(imgElm, 'figure.image');
+        if (figureElm) {
+            return editor.dom.select('img', figureElm)[0];
+        }
+        if (imgElm && (imgElm.nodeName !== 'IMG' || isPlaceholderImage(imgElm))) {
+            return null;
+        }
+        return imgElm;
+    };
+    const splitTextBlock = (editor, figure) => {
+        var _a;
+        const dom = editor.dom;
+        const textBlockElements = filter(editor.schema.getTextBlockElements(), (_, parentElm) => !editor.schema.isValidChild(parentElm, 'figure'));
+        const textBlock = dom.getParent(figure.parentNode, (node) => hasNonNullableKey(textBlockElements, node.nodeName), editor.getBody());
+        if (textBlock) {
+            return (_a = dom.split(textBlock, figure)) !== null && _a !== void 0 ? _a : figure;
+        }
+        else {
+            return figure;
+        }
+    };
+    const readImageDataFromSelection = (editor) => {
+        const image = getSelectedImage(editor);
+        return image ? read((css) => normalizeCss$1(editor, css), image) : defaultData();
+    };
+    const insertImageAtCaret = (editor, data) => {
+        const elm = create((css) => normalizeCss$1(editor, css), data);
+        editor.dom.setAttrib(elm, 'data-mce-id', '__mcenew');
+        editor.focus();
+        editor.selection.setContent(elm.outerHTML);
+        const insertedElm = editor.dom.select('*[data-mce-id="__mcenew"]')[0];
+        editor.dom.setAttrib(insertedElm, 'data-mce-id', null);
+        if (isFigure(insertedElm)) {
+            const figure = splitTextBlock(editor, insertedElm);
+            editor.selection.select(figure);
+        }
+        else {
+            editor.selection.select(insertedElm);
+        }
+    };
+    const syncSrcAttr = (editor, image) => {
+        editor.dom.setAttrib(image, 'src', image.getAttribute('src'));
+    };
+    const deleteImage = (editor, image) => {
+        if (image) {
+            const elm = editor.dom.is(image.parentNode, 'figure.image') ? image.parentNode : image;
+            editor.dom.remove(elm);
+            editor.focus();
+            editor.nodeChanged();
+            if (editor.dom.isEmpty(editor.getBody())) {
+                editor.setContent('');
+                editor.selection.setCursorLocation();
+            }
+        }
+    };
+    const writeImageDataToSelection = (editor, data) => {
+        const image = getSelectedImage(editor);
+        if (image) {
+            write((css) => normalizeCss$1(editor, css), data, image);
+            syncSrcAttr(editor, image);
+            if (isFigure(image.parentNode)) {
+                editor.dom.setStyle(image, 'float', '');
+                const figure = image.parentNode;
+                splitTextBlock(editor, figure);
+                editor.selection.select(image.parentNode);
+            }
+            else {
+                editor.selection.select(image);
+                waitLoadImage(editor, data, image);
+            }
+        }
+    };
+    const sanitizeImageData = (editor, data) => {
+        // Sanitize the URL
+        const src = data.src;
+        return {
+            ...data,
+            src: isSafeImageUrl(editor, src) ? src : ''
+        };
+    };
+    const insertOrUpdateImage = (editor, partialData) => {
+        const image = getSelectedImage(editor);
+        if (image) {
+            const selectedImageData = read((css) => normalizeCss$1(editor, css), image);
+            const data = { ...selectedImageData, ...partialData };
+            const sanitizedData = sanitizeImageData(editor, data);
+            if (data.src) {
+                writeImageDataToSelection(editor, sanitizedData);
+            }
+            else {
+                deleteImage(editor, image);
+            }
+        }
+        else if (partialData.src) {
+            insertImageAtCaret(editor, { ...defaultData(), ...partialData });
+        }
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.ImageUploader');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const getValue = (item) => isString(item.value) ? item.value : '';
+    const getText = (item) => {
+        if (isString(item.text)) {
+            return item.text;
+        }
+        else if (isString(item.title)) {
+            return item.title;
+        }
+        else {
+            return '';
+        }
+    };
+    const sanitizeList = (list, extractValue) => {
+        const out = [];
+        global.each(list, (item) => {
+            const text = getText(item);
+            if (item.menu !== undefined) {
+                const items = sanitizeList(item.menu, extractValue);
+                out.push({ text, items }); // list group
+            }
+            else {
+                const value = extractValue(item);
+                out.push({ text, value }); // list value
+            }
+        });
+        return out;
+    };
+    const sanitizer = (extractor = getValue) => (list) => {
+        if (list) {
+            return Optional.from(list)?.map((list) => sanitizeList(list, extractor));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const sanitize = (list) => sanitizer(getValue)(list);
+    const isGroup = (item) => has(item, 'items');
+    const findEntryDelegate = (list, value) => findMap(list, (item) => {
+        if (isGroup(item)) {
+            return findEntryDelegate(item.items, value);
+        }
+        else if (item.value === value) {
+            return Optional?.some(item);
+        }
+        else {
+            return Optional.none();
+        }
+    });
+    const findEntry = (optList, value) => optList.bind((list) => findEntryDelegate(list, value));
+    const ListUtils = {
+        sanitizer,
+        sanitize,
+        findEntry
+    };
+
+    const makeTab$2 = (_info) => ({
+        title: 'Advanced',
+        name: 'advanced',
+        items: [
+            {
+                type: 'grid',
+                columns: 2,
+                items: [
+                    {
+                        type: 'input',
+                        label: 'Vertical space',
+                        name: 'vspace',
+                        inputMode: 'numeric'
+                    },
+                    {
+                        type: 'input',
+                        label: 'Horizontal space',
+                        name: 'hspace',
+                        inputMode: 'numeric'
+                    },
+                    {
+                        type: 'input',
+                        label: 'Border width',
+                        name: 'border',
+                        inputMode: 'numeric'
+                    },
+                    {
+                        type: 'listbox',
+                        name: 'borderstyle',
+                        label: 'Border style',
+                        items: [
+                            { text: 'Select...', value: '' },
+                            { text: 'Solid', value: 'solid' },
+                            { text: 'Dotted', value: 'dotted' },
+                            { text: 'Dashed', value: 'dashed' },
+                            { text: 'Double', value: 'double' },
+                            { text: 'Groove', value: 'groove' },
+                            { text: 'Ridge', value: 'ridge' },
+                            { text: 'Inset', value: 'inset' },
+                            { text: 'Outset', value: 'outset' },
+                            { text: 'None', value: 'none' },
+                            { text: 'Hidden', value: 'hidden' }
+                        ]
+                    }
+                ]
+            }
+        ]
+    });
+    const AdvTab = {
+        makeTab: makeTab$2
+    };
+
+    const collect = (editor) => {
+        const urlListSanitizer = ListUtils.sanitizer((item) => editor.convertURL(item.value || item.url || '', 'src'));
+        const futureImageList = new Promise((completer) => {
+            createImageList(editor, (imageList) => {
+                completer(urlListSanitizer(imageList)?.map((items) => flatten([
+                    [{ text: 'None', value: '' }],
+                    items
+                ])));
+            });
+        });
+        const classList = ListUtils.sanitize(getClassList(editor));
+        const hasAdvTab$1 = hasAdvTab(editor);
+        const hasUploadTab$1 = hasUploadTab(editor);
+        const hasUploadUrl$1 = hasUploadUrl(editor);
+        const hasUploadHandler$1 = hasUploadHandler(editor);
+        const image = readImageDataFromSelection(editor);
+        const hasDescription$1 = hasDescription(editor);
+        const hasImageTitle$1 = hasImageTitle(editor);
+        const hasDimensions$1 = hasDimensions(editor);
+        const hasImageCaption$1 = hasImageCaption(editor);
+        const hasAccessibilityOptions = showAccessibilityOptions(editor);
+        const automaticUploads = isAutomaticUploadsEnabled(editor);
+        const prependURL = Optional?.some(getPrependUrl(editor)).filter((preUrl) => isString(preUrl) && preUrl.length > 0);
+        return futureImageList.then((imageList) => ({
+            image,
+            imageList,
+            classList,
+            hasAdvTab: hasAdvTab$1,
+            hasUploadTab: hasUploadTab$1,
+            hasUploadUrl: hasUploadUrl$1,
+            hasUploadHandler: hasUploadHandler$1,
+            hasDescription: hasDescription$1,
+            hasImageTitle: hasImageTitle$1,
+            hasDimensions: hasDimensions$1,
+            hasImageCaption: hasImageCaption$1,
+            prependURL,
+            hasAccessibilityOptions,
+            automaticUploads
+        }));
+    };
+
+    const makeItems = (info) => {
+        const imageUrl = {
+            name: 'src',
+            type: 'urlinput',
+            filetype: 'image',
+            label: 'Source',
+            picker_text: 'Browse files'
+        };
+        const imageList = info.imageList?.map((items) => ({
+            name: 'images',
+            type: 'listbox',
+            label: 'Image list',
+            items
+        }));
+        const imageDescription = {
+            name: 'alt',
+            type: 'input',
+            label: 'Alternative description',
+            enabled: !(info.hasAccessibilityOptions && info.image.isDecorative)
+        };
+        const imageTitle = {
+            name: 'title',
+            type: 'input',
+            label: 'Image title'
+        };
+        const imageDimensions = {
+            name: 'dimensions',
+            type: 'sizeinput'
+        };
+        const isDecorative = {
+            type: 'label',
+            label: 'Accessibility',
+            items: [{
+                    name: 'isDecorative',
+                    type: 'checkbox',
+                    label: 'Image is decorative'
+                }]
+        };
+        // TODO: the original listbox supported styled items but bridge does not seem to support this
+        const classList = info.classList?.map((items) => ({
+            name: 'classes',
+            type: 'listbox',
+            label: 'Class',
+            items
+        }));
+        const caption = {
+            type: 'label',
+            label: 'Caption',
+            items: [
+                {
+                    type: 'checkbox',
+                    name: 'caption',
+                    label: 'Show caption'
+                }
+            ]
+        };
+        const getDialogContainerType = (useColumns) => useColumns ? { type: 'grid', columns: 2 } : { type: 'panel' };
+        return flatten([
+            [imageUrl],
+            imageList.toArray(),
+            info.hasAccessibilityOptions && info.hasDescription ? [isDecorative] : [],
+            info.hasDescription ? [imageDescription] : [],
+            info.hasImageTitle ? [imageTitle] : [],
+            info.hasDimensions ? [imageDimensions] : [],
+            [{
+                    ...getDialogContainerType(info.classList.isSome() && info.hasImageCaption),
+                    items: flatten([
+                        classList.toArray(),
+                        info.hasImageCaption ? [caption] : []
+                    ])
+                }]
+        ]);
+    };
+    const makeTab$1 = (info) => ({
+        title: 'General',
+        name: 'general',
+        items: makeItems(info)
+    });
+    const MainTab = {
+        makeTab: makeTab$1,
+        makeItems
+    };
+
+    const makeTab = (_info) => {
+        const items = [
+            {
+                type: 'dropzone',
+                name: 'fileinput'
+            }
+        ];
+        return {
+            title: 'Upload',
+            name: 'upload',
+            items
+        };
+    };
+    const UploadTab = {
+        makeTab
+    };
+
+    const createState = (info) => ({
+        prevImage: ListUtils.findEntry(info.imageList, info.image.src),
+        prevAlt: info.image.alt,
+        open: true
+    });
+    const fromImageData = (image) => ({
+        src: {
+            value: image.src,
+            meta: {}
+        },
+        images: image.src,
+        alt: image.alt,
+        title: image.title,
+        dimensions: {
+            width: image.width,
+            height: image.height
+        },
+        classes: image.class,
+        caption: image.caption,
+        style: image.style,
+        vspace: image.vspace,
+        border: image.border,
+        hspace: image.hspace,
+        borderstyle: image.borderStyle,
+        fileinput: [],
+        isDecorative: image.isDecorative
+    });
+    const toImageData = (data, removeEmptyAlt) => ({
+        src: data.src.value,
+        alt: (data.alt === null || data.alt.length === 0) && removeEmptyAlt ? null : data.alt,
+        title: data.title,
+        width: data.dimensions.width,
+        height: data.dimensions.height,
+        class: data.classes,
+        style: data.style,
+        caption: data.caption,
+        hspace: data.hspace,
+        vspace: data.vspace,
+        border: data.border,
+        borderStyle: data.borderstyle,
+        isDecorative: data.isDecorative
+    });
+    const addPrependUrl2 = (info, srcURL) => {
+        // Add the prependURL
+        if (!/^(?:[a-zA-Z]+:)?\/\//.test(srcURL)) {
+            return info.prependURL.bind((prependUrl) => {
+                if (srcURL.substring(0, prependUrl.length) !== prependUrl) {
+                    return Optional?.some(prependUrl + srcURL);
+                }
+                return Optional.none();
+            });
+        }
+        return Optional.none();
+    };
+    const addPrependUrl = (info, api) => {
+        const data = api.getData();
+        addPrependUrl2(info, data.src.value).each((srcURL) => {
+            api.setData({ src: { value: srcURL, meta: data.src.meta } });
+        });
+    };
+    const formFillFromMeta2 = (info, data, meta) => {
+        if (info.hasDescription && isString(meta.alt)) {
+            data.alt = meta.alt;
+        }
+        if (info.hasAccessibilityOptions) {
+            data.isDecorative = meta.isDecorative || data.isDecorative || false;
+        }
+        if (info.hasImageTitle && isString(meta.title)) {
+            data.title = meta.title;
+        }
+        if (info.hasDimensions) {
+            if (isString(meta.width)) {
+                data.dimensions.width = meta.width;
+            }
+            if (isString(meta.height)) {
+                data.dimensions.height = meta.height;
+            }
+        }
+        if (isString(meta.class)) {
+            ListUtils.findEntry(info.classList, meta.class).each((entry) => {
+                data.classes = entry.value;
+            });
+        }
+        if (info.hasImageCaption) {
+            if (isBoolean(meta.caption)) {
+                data.caption = meta.caption;
+            }
+        }
+        if (info.hasAdvTab) {
+            if (isString(meta.style)) {
+                data.style = meta.style;
+            }
+            if (isString(meta.vspace)) {
+                data.vspace = meta.vspace;
+            }
+            if (isString(meta.border)) {
+                data.border = meta.border;
+            }
+            if (isString(meta.hspace)) {
+                data.hspace = meta.hspace;
+            }
+            if (isString(meta.borderstyle)) {
+                data.borderstyle = meta.borderstyle;
+            }
+        }
+    };
+    const formFillFromMeta = (info, api) => {
+        const data = api.getData();
+        const meta = data.src.meta;
+        if (meta !== undefined) {
+            const newData = deepMerge({}, data);
+            formFillFromMeta2(info, newData, meta);
+            api.setData(newData);
+        }
+    };
+    const calculateImageSize = (helpers, info, state, api) => {
+        const data = api.getData();
+        const url = data.src.value;
+        const meta = data.src.meta || {};
+        if (!meta.width && !meta.height && info.hasDimensions) {
+            if (isNotEmpty(url)) {
+                helpers.imageSize(url)
+                    .then((size) => {
+                    if (state.open) {
+                        api.setData({ dimensions: size });
+                    }
+                })
+                    // eslint-disable-next-line no-console
+                    .catch((e) => console.error(e));
+            }
+            else {
+                api.setData({ dimensions: { width: '', height: '' } });
+            }
+        }
+    };
+    const updateImagesDropdown = (info, state, api) => {
+        const data = api.getData();
+        const image = ListUtils.findEntry(info.imageList, data.src.value);
+        state.prevImage = image;
+        api.setData({ images: image?.map((entry) => entry.value).getOr('') });
+    };
+    const changeSrc = (helpers, info, state, api) => {
+        addPrependUrl(info, api);
+        formFillFromMeta(info, api);
+        calculateImageSize(helpers, info, state, api);
+        updateImagesDropdown(info, state, api);
+    };
+    const changeImages = (helpers, info, state, api) => {
+        const data = api.getData();
+        const image = ListUtils.findEntry(info.imageList, data.images);
+        image.each((img) => {
+            const updateAlt = data.alt === '' || state.prevImage?.map((image) => image.text === data.alt).getOr(false);
+            if (updateAlt) {
+                if (img.value === '') {
+                    api.setData({ src: img, alt: state.prevAlt });
+                }
+                else {
+                    api.setData({ src: img, alt: img.text });
+                }
+            }
+            else {
+                api.setData({ src: img });
+            }
+        });
+        state.prevImage = image;
+        changeSrc(helpers, info, state, api);
+    };
+    const changeFileInput = (helpers, info, state, api) => {
+        const data = api.getData();
+        api.block('Uploading image'); // What msg do we pass to the lock?
+        head(data.fileinput)
+            .fold(() => {
+            api.unblock();
+        }, (file) => {
+            const blobUri = URL.createObjectURL(file);
+            const finalize = () => {
+                api.unblock();
+                URL.revokeObjectURL(blobUri);
+            };
+            const updateSrcAndSwitchTab = (url) => {
+                api.setData({ src: { value: url, meta: {} } });
+                api.showTab('general');
+                changeSrc(helpers, info, state, api);
+                api.focus('src');
+            };
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            blobToDataUri(file).then((dataUrl) => {
+                const blobInfo = helpers.createBlobCache(file, blobUri, dataUrl);
+                if (info.automaticUploads) {
+                    helpers.uploadImage(blobInfo).then((result) => {
+                        updateSrcAndSwitchTab(result.url);
+                        finalize();
+                    }).catch((err) => {
+                        finalize();
+                        helpers.alertErr(err, () => {
+                            api.focus('fileinput');
+                        });
+                    });
+                }
+                else {
+                    helpers.addToBlobCache(blobInfo);
+                    updateSrcAndSwitchTab(blobInfo.blobUri());
+                    api.unblock();
+                }
+            });
+        });
+    };
+    const changeHandler = (helpers, info, state) => (api, evt) => {
+        if (evt.name === 'src') {
+            changeSrc(helpers, info, state, api);
+        }
+        else if (evt.name === 'images') {
+            changeImages(helpers, info, state, api);
+        }
+        else if (evt.name === 'alt') {
+            state.prevAlt = api.getData().alt;
+        }
+        else if (evt.name === 'fileinput') {
+            changeFileInput(helpers, info, state, api);
+        }
+        else if (evt.name === 'isDecorative') {
+            api.setEnabled('alt', !api.getData().isDecorative);
+        }
+    };
+    const closeHandler = (state) => () => {
+        state.open = false;
+    };
+    const makeDialogBody = (info) => {
+        if (info.hasAdvTab || info.hasUploadUrl || info.hasUploadHandler) {
+            const tabPanel = {
+                type: 'tabpanel',
+                tabs: flatten([
+                    [MainTab.makeTab(info)],
+                    info.hasAdvTab ? [AdvTab.makeTab(info)] : [],
+                    info.hasUploadTab && (info.hasUploadUrl || info.hasUploadHandler) ? [UploadTab.makeTab(info)] : []
+                ])
+            };
+            return tabPanel;
+        }
+        else {
+            const panel = {
+                type: 'panel',
+                items: MainTab.makeItems(info)
+            };
+            return panel;
+        }
+    };
+    const submitHandler = (editor, info, helpers) => (api) => {
+        const data = deepMerge(fromImageData(info.image), api.getData());
+        // The data architecture relies on passing everything through the style field for validation.
+        // Since the style field was removed that process must be simulated on submit.
+        const finalData = {
+            ...data,
+            style: getStyleValue(helpers.normalizeCss, toImageData(data, false))
+        };
+        editor.execCommand('mceUpdateImage', false, toImageData(finalData, info.hasAccessibilityOptions));
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        editor.editorUpload.uploadImagesAuto();
+        api.close();
+    };
+    const imageSize = (editor) => (url) => {
+        // If the URL isn't safe then don't attempt to load it to get the sizes
+        if (!isSafeImageUrl(editor, url)) {
+            return Promise.resolve({ width: '', height: '' });
+        }
+        else {
+            return getImageSize(editor.documentBaseURI.toAbsolute(url)).then((dimensions) => ({
+                width: String(dimensions.width),
+                height: String(dimensions.height)
+            }));
+        }
+    };
+    const createBlobCache = (editor) => (file, blobUri, dataUrl) => {
+        var _a;
+        return editor.editorUpload.blobCache.create({
+            blob: file,
+            blobUri,
+            name: (_a = file.name) === null || _a === void 0 ? void 0 : _a.replace(/\.[^\.]+$/, ''),
+            filename: file.name,
+            base64: dataUrl.split(',')[1]
+        });
+    };
+    const addToBlobCache = (editor) => (blobInfo) => {
+        editor.editorUpload.blobCache.add(blobInfo);
+    };
+    const alertErr = (editor) => (message, callback) => {
+        editor.windowManager.alert(message, callback);
+    };
+    const normalizeCss = (editor) => (cssText) => normalizeCss$1(editor, cssText);
+    const parseStyle = (editor) => (cssText) => editor.dom.parseStyle(cssText);
+    const serializeStyle = (editor) => (stylesArg, name) => editor.dom.serializeStyle(stylesArg, name);
+    const uploadImage = (editor) => (blobInfo) => global$1(editor).upload([blobInfo], false).then((results) => {
+        var _a;
+        if (results.length === 0) {
+            return Promise.reject('Failed to upload image');
+        }
+        else if (results[0].status === false) {
+            return Promise.reject((_a = results[0].error) === null || _a === void 0 ? void 0 : _a.message);
+        }
+        else {
+            return results[0];
+        }
+    });
+    const Dialog = (editor) => {
+        const helpers = {
+            imageSize: imageSize(editor),
+            addToBlobCache: addToBlobCache(editor),
+            createBlobCache: createBlobCache(editor),
+            alertErr: alertErr(editor),
+            normalizeCss: normalizeCss(editor),
+            parseStyle: parseStyle(editor),
+            serializeStyle: serializeStyle(editor),
+            uploadImage: uploadImage(editor)
+        };
+        const open = () => {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            collect(editor)
+                .then((info) => {
+                const state = createState(info);
+                return {
+                    title: 'Insert/Edit Image',
+                    size: 'normal',
+                    body: makeDialogBody(info),
+                    buttons: [
+                        {
+                            type: 'cancel',
+                            name: 'cancel',
+                            text: 'Cancel'
+                        },
+                        {
+                            type: 'submit',
+                            name: 'save',
+                            text: 'Save',
+                            primary: true
+                        }
+                    ],
+                    initialData: fromImageData(info.image),
+                    onSubmit: submitHandler(editor, info, helpers),
+                    onChange: changeHandler(helpers, info, state),
+                    onClose: closeHandler(state)
+                };
+            })
+                .then(editor.windowManager.open);
+        };
+        return {
+            open
+        };
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceImage', Dialog(editor).open);
+        // TODO: This command is likely to be short lived we only need it until we expose the rtc model though a new api so it shouldn't be documented
+        // it's just a command since that is a convenient method for the rtc plugin to override the default dom mutation behaviour
+        editor.addCommand('mceUpdateImage', (_ui, data) => {
+            editor.undoManager.transact(() => insertOrUpdateImage(editor, data));
+        });
+    };
+
+    const hasImageClass = (node) => {
+        const className = node.attr('class');
+        return isNonNullable(className) && /\bimage\b/.test(className);
+    };
+    const toggleContentEditableState = (state) => (nodes) => {
+        let i = nodes.length;
+        const toggleContentEditable = (node) => {
+            node.attr('contenteditable', state ? 'true' : null);
+        };
+        while (i--) {
+            const node = nodes[i];
+            if (hasImageClass(node)) {
+                node.attr('contenteditable', state ? 'false' : null);
+                global.each(node.getAll('figcaption'), toggleContentEditable);
+            }
+        }
+    };
+    const setup = (editor) => {
+        editor.on('PreInit', () => {
+            editor.parser.addNodeFilter('figure', toggleContentEditableState(true));
+            editor.serializer.addNodeFilter('figure', toggleContentEditableState(false));
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        editor.ui.registry.addToggleButton('image', {
+            icon: 'image',
+            tooltip: 'Insert/edit image',
+            onAction: Dialog(editor).open,
+            onSetup: (buttonApi) => {
+                // Set the initial state and then bind to selection changes to update the state when the selection changes
+                buttonApi.setActive(isNonNullable(getSelectedImage(editor)));
+                const unbindSelectorChanged = editor.selection.selectorChangedWithUnbind('img:not([data-mce-object]):not([data-mce-placeholder]),figure.image', buttonApi.setActive).unbind;
+                const unbindEditable = onSetupEditable(editor)(buttonApi);
+                return () => {
+                    unbindSelectorChanged();
+                    unbindEditable();
+                };
+            }
+        });
+        editor.ui.registry.addMenuItem('image', {
+            icon: 'image',
+            text: 'Image...',
+            onAction: Dialog(editor).open,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addContextMenu('image', {
+            update: (element) => editor.selection.isEditable() && (isFigure(element) || (isImage(element) && !isPlaceholderImage(element))) ? ['image'] : []
+        });
+    };
+
+    var Plugin = () => {
+        global$4.add('image', (editor) => {
+            register$2(editor);
+            setup(editor);
+            register(editor);
+            register$1(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/plugin.min.js
new file mode 100644
index 000000000..d12f662dd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/image/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=Object.getPrototypeOf,a=(e,t,a)=>{var i;return!!a(e,t.prototype)||(null===(i=e.constructor)||void 0===i?void 0:i.name)===t.name},i=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&a(e,String,((e,t)=>t.isPrototypeOf(e)))?"string":t})(t)===e,s=e=>t=>typeof t===e,r=i("string"),o=i("object"),n=e=>((e,i)=>o(e)&&a(e,i,((e,a)=>t(e)===a)))(e,Object),l=i("array"),c=e=>null===e;const m=s("boolean"),d=e=>!(e=>null==e)(e),g=s("function"),u=s("number"),p=()=>{};class h{constructor(e,t){this.tag=e,this.value=t}static some(e){return new h(!0,e)}static none(){return h.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?h?.some(e(this.value)):h.none()}bind(e){return this.tag?e(this.value):h.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:h.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return d(e)?h?.some(e):h.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}h.singletonNone=new h(!1),Array.prototype.slice;const b=Array.prototype.push,v=e=>{const t=[];for(let a=0,i=e.length;a<i;++a){if(!l(e[a]))throw new Error("Arr.flatten item "+a+" was not an array, input: "+e);b.apply(t,e[a])}return t};g(Array.from)&&Array.from;const y=Object.keys,f=Object.hasOwnProperty,A=(e,t)=>f.call(e,t),w=(D=(e,t)=>n(e)&&n(t)?w(e,t):t,(...e)=>{if(0===e.length)throw new Error("Can't merge zero objects");const t={};for(let a=0;a<e.length;a++){const i=e[a];for(const e in i)A(i,e)&&(t[e]=D(t[e],i[e]))}return t});var D;const _=e=>e.length>0,C=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},I=C,U=(e,t,a)=>{((e,t,a)=>{if(!(r(a)||m(a)||u(a)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",a,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,a+"")})(e.dom,t,a)};var S=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),x=tinymce.util.Tools.resolve("tinymce.util.URI");const N=e=>t=>t.options.get(e),T=N("image_dimensions"),E=N("image_advtab"),L=N("image_uploadtab"),O=N("image_prepend_url"),j=N("image_class_list"),M=N("image_description"),R=N("image_title"),k=N("image_caption"),z=N("image_list"),B=N("a11y_advanced_options"),P=N("automatic_uploads"),H=(e,t)=>Math.max(parseInt(e,10),parseInt(t,10)),F=e=>(e&&(e=e.replace(/px$/,"")),e),G=e=>(e.length>0&&/^[0-9]+$/.test(e)&&(e+="px"),e),W=e=>"IMG"===e.nodeName&&(e.hasAttribute("data-mce-object")||e.hasAttribute("data-mce-placeholder")),$=(e,t)=>{const a=e.options.get;return x.isDomSafe(t,"img",{allow_html_data_urls:a("allow_html_data_urls"),allow_script_urls:a("allow_script_urls"),allow_svg_data_urls:a("allow_svg_data_urls")})},V=S.DOM,K=e=>e.style.marginLeft&&e.style.marginRight&&e.style.marginLeft===e.style.marginRight?F(e.style.marginLeft):"",Z=e=>e.style.marginTop&&e.style.marginBottom&&e.style.marginTop===e.style.marginBottom?F(e.style.marginTop):"",q=e=>e.style.borderWidth?F(e.style.borderWidth):"",J=(e,t)=>{var a;return e.hasAttribute(t)&&null!==(a=e.getAttribute(t))&&void 0!==a?a:""},Q=e=>null!==e.parentNode&&"FIGURE"===e.parentNode.nodeName,X=(e,t,a)=>{""===a||null===a?e.removeAttribute(t):e.setAttribute(t,a)},Y=(e,t)=>{const a=e.getAttribute("style"),i=t(null!==a?a:"");i.length>0?(e.setAttribute("style",i),e.setAttribute("data-mce-style",i)):e.removeAttribute("style")},ee=(e,t)=>(e,a,i)=>{const s=e.style;s[a]?(s[a]=G(i),Y(e,t)):X(e,a,i)},te=(e,t)=>e.style[t]?F(e.style[t]):J(e,t),ae=(e,t)=>{const a=G(t);e.style.marginLeft=a,e.style.marginRight=a},ie=(e,t)=>{const a=G(t);e.style.marginTop=a,e.style.marginBottom=a},se=(e,t)=>{const a=G(t);e.style.borderWidth=a},re=(e,t)=>{e.style.borderStyle=t},oe=e=>{var t;return null!==(t=e.style.borderStyle)&&void 0!==t?t:""},ne=e=>d(e)&&"FIGURE"===e.nodeName,le=e=>0===V.getAttrib(e,"alt").length&&"presentation"===V.getAttrib(e,"role"),ce=e=>le(e)?"":J(e,"alt"),me=(e,t)=>{var a;const i=document.createElement("img");return X(i,"style",t.style),(K(i)||""!==t.hspace)&&ae(i,t.hspace),(Z(i)||""!==t.vspace)&&ie(i,t.vspace),(q(i)||""!==t.border)&&se(i,t.border),(oe(i)||""!==t.borderStyle)&&re(i,t.borderStyle),e(null!==(a=i.getAttribute("style"))&&void 0!==a?a:"")},de=(e,t)=>({src:J(t,"src"),alt:ce(t),title:J(t,"title"),width:te(t,"width"),height:te(t,"height"),class:J(t,"class"),style:e(J(t,"style")),caption:Q(t),hspace:K(t),vspace:Z(t),border:q(t),borderStyle:oe(t),isDecorative:le(t)}),ge=(e,t,a,i,s)=>{a[i]!==t[i]&&s(e,i,String(a[i]))},ue=(e,t,a)=>{if(a){V.setAttrib(e,"role","presentation");const t=I(e);U(t,"alt","")}else{if(c(t)){I(e).dom.removeAttribute("alt")}else{const a=I(e);U(a,"alt",t)}"presentation"===V.getAttrib(e,"role")&&V.setAttrib(e,"role","")}},pe=(e,t)=>(a,i,s)=>{e(a,s),Y(a,t)},he=(e,t,a)=>{const i=de(e,a);ge(a,i,t,"caption",((e,t,a)=>(e=>{Q(e)?(e=>{const t=e.parentNode;d(t)&&(V.insertAfter(e,t),V.remove(t))})(e):(e=>{const t=V.create("figure",{class:"image"});V.insertAfter(t,e),t.appendChild(e),t.appendChild(V.create("figcaption",{contentEditable:"true"},"Caption")),t.contentEditable="false"})(e)})(e))),ge(a,i,t,"src",X),ge(a,i,t,"title",X),ge(a,i,t,"width",ee(0,e)),ge(a,i,t,"height",ee(0,e)),ge(a,i,t,"class",X),ge(a,i,t,"style",pe(((e,t)=>X(e,"style",t)),e)),ge(a,i,t,"hspace",pe(ae,e)),ge(a,i,t,"vspace",pe(ie,e)),ge(a,i,t,"border",pe(se,e)),ge(a,i,t,"borderStyle",pe(re,e)),((e,t,a)=>{a.alt===t.alt&&a.isDecorative===t.isDecorative||ue(e,a.alt,a.isDecorative)})(a,i,t)},be=(e,t)=>{const a=(e=>{if(e.margin){const t=String(e.margin).split(" ");switch(t.length){case 1:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[0],e["margin-bottom"]=e["margin-bottom"]||t[0],e["margin-left"]=e["margin-left"]||t[0];break;case 2:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[0],e["margin-left"]=e["margin-left"]||t[1];break;case 3:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[2],e["margin-left"]=e["margin-left"]||t[1];break;case 4:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[2],e["margin-left"]=e["margin-left"]||t[3]}delete e.margin}return e})(e.dom.styles.parse(t)),i=e.dom.styles.parse(e.dom.styles.serialize(a));return e.dom.styles.serialize(i)},ve=e=>{const t=e.selection.getNode(),a=e.dom.getParent(t,"figure.image");return a?e.dom.select("img",a)[0]:t&&("IMG"!==t.nodeName||W(t))?null:t},ye=(e,t)=>{var a;const i=e.dom,s=(t=>{const a={};var i;return((e,t,a,i)=>{((e,t)=>{const a=y(e);for(let i=0,s=a.length;i<s;i++){const s=a[i];t(e[s],s)}})(e,((e,s)=>{(t(e,s)?a:i)(e,s)}))})(t,((t,a)=>!e.schema.isValidChild(a,"figure")),(i=a,(e,t)=>{i[t]=e}),p),a})(e.schema.getTextBlockElements()),r=i.getParent(t.parentNode,(e=>{return t=s,a=e.nodeName,A(t,a)&&void 0!==t[a]&&null!==t[a];var t,a}),e.getBody());return r&&null!==(a=i.split(r,t))&&void 0!==a?a:t},fe=(e,t)=>{const a=((t,a)=>{const i=document.createElement("img");if(he((t=>be(e,t)),{...a,caption:!1},i),ue(i,a.alt,a.isDecorative),a.caption){const e=V.create("figure",{class:"image"});return e.appendChild(i),e.appendChild(V.create("figcaption",{contentEditable:"true"},"Caption")),e.contentEditable="false",e}return i})(0,t);e.dom.setAttrib(a,"data-mce-id","__mcenew"),e.focus(),e.selection.setContent(a.outerHTML);const i=e.dom.select('*[data-mce-id="__mcenew"]')[0];if(e.dom.setAttrib(i,"data-mce-id",null),ne(i)){const t=ye(e,i);e.selection.select(t)}else e.selection.select(i)},Ae=(e,t)=>{const a=ve(e);if(a){const i={...de((t=>be(e,t)),a),...t},s=((e,t)=>{const a=t.src;return{...t,src:$(e,a)?a:""}})(e,i);i.src?((e,t)=>{const a=ve(e);if(a)if(he((t=>be(e,t)),t,a),((e,t)=>{e.dom.setAttrib(t,"src",t.getAttribute("src"))})(e,a),ne(a.parentNode)){e.dom.setStyle(a,"float","");const t=a.parentNode;ye(e,t),e.selection.select(a.parentNode)}else e.selection.select(a),((e,t,a)=>{const i=()=>{a.onload=a.onerror=null,e.selection&&(e.selection.select(a),e.nodeChanged())};a.onload=()=>{t.width||t.height||!T(e)||e.dom.setAttribs(a,{width:String(a.clientWidth),height:String(a.clientHeight)}),i()},a.onerror=i})(e,t,a)})(e,s):((e,t)=>{if(t){const a=e.dom.is(t.parentNode,"figure.image")?t.parentNode:t;e.dom.remove(a),e.focus(),e.nodeChanged(),e.dom.isEmpty(e.getBody())&&(e.setContent(""),e.selection.setCursorLocation())}})(e,a)}else t.src&&fe(e,{src:"",alt:"",title:"",width:"",height:"",class:"",style:"",caption:!1,hspace:"",vspace:"",border:"",borderStyle:"",isDecorative:!1,...t})};var we=tinymce.util.Tools.resolve("tinymce.util.ImageUploader"),De=tinymce.util.Tools.resolve("tinymce.util.Tools");const _e=e=>r(e.value)?e.value:"",Ce=(e,t)=>{const a=[];return De.each(e,(e=>{const i=(e=>r(e.text)?e.text:r(e.title)?e.title:"")(e);if(void 0!==e.menu){const s=Ce(e.menu,t);a.push({text:i,items:s})}else{const s=t(e);a.push({text:i,value:s})}})),a},Ie=(e=_e)=>t=>t?h.from(t)?.map((t=>Ce(t,e))):h.none(),Ue=(e,t)=>(e=>{for(let i=0;i<e.length;i++){const s=(e=>A(e,"items"))(a=e[i])?Ue(a.items,t):a.value===t?h?.some(a):h.none();if(s.isSome())return s}var a;return h.none()})(e),Se=Ie,xe=(e,t)=>e.bind((e=>Ue(e,t))),Ne=e=>{const t=Se((t=>e.convertURL(t.value||t.url||"","src"))),a=new Promise((a=>{((e,t)=>{const a=z(e);r(a)?fetch(a).then((e=>{e.ok&&e.json().then(t)})):g(a)?a(t):t(a)})(e,(e=>{a(t(e)?.map((e=>v([[{text:"None",value:""}],e]))))}))})),i=(w=j(e),Ie(_e)(w)),s=E(e),o=L(e),n=(e=>_(e.options.get("images_upload_url")))(e),l=(e=>d(e.options.get("images_upload_handler")))(e),c=(e=>{const t=ve(e);return t?de((t=>be(e,t)),t):{src:"",alt:"",title:"",width:"",height:"",class:"",style:"",caption:!1,hspace:"",vspace:"",border:"",borderStyle:"",isDecorative:!1}})(e),m=M(e),u=R(e),p=T(e),b=k(e),y=B(e),f=P(e),A=h?.some(O(e)).filter((e=>r(e)&&e.length>0));var w;return a.then((e=>({image:c,imageList:e,classList:i,hasAdvTab:s,hasUploadTab:o,hasUploadUrl:n,hasUploadHandler:l,hasDescription:m,hasImageTitle:u,hasDimensions:p,hasImageCaption:b,prependURL:A,hasAccessibilityOptions:y,automaticUploads:f})))},Te=e=>{const t=e.imageList?.map((e=>({name:"images",type:"listbox",label:"Image list",items:e}))),a={name:"alt",type:"input",label:"Alternative description",enabled:!(e.hasAccessibilityOptions&&e.image.isDecorative)},i=e.classList?.map((e=>({name:"classes",type:"listbox",label:"Class",items:e})));return v([[{name:"src",type:"urlinput",filetype:"image",label:"Source",picker_text:"Browse files"}],t.toArray(),e.hasAccessibilityOptions&&e.hasDescription?[{type:"label",label:"Accessibility",items:[{name:"isDecorative",type:"checkbox",label:"Image is decorative"}]}]:[],e.hasDescription?[a]:[],e.hasImageTitle?[{name:"title",type:"input",label:"Image title"}]:[],e.hasDimensions?[{name:"dimensions",type:"sizeinput"}]:[],[{...(s=e.classList.isSome()&&e.hasImageCaption,s?{type:"grid",columns:2}:{type:"panel"}),items:v([i.toArray(),e.hasImageCaption?[{type:"label",label:"Caption",items:[{type:"checkbox",name:"caption",label:"Show caption"}]}]:[]])}]]);var s},Ee=e=>({title:"General",name:"general",items:Te(e)}),Le=Te,Oe=e=>({src:{value:e.src,meta:{}},images:e.src,alt:e.alt,title:e.title,dimensions:{width:e.width,height:e.height},classes:e.class,caption:e.caption,style:e.style,vspace:e.vspace,border:e.border,hspace:e.hspace,borderstyle:e.borderStyle,fileinput:[],isDecorative:e.isDecorative}),je=(e,t)=>({src:e.src.value,alt:null!==e.alt&&0!==e.alt.length||!t?e.alt:null,title:e.title,width:e.dimensions.width,height:e.dimensions.height,class:e.classes,style:e.style,caption:e.caption,hspace:e.hspace,vspace:e.vspace,border:e.border,borderStyle:e.borderstyle,isDecorative:e.isDecorative}),Me=(e,t,a,i)=>{((e,t)=>{const a=t.getData();((e,t)=>/^(?:[a-zA-Z]+:)?\/\//.test(t)?h.none():e.prependURL.bind((e=>t.substring(0,e.length)!==e?h?.some(e+t):h.none())))(e,a.src.value).each((e=>{t.setData({src:{value:e,meta:a.src.meta}})}))})(t,i),((e,t)=>{const a=t.getData(),i=a.src.meta;if(void 0!==i){const s=w({},a);((e,t,a)=>{e.hasDescription&&r(a.alt)&&(t.alt=a.alt),e.hasAccessibilityOptions&&(t.isDecorative=a.isDecorative||t.isDecorative||!1),e.hasImageTitle&&r(a.title)&&(t.title=a.title),e.hasDimensions&&(r(a.width)&&(t.dimensions.width=a.width),r(a.height)&&(t.dimensions.height=a.height)),r(a.class)&&xe(e.classList,a.class).each((e=>{t.classes=e.value})),e.hasImageCaption&&m(a.caption)&&(t.caption=a.caption),e.hasAdvTab&&(r(a.style)&&(t.style=a.style),r(a.vspace)&&(t.vspace=a.vspace),r(a.border)&&(t.border=a.border),r(a.hspace)&&(t.hspace=a.hspace),r(a.borderstyle)&&(t.borderstyle=a.borderstyle))})(e,s,i),t.setData(s)}})(t,i),((e,t,a,i)=>{const s=i.getData(),r=s.src.value,o=s.src.meta||{};o.width||o.height||!t.hasDimensions||(_(r)?e.imageSize(r).then((e=>{a.open&&i.setData({dimensions:e})})).catch((e=>console.error(e))):i.setData({dimensions:{width:"",height:""}}))})(e,t,a,i),((e,t,a)=>{const i=a.getData(),s=xe(e.imageList,i.src.value);t.prevImage=s,a.setData({images:s?.map((e=>e.value)).getOr("")})})(t,a,i)},Re=(e,t,a,i)=>{const s=i.getData();var r;i.block("Uploading image"),(r=s.fileinput,(e=>0<e.length?h?.some(e[0]):h.none())(r)).fold((()=>{i.unblock()}),(s=>{const r=URL.createObjectURL(s),o=()=>{i.unblock(),URL.revokeObjectURL(r)},n=s=>{i.setData({src:{value:s,meta:{}}}),i.showTab("general"),Me(e,t,a,i),i.focus("src")};var l;(l=s,new Promise(((e,t)=>{const a=new FileReader;a.onload=()=>{e(a.result)},a.onerror=()=>{var e;t(null===(e=a.error)||void 0===e?void 0:e.message)},a.readAsDataURL(l)}))).then((a=>{const l=e.createBlobCache(s,r,a);t.automaticUploads?e.uploadImage(l).then((e=>{n(e.url),o()})).catch((t=>{o(),e.alertErr(t,(()=>{i.focus("fileinput")}))})):(e.addToBlobCache(l),n(l.blobUri()),i.unblock())}))}))},ke=(e,t,a)=>(i,s)=>{"src"===s.name?Me(e,t,a,i):"images"===s.name?((e,t,a,i)=>{const s=i.getData(),r=xe(t.imageList,s.images);r.each((e=>{const t=""===s.alt||a.prevImage?.map((e=>e.text===s.alt)).getOr(!1);t?""===e.value?i.setData({src:e,alt:a.prevAlt}):i.setData({src:e,alt:e.text}):i.setData({src:e})})),a.prevImage=r,Me(e,t,a,i)})(e,t,a,i):"alt"===s.name?a.prevAlt=i.getData().alt:"fileinput"===s.name?Re(e,t,a,i):"isDecorative"===s.name&&i.setEnabled("alt",!i.getData().isDecorative)},ze=e=>()=>{e.open=!1},Be=e=>e.hasAdvTab||e.hasUploadUrl||e.hasUploadHandler?{type:"tabpanel",tabs:v([[Ee(e)],e.hasAdvTab?[{title:"Advanced",name:"advanced",items:[{type:"grid",columns:2,items:[{type:"input",label:"Vertical space",name:"vspace",inputMode:"numeric"},{type:"input",label:"Horizontal space",name:"hspace",inputMode:"numeric"},{type:"input",label:"Border width",name:"border",inputMode:"numeric"},{type:"listbox",name:"borderstyle",label:"Border style",items:[{text:"Select...",value:""},{text:"Solid",value:"solid"},{text:"Dotted",value:"dotted"},{text:"Dashed",value:"dashed"},{text:"Double",value:"double"},{text:"Groove",value:"groove"},{text:"Ridge",value:"ridge"},{text:"Inset",value:"inset"},{text:"Outset",value:"outset"},{text:"None",value:"none"},{text:"Hidden",value:"hidden"}]}]}]}]:[],e.hasUploadTab&&(e.hasUploadUrl||e.hasUploadHandler)?[{title:"Upload",name:"upload",items:[{type:"dropzone",name:"fileinput"}]}]:[]])}:{type:"panel",items:Le(e)},Pe=(e,t,a)=>i=>{const s=w(Oe(t.image),i.getData()),r={...s,style:me(a.normalizeCss,je(s,!1))};e.execCommand("mceUpdateImage",!1,je(r,t.hasAccessibilityOptions)),e.editorUpload.uploadImagesAuto(),i.close()},He=e=>t=>$(e,t)?(e=>new Promise((t=>{const a=document.createElement("img"),i=e=>{a.parentNode&&a.parentNode.removeChild(a),t(e)};a.addEventListener("load",(()=>{const e={width:H(a.width,a.clientWidth),height:H(a.height,a.clientHeight)};i(Promise.resolve(e))})),a.addEventListener("error",(()=>{i(Promise.reject(`Failed to get image dimensions for: ${e}`))}));const s=a.style;s.visibility="hidden",s.position="fixed",s.bottom=s.left="0px",s.width=s.height="auto",document.body.appendChild(a),a.src=e})))(e.documentBaseURI.toAbsolute(t)).then((e=>({width:String(e.width),height:String(e.height)}))):Promise.resolve({width:"",height:""}),Fe=e=>(t,a,i)=>{var s;return e.editorUpload.blobCache.create({blob:t,blobUri:a,name:null===(s=t.name)||void 0===s?void 0:s.replace(/\.[^\.]+$/,""),filename:t.name,base64:i.split(",")[1]})},Ge=e=>t=>{e.editorUpload.blobCache.add(t)},We=e=>(t,a)=>{e.windowManager.alert(t,a)},$e=e=>t=>be(e,t),Ve=e=>t=>e.dom.parseStyle(t),Ke=e=>(t,a)=>e.dom.serializeStyle(t,a),Ze=e=>t=>we(e).upload([t],!1).then((e=>{var t;return 0===e.length?Promise.reject("Failed to upload image"):!1===e[0].status?Promise.reject(null===(t=e[0].error)||void 0===t?void 0:t.message):e[0]})),qe=e=>{const t={imageSize:He(e),addToBlobCache:Ge(e),createBlobCache:Fe(e),alertErr:We(e),normalizeCss:$e(e),parseStyle:Ve(e),serializeStyle:Ke(e),uploadImage:Ze(e)};return{open:()=>{Ne(e).then((a=>{const i=(e=>({prevImage:xe(e.imageList,e.image.src),prevAlt:e.image.alt,open:!0}))(a);return{title:"Insert/Edit Image",size:"normal",body:Be(a),buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:Oe(a.image),onSubmit:Pe(e,a,t),onChange:ke(t,a,i),onClose:ze(i)}})).then(e.windowManager.open)}}},Je=e=>{const t=e.attr("class");return d(t)&&/\bimage\b/.test(t)},Qe=e=>t=>{let a=t.length;const i=t=>{t.attr("contenteditable",e?"true":null)};for(;a--;){const s=t[a];Je(s)&&(s.attr("contenteditable",e?"false":null),De.each(s.getAll("figcaption"),i))}},Xe=e=>t=>{const a=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",a),a(),()=>{e.off("NodeChange",a)}};e.add("image",(e=>{(e=>{const t=e.options.register;t("image_dimensions",{processor:"boolean",default:!0}),t("image_advtab",{processor:"boolean",default:!1}),t("image_uploadtab",{processor:"boolean",default:!0}),t("image_prepend_url",{processor:"string",default:""}),t("image_class_list",{processor:"object[]"}),t("image_description",{processor:"boolean",default:!0}),t("image_title",{processor:"boolean",default:!1}),t("image_caption",{processor:"boolean",default:!1}),t("image_list",{processor:e=>{const t=!1===e||r(e)||((e,t)=>{if(l(e)){for(let a=0,i=e.length;a<i;++a)if(!t(e[a]))return!1;return!0}return!1})(e,o)||g(e);return t?{value:e,valid:t}:{valid:!1,message:"Must be false, a string, an array or a function."}},default:!1})})(e),(e=>{e.on("PreInit",(()=>{e.parser.addNodeFilter("figure",Qe(!0)),e.serializer.addNodeFilter("figure",Qe(!1))}))})(e),(e=>{e.ui.registry.addToggleButton("image",{icon:"image",tooltip:"Insert/edit image",onAction:qe(e).open,onSetup:t=>{t.setActive(d(ve(e)));const a=e.selection.selectorChangedWithUnbind("img:not([data-mce-object]):not([data-mce-placeholder]),figure.image",t.setActive).unbind,i=Xe(e)(t);return()=>{a(),i()}}}),e.ui.registry.addMenuItem("image",{icon:"image",text:"Image...",onAction:qe(e).open,onSetup:Xe(e)}),e.ui.registry.addContextMenu("image",{update:t=>e.selection.isEditable()&&(ne(t)||"IMG"===t.nodeName&&!W(t))?["image"]:[]})})(e),(e=>{e.addCommand("mceImage",qe(e).open),e.addCommand("mceUpdateImage",((t,a)=>{e.undoManager.transact((()=>Ae(e,a)))}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/index.js
new file mode 100644
index 000000000..b78264c90
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/index.js
@@ -0,0 +1,7 @@
+// Exports the "importcss" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/importcss')
+//   ES2015:
+//     import 'tinymce/plugins/importcss'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/plugin.js
new file mode 100644
index 000000000..032605288
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/plugin.js
@@ -0,0 +1,403 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType('string');
+    const isObject = isType('object');
+    const isArray = isType('array');
+    const isFunction = isSimpleType('function');
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        const filterProcessor = (value) => isString(value) || isFunction(value) || isObject(value);
+        registerOption('importcss_merge_classes', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('importcss_exclusive', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('importcss_selector_converter', {
+            processor: 'function'
+        });
+        registerOption('importcss_selector_filter', {
+            processor: filterProcessor
+        });
+        registerOption('importcss_file_filter', {
+            processor: filterProcessor
+        });
+        registerOption('importcss_groups', {
+            processor: 'object[]'
+        });
+        registerOption('importcss_append', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const shouldMergeClasses = option('importcss_merge_classes');
+    const shouldImportExclusive = option('importcss_exclusive');
+    const getSelectorConverter = option('importcss_selector_converter');
+    const getSelectorFilter = option('importcss_selector_filter');
+    const getCssGroups = option('importcss_groups');
+    const shouldAppend = option('importcss_append');
+    const getFileFilter = option('importcss_file_filter');
+    const getSkin = option('skin');
+    const getSkinUrl = option('skin_url');
+
+    const generate = () => {
+        const ungroupedOrder = [];
+        const groupOrder = [];
+        const groups = {};
+        const addItemToGroup = (groupTitle, itemInfo) => {
+            if (groups[groupTitle]) {
+                groups[groupTitle].push(itemInfo);
+            }
+            else {
+                groupOrder.push(groupTitle);
+                groups[groupTitle] = [itemInfo];
+            }
+        };
+        const addItem = (itemInfo) => {
+            ungroupedOrder.push(itemInfo);
+        };
+        const toFormats = () => {
+            const groupItems = bind(groupOrder, (g) => {
+                const items = groups[g];
+                return items.length === 0 ? [] : [{
+                        title: g,
+                        items
+                    }];
+            });
+            return groupItems.concat(ungroupedOrder);
+        };
+        return {
+            addItemToGroup,
+            addItem,
+            toFormats
+        };
+    };
+
+    const internalEditorStyle = /^\.(?:ephox|tiny-pageembed|mce)(?:[.-]+\w+)+$/;
+    const removeCacheSuffix = (url) => {
+        const cacheSuffix = global$1.cacheSuffix;
+        if (isString(url)) {
+            url = url.replace('?' + cacheSuffix, '').replace('&' + cacheSuffix, '');
+        }
+        return url;
+    };
+    const isSkinContentCss = (editor, href) => {
+        const skin = getSkin(editor);
+        if (skin) {
+            const skinUrlBase = getSkinUrl(editor);
+            const skinUrl = skinUrlBase ? editor.documentBaseURI.toAbsolute(skinUrlBase) : global$2.baseURL + '/skins/ui/' + skin;
+            const contentSkinUrlPart = global$2.baseURL + '/skins/content/';
+            const suffix = editor.editorManager.suffix;
+            return href === skinUrl + '/content' + (editor.inline ? '.inline' : '') + `${suffix}.css` || href.indexOf(contentSkinUrlPart) !== -1;
+        }
+        return false;
+    };
+    const compileFilter = (filter) => {
+        if (isString(filter)) {
+            return (value) => {
+                return value.indexOf(filter) !== -1;
+            };
+        }
+        else if (filter instanceof RegExp) {
+            return (value) => {
+                return filter.test(value);
+            };
+        }
+        return filter;
+    };
+    const isCssImportRule = (rule) => rule.styleSheet;
+    const isCssPageRule = (rule) => rule.selectorText;
+    const getSelectors = (editor, doc, fileFilter) => {
+        const selectors = [];
+        const contentCSSUrls = {};
+        const append = (styleSheet, imported) => {
+            let href = styleSheet.href;
+            let rules;
+            href = removeCacheSuffix(href);
+            if (!href || fileFilter && !fileFilter(href, imported) || isSkinContentCss(editor, href)) {
+                return;
+            }
+            // TODO: Is this still need as TypeScript/MDN says imports doesn't exist?
+            global.each(styleSheet.imports, (styleSheet) => {
+                append(styleSheet, true);
+            });
+            try {
+                rules = styleSheet.cssRules || styleSheet.rules;
+            }
+            catch (_a) {
+                // Firefox fails on rules to remote domain for example:
+                // @import url(//fonts.googleapis.com/css?family=Pathway+Gothic+One);
+            }
+            global.each(rules, (cssRule) => {
+                if (isCssImportRule(cssRule) && cssRule.styleSheet) {
+                    append(cssRule.styleSheet, true);
+                }
+                else if (isCssPageRule(cssRule)) {
+                    global.each(cssRule.selectorText.split(','), (selector) => {
+                        selectors.push(global.trim(selector));
+                    });
+                }
+            });
+        };
+        global.each(editor.contentCSS, (url) => {
+            contentCSSUrls[url] = true;
+        });
+        if (!fileFilter) {
+            fileFilter = (href, imported) => {
+                return imported || contentCSSUrls[href];
+            };
+        }
+        try {
+            global.each(doc.styleSheets, (styleSheet) => {
+                append(styleSheet);
+            });
+        }
+        catch (_a) {
+            // Ignore
+        }
+        return selectors;
+    };
+    const defaultConvertSelectorToFormat = (editor, selectorText) => {
+        let format = {};
+        // Parse simple element.class1, .class1
+        const selector = /^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(selectorText);
+        if (!selector) {
+            return;
+        }
+        const elementName = selector[1];
+        const classes = selector[2].substr(1).split('.').join(' ');
+        const inlineSelectorElements = global.makeMap('a,img');
+        // element.class - Produce block formats
+        if (selector[1]) {
+            format = {
+                title: selectorText
+            };
+            if (editor.schema.getTextBlockElements()[elementName]) {
+                // Text block format ex: h1.class1
+                format.block = elementName;
+            }
+            else if (editor.schema.getBlockElements()[elementName] || inlineSelectorElements[elementName.toLowerCase()]) {
+                // Block elements such as table.class and special inline elements such as a.class or img.class
+                format.selector = elementName;
+            }
+            else {
+                // Inline format strong.class1
+                format.inline = elementName;
+            }
+        }
+        else if (selector[2]) {
+            // .class - Produce inline span with classes
+            format = {
+                inline: 'span',
+                title: selectorText.substr(1),
+                classes
+            };
+        }
+        // Append to or override class attribute
+        if (shouldMergeClasses(editor)) {
+            format.classes = classes;
+        }
+        else {
+            format.attributes = { class: classes };
+        }
+        return format;
+    };
+    const getGroupsBySelector = (groups, selector) => {
+        return global.grep(groups, (group) => {
+            return !group.filter || group.filter(selector);
+        });
+    };
+    const compileUserDefinedGroups = (groups) => {
+        return global?.map(groups, (group) => {
+            return global.extend({}, group, {
+                original: group,
+                selectors: {},
+                filter: compileFilter(group.filter)
+            });
+        });
+    };
+    const isExclusiveMode = (editor, group) => {
+        // Exclusive mode can only be disabled when there are groups allowing the same style to be present in multiple groups
+        return group === null || shouldImportExclusive(editor);
+    };
+    const isUniqueSelector = (editor, selector, group, globallyUniqueSelectors) => {
+        return !(isExclusiveMode(editor, group) ? selector in globallyUniqueSelectors : selector in group.selectors);
+    };
+    const markUniqueSelector = (editor, selector, group, globallyUniqueSelectors) => {
+        if (isExclusiveMode(editor, group)) {
+            globallyUniqueSelectors[selector] = true;
+        }
+        else {
+            group.selectors[selector] = true;
+        }
+    };
+    const convertSelectorToFormat = (editor, plugin, selector, group) => {
+        let selectorConverter;
+        const converter = getSelectorConverter(editor);
+        if (group && group.selector_converter) {
+            selectorConverter = group.selector_converter;
+        }
+        else if (converter) {
+            selectorConverter = converter;
+        }
+        else {
+            selectorConverter = () => {
+                return defaultConvertSelectorToFormat(editor, selector);
+            };
+        }
+        return selectorConverter.call(plugin, selector, group);
+    };
+    const setup = (editor) => {
+        editor.on('init', () => {
+            const model = generate();
+            const globallyUniqueSelectors = {};
+            const selectorFilter = compileFilter(getSelectorFilter(editor));
+            const groups = compileUserDefinedGroups(getCssGroups(editor));
+            const processSelector = (selector, group) => {
+                if (isUniqueSelector(editor, selector, group, globallyUniqueSelectors)) {
+                    markUniqueSelector(editor, selector, group, globallyUniqueSelectors);
+                    const format = convertSelectorToFormat(editor, editor.plugins.importcss, selector, group);
+                    if (format) {
+                        const formatName = format.name || global$3.DOM.uniqueId();
+                        editor.formatter.register(formatName, format);
+                        return {
+                            title: format.title,
+                            format: formatName
+                        };
+                    }
+                }
+                return null;
+            };
+            global.each(getSelectors(editor, editor.getDoc(), compileFilter(getFileFilter(editor))), (selector) => {
+                if (!internalEditorStyle.test(selector)) {
+                    if (!selectorFilter || selectorFilter(selector)) {
+                        const selectorGroups = getGroupsBySelector(groups, selector);
+                        if (selectorGroups.length > 0) {
+                            global.each(selectorGroups, (group) => {
+                                const menuItem = processSelector(selector, group);
+                                if (menuItem) {
+                                    model.addItemToGroup(group.title, menuItem);
+                                }
+                            });
+                        }
+                        else {
+                            const menuItem = processSelector(selector, null);
+                            if (menuItem) {
+                                model.addItem(menuItem);
+                            }
+                        }
+                    }
+                }
+            });
+            const items = model.toFormats();
+            editor.dispatch('addStyleModifications', {
+                items,
+                replace: !shouldAppend(editor)
+            });
+        });
+    };
+
+    const get = (editor) => {
+        const convertSelectorToFormat = (selectorText) => {
+            return defaultConvertSelectorToFormat(editor, selectorText);
+        };
+        return {
+            convertSelectorToFormat
+        };
+    };
+
+    var Plugin = () => {
+        global$4.add('importcss', (editor) => {
+            register(editor);
+            setup(editor);
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/plugin.min.js
new file mode 100644
index 000000000..57b63e8eb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/importcss/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(s=r=e,(o=String).prototype.isPrototypeOf(s)||(null===(n=r.constructor)||void 0===n?void 0:n.name)===o.name)?"string":t;var s,r,o,n})(t)===e,s=t("string"),r=t("object"),o=t("array"),n=e=>"function"==typeof e;Array.prototype.slice;const c=Array.prototype.push;n(Array.from)&&Array.from;var i=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),l=tinymce.util.Tools.resolve("tinymce.EditorManager"),a=tinymce.util.Tools.resolve("tinymce.Env"),p=tinymce.util.Tools.resolve("tinymce.util.Tools");const u=e=>t=>t.options.get(e),m=u("importcss_merge_classes"),f=u("importcss_exclusive"),y=u("importcss_selector_converter"),d=u("importcss_selector_filter"),h=u("importcss_groups"),g=u("importcss_append"),_=u("importcss_file_filter"),v=u("skin"),b=u("skin_url"),x=/^\.(?:ephox|tiny-pageembed|mce)(?:[.-]+\w+)+$/,T=e=>s(e)?t=>-1!==t.indexOf(e):e instanceof RegExp?t=>e.test(t):e,S=(e,t)=>{let s={};const r=/^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(t);if(!r)return;const o=r[1],n=r[2].substr(1).split(".").join(" "),c=p.makeMap("a,img");return r[1]?(s={title:t},e.schema.getTextBlockElements()[o]?s.block=o:e.schema.getBlockElements()[o]||c[o.toLowerCase()]?s.selector=o:s.inline=o):r[2]&&(s={inline:"span",title:t.substr(1),classes:n}),m(e)?s.classes=n:s.attributes={class:n},s},A=(e,t)=>null===t||f(e),k=e=>{e.on("init",(()=>{const t=(()=>{const e=[],t=[],s={};return{addItemToGroup:(e,r)=>{s[e]?s[e].push(r):(t.push(e),s[e]=[r])},addItem:t=>{e.push(t)},toFormats:()=>{return(r=t,n=e=>{const t=s[e];return 0===t.length?[]:[{title:e,items:t}]},(e=>{const t=[];for(let s=0,r=e.length;s<r;++s){if(!o(e[s]))throw new Error("Arr.flatten item "+s+" was not an array, input: "+e);c.apply(t,e[s])}return t})(((e,t)=>{const s=e.length,r=new Array(s);for(let o=0;o<s;o++){const s=e[o];r[o]=t(s,o)}return r})(r,n))).concat(e);var r,n}}})(),r={},n=T(d(e)),u=(e=>p?.map(e,(e=>p.extend({},e,{original:e,selectors:{},filter:T(e.filter)}))))(h(e)),m=(t,s)=>{if(((e,t,s,r)=>!(A(e,s)?t in r:t in s.selectors))(e,t,s,r)){((e,t,s,r)=>{A(e,s)?r[t]=!0:s.selectors[t]=!0})(e,t,s,r);const o=((e,t,s,r)=>{let o;const n=y(e);return o=r&&r.selector_converter?r.selector_converter:n||(()=>S(e,s)),o.call(t,s,r)})(e,e.plugins.importcss,t,s);if(o){const t=o.name||i.DOM.uniqueId();return e.formatter.register(t,o),{title:o.title,format:t}}}return null};p.each(((e,t,r)=>{const o=[],n={},c=(t,n)=>{let i,u=t.href;if(u=(e=>{const t=a.cacheSuffix;return s(e)&&(e=e.replace("?"+t,"").replace("&"+t,"")),e})(u),u&&(!r||r(u,n))&&!((e,t)=>{const s=v(e);if(s){const r=b(e),o=r?e.documentBaseURI.toAbsolute(r):l.baseURL+"/skins/ui/"+s,n=l.baseURL+"/skins/content/",c=e.editorManager.suffix;return t===o+"/content"+(e.inline?".inline":"")+`${c}.css`||-1!==t.indexOf(n)}return!1})(e,u)){p.each(t.imports,(e=>{c(e,!0)}));try{i=t.cssRules||t.rules}catch(e){}p.each(i,(e=>{e.styleSheet&&e.styleSheet?c(e.styleSheet,!0):e.selectorText&&p.each(e.selectorText.split(","),(e=>{o.push(p.trim(e))}))}))}};p.each(e.contentCSS,(e=>{n[e]=!0})),r||(r=(e,t)=>t||n[e]);try{p.each(t.styleSheets,(e=>{c(e)}))}catch(e){}return o})(e,e.getDoc(),T(_(e))),(e=>{if(!x.test(e)&&(!n||n(e))){const s=((e,t)=>p.grep(e,(e=>!e.filter||e.filter(t))))(u,e);if(s.length>0)p.each(s,(s=>{const r=m(e,s);r&&t.addItemToGroup(s.title,r)}));else{const s=m(e,null);s&&t.addItem(s)}}}));const f=t.toFormats();e.dispatch("addStyleModifications",{items:f,replace:!g(e)})}))};e.add("importcss",(e=>((e=>{const t=e.options.register,o=e=>s(e)||n(e)||r(e);t("importcss_merge_classes",{processor:"boolean",default:!0}),t("importcss_exclusive",{processor:"boolean",default:!0}),t("importcss_selector_converter",{processor:"function"}),t("importcss_selector_filter",{processor:o}),t("importcss_file_filter",{processor:o}),t("importcss_groups",{processor:"object[]"}),t("importcss_append",{processor:"boolean",default:!1})})(e),k(e),(e=>({convertSelectorToFormat:t=>S(e,t)}))(e))))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/index.js
new file mode 100644
index 000000000..22a7f6e19
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/index.js
@@ -0,0 +1,7 @@
+// Exports the "insertdatetime" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/insertdatetime')
+//   ES2015:
+//     import 'tinymce/plugins/insertdatetime'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/plugin.js
new file mode 100644
index 000000000..045b7dc9a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/plugin.js
@@ -0,0 +1,186 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('insertdatetime_dateformat', {
+            processor: 'string',
+            default: editor.translate('%Y-%m-%d')
+        });
+        registerOption('insertdatetime_timeformat', {
+            processor: 'string',
+            default: editor.translate('%H:%M:%S')
+        });
+        registerOption('insertdatetime_formats', {
+            processor: 'string[]',
+            default: ['%H:%M:%S', '%Y-%m-%d', '%I:%M:%S %p', '%D']
+        });
+        registerOption('insertdatetime_element', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const getDateFormat = option('insertdatetime_dateformat');
+    const getTimeFormat = option('insertdatetime_timeformat');
+    const getFormats = option('insertdatetime_formats');
+    const shouldInsertTimeElement = option('insertdatetime_element');
+    const getDefaultDateTime = (editor) => {
+        const formats = getFormats(editor);
+        return formats.length > 0 ? formats[0] : getTimeFormat(editor);
+    };
+
+    const daysShort = 'Sun Mon Tue Wed Thu Fri Sat Sun'.split(' ');
+    const daysLong = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday'.split(' ');
+    const monthsShort = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' ');
+    const monthsLong = 'January February March April May June July August September October November December'.split(' ');
+    const addZeros = (value, len) => {
+        value = '' + value;
+        if (value.length < len) {
+            for (let i = 0; i < (len - value.length); i++) {
+                value = '0' + value;
+            }
+        }
+        return value;
+    };
+    const getDateTime = (editor, fmt, date = new Date()) => {
+        fmt = fmt.replace('%D', '%m/%d/%Y');
+        fmt = fmt.replace('%r', '%I:%M:%S %p');
+        fmt = fmt.replace('%Y', '' + date.getFullYear());
+        fmt = fmt.replace('%y', '' + date.getYear());
+        fmt = fmt.replace('%m', addZeros(date.getMonth() + 1, 2));
+        fmt = fmt.replace('%d', addZeros(date.getDate(), 2));
+        fmt = fmt.replace('%H', '' + addZeros(date.getHours(), 2));
+        fmt = fmt.replace('%M', '' + addZeros(date.getMinutes(), 2));
+        fmt = fmt.replace('%S', '' + addZeros(date.getSeconds(), 2));
+        fmt = fmt.replace('%I', '' + ((date.getHours() + 11) % 12 + 1));
+        fmt = fmt.replace('%p', '' + (date.getHours() < 12 ? 'AM' : 'PM'));
+        fmt = fmt.replace('%B', '' + editor.translate(monthsLong[date.getMonth()]));
+        fmt = fmt.replace('%b', '' + editor.translate(monthsShort[date.getMonth()]));
+        fmt = fmt.replace('%A', '' + editor.translate(daysLong[date.getDay()]));
+        fmt = fmt.replace('%a', '' + editor.translate(daysShort[date.getDay()]));
+        fmt = fmt.replace('%%', '%');
+        return fmt;
+    };
+    const updateElement = (editor, timeElm, computerTime, userTime) => {
+        const newTimeElm = editor.dom.create('time', { datetime: computerTime }, userTime);
+        editor.dom.replace(newTimeElm, timeElm);
+        editor.selection.select(newTimeElm, true);
+        editor.selection.collapse(false);
+    };
+    const insertDateTime = (editor, format) => {
+        if (shouldInsertTimeElement(editor) && editor.selection.isEditable()) {
+            const userTime = getDateTime(editor, format);
+            let computerTime;
+            if (/%[HMSIp]/.test(format)) {
+                computerTime = getDateTime(editor, '%Y-%m-%dT%H:%M');
+            }
+            else {
+                computerTime = getDateTime(editor, '%Y-%m-%d');
+            }
+            const timeElm = editor.dom.getParent(editor.selection.getStart(), 'time');
+            if (timeElm) {
+                updateElement(editor, timeElm, computerTime, userTime);
+            }
+            else {
+                editor.insertContent('<time datetime="' + computerTime + '">' + userTime + '</time>');
+            }
+        }
+        else {
+            editor.insertContent(getDateTime(editor, format));
+        }
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceInsertDate', (_ui, value) => {
+            insertDateTime(editor, value !== null && value !== void 0 ? value : getDateFormat(editor));
+        });
+        editor.addCommand('mceInsertTime', (_ui, value) => {
+            insertDateTime(editor, value !== null && value !== void 0 ? value : getTimeFormat(editor));
+        });
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const formats = getFormats(editor);
+        const defaultFormat = Cell(getDefaultDateTime(editor));
+        const insertDateTime = (format) => editor.execCommand('mceInsertDate', false, format);
+        editor.ui.registry.addSplitButton('insertdatetime', {
+            icon: 'insert-time',
+            tooltip: 'Insert date/time',
+            select: (value) => value === defaultFormat.get(),
+            fetch: (done) => {
+                done(global?.map(formats, (format) => ({ type: 'choiceitem', text: getDateTime(editor, format), value: format })));
+            },
+            onAction: (_api) => {
+                insertDateTime(defaultFormat.get());
+            },
+            onItemAction: (_api, value) => {
+                defaultFormat.set(value);
+                insertDateTime(value);
+            },
+            onSetup: onSetupEditable(editor)
+        });
+        const makeMenuItemHandler = (format) => () => {
+            defaultFormat.set(format);
+            insertDateTime(format);
+        };
+        editor.ui.registry.addNestedMenuItem('insertdatetime', {
+            icon: 'insert-time',
+            text: 'Date/time',
+            getSubmenuItems: () => global?.map(formats, (format) => ({
+                type: 'menuitem',
+                text: getDateTime(editor, format),
+                onAction: makeMenuItemHandler(format)
+            })),
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('insertdatetime', (editor) => {
+            register$2(editor);
+            register$1(editor);
+            register(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/plugin.min.js
new file mode 100644
index 000000000..5a98cd7ba
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/insertdatetime/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>t.options.get(e),a=t("insertdatetime_dateformat"),n=t("insertdatetime_timeformat"),r=t("insertdatetime_formats"),s=t("insertdatetime_element"),i="Sun Mon Tue Wed Thu Fri Sat Sun".split(" "),o="Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday".split(" "),l="Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),m="January February March April May June July August September October November December".split(" "),c=(e,t)=>{if((e=""+e).length<t)for(let a=0;a<t-e.length;a++)e="0"+e;return e},d=(e,t,a=new Date)=>(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=t.replace("%D","%m/%d/%Y")).replace("%r","%I:%M:%S %p")).replace("%Y",""+a.getFullYear())).replace("%y",""+a.getYear())).replace("%m",c(a.getMonth()+1,2))).replace("%d",c(a.getDate(),2))).replace("%H",""+c(a.getHours(),2))).replace("%M",""+c(a.getMinutes(),2))).replace("%S",""+c(a.getSeconds(),2))).replace("%I",""+((a.getHours()+11)%12+1))).replace("%p",a.getHours()<12?"AM":"PM")).replace("%B",""+e.translate(m[a.getMonth()]))).replace("%b",""+e.translate(l[a.getMonth()]))).replace("%A",""+e.translate(o[a.getDay()]))).replace("%a",""+e.translate(i[a.getDay()]))).replace("%%","%"),u=(e,t)=>{if(s(e)&&e.selection.isEditable()){const a=d(e,t);let n;n=/%[HMSIp]/.test(t)?d(e,"%Y-%m-%dT%H:%M"):d(e,"%Y-%m-%d");const r=e.dom.getParent(e.selection.getStart(),"time");r?((e,t,a,n)=>{const r=e.dom.create("time",{datetime:a},n);e.dom.replace(r,t),e.selection.select(r,!0),e.selection.collapse(!1)})(e,r,n,a):e.insertContent('<time datetime="'+n+'">'+a+"</time>")}else e.insertContent(d(e,t))};var p=tinymce.util.Tools.resolve("tinymce.util.Tools");const g=e=>t=>{const a=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",a),a(),()=>{e.off("NodeChange",a)}};e.add("insertdatetime",(e=>{(e=>{const t=e.options.register;t("insertdatetime_dateformat",{processor:"string",default:e.translate("%Y-%m-%d")}),t("insertdatetime_timeformat",{processor:"string",default:e.translate("%H:%M:%S")}),t("insertdatetime_formats",{processor:"string[]",default:["%H:%M:%S","%Y-%m-%d","%I:%M:%S %p","%D"]}),t("insertdatetime_element",{processor:"boolean",default:!1})})(e),(e=>{e.addCommand("mceInsertDate",((t,n)=>{u(e,null!=n?n:a(e))})),e.addCommand("mceInsertTime",((t,a)=>{u(e,null!=a?a:n(e))}))})(e),(e=>{const t=r(e),a=(e=>{let t=e;return{get:()=>t,set:e=>{t=e}}})((e=>{const t=r(e);return t.length>0?t[0]:n(e)})(e)),s=t=>e.execCommand("mceInsertDate",!1,t);e.ui.registry.addSplitButton("insertdatetime",{icon:"insert-time",tooltip:"Insert date/time",select:e=>e===a.get(),fetch:a=>{a(p?.map(t,(t=>({type:"choiceitem",text:d(e,t),value:t}))))},onAction:e=>{s(a.get())},onItemAction:(e,t)=>{a.set(t),s(t)},onSetup:g(e)});const i=e=>()=>{a.set(e),s(e)};e.ui.registry.addNestedMenuItem("insertdatetime",{icon:"insert-time",text:"Date/time",getSubmenuItems:()=>p?.map(t,(t=>({type:"menuitem",text:d(e,t),onAction:i(t)}))),onSetup:g(e)})})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/index.js
new file mode 100644
index 000000000..ff52930f7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/index.js
@@ -0,0 +1,7 @@
+// Exports the "link" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/link')
+//   ES2015:
+//     import 'tinymce/plugins/link'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/plugin.js
new file mode 100644
index 000000000..7e24c7482
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/plugin.js
@@ -0,0 +1,1577 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType('string');
+    const isObject = isType('object');
+    const isArray = isType('array');
+    const isNull = eq(null);
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isArrayOf = (value, pred) => {
+        if (isArray(value)) {
+            for (let i = 0, len = value.length; i < len; ++i) {
+                if (!(pred(value[i]))) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    };
+
+    const noop = () => { };
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('link_assume_external_targets', {
+            processor: (value) => {
+                const valid = isString(value) || isBoolean(value);
+                if (valid) {
+                    if (value === true) {
+                        return { value: 1 /* AssumeExternalTargets.WARN */, valid };
+                    }
+                    else if (value === "http" /* AssumeExternalTargets.ALWAYS_HTTP */ || value === "https" /* AssumeExternalTargets.ALWAYS_HTTPS */) {
+                        return { value, valid };
+                    }
+                    else {
+                        return { value: 0 /* AssumeExternalTargets.OFF */, valid };
+                    }
+                }
+                else {
+                    return { valid: false, message: 'Must be a string or a boolean.' };
+                }
+            },
+            default: false
+        });
+        registerOption('link_context_toolbar', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('link_list', {
+            processor: (value) => isString(value) || isFunction(value) || isArrayOf(value, isObject)
+        });
+        registerOption('link_default_target', {
+            processor: 'string'
+        });
+        registerOption('link_default_protocol', {
+            processor: 'string',
+            default: 'https'
+        });
+        registerOption('link_target_list', {
+            processor: (value) => isBoolean(value) || isArrayOf(value, isObject),
+            default: true
+        });
+        registerOption('link_rel_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('link_class_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('link_title', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('allow_unsafe_link_target', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('link_quicklink', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('link_attributes_postprocess', {
+            processor: 'function',
+        });
+    };
+    const assumeExternalTargets = option('link_assume_external_targets');
+    const hasContextToolbar = option('link_context_toolbar');
+    const getLinkList = option('link_list');
+    const getDefaultLinkTarget = option('link_default_target');
+    const getDefaultLinkProtocol = option('link_default_protocol');
+    const getTargetList = option('link_target_list');
+    const getRelList = option('link_rel_list');
+    const getLinkClassList = option('link_class_list');
+    const shouldShowLinkTitle = option('link_title');
+    const allowUnsafeLinkTarget = option('allow_unsafe_link_target');
+    const useQuickLink = option('link_quicklink');
+    const attributesPostProcess = option('link_attributes_postprocess');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const isAnchor = (elm) => isNonNullable(elm) && elm.nodeName.toLowerCase() === 'a';
+    const isLink = (elm) => isAnchor(elm) && !!getHref(elm);
+    const collectNodesInRange = (rng, predicate) => {
+        if (rng.collapsed) {
+            return [];
+        }
+        else {
+            const contents = rng.cloneContents();
+            const firstChild = contents.firstChild;
+            const walker = new global$3(firstChild, contents);
+            const elements = [];
+            let current = firstChild;
+            do {
+                if (predicate(current)) {
+                    elements.push(current);
+                }
+            } while ((current = walker.next()));
+            return elements;
+        }
+    };
+    const hasProtocol = (url) => /^\w+:/i.test(url);
+    const getHref = (elm) => {
+        var _a, _b;
+        // Returns the real href value not the resolved a.href value
+        return (_b = (_a = elm.getAttribute('data-mce-href')) !== null && _a !== void 0 ? _a : elm.getAttribute('href')) !== null && _b !== void 0 ? _b : '';
+    };
+    const applyRelTargetRules = (rel, isUnsafe) => {
+        const rules = ['noopener'];
+        const rels = rel ? rel.split(/\s+/) : [];
+        const toString = (rels) => global$2.trim(rels.sort().join(' '));
+        const addTargetRules = (rels) => {
+            rels = removeTargetRules(rels);
+            return rels.length > 0 ? rels.concat(rules) : rules;
+        };
+        const removeTargetRules = (rels) => rels.filter((val) => global$2.inArray(rules, val) === -1);
+        const newRels = isUnsafe ? addTargetRules(rels) : removeTargetRules(rels);
+        return newRels.length > 0 ? toString(newRels) : '';
+    };
+    const trimCaretContainers = (text) => text.replace(/\uFEFF/g, '');
+    const getAnchorElement = (editor, selectedElm) => {
+        selectedElm = selectedElm || getLinksInSelection(editor.selection.getRng())[0] || editor.selection.getNode();
+        if (isImageFigure(selectedElm)) {
+            // for an image contained in a figure we look for a link inside the selected element
+            return Optional.from(editor.dom.select('a[href]', selectedElm)[0]);
+        }
+        else {
+            return Optional.from(editor.dom.getParent(selectedElm, 'a[href]'));
+        }
+    };
+    const isInAnchor = (editor, selectedElm) => getAnchorElement(editor, selectedElm).isSome();
+    const getAnchorText = (selection, anchorElm) => {
+        const text = anchorElm.fold(() => selection.getContent({ format: 'text' }), (anchorElm) => anchorElm.innerText || anchorElm.textContent || '');
+        return trimCaretContainers(text);
+    };
+    const getLinksInSelection = (rng) => collectNodesInRange(rng, isLink);
+    const getLinks$1 = (elements) => global$2.grep(elements, isLink);
+    const hasLinks = (elements) => getLinks$1(elements).length > 0;
+    const hasLinksInSelection = (rng) => getLinksInSelection(rng).length > 0;
+    const isOnlyTextSelected = (editor) => {
+        // Allow anchor and inline text elements to be in the selection but nothing else
+        const inlineTextElements = editor.schema.getTextInlineElements();
+        const isElement = (elm) => elm.nodeType === 1 && !isAnchor(elm) && !has(inlineTextElements, elm.nodeName.toLowerCase());
+        // If selection is inside a block anchor then always treat it as non text only
+        const isInBlockAnchor = getAnchorElement(editor).exists((anchor) => anchor.hasAttribute('data-mce-block'));
+        if (isInBlockAnchor) {
+            return false;
+        }
+        const rng = editor.selection.getRng();
+        if (!rng.collapsed) {
+            // Collect all non inline text elements in the range and make sure no elements were found
+            const elements = collectNodesInRange(rng, isElement);
+            return elements.length === 0;
+        }
+        else {
+            return true;
+        }
+    };
+    const isImageFigure = (elm) => isNonNullable(elm) && elm.nodeName === 'FIGURE' && /\bimage\b/i.test(elm.className);
+
+    const getLinkAttrs = (data) => {
+        const attrs = ['title', 'rel', 'class', 'target'];
+        return foldl(attrs, (acc, key) => {
+            data[key].each((value) => {
+                // If dealing with an empty string, then treat that as being null so the attribute is removed
+                acc[key] = value.length > 0 ? value : null;
+            });
+            return acc;
+        }, {
+            href: data.href
+        });
+    };
+    const handleExternalTargets = (href, assumeExternalTargets) => {
+        if ((assumeExternalTargets === "http" /* AssumeExternalTargets.ALWAYS_HTTP */
+            || assumeExternalTargets === "https" /* AssumeExternalTargets.ALWAYS_HTTPS */)
+            && !hasProtocol(href)) {
+            return assumeExternalTargets + '://' + href;
+        }
+        return href;
+    };
+    const applyLinkOverrides = (editor, linkAttrs) => {
+        const newLinkAttrs = { ...linkAttrs };
+        if (getRelList(editor).length === 0 && !allowUnsafeLinkTarget(editor)) {
+            const newRel = applyRelTargetRules(newLinkAttrs.rel, newLinkAttrs.target === '_blank');
+            newLinkAttrs.rel = newRel ? newRel : null;
+        }
+        if (Optional.from(newLinkAttrs.target).isNone() && getTargetList(editor) === false) {
+            newLinkAttrs.target = getDefaultLinkTarget(editor);
+        }
+        newLinkAttrs.href = handleExternalTargets(newLinkAttrs.href, assumeExternalTargets(editor));
+        return newLinkAttrs;
+    };
+    const updateLink = (editor, anchorElm, text, linkAttrs) => {
+        // If we have text, then update the anchor elements text content
+        text.each((text) => {
+            if (has(anchorElm, 'innerText')) {
+                anchorElm.innerText = text;
+            }
+            else {
+                anchorElm.textContent = text;
+            }
+        });
+        editor.dom.setAttribs(anchorElm, linkAttrs);
+        // Move the cursor behind the updated link, so the user can go on typing.
+        const rng = editor.dom.createRng();
+        rng.setStartAfter(anchorElm);
+        rng.setEndAfter(anchorElm);
+        editor.selection.setRng(rng);
+    };
+    const createLink = (editor, selectedElm, text, linkAttrs) => {
+        const dom = editor.dom;
+        if (isImageFigure(selectedElm)) {
+            linkImageFigure(dom, selectedElm, linkAttrs);
+        }
+        else {
+            text.fold(() => {
+                editor.execCommand('mceInsertLink', false, linkAttrs);
+                // Now the newly inserted link is selected. Move the cursor behind the new link, so the user can go on typing.
+                const end = editor.selection.getEnd();
+                const rng = dom.createRng();
+                rng.setStartAfter(end);
+                rng.setEndAfter(end);
+                editor.selection.setRng(rng);
+            }, (text) => {
+                editor.insertContent(dom.createHTML('a', linkAttrs, dom.encode(text)));
+            });
+        }
+    };
+    const linkDomMutation = (editor, attachState, data) => {
+        const selectedElm = editor.selection.getNode();
+        const anchorElm = getAnchorElement(editor, selectedElm);
+        const linkAttrs = applyLinkOverrides(editor, getLinkAttrs(data));
+        const attributesPostProcess$1 = attributesPostProcess(editor);
+        if (isNonNullable(attributesPostProcess$1)) {
+            attributesPostProcess$1(linkAttrs);
+        }
+        editor.undoManager.transact(() => {
+            if (data.href === attachState.href) {
+                attachState.attach();
+            }
+            anchorElm.fold(() => {
+                createLink(editor, selectedElm, data.text, linkAttrs);
+            }, (elm) => {
+                editor.focus();
+                updateLink(editor, elm, data.text, linkAttrs);
+            });
+        });
+    };
+    const unlinkSelection = (editor) => {
+        const dom = editor.dom, selection = editor.selection;
+        const bookmark = selection.getBookmark();
+        const rng = selection.getRng().cloneRange();
+        // Extend the selection out to the entire anchor element
+        const startAnchorElm = dom.getParent(rng.startContainer, 'a[href]', editor.getBody());
+        const endAnchorElm = dom.getParent(rng.endContainer, 'a[href]', editor.getBody());
+        if (startAnchorElm) {
+            rng.setStartBefore(startAnchorElm);
+        }
+        if (endAnchorElm) {
+            rng.setEndAfter(endAnchorElm);
+        }
+        selection.setRng(rng);
+        // Remove the link
+        editor.execCommand('unlink');
+        selection.moveToBookmark(bookmark);
+    };
+    const unlinkDomMutation = (editor) => {
+        editor.undoManager.transact(() => {
+            const node = editor.selection.getNode();
+            if (isImageFigure(node)) {
+                unlinkImageFigure(editor, node);
+            }
+            else {
+                unlinkSelection(editor);
+            }
+            editor.focus();
+        });
+    };
+    /*
+     * RTC uses unwrapped options.
+     *
+     * To best simulate this, we unwrap to null and filter out empty values.
+     */
+    const unwrapOptions = (data) => {
+        const { class: cls, href, rel, target, text, title } = data;
+        return filter({
+            class: cls.getOrNull(),
+            href,
+            rel: rel.getOrNull(),
+            target: target.getOrNull(),
+            text: text.getOrNull(),
+            title: title.getOrNull()
+        }, (v, _k) => isNull(v) === false);
+    };
+    const sanitizeData = (editor, data) => {
+        const getOption = editor.options.get;
+        const uriOptions = {
+            allow_html_data_urls: getOption('allow_html_data_urls'),
+            allow_script_urls: getOption('allow_script_urls'),
+            allow_svg_data_urls: getOption('allow_svg_data_urls')
+        };
+        // Sanitize the URL
+        const href = data.href;
+        return {
+            ...data,
+            href: global$4.isDomSafe(href, 'a', uriOptions) ? href : ''
+        };
+    };
+    const link = (editor, attachState, data) => {
+        const sanitizedData = sanitizeData(editor, data);
+        editor.hasPlugin('rtc', true) ? editor.execCommand('createlink', false, unwrapOptions(sanitizedData)) : linkDomMutation(editor, attachState, sanitizedData);
+    };
+    const unlink = (editor) => {
+        editor.hasPlugin('rtc', true) ? editor.execCommand('unlink') : unlinkDomMutation(editor);
+    };
+    const unlinkImageFigure = (editor, fig) => {
+        var _a;
+        const img = editor.dom.select('img', fig)[0];
+        if (img) {
+            const a = editor.dom.getParents(img, 'a[href]', fig)[0];
+            if (a) {
+                (_a = a.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(img, a);
+                editor.dom.remove(a);
+            }
+        }
+    };
+    const linkImageFigure = (dom, fig, attrs) => {
+        var _a;
+        const img = dom.select('img', fig)[0];
+        if (img) {
+            const a = dom.create('a', attrs);
+            (_a = img.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(a, img);
+            a.appendChild(img);
+        }
+    };
+
+    const getValue = (item) => isString(item.value) ? item.value : '';
+    const getText = (item) => {
+        if (isString(item.text)) {
+            return item.text;
+        }
+        else if (isString(item.title)) {
+            return item.title;
+        }
+        else {
+            return '';
+        }
+    };
+    const sanitizeList = (list, extractValue) => {
+        const out = [];
+        global$2.each(list, (item) => {
+            const text = getText(item);
+            if (item.menu !== undefined) {
+                const items = sanitizeList(item.menu, extractValue);
+                out.push({ text, items }); // list group
+            }
+            else {
+                const value = extractValue(item);
+                out.push({ text, value }); // list value
+            }
+        });
+        return out;
+    };
+    const sanitizeWith = (extracter = getValue) => (list) => Optional.from(list)?.map((list) => sanitizeList(list, extracter));
+    const sanitize = (list) => sanitizeWith(getValue)(list);
+    // NOTE: May need to care about flattening.
+    const createUi = (name, label) => (items) => ({
+        name,
+        type: 'listbox',
+        label,
+        items
+    });
+    const ListOptions = {
+        sanitize,
+        sanitizeWith,
+        createUi,
+        getValue
+    };
+
+    const isListGroup = (item) => hasNonNullableKey(item, 'items');
+    const findTextByValue = (value, catalog) => findMap(catalog, (item) => {
+        if (isListGroup(item)) {
+            return findTextByValue(value, item.items);
+        }
+        else {
+            return someIf(item.value === value, item);
+        }
+    });
+    const getDelta = (persistentText, fieldName, catalog, data) => {
+        const value = data[fieldName];
+        const hasPersistentText = persistentText.length > 0;
+        return value !== undefined ? findTextByValue(value, catalog)?.map((i) => ({
+            url: {
+                value: i.value,
+                meta: {
+                    text: hasPersistentText ? persistentText : i.text,
+                    attach: noop
+                }
+            },
+            text: hasPersistentText ? persistentText : i.text
+        })) : Optional.none();
+    };
+    const findCatalog = (catalogs, fieldName) => {
+        if (fieldName === 'link') {
+            return catalogs.link;
+        }
+        else if (fieldName === 'anchor') {
+            return catalogs.anchor;
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const init = (initialData, linkCatalog) => {
+        const persistentData = {
+            text: initialData.text,
+            title: initialData.title
+        };
+        const getTitleFromUrlChange = (url) => { var _a; return someIf(persistentData.title.length <= 0, Optional.from((_a = url.meta) === null || _a === void 0 ? void 0 : _a.title).getOr('')); };
+        const getTextFromUrlChange = (url) => { var _a; return someIf(persistentData.text.length <= 0, Optional.from((_a = url.meta) === null || _a === void 0 ? void 0 : _a.text).getOr(url.value)); };
+        const onUrlChange = (data) => {
+            const text = getTextFromUrlChange(data.url);
+            const title = getTitleFromUrlChange(data.url);
+            // We are going to change the text/title because it has not been manually entered by the user.
+            if (text.isSome() || title.isSome()) {
+                return Optional?.some({
+                    ...text?.map((text) => ({ text })).getOr({}),
+                    ...title?.map((title) => ({ title })).getOr({})
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        const onCatalogChange = (data, change) => {
+            const catalog = findCatalog(linkCatalog, change).getOr([]);
+            return getDelta(persistentData.text, change, catalog, data);
+        };
+        const onChange = (getData, change) => {
+            const name = change.name;
+            if (name === 'url') {
+                return onUrlChange(getData());
+            }
+            else if (contains(['anchor', 'link'], name)) {
+                return onCatalogChange(getData(), name);
+            }
+            else if (name === 'text' || name === 'title') {
+                // Update the persistent text/title state, as a user has input custom text
+                persistentData[name] = getData()[name];
+                return Optional.none();
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        return {
+            onChange
+        };
+    };
+    const DialogChanges = {
+        init,
+        getDelta
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    // Delay confirm since onSubmit will move focus
+    const delayedConfirm = (editor, message, callback) => {
+        const rng = editor.selection.getRng();
+        global$1.setEditorTimeout(editor, () => {
+            editor.windowManager.confirm(message, (state) => {
+                editor.selection.setRng(rng);
+                callback(state);
+            });
+        });
+    };
+    const tryEmailTransform = (data) => {
+        const url = data.href;
+        const suggestMailTo = url.indexOf('@') > 0 && url.indexOf('/') === -1 && url.indexOf('mailto:') === -1;
+        return suggestMailTo ? Optional?.some({
+            message: 'The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?',
+            preprocess: (oldData) => ({ ...oldData, href: 'mailto:' + url })
+        }) : Optional.none();
+    };
+    const tryProtocolTransform = (assumeExternalTargets, defaultLinkProtocol) => (data) => {
+        const url = data.href;
+        const suggestProtocol = (assumeExternalTargets === 1 /* AssumeExternalTargets.WARN */ && !hasProtocol(url) ||
+            assumeExternalTargets === 0 /* AssumeExternalTargets.OFF */ && /^\s*www(\.|\d\.)/i.test(url));
+        return suggestProtocol ? Optional?.some({
+            message: `The URL you entered seems to be an external link. Do you want to add the required ${defaultLinkProtocol}:// prefix?`,
+            preprocess: (oldData) => ({ ...oldData, href: defaultLinkProtocol + '://' + url })
+        }) : Optional.none();
+    };
+    const preprocess = (editor, data) => findMap([tryEmailTransform, tryProtocolTransform(assumeExternalTargets(editor), getDefaultLinkProtocol(editor))], (f) => f(data)).fold(() => Promise.resolve(data), (transform) => new Promise((callback) => {
+        delayedConfirm(editor, transform.message, (state) => {
+            callback(state ? transform.preprocess(data) : data);
+        });
+    }));
+    const DialogConfirms = {
+        preprocess
+    };
+
+    // NOTE: you currently need anchors in the content for this field to appear
+    const getAnchors = (editor) => {
+        const anchorNodes = editor.dom.select('a:not([href])');
+        const anchors = bind(anchorNodes, (anchor) => {
+            const id = anchor.name || anchor.id;
+            return id ? [{ text: id, value: '#' + id }] : [];
+        });
+        return anchors.length > 0 ? Optional?.some([{ text: 'None', value: '' }].concat(anchors)) : Optional.none();
+    };
+    const AnchorListOptions = {
+        getAnchors
+    };
+
+    // Looks like tinymce currently renders menus, but doesn't
+    // let you choose from one.
+    const getClasses = (editor) => {
+        const list = getLinkClassList(editor);
+        if (list.length > 0) {
+            return ListOptions.sanitize(list);
+        }
+        return Optional.none();
+    };
+    const ClassListOptions = {
+        getClasses
+    };
+
+    const parseJson = (text) => {
+        // Do some proper modelling.
+        try {
+            return Optional?.some(JSON.parse(text));
+        }
+        catch (_a) {
+            return Optional.none();
+        }
+    };
+    const getLinks = (editor) => {
+        const extractor = (item) => editor.convertURL(item.value || item.url || '', 'href');
+        const linkList = getLinkList(editor);
+        return new Promise((resolve) => {
+            // TODO - better handling of failure
+            if (isString(linkList)) {
+                fetch(linkList)
+                    .then((res) => res.ok ? res.text().then(parseJson) : Promise.reject())
+                    .then(resolve, () => resolve(Optional.none()));
+            }
+            else if (isFunction(linkList)) {
+                linkList((output) => resolve(Optional?.some(output)));
+            }
+            else {
+                resolve(Optional.from(linkList));
+            }
+        }).then((optItems) => optItems.bind(ListOptions.sanitizeWith(extractor))?.map((items) => {
+            if (items.length > 0) {
+                const noneItem = [{ text: 'None', value: '' }];
+                return noneItem.concat(items);
+            }
+            else {
+                return items;
+            }
+        }));
+    };
+    const LinkListOptions = {
+        getLinks
+    };
+
+    const getRels = (editor, initialTarget) => {
+        const list = getRelList(editor);
+        if (list.length > 0) {
+            const isTargetBlank = is(initialTarget, '_blank');
+            const enforceSafe = allowUnsafeLinkTarget(editor) === false;
+            const safeRelExtractor = (item) => applyRelTargetRules(ListOptions.getValue(item), isTargetBlank);
+            const sanitizer = enforceSafe ? ListOptions.sanitizeWith(safeRelExtractor) : ListOptions.sanitize;
+            return sanitizer(list);
+        }
+        return Optional.none();
+    };
+    const RelOptions = {
+        getRels
+    };
+
+    // In current tinymce, targets can be nested menus.
+    // Do we really want to support that?
+    const fallbacks = [
+        { text: 'Current window', value: '' },
+        { text: 'New window', value: '_blank' }
+    ];
+    const getTargets = (editor) => {
+        const list = getTargetList(editor);
+        if (isArray(list)) {
+            return ListOptions.sanitize(list).orThunk(() => Optional?.some(fallbacks));
+        }
+        else if (list === false) {
+            return Optional.none();
+        }
+        return Optional?.some(fallbacks);
+    };
+    const TargetOptions = {
+        getTargets
+    };
+
+    const nonEmptyAttr = (dom, elem, name) => {
+        const val = dom.getAttrib(elem, name);
+        return val !== null && val.length > 0 ? Optional?.some(val) : Optional.none();
+    };
+    const extractFromAnchor = (editor, anchor) => {
+        const dom = editor.dom;
+        const onlyText = isOnlyTextSelected(editor);
+        const text = onlyText ? Optional?.some(getAnchorText(editor.selection, anchor)) : Optional.none();
+        const url = anchor.bind((anchorElm) => Optional.from(dom.getAttrib(anchorElm, 'href')));
+        const target = anchor.bind((anchorElm) => Optional.from(dom.getAttrib(anchorElm, 'target')));
+        const rel = anchor.bind((anchorElm) => nonEmptyAttr(dom, anchorElm, 'rel'));
+        const linkClass = anchor.bind((anchorElm) => nonEmptyAttr(dom, anchorElm, 'class'));
+        const title = anchor.bind((anchorElm) => nonEmptyAttr(dom, anchorElm, 'title'));
+        return {
+            url,
+            text,
+            title,
+            target,
+            rel,
+            linkClass
+        };
+    };
+    const collect = (editor, linkNode) => LinkListOptions.getLinks(editor).then((links) => {
+        const anchor = extractFromAnchor(editor, linkNode);
+        return {
+            anchor,
+            catalogs: {
+                targets: TargetOptions.getTargets(editor),
+                // This should be initial target. Is anchor.target that?
+                rels: RelOptions.getRels(editor, anchor.target),
+                classes: ClassListOptions.getClasses(editor),
+                anchor: AnchorListOptions.getAnchors(editor),
+                link: links
+            },
+            optNode: linkNode,
+            flags: {
+                titleEnabled: shouldShowLinkTitle(editor)
+            }
+        };
+    });
+    const DialogInfo = {
+        collect
+    };
+
+    const handleSubmit = (editor, info) => (api) => {
+        const data = api.getData();
+        if (!data.url.value) {
+            unlink(editor);
+            // Temporary fix. TODO: TINY-2811
+            api.close();
+            return;
+        }
+        // Check if a key is defined, meaning it was a field in the dialog. If it is,
+        // then check if it's changed and return none if nothing has changed.
+        const getChangedValue = (key) => Optional.from(data[key]).filter((value) => !is(info.anchor[key], value));
+        const changedData = {
+            href: data.url.value,
+            text: getChangedValue('text'),
+            target: getChangedValue('target'),
+            rel: getChangedValue('rel'),
+            class: getChangedValue('linkClass'),
+            title: getChangedValue('title')
+        };
+        const attachState = {
+            href: data.url.value,
+            attach: data.url.meta !== undefined && data.url.meta.attach ? data.url.meta.attach : noop
+        };
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        DialogConfirms.preprocess(editor, changedData).then((pData) => {
+            link(editor, attachState, pData);
+        });
+        api.close();
+    };
+    const collectData = (editor) => {
+        const anchorNode = getAnchorElement(editor);
+        return DialogInfo.collect(editor, anchorNode);
+    };
+    const getInitialData = (info, defaultTarget) => {
+        const anchor = info.anchor;
+        const url = anchor.url.getOr('');
+        return {
+            url: {
+                value: url,
+                meta: {
+                    original: {
+                        value: url
+                    }
+                }
+            },
+            text: anchor.text.getOr(''),
+            title: anchor.title.getOr(''),
+            anchor: url,
+            link: url,
+            rel: anchor.rel.getOr(''),
+            target: anchor.target.or(defaultTarget).getOr(''),
+            linkClass: anchor.linkClass.getOr('')
+        };
+    };
+    const makeDialog = (settings, onSubmit, editor) => {
+        const urlInput = [
+            {
+                name: 'url',
+                type: 'urlinput',
+                filetype: 'file',
+                label: 'URL',
+                picker_text: 'Browse links'
+            }
+        ];
+        const displayText = settings.anchor.text?.map(() => ({
+            name: 'text',
+            type: 'input',
+            label: 'Text to display'
+        })).toArray();
+        const titleText = settings.flags.titleEnabled ? [
+            {
+                name: 'title',
+                type: 'input',
+                label: 'Title'
+            }
+        ] : [];
+        const defaultTarget = Optional.from(getDefaultLinkTarget(editor));
+        const initialData = getInitialData(settings, defaultTarget);
+        const catalogs = settings.catalogs;
+        const dialogDelta = DialogChanges.init(initialData, catalogs);
+        const body = {
+            type: 'panel',
+            items: flatten([
+                urlInput,
+                displayText,
+                titleText,
+                cat([
+                    catalogs.anchor?.map(ListOptions.createUi('anchor', 'Anchors')),
+                    catalogs.rels?.map(ListOptions.createUi('rel', 'Rel')),
+                    catalogs.targets?.map(ListOptions.createUi('target', 'Open link in...')),
+                    catalogs.link?.map(ListOptions.createUi('link', 'Link list')),
+                    catalogs.classes?.map(ListOptions.createUi('linkClass', 'Class'))
+                ])
+            ])
+        };
+        return {
+            title: 'Insert/Edit Link',
+            size: 'normal',
+            body,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData,
+            onChange: (api, { name }) => {
+                dialogDelta.onChange(api.getData, { name }).each((newData) => {
+                    api.setData(newData);
+                });
+            },
+            onSubmit
+        };
+    };
+    const open = (editor) => {
+        const data = collectData(editor);
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        data.then((info) => {
+            const onSubmit = handleSubmit(editor, info);
+            return makeDialog(info, onSubmit, editor);
+        }).then((spec) => {
+            editor.windowManager.open(spec);
+        });
+    };
+
+    const register = (editor) => {
+        editor.addCommand('mceLink', (_ui, value) => {
+            if ((value === null || value === void 0 ? void 0 : value.dialog) === true || !useQuickLink(editor)) {
+                open(editor);
+            }
+            else {
+                editor.dispatch('contexttoolbar-show', {
+                    toolbarKey: 'quicklink'
+                });
+            }
+        });
+    };
+
+    const setup$2 = (editor) => {
+        editor.addShortcut('Meta+K', '', () => {
+            editor.execCommand('mceLink');
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const appendClickRemove = (link, evt) => {
+        document.body.appendChild(link);
+        link.dispatchEvent(evt);
+        document.body.removeChild(link);
+    };
+    const openLink = (url) => {
+        const link = document.createElement('a');
+        link.target = '_blank';
+        link.href = url;
+        link.rel = 'noreferrer noopener';
+        const evt = new MouseEvent('click', {
+            bubbles: true,
+            cancelable: true,
+            view: window
+        });
+        document.dispatchEvent(evt);
+        appendClickRemove(link, evt);
+    };
+    const hasOnlyAltModifier = (e) => {
+        return e.altKey === true && e.shiftKey === false && e.ctrlKey === false && e.metaKey === false;
+    };
+    const gotoLink = (editor, a) => {
+        if (a) {
+            const href = getHref(a);
+            if (/^#/.test(href)) {
+                const targetEl = editor.dom.select(`${href},[name="${removeLeading(href, '#')}"]`);
+                if (targetEl.length) {
+                    editor.selection.scrollIntoView(targetEl[0], true);
+                }
+            }
+            else {
+                openLink(a.href);
+            }
+        }
+    };
+    const isSelectionOnImageWithEmbeddedLink = (editor) => {
+        const rng = editor.selection.getRng();
+        const node = rng.startContainer;
+        // Handle a case where an image embedded with a link is selected
+        return isLink(node) && rng.startContainer === rng.endContainer && editor.dom.select('img', node).length === 1;
+    };
+    const getLinkFromElement = (editor, element) => {
+        const links = getLinks$1(editor.dom.getParents(element));
+        return someIf(links.length === 1, links[0]);
+    };
+    const getLinkInSelection = (editor) => {
+        const links = getLinksInSelection(editor.selection.getRng());
+        return someIf(links.length > 0, links[0]).or(getLinkFromElement(editor, editor.selection.getNode()));
+    };
+    const getLinkFromSelection = (editor) => editor.selection.isCollapsed() || isSelectionOnImageWithEmbeddedLink(editor)
+        ? getLinkFromElement(editor, editor.selection.getStart())
+        : getLinkInSelection(editor);
+    const setup$1 = (editor) => {
+        const selectedLink = value();
+        const getSelectedLink = () => selectedLink.get().or(getLinkFromSelection(editor));
+        const gotoSelectedLink = () => getSelectedLink().each((link) => gotoLink(editor, link));
+        editor.on('contextmenu', (e) => {
+            getLinkFromElement(editor, e.target).each(selectedLink.set);
+        });
+        editor.on('SelectionChange', () => {
+            if (!selectedLink.isSet()) {
+                getLinkFromSelection(editor).each(selectedLink.set);
+            }
+        });
+        editor.on('click', (e) => {
+            selectedLink.clear();
+            const links = getLinks$1(editor.dom.getParents(e.target));
+            if (links.length === 1 && global.metaKeyPressed(e)) {
+                e.preventDefault();
+                gotoLink(editor, links[0]);
+            }
+        });
+        editor.on('keydown', (e) => {
+            selectedLink.clear();
+            if (!e.isDefaultPrevented() && e.keyCode === 13 && hasOnlyAltModifier(e)) {
+                getSelectedLink().each((link) => {
+                    e.preventDefault();
+                    gotoLink(editor, link);
+                });
+            }
+        });
+        return {
+            gotoSelectedLink
+        };
+    };
+
+    const openDialog = (editor) => () => {
+        editor.execCommand('mceLink', false, { dialog: true });
+    };
+    const toggleState = (editor, toggler) => {
+        editor.on('NodeChange', toggler);
+        return () => editor.off('NodeChange', toggler);
+    };
+    const toggleLinkState = (editor) => (api) => {
+        const updateState = () => {
+            api.setActive(!editor.mode.isReadOnly() && isInAnchor(editor, editor.selection.getNode()));
+            api.setEnabled(editor.selection.isEditable());
+        };
+        updateState();
+        return toggleState(editor, updateState);
+    };
+    const toggleLinkMenuState = (editor) => (api) => {
+        const updateState = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        updateState();
+        return toggleState(editor, updateState);
+    };
+    const toggleRequiresLinkState = (editor) => (api) => {
+        const hasLinks$1 = (parents) => hasLinks(parents) || hasLinksInSelection(editor.selection.getRng());
+        const parents = editor.dom.getParents(editor.selection.getStart());
+        const updateEnabled = (parents) => {
+            api.setEnabled(hasLinks$1(parents) && editor.selection.isEditable());
+        };
+        updateEnabled(parents);
+        return toggleState(editor, (e) => updateEnabled(e.parents));
+    };
+    const setupButtons = (editor, openLink) => {
+        editor.ui.registry.addToggleButton('link', {
+            icon: 'link',
+            tooltip: 'Insert/edit link',
+            shortcut: 'Meta+K',
+            onAction: openDialog(editor),
+            onSetup: toggleLinkState(editor)
+        });
+        editor.ui.registry.addButton('openlink', {
+            icon: 'new-tab',
+            tooltip: 'Open link',
+            onAction: openLink.gotoSelectedLink,
+            onSetup: toggleRequiresLinkState(editor)
+        });
+        editor.ui.registry.addButton('unlink', {
+            icon: 'unlink',
+            tooltip: 'Remove link',
+            onAction: () => unlink(editor),
+            onSetup: toggleRequiresLinkState(editor)
+        });
+    };
+    const setupMenuItems = (editor, openLink) => {
+        editor.ui.registry.addMenuItem('openlink', {
+            text: 'Open link',
+            icon: 'new-tab',
+            onAction: openLink.gotoSelectedLink,
+            onSetup: toggleRequiresLinkState(editor)
+        });
+        editor.ui.registry.addMenuItem('link', {
+            icon: 'link',
+            text: 'Link...',
+            shortcut: 'Meta+K',
+            onAction: openDialog(editor),
+            onSetup: toggleLinkMenuState(editor)
+        });
+        editor.ui.registry.addMenuItem('unlink', {
+            icon: 'unlink',
+            text: 'Remove link',
+            onAction: () => unlink(editor),
+            onSetup: toggleRequiresLinkState(editor)
+        });
+    };
+    const setupContextMenu = (editor) => {
+        const inLink = 'link unlink openlink';
+        const noLink = 'link';
+        editor.ui.registry.addContextMenu('link', {
+            update: (element) => {
+                const isEditable = editor.dom.isEditable(element);
+                if (!isEditable) {
+                    return '';
+                }
+                return hasLinks(editor.dom.getParents(element, 'a')) ? inLink : noLink;
+            }
+        });
+    };
+    const setupContextToolbars = (editor, openLink) => {
+        const collapseSelectionToEnd = (editor) => {
+            editor.selection.collapse(false);
+        };
+        const onSetupLink = (buttonApi) => {
+            const node = editor.selection.getNode();
+            buttonApi.setEnabled(isInAnchor(editor, node) && editor.selection.isEditable());
+            return noop;
+        };
+        /**
+         * if we're editing a link, don't change the text.
+         * if anything other than text is selected, don't change the text.
+         * TINY-9593: If there is a text selection return `Optional.none`
+         * because `mceInsertLink` command will handle the selection.
+         */
+        const getLinkText = (value) => {
+            const anchor = getAnchorElement(editor);
+            const onlyText = isOnlyTextSelected(editor);
+            if (anchor.isNone() && onlyText) {
+                const text = getAnchorText(editor.selection, anchor);
+                return someIf(text.length === 0, value);
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        editor.ui.registry.addContextForm('quicklink', {
+            launch: {
+                type: 'contextformtogglebutton',
+                icon: 'link',
+                tooltip: 'Link',
+                onSetup: toggleLinkState(editor)
+            },
+            label: 'Link',
+            predicate: (node) => hasContextToolbar(editor) && isInAnchor(editor, node),
+            initValue: () => {
+                const elm = getAnchorElement(editor);
+                return elm.fold(constant(''), getHref);
+            },
+            commands: [
+                {
+                    type: 'contextformtogglebutton',
+                    icon: 'link',
+                    tooltip: 'Link',
+                    primary: true,
+                    onSetup: (buttonApi) => {
+                        const node = editor.selection.getNode();
+                        // TODO: Make a test for this later.
+                        buttonApi.setActive(isInAnchor(editor, node));
+                        return toggleLinkState(editor)(buttonApi);
+                    },
+                    onAction: (formApi) => {
+                        const value = formApi.getValue();
+                        const text = getLinkText(value);
+                        const attachState = { href: value, attach: noop };
+                        link(editor, attachState, {
+                            href: value,
+                            text,
+                            title: Optional.none(),
+                            rel: Optional.none(),
+                            target: Optional.from(getDefaultLinkTarget(editor)),
+                            class: Optional.none()
+                        });
+                        collapseSelectionToEnd(editor);
+                        formApi.hide();
+                    }
+                },
+                {
+                    type: 'contextformbutton',
+                    icon: 'unlink',
+                    tooltip: 'Remove link',
+                    onSetup: onSetupLink,
+                    // TODO: The original inlite action was quite complex. Are we missing something with this?
+                    onAction: (formApi) => {
+                        unlink(editor);
+                        formApi.hide();
+                    }
+                },
+                {
+                    type: 'contextformbutton',
+                    icon: 'new-tab',
+                    tooltip: 'Open link',
+                    onSetup: onSetupLink,
+                    onAction: (formApi) => {
+                        openLink.gotoSelectedLink();
+                        formApi.hide();
+                    }
+                }
+            ]
+        });
+    };
+    const setup = (editor) => {
+        const openLink = setup$1(editor);
+        setupButtons(editor, openLink);
+        setupMenuItems(editor, openLink);
+        setupContextMenu(editor);
+        setupContextToolbars(editor, openLink);
+    };
+
+    var Plugin = () => {
+        global$5.add('link', (editor) => {
+            register$1(editor);
+            register(editor);
+            setup(editor);
+            setup$2(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/plugin.min.js
new file mode 100644
index 000000000..f30e2dc3c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/link/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=o=e,(r=String).prototype.isPrototypeOf(n)||(null===(l=o.constructor)||void 0===l?void 0:l.name)===r.name)?"string":t;var n,o,r,l})(t)===e,n=e=>t=>typeof t===e,o=t("string"),r=t("object"),l=t("array"),s=e=>null===e;const a=n("boolean"),i=e=>!(e=>null==e)(e),c=n("function"),u=(e,t)=>{if(l(e)){for(let n=0,o=e.length;n<o;++n)if(!t(e[n]))return!1;return!0}return!1},g=()=>{},d=(e,t)=>e===t;class m{constructor(e,t){this.tag=e,this.value=t}static some(e){return new m(!0,e)}static none(){return m.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?m?.some(e(this.value)):m.none()}bind(e){return this.tag?e(this.value):m.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:m.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return i(e)?m?.some(e):m.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}m.singletonNone=new m(!1),Array.prototype.slice;const h=Array.prototype.indexOf,p=Array.prototype.push,f=e=>{const t=[];for(let n=0,o=e.length;n<o;++n){if(!l(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);p.apply(t,e[n])}return t};c(Array.from)&&Array.from;const k=(e,t)=>{for(let n=0;n<e.length;n++){const o=t(e[n],n);if(o.isSome())return o}return m.none()},v=Object.keys,y=Object.hasOwnProperty,b=(e,t)=>y.call(e,t),x=(e,t,n=d)=>e.exists((e=>n(e,t))),_=e=>{const t=[],n=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(n);return t},w=(e,t)=>e?m?.some(t):m.none(),C=e=>t=>t.options.get(e),A=C("link_assume_external_targets"),O=C("link_context_toolbar"),S=C("link_list"),N=C("link_default_target"),E=C("link_default_protocol"),R=C("link_target_list"),T=C("link_rel_list"),L=C("link_class_list"),P=C("link_title"),M=C("allow_unsafe_link_target"),D=C("link_quicklink"),B=C("link_attributes_postprocess");var I=tinymce.util.Tools.resolve("tinymce.util.URI"),K=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),j=tinymce.util.Tools.resolve("tinymce.util.Tools");const U=e=>i(e)&&"a"===e.nodeName.toLowerCase(),q=e=>U(e)&&!!$(e),F=(e,t)=>{if(e.collapsed)return[];{const n=e.cloneContents(),o=n.firstChild,r=new K(o,n),l=[];let s=o;do{t(s)&&l.push(s)}while(s=r.next());return l}},V=e=>/^\w+:/i.test(e),$=e=>{var t,n;return null!==(n=null!==(t=e.getAttribute("data-mce-href"))&&void 0!==t?t:e.getAttribute("href"))&&void 0!==n?n:""},z=(e,t)=>{const n=["noopener"],o=e?e.split(/\s+/):[],r=e=>e.filter((e=>-1===j.inArray(n,e))),l=t?(e=>(e=r(e)).length>0?e.concat(n):n)(o):r(o);return l.length>0?(e=>j.trim(e.sort().join(" ")))(l):""},G=(e,t)=>(t=t||W(e.selection.getRng())[0]||e.selection.getNode(),Z(t)?m.from(e.dom.select("a[href]",t)[0]):m.from(e.dom.getParent(t,"a[href]"))),H=(e,t)=>G(e,t).isSome(),J=(e,t)=>t.fold((()=>e.getContent({format:"text"})),(e=>e.innerText||e.textContent||"")).replace(/\uFEFF/g,""),W=e=>F(e,q),Q=e=>j.grep(e,q),X=e=>Q(e).length>0,Y=e=>{const t=e.schema.getTextInlineElements();if(G(e).exists((e=>e.hasAttribute("data-mce-block"))))return!1;const n=e.selection.getRng();return!!n.collapsed||0===F(n,(e=>1===e.nodeType&&!U(e)&&!b(t,e.nodeName.toLowerCase()))).length},Z=e=>i(e)&&"FIGURE"===e.nodeName&&/\bimage\b/i.test(e.className),ee=(e,t,n)=>{const o=e.selection.getNode(),r=G(e,o),l=((e,t)=>{const n={...t};if(0===T(e).length&&!M(e)){const e=z(n.rel,"_blank"===n.target);n.rel=e||null}return m.from(n.target).isNone()&&!1===R(e)&&(n.target=N(e)),n.href=((e,t)=>"http"!==t&&"https"!==t||V(e)?e:t+"://"+e)(n.href,A(e)),n})(e,(e=>{return t=["title","rel","class","target"],n=(t,n)=>(e[n].each((e=>{t[n]=e.length>0?e:null})),t),o={href:e.href},((e,t)=>{for(let n=0,o=e.length;n<o;n++)t(e[n],n)})(t,((e,t)=>{o=n(o,e)})),o;var t,n,o})(n)),s=B(e);i(s)&&s(l),e.undoManager.transact((()=>{n.href===t.href&&t.attach(),r.fold((()=>{((e,t,n,o)=>{const r=e.dom;Z(t)?le(r,t,o):n.fold((()=>{e.execCommand("mceInsertLink",!1,o);const t=e.selection.getEnd(),n=r.createRng();n.setStartAfter(t),n.setEndAfter(t),e.selection.setRng(n)}),(t=>{e.insertContent(r.createHTML("a",o,r.encode(t)))}))})(e,o,n.text,l)}),(t=>{e.focus(),((e,t,n,o)=>{n.each((e=>{b(t,"innerText")?t.innerText=e:t.textContent=e})),e.dom.setAttribs(t,o);const r=e.dom.createRng();r.setStartAfter(t),r.setEndAfter(t),e.selection.setRng(r)})(e,t,n.text,l)}))}))},te=e=>{const{class:t,href:n,rel:o,target:r,text:l,title:a}=e;return(e=>{const t={};var n;return((e,t,n,o)=>{((e,t)=>{const n=v(e);for(let o=0,r=n.length;o<r;o++){const r=n[o];t(e[r],r)}})(e,((e,r)=>{(t(e,r)?n:o)(e,r)}))})(e,((e,t)=>!1===s(e)),(n=t,(e,t)=>{n[t]=e}),g),t})({class:t.getOrNull(),href:n,rel:o.getOrNull(),target:r.getOrNull(),text:l.getOrNull(),title:a.getOrNull()})},ne=(e,t,n)=>{const o=((e,t)=>{const n=e.options.get,o={allow_html_data_urls:n("allow_html_data_urls"),allow_script_urls:n("allow_script_urls"),allow_svg_data_urls:n("allow_svg_data_urls")},r=t.href;return{...t,href:I.isDomSafe(r,"a",o)?r:""}})(e,n);e.hasPlugin("rtc",!0)?e.execCommand("createlink",!1,te(o)):ee(e,t,o)},oe=e=>{e.hasPlugin("rtc",!0)?e.execCommand("unlink"):(e=>{e.undoManager.transact((()=>{const t=e.selection.getNode();Z(t)?re(e,t):(e=>{const t=e.dom,n=e.selection,o=n.getBookmark(),r=n.getRng().cloneRange(),l=t.getParent(r.startContainer,"a[href]",e.getBody()),s=t.getParent(r.endContainer,"a[href]",e.getBody());l&&r.setStartBefore(l),s&&r.setEndAfter(s),n.setRng(r),e.execCommand("unlink"),n.moveToBookmark(o)})(e),e.focus()}))})(e)},re=(e,t)=>{var n;const o=e.dom.select("img",t)[0];if(o){const r=e.dom.getParents(o,"a[href]",t)[0];r&&(null===(n=r.parentNode)||void 0===n||n.insertBefore(o,r),e.dom.remove(r))}},le=(e,t,n)=>{var o;const r=e.select("img",t)[0];if(r){const t=e.create("a",n);null===(o=r.parentNode)||void 0===o||o.insertBefore(t,r),t.appendChild(r)}},se=e=>o(e.value)?e.value:"",ae=(e,t)=>{const n=[];return j.each(e,(e=>{const r=(e=>o(e.text)?e.text:o(e.title)?e.title:"")(e);if(void 0!==e.menu){const o=ae(e.menu,t);n.push({text:r,items:o})}else{const o=t(e);n.push({text:r,value:o})}})),n},ie=(e=se)=>t=>m.from(t)?.map((t=>ae(t,e))),ce=e=>ie(se)(e),ue=ie,ge=(e,t)=>n=>({name:e,type:"listbox",label:t,items:n}),de=se,me=(e,t)=>k(t,(t=>(e=>{return b(t=e,n="items")&&void 0!==t[n]&&null!==t[n];var t,n})(t)?me(e,t.items):w(t.value===e,t))),he=(e,t)=>{const n={text:e.text,title:e.title},o=(e,o)=>{const r=(l=t,s=o,"link"===s?l.link:"anchor"===s?l.anchor:m.none()).getOr([]);var l,s;return((e,t,n,o)=>{const r=o[t],l=e.length>0;return void 0!==r?me(r,n)?.map((t=>({url:{value:t.value,meta:{text:l?e:t.text,attach:g}},text:l?e:t.text}))):m.none()})(n.text,o,r,e)};return{onChange:(e,t)=>{const r=t.name;return"url"===r?(e=>{const t=(o=e.url,w(n.text.length<=0,m.from(null===(r=o.meta)||void 0===r?void 0:r.text).getOr(o.value)));var o,r;const l=(e=>{var t;return w(n.title.length<=0,m.from(null===(t=e.meta)||void 0===t?void 0:t.title).getOr(""))})(e.url);return t.isSome()||l.isSome()?m?.some({...t?.map((e=>({text:e}))).getOr({}),...l?.map((e=>({title:e}))).getOr({})}):m.none()})(e()):((e,t)=>h.call(e,t))(["anchor","link"],r)>-1?o(e(),r):"text"===r||"title"===r?(n[r]=e()[r],m.none()):m.none()}}};var pe=tinymce.util.Tools.resolve("tinymce.util.Delay");const fe=e=>{const t=e.href;return t.indexOf("@")>0&&-1===t.indexOf("/")&&-1===t.indexOf("mailto:")?m?.some({message:"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?",preprocess:e=>({...e,href:"mailto:"+t})}):m.none()},ke=(e,t)=>n=>{const o=n.href;return 1===e&&!V(o)||0===e&&/^\s*www(\.|\d\.)/i.test(o)?m?.some({message:`The URL you entered seems to be an external link. Do you want to add the required ${t}:// prefix?`,preprocess:e=>({...e,href:t+"://"+o})}):m.none()},ve=e=>{const t=e.dom.select("a:not([href])"),n=f(((e,t)=>{const n=e.length,o=new Array(n);for(let r=0;r<n;r++){const n=e[r];o[r]=t(n,r)}return o})(t,(e=>{const t=e.name||e.id;return t?[{text:t,value:"#"+t}]:[]})));return n.length>0?m?.some([{text:"None",value:""}].concat(n)):m.none()},ye=e=>{const t=L(e);return t.length>0?ce(t):m.none()},be=e=>{try{return m?.some(JSON.parse(e))}catch(e){return m.none()}},xe=(e,t)=>{const n=T(e);if(n.length>0){const o=x(t,"_blank"),r=e=>z(de(e),o);return(!1===M(e)?ue(r):ce)(n)}return m.none()},_e=[{text:"Current window",value:""},{text:"New window",value:"_blank"}],we=e=>{const t=R(e);return l(t)?ce(t).orThunk((()=>m?.some(_e))):!1===t?m.none():m?.some(_e)},Ce=(e,t,n)=>{const o=e.getAttrib(t,n);return null!==o&&o.length>0?m?.some(o):m.none()},Ae=(e,t)=>(e=>{const t=t=>e.convertURL(t.value||t.url||"","href"),n=S(e);return new Promise((e=>{o(n)?fetch(n).then((e=>e.ok?e.text().then(be):Promise.reject())).then(e,(()=>e(m.none()))):c(n)?n((t=>e(m?.some(t)))):e(m.from(n))})).then((e=>e.bind(ue(t))?.map((e=>e.length>0?[{text:"None",value:""}].concat(e):e))))})(e).then((n=>{const o=((e,t)=>{const n=e.dom,o=Y(e)?m?.some(J(e.selection,t)):m.none(),r=t.bind((e=>m.from(n.getAttrib(e,"href")))),l=t.bind((e=>m.from(n.getAttrib(e,"target")))),s=t.bind((e=>Ce(n,e,"rel"))),a=t.bind((e=>Ce(n,e,"class")));return{url:r,text:o,title:t.bind((e=>Ce(n,e,"title"))),target:l,rel:s,linkClass:a}})(e,t);return{anchor:o,catalogs:{targets:we(e),rels:xe(e,o.target),classes:ye(e),anchor:ve(e),link:n},optNode:t,flags:{titleEnabled:P(e)}}})),Oe=e=>{const t=(e=>{const t=G(e);return Ae(e,t)})(e);t.then((t=>{const n=((e,t)=>n=>{const o=n.getData();if(!o.url.value)return oe(e),void n.close();const r=e=>m.from(o[e]).filter((n=>!x(t.anchor[e],n))),l={href:o.url.value,text:r("text"),target:r("target"),rel:r("rel"),class:r("linkClass"),title:r("title")},s={href:o.url.value,attach:void 0!==o.url.meta&&o.url.meta.attach?o.url.meta.attach:g};((e,t)=>k([fe,ke(A(e),E(e))],(e=>e(t))).fold((()=>Promise.resolve(t)),(n=>new Promise((o=>{((e,t,n)=>{const o=e.selection.getRng();pe.setEditorTimeout(e,(()=>{e.windowManager.confirm(t,(t=>{e.selection.setRng(o),n(t)}))}))})(e,n.message,(e=>{o(e?n.preprocess(t):t)}))})))))(e,l).then((t=>{ne(e,s,t)})),n.close()})(e,t);return((e,t,n)=>{const o=e.anchor.text?.map((()=>({name:"text",type:"input",label:"Text to display"}))).toArray(),r=e.flags.titleEnabled?[{name:"title",type:"input",label:"Title"}]:[],l=((e,t)=>{const n=e.anchor,o=n.url.getOr("");return{url:{value:o,meta:{original:{value:o}}},text:n.text.getOr(""),title:n.title.getOr(""),anchor:o,link:o,rel:n.rel.getOr(""),target:n.target.or(t).getOr(""),linkClass:n.linkClass.getOr("")}})(e,m.from(N(n))),s=e.catalogs,a=he(l,s);return{title:"Insert/Edit Link",size:"normal",body:{type:"panel",items:f([[{name:"url",type:"urlinput",filetype:"file",label:"URL",picker_text:"Browse links"}],o,r,_([s.anchor?.map(ge("anchor","Anchors")),s.rels?.map(ge("rel","Rel")),s.targets?.map(ge("target","Open link in...")),s.link?.map(ge("link","Link list")),s.classes?.map(ge("linkClass","Class"))])])},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:l,onChange:(e,{name:t})=>{a.onChange(e.getData,{name:t}).each((t=>{e.setData(t)}))},onSubmit:t}})(t,n,e)})).then((t=>{e.windowManager.open(t)}))};var Se=tinymce.util.Tools.resolve("tinymce.util.VK");const Ne=(e,t)=>{if(t){const o=$(t);if(/^#/.test(o)){const t=e.dom.select(`${o},[name="${n=o,((e,t)=>((e,t)=>""===t||e.length>=t.length&&e.substr(0,0+t.length)===t)(e,t))(n,"#")?(e=>e.substring(1))(n):n}"]`);t.length&&e.selection.scrollIntoView(t[0],!0)}else(e=>{const t=document.createElement("a");t.target="_blank",t.href=e,t.rel="noreferrer noopener";const n=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});document.dispatchEvent(n),((e,t)=>{document.body.appendChild(e),e.dispatchEvent(t),document.body.removeChild(e)})(t,n)})(t.href)}var n},Ee=(e,t)=>{const n=Q(e.dom.getParents(t));return w(1===n.length,n[0])},Re=e=>e.selection.isCollapsed()||(e=>{const t=e.selection.getRng(),n=t.startContainer;return q(n)&&t.startContainer===t.endContainer&&1===e.dom.select("img",n).length})(e)?Ee(e,e.selection.getStart()):(e=>{const t=W(e.selection.getRng());return w(t.length>0,t[0]).or(Ee(e,e.selection.getNode()))})(e),Te=e=>()=>{e.execCommand("mceLink",!1,{dialog:!0})},Le=(e,t)=>(e.on("NodeChange",t),()=>e.off("NodeChange",t)),Pe=e=>t=>{const n=()=>{t.setActive(!e.mode.isReadOnly()&&H(e,e.selection.getNode())),t.setEnabled(e.selection.isEditable())};return n(),Le(e,n)},Me=e=>t=>{const n=()=>{t.setEnabled(e.selection.isEditable())};return n(),Le(e,n)},De=e=>t=>{const n=e.dom.getParents(e.selection.getStart()),o=n=>{t.setEnabled((t=>{return X(t)||(n=e.selection.getRng(),W(n).length>0);var n})(n)&&e.selection.isEditable())};return o(n),Le(e,(e=>o(e.parents)))},Be=e=>{const t=(e=>{const t=(()=>{const e=(e=>{const t=(e=>{let t=e;return{get:()=>t,set:e=>{t=e}}})(m.none()),n=()=>t.get().each(e);return{clear:()=>{n(),t.set(m.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{n(),t.set(m?.some(e))}}})(g);return{...e,on:t=>e.get().each(t)}})(),n=()=>t.get().or(Re(e));return e.on("contextmenu",(n=>{Ee(e,n.target).each(t.set)})),e.on("SelectionChange",(()=>{t.isSet()||Re(e).each(t.set)})),e.on("click",(n=>{t.clear();const o=Q(e.dom.getParents(n.target));1===o.length&&Se.metaKeyPressed(n)&&(n.preventDefault(),Ne(e,o[0]))})),e.on("keydown",(o=>{t.clear(),!o.isDefaultPrevented()&&13===o.keyCode&&(e=>!0===e.altKey&&!1===e.shiftKey&&!1===e.ctrlKey&&!1===e.metaKey)(o)&&n().each((t=>{o.preventDefault(),Ne(e,t)}))})),{gotoSelectedLink:()=>n().each((t=>Ne(e,t)))}})(e);((e,t)=>{e.ui.registry.addToggleButton("link",{icon:"link",tooltip:"Insert/edit link",shortcut:"Meta+K",onAction:Te(e),onSetup:Pe(e)}),e.ui.registry.addButton("openlink",{icon:"new-tab",tooltip:"Open link",onAction:t.gotoSelectedLink,onSetup:De(e)}),e.ui.registry.addButton("unlink",{icon:"unlink",tooltip:"Remove link",onAction:()=>oe(e),onSetup:De(e)})})(e,t),((e,t)=>{e.ui.registry.addMenuItem("openlink",{text:"Open link",icon:"new-tab",onAction:t.gotoSelectedLink,onSetup:De(e)}),e.ui.registry.addMenuItem("link",{icon:"link",text:"Link...",shortcut:"Meta+K",onAction:Te(e),onSetup:Me(e)}),e.ui.registry.addMenuItem("unlink",{icon:"unlink",text:"Remove link",onAction:()=>oe(e),onSetup:De(e)})})(e,t),(e=>{e.ui.registry.addContextMenu("link",{update:t=>e.dom.isEditable(t)?X(e.dom.getParents(t,"a"))?"link unlink openlink":"link":""})})(e),((e,t)=>{const n=t=>{const n=e.selection.getNode();return t.setEnabled(H(e,n)&&e.selection.isEditable()),g};e.ui.registry.addContextForm("quicklink",{launch:{type:"contextformtogglebutton",icon:"link",tooltip:"Link",onSetup:Pe(e)},label:"Link",predicate:t=>O(e)&&H(e,t),initValue:()=>G(e).fold((()=>""),$),commands:[{type:"contextformtogglebutton",icon:"link",tooltip:"Link",primary:!0,onSetup:t=>{const n=e.selection.getNode();return t.setActive(H(e,n)),Pe(e)(t)},onAction:t=>{const n=t.getValue(),o=(t=>{const n=G(e),o=Y(e);if(n.isNone()&&o){const o=J(e.selection,n);return w(0===o.length,t)}return m.none()})(n);ne(e,{href:n,attach:g},{href:n,text:o,title:m.none(),rel:m.none(),target:m.from(N(e)),class:m.none()}),(e=>{e.selection.collapse(!1)})(e),t.hide()}},{type:"contextformbutton",icon:"unlink",tooltip:"Remove link",onSetup:n,onAction:t=>{oe(e),t.hide()}},{type:"contextformbutton",icon:"new-tab",tooltip:"Open link",onSetup:n,onAction:e=>{t.gotoSelectedLink(),e.hide()}}]})})(e,t)};e.add("link",(e=>{(e=>{const t=e.options.register;t("link_assume_external_targets",{processor:e=>{const t=o(e)||a(e);return t?!0===e?{value:1,valid:t}:"http"===e||"https"===e?{value:e,valid:t}:{value:0,valid:t}:{valid:!1,message:"Must be a string or a boolean."}},default:!1}),t("link_context_toolbar",{processor:"boolean",default:!1}),t("link_list",{processor:e=>o(e)||c(e)||u(e,r)}),t("link_default_target",{processor:"string"}),t("link_default_protocol",{processor:"string",default:"https"}),t("link_target_list",{processor:e=>a(e)||u(e,r),default:!0}),t("link_rel_list",{processor:"object[]",default:[]}),t("link_class_list",{processor:"object[]",default:[]}),t("link_title",{processor:"boolean",default:!0}),t("allow_unsafe_link_target",{processor:"boolean",default:!1}),t("link_quicklink",{processor:"boolean",default:!1}),t("link_attributes_postprocess",{processor:"function"})})(e),(e=>{e.addCommand("mceLink",((t,n)=>{!0!==(null==n?void 0:n.dialog)&&D(e)?e.dispatch("contexttoolbar-show",{toolbarKey:"quicklink"}):Oe(e)}))})(e),Be(e),(e=>{e.addShortcut("Meta+K","",(()=>{e.execCommand("mceLink")}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/index.js
new file mode 100644
index 000000000..c7d055ea2
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/index.js
@@ -0,0 +1,7 @@
+// Exports the "lists" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/lists')
+//   ES2015:
+//     import 'tinymce/plugins/lists'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/plugin.js
new file mode 100644
index 000000000..2971e4e3c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/plugin.js
@@ -0,0 +1,2544 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$7 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isArray = isType$1('array');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const not = (f) => (t) => !f(t);
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains$1 = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter$1 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    /*
+     * Groups an array into contiguous arrays of like elements. Whether an element is like or not depends on f.
+     *
+     * f is a function that derives a value from an element - e.g. true or false, or a string.
+     * Elements are like if this function generates the same value for them (according to ===).
+     *
+     *
+     * Order of the elements is preserved. Arr.flatten() on the result will return the original list, as with Haskell groupBy function.
+     *  For a good explanation, see the group function (which is a special case of groupBy)
+     *  http://hackage.haskell.org/package/base-4.7.0.0/docs/Data-List.html#v:group
+     */
+    const groupBy = (xs, f) => {
+        if (xs.length === 0) {
+            return [];
+        }
+        else {
+            let wasType = f(xs[0]); // initial case for matching
+            const r = [];
+            let group = [];
+            for (let i = 0, len = xs.length; i < len; i++) {
+                const x = xs[i];
+                const type = f(x);
+                if (type !== wasType) {
+                    r.push(group);
+                    group = [];
+                }
+                wasType = type;
+                group.push(x);
+            }
+            if (group.length !== 0) {
+                r.push(group);
+            }
+            return r;
+        }
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    const reverse = (xs) => {
+        const r = nativeSlice.call(xs, 0);
+        r.reverse();
+        return r;
+    };
+    const get$1 = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$1(xs, 0);
+    const last = (xs) => get$1(xs, xs.length - 1);
+    const unique = (xs, comparator) => {
+        const r = [];
+        const isDuplicated = isFunction(comparator) ?
+            (x) => exists(r, (i) => comparator(i, x)) :
+            (x) => contains$1(r, x);
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (!isDuplicated(x)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$2 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    /**
+     * Are these two Optional objects equal? Equality here means either they're both
+     * `Some` (and the values are equal under the comparator) or they're both `None`.
+     */
+    const equals = (lhs, rhs, comparator = tripleEquals) => lift2(lhs, rhs, comparator).getOr(lhs.isNone() && rhs.isNone());
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const isEmpty$2 = (s) => !isNotEmpty(s);
+
+    const zeroWidth = '\uFEFF';
+    const isZwsp = (char) => char === zeroWidth;
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom$1(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom$1(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom$1(node);
+    };
+    const fromDom$1 = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom$1);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom: fromDom$1,
+        fromPoint
+    };
+
+    const COMMENT = 8;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    // Returns: true if node e1 contains e2, otherwise false.
+    // (returns false if e1===e2: A node does not contain itself).
+    const contains = (e1, e2) => {
+        const d1 = e1.dom;
+        const d2 = e2.dom;
+        return d1 === d2 ? false : d1.contains(d2);
+    };
+    const is = is$1;
+
+    const unsafe = (name, scope) => {
+        return resolve(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isComment = (element) => type(element) === COMMENT || name(element) === '#comment';
+    const isHTMLElement = (element) => isElement$1(element) && isPrototypeOf(element.dom);
+    const isElement$1 = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement$1(e) && name(e) === tag;
+
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parentElement = (element) => Optional.from(element.dom.parentElement)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+    const child = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child(element, 0);
+    const lastChild = (element) => child(element, element.dom.childNodes.length - 1);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+
+    const before$1 = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before$1(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+
+    const before = (marker, elements) => {
+        each$1(elements, (x) => {
+            before$1(marker, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$1(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const setAll = (element, attrs) => {
+        const dom = element.dom;
+        each(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const clone$1 = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const empty = (element) => {
+        // shortcut "empty node" trick. Requires IE 9.
+        element.dom.textContent = '';
+        // If the contents was a single empty text node, the above doesn't remove it. But, it's still faster in general
+        // than removing every child node manually.
+        // The following is (probably) safe for performance as 99.9% of the time the trick works and
+        // Traverse.children will return an empty array.
+        each$1(children(element), (rogue) => {
+            remove(rogue);
+        });
+    };
+    const remove = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+
+    const clone = (original, isDeep) => SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    /** Deep clone - everything copied including children */
+    const deep = (original) => clone(original, true);
+    /** Shallow clone, with a new tag */
+    const shallowAs = (original, tag) => {
+        const nu = SugarElement.fromTag(tag);
+        const attributes = clone$1(original);
+        setAll(nu, attributes);
+        return nu;
+    };
+    /** Change the tag name, but keep all children */
+    const mutate = (original, tag) => {
+        const nu = shallowAs(original, tag);
+        after(original, nu);
+        const children$1 = children(original);
+        append(nu, children$1);
+        remove(original);
+        return nu;
+    };
+
+    const fromDom = (nodes) => map(nodes, SugarElement.fromDom);
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const set = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+
+    const fromElements = (elements, scope) => {
+        const doc = scope || document;
+        const fragment = doc.createDocumentFragment();
+        each$1(elements, (element) => {
+            fragment.appendChild(element.dom);
+        });
+        return SugarElement.fromDom(fragment);
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$3 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$2 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$3, scope, predicate, isRoot);
+    };
+
+    const ancestor$2 = (scope, selector, isRoot) => ancestor$3(scope, (e) => is$1(e, selector), isRoot);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$1 = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor$2, scope, selector, isRoot);
+    };
+
+    const closest = (target) => closest$1(target, '[contenteditable]');
+    const isEditable = (element, assumeEditable = false) => {
+        if (inBody(element)) {
+            return element.dom.isContentEditable;
+        }
+        else {
+            // Find the closest contenteditable element and check if it's editable
+            return closest(element).fold(constant(assumeEditable), (editable) => getRaw(editable) === 'true');
+        }
+    };
+    const getRaw = (element) => element.dom.contentEditable;
+
+    const ancestor$1 = (scope, predicate, isRoot) => ancestor$3(scope, predicate, isRoot).isSome();
+
+    const ancestor = (element, target) => ancestor$1(element, curry(eq, target));
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const matchNodeName = (name) => (node) => isNonNullable(node) && node.nodeName.toLowerCase() === name;
+    const matchNodeNames = (regex) => (node) => isNonNullable(node) && regex.test(node.nodeName);
+    const isTextNode$1 = (node) => isNonNullable(node) && node.nodeType === 3;
+    const isElement = (node) => isNonNullable(node) && node.nodeType === 1;
+    const isListNode = matchNodeNames(/^(OL|UL|DL)$/);
+    const isOlUlNode = matchNodeNames(/^(OL|UL)$/);
+    const isOlNode = matchNodeName('ol');
+    const isListItemNode = matchNodeNames(/^(LI|DT|DD)$/);
+    const isDlItemNode = matchNodeNames(/^(DT|DD)$/);
+    const isTableCellNode = matchNodeNames(/^(TH|TD)$/);
+    const isBr = matchNodeName('br');
+    const isFirstChild = (node) => { var _a; return ((_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.firstChild) === node; };
+    const isTextBlock = (editor, node) => isNonNullable(node) && node.nodeName in editor.schema.getTextBlockElements();
+    const isBlock = (node, blockElements) => isNonNullable(node) && node.nodeName in blockElements;
+    const isVoid = (editor, node) => isNonNullable(node) && node.nodeName in editor.schema.getVoidElements();
+    const isBogusBr = (dom, node) => {
+        if (!isBr(node)) {
+            return false;
+        }
+        return dom.isBlock(node.nextSibling) && !isBr(node.previousSibling);
+    };
+    const isEmpty$1 = (dom, elm, keepBookmarks) => {
+        const empty = dom.isEmpty(elm);
+        if (keepBookmarks && dom.select('span[data-mce-type=bookmark]', elm).length > 0) {
+            return false;
+        }
+        return empty;
+    };
+    const isChildOfBody = (dom, elm) => dom.isChildOf(elm, dom.getRoot());
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$3 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('lists_indent_on_tab', {
+            processor: 'boolean',
+            default: true
+        });
+    };
+    const shouldIndentOnTab = option('lists_indent_on_tab');
+    const getForcedRootBlock = option('forced_root_block');
+    const getForcedRootBlockAttrs = option('forced_root_block_attrs');
+
+    const createTextBlock = (editor, contentNode, attrs = {}) => {
+        const dom = editor.dom;
+        const blockElements = editor.schema.getBlockElements();
+        const fragment = dom.createFragment();
+        const blockName = getForcedRootBlock(editor);
+        const blockAttrs = getForcedRootBlockAttrs(editor);
+        let node;
+        let textBlock;
+        let hasContentNode = false;
+        textBlock = dom.create(blockName, {
+            ...blockAttrs,
+            ...(attrs.style ? { style: attrs.style } : {})
+        });
+        if (!isBlock(contentNode.firstChild, blockElements)) {
+            fragment.appendChild(textBlock);
+        }
+        while ((node = contentNode.firstChild)) {
+            const nodeName = node.nodeName;
+            if (!hasContentNode && (nodeName !== 'SPAN' || node.getAttribute('data-mce-type') !== 'bookmark')) {
+                hasContentNode = true;
+            }
+            if (isBlock(node, blockElements)) {
+                fragment.appendChild(node);
+                textBlock = null;
+            }
+            else {
+                if (!textBlock) {
+                    textBlock = dom.create(blockName, blockAttrs);
+                    fragment.appendChild(textBlock);
+                }
+                textBlock.appendChild(node);
+            }
+        }
+        // BR is needed in empty blocks
+        if (!hasContentNode && textBlock) {
+            textBlock.appendChild(dom.create('br', { 'data-mce-bogus': '1' }));
+        }
+        return fragment;
+    };
+
+    const DOM$2 = global$3.DOM;
+    const splitList = (editor, list, li) => {
+        const removeAndKeepBookmarks = (targetNode) => {
+            const parent = targetNode.parentNode;
+            if (parent) {
+                global$2.each(bookmarks, (node) => {
+                    parent.insertBefore(node, li.parentNode);
+                });
+            }
+            DOM$2.remove(targetNode);
+        };
+        const bookmarks = DOM$2.select('span[data-mce-type="bookmark"]', list);
+        const newBlock = createTextBlock(editor, li);
+        const tmpRng = DOM$2.createRng();
+        tmpRng.setStartAfter(li);
+        tmpRng.setEndAfter(list);
+        const fragment = tmpRng.extractContents();
+        for (let node = fragment.firstChild; node; node = node.firstChild) {
+            if (node.nodeName === 'LI' && editor.dom.isEmpty(node)) {
+                DOM$2.remove(node);
+                break;
+            }
+        }
+        if (!editor.dom.isEmpty(fragment)) {
+            DOM$2.insertAfter(fragment, list);
+        }
+        DOM$2.insertAfter(newBlock, list);
+        const parent = li.parentElement;
+        if (parent && isEmpty$1(editor.dom, parent)) {
+            removeAndKeepBookmarks(parent);
+        }
+        DOM$2.remove(li);
+        if (isEmpty$1(editor.dom, list)) {
+            DOM$2.remove(list);
+        }
+    };
+
+    const isDescriptionDetail = isTag('dd');
+    const isDescriptionTerm = isTag('dt');
+    const outdentDlItem = (editor, item) => {
+        if (isDescriptionDetail(item)) {
+            mutate(item, 'dt');
+        }
+        else if (isDescriptionTerm(item)) {
+            parentElement(item).each((dl) => splitList(editor, dl.dom, item.dom));
+        }
+    };
+    const indentDlItem = (item) => {
+        if (isDescriptionTerm(item)) {
+            mutate(item, 'dd');
+        }
+    };
+    const dlIndentation = (editor, indentation, dlItems) => {
+        if (indentation === "Indent" /* Indentation.Indent */) {
+            each$1(dlItems, indentDlItem);
+        }
+        else {
+            each$1(dlItems, (item) => outdentDlItem(editor, item));
+        }
+    };
+
+    const getNormalizedPoint = (container, offset) => {
+        if (isTextNode$1(container)) {
+            return { container, offset };
+        }
+        const node = global$6.getNode(container, offset);
+        if (isTextNode$1(node)) {
+            return {
+                container: node,
+                offset: offset >= container.childNodes.length ? node.data.length : 0
+            };
+        }
+        else if (node.previousSibling && isTextNode$1(node.previousSibling)) {
+            return {
+                container: node.previousSibling,
+                offset: node.previousSibling.data.length
+            };
+        }
+        else if (node.nextSibling && isTextNode$1(node.nextSibling)) {
+            return {
+                container: node.nextSibling,
+                offset: 0
+            };
+        }
+        return { container, offset };
+    };
+    const normalizeRange = (rng) => {
+        const outRng = rng.cloneRange();
+        const rangeStart = getNormalizedPoint(rng.startContainer, rng.startOffset);
+        outRng.setStart(rangeStart.container, rangeStart.offset);
+        const rangeEnd = getNormalizedPoint(rng.endContainer, rng.endOffset);
+        outRng.setEnd(rangeEnd.container, rangeEnd.offset);
+        return outRng;
+    };
+
+    const listNames = ['OL', 'UL', 'DL'];
+    const listSelector = listNames.join(',');
+    const getParentList = (editor, node) => {
+        const selectionStart = node || editor.selection.getStart(true);
+        return editor.dom.getParent(selectionStart, listSelector, getClosestListHost(editor, selectionStart));
+    };
+    const isParentListSelected = (parentList, selectedBlocks) => isNonNullable(parentList) && selectedBlocks.length === 1 && selectedBlocks[0] === parentList;
+    const findSubLists = (parentList) => filter$1(parentList.querySelectorAll(listSelector), isListNode);
+    const getSelectedSubLists = (editor) => {
+        const parentList = getParentList(editor);
+        const selectedBlocks = editor.selection.getSelectedBlocks();
+        if (isParentListSelected(parentList, selectedBlocks)) {
+            return findSubLists(parentList);
+        }
+        else {
+            return filter$1(selectedBlocks, (elm) => {
+                return isListNode(elm) && parentList !== elm;
+            });
+        }
+    };
+    const findParentListItemsNodes = (editor, elms) => {
+        const listItemsElms = global$2?.map(elms, (elm) => {
+            const parentLi = editor.dom.getParent(elm, 'li,dd,dt', getClosestListHost(editor, elm));
+            return parentLi ? parentLi : elm;
+        });
+        return unique(listItemsElms);
+    };
+    const getSelectedListItems = (editor) => {
+        const selectedBlocks = editor.selection.getSelectedBlocks();
+        return filter$1(findParentListItemsNodes(editor, selectedBlocks), isListItemNode);
+    };
+    const getSelectedDlItems = (editor) => filter$1(getSelectedListItems(editor), isDlItemNode);
+    const getClosestEditingHost = (editor, elm) => {
+        const parentTableCell = editor.dom.getParents(elm, 'TD,TH');
+        return parentTableCell.length > 0 ? parentTableCell[0] : editor.getBody();
+    };
+    const isListHost = (schema, node) => !isListNode(node) && !isListItemNode(node) && exists(listNames, (listName) => schema.isValidChild(node.nodeName, listName));
+    const getClosestListHost = (editor, elm) => {
+        const parentBlocks = editor.dom.getParents(elm, editor.dom.isBlock);
+        const isNotForcedRootBlock = (elm) => elm.nodeName.toLowerCase() !== getForcedRootBlock(editor);
+        const parentBlock = find(parentBlocks, (elm) => isNotForcedRootBlock(elm) && isListHost(editor.schema, elm));
+        return parentBlock.getOr(editor.getBody());
+    };
+    const isListInsideAnLiWithFirstAndLastNotListElement = (list) => parent(list).exists((parent) => isListItemNode(parent.dom)
+        && firstChild(parent).exists((firstChild) => !isListNode(firstChild.dom))
+        && lastChild(parent).exists((lastChild) => !isListNode(lastChild.dom)));
+    const findLastParentListNode = (editor, elm) => {
+        const parentLists = editor.dom.getParents(elm, 'ol,ul', getClosestListHost(editor, elm));
+        return last(parentLists);
+    };
+    const getSelectedLists = (editor) => {
+        const firstList = findLastParentListNode(editor, editor.selection.getStart());
+        const subsequentLists = filter$1(editor.selection.getSelectedBlocks(), isOlUlNode);
+        return firstList.toArray().concat(subsequentLists);
+    };
+    const getParentLists = (editor) => {
+        const elm = editor.selection.getStart();
+        return editor.dom.getParents(elm, 'ol,ul', getClosestListHost(editor, elm));
+    };
+    const getSelectedListRoots = (editor) => {
+        const selectedLists = getSelectedLists(editor);
+        const parentLists = getParentLists(editor);
+        return find(parentLists, (p) => isListInsideAnLiWithFirstAndLastNotListElement(SugarElement.fromDom(p))).fold(() => getUniqueListRoots(editor, selectedLists), (l) => [l]);
+    };
+    const getUniqueListRoots = (editor, lists) => {
+        const listRoots = map(lists, (list) => findLastParentListNode(editor, list).getOr(list));
+        return unique(listRoots);
+    };
+
+    const isCustomList = (list) => /\btox\-/.test(list.className);
+    const inList = (parents, listName) => findUntil(parents, isListNode, isTableCellNode)
+        .exists((list) => list.nodeName === listName && !isCustomList(list));
+    // Advlist/core/ListUtils.ts - Duplicated in Advlist plugin
+    const isWithinNonEditable = (editor, element) => element !== null && !editor.dom.isEditable(element);
+    const selectionIsWithinNonEditableList = (editor) => {
+        const parentList = getParentList(editor);
+        return isWithinNonEditable(editor, parentList) || !editor.selection.isEditable();
+    };
+    const isWithinNonEditableList = (editor, element) => {
+        const parentList = editor.dom.getParent(element, 'ol,ul,dl');
+        return isWithinNonEditable(editor, parentList) || !editor.selection.isEditable();
+    };
+    const setNodeChangeHandler = (editor, nodeChangeHandler) => {
+        const initialNode = editor.selection.getNode();
+        // Set the initial state
+        nodeChangeHandler({
+            parents: editor.dom.getParents(initialNode),
+            element: initialNode
+        });
+        editor.on('NodeChange', nodeChangeHandler);
+        return () => editor.off('NodeChange', nodeChangeHandler);
+    };
+
+    const fireListEvent = (editor, action, element) => editor.dispatch('ListMutation', { action, element });
+
+    const isList = (el) => is(el, 'OL,UL');
+    const isListItem = (el) => is(el, 'LI');
+    const hasFirstChildList = (el) => firstChild(el).exists(isList);
+    const hasLastChildList = (el) => lastChild(el).exists(isList);
+
+    const isEntryList = (entry) => 'listAttributes' in entry;
+    const isEntryComment = (entry) => 'isComment' in entry;
+    const isEntryFragment = (entry) => 'isFragment' in entry;
+    const isIndented = (entry) => entry.depth > 0;
+    const isSelected = (entry) => entry.isSelected;
+    const cloneItemContent = (li) => {
+        const children$1 = children(li);
+        const content = hasLastChildList(li) ? children$1.slice(0, -1) : children$1;
+        return map(content, deep);
+    };
+    const createEntry = (li, depth, isSelected) => parent(li).filter(isElement$1)?.map((list) => ({
+        depth,
+        dirty: false,
+        isSelected,
+        content: cloneItemContent(li),
+        itemAttributes: clone$1(li),
+        listAttributes: clone$1(list),
+        listType: name(list),
+        isInPreviousLi: false
+    }));
+
+    const joinSegment = (parent, child) => {
+        append$1(parent.item, child.list);
+    };
+    const joinSegments = (segments) => {
+        for (let i = 1; i < segments.length; i++) {
+            joinSegment(segments[i - 1], segments[i]);
+        }
+    };
+    const appendSegments = (head$1, tail) => {
+        lift2(last(head$1), head(tail), joinSegment);
+    };
+    const createSegment = (scope, listType) => {
+        const segment = {
+            list: SugarElement.fromTag(listType, scope),
+            item: SugarElement.fromTag('li', scope)
+        };
+        append$1(segment.list, segment.item);
+        return segment;
+    };
+    const createSegments = (scope, entry, size) => {
+        const segments = [];
+        for (let i = 0; i < size; i++) {
+            segments.push(createSegment(scope, isEntryList(entry) ? entry.listType : entry.parentListType));
+        }
+        return segments;
+    };
+    const populateSegments = (segments, entry) => {
+        for (let i = 0; i < segments.length - 1; i++) {
+            set(segments[i].item, 'list-style-type', 'none');
+        }
+        last(segments).each((segment) => {
+            if (isEntryList(entry)) {
+                setAll(segment.list, entry.listAttributes);
+                setAll(segment.item, entry.itemAttributes);
+            }
+            append(segment.item, entry.content);
+        });
+    };
+    const normalizeSegment = (segment, entry) => {
+        if (name(segment.list) !== entry.listType) {
+            segment.list = mutate(segment.list, entry.listType);
+        }
+        setAll(segment.list, entry.listAttributes);
+    };
+    const createItem = (scope, attr, content) => {
+        const item = SugarElement.fromTag('li', scope);
+        setAll(item, attr);
+        append(item, content);
+        return item;
+    };
+    const appendItem = (segment, item) => {
+        append$1(segment.list, item);
+        segment.item = item;
+    };
+    const writeShallow = (scope, cast, entry) => {
+        const newCast = cast.slice(0, entry.depth);
+        last(newCast).each((segment) => {
+            if (isEntryList(entry)) {
+                const item = createItem(scope, entry.itemAttributes, entry.content);
+                appendItem(segment, item);
+                normalizeSegment(segment, entry);
+            }
+            else if (isEntryFragment(entry)) {
+                append(segment.item, entry.content);
+            }
+            else {
+                const item = SugarElement.fromHtml(`<!--${entry.content}-->`);
+                append$1(segment.list, item);
+            }
+        });
+        return newCast;
+    };
+    const writeDeep = (scope, cast, entry) => {
+        const segments = createSegments(scope, entry, entry.depth - cast.length);
+        joinSegments(segments);
+        populateSegments(segments, entry);
+        appendSegments(cast, segments);
+        return cast.concat(segments);
+    };
+    const composeList = (scope, entries) => {
+        let firstCommentEntryOpt = Optional.none();
+        const cast = foldl(entries, (cast, entry, i) => {
+            if (!isEntryComment(entry)) {
+                return entry.depth > cast.length ? writeDeep(scope, cast, entry) : writeShallow(scope, cast, entry);
+            }
+            else {
+                // this is needed becuase if the first element of the list is a comment we would not have the data to create the new list
+                if (i === 0) {
+                    firstCommentEntryOpt = Optional?.some(entry);
+                    return cast;
+                }
+                return writeShallow(scope, cast, entry);
+            }
+        }, []);
+        firstCommentEntryOpt.each((firstCommentEntry) => {
+            const item = SugarElement.fromHtml(`<!--${firstCommentEntry.content}-->`);
+            head(cast).each((fistCast) => {
+                prepend(fistCast.list, item);
+            });
+        });
+        return head(cast)?.map((segment) => segment.list);
+    };
+
+    const indentEntry = (indentation, entry) => {
+        switch (indentation) {
+            case "Indent" /* Indentation.Indent */:
+                entry.depth++;
+                break;
+            case "Outdent" /* Indentation.Outdent */:
+                entry.depth--;
+                break;
+            case "Flatten" /* Indentation.Flatten */:
+                entry.depth = 0;
+        }
+        entry.dirty = true;
+    };
+
+    const cloneListProperties = (target, source) => {
+        if (isEntryList(target) && isEntryList(source)) {
+            target.listType = source.listType;
+            target.listAttributes = { ...source.listAttributes };
+        }
+    };
+    const cleanListProperties = (entry) => {
+        // Remove the start attribute if generating a new list
+        entry.listAttributes = filter(entry.listAttributes, (_value, key) => key !== 'start');
+    };
+    // Closest entry above/below in the same list
+    const closestSiblingEntry = (entries, start) => {
+        const depth = entries[start].depth;
+        // Ignore dirty items as they've been moved and won't have the right list data yet
+        const matches = (entry) => entry.depth === depth && !entry.dirty;
+        const until = (entry) => entry.depth < depth;
+        // Check in reverse to see if there's an entry as the same depth before the current entry
+        // but if not, then try to walk forwards as well
+        return findUntil(reverse(entries.slice(0, start)), matches, until)
+            .orThunk(() => findUntil(entries.slice(start + 1), matches, until));
+    };
+    const normalizeEntries = (entries) => {
+        each$1(entries, (entry, i) => {
+            closestSiblingEntry(entries, i).fold(() => {
+                if (entry.dirty && isEntryList(entry)) {
+                    cleanListProperties(entry);
+                }
+            }, (matchingEntry) => cloneListProperties(entry, matchingEntry));
+        });
+        return entries;
+    };
+
+    const parseSingleItem = (depth, itemSelection, selectionState, item) => {
+        var _a;
+        if (isComment(item)) {
+            return [{
+                    depth: depth + 1,
+                    content: (_a = item.dom.nodeValue) !== null && _a !== void 0 ? _a : '',
+                    dirty: false,
+                    isSelected: false,
+                    isComment: true
+                }];
+        }
+        itemSelection.each((selection) => {
+            if (eq(selection.start, item)) {
+                selectionState.set(true);
+            }
+        });
+        const currentItemEntry = createEntry(item, depth, selectionState.get());
+        // Update selectionState (end)
+        itemSelection.each((selection) => {
+            if (eq(selection.end, item)) {
+                selectionState.set(false);
+            }
+        });
+        const childListEntries = lastChild(item)
+            .filter(isList)
+            ?.map((list) => parseList(depth, itemSelection, selectionState, list))
+            .getOr([]);
+        return currentItemEntry.toArray().concat(childListEntries);
+    };
+    const parseItem = (depth, itemSelection, selectionState, item) => firstChild(item).filter(isList).fold(() => parseSingleItem(depth, itemSelection, selectionState, item), (list) => {
+        const parsedSiblings = foldl(children(item), (acc, liChild, i) => {
+            if (i === 0) {
+                return acc;
+            }
+            else {
+                if (isListItem(liChild)) {
+                    return acc.concat(parseSingleItem(depth, itemSelection, selectionState, liChild));
+                }
+                else {
+                    const fragment = {
+                        isFragment: true,
+                        depth,
+                        content: [liChild],
+                        isSelected: false,
+                        dirty: false,
+                        parentListType: name(list)
+                    };
+                    return acc.concat(fragment);
+                }
+            }
+        }, []);
+        return parseList(depth, itemSelection, selectionState, list).concat(parsedSiblings);
+    });
+    const parseList = (depth, itemSelection, selectionState, list) => bind(children(list), (element) => {
+        const parser = isList(element) ? parseList : parseItem;
+        const newDepth = depth + 1;
+        return parser(newDepth, itemSelection, selectionState, element);
+    });
+    const parseLists = (lists, itemSelection) => {
+        const selectionState = Cell(false);
+        const initialDepth = 0;
+        return map(lists, (list) => ({
+            sourceList: list,
+            entries: parseList(initialDepth, itemSelection, selectionState, list)
+        }));
+    };
+
+    const outdentedComposer = (editor, entries) => {
+        const normalizedEntries = normalizeEntries(entries);
+        return map(normalizedEntries, (entry) => {
+            const content = !isEntryComment(entry)
+                ? fromElements(entry.content)
+                : fromElements([SugarElement.fromHtml(`<!--${entry.content}-->`)]);
+            const listItemAttrs = isEntryList(entry) ? entry.itemAttributes : {};
+            return SugarElement.fromDom(createTextBlock(editor, content.dom, listItemAttrs));
+        });
+    };
+    const indentedComposer = (editor, entries) => {
+        const normalizedEntries = normalizeEntries(entries);
+        return composeList(editor.contentDocument, normalizedEntries).toArray();
+    };
+    const composeEntries = (editor, entries) => bind(groupBy(entries, isIndented), (entries) => {
+        const groupIsIndented = head(entries).exists(isIndented);
+        return groupIsIndented ? indentedComposer(editor, entries) : outdentedComposer(editor, entries);
+    });
+    const indentSelectedEntries = (entries, indentation) => {
+        each$1(filter$1(entries, isSelected), (entry) => indentEntry(indentation, entry));
+    };
+    const getItemSelection = (editor) => {
+        const selectedListItems = map(getSelectedListItems(editor), SugarElement.fromDom);
+        return lift2(find(selectedListItems, not(hasFirstChildList)), find(reverse(selectedListItems), not(hasFirstChildList)), (start, end) => ({ start, end }));
+    };
+    const listIndentation = (editor, lists, indentation) => {
+        const entrySets = parseLists(lists, getItemSelection(editor));
+        each$1(entrySets, (entrySet) => {
+            indentSelectedEntries(entrySet.entries, indentation);
+            const composedLists = composeEntries(editor, entrySet.entries);
+            each$1(composedLists, (composedList) => {
+                fireListEvent(editor, indentation === "Indent" /* Indentation.Indent */ ? "IndentList" /* ListAction.IndentList */ : "OutdentList" /* ListAction.OutdentList */, composedList.dom);
+            });
+            before(entrySet.sourceList, composedLists);
+            remove(entrySet.sourceList);
+        });
+    };
+
+    const selectionIndentation = (editor, indentation) => {
+        const lists = fromDom(getSelectedListRoots(editor));
+        const dlItems = fromDom(getSelectedDlItems(editor));
+        let isHandled = false;
+        if (lists.length || dlItems.length) {
+            const bookmark = editor.selection.getBookmark();
+            listIndentation(editor, lists, indentation);
+            dlIndentation(editor, indentation, dlItems);
+            editor.selection.moveToBookmark(bookmark);
+            editor.selection.setRng(normalizeRange(editor.selection.getRng()));
+            editor.nodeChanged();
+            isHandled = true;
+        }
+        return isHandled;
+    };
+    const handleIndentation = (editor, indentation) => !selectionIsWithinNonEditableList(editor) && selectionIndentation(editor, indentation);
+    const indentListSelection = (editor) => handleIndentation(editor, "Indent" /* Indentation.Indent */);
+    const outdentListSelection = (editor) => handleIndentation(editor, "Outdent" /* Indentation.Outdent */);
+    const flattenListSelection = (editor) => handleIndentation(editor, "Flatten" /* Indentation.Flatten */);
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.BookmarkManager');
+
+    const DOM$1 = global$3.DOM;
+    /**
+     * Returns a range bookmark. This will convert indexed bookmarks into temporary span elements with
+     * index 0 so that they can be restored properly after the DOM has been modified. Text bookmarks will not have spans
+     * added to them since they can be restored after a dom operation.
+     *
+     * So this: <p><b>|</b><b>|</b></p>
+     * becomes: <p><b><span data-mce-type="bookmark">|</span></b><b data-mce-type="bookmark">|</span></b></p>
+     *
+     * @param  {DOMRange} rng DOM Range to get bookmark on.
+     * @return {Object} Bookmark object.
+     */
+    const createBookmark = (rng) => {
+        const bookmark = {};
+        const setupEndPoint = (start) => {
+            let container = rng[start ? 'startContainer' : 'endContainer'];
+            let offset = rng[start ? 'startOffset' : 'endOffset'];
+            if (isElement(container)) {
+                const offsetNode = DOM$1.create('span', { 'data-mce-type': 'bookmark' });
+                if (container.hasChildNodes()) {
+                    offset = Math.min(offset, container.childNodes.length - 1);
+                    if (start) {
+                        container.insertBefore(offsetNode, container.childNodes[offset]);
+                    }
+                    else {
+                        DOM$1.insertAfter(offsetNode, container.childNodes[offset]);
+                    }
+                }
+                else {
+                    container.appendChild(offsetNode);
+                }
+                container = offsetNode;
+                offset = 0;
+            }
+            bookmark[start ? 'startContainer' : 'endContainer'] = container;
+            bookmark[start ? 'startOffset' : 'endOffset'] = offset;
+        };
+        setupEndPoint(true);
+        if (!rng.collapsed) {
+            setupEndPoint();
+        }
+        return bookmark;
+    };
+    const resolveBookmark = (bookmark) => {
+        const restoreEndPoint = (start) => {
+            const nodeIndex = (container) => {
+                var _a;
+                let node = (_a = container.parentNode) === null || _a === void 0 ? void 0 : _a.firstChild;
+                let idx = 0;
+                while (node) {
+                    if (node === container) {
+                        return idx;
+                    }
+                    // Skip data-mce-type=bookmark nodes
+                    if (!isElement(node) || node.getAttribute('data-mce-type') !== 'bookmark') {
+                        idx++;
+                    }
+                    node = node.nextSibling;
+                }
+                return -1;
+            };
+            let container = bookmark[start ? 'startContainer' : 'endContainer'];
+            let offset = bookmark[start ? 'startOffset' : 'endOffset'];
+            if (!container) {
+                return;
+            }
+            if (isElement(container) && container.parentNode) {
+                const node = container;
+                offset = nodeIndex(container);
+                container = container.parentNode;
+                DOM$1.remove(node);
+                if (!container.hasChildNodes() && DOM$1.isBlock(container)) {
+                    container.appendChild(DOM$1.create('br'));
+                }
+            }
+            bookmark[start ? 'startContainer' : 'endContainer'] = container;
+            bookmark[start ? 'startOffset' : 'endOffset'] = offset;
+        };
+        restoreEndPoint(true);
+        restoreEndPoint();
+        const rng = DOM$1.createRng();
+        rng.setStart(bookmark.startContainer, bookmark.startOffset);
+        if (bookmark.endContainer) {
+            rng.setEnd(bookmark.endContainer, bookmark.endOffset);
+        }
+        return normalizeRange(rng);
+    };
+
+    const listToggleActionFromListName = (listName) => {
+        switch (listName) {
+            case 'UL': return "ToggleUlList" /* ListAction.ToggleUlList */;
+            case 'OL': return "ToggleOlList" /* ListAction.ToggleOlList */;
+            case 'DL': return "ToggleDLList" /* ListAction.ToggleDLList */;
+        }
+    };
+
+    const updateListStyle = (dom, el, detail) => {
+        const type = detail['list-style-type'] ? detail['list-style-type'] : null;
+        dom.setStyle(el, 'list-style-type', type);
+    };
+    const setAttribs = (elm, attrs) => {
+        global$2.each(attrs, (value, key) => {
+            elm.setAttribute(key, value);
+        });
+    };
+    const updateListAttrs = (dom, el, detail) => {
+        setAttribs(el, detail['list-attributes']);
+        global$2.each(dom.select('li', el), (li) => {
+            setAttribs(li, detail['list-item-attributes']);
+        });
+    };
+    const updateListWithDetails = (dom, el, detail) => {
+        updateListStyle(dom, el, detail);
+        updateListAttrs(dom, el, detail);
+    };
+    const removeStyles = (dom, element, styles) => {
+        global$2.each(styles, (style) => dom.setStyle(element, style, ''));
+    };
+    const isInline = (editor, node) => isNonNullable(node) && !isBlock(node, editor.schema.getBlockElements());
+    const getEndPointNode = (editor, rng, start, root) => {
+        let container = rng[start ? 'startContainer' : 'endContainer'];
+        const offset = rng[start ? 'startOffset' : 'endOffset'];
+        // Resolve node index
+        if (isElement(container)) {
+            container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
+        }
+        if (!start && isBr(container.nextSibling)) {
+            container = container.nextSibling;
+        }
+        const findBlockAncestor = (node) => {
+            while (!editor.dom.isBlock(node) && node.parentNode && root !== node) {
+                node = node.parentNode;
+            }
+            return node;
+        };
+        // The reason why the next two if statements exist is because when the root node is a table cell (possibly some other node types)
+        // then the highest we can go up the dom hierarchy is one level below the table cell.
+        // So what happens when we have a bunch of inline nodes and text nodes in the table cell
+        // and when the selection is collapsed inside one of the inline nodes then only that inline node (or text node) will be included
+        // in the created list because that would be one level below td node and the other inline nodes won't be included.
+        // So the fix proposed is to traverse left when looking for start node (and traverse right when looking for end node)
+        // and keep traversing as long as we have an inline or text node (same for traversing right).
+        // This way we end up including all the inline elements in the created list.
+        // For more info look at #TINY-6853
+        const findBetterContainer = (container, forward) => {
+            var _a;
+            const walker = new global$5(container, findBlockAncestor(container));
+            const dir = forward ? 'next' : 'prev';
+            let node;
+            while ((node = walker[dir]())) {
+                if (!(isVoid(editor, node) || isZwsp(node.textContent) || ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.length) === 0)) {
+                    return Optional?.some(node);
+                }
+            }
+            return Optional.none();
+        };
+        // Traverse left to include inline/text nodes
+        if (start && isTextNode$1(container)) {
+            if (isZwsp(container.textContent)) {
+                container = findBetterContainer(container, false).getOr(container);
+            }
+            else {
+                if (container.parentNode !== null && isInline(editor, container.parentNode)) {
+                    container = container.parentNode;
+                }
+                while (container.previousSibling !== null && (isInline(editor, container.previousSibling) || isTextNode$1(container.previousSibling))) {
+                    container = container.previousSibling;
+                }
+            }
+        }
+        // Traverse right to include inline/text nodes
+        if (!start && isTextNode$1(container)) {
+            if (isZwsp(container.textContent)) {
+                container = findBetterContainer(container, true).getOr(container);
+            }
+            else {
+                if (container.parentNode !== null && isInline(editor, container.parentNode)) {
+                    container = container.parentNode;
+                }
+                while (container.nextSibling !== null && (isInline(editor, container.nextSibling) || isTextNode$1(container.nextSibling))) {
+                    container = container.nextSibling;
+                }
+            }
+        }
+        while (container.parentNode !== root) {
+            const parent = container.parentNode;
+            if (isTextBlock(editor, container)) {
+                return container;
+            }
+            if (/^(TD|TH)$/.test(parent.nodeName)) {
+                return container;
+            }
+            container = parent;
+        }
+        return container;
+    };
+    const getSelectedTextBlocks = (editor, rng, root) => {
+        const textBlocks = [];
+        const dom = editor.dom;
+        const startNode = getEndPointNode(editor, rng, true, root);
+        const endNode = getEndPointNode(editor, rng, false, root);
+        let block;
+        const siblings = [];
+        for (let node = startNode; node; node = node.nextSibling) {
+            siblings.push(node);
+            if (node === endNode) {
+                break;
+            }
+        }
+        global$2.each(siblings, (node) => {
+            var _a;
+            if (isTextBlock(editor, node)) {
+                textBlocks.push(node);
+                block = null;
+                return;
+            }
+            if (dom.isBlock(node) || isBr(node)) {
+                if (isBr(node)) {
+                    dom.remove(node);
+                }
+                block = null;
+                return;
+            }
+            const nextSibling = node.nextSibling;
+            if (global$1.isBookmarkNode(node)) {
+                if (isListNode(nextSibling) || isTextBlock(editor, nextSibling) || (!nextSibling && node.parentNode === root)) {
+                    block = null;
+                    return;
+                }
+            }
+            if (!block) {
+                block = dom.create('p');
+                (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(block, node);
+                textBlocks.push(block);
+            }
+            block.appendChild(node);
+        });
+        return textBlocks;
+    };
+    const hasCompatibleStyle = (dom, sib, detail) => {
+        const sibStyle = dom.getStyle(sib, 'list-style-type');
+        let detailStyle = detail ? detail['list-style-type'] : '';
+        detailStyle = detailStyle === null ? '' : detailStyle;
+        return sibStyle === detailStyle;
+    };
+    /*
+      Find the first element we would transform into a li-element if given no constraints.
+      If the common ancestor is higher up than that provide it as the starting-point for the search for the root instead of the first selected element.
+      This helps avoid issues with divs that should become li-elements are detected as the root when they should not be.
+    */
+    const getRootSearchStart = (editor, range) => {
+        const start = editor.selection.getStart(true);
+        const startPoint = getEndPointNode(editor, range, true, editor.getBody());
+        if (ancestor(SugarElement.fromDom(startPoint), SugarElement.fromDom(range.commonAncestorContainer))) {
+            return range.commonAncestorContainer;
+        }
+        else {
+            return start;
+        }
+    };
+    const applyList = (editor, listName, detail) => {
+        const rng = editor.selection.getRng();
+        let listItemName = 'LI';
+        const root = getClosestListHost(editor, getRootSearchStart(editor, rng));
+        const dom = editor.dom;
+        if (dom.getContentEditable(editor.selection.getNode()) === 'false') {
+            return;
+        }
+        listName = listName.toUpperCase();
+        if (listName === 'DL') {
+            listItemName = 'DT';
+        }
+        const bookmark = createBookmark(rng);
+        const selectedTextBlocks = filter$1(getSelectedTextBlocks(editor, rng, root), editor.dom.isEditable);
+        global$2.each(selectedTextBlocks, (block) => {
+            let listBlock;
+            const sibling = block.previousSibling;
+            const parent = block.parentNode;
+            if (!isListItemNode(parent)) {
+                if (sibling && isListNode(sibling) && sibling.nodeName === listName && hasCompatibleStyle(dom, sibling, detail)) {
+                    listBlock = sibling;
+                    block = dom.rename(block, listItemName);
+                    sibling.appendChild(block);
+                }
+                else {
+                    listBlock = dom.create(listName);
+                    parent.insertBefore(listBlock, block);
+                    listBlock.appendChild(block);
+                    block = dom.rename(block, listItemName);
+                }
+                removeStyles(dom, block, [
+                    'margin', 'margin-right', 'margin-bottom', 'margin-left', 'margin-top',
+                    'padding', 'padding-right', 'padding-bottom', 'padding-left', 'padding-top'
+                ]);
+                updateListWithDetails(dom, listBlock, detail);
+                mergeWithAdjacentLists(editor.dom, listBlock);
+            }
+        });
+        editor.selection.setRng(resolveBookmark(bookmark));
+    };
+    const isValidLists = (list1, list2) => {
+        return isListNode(list1) && list1.nodeName === (list2 === null || list2 === void 0 ? void 0 : list2.nodeName);
+    };
+    const hasSameListStyle = (dom, list1, list2) => {
+        const targetStyle = dom.getStyle(list1, 'list-style-type', true);
+        const style = dom.getStyle(list2, 'list-style-type', true);
+        return targetStyle === style;
+    };
+    const hasSameClasses = (elm1, elm2) => {
+        return elm1.className === elm2.className;
+    };
+    const shouldMerge = (dom, list1, list2) => {
+        return isValidLists(list1, list2) &&
+            // Note: isValidLists will ensure list1 and list2 are a HTMLElement. Unfortunately TypeScript doesn't
+            // support type guards on multiple variables. See https://github.com/microsoft/TypeScript/issues/26916
+            hasSameListStyle(dom, list1, list2) &&
+            hasSameClasses(list1, list2);
+    };
+    const mergeWithAdjacentLists = (dom, listBlock) => {
+        let node;
+        let sibling = listBlock.nextSibling;
+        if (shouldMerge(dom, listBlock, sibling)) {
+            const liSibling = sibling;
+            while ((node = liSibling.firstChild)) {
+                listBlock.appendChild(node);
+            }
+            dom.remove(liSibling);
+        }
+        sibling = listBlock.previousSibling;
+        if (shouldMerge(dom, listBlock, sibling)) {
+            const liSibling = sibling;
+            while ((node = liSibling.lastChild)) {
+                listBlock.insertBefore(node, listBlock.firstChild);
+            }
+            dom.remove(liSibling);
+        }
+    };
+    const updateList$1 = (editor, list, listName, detail) => {
+        if (list.nodeName !== listName) {
+            const newList = editor.dom.rename(list, listName);
+            updateListWithDetails(editor.dom, newList, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), newList);
+        }
+        else {
+            updateListWithDetails(editor.dom, list, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), list);
+        }
+    };
+    const updateCustomList = (editor, list, listName, detail) => {
+        list.classList.forEach((cls, _, classList) => {
+            if (cls.startsWith('tox-')) {
+                classList.remove(cls);
+                if (classList.length === 0) {
+                    list.removeAttribute('class');
+                }
+            }
+        });
+        if (list.nodeName !== listName) {
+            const newList = editor.dom.rename(list, listName);
+            updateListWithDetails(editor.dom, newList, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), newList);
+        }
+        else {
+            updateListWithDetails(editor.dom, list, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), list);
+        }
+    };
+    const toggleMultipleLists = (editor, parentList, lists, listName, detail) => {
+        const parentIsList = isListNode(parentList);
+        if (parentIsList && parentList.nodeName === listName && !hasListStyleDetail(detail) && !isCustomList(parentList)) {
+            flattenListSelection(editor);
+        }
+        else {
+            applyList(editor, listName, detail);
+            const bookmark = createBookmark(editor.selection.getRng());
+            const allLists = parentIsList ? [parentList, ...lists] : lists;
+            const updateFunction = (parentIsList && isCustomList(parentList)) ? updateCustomList : updateList$1;
+            global$2.each(allLists, (elm) => {
+                updateFunction(editor, elm, listName, detail);
+            });
+            editor.selection.setRng(resolveBookmark(bookmark));
+        }
+    };
+    const hasListStyleDetail = (detail) => {
+        return 'list-style-type' in detail;
+    };
+    const toggleSingleList = (editor, parentList, listName, detail) => {
+        if (parentList === editor.getBody()) {
+            return;
+        }
+        if (parentList) {
+            if (parentList.nodeName === listName && !hasListStyleDetail(detail) && !isCustomList(parentList)) {
+                flattenListSelection(editor);
+            }
+            else {
+                const bookmark = createBookmark(editor.selection.getRng());
+                if (isCustomList(parentList)) {
+                    parentList.classList.forEach((cls, _, classList) => {
+                        if (cls.startsWith('tox-')) {
+                            classList.remove(cls);
+                            if (classList.length === 0) {
+                                parentList.removeAttribute('class');
+                            }
+                        }
+                    });
+                }
+                updateListWithDetails(editor.dom, parentList, detail);
+                const newList = editor.dom.rename(parentList, listName);
+                mergeWithAdjacentLists(editor.dom, newList);
+                editor.selection.setRng(resolveBookmark(bookmark));
+                applyList(editor, listName, detail);
+                fireListEvent(editor, listToggleActionFromListName(listName), newList);
+            }
+        }
+        else {
+            applyList(editor, listName, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), parentList);
+        }
+    };
+    const toggleList = (editor, listName, _detail) => {
+        const parentList = getParentList(editor);
+        if (isWithinNonEditableList(editor, parentList)) {
+            return;
+        }
+        const selectedSubLists = getSelectedSubLists(editor);
+        const detail = isObject(_detail) ? _detail : {};
+        if (selectedSubLists.length > 0) {
+            toggleMultipleLists(editor, parentList, selectedSubLists, listName, detail);
+        }
+        else {
+            toggleSingleList(editor, parentList, listName, detail);
+        }
+    };
+
+    const DOM = global$3.DOM;
+    const normalizeList = (dom, list) => {
+        const parentNode = list.parentElement;
+        // Move UL/OL to previous LI if it's the only child of a LI
+        if (parentNode && parentNode.nodeName === 'LI' && parentNode.firstChild === list) {
+            const sibling = parentNode.previousSibling;
+            if (sibling && sibling.nodeName === 'LI') {
+                sibling.appendChild(list);
+                if (isEmpty$1(dom, parentNode)) {
+                    DOM.remove(parentNode);
+                }
+            }
+            else {
+                DOM.setStyle(parentNode, 'listStyleType', 'none');
+            }
+        }
+        // Append OL/UL to previous LI if it's in a parent OL/UL i.e. old HTML4
+        if (isListNode(parentNode)) {
+            const sibling = parentNode.previousSibling;
+            if (sibling && sibling.nodeName === 'LI') {
+                sibling.appendChild(list);
+            }
+        }
+    };
+    const normalizeLists = (dom, element) => {
+        const lists = global$2.grep(dom.select('ol,ul', element));
+        global$2.each(lists, (list) => {
+            normalizeList(dom, list);
+        });
+    };
+
+    const findNextCaretContainer = (editor, rng, isForward, root) => {
+        let node = rng.startContainer;
+        const offset = rng.startOffset;
+        if (isTextNode$1(node) && (isForward ? offset < node.data.length : offset > 0)) {
+            return node;
+        }
+        const nonEmptyBlocks = editor.schema.getNonEmptyElements();
+        if (isElement(node)) {
+            node = global$6.getNode(node, offset);
+        }
+        const walker = new global$5(node, root);
+        // Delete at <li>|<br></li> then jump over the bogus br
+        if (isForward) {
+            if (isBogusBr(editor.dom, node)) {
+                walker.next();
+            }
+        }
+        const walkFn = isForward ? walker.next.bind(walker) : walker.prev2.bind(walker);
+        while ((node = walkFn())) {
+            if (node.nodeName === 'LI' && !node.hasChildNodes()) {
+                return node;
+            }
+            if (nonEmptyBlocks[node.nodeName]) {
+                return node;
+            }
+            if (isTextNode$1(node) && node.data.length > 0) {
+                return node;
+            }
+        }
+        return null;
+    };
+    const hasOnlyOneBlockChild = (dom, elm) => {
+        const childNodes = elm.childNodes;
+        return childNodes.length === 1 && !isListNode(childNodes[0]) && dom.isBlock(childNodes[0]);
+    };
+    const isUnwrappable = (node) => Optional.from(node)
+        ?.map(SugarElement.fromDom)
+        .filter(isHTMLElement)
+        .exists((el) => isEditable(el) && !contains$1(['details'], name(el)));
+    const unwrapSingleBlockChild = (dom, elm) => {
+        if (hasOnlyOneBlockChild(dom, elm) && isUnwrappable(elm.firstChild)) {
+            dom.remove(elm.firstChild, true);
+        }
+    };
+    const moveChildren = (dom, fromElm, toElm) => {
+        let node;
+        const targetElm = hasOnlyOneBlockChild(dom, toElm) ? toElm.firstChild : toElm;
+        unwrapSingleBlockChild(dom, fromElm);
+        if (!isEmpty$1(dom, fromElm, true)) {
+            while ((node = fromElm.firstChild)) {
+                targetElm.appendChild(node);
+            }
+        }
+    };
+    const mergeLiElements = (dom, fromElm, toElm) => {
+        let listNode;
+        const ul = fromElm.parentNode;
+        if (!isChildOfBody(dom, fromElm) || !isChildOfBody(dom, toElm)) {
+            return;
+        }
+        if (isListNode(toElm.lastChild)) {
+            listNode = toElm.lastChild;
+        }
+        if (ul === toElm.lastChild) {
+            if (isBr(ul.previousSibling)) {
+                dom.remove(ul.previousSibling);
+            }
+        }
+        const node = toElm.lastChild;
+        if (node && isBr(node) && fromElm.hasChildNodes()) {
+            dom.remove(node);
+        }
+        if (isEmpty$1(dom, toElm, true)) {
+            empty(SugarElement.fromDom(toElm));
+        }
+        moveChildren(dom, fromElm, toElm);
+        if (listNode) {
+            toElm.appendChild(listNode);
+        }
+        const contains$1 = contains(SugarElement.fromDom(toElm), SugarElement.fromDom(fromElm));
+        const nestedLists = contains$1 ? dom.getParents(fromElm, isListNode, toElm) : [];
+        dom.remove(fromElm);
+        each$1(nestedLists, (list) => {
+            if (isEmpty$1(dom, list) && list !== dom.getRoot()) {
+                dom.remove(list);
+            }
+        });
+    };
+    const mergeIntoEmptyLi = (editor, fromLi, toLi) => {
+        empty(SugarElement.fromDom(toLi));
+        mergeLiElements(editor.dom, fromLi, toLi);
+        editor.selection.setCursorLocation(toLi, 0);
+    };
+    const mergeForward = (editor, rng, fromLi, toLi) => {
+        const dom = editor.dom;
+        if (dom.isEmpty(toLi)) {
+            mergeIntoEmptyLi(editor, fromLi, toLi);
+        }
+        else {
+            const bookmark = createBookmark(rng);
+            mergeLiElements(dom, fromLi, toLi);
+            editor.selection.setRng(resolveBookmark(bookmark));
+        }
+    };
+    const mergeBackward = (editor, rng, fromLi, toLi) => {
+        const bookmark = createBookmark(rng);
+        mergeLiElements(editor.dom, fromLi, toLi);
+        const resolvedBookmark = resolveBookmark(bookmark);
+        editor.selection.setRng(resolvedBookmark);
+    };
+    const backspaceDeleteFromListToListCaret = (editor, isForward) => {
+        const dom = editor.dom, selection = editor.selection;
+        const selectionStartElm = selection.getStart();
+        const root = getClosestEditingHost(editor, selectionStartElm);
+        const li = dom.getParent(selection.getStart(), 'LI', root);
+        if (li) {
+            const ul = li.parentElement;
+            if (ul === editor.getBody() && isEmpty$1(dom, ul)) {
+                return true;
+            }
+            const rng = normalizeRange(selection.getRng());
+            const otherLi = dom.getParent(findNextCaretContainer(editor, rng, isForward, root), 'LI', root);
+            const willMergeParentIntoChild = otherLi && (isForward ? dom.isChildOf(li, otherLi) : dom.isChildOf(otherLi, li));
+            if (otherLi && otherLi !== li && !willMergeParentIntoChild) {
+                editor.undoManager.transact(() => {
+                    if (isForward) {
+                        mergeForward(editor, rng, otherLi, li);
+                    }
+                    else {
+                        if (isFirstChild(li)) {
+                            outdentListSelection(editor);
+                        }
+                        else {
+                            mergeBackward(editor, rng, li, otherLi);
+                        }
+                    }
+                });
+                return true;
+            }
+            else if (willMergeParentIntoChild && !isForward && otherLi !== li) {
+                const commonAncestorParent = rng.commonAncestorContainer.parentElement;
+                if (!commonAncestorParent || dom.isChildOf(otherLi, commonAncestorParent)) {
+                    return false;
+                }
+                editor.undoManager.transact(() => {
+                    const bookmark = createBookmark(rng);
+                    moveChildren(dom, commonAncestorParent, otherLi);
+                    commonAncestorParent.remove();
+                    const resolvedBookmark = resolveBookmark(bookmark);
+                    editor.selection.setRng(resolvedBookmark);
+                });
+                return true;
+            }
+            else if (!otherLi) {
+                if (!isForward && rng.startOffset === 0 && rng.endOffset === 0) {
+                    editor.undoManager.transact(() => {
+                        flattenListSelection(editor);
+                    });
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    const removeBlock = (dom, block, root) => {
+        const parentBlock = dom.getParent(block.parentNode, dom.isBlock, root);
+        dom.remove(block);
+        if (parentBlock && dom.isEmpty(parentBlock)) {
+            dom.remove(parentBlock);
+        }
+    };
+    const backspaceDeleteIntoListCaret = (editor, isForward) => {
+        const dom = editor.dom;
+        const selectionStartElm = editor.selection.getStart();
+        const root = getClosestEditingHost(editor, selectionStartElm);
+        const block = dom.getParent(selectionStartElm, dom.isBlock, root);
+        if (block && dom.isEmpty(block, undefined, { checkRootAsContent: true })) {
+            const rng = normalizeRange(editor.selection.getRng());
+            const nextCaretContainer = findNextCaretContainer(editor, rng, isForward, root);
+            const otherLi = dom.getParent(nextCaretContainer, 'LI', root);
+            if (nextCaretContainer && otherLi) {
+                const findValidElement = (element) => contains$1(['td', 'th', 'caption'], name(element));
+                const findRoot = (node) => node.dom === root;
+                const otherLiCell = closest$2(SugarElement.fromDom(otherLi), findValidElement, findRoot);
+                const caretCell = closest$2(SugarElement.fromDom(rng.startContainer), findValidElement, findRoot);
+                if (!equals(otherLiCell, caretCell, eq)) {
+                    return false;
+                }
+                editor.undoManager.transact(() => {
+                    const parentNode = otherLi.parentNode;
+                    removeBlock(dom, block, root);
+                    mergeWithAdjacentLists(dom, parentNode);
+                    editor.selection.select(nextCaretContainer, true);
+                    editor.selection.collapse(isForward);
+                });
+                return true;
+            }
+        }
+        return false;
+    };
+    const backspaceDeleteCaret = (editor, isForward) => {
+        return backspaceDeleteFromListToListCaret(editor, isForward) || backspaceDeleteIntoListCaret(editor, isForward);
+    };
+    const hasListSelection = (editor) => {
+        const selectionStartElm = editor.selection.getStart();
+        const root = getClosestEditingHost(editor, selectionStartElm);
+        const startListParent = editor.dom.getParent(selectionStartElm, 'LI,DT,DD', root);
+        return startListParent || getSelectedListItems(editor).length > 0;
+    };
+    const backspaceDeleteRange = (editor) => {
+        if (hasListSelection(editor)) {
+            editor.undoManager.transact(() => {
+                // Some delete actions may prevent the input event from being fired. If we do not detect it, we fire it ourselves.
+                let shouldFireInput = true;
+                const inputHandler = () => shouldFireInput = false;
+                editor.on('input', inputHandler);
+                editor.execCommand('Delete');
+                editor.off('input', inputHandler);
+                if (shouldFireInput) {
+                    editor.dispatch('input');
+                }
+                normalizeLists(editor.dom, editor.getBody());
+            });
+            return true;
+        }
+        return false;
+    };
+    const backspaceDelete = (editor, isForward) => {
+        const selection = editor.selection;
+        return !isWithinNonEditableList(editor, selection.getNode()) && (selection.isCollapsed() ?
+            backspaceDeleteCaret(editor, isForward) : backspaceDeleteRange(editor));
+    };
+    const setup$2 = (editor) => {
+        editor.on('ExecCommand', (e) => {
+            const cmd = e.command.toLowerCase();
+            if ((cmd === 'delete' || cmd === 'forwarddelete') && hasListSelection(editor)) {
+                normalizeLists(editor.dom, editor.getBody());
+            }
+        });
+        editor.on('keydown', (e) => {
+            if (e.keyCode === global$4.BACKSPACE) {
+                if (backspaceDelete(editor, false)) {
+                    e.preventDefault();
+                }
+            }
+            else if (e.keyCode === global$4.DELETE) {
+                if (backspaceDelete(editor, true)) {
+                    e.preventDefault();
+                }
+            }
+        });
+    };
+
+    const get = (editor) => ({
+        backspaceDelete: (isForward) => {
+            backspaceDelete(editor, isForward);
+        }
+    });
+
+    const updateList = (editor, update) => {
+        const parentList = getParentList(editor);
+        if (parentList === null || isWithinNonEditableList(editor, parentList)) {
+            return;
+        }
+        editor.undoManager.transact(() => {
+            if (isObject(update.styles)) {
+                editor.dom.setStyles(parentList, update.styles);
+            }
+            if (isObject(update.attrs)) {
+                each(update.attrs, (v, k) => editor.dom.setAttrib(parentList, k, v));
+            }
+        });
+    };
+
+    // Example: 'AB' -> 28
+    const parseAlphabeticBase26 = (str) => {
+        const chars = reverse(trim(str).split(''));
+        const values = map(chars, (char, i) => {
+            const charValue = char.toUpperCase().charCodeAt(0) - 'A'.charCodeAt(0) + 1;
+            return Math.pow(26, i) * charValue;
+        });
+        return foldl(values, (sum, v) => sum + v, 0);
+    };
+    // Example: 28 -> 'AB'
+    const composeAlphabeticBase26 = (value) => {
+        value--;
+        if (value < 0) {
+            return '';
+        }
+        else {
+            const remainder = value % 26;
+            const quotient = Math.floor(value / 26);
+            const rest = composeAlphabeticBase26(quotient);
+            const char = String.fromCharCode('A'.charCodeAt(0) + remainder);
+            return rest + char;
+        }
+    };
+    const isUppercase = (str) => /^[A-Z]+$/.test(str);
+    const isLowercase = (str) => /^[a-z]+$/.test(str);
+    const isNumeric = (str) => /^[0-9]+$/.test(str);
+    const deduceListType = (start) => {
+        if (isNumeric(start)) {
+            return 2 /* ListType.Numeric */;
+        }
+        else if (isUppercase(start)) {
+            return 0 /* ListType.UpperAlpha */;
+        }
+        else if (isLowercase(start)) {
+            return 1 /* ListType.LowerAlpha */;
+        }
+        else if (isEmpty$2(start)) {
+            return 3 /* ListType.None */;
+        }
+        else {
+            return 4 /* ListType.Unknown */;
+        }
+    };
+    const parseStartValue = (start) => {
+        switch (deduceListType(start)) {
+            case 2 /* ListType.Numeric */:
+                return Optional?.some({
+                    listStyleType: Optional.none(),
+                    start
+                });
+            case 0 /* ListType.UpperAlpha */:
+                return Optional?.some({
+                    listStyleType: Optional?.some('upper-alpha'),
+                    start: parseAlphabeticBase26(start).toString()
+                });
+            case 1 /* ListType.LowerAlpha */:
+                return Optional?.some({
+                    listStyleType: Optional?.some('lower-alpha'),
+                    start: parseAlphabeticBase26(start).toString()
+                });
+            case 3 /* ListType.None */:
+                return Optional?.some({
+                    listStyleType: Optional.none(),
+                    start: ''
+                });
+            case 4 /* ListType.Unknown */:
+                return Optional.none();
+        }
+    };
+    const parseDetail = (detail) => {
+        const start = parseInt(detail.start, 10);
+        if (is$2(detail.listStyleType, 'upper-alpha')) {
+            return composeAlphabeticBase26(start);
+        }
+        else if (is$2(detail.listStyleType, 'lower-alpha')) {
+            return composeAlphabeticBase26(start).toLowerCase();
+        }
+        else {
+            return detail.start;
+        }
+    };
+
+    const open = (editor) => {
+        // Find the current list and skip opening if the selection isn't in an ordered list
+        const currentList = getParentList(editor);
+        if (!isOlNode(currentList) || isWithinNonEditableList(editor, currentList)) {
+            return;
+        }
+        editor.windowManager.open({
+            title: 'List Properties',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'input',
+                        name: 'start',
+                        label: 'Start list at number',
+                        inputMode: 'numeric'
+                    }
+                ]
+            },
+            initialData: {
+                start: parseDetail({
+                    start: editor.dom.getAttrib(currentList, 'start', '1'),
+                    listStyleType: Optional.from(editor.dom.getStyle(currentList, 'list-style-type'))
+                })
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            onSubmit: (api) => {
+                const data = api.getData();
+                parseStartValue(data.start).each((detail) => {
+                    editor.execCommand('mceListUpdate', false, {
+                        attrs: {
+                            start: detail.start === '1' ? '' : detail.start
+                        },
+                        styles: {
+                            'list-style-type': detail.listStyleType.getOr('')
+                        }
+                    });
+                });
+                api.close();
+            }
+        });
+    };
+
+    const queryListCommandState = (editor, listName) => () => {
+        const parentList = getParentList(editor);
+        return isNonNullable(parentList) && parentList.nodeName === listName;
+    };
+    const registerDialog = (editor) => {
+        editor.addCommand('mceListProps', () => {
+            open(editor);
+        });
+    };
+    const register$2 = (editor) => {
+        editor.on('BeforeExecCommand', (e) => {
+            const cmd = e.command.toLowerCase();
+            if (cmd === 'indent') {
+                indentListSelection(editor);
+            }
+            else if (cmd === 'outdent') {
+                outdentListSelection(editor);
+            }
+        });
+        editor.addCommand('InsertUnorderedList', (ui, detail) => {
+            toggleList(editor, 'UL', detail);
+        });
+        editor.addCommand('InsertOrderedList', (ui, detail) => {
+            toggleList(editor, 'OL', detail);
+        });
+        editor.addCommand('InsertDefinitionList', (ui, detail) => {
+            toggleList(editor, 'DL', detail);
+        });
+        editor.addCommand('RemoveList', () => {
+            flattenListSelection(editor);
+        });
+        registerDialog(editor);
+        editor.addCommand('mceListUpdate', (ui, detail) => {
+            if (isObject(detail)) {
+                updateList(editor, detail);
+            }
+        });
+        editor.addQueryStateHandler('InsertUnorderedList', queryListCommandState(editor, 'UL'));
+        editor.addQueryStateHandler('InsertOrderedList', queryListCommandState(editor, 'OL'));
+        editor.addQueryStateHandler('InsertDefinitionList', queryListCommandState(editor, 'DL'));
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    const isTextNode = (node) => node.type === 3;
+    const isEmpty = (nodeBuffer) => nodeBuffer.length === 0;
+    const wrapInvalidChildren = (list) => {
+        const insertListItem = (buffer, refNode) => {
+            const li = global.create('li');
+            each$1(buffer, (node) => li.append(node));
+            if (refNode) {
+                list.insert(li, refNode, true);
+            }
+            else {
+                list.append(li);
+            }
+        };
+        const reducer = (buffer, node) => {
+            if (isTextNode(node)) {
+                return [...buffer, node];
+            }
+            else if (!isEmpty(buffer) && !isTextNode(node)) {
+                insertListItem(buffer, node);
+                return [];
+            }
+            else {
+                return buffer;
+            }
+        };
+        const restBuffer = foldl(list.children(), reducer, []);
+        if (!isEmpty(restBuffer)) {
+            insertListItem(restBuffer);
+        }
+    };
+    const setup$1 = (editor) => {
+        editor.on('PreInit', () => {
+            const { parser } = editor;
+            parser.addNodeFilter('ul,ol', (nodes) => each$1(nodes, wrapInvalidChildren));
+        });
+    };
+
+    const setupTabKey = (editor) => {
+        editor.on('keydown', (e) => {
+            // Check for tab but not ctrl/cmd+tab since it switches browser tabs
+            if (e.keyCode !== global$4.TAB || global$4.metaKeyPressed(e)) {
+                return;
+            }
+            editor.undoManager.transact(() => {
+                if (e.shiftKey ? outdentListSelection(editor) : indentListSelection(editor)) {
+                    e.preventDefault();
+                }
+            });
+        });
+    };
+    const setup = (editor) => {
+        if (shouldIndentOnTab(editor)) {
+            setupTabKey(editor);
+        }
+        setup$2(editor);
+    };
+
+    const setupToggleButtonHandler = (editor, listName) => (api) => {
+        const toggleButtonHandler = (e) => {
+            api.setActive(inList(e.parents, listName));
+            api.setEnabled(!isWithinNonEditableList(editor, e.element) && editor.selection.isEditable());
+        };
+        api.setEnabled(editor.selection.isEditable());
+        return setNodeChangeHandler(editor, toggleButtonHandler);
+    };
+    const register$1 = (editor) => {
+        const exec = (command) => () => editor.execCommand(command);
+        if (!editor.hasPlugin('advlist')) {
+            editor.ui.registry.addToggleButton('numlist', {
+                icon: 'ordered-list',
+                active: false,
+                tooltip: 'Numbered list',
+                onAction: exec('InsertOrderedList'),
+                onSetup: setupToggleButtonHandler(editor, 'OL')
+            });
+            editor.ui.registry.addToggleButton('bullist', {
+                icon: 'unordered-list',
+                active: false,
+                tooltip: 'Bullet list',
+                onAction: exec('InsertUnorderedList'),
+                onSetup: setupToggleButtonHandler(editor, 'UL')
+            });
+        }
+    };
+
+    const setupMenuButtonHandler = (editor, listName) => (api) => {
+        const menuButtonHandler = (e) => api.setEnabled(inList(e.parents, listName) && !isWithinNonEditableList(editor, e.element));
+        return setNodeChangeHandler(editor, menuButtonHandler);
+    };
+    const register = (editor) => {
+        const listProperties = {
+            text: 'List properties...',
+            icon: 'ordered-list',
+            onAction: () => editor.execCommand('mceListProps'),
+            onSetup: setupMenuButtonHandler(editor, 'OL')
+        };
+        editor.ui.registry.addMenuItem('listprops', listProperties);
+        editor.ui.registry.addContextMenu('lists', {
+            update: (node) => {
+                const parentList = getParentList(editor, node);
+                return isOlNode(parentList) ? ['listprops'] : [];
+            }
+        });
+    };
+
+    var Plugin = () => {
+        global$7.add('lists', (editor) => {
+            register$3(editor);
+            setup$1(editor);
+            if (!editor.hasPlugin('rtc', true)) {
+                setup(editor);
+                register$2(editor);
+            }
+            else {
+                registerDialog(editor);
+            }
+            register$1(editor);
+            register(editor);
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/plugin.min.js
new file mode 100644
index 000000000..4177ede0a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/lists/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=o=e,(r=String).prototype.isPrototypeOf(n)||(null===(s=o.constructor)||void 0===s?void 0:s.name)===r.name)?"string":t;var n,o,r,s})(t)===e,n=e=>t=>typeof t===e,o=t("string"),r=t("object"),s=t("array"),i=n("boolean"),l=e=>!(e=>null==e)(e),a=n("function"),d=n("number"),c=()=>{},m=e=>()=>e,u=(e,t)=>e===t,p=e=>t=>!e(t),g=m(!1);class h{constructor(e,t){this.tag=e,this.value=t}static some(e){return new h(!0,e)}static none(){return h.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?h?.some(e(this.value)):h.none()}bind(e){return this.tag?e(this.value):h.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:h.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return l(e)?h?.some(e):h.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}h.singletonNone=new h(!1);const f=Array.prototype.slice,y=Array.prototype.indexOf,v=Array.prototype.push,C=(e,t)=>{return n=e,o=t,y.call(n,o)>-1;var n,o},b=(e,t)=>{for(let n=0,o=e.length;n<o;n++)if(t(e[n],n))return!0;return!1},N=(e,t)=>{const n=e.length,o=new Array(n);for(let r=0;r<n;r++){const n=e[r];o[r]=t(n,r)}return o},S=(e,t)=>{for(let n=0,o=e.length;n<o;n++)t(e[n],n)},L=(e,t)=>{const n=[];for(let o=0,r=e.length;o<r;o++){const r=e[o];t(r,o)&&n.push(r)}return n},O=(e,t,n)=>(S(e,((e,o)=>{n=t(n,e,o)})),n),A=(e,t,n)=>{for(let o=0,r=e.length;o<r;o++){const r=e[o];if(t(r,o))return h?.some(r);if(n(r,o))break}return h.none()},T=(e,t)=>A(e,t,g),x=(e,t)=>(e=>{const t=[];for(let n=0,o=e.length;n<o;++n){if(!s(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);v.apply(t,e[n])}return t})(N(e,t)),k=e=>{const t=f.call(e,0);return t.reverse(),t},E=(e,t)=>t>=0&&t<e.length?h?.some(e[t]):h.none(),w=e=>E(e,0),D=e=>E(e,e.length-1),B=(e,t)=>{const n=[],o=a(t)?e=>b(n,(n=>t(n,e))):e=>C(n,e);for(let t=0,r=e.length;t<r;t++){const r=e[t];o(r)||n.push(r)}return n},M=Object.keys,P=(e,t)=>{const n=M(e);for(let o=0,r=n.length;o<r;o++){const r=n[o];t(e[r],r)}},I="undefined"!=typeof window?window:Function("return this;")(),R=(e,t,n=u)=>e.exists((e=>n(e,t))),U=(e,t,n)=>e.isSome()&&t.isSome()?h?.some(n(e.getOrDie(),t.getOrDie())):h.none(),$=(e,t)=>((e,t)=>{let n=null!=t?t:I;for(let t=0;t<e.length&&null!=n;++t)n=n[e[t]];return n})(e.split("."),t),_=(H=/^\s+|\s+$/g,e=>e.replace(H,""));var H;const F=e=>"\ufeff"===e,V=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},j=(e,t)=>{const n=(t||document).createElement("div");if(n.innerHTML=e,!n.hasChildNodes()||n.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return V(n.childNodes[0])},K=(e,t)=>{const n=(t||document).createElement(e);return V(n)},z=V,Q=(e,t)=>{const n=e.dom;if(1!==n.nodeType)return!1;{const e=n;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},W=(e,t)=>e.dom===t.dom,q=Q,Z=Object.getPrototypeOf,G=e=>{const t=$("ownerDocument.defaultView",e);return r(e)&&((e=>((e,t)=>{const n=((e,t)=>$(e,t))(e,t);if(null==n)throw new Error(e+" not available on this browser");return n})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(Z(e).constructor.name))},J=e=>e.dom.nodeName.toLowerCase(),X=e=>e.dom.nodeType,Y=e=>t=>X(t)===e,ee=e=>te(e)&&G(e.dom),te=Y(1),ne=Y(3),oe=Y(11),re=e=>t=>te(t)&&J(t)===e,se=e=>h.from(e.dom.parentNode)?.map(z),ie=e=>N(e.dom.childNodes,z),le=(e,t)=>{const n=e.dom.childNodes;return h.from(n[t])?.map(z)},ae=e=>le(e,0),de=e=>le(e,e.dom.childNodes.length-1),ce=e=>z(e.dom.host),me=(e,t)=>{se(e).each((n=>{n.dom.insertBefore(t.dom,e.dom)}))},ue=(e,t)=>{e.dom.appendChild(t.dom)},pe=(e,t)=>{S(t,(t=>{ue(e,t)}))},ge=(e,t)=>{const n=e.dom;P(t,((e,t)=>{((e,t,n)=>{if(!(o(n)||i(n)||d(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")})(n,t,e)}))},he=e=>O(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}),fe=e=>{e.dom.textContent="",S(ie(e),(e=>{ye(e)}))},ye=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},ve=e=>(e=>z(e.dom.cloneNode(!0)))(e),Ce=(e,t)=>{const n=((e,t)=>{const n=K(t),o=he(e);return ge(n,o),n})(e,t);var o,r;r=n,(e=>h.from(e.dom.nextSibling)?.map(z))(o=e).fold((()=>{se(o).each((e=>{ue(e,r)}))}),(e=>{me(e,r)}));const s=ie(e);return pe(n,s),ye(e),n},be=e=>N(e,z),Ne=e=>{const t=ne(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const n=t.ownerDocument;return(e=>{const t=(e=>z(e.dom.getRootNode()))(e);return oe(n=t)&&l(n.dom.host)?h?.some(t):h.none();var n})(z(t)).fold((()=>n.body.contains(t)),(o=Ne,r=ce,e=>o(r(e))));var o,r},Se=(e,t,n)=>{((e,t,n)=>{if(!o(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);(e=>void 0!==e.style&&a(e.style.getPropertyValue))(e)&&e.style.setProperty(t,n)})(e.dom,t,n)},Le=(e,t)=>{const n=(t||document).createDocumentFragment();return S(e,(e=>{n.appendChild(e.dom)})),z(n)};var Oe=(e,t,n,o,r)=>e(n,o)?h?.some(n):a(r)&&r(n)?h.none():t(n,o,r);const Ae=(e,t,n)=>{let o=e.dom;const r=a(n)?n:g;for(;o.parentNode;){o=o.parentNode;const e=z(o);if(t(e))return h?.some(e);if(r(e))break}return h.none()},Te=(e,t,n)=>Oe(((e,t)=>t(e)),Ae,e,t,n),xe=(e,t,n)=>Ae(e,(e=>Q(e,t)),n);var ke=tinymce.util.Tools.resolve("tinymce.dom.RangeUtils"),Ee=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),we=tinymce.util.Tools.resolve("tinymce.util.VK"),De=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),Be=tinymce.util.Tools.resolve("tinymce.util.Tools");const Me=e=>t=>l(t)&&t.nodeName.toLowerCase()===e,Pe=e=>t=>l(t)&&e.test(t.nodeName),Ie=e=>l(e)&&3===e.nodeType,Re=e=>l(e)&&1===e.nodeType,Ue=Pe(/^(OL|UL|DL)$/),$e=Pe(/^(OL|UL)$/),_e=Me("ol"),He=Pe(/^(LI|DT|DD)$/),Fe=Pe(/^(DT|DD)$/),Ve=Pe(/^(TH|TD)$/),je=Me("br"),Ke=(e,t)=>l(t)&&t.nodeName in e.schema.getTextBlockElements(),ze=(e,t)=>l(e)&&e.nodeName in t,Qe=(e,t)=>l(t)&&t.nodeName in e.schema.getVoidElements(),We=(e,t,n)=>{const o=e.isEmpty(t);return!(n&&e.select("span[data-mce-type=bookmark]",t).length>0)&&o},qe=(e,t)=>e.isChildOf(t,e.getRoot()),Ze=e=>t=>t.options.get(e),Ge=Ze("lists_indent_on_tab"),Je=Ze("forced_root_block"),Xe=Ze("forced_root_block_attrs"),Ye=(e,t,n={})=>{const o=e.dom,r=e.schema.getBlockElements(),s=o.createFragment(),i=Je(e),l=Xe(e);let a,d,c=!1;for(d=o.create(i,{...l,...n.style?{style:n.style}:{}}),ze(t.firstChild,r)||s.appendChild(d);a=t.firstChild;){const e=a.nodeName;c||"SPAN"===e&&"bookmark"===a.getAttribute("data-mce-type")||(c=!0),ze(a,r)?(s.appendChild(a),d=null):(d||(d=o.create(i,l),s.appendChild(d)),d.appendChild(a))}return!c&&d&&d.appendChild(o.create("br",{"data-mce-bogus":"1"})),s},et=De.DOM,tt=re("dd"),nt=re("dt"),ot=(e,t)=>{var n;tt(t)?Ce(t,"dt"):nt(t)&&(n=t,h.from(n.dom.parentElement)?.map(z)).each((n=>((e,t,n)=>{const o=et.select('span[data-mce-type="bookmark"]',t),r=Ye(e,n),s=et.createRng();s.setStartAfter(n),s.setEndAfter(t);const i=s.extractContents();for(let t=i.firstChild;t;t=t.firstChild)if("LI"===t.nodeName&&e.dom.isEmpty(t)){et.remove(t);break}e.dom.isEmpty(i)||et.insertAfter(i,t),et.insertAfter(r,t);const l=n.parentElement;l&&We(e.dom,l)&&(e=>{const t=e.parentNode;t&&Be.each(o,(e=>{t.insertBefore(e,n.parentNode)})),et.remove(e)})(l),et.remove(n),We(e.dom,t)&&et.remove(t)})(e,n.dom,t.dom)))},rt=e=>{nt(e)&&Ce(e,"dd")},st=(e,t)=>{if(Ie(e))return{container:e,offset:t};const n=ke.getNode(e,t);return Ie(n)?{container:n,offset:t>=e.childNodes.length?n.data.length:0}:n.previousSibling&&Ie(n.previousSibling)?{container:n.previousSibling,offset:n.previousSibling.data.length}:n.nextSibling&&Ie(n.nextSibling)?{container:n.nextSibling,offset:0}:{container:e,offset:t}},it=e=>{const t=e.cloneRange(),n=st(e.startContainer,e.startOffset);t.setStart(n.container,n.offset);const o=st(e.endContainer,e.endOffset);return t.setEnd(o.container,o.offset),t},lt=["OL","UL","DL"],at=lt.join(","),dt=(e,t)=>{const n=t||e.selection.getStart(!0);return e.dom.getParent(n,at,ut(e,n))},ct=e=>{const t=e.selection.getSelectedBlocks();return L(((e,t)=>{const n=Be?.map(t,(t=>e.dom.getParent(t,"li,dd,dt",ut(e,t))||t));return B(n)})(e,t),He)},mt=(e,t)=>{const n=e.dom.getParents(t,"TD,TH");return n.length>0?n[0]:e.getBody()},ut=(e,t)=>{const n=e.dom.getParents(t,e.dom.isBlock),o=T(n,(t=>{return(t=>t.nodeName.toLowerCase()!==Je(e))(t)&&(n=e.schema,!Ue(o=t)&&!He(o)&&b(lt,(e=>n.isValidChild(o.nodeName,e))));var n,o}));return o.getOr(e.getBody())},pt=(e,t)=>{const n=e.dom.getParents(t,"ol,ul",ut(e,t));return D(n)},gt=(e,t)=>{const n=N(t,(t=>pt(e,t).getOr(t)));return B(n)},ht=e=>/\btox\-/.test(e.className),ft=(e,t)=>A(e,Ue,Ve).exists((e=>e.nodeName===t&&!ht(e))),yt=(e,t)=>null!==t&&!e.dom.isEditable(t),vt=(e,t)=>{const n=e.dom.getParent(t,"ol,ul,dl");return yt(e,n)||!e.selection.isEditable()},Ct=(e,t)=>{const n=e.selection.getNode();return t({parents:e.dom.getParents(n),element:n}),e.on("NodeChange",t),()=>e.off("NodeChange",t)},bt=(e,t,n)=>e.dispatch("ListMutation",{action:t,element:n}),Nt=e=>q(e,"OL,UL"),St=e=>ae(e).exists(Nt),Lt=e=>"listAttributes"in e,Ot=e=>"isComment"in e,At=e=>e.depth>0,Tt=e=>e.isSelected,xt=e=>{const t=ie(e),n=de(e).exists(Nt)?t.slice(0,-1):t;return N(n,ve)},kt=(e,t)=>{ue(e.item,t.list)},Et=(e,t)=>{const n={list:K(t,e),item:K("li",e)};return ue(n.list,n.item),n},wt=(e,t,n)=>{const o=t.slice(0,n.depth);return D(o).each((t=>{if(Lt(n)){const o=((e,t,n)=>{const o=K("li",e);return ge(o,t),pe(o,n),o})(e,n.itemAttributes,n.content);((e,t)=>{ue(e.list,t),e.item=t})(t,o),((e,t)=>{J(e.list)!==t.listType&&(e.list=Ce(e.list,t.listType)),ge(e.list,t.listAttributes)})(t,n)}else if((e=>"isFragment"in e)(n))pe(t.item,n.content);else{const e=j(`\x3c!--${n.content}--\x3e`);ue(t.list,e)}})),o},Dt=(e,t)=>{let n=h.none();const o=O(t,((t,o,r)=>Ot(o)?0===r?(n=h?.some(o),t):wt(e,t,o):o.depth>t.length?((e,t,n)=>{const o=((e,t,n)=>{const o=[];for(let r=0;r<n;r++)o.push(Et(e,Lt(t)?t.listType:t.parentListType));return o})(e,n,n.depth-t.length);var r;return(e=>{for(let t=1;t<e.length;t++)kt(e[t-1],e[t])})(o),((e,t)=>{for(let t=0;t<e.length-1;t++)Se(e[t].item,"list-style-type","none");D(e).each((e=>{Lt(t)&&(ge(e.list,t.listAttributes),ge(e.item,t.itemAttributes)),pe(e.item,t.content)}))})(o,n),r=o,U(D(t),w(r),kt),t.concat(o)})(e,t,o):wt(e,t,o)),[]);return n.each((e=>{const t=j(`\x3c!--${e.content}--\x3e`);w(o).each((e=>{((e,t)=>{ae(e).fold((()=>{ue(e,t)}),(n=>{e.dom.insertBefore(t.dom,n.dom)}))})(e.list,t)}))})),w(o)?.map((e=>e.list))},Bt=e=>(S(e,((t,n)=>{((e,t)=>{const n=e[t].depth,o=e=>e.depth===n&&!e.dirty,r=e=>e.depth<n;return A(k(e.slice(0,t)),o,r).orThunk((()=>A(e.slice(t+1),o,r)))})(e,n).fold((()=>{t.dirty&&Lt(t)&&(e=>{e.listAttributes=((e,t)=>{const n={};var o;return((e,t,n,o)=>{P(e,((e,r)=>{(t(e,r)?n:o)(e,r)}))})(e,t,(o=n,(e,t)=>{o[t]=e}),c),n})(e.listAttributes,((e,t)=>"start"!==t))})(t)}),(e=>{return o=e,void(Lt(n=t)&&Lt(o)&&(n.listType=o.listType,n.listAttributes={...o.listAttributes}));var n,o}))})),e),Mt=(e,t,n,o)=>{var r,s;if(8===X(s=o)||"#comment"===J(s))return[{depth:e+1,content:null!==(r=o.dom.nodeValue)&&void 0!==r?r:"",dirty:!1,isSelected:!1,isComment:!0}];t.each((e=>{W(e.start,o)&&n.set(!0)}));const i=((e,t,n)=>se(e).filter(te)?.map((o=>({depth:t,dirty:!1,isSelected:n,content:xt(e),itemAttributes:he(e),listAttributes:he(o),listType:J(o),isInPreviousLi:!1}))))(o,e,n.get());t.each((e=>{W(e.end,o)&&n.set(!1)}));const l=de(o).filter(Nt)?.map((o=>It(e,t,n,o))).getOr([]);return i.toArray().concat(l)},Pt=(e,t,n,o)=>ae(o).filter(Nt).fold((()=>Mt(e,t,n,o)),(r=>{const s=O(ie(o),((o,s,i)=>{if(0===i)return o;if(q(s,"LI"))return o.concat(Mt(e,t,n,s));{const t={isFragment:!0,depth:e,content:[s],isSelected:!1,dirty:!1,parentListType:J(r)};return o.concat(t)}}),[]);return It(e,t,n,r).concat(s)})),It=(e,t,n,o)=>x(ie(o),(o=>(Nt(o)?It:Pt)(e+1,t,n,o))),Rt=(e,t,n)=>{const o=((e,t)=>{const n=(()=>{let e=!1;return{get:()=>e,set:t=>{e=t}}})();return N(e,(e=>({sourceList:e,entries:It(0,t,n,e)})))})(t,(e=>{const t=N(ct(e),z);return U(T(t,p(St)),T(k(t),p(St)),((e,t)=>({start:e,end:t})))})(e));S(o,(t=>{((e,t)=>{S(L(e,Tt),(e=>((e,t)=>{switch(e){case"Indent":t.depth++;break;case"Outdent":t.depth--;break;case"Flatten":t.depth=0}t.dirty=!0})(t,e)))})(t.entries,n);const o=((e,t)=>x(((e,t)=>{if(0===e.length)return[];{let n=t(e[0]);const o=[];let r=[];for(let s=0,i=e.length;s<i;s++){const i=e[s],l=t(i);l!==n&&(o.push(r),r=[]),n=l,r.push(i)}return 0!==r.length&&o.push(r),o}})(t,At),(t=>w(t).exists(At)?((e,t)=>{const n=Bt(t);return Dt(e.contentDocument,n).toArray()})(e,t):((e,t)=>{const n=Bt(t);return N(n,(t=>{const n=Ot(t)?Le([j(`\x3c!--${t.content}--\x3e`)]):Le(t.content),o=Lt(t)?t.itemAttributes:{};return z(Ye(e,n.dom,o))}))})(e,t))))(e,t.entries);var r;S(o,(t=>{bt(e,"Indent"===n?"IndentList":"OutdentList",t.dom)})),r=t.sourceList,S(o,(e=>{me(r,e)})),ye(t.sourceList)}))},Ut=(e,t)=>{const n=be((e=>{const t=(e=>{const t=pt(e,e.selection.getStart()),n=L(e.selection.getSelectedBlocks(),$e);return t.toArray().concat(n)})(e),n=(e=>{const t=e.selection.getStart();return e.dom.getParents(t,"ol,ul",ut(e,t))})(e);return T(n,(e=>{return t=z(e),se(t).exists((e=>He(e.dom)&&ae(e).exists((e=>!Ue(e.dom)))&&de(e).exists((e=>!Ue(e.dom)))));var t})).fold((()=>gt(e,t)),(e=>[e]))})(e)),o=be((e=>L(ct(e),Fe))(e));let r=!1;if(n.length||o.length){const s=e.selection.getBookmark();Rt(e,n,t),((e,t,n)=>{S(n,"Indent"===t?rt:t=>ot(e,t))})(e,t,o),e.selection.moveToBookmark(s),e.selection.setRng(it(e.selection.getRng())),e.nodeChanged(),r=!0}return r},$t=(e,t)=>!(e=>{const t=dt(e);return yt(e,t)||!e.selection.isEditable()})(e)&&Ut(e,t),_t=e=>$t(e,"Indent"),Ht=e=>$t(e,"Outdent"),Ft=e=>$t(e,"Flatten");var Vt=tinymce.util.Tools.resolve("tinymce.dom.BookmarkManager");const jt=De.DOM,Kt=e=>{const t={},n=n=>{let o=e[n?"startContainer":"endContainer"],r=e[n?"startOffset":"endOffset"];if(Re(o)){const e=jt.create("span",{"data-mce-type":"bookmark"});o.hasChildNodes()?(r=Math.min(r,o.childNodes.length-1),n?o.insertBefore(e,o.childNodes[r]):jt.insertAfter(e,o.childNodes[r])):o.appendChild(e),o=e,r=0}t[n?"startContainer":"endContainer"]=o,t[n?"startOffset":"endOffset"]=r};return n(!0),e.collapsed||n(),t},zt=e=>{const t=t=>{let n=e[t?"startContainer":"endContainer"],o=e[t?"startOffset":"endOffset"];if(n){if(Re(n)&&n.parentNode){const e=n;o=(e=>{var t;let n=null===(t=e.parentNode)||void 0===t?void 0:t.firstChild,o=0;for(;n;){if(n===e)return o;Re(n)&&"bookmark"===n.getAttribute("data-mce-type")||o++,n=n.nextSibling}return-1})(n),n=n.parentNode,jt.remove(e),!n.hasChildNodes()&&jt.isBlock(n)&&n.appendChild(jt.create("br"))}e[t?"startContainer":"endContainer"]=n,e[t?"startOffset":"endOffset"]=o}};t(!0),t();const n=jt.createRng();return n.setStart(e.startContainer,e.startOffset),e.endContainer&&n.setEnd(e.endContainer,e.endOffset),it(n)},Qt=e=>{switch(e){case"UL":return"ToggleUlList";case"OL":return"ToggleOlList";case"DL":return"ToggleDLList"}},Wt=(e,t)=>{Be.each(t,((t,n)=>{e.setAttribute(n,t)}))},qt=(e,t,n)=>{((e,t,n)=>{const o=n["list-style-type"]?n["list-style-type"]:null;e.setStyle(t,"list-style-type",o)})(e,t,n),((e,t,n)=>{Wt(t,n["list-attributes"]),Be.each(e.select("li",t),(e=>{Wt(e,n["list-item-attributes"])}))})(e,t,n)},Zt=(e,t)=>l(t)&&!ze(t,e.schema.getBlockElements()),Gt=(e,t,n,o)=>{let r=t[n?"startContainer":"endContainer"];const s=t[n?"startOffset":"endOffset"];Re(r)&&(r=r.childNodes[Math.min(s,r.childNodes.length-1)]||r),!n&&je(r.nextSibling)&&(r=r.nextSibling);const i=(t,n)=>{var r;const s=new Ee(t,(t=>{for(;!e.dom.isBlock(t)&&t.parentNode&&o!==t;)t=t.parentNode;return t})(t)),i=n?"next":"prev";let l;for(;l=s[i]();)if(!Qe(e,l)&&!F(l.textContent)&&0!==(null===(r=l.textContent)||void 0===r?void 0:r.length))return h?.some(l);return h.none()};if(n&&Ie(r))if(F(r.textContent))r=i(r,!1).getOr(r);else for(null!==r.parentNode&&Zt(e,r.parentNode)&&(r=r.parentNode);null!==r.previousSibling&&(Zt(e,r.previousSibling)||Ie(r.previousSibling));)r=r.previousSibling;if(!n&&Ie(r))if(F(r.textContent))r=i(r,!0).getOr(r);else for(null!==r.parentNode&&Zt(e,r.parentNode)&&(r=r.parentNode);null!==r.nextSibling&&(Zt(e,r.nextSibling)||Ie(r.nextSibling));)r=r.nextSibling;for(;r.parentNode!==o;){const t=r.parentNode;if(Ke(e,r))return r;if(/^(TD|TH)$/.test(t.nodeName))return r;r=t}return r},Jt=(e,t,n)=>{const o=e.selection.getRng();let r="LI";const s=ut(e,((e,t)=>{const n=e.selection.getStart(!0),o=Gt(e,t,!0,e.getBody());return r=z(o),s=z(t.commonAncestorContainer),i=r,l=function(e,...t){return(...n)=>{const o=t.concat(n);return e.apply(null,o)}}(W,s),Ae(i,l,void 0).isSome()?t.commonAncestorContainer:n;var r,s,i,l})(e,o)),i=e.dom;if("false"===i.getContentEditable(e.selection.getNode()))return;"DL"===(t=t.toUpperCase())&&(r="DT");const l=Kt(o),a=L(((e,t,n)=>{const o=[],r=e.dom,s=Gt(e,t,!0,n),i=Gt(e,t,!1,n);let l;const a=[];for(let e=s;e&&(a.push(e),e!==i);e=e.nextSibling);return Be.each(a,(t=>{var s;if(Ke(e,t))return o.push(t),void(l=null);if(r.isBlock(t)||je(t))return je(t)&&r.remove(t),void(l=null);const i=t.nextSibling;Vt.isBookmarkNode(t)&&(Ue(i)||Ke(e,i)||!i&&t.parentNode===n)?l=null:(l||(l=r.create("p"),null===(s=t.parentNode)||void 0===s||s.insertBefore(l,t),o.push(l)),l.appendChild(t))})),o})(e,o,s),e.dom.isEditable);Be.each(a,(o=>{let s;const l=o.previousSibling,a=o.parentNode;He(a)||(l&&Ue(l)&&l.nodeName===t&&((e,t,n)=>{const o=e.getStyle(t,"list-style-type");let r=n?n["list-style-type"]:"";return r=null===r?"":r,o===r})(i,l,n)?(s=l,o=i.rename(o,r),l.appendChild(o)):(s=i.create(t),a.insertBefore(s,o),s.appendChild(o),o=i.rename(o,r)),((e,t)=>{Be.each(["margin","margin-right","margin-bottom","margin-left","margin-top","padding","padding-right","padding-bottom","padding-left","padding-top"],(n=>e.setStyle(t,n,"")))})(i,o),qt(i,s,n),Yt(e.dom,s))})),e.selection.setRng(zt(l))},Xt=(e,t,n)=>{return((e,t)=>Ue(e)&&e.nodeName===(null==t?void 0:t.nodeName))(t,n)&&((e,t,n)=>e.getStyle(t,"list-style-type",!0)===e.getStyle(n,"list-style-type",!0))(e,t,n)&&(o=n,t.className===o.className);var o},Yt=(e,t)=>{let n,o=t.nextSibling;if(Xt(e,t,o)){const r=o;for(;n=r.firstChild;)t.appendChild(n);e.remove(r)}if(o=t.previousSibling,Xt(e,t,o)){const r=o;for(;n=r.lastChild;)t.insertBefore(n,t.firstChild);e.remove(r)}},en=(e,t,n,o)=>{if(t.nodeName!==n){const r=e.dom.rename(t,n);qt(e.dom,r,o),bt(e,Qt(n),r)}else qt(e.dom,t,o),bt(e,Qt(n),t)},tn=(e,t,n,o)=>{if(t.classList.forEach(((e,n,o)=>{e.startsWith("tox-")&&(o.remove(e),0===o.length&&t.removeAttribute("class"))})),t.nodeName!==n){const r=e.dom.rename(t,n);qt(e.dom,r,o),bt(e,Qt(n),r)}else qt(e.dom,t,o),bt(e,Qt(n),t)},nn=e=>"list-style-type"in e,on=(e,t,n)=>{const o=dt(e);if(vt(e,o))return;const s=(e=>{const t=dt(e),n=e.selection.getSelectedBlocks();return((e,t)=>l(e)&&1===t.length&&t[0]===e)(t,n)?(e=>L(e.querySelectorAll(at),Ue))(t):L(n,(e=>Ue(e)&&t!==e))})(e),i=r(n)?n:{};s.length>0?((e,t,n,o,r)=>{const s=Ue(t);if(!s||t.nodeName!==o||nn(r)||ht(t)){Jt(e,o,r);const i=Kt(e.selection.getRng()),l=s?[t,...n]:n,a=s&&ht(t)?tn:en;Be.each(l,(t=>{a(e,t,o,r)})),e.selection.setRng(zt(i))}else Ft(e)})(e,o,s,t,i):((e,t,n,o)=>{if(t!==e.getBody())if(t)if(t.nodeName!==n||nn(o)||ht(t)){const r=Kt(e.selection.getRng());ht(t)&&t.classList.forEach(((e,n,o)=>{e.startsWith("tox-")&&(o.remove(e),0===o.length&&t.removeAttribute("class"))})),qt(e.dom,t,o);const s=e.dom.rename(t,n);Yt(e.dom,s),e.selection.setRng(zt(r)),Jt(e,n,o),bt(e,Qt(n),s)}else Ft(e);else Jt(e,n,o),bt(e,Qt(n),t)})(e,o,t,i)},rn=De.DOM,sn=(e,t)=>{const n=Be.grep(e.select("ol,ul",t));Be.each(n,(t=>{((e,t)=>{const n=t.parentElement;if(n&&"LI"===n.nodeName&&n.firstChild===t){const o=n.previousSibling;o&&"LI"===o.nodeName?(o.appendChild(t),We(e,n)&&rn.remove(n)):rn.setStyle(n,"listStyleType","none")}if(Ue(n)){const e=n.previousSibling;e&&"LI"===e.nodeName&&e.appendChild(t)}})(e,t)}))},ln=(e,t,n,o)=>{let r=t.startContainer;const s=t.startOffset;if(Ie(r)&&(n?s<r.data.length:s>0))return r;const i=e.schema.getNonEmptyElements();Re(r)&&(r=ke.getNode(r,s));const l=new Ee(r,o);n&&((e,t)=>!!je(t)&&e.isBlock(t.nextSibling)&&!je(t.previousSibling))(e.dom,r)&&l.next();const a=n?l.next.bind(l):l.prev2.bind(l);for(;r=a();){if("LI"===r.nodeName&&!r.hasChildNodes())return r;if(i[r.nodeName])return r;if(Ie(r)&&r.data.length>0)return r}return null},an=(e,t)=>{const n=t.childNodes;return 1===n.length&&!Ue(n[0])&&e.isBlock(n[0])},dn=e=>h.from(e)?.map(z).filter(ee).exists((e=>((e,t=!1)=>{return Ne(e)?e.dom.isContentEditable:(n=e,Oe(((e,t)=>Q(e,t)),xe,n,"[contenteditable]",void 0)).fold(m(t),(e=>"true"===(e=>e.dom.contentEditable)(e)));var n})(e)&&!C(["details"],J(e)))),cn=(e,t,n)=>{let o;const r=an(e,n)?n.firstChild:n;if(((e,t)=>{an(e,t)&&dn(t.firstChild)&&e.remove(t.firstChild,!0)})(e,t),!We(e,t,!0))for(;o=t.firstChild;)r.appendChild(o)},mn=(e,t,n)=>{let o;const r=t.parentNode;if(!qe(e,t)||!qe(e,n))return;Ue(n.lastChild)&&(o=n.lastChild),r===n.lastChild&&je(r.previousSibling)&&e.remove(r.previousSibling);const s=n.lastChild;s&&je(s)&&t.hasChildNodes()&&e.remove(s),We(e,n,!0)&&fe(z(n)),cn(e,t,n),o&&n.appendChild(o);const i=((e,t)=>{const n=e.dom,o=t.dom;return n!==o&&n.contains(o)})(z(n),z(t))?e.getParents(t,Ue,n):[];e.remove(t),S(i,(t=>{We(e,t)&&t!==e.getRoot()&&e.remove(t)}))},un=(e,t)=>{const n=e.dom,o=e.selection,r=o.getStart(),s=mt(e,r),i=n.getParent(o.getStart(),"LI",s);if(i){const r=i.parentElement;if(r===e.getBody()&&We(n,r))return!0;const l=it(o.getRng()),a=n.getParent(ln(e,l,t,s),"LI",s),d=a&&(t?n.isChildOf(i,a):n.isChildOf(a,i));if(a&&a!==i&&!d)return e.undoManager.transact((()=>{var n,o;t?((e,t,n,o)=>{const r=e.dom;if(r.isEmpty(o))((e,t,n)=>{fe(z(n)),mn(e.dom,t,n),e.selection.setCursorLocation(n,0)})(e,n,o);else{const s=Kt(t);mn(r,n,o),e.selection.setRng(zt(s))}})(e,l,a,i):(null===(o=(n=i).parentNode)||void 0===o?void 0:o.firstChild)===n?Ht(e):((e,t,n,o)=>{const r=Kt(t);mn(e.dom,n,o);const s=zt(r);e.selection.setRng(s)})(e,l,i,a)})),!0;if(d&&!t&&a!==i){const t=l.commonAncestorContainer.parentElement;return!(!t||n.isChildOf(a,t)||(e.undoManager.transact((()=>{const o=Kt(l);cn(n,t,a),t.remove();const r=zt(o);e.selection.setRng(r)})),0))}if(!a&&!t&&0===l.startOffset&&0===l.endOffset)return e.undoManager.transact((()=>{Ft(e)})),!0}return!1},pn=e=>{const t=e.selection.getStart(),n=mt(e,t);return e.dom.getParent(t,"LI,DT,DD",n)||ct(e).length>0},gn=(e,t)=>{const n=e.selection;return!vt(e,n.getNode())&&(n.isCollapsed()?((e,t)=>un(e,t)||((e,t)=>{const n=e.dom,o=e.selection.getStart(),r=mt(e,o),s=n.getParent(o,n.isBlock,r);if(s&&n.isEmpty(s,void 0,{checkRootAsContent:!0})){const o=it(e.selection.getRng()),i=ln(e,o,t,r),l=n.getParent(i,"LI",r);if(i&&l){const a=e=>C(["td","th","caption"],J(e)),d=e=>e.dom===r;return!!((e,t,n=u)=>U(e,t,n).getOr(e.isNone()&&t.isNone()))(Te(z(l),a,d),Te(z(o.startContainer),a,d),W)&&(e.undoManager.transact((()=>{const o=l.parentNode;((e,t,n)=>{const o=e.getParent(t.parentNode,e.isBlock,n);e.remove(t),o&&e.isEmpty(o)&&e.remove(o)})(n,s,r),Yt(n,o),e.selection.select(i,!0),e.selection.collapse(t)})),!0)}}return!1})(e,t))(e,t):(e=>!!pn(e)&&(e.undoManager.transact((()=>{let t=!0;const n=()=>t=!1;e.on("input",n),e.execCommand("Delete"),e.off("input",n),t&&e.dispatch("input"),sn(e.dom,e.getBody())})),!0))(e))},hn=e=>{const t=k(_(e).split("")),n=N(t,((e,t)=>{const n=e.toUpperCase().charCodeAt(0)-"A".charCodeAt(0)+1;return Math.pow(26,t)*n}));return O(n,((e,t)=>e+t),0)},fn=e=>{if(--e<0)return"";{const t=e%26,n=Math.floor(e/26);return fn(n)+String.fromCharCode("A".charCodeAt(0)+t)}},yn=e=>{const t=parseInt(e.start,10);return R(e.listStyleType,"upper-alpha")?fn(t):R(e.listStyleType,"lower-alpha")?fn(t).toLowerCase():e.start},vn=(e,t)=>()=>{const n=dt(e);return l(n)&&n.nodeName===t},Cn=e=>{e.addCommand("mceListProps",(()=>{(e=>{const t=dt(e);_e(t)&&!vt(e,t)&&e.windowManager.open({title:"List Properties",body:{type:"panel",items:[{type:"input",name:"start",label:"Start list at number",inputMode:"numeric"}]},initialData:{start:yn({start:e.dom.getAttrib(t,"start","1"),listStyleType:h.from(e.dom.getStyle(t,"list-style-type"))})},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],onSubmit:t=>{(e=>{switch((e=>/^[0-9]+$/.test(e)?2:/^[A-Z]+$/.test(e)?0:/^[a-z]+$/.test(e)?1:e.length>0?4:3)(e)){case 2:return h?.some({listStyleType:h.none(),start:e});case 0:return h?.some({listStyleType:h?.some("upper-alpha"),start:hn(e).toString()});case 1:return h?.some({listStyleType:h?.some("lower-alpha"),start:hn(e).toString()});case 3:return h?.some({listStyleType:h.none(),start:""});case 4:return h.none()}})(t.getData().start).each((t=>{e.execCommand("mceListUpdate",!1,{attrs:{start:"1"===t.start?"":t.start},styles:{"list-style-type":t.listStyleType.getOr("")}})})),t.close()}})})(e)}))};var bn=tinymce.util.Tools.resolve("tinymce.html.Node");const Nn=e=>3===e.type,Sn=e=>0===e.length,Ln=e=>{const t=(t,n)=>{const o=bn.create("li");S(t,(e=>o.append(e))),n?e.insert(o,n,!0):e.append(o)},n=O(e.children(),((e,n)=>Nn(n)?[...e,n]:Sn(e)||Nn(n)?e:(t(e,n),[])),[]);Sn(n)||t(n)},On=(e,t)=>n=>(n.setEnabled(e.selection.isEditable()),Ct(e,(o=>{n.setActive(ft(o.parents,t)),n.setEnabled(!vt(e,o.element)&&e.selection.isEditable())}))),An=(e,t)=>n=>Ct(e,(o=>n.setEnabled(ft(o.parents,t)&&!vt(e,o.element))));e.add("lists",(e=>((e=>{(0,e.options.register)("lists_indent_on_tab",{processor:"boolean",default:!0})})(e),(e=>{e.on("PreInit",(()=>{const{parser:t}=e;t.addNodeFilter("ul,ol",(e=>S(e,Ln)))}))})(e),e.hasPlugin("rtc",!0)?Cn(e):((e=>{Ge(e)&&(e=>{e.on("keydown",(t=>{t.keyCode!==we.TAB||we.metaKeyPressed(t)||e.undoManager.transact((()=>{(t.shiftKey?Ht(e):_t(e))&&t.preventDefault()}))}))})(e),(e=>{e.on("ExecCommand",(t=>{const n=t.command.toLowerCase();"delete"!==n&&"forwarddelete"!==n||!pn(e)||sn(e.dom,e.getBody())})),e.on("keydown",(t=>{t.keyCode===we.BACKSPACE?gn(e,!1)&&t.preventDefault():t.keyCode===we.DELETE&&gn(e,!0)&&t.preventDefault()}))})(e)})(e),(e=>{e.on("BeforeExecCommand",(t=>{const n=t.command.toLowerCase();"indent"===n?_t(e):"outdent"===n&&Ht(e)})),e.addCommand("InsertUnorderedList",((t,n)=>{on(e,"UL",n)})),e.addCommand("InsertOrderedList",((t,n)=>{on(e,"OL",n)})),e.addCommand("InsertDefinitionList",((t,n)=>{on(e,"DL",n)})),e.addCommand("RemoveList",(()=>{Ft(e)})),Cn(e),e.addCommand("mceListUpdate",((t,n)=>{r(n)&&((e,t)=>{const n=dt(e);null===n||vt(e,n)||e.undoManager.transact((()=>{r(t.styles)&&e.dom.setStyles(n,t.styles),r(t.attrs)&&P(t.attrs,((t,o)=>e.dom.setAttrib(n,o,t)))}))})(e,n)})),e.addQueryStateHandler("InsertUnorderedList",vn(e,"UL")),e.addQueryStateHandler("InsertOrderedList",vn(e,"OL")),e.addQueryStateHandler("InsertDefinitionList",vn(e,"DL"))})(e)),(e=>{const t=t=>()=>e.execCommand(t);e.hasPlugin("advlist")||(e.ui.registry.addToggleButton("numlist",{icon:"ordered-list",active:!1,tooltip:"Numbered list",onAction:t("InsertOrderedList"),onSetup:On(e,"OL")}),e.ui.registry.addToggleButton("bullist",{icon:"unordered-list",active:!1,tooltip:"Bullet list",onAction:t("InsertUnorderedList"),onSetup:On(e,"UL")}))})(e),(e=>{const t={text:"List properties...",icon:"ordered-list",onAction:()=>e.execCommand("mceListProps"),onSetup:An(e,"OL")};e.ui.registry.addMenuItem("listprops",t),e.ui.registry.addContextMenu("lists",{update:t=>{const n=dt(e,t);return _e(n)?["listprops"]:[]}})})(e),(e=>({backspaceDelete:t=>{gn(e,t)}}))(e))))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/index.js
new file mode 100644
index 000000000..b69a10dcd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/index.js
@@ -0,0 +1,7 @@
+// Exports the "media" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/media')
+//   ES2015:
+//     import 'tinymce/plugins/media'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/plugin.js
new file mode 100644
index 000000000..683e30773
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/plugin.js
@@ -0,0 +1,1475 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType('string');
+    const isObject = isType('object');
+    const isArray = isType('array');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const get$1 = (obj, key) => {
+        return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('audio_template_callback', {
+            processor: 'function'
+        });
+        registerOption('video_template_callback', {
+            processor: 'function'
+        });
+        registerOption('iframe_template_callback', {
+            processor: 'function'
+        });
+        registerOption('media_live_embeds', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('media_filter_html', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('media_url_resolver', {
+            processor: 'function'
+        });
+        registerOption('media_alt_source', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('media_poster', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('media_dimensions', {
+            processor: 'boolean',
+            default: true
+        });
+    };
+    const getAudioTemplateCallback = option('audio_template_callback');
+    const getVideoTemplateCallback = option('video_template_callback');
+    const getIframeTemplateCallback = option('iframe_template_callback');
+    const hasLiveEmbeds = option('media_live_embeds');
+    const shouldFilterHtml = option('media_filter_html');
+    const getUrlResolver = option('media_url_resolver');
+    const hasAltSource = option('media_alt_source');
+    const hasPoster = option('media_poster');
+    const hasDimensions = option('media_dimensions');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.html.DomParser');
+
+    const DOM$1 = global$4.DOM;
+    const trimPx = (value) => value.replace(/px$/, '');
+    const getEphoxEmbedData = (node) => {
+        const style = node.attr('style');
+        const styles = style ? DOM$1.parseStyle(style) : {};
+        return {
+            type: 'ephox-embed-iri',
+            source: node.attr('data-ephox-embed-iri'),
+            altsource: '',
+            poster: '',
+            width: get$1(styles, 'max-width')?.map(trimPx).getOr(''),
+            height: get$1(styles, 'max-height')?.map(trimPx).getOr('')
+        };
+    };
+    const htmlToData = (html, schema) => {
+        let data = {};
+        const parser = global$3({ validate: false, forced_root_block: false }, schema);
+        const rootNode = parser.parse(html);
+        for (let node = rootNode; node; node = node.walk()) {
+            if (node.type === 1) {
+                const name = node.name;
+                if (node.attr('data-ephox-embed-iri')) {
+                    data = getEphoxEmbedData(node);
+                    // Don't continue to collect if we find an EME embed
+                    break;
+                }
+                else {
+                    if (!data.source && name === 'param') {
+                        data.source = node.attr('movie');
+                    }
+                    if (name === 'iframe' || name === 'object' || name === 'embed' || name === 'video' || name === 'audio') {
+                        if (!data.type) {
+                            data.type = name;
+                        }
+                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                        data = global$5.extend(node.attributes.map, data);
+                    }
+                    if (name === 'source') {
+                        if (!data.source) {
+                            data.source = node.attr('src');
+                        }
+                        else if (!data.altsource) {
+                            data.altsource = node.attr('src');
+                        }
+                    }
+                    if (name === 'img' && !data.poster) {
+                        data.poster = node.attr('src');
+                    }
+                }
+            }
+        }
+        data.source = data.source || data.src || '';
+        data.altsource = data.altsource || '';
+        data.poster = data.poster || '';
+        return data;
+    };
+
+    const guess = (url) => {
+        var _a;
+        const mimes = {
+            mp3: 'audio/mpeg',
+            m4a: 'audio/x-m4a',
+            wav: 'audio/wav',
+            mp4: 'video/mp4',
+            webm: 'video/webm',
+            ogg: 'video/ogg',
+            swf: 'application/x-shockwave-flash'
+        };
+        const fileEnd = (_a = url.toLowerCase().split('.').pop()) !== null && _a !== void 0 ? _a : '';
+        return get$1(mimes, fileEnd).getOr('');
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.html.Serializer');
+
+    const Parser = (schema, settings = {}) => global$3({
+        forced_root_block: false,
+        validate: false,
+        allow_conditional_comments: true,
+        ...settings
+    }, schema);
+
+    const DOM = global$4.DOM;
+    const addPx = (value) => /^[0-9.]+$/.test(value) ? (value + 'px') : value;
+    const updateEphoxEmbed = (data, node) => {
+        const style = node.attr('style');
+        const styleMap = style ? DOM.parseStyle(style) : {};
+        if (isNonNullable(data.width)) {
+            styleMap['max-width'] = addPx(data.width);
+        }
+        if (isNonNullable(data.height)) {
+            styleMap['max-height'] = addPx(data.height);
+        }
+        node.attr('style', DOM.serializeStyle(styleMap));
+    };
+    const sources = ['source', 'altsource'];
+    const updateHtml = (html, data, updateAll, schema) => {
+        let numSources = 0;
+        let sourceCount = 0;
+        const parser = Parser(schema);
+        parser.addNodeFilter('source', (nodes) => numSources = nodes.length);
+        const rootNode = parser.parse(html);
+        for (let node = rootNode; node; node = node.walk()) {
+            if (node.type === 1) {
+                const name = node.name;
+                if (node.attr('data-ephox-embed-iri')) {
+                    updateEphoxEmbed(data, node);
+                    // Don't continue to update if we find an EME embed
+                    break;
+                }
+                else {
+                    switch (name) {
+                        case 'video':
+                        case 'object':
+                        case 'embed':
+                        case 'img':
+                        case 'iframe':
+                            if (data.height !== undefined && data.width !== undefined) {
+                                node.attr('width', data.width);
+                                node.attr('height', data.height);
+                            }
+                            break;
+                    }
+                    if (updateAll) {
+                        switch (name) {
+                            case 'video':
+                                node.attr('poster', data.poster);
+                                node.attr('src', null);
+                                // Add <source> child elements
+                                for (let index = numSources; index < 2; index++) {
+                                    if (data[sources[index]]) {
+                                        const source = new global$2('source', 1);
+                                        source.attr('src', data[sources[index]]);
+                                        source.attr('type', data[sources[index] + 'mime'] || null);
+                                        node.append(source);
+                                    }
+                                }
+                                break;
+                            case 'iframe':
+                                node.attr('src', data.source);
+                                break;
+                            case 'object':
+                                const hasImage = node.getAll('img').length > 0;
+                                if (data.poster && !hasImage) {
+                                    node.attr('src', data.poster);
+                                    const img = new global$2('img', 1);
+                                    img.attr('src', data.poster);
+                                    img.attr('width', data.width);
+                                    img.attr('height', data.height);
+                                    node.append(img);
+                                }
+                                break;
+                            case 'source':
+                                if (sourceCount < 2) {
+                                    node.attr('src', data[sources[sourceCount]]);
+                                    node.attr('type', data[sources[sourceCount] + 'mime'] || null);
+                                    if (!data[sources[sourceCount]]) {
+                                        node.remove();
+                                        continue;
+                                    }
+                                }
+                                sourceCount++;
+                                break;
+                            case 'img':
+                                if (!data.poster) {
+                                    node.remove();
+                                }
+                                break;
+                        }
+                    }
+                }
+            }
+        }
+        return global$1({}, schema).serialize(rootNode);
+    };
+
+    const urlPatterns = [
+        {
+            regex: /youtu\.be\/([\w\-_\?&=.]+)/i,
+            type: 'iframe', w: 560, h: 314,
+            url: 'www.youtube.com/embed/$1',
+            allowFullscreen: true
+        },
+        {
+            regex: /youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i,
+            type: 'iframe', w: 560, h: 314,
+            url: 'www.youtube.com/embed/$2?$4',
+            allowFullscreen: true
+        },
+        {
+            regex: /youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i,
+            type: 'iframe', w: 560, h: 314,
+            url: 'www.youtube.com/embed/$1',
+            allowFullscreen: true
+        },
+        {
+            regex: /vimeo\.com\/([0-9]+)\?h=(\w+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'player.vimeo.com/video/$1?h=$2&title=0&byline=0&portrait=0&color=8dc7dc',
+            allowFullscreen: true
+        },
+        {
+            regex: /vimeo\.com\/(.*)\/([0-9]+)\?h=(\w+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'player.vimeo.com/video/$2?h=$3&title=0&amp;byline=0',
+            allowFullscreen: true
+        },
+        {
+            regex: /vimeo\.com\/([0-9]+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc',
+            allowFullscreen: true
+        },
+        {
+            regex: /vimeo\.com\/(.*)\/([0-9]+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'player.vimeo.com/video/$2?title=0&amp;byline=0',
+            allowFullscreen: true
+        },
+        {
+            regex: /maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'maps.google.com/maps/ms?msid=$2&output=embed"',
+            allowFullscreen: false
+        },
+        {
+            regex: /dailymotion\.com\/video\/([^_]+)/,
+            type: 'iframe', w: 480, h: 270,
+            url: 'www.dailymotion.com/embed/video/$1',
+            allowFullscreen: true
+        },
+        {
+            regex: /dai\.ly\/([^_]+)/,
+            type: 'iframe', w: 480, h: 270,
+            url: 'www.dailymotion.com/embed/video/$1',
+            allowFullscreen: true
+        }
+    ];
+    const getProtocol = (url) => {
+        const protocolMatches = url.match(/^(https?:\/\/|www\.)(.+)$/i);
+        if (protocolMatches && protocolMatches.length > 1) {
+            return protocolMatches[1] === 'www.' ? 'https://' : protocolMatches[1];
+        }
+        else {
+            return 'https://';
+        }
+    };
+    const getUrl = (pattern, url) => {
+        const protocol = getProtocol(url);
+        const match = pattern.regex.exec(url);
+        let newUrl = protocol + pattern.url;
+        if (isNonNullable(match)) {
+            for (let i = 0; i < match.length; i++) {
+                newUrl = newUrl.replace('$' + i, () => match[i] ? match[i] : '');
+            }
+        }
+        return newUrl.replace(/\?$/, '');
+    };
+    const matchPattern = (url) => {
+        const patterns = urlPatterns.filter((pattern) => pattern.regex.test(url));
+        if (patterns.length > 0) {
+            return global$5.extend({}, patterns[0], { url: getUrl(patterns[0], url) });
+        }
+        else {
+            return null;
+        }
+    };
+
+    const getIframeHtml = (data, iframeTemplateCallback) => {
+        if (iframeTemplateCallback) {
+            return iframeTemplateCallback(data);
+        }
+        else {
+            const allowFullscreen = data.allowfullscreen ? ' allowFullscreen="1"' : '';
+            return '<iframe src="' + data.source + '" width="' + data.width + '" height="' + data.height + '"' + allowFullscreen + '></iframe>';
+        }
+    };
+    const getFlashHtml = (data) => {
+        let html = '<object data="' + data.source + '" width="' + data.width + '" height="' + data.height + '" type="application/x-shockwave-flash">';
+        if (data.poster) {
+            html += '<img src="' + data.poster + '" width="' + data.width + '" height="' + data.height + '" />';
+        }
+        html += '</object>';
+        return html;
+    };
+    const getAudioHtml = (data, audioTemplateCallback) => {
+        if (audioTemplateCallback) {
+            return audioTemplateCallback(data);
+        }
+        else {
+            return ('<audio controls="controls" src="' + data.source + '">' +
+                (data.altsource ?
+                    '\n<source src="' + data.altsource + '"' +
+                        (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') +
+                        ' />\n' : '') +
+                '</audio>');
+        }
+    };
+    const getVideoHtml = (data, videoTemplateCallback) => {
+        if (videoTemplateCallback) {
+            return videoTemplateCallback(data);
+        }
+        else {
+            return ('<video width="' + data.width +
+                '" height="' + data.height + '"' +
+                (data.poster ? ' poster="' + data.poster + '"' : '') + ' controls="controls">\n' +
+                '<source src="' + data.source + '"' +
+                (data.sourcemime ? ' type="' + data.sourcemime + '"' : '') + ' />\n' +
+                (data.altsource ? '<source src="' + data.altsource + '"' +
+                    (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') + ' />\n' : '') +
+                '</video>');
+        }
+    };
+    const dataToHtml = (editor, dataIn) => {
+        var _a;
+        const data = global$5.extend({}, dataIn);
+        if (!data.source) {
+            global$5.extend(data, htmlToData((_a = data.embed) !== null && _a !== void 0 ? _a : '', editor.schema));
+            if (!data.source) {
+                return '';
+            }
+        }
+        if (!data.altsource) {
+            data.altsource = '';
+        }
+        if (!data.poster) {
+            data.poster = '';
+        }
+        data.source = editor.convertURL(data.source, 'source');
+        data.altsource = editor.convertURL(data.altsource, 'source');
+        data.sourcemime = guess(data.source);
+        data.altsourcemime = guess(data.altsource);
+        data.poster = editor.convertURL(data.poster, 'poster');
+        const pattern = matchPattern(data.source);
+        if (pattern) {
+            data.source = pattern.url;
+            data.type = pattern.type;
+            data.allowfullscreen = pattern.allowFullscreen;
+            data.width = data.width || String(pattern.w);
+            data.height = data.height || String(pattern.h);
+        }
+        if (data.embed) {
+            return updateHtml(data.embed, data, true, editor.schema);
+        }
+        else {
+            const audioTemplateCallback = getAudioTemplateCallback(editor);
+            const videoTemplateCallback = getVideoTemplateCallback(editor);
+            const iframeTemplateCallback = getIframeTemplateCallback(editor);
+            data.width = data.width || '300';
+            data.height = data.height || '150';
+            global$5.each(data, (value, key) => {
+                data[key] = editor.dom.encode('' + value);
+            });
+            if (data.type === 'iframe') {
+                return getIframeHtml(data, iframeTemplateCallback);
+            }
+            else if (data.sourcemime === 'application/x-shockwave-flash') {
+                return getFlashHtml(data);
+            }
+            else if (data.sourcemime.indexOf('audio') !== -1) {
+                return getAudioHtml(data, audioTemplateCallback);
+            }
+            else {
+                return getVideoHtml(data, videoTemplateCallback);
+            }
+        }
+    };
+
+    const isMediaElement = (element) => element.hasAttribute('data-mce-object') || element.hasAttribute('data-ephox-embed-iri');
+    const setup$2 = (editor) => {
+        // TINY-10774: On Safari all events bubble out even if you click on the video play button on other browsers the video element doesn't bubble the event
+        editor.on('mousedown', (e) => {
+            const previewObj = editor.dom.getParent(e.target, '.mce-preview-object');
+            if (previewObj && editor.dom.getAttrib(previewObj, 'data-mce-selected') === '2') {
+                e.stopImmediatePropagation();
+            }
+        });
+        editor.on('click keyup touchend', () => {
+            const selectedNode = editor.selection.getNode();
+            if (selectedNode && editor.dom.hasClass(selectedNode, 'mce-preview-object')) {
+                if (editor.dom.getAttrib(selectedNode, 'data-mce-selected')) {
+                    selectedNode.setAttribute('data-mce-selected', '2');
+                }
+            }
+        });
+        editor.on('ObjectResized', (e) => {
+            const target = e.target;
+            if (target.getAttribute('data-mce-object')) {
+                let html = target.getAttribute('data-mce-html');
+                if (html) {
+                    html = unescape(html);
+                    target.setAttribute('data-mce-html', escape(updateHtml(html, {
+                        width: String(e.width),
+                        height: String(e.height)
+                    }, false, editor.schema)));
+                }
+            }
+        });
+    };
+
+    const cache = {};
+    const embedPromise = (data, dataToHtml, handler) => {
+        return new Promise((res, rej) => {
+            const wrappedResolve = (response) => {
+                if (response.html) {
+                    cache[data.source] = response;
+                }
+                return res({
+                    url: data.source,
+                    html: response.html ? response.html : dataToHtml(data)
+                });
+            };
+            if (cache[data.source]) {
+                wrappedResolve(cache[data.source]);
+            }
+            else {
+                handler({ url: data.source }).then(wrappedResolve).catch(rej);
+            }
+        });
+    };
+    const defaultPromise = (data, dataToHtml) => Promise.resolve({ html: dataToHtml(data), url: data.source });
+    const loadedData = (editor) => (data) => dataToHtml(editor, data);
+    const getEmbedHtml = (editor, data) => {
+        const embedHandler = getUrlResolver(editor);
+        return embedHandler ? embedPromise(data, loadedData(editor), embedHandler) : defaultPromise(data, loadedData(editor));
+    };
+    const isCached = (url) => has(cache, url);
+
+    const extractMeta = (sourceInput, data) => get$1(data, sourceInput).bind((mainData) => get$1(mainData, 'meta'));
+    const getValue = (data, metaData, sourceInput) => (prop) => {
+        // Cases:
+        // 1. Get the nested value prop (component is the executed urlinput)
+        // 2. Get from metadata (a urlinput was executed but urlinput != this component)
+        // 3. Not a urlinput so just get string
+        // If prop === sourceInput do 1, 2 then 3, else do 2 then 1 or 3
+        // ASSUMPTION: we only want to get values for props that already exist in data
+        const getFromData = () => get$1(data, prop);
+        const getFromMetaData = () => get$1(metaData, prop);
+        const getNonEmptyValue = (c) => get$1(c, 'value').bind((v) => v.length > 0 ? Optional?.some(v) : Optional.none());
+        const getFromValueFirst = () => getFromData().bind((child) => isObject(child)
+            ? getNonEmptyValue(child).orThunk(getFromMetaData)
+            : getFromMetaData().orThunk(() => Optional.from(child)));
+        const getFromMetaFirst = () => getFromMetaData().orThunk(() => getFromData().bind((child) => isObject(child)
+            ? getNonEmptyValue(child)
+            : Optional.from(child)));
+        return { [prop]: (prop === sourceInput ? getFromValueFirst() : getFromMetaFirst()).getOr('') };
+    };
+    const getDimensions = (data, metaData) => {
+        const dimensions = {};
+        get$1(data, 'dimensions').each((dims) => {
+            each$1(['width', 'height'], (prop) => {
+                get$1(metaData, prop).orThunk(() => get$1(dims, prop)).each((value) => dimensions[prop] = value);
+            });
+        });
+        return dimensions;
+    };
+    const unwrap = (data, sourceInput) => {
+        const metaData = sourceInput && sourceInput !== 'dimensions' ? extractMeta(sourceInput, data).getOr({}) : {};
+        const get = getValue(data, metaData, sourceInput);
+        return {
+            ...get('source'),
+            ...get('altsource'),
+            ...get('poster'),
+            ...get('embed'),
+            ...getDimensions(data, metaData)
+        };
+    };
+    const wrap = (data) => {
+        const wrapped = {
+            ...data,
+            source: { value: get$1(data, 'source').getOr('') },
+            altsource: { value: get$1(data, 'altsource').getOr('') },
+            poster: { value: get$1(data, 'poster').getOr('') }
+        };
+        // Add additional size values that may or may not have been in the html
+        each$1(['width', 'height'], (prop) => {
+            get$1(data, prop).each((value) => {
+                const dimensions = wrapped.dimensions || {};
+                dimensions[prop] = value;
+                wrapped.dimensions = dimensions;
+            });
+        });
+        return wrapped;
+    };
+    const handleError = (editor) => (error) => {
+        const errorMessage = error && error.msg ?
+            'Media embed handler error: ' + error.msg :
+            'Media embed handler threw unknown error.';
+        editor.notificationManager.open({ type: 'error', text: errorMessage });
+    };
+    const getEditorData = (editor) => {
+        const element = editor.selection.getNode();
+        const snippet = isMediaElement(element) ? editor.serializer.serialize(element, { selection: true }) : '';
+        const data = htmlToData(snippet, editor.schema);
+        const getDimensionsOfElement = () => {
+            if (isEmbedIframe(data.source, data.type)) {
+                const rect = editor.dom.getRect(element);
+                return {
+                    width: rect.w.toString().replace(/px$/, ''),
+                    height: rect.h.toString().replace(/px$/, ''),
+                };
+            }
+            else {
+                return {};
+            }
+        };
+        const dimensions = getDimensionsOfElement();
+        return {
+            embed: snippet,
+            ...data,
+            ...dimensions
+        };
+    };
+    const addEmbedHtml = (api, editor) => (response) => {
+        // Only set values if a URL has been defined
+        if (isString(response.url) && response.url.trim().length > 0) {
+            const html = response.html;
+            const snippetData = htmlToData(html, editor.schema);
+            const nuData = {
+                ...snippetData,
+                source: response.url,
+                embed: html
+            };
+            api.setData(wrap(nuData));
+        }
+    };
+    const selectPlaceholder = (editor, beforeObjects) => {
+        const afterObjects = editor.dom.select('*[data-mce-object]');
+        // Find new image placeholder so we can select it
+        for (let i = 0; i < beforeObjects.length; i++) {
+            for (let y = afterObjects.length - 1; y >= 0; y--) {
+                if (beforeObjects[i] === afterObjects[y]) {
+                    afterObjects.splice(y, 1);
+                }
+            }
+        }
+        editor.selection.select(afterObjects[0]);
+    };
+    const handleInsert = (editor, html) => {
+        const beforeObjects = editor.dom.select('*[data-mce-object]');
+        editor.insertContent(html);
+        selectPlaceholder(editor, beforeObjects);
+        editor.nodeChanged();
+    };
+    const isEmbedIframe = (url, mediaDataType) => isNonNullable(mediaDataType) && mediaDataType === 'ephox-embed-iri' && isNonNullable(matchPattern(url));
+    const shouldInsertAsNewIframe = (prevData, newData) => {
+        const hasDimensionsChanged = (prevData, newData) => prevData.width !== newData.width || prevData.height !== newData.height;
+        return hasDimensionsChanged(prevData, newData) && isEmbedIframe(newData.source, prevData.type);
+    };
+    const submitForm = (prevData, newData, editor) => {
+        var _a;
+        newData.embed =
+            shouldInsertAsNewIframe(prevData, newData) && hasDimensions(editor)
+                ? dataToHtml(editor, { ...newData, embed: '' })
+                : updateHtml((_a = newData.embed) !== null && _a !== void 0 ? _a : '', newData, false, editor.schema);
+        // Only fetch the embed HTML content if the URL has changed from what it previously was
+        if (newData.embed && (prevData.source === newData.source || isCached(newData.source))) {
+            handleInsert(editor, newData.embed);
+        }
+        else {
+            getEmbedHtml(editor, newData)
+                .then((response) => {
+                handleInsert(editor, response.html);
+            }).catch(handleError(editor));
+        }
+    };
+    const showDialog = (editor) => {
+        const editorData = getEditorData(editor);
+        const currentData = Cell(editorData);
+        const initialData = wrap(editorData);
+        const handleSource = (prevData, api) => {
+            const serviceData = unwrap(api.getData(), 'source');
+            // If a new URL is entered, then clear the embed html and fetch the new data
+            if (prevData.source !== serviceData.source) {
+                addEmbedHtml(win, editor)({ url: serviceData.source, html: '' });
+                getEmbedHtml(editor, serviceData)
+                    .then(addEmbedHtml(win, editor))
+                    .catch(handleError(editor));
+            }
+        };
+        const handleEmbed = (api) => {
+            var _a;
+            const data = unwrap(api.getData());
+            const dataFromEmbed = htmlToData((_a = data.embed) !== null && _a !== void 0 ? _a : '', editor.schema);
+            api.setData(wrap(dataFromEmbed));
+        };
+        const handleUpdate = (api, sourceInput, prevData) => {
+            const dialogData = unwrap(api.getData(), sourceInput);
+            const data = shouldInsertAsNewIframe(prevData, dialogData) && hasDimensions(editor)
+                ? { ...dialogData, embed: '' }
+                : dialogData;
+            const embed = dataToHtml(editor, data);
+            api.setData(wrap({
+                ...data,
+                embed
+            }));
+        };
+        const mediaInput = [{
+                name: 'source',
+                type: 'urlinput',
+                filetype: 'media',
+                label: 'Source',
+                picker_text: 'Browse files'
+            }];
+        const sizeInput = !hasDimensions(editor) ? [] : [{
+                type: 'sizeinput',
+                name: 'dimensions',
+                label: 'Constrain proportions',
+                constrain: true
+            }];
+        const generalTab = {
+            title: 'General',
+            name: 'general',
+            items: flatten([mediaInput, sizeInput])
+        };
+        const embedTextarea = {
+            type: 'textarea',
+            name: 'embed',
+            label: 'Paste your embed code below:'
+        };
+        const embedTab = {
+            title: 'Embed',
+            items: [
+                embedTextarea
+            ]
+        };
+        const advancedFormItems = [];
+        if (hasAltSource(editor)) {
+            advancedFormItems.push({
+                name: 'altsource',
+                type: 'urlinput',
+                filetype: 'media',
+                label: 'Alternative source URL'
+            });
+        }
+        if (hasPoster(editor)) {
+            advancedFormItems.push({
+                name: 'poster',
+                type: 'urlinput',
+                filetype: 'image',
+                label: 'Media poster (Image URL)'
+            });
+        }
+        const advancedTab = {
+            title: 'Advanced',
+            name: 'advanced',
+            items: advancedFormItems
+        };
+        const tabs = [
+            generalTab,
+            embedTab
+        ];
+        if (advancedFormItems.length > 0) {
+            tabs.push(advancedTab);
+        }
+        const body = {
+            type: 'tabpanel',
+            tabs
+        };
+        const win = editor.windowManager.open({
+            title: 'Insert/Edit Media',
+            size: 'normal',
+            body,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            onSubmit: (api) => {
+                const serviceData = unwrap(api.getData());
+                submitForm(currentData.get(), serviceData, editor);
+                api.close();
+            },
+            onChange: (api, detail) => {
+                switch (detail.name) {
+                    case 'source':
+                        handleSource(currentData.get(), api);
+                        break;
+                    case 'embed':
+                        handleEmbed(api);
+                        break;
+                    case 'dimensions':
+                    case 'altsource':
+                    case 'poster':
+                        handleUpdate(api, detail.name, currentData.get());
+                        break;
+                }
+                currentData.set(unwrap(api.getData()));
+            },
+            initialData
+        });
+    };
+
+    const get = (editor) => {
+        const showDialog$1 = () => {
+            showDialog(editor);
+        };
+        return {
+            showDialog: showDialog$1
+        };
+    };
+
+    const register$1 = (editor) => {
+        const showDialog$1 = () => {
+            showDialog(editor);
+        };
+        editor.addCommand('mceMedia', showDialog$1);
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const isLiveEmbedNode = (node) => {
+        const name = node.name;
+        return name === 'iframe' || name === 'video' || name === 'audio';
+    };
+    const getDimension = (node, styles, dimension, defaultValue = null) => {
+        const value = node.attr(dimension);
+        if (isNonNullable(value)) {
+            return value;
+        }
+        else if (!has(styles, dimension)) {
+            return defaultValue;
+        }
+        else {
+            return null;
+        }
+    };
+    const setDimensions = (node, previewNode, styles) => {
+        // Apply dimensions for video elements to maintain legacy behaviour
+        const useDefaults = previewNode.name === 'img' || node.name === 'video';
+        // Determine the defaults
+        const defaultWidth = useDefaults ? '300' : null;
+        const fallbackHeight = node.name === 'audio' ? '30' : '150';
+        const defaultHeight = useDefaults ? fallbackHeight : null;
+        previewNode.attr({
+            width: getDimension(node, styles, 'width', defaultWidth),
+            height: getDimension(node, styles, 'height', defaultHeight)
+        });
+    };
+    const appendNodeContent = (editor, nodeName, previewNode, html) => {
+        const newNode = Parser(editor.schema).parse(html, { context: nodeName });
+        while (newNode.firstChild) {
+            previewNode.append(newNode.firstChild);
+        }
+    };
+    const createPlaceholderNode = (editor, node) => {
+        const name = node.name;
+        const placeHolder = new global$2('img', 1);
+        retainAttributesAndInnerHtml(editor, node, placeHolder);
+        setDimensions(node, placeHolder, {});
+        placeHolder.attr({
+            'style': node.attr('style'),
+            'src': global.transparentSrc,
+            'data-mce-object': name,
+            'class': 'mce-object mce-object-' + name
+        });
+        return placeHolder;
+    };
+    const createPreviewNode = (editor, node) => {
+        var _a;
+        const name = node.name;
+        const previewWrapper = new global$2('span', 1);
+        previewWrapper.attr({
+            'contentEditable': 'false',
+            'style': node.attr('style'),
+            'data-mce-object': name,
+            'class': 'mce-preview-object mce-object-' + name
+        });
+        retainAttributesAndInnerHtml(editor, node, previewWrapper);
+        const styles = editor.dom.parseStyle((_a = node.attr('style')) !== null && _a !== void 0 ? _a : '');
+        const previewNode = new global$2(name, 1);
+        setDimensions(node, previewNode, styles);
+        previewNode.attr({
+            src: node.attr('src'),
+            style: node.attr('style'),
+            class: node.attr('class')
+        });
+        if (name === 'iframe') {
+            previewNode.attr({
+                allowfullscreen: node.attr('allowfullscreen'),
+                frameborder: '0',
+                sandbox: node.attr('sandbox'),
+                referrerpolicy: node.attr('referrerpolicy')
+            });
+        }
+        else {
+            // Exclude autoplay as we don't want video/audio to play by default
+            const attrs = ['controls', 'crossorigin', 'currentTime', 'loop', 'muted', 'poster', 'preload'];
+            each$1(attrs, (attrName) => {
+                previewNode.attr(attrName, node.attr(attrName));
+            });
+            // Recreate the child nodes using the sanitized inner HTML
+            const sanitizedHtml = previewWrapper.attr('data-mce-html');
+            if (isNonNullable(sanitizedHtml)) {
+                appendNodeContent(editor, name, previewNode, unescape(sanitizedHtml));
+            }
+        }
+        const shimNode = new global$2('span', 1);
+        shimNode.attr('class', 'mce-shim');
+        previewWrapper.append(previewNode);
+        previewWrapper.append(shimNode);
+        return previewWrapper;
+    };
+    const retainAttributesAndInnerHtml = (editor, sourceNode, targetNode) => {
+        var _a;
+        // Prefix all attributes except internal (data-mce-*), width, height and style since we
+        // will add these to the placeholder
+        const attribs = (_a = sourceNode.attributes) !== null && _a !== void 0 ? _a : [];
+        let ai = attribs.length;
+        while (ai--) {
+            const attrName = attribs[ai].name;
+            let attrValue = attribs[ai].value;
+            if (attrName !== 'width' && attrName !== 'height' && attrName !== 'style' && !startsWith(attrName, 'data-mce-')) {
+                if (attrName === 'data' || attrName === 'src') {
+                    attrValue = editor.convertURL(attrValue, attrName);
+                }
+                targetNode.attr('data-mce-p-' + attrName, attrValue);
+            }
+        }
+        // Place the inner HTML contents inside an escaped attribute
+        // This enables us to copy/paste the fake object
+        const serializer = global$1({ inner: true }, editor.schema);
+        const tempNode = new global$2('div', 1);
+        each$1(sourceNode.children(), (child) => tempNode.append(child));
+        const innerHtml = serializer.serialize(tempNode);
+        if (innerHtml) {
+            targetNode.attr('data-mce-html', escape(innerHtml));
+            targetNode.empty();
+        }
+    };
+    const isPageEmbedWrapper = (node) => {
+        const nodeClass = node.attr('class');
+        return isString(nodeClass) && /\btiny-pageembed\b/.test(nodeClass);
+    };
+    const isWithinEmbedWrapper = (node) => {
+        let tempNode = node;
+        while ((tempNode = tempNode.parent)) {
+            if (tempNode.attr('data-ephox-embed-iri') || isPageEmbedWrapper(tempNode)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const placeHolderConverter = (editor) => (nodes) => {
+        let i = nodes.length;
+        let node;
+        while (i--) {
+            node = nodes[i];
+            if (!node.parent) {
+                continue;
+            }
+            if (node.parent.attr('data-mce-object')) {
+                continue;
+            }
+            if (isLiveEmbedNode(node) && hasLiveEmbeds(editor)) {
+                if (!isWithinEmbedWrapper(node)) {
+                    node.replace(createPreviewNode(editor, node));
+                }
+            }
+            else {
+                if (!isWithinEmbedWrapper(node)) {
+                    node.replace(createPlaceholderNode(editor, node));
+                }
+            }
+        }
+    };
+
+    const parseAndSanitize = (editor, html) => {
+        const getEditorOption = editor.options.get;
+        const sanitize = getEditorOption('xss_sanitization');
+        const validate = shouldFilterHtml(editor);
+        return Parser(editor.schema, { sanitize, validate }).parse(html);
+    };
+
+    const buildMediaElement = (editor, node) => {
+        var _a;
+        const realElmName = node.attr('data-mce-object');
+        const element = document.createElement(realElmName);
+        // Add width/height to everything but audio
+        if (realElmName !== 'audio') {
+            const className = node.attr('class');
+            const firstChild = node.firstChild;
+            if (className && className.indexOf('mce-preview-object') !== -1 && firstChild) {
+                const width = firstChild.attr('width');
+                const height = firstChild.attr('height');
+                if (isString(width)) {
+                    element.setAttribute('width', width);
+                }
+                if (isString(height)) {
+                    element.setAttribute('height', height);
+                }
+            }
+            else {
+                const width = node.attr('width');
+                const height = node.attr('height');
+                if (isString(width)) {
+                    element.setAttribute('width', width);
+                }
+                if (isString(height)) {
+                    element.setAttribute('height', height);
+                }
+            }
+        }
+        const style = node.attr('style');
+        if (isString(style)) {
+            element.setAttribute('style', style);
+        }
+        // Unprefix all placeholder attributes
+        const attribs = (_a = node.attributes) !== null && _a !== void 0 ? _a : [];
+        let ai = attribs.length;
+        while (ai--) {
+            const attrName = attribs[ai].name;
+            if (attrName.indexOf('data-mce-p-') === 0) {
+                element.setAttribute(attrName.substr(11), attribs[ai].value);
+            }
+        }
+        // Inject innerhtml
+        const innerHtml = node.attr('data-mce-html');
+        if (isString(innerHtml)) {
+            element.innerHTML = unescape(innerHtml);
+        }
+        else {
+            element.innerHTML = '\u00a0';
+        }
+        const fragment = parseAndSanitize(editor, element.outerHTML);
+        const newElement = fragment.getAll(realElmName)[0];
+        if (isNonNullable(newElement)) {
+            if (!isString(innerHtml)) {
+                newElement.empty();
+            }
+            return Optional?.some(newElement);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const setup$1 = (editor) => {
+        editor.on('PreInit', () => {
+            const { schema, serializer, parser } = editor;
+            // Set browser specific allowFullscreen attribs as boolean
+            const boolAttrs = schema.getBoolAttrs();
+            each$1('webkitallowfullscreen mozallowfullscreen'.split(' '), (name) => {
+                boolAttrs[name] = {};
+            });
+            // Add some non-standard attributes to the schema
+            each({
+                embed: ['wmode']
+            }, (attrs, name) => {
+                const rule = schema.getElementRule(name);
+                if (rule) {
+                    each$1(attrs, (attr) => {
+                        rule.attributes[attr] = {};
+                        rule.attributesOrder.push(attr);
+                    });
+                }
+            });
+            // Converts iframe, video etc into placeholder images
+            parser.addNodeFilter('iframe,video,audio,object,embed', placeHolderConverter(editor));
+            // Replaces placeholder images with real elements for video, object, iframe etc
+            serializer.addAttributeFilter('data-mce-object', (nodes) => {
+                let i = nodes.length;
+                while (i--) {
+                    const node = nodes[i];
+                    if (!node.parent) {
+                        continue;
+                    }
+                    buildMediaElement(editor, node).fold(() => node.remove(), (realElm) => node.replace(realElm));
+                }
+            });
+        });
+        editor.on('SetContent', () => {
+            // TODO: This shouldn't be needed there should be a way to mark bogus
+            // elements so they are never removed except external save
+            const dom = editor.dom;
+            each$1(dom.select('span.mce-preview-object'), (elm) => {
+                if (dom.select('span.mce-shim', elm).length === 0) {
+                    dom.add(elm, 'span', { class: 'mce-shim' });
+                }
+            });
+        });
+    };
+
+    const setup = (editor) => {
+        editor.on('ResolveName', (e) => {
+            let name;
+            if (e.target.nodeType === 1 && (name = e.target.getAttribute('data-mce-object'))) {
+                e.name = name;
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceMedia');
+        editor.ui.registry.addToggleButton('media', {
+            tooltip: 'Insert/edit media',
+            icon: 'embed',
+            onAction,
+            onSetup: (buttonApi) => {
+                const selection = editor.selection;
+                buttonApi.setActive(isMediaElement(selection.getNode()));
+                const unbindSelectorChanged = selection.selectorChangedWithUnbind('img[data-mce-object],span[data-mce-object],div[data-ephox-embed-iri]', buttonApi.setActive).unbind;
+                const unbindEditable = onSetupEditable(editor)(buttonApi);
+                return () => {
+                    unbindSelectorChanged();
+                    unbindEditable();
+                };
+            }
+        });
+        editor.ui.registry.addMenuItem('media', {
+            icon: 'embed',
+            text: 'Media...',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$6.add('media', (editor) => {
+            register$2(editor);
+            register$1(editor);
+            register(editor);
+            setup(editor);
+            setup$1(editor);
+            setup$2(editor);
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/plugin.min.js
new file mode 100644
index 000000000..a869b2f61
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/media/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(r=o=e,(a=String).prototype.isPrototypeOf(r)||(null===(s=o.constructor)||void 0===s?void 0:s.name)===a.name)?"string":t;var r,o,a,s})(t)===e,r=t("string"),o=t("object"),a=t("array"),s=e=>!(e=>null==e)(e),i=e=>"function"==typeof e;class n{constructor(e,t){this.tag=e,this.value=t}static some(e){return new n(!0,e)}static none(){return n.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?n?.some(e(this.value)):n.none()}bind(e){return this.tag?e(this.value):n.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:n.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return s(e)?n?.some(e):n.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}n.singletonNone=new n(!1),Array.prototype.slice;const l=Array.prototype.push,c=(e,t)=>{for(let r=0,o=e.length;r<o;r++)t(e[r],r)},m=e=>{const t=[];for(let r=0,o=e.length;r<o;++r){if(!a(e[r]))throw new Error("Arr.flatten item "+r+" was not an array, input: "+e);l.apply(t,e[r])}return t};i(Array.from)&&Array.from;const u=Object.keys,d=Object.hasOwnProperty,h=(e,t)=>p(e,t)?n.from(e[t]):n.none(),p=(e,t)=>d.call(e,t),g=e=>t=>t.options.get(e),b=g("audio_template_callback"),w=g("video_template_callback"),v=g("iframe_template_callback"),y=g("media_live_embeds"),f=g("media_filter_html"),x=g("media_url_resolver"),_=g("media_alt_source"),k=g("media_poster"),A=g("media_dimensions");var j=tinymce.util.Tools.resolve("tinymce.util.Tools"),O=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),S=tinymce.util.Tools.resolve("tinymce.html.DomParser");const $=O.DOM,T=e=>e.replace(/px$/,""),C=e=>{const t=e.attr("style"),r=t?$.parseStyle(t):{};return{type:"ephox-embed-iri",source:e.attr("data-ephox-embed-iri"),altsource:"",poster:"",width:h(r,"max-width")?.map(T).getOr(""),height:h(r,"max-height")?.map(T).getOr("")}},M=(e,t)=>{let r={};for(let o=S({validate:!1,forced_root_block:!1},t).parse(e);o;o=o.walk())if(1===o.type){const e=o.name;if(o.attr("data-ephox-embed-iri")){r=C(o);break}r.source||"param"!==e||(r.source=o.attr("movie")),"iframe"!==e&&"object"!==e&&"embed"!==e&&"video"!==e&&"audio"!==e||(r.type||(r.type=e),r=j.extend(o.attributes.map,r)),"source"===e&&(r.source?r.altsource||(r.altsource=o.attr("src")):r.source=o.attr("src")),"img"!==e||r.poster||(r.poster=o.attr("src"))}return r.source=r.source||r.src||"",r.altsource=r.altsource||"",r.poster=r.poster||"",r},z=e=>{var t;const r=null!==(t=e.toLowerCase().split(".").pop())&&void 0!==t?t:"";return h({mp3:"audio/mpeg",m4a:"audio/x-m4a",wav:"audio/wav",mp4:"video/mp4",webm:"video/webm",ogg:"video/ogg",swf:"application/x-shockwave-flash"},r).getOr("")};var D=tinymce.util.Tools.resolve("tinymce.html.Node"),F=tinymce.util.Tools.resolve("tinymce.html.Serializer");const N=(e,t={})=>S({forced_root_block:!1,validate:!1,allow_conditional_comments:!0,...t},e),E=O.DOM,L=e=>/^[0-9.]+$/.test(e)?e+"px":e,P=(e,t)=>{const r=t.attr("style"),o=r?E.parseStyle(r):{};s(e.width)&&(o["max-width"]=L(e.width)),s(e.height)&&(o["max-height"]=L(e.height)),t.attr("style",E.serializeStyle(o))},R=["source","altsource"],U=(e,t,r,o)=>{let a=0,s=0;const i=N(o);i.addNodeFilter("source",(e=>a=e.length));const n=i.parse(e);for(let e=n;e;e=e.walk())if(1===e.type){const o=e.name;if(e.attr("data-ephox-embed-iri")){P(t,e);break}switch(o){case"video":case"object":case"embed":case"img":case"iframe":void 0!==t.height&&void 0!==t.width&&(e.attr("width",t.width),e.attr("height",t.height))}if(r)switch(o){case"video":e.attr("poster",t.poster),e.attr("src",null);for(let r=a;r<2;r++)if(t[R[r]]){const o=new D("source",1);o.attr("src",t[R[r]]),o.attr("type",t[R[r]+"mime"]||null),e.append(o)}break;case"iframe":e.attr("src",t.source);break;case"object":const r=e.getAll("img").length>0;if(t.poster&&!r){e.attr("src",t.poster);const r=new D("img",1);r.attr("src",t.poster),r.attr("width",t.width),r.attr("height",t.height),e.append(r)}break;case"source":if(s<2&&(e.attr("src",t[R[s]]),e.attr("type",t[R[s]+"mime"]||null),!t[R[s]])){e.remove();continue}s++;break;case"img":t.poster||e.remove()}}return F({},o).serialize(n)},I=[{regex:/youtu\.be\/([\w\-_\?&=.]+)/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$1",allowFullscreen:!0},{regex:/youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$2?$4",allowFullscreen:!0},{regex:/youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$1",allowFullscreen:!0},{regex:/vimeo\.com\/([0-9]+)\?h=(\w+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$1?h=$2&title=0&byline=0&portrait=0&color=8dc7dc",allowFullscreen:!0},{regex:/vimeo\.com\/(.*)\/([0-9]+)\?h=(\w+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$2?h=$3&title=0&amp;byline=0",allowFullscreen:!0},{regex:/vimeo\.com\/([0-9]+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc",allowFullscreen:!0},{regex:/vimeo\.com\/(.*)\/([0-9]+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$2?title=0&amp;byline=0",allowFullscreen:!0},{regex:/maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/,type:"iframe",w:425,h:350,url:'maps.google.com/maps/ms?msid=$2&output=embed"',allowFullscreen:!1},{regex:/dailymotion\.com\/video\/([^_]+)/,type:"iframe",w:480,h:270,url:"www.dailymotion.com/embed/video/$1",allowFullscreen:!0},{regex:/dai\.ly\/([^_]+)/,type:"iframe",w:480,h:270,url:"www.dailymotion.com/embed/video/$1",allowFullscreen:!0}],B=(e,t)=>{const r=(e=>{const t=e.match(/^(https?:\/\/|www\.)(.+)$/i);return t&&t.length>1?"www."===t[1]?"https://":t[1]:"https://"})(t),o=e.regex.exec(t);let a=r+e.url;if(s(o))for(let e=0;e<o.length;e++)a=a.replace("$"+e,(()=>o[e]?o[e]:""));return a.replace(/\?$/,"")},H=e=>{const t=I.filter((t=>t.regex.test(e)));return t.length>0?j.extend({},t[0],{url:B(t[0],e)}):null},G=(e,t)=>{var r;const o=j.extend({},t);if(!o.source&&(j.extend(o,M(null!==(r=o.embed)&&void 0!==r?r:"",e.schema)),!o.source))return"";o.altsource||(o.altsource=""),o.poster||(o.poster=""),o.source=e.convertURL(o.source,"source"),o.altsource=e.convertURL(o.altsource,"source"),o.sourcemime=z(o.source),o.altsourcemime=z(o.altsource),o.poster=e.convertURL(o.poster,"poster");const a=H(o.source);if(a&&(o.source=a.url,o.type=a.type,o.allowfullscreen=a.allowFullscreen,o.width=o.width||String(a.w),o.height=o.height||String(a.h)),o.embed)return U(o.embed,o,!0,e.schema);{const t=b(e),r=w(e),a=v(e);return o.width=o.width||"300",o.height=o.height||"150",j.each(o,((t,r)=>{o[r]=e.dom.encode(""+t)})),"iframe"===o.type?((e,t)=>{if(t)return t(e);{const t=e.allowfullscreen?' allowFullscreen="1"':"";return'<iframe src="'+e.source+'" width="'+e.width+'" height="'+e.height+'"'+t+"></iframe>"}})(o,a):"application/x-shockwave-flash"===o.sourcemime?(e=>{let t='<object data="'+e.source+'" width="'+e.width+'" height="'+e.height+'" type="application/x-shockwave-flash">';return e.poster&&(t+='<img src="'+e.poster+'" width="'+e.width+'" height="'+e.height+'" />'),t+="</object>",t})(o):-1!==o.sourcemime.indexOf("audio")?((e,t)=>t?t(e):'<audio controls="controls" src="'+e.source+'">'+(e.altsource?'\n<source src="'+e.altsource+'"'+(e.altsourcemime?' type="'+e.altsourcemime+'"':"")+" />\n":"")+"</audio>")(o,t):((e,t)=>t?t(e):'<video width="'+e.width+'" height="'+e.height+'"'+(e.poster?' poster="'+e.poster+'"':"")+' controls="controls">\n<source src="'+e.source+'"'+(e.sourcemime?' type="'+e.sourcemime+'"':"")+" />\n"+(e.altsource?'<source src="'+e.altsource+'"'+(e.altsourcemime?' type="'+e.altsourcemime+'"':"")+" />\n":"")+"</video>")(o,r)}},W=e=>e.hasAttribute("data-mce-object")||e.hasAttribute("data-ephox-embed-iri"),q={},J=e=>t=>G(e,t),K=(e,t)=>{const r=x(e);return r?((e,t,r)=>new Promise(((o,a)=>{const s=r=>(r.html&&(q[e.source]=r),o({url:e.source,html:r.html?r.html:t(e)}));q[e.source]?s(q[e.source]):r({url:e.source}).then(s).catch(a)})))(t,J(e),r):((e,t)=>Promise.resolve({html:t(e),url:e.source}))(t,J(e))},Q=(e,t)=>{const r={};return h(e,"dimensions").each((e=>{c(["width","height"],(o=>{h(t,o).orThunk((()=>h(e,o))).each((e=>r[o]=e))}))})),r},V=(e,t)=>{const r=t&&"dimensions"!==t?((e,t)=>h(t,e).bind((e=>h(e,"meta"))))(t,e).getOr({}):{},a=((e,t,r)=>a=>{const s=()=>h(e,a),i=()=>h(t,a),l=e=>h(e,"value").bind((e=>e.length>0?n?.some(e):n.none()));return{[a]:(a===r?s().bind((e=>o(e)?l(e).orThunk(i):i().orThunk((()=>n.from(e))))):i().orThunk((()=>s().bind((e=>o(e)?l(e):n.from(e)))))).getOr("")}})(e,r,t);return{...a("source"),...a("altsource"),...a("poster"),...a("embed"),...Q(e,r)}},X=e=>{const t={...e,source:{value:h(e,"source").getOr("")},altsource:{value:h(e,"altsource").getOr("")},poster:{value:h(e,"poster").getOr("")}};return c(["width","height"],(r=>{h(e,r).each((e=>{const o=t.dimensions||{};o[r]=e,t.dimensions=o}))})),t},Y=e=>t=>{const r=t&&t.msg?"Media embed handler error: "+t.msg:"Media embed handler threw unknown error.";e.notificationManager.open({type:"error",text:r})},Z=(e,t)=>o=>{if(r(o.url)&&o.url.trim().length>0){const r=o.html,a={...M(r,t.schema),source:o.url,embed:r};e.setData(X(a))}},ee=(e,t)=>{const r=e.dom.select("*[data-mce-object]");e.insertContent(t),((e,t)=>{const r=e.dom.select("*[data-mce-object]");for(let e=0;e<t.length;e++)for(let o=r.length-1;o>=0;o--)t[e]===r[o]&&r.splice(o,1);e.selection.select(r[0])})(e,r),e.nodeChanged()},te=(e,t)=>s(t)&&"ephox-embed-iri"===t&&s(H(e)),re=(e,t)=>((e,t)=>e.width!==t.width||e.height!==t.height)(e,t)&&te(t.source,e.type),oe=e=>{const t=(e=>{const t=e.selection.getNode(),r=W(t)?e.serializer.serialize(t,{selection:!0}):"",o=M(r,e.schema),a=(()=>{if(te(o.source,o.type)){const r=e.dom.getRect(t);return{width:r.w.toString().replace(/px$/,""),height:r.h.toString().replace(/px$/,"")}}return{}})();return{embed:r,...o,...a}})(e),r=(e=>{let t=e;return{get:()=>t,set:e=>{t=e}}})(t),o=X(t),a=A(e)?[{type:"sizeinput",name:"dimensions",label:"Constrain proportions",constrain:!0}]:[],s={title:"General",name:"general",items:m([[{name:"source",type:"urlinput",filetype:"media",label:"Source",picker_text:"Browse files"}],a])},i=[];_(e)&&i.push({name:"altsource",type:"urlinput",filetype:"media",label:"Alternative source URL"}),k(e)&&i.push({name:"poster",type:"urlinput",filetype:"image",label:"Media poster (Image URL)"});const n={title:"Advanced",name:"advanced",items:i},l=[s,{title:"Embed",items:[{type:"textarea",name:"embed",label:"Paste your embed code below:"}]}];i.length>0&&l.push(n);const c={type:"tabpanel",tabs:l},u=e.windowManager.open({title:"Insert/Edit Media",size:"normal",body:c,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],onSubmit:t=>{const o=V(t.getData());((e,t,r)=>{var o,a;t.embed=re(e,t)&&A(r)?G(r,{...t,embed:""}):U(null!==(o=t.embed)&&void 0!==o?o:"",t,!1,r.schema),t.embed&&(e.source===t.source||(a=t.source,p(q,a)))?ee(r,t.embed):K(r,t).then((e=>{ee(r,e.html)})).catch(Y(r))})(r.get(),o,e),t.close()},onChange:(t,o)=>{switch(o.name){case"source":((t,r)=>{const o=V(r.getData(),"source");t.source!==o.source&&(Z(u,e)({url:o.source,html:""}),K(e,o).then(Z(u,e)).catch(Y(e)))})(r.get(),t);break;case"embed":(t=>{var r;const o=V(t.getData()),a=M(null!==(r=o.embed)&&void 0!==r?r:"",e.schema);t.setData(X(a))})(t);break;case"dimensions":case"altsource":case"poster":((t,r,o)=>{const a=V(t.getData(),r),s=re(o,a)&&A(e)?{...a,embed:""}:a,i=G(e,s);t.setData(X({...s,embed:i}))})(t,o.name,r.get())}r.set(V(t.getData()))},initialData:o})};var ae=tinymce.util.Tools.resolve("tinymce.Env");const se=e=>{const t=e.name;return"iframe"===t||"video"===t||"audio"===t},ie=(e,t,r,o=null)=>{const a=e.attr(r);return s(a)?a:p(t,r)?null:o},ne=(e,t,r)=>{const o="img"===t.name||"video"===e.name,a=o?"300":null,s="audio"===e.name?"30":"150",i=o?s:null;t.attr({width:ie(e,r,"width",a),height:ie(e,r,"height",i)})},le=(e,t)=>{const r=t.name,o=new D("img",1);return me(e,t,o),ne(t,o,{}),o.attr({style:t.attr("style"),src:ae.transparentSrc,"data-mce-object":r,class:"mce-object mce-object-"+r}),o},ce=(e,t)=>{var r;const o=t.name,a=new D("span",1);a.attr({contentEditable:"false",style:t.attr("style"),"data-mce-object":o,class:"mce-preview-object mce-object-"+o}),me(e,t,a);const i=e.dom.parseStyle(null!==(r=t.attr("style"))&&void 0!==r?r:""),n=new D(o,1);if(ne(t,n,i),n.attr({src:t.attr("src"),style:t.attr("style"),class:t.attr("class")}),"iframe"===o)n.attr({allowfullscreen:t.attr("allowfullscreen"),frameborder:"0",sandbox:t.attr("sandbox"),referrerpolicy:t.attr("referrerpolicy")});else{c(["controls","crossorigin","currentTime","loop","muted","poster","preload"],(e=>{n.attr(e,t.attr(e))}));const r=a.attr("data-mce-html");s(r)&&((e,t,r,o)=>{const a=N(e.schema).parse(o,{context:t});for(;a.firstChild;)r.append(a.firstChild)})(e,o,n,unescape(r))}const l=new D("span",1);return l.attr("class","mce-shim"),a.append(n),a.append(l),a},me=(e,t,r)=>{var o;const a=null!==(o=t.attributes)&&void 0!==o?o:[];let s=a.length;for(;s--;){const t=a[s].name;let o=a[s].value;"width"===t||"height"===t||"style"===t||(n="data-mce-",(i=t).length>=9&&i.substr(0,9)===n)||("data"!==t&&"src"!==t||(o=e.convertURL(o,t)),r.attr("data-mce-p-"+t,o))}var i,n;const l=F({inner:!0},e.schema),m=new D("div",1);c(t.children(),(e=>m.append(e)));const u=l.serialize(m);u&&(r.attr("data-mce-html",escape(u)),r.empty())},ue=e=>{const t=e.attr("class");return r(t)&&/\btiny-pageembed\b/.test(t)},de=e=>{let t=e;for(;t=t.parent;)if(t.attr("data-ephox-embed-iri")||ue(t))return!0;return!1},he=(e,t)=>{var o;const a=t.attr("data-mce-object"),i=document.createElement(a);if("audio"!==a){const e=t.attr("class"),o=t.firstChild;if(e&&-1!==e.indexOf("mce-preview-object")&&o){const e=o.attr("width"),t=o.attr("height");r(e)&&i.setAttribute("width",e),r(t)&&i.setAttribute("height",t)}else{const e=t.attr("width"),o=t.attr("height");r(e)&&i.setAttribute("width",e),r(o)&&i.setAttribute("height",o)}}const l=t.attr("style");r(l)&&i.setAttribute("style",l);const c=null!==(o=t.attributes)&&void 0!==o?o:[];let m=c.length;for(;m--;){const e=c[m].name;0===e.indexOf("data-mce-p-")&&i.setAttribute(e.substr(11),c[m].value)}const u=t.attr("data-mce-html");r(u)?i.innerHTML=unescape(u):i.innerHTML="\xa0";const d=((e,t)=>{const r=(0,e.options.get)("xss_sanitization"),o=f(e);return N(e.schema,{sanitize:r,validate:o}).parse(t)})(e,i.outerHTML),h=d.getAll(a)[0];return s(h)?(r(u)||h.empty(),n?.some(h)):n.none()},pe=e=>t=>{const r=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",r),r(),()=>{e.off("NodeChange",r)}};e.add("media",(e=>((e=>{const t=e.options.register;t("audio_template_callback",{processor:"function"}),t("video_template_callback",{processor:"function"}),t("iframe_template_callback",{processor:"function"}),t("media_live_embeds",{processor:"boolean",default:!0}),t("media_filter_html",{processor:"boolean",default:!0}),t("media_url_resolver",{processor:"function"}),t("media_alt_source",{processor:"boolean",default:!0}),t("media_poster",{processor:"boolean",default:!0}),t("media_dimensions",{processor:"boolean",default:!0})})(e),(e=>{e.addCommand("mceMedia",(()=>{oe(e)}))})(e),(e=>{const t=()=>e.execCommand("mceMedia");e.ui.registry.addToggleButton("media",{tooltip:"Insert/edit media",icon:"embed",onAction:t,onSetup:t=>{const r=e.selection;t.setActive(W(r.getNode()));const o=r.selectorChangedWithUnbind("img[data-mce-object],span[data-mce-object],div[data-ephox-embed-iri]",t.setActive).unbind,a=pe(e)(t);return()=>{o(),a()}}}),e.ui.registry.addMenuItem("media",{icon:"embed",text:"Media...",onAction:t,onSetup:pe(e)})})(e),(e=>{e.on("ResolveName",(e=>{let t;1===e.target.nodeType&&(t=e.target.getAttribute("data-mce-object"))&&(e.name=t)}))})(e),(e=>{e.on("PreInit",(()=>{const{schema:t,serializer:r,parser:o}=e,a=t.getBoolAttrs();c("webkitallowfullscreen mozallowfullscreen".split(" "),(e=>{a[e]={}})),((e,t)=>{const r=u(e);for(let o=0,a=r.length;o<a;o++){const a=r[o];t(e[a],a)}})({embed:["wmode"]},((e,r)=>{const o=t.getElementRule(r);o&&c(e,(e=>{o.attributes[e]={},o.attributesOrder.push(e)}))})),o.addNodeFilter("iframe,video,audio,object,embed",(e=>t=>{let r,o=t.length;for(;o--;)r=t[o],r.parent&&(r.parent.attr("data-mce-object")||(se(r)&&y(e)?de(r)||r.replace(ce(e,r)):de(r)||r.replace(le(e,r))))})(e)),r.addAttributeFilter("data-mce-object",(t=>{let r=t.length;for(;r--;){const o=t[r];o.parent&&he(e,o).fold((()=>o.remove()),(e=>o.replace(e)))}}))})),e.on("SetContent",(()=>{const t=e.dom;c(t.select("span.mce-preview-object"),(e=>{0===t.select("span.mce-shim",e).length&&t.add(e,"span",{class:"mce-shim"})}))}))})(e),(e=>{e.on("mousedown",(t=>{const r=e.dom.getParent(t.target,".mce-preview-object");r&&"2"===e.dom.getAttrib(r,"data-mce-selected")&&t.stopImmediatePropagation()})),e.on("click keyup touchend",(()=>{const t=e.selection.getNode();t&&e.dom.hasClass(t,"mce-preview-object")&&e.dom.getAttrib(t,"data-mce-selected")&&t.setAttribute("data-mce-selected","2")})),e.on("ObjectResized",(t=>{const r=t.target;if(r.getAttribute("data-mce-object")){let o=r.getAttribute("data-mce-html");o&&(o=unescape(o),r.setAttribute("data-mce-html",escape(U(o,{width:String(t.width),height:String(t.height)},!1,e.schema))))}}))})(e),(e=>({showDialog:()=>{oe(e)}}))(e))))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/index.js
new file mode 100644
index 000000000..b38ef5ef0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/index.js
@@ -0,0 +1,7 @@
+// Exports the "nonbreaking" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/nonbreaking')
+//   ES2015:
+//     import 'tinymce/plugins/nonbreaking'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/plugin.js
new file mode 100644
index 000000000..fa3605077
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/plugin.js
@@ -0,0 +1,128 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isBoolean = isSimpleType('boolean');
+    const isNumber = isSimpleType('number');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('nonbreaking_force_tab', {
+            processor: (value) => {
+                if (isBoolean(value)) {
+                    return { value: value ? 3 : 0, valid: true };
+                }
+                else if (isNumber(value)) {
+                    return { value, valid: true };
+                }
+                else {
+                    return { valid: false, message: 'Must be a boolean or number.' };
+                }
+            },
+            default: false
+        });
+        registerOption('nonbreaking_wrap', {
+            processor: 'boolean',
+            default: true
+        });
+    };
+    const getKeyboardSpaces = option('nonbreaking_force_tab');
+    const wrapNbsps = option('nonbreaking_wrap');
+
+    const stringRepeat = (string, repeats) => {
+        let str = '';
+        for (let index = 0; index < repeats; index++) {
+            str += string;
+        }
+        return str;
+    };
+    const isVisualCharsEnabled = (editor) => editor.plugins.visualchars ? editor.plugins.visualchars.isEnabled() : false;
+    const insertNbsp = (editor, times) => {
+        const classes = () => isVisualCharsEnabled(editor) ? 'mce-nbsp-wrap mce-nbsp' : 'mce-nbsp-wrap';
+        const nbspSpan = () => `<span class="${classes()}" contenteditable="false">${stringRepeat('&nbsp;', times)}</span>`;
+        const shouldWrap = wrapNbsps(editor);
+        const html = shouldWrap || editor.plugins.visualchars ? nbspSpan() : stringRepeat('&nbsp;', times);
+        editor.undoManager.transact(() => editor.insertContent(html));
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceNonBreaking', () => {
+            insertNbsp(editor, 1);
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const setup = (editor) => {
+        const spaces = getKeyboardSpaces(editor);
+        if (spaces > 0) {
+            editor.on('keydown', (e) => {
+                if (e.keyCode === global.TAB && !e.isDefaultPrevented()) {
+                    if (e.shiftKey) {
+                        return;
+                    }
+                    e.preventDefault();
+                    e.stopImmediatePropagation();
+                    insertNbsp(editor, spaces);
+                }
+            });
+        }
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceNonBreaking');
+        editor.ui.registry.addButton('nonbreaking', {
+            icon: 'non-breaking',
+            tooltip: 'Nonbreaking space',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addMenuItem('nonbreaking', {
+            icon: 'non-breaking',
+            text: 'Nonbreaking space',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    /**
+     * This class contains all core logic for the nonbreaking plugin.
+     *
+     * @class tinymce.nonbreaking.Plugin
+     * @private
+     */
+    var Plugin = () => {
+        global$1.add('nonbreaking', (editor) => {
+            register$2(editor);
+            register$1(editor);
+            register(editor);
+            setup(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/plugin.min.js
new file mode 100644
index 000000000..c33bce1b9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/nonbreaking/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var n=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=n=>e=>typeof e===n,o=e("boolean"),a=e("number"),t=n=>e=>e.options.get(n),i=t("nonbreaking_force_tab"),s=t("nonbreaking_wrap"),r=(n,e)=>{let o="";for(let a=0;a<e;a++)o+=n;return o},c=(n,e)=>{const o=s(n)||n.plugins.visualchars?`<span class="${(n=>!!n.plugins.visualchars&&n.plugins.visualchars.isEnabled())(n)?"mce-nbsp-wrap mce-nbsp":"mce-nbsp-wrap"}" contenteditable="false">${r("&nbsp;",e)}</span>`:r("&nbsp;",e);n.undoManager.transact((()=>n.insertContent(o)))};var l=tinymce.util.Tools.resolve("tinymce.util.VK");const u=n=>e=>{const o=()=>{e.setEnabled(n.selection.isEditable())};return n.on("NodeChange",o),o(),()=>{n.off("NodeChange",o)}};n.add("nonbreaking",(n=>{(n=>{const e=n.options.register;e("nonbreaking_force_tab",{processor:n=>o(n)?{value:n?3:0,valid:!0}:a(n)?{value:n,valid:!0}:{valid:!1,message:"Must be a boolean or number."},default:!1}),e("nonbreaking_wrap",{processor:"boolean",default:!0})})(n),(n=>{n.addCommand("mceNonBreaking",(()=>{c(n,1)}))})(n),(n=>{const e=()=>n.execCommand("mceNonBreaking");n.ui.registry.addButton("nonbreaking",{icon:"non-breaking",tooltip:"Nonbreaking space",onAction:e,onSetup:u(n)}),n.ui.registry.addMenuItem("nonbreaking",{icon:"non-breaking",text:"Nonbreaking space",onAction:e,onSetup:u(n)})})(n),(n=>{const e=i(n);e>0&&n.on("keydown",(o=>{if(o.keyCode===l.TAB&&!o.isDefaultPrevented()){if(o.shiftKey)return;o.preventDefault(),o.stopImmediatePropagation(),c(n,e)}}))})(n)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/index.js
new file mode 100644
index 000000000..0ff61626b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/index.js
@@ -0,0 +1,7 @@
+// Exports the "pagebreak" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/pagebreak')
+//   ES2015:
+//     import 'tinymce/plugins/pagebreak'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/plugin.js
new file mode 100644
index 000000000..601660efe
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/plugin.js
@@ -0,0 +1,123 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('pagebreak_separator', {
+            processor: 'string',
+            default: '<!-- pagebreak -->'
+        });
+        registerOption('pagebreak_split_block', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const getSeparatorHtml = option('pagebreak_separator');
+    const shouldSplitBlock = option('pagebreak_split_block');
+
+    const pageBreakClass = 'mce-pagebreak';
+    const getPlaceholderHtml = (shouldSplitBlock) => {
+        const html = `<img src="${global.transparentSrc}" class="${pageBreakClass}" data-mce-resize="false" data-mce-placeholder />`;
+        return shouldSplitBlock ? `<p>${html}</p>` : html;
+    };
+    const setup$1 = (editor) => {
+        const separatorHtml = getSeparatorHtml(editor);
+        const shouldSplitBlock$1 = () => shouldSplitBlock(editor);
+        const pageBreakSeparatorRegExp = new RegExp(separatorHtml.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g, (a) => {
+            return '\\' + a;
+        }), 'gi');
+        editor.on('BeforeSetContent', (e) => {
+            e.content = e.content.replace(pageBreakSeparatorRegExp, getPlaceholderHtml(shouldSplitBlock$1()));
+        });
+        editor.on('PreInit', () => {
+            editor.serializer.addNodeFilter('img', (nodes) => {
+                let i = nodes.length, node, className;
+                while (i--) {
+                    node = nodes[i];
+                    className = node.attr('class');
+                    if (className && className.indexOf(pageBreakClass) !== -1) {
+                        // Replace parent block node if pagebreak_split_block is enabled
+                        const parentNode = node.parent;
+                        if (parentNode && editor.schema.getBlockElements()[parentNode.name] && shouldSplitBlock$1()) {
+                            parentNode.type = 3;
+                            parentNode.value = separatorHtml;
+                            parentNode.raw = true;
+                            node.remove();
+                            continue;
+                        }
+                        node.type = 3;
+                        node.value = separatorHtml;
+                        node.raw = true;
+                    }
+                }
+            });
+        });
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mcePageBreak', () => {
+            editor.insertContent(getPlaceholderHtml(shouldSplitBlock(editor)));
+        });
+    };
+
+    const setup = (editor) => {
+        editor.on('ResolveName', (e) => {
+            if (e.target.nodeName === 'IMG' && editor.dom.hasClass(e.target, pageBreakClass)) {
+                e.name = 'pagebreak';
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mcePageBreak');
+        editor.ui.registry.addButton('pagebreak', {
+            icon: 'page-break',
+            tooltip: 'Page break',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addMenuItem('pagebreak', {
+            text: 'Page break',
+            icon: 'page-break',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('pagebreak', (editor) => {
+            register$2(editor);
+            register$1(editor);
+            register(editor);
+            setup$1(editor);
+            setup(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/plugin.min.js
new file mode 100644
index 000000000..8cf44f243
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/pagebreak/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),a=tinymce.util.Tools.resolve("tinymce.Env");const t=e=>a=>a.options.get(e),n=t("pagebreak_separator"),o=t("pagebreak_split_block"),r="mce-pagebreak",s=e=>{const t=`<img src="${a.transparentSrc}" class="${r}" data-mce-resize="false" data-mce-placeholder />`;return e?`<p>${t}</p>`:t},c=e=>a=>{const t=()=>{a.setEnabled(e.selection.isEditable())};return e.on("NodeChange",t),t(),()=>{e.off("NodeChange",t)}};e.add("pagebreak",(e=>{(e=>{const a=e.options.register;a("pagebreak_separator",{processor:"string",default:"\x3c!-- pagebreak --\x3e"}),a("pagebreak_split_block",{processor:"boolean",default:!1})})(e),(e=>{e.addCommand("mcePageBreak",(()=>{e.insertContent(s(o(e)))}))})(e),(e=>{const a=()=>e.execCommand("mcePageBreak");e.ui.registry.addButton("pagebreak",{icon:"page-break",tooltip:"Page break",onAction:a,onSetup:c(e)}),e.ui.registry.addMenuItem("pagebreak",{text:"Page break",icon:"page-break",onAction:a,onSetup:c(e)})})(e),(e=>{const a=n(e),t=()=>o(e),c=new RegExp(a.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g,(e=>"\\"+e)),"gi");e.on("BeforeSetContent",(e=>{e.content=e.content.replace(c,s(t()))})),e.on("PreInit",(()=>{e.serializer.addNodeFilter("img",(n=>{let o,s,c=n.length;for(;c--;)if(o=n[c],s=o.attr("class"),s&&-1!==s.indexOf(r)){const n=o.parent;if(n&&e.schema.getBlockElements()[n.name]&&t()){n.type=3,n.value=a,n.raw=!0,o.remove();continue}o.type=3,o.value=a,o.raw=!0}}))}))})(e),(e=>{e.on("ResolveName",(a=>{"IMG"===a.target.nodeName&&e.dom.hasClass(a.target,r)&&(a.name="pagebreak")}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/index.js
new file mode 100644
index 000000000..4e8e817b3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/index.js
@@ -0,0 +1,7 @@
+// Exports the "preview" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/preview')
+//   ES2015:
+//     import 'tinymce/plugins/preview'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/plugin.js
new file mode 100644
index 000000000..84f278d62
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/plugin.js
@@ -0,0 +1,765 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const eq = (t) => (a) => t === a;
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$1 = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant(isiPad),
+            isiPhone: constant(isiPhone),
+            isTablet: constant(isTablet),
+            isPhone: constant(isPhone),
+            isTouch: constant(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant(iOSwebview),
+            isDesktop: constant(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$2(group(1), group(2));
+    };
+    const detect$3 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$2();
+        }
+        return find(versionRegexes, cleanedAgent);
+    };
+    const unknown$2 = () => {
+        return nu$2(0, 0);
+    };
+    const nu$2 = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$2,
+        detect: detect$3,
+        unknown: unknown$2
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$1(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$2 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$1(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$2(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$2(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains(uastring, 'msie') || contains(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains(uastring, 'iphone') || contains(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant(browsers),
+        oses: constant(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$1 = () => {
+        return nu$1({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$1 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$1,
+        nu: nu$1,
+        edge: constant(edge),
+        chromium: constant(chromium),
+        ie: constant(ie),
+        opera: constant(opera),
+        firefox: constant(firefox),
+        safari: constant(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown = () => {
+        return nu({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown,
+        nu,
+        windows: constant(windows),
+        ios: constant(ios),
+        android: constant(android),
+        linux: constant(linux),
+        macos: constant(macos),
+        solaris: constant(solaris),
+        freebsd: constant(freebsd),
+        chromeos: constant(chromeos)
+    };
+
+    const detect$1 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$1
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect = () => platform();
+
+    const isMacOS = () => detect().os.isMacOS();
+    const isiOS = () => detect().os.isiOS();
+
+    const getPreventClicksOnLinksScript = () => {
+        const isMacOSOrIOS = isMacOS() || isiOS();
+        const fn = (isMacOSOrIOS) => {
+            document.addEventListener('click', (e) => {
+                for (let elm = e.target; elm; elm = elm.parentNode) {
+                    if (elm.nodeName === 'A') {
+                        const anchor = elm;
+                        const href = anchor.getAttribute('href');
+                        if (href && href.startsWith('#')) {
+                            e.preventDefault();
+                            const targetElement = document.getElementById(href.substring(1));
+                            if (targetElement) {
+                                targetElement.scrollIntoView({ behavior: 'smooth' });
+                            }
+                            return;
+                        }
+                        const isMetaKeyPressed = isMacOSOrIOS ? e.metaKey : e.ctrlKey && !e.altKey;
+                        if (!isMetaKeyPressed) {
+                            e.preventDefault();
+                        }
+                    }
+                }
+            }, false);
+        };
+        return `<script>(${fn.toString()})(${isMacOSOrIOS})</script>`;
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const getContentStyle = option('content_style');
+    const shouldUseContentCssCors = option('content_css_cors');
+    const getBodyClass = option('body_class');
+    const getBodyId = option('body_id');
+
+    const getPreviewHtml = (editor) => {
+        var _a;
+        let headHtml = '';
+        const encode = editor.dom.encode;
+        const contentStyle = (_a = getContentStyle(editor)) !== null && _a !== void 0 ? _a : '';
+        headHtml += `<base href="${encode(editor.documentBaseURI.getURI())}">`;
+        const cors = shouldUseContentCssCors(editor) ? ' crossorigin="anonymous"' : '';
+        global.each(editor.contentCSS, (url) => {
+            headHtml += '<link type="text/css" rel="stylesheet" href="' + encode(editor.documentBaseURI.toAbsolute(url)) + '"' + cors + '>';
+        });
+        if (contentStyle) {
+            headHtml += '<style type="text/css">' + contentStyle + '</style>';
+        }
+        const bodyId = getBodyId(editor);
+        const bodyClass = getBodyClass(editor);
+        const directionality = editor.getBody().dir;
+        const dirAttr = directionality ? ' dir="' + encode(directionality) + '"' : '';
+        const previewHtml = ('<!DOCTYPE html>' +
+            '<html>' +
+            '<head>' +
+            headHtml +
+            '</head>' +
+            '<body id="' + encode(bodyId) + '" class="mce-content-body ' + encode(bodyClass) + '"' + dirAttr + '>' +
+            editor.getContent() +
+            getPreventClicksOnLinksScript() +
+            '</body>' +
+            '</html>');
+        return previewHtml;
+    };
+
+    const open = (editor) => {
+        const content = getPreviewHtml(editor);
+        const dataApi = editor.windowManager.open({
+            title: 'Preview',
+            size: 'large',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        name: 'preview',
+                        type: 'iframe',
+                        sandboxed: true,
+                        transparent: false
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'close',
+                    text: 'Close',
+                    primary: true
+                }
+            ],
+            initialData: {
+                preview: content
+            }
+        });
+        // Focus the close button, as by default the first element in the body is selected
+        // which we don't want to happen here since the body only has the iframe content
+        dataApi.focus('close');
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mcePreview', () => {
+            open(editor);
+        });
+    };
+
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mcePreview');
+        editor.ui.registry.addButton('preview', {
+            icon: 'preview',
+            tooltip: 'Preview',
+            onAction,
+            context: 'any'
+        });
+        editor.ui.registry.addMenuItem('preview', {
+            icon: 'preview',
+            text: 'Preview',
+            onAction,
+            context: 'any'
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('preview', (editor) => {
+            register$1(editor);
+            register(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/plugin.min.js
new file mode 100644
index 000000000..2bfd89f3c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/preview/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>undefined===e;const r=e=>()=>e,n=r(!1);class s{constructor(e,t){this.tag=e,this.value=t}static some(e){return new s(!0,e)}static none(){return s.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?s?.some(e(this.value)):s.none()}bind(e){return this.tag?e(this.value):s.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:s.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?s.none():s?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}s.singletonNone=new s(!1);const i=(e,t)=>((e,t,r)=>{for(let n=0,i=e.length;n<i;n++){const i=e[n];if(t(i,n))return s?.some(i);if(r(i,n))break}return s.none()})(e,t,n),o=(e,r,n=0,s)=>{const i=e.indexOf(r,n);return-1!==i&&(!!t(s)||i+r.length<=s)},a=()=>c(0,0),c=(e,t)=>({major:e,minor:t}),u={nu:c,detect:(e,t)=>{const r=String(t).toLowerCase();return 0===e.length?a():((e,t)=>{const r=((e,t)=>{for(let r=0;r<e.length;r++){const n=e[r];if(n.test(t))return n}})(e,t);if(!r)return{major:0,minor:0};const n=e=>Number(t.replace(r,"$"+e));return c(n(1),n(2))})(e,r)},unknown:a},l=(e,t)=>{const r=String(t).toLowerCase();return i(e,(e=>e.search(r)))},d=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,h=e=>t=>o(t,e),m=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>o(e,"edge/")&&o(e,"chrome")&&o(e,"safari")&&o(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,d],search:e=>o(e,"chrome")&&!o(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>o(e,"msie")||o(e,"trident")},{name:"Opera",versionRegexes:[d,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:h("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:h("firefox")},{name:"Safari",versionRegexes:[d,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(o(e,"safari")||o(e,"mobile/"))&&o(e,"applewebkit")}],v=[{name:"Windows",search:h("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>o(e,"iphone")||o(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:h("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:h("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:h("linux"),versionRegexes:[]},{name:"Solaris",search:h("sunos"),versionRegexes:[]},{name:"FreeBSD",search:h("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:h("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],g={browsers:r(m),oses:r(v)},p="Edge",f="Chromium",w="Opera",x="Firefox",S="Safari",y=e=>{const t=e.current,r=e.version,n=e=>()=>t===e;return{current:t,version:r,isEdge:n(p),isChromium:n(f),isIE:n("IE"),isOpera:n(w),isFirefox:n(x),isSafari:n(S)}},b=()=>y({current:void 0,version:u.unknown()}),O=y,R=(r(p),r(f),r("IE"),r(w),r(x),r(S),"Windows"),C="Android",A="Linux",k="macOS",D="Solaris",E="FreeBSD",I="ChromeOS",P=e=>{const t=e.current,r=e.version,n=e=>()=>t===e;return{current:t,version:r,isWindows:n(R),isiOS:n("iOS"),isAndroid:n(C),isMacOS:n(k),isLinux:n(A),isSolaris:n(D),isFreeBSD:n(E),isChromeOS:n(I)}},T=()=>P({current:void 0,version:u.unknown()}),_=P,B=(r(R),r("iOS"),r(C),r(A),r(k),r(D),r(E),r(I),(e,t,n)=>{const o=g.browsers(),a=g.oses(),c=t.bind((e=>((e,t)=>((e,t)=>{for(let r=0;r<e.length;r++){const n=t(e[r]);if(n.isSome())return n}return s.none()})(t.brands,(t=>{const r=t.brand.toLowerCase();return i(e,(e=>{var t;return r===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:u.nu(parseInt(t.version,10),0)})))})))(o,e))).orThunk((()=>((e,t)=>l(e,t)?.map((e=>{const r=u.detect(e.versionRegexes,t);return{current:e.name,version:r}})))(o,e))).fold(b,O),d=((e,t)=>l(e,t)?.map((e=>{const r=u.detect(e.versionRegexes,t);return{current:e.name,version:r}})))(a,e).fold(T,_),h=((e,t,n,s)=>{const i=e.isiOS()&&!0===/ipad/i.test(n),o=e.isiOS()&&!i,a=e.isiOS()||e.isAndroid(),c=a||s("(pointer:coarse)"),u=i||!o&&a&&s("(min-device-width:768px)"),l=o||a&&!u,d=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(n),h=!l&&!u&&!d;return{isiPad:r(i),isiPhone:r(o),isTablet:r(u),isPhone:r(l),isTouch:r(c),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:r(d),isDesktop:r(h)}})(d,c,e,n);return{browser:c,os:d,deviceType:h}}),L=e=>window.matchMedia(e).matches;let N=(e=>{let t,r=!1;return(...n)=>(r||(r=!0,t=e.apply(null,n)),t)})((()=>B(window.navigator.userAgent,s.from(window.navigator.userAgentData),L)));const F=()=>N();var M=tinymce.util.Tools.resolve("tinymce.util.Tools");const $=e=>t=>t.options.get(e),W=$("content_style"),U=$("content_css_cors"),K=$("body_class"),j=$("body_id"),V=e=>{const t=(e=>{var t;let r="";const n=e.dom.encode,s=null!==(t=W(e))&&void 0!==t?t:"";r+=`<base href="${n(e.documentBaseURI.getURI())}">`;const i=U(e)?' crossorigin="anonymous"':"";M.each(e.contentCSS,(t=>{r+='<link type="text/css" rel="stylesheet" href="'+n(e.documentBaseURI.toAbsolute(t))+'"'+i+">"})),s&&(r+='<style type="text/css">'+s+"</style>");const o=j(e),a=K(e),c=e.getBody().dir,u=c?' dir="'+n(c)+'"':"";return"<!DOCTYPE html><html><head>"+r+'</head><body id="'+n(o)+'" class="mce-content-body '+n(a)+'"'+u+">"+e.getContent()+(()=>{const e=F().os.isMacOS()||F().os.isiOS();return`<script>(${(e=>{document.addEventListener("click",(t=>{for(let r=t.target;r;r=r.parentNode)if("A"===r.nodeName){const n=r.getAttribute("href");if(n&&n.startsWith("#")){t.preventDefault();const e=document.getElementById(n.substring(1));return void(e&&e.scrollIntoView({behavior:"smooth"}))}(e?t.metaKey:t.ctrlKey&&!t.altKey)||t.preventDefault()}}),!1)}).toString()})(${e})<\/script>`})()+"</body></html>"})(e);e.windowManager.open({title:"Preview",size:"large",body:{type:"panel",items:[{name:"preview",type:"iframe",sandboxed:!0,transparent:!1}]},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{preview:t}}).focus("close")};e.add("preview",(e=>{(e=>{e.addCommand("mcePreview",(()=>{V(e)}))})(e),(e=>{const t=()=>e.execCommand("mcePreview");e.ui.registry.addButton("preview",{icon:"preview",tooltip:"Preview",onAction:t,context:"any"}),e.ui.registry.addMenuItem("preview",{icon:"preview",text:"Preview",onAction:t,context:"any"})})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/index.js
new file mode 100644
index 000000000..05d9f2001
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/index.js
@@ -0,0 +1,7 @@
+// Exports the "quickbars" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/quickbars')
+//   ES2015:
+//     import 'tinymce/plugins/quickbars'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/plugin.js
new file mode 100644
index 000000000..c4302ec82
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/plugin.js
@@ -0,0 +1,654 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType('string');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    const insertTable = (editor, columns, rows) => {
+        editor.execCommand('mceInsertTable', false, { rows, columns });
+    };
+    const insertBlob = (editor, base64, blob) => {
+        const blobCache = editor.editorUpload.blobCache;
+        const blobInfo = blobCache.create(generate('mceu'), blob, base64);
+        blobCache.add(blobInfo);
+        editor.insertContent(editor.dom.createHTML('img', { src: blobInfo.blobUri() }));
+    };
+
+    const blobToBase64 = (blob) => {
+        return new Promise((resolve) => {
+            const reader = new FileReader();
+            reader.onloadend = () => {
+                resolve(reader.result.split(',')[1]);
+            };
+            reader.readAsDataURL(blob);
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    const pickFile = (editor) => new Promise((resolve) => {
+        let resolved = false;
+        const fileInput = document.createElement('input');
+        fileInput.type = 'file';
+        fileInput.accept = 'image/*';
+        fileInput.style.position = 'fixed';
+        fileInput.style.left = '0';
+        fileInput.style.top = '0';
+        fileInput.style.opacity = '0.001';
+        document.body.appendChild(fileInput);
+        const resolveFileInput = (value) => {
+            var _a;
+            if (!resolved) {
+                (_a = fileInput.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(fileInput);
+                resolved = true;
+                resolve(value);
+            }
+        };
+        const changeHandler = (e) => {
+            resolveFileInput(Array.prototype.slice.call(e.target.files));
+        };
+        fileInput.addEventListener('input', changeHandler);
+        fileInput.addEventListener('change', changeHandler);
+        const cancelHandler = (e) => {
+            const cleanup = () => {
+                resolveFileInput([]);
+            };
+            if (!resolved) {
+                if (e.type === 'focusin') {
+                    // Chrome will fire `focusin` before the input `change` event
+                    global.setEditorTimeout(editor, cleanup, 1000);
+                }
+                else {
+                    cleanup();
+                }
+            }
+            editor.off('focusin remove', cancelHandler);
+        };
+        editor.on('focusin remove', cancelHandler);
+        fileInput.click();
+    });
+
+    const register$1 = (editor) => {
+        editor.on('PreInit', () => {
+            if (!editor.queryCommandSupported('QuickbarInsertImage')) {
+                editor.addCommand('QuickbarInsertImage', () => {
+                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                    pickFile(editor).then((files) => {
+                        if (files.length > 0) {
+                            const blob = files[0];
+                            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                            blobToBase64(blob).then((base64) => {
+                                insertBlob(editor, base64, blob);
+                            });
+                        }
+                    });
+                });
+            }
+        });
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        const toolbarProcessor = (defaultValue) => (value) => {
+            const valid = isBoolean(value) || isString(value);
+            if (valid) {
+                if (isBoolean(value)) {
+                    return { value: value ? defaultValue : '', valid };
+                }
+                else {
+                    return { value: value.trim(), valid };
+                }
+            }
+            else {
+                return { valid: false, message: 'Must be a boolean or string.' };
+            }
+        };
+        const defaultSelectionToolbar = 'bold italic | quicklink h2 h3 blockquote';
+        registerOption('quickbars_selection_toolbar', {
+            processor: toolbarProcessor(defaultSelectionToolbar),
+            default: defaultSelectionToolbar
+        });
+        const defaultInsertToolbar = 'quickimage quicktable';
+        registerOption('quickbars_insert_toolbar', {
+            processor: toolbarProcessor(defaultInsertToolbar),
+            default: defaultInsertToolbar
+        });
+        const defaultImageToolbar = 'alignleft aligncenter alignright';
+        registerOption('quickbars_image_toolbar', {
+            processor: toolbarProcessor(defaultImageToolbar),
+            default: defaultImageToolbar
+        });
+    };
+    const getTextSelectionToolbarItems = option('quickbars_selection_toolbar');
+    const getInsertToolbarItems = option('quickbars_insert_toolbar');
+    const getImageToolbarItems = option('quickbars_image_toolbar');
+
+    const setupButtons = (editor) => {
+        editor.ui.registry.addButton('quickimage', {
+            icon: 'image',
+            tooltip: 'Insert image',
+            onAction: () => editor.execCommand('QuickbarInsertImage')
+        });
+        editor.ui.registry.addButton('quicktable', {
+            icon: 'table',
+            tooltip: 'Insert table',
+            onAction: () => {
+                insertTable(editor, 2, 2);
+            }
+        });
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const ELEMENT = 1;
+
+    const is = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+
+    const has$1 = (element, key) => {
+        const dom = element.dom;
+        // return false for non-element nodes, no point in throwing an error
+        return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$1 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$2 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$1, scope, predicate, isRoot);
+    };
+
+    const ancestor = (scope, selector, isRoot) => ancestor$1(scope, (e) => is(e, selector), isRoot);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$1 = (scope, selector, isRoot) => {
+        const is$1 = (element, selector) => is(element, selector);
+        return ClosestOrAncestor(is$1, ancestor, scope, selector, isRoot);
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    const closest = (scope, predicate, isRoot) => closest$2(scope, predicate, isRoot).isSome();
+
+    const addToEditor$1 = (editor) => {
+        const insertToolbarItems = getInsertToolbarItems(editor);
+        if (insertToolbarItems.length > 0) {
+            editor.ui.registry.addContextToolbar('quickblock', {
+                predicate: (node) => {
+                    const sugarNode = SugarElement.fromDom(node);
+                    const textBlockElementsMap = editor.schema.getTextBlockElements();
+                    const isRoot = (elem) => elem.dom === editor.getBody();
+                    return !has$1(sugarNode, 'data-mce-bogus') && closest$1(sugarNode, 'table,[data-mce-bogus="all"]', isRoot).fold(() => closest(sugarNode, (elem) => name(elem) in textBlockElementsMap && editor.dom.isEmpty(elem.dom), isRoot), never);
+                },
+                items: insertToolbarItems,
+                position: 'line',
+                scope: 'editor'
+            });
+        }
+    };
+
+    const addToEditor = (editor) => {
+        const isEditable = (node) => editor.dom.isEditable(node);
+        const isInEditableContext = (el) => isEditable(el.parentElement);
+        const isImage = (node) => {
+            const isImageFigure = node.nodeName === 'FIGURE' && /image/i.test(node.className);
+            const isImage = node.nodeName === 'IMG' || isImageFigure;
+            const isPagebreak = has(SugarElement.fromDom(node), 'mce-pagebreak');
+            return isImage && isInEditableContext(node) && !isPagebreak;
+        };
+        const imageToolbarItems = getImageToolbarItems(editor);
+        if (imageToolbarItems.length > 0) {
+            editor.ui.registry.addContextToolbar('imageselection', {
+                predicate: isImage,
+                items: imageToolbarItems,
+                position: 'node'
+            });
+        }
+        const textToolbarItems = getTextSelectionToolbarItems(editor);
+        if (textToolbarItems.length > 0) {
+            editor.ui.registry.addContextToolbar('textselection', {
+                predicate: (node) => !isImage(node) && !editor.selection.isCollapsed() && isEditable(node),
+                items: textToolbarItems,
+                position: 'selection',
+                scope: 'editor'
+            });
+        }
+    };
+
+    var Plugin = () => {
+        global$1.add('quickbars', (editor) => {
+            register(editor);
+            register$1(editor);
+            setupButtons(editor);
+            addToEditor$1(editor);
+            addToEditor(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/plugin.min.js
new file mode 100644
index 000000000..8b20beafc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/quickbars/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>typeof t===e,o=e=>"string"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(o=r=e,(n=String).prototype.isPrototypeOf(o)||(null===(i=r.constructor)||void 0===i?void 0:i.name)===n.name)?"string":t;var o,r,n,i})(e);const r=t("boolean"),n=t("function"),i=()=>false;class s{constructor(e,t){this.tag=e,this.value=t}static some(e){return new s(!0,e)}static none(){return s.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?s?.some(e(this.value)):s.none()}bind(e){return this.tag?e(this.value):s.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:s.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?s.none():s?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}s.singletonNone=new s(!1);let a=0;var l=tinymce.util.Tools.resolve("tinymce.util.Delay");const c=e=>{e.on("PreInit",(()=>{e.queryCommandSupported("QuickbarInsertImage")||e.addCommand("QuickbarInsertImage",(()=>{(e=>new Promise((t=>{let o=!1;const r=document.createElement("input");r.type="file",r.accept="image/*",r.style.position="fixed",r.style.left="0",r.style.top="0",r.style.opacity="0.001",document.body.appendChild(r);const n=e=>{var n;o||(null===(n=r.parentNode)||void 0===n||n.removeChild(r),o=!0,t(e))},i=e=>{n(Array.prototype.slice.call(e.target.files))};r.addEventListener("input",i),r.addEventListener("change",i);const s=t=>{const r=()=>{n([])};o||("focusin"===t.type?l.setEditorTimeout(e,r,1e3):r()),e.off("focusin remove",s)};e.on("focusin remove",s),r.click()})))(e).then((t=>{if(t.length>0){const o=t[0];(e=>new Promise((t=>{const o=new FileReader;o.onloadend=()=>{t(o.result.split(",")[1])},o.readAsDataURL(e)})))(o).then((t=>{((e,t,o)=>{const r=e.editorUpload.blobCache,n=r.create((e=>{const t=(new Date).getTime(),o=Math.floor(window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295*1e9);return a++,e+"_"+o+a+String(t)})("mceu"),o,t);r.add(n),e.insertContent(e.dom.createHTML("img",{src:n.blobUri()}))})(e,t,o)}))}}))}))}))},u=e=>t=>t.options.get(e),d=u("quickbars_selection_toolbar"),m=u("quickbars_insert_toolbar"),g=u("quickbars_image_toolbar"),h=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},b=h,p=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}};var v=(e,t,o,r,i)=>e(o,r)?s?.some(o):n(i)&&i(o)?s.none():t(o,r,i);const f=(e,t,o)=>{let r=e.dom;const a=n(o)?o:i;for(;r.parentNode;){r=r.parentNode;const e=b(r);if(t(e))return s?.some(e);if(a(e))break}return s.none()},y=(e,t,o)=>f(e,(e=>p(e,t)),o),k=e=>{const t=m(e);t.length>0&&e.ui.registry.addContextToolbar("quickblock",{predicate:t=>{const o=b(t),r=e.schema.getTextBlockElements(),n=t=>t.dom===e.getBody();return!(e=>{const t=e.dom;return!(!t||!t.hasAttribute)&&t.hasAttribute("data-mce-bogus")})(o)&&((e,t,o)=>v(((e,t)=>p(e,t)),y,e,'table,[data-mce-bogus="all"]',o))(o,0,n).fold((()=>((e,t,o)=>((e,t,o)=>v(((e,t)=>t(e)),f,e,t,o))(e,t,o).isSome())(o,(t=>t.dom.nodeName.toLowerCase()in r&&e.dom.isEmpty(t.dom)),n)),i)},items:t,position:"line",scope:"editor"})};e.add("quickbars",(e=>{(e=>{const t=e.options.register,n=e=>t=>{const n=r(t)||o(t);return n?r(t)?{value:t?e:"",valid:n}:{value:t.trim(),valid:n}:{valid:!1,message:"Must be a boolean or string."}},i="bold italic | quicklink h2 h3 blockquote";t("quickbars_selection_toolbar",{processor:n(i),default:i});const s="quickimage quicktable";t("quickbars_insert_toolbar",{processor:n(s),default:s});const a="alignleft aligncenter alignright";t("quickbars_image_toolbar",{processor:n(a),default:a})})(e),c(e),(e=>{e.ui.registry.addButton("quickimage",{icon:"image",tooltip:"Insert image",onAction:()=>e.execCommand("QuickbarInsertImage")}),e.ui.registry.addButton("quicktable",{icon:"table",tooltip:"Insert table",onAction:()=>{(e=>{e.execCommand("mceInsertTable",!1,{rows:2,columns:2})})(e)}})})(e),k(e),(e=>{const t=t=>e.dom.isEditable(t),o=e=>{const o="FIGURE"===e.nodeName&&/image/i.test(e.className),r="IMG"===e.nodeName||o,n=(e=>void 0!==e.dom.classList)(i=b(e))&&i.dom.classList.contains("mce-pagebreak");var i;return r&&t(e.parentElement)&&!n},r=g(e);r.length>0&&e.ui.registry.addContextToolbar("imageselection",{predicate:o,items:r,position:"node"});const n=d(e);n.length>0&&e.ui.registry.addContextToolbar("textselection",{predicate:r=>!o(r)&&!e.selection.isCollapsed()&&t(r),items:n,position:"selection",scope:"editor"})})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/index.js
new file mode 100644
index 000000000..86d83a970
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/index.js
@@ -0,0 +1,7 @@
+// Exports the "save" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/save')
+//   ES2015:
+//     import 'tinymce/plugins/save'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/plugin.js
new file mode 100644
index 000000000..befddd19b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/plugin.js
@@ -0,0 +1,136 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isFunction = isSimpleType('function');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('save_enablewhendirty', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('save_onsavecallback', {
+            processor: 'function'
+        });
+        registerOption('save_oncancelcallback', {
+            processor: 'function'
+        });
+    };
+    const enableWhenDirty = option('save_enablewhendirty');
+    const getOnSaveCallback = option('save_onsavecallback');
+    const getOnCancelCallback = option('save_oncancelcallback');
+
+    const displayErrorMessage = (editor, message) => {
+        editor.notificationManager.open({
+            text: message,
+            type: 'error'
+        });
+    };
+    const save = (editor) => {
+        const formObj = global$1.DOM.getParent(editor.id, 'form');
+        if (enableWhenDirty(editor) && !editor.isDirty()) {
+            return;
+        }
+        editor.save();
+        // Use callback instead
+        const onSaveCallback = getOnSaveCallback(editor);
+        if (isFunction(onSaveCallback)) {
+            onSaveCallback.call(editor, editor);
+            editor.nodeChanged();
+            return;
+        }
+        if (formObj) {
+            editor.setDirty(false);
+            // TODO: TINY-6105 this is probably broken, as an event should be passed to `onsubmit`
+            // so we need to investigate this at some point
+            if (!formObj.onsubmit || formObj.onsubmit()) {
+                if (typeof formObj.submit === 'function') {
+                    formObj.submit();
+                }
+                else {
+                    displayErrorMessage(editor, 'Error: Form submit field collision.');
+                }
+            }
+            editor.nodeChanged();
+        }
+        else {
+            displayErrorMessage(editor, 'Error: No form element found.');
+        }
+    };
+    const cancel = (editor) => {
+        const h = global.trim(editor.startContent);
+        // Use callback instead
+        const onCancelCallback = getOnCancelCallback(editor);
+        if (isFunction(onCancelCallback)) {
+            onCancelCallback.call(editor, editor);
+            return;
+        }
+        // Reset the editor content back to the initial state
+        editor.resetContent(h);
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceSave', () => {
+            save(editor);
+        });
+        editor.addCommand('mceCancel', () => {
+            cancel(editor);
+        });
+    };
+
+    const stateToggle = (editor) => (api) => {
+        const handler = () => {
+            api.setEnabled(!enableWhenDirty(editor) || editor.isDirty());
+        };
+        handler();
+        editor.on('NodeChange dirty', handler);
+        return () => editor.off('NodeChange dirty', handler);
+    };
+    const register = (editor) => {
+        editor.ui.registry.addButton('save', {
+            icon: 'save',
+            tooltip: 'Save',
+            enabled: false,
+            onAction: () => editor.execCommand('mceSave'),
+            onSetup: stateToggle(editor),
+            shortcut: 'Meta+S'
+        });
+        editor.ui.registry.addButton('cancel', {
+            icon: 'cancel',
+            tooltip: 'Cancel',
+            enabled: false,
+            onAction: () => editor.execCommand('mceCancel'),
+            onSetup: stateToggle(editor)
+        });
+        editor.addShortcut('Meta+S', '', 'mceSave');
+    };
+
+    var Plugin = () => {
+        global$2.add('save', (editor) => {
+            register$2(editor);
+            register(editor);
+            register$1(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/plugin.min.js
new file mode 100644
index 000000000..db770b411
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/save/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const o=e=>"function"==typeof e;var t=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),n=tinymce.util.Tools.resolve("tinymce.util.Tools");const a=e=>o=>o.options.get(e),c=a("save_enablewhendirty"),i=a("save_onsavecallback"),s=a("save_oncancelcallback"),r=(e,o)=>{e.notificationManager.open({text:o,type:"error"})},l=e=>o=>{const t=()=>{o.setEnabled(!c(e)||e.isDirty())};return t(),e.on("NodeChange dirty",t),()=>e.off("NodeChange dirty",t)};e.add("save",(e=>{(e=>{const o=e.options.register;o("save_enablewhendirty",{processor:"boolean",default:!0}),o("save_onsavecallback",{processor:"function"}),o("save_oncancelcallback",{processor:"function"})})(e),(e=>{e.ui.registry.addButton("save",{icon:"save",tooltip:"Save",enabled:!1,onAction:()=>e.execCommand("mceSave"),onSetup:l(e),shortcut:"Meta+S"}),e.ui.registry.addButton("cancel",{icon:"cancel",tooltip:"Cancel",enabled:!1,onAction:()=>e.execCommand("mceCancel"),onSetup:l(e)}),e.addShortcut("Meta+S","","mceSave")})(e),(e=>{e.addCommand("mceSave",(()=>{(e=>{const n=t.DOM.getParent(e.id,"form");if(c(e)&&!e.isDirty())return;e.save();const a=i(e);if(o(a))return a.call(e,e),void e.nodeChanged();n?(e.setDirty(!1),n.onsubmit&&!n.onsubmit()||("function"==typeof n.submit?n.submit():r(e,"Error: Form submit field collision.")),e.nodeChanged()):r(e,"Error: No form element found.")})(e)})),e.addCommand("mceCancel",(()=>{(e=>{const t=n.trim(e.startContent),a=s(e);o(a)?a.call(e,e):e.resetContent(t)})(e)}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/index.js
new file mode 100644
index 000000000..22f07a193
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/index.js
@@ -0,0 +1,7 @@
+// Exports the "searchreplace" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/searchreplace')
+//   ES2015:
+//     import 'tinymce/plugins/searchreplace'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/plugin.js
new file mode 100644
index 000000000..263385680
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/plugin.js
@@ -0,0 +1,1370 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType$1('string');
+    const isArray = isType$1('array');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    /*
+     * Groups an array into contiguous arrays of like elements. Whether an element is like or not depends on f.
+     *
+     * f is a function that derives a value from an element - e.g. true or false, or a string.
+     * Elements are like if this function generates the same value for them (according to ===).
+     *
+     *
+     * Order of the elements is preserved. Arr.flatten() on the result will return the original list, as with Haskell groupBy function.
+     *  For a good explanation, see the group function (which is a special case of groupBy)
+     *  http://hackage.haskell.org/package/base-4.7.0.0/docs/Data-List.html#v:group
+     */
+    const groupBy = (xs, f) => {
+        if (xs.length === 0) {
+            return [];
+        }
+        else {
+            let wasType = f(xs[0]); // initial case for matching
+            const r = [];
+            let group = [];
+            for (let i = 0, len = xs.length; i < len; i++) {
+                const x = xs[i];
+                const type = f(x);
+                if (type !== wasType) {
+                    r.push(group);
+                    group = [];
+                }
+                wasType = type;
+                group.push(x);
+            }
+            if (group.length !== 0) {
+                r.push(group);
+            }
+            return r;
+        }
+    };
+    const foldl = (xs, f, acc) => {
+        each(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    const sort = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable max-len */
+    const punctuationStr = `[~№|!-*+-\\/:;?@\\[-\`{}\u00A1\u00AB\u00B7\u00BB\u00BF;\u00B7\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1361-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u3008\u3009\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30\u2E31\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]`;
+
+    const punctuation$1 = constant(punctuationStr);
+
+    // tslint:disable-next-line:variable-name
+    const Custom = (regex, prefix, suffix, flags) => {
+        const term = () => {
+            return new RegExp(regex, flags.getOr('g'));
+        };
+        return {
+            term,
+            prefix,
+            suffix
+        };
+    };
+
+    Custom;
+    const punctuation = punctuation$1;
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+
+    /*
+     * Most of sand doesn't alter the methods on the object.
+     * We're making an exception for Node, because bitwise and is so easy to get wrong.
+     *
+     * Might be nice to ADT this at some point instead of having individual methods.
+     */
+    const compareDocumentPosition = (a, b, match) => {
+        // Returns: 0 if e1 and e2 are the same node, or a bitmask comparing the positions
+        // of nodes e1 and e2 in their documents. See the URL below for bitmask interpretation
+        // https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
+        // eslint-disable-next-line no-bitwise
+        return (a.compareDocumentPosition(b) & match) !== 0;
+    };
+    const documentPositionPreceding = (a, b) => {
+        return compareDocumentPosition(a, b, Node.DOCUMENT_POSITION_PRECEDING);
+    };
+
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isText$1 = isType(TEXT);
+
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+    const spot = (element, offset) => ({
+        element,
+        offset
+    });
+    const leaf = (element, offset) => {
+        const cs = children(element);
+        return cs.length > 0 && offset < cs.length ? spot(cs[offset], 0) : spot(element, offset);
+    };
+
+    const before = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const append = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const wrap = (element, wrapper) => {
+        before(element, wrapper);
+        append(wrapper, element);
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText$1, 'text');
+    const get$1 = (element) => api.get(element);
+
+    const descendants = (scope, selector) => all(selector, scope);
+
+    var global = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    const isSimpleBoundary = (dom, node) => dom.isBlock(node) || has(dom.schema.getVoidElements(), node.nodeName);
+    const isContentEditableFalse = (dom, node) => !dom.isEditable(node);
+    const isContentEditableTrueInCef = (dom, node) => dom.getContentEditable(node) === 'true' && node.parentNode && !dom.isEditable(node.parentNode);
+    const isHidden = (dom, node) => !dom.isBlock(node) && has(dom.schema.getWhitespaceElements(), node.nodeName);
+    const isBoundary = (dom, node) => isSimpleBoundary(dom, node) || isContentEditableFalse(dom, node) || isHidden(dom, node) || isContentEditableTrueInCef(dom, node);
+    const isText = (node) => node.nodeType === 3;
+    const nuSection = () => ({
+        sOffset: 0,
+        fOffset: 0,
+        elements: []
+    });
+    const toLeaf = (node, offset) => leaf(SugarElement.fromDom(node), offset);
+    const walk = (dom, walkerFn, startNode, callbacks, endNode, skipStart = true) => {
+        let next = skipStart ? walkerFn(false) : startNode;
+        while (next) {
+            // Walk over content editable or hidden elements
+            const isCefNode = isContentEditableFalse(dom, next);
+            if (isCefNode || isHidden(dom, next)) {
+                const stopWalking = isCefNode ? callbacks.cef(next) : callbacks.boundary(next);
+                if (stopWalking) {
+                    break;
+                }
+                else {
+                    next = walkerFn(true);
+                    continue;
+                }
+            }
+            else if (isSimpleBoundary(dom, next)) {
+                if (callbacks.boundary(next)) {
+                    break;
+                }
+            }
+            else if (isText(next)) {
+                callbacks.text(next);
+            }
+            if (next === endNode) {
+                break;
+            }
+            else {
+                next = walkerFn(false);
+            }
+        }
+    };
+    const collectTextToBoundary = (dom, section, node, rootNode, forwards) => {
+        var _a;
+        // Don't bother collecting text nodes if we're already at a boundary
+        if (isBoundary(dom, node)) {
+            return;
+        }
+        const rootBlock = (_a = dom.getParent(rootNode, dom.isBlock)) !== null && _a !== void 0 ? _a : dom.getRoot();
+        const walker = new global(node, rootBlock);
+        const walkerFn = forwards ? walker.next.bind(walker) : walker.prev.bind(walker);
+        // Walk over and add text nodes to the section and increase the offsets
+        // so we know to ignore the additional text when matching
+        walk(dom, walkerFn, node, {
+            boundary: always,
+            cef: always,
+            text: (next) => {
+                if (forwards) {
+                    section.fOffset += next.length;
+                }
+                else {
+                    section.sOffset += next.length;
+                }
+                section.elements.push(SugarElement.fromDom(next));
+            }
+        });
+    };
+    const collect = (dom, rootNode, startNode, endNode, callbacks, skipStart = true) => {
+        const walker = new global(startNode, rootNode);
+        const sections = [];
+        let current = nuSection();
+        // Find any text between the start node and the closest boundary
+        collectTextToBoundary(dom, current, startNode, rootNode, false);
+        const finishSection = () => {
+            if (current.elements.length > 0) {
+                sections.push(current);
+                current = nuSection();
+            }
+            return false;
+        };
+        // Collect all the text nodes in the specified range and create sections from the
+        // boundaries within the range
+        walk(dom, walker.next.bind(walker), startNode, {
+            boundary: finishSection,
+            cef: (node) => {
+                finishSection();
+                // Collect additional nested contenteditable true content
+                if (callbacks) {
+                    sections.push(...callbacks.cef(node));
+                }
+                return false;
+            },
+            text: (next) => {
+                current.elements.push(SugarElement.fromDom(next));
+                if (callbacks) {
+                    callbacks.text(next, current);
+                }
+            }
+        }, endNode, skipStart);
+        // Find any text between the end node and the closest boundary, then finalise the section
+        if (endNode) {
+            collectTextToBoundary(dom, current, endNode, rootNode, true);
+        }
+        finishSection();
+        return sections;
+    };
+    const collectRangeSections = (dom, rng) => {
+        const start = toLeaf(rng.startContainer, rng.startOffset);
+        const startNode = start.element.dom;
+        const end = toLeaf(rng.endContainer, rng.endOffset);
+        const endNode = end.element.dom;
+        return collect(dom, rng.commonAncestorContainer, startNode, endNode, {
+            text: (node, section) => {
+                // Set the start/end offset of the section
+                if (node === endNode) {
+                    section.fOffset += node.length - end.offset;
+                }
+                else if (node === startNode) {
+                    section.sOffset += start.offset;
+                }
+            },
+            cef: (node) => {
+                // Collect the sections and then order them appropriately, as nested sections maybe out of order
+                // TODO: See if we can improve this to avoid the sort overhead
+                const sections = bind(descendants(SugarElement.fromDom(node), '*[contenteditable=true]'), (e) => {
+                    const ceTrueNode = e.dom;
+                    return collect(dom, ceTrueNode, ceTrueNode);
+                });
+                return sort(sections, (a, b) => (documentPositionPreceding(a.elements[0].dom, b.elements[0].dom)) ? 1 : -1);
+            }
+        }, false);
+    };
+    const fromRng = (dom, rng) => rng.collapsed ? [] : collectRangeSections(dom, rng);
+    const fromNode = (dom, node) => {
+        const rng = dom.createRng();
+        rng.selectNode(node);
+        return fromRng(dom, rng);
+    };
+    const fromNodes = (dom, nodes) => bind(nodes, (node) => fromNode(dom, node));
+
+    const find$2 = (text, pattern, start = 0, finish = text.length) => {
+        const regex = pattern.regex;
+        regex.lastIndex = start;
+        const results = [];
+        let match;
+        while ((match = regex.exec(text))) {
+            const matchedText = match[pattern.matchIndex];
+            const matchStart = match.index + match[0].indexOf(matchedText);
+            const matchFinish = matchStart + matchedText.length;
+            // Stop finding matches if we've hit the finish mark
+            if (matchFinish > finish) {
+                break;
+            }
+            results.push({
+                start: matchStart,
+                finish: matchFinish
+            });
+            regex.lastIndex = matchFinish;
+        }
+        return results;
+    };
+    const extract = (elements, matches) => {
+        // Walk over each text node and compare with the matches
+        const nodePositions = foldl(elements, (acc, element) => {
+            const content = get$1(element);
+            const start = acc.last;
+            const finish = start + content.length;
+            // Find positions for any matches in the current text node
+            const positions = bind(matches, (match, matchIdx) => {
+                // Check to see if the match overlaps with the text position
+                if (match.start < finish && match.finish > start) {
+                    return [{
+                            element,
+                            start: Math.max(start, match.start) - start,
+                            finish: Math.min(finish, match.finish) - start,
+                            matchId: matchIdx
+                        }];
+                }
+                else {
+                    return [];
+                }
+            });
+            return {
+                results: acc.results.concat(positions),
+                last: finish
+            };
+        }, { results: [], last: 0 }).results;
+        // Group the positions by the match id
+        return groupBy(nodePositions, (position) => position.matchId);
+    };
+
+    const find$1 = (pattern, sections) => bind(sections, (section) => {
+        const elements = section.elements;
+        const content = map(elements, get$1).join('');
+        const positions = find$2(content, pattern, section.sOffset, content.length - section.fOffset);
+        return extract(elements, positions);
+    });
+    const mark = (matches, replacementNode) => {
+        // Walk backwards and mark the positions
+        // Note: We need to walk backwards so the position indexes don't change
+        eachr(matches, (match, idx) => {
+            eachr(match, (pos) => {
+                const wrapper = SugarElement.fromDom(replacementNode.cloneNode(false));
+                set(wrapper, 'data-mce-index', idx);
+                const textNode = pos.element.dom;
+                if (textNode.length === pos.finish && pos.start === 0) {
+                    wrap(pos.element, wrapper);
+                }
+                else {
+                    if (textNode.length !== pos.finish) {
+                        textNode.splitText(pos.finish);
+                    }
+                    const matchNode = textNode.splitText(pos.start);
+                    wrap(SugarElement.fromDom(matchNode), wrapper);
+                }
+            });
+        });
+    };
+    const findAndMark = (dom, pattern, node, replacementNode) => {
+        const textSections = fromNode(dom, node);
+        const matches = find$1(pattern, textSections);
+        mark(matches, replacementNode);
+        return matches.length;
+    };
+    const findAndMarkInSelection = (dom, pattern, selection, replacementNode) => {
+        const bookmark = selection.getBookmark();
+        // Handle table cell selection as the table plugin enables
+        // you to fake select table cells and perform actions on them
+        const nodes = dom.select('td[data-mce-selected],th[data-mce-selected]');
+        const textSections = nodes.length > 0 ? fromNodes(dom, nodes) : fromRng(dom, selection.getRng());
+        // Find and mark matches
+        const matches = find$1(pattern, textSections);
+        mark(matches, replacementNode);
+        // Restore the selection
+        selection.moveToBookmark(bookmark);
+        return matches.length;
+    };
+
+    const getElmIndex = (elm) => {
+        return elm.getAttribute('data-mce-index');
+    };
+    const markAllMatches = (editor, currentSearchState, pattern, inSelection) => {
+        const marker = editor.dom.create('span', {
+            'data-mce-bogus': 1
+        });
+        marker.className = 'mce-match-marker';
+        const node = editor.getBody();
+        done(editor, currentSearchState, false);
+        if (inSelection) {
+            return findAndMarkInSelection(editor.dom, pattern, editor.selection, marker);
+        }
+        else {
+            return findAndMark(editor.dom, pattern, node, marker);
+        }
+    };
+    const unwrap = (node) => {
+        var _a;
+        const parentNode = node.parentNode;
+        if (node.firstChild) {
+            parentNode.insertBefore(node.firstChild, node);
+        }
+        (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(node);
+    };
+    const findSpansByIndex = (editor, index) => {
+        const spans = [];
+        const nodes = global$1.toArray(editor.getBody().getElementsByTagName('span'));
+        if (nodes.length) {
+            for (let i = 0; i < nodes.length; i++) {
+                const nodeIndex = getElmIndex(nodes[i]);
+                if (nodeIndex === null || !nodeIndex.length) {
+                    continue;
+                }
+                if (nodeIndex === index.toString()) {
+                    spans.push(nodes[i]);
+                }
+            }
+        }
+        return spans;
+    };
+    const moveSelection = (editor, currentSearchState, forward) => {
+        const searchState = currentSearchState.get();
+        let testIndex = searchState.index;
+        const dom = editor.dom;
+        if (forward) {
+            if (testIndex + 1 === searchState.count) {
+                testIndex = 0;
+            }
+            else {
+                testIndex++;
+            }
+        }
+        else {
+            if (testIndex - 1 === -1) {
+                testIndex = searchState.count - 1;
+            }
+            else {
+                testIndex--;
+            }
+        }
+        dom.removeClass(findSpansByIndex(editor, searchState.index), 'mce-match-marker-selected');
+        const spans = findSpansByIndex(editor, testIndex);
+        if (spans.length) {
+            dom.addClass(findSpansByIndex(editor, testIndex), 'mce-match-marker-selected');
+            editor.selection.scrollIntoView(spans[0]);
+            return testIndex;
+        }
+        return -1;
+    };
+    const removeNode = (dom, node) => {
+        const parent = node.parentNode;
+        dom.remove(node);
+        if (parent && dom.isEmpty(parent)) {
+            dom.remove(parent);
+        }
+    };
+    const escapeSearchText = (text, wholeWord) => {
+        const escapedText = text.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&').replace(/\s/g, '[^\\S\\r\\n\\uFEFF]');
+        const wordRegex = '(' + escapedText + ')';
+        return wholeWord ? `(?:^|\\s|${punctuation()})` + wordRegex + `(?=$|\\s|${punctuation()})` : wordRegex;
+    };
+    const find = (editor, currentSearchState, text, matchCase, wholeWord, inSelection) => {
+        const selection = editor.selection;
+        const escapedText = escapeSearchText(text, wholeWord);
+        const isForwardSelection = selection.isForward();
+        const pattern = {
+            regex: new RegExp(escapedText, matchCase ? 'g' : 'gi'),
+            matchIndex: 1
+        };
+        const count = markAllMatches(editor, currentSearchState, pattern, inSelection);
+        // Safari has a bug whereby splitting text nodes breaks the selection (which is done when marking matches).
+        // As such we need to manually reset it after doing a find action. See https://bugs.webkit.org/show_bug.cgi?id=230594
+        if (global$2.browser.isSafari()) {
+            selection.setRng(selection.getRng(), isForwardSelection);
+        }
+        if (count) {
+            const newIndex = moveSelection(editor, currentSearchState, true);
+            currentSearchState.set({
+                index: newIndex,
+                count,
+                text,
+                matchCase,
+                wholeWord,
+                inSelection
+            });
+        }
+        return count;
+    };
+    const next = (editor, currentSearchState) => {
+        const index = moveSelection(editor, currentSearchState, true);
+        currentSearchState.set({ ...currentSearchState.get(), index });
+    };
+    const prev = (editor, currentSearchState) => {
+        const index = moveSelection(editor, currentSearchState, false);
+        currentSearchState.set({ ...currentSearchState.get(), index });
+    };
+    const isMatchSpan = (node) => {
+        const matchIndex = getElmIndex(node);
+        return matchIndex !== null && matchIndex.length > 0;
+    };
+    const replace = (editor, currentSearchState, text, forward, all) => {
+        const searchState = currentSearchState.get();
+        const currentIndex = searchState.index;
+        let currentMatchIndex, nextIndex = currentIndex;
+        forward = forward !== false;
+        const node = editor.getBody();
+        const nodes = global$1.grep(global$1.toArray(node.getElementsByTagName('span')), isMatchSpan);
+        for (let i = 0; i < nodes.length; i++) {
+            const nodeIndex = getElmIndex(nodes[i]);
+            let matchIndex = currentMatchIndex = parseInt(nodeIndex, 10);
+            if (all || matchIndex === searchState.index) {
+                if (text.length) {
+                    nodes[i].innerText = text;
+                    unwrap(nodes[i]);
+                }
+                else {
+                    removeNode(editor.dom, nodes[i]);
+                }
+                while (nodes[++i]) {
+                    matchIndex = parseInt(getElmIndex(nodes[i]), 10);
+                    if (matchIndex === currentMatchIndex) {
+                        removeNode(editor.dom, nodes[i]);
+                    }
+                    else {
+                        i--;
+                        break;
+                    }
+                }
+                if (forward) {
+                    nextIndex--;
+                }
+            }
+            else if (currentMatchIndex > currentIndex) {
+                nodes[i].setAttribute('data-mce-index', String(currentMatchIndex - 1));
+            }
+        }
+        currentSearchState.set({
+            ...searchState,
+            count: all ? 0 : searchState.count - 1,
+            index: nextIndex
+        });
+        if (forward) {
+            next(editor, currentSearchState);
+        }
+        else {
+            prev(editor, currentSearchState);
+        }
+        return !all && currentSearchState.get().count > 0;
+    };
+    const done = (editor, currentSearchState, keepEditorSelection) => {
+        let startContainer;
+        let endContainer;
+        const searchState = currentSearchState.get();
+        const nodes = global$1.toArray(editor.getBody().getElementsByTagName('span'));
+        for (let i = 0; i < nodes.length; i++) {
+            const nodeIndex = getElmIndex(nodes[i]);
+            if (nodeIndex !== null && nodeIndex.length) {
+                if (nodeIndex === searchState.index.toString()) {
+                    // Note: The first child of the span node will be the highlighted text node
+                    if (!startContainer) {
+                        startContainer = nodes[i].firstChild;
+                    }
+                    endContainer = nodes[i].firstChild;
+                }
+                unwrap(nodes[i]);
+            }
+        }
+        // Reset the search state
+        currentSearchState.set({
+            ...searchState,
+            index: -1,
+            count: 0,
+            text: ''
+        });
+        if (startContainer && endContainer) {
+            const rng = editor.dom.createRng();
+            rng.setStart(startContainer, 0);
+            rng.setEnd(endContainer, endContainer.data.length);
+            if (keepEditorSelection !== false) {
+                editor.selection.setRng(rng);
+            }
+            return rng;
+        }
+        else {
+            return undefined;
+        }
+    };
+    const hasNext = (editor, currentSearchState) => currentSearchState.get().count > 1;
+    const hasPrev = (editor, currentSearchState) => currentSearchState.get().count > 1;
+
+    const get = (editor, currentState) => {
+        const done$1 = (keepEditorSelection) => {
+            return done(editor, currentState, keepEditorSelection);
+        };
+        const find$1 = (text, matchCase, wholeWord, inSelection = false) => {
+            return find(editor, currentState, text, matchCase, wholeWord, inSelection);
+        };
+        const next$1 = () => {
+            return next(editor, currentState);
+        };
+        const prev$1 = () => {
+            return prev(editor, currentState);
+        };
+        const replace$1 = (text, forward, all) => {
+            return replace(editor, currentState, text, forward, all);
+        };
+        return {
+            done: done$1,
+            find: find$1,
+            next: next$1,
+            prev: prev$1,
+            replace: replace$1
+        };
+    };
+
+    const open = (editor, currentSearchState) => {
+        const dialogApi = value();
+        editor.undoManager.add();
+        const selectedText = global$1.trim(editor.selection.getContent({ format: 'text' }));
+        const updateButtonStates = (api) => {
+            api.setEnabled('next', hasNext(editor, currentSearchState));
+            api.setEnabled('prev', hasPrev(editor, currentSearchState));
+        };
+        const updateSearchState = (api) => {
+            const data = api.getData();
+            const current = currentSearchState.get();
+            currentSearchState.set({
+                ...current,
+                matchCase: data.matchcase,
+                wholeWord: data.wholewords,
+                inSelection: data.inselection
+            });
+        };
+        const disableAll = (api, disable) => {
+            const buttons = ['replace', 'replaceall', 'prev', 'next'];
+            const toggle = (name) => api.setEnabled(name, !disable);
+            each(buttons, toggle);
+        };
+        const toggleNotFoundAlert = (isVisible, api) => {
+            api.redial(getDialogSpec(isVisible, api.getData()));
+        };
+        // Temporarily workaround for iOS/iPadOS dialog placement to hide the keyboard
+        // TODO: Remove in 5.2 once iOS fixed positioning is fixed. See TINY-4441
+        const focusButtonIfRequired = (api, name) => {
+            if (global$2.browser.isSafari() && global$2.deviceType.isTouch() && (name === 'find' || name === 'replace' || name === 'replaceall')) {
+                api.focus(name);
+            }
+        };
+        const reset = (api) => {
+            // Clean up the markers if required
+            done(editor, currentSearchState, false);
+            // Disable the buttons
+            disableAll(api, true);
+            updateButtonStates(api);
+        };
+        const doFind = (api) => {
+            const data = api.getData();
+            const last = currentSearchState.get();
+            if (!data.findtext.length) {
+                reset(api);
+                return;
+            }
+            // Same search text, so treat the find as a next click instead
+            if (last.text === data.findtext && last.matchCase === data.matchcase && last.wholeWord === data.wholewords) {
+                next(editor, currentSearchState);
+            }
+            else {
+                // Find new matches
+                const count = find(editor, currentSearchState, data.findtext, data.matchcase, data.wholewords, data.inselection);
+                if (count <= 0) {
+                    toggleNotFoundAlert(true, api);
+                }
+                disableAll(api, count === 0);
+            }
+            updateButtonStates(api);
+        };
+        const initialState = currentSearchState.get();
+        const initialData = {
+            findtext: selectedText,
+            replacetext: '',
+            wholewords: initialState.wholeWord,
+            matchcase: initialState.matchCase,
+            inselection: initialState.inSelection
+        };
+        const getPanelItems = (error) => {
+            const items = [
+                {
+                    type: 'label',
+                    label: 'Find',
+                    for: 'findtext',
+                    items: [
+                        {
+                            type: 'bar',
+                            items: [
+                                {
+                                    type: 'input',
+                                    name: 'findtext',
+                                    maximized: true,
+                                    inputMode: 'search'
+                                },
+                                {
+                                    type: 'button',
+                                    name: 'prev',
+                                    text: 'Previous',
+                                    icon: 'action-prev',
+                                    enabled: false,
+                                    borderless: true
+                                },
+                                {
+                                    type: 'button',
+                                    name: 'next',
+                                    text: 'Next',
+                                    icon: 'action-next',
+                                    enabled: false,
+                                    borderless: true
+                                }
+                            ]
+                        }
+                    ]
+                },
+                {
+                    type: 'input',
+                    name: 'replacetext',
+                    label: 'Replace with',
+                    inputMode: 'search'
+                },
+            ];
+            if (error) {
+                items.push({
+                    type: 'alertbanner',
+                    level: 'error',
+                    text: 'Could not find the specified string.',
+                    icon: 'warning',
+                });
+            }
+            return items;
+        };
+        const getDialogSpec = (showNoMatchesAlertBanner, initialData) => ({
+            title: 'Find and Replace',
+            size: 'normal',
+            body: {
+                type: 'panel',
+                items: getPanelItems(showNoMatchesAlertBanner)
+            },
+            buttons: [
+                {
+                    type: 'menu',
+                    name: 'options',
+                    icon: 'preferences',
+                    tooltip: 'Preferences',
+                    align: 'start',
+                    items: [
+                        {
+                            type: 'togglemenuitem',
+                            name: 'matchcase',
+                            text: 'Match case'
+                        }, {
+                            type: 'togglemenuitem',
+                            name: 'wholewords',
+                            text: 'Find whole words only'
+                        },
+                        {
+                            type: 'togglemenuitem',
+                            name: 'inselection',
+                            text: 'Find in selection'
+                        }
+                    ]
+                },
+                {
+                    type: 'custom',
+                    name: 'find',
+                    text: 'Find',
+                    primary: true
+                },
+                {
+                    type: 'custom',
+                    name: 'replace',
+                    text: 'Replace',
+                    enabled: false
+                },
+                {
+                    type: 'custom',
+                    name: 'replaceall',
+                    text: 'Replace all',
+                    enabled: false,
+                }
+            ],
+            initialData,
+            onChange: (api, details) => {
+                if (showNoMatchesAlertBanner) {
+                    toggleNotFoundAlert(false, api);
+                }
+                if (details.name === 'findtext' && currentSearchState.get().count > 0) {
+                    reset(api);
+                }
+            },
+            onAction: (api, details) => {
+                const data = api.getData();
+                switch (details.name) {
+                    case 'find':
+                        doFind(api);
+                        break;
+                    case 'replace':
+                        if (!replace(editor, currentSearchState, data.replacetext)) {
+                            reset(api);
+                        }
+                        else {
+                            updateButtonStates(api);
+                        }
+                        break;
+                    case 'replaceall':
+                        replace(editor, currentSearchState, data.replacetext, true, true);
+                        reset(api);
+                        break;
+                    case 'prev':
+                        prev(editor, currentSearchState);
+                        updateButtonStates(api);
+                        break;
+                    case 'next':
+                        next(editor, currentSearchState);
+                        updateButtonStates(api);
+                        break;
+                    case 'matchcase':
+                    case 'wholewords':
+                    case 'inselection':
+                        toggleNotFoundAlert(false, api);
+                        updateSearchState(api);
+                        reset(api);
+                        break;
+                }
+                focusButtonIfRequired(api, details.name);
+            },
+            onSubmit: (api) => {
+                doFind(api);
+                focusButtonIfRequired(api, 'find');
+            },
+            onClose: () => {
+                editor.focus();
+                done(editor, currentSearchState);
+                editor.undoManager.add();
+            }
+        });
+        dialogApi.set(editor.windowManager.open(getDialogSpec(false, initialData), { inline: 'toolbar' }));
+    };
+
+    const register$1 = (editor, currentSearchState) => {
+        editor.addCommand('SearchReplace', () => {
+            open(editor, currentSearchState);
+        });
+    };
+
+    const showDialog = (editor, currentSearchState) => () => {
+        open(editor, currentSearchState);
+    };
+    const register = (editor, currentSearchState) => {
+        editor.ui.registry.addMenuItem('searchreplace', {
+            text: 'Find and replace...',
+            shortcut: 'Meta+F',
+            onAction: showDialog(editor, currentSearchState),
+            icon: 'search'
+        });
+        editor.ui.registry.addButton('searchreplace', {
+            tooltip: 'Find and replace',
+            onAction: showDialog(editor, currentSearchState),
+            icon: 'search',
+            shortcut: 'Meta+F'
+        });
+        editor.shortcuts.add('Meta+F', '', showDialog(editor, currentSearchState));
+    };
+
+    var Plugin = () => {
+        global$3.add('searchreplace', (editor) => {
+            const currentSearchState = Cell({
+                index: -1,
+                count: 0,
+                text: '',
+                matchCase: false,
+                wholeWord: false,
+                inSelection: false
+            });
+            register$1(editor, currentSearchState);
+            register(editor, currentSearchState);
+            return get(editor, currentSearchState);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/plugin.min.js
new file mode 100644
index 000000000..6376af4ee
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/searchreplace/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const e=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=r=e,(o=String).prototype.isPrototypeOf(n)||(null===(s=r.constructor)||void 0===s?void 0:s.name)===o.name)?"string":t;var n,r,o,s})(t)===e,t=e=>t=>typeof t===e,n=e("string"),r=e("array"),o=t("boolean"),s=t("number"),a=()=>{},l=e=>()=>e,i=l(!0);class c{constructor(e,t){this.tag=e,this.value=t}static some(e){return new c(!0,e)}static none(){return c.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?c?.some(e(this.value)):c.none()}bind(e){return this.tag?e(this.value):c.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:c.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?c.none():c?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}c.singletonNone=new c(!1);const d=Array.prototype.slice,u=Array.prototype.push,m=(e,t)=>{const n=e.length,r=new Array(n);for(let o=0;o<n;o++){const n=e[o];r[o]=t(n,o)}return r},h=(e,t)=>{for(let n=0,r=e.length;n<r;n++)t(e[n],n)},g=(e,t)=>{for(let n=e.length-1;n>=0;n--)t(e[n],n)},f=(e,t)=>(e=>{const t=[];for(let n=0,o=e.length;n<o;++n){if(!r(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);u.apply(t,e[n])}return t})(m(e,t)),p=Object.hasOwnProperty,x=(e,t)=>p.call(e,t),y=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}};var b=tinymce.util.Tools.resolve("tinymce.PluginManager");const v=l("[~\u2116|!-*+-\\/:;?@\\[-`{}\xa1\xab\xb7\xbb\xbf;\xb7\u055a-\u055f\u0589\u058a\u05be\u05c0\u05c3\u05c6\u05f3\u05f4\u0609\u060a\u060c\u060d\u061b\u061e\u061f\u066a-\u066d\u06d4\u0700-\u070d\u07f7-\u07f9\u0830-\u083e\u085e\u0964\u0965\u0970\u0df4\u0e4f\u0e5a\u0e5b\u0f04-\u0f12\u0f3a-\u0f3d\u0f85\u0fd0-\u0fd4\u0fd9\u0fda\u104a-\u104f\u10fb\u1361-\u1368\u1400\u166d\u166e\u169b\u169c\u16eb-\u16ed\u1735\u1736\u17d4-\u17d6\u17d8-\u17da\u1800-\u180a\u1944\u1945\u1a1e\u1a1f\u1aa0-\u1aa6\u1aa8-\u1aad\u1b5a-\u1b60\u1bfc-\u1bff\u1c3b-\u1c3f\u1c7e\u1c7f\u1cd3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205e\u207d\u207e\u208d\u208e\u3008\u3009\u2768-\u2775\u27c5\u27c6\u27e6-\u27ef\u2983-\u2998\u29d8-\u29db\u29fc\u29fd\u2cf9-\u2cfc\u2cfe\u2cff\u2d70\u2e00-\u2e2e\u2e30\u2e31\u3001-\u3003\u3008-\u3011\u3014-\u301f\u3030\u303d\u30a0\u30fb\ua4fe\ua4ff\ua60d-\ua60f\ua673\ua67e\ua6f2-\ua6f7\ua874-\ua877\ua8ce\ua8cf\ua8f8-\ua8fa\ua92e\ua92f\ua95f\ua9c1-\ua9cd\ua9de\ua9df\uaa5c-\uaa5f\uaade\uaadf\uabeb\ufd3e\ufd3f\ufe10-\ufe19\ufe30-\ufe52\ufe54-\ufe61\ufe63\ufe68\ufe6a\ufe6b\uff01-\uff03\uff05-\uff0a\uff0c-\uff0f\uff1a\uff1b\uff1f\uff20\uff3b-\uff3d\uff3f\uff5b\uff5d\uff5f-\uff65]");var w=tinymce.util.Tools.resolve("tinymce.Env"),C=tinymce.util.Tools.resolve("tinymce.util.Tools");const E=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},O=E,N=e=>3===(e=>e.dom.nodeType)(e);const T=(e,t)=>({element:e,offset:t}),k=(e,t)=>{((e,t)=>{const n=(e=>c.from(e.dom.parentNode)?.map(O))(e);n.each((n=>{n.dom.insertBefore(t.dom,e.dom)}))})(e,t),((e,t)=>{e.dom.appendChild(t.dom)})(t,e)},A=(e=>{const t=t=>e(t)?c.from(t.dom.nodeValue):c.none();return{get:n=>{if(!e(n))throw new Error("Can only get text value of a text node");return t(n).getOr("")},getOption:t,set:(t,n)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=n}}})(N),S=e=>A.get(e);var B=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker");const F=(e,t)=>e.isBlock(t)||x(e.schema.getVoidElements(),t.nodeName),I=(e,t)=>!e.isEditable(t),M=(e,t)=>!e.isBlock(t)&&x(e.schema.getWhitespaceElements(),t.nodeName),R=(e,t)=>((e,t)=>{const n=(e=>m(e.dom.childNodes,O))(e);return n.length>0&&t<n.length?T(n[t],0):T(e,t)})(O(e),t),D=(e,t,n,r,o,s=!0)=>{let a=s?t(!1):n;for(;a;){const n=I(e,a);if(n||M(e,a)){if(n?r.cef(a):r.boundary(a))break;a=t(!0)}else{if(F(e,a)){if(r.boundary(a))break}else 3===a.nodeType&&r.text(a);if(a===o)break;a=t(!1)}}},P=(e,t,n,r,o)=>{var s;if(((e,t)=>F(e,t)||I(e,t)||M(e,t)||((e,t)=>"true"===e.getContentEditable(t)&&t.parentNode&&!e.isEditable(t.parentNode))(e,t))(e,n))return;const a=null!==(s=e.getParent(r,e.isBlock))&&void 0!==s?s:e.getRoot(),l=new B(n,a),c=o?l.next.bind(l):l.prev.bind(l);D(e,c,n,{boundary:i,cef:i,text:e=>{o?t.fOffset+=e.length:t.sOffset+=e.length,t.elements.push(O(e))}})},W=(e,t,n,r,o,s=!0)=>{const a=new B(n,t),l=[];let i={sOffset:0,fOffset:0,elements:[]};P(e,i,n,t,!1);const c=()=>(i.elements.length>0&&(l.push(i),i={sOffset:0,fOffset:0,elements:[]}),!1);return D(e,a.next.bind(a),n,{boundary:c,cef:e=>(c(),o&&l.push(...o.cef(e)),!1),text:e=>{i.elements.push(O(e)),o&&o.text(e,i)}},r,s),r&&P(e,i,r,t,!0),c(),l},$=(e,t)=>{const n=R(t.startContainer,t.startOffset),r=n.element.dom,o=R(t.endContainer,t.endOffset),s=o.element.dom;return W(e,t.commonAncestorContainer,r,s,{text:(e,t)=>{e===s?t.fOffset+=e.length-o.offset:e===r&&(t.sOffset+=n.offset)},cef:t=>{return(e=>{const t=d.call(e,0);return t.sort(((e,t)=>((e,t)=>((e,t,n)=>!!(e.compareDocumentPosition(t)&n))(e,t,Node.DOCUMENT_POSITION_PRECEDING))(e.elements[0].dom,t.elements[0].dom)?1:-1)),t})(f((n=O(t),((e,t)=>{const n=void 0===t?document:t.dom;return 1!==(r=n).nodeType&&9!==r.nodeType&&11!==r.nodeType||0===r.childElementCount?[]:m(n.querySelectorAll(e),O);var r})("*[contenteditable=true]",n)),(t=>{const n=t.dom;return W(e,n,n)})));var n}},!1)},V=(e,t)=>t.collapsed?[]:$(e,t),j=(e,t)=>{const n=e.createRng();return n.selectNode(t),V(e,n)},z=(e,t)=>f(t,(t=>{const n=t.elements,r=m(n,S).join(""),o=((e,t,n=0,r=e.length)=>{const o=t.regex;o.lastIndex=n;const s=[];let a;for(;a=o.exec(e);){const e=a[t.matchIndex],n=a.index+a[0].indexOf(e),l=n+e.length;if(l>r)break;s.push({start:n,finish:l}),o.lastIndex=l}return s})(r,e,t.sOffset,r.length-t.fOffset);return((e,t)=>{const n=(r=e,o=(e,n)=>{const r=S(n),o=e.last,s=o+r.length,a=f(t,((e,t)=>e.start<s&&e.finish>o?[{element:n,start:Math.max(o,e.start)-o,finish:Math.min(s,e.finish)-o,matchId:t}]:[]));return{results:e.results.concat(a),last:s}},s={results:[],last:0},h(r,((e,t)=>{s=o(s,e)})),s).results;var r,o,s;return((e,t)=>{if(0===e.length)return[];{let n=t(e[0]);const r=[];let o=[];for(let s=0,a=e.length;s<a;s++){const a=e[s],l=t(a);l!==n&&(r.push(o),o=[]),n=l,o.push(a)}return 0!==o.length&&r.push(o),r}})(n,(e=>e.matchId))})(n,o)})),U=(e,t)=>{g(e,((e,r)=>{g(e,(e=>{const a=O(t.cloneNode(!1));((e,t,r)=>{((e,t,r)=>{if(!(n(r)||o(r)||s(r)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",r,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,r+"")})(e.dom,t,r)})(a,"data-mce-index",r);const l=e.element.dom;if(l.length===e.finish&&0===e.start)k(e.element,a);else{l.length!==e.finish&&l.splitText(e.finish);const t=l.splitText(e.start);k(O(t),a)}}))}))},_=e=>e.getAttribute("data-mce-index"),q=(e,t,n,r)=>{const o=e.dom.create("span",{"data-mce-bogus":1});o.className="mce-match-marker";const s=e.getBody();return ee(e,t,!1),r?((e,t,n,r)=>{const o=n.getBookmark(),s=e.select("td[data-mce-selected],th[data-mce-selected]"),a=s.length>0?((e,t)=>f(t,(t=>j(e,t))))(e,s):V(e,n.getRng()),l=z(t,a);return U(l,r),n.moveToBookmark(o),l.length})(e.dom,n,e.selection,o):((e,t,n,r)=>{const o=j(e,n),s=z(t,o);return U(s,r),s.length})(e.dom,n,s,o)},G=e=>{var t;const n=e.parentNode;e.firstChild&&n.insertBefore(e.firstChild,e),null===(t=e.parentNode)||void 0===t||t.removeChild(e)},K=(e,t)=>{const n=[],r=C.toArray(e.getBody().getElementsByTagName("span"));if(r.length)for(let e=0;e<r.length;e++){const o=_(r[e]);null!==o&&o.length&&o===t.toString()&&n.push(r[e])}return n},H=(e,t,n)=>{const r=t.get();let o=r.index;const s=e.dom;n?o+1===r.count?o=0:o++:o-1==-1?o=r.count-1:o--,s.removeClass(K(e,r.index),"mce-match-marker-selected");const a=K(e,o);return a.length?(s.addClass(K(e,o),"mce-match-marker-selected"),e.selection.scrollIntoView(a[0]),o):-1},J=(e,t)=>{const n=t.parentNode;e.remove(t),n&&e.isEmpty(n)&&e.remove(n)},L=(e,t,n,r,o,s)=>{const a=e.selection,l=((e,t)=>{const n="("+e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&").replace(/\s/g,"[^\\S\\r\\n\\uFEFF]")+")";return t?`(?:^|\\s|${v()})`+n+`(?=$|\\s|${v()})`:n})(n,o),i=a.isForward(),c={regex:new RegExp(l,r?"g":"gi"),matchIndex:1},d=q(e,t,c,s);if(w.browser.isSafari()&&a.setRng(a.getRng(),i),d){const a=H(e,t,!0);t.set({index:a,count:d,text:n,matchCase:r,wholeWord:o,inSelection:s})}return d},Q=(e,t)=>{const n=H(e,t,!0);t.set({...t.get(),index:n})},X=(e,t)=>{const n=H(e,t,!1);t.set({...t.get(),index:n})},Y=e=>{const t=_(e);return null!==t&&t.length>0},Z=(e,t,n,r,o)=>{const s=t.get(),a=s.index;let l,i=a;r=!1!==r;const c=e.getBody(),d=C.grep(C.toArray(c.getElementsByTagName("span")),Y);for(let t=0;t<d.length;t++){const c=_(d[t]);let u=l=parseInt(c,10);if(o||u===s.index){for(n.length?(d[t].innerText=n,G(d[t])):J(e.dom,d[t]);d[++t];){if(u=parseInt(_(d[t]),10),u!==l){t--;break}J(e.dom,d[t])}r&&i--}else l>a&&d[t].setAttribute("data-mce-index",String(l-1))}return t.set({...s,count:o?0:s.count-1,index:i}),r?Q(e,t):X(e,t),!o&&t.get().count>0},ee=(e,t,n)=>{let r,o;const s=t.get(),a=C.toArray(e.getBody().getElementsByTagName("span"));for(let e=0;e<a.length;e++){const t=_(a[e]);null!==t&&t.length&&(t===s.index.toString()&&(r||(r=a[e].firstChild),o=a[e].firstChild),G(a[e]))}if(t.set({...s,index:-1,count:0,text:""}),r&&o){const t=e.dom.createRng();return t.setStart(r,0),t.setEnd(o,o.data.length),!1!==n&&e.selection.setRng(t),t}},te=(e,t)=>{const n=(()=>{const e=(e=>{const t=y(c.none()),n=()=>t.get().each(e);return{clear:()=>{n(),t.set(c.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{n(),t.set(c?.some(e))}}})(a);return{...e,on:t=>e.get().each(t)}})();e.undoManager.add();const r=C.trim(e.selection.getContent({format:"text"})),o=e=>{e.setEnabled("next",((e,t)=>t.get().count>1)(0,t)),e.setEnabled("prev",((e,t)=>t.get().count>1)(0,t))},s=(e,t)=>{h(["replace","replaceall","prev","next"],(n=>e.setEnabled(n,!t)))},l=(e,t)=>{t.redial(p(e,t.getData()))},i=(e,t)=>{w.browser.isSafari()&&w.deviceType.isTouch()&&("find"===t||"replace"===t||"replaceall"===t)&&e.focus(t)},d=n=>{ee(e,t,!1),s(n,!0),o(n)},u=n=>{const r=n.getData(),a=t.get();if(r.findtext.length){if(a.text===r.findtext&&a.matchCase===r.matchcase&&a.wholeWord===r.wholewords)Q(e,t);else{const o=L(e,t,r.findtext,r.matchcase,r.wholewords,r.inselection);o<=0&&l(!0,n),s(n,0===o)}o(n)}else d(n)},m=t.get(),g={findtext:r,replacetext:"",wholewords:m.wholeWord,matchcase:m.matchCase,inselection:m.inSelection},f=e=>{const t=[{type:"label",label:"Find",for:"findtext",items:[{type:"bar",items:[{type:"input",name:"findtext",maximized:!0,inputMode:"search"},{type:"button",name:"prev",text:"Previous",icon:"action-prev",enabled:!1,borderless:!0},{type:"button",name:"next",text:"Next",icon:"action-next",enabled:!1,borderless:!0}]}]},{type:"input",name:"replacetext",label:"Replace with",inputMode:"search"}];return e&&t.push({type:"alertbanner",level:"error",text:"Could not find the specified string.",icon:"warning"}),t},p=(n,r)=>({title:"Find and Replace",size:"normal",body:{type:"panel",items:f(n)},buttons:[{type:"menu",name:"options",icon:"preferences",tooltip:"Preferences",align:"start",items:[{type:"togglemenuitem",name:"matchcase",text:"Match case"},{type:"togglemenuitem",name:"wholewords",text:"Find whole words only"},{type:"togglemenuitem",name:"inselection",text:"Find in selection"}]},{type:"custom",name:"find",text:"Find",primary:!0},{type:"custom",name:"replace",text:"Replace",enabled:!1},{type:"custom",name:"replaceall",text:"Replace all",enabled:!1}],initialData:r,onChange:(e,r)=>{n&&l(!1,e),"findtext"===r.name&&t.get().count>0&&d(e)},onAction:(n,r)=>{const s=n.getData();switch(r.name){case"find":u(n);break;case"replace":Z(e,t,s.replacetext)?o(n):d(n);break;case"replaceall":Z(e,t,s.replacetext,!0,!0),d(n);break;case"prev":X(e,t),o(n);break;case"next":Q(e,t),o(n);break;case"matchcase":case"wholewords":case"inselection":l(!1,n),(e=>{const n=e.getData(),r=t.get();t.set({...r,matchCase:n.matchcase,wholeWord:n.wholewords,inSelection:n.inselection})})(n),d(n)}i(n,r.name)},onSubmit:e=>{u(e),i(e,"find")},onClose:()=>{e.focus(),ee(e,t),e.undoManager.add()}});n.set(e.windowManager.open(p(!1,g),{inline:"toolbar"}))},ne=(e,t)=>()=>{te(e,t)};b.add("searchreplace",(e=>{const t=y({index:-1,count:0,text:"",matchCase:!1,wholeWord:!1,inSelection:!1});return((e,t)=>{e.addCommand("SearchReplace",(()=>{te(e,t)}))})(e,t),((e,t)=>{e.ui.registry.addMenuItem("searchreplace",{text:"Find and replace...",shortcut:"Meta+F",onAction:ne(e,t),icon:"search"}),e.ui.registry.addButton("searchreplace",{tooltip:"Find and replace",onAction:ne(e,t),icon:"search",shortcut:"Meta+F"}),e.shortcuts.add("Meta+F","",ne(e,t))})(e,t),((e,t)=>({done:n=>ee(e,t,n),find:(n,r,o,s=!1)=>L(e,t,n,r,o,s),next:()=>Q(e,t),prev:()=>X(e,t),replace:(n,r,o)=>Z(e,t,n,r,o)}))(e,t)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/index.js
new file mode 100644
index 000000000..08c641344
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/index.js
@@ -0,0 +1,7 @@
+// Exports the "table" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/table')
+//   ES2015:
+//     import 'tinymce/plugins/table'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/plugin.js
new file mode 100644
index 000000000..cc961f527
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/plugin.js
@@ -0,0 +1,4019 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$1 = (t) => (a) => t === a;
+    const isString = isType$1('string');
+    const isArray = isType$1('array');
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$1(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const identity = (x) => {
+        return x;
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const call = (f) => {
+        f();
+    };
+    const never = constant(false);
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const range = (num, f) => {
+        const r = [];
+        for (let i = 0; i < num; i++) {
+            r.push(f(i));
+        }
+        return r;
+    };
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const partition = (xs, pred) => {
+        const pass = [];
+        const fail = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            const arr = pred(x, i) ? pass : fail;
+            arr.push(x);
+        }
+        return { pass, fail };
+    };
+    const filter$1 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldr = (xs, f, acc) => {
+        eachr(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const findIndex = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(i);
+            }
+        }
+        return Optional.none();
+    };
+    const flatten$1 = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten$1(map(xs, f));
+    const forall = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            const x = xs[i];
+            if (pred(x, i) !== true) {
+                return false;
+            }
+        }
+        return true;
+    };
+    const mapToObject = (xs, f) => {
+        const r = {};
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            r[String(x)] = f(x, i);
+        }
+        return r;
+    };
+    const get$4 = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$4(xs, 0);
+    const last = (xs) => get$4(xs, xs.length - 1);
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const mapToArray = (obj, f) => {
+        const r = [];
+        each(obj, (value, name) => {
+            r.push(f(value, name));
+        });
+        return r;
+    };
+    const values = (obj) => {
+        return mapToArray(obj, identity);
+    };
+    const size = (obj) => {
+        return keys(obj).length;
+    };
+    const get$3 = (obj, key) => {
+        return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    const isEmpty$1 = (r) => {
+        for (const x in r) {
+            if (hasOwnProperty.call(r, x)) {
+                return false;
+            }
+        }
+        return true;
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$2 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    const flatten = (oot) => oot.bind(identity);
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const unbindable = () => singleton((s) => s.unbind());
+
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const isEmpty = (s) => !isNotEmpty(s);
+    const toInt = (value, radix = 10) => {
+        const num = parseInt(value, radix);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+    const toFloat = (value) => {
+        const num = parseFloat(value);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom$1(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom$1(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom$1(node);
+    };
+    const fromDom$1 = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom$1);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom: fromDom$1,
+        fromPoint
+    };
+
+    const COMMENT = 8;
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all$1 = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    const is = is$1;
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isComment = (element) => type(element) === COMMENT || name(element) === '#comment';
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement(e) && name(e) === tag;
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument(dos) ? dos : owner(dos);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const prevSibling = (element) => Optional.from(element.dom.previousSibling)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children$3 = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+    const child$3 = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child$3(element, 0);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+
+    const before = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$1 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const wrap = (element, wrapper) => {
+        before(element, wrapper);
+        append$1(wrapper, element);
+    };
+
+    const after = (marker, elements) => {
+        each$1(elements, (x, i) => {
+            const e = i === 0 ? marker : elements[i - 1];
+            after$1(e, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$1(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$2 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll = (element, attrs) => {
+        const dom = element.dom;
+        each(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const get$2 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$2(element, key));
+    const remove$2 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const clone = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const remove$1 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+    const unwrap = (wrapper) => {
+        const children = children$3(wrapper);
+        if (children.length > 0) {
+            after(wrapper, children);
+        }
+        remove$1(wrapper);
+    };
+
+    const fromDom = (nodes) => map(nodes, SugarElement.fromDom);
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$1 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$1 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw$1 = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const remove = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$2(getOpt(element, 'style')?.map(trim), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$2(element, 'style');
+        }
+    };
+
+    const Dimension = (name, getOffset) => {
+        const set = (element, h) => {
+            if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+                throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+            }
+            const dom = element.dom;
+            if (isSupported(dom)) {
+                dom.style[name] = h + 'px';
+            }
+        };
+        /*
+         * jQuery supports querying width and height on the document and window objects.
+         *
+         * TBIO doesn't do this, so the code is removed to save space, but left here just in case.
+         */
+        /*
+        var getDocumentWidth = (element) => {
+          var dom = element.dom;
+          if (Node.isDocument(element)) {
+            var body = dom.body;
+            var doc = dom.documentElement;
+            return Math.max(
+              body.scrollHeight,
+              doc.scrollHeight,
+              body.offsetHeight,
+              doc.offsetHeight,
+              doc.clientHeight
+            );
+          }
+        };
+      
+        var getWindowWidth = (element) => {
+          var dom = element.dom;
+          if (dom.window === dom) {
+            // There is no offsetHeight on a window, so use the clientHeight of the document
+            return dom.document.documentElement.clientHeight;
+          }
+        };
+      */
+        const get = (element) => {
+            const r = getOffset(element);
+            // zero or null means non-standard or disconnected, fall back to CSS
+            if (r <= 0 || r === null) {
+                const css = get$1(element, name);
+                // ugh this feels dirty, but it saves cycles
+                return parseFloat(css) || 0;
+            }
+            return r;
+        };
+        // in jQuery, getOuter replicates (or uses) box-sizing: border-box calculations
+        // although these calculations only seem relevant for quirks mode, and edge cases TBIO doesn't rely on
+        const getOuter = get;
+        const aggregate = (element, properties) => foldl(properties, (acc, property) => {
+            const val = get$1(element, property);
+            const value = val === undefined ? 0 : parseInt(val, 10);
+            return isNaN(value) ? acc : acc + value;
+        }, 0);
+        const max = (element, value, properties) => {
+            const cumulativeInclusions = aggregate(element, properties);
+            // if max-height is 100px and your cumulativeInclusions is 150px, there is no way max-height can be 100px, so we return 0.
+            const absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+            return absoluteMax;
+        };
+        return {
+            set,
+            get,
+            getOuter,
+            aggregate,
+            max
+        };
+    };
+
+    const toNumber = (px, fallback) => toFloat(px).getOr(fallback);
+    const getProp = (element, name, fallback) => toNumber(get$1(element, name), fallback);
+    const calcContentBoxSize = (element, size, upper, lower) => {
+        const paddingUpper = getProp(element, `padding-${upper}`, 0);
+        const paddingLower = getProp(element, `padding-${lower}`, 0);
+        const borderUpper = getProp(element, `border-${upper}-width`, 0);
+        const borderLower = getProp(element, `border-${lower}-width`, 0);
+        return size - paddingUpper - paddingLower - borderUpper - borderLower;
+    };
+    const getCalculatedWidth = (element, boxSizing) => {
+        const dom = element.dom;
+        const width = dom.getBoundingClientRect().width || dom.offsetWidth;
+        return boxSizing === 'border-box' ? width : calcContentBoxSize(element, width, 'left', 'right');
+    };
+    const getInnerWidth = (element) => getCalculatedWidth(element, 'content-box');
+
+    Dimension('width', (element) => 
+    // IMO passing this function is better than using dom['offset' + 'width']
+    element.dom.offsetWidth);
+    Dimension('width', (element) => {
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().width : dom.offsetWidth;
+    });
+    const getInner = getInnerWidth;
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText, 'text');
+    const get = (element) => api.get(element);
+    const set = (element, value) => api.set(element, value);
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$1 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$2 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$1, scope, predicate, isRoot);
+    };
+    const child$2 = (scope, predicate) => {
+        const pred = (node) => predicate(SugarElement.fromDom(node));
+        const result = find(scope.dom.childNodes, pred);
+        return result?.map(SugarElement.fromDom);
+    };
+
+    const ancestor = (scope, selector, isRoot) => ancestor$1(scope, (e) => is$1(e, selector), isRoot);
+    const child$1 = (scope, selector) => child$2(scope, (e) => is$1(e, selector));
+    const descendant = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$1 = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor, scope, selector, isRoot);
+    };
+
+    const closest = (target) => closest$1(target, '[contenteditable]');
+    const isEditable = (element, assumeEditable = false) => {
+        if (inBody(element)) {
+            return element.dom.isContentEditable;
+        }
+        else {
+            // Find the closest contenteditable element and check if it's editable
+            return closest(element).fold(constant(assumeEditable), (editable) => getRaw(editable) === 'true');
+        }
+    };
+    const getRaw = (element) => element.dom.contentEditable;
+
+    const children$2 = (scope, predicate) => filter$1(children$3(scope), predicate);
+    const descendants$1 = (scope, predicate) => {
+        let result = [];
+        // Recurse.toArray() might help here
+        each$1(children$3(scope), (x) => {
+            if (predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(descendants$1(x, predicate));
+        });
+        return result;
+    };
+
+    const children$1 = (scope, selector) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all the wrapping and unwrapping
+    children$2(scope, (e) => is$1(e, selector));
+    const descendants = (scope, selector) => all$1(selector, scope);
+
+    const child = (scope, selector) => child$1(scope, selector).isSome();
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - models/dom/table/core/TableUtils.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const getNodeName = (elm) => elm.nodeName.toLowerCase();
+    const getBody = (editor) => SugarElement.fromDom(editor.getBody());
+    const getIsRoot = (editor) => (element) => eq(element, getBody(editor));
+    const removePxSuffix = (size) => size ? size.replace(/px$/, '') : '';
+    const addPxSuffix = (size) => /^\d+(\.\d+)?$/.test(size) ? size + 'px' : size;
+    const getSelectionStart = (editor) => SugarElement.fromDom(editor.selection.getStart());
+    const getSelectionEnd = (editor) => SugarElement.fromDom(editor.selection.getEnd());
+    const isInEditableContext = (cell) => closest$2(cell, isTag('table')).forall(isEditable);
+
+    const validSectionList = ['tfoot', 'thead', 'tbody', 'colgroup'];
+    const isValidSection = (parentName) => contains(validSectionList, parentName);
+    const grid = (rows, columns) => ({
+        rows,
+        columns
+    });
+    const detail = (element, rowspan, colspan) => ({
+        element,
+        rowspan,
+        colspan
+    });
+    const extended = (element, rowspan, colspan, row, column, isLocked) => ({
+        element,
+        rowspan,
+        colspan,
+        row,
+        column,
+        isLocked
+    });
+    const rowdetail = (element, cells, section) => ({
+        element,
+        cells,
+        section
+    });
+    const bounds = (startRow, startCol, finishRow, finishCol) => ({
+        startRow,
+        startCol,
+        finishRow,
+        finishCol
+    });
+    const columnext = (element, colspan, column) => ({
+        element,
+        colspan,
+        column
+    });
+    const colgroup = (element, columns) => ({
+        element,
+        columns
+    });
+
+    const getAttrValue = (cell, name, fallback = 0) => getOpt(cell, name)?.map((value) => parseInt(value, 10)).getOr(fallback);
+
+    const firstLayer = (scope, selector) => {
+        return filterFirstLayer(scope, selector, always);
+    };
+    const filterFirstLayer = (scope, selector, predicate) => {
+        return bind(children$3(scope), (x) => {
+            if (is$1(x, selector)) {
+                return predicate(x) ? [x] : [];
+            }
+            else {
+                return filterFirstLayer(x, selector, predicate);
+            }
+        });
+    };
+
+    // lookup inside this table
+    const lookup = (tags, element, isRoot = never) => {
+        // If the element we're inspecting is the root, we definitely don't want it.
+        if (isRoot(element)) {
+            return Optional.none();
+        }
+        // This looks a lot like SelectorFind.closest, with one big exception - the isRoot check.
+        // The code here will look for parents if passed a table, SelectorFind.closest with that specific isRoot check won't.
+        if (contains(tags, name(element))) {
+            return Optional?.some(element);
+        }
+        const isRootOrUpperTable = (elm) => is$1(elm, 'table') || isRoot(elm);
+        return ancestor(element, tags.join(','), isRootOrUpperTable);
+    };
+    /*
+     * Identify the optional cell that element represents.
+     */
+    const cell = (element, isRoot) => lookup(['td', 'th'], element, isRoot);
+    const cells = (ancestor) => firstLayer(ancestor, 'th,td');
+    const columns = (ancestor) => {
+        if (is$1(ancestor, 'colgroup')) {
+            return children$1(ancestor, 'col');
+        }
+        else {
+            return bind(columnGroups(ancestor), (columnGroup) => children$1(columnGroup, 'col'));
+        }
+    };
+    const table = (element, isRoot) => closest$1(element, 'table', isRoot);
+    const rows = (ancestor) => firstLayer(ancestor, 'tr');
+    const columnGroups = (ancestor) => table(ancestor).fold(constant([]), (table) => children$1(table, 'colgroup'));
+
+    const isHeaderCell = isTag('th');
+    const getRowHeaderType = (isHeaderRow, isHeaderCells) => {
+        if (isHeaderRow && isHeaderCells) {
+            return 'sectionCells';
+        }
+        else if (isHeaderRow) {
+            return 'section';
+        }
+        else {
+            return 'cells';
+        }
+    };
+    const getRowType$1 = (row) => {
+        // Header rows can use a combination of theads and ths - want to detect the different combinations
+        const isHeaderRow = row.section === 'thead';
+        const isHeaderCells = is$2(findCommonCellType(row.cells), 'th');
+        if (row.section === 'tfoot') {
+            return { type: 'footer' };
+        }
+        else if (isHeaderRow || isHeaderCells) {
+            return { type: 'header', subType: getRowHeaderType(isHeaderRow, isHeaderCells) };
+        }
+        else {
+            return { type: 'body' };
+        }
+    };
+    const findCommonCellType = (cells) => {
+        const headerCells = filter$1(cells, (cell) => isHeaderCell(cell.element));
+        if (headerCells.length === 0) {
+            return Optional?.some('td');
+        }
+        else if (headerCells.length === cells.length) {
+            return Optional?.some('th');
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const findCommonRowType = (rows) => {
+        const rowTypes = map(rows, (row) => getRowType$1(row).type);
+        const hasHeader = contains(rowTypes, 'header');
+        const hasFooter = contains(rowTypes, 'footer');
+        if (!hasHeader && !hasFooter) {
+            return Optional?.some('body');
+        }
+        else {
+            const hasBody = contains(rowTypes, 'body');
+            if (hasHeader && !hasBody && !hasFooter) {
+                return Optional?.some('header');
+            }
+            else if (!hasHeader && !hasBody && hasFooter) {
+                return Optional?.some('footer');
+            }
+            else {
+                return Optional.none();
+            }
+        }
+    };
+
+    const fromRowsOrColGroups = (elems, getSection) => map(elems, (row) => {
+        if (name(row) === 'colgroup') {
+            const cells = map(columns(row), (column) => {
+                const colspan = getAttrValue(column, 'span', 1);
+                return detail(column, 1, colspan);
+            });
+            return rowdetail(row, cells, 'colgroup');
+        }
+        else {
+            const cells$1 = map(cells(row), (cell) => {
+                const rowspan = getAttrValue(cell, 'rowspan', 1);
+                const colspan = getAttrValue(cell, 'colspan', 1);
+                return detail(cell, rowspan, colspan);
+            });
+            return rowdetail(row, cells$1, getSection(row));
+        }
+    });
+    const getParentSection = (group) => parent(group)?.map((parent) => {
+        const parentName = name(parent);
+        return isValidSection(parentName) ? parentName : 'tbody';
+    }).getOr('tbody');
+    /*
+     * Takes a DOM table and returns a list of list of:
+       element: row element
+       cells: (id, rowspan, colspan) structs
+     */
+    const fromTable$1 = (table) => {
+        const rows$1 = rows(table);
+        const columnGroups$1 = columnGroups(table);
+        const elems = [...columnGroups$1, ...rows$1];
+        return fromRowsOrColGroups(elems, getParentSection);
+    };
+
+    const LOCKED_COL_ATTR = 'data-snooker-locked-cols';
+    const getLockedColumnsFromTable = (table) => getOpt(table, LOCKED_COL_ATTR)
+        .bind((lockedColStr) => Optional.from(lockedColStr.match(/\d+/g)))
+        ?.map((lockedCols) => mapToObject(lockedCols, always));
+
+    const key = (row, column) => {
+        return row + ',' + column;
+    };
+    const getAt = (warehouse, row, column) => Optional.from(warehouse.access[key(row, column)]);
+    const findItem = (warehouse, item, comparator) => {
+        const filtered = filterItems(warehouse, (detail) => {
+            return comparator(item, detail.element);
+        });
+        return filtered.length > 0 ? Optional?.some(filtered[0]) : Optional.none();
+    };
+    const filterItems = (warehouse, predicate) => {
+        const all = bind(warehouse.all, (r) => {
+            return r.cells;
+        });
+        return filter$1(all, predicate);
+    };
+    const generateColumns = (rowData) => {
+        const columnsGroup = {};
+        let index = 0;
+        each$1(rowData.cells, (column) => {
+            const colspan = column.colspan;
+            range(colspan, (columnIndex) => {
+                const colIndex = index + columnIndex;
+                columnsGroup[colIndex] = columnext(column.element, colspan, colIndex);
+            });
+            index += colspan;
+        });
+        return columnsGroup;
+    };
+    /*
+     * From a list of list of Detail, generate three pieces of information:
+     *  1. the grid size
+     *  2. a data structure which can efficiently identify which cell is in which row,column position
+     *  3. a list of all cells in order left-to-right, top-to-bottom
+     */
+    const generate = (list) => {
+        // list is an array of objects, made by cells and elements
+        // elements: is the TR
+        // cells: is an array of objects representing the cells in the row.
+        //        It is made of:
+        //          colspan (merge cell)
+        //          element
+        //          rowspan (merge cols)
+        const access = {};
+        const cells = [];
+        const tableOpt = head(list)?.map((rowData) => rowData.element).bind(table);
+        const lockedColumns = tableOpt.bind(getLockedColumnsFromTable).getOr({});
+        let maxRows = 0;
+        let maxColumns = 0;
+        let rowCount = 0;
+        const { pass: colgroupRows, fail: rows } = partition(list, (rowData) => rowData.section === 'colgroup');
+        // Handle rows first
+        each$1(rows, (rowData) => {
+            const currentRow = [];
+            each$1(rowData.cells, (rowCell) => {
+                let start = 0;
+                // If this spot has been taken by a previous rowspan, skip it.
+                while (access[key(rowCount, start)] !== undefined) {
+                    start++;
+                }
+                const isLocked = hasNonNullableKey(lockedColumns, start.toString());
+                const current = extended(rowCell.element, rowCell.rowspan, rowCell.colspan, rowCount, start, isLocked);
+                // Occupy all the (row, column) positions that this cell spans for.
+                for (let occupiedColumnPosition = 0; occupiedColumnPosition < rowCell.colspan; occupiedColumnPosition++) {
+                    for (let occupiedRowPosition = 0; occupiedRowPosition < rowCell.rowspan; occupiedRowPosition++) {
+                        const rowPosition = rowCount + occupiedRowPosition;
+                        const columnPosition = start + occupiedColumnPosition;
+                        const newpos = key(rowPosition, columnPosition);
+                        access[newpos] = current;
+                        maxColumns = Math.max(maxColumns, columnPosition + 1);
+                    }
+                }
+                currentRow.push(current);
+            });
+            maxRows++;
+            cells.push(rowdetail(rowData.element, currentRow, rowData.section));
+            rowCount++;
+        });
+        // Handle colgroups
+        // Note: Currently only a single colgroup is supported so just use the last one
+        const { columns, colgroups } = last(colgroupRows)?.map((rowData) => {
+            const columns = generateColumns(rowData);
+            const colgroup$1 = colgroup(rowData.element, values(columns));
+            return {
+                colgroups: [colgroup$1],
+                columns
+            };
+        }).getOrThunk(() => ({
+            colgroups: [],
+            columns: {}
+        }));
+        const grid$1 = grid(maxRows, maxColumns);
+        return {
+            grid: grid$1,
+            access,
+            all: cells,
+            columns,
+            colgroups
+        };
+    };
+    const fromTable = (table) => {
+        const list = fromTable$1(table);
+        return generate(list);
+    };
+    const justCells = (warehouse) => bind(warehouse.all, (w) => w.cells);
+    const justColumns = (warehouse) => values(warehouse.columns);
+    const hasColumns = (warehouse) => keys(warehouse.columns).length > 0;
+    const getColumnAt = (warehouse, columnIndex) => Optional.from(warehouse.columns[columnIndex]);
+    const Warehouse = {
+        fromTable,
+        generate,
+        getAt,
+        findItem,
+        filterItems,
+        justCells,
+        justColumns,
+        hasColumns,
+        getColumnAt
+    };
+
+    const findInWarehouse = (warehouse, element) => findMap(warehouse.all, (r) => find(r.cells, (e) => eq(element, e.element)));
+    const extractCells = (warehouse, target, predicate) => {
+        const details = map(target.selection, (cell$1) => {
+            return cell(cell$1)
+                .bind((lc) => findInWarehouse(warehouse, lc))
+                .filter(predicate);
+        });
+        const cells = cat(details);
+        return someIf(cells.length > 0, cells);
+    };
+    const onMergable = (_warehouse, target) => target.mergable;
+    const onUnmergable = (_warehouse, target) => target.unmergable;
+    const onCells = (warehouse, target) => extractCells(warehouse, target, always);
+    const isUnlockedTableCell = (warehouse, cell) => findInWarehouse(warehouse, cell).exists((detail) => !detail.isLocked);
+    const allUnlocked = (warehouse, cells) => forall(cells, (cell) => isUnlockedTableCell(warehouse, cell));
+    // If any locked columns are present in the selection, then don't want to be able to merge
+    const onUnlockedMergable = (warehouse, target) => onMergable(warehouse, target).filter((mergeable) => allUnlocked(warehouse, mergeable.cells));
+    // If any locked columns are present in the selection, then don't want to be able to unmerge
+    const onUnlockedUnmergable = (warehouse, target) => onUnmergable(warehouse, target).filter((cells) => allUnlocked(warehouse, cells));
+
+    const isCol = isTag('col');
+    const isColgroup = isTag('colgroup');
+    const isRow = (element) => name(element) === 'tr' || isColgroup(element);
+    const elementToData = (element) => {
+        const colspan = getAttrValue(element, 'colspan', 1);
+        const rowspan = getAttrValue(element, 'rowspan', 1);
+        return {
+            element,
+            colspan,
+            rowspan
+        };
+    };
+    // note that `toData` seems to be only for testing
+    const modification = (generators, toData = elementToData) => {
+        const nuCell = (data) => isCol(data.element) ? generators.col(data) : generators.cell(data);
+        const nuRow = (data) => isColgroup(data.element) ? generators.colgroup(data) : generators.row(data);
+        const add = (element) => {
+            if (isRow(element)) {
+                return nuRow({ element });
+            }
+            else {
+                const cell = element;
+                const replacement = nuCell(toData(cell));
+                recent = Optional?.some({ item: cell, replacement });
+                return replacement;
+            }
+        };
+        let recent = Optional.none();
+        const getOrInit = (element, comparator) => {
+            return recent.fold(() => {
+                return add(element);
+            }, (p) => {
+                return comparator(element, p.item) ? p.replacement : add(element);
+            });
+        };
+        return {
+            getOrInit
+        };
+    };
+    const transform = (tag) => {
+        return (generators) => {
+            const list = [];
+            const find$1 = (element, comparator) => {
+                return find(list, (x) => {
+                    return comparator(x.item, element);
+                });
+            };
+            const makeNew = (element) => {
+                // Ensure scope is never set on a td element as it's a deprecated attribute
+                const attrs = tag === 'td' ? { scope: null } : {};
+                const cell = generators.replace(element, tag, attrs);
+                list.push({
+                    item: element,
+                    sub: cell
+                });
+                return cell;
+            };
+            const replaceOrInit = (element, comparator) => {
+                if (isRow(element) || isCol(element)) {
+                    return element;
+                }
+                else {
+                    const cell = element;
+                    return find$1(cell, comparator).fold(() => {
+                        return makeNew(cell);
+                    }, (p) => {
+                        return comparator(element, p.item) ? p.sub : makeNew(cell);
+                    });
+                }
+            };
+            return {
+                replaceOrInit
+            };
+        };
+    };
+    const getScopeAttribute = (cell) => getOpt(cell, 'scope')?.map(
+    // Attribute can be col, colgroup, row, and rowgroup.
+    // As col and colgroup are to be treated as if they are the same, lob off everything after the first three characters and there is no difference.
+    (attribute) => attribute.substr(0, 3));
+    const merging = (generators) => {
+        const unmerge = (cell) => {
+            const scope = getScopeAttribute(cell);
+            scope.each((attribute) => set$2(cell, 'scope', attribute));
+            return () => {
+                const raw = generators.cell({
+                    element: cell,
+                    colspan: 1,
+                    rowspan: 1
+                });
+                // Remove any width calculations because they are no longer relevant.
+                remove(raw, 'width');
+                remove(cell, 'width');
+                scope.each((attribute) => set$2(raw, 'scope', attribute));
+                return raw;
+            };
+        };
+        const merge = (cells) => {
+            const getScopeProperty = () => {
+                const stringAttributes = cat(map(cells, getScopeAttribute));
+                if (stringAttributes.length === 0) {
+                    return Optional.none();
+                }
+                else {
+                    const baseScope = stringAttributes[0];
+                    const scopes = ['row', 'col'];
+                    const isMixed = exists(stringAttributes, (attribute) => {
+                        return attribute !== baseScope && contains(scopes, attribute);
+                    });
+                    return isMixed ? Optional.none() : Optional.from(baseScope);
+                }
+            };
+            remove(cells[0], 'width');
+            getScopeProperty().fold(() => remove$2(cells[0], 'scope'), (attribute) => set$2(cells[0], 'scope', attribute + 'group'));
+            return constant(cells[0]);
+        };
+        return {
+            unmerge,
+            merge
+        };
+    };
+    const Generators = {
+        modification,
+        transform,
+        merging
+    };
+
+    var TagBoundaries = [
+        'body',
+        'p',
+        'div',
+        'article',
+        'aside',
+        'figcaption',
+        'figure',
+        'footer',
+        'header',
+        'nav',
+        'section',
+        'ol',
+        'ul',
+        'li',
+        'table',
+        'thead',
+        'tbody',
+        'tfoot',
+        'caption',
+        'tr',
+        'td',
+        'th',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'blockquote',
+        'pre',
+        'address'
+    ];
+
+    var DomUniverse = () => {
+        const clone$1 = (element) => {
+            return SugarElement.fromDom(element.dom.cloneNode(false));
+        };
+        const document = (element) => documentOrOwner(element).dom;
+        const isBoundary = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            if (name(element) === 'body') {
+                return true;
+            }
+            return contains(TagBoundaries, name(element));
+        };
+        const isEmptyTag = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            return contains(['br', 'img', 'hr', 'input'], name(element));
+        };
+        const isNonEditable = (element) => isElement(element) && get$2(element, 'contenteditable') === 'false';
+        const comparePosition = (element, other) => {
+            return element.dom.compareDocumentPosition(other.dom);
+        };
+        const copyAttributesTo = (source, destination) => {
+            const as = clone(source);
+            setAll(destination, as);
+        };
+        const isSpecial = (element) => {
+            const tag = name(element);
+            return contains([
+                'script', 'noscript', 'iframe', 'noframes', 'noembed', 'title', 'style', 'textarea', 'xmp'
+            ], tag);
+        };
+        const getLanguage = (element) => isElement(element) ? getOpt(element, 'lang') : Optional.none();
+        return {
+            up: constant({
+                selector: ancestor,
+                closest: closest$1,
+                predicate: ancestor$1,
+                all: parents
+            }),
+            down: constant({
+                selector: descendants,
+                predicate: descendants$1
+            }),
+            styles: constant({
+                get: get$1,
+                getRaw: getRaw$1,
+                set: set$1,
+                remove: remove
+            }),
+            attrs: constant({
+                get: get$2,
+                set: set$2,
+                remove: remove$2,
+                copyTo: copyAttributesTo
+            }),
+            insert: constant({
+                before: before,
+                after: after$1,
+                afterAll: after,
+                append: append$1,
+                appendAll: append,
+                prepend: prepend,
+                wrap: wrap
+            }),
+            remove: constant({
+                unwrap: unwrap,
+                remove: remove$1
+            }),
+            create: constant({
+                nu: SugarElement.fromTag,
+                clone: clone$1,
+                text: SugarElement.fromText
+            }),
+            query: constant({
+                comparePosition,
+                prevSibling: prevSibling,
+                nextSibling: nextSibling
+            }),
+            property: constant({
+                children: children$3,
+                name: name,
+                parent: parent,
+                document,
+                isText: isText,
+                isComment: isComment,
+                isElement: isElement,
+                isSpecial,
+                getLanguage,
+                getText: get,
+                setText: set,
+                isBoundary,
+                isEmptyTag,
+                isNonEditable
+            }),
+            eq: eq,
+            is: is
+        };
+    };
+
+    const leftRight = (left, right) => ({
+        left,
+        right
+    });
+    const brokenPath = (first, second, splits) => ({
+        first,
+        second,
+        splits
+    });
+    const bisect = (universe, parent, child) => {
+        const children = universe.property().children(parent);
+        const index = findIndex(children, curry(universe.eq, child));
+        return index?.map((ind) => {
+            return {
+                before: children.slice(0, ind),
+                after: children.slice(ind + 1)
+            };
+        });
+    };
+    /**
+     * Clone parent to the RIGHT and move everything after child in the parent element into
+     * a clone of the parent (placed after parent).
+     */
+    const breakToRight = (universe, parent, child) => {
+        return bisect(universe, parent, child)?.map((parts) => {
+            const second = universe.create().clone(parent);
+            universe.insert().appendAll(second, parts.after);
+            universe.insert().after(parent, second);
+            return leftRight(parent, second);
+        });
+    };
+    /**
+     * Clone parent to the LEFT and move everything before and including child into
+     * the a clone of the parent (placed before parent)
+     */
+    const breakToLeft = (universe, parent, child) => {
+        return bisect(universe, parent, child)?.map((parts) => {
+            const prior = universe.create().clone(parent);
+            universe.insert().appendAll(prior, parts.before.concat([child]));
+            universe.insert().appendAll(parent, parts.after);
+            universe.insert().before(parent, prior);
+            return leftRight(prior, parent);
+        });
+    };
+    /*
+     * Using the breaker, break from the child up to the top element defined by the predicate.
+     * It returns three values:
+     *   first: the top level element that completed the break
+     *   second: the optional element representing second part of the top-level split if the breaking completed successfully to the top
+     *   splits: a list of (Element, Element) pairs that represent the splits that have occurred on the way to the top.
+     */
+    const breakPath = (universe, item, isTop, breaker) => {
+        const next = (child, group, splits) => {
+            const fallback = brokenPath(child, Optional.none(), splits);
+            // Found the top, so stop.
+            if (isTop(child)) {
+                return brokenPath(child, group, splits);
+            }
+            else {
+                // Split the child at parent, and keep going
+                return universe.property().parent(child).bind((parent) => {
+                    return breaker(universe, parent, child)?.map((breakage) => {
+                        const extra = [{ first: breakage.left, second: breakage.right }];
+                        // Our isTop is based on the left-side parent, so keep it regardless of split.
+                        const nextChild = isTop(parent) ? parent : breakage.left;
+                        return next(nextChild, Optional?.some(breakage.right), splits.concat(extra));
+                    });
+                }).getOr(fallback);
+            }
+        };
+        return next(item, Optional.none(), []);
+    };
+
+    const all = (universe, look, elements, f) => {
+        const head = elements[0];
+        const tail = elements.slice(1);
+        return f(universe, look, head, tail);
+    };
+    /**
+     * Check if look returns the same element for all elements, and return it if it exists.
+     */
+    const oneAll = (universe, look, elements) => {
+        return elements.length > 0 ?
+            all(universe, look, elements, unsafeOne) :
+            Optional.none();
+    };
+    const unsafeOne = (universe, look, head, tail) => {
+        const start = look(universe, head);
+        return foldr(tail, (b, a) => {
+            const current = look(universe, a);
+            return commonElement(universe, b, current);
+        }, start);
+    };
+    const commonElement = (universe, start, end) => {
+        return start.bind((s) => {
+            return end.filter(curry(universe.eq, s));
+        });
+    };
+
+    const sharedOne$1 = oneAll;
+    breakToLeft;
+    breakToRight;
+    breakPath;
+
+    const universe = DomUniverse();
+    const sharedOne = (look, elements) => {
+        return sharedOne$1(universe, (_universe, element) => {
+            return look(element);
+        }, elements);
+    };
+
+    const opGetRowsType = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onCells(house, target);
+        return details.bind((selectedCells) => {
+            const lastSelectedCell = selectedCells[selectedCells.length - 1];
+            const minRowRange = selectedCells[0].row;
+            const maxRowRange = lastSelectedCell.row + lastSelectedCell.rowspan;
+            const selectedRows = house.all.slice(minRowRange, maxRowRange);
+            return findCommonRowType(selectedRows);
+        }).getOr('');
+    };
+    Generators.transform('th');
+    Generators.transform('td');
+    const getRowsType = opGetRowsType;
+
+    // Note, something is *within* if it is completely contained within the bounds.
+    const isWithin = (bounds, detail) => {
+        return (detail.column >= bounds.startCol &&
+            (detail.column + detail.colspan - 1) <= bounds.finishCol &&
+            detail.row >= bounds.startRow &&
+            (detail.row + detail.rowspan - 1) <= bounds.finishRow);
+    };
+    const isRectangular = (warehouse, bounds) => {
+        let isRect = true;
+        const detailIsWithin = curry(isWithin, bounds);
+        for (let i = bounds.startRow; i <= bounds.finishRow; i++) {
+            for (let j = bounds.startCol; j <= bounds.finishCol; j++) {
+                isRect = isRect && Warehouse.getAt(warehouse, i, j).exists(detailIsWithin);
+            }
+        }
+        return isRect ? Optional?.some(bounds) : Optional.none();
+    };
+
+    const getBounds = (detailA, detailB) => {
+        return bounds(Math.min(detailA.row, detailB.row), Math.min(detailA.column, detailB.column), Math.max(detailA.row + detailA.rowspan - 1, detailB.row + detailB.rowspan - 1), Math.max(detailA.column + detailA.colspan - 1, detailB.column + detailB.colspan - 1));
+    };
+    const getAnyBox = (warehouse, startCell, finishCell) => {
+        const startCoords = Warehouse.findItem(warehouse, startCell, eq);
+        const finishCoords = Warehouse.findItem(warehouse, finishCell, eq);
+        return startCoords.bind((sc) => {
+            return finishCoords?.map((fc) => {
+                return getBounds(sc, fc);
+            });
+        });
+    };
+    const getBox$1 = (warehouse, startCell, finishCell) => {
+        return getAnyBox(warehouse, startCell, finishCell).bind((bounds) => {
+            return isRectangular(warehouse, bounds);
+        });
+    };
+
+    const getBox = (table, first, last) => {
+        const warehouse = getWarehouse(table);
+        return getBox$1(warehouse, first, last);
+    };
+    // Private method ... keep warehouse in snooker, please.
+    const getWarehouse = Warehouse.fromTable;
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const getTDTHOverallStyle = (dom, elm, name) => {
+        const cells = dom.select('td,th', elm);
+        let firstChildStyle;
+        for (let i = 0; i < cells.length; i++) {
+            const currentStyle = dom.getStyle(cells[i], name);
+            if (isUndefined(firstChildStyle)) {
+                firstChildStyle = currentStyle;
+            }
+            if (firstChildStyle !== currentStyle) {
+                return '';
+            }
+        }
+        return firstChildStyle;
+    };
+    const setAlign = (editor, elm, name) => {
+        // Alignment formats may not use the same styles so ensure to remove any existing horizontal alignment format first
+        global$2.each('left center right'.split(' '), (align) => {
+            if (align !== name) {
+                editor.formatter.remove('align' + align, {}, elm);
+            }
+        });
+        if (name) {
+            editor.formatter.apply('align' + name, {}, elm);
+        }
+    };
+    const setVAlign = (editor, elm, name) => {
+        // Alignment formats may not use the same styles so ensure to remove any existing vertical alignment format first
+        global$2.each('top middle bottom'.split(' '), (align) => {
+            if (align !== name) {
+                editor.formatter.remove('valign' + align, {}, elm);
+            }
+        });
+        if (name) {
+            editor.formatter.apply('valign' + name, {}, elm);
+        }
+    };
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - core/api/TableEvents.ts
+      - models/dom/table/api/Events.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const fireTableModified = (editor, table, data) => {
+        editor.dispatch('TableModified', { ...data, table });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const defaultTableToolbar = 'tableprops tabledelete | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol';
+    const defaultCellBorderWidths = range(5, (i) => {
+        const size = `${i + 1}px`;
+        return { title: size, value: size };
+    });
+    const defaultCellBorderStyles = map(['Solid', 'Dotted', 'Dashed', 'Double', 'Groove', 'Ridge', 'Inset', 'Outset', 'None', 'Hidden'], (type) => {
+        return { title: type, value: type.toLowerCase() };
+    });
+    // Note: This is also contained in the core Options.ts file
+    const defaultWidth = '100%';
+    const getPixelForcedWidth = (editor) => {
+        var _a;
+        // Determine the inner size of the parent block element where the table will be inserted
+        const dom = editor.dom;
+        const parentBlock = (_a = dom.getParent(editor.selection.getStart(), dom.isBlock)) !== null && _a !== void 0 ? _a : editor.getBody();
+        return getInner(SugarElement.fromDom(parentBlock)) + 'px';
+    };
+    // Note: This is also contained in the core Options.ts file
+    const determineDefaultStyles = (editor, defaultStyles) => {
+        if (isResponsiveForced(editor) || !shouldStyleWithCss(editor)) {
+            return defaultStyles;
+        }
+        else if (isPixelsForced(editor)) {
+            return { ...defaultStyles, width: getPixelForcedWidth(editor) };
+        }
+        else {
+            return { ...defaultStyles, width: defaultWidth };
+        }
+    };
+    // Note: This is also contained in the core Options.ts file
+    const determineDefaultAttributes = (editor, defaultAttributes) => {
+        if (isResponsiveForced(editor) || shouldStyleWithCss(editor)) {
+            return defaultAttributes;
+        }
+        else if (isPixelsForced(editor)) {
+            return { ...defaultAttributes, width: getPixelForcedWidth(editor) };
+        }
+        else {
+            return { ...defaultAttributes, width: defaultWidth };
+        }
+    };
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('table_border_widths', {
+            processor: 'object[]',
+            default: defaultCellBorderWidths
+        });
+        registerOption('table_border_styles', {
+            processor: 'object[]',
+            default: defaultCellBorderStyles
+        });
+        registerOption('table_cell_advtab', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_row_advtab', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_advtab', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_appearance_options', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_grid', {
+            processor: 'boolean',
+            // Table grid relies on hover, which isn't available on touch devices so use the dialog instead
+            default: !global$1.deviceType.isTouch()
+        });
+        registerOption('table_cell_class_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('table_row_class_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('table_class_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('table_toolbar', {
+            processor: 'string',
+            default: defaultTableToolbar
+        });
+        registerOption('table_background_color_map', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('table_border_color_map', {
+            processor: 'object[]',
+            default: []
+        });
+    };
+    const getTableSizingMode = option('table_sizing_mode');
+    const getTableBorderWidths = option('table_border_widths');
+    const getTableBorderStyles = option('table_border_styles');
+    const hasAdvancedCellTab = option('table_cell_advtab');
+    const hasAdvancedRowTab = option('table_row_advtab');
+    const hasAdvancedTableTab = option('table_advtab');
+    const hasAppearanceOptions = option('table_appearance_options');
+    const hasTableGrid = option('table_grid');
+    const shouldStyleWithCss = option('table_style_by_css');
+    const getCellClassList = option('table_cell_class_list');
+    const getRowClassList = option('table_row_class_list');
+    const getTableClassList = option('table_class_list');
+    const getToolbar = option('table_toolbar');
+    const getTableBackgroundColorMap = option('table_background_color_map');
+    const getTableBorderColorMap = option('table_border_color_map');
+    const isPixelsForced = (editor) => getTableSizingMode(editor) === 'fixed';
+    const isResponsiveForced = (editor) => getTableSizingMode(editor) === 'responsive';
+    const getDefaultStyles = (editor) => {
+        // Note: The we don't rely on the default here as we need to dynamically lookup the widths based on the current editor state
+        const options = editor.options;
+        const defaultStyles = options.get('table_default_styles');
+        return options.isSet('table_default_styles') ? defaultStyles : determineDefaultStyles(editor, defaultStyles);
+    };
+    const getDefaultAttributes = (editor) => {
+        // Note: The we don't rely on the default here as we need to dynamically lookup the widths based on the current editor state
+        const options = editor.options;
+        const defaultAttributes = options.get('table_default_attributes');
+        return options.isSet('table_default_attributes') ? defaultAttributes : determineDefaultAttributes(editor, defaultAttributes);
+    };
+
+    const lookupTable = (container) => {
+        return ancestor(container, 'table');
+    };
+    const retrieve$1 = (container, selector) => {
+        const sels = descendants(container, selector);
+        return sels.length > 0 ? Optional?.some(sels) : Optional.none();
+    };
+    const getEdges = (container, firstSelectedSelector, lastSelectedSelector) => {
+        return descendant(container, firstSelectedSelector).bind((first) => {
+            return descendant(container, lastSelectedSelector).bind((last) => {
+                return sharedOne(lookupTable, [first, last])?.map((table) => {
+                    return {
+                        first,
+                        last,
+                        table
+                    };
+                });
+            });
+        });
+    };
+
+    // Explicitly calling CellSelection.retrieve so that we can see the API signature.
+    const retrieve = (container, selector) => {
+        return retrieve$1(container, selector);
+    };
+    const retrieveBox = (container, firstSelectedSelector, lastSelectedSelector) => {
+        return getEdges(container, firstSelectedSelector, lastSelectedSelector).bind((edges) => {
+            const isRoot = (ancestor) => {
+                return eq(container, ancestor);
+            };
+            const sectionSelector = 'thead,tfoot,tbody,table';
+            const firstAncestor = ancestor(edges.first, sectionSelector, isRoot);
+            const lastAncestor = ancestor(edges.last, sectionSelector, isRoot);
+            return firstAncestor.bind((fA) => {
+                return lastAncestor.bind((lA) => {
+                    return eq(fA, lA) ? getBox(edges.table, edges.first, edges.last) : Optional.none();
+                });
+            });
+        });
+    };
+
+    const selection = identity;
+    const unmergable = (selectedCells) => {
+        const hasSpan = (elem, type) => getOpt(elem, type).exists((span) => parseInt(span, 10) > 1);
+        const hasRowOrColSpan = (elem) => hasSpan(elem, 'rowspan') || hasSpan(elem, 'colspan');
+        return selectedCells.length > 0 && forall(selectedCells, hasRowOrColSpan) ? Optional?.some(selectedCells) : Optional.none();
+    };
+    const mergable = (table, selectedCells, ephemera) => {
+        if (selectedCells.length <= 1) {
+            return Optional.none();
+        }
+        else {
+            return retrieveBox(table, ephemera.firstSelectedSelector, ephemera.lastSelectedSelector)
+                ?.map((bounds) => ({ bounds, cells: selectedCells }));
+        }
+    };
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - models/dom/table/selection/Ephemera.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const strSelected = 'data-mce-selected';
+    const strSelectedSelector = 'td[' + strSelected + '],th[' + strSelected + ']';
+    const strFirstSelected = 'data-mce-first-selected';
+    const strFirstSelectedSelector = 'td[' + strFirstSelected + '],th[' + strFirstSelected + ']';
+    const strLastSelected = 'data-mce-last-selected';
+    const strLastSelectedSelector = 'td[' + strLastSelected + '],th[' + strLastSelected + ']';
+    const ephemera = {
+        selected: strSelected,
+        selectedSelector: strSelectedSelector,
+        firstSelected: strFirstSelected,
+        firstSelectedSelector: strFirstSelectedSelector,
+        lastSelected: strLastSelected,
+        lastSelectedSelector: strLastSelectedSelector
+    };
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - models/dom/table/selection/TableSelection.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const getSelectionCellFallback = (element) => table(element).bind((table) => retrieve(table, ephemera.firstSelectedSelector)).fold(constant(element), (cells) => cells[0]);
+    const getSelectionFromSelector = (selector) => (initCell, isRoot) => {
+        const cellName = name(initCell);
+        const cell = cellName === 'col' || cellName === 'colgroup' ? getSelectionCellFallback(initCell) : initCell;
+        return closest$1(cell, selector, isRoot);
+    };
+    const getSelectionCellOrCaption = getSelectionFromSelector('th,td,caption');
+    const getSelectionCell = getSelectionFromSelector('th,td');
+    const getCellsFromSelection = (editor) => fromDom(editor.model.table.getSelectedCells());
+    const getRowsFromSelection = (selected, selector) => {
+        const cellOpt = getSelectionCell(selected);
+        const rowsOpt = cellOpt.bind((cell) => table(cell))
+            ?.map((table) => rows(table));
+        return lift2(cellOpt, rowsOpt, (cell, rows) => filter$1(rows, (row) => exists(fromDom(row.dom.cells), (rowCell) => get$2(rowCell, selector) === '1' || eq(rowCell, cell)))).getOr([]);
+    };
+
+    const verticalAlignValues = [
+        {
+            text: 'None',
+            value: ''
+        },
+        {
+            text: 'Top',
+            value: 'top'
+        },
+        {
+            text: 'Middle',
+            value: 'middle'
+        },
+        {
+            text: 'Bottom',
+            value: 'bottom'
+        }
+    ];
+
+    const hexColour = (value) => ({
+        value: normalizeHex(value)
+    });
+    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    const longformRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
+    const isHexString = (hex) => shorthandRegex.test(hex) || longformRegex.test(hex);
+    const normalizeHex = (hex) => removeLeading(hex, '#').toUpperCase();
+    const fromString$1 = (hex) => isHexString(hex) ? Optional?.some({ value: normalizeHex(hex) }) : Optional.none();
+    const toHex = (component) => {
+        const hex = component.toString(16);
+        return (hex.length === 1 ? '0' + hex : hex).toUpperCase();
+    };
+    const fromRgba = (rgbaColour) => {
+        const value = toHex(rgbaColour.red) + toHex(rgbaColour.green) + toHex(rgbaColour.blue);
+        return hexColour(value);
+    };
+
+    /* eslint-disable no-console */
+    const rgbRegex = /^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i;
+    // This regex will match rgba(0, 0, 0, 0.5) or rgba(0, 0, 0, 50%) , or without commas
+    const rgbaRegex = /^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i;
+    const rgbaColour = (red, green, blue, alpha) => ({
+        red,
+        green,
+        blue,
+        alpha
+    });
+    const fromStringValues = (red, green, blue, alpha) => {
+        const r = parseInt(red, 10);
+        const g = parseInt(green, 10);
+        const b = parseInt(blue, 10);
+        const a = parseFloat(alpha);
+        return rgbaColour(r, g, b, a);
+    };
+    const fromString = (rgbaString) => {
+        const rgbMatch = rgbRegex.exec(rgbaString);
+        if (rgbMatch !== null) {
+            return Optional?.some(fromStringValues(rgbMatch[1], rgbMatch[2], rgbMatch[3], '1'));
+        }
+        const rgbaMatch = rgbaRegex.exec(rgbaString);
+        if (rgbaMatch !== null) {
+            return Optional?.some(fromStringValues(rgbaMatch[1], rgbaMatch[2], rgbaMatch[3], rgbaMatch[4]));
+        }
+        return Optional.none();
+    };
+
+    const anyToHex = (color) => fromString$1(color)
+        .orThunk(() => fromString(color)?.map(fromRgba))
+        .getOrThunk(() => {
+        // Not dealing with Hex or RGBA so use a canvas to parse the color
+        const canvas = document.createElement('canvas');
+        canvas.height = 1;
+        canvas.width = 1;
+        const canvasContext = canvas.getContext('2d');
+        // all valid colors after this point
+        canvasContext.clearRect(0, 0, canvas.width, canvas.height);
+        // invalid colors will be shown as white - the first assignment will pass and the second may be ignored
+        canvasContext.fillStyle = '#FFFFFF';
+        canvasContext.fillStyle = color;
+        canvasContext.fillRect(0, 0, 1, 1);
+        const rgba = canvasContext.getImageData(0, 0, 1, 1).data;
+        const r = rgba[0];
+        const g = rgba[1];
+        const b = rgba[2];
+        const a = rgba[3];
+        return fromRgba(rgbaColour(r, g, b, a));
+    });
+    const rgbaToHexString = (color) => fromString(color)
+        ?.map(fromRgba)
+        ?.map((h) => '#' + h.value)
+        .getOr(color);
+
+    const onSetupToggle = (editor, formatName, formatValue) => {
+        return (api) => {
+            const boundCallback = unbindable();
+            const isNone = isEmpty(formatValue);
+            const init = () => {
+                const selectedCells = getCellsFromSelection(editor);
+                const checkNode = (cell) => editor.formatter.match(formatName, { value: formatValue }, cell.dom, isNone);
+                // If value is empty (A None-entry in the list), check if the format is not set at all. Otherwise, check if the format is set to the correct value.
+                if (isNone) {
+                    api.setActive(!exists(selectedCells, checkNode));
+                    boundCallback.set(editor.formatter.formatChanged(formatName, (match) => api.setActive(!match), true));
+                }
+                else {
+                    api.setActive(forall(selectedCells, checkNode));
+                    boundCallback.set(editor.formatter.formatChanged(formatName, api.setActive, false, { value: formatValue }));
+                }
+            };
+            // The editor may or may not have been setup yet, so check for that
+            editor.initialized ? init() : editor.on('init', init);
+            return boundCallback.clear;
+        };
+    };
+    const isListGroup = (item) => hasNonNullableKey(item, 'menu');
+    const buildListItems = (items) => map(items, (item) => {
+        // item.text is not documented - maybe deprecated option we can delete??
+        const text = item.text || item.title || '';
+        if (isListGroup(item)) {
+            return {
+                text,
+                items: buildListItems(item.menu)
+            };
+        }
+        else {
+            return {
+                text,
+                value: item.value
+            };
+        }
+    });
+    const buildClassList = (classList) => {
+        if (!classList.length) {
+            return Optional.none();
+        }
+        return Optional?.some(buildListItems([{ text: 'Select...', value: 'mce-no-match' }, ...classList]));
+    };
+    const buildMenuItems = (editor, items, format, onAction) => map(items, (item) => {
+        // item.text is not documented - maybe deprecated option we can delete??
+        const text = item.text || item.title;
+        if (isListGroup(item)) {
+            return {
+                type: 'nestedmenuitem',
+                text,
+                getSubmenuItems: () => buildMenuItems(editor, item.menu, format, onAction)
+            };
+        }
+        else {
+            return {
+                text,
+                type: 'togglemenuitem',
+                onAction: () => onAction(item.value),
+                onSetup: onSetupToggle(editor, format, item.value)
+            };
+        }
+    });
+    const applyTableCellStyle = (editor, style) => (value) => {
+        editor.execCommand('mceTableApplyCellStyle', false, { [style]: value });
+    };
+    const filterNoneItem = (list) => bind(list, (item) => {
+        if (isListGroup(item)) {
+            return [{ ...item, menu: filterNoneItem(item.menu) }];
+        }
+        else {
+            return isNotEmpty(item.value) ? [item] : [];
+        }
+    });
+    const generateMenuItemsCallback = (editor, items, format, onAction) => (callback) => callback(buildMenuItems(editor, items, format, onAction));
+    const buildColorMenu = (editor, colorList, style) => {
+        const colorMap = map(colorList, (entry) => ({
+            text: entry.title,
+            value: '#' + anyToHex(entry.value).value,
+            type: 'choiceitem'
+        }));
+        return [{
+                type: 'fancymenuitem',
+                fancytype: 'colorswatch',
+                initData: {
+                    colors: colorMap.length > 0 ? colorMap : undefined,
+                    allowCustomColors: false
+                },
+                onAction: (data) => {
+                    const value = data.value === 'remove' ? '' : data.value;
+                    editor.execCommand('mceTableApplyCellStyle', false, { [style]: value });
+                }
+            }];
+    };
+    const changeRowHeader = (editor) => () => {
+        const currentType = editor.queryCommandValue('mceTableRowType');
+        const newType = currentType === 'header' ? 'body' : 'header';
+        editor.execCommand('mceTableRowType', false, { type: newType });
+    };
+    const changeColumnHeader = (editor) => () => {
+        const currentType = editor.queryCommandValue('mceTableColType');
+        const newType = currentType === 'th' ? 'td' : 'th';
+        editor.execCommand('mceTableColType', false, { type: newType });
+    };
+
+    const getClassList$1 = (editor) => buildClassList(getCellClassList(editor))
+        ?.map((items) => ({
+        name: 'class',
+        type: 'listbox',
+        label: 'Class',
+        items
+    }));
+    const children = [
+        {
+            name: 'width',
+            type: 'input',
+            label: 'Width'
+        },
+        {
+            name: 'celltype',
+            type: 'listbox',
+            label: 'Cell type',
+            items: [
+                { text: 'Cell', value: 'td' },
+                { text: 'Header cell', value: 'th' }
+            ]
+        },
+        {
+            name: 'scope',
+            type: 'listbox',
+            label: 'Scope',
+            items: [
+                { text: 'None', value: '' },
+                { text: 'Row', value: 'row' },
+                { text: 'Column', value: 'col' },
+                { text: 'Row group', value: 'rowgroup' },
+                { text: 'Column group', value: 'colgroup' }
+            ]
+        },
+        {
+            name: 'halign',
+            type: 'listbox',
+            label: 'Horizontal align',
+            items: [
+                { text: 'None', value: '' },
+                { text: 'Left', value: 'left' },
+                { text: 'Center', value: 'center' },
+                { text: 'Right', value: 'right' }
+            ]
+        },
+        {
+            name: 'valign',
+            type: 'listbox',
+            label: 'Vertical align',
+            items: verticalAlignValues
+        }
+    ];
+    const getItems$2 = (editor) => children.concat(getClassList$1(editor).toArray());
+
+    const getAdvancedTab = (editor, dialogName) => {
+        const emptyBorderStyle = [{ text: 'Select...', value: '' }];
+        const advTabItems = [
+            {
+                name: 'borderstyle',
+                type: 'listbox',
+                label: 'Border style',
+                items: emptyBorderStyle.concat(buildListItems(getTableBorderStyles(editor)))
+            },
+            {
+                name: 'bordercolor',
+                type: 'colorinput',
+                label: 'Border color'
+            },
+            {
+                name: 'backgroundcolor',
+                type: 'colorinput',
+                label: 'Background color'
+            }
+        ];
+        const borderWidth = {
+            name: 'borderwidth',
+            type: 'input',
+            label: 'Border width'
+        };
+        const items = dialogName === 'cell' ? [borderWidth].concat(advTabItems) : advTabItems;
+        return {
+            title: 'Advanced',
+            name: 'advanced',
+            items
+        };
+    };
+
+    // The get node is required here because it can be transformed
+    // when switching between tags (e.g. th and td)
+    const normal = (editor, element) => {
+        const dom = editor.dom;
+        const setAttrib = (attr, value) => {
+            dom.setAttrib(element, attr, value);
+        };
+        const setStyle = (prop, value) => {
+            dom.setStyle(element, prop, value);
+        };
+        const setFormat = (formatName, value) => {
+            // Remove format if given an empty string
+            if (value === '') {
+                editor.formatter.remove(formatName, { value: null }, element, true);
+            }
+            else {
+                editor.formatter.apply(formatName, { value }, element);
+            }
+        };
+        return {
+            setAttrib,
+            setStyle,
+            setFormat
+        };
+    };
+    const DomModifier = {
+        normal
+    };
+
+    const rgbToHex = (value) => startsWith(value, 'rgb') ? rgbaToHexString(value) : value;
+    const extractAdvancedStyles = (elm) => {
+        const element = SugarElement.fromDom(elm);
+        return {
+            borderwidth: getRaw$1(element, 'border-width').getOr(''),
+            borderstyle: getRaw$1(element, 'border-style').getOr(''),
+            bordercolor: getRaw$1(element, 'border-color')?.map(rgbToHex).getOr(''),
+            backgroundcolor: getRaw$1(element, 'background-color')?.map(rgbToHex).getOr('')
+        };
+    };
+    const getSharedValues = (data) => {
+        // TODO surely there's a better way to do this??
+        // Mutates baseData to return an object that contains only the values
+        // that were the same across all objects in data
+        const baseData = data[0];
+        const comparisonData = data.slice(1);
+        each$1(comparisonData, (items) => {
+            each$1(keys(baseData), (key) => {
+                each(items, (itemValue, itemKey) => {
+                    const comparisonValue = baseData[key];
+                    if (comparisonValue !== '' && key === itemKey) {
+                        if (comparisonValue !== itemValue) {
+                            baseData[key] = key === 'class' ? 'mce-no-match' : '';
+                        }
+                    }
+                });
+            });
+        });
+        return baseData;
+    };
+    // The extractDataFrom... functions are in this file partly for code reuse and partly so we can test them,
+    // because some of these are crazy complicated
+    const getAlignment = (formats, formatName, editor, elm) => find(formats, (name) => !isUndefined(editor.formatter.matchNode(elm, formatName + name))).getOr('');
+    const getHAlignment = curry(getAlignment, ['left', 'center', 'right'], 'align');
+    const getVAlignment = curry(getAlignment, ['top', 'middle', 'bottom'], 'valign');
+    const extractDataFromSettings = (editor, hasAdvTableTab) => {
+        const style = getDefaultStyles(editor);
+        const attrs = getDefaultAttributes(editor);
+        const extractAdvancedStyleData = () => ({
+            borderstyle: get$3(style, 'border-style').getOr(''),
+            bordercolor: rgbToHex(get$3(style, 'border-color').getOr('')),
+            backgroundcolor: rgbToHex(get$3(style, 'background-color').getOr(''))
+        });
+        const defaultData = {
+            height: '',
+            width: '100%',
+            cellspacing: '',
+            cellpadding: '',
+            caption: false,
+            class: '',
+            align: '',
+            border: ''
+        };
+        const getBorder = () => {
+            const borderWidth = style['border-width'];
+            if (shouldStyleWithCss(editor) && borderWidth) {
+                return { border: borderWidth };
+            }
+            return get$3(attrs, 'border').fold(() => ({}), (border) => ({ border }));
+        };
+        const advStyle = (hasAdvTableTab ? extractAdvancedStyleData() : {});
+        const getCellPaddingCellSpacing = () => {
+            const spacing = get$3(style, 'border-spacing').or(get$3(attrs, 'cellspacing')).fold(() => ({}), (cellspacing) => ({ cellspacing }));
+            const padding = get$3(style, 'border-padding').or(get$3(attrs, 'cellpadding')).fold(() => ({}), (cellpadding) => ({ cellpadding }));
+            return {
+                ...spacing,
+                ...padding
+            };
+        };
+        const data = {
+            ...defaultData,
+            ...style,
+            ...attrs,
+            ...advStyle,
+            ...getBorder(),
+            ...getCellPaddingCellSpacing()
+        };
+        return data;
+    };
+    const getRowType = (elm) => table(SugarElement.fromDom(elm))?.map((table) => {
+        const target = { selection: fromDom(elm.cells) };
+        return getRowsType(table, target);
+    }).getOr('');
+    const extractDataFromTableElement = (editor, elm, hasAdvTableTab) => {
+        const getBorder = (dom, elm) => {
+            // Cases (in order to check):
+            // 1. shouldStyleWithCss - extract border-width style if it exists
+            // 2. !shouldStyleWithCss && border attribute - set border attribute as value
+            // 3. !shouldStyleWithCss && nothing on the table - grab styles from the first th or td
+            const optBorderWidth = getRaw$1(SugarElement.fromDom(elm), 'border-width');
+            if (shouldStyleWithCss(editor) && optBorderWidth.isSome()) {
+                return optBorderWidth.getOr('');
+            }
+            return dom.getAttrib(elm, 'border') || getTDTHOverallStyle(editor.dom, elm, 'border-width')
+                || getTDTHOverallStyle(editor.dom, elm, 'border') || '';
+        };
+        const dom = editor.dom;
+        const cellspacing = shouldStyleWithCss(editor) ?
+            dom.getStyle(elm, 'border-spacing') || dom.getAttrib(elm, 'cellspacing') :
+            dom.getAttrib(elm, 'cellspacing') || dom.getStyle(elm, 'border-spacing');
+        const cellpadding = shouldStyleWithCss(editor) ?
+            getTDTHOverallStyle(dom, elm, 'padding') || dom.getAttrib(elm, 'cellpadding') :
+            dom.getAttrib(elm, 'cellpadding') || getTDTHOverallStyle(dom, elm, 'padding');
+        return {
+            width: dom.getStyle(elm, 'width') || dom.getAttrib(elm, 'width'),
+            height: dom.getStyle(elm, 'height') || dom.getAttrib(elm, 'height'),
+            cellspacing: cellspacing !== null && cellspacing !== void 0 ? cellspacing : '',
+            cellpadding: cellpadding !== null && cellpadding !== void 0 ? cellpadding : '',
+            border: getBorder(dom, elm),
+            caption: !!dom.select('caption', elm)[0],
+            class: dom.getAttrib(elm, 'class', ''),
+            align: getHAlignment(editor, elm),
+            ...(hasAdvTableTab ? extractAdvancedStyles(elm) : {})
+        };
+    };
+    const extractDataFromRowElement = (editor, elm, hasAdvancedRowTab) => {
+        const dom = editor.dom;
+        return {
+            height: dom.getStyle(elm, 'height') || dom.getAttrib(elm, 'height'),
+            class: dom.getAttrib(elm, 'class', ''),
+            type: getRowType(elm),
+            align: getHAlignment(editor, elm),
+            ...(hasAdvancedRowTab ? extractAdvancedStyles(elm) : {})
+        };
+    };
+    const extractDataFromCellElement = (editor, cell, hasAdvancedCellTab, column) => {
+        const dom = editor.dom;
+        const colElm = column.getOr(cell);
+        const getStyle = (element, style) => dom.getStyle(element, style) || dom.getAttrib(element, style);
+        return {
+            width: getStyle(colElm, 'width'),
+            scope: dom.getAttrib(cell, 'scope'),
+            celltype: getNodeName(cell),
+            class: dom.getAttrib(cell, 'class', ''),
+            halign: getHAlignment(editor, cell),
+            valign: getVAlignment(editor, cell),
+            ...(hasAdvancedCellTab ? extractAdvancedStyles(cell) : {})
+        };
+    };
+
+    const getSelectedCells = (table, cells) => {
+        const warehouse = Warehouse.fromTable(table);
+        const allCells = Warehouse.justCells(warehouse);
+        const filtered = filter$1(allCells, (cellA) => exists(cells, (cellB) => eq(cellA.element, cellB)));
+        return map(filtered, (cell) => ({
+            element: cell.element.dom,
+            column: Warehouse.getColumnAt(warehouse, cell.column)?.map((col) => col.element.dom)
+        }));
+    };
+    const updateSimpleProps$1 = (modifier, colModifier, data, shouldUpdate) => {
+        if (shouldUpdate('scope')) {
+            modifier.setAttrib('scope', data.scope);
+        }
+        if (shouldUpdate('class') && data.class !== 'mce-no-match') {
+            modifier.setAttrib('class', data.class);
+        }
+        if (shouldUpdate('width')) {
+            colModifier.setStyle('width', addPxSuffix(data.width));
+        }
+    };
+    const updateAdvancedProps$1 = (modifier, data, shouldUpdate) => {
+        if (shouldUpdate('backgroundcolor')) {
+            modifier.setFormat('tablecellbackgroundcolor', data.backgroundcolor);
+        }
+        if (shouldUpdate('bordercolor')) {
+            modifier.setFormat('tablecellbordercolor', data.bordercolor);
+        }
+        if (shouldUpdate('borderstyle')) {
+            modifier.setFormat('tablecellborderstyle', data.borderstyle);
+        }
+        if (shouldUpdate('borderwidth')) {
+            modifier.setFormat('tablecellborderwidth', addPxSuffix(data.borderwidth));
+        }
+    };
+    const applyStyleData$1 = (editor, cells, data, wasChanged) => {
+        const isSingleCell = cells.length === 1;
+        each$1(cells, (item) => {
+            const cellElm = item.element;
+            const shouldOverrideCurrentValue = isSingleCell ? always : wasChanged;
+            const modifier = DomModifier.normal(editor, cellElm);
+            const colModifier = item.column?.map((col) => DomModifier.normal(editor, col)).getOr(modifier);
+            updateSimpleProps$1(modifier, colModifier, data, shouldOverrideCurrentValue);
+            if (hasAdvancedCellTab(editor)) {
+                updateAdvancedProps$1(modifier, data, shouldOverrideCurrentValue);
+            }
+            // Apply alignment
+            if (wasChanged('halign')) {
+                setAlign(editor, cellElm, data.halign);
+            }
+            // Apply vertical alignment
+            if (wasChanged('valign')) {
+                setVAlign(editor, cellElm, data.valign);
+            }
+        });
+    };
+    const applyStructureData$1 = (editor, data) => {
+        // Switch cell type if applicable. Note that we specifically tell the command to not fire events
+        // as we'll batch the events and fire a `TableModified` event at the end of the updates.
+        editor.execCommand('mceTableCellType', false, { type: data.celltype, no_events: true });
+    };
+    const applyCellData = (editor, cells, oldData, data) => {
+        const modifiedData = filter(data, (value, key) => oldData[key] !== value);
+        if (size(modifiedData) > 0 && cells.length >= 1) {
+            // Retrieve the table before the cells are modified as there is a case where cells
+            // are replaced and the reference will be lost when trying to fire events.
+            table(cells[0]).each((table) => {
+                const selectedCells = getSelectedCells(table, cells);
+                // style modified if there's at least one other change apart from 'celltype' and 'scope'
+                const styleModified = size(filter(modifiedData, (_value, key) => key !== 'scope' && key !== 'celltype')) > 0;
+                const structureModified = has(modifiedData, 'celltype');
+                // Update the cells styling using the dialog data
+                if (styleModified || has(modifiedData, 'scope')) {
+                    applyStyleData$1(editor, selectedCells, data, curry(has, modifiedData));
+                }
+                // Update the cells structure using the dialog data
+                if (structureModified) {
+                    applyStructureData$1(editor, data);
+                }
+                fireTableModified(editor, table.dom, {
+                    structure: structureModified,
+                    style: styleModified,
+                });
+            });
+        }
+    };
+    const onSubmitCellForm = (editor, cells, oldData, api) => {
+        const data = api.getData();
+        api.close();
+        editor.undoManager.transact(() => {
+            applyCellData(editor, cells, oldData, data);
+            editor.focus();
+        });
+    };
+    const getData$1 = (editor, cells) => {
+        const cellsData = table(cells[0])?.map((table) => map(getSelectedCells(table, cells), (item) => extractDataFromCellElement(editor, item.element, hasAdvancedCellTab(editor), item.column)));
+        return getSharedValues(cellsData.getOrDie());
+    };
+    const open$2 = (editor) => {
+        const cells = getCellsFromSelection(editor);
+        // Check if there are any cells to operate on
+        if (cells.length === 0) {
+            return;
+        }
+        const data = getData$1(editor, cells);
+        const dialogTabPanel = {
+            type: 'tabpanel',
+            tabs: [
+                {
+                    title: 'General',
+                    name: 'general',
+                    items: getItems$2(editor)
+                },
+                getAdvancedTab(editor, 'cell')
+            ]
+        };
+        const dialogPanel = {
+            type: 'panel',
+            items: [
+                {
+                    type: 'grid',
+                    columns: 2,
+                    items: getItems$2(editor)
+                }
+            ]
+        };
+        editor.windowManager.open({
+            title: 'Cell Properties',
+            size: 'normal',
+            body: hasAdvancedCellTab(editor) ? dialogTabPanel : dialogPanel,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: data,
+            onSubmit: curry(onSubmitCellForm, editor, cells, data)
+        });
+    };
+
+    const getClassList = (editor) => buildClassList(getRowClassList(editor))
+        ?.map((items) => ({
+        name: 'class',
+        type: 'listbox',
+        label: 'Class',
+        items
+    }));
+    const formChildren = [
+        {
+            type: 'listbox',
+            name: 'type',
+            label: 'Row type',
+            items: [
+                { text: 'Header', value: 'header' },
+                { text: 'Body', value: 'body' },
+                { text: 'Footer', value: 'footer' }
+            ]
+        },
+        {
+            type: 'listbox',
+            name: 'align',
+            label: 'Alignment',
+            items: [
+                { text: 'None', value: '' },
+                { text: 'Left', value: 'left' },
+                { text: 'Center', value: 'center' },
+                { text: 'Right', value: 'right' }
+            ]
+        },
+        {
+            label: 'Height',
+            name: 'height',
+            type: 'input'
+        }
+    ];
+    const getItems$1 = (editor) => formChildren.concat(getClassList(editor).toArray());
+
+    const updateSimpleProps = (modifier, data, shouldUpdate) => {
+        if (shouldUpdate('class') && data.class !== 'mce-no-match') {
+            modifier.setAttrib('class', data.class);
+        }
+        if (shouldUpdate('height')) {
+            modifier.setStyle('height', addPxSuffix(data.height));
+        }
+    };
+    const updateAdvancedProps = (modifier, data, shouldUpdate) => {
+        if (shouldUpdate('backgroundcolor')) {
+            modifier.setStyle('background-color', data.backgroundcolor);
+        }
+        if (shouldUpdate('bordercolor')) {
+            modifier.setStyle('border-color', data.bordercolor);
+        }
+        if (shouldUpdate('borderstyle')) {
+            modifier.setStyle('border-style', data.borderstyle);
+        }
+    };
+    const applyStyleData = (editor, rows, data, wasChanged) => {
+        const isSingleRow = rows.length === 1;
+        const shouldOverrideCurrentValue = isSingleRow ? always : wasChanged;
+        each$1(rows, (rowElm) => {
+            const rowCells = children$1(SugarElement.fromDom(rowElm), 'td,th');
+            const modifier = DomModifier.normal(editor, rowElm);
+            updateSimpleProps(modifier, data, shouldOverrideCurrentValue);
+            if (hasAdvancedRowTab(editor)) {
+                updateAdvancedProps(modifier, data, shouldOverrideCurrentValue);
+            }
+            // TINY-10617: Simplify number of height styles when applying height on tr
+            if (wasChanged('height')) {
+                each$1(rowCells, (cell) => {
+                    editor.dom.setStyle(cell.dom, 'height', null);
+                });
+            }
+            if (wasChanged('align')) {
+                setAlign(editor, rowElm, data.align);
+            }
+        });
+    };
+    const applyStructureData = (editor, data) => {
+        // Switch cell type if applicable. Note that we specifically tell the command to not fire events
+        // as we'll batch the events and fire a `TableModified` event at the end of the updates.
+        editor.execCommand('mceTableRowType', false, { type: data.type, no_events: true });
+    };
+    const applyRowData = (editor, rows, oldData, data) => {
+        const modifiedData = filter(data, (value, key) => oldData[key] !== value);
+        if (size(modifiedData) > 0) {
+            const typeModified = has(modifiedData, 'type');
+            // style modified if there's at least one other change apart from 'type'
+            const styleModified = typeModified ? size(modifiedData) > 1 : true;
+            // Update the rows styling using the dialog data
+            if (styleModified) {
+                applyStyleData(editor, rows, data, curry(has, modifiedData));
+            }
+            // Update the rows structure using the dialog data
+            if (typeModified) {
+                applyStructureData(editor, data);
+            }
+            table(SugarElement.fromDom(rows[0])).each((table) => fireTableModified(editor, table.dom, {
+                structure: typeModified,
+                style: styleModified
+            }));
+        }
+    };
+    const onSubmitRowForm = (editor, rows, oldData, api) => {
+        const data = api.getData();
+        api.close();
+        editor.undoManager.transact(() => {
+            applyRowData(editor, rows, oldData, data);
+            editor.focus();
+        });
+    };
+    const open$1 = (editor) => {
+        const rows = getRowsFromSelection(getSelectionStart(editor), ephemera.selected);
+        // Check if there are any rows to operate on
+        if (rows.length === 0) {
+            return;
+        }
+        // Get current data and find shared values between rows
+        const rowsData = map(rows, (rowElm) => extractDataFromRowElement(editor, rowElm.dom, hasAdvancedRowTab(editor)));
+        const data = getSharedValues(rowsData);
+        const dialogTabPanel = {
+            type: 'tabpanel',
+            tabs: [
+                {
+                    title: 'General',
+                    name: 'general',
+                    items: getItems$1(editor)
+                },
+                getAdvancedTab(editor, 'row')
+            ]
+        };
+        const dialogPanel = {
+            type: 'panel',
+            items: [
+                {
+                    type: 'grid',
+                    columns: 2,
+                    items: getItems$1(editor)
+                }
+            ]
+        };
+        editor.windowManager.open({
+            title: 'Row Properties',
+            size: 'normal',
+            body: hasAdvancedRowTab(editor) ? dialogTabPanel : dialogPanel,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: data,
+            onSubmit: curry(onSubmitRowForm, editor, map(rows, (r) => r.dom), data)
+        });
+    };
+
+    const getItems = (editor, classes, insertNewTable) => {
+        const rowColCountItems = !insertNewTable ? [] : [
+            {
+                type: 'input',
+                name: 'cols',
+                label: 'Cols',
+                inputMode: 'numeric'
+            },
+            {
+                type: 'input',
+                name: 'rows',
+                label: 'Rows',
+                inputMode: 'numeric'
+            }
+        ];
+        const alwaysItems = [
+            {
+                type: 'input',
+                name: 'width',
+                label: 'Width'
+            },
+            {
+                type: 'input',
+                name: 'height',
+                label: 'Height'
+            }
+        ];
+        const appearanceItems = hasAppearanceOptions(editor) ? [
+            {
+                type: 'input',
+                name: 'cellspacing',
+                label: 'Cell spacing',
+                inputMode: 'numeric'
+            },
+            {
+                type: 'input',
+                name: 'cellpadding',
+                label: 'Cell padding',
+                inputMode: 'numeric'
+            },
+            {
+                type: 'input',
+                name: 'border',
+                label: 'Border width'
+            },
+            {
+                type: 'label',
+                label: 'Caption',
+                items: [
+                    {
+                        type: 'checkbox',
+                        name: 'caption',
+                        label: 'Show caption'
+                    }
+                ]
+            }
+        ] : [];
+        const alignmentItem = [
+            {
+                type: 'listbox',
+                name: 'align',
+                label: 'Alignment',
+                items: [
+                    { text: 'None', value: '' },
+                    { text: 'Left', value: 'left' },
+                    { text: 'Center', value: 'center' },
+                    { text: 'Right', value: 'right' }
+                ]
+            }
+        ];
+        const classListItem = classes.length > 0 ? [
+            {
+                name: 'class',
+                type: 'listbox',
+                label: 'Class',
+                items: classes
+            }
+        ] : [];
+        return rowColCountItems.concat(alwaysItems).concat(appearanceItems).concat(alignmentItem).concat(classListItem);
+    };
+
+    // Explore the layers of the table till we find the first layer of tds or ths
+    const styleTDTH = (dom, elm, name, value) => {
+        if (elm.tagName === 'TD' || elm.tagName === 'TH') {
+            if (isString(name) && isNonNullable(value)) {
+                dom.setStyle(elm, name, value);
+            }
+            else {
+                dom.setStyles(elm, name);
+            }
+        }
+        else {
+            if (elm.children) {
+                for (let i = 0; i < elm.children.length; i++) {
+                    styleTDTH(dom, elm.children[i], name, value);
+                }
+            }
+        }
+    };
+    const applyDataToElement = (editor, tableElm, data, shouldApplyOnCell) => {
+        const dom = editor.dom;
+        const attrs = {};
+        const styles = {};
+        const shouldStyleWithCss$1 = shouldStyleWithCss(editor);
+        const hasAdvancedTableTab$1 = hasAdvancedTableTab(editor);
+        const borderIsZero = parseFloat(data.border) === 0;
+        if (!isUndefined(data.class) && data.class !== 'mce-no-match') {
+            attrs.class = data.class;
+        }
+        styles.height = addPxSuffix(data.height);
+        if (shouldStyleWithCss$1) {
+            styles.width = addPxSuffix(data.width);
+        }
+        else if (dom.getAttrib(tableElm, 'width')) {
+            attrs.width = removePxSuffix(data.width);
+        }
+        if (shouldStyleWithCss$1) {
+            if (borderIsZero) {
+                attrs.border = 0;
+                styles['border-width'] = '';
+            }
+            else {
+                styles['border-width'] = addPxSuffix(data.border);
+                attrs.border = 1;
+            }
+            styles['border-spacing'] = addPxSuffix(data.cellspacing);
+        }
+        else {
+            attrs.border = borderIsZero ? 0 : data.border;
+            attrs.cellpadding = data.cellpadding;
+            attrs.cellspacing = data.cellspacing;
+        }
+        // TINY-9837: Relevant data are applied on child TD/THs only if they have been modified since the previous dialog submission
+        if (shouldStyleWithCss$1 && tableElm.children) {
+            const cellStyles = {};
+            if (borderIsZero) {
+                cellStyles['border-width'] = '';
+            }
+            else if (shouldApplyOnCell.border) {
+                cellStyles['border-width'] = addPxSuffix(data.border);
+            }
+            if (shouldApplyOnCell.cellpadding) {
+                cellStyles.padding = addPxSuffix(data.cellpadding);
+            }
+            if (hasAdvancedTableTab$1 && shouldApplyOnCell.bordercolor) {
+                cellStyles['border-color'] = data.bordercolor;
+            }
+            if (!isEmpty$1(cellStyles)) {
+                for (let i = 0; i < tableElm.children.length; i++) {
+                    styleTDTH(dom, tableElm.children[i], cellStyles);
+                }
+            }
+        }
+        if (hasAdvancedTableTab$1) {
+            const advData = data;
+            styles['background-color'] = advData.backgroundcolor;
+            styles['border-color'] = advData.bordercolor;
+            styles['border-style'] = advData.borderstyle;
+        }
+        dom.setStyles(tableElm, { ...getDefaultStyles(editor), ...styles });
+        dom.setAttribs(tableElm, { ...getDefaultAttributes(editor), ...attrs });
+    };
+    const onSubmitTableForm = (editor, tableElm, oldData, api) => {
+        const dom = editor.dom;
+        const data = api.getData();
+        const modifiedData = filter(data, (value, key) => oldData[key] !== value);
+        api.close();
+        editor.undoManager.transact(() => {
+            if (!tableElm) {
+                const cols = toInt(data.cols).getOr(1);
+                const rows = toInt(data.rows).getOr(1);
+                // Cases 1 & 3 - inserting a table
+                editor.execCommand('mceInsertTable', false, { rows, columns: cols });
+                tableElm = getSelectionCell(getSelectionStart(editor), getIsRoot(editor))
+                    .bind((cell) => table(cell, getIsRoot(editor)))
+                    ?.map((table) => table.dom)
+                    .getOrDie();
+            }
+            if (size(modifiedData) > 0) {
+                const applicableCellProperties = {
+                    border: has(modifiedData, 'border'),
+                    bordercolor: has(modifiedData, 'bordercolor'),
+                    cellpadding: has(modifiedData, 'cellpadding')
+                };
+                applyDataToElement(editor, tableElm, data, applicableCellProperties);
+                // Toggle caption on/off
+                const captionElm = dom.select('caption', tableElm)[0];
+                if (captionElm && !data.caption || !captionElm && data.caption) {
+                    editor.execCommand('mceTableToggleCaption');
+                }
+                setAlign(editor, tableElm, data.align);
+            }
+            editor.focus();
+            editor.addVisual();
+            if (size(modifiedData) > 0) {
+                const captionModified = has(modifiedData, 'caption');
+                // style modified if there's at least one other change apart from 'caption'
+                const styleModified = captionModified ? size(modifiedData) > 1 : true;
+                fireTableModified(editor, tableElm, { structure: captionModified, style: styleModified });
+            }
+        });
+    };
+    const open = (editor, insertNewTable) => {
+        const dom = editor.dom;
+        let tableElm;
+        let data = extractDataFromSettings(editor, hasAdvancedTableTab(editor));
+        // Cases for creation/update of tables:
+        // 1. isNew == true - called by mceInsertTable - we are inserting a new table so we don't care what the selection's parent is,
+        //    and we need to add cols and rows input fields to the dialog
+        // 2. isNew == false && selection parent is a table - update the table
+        // 3. isNew == false && selection parent isn't a table - open dialog with default values and insert a table
+        if (insertNewTable) {
+            // Case 1 - isNew == true. We're inserting a new table so use defaults and add cols and rows + adv properties.
+            data.cols = '1';
+            data.rows = '1';
+            if (hasAdvancedTableTab(editor)) {
+                data.borderstyle = '';
+                data.bordercolor = '';
+                data.backgroundcolor = '';
+            }
+        }
+        else {
+            tableElm = dom.getParent(editor.selection.getStart(), 'table', editor.getBody());
+            if (tableElm) {
+                // Case 2 - isNew == false && table parent
+                data = extractDataFromTableElement(editor, tableElm, hasAdvancedTableTab(editor));
+            }
+            else {
+                // Case 3 - isNew == false && non-table parent. data is set to basic defaults so just add the adv properties if needed
+                if (hasAdvancedTableTab(editor)) {
+                    data.borderstyle = '';
+                    data.bordercolor = '';
+                    data.backgroundcolor = '';
+                }
+            }
+        }
+        const classes = buildClassList(getTableClassList(editor));
+        if (classes.isSome()) {
+            if (data.class) {
+                data.class = data.class.replace(/\s*mce\-item\-table\s*/g, '');
+            }
+        }
+        const generalPanel = {
+            type: 'grid',
+            columns: 2,
+            items: getItems(editor, classes.getOr([]), insertNewTable)
+        };
+        const nonAdvancedForm = () => ({
+            type: 'panel',
+            items: [generalPanel]
+        });
+        const advancedForm = () => ({
+            type: 'tabpanel',
+            tabs: [
+                {
+                    title: 'General',
+                    name: 'general',
+                    items: [generalPanel]
+                },
+                getAdvancedTab(editor, 'table')
+            ]
+        });
+        const dialogBody = hasAdvancedTableTab(editor) ? advancedForm() : nonAdvancedForm();
+        editor.windowManager.open({
+            title: 'Table Properties',
+            size: 'normal',
+            body: dialogBody,
+            onSubmit: curry(onSubmitTableForm, editor, tableElm, data),
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: data
+        });
+    };
+
+    const registerCommands = (editor) => {
+        const runAction = (f) => {
+            if (isInEditableContext(getSelectionStart(editor))) {
+                f();
+            }
+        };
+        // Register dialog commands
+        each({
+            // AP-101 TableDialog.open renders a slightly different dialog if isNew is true
+            mceTableProps: curry(open, editor, false),
+            mceTableRowProps: curry(open$1, editor),
+            mceTableCellProps: curry(open$2, editor),
+            mceInsertTableDialog: curry(open, editor, true),
+        }, (func, name) => editor.addCommand(name, () => runAction(func)));
+    };
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - models/dom/table/queries/TableTargets.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const noMenu = (cell) => ({
+        element: cell,
+        mergable: Optional.none(),
+        unmergable: Optional.none(),
+        selection: [cell]
+    });
+    const forMenu = (selectedCells, table, cell) => ({
+        element: cell,
+        mergable: mergable(table, selectedCells, ephemera),
+        unmergable: unmergable(selectedCells),
+        selection: selection(selectedCells)
+    });
+
+    const getSelectionTargets = (editor) => {
+        const targets = Cell(Optional.none());
+        const changeHandlers = Cell([]);
+        let selectionDetails = Optional.none();
+        const isCaption = isTag('caption');
+        const isDisabledForSelection = (key) => selectionDetails.forall((details) => !details[key]);
+        const getStart = () => getSelectionCellOrCaption(getSelectionStart(editor), getIsRoot(editor));
+        const getEnd = () => getSelectionCellOrCaption(getSelectionEnd(editor), getIsRoot(editor));
+        const findTargets = () => getStart().bind((startCellOrCaption) => flatten(lift2(table(startCellOrCaption), getEnd().bind(table), (startTable, endTable) => {
+            if (eq(startTable, endTable)) {
+                if (isCaption(startCellOrCaption)) {
+                    return Optional?.some(noMenu(startCellOrCaption));
+                }
+                else {
+                    return Optional?.some(forMenu(getCellsFromSelection(editor), startTable, startCellOrCaption));
+                }
+            }
+            return Optional.none();
+        })));
+        const getExtractedDetails = (targets) => {
+            const tableOpt = table(targets.element);
+            return tableOpt?.map((table) => {
+                const warehouse = Warehouse.fromTable(table);
+                const selectedCells = onCells(warehouse, targets).getOr([]);
+                const locked = foldl(selectedCells, (acc, cell) => {
+                    if (cell.isLocked) {
+                        acc.onAny = true;
+                        if (cell.column === 0) {
+                            acc.onFirst = true;
+                        }
+                        else if (cell.column + cell.colspan >= warehouse.grid.columns) {
+                            acc.onLast = true;
+                        }
+                    }
+                    return acc;
+                }, { onAny: false, onFirst: false, onLast: false });
+                return {
+                    mergeable: onUnlockedMergable(warehouse, targets).isSome(),
+                    unmergeable: onUnlockedUnmergable(warehouse, targets).isSome(),
+                    locked
+                };
+            });
+        };
+        const resetTargets = () => {
+            // Reset the targets
+            targets.set(cached(findTargets)());
+            // Reset the selection details
+            selectionDetails = targets.get().bind(getExtractedDetails);
+            // Trigger change handlers
+            each$1(changeHandlers.get(), call);
+        };
+        const setupHandler = (handler) => {
+            // Execute the handler to set the initial state
+            handler();
+            // Register the handler so we can update the state when resetting targets
+            changeHandlers.set(changeHandlers.get().concat([handler]));
+            return () => {
+                changeHandlers.set(filter$1(changeHandlers.get(), (h) => h !== handler));
+            };
+        };
+        const onSetup = (api, isDisabled) => setupHandler(() => targets.get().fold(() => {
+            api.setEnabled(false);
+        }, (targets) => {
+            api.setEnabled(!isDisabled(targets) && editor.selection.isEditable());
+        }));
+        const onSetupWithToggle = (api, isDisabled, isActive) => setupHandler(() => targets.get().fold(() => {
+            api.setEnabled(false);
+            api.setActive(false);
+        }, (targets) => {
+            api.setEnabled(!isDisabled(targets) && editor.selection.isEditable());
+            api.setActive(isActive(targets));
+        }));
+        const isDisabledFromLocked = (lockedDisable) => selectionDetails.exists((details) => details.locked[lockedDisable]);
+        const onSetupTable = (api) => onSetup(api, (_) => false);
+        const onSetupCellOrRow = (api) => onSetup(api, (targets) => isCaption(targets.element));
+        const onSetupColumn = (lockedDisable) => (api) => onSetup(api, (targets) => isCaption(targets.element) || isDisabledFromLocked(lockedDisable));
+        const onSetupPasteable = (getClipboardData) => (api) => onSetup(api, (targets) => isCaption(targets.element) || getClipboardData().isNone());
+        const onSetupPasteableColumn = (getClipboardData, lockedDisable) => (api) => onSetup(api, (targets) => isCaption(targets.element) || getClipboardData().isNone() || isDisabledFromLocked(lockedDisable));
+        const onSetupMergeable = (api) => onSetup(api, (_targets) => isDisabledForSelection('mergeable'));
+        const onSetupUnmergeable = (api) => onSetup(api, (_targets) => isDisabledForSelection('unmergeable'));
+        const onSetupTableWithCaption = (api) => {
+            return onSetupWithToggle(api, never, (targets) => {
+                const tableOpt = table(targets.element, getIsRoot(editor));
+                return tableOpt.exists((table) => child(table, 'caption'));
+            });
+        };
+        const onSetupTableHeaders = (command, headerType) => (api) => {
+            return onSetupWithToggle(api, (targets) => isCaption(targets.element), () => editor.queryCommandValue(command) === headerType);
+        };
+        const onSetupTableRowHeaders = onSetupTableHeaders('mceTableRowType', 'header');
+        const onSetupTableColumnHeaders = onSetupTableHeaders('mceTableColType', 'th');
+        editor.on('NodeChange ExecCommand TableSelectorChange', resetTargets);
+        return {
+            onSetupTable,
+            onSetupCellOrRow,
+            onSetupColumn,
+            onSetupPasteable,
+            onSetupPasteableColumn,
+            onSetupMergeable,
+            onSetupUnmergeable,
+            resetTargets,
+            onSetupTableWithCaption,
+            onSetupTableRowHeaders,
+            onSetupTableColumnHeaders,
+            targets: targets.get
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.FakeClipboard');
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - models/dom/table/api/Clipboard.ts
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const tableTypeBase = 'x-tinymce/dom-table-';
+    const tableTypeRow = tableTypeBase + 'rows';
+    const tableTypeColumn = tableTypeBase + 'columns';
+    const getData = (type) => {
+        var _a;
+        const items = (_a = global.read()) !== null && _a !== void 0 ? _a : [];
+        return findMap(items, (item) => Optional.from(item.getType(type)));
+    };
+    const getRows = () => getData(tableTypeRow);
+    const getColumns = () => getData(tableTypeColumn);
+
+    const onSetupEditable$1 = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const addButtons = (editor, selectionTargets) => {
+        editor.ui.registry.addMenuButton('table', {
+            tooltip: 'Table',
+            icon: 'table',
+            onSetup: onSetupEditable$1(editor),
+            fetch: (callback) => callback('inserttable | cell row column | advtablesort | tableprops deletetable')
+        });
+        const cmd = (command) => () => editor.execCommand(command);
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        const addButtonIfRegistered = (name, spec) => {
+            if (editor.queryCommandSupported(spec.command)) {
+                editor.ui.registry.addButton(name, {
+                    ...spec,
+                    onAction: isFunction(spec.onAction) ? spec.onAction : cmd(spec.command)
+                });
+            }
+        };
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        const addToggleButtonIfRegistered = (name, spec) => {
+            if (editor.queryCommandSupported(spec.command)) {
+                editor.ui.registry.addToggleButton(name, {
+                    ...spec,
+                    onAction: isFunction(spec.onAction) ? spec.onAction : cmd(spec.command)
+                });
+            }
+        };
+        addButtonIfRegistered('tableprops', {
+            tooltip: 'Table properties',
+            command: 'mceTableProps',
+            icon: 'table',
+            onSetup: selectionTargets.onSetupTable
+        });
+        addButtonIfRegistered('tabledelete', {
+            tooltip: 'Delete table',
+            command: 'mceTableDelete',
+            icon: 'table-delete-table',
+            onSetup: selectionTargets.onSetupTable
+        });
+        addButtonIfRegistered('tablecellprops', {
+            tooltip: 'Cell properties',
+            command: 'mceTableCellProps',
+            icon: 'table-cell-properties',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tablemergecells', {
+            tooltip: 'Merge cells',
+            command: 'mceTableMergeCells',
+            icon: 'table-merge-cells',
+            onSetup: selectionTargets.onSetupMergeable
+        });
+        addButtonIfRegistered('tablesplitcells', {
+            tooltip: 'Split cell',
+            command: 'mceTableSplitCells',
+            icon: 'table-split-cells',
+            onSetup: selectionTargets.onSetupUnmergeable
+        });
+        addButtonIfRegistered('tableinsertrowbefore', {
+            tooltip: 'Insert row before',
+            command: 'mceTableInsertRowBefore',
+            icon: 'table-insert-row-above',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tableinsertrowafter', {
+            tooltip: 'Insert row after',
+            command: 'mceTableInsertRowAfter',
+            icon: 'table-insert-row-after',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tabledeleterow', {
+            tooltip: 'Delete row',
+            command: 'mceTableDeleteRow',
+            icon: 'table-delete-row',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tablerowprops', {
+            tooltip: 'Row properties',
+            command: 'mceTableRowProps',
+            icon: 'table-row-properties',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tableinsertcolbefore', {
+            tooltip: 'Insert column before',
+            command: 'mceTableInsertColBefore',
+            icon: 'table-insert-column-before',
+            onSetup: selectionTargets.onSetupColumn("onFirst" /* LockedDisable.onFirst */)
+        });
+        addButtonIfRegistered('tableinsertcolafter', {
+            tooltip: 'Insert column after',
+            command: 'mceTableInsertColAfter',
+            icon: 'table-insert-column-after',
+            onSetup: selectionTargets.onSetupColumn("onLast" /* LockedDisable.onLast */)
+        });
+        addButtonIfRegistered('tabledeletecol', {
+            tooltip: 'Delete column',
+            command: 'mceTableDeleteCol',
+            icon: 'table-delete-column',
+            onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+        });
+        addButtonIfRegistered('tablecutrow', {
+            tooltip: 'Cut row',
+            command: 'mceTableCutRow',
+            icon: 'cut-row',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tablecopyrow', {
+            tooltip: 'Copy row',
+            command: 'mceTableCopyRow',
+            icon: 'duplicate-row',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tablepasterowbefore', {
+            tooltip: 'Paste row before',
+            command: 'mceTablePasteRowBefore',
+            icon: 'paste-row-before',
+            onSetup: selectionTargets.onSetupPasteable(getRows)
+        });
+        addButtonIfRegistered('tablepasterowafter', {
+            tooltip: 'Paste row after',
+            command: 'mceTablePasteRowAfter',
+            icon: 'paste-row-after',
+            onSetup: selectionTargets.onSetupPasteable(getRows)
+        });
+        addButtonIfRegistered('tablecutcol', {
+            tooltip: 'Cut column',
+            command: 'mceTableCutCol',
+            icon: 'cut-column',
+            onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+        });
+        addButtonIfRegistered('tablecopycol', {
+            tooltip: 'Copy column',
+            command: 'mceTableCopyCol',
+            icon: 'duplicate-column',
+            onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+        });
+        addButtonIfRegistered('tablepastecolbefore', {
+            tooltip: 'Paste column before',
+            command: 'mceTablePasteColBefore',
+            icon: 'paste-column-before',
+            onSetup: selectionTargets.onSetupPasteableColumn(getColumns, "onFirst" /* LockedDisable.onFirst */)
+        });
+        addButtonIfRegistered('tablepastecolafter', {
+            tooltip: 'Paste column after',
+            command: 'mceTablePasteColAfter',
+            icon: 'paste-column-after',
+            onSetup: selectionTargets.onSetupPasteableColumn(getColumns, "onLast" /* LockedDisable.onLast */)
+        });
+        addButtonIfRegistered('tableinsertdialog', {
+            tooltip: 'Insert table',
+            command: 'mceInsertTableDialog',
+            icon: 'table',
+            onSetup: onSetupEditable$1(editor)
+        });
+        const tableClassList = filterNoneItem(getTableClassList(editor));
+        if (tableClassList.length !== 0 && editor.queryCommandSupported('mceTableToggleClass')) {
+            editor.ui.registry.addMenuButton('tableclass', {
+                icon: 'table-classes',
+                tooltip: 'Table styles',
+                fetch: generateMenuItemsCallback(editor, tableClassList, 'tableclass', (value) => editor.execCommand('mceTableToggleClass', false, value)),
+                onSetup: selectionTargets.onSetupTable
+            });
+        }
+        const tableCellClassList = filterNoneItem(getCellClassList(editor));
+        if (tableCellClassList.length !== 0 && editor.queryCommandSupported('mceTableCellToggleClass')) {
+            editor.ui.registry.addMenuButton('tablecellclass', {
+                icon: 'table-cell-classes',
+                tooltip: 'Cell styles',
+                fetch: generateMenuItemsCallback(editor, tableCellClassList, 'tablecellclass', (value) => editor.execCommand('mceTableCellToggleClass', false, value)),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+        }
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        if (editor.queryCommandSupported('mceTableApplyCellStyle')) {
+            editor.ui.registry.addMenuButton('tablecellvalign', {
+                icon: 'vertical-align',
+                tooltip: 'Vertical align',
+                fetch: generateMenuItemsCallback(editor, verticalAlignValues, 'tablecellverticalalign', applyTableCellStyle(editor, 'vertical-align')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addMenuButton('tablecellborderwidth', {
+                icon: 'border-width',
+                tooltip: 'Border width',
+                fetch: generateMenuItemsCallback(editor, getTableBorderWidths(editor), 'tablecellborderwidth', applyTableCellStyle(editor, 'border-width')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addMenuButton('tablecellborderstyle', {
+                icon: 'border-style',
+                tooltip: 'Border style',
+                fetch: generateMenuItemsCallback(editor, getTableBorderStyles(editor), 'tablecellborderstyle', applyTableCellStyle(editor, 'border-style')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addMenuButton('tablecellbackgroundcolor', {
+                icon: 'cell-background-color',
+                tooltip: 'Background color',
+                fetch: (callback) => callback(buildColorMenu(editor, getTableBackgroundColorMap(editor), 'background-color')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addMenuButton('tablecellbordercolor', {
+                icon: 'cell-border-color',
+                tooltip: 'Border color',
+                fetch: (callback) => callback(buildColorMenu(editor, getTableBorderColorMap(editor), 'border-color')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+        }
+        addToggleButtonIfRegistered('tablecaption', {
+            tooltip: 'Table caption',
+            icon: 'table-caption',
+            command: 'mceTableToggleCaption',
+            onSetup: selectionTargets.onSetupTableWithCaption
+        });
+        addToggleButtonIfRegistered('tablerowheader', {
+            tooltip: 'Row header',
+            icon: 'table-top-header',
+            command: 'mceTableRowType',
+            onAction: changeRowHeader(editor),
+            onSetup: selectionTargets.onSetupTableRowHeaders
+        });
+        addToggleButtonIfRegistered('tablecolheader', {
+            tooltip: 'Column header',
+            icon: 'table-left-header',
+            command: 'mceTableColType',
+            onAction: changeColumnHeader(editor),
+            onSetup: selectionTargets.onSetupTableColumnHeaders
+        });
+    };
+    const addToolbars = (editor) => {
+        const isEditableTable = (table) => editor.dom.is(table, 'table') && editor.getBody().contains(table) && editor.dom.isEditable(table.parentNode);
+        const toolbar = getToolbar(editor);
+        if (toolbar.length > 0) {
+            editor.ui.registry.addContextToolbar('table', {
+                predicate: isEditableTable,
+                items: toolbar,
+                scope: 'node',
+                position: 'node'
+            });
+        }
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const addMenuItems = (editor, selectionTargets) => {
+        const cmd = (command) => () => editor.execCommand(command);
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        const addMenuIfRegistered = (name, spec) => {
+            if (editor.queryCommandSupported(spec.command)) {
+                editor.ui.registry.addMenuItem(name, {
+                    ...spec,
+                    onAction: isFunction(spec.onAction) ? spec.onAction : cmd(spec.command)
+                });
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        const addToggleMenuIfRegistered = (name, spec) => {
+            if (editor.queryCommandSupported(spec.command)) {
+                editor.ui.registry.addToggleMenuItem(name, {
+                    ...spec,
+                    onAction: isFunction(spec.onAction) ? spec.onAction : cmd(spec.command)
+                });
+            }
+        };
+        const insertTableAction = (data) => {
+            editor.execCommand('mceInsertTable', false, {
+                rows: data.numRows,
+                columns: data.numColumns
+            });
+        };
+        const hasRowMenuItems = [
+            addMenuIfRegistered('tableinsertrowbefore', {
+                text: 'Insert row before',
+                icon: 'table-insert-row-above',
+                command: 'mceTableInsertRowBefore',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tableinsertrowafter', {
+                text: 'Insert row after',
+                icon: 'table-insert-row-after',
+                command: 'mceTableInsertRowAfter',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tabledeleterow', {
+                text: 'Delete row',
+                icon: 'table-delete-row',
+                command: 'mceTableDeleteRow',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablerowprops', {
+                text: 'Row properties',
+                icon: 'table-row-properties',
+                command: 'mceTableRowProps',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablecutrow', {
+                text: 'Cut row',
+                icon: 'cut-row',
+                command: 'mceTableCutRow',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablecopyrow', {
+                text: 'Copy row',
+                icon: 'duplicate-row',
+                command: 'mceTableCopyRow',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablepasterowbefore', {
+                text: 'Paste row before',
+                icon: 'paste-row-before',
+                command: 'mceTablePasteRowBefore',
+                onSetup: selectionTargets.onSetupPasteable(getRows)
+            }),
+            addMenuIfRegistered('tablepasterowafter', {
+                text: 'Paste row after',
+                icon: 'paste-row-after',
+                command: 'mceTablePasteRowAfter',
+                onSetup: selectionTargets.onSetupPasteable(getRows)
+            }),
+        ];
+        const hasColumnMenuItems = [
+            addMenuIfRegistered('tableinsertcolumnbefore', {
+                text: 'Insert column before',
+                icon: 'table-insert-column-before',
+                command: 'mceTableInsertColBefore',
+                onSetup: selectionTargets.onSetupColumn("onFirst" /* LockedDisable.onFirst */)
+            }),
+            addMenuIfRegistered('tableinsertcolumnafter', {
+                text: 'Insert column after',
+                icon: 'table-insert-column-after',
+                command: 'mceTableInsertColAfter',
+                onSetup: selectionTargets.onSetupColumn("onLast" /* LockedDisable.onLast */)
+            }),
+            addMenuIfRegistered('tabledeletecolumn', {
+                text: 'Delete column',
+                icon: 'table-delete-column',
+                command: 'mceTableDeleteCol',
+                onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+            }),
+            addMenuIfRegistered('tablecutcolumn', {
+                text: 'Cut column',
+                icon: 'cut-column',
+                command: 'mceTableCutCol',
+                onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+            }),
+            addMenuIfRegistered('tablecopycolumn', {
+                text: 'Copy column',
+                icon: 'duplicate-column',
+                command: 'mceTableCopyCol',
+                onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+            }),
+            addMenuIfRegistered('tablepastecolumnbefore', {
+                text: 'Paste column before',
+                icon: 'paste-column-before',
+                command: 'mceTablePasteColBefore',
+                onSetup: selectionTargets.onSetupPasteableColumn(getColumns, "onFirst" /* LockedDisable.onFirst */)
+            }),
+            addMenuIfRegistered('tablepastecolumnafter', {
+                text: 'Paste column after',
+                icon: 'paste-column-after',
+                command: 'mceTablePasteColAfter',
+                onSetup: selectionTargets.onSetupPasteableColumn(getColumns, "onLast" /* LockedDisable.onLast */)
+            }),
+        ];
+        const hasCellMenuItems = [
+            addMenuIfRegistered('tablecellprops', {
+                text: 'Cell properties',
+                icon: 'table-cell-properties',
+                command: 'mceTableCellProps',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablemergecells', {
+                text: 'Merge cells',
+                icon: 'table-merge-cells',
+                command: 'mceTableMergeCells',
+                onSetup: selectionTargets.onSetupMergeable
+            }),
+            addMenuIfRegistered('tablesplitcells', {
+                text: 'Split cell',
+                icon: 'table-split-cells',
+                command: 'mceTableSplitCells',
+                onSetup: selectionTargets.onSetupUnmergeable
+            }),
+        ];
+        if (!hasTableGrid(editor)) {
+            editor.ui.registry.addMenuItem('inserttable', {
+                text: 'Table',
+                icon: 'table',
+                onAction: cmd('mceInsertTableDialog'),
+                onSetup: onSetupEditable(editor)
+            });
+        }
+        else {
+            editor.ui.registry.addNestedMenuItem('inserttable', {
+                text: 'Table',
+                icon: 'table',
+                getSubmenuItems: () => [{ type: 'fancymenuitem', fancytype: 'inserttable', onAction: insertTableAction }],
+                onSetup: onSetupEditable(editor)
+            });
+        }
+        // TINY-3636: We want a way to use the dialog even when tablegrid true.
+        // If tablegrid false then inserttable and inserttabledialog are the same,
+        // but that's preferrable to breaking things at this point.
+        editor.ui.registry.addMenuItem('inserttabledialog', {
+            text: 'Insert table',
+            icon: 'table',
+            onAction: cmd('mceInsertTableDialog'),
+            onSetup: onSetupEditable(editor)
+        });
+        addMenuIfRegistered('tableprops', {
+            text: 'Table properties',
+            onSetup: selectionTargets.onSetupTable,
+            command: 'mceTableProps'
+        });
+        addMenuIfRegistered('deletetable', {
+            text: 'Delete table',
+            icon: 'table-delete-table',
+            onSetup: selectionTargets.onSetupTable,
+            command: 'mceTableDelete'
+        });
+        // if any of the row menu items returned true
+        if (contains(hasRowMenuItems, true)) {
+            editor.ui.registry.addNestedMenuItem('row', {
+                type: 'nestedmenuitem',
+                text: 'Row',
+                getSubmenuItems: constant('tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops | tablecutrow tablecopyrow tablepasterowbefore tablepasterowafter')
+            });
+        }
+        if (contains(hasColumnMenuItems, true)) {
+            editor.ui.registry.addNestedMenuItem('column', {
+                type: 'nestedmenuitem',
+                text: 'Column',
+                getSubmenuItems: constant('tableinsertcolumnbefore tableinsertcolumnafter tabledeletecolumn | tablecutcolumn tablecopycolumn tablepastecolumnbefore tablepastecolumnafter')
+            });
+        }
+        if (contains(hasCellMenuItems, true)) {
+            editor.ui.registry.addNestedMenuItem('cell', {
+                type: 'nestedmenuitem',
+                text: 'Cell',
+                getSubmenuItems: constant('tablecellprops tablemergecells tablesplitcells')
+            });
+        }
+        editor.ui.registry.addContextMenu('table', {
+            update: () => {
+                // context menu fires before node change, so check the selection here first
+                selectionTargets.resetTargets();
+                // ignoring element since it's monitored elsewhere
+                return selectionTargets.targets().fold(constant(''), (targets) => {
+                    // If clicking in a caption, then we shouldn't show the cell/row/column options
+                    if (name(targets.element) === 'caption') {
+                        return 'tableprops deletetable';
+                    }
+                    else {
+                        return 'cell row column | advtablesort | tableprops deletetable';
+                    }
+                });
+            }
+        });
+        const tableClassList = filterNoneItem(getTableClassList(editor));
+        if (tableClassList.length !== 0 && editor.queryCommandSupported('mceTableToggleClass')) {
+            editor.ui.registry.addNestedMenuItem('tableclass', {
+                icon: 'table-classes',
+                text: 'Table styles',
+                getSubmenuItems: () => buildMenuItems(editor, tableClassList, 'tableclass', (value) => editor.execCommand('mceTableToggleClass', false, value)),
+                onSetup: selectionTargets.onSetupTable
+            });
+        }
+        const tableCellClassList = filterNoneItem(getCellClassList(editor));
+        if (tableCellClassList.length !== 0 && editor.queryCommandSupported('mceTableCellToggleClass')) {
+            editor.ui.registry.addNestedMenuItem('tablecellclass', {
+                icon: 'table-cell-classes',
+                text: 'Cell styles',
+                getSubmenuItems: () => buildMenuItems(editor, tableCellClassList, 'tablecellclass', (value) => editor.execCommand('mceTableCellToggleClass', false, value)),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+        }
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        if (editor.queryCommandSupported('mceTableApplyCellStyle')) {
+            editor.ui.registry.addNestedMenuItem('tablecellvalign', {
+                icon: 'vertical-align',
+                text: 'Vertical align',
+                getSubmenuItems: () => buildMenuItems(editor, verticalAlignValues, 'tablecellverticalalign', applyTableCellStyle(editor, 'vertical-align')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addNestedMenuItem('tablecellborderwidth', {
+                icon: 'border-width',
+                text: 'Border width',
+                getSubmenuItems: () => buildMenuItems(editor, getTableBorderWidths(editor), 'tablecellborderwidth', applyTableCellStyle(editor, 'border-width')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addNestedMenuItem('tablecellborderstyle', {
+                icon: 'border-style',
+                text: 'Border style',
+                getSubmenuItems: () => buildMenuItems(editor, getTableBorderStyles(editor), 'tablecellborderstyle', applyTableCellStyle(editor, 'border-style')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addNestedMenuItem('tablecellbackgroundcolor', {
+                icon: 'cell-background-color',
+                text: 'Background color',
+                getSubmenuItems: () => buildColorMenu(editor, getTableBackgroundColorMap(editor), 'background-color'),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addNestedMenuItem('tablecellbordercolor', {
+                icon: 'cell-border-color',
+                text: 'Border color',
+                getSubmenuItems: () => buildColorMenu(editor, getTableBorderColorMap(editor), 'border-color'),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+        }
+        addToggleMenuIfRegistered('tablecaption', {
+            icon: 'table-caption',
+            text: 'Table caption',
+            command: 'mceTableToggleCaption',
+            onSetup: selectionTargets.onSetupTableWithCaption
+        });
+        addToggleMenuIfRegistered('tablerowheader', {
+            text: 'Row header',
+            icon: 'table-top-header',
+            command: 'mceTableRowType',
+            onAction: changeRowHeader(editor),
+            onSetup: selectionTargets.onSetupTableRowHeaders
+        });
+        addToggleMenuIfRegistered('tablecolheader', {
+            text: 'Column header',
+            icon: 'table-left-header',
+            command: 'mceTableColType',
+            onAction: changeColumnHeader(editor),
+            onSetup: selectionTargets.onSetupTableRowHeaders
+        });
+    };
+
+    const Plugin = (editor) => {
+        const selectionTargets = getSelectionTargets(editor);
+        register(editor);
+        registerCommands(editor);
+        addMenuItems(editor, selectionTargets);
+        addButtons(editor, selectionTargets);
+        addToolbars(editor);
+    };
+    var Plugin$1 = () => {
+        global$3.add('table', Plugin);
+    };
+
+    Plugin$1();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/plugin.min.js
new file mode 100644
index 000000000..d548b38d8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/table/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(o=l=e,(n=String).prototype.isPrototypeOf(o)||(null===(r=l.constructor)||void 0===r?void 0:r.name)===n.name)?"string":t;var o,l,n,r})(t)===e,o=e=>t=>typeof t===e,l=t("string"),n=t("array"),r=o("boolean"),a=e=>undefined===e;const s=e=>!(e=>null==e)(e),c=o("function"),i=o("number"),m=()=>{},d=e=>()=>e,u=e=>e,p=(e,t)=>e===t;function b(e,...t){return(...o)=>{const l=t.concat(o);return e.apply(null,l)}}const g=e=>{e()},h=d(!1),f=d(!0);class y{constructor(e,t){this.tag=e,this.value=t}static some(e){return new y(!0,e)}static none(){return y.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?y?.some(e(this.value)):y.none()}bind(e){return this.tag?e(this.value):y.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:y.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return s(e)?y?.some(e):y.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}y.singletonNone=new y(!1),Array.prototype.slice;const w=Array.prototype.indexOf,S=Array.prototype.push,C=(e,t)=>((e,t)=>w.call(e,t))(e,t)>-1,v=(e,t)=>{for(let o=0,l=e.length;o<l;o++)if(t(e[o],o))return!0;return!1},T=(e,t)=>{const o=[];for(let l=0;l<e;l++)o.push(t(l));return o},x=(e,t)=>{const o=e.length,l=new Array(o);for(let n=0;n<o;n++){const o=e[n];l[n]=t(o,n)}return l},A=(e,t)=>{for(let o=0,l=e.length;o<l;o++)t(e[o],o)},R=(e,t)=>{const o=[];for(let l=0,n=e.length;l<n;l++){const n=e[l];t(n,l)&&o.push(n)}return o},O=(e,t,o)=>(A(e,((e,l)=>{o=t(o,e,l)})),o),_=(e,t)=>((e,t,o)=>{for(let l=0,n=e.length;l<n;l++){const n=e[l];if(t(n,l))return y?.some(n);if(o(n,l))break}return y.none()})(e,t,h),D=(e,t)=>(e=>{const t=[];for(let o=0,l=e.length;o<l;++o){if(!n(e[o]))throw new Error("Arr.flatten item "+o+" was not an array, input: "+e);S.apply(t,e[o])}return t})(x(e,t)),I=(e,t)=>{for(let o=0,l=e.length;o<l;++o)if(!0!==t(e[o],o))return!1;return!0},N=(e,t)=>t>=0&&t<e.length?y?.some(e[t]):y.none();c(Array.from)&&Array.from;const M=(e,t)=>{for(let o=0;o<e.length;o++){const l=t(e[o],o);if(l.isSome())return l}return y.none()},P=Object.keys,k=Object.hasOwnProperty,B=(e,t)=>{const o=P(e);for(let l=0,n=o.length;l<n;l++){const n=o[l];t(e[n],n)}},E=(e,t)=>{const o={};var l;return((e,t,o,l)=>{B(e,((e,n)=>{(t(e,n)?o:l)(e,n)}))})(e,t,(l=o,(e,t)=>{l[t]=e}),m),o},F=e=>P(e).length,q=(e,t)=>L(e,t)?y.from(e[t]):y.none(),L=(e,t)=>k.call(e,t),H=(e,t)=>L(e,t)&&void 0!==e[t]&&null!==e[t],V=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},$=(e,t,o=p)=>e.exists((e=>o(e,t))),j=(e,t,o)=>e.isSome()&&t.isSome()?y?.some(o(e.getOrDie(),t.getOrDie())):y.none(),z=(e,t)=>((e,t)=>""===t||e.length>=t.length&&e.substr(0,0+t.length)===t)(e,t),W=(U=/^\s+|\s+$/g,e=>e.replace(U,""));var U;const G=e=>e.length>0,K=(e,t=10)=>{const o=parseInt(e,t);return isNaN(o)?y.none():y?.some(o)},J=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},Q={fromHtml:(e,t)=>{const o=(t||document).createElement("div");if(o.innerHTML=e,!o.hasChildNodes()||o.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return J(o.childNodes[0])},fromTag:(e,t)=>{const o=(t||document).createElement(e);return J(o)},fromText:(e,t)=>{const o=(t||document).createTextNode(e);return J(o)},fromDom:J,fromPoint:(e,t,o)=>y.from(e.dom.elementFromPoint(t,o))?.map(J)},X=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},Y=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,Z=(e,t)=>e.dom===t.dom,ee=X,te=e=>e.dom.nodeName.toLowerCase(),oe=e=>e.dom.nodeType,le=e=>t=>oe(t)===e,ne=le(1),re=le(3),ae=le(9),se=le(11),ce=e=>t=>ne(t)&&te(t)===e,ie=e=>y.from(e.dom.parentNode)?.map(Q.fromDom),me=e=>y.from(e.dom.nextSibling)?.map(Q.fromDom),de=e=>x(e.dom.childNodes,Q.fromDom),ue=e=>Q.fromDom(e.dom.host),pe=(e,t)=>{ie(e).each((o=>{o.dom.insertBefore(t.dom,e.dom)}))},be=(e,t)=>{me(e).fold((()=>{ie(e).each((e=>{ge(e,t)}))}),(e=>{pe(e,t)}))},ge=(e,t)=>{e.dom.appendChild(t.dom)},he=(e,t)=>{A(t,((o,l)=>{const n=0===l?e:t[l-1];be(n,o)}))},fe=(e,t,o)=>{if(!(l(o)||r(o)||i(o)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",o,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,o+"")},ye=(e,t)=>{const o=e.dom.getAttribute(t);return null===o?void 0:o},we=(e,t)=>y.from(ye(e,t)),Se=(e,t)=>{e.dom.removeAttribute(t)},Ce=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},ve=e=>x(e,Q.fromDom),Te=e=>void 0!==e.style&&c(e.style.getPropertyValue),xe=e=>{const t=re(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const o=t.ownerDocument;return(e=>{const t=(e=>Q.fromDom(e.dom.getRootNode()))(e);return se(o=t)&&s(o.dom.host)?y?.some(t):y.none();var o})(Q.fromDom(t)).fold((()=>o.body.contains(t)),(l=xe,n=ue,e=>l(n(e))));var l,n},Ae=(e,t)=>{const o=e.dom,l=window.getComputedStyle(o).getPropertyValue(t);return""!==l||xe(e)?l:Re(o,t)},Re=(e,t)=>Te(e)?e.style.getPropertyValue(t):"",Oe=(e,t)=>{const o=e.dom,l=Re(o,t);return y.from(l).filter((e=>e.length>0))},_e=(e,t)=>{const o=o=>{const l=t(o);if(l<=0||null===l){const t=Ae(o,e);return parseFloat(t)||0}return l},l=(e,t)=>O(t,((t,o)=>{const l=Ae(e,o),n=void 0===l?0:parseInt(l,10);return isNaN(n)?t:t+n}),0);return{set:(t,o)=>{if(!i(o)&&!o.match(/^[0-9]+$/))throw new Error(e+".set accepts only positive integer values. Value was "+o);const l=t.dom;Te(l)&&(l.style[e]=o+"px")},get:o,getOuter:o,aggregate:l,max:(e,t,o)=>{const n=l(e,o);return t>n?t-n:0}}},De=(e,t,o)=>((e,t)=>(e=>{const t=parseFloat(e);return isNaN(t)?y.none():y?.some(t)})(e).getOr(t))(Ae(e,t),o);_e("width",(e=>e.dom.offsetWidth)),_e("width",(e=>{const t=e.dom;return xe(e)?t.getBoundingClientRect().width:t.offsetWidth}));const Ie=e=>((e,t)=>{const o=e.dom,l=o.getBoundingClientRect().width||o.offsetWidth;return"border-box"===t?l:((e,t,o,l)=>t-De(e,`padding-${o}`,0)-De(e,`padding-${l}`,0)-De(e,`border-${o}-width`,0)-De(e,`border-${l}-width`,0))(e,l,"left","right")})(e,"content-box"),Ne=(e=>{const t=t=>e(t)?y.from(t.dom.nodeValue):y.none();return{get:o=>{if(!e(o))throw new Error("Can only get text value of a text node");return t(o).getOr("")},getOption:t,set:(t,o)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=o}}})(re);var Me=(e,t,o,l,n)=>e(o,l)?y?.some(o):c(n)&&n(o)?y.none():t(o,l,n);const Pe=(e,t,o)=>{let l=e.dom;const n=c(o)?o:h;for(;l.parentNode;){l=l.parentNode;const e=Q.fromDom(l);if(t(e))return y?.some(e);if(n(e))break}return y.none()},ke=(e,t,o)=>Pe(e,(e=>X(e,t)),o),Be=(e,t)=>(e=>_(e.dom.childNodes,(e=>{return o=Q.fromDom(e),X(o,t);var o}))?.map(Q.fromDom))(e),Ee=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return Y(o)?y.none():y.from(o.querySelector(e))?.map(Q.fromDom)})(t,e),Fe=(e,t,o)=>Me(((e,t)=>X(e,t)),ke,e,t,o),qe=(e,t=!1)=>{return xe(e)?e.dom.isContentEditable:(o=e,Fe(o,"[contenteditable]")).fold(d(t),(e=>"true"===Le(e)));var o},Le=e=>e.dom.contentEditable,He=(e,t)=>{let o=[];return A(de(e),(e=>{t(e)&&(o=o.concat([e])),o=o.concat(He(e,t))})),o},Ve=(e,t)=>(e=>R(de(e),(e=>X(e,t))))(e),$e=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return Y(o)?[]:x(o.querySelectorAll(e),Q.fromDom)})(t,e),je=e=>t=>Z(t,(e=>Q.fromDom(e.getBody()))(e)),ze=e=>/^\d+(\.\d+)?$/.test(e)?e+"px":e,We=e=>Q.fromDom(e.selection.getStart()),Ue=["tfoot","thead","tbody","colgroup"],Ge=(e,t,o)=>({element:e,rowspan:t,colspan:o}),Ke=(e,t,o)=>({element:e,cells:t,section:o}),Je=(e,t,o=0)=>we(e,t)?.map((e=>parseInt(e,10))).getOr(o),Qe=(e,t)=>Xe(e,t,f),Xe=(e,t,o)=>D(de(e),(e=>X(e,t)?o(e)?[e]:[]:Xe(e,t,o))),Ye=(e,t)=>Fe(e,"table",t),Ze=e=>Qe(e,"tr"),et=e=>Ye(e).fold(d([]),(e=>Ve(e,"colgroup"))),tt=ce("th"),ot=(e,t)=>e&&t?"sectionCells":e?"section":"cells",lt=e=>{const t=x(e,(e=>(e=>{const t="thead"===e.section,o=$((e=>{const t=R(e,(e=>tt(e.element)));return 0===t.length?y?.some("td"):t.length===e.length?y?.some("th"):y.none()})(e.cells),"th");return"tfoot"===e.section?{type:"footer"}:t||o?{type:"header",subType:ot(t,o)}:{type:"body"}})(e).type)),o=C(t,"header"),l=C(t,"footer");if(o||l){const e=C(t,"body");return!o||e||l?o||e||!l?y.none():y?.some("footer"):y?.some("header")}return y?.some("body")},nt=e=>ie(e)?.map((e=>{const t=te(e);return(e=>C(Ue,e))(t)?t:"tbody"})).getOr("tbody"),rt=e=>we(e,"data-snooker-locked-cols").bind((e=>y.from(e.match(/\d+/g))))?.map((e=>((e,t)=>{const o={};for(let l=0,n=e.length;l<n;l++){const n=e[l];o[String(n)]=t(n,l)}return o})(e,f))),at=(e,t)=>e+","+t,st=e=>{const t={},o=[];var l;const n=(l=e,N(l,0))?.map((e=>e.element)).bind(Ye).bind(rt).getOr({});let r=0,a=0,s=0;const{pass:c,fail:i}=(e=>{const t=[],o=[];for(let n=0,r=e.length;n<r;n++){const r=e[n];(l=r,"colgroup"===l.section?t:o).push(r)}var l;return{pass:t,fail:o}})(e);A(i,(e=>{const l=[];A(e.cells,(e=>{let o=0;for(;void 0!==t[at(s,o)];)o++;const r=H(n,o.toString()),c=((e,t,o,l,n,r)=>({element:e,rowspan:t,colspan:o,row:l,column:n,isLocked:r}))(e.element,e.rowspan,e.colspan,s,o,r);for(let l=0;l<e.colspan;l++)for(let n=0;n<e.rowspan;n++){const e=o+l,r=at(s+n,e);t[r]=c,a=Math.max(a,e+1)}l.push(c)})),r++,o.push(Ke(e.element,l,e.section)),s++}));const{columns:m,colgroups:d}=(e=>N(e,e.length-1))(c)?.map((e=>{const t=(e=>{const t={};let o=0;return A(e.cells,(e=>{const l=e.colspan;T(l,(n=>{const r=o+n;t[r]=((e,t,o)=>({element:e,colspan:t,column:o}))(e.element,l,r)})),o+=l})),t})(e),o=((e,t)=>({element:e,columns:t}))(e.element,((e,t)=>{const o=[];return B(e,((e,l)=>{o.push(t(e,l))})),o})(t,u));return{colgroups:[o],columns:t}})).getOrThunk((()=>({colgroups:[],columns:{}}))),p=((e,t)=>({rows:e,columns:t}))(r,a);return{grid:p,access:t,all:o,columns:m,colgroups:d}},ct=e=>{const t=(e=>{const t=Ze(e);return((e,t)=>x(e,(e=>{if("colgroup"===te(e)){const t=x((e=>X(e,"colgroup")?Ve(e,"col"):D(et(e),(e=>Ve(e,"col"))))(e),(e=>{const t=Je(e,"span",1);return Ge(e,1,t)}));return Ke(e,t,"colgroup")}{const o=x((e=>Qe(e,"th,td"))(e),(e=>{const t=Je(e,"rowspan",1),o=Je(e,"colspan",1);return Ge(e,t,o)}));return Ke(e,o,t(e))}})))([...et(e),...t],nt)})(e);return st(t)},it=(e,t,o)=>y.from(e.access[at(t,o)]),mt=(e,t,o)=>{const l=((e,t)=>{const o=D(e.all,(e=>e.cells));return R(o,t)})(e,(e=>o(t,e.element)));return l.length>0?y?.some(l[0]):y.none()},dt=(e,t)=>y.from(e.columns[t]),ut=(e,t)=>M(e.all,(e=>_(e.cells,(e=>Z(t,e.element))))),pt=(e,t,o)=>{const l=(e=>{const t=[],o=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(o);return t})(x(t.selection,(t=>{return(l=t,((e,t,o=h)=>o(t)?y.none():C(e,te(t))?y?.some(t):ke(t,e.join(","),(e=>X(e,"table")||o(e))))(["td","th"],l,n)).bind((t=>ut(e,t))).filter(o);var l,n})));return n=l,l.length>0?y?.some(n):y.none();var n},bt=(e,t)=>pt(e,t,f),gt=(e,t)=>I(t,(t=>((e,t)=>ut(e,t).exists((e=>!e.isLocked)))(e,t))),ht=(e,t)=>((e,t)=>t.mergable)(0,t).filter((t=>gt(e,t.cells))),ft=(e,t)=>((e,t)=>t.unmergable)(0,t).filter((t=>gt(e,t))),yt=ce("col"),wt=ce("colgroup"),St=e=>t=>{const o=[],l=l=>{const n="td"===e?{scope:null}:{},r=t.replace(l,e,n);return o.push({item:l,sub:r}),r};return{replaceOrInit:(e,t)=>{if((e=>"tr"===te(e)||wt(e))(e)||yt(e))return e;{const n=e;return((e,t)=>_(o,(o=>t(o.item,e))))(n,t).fold((()=>l(n)),(o=>t(e,o.item)?o.sub:l(n)))}}}};var Ct=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","li","table","thead","tbody","tfoot","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"];const vt=(e,t,o,l)=>{const n=t(e,o);return r=(o,l)=>{const n=t(e,l);return Tt(e,o,n)},a=n,((e,t)=>{for(let o=e.length-1;o>=0;o--)t(e[o],o)})(l,((e,t)=>{a=r(a,e)})),a;var r,a},Tt=(e,t,o)=>t.bind((t=>o.filter(b(e.eq,t)))),xt={up:d({selector:ke,closest:Fe,predicate:Pe,all:(e,t)=>{const o=c(t)?t:h;let l=e.dom;const n=[];for(;null!==l.parentNode&&void 0!==l.parentNode;){const e=l.parentNode,t=Q.fromDom(e);if(n.push(t),!0===o(t))break;l=e}return n}}),down:d({selector:$e,predicate:He}),styles:d({get:Ae,getRaw:Oe,set:(e,t,o)=>{((e,t,o)=>{if(!l(o))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",o,":: Element ",e),new Error("CSS value must be a string: "+o);Te(e)&&e.style.setProperty(t,o)})(e.dom,t,o)},remove:(e,t)=>{((e,t)=>{Te(e)&&e.style.removeProperty(t)})(e.dom,t),$(we(e,"style")?.map(W),"")&&Se(e,"style")}}),attrs:d({get:ye,set:(e,t,o)=>{fe(e.dom,t,o)},remove:Se,copyTo:(e,t)=>{((e,t)=>{const o=e.dom;B(t,((e,t)=>{fe(o,t,e)}))})(t,O(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}))}}),insert:d({before:pe,after:be,afterAll:he,append:ge,appendAll:(e,t)=>{A(t,(t=>{ge(e,t)}))},prepend:(e,t)=>{(e=>(e=>{const t=e.dom.childNodes;return y.from(t[0])?.map(Q.fromDom)})(e))(e).fold((()=>{ge(e,t)}),(o=>{e.dom.insertBefore(t.dom,o.dom)}))},wrap:(e,t)=>{pe(e,t),ge(t,e)}}),remove:d({unwrap:e=>{const t=de(e);t.length>0&&he(e,t),Ce(e)},remove:Ce}),create:d({nu:Q.fromTag,clone:e=>Q.fromDom(e.dom.cloneNode(!1)),text:Q.fromText}),query:d({comparePosition:(e,t)=>e.dom.compareDocumentPosition(t.dom),prevSibling:e=>y.from(e.dom.previousSibling)?.map(Q.fromDom),nextSibling:me}),property:d({children:de,name:te,parent:ie,document:e=>{return(t=e,ae(t)?t:Q.fromDom(t.dom.ownerDocument)).dom;var t},isText:re,isComment:e=>8===oe(e)||"#comment"===te(e),isElement:ne,isSpecial:e=>{const t=te(e);return C(["script","noscript","iframe","noframes","noembed","title","style","textarea","xmp"],t)},getLanguage:e=>ne(e)?we(e,"lang"):y.none(),getText:e=>Ne.get(e),setText:(e,t)=>Ne.set(e,t),isBoundary:e=>!!ne(e)&&("body"===te(e)||C(Ct,te(e))),isEmptyTag:e=>!!ne(e)&&C(["br","img","hr","input"],te(e)),isNonEditable:e=>ne(e)&&"false"===ye(e,"contenteditable")}),eq:Z,is:ee};St("th"),St("td");const At=(e,t)=>t.column>=e.startCol&&t.column+t.colspan-1<=e.finishCol&&t.row>=e.startRow&&t.row+t.rowspan-1<=e.finishRow,Rt=(e,t,o)=>((e,t,o)=>{const l=mt(e,t,Z),n=mt(e,o,Z);return l.bind((e=>n?.map((t=>{return o=e,l=t,{startRow:Math.min(o.row,l.row),startCol:Math.min(o.column,l.column),finishRow:Math.max(o.row+o.rowspan-1,l.row+l.rowspan-1),finishCol:Math.max(o.column+o.colspan-1,l.column+l.colspan-1)};var o,l}))))})(e,t,o).bind((t=>((e,t)=>{let o=!0;const l=b(At,t);for(let n=t.startRow;n<=t.finishRow;n++)for(let r=t.startCol;r<=t.finishCol;r++)o=o&&it(e,n,r).exists(l);return o?y?.some(t):y.none()})(e,t))),Ot=ct;var _t=tinymce.util.Tools.resolve("tinymce.util.Tools");const Dt=(e,t,o)=>{const l=e.select("td,th",t);let n;for(let t=0;t<l.length;t++){const r=e.getStyle(l[t],o);if(a(n)&&(n=r),n!==r)return""}return n},It=(e,t,o)=>{_t.each("left center right".split(" "),(l=>{l!==o&&e.formatter.remove("align"+l,{},t)})),o&&e.formatter.apply("align"+o,{},t)},Nt=(e,t,o)=>{e.dispatch("TableModified",{...o,table:t})};var Mt=tinymce.util.Tools.resolve("tinymce.Env");const Pt=T(5,(e=>{const t=`${e+1}px`;return{title:t,value:t}})),kt=x(["Solid","Dotted","Dashed","Double","Groove","Ridge","Inset","Outset","None","Hidden"],(e=>({title:e,value:e.toLowerCase()}))),Bt="100%",Et=e=>{var t;const o=e.dom,l=null!==(t=o.getParent(e.selection.getStart(),o.isBlock))&&void 0!==t?t:e.getBody();return Ie(Q.fromDom(l))+"px"},Ft=e=>t=>t.options.get(e),qt=Ft("table_sizing_mode"),Lt=Ft("table_border_widths"),Ht=Ft("table_border_styles"),Vt=Ft("table_cell_advtab"),$t=Ft("table_row_advtab"),jt=Ft("table_advtab"),zt=Ft("table_appearance_options"),Wt=Ft("table_grid"),Ut=Ft("table_style_by_css"),Gt=Ft("table_cell_class_list"),Kt=Ft("table_row_class_list"),Jt=Ft("table_class_list"),Qt=Ft("table_toolbar"),Xt=Ft("table_background_color_map"),Yt=Ft("table_border_color_map"),Zt=e=>"fixed"===qt(e),eo=e=>"responsive"===qt(e),to=e=>{const t=e.options,o=t.get("table_default_styles");return t.isSet("table_default_styles")?o:((e,t)=>eo(e)||!Ut(e)?t:Zt(e)?{...t,width:Et(e)}:{...t,width:Bt})(e,o)},oo=e=>{const t=e.options,o=t.get("table_default_attributes");return t.isSet("table_default_attributes")?o:((e,t)=>eo(e)||Ut(e)?t:Zt(e)?{...t,width:Et(e)}:{...t,width:Bt})(e,o)},lo=e=>ke(e,"table"),no=(e,t,o)=>Ee(e,t).bind((t=>Ee(e,o).bind((e=>{return(o=lo,l=[t,e],((e,t,o)=>o.length>0?((e,t,o,l)=>l(e,t,o[0],o.slice(1)))(e,t,o,vt):y.none())(xt,((e,t)=>o(t)),l))?.map((o=>({first:t,last:e,table:o})));var o,l})))),ro=u,ao=e=>{const t=(e,t)=>we(e,t).exists((e=>parseInt(e,10)>1));return e.length>0&&I(e,(e=>t(e,"rowspan")||t(e,"colspan")))?y?.some(e):y.none()},so=(e,t,o)=>{return t.length<=1?y.none():(l=e,n=o.firstSelectedSelector,r=o.lastSelectedSelector,no(l,n,r).bind((e=>{const t=e=>Z(l,e),o="thead,tfoot,tbody,table",n=ke(e.first,o,t),r=ke(e.last,o,t);return n.bind((t=>r.bind((o=>Z(t,o)?((e,t,o)=>{const l=Ot(e);return Rt(l,t,o)})(e.table,e.first,e.last):y.none()))))})))?.map((e=>({bounds:e,cells:t})));var l,n,r},co="data-mce-selected",io="data-mce-first-selected",mo="data-mce-last-selected",uo={selected:co,selectedSelector:"td["+co+"],th["+co+"]",firstSelected:io,firstSelectedSelector:"td["+io+"],th["+io+"]",lastSelected:mo,lastSelectedSelector:"td["+mo+"],th["+mo+"]"},po=e=>(t,o)=>{const l=te(t),n="col"===l||"colgroup"===l?Ye(r=t).bind((e=>((e,t)=>((e,t)=>{const o=$e(e,t);return o.length>0?y?.some(o):y.none()})(e,t))(e,uo.firstSelectedSelector))).fold(d(r),(e=>e[0])):t;var r;return Fe(n,e,o)},bo=po("th,td,caption"),go=po("th,td"),ho=e=>ve(e.model.table.getSelectedCells()),fo=(e,t)=>{const o=go(e),l=o.bind((e=>Ye(e)))?.map((e=>Ze(e)));return j(o,l,((e,o)=>R(o,(o=>v(ve(o.dom.cells),(o=>"1"===ye(o,t)||Z(o,e))))))).getOr([])},yo=[{text:"None",value:""},{text:"Top",value:"top"},{text:"Middle",value:"middle"},{text:"Bottom",value:"bottom"}],wo=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,So=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,Co=e=>{return(t=e,z(t,"#")?(e=>e.substring(1))(t):t).toUpperCase();var t},vo=e=>{const t=e.toString(16);return(1===t.length?"0"+t:t).toUpperCase()},To=e=>{return t=vo(e.red)+vo(e.green)+vo(e.blue),{value:Co(t)};var t},xo=/^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i,Ao=/^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i,Ro=(e,t,o,l)=>({red:e,green:t,blue:o,alpha:l}),Oo=(e,t,o,l)=>{const n=parseInt(e,10),r=parseInt(t,10),a=parseInt(o,10),s=parseFloat(l);return Ro(n,r,a,s)},_o=e=>{const t=xo.exec(e);if(null!==t)return y?.some(Oo(t[1],t[2],t[3],"1"));const o=Ao.exec(e);return null!==o?y?.some(Oo(o[1],o[2],o[3],o[4])):y.none()},Do=(e,t,o)=>l=>{const n=(e=>{const t=V(y.none()),o=()=>t.get().each(e);return{clear:()=>{o(),t.set(y.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{o(),t.set(y?.some(e))}}})((e=>e.unbind())),r=!G(o),a=()=>{const a=ho(e),s=l=>e.formatter.match(t,{value:o},l.dom,r);r?(l.setActive(!v(a,s)),n.set(e.formatter.formatChanged(t,(e=>l.setActive(!e)),!0))):(l.setActive(I(a,s)),n.set(e.formatter.formatChanged(t,l.setActive,!1,{value:o})))};return e.initialized?a():e.on("init",a),n.clear},Io=e=>H(e,"menu"),No=e=>x(e,(e=>{const t=e.text||e.title||"";return Io(e)?{text:t,items:No(e.menu)}:{text:t,value:e.value}})),Mo=e=>e.length?y?.some(No([{text:"Select...",value:"mce-no-match"},...e])):y.none(),Po=(e,t,o,l)=>x(t,(t=>{const n=t.text||t.title;return Io(t)?{type:"nestedmenuitem",text:n,getSubmenuItems:()=>Po(e,t.menu,o,l)}:{text:n,type:"togglemenuitem",onAction:()=>l(t.value),onSetup:Do(e,o,t.value)}})),ko=(e,t)=>o=>{e.execCommand("mceTableApplyCellStyle",!1,{[t]:o})},Bo=e=>D(e,(e=>Io(e)?[{...e,menu:Bo(e.menu)}]:G(e.value)?[e]:[])),Eo=(e,t,o,l)=>n=>n(Po(e,t,o,l)),Fo=(e,t,o)=>{const l=x(t,(e=>{return{text:e.title,value:"#"+(o=e.value,(t=o,(e=>wo.test(e)||So.test(e))(t)?y?.some({value:Co(t)}):y.none()).orThunk((()=>_o(o)?.map(To))).getOrThunk((()=>{const e=document.createElement("canvas");e.height=1,e.width=1;const t=e.getContext("2d");t.clearRect(0,0,e.width,e.height),t.fillStyle="#FFFFFF",t.fillStyle=o,t.fillRect(0,0,1,1);const l=t.getImageData(0,0,1,1).data,n=l[0],r=l[1],a=l[2],s=l[3];return To(Ro(n,r,a,s))}))).value,type:"choiceitem"};var t,o}));return[{type:"fancymenuitem",fancytype:"colorswatch",initData:{colors:l.length>0?l:void 0,allowCustomColors:!1},onAction:t=>{const l="remove"===t.value?"":t.value;e.execCommand("mceTableApplyCellStyle",!1,{[o]:l})}}]},qo=e=>()=>{const t="header"===e.queryCommandValue("mceTableRowType")?"body":"header";e.execCommand("mceTableRowType",!1,{type:t})},Lo=e=>()=>{const t="th"===e.queryCommandValue("mceTableColType")?"td":"th";e.execCommand("mceTableColType",!1,{type:t})},Ho=[{name:"width",type:"input",label:"Width"},{name:"celltype",type:"listbox",label:"Cell type",items:[{text:"Cell",value:"td"},{text:"Header cell",value:"th"}]},{name:"scope",type:"listbox",label:"Scope",items:[{text:"None",value:""},{text:"Row",value:"row"},{text:"Column",value:"col"},{text:"Row group",value:"rowgroup"},{text:"Column group",value:"colgroup"}]},{name:"halign",type:"listbox",label:"Horizontal align",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]},{name:"valign",type:"listbox",label:"Vertical align",items:yo}],Vo=e=>Ho.concat((e=>Mo(Gt(e))?.map((e=>({name:"class",type:"listbox",label:"Class",items:e}))))(e).toArray()),$o=(e,t)=>{const o=[{name:"borderstyle",type:"listbox",label:"Border style",items:[{text:"Select...",value:""}].concat(No(Ht(e)))},{name:"bordercolor",type:"colorinput",label:"Border color"},{name:"backgroundcolor",type:"colorinput",label:"Background color"}];return{title:"Advanced",name:"advanced",items:"cell"===t?[{name:"borderwidth",type:"input",label:"Border width"}].concat(o):o}},jo=(e,t)=>{const o=e.dom;return{setAttrib:(e,l)=>{o.setAttrib(t,e,l)},setStyle:(e,l)=>{o.setStyle(t,e,l)},setFormat:(o,l)=>{""===l?e.formatter.remove(o,{value:null},t,!0):e.formatter.apply(o,{value:l},t)}}},zo=e=>{return z(e,"rgb")?_o(t=e)?.map(To)?.map((e=>"#"+e.value)).getOr(t):e;var t},Wo=e=>{const t=Q.fromDom(e);return{borderwidth:Oe(t,"border-width").getOr(""),borderstyle:Oe(t,"border-style").getOr(""),bordercolor:Oe(t,"border-color")?.map(zo).getOr(""),backgroundcolor:Oe(t,"background-color")?.map(zo).getOr("")}},Uo=e=>{const t=e[0],o=e.slice(1);return A(o,(e=>{A(P(t),(o=>{B(e,((e,l)=>{const n=t[o];""!==n&&o===l&&n!==e&&(t[o]="class"===o?"mce-no-match":"")}))}))})),t},Go=(e,t,o,l)=>_(e,(e=>!a(o.formatter.matchNode(l,t+e)))).getOr(""),Ko=b(Go,["left","center","right"],"align"),Jo=b(Go,["top","middle","bottom"],"valign"),Qo=e=>Ye(Q.fromDom(e))?.map((t=>((e,t)=>{const o=ct(e);return bt(o,t).bind((e=>{const t=e[e.length-1],l=e[0].row,n=t.row+t.rowspan,r=o.all.slice(l,n);return lt(r)})).getOr("")})(t,{selection:ve(e.cells)}))).getOr(""),Xo=(e,t)=>{const o=ct(e),l=(e=>D(e.all,(e=>e.cells)))(o),n=R(l,(e=>v(t,(t=>Z(e.element,t)))));return x(n,(e=>({element:e.element.dom,column:dt(o,e.column)?.map((e=>e.element.dom))})))},Yo=(e,t,o,l)=>{const n=l.getData();l.close(),e.undoManager.transact((()=>{((e,t,o,l)=>{const n=E(l,((e,t)=>o[t]!==e));F(n)>0&&t.length>=1&&Ye(t[0]).each((o=>{const r=Xo(o,t),a=F(E(n,((e,t)=>"scope"!==t&&"celltype"!==t)))>0,s=L(n,"celltype");(a||L(n,"scope"))&&((e,t,o,l)=>{const n=1===t.length;A(t,(t=>{const r=t.element,a=n?f:l,s=jo(e,r);((e,t,o,l)=>{l("scope")&&e.setAttrib("scope",o.scope),l("class")&&"mce-no-match"!==o.class&&e.setAttrib("class",o.class),l("width")&&t.setStyle("width",ze(o.width))})(s,t.column?.map((t=>jo(e,t))).getOr(s),o,a),Vt(e)&&((e,t,o)=>{o("backgroundcolor")&&e.setFormat("tablecellbackgroundcolor",t.backgroundcolor),o("bordercolor")&&e.setFormat("tablecellbordercolor",t.bordercolor),o("borderstyle")&&e.setFormat("tablecellborderstyle",t.borderstyle),o("borderwidth")&&e.setFormat("tablecellborderwidth",ze(t.borderwidth))})(s,o,a),l("halign")&&It(e,r,o.halign),l("valign")&&((e,t,o)=>{_t.each("top middle bottom".split(" "),(l=>{l!==o&&e.formatter.remove("valign"+l,{},t)})),o&&e.formatter.apply("valign"+o,{},t)})(e,r,o.valign)}))})(e,r,l,b(L,n)),s&&((e,t)=>{e.execCommand("mceTableCellType",!1,{type:t.celltype,no_events:!0})})(e,l),Nt(e,o.dom,{structure:s,style:a})}))})(e,t,o,n),e.focus()}))},Zo=e=>{const t=ho(e);if(0===t.length)return;const o=((e,t)=>{const o=Ye(t[0])?.map((o=>x(Xo(o,t),(t=>((e,t,o,l)=>{const n=e.dom;return{width:(a=l.getOr(t),s="width",n.getStyle(a,s)||n.getAttrib(a,s)),scope:n.getAttrib(t,"scope"),celltype:(r=t,r.nodeName.toLowerCase()),class:n.getAttrib(t,"class",""),halign:Ko(e,t),valign:Jo(e,t),...o?Wo(t):{}};var r,a,s})(e,t.element,Vt(e),t.column)))));return Uo(o.getOrDie())})(e,t),l={type:"tabpanel",tabs:[{title:"General",name:"general",items:Vo(e)},$o(e,"cell")]},n={type:"panel",items:[{type:"grid",columns:2,items:Vo(e)}]};e.windowManager.open({title:"Cell Properties",size:"normal",body:Vt(e)?l:n,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:o,onSubmit:b(Yo,e,t,o)})},el=[{type:"listbox",name:"type",label:"Row type",items:[{text:"Header",value:"header"},{text:"Body",value:"body"},{text:"Footer",value:"footer"}]},{type:"listbox",name:"align",label:"Alignment",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]},{label:"Height",name:"height",type:"input"}],tl=e=>el.concat((e=>Mo(Kt(e))?.map((e=>({name:"class",type:"listbox",label:"Class",items:e}))))(e).toArray()),ol=(e,t,o,l)=>{const n=l.getData();l.close(),e.undoManager.transact((()=>{((e,t,o,l)=>{const n=E(l,((e,t)=>o[t]!==e));if(F(n)>0){const o=L(n,"type"),r=!o||F(n)>1;r&&((e,t,o,l)=>{const n=1===t.length?f:l;A(t,(t=>{const r=Ve(Q.fromDom(t),"td,th"),a=jo(e,t);((e,t,o)=>{o("class")&&"mce-no-match"!==t.class&&e.setAttrib("class",t.class),o("height")&&e.setStyle("height",ze(t.height))})(a,o,n),$t(e)&&((e,t,o)=>{o("backgroundcolor")&&e.setStyle("background-color",t.backgroundcolor),o("bordercolor")&&e.setStyle("border-color",t.bordercolor),o("borderstyle")&&e.setStyle("border-style",t.borderstyle)})(a,o,n),l("height")&&A(r,(t=>{e.dom.setStyle(t.dom,"height",null)})),l("align")&&It(e,t,o.align)}))})(e,t,l,b(L,n)),o&&((e,t)=>{e.execCommand("mceTableRowType",!1,{type:t.type,no_events:!0})})(e,l),Ye(Q.fromDom(t[0])).each((t=>Nt(e,t.dom,{structure:o,style:r})))}})(e,t,o,n),e.focus()}))},ll=e=>{const t=fo(We(e),uo.selected);if(0===t.length)return;const o=x(t,(t=>((e,t,o)=>{const l=e.dom;return{height:l.getStyle(t,"height")||l.getAttrib(t,"height"),class:l.getAttrib(t,"class",""),type:Qo(t),align:Ko(e,t),...o?Wo(t):{}}})(e,t.dom,$t(e)))),l=Uo(o),n={type:"tabpanel",tabs:[{title:"General",name:"general",items:tl(e)},$o(e,"row")]},r={type:"panel",items:[{type:"grid",columns:2,items:tl(e)}]};e.windowManager.open({title:"Row Properties",size:"normal",body:$t(e)?n:r,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:l,onSubmit:b(ol,e,x(t,(e=>e.dom)),l)})},nl=(e,t,o)=>{const l=o?[{type:"input",name:"cols",label:"Cols",inputMode:"numeric"},{type:"input",name:"rows",label:"Rows",inputMode:"numeric"}]:[],n=zt(e)?[{type:"input",name:"cellspacing",label:"Cell spacing",inputMode:"numeric"},{type:"input",name:"cellpadding",label:"Cell padding",inputMode:"numeric"},{type:"input",name:"border",label:"Border width"},{type:"label",label:"Caption",items:[{type:"checkbox",name:"caption",label:"Show caption"}]}]:[],r=t.length>0?[{name:"class",type:"listbox",label:"Class",items:t}]:[];return l.concat([{type:"input",name:"width",label:"Width"},{type:"input",name:"height",label:"Height"}]).concat(n).concat([{type:"listbox",name:"align",label:"Alignment",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]}]).concat(r)},rl=(e,t,o,n)=>{if("TD"===t.tagName||"TH"===t.tagName)l(o)&&s(n)?e.setStyle(t,o,n):e.setStyles(t,o);else if(t.children)for(let l=0;l<t.children.length;l++)rl(e,t.children[l],o,n)},al=(e,t,o,l)=>{const n=e.dom,r=l.getData(),s=E(r,((e,t)=>o[t]!==e));l.close(),e.undoManager.transact((()=>{if(!t){const o=K(r.cols).getOr(1),l=K(r.rows).getOr(1);e.execCommand("mceInsertTable",!1,{rows:l,columns:o}),t=go(We(e),je(e)).bind((t=>Ye(t,je(e))))?.map((e=>e.dom)).getOrDie()}if(F(s)>0){const o={border:L(s,"border"),bordercolor:L(s,"bordercolor"),cellpadding:L(s,"cellpadding")};((e,t,o,l)=>{const n=e.dom,r={},s={},c=Ut(e),i=jt(e),m=0===parseFloat(o.border);if(a(o.class)||"mce-no-match"===o.class||(r.class=o.class),s.height=ze(o.height),c?s.width=ze(o.width):n.getAttrib(t,"width")&&(r.width=(e=>e?e.replace(/px$/,""):"")(o.width)),c?(m?(r.border=0,s["border-width"]=""):(s["border-width"]=ze(o.border),r.border=1),s["border-spacing"]=ze(o.cellspacing)):(r.border=m?0:o.border,r.cellpadding=o.cellpadding,r.cellspacing=o.cellspacing),c&&t.children){const e={};if(m?e["border-width"]="":l.border&&(e["border-width"]=ze(o.border)),l.cellpadding&&(e.padding=ze(o.cellpadding)),i&&l.bordercolor&&(e["border-color"]=o.bordercolor),!(e=>{for(const t in e)if(k.call(e,t))return!1;return!0})(e))for(let o=0;o<t.children.length;o++)rl(n,t.children[o],e)}if(i){const e=o;s["background-color"]=e.backgroundcolor,s["border-color"]=e.bordercolor,s["border-style"]=e.borderstyle}n.setStyles(t,{...to(e),...s}),n.setAttribs(t,{...oo(e),...r})})(e,t,r,o);const l=n.select("caption",t)[0];(l&&!r.caption||!l&&r.caption)&&e.execCommand("mceTableToggleCaption"),It(e,t,r.align)}if(e.focus(),e.addVisual(),F(s)>0){const o=L(s,"caption"),l=!o||F(s)>1;Nt(e,t,{structure:o,style:l})}}))},sl=(e,t)=>{const o=e.dom;let l,n=((e,t)=>{const o=to(e),l=oo(e),n=t?{borderstyle:q(o,"border-style").getOr(""),bordercolor:zo(q(o,"border-color").getOr("")),backgroundcolor:zo(q(o,"background-color").getOr(""))}:{};return{height:"",width:"100%",cellspacing:"",cellpadding:"",caption:!1,class:"",align:"",border:"",...o,...l,...n,...(()=>{const t=o["border-width"];return Ut(e)&&t?{border:t}:q(l,"border").fold((()=>({})),(e=>({border:e})))})(),...{...q(o,"border-spacing").or(q(l,"cellspacing")).fold((()=>({})),(e=>({cellspacing:e}))),...q(o,"border-padding").or(q(l,"cellpadding")).fold((()=>({})),(e=>({cellpadding:e})))}}})(e,jt(e));t?(n.cols="1",n.rows="1",jt(e)&&(n.borderstyle="",n.bordercolor="",n.backgroundcolor="")):(l=o.getParent(e.selection.getStart(),"table",e.getBody()),l?n=((e,t,o)=>{const l=e.dom,n=Ut(e)?l.getStyle(t,"border-spacing")||l.getAttrib(t,"cellspacing"):l.getAttrib(t,"cellspacing")||l.getStyle(t,"border-spacing"),r=Ut(e)?Dt(l,t,"padding")||l.getAttrib(t,"cellpadding"):l.getAttrib(t,"cellpadding")||Dt(l,t,"padding");return{width:l.getStyle(t,"width")||l.getAttrib(t,"width"),height:l.getStyle(t,"height")||l.getAttrib(t,"height"),cellspacing:null!=n?n:"",cellpadding:null!=r?r:"",border:((t,o)=>{const l=Oe(Q.fromDom(o),"border-width");return Ut(e)&&l.isSome()?l.getOr(""):t.getAttrib(o,"border")||Dt(e.dom,o,"border-width")||Dt(e.dom,o,"border")||""})(l,t),caption:!!l.select("caption",t)[0],class:l.getAttrib(t,"class",""),align:Ko(e,t),...o?Wo(t):{}}})(e,l,jt(e)):jt(e)&&(n.borderstyle="",n.bordercolor="",n.backgroundcolor=""));const r=Mo(Jt(e));r.isSome()&&n.class&&(n.class=n.class.replace(/\s*mce\-item\-table\s*/g,""));const a={type:"grid",columns:2,items:nl(e,r.getOr([]),t)},s=jt(e)?{type:"tabpanel",tabs:[{title:"General",name:"general",items:[a]},$o(e,"table")]}:{type:"panel",items:[a]};e.windowManager.open({title:"Table Properties",size:"normal",body:s,onSubmit:b(al,e,l,n),buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:n})},cl=e=>{B({mceTableProps:b(sl,e,!1),mceTableRowProps:b(ll,e),mceTableCellProps:b(Zo,e),mceInsertTableDialog:b(sl,e,!0)},((t,o)=>e.addCommand(o,(()=>{return o=t,void((e=>{return(t=e,o=ce("table"),Me(((e,t)=>t(e)),Pe,t,o,void 0)).forall(qe);var t,o})(We(e))&&o());var o}))))},il=e=>{const t=V(y.none()),o=V([]);let l=y.none();const n=ce("caption"),r=e=>l.forall((t=>!t[e])),a=()=>bo(We(e),je(e)).bind((t=>{return o=j(Ye(t),bo((e=>Q.fromDom(e.selection.getEnd()))(e),je(e)).bind(Ye),((o,l)=>Z(o,l)?n(t)?y?.some((e=>({element:e,mergable:y.none(),unmergable:y.none(),selection:[e]}))(t)):y?.some(((e,t,o)=>({element:o,mergable:so(t,e,uo),unmergable:ao(e),selection:ro(e)}))(ho(e),o,t)):y.none())),o.bind(u);var o})),s=e=>Ye(e.element)?.map((t=>{const o=ct(t),l=bt(o,e).getOr([]),n=O(l,((e,t)=>(t.isLocked&&(e.onAny=!0,0===t.column?e.onFirst=!0:t.column+t.colspan>=o.grid.columns&&(e.onLast=!0)),e)),{onAny:!1,onFirst:!1,onLast:!1});return{mergeable:ht(o,e).isSome(),unmergeable:ft(o,e).isSome(),locked:n}})),c=()=>{t.set((e=>{let t,o=!1;return(...l)=>(o||(o=!0,t=e.apply(null,l)),t)})(a)()),l=t.get().bind(s),A(o.get(),g)},i=e=>(e(),o.set(o.get().concat([e])),()=>{o.set(R(o.get(),(t=>t!==e)))}),m=(o,l)=>i((()=>t.get().fold((()=>{o.setEnabled(!1)}),(t=>{o.setEnabled(!l(t)&&e.selection.isEditable())})))),d=(o,l,n)=>i((()=>t.get().fold((()=>{o.setEnabled(!1),o.setActive(!1)}),(t=>{o.setEnabled(!l(t)&&e.selection.isEditable()),o.setActive(n(t))})))),p=e=>l.exists((t=>t.locked[e])),b=(t,o)=>l=>d(l,(e=>n(e.element)),(()=>e.queryCommandValue(t)===o)),f=b("mceTableRowType","header"),w=b("mceTableColType","th");return e.on("NodeChange ExecCommand TableSelectorChange",c),{onSetupTable:e=>m(e,(e=>!1)),onSetupCellOrRow:e=>m(e,(e=>n(e.element))),onSetupColumn:e=>t=>m(t,(t=>n(t.element)||p(e))),onSetupPasteable:e=>t=>m(t,(t=>n(t.element)||e().isNone())),onSetupPasteableColumn:(e,t)=>o=>m(o,(o=>n(o.element)||e().isNone()||p(t))),onSetupMergeable:e=>m(e,(e=>r("mergeable"))),onSetupUnmergeable:e=>m(e,(e=>r("unmergeable"))),resetTargets:c,onSetupTableWithCaption:t=>d(t,h,(t=>Ye(t.element,je(e)).exists((e=>Be(e,"caption").isSome())))),onSetupTableRowHeaders:f,onSetupTableColumnHeaders:w,targets:t.get}};var ml=tinymce.util.Tools.resolve("tinymce.FakeClipboard");const dl="x-tinymce/dom-table-",ul=dl+"rows",pl=dl+"columns",bl=e=>{var t;const o=null!==(t=ml.read())&&void 0!==t?t:[];return M(o,(t=>y.from(t.getType(e))))},gl=()=>bl(ul),hl=()=>bl(pl),fl=e=>t=>{const o=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",o),o(),()=>{e.off("NodeChange",o)}},yl=e=>t=>{const o=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",o),o(),()=>{e.off("NodeChange",o)}};e.add("table",(e=>{const t=il(e);(e=>{const t=e.options.register;t("table_border_widths",{processor:"object[]",default:Pt}),t("table_border_styles",{processor:"object[]",default:kt}),t("table_cell_advtab",{processor:"boolean",default:!0}),t("table_row_advtab",{processor:"boolean",default:!0}),t("table_advtab",{processor:"boolean",default:!0}),t("table_appearance_options",{processor:"boolean",default:!0}),t("table_grid",{processor:"boolean",default:!Mt.deviceType.isTouch()}),t("table_cell_class_list",{processor:"object[]",default:[]}),t("table_row_class_list",{processor:"object[]",default:[]}),t("table_class_list",{processor:"object[]",default:[]}),t("table_toolbar",{processor:"string",default:"tableprops tabledelete | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol"}),t("table_background_color_map",{processor:"object[]",default:[]}),t("table_border_color_map",{processor:"object[]",default:[]})})(e),cl(e),((e,t)=>{const o=t=>()=>e.execCommand(t),l=(t,l)=>!!e.queryCommandSupported(l.command)&&(e.ui.registry.addMenuItem(t,{...l,onAction:c(l.onAction)?l.onAction:o(l.command)}),!0),n=(t,l)=>{e.queryCommandSupported(l.command)&&e.ui.registry.addToggleMenuItem(t,{...l,onAction:c(l.onAction)?l.onAction:o(l.command)})},r=t=>{e.execCommand("mceInsertTable",!1,{rows:t.numRows,columns:t.numColumns})},a=[l("tableinsertrowbefore",{text:"Insert row before",icon:"table-insert-row-above",command:"mceTableInsertRowBefore",onSetup:t.onSetupCellOrRow}),l("tableinsertrowafter",{text:"Insert row after",icon:"table-insert-row-after",command:"mceTableInsertRowAfter",onSetup:t.onSetupCellOrRow}),l("tabledeleterow",{text:"Delete row",icon:"table-delete-row",command:"mceTableDeleteRow",onSetup:t.onSetupCellOrRow}),l("tablerowprops",{text:"Row properties",icon:"table-row-properties",command:"mceTableRowProps",onSetup:t.onSetupCellOrRow}),l("tablecutrow",{text:"Cut row",icon:"cut-row",command:"mceTableCutRow",onSetup:t.onSetupCellOrRow}),l("tablecopyrow",{text:"Copy row",icon:"duplicate-row",command:"mceTableCopyRow",onSetup:t.onSetupCellOrRow}),l("tablepasterowbefore",{text:"Paste row before",icon:"paste-row-before",command:"mceTablePasteRowBefore",onSetup:t.onSetupPasteable(gl)}),l("tablepasterowafter",{text:"Paste row after",icon:"paste-row-after",command:"mceTablePasteRowAfter",onSetup:t.onSetupPasteable(gl)})],s=[l("tableinsertcolumnbefore",{text:"Insert column before",icon:"table-insert-column-before",command:"mceTableInsertColBefore",onSetup:t.onSetupColumn("onFirst")}),l("tableinsertcolumnafter",{text:"Insert column after",icon:"table-insert-column-after",command:"mceTableInsertColAfter",onSetup:t.onSetupColumn("onLast")}),l("tabledeletecolumn",{text:"Delete column",icon:"table-delete-column",command:"mceTableDeleteCol",onSetup:t.onSetupColumn("onAny")}),l("tablecutcolumn",{text:"Cut column",icon:"cut-column",command:"mceTableCutCol",onSetup:t.onSetupColumn("onAny")}),l("tablecopycolumn",{text:"Copy column",icon:"duplicate-column",command:"mceTableCopyCol",onSetup:t.onSetupColumn("onAny")}),l("tablepastecolumnbefore",{text:"Paste column before",icon:"paste-column-before",command:"mceTablePasteColBefore",onSetup:t.onSetupPasteableColumn(hl,"onFirst")}),l("tablepastecolumnafter",{text:"Paste column after",icon:"paste-column-after",command:"mceTablePasteColAfter",onSetup:t.onSetupPasteableColumn(hl,"onLast")})],i=[l("tablecellprops",{text:"Cell properties",icon:"table-cell-properties",command:"mceTableCellProps",onSetup:t.onSetupCellOrRow}),l("tablemergecells",{text:"Merge cells",icon:"table-merge-cells",command:"mceTableMergeCells",onSetup:t.onSetupMergeable}),l("tablesplitcells",{text:"Split cell",icon:"table-split-cells",command:"mceTableSplitCells",onSetup:t.onSetupUnmergeable})];Wt(e)?e.ui.registry.addNestedMenuItem("inserttable",{text:"Table",icon:"table",getSubmenuItems:()=>[{type:"fancymenuitem",fancytype:"inserttable",onAction:r}],onSetup:yl(e)}):e.ui.registry.addMenuItem("inserttable",{text:"Table",icon:"table",onAction:o("mceInsertTableDialog"),onSetup:yl(e)}),e.ui.registry.addMenuItem("inserttabledialog",{text:"Insert table",icon:"table",onAction:o("mceInsertTableDialog"),onSetup:yl(e)}),l("tableprops",{text:"Table properties",onSetup:t.onSetupTable,command:"mceTableProps"}),l("deletetable",{text:"Delete table",icon:"table-delete-table",onSetup:t.onSetupTable,command:"mceTableDelete"}),C(a,!0)&&e.ui.registry.addNestedMenuItem("row",{type:"nestedmenuitem",text:"Row",getSubmenuItems:d("tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops | tablecutrow tablecopyrow tablepasterowbefore tablepasterowafter")}),C(s,!0)&&e.ui.registry.addNestedMenuItem("column",{type:"nestedmenuitem",text:"Column",getSubmenuItems:d("tableinsertcolumnbefore tableinsertcolumnafter tabledeletecolumn | tablecutcolumn tablecopycolumn tablepastecolumnbefore tablepastecolumnafter")}),C(i,!0)&&e.ui.registry.addNestedMenuItem("cell",{type:"nestedmenuitem",text:"Cell",getSubmenuItems:d("tablecellprops tablemergecells tablesplitcells")}),e.ui.registry.addContextMenu("table",{update:()=>(t.resetTargets(),t.targets().fold(d(""),(e=>"caption"===te(e.element)?"tableprops deletetable":"cell row column | advtablesort | tableprops deletetable")))});const m=Bo(Jt(e));0!==m.length&&e.queryCommandSupported("mceTableToggleClass")&&e.ui.registry.addNestedMenuItem("tableclass",{icon:"table-classes",text:"Table styles",getSubmenuItems:()=>Po(e,m,"tableclass",(t=>e.execCommand("mceTableToggleClass",!1,t))),onSetup:t.onSetupTable});const u=Bo(Gt(e));0!==u.length&&e.queryCommandSupported("mceTableCellToggleClass")&&e.ui.registry.addNestedMenuItem("tablecellclass",{icon:"table-cell-classes",text:"Cell styles",getSubmenuItems:()=>Po(e,u,"tablecellclass",(t=>e.execCommand("mceTableCellToggleClass",!1,t))),onSetup:t.onSetupCellOrRow}),e.queryCommandSupported("mceTableApplyCellStyle")&&(e.ui.registry.addNestedMenuItem("tablecellvalign",{icon:"vertical-align",text:"Vertical align",getSubmenuItems:()=>Po(e,yo,"tablecellverticalalign",ko(e,"vertical-align")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addNestedMenuItem("tablecellborderwidth",{icon:"border-width",text:"Border width",getSubmenuItems:()=>Po(e,Lt(e),"tablecellborderwidth",ko(e,"border-width")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addNestedMenuItem("tablecellborderstyle",{icon:"border-style",text:"Border style",getSubmenuItems:()=>Po(e,Ht(e),"tablecellborderstyle",ko(e,"border-style")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addNestedMenuItem("tablecellbackgroundcolor",{icon:"cell-background-color",text:"Background color",getSubmenuItems:()=>Fo(e,Xt(e),"background-color"),onSetup:t.onSetupCellOrRow}),e.ui.registry.addNestedMenuItem("tablecellbordercolor",{icon:"cell-border-color",text:"Border color",getSubmenuItems:()=>Fo(e,Yt(e),"border-color"),onSetup:t.onSetupCellOrRow})),n("tablecaption",{icon:"table-caption",text:"Table caption",command:"mceTableToggleCaption",onSetup:t.onSetupTableWithCaption}),n("tablerowheader",{text:"Row header",icon:"table-top-header",command:"mceTableRowType",onAction:qo(e),onSetup:t.onSetupTableRowHeaders}),n("tablecolheader",{text:"Column header",icon:"table-left-header",command:"mceTableColType",onAction:Lo(e),onSetup:t.onSetupTableRowHeaders})})(e,t),((e,t)=>{e.ui.registry.addMenuButton("table",{tooltip:"Table",icon:"table",onSetup:fl(e),fetch:e=>e("inserttable | cell row column | advtablesort | tableprops deletetable")});const o=t=>()=>e.execCommand(t),l=(t,l)=>{e.queryCommandSupported(l.command)&&e.ui.registry.addButton(t,{...l,onAction:c(l.onAction)?l.onAction:o(l.command)})},n=(t,l)=>{e.queryCommandSupported(l.command)&&e.ui.registry.addToggleButton(t,{...l,onAction:c(l.onAction)?l.onAction:o(l.command)})};l("tableprops",{tooltip:"Table properties",command:"mceTableProps",icon:"table",onSetup:t.onSetupTable}),l("tabledelete",{tooltip:"Delete table",command:"mceTableDelete",icon:"table-delete-table",onSetup:t.onSetupTable}),l("tablecellprops",{tooltip:"Cell properties",command:"mceTableCellProps",icon:"table-cell-properties",onSetup:t.onSetupCellOrRow}),l("tablemergecells",{tooltip:"Merge cells",command:"mceTableMergeCells",icon:"table-merge-cells",onSetup:t.onSetupMergeable}),l("tablesplitcells",{tooltip:"Split cell",command:"mceTableSplitCells",icon:"table-split-cells",onSetup:t.onSetupUnmergeable}),l("tableinsertrowbefore",{tooltip:"Insert row before",command:"mceTableInsertRowBefore",icon:"table-insert-row-above",onSetup:t.onSetupCellOrRow}),l("tableinsertrowafter",{tooltip:"Insert row after",command:"mceTableInsertRowAfter",icon:"table-insert-row-after",onSetup:t.onSetupCellOrRow}),l("tabledeleterow",{tooltip:"Delete row",command:"mceTableDeleteRow",icon:"table-delete-row",onSetup:t.onSetupCellOrRow}),l("tablerowprops",{tooltip:"Row properties",command:"mceTableRowProps",icon:"table-row-properties",onSetup:t.onSetupCellOrRow}),l("tableinsertcolbefore",{tooltip:"Insert column before",command:"mceTableInsertColBefore",icon:"table-insert-column-before",onSetup:t.onSetupColumn("onFirst")}),l("tableinsertcolafter",{tooltip:"Insert column after",command:"mceTableInsertColAfter",icon:"table-insert-column-after",onSetup:t.onSetupColumn("onLast")}),l("tabledeletecol",{tooltip:"Delete column",command:"mceTableDeleteCol",icon:"table-delete-column",onSetup:t.onSetupColumn("onAny")}),l("tablecutrow",{tooltip:"Cut row",command:"mceTableCutRow",icon:"cut-row",onSetup:t.onSetupCellOrRow}),l("tablecopyrow",{tooltip:"Copy row",command:"mceTableCopyRow",icon:"duplicate-row",onSetup:t.onSetupCellOrRow}),l("tablepasterowbefore",{tooltip:"Paste row before",command:"mceTablePasteRowBefore",icon:"paste-row-before",onSetup:t.onSetupPasteable(gl)}),l("tablepasterowafter",{tooltip:"Paste row after",command:"mceTablePasteRowAfter",icon:"paste-row-after",onSetup:t.onSetupPasteable(gl)}),l("tablecutcol",{tooltip:"Cut column",command:"mceTableCutCol",icon:"cut-column",onSetup:t.onSetupColumn("onAny")}),l("tablecopycol",{tooltip:"Copy column",command:"mceTableCopyCol",icon:"duplicate-column",onSetup:t.onSetupColumn("onAny")}),l("tablepastecolbefore",{tooltip:"Paste column before",command:"mceTablePasteColBefore",icon:"paste-column-before",onSetup:t.onSetupPasteableColumn(hl,"onFirst")}),l("tablepastecolafter",{tooltip:"Paste column after",command:"mceTablePasteColAfter",icon:"paste-column-after",onSetup:t.onSetupPasteableColumn(hl,"onLast")}),l("tableinsertdialog",{tooltip:"Insert table",command:"mceInsertTableDialog",icon:"table",onSetup:fl(e)});const r=Bo(Jt(e));0!==r.length&&e.queryCommandSupported("mceTableToggleClass")&&e.ui.registry.addMenuButton("tableclass",{icon:"table-classes",tooltip:"Table styles",fetch:Eo(e,r,"tableclass",(t=>e.execCommand("mceTableToggleClass",!1,t))),onSetup:t.onSetupTable});const a=Bo(Gt(e));0!==a.length&&e.queryCommandSupported("mceTableCellToggleClass")&&e.ui.registry.addMenuButton("tablecellclass",{icon:"table-cell-classes",tooltip:"Cell styles",fetch:Eo(e,a,"tablecellclass",(t=>e.execCommand("mceTableCellToggleClass",!1,t))),onSetup:t.onSetupCellOrRow}),e.queryCommandSupported("mceTableApplyCellStyle")&&(e.ui.registry.addMenuButton("tablecellvalign",{icon:"vertical-align",tooltip:"Vertical align",fetch:Eo(e,yo,"tablecellverticalalign",ko(e,"vertical-align")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addMenuButton("tablecellborderwidth",{icon:"border-width",tooltip:"Border width",fetch:Eo(e,Lt(e),"tablecellborderwidth",ko(e,"border-width")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addMenuButton("tablecellborderstyle",{icon:"border-style",tooltip:"Border style",fetch:Eo(e,Ht(e),"tablecellborderstyle",ko(e,"border-style")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addMenuButton("tablecellbackgroundcolor",{icon:"cell-background-color",tooltip:"Background color",fetch:t=>t(Fo(e,Xt(e),"background-color")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addMenuButton("tablecellbordercolor",{icon:"cell-border-color",tooltip:"Border color",fetch:t=>t(Fo(e,Yt(e),"border-color")),onSetup:t.onSetupCellOrRow})),n("tablecaption",{tooltip:"Table caption",icon:"table-caption",command:"mceTableToggleCaption",onSetup:t.onSetupTableWithCaption}),n("tablerowheader",{tooltip:"Row header",icon:"table-top-header",command:"mceTableRowType",onAction:qo(e),onSetup:t.onSetupTableRowHeaders}),n("tablecolheader",{tooltip:"Column header",icon:"table-left-header",command:"mceTableColType",onAction:Lo(e),onSetup:t.onSetupTableColumnHeaders})})(e,t),(e=>{const t=Qt(e);t.length>0&&e.ui.registry.addContextToolbar("table",{predicate:t=>e.dom.is(t,"table")&&e.getBody().contains(t)&&e.dom.isEditable(t.parentNode),items:t,scope:"node",position:"node"})})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/index.js
new file mode 100644
index 000000000..f96f077bc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/index.js
@@ -0,0 +1,7 @@
+// Exports the "visualblocks" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/visualblocks')
+//   ES2015:
+//     import 'tinymce/plugins/visualblocks'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/plugin.js
new file mode 100644
index 000000000..5cdaa0029
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/plugin.js
@@ -0,0 +1,106 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const fireVisualBlocks = (editor, state) => {
+        editor.dispatch('VisualBlocks', { state });
+    };
+
+    const toggleVisualBlocks = (editor, pluginUrl, enabledState) => {
+        const dom = editor.dom;
+        dom.toggleClass(editor.getBody(), 'mce-visualblocks');
+        enabledState.set(!enabledState.get());
+        fireVisualBlocks(editor, enabledState.get());
+    };
+
+    const register$2 = (editor, pluginUrl, enabledState) => {
+        editor.addCommand('mceVisualBlocks', () => {
+            toggleVisualBlocks(editor, pluginUrl, enabledState);
+        });
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('visualblocks_default_state', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const isEnabledByDefault = option('visualblocks_default_state');
+
+    const setup = (editor, pluginUrl, enabledState) => {
+        // Prevents the visualblocks from being presented in the preview of formats when that is computed
+        editor.on('PreviewFormats AfterPreviewFormats', (e) => {
+            if (enabledState.get()) {
+                editor.dom.toggleClass(editor.getBody(), 'mce-visualblocks', e.type === 'afterpreviewformats');
+            }
+        });
+        editor.on('init', () => {
+            if (isEnabledByDefault(editor)) {
+                toggleVisualBlocks(editor, pluginUrl, enabledState);
+            }
+        });
+    };
+
+    const toggleActiveState = (editor, enabledState) => (api) => {
+        api.setActive(enabledState.get());
+        const editorEventCallback = (e) => api.setActive(e.state);
+        editor.on('VisualBlocks', editorEventCallback);
+        return () => editor.off('VisualBlocks', editorEventCallback);
+    };
+    const register = (editor, enabledState) => {
+        const onAction = () => editor.execCommand('mceVisualBlocks');
+        editor.ui.registry.addToggleButton('visualblocks', {
+            icon: 'visualblocks',
+            tooltip: 'Show blocks',
+            onAction,
+            onSetup: toggleActiveState(editor, enabledState),
+            context: 'any'
+        });
+        editor.ui.registry.addToggleMenuItem('visualblocks', {
+            text: 'Show blocks',
+            icon: 'visualblocks',
+            onAction,
+            onSetup: toggleActiveState(editor, enabledState),
+            context: 'any'
+        });
+    };
+
+    var Plugin = () => {
+        global.add('visualblocks', (editor, pluginUrl) => {
+            register$1(editor);
+            const enabledState = Cell(false);
+            register$2(editor, pluginUrl, enabledState);
+            register(editor, enabledState);
+            setup(editor, pluginUrl, enabledState);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/plugin.min.js
new file mode 100644
index 000000000..9a1630e4d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualblocks/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const o=(t,o,e)=>{t.dom.toggleClass(t.getBody(),"mce-visualblocks"),e.set(!e.get()),((t,o)=>{t.dispatch("VisualBlocks",{state:o})})(t,e.get())},e=t=>t.options.get("visualblocks_default_state");const s=(t,o)=>e=>{e.setActive(o.get());const s=t=>e.setActive(t.state);return t.on("VisualBlocks",s),()=>t.off("VisualBlocks",s)};t.add("visualblocks",((t,l)=>{(t=>{(0,t.options.register)("visualblocks_default_state",{processor:"boolean",default:!1})})(t);const a=(()=>{let t=!1;return{get:()=>t,set:o=>{t=o}}})();((t,e,s)=>{t.addCommand("mceVisualBlocks",(()=>{o(t,0,s)}))})(t,0,a),((t,o)=>{const e=()=>t.execCommand("mceVisualBlocks");t.ui.registry.addToggleButton("visualblocks",{icon:"visualblocks",tooltip:"Show blocks",onAction:e,onSetup:s(t,o),context:"any"}),t.ui.registry.addToggleMenuItem("visualblocks",{text:"Show blocks",icon:"visualblocks",onAction:e,onSetup:s(t,o),context:"any"})})(t,a),((t,s,l)=>{t.on("PreviewFormats AfterPreviewFormats",(o=>{l.get()&&t.dom.toggleClass(t.getBody(),"mce-visualblocks","afterpreviewformats"===o.type)})),t.on("init",(()=>{e(t)&&o(t,0,l)}))})(t,0,a)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/index.js
new file mode 100644
index 000000000..01dd9f15a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/index.js
@@ -0,0 +1,7 @@
+// Exports the "visualchars" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/visualchars')
+//   ES2015:
+//     import 'tinymce/plugins/visualchars'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/plugin.js
new file mode 100644
index 000000000..112756fc5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/plugin.js
@@ -0,0 +1,809 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isNull = eq(null);
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const get$2 = (toggleState) => {
+        const isEnabled = () => {
+            return toggleState.get();
+        };
+        return {
+            isEnabled
+        };
+    };
+
+    const fireVisualChars = (editor, state) => {
+        return editor.dispatch('VisualChars', { state });
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const unsafe = (name, scope) => {
+        return resolve(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const type = (element) => element.dom.nodeType;
+    const value = (element) => element.dom.nodeValue;
+    const isType = (t) => (element) => type(element) === t;
+    const isHTMLElement = (element) => isElement(element) && isPrototypeOf(element.dom);
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const get$1 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const remove$3 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+
+    // Methods for handling attributes that contain a list of values <div foo="alpha beta theta">
+    const read = (element, attr) => {
+        const value = get$1(element, attr);
+        return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    const add$2 = (element, attr, id) => {
+        const old = read(element, attr);
+        const nu = old.concat([id]);
+        set(element, attr, nu.join(' '));
+        return true;
+    };
+    const remove$2 = (element, attr, id) => {
+        const nu = filter(read(element, attr), (v) => v !== id);
+        if (nu.length > 0) {
+            set(element, attr, nu.join(' '));
+        }
+        else {
+            remove$3(element, attr);
+        }
+        return false;
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+    const get = (element) => read(element, 'class');
+    const add$1 = (element, clazz) => add$2(element, 'class', clazz);
+    const remove$1 = (element, clazz) => remove$2(element, 'class', clazz);
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     *
+     * Note that IE doesn't support the second argument to toggle (at all).
+     * If it did, the toggler could be better.
+     */
+    const add = (element, clazz) => {
+        if (supports(element)) {
+            element.dom.classList.add(clazz);
+        }
+        else {
+            add$1(element, clazz);
+        }
+    };
+    const cleanClass = (element) => {
+        const classList = supports(element) ? element.dom.classList : get(element);
+        // classList is a "live list", so this is up to date already
+        if (classList.length === 0) {
+            // No more classes left, remove the class attribute as well
+            remove$3(element, 'class');
+        }
+    };
+    const remove = (element, clazz) => {
+        if (supports(element)) {
+            const classList = element.dom.classList;
+            classList.remove(clazz);
+        }
+        else {
+            remove$1(element, clazz);
+        }
+        cleanClass(element);
+    };
+
+    const getRaw = (element) => element.dom.contentEditable;
+
+    const charMap = {
+        '\u00a0': 'nbsp',
+        '\u00ad': 'shy'
+    };
+    const charMapToRegExp = (charMap, global) => {
+        let regExp = '';
+        each(charMap, (_value, key) => {
+            regExp += key;
+        });
+        return new RegExp('[' + regExp + ']', global ? 'g' : '');
+    };
+    const charMapToSelector = (charMap) => {
+        let selector = '';
+        each(charMap, (value) => {
+            if (selector) {
+                selector += ',';
+            }
+            selector += 'span.mce-' + value;
+        });
+        return selector;
+    };
+    const regExp = charMapToRegExp(charMap);
+    const regExpGlobal = charMapToRegExp(charMap, true);
+    const selector = charMapToSelector(charMap);
+    const nbspClass = 'mce-nbsp';
+
+    const wrapCharWithSpan = (value) => '<span data-mce-bogus="1" class="mce-' + charMap[value] + '">' + value + '</span>';
+
+    const isWrappedNbsp = (node) => node.nodeName.toLowerCase() === 'span' && node.classList.contains('mce-nbsp-wrap');
+    const isMatch = (n) => {
+        const value$1 = value(n);
+        return isText(n) &&
+            isString(value$1) &&
+            regExp.test(value$1);
+    };
+    const isContentEditableFalse = (node) => isHTMLElement(node) && getRaw(node) === 'false';
+    const isChildEditable = (node, currentState) => {
+        if (isHTMLElement(node) && !isWrappedNbsp(node.dom)) {
+            const value = getRaw(node);
+            if (value === 'true') {
+                return true;
+            }
+            else if (value === 'false') {
+                return false;
+            }
+        }
+        return currentState;
+    };
+    // inlined sugars PredicateFilter.descendants for file size but also make it only act on editable nodes it changes the current editable state when it traveses down
+    const filterEditableDescendants = (scope, predicate, editable) => {
+        let result = [];
+        const dom = scope.dom;
+        const children = map(dom.childNodes, SugarElement.fromDom);
+        const isEditable = (node) => isWrappedNbsp(node.dom) || !isContentEditableFalse(node);
+        each$1(children, (x) => {
+            if (editable && isEditable(x) && predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(filterEditableDescendants(x, predicate, isChildEditable(x, editable)));
+        });
+        return result;
+    };
+    const findParentElm = (elm, rootElm) => {
+        while (elm.parentNode) {
+            if (elm.parentNode === rootElm) {
+                return rootElm;
+            }
+            elm = elm.parentNode;
+        }
+        return undefined;
+    };
+    const replaceWithSpans = (text) => text.replace(regExpGlobal, wrapCharWithSpan);
+
+    const show = (editor, rootElm) => {
+        const dom = editor.dom;
+        const nodeList = filterEditableDescendants(SugarElement.fromDom(rootElm), isMatch, editor.dom.isEditable(rootElm));
+        each$1(nodeList, (n) => {
+            var _a;
+            const parent = n.dom.parentNode;
+            if (isWrappedNbsp(parent)) {
+                add(SugarElement.fromDom(parent), nbspClass);
+            }
+            else {
+                const withSpans = replaceWithSpans(dom.encode((_a = value(n)) !== null && _a !== void 0 ? _a : ''));
+                const div = dom.create('div', {}, withSpans);
+                let node;
+                while ((node = div.lastChild)) {
+                    dom.insertAfter(node, n.dom);
+                }
+                editor.dom.remove(n.dom);
+            }
+        });
+    };
+    const hide = (editor, rootElm) => {
+        const nodeList = editor.dom.select(selector, rootElm);
+        each$1(nodeList, (node) => {
+            if (isWrappedNbsp(node)) {
+                remove(SugarElement.fromDom(node), nbspClass);
+            }
+            else {
+                editor.dom.remove(node, true);
+            }
+        });
+    };
+    const toggle = (editor) => {
+        const body = editor.getBody();
+        const bookmark = editor.selection.getBookmark();
+        let parentNode = findParentElm(editor.selection.getNode(), body);
+        // if user does select all the parentNode will be undefined
+        parentNode = parentNode !== undefined ? parentNode : body;
+        hide(editor, parentNode);
+        show(editor, parentNode);
+        editor.selection.moveToBookmark(bookmark);
+    };
+
+    const applyVisualChars = (editor, toggleState) => {
+        fireVisualChars(editor, toggleState.get());
+        const body = editor.getBody();
+        if (toggleState.get() === true) {
+            show(editor, body);
+        }
+        else {
+            hide(editor, body);
+        }
+    };
+    // Toggle state and save selection bookmark before applying visualChars
+    const toggleVisualChars = (editor, toggleState) => {
+        toggleState.set(!toggleState.get());
+        const bookmark = editor.selection.getBookmark();
+        applyVisualChars(editor, toggleState);
+        editor.selection.moveToBookmark(bookmark);
+    };
+
+    const register$2 = (editor, toggleState) => {
+        editor.addCommand('mceVisualChars', () => {
+            toggleVisualChars(editor, toggleState);
+        });
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('visualchars_default_state', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const isEnabledByDefault = option('visualchars_default_state');
+
+    const setup$1 = (editor, toggleState) => {
+        /*
+          Note: applyVisualChars does not place a bookmark before modifying the DOM on init.
+          This will cause a loss of selection if the following conditions are met:
+            - Autofocus enabled, or editor is manually focused on init
+            - The first piece of text in the editor must be a nbsp
+            - Integrator has manually set the selection before init
+      
+          Another improvement would be to ensure DOM elements aren't destroyed/recreated,
+          but rather wrapped/unwrapped when applying styling for visualchars so that selection
+          is not lost.
+        */
+        editor.on('init', () => {
+            applyVisualChars(editor, toggleState);
+        });
+    };
+
+    const setup = (editor, toggleState) => {
+        const debouncedToggle = first(() => {
+            toggle(editor);
+        }, 300);
+        editor.on('keydown', (e) => {
+            if (toggleState.get() === true) {
+                e.keyCode === 13 ? toggle(editor) : debouncedToggle.throttle();
+            }
+        });
+        editor.on('remove', debouncedToggle.cancel);
+    };
+
+    const toggleActiveState = (editor, enabledStated) => (api) => {
+        api.setActive(enabledStated.get());
+        const editorEventCallback = (e) => api.setActive(e.state);
+        editor.on('VisualChars', editorEventCallback);
+        return () => editor.off('VisualChars', editorEventCallback);
+    };
+    const register = (editor, toggleState) => {
+        const onAction = () => editor.execCommand('mceVisualChars');
+        editor.ui.registry.addToggleButton('visualchars', {
+            tooltip: 'Show invisible characters',
+            icon: 'visualchars',
+            onAction,
+            onSetup: toggleActiveState(editor, toggleState),
+            context: 'any'
+        });
+        editor.ui.registry.addToggleMenuItem('visualchars', {
+            text: 'Show invisible characters',
+            icon: 'visualchars',
+            onAction,
+            onSetup: toggleActiveState(editor, toggleState),
+            context: 'any'
+        });
+    };
+
+    var Plugin = () => {
+        global.add('visualchars', (editor) => {
+            register$1(editor);
+            const toggleState = Cell(isEnabledByDefault(editor));
+            register$2(editor, toggleState);
+            register(editor, toggleState);
+            setup(editor, toggleState);
+            setup$1(editor, toggleState);
+            return get$2(toggleState);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/plugin.min.js
new file mode 100644
index 000000000..83781588f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/visualchars/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const t=t=>e=>(t=>{const e=typeof t;return null===t?"null":"object"===e&&Array.isArray(t)?"array":"object"===e&&(n=o=t,(r=String).prototype.isPrototypeOf(n)||(null===(s=o.constructor)||void 0===s?void 0:s.name)===r.name)?"string":e;var n,o,r,s})(e)===t,e=t=>e=>typeof e===t,n=t("string"),o=t("object"),r=t=>null===t;const s=e("boolean"),a=e("function"),l=e("number");class i{constructor(t,e){this.tag=t,this.value=e}static some(t){return new i(!0,t)}static none(){return i.singletonNone}fold(t,e){return this.tag?e(this.value):t()}isSome(){return this.tag}isNone(){return!this.tag}map(t){return this.tag?i?.some(t(this.value)):i.none()}bind(t){return this.tag?t(this.value):i.none()}exists(t){return this.tag&&t(this.value)}forall(t){return!this.tag||t(this.value)}filter(t){return!this.tag||t(this.value)?this:i.none()}getOr(t){return this.tag?this.value:t}or(t){return this.tag?this:t}getOrThunk(t){return this.tag?this.value:t()}orThunk(t){return this.tag?this:t()}getOrDie(t){if(this.tag)return this.value;throw new Error(null!=t?t:"Called getOrDie on None")}static from(t){return null==t?i.none():i?.some(t)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(t){this.tag&&t(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}i.singletonNone=new i(!1),Array.prototype.slice;const u=(t,e)=>{for(let n=0,o=t.length;n<o;n++)e(t[n],n)};a(Array.from)&&Array.from;const c=Object.keys,d=(t,e)=>{const n=c(t);for(let o=0,r=n.length;o<r;o++){const r=n[o];e(t[r],r)}},h="undefined"!=typeof window?window:Function("return this;")(),m=(t,e)=>((t,e)=>{let n=null!=e?e:h;for(let e=0;e<t.length&&null!=n;++e)n=n[t[e]];return n})(t.split("."),e);var g=tinymce.util.Tools.resolve("tinymce.PluginManager");const v=t=>{if(null==t)throw new Error("Node cannot be null or undefined");return{dom:t}},f=v,p=Object.getPrototypeOf,y=t=>{const e=m("ownerDocument.defaultView",t);return o(t)&&((t=>((t,e)=>{const n=((t,e)=>m(t,e))(t,e);if(null==n)throw new Error(t+" not available on this browser");return n})("HTMLElement",t))(e).prototype.isPrototypeOf(t)||/^HTML\w*Element$/.test(p(t).constructor.name))},b=t=>t.dom.nodeValue,w=t=>e=>(t=>t.dom.nodeType)(e)===t,A=t=>k(t)&&y(t.dom),k=w(1),N=w(3),T=(t,e,o)=>{((t,e,o)=>{if(!(n(o)||s(o)||l(o)))throw console.error("Invalid call to Attribute.set. Key ",e,":: Value ",o,":: Element ",t),new Error("Attribute value was not simple");t.setAttribute(e,o+"")})(t.dom,e,o)},C=(t,e)=>{t.dom.removeAttribute(e)},E=(t,e)=>{const n=((t,e)=>{const n=t.dom.getAttribute(e);return null===n?void 0:n})(t,e);return void 0===n||""===n?[]:n.split(" ")},O=t=>void 0!==t.dom.classList,L=t=>t.dom.contentEditable,V={"\xa0":"nbsp","\xad":"shy"},j=(t,e)=>{let n="";return d(t,((t,e)=>{n+=e})),new RegExp("["+n+"]",e?"g":"")},B=j(V),S=j(V,!0),x=(t=>{let e="";return d(t,(t=>{e&&(e+=","),e+="span.mce-"+t})),e})(V),M="mce-nbsp",P=t=>'<span data-mce-bogus="1" class="mce-'+V[t]+'">'+t+"</span>",_=t=>"span"===t.nodeName.toLowerCase()&&t.classList.contains("mce-nbsp-wrap"),D=t=>{const e=b(t);return N(t)&&n(e)&&B.test(e)},H=(t,e,n)=>{let o=[];const r=((t,e)=>{const n=t.length,o=new Array(n);for(let r=0;r<n;r++){const n=t[r];o[r]=e(n,r)}return o})(t.dom.childNodes,f);return u(r,(t=>{var r;n&&(_((r=t).dom)||!(t=>A(t)&&"false"===L(t))(r))&&e(t)&&(o=o.concat([t])),o=o.concat(H(t,e,((t,e)=>{if(A(t)&&!_(t.dom)){const e=L(t);if("true"===e)return!0;if("false"===e)return!1}return e})(t,n)))})),o},I=(t,e)=>{const n=t.dom,o=H(f(e),D,t.dom.isEditable(e));u(o,(e=>{var o;const r=e.dom.parentNode;if(_(r))s=f(r),a=M,O(s)?s.dom.classList.add(a):((t,e)=>{((t,e,n)=>{const o=E(t,e).concat([n]);T(t,e,o.join(" "))})(t,"class",e)})(s,a);else{const r=n.encode(null!==(o=b(e))&&void 0!==o?o:"").replace(S,P),s=n.create("div",{},r);let a;for(;a=s.lastChild;)n.insertAfter(a,e.dom);t.dom.remove(e.dom)}var s,a}))},$=(t,e)=>{const n=t.dom.select(x,e);u(n,(e=>{var n,o;_(e)?(n=f(e),o=M,O(n)?n.dom.classList.remove(o):((t,e)=>{((t,e,n)=>{const o=(t=>{const e=[];for(let o=0,r=t.length;o<r;o++){const r=t[o];r!==n&&e.push(r)}return e})(E(t,e));o.length>0?T(t,e,o.join(" ")):C(t,e)})(t,"class",e)})(n,o),(t=>{const e=O(t)?t.dom.classList:(t=>E(t,"class"))(t);0===e.length&&C(t,"class")})(n)):t.dom.remove(e,!0)}))},F=t=>{const e=t.getBody(),n=t.selection.getBookmark();let o=((t,e)=>{for(;t.parentNode;){if(t.parentNode===e)return e;t=t.parentNode}})(t.selection.getNode(),e);o=void 0!==o?o:e,$(t,o),I(t,o),t.selection.moveToBookmark(n)},K=(t,e)=>{((t,e)=>{t.dispatch("VisualChars",{state:e})})(t,e.get());const n=t.getBody();!0===e.get()?I(t,n):$(t,n)},R=t=>t.options.get("visualchars_default_state");const U=(t,e)=>{const n=(t=>{let e=null;return{cancel:()=>{r(e)||(clearTimeout(e),e=null)},throttle:(...n)=>{r(e)&&(e=setTimeout((()=>{e=null,t.apply(null,n)}),300))}}})((()=>{F(t)}));t.on("keydown",(o=>{!0===e.get()&&(13===o.keyCode?F(t):n.throttle())})),t.on("remove",n.cancel)},q=(t,e)=>n=>{n.setActive(e.get());const o=t=>n.setActive(t.state);return t.on("VisualChars",o),()=>t.off("VisualChars",o)};g.add("visualchars",(t=>{(t=>{(0,t.options.register)("visualchars_default_state",{processor:"boolean",default:!1})})(t);const e=(t=>{let e=t;return{get:()=>e,set:t=>{e=t}}})(R(t));return((t,e)=>{t.addCommand("mceVisualChars",(()=>{((t,e)=>{e.set(!e.get());const n=t.selection.getBookmark();K(t,e),t.selection.moveToBookmark(n)})(t,e)}))})(t,e),((t,e)=>{const n=()=>t.execCommand("mceVisualChars");t.ui.registry.addToggleButton("visualchars",{tooltip:"Show invisible characters",icon:"visualchars",onAction:n,onSetup:q(t,e),context:"any"}),t.ui.registry.addToggleMenuItem("visualchars",{text:"Show invisible characters",icon:"visualchars",onAction:n,onSetup:q(t,e),context:"any"})})(t,e),U(t,e),((t,e)=>{t.on("init",(()=>{K(t,e)}))})(t,e),(t=>({isEnabled:()=>t.get()}))(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/index.js
new file mode 100644
index 000000000..2f7cf001c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/index.js
@@ -0,0 +1,7 @@
+// Exports the "wordcount" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/wordcount')
+//   ES2015:
+//     import 'tinymce/plugins/wordcount'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/plugin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/plugin.js
new file mode 100644
index 000000000..b830d5152
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/plugin.js
@@ -0,0 +1,480 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const eq = (t) => (a) => t === a;
+    const isNull = eq(null);
+
+    const identity = (x) => {
+        return x;
+    };
+
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const removeZwsp$1 = (s) => s.replace(/\uFEFF/g, '');
+
+    /* eslint-disable max-len */
+    const punctuationStr = `[~№|!-*+-\\/:;?@\\[-\`{}\u00A1\u00AB\u00B7\u00BB\u00BF;\u00B7\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1361-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u3008\u3009\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30\u2E31\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]`;
+    const regExps = {
+        aletter: '[A-Za-z\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F3\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u10A0-\u10C5\u10D0-\u10FA\u10FC\u1100-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F0\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1A00-\u1A16\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BC0-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u24B6-\u24E9\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2D00-\u2D25\u2D30-\u2D65\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u303B\u303C\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790\uA791\uA7A0-\uA7A9\uA7FA-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFFA0-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]',
+        midnumlet: `[-'\\.\u2018\u2019\u2024\uFE52\uFF07\uFF0E]`,
+        midletter: '[:\u00B7\u00B7\u05F4\u2027\uFE13\uFE55\uFF1A]',
+        midnum: '[±+*/,;;\u0589\u060C\u060D\u066C\u07F8\u2044\uFE10\uFE14\uFE50\uFE54\uFF0C\uFF1B]',
+        numeric: '[0-9\u0660-\u0669\u066B\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0BE6-\u0BEF\u0C66-\u0C6F\u0CE6-\u0CEF\u0D66-\u0D6F\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F29\u1040-\u1049\u1090-\u1099\u17E0-\u17E9\u1810-\u1819\u1946-\u194F\u19D0-\u19D9\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\uA620-\uA629\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uAA50-\uAA59\uABF0-\uABF9]',
+        cr: '\\r',
+        lf: '\\n',
+        newline: '[\u000B\u000C\u0085\u2028\u2029]',
+        extend: '[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u0900-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C01-\u0C03\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C82\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D02\u0D03\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B6-\u17D3\u17DD\u180B-\u180D\u18A9\u1920-\u192B\u1930-\u193B\u19B0-\u19C0\u19C8\u19C9\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAA\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2\u1DC0-\u1DE6\u1DFC-\u1DFF\u200C\u200D\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA67C\uA67D\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C4\uA8E0-\uA8F1\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE26\uFF9E\uFF9F]',
+        format: '[\u00AD\u0600-\u0603\u06DD\u070F\u17B4\u17B5\u200E\u200F\u202A-\u202E\u2060-\u2064\u206A-\u206F\uFEFF\uFFF9-\uFFFB]',
+        katakana: '[\u3031-\u3035\u309B\u309C\u30A0-\u30FA\u30FC-\u30FF\u31F0-\u31FF\u32D0-\u32FE\u3300-\u3357\uFF66-\uFF9D]',
+        extendnumlet: '[=_\u203F\u2040\u2054\uFE33\uFE34\uFE4D-\uFE4F\uFF3F\u2200-\u22FF\u003c\u003e]',
+        punctuation: punctuationStr
+    };
+    /* eslint-enable max-len */
+    const characterIndices = {
+        ALETTER: 0,
+        MIDNUMLET: 1,
+        MIDLETTER: 2,
+        MIDNUM: 3,
+        NUMERIC: 4,
+        CR: 5,
+        LF: 6,
+        NEWLINE: 7,
+        EXTEND: 8,
+        FORMAT: 9,
+        KATAKANA: 10,
+        EXTENDNUMLET: 11,
+        AT: 12,
+        OTHER: 13
+    };
+    // RegExp objects generated from code point data. Each regex matches a single
+    // character against a set of Unicode code points. The index of each item in
+    // this array must match its corresponding code point constant value defined
+    // above.
+    const SETS$1 = [
+        new RegExp(regExps.aletter),
+        new RegExp(regExps.midnumlet),
+        new RegExp(regExps.midletter),
+        new RegExp(regExps.midnum),
+        new RegExp(regExps.numeric),
+        new RegExp(regExps.cr),
+        new RegExp(regExps.lf),
+        new RegExp(regExps.newline),
+        new RegExp(regExps.extend),
+        new RegExp(regExps.format),
+        new RegExp(regExps.katakana),
+        new RegExp(regExps.extendnumlet),
+        new RegExp('@')
+    ];
+    const EMPTY_STRING$1 = '';
+    const PUNCTUATION$1 = new RegExp('^' + regExps.punctuation + '$');
+    const WHITESPACE$1 = /^\s+$/;
+
+    const SETS = SETS$1;
+    const OTHER = characterIndices.OTHER;
+    const getType = (char) => {
+        let type = OTHER;
+        const setsLength = SETS.length;
+        for (let j = 0; j < setsLength; ++j) {
+            const set = SETS[j];
+            if (set && set.test(char)) {
+                type = j;
+                break;
+            }
+        }
+        return type;
+    };
+    const memoize = (func) => {
+        const cache = {};
+        return (char) => {
+            if (cache[char]) {
+                return cache[char];
+            }
+            else {
+                const result = func(char);
+                cache[char] = result;
+                return result;
+            }
+        };
+    };
+    const classify = (characters) => {
+        const memoized = memoize(getType);
+        return map(characters, memoized);
+    };
+
+    const isWordBoundary = (map, index) => {
+        const type = map[index];
+        const nextType = map[index + 1];
+        if (index < 0 || (index > map.length - 1 && index !== 0)) {
+            return false;
+        }
+        // WB5. Don't break between most letters.
+        if (type === characterIndices.ALETTER && nextType === characterIndices.ALETTER) {
+            return false;
+        }
+        const nextNextType = map[index + 2];
+        // WB6. Don't break letters across certain punctuation.
+        if (type === characterIndices.ALETTER &&
+            (nextType === characterIndices.MIDLETTER || nextType === characterIndices.MIDNUMLET || nextType === characterIndices.AT) &&
+            nextNextType === characterIndices.ALETTER) {
+            return false;
+        }
+        const prevType = map[index - 1];
+        // WB7. Don't break letters across certain punctuation.
+        if ((type === characterIndices.MIDLETTER || type === characterIndices.MIDNUMLET || nextType === characterIndices.AT) &&
+            nextType === characterIndices.ALETTER &&
+            prevType === characterIndices.ALETTER) {
+            return false;
+        }
+        // WB8/WB9/WB10. Don't break inside sequences of digits or digits
+        // adjacent to letters.
+        if ((type === characterIndices.NUMERIC || type === characterIndices.ALETTER) &&
+            (nextType === characterIndices.NUMERIC || nextType === characterIndices.ALETTER)) {
+            return false;
+        }
+        // WB11. Don't break inside numeric sequences like "3.2" or
+        // "3,456.789".
+        if ((type === characterIndices.MIDNUM || type === characterIndices.MIDNUMLET) &&
+            nextType === characterIndices.NUMERIC &&
+            prevType === characterIndices.NUMERIC) {
+            return false;
+        }
+        // WB12. Don't break inside numeric sequences like "3.2" or
+        // "3,456.789".
+        if (type === characterIndices.NUMERIC &&
+            (nextType === characterIndices.MIDNUM || nextType === characterIndices.MIDNUMLET) &&
+            nextNextType === characterIndices.NUMERIC) {
+            return false;
+        }
+        // WB4. Ignore format and extend characters.
+        if ((type === characterIndices.EXTEND || type === characterIndices.FORMAT) &&
+            (nextType === characterIndices.ALETTER || nextType === characterIndices.NUMERIC || nextType === characterIndices.KATAKANA ||
+                nextType === characterIndices.EXTEND || nextType === characterIndices.FORMAT)
+            ||
+                (nextType === characterIndices.EXTEND ||
+                    // TINY-9654: Only ignore format characters if they do not precede a word boundary. Since some format characters overlap with whitespace characters (ex: \ufeff) and
+                    // our word extraction logic excludes whitespace characters, if a whitespace-overlapping format character that precedes a word boundary is not split on, whichever word
+                    // it is a part of will not be added to the list of extracted words, causing inaccuracies.
+                    nextType === characterIndices.FORMAT && (nextNextType === characterIndices.ALETTER || nextNextType === characterIndices.NUMERIC || nextNextType === characterIndices.KATAKANA || nextNextType === characterIndices.EXTEND || nextNextType === characterIndices.FORMAT))
+                    && (type === characterIndices.ALETTER || type === characterIndices.NUMERIC || type === characterIndices.KATAKANA || type === characterIndices.EXTEND || type === characterIndices.FORMAT)) {
+            return false;
+        }
+        // WB3. Don't break inside CRLF.
+        if (type === characterIndices.CR && nextType === characterIndices.LF) {
+            return false;
+        }
+        // WB3a. Break before newlines (including CR and LF).
+        if (type === characterIndices.NEWLINE || type === characterIndices.CR || type === characterIndices.LF) {
+            return true;
+        }
+        // WB3b. Break after newlines (including CR and LF).
+        if (nextType === characterIndices.NEWLINE || nextType === characterIndices.CR || nextType === characterIndices.LF) {
+            return true;
+        }
+        // WB13. Don't break between Katakana characters.
+        if (type === characterIndices.KATAKANA && nextType === characterIndices.KATAKANA) {
+            return false;
+        }
+        // WB13a. Don't break from extenders.
+        if (nextType === characterIndices.EXTENDNUMLET &&
+            (type === characterIndices.ALETTER || type === characterIndices.NUMERIC || type === characterIndices.KATAKANA ||
+                type === characterIndices.EXTENDNUMLET)) {
+            return false;
+        }
+        // WB13b. Don't break from extenders.
+        if (type === characterIndices.EXTENDNUMLET &&
+            (nextType === characterIndices.ALETTER || nextType === characterIndices.NUMERIC ||
+                nextType === characterIndices.KATAKANA)) {
+            return false;
+        }
+        if (type === characterIndices.AT) {
+            return false;
+        }
+        // Break after any character not covered by the rules above.
+        return true;
+    };
+
+    const EMPTY_STRING = EMPTY_STRING$1;
+    const WHITESPACE = WHITESPACE$1;
+    const PUNCTUATION = PUNCTUATION$1;
+    const isProtocol = (str) => str === 'http' || str === 'https';
+    const findWordEnd = (characters, startIndex) => {
+        let i;
+        for (i = startIndex; i < characters.length; i++) {
+            if (WHITESPACE.test(characters[i])) {
+                break;
+            }
+        }
+        return i;
+    };
+    const findUrlEnd = (characters, startIndex) => {
+        const endIndex = findWordEnd(characters, startIndex + 1);
+        const peakedWord = characters.slice(startIndex + 1, endIndex).join(EMPTY_STRING);
+        return peakedWord.substr(0, 3) === '://' ? endIndex : startIndex;
+    };
+    const findWordsWithIndices = (chars, sChars, characterMap, options) => {
+        const words = [];
+        const indices = [];
+        let word = [];
+        // Loop through each character in the classification map and determine whether
+        // it precedes a word boundary, building an array of distinct words as we go.
+        for (let i = 0; i < characterMap.length; ++i) {
+            // Append this character to the current word.
+            word.push(chars[i]);
+            // If there's a word boundary between the current character and the next character,
+            // append the current word to the words array and start building a new word.
+            if (isWordBoundary(characterMap, i)) {
+                const ch = sChars[i];
+                if ((options.includeWhitespace || !WHITESPACE.test(ch)) &&
+                    (options.includePunctuation || !PUNCTUATION.test(ch))) {
+                    const startOfWord = i - word.length + 1;
+                    const endOfWord = i + 1;
+                    const str = sChars.slice(startOfWord, endOfWord).join(EMPTY_STRING);
+                    if (isProtocol(str)) {
+                        const endOfUrl = findUrlEnd(sChars, i);
+                        const url = chars.slice(endOfWord, endOfUrl);
+                        Array.prototype.push.apply(word, url);
+                        i = endOfUrl;
+                    }
+                    // If the word is an abbreviation, include the next character if it's a period.
+                    if (sChars[i + 1] === '.' && /^([a-zA-Z]\.)+$/.test(str + '.')) {
+                        word.push(chars[i + 1]);
+                        indices.push({
+                            start: startOfWord,
+                            end: endOfWord + 1
+                        });
+                    }
+                    else {
+                        indices.push({
+                            start: startOfWord,
+                            end: endOfWord
+                        });
+                    }
+                    words.push(word);
+                }
+                word = [];
+            }
+        }
+        return { words, indices };
+    };
+    const getDefaultOptions = () => ({
+        includeWhitespace: false,
+        includePunctuation: false
+    });
+    const getWordsWithIndices = (chars, extract, options) => {
+        options = {
+            ...getDefaultOptions(),
+            ...options
+        };
+        const extractedChars = map(chars, extract);
+        const characterMap = classify(extractedChars);
+        return findWordsWithIndices(chars, extractedChars, characterMap, options);
+    };
+    const getWords$1 = (chars, extract, options) => getWordsWithIndices(chars, extract, options).words;
+
+    const getWords = getWords$1;
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    const getText = (node, schema) => {
+        const blockElements = schema.getBlockElements();
+        const voidElements = schema.getVoidElements();
+        const isNewline = (node) => blockElements[node.nodeName] || voidElements[node.nodeName];
+        const textBlocks = [];
+        let txt = '';
+        const treeWalker = new global$1(node, node);
+        let tempNode;
+        while ((tempNode = treeWalker.next())) {
+            if (tempNode.nodeType === 3) {
+                txt += removeZwsp$1(tempNode.data);
+            }
+            else if (isNewline(tempNode) && txt.length) {
+                textBlocks.push(txt);
+                txt = '';
+            }
+        }
+        if (txt.length) {
+            textBlocks.push(txt);
+        }
+        return textBlocks;
+    };
+
+    const removeZwsp = (text) => text.replace(/\u200B/g, '');
+    const strLen = (str) => str.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, '_').length;
+    const countWords = (node, schema) => {
+        // TODO - TINY-9708: See if TINY-7484 fix can be replaced by adding \u200B to the "format" character class as per Unicode standard
+        // TINY-7484: The grapheme word boundary logic used by Polaris states a ZWSP (\u200B) should be treated as
+        // a word boundary, however word counting normally does not consider it as anything so we strip it out.
+        const text = removeZwsp(getText(node, schema).join('\n'));
+        return getWords(text.split(''), identity).length;
+    };
+    const countCharacters = (node, schema) => {
+        const text = getText(node, schema).join('');
+        return strLen(text);
+    };
+    const countCharactersWithoutSpaces = (node, schema) => {
+        const text = getText(node, schema).join('').replace(/\s/g, '');
+        return strLen(text);
+    };
+
+    const createBodyCounter = (editor, count) => () => count(editor.getBody(), editor.schema);
+    const createSelectionCounter = (editor, count) => () => count(editor.selection.getRng().cloneContents(), editor.schema);
+    const createBodyWordCounter = (editor) => createBodyCounter(editor, countWords);
+    const get = (editor) => ({
+        body: {
+            getWordCount: createBodyWordCounter(editor),
+            getCharacterCount: createBodyCounter(editor, countCharacters),
+            getCharacterCountWithoutSpaces: createBodyCounter(editor, countCharactersWithoutSpaces)
+        },
+        selection: {
+            getWordCount: createSelectionCounter(editor, countWords),
+            getCharacterCount: createSelectionCounter(editor, countCharacters),
+            getCharacterCountWithoutSpaces: createSelectionCounter(editor, countCharactersWithoutSpaces)
+        },
+        getCount: createBodyWordCounter(editor)
+    });
+
+    const open = (editor, api) => {
+        editor.windowManager.open({
+            title: 'Word Count',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'table',
+                        header: ['Count', 'Document', 'Selection'],
+                        cells: [
+                            [
+                                'Words',
+                                String(api.body.getWordCount()),
+                                String(api.selection.getWordCount())
+                            ],
+                            [
+                                'Characters (no spaces)',
+                                String(api.body.getCharacterCountWithoutSpaces()),
+                                String(api.selection.getCharacterCountWithoutSpaces())
+                            ],
+                            [
+                                'Characters',
+                                String(api.body.getCharacterCount()),
+                                String(api.selection.getCharacterCount())
+                            ]
+                        ]
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'close',
+                    text: 'Close',
+                    primary: true
+                }
+            ]
+        });
+    };
+
+    const register$1 = (editor, api) => {
+        editor.addCommand('mceWordCount', () => open(editor, api));
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    const fireWordCountUpdate = (editor, api) => {
+        editor.dispatch('wordCountUpdate', {
+            wordCount: {
+                words: api.body.getWordCount(),
+                characters: api.body.getCharacterCount(),
+                charactersWithoutSpaces: api.body.getCharacterCountWithoutSpaces()
+            }
+        });
+    };
+
+    const updateCount = (editor, api) => {
+        fireWordCountUpdate(editor, api);
+    };
+    const setup = (editor, api, delay) => {
+        const debouncedUpdate = first(() => updateCount(editor, api), delay);
+        editor.on('init', () => {
+            updateCount(editor, api);
+            global.setEditorTimeout(editor, () => {
+                editor.on('SetContent BeforeAddUndo Undo Redo ViewUpdate keyup', debouncedUpdate.throttle);
+            }, 0);
+            editor.on('remove', debouncedUpdate.cancel);
+        });
+    };
+
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceWordCount');
+        editor.ui.registry.addButton('wordcount', {
+            tooltip: 'Word count',
+            icon: 'character-count',
+            onAction,
+            context: 'any'
+        });
+        editor.ui.registry.addMenuItem('wordcount', {
+            text: 'Word count',
+            icon: 'character-count',
+            onAction,
+            context: 'any'
+        });
+    };
+
+    var Plugin = (delay = 300) => {
+        global$2.add('wordcount', (editor) => {
+            const api = get(editor);
+            register$1(editor, api);
+            register(editor);
+            setup(editor, api, delay);
+            return api;
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/plugin.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/plugin.min.js
new file mode 100644
index 000000000..ac4494677
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/plugins/wordcount/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=t=>null===t;const n=t=>t,o=(t,e)=>{const n=t.length,o=new Array(n);for(let r=0;r<n;r++){const n=t[r];o[r]=e(n,r)}return o},r="[-'\\.\u2018\u2019\u2024\ufe52\uff07\uff0e]",c="[:\xb7\xb7\u05f4\u2027\ufe13\ufe55\uff1a]",u="[\xb1+*/,;;\u0589\u060c\u060d\u066c\u07f8\u2044\ufe10\ufe14\ufe50\ufe54\uff0c\uff1b]",s="[0-9\u0660-\u0669\u066b\u06f0-\u06f9\u07c0-\u07c9\u0966-\u096f\u09e6-\u09ef\u0a66-\u0a6f\u0ae6-\u0aef\u0b66-\u0b6f\u0be6-\u0bef\u0c66-\u0c6f\u0ce6-\u0cef\u0d66-\u0d6f\u0e50-\u0e59\u0ed0-\u0ed9\u0f20-\u0f29\u1040-\u1049\u1090-\u1099\u17e0-\u17e9\u1810-\u1819\u1946-\u194f\u19d0-\u19d9\u1a80-\u1a89\u1a90-\u1a99\u1b50-\u1b59\u1bb0-\u1bb9\u1c40-\u1c49\u1c50-\u1c59\ua620-\ua629\ua8d0-\ua8d9\ua900-\ua909\ua9d0-\ua9d9\uaa50-\uaa59\uabf0-\uabf9]",a="\\r",i="\\n",l="[\v\f\x85\u2028\u2029]",d="[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065f\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u0900-\u0903\u093a-\u093c\u093e-\u094f\u0951-\u0957\u0962\u0963\u0981-\u0983\u09bc\u09be-\u09c4\u09c7\u09c8\u09cb-\u09cd\u09d7\u09e2\u09e3\u0a01-\u0a03\u0a3c\u0a3e-\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81-\u0a83\u0abc\u0abe-\u0ac5\u0ac7-\u0ac9\u0acb-\u0acd\u0ae2\u0ae3\u0b01-\u0b03\u0b3c\u0b3e-\u0b44\u0b47\u0b48\u0b4b-\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcd\u0bd7\u0c01-\u0c03\u0c3e-\u0c44\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0c82\u0c83\u0cbc\u0cbe-\u0cc4\u0cc6-\u0cc8\u0cca-\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d02\u0d03\u0d3e-\u0d44\u0d46-\u0d48\u0d4a-\u0d4d\u0d57\u0d62\u0d63\u0d82\u0d83\u0dca\u0dcf-\u0dd4\u0dd6\u0dd8-\u0ddf\u0df2\u0df3\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f3e\u0f3f\u0f71-\u0f84\u0f86\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u102b-\u103e\u1056-\u1059\u105e-\u1060\u1062-\u1064\u1067-\u106d\u1071-\u1074\u1082-\u108d\u108f\u109a-\u109d\u135d-\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b6-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u192b\u1930-\u193b\u19b0-\u19c0\u19c8\u19c9\u1a17-\u1a1b\u1a55-\u1a5e\u1a60-\u1a7c\u1a7f\u1b00-\u1b04\u1b34-\u1b44\u1b6b-\u1b73\u1b80-\u1b82\u1ba1-\u1baa\u1be6-\u1bf3\u1c24-\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce8\u1ced\u1cf2\u1dc0-\u1de6\u1dfc-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2d7f\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua823-\ua827\ua880\ua881\ua8b4-\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua953\ua980-\ua983\ua9b3-\ua9c0\uaa29-\uaa36\uaa43\uaa4c\uaa4d\uaa7b\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe3-\uabea\uabec\uabed\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]",g="[\xad\u0600-\u0603\u06dd\u070f\u17b4\u17b5\u200e\u200f\u202a-\u202e\u2060-\u2064\u206a-\u206f\ufeff\ufff9-\ufffb]",p="[\u3031-\u3035\u309b\u309c\u30a0-\u30fa\u30fc-\u30ff\u31f0-\u31ff\u32d0-\u32fe\u3300-\u3357\uff66-\uff9d]",h="[=_\u203f\u2040\u2054\ufe33\ufe34\ufe4d-\ufe4f\uff3f\u2200-\u22ff<>]",C="[~\u2116|!-*+-\\/:;?@\\[-`{}\xa1\xab\xb7\xbb\xbf;\xb7\u055a-\u055f\u0589\u058a\u05be\u05c0\u05c3\u05c6\u05f3\u05f4\u0609\u060a\u060c\u060d\u061b\u061e\u061f\u066a-\u066d\u06d4\u0700-\u070d\u07f7-\u07f9\u0830-\u083e\u085e\u0964\u0965\u0970\u0df4\u0e4f\u0e5a\u0e5b\u0f04-\u0f12\u0f3a-\u0f3d\u0f85\u0fd0-\u0fd4\u0fd9\u0fda\u104a-\u104f\u10fb\u1361-\u1368\u1400\u166d\u166e\u169b\u169c\u16eb-\u16ed\u1735\u1736\u17d4-\u17d6\u17d8-\u17da\u1800-\u180a\u1944\u1945\u1a1e\u1a1f\u1aa0-\u1aa6\u1aa8-\u1aad\u1b5a-\u1b60\u1bfc-\u1bff\u1c3b-\u1c3f\u1c7e\u1c7f\u1cd3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205e\u207d\u207e\u208d\u208e\u3008\u3009\u2768-\u2775\u27c5\u27c6\u27e6-\u27ef\u2983-\u2998\u29d8-\u29db\u29fc\u29fd\u2cf9-\u2cfc\u2cfe\u2cff\u2d70\u2e00-\u2e2e\u2e30\u2e31\u3001-\u3003\u3008-\u3011\u3014-\u301f\u3030\u303d\u30a0\u30fb\ua4fe\ua4ff\ua60d-\ua60f\ua673\ua67e\ua6f2-\ua6f7\ua874-\ua877\ua8ce\ua8cf\ua8f8-\ua8fa\ua92e\ua92f\ua95f\ua9c1-\ua9cd\ua9de\ua9df\uaa5c-\uaa5f\uaade\uaadf\uabeb\ufd3e\ufd3f\ufe10-\ufe19\ufe30-\ufe52\ufe54-\ufe61\ufe63\ufe68\ufe6a\ufe6b\uff01-\uff03\uff05-\uff0a\uff0c-\uff0f\uff1a\uff1b\uff1f\uff20\uff3b-\uff3d\uff3f\uff5b\uff5d\uff5f-\uff65]",y=10,m=[new RegExp("[A-Za-z\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec\u02ee\u0370-\u0374\u0376\u0377\u037a-\u037d\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u048a-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05d0-\u05ea\u05f0-\u05f3\u0620-\u064a\u066e\u066f\u0671-\u06d3\u06d5\u06e5\u06e6\u06ee\u06ef\u06fa-\u06fc\u06ff\u0710\u0712-\u072f\u074d-\u07a5\u07b1\u07ca-\u07ea\u07f4\u07f5\u07fa\u0800-\u0815\u081a\u0824\u0828\u0840-\u0858\u0904-\u0939\u093d\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097f\u0985-\u098c\u098f\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09ce\u09dc\u09dd\u09df-\u09e1\u09f0\u09f1\u0a05-\u0a0a\u0a0f\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32\u0a33\u0a35\u0a36\u0a38\u0a39\u0a59-\u0a5c\u0a5e\u0a72-\u0a74\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2\u0ab3\u0ab5-\u0ab9\u0abd\u0ad0\u0ae0\u0ae1\u0b05-\u0b0c\u0b0f\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32\u0b33\u0b35-\u0b39\u0b3d\u0b5c\u0b5d\u0b5f-\u0b61\u0b71\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99\u0b9a\u0b9c\u0b9e\u0b9f\u0ba3\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bd0\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c33\u0c35-\u0c39\u0c3d\u0c58\u0c59\u0c60\u0c61\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cde\u0ce0\u0ce1\u0cf1\u0cf2\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d4e\u0d60\u0d61\u0d7a-\u0d7f\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0f00\u0f40-\u0f47\u0f49-\u0f6c\u0f88-\u0f8c\u10a0-\u10c5\u10d0-\u10fa\u10fc\u1100-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1380-\u138f\u13a0-\u13f4\u1401-\u166c\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16ee-\u16f0\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1820-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191c\u1a00-\u1a16\u1b05-\u1b33\u1b45-\u1b4b\u1b83-\u1ba0\u1bae\u1baf\u1bc0-\u1be5\u1c00-\u1c23\u1c4d-\u1c4f\u1c5a-\u1c7d\u1ce9-\u1cec\u1cee-\u1cf1\u1d00-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2119-\u211d\u2124\u2126\u2128\u212a-\u212d\u212f-\u2139\u213c-\u213f\u2145-\u2149\u214e\u2160-\u2188\u24b6-\u24e9\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2ce4\u2ceb-\u2cee\u2d00-\u2d25\u2d30-\u2d65\u2d6f\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u2e2f\u3005\u303b\u303c\u3105-\u312d\u3131-\u318e\u31a0-\u31ba\ua000-\ua48c\ua4d0-\ua4fd\ua500-\ua60c\ua610-\ua61f\ua62a\ua62b\ua640-\ua66e\ua67f-\ua697\ua6a0-\ua6ef\ua717-\ua71f\ua722-\ua788\ua78b-\ua78e\ua790\ua791\ua7a0-\ua7a9\ua7fa-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua840-\ua873\ua882-\ua8b3\ua8f2-\ua8f7\ua8fb\ua90a-\ua925\ua930-\ua946\ua960-\ua97c\ua984-\ua9b2\ua9cf\uaa00-\uaa28\uaa40-\uaa42\uaa44-\uaa4b\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uabc0-\uabe2\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\ufb00-\ufb06\ufb13-\ufb17\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40\ufb41\ufb43\ufb44\ufb46-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\uff21-\uff3a\uff41-\uff5a\uffa0-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc]"),new RegExp(r),new RegExp(c),new RegExp(u),new RegExp(s),new RegExp(a),new RegExp(i),new RegExp(l),new RegExp(d),new RegExp(g),new RegExp(p),new RegExp(h),new RegExp("@")],w=new RegExp("^"+C+"$"),x=m,W=t=>{let e=13;const n=x.length;for(let o=0;o<n;++o){const n=x[o];if(n&&n.test(t)){e=o;break}}return e},f=(t,e)=>{const n=t[e],o=t[e+1];if(e<0||e>t.length-1&&0!==e)return!1;if(0===n&&0===o)return!1;const r=t[e+2];if(0===n&&(2===o||1===o||12===o)&&0===r)return!1;const c=t[e-1];return(2!==n&&1!==n&&12!==o||0!==o||0!==c)&&(4!==n&&0!==n||4!==o&&0!==o)&&(3!==n&&1!==n||4!==o||4!==c)&&(4!==n||3!==o&&1!==o||4!==r)&&(8!==n&&9!==n||0!==o&&4!==o&&o!==y&&8!==o&&9!==o)&&(8!==o&&(9!==o||0!==r&&4!==r&&r!==y&&8!==r&&9!==r)||0!==n&&4!==n&&n!==y&&8!==n&&9!==n)&&(5!==n||6!==o)&&(7===n||5===n||6===n||7===o||5===o||6===o||(n!==y||o!==y)&&(11!==o||0!==n&&4!==n&&n!==y&&11!==n)&&(11!==n||0!==o&&4!==o&&o!==y)&&12!==n)},E=/^\s+$/,R=w,S=t=>"http"===t||"https"===t,b=(t,e)=>{const n=((t,e)=>{let n;for(n=e;n<t.length&&!E.test(t[n]);n++);return n})(t,e+1);return"://"===t.slice(e+1,n).join("").substr(0,3)?n:e},v=(t,e,n)=>((t,e,n)=>{n={includeWhitespace:!1,includePunctuation:!1,...n};const r=o(t,e);return((t,e,n,o)=>{const r=[],c=[];let u=[];for(let s=0;s<n.length;++s)if(u.push(t[s]),f(n,s)){const n=e[s];if((o.includeWhitespace||!E.test(n))&&(o.includePunctuation||!R.test(n))){const n=s-u.length+1,o=s+1,a=e.slice(n,o).join("");if(S(a)){const n=b(e,s),r=t.slice(o,n);Array.prototype.push.apply(u,r),s=n}"."===e[s+1]&&/^([a-zA-Z]\.)+$/.test(a+".")?(u.push(t[s+1]),c.push({start:n,end:o+1})):c.push({start:n,end:o}),r.push(u)}u=[]}return{words:r,indices:c}})(t,r,(t=>{const e=(t=>{const e={};return n=>{if(e[n])return e[n];{const o=t(n);return e[n]=o,o}}})(W);return o(t,e)})(r),n)})(t,e,n).words;var F=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker");const T=(t,e)=>{const n=e.getBlockElements(),o=e.getVoidElements(),r=t=>n[t.nodeName]||o[t.nodeName],c=[];let u="";const s=new F(t,t);let a;for(;a=s.next();)3===a.nodeType?u+=a.data.replace(/\uFEFF/g,""):r(a)&&u.length&&(c.push(u),u="");return u.length&&c.push(u),c},A=t=>t.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,"_").length,B=(t,e)=>{const o=(t=>t.replace(/\u200B/g,""))(T(t,e).join("\n"));return v(o.split(""),n).length},D=(t,e)=>{const n=T(t,e).join("");return A(n)},j=(t,e)=>{const n=T(t,e).join("").replace(/\s/g,"");return A(n)},k=(t,e)=>()=>e(t.getBody(),t.schema),U=(t,e)=>()=>e(t.selection.getRng().cloneContents(),t.schema),M=t=>k(t,B);var P=tinymce.util.Tools.resolve("tinymce.util.Delay");const $=(t,e)=>{((t,e)=>{t.dispatch("wordCountUpdate",{wordCount:{words:e.body.getWordCount(),characters:e.body.getCharacterCount(),charactersWithoutSpaces:e.body.getCharacterCountWithoutSpaces()}})})(t,e)},z=(t,n,o)=>{const r=((t,n)=>{let o=null;return{cancel:()=>{e(o)||(clearTimeout(o),o=null)},throttle:(...r)=>{e(o)&&(o=setTimeout((()=>{o=null,t.apply(null,r)}),n))}}})((()=>$(t,n)),o);t.on("init",(()=>{$(t,n),P.setEditorTimeout(t,(()=>{t.on("SetContent BeforeAddUndo Undo Redo ViewUpdate keyup",r.throttle)}),0),t.on("remove",r.cancel)}))};((e=300)=>{t.add("wordcount",(t=>{const n=(t=>({body:{getWordCount:M(t),getCharacterCount:k(t,D),getCharacterCountWithoutSpaces:k(t,j)},selection:{getWordCount:U(t,B),getCharacterCount:U(t,D),getCharacterCountWithoutSpaces:U(t,j)},getCount:M(t)}))(t);return((t,e)=>{t.addCommand("mceWordCount",(()=>((t,e)=>{t.windowManager.open({title:"Word Count",body:{type:"panel",items:[{type:"table",header:["Count","Document","Selection"],cells:[["Words",String(e.body.getWordCount()),String(e.selection.getWordCount())],["Characters (no spaces)",String(e.body.getCharacterCountWithoutSpaces()),String(e.selection.getCharacterCountWithoutSpaces())],["Characters",String(e.body.getCharacterCount()),String(e.selection.getCharacterCount())]]}]},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}]})})(t,e)))})(t,n),(t=>{const e=()=>t.execCommand("mceWordCount");t.ui.registry.addButton("wordcount",{tooltip:"Word count",icon:"character-count",onAction:e,context:"any"}),t.ui.registry.addMenuItem("wordcount",{text:"Word count",icon:"character-count",onAction:e,context:"any"})})(t),z(t,n,e),n}))})()}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.css
new file mode 100644
index 000000000..32e8ebd9b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.css
@@ -0,0 +1,75 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  background-color: #222f3e;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+a {
+  color: #4099ff;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #6d737b;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #8a8f97;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #6d737b;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #6d737b;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #6d737b;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #6d737b;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.js
new file mode 100644
index 000000000..f6a4e702a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/dark/content.css', `body{background-color:#222f3e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.min.css
new file mode 100644
index 000000000..b0fd16d54
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/dark/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{background-color:#222f3e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.css
new file mode 100644
index 000000000..84253b630
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.css
@@ -0,0 +1,70 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.js
new file mode 100644
index 000000000..b8156a481
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/default/content.css', `body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.min.css
new file mode 100644
index 000000000..44e18ac45
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/default/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.css
new file mode 100644
index 000000000..54ce58610
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.css
@@ -0,0 +1,75 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@media screen {
+  html {
+    background: #f4f4f4;
+    min-height: 100%;
+  }
+}
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+@media screen {
+  body {
+    background-color: #fff;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+    box-sizing: border-box;
+    margin: 1rem auto 0;
+    max-width: 820px;
+    min-height: calc(100vh - 1rem);
+    padding: 4rem 6rem 6rem 6rem;
+  }
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure figcaption {
+  color: #999;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.js
new file mode 100644
index 000000000..a7c3c4703
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/document/content.css', `@media screen{html{background:#f4f4f4;min-height:100%}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}@media screen{body{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);box-sizing:border-box;margin:1rem auto 0;max-width:820px;min-height:calc(100vh - 1rem);padding:4rem 6rem 6rem 6rem}}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure figcaption{color:#999;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.min.css
new file mode 100644
index 000000000..af24a0ba5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/document/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@media screen{html{background:#f4f4f4;min-height:100%}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}@media screen{body{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);box-sizing:border-box;margin:1rem auto 0;max-width:820px;min-height:calc(100vh - 1rem);padding:4rem 6rem 6rem 6rem}}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure figcaption{color:#999;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.css
new file mode 100644
index 000000000..87e17f243
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.css
@@ -0,0 +1,75 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  background-color: #2f3742;
+  color: #dfe0e4;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+a {
+  color: #4099ff;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #6d737b;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #8a8f97;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #6d737b;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #6d737b;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #6d737b;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #6d737b;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.js
new file mode 100644
index 000000000..52320f30f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/tinymce-5-dark/content.css', `body{background-color:#2f3742;color:#dfe0e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.min.css
new file mode 100644
index 000000000..8568f6688
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5-dark/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{background-color:#2f3742;color:#dfe0e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.css
new file mode 100644
index 000000000..84253b630
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.css
@@ -0,0 +1,70 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.js
new file mode 100644
index 000000000..1a0da2d4d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/tinymce-5/content.css', `body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.min.css
new file mode 100644
index 000000000..44e18ac45
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/tinymce-5/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.css
new file mode 100644
index 000000000..bdf30d183
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.css
@@ -0,0 +1,71 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem auto;
+  max-width: 900px;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.js
new file mode 100644
index 000000000..83f3a221a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/writer/content.css', `body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem auto;max-width:900px}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.min.css
new file mode 100644
index 000000000..44e53a87f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/content/writer/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem auto;max-width:900px}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.css
new file mode 100644
index 000000000..109b01a04
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.css
@@ -0,0 +1,881 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #1b3b60;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #006ce7;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #1b3b60;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #1b3b60;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #1b3b60;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #006ce7;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #f8f8f2;
+  background: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+  border-radius: 0.3em;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #282a36;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #6272a4;
+}
+.token.punctuation {
+  color: #f8f8f2;
+}
+.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #ff79c6;
+}
+.token.boolean,
+.token.number {
+  color: #bd93f9;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #50fa7b;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #f8f8f2;
+}
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #f1fa8c;
+}
+.token.keyword {
+  color: #8be9fd;
+}
+.token.regex,
+.token.important {
+  color: #ffb86c;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.3);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.3);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #4099ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #4099ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid transparent;
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: lighten;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #4099ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #99c4f5;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #ffeb99;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #eb9999;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #99c4f5;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #ffeb99;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #eb9999;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.css
new file mode 100644
index 000000000..86ac0c46e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.css
@@ -0,0 +1,887 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.js
new file mode 100644
index 000000000..166db8ffe
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/oxide-dark/content.inline.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.min.css
new file mode 100644
index 000000000..2844f4ea3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.inline.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.js
new file mode 100644
index 000000000..7941dadc7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/oxide-dark/content.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #1b3b60}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #006ce7}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#1b3b60;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#1b3b60}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#1b3b60;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #006ce7}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.3)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.3);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#99c4f5}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#ffeb99}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#eb9999}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#99c4f5;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#ffeb99;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#eb9999;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.min.css
new file mode 100644
index 000000000..8851414e3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #1b3b60}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #006ce7}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#1b3b60;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#1b3b60}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#1b3b60;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #006ce7}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.3)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.3);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#99c4f5}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#ffeb99}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#eb9999}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#99c4f5;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#ffeb99;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#eb9999;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.css
new file mode 100644
index 000000000..de32a3c70
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.css
@@ -0,0 +1,5144 @@
+.tox {
+  box-shadow: none;
+  box-sizing: content-box;
+  color: #222f3e;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 2px solid #161f29;
+  border-radius: 10px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+  background-color: #222F3E;
+  border: 2px solid #161f29;
+  border-radius: 10px;
+  box-shadow: none;
+  overflow: hidden;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox[dir=rtl] .tox-icon--flip svg {
+  transform: rotateY(180deg);
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox #accessibility-issue__subheader {
+  font-size: 16px;
+  color: #fff;
+}
+.tox .accessbility-sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(0 0 99.9% 99.9%);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  padding: 0;
+  border: 0;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border-radius: 6px;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
+}
+.tox #accessibility-issue__contentID {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.tox #accessibility-issue__contentID span:first-child {
+  font-weight: bold;
+}
+.tox #accessibility-issue__document {
+  padding-bottom: 8px;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 8px;
+}
+.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
+  color: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: #1f354f;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  font-size: 14px;
+  color: #99c4f5;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
+  fill: #99c4f5;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #006ce7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #0060ce;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #0054b4;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: #383f38;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  font-size: 14px;
+  color: #ffeb99;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
+  fill: #ffeb99;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: #332a38;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  font-size: 14px;
+  color: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
+  fill: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.5);
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  display: none;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox .mce-codemirror {
+  background: #fff;
+  bottom: 0;
+  font-size: 13px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .mce-codemirror.tox-inline-codemirror {
+  margin: 8px;
+  position: absolute;
+}
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #161f29;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #006ce7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #006ce7;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-button::before {
+  border-radius: 6px;
+  bottom: -1px;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+  content: '';
+  left: -1px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.tox .tox-button[disabled] {
+  background-color: #006ce7;
+  background-image: none;
+  border-color: #006ce7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #0060ce;
+  background-image: none;
+  border-color: #0060ce;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #0060ce;
+  background-image: none;
+  border-color: #0060ce;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled[disabled] {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
+  background-color: #00489b;
+  background-image: none;
+  border-color: #00489b;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
+  background-color: #00489b;
+  background-image: none;
+  border-color: #00489b;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:active:not(:disabled) {
+  background-color: #003c81;
+  background-image: none;
+  border-color: #003c81;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button--secondary {
+  background-color: #3d546f;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #3d546f;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #3d546f;
+  background-image: none;
+  border-color: #3d546f;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #2b3b4e;
+  background-image: none;
+  border-color: #2b3b4e;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled {
+  background-color: #2b5c93;
+  background-image: none;
+  border-color: #2b5c93;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled[disabled] {
+  background-color: #2b5c93;
+  background-image: none;
+  border-color: #2b5c93;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
+  background-color: #254f80;
+  background-image: none;
+  border-color: #254f80;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
+  background-color: #254f80;
+  background-image: none;
+  border-color: #254f80;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
+  background-color: #1f436c;
+  background-image: none;
+  border-color: #1f436c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 6px 1px 5px 0;
+  padding: 0;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-color: transparent;
+  box-shadow: unset;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: rgba(255, 255, 255, 0.3);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #fff;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.2);
+}
+@media (forced-colors: active) {
+  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #006ce7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #006ce7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 6px;
+  box-shadow: inset 0 0 0 1px #006ce7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: rgba(255, 255, 255, 0.15);
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: rgba(255, 255, 255, 0.5);
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  border-radius: 3px;
+  color: #fff;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #fff;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #006ce7;
+  stroke: #006ce7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #222F3E;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #222F3E;
+  opacity: 0.8;
+  background-clip: content-box;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #2b3b4e;
+  color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #006ce7;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+    border: solid 1px;
+  }
+}
+.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #599fef;
+  color: #fff;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #2f4055;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff inset;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #599fef;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #fff;
+  background-color: #2b3b4e;
+  position: relative;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+  background-color: #2f4055;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
+  background-color: #2f4055;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection__item-image {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  max-width: 100%;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: currentColor;
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: currentColor;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #2b3b4e;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 28px;
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid transparent;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid transparent;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+@media (forced-colors: active) {
+  .tox .tox-hue-slider,
+  .tox .tox-rgb-form .tox-rgba-preview {
+    background-color: currentColor !important;
+    border: 1px solid highlight !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-spectrum:focus,
+.tox .tox-sv-palette-spectrum:focus {
+  outline: #08f solid;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  min-width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid #f00 !important;
+  box-shadow: 0 0 0 1px #f00;
+}
+.tox .tox-rgb-container {
+  position: relative;
+}
+.tox .tox-rgb-form .tox-invalid-icon {
+  align-content: center;
+  align-items: center;
+  display: none;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
+  margin: 0;
+}
+.tox .tox-rgb-warning-note {
+  background-color: #442632;
+  border: 1px solid #55212b;
+  border-radius: 3px;
+  color: #e68080;
+  padding: 3px;
+}
+.tox input.tox-invalid + .tox-invalid-icon {
+  display: flex;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px -4px;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+@media (forced-colors: active) {
+  .tox .tox-swatches__row {
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  fill: #fff;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #2f4055;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #fff;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
+  display: block;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox {
+  /* Animation for deleting a comment */
+  /* A comment fades to 0 when it is being deleted, then is removed */
+}
+.tox .tox-conversations {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  /* This is to give the sidebar a consistent width. Need a solution for this */
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+}
+.tox .tox-conversations__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  padding: 8px 12px;
+  background: #222F3E;
+  z-index: 1;
+}
+.tox .tox-conversations__title {
+  font-size: 20px;
+  font-weight: 400;
+  padding: 8px 0 8px 0;
+  color: #fff;
+  line-height: 28px;
+}
+.tox .tox-comment {
+  background: #222F3E;
+  border: 1px solid #222F3E;
+  border-radius: 6px;
+  padding: 8px;
+  padding-bottom: 16px;
+  position: relative;
+}
+.tox .tox-comment:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected {
+  background-color: #1b3b60;
+  border: 1px solid #006ce7;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected:focus {
+  border: 2px solid #fff;
+  margin: -1px;
+}
+.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
+  margin-top: 7px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single {
+  margin-bottom: 12px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
+  position: relative;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
+  top: -9px;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: block;
+  bottom: -9px;
+  left: -9px;
+  right: -9px;
+  border-radius: 6px;
+  border: 2px solid #fff;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: #fff;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-comment__body {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+  white-space: pre-wrap;
+  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
+}
+.tox .tox-comment__body.tox-comment__body--expanded {
+  max-height: 100em;
+  transition: max-height 1s ease-in-out;
+}
+.tox .tox-comment__body.tox-comment__body--pending {
+  transition: max-height 0s;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+  font-size: 16px;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #222F3E;
+  box-shadow: 0 0 8px 8px #222F3E;
+  color: #fff;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+  font-style: normal;
+  /* Need a focus highlight on the show more/less button */
+}
+.tox .tox-comment__expander p:focus {
+  font-weight: bold;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-tbtn.tox-comment__mention-btn {
+  display: flex;
+  width: 34px;
+  height: 34px;
+  padding: 5px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  background-color: transparent;
+}
+.tox .tox-comment-thread {
+  background: #222F3E;
+  position: relative;
+  border-radius: 6px;
+  background-color: transparent;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #222F3E;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(34, 47, 62, 0), #222F3E);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #222F3E;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #222F3E;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 12px;
+  scroll-behavior: smooth;
+}
+.tox .tox-comment__scroll:has(textarea:focus) {
+  scroll-behavior: auto;
+}
+.tox .tox-comment--disappearing {
+  transition: opacity 0.5s ease;
+}
+.tox .tox-comment[data-transitioning-destination="deleting"] {
+  opacity: 0;
+}
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
+.tox .tox-ring-loader {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #FFF;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-user__avatar img {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-user__name {
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 18px;
+  text-transform: none;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg,
+.tox:not([dir=rtl]) .tox-user__avatar img {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg,
+.tox[dir=rtl] .tox-user__avatar img {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox {
+  /* .tox-dialog-blocker-wrap {
+    //
+  } */
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #222F3E;
+}
+.tox .tox-dialog {
+  background-color: #2b3b4e;
+  border-color: #161f29;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 0;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    max-height: calc(100vh - 8px * 2);
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-bottom: none;
+  color: #fff;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #fff;
+  display: flex;
+  flex: 1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 16px 16px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(255, 255, 255, 0.5);
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  max-width: 13em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #67aeff;
+  color: #67aeff;
+}
+@media (forced-colors: active) {
+  .tox .tox-dialog__body-nav-item--active {
+    border-bottom: 2px solid highlight;
+    color: highlight;
+  }
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-height: min(650px, calc(100vh - 110px));
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #67aeff;
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #cde5ff;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #67aeff;
+  outline-offset: 2px;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #ffffff;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
+.tox .tox-dialog__body-content ul {
+  list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #fff;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-top: none;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #000000;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
+.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
+  background: #fff;
+}
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  content: '';
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered iframe {
+  border-radius: 6px;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #161f29;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(255, 255, 255, 0.5);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area::before {
+  border: 2px solid #FFFFFF;
+  border-radius: 4px;
+  content: '';
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
+@media (forced-colors: active) {
+  .tox .tox-edit-area::before {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #161f29;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #222F3E;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #222F3E;
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: none;
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-custom-preview {
+  border-color: #161f29;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  flex: 1;
+  padding: 8px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  box-sizing: border-box;
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(34 47 3.1%);
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span {
+    border-color: currentColor;
+    border-width: 2px !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #006ce7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #2b3b4e;
+  border-radius: 6px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span::before {
+    border: none;
+  }
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(255, 255, 255, 0.5);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  appearance: none;
+  background-color: #2b3b4e;
+  border-color: #161f29;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 5.5px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-toolbar-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #222f3e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-toolbar-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-focusable-wrapper:focus,
+.tox .tox-custom-editor:focus-within {
+  background-color: #2b3b4e;
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-toolbar-textfield {
+  max-width: 250px;
+  min-height: unset;
+  height: 28px;
+  margin: 5px 0 6px 0;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #006ce7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-textfield-size {
+  width: 80px;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-listbox__select-chevron svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  appearance: none;
+  background-color: #2b3b4e;
+  border-color: #161f29;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 5.5px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #2b3b4e;
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-selectfield select option:checked {
+  background-color: revert;
+  color: revert;
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea-wrap {
+  border-color: #161f29;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+.tox .tox-textarea {
+  appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-imagepreview {
+  background-color: #666;
+  height: 380px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+  overflow: auto;
+}
+.tox .tox-imagepreview__container {
+  display: flex;
+  left: 100vw;
+  position: absolute;
+  top: 100vw;
+}
+.tox .tox-imagepreview__image {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+  flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+  align-items: center;
+  display: flex;
+  height: 60px;
+  justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px -4px;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px -4px;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #161f29;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #fff;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #2f4055;
+}
+.tox .tox-insert-table-picker {
+  background-color: #222F3E;
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: rgba(255, 255, 255, 0.15);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: #006ce7;
+  border-color: rgba(255, 255, 255, 0.15);
+}
+@media (forced-colors: active) {
+  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    border-color: Highlight;
+    filter: contrast(50%);
+  }
+}
+.tox .tox-insert-table-picker__label {
+  color: #fff;
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox-mentions__card-common {
+  z-index: 1200;
+}
+.tox.tox-mentions__card {
+  background: #222F3E;
+  border: 1px solid #161f29;
+  display: flex;
+  padding: 4px 8px;
+}
+.tox.tox-mentions__card .tox-mentions__container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin: 0 4px;
+}
+.tox .tox-mentions__avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+.tox .tox-mentions__username {
+  font-size: 14px;
+  line-height: 21px;
+}
+.tox .tox-mentions__description {
+  font-size: 12px;
+  line-height: 21px;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-collection__item--active .tox-mentions__description {
+  color: inherit;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #2b3b4e;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 6px;
+  box-shadow: none;
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 8px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 8px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-menu .tox-collection__item-label {
+    overflow-wrap: break-word;
+    word-break: normal;
+  }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
+  background-color: #222F3E;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  padding: 0 11px 0 12px;
+}
+.tox .tox-promotion + .tox-menubar {
+  grid-column: 1;
+}
+.tox .tox-promotion {
+  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
+  background-color: #222F3E;
+  grid-column: 2;
+  grid-row: 1;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
+  padding-top: 5px;
+}
+.tox .tox-promotion-link {
+  align-items: unsafe center;
+  background-color: #E8F1F8;
+  border-radius: 5px;
+  color: #086BE6;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  height: 26.6px;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.tox .tox-promotion-link:hover {
+  background-color: #B4D7FF;
+}
+.tox .tox-promotion-link:focus {
+  background-color: #D9EDF7;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: #222F3E;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  justify-content: center;
+  margin: 5px 1px 6px 0;
+  outline: none;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-mbtn:focus:not(:disabled)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-mbtn:focus:not(:disabled)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-mbtn--active,
+.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  width: max-content;
+}
+.tox .tox-notification a {
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification:focus {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #334840;
+  border-color: #3c5440;
+  color: #fff;
+}
+.tox .tox-notification--success p {
+  color: #fff;
+}
+.tox .tox-notification--success a {
+  color: #b5d199;
+}
+.tox .tox-notification--success a:hover,
+.tox .tox-notification--success a:focus {
+  color: #82b153;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #b5d199;
+  outline-offset: 2px;
+}
+.tox .tox-notification--success a:active {
+  color: #689041;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success svg {
+  fill: #fff;
+}
+.tox .tox-notification--error {
+  background-color: #442632;
+  border-color: #55212b;
+  color: #fff;
+}
+.tox .tox-notification--error p {
+  color: #fff;
+}
+.tox .tox-notification--error a {
+  color: #e68080;
+}
+.tox .tox-notification--error a:hover,
+.tox .tox-notification--error a:focus {
+  color: #d42b2b;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #e68080;
+  outline-offset: 2px;
+}
+.tox .tox-notification--error a:active {
+  color: #aa2222;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error svg {
+  fill: #fff;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #222F3E;
+  border-color: rgba(255, 255, 255, 0.15);
+  color: #fff0b3;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #fff0b3;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #ffcc00;
+}
+.tox .tox-notification--warn a:hover,
+.tox .tox-notification--warning a:hover,
+.tox .tox-notification--warn a:focus,
+.tox .tox-notification--warning a:focus {
+  color: #997a00;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn a:focus-visible,
+.tox .tox-notification--warning a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #ffcc00;
+  outline-offset: 2px;
+}
+.tox .tox-notification--warn a:active,
+.tox .tox-notification--warning a:active {
+  color: #665200;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #fff0b3;
+}
+.tox .tox-notification--info {
+  background-color: #254161;
+  border-color: #264972;
+  color: #fff;
+}
+.tox .tox-notification--info p {
+  color: #fff;
+}
+.tox .tox-notification--info a {
+  color: #83b7f3;
+}
+.tox .tox-notification--info a:hover,
+.tox .tox-notification--info a:focus {
+  color: #2681ea;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #83b7f3;
+  outline-offset: 2px;
+}
+.tox .tox-notification--info a:active {
+  color: #1368c9;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info svg {
+  fill: #fff;
+}
+.tox .tox-notification__body {
+  align-self: center;
+  color: #fff;
+  font-size: 14px;
+  grid-column-end: 3;
+  grid-column-start: 2;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  align-self: center;
+  grid-column-end: 2;
+  grid-column-start: 1;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  align-self: start;
+  grid-column-end: 4;
+  grid-column-start: 3;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  grid-column-end: 4;
+  grid-column-start: 1;
+  grid-row-end: 3;
+  grid-row-start: 2;
+  justify-self: center;
+}
+.tox .tox-notification-container-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-notification-container-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-notification-container-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #17202a;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #222F3E;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #fff;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #2b3b4e;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #fff;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #2b3b4e 24%, #202d3b 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #17202a;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #55367A;
+  color: #C290FB;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #C290FB;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #cde5ff;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #67aeff;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #ffffff;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+  transition: 0.15s ease;
+  transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+.tox .tox-pop__dialog {
+  background-color: #222F3E;
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  opacity: 1;
+  position: absolute;
+  width: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-pop::before,
+  .tox .tox-pop::after {
+    content: none;
+  }
+}
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+  opacity: 0;
+  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #222F3E transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #161f29 transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #222F3E transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #161f29 transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #222F3E transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #161f29 transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #222F3E;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #161f29;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #34485f;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #006ce7;
+  border: 2px solid #0054b4;
+  border-radius: 6px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+  margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+  margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+  margin-inline-start: 32px;
+}
+.tox .tox-toolbar-slider {
+  align-items: center;
+  display: inline-flex;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input {
+  appearance: none;
+  background: #161f29;
+  border-radius: 16px;
+  width: 130px;
+  height: 2px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background-color: #006ce7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-thumb {
+  appearance: none;
+  background-color: #006ce7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input:focus-visible {
+  outline: none;
+}
+.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
+  background-color: #0060ce;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+}
+.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
+  background-color: #0060ce;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+}
+.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
+  background-color: #0060ce;
+}
+.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
+  background-color: #0060ce;
+}
+.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
+  background-color: #0054b4;
+}
+.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
+  background-color: #0054b4;
+}
+.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #222F3E;
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  color: rgba(255, 255, 255, 0.75);
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-weight: normal;
+  height: 25px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: none;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
+  align-items: flex-start;
+  display: flex;
+  flex: 1 1 auto;
+  height: 16px;
+  justify-content: space-between;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+@media only screen and (max-width: 767px ) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: rgba(255, 255, 255, 0.75);
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #fff;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:focus-visible::after,
+.tox .tox-statusbar__path-item:focus-visible::after,
+.tox .tox-statusbar__wordcount:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar a:focus-visible::after,
+  .tox .tox-statusbar__path-item:focus-visible::after,
+  .tox .tox-statusbar__wordcount:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(255, 255, 255, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #fff;
+}
+.tox .tox-statusbar__resize-cursor-default {
+  cursor: ns-resize;
+}
+.tox .tox-statusbar__resize-cursor-both {
+  cursor: nwse-resize;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-bottom: 3px;
+  margin-left: 4px;
+  margin-right: calc(3px - 8px);
+  margin-top: 3px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-statusbar__resize-handle:hover svg,
+.tox .tox-statusbar__resize-handle:focus svg {
+  fill: #fff;
+}
+.tox .tox-statusbar__resize-handle:focus-visible {
+  background-color: transparent;
+  border-radius: 1px 1px 5px 1px;
+  box-shadow: 0 0 0 2px transparent;
+}
+.tox .tox-statusbar__resize-handle:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__resize-handle:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__resize-handle:only-child {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 2ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-throbber {
+  z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: #222F3E;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  justify-content: center;
+  margin: 6px 1px 5px 0;
+  outline: none;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:hover,
+  .tox .tox-tbtn.tox-tbtn:hover {
+    outline: 1px dashed currentColor;
+  }
+  .tox .tox-tbtn.tox-tbtn--active,
+  .tox .tox-tbtn.tox-tbtn--enabled,
+  .tox .tox-tbtn.tox-tbtn--enabled:hover,
+  .tox .tox-tbtn.tox-tbtn--enabled:focus,
+  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+    outline: 1px solid currentColor;
+    position: relative;
+  }
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn svg {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--enabled,
+  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--disabled,
+  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
+  .tox .tox-tbtn svg .tox-tbtn:disabled,
+  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
+    filter: contrast(0%);
+  }
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-tbtn:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:hover {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--active,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn--enabled:focus {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+}
+.tox .tox-tbtn--active > *,
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled:focus > * {
+  transform: none;
+}
+.tox .tox-tbtn--active svg,
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg,
+.tox .tox-tbtn--enabled:focus svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--active.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--enabled:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn--enabled:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 42px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 56px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-label--context-toolbar {
+  margin: 6px 1px 5px 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.tox .tox-number-input {
+  background: #2f4055;
+  border-radius: 3px;
+  display: flex;
+  margin: 6px 1px 5px 0;
+  position: relative;
+  width: auto;
+}
+.tox .tox-number-input:focus {
+  background: #2f4055;
+}
+.tox .tox-number-input:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper {
+  display: flex;
+  pointer-events: none;
+  position: relative;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background-color: #2f4055;
+  z-index: 1;
+}
+.tox .tox-number-input .tox-input-wrapper:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #fff;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  position: relative;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #2f4055;
+  color: #fff;
+}
+.tox .tox-number-input input:focus {
+  background-color: #2f4055;
+}
+.tox .tox-number-input input:disabled {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button {
+  color: #fff;
+  height: 28px;
+  position: relative;
+  text-align: center;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:hover,
+  .tox .tox-number-input button:focus,
+  .tox .tox-number-input button:active {
+    outline: 1px solid currentColor !important;
+  }
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #fff;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button svg,
+  .tox .tox-number-input button svg:active,
+  .tox .tox-number-input button svg:hover {
+    fill: currentColor !important;
+  }
+  .tox .tox-number-input button svg:disabled {
+    filter: contrast(0);
+  }
+}
+.tox .tox-number-input button:focus {
+  background: #2f4055;
+  z-index: 1;
+}
+.tox .tox-number-input button:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input button:hover {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #fff;
+}
+.tox .tox-number-input button:active {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-number-input button:active svg {
+  fill: #fff;
+}
+.tox .tox-number-input button:disabled {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #2f4055;
+}
+.tox .tox-tbtn--select {
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #161f29;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  height: initial;
+  margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn__select-chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-tbtn--bespoke {
+  background: #2f4055;
+}
+.tox .tox-tbtn--bespoke:focus {
+  background: #2f4055;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+  margin-inline-start: 4px;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 6px 1px 5px 0;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #2f4055 inset;
+}
+.tox .tox-split-button:focus {
+  background: #222F3E;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-split-button:focus::after {
+  pointer-events: none;
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button > *:nth-child(1) {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.tox .tox-split-button > *:nth-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox .tox-split-button:focus .tox-tbtn {
+  background-color: transparent;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: #222F3E;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+  padding: 0 0px;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+  opacity: 0.3;
+}
+.tox .tox-toolbar-overlord {
+  background-color: #222F3E;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background-attachment: local;
+  background-color: #222F3E;
+  background-image: repeating-linear-gradient(rgba(255, 255, 255, 0.15) 0 1px, transparent 1px 39px);
+  background-position: center top 40px;
+  background-repeat: no-repeat;
+  background-size: calc(100% - 11px * 2) calc(100% - 41px);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0px;
+  transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+  background-position: center top 0px;
+  background-size: calc(100% - 11px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-toolbar-overlord,
+.tox .tox-anchorbar {
+  grid-column: 1 / -1;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: 1px solid transparent;
+  margin-top: -1px;
+  padding-bottom: 1px;
+  padding-top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-menubar + .tox-toolbar,
+  .tox .tox-menubar + .tox-toolbar-overlord {
+    outline: 1px solid currentColor;
+  }
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+  background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+  background-image: none;
+}
+.tox .tox-focusable-wrapper {
+  border: 1px solid transparent;
+  margin-right: 2px;
+  pointer-events: none;
+}
+.tox .tox-focusable-wrapper .tox-textfield-size {
+  pointer-events: all;
+}
+.tox .tox-focusable-wrapper:focus {
+  background-color: #2f4055;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #222F3E;
+  background-position: center top 43px;
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  border: none;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  overscroll-behavior: none;
+  padding: 4px 0;
+}
+@media (forced-colors: active) {
+  .tox.tox-tinymce-aux .tox-toolbar__overflow {
+    border: solid;
+  }
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+  background-position: center top 43px;
+  background-size: calc(100% - 11px * 2) calc(100% - 51px);
+  padding: 4px 0;
+}
+.tox-context-form__group {
+  display: flex;
+  align-items: center;
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 11px 0 12px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid transparent;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid transparent;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  max-width: 15em;
+  padding: 8px;
+  /*
+     * The pointer-events: none is designed to make mouse events bleed through the tooltip
+     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
+     * another item should trigger the hover of the item obscured by the tooltip, even though
+     * the tooltip is on top
+     */
+  pointer-events: none;
+  position: relative;
+  width: max-content;
+  z-index: 1150;
+}
+.tox .tox-tooltip__body {
+  background-color: #324053;
+  border-radius: 6px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  overflow-wrap: break-word;
+  padding: 4px 6px;
+  text-transform: none;
+}
+@media (forced-colors: active) {
+  .tox .tox-tooltip__body {
+    outline: outset 1px;
+  }
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #324053;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #324053;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #324053;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #324053;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-icon-custom-state {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__pane {
+  padding: 0 !important;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-revisionhistory__container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-revisionhistory {
+  background-color: #222F3E;
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  display: flex;
+  flex: 1;
+  height: 100%;
+  margin-top: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-revisionhistory--align-right {
+  margin-left: auto;
+}
+.tox .tox-revisionhistory__iframe {
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 248px;
+  width: 316px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
+  background-color: #222F3E;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  color: #fff;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  padding: 12px;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
+  background-color: #2b3b4e;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow-y: auto;
+  padding: 10px 12px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  bottom: 1px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
+  background-color: #222F3E;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 6px;
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  gap: 12px;
+  padding: 12px;
+  width: 100%;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff #285ec7;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #285ec7;
+  box-shadow: 0 0 0 2px #285ec7 !important;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
+  background-color: #62430b;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  position: relative;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff #cea215;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #cea215;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 0;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
+  align-items: center;
+  display: flex;
+  flex: 1 0 0;
+  gap: 8px;
+  height: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 16px;
+  line-height: 24px;
+  padding: 5px 5.5px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
+  color: #fff;
+  height: 24px;
+}
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #222F3E;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 10px 10px 2px 10px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #fff;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 10px 10px 2px 10px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.js
new file mode 100644
index 000000000..0d632b9a2
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/oxide-dark/skin.css', `.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #161f29;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#222f3e;border:2px solid #161f29;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#fff}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#1f354f;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#99c4f5}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#99c4f5}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#383f38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#332a38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#161f29;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled{background-color:#2b5c93;background-image:none;border-color:#2b5c93;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#2b5c93;background-image:none;border-color:#2b5c93;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#254f80;background-image:none;border-color:#254f80;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#254f80;background-image:none;border-color:#254f80;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#1f436c;background-image:none;border-color:#1f436c;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:6px 1px 5px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(255,255,255,.3);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,0.2)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:rgba(255,255,255,.15);border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.5);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#fff;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#fff;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#006ce7;stroke:#006ce7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#222f3e}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#222f3e;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#006ce7;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#599fef;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#2f4055;color:#fff;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#599fef;color:#fff}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff;background-color:#2b3b4e;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#2f4055;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#2f4055;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #161f29;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#442632;border:1px solid #55212b;border-radius:3px;color:#e68080;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#2f4055}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#fff;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#222f3e;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#fff;line-height:28px}.tox .tox-comment{background:#222f3e;border:1px solid #222f3e;border-radius:6px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#1b3b60;border:1px solid #006ce7;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid #fff;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:6px;border:2px solid #fff}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#fff;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#222f3e;box-shadow:0 0 8px 8px #222f3e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#222f3e;position:relative;border-radius:6px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#222f3e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(34,47,62,0),#222f3e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#222f3e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#222f3e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,0.5)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#161f29;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #67aeff;color:#67aeff}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#67aeff;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#cde5ff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #67aeff;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #161f29;border-radius:6px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:6px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #161f29;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #fff;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:2px solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #161f29}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#222f3e;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid rgba(255,255,255,.15);box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#222f3e;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:none}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#2b3b4e;border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#2b3b4e;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:28px;margin:5px 0 6px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#2b3b4e;border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:5px 0 6px 11px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px -4px;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px -4px}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #161f29;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#2f4055}.tox .tox-insert-table-picker{background-color:#222f3e;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:rgba(255,255,255,.15);border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:#006ce7;border-color:rgba(255,255,255,.15)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#222f3e;border:1px solid #161f29;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(255,255,255,.5)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#2b3b4e;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:none;display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#222f3e;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#222f3e;border:0;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#334840;border-color:#3c5440;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#b5d199}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#82b153;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #b5d199;outline-offset:2px}.tox .tox-notification--success a:active{color:#689041;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#442632;border-color:#55212b;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#e68080}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#d42b2b;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #e68080;outline-offset:2px}.tox .tox-notification--error a:active{color:#a22;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#222f3e;border-color:rgba(255,255,255,.15);color:#fff0b3}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff0b3}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fc0}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#997a00;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #ffcc00;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#665200;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff0b3}.tox .tox-notification--info{background-color:#254161;border-color:#264972;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#83b7f3}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#2681ea;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #83b7f3;outline-offset:2px}.tox .tox-notification--info a:active{color:#1368c9;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{align-self:center;color:#fff;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#17202a;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#222f3e;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid rgba(255,255,255,.15)}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#2b3b4e;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(255,255,255,.5)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(255,255,255,0.5)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid rgba(255,255,255,.15);padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#2b3b4e 24%,#202d3b 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#006ce7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#006ce7}.tox .tox-promotion-dialog--footer{background-color:#17202a;color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#55367a;color:#c290fb;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #C290FB}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(255,255,255,.5);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#cde5ff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #67aeff;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #161f29;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#161f29 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #161f29 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #161f29 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #161f29;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#34485f;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #161f29;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#161f29;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(255,255,255,.75);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(255,255,255,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#fff}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#fff}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#222f3e;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#599fef;border:0;box-shadow:none;color:#fff;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:#2f4055;border-radius:3px;display:flex;margin:6px 1px 5px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#2f4055}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#2f4055;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#fff;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#2f4055;color:#fff}.tox .tox-number-input input:focus{background-color:#2f4055}.tox .tox-number-input input:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button{color:#fff;height:28px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#fff;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#2f4055;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:hover svg{fill:#fff}.tox .tox-number-input button:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:active svg{fill:#fff}.tox .tox-number-input button:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#2f4055}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #161f29}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:#2f4055}.tox .tox-tbtn--bespoke:focus{background:#2f4055}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #2f4055 inset}.tox .tox-split-button:focus{background:#222f3e;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#222f3e;box-shadow:none;color:rgba(255,255,255,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#222f3e;background-image:repeating-linear-gradient(rgba(255,255,255,.15) 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#2f4055;border-radius:6px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#324053;border-radius:6px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #324053;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #324053;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #324053;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #324053;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#fff}.tox .tox-tree .tox-trbtn:focus{background:#2f4055;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:active svg{fill:#fff}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#fff}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#222f3e;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#fff;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#2b3b4e;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#222f3e;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff #285ec7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #285ec7;box-shadow:0 0 0 2px #285ec7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#62430b;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff #cea215;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #cea215}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(255,255,255,.5);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#fff;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#222f3e;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 10px 2px 10px;position:relative}.tox .tox-view__label{color:#fff;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:10px 10px 2px 10px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #161f29;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #161f29;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #161f29;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox.tox-tinymce-aux .tox-toolbar__overflow{box-shadow:0 0 0 1px rgba(255,255,255,.15)}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.min.css
new file mode 100644
index 000000000..24b144998
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.min.css
@@ -0,0 +1 @@
+.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #161f29;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#222f3e;border:2px solid #161f29;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#fff}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#1f354f;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#99c4f5}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#99c4f5}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#383f38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#332a38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#161f29;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled{background-color:#2b5c93;background-image:none;border-color:#2b5c93;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#2b5c93;background-image:none;border-color:#2b5c93;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#254f80;background-image:none;border-color:#254f80;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#254f80;background-image:none;border-color:#254f80;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#1f436c;background-image:none;border-color:#1f436c;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:6px 1px 5px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(255,255,255,.3);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,0.2)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:rgba(255,255,255,.15);border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.5);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#fff;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#fff;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#006ce7;stroke:#006ce7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#222f3e}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#222f3e;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#006ce7;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#599fef;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#2f4055;color:#fff;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#599fef;color:#fff}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff;background-color:#2b3b4e;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#2f4055;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#2f4055;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #161f29;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#442632;border:1px solid #55212b;border-radius:3px;color:#e68080;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#2f4055}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#fff;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#222f3e;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#fff;line-height:28px}.tox .tox-comment{background:#222f3e;border:1px solid #222f3e;border-radius:6px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#1b3b60;border:1px solid #006ce7;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid #fff;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:6px;border:2px solid #fff}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#fff;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#222f3e;box-shadow:0 0 8px 8px #222f3e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#222f3e;position:relative;border-radius:6px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#222f3e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(34,47,62,0),#222f3e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#222f3e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#222f3e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,0.5)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#161f29;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #67aeff;color:#67aeff}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#67aeff;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#cde5ff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #67aeff;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #161f29;border-radius:6px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:6px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #161f29;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #fff;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:2px solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #161f29}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#222f3e;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid rgba(255,255,255,.15);box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#222f3e;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:none}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#2b3b4e;border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#2b3b4e;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:28px;margin:5px 0 6px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#2b3b4e;border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:5px 0 6px 11px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px -4px;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px -4px}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #161f29;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#2f4055}.tox .tox-insert-table-picker{background-color:#222f3e;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:rgba(255,255,255,.15);border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:#006ce7;border-color:rgba(255,255,255,.15)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#222f3e;border:1px solid #161f29;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(255,255,255,.5)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#2b3b4e;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:none;display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#222f3e;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#222f3e;border:0;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#334840;border-color:#3c5440;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#b5d199}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#82b153;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #b5d199;outline-offset:2px}.tox .tox-notification--success a:active{color:#689041;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#442632;border-color:#55212b;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#e68080}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#d42b2b;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #e68080;outline-offset:2px}.tox .tox-notification--error a:active{color:#a22;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#222f3e;border-color:rgba(255,255,255,.15);color:#fff0b3}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff0b3}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fc0}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#997a00;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #ffcc00;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#665200;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff0b3}.tox .tox-notification--info{background-color:#254161;border-color:#264972;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#83b7f3}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#2681ea;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #83b7f3;outline-offset:2px}.tox .tox-notification--info a:active{color:#1368c9;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{align-self:center;color:#fff;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#17202a;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#222f3e;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid rgba(255,255,255,.15)}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#2b3b4e;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(255,255,255,.5)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(255,255,255,0.5)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid rgba(255,255,255,.15);padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#2b3b4e 24%,#202d3b 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#006ce7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#006ce7}.tox .tox-promotion-dialog--footer{background-color:#17202a;color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#55367a;color:#c290fb;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #C290FB}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(255,255,255,.5);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#cde5ff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #67aeff;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #161f29;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#161f29 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #161f29 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #161f29 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #161f29;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#34485f;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #161f29;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#161f29;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(255,255,255,.75);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(255,255,255,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#fff}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#fff}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#222f3e;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#599fef;border:0;box-shadow:none;color:#fff;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:#2f4055;border-radius:3px;display:flex;margin:6px 1px 5px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#2f4055}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#2f4055;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#fff;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#2f4055;color:#fff}.tox .tox-number-input input:focus{background-color:#2f4055}.tox .tox-number-input input:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button{color:#fff;height:28px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#fff;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#2f4055;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:hover svg{fill:#fff}.tox .tox-number-input button:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:active svg{fill:#fff}.tox .tox-number-input button:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#2f4055}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #161f29}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:#2f4055}.tox .tox-tbtn--bespoke:focus{background:#2f4055}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #2f4055 inset}.tox .tox-split-button:focus{background:#222f3e;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#222f3e;box-shadow:none;color:rgba(255,255,255,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#222f3e;background-image:repeating-linear-gradient(rgba(255,255,255,.15) 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#2f4055;border-radius:6px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#324053;border-radius:6px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #324053;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #324053;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #324053;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #324053;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#fff}.tox .tox-tree .tox-trbtn:focus{background:#2f4055;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:active svg{fill:#fff}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#fff}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#222f3e;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#fff;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#2b3b4e;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#222f3e;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff #285ec7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #285ec7;box-shadow:0 0 0 2px #285ec7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#62430b;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff #cea215;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #cea215}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(255,255,255,.5);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#fff;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#222f3e;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 10px 2px 10px;position:relative}.tox .tox-view__label{color:#fff;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:10px 10px 2px 10px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #161f29;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #161f29;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #161f29;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox.tox-tinymce-aux .tox-toolbar__overflow{box-shadow:0 0 0 1px rgba(255,255,255,.15)}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
new file mode 100644
index 000000000..25b0a3710
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.js
new file mode 100644
index 000000000..ee202b424
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/oxide-dark/skin.shadowdom.css', `body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
new file mode 100644
index 000000000..8745951a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
@@ -0,0 +1 @@
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.css
new file mode 100644
index 000000000..5d4df6a76
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.css
@@ -0,0 +1,893 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.css
new file mode 100644
index 000000000..86ac0c46e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.css
@@ -0,0 +1,887 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.js
new file mode 100644
index 000000000..92642dba0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/oxide/content.inline.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.min.css
new file mode 100644
index 000000000..2844f4ea3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.inline.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.js
new file mode 100644
index 000000000..4ccc8acde
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/oxide/content.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.min.css
new file mode 100644
index 000000000..133a43eaa
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.css
new file mode 100644
index 000000000..aad147564
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.css
@@ -0,0 +1,5141 @@
+.tox {
+  box-shadow: none;
+  box-sizing: content-box;
+  color: #222f3e;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 2px solid #eeeeee;
+  border-radius: 10px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+  background-color: #fff;
+  border: 2px solid #eeeeee;
+  border-radius: 10px;
+  box-shadow: none;
+  overflow: hidden;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox[dir=rtl] .tox-icon--flip svg {
+  transform: rotateY(180deg);
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox #accessibility-issue__subheader {
+  font-size: 16px;
+  color: #222f3e;
+}
+.tox .accessbility-sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(0 0 99.9% 99.9%);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  padding: 0;
+  border: 0;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border-radius: 6px;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
+}
+.tox #accessibility-issue__contentID {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.tox #accessibility-issue__contentID span:first-child {
+  font-weight: bold;
+}
+.tox #accessibility-issue__document {
+  padding-bottom: 8px;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 8px;
+}
+.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: #e6f0fd;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  font-size: 14px;
+  color: #006ce7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
+  fill: #006ce7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #006ce7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #0060ce;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #0054b4;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: #fffae6;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  font-size: 14px;
+  color: #7a6e25;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
+  fill: #7a6e25;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: #fae6e6;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  font-size: 14px;
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
+  fill: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.1);
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  display: none;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #527530;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
+  fill: #527530;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox .mce-codemirror {
+  background: #fff;
+  bottom: 0;
+  font-size: 13px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .mce-codemirror.tox-inline-codemirror {
+  margin: 8px;
+  position: absolute;
+}
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #eeeeee;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #006ce7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #006ce7;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-button::before {
+  border-radius: 6px;
+  bottom: -1px;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+  content: '';
+  left: -1px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.tox .tox-button[disabled] {
+  background-color: #006ce7;
+  background-image: none;
+  border-color: #006ce7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #0060ce;
+  background-image: none;
+  border-color: #0060ce;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #0060ce;
+  background-image: none;
+  border-color: #0060ce;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled[disabled] {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
+  background-color: #00489b;
+  background-image: none;
+  border-color: #00489b;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
+  background-color: #00489b;
+  background-image: none;
+  border-color: #00489b;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:active:not(:disabled) {
+  background-color: #003c81;
+  background-image: none;
+  border-color: #003c81;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button--secondary {
+  background-color: #f0f0f0;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #f0f0f0;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #f0f0f0;
+  background-image: none;
+  border-color: #f0f0f0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #d6d6d6;
+  background-image: none;
+  border-color: #d6d6d6;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled {
+  background-color: #a8c8ed;
+  background-image: none;
+  border-color: #a8c8ed;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled[disabled] {
+  background-color: #a8c8ed;
+  background-image: none;
+  border-color: #a8c8ed;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
+  background-color: #93bbe9;
+  background-image: none;
+  border-color: #93bbe9;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
+  background-color: #93bbe9;
+  background-image: none;
+  border-color: #93bbe9;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
+  background-color: #7daee4;
+  background-image: none;
+  border-color: #7daee4;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 6px 1px 5px 0;
+  padding: 0;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: rgba(34, 47, 62, 0.12);
+  border-color: transparent;
+  box-shadow: unset;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: rgba(34, 47, 62, 0.12);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: rgba(34, 47, 62, 0.12);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: rgba(34, 47, 62, 0.18);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #222f3e;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.3);
+}
+@media (forced-colors: active) {
+  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #006ce7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #006ce7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 6px;
+  box-shadow: inset 0 0 0 1px #006ce7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: #e3e3e3;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: #fcfcfc;
+  color: rgba(34, 47, 62, 0.7);
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  border-radius: 3px;
+  color: #222f3e;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #222f3e;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #006ce7;
+  stroke: #006ce7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #fff;
+  opacity: 0.8;
+  background-clip: content-box;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+  color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #006ce7;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+    border: solid 1px;
+  }
+}
+.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #a6ccf7;
+  color: #222f3e;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #f0f0f0;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 inset;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #a6ccf7;
+  color: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #222f3e;
+  background-color: #fff;
+  position: relative;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+  background-color: #f0f0f0;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
+  background-color: #f0f0f0;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection__item-image {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  max-width: 100%;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: currentColor;
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: currentColor;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #fff;
+  border: 1px solid #e3e3e3;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 28px;
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid transparent;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid transparent;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+@media (forced-colors: active) {
+  .tox .tox-hue-slider,
+  .tox .tox-rgb-form .tox-rgba-preview {
+    background-color: currentColor !important;
+    border: 1px solid highlight !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-spectrum:focus,
+.tox .tox-sv-palette-spectrum:focus {
+  outline: #08f solid;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  min-width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid #f00 !important;
+  box-shadow: 0 0 0 1px #f00;
+}
+.tox .tox-rgb-container {
+  position: relative;
+}
+.tox .tox-rgb-form .tox-invalid-icon {
+  align-content: center;
+  align-items: center;
+  display: none;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
+  margin: 0;
+}
+.tox .tox-rgb-warning-note {
+  background-color: #f5cccc;
+  border: 1px solid #f0b3b3;
+  border-radius: 3px;
+  color: #77181f;
+  padding: 3px;
+}
+.tox input.tox-invalid + .tox-invalid-icon {
+  display: flex;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px -4px;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+@media (forced-colors: active) {
+  .tox .tox-swatches__row {
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #f0f0f0;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #222f3e;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
+  display: block;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox {
+  /* Animation for deleting a comment */
+  /* A comment fades to 0 when it is being deleted, then is removed */
+}
+.tox .tox-conversations {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  /* This is to give the sidebar a consistent width. Need a solution for this */
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+}
+.tox .tox-conversations__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  padding: 8px 12px;
+  background: #fff;
+  z-index: 1;
+}
+.tox .tox-conversations__title {
+  font-size: 20px;
+  font-weight: 400;
+  padding: 8px 0 8px 0;
+  color: #222f3e;
+  line-height: 28px;
+}
+.tox .tox-comment {
+  background: #fff;
+  border: 1px solid #fff;
+  border-radius: 6px;
+  padding: 8px;
+  padding-bottom: 16px;
+  position: relative;
+}
+.tox .tox-comment:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected {
+  background-color: #fff2c9;
+  border: 1px solid #ffcf30;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected:focus {
+  border: 2px solid #006ce7;
+  margin: -1px;
+}
+.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
+  margin-top: 7px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single {
+  margin-bottom: 12px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
+  position: relative;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
+  top: -9px;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: block;
+  bottom: -9px;
+  left: -9px;
+  right: -9px;
+  border-radius: 6px;
+  border: 2px solid #006ce7;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: #222f3e;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-comment__body {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+  white-space: pre-wrap;
+  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
+}
+.tox .tox-comment__body.tox-comment__body--expanded {
+  max-height: 100em;
+  transition: max-height 1s ease-in-out;
+}
+.tox .tox-comment__body.tox-comment__body--pending {
+  transition: max-height 0s;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+  font-size: 16px;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #fff;
+  box-shadow: 0 0 8px 8px #fff;
+  color: #222f3e;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+  font-style: normal;
+  /* Need a focus highlight on the show more/less button */
+}
+.tox .tox-comment__expander p:focus {
+  font-weight: bold;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-tbtn.tox-comment__mention-btn {
+  display: flex;
+  width: 34px;
+  height: 34px;
+  padding: 5px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  background-color: transparent;
+}
+.tox .tox-comment-thread {
+  background: #fff;
+  position: relative;
+  border-radius: 6px;
+  background-color: transparent;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #fff;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #fff;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #fff;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 12px;
+  scroll-behavior: smooth;
+}
+.tox .tox-comment__scroll:has(textarea:focus) {
+  scroll-behavior: auto;
+}
+.tox .tox-comment--disappearing {
+  transition: opacity 0.5s ease;
+}
+.tox .tox-comment[data-transitioning-destination="deleting"] {
+  opacity: 0;
+}
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
+.tox .tox-ring-loader {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #FFF;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-user__avatar img {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-user__name {
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 18px;
+  text-transform: none;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg,
+.tox:not([dir=rtl]) .tox-user__avatar img {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg,
+.tox[dir=rtl] .tox-user__avatar img {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox {
+  /* .tox-dialog-blocker-wrap {
+    //
+  } */
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #fff;
+}
+.tox .tox-dialog {
+  background-color: #fff;
+  border-color: #eeeeee;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 0;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    max-height: calc(100vh - 8px * 2);
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #fff;
+  border-bottom: none;
+  color: #222f3e;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #222f3e;
+  display: flex;
+  flex: 1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 16px 16px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(34, 47, 62, 0.7);
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  max-width: 13em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #144782;
+  color: #144782;
+}
+@media (forced-colors: active) {
+  .tox .tox-dialog__body-nav-item--active {
+    border-bottom: 2px solid highlight;
+    color: highlight;
+  }
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-height: min(650px, calc(100vh - 110px));
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #144782;
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #071729;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #144782;
+  outline-offset: 2px;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #222f3e;
+}
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
+.tox .tox-dialog__body-content ul {
+  list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #222f3e;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #fff;
+  border-top: none;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #626262;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
+.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
+  background: #fff;
+}
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  content: '';
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered iframe {
+  border-radius: 6px;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #eeeeee;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(34, 47, 62, 0.7);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area::before {
+  border: 2px solid #006ce7;
+  border-radius: 4px;
+  content: '';
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
+@media (forced-colors: active) {
+  .tox .tox-edit-area::before {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #eeeeee;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #fff;
+  border-bottom: none;
+  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid #e3e3e3;
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #fff;
+  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-custom-preview {
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  flex: 1;
+  padding: 8px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  box-sizing: border-box;
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(34 47 3.1%);
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span {
+    border-color: currentColor;
+    border-width: 2px !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #006ce7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #fff;
+  border-radius: 6px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span::before {
+    border: none;
+  }
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  appearance: none;
+  background-color: #fff;
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 5.5px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-toolbar-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-toolbar-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-focusable-wrapper:focus,
+.tox .tox-custom-editor:focus-within {
+  background-color: #fff;
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-toolbar-textfield {
+  max-width: 250px;
+  min-height: unset;
+  height: 28px;
+  margin: 5px 0 6px 0;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #006ce7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-textfield-size {
+  width: 80px;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-listbox__select-chevron svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  appearance: none;
+  background-color: #fff;
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 5.5px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #fff;
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-selectfield select option:checked {
+  background-color: revert;
+  color: revert;
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea-wrap {
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+.tox .tox-textarea {
+  appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-imagepreview {
+  background-color: #666;
+  height: 380px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+  overflow: auto;
+}
+.tox .tox-imagepreview__container {
+  display: flex;
+  left: 100vw;
+  position: absolute;
+  top: 100vw;
+}
+.tox .tox-imagepreview__image {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+  flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+  align-items: center;
+  display: flex;
+  height: 60px;
+  justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px -4px;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px -4px;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #eeeeee;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #f0f0f0;
+}
+.tox .tox-insert-table-picker {
+  background-color: #fff;
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: #eeeeee;
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: #006ce7;
+  border-color: #eeeeee;
+}
+@media (forced-colors: active) {
+  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    border-color: Highlight;
+    filter: contrast(50%);
+  }
+}
+.tox .tox-insert-table-picker__label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox-mentions__card-common {
+  z-index: 1200;
+}
+.tox.tox-mentions__card {
+  background: #fff;
+  border: 1px solid #eeeeee;
+  display: flex;
+  padding: 4px 8px;
+}
+.tox.tox-mentions__card .tox-mentions__container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin: 0 4px;
+}
+.tox .tox-mentions__avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+.tox .tox-mentions__username {
+  font-size: 14px;
+  line-height: 21px;
+}
+.tox .tox-mentions__description {
+  font-size: 12px;
+  line-height: 21px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-collection__item--active .tox-mentions__description {
+  color: inherit;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 8px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 8px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-menu .tox-collection__item-label {
+    overflow-wrap: break-word;
+    word-break: normal;
+  }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
+  background-color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  padding: 0 11px 0 12px;
+}
+.tox .tox-promotion + .tox-menubar {
+  grid-column: 1;
+}
+.tox .tox-promotion {
+  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
+  background-color: #fff;
+  grid-column: 2;
+  grid-row: 1;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
+  padding-top: 5px;
+}
+.tox .tox-promotion-link {
+  align-items: unsafe center;
+  background-color: #E8F1F8;
+  border-radius: 5px;
+  color: #086BE6;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  height: 26.6px;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.tox .tox-promotion-link:hover {
+  background-color: #B4D7FF;
+}
+.tox .tox-promotion-link:focus {
+  background-color: #D9EDF7;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: #fff;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  justify-content: center;
+  margin: 5px 1px 6px 0;
+  outline: none;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-mbtn:focus:not(:disabled)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-mbtn:focus:not(:disabled)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-mbtn--active,
+.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  width: max-content;
+}
+.tox .tox-notification a {
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification:focus {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #e4eeda;
+  border-color: #d7e6c8;
+  color: #222f3e;
+}
+.tox .tox-notification--success p {
+  color: #222f3e;
+}
+.tox .tox-notification--success a {
+  color: #517342;
+}
+.tox .tox-notification--success a:hover,
+.tox .tox-notification--success a:focus {
+  color: #24321d;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #517342;
+  outline-offset: 2px;
+}
+.tox .tox-notification--success a:active {
+  color: #0d120a;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--error {
+  background-color: #f5cccc;
+  border-color: #f0b3b3;
+  color: #222f3e;
+}
+.tox .tox-notification--error p {
+  color: #222f3e;
+}
+.tox .tox-notification--error a {
+  color: #77181f;
+}
+.tox .tox-notification--error a:hover,
+.tox .tox-notification--error a:focus {
+  color: #220709;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #77181f;
+  outline-offset: 2px;
+}
+.tox .tox-notification--error a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #fff5cc;
+  border-color: #fff0b3;
+  color: #222f3e;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #222f3e;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #7a6e25;
+}
+.tox .tox-notification--warn a:hover,
+.tox .tox-notification--warning a:hover,
+.tox .tox-notification--warn a:focus,
+.tox .tox-notification--warning a:focus {
+  color: #2c280d;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn a:focus-visible,
+.tox .tox-notification--warning a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #7a6e25;
+  outline-offset: 2px;
+}
+.tox .tox-notification--warn a:active,
+.tox .tox-notification--warning a:active {
+  color: #050502;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--info {
+  background-color: #d6e7fb;
+  border-color: #c1dbf9;
+  color: #222f3e;
+}
+.tox .tox-notification--info p {
+  color: #222f3e;
+}
+.tox .tox-notification--info a {
+  color: #2a64a6;
+}
+.tox .tox-notification--info a:hover,
+.tox .tox-notification--info a:focus {
+  color: #163355;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #2a64a6;
+  outline-offset: 2px;
+}
+.tox .tox-notification--info a:active {
+  color: #0b1a2c;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info svg {
+  fill: #222f3e;
+}
+.tox .tox-notification__body {
+  align-self: center;
+  color: #222f3e;
+  font-size: 14px;
+  grid-column-end: 3;
+  grid-column-start: 2;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  align-self: center;
+  grid-column-end: 2;
+  grid-column-start: 1;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  align-self: start;
+  grid-column-end: 4;
+  grid-column-start: 3;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  grid-column-end: 4;
+  grid-column-start: 1;
+  grid-row-end: 3;
+  grid-row-start: 2;
+  justify-self: center;
+}
+.tox .tox-notification-container-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-notification-container-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-notification-container-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #f0f0f0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #222f3e;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid #e3e3e3;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #f0f0f0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid #e3e3e3;
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #fff 24%, #f0f0f0 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #f0f0f0;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #F1EBF9;
+  color: #851AFF;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #851AFF;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(34, 47, 62, 0.7);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #071729;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #144782;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+  transition: 0.15s ease;
+  transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+.tox .tox-pop__dialog {
+  background-color: #fff;
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  opacity: 1;
+  position: absolute;
+  width: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-pop::before,
+  .tox .tox-pop::after {
+    content: none;
+  }
+}
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+  opacity: 0;
+  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #fff transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #eeeeee transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #fff transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #eeeeee transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #fff transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #eeeeee transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #fff;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #eeeeee;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #f0f0f0;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #006ce7;
+  border: 2px solid #0054b4;
+  border-radius: 6px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+  margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+  margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+  margin-inline-start: 32px;
+}
+.tox .tox-toolbar-slider {
+  align-items: center;
+  display: inline-flex;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input {
+  appearance: none;
+  background: #eeeeee;
+  border-radius: 16px;
+  width: 130px;
+  height: 2px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background-color: #006ce7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-thumb {
+  appearance: none;
+  background-color: #006ce7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input:focus-visible {
+  outline: none;
+}
+.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
+  background-color: #0060ce;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+}
+.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
+  background-color: #0060ce;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+}
+.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
+  background-color: #0060ce;
+}
+.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
+  background-color: #0060ce;
+}
+.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
+  background-color: #0054b4;
+}
+.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
+  background-color: #0054b4;
+}
+.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(34, 47, 62, 0.7);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #fff;
+  border-top: 1px solid #e3e3e3;
+  color: rgba(34, 47, 62, 0.7);
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-weight: normal;
+  height: 25px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: none;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
+  align-items: flex-start;
+  display: flex;
+  flex: 1 1 auto;
+  height: 16px;
+  justify-content: space-between;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+@media only screen and (max-width: 767px ) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: rgba(34, 47, 62, 0.7);
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #222f3e;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:focus-visible::after,
+.tox .tox-statusbar__path-item:focus-visible::after,
+.tox .tox-statusbar__wordcount:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar a:focus-visible::after,
+  .tox .tox-statusbar__path-item:focus-visible::after,
+  .tox .tox-statusbar__wordcount:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(34, 47, 62, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #222f3e;
+}
+.tox .tox-statusbar__resize-cursor-default {
+  cursor: ns-resize;
+}
+.tox .tox-statusbar__resize-cursor-both {
+  cursor: nwse-resize;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-bottom: 3px;
+  margin-left: 4px;
+  margin-right: calc(3px - 8px);
+  margin-top: 3px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-statusbar__resize-handle:hover svg,
+.tox .tox-statusbar__resize-handle:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-statusbar__resize-handle:focus-visible {
+  background-color: transparent;
+  border-radius: 1px 1px 5px 1px;
+  box-shadow: 0 0 0 2px transparent;
+}
+.tox .tox-statusbar__resize-handle:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__resize-handle:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__resize-handle:only-child {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 2ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-throbber {
+  z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: #fff;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  justify-content: center;
+  margin: 6px 1px 5px 0;
+  outline: none;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:hover,
+  .tox .tox-tbtn.tox-tbtn:hover {
+    outline: 1px dashed currentColor;
+  }
+  .tox .tox-tbtn.tox-tbtn--active,
+  .tox .tox-tbtn.tox-tbtn--enabled,
+  .tox .tox-tbtn.tox-tbtn--enabled:hover,
+  .tox .tox-tbtn.tox-tbtn--enabled:focus,
+  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+    outline: 1px solid currentColor;
+    position: relative;
+  }
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn svg {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--enabled,
+  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--disabled,
+  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
+  .tox .tox-tbtn svg .tox-tbtn:disabled,
+  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
+    filter: contrast(0%);
+  }
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-tbtn:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:hover {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--active,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn--enabled:focus {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+}
+.tox .tox-tbtn--active > *,
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled:focus > * {
+  transform: none;
+}
+.tox .tox-tbtn--active svg,
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg,
+.tox .tox-tbtn--enabled:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--active.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--enabled:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn--enabled:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 42px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 56px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-label--context-toolbar {
+  margin: 6px 1px 5px 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.tox .tox-number-input {
+  background: #f7f7f7;
+  border-radius: 3px;
+  display: flex;
+  margin: 6px 1px 5px 0;
+  position: relative;
+  width: auto;
+}
+.tox .tox-number-input:focus {
+  background: #f7f7f7;
+}
+.tox .tox-number-input:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper {
+  display: flex;
+  pointer-events: none;
+  position: relative;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background-color: #f7f7f7;
+  z-index: 1;
+}
+.tox .tox-number-input .tox-input-wrapper:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #222f3e;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  position: relative;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #f0f0f0;
+  color: #222f3e;
+}
+.tox .tox-number-input input:focus {
+  background-color: #f7f7f7;
+}
+.tox .tox-number-input input:disabled {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button {
+  color: #222f3e;
+  height: 28px;
+  position: relative;
+  text-align: center;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:hover,
+  .tox .tox-number-input button:focus,
+  .tox .tox-number-input button:active {
+    outline: 1px solid currentColor !important;
+  }
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #222f3e;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button svg,
+  .tox .tox-number-input button svg:active,
+  .tox .tox-number-input button svg:hover {
+    fill: currentColor !important;
+  }
+  .tox .tox-number-input button svg:disabled {
+    filter: contrast(0);
+  }
+}
+.tox .tox-number-input button:focus {
+  background: #f7f7f7;
+  z-index: 1;
+}
+.tox .tox-number-input button:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input button:hover {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:active svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:disabled {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #f7f7f7;
+}
+.tox .tox-tbtn--select {
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #eeeeee;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  height: initial;
+  margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn__select-chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-tbtn--bespoke {
+  background: #f7f7f7;
+}
+.tox .tox-tbtn--bespoke:focus {
+  background: #f7f7f7;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+  margin-inline-start: 4px;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 6px 1px 5px 0;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #f0f0f0 inset;
+}
+.tox .tox-split-button:focus {
+  background: #fff;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-split-button:focus::after {
+  pointer-events: none;
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button > *:nth-child(1) {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.tox .tox-split-button > *:nth-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox .tox-split-button:focus .tox-tbtn {
+  background-color: transparent;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: #fff;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+  padding: 0 0px;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+  opacity: 0.3;
+}
+.tox .tox-toolbar-overlord {
+  background-color: #fff;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background-attachment: local;
+  background-color: #fff;
+  background-image: repeating-linear-gradient(#e3e3e3 0 1px, transparent 1px 39px);
+  background-position: center top 40px;
+  background-repeat: no-repeat;
+  background-size: calc(100% - 11px * 2) calc(100% - 41px);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0px;
+  transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+  background-position: center top 0px;
+  background-size: calc(100% - 11px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-toolbar-overlord,
+.tox .tox-anchorbar {
+  grid-column: 1 / -1;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: 1px solid transparent;
+  margin-top: -1px;
+  padding-bottom: 1px;
+  padding-top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-menubar + .tox-toolbar,
+  .tox .tox-menubar + .tox-toolbar-overlord {
+    outline: 1px solid currentColor;
+  }
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+  background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+  background-image: none;
+}
+.tox .tox-focusable-wrapper {
+  border: 1px solid transparent;
+  margin-right: 2px;
+  pointer-events: none;
+}
+.tox .tox-focusable-wrapper .tox-textfield-size {
+  pointer-events: all;
+}
+.tox .tox-focusable-wrapper:focus {
+  background-color: #f7f7f7;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #fff;
+  background-position: center top 43px;
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  border: none;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  overscroll-behavior: none;
+  padding: 4px 0;
+}
+@media (forced-colors: active) {
+  .tox.tox-tinymce-aux .tox-toolbar__overflow {
+    border: solid;
+  }
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+  background-position: center top 43px;
+  background-size: calc(100% - 11px * 2) calc(100% - 51px);
+  padding: 4px 0;
+}
+.tox-context-form__group {
+  display: flex;
+  align-items: center;
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 11px 0 12px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid transparent;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid transparent;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  max-width: 15em;
+  padding: 8px;
+  /*
+     * The pointer-events: none is designed to make mouse events bleed through the tooltip
+     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
+     * another item should trigger the hover of the item obscured by the tooltip, even though
+     * the tooltip is on top
+     */
+  pointer-events: none;
+  position: relative;
+  width: max-content;
+  z-index: 1150;
+}
+.tox .tox-tooltip__body {
+  background-color: #222f3e;
+  border-radius: 6px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  overflow-wrap: break-word;
+  padding: 4px 6px;
+  text-transform: none;
+}
+@media (forced-colors: active) {
+  .tox .tox-tooltip__body {
+    outline: outset 1px;
+  }
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #222f3e;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #222f3e;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-icon-custom-state {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__pane {
+  padding: 0 !important;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-revisionhistory__container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-revisionhistory {
+  background-color: #fff;
+  border-top: 1px solid #f0f0f0;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  margin-top: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-revisionhistory--align-right {
+  margin-left: auto;
+}
+.tox .tox-revisionhistory__iframe {
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 248px;
+  width: 316px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
+  background-color: #fff;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  color: #222f3e;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  padding: 12px;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
+  background-color: #f0f0f0;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow-y: auto;
+  padding: 10px 12px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  bottom: 1px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
+  background-color: #fff;
+  border: 1px solid #f0f0f0;
+  border-radius: 6px;
+  color: #222f3e;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  gap: 12px;
+  padding: 12px;
+  width: 100%;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 #006ce7;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #006ce7;
+  box-shadow: 0 0 0 2px #006ce7 !important;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
+  background-color: #fff5cc;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  position: relative;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 #e3b82a;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #e3b82a;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 0;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
+  align-items: center;
+  display: flex;
+  flex: 1 0 0;
+  gap: 8px;
+  height: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 16px;
+  line-height: 24px;
+  padding: 5px 5.5px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
+  color: #222f3e;
+  height: 24px;
+}
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #fff;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 10px 10px 2px 10px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #222f3e;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 10px 10px 2px 10px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.js
new file mode 100644
index 000000000..47d90984e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/oxide/skin.css', `.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #eee;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:2px solid #eee;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#222f3e}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#e6f0fd;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#fffae6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#fae6e6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#eee;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#7daee4;background-image:none;border-color:#7daee4;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:6px 1px 5px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(34,47,62,.18);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,0.3)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#e3e3e3;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#fcfcfc;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#222f3e;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#006ce7;stroke:#006ce7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#fff}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#fff;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#006ce7;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#a6ccf7;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#f0f0f0;color:#222f3e;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#a6ccf7;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e;background-color:#fff;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#f0f0f0;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#f0f0f0;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #e3e3e3;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#f5cccc;border:1px solid #f0b3b3;border-radius:3px;color:#77181f;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#f0f0f0}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#fff;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#222f3e;line-height:28px}.tox .tox-comment{background:#fff;border:1px solid #fff;border-radius:6px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#fff2c9;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid #006ce7;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:6px;border:2px solid #006ce7}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#fff;position:relative;border-radius:6px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,0.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#eee;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #144782;color:#144782}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#144782;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#071729;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #144782;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #626262}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #eee;border-radius:6px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:6px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #eee;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #006ce7;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:2px solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #eee}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:0 2px 2px -2px rgba(34,47,62,.1),0 8px 8px -4px rgba(34,47,62,.07);padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #e3e3e3;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:28px;margin:5px 0 6px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:5px 0 6px 11px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px -4px;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px -4px}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #eee;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#f0f0f0}.tox .tox-insert-table-picker{background-color:#fff;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#eee;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:#006ce7;border-color:#eee}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#fff;border:1px solid #eee;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(34,47,62,.7)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#fff;border:0;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#24321d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #517342;outline-offset:2px}.tox .tox-notification--success a:active{color:#0d120a;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#220709;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #77181f;outline-offset:2px}.tox .tox-notification--error a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#2c280d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #7a6e25;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#050502;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#163355;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #2a64a6;outline-offset:2px}.tox .tox-notification--info a:active{color:#0b1a2c;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#f0f0f0;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#222f3e;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #e3e3e3}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(34,47,62,.7)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(34,47,62,0.7)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #e3e3e3;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#fff 24%,#f0f0f0 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#006ce7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#006ce7}.tox .tox-promotion-dialog--footer{background-color:#f0f0f0;color:rgba(34,47,62,.7);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#f1ebf9;color:#851aff;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #851AFF}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(34,47,62,.7);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#071729;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #144782;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#eee transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #eee transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #eee transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #eee;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#f0f0f0;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #eee;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#eee;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #e3e3e3;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#222f3e}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#222f3e}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#fff;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:#f7f7f7;border-radius:3px;display:flex;margin:6px 1px 5px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#f7f7f7}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#f7f7f7;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#f0f0f0;color:#222f3e}.tox .tox-number-input input:focus{background-color:#f7f7f7}.tox .tox-number-input input:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{color:#222f3e;height:28px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#f7f7f7;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#f7f7f7}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #eee}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:#f7f7f7}.tox .tox-tbtn--bespoke:focus{background:#f7f7f7}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #f0f0f0 inset}.tox .tox-split-button:focus{background:#fff;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#fff;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#e3e3e3 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#f7f7f7;border-radius:6px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:6px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#f0f0f0;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#fff;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#222f3e;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#f0f0f0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;color:#222f3e;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #006ce7;box-shadow:0 0 0 2px #006ce7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#fff5cc;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 #e3b82a;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #e3b82a}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(34,47,62,.7);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#222f3e;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 10px 2px 10px;position:relative}.tox .tox-view__label{color:#222f3e;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:10px 10px 2px 10px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #eee;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #eee;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #eee;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.min.css
new file mode 100644
index 000000000..cda156d0d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.min.css
@@ -0,0 +1 @@
+.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #eee;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:2px solid #eee;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#222f3e}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#e6f0fd;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#fffae6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#fae6e6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#eee;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#7daee4;background-image:none;border-color:#7daee4;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:6px 1px 5px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(34,47,62,.18);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,0.3)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#e3e3e3;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#fcfcfc;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#222f3e;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#006ce7;stroke:#006ce7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#fff}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#fff;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#006ce7;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#a6ccf7;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#f0f0f0;color:#222f3e;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#a6ccf7;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e;background-color:#fff;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#f0f0f0;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#f0f0f0;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #e3e3e3;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#f5cccc;border:1px solid #f0b3b3;border-radius:3px;color:#77181f;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#f0f0f0}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#fff;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#222f3e;line-height:28px}.tox .tox-comment{background:#fff;border:1px solid #fff;border-radius:6px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#fff2c9;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid #006ce7;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:6px;border:2px solid #006ce7}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#fff;position:relative;border-radius:6px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,0.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#eee;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #144782;color:#144782}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#144782;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#071729;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #144782;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #626262}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #eee;border-radius:6px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:6px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #eee;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #006ce7;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:2px solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #eee}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:0 2px 2px -2px rgba(34,47,62,.1),0 8px 8px -4px rgba(34,47,62,.07);padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #e3e3e3;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:28px;margin:5px 0 6px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:5px 0 6px 11px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px -4px;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px -4px}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #eee;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#f0f0f0}.tox .tox-insert-table-picker{background-color:#fff;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#eee;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:#006ce7;border-color:#eee}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#fff;border:1px solid #eee;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(34,47,62,.7)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#fff;border:0;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#24321d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #517342;outline-offset:2px}.tox .tox-notification--success a:active{color:#0d120a;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#220709;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #77181f;outline-offset:2px}.tox .tox-notification--error a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#2c280d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #7a6e25;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#050502;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#163355;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #2a64a6;outline-offset:2px}.tox .tox-notification--info a:active{color:#0b1a2c;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#f0f0f0;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#222f3e;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #e3e3e3}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(34,47,62,.7)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(34,47,62,0.7)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #e3e3e3;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#fff 24%,#f0f0f0 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#006ce7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#006ce7}.tox .tox-promotion-dialog--footer{background-color:#f0f0f0;color:rgba(34,47,62,.7);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#f1ebf9;color:#851aff;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #851AFF}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(34,47,62,.7);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#071729;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #144782;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#eee transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #eee transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #eee transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #eee;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#f0f0f0;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #eee;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#eee;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #e3e3e3;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#222f3e}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#222f3e}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#fff;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:#f7f7f7;border-radius:3px;display:flex;margin:6px 1px 5px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#f7f7f7}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#f7f7f7;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#f0f0f0;color:#222f3e}.tox .tox-number-input input:focus{background-color:#f7f7f7}.tox .tox-number-input input:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{color:#222f3e;height:28px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#f7f7f7;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#f7f7f7}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #eee}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:#f7f7f7}.tox .tox-tbtn--bespoke:focus{background:#f7f7f7}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #f0f0f0 inset}.tox .tox-split-button:focus{background:#fff;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#fff;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#e3e3e3 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#f7f7f7;border-radius:6px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:6px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#f0f0f0;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#fff;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#222f3e;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#f0f0f0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;color:#222f3e;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #006ce7;box-shadow:0 0 0 2px #006ce7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#fff5cc;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 #e3b82a;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #e3b82a}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(34,47,62,.7);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#222f3e;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 10px 2px 10px;position:relative}.tox .tox-view__label{color:#222f3e;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:10px 10px 2px 10px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #eee;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #eee;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #eee;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.css
new file mode 100644
index 000000000..25b0a3710
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.js
new file mode 100644
index 000000000..8d38ac785
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/oxide/skin.shadowdom.css', `body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.min.css
new file mode 100644
index 000000000..8745951a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/oxide/skin.shadowdom.min.css
@@ -0,0 +1 @@
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.css
new file mode 100644
index 000000000..239136795
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.css
@@ -0,0 +1,881 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #4e4f3b;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #4e4f3b;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #4e4f3b;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #4e4f3b;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #f8f8f2;
+  background: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+  border-radius: 0.3em;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #282a36;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #6272a4;
+}
+.token.punctuation {
+  color: #f8f8f2;
+}
+.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #ff79c6;
+}
+.token.boolean,
+.token.number {
+  color: #bd93f9;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #50fa7b;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #f8f8f2;
+}
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #f1fa8c;
+}
+.token.keyword {
+  color: #8be9fd;
+}
+.token.regex,
+.token.important {
+  color: #ffb86c;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.3);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.3);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #4099ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #4099ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid transparent;
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: lighten;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #4099ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #99c4f5;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #ffeb99;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #eb9999;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #99c4f5;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #ffeb99;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #eb9999;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.css
new file mode 100644
index 000000000..86ac0c46e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.css
@@ -0,0 +1,887 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.js
new file mode 100644
index 000000000..e9eb2142e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/tinymce-5-dark/content.inline.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css
new file mode 100644
index 000000000..2844f4ea3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.js
new file mode 100644
index 000000000..cfb5c9cab
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/tinymce-5-dark/content.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #4e4f3b}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#4e4f3b;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#4e4f3b}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#4e4f3b;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.3)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.3);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#99c4f5}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#ffeb99}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#eb9999}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#99c4f5;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#ffeb99;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#eb9999;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.min.css
new file mode 100644
index 000000000..8d7fca987
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #4e4f3b}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#4e4f3b;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#4e4f3b}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#4e4f3b;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.3)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.3);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#99c4f5}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#ffeb99}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#eb9999}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#99c4f5;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#ffeb99;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#eb9999;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.css
new file mode 100644
index 000000000..9e43397eb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.css
@@ -0,0 +1,5260 @@
+.tox {
+  box-shadow: none;
+  box-sizing: content-box;
+  color: #2A3746;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 1px solid #000000;
+  border-radius: 0;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+  background-color: #222f3e;
+  border: 1px solid #000000;
+  border-radius: 0;
+  box-shadow: none;
+  overflow: hidden;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox[dir=rtl] .tox-icon--flip svg {
+  transform: rotateY(180deg);
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox #accessibility-issue__subheader {
+  font-size: 16px;
+  color: #fff;
+}
+.tox .accessbility-sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(0 0 99.9% 99.9%);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  padding: 0;
+  border: 0;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border-radius: 3px;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
+}
+.tox #accessibility-issue__contentID {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.tox #accessibility-issue__contentID span:first-child {
+  font-weight: bold;
+}
+.tox #accessibility-issue__document {
+  padding-bottom: 8px;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 8px;
+}
+.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
+  color: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: #22374a;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  font-size: 14px;
+  color: #a6cae2;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
+  fill: #a6cae2;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #207ab7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #1c6ca1;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #185d8c;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: #383f38;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  font-size: 14px;
+  color: #ffeb99;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
+  fill: #ffeb99;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: #332a38;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  font-size: 14px;
+  color: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
+  fill: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.5);
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  display: none;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox .mce-codemirror {
+  background: #fff;
+  bottom: 0;
+  font-size: 13px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .mce-codemirror.tox-inline-codemirror {
+  margin: 8px;
+  position: absolute;
+}
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #000000;
+  border-radius: 0;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #207ab7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #207ab7;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-button::before {
+  border-radius: 3px;
+  bottom: -1px;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+  content: '';
+  left: -1px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.tox .tox-button[disabled] {
+  background-color: #207ab7;
+  background-image: none;
+  border-color: #207ab7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled[disabled] {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
+  background-color: #154f76;
+  background-image: none;
+  border-color: #154f76;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
+  background-color: #154f76;
+  background-image: none;
+  border-color: #154f76;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:active:not(:disabled) {
+  background-color: #114060;
+  background-image: none;
+  border-color: #114060;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button--secondary {
+  background-color: #3d546f;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #3d546f;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #3d546f;
+  background-image: none;
+  border-color: #3d546f;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #2b3b4e;
+  background-image: none;
+  border-color: #2b3b4e;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled {
+  background-color: #346085;
+  background-image: none;
+  border-color: #346085;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled[disabled] {
+  background-color: #346085;
+  background-image: none;
+  border-color: #346085;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
+  background-color: #2d5373;
+  background-image: none;
+  border-color: #2d5373;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
+  background-color: #2d5373;
+  background-image: none;
+  border-color: #2d5373;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
+  background-color: #264560;
+  background-image: none;
+  border-color: #264560;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 3px 0 2px 0;
+  padding: 0;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: #3d546f;
+  border-color: #3d546f;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: #34485f;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: #34485f;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: #2b3b4e;
+  border-color: #2b3b4e;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #fff;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 3px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.2);
+}
+@media (forced-colors: active) {
+  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 3px;
+  box-shadow: inset 0 0 0 1px #207ab7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: #1a1a1a;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: #333333;
+  color: #fff;
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  border-radius: 3px;
+  color: #fff;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #fff;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #207ab7;
+  stroke: #207ab7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #222f3e;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #222f3e;
+  opacity: 0.8;
+  background-clip: content-box;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #2b3b4e;
+  color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #4a5562;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+    border: solid 1px;
+  }
+}
+.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #757d87;
+  color: #fff;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #4a5562;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent inset;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #757d87;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #fff;
+  background-color: #2b3b4e;
+  position: relative;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+  background-color: #4a5562;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
+  background-color: #4a5562;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection__item-image {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  max-width: 100%;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: currentColor;
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: currentColor;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #2b3b4e;
+  border: 1px solid #1a1a1a;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 34px;
+  margin: 3px 0 2px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid #000000;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid #000000;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+@media (forced-colors: active) {
+  .tox .tox-hue-slider,
+  .tox .tox-rgb-form .tox-rgba-preview {
+    background-color: currentColor !important;
+    border: 1px solid highlight !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-spectrum:focus,
+.tox .tox-sv-palette-spectrum:focus {
+  outline: #08f solid;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  min-width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid #f00 !important;
+  box-shadow: 0 0 0 1px #f00;
+}
+.tox .tox-rgb-container {
+  position: relative;
+}
+.tox .tox-rgb-form .tox-invalid-icon {
+  align-content: center;
+  align-items: center;
+  display: none;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
+  margin: 0;
+}
+.tox .tox-rgb-warning-note {
+  background-color: #442632;
+  border: 1px solid #55212b;
+  border-radius: 3px;
+  color: #e68080;
+  padding: 3px;
+}
+.tox input.tox-invalid + .tox-invalid-icon {
+  display: flex;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px 0;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+@media (forced-colors: active) {
+  .tox .tox-swatches__row {
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  fill: #fff;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #4a5562;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #fff;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
+  display: block;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox {
+  /* Animation for deleting a comment */
+  /* A comment fades to 0 when it is being deleted, then is removed */
+}
+.tox .tox-conversations {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  /* This is to give the sidebar a consistent width. Need a solution for this */
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+}
+.tox .tox-conversations__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+  padding: 8px 12px;
+  background: #222f3e;
+  z-index: 1;
+}
+.tox .tox-conversations__title {
+  font-size: 20px;
+  font-weight: 400;
+  padding: 8px 0 8px 0;
+  color: #fff;
+  line-height: 28px;
+}
+.tox .tox-comment {
+  background: #222f3e;
+  border: 1px solid #222f3e;
+  border-radius: 3px;
+  padding: 8px;
+  padding-bottom: 16px;
+  position: relative;
+}
+.tox .tox-comment:hover {
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+}
+.tox .tox-comment.tox-comment--selected {
+  background-color: #555542;
+  border: 1px solid #ffcf30;
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+}
+.tox .tox-comment.tox-comment--selected:focus {
+  border: 2px solid transparent;
+  margin: -1px;
+}
+.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
+  margin-top: 7px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single {
+  margin-bottom: 12px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
+  position: relative;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
+  top: -9px;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: block;
+  bottom: -9px;
+  left: -9px;
+  right: -9px;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: #fff;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-comment__body {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+  white-space: pre-wrap;
+  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
+}
+.tox .tox-comment__body.tox-comment__body--expanded {
+  max-height: 100em;
+  transition: max-height 1s ease-in-out;
+}
+.tox .tox-comment__body.tox-comment__body--pending {
+  transition: max-height 0s;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+  font-size: 16px;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #222f3e;
+  box-shadow: 0 0 8px 8px #222f3e;
+  color: #fff;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+  font-style: normal;
+  /* Need a focus highlight on the show more/less button */
+}
+.tox .tox-comment__expander p:focus {
+  font-weight: bold;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-tbtn.tox-comment__mention-btn {
+  display: flex;
+  width: 34px;
+  height: 34px;
+  padding: 5px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  background-color: transparent;
+}
+.tox .tox-comment-thread {
+  background: #222f3e;
+  position: relative;
+  border-radius: 3px;
+  background-color: transparent;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #222f3e;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(34, 47, 62, 0), #222f3e);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #222f3e;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #222f3e;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 12px;
+  scroll-behavior: smooth;
+}
+.tox .tox-comment__scroll:has(textarea:focus) {
+  scroll-behavior: auto;
+}
+.tox .tox-comment--disappearing {
+  transition: opacity 0.5s ease;
+}
+.tox .tox-comment[data-transitioning-destination="deleting"] {
+  opacity: 0;
+}
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
+.tox .tox-ring-loader {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #FFF;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-user__avatar img {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-user__name {
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 18px;
+  text-transform: none;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg,
+.tox:not([dir=rtl]) .tox-user__avatar img {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg,
+.tox[dir=rtl] .tox-user__avatar img {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox {
+  /* .tox-dialog-blocker-wrap {
+    //
+  } */
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #222f3e;
+}
+.tox .tox-dialog {
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    max-height: calc(100vh - 8px * 2);
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-bottom: none;
+  color: #fff;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #fff;
+  display: flex;
+  flex: 1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 16px 16px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(255, 255, 255, 0.5);
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  max-width: 13em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(32, 122, 183, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #90bddb;
+  color: #90bddb;
+}
+@media (forced-colors: active) {
+  .tox .tox-dialog__body-nav-item--active {
+    border-bottom: 2px solid highlight;
+    color: highlight;
+  }
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-height: min(650px, calc(100vh - 110px));
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #90bddb;
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #428fc2;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #90bddb;
+  outline-offset: 2px;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #33739e;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
+.tox .tox-dialog__body-content ul {
+  list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #fff;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-top: 1px solid #000000;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #000000;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
+.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
+  background: #fff;
+}
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  content: '';
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered iframe {
+  border-radius: 3px;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #000000;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(255, 255, 255, 0.5);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area::before {
+  border: 0 solid transparent;
+  border-radius: 4px;
+  content: '';
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
+@media (forced-colors: active) {
+  .tox .tox-edit-area::before {
+    border: 0 solid highlight;
+  }
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #000000;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #222f3e;
+  border-bottom: none;
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid #000000;
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #222f3e;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-custom-preview {
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  flex: 1;
+  padding: 8px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  box-sizing: border-box;
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(42 55 3.5%);
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span {
+    border-color: currentColor;
+    border-width: 2px !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #207ab7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #2b3b4e;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span::before {
+    border: none;
+  }
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(255, 255, 255, 0.5);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  appearance: none;
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-toolbar-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #222f3e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-toolbar-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-focusable-wrapper:focus,
+.tox .tox-custom-editor:focus-within {
+  background-color: #2b3b4e;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-toolbar-textfield {
+  max-width: 250px;
+  min-height: unset;
+  height: 34px;
+  margin: 2px 0 3px 0;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #207ab7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-textfield-size {
+  width: 80px;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-listbox__select-chevron svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  appearance: none;
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #2b3b4e;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-selectfield select option:checked {
+  background-color: revert;
+  color: revert;
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea-wrap {
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+.tox .tox-textarea {
+  appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-imagepreview {
+  background-color: #666;
+  height: 380px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+  overflow: auto;
+}
+.tox .tox-imagepreview__container {
+  display: flex;
+  left: 100vw;
+  position: absolute;
+  top: 100vw;
+}
+.tox .tox-imagepreview__image {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+  flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+  align-items: center;
+  display: flex;
+  height: 60px;
+  justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #207ab7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px 0;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px 0;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #fff;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #4a5562;
+}
+.tox .tox-insert-table-picker {
+  background-color: #222f3e;
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: #000000;
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: 0 -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: rgba(32, 122, 183, 0.5);
+  border-color: rgba(32, 122, 183, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    border-color: Highlight;
+    filter: contrast(50%);
+  }
+}
+.tox .tox-insert-table-picker__label {
+  color: #fff;
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox-mentions__card-common {
+  z-index: 1200;
+}
+.tox.tox-mentions__card {
+  background: #222f3e;
+  border: 1px solid #000000;
+  display: flex;
+  padding: 4px 8px;
+}
+.tox.tox-mentions__card .tox-mentions__container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin: 0 4px;
+}
+.tox .tox-mentions__avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+.tox .tox-mentions__username {
+  font-size: 14px;
+  line-height: 21px;
+}
+.tox .tox-mentions__description {
+  font-size: 12px;
+  line-height: 21px;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-collection__item--active .tox-mentions__description {
+  color: inherit;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #2b3b4e;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 4px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-menu .tox-collection__item-label {
+    overflow-wrap: break-word;
+    word-break: normal;
+  }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
+  background-color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-promotion + .tox-menubar {
+  grid-column: 1;
+}
+.tox .tox-promotion {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
+  background-color: #222f3e;
+  grid-column: 2;
+  grid-row: 1;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
+  padding-top: 5px;
+}
+.tox .tox-promotion-link {
+  align-items: unsafe center;
+  background-color: #E8F1F8;
+  border-radius: 5px;
+  color: #086BE6;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  height: 26.6px;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.tox .tox-promotion-link:hover {
+  background-color: #B4D7FF;
+}
+.tox .tox-promotion-link:focus {
+  background-color: #D9EDF7;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: #222f3e;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 2px 0 3px 0;
+  outline: none;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: #222f3e;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-mbtn:focus:not(:disabled)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-mbtn:focus:not(:disabled)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-mbtn--active,
+.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  width: max-content;
+}
+.tox .tox-notification a {
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification:focus {
+  border-color: #207ab7;
+  box-shadow: none;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #334840;
+  border-color: #3c5440;
+  color: #fff;
+}
+.tox .tox-notification--success p {
+  color: #fff;
+}
+.tox .tox-notification--success a {
+  color: #b5d199;
+}
+.tox .tox-notification--success a:hover,
+.tox .tox-notification--success a:focus {
+  color: #82b153;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #b5d199;
+  outline-offset: 2px;
+}
+.tox .tox-notification--success a:active {
+  color: #689041;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success svg {
+  fill: #fff;
+}
+.tox .tox-notification--error {
+  background-color: #442632;
+  border-color: #55212b;
+  color: #fff;
+}
+.tox .tox-notification--error p {
+  color: #fff;
+}
+.tox .tox-notification--error a {
+  color: #e68080;
+}
+.tox .tox-notification--error a:hover,
+.tox .tox-notification--error a:focus {
+  color: #d42b2b;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #e68080;
+  outline-offset: 2px;
+}
+.tox .tox-notification--error a:active {
+  color: #aa2222;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error svg {
+  fill: #fff;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #222f3e;
+  border-color: #000000;
+  color: #fff0b3;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #fff0b3;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #ffcc00;
+}
+.tox .tox-notification--warn a:hover,
+.tox .tox-notification--warning a:hover,
+.tox .tox-notification--warn a:focus,
+.tox .tox-notification--warning a:focus {
+  color: #997a00;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn a:focus-visible,
+.tox .tox-notification--warning a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #ffcc00;
+  outline-offset: 2px;
+}
+.tox .tox-notification--warn a:active,
+.tox .tox-notification--warning a:active {
+  color: #665200;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #fff0b3;
+}
+.tox .tox-notification--info {
+  background-color: #254161;
+  border-color: #264972;
+  color: #fff;
+}
+.tox .tox-notification--info p {
+  color: #fff;
+}
+.tox .tox-notification--info a {
+  color: #83b7f3;
+}
+.tox .tox-notification--info a:hover,
+.tox .tox-notification--info a:focus {
+  color: #2681ea;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #83b7f3;
+  outline-offset: 2px;
+}
+.tox .tox-notification--info a:active {
+  color: #1368c9;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info svg {
+  fill: #fff;
+}
+.tox .tox-notification__body {
+  align-self: center;
+  color: #fff;
+  font-size: 14px;
+  grid-column-end: 3;
+  grid-column-start: 2;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  align-self: center;
+  grid-column-end: 2;
+  grid-column-start: 1;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  align-self: start;
+  grid-column-end: 4;
+  grid-column-start: 3;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  grid-column-end: 4;
+  grid-column-start: 1;
+  grid-row-end: 3;
+  grid-row-start: 2;
+  justify-self: center;
+}
+.tox .tox-notification-container-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-notification-container-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-notification-container-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #17202a;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #222f3e;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid #000000;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #fff;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #2b3b4e;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid #000000;
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #fff;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #2b3b4e 24%, #202d3b 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #207ab7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #207ab7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #17202a;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #55367A;
+  color: #C290FB;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #C290FB;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #428fc2;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #90bddb;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #33739e;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+  transition: 0.15s ease;
+  transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+.tox .tox-pop__dialog {
+  background-color: #222f3e;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  opacity: 1;
+  position: absolute;
+  width: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-pop::before,
+  .tox .tox-pop::after {
+    content: none;
+  }
+}
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+  opacity: 0;
+  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #222f3e transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #000000 transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #222f3e transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #000000 transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #222f3e transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #000000 transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #222f3e;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #000000;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #34485f;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #207ab7;
+  border: 2px solid #185d8c;
+  border-radius: 3px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+  margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+  margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+  margin-inline-start: 32px;
+}
+.tox .tox-toolbar-slider {
+  align-items: center;
+  display: inline-flex;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input {
+  appearance: none;
+  background: #000000;
+  border-radius: 16px;
+  width: 130px;
+  height: 2px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background-color: #207ab7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-thumb {
+  appearance: none;
+  background-color: #207ab7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input:focus-visible {
+  outline: none;
+}
+.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
+  background-color: #1c6ca1;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+}
+.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
+  background-color: #1c6ca1;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+}
+.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
+  background-color: #1c6ca1;
+}
+.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
+  background-color: #1c6ca1;
+}
+.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
+  background-color: #185d8c;
+}
+.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
+  background-color: #185d8c;
+}
+.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #222f3e;
+  border-top: 1px solid #000000;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 12px;
+  font-weight: normal;
+  height: 18px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: uppercase;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
+  align-items: flex-start;
+  display: flex;
+  flex: 1 1 auto;
+  height: 16px;
+  justify-content: space-between;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+@media only screen and (max-width: 767px ) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: #fff;
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #fff;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:focus-visible::after,
+.tox .tox-statusbar__path-item:focus-visible::after,
+.tox .tox-statusbar__wordcount:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar a:focus-visible::after,
+  .tox .tox-statusbar__path-item:focus-visible::after,
+  .tox .tox-statusbar__wordcount:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(255, 255, 255, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #fff;
+}
+.tox .tox-statusbar__resize-cursor-default {
+  cursor: ns-resize;
+}
+.tox .tox-statusbar__resize-cursor-both {
+  cursor: nwse-resize;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-bottom: 3px;
+  margin-left: 4px;
+  margin-right: calc(3px - 8px);
+  margin-top: 3px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-statusbar__resize-handle:hover svg,
+.tox .tox-statusbar__resize-handle:focus svg {
+  fill: #fff;
+}
+.tox .tox-statusbar__resize-handle:focus-visible {
+  background-color: transparent;
+  border-radius: 1px 1px -4px 1px;
+  box-shadow: 0 0 0 2px transparent;
+}
+.tox .tox-statusbar__resize-handle:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__resize-handle:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__resize-handle:only-child {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 2ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-throbber {
+  z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: #222f3e;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 3px 0 2px 0;
+  outline: none;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:hover,
+  .tox .tox-tbtn.tox-tbtn:hover {
+    outline: 1px dashed currentColor;
+  }
+  .tox .tox-tbtn.tox-tbtn--active,
+  .tox .tox-tbtn.tox-tbtn--enabled,
+  .tox .tox-tbtn.tox-tbtn--enabled:hover,
+  .tox .tox-tbtn.tox-tbtn--enabled:focus,
+  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+    outline: 1px solid currentColor;
+    position: relative;
+  }
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn svg {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--enabled,
+  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--disabled,
+  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
+  .tox .tox-tbtn svg .tox-tbtn:disabled,
+  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
+    filter: contrast(0%);
+  }
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-tbtn:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:hover {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: #222f3e;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--active,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn--enabled:focus {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+}
+.tox .tox-tbtn--active > *,
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled:focus > * {
+  transform: none;
+}
+.tox .tox-tbtn--active svg,
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg,
+.tox .tox-tbtn--enabled:focus svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--active.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--enabled:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn--enabled:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 51px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 68px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-label--context-toolbar {
+  margin: 6px 1px 5px 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.tox .tox-number-input {
+  background: transparent;
+  border-radius: 3px;
+  display: flex;
+  margin: 3px 0 2px 0;
+  position: relative;
+  width: auto;
+}
+.tox .tox-number-input:focus {
+  background: #4a5562;
+}
+.tox .tox-number-input:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper {
+  display: flex;
+  pointer-events: none;
+  position: relative;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background-color: #4a5562;
+  z-index: 1;
+}
+.tox .tox-number-input .tox-input-wrapper:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #fff;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  position: relative;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #4a5562;
+  color: #fff;
+}
+.tox .tox-number-input input:focus {
+  background-color: #4a5562;
+}
+.tox .tox-number-input input:disabled {
+  background: #222f3e;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button {
+  color: #fff;
+  height: 34px;
+  position: relative;
+  text-align: center;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:hover,
+  .tox .tox-number-input button:focus,
+  .tox .tox-number-input button:active {
+    outline: 1px solid currentColor !important;
+  }
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #fff;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button svg,
+  .tox .tox-number-input button svg:active,
+  .tox .tox-number-input button svg:hover {
+    fill: currentColor !important;
+  }
+  .tox .tox-number-input button svg:disabled {
+    filter: contrast(0);
+  }
+}
+.tox .tox-number-input button:focus {
+  background: #4a5562;
+  z-index: 1;
+}
+.tox .tox-number-input button:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input button:hover {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #fff;
+}
+.tox .tox-number-input button:active {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-number-input button:active svg {
+  fill: #fff;
+}
+.tox .tox-number-input button:disabled {
+  background: #222f3e;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #4a5562;
+}
+.tox .tox-tbtn--select {
+  margin: 3px 0 2px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #000000;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  height: initial;
+  margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn__select-chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-tbtn--bespoke {
+  background: transparent;
+}
+.tox .tox-tbtn--bespoke:focus {
+  background: #4a5562;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+  margin-inline-start: 0;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 3px 0 2px 0;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #4a5562 inset;
+}
+.tox .tox-split-button:focus {
+  background: #4a5562;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-split-button:focus::after {
+  pointer-events: none;
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button > *:nth-child(1) {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.tox .tox-split-button > *:nth-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox .tox-split-button:focus .tox-tbtn {
+  background-color: transparent;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: #222f3e;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+  padding: 0 0px;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+  opacity: 0.3;
+}
+.tox .tox-toolbar-overlord {
+  background-color: #222f3e;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background-attachment: local;
+  background-color: #222f3e;
+  background-image: repeating-linear-gradient(#000000 0 1px, transparent 1px 39px);
+  background-position: center top 39px;
+  background-repeat: no-repeat;
+  background-size: calc(100% - 4px * 2) calc(100% - 39px);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0px;
+  transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+  background-position: center top 0px;
+  background-size: calc(100% - 4px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-toolbar-overlord,
+.tox .tox-anchorbar {
+  grid-column: 1 / -1;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: 1px solid #000000;
+  margin-top: -1px;
+  padding-bottom: 0;
+  padding-top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-menubar + .tox-toolbar,
+  .tox .tox-menubar + .tox-toolbar-overlord {
+    outline: 1px solid currentColor;
+  }
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+  background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+  background-image: none;
+}
+.tox .tox-focusable-wrapper {
+  border: 1px solid transparent;
+  margin-right: 2px;
+  pointer-events: none;
+}
+.tox .tox-focusable-wrapper .tox-textfield-size {
+  pointer-events: all;
+}
+.tox .tox-focusable-wrapper:focus {
+  background-color: #4a5562;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #222f3e;
+  background-position: center top 43px;
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  border: none;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+  overscroll-behavior: none;
+  padding: 4px 0;
+}
+@media (forced-colors: active) {
+  .tox.tox-tinymce-aux .tox-toolbar__overflow {
+    border: solid;
+  }
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+  background-position: center top 43px;
+  background-size: calc(100% - 4px * 2) calc(100% - 51px);
+  padding: 4px 0;
+}
+.tox-context-form__group {
+  display: flex;
+  align-items: center;
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid #000000;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid #000000;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  max-width: 15em;
+  padding: 8px;
+  /*
+     * The pointer-events: none is designed to make mouse events bleed through the tooltip
+     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
+     * another item should trigger the hover of the item obscured by the tooltip, even though
+     * the tooltip is on top
+     */
+  pointer-events: none;
+  position: relative;
+  width: max-content;
+  z-index: 1150;
+}
+.tox .tox-tooltip__body {
+  background-color: #2A3746;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  overflow-wrap: break-word;
+  padding: 4px 6px;
+  text-transform: none;
+}
+@media (forced-colors: active) {
+  .tox .tox-tooltip__body {
+    outline: outset 1px;
+  }
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #2A3746;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #2A3746;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #2A3746;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #2A3746;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #6ea9d0;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #6ea9d0;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-icon-custom-state {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__pane {
+  padding: 0 !important;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-revisionhistory__container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-revisionhistory {
+  background-color: #222f3e;
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  display: flex;
+  flex: 1;
+  height: 100%;
+  margin-top: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-revisionhistory--align-right {
+  margin-left: auto;
+}
+.tox .tox-revisionhistory__iframe {
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 248px;
+  width: 316px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
+  background-color: #222f3e;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  color: #fff;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  padding: 12px;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
+  background-color: #2b3b4e;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow-y: auto;
+  padding: 10px 12px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 3px;
+  bottom: 1px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
+  background-color: #222f3e;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 6px;
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  gap: 12px;
+  padding: 12px;
+  width: 100%;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent #285ec7;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #285ec7;
+  box-shadow: 0 0 0 2px #285ec7 !important;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
+  background-color: #62430b;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  position: relative;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent #cea215;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #cea215;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 0;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
+  align-items: center;
+  display: flex;
+  flex: 1 0 0;
+  gap: 8px;
+  height: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 16px;
+  line-height: 24px;
+  padding: 5px 5.5px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
+  color: #fff;
+  height: 24px;
+}
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #222f3e;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 8px 0 8px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #fff;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 8px 8px 0 8px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #000000;
+  border-radius: 3px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: none;
+  padding: 0;
+}
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+  margin-bottom: -1px;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: hidden;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: none;
+  box-shadow: none;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: transparent;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 0;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0;
+}
+.tox .tox-pop {
+  box-shadow: none;
+}
+.tox .tox-tbtn,
+.tox .tox-label,
+.tox .tox-number-input,
+.tox .tox-tbtn--select,
+.tox .tox-split-button,
+.tox .tox-toolbar-label {
+  margin: 2px 0 3px 0;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #000000;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e !important;
+}
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: none;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+  border-top: 1px solid #000000;
+  margin-top: -1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  border: 1px solid #000000;
+  padding: 0;
+}
+.tox .tox-pop .tox-pop__dialog .tox-toolbar {
+  padding: 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+  border-top: 1px solid #000000;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
+  border-top: 1px solid #000000;
+}
+.tox .tox-toolbar__group {
+  padding: 0 4px 0 4px;
+}
+.tox .tox-collection__item {
+  border-radius: 0;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #fff;
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(255, 255, 255, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #fff;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 1ch;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-statusbar__resize-handle {
+  padding-bottom: 0;
+  padding-right: 0;
+}
+.tox .tox-button::before {
+  display: none;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.js
new file mode 100644
index 000000000..d7e1d2acf
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/tinymce-5-dark/skin.css', `.tox{box-shadow:none;box-sizing:content-box;color:#2a3746;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #000;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#222f3e;border:1px solid #000;border-radius:0;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#fff}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:3px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#22374a;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#a6cae2}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#a6cae2}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#1c6ca1}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#185d8c}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#383f38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#332a38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#000;border-radius:0;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:3px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#114060;background-image:none;border-color:#114060;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled{background-color:#346085;background-image:none;border-color:#346085;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#346085;background-image:none;border-color:#346085;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#2d5373;background-image:none;border-color:#2d5373;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#2d5373;background-image:none;border-color:#2d5373;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#264560;background-image:none;border-color:#264560;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:3px 0 2px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:#3d546f;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:#2b3b4e;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,0.2)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#1a1a1a;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#333;color:#fff;cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#fff;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#fff;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#207ab7;stroke:#207ab7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#222f3e}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#222f3e;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#757d87;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#757d87;color:#fff}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff;background-color:#2b3b4e;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#4a5562;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#4a5562;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #000;border-radius:3px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid #1a1a1a;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:3px 0 2px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #000}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #000}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#442632;border:1px solid #55212b;border-radius:3px;color:#e68080;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#4a5562}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#fff;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);padding:8px 12px;background:#222f3e;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#fff;line-height:28px}.tox .tox-comment{background:#222f3e;border:1px solid #222f3e;border-radius:3px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(42,55,70,.1)}.tox .tox-comment.tox-comment--selected{background-color:#555542;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(42,55,70,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid transparent;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:3px;border:2px solid transparent}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#fff;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#222f3e;box-shadow:0 0 8px 8px #222f3e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#222f3e;position:relative;border-radius:3px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#222f3e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(34,47,62,0),#222f3e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#222f3e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#222f3e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,0.5)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #90bddb;color:#90bddb}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#90bddb;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#428fc2;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #90bddb;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#33739e;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:1px solid #000;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #000;border-radius:3px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:3px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #000;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:0 solid transparent;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:0 solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #000}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#222f3e;border-bottom:none;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #000;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#222f3e;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#000;border-radius:3px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(42 55 3.5%);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:34px;margin:2px 0 3px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#000;border-radius:3px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #207ab7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:2px 0 3px 4px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px 0;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px 0}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #000;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#4a5562}.tox .tox-insert-table-picker{background-color:#222f3e;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#000;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:0 -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#222f3e;border:1px solid #000;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(255,255,255,.5)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#2b3b4e;border:1px solid #000;border-radius:3px;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 4px 0 4px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#4a5562;border:0;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#207ab7;box-shadow:none}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#334840;border-color:#3c5440;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#b5d199}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#82b153;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #b5d199;outline-offset:2px}.tox .tox-notification--success a:active{color:#689041;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#442632;border-color:#55212b;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#e68080}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#d42b2b;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #e68080;outline-offset:2px}.tox .tox-notification--error a:active{color:#a22;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#222f3e;border-color:#000;color:#fff0b3}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff0b3}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fc0}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#997a00;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #ffcc00;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#665200;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff0b3}.tox .tox-notification--info{background-color:#254161;border-color:#264972;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#83b7f3}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#2681ea;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #83b7f3;outline-offset:2px}.tox .tox-notification--info a:active{color:#1368c9;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{align-self:center;color:#fff;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#17202a;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#222f3e;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #000}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#2b3b4e;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(255,255,255,.5)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(255,255,255,0.5)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #000;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#2b3b4e 24%,#202d3b 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#207ab7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#207ab7}.tox .tox-promotion-dialog--footer{background-color:#17202a;color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#55367a;color:#c290fb;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #C290FB}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(255,255,255,.5);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#428fc2;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #90bddb;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#33739e;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #000;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#000 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #000 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #000 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #000;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#34485f;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #000;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#000;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid #000;color:#fff;display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:#fff;position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(255,255,255,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#fff}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px -4px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:3px 0 2px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#fff}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#4a5562;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#757d87;border:0;box-shadow:none;color:#fff;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:0 0;border-radius:3px;display:flex;margin:3px 0 2px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#4a5562}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#4a5562;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#fff;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#4a5562;color:#fff}.tox .tox-number-input input:focus{background-color:#4a5562}.tox .tox-number-input input:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button{color:#fff;height:34px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#fff;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#4a5562;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:hover svg{fill:#fff}.tox .tox-number-input button:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:active svg{fill:#fff}.tox .tox-number-input button:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#4a5562}.tox .tox-tbtn--select{margin:3px 0 2px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #000}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:0 0}.tox .tox-tbtn--bespoke:focus{background:#4a5562}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:0}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:3px 0 2px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #4a5562 inset}.tox .tox-split-button:focus{background:#4a5562;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#222f3e;box-shadow:none;color:rgba(255,255,255,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#222f3e;background-image:repeating-linear-gradient(#000 0 1px,transparent 1px 39px);background-position:center top 39px;background-repeat:no-repeat;background-size:calc(100% - 4px * 2) calc(100% - 39px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 4px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid #000;margin-top:-1px;padding-bottom:0;padding-top:0}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#4a5562;border-radius:3px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 4px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #000}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #000}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#2a3746;border-radius:3px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2a3746;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #2a3746;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #2a3746;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #2a3746;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#fff}.tox .tox-tree .tox-trbtn:focus{background:#4a5562;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:active{background:#6ea9d0;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:active svg{fill:#fff}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#6ea9d0;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#fff}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#222f3e;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#fff;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#2b3b4e;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0;border-radius:3px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#222f3e;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #285ec7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #285ec7;box-shadow:0 0 0 2px #285ec7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#62430b;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #cea215;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #cea215}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(255,255,255,.5);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#fff;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#222f3e;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view__label{color:#fff;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #000;border-radius:3px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #000;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #000;border-radius:3px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:none;padding:0}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce-inline .tox-editor-container{overflow:hidden}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:none;box-shadow:none}.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:0}.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-pop{box-shadow:none}.tox .tox-label,.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select,.tox .tox-toolbar-label{margin:2px 0 3px 0}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #000}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e!important}.tox .tox-menubar+.tox-toolbar-overlord{border-top:none}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #000;margin-top:-1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{border:1px solid #000;padding:0}.tox .tox-pop .tox-pop__dialog .tox-toolbar{padding:0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #000}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #000}.tox .tox-toolbar__group{padding:0 4px 0 4px}.tox .tox-collection__item{border-radius:0;cursor:pointer}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-statusbar__resize-handle{padding-bottom:0;padding-right:0}.tox .tox-button::before{display:none}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.min.css
new file mode 100644
index 000000000..ee528e697
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.min.css
@@ -0,0 +1 @@
+.tox{box-shadow:none;box-sizing:content-box;color:#2a3746;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #000;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#222f3e;border:1px solid #000;border-radius:0;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#fff}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:3px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#22374a;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#a6cae2}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#a6cae2}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#1c6ca1}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#185d8c}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#383f38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#332a38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#000;border-radius:0;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:3px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#114060;background-image:none;border-color:#114060;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled{background-color:#346085;background-image:none;border-color:#346085;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#346085;background-image:none;border-color:#346085;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#2d5373;background-image:none;border-color:#2d5373;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#2d5373;background-image:none;border-color:#2d5373;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#264560;background-image:none;border-color:#264560;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:3px 0 2px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:#3d546f;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:#2b3b4e;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,0.2)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#1a1a1a;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#333;color:#fff;cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#fff;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#fff;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#207ab7;stroke:#207ab7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#222f3e}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#222f3e;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#757d87;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#757d87;color:#fff}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff;background-color:#2b3b4e;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#4a5562;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#4a5562;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #000;border-radius:3px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid #1a1a1a;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:3px 0 2px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #000}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #000}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#442632;border:1px solid #55212b;border-radius:3px;color:#e68080;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#4a5562}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#fff;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);padding:8px 12px;background:#222f3e;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#fff;line-height:28px}.tox .tox-comment{background:#222f3e;border:1px solid #222f3e;border-radius:3px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(42,55,70,.1)}.tox .tox-comment.tox-comment--selected{background-color:#555542;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(42,55,70,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid transparent;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:3px;border:2px solid transparent}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#fff;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#222f3e;box-shadow:0 0 8px 8px #222f3e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#222f3e;position:relative;border-radius:3px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#222f3e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(34,47,62,0),#222f3e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#222f3e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#222f3e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,0.5)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #90bddb;color:#90bddb}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#90bddb;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#428fc2;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #90bddb;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#33739e;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:1px solid #000;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #000;border-radius:3px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:3px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #000;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:0 solid transparent;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:0 solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #000}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#222f3e;border-bottom:none;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #000;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#222f3e;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#000;border-radius:3px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(42 55 3.5%);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:34px;margin:2px 0 3px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#000;border-radius:3px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #207ab7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:2px 0 3px 4px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px 0;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px 0}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #000;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#4a5562}.tox .tox-insert-table-picker{background-color:#222f3e;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#000;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:0 -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#222f3e;border:1px solid #000;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(255,255,255,.5)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#2b3b4e;border:1px solid #000;border-radius:3px;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 4px 0 4px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#4a5562;border:0;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#207ab7;box-shadow:none}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#334840;border-color:#3c5440;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#b5d199}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#82b153;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #b5d199;outline-offset:2px}.tox .tox-notification--success a:active{color:#689041;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#442632;border-color:#55212b;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#e68080}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#d42b2b;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #e68080;outline-offset:2px}.tox .tox-notification--error a:active{color:#a22;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#222f3e;border-color:#000;color:#fff0b3}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff0b3}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fc0}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#997a00;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #ffcc00;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#665200;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff0b3}.tox .tox-notification--info{background-color:#254161;border-color:#264972;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#83b7f3}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#2681ea;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #83b7f3;outline-offset:2px}.tox .tox-notification--info a:active{color:#1368c9;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{align-self:center;color:#fff;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#17202a;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#222f3e;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #000}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#2b3b4e;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(255,255,255,.5)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(255,255,255,0.5)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #000;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#2b3b4e 24%,#202d3b 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#207ab7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#207ab7}.tox .tox-promotion-dialog--footer{background-color:#17202a;color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#55367a;color:#c290fb;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #C290FB}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(255,255,255,.5);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#428fc2;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #90bddb;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#33739e;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #000;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#000 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #000 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #000 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #000;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#34485f;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #000;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#000;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid #000;color:#fff;display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:#fff;position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(255,255,255,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#fff}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px -4px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:3px 0 2px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#fff}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#4a5562;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#757d87;border:0;box-shadow:none;color:#fff;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:0 0;border-radius:3px;display:flex;margin:3px 0 2px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#4a5562}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#4a5562;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#fff;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#4a5562;color:#fff}.tox .tox-number-input input:focus{background-color:#4a5562}.tox .tox-number-input input:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button{color:#fff;height:34px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#fff;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#4a5562;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:hover svg{fill:#fff}.tox .tox-number-input button:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:active svg{fill:#fff}.tox .tox-number-input button:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#4a5562}.tox .tox-tbtn--select{margin:3px 0 2px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #000}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:0 0}.tox .tox-tbtn--bespoke:focus{background:#4a5562}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:0}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:3px 0 2px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #4a5562 inset}.tox .tox-split-button:focus{background:#4a5562;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#222f3e;box-shadow:none;color:rgba(255,255,255,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#222f3e;background-image:repeating-linear-gradient(#000 0 1px,transparent 1px 39px);background-position:center top 39px;background-repeat:no-repeat;background-size:calc(100% - 4px * 2) calc(100% - 39px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 4px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid #000;margin-top:-1px;padding-bottom:0;padding-top:0}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#4a5562;border-radius:3px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 4px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #000}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #000}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#2a3746;border-radius:3px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2a3746;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #2a3746;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #2a3746;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #2a3746;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#fff}.tox .tox-tree .tox-trbtn:focus{background:#4a5562;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:active{background:#6ea9d0;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:active svg{fill:#fff}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#6ea9d0;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#fff}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#222f3e;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#fff;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#2b3b4e;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0;border-radius:3px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#222f3e;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #285ec7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #285ec7;box-shadow:0 0 0 2px #285ec7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#62430b;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #cea215;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #cea215}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(255,255,255,.5);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#fff;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#222f3e;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view__label{color:#fff;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #000;border-radius:3px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #000;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #000;border-radius:3px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:none;padding:0}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce-inline .tox-editor-container{overflow:hidden}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:none;box-shadow:none}.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:0}.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-pop{box-shadow:none}.tox .tox-label,.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select,.tox .tox-toolbar-label{margin:2px 0 3px 0}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #000}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e!important}.tox .tox-menubar+.tox-toolbar-overlord{border-top:none}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #000;margin-top:-1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{border:1px solid #000;padding:0}.tox .tox-pop .tox-pop__dialog .tox-toolbar{padding:0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #000}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #000}.tox .tox-toolbar__group{padding:0 4px 0 4px}.tox .tox-collection__item{border-radius:0;cursor:pointer}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-statusbar__resize-handle{padding-bottom:0;padding-right:0}.tox .tox-button::before{display:none}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css
new file mode 100644
index 000000000..25b0a3710
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js
new file mode 100644
index 000000000..125f5ad59
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/tinymce-5-dark/skin.shadowdom.css', `body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css
new file mode 100644
index 000000000..8745951a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css
@@ -0,0 +1 @@
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.css
new file mode 100644
index 000000000..5d4df6a76
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.css
@@ -0,0 +1,893 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.css
new file mode 100644
index 000000000..86ac0c46e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.css
@@ -0,0 +1,887 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.js
new file mode 100644
index 000000000..6eeb1d451
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/tinymce-5/content.inline.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.min.css
new file mode 100644
index 000000000..2844f4ea3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.inline.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.js
new file mode 100644
index 000000000..7679f4a32
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/tinymce-5/content.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.min.css
new file mode 100644
index 000000000..133a43eaa
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.css
new file mode 100644
index 000000000..03ff5ec71
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.css
@@ -0,0 +1,5260 @@
+.tox {
+  box-shadow: none;
+  box-sizing: content-box;
+  color: #222f3e;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 1px solid #cccccc;
+  border-radius: 0;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 0;
+  box-shadow: none;
+  overflow: hidden;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox[dir=rtl] .tox-icon--flip svg {
+  transform: rotateY(180deg);
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox #accessibility-issue__subheader {
+  font-size: 16px;
+  color: #222f3e;
+}
+.tox .accessbility-sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(0 0 99.9% 99.9%);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  padding: 0;
+  border: 0;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border-radius: 3px;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
+}
+.tox #accessibility-issue__contentID {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.tox #accessibility-issue__contentID span:first-child {
+  font-weight: bold;
+}
+.tox #accessibility-issue__document {
+  padding-bottom: 8px;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 8px;
+}
+.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: #e9f2f8;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  font-size: 14px;
+  color: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
+  fill: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #207ab7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #1c6ca1;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #185d8c;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: #fffae6;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  font-size: 14px;
+  color: #7a6e25;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
+  fill: #7a6e25;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: #fae6e6;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  font-size: 14px;
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
+  fill: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.1);
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  display: none;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #527530;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
+  fill: #527530;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox .mce-codemirror {
+  background: #fff;
+  bottom: 0;
+  font-size: 13px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .mce-codemirror.tox-inline-codemirror {
+  margin: 8px;
+  position: absolute;
+}
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #cccccc;
+  border-radius: 0;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #207ab7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #207ab7;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-button::before {
+  border-radius: 3px;
+  bottom: -1px;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+  content: '';
+  left: -1px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.tox .tox-button[disabled] {
+  background-color: #207ab7;
+  background-image: none;
+  border-color: #207ab7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled[disabled] {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
+  background-color: #154f76;
+  background-image: none;
+  border-color: #154f76;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
+  background-color: #154f76;
+  background-image: none;
+  border-color: #154f76;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:active:not(:disabled) {
+  background-color: #114060;
+  background-image: none;
+  border-color: #114060;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button--secondary {
+  background-color: #f0f0f0;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #f0f0f0;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #f0f0f0;
+  background-image: none;
+  border-color: #f0f0f0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #d6d6d6;
+  background-image: none;
+  border-color: #d6d6d6;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled {
+  background-color: #b1ccdf;
+  background-image: none;
+  border-color: #b1ccdf;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled[disabled] {
+  background-color: #b1ccdf;
+  background-image: none;
+  border-color: #b1ccdf;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
+  background-color: #9fc1d7;
+  background-image: none;
+  border-color: #9fc1d7;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
+  background-color: #9fc1d7;
+  background-image: none;
+  border-color: #9fc1d7;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
+  background-color: #8db5d0;
+  background-image: none;
+  border-color: #8db5d0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 3px 0 2px 0;
+  padding: 0;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: #f0f0f0;
+  border-color: #f0f0f0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: #e3e3e3;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: #e3e3e3;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: #d6d6d6;
+  border-color: #d6d6d6;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #222f3e;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 3px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.3);
+}
+@media (forced-colors: active) {
+  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 3px;
+  box-shadow: inset 0 0 0 1px #207ab7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: #cccccc;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: #e6e6e6;
+  color: rgba(34, 47, 62, 0.7);
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  border-radius: 3px;
+  color: #222f3e;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #222f3e;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #207ab7;
+  stroke: #207ab7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #fff;
+  opacity: 0.8;
+  background-clip: content-box;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+  color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #dee0e2;
+  color: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+    border: solid 1px;
+  }
+}
+.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #c8cbcf;
+  color: #222f3e;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #dee0e2;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent inset;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #c8cbcf;
+  color: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #222f3e;
+  background-color: #fff;
+  position: relative;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+  background-color: #dee0e2;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
+  background-color: #dee0e2;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection__item-image {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  max-width: 100%;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: currentColor;
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: currentColor;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 34px;
+  margin: 3px 0 2px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid #cccccc;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid #cccccc;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+@media (forced-colors: active) {
+  .tox .tox-hue-slider,
+  .tox .tox-rgb-form .tox-rgba-preview {
+    background-color: currentColor !important;
+    border: 1px solid highlight !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-spectrum:focus,
+.tox .tox-sv-palette-spectrum:focus {
+  outline: #08f solid;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  min-width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid #f00 !important;
+  box-shadow: 0 0 0 1px #f00;
+}
+.tox .tox-rgb-container {
+  position: relative;
+}
+.tox .tox-rgb-form .tox-invalid-icon {
+  align-content: center;
+  align-items: center;
+  display: none;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
+  margin: 0;
+}
+.tox .tox-rgb-warning-note {
+  background-color: #f5cccc;
+  border: 1px solid #f0b3b3;
+  border-radius: 3px;
+  color: #77181f;
+  padding: 3px;
+}
+.tox input.tox-invalid + .tox-invalid-icon {
+  display: flex;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px 0;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+@media (forced-colors: active) {
+  .tox .tox-swatches__row {
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #dee0e2;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #222f3e;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
+  display: block;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox {
+  /* Animation for deleting a comment */
+  /* A comment fades to 0 when it is being deleted, then is removed */
+}
+.tox .tox-conversations {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  /* This is to give the sidebar a consistent width. Need a solution for this */
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+}
+.tox .tox-conversations__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  padding: 8px 12px;
+  background: #fff;
+  z-index: 1;
+}
+.tox .tox-conversations__title {
+  font-size: 20px;
+  font-weight: 400;
+  padding: 8px 0 8px 0;
+  color: #222f3e;
+  line-height: 28px;
+}
+.tox .tox-comment {
+  background: #fff;
+  border: 1px solid #fff;
+  border-radius: 3px;
+  padding: 8px;
+  padding-bottom: 16px;
+  position: relative;
+}
+.tox .tox-comment:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected {
+  background-color: #fff2c9;
+  border: 1px solid #ffcf30;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected:focus {
+  border: 2px solid transparent;
+  margin: -1px;
+}
+.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
+  margin-top: 7px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single {
+  margin-bottom: 12px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
+  position: relative;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
+  top: -9px;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: block;
+  bottom: -9px;
+  left: -9px;
+  right: -9px;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: #222f3e;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-comment__body {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+  white-space: pre-wrap;
+  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
+}
+.tox .tox-comment__body.tox-comment__body--expanded {
+  max-height: 100em;
+  transition: max-height 1s ease-in-out;
+}
+.tox .tox-comment__body.tox-comment__body--pending {
+  transition: max-height 0s;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+  font-size: 16px;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #fff;
+  box-shadow: 0 0 8px 8px #fff;
+  color: #222f3e;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+  font-style: normal;
+  /* Need a focus highlight on the show more/less button */
+}
+.tox .tox-comment__expander p:focus {
+  font-weight: bold;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-tbtn.tox-comment__mention-btn {
+  display: flex;
+  width: 34px;
+  height: 34px;
+  padding: 5px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  background-color: transparent;
+}
+.tox .tox-comment-thread {
+  background: #fff;
+  position: relative;
+  border-radius: 3px;
+  background-color: transparent;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #fff;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #fff;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #fff;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 12px;
+  scroll-behavior: smooth;
+}
+.tox .tox-comment__scroll:has(textarea:focus) {
+  scroll-behavior: auto;
+}
+.tox .tox-comment--disappearing {
+  transition: opacity 0.5s ease;
+}
+.tox .tox-comment[data-transitioning-destination="deleting"] {
+  opacity: 0;
+}
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
+.tox .tox-ring-loader {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #FFF;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-user__avatar img {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-user__name {
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 18px;
+  text-transform: none;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg,
+.tox:not([dir=rtl]) .tox-user__avatar img {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg,
+.tox[dir=rtl] .tox-user__avatar img {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox {
+  /* .tox-dialog-blocker-wrap {
+    //
+  } */
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #fff;
+}
+.tox .tox-dialog {
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    max-height: calc(100vh - 8px * 2);
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #fff;
+  border-bottom: none;
+  color: #222f3e;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #222f3e;
+  display: flex;
+  flex: 1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 16px 16px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(34, 47, 62, 0.7);
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  max-width: 13em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(32, 122, 183, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #214d6e;
+  color: #214d6e;
+}
+@media (forced-colors: active) {
+  .tox .tox-dialog__body-nav-item--active {
+    border-bottom: 2px solid highlight;
+    color: highlight;
+  }
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-height: min(650px, calc(100vh - 110px));
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #214d6e;
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #0a1620;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #214d6e;
+  outline-offset: 2px;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #222f3e;
+}
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
+.tox .tox-dialog__body-content ul {
+  list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #222f3e;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #fff;
+  border-top: 1px solid #cccccc;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #404040;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
+.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
+  background: #fff;
+}
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  content: '';
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered iframe {
+  border-radius: 3px;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #cccccc;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(34, 47, 62, 0.7);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area::before {
+  border: 0 solid transparent;
+  border-radius: 4px;
+  content: '';
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
+@media (forced-colors: active) {
+  .tox .tox-edit-area::before {
+    border: 0 solid highlight;
+  }
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #cccccc;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #fff;
+  border-bottom: none;
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid #cccccc;
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #fff;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-custom-preview {
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  flex: 1;
+  padding: 8px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  box-sizing: border-box;
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(34 47 3.1%);
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span {
+    border-color: currentColor;
+    border-width: 2px !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #207ab7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #fff;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span::before {
+    border: none;
+  }
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  appearance: none;
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-toolbar-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-toolbar-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-focusable-wrapper:focus,
+.tox .tox-custom-editor:focus-within {
+  background-color: #fff;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-toolbar-textfield {
+  max-width: 250px;
+  min-height: unset;
+  height: 34px;
+  margin: 2px 0 3px 0;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #207ab7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-textfield-size {
+  width: 80px;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-listbox__select-chevron svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  appearance: none;
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #fff;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-selectfield select option:checked {
+  background-color: revert;
+  color: revert;
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea-wrap {
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+.tox .tox-textarea {
+  appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-imagepreview {
+  background-color: #666;
+  height: 380px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+  overflow: auto;
+}
+.tox .tox-imagepreview__container {
+  display: flex;
+  left: 100vw;
+  position: absolute;
+  top: 100vw;
+}
+.tox .tox-imagepreview__image {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+  flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+  align-items: center;
+  display: flex;
+  height: 60px;
+  justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #207ab7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px 0;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px 0;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #dee0e2;
+}
+.tox .tox-insert-table-picker {
+  background-color: #fff;
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: #cccccc;
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: 0 -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: rgba(32, 122, 183, 0.5);
+  border-color: rgba(32, 122, 183, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    border-color: Highlight;
+    filter: contrast(50%);
+  }
+}
+.tox .tox-insert-table-picker__label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox-mentions__card-common {
+  z-index: 1200;
+}
+.tox.tox-mentions__card {
+  background: #fff;
+  border: 1px solid #cccccc;
+  display: flex;
+  padding: 4px 8px;
+}
+.tox.tox-mentions__card .tox-mentions__container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin: 0 4px;
+}
+.tox .tox-mentions__avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+.tox .tox-mentions__username {
+  font-size: 14px;
+  line-height: 21px;
+}
+.tox .tox-mentions__description {
+  font-size: 12px;
+  line-height: 21px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-collection__item--active .tox-mentions__description {
+  color: inherit;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 4px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-menu .tox-collection__item-label {
+    overflow-wrap: break-word;
+    word-break: normal;
+  }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
+  background-color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-promotion + .tox-menubar {
+  grid-column: 1;
+}
+.tox .tox-promotion {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
+  background-color: #fff;
+  grid-column: 2;
+  grid-row: 1;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
+  padding-top: 5px;
+}
+.tox .tox-promotion-link {
+  align-items: unsafe center;
+  background-color: #E8F1F8;
+  border-radius: 5px;
+  color: #086BE6;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  height: 26.6px;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.tox .tox-promotion-link:hover {
+  background-color: #B4D7FF;
+}
+.tox .tox-promotion-link:focus {
+  background-color: #D9EDF7;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: #fff;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 2px 0 3px 0;
+  outline: none;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-mbtn:focus:not(:disabled)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-mbtn:focus:not(:disabled)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-mbtn--active,
+.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  width: max-content;
+}
+.tox .tox-notification a {
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification:focus {
+  border-color: #207ab7;
+  box-shadow: none;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #e4eeda;
+  border-color: #d7e6c8;
+  color: #222f3e;
+}
+.tox .tox-notification--success p {
+  color: #222f3e;
+}
+.tox .tox-notification--success a {
+  color: #517342;
+}
+.tox .tox-notification--success a:hover,
+.tox .tox-notification--success a:focus {
+  color: #24321d;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #517342;
+  outline-offset: 2px;
+}
+.tox .tox-notification--success a:active {
+  color: #0d120a;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--error {
+  background-color: #f5cccc;
+  border-color: #f0b3b3;
+  color: #222f3e;
+}
+.tox .tox-notification--error p {
+  color: #222f3e;
+}
+.tox .tox-notification--error a {
+  color: #77181f;
+}
+.tox .tox-notification--error a:hover,
+.tox .tox-notification--error a:focus {
+  color: #220709;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #77181f;
+  outline-offset: 2px;
+}
+.tox .tox-notification--error a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #fff5cc;
+  border-color: #fff0b3;
+  color: #222f3e;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #222f3e;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #7a6e25;
+}
+.tox .tox-notification--warn a:hover,
+.tox .tox-notification--warning a:hover,
+.tox .tox-notification--warn a:focus,
+.tox .tox-notification--warning a:focus {
+  color: #2c280d;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn a:focus-visible,
+.tox .tox-notification--warning a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #7a6e25;
+  outline-offset: 2px;
+}
+.tox .tox-notification--warn a:active,
+.tox .tox-notification--warning a:active {
+  color: #050502;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--info {
+  background-color: #d6e7fb;
+  border-color: #c1dbf9;
+  color: #222f3e;
+}
+.tox .tox-notification--info p {
+  color: #222f3e;
+}
+.tox .tox-notification--info a {
+  color: #2a64a6;
+}
+.tox .tox-notification--info a:hover,
+.tox .tox-notification--info a:focus {
+  color: #163355;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #2a64a6;
+  outline-offset: 2px;
+}
+.tox .tox-notification--info a:active {
+  color: #0b1a2c;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info svg {
+  fill: #222f3e;
+}
+.tox .tox-notification__body {
+  align-self: center;
+  color: #222f3e;
+  font-size: 14px;
+  grid-column-end: 3;
+  grid-column-start: 2;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  align-self: center;
+  grid-column-end: 2;
+  grid-column-start: 1;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  align-self: start;
+  grid-column-end: 4;
+  grid-column-start: 3;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  grid-column-end: 4;
+  grid-column-start: 1;
+  grid-row-end: 3;
+  grid-row-start: 2;
+  justify-self: center;
+}
+.tox .tox-notification-container-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-notification-container-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-notification-container-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #f0f0f0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #222f3e;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid #c1c1c1;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #f0f0f0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid #c1c1c1;
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #fff 24%, #f0f0f0 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #207ab7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #207ab7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #f0f0f0;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #F1EBF9;
+  color: #851AFF;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #851AFF;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(34, 47, 62, 0.7);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #0a1620;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #214d6e;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+  transition: 0.15s ease;
+  transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+.tox .tox-pop__dialog {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  opacity: 1;
+  position: absolute;
+  width: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-pop::before,
+  .tox .tox-pop::after {
+    content: none;
+  }
+}
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+  opacity: 0;
+  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #fff transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #cccccc transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #fff transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #cccccc transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #fff transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #cccccc transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #fff;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #cccccc;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #f0f0f0;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #207ab7;
+  border: 2px solid #185d8c;
+  border-radius: 3px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+  margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+  margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+  margin-inline-start: 32px;
+}
+.tox .tox-toolbar-slider {
+  align-items: center;
+  display: inline-flex;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input {
+  appearance: none;
+  background: #cccccc;
+  border-radius: 16px;
+  width: 130px;
+  height: 2px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background-color: #207ab7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-thumb {
+  appearance: none;
+  background-color: #207ab7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input:focus-visible {
+  outline: none;
+}
+.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
+  background-color: #1c6ca1;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+}
+.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
+  background-color: #1c6ca1;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+}
+.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
+  background-color: #1c6ca1;
+}
+.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
+  background-color: #1c6ca1;
+}
+.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
+  background-color: #185d8c;
+}
+.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
+  background-color: #185d8c;
+}
+.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(34, 47, 62, 0.7);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #fff;
+  border-top: 1px solid #cccccc;
+  color: rgba(34, 47, 62, 0.7);
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 12px;
+  font-weight: normal;
+  height: 18px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: uppercase;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
+  align-items: flex-start;
+  display: flex;
+  flex: 1 1 auto;
+  height: 16px;
+  justify-content: space-between;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+@media only screen and (max-width: 767px ) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: rgba(34, 47, 62, 0.7);
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #222f3e;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:focus-visible::after,
+.tox .tox-statusbar__path-item:focus-visible::after,
+.tox .tox-statusbar__wordcount:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar a:focus-visible::after,
+  .tox .tox-statusbar__path-item:focus-visible::after,
+  .tox .tox-statusbar__wordcount:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(34, 47, 62, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #222f3e;
+}
+.tox .tox-statusbar__resize-cursor-default {
+  cursor: ns-resize;
+}
+.tox .tox-statusbar__resize-cursor-both {
+  cursor: nwse-resize;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-bottom: 3px;
+  margin-left: 4px;
+  margin-right: calc(3px - 8px);
+  margin-top: 3px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-statusbar__resize-handle:hover svg,
+.tox .tox-statusbar__resize-handle:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-statusbar__resize-handle:focus-visible {
+  background-color: transparent;
+  border-radius: 1px 1px -4px 1px;
+  box-shadow: 0 0 0 2px transparent;
+}
+.tox .tox-statusbar__resize-handle:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__resize-handle:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__resize-handle:only-child {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 2ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-throbber {
+  z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: #fff;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 3px 0 2px 0;
+  outline: none;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:hover,
+  .tox .tox-tbtn.tox-tbtn:hover {
+    outline: 1px dashed currentColor;
+  }
+  .tox .tox-tbtn.tox-tbtn--active,
+  .tox .tox-tbtn.tox-tbtn--enabled,
+  .tox .tox-tbtn.tox-tbtn--enabled:hover,
+  .tox .tox-tbtn.tox-tbtn--enabled:focus,
+  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+    outline: 1px solid currentColor;
+    position: relative;
+  }
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn svg {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--enabled,
+  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--disabled,
+  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
+  .tox .tox-tbtn svg .tox-tbtn:disabled,
+  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
+    filter: contrast(0%);
+  }
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-tbtn:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:hover {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--active,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn--enabled:focus {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+}
+.tox .tox-tbtn--active > *,
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled:focus > * {
+  transform: none;
+}
+.tox .tox-tbtn--active svg,
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg,
+.tox .tox-tbtn--enabled:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--active.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--enabled:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn--enabled:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 51px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 68px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-label--context-toolbar {
+  margin: 6px 1px 5px 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.tox .tox-number-input {
+  background: transparent;
+  border-radius: 3px;
+  display: flex;
+  margin: 3px 0 2px 0;
+  position: relative;
+  width: auto;
+}
+.tox .tox-number-input:focus {
+  background: #dee0e2;
+}
+.tox .tox-number-input:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper {
+  display: flex;
+  pointer-events: none;
+  position: relative;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background-color: #dee0e2;
+  z-index: 1;
+}
+.tox .tox-number-input .tox-input-wrapper:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #222f3e;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  position: relative;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #dee0e2;
+  color: #222f3e;
+}
+.tox .tox-number-input input:focus {
+  background-color: #dee0e2;
+}
+.tox .tox-number-input input:disabled {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button {
+  color: #222f3e;
+  height: 34px;
+  position: relative;
+  text-align: center;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:hover,
+  .tox .tox-number-input button:focus,
+  .tox .tox-number-input button:active {
+    outline: 1px solid currentColor !important;
+  }
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #222f3e;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button svg,
+  .tox .tox-number-input button svg:active,
+  .tox .tox-number-input button svg:hover {
+    fill: currentColor !important;
+  }
+  .tox .tox-number-input button svg:disabled {
+    filter: contrast(0);
+  }
+}
+.tox .tox-number-input button:focus {
+  background: #dee0e2;
+  z-index: 1;
+}
+.tox .tox-number-input button:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input button:hover {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:active {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:active svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:disabled {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #dee0e2;
+}
+.tox .tox-tbtn--select {
+  margin: 3px 0 2px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #cccccc;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  height: initial;
+  margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn__select-chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-tbtn--bespoke {
+  background: transparent;
+}
+.tox .tox-tbtn--bespoke:focus {
+  background: #dee0e2;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+  margin-inline-start: 0;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 3px 0 2px 0;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #dee0e2 inset;
+}
+.tox .tox-split-button:focus {
+  background: #dee0e2;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-split-button:focus::after {
+  pointer-events: none;
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button > *:nth-child(1) {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.tox .tox-split-button > *:nth-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox .tox-split-button:focus .tox-tbtn {
+  background-color: transparent;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: #fff;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+  padding: 0 0px;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+  opacity: 0.3;
+}
+.tox .tox-toolbar-overlord {
+  background-color: #fff;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background-attachment: local;
+  background-color: #fff;
+  background-image: repeating-linear-gradient(#cccccc 0 1px, transparent 1px 39px);
+  background-position: center top 39px;
+  background-repeat: no-repeat;
+  background-size: calc(100% - 4px * 2) calc(100% - 39px);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0px;
+  transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+  background-position: center top 0px;
+  background-size: calc(100% - 4px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-toolbar-overlord,
+.tox .tox-anchorbar {
+  grid-column: 1 / -1;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: 1px solid #cccccc;
+  margin-top: -1px;
+  padding-bottom: 0;
+  padding-top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-menubar + .tox-toolbar,
+  .tox .tox-menubar + .tox-toolbar-overlord {
+    outline: 1px solid currentColor;
+  }
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+  background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+  background-image: none;
+}
+.tox .tox-focusable-wrapper {
+  border: 1px solid transparent;
+  margin-right: 2px;
+  pointer-events: none;
+}
+.tox .tox-focusable-wrapper .tox-textfield-size {
+  pointer-events: all;
+}
+.tox .tox-focusable-wrapper:focus {
+  background-color: #dee0e2;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #fff;
+  background-position: center top 43px;
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  border: none;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  overscroll-behavior: none;
+  padding: 4px 0;
+}
+@media (forced-colors: active) {
+  .tox.tox-tinymce-aux .tox-toolbar__overflow {
+    border: solid;
+  }
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+  background-position: center top 43px;
+  background-size: calc(100% - 4px * 2) calc(100% - 51px);
+  padding: 4px 0;
+}
+.tox-context-form__group {
+  display: flex;
+  align-items: center;
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid #cccccc;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid #cccccc;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  max-width: 15em;
+  padding: 8px;
+  /*
+     * The pointer-events: none is designed to make mouse events bleed through the tooltip
+     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
+     * another item should trigger the hover of the item obscured by the tooltip, even though
+     * the tooltip is on top
+     */
+  pointer-events: none;
+  position: relative;
+  width: max-content;
+  z-index: 1150;
+}
+.tox .tox-tooltip__body {
+  background-color: #222f3e;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  overflow-wrap: break-word;
+  padding: 4px 6px;
+  text-transform: none;
+}
+@media (forced-colors: active) {
+  .tox .tox-tooltip__body {
+    outline: outset 1px;
+  }
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #222f3e;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #222f3e;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #b1d0e6;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #b1d0e6;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-icon-custom-state {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__pane {
+  padding: 0 !important;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-revisionhistory__container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-revisionhistory {
+  background-color: #fff;
+  border-top: 1px solid #f0f0f0;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  margin-top: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-revisionhistory--align-right {
+  margin-left: auto;
+}
+.tox .tox-revisionhistory__iframe {
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 248px;
+  width: 316px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
+  background-color: #fff;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  color: #222f3e;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  padding: 12px;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
+  background-color: #f0f0f0;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow-y: auto;
+  padding: 10px 12px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 3px;
+  bottom: 1px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
+  background-color: #fff;
+  border: 1px solid #f0f0f0;
+  border-radius: 6px;
+  color: #222f3e;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  gap: 12px;
+  padding: 12px;
+  width: 100%;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent #006ce7;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #006ce7;
+  box-shadow: 0 0 0 2px #006ce7 !important;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
+  background-color: #fff5cc;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  position: relative;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent #e3b82a;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #e3b82a;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 0;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
+  align-items: center;
+  display: flex;
+  flex: 1 0 0;
+  gap: 8px;
+  height: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 16px;
+  line-height: 24px;
+  padding: 5px 5.5px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
+  color: #222f3e;
+  height: 24px;
+}
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #fff;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 8px 0 8px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #222f3e;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 8px 8px 0 8px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: none;
+  padding: 0;
+}
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+  margin-bottom: -1px;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: hidden;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: none;
+  box-shadow: none;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: transparent;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 0;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0;
+}
+.tox .tox-pop {
+  box-shadow: none;
+}
+.tox .tox-tbtn,
+.tox .tox-label,
+.tox .tox-number-input,
+.tox .tox-tbtn--select,
+.tox .tox-split-button,
+.tox .tox-toolbar-label {
+  margin: 2px 0 3px 0;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #cccccc;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff !important;
+}
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: none;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+  border-top: 1px solid #cccccc;
+  margin-top: -1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  border: 1px solid #cccccc;
+  padding: 0;
+}
+.tox .tox-pop .tox-pop__dialog .tox-toolbar {
+  padding: 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+  border-top: 1px solid #cccccc;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
+  border-top: 1px solid #cccccc;
+}
+.tox .tox-toolbar__group {
+  padding: 0 4px 0 4px;
+}
+.tox .tox-collection__item {
+  border-radius: 0;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #222f3e;
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(34, 47, 62, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #222f3e;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 1ch;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-statusbar__resize-handle {
+  padding-bottom: 0;
+  padding-right: 0;
+}
+.tox .tox-button::before {
+  display: none;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.js
new file mode 100644
index 000000000..ec998edfb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/tinymce-5/skin.css', `.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:1px solid #ccc;border-radius:0;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#222f3e}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:3px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#e9f2f8;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#1c6ca1}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#185d8c}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#fffae6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#fae6e6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#ccc;border-radius:0;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:3px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#114060;background-image:none;border-color:#114060;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#b1ccdf;background-image:none;border-color:#b1ccdf;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#b1ccdf;background-image:none;border-color:#b1ccdf;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#9fc1d7;background-image:none;border-color:#9fc1d7;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#9fc1d7;background-image:none;border-color:#9fc1d7;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#8db5d0;background-image:none;border-color:#8db5d0;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:3px 0 2px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:#d6d6d6;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,0.3)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#ccc;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#e6e6e6;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#222f3e;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#207ab7;stroke:#207ab7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#fff}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#fff;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#c8cbcf;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e;background-color:#fff;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #ccc;border-radius:3px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:3px 0 2px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #ccc}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #ccc}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#f5cccc;border:1px solid #f0b3b3;border-radius:3px;color:#77181f;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#dee0e2}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#fff;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#222f3e;line-height:28px}.tox .tox-comment{background:#fff;border:1px solid #fff;border-radius:3px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#fff2c9;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid transparent;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:3px;border:2px solid transparent}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#fff;position:relative;border-radius:3px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,0.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #214d6e;color:#214d6e}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#214d6e;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#0a1620;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #214d6e;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #404040}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #ccc;border-radius:3px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:3px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:0 solid transparent;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:0 solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #ccc}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #ccc;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:34px;margin:2px 0 3px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #207ab7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:2px 0 3px 4px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px 0;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px 0}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #ccc;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#dee0e2}.tox .tox-insert-table-picker{background-color:#fff;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:0 -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#fff;border:1px solid #ccc;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(34,47,62,.7)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 4px 0 4px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#dee0e2;border:0;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#207ab7;box-shadow:none}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#24321d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #517342;outline-offset:2px}.tox .tox-notification--success a:active{color:#0d120a;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#220709;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #77181f;outline-offset:2px}.tox .tox-notification--error a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#2c280d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #7a6e25;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#050502;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#163355;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #2a64a6;outline-offset:2px}.tox .tox-notification--info a:active{color:#0b1a2c;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#f0f0f0;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#222f3e;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #c1c1c1}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(34,47,62,.7)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(34,47,62,0.7)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #c1c1c1;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#fff 24%,#f0f0f0 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#207ab7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#207ab7}.tox .tox-promotion-dialog--footer{background-color:#f0f0f0;color:rgba(34,47,62,.7);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#f1ebf9;color:#851aff;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #851AFF}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(34,47,62,.7);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#0a1620;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #214d6e;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#ccc transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #ccc transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #ccc transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #ccc;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#f0f0f0;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #ccc;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#ccc;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#222f3e}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px -4px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:3px 0 2px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#222f3e}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#dee0e2;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:0 0;border-radius:3px;display:flex;margin:3px 0 2px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#dee0e2}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#dee0e2;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#dee0e2;color:#222f3e}.tox .tox-number-input input:focus{background-color:#dee0e2}.tox .tox-number-input input:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{color:#222f3e;height:34px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#dee0e2;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#dee0e2}.tox .tox-tbtn--select{margin:3px 0 2px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #ccc}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:0 0}.tox .tox-tbtn--bespoke:focus{background:#dee0e2}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:0}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:3px 0 2px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #dee0e2 inset}.tox .tox-split-button:focus{background:#dee0e2;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#fff;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#ccc 0 1px,transparent 1px 39px);background-position:center top 39px;background-repeat:no-repeat;background-size:calc(100% - 4px * 2) calc(100% - 39px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 4px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid #ccc;margin-top:-1px;padding-bottom:0;padding-top:0}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#dee0e2;border-radius:3px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 4px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #ccc}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:3px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#dee0e2;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#b1d0e6;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#b1d0e6;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#fff;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#222f3e;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#f0f0f0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0;border-radius:3px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;color:#222f3e;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #006ce7;box-shadow:0 0 0 2px #006ce7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#fff5cc;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #e3b82a;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #e3b82a}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(34,47,62,.7);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#222f3e;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view__label{color:#222f3e;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #ccc;border-radius:3px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #ccc;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #ccc;border-radius:3px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:none;padding:0}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce-inline .tox-editor-container{overflow:hidden}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:none;box-shadow:none}.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:0}.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-pop{box-shadow:none}.tox .tox-label,.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select,.tox .tox-toolbar-label{margin:2px 0 3px 0}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #ccc}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff!important}.tox .tox-menubar+.tox-toolbar-overlord{border-top:none}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #ccc;margin-top:-1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{border:1px solid #ccc;padding:0}.tox .tox-pop .tox-pop__dialog .tox-toolbar{padding:0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #ccc}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #ccc}.tox .tox-toolbar__group{padding:0 4px 0 4px}.tox .tox-collection__item{border-radius:0;cursor:pointer}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-statusbar__resize-handle{padding-bottom:0;padding-right:0}.tox .tox-button::before{display:none}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.min.css
new file mode 100644
index 000000000..4bd067df4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.min.css
@@ -0,0 +1 @@
+.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:1px solid #ccc;border-radius:0;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#222f3e}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:3px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#e9f2f8;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#1c6ca1}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#185d8c}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#fffae6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#fae6e6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#ccc;border-radius:0;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:3px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#114060;background-image:none;border-color:#114060;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#b1ccdf;background-image:none;border-color:#b1ccdf;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#b1ccdf;background-image:none;border-color:#b1ccdf;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#9fc1d7;background-image:none;border-color:#9fc1d7;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#9fc1d7;background-image:none;border-color:#9fc1d7;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#8db5d0;background-image:none;border-color:#8db5d0;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:3px 0 2px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:#d6d6d6;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,0.3)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#ccc;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#e6e6e6;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#222f3e;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#207ab7;stroke:#207ab7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#fff}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#fff;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#c8cbcf;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e;background-color:#fff;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #ccc;border-radius:3px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:3px 0 2px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #ccc}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #ccc}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#f5cccc;border:1px solid #f0b3b3;border-radius:3px;color:#77181f;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#dee0e2}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#fff;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#222f3e;line-height:28px}.tox .tox-comment{background:#fff;border:1px solid #fff;border-radius:3px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#fff2c9;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid transparent;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:3px;border:2px solid transparent}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#fff;position:relative;border-radius:3px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,0.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #214d6e;color:#214d6e}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#214d6e;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#0a1620;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #214d6e;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #404040}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #ccc;border-radius:3px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:3px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:0 solid transparent;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:0 solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #ccc}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #ccc;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:34px;margin:2px 0 3px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #207ab7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:2px 0 3px 4px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px 0;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px 0}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #ccc;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#dee0e2}.tox .tox-insert-table-picker{background-color:#fff;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:0 -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#fff;border:1px solid #ccc;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(34,47,62,.7)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 4px 0 4px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#dee0e2;border:0;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#207ab7;box-shadow:none}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#24321d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #517342;outline-offset:2px}.tox .tox-notification--success a:active{color:#0d120a;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#220709;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #77181f;outline-offset:2px}.tox .tox-notification--error a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#2c280d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #7a6e25;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#050502;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#163355;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #2a64a6;outline-offset:2px}.tox .tox-notification--info a:active{color:#0b1a2c;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#f0f0f0;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#222f3e;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #c1c1c1}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(34,47,62,.7)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(34,47,62,0.7)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #c1c1c1;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#fff 24%,#f0f0f0 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#207ab7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#207ab7}.tox .tox-promotion-dialog--footer{background-color:#f0f0f0;color:rgba(34,47,62,.7);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#f1ebf9;color:#851aff;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #851AFF}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(34,47,62,.7);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#0a1620;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #214d6e;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#ccc transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #ccc transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #ccc transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #ccc;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#f0f0f0;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #ccc;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#ccc;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#222f3e}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px -4px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:3px 0 2px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#222f3e}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#dee0e2;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:0 0;border-radius:3px;display:flex;margin:3px 0 2px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#dee0e2}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#dee0e2;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#dee0e2;color:#222f3e}.tox .tox-number-input input:focus{background-color:#dee0e2}.tox .tox-number-input input:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{color:#222f3e;height:34px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#dee0e2;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#dee0e2}.tox .tox-tbtn--select{margin:3px 0 2px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #ccc}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:0 0}.tox .tox-tbtn--bespoke:focus{background:#dee0e2}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:0}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:3px 0 2px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #dee0e2 inset}.tox .tox-split-button:focus{background:#dee0e2;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#fff;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#ccc 0 1px,transparent 1px 39px);background-position:center top 39px;background-repeat:no-repeat;background-size:calc(100% - 4px * 2) calc(100% - 39px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 4px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid #ccc;margin-top:-1px;padding-bottom:0;padding-top:0}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#dee0e2;border-radius:3px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 4px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #ccc}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:3px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#dee0e2;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#b1d0e6;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#b1d0e6;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#fff;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#222f3e;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#f0f0f0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0;border-radius:3px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;color:#222f3e;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #006ce7;box-shadow:0 0 0 2px #006ce7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#fff5cc;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #e3b82a;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #e3b82a}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(34,47,62,.7);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#222f3e;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view__label{color:#222f3e;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #ccc;border-radius:3px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #ccc;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #ccc;border-radius:3px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:none;padding:0}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce-inline .tox-editor-container{overflow:hidden}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:none;box-shadow:none}.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:0}.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-pop{box-shadow:none}.tox .tox-label,.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select,.tox .tox-toolbar-label{margin:2px 0 3px 0}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #ccc}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff!important}.tox .tox-menubar+.tox-toolbar-overlord{border-top:none}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #ccc;margin-top:-1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{border:1px solid #ccc;padding:0}.tox .tox-pop .tox-pop__dialog .tox-toolbar{padding:0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #ccc}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #ccc}.tox .tox-toolbar__group{padding:0 4px 0 4px}.tox .tox-collection__item{border-radius:0;cursor:pointer}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-statusbar__resize-handle{padding-bottom:0;padding-right:0}.tox .tox-button::before{display:none}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.css
new file mode 100644
index 000000000..25b0a3710
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.js
new file mode 100644
index 000000000..228a0dea8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/tinymce-5/skin.shadowdom.css', `body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css
new file mode 100644
index 000000000..8745951a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css
@@ -0,0 +1 @@
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/index.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/index.js
new file mode 100644
index 000000000..09caa8655
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/index.js
@@ -0,0 +1,7 @@
+// Exports the "silver" theme for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/themes/silver')
+//   ES2015:
+//     import 'tinymce/themes/silver'
+require('./theme.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/theme.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/theme.js
new file mode 100644
index 000000000..465cdd38c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/theme.js
@@ -0,0 +1,34802 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const getPrototypeOf$2 = Object.getPrototypeOf;
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$1 = (t) => (a) => t === a;
+    const is$2 = (value, constructor) => isObject(value) && hasProto(value, constructor, (o, proto) => getPrototypeOf$2(o) === proto);
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isPlainObject = (value) => is$2(value, Object);
+    const isArray = isType$1('array');
+    const isNull = eq$1(null);
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$1(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+    const isArrayOf = (value, pred) => {
+        if (isArray(value)) {
+            for (let i = 0, len = value.length; i < len; ++i) {
+                if (!(pred(value[i]))) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    };
+
+    const noop = () => { };
+    const noarg = (f) => () => f();
+    /** Compose a unary function with an n-ary function */
+    const compose = (fa, fb) => {
+        return (...args) => {
+            return fa(fb.apply(null, args));
+        };
+    };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant$1 = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const identity = (x) => {
+        return x;
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const not = (f) => (t) => !f(t);
+    const die = (msg) => {
+        return () => {
+            throw new Error(msg);
+        };
+    };
+    const apply$1 = (f) => {
+        return f();
+    };
+    const never = constant$1(false);
+    const always = constant$1(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const indexOf = (xs, x) => {
+        // The rawIndexOf method does not wrap up in an option. This is for performance reasons.
+        const r = rawIndexOf(xs, x);
+        return r === -1 ? Optional.none() : Optional?.some(r);
+    };
+    const contains$2 = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const range$2 = (num, f) => {
+        const r = [];
+        for (let i = 0; i < num; i++) {
+            r.push(f(i));
+        }
+        return r;
+    };
+    // It's a total micro optimisation, but these do make some difference.
+    // Particularly for browsers other than Chrome.
+    // - length caching
+    // http://jsperf.com/browser-diet-jquery-each-vs-for-loop/69
+    // - not using push
+    // http://jsperf.com/array-direct-assignment-vs-push/2
+    const chunk$1 = (array, size) => {
+        const r = [];
+        for (let i = 0; i < array.length; i += size) {
+            const s = nativeSlice.call(array, i, i + size);
+            r.push(s);
+        }
+        return r;
+    };
+    const map$2 = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const partition$3 = (xs, pred) => {
+        const pass = [];
+        const fail = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            const arr = pred(x, i) ? pass : fail;
+            arr.push(x);
+        }
+        return { pass, fail };
+    };
+    const filter$2 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldr = (xs, f, acc) => {
+        eachr(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$5 = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const findIndex$1 = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(i);
+            }
+        }
+        return Optional.none();
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind$3 = (xs, f) => flatten(map$2(xs, f));
+    const forall = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            const x = xs[i];
+            if (pred(x, i) !== true) {
+                return false;
+            }
+        }
+        return true;
+    };
+    const reverse = (xs) => {
+        const r = nativeSlice.call(xs, 0);
+        r.reverse();
+        return r;
+    };
+    const difference = (a1, a2) => filter$2(a1, (x) => !contains$2(a2, x));
+    const mapToObject = (xs, f) => {
+        const r = {};
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            r[String(x)] = f(x, i);
+        }
+        return r;
+    };
+    const pure$2 = (x) => [x];
+    const sort = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+    const get$i = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$i(xs, 0);
+    const last$1 = (xs) => get$i(xs, xs.length - 1);
+    const from = isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map$1 = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const bifilter = (obj, pred) => {
+        const t = {};
+        const f = {};
+        internalFilter(obj, pred, objAcc(t), objAcc(f));
+        return { t, f };
+    };
+    const filter$1 = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const mapToArray = (obj, f) => {
+        const r = [];
+        each(obj, (value, name) => {
+            r.push(f(value, name));
+        });
+        return r;
+    };
+    const find$4 = (obj, pred) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            if (pred(x, i, obj)) {
+                return Optional?.some(x);
+            }
+        }
+        return Optional.none();
+    };
+    const values = (obj) => {
+        return mapToArray(obj, identity);
+    };
+    const get$h = (obj, key) => {
+        return has$2(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has$2 = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has$2(obj, key) && obj[key] !== undefined && obj[key] !== null;
+
+    /*
+     * Generates a church encoded ADT (https://en.wikipedia.org/wiki/Church_encoding)
+     * For syntax and use, look at the test code.
+     */
+    const generate$7 = (cases) => {
+        // validation
+        if (!isArray(cases)) {
+            throw new Error('cases must be an array');
+        }
+        if (cases.length === 0) {
+            throw new Error('there must be at least one case');
+        }
+        const constructors = [];
+        // adt is mutated to add the individual cases
+        const adt = {};
+        each$1(cases, (acase, count) => {
+            const keys$1 = keys(acase);
+            // validation
+            if (keys$1.length !== 1) {
+                throw new Error('one and only one name per case');
+            }
+            const key = keys$1[0];
+            const value = acase[key];
+            // validation
+            if (adt[key] !== undefined) {
+                throw new Error('duplicate key detected:' + key);
+            }
+            else if (key === 'cata') {
+                throw new Error('cannot have a case named cata (sorry)');
+            }
+            else if (!isArray(value)) {
+                // this implicitly checks if acase is an object
+                throw new Error('case arguments must be an array');
+            }
+            constructors.push(key);
+            //
+            // constructor for key
+            //
+            adt[key] = (...args) => {
+                const argLength = args.length;
+                // validation
+                if (argLength !== value.length) {
+                    throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+                }
+                const match = (branches) => {
+                    const branchKeys = keys(branches);
+                    if (constructors.length !== branchKeys.length) {
+                        throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+                    }
+                    const allReqd = forall(constructors, (reqKey) => {
+                        return contains$2(branchKeys, reqKey);
+                    });
+                    if (!allReqd) {
+                        throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+                    }
+                    return branches[key].apply(null, args);
+                };
+                //
+                // the fold function for key
+                //
+                return {
+                    fold: (...foldArgs) => {
+                        // runtime validation
+                        if (foldArgs.length !== cases.length) {
+                            throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + foldArgs.length);
+                        }
+                        const target = foldArgs[count];
+                        return target.apply(null, args);
+                    },
+                    match,
+                    // NOTE: Only for debugging.
+                    log: (label) => {
+                        // eslint-disable-next-line no-console
+                        console.log(label, {
+                            constructors,
+                            constructor: key,
+                            params: args
+                        });
+                    }
+                };
+            };
+        });
+        return adt;
+    };
+    const Adt = {
+        generate: generate$7
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const nu$d = (baseFn) => {
+        let data = Optional.none();
+        let callbacks = [];
+        /** map :: this LazyValue a -> (a -> b) -> LazyValue b */
+        const map = (f) => nu$d((nCallback) => {
+            get((data) => {
+                nCallback(f(data));
+            });
+        });
+        const get = (nCallback) => {
+            if (isReady()) {
+                call(nCallback);
+            }
+            else {
+                callbacks.push(nCallback);
+            }
+        };
+        const set = (x) => {
+            if (!isReady()) {
+                data = Optional?.some(x);
+                run(callbacks);
+                callbacks = [];
+            }
+        };
+        const isReady = () => data.isSome();
+        const run = (cbs) => {
+            each$1(cbs, call);
+        };
+        const call = (cb) => {
+            data.each((x) => {
+                setTimeout(() => {
+                    cb(x);
+                }, 0);
+            });
+        };
+        // Lazy values cache the value and kick off immediately
+        baseFn(set);
+        return {
+            get,
+            map,
+            isReady
+        };
+    };
+    const pure$1 = (a) => nu$d((callback) => {
+        callback(a);
+    });
+    const LazyValue = {
+        nu: nu$d,
+        pure: pure$1
+    };
+
+    const errorReporter = (err) => {
+        // we can not throw the error in the reporter as it will just be black-holed
+        // by the Promise so we use a setTimeout to escape the Promise.
+        setTimeout(() => {
+            throw err;
+        }, 0);
+    };
+    const make$8 = (run) => {
+        const get = (callback) => {
+            run().then(callback, errorReporter);
+        };
+        /** map :: this Future a -> (a -> b) -> Future b */
+        const map = (fab) => {
+            return make$8(() => run().then(fab));
+        };
+        /** bind :: this Future a -> (a -> Future b) -> Future b */
+        const bind = (aFutureB) => {
+            return make$8(() => run().then((v) => aFutureB(v).toPromise()));
+        };
+        /** anonBind :: this Future a -> Future b -> Future b
+         *  Returns a future, which evaluates the first future, ignores the result, then evaluates the second.
+         */
+        const anonBind = (futureB) => {
+            return make$8(() => run().then(() => futureB.toPromise()));
+        };
+        const toLazy = () => {
+            return LazyValue.nu(get);
+        };
+        const toCached = () => {
+            let cache = null;
+            return make$8(() => {
+                if (cache === null) {
+                    cache = run();
+                }
+                return cache;
+            });
+        };
+        const toPromise = run;
+        return {
+            map,
+            bind,
+            anonBind,
+            toLazy,
+            toCached,
+            toPromise,
+            get
+        };
+    };
+    const nu$c = (baseFn) => {
+        return make$8(() => new Promise(baseFn));
+    };
+    /** a -> Future a */
+    const pure = (a) => {
+        return make$8(() => Promise.resolve(a));
+    };
+    const Future = {
+        nu: nu$c,
+        pure
+    };
+
+    /**
+     * Creates a new `Result<T, E>` that **does** contain a value.
+     */
+    const value$4 = (value) => {
+        const applyHelper = (fn) => fn(value);
+        const constHelper = constant$1(value);
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: true,
+            inner: value,
+            // Actual Result methods
+            fold: (_onError, onValue) => onValue(value),
+            isValue: always,
+            isError: never,
+            map: (mapper) => Result.value(mapper(value)),
+            mapError: outputHelper,
+            bind: applyHelper,
+            exists: applyHelper,
+            forall: applyHelper,
+            getOr: constHelper,
+            or: outputHelper,
+            getOrThunk: constHelper,
+            orThunk: outputHelper,
+            getOrDie: constHelper,
+            each: (fn) => {
+                // Can't write the function inline because we don't want to return something by mistake
+                fn(value);
+            },
+            toOptional: () => Optional?.some(value),
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` that **does not** contain a value, and therefore
+     * contains an error.
+     */
+    const error$1 = (error) => {
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: false,
+            inner: error,
+            // Actual Result methods
+            fold: (onError, _onValue) => onError(error),
+            isValue: never,
+            isError: always,
+            map: outputHelper,
+            mapError: (mapper) => Result.error(mapper(error)),
+            bind: outputHelper,
+            exists: never,
+            forall: always,
+            getOr: identity,
+            or: identity,
+            getOrThunk: apply$1,
+            orThunk: apply$1,
+            getOrDie: die(String(error)),
+            each: noop,
+            toOptional: Optional.none,
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` from an `Optional<T>` and an `E`. If the
+     * `Optional` contains a value, so will the outputted `Result`. If it does not,
+     * the outputted `Result` will contain an error (and that error will be the
+     * error passed in).
+     */
+    const fromOption = (optional, err) => optional.fold(() => error$1(err), value$4);
+    const Result = {
+        value: value$4,
+        error: error$1,
+        fromOption
+    };
+
+    const wrap$2 = (delegate) => {
+        const toCached = () => {
+            return wrap$2(delegate.toCached());
+        };
+        const bindFuture = (f) => {
+            return wrap$2(delegate.bind((resA) => resA.fold((err) => (Future.pure(Result.error(err))), (a) => f(a))));
+        };
+        const bindResult = (f) => {
+            return wrap$2(delegate?.map((resA) => resA.bind(f)));
+        };
+        const mapResult = (f) => {
+            return wrap$2(delegate?.map((resA) => resA?.map(f)));
+        };
+        const mapError = (f) => {
+            return wrap$2(delegate?.map((resA) => resA.mapError(f)));
+        };
+        const foldResult = (whenError, whenValue) => {
+            return delegate?.map((res) => res.fold(whenError, whenValue));
+        };
+        const withTimeout = (timeout, errorThunk) => {
+            return wrap$2(Future.nu((callback) => {
+                let timedOut = false;
+                const timer = setTimeout(() => {
+                    timedOut = true;
+                    callback(Result.error(errorThunk()));
+                }, timeout);
+                delegate.get((result) => {
+                    if (!timedOut) {
+                        clearTimeout(timer);
+                        callback(result);
+                    }
+                });
+            }));
+        };
+        return {
+            ...delegate,
+            toCached,
+            bindFuture,
+            bindResult,
+            mapResult,
+            mapError,
+            foldResult,
+            withTimeout
+        };
+    };
+    const nu$b = (worker) => {
+        return wrap$2(Future.nu(worker));
+    };
+    const value$3 = (value) => {
+        return wrap$2(Future.pure(Result.value(value)));
+    };
+    const error = (error) => {
+        return wrap$2(Future.pure(Result.error(error)));
+    };
+    const fromResult$1 = (result) => {
+        return wrap$2(Future.pure(result));
+    };
+    const fromFuture = (future) => {
+        return wrap$2(future?.map(Result.value));
+    };
+    const fromPromise = (promise) => {
+        return nu$b((completer) => {
+            promise.then((value) => {
+                completer(Result.value(value));
+            }, (error) => {
+                completer(Result.error(error));
+            });
+        });
+    };
+    const FutureResult = {
+        nu: nu$b,
+        wrap: wrap$2,
+        pure: value$3,
+        value: value$3,
+        error,
+        fromResult: fromResult$1,
+        fromFuture,
+        fromPromise
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    const cycleBy = (value, delta, min, max) => {
+        const r = value + delta;
+        if (r > max) {
+            return min;
+        }
+        else if (r < min) {
+            return max;
+        }
+        else {
+            return r;
+        }
+    };
+    // ASSUMPTION: Max will always be larger than min
+    const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate$6 = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    const shallow$1 = (old, nu) => {
+        return nu;
+    };
+    const deep$1 = (old, nu) => {
+        const bothObjects = isPlainObject(old) && isPlainObject(nu);
+        return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    const baseMerge = (merger) => {
+        return (...objects) => {
+            if (objects.length === 0) {
+                throw new Error(`Can't merge zero objects`);
+            }
+            const ret = {};
+            for (let j = 0; j < objects.length; j++) {
+                const curObject = objects[j];
+                for (const key in curObject) {
+                    if (has$2(curObject, key)) {
+                        ret[key] = merger(ret[key], curObject[key]);
+                    }
+                }
+            }
+            return ret;
+        };
+    };
+    const deepMerge = baseMerge(deep$1);
+    const merge$1 = baseMerge(shallow$1);
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$1 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    /**
+     * Are these two Optional objects equal? Equality here means either they're both
+     * `Some` (and the values are equal under the comparator) or they're both `None`.
+     */
+    const equals = (lhs, rhs, comparator = tripleEquals) => lift2(lhs, rhs, comparator).getOr(lhs.isNone() && rhs.isNone());
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    const sequence = (arr) => {
+        const r = [];
+        for (let i = 0; i < arr.length; i++) {
+            const x = arr[i];
+            if (x.isSome()) {
+                r.push(x.getOrDie());
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        return Optional?.some(r);
+    };
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    const lift3 = (oa, ob, oc, f) => oa.isSome() && ob.isSome() && oc.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie(), oc.getOrDie())) : Optional.none();
+    const mapFrom = (a, f) => (a !== undefined && a !== null) ? Optional?.some(f(a)) : Optional.none();
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#escaping
+    const escape = (text) => text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path$1 = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve = (p, scope) => {
+        const parts = p.split('.');
+        return path$1(parts, scope);
+    };
+
+    Adt.generate([
+        { bothErrors: ['error1', 'error2'] },
+        { firstError: ['error1', 'value2'] },
+        { secondError: ['value1', 'error2'] },
+        { bothValues: ['value1', 'value2'] }
+    ]);
+    /** partition :: [Result a] -> { errors: [String], values: [a] } */
+    const partition$2 = (results) => {
+        const errors = [];
+        const values = [];
+        each$1(results, (result) => {
+            result.fold((err) => {
+                errors.push(err);
+            }, (value) => {
+                values.push(value);
+            });
+        });
+        return { errors, values };
+    };
+
+    const singleton$1 = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const destroyable = () => singleton$1((s) => s.destroy());
+    const unbindable = () => singleton$1((s) => s.unbind());
+    const value$2 = () => {
+        const subject = singleton$1(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const addToEnd = (str, suffix) => {
+        return str + suffix;
+    };
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    const ensureTrailing = (str, suffix) => {
+        return endsWith(str, suffix) ? str : addToEnd(str, suffix);
+    };
+    const contains$1 = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+    /** Does 'str' end with 'suffix'?
+     *  Note: all strings end with the empty string.
+     *        More formally, for all strings x, endsWith(x, "").
+     *        This is so that for all strings x and y, endsWith(x + y, y)
+     */
+    const endsWith = (str, suffix) => {
+        return checkRange(str, suffix, str.length - suffix.length);
+    };
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim$1 = blank(/^\s+|\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const isEmpty = (s) => !isNotEmpty(s);
+    const toFloat = (value) => {
+        const num = parseFloat(value);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, update the arguments f will run
+    // with (but keep the current schedule)
+    const adaptable = (fn, rate) => {
+        let timer = null;
+        let args = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+                args = null;
+            }
+        };
+        const throttle = (...newArgs) => {
+            args = newArgs;
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    const tempArgs = args;
+                    timer = null;
+                    args = null;
+                    fn.apply(null, tempArgs);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first$1 = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const zeroWidth = '\uFEFF';
+    const nbsp = '\u00A0';
+
+    const fromHtml$2 = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml: fromHtml$2,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    // NOTE: Mutates the range.
+    const setStart = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setStartBefore(e.dom);
+        }, (e, o) => {
+            rng.setStart(e.dom, o);
+        }, (e) => {
+            rng.setStartAfter(e.dom);
+        });
+    };
+    const setFinish = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setEndBefore(e.dom);
+        }, (e, o) => {
+            rng.setEnd(e.dom, o);
+        }, (e) => {
+            rng.setEndAfter(e.dom);
+        });
+    };
+    const relativeToNative = (win, startSitu, finishSitu) => {
+        const range = win.document.createRange();
+        setStart(range, startSitu);
+        setFinish(range, finishSitu);
+        return range;
+    };
+    const exactToNative = (win, start, soffset, finish, foffset) => {
+        const rng = win.document.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+    const toRect = (rect) => ({
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height
+    });
+    const getFirstRect$1 = (rng) => {
+        const rects = rng.getClientRects();
+        // ASSUMPTION: The first rectangle is the start of the selection
+        const rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
+        return rect.width > 0 || rect.height > 0 ? Optional?.some(rect)?.map(toRect) : Optional.none();
+    };
+    const getBounds$3 = (rng) => {
+        const rect = rng.getBoundingClientRect();
+        return rect.width > 0 || rect.height > 0 ? Optional?.some(rect)?.map(toRect) : Optional.none();
+    };
+
+    const adt$a = Adt.generate([
+        { ltr: ['start', 'soffset', 'finish', 'foffset'] },
+        { rtl: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const fromRange = (win, type, range) => type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
+    const getRanges = (win, selection) => selection.match({
+        domRange: (rng) => {
+            return {
+                ltr: constant$1(rng),
+                rtl: Optional.none
+            };
+        },
+        relative: (startSitu, finishSitu) => {
+            return {
+                ltr: cached(() => relativeToNative(win, startSitu, finishSitu)),
+                rtl: cached(() => Optional?.some(relativeToNative(win, finishSitu, startSitu)))
+            };
+        },
+        exact: (start, soffset, finish, foffset) => {
+            return {
+                ltr: cached(() => exactToNative(win, start, soffset, finish, foffset)),
+                rtl: cached(() => Optional?.some(exactToNative(win, finish, foffset, start, soffset)))
+            };
+        }
+    });
+    const doDiagnose = (win, ranges) => {
+        // If we cannot create a ranged selection from start > finish, it could be RTL
+        const rng = ranges.ltr();
+        if (rng.collapsed) {
+            // Let's check if it's RTL ... if it is, then reversing the direction will not be collapsed
+            const reversed = ranges.rtl().filter((rev) => rev.collapsed === false);
+            return reversed?.map((rev) => 
+            // We need to use "reversed" here, because the original only has one point (collapsed)
+            adt$a.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset)).getOrThunk(() => fromRange(win, adt$a.ltr, rng));
+        }
+        else {
+            return fromRange(win, adt$a.ltr, rng);
+        }
+    };
+    const diagnose = (win, selection) => {
+        const ranges = getRanges(win, selection);
+        return doDiagnose(win, ranges);
+    };
+    const asLtrRange = (win, selection) => {
+        const diagnosis = diagnose(win, selection);
+        return diagnosis.match({
+            ltr: (start, soffset, finish, foffset) => {
+                const rng = win.document.createRange();
+                rng.setStart(start.dom, soffset);
+                rng.setEnd(finish.dom, foffset);
+                return rng;
+            },
+            rtl: (start, soffset, finish, foffset) => {
+                // NOTE: Reversing start and finish
+                const rng = win.document.createRange();
+                rng.setStart(finish.dom, foffset);
+                rng.setEnd(start.dom, soffset);
+                return rng;
+            }
+        });
+    };
+    adt$a.ltr;
+    adt$a.rtl;
+
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all$3 = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map$2(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    // Returns: true if node e1 contains e2, otherwise false.
+    // (returns false if e1===e2: A node does not contain itself).
+    const contains = (e1, e2) => {
+        const d1 = e1.dom;
+        const d2 = e2.dom;
+        return d1 === d2 ? false : d1.contains(d2);
+    };
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant$1(isiPad),
+            isiPhone: constant$1(isiPhone),
+            isTablet: constant$1(isTablet),
+            isPhone: constant$1(isPhone),
+            isTouch: constant$1(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant$1(iOSwebview),
+            isDesktop: constant$1(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find$3 = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$a(group(1), group(2));
+    };
+    const detect$4 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$3();
+        }
+        return find$3(versionRegexes, cleanedAgent);
+    };
+    const unknown$3 = () => {
+        return nu$a(0, 0);
+    };
+    const nu$a = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$a,
+        detect: detect$4,
+        unknown: unknown$3
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$5(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$3 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$5(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$3(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$3(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains$1(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant$1(browsers),
+        oses: constant$1(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$2 = () => {
+        return nu$9({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$9 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$2,
+        nu: nu$9,
+        edge: constant$1(edge),
+        chromium: constant$1(chromium),
+        ie: constant$1(ie),
+        opera: constant$1(opera),
+        firefox: constant$1(firefox),
+        safari: constant$1(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown$1 = () => {
+        return nu$8({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$8 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown: unknown$1,
+        nu: nu$8,
+        windows: constant$1(windows),
+        ios: constant$1(ios),
+        android: constant$1(android),
+        linux: constant$1(linux),
+        macos: constant$1(macos),
+        solaris: constant$1(solaris),
+        freebsd: constant$1(freebsd),
+        chromeos: constant$1(chromeos)
+    };
+
+    const detect$2 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$2
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect$1 = () => platform();
+
+    const unsafe = (name, scope) => {
+        return resolve(name, scope);
+    };
+    const getOrDie$1 = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf$1 = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie$1('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf$1(x).constructor.name));
+    };
+
+    const name$3 = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type$1 = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type$1(element) === t;
+    const isHTMLElement = (element) => isElement$1(element) && isPrototypeOf(element.dom);
+    const isElement$1 = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement$1(e) && name$3(e) === tag;
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner$4 = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument(dos) ? dos : owner$4(dos);
+    const documentElement = (element) => SugarElement.fromDom(documentOrOwner(element).dom.documentElement);
+    /**
+     * The window element associated with the element
+     * NOTE: this will throw if the defaultView is null.
+     */
+    const defaultView = (element) => SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    // Cast down to just be SugarElement<Node>
+    const parentNode = (element) => parent(element);
+    const parentElement = (element) => Optional.from(element.dom.parentElement)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const offsetParent = (element) => Optional.from(element.dom.offsetParent)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children = (element) => map$2(element.dom.childNodes, SugarElement.fromDom);
+    const child$2 = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child$2(element, 0);
+    const spot = (element, offset) => ({
+        element,
+        offset
+    });
+    const leaf = (element, offset) => {
+        const cs = children(element);
+        return cs.length > 0 && offset < cs.length ? spot(cs[offset], 0) : spot(element, offset);
+    };
+
+    const makeRange = (start, soffset, finish, foffset) => {
+        const doc = owner$4(start);
+        // TODO: We need to think about a better place to put native range creation code. Does it even belong in sugar?
+        // Could the `Compare` checks (node.compareDocumentPosition) handle these situations better?
+        const rng = doc.dom.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+    const after$2 = (start, soffset, finish, foffset) => {
+        const r = makeRange(start, soffset, finish, foffset);
+        const same = eq(start, finish) && soffset === foffset;
+        return r.collapsed && !same;
+    };
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** Where content needs to go. ShadowRoot or document body */
+    const getContentContainer = (dos) => 
+    // Can't use SugarBody.body without causing a circular module reference (since SugarBody.inBody uses SugarShadowDom)
+    isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
+    /** Is this element either a ShadowRoot or a descendent of a ShadowRoot. */
+    const isInShadowRoot = (e) => getShadowRoot(e).isSome();
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+    /**
+     * When Events bubble up through a ShadowRoot, the browser changes the target to be the shadow host.
+     * This function gets the "original" event target if possible.
+     * This only works if the shadow tree is open - if the shadow tree is closed, event.target is returned.
+     * See: https://developers.google.com/web/fundamentals/web-components/shadowdom#events
+     */
+    const getOriginalEventTarget = (event) => {
+        if (isNonNullable(event.target)) {
+            const el = SugarElement.fromDom(event.target);
+            if (isElement$1(el) && isOpenShadowHost(el)) {
+                // When target element is inside Shadow DOM we need to take first element from composedPath
+                // otherwise we'll get Shadow Root parent, not actual target element.
+                if (event.composed && event.composedPath) {
+                    const composedPath = event.composedPath();
+                    if (composedPath) {
+                        return head(composedPath);
+                    }
+                }
+            }
+        }
+        return Optional.from(event.target);
+    };
+    /** Return true if the element is a host of an open shadow root.
+     *  Return false if the element is a host of a closed shadow root, or if the element is not a host.
+     */
+    const isOpenShadowHost = (element) => isNonNullable(element.dom.shadowRoot);
+
+    const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
+        target,
+        x,
+        y,
+        stop,
+        prevent,
+        kill,
+        raw
+    });
+    /** Wraps an Event in an EventArgs structure.
+     * The returned EventArgs structure has its target set to the "original" target if possible.
+     * See SugarShadowDom.getOriginalEventTarget
+     */
+    const fromRawEvent$1 = (rawEvent) => {
+        const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+        const stop = () => rawEvent.stopPropagation();
+        const prevent = () => rawEvent.preventDefault();
+        const kill = compose(prevent, stop); // more of a sequence than a compose, but same effect
+        // FIX: Don't just expose the raw event. Need to identify what needs standardisation.
+        return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    const handle = (filter, handler) => (rawEvent) => {
+        if (filter(rawEvent)) {
+            handler(fromRawEvent$1(rawEvent));
+        }
+    };
+    const binder = (element, event, filter, handler, useCapture) => {
+        const wrapped = handle(filter, handler);
+        // IE9 minimum
+        element.dom.addEventListener(event, wrapped, useCapture);
+        return {
+            unbind: curry(unbind, element, event, wrapped, useCapture)
+        };
+    };
+    const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
+    const capture$1 = (element, event, filter, handler) => binder(element, event, filter, handler, true);
+    const unbind = (element, event, handler, useCapture) => {
+        // IE9 minimum
+        element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    const filter = always; // no filter on plain DomEvents
+    const bind$1 = (element, event, handler) => bind$2(element, event, filter, handler);
+    const capture = (element, event, handler) => capture$1(element, event, filter, handler);
+    const fromRawEvent = fromRawEvent$1;
+
+    const getDocument = () => SugarElement.fromDom(document);
+
+    const focus$4 = (element, preventScroll = false) => element.dom.focus({ preventScroll });
+    const blur$1 = (element) => element.dom.blur();
+    const hasFocus = (element) => {
+        const root = getRootNode(element).dom;
+        return element.dom === root.activeElement;
+    };
+    // Note: assuming that activeElement will always be a HTMLElement (maybe we should add a runtime check?)
+    const active$1 = (root = getDocument()) => Optional.from(root.dom.activeElement)?.map(SugarElement.fromDom);
+    /**
+     * Return the descendant element that has focus.
+     * Use instead of SelectorFind.descendant(container, ':focus')
+     *  because the :focus selector relies on keyboard focus.
+     */
+    const search = (element) => active$1(getRootNode(element))
+        .filter((e) => element.dom.contains(e.dom));
+
+    const before$1 = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$1 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$2(v, element);
+            });
+        }, (v) => {
+            before$1(v, element);
+        });
+    };
+    const prepend$1 = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$2(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$2 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const appendAt = (parent, element, index) => {
+        child$2(parent, index).fold(() => {
+            append$2(parent, element);
+        }, (v) => {
+            before$1(v, element);
+        });
+    };
+
+    const append$1 = (parent, elements) => {
+        each$1(elements, (x) => {
+            append$2(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$9 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll$1 = (element, attrs) => {
+        const dom = element.dom;
+        each(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const get$g = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$g(element, key));
+    const has$1 = (element, key) => {
+        const dom = element.dom;
+        // return false for non-element nodes, no point in throwing an error
+        return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
+    };
+    const remove$8 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const clone$2 = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const empty = (element) => {
+        // shortcut "empty node" trick. Requires IE 9.
+        element.dom.textContent = '';
+        // If the contents was a single empty text node, the above doesn't remove it. But, it's still faster in general
+        // than removing every child node manually.
+        // The following is (probably) safe for performance as 99.9% of the time the trick works and
+        // Traverse.children will return an empty array.
+        each$1(children(element), (rogue) => {
+            remove$7(rogue);
+        });
+    };
+    const remove$7 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+
+    const clone$1 = (original, isDeep) => SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    /** Shallow clone - just the tag, no children */
+    const shallow = (original) => clone$1(original, false);
+    /** Deep clone - everything copied including children */
+    const deep = (original) => clone$1(original, true);
+
+    const fromHtml$1 = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        return children(SugarElement.fromDom(div));
+    };
+
+    const get$f = (element) => element.dom.innerHTML;
+    const set$8 = (element, content) => {
+        const owner = owner$4(element);
+        const docDom = owner.dom;
+        // FireFox has *terrible* performance when using innerHTML = x
+        const fragment = SugarElement.fromDom(docDom.createDocumentFragment());
+        const contentElements = fromHtml$1(content, docDom);
+        append$1(fragment, contentElements);
+        empty(element);
+        append$2(element, fragment);
+    };
+    const getOuter$2 = (element) => {
+        const container = SugarElement.fromTag('div');
+        const clone = SugarElement.fromDom(element.dom.cloneNode(true));
+        append$2(container, clone);
+        return get$f(container);
+    };
+
+    const getHtml = (element) => {
+        if (isShadowRoot(element)) {
+            return '#shadow-root';
+        }
+        else {
+            const clone = shallow(element);
+            return getOuter$2(clone);
+        }
+    };
+
+    const image = (image) => new Promise((resolve, reject) => {
+        const loaded = () => {
+            destroy();
+            resolve(image);
+        };
+        const listeners = [
+            bind$1(image, 'load', loaded),
+            bind$1(image, 'error', () => {
+                destroy();
+                reject('Unable to load data from image: ' + image.dom.src);
+            }),
+        ];
+        const destroy = () => each$1(listeners, (l) => l.unbind());
+        if (image.dom.complete) {
+            loaded();
+        }
+    });
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+    const body = () => getBody(SugarElement.fromDom(document));
+    const getBody = (doc) => {
+        const b = doc.dom.body;
+        if (b === null || b === undefined) {
+            throw new Error('Body is not available yet');
+        }
+        return SugarElement.fromDom(b);
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$7 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    const setAll = (element, css) => {
+        const dom = element.dom;
+        each(css, (v, k) => {
+            internalSet(dom, k, v);
+        });
+    };
+    const setOptions = (element, css) => {
+        const dom = element.dom;
+        each(css, (v, k) => {
+            v.fold(() => {
+                internalRemove(dom, k);
+            }, (value) => {
+                internalSet(dom, k, value);
+            });
+        });
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$e = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const getAllRaw = (element) => {
+        const css = {};
+        const dom = element.dom;
+        if (isSupported(dom)) {
+            for (let i = 0; i < dom.style.length; i++) {
+                const ruleName = dom.style.item(i);
+                css[ruleName] = dom.style[ruleName];
+            }
+        }
+        return css;
+    };
+    const isValidValue$1 = (tag, property, value) => {
+        const element = SugarElement.fromTag(tag);
+        set$7(element, property, value);
+        const style = getRaw(element, property);
+        return style.isSome();
+    };
+    const remove$6 = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$1(getOpt(element, 'style')?.map(trim$1), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$8(element, 'style');
+        }
+    };
+    /* NOTE: This function is here for the side effect it triggers.
+    The value itself is not used.
+    Be sure to not use the return value, and that it is not removed by a minifier.
+     */
+    const reflow = (e) => e.dom.offsetWidth;
+
+    const Dimension = (name, getOffset) => {
+        const set = (element, h) => {
+            if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+                throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+            }
+            const dom = element.dom;
+            if (isSupported(dom)) {
+                dom.style[name] = h + 'px';
+            }
+        };
+        /*
+         * jQuery supports querying width and height on the document and window objects.
+         *
+         * TBIO doesn't do this, so the code is removed to save space, but left here just in case.
+         */
+        /*
+        var getDocumentWidth = (element) => {
+          var dom = element.dom;
+          if (Node.isDocument(element)) {
+            var body = dom.body;
+            var doc = dom.documentElement;
+            return Math.max(
+              body.scrollHeight,
+              doc.scrollHeight,
+              body.offsetHeight,
+              doc.offsetHeight,
+              doc.clientHeight
+            );
+          }
+        };
+      
+        var getWindowWidth = (element) => {
+          var dom = element.dom;
+          if (dom.window === dom) {
+            // There is no offsetHeight on a window, so use the clientHeight of the document
+            return dom.document.documentElement.clientHeight;
+          }
+        };
+      */
+        const get = (element) => {
+            const r = getOffset(element);
+            // zero or null means non-standard or disconnected, fall back to CSS
+            if (r <= 0 || r === null) {
+                const css = get$e(element, name);
+                // ugh this feels dirty, but it saves cycles
+                return parseFloat(css) || 0;
+            }
+            return r;
+        };
+        // in jQuery, getOuter replicates (or uses) box-sizing: border-box calculations
+        // although these calculations only seem relevant for quirks mode, and edge cases TBIO doesn't rely on
+        const getOuter = get;
+        const aggregate = (element, properties) => foldl(properties, (acc, property) => {
+            const val = get$e(element, property);
+            const value = val === undefined ? 0 : parseInt(val, 10);
+            return isNaN(value) ? acc : acc + value;
+        }, 0);
+        const max = (element, value, properties) => {
+            const cumulativeInclusions = aggregate(element, properties);
+            // if max-height is 100px and your cumulativeInclusions is 150px, there is no way max-height can be 100px, so we return 0.
+            const absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+            return absoluteMax;
+        };
+        return {
+            set,
+            get,
+            getOuter,
+            aggregate,
+            max
+        };
+    };
+
+    const api$2 = Dimension('height', (element) => {
+        // getBoundingClientRect gives better results than offsetHeight for tables with captions on Firefox
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    const get$d = (element) => api$2.get(element);
+    const getOuter$1 = (element) => api$2.getOuter(element);
+    const setMax$1 = (element, value) => {
+        // These properties affect the absolute max-height, they are not counted natively, we want to include these properties.
+        const inclusions = ['margin-top', 'border-top-width', 'padding-top', 'padding-bottom', 'border-bottom-width', 'margin-bottom'];
+        const absMax = api$2.max(element, value, inclusions);
+        set$7(element, 'max-height', absMax + 'px');
+    };
+
+    const isHidden$1 = (dom) => dom.offsetWidth <= 0 && dom.offsetHeight <= 0;
+    const isVisible = (element) => !isHidden$1(element.dom);
+
+    const api$1 = Dimension('width', (element) => 
+    // IMO passing this function is better than using dom['offset' + 'width']
+    element.dom.offsetWidth);
+    const apiExact = Dimension('width', (element) => {
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().width : dom.offsetWidth;
+    });
+    const set$6 = (element, h) => api$1.set(element, h);
+    const get$c = (element) => api$1.get(element);
+    const getOuter = (element) => api$1.getOuter(element);
+    const getOuterExact = (element) => apiExact.getOuter(element);
+    const setMax = (element, value) => {
+        // These properties affect the absolute max-height, they are not counted natively, we want to include these properties.
+        const inclusions = ['margin-left', 'border-left-width', 'padding-left', 'padding-right', 'border-right-width', 'margin-right'];
+        const absMax = api$1.max(element, value, inclusions);
+        set$7(element, 'max-width', absMax + 'px');
+    };
+
+    const r$1 = (left, top) => {
+        const translate = (x, y) => r$1(left + x, top + y);
+        return {
+            left,
+            top,
+            translate
+        };
+    };
+    // tslint:disable-next-line:variable-name
+    const SugarPosition = r$1;
+
+    const boxPosition = (dom) => {
+        const box = dom.getBoundingClientRect();
+        return SugarPosition(box.left, box.top);
+    };
+    // Avoids falsy false fallthrough
+    const firstDefinedOrZero = (a, b) => {
+        if (a !== undefined) {
+            return a;
+        }
+        else {
+            return b !== undefined ? b : 0;
+        }
+    };
+    const absolute$3 = (element) => {
+        const doc = element.dom.ownerDocument;
+        const body = doc.body;
+        const win = doc.defaultView;
+        const html = doc.documentElement;
+        if (body === element.dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        const scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
+        const scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
+        const clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
+        const clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
+        return viewport$1(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
+    };
+    const viewport$1 = (element) => {
+        const dom = element.dom;
+        const doc = dom.ownerDocument;
+        const body = doc.body;
+        if (body === dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        if (!inBody(element)) {
+            return SugarPosition(0, 0);
+        }
+        return boxPosition(dom);
+    };
+
+    // get scroll position (x,y) relative to document _doc (or global if not supplied)
+    const get$b = (_DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        // ASSUMPTION: This is for cross-browser support, body works for Safari & EDGE, and when we have an iframe body scroller
+        const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+        const y = doc.body.scrollTop || doc.documentElement.scrollTop;
+        return SugarPosition(x, y);
+    };
+    // Scroll content to (x,y) relative to document _doc (or global if not supplied)
+    const to = (x, y, _DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        const win = doc.defaultView;
+        if (win) {
+            win.scrollTo(x, y);
+        }
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText, 'text');
+    const get$a = (element) => api.get(element);
+
+    const onDirection = (isLtr, isRtl) => (element) => getDirection(element) === 'rtl' ? isRtl : isLtr;
+    const getDirection = (element) => get$e(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+
+    // Methods for handling attributes that contain a list of values <div foo="alpha beta theta">
+    const read$2 = (element, attr) => {
+        const value = get$g(element, attr);
+        return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    const add$4 = (element, attr, id) => {
+        const old = read$2(element, attr);
+        const nu = old.concat([id]);
+        set$9(element, attr, nu.join(' '));
+        return true;
+    };
+    const remove$5 = (element, attr, id) => {
+        const nu = filter$2(read$2(element, attr), (v) => v !== id);
+        if (nu.length > 0) {
+            set$9(element, attr, nu.join(' '));
+        }
+        else {
+            remove$8(element, attr);
+        }
+        return false;
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$2 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$4 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$2, scope, predicate, isRoot);
+    };
+    const sibling$1 = (scope, predicate) => {
+        const element = scope.dom;
+        if (!element.parentNode) {
+            return Optional.none();
+        }
+        return child$1(SugarElement.fromDom(element.parentNode), (x) => !eq(scope, x) && predicate(x));
+    };
+    const child$1 = (scope, predicate) => {
+        const pred = (node) => predicate(SugarElement.fromDom(node));
+        const result = find$5(scope.dom.childNodes, pred);
+        return result?.map(SugarElement.fromDom);
+    };
+    const descendant$1 = (scope, predicate) => {
+        const descend = (node) => {
+            // tslint:disable-next-line:prefer-for-of
+            for (let i = 0; i < node.childNodes.length; i++) {
+                const child = SugarElement.fromDom(node.childNodes[i]);
+                if (predicate(child)) {
+                    return Optional?.some(child);
+                }
+                const res = descend(node.childNodes[i]);
+                if (res.isSome()) {
+                    return res;
+                }
+            }
+            return Optional.none();
+        };
+        return descend(scope.dom);
+    };
+
+    // TODO: An internal SelectorFilter module that doesn't SugarElement.fromDom() everything
+    const first = (selector) => one(selector);
+    const ancestor$1 = (scope, selector, isRoot) => ancestor$2(scope, (e) => is(e, selector), isRoot);
+    const sibling = (scope, selector) => sibling$1(scope, (e) => is(e, selector));
+    const child = (scope, selector) => child$1(scope, (e) => is(e, selector));
+    const descendant = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$3 = (scope, selector, isRoot) => {
+        const is$1 = (element, selector) => is(element, selector);
+        return ClosestOrAncestor(is$1, ancestor$1, scope, selector, isRoot);
+    };
+
+    const set$5 = (element, status) => {
+        element.dom.checked = status;
+    };
+    const get$9 = (element) => element.dom.checked;
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+    const get$8 = (element) => read$2(element, 'class');
+    const add$3 = (element, clazz) => add$4(element, 'class', clazz);
+    const remove$4 = (element, clazz) => remove$5(element, 'class', clazz);
+    const toggle$5 = (element, clazz) => {
+        if (contains$2(get$8(element), clazz)) {
+            return remove$4(element, clazz);
+        }
+        else {
+            return add$3(element, clazz);
+        }
+    };
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     *
+     * Note that IE doesn't support the second argument to toggle (at all).
+     * If it did, the toggler could be better.
+     */
+    const add$2 = (element, clazz) => {
+        if (supports(element)) {
+            element.dom.classList.add(clazz);
+        }
+        else {
+            add$3(element, clazz);
+        }
+    };
+    const cleanClass = (element) => {
+        const classList = supports(element) ? element.dom.classList : get$8(element);
+        // classList is a "live list", so this is up to date already
+        if (classList.length === 0) {
+            // No more classes left, remove the class attribute as well
+            remove$8(element, 'class');
+        }
+    };
+    const remove$3 = (element, clazz) => {
+        if (supports(element)) {
+            const classList = element.dom.classList;
+            classList.remove(clazz);
+        }
+        else {
+            remove$4(element, clazz);
+        }
+        cleanClass(element);
+    };
+    const toggle$4 = (element, clazz) => {
+        const result = supports(element) ? element.dom.classList.toggle(clazz) : toggle$5(element, clazz);
+        cleanClass(element);
+        return result;
+    };
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     */
+    const add$1 = (element, classes) => {
+        each$1(classes, (x) => {
+            add$2(element, x);
+        });
+    };
+    const remove$2 = (element, classes) => {
+        each$1(classes, (x) => {
+            remove$3(element, x);
+        });
+    };
+    const toggle$3 = (element, classes) => {
+        each$1(classes, (x) => {
+            toggle$4(element, x);
+        });
+    };
+    const hasAll = (element, classes) => forall(classes, (clazz) => has(element, clazz));
+    const getNative = (element) => {
+        const classList = element.dom.classList;
+        const r = new Array(classList.length);
+        for (let i = 0; i < classList.length; i++) {
+            const item = classList.item(i);
+            if (item !== null) {
+                r[i] = item;
+            }
+        }
+        return r;
+    };
+    const get$7 = (element) => supports(element) ? getNative(element) : get$8(element);
+
+    const get$6 = (element) => element.dom.textContent;
+
+    const get$5 = (element) => element.dom.value;
+    const set$4 = (element, value) => {
+        if (value === undefined) {
+            throw new Error('Value.set was undefined');
+        }
+        element.dom.value = value;
+    };
+
+    const ancestors = (scope, predicate, isRoot) => filter$2(parents(scope, isRoot), predicate);
+
+    const descendants = (scope, selector) => all$3(selector, scope);
+
+    const closest$2 = (scope, predicate, isRoot) => closest$4(scope, predicate, isRoot).isSome();
+
+    const closest$1 = (scope, selector, isRoot) => closest$3(scope, selector, isRoot).isSome();
+
+    const ensureIsRoot = (isRoot) => isFunction(isRoot) ? isRoot : never;
+    const ancestor = (scope, transform, isRoot) => {
+        let element = scope.dom;
+        const stop = ensureIsRoot(isRoot);
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            const transformed = transform(el);
+            if (transformed.isSome()) {
+                return transformed;
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest = (scope, transform, isRoot) => {
+        const current = transform(scope);
+        const stop = ensureIsRoot(isRoot);
+        return current.orThunk(() => stop(scope) ? Optional.none() : ancestor(scope, transform, stop));
+    };
+
+    const create$5 = (start, soffset, finish, foffset) => ({
+        start,
+        soffset,
+        finish,
+        foffset
+    });
+    // tslint:disable-next-line:variable-name
+    const SimRange = {
+        create: create$5
+    };
+
+    const adt$9 = Adt.generate([
+        { before: ['element'] },
+        { on: ['element', 'offset'] },
+        { after: ['element'] }
+    ]);
+    // Probably don't need this given that we now have "match"
+    const cata$2 = (subject, onBefore, onOn, onAfter) => subject.fold(onBefore, onOn, onAfter);
+    const getStart$1 = (situ) => situ.fold(identity, identity, identity);
+    const before = adt$9.before;
+    const on$1 = adt$9.on;
+    const after = adt$9.after;
+    // tslint:disable-next-line:variable-name
+    const Situ = {
+        before,
+        on: on$1,
+        after,
+        cata: cata$2,
+        getStart: getStart$1
+    };
+
+    // Consider adding a type for "element"
+    const adt$8 = Adt.generate([
+        { domRange: ['rng'] },
+        { relative: ['startSitu', 'finishSitu'] },
+        { exact: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const exactFromRange = (simRange) => adt$8.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    const getStart = (selection) => selection.match({
+        domRange: (rng) => SugarElement.fromDom(rng.startContainer),
+        relative: (startSitu, _finishSitu) => Situ.getStart(startSitu),
+        exact: (start, _soffset, _finish, _foffset) => start
+    });
+    const domRange = adt$8.domRange;
+    const relative$1 = adt$8.relative;
+    const exact = adt$8.exact;
+    const getWin = (selection) => {
+        const start = getStart(selection);
+        return defaultView(start);
+    };
+    // This is out of place but it's API so I can't remove it
+    const range$1 = SimRange.create;
+    // tslint:disable-next-line:variable-name
+    const SimSelection = {
+        domRange,
+        relative: relative$1,
+        exact,
+        exactFromRange,
+        getWin,
+        range: range$1
+    };
+
+    const getNativeSelection = (win) => Optional.from(win.getSelection());
+    // NOTE: We are still reading the range because it gives subtly different behaviour
+    // than using the anchorNode and focusNode. I'm not sure if this behaviour is any
+    // better or worse; it's just different.
+    const readRange = (selection) => {
+        if (selection.rangeCount > 0) {
+            const firstRng = selection.getRangeAt(0);
+            const lastRng = selection.getRangeAt(selection.rangeCount - 1);
+            return Optional?.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const doGetExact = (selection) => {
+        if (selection.anchorNode === null || selection.focusNode === null) {
+            return readRange(selection);
+        }
+        else {
+            const anchor = SugarElement.fromDom(selection.anchorNode);
+            const focus = SugarElement.fromDom(selection.focusNode);
+            // if this returns true anchor is _after_ focus, so we need a custom selection object to maintain the RTL selection
+            return after$2(anchor, selection.anchorOffset, focus, selection.focusOffset) ? Optional?.some(SimRange.create(anchor, selection.anchorOffset, focus, selection.focusOffset)) : readRange(selection);
+        }
+    };
+    const getExact = (win) => 
+    // We want to retrieve the selection as it is.
+    getNativeSelection(win)
+        .filter((sel) => sel.rangeCount > 0)
+        .bind(doGetExact);
+    const getFirstRect = (win, selection) => {
+        const rng = asLtrRange(win, selection);
+        return getFirstRect$1(rng);
+    };
+    const getBounds$2 = (win, selection) => {
+        const rng = asLtrRange(win, selection);
+        return getBounds$3(rng);
+    };
+
+    const units = {
+        // we don't really support all of these different ways to express a length
+        unsupportedLength: [
+            'em',
+            'ex',
+            'cap',
+            'ch',
+            'ic',
+            'rem',
+            'lh',
+            'rlh',
+            'vw',
+            'vh',
+            'vi',
+            'vb',
+            'vmin',
+            'vmax',
+            'cm',
+            'mm',
+            'Q',
+            'in',
+            'pc',
+            'pt',
+            'px'
+        ],
+        // these are the length values we do support
+        fixed: ['px', 'pt'],
+        relative: ['%'],
+        empty: ['']
+    };
+    // Built from https://tc39.es/ecma262/#prod-StrDecimalLiteral
+    // Matches a float followed by a trailing set of characters
+    const pattern = (() => {
+        const decimalDigits = '[0-9]+';
+        const signedInteger = '[+-]?' + decimalDigits;
+        const exponentPart = '[eE]' + signedInteger;
+        const dot = '\\.';
+        const opt = (input) => `(?:${input})?`;
+        const unsignedDecimalLiteral = [
+            'Infinity',
+            decimalDigits + dot + opt(decimalDigits) + opt(exponentPart),
+            dot + decimalDigits + opt(exponentPart),
+            decimalDigits + opt(exponentPart)
+        ].join('|');
+        const float = `[+-]?(?:${unsignedDecimalLiteral})`;
+        return new RegExp(`^(${float})(.*)$`);
+    })();
+    const isUnit = (unit, accepted) => exists(accepted, (acc) => exists(units[acc], (check) => unit === check));
+    const parse = (input, accepted) => {
+        const match = Optional.from(pattern.exec(input));
+        return match.bind((array) => {
+            const value = Number(array[1]);
+            const unitRaw = array[2];
+            if (isUnit(unitRaw, accepted)) {
+                return Optional?.some({
+                    value,
+                    unit: unitRaw
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        });
+    };
+    const normalise = (input, accepted) => parse(input, accepted)?.map(({ value, unit }) => value + unit);
+
+    const get$4 = (_win) => {
+        const win = _win === undefined ? window : _win;
+        if (detect$1().browser.isFirefox()) {
+            // TINY-7984: Firefox 91 is returning incorrect values for visualViewport.pageTop, so disable it for now
+            return Optional.none();
+        }
+        else {
+            return Optional.from(win.visualViewport);
+        }
+    };
+    const bounds$1 = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height,
+        right: x + width,
+        bottom: y + height
+    });
+    const getBounds$1 = (_win) => {
+        const win = _win === undefined ? window : _win;
+        const doc = win.document;
+        const scroll = get$b(SugarElement.fromDom(doc));
+        return get$4(win).fold(() => {
+            const html = win.document.documentElement;
+            // Don't use window.innerWidth/innerHeight here, as we don't want to include scrollbars
+            // since the right/bottom position is based on the edge of the scrollbar not the window
+            const width = html.clientWidth;
+            const height = html.clientHeight;
+            return bounds$1(scroll.left, scroll.top, width, height);
+        }, (visualViewport) => 
+        // iOS doesn't update the pageTop/pageLeft when element.scrollIntoView() is called, so we need to fallback to the
+        // scroll position which will always be less than the page top/left values when page top/left are accurate/correct.
+        bounds$1(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height));
+    };
+
+    const walkUp = (navigation, doc) => {
+        const frame = navigation.view(doc);
+        return frame.fold(constant$1([]), (f) => {
+            const parent = navigation.owner(f);
+            const rest = walkUp(navigation, parent);
+            return [f].concat(rest);
+        });
+    };
+    // TODO: Why is this an option if it is always some?
+    const pathTo = (element, navigation) => {
+        const d = navigation.owner(element);
+        const paths = walkUp(navigation, d);
+        return Optional?.some(paths);
+    };
+
+    const view = (doc) => {
+        var _a;
+        // Only walk up to the document this script is defined in.
+        // This prevents walking up to the parent window when the editor is in an iframe.
+        const element = doc.dom === document ? Optional.none() : Optional.from((_a = doc.dom.defaultView) === null || _a === void 0 ? void 0 : _a.frameElement);
+        return element?.map(SugarElement.fromDom);
+    };
+    const owner$3 = (element) => owner$4(element);
+
+    var Navigation = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        view: view,
+        owner: owner$3
+    });
+
+    const find$2 = (element) => {
+        const doc = getDocument();
+        const scroll = get$b(doc);
+        // Get the path of iframe elements to this element.
+        const path = pathTo(element, Navigation);
+        return path.fold(curry(absolute$3, element), (frames) => {
+            const offset = viewport$1(element);
+            const r = foldr(frames, (b, a) => {
+                const loc = viewport$1(a);
+                return {
+                    left: b.left + loc.left,
+                    top: b.top + loc.top
+                };
+            }, { left: 0, top: 0 });
+            return SugarPosition(r.left + offset.left + scroll.left, r.top + offset.top + scroll.top);
+        });
+    };
+
+    const pointed = (point, width, height) => ({
+        point,
+        width,
+        height
+    });
+    const rect = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height
+    });
+    const bounds = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height,
+        right: x + width,
+        bottom: y + height
+    });
+    const box$1 = (element) => {
+        const xy = absolute$3(element);
+        const w = getOuter(element);
+        const h = getOuter$1(element);
+        return bounds(xy.left, xy.top, w, h);
+    };
+    // NOTE: We used to use AriaFocus.preserve here, but there is no reason to do that now that
+    // we are not changing the visibility of the element. Hopefully (2015-09-29).
+    const absolute$2 = (element) => {
+        const position = find$2(element);
+        const width = getOuter(element);
+        const height = getOuter$1(element);
+        return bounds(position.left, position.top, width, height);
+    };
+    const constrain = (original, constraint) => {
+        const left = Math.max(original.x, constraint.x);
+        const top = Math.max(original.y, constraint.y);
+        const right = Math.min(original.right, constraint.right);
+        const bottom = Math.min(original.bottom, constraint.bottom);
+        const width = right - left;
+        const height = bottom - top;
+        return bounds(left, top, width, height);
+    };
+    const constrainByMany = (original, constraints) => {
+        return foldl(constraints, (acc, c) => constrain(acc, c), original);
+    };
+    const win = () => getBounds$1(window);
+
+    const isSource = (component, simulatedEvent) => eq(component.element, simulatedEvent.event.target);
+
+    const getOffsetParent = (element) => {
+        // Firefox sets the offsetParent to the body when fixed instead of null like
+        // all other browsers. So we need to check if the element is fixed and if so then
+        // disregard the elements offsetParent.
+        const isFixed = is$1(getRaw(element, 'position'), 'fixed');
+        const offsetParent$1 = isFixed ? Optional.none() : offsetParent(element);
+        return offsetParent$1.orThunk(() => {
+            const marker = SugarElement.fromTag('span');
+            // PERFORMANCE: Append the marker to the parent element, as adding it before the current element will
+            // trigger the styles to be recalculated which is a little costly (particularly in scroll/resize events)
+            return parent(element).bind((parent) => {
+                append$2(parent, marker);
+                const offsetParent$1 = offsetParent(marker);
+                remove$7(marker);
+                return offsetParent$1;
+            });
+        });
+    };
+    /*
+     * This allows the absolute coordinates to be obtained by adding the
+     * origin to the offset coordinates and not needing to know scroll.
+     */
+    const getOrigin = (element) => getOffsetParent(element)?.map(absolute$3).getOrThunk(() => SugarPosition(0, 0));
+
+    const describedBy = (describedElement, describeElement) => {
+        const describeId = Optional.from(get$g(describedElement, 'id'))
+            .getOrThunk(() => {
+            const id = generate$6('aria');
+            set$9(describeElement, 'id', id);
+            return id;
+        });
+        set$9(describedElement, 'aria-describedby', describeId);
+    };
+    const remove$1 = (describedElement) => {
+        remove$8(describedElement, 'aria-describedby');
+    };
+
+    var SimpleResultType;
+    (function (SimpleResultType) {
+        SimpleResultType[SimpleResultType["Error"] = 0] = "Error";
+        SimpleResultType[SimpleResultType["Value"] = 1] = "Value";
+    })(SimpleResultType || (SimpleResultType = {}));
+    const fold$1 = (res, onError, onValue) => res.stype === SimpleResultType.Error ? onError(res.serror) : onValue(res.svalue);
+    const partition$1 = (results) => {
+        const values = [];
+        const errors = [];
+        each$1(results, (obj) => {
+            fold$1(obj, (err) => errors.push(err), (val) => values.push(val));
+        });
+        return { values, errors };
+    };
+    const mapError = (res, f) => {
+        if (res.stype === SimpleResultType.Error) {
+            return { stype: SimpleResultType.Error, serror: f(res.serror) };
+        }
+        else {
+            return res;
+        }
+    };
+    const map = (res, f) => {
+        if (res.stype === SimpleResultType.Value) {
+            return { stype: SimpleResultType.Value, svalue: f(res.svalue) };
+        }
+        else {
+            return res;
+        }
+    };
+    const bind = (res, f) => {
+        if (res.stype === SimpleResultType.Value) {
+            return f(res.svalue);
+        }
+        else {
+            return res;
+        }
+    };
+    const bindError = (res, f) => {
+        if (res.stype === SimpleResultType.Error) {
+            return f(res.serror);
+        }
+        else {
+            return res;
+        }
+    };
+    const svalue = (v) => ({ stype: SimpleResultType.Value, svalue: v });
+    const serror = (e) => ({ stype: SimpleResultType.Error, serror: e });
+    const toResult$1 = (res) => fold$1(res, Result.error, Result.value);
+    const fromResult = (res) => res.fold(serror, svalue);
+    const SimpleResult = {
+        fromResult,
+        toResult: toResult$1,
+        svalue,
+        partition: partition$1,
+        serror,
+        bind,
+        bindError,
+        map,
+        mapError,
+        fold: fold$1
+    };
+
+    const formatObj = (input) => {
+        return isObject(input) && keys(input).length > 100 ? ' removed due to size' : JSON.stringify(input, null, 2);
+    };
+    const formatErrors = (errors) => {
+        const es = errors.length > 10 ? errors.slice(0, 10).concat([
+            {
+                path: [],
+                getErrorInfo: constant$1('... (only showing first ten failures)')
+            }
+        ]) : errors;
+        // TODO: Work out a better split between PrettyPrinter and SchemaError
+        return map$2(es, (e) => {
+            return 'Failed path: (' + e.path.join(' > ') + ')\n' + e.getErrorInfo();
+        });
+    };
+
+    const nu$7 = (path, getErrorInfo) => {
+        return SimpleResult.serror([{
+                path,
+                // This is lazy so that it isn't calculated unnecessarily
+                getErrorInfo
+            }]);
+    };
+    const missingRequired = (path, key, obj) => nu$7(path, () => 'Could not find valid *required* value for "' + key + '" in ' + formatObj(obj));
+    const missingKey = (path, key) => nu$7(path, () => 'Choice schema did not contain choice key: "' + key + '"');
+    const missingBranch = (path, branches, branch) => nu$7(path, () => 'The chosen schema: "' + branch + '" did not exist in branches: ' + formatObj(branches));
+    const unsupportedFields = (path, unsupported) => nu$7(path, () => 'There are unsupported fields: [' + unsupported.join(', ') + '] specified');
+    const custom = (path, err) => nu$7(path, constant$1(err));
+
+    const value$1 = (validator) => {
+        const extract = (path, val) => {
+            return SimpleResult.bindError(validator(val), (err) => custom(path, err));
+        };
+        const toString = constant$1('val');
+        return {
+            extract,
+            toString
+        };
+    };
+    const anyValue$1 = value$1(SimpleResult.svalue);
+
+    const anyValue = constant$1(anyValue$1);
+    const typedValue = (validator, expectedType) => value$1((a) => {
+        const actualType = typeof a;
+        return validator(a) ? SimpleResult.svalue(a) : SimpleResult.serror(`Expected type: ${expectedType} but got: ${actualType}`);
+    });
+    const number = typedValue(isNumber, 'number');
+    const string = typedValue(isString, 'string');
+    const boolean = typedValue(isBoolean, 'boolean');
+    const functionProcessor = typedValue(isFunction, 'function');
+    // Test if a value can be copied by the structured clone algorithm and hence sendable via postMessage
+    // https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm
+    // from https://stackoverflow.com/a/32673910/7377237 with adjustments for typescript
+    const isPostMessageable = (val) => {
+        if (Object(val) !== val) { // Primitive value
+            return true;
+        }
+        switch ({}.toString.call(val).slice(8, -1)) { // Class
+            case 'Boolean':
+            case 'Number':
+            case 'String':
+            case 'Date':
+            case 'RegExp':
+            case 'Blob':
+            case 'FileList':
+            case 'ImageData':
+            case 'ImageBitmap':
+            case 'ArrayBuffer':
+                return true;
+            case 'Array':
+            case 'Object':
+                return Object.keys(val).every((prop) => isPostMessageable(val[prop]));
+            default:
+                return false;
+        }
+    };
+    const postMessageable = value$1((a) => {
+        if (isPostMessageable(a)) {
+            return SimpleResult.svalue(a);
+        }
+        else {
+            return SimpleResult.serror('Expected value to be acceptable for sending via postMessage');
+        }
+    });
+
+    const required$2 = () => ({ tag: "required" /* FieldPresenceTag.Required */, process: {} });
+    const defaultedThunk = (fallbackThunk) => ({ tag: "defaultedThunk" /* FieldPresenceTag.DefaultedThunk */, process: fallbackThunk });
+    const defaulted$1 = (fallback) => defaultedThunk(constant$1(fallback));
+    const asOption = () => ({ tag: "option" /* FieldPresenceTag.Option */, process: {} });
+    const mergeWithThunk = (baseThunk) => ({ tag: "mergeWithThunk" /* FieldPresenceTag.MergeWithThunk */, process: baseThunk });
+    const mergeWith = (base) => mergeWithThunk(constant$1(base));
+
+    const field$2 = (key, newKey, presence, prop) => ({ tag: "field" /* FieldTag.Field */, key, newKey, presence, prop });
+    const customField$1 = (newKey, instantiator) => ({ tag: "custom" /* FieldTag.CustomField */, newKey, instantiator });
+    const fold = (value, ifField, ifCustom) => {
+        switch (value.tag) {
+            case "field" /* FieldTag.Field */:
+                return ifField(value.key, value.newKey, value.presence, value.prop);
+            case "custom" /* FieldTag.CustomField */:
+                return ifCustom(value.newKey, value.instantiator);
+        }
+    };
+
+    const mergeValues$1 = (values, base) => values.length > 0 ? SimpleResult.svalue(deepMerge(base, merge$1.apply(undefined, values))) : SimpleResult.svalue(base);
+    const mergeErrors$1 = (errors) => compose(SimpleResult.serror, flatten)(errors);
+    const consolidateObj = (objects, base) => {
+        const partition = SimpleResult.partition(objects);
+        return partition.errors.length > 0 ? mergeErrors$1(partition.errors) : mergeValues$1(partition.values, base);
+    };
+    const consolidateArr = (objects) => {
+        const partitions = SimpleResult.partition(objects);
+        return partitions.errors.length > 0 ? mergeErrors$1(partitions.errors) : SimpleResult.svalue(partitions.values);
+    };
+    const ResultCombine = {
+        consolidateObj,
+        consolidateArr
+    };
+
+    const requiredAccess = (path, obj, key, bundle) => 
+    // In required mode, if it is undefined, it is an error.
+    get$h(obj, key).fold(() => missingRequired(path, key, obj), bundle);
+    const fallbackAccess = (obj, key, fallback, bundle) => {
+        const v = get$h(obj, key).getOrThunk(() => fallback(obj));
+        return bundle(v);
+    };
+    const optionAccess = (obj, key, bundle) => bundle(get$h(obj, key));
+    const optionDefaultedAccess = (obj, key, fallback, bundle) => {
+        const opt = get$h(obj, key)?.map((val) => val === true ? fallback(obj) : val);
+        return bundle(opt);
+    };
+    const extractField = (field, path, obj, key, prop) => {
+        const bundle = (av) => prop.extract(path.concat([key]), av);
+        const bundleAsOption = (optValue) => optValue.fold(() => SimpleResult.svalue(Optional.none()), (ov) => {
+            const result = prop.extract(path.concat([key]), ov);
+            return SimpleResult?.map(result, Optional.some);
+        });
+        switch (field.tag) {
+            case "required" /* FieldPresenceTag.Required */:
+                return requiredAccess(path, obj, key, bundle);
+            case "defaultedThunk" /* FieldPresenceTag.DefaultedThunk */:
+                return fallbackAccess(obj, key, field.process, bundle);
+            case "option" /* FieldPresenceTag.Option */:
+                return optionAccess(obj, key, bundleAsOption);
+            case "defaultedOptionThunk" /* FieldPresenceTag.DefaultedOptionThunk */:
+                return optionDefaultedAccess(obj, key, field.process, bundleAsOption);
+            case "mergeWithThunk" /* FieldPresenceTag.MergeWithThunk */: {
+                return fallbackAccess(obj, key, constant$1({}), (v) => {
+                    const result = deepMerge(field.process(obj), v);
+                    return bundle(result);
+                });
+            }
+        }
+    };
+    const extractFields = (path, obj, fields) => {
+        const success = {};
+        const errors = [];
+        // PERFORMANCE: We use a for loop here instead of Arr.each as this is a hot code path
+        for (const field of fields) {
+            fold(field, (key, newKey, presence, prop) => {
+                const result = extractField(presence, path, obj, key, prop);
+                SimpleResult.fold(result, (err) => {
+                    errors.push(...err);
+                }, (res) => {
+                    success[newKey] = res;
+                });
+            }, (newKey, instantiator) => {
+                success[newKey] = instantiator(obj);
+            });
+        }
+        return errors.length > 0 ? SimpleResult.serror(errors) : SimpleResult.svalue(success);
+    };
+    const valueThunk = (getDelegate) => {
+        const extract = (path, val) => getDelegate().extract(path, val);
+        const toString = () => getDelegate().toString();
+        return {
+            extract,
+            toString
+        };
+    };
+    // This is because Obj.keys can return things where the key is set to undefined.
+    const getSetKeys = (obj) => keys(filter$1(obj, isNonNullable));
+    const objOfOnly = (fields) => {
+        const delegate = objOf(fields);
+        const fieldNames = foldr(fields, (acc, value) => {
+            return fold(value, (key) => deepMerge(acc, { [key]: true }), constant$1(acc));
+        }, {});
+        const extract = (path, o) => {
+            const keys = isBoolean(o) ? [] : getSetKeys(o);
+            const extra = filter$2(keys, (k) => !hasNonNullableKey(fieldNames, k));
+            return extra.length === 0 ? delegate.extract(path, o) : unsupportedFields(path, extra);
+        };
+        return {
+            extract,
+            toString: delegate.toString
+        };
+    };
+    const objOf = (values) => {
+        const extract = (path, o) => extractFields(path, o, values);
+        const toString = () => {
+            const fieldStrings = map$2(values, (value) => fold(value, (key, _okey, _presence, prop) => key + ' -> ' + prop.toString(), (newKey, _instantiator) => 'state(' + newKey + ')'));
+            return 'obj{\n' + fieldStrings.join('\n') + '}';
+        };
+        return {
+            extract,
+            toString
+        };
+    };
+    const arrOf = (prop) => {
+        const extract = (path, array) => {
+            const results = map$2(array, (a, i) => prop.extract(path.concat(['[' + i + ']']), a));
+            return ResultCombine.consolidateArr(results);
+        };
+        const toString = () => 'array(' + prop.toString() + ')';
+        return {
+            extract,
+            toString
+        };
+    };
+    const oneOf = (props, rawF) => {
+        // If f is not supplied, then use identity.
+        const f = rawF !== undefined ? rawF : identity;
+        const extract = (path, val) => {
+            const errors = [];
+            // Return on first match
+            for (const prop of props) {
+                const res = prop.extract(path, val);
+                if (res.stype === SimpleResultType.Value) {
+                    return {
+                        stype: SimpleResultType.Value,
+                        svalue: f(res.svalue)
+                    };
+                }
+                errors.push(res);
+            }
+            // All failed, return errors
+            return ResultCombine.consolidateArr(errors);
+        };
+        const toString = () => 'oneOf(' + map$2(props, (prop) => prop.toString()).join(', ') + ')';
+        return {
+            extract,
+            toString
+        };
+    };
+    const setOf$1 = (validator, prop) => {
+        const validateKeys = (path, keys) => arrOf(value$1(validator)).extract(path, keys);
+        const extract = (path, o) => {
+            //
+            const keys$1 = keys(o);
+            const validatedKeys = validateKeys(path, keys$1);
+            return SimpleResult.bind(validatedKeys, (validKeys) => {
+                const schema = map$2(validKeys, (vk) => {
+                    return field$2(vk, vk, required$2(), prop);
+                });
+                return objOf(schema).extract(path, o);
+            });
+        };
+        const toString = () => 'setOf(' + prop.toString() + ')';
+        return {
+            extract,
+            toString
+        };
+    };
+    const thunk = (_desc, processor) => {
+        const getP = cached(processor);
+        const extract = (path, val) => getP().extract(path, val);
+        const toString = () => getP().toString();
+        return {
+            extract,
+            toString
+        };
+    };
+    const arrOfObj = compose(arrOf, objOf);
+
+    const chooseFrom = (path, input, branches, ch) => {
+        const fields = get$h(branches, ch);
+        return fields.fold(() => missingBranch(path, branches, ch), (vp) => vp.extract(path.concat(['branch: ' + ch]), input));
+    };
+    // The purpose of choose is to have a key which picks which of the schemas to follow.
+    // The key will index into the object of schemas: branches
+    const choose$2 = (key, branches) => {
+        const extract = (path, input) => {
+            const choice = get$h(input, key);
+            return choice.fold(() => missingKey(path, key), (chosen) => chooseFrom(path, input, branches, chosen));
+        };
+        const toString = () => 'chooseOn(' + key + '). Possible values: ' + keys(branches);
+        return {
+            extract,
+            toString
+        };
+    };
+
+    const arrOfVal = () => arrOf(anyValue$1);
+    const valueOf = (validator) => value$1((v) => validator(v).fold(SimpleResult.serror, SimpleResult.svalue));
+    const setOf = (validator, prop) => setOf$1((v) => SimpleResult.fromResult(validator(v)), prop);
+    const extractValue = (label, prop, obj) => {
+        const res = prop.extract([label], obj);
+        return SimpleResult.mapError(res, (errs) => ({ input: obj, errors: errs }));
+    };
+    const asRaw = (label, prop, obj) => SimpleResult.toResult(extractValue(label, prop, obj));
+    const getOrDie = (extraction) => {
+        return extraction.fold((errInfo) => {
+            // A readable version of the error.
+            throw new Error(formatError(errInfo));
+        }, identity);
+    };
+    const asRawOrDie$1 = (label, prop, obj) => getOrDie(asRaw(label, prop, obj));
+    const formatError = (errInfo) => {
+        return 'Errors: \n' + formatErrors(errInfo.errors).join('\n') +
+            '\n\nInput object: ' + formatObj(errInfo.input);
+    };
+    const choose$1 = (key, branches) => choose$2(key, map$1(branches, objOf));
+    const thunkOf = (desc, schema) => thunk(desc, schema);
+
+    const field$1 = field$2;
+    const customField = customField$1;
+    const validateEnum = (values) => valueOf((value) => contains$2(values, value) ?
+        Result.value(value) :
+        Result.error(`Unsupported value: "${value}", choose one of "${values.join(', ')}".`));
+    const required$1 = (key) => field$1(key, key, required$2(), anyValue());
+    const requiredOf = (key, schema) => field$1(key, key, required$2(), schema);
+    const requiredNumber = (key) => requiredOf(key, number);
+    const requiredString = (key) => requiredOf(key, string);
+    const requiredStringEnum = (key, values) => field$1(key, key, required$2(), validateEnum(values));
+    const requiredFunction = (key) => requiredOf(key, functionProcessor);
+    const forbid = (key, message) => field$1(key, key, asOption(), value$1((_v) => SimpleResult.serror('The field: ' + key + ' is forbidden. ' + message)));
+    const requiredObjOf = (key, objSchema) => field$1(key, key, required$2(), objOf(objSchema));
+    const requiredArrayOfObj = (key, objFields) => field$1(key, key, required$2(), arrOfObj(objFields));
+    const requiredArrayOf = (key, schema) => field$1(key, key, required$2(), arrOf(schema));
+    const option$3 = (key) => field$1(key, key, asOption(), anyValue());
+    const optionOf = (key, schema) => field$1(key, key, asOption(), schema);
+    const optionNumber = (key) => optionOf(key, number);
+    const optionString = (key) => optionOf(key, string);
+    const optionStringEnum = (key, values) => optionOf(key, validateEnum(values));
+    const optionFunction = (key) => optionOf(key, functionProcessor);
+    const optionArrayOf = (key, schema) => optionOf(key, arrOf(schema));
+    const optionObjOf = (key, objSchema) => optionOf(key, objOf(objSchema));
+    const optionObjOfOnly = (key, objSchema) => optionOf(key, objOfOnly(objSchema));
+    const defaulted = (key, fallback) => field$1(key, key, defaulted$1(fallback), anyValue());
+    const defaultedOf = (key, fallback, schema) => field$1(key, key, defaulted$1(fallback), schema);
+    const defaultedNumber = (key, fallback) => defaultedOf(key, fallback, number);
+    const defaultedString = (key, fallback) => defaultedOf(key, fallback, string);
+    const defaultedStringEnum = (key, fallback, values) => defaultedOf(key, fallback, validateEnum(values));
+    const defaultedBoolean = (key, fallback) => defaultedOf(key, fallback, boolean);
+    const defaultedFunction = (key, fallback) => defaultedOf(key, fallback, functionProcessor);
+    const defaultedPostMsg = (key, fallback) => defaultedOf(key, fallback, postMessageable);
+    const defaultedArrayOf = (key, fallback, schema) => defaultedOf(key, fallback, arrOf(schema));
+    const defaultedObjOf = (key, fallback, objSchema) => defaultedOf(key, fallback, objOf(objSchema));
+
+    const exclude$1 = (obj, fields) => {
+        const r = {};
+        each(obj, (v, k) => {
+            if (!contains$2(fields, k)) {
+                r[k] = v;
+            }
+        });
+        return r;
+    };
+
+    const wrap$1 = (key, value) => ({ [key]: value });
+    const wrapAll$1 = (keyvalues) => {
+        const r = {};
+        each$1(keyvalues, (kv) => {
+            r[kv.key] = kv.value;
+        });
+        return r;
+    };
+
+    const exclude = (obj, fields) => exclude$1(obj, fields);
+    const wrap = (key, value) => wrap$1(key, value);
+    const wrapAll = (keyvalues) => wrapAll$1(keyvalues);
+    const mergeValues = (values, base) => {
+        return values.length === 0 ? Result.value(base) : Result.value(deepMerge(base, merge$1.apply(undefined, values))
+        // Merger.deepMerge.apply(undefined, [ base ].concat(values))
+        );
+    };
+    const mergeErrors = (errors) => Result.error(flatten(errors));
+    const consolidate = (objs, base) => {
+        const partitions = partition$2(objs);
+        return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : mergeValues(partitions.values, base);
+    };
+
+    const constant = constant$1;
+    const touchstart = constant('touchstart');
+    const touchmove = constant('touchmove');
+    const touchend = constant('touchend');
+    const touchcancel = constant('touchcancel');
+    const mousedown = constant('mousedown');
+    const mousemove = constant('mousemove');
+    const mouseout = constant('mouseout');
+    const mouseup = constant('mouseup');
+    const mouseover = constant('mouseover');
+    // Not really a native event as it has to be simulated
+    const focusin = constant('focusin');
+    const focusout = constant('focusout');
+    const keydown = constant('keydown');
+    const keyup = constant('keyup');
+    const input = constant('input');
+    const change = constant('change');
+    const click = constant('click');
+    const transitioncancel = constant('transitioncancel');
+    const transitionend = constant('transitionend');
+    const transitionstart = constant('transitionstart');
+    const selectstart = constant('selectstart');
+
+    const prefixName = (name) => constant$1('alloy.' + name);
+    const alloy = { tap: prefixName('tap') };
+    // This is used to pass focus to a component. A component might interpret
+    // this event and pass the DOM focus to one of its children, depending on its
+    // focus model.
+    const focus$3 = prefixName('focus');
+    // This event is fired a small amount of time after the blur has fired. This
+    // allows the handler to know what was the focused element, and what is now.
+    const postBlur = prefixName('blur.post');
+    // This event is fired a small amount of time after the paste event has fired.
+    const postPaste = prefixName('paste.post');
+    // This event is fired by gui.broadcast*. It is defined by 'receivers'
+    const receive = prefixName('receive');
+    // This event is for executing buttons and things that have (mostly) enter actions
+    const execute$5 = prefixName('execute');
+    // This event is used by a menu to tell an item to focus itself because it has been
+    // selected. This might automatically focus inside the item, it might focus the outer
+    // part of the widget etc.
+    const focusItem = prefixName('focus.item');
+    // This event represents a touchstart and touchend on the same location, and fires on
+    // the touchend
+    const tap = alloy.tap;
+    // This event represents a longpress on the same location
+    const longpress = prefixName('longpress');
+    // Fire by a child element to tell the outer element to close
+    const sandboxClose = prefixName('sandbox.close');
+    // Tell the typeahead to cancel any pending fetches (that haven't already executed)
+    const typeaheadCancel = prefixName('typeahead.cancel');
+    // Fired when adding to a world
+    const systemInit = prefixName('system.init');
+    // Fired when a touchmove on the document happens
+    const documentTouchmove = prefixName('system.touchmove');
+    // Fired when a touchend on the document happens
+    const documentTouchend = prefixName('system.touchend');
+    // Fired when the window scrolls
+    const windowScroll = prefixName('system.scroll');
+    // Fired when the window resizes
+    const windowResize = prefixName('system.resize');
+    const attachedToDom = prefixName('system.attached');
+    const detachedFromDom = prefixName('system.detached');
+    const dismissRequested = prefixName('system.dismissRequested');
+    const repositionRequested = prefixName('system.repositionRequested');
+    const focusShifted = prefixName('focusmanager.shifted');
+    // Fired when slots are made hidden/shown
+    const slotVisibility = prefixName('slotcontainer.visibility');
+    // Used for containers outside the mothership that scroll. Used by docking.
+    const externalElementScroll = prefixName('system.external.element.scroll');
+    const changeTab = prefixName('change.tab');
+    const dismissTab = prefixName('dismiss.tab');
+    const highlight$1 = prefixName('highlight');
+    const dehighlight$1 = prefixName('dehighlight');
+
+    const element = (elem) => getHtml(elem);
+
+    const unknown = 'unknown';
+    /*
+      typescipt qwerk:
+      const debugging: boolean = true;
+      if (boolean === false) {  -> this throws a type error! // TS2365:Operator '===' cannot be applied to types 'false' and 'true'
+        https://www.typescriptlang.org/play/#src=const%20foo%3A%20boolean%20%3D%20true%3B%0D%0A%0D%0Aif%20(foo%20%3D%3D%3D%20false)%20%7B%0D%0A%20%20%20%20%0D%0A%7D
+      }
+    */
+    const debugging = true;
+    var EventConfiguration;
+    (function (EventConfiguration) {
+        EventConfiguration[EventConfiguration["STOP"] = 0] = "STOP";
+        EventConfiguration[EventConfiguration["NORMAL"] = 1] = "NORMAL";
+        EventConfiguration[EventConfiguration["LOGGING"] = 2] = "LOGGING";
+    })(EventConfiguration || (EventConfiguration = {}));
+    const eventConfig = Cell({});
+    const makeEventLogger = (eventName, initialTarget) => {
+        const sequence = [];
+        const startTime = new Date().getTime();
+        return {
+            logEventCut: (_name, target, purpose) => {
+                sequence.push({ outcome: 'cut', target, purpose });
+            },
+            logEventStopped: (_name, target, purpose) => {
+                sequence.push({ outcome: 'stopped', target, purpose });
+            },
+            logNoParent: (_name, target, purpose) => {
+                sequence.push({ outcome: 'no-parent', target, purpose });
+            },
+            logEventNoHandlers: (_name, target) => {
+                sequence.push({ outcome: 'no-handlers-left', target });
+            },
+            logEventResponse: (_name, target, purpose) => {
+                sequence.push({ outcome: 'response', purpose, target });
+            },
+            write: () => {
+                const finishTime = new Date().getTime();
+                if (contains$2(['mousemove', 'mouseover', 'mouseout', systemInit()], eventName)) {
+                    return;
+                }
+                // eslint-disable-next-line no-console
+                console.log(eventName, {
+                    event: eventName,
+                    time: finishTime - startTime,
+                    target: initialTarget.dom,
+                    sequence: map$2(sequence, (s) => {
+                        if (!contains$2(['cut', 'stopped', 'response'], s.outcome)) {
+                            return s.outcome;
+                        }
+                        else {
+                            return '{' + s.purpose + '} ' + s.outcome + ' at (' + element(s.target) + ')';
+                        }
+                    })
+                });
+            }
+        };
+    };
+    const processEvent = (eventName, initialTarget, f) => {
+        const status = get$h(eventConfig.get(), eventName).orThunk(() => {
+            const patterns = keys(eventConfig.get());
+            return findMap(patterns, (p) => eventName.indexOf(p) > -1 ? Optional?.some(eventConfig.get()[p]) : Optional.none());
+        }).getOr(EventConfiguration.NORMAL);
+        switch (status) {
+            case EventConfiguration.NORMAL:
+                return f(noLogger());
+            case EventConfiguration.LOGGING: {
+                const logger = makeEventLogger(eventName, initialTarget);
+                const output = f(logger);
+                logger.write();
+                return output;
+            }
+            case EventConfiguration.STOP:
+                // Does not even run the function to trigger event and listen to handlers
+                return true;
+        }
+    };
+    // Ignore these files in the error stack
+    const path = [
+        'alloy/data/Fields',
+        'alloy/debugging/Debugging'
+    ];
+    const getTrace = () => {
+        if (debugging === false) {
+            return unknown;
+        }
+        const err = new Error();
+        if (err.stack !== undefined) {
+            const lines = err.stack.split('\n');
+            return find$5(lines, (line) => line.indexOf('alloy') > 0 && !exists(path, (p) => line.indexOf(p) > -1)).getOr(unknown);
+        }
+        else {
+            return unknown;
+        }
+    };
+    const ignoreEvent = {
+        logEventCut: noop,
+        logEventStopped: noop,
+        logNoParent: noop,
+        logEventNoHandlers: noop,
+        logEventResponse: noop,
+        write: noop
+    };
+    const monitorEvent = (eventName, initialTarget, f) => processEvent(eventName, initialTarget, f);
+    const noLogger = constant$1(ignoreEvent);
+
+    const menuFields = constant$1([
+        required$1('menu'),
+        required$1('selectedMenu')
+    ]);
+    const itemFields = constant$1([
+        required$1('item'),
+        required$1('selectedItem')
+    ]);
+    constant$1(objOf(itemFields().concat(menuFields())));
+    const itemSchema$3 = constant$1(objOf(itemFields()));
+
+    const _initSize = requiredObjOf('initSize', [
+        required$1('numColumns'),
+        required$1('numRows')
+    ]);
+    const itemMarkers = () => requiredOf('markers', itemSchema$3());
+    const tieredMenuMarkers = () => requiredObjOf('markers', [
+        required$1('backgroundMenu')
+    ].concat(menuFields()).concat(itemFields()));
+    const markers$1 = (required) => requiredObjOf('markers', map$2(required, required$1));
+    const onPresenceHandler = (label, fieldName, presence) => {
+        // We care about where the handler was declared (in terms of which schema)
+        getTrace();
+        return field$1(fieldName, fieldName, presence, 
+        // Apply some wrapping to their supplied function
+        valueOf((f) => Result.value((...args) => {
+            return f.apply(undefined, args);
+        })));
+    };
+    const onHandler = (fieldName) => onPresenceHandler('onHandler', fieldName, defaulted$1(noop));
+    const onKeyboardHandler = (fieldName) => onPresenceHandler('onKeyboardHandler', fieldName, defaulted$1(Optional.none));
+    const onStrictHandler = (fieldName) => onPresenceHandler('onHandler', fieldName, required$2());
+    const onStrictKeyboardHandler = (fieldName) => onPresenceHandler('onKeyboardHandler', fieldName, required$2());
+    const output$1 = (name, value) => customField(name, constant$1(value));
+    const snapshot = (name) => customField(name, identity);
+    const initSize = constant$1(_initSize);
+
+    const markAsBehaviourApi = (f, apiName, apiFunction) => {
+        const delegate = apiFunction.toString();
+        const endIndex = delegate.indexOf(')') + 1;
+        const openBracketIndex = delegate.indexOf('(');
+        const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+        f.toFunctionAnnotation = () => ({
+            name: apiName,
+            parameters: cleanParameters(parameters.slice(0, 1).concat(parameters.slice(3)))
+        });
+        return f;
+    };
+    // Remove any comment (/*) at end of parameter names
+    const cleanParameters = (parameters) => map$2(parameters, (p) => endsWith(p, '/*') ? p.substring(0, p.length - '/*'.length) : p);
+    const markAsExtraApi = (f, extraName) => {
+        const delegate = f.toString();
+        const endIndex = delegate.indexOf(')') + 1;
+        const openBracketIndex = delegate.indexOf('(');
+        const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+        f.toFunctionAnnotation = () => ({
+            name: extraName,
+            parameters: cleanParameters(parameters)
+        });
+        return f;
+    };
+    const markAsSketchApi = (f, apiFunction) => {
+        const delegate = apiFunction.toString();
+        const endIndex = delegate.indexOf(')') + 1;
+        const openBracketIndex = delegate.indexOf('(');
+        const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+        f.toFunctionAnnotation = () => ({
+            name: 'OVERRIDE',
+            parameters: cleanParameters(parameters.slice(1))
+        });
+        return f;
+    };
+
+    const DelayedFunction = (fun, delay) => {
+        let ref = null;
+        const schedule = (...args) => {
+            ref = setTimeout(() => {
+                fun.apply(null, args);
+                ref = null;
+            }, delay);
+        };
+        const cancel = () => {
+            if (ref !== null) {
+                clearTimeout(ref);
+                ref = null;
+            }
+        };
+        return {
+            cancel,
+            schedule
+        };
+    };
+
+    const SIGNIFICANT_MOVE = 5;
+    const LONGPRESS_DELAY = 400;
+    const getTouch = (event) => {
+        const raw = event.raw;
+        if (raw.touches === undefined || raw.touches.length !== 1) {
+            return Optional.none();
+        }
+        return Optional?.some(raw.touches[0]);
+    };
+    // Check to see if the touch has changed a *significant* amount
+    const isFarEnough = (touch, data) => {
+        const distX = Math.abs(touch.clientX - data.x);
+        const distY = Math.abs(touch.clientY - data.y);
+        return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
+    };
+    const monitor = (settings) => {
+        /* A tap event is a combination of touchstart and touchend on the same element
+         * without a *significant* touchmove in between.
+         */
+        const startData = value$2();
+        const longpressFired = Cell(false);
+        const longpress$1 = DelayedFunction((event) => {
+            settings.triggerEvent(longpress(), event);
+            longpressFired.set(true);
+        }, LONGPRESS_DELAY);
+        const handleTouchstart = (event) => {
+            getTouch(event).each((touch) => {
+                longpress$1.cancel();
+                const data = {
+                    x: touch.clientX,
+                    y: touch.clientY,
+                    target: event.target
+                };
+                longpress$1.schedule(event);
+                longpressFired.set(false);
+                startData.set(data);
+            });
+            return Optional.none();
+        };
+        const handleTouchmove = (event) => {
+            longpress$1.cancel();
+            getTouch(event).each((touch) => {
+                startData.on((data) => {
+                    if (isFarEnough(touch, data)) {
+                        startData.clear();
+                    }
+                });
+            });
+            return Optional.none();
+        };
+        const handleTouchend = (event) => {
+            longpress$1.cancel();
+            const isSame = (data) => eq(data.target, event.target);
+            return startData.get().filter(isSame)?.map((_data) => {
+                if (longpressFired.get()) {
+                    event.prevent();
+                    return false;
+                }
+                else {
+                    return settings.triggerEvent(tap(), event);
+                }
+            });
+        };
+        const handlers = wrapAll([
+            { key: touchstart(), value: handleTouchstart },
+            { key: touchmove(), value: handleTouchmove },
+            { key: touchend(), value: handleTouchend }
+        ]);
+        const fireIfReady = (event, type) => get$h(handlers, type).bind((handler) => handler(event));
+        return {
+            fireIfReady
+        };
+    };
+
+    var FocusInsideModes;
+    (function (FocusInsideModes) {
+        FocusInsideModes["OnFocusMode"] = "onFocus";
+        FocusInsideModes["OnEnterOrSpaceMode"] = "onEnterOrSpace";
+        FocusInsideModes["OnApiMode"] = "onApi";
+    })(FocusInsideModes || (FocusInsideModes = {}));
+
+    const _placeholder = 'placeholder';
+    const adt$7 = Adt.generate([
+        { single: ['required', 'valueThunk'] },
+        { multiple: ['required', 'valueThunks'] }
+    ]);
+    const isSubstituted = (spec) => has$2(spec, 'uiType');
+    const subPlaceholder = (owner, detail, compSpec, placeholders) => {
+        if (owner.exists((o) => o !== compSpec.owner)) {
+            return adt$7.single(true, constant$1(compSpec));
+        }
+        // Ignore having to find something for the time being.
+        return get$h(placeholders, compSpec.name).fold(() => {
+            throw new Error('Unknown placeholder component: ' + compSpec.name + '\nKnown: [' +
+                keys(placeholders) + ']\nNamespace: ' + owner.getOr('none') + '\nSpec: ' + JSON.stringify(compSpec, null, 2));
+        }, (newSpec) => 
+        // Must return a single/multiple type
+        newSpec.replace());
+    };
+    const scan = (owner, detail, compSpec, placeholders) => {
+        if (isSubstituted(compSpec) && compSpec.uiType === _placeholder) {
+            return subPlaceholder(owner, detail, compSpec, placeholders);
+        }
+        else {
+            return adt$7.single(false, constant$1(compSpec));
+        }
+    };
+    const substitute = (owner, detail, compSpec, placeholders) => {
+        const base = scan(owner, detail, compSpec, placeholders);
+        return base.fold((req, valueThunk) => {
+            const value = isSubstituted(compSpec) ? valueThunk(detail, compSpec.config, compSpec.validated) : valueThunk(detail);
+            const childSpecs = get$h(value, 'components').getOr([]);
+            const substituted = bind$3(childSpecs, (c) => substitute(owner, detail, c, placeholders));
+            return [
+                {
+                    ...value,
+                    components: substituted
+                }
+            ];
+        }, (req, valuesThunk) => {
+            if (isSubstituted(compSpec)) {
+                const values = valuesThunk(detail, compSpec.config, compSpec.validated);
+                // Allow a preprocessing step for groups before returning the components
+                const preprocessor = compSpec.validated.preprocess.getOr(identity);
+                return preprocessor(values);
+            }
+            else {
+                return valuesThunk(detail);
+            }
+        });
+    };
+    const substituteAll = (owner, detail, components, placeholders) => bind$3(components, (c) => substitute(owner, detail, c, placeholders));
+    const oneReplace = (label, replacements) => {
+        let called = false;
+        const used = () => called;
+        const replace = () => {
+            if (called) {
+                throw new Error('Trying to use the same placeholder more than once: ' + label);
+            }
+            called = true;
+            return replacements;
+        };
+        const required = () => replacements.fold((req, _) => req, (req, _) => req);
+        return {
+            name: constant$1(label),
+            required,
+            used,
+            replace
+        };
+    };
+    const substitutePlaces = (owner, detail, components, placeholders) => {
+        const ps = map$1(placeholders, (ph, name) => oneReplace(name, ph));
+        const outcome = substituteAll(owner, detail, components, ps);
+        each(ps, (p) => {
+            if (p.used() === false && p.required()) {
+                throw new Error('Placeholder: ' + p.name() + ' was not found in components list\nNamespace: ' + owner.getOr('none') + '\nComponents: ' +
+                    JSON.stringify(detail.components, null, 2));
+            }
+        });
+        return outcome;
+    };
+    const single$2 = adt$7.single;
+    const multiple = adt$7.multiple;
+    const placeholder = constant$1(_placeholder);
+
+    const adt$6 = Adt.generate([
+        { required: ['data'] },
+        { external: ['data'] },
+        { optional: ['data'] },
+        { group: ['data'] }
+    ]);
+    const fFactory = defaulted('factory', { sketch: identity });
+    const fSchema = defaulted('schema', []);
+    const fName = required$1('name');
+    const fPname = field$1('pname', 'pname', defaultedThunk((typeSpec) => '<alloy.' + generate$6(typeSpec.name) + '>'), anyValue());
+    // Groups cannot choose their schema.
+    const fGroupSchema = customField('schema', () => [
+        option$3('preprocess')
+    ]);
+    const fDefaults = defaulted('defaults', constant$1({}));
+    const fOverrides = defaulted('overrides', constant$1({}));
+    const requiredSpec = objOf([
+        fFactory, fSchema, fName, fPname, fDefaults, fOverrides
+    ]);
+    const externalSpec = objOf([
+        fFactory, fSchema, fName, fDefaults, fOverrides
+    ]);
+    const optionalSpec = objOf([
+        fFactory, fSchema, fName, fPname, fDefaults, fOverrides
+    ]);
+    const groupSpec = objOf([
+        fFactory, fGroupSchema, fName,
+        required$1('unit'),
+        fPname, fDefaults, fOverrides
+    ]);
+    const asNamedPart = (part) => {
+        return part.fold(Optional.some, Optional.none, Optional.some, Optional.some);
+    };
+    const name$2 = (part) => {
+        const get = (data) => data.name;
+        return part.fold(get, get, get, get);
+    };
+    const asCommon = (part) => {
+        return part.fold(identity, identity, identity, identity);
+    };
+    const convert = (adtConstructor, partSchema) => (spec) => {
+        const data = asRawOrDie$1('Converting part type', partSchema, spec);
+        return adtConstructor(data);
+    };
+    const required = convert(adt$6.required, requiredSpec);
+    const external$1 = convert(adt$6.external, externalSpec);
+    const optional = convert(adt$6.optional, optionalSpec);
+    const group = convert(adt$6.group, groupSpec);
+    const original = constant$1('entirety');
+
+    var PartType = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        required: required,
+        external: external$1,
+        optional: optional,
+        group: group,
+        asNamedPart: asNamedPart,
+        name: name$2,
+        asCommon: asCommon,
+        original: original
+    });
+
+    const combine$2 = (detail, data, partSpec, partValidated) => 
+    // Extremely confusing names and types :(
+    deepMerge(data.defaults(detail, partSpec, partValidated), partSpec, { uid: detail.partUids[data.name] }, data.overrides(detail, partSpec, partValidated));
+    const subs = (owner, detail, parts) => {
+        const internals = {};
+        const externals = {};
+        each$1(parts, (part) => {
+            part.fold(
+            // Internal
+            (data) => {
+                internals[data.pname] = single$2(true, (detail, partSpec, partValidated) => data.factory.sketch(combine$2(detail, data, partSpec, partValidated)));
+            }, 
+            // External
+            (data) => {
+                const partSpec = detail.parts[data.name];
+                externals[data.name] = constant$1(data.factory.sketch(combine$2(detail, data, partSpec[original()]), partSpec) // This is missing partValidated
+                );
+                // no placeholders
+            }, 
+            // Optional
+            (data) => {
+                internals[data.pname] = single$2(false, (detail, partSpec, partValidated) => data.factory.sketch(combine$2(detail, data, partSpec, partValidated)));
+            }, 
+            // Group
+            (data) => {
+                internals[data.pname] = multiple(true, (detail, _partSpec, _partValidated) => {
+                    const units = detail[data.name];
+                    return map$2(units, (u) => 
+                    // Group multiples do not take the uid because there is more than one.
+                    data.factory.sketch(deepMerge(data.defaults(detail, u, _partValidated), u, data.overrides(detail, u))));
+                });
+            });
+        });
+        return {
+            internals: constant$1(internals),
+            externals: constant$1(externals)
+        };
+    };
+
+    // TODO: Make more functional if performance isn't an issue.
+    const generate$5 = (owner, parts) => {
+        const r = {};
+        each$1(parts, (part) => {
+            asNamedPart(part).each((np) => {
+                const g = doGenerateOne(owner, np.pname);
+                r[np.name] = (config) => {
+                    const validated = asRawOrDie$1('Part: ' + np.name + ' in ' + owner, objOf(np.schema), config);
+                    return {
+                        ...g,
+                        config,
+                        validated
+                    };
+                };
+            });
+        });
+        return r;
+    };
+    // Does not have the config.
+    const doGenerateOne = (owner, pname) => ({
+        uiType: placeholder(),
+        owner,
+        name: pname
+    });
+    const generateOne$1 = (owner, pname, config) => ({
+        uiType: placeholder(),
+        owner,
+        name: pname,
+        config,
+        validated: {}
+    });
+    const schemas = (parts) => 
+    // This actually has to change. It needs to return the schemas for things that will
+    // not appear in the components list, which is only externals
+    bind$3(parts, (part) => part.fold(Optional.none, Optional.some, Optional.none, Optional.none)?.map((data) => requiredObjOf(data.name, data.schema.concat([
+        snapshot(original())
+    ]))).toArray());
+    const names = (parts) => map$2(parts, name$2);
+    const substitutes = (owner, detail, parts) => subs(owner, detail, parts);
+    const components$1 = (owner, detail, internals) => substitutePlaces(Optional?.some(owner), detail, detail.components, internals);
+    const getPart = (component, detail, partKey) => {
+        const uid = detail.partUids[partKey];
+        return component.getSystem().getByUid(uid).toOptional();
+    };
+    const getPartOrDie = (component, detail, partKey) => getPart(component, detail, partKey).getOrDie('Could not find part: ' + partKey);
+    const getParts = (component, detail, partKeys) => {
+        const r = {};
+        const uids = detail.partUids;
+        const system = component.getSystem();
+        each$1(partKeys, (pk) => {
+            r[pk] = constant$1(system.getByUid(uids[pk]));
+        });
+        return r;
+    };
+    const getAllParts = (component, detail) => {
+        const system = component.getSystem();
+        return map$1(detail.partUids, (pUid, _k) => constant$1(system.getByUid(pUid)));
+    };
+    const getAllPartNames = (detail) => keys(detail.partUids);
+    const getPartsOrDie = (component, detail, partKeys) => {
+        const r = {};
+        const uids = detail.partUids;
+        const system = component.getSystem();
+        each$1(partKeys, (pk) => {
+            r[pk] = constant$1(system.getByUid(uids[pk]).getOrDie());
+        });
+        return r;
+    };
+    const defaultUids = (baseUid, partTypes) => {
+        const partNames = names(partTypes);
+        return wrapAll(map$2(partNames, (pn) => ({ key: pn, value: baseUid + '-' + pn })));
+    };
+    const defaultUidsSchema = (partTypes) => field$1('partUids', 'partUids', mergeWithThunk((spec) => defaultUids(spec.uid, partTypes)), anyValue());
+
+    var AlloyParts = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        generate: generate$5,
+        generateOne: generateOne$1,
+        schemas: schemas,
+        names: names,
+        substitutes: substitutes,
+        components: components$1,
+        defaultUids: defaultUids,
+        defaultUidsSchema: defaultUidsSchema,
+        getAllParts: getAllParts,
+        getAllPartNames: getAllPartNames,
+        getPart: getPart,
+        getPartOrDie: getPartOrDie,
+        getParts: getParts,
+        getPartsOrDie: getPartsOrDie
+    });
+
+    const allAlignments = [
+        'valignCentre',
+        'alignLeft',
+        'alignRight',
+        'alignCentre',
+        'top',
+        'bottom',
+        'left',
+        'right',
+        'inset'
+    ];
+    const nu$6 = (xOffset, yOffset, classes, insetModifier = 1) => {
+        const insetXOffset = xOffset * insetModifier;
+        const insetYOffset = yOffset * insetModifier;
+        const getClasses = (prop) => get$h(classes, prop).getOr([]);
+        const make = (xDelta, yDelta, alignmentsOn) => {
+            const alignmentsOff = difference(allAlignments, alignmentsOn);
+            return {
+                offset: SugarPosition(xDelta, yDelta),
+                classesOn: bind$3(alignmentsOn, getClasses),
+                classesOff: bind$3(alignmentsOff, getClasses)
+            };
+        };
+        return {
+            southeast: () => make(-xOffset, yOffset, ['top', 'alignLeft']),
+            southwest: () => make(xOffset, yOffset, ['top', 'alignRight']),
+            south: () => make(-xOffset / 2, yOffset, ['top', 'alignCentre']),
+            northeast: () => make(-xOffset, -yOffset, ['bottom', 'alignLeft']),
+            northwest: () => make(xOffset, -yOffset, ['bottom', 'alignRight']),
+            north: () => make(-xOffset / 2, -yOffset, ['bottom', 'alignCentre']),
+            east: () => make(xOffset, -yOffset / 2, ['valignCentre', 'left']),
+            west: () => make(-xOffset, -yOffset / 2, ['valignCentre', 'right']),
+            insetNortheast: () => make(insetXOffset, insetYOffset, ['top', 'alignLeft', 'inset']),
+            insetNorthwest: () => make(-insetXOffset, insetYOffset, ['top', 'alignRight', 'inset']),
+            insetNorth: () => make(-insetXOffset / 2, insetYOffset, ['top', 'alignCentre', 'inset']),
+            insetSoutheast: () => make(insetXOffset, -insetYOffset, ['bottom', 'alignLeft', 'inset']),
+            insetSouthwest: () => make(-insetXOffset, -insetYOffset, ['bottom', 'alignRight', 'inset']),
+            insetSouth: () => make(-insetXOffset / 2, -insetYOffset, ['bottom', 'alignCentre', 'inset']),
+            insetEast: () => make(-insetXOffset, -insetYOffset / 2, ['valignCentre', 'right', 'inset']),
+            insetWest: () => make(insetXOffset, -insetYOffset / 2, ['valignCentre', 'left', 'inset'])
+        };
+    };
+    const fallback = () => nu$6(0, 0, {});
+
+    const nu$5 = (x, y, bubble, direction, placement, boundsRestriction, labelPrefix, alwaysFit = false) => ({
+        x,
+        y,
+        bubble,
+        direction,
+        placement,
+        restriction: boundsRestriction,
+        label: `${labelPrefix}-${placement}`,
+        alwaysFit
+    });
+
+    const adt$5 = Adt.generate([
+        { southeast: [] },
+        { southwest: [] },
+        { northeast: [] },
+        { northwest: [] },
+        { south: [] },
+        { north: [] },
+        { east: [] },
+        { west: [] }
+    ]);
+    const cata$1 = (subject, southeast, southwest, northeast, northwest, south, north, east, west) => subject.fold(southeast, southwest, northeast, northwest, south, north, east, west);
+    const cataVertical = (subject, south, middle, north) => subject.fold(south, south, north, north, south, north, middle, middle);
+    const cataHorizontal = (subject, east, middle, west) => subject.fold(east, west, east, west, middle, middle, east, west);
+    // TODO: Simplify with the typescript approach.
+    const southeast$3 = adt$5.southeast;
+    const southwest$3 = adt$5.southwest;
+    const northeast$3 = adt$5.northeast;
+    const northwest$3 = adt$5.northwest;
+    const south$3 = adt$5.south;
+    const north$3 = adt$5.north;
+    const east$3 = adt$5.east;
+    const west$3 = adt$5.west;
+
+    const getRestriction = (anchor, restriction) => {
+        switch (restriction) {
+            case 1 /* AnchorBoxBounds.LeftEdge */:
+                return anchor.x;
+            case 0 /* AnchorBoxBounds.RightEdge */:
+                return anchor.x + anchor.width;
+            case 2 /* AnchorBoxBounds.TopEdge */:
+                return anchor.y;
+            case 3 /* AnchorBoxBounds.BottomEdge */:
+                return anchor.y + anchor.height;
+        }
+    };
+    const boundsRestriction = (anchor, restrictions) => mapToObject(['left', 'right', 'top', 'bottom'], (dir) => get$h(restrictions, dir)?.map((restriction) => getRestriction(anchor, restriction)));
+    const adjustBounds = (bounds$1, restriction, bubbleOffset) => {
+        const applyRestriction = (dir, current) => restriction[dir]?.map((pos) => {
+            const isVerticalAxis = dir === 'top' || dir === 'bottom';
+            const offset = isVerticalAxis ? bubbleOffset.top : bubbleOffset.left;
+            const comparator = dir === 'left' || dir === 'top' ? Math.max : Math.min;
+            const newPos = comparator(pos, current) + offset;
+            // Ensure the new restricted position is within the current bounds
+            return isVerticalAxis ? clamp(newPos, bounds$1.y, bounds$1.bottom) : clamp(newPos, bounds$1.x, bounds$1.right);
+        }).getOr(current);
+        const adjustedLeft = applyRestriction('left', bounds$1.x);
+        const adjustedTop = applyRestriction('top', bounds$1.y);
+        const adjustedRight = applyRestriction('right', bounds$1.right);
+        const adjustedBottom = applyRestriction('bottom', bounds$1.bottom);
+        return bounds(adjustedLeft, adjustedTop, adjustedRight - adjustedLeft, adjustedBottom - adjustedTop);
+    };
+
+    /*
+      Layout for menus and inline context dialogs;
+      Either above or below. Never left or right.
+      Aligned to the left or right of the anchor as appropriate.
+     */
+    const labelPrefix$2 = 'layout';
+    // display element to the right, left edge against the anchor
+    const eastX$1 = (anchor) => anchor.x;
+    // element centre aligned horizontally with the anchor
+    const middleX$1 = (anchor, element) => anchor.x + (anchor.width / 2) - (element.width / 2);
+    // display element to the left, right edge against the right of the anchor
+    const westX$1 = (anchor, element) => anchor.x + anchor.width - element.width;
+    // display element above, bottom edge against the top of the anchor
+    const northY$2 = (anchor, element) => anchor.y - element.height;
+    // display element below, top edge against the bottom of the anchor
+    const southY$2 = (anchor) => anchor.y + anchor.height;
+    // display element below, top edge against the bottom of the anchor
+    const centreY$1 = (anchor, element) => anchor.y + (anchor.height / 2) - (element.height / 2);
+    const eastEdgeX$1 = (anchor) => anchor.x + anchor.width;
+    const westEdgeX$1 = (anchor, element) => anchor.x - element.width;
+    const southeast$2 = (anchor, element, bubbles) => nu$5(eastX$1(anchor), southY$2(anchor), bubbles.southeast(), southeast$3(), "southeast" /* Placement.Southeast */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */, top: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$2);
+    const southwest$2 = (anchor, element, bubbles) => nu$5(westX$1(anchor, element), southY$2(anchor), bubbles.southwest(), southwest$3(), "southwest" /* Placement.Southwest */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */, top: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$2);
+    const northeast$2 = (anchor, element, bubbles) => nu$5(eastX$1(anchor), northY$2(anchor, element), bubbles.northeast(), northeast$3(), "northeast" /* Placement.Northeast */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */, bottom: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$2);
+    const northwest$2 = (anchor, element, bubbles) => nu$5(westX$1(anchor, element), northY$2(anchor, element), bubbles.northwest(), northwest$3(), "northwest" /* Placement.Northwest */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */, bottom: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$2);
+    const north$2 = (anchor, element, bubbles) => nu$5(middleX$1(anchor, element), northY$2(anchor, element), bubbles.north(), north$3(), "north" /* Placement.North */, boundsRestriction(anchor, { bottom: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$2);
+    const south$2 = (anchor, element, bubbles) => nu$5(middleX$1(anchor, element), southY$2(anchor), bubbles.south(), south$3(), "south" /* Placement.South */, boundsRestriction(anchor, { top: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$2);
+    const east$2 = (anchor, element, bubbles) => nu$5(eastEdgeX$1(anchor), centreY$1(anchor, element), bubbles.east(), east$3(), "east" /* Placement.East */, boundsRestriction(anchor, { left: 0 /* AnchorBoxBounds.RightEdge */ }), labelPrefix$2);
+    const west$2 = (anchor, element, bubbles) => nu$5(westEdgeX$1(anchor, element), centreY$1(anchor, element), bubbles.west(), west$3(), "west" /* Placement.West */, boundsRestriction(anchor, { right: 1 /* AnchorBoxBounds.LeftEdge */ }), labelPrefix$2);
+    const all$2 = () => [southeast$2, southwest$2, northeast$2, northwest$2, south$2, north$2, east$2, west$2];
+    const allRtl$1 = () => [southwest$2, southeast$2, northwest$2, northeast$2, south$2, north$2, east$2, west$2];
+    const aboveOrBelow = () => [northeast$2, northwest$2, southeast$2, southwest$2, north$2, south$2];
+    const aboveOrBelowRtl = () => [northwest$2, northeast$2, southwest$2, southeast$2, north$2, south$2];
+    const belowOrAbove = () => [southeast$2, southwest$2, northeast$2, northwest$2, south$2, north$2];
+    const belowOrAboveRtl = () => [southwest$2, southeast$2, northwest$2, northeast$2, south$2, north$2];
+
+    const placementAttribute = 'data-alloy-placement';
+    const setPlacement$1 = (element, placement) => {
+        set$9(element, placementAttribute, placement);
+    };
+    const getPlacement = (element) => getOpt(element, placementAttribute);
+    const reset$2 = (element) => remove$8(element, placementAttribute);
+
+    /*
+      Layouts for things that overlay over the anchor element/box. These are designed to mirror
+      the `Layout` logic.
+
+      As an example `Layout.north` will appear horizontally centered above the anchor, whereas
+      `LayoutInset.north` will appear horizontally centered overlapping the top of the anchor.
+     */
+    const labelPrefix$1 = 'layout-inset';
+    // returns left edge of anchor - used to display element to the left, left edge against the anchor
+    const westEdgeX = (anchor) => anchor.x;
+    // returns middle of anchor minus half the element width - used to horizontally centre element to the anchor
+    const middleX = (anchor, element) => anchor.x + (anchor.width / 2) - (element.width / 2);
+    // returns right edge of anchor minus element width - used to display element to the right, right edge against the anchor
+    const eastEdgeX = (anchor, element) => anchor.x + anchor.width - element.width;
+    // returns top edge - used to display element to the top, top edge against the anchor
+    const northY$1 = (anchor) => anchor.y;
+    // returns bottom edge minus element height - used to display element at the bottom, bottom edge against the anchor
+    const southY$1 = (anchor, element) => anchor.y + anchor.height - element.height;
+    // returns centre of anchor minus half the element height - used to vertically centre element to the anchor
+    const centreY = (anchor, element) => anchor.y + (anchor.height / 2) - (element.height / 2);
+    // positions element relative to the bottom right of the anchor
+    const southwest$1 = (anchor, element, bubbles) => nu$5(eastEdgeX(anchor, element), southY$1(anchor, element), bubbles.insetSouthwest(), northwest$3(), "southwest" /* Placement.Southwest */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */, bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$1);
+    // positions element relative to the bottom left of the anchor
+    const southeast$1 = (anchor, element, bubbles) => nu$5(westEdgeX(anchor), southY$1(anchor, element), bubbles.insetSoutheast(), northeast$3(), "southeast" /* Placement.Southeast */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */, bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$1);
+    // positions element relative to the top right of the anchor
+    const northwest$1 = (anchor, element, bubbles) => nu$5(eastEdgeX(anchor, element), northY$1(anchor), bubbles.insetNorthwest(), southwest$3(), "northwest" /* Placement.Northwest */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */, top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$1);
+    // positions element relative to the top left of the anchor
+    const northeast$1 = (anchor, element, bubbles) => nu$5(westEdgeX(anchor), northY$1(anchor), bubbles.insetNortheast(), southeast$3(), "northeast" /* Placement.Northeast */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */, top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$1);
+    // positions element relative to the top of the anchor, horizontally centered
+    const north$1 = (anchor, element, bubbles) => nu$5(middleX(anchor, element), northY$1(anchor), bubbles.insetNorth(), south$3(), "north" /* Placement.North */, boundsRestriction(anchor, { top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$1);
+    // positions element relative to the bottom of the anchor, horizontally centered
+    const south$1 = (anchor, element, bubbles) => nu$5(middleX(anchor, element), southY$1(anchor, element), bubbles.insetSouth(), north$3(), "south" /* Placement.South */, boundsRestriction(anchor, { bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$1);
+    // positions element with the right edge against the anchor, vertically centered
+    const east$1 = (anchor, element, bubbles) => nu$5(eastEdgeX(anchor, element), centreY(anchor, element), bubbles.insetEast(), west$3(), "east" /* Placement.East */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */ }), labelPrefix$1);
+    // positions element with the left each against the anchor, vertically centered
+    const west$1 = (anchor, element, bubbles) => nu$5(westEdgeX(anchor), centreY(anchor, element), bubbles.insetWest(), east$3(), "west" /* Placement.West */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */ }), labelPrefix$1);
+    const lookupPreserveLayout = (lastPlacement) => {
+        switch (lastPlacement) {
+            case "north" /* Placement.North */:
+                return north$1;
+            case "northeast" /* Placement.Northeast */:
+                return northeast$1;
+            case "northwest" /* Placement.Northwest */:
+                return northwest$1;
+            case "south" /* Placement.South */:
+                return south$1;
+            case "southeast" /* Placement.Southeast */:
+                return southeast$1;
+            case "southwest" /* Placement.Southwest */:
+                return southwest$1;
+            case "east" /* Placement.East */:
+                return east$1;
+            case "west" /* Placement.West */:
+                return west$1;
+        }
+    };
+    const preserve$1 = (anchor, element, bubbles, placee, bounds) => {
+        const layout = getPlacement(placee)?.map(lookupPreserveLayout).getOr(north$1);
+        return layout(anchor, element, bubbles, placee, bounds);
+    };
+    const lookupFlippedLayout = (lastPlacement) => {
+        switch (lastPlacement) {
+            case "north" /* Placement.North */:
+                return south$1;
+            case "northeast" /* Placement.Northeast */:
+                return southeast$1;
+            case "northwest" /* Placement.Northwest */:
+                return southwest$1;
+            case "south" /* Placement.South */:
+                return north$1;
+            case "southeast" /* Placement.Southeast */:
+                return northeast$1;
+            case "southwest" /* Placement.Southwest */:
+                return northwest$1;
+            case "east" /* Placement.East */:
+                return west$1;
+            case "west" /* Placement.West */:
+                return east$1;
+        }
+    };
+    const flip = (anchor, element, bubbles, placee, bounds) => {
+        const layout = getPlacement(placee)?.map(lookupFlippedLayout).getOr(north$1);
+        return layout(anchor, element, bubbles, placee, bounds);
+    };
+
+    // applies the max-height as determined by Bounder
+    const setMaxHeight = (element, maxHeight) => {
+        setMax$1(element, Math.floor(maxHeight));
+    };
+    // adds both max-height and overflow to constrain it
+    const anchored = constant$1((element, available) => {
+        setMaxHeight(element, available);
+        setAll(element, {
+            'overflow-x': 'hidden',
+            'overflow-y': 'auto'
+        });
+    });
+    /*
+     * This adds max height, but not overflow - the effect of this is that elements can grow beyond the max height,
+     * but if they run off the top they're pushed down.
+     *
+     * If the element expands below the screen height it will be cut off, but we were already doing that.
+     */
+    const expandable$1 = constant$1((element, available) => {
+        setMaxHeight(element, available);
+    });
+
+    // applies the max-width as determined by Bounder
+    const expandable = constant$1((element, available) => {
+        setMax(element, Math.floor(available));
+    });
+
+    var AttributeValue;
+    (function (AttributeValue) {
+        AttributeValue["TopToBottom"] = "toptobottom";
+        AttributeValue["BottomToTop"] = "bottomtotop";
+    })(AttributeValue || (AttributeValue = {}));
+    const Attribute = 'data-alloy-vertical-dir';
+    const isBottomToTopDir = (el) => closest$2(el, (current) => isElement$1(current) && get$g(current, 'data-alloy-vertical-dir') === AttributeValue.BottomToTop);
+
+    var HighlightOnOpen;
+    (function (HighlightOnOpen) {
+        HighlightOnOpen[HighlightOnOpen["HighlightMenuAndItem"] = 0] = "HighlightMenuAndItem";
+        HighlightOnOpen[HighlightOnOpen["HighlightJustMenu"] = 1] = "HighlightJustMenu";
+        HighlightOnOpen[HighlightOnOpen["HighlightNone"] = 2] = "HighlightNone";
+    })(HighlightOnOpen || (HighlightOnOpen = {}));
+
+    const NoState = {
+        init: () => nu$4({
+            readState: constant$1('No State required')
+        })
+    };
+    const nu$4 = (spec) => spec;
+
+    const defaultEventHandler = {
+        can: always,
+        abort: never,
+        run: noop
+    };
+    const nu$3 = (parts) => {
+        if (!hasNonNullableKey(parts, 'can') && !hasNonNullableKey(parts, 'abort') && !hasNonNullableKey(parts, 'run')) {
+            throw new Error('EventHandler defined by: ' + JSON.stringify(parts, null, 2) + ' does not have can, abort, or run!');
+        }
+        return {
+            ...defaultEventHandler,
+            ...parts
+        };
+    };
+    const all$1 = (handlers, f) => (...args) => foldl(handlers, (acc, handler) => acc && f(handler).apply(undefined, args), true);
+    const any = (handlers, f) => (...args) => foldl(handlers, (acc, handler) => acc || f(handler).apply(undefined, args), false);
+    const read$1 = (handler) => isFunction(handler) ? {
+        can: always,
+        abort: never,
+        run: handler
+    } : handler;
+    const fuse$1 = (handlers) => {
+        const can = all$1(handlers, (handler) => handler.can);
+        const abort = any(handlers, (handler) => handler.abort);
+        const run = (...args) => {
+            each$1(handlers, (handler) => {
+                // ASSUMPTION: Return value is unimportant.
+                handler.run.apply(undefined, args);
+            });
+        };
+        return {
+            can,
+            abort,
+            run
+        };
+    };
+
+    const emit = (component, event) => {
+        dispatchWith(component, component.element, event, {});
+    };
+    const emitWith = (component, event, properties) => {
+        dispatchWith(component, component.element, event, properties);
+    };
+    const emitExecute = (component) => {
+        emit(component, execute$5());
+    };
+    const dispatch = (component, target, event) => {
+        dispatchWith(component, target, event, {});
+    };
+    const dispatchWith = (component, target, event, properties) => {
+        // NOTE: The order of spreading here means that it will maintain any target that
+        // exists in the current properties. Because this function has been used for situations where
+        // properties is either an emulated SugarEvent with no target (see TouchEvent) or
+        // for emitting custom events that have no target, this likely hasn't been a problem.
+        // But until we verify that nothing is relying on this ordering, there is an alternate
+        // function below called retargetAndDispatchWith, which spreads in the other direction.
+        const data = {
+            target,
+            ...properties
+        };
+        component.getSystem().triggerEvent(event, target, data);
+    };
+    const retargetAndDispatchWith = (component, target, eventName, properties) => {
+        // This is essentially the same as dispatchWith, except the spreading order
+        // means that it clobbers anything in the nativeEvent with "target". It also
+        // expects what is being passed in to be a real sugar event, not just a data
+        // blob
+        const data = {
+            ...properties,
+            target
+        };
+        component.getSystem().triggerEvent(eventName, target, data);
+    };
+    const dispatchEvent = (component, target, event, simulatedEvent) => {
+        component.getSystem().triggerEvent(event, target, simulatedEvent.event);
+    };
+
+    const derive$2 = (configs) => wrapAll(configs);
+    // const combine = (configs...);
+    const abort = (name, predicate) => {
+        return {
+            key: name,
+            value: nu$3({
+                abort: predicate
+            })
+        };
+    };
+    const can = (name, predicate) => {
+        return {
+            key: name,
+            value: nu$3({
+                can: predicate
+            })
+        };
+    };
+    const preventDefault = (name) => {
+        return {
+            key: name,
+            value: nu$3({
+                run: (component, simulatedEvent) => {
+                    simulatedEvent.event.prevent();
+                }
+            })
+        };
+    };
+    const run$1 = (name, handler) => {
+        return {
+            key: name,
+            value: nu$3({
+                run: handler
+            })
+        };
+    };
+    // Extra can be used when your handler needs more context, and is declared in one spot
+    // It's really just convenient partial application.
+    const runActionExtra = (name, action, extra) => {
+        return {
+            key: name,
+            value: nu$3({
+                run: (component, simulatedEvent) => {
+                    action.apply(undefined, [component, simulatedEvent].concat(extra));
+                }
+            })
+        };
+    };
+    const runOnName = (name) => {
+        return (handler) => run$1(name, handler);
+    };
+    const runOnSourceName = (name) => {
+        return (handler) => ({
+            key: name,
+            value: nu$3({
+                run: (component, simulatedEvent) => {
+                    if (isSource(component, simulatedEvent)) {
+                        handler(component, simulatedEvent);
+                    }
+                }
+            })
+        });
+    };
+    const redirectToUid = (name, uid) => {
+        return run$1(name, (component, simulatedEvent) => {
+            component.getSystem().getByUid(uid).each((redirectee) => {
+                dispatchEvent(redirectee, redirectee.element, name, simulatedEvent);
+            });
+        });
+    };
+    const redirectToPart = (name, detail, partName) => {
+        const uid = detail.partUids[partName];
+        return redirectToUid(name, uid);
+    };
+    const runWithTarget = (name, f) => {
+        return run$1(name, (component, simulatedEvent) => {
+            const ev = simulatedEvent.event;
+            const target = component.getSystem().getByDom(ev.target).getOrThunk(
+            // If we don't find an alloy component for the target, I guess we go up the tree
+            // until we find an alloy component? Performance concern?
+            // TODO: Write tests for this.
+            () => {
+                const closest$1 = closest(ev.target, (el) => component.getSystem().getByDom(el).toOptional(), never);
+                // If we still found nothing ... fire on component itself;
+                return closest$1.getOr(component);
+            });
+            f(component, target, simulatedEvent);
+        });
+    };
+    const cutter = (name) => {
+        return run$1(name, (component, simulatedEvent) => {
+            simulatedEvent.cut();
+        });
+    };
+    const stopper = (name) => {
+        return run$1(name, (component, simulatedEvent) => {
+            simulatedEvent.stop();
+        });
+    };
+    const runOnSource = (name, f) => {
+        return runOnSourceName(name)(f);
+    };
+    const runOnAttached = runOnSourceName(attachedToDom());
+    const runOnDetached = runOnSourceName(detachedFromDom());
+    const runOnInit = runOnSourceName(systemInit());
+    const runOnExecute$1 = runOnName(execute$5());
+
+    // Maybe we'll need to allow add/remove
+    const nu$2 = (s) => ({
+        classes: isUndefined(s.classes) ? [] : s.classes,
+        attributes: isUndefined(s.attributes) ? {} : s.attributes,
+        styles: isUndefined(s.styles) ? {} : s.styles
+    });
+    const merge = (defnA, mod) => ({
+        ...defnA,
+        attributes: { ...defnA.attributes, ...mod.attributes },
+        styles: { ...defnA.styles, ...mod.styles },
+        classes: defnA.classes.concat(mod.classes)
+    });
+
+    const executeEvent = (bConfig, bState, executor) => runOnExecute$1((component) => {
+        executor(component, bConfig, bState);
+    });
+    const loadEvent = (bConfig, bState, f) => runOnInit((component, _simulatedEvent) => {
+        f(component, bConfig, bState);
+    });
+    const create$4 = (schema, name, active, apis, extra, state) => {
+        const configSchema = objOfOnly(schema);
+        const schemaSchema = optionObjOf(name, [
+            optionObjOfOnly('config', schema)
+        ]);
+        return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
+    };
+    const createModes$1 = (modes, name, active, apis, extra, state) => {
+        const configSchema = modes;
+        const schemaSchema = optionObjOf(name, [
+            optionOf('config', modes)
+        ]);
+        return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
+    };
+    const wrapApi = (bName, apiFunction, apiName) => {
+        const f = (component, ...rest) => {
+            const args = [component].concat(rest);
+            return component.config({
+                name: constant$1(bName)
+            }).fold(() => {
+                throw new Error('We could not find any behaviour configuration for: ' + bName + '. Using API: ' + apiName);
+            }, (info) => {
+                const rest = Array.prototype.slice.call(args, 1);
+                return apiFunction.apply(undefined, [component, info.config, info.state].concat(rest));
+            });
+        };
+        return markAsBehaviourApi(f, apiName, apiFunction);
+    };
+    // I think the "revoke" idea is fragile at best.
+    const revokeBehaviour = (name) => ({
+        key: name,
+        value: undefined
+    });
+    const doCreate = (configSchema, schemaSchema, name, active, apis, extra, state) => {
+        const getConfig = (info) => hasNonNullableKey(info, name) ? info[name]() : Optional.none();
+        const wrappedApis = map$1(apis, (apiF, apiName) => wrapApi(name, apiF, apiName));
+        const wrappedExtra = map$1(extra, (extraF, extraName) => markAsExtraApi(extraF, extraName));
+        const me = {
+            ...wrappedExtra,
+            ...wrappedApis,
+            revoke: curry(revokeBehaviour, name),
+            config: (spec) => {
+                const prepared = asRawOrDie$1(name + '-config', configSchema, spec);
+                return {
+                    key: name,
+                    value: {
+                        config: prepared,
+                        me,
+                        configAsRaw: cached(() => asRawOrDie$1(name + '-config', configSchema, spec)),
+                        initialConfig: spec,
+                        state
+                    }
+                };
+            },
+            schema: constant$1(schemaSchema),
+            exhibit: (info, base) => {
+                return lift2(getConfig(info), get$h(active, 'exhibit'), (behaviourInfo, exhibitor) => {
+                    return exhibitor(base, behaviourInfo.config, behaviourInfo.state);
+                }).getOrThunk(() => nu$2({}));
+            },
+            name: constant$1(name),
+            handlers: (info) => {
+                return getConfig(info)?.map((behaviourInfo) => {
+                    const getEvents = get$h(active, 'events').getOr(() => ({}));
+                    return getEvents(behaviourInfo.config, behaviourInfo.state);
+                }).getOr({});
+            }
+        };
+        return me;
+    };
+
+    const derive$1 = (capabilities) => wrapAll(capabilities);
+    const simpleSchema = objOfOnly([
+        required$1('fields'),
+        required$1('name'),
+        defaulted('active', {}),
+        defaulted('apis', {}),
+        defaulted('state', NoState),
+        defaulted('extra', {})
+    ]);
+    const create$3 = (data) => {
+        const value = asRawOrDie$1('Creating behaviour: ' + data.name, simpleSchema, data);
+        return create$4(value.fields, value.name, value.active, value.apis, value.extra, value.state);
+    };
+    const modeSchema = objOfOnly([
+        required$1('branchKey'),
+        required$1('branches'),
+        required$1('name'),
+        defaulted('active', {}),
+        defaulted('apis', {}),
+        defaulted('state', NoState),
+        defaulted('extra', {})
+    ]);
+    const createModes = (data) => {
+        const value = asRawOrDie$1('Creating behaviour: ' + data.name, modeSchema, data);
+        return createModes$1(choose$1(value.branchKey, value.branches), value.name, value.active, value.apis, value.extra, value.state);
+    };
+    const revoke = constant$1(undefined);
+
+    // AlloyEventKeyAndHandler type argument needs to be any here to satisfy an array of handlers
+    // where each item can be any subtype of EventFormat we can't use <T extends EventFormat> since
+    // then each item would have to be the same type
+    const events$i = (name, eventHandlers) => {
+        const events = derive$2(eventHandlers);
+        return create$3({
+            fields: [
+                required$1('enabled')
+            ],
+            name,
+            active: {
+                events: constant$1(events)
+            }
+        });
+    };
+    const config = (name, eventHandlers) => {
+        const me = events$i(name, eventHandlers);
+        return {
+            key: name,
+            value: {
+                config: {},
+                me,
+                configAsRaw: constant$1({}),
+                initialConfig: {},
+                state: NoState
+            }
+        };
+    };
+
+    const SetupBehaviourCellState = (initialState) => {
+        const init = () => {
+            const cell = Cell(initialState);
+            const get = () => cell.get();
+            const set = (newState) => cell.set(newState);
+            const clear = () => cell.set(initialState);
+            const readState = () => cell.get();
+            return {
+                get,
+                set,
+                clear,
+                readState
+            };
+        };
+        return {
+            init
+        };
+    };
+
+    const focus$2 = (component, focusConfig) => {
+        if (!focusConfig.ignore) {
+            focus$4(component.element);
+            focusConfig.onFocus(component);
+        }
+    };
+    const blur = (component, focusConfig) => {
+        if (!focusConfig.ignore) {
+            blur$1(component.element);
+        }
+    };
+    const isFocused = (component) => hasFocus(component.element);
+
+    var FocusApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        focus: focus$2,
+        blur: blur,
+        isFocused: isFocused
+    });
+
+    // TODO: DomModification types
+    const exhibit$6 = (base, focusConfig) => {
+        const mod = focusConfig.ignore ? {} : {
+            attributes: {
+                tabindex: '-1'
+            }
+        };
+        return nu$2(mod);
+    };
+    const events$h = (focusConfig) => derive$2([
+        run$1(focus$3(), (component, simulatedEvent) => {
+            focus$2(component, focusConfig);
+            simulatedEvent.stop();
+        })
+    ].concat(focusConfig.stopMousedown ? [
+        run$1(mousedown(), (_, simulatedEvent) => {
+            // This setting is often used in tandem with ignoreFocus. Basically, if you
+            // don't prevent default on a menu that has fake focus, then it can transfer
+            // focus to the outer body when they click on it, which can break things
+            // which dismiss on blur (e.g. typeahead)
+            simulatedEvent.event.prevent();
+        })
+    ] : []));
+
+    var ActiveFocus = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$6,
+        events: events$h
+    });
+
+    var FocusSchema = [
+        // TODO: Work out when we want to  call this. Only when it is has changed?
+        onHandler('onFocus'),
+        defaulted('stopMousedown', false),
+        defaulted('ignore', false)
+    ];
+
+    const Focusing = create$3({
+        fields: FocusSchema,
+        name: 'focusing',
+        active: ActiveFocus,
+        apis: FocusApis
+        // Consider adding isFocused an an extra
+    });
+
+    const BACKSPACE = [8];
+    const TAB = [9];
+    const ENTER = [13];
+    const ESCAPE = [27];
+    const SPACE = [32];
+    const LEFT = [37];
+    const UP = [38];
+    const RIGHT = [39];
+    const DOWN = [40];
+
+    const cyclePrev = (values, index, predicate) => {
+        const before = reverse(values.slice(0, index));
+        const after = reverse(values.slice(index + 1));
+        return find$5(before.concat(after), predicate);
+    };
+    const tryPrev = (values, index, predicate) => {
+        const before = reverse(values.slice(0, index));
+        return find$5(before, predicate);
+    };
+    const cycleNext = (values, index, predicate) => {
+        const before = values.slice(0, index);
+        const after = values.slice(index + 1);
+        return find$5(after.concat(before), predicate);
+    };
+    const tryNext = (values, index, predicate) => {
+        const after = values.slice(index + 1);
+        return find$5(after, predicate);
+    };
+
+    const inSet = (keys) => (event) => {
+        const raw = event.raw;
+        return contains$2(keys, raw.which);
+    };
+    const and = (preds) => (event) => forall(preds, (pred) => pred(event));
+    const isShift$1 = (event) => {
+        const raw = event.raw;
+        return raw.shiftKey === true;
+    };
+    const isControl = (event) => {
+        const raw = event.raw;
+        return raw.ctrlKey === true;
+    };
+    const isNotShift = not(isShift$1);
+
+    const rule = (matches, action) => ({
+        matches,
+        classification: action
+    });
+    const choose = (transitions, event) => {
+        const transition = find$5(transitions, (t) => t.matches(event));
+        return transition?.map((t) => t.classification);
+    };
+
+    // THIS IS NOT API YET
+    const dehighlightAllExcept = (component, hConfig, hState, skip) => {
+        const highlighted = descendants(component.element, '.' + hConfig.highlightClass);
+        each$1(highlighted, (h) => {
+            // We don't want to dehighlight anything that should be skipped.
+            // Generally, this is because we are about to highlight that thing.
+            const shouldSkip = exists(skip, (skipComp) => eq(skipComp.element, h));
+            if (!shouldSkip) {
+                remove$3(h, hConfig.highlightClass);
+                component.getSystem().getByDom(h).each((target) => {
+                    hConfig.onDehighlight(component, target);
+                    emit(target, dehighlight$1());
+                });
+            }
+        });
+    };
+    const dehighlightAll = (component, hConfig, hState) => dehighlightAllExcept(component, hConfig, hState, []);
+    const dehighlight = (component, hConfig, hState, target) => {
+        // Only act if it was highlighted.
+        if (isHighlighted(component, hConfig, hState, target)) {
+            remove$3(target.element, hConfig.highlightClass);
+            hConfig.onDehighlight(component, target);
+            emit(target, dehighlight$1());
+        }
+    };
+    const highlight = (component, hConfig, hState, target) => {
+        // If asked to highlight something, dehighlight everything else first except
+        // for the new thing we are going to highlight. It's a rare case, but we don't
+        // want to get an onDehighlight, onHighlight for the same item on a highlight call.
+        // We also don't want to call onHighlight if it was already highlighted.
+        //
+        // Note, that there is an important distinction here: highlight is NOT a no-op
+        // if target is already highlighted, because it will still dehighlight everything else.
+        // However, it won't fire any onHighlight or onDehighlight handlers for the already
+        // highlighted item. I'm not sure if this is behaviour we need to maintain, but it is now
+        // tested. A simpler approach might just be to not do anything if it's already highlighted,
+        // but that could leave us in an inconsistent state, where multiple items have highlights
+        // even after a highlight call. This way, highlight validates the highlights in the
+        // component, and ensures there is only one thing highlighted.
+        dehighlightAllExcept(component, hConfig, hState, [target]);
+        if (!isHighlighted(component, hConfig, hState, target)) {
+            add$2(target.element, hConfig.highlightClass);
+            hConfig.onHighlight(component, target);
+            emit(target, highlight$1());
+        }
+    };
+    const highlightFirst = (component, hConfig, hState) => {
+        getFirst(component, hConfig).each((firstComp) => {
+            highlight(component, hConfig, hState, firstComp);
+        });
+    };
+    const highlightLast = (component, hConfig, hState) => {
+        getLast(component, hConfig).each((lastComp) => {
+            highlight(component, hConfig, hState, lastComp);
+        });
+    };
+    const highlightAt = (component, hConfig, hState, index) => {
+        getByIndex(component, hConfig, hState, index).fold((err) => {
+            throw err;
+        }, (firstComp) => {
+            highlight(component, hConfig, hState, firstComp);
+        });
+    };
+    const highlightBy = (component, hConfig, hState, predicate) => {
+        const candidates = getCandidates(component, hConfig);
+        const targetComp = find$5(candidates, predicate);
+        targetComp.each((c) => {
+            highlight(component, hConfig, hState, c);
+        });
+    };
+    const isHighlighted = (component, hConfig, hState, queryTarget) => has(queryTarget.element, hConfig.highlightClass);
+    const getHighlighted = (component, hConfig, _hState) => descendant(component.element, '.' + hConfig.highlightClass).bind((e) => component.getSystem().getByDom(e).toOptional());
+    const getByIndex = (component, hConfig, hState, index) => {
+        const items = descendants(component.element, '.' + hConfig.itemClass);
+        return Optional.from(items[index]).fold(() => Result.error(new Error('No element found with index ' + index)), component.getSystem().getByDom);
+    };
+    const getFirst = (component, hConfig, _hState) => descendant(component.element, '.' + hConfig.itemClass).bind((e) => component.getSystem().getByDom(e).toOptional());
+    const getLast = (component, hConfig, _hState) => {
+        const items = descendants(component.element, '.' + hConfig.itemClass);
+        const last = items.length > 0 ? Optional?.some(items[items.length - 1]) : Optional.none();
+        return last.bind((c) => component.getSystem().getByDom(c).toOptional());
+    };
+    const getDelta$2 = (component, hConfig, hState, delta) => {
+        const items = descendants(component.element, '.' + hConfig.itemClass);
+        const current = findIndex$1(items, (item) => has(item, hConfig.highlightClass));
+        return current.bind((selected) => {
+            const dest = cycleBy(selected, delta, 0, items.length - 1);
+            return component.getSystem().getByDom(items[dest]).toOptional();
+        });
+    };
+    const getPrevious = (component, hConfig, hState) => getDelta$2(component, hConfig, hState, -1);
+    const getNext = (component, hConfig, hState) => getDelta$2(component, hConfig, hState, +1);
+    const getCandidates = (component, hConfig, _hState) => {
+        const items = descendants(component.element, '.' + hConfig.itemClass);
+        return cat(map$2(items, (i) => component.getSystem().getByDom(i).toOptional()));
+    };
+
+    var HighlightApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        dehighlightAll: dehighlightAll,
+        dehighlight: dehighlight,
+        highlight: highlight,
+        highlightFirst: highlightFirst,
+        highlightLast: highlightLast,
+        highlightAt: highlightAt,
+        highlightBy: highlightBy,
+        isHighlighted: isHighlighted,
+        getHighlighted: getHighlighted,
+        getFirst: getFirst,
+        getLast: getLast,
+        getPrevious: getPrevious,
+        getNext: getNext,
+        getCandidates: getCandidates
+    });
+
+    var HighlightSchema = [
+        required$1('highlightClass'),
+        required$1('itemClass'),
+        onHandler('onHighlight'),
+        onHandler('onDehighlight')
+    ];
+
+    const Highlighting = create$3({
+        fields: HighlightSchema,
+        name: 'highlighting',
+        apis: HighlightApis
+    });
+
+    const reportFocusShifting = (component, prevFocus, newFocus) => {
+        const noChange = prevFocus.exists((p) => newFocus.exists((n) => eq(n, p)));
+        if (!noChange) {
+            emitWith(component, focusShifted(), {
+                prevFocus,
+                newFocus
+            });
+        }
+    };
+    const dom$2 = () => {
+        const get = (component) => search(component.element);
+        const set = (component, focusee) => {
+            const prevFocus = get(component);
+            component.getSystem().triggerFocus(focusee, component.element);
+            const newFocus = get(component);
+            reportFocusShifting(component, prevFocus, newFocus);
+        };
+        return {
+            get,
+            set
+        };
+    };
+    const highlights = () => {
+        const get = (component) => Highlighting.getHighlighted(component)?.map((item) => item.element);
+        const set = (component, element) => {
+            const prevFocus = get(component);
+            component.getSystem().getByDom(element).fold(noop, (item) => {
+                Highlighting.highlight(component, item);
+            });
+            const newFocus = get(component);
+            reportFocusShifting(component, prevFocus, newFocus);
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const typical = (infoSchema, stateInit, getKeydownRules, getKeyupRules, optFocusIn) => {
+        const schema = () => infoSchema.concat([
+            defaulted('focusManager', dom$2()),
+            defaultedOf('focusInside', 'onFocus', valueOf((val) => contains$2(['onFocus', 'onEnterOrSpace', 'onApi'], val) ? Result.value(val) : Result.error('Invalid value for focusInside'))),
+            output$1('handler', me),
+            output$1('state', stateInit),
+            output$1('sendFocusIn', optFocusIn)
+        ]);
+        const processKey = (component, simulatedEvent, getRules, keyingConfig, keyingState) => {
+            const rules = getRules(component, simulatedEvent, keyingConfig, keyingState);
+            return choose(rules, simulatedEvent.event).bind((rule) => rule(component, simulatedEvent, keyingConfig, keyingState));
+        };
+        const toEvents = (keyingConfig, keyingState) => {
+            const onFocusHandler = keyingConfig.focusInside !== FocusInsideModes.OnFocusMode
+                ? Optional.none()
+                : optFocusIn(keyingConfig)?.map((focusIn) => run$1(focus$3(), (component, simulatedEvent) => {
+                    focusIn(component, keyingConfig, keyingState);
+                    simulatedEvent.stop();
+                }));
+            // On enter or space on root element, if using EnterOrSpace focus mode, fire a focusIn on the component
+            const tryGoInsideComponent = (component, simulatedEvent) => {
+                const isEnterOrSpace = inSet(SPACE.concat(ENTER))(simulatedEvent.event);
+                if (keyingConfig.focusInside === FocusInsideModes.OnEnterOrSpaceMode && isEnterOrSpace && isSource(component, simulatedEvent)) {
+                    optFocusIn(keyingConfig).each((focusIn) => {
+                        focusIn(component, keyingConfig, keyingState);
+                        simulatedEvent.stop();
+                    });
+                }
+            };
+            const keyboardEvents = [
+                run$1(keydown(), (component, simulatedEvent) => {
+                    processKey(component, simulatedEvent, getKeydownRules, keyingConfig, keyingState).fold(() => {
+                        // Key wasn't handled ... so see if we should enter into the component (focusIn)
+                        tryGoInsideComponent(component, simulatedEvent);
+                    }, (_) => {
+                        simulatedEvent.stop();
+                    });
+                }),
+                run$1(keyup(), (component, simulatedEvent) => {
+                    processKey(component, simulatedEvent, getKeyupRules, keyingConfig, keyingState).each((_) => {
+                        simulatedEvent.stop();
+                    });
+                })
+            ];
+            return derive$2(onFocusHandler.toArray().concat(keyboardEvents));
+        };
+        const me = {
+            schema,
+            processKey,
+            toEvents
+        };
+        return me;
+    };
+
+    const create$2 = (cyclicField) => {
+        const schema = [
+            option$3('onEscape'),
+            option$3('onEnter'),
+            defaulted('selector', '[data-alloy-tabstop="true"]:not(:disabled)'),
+            defaulted('firstTabstop', 0),
+            defaulted('useTabstopAt', always),
+            // Maybe later we should just expose isVisible
+            option$3('visibilitySelector')
+        ].concat([
+            cyclicField
+        ]);
+        // TODO: Test this
+        const isVisible = (tabbingConfig, element) => {
+            const target = tabbingConfig.visibilitySelector
+                .bind((sel) => closest$3(element, sel))
+                .getOr(element);
+            // NOTE: We can't use Visibility.isVisible, because the toolbar has width when it has closed, just not height.
+            return get$d(target) > 0;
+        };
+        const findInitial = (component, tabbingConfig) => {
+            const tabstops = descendants(component.element, tabbingConfig.selector);
+            const visibles = filter$2(tabstops, (elem) => isVisible(tabbingConfig, elem));
+            return Optional.from(visibles[tabbingConfig.firstTabstop]);
+        };
+        const findCurrent = (component, tabbingConfig) => tabbingConfig.focusManager.get(component)
+            .bind((elem) => closest$3(elem, tabbingConfig.selector));
+        const isTabstop = (tabbingConfig, element) => isVisible(tabbingConfig, element) && tabbingConfig.useTabstopAt(element);
+        // Fire an alloy focus on the first visible element that matches the selector
+        const focusIn = (component, tabbingConfig, _tabbingState) => {
+            findInitial(component, tabbingConfig).each((target) => {
+                tabbingConfig.focusManager.set(component, target);
+            });
+        };
+        const goFromTabstop = (component, tabstops, stopIndex, tabbingConfig, cycle) => cycle(tabstops, stopIndex, (elem) => isTabstop(tabbingConfig, elem))
+            .fold(
+        // Even if there is only one, still capture the event if cycling
+        () => tabbingConfig.cyclic ? Optional?.some(true) : Optional.none(), (target) => {
+            tabbingConfig.focusManager.set(component, target);
+            // Kill the event
+            return Optional?.some(true);
+        });
+        const go = (component, _simulatedEvent, tabbingConfig, cycle) => {
+            // 1. Find our current tabstop
+            // 2. Find the index of that tabstop
+            // 3. Cycle the tabstop
+            // 4. Fire alloy focus on the resultant tabstop
+            const tabstops = filter$2(descendants(component.element, tabbingConfig.selector), (element) => isVisible(tabbingConfig, element));
+            return findCurrent(component, tabbingConfig).bind((tabstop) => {
+                // focused component
+                const optStopIndex = findIndex$1(tabstops, curry(eq, tabstop));
+                return optStopIndex.bind((stopIndex) => goFromTabstop(component, tabstops, stopIndex, tabbingConfig, cycle));
+            });
+        };
+        const goBackwards = (component, simulatedEvent, tabbingConfig) => {
+            const navigate = tabbingConfig.cyclic ? cyclePrev : tryPrev;
+            return go(component, simulatedEvent, tabbingConfig, navigate);
+        };
+        const goForwards = (component, simulatedEvent, tabbingConfig) => {
+            const navigate = tabbingConfig.cyclic ? cycleNext : tryNext;
+            return go(component, simulatedEvent, tabbingConfig, navigate);
+        };
+        const isFirstChild = (elem) => parentNode(elem).bind(firstChild).exists((child) => eq(child, elem));
+        const goFromPseudoTabstop = (component, simulatedEvent, tabbingConfig) => findCurrent(component, tabbingConfig).filter((elem) => !tabbingConfig.useTabstopAt(elem))
+            .bind((elem) => (isFirstChild(elem) ? goBackwards : goForwards)(component, simulatedEvent, tabbingConfig));
+        const execute = (component, simulatedEvent, tabbingConfig) => tabbingConfig.onEnter.bind((f) => f(component, simulatedEvent));
+        const exit = (component, simulatedEvent, tabbingConfig) => tabbingConfig.onEscape.bind((f) => f(component, simulatedEvent));
+        const getKeydownRules = constant$1([
+            rule(and([isShift$1, inSet(TAB)]), goBackwards),
+            rule(inSet(TAB), goForwards),
+            rule(and([isNotShift, inSet(ENTER)]), execute)
+        ]);
+        const getKeyupRules = constant$1([
+            rule(inSet(ESCAPE), exit),
+            rule(inSet(TAB), goFromPseudoTabstop),
+        ]);
+        return typical(schema, NoState.init, getKeydownRules, getKeyupRules, () => Optional?.some(focusIn));
+    };
+
+    var AcyclicType = create$2(customField('cyclic', never));
+
+    var CyclicType = create$2(customField('cyclic', always));
+
+    const inside = (target) => ((isTag('input')(target) && get$g(target, 'type') !== 'radio') ||
+        isTag('textarea')(target));
+
+    const doDefaultExecute = (component, _simulatedEvent, focused) => {
+        // Note, we use to pass through simulatedEvent here and make target: component. This simplification
+        // may be a problem
+        dispatch(component, focused, execute$5());
+        return Optional?.some(true);
+    };
+    const defaultExecute = (component, simulatedEvent, focused) => {
+        const isComplex = inside(focused) && inSet(SPACE)(simulatedEvent.event);
+        return isComplex ? Optional.none() : doDefaultExecute(component, simulatedEvent, focused);
+    };
+    // On Firefox, pressing space fires a click event if the element maintains focus and fires a keyup. This
+    // stops the keyup, which should stop the click. We might want to make this only work for buttons and Firefox etc,
+    // but at this stage it's cleaner to just always do it. It makes sense that Keying that handles space should handle
+    // keyup also. This does make the name confusing, though.
+    const stopEventForFirefox = (_component, _simulatedEvent) => Optional?.some(true);
+
+    const schema$z = [
+        defaulted('execute', defaultExecute),
+        defaulted('useSpace', false),
+        defaulted('useEnter', true),
+        defaulted('useControlEnter', false),
+        defaulted('useDown', false)
+    ];
+    const execute$4 = (component, simulatedEvent, executeConfig) => executeConfig.execute(component, simulatedEvent, component.element);
+    const getKeydownRules$5 = (component, _simulatedEvent, executeConfig, _executeState) => {
+        const spaceExec = executeConfig.useSpace && !inside(component.element) ? SPACE : [];
+        const enterExec = executeConfig.useEnter ? ENTER : [];
+        const downExec = executeConfig.useDown ? DOWN : [];
+        const execKeys = spaceExec.concat(enterExec).concat(downExec);
+        return [
+            rule(inSet(execKeys), execute$4)
+        ].concat(executeConfig.useControlEnter ? [
+            rule(and([isControl, inSet(ENTER)]), execute$4)
+        ] : []);
+    };
+    const getKeyupRules$5 = (component, _simulatedEvent, executeConfig, _executeState) => executeConfig.useSpace && !inside(component.element) ?
+        [rule(inSet(SPACE), stopEventForFirefox)] :
+        [];
+    var ExecutionType = typical(schema$z, NoState.init, getKeydownRules$5, getKeyupRules$5, () => Optional.none());
+
+    const flatgrid$1 = () => {
+        const dimensions = value$2();
+        const setGridSize = (numRows, numColumns) => {
+            dimensions.set({ numRows, numColumns });
+        };
+        const getNumRows = () => dimensions.get()?.map((d) => d.numRows);
+        const getNumColumns = () => dimensions.get()?.map((d) => d.numColumns);
+        return nu$4({
+            readState: () => dimensions.get()?.map((d) => ({
+                numRows: String(d.numRows),
+                numColumns: String(d.numColumns)
+            })).getOr({
+                numRows: '?',
+                numColumns: '?'
+            }),
+            setGridSize,
+            getNumRows,
+            getNumColumns
+        });
+    };
+    const init$g = (spec) => spec.state(spec);
+
+    var KeyingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        flatgrid: flatgrid$1,
+        init: init$g
+    });
+
+    // Looks up direction (considering LTR and RTL), finds the focused element,
+    // and tries to move. If it succeeds, triggers focus and kills the event.
+    const useH = (movement) => (component, simulatedEvent, config, state) => {
+        const move = movement(component.element);
+        return use(move, component, simulatedEvent, config, state);
+    };
+    const west = (moveLeft, moveRight) => {
+        const movement = onDirection(moveLeft, moveRight);
+        return useH(movement);
+    };
+    const east = (moveLeft, moveRight) => {
+        const movement = onDirection(moveRight, moveLeft);
+        return useH(movement);
+    };
+    const useV = (move) => (component, simulatedEvent, config, state) => use(move, component, simulatedEvent, config, state);
+    const use = (move, component, simulatedEvent, config, state) => {
+        const outcome = config.focusManager.get(component).bind((focused) => move(component.element, focused, config, state));
+        return outcome?.map((newFocus) => {
+            config.focusManager.set(component, newFocus);
+            return true;
+        });
+    };
+    const north = useV;
+    const south = useV;
+    const move$1 = useV;
+
+    const locate = (candidates, predicate) => findIndex$1(candidates, predicate)?.map((index) => ({
+        index,
+        candidates
+    }));
+
+    const locateVisible = (container, current, selector) => {
+        const predicate = (x) => eq(x, current);
+        const candidates = descendants(container, selector);
+        const visible = filter$2(candidates, isVisible);
+        return locate(visible, predicate);
+    };
+    const findIndex = (elements, target) => findIndex$1(elements, (elem) => eq(target, elem));
+
+    const withGrid = (values, index, numCols, f) => {
+        const oldRow = Math.floor(index / numCols);
+        const oldColumn = index % numCols;
+        return f(oldRow, oldColumn).bind((address) => {
+            const newIndex = address.row * numCols + address.column;
+            return newIndex >= 0 && newIndex < values.length ? Optional?.some(values[newIndex]) : Optional.none();
+        });
+    };
+    const cycleHorizontal$1 = (values, index, numRows, numCols, delta) => withGrid(values, index, numCols, (oldRow, oldColumn) => {
+        const onLastRow = oldRow === numRows - 1;
+        const colsInRow = onLastRow ? values.length - (oldRow * numCols) : numCols;
+        const newColumn = cycleBy(oldColumn, delta, 0, colsInRow - 1);
+        return Optional?.some({
+            row: oldRow,
+            column: newColumn
+        });
+    });
+    const cycleVertical$1 = (values, index, numRows, numCols, delta) => withGrid(values, index, numCols, (oldRow, oldColumn) => {
+        const newRow = cycleBy(oldRow, delta, 0, numRows - 1);
+        const onLastRow = newRow === numRows - 1;
+        const colsInRow = onLastRow ? values.length - (newRow * numCols) : numCols;
+        const newCol = clamp(oldColumn, 0, colsInRow - 1);
+        return Optional?.some({
+            row: newRow,
+            column: newCol
+        });
+    });
+    const cycleRight$1 = (values, index, numRows, numCols) => cycleHorizontal$1(values, index, numRows, numCols, +1);
+    const cycleLeft$1 = (values, index, numRows, numCols) => cycleHorizontal$1(values, index, numRows, numCols, -1);
+    const cycleUp$1 = (values, index, numRows, numCols) => cycleVertical$1(values, index, numRows, numCols, -1);
+    const cycleDown$1 = (values, index, numRows, numCols) => cycleVertical$1(values, index, numRows, numCols, +1);
+
+    const schema$y = [
+        required$1('selector'),
+        defaulted('execute', defaultExecute),
+        onKeyboardHandler('onEscape'),
+        defaulted('captureTab', false),
+        initSize()
+    ];
+    const focusIn$4 = (component, gridConfig, _gridState) => {
+        descendant(component.element, gridConfig.selector).each((first) => {
+            gridConfig.focusManager.set(component, first);
+        });
+    };
+    const findCurrent$1 = (component, gridConfig) => gridConfig.focusManager.get(component).bind((elem) => closest$3(elem, gridConfig.selector));
+    const execute$3 = (component, simulatedEvent, gridConfig, _gridState) => findCurrent$1(component, gridConfig)
+        .bind((focused) => gridConfig.execute(component, simulatedEvent, focused));
+    const doMove$2 = (cycle) => (element, focused, gridConfig, gridState) => locateVisible(element, focused, gridConfig.selector)
+        .bind((identified) => cycle(identified.candidates, identified.index, gridState.getNumRows().getOr(gridConfig.initSize.numRows), gridState.getNumColumns().getOr(gridConfig.initSize.numColumns)));
+    const handleTab = (_component, _simulatedEvent, gridConfig) => gridConfig.captureTab ? Optional?.some(true) : Optional.none();
+    const doEscape$1 = (component, simulatedEvent, gridConfig) => gridConfig.onEscape(component, simulatedEvent);
+    const moveLeft$3 = doMove$2(cycleLeft$1);
+    const moveRight$3 = doMove$2(cycleRight$1);
+    const moveNorth$1 = doMove$2(cycleUp$1);
+    const moveSouth$1 = doMove$2(cycleDown$1);
+    const getKeydownRules$4 = constant$1([
+        rule(inSet(LEFT), west(moveLeft$3, moveRight$3)),
+        rule(inSet(RIGHT), east(moveLeft$3, moveRight$3)),
+        rule(inSet(UP), north(moveNorth$1)),
+        rule(inSet(DOWN), south(moveSouth$1)),
+        rule(and([isShift$1, inSet(TAB)]), handleTab),
+        rule(and([isNotShift, inSet(TAB)]), handleTab),
+        // Probably should make whether space is used configurable
+        rule(inSet(SPACE.concat(ENTER)), execute$3)
+    ]);
+    const getKeyupRules$4 = constant$1([
+        rule(inSet(ESCAPE), doEscape$1),
+        rule(inSet(SPACE), stopEventForFirefox)
+    ]);
+    var FlatgridType = typical(schema$y, flatgrid$1, getKeydownRules$4, getKeyupRules$4, () => Optional?.some(focusIn$4));
+
+    const f = (container, selector, current, delta, getNewIndex) => {
+        const isDisabledButton = (candidate) => name$3(candidate) === 'button' && get$g(candidate, 'disabled') === 'disabled';
+        const tryNewIndex = (initial, index, candidates) => getNewIndex(initial, index, delta, 0, candidates.length - 1, candidates[index], (newIndex) => isDisabledButton(candidates[newIndex]) ?
+            tryNewIndex(initial, newIndex, candidates) :
+            Optional.from(candidates[newIndex]));
+        // I wonder if this will be a problem when the focused element is invisible (shouldn't happen)
+        return locateVisible(container, current, selector).bind((identified) => {
+            const index = identified.index;
+            const candidates = identified.candidates;
+            return tryNewIndex(index, index, candidates);
+        });
+    };
+    const horizontalWithoutCycles = (container, selector, current, delta) => f(container, selector, current, delta, (prevIndex, v, d, min, max, oldCandidate, onNewIndex) => {
+        const newIndex = clamp(v + d, min, max);
+        return newIndex === prevIndex ? Optional.from(oldCandidate) : onNewIndex(newIndex);
+    });
+    const horizontal = (container, selector, current, delta) => f(container, selector, current, delta, (prevIndex, v, d, min, max, _oldCandidate, onNewIndex) => {
+        const newIndex = cycleBy(v, d, min, max);
+        // If we've cycled back to the original index, we've failed to find a new valid candidate
+        return newIndex === prevIndex ? Optional.none() : onNewIndex(newIndex);
+    });
+
+    const schema$x = [
+        required$1('selector'),
+        defaulted('getInitial', Optional.none),
+        defaulted('execute', defaultExecute),
+        onKeyboardHandler('onEscape'),
+        defaulted('executeOnMove', false),
+        defaulted('allowVertical', true),
+        defaulted('allowHorizontal', true),
+        defaulted('cycles', true)
+    ];
+    // TODO: Remove dupe.
+    // TODO: Probably use this for not just execution.
+    const findCurrent = (component, flowConfig) => flowConfig.focusManager.get(component).bind((elem) => closest$3(elem, flowConfig.selector));
+    const execute$2 = (component, simulatedEvent, flowConfig) => findCurrent(component, flowConfig).bind((focused) => flowConfig.execute(component, simulatedEvent, focused));
+    const focusIn$3 = (component, flowConfig, _state) => {
+        flowConfig.getInitial(component).orThunk(() => descendant(component.element, flowConfig.selector)).each((first) => {
+            flowConfig.focusManager.set(component, first);
+        });
+    };
+    const moveLeft$2 = (element, focused, info) => (info.cycles ? horizontal : horizontalWithoutCycles)(element, info.selector, focused, -1);
+    const moveRight$2 = (element, focused, info) => (info.cycles ? horizontal : horizontalWithoutCycles)(element, info.selector, focused, +1);
+    const doMove$1 = (movement) => (component, simulatedEvent, flowConfig, flowState) => movement(component, simulatedEvent, flowConfig, flowState).bind(() => flowConfig.executeOnMove ?
+        execute$2(component, simulatedEvent, flowConfig) :
+        Optional?.some(true));
+    const doEscape = (component, simulatedEvent, flowConfig) => flowConfig.onEscape(component, simulatedEvent);
+    const getKeydownRules$3 = (_component, _se, flowConfig, _flowState) => {
+        const westMovers = [...flowConfig.allowHorizontal ? LEFT : []].concat(flowConfig.allowVertical ? UP : []);
+        const eastMovers = [...flowConfig.allowHorizontal ? RIGHT : []].concat(flowConfig.allowVertical ? DOWN : []);
+        return [
+            rule(inSet(westMovers), doMove$1(west(moveLeft$2, moveRight$2))),
+            rule(inSet(eastMovers), doMove$1(east(moveLeft$2, moveRight$2))),
+            rule(inSet(ENTER), execute$2),
+            rule(inSet(SPACE), execute$2)
+        ];
+    };
+    const getKeyupRules$3 = constant$1([
+        rule(inSet(SPACE), stopEventForFirefox),
+        rule(inSet(ESCAPE), doEscape)
+    ]);
+    var FlowType = typical(schema$x, NoState.init, getKeydownRules$3, getKeyupRules$3, () => Optional?.some(focusIn$3));
+
+    const toCell = (matrix, rowIndex, columnIndex) => Optional.from(matrix[rowIndex]).bind((row) => Optional.from(row[columnIndex])?.map((cell) => ({
+        rowIndex,
+        columnIndex,
+        cell
+    })));
+    const cycleHorizontal = (matrix, rowIndex, startCol, deltaCol) => {
+        const row = matrix[rowIndex];
+        const colsInRow = row.length;
+        const newColIndex = cycleBy(startCol, deltaCol, 0, colsInRow - 1);
+        return toCell(matrix, rowIndex, newColIndex);
+    };
+    const cycleVertical = (matrix, colIndex, startRow, deltaRow) => {
+        const nextRowIndex = cycleBy(startRow, deltaRow, 0, matrix.length - 1);
+        const colsInNextRow = matrix[nextRowIndex].length;
+        const nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
+        return toCell(matrix, nextRowIndex, nextColIndex);
+    };
+    const moveHorizontal = (matrix, rowIndex, startCol, deltaCol) => {
+        const row = matrix[rowIndex];
+        const colsInRow = row.length;
+        const newColIndex = clamp(startCol + deltaCol, 0, colsInRow - 1);
+        return toCell(matrix, rowIndex, newColIndex);
+    };
+    const moveVertical = (matrix, colIndex, startRow, deltaRow) => {
+        const nextRowIndex = clamp(startRow + deltaRow, 0, matrix.length - 1);
+        const colsInNextRow = matrix[nextRowIndex].length;
+        const nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
+        return toCell(matrix, nextRowIndex, nextColIndex);
+    };
+    // return address(Math.floor(index / columns), index % columns);
+    const cycleRight = (matrix, startRow, startCol) => cycleHorizontal(matrix, startRow, startCol, +1);
+    const cycleLeft = (matrix, startRow, startCol) => cycleHorizontal(matrix, startRow, startCol, -1);
+    const cycleUp = (matrix, startRow, startCol) => cycleVertical(matrix, startCol, startRow, -1);
+    const cycleDown = (matrix, startRow, startCol) => cycleVertical(matrix, startCol, startRow, +1);
+    const moveLeft$1 = (matrix, startRow, startCol) => moveHorizontal(matrix, startRow, startCol, -1);
+    const moveRight$1 = (matrix, startRow, startCol) => moveHorizontal(matrix, startRow, startCol, +1);
+    const moveUp$1 = (matrix, startRow, startCol) => moveVertical(matrix, startCol, startRow, -1);
+    const moveDown$1 = (matrix, startRow, startCol) => moveVertical(matrix, startCol, startRow, +1);
+
+    const schema$w = [
+        requiredObjOf('selectors', [
+            required$1('row'),
+            required$1('cell')
+        ]),
+        // Used to determine whether pressing right/down at the end cycles back to the start/top
+        defaulted('cycles', true),
+        defaulted('previousSelector', Optional.none),
+        defaulted('execute', defaultExecute)
+    ];
+    const focusIn$2 = (component, matrixConfig, _state) => {
+        const focused = matrixConfig.previousSelector(component).orThunk(() => {
+            const selectors = matrixConfig.selectors;
+            return descendant(component.element, selectors.cell);
+        });
+        focused.each((cell) => {
+            matrixConfig.focusManager.set(component, cell);
+        });
+    };
+    const execute$1 = (component, simulatedEvent, matrixConfig) => search(component.element).bind((focused) => matrixConfig.execute(component, simulatedEvent, focused));
+    const toMatrix = (rows, matrixConfig) => map$2(rows, (row) => descendants(row, matrixConfig.selectors.cell));
+    const doMove = (ifCycle, ifMove) => (element, focused, matrixConfig) => {
+        const move = matrixConfig.cycles ? ifCycle : ifMove;
+        return closest$3(focused, matrixConfig.selectors.row).bind((inRow) => {
+            const cellsInRow = descendants(inRow, matrixConfig.selectors.cell);
+            return findIndex(cellsInRow, focused).bind((colIndex) => {
+                const allRows = descendants(element, matrixConfig.selectors.row);
+                return findIndex(allRows, inRow).bind((rowIndex) => {
+                    // Now, make the matrix.
+                    const matrix = toMatrix(allRows, matrixConfig);
+                    return move(matrix, rowIndex, colIndex)?.map((next) => next.cell);
+                });
+            });
+        });
+    };
+    const moveLeft = doMove(cycleLeft, moveLeft$1);
+    const moveRight = doMove(cycleRight, moveRight$1);
+    const moveNorth = doMove(cycleUp, moveUp$1);
+    const moveSouth = doMove(cycleDown, moveDown$1);
+    const getKeydownRules$2 = constant$1([
+        rule(inSet(LEFT), west(moveLeft, moveRight)),
+        rule(inSet(RIGHT), east(moveLeft, moveRight)),
+        rule(inSet(UP), north(moveNorth)),
+        rule(inSet(DOWN), south(moveSouth)),
+        rule(inSet(SPACE.concat(ENTER)), execute$1)
+    ]);
+    const getKeyupRules$2 = constant$1([
+        rule(inSet(SPACE), stopEventForFirefox)
+    ]);
+    var MatrixType = typical(schema$w, NoState.init, getKeydownRules$2, getKeyupRules$2, () => Optional?.some(focusIn$2));
+
+    const schema$v = [
+        required$1('selector'),
+        defaulted('execute', defaultExecute),
+        defaulted('moveOnTab', false)
+    ];
+    const execute = (component, simulatedEvent, menuConfig) => menuConfig.focusManager.get(component).bind((focused) => menuConfig.execute(component, simulatedEvent, focused));
+    const focusIn$1 = (component, menuConfig, _state) => {
+        // Maybe keep selection if it was there before
+        descendant(component.element, menuConfig.selector).each((first) => {
+            menuConfig.focusManager.set(component, first);
+        });
+    };
+    const moveUp = (element, focused, info) => horizontal(element, info.selector, focused, -1);
+    const moveDown = (element, focused, info) => horizontal(element, info.selector, focused, +1);
+    const fireShiftTab = (component, simulatedEvent, menuConfig, menuState) => menuConfig.moveOnTab ? move$1(moveUp)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
+    const fireTab = (component, simulatedEvent, menuConfig, menuState) => menuConfig.moveOnTab ? move$1(moveDown)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
+    const getKeydownRules$1 = constant$1([
+        rule(inSet(UP), move$1(moveUp)),
+        rule(inSet(DOWN), move$1(moveDown)),
+        rule(and([isShift$1, inSet(TAB)]), fireShiftTab),
+        rule(and([isNotShift, inSet(TAB)]), fireTab),
+        rule(inSet(ENTER), execute),
+        rule(inSet(SPACE), execute)
+    ]);
+    const getKeyupRules$1 = constant$1([
+        rule(inSet(SPACE), stopEventForFirefox)
+    ]);
+    var MenuType = typical(schema$v, NoState.init, getKeydownRules$1, getKeyupRules$1, () => Optional?.some(focusIn$1));
+
+    const schema$u = [
+        onKeyboardHandler('onSpace'),
+        onKeyboardHandler('onEnter'),
+        onKeyboardHandler('onShiftEnter'),
+        onKeyboardHandler('onLeft'),
+        onKeyboardHandler('onRight'),
+        onKeyboardHandler('onTab'),
+        onKeyboardHandler('onShiftTab'),
+        onKeyboardHandler('onUp'),
+        onKeyboardHandler('onDown'),
+        onKeyboardHandler('onEscape'),
+        defaulted('stopSpaceKeyup', false),
+        option$3('focusIn')
+    ];
+    const getKeydownRules = (component, simulatedEvent, specialInfo) => [
+        rule(inSet(SPACE), specialInfo.onSpace),
+        rule(and([isNotShift, inSet(ENTER)]), specialInfo.onEnter),
+        rule(and([isShift$1, inSet(ENTER)]), specialInfo.onShiftEnter),
+        rule(and([isShift$1, inSet(TAB)]), specialInfo.onShiftTab),
+        rule(and([isNotShift, inSet(TAB)]), specialInfo.onTab),
+        rule(inSet(UP), specialInfo.onUp),
+        rule(inSet(DOWN), specialInfo.onDown),
+        rule(inSet(LEFT), specialInfo.onLeft),
+        rule(inSet(RIGHT), specialInfo.onRight),
+        rule(inSet(SPACE), specialInfo.onSpace)
+    ];
+    const getKeyupRules = (component, simulatedEvent, specialInfo) => [
+        ...(specialInfo.stopSpaceKeyup ? [rule(inSet(SPACE), stopEventForFirefox)] : []),
+        rule(inSet(ESCAPE), specialInfo.onEscape)
+    ];
+    var SpecialType = typical(schema$u, NoState.init, getKeydownRules, getKeyupRules, (specialInfo) => specialInfo.focusIn);
+
+    const acyclic = AcyclicType.schema();
+    const cyclic = CyclicType.schema();
+    const flow = FlowType.schema();
+    const flatgrid = FlatgridType.schema();
+    const matrix = MatrixType.schema();
+    const execution = ExecutionType.schema();
+    const menu = MenuType.schema();
+    const special = SpecialType.schema();
+
+    var KeyboardBranches = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        acyclic: acyclic,
+        cyclic: cyclic,
+        flow: flow,
+        flatgrid: flatgrid,
+        matrix: matrix,
+        execution: execution,
+        menu: menu,
+        special: special
+    });
+
+    const isFlatgridState = (keyState) => hasNonNullableKey(keyState, 'setGridSize');
+    const Keying = createModes({
+        branchKey: 'mode',
+        branches: KeyboardBranches,
+        name: 'keying',
+        active: {
+            events: (keyingConfig, keyingState) => {
+                const handler = keyingConfig.handler;
+                return handler.toEvents(keyingConfig, keyingState);
+            }
+        },
+        apis: {
+            focusIn: (component, keyConfig, keyState) => {
+                // If we have a custom sendFocusIn function, use that.
+                // Otherwise, we just trigger focus on the outer element.
+                keyConfig.sendFocusIn(keyConfig).fold(() => {
+                    component.getSystem().triggerFocus(component.element, component.element);
+                }, (sendFocusIn) => {
+                    sendFocusIn(component, keyConfig, keyState);
+                });
+            },
+            // These APIs are going to be interesting because they are not
+            // available for all keying modes
+            setGridSize: (component, keyConfig, keyState, numRows, numColumns) => {
+                if (!isFlatgridState(keyState)) {
+                    // eslint-disable-next-line no-console
+                    console.error('Layout does not support setGridSize');
+                }
+                else {
+                    keyState.setGridSize(numRows, numColumns);
+                }
+            }
+        },
+        state: KeyingState
+    });
+
+    const premadeTag = generate$6('alloy-premade');
+    const premade$1 = (comp) => {
+        Object.defineProperty(comp.element.dom, premadeTag, {
+            value: comp.uid,
+            writable: true
+        });
+        return wrap(premadeTag, comp);
+    };
+    const isPremade = (element) => has$2(element.dom, premadeTag);
+    const getPremade = (spec) => get$h(spec, premadeTag);
+    const makeApi = (f) => markAsSketchApi((component, ...rest) => f(component.getApis(), component, ...rest), f);
+
+    const isConnected = (comp) => comp.getSystem().isConnected();
+    const fireDetaching = (component) => {
+        emit(component, detachedFromDom());
+        const children = component.components();
+        each$1(children, fireDetaching);
+    };
+    const fireAttaching = (component) => {
+        const children = component.components();
+        each$1(children, fireAttaching);
+        emit(component, attachedToDom());
+    };
+    // Unlike attach, a virtualAttach makes no actual DOM changes.
+    // This is because it should only be used in a situation
+    // where we are patching an existing element.
+    const virtualAttach = (parent, child) => {
+        // So we still add it to the world
+        parent.getSystem().addToWorld(child);
+        // And we fire attaching ONLY if it's already in the DOM
+        if (inBody(parent.element)) {
+            fireAttaching(child);
+        }
+    };
+    // Unlike detach, a virtualDetach makes no actual DOM changes.
+    // This is because it's used in patching circumstances.
+    const virtualDetach = (comp) => {
+        fireDetaching(comp);
+        comp.getSystem().removeFromWorld(comp);
+    };
+    const attach$1 = (parent, child) => {
+        append$2(parent.element, child.element);
+    };
+    const detachChildren$1 = (component) => {
+        // This will not detach the component, but will detach its children and sync at the end.
+        each$1(component.components(), (childComp) => remove$7(childComp.element));
+        // Clear the component also.
+        empty(component.element);
+        component.syncComponents();
+    };
+    const replaceChildren = (component, newSpecs, buildNewChildren) => {
+        // Detach all existing children
+        const subs = component.components();
+        detachChildren$1(component);
+        const newChildren = buildNewChildren(newSpecs);
+        // Determine which components have been deleted and remove them from the world
+        const deleted = difference(subs, newChildren);
+        each$1(deleted, (comp) => {
+            fireDetaching(comp);
+            component.getSystem().removeFromWorld(comp);
+        });
+        // Add all new components
+        each$1(newChildren, (childComp) => {
+            // If the component isn't connected, ie is new, then we also need to add it to the world
+            if (!isConnected(childComp)) {
+                component.getSystem().addToWorld(childComp);
+                attach$1(component, childComp);
+                if (inBody(component.element)) {
+                    fireAttaching(childComp);
+                }
+            }
+            else {
+                attach$1(component, childComp);
+            }
+        });
+        component.syncComponents();
+    };
+    const virtualReplaceChildren = (component, newSpecs, buildNewChildren) => {
+        // When replacing we don't want to fire detachedFromDom and attachedToDom again for a premade that has just had its position in the children moved around,
+        // so we only detach initially if we aren't a premade. Premades will be detached later, but only if they are no longer in the child list.
+        const subs = component.components();
+        const existingComps = bind$3(newSpecs, (spec) => getPremade(spec).toArray());
+        each$1(subs, (childComp) => {
+            if (!contains$2(existingComps, childComp)) {
+                virtualDetach(childComp);
+            }
+        });
+        const newChildren = buildNewChildren(newSpecs);
+        // Determine which components have been deleted and remove them from the world
+        // It's probable the component has already been detached beforehand so only
+        // detach what's still attached to the world (i.e removed premades)
+        const deleted = difference(subs, newChildren);
+        each$1(deleted, (deletedComp) => {
+            if (isConnected(deletedComp)) {
+                virtualDetach(deletedComp);
+            }
+        });
+        // Add all new components
+        each$1(newChildren, (childComp) => {
+            // If the component isn't connected, ie is new, then we also need to add it to the world
+            if (!isConnected(childComp)) {
+                virtualAttach(component, childComp);
+            }
+        });
+        component.syncComponents();
+    };
+
+    const attach = (parent, child) => {
+        attachWith(parent, child, append$2);
+    };
+    const attachWith = (parent, child, insertion) => {
+        parent.getSystem().addToWorld(child);
+        insertion(parent.element, child.element);
+        if (inBody(parent.element)) {
+            fireAttaching(child);
+        }
+        parent.syncComponents();
+    };
+    const doDetach = (component) => {
+        fireDetaching(component);
+        remove$7(component.element);
+        component.getSystem().removeFromWorld(component);
+    };
+    const detach = (component) => {
+        const parent$1 = parent(component.element).bind((p) => component.getSystem().getByDom(p).toOptional());
+        doDetach(component);
+        parent$1.each((p) => {
+            p.syncComponents();
+        });
+    };
+    const detachChildren = (component) => {
+        // This will not detach the component, but will detach its children and sync at the end.
+        const subs = component.components();
+        each$1(subs, doDetach);
+        // Clear the component also.
+        empty(component.element);
+        component.syncComponents();
+    };
+    const attachSystem = (element, guiSystem) => {
+        attachSystemWith(element, guiSystem, append$2);
+    };
+    const attachSystemAfter = (element, guiSystem) => {
+        attachSystemWith(element, guiSystem, after$1);
+    };
+    const attachSystemWith = (element, guiSystem, inserter) => {
+        inserter(element, guiSystem.element);
+        const children$1 = children(guiSystem.element);
+        each$1(children$1, (child) => {
+            guiSystem.getByDom(child).each(fireAttaching);
+        });
+    };
+    const detachSystem = (guiSystem) => {
+        const children$1 = children(guiSystem.element);
+        each$1(children$1, (child) => {
+            guiSystem.getByDom(child).each(fireDetaching);
+        });
+        remove$7(guiSystem.element);
+    };
+
+    const determineObsoleted = (parent, index, oldObsoleted) => {
+        // When dealing with premades, the process of building something may have moved existing nodes around, so we see
+        // if the child at the index position is still the same. If it isn't, we need to introduce some complex behaviour
+        //
+        // Example:
+        // ```<div><premade></premade><span></span></div>```
+        // and then moving the premade inside a blockquote
+        // ```<div><blockquote><premade></premade></blockquote><span></span></div>```
+        //
+        // so when you go to replace the first thing it would think there is only 1 child which would be the span, so in
+        // this case we insert a marker to keep the span in the same spot.
+        const newObsoleted = child$2(parent, index);
+        return newObsoleted?.map((newObs) => {
+            const elemChanged = oldObsoleted.exists((o) => !eq(o, newObs));
+            // Adding a marker prevents the case where a premade is added to something shifting it from where
+            // it was. That in turn un-synced all trailing children and made it so they couldn't be patched.
+            if (elemChanged) {
+                const oldTag = oldObsoleted?.map(name$3).getOr('span');
+                const marker = SugarElement.fromTag(oldTag);
+                before$1(newObs, marker);
+                return marker;
+            }
+            else {
+                return newObs;
+            }
+        });
+    };
+    const ensureInDom = (parent, child, obsoleted) => {
+        obsoleted.fold(
+        // There is nothing here, so just append to the parent
+        () => append$2(parent, child), (obs) => {
+            if (!eq(obs, child)) {
+                // This situation occurs when the DOM element that has been patched when building it is no
+                // longer the one that we need to replace. This is probably caused by premades.
+                before$1(obs, child);
+                remove$7(obs);
+            }
+        });
+    };
+    const patchChildrenWith = (parent, nu, f) => {
+        const builtChildren = map$2(nu, f);
+        // Need to regather the children in case some of the previous children have moved
+        // to an earlier index. So this just prunes any leftover children in the dom.
+        const currentChildren = children(parent);
+        each$1(currentChildren.slice(builtChildren.length), remove$7);
+        return builtChildren;
+    };
+    const patchSpecChild = (parent, index, spec, build) => {
+        // Before building anything, this is the DOM element we are going to try to use.
+        const oldObsoleted = child$2(parent, index);
+        const childComp = build(spec, oldObsoleted);
+        const obsoleted = determineObsoleted(parent, index, oldObsoleted);
+        ensureInDom(parent, childComp.element, obsoleted);
+        return childComp;
+    };
+    const patchSpecChildren = (parent, specs, build) => patchChildrenWith(parent, specs, (spec, index) => patchSpecChild(parent, index, spec, build));
+    const patchDomChildren = (parent, nodes) => patchChildrenWith(parent, nodes, (node, index) => {
+        const optObsoleted = child$2(parent, index);
+        ensureInDom(parent, node, optObsoleted);
+        return node;
+    });
+
+    const preserve = (f, container) => {
+        const dos = getRootNode(container);
+        const refocus = active$1(dos).bind((focused) => {
+            const hasFocus = (elem) => eq(focused, elem);
+            return hasFocus(container) ? Optional?.some(container) : descendant$1(container, hasFocus);
+        });
+        const result = f(container);
+        // If there is a focussed element, the F function may cause focus to be lost (such as by hiding elements). Restore it afterwards.
+        refocus.each((oldFocus) => {
+            active$1(dos).filter((newFocus) => eq(newFocus, oldFocus)).fold(() => {
+                // Only refocus if the focus has changed, otherwise we break IE
+                focus$4(oldFocus);
+            }, noop);
+        });
+        return result;
+    };
+
+    const withoutReuse = (parent, data) => {
+        preserve(() => {
+            replaceChildren(parent, data, () => map$2(data, parent.getSystem().build));
+        }, parent.element);
+    };
+    const withReuse = (parent, data) => {
+        // Note: We shouldn't need AriaPreserve since we're trying to keep the existing elements,
+        // but let's just do it for now just to be safe.
+        preserve(() => {
+            virtualReplaceChildren(parent, data, () => {
+                // Build the new children
+                return patchSpecChildren(parent.element, data, parent.getSystem().buildOrPatch);
+            });
+        }, parent.element);
+    };
+
+    const virtualReplace = (component, replacee, replaceeIndex, childSpec) => {
+        virtualDetach(replacee);
+        const child = patchSpecChild(component.element, replaceeIndex, childSpec, component.getSystem().buildOrPatch);
+        virtualAttach(component, child);
+        component.syncComponents();
+    };
+    const insert = (component, insertion, childSpec) => {
+        const child = component.getSystem().build(childSpec);
+        attachWith(component, child, insertion);
+    };
+    const replace = (component, replacee, replaceeIndex, childSpec) => {
+        detach(replacee);
+        insert(component, (p, c) => appendAt(p, c, replaceeIndex), childSpec);
+    };
+    const set$3 = (component, replaceConfig, replaceState, data) => {
+        const replacer = replaceConfig.reuseDom ? withReuse : withoutReuse;
+        return replacer(component, data);
+    };
+    const append = (component, replaceConfig, replaceState, appendee) => {
+        insert(component, append$2, appendee);
+    };
+    const prepend = (component, replaceConfig, replaceState, prependee) => {
+        insert(component, prepend$1, prependee);
+    };
+    // NOTE: Removee is going to be a component, not a spec.
+    const remove = (component, replaceConfig, replaceState, removee) => {
+        const children = contents(component);
+        const foundChild = find$5(children, (child) => eq(removee.element, child.element));
+        foundChild.each(detach);
+    };
+    // TODO: Rename
+    const contents = (component, _replaceConfig) => component.components();
+    const replaceAt = (component, replaceConfig, replaceState, replaceeIndex, replacer) => {
+        const children = contents(component);
+        return Optional.from(children[replaceeIndex])?.map((replacee) => {
+            replacer.fold(() => detach(replacee), (r) => {
+                const replacer = replaceConfig.reuseDom ? virtualReplace : replace;
+                replacer(component, replacee, replaceeIndex, r);
+            });
+            return replacee;
+        });
+    };
+    const replaceBy = (component, replaceConfig, replaceState, replaceePred, replacer) => {
+        const children = contents(component);
+        return findIndex$1(children, replaceePred).bind((replaceeIndex) => replaceAt(component, replaceConfig, replaceState, replaceeIndex, replacer));
+    };
+
+    var ReplaceApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        append: append,
+        prepend: prepend,
+        remove: remove,
+        replaceAt: replaceAt,
+        replaceBy: replaceBy,
+        set: set$3,
+        contents: contents
+    });
+
+    const Replacing = create$3({
+        fields: [
+            defaultedBoolean('reuseDom', true)
+        ],
+        name: 'replacing',
+        apis: ReplaceApis
+    });
+
+    // The purpose of this check is to ensure that a simulated focus call is not going
+    // to recurse infinitely. Essentially, if the originator of the focus call is the same
+    // as the element receiving it, and it wasn't its own target, then stop the focus call
+    // and log a warning.
+    const isRecursive = (component, originator, target) => eq(originator, component.element) && !eq(originator, target);
+    const events$g = derive$2([
+        can(focus$3(), (component, simulatedEvent) => {
+            // originator may not always be there. Will need to check this.
+            const event = simulatedEvent.event;
+            const originator = event.originator;
+            const target = event.target;
+            if (isRecursive(component, originator, target)) {
+                // eslint-disable-next-line no-console
+                console.warn(focus$3() + ' did not get interpreted by the desired target. ' +
+                    '\nOriginator: ' + element(originator) +
+                    '\nTarget: ' + element(target) +
+                    '\nCheck the ' + focus$3() + ' event handlers');
+                return false;
+            }
+            else {
+                return true;
+            }
+        })
+    ]);
+
+    var DefaultEvents = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$g
+    });
+
+    const prefix$1 = constant$1('alloy-id-');
+    const idAttr$1 = constant$1('data-alloy-id');
+
+    const prefix = prefix$1();
+    const idAttr = idAttr$1();
+    const write = (label, elem) => {
+        const id = generate$6(prefix + label);
+        writeOnly(elem, id);
+        return id;
+    };
+    const writeOnly = (elem, uid) => {
+        Object.defineProperty(elem.dom, idAttr, {
+            value: uid,
+            writable: true
+        });
+    };
+    const read = (elem) => {
+        const id = isElement$1(elem) ? elem.dom[idAttr] : null;
+        return Optional.from(id);
+    };
+    const generate$4 = (prefix) => generate$6(prefix);
+
+    const make$7 = identity;
+
+    const NoContextApi = (getComp) => {
+        const getMessage = (event) => `The component must be in a context to execute: ${event}` +
+            (getComp ? '\n' + element(getComp().element) + ' is not in context.' : '');
+        const fail = (event) => () => {
+            throw new Error(getMessage(event));
+        };
+        const warn = (event) => () => {
+            // eslint-disable-next-line no-console
+            console.warn(getMessage(event));
+        };
+        return {
+            debugInfo: constant$1('fake'),
+            triggerEvent: warn('triggerEvent'),
+            triggerFocus: warn('triggerFocus'),
+            triggerEscape: warn('triggerEscape'),
+            broadcast: warn('broadcast'),
+            broadcastOn: warn('broadcastOn'),
+            broadcastEvent: warn('broadcastEvent'),
+            build: fail('build'),
+            buildOrPatch: fail('buildOrPatch'),
+            addToWorld: fail('addToWorld'),
+            removeFromWorld: fail('removeFromWorld'),
+            addToGui: fail('addToGui'),
+            removeFromGui: fail('removeFromGui'),
+            getByUid: fail('getByUid'),
+            getByDom: fail('getByDom'),
+            isConnected: never
+        };
+    };
+    const singleton = NoContextApi();
+
+    const generateFrom$1 = (spec, all) => {
+        /*
+         * This takes a basic record of configured behaviours, defaults their state
+         * and ensures that all the behaviours were valid. Will need to document
+         * this entire process. Let's see where this is used.
+         */
+        const schema = map$2(all, (a) => 
+        // Optional here probably just due to ForeignGui listing everything it supports. Can most likely
+        // change it to strict once I fix the other errors.
+        optionObjOf(a.name(), [
+            required$1('config'),
+            defaulted('state', NoState)
+        ]));
+        const validated = asRaw('component.behaviours', objOf(schema), spec.behaviours).fold((errInfo) => {
+            throw new Error(formatError(errInfo) + '\nComplete spec:\n' +
+                JSON.stringify(spec, null, 2));
+        }, identity);
+        return {
+            list: all,
+            data: map$1(validated, (optBlobThunk) => {
+                const output = optBlobThunk?.map((blob) => ({
+                    config: blob.config,
+                    state: blob.state.init(blob.config)
+                }));
+                return constant$1(output);
+            })
+        };
+    };
+    const getBehaviours$3 = (bData) => bData.list;
+    const getData$2 = (bData) => bData.data;
+
+    const byInnerKey = (data, tuple) => {
+        const r = {};
+        each(data, (detail, key) => {
+            each(detail, (value, indexKey) => {
+                const chain = get$h(r, indexKey).getOr([]);
+                r[indexKey] = chain.concat([
+                    tuple(key, value)
+                ]);
+            });
+        });
+        return r;
+    };
+
+    // Based on all the behaviour exhibits, and the original dom modification, identify
+    // the overall combined dom modification that needs to occur
+    const combine$1 = (info, baseMod, behaviours, base) => {
+        // Clone the object so we can change it.
+        const modsByBehaviour = { ...baseMod };
+        each$1(behaviours, (behaviour) => {
+            modsByBehaviour[behaviour.name()] = behaviour.exhibit(info, base);
+        });
+        // byAspect format: { classes: [ { name: Toggling, modification: [ 'selected' ] } ] }
+        const byAspect = byInnerKey(modsByBehaviour, (name, modification) => ({ name, modification }));
+        const combineObjects = (objects) => foldr(objects, (b, a) => ({ ...a.modification, ...b }), {});
+        const combinedClasses = foldr(byAspect.classes, (b, a) => a.modification.concat(b), []);
+        const combinedAttributes = combineObjects(byAspect.attributes);
+        const combinedStyles = combineObjects(byAspect.styles);
+        return nu$2({
+            classes: combinedClasses,
+            attributes: combinedAttributes,
+            styles: combinedStyles
+        });
+    };
+
+    const sortKeys = (label, keyName, array, order) => {
+        try {
+            const sorted = sort(array, (a, b) => {
+                const aKey = a[keyName];
+                const bKey = b[keyName];
+                const aIndex = order.indexOf(aKey);
+                const bIndex = order.indexOf(bKey);
+                if (aIndex === -1) {
+                    throw new Error('The ordering for ' + label + ' does not have an entry for ' + aKey +
+                        '.\nOrder specified: ' + JSON.stringify(order, null, 2));
+                }
+                if (bIndex === -1) {
+                    throw new Error('The ordering for ' + label + ' does not have an entry for ' + bKey +
+                        '.\nOrder specified: ' + JSON.stringify(order, null, 2));
+                }
+                if (aIndex < bIndex) {
+                    return -1;
+                }
+                else if (bIndex < aIndex) {
+                    return 1;
+                }
+                else {
+                    return 0;
+                }
+            });
+            return Result.value(sorted);
+        }
+        catch (err) {
+            return Result.error([err]);
+        }
+    };
+
+    const uncurried = (handler, purpose) => ({
+        handler,
+        purpose
+    });
+    const curried = (handler, purpose) => ({
+        cHandler: handler,
+        purpose
+    });
+    const curryArgs = (descHandler, extraArgs) => curried(curry.apply(undefined, [descHandler.handler].concat(extraArgs)), descHandler.purpose);
+    const getCurried = (descHandler) => descHandler.cHandler;
+
+    const behaviourTuple = (name, handler) => ({
+        name,
+        handler
+    });
+    const nameToHandlers = (behaviours, info) => {
+        const r = {};
+        each$1(behaviours, (behaviour) => {
+            r[behaviour.name()] = behaviour.handlers(info);
+        });
+        return r;
+    };
+    const groupByEvents = (info, behaviours, base) => {
+        const behaviourEvents = {
+            ...base,
+            ...nameToHandlers(behaviours, info)
+        };
+        // Now, with all of these events, we need to index by event name
+        return byInnerKey(behaviourEvents, behaviourTuple);
+    };
+    const combine = (info, eventOrder, behaviours, base) => {
+        const byEventName = groupByEvents(info, behaviours, base);
+        return combineGroups(byEventName, eventOrder);
+    };
+    const assemble = (rawHandler) => {
+        const handler = read$1(rawHandler);
+        return (component, simulatedEvent, ...rest) => {
+            const args = [component, simulatedEvent].concat(rest);
+            if (handler.abort.apply(undefined, args)) {
+                simulatedEvent.stop();
+            }
+            else if (handler.can.apply(undefined, args)) {
+                handler.run.apply(undefined, args);
+            }
+        };
+    };
+    const missingOrderError = (eventName, tuples) => Result.error([
+        'The event (' + eventName + ') has more than one behaviour that listens to it.\nWhen this occurs, you must ' +
+            'specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that ' +
+            'can trigger it are: ' + JSON.stringify(map$2(tuples, (c) => c.name), null, 2)
+    ]);
+    const fuse = (tuples, eventOrder, eventName) => {
+        // ASSUMPTION: tuples.length will never be 0, because it wouldn't have an entry if it was 0
+        const order = eventOrder[eventName];
+        if (!order) {
+            return missingOrderError(eventName, tuples);
+        }
+        else {
+            return sortKeys('Event: ' + eventName, 'name', tuples, order)?.map((sortedTuples) => {
+                const handlers = map$2(sortedTuples, (tuple) => tuple.handler);
+                return fuse$1(handlers);
+            });
+        }
+    };
+    const combineGroups = (byEventName, eventOrder) => {
+        const r = mapToArray(byEventName, (tuples, eventName) => {
+            const combined = tuples.length === 1 ? Result.value(tuples[0].handler) : fuse(tuples, eventOrder, eventName);
+            return combined?.map((handler) => {
+                const assembled = assemble(handler);
+                const purpose = tuples.length > 1 ? filter$2(eventOrder[eventName], (o) => exists(tuples, (t) => t.name === o)).join(' > ') : tuples[0].name;
+                return wrap(eventName, uncurried(assembled, purpose));
+            });
+        });
+        return consolidate(r, {});
+    };
+
+    const baseBehaviour = 'alloy.base.behaviour';
+    const schema$t = objOf([
+        field$1('dom', 'dom', required$2(), objOf([
+            // Note, no children.
+            required$1('tag'),
+            defaulted('styles', {}),
+            defaulted('classes', []),
+            defaulted('attributes', {}),
+            option$3('value'),
+            option$3('innerHtml')
+        ])),
+        required$1('components'),
+        required$1('uid'),
+        defaulted('events', {}),
+        defaulted('apis', {}),
+        // Use mergeWith in the future when pre-built behaviours conflict
+        field$1('eventOrder', 'eventOrder', mergeWith({
+            // Note, not using constant behaviour names to avoid code size of unused behaviours
+            [execute$5()]: ['disabling', baseBehaviour, 'toggling', 'typeaheadevents'],
+            [focus$3()]: [baseBehaviour, 'focusing', 'keying'],
+            [systemInit()]: [baseBehaviour, 'disabling', 'toggling', 'representing', 'tooltipping'],
+            [input()]: [baseBehaviour, 'representing', 'streaming', 'invalidating'],
+            [detachedFromDom()]: [baseBehaviour, 'representing', 'item-events', 'toolbar-button-events', 'tooltipping'],
+            [mousedown()]: ['focusing', baseBehaviour, 'item-type-events'],
+            [touchstart()]: ['focusing', baseBehaviour, 'item-type-events'],
+            [mouseover()]: ['item-type-events', 'tooltipping'],
+            [receive()]: ['receiving', 'reflecting', 'tooltipping']
+        }), anyValue()),
+        option$3('domModification')
+    ]);
+    const toInfo = (spec) => asRaw('custom.definition', schema$t, spec);
+    const toDefinition = (detail) => 
+    // EFFICIENCY: Consider not merging here.
+    ({
+        ...detail.dom,
+        uid: detail.uid,
+        domChildren: map$2(detail.components, (comp) => comp.element)
+    });
+    const toModification = (detail) => detail.domModification.fold(() => nu$2({}), nu$2);
+    const toEvents = (info) => info.events;
+
+    const diffKeyValueSet = (newObj, oldObj) => {
+        const newKeys = keys(newObj);
+        const oldKeys = keys(oldObj);
+        const toRemove = difference(oldKeys, newKeys);
+        const toSet = bifilter(newObj, (v, k) => {
+            return !has$2(oldObj, k) || v !== oldObj[k];
+        }).t;
+        return { toRemove, toSet };
+    };
+    const reconcileToDom = (definition, obsoleted) => {
+        const { class: clazz, style, ...existingAttributes } = clone$2(obsoleted);
+        const { toSet: attrsToSet, toRemove: attrsToRemove } = diffKeyValueSet(definition.attributes, existingAttributes);
+        const updateAttrs = () => {
+            each$1(attrsToRemove, (a) => remove$8(obsoleted, a));
+            setAll$1(obsoleted, attrsToSet);
+        };
+        const existingStyles = getAllRaw(obsoleted);
+        const { toSet: stylesToSet, toRemove: stylesToRemove } = diffKeyValueSet(definition.styles, existingStyles);
+        const updateStyles = () => {
+            each$1(stylesToRemove, (s) => remove$6(obsoleted, s));
+            setAll(obsoleted, stylesToSet);
+        };
+        const existingClasses = get$7(obsoleted);
+        const classesToRemove = difference(existingClasses, definition.classes);
+        const classesToAdd = difference(definition.classes, existingClasses);
+        const updateClasses = () => {
+            add$1(obsoleted, classesToAdd);
+            remove$2(obsoleted, classesToRemove);
+        };
+        const updateHtml = (html) => {
+            set$8(obsoleted, html);
+        };
+        const updateChildren = () => {
+            const children = definition.domChildren;
+            patchDomChildren(obsoleted, children);
+        };
+        const updateValue = () => {
+            const valueElement = obsoleted;
+            const value = definition.value.getOrUndefined();
+            if (value !== get$5(valueElement)) {
+                // TINY-8736: Value.set throws an error in case the value is undefined
+                set$4(valueElement, value !== null && value !== void 0 ? value : '');
+            }
+        };
+        updateAttrs();
+        updateClasses();
+        updateStyles();
+        // Patching can only support one form of children, so we only update the html or the children, but never both
+        definition.innerHtml.fold(updateChildren, updateHtml);
+        updateValue();
+        return obsoleted;
+    };
+
+    const introduceToDom = (definition) => {
+        const subject = SugarElement.fromTag(definition.tag);
+        setAll$1(subject, definition.attributes);
+        add$1(subject, definition.classes);
+        setAll(subject, definition.styles);
+        // Remember: Order of innerHtml vs children is important.
+        definition.innerHtml.each((html) => set$8(subject, html));
+        // Children are already elements.
+        const children = definition.domChildren;
+        append$1(subject, children);
+        definition.value.each((value) => {
+            set$4(subject, value);
+        });
+        return subject;
+    };
+    const attemptPatch = (definition, obsoleted) => {
+        try {
+            const e = reconcileToDom(definition, obsoleted);
+            return Optional?.some(e);
+        }
+        catch (_a) {
+            return Optional.none();
+        }
+    };
+    // If a component has both innerHtml and children then we can't patch it
+    const hasMixedChildren = (definition) => definition.innerHtml.isSome() && definition.domChildren.length > 0;
+    const renderToDom = (definition, optObsoleted) => {
+        // If the current tag doesn't match, let's not try to add anything further down the tree.
+        // If it does match though and we don't have mixed children then attempt to patch attributes etc...
+        const canBePatched = (candidate) => name$3(candidate) === definition.tag && !hasMixedChildren(definition) && !isPremade(candidate);
+        const elem = optObsoleted
+            .filter(canBePatched)
+            .bind((obsoleted) => attemptPatch(definition, obsoleted))
+            .getOrThunk(() => introduceToDom(definition));
+        writeOnly(elem, definition.uid);
+        return elem;
+    };
+
+    // This goes through the list of behaviours defined for a particular spec (removing anything
+    // that has been revoked), and returns the BehaviourType (e.g. Sliding)
+    const getBehaviours$2 = (spec) => {
+        const behaviours = get$h(spec, 'behaviours').getOr({});
+        return bind$3(keys(behaviours), (name) => {
+            const behaviour = behaviours[name];
+            return isNonNullable(behaviour) ? [behaviour.me] : [];
+        });
+    };
+    const generateFrom = (spec, all) => generateFrom$1(spec, all);
+    const generate$3 = (spec) => {
+        const all = getBehaviours$2(spec);
+        return generateFrom(spec, all);
+    };
+
+    // This is probably far too complicated. I think DomModification is probably
+    // questionable as a concept. Maybe it should be deprecated.
+    const getDomDefinition = (info, bList, bData) => {
+        // Get the current DOM definition from the spec
+        const definition = toDefinition(info);
+        // Get the current DOM modification definition from the spec
+        const infoModification = toModification(info);
+        // Treat the DOM modification like it came from a behaviour
+        const baseModification = {
+            'alloy.base.modification': infoModification
+        };
+        // Combine the modifications from any defined behaviours
+        const modification = bList.length > 0 ? combine$1(bData, baseModification, bList, definition) : infoModification;
+        // Transform the DOM definition with the combined dom modifications to make a new DOM definition
+        return merge(definition, modification);
+    };
+    const getEvents = (info, bList, bData) => {
+        const baseEvents = {
+            'alloy.base.behaviour': toEvents(info)
+        };
+        return combine(bData, info.eventOrder, bList, baseEvents).getOrDie();
+    };
+    const build$2 = (spec, obsoleted) => {
+        const getMe = () => me;
+        const systemApi = Cell(singleton);
+        const info = getOrDie(toInfo(spec));
+        const bBlob = generate$3(spec);
+        const bList = getBehaviours$3(bBlob);
+        const bData = getData$2(bBlob);
+        const modDefinition = getDomDefinition(info, bList, bData);
+        const item = renderToDom(modDefinition, obsoleted);
+        const events = getEvents(info, bList, bData);
+        const subcomponents = Cell(info.components);
+        const connect = (newApi) => {
+            systemApi.set(newApi);
+        };
+        const disconnect = () => {
+            systemApi.set(NoContextApi(getMe));
+        };
+        const syncComponents = () => {
+            // Update the component list with the current children
+            const children$1 = children(item);
+            // INVESTIGATE: Not sure about how to handle text nodes here.
+            const subs = bind$3(children$1, (child) => systemApi.get().getByDom(child).fold(() => [], pure$2));
+            subcomponents.set(subs);
+        };
+        // TYPIFY (any here is for the info.apis() pathway)
+        const config = (behaviour) => {
+            const b = bData;
+            const f = isFunction(b[behaviour.name()]) ? b[behaviour.name()] : () => {
+                throw new Error('Could not find ' + behaviour.name() + ' in ' + JSON.stringify(spec, null, 2));
+            };
+            return f();
+        };
+        const hasConfigured = (behaviour) => isFunction(bData[behaviour.name()]);
+        const getApis = () => info.apis;
+        const readState = (behaviourName) => bData[behaviourName]()?.map((b) => b.state.readState()).getOr('not enabled');
+        const me = {
+            uid: spec.uid,
+            getSystem: systemApi.get,
+            config,
+            hasConfigured,
+            spec,
+            readState,
+            getApis,
+            connect,
+            disconnect,
+            element: item,
+            syncComponents,
+            components: subcomponents.get,
+            events
+        };
+        return me;
+    };
+
+    const buildSubcomponents = (spec, obsoleted) => {
+        const components = get$h(spec, 'components').getOr([]);
+        return obsoleted.fold(() => map$2(components, build$1), (obs) => map$2(components, (c, i) => {
+            return buildOrPatch(c, child$2(obs, i));
+        }));
+    };
+    const buildFromSpec = (userSpec, obsoleted) => {
+        const { events: specEvents, ...spec } = make$7(userSpec);
+        // Build the subcomponents. A spec hierarchy is built from the bottom up.
+        // obsoleted is used to define which element we are attempting to replace
+        // so that it might be used to patch the DOM instead of recreate it.
+        const components = buildSubcomponents(spec, obsoleted);
+        const completeSpec = {
+            ...spec,
+            events: { ...DefaultEvents, ...specEvents },
+            components
+        };
+        return Result.value(
+        // Note, this isn't a spec any more, because it has built children
+        build$2(completeSpec, obsoleted));
+    };
+    const text$2 = (textContent) => {
+        const element = SugarElement.fromText(textContent);
+        return external({
+            element
+        });
+    };
+    const external = (spec) => {
+        const extSpec = asRawOrDie$1('external.component', objOfOnly([
+            required$1('element'),
+            option$3('uid')
+        ]), spec);
+        const systemApi = Cell(NoContextApi());
+        const connect = (newApi) => {
+            systemApi.set(newApi);
+        };
+        const disconnect = () => {
+            systemApi.set(NoContextApi(() => me));
+        };
+        const uid = extSpec.uid.getOrThunk(() => generate$4('external'));
+        writeOnly(extSpec.element, uid);
+        const me = {
+            uid,
+            getSystem: systemApi.get,
+            config: Optional.none,
+            hasConfigured: never,
+            connect,
+            disconnect,
+            getApis: () => ({}),
+            element: extSpec.element,
+            spec,
+            readState: constant$1('No state'),
+            syncComponents: noop,
+            components: constant$1([]),
+            events: {}
+        };
+        return premade$1(me);
+    };
+    // We experimented with just having a counter for efficiency, but that fails for situations
+    // where an external JS file is using alloy, and is contained within another
+    // alloy root container. The ids can conflict, because the counters do not
+    // know about each other (being parts of separate scripts).
+    //
+    // There are other solutions than this ... not sure if they are going to have better performance, though
+    const uids = generate$4;
+    const isSketchSpec$1 = (spec) => has$2(spec, 'uid');
+    // INVESTIGATE: A better way to provide 'meta-specs'
+    const buildOrPatch = (spec, obsoleted) => getPremade(spec).getOrThunk(() => {
+        // EFFICIENCY: Consider not merging here, and passing uid through separately
+        const userSpecWithUid = isSketchSpec$1(spec) ? spec : {
+            uid: uids(''),
+            ...spec
+        };
+        return buildFromSpec(userSpecWithUid, obsoleted).getOrDie();
+    });
+    const build$1 = (spec) => buildOrPatch(spec, Optional.none());
+    const premade = premade$1;
+
+    // Mark this component as busy, or blocked.
+    const block = (component, config, state, 
+    // This works in conjunction with the 'getRoot' function in the config. To
+    // attach a blocker component to the dom, ensure that 'getRoot' returns a
+    // component, and this function returns the specification of the component to
+    // attach.
+    getBusySpec) => {
+        set$9(component.element, 'aria-busy', true);
+        const root = config.getRoot(component).getOr(component);
+        const blockerBehaviours = derive$1([
+            // Trap the "Tab" key and don't let it escape.
+            Keying.config({
+                mode: 'special',
+                onTab: () => Optional?.some(true),
+                onShiftTab: () => Optional?.some(true)
+            }),
+            Focusing.config({})
+        ]);
+        const blockSpec = getBusySpec(root, blockerBehaviours);
+        const blocker = root.getSystem().build(blockSpec);
+        Replacing.append(root, premade(blocker));
+        if (blocker.hasConfigured(Keying) && config.focus) {
+            Keying.focusIn(blocker);
+        }
+        if (!state.isBlocked()) {
+            config.onBlock(component);
+        }
+        state.blockWith(() => Replacing.remove(root, blocker));
+    };
+    // Mark this component as unblocked, or not busy. This is a noop on a component
+    // that isn't blocked.
+    const unblock = (component, config, state) => {
+        remove$8(component.element, 'aria-busy');
+        if (state.isBlocked()) {
+            config.onUnblock(component);
+        }
+        state.clear();
+    };
+    const isBlocked = (component, blockingConfig, blockingState) => blockingState.isBlocked();
+
+    var BlockingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        block: block,
+        unblock: unblock,
+        isBlocked: isBlocked
+    });
+
+    var BlockingSchema = [
+        // The blocking behaviour places a blocking element over the DOM while the
+        // component is in the blocked state. If a function is provided here that
+        // returns Some, then the blocking element will be added as a child of the
+        // element returned. Otherwise, it will be added as a child of the main
+        // component.
+        defaultedFunction('getRoot', Optional.none),
+        // This boolean, if provided, will specify whether the blocking element is
+        // focused when the component is first blocked
+        defaultedBoolean('focus', true),
+        // This function, if provided, will be called any time the component is
+        // blocked (unless it was already blocked).
+        onHandler('onBlock'),
+        // This function, if provided, will be called any time the component is
+        // unblocked (unless it was already unblocked).
+        onHandler('onUnblock')
+    ];
+
+    const init$f = () => {
+        const blocker = destroyable();
+        const blockWith = (destroy) => {
+            blocker.set({ destroy });
+        };
+        return nu$4({
+            readState: blocker.isSet,
+            blockWith,
+            clear: blocker.clear,
+            isBlocked: blocker.isSet
+        });
+    };
+
+    var BlockingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$f
+    });
+
+    // Mark a component as able to be "Blocked" or able to enter a busy state. See
+    // BlockingSchema and BlockingApis for more details on how to configure this.
+    const Blocking = create$3({
+        fields: BlockingSchema,
+        name: 'blocking',
+        apis: BlockingApis,
+        state: BlockingState
+    });
+
+    const getCurrent = (component, composeConfig, _composeState) => composeConfig.find(component);
+
+    var ComposeApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getCurrent: getCurrent
+    });
+
+    const ComposeSchema = [
+        required$1('find')
+    ];
+
+    const Composing = create$3({
+        fields: ComposeSchema,
+        name: 'composing',
+        apis: ComposeApis
+    });
+
+    const getCoupled = (component, coupleConfig, coupleState, name) => coupleState.getOrCreate(component, coupleConfig, name);
+    const getExistingCoupled = (component, coupleConfig, coupleState, name) => coupleState.getExisting(component, coupleConfig, name);
+
+    var CouplingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getCoupled: getCoupled,
+        getExistingCoupled: getExistingCoupled
+    });
+
+    var CouplingSchema = [
+        requiredOf('others', setOf(Result.value, anyValue()))
+    ];
+
+    // Unfortunately, the Coupling APIs currently throw errors when the coupled name
+    // is not recognised. This is because if the wrong name is used, it is a
+    // non-recoverable error, and the developer should be notified. However, there are
+    // better ways to do this: (removing this API and only returning Optionals/Results)
+    const init$e = () => {
+        const coupled = {};
+        const lookupCoupled = (coupleConfig, coupledName) => {
+            const available = keys(coupleConfig.others);
+            if (available.length === 0) {
+                throw new Error('Cannot find any known coupled components');
+            }
+            else {
+                return get$h(coupled, coupledName);
+            }
+        };
+        const getOrCreate = (component, coupleConfig, name) => {
+            return lookupCoupled(coupleConfig, name).getOrThunk(() => {
+                // TODO: TINY-9014 Likely type error. coupleConfig.others[key] is
+                // `() => ((comp: AlloyComponent) => AlloySpec)`,
+                // but builder is being treated as a `(comp: AlloyComponent) => AlloySpec`
+                const builder = get$h(coupleConfig.others, name).getOrDie('No information found for coupled component: ' + name);
+                const spec = builder(component);
+                const built = component.getSystem().build(spec);
+                coupled[name] = built;
+                return built;
+            });
+        };
+        const getExisting = (component, coupleConfig, name) => {
+            return lookupCoupled(coupleConfig, name).orThunk(() => {
+                // Validate we recognise this coupled component's name.
+                get$h(coupleConfig.others, name).getOrDie('No information found for coupled component: ' + name);
+                // It's a valid name, so return None, because it hasn't been built yet.
+                return Optional.none();
+            });
+        };
+        const readState = constant$1({});
+        return nu$4({
+            readState,
+            getExisting,
+            getOrCreate
+        });
+    };
+
+    var CouplingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$e
+    });
+
+    const Coupling = create$3({
+        fields: CouplingSchema,
+        name: 'coupling',
+        apis: CouplingApis,
+        state: CouplingState
+    });
+
+    // Just use "disabled" attribute for these, not "aria-disabled"
+    const nativeDisabled = [
+        'input',
+        'button',
+        'textarea',
+        'select'
+    ];
+    const onLoad$5 = (component, disableConfig, disableState) => {
+        const f = disableConfig.disabled() ? disable : enable;
+        f(component, disableConfig);
+    };
+    const hasNative = (component, config) => config.useNative === true && contains$2(nativeDisabled, name$3(component.element));
+    const nativeIsDisabled = (component) => has$1(component.element, 'disabled');
+    const nativeDisable = (component) => {
+        set$9(component.element, 'disabled', 'disabled');
+    };
+    const nativeEnable = (component) => {
+        remove$8(component.element, 'disabled');
+    };
+    const ariaIsDisabled = (component) => get$g(component.element, 'aria-disabled') === 'true';
+    const ariaDisable = (component) => {
+        set$9(component.element, 'aria-disabled', 'true');
+    };
+    const ariaEnable = (component) => {
+        set$9(component.element, 'aria-disabled', 'false');
+    };
+    const disable = (component, disableConfig, _disableState) => {
+        disableConfig.disableClass.each((disableClass) => {
+            add$2(component.element, disableClass);
+        });
+        const f = hasNative(component, disableConfig) ? nativeDisable : ariaDisable;
+        f(component);
+        disableConfig.onDisabled(component);
+    };
+    const enable = (component, disableConfig, _disableState) => {
+        disableConfig.disableClass.each((disableClass) => {
+            remove$3(component.element, disableClass);
+        });
+        const f = hasNative(component, disableConfig) ? nativeEnable : ariaEnable;
+        f(component);
+        disableConfig.onEnabled(component);
+    };
+    const isDisabled$1 = (component, disableConfig) => hasNative(component, disableConfig) ? nativeIsDisabled(component) : ariaIsDisabled(component);
+    const set$2 = (component, disableConfig, disableState, disabled) => {
+        const f = disabled ? disable : enable;
+        f(component, disableConfig);
+    };
+
+    var DisableApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        enable: enable,
+        disable: disable,
+        isDisabled: isDisabled$1,
+        onLoad: onLoad$5,
+        set: set$2
+    });
+
+    const exhibit$5 = (base, disableConfig) => nu$2({
+        // Do not add the attribute yet, because it will depend on the node name
+        // if we use "aria-disabled" or just "disabled"
+        classes: disableConfig.disabled() ? disableConfig.disableClass.toArray() : []
+    });
+    const events$f = (disableConfig, disableState) => derive$2([
+        abort(execute$5(), (component, _simulatedEvent) => isDisabled$1(component, disableConfig)),
+        loadEvent(disableConfig, disableState, onLoad$5)
+    ]);
+
+    var ActiveDisable = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$5,
+        events: events$f
+    });
+
+    var DisableSchema = [
+        defaultedFunction('disabled', never),
+        defaulted('useNative', true),
+        option$3('disableClass'),
+        onHandler('onDisabled'),
+        onHandler('onEnabled')
+    ];
+
+    const Disabling = create$3({
+        fields: DisableSchema,
+        name: 'disabling',
+        active: ActiveDisable,
+        apis: DisableApis
+    });
+
+    const NuPositionCss = (position, left, top, right, bottom) => {
+        const toPx = (num) => num + 'px';
+        return {
+            position,
+            left: left?.map(toPx),
+            top: top?.map(toPx),
+            right: right?.map(toPx),
+            bottom: bottom?.map(toPx)
+        };
+    };
+    const toOptions = (position) => ({
+        ...position,
+        position: Optional?.some(position.position)
+    });
+    const applyPositionCss = (element, position) => {
+        setOptions(element, toOptions(position));
+    };
+
+    const appear = (component, contextualInfo) => {
+        const elem = component.element;
+        add$2(elem, contextualInfo.transitionClass);
+        remove$3(elem, contextualInfo.fadeOutClass);
+        add$2(elem, contextualInfo.fadeInClass);
+        contextualInfo.onShow(component);
+    };
+    const disappear = (component, contextualInfo) => {
+        const elem = component.element;
+        add$2(elem, contextualInfo.transitionClass);
+        remove$3(elem, contextualInfo.fadeInClass);
+        add$2(elem, contextualInfo.fadeOutClass);
+        contextualInfo.onHide(component);
+    };
+    const isPartiallyVisible = (box, bounds) => box.y < bounds.bottom && box.bottom > bounds.y;
+    const isTopCompletelyVisible = (box, bounds) => box.y >= bounds.y;
+    const isBottomCompletelyVisible = (box, bounds) => box.bottom <= bounds.bottom;
+    const forceTopPosition = (winBox, leftX, viewport) => ({
+        location: 'top',
+        leftX,
+        topY: viewport.bounds.y - winBox.y
+    });
+    const forceBottomPosition = (winBox, leftX, viewport) => ({
+        location: 'bottom',
+        leftX,
+        bottomY: winBox.bottom - viewport.bounds.bottom
+    });
+    const getDockedLeftPosition = (bounds) => {
+        // Essentially, we are just getting the bounding client rect left here,
+        // because winBox.x will be the scroll value.
+        return bounds.box.x - bounds.win.x;
+    };
+    const tryDockingPosition = (modes, bounds, viewport) => {
+        const winBox = bounds.win;
+        const box = bounds.box;
+        const leftX = getDockedLeftPosition(bounds);
+        return findMap(modes, (mode) => {
+            switch (mode) {
+                case 'bottom':
+                    return !isBottomCompletelyVisible(box, viewport.bounds) ? Optional?.some(forceBottomPosition(winBox, leftX, viewport)) : Optional.none();
+                case 'top':
+                    return !isTopCompletelyVisible(box, viewport.bounds) ? Optional?.some(forceTopPosition(winBox, leftX, viewport)) : Optional.none();
+                default:
+                    return Optional.none();
+            }
+        }).getOr({
+            location: 'no-dock'
+        });
+    };
+    const isVisibleForModes = (modes, box, viewport) => forall(modes, (mode) => {
+        switch (mode) {
+            case 'bottom':
+                return isBottomCompletelyVisible(box, viewport.bounds);
+            case 'top':
+                return isTopCompletelyVisible(box, viewport.bounds);
+        }
+    });
+    const getXYForRestoring = (pos, viewport) => {
+        const priorY = viewport.optScrollEnv.fold(constant$1(pos.bounds.y), (scrollEnv) => scrollEnv.scrollElmTop + (pos.bounds.y - scrollEnv.currentScrollTop));
+        return SugarPosition(pos.bounds.x, priorY);
+    };
+    const getXYForSaving = (box, viewport) => {
+        const priorY = viewport.optScrollEnv.fold(constant$1(box.y), (scrollEnv) => box.y + scrollEnv.currentScrollTop - scrollEnv.scrollElmTop);
+        return SugarPosition(box.x, priorY);
+    };
+    const getPrior = (elem, viewport, state) => state.getInitialPos()?.map((pos) => {
+        const xy = getXYForRestoring(pos, viewport);
+        return {
+            box: bounds(xy.left, xy.top, get$c(elem), get$d(elem)),
+            location: pos.location
+        };
+    });
+    const storePrior = (elem, box, viewport, state, decision) => {
+        const xy = getXYForSaving(box, viewport);
+        const bounds$1 = bounds(xy.left, xy.top, box.width, box.height);
+        state.setInitialPos({
+            style: getAllRaw(elem),
+            position: get$e(elem, 'position') || 'static',
+            bounds: bounds$1,
+            location: decision.location
+        });
+    };
+    // When we are using APIs like forceDockToTop, then we only want to store the previous position
+    // if we weren't already docked. Otherwise, we still want to move the component, but keep its old
+    // restore values
+    const storePriorIfNone = (elem, box, viewport, state, decision) => {
+        state.getInitialPos().fold(() => storePrior(elem, box, viewport, state, decision), () => noop);
+    };
+    const revertToOriginal = (elem, box, state) => state.getInitialPos().bind((position) => {
+        var _a;
+        state.clearInitialPos();
+        switch (position.position) {
+            case 'static':
+                return Optional?.some({
+                    morph: 'static'
+                });
+            case 'absolute':
+                const offsetParent = getOffsetParent(elem).getOr(body());
+                const offsetBox = box$1(offsetParent);
+                // Adding the scrollDelta here may not be the right solution. The basic problem is that the
+                // rest of the code isn't considering whether its absolute or not, and where the offset parent
+                // is. In the situation where the offset parent is *inside* the scrolling environment, then
+                // we don't need to consider the scroll, and that's what getXYForRestoring does ... it removes
+                // the scroll. We don't need to consider the scroll because the sink is already affected by the
+                // scroll. However, when the sink IS the scroller, its position is not moved by scrolling. But the
+                // positions of everything inside it needs to consider the scroll. So we add the scroll value.
+                //
+                // This might also be a bit naive. It's possible that we need to check that the offsetParent
+                // is THE scroller, not just that it has a scroll value. For example, if the offset parent
+                // was the body, and the body had a scroll, this might give unexpected results. That's somewhat
+                // countered by the fact that if the offset parent is outside the scroller, then you don't really
+                // have a scrolling environment any more, because the offset parent isn't going to be impacted
+                // at all by the scroller
+                const scrollDelta = (_a = offsetParent.dom.scrollTop) !== null && _a !== void 0 ? _a : 0;
+                return Optional?.some({
+                    morph: 'absolute',
+                    positionCss: NuPositionCss('absolute', get$h(position.style, 'left')?.map((_left) => box.x - offsetBox.x), get$h(position.style, 'top')?.map((_top) => box.y - offsetBox.y + scrollDelta), get$h(position.style, 'right')?.map((_right) => offsetBox.right - box.right), get$h(position.style, 'bottom')?.map((_bottom) => offsetBox.bottom - box.bottom))
+                });
+            default:
+                return Optional.none();
+        }
+    });
+    const tryMorphToOriginal = (elem, viewport, state) => getPrior(elem, viewport, state)
+        .filter(({ box }) => isVisibleForModes(state.getModes(), box, viewport))
+        .bind(({ box }) => revertToOriginal(elem, box, state));
+    const tryDecisionToFixedMorph = (decision) => {
+        switch (decision.location) {
+            case 'top': {
+                // We store our current position so we can revert to it once it's
+                // visible again.
+                return Optional?.some({
+                    morph: 'fixed',
+                    positionCss: NuPositionCss('fixed', Optional?.some(decision.leftX), Optional?.some(decision.topY), Optional.none(), Optional.none())
+                });
+            }
+            case 'bottom': {
+                // We store our current position so we can revert to it once it's
+                // visible again.
+                return Optional?.some({
+                    morph: 'fixed',
+                    positionCss: NuPositionCss('fixed', Optional?.some(decision.leftX), Optional.none(), Optional.none(), Optional?.some(decision.bottomY))
+                });
+            }
+            default:
+                return Optional.none();
+        }
+    };
+    const tryMorphToFixed = (elem, viewport, state) => {
+        const box = box$1(elem);
+        const winBox = win();
+        const decision = tryDockingPosition(state.getModes(), {
+            win: winBox,
+            box
+        }, viewport);
+        if (decision.location === 'top' || decision.location === 'bottom') {
+            // We are moving from undocked to docked, so store the previous location
+            // so that we can restore it when we switch out of docking (back to undocked)
+            storePrior(elem, box, viewport, state, decision);
+            return tryDecisionToFixedMorph(decision);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const tryMorphToOriginalOrUpdateFixed = (elem, viewport, state) => {
+        // When a "docked" element is docked to the top of a scroll container (due to optScrollEnv in
+        // viewport), we need to reposition its fixed if the scroll container has itself moved its top position.
+        // This isn't required when the docking is to the top of the window, because the entire window cannot
+        // be scrolled up and down the page - it is the page.
+        //
+        // Imagine a situation where the toolbar has docked to the top of the scroll container, which is at
+        // y = 200. Now, when the user scrolls the page another 50px down the page, the top of the scroll
+        // container will now be 150px, but the "fixed" toolbar will still be at "200px". So this is a morph
+        // from "fixed" to "fixed", but with new coordinates. So if we can't morph to original from "fixed",
+        // we try to update our "fixed" position (if we have a scrolling environment in the viewport)
+        return tryMorphToOriginal(elem, viewport, state)
+            .orThunk(() => {
+            // Importantly, we don't update our stored position for the element before "docking", because
+            // this is a transition between "docked" and "docked", not "undocked" and "docked". We want to
+            // keep our undocked position in our store, not a docked position.
+            // So we don't change our stored position. We just improve our fixed.
+            return viewport.optScrollEnv
+                .bind((_) => getPrior(elem, viewport, state))
+                .bind(({ box, location }) => {
+                const winBox = win();
+                const leftX = getDockedLeftPosition({ win: winBox, box });
+                // Keep the same docking location
+                const decision = location === 'top'
+                    ? forceTopPosition(winBox, leftX, viewport)
+                    : forceBottomPosition(winBox, leftX, viewport);
+                return tryDecisionToFixedMorph(decision);
+            });
+        });
+    };
+    const tryMorph = (component, viewport, state) => {
+        const elem = component.element;
+        const isDocked = is$1(getRaw(elem, 'position'), 'fixed');
+        return isDocked
+            ? tryMorphToOriginalOrUpdateFixed(elem, viewport, state)
+            : tryMorphToFixed(elem, viewport, state);
+    };
+    // The difference between the "calculate" functions and the "try" functions is that the "try" functions
+    // will first consider whether there is a need to morph, whereas the "calculate" functions will just
+    // give you the morph details, bypassing the check to see if it's needed
+    const calculateMorphToOriginal = (component, viewport, state) => {
+        const elem = component.element;
+        return getPrior(elem, viewport, state)
+            .bind(({ box }) => revertToOriginal(elem, box, state));
+    };
+    const forceDockWith = (elem, viewport, state, getDecision) => {
+        const box = box$1(elem);
+        const winBox = win();
+        const leftX = getDockedLeftPosition({ win: winBox, box });
+        const decision = getDecision(winBox, leftX, viewport);
+        if (decision.location === 'bottom' || decision.location === 'top') {
+            // We only want to store the values if we aren't already docking. If we are already docking, then
+            // we just want to move the element, without updating where it started originally
+            storePriorIfNone(elem, box, viewport, state, decision);
+            return tryDecisionToFixedMorph(decision);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+
+    const morphToStatic = (component, config, state) => {
+        state.setDocked(false);
+        each$1(['left', 'right', 'top', 'bottom', 'position'], (prop) => remove$6(component.element, prop));
+        config.onUndocked(component);
+    };
+    const morphToCoord = (component, config, state, position) => {
+        const isDocked = position.position === 'fixed';
+        state.setDocked(isDocked);
+        applyPositionCss(component.element, position);
+        const method = isDocked ? config.onDocked : config.onUndocked;
+        method(component);
+    };
+    const updateVisibility = (component, config, state, viewport, morphToDocked = false) => {
+        config.contextual.each((contextInfo) => {
+            // Make the dockable component disappear if the context is outside the viewport
+            contextInfo.lazyContext(component).each((box) => {
+                const isVisible = isPartiallyVisible(box, viewport.bounds);
+                if (isVisible !== state.isVisible()) {
+                    state.setVisible(isVisible);
+                    // If morphing to docked and the context isn't visible then immediately set
+                    // the fadeout class and don't worry about transitioning, as the context
+                    // would never have been in view while docked
+                    if (morphToDocked && !isVisible) {
+                        add$1(component.element, [contextInfo.fadeOutClass]);
+                        contextInfo.onHide(component);
+                    }
+                    else {
+                        const method = isVisible ? appear : disappear;
+                        method(component, contextInfo);
+                    }
+                }
+            });
+        });
+    };
+    const applyFixedMorph = (component, config, state, viewport, morph) => {
+        // This "updateVisibility" call is potentially duplicated with the
+        // call in refreshInternal for isDocked. We might want to consolidate them.
+        // The difference between them is the "morphToDocked" flag.
+        updateVisibility(component, config, state, viewport, true);
+        morphToCoord(component, config, state, morph.positionCss);
+    };
+    const applyMorph = (component, config, state, viewport, morph) => {
+        // Apply the morph result depending on its type
+        switch (morph.morph) {
+            case 'static': {
+                return morphToStatic(component, config, state);
+            }
+            case 'absolute': {
+                return morphToCoord(component, config, state, morph.positionCss);
+            }
+            case 'fixed': {
+                return applyFixedMorph(component, config, state, viewport, morph);
+            }
+        }
+    };
+    const refreshInternal = (component, config, state) => {
+        // Absolute coordinates (considers scroll)
+        const viewport = config.lazyViewport(component);
+        updateVisibility(component, config, state, viewport);
+        tryMorph(component, viewport, state).each((morph) => {
+            applyMorph(component, config, state, viewport, morph);
+        });
+    };
+    const resetInternal = (component, config, state) => {
+        // Morph back to the original position
+        const elem = component.element;
+        state.setDocked(false);
+        const viewport = config.lazyViewport(component);
+        calculateMorphToOriginal(component, viewport, state).each((staticOrAbsoluteMorph) => {
+            // This code is very similar to the "applyMorph" function above. The main difference
+            // is that it doesn't consider fixed position, because something that is docking
+            // can't currently start with fixed position
+            switch (staticOrAbsoluteMorph.morph) {
+                case 'static': {
+                    morphToStatic(component, config, state);
+                    break;
+                }
+                case 'absolute': {
+                    morphToCoord(component, config, state, staticOrAbsoluteMorph.positionCss);
+                    break;
+                }
+            }
+        });
+        // Remove contextual visibility classes
+        state.setVisible(true);
+        config.contextual.each((contextInfo) => {
+            remove$2(elem, [contextInfo.fadeInClass, contextInfo.fadeOutClass, contextInfo.transitionClass]);
+            contextInfo.onShow(component);
+        });
+        // Apply docking again to reset the position
+        refresh$4(component, config, state);
+    };
+    const refresh$4 = (component, config, state) => {
+        // Ensure the component is attached to the document/world, if not then do nothing as we can't
+        // check if the component should be docked or not when in a detached state
+        if (component.getSystem().isConnected()) {
+            refreshInternal(component, config, state);
+        }
+    };
+    const reset$1 = (component, config, state) => {
+        // If the component is not docked then there's no need to reset the state,
+        // so only reset when docked
+        if (state.isDocked()) {
+            resetInternal(component, config, state);
+        }
+    };
+    const forceDockWithDecision = (getDecision) => (component, config, state) => {
+        const viewport = config.lazyViewport(component);
+        const optMorph = forceDockWith(component.element, viewport, state, getDecision);
+        optMorph.each((morph) => {
+            // ASSUMPTION: This "applyFixedMorph" sets state.setDocked to true.
+            applyFixedMorph(component, config, state, viewport, morph);
+        });
+    };
+    const forceDockToTop = forceDockWithDecision(forceTopPosition);
+    const forceDockToBottom = forceDockWithDecision(forceBottomPosition);
+    const isDocked$2 = (component, config, state) => state.isDocked();
+    const setModes = (component, config, state, modes) => state.setModes(modes);
+    const getModes = (component, config, state) => state.getModes();
+
+    var DockingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        refresh: refresh$4,
+        reset: reset$1,
+        isDocked: isDocked$2,
+        getModes: getModes,
+        setModes: setModes,
+        forceDockToTop: forceDockToTop,
+        forceDockToBottom: forceDockToBottom
+    });
+
+    const events$e = (dockInfo, dockState) => derive$2([
+        runOnSource(transitionend(), (component, simulatedEvent) => {
+            dockInfo.contextual.each((contextInfo) => {
+                if (has(component.element, contextInfo.transitionClass)) {
+                    remove$2(component.element, [contextInfo.transitionClass, contextInfo.fadeInClass]);
+                    const notify = dockState.isVisible() ? contextInfo.onShown : contextInfo.onHidden;
+                    notify(component);
+                }
+                simulatedEvent.stop();
+            });
+        }),
+        run$1(windowScroll(), (component, _) => {
+            refresh$4(component, dockInfo, dockState);
+        }),
+        run$1(externalElementScroll(), (component, _) => {
+            refresh$4(component, dockInfo, dockState);
+        }),
+        run$1(windowResize(), (component, _) => {
+            reset$1(component, dockInfo, dockState);
+        })
+    ]);
+
+    var ActiveDocking = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$e
+    });
+
+    var DockingSchema = [
+        optionObjOf('contextual', [
+            requiredString('fadeInClass'),
+            requiredString('fadeOutClass'),
+            requiredString('transitionClass'),
+            requiredFunction('lazyContext'),
+            onHandler('onShow'),
+            onHandler('onShown'),
+            onHandler('onHide'),
+            onHandler('onHidden')
+        ]),
+        defaultedFunction('lazyViewport', () => ({
+            bounds: win(),
+            optScrollEnv: Optional.none()
+        })),
+        defaultedArrayOf('modes', ['top', 'bottom'], string),
+        onHandler('onDocked'),
+        onHandler('onUndocked')
+    ];
+
+    const init$d = (spec) => {
+        const docked = Cell(false);
+        const visible = Cell(true);
+        const initialBounds = value$2();
+        const modes = Cell(spec.modes);
+        const readState = () => `docked:  ${docked.get()}, visible: ${visible.get()}, modes: ${modes.get().join(',')}`;
+        return nu$4({
+            isDocked: docked.get,
+            setDocked: docked.set,
+            getInitialPos: initialBounds.get,
+            setInitialPos: initialBounds.set,
+            clearInitialPos: initialBounds.clear,
+            isVisible: visible.get,
+            setVisible: visible.set,
+            getModes: modes.get,
+            setModes: modes.set,
+            readState
+        });
+    };
+
+    var DockingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$d
+    });
+
+    const Docking = create$3({
+        fields: DockingSchema,
+        name: 'docking',
+        active: ActiveDocking,
+        apis: DockingApis,
+        state: DockingState
+    });
+
+    /*
+     * origin: the position (without scroll) of the offset parent
+     * scroll: the scrolling position of the window
+     *
+     * fixed: the fixed coordinates to show for css
+     * offset: the absolute coordinates to show for css when inside an offset parent
+     * absolute: the absolute coordinates to show before considering the offset parent
+     */
+    const adt$4 = Adt.generate([
+        { offset: ['x', 'y'] },
+        { absolute: ['x', 'y'] },
+        { fixed: ['x', 'y'] }
+    ]);
+    const subtract = (change) => (point) => point.translate(-change.left, -change.top);
+    const add = (change) => (point) => point.translate(change.left, change.top);
+    const transform = (changes) => (x, y) => foldl(changes, (rest, f) => f(rest), SugarPosition(x, y));
+    const asFixed = (coord, scroll, origin) => coord.fold(
+    // offset to fixed
+    transform([add(origin), subtract(scroll)]), 
+    // absolute to fixed
+    transform([subtract(scroll)]), 
+    // fixed to fixed
+    transform([]));
+    const asAbsolute = (coord, scroll, origin) => coord.fold(
+    // offset to absolute
+    transform([add(origin)]), 
+    // absolute to absolute
+    transform([]), 
+    // fixed to absolute
+    transform([add(scroll)]));
+    const asOffset = (coord, scroll, origin) => coord.fold(
+    // offset to offset
+    transform([]), 
+    // absolute to offset
+    transform([subtract(origin)]), 
+    // fixed to offset
+    transform([add(scroll), subtract(origin)]));
+    const withinRange = (coord1, coord2, xRange, yRange, scroll, origin) => {
+        const a1 = asAbsolute(coord1, scroll, origin);
+        const a2 = asAbsolute(coord2, scroll, origin);
+        // eslint-disable-next-line no-console
+        // console.log(`a1.left: ${a1.left}, a2.left: ${a2.left}, leftDelta: ${a1.left - a2.left}, xRange: ${xRange}, lD <= xRange: ${Math.abs(a1.left - a2.left) <= xRange}`);
+        // console.log(`a1.top: ${a1.top}, a2.top: ${a2.top}, topDelta: ${a1.top - a2.top}, yRange: ${yRange}, lD <= xRange: ${Math.abs(a1.top - a2.top) <= yRange}`);
+        return Math.abs(a1.left - a2.left) <= xRange &&
+            Math.abs(a1.top - a2.top) <= yRange;
+    };
+    const getDeltas = (coord1, coord2, xRange, yRange, scroll, origin) => {
+        const a1 = asAbsolute(coord1, scroll, origin);
+        const a2 = asAbsolute(coord2, scroll, origin);
+        const left = Math.abs(a1.left - a2.left);
+        const top = Math.abs(a1.top - a2.top);
+        return SugarPosition(left, top);
+    };
+    const toStyles = (coord, scroll, origin) => {
+        const stylesOpt = coord.fold((x, y) => ({ position: Optional?.some('absolute'), left: Optional?.some(x + 'px'), top: Optional?.some(y + 'px') }), // offset
+        (x, y) => ({ position: Optional?.some('absolute'), left: Optional?.some((x - origin.left) + 'px'), top: Optional?.some((y - origin.top) + 'px') }), // absolute
+        (x, y) => ({ position: Optional?.some('fixed'), left: Optional?.some(x + 'px'), top: Optional?.some(y + 'px') }) // fixed
+        );
+        return { right: Optional.none(), bottom: Optional.none(), ...stylesOpt };
+    };
+    const translate$2 = (coord, deltaX, deltaY) => coord.fold((x, y) => offset(x + deltaX, y + deltaY), (x, y) => absolute$1(x + deltaX, y + deltaY), (x, y) => fixed$1(x + deltaX, y + deltaY));
+    const absorb = (partialCoord, originalCoord, scroll, origin) => {
+        const absorbOne = (stencil, nu) => (optX, optY) => {
+            const original = stencil(originalCoord, scroll, origin);
+            return nu(optX.getOr(original.left), optY.getOr(original.top));
+        };
+        return partialCoord.fold(absorbOne(asOffset, offset), absorbOne(asAbsolute, absolute$1), absorbOne(asFixed, fixed$1));
+    };
+    const offset = adt$4.offset;
+    const absolute$1 = adt$4.absolute;
+    const fixed$1 = adt$4.fixed;
+
+    const parseAttrToInt = (element, name) => {
+        const value = get$g(element, name);
+        return isUndefined(value) ? NaN : parseInt(value, 10);
+    };
+    // NOTE: Moved from ego with some parameterisation
+    const get$3 = (component, snapsInfo) => {
+        const element = component.element;
+        const x = parseAttrToInt(element, snapsInfo.leftAttr);
+        const y = parseAttrToInt(element, snapsInfo.topAttr);
+        return isNaN(x) || isNaN(y) ? Optional.none() : Optional?.some(SugarPosition(x, y));
+    };
+    const set$1 = (component, snapsInfo, pt) => {
+        const element = component.element;
+        set$9(element, snapsInfo.leftAttr, pt.left + 'px');
+        set$9(element, snapsInfo.topAttr, pt.top + 'px');
+    };
+    const clear = (component, snapsInfo) => {
+        const element = component.element;
+        remove$8(element, snapsInfo.leftAttr);
+        remove$8(element, snapsInfo.topAttr);
+    };
+
+    // Types of coordinates
+    // SugarLocation: This is the position on the screen including scroll.
+    // Absolute: This is the css setting that would be applied. Therefore, it subtracts
+    // the origin of the relative offsetParent.
+    // Fixed: This is the fixed position.
+    /*
+     So in attempt to make this more understandable, let's use offset, absolute, and fixed.
+     and try and model individual combinators
+    */
+    /*
+
+     Relationships:
+       - location -> absolute: should just need to subtract the position of the offset parent (origin)
+       - location -> fixed: subtract the scrolling
+       - absolute -> fixed: add the origin, and subtract the scrolling
+       - absolute -> location: add the origin
+       - fixed -> absolute: add the scrolling, remove the origin
+       - fixed -> location: add the scrolling
+
+    /*
+     * When the user is dragging around the element, and it snaps into place, it is important
+     * for the next movement to be from its pre-snapped location, rather than the snapped location.
+     * This is because if it is from the snapped location the next delta movement may not actually
+     * be high enough to get it out of the snap area, and hence, it will just snap again (and again).
+     */
+    // This identifies the position of the draggable element as either its current position, or the position
+    // that we put on it before we snapped it into place (before dropping). Once it's dropped, the presnap
+    // position will go away. It is used to avoid the situation where you can't escape the snap unless you
+    // move the mouse really quickly :)
+    const getCoords = (component, snapInfo, coord, delta) => get$3(component, snapInfo).fold(() => coord, (fixed) => 
+    // We have a pre-snap position, so we have to apply the delta ourselves
+    fixed$1(fixed.left + delta.left, fixed.top + delta.top));
+    const moveOrSnap = (component, snapInfo, coord, delta, scroll, origin) => {
+        const newCoord = getCoords(component, snapInfo, coord, delta);
+        const snap = snapInfo.mustSnap ? findClosestSnap(component, snapInfo, newCoord, scroll, origin) :
+            findSnap(component, snapInfo, newCoord, scroll, origin);
+        const fixedCoord = asFixed(newCoord, scroll, origin);
+        set$1(component, snapInfo, fixedCoord);
+        return snap.fold(() => ({
+            coord: fixed$1(fixedCoord.left, fixedCoord.top),
+            extra: Optional.none()
+        })
+        // No snap.
+        // var newfixed = graph.boundToFixed(theatre, element, loc.left, loc.top, fixed.left, fixed.top, height);
+        // presnaps.set(element, 'fixed', newfixed.left, newfixed.top);
+        // return { position: 'fixed', left: newfixed.left + 'px', top: newfixed.top + 'px' };
+        , (spanned) => ({
+            coord: spanned.output,
+            extra: spanned.extra
+        }));
+    };
+    const stopDrag = (component, snapInfo) => {
+        clear(component, snapInfo);
+    };
+    const findMatchingSnap = (snaps, newCoord, scroll, origin) => findMap(snaps, (snap) => {
+        const sensor = snap.sensor;
+        const inRange = withinRange(newCoord, sensor, snap.range.left, snap.range.top, scroll, origin);
+        return inRange ? Optional?.some({
+            output: absorb(snap.output, newCoord, scroll, origin),
+            extra: snap.extra
+        }) : Optional.none();
+    });
+    const findClosestSnap = (component, snapInfo, newCoord, scroll, origin) => {
+        // You need to pass in the absX and absY so that they can be used for things which only care about snapping one axis and keeping the other one.
+        const snaps = snapInfo.getSnapPoints(component);
+        const matchSnap = findMatchingSnap(snaps, newCoord, scroll, origin);
+        return matchSnap.orThunk(() => {
+            const bestSnap = foldl(snaps, (acc, snap) => {
+                const sensor = snap.sensor;
+                const deltas = getDeltas(newCoord, sensor, snap.range.left, snap.range.top, scroll, origin);
+                return acc.deltas.fold(() => ({
+                    deltas: Optional?.some(deltas),
+                    snap: Optional?.some(snap)
+                }), (bestDeltas) => {
+                    const currAvg = (deltas.left + deltas.top) / 2;
+                    const bestAvg = (bestDeltas.left + bestDeltas.top) / 2;
+                    if (currAvg <= bestAvg) {
+                        return {
+                            deltas: Optional?.some(deltas),
+                            snap: Optional?.some(snap)
+                        };
+                    }
+                    else {
+                        return acc;
+                    }
+                });
+            }, {
+                deltas: Optional.none(),
+                snap: Optional.none()
+            });
+            return bestSnap.snap?.map((snap) => ({
+                output: absorb(snap.output, newCoord, scroll, origin),
+                extra: snap.extra
+            }));
+        });
+    };
+    // x: the absolute position.left of the draggable element
+    // y: the absolute position.top of the draggable element
+    // deltaX: the amount the mouse has moved horizontally
+    // deltaY: the amount the mouse has moved vertically
+    const findSnap = (component, snapInfo, newCoord, scroll, origin) => {
+        // You need to pass in the absX and absY so that they can be used for things which only care about snapping one axis and keeping the other one.
+        const snaps = snapInfo.getSnapPoints(component);
+        // HERE
+        return findMatchingSnap(snaps, newCoord, scroll, origin);
+    };
+    const snapTo$1 = (snap, scroll, origin) => ({
+        // TODO: This looks to be incorrect and needs fixing as DragCoord definitely needs a number
+        // based drag coord for the second argument here, so this is probably a bug.
+        coord: absorb(snap.output, snap.output, scroll, origin),
+        extra: snap.extra
+    });
+
+    const snapTo = (component, dragConfig, _state, snap) => {
+        const target = dragConfig.getTarget(component.element);
+        if (dragConfig.repositionTarget) {
+            const doc = owner$4(component.element);
+            const scroll = get$b(doc);
+            const origin = getOrigin(target);
+            const snapPin = snapTo$1(snap, scroll, origin);
+            const styles = toStyles(snapPin.coord, scroll, origin);
+            setOptions(target, styles);
+        }
+    };
+
+    var DraggingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        snapTo: snapTo
+    });
+
+    const field = (name, forbidden) => defaultedObjOf(name, {}, map$2(forbidden, (f) => forbid(f.name(), 'Cannot configure ' + f.name() + ' for ' + name)).concat([
+        customField('dump', identity)
+    ]));
+    const get$2 = (data) => data.dump;
+    const augment = (data, original) => ({
+        ...derive$1(original),
+        ...data.dump
+    });
+    // Is this used?
+    const SketchBehaviours = {
+        field,
+        augment,
+        get: get$2
+    };
+
+    const base = (partSchemas, partUidsSchemas) => {
+        const ps = partSchemas.length > 0 ? [
+            requiredObjOf('parts', partSchemas)
+        ] : [];
+        return ps.concat([
+            required$1('uid'),
+            defaulted('dom', {}), // Maybe get rid of.
+            defaulted('components', []),
+            snapshot('originalSpec'),
+            defaulted('debug.sketcher', {})
+        ]).concat(partUidsSchemas);
+    };
+    const asRawOrDie = (label, schema, spec, partSchemas, partUidsSchemas) => {
+        const baseS = base(partSchemas, partUidsSchemas);
+        return asRawOrDie$1(label + ' [SpecSchema]', objOfOnly(baseS.concat(schema)), spec);
+    };
+
+    const single$1 = (owner, schema, factory, spec) => {
+        const specWithUid = supplyUid(spec);
+        const detail = asRawOrDie(owner, schema, specWithUid, [], []);
+        return factory(detail, specWithUid);
+    };
+    const composite$1 = (owner, schema, partTypes, factory, spec) => {
+        const specWithUid = supplyUid(spec);
+        // Identify any information required for external parts
+        const partSchemas = schemas(partTypes);
+        // Generate partUids for all parts (external and otherwise)
+        const partUidsSchema = defaultUidsSchema(partTypes);
+        const detail = asRawOrDie(owner, schema, specWithUid, partSchemas, [partUidsSchema]);
+        // Create (internals, externals) substitutions
+        const subs = substitutes(owner, detail, partTypes);
+        // Work out the components by substituting internals
+        const components = components$1(owner, detail, subs.internals());
+        return factory(detail, components, specWithUid, subs.externals());
+    };
+    const hasUid = (spec) => has$2(spec, 'uid');
+    const supplyUid = (spec) => {
+        return hasUid(spec) ? spec : {
+            ...spec,
+            uid: generate$4('uid')
+        };
+    };
+
+    const isSketchSpec = (spec) => {
+        return spec.uid !== undefined;
+    };
+    const singleSchema = objOfOnly([
+        required$1('name'),
+        required$1('factory'),
+        required$1('configFields'),
+        defaulted('apis', {}),
+        defaulted('extraApis', {})
+    ]);
+    const compositeSchema = objOfOnly([
+        required$1('name'),
+        required$1('factory'),
+        required$1('configFields'),
+        required$1('partFields'),
+        defaulted('apis', {}),
+        defaulted('extraApis', {})
+    ]);
+    const single = (rawConfig) => {
+        const config = asRawOrDie$1('Sketcher for ' + rawConfig.name, singleSchema, rawConfig);
+        const sketch = (spec) => single$1(config.name, config.configFields, config.factory, spec);
+        const apis = map$1(config.apis, makeApi);
+        const extraApis = map$1(config.extraApis, (f, k) => markAsExtraApi(f, k));
+        return {
+            name: config.name,
+            configFields: config.configFields,
+            sketch,
+            ...apis,
+            ...extraApis
+        };
+    };
+    const composite = (rawConfig) => {
+        const config = asRawOrDie$1('Sketcher for ' + rawConfig.name, compositeSchema, rawConfig);
+        const sketch = (spec) => composite$1(config.name, config.configFields, config.partFields, config.factory, spec);
+        // These are constructors that will store their configuration.
+        const parts = generate$5(config.name, config.partFields);
+        const apis = map$1(config.apis, makeApi);
+        const extraApis = map$1(config.extraApis, (f, k) => markAsExtraApi(f, k));
+        return {
+            name: config.name,
+            partFields: config.partFields,
+            configFields: config.configFields,
+            sketch,
+            parts,
+            ...apis,
+            ...extraApis
+        };
+    };
+
+    const factory$o = (detail) => {
+        const { attributes, ...domWithoutAttributes } = detail.dom;
+        return {
+            uid: detail.uid,
+            dom: {
+                tag: 'div',
+                attributes: {
+                    role: 'presentation',
+                    ...attributes
+                },
+                ...domWithoutAttributes
+            },
+            components: detail.components,
+            behaviours: get$2(detail.containerBehaviours),
+            events: detail.events,
+            domModification: detail.domModification,
+            eventOrder: detail.eventOrder
+        };
+    };
+    const Container = single({
+        name: 'Container',
+        factory: factory$o,
+        configFields: [
+            defaulted('components', []),
+            field('containerBehaviours', []),
+            // TODO: Deprecate
+            defaulted('events', {}),
+            defaulted('domModification', {}),
+            defaulted('eventOrder', {})
+        ]
+    });
+
+    const initialAttribute = 'data-initial-z-index';
+    // We have to alter the z index of the alloy root of the blocker so that
+    // it can have a z-index high enough to act as the "blocker". Just before
+    // discarding it, we need to reset those z-indices back to what they
+    // were. ASSUMPTION: the blocker has been added as a direct child of the root
+    const resetZIndex = (blocker) => {
+        parent(blocker.element).filter(isElement$1).each((root) => {
+            getOpt(root, initialAttribute).fold(() => remove$6(root, 'z-index'), (zIndex) => set$7(root, 'z-index', zIndex));
+            remove$8(root, initialAttribute);
+        });
+    };
+    const changeZIndex = (blocker) => {
+        parent(blocker.element).filter(isElement$1).each((root) => {
+            getRaw(root, 'z-index').each((zindex) => {
+                set$9(root, initialAttribute, zindex);
+            });
+            // Used to be a really high number, but it probably just has
+            // to match the blocker
+            set$7(root, 'z-index', get$e(blocker.element, 'z-index'));
+        });
+    };
+    const instigate = (anyComponent, blocker) => {
+        anyComponent.getSystem().addToGui(blocker);
+        changeZIndex(blocker);
+    };
+    const discard = (blocker) => {
+        resetZIndex(blocker);
+        blocker.getSystem().removeFromGui(blocker);
+    };
+    const createComponent = (component, blockerClass, blockerEvents) => component.getSystem().build(Container.sketch({
+        dom: {
+            // Probably consider doing with classes?
+            styles: {
+                'left': '0px',
+                'top': '0px',
+                'width': '100%',
+                'height': '100%',
+                'position': 'fixed',
+                'z-index': '1000000000000000'
+            },
+            classes: [blockerClass]
+        },
+        events: blockerEvents
+    }));
+
+    var SnapSchema = optionObjOf('snaps', [
+        required$1('getSnapPoints'),
+        onHandler('onSensor'),
+        required$1('leftAttr'),
+        required$1('topAttr'),
+        defaulted('lazyViewport', win),
+        defaulted('mustSnap', false)
+    ]);
+
+    const schema$s = [
+        // Is this used?
+        defaulted('useFixed', never),
+        required$1('blockerClass'),
+        defaulted('getTarget', identity),
+        defaulted('onDrag', noop),
+        defaulted('repositionTarget', true),
+        defaulted('onDrop', noop),
+        defaultedFunction('getBounds', win),
+        SnapSchema
+    ];
+
+    const getCurrentCoord = (target) => lift3(getRaw(target, 'left'), getRaw(target, 'top'), getRaw(target, 'position'), (left, top, position) => {
+        const nu = position === 'fixed' ? fixed$1 : offset;
+        return nu(parseInt(left, 10), parseInt(top, 10));
+    }).getOrThunk(() => {
+        const location = absolute$3(target);
+        return absolute$1(location.left, location.top);
+    });
+    const clampCoords = (component, coords, scroll, origin, startData) => {
+        const bounds = startData.bounds;
+        const absoluteCoord = asAbsolute(coords, scroll, origin);
+        const newX = clamp(absoluteCoord.left, bounds.x, bounds.x + bounds.width - startData.width);
+        const newY = clamp(absoluteCoord.top, bounds.y, bounds.y + bounds.height - startData.height);
+        const newCoords = absolute$1(newX, newY);
+        // Translate the absolute coord back into the previous type
+        return coords.fold(
+        // offset
+        () => {
+            const offset$1 = asOffset(newCoords, scroll, origin);
+            return offset(offset$1.left, offset$1.top);
+        }, 
+        // absolute
+        constant$1(newCoords), 
+        // fixed
+        () => {
+            const fixed = asFixed(newCoords, scroll, origin);
+            return fixed$1(fixed.left, fixed.top);
+        });
+    };
+    const calcNewCoord = (component, optSnaps, currentCoord, scroll, origin, delta, startData) => {
+        const newCoord = optSnaps.fold(() => {
+            // When not docking, use fixed coordinates.
+            const translated = translate$2(currentCoord, delta.left, delta.top);
+            const fixedCoord = asFixed(translated, scroll, origin);
+            return fixed$1(fixedCoord.left, fixedCoord.top);
+        }, (snapInfo) => {
+            const snapping = moveOrSnap(component, snapInfo, currentCoord, delta, scroll, origin);
+            snapping.extra.each((extra) => {
+                snapInfo.onSensor(component, extra);
+            });
+            return snapping.coord;
+        });
+        // Clamp the coords so that they are within the bounds
+        return clampCoords(component, newCoord, scroll, origin, startData);
+    };
+    const dragBy = (component, dragConfig, startData, delta) => {
+        const target = dragConfig.getTarget(component.element);
+        if (dragConfig.repositionTarget) {
+            const doc = owner$4(component.element);
+            const scroll = get$b(doc);
+            const origin = getOrigin(target);
+            const currentCoord = getCurrentCoord(target);
+            const newCoord = calcNewCoord(component, dragConfig.snaps, currentCoord, scroll, origin, delta, startData);
+            const styles = toStyles(newCoord, scroll, origin);
+            setOptions(target, styles);
+        }
+        // NOTE: On drag just goes with the original delta. It does not know about snapping.
+        dragConfig.onDrag(component, target, delta);
+    };
+
+    const calcStartData = (dragConfig, comp) => ({
+        bounds: dragConfig.getBounds(),
+        height: getOuter$1(comp.element),
+        width: getOuter(comp.element)
+    });
+    const move = (component, dragConfig, dragState, dragMode, event) => {
+        const delta = dragState.update(dragMode, event);
+        const dragStartData = dragState.getStartData().getOrThunk(() => calcStartData(dragConfig, component));
+        delta.each((dlt) => {
+            dragBy(component, dragConfig, dragStartData, dlt);
+        });
+    };
+    const stop = (component, blocker, dragConfig, dragState) => {
+        blocker.each(discard);
+        dragConfig.snaps.each((snapInfo) => {
+            stopDrag(component, snapInfo);
+        });
+        const target = dragConfig.getTarget(component.element);
+        dragState.reset();
+        dragConfig.onDrop(component, target);
+    };
+    const handlers = (events) => (dragConfig, dragState) => {
+        const updateStartState = (comp) => {
+            dragState.setStartData(calcStartData(dragConfig, comp));
+        };
+        return derive$2([
+            run$1(windowScroll(), (comp) => {
+                // Only update if we have some start data
+                dragState.getStartData().each(() => updateStartState(comp));
+            }),
+            ...events(dragConfig, dragState, updateStartState)
+        ]);
+    };
+
+    const init$c = (dragApi) => derive$2([
+        // When the user clicks on the blocker, something has probably gone slightly
+        // wrong, so we'll just drop for safety. The blocker should really only
+        // be there when the mouse is already down and not released, so a 'click'
+        run$1(mousedown(), dragApi.forceDrop),
+        // When the user releases the mouse on the blocker, that is a drop
+        run$1(mouseup(), dragApi.drop),
+        // As the user moves the mouse around (while pressed down), we move the
+        // component around
+        run$1(mousemove(), (comp, simulatedEvent) => {
+            dragApi.move(simulatedEvent.event);
+        }),
+        // When the use moves outside the range, schedule a block to occur but
+        // give it a chance to be cancelled.
+        run$1(mouseout(), dragApi.delayDrop)
+    ]);
+
+    const getData$1 = (event) => Optional.from(SugarPosition(event.x, event.y));
+    // When dragging with the mouse, the delta is simply the difference
+    // between the two position (previous/old and next/nu)
+    const getDelta$1 = (old, nu) => SugarPosition(nu.left - old.left, nu.top - old.top);
+
+    var MouseData = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getData: getData$1,
+        getDelta: getDelta$1
+    });
+
+    const events$d = (dragConfig, dragState, updateStartState) => [
+        run$1(mousedown(), (component, simulatedEvent) => {
+            const raw = simulatedEvent.event.raw;
+            if (raw.button !== 0) {
+                return;
+            }
+            simulatedEvent.stop();
+            const stop$1 = () => stop(component, Optional?.some(blocker), dragConfig, dragState);
+            // If the user has moved something outside the area, and has not come back within
+            // 200 ms, then drop
+            const delayDrop = DelayedFunction(stop$1, 200);
+            const dragApi = {
+                drop: stop$1,
+                delayDrop: delayDrop.schedule,
+                forceDrop: stop$1,
+                move: (event) => {
+                    // Stop any pending drops caused by mouseout
+                    delayDrop.cancel();
+                    move(component, dragConfig, dragState, MouseData, event);
+                }
+            };
+            const blocker = createComponent(component, dragConfig.blockerClass, init$c(dragApi));
+            const start = () => {
+                updateStartState(component);
+                instigate(component, blocker);
+            };
+            start();
+        })
+    ];
+    const schema$r = [
+        ...schema$s,
+        output$1('dragger', {
+            handlers: handlers(events$d)
+        })
+    ];
+
+    const init$b = (dragApi) => derive$2([
+        // When the user taps on the blocker, something has probably gone slightly
+        // wrong, so we'll just drop for safety. The blocker should really only
+        // be there when their finger is already down and not released, so a 'tap'
+        run$1(touchstart(), dragApi.forceDrop),
+        // When the user releases their finger on the blocker, that is a drop
+        run$1(touchend(), dragApi.drop),
+        run$1(touchcancel(), dragApi.drop),
+        // As the user moves their finger around (while pressed down), we move the
+        // component around
+        run$1(touchmove(), (comp, simulatedEvent) => {
+            dragApi.move(simulatedEvent.event);
+        })
+    ]);
+
+    const getDataFrom = (touches) => {
+        const touch = touches[0];
+        return Optional?.some(SugarPosition(touch.clientX, touch.clientY));
+    };
+    const getData = (event) => {
+        const raw = event.raw;
+        const touches = raw.touches;
+        return touches.length === 1 ? getDataFrom(touches) : Optional.none();
+    };
+    // When dragging the touch, the delta is simply the difference
+    // between the two touch positions (previous/old and next/nu)
+    const getDelta = (old, nu) => SugarPosition(nu.left - old.left, nu.top - old.top);
+
+    var TouchData = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getData: getData,
+        getDelta: getDelta
+    });
+
+    const events$c = (dragConfig, dragState, updateStartState) => {
+        const blockerSingleton = value$2();
+        const stopBlocking = (component) => {
+            stop(component, blockerSingleton.get(), dragConfig, dragState);
+            blockerSingleton.clear();
+        };
+        // Android fires events on the component at all times, while iOS initially fires on the component
+        // but once moved off the component then fires on the element behind. As such we need to use
+        // a blocker and then listen to both touchmove/touchend on both the component and blocker.
+        return [
+            run$1(touchstart(), (component, simulatedEvent) => {
+                simulatedEvent.stop();
+                const stop = () => stopBlocking(component);
+                const dragApi = {
+                    drop: stop,
+                    // delayDrop is not used by touch
+                    delayDrop: noop,
+                    forceDrop: stop,
+                    move: (event) => {
+                        move(component, dragConfig, dragState, TouchData, event);
+                    }
+                };
+                const blocker = createComponent(component, dragConfig.blockerClass, init$b(dragApi));
+                blockerSingleton.set(blocker);
+                const start = () => {
+                    updateStartState(component);
+                    instigate(component, blocker);
+                };
+                start();
+            }),
+            run$1(touchmove(), (component, simulatedEvent) => {
+                simulatedEvent.stop();
+                move(component, dragConfig, dragState, TouchData, simulatedEvent.event);
+            }),
+            run$1(touchend(), (component, simulatedEvent) => {
+                simulatedEvent.stop();
+                stopBlocking(component);
+            }),
+            run$1(touchcancel(), stopBlocking)
+        ];
+    };
+    const schema$q = [
+        ...schema$s,
+        output$1('dragger', {
+            handlers: handlers(events$c)
+        })
+    ];
+
+    const events$b = (dragConfig, dragState, updateStartState) => [
+        ...events$d(dragConfig, dragState, updateStartState),
+        ...events$c(dragConfig, dragState, updateStartState)
+    ];
+    const schema$p = [
+        ...schema$s,
+        output$1('dragger', {
+            handlers: handlers(events$b)
+        })
+    ];
+
+    const mouse = schema$r;
+    const touch = schema$q;
+    const mouseOrTouch = schema$p;
+
+    var DraggingBranches = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        mouse: mouse,
+        touch: touch,
+        mouseOrTouch: mouseOrTouch
+    });
+
+    // NOTE: mode refers to the way that information is retrieved from
+    // the user interaction. It can be things like MouseData, TouchData etc.
+    const init$a = () => {
+        // Dragging operates on the difference between the previous user
+        // interaction and the next user interaction. Therefore, we store
+        // the previous interaction so that we can compare it.
+        let previous = Optional.none();
+        // Dragging requires calculating the bounds, so we store that data initially
+        // to reduce the amount of computation each mouse movement
+        let startData = Optional.none();
+        const reset = () => {
+            previous = Optional.none();
+            startData = Optional.none();
+        };
+        // Return position delta between previous position and nu position,
+        // or None if this is the first. Set the previous position to nu.
+        const calculateDelta = (mode, nu) => {
+            const result = previous?.map((old) => mode.getDelta(old, nu));
+            previous = Optional?.some(nu);
+            return result;
+        };
+        // NOTE: This dragEvent is the DOM touch event or mouse event
+        const update = (mode, dragEvent) => mode.getData(dragEvent).bind((nuData) => calculateDelta(mode, nuData));
+        const setStartData = (data) => {
+            startData = Optional?.some(data);
+        };
+        const getStartData = () => startData;
+        const readState = constant$1({});
+        return nu$4({
+            readState,
+            reset,
+            update,
+            getStartData,
+            setStartData
+        });
+    };
+
+    var DragState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$a
+    });
+
+    const Dragging = createModes({
+        branchKey: 'mode',
+        branches: DraggingBranches,
+        name: 'dragging',
+        active: {
+            events: (dragConfig, dragState) => {
+                const dragger = dragConfig.dragger;
+                return dragger.handlers(dragConfig, dragState);
+            }
+        },
+        extra: {
+            // Extra. Does not need component as input.
+            snap: (sConfig) => ({
+                sensor: sConfig.sensor,
+                range: sConfig.range,
+                output: sConfig.output,
+                extra: Optional.from(sConfig.extra)
+            })
+        },
+        state: DragState,
+        apis: DraggingApis
+    });
+
+    const ariaElements = [
+        'input',
+        'textarea'
+    ];
+    const isAriaElement = (elem) => {
+        const name = name$3(elem);
+        return contains$2(ariaElements, name);
+    };
+    const markValid = (component, invalidConfig) => {
+        const elem = invalidConfig.getRoot(component).getOr(component.element);
+        remove$3(elem, invalidConfig.invalidClass);
+        invalidConfig.notify.each((notifyInfo) => {
+            if (isAriaElement(component.element)) {
+                set$9(component.element, 'aria-invalid', false);
+            }
+            notifyInfo.getContainer(component).each((container) => {
+                set$8(container, notifyInfo.validHtml);
+            });
+            notifyInfo.onValid(component);
+        });
+    };
+    const markInvalid = (component, invalidConfig, invalidState, text) => {
+        const elem = invalidConfig.getRoot(component).getOr(component.element);
+        add$2(elem, invalidConfig.invalidClass);
+        invalidConfig.notify.each((notifyInfo) => {
+            if (isAriaElement(component.element)) {
+                set$9(component.element, 'aria-invalid', true);
+            }
+            notifyInfo.getContainer(component).each((container) => {
+                // TODO: Should we just use Text here, not HTML?
+                set$8(container, text);
+            });
+            notifyInfo.onInvalid(component, text);
+        });
+    };
+    const query = (component, invalidConfig, _invalidState) => invalidConfig.validator.fold(() => Future.pure(Result.value(true)), (validatorInfo) => validatorInfo.validate(component));
+    const run = (component, invalidConfig, invalidState) => {
+        invalidConfig.notify.each((notifyInfo) => {
+            notifyInfo.onValidate(component);
+        });
+        return query(component, invalidConfig)?.map((valid) => {
+            if (component.getSystem().isConnected()) {
+                return valid.fold((err) => {
+                    markInvalid(component, invalidConfig, invalidState, err);
+                    return Result.error(err);
+                }, (v) => {
+                    markValid(component, invalidConfig);
+                    return Result.value(v);
+                });
+            }
+            else {
+                return Result.error('No longer in system');
+            }
+        });
+    };
+    const isInvalid = (component, invalidConfig) => {
+        const elem = invalidConfig.getRoot(component).getOr(component.element);
+        return has(elem, invalidConfig.invalidClass);
+    };
+
+    var InvalidateApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        markValid: markValid,
+        markInvalid: markInvalid,
+        query: query,
+        run: run,
+        isInvalid: isInvalid
+    });
+
+    const events$a = (invalidConfig, invalidState) => invalidConfig.validator?.map((validatorInfo) => derive$2([
+        run$1(validatorInfo.onEvent, (component) => {
+            run(component, invalidConfig, invalidState).get(identity);
+        })
+    ].concat(validatorInfo.validateOnLoad ? [
+        runOnAttached((component) => {
+            run(component, invalidConfig, invalidState).get(noop);
+        })
+    ] : []))).getOr({});
+
+    var ActiveInvalidate = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$a
+    });
+
+    var InvalidateSchema = [
+        required$1('invalidClass'),
+        defaulted('getRoot', Optional.none),
+        // TODO: Completely rework the notify API
+        optionObjOf('notify', [
+            defaulted('aria', 'alert'),
+            // Maybe we should use something else.
+            defaulted('getContainer', Optional.none),
+            defaulted('validHtml', ''),
+            onHandler('onValid'),
+            onHandler('onInvalid'),
+            onHandler('onValidate')
+        ]),
+        optionObjOf('validator', [
+            required$1('validate'),
+            defaulted('onEvent', 'input'),
+            defaulted('validateOnLoad', true)
+        ])
+    ];
+
+    const onLoad$4 = (component, repConfig, repState) => {
+        repConfig.store.manager.onLoad(component, repConfig, repState);
+    };
+    const onUnload$2 = (component, repConfig, repState) => {
+        repConfig.store.manager.onUnload(component, repConfig, repState);
+    };
+    const setValue$3 = (component, repConfig, repState, data) => {
+        repConfig.store.manager.setValue(component, repConfig, repState, data);
+    };
+    const getValue$3 = (component, repConfig, repState) => repConfig.store.manager.getValue(component, repConfig, repState);
+    const getState$2 = (component, repConfig, repState) => repState;
+
+    var RepresentApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        onLoad: onLoad$4,
+        onUnload: onUnload$2,
+        setValue: setValue$3,
+        getValue: getValue$3,
+        getState: getState$2
+    });
+
+    const events$9 = (repConfig, repState) => {
+        const es = repConfig.resetOnDom ? [
+            runOnAttached((comp, _se) => {
+                onLoad$4(comp, repConfig, repState);
+            }),
+            runOnDetached((comp, _se) => {
+                onUnload$2(comp, repConfig, repState);
+            })
+        ] : [
+            loadEvent(repConfig, repState, onLoad$4)
+        ];
+        return derive$2(es);
+    };
+
+    var ActiveRepresenting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$9
+    });
+
+    const memory$1 = () => {
+        const data = Cell(null);
+        const readState = () => ({
+            mode: 'memory',
+            value: data.get()
+        });
+        const isNotSet = () => data.get() === null;
+        const clear = () => {
+            data.set(null);
+        };
+        return nu$4({
+            set: data.set,
+            get: data.get,
+            isNotSet,
+            clear,
+            readState
+        });
+    };
+    const manual = () => {
+        const readState = noop;
+        return nu$4({
+            readState
+        });
+    };
+    const dataset = () => {
+        const dataByValue = Cell({});
+        const dataByText = Cell({});
+        const readState = () => ({
+            mode: 'dataset',
+            dataByValue: dataByValue.get(),
+            dataByText: dataByText.get()
+        });
+        const clear = () => {
+            dataByValue.set({});
+            dataByText.set({});
+        };
+        // itemString can be matching value or text.
+        // TODO: type problem - impossible to correctly return value when type parameter only exists in return type
+        const lookup = (itemString) => get$h(dataByValue.get(), itemString).orThunk(() => get$h(dataByText.get(), itemString));
+        const update = (items) => {
+            const currentDataByValue = dataByValue.get();
+            const currentDataByText = dataByText.get();
+            const newDataByValue = {};
+            const newDataByText = {};
+            each$1(items, (item) => {
+                newDataByValue[item.value] = item;
+                get$h(item, 'meta').each((meta) => {
+                    get$h(meta, 'text').each((text) => {
+                        newDataByText[text] = item;
+                    });
+                });
+            });
+            dataByValue.set({
+                ...currentDataByValue,
+                ...newDataByValue
+            });
+            dataByText.set({
+                ...currentDataByText,
+                ...newDataByText
+            });
+        };
+        return nu$4({
+            readState,
+            lookup,
+            update,
+            clear
+        });
+    };
+    const init$9 = (spec) => spec.store.manager.state(spec);
+
+    var RepresentState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        memory: memory$1,
+        dataset: dataset,
+        manual: manual,
+        init: init$9
+    });
+
+    const setValue$2 = (component, repConfig, repState, data) => {
+        const store = repConfig.store;
+        repState.update([data]);
+        store.setValue(component, data);
+        repConfig.onSetValue(component, data);
+    };
+    const getValue$2 = (component, repConfig, repState) => {
+        const store = repConfig.store;
+        const key = store.getDataKey(component);
+        return repState.lookup(key).getOrThunk(() => store.getFallbackEntry(key));
+    };
+    const onLoad$3 = (component, repConfig, repState) => {
+        const store = repConfig.store;
+        store.initialValue.each((data) => {
+            setValue$2(component, repConfig, repState, data);
+        });
+    };
+    const onUnload$1 = (component, repConfig, repState) => {
+        repState.clear();
+    };
+    var DatasetStore = [
+        option$3('initialValue'),
+        required$1('getFallbackEntry'),
+        required$1('getDataKey'),
+        required$1('setValue'),
+        output$1('manager', {
+            setValue: setValue$2,
+            getValue: getValue$2,
+            onLoad: onLoad$3,
+            onUnload: onUnload$1,
+            state: dataset
+        })
+    ];
+
+    const getValue$1 = (component, repConfig, _repState) => repConfig.store.getValue(component);
+    const setValue$1 = (component, repConfig, _repState, data) => {
+        repConfig.store.setValue(component, data);
+        repConfig.onSetValue(component, data);
+    };
+    const onLoad$2 = (component, repConfig, _repState) => {
+        repConfig.store.initialValue.each((data) => {
+            repConfig.store.setValue(component, data);
+        });
+    };
+    var ManualStore = [
+        required$1('getValue'),
+        defaulted('setValue', noop),
+        option$3('initialValue'),
+        output$1('manager', {
+            setValue: setValue$1,
+            getValue: getValue$1,
+            onLoad: onLoad$2,
+            onUnload: noop,
+            state: NoState.init
+        })
+    ];
+
+    const setValue = (component, repConfig, repState, data) => {
+        repState.set(data);
+        repConfig.onSetValue(component, data);
+    };
+    const getValue = (component, repConfig, repState) => repState.get();
+    const onLoad$1 = (component, repConfig, repState) => {
+        repConfig.store.initialValue.each((initVal) => {
+            if (repState.isNotSet()) {
+                repState.set(initVal);
+            }
+        });
+    };
+    const onUnload = (component, repConfig, repState) => {
+        repState.clear();
+    };
+    var MemoryStore = [
+        option$3('initialValue'),
+        output$1('manager', {
+            setValue,
+            getValue,
+            onLoad: onLoad$1,
+            onUnload,
+            state: memory$1
+        })
+    ];
+
+    var RepresentSchema = [
+        defaultedOf('store', { mode: 'memory' }, choose$1('mode', {
+            memory: MemoryStore,
+            manual: ManualStore,
+            dataset: DatasetStore
+        })),
+        onHandler('onSetValue'),
+        defaulted('resetOnDom', false)
+    ];
+
+    // The self-reference is clumsy.
+    const Representing = create$3({
+        fields: RepresentSchema,
+        name: 'representing',
+        active: ActiveRepresenting,
+        apis: RepresentApis,
+        extra: {
+            setValueFrom: (component, source) => {
+                const value = Representing.getValue(source);
+                Representing.setValue(component, value);
+            }
+        },
+        state: RepresentState
+    });
+
+    const Invalidating = create$3({
+        fields: InvalidateSchema,
+        name: 'invalidating',
+        active: ActiveInvalidate,
+        apis: InvalidateApis,
+        extra: {
+            // Note, this requires representing to be on the validatee
+            validation: (validator) => {
+                return (component) => {
+                    const v = Representing.getValue(component);
+                    return Future.pure(validator(v));
+                };
+            }
+        }
+    });
+
+    const exhibit$4 = (base, posConfig) => nu$2({
+        classes: [],
+        styles: posConfig.useFixed() ? {} : { position: 'relative' }
+    });
+
+    var ActivePosition = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$4
+    });
+
+    const adt$3 = Adt.generate([
+        { none: [] },
+        { relative: ['x', 'y', 'width', 'height'] },
+        { fixed: ['x', 'y', 'width', 'height'] }
+    ]);
+    const positionWithDirection = (posName, decision, x, y, width, height) => {
+        const decisionRect = decision.rect;
+        const decisionX = decisionRect.x - x;
+        const decisionY = decisionRect.y - y;
+        const decisionWidth = decisionRect.width;
+        const decisionHeight = decisionRect.height;
+        const decisionRight = width - (decisionX + decisionWidth);
+        const decisionBottom = height - (decisionY + decisionHeight);
+        const left = Optional?.some(decisionX);
+        const top = Optional?.some(decisionY);
+        const right = Optional?.some(decisionRight);
+        const bottom = Optional?.some(decisionBottom);
+        const none = Optional.none();
+        return cata$1(decision.direction, () => NuPositionCss(posName, left, top, none, none), // southeast
+        () => NuPositionCss(posName, none, top, right, none), // southwest
+        () => NuPositionCss(posName, left, none, none, bottom), // northeast
+        () => NuPositionCss(posName, none, none, right, bottom), // northwest
+        () => NuPositionCss(posName, left, top, none, none), // south
+        () => NuPositionCss(posName, left, none, none, bottom), // north
+        () => NuPositionCss(posName, left, top, none, none), // east
+        () => NuPositionCss(posName, none, top, right, none) // west
+        );
+    };
+    const reposition = (origin, decision) => origin.fold(() => {
+        const decisionRect = decision.rect;
+        return NuPositionCss('absolute', Optional?.some(decisionRect.x), Optional?.some(decisionRect.y), Optional.none(), Optional.none());
+    }, (x, y, width, height) => {
+        return positionWithDirection('absolute', decision, x, y, width, height);
+    }, (x, y, width, height) => {
+        return positionWithDirection('fixed', decision, x, y, width, height);
+    });
+    const toBox = (origin, element) => {
+        const rel = curry(find$2, element);
+        const position = origin.fold(rel, rel, () => {
+            const scroll = get$b();
+            // TODO: Make adding the scroll in OuterPosition.find optional.
+            return find$2(element).translate(-scroll.left, -scroll.top);
+        });
+        const width = getOuter(element);
+        const height = getOuter$1(element);
+        return bounds(position.left, position.top, width, height);
+    };
+    const viewport = (origin, optBounds) => optBounds.fold(
+    /* There are no bounds supplied */
+    () => origin.fold(win, win, bounds), (bounds$1) => 
+    /* Use any bounds supplied or remove the scroll position of the bounds for fixed. */
+    origin.fold(constant$1(bounds$1), constant$1(bounds$1), () => {
+        const pos = translate$1(origin, bounds$1.x, bounds$1.y);
+        return bounds(pos.left, pos.top, bounds$1.width, bounds$1.height);
+    }));
+    const translate$1 = (origin, x, y) => {
+        const pos = SugarPosition(x, y);
+        const removeScroll = () => {
+            const outerScroll = get$b();
+            return pos.translate(-outerScroll.left, -outerScroll.top);
+        };
+        // This could use cata if it wasn't a circular reference
+        return origin.fold(constant$1(pos), constant$1(pos), removeScroll);
+    };
+    const cata = (subject, onNone, onRelative, onFixed) => subject.fold(onNone, onRelative, onFixed);
+    adt$3.none;
+    const relative = adt$3.relative;
+    const fixed = adt$3.fixed;
+
+    const anchor = (anchorBox, origin) => ({
+        anchorBox,
+        origin
+    });
+    const box = (anchorBox, origin) => anchor(anchorBox, origin);
+
+    const adt$2 = Adt.generate([
+        { fit: ['reposition'] },
+        { nofit: ['reposition', 'visibleW', 'visibleH', 'isVisible'] }
+    ]);
+    /**
+     * This will attempt to determine if the box will fit within the specified bounds or if it needs to be repositioned.
+     * It will return the following details:
+     *  - if the original rect was in bounds (originInBounds & sizeInBounds). This is used to determine if we fitted
+     *    without having to make adjustments.
+     *  - the height and width that would be visible in the original location. (ie the overlap between the rect and
+     *    the bounds or the distance between the boxes if there is no overlap)
+     */
+    const determinePosition = (box, bounds) => {
+        const { x: boundsX, y: boundsY, right: boundsRight, bottom: boundsBottom } = bounds;
+        const { x, y, right, bottom, width, height } = box;
+        // simple checks for "is the top left inside the view"
+        const xInBounds = x >= boundsX && x <= boundsRight;
+        const yInBounds = y >= boundsY && y <= boundsBottom;
+        const originInBounds = xInBounds && yInBounds;
+        // simple checks for "is the bottom right inside the view"
+        const rightInBounds = right <= boundsRight && right >= boundsX;
+        const bottomInBounds = bottom <= boundsBottom && bottom >= boundsY;
+        const sizeInBounds = rightInBounds && bottomInBounds;
+        // measure how much of the width and height are visible. This should never be larger than the actual width or height
+        // however it can be a negative value when offscreen. These values are generally are only needed for the "nofit" case
+        const visibleW = Math.min(width, x >= boundsX ? boundsRight - x : right - boundsX);
+        const visibleH = Math.min(height, y >= boundsY ? boundsBottom - y : bottom - boundsY);
+        return {
+            originInBounds,
+            sizeInBounds,
+            visibleW,
+            visibleH
+        };
+    };
+    /**
+     * This will attempt to calculate and adjust the position of the box so that is stays within the specified bounds.
+     * The end result will be a new restricted box of where it can safely be placed within the bounds.
+     */
+    const calcReposition = (box, bounds$1) => {
+        const { x: boundsX, y: boundsY, right: boundsRight, bottom: boundsBottom } = bounds$1;
+        const { x, y, width, height } = box;
+        // measure the maximum x and y taking into account the height and width of the box
+        const maxX = Math.max(boundsX, boundsRight - width);
+        const maxY = Math.max(boundsY, boundsBottom - height);
+        // Futz with the X value to ensure that we're not off the left or right of the screen
+        const restrictedX = clamp(x, boundsX, maxX);
+        // Futz with the Y value to ensure that we're not off the top or bottom of the screen
+        const restrictedY = clamp(y, boundsY, maxY);
+        // Determine the new height and width based on the restricted X/Y to keep the element in bounds
+        const restrictedWidth = Math.min(restrictedX + width, boundsRight) - restrictedX;
+        const restrictedHeight = Math.min(restrictedY + height, boundsBottom) - restrictedY;
+        return bounds(restrictedX, restrictedY, restrictedWidth, restrictedHeight);
+    };
+    /**
+     * Determine the maximum height and width available for where the box is positioned in the bounds, making sure
+     * to account for which direction it's rendering in.
+     */
+    const calcMaxSizes = (direction, box, bounds) => {
+        // Futz with the "height" of the popup to ensure if it doesn't fit it's capped at the available height.
+        const upAvailable = constant$1(box.bottom - bounds.y);
+        const downAvailable = constant$1(bounds.bottom - box.y);
+        const maxHeight = cataVertical(direction, downAvailable, /* middle */ downAvailable, upAvailable);
+        // Futz with the "width" of the popup to ensure if it doesn't fit it's capped at the available width.
+        const westAvailable = constant$1(box.right - bounds.x);
+        const eastAvailable = constant$1(bounds.right - box.x);
+        const maxWidth = cataHorizontal(direction, eastAvailable, /* middle */ eastAvailable, westAvailable);
+        return {
+            maxWidth,
+            maxHeight
+        };
+    };
+    const attempt = (candidate, width, height, bounds$1) => {
+        const bubble = candidate.bubble;
+        const bubbleOffset = bubble.offset;
+        // adjust the bounds to account for the layout and bubble restrictions
+        const adjustedBounds = adjustBounds(bounds$1, candidate.restriction, bubbleOffset);
+        // candidate position is excluding the bubble, so add those values as well
+        const newX = candidate.x + bubbleOffset.left;
+        const newY = candidate.y + bubbleOffset.top;
+        const box = bounds(newX, newY, width, height);
+        // determine the position of the box in relation to the bounds
+        const { originInBounds, sizeInBounds, visibleW, visibleH } = determinePosition(box, adjustedBounds);
+        // restrict the box if it won't fit in the bounds
+        const fits = originInBounds && sizeInBounds;
+        const fittedBox = fits ? box : calcReposition(box, adjustedBounds);
+        // Determine if the box is at least partly visible in the bounds after applying the restrictions
+        const isPartlyVisible = fittedBox.width > 0 && fittedBox.height > 0;
+        // Determine the maximum height and width available in the bounds
+        const { maxWidth, maxHeight } = calcMaxSizes(candidate.direction, fittedBox, bounds$1);
+        const reposition = {
+            rect: fittedBox,
+            maxHeight,
+            maxWidth,
+            direction: candidate.direction,
+            placement: candidate.placement,
+            classes: {
+                on: bubble.classesOn,
+                off: bubble.classesOff
+            },
+            layout: candidate.label,
+            testY: newY
+        };
+        // useful debugging that I don't want to lose
+        // console.log(candidate.label);
+        // console.table([{
+        //   newY,
+        //   limitY: fittedBox.y,
+        //   boundsY: bounds.y,
+        //   boundsBottom: bounds.bottom,
+        //   newX,
+        //   limitX: fittedBox.x,
+        //   boundsX: bounds.x,
+        //   boundsRight: bounds.right,
+        //   candidateX: candidate.x,
+        //   candidateY: candidate.y,
+        //   width,
+        //   height,
+        //   isPartlyVisible
+        // }]);
+        // console.log(`maxWidth: ${maxWidth}, visibleW: ${visibleW}`);
+        // console.log(`maxHeight: ${maxHeight}, visibleH: ${visibleH}`);
+        // console.log('originInBounds:', originInBounds);
+        // console.log('sizeInBounds:', sizeInBounds);
+        // console.log(originInBounds && sizeInBounds ? 'fit' : 'nofit');
+        // Take special note that we don't use the futz values in the nofit case; whether this position is a good fit is separate
+        // to ensuring that if we choose it the popup is actually on screen properly.
+        return fits || candidate.alwaysFit ? adt$2.fit(reposition) : adt$2.nofit(reposition, visibleW, visibleH, isPartlyVisible);
+    };
+    /**
+     * Attempts to fit a box (generally a menu).
+     *
+     * candidates: an array of layout generators, generally obtained via api.Layout or api.LinkedLayout
+     * anchorBox: the box on screen that triggered the menu, we must touch one of the edges as defined by the candidate layouts
+     * elementBox: the popup (only width and height matter)
+     * bubbles: the bubbles for the popup (see api.Bubble)
+     * bounds: the screen
+     */
+    const attempts = (element, candidates, anchorBox, elementBox, bubbles, bounds) => {
+        const panelWidth = elementBox.width;
+        const panelHeight = elementBox.height;
+        const attemptBestFit = (layout, reposition, visibleW, visibleH, isVisible) => {
+            const next = layout(anchorBox, elementBox, bubbles, element, bounds);
+            const attemptLayout = attempt(next, panelWidth, panelHeight, bounds);
+            return attemptLayout.fold(constant$1(attemptLayout), (newReposition, newVisibleW, newVisibleH, newIsVisible) => {
+                // console.log(`label: ${next.label}, newVisibleW: ${newVisibleW}, visibleW: ${visibleW}, newVisibleH: ${newVisibleH}, visibleH: ${visibleH}, newIsVisible: ${newIsVisible}, isVisible: ${isVisible}`);
+                const improved = isVisible === newIsVisible ? (newVisibleH > visibleH || newVisibleW > visibleW) : (!isVisible && newIsVisible);
+                // console.log('improved? ', improved);
+                return improved ? attemptLayout : adt$2.nofit(reposition, visibleW, visibleH, isVisible);
+            });
+        };
+        const abc = foldl(candidates, (b, a) => {
+            const bestNext = curry(attemptBestFit, a);
+            return b.fold(constant$1(b), bestNext);
+        }, 
+        // fold base case: No candidates, it's never going to be correct, so do whatever
+        adt$2.nofit({
+            rect: anchorBox,
+            maxHeight: elementBox.height,
+            maxWidth: elementBox.width,
+            direction: southeast$3(),
+            placement: "southeast" /* Placement.Southeast */,
+            classes: {
+                on: [],
+                off: []
+            },
+            layout: 'none',
+            testY: anchorBox.y
+        }, -1, -1, false));
+        // unwrapping 'reposition' from the adt, for both fit & nofit the first arg is the one we need,
+        // so we can cheat and use Fun.identity
+        return abc.fold(identity, identity);
+    };
+
+    const properties = ['top', 'bottom', 'right', 'left'];
+    const timerAttr = 'data-alloy-transition-timer';
+    const isTransitioning$1 = (element, transition) => hasAll(element, transition.classes);
+    const shouldApplyTransitionCss = (transition, decision, lastPlacement) => {
+        // Don't apply transitions if there was no previous placement as it's transitioning from offscreen
+        return lastPlacement.exists((placer) => {
+            const mode = transition.mode;
+            return mode === 'all' ? true : placer[mode] !== decision[mode];
+        });
+    };
+    const hasChanges = (position, intermediate) => {
+        // Round to 3 decimal points
+        const round = (value) => parseFloat(value).toFixed(3);
+        return find$4(intermediate, (value, key) => {
+            const newValue = position[key]?.map(round);
+            const val = value?.map(round);
+            return !equals(newValue, val);
+        }).isSome();
+    };
+    const getTransitionDuration = (element) => {
+        const get = (name) => {
+            const style = get$e(element, name);
+            const times = style.split(/\s*,\s*/);
+            return filter$2(times, isNotEmpty);
+        };
+        const parse = (value) => {
+            if (isString(value) && /^[\d.]+/.test(value)) {
+                const num = parseFloat(value);
+                return endsWith(value, 'ms') ? num : num * 1000;
+            }
+            else {
+                return 0;
+            }
+        };
+        const delay = get('transition-delay');
+        const duration = get('transition-duration');
+        return foldl(duration, (acc, dur, i) => {
+            const time = parse(delay[i]) + parse(dur);
+            return Math.max(acc, time);
+        }, 0);
+    };
+    const setupTransitionListeners = (element, transition) => {
+        const transitionEnd = unbindable();
+        const transitionCancel = unbindable();
+        let timer;
+        const isSourceTransition = (e) => {
+            var _a;
+            // Ensure the transition event isn't from a pseudo element
+            const pseudoElement = (_a = e.raw.pseudoElement) !== null && _a !== void 0 ? _a : '';
+            return eq(e.target, element) && isEmpty(pseudoElement) && contains$2(properties, e.raw.propertyName);
+        };
+        const transitionDone = (e) => {
+            if (isNullable(e) || isSourceTransition(e)) {
+                transitionEnd.clear();
+                transitionCancel.clear();
+                // Only cleanup the class/timer on transitionend not on a cancel. This is done as cancel
+                // means the element has been repositioned and would need to keep transitioning
+                const type = e === null || e === void 0 ? void 0 : e.raw.type;
+                if (isNullable(type) || type === transitionend()) {
+                    clearTimeout(timer);
+                    remove$8(element, timerAttr);
+                    remove$2(element, transition.classes);
+                }
+            }
+        };
+        const transitionStart = bind$1(element, transitionstart(), (e) => {
+            if (isSourceTransition(e)) {
+                transitionStart.unbind();
+                transitionEnd.set(bind$1(element, transitionend(), transitionDone));
+                transitionCancel.set(bind$1(element, transitioncancel(), transitionDone));
+            }
+        });
+        // Request the next animation frame so we can roughly determine when the transition starts and then ensure
+        // the transition is cleaned up. In addition add ~17ms to the delay as that's about about 1 frame at 60fps
+        const duration = getTransitionDuration(element);
+        requestAnimationFrame(() => {
+            timer = setTimeout(transitionDone, duration + 17);
+            set$9(element, timerAttr, timer);
+        });
+    };
+    const startTransitioning = (element, transition) => {
+        add$1(element, transition.classes);
+        // Clear any existing cleanup timers
+        getOpt(element, timerAttr).each((timerId) => {
+            clearTimeout(parseInt(timerId, 10));
+            remove$8(element, timerAttr);
+        });
+        setupTransitionListeners(element, transition);
+    };
+    const applyTransitionCss = (element, origin, position, transition, decision, lastPlacement) => {
+        const shouldTransition = shouldApplyTransitionCss(transition, decision, lastPlacement);
+        if (shouldTransition || isTransitioning$1(element, transition)) {
+            // Set the new position first so we can calculate the computed position
+            set$7(element, 'position', position.position);
+            // Get the computed positions for the current element based on the new position CSS being applied
+            const rect = toBox(origin, element);
+            const intermediatePosition = reposition(origin, { ...decision, rect });
+            const intermediateCssOptions = mapToObject(properties, (prop) => intermediatePosition[prop]);
+            // Apply the intermediate styles and transition classes if something has changed
+            if (hasChanges(position, intermediateCssOptions)) {
+                setOptions(element, intermediateCssOptions);
+                if (shouldTransition) {
+                    startTransitioning(element, transition);
+                }
+                reflow(element);
+            }
+        }
+        else {
+            remove$2(element, transition.classes);
+        }
+    };
+
+    /*
+     * This is the old repartee API. It is retained in a similar structure to the original form,
+     * in case we decide to bring back the flexibility of working with non-standard positioning.
+     */
+    const elementSize = (p) => ({
+        width: Math.ceil(getOuterExact(p)),
+        height: getOuter$1(p)
+    });
+    const layout = (anchorBox, element, bubbles, options) => {
+        // clear the potentially limiting factors before measuring
+        remove$6(element, 'max-height');
+        remove$6(element, 'max-width');
+        const elementBox = elementSize(element);
+        return attempts(element, options.preference, anchorBox, elementBox, bubbles, options.bounds);
+    };
+    const setClasses = (element, decision) => {
+        const classInfo = decision.classes;
+        remove$2(element, classInfo.off);
+        add$1(element, classInfo.on);
+    };
+    /*
+     * maxHeightFunction is a MaxHeight instance.
+     * max-height is usually the distance between the edge of the popup and the screen; top of popup to bottom of screen for south, bottom of popup to top of screen for north.
+     *
+     * There are a few cases where we specifically don't want a max-height, which is why it's optional.
+     */
+    const setHeight = (element, decision, options) => {
+        // The old API enforced MaxHeight.anchored() for fixed position. That no longer seems necessary.
+        const maxHeightFunction = options.maxHeightFunction;
+        maxHeightFunction(element, decision.maxHeight);
+    };
+    const setWidth = (element, decision, options) => {
+        const maxWidthFunction = options.maxWidthFunction;
+        maxWidthFunction(element, decision.maxWidth);
+    };
+    const position$2 = (element, decision, options) => {
+        // This is a point of difference between Alloy and Repartee. Repartee appears to use Measure to calculate the available space for fixed origin
+        // That is not ported yet.
+        const positionCss = reposition(options.origin, decision);
+        options.transition.each((transition) => {
+            applyTransitionCss(element, options.origin, positionCss, transition, decision, options.lastPlacement);
+        });
+        applyPositionCss(element, positionCss);
+    };
+    const setPlacement = (element, decision) => {
+        setPlacement$1(element, decision.placement);
+    };
+
+    const defaultOr = (options, key, dephault) => options[key] === undefined ? dephault : options[key];
+    // This takes care of everything when you are positioning UI that can go anywhere on the screen
+    const simple = (anchor, element, bubble, layouts, lastPlacement, optBounds, overrideOptions, transition) => {
+        // the only supported override at the moment. Once relative has been deleted, maybe this can be optional in the bag
+        const maxHeightFunction = defaultOr(overrideOptions, 'maxHeightFunction', anchored());
+        const maxWidthFunction = defaultOr(overrideOptions, 'maxWidthFunction', noop);
+        const anchorBox = anchor.anchorBox;
+        const origin = anchor.origin;
+        const options = {
+            bounds: viewport(origin, optBounds),
+            origin,
+            preference: layouts,
+            maxHeightFunction,
+            maxWidthFunction,
+            lastPlacement,
+            transition
+        };
+        return go(anchorBox, element, bubble, options);
+    };
+    // This is the old public API. If we ever need full customisability again, this is how to expose it
+    const go = (anchorBox, element, bubble, options) => {
+        const decision = layout(anchorBox, element, bubble, options);
+        position$2(element, decision, options);
+        setPlacement(element, decision);
+        setClasses(element, decision);
+        setHeight(element, decision, options);
+        setWidth(element, decision, options);
+        return {
+            layout: decision.layout,
+            placement: decision.placement
+        };
+    };
+
+    const nu$1 = identity;
+
+    const schema$o = () => optionObjOf('layouts', [
+        required$1('onLtr'),
+        required$1('onRtl'),
+        option$3('onBottomLtr'),
+        option$3('onBottomRtl')
+    ]);
+    const get$1 = (elem, info, defaultLtr, defaultRtl, defaultBottomLtr, defaultBottomRtl, dirElement) => {
+        const isBottomToTop = dirElement?.map(isBottomToTopDir).getOr(false);
+        const customLtr = info.layouts?.map((ls) => ls.onLtr(elem));
+        const customRtl = info.layouts?.map((ls) => ls.onRtl(elem));
+        const ltr = isBottomToTop ?
+            info.layouts.bind((ls) => ls.onBottomLtr?.map((f) => f(elem)))
+                .or(customLtr)
+                .getOr(defaultBottomLtr) :
+            customLtr.getOr(defaultLtr);
+        const rtl = isBottomToTop ?
+            info.layouts.bind((ls) => ls.onBottomRtl?.map((f) => f(elem)))
+                .or(customRtl)
+                .getOr(defaultBottomRtl) :
+            customRtl.getOr(defaultRtl);
+        const f = onDirection(ltr, rtl);
+        return f(elem);
+    };
+
+    const placement$4 = (component, anchorInfo, origin) => {
+        const hotspot = anchorInfo.hotspot;
+        const anchorBox = toBox(origin, hotspot.element);
+        const layouts = get$1(component.element, anchorInfo, belowOrAbove(), belowOrAboveRtl(), aboveOrBelow(), aboveOrBelowRtl(), Optional?.some(anchorInfo.hotspot.element));
+        return Optional?.some(nu$1({
+            anchorBox,
+            bubble: anchorInfo.bubble.getOr(fallback()),
+            overrides: anchorInfo.overrides,
+            layouts
+        }));
+    };
+    var HotspotAnchor = [
+        required$1('hotspot'),
+        option$3('bubble'),
+        defaulted('overrides', {}),
+        schema$o(),
+        output$1('placement', placement$4)
+    ];
+
+    const placement$3 = (component, anchorInfo, origin) => {
+        const pos = translate$1(origin, anchorInfo.x, anchorInfo.y);
+        const anchorBox = bounds(pos.left, pos.top, anchorInfo.width, anchorInfo.height);
+        const layouts = get$1(component.element, anchorInfo, all$2(), allRtl$1(), 
+        // No default bottomToTop layouts currently needed
+        all$2(), allRtl$1(), Optional.none());
+        return Optional?.some(nu$1({
+            anchorBox,
+            bubble: anchorInfo.bubble,
+            overrides: anchorInfo.overrides,
+            layouts
+        }));
+    };
+    var MakeshiftAnchor = [
+        required$1('x'),
+        required$1('y'),
+        defaulted('height', 0),
+        defaulted('width', 0),
+        defaulted('bubble', fallback()),
+        defaulted('overrides', {}),
+        schema$o(),
+        output$1('placement', placement$3)
+    ];
+
+    const adt$1 = Adt.generate([
+        { screen: ['point'] },
+        { absolute: ['point', 'scrollLeft', 'scrollTop'] }
+    ]);
+    const toFixed = (pos) => 
+    // TODO: Use new ADT methods
+    pos.fold(identity, (point, scrollLeft, scrollTop) => point.translate(-scrollLeft, -scrollTop));
+    const toAbsolute = (pos) => pos.fold(identity, identity);
+    const sum = (points) => foldl(points, (b, a) => b.translate(a.left, a.top), SugarPosition(0, 0));
+    const sumAsFixed = (positions) => {
+        const points = map$2(positions, toFixed);
+        return sum(points);
+    };
+    const sumAsAbsolute = (positions) => {
+        const points = map$2(positions, toAbsolute);
+        return sum(points);
+    };
+    const screen = adt$1.screen;
+    const absolute = adt$1.absolute;
+
+    // In one mode, the window is inside an iframe. If that iframe is in the
+    // same document as the positioning element (component), then identify the offset
+    // difference between the iframe and the component.
+    const getOffset = (component, origin, anchorInfo) => {
+        const win = defaultView(anchorInfo.root).dom;
+        const hasSameOwner = (frame) => {
+            const frameOwner = owner$4(frame);
+            const compOwner = owner$4(component.element);
+            return eq(frameOwner, compOwner);
+        };
+        return Optional.from(win.frameElement)?.map(SugarElement.fromDom)
+            .filter(hasSameOwner)?.map(absolute$3);
+    };
+    const getRootPoint = (component, origin, anchorInfo) => {
+        const doc = owner$4(component.element);
+        const outerScroll = get$b(doc);
+        const offset = getOffset(component, origin, anchorInfo).getOr(outerScroll);
+        return absolute(offset, outerScroll.left, outerScroll.top);
+    };
+
+    const getBox = (left, top, width, height) => {
+        const point = screen(SugarPosition(left, top));
+        return Optional?.some(pointed(point, width, height));
+    };
+    const calcNewAnchor = (optBox, rootPoint, anchorInfo, origin, elem) => optBox?.map((box) => {
+        const points = [rootPoint, box.point];
+        const topLeft = cata(origin, () => sumAsAbsolute(points), () => sumAsAbsolute(points), () => sumAsFixed(points));
+        const anchorBox = rect(topLeft.left, topLeft.top, box.width, box.height);
+        const layoutsLtr = anchorInfo.showAbove ?
+            aboveOrBelow() :
+            belowOrAbove();
+        const layoutsRtl = anchorInfo.showAbove ?
+            aboveOrBelowRtl() :
+            belowOrAboveRtl();
+        const layouts = get$1(elem, anchorInfo, layoutsLtr, layoutsRtl, layoutsLtr, layoutsRtl, Optional.none());
+        return nu$1({
+            anchorBox,
+            bubble: anchorInfo.bubble.getOr(fallback()),
+            overrides: anchorInfo.overrides,
+            layouts
+        });
+    });
+
+    const placement$2 = (component, anchorInfo, origin) => {
+        const rootPoint = getRootPoint(component, origin, anchorInfo);
+        return anchorInfo.node
+            // Ensure the node is still attached, otherwise we can't get a valid client rect for a detached node
+            .filter(inBody)
+            .bind((target) => {
+            const rect = target.dom.getBoundingClientRect();
+            const nodeBox = getBox(rect.left, rect.top, rect.width, rect.height);
+            const elem = anchorInfo.node.getOr(component.element);
+            return calcNewAnchor(nodeBox, rootPoint, anchorInfo, origin, elem);
+        });
+    };
+    var NodeAnchor = [
+        required$1('node'),
+        required$1('root'),
+        option$3('bubble'),
+        schema$o(),
+        // chiefly MaxHeight.expandable()
+        defaulted('overrides', {}),
+        defaulted('showAbove', false),
+        output$1('placement', placement$2)
+    ];
+
+    const point = (element, offset) => ({
+        element,
+        offset
+    });
+    // NOTE: This only descends once.
+    const descendOnce$1 = (element, offset) => {
+        const children$1 = children(element);
+        if (children$1.length === 0) {
+            return point(element, offset);
+        }
+        else if (offset < children$1.length) {
+            return point(children$1[offset], 0);
+        }
+        else {
+            const last = children$1[children$1.length - 1];
+            const len = isText(last) ? get$a(last).length : children(last).length;
+            return point(last, len);
+        }
+    };
+
+    // A range from (a, 1) to (body, end) was giving the wrong bounds.
+    const descendOnce = (element, offset) => isText(element) ? point(element, offset) : descendOnce$1(element, offset);
+    const isSimRange = (detail) => detail.foffset !== undefined;
+    const getAnchorSelection = (win, anchorInfo) => {
+        // FIX TEST Test both providing a getSelection and not providing a getSelection
+        const getSelection = anchorInfo.getSelection.getOrThunk(() => () => getExact(win));
+        return getSelection()?.map((sel) => {
+            if (isSimRange(sel)) {
+                const modStart = descendOnce(sel.start, sel.soffset);
+                const modFinish = descendOnce(sel.finish, sel.foffset);
+                return SimSelection.range(modStart.element, modStart.offset, modFinish.element, modFinish.offset);
+            }
+            else {
+                return sel;
+            }
+        });
+    };
+    const placement$1 = (component, anchorInfo, origin) => {
+        const win = defaultView(anchorInfo.root).dom;
+        const rootPoint = getRootPoint(component, origin, anchorInfo);
+        const selectionBox = getAnchorSelection(win, anchorInfo).bind((sel) => {
+            // This represents the *visual* rectangle of the selection.
+            if (isSimRange(sel)) {
+                const optRect = getBounds$2(win, SimSelection.exactFromRange(sel)).orThunk(() => {
+                    const zeroWidth$1 = SugarElement.fromText(zeroWidth);
+                    before$1(sel.start, zeroWidth$1);
+                    // Certain things like <p><br/></p> with (p, 0) or <br>) as collapsed selection do not return a client rectangle
+                    const rect = getFirstRect(win, SimSelection.exact(zeroWidth$1, 0, zeroWidth$1, 1));
+                    remove$7(zeroWidth$1);
+                    return rect;
+                });
+                return optRect.bind((rawRect) => {
+                    return getBox(rawRect.left, rawRect.top, rawRect.width, rawRect.height);
+                });
+            }
+            else {
+                const selectionRect = map$1(sel, (cell) => cell.dom.getBoundingClientRect());
+                const bounds = {
+                    left: Math.min(selectionRect.firstCell.left, selectionRect.lastCell.left),
+                    right: Math.max(selectionRect.firstCell.right, selectionRect.lastCell.right),
+                    top: Math.min(selectionRect.firstCell.top, selectionRect.lastCell.top),
+                    bottom: Math.max(selectionRect.firstCell.bottom, selectionRect.lastCell.bottom)
+                };
+                return getBox(bounds.left, bounds.top, bounds.right - bounds.left, bounds.bottom - bounds.top);
+            }
+        });
+        const targetElement = getAnchorSelection(win, anchorInfo)
+            .bind((sel) => {
+            if (isSimRange(sel)) {
+                return isElement$1(sel.start) ? Optional?.some(sel.start) : parentElement(sel.start);
+            }
+            else {
+                return Optional?.some(sel.firstCell);
+            }
+        });
+        const elem = targetElement.getOr(component.element);
+        return calcNewAnchor(selectionBox, rootPoint, anchorInfo, origin, elem);
+    };
+    var SelectionAnchor = [
+        option$3('getSelection'),
+        required$1('root'),
+        option$3('bubble'),
+        schema$o(),
+        defaulted('overrides', {}),
+        defaulted('showAbove', false),
+        output$1('placement', placement$1)
+    ];
+
+    /*
+      Layout for submenus;
+      Either left or right of the anchor menu item. Never above or below.
+      Aligned to the top or bottom of the anchor as appropriate.
+     */
+    const labelPrefix = 'link-layout';
+    // display element to the right, left edge against the right of the menu
+    const eastX = (anchor) => anchor.x + anchor.width;
+    // display element to the left, right edge against the left of the menu
+    const westX = (anchor, element) => anchor.x - element.width;
+    // display element pointing up, bottom edge against the bottom of the menu (usually to one side)
+    const northY = (anchor, element) => anchor.y - element.height + anchor.height;
+    // display element pointing down, top edge against the top of the menu (usually to one side)
+    const southY = (anchor) => anchor.y;
+    const southeast = (anchor, element, bubbles) => nu$5(eastX(anchor), southY(anchor), bubbles.southeast(), southeast$3(), "southeast" /* Placement.Southeast */, boundsRestriction(anchor, { left: 0 /* AnchorBoxBounds.RightEdge */, top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix);
+    const southwest = (anchor, element, bubbles) => nu$5(westX(anchor, element), southY(anchor), bubbles.southwest(), southwest$3(), "southwest" /* Placement.Southwest */, boundsRestriction(anchor, { right: 1 /* AnchorBoxBounds.LeftEdge */, top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix);
+    const northeast = (anchor, element, bubbles) => nu$5(eastX(anchor), northY(anchor, element), bubbles.northeast(), northeast$3(), "northeast" /* Placement.Northeast */, boundsRestriction(anchor, { left: 0 /* AnchorBoxBounds.RightEdge */, bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix);
+    const northwest = (anchor, element, bubbles) => nu$5(westX(anchor, element), northY(anchor, element), bubbles.northwest(), northwest$3(), "northwest" /* Placement.Northwest */, boundsRestriction(anchor, { right: 1 /* AnchorBoxBounds.LeftEdge */, bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix);
+    const all = () => [southeast, southwest, northeast, northwest];
+    const allRtl = () => [southwest, southeast, northwest, northeast];
+
+    const placement = (component, submenuInfo, origin) => {
+        const anchorBox = toBox(origin, submenuInfo.item.element);
+        const layouts = get$1(component.element, submenuInfo, all(), allRtl(), 
+        // No default bottomToTop layouts currently needed
+        all(), allRtl(), Optional.none());
+        return Optional?.some(nu$1({
+            anchorBox,
+            bubble: fallback(),
+            overrides: submenuInfo.overrides,
+            layouts
+        }));
+    };
+    var SubmenuAnchor = [
+        required$1('item'),
+        schema$o(),
+        defaulted('overrides', {}),
+        output$1('placement', placement)
+    ];
+
+    var AnchorSchema = choose$1('type', {
+        selection: SelectionAnchor,
+        node: NodeAnchor,
+        hotspot: HotspotAnchor,
+        submenu: SubmenuAnchor,
+        makeshift: MakeshiftAnchor
+    });
+
+    const TransitionSchema = [
+        requiredArrayOf('classes', string),
+        defaultedStringEnum('mode', 'all', ['all', 'layout', 'placement'])
+    ];
+    const PositionSchema = [
+        defaulted('useFixed', never),
+        option$3('getBounds')
+    ];
+    const PlacementSchema = [
+        requiredOf('anchor', AnchorSchema),
+        optionObjOf('transition', TransitionSchema)
+    ];
+
+    const getFixedOrigin = () => {
+        // Don't use window.innerWidth/innerHeight here, as we don't want to include scrollbars
+        // since the right/bottom position is based on the edge of the scrollbar not the window
+        const html = document.documentElement;
+        return fixed(0, 0, html.clientWidth, html.clientHeight);
+    };
+    const getRelativeOrigin = (component) => {
+        const position = absolute$3(component.element);
+        const bounds = component.element.dom.getBoundingClientRect();
+        // We think that this just needs to be kept consistent with Boxes.win. If we remove the scroll values from Boxes.win, we
+        // should change this to just bounds.left and bounds.top from getBoundingClientRect
+        return relative(position.left, position.top, bounds.width, bounds.height);
+    };
+    const place = (origin, anchoring, optBounds, placee, lastPlace, transition) => {
+        const anchor = box(anchoring.anchorBox, origin);
+        return simple(anchor, placee.element, anchoring.bubble, anchoring.layouts, lastPlace, optBounds, anchoring.overrides, transition);
+    };
+    const position$1 = (component, posConfig, posState, placee, placementSpec) => {
+        const optWithinBounds = Optional.none();
+        positionWithinBounds(component, posConfig, posState, placee, placementSpec, optWithinBounds);
+    };
+    const positionWithinBounds = (component, posConfig, posState, placee, placementSpec, optWithinBounds) => {
+        const placeeDetail = asRawOrDie$1('placement.info', objOf(PlacementSchema), placementSpec);
+        const anchorage = placeeDetail.anchor;
+        const element = placee.element;
+        const placeeState = posState.get(placee.uid);
+        // Preserve the focus as IE 11 loses it when setting visibility to hidden
+        preserve(() => {
+            // We set it to be fixed, so that it doesn't interfere with the layout of anything
+            // when calculating anchors
+            set$7(element, 'position', 'fixed');
+            const oldVisibility = getRaw(element, 'visibility');
+            set$7(element, 'visibility', 'hidden');
+            // We need to calculate the origin (esp. the bounding client rect) *after* we have done
+            // all the preprocessing of the component and placee. Otherwise, the relative positions
+            // (bottom and right) will be using the wrong dimensions
+            const origin = posConfig.useFixed() ? getFixedOrigin() : getRelativeOrigin(component);
+            anchorage.placement(component, anchorage, origin).each((anchoring) => {
+                // If "within bounds" is specified, it overrides any Positioning config. Otherwise, we
+                // use the Positioning config. We don't try to combine automatically here because they are
+                // sometimes serving different purposes. If the Positioning config getBounds needs to be
+                // combined with the optWithinBounds bounds, then it is the responsibility of the calling
+                // code to combine them, and pass in the combined value as optWithinBounds. The optWithinBounds
+                // will *always* override the Positioning config.
+                const optBounds = optWithinBounds.orThunk(() => posConfig.getBounds?.map(apply$1));
+                // Place the element and then update the state for the placee
+                const newState = place(origin, anchoring, optBounds, placee, placeeState, placeeDetail.transition);
+                posState.set(placee.uid, newState);
+            });
+            oldVisibility.fold(() => {
+                remove$6(element, 'visibility');
+            }, (vis) => {
+                set$7(element, 'visibility', vis);
+            });
+            // We need to remove position: fixed put on by above code if it is not needed.
+            if (getRaw(element, 'left').isNone() &&
+                getRaw(element, 'top').isNone() &&
+                getRaw(element, 'right').isNone() &&
+                getRaw(element, 'bottom').isNone() &&
+                is$1(getRaw(element, 'position'), 'fixed')) {
+                remove$6(element, 'position');
+            }
+        }, element);
+    };
+    const getMode = (component, pConfig, _pState) => pConfig.useFixed() ? 'fixed' : 'absolute';
+    const reset = (component, pConfig, posState, placee) => {
+        const element = placee.element;
+        each$1(['position', 'left', 'right', 'top', 'bottom'], (prop) => remove$6(element, prop));
+        reset$2(element);
+        posState.clear(placee.uid);
+    };
+
+    var PositionApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        position: position$1,
+        positionWithinBounds: positionWithinBounds,
+        getMode: getMode,
+        reset: reset
+    });
+
+    const init$8 = () => {
+        let state = {};
+        const set = (id, data) => {
+            state[id] = data;
+        };
+        const get = (id) => get$h(state, id);
+        const clear = (id) => {
+            if (isNonNullable(id)) {
+                delete state[id];
+            }
+            else {
+                state = {};
+            }
+        };
+        return nu$4({
+            readState: () => state,
+            clear,
+            set,
+            get
+        });
+    };
+
+    var PositioningState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$8
+    });
+
+    const Positioning = create$3({
+        fields: PositionSchema,
+        name: 'positioning',
+        active: ActivePosition,
+        apis: PositionApis,
+        state: PositioningState
+    });
+
+    const chooseChannels = (channels, message) => message.universal ? channels : filter$2(channels, (ch) => contains$2(message.channels, ch));
+    const events$8 = (receiveConfig) => derive$2([
+        run$1(receive(), (component, message) => {
+            const channelMap = receiveConfig.channels;
+            const channels = keys(channelMap);
+            // NOTE: Receiving event ignores the whole simulated event part.
+            // TODO: Think about the types for this, or find a better way for this to rely on receiving.
+            const receivingData = message;
+            const targetChannels = chooseChannels(channels, receivingData);
+            each$1(targetChannels, (ch) => {
+                const channelInfo = channelMap[ch];
+                const channelSchema = channelInfo.schema;
+                const data = asRawOrDie$1('channel[' + ch + '] data\nReceiver: ' + element(component.element), channelSchema, receivingData.data);
+                channelInfo.onReceive(component, data);
+            });
+        })
+    ]);
+
+    var ActiveReceiving = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$8
+    });
+
+    var ReceivingSchema = [
+        requiredOf('channels', setOf(
+        // Allow any keys.
+        Result.value, objOfOnly([
+            onStrictHandler('onReceive'),
+            defaulted('schema', anyValue())
+        ])))
+    ];
+
+    const Receiving = create$3({
+        fields: ReceivingSchema,
+        name: 'receiving',
+        active: ActiveReceiving
+    });
+
+    const events$7 = (reflectingConfig, reflectingState) => {
+        const update = (component, data) => {
+            reflectingConfig.updateState.each((updateState) => {
+                const newState = updateState(component, data);
+                reflectingState.set(newState);
+            });
+            // FIX: Partial duplication of Replacing + Receiving
+            reflectingConfig.renderComponents.each((renderComponents) => {
+                const newComponents = renderComponents(data, reflectingState.get());
+                const replacer = reflectingConfig.reuseDom ? withReuse : withoutReuse;
+                replacer(component, newComponents);
+            });
+        };
+        return derive$2([
+            run$1(receive(), (component, message) => {
+                // NOTE: Receiving event ignores the whole simulated event part.
+                // TODO: Think about the types for this, or find a better way for this to rely on receiving.
+                const receivingData = message;
+                if (!receivingData.universal) {
+                    const channel = reflectingConfig.channel;
+                    if (contains$2(receivingData.channels, channel)) {
+                        update(component, receivingData.data);
+                    }
+                }
+            }),
+            runOnAttached((comp, _se) => {
+                reflectingConfig.initialData.each((rawData) => {
+                    update(comp, rawData);
+                });
+            })
+        ]);
+    };
+
+    var ActiveReflecting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$7
+    });
+
+    const getState$1 = (component, replaceConfig, reflectState) => reflectState;
+
+    var ReflectingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getState: getState$1
+    });
+
+    var ReflectingSchema = [
+        required$1('channel'),
+        option$3('renderComponents'),
+        option$3('updateState'),
+        option$3('initialData'),
+        defaultedBoolean('reuseDom', true)
+    ];
+
+    const init$7 = () => {
+        const cell = Cell(Optional.none());
+        const clear = () => cell.set(Optional.none());
+        const readState = () => cell.get().getOr('none');
+        return {
+            readState,
+            get: cell.get,
+            set: cell.set,
+            clear
+        };
+    };
+
+    var ReflectingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$7
+    });
+
+    const Reflecting = create$3({
+        fields: ReflectingSchema,
+        name: 'reflecting',
+        active: ActiveReflecting,
+        apis: ReflectingApis,
+        state: ReflectingState
+    });
+
+    // NOTE: A sandbox should not start as part of the world. It is expected to be
+    // added to the sink on rebuild.
+    const rebuild = (sandbox, sConfig, sState, data) => {
+        sState.get().each((_data) => {
+            // If currently has data, so it hasn't been removed yet. It is
+            // being "re-opened"
+            detachChildren(sandbox);
+        });
+        const point = sConfig.getAttachPoint(sandbox);
+        attach(point, sandbox);
+        // Must be after the sandbox is in the system
+        const built = sandbox.getSystem().build(data);
+        attach(sandbox, built);
+        sState.set(built);
+        return built;
+    };
+    // Open sandbox transfers focus to the opened menu
+    const open$1 = (sandbox, sConfig, sState, data) => {
+        const newState = rebuild(sandbox, sConfig, sState, data);
+        sConfig.onOpen(sandbox, newState);
+        return newState;
+    };
+    const setContent = (sandbox, sConfig, sState, data) => sState.get()?.map(() => rebuild(sandbox, sConfig, sState, data));
+    // TODO AP-191 write a test for openWhileCloaked
+    const openWhileCloaked = (sandbox, sConfig, sState, data, transaction) => {
+        cloak(sandbox, sConfig);
+        open$1(sandbox, sConfig, sState, data);
+        transaction();
+        decloak(sandbox, sConfig);
+    };
+    const close$1 = (sandbox, sConfig, sState) => {
+        sState.get().each((data) => {
+            detachChildren(sandbox);
+            detach(sandbox);
+            sConfig.onClose(sandbox, data);
+            sState.clear();
+        });
+    };
+    const isOpen$1 = (_sandbox, _sConfig, sState) => sState.isOpen();
+    const isPartOf$1 = (sandbox, sConfig, sState, queryElem) => isOpen$1(sandbox, sConfig, sState) && sState.get().exists((data) => sConfig.isPartOf(sandbox, data, queryElem));
+    const getState = (_sandbox, _sConfig, sState) => sState.get();
+    const store = (sandbox, cssKey, attr, newValue) => {
+        getRaw(sandbox.element, cssKey).fold(() => {
+            remove$8(sandbox.element, attr);
+        }, (v) => {
+            set$9(sandbox.element, attr, v);
+        });
+        set$7(sandbox.element, cssKey, newValue);
+    };
+    const restore = (sandbox, cssKey, attr) => {
+        getOpt(sandbox.element, attr).fold(() => remove$6(sandbox.element, cssKey), (oldValue) => set$7(sandbox.element, cssKey, oldValue));
+    };
+    const cloak = (sandbox, sConfig, _sState) => {
+        const sink = sConfig.getAttachPoint(sandbox);
+        // Use the positioning mode of the sink, so that it does not interfere with the sink's positioning
+        // We add it here to stop it causing layout problems.
+        set$7(sandbox.element, 'position', Positioning.getMode(sink));
+        store(sandbox, 'visibility', sConfig.cloakVisibilityAttr, 'hidden');
+    };
+    const hasPosition = (element) => exists(['top', 'left', 'right', 'bottom'], (pos) => getRaw(element, pos).isSome());
+    const decloak = (sandbox, sConfig, _sState) => {
+        if (!hasPosition(sandbox.element)) {
+            // If a position value was not added to the sandbox during cloaking, remove it
+            // otherwise certain position values (absolute, relative) will impact the child that _was_ positioned
+            remove$6(sandbox.element, 'position');
+        }
+        restore(sandbox, 'visibility', sConfig.cloakVisibilityAttr);
+    };
+
+    var SandboxApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        cloak: cloak,
+        decloak: decloak,
+        open: open$1,
+        openWhileCloaked: openWhileCloaked,
+        close: close$1,
+        isOpen: isOpen$1,
+        isPartOf: isPartOf$1,
+        getState: getState,
+        setContent: setContent
+    });
+
+    const events$6 = (sandboxConfig, sandboxState) => derive$2([
+        run$1(sandboxClose(), (sandbox, _simulatedEvent) => {
+            close$1(sandbox, sandboxConfig, sandboxState);
+        })
+    ]);
+
+    var ActiveSandbox = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$6
+    });
+
+    var SandboxSchema = [
+        onHandler('onOpen'),
+        onHandler('onClose'),
+        // Maybe this should be optional
+        required$1('isPartOf'),
+        required$1('getAttachPoint'),
+        defaulted('cloakVisibilityAttr', 'data-precloak-visibility')
+    ];
+
+    const init$6 = () => {
+        const contents = value$2();
+        const readState = constant$1('not-implemented');
+        return nu$4({
+            readState,
+            isOpen: contents.isSet,
+            clear: contents.clear,
+            set: contents.set,
+            get: contents.get
+        });
+    };
+
+    var SandboxState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$6
+    });
+
+    const Sandboxing = create$3({
+        fields: SandboxSchema,
+        name: 'sandboxing',
+        active: ActiveSandbox,
+        apis: SandboxApis,
+        state: SandboxState
+    });
+
+    const getAnimationRoot = (component, slideConfig) => slideConfig.getAnimationRoot.fold(() => component.element, (get) => get(component));
+
+    const getDimensionProperty = (slideConfig) => slideConfig.dimension.property;
+    const getDimension = (slideConfig, elem) => slideConfig.dimension.getDimension(elem);
+    const disableTransitions = (component, slideConfig) => {
+        const root = getAnimationRoot(component, slideConfig);
+        remove$2(root, [slideConfig.shrinkingClass, slideConfig.growingClass]);
+    };
+    const setShrunk = (component, slideConfig) => {
+        remove$3(component.element, slideConfig.openClass);
+        add$2(component.element, slideConfig.closedClass);
+        set$7(component.element, getDimensionProperty(slideConfig), '0px');
+        reflow(component.element);
+    };
+    const setGrown = (component, slideConfig) => {
+        remove$3(component.element, slideConfig.closedClass);
+        add$2(component.element, slideConfig.openClass);
+        remove$6(component.element, getDimensionProperty(slideConfig));
+    };
+    const doImmediateShrink = (component, slideConfig, slideState, _calculatedSize) => {
+        slideState.setCollapsed();
+        // Force current dimension to begin transition
+        set$7(component.element, getDimensionProperty(slideConfig), getDimension(slideConfig, component.element));
+        // TINY-8710: we don't think reflow is required (as has been done elsewhere) as the animation is not needed
+        disableTransitions(component, slideConfig);
+        setShrunk(component, slideConfig);
+        slideConfig.onStartShrink(component);
+        slideConfig.onShrunk(component);
+    };
+    const doStartShrink = (component, slideConfig, slideState, calculatedSize) => {
+        const size = calculatedSize.getOrThunk(() => getDimension(slideConfig, component.element));
+        slideState.setCollapsed();
+        // Force current dimension to begin transition
+        set$7(component.element, getDimensionProperty(slideConfig), size);
+        reflow(component.element);
+        const root = getAnimationRoot(component, slideConfig);
+        remove$3(root, slideConfig.growingClass);
+        add$2(root, slideConfig.shrinkingClass); // enable transitions
+        setShrunk(component, slideConfig);
+        slideConfig.onStartShrink(component);
+    };
+    // A "smartShrink" will do an immediate shrink if no shrinking is scheduled to happen
+    const doStartSmartShrink = (component, slideConfig, slideState) => {
+        const size = getDimension(slideConfig, component.element);
+        const shrinker = size === '0px' ? doImmediateShrink : doStartShrink;
+        shrinker(component, slideConfig, slideState, Optional?.some(size));
+    };
+    // Showing is complex due to the inability to transition to "auto".
+    // We also can't cache the dimension as the parents may have resized since it was last shown.
+    const doStartGrow = (component, slideConfig, slideState) => {
+        // Start the growing animation styles
+        const root = getAnimationRoot(component, slideConfig);
+        // Record whether this is interrupting a shrink and its current size
+        const wasShrinking = has(root, slideConfig.shrinkingClass);
+        const beforeSize = getDimension(slideConfig, component.element);
+        setGrown(component, slideConfig);
+        const fullSize = getDimension(slideConfig, component.element);
+        // If the grow is interrupting a shrink, use the size from before the grow as the start size
+        // And reflow so that the animation works.
+        const startPartialGrow = () => {
+            set$7(component.element, getDimensionProperty(slideConfig), beforeSize);
+            reflow(component.element);
+        };
+        // If the grow is not interrupting a shrink, start from 0 (shrunk)
+        const startCompleteGrow = () => {
+            setShrunk(component, slideConfig);
+        };
+        // Determine what the initial size for the grow operation should be.
+        const setStartSize = wasShrinking ? startPartialGrow : startCompleteGrow;
+        setStartSize();
+        remove$3(root, slideConfig.shrinkingClass);
+        add$2(root, slideConfig.growingClass);
+        setGrown(component, slideConfig);
+        set$7(component.element, getDimensionProperty(slideConfig), fullSize);
+        slideState.setExpanded();
+        slideConfig.onStartGrow(component);
+    };
+    const refresh$3 = (component, slideConfig, slideState) => {
+        if (slideState.isExpanded()) {
+            remove$6(component.element, getDimensionProperty(slideConfig));
+            const fullSize = getDimension(slideConfig, component.element);
+            set$7(component.element, getDimensionProperty(slideConfig), fullSize);
+        }
+    };
+    const grow = (component, slideConfig, slideState) => {
+        if (!slideState.isExpanded()) {
+            doStartGrow(component, slideConfig, slideState);
+        }
+    };
+    const shrink = (component, slideConfig, slideState) => {
+        if (slideState.isExpanded()) {
+            doStartSmartShrink(component, slideConfig, slideState);
+        }
+    };
+    const immediateShrink = (component, slideConfig, slideState) => {
+        if (slideState.isExpanded()) {
+            doImmediateShrink(component, slideConfig, slideState);
+        }
+    };
+    const hasGrown = (component, slideConfig, slideState) => slideState.isExpanded();
+    const hasShrunk = (component, slideConfig, slideState) => slideState.isCollapsed();
+    const isGrowing = (component, slideConfig, _slideState) => {
+        const root = getAnimationRoot(component, slideConfig);
+        return has(root, slideConfig.growingClass) === true;
+    };
+    const isShrinking = (component, slideConfig, _slideState) => {
+        const root = getAnimationRoot(component, slideConfig);
+        return has(root, slideConfig.shrinkingClass) === true;
+    };
+    const isTransitioning = (component, slideConfig, slideState) => isGrowing(component, slideConfig) || isShrinking(component, slideConfig);
+    const toggleGrow = (component, slideConfig, slideState) => {
+        const f = slideState.isExpanded() ? doStartSmartShrink : doStartGrow;
+        f(component, slideConfig, slideState);
+    };
+    const immediateGrow = (component, slideConfig, slideState) => {
+        if (!slideState.isExpanded()) {
+            setGrown(component, slideConfig);
+            set$7(component.element, getDimensionProperty(slideConfig), getDimension(slideConfig, component.element));
+            // TINY-8710: we don't think reflow is required (as has been done elsewhere) as the animation is not needed
+            // Keep disableTransition to handle the case where it's part way through transitioning
+            disableTransitions(component, slideConfig);
+            slideState.setExpanded();
+            slideConfig.onStartGrow(component);
+            slideConfig.onGrown(component);
+        }
+    };
+
+    var SlidingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        refresh: refresh$3,
+        grow: grow,
+        shrink: shrink,
+        immediateShrink: immediateShrink,
+        hasGrown: hasGrown,
+        hasShrunk: hasShrunk,
+        isGrowing: isGrowing,
+        isShrinking: isShrinking,
+        isTransitioning: isTransitioning,
+        toggleGrow: toggleGrow,
+        disableTransitions: disableTransitions,
+        immediateGrow: immediateGrow
+    });
+
+    const exhibit$3 = (base, slideConfig, _slideState) => {
+        const expanded = slideConfig.expanded;
+        return expanded ? nu$2({
+            classes: [slideConfig.openClass],
+            styles: {}
+        }) : nu$2({
+            classes: [slideConfig.closedClass],
+            styles: wrap(slideConfig.dimension.property, '0px')
+        });
+    };
+    const events$5 = (slideConfig, slideState) => derive$2([
+        runOnSource(transitionend(), (component, simulatedEvent) => {
+            const raw = simulatedEvent.event.raw;
+            // This will fire for all transitions, we're only interested in the dimension completion on source
+            if (raw.propertyName === slideConfig.dimension.property) {
+                disableTransitions(component, slideConfig); // disable transitions immediately (Safari animates the dimension removal below)
+                if (slideState.isExpanded()) {
+                    remove$6(component.element, slideConfig.dimension.property);
+                } // when showing, remove the dimension so it is responsive
+                const notify = slideState.isExpanded() ? slideConfig.onGrown : slideConfig.onShrunk;
+                notify(component);
+            }
+        })
+    ]);
+
+    var ActiveSliding = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$3,
+        events: events$5
+    });
+
+    var SlidingSchema = [
+        required$1('closedClass'),
+        required$1('openClass'),
+        required$1('shrinkingClass'),
+        required$1('growingClass'),
+        // Element which shrinking and growing animations
+        option$3('getAnimationRoot'),
+        onHandler('onShrunk'),
+        onHandler('onStartShrink'),
+        onHandler('onGrown'),
+        onHandler('onStartGrow'),
+        defaulted('expanded', false),
+        requiredOf('dimension', choose$1('property', {
+            width: [
+                output$1('property', 'width'),
+                output$1('getDimension', (elem) => get$c(elem) + 'px')
+            ],
+            height: [
+                output$1('property', 'height'),
+                output$1('getDimension', (elem) => get$d(elem) + 'px')
+            ]
+        }))
+    ];
+
+    const init$5 = (spec) => {
+        const state = Cell(spec.expanded);
+        const readState = () => 'expanded: ' + state.get();
+        return nu$4({
+            isExpanded: () => state.get() === true,
+            isCollapsed: () => state.get() === false,
+            setCollapsed: curry(state.set, false),
+            setExpanded: curry(state.set, true),
+            readState
+        });
+    };
+
+    var SlidingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$5
+    });
+
+    const Sliding = create$3({
+        fields: SlidingSchema,
+        name: 'sliding',
+        active: ActiveSliding,
+        apis: SlidingApis,
+        state: SlidingState
+    });
+
+    const events$4 = (streamConfig, streamState) => {
+        const streams = streamConfig.stream.streams;
+        const processor = streams.setup(streamConfig, streamState);
+        return derive$2([
+            run$1(streamConfig.event, processor),
+            runOnDetached(() => streamState.cancel())
+        ].concat(streamConfig.cancelEvent?.map((e) => [
+            run$1(e, () => streamState.cancel())
+        ]).getOr([])));
+    };
+
+    var ActiveStreaming = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$4
+    });
+
+    const throttle = (_config) => {
+        const state = Cell(null);
+        const readState = () => ({
+            timer: state.get() !== null ? 'set' : 'unset'
+        });
+        const setTimer = (t) => {
+            state.set(t);
+        };
+        const cancel = () => {
+            const t = state.get();
+            if (t !== null) {
+                t.cancel();
+            }
+        };
+        return nu$4({
+            readState,
+            setTimer,
+            cancel
+        });
+    };
+    const init$4 = (spec) => spec.stream.streams.state(spec);
+
+    var StreamingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        throttle: throttle,
+        init: init$4
+    });
+
+    const setup$e = (streamInfo, streamState) => {
+        const sInfo = streamInfo.stream;
+        const throttler = last(streamInfo.onStream, sInfo.delay);
+        streamState.setTimer(throttler);
+        return (component, simulatedEvent) => {
+            throttler.throttle(component, simulatedEvent);
+            if (sInfo.stopEvent) {
+                simulatedEvent.stop();
+            }
+        };
+    };
+    var StreamingSchema = [
+        requiredOf('stream', choose$1('mode', {
+            throttle: [
+                required$1('delay'),
+                defaulted('stopEvent', true),
+                output$1('streams', {
+                    setup: setup$e,
+                    state: throttle
+                })
+            ]
+        })),
+        defaulted('event', 'input'),
+        option$3('cancelEvent'),
+        onStrictHandler('onStream')
+    ];
+
+    const Streaming = create$3({
+        fields: StreamingSchema,
+        name: 'streaming',
+        active: ActiveStreaming,
+        state: StreamingState
+    });
+
+    const exhibit$2 = (base, tabConfig) => nu$2({
+        attributes: wrapAll([
+            { key: tabConfig.tabAttr, value: 'true' }
+        ])
+    });
+
+    var ActiveTabstopping = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$2
+    });
+
+    var TabstopSchema = [
+        defaulted('tabAttr', 'data-alloy-tabstop')
+    ];
+
+    const Tabstopping = create$3({
+        fields: TabstopSchema,
+        name: 'tabstopping',
+        active: ActiveTabstopping
+    });
+
+    const updateAriaState = (component, toggleConfig, toggleState) => {
+        const ariaInfo = toggleConfig.aria;
+        ariaInfo.update(component, ariaInfo, toggleState.get());
+    };
+    const updateClass = (component, toggleConfig, toggleState) => {
+        toggleConfig.toggleClass.each((toggleClass) => {
+            if (toggleState.get()) {
+                add$2(component.element, toggleClass);
+            }
+            else {
+                remove$3(component.element, toggleClass);
+            }
+        });
+    };
+    const set = (component, toggleConfig, toggleState, state) => {
+        const initialState = toggleState.get();
+        toggleState.set(state);
+        updateClass(component, toggleConfig, toggleState);
+        updateAriaState(component, toggleConfig, toggleState);
+        if (initialState !== state) {
+            toggleConfig.onToggled(component, state);
+        }
+    };
+    const toggle$2 = (component, toggleConfig, toggleState) => {
+        set(component, toggleConfig, toggleState, !toggleState.get());
+    };
+    const on = (component, toggleConfig, toggleState) => {
+        set(component, toggleConfig, toggleState, true);
+    };
+    const off = (component, toggleConfig, toggleState) => {
+        set(component, toggleConfig, toggleState, false);
+    };
+    const isOn = (component, toggleConfig, toggleState) => toggleState.get();
+    const onLoad = (component, toggleConfig, toggleState) => {
+        // There used to be a bit of code in here that would only overwrite
+        // the attribute if it didn't have a current value. I can't remember
+        // what case that was for, so I'm removing it until it is required.
+        set(component, toggleConfig, toggleState, toggleConfig.selected);
+    };
+
+    var ToggleApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        onLoad: onLoad,
+        toggle: toggle$2,
+        isOn: isOn,
+        on: on,
+        off: off,
+        set: set
+    });
+
+    const exhibit$1 = () => nu$2({});
+    const events$3 = (toggleConfig, toggleState) => {
+        const execute = executeEvent(toggleConfig, toggleState, toggle$2);
+        const load = loadEvent(toggleConfig, toggleState, onLoad);
+        return derive$2(flatten([
+            toggleConfig.toggleOnExecute ? [execute] : [],
+            [load]
+        ]));
+    };
+
+    var ActiveToggle = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$1,
+        events: events$3
+    });
+
+    const updatePressed = (component, ariaInfo, status) => {
+        set$9(component.element, 'aria-pressed', status);
+        if (ariaInfo.syncWithExpanded) {
+            updateExpanded(component, ariaInfo, status);
+        }
+    };
+    const updateSelected = (component, ariaInfo, status) => {
+        set$9(component.element, 'aria-selected', status);
+    };
+    const updateChecked = (component, ariaInfo, status) => {
+        set$9(component.element, 'aria-checked', status);
+    };
+    const updateExpanded = (component, ariaInfo, status) => {
+        set$9(component.element, 'aria-expanded', status);
+    };
+
+    var ToggleSchema = [
+        defaulted('selected', false),
+        option$3('toggleClass'),
+        defaulted('toggleOnExecute', true),
+        onHandler('onToggled'),
+        defaultedOf('aria', {
+            mode: 'none'
+        }, choose$1('mode', {
+            pressed: [
+                defaulted('syncWithExpanded', false),
+                output$1('update', updatePressed)
+            ],
+            checked: [
+                output$1('update', updateChecked)
+            ],
+            expanded: [
+                output$1('update', updateExpanded)
+            ],
+            selected: [
+                output$1('update', updateSelected)
+            ],
+            none: [
+                output$1('update', noop)
+            ]
+        }))
+    ];
+
+    const Toggling = create$3({
+        fields: ToggleSchema,
+        name: 'toggling',
+        active: ActiveToggle,
+        apis: ToggleApis,
+        state: SetupBehaviourCellState(false)
+    });
+
+    const ExclusivityChannel = generate$6('tooltip.exclusive');
+    const ShowTooltipEvent = generate$6('tooltip.show');
+    const HideTooltipEvent = generate$6('tooltip.hide');
+    const ImmediateHideTooltipEvent = generate$6('tooltip.immediateHide');
+    const ImmediateShowTooltipEvent = generate$6('tooltip.immediateShow');
+
+    const hideAllExclusive = (component, _tConfig, _tState) => {
+        component.getSystem().broadcastOn([ExclusivityChannel], {});
+    };
+    const setComponents = (_component, _tConfig, tState, specs) => {
+        tState.getTooltip().each((tooltip) => {
+            if (tooltip.getSystem().isConnected()) {
+                Replacing.set(tooltip, specs);
+            }
+        });
+    };
+    const isEnabled = (_component, _tConfig, tState) => tState.isEnabled();
+    const setEnabled = (_component, _tConfig, tState, enabled) => tState.setEnabled(enabled);
+    const immediateOpenClose = (component, _tConfig, _tState, open) => emit(component, open ? ImmediateShowTooltipEvent : ImmediateHideTooltipEvent);
+
+    var TooltippingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        hideAllExclusive: hideAllExclusive,
+        immediateOpenClose: immediateOpenClose,
+        isEnabled: isEnabled,
+        setComponents: setComponents,
+        setEnabled: setEnabled
+    });
+
+    const events$2 = (tooltipConfig, state) => {
+        const hide = (comp) => {
+            state.getTooltip().each((p) => {
+                if (p.getSystem().isConnected()) {
+                    detach(p);
+                    tooltipConfig.onHide(comp, p);
+                    state.clearTooltip();
+                }
+            });
+            state.clearTimer();
+        };
+        const show = (comp) => {
+            if (!state.isShowing() && state.isEnabled()) {
+                hideAllExclusive(comp);
+                const sink = tooltipConfig.lazySink(comp).getOrDie();
+                const popup = comp.getSystem().build({
+                    dom: tooltipConfig.tooltipDom,
+                    components: tooltipConfig.tooltipComponents,
+                    events: derive$2(tooltipConfig.mode === 'normal'
+                        ? [
+                            run$1(mouseover(), (_) => {
+                                emit(comp, ShowTooltipEvent);
+                            }),
+                            run$1(mouseout(), (_) => {
+                                emit(comp, HideTooltipEvent);
+                            })
+                        ]
+                        : []),
+                    behaviours: derive$1([
+                        Replacing.config({})
+                    ])
+                });
+                state.setTooltip(popup);
+                attach(sink, popup);
+                tooltipConfig.onShow(comp, popup);
+                Positioning.position(sink, popup, { anchor: tooltipConfig.anchor(comp) });
+            }
+        };
+        const reposition = (comp) => {
+            state.getTooltip().each((tooltip) => {
+                const sink = tooltipConfig.lazySink(comp).getOrDie();
+                Positioning.position(sink, tooltip, { anchor: tooltipConfig.anchor(comp) });
+            });
+        };
+        const getEvents = () => {
+            switch (tooltipConfig.mode) {
+                case 'normal':
+                    return [
+                        run$1(focusin(), (comp) => {
+                            emit(comp, ImmediateShowTooltipEvent);
+                        }),
+                        run$1(postBlur(), (comp) => {
+                            emit(comp, ImmediateHideTooltipEvent);
+                        }),
+                        run$1(mouseover(), (comp) => {
+                            emit(comp, ShowTooltipEvent);
+                        }),
+                        run$1(mouseout(), (comp) => {
+                            emit(comp, HideTooltipEvent);
+                        })
+                    ];
+                case 'follow-highlight':
+                    return [
+                        run$1(highlight$1(), (comp, _se) => {
+                            emit(comp, ShowTooltipEvent);
+                        }),
+                        run$1(dehighlight$1(), (comp) => {
+                            emit(comp, HideTooltipEvent);
+                        })
+                    ];
+                case 'children-normal':
+                    return [
+                        run$1(focusin(), (comp, se) => {
+                            search(comp.element).each((_) => {
+                                if (is(se.event.target, '[data-mce-tooltip]')) {
+                                    state.getTooltip().fold(() => {
+                                        emit(comp, ImmediateShowTooltipEvent);
+                                    }, (tooltip) => {
+                                        if (state.isShowing()) {
+                                            tooltipConfig.onShow(comp, tooltip);
+                                            reposition(comp);
+                                        }
+                                    });
+                                }
+                            });
+                        }),
+                        run$1(postBlur(), (comp) => {
+                            search(comp.element).fold(() => {
+                                emit(comp, ImmediateHideTooltipEvent);
+                            }, noop);
+                        }),
+                        run$1(mouseover(), (comp) => {
+                            descendant(comp.element, '[data-mce-tooltip]:hover').each((_) => {
+                                state.getTooltip().fold(() => {
+                                    emit(comp, ShowTooltipEvent);
+                                }, (tooltip) => {
+                                    if (state.isShowing()) {
+                                        tooltipConfig.onShow(comp, tooltip);
+                                        reposition(comp);
+                                    }
+                                });
+                            });
+                        }),
+                        run$1(mouseout(), (comp) => {
+                            descendant(comp.element, '[data-mce-tooltip]:hover').fold(() => {
+                                emit(comp, HideTooltipEvent);
+                            }, noop);
+                        }),
+                    ];
+                default:
+                    return [
+                        run$1(focusin(), (comp, se) => {
+                            search(comp.element).each((_) => {
+                                if (is(se.event.target, '[data-mce-tooltip]')) {
+                                    state.getTooltip().fold(() => {
+                                        emit(comp, ImmediateShowTooltipEvent);
+                                    }, (tooltip) => {
+                                        if (state.isShowing()) {
+                                            tooltipConfig.onShow(comp, tooltip);
+                                            reposition(comp);
+                                        }
+                                    });
+                                }
+                            });
+                        }),
+                        run$1(postBlur(), (comp) => {
+                            search(comp.element).fold(() => {
+                                emit(comp, ImmediateHideTooltipEvent);
+                            }, noop);
+                        }),
+                    ];
+            }
+        };
+        return derive$2(flatten([
+            [
+                runOnInit((component) => {
+                    tooltipConfig.onSetup(component);
+                }),
+                run$1(ShowTooltipEvent, (comp) => {
+                    state.resetTimer(() => {
+                        show(comp);
+                    }, tooltipConfig.delayForShow());
+                }),
+                run$1(HideTooltipEvent, (comp) => {
+                    state.resetTimer(() => {
+                        hide(comp);
+                    }, tooltipConfig.delayForHide());
+                }),
+                run$1(ImmediateShowTooltipEvent, (comp) => {
+                    state.resetTimer(() => {
+                        show(comp);
+                    }, 0);
+                }),
+                run$1(ImmediateHideTooltipEvent, (comp) => {
+                    state.resetTimer(() => {
+                        hide(comp);
+                    }, 0);
+                }),
+                run$1(receive(), (comp, message) => {
+                    // TODO: Think about the types for this, or find a better way for this
+                    // to rely on receiving.
+                    const receivingData = message;
+                    if (!receivingData.universal) {
+                        if (contains$2(receivingData.channels, ExclusivityChannel)) {
+                            hide(comp);
+                        }
+                    }
+                }),
+                runOnDetached((comp) => {
+                    hide(comp);
+                })
+            ],
+            (getEvents())
+        ]));
+    };
+
+    var ActiveTooltipping = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$2
+    });
+
+    var TooltippingSchema = [
+        required$1('lazySink'),
+        required$1('tooltipDom'),
+        defaulted('exclusive', true),
+        defaulted('tooltipComponents', []),
+        defaultedFunction('delayForShow', constant$1(300)),
+        defaultedFunction('delayForHide', constant$1(100)),
+        defaultedFunction('onSetup', noop),
+        defaultedStringEnum('mode', 'normal', ['normal', 'follow-highlight', 'children-keyboard-focus', 'children-normal']),
+        defaulted('anchor', (comp) => ({
+            type: 'hotspot',
+            hotspot: comp,
+            layouts: {
+                onLtr: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2]),
+                onRtl: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2])
+            },
+            bubble: nu$6(0, -2, {}),
+        })),
+        onHandler('onHide'),
+        onHandler('onShow'),
+    ];
+
+    const init$3 = () => {
+        const enabled = Cell(true);
+        const timer = value$2();
+        const popup = value$2();
+        const clearTimer = () => {
+            timer.on(clearTimeout);
+        };
+        const resetTimer = (f, delay) => {
+            clearTimer();
+            timer.set(setTimeout(f, delay));
+        };
+        const readState = constant$1('not-implemented');
+        return nu$4({
+            getTooltip: popup.get,
+            isShowing: popup.isSet,
+            setTooltip: popup.set,
+            clearTooltip: popup.clear,
+            clearTimer,
+            resetTimer,
+            readState,
+            isEnabled: () => enabled.get(),
+            setEnabled: (setToEnabled) => enabled.set(setToEnabled)
+        });
+    };
+
+    var TooltippingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$3
+    });
+
+    const Tooltipping = create$3({
+        fields: TooltippingSchema,
+        name: 'tooltipping',
+        active: ActiveTooltipping,
+        state: TooltippingState,
+        apis: TooltippingApis
+    });
+
+    const exhibit = () => nu$2({
+        styles: {
+            '-webkit-user-select': 'none',
+            'user-select': 'none',
+            '-ms-user-select': 'none',
+            '-moz-user-select': '-moz-none'
+        },
+        attributes: {
+            unselectable: 'on'
+        }
+    });
+    const events$1 = () => derive$2([
+        abort(selectstart(), always)
+    ]);
+
+    var ActiveUnselecting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$1,
+        exhibit: exhibit
+    });
+
+    const Unselecting = create$3({
+        fields: [],
+        name: 'unselecting',
+        active: ActiveUnselecting
+    });
+
+    const getAttrs = (elem) => {
+        const attributes = elem.dom.attributes !== undefined ? elem.dom.attributes : [];
+        return foldl(attributes, (b, attr) => {
+            // Make class go through the class path. Do not list it as an attribute.
+            if (attr.name === 'class') {
+                return b;
+            }
+            else {
+                return { ...b, [attr.name]: attr.value };
+            }
+        }, {});
+    };
+    const getClasses = (elem) => Array.prototype.slice.call(elem.dom.classList, 0);
+    const fromHtml = (html) => {
+        const elem = SugarElement.fromHtml(html);
+        const children$1 = children(elem);
+        const attrs = getAttrs(elem);
+        const classes = getClasses(elem);
+        const contents = children$1.length === 0 ? {} : { innerHtml: get$f(elem) };
+        return {
+            tag: name$3(elem),
+            classes,
+            attributes: attrs,
+            ...contents
+        };
+    };
+
+    const record = (spec) => {
+        const uid = isSketchSpec(spec) && hasNonNullableKey(spec, 'uid') ? spec.uid : generate$4('memento');
+        const get = (anyInSystem) => anyInSystem.getSystem().getByUid(uid).getOrDie();
+        const getOpt = (anyInSystem) => anyInSystem.getSystem().getByUid(uid).toOptional();
+        const asSpec = () => ({
+            ...spec,
+            uid
+        });
+        return {
+            get,
+            getOpt,
+            asSpec
+        };
+    };
+
+    // TODO: ^ rename the parts/ api to composites, it will break mobile alloy now if we do
+    const parts$h = AlloyParts;
+    const partType$1 = PartType;
+
+    const dismissPopups = constant$1('dismiss.popups');
+    const repositionPopups = constant$1('reposition.popups');
+    const mouseReleased = constant$1('mouse.released');
+
+    const fromSource = (event, source) => {
+        const stopper = Cell(false);
+        const cutter = Cell(false);
+        const stop = () => {
+            stopper.set(true);
+        };
+        const cut = () => {
+            cutter.set(true);
+        };
+        return {
+            stop,
+            cut,
+            isStopped: stopper.get,
+            isCut: cutter.get,
+            event,
+            // Used only for tiered menu at the moment. It is an element, not a component
+            setSource: source.set,
+            getSource: source.get
+        };
+    };
+    // Events that come from outside of the alloy root (e.g. window scroll)
+    const fromExternal = (event) => {
+        const stopper = Cell(false);
+        const stop = () => {
+            stopper.set(true);
+        };
+        return {
+            stop,
+            cut: noop, // cutting has no meaning for a broadcasted event
+            isStopped: stopper.get,
+            isCut: never,
+            event,
+            // Nor do targets really
+            setSource: die('Cannot set source of a broadcasted event'),
+            getSource: die('Cannot get source of a broadcasted event')
+        };
+    };
+
+    const isDangerous = (event) => {
+        // Will trigger the Back button in the browser
+        const keyEv = event.raw;
+        return keyEv.which === BACKSPACE[0] && !contains$2(['input', 'textarea'], name$3(event.target)) && !closest$1(event.target, '[contenteditable="true"]');
+    };
+    const setup$d = (container, rawSettings) => {
+        const settings = {
+            stopBackspace: true,
+            ...rawSettings
+        };
+        const pointerEvents = [
+            'touchstart',
+            'touchmove',
+            'touchend',
+            'touchcancel',
+            'gesturestart',
+            'mousedown',
+            'mouseup',
+            'mouseover',
+            'mousemove',
+            'mouseout',
+            'click'
+        ];
+        const tapEvent = monitor(settings);
+        // These events are just passed through ... no additional processing
+        const simpleEvents = map$2(pointerEvents.concat([
+            'selectstart',
+            'input',
+            'contextmenu',
+            'change',
+            'transitionend',
+            'transitioncancel',
+            // Test the drag events
+            'drag',
+            'dragstart',
+            'dragend',
+            'dragenter',
+            'dragleave',
+            'dragover',
+            'drop',
+            'keyup'
+        ]), (type) => bind$1(container, type, (event) => {
+            tapEvent.fireIfReady(event, type).each((tapStopped) => {
+                if (tapStopped) {
+                    event.kill();
+                }
+            });
+            const stopped = settings.triggerEvent(type, event);
+            if (stopped) {
+                event.kill();
+            }
+        }));
+        const pasteTimeout = value$2();
+        const onPaste = bind$1(container, 'paste', (event) => {
+            tapEvent.fireIfReady(event, 'paste').each((tapStopped) => {
+                if (tapStopped) {
+                    event.kill();
+                }
+            });
+            const stopped = settings.triggerEvent('paste', event);
+            if (stopped) {
+                event.kill();
+            }
+            pasteTimeout.set(setTimeout(() => {
+                settings.triggerEvent(postPaste(), event);
+            }, 0));
+        });
+        const onKeydown = bind$1(container, 'keydown', (event) => {
+            // Prevent default of backspace when not in input fields.
+            const stopped = settings.triggerEvent('keydown', event);
+            if (stopped) {
+                event.kill();
+            }
+            else if (settings.stopBackspace && isDangerous(event)) {
+                event.prevent();
+            }
+        });
+        const onFocusIn = bind$1(container, 'focusin', (event) => {
+            const stopped = settings.triggerEvent('focusin', event);
+            if (stopped) {
+                event.kill();
+            }
+        });
+        const focusoutTimeout = value$2();
+        const onFocusOut = bind$1(container, 'focusout', (event) => {
+            const stopped = settings.triggerEvent('focusout', event);
+            if (stopped) {
+                event.kill();
+            }
+            // INVESTIGATE: Come up with a better way of doing this. Related target can be used, but not on FF.
+            // It allows the active element to change before firing the blur that we will listen to
+            // for things like closing popups
+            focusoutTimeout.set(setTimeout(() => {
+                settings.triggerEvent(postBlur(), event);
+            }, 0));
+        });
+        const unbind = () => {
+            each$1(simpleEvents, (e) => {
+                e.unbind();
+            });
+            onKeydown.unbind();
+            onFocusIn.unbind();
+            onFocusOut.unbind();
+            onPaste.unbind();
+            pasteTimeout.on(clearTimeout);
+            focusoutTimeout.on(clearTimeout);
+        };
+        return {
+            unbind
+        };
+    };
+
+    const derive = (rawEvent, rawTarget) => {
+        const source = get$h(rawEvent, 'target').getOr(rawTarget);
+        return Cell(source);
+    };
+
+    const adt = Adt.generate([
+        { stopped: [] },
+        { resume: ['element'] },
+        { complete: [] }
+    ]);
+    const doTriggerHandler = (lookup, eventType, rawEvent, target, source, logger) => {
+        const handler = lookup(eventType, target);
+        const simulatedEvent = fromSource(rawEvent, source);
+        return handler.fold(() => {
+            // No handler, so complete.
+            logger.logEventNoHandlers(eventType, target);
+            return adt.complete();
+        }, (handlerInfo) => {
+            const descHandler = handlerInfo.descHandler;
+            const eventHandler = getCurried(descHandler);
+            eventHandler(simulatedEvent);
+            // Now, check if the event was stopped.
+            if (simulatedEvent.isStopped()) {
+                logger.logEventStopped(eventType, handlerInfo.element, descHandler.purpose);
+                return adt.stopped();
+            }
+            else if (simulatedEvent.isCut()) {
+                logger.logEventCut(eventType, handlerInfo.element, descHandler.purpose);
+                return adt.complete();
+            }
+            else {
+                return parent(handlerInfo.element).fold(() => {
+                    logger.logNoParent(eventType, handlerInfo.element, descHandler.purpose);
+                    // No parent, so complete.
+                    return adt.complete();
+                }, (parent) => {
+                    logger.logEventResponse(eventType, handlerInfo.element, descHandler.purpose);
+                    // Resume at parent
+                    return adt.resume(parent);
+                });
+            }
+        });
+    };
+    const doTriggerOnUntilStopped = (lookup, eventType, rawEvent, rawTarget, source, logger) => doTriggerHandler(lookup, eventType, rawEvent, rawTarget, source, logger).fold(
+    // stopped.
+    always, 
+    // Go again.
+    (parent) => doTriggerOnUntilStopped(lookup, eventType, rawEvent, parent, source, logger), 
+    // completed
+    never);
+    const triggerHandler = (lookup, eventType, rawEvent, target, logger) => {
+        const source = derive(rawEvent, target);
+        return doTriggerHandler(lookup, eventType, rawEvent, target, source, logger);
+    };
+    const broadcast = (listeners, rawEvent, _logger) => {
+        const simulatedEvent = fromExternal(rawEvent);
+        each$1(listeners, (listener) => {
+            const descHandler = listener.descHandler;
+            const handler = getCurried(descHandler);
+            handler(simulatedEvent);
+        });
+        return simulatedEvent.isStopped();
+    };
+    const triggerUntilStopped = (lookup, eventType, rawEvent, logger) => triggerOnUntilStopped(lookup, eventType, rawEvent, rawEvent.target, logger);
+    const triggerOnUntilStopped = (lookup, eventType, rawEvent, rawTarget, logger) => {
+        const source = derive(rawEvent, rawTarget);
+        return doTriggerOnUntilStopped(lookup, eventType, rawEvent, rawTarget, source, logger);
+    };
+
+    const eventHandler = (element, descHandler) => ({
+        element,
+        descHandler
+    });
+    const broadcastHandler = (id, handler) => ({
+        id,
+        descHandler: handler
+    });
+    const EventRegistry = () => {
+        const registry = {};
+        const registerId = (extraArgs, id, events) => {
+            each(events, (v, k) => {
+                const handlers = registry[k] !== undefined ? registry[k] : {};
+                handlers[id] = curryArgs(v, extraArgs);
+                registry[k] = handlers;
+            });
+        };
+        const findHandler = (handlers, elem) => read(elem)
+            .bind((id) => get$h(handlers, id))
+            ?.map((descHandler) => eventHandler(elem, descHandler));
+        // Given just the event type, find all handlers regardless of element
+        const filterByType = (type) => get$h(registry, type)
+            ?.map((handlers) => mapToArray(handlers, (f, id) => broadcastHandler(id, f)))
+            .getOr([]);
+        // Given event type, and element, find the handler.
+        const find = (isAboveRoot, type, target) => get$h(registry, type)
+            .bind((handlers) => closest(target, (elem) => findHandler(handlers, elem), isAboveRoot));
+        const unregisterId = (id) => {
+            // INVESTIGATE: Find a better way than mutation if we can.
+            each(registry, (handlersById, _eventName) => {
+                if (has$2(handlersById, id)) {
+                    delete handlersById[id];
+                }
+            });
+        };
+        return {
+            registerId,
+            unregisterId,
+            filterByType,
+            find
+        };
+    };
+
+    const Registry = () => {
+        const events = EventRegistry();
+        // An index of uid -> built components
+        const components = {};
+        const readOrTag = (component) => {
+            const elem = component.element;
+            return read(elem).getOrThunk(() => 
+            // No existing tag, so add one.
+            write('uid-', component.element));
+        };
+        const failOnDuplicate = (component, tagId) => {
+            const conflict = components[tagId];
+            if (conflict === component) {
+                unregister(component);
+            }
+            else {
+                throw new Error('The tagId "' + tagId + '" is already used by: ' + element(conflict.element) + '\nCannot use it for: ' + element(component.element) + '\n' +
+                    'The conflicting element is' + (inBody(conflict.element) ? ' ' : ' not ') + 'already in the DOM');
+            }
+        };
+        const register = (component) => {
+            const tagId = readOrTag(component);
+            if (hasNonNullableKey(components, tagId)) {
+                failOnDuplicate(component, tagId);
+            }
+            // Component is passed through an an extra argument to all events
+            const extraArgs = [component];
+            events.registerId(extraArgs, tagId, component.events);
+            components[tagId] = component;
+        };
+        const unregister = (component) => {
+            read(component.element).each((tagId) => {
+                delete components[tagId];
+                events.unregisterId(tagId);
+            });
+        };
+        const filter = (type) => events.filterByType(type);
+        const find = (isAboveRoot, type, target) => events.find(isAboveRoot, type, target);
+        const getById = (id) => get$h(components, id);
+        return {
+            find,
+            filter,
+            register,
+            unregister,
+            getById
+        };
+    };
+
+    const takeover = (root) => {
+        const isAboveRoot = (el) => parent(root.element).fold(always, (parent) => eq(el, parent));
+        const registry = Registry();
+        const lookup = (eventName, target) => registry.find(isAboveRoot, eventName, target);
+        const domEvents = setup$d(root.element, {
+            triggerEvent: (eventName, event) => {
+                return monitorEvent(eventName, event.target, (logger) => triggerUntilStopped(lookup, eventName, event, logger));
+            }
+        });
+        const systemApi = {
+            // This is a real system
+            debugInfo: constant$1('real'),
+            triggerEvent: (eventName, target, data) => {
+                monitorEvent(eventName, target, (logger) => 
+                // The return value is not used because this is a fake event.
+                triggerOnUntilStopped(lookup, eventName, data, target, logger));
+            },
+            triggerFocus: (target, originator) => {
+                read(target).fold(() => {
+                    // When the target is not within the alloy system, dispatch a normal focus event.
+                    focus$4(target);
+                }, (_alloyId) => {
+                    monitorEvent(focus$3(), target, (logger) => {
+                        // NOTE: This will stop at first handler.
+                        triggerHandler(lookup, focus$3(), {
+                            // originator is used by the default events to ensure that focus doesn't
+                            // get called infinitely
+                            originator,
+                            kill: noop,
+                            prevent: noop,
+                            target
+                        }, target, logger);
+                        return false;
+                    });
+                });
+            },
+            triggerEscape: (comp, simulatedEvent) => {
+                systemApi.triggerEvent('keydown', comp.element, simulatedEvent.event);
+            },
+            getByUid: (uid) => {
+                return getByUid(uid);
+            },
+            getByDom: (elem) => {
+                return getByDom(elem);
+            },
+            build: build$1,
+            buildOrPatch: buildOrPatch,
+            addToGui: (c) => {
+                add(c);
+            },
+            removeFromGui: (c) => {
+                remove(c);
+            },
+            addToWorld: (c) => {
+                addToWorld(c);
+            },
+            removeFromWorld: (c) => {
+                removeFromWorld(c);
+            },
+            broadcast: (message) => {
+                broadcast$1(message);
+            },
+            broadcastOn: (channels, message) => {
+                broadcastOn(channels, message);
+            },
+            broadcastEvent: (eventName, event) => {
+                broadcastEvent(eventName, event);
+            },
+            isConnected: always
+        };
+        const addToWorld = (component) => {
+            component.connect(systemApi);
+            if (!isText(component.element)) {
+                registry.register(component);
+                each$1(component.components(), addToWorld);
+                systemApi.triggerEvent(systemInit(), component.element, { target: component.element });
+            }
+        };
+        const removeFromWorld = (component) => {
+            if (!isText(component.element)) {
+                each$1(component.components(), removeFromWorld);
+                registry.unregister(component);
+            }
+            component.disconnect();
+        };
+        const add = (component) => {
+            attach(root, component);
+        };
+        const remove = (component) => {
+            detach(component);
+        };
+        const destroy = () => {
+            // INVESTIGATE: something with registry?
+            domEvents.unbind();
+            remove$7(root.element);
+        };
+        const broadcastData = (data) => {
+            const receivers = registry.filter(receive());
+            each$1(receivers, (receiver) => {
+                const descHandler = receiver.descHandler;
+                const handler = getCurried(descHandler);
+                handler(data);
+            });
+        };
+        const broadcast$1 = (message) => {
+            broadcastData({
+                universal: true,
+                data: message
+            });
+        };
+        const broadcastOn = (channels, message) => {
+            broadcastData({
+                universal: false,
+                channels,
+                data: message
+            });
+        };
+        // This doesn't follow usual DOM bubbling. It will just dispatch on all
+        // targets that have the event. It is the general case of the more specialised
+        // "message". "messages" may actually just go away. This is used for things
+        // like window scroll.
+        const broadcastEvent = (eventName, event) => {
+            const listeners = registry.filter(eventName);
+            return broadcast(listeners, event);
+        };
+        const getByUid = (uid) => registry.getById(uid).fold(() => Result.error(new Error('Could not find component with uid: "' + uid + '" in system.')), Result.value);
+        const getByDom = (elem) => {
+            const uid = read(elem).getOr('not found');
+            return getByUid(uid);
+        };
+        addToWorld(root);
+        return {
+            root,
+            element: root.element,
+            destroy,
+            add,
+            remove,
+            getByUid,
+            getByDom,
+            addToWorld,
+            removeFromWorld,
+            broadcast: broadcast$1,
+            broadcastOn,
+            broadcastEvent
+        };
+    };
+
+    const pointerEvents = () => {
+        const onClick = (component, simulatedEvent) => {
+            simulatedEvent.stop();
+            emitExecute(component);
+        };
+        return [
+            // Trigger execute when clicked
+            run$1(click(), onClick),
+            run$1(tap(), onClick),
+            // Other mouse down listeners above this one should not get mousedown behaviour (like dragging)
+            cutter(touchstart()),
+            cutter(mousedown())
+        ];
+    };
+    const events = (optAction) => {
+        const executeHandler = (action) => runOnExecute$1((component, simulatedEvent) => {
+            action(component);
+            simulatedEvent.stop();
+        });
+        return derive$2(flatten([
+            // Only listen to execute if it is supplied
+            optAction?.map(executeHandler).toArray(),
+            pointerEvents()
+        ]));
+    };
+
+    const factory$n = (detail) => {
+        const events$1 = events(detail.action);
+        const tag = detail.dom.tag;
+        const lookupAttr = (attr) => get$h(detail.dom, 'attributes').bind((attrs) => get$h(attrs, attr));
+        // Button tags should not have a default role of button, and only buttons should
+        // get a type of button.
+        const getModAttributes = () => {
+            if (tag === 'button') {
+                // Default to type button, unless specified otherwise
+                const type = lookupAttr('type').getOr('button');
+                // Only use a role if it is specified
+                const roleAttrs = lookupAttr('role')?.map((role) => ({ role })).getOr({});
+                return {
+                    type,
+                    ...roleAttrs
+                };
+            }
+            else {
+                // We are not a button, so type is irrelevant (unless specified)
+                // Default role to button
+                const role = detail.role.getOr(lookupAttr('role').getOr('button'));
+                return { role };
+            }
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components: detail.components,
+            events: events$1,
+            behaviours: SketchBehaviours.augment(detail.buttonBehaviours, [
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'execution',
+                    // Note execution will capture keyup when the focus is on the button
+                    // on Firefox, because otherwise it will fire a click event and double
+                    // up on the action
+                    useSpace: true,
+                    useEnter: true
+                })
+            ]),
+            domModification: {
+                attributes: getModAttributes()
+            },
+            eventOrder: detail.eventOrder
+        };
+    };
+    const Button = single({
+        name: 'Button',
+        factory: factory$n,
+        configFields: [
+            defaulted('uid', undefined),
+            required$1('dom'),
+            defaulted('components', []),
+            SketchBehaviours.field('buttonBehaviours', [Focusing, Keying]),
+            option$3('action'),
+            option$3('role'),
+            defaulted('eventOrder', {})
+        ]
+    });
+
+    const schema$n = constant$1([
+        defaulted('shell', false),
+        required$1('makeItem'),
+        defaulted('setupItem', noop),
+        SketchBehaviours.field('listBehaviours', [Replacing])
+    ]);
+    const customListDetail = () => ({
+        behaviours: derive$1([
+            Replacing.config({})
+        ])
+    });
+    const itemsPart = optional({
+        name: 'items',
+        overrides: customListDetail
+    });
+    const parts$g = constant$1([
+        itemsPart
+    ]);
+    const name$1 = constant$1('CustomList');
+
+    const factory$m = (detail, components, _spec, _external) => {
+        const setItems = (list, items) => {
+            getListContainer(list).fold(() => {
+                // check that the group container existed. It may not have if the components
+                // did not list anything, and shell was false.
+                // eslint-disable-next-line no-console
+                console.error('Custom List was defined to not be a shell, but no item container was specified in components');
+                throw new Error('Custom List was defined to not be a shell, but no item container was specified in components');
+            }, (container) => {
+                // Get all the children of container, because they will be items.
+                // And then use the item setGroup api
+                const itemComps = Replacing.contents(container);
+                const numListsRequired = items.length;
+                const numListsToAdd = numListsRequired - itemComps.length;
+                const itemsToAdd = numListsToAdd > 0 ?
+                    range$2(numListsToAdd, () => detail.makeItem()) : [];
+                const itemsToRemove = itemComps.slice(numListsRequired);
+                each$1(itemsToRemove, (item) => Replacing.remove(container, item));
+                each$1(itemsToAdd, (item) => Replacing.append(container, item));
+                const builtLists = Replacing.contents(container);
+                each$1(builtLists, (item, i) => {
+                    detail.setupItem(list, item, items[i], i);
+                });
+            });
+        };
+        // In shell mode, the group overrides need to be added to the main container, and there can be no children
+        const extra = detail.shell ? { behaviours: [Replacing.config({})], components: [] } : { behaviours: [], components };
+        const getListContainer = (component) => detail.shell ? Optional?.some(component) : getPart(component, detail, 'items');
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components: extra.components,
+            behaviours: augment(detail.listBehaviours, extra.behaviours),
+            apis: {
+                setItems
+            }
+        };
+    };
+    const CustomList = composite({
+        name: name$1(),
+        configFields: schema$n(),
+        partFields: parts$g(),
+        factory: factory$m,
+        apis: {
+            setItems: (apis, list, items) => {
+                apis.setItems(list, items);
+            }
+        }
+    });
+
+    const attribute = 'aria-controls';
+    const find$1 = (queryElem) => {
+        const dependent = closest$4(queryElem, (elem) => {
+            if (!isElement$1(elem)) {
+                return false;
+            }
+            const id = get$g(elem, 'id');
+            return id !== undefined && id.indexOf(attribute) > -1;
+        });
+        return dependent.bind((dep) => {
+            const id = get$g(dep, 'id');
+            const dos = getRootNode(dep);
+            return descendant(dos, `[${attribute}="${id}"]`);
+        });
+    };
+    const manager = () => {
+        const ariaId = generate$6(attribute);
+        const link = (elem) => {
+            set$9(elem, attribute, ariaId);
+        };
+        const unlink = (elem) => {
+            remove$8(elem, attribute);
+        };
+        return {
+            id: ariaId,
+            link,
+            unlink,
+        };
+    };
+
+    const isAriaPartOf = (component, queryElem) => find$1(queryElem).exists((owner) => isPartOf(component, owner));
+    const isPartOf = (component, queryElem) => closest$2(queryElem, (el) => eq(el, component.element), never) || isAriaPartOf(component, queryElem);
+
+    const hoverEvent = 'alloy.item-hover';
+    const focusEvent = 'alloy.item-focus';
+    const toggledEvent = 'alloy.item-toggled';
+    const onHover = (item) => {
+        // Firstly, check that the focus isn't already inside the item. This
+        // is to handle situations like widgets where the widget is inside the item
+        // and it has the focus, so as you slightly adjust the mouse, you don't
+        // want to lose focus on the widget. Note, that because this isn't API based
+        // (i.e. we are manually searching for focus), it may not be that flexible.
+        if (search(item.element).isNone() || Focusing.isFocused(item)) {
+            if (!Focusing.isFocused(item)) {
+                Focusing.focus(item);
+            }
+            emitWith(item, hoverEvent, { item });
+        }
+    };
+    const onFocus$1 = (item) => {
+        emitWith(item, focusEvent, { item });
+    };
+    const onToggled = (item, state) => {
+        emitWith(item, toggledEvent, { item, state });
+    };
+    const hover = constant$1(hoverEvent);
+    const focus$1 = constant$1(focusEvent);
+    const toggled = constant$1(toggledEvent);
+
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    const getItemRole = (detail) => detail.role.fold(() => detail.toggling
+        ?.map((toggling) => toggling.exclusive ? 'menuitemradio' : 'menuitemcheckbox')
+        .getOr('menuitem'), identity);
+    const getTogglingSpec = (tConfig, isOption) => ({
+        aria: {
+            mode: isOption ? 'selected' : 'checked'
+        },
+        // Filter out the additional properties that are not in Toggling Behaviour's configuration (e.g. exclusive)
+        ...filter$1(tConfig, (_value, name) => name !== 'exclusive'),
+        onToggled: (component, state) => {
+            if (isFunction(tConfig.onToggled)) {
+                tConfig.onToggled(component, state);
+            }
+            onToggled(component, state);
+        }
+    });
+    const builder$2 = (detail) => ({
+        dom: detail.dom,
+        domModification: {
+            // INVESTIGATE: If more efficient, destructure attributes out
+            ...detail.domModification,
+            attributes: {
+                'role': getItemRole(detail),
+                ...detail.domModification.attributes,
+                'aria-haspopup': detail.hasSubmenu,
+                ...(detail.hasSubmenu ? { 'aria-expanded': false } : {})
+            }
+        },
+        behaviours: SketchBehaviours.augment(detail.itemBehaviours, [
+            // Investigate, is the Toggling.revoke still necessary here?
+            detail.toggling.fold(Toggling.revoke, (tConfig) => Toggling.config(getTogglingSpec(tConfig, detail.role.exists((role) => role === 'option')))),
+            Focusing.config({
+                ignore: detail.ignoreFocus,
+                // Rationale: because nothing is focusable, when you click
+                // on the items to choose them, the focus jumps to the first
+                // focusable outer container ... often the body. If we prevent
+                // mouseDown ... that doesn't happen. But only tested on Chrome/FF.
+                stopMousedown: detail.ignoreFocus,
+                onFocus: (component) => {
+                    onFocus$1(component);
+                }
+            }),
+            Keying.config({
+                mode: 'execution'
+            }),
+            Representing.config({
+                store: {
+                    mode: 'memory',
+                    initialValue: detail.data
+                }
+            }),
+            config('item-type-events', [
+                // Treat clicks the same as a button
+                ...pointerEvents(),
+                run$1(mouseover(), onHover),
+                run$1(focusItem(), Focusing.focus)
+            ])
+        ]),
+        components: detail.components,
+        eventOrder: detail.eventOrder
+    });
+    const schema$m = [
+        required$1('data'),
+        required$1('components'),
+        required$1('dom'),
+        defaulted('hasSubmenu', false),
+        option$3('toggling'),
+        option$3('role'),
+        // Maybe this needs to have fewer behaviours
+        SketchBehaviours.field('itemBehaviours', [Toggling, Focusing, Keying, Representing]),
+        defaulted('ignoreFocus', false),
+        defaulted('domModification', {}),
+        output$1('builder', builder$2),
+        defaulted('eventOrder', {})
+    ];
+    var ItemType = schema$m;
+
+    const builder$1 = (detail) => ({
+        dom: detail.dom,
+        components: detail.components,
+        events: derive$2([
+            stopper(focusItem())
+        ])
+    });
+    const schema$l = [
+        required$1('dom'),
+        required$1('components'),
+        output$1('builder', builder$1)
+    ];
+    var SeparatorType = schema$l;
+
+    const owner$2 = constant$1('item-widget');
+    const parts$f = constant$1([
+        required({
+            name: 'widget',
+            overrides: (detail) => {
+                return {
+                    behaviours: derive$1([
+                        Representing.config({
+                            store: {
+                                mode: 'manual',
+                                getValue: (_component) => {
+                                    return detail.data;
+                                },
+                                setValue: noop
+                            }
+                        })
+                    ])
+                };
+            }
+        })
+    ]);
+
+    const builder = (detail) => {
+        const subs = substitutes(owner$2(), detail, parts$f());
+        const components = components$1(owner$2(), detail, subs.internals());
+        const focusWidget = (component) => getPart(component, detail, 'widget')?.map((widget) => {
+            Keying.focusIn(widget);
+            return widget;
+        });
+        const onHorizontalArrow = (component, simulatedEvent) => inside(simulatedEvent.event.target) ? Optional.none() : (() => {
+            if (detail.autofocus) {
+                simulatedEvent.setSource(component.element);
+                return Optional.none();
+            }
+            else {
+                return Optional.none();
+            }
+        })();
+        return {
+            dom: detail.dom,
+            components,
+            domModification: detail.domModification,
+            events: derive$2([
+                runOnExecute$1((component, simulatedEvent) => {
+                    focusWidget(component).each((_widget) => {
+                        simulatedEvent.stop();
+                    });
+                }),
+                run$1(mouseover(), onHover),
+                run$1(focusItem(), (component, _simulatedEvent) => {
+                    if (detail.autofocus) {
+                        focusWidget(component);
+                    }
+                    else {
+                        Focusing.focus(component);
+                    }
+                })
+            ]),
+            behaviours: SketchBehaviours.augment(detail.widgetBehaviours, [
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: detail.data
+                    }
+                }),
+                Focusing.config({
+                    ignore: detail.ignoreFocus,
+                    // What about stopMousedown from ItemType?
+                    onFocus: (component) => {
+                        onFocus$1(component);
+                    }
+                }),
+                Keying.config({
+                    mode: 'special',
+                    // This is required as long as Highlighting tries to focus the first thing (after focusItem fires)
+                    focusIn: detail.autofocus ? (component) => {
+                        focusWidget(component);
+                    } : revoke(),
+                    onLeft: onHorizontalArrow,
+                    onRight: onHorizontalArrow,
+                    onEscape: (component, simulatedEvent) => {
+                        // If the outer list item didn't have focus,
+                        // then focus it (i.e. escape the inner widget). Only do if not autofocusing
+                        // Autofocusing should treat the widget like it is the only item, so it should
+                        // let its outer menu handle escape
+                        if (!Focusing.isFocused(component) && !detail.autofocus) {
+                            Focusing.focus(component);
+                            return Optional?.some(true);
+                        }
+                        else if (detail.autofocus) {
+                            simulatedEvent.setSource(component.element);
+                            return Optional.none();
+                        }
+                        else {
+                            return Optional.none();
+                        }
+                    }
+                })
+            ])
+        };
+    };
+    const schema$k = [
+        required$1('uid'),
+        required$1('data'),
+        required$1('components'),
+        required$1('dom'),
+        defaulted('autofocus', false),
+        defaulted('ignoreFocus', false),
+        SketchBehaviours.field('widgetBehaviours', [Representing, Focusing, Keying]),
+        defaulted('domModification', {}),
+        // We don't have the uid at this point
+        defaultUidsSchema(parts$f()),
+        output$1('builder', builder)
+    ];
+    var WidgetType = schema$k;
+
+    const itemSchema$2 = choose$1('type', {
+        widget: WidgetType,
+        item: ItemType,
+        separator: SeparatorType
+    });
+    const configureGrid = (detail, movementInfo) => ({
+        mode: 'flatgrid',
+        selector: '.' + detail.markers.item,
+        initSize: {
+            numColumns: movementInfo.initSize.numColumns,
+            numRows: movementInfo.initSize.numRows
+        },
+        focusManager: detail.focusManager
+    });
+    const configureMatrix = (detail, movementInfo) => ({
+        mode: 'matrix',
+        selectors: {
+            row: movementInfo.rowSelector,
+            cell: '.' + detail.markers.item
+        },
+        previousSelector: movementInfo.previousSelector,
+        focusManager: detail.focusManager
+    });
+    const configureMenu = (detail, movementInfo) => ({
+        mode: 'menu',
+        selector: '.' + detail.markers.item,
+        moveOnTab: movementInfo.moveOnTab,
+        focusManager: detail.focusManager
+    });
+    const parts$e = constant$1([
+        group({
+            factory: {
+                sketch: (spec) => {
+                    const itemInfo = asRawOrDie$1('menu.spec item', itemSchema$2, spec);
+                    return itemInfo.builder(itemInfo);
+                }
+            },
+            name: 'items',
+            unit: 'item',
+            defaults: (detail, u) => {
+                // Switch this to a common library
+                // The WidgetItemSpec is just because it has uid, and the others don't
+                // for some reason. So there is nothing guaranteeing that `u` is a WidgetItemSpec,
+                // so we should probably rework this code.
+                return has$2(u, 'uid') ? u : {
+                    ...u,
+                    uid: generate$4('item')
+                };
+            },
+            overrides: (detail, u) => {
+                return {
+                    type: u.type,
+                    ignoreFocus: detail.fakeFocus,
+                    domModification: {
+                        classes: [detail.markers.item]
+                    }
+                };
+            }
+        })
+    ]);
+    const schema$j = constant$1([
+        optionString('role'),
+        required$1('value'),
+        required$1('items'),
+        required$1('dom'),
+        required$1('components'),
+        defaulted('eventOrder', {}),
+        field('menuBehaviours', [Highlighting, Representing, Composing, Keying]),
+        defaultedOf('movement', {
+            // When you don't specify movement for a Menu, this is what you get
+            // a "menu" type of movement that moves on tab. If you want finer-grained
+            // control, like disabling moveOnTab, then you need to specify
+            // your entire movement configuration when creating your MenuSpec.
+            mode: 'menu',
+            moveOnTab: true
+        }, choose$1('mode', {
+            grid: [
+                initSize(),
+                output$1('config', configureGrid)
+            ],
+            matrix: [
+                output$1('config', configureMatrix),
+                required$1('rowSelector'),
+                defaulted('previousSelector', Optional.none),
+            ],
+            menu: [
+                defaulted('moveOnTab', true),
+                output$1('config', configureMenu)
+            ]
+        })),
+        itemMarkers(),
+        defaulted('fakeFocus', false),
+        defaulted('focusManager', dom$2()),
+        onHandler('onHighlight'),
+        onHandler('onDehighlight'),
+        defaulted('showMenuRole', true),
+    ]);
+
+    const focus = constant$1('alloy.menu-focus');
+
+    const deselectOtherRadioItems = (menu, item) => {
+        // TODO: TINY-8812 - This ideally should be done in a way such that a menu can have multiple radio groups.
+        const checkedRadioItems = descendants(menu.element, '[role="menuitemradio"][aria-checked="true"]');
+        each$1(checkedRadioItems, (ele) => {
+            if (!eq(ele, item.element)) {
+                menu.getSystem().getByDom(ele).each((c) => {
+                    Toggling.off(c);
+                });
+            }
+        });
+    };
+    const make$6 = (detail, components, _spec, _externals) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        markers: detail.markers,
+        behaviours: augment(detail.menuBehaviours, [
+            Highlighting.config({
+                // Highlighting for a menu is selecting items inside the menu
+                highlightClass: detail.markers.selectedItem,
+                itemClass: detail.markers.item,
+                onHighlight: detail.onHighlight,
+                onDehighlight: detail.onDehighlight
+            }),
+            Representing.config({
+                store: {
+                    mode: 'memory',
+                    initialValue: detail.value
+                }
+            }),
+            Composing.config({
+                find: Optional.some
+            }),
+            Keying.config(detail.movement.config(detail, detail.movement))
+        ]),
+        events: derive$2([
+            // This is dispatched from a menu to tell an item to be highlighted.
+            run$1(focus$1(), (menu, simulatedEvent) => {
+                // Highlight the item
+                const event = simulatedEvent.event;
+                menu.getSystem().getByDom(event.target).each((item) => {
+                    Highlighting.highlight(menu, item);
+                    simulatedEvent.stop();
+                    // Trigger the focus event on the menu.
+                    emitWith(menu, focus(), { menu, item });
+                });
+            }),
+            // Highlight the item that the cursor is over. The onHighlight
+            // code needs to handle updating focus if required
+            run$1(hover(), (menu, simulatedEvent) => {
+                const item = simulatedEvent.event.item;
+                Highlighting.highlight(menu, item);
+            }),
+            // Enforce only a single radio menu item is toggled by finding any other toggled
+            // radio menu items and untoggling them when a certain item is toggled
+            run$1(toggled(), (menu, simulatedEvent) => {
+                const { item, state } = simulatedEvent.event;
+                if (state && get$g(item.element, 'role') === 'menuitemradio') {
+                    deselectOtherRadioItems(menu, item);
+                }
+            })
+        ]),
+        components,
+        eventOrder: detail.eventOrder,
+        ...detail.showMenuRole ? {
+            domModification: {
+                attributes: {
+                    role: detail.role.getOr('menu')
+                }
+            }
+        } : {}
+    });
+
+    const Menu = composite({
+        name: 'Menu',
+        configFields: schema$j(),
+        partFields: parts$e(),
+        factory: make$6
+    });
+
+    const transpose$1 = (obj) => 
+    // Assumes no duplicate fields.
+    tupleMap(obj, (v, k) => ({ k: v, v: k }));
+    const trace = (items, byItem, byMenu, finish) => 
+    // Given a finishing submenu (which will be the value of expansions),
+    // find the triggering item, find its menu, and repeat the process. If there
+    // is no triggering item, we are done.
+    get$h(byMenu, finish).bind((triggerItem) => get$h(items, triggerItem).bind((triggerMenu) => {
+        const rest = trace(items, byItem, byMenu, triggerMenu);
+        return Optional?.some([triggerMenu].concat(rest));
+    })).getOr([]);
+    const generate$2 = (menus, expansions) => {
+        const items = {};
+        each(menus, (menuItems, menu) => {
+            each$1(menuItems, (item) => {
+                items[item] = menu;
+            });
+        });
+        const byItem = expansions;
+        const byMenu = transpose$1(expansions);
+        // For each menu, calculate the backlog of submenus to get to it.
+        const menuPaths = map$1(byMenu, (_triggerItem, submenu) => [submenu].concat(trace(items, byItem, byMenu, submenu)));
+        return map$1(items, (menu) => get$h(menuPaths, menu).getOr([menu]));
+    };
+
+    const init$2 = () => {
+        const expansions = Cell({});
+        const menus = Cell({});
+        const paths = Cell({});
+        const primary = value$2();
+        // Probably think of a better way to store this information.
+        const directory = Cell({});
+        const clear = () => {
+            expansions.set({});
+            menus.set({});
+            paths.set({});
+            primary.clear();
+        };
+        const isClear = () => primary.get().isNone();
+        const setMenuBuilt = (menuName, built) => {
+            menus.set({
+                ...menus.get(),
+                [menuName]: {
+                    type: 'prepared',
+                    menu: built
+                }
+            });
+        };
+        const setContents = (sPrimary, sMenus, sExpansions, dir) => {
+            primary.set(sPrimary);
+            expansions.set(sExpansions);
+            menus.set(sMenus);
+            directory.set(dir);
+            const sPaths = generate$2(dir, sExpansions);
+            paths.set(sPaths);
+        };
+        const getTriggeringItem = (menuValue) => find$4(expansions.get(), (v, _k) => v === menuValue);
+        const getTriggerData = (menuValue, getItemByValue, path) => getPreparedMenu(menuValue).bind((menu) => getTriggeringItem(menuValue).bind((triggeringItemValue) => getItemByValue(triggeringItemValue)?.map((triggeredItem) => ({
+            triggeredMenu: menu,
+            triggeringItem: triggeredItem,
+            triggeringPath: path
+        }))));
+        const getTriggeringPath = (itemValue, getItemByValue) => {
+            // Get the path up to the last item
+            const extraPath = filter$2(lookupItem(itemValue).toArray(), (menuValue) => getPreparedMenu(menuValue).isSome());
+            return get$h(paths.get(), itemValue).bind((path) => {
+                // remember the path is [ most-recent-menu, next-most-recent-menu ]
+                // convert each menu identifier into { triggeringItem: comp, menu: comp }
+                // could combine into a fold ... probably a left to reverse ... but we'll take the
+                // straightforward version when prototyping
+                const revPath = reverse(extraPath.concat(path));
+                const triggers = bind$3(revPath, (menuValue, menuIndex) => 
+                // finding menuValue, it should match the trigger
+                getTriggerData(menuValue, getItemByValue, revPath.slice(0, menuIndex + 1)).fold(() => is$1(primary.get(), menuValue) ? [] : [Optional.none()], (data) => [Optional?.some(data)]));
+                // Convert List<Optional<X>> to Optional<List<X>> if ALL are Some
+                return sequence(triggers);
+            });
+        };
+        // Given an item, return a list of all menus including the one that it triggered (if there is one)
+        const expand = (itemValue) => get$h(expansions.get(), itemValue)?.map((menu) => {
+            const current = get$h(paths.get(), itemValue).getOr([]);
+            return [menu].concat(current);
+        });
+        const collapse = (itemValue) => 
+        // Look up which key has the itemValue
+        get$h(paths.get(), itemValue).bind((path) => path.length > 1 ? Optional?.some(path.slice(1)) : Optional.none());
+        const refresh = (itemValue) => get$h(paths.get(), itemValue);
+        const getPreparedMenu = (menuValue) => lookupMenu(menuValue).bind(extractPreparedMenu);
+        const lookupMenu = (menuValue) => get$h(menus.get(), menuValue);
+        const lookupItem = (itemValue) => get$h(expansions.get(), itemValue);
+        const otherMenus = (path) => {
+            const menuValues = directory.get();
+            return difference(keys(menuValues), path);
+        };
+        const getPrimary = () => primary.get().bind(getPreparedMenu);
+        const getMenus = () => menus.get();
+        return {
+            setMenuBuilt,
+            setContents,
+            expand,
+            refresh,
+            collapse,
+            lookupMenu,
+            lookupItem,
+            otherMenus,
+            getPrimary,
+            getMenus,
+            clear,
+            isClear,
+            getTriggeringPath
+        };
+    };
+    const extractPreparedMenu = (prep) => prep.type === 'prepared' ? Optional?.some(prep.menu) : Optional.none();
+    const LayeredState = {
+        init: init$2,
+        extractPreparedMenu
+    };
+
+    const onMenuItemHighlightedEvent = generate$6('tiered-menu-item-highlight');
+    const onMenuItemDehighlightedEvent = generate$6('tiered-menu-item-dehighlight');
+
+    const make$5 = (detail, _rawUiSpec) => {
+        const submenuParentItems = value$2();
+        // So the way to provide extra configuration for the menus that tiered menus create is just
+        // to provide different menu specs when building up the TieredData. The TieredMenu itself
+        // does not control it, except to set: markers, fakeFocus, onHighlight, and focusManager
+        const buildMenus = (container, primaryName, menus) => map$1(menus, (spec, name) => {
+            const makeSketch = () => Menu.sketch({
+                ...spec,
+                value: name,
+                // The TieredMenu markers should be inherited by the Menu. "Markers" are things like
+                // what is the class for the currently selected item
+                markers: detail.markers,
+                // If the TieredMenu has been configured with FakeFocus, it needs the menus that it generates
+                // to preserve that configuration. Generally, FakeFocus is used for situations where the user
+                // wants to keep focus inside some editable element (like an input, or editor content)
+                fakeFocus: detail.fakeFocus,
+                // The TieredMenu detail.onHighlight function only relates to selecting an item,
+                // not a menu, and the menuComp it is passed is the menu, not the tiered menu.
+                // This makes it a difficult handler to use for a tieredmenu, so we are
+                // deprecating it.
+                onHighlight: (menuComp, itemComp) => {
+                    // Trigger an internal event so that we can listen to it at the tieredmenu
+                    // level, and call detail.onHighlightItem handler with tmenu, menu, and item.
+                    const highlightData = {
+                        menuComp,
+                        itemComp
+                    };
+                    emitWith(menuComp, onMenuItemHighlightedEvent, highlightData);
+                },
+                onDehighlight: (menuComp, itemComp) => {
+                    const dehighlightData = {
+                        menuComp,
+                        itemComp
+                    };
+                    // Trigger an internal event so that we can listen to it at the tieredmenu
+                    // level, and call detail.onDehighlightItem handler with tmenu, menu, and item.
+                    emitWith(menuComp, onMenuItemDehighlightedEvent, dehighlightData);
+                },
+                // The Menu itself doesn't set the focusManager based on the value of fakeFocus. It only uses
+                // its fakeFocus configuration for creating items that ignore focus, but it still needs to be
+                // told which focusManager to use. Perhaps we should change this, though it does allow for more
+                // complex focusManagers in single menus.
+                focusManager: detail.fakeFocus ? highlights() : dom$2()
+            });
+            // Only build the primary at first. Build the others as needed.
+            return name === primaryName ? {
+                type: 'prepared',
+                menu: container.getSystem().build(makeSketch())
+            } : {
+                type: 'notbuilt',
+                nbMenu: makeSketch
+            };
+        });
+        const layeredState = LayeredState.init();
+        const setup = (container) => {
+            const componentMap = buildMenus(container, detail.data.primary, detail.data.menus);
+            const directory = toDirectory();
+            layeredState.setContents(detail.data.primary, componentMap, detail.data.expansions, directory);
+            return layeredState.getPrimary();
+        };
+        const getItemValue = (item) => Representing.getValue(item).value;
+        // Find the first item with value `itemValue` in any of the menus inside this tiered menu structure
+        const getItemByValue = (_container, menus, itemValue) => 
+        // Can *greatly* improve the performance of this by calculating things up front.
+        findMap(menus, (menu) => {
+            if (!menu.getSystem().isConnected()) {
+                return Optional.none();
+            }
+            const candidates = Highlighting.getCandidates(menu);
+            return find$5(candidates, (c) => getItemValue(c) === itemValue);
+        });
+        const toDirectory = (_container) => map$1(detail.data.menus, (data, _menuName) => bind$3(data.items, (item) => item.type === 'separator' ? [] : [item.data.value]));
+        // This just sets the active menu. It will not set any active items.
+        const setActiveMenu = Highlighting.highlight;
+        // The item highlighted as active is either the currently active item in the menu,
+        // or the first one.
+        const setActiveMenuAndItem = (container, menu) => {
+            // Firstly, choose the active menu
+            setActiveMenu(container, menu);
+            // Then, choose the active item inside the active menu
+            Highlighting.getHighlighted(menu).orThunk(() => Highlighting.getFirst(menu)).each((item) => {
+                if (detail.fakeFocus) {
+                    // When using fakeFocus, the items won't have a tab-index, so calling focusItem on them
+                    // won't do anything. So we need to manually call highlighting, which is what fakeFocus
+                    // uses. It would probably be better to use the focusManager specified.
+                    Highlighting.highlight(menu, item);
+                }
+                else {
+                    // We don't just use Focusing.focus here, because some items can have slightly different
+                    // handling when they respond to a focusItem event. Widgets with autofocus, for example,
+                    // will trigger a Keying.focusIn instead of Focusing.focus call, because they want to move
+                    // the focus _inside_ the widget, not just to its outer level. The focusItem event
+                    // performs a similar purpose to SystemEvents.focus() and potentially, could be consolidated.
+                    dispatch(container, item.element, focusItem());
+                }
+            });
+        };
+        const getMenus = (state, menuValues) => cat(map$2(menuValues, (mv) => state.lookupMenu(mv).bind((prep) => prep.type === 'prepared' ? Optional?.some(prep.menu) : Optional.none())));
+        const closeOthers = (container, state, path) => {
+            const others = getMenus(state, state.otherMenus(path));
+            each$1(others, (o) => {
+                // May not need to do the active menu thing.
+                remove$2(o.element, [detail.markers.backgroundMenu]);
+                if (!detail.stayInDom) {
+                    Replacing.remove(container, o);
+                }
+            });
+        };
+        const getSubmenuParents = (container) => submenuParentItems.get().getOrThunk(() => {
+            const r = {};
+            const items = descendants(container.element, `.${detail.markers.item}`);
+            const parentItems = filter$2(items, (i) => get$g(i, 'aria-haspopup') === 'true');
+            each$1(parentItems, (i) => {
+                container.getSystem().getByDom(i).each((itemComp) => {
+                    const key = getItemValue(itemComp);
+                    r[key] = itemComp;
+                });
+            });
+            submenuParentItems.set(r);
+            return r;
+        });
+        // Not ideal. Ideally, we would like a map of item keys to components.
+        const updateAriaExpansions = (container, path) => {
+            const parentItems = getSubmenuParents(container);
+            each(parentItems, (v, k) => {
+                // Really should turn path into a Set
+                const expanded = contains$2(path, k);
+                set$9(v.element, 'aria-expanded', expanded);
+            });
+        };
+        const updateMenuPath = (container, state, path) => Optional.from(path[0]).bind((latestMenuName) => state.lookupMenu(latestMenuName).bind((menuPrep) => {
+            if (menuPrep.type === 'notbuilt') {
+                return Optional.none();
+            }
+            else {
+                const activeMenu = menuPrep.menu;
+                const rest = getMenus(state, path.slice(1));
+                each$1(rest, (r) => {
+                    add$2(r.element, detail.markers.backgroundMenu);
+                });
+                if (!inBody(activeMenu.element)) {
+                    Replacing.append(container, premade(activeMenu));
+                }
+                // Remove the background-menu class from the active menu
+                remove$2(activeMenu.element, [detail.markers.backgroundMenu]);
+                setActiveMenuAndItem(container, activeMenu);
+                closeOthers(container, state, path);
+                return Optional?.some(activeMenu);
+            }
+        }));
+        let ExpandHighlightDecision;
+        (function (ExpandHighlightDecision) {
+            ExpandHighlightDecision[ExpandHighlightDecision["HighlightSubmenu"] = 0] = "HighlightSubmenu";
+            ExpandHighlightDecision[ExpandHighlightDecision["HighlightParent"] = 1] = "HighlightParent";
+        })(ExpandHighlightDecision || (ExpandHighlightDecision = {}));
+        const buildIfRequired = (container, menuName, menuPrep) => {
+            if (menuPrep.type === 'notbuilt') {
+                const menu = container.getSystem().build(menuPrep.nbMenu());
+                layeredState.setMenuBuilt(menuName, menu);
+                return menu;
+            }
+            else {
+                return menuPrep.menu;
+            }
+        };
+        const expandRight = (container, item, decision = ExpandHighlightDecision.HighlightSubmenu) => {
+            if (item.hasConfigured(Disabling) && Disabling.isDisabled(item)) {
+                return Optional?.some(item);
+            }
+            else {
+                const value = getItemValue(item);
+                return layeredState.expand(value).bind((path) => {
+                    // Called when submenus are opened by keyboard AND hovering navigation
+                    updateAriaExpansions(container, path);
+                    // When expanding, always select the first.
+                    return Optional.from(path[0]).bind((menuName) => layeredState.lookupMenu(menuName).bind((activeMenuPrep) => {
+                        const activeMenu = buildIfRequired(container, menuName, activeMenuPrep);
+                        // DUPE with above. Fix later.
+                        if (!inBody(activeMenu.element)) {
+                            Replacing.append(container, premade(activeMenu));
+                        }
+                        // updateMenuPath is the code which changes the active menu. We don't always
+                        // want to change the active menu. Sometimes, we just want to show it (e.g. hover)
+                        detail.onOpenSubmenu(container, item, activeMenu, reverse(path));
+                        if (decision === ExpandHighlightDecision.HighlightSubmenu) {
+                            Highlighting.highlightFirst(activeMenu);
+                            return updateMenuPath(container, layeredState, path);
+                        }
+                        else {
+                            Highlighting.dehighlightAll(activeMenu);
+                            return Optional?.some(item);
+                        }
+                    }));
+                });
+            }
+        };
+        const collapseLeft = (container, item) => {
+            const value = getItemValue(item);
+            return layeredState.collapse(value).bind((path) => {
+                // Called when submenus are closed because of KEYBOARD navigation
+                updateAriaExpansions(container, path);
+                return updateMenuPath(container, layeredState, path)?.map((activeMenu) => {
+                    detail.onCollapseMenu(container, item, activeMenu);
+                    return activeMenu;
+                });
+            });
+        };
+        const updateView = (container, item) => {
+            const value = getItemValue(item);
+            return layeredState.refresh(value).bind((path) => {
+                // Only this function collapses irrelevant submenus when navigating by HOVERING.
+                // Does mean this is called twice when navigating by hovering, since both
+                // updateView and expandRight are called by the ItemEvents.hover() handler
+                updateAriaExpansions(container, path);
+                return updateMenuPath(container, layeredState, path);
+            });
+        };
+        const onRight = (container, item) => inside(item.element) ? Optional.none() : expandRight(container, item, ExpandHighlightDecision.HighlightSubmenu);
+        const onLeft = (container, item) => 
+        // Exclude inputs, textareas etc.
+        inside(item.element) ? Optional.none() : collapseLeft(container, item);
+        const onEscape = (container, item) => collapseLeft(container, item).orThunk(() => detail.onEscape(container, item)?.map(() => container) // This should only fire when the user presses ESC ... not any other close.
+        );
+        const keyOnItem = (f) => (container, simulatedEvent) => {
+            // 2022-08-16 This seems to be the only code in alloy that actually uses
+            // the getSource aspect of an event. Remember, that this code is firing
+            // when an event bubbles up the tiered menu, e.g. left arrow key.
+            // The only current code that sets the source manually is in the Widget item
+            // type, and it only sets the source when it is using autofocus. Autofocus
+            // is used to essentially treat the widget like it is the top-level item, so
+            // when events originate from *within* the widget, their source is changed to
+            // the top-level item. Consider removing EventSource from alloy altogether.
+            return closest$3(simulatedEvent.getSource(), `.${detail.markers.item}`)
+                .bind((target) => container.getSystem().getByDom(target).toOptional().bind((item) => f(container, item)?.map(always)));
+        };
+        // NOTE: Many of these events rely on identifying the current item by information
+        // sent with the event. However, in situations where you are using fakeFocus, but
+        // the real focus is still somewhere in the menu (e.g. search bar), this will lead to
+        // an incorrect identification of the active item. Ideally, instead of pulling the
+        // item from the event, we should just use Highlighting to identify the active item,
+        // and operate on it. However, not all events will necessarily have to happen on the
+        // active item, so we need to consider all the cases before making this change. For now,
+        // there will be a known limitation that if the real focus is still inside the TieredMenu,
+        // but the menu is using fakeFocus, then the actions will operate on the wrong targets.
+        // A workaround for that is to stop or cut or redispatch the events in whichever
+        // component has the real focus.
+        // TODO: TINY-9011 Introduce proper handling of fakeFocus in TieredMenu
+        const events = derive$2([
+            // Set "active-menu" for the menu with focus
+            run$1(focus(), (tmenu, simulatedEvent) => {
+                // Ensure the item is actually part of this menu structure, and not part of another menu structure that's bubbling.
+                const item = simulatedEvent.event.item;
+                layeredState.lookupItem(getItemValue(item)).each(() => {
+                    const menu = simulatedEvent.event.menu;
+                    Highlighting.highlight(tmenu, menu);
+                    const value = getItemValue(simulatedEvent.event.item);
+                    layeredState.refresh(value).each((path) => closeOthers(tmenu, layeredState, path));
+                });
+            }),
+            runOnExecute$1((component, simulatedEvent) => {
+                // Trigger on execute on the targeted element
+                // I.e. clicking on menu item
+                const target = simulatedEvent.event.target;
+                component.getSystem().getByDom(target).each((item) => {
+                    const itemValue = getItemValue(item);
+                    // INVESTIGATE: I don't know if this is doing anything any more. Check.
+                    if (itemValue.indexOf('collapse-item') === 0) {
+                        collapseLeft(component, item);
+                    }
+                    expandRight(component, item, ExpandHighlightDecision.HighlightSubmenu).fold(() => {
+                        detail.onExecute(component, item);
+                    }, noop);
+                });
+            }),
+            // Open the menu as soon as it is added to the DOM
+            runOnAttached((container, _simulatedEvent) => {
+                setup(container).each((primary) => {
+                    Replacing.append(container, premade(primary));
+                    detail.onOpenMenu(container, primary);
+                    if (detail.highlightOnOpen === HighlightOnOpen.HighlightMenuAndItem) {
+                        setActiveMenuAndItem(container, primary);
+                    }
+                    else if (detail.highlightOnOpen === HighlightOnOpen.HighlightJustMenu) {
+                        setActiveMenu(container, primary);
+                    }
+                });
+            }),
+            // Listen to the events bubbling up from menu about highlighting, and trigger
+            // our handlers with tmenu, menu and item
+            run$1(onMenuItemHighlightedEvent, (tmenuComp, se) => {
+                detail.onHighlightItem(tmenuComp, se.event.menuComp, se.event.itemComp);
+            }),
+            run$1(onMenuItemDehighlightedEvent, (tmenuComp, se) => {
+                detail.onDehighlightItem(tmenuComp, se.event.menuComp, se.event.itemComp);
+            }),
+            ...(detail.navigateOnHover ? [
+                // Hide any irrelevant submenus and expand any submenus based
+                // on hovered item
+                run$1(hover(), (tmenu, simulatedEvent) => {
+                    const item = simulatedEvent.event.item;
+                    updateView(tmenu, item);
+                    expandRight(tmenu, item, ExpandHighlightDecision.HighlightParent);
+                    detail.onHover(tmenu, item);
+                })
+            ] : [])
+        ]);
+        const getActiveItem = (container) => Highlighting.getHighlighted(container).bind(Highlighting.getHighlighted);
+        const collapseMenuApi = (container) => {
+            getActiveItem(container).each((currentItem) => {
+                collapseLeft(container, currentItem);
+            });
+        };
+        const highlightPrimary = (container) => {
+            layeredState.getPrimary().each((primary) => {
+                setActiveMenuAndItem(container, primary);
+            });
+        };
+        const extractMenuFromContainer = (container) => Optional.from(container.components()[0]).filter((comp) => get$g(comp.element, 'role') === 'menu');
+        const repositionMenus = (container) => {
+            // Get the primary menu
+            const maybeActivePrimary = layeredState.getPrimary().bind((primary) => 
+            // Get the triggering path (item, menu) up to the active item
+            getActiveItem(container).bind((currentItem) => {
+                const itemValue = getItemValue(currentItem);
+                const allMenus = values(layeredState.getMenus());
+                const preparedMenus = cat(map$2(allMenus, LayeredState.extractPreparedMenu));
+                return layeredState.getTriggeringPath(itemValue, (v) => getItemByValue(container, preparedMenus, v));
+            })?.map((triggeringPath) => ({ primary, triggeringPath })));
+            maybeActivePrimary.fold(() => {
+                // When a menu is open but there is no activeItem, we get the menu from the container.
+                extractMenuFromContainer(container).each((primaryMenu) => {
+                    detail.onRepositionMenu(container, primaryMenu, []);
+                });
+            }, ({ primary, triggeringPath }) => {
+                // Refresh all the menus up to the active item
+                detail.onRepositionMenu(container, primary, triggeringPath);
+            });
+        };
+        const apis = {
+            collapseMenu: collapseMenuApi,
+            highlightPrimary,
+            repositionMenus
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            markers: detail.markers,
+            behaviours: augment(detail.tmenuBehaviours, [
+                Keying.config({
+                    mode: 'special',
+                    onRight: keyOnItem(onRight),
+                    onLeft: keyOnItem(onLeft),
+                    onEscape: keyOnItem(onEscape),
+                    focusIn: (container, _keyInfo) => {
+                        layeredState.getPrimary().each((primary) => {
+                            dispatch(container, primary.element, focusItem());
+                        });
+                    }
+                }),
+                // Highlighting is used for highlighting the active menu
+                Highlighting.config({
+                    highlightClass: detail.markers.selectedMenu,
+                    itemClass: detail.markers.menu
+                }),
+                Composing.config({
+                    find: (container) => {
+                        return Highlighting.getHighlighted(container);
+                    }
+                }),
+                Replacing.config({})
+            ]),
+            eventOrder: detail.eventOrder,
+            apis,
+            events
+        };
+    };
+    const collapseItem$1 = constant$1('collapse-item');
+
+    const tieredData = (primary, menus, expansions) => ({
+        primary,
+        menus,
+        expansions
+    });
+    const singleData = (name, menu) => ({
+        primary: name,
+        menus: wrap(name, menu),
+        expansions: {}
+    });
+    const collapseItem = (text) => ({
+        value: generate$6(collapseItem$1()),
+        meta: {
+            text
+        }
+    });
+    const tieredMenu = single({
+        name: 'TieredMenu',
+        configFields: [
+            onStrictKeyboardHandler('onExecute'),
+            onStrictKeyboardHandler('onEscape'),
+            onStrictHandler('onOpenMenu'),
+            onStrictHandler('onOpenSubmenu'),
+            onHandler('onRepositionMenu'),
+            onHandler('onCollapseMenu'),
+            // Ideally, we should validate that this is a valid value, but
+            // this is an number-based enum, so it would just be a number.
+            defaulted('highlightOnOpen', HighlightOnOpen.HighlightMenuAndItem),
+            requiredObjOf('data', [
+                required$1('primary'),
+                required$1('menus'),
+                required$1('expansions')
+            ]),
+            defaulted('fakeFocus', false),
+            onHandler('onHighlightItem'),
+            onHandler('onDehighlightItem'),
+            onHandler('onHover'),
+            tieredMenuMarkers(),
+            required$1('dom'),
+            defaulted('navigateOnHover', true),
+            defaulted('stayInDom', false),
+            field('tmenuBehaviours', [Keying, Highlighting, Composing, Replacing]),
+            defaulted('eventOrder', {})
+        ],
+        apis: {
+            collapseMenu: (apis, tmenu) => {
+                apis.collapseMenu(tmenu);
+            },
+            // This will highlight the primary menu AND an item in the primary menu
+            // Do not use just to set the active menu.
+            highlightPrimary: (apis, tmenu) => {
+                apis.highlightPrimary(tmenu);
+            },
+            repositionMenus: (apis, tmenu) => {
+                apis.repositionMenus(tmenu);
+            }
+        },
+        factory: make$5,
+        extraApis: {
+            tieredData,
+            singleData,
+            collapseItem
+        }
+    });
+
+    const suffix = constant$1('sink');
+    const partType = constant$1(optional({
+        name: suffix(),
+        overrides: constant$1({
+            dom: {
+                tag: 'div'
+            },
+            behaviours: derive$1([
+                Positioning.config({
+                    // TODO: Make an internal sink also be able to be used with relative layouts
+                    useFixed: always
+                })
+            ]),
+            events: derive$2([
+                // Sinks should not let keydown or click propagate
+                cutter(keydown()),
+                cutter(mousedown()),
+                cutter(click())
+            ])
+        })
+    }));
+
+    const schema$i = objOfOnly([
+        defaulted('isExtraPart', never),
+        optionObjOf('fireEventInstead', [
+            defaulted('event', dismissRequested())
+        ])
+    ]);
+    const receivingChannel$1 = (rawSpec) => {
+        const detail = asRawOrDie$1('Dismissal', schema$i, rawSpec);
+        return {
+            [dismissPopups()]: {
+                schema: objOfOnly([
+                    required$1('target')
+                ]),
+                onReceive: (sandbox, data) => {
+                    if (Sandboxing.isOpen(sandbox)) {
+                        const isPart = Sandboxing.isPartOf(sandbox, data.target) || detail.isExtraPart(sandbox, data.target);
+                        if (!isPart) {
+                            detail.fireEventInstead.fold(() => Sandboxing.close(sandbox), (fe) => emit(sandbox, fe.event));
+                        }
+                    }
+                }
+            }
+        };
+    };
+
+    const schema$h = objOfOnly([
+        optionObjOf('fireEventInstead', [
+            defaulted('event', repositionRequested())
+        ]),
+        requiredFunction('doReposition')
+    ]);
+    const receivingChannel = (rawSpec) => {
+        const detail = asRawOrDie$1('Reposition', schema$h, rawSpec);
+        return {
+            [repositionPopups()]: {
+                onReceive: (sandbox) => {
+                    if (Sandboxing.isOpen(sandbox)) {
+                        detail.fireEventInstead.fold(() => detail.doReposition(sandbox), (fe) => emit(sandbox, fe.event));
+                    }
+                }
+            }
+        };
+    };
+
+    const getAnchor = (detail, component) => {
+        const hotspot = detail.getHotspot(component).getOr(component);
+        const type = 'hotspot';
+        const overrides = detail.getAnchorOverrides();
+        return detail.layouts.fold(() => ({ type, hotspot, overrides }), (layouts) => ({ type, hotspot, overrides, layouts }));
+    };
+    const fetch$1 = (detail, mapFetch, component) => {
+        const fetcher = detail.fetch;
+        return fetcher(component)?.map(mapFetch);
+    };
+    const openF = (detail, mapFetch, anchor, component, sandbox, externals, highlightOnOpen) => {
+        const futureData = fetch$1(detail, mapFetch, component);
+        const getLazySink = getSink(component, detail);
+        // TODO: Make this potentially a single menu also
+        return futureData?.map((tdata) => tdata.bind((data) => {
+            const primaryMenu = data.menus[data.primary];
+            Optional.from(primaryMenu).each((menu) => {
+                detail.listRole.each((listRole) => {
+                    menu.role = listRole;
+                });
+            });
+            return Optional.from(tieredMenu.sketch({
+                // Externals are configured by the "menu" part. It's called external because it isn't contained
+                // within the DOM descendants of the dropdown. You can configure things like `fakeFocus` here.
+                ...externals.menu(),
+                uid: generate$4(''),
+                data,
+                highlightOnOpen,
+                onOpenMenu: (tmenu, menu) => {
+                    const sink = getLazySink().getOrDie();
+                    Positioning.position(sink, menu, { anchor });
+                    Sandboxing.decloak(sandbox);
+                },
+                onOpenSubmenu: (tmenu, item, submenu) => {
+                    const sink = getLazySink().getOrDie();
+                    Positioning.position(sink, submenu, {
+                        anchor: {
+                            type: 'submenu',
+                            item
+                        }
+                    });
+                    Sandboxing.decloak(sandbox);
+                },
+                onRepositionMenu: (tmenu, primaryMenu, submenuTriggers) => {
+                    const sink = getLazySink().getOrDie();
+                    Positioning.position(sink, primaryMenu, { anchor });
+                    each$1(submenuTriggers, (st) => {
+                        Positioning.position(sink, st.triggeredMenu, {
+                            anchor: { type: 'submenu', item: st.triggeringItem }
+                        });
+                    });
+                },
+                onEscape: () => {
+                    // Focus the triggering component after escaping the menu
+                    Focusing.focus(component);
+                    Sandboxing.close(sandbox);
+                    return Optional?.some(true);
+                }
+            }));
+        }));
+    };
+    // onOpenSync is because some operations need to be applied immediately, not wrapped in a future
+    // It can avoid things like flickering due to asynchronous bouncing
+    const open = (detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen) => {
+        const anchor = getAnchor(detail, hotspot);
+        const processed = openF(detail, mapFetch, anchor, hotspot, sandbox, externals, highlightOnOpen);
+        return processed?.map((tdata) => {
+            // If we have data, display a menu. Else, close the menu if it was open
+            tdata.fold(() => {
+                if (Sandboxing.isOpen(sandbox)) {
+                    Sandboxing.close(sandbox);
+                }
+            }, (data) => {
+                Sandboxing.cloak(sandbox);
+                Sandboxing.open(sandbox, data);
+                onOpenSync(sandbox);
+            });
+            return sandbox;
+        });
+    };
+    const close = (detail, mapFetch, component, sandbox, _externals, _onOpenSync, _highlightOnOpen) => {
+        Sandboxing.close(sandbox);
+        return Future.pure(sandbox);
+    };
+    const togglePopup = (detail, mapFetch, hotspot, externals, onOpenSync, highlightOnOpen) => {
+        const sandbox = Coupling.getCoupled(hotspot, 'sandbox');
+        const showing = Sandboxing.isOpen(sandbox);
+        const action = showing ? close : open;
+        return action(detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen);
+    };
+    const matchWidth = (hotspot, container, useMinWidth) => {
+        const menu = Composing.getCurrent(container).getOr(container);
+        const buttonWidth = get$c(hotspot.element);
+        if (useMinWidth) {
+            set$7(menu.element, 'min-width', buttonWidth + 'px');
+        }
+        else {
+            set$6(menu.element, buttonWidth);
+        }
+    };
+    const getSink = (anyInSystem, sinkDetail) => anyInSystem
+        .getSystem()
+        .getByUid(sinkDetail.uid + '-' + suffix())
+        ?.map((internalSink) => () => Result.value(internalSink))
+        .getOrThunk(() => sinkDetail.lazySink.fold(() => () => Result.error(new Error('No internal sink is specified, nor could an external sink be found')), (lazySinkFn) => () => lazySinkFn(anyInSystem)));
+    const doRepositionMenus = (sandbox) => {
+        Sandboxing.getState(sandbox).each((tmenu) => {
+            tieredMenu.repositionMenus(tmenu);
+        });
+    };
+    const makeSandbox$1 = (detail, hotspot, extras) => {
+        const ariaControls = manager();
+        const onOpen = (component, menu) => {
+            const anchor = getAnchor(detail, hotspot);
+            ariaControls.link(hotspot.element);
+            if (detail.matchWidth) {
+                matchWidth(anchor.hotspot, menu, detail.useMinWidth);
+            }
+            detail.onOpen(anchor, component, menu);
+            if (extras !== undefined && extras.onOpen !== undefined) {
+                extras.onOpen(component, menu);
+            }
+        };
+        const onClose = (component, menu) => {
+            ariaControls.unlink(hotspot.element);
+            lazySink().getOr(menu).element.dom.dispatchEvent(new window.FocusEvent('focusout'));
+            if (extras !== undefined && extras.onClose !== undefined) {
+                extras.onClose(component, menu);
+            }
+        };
+        const lazySink = getSink(hotspot, detail);
+        return {
+            dom: {
+                tag: 'div',
+                classes: detail.sandboxClasses,
+                // TODO: Add aria-selected attribute
+                attributes: {
+                    id: ariaControls.id,
+                }
+            },
+            behaviours: SketchBehaviours.augment(detail.sandboxBehaviours, [
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: hotspot
+                    }
+                }),
+                Sandboxing.config({
+                    onOpen,
+                    onClose,
+                    isPartOf: (container, data, queryElem) => {
+                        return isPartOf(data, queryElem) || isPartOf(hotspot, queryElem);
+                    },
+                    getAttachPoint: () => {
+                        return lazySink().getOrDie();
+                    }
+                }),
+                // The Composing of the dropdown here is the the active menu of the TieredMenu
+                // inside the sandbox.
+                Composing.config({
+                    find: (sandbox) => {
+                        return Sandboxing.getState(sandbox).bind((menu) => Composing.getCurrent(menu));
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        ...receivingChannel$1({
+                            isExtraPart: never
+                        }),
+                        ...receivingChannel({
+                            doReposition: doRepositionMenus
+                        })
+                    }
+                })
+            ])
+        };
+    };
+    const repositionMenus = (comp) => {
+        const sandbox = Coupling.getCoupled(comp, 'sandbox');
+        doRepositionMenus(sandbox);
+    };
+
+    // TODO: Roll this back into Fields at some point
+    // Unfortunately there appears to be a cyclical dependency or something that's preventing it, but for now this will do as it's home
+    const sandboxFields = () => [
+        defaulted('sandboxClasses', []),
+        SketchBehaviours.field('sandboxBehaviours', [Composing, Receiving, Sandboxing, Representing])
+    ];
+
+    const schema$g = constant$1([
+        required$1('dom'),
+        required$1('fetch'),
+        onHandler('onOpen'),
+        onKeyboardHandler('onExecute'),
+        defaulted('getHotspot', Optional.some),
+        defaulted('getAnchorOverrides', constant$1({})),
+        schema$o(),
+        field('dropdownBehaviours', [Toggling, Coupling, Keying, Focusing]),
+        required$1('toggleClass'),
+        defaulted('eventOrder', {}),
+        option$3('lazySink'),
+        defaulted('matchWidth', false),
+        defaulted('useMinWidth', false),
+        option$3('role'),
+        option$3('listRole'),
+    ].concat(sandboxFields()));
+    const parts$d = constant$1([
+        external$1({
+            schema: [
+                tieredMenuMarkers(),
+                // Defining a defaulted field isn't necessary when dealing with
+                // external parts, because the post-boulder part spec is not passed
+                // through to any of these functions (defaults, overrides etc.). So all
+                // this does is make it a bit clearer what you should expect, but remember
+                // that the default value here is irrelevant!
+                defaulted('fakeFocus', false)
+            ],
+            name: 'menu',
+            defaults: (detail) => {
+                return {
+                    onExecute: detail.onExecute
+                };
+            }
+        }),
+        partType()
+    ]);
+
+    const factory$l = (detail, components, _spec, externals) => {
+        const lookupAttr = (attr) => get$h(detail.dom, 'attributes').bind((attrs) => get$h(attrs, attr));
+        const switchToMenu = (sandbox) => {
+            Sandboxing.getState(sandbox).each((tmenu) => {
+                // This will highlight the menu AND the item
+                tieredMenu.highlightPrimary(tmenu);
+            });
+        };
+        const togglePopup$1 = (dropdownComp, onOpenSync, highlightOnOpen) => {
+            return togglePopup(detail, identity, dropdownComp, externals, onOpenSync, highlightOnOpen);
+        };
+        const action = (component) => {
+            const onOpenSync = switchToMenu;
+            togglePopup$1(component, onOpenSync, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+        };
+        const apis = {
+            expand: (comp) => {
+                if (!Toggling.isOn(comp)) {
+                    togglePopup$1(comp, noop, HighlightOnOpen.HighlightNone).get(noop);
+                }
+            },
+            open: (comp) => {
+                if (!Toggling.isOn(comp)) {
+                    togglePopup$1(comp, noop, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+                }
+            },
+            refetch: (comp) => {
+                // Generally, the triggers for a refetch should make it so that the
+                // sandbox has been created, but it's not guaranteed, so we still handle the
+                // case where there isn't yet a sandbox.
+                const optSandbox = Coupling.getExistingCoupled(comp, 'sandbox');
+                return optSandbox.fold(() => {
+                    // If we don't have a sandbox, refetch is the same as open,
+                    // except we return when it is completed.
+                    return togglePopup$1(comp, noop, HighlightOnOpen.HighlightMenuAndItem)
+                        ?.map(noop);
+                }, (sandboxComp) => {
+                    // We are intentionally not preserving the selected items when
+                    // triggering a refetch, and will just highlight the first item.
+                    // Note: this will mean that submenus will close. If we want to start
+                    // preserving the selected items, we can't rely on the components themselves,
+                    // so we'd need to use the item and menu values through Representing.
+                    // However, be aware that alloy menus and items often have randomised values,
+                    // so these might not be reliable either.
+                    // NOTE: We use DropdownUtils.open directly, because we want it to 'open',
+                    // even if it's already open. If we just used apis.open, it wouldn't do
+                    // anything if it was already open, which means we wouldn't see the new
+                    // refetched data.
+                    return open(detail, identity, comp, 
+                    // NOTE: The TieredMenu is inside the sandbox. They aren't the same component.
+                    sandboxComp, externals, noop, HighlightOnOpen.HighlightMenuAndItem)?.map(noop);
+                });
+            },
+            isOpen: Toggling.isOn,
+            close: (comp) => {
+                if (Toggling.isOn(comp)) {
+                    togglePopup$1(comp, noop, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+                }
+            },
+            // If we are open, refresh the menus in the tiered menu system
+            repositionMenus: (comp) => {
+                if (Toggling.isOn(comp)) {
+                    repositionMenus(comp);
+                }
+            }
+        };
+        const triggerExecute = (comp, _se) => {
+            emitExecute(comp);
+            return Optional?.some(true);
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: augment(detail.dropdownBehaviours, [
+                Toggling.config({
+                    toggleClass: detail.toggleClass,
+                    aria: {
+                        mode: 'expanded'
+                    }
+                }),
+                Coupling.config({
+                    others: {
+                        sandbox: (hotspot) => {
+                            return makeSandbox$1(detail, hotspot, {
+                                onOpen: () => Toggling.on(hotspot),
+                                onClose: () => Toggling.off(hotspot)
+                            });
+                        }
+                    }
+                }),
+                Keying.config({
+                    mode: 'special',
+                    onSpace: triggerExecute,
+                    onEnter: triggerExecute,
+                    onDown: (comp, _se) => {
+                        if (Dropdown.isOpen(comp)) {
+                            const sandbox = Coupling.getCoupled(comp, 'sandbox');
+                            switchToMenu(sandbox);
+                        }
+                        else {
+                            Dropdown.open(comp);
+                        }
+                        return Optional?.some(true);
+                    },
+                    onEscape: (comp, _se) => {
+                        if (Dropdown.isOpen(comp)) {
+                            Dropdown.close(comp);
+                            return Optional?.some(true);
+                        }
+                        else {
+                            return Optional.none();
+                        }
+                    }
+                }),
+                Focusing.config({})
+            ]),
+            events: events(Optional?.some(action)),
+            eventOrder: {
+                ...detail.eventOrder,
+                // Order, the button state is toggled first, so assumed !selected means close.
+                [execute$5()]: ['disabling', 'toggling', 'alloy.base.behaviour']
+            },
+            apis,
+            domModification: {
+                attributes: {
+                    'aria-haspopup': detail.listRole.getOr('true'),
+                    ...detail.role.fold(() => ({}), (role) => ({ role })),
+                    ...detail.dom.tag === 'button' ? { type: lookupAttr('type').getOr('button') } : {}
+                }
+            }
+        };
+    };
+    const Dropdown = composite({
+        name: 'Dropdown',
+        configFields: schema$g(),
+        partFields: parts$d(),
+        factory: factory$l,
+        apis: {
+            open: (apis, comp) => apis.open(comp),
+            refetch: (apis, comp) => apis.refetch(comp),
+            expand: (apis, comp) => apis.expand(comp),
+            close: (apis, comp) => apis.close(comp),
+            isOpen: (apis, comp) => apis.isOpen(comp),
+            repositionMenus: (apis, comp) => apis.repositionMenus(comp)
+        }
+    });
+
+    const owner$1 = 'form';
+    const schema$f = [
+        field('formBehaviours', [Representing])
+    ];
+    const getPartName$1 = (name) => '<alloy.field.' + name + '>';
+    const sketch$2 = (fSpec) => {
+        const parts = (() => {
+            const record = [];
+            const field = (name, config) => {
+                record.push(name);
+                return generateOne$1(owner$1, getPartName$1(name), config);
+            };
+            return {
+                field,
+                record: constant$1(record)
+            };
+        })();
+        const spec = fSpec(parts);
+        const partNames = parts.record();
+        // Unlike other sketches, a form does not know its parts in advance (as they represent each field
+        // in a particular form). Therefore, it needs to calculate the part names on the fly
+        const fieldParts = map$2(partNames, (n) => required({ name: n, pname: getPartName$1(n) }));
+        return composite$1(owner$1, schema$f, fieldParts, make$4, spec);
+    };
+    const toResult = (o, e) => o.fold(() => Result.error(e), Result.value);
+    const make$4 = (detail, components) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        components,
+        // Form has an assumption that every field must have composing, and that the composed element has representing.
+        behaviours: augment(detail.formBehaviours, [
+            Representing.config({
+                store: {
+                    mode: 'manual',
+                    getValue: (form) => {
+                        const resPs = getAllParts(form, detail);
+                        return map$1(resPs, (resPThunk, pName) => resPThunk().bind((v) => {
+                            const opt = Composing.getCurrent(v);
+                            return toResult(opt, new Error(`Cannot find a current component to extract the value from for form part '${pName}': ` + element(v.element)));
+                        })?.map(Representing.getValue));
+                    },
+                    setValue: (form, values) => {
+                        each(values, (newValue, key) => {
+                            getPart(form, detail, key).each((wrapper) => {
+                                Composing.getCurrent(wrapper).each((field) => {
+                                    Representing.setValue(field, newValue);
+                                });
+                            });
+                        });
+                    }
+                }
+            })
+        ]),
+        apis: {
+            getField: (form, key) => {
+                // Returns an Optional (not a result);
+                return getPart(form, detail, key).bind(Composing.getCurrent);
+            }
+        }
+    });
+    const Form = {
+        getField: makeApi((apis, component, key) => apis.getField(component, key)),
+        sketch: sketch$2
+    };
+
+    const schema$e = constant$1([
+        required$1('dom'),
+        defaulted('shell', true),
+        field('toolbarBehaviours', [Replacing])
+    ]);
+    // TODO: Dupe with Toolbar
+    const enhanceGroups = () => ({
+        behaviours: derive$1([
+            Replacing.config({})
+        ])
+    });
+    const parts$c = constant$1([
+        // Note, is the container for putting all the groups in, not a group itself.
+        optional({
+            name: 'groups',
+            overrides: enhanceGroups
+        })
+    ]);
+
+    const factory$k = (detail, components, _spec, _externals) => {
+        const setGroups = (toolbar, groups) => {
+            getGroupContainer(toolbar).fold(() => {
+                // check that the group container existed. It may not have if the components
+                // did not list anything, and shell was false.
+                // eslint-disable-next-line no-console
+                console.error('Toolbar was defined to not be a shell, but no groups container was specified in components');
+                throw new Error('Toolbar was defined to not be a shell, but no groups container was specified in components');
+            }, (container) => {
+                Replacing.set(container, groups);
+            });
+        };
+        const getGroupContainer = (component) => detail.shell ? Optional?.some(component) : getPart(component, detail, 'groups');
+        // In shell mode, the group overrides need to be added to the main container, and there can be no children
+        const extra = detail.shell ? { behaviours: [Replacing.config({})], components: [] } : { behaviours: [], components };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components: extra.components,
+            behaviours: augment(detail.toolbarBehaviours, extra.behaviours),
+            apis: {
+                setGroups,
+                refresh: noop
+            },
+            domModification: {
+                attributes: {
+                    role: 'group'
+                }
+            }
+        };
+    };
+    const Toolbar = composite({
+        name: 'Toolbar',
+        configFields: schema$e(),
+        partFields: parts$c(),
+        factory: factory$k,
+        apis: {
+            setGroups: (apis, toolbar, groups) => {
+                apis.setGroups(toolbar, groups);
+            }
+        }
+    });
+
+    const schema$d = constant$1([
+        markers$1(['toggledClass']),
+        required$1('lazySink'),
+        requiredFunction('fetch'),
+        optionFunction('getBounds'),
+        optionObjOf('fireDismissalEventInstead', [
+            defaulted('event', dismissRequested())
+        ]),
+        schema$o(),
+        onHandler('onToggled'),
+    ]);
+    const parts$b = constant$1([
+        external$1({
+            name: 'button',
+            overrides: (detail) => ({
+                dom: {
+                    attributes: {
+                        'aria-haspopup': 'true'
+                    }
+                },
+                buttonBehaviours: derive$1([
+                    Toggling.config({
+                        toggleClass: detail.markers.toggledClass,
+                        aria: {
+                            mode: 'expanded'
+                        },
+                        toggleOnExecute: false,
+                        /**
+                         * For FloatingToolbars, we can hook up our `onToggled` handler directly to the Toggling
+                         * because we don't have to worry about any animations.
+                         *
+                         * Unfortunately, for SlidingToolbars, Toggling is more directly hooked into the animation for growing,
+                         * so to have an event `onToggled` that doesn't care about the animation, we can't just hook into the Toggling config.
+                         */
+                        onToggled: detail.onToggled
+                    })
+                ])
+            })
+        }),
+        external$1({
+            factory: Toolbar,
+            schema: schema$e(),
+            name: 'toolbar',
+            overrides: (detail) => {
+                return {
+                    toolbarBehaviours: derive$1([
+                        Keying.config({
+                            mode: 'cyclic',
+                            onEscape: (comp) => {
+                                getPart(comp, detail, 'button').each(Focusing.focus);
+                                // Don't return true here, as we need to allow the sandbox to handle the escape to close the overflow
+                                return Optional.none();
+                            }
+                        })
+                    ])
+                };
+            }
+        })
+    ]);
+
+    const shouldSkipFocus = value$2();
+    const toggleWithoutFocusing = (button, externals) => {
+        shouldSkipFocus.set(true);
+        toggle$1(button, externals);
+        shouldSkipFocus.clear();
+    };
+    const toggle$1 = (button, externals) => {
+        const toolbarSandbox = Coupling.getCoupled(button, 'toolbarSandbox');
+        if (Sandboxing.isOpen(toolbarSandbox)) {
+            Sandboxing.close(toolbarSandbox);
+        }
+        else {
+            Sandboxing.open(toolbarSandbox, externals.toolbar());
+        }
+    };
+    const position = (button, toolbar, detail, layouts) => {
+        const bounds = detail.getBounds?.map((bounder) => bounder());
+        const sink = detail.lazySink(button).getOrDie();
+        Positioning.positionWithinBounds(sink, toolbar, {
+            anchor: {
+                type: 'hotspot',
+                hotspot: button,
+                layouts,
+                overrides: {
+                    maxWidthFunction: expandable()
+                }
+            }
+        }, bounds);
+    };
+    const setGroups$1 = (button, toolbar, detail, layouts, groups) => {
+        Toolbar.setGroups(toolbar, groups);
+        position(button, toolbar, detail, layouts);
+        Toggling.on(button);
+    };
+    const makeSandbox = (button, spec, detail) => {
+        const ariaControls = manager();
+        const onOpen = (sandbox, toolbar) => {
+            const skipFocus = shouldSkipFocus.get().getOr(false);
+            detail.fetch().get((groups) => {
+                setGroups$1(button, toolbar, detail, spec.layouts, groups);
+                ariaControls.link(button.element);
+                if (!skipFocus) {
+                    Keying.focusIn(toolbar);
+                }
+            });
+        };
+        const onClose = () => {
+            // Toggle and focus the button
+            Toggling.off(button);
+            if (!shouldSkipFocus.get().getOr(false)) {
+                Focusing.focus(button);
+            }
+            ariaControls.unlink(button.element);
+        };
+        return {
+            dom: {
+                tag: 'div',
+                attributes: {
+                    id: ariaControls.id
+                }
+            },
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'special',
+                    onEscape: (comp) => {
+                        Sandboxing.close(comp);
+                        return Optional?.some(true);
+                    }
+                }),
+                Sandboxing.config({
+                    onOpen,
+                    onClose,
+                    isPartOf: (container, data, queryElem) => {
+                        return isPartOf(data, queryElem) || isPartOf(button, queryElem);
+                    },
+                    getAttachPoint: () => {
+                        return detail.lazySink(button).getOrDie();
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        ...receivingChannel$1({
+                            isExtraPart: never,
+                            ...detail.fireDismissalEventInstead?.map((fe) => ({ fireEventInstead: { event: fe.event } })).getOr({})
+                        }),
+                        ...receivingChannel({
+                            doReposition: () => {
+                                Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each((toolbar) => {
+                                    position(button, toolbar, detail, spec.layouts);
+                                });
+                            }
+                        })
+                    }
+                })
+            ])
+        };
+    };
+    const factory$j = (detail, components, spec, externals) => ({
+        ...Button.sketch({
+            ...externals.button(),
+            action: (button) => {
+                toggle$1(button, externals);
+            },
+            buttonBehaviours: SketchBehaviours.augment({ dump: externals.button().buttonBehaviours }, [
+                Coupling.config({
+                    others: {
+                        toolbarSandbox: (button) => {
+                            return makeSandbox(button, spec, detail);
+                        }
+                    }
+                })
+            ])
+        }),
+        apis: {
+            setGroups: (button, groups) => {
+                Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each((toolbar) => {
+                    setGroups$1(button, toolbar, detail, spec.layouts, groups);
+                });
+            },
+            reposition: (button) => {
+                Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each((toolbar) => {
+                    position(button, toolbar, detail, spec.layouts);
+                });
+            },
+            toggle: (button) => {
+                toggle$1(button, externals);
+            },
+            toggleWithoutFocusing: (button) => {
+                toggleWithoutFocusing(button, externals);
+            },
+            getToolbar: (button) => {
+                return Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox'));
+            },
+            isOpen: (button) => {
+                return Sandboxing.isOpen(Coupling.getCoupled(button, 'toolbarSandbox'));
+            }
+        }
+    });
+    const FloatingToolbarButton = composite({
+        name: 'FloatingToolbarButton',
+        factory: factory$j,
+        configFields: schema$d(),
+        partFields: parts$b(),
+        apis: {
+            setGroups: (apis, button, groups) => {
+                apis.setGroups(button, groups);
+            },
+            reposition: (apis, button) => {
+                apis.reposition(button);
+            },
+            toggle: (apis, button) => {
+                apis.toggle(button);
+            },
+            toggleWithoutFocusing: (apis, button) => {
+                apis.toggleWithoutFocusing(button);
+            },
+            getToolbar: (apis, button) => apis.getToolbar(button),
+            isOpen: (apis, button) => apis.isOpen(button)
+        }
+    });
+
+    const schema$c = constant$1([
+        defaulted('prefix', 'form-field'),
+        field('fieldBehaviours', [Composing, Representing])
+    ]);
+    const parts$a = constant$1([
+        optional({
+            schema: [required$1('dom')],
+            name: 'label'
+        }),
+        optional({
+            factory: {
+                sketch: (spec) => {
+                    return {
+                        uid: spec.uid,
+                        dom: {
+                            tag: 'span',
+                            styles: {
+                                display: 'none'
+                            },
+                            attributes: {
+                                'aria-hidden': 'true'
+                            },
+                            innerHtml: spec.text
+                        }
+                    };
+                }
+            },
+            schema: [required$1('text')],
+            name: 'aria-descriptor'
+        }),
+        required({
+            factory: {
+                sketch: (spec) => {
+                    const excludeFactory = exclude(spec, ['factory']);
+                    return spec.factory.sketch(excludeFactory);
+                }
+            },
+            schema: [required$1('factory')],
+            name: 'field'
+        })
+    ]);
+
+    const factory$i = (detail, components, _spec, _externals) => {
+        const behaviours = augment(detail.fieldBehaviours, [
+            Composing.config({
+                find: (container) => {
+                    return getPart(container, detail, 'field');
+                }
+            }),
+            Representing.config({
+                store: {
+                    mode: 'manual',
+                    getValue: (field) => {
+                        return Composing.getCurrent(field).bind(Representing.getValue);
+                    },
+                    setValue: (field, value) => {
+                        Composing.getCurrent(field).each((current) => {
+                            Representing.setValue(current, value);
+                        });
+                    }
+                }
+            })
+        ]);
+        const events = derive$2([
+            // Used to be systemInit
+            runOnAttached((component, _simulatedEvent) => {
+                const ps = getParts(component, detail, ['label', 'field', 'aria-descriptor']);
+                ps.field().each((field) => {
+                    const id = generate$6(detail.prefix);
+                    ps.label().each((label) => {
+                        // TODO: Find a nicer way of doing this.
+                        set$9(label.element, 'for', id);
+                        set$9(field.element, 'id', id);
+                    });
+                    ps['aria-descriptor']().each((descriptor) => {
+                        const descriptorId = generate$6(detail.prefix);
+                        set$9(descriptor.element, 'id', descriptorId);
+                        set$9(field.element, 'aria-describedby', descriptorId);
+                    });
+                });
+            })
+        ]);
+        const apis = {
+            getField: (container) => getPart(container, detail, 'field'),
+            getLabel: (container) => 
+            // TODO: Use constants for part names
+            getPart(container, detail, 'label')
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours,
+            events,
+            apis
+        };
+    };
+    const FormField = composite({
+        name: 'FormField',
+        configFields: schema$c(),
+        partFields: parts$a(),
+        factory: factory$i,
+        apis: {
+            getField: (apis, comp) => apis.getField(comp),
+            getLabel: (apis, comp) => apis.getLabel(comp)
+        }
+    });
+
+    const schema$b = constant$1([
+        defaulted('field1Name', 'field1'),
+        defaulted('field2Name', 'field2'),
+        onStrictHandler('onLockedChange'),
+        markers$1(['lockClass']),
+        defaulted('locked', false),
+        SketchBehaviours.field('coupledFieldBehaviours', [Composing, Representing]),
+        defaultedFunction('onInput', noop)
+    ]);
+    const getField = (comp, detail, partName) => getPart(comp, detail, partName).bind(Composing.getCurrent);
+    const coupledPart = (selfName, otherName) => required({
+        factory: FormField,
+        name: selfName,
+        overrides: (detail) => {
+            return {
+                fieldBehaviours: derive$1([
+                    config('coupled-input-behaviour', [
+                        run$1(input(), (me) => {
+                            getField(me, detail, otherName).each((other) => {
+                                getPart(me, detail, 'lock').each((lock) => {
+                                    // TODO IMPROVEMENT: Allow locker to fire onLockedChange if it is turned on after being off.
+                                    if (Toggling.isOn(lock)) {
+                                        detail.onLockedChange(me, other, lock);
+                                    }
+                                    detail.onInput(me);
+                                });
+                            });
+                        })
+                    ])
+                ])
+            };
+        }
+    });
+    const parts$9 = constant$1([
+        coupledPart('field1', 'field2'),
+        coupledPart('field2', 'field1'),
+        required({
+            factory: Button,
+            schema: [
+                required$1('dom')
+            ],
+            name: 'lock',
+            overrides: (detail) => {
+                return {
+                    buttonBehaviours: derive$1([
+                        Toggling.config({
+                            selected: detail.locked,
+                            toggleClass: detail.markers.lockClass,
+                            aria: {
+                                mode: 'pressed'
+                            }
+                        })
+                    ])
+                };
+            }
+        })
+    ]);
+
+    const factory$h = (detail, components, _spec, _externals) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        components,
+        behaviours: SketchBehaviours.augment(detail.coupledFieldBehaviours, [
+            Composing.config({ find: Optional.some }),
+            Representing.config({
+                store: {
+                    mode: 'manual',
+                    getValue: (comp) => {
+                        const parts = getPartsOrDie(comp, detail, ['field1', 'field2']);
+                        return {
+                            [detail.field1Name]: Representing.getValue(parts.field1()),
+                            [detail.field2Name]: Representing.getValue(parts.field2())
+                        };
+                    },
+                    setValue: (comp, value) => {
+                        const parts = getPartsOrDie(comp, detail, ['field1', 'field2']);
+                        if (hasNonNullableKey(value, detail.field1Name)) {
+                            Representing.setValue(parts.field1(), value[detail.field1Name]);
+                        }
+                        if (hasNonNullableKey(value, detail.field2Name)) {
+                            Representing.setValue(parts.field2(), value[detail.field2Name]);
+                        }
+                    }
+                }
+            })
+        ]),
+        apis: {
+            getField1: (component) => getPart(component, detail, 'field1'),
+            getField2: (component) => getPart(component, detail, 'field2'),
+            getLock: (component) => getPart(component, detail, 'lock')
+        }
+    });
+    const FormCoupledInputs = composite({
+        name: 'FormCoupledInputs',
+        configFields: schema$b(),
+        partFields: parts$9(),
+        factory: factory$h,
+        apis: {
+            getField1: (apis, component) => apis.getField1(component),
+            getField2: (apis, component) => apis.getField2(component),
+            getLock: (apis, component) => apis.getLock(component)
+        }
+    });
+
+    const factory$g = (detail, _spec) => {
+        const options = map$2(detail.options, (option) => ({
+            dom: {
+                tag: 'option',
+                value: option.value,
+                innerHtml: option.text
+            }
+        }));
+        const initialValues = detail.data?.map((v) => wrap('initialValue', v)).getOr({});
+        return {
+            uid: detail.uid,
+            dom: {
+                tag: 'select',
+                classes: detail.selectClasses,
+                attributes: detail.selectAttributes
+            },
+            components: options,
+            behaviours: augment(detail.selectBehaviours, [
+                Focusing.config({}),
+                Representing.config({
+                    store: {
+                        mode: 'manual',
+                        getValue: (select) => {
+                            return get$5(select.element);
+                        },
+                        setValue: (select, newValue) => {
+                            const firstOption = head(detail.options);
+                            // This is probably generically useful ... may become a part of Representing.
+                            const found = find$5(detail.options, (opt) => opt.value === newValue);
+                            if (found.isSome()) {
+                                set$4(select.element, newValue);
+                            }
+                            else if (select.element.dom.selectedIndex === -1 && newValue === '') {
+                                /*
+                                  Sometimes after a redial alloy tries to set a new value, but if no value has been set in the data this used to fail. Now we set the value to the first option in the list if:
+                                    The index is out of range, indicating that the list of options have changed, or was never set.
+                                    The user is not trying to set a specific value (which would be user error)
+                                */
+                                firstOption.each((value) => set$4(select.element, value.value));
+                            }
+                        },
+                        ...initialValues
+                    }
+                })
+            ])
+        };
+    };
+    const HtmlSelect = single({
+        name: 'HtmlSelect',
+        configFields: [
+            required$1('options'),
+            field('selectBehaviours', [Focusing, Representing]),
+            defaulted('selectClasses', []),
+            defaulted('selectAttributes', {}),
+            option$3('data')
+        ],
+        factory: factory$g
+    });
+
+    const makeMenu = (detail, menuSandbox, placementSpec, menuSpec, getBounds) => {
+        const lazySink = () => detail.lazySink(menuSandbox);
+        const layouts = menuSpec.type === 'horizontal' ? { layouts: {
+                onLtr: () => belowOrAbove(),
+                onRtl: () => belowOrAboveRtl()
+            } } : {};
+        const isFirstTierSubmenu = (triggeringPaths) => triggeringPaths.length === 2; // primary and first tier menu === 2 items
+        const getSubmenuLayouts = (triggeringPaths) => isFirstTierSubmenu(triggeringPaths) ? layouts : {};
+        return tieredMenu.sketch({
+            dom: {
+                tag: 'div'
+            },
+            data: menuSpec.data,
+            markers: menuSpec.menu.markers,
+            highlightOnOpen: menuSpec.menu.highlightOnOpen,
+            fakeFocus: menuSpec.menu.fakeFocus,
+            onEscape: () => {
+                // Note for the future: this should possibly also call detail.onHide
+                Sandboxing.close(menuSandbox);
+                detail.onEscape?.map((handler) => handler(menuSandbox));
+                return Optional?.some(true);
+            },
+            onExecute: () => {
+                return Optional?.some(true);
+            },
+            onOpenMenu: (tmenu, menu) => {
+                Positioning.positionWithinBounds(lazySink().getOrDie(), menu, placementSpec, getBounds());
+            },
+            onOpenSubmenu: (tmenu, item, submenu, triggeringPaths) => {
+                const sink = lazySink().getOrDie();
+                Positioning.position(sink, submenu, {
+                    anchor: {
+                        type: 'submenu',
+                        item,
+                        ...getSubmenuLayouts(triggeringPaths)
+                    }
+                });
+            },
+            onRepositionMenu: (tmenu, primaryMenu, submenuTriggers) => {
+                const sink = lazySink().getOrDie();
+                Positioning.positionWithinBounds(sink, primaryMenu, placementSpec, getBounds());
+                each$1(submenuTriggers, (st) => {
+                    const submenuLayouts = getSubmenuLayouts(st.triggeringPath);
+                    Positioning.position(sink, st.triggeredMenu, {
+                        anchor: { type: 'submenu', item: st.triggeringItem, ...submenuLayouts }
+                    });
+                });
+            }
+        });
+    };
+    const factory$f = (detail, spec) => {
+        const isPartOfRelated = (sandbox, queryElem) => {
+            const related = detail.getRelated(sandbox);
+            return related.exists((rel) => isPartOf(rel, queryElem));
+        };
+        const setContent = (sandbox, thing) => {
+            // Keep the same location, and just change the content.
+            Sandboxing.setContent(sandbox, thing);
+        };
+        const showAt = (sandbox, thing, placementSpec) => {
+            const getBounds = Optional.none;
+            showWithinBounds(sandbox, thing, placementSpec, getBounds);
+        };
+        const showWithinBounds = (sandbox, thing, placementSpec, getBounds) => {
+            const sink = detail.lazySink(sandbox).getOrDie();
+            Sandboxing.openWhileCloaked(sandbox, thing, () => Positioning.positionWithinBounds(sink, sandbox, placementSpec, getBounds()));
+            Representing.setValue(sandbox, Optional?.some({
+                mode: 'position',
+                config: placementSpec,
+                getBounds
+            }));
+        };
+        // TODO AP-191 write a test for showMenuAt
+        const showMenuAt = (sandbox, placementSpec, menuSpec) => {
+            showMenuWithinBounds(sandbox, placementSpec, menuSpec, Optional.none);
+        };
+        const showMenuWithinBounds = (sandbox, placementSpec, menuSpec, getBounds) => {
+            const menu = makeMenu(detail, sandbox, placementSpec, menuSpec, getBounds);
+            Sandboxing.open(sandbox, menu);
+            Representing.setValue(sandbox, Optional?.some({
+                mode: 'menu',
+                menu
+            }));
+        };
+        const hide = (sandbox) => {
+            if (Sandboxing.isOpen(sandbox)) {
+                Representing.setValue(sandbox, Optional.none());
+                Sandboxing.close(sandbox);
+            }
+        };
+        const getContent = (sandbox) => Sandboxing.getState(sandbox);
+        const reposition = (sandbox) => {
+            if (Sandboxing.isOpen(sandbox)) {
+                Representing.getValue(sandbox).each((state) => {
+                    switch (state.mode) {
+                        case 'menu':
+                            Sandboxing.getState(sandbox).each(tieredMenu.repositionMenus);
+                            break;
+                        case 'position':
+                            const sink = detail.lazySink(sandbox).getOrDie();
+                            Positioning.positionWithinBounds(sink, sandbox, state.config, state.getBounds());
+                            break;
+                    }
+                });
+            }
+        };
+        const apis = {
+            setContent,
+            showAt,
+            showWithinBounds,
+            showMenuAt,
+            showMenuWithinBounds,
+            hide,
+            getContent,
+            reposition,
+            isOpen: Sandboxing.isOpen
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            behaviours: augment(detail.inlineBehaviours, [
+                Sandboxing.config({
+                    isPartOf: (sandbox, data, queryElem) => {
+                        return isPartOf(data, queryElem) || isPartOfRelated(sandbox, queryElem);
+                    },
+                    getAttachPoint: (sandbox) => {
+                        return detail.lazySink(sandbox).getOrDie();
+                    },
+                    onOpen: (sandbox) => {
+                        detail.onShow(sandbox);
+                    },
+                    onClose: (sandbox) => {
+                        detail.onHide(sandbox);
+                    }
+                }),
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: Optional.none()
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        ...receivingChannel$1({
+                            isExtraPart: spec.isExtraPart,
+                            ...detail.fireDismissalEventInstead?.map((fe) => ({ fireEventInstead: { event: fe.event } })).getOr({})
+                        }),
+                        ...receivingChannel({
+                            ...detail.fireRepositionEventInstead?.map((fe) => ({ fireEventInstead: { event: fe.event } })).getOr({}),
+                            doReposition: reposition
+                        })
+                    }
+                })
+            ]),
+            eventOrder: detail.eventOrder,
+            apis
+        };
+    };
+    const InlineView = single({
+        name: 'InlineView',
+        configFields: [
+            required$1('lazySink'),
+            onHandler('onShow'),
+            onHandler('onHide'),
+            optionFunction('onEscape'),
+            field('inlineBehaviours', [Sandboxing, Representing, Receiving]),
+            optionObjOf('fireDismissalEventInstead', [
+                defaulted('event', dismissRequested())
+            ]),
+            optionObjOf('fireRepositionEventInstead', [
+                defaulted('event', repositionRequested())
+            ]),
+            defaulted('getRelated', Optional.none),
+            defaulted('isExtraPart', never),
+            defaulted('eventOrder', Optional.none)
+        ],
+        factory: factory$f,
+        apis: {
+            showAt: (apis, component, anchor, thing) => {
+                apis.showAt(component, anchor, thing);
+            },
+            showWithinBounds: (apis, component, anchor, thing, bounds) => {
+                apis.showWithinBounds(component, anchor, thing, bounds);
+            },
+            showMenuAt: (apis, component, anchor, menuSpec) => {
+                apis.showMenuAt(component, anchor, menuSpec);
+            },
+            showMenuWithinBounds: (apis, component, anchor, menuSpec, bounds) => {
+                apis.showMenuWithinBounds(component, anchor, menuSpec, bounds);
+            },
+            hide: (apis, component) => {
+                apis.hide(component);
+            },
+            isOpen: (apis, component) => apis.isOpen(component),
+            getContent: (apis, component) => apis.getContent(component),
+            setContent: (apis, component, thing) => {
+                apis.setContent(component, thing);
+            },
+            reposition: (apis, component) => {
+                apis.reposition(component);
+            }
+        }
+    });
+
+    const schema$a = constant$1([
+        defaultedString('type', 'text'),
+        option$3('data'),
+        defaulted('inputAttributes', {}),
+        defaulted('inputStyles', {}),
+        defaulted('tag', 'input'),
+        defaulted('inputClasses', []),
+        onHandler('onSetValue'),
+        defaultedFunction('fromInputValue', identity),
+        defaultedFunction('toInputValue', identity),
+        defaulted('styles', {}),
+        defaulted('eventOrder', {}),
+        field('inputBehaviours', [Representing, Focusing]),
+        defaulted('selectOnFocus', true)
+    ]);
+    const focusBehaviours = (detail) => derive$1([
+        Focusing.config({
+            onFocus: !detail.selectOnFocus ? noop : (component) => {
+                const input = component.element;
+                const value = get$5(input);
+                // TODO: There are probably more types that can't handle setSelectionRange
+                if (detail.type !== 'range') {
+                    input.dom.setSelectionRange(0, value.length);
+                }
+            }
+        })
+    ]);
+    const behaviours = (detail) => ({
+        ...focusBehaviours(detail),
+        ...augment(detail.inputBehaviours, [
+            Representing.config({
+                store: {
+                    mode: 'manual',
+                    // Propagating its Optional
+                    ...detail.data?.map((data) => ({ initialValue: data })).getOr({}),
+                    getValue: (input) => {
+                        return detail.fromInputValue(get$5(input.element));
+                    },
+                    setValue: (input, data) => {
+                        const current = get$5(input.element);
+                        // Only set it if it has changed ... otherwise the cursor goes to the end.
+                        if (current !== data) {
+                            set$4(input.element, detail.toInputValue(data));
+                        }
+                    }
+                },
+                onSetValue: detail.onSetValue
+            })
+        ])
+    });
+    const dom$1 = (detail) => ({
+        tag: detail.tag,
+        attributes: {
+            type: detail.type,
+            ...detail.inputAttributes
+        },
+        styles: detail.inputStyles,
+        classes: detail.inputClasses
+    });
+
+    const factory$e = (detail, _spec) => ({
+        uid: detail.uid,
+        dom: dom$1(detail),
+        // No children.
+        components: [],
+        behaviours: behaviours(detail),
+        eventOrder: detail.eventOrder
+    });
+    const Input = single({
+        name: 'Input',
+        configFields: schema$a(),
+        factory: factory$e
+    });
+
+    const parts$8 = generate$5(owner$2(), parts$f());
+
+    const labelledBy = (labelledElement, labelElement) => {
+        const labelId = getOpt(labelledElement, 'id')
+            .fold(() => {
+            const id = generate$6('dialog-label');
+            set$9(labelElement, 'id', id);
+            return id;
+        }, identity);
+        set$9(labelledElement, 'aria-labelledby', labelId);
+    };
+
+    const schema$9 = constant$1([
+        required$1('lazySink'),
+        option$3('dragBlockClass'),
+        defaultedFunction('getBounds', win),
+        defaulted('useTabstopAt', always),
+        defaulted('firstTabstop', 0),
+        defaulted('eventOrder', {}),
+        field('modalBehaviours', [Keying]),
+        onKeyboardHandler('onExecute'),
+        onStrictKeyboardHandler('onEscape')
+    ]);
+    const basic = { sketch: identity };
+    const parts$7 = constant$1([
+        optional({
+            name: 'draghandle',
+            overrides: (detail, spec) => {
+                return {
+                    behaviours: derive$1([
+                        Dragging.config({
+                            mode: 'mouse',
+                            getTarget: (handle) => {
+                                return ancestor$1(handle, '[role="dialog"]').getOr(handle);
+                            },
+                            blockerClass: detail.dragBlockClass.getOrDie(
+                            // TODO: Support errors in Optional getOrDie.
+                            new Error('The drag blocker class was not specified for a dialog with a drag handle: \n' +
+                                JSON.stringify(spec, null, 2)).message),
+                            getBounds: detail.getDragBounds
+                        })
+                    ])
+                };
+            }
+        }),
+        required({
+            schema: [required$1('dom')],
+            name: 'title'
+        }),
+        required({
+            factory: basic,
+            schema: [required$1('dom')],
+            name: 'close'
+        }),
+        required({
+            factory: basic,
+            schema: [required$1('dom')],
+            name: 'body'
+        }),
+        optional({
+            factory: basic,
+            schema: [required$1('dom')],
+            name: 'footer'
+        }),
+        external$1({
+            factory: {
+                sketch: (spec, detail) => 
+                // Merging should take care of the uid
+                ({
+                    ...spec,
+                    dom: detail.dom,
+                    components: detail.components
+                })
+            },
+            schema: [
+                defaulted('dom', {
+                    tag: 'div',
+                    styles: {
+                        position: 'fixed',
+                        left: '0px',
+                        top: '0px',
+                        right: '0px',
+                        bottom: '0px'
+                    }
+                }),
+                defaulted('components', [])
+            ],
+            name: 'blocker'
+        })
+    ]);
+
+    const factory$d = (detail, components, spec, externals) => {
+        const dialogComp = value$2();
+        // TODO IMPROVEMENT: Make close actually close the dialog by default!
+        const showDialog = (dialog) => {
+            dialogComp.set(dialog);
+            const sink = detail.lazySink(dialog).getOrDie();
+            const externalBlocker = externals.blocker();
+            const blocker = sink.getSystem().build({
+                ...externalBlocker,
+                components: externalBlocker.components.concat([
+                    premade(dialog)
+                ]),
+                behaviours: derive$1([
+                    Focusing.config({}),
+                    config('dialog-blocker-events', [
+                        // Ensure we use runOnSource otherwise this would cause an infinite loop, as `focusIn` would fire a `focusin` which would then get responded to and so forth
+                        runOnSource(focusin(), () => {
+                            Blocking.isBlocked(dialog) ? noop() : Keying.focusIn(dialog);
+                        })
+                    ])
+                ])
+            });
+            attach(sink, blocker);
+            Keying.focusIn(dialog);
+        };
+        const hideDialog = (dialog) => {
+            dialogComp.clear();
+            parent(dialog.element).each((blockerDom) => {
+                dialog.getSystem().getByDom(blockerDom).each((blocker) => {
+                    detach(blocker);
+                });
+            });
+        };
+        const getDialogBody = (dialog) => getPartOrDie(dialog, detail, 'body');
+        const getDialogFooter = (dialog) => getPart(dialog, detail, 'footer');
+        const setBusy = (dialog, getBusySpec) => {
+            Blocking.block(dialog, getBusySpec);
+        };
+        const setIdle = (dialog) => {
+            Blocking.unblock(dialog);
+        };
+        const modalEventsId = generate$6('modal-events');
+        const eventOrder = {
+            ...detail.eventOrder,
+            [attachedToDom()]: [modalEventsId].concat(detail.eventOrder['alloy.system.attached'] || [])
+        };
+        const browser = detect$1();
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            apis: {
+                show: showDialog,
+                hide: hideDialog,
+                getBody: getDialogBody,
+                getFooter: getDialogFooter,
+                setIdle,
+                setBusy
+            },
+            eventOrder,
+            domModification: {
+                attributes: {
+                    'role': 'dialog',
+                    'aria-modal': 'true'
+                }
+            },
+            behaviours: augment(detail.modalBehaviours, [
+                Replacing.config({}),
+                Keying.config({
+                    mode: 'cyclic',
+                    onEnter: detail.onExecute,
+                    onEscape: detail.onEscape,
+                    useTabstopAt: detail.useTabstopAt,
+                    firstTabstop: detail.firstTabstop
+                }),
+                Blocking.config({
+                    getRoot: dialogComp.get
+                }),
+                config(modalEventsId, [
+                    runOnAttached((c) => {
+                        // TINY-10808 - Workaround to address the dialog header not being announced on VoiceOver with aria-labelledby, ideally we should use the aria-labelledby
+                        const titleElm = getPartOrDie(c, detail, 'title').element;
+                        const title = get$6(titleElm);
+                        if (browser.os.isMacOS() && isNonNullable(title)) {
+                            set$9(c.element, 'aria-label', title);
+                        }
+                        else {
+                            labelledBy(c.element, titleElm);
+                        }
+                    })
+                ])
+            ])
+        };
+    };
+    const ModalDialog = composite({
+        name: 'ModalDialog',
+        configFields: schema$9(),
+        partFields: parts$7(),
+        factory: factory$d,
+        apis: {
+            show: (apis, dialog) => {
+                apis.show(dialog);
+            },
+            hide: (apis, dialog) => {
+                apis.hide(dialog);
+            },
+            getBody: (apis, dialog) => apis.getBody(dialog),
+            getFooter: (apis, dialog) => apis.getFooter(dialog),
+            setBusy: (apis, dialog, getBusySpec) => {
+                apis.setBusy(dialog, getBusySpec);
+            },
+            setIdle: (apis, dialog) => {
+                apis.setIdle(dialog);
+            }
+        }
+    });
+
+    const labelPart = optional({
+        schema: [required$1('dom')],
+        name: 'label'
+    });
+    const edgePart = (name) => optional({
+        name: '' + name + '-edge',
+        overrides: (detail) => {
+            const action = detail.model.manager.edgeActions[name];
+            // Not all edges have actions for all sliders.
+            // A horizontal slider will only have left and right, for instance,
+            // ignoring top, bottom and diagonal edges as they don't make sense in context of those sliders.
+            return action.fold(() => ({}), (a) => ({
+                events: derive$2([
+                    runActionExtra(touchstart(), (comp, se, d) => a(comp, d), [detail]),
+                    runActionExtra(mousedown(), (comp, se, d) => a(comp, d), [detail]),
+                    runActionExtra(mousemove(), (comp, se, det) => {
+                        if (det.mouseIsDown.get()) {
+                            a(comp, det);
+                        }
+                    }, [detail])
+                ])
+            }));
+        }
+    });
+    // When the user touches the top left edge, it should move the thumb
+    const tlEdgePart = edgePart('top-left');
+    // When the user touches the top edge, it should move the thumb
+    const tedgePart = edgePart('top');
+    // When the user touches the top right edge, it should move the thumb
+    const trEdgePart = edgePart('top-right');
+    // When the user touches the right edge, it should move the thumb
+    const redgePart = edgePart('right');
+    // When the user touches the bottom right edge, it should move the thumb
+    const brEdgePart = edgePart('bottom-right');
+    // When the user touches the bottom edge, it should move the thumb
+    const bedgePart = edgePart('bottom');
+    // When the user touches the bottom left edge, it should move the thumb
+    const blEdgePart = edgePart('bottom-left');
+    // When the user touches the left edge, it should move the thumb
+    const ledgePart = edgePart('left');
+    // The thumb part needs to have position absolute to be positioned correctly
+    const thumbPart = required({
+        name: 'thumb',
+        defaults: constant$1({
+            dom: {
+                styles: { position: 'absolute' }
+            }
+        }),
+        overrides: (detail) => {
+            return {
+                events: derive$2([
+                    // If the user touches the thumb itself, pretend they touched the spectrum instead. This
+                    // allows sliding even when they touchstart the current value
+                    redirectToPart(touchstart(), detail, 'spectrum'),
+                    redirectToPart(touchmove(), detail, 'spectrum'),
+                    redirectToPart(touchend(), detail, 'spectrum'),
+                    redirectToPart(mousedown(), detail, 'spectrum'),
+                    redirectToPart(mousemove(), detail, 'spectrum'),
+                    redirectToPart(mouseup(), detail, 'spectrum')
+                ])
+            };
+        }
+    });
+    const isShift = (event) => isShift$1(event.event);
+    const spectrumPart = required({
+        schema: [
+            customField('mouseIsDown', () => Cell(false))
+        ],
+        name: 'spectrum',
+        overrides: (detail) => {
+            const modelDetail = detail.model;
+            const model = modelDetail.manager;
+            const setValueFrom = (component, simulatedEvent) => model.getValueFromEvent(simulatedEvent)?.map((value) => model.setValueFrom(component, detail, value));
+            return {
+                behaviours: derive$1([
+                    // Move left and right along the spectrum
+                    Keying.config({
+                        mode: 'special',
+                        onLeft: (spectrum, event) => model.onLeft(spectrum, detail, isShift(event)),
+                        onRight: (spectrum, event) => model.onRight(spectrum, detail, isShift(event)),
+                        onUp: (spectrum, event) => model.onUp(spectrum, detail, isShift(event)),
+                        onDown: (spectrum, event) => model.onDown(spectrum, detail, isShift(event))
+                    }),
+                    Tabstopping.config({}),
+                    Focusing.config({})
+                ]),
+                events: derive$2([
+                    run$1(touchstart(), setValueFrom),
+                    run$1(touchmove(), setValueFrom),
+                    run$1(mousedown(), setValueFrom),
+                    run$1(mousemove(), (spectrum, se) => {
+                        if (detail.mouseIsDown.get()) {
+                            setValueFrom(spectrum, se);
+                        }
+                    })
+                ])
+            };
+        }
+    });
+    var SliderParts = [
+        labelPart,
+        ledgePart,
+        redgePart,
+        tedgePart,
+        bedgePart,
+        tlEdgePart,
+        trEdgePart,
+        blEdgePart,
+        brEdgePart,
+        thumbPart,
+        spectrumPart
+    ];
+
+    const _sliderChangeEvent = 'slider.change.value';
+    const sliderChangeEvent = constant$1(_sliderChangeEvent);
+    const isTouchEvent$2 = (evt) => evt.type.indexOf('touch') !== -1;
+    const getEventSource = (simulatedEvent) => {
+        const evt = simulatedEvent.event.raw;
+        if (isTouchEvent$2(evt)) {
+            const touchEvent = evt;
+            return touchEvent.touches !== undefined && touchEvent.touches.length === 1 ?
+                Optional?.some(touchEvent.touches[0])?.map((t) => SugarPosition(t.clientX, t.clientY)) : Optional.none();
+        }
+        else {
+            const mouseEvent = evt;
+            return mouseEvent.clientX !== undefined ? Optional?.some(mouseEvent)?.map((me) => SugarPosition(me.clientX, me.clientY)) : Optional.none();
+        }
+    };
+
+    const t = 'top', r = 'right', b = 'bottom', l = 'left';
+    // Values
+    const minX = (detail) => detail.model.minX;
+    const minY = (detail) => detail.model.minY;
+    const min1X = (detail) => detail.model.minX - 1;
+    const min1Y = (detail) => detail.model.minY - 1;
+    const maxX = (detail) => detail.model.maxX;
+    const maxY = (detail) => detail.model.maxY;
+    const max1X = (detail) => detail.model.maxX + 1;
+    const max1Y = (detail) => detail.model.maxY + 1;
+    const range = (detail, max, min) => max(detail) - min(detail);
+    const xRange = (detail) => range(detail, maxX, minX);
+    const yRange = (detail) => range(detail, maxY, minY);
+    const halfX = (detail) => xRange(detail) / 2;
+    const halfY = (detail) => yRange(detail) / 2;
+    const step = (detail, useMultiplier) => useMultiplier ? detail.stepSize * detail.speedMultiplier : detail.stepSize;
+    const snap = (detail) => detail.snapToGrid;
+    const snapStart = (detail) => detail.snapStart;
+    const rounded = (detail) => detail.rounded;
+    // Not great but... /shrug
+    const hasEdge = (detail, edgeName) => detail[edgeName + '-edge'] !== undefined;
+    const hasLEdge = (detail) => hasEdge(detail, l);
+    const hasREdge = (detail) => hasEdge(detail, r);
+    const hasTEdge = (detail) => hasEdge(detail, t);
+    const hasBEdge = (detail) => hasEdge(detail, b);
+    // Ew, any
+    const currentValue = (detail) => detail.model.value.get();
+
+    const xyValue = (x, y) => ({
+        x,
+        y
+    });
+    const fireSliderChange$3 = (component, value) => {
+        emitWith(component, sliderChangeEvent(), { value });
+    };
+    // North West XY
+    const setToTLEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(min1X(detail), min1Y(detail)));
+    };
+    // North
+    const setToTEdge = (edge, detail) => {
+        fireSliderChange$3(edge, min1Y(detail));
+    };
+    // North XY
+    const setToTEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(halfX(detail), min1Y(detail)));
+    };
+    // North East XY
+    const setToTREdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(max1X(detail), min1Y(detail)));
+    };
+    // East
+    const setToREdge = (edge, detail) => {
+        fireSliderChange$3(edge, max1X(detail));
+    };
+    // East XY
+    const setToREdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(max1X(detail), halfY(detail)));
+    };
+    // South East XY
+    const setToBREdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(max1X(detail), max1Y(detail)));
+    };
+    // South
+    const setToBEdge = (edge, detail) => {
+        fireSliderChange$3(edge, max1Y(detail));
+    };
+    // South XY
+    const setToBEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(halfX(detail), max1Y(detail)));
+    };
+    // South West XY
+    const setToBLEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(min1X(detail), max1Y(detail)));
+    };
+    // West
+    const setToLEdge = (edge, detail) => {
+        fireSliderChange$3(edge, min1X(detail));
+    };
+    // West XY
+    const setToLEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(min1X(detail), halfY(detail)));
+    };
+
+    const reduceBy = (value, min, max, step) => {
+        if (value < min) {
+            return value;
+        }
+        else if (value > max) {
+            return max;
+        }
+        else if (value === min) {
+            return min - 1;
+        }
+        else {
+            return Math.max(min, value - step);
+        }
+    };
+    const increaseBy = (value, min, max, step) => {
+        if (value > max) {
+            return value;
+        }
+        else if (value < min) {
+            return min;
+        }
+        else if (value === max) {
+            return max + 1;
+        }
+        else {
+            return Math.min(max, value + step);
+        }
+    };
+    const capValue = (value, min, max) => Math.max(min, Math.min(max, value));
+    const snapValueOf = (value, min, max, step, snapStart) => 
+    // We are snapping by the step size. Therefore, find the nearest multiple of
+    // the step
+    snapStart.fold(() => {
+        // There is no initial snapping start, so just go from the minimum
+        const initValue = value - min;
+        const extraValue = Math.round(initValue / step) * step;
+        return capValue(min + extraValue, min - 1, max + 1);
+    }, (start) => {
+        // There is an initial snapping start, so using that as the starting point,
+        // calculate the nearest snap position based on the value
+        const remainder = (value - start) % step;
+        const adjustment = Math.round(remainder / step);
+        const rawSteps = Math.floor((value - start) / step);
+        const maxSteps = Math.floor((max - start) / step);
+        const numSteps = Math.min(maxSteps, rawSteps + adjustment);
+        const r = start + (numSteps * step);
+        return Math.max(start, r);
+    });
+    const findOffsetOf = (value, min, max) => Math.min(max, Math.max(value, min)) - min;
+    const findValueOf = (args) => {
+        const { min, max, range, value, step, snap, snapStart, rounded, hasMinEdge, hasMaxEdge, minBound, maxBound, screenRange } = args;
+        const capMin = hasMinEdge ? min - 1 : min;
+        const capMax = hasMaxEdge ? max + 1 : max;
+        if (value < minBound) {
+            return capMin;
+        }
+        else if (value > maxBound) {
+            return capMax;
+        }
+        else {
+            const offset = findOffsetOf(value, minBound, maxBound);
+            const newValue = capValue(((offset / screenRange) * range) + min, capMin, capMax);
+            if (snap && newValue >= min && newValue <= max) {
+                return snapValueOf(newValue, min, max, step, snapStart);
+            }
+            else if (rounded) {
+                return Math.round(newValue);
+            }
+            else {
+                return newValue;
+            }
+        }
+    };
+    const findOffsetOfValue$2 = (args) => {
+        const { min, max, range, value, hasMinEdge, hasMaxEdge, maxBound, maxOffset, centerMinEdge, centerMaxEdge } = args;
+        if (value < min) {
+            return hasMinEdge ? 0 : centerMinEdge;
+        }
+        else if (value > max) {
+            return hasMaxEdge ? maxBound : centerMaxEdge;
+        }
+        else {
+            // position along the slider
+            return (value - min) / range * maxOffset;
+        }
+    };
+
+    const top = 'top', right = 'right', bottom = 'bottom', left = 'left', width = 'width', height = 'height';
+    // Screen offsets from bounding client rect
+    const getBounds = (component) => component.element.dom.getBoundingClientRect();
+    const getBoundsProperty = (bounds, property) => bounds[property];
+    const getMinXBounds = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, left);
+    };
+    const getMaxXBounds = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, right);
+    };
+    const getMinYBounds = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, top);
+    };
+    const getMaxYBounds = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, bottom);
+    };
+    const getXScreenRange = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, width);
+    };
+    const getYScreenRange = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, height);
+    };
+    const getCenterOffsetOf = (componentMinEdge, componentMaxEdge, spectrumMinEdge) => (componentMinEdge + componentMaxEdge) / 2 - spectrumMinEdge;
+    const getXCenterOffSetOf = (component, spectrum) => {
+        const componentBounds = getBounds(component);
+        const spectrumBounds = getBounds(spectrum);
+        const componentMinEdge = getBoundsProperty(componentBounds, left);
+        const componentMaxEdge = getBoundsProperty(componentBounds, right);
+        const spectrumMinEdge = getBoundsProperty(spectrumBounds, left);
+        return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
+    };
+    const getYCenterOffSetOf = (component, spectrum) => {
+        const componentBounds = getBounds(component);
+        const spectrumBounds = getBounds(spectrum);
+        const componentMinEdge = getBoundsProperty(componentBounds, top);
+        const componentMaxEdge = getBoundsProperty(componentBounds, bottom);
+        const spectrumMinEdge = getBoundsProperty(spectrumBounds, top);
+        return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
+    };
+
+    // fire slider change event with x value
+    const fireSliderChange$2 = (spectrum, value) => {
+        emitWith(spectrum, sliderChangeEvent(), { value });
+    };
+    // find the value of the x offset of where the mouse was clicked from the model.
+    const findValueOfOffset$1 = (spectrum, detail, left) => {
+        const args = {
+            min: minX(detail),
+            max: maxX(detail),
+            range: xRange(detail),
+            value: left,
+            step: step(detail),
+            snap: snap(detail),
+            snapStart: snapStart(detail),
+            rounded: rounded(detail),
+            hasMinEdge: hasLEdge(detail),
+            hasMaxEdge: hasREdge(detail),
+            minBound: getMinXBounds(spectrum),
+            maxBound: getMaxXBounds(spectrum),
+            screenRange: getXScreenRange(spectrum)
+        };
+        return findValueOf(args);
+    };
+    // find the value and fire a slider change event, returning the value
+    const setValueFrom$2 = (spectrum, detail, value) => {
+        const xValue = findValueOfOffset$1(spectrum, detail, value);
+        const sliderVal = xValue;
+        fireSliderChange$2(spectrum, sliderVal);
+        return xValue;
+    };
+    // fire a slider change event with the minimum value
+    const setToMin$2 = (spectrum, detail) => {
+        const min = minX(detail);
+        fireSliderChange$2(spectrum, min);
+    };
+    // fire a slider change event with the maximum value
+    const setToMax$2 = (spectrum, detail) => {
+        const max = maxX(detail);
+        fireSliderChange$2(spectrum, max);
+    };
+    // move in a direction by step size. Fire change at the end
+    const moveBy$2 = (direction, spectrum, detail, useMultiplier) => {
+        const f = (direction > 0) ? increaseBy : reduceBy;
+        const xValue = f(currentValue(detail), minX(detail), maxX(detail), step(detail, useMultiplier));
+        fireSliderChange$2(spectrum, xValue);
+        return Optional?.some(xValue);
+    };
+    const handleMovement$2 = (direction) => (spectrum, detail, useMultiplier) => moveBy$2(direction, spectrum, detail, useMultiplier)?.map(always);
+    // get x offset from event
+    const getValueFromEvent$2 = (simulatedEvent) => {
+        const pos = getEventSource(simulatedEvent);
+        return pos?.map((p) => p.left);
+    };
+    // find the x offset of a given value from the model
+    const findOffsetOfValue$1 = (spectrum, detail, value, minEdge, maxEdge) => {
+        const minOffset = 0;
+        const maxOffset = getXScreenRange(spectrum);
+        const centerMinEdge = minEdge.bind((edge) => Optional?.some(getXCenterOffSetOf(edge, spectrum))).getOr(minOffset);
+        const centerMaxEdge = maxEdge.bind((edge) => Optional?.some(getXCenterOffSetOf(edge, spectrum))).getOr(maxOffset);
+        const args = {
+            min: minX(detail),
+            max: maxX(detail),
+            range: xRange(detail),
+            value,
+            hasMinEdge: hasLEdge(detail),
+            hasMaxEdge: hasREdge(detail),
+            minBound: getMinXBounds(spectrum),
+            minOffset,
+            maxBound: getMaxXBounds(spectrum),
+            maxOffset,
+            centerMinEdge,
+            centerMaxEdge
+        };
+        return findOffsetOfValue$2(args);
+    };
+    // find left offset for absolute positioning from a given value
+    const findPositionOfValue$1 = (slider, spectrum, value, minEdge, maxEdge, detail) => {
+        const offset = findOffsetOfValue$1(spectrum, detail, value, minEdge, maxEdge);
+        return (getMinXBounds(spectrum) - getMinXBounds(slider)) + offset;
+    };
+    // update the position of the thumb from the slider's current value
+    const setPositionFromValue$2 = (slider, thumb, detail, edges) => {
+        const value = currentValue(detail);
+        const pos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
+        const thumbRadius = get$c(thumb.element) / 2;
+        set$7(thumb.element, 'left', (pos - thumbRadius) + 'px');
+    };
+    // Key Events
+    const onLeft$2 = handleMovement$2(-1);
+    const onRight$2 = handleMovement$2(1);
+    const onUp$2 = Optional.none;
+    const onDown$2 = Optional.none;
+    // Edge Click Actions
+    const edgeActions$2 = {
+        'top-left': Optional.none(),
+        'top': Optional.none(),
+        'top-right': Optional.none(),
+        'right': Optional?.some(setToREdge),
+        'bottom-right': Optional.none(),
+        'bottom': Optional.none(),
+        'bottom-left': Optional.none(),
+        'left': Optional?.some(setToLEdge)
+    };
+
+    var HorizontalModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom$2,
+        setToMin: setToMin$2,
+        setToMax: setToMax$2,
+        findValueOfOffset: findValueOfOffset$1,
+        getValueFromEvent: getValueFromEvent$2,
+        findPositionOfValue: findPositionOfValue$1,
+        setPositionFromValue: setPositionFromValue$2,
+        onLeft: onLeft$2,
+        onRight: onRight$2,
+        onUp: onUp$2,
+        onDown: onDown$2,
+        edgeActions: edgeActions$2
+    });
+
+    // fire slider change event with y value
+    const fireSliderChange$1 = (spectrum, value) => {
+        emitWith(spectrum, sliderChangeEvent(), { value });
+    };
+    // find the value of the y offset of where the mouse was clicked from the model.
+    const findValueOfOffset = (spectrum, detail, top) => {
+        const args = {
+            min: minY(detail),
+            max: maxY(detail),
+            range: yRange(detail),
+            value: top,
+            step: step(detail),
+            snap: snap(detail),
+            snapStart: snapStart(detail),
+            rounded: rounded(detail),
+            hasMinEdge: hasTEdge(detail),
+            hasMaxEdge: hasBEdge(detail),
+            minBound: getMinYBounds(spectrum),
+            maxBound: getMaxYBounds(spectrum),
+            screenRange: getYScreenRange(spectrum)
+        };
+        return findValueOf(args);
+    };
+    // find the value and fire a slider change event, returning the value
+    const setValueFrom$1 = (spectrum, detail, value) => {
+        const yValue = findValueOfOffset(spectrum, detail, value);
+        const sliderVal = yValue;
+        fireSliderChange$1(spectrum, sliderVal);
+        return yValue;
+    };
+    // fire a slider change event with the minimum value
+    const setToMin$1 = (spectrum, detail) => {
+        const min = minY(detail);
+        fireSliderChange$1(spectrum, min);
+    };
+    // fire a slider change event with the maximum value
+    const setToMax$1 = (spectrum, detail) => {
+        const max = maxY(detail);
+        fireSliderChange$1(spectrum, max);
+    };
+    // move in a direction by step size. Fire change at the end
+    const moveBy$1 = (direction, spectrum, detail, useMultiplier) => {
+        const f = (direction > 0) ? increaseBy : reduceBy;
+        const yValue = f(currentValue(detail), minY(detail), maxY(detail), step(detail, useMultiplier));
+        fireSliderChange$1(spectrum, yValue);
+        return Optional?.some(yValue);
+    };
+    const handleMovement$1 = (direction) => (spectrum, detail, useMultiplier) => moveBy$1(direction, spectrum, detail, useMultiplier)?.map(always);
+    // get y offset from event
+    const getValueFromEvent$1 = (simulatedEvent) => {
+        const pos = getEventSource(simulatedEvent);
+        return pos?.map((p) => {
+            return p.top;
+        });
+    };
+    // find the y offset of a given value from the model
+    const findOffsetOfValue = (spectrum, detail, value, minEdge, maxEdge) => {
+        const minOffset = 0;
+        const maxOffset = getYScreenRange(spectrum);
+        const centerMinEdge = minEdge.bind((edge) => Optional?.some(getYCenterOffSetOf(edge, spectrum))).getOr(minOffset);
+        const centerMaxEdge = maxEdge.bind((edge) => Optional?.some(getYCenterOffSetOf(edge, spectrum))).getOr(maxOffset);
+        const args = {
+            min: minY(detail),
+            max: maxY(detail),
+            range: yRange(detail),
+            value,
+            hasMinEdge: hasTEdge(detail),
+            hasMaxEdge: hasBEdge(detail),
+            minBound: getMinYBounds(spectrum),
+            minOffset,
+            maxBound: getMaxYBounds(spectrum),
+            maxOffset,
+            centerMinEdge,
+            centerMaxEdge
+        };
+        return findOffsetOfValue$2(args);
+    };
+    // find left offset for absolute positioning from a given value
+    const findPositionOfValue = (slider, spectrum, value, minEdge, maxEdge, detail) => {
+        const offset = findOffsetOfValue(spectrum, detail, value, minEdge, maxEdge);
+        return (getMinYBounds(spectrum) - getMinYBounds(slider)) + offset;
+    };
+    // update the position of the thumb from the slider's current value
+    const setPositionFromValue$1 = (slider, thumb, detail, edges) => {
+        const value = currentValue(detail);
+        const pos = findPositionOfValue(slider, edges.getSpectrum(slider), value, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
+        const thumbRadius = get$d(thumb.element) / 2;
+        set$7(thumb.element, 'top', (pos - thumbRadius) + 'px');
+    };
+    // Key Events
+    const onLeft$1 = Optional.none;
+    const onRight$1 = Optional.none;
+    const onUp$1 = handleMovement$1(-1);
+    const onDown$1 = handleMovement$1(1);
+    // Edge Click Actions
+    const edgeActions$1 = {
+        'top-left': Optional.none(),
+        'top': Optional?.some(setToTEdge),
+        'top-right': Optional.none(),
+        'right': Optional.none(),
+        'bottom-right': Optional.none(),
+        'bottom': Optional?.some(setToBEdge),
+        'bottom-left': Optional.none(),
+        'left': Optional.none()
+    };
+
+    var VerticalModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom$1,
+        setToMin: setToMin$1,
+        setToMax: setToMax$1,
+        findValueOfOffset: findValueOfOffset,
+        getValueFromEvent: getValueFromEvent$1,
+        findPositionOfValue: findPositionOfValue,
+        setPositionFromValue: setPositionFromValue$1,
+        onLeft: onLeft$1,
+        onRight: onRight$1,
+        onUp: onUp$1,
+        onDown: onDown$1,
+        edgeActions: edgeActions$1
+    });
+
+    // fire slider change event with xy value
+    const fireSliderChange = (spectrum, value) => {
+        emitWith(spectrum, sliderChangeEvent(), { value });
+    };
+    const sliderValue = (x, y) => ({
+        x,
+        y
+    });
+    // find both values of x and y offsets of where the mouse was clicked from the model.
+    // then fire a slider change event with those values, returning the values
+    const setValueFrom = (spectrum, detail, value) => {
+        const xValue = findValueOfOffset$1(spectrum, detail, value.left);
+        const yValue = findValueOfOffset(spectrum, detail, value.top);
+        const val = sliderValue(xValue, yValue);
+        fireSliderChange(spectrum, val);
+        return val;
+    };
+    // move in a direction by step size. Fire change at the end
+    const moveBy = (direction, isVerticalMovement, spectrum, detail, useMultiplier) => {
+        const f = (direction > 0) ? increaseBy : reduceBy;
+        const xValue = isVerticalMovement ? currentValue(detail).x :
+            f(currentValue(detail).x, minX(detail), maxX(detail), step(detail, useMultiplier));
+        const yValue = !isVerticalMovement ? currentValue(detail).y :
+            f(currentValue(detail).y, minY(detail), maxY(detail), step(detail, useMultiplier));
+        fireSliderChange(spectrum, sliderValue(xValue, yValue));
+        return Optional?.some(xValue);
+    };
+    const handleMovement = (direction, isVerticalMovement) => (spectrum, detail, useMultiplier) => moveBy(direction, isVerticalMovement, spectrum, detail, useMultiplier)?.map(always);
+    // fire a slider change event with the minimum value
+    const setToMin = (spectrum, detail) => {
+        const mX = minX(detail);
+        const mY = minY(detail);
+        fireSliderChange(spectrum, sliderValue(mX, mY));
+    };
+    // fire a slider change event with the maximum value
+    const setToMax = (spectrum, detail) => {
+        const mX = maxX(detail);
+        const mY = maxY(detail);
+        fireSliderChange(spectrum, sliderValue(mX, mY));
+    };
+    // get event data as a SugarPosition
+    const getValueFromEvent = (simulatedEvent) => getEventSource(simulatedEvent);
+    // update the position of the thumb from the slider's current value
+    const setPositionFromValue = (slider, thumb, detail, edges) => {
+        const value = currentValue(detail);
+        const xPos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
+        const yPos = findPositionOfValue(slider, edges.getSpectrum(slider), value.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
+        const thumbXRadius = get$c(thumb.element) / 2;
+        const thumbYRadius = get$d(thumb.element) / 2;
+        set$7(thumb.element, 'left', (xPos - thumbXRadius) + 'px');
+        set$7(thumb.element, 'top', (yPos - thumbYRadius) + 'px');
+    };
+    // Key Events
+    const onLeft = handleMovement(-1, false);
+    const onRight = handleMovement(1, false);
+    const onUp = handleMovement(-1, true);
+    const onDown = handleMovement(1, true);
+    // Edge Click Actions
+    const edgeActions = {
+        'top-left': Optional?.some(setToTLEdgeXY),
+        'top': Optional?.some(setToTEdgeXY),
+        'top-right': Optional?.some(setToTREdgeXY),
+        'right': Optional?.some(setToREdgeXY),
+        'bottom-right': Optional?.some(setToBREdgeXY),
+        'bottom': Optional?.some(setToBEdgeXY),
+        'bottom-left': Optional?.some(setToBLEdgeXY),
+        'left': Optional?.some(setToLEdgeXY)
+    };
+
+    var TwoDModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom,
+        setToMin: setToMin,
+        setToMax: setToMax,
+        getValueFromEvent: getValueFromEvent,
+        setPositionFromValue: setPositionFromValue,
+        onLeft: onLeft,
+        onRight: onRight,
+        onUp: onUp,
+        onDown: onDown,
+        edgeActions: edgeActions
+    });
+
+    const SliderSchema = [
+        defaulted('stepSize', 1),
+        defaulted('speedMultiplier', 10),
+        defaulted('onChange', noop),
+        defaulted('onChoose', noop),
+        defaulted('onInit', noop),
+        defaulted('onDragStart', noop),
+        defaulted('onDragEnd', noop),
+        defaulted('snapToGrid', false),
+        defaulted('rounded', true),
+        option$3('snapStart'),
+        requiredOf('model', choose$1('mode', {
+            x: [
+                defaulted('minX', 0),
+                defaulted('maxX', 100),
+                customField('value', (spec) => Cell(spec.mode.minX)),
+                required$1('getInitialValue'),
+                output$1('manager', HorizontalModel)
+            ],
+            y: [
+                defaulted('minY', 0),
+                defaulted('maxY', 100),
+                customField('value', (spec) => Cell(spec.mode.minY)),
+                required$1('getInitialValue'),
+                output$1('manager', VerticalModel)
+            ],
+            xy: [
+                defaulted('minX', 0),
+                defaulted('maxX', 100),
+                defaulted('minY', 0),
+                defaulted('maxY', 100),
+                customField('value', (spec) => Cell({
+                    x: spec.mode.minX,
+                    y: spec.mode.minY
+                })),
+                required$1('getInitialValue'),
+                output$1('manager', TwoDModel)
+            ]
+        })),
+        field('sliderBehaviours', [Keying, Representing]),
+        customField('mouseIsDown', () => Cell(false))
+    ];
+
+    const sketch$1 = (detail, components, _spec, _externals) => {
+        const getThumb = (component) => getPartOrDie(component, detail, 'thumb');
+        const getSpectrum = (component) => getPartOrDie(component, detail, 'spectrum');
+        const getLeftEdge = (component) => getPart(component, detail, 'left-edge');
+        const getRightEdge = (component) => getPart(component, detail, 'right-edge');
+        const getTopEdge = (component) => getPart(component, detail, 'top-edge');
+        const getBottomEdge = (component) => getPart(component, detail, 'bottom-edge');
+        const modelDetail = detail.model;
+        const model = modelDetail.manager;
+        const refresh = (slider, thumb) => {
+            model.setPositionFromValue(slider, thumb, detail, {
+                getLeftEdge,
+                getRightEdge,
+                getTopEdge,
+                getBottomEdge,
+                getSpectrum
+            });
+        };
+        const setValue = (slider, newValue) => {
+            modelDetail.value.set(newValue);
+            const thumb = getThumb(slider);
+            refresh(slider, thumb);
+        };
+        const changeValue = (slider, newValue) => {
+            setValue(slider, newValue);
+            const thumb = getThumb(slider);
+            detail.onChange(slider, thumb, newValue);
+            return Optional?.some(true);
+        };
+        const resetToMin = (slider) => {
+            model.setToMin(slider, detail);
+        };
+        const resetToMax = (slider) => {
+            model.setToMax(slider, detail);
+        };
+        const choose = (slider) => {
+            const fireOnChoose = () => {
+                getPart(slider, detail, 'thumb').each((thumb) => {
+                    const value = modelDetail.value.get();
+                    detail.onChoose(slider, thumb, value);
+                });
+            };
+            const wasDown = detail.mouseIsDown.get();
+            detail.mouseIsDown.set(false);
+            // We don't want this to fire if the mouse wasn't pressed down over anything other than the slider.
+            if (wasDown) {
+                fireOnChoose();
+            }
+        };
+        const onDragStart = (slider, simulatedEvent) => {
+            simulatedEvent.stop();
+            detail.mouseIsDown.set(true);
+            detail.onDragStart(slider, getThumb(slider));
+        };
+        const onDragEnd = (slider, simulatedEvent) => {
+            simulatedEvent.stop();
+            detail.onDragEnd(slider, getThumb(slider));
+            choose(slider);
+        };
+        const focusWidget = (component) => {
+            getPart(component, detail, 'spectrum')?.map(Keying.focusIn);
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: augment(detail.sliderBehaviours, [
+                Keying.config({
+                    mode: 'special',
+                    focusIn: focusWidget
+                }),
+                Representing.config({
+                    store: {
+                        mode: 'manual',
+                        getValue: (_) => {
+                            return modelDetail.value.get();
+                        },
+                        setValue
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        [mouseReleased()]: {
+                            onReceive: choose
+                        }
+                    }
+                })
+            ]),
+            events: derive$2([
+                run$1(sliderChangeEvent(), (slider, simulatedEvent) => {
+                    changeValue(slider, simulatedEvent.event.value);
+                }),
+                runOnAttached((slider, _simulatedEvent) => {
+                    // Set the initial value
+                    const getInitial = modelDetail.getInitialValue();
+                    modelDetail.value.set(getInitial);
+                    const thumb = getThumb(slider);
+                    refresh(slider, thumb);
+                    const spectrum = getSpectrum(slider);
+                    // Call onInit instead of onChange for the first value.
+                    detail.onInit(slider, thumb, spectrum, modelDetail.value.get());
+                }),
+                run$1(touchstart(), onDragStart),
+                run$1(touchend(), onDragEnd),
+                run$1(mousedown(), (component, event) => {
+                    focusWidget(component);
+                    onDragStart(component, event);
+                }),
+                run$1(mouseup(), onDragEnd),
+            ]),
+            apis: {
+                resetToMin,
+                resetToMax,
+                setValue,
+                refresh
+            },
+            domModification: {
+                styles: {
+                    position: 'relative'
+                }
+            }
+        };
+    };
+
+    const Slider = composite({
+        name: 'Slider',
+        configFields: SliderSchema,
+        partFields: SliderParts,
+        factory: sketch$1,
+        apis: {
+            setValue: (apis, slider, value) => {
+                apis.setValue(slider, value);
+            },
+            resetToMin: (apis, slider) => {
+                apis.resetToMin(slider);
+            },
+            resetToMax: (apis, slider) => {
+                apis.resetToMax(slider);
+            },
+            refresh: (apis, slider) => {
+                apis.refresh(slider);
+            }
+        }
+    });
+
+    const owner = 'container';
+    const schema$8 = [
+        field('slotBehaviours', [])
+    ];
+    const getPartName = (name) => '<alloy.field.' + name + '>';
+    const sketch = (sSpec) => {
+        // As parts.slot is called, record all of the parts that are registered
+        // as part of this SlotContainer.
+        const parts = (() => {
+            const record = [];
+            const slot = (name, config) => {
+                record.push(name);
+                return generateOne$1(owner, getPartName(name), config);
+            };
+            return {
+                slot,
+                record: constant$1(record)
+            };
+        })();
+        const spec = sSpec(parts);
+        const partNames = parts.record();
+        // Like a Form, a SlotContainer does not know its parts in advance. So the
+        // record lists the names of the parts to put in the schema.
+        // TODO: Find a nice way to remove dupe with Form
+        const fieldParts = map$2(partNames, (n) => required({ name: n, pname: getPartName(n) }));
+        return composite$1(owner, schema$8, fieldParts, make$3, spec);
+    };
+    const make$3 = (detail, components) => {
+        const getSlotNames = (_) => getAllPartNames(detail);
+        const getSlot = (container, key) => getPart(container, detail, key);
+        const onSlot = (f, def) => (container, key) => getPart(container, detail, key)?.map((slot) => f(slot, key)).getOr(def);
+        const onSlots = (f) => (container, keys) => {
+            each$1(keys, (key) => f(container, key));
+        };
+        const doShowing = (comp, _key) => get$g(comp.element, 'aria-hidden') !== 'true';
+        const doShow = (comp, key) => {
+            // NOTE: May need to restore old values.
+            if (!doShowing(comp)) {
+                const element = comp.element;
+                remove$6(element, 'display');
+                remove$8(element, 'aria-hidden');
+                emitWith(comp, slotVisibility(), { name: key, visible: true });
+            }
+        };
+        const doHide = (comp, key) => {
+            // NOTE: May need to save old values.
+            if (doShowing(comp)) {
+                const element = comp.element;
+                set$7(element, 'display', 'none');
+                set$9(element, 'aria-hidden', 'true');
+                emitWith(comp, slotVisibility(), { name: key, visible: false });
+            }
+        };
+        const isShowing = onSlot(doShowing, false);
+        const hideSlot = onSlot(doHide);
+        const hideSlots = onSlots(hideSlot);
+        const hideAllSlots = (container) => hideSlots(container, getSlotNames());
+        const showSlot = onSlot(doShow);
+        const apis = {
+            getSlotNames,
+            getSlot,
+            isShowing,
+            hideSlot,
+            hideAllSlots,
+            showSlot
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: get$2(detail.slotBehaviours),
+            apis
+        };
+    };
+    // No type safety doing it this way. But removes dupe.
+    // We could probably use spread operator to help here.
+    const slotApis = map$1({
+        getSlotNames: (apis, c) => apis.getSlotNames(c),
+        getSlot: (apis, c, key) => apis.getSlot(c, key),
+        isShowing: (apis, c, key) => apis.isShowing(c, key),
+        hideSlot: (apis, c, key) => apis.hideSlot(c, key),
+        hideAllSlots: (apis, c) => apis.hideAllSlots(c),
+        showSlot: (apis, c, key) => apis.showSlot(c, key)
+    }, (value) => makeApi(value));
+    const SlotContainer = {
+        ...slotApis,
+        ...{ sketch }
+    };
+
+    const schema$7 = constant$1([
+        required$1('toggleClass'),
+        required$1('fetch'),
+        onStrictHandler('onExecute'),
+        defaulted('getHotspot', Optional.some),
+        defaulted('getAnchorOverrides', constant$1({})),
+        schema$o(),
+        onStrictHandler('onItemExecute'),
+        option$3('lazySink'),
+        required$1('dom'),
+        onHandler('onOpen'),
+        field('splitDropdownBehaviours', [Coupling, Keying, Focusing]),
+        defaulted('matchWidth', false),
+        defaulted('useMinWidth', false),
+        defaulted('eventOrder', {}),
+        option$3('role'),
+        option$3('listRole')
+    ].concat(sandboxFields()));
+    const arrowPart = required({
+        factory: Button,
+        schema: [required$1('dom')],
+        name: 'arrow',
+        defaults: () => {
+            return {
+                buttonBehaviours: derive$1([
+                    // TODO: Remove all traces of revoking
+                    Focusing.revoke()
+                ])
+            };
+        },
+        overrides: (detail) => {
+            return {
+                dom: {
+                    tag: 'span',
+                    attributes: {
+                        role: 'presentation'
+                    }
+                },
+                action: (arrow) => {
+                    arrow.getSystem().getByUid(detail.uid).each(emitExecute);
+                },
+                buttonBehaviours: derive$1([
+                    Toggling.config({
+                        toggleOnExecute: false,
+                        toggleClass: detail.toggleClass
+                    })
+                ])
+            };
+        }
+    });
+    const buttonPart = required({
+        factory: Button,
+        schema: [required$1('dom')],
+        name: 'button',
+        defaults: () => {
+            return {
+                buttonBehaviours: derive$1([
+                    // TODO: Remove all traces of revoking
+                    Focusing.revoke()
+                ])
+            };
+        },
+        overrides: (detail) => {
+            return {
+                dom: {
+                    tag: 'span',
+                    attributes: {
+                        role: 'presentation'
+                    }
+                },
+                action: (btn) => {
+                    btn.getSystem().getByUid(detail.uid).each((splitDropdown) => {
+                        detail.onExecute(splitDropdown, btn);
+                    });
+                }
+            };
+        }
+    });
+    const parts$6 = constant$1([
+        arrowPart,
+        buttonPart,
+        optional({
+            factory: {
+                sketch: (spec) => {
+                    return {
+                        uid: spec.uid,
+                        dom: {
+                            tag: 'span',
+                            styles: {
+                                display: 'none'
+                            },
+                            attributes: {
+                                'aria-hidden': 'true'
+                            },
+                            innerHtml: spec.text
+                        }
+                    };
+                }
+            },
+            schema: [required$1('text')],
+            name: 'aria-descriptor'
+        }),
+        external$1({
+            schema: [
+                tieredMenuMarkers()
+            ],
+            name: 'menu',
+            defaults: (detail) => {
+                return {
+                    onExecute: (tmenu, item) => {
+                        // CAUTION: This won't work if the splitDropdown and the tmenu aren't
+                        // in the same mothership. It is just a default, though.
+                        tmenu.getSystem().getByUid(detail.uid).each((splitDropdown) => {
+                            detail.onItemExecute(splitDropdown, tmenu, item);
+                        });
+                    }
+                };
+            }
+        }),
+        partType()
+    ]);
+
+    const factory$c = (detail, components, spec, externals) => {
+        const switchToMenu = (sandbox) => {
+            Composing.getCurrent(sandbox).each((current) => {
+                Highlighting.highlightFirst(current);
+                Keying.focusIn(current);
+            });
+        };
+        const action = (component) => {
+            const onOpenSync = switchToMenu;
+            togglePopup(detail, identity, component, externals, onOpenSync, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+        };
+        const openMenu = (comp) => {
+            action(comp);
+            return Optional?.some(true);
+        };
+        const executeOnButton = (comp) => {
+            const button = getPartOrDie(comp, detail, 'button');
+            emitExecute(button);
+            return Optional?.some(true);
+        };
+        const buttonEvents = {
+            ...derive$2([
+                runOnAttached((component, _simulatedEvent) => {
+                    const ariaDescriptor = getPart(component, detail, 'aria-descriptor');
+                    ariaDescriptor.each((descriptor) => {
+                        const descriptorId = generate$6('aria');
+                        set$9(descriptor.element, 'id', descriptorId);
+                        set$9(component.element, 'aria-describedby', descriptorId);
+                    });
+                })
+            ]),
+            ...events(Optional?.some(action))
+        };
+        const apis = {
+            repositionMenus: (comp) => {
+                if (Toggling.isOn(comp)) {
+                    repositionMenus(comp);
+                }
+            }
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            apis,
+            eventOrder: {
+                ...detail.eventOrder,
+                // Order, the button state is toggled first, so assumed !selected means close.
+                [execute$5()]: ['disabling', 'toggling', 'alloy.base.behaviour']
+            },
+            events: buttonEvents,
+            behaviours: augment(detail.splitDropdownBehaviours, [
+                Coupling.config({
+                    others: {
+                        sandbox: (hotspot) => {
+                            const arrow = getPartOrDie(hotspot, detail, 'arrow');
+                            const extras = {
+                                onOpen: () => {
+                                    Toggling.on(arrow);
+                                    Toggling.on(hotspot);
+                                },
+                                onClose: () => {
+                                    Toggling.off(arrow);
+                                    Toggling.off(hotspot);
+                                }
+                            };
+                            return makeSandbox$1(detail, hotspot, extras);
+                        }
+                    }
+                }),
+                Keying.config({
+                    mode: 'special',
+                    onSpace: executeOnButton,
+                    onEnter: executeOnButton,
+                    onDown: openMenu
+                }),
+                Focusing.config({}),
+                Toggling.config({
+                    toggleOnExecute: false,
+                    aria: {
+                        mode: 'expanded'
+                    }
+                })
+            ]),
+            domModification: {
+                attributes: {
+                    'role': detail.role.getOr('button'),
+                    'aria-haspopup': true
+                }
+            }
+        };
+    };
+    const SplitDropdown = composite({
+        name: 'SplitDropdown',
+        configFields: schema$7(),
+        partFields: parts$6(),
+        factory: factory$c,
+        apis: {
+            repositionMenus: (apis, comp) => apis.repositionMenus(comp)
+        }
+    });
+
+    const generate$1 = (xs, f) => {
+        const init = {
+            len: 0,
+            list: []
+        };
+        const r = foldl(xs, (b, a) => {
+            const value = f(a, b.len);
+            return value.fold(constant$1(b), (v) => ({
+                len: v.finish,
+                list: b.list.concat([v])
+            }));
+        }, init);
+        return r.list;
+    };
+
+    const output = (within, extra, withinWidth) => ({
+        within,
+        extra,
+        withinWidth
+    });
+    const apportion = (units, total, len) => {
+        const parray = generate$1(units, (unit, current) => {
+            const width = len(unit);
+            return Optional?.some({
+                element: unit,
+                start: current,
+                finish: current + width,
+                width
+            });
+        });
+        const within = filter$2(parray, (unit) => unit.finish <= total);
+        const withinWidth = foldr(within, (acc, el) => acc + el.width, 0);
+        const extra = parray.slice(within.length);
+        return {
+            within,
+            extra,
+            withinWidth
+        };
+    };
+    const toUnit = (parray) => map$2(parray, (unit) => unit.element);
+    const fitLast = (within, extra, withinWidth) => {
+        const fits = toUnit(within.concat(extra));
+        return output(fits, [], withinWidth);
+    };
+    const overflow = (within, extra, overflower, withinWidth) => {
+        const fits = toUnit(within).concat([overflower]);
+        return output(fits, toUnit(extra), withinWidth);
+    };
+    const fitAll = (within, extra, withinWidth) => output(toUnit(within), [], withinWidth);
+    const tryFit = (total, units, len) => {
+        const divide = apportion(units, total, len);
+        return divide.extra.length === 0 ? Optional?.some(divide) : Optional.none();
+    };
+    const partition = (total, units, len, overflower) => {
+        // Firstly, we try without the overflower.
+        const divide = tryFit(total, units, len).getOrThunk(() => 
+        // If that doesn't work, overflow
+        apportion(units, total - len(overflower), len));
+        const within = divide.within;
+        const extra = divide.extra;
+        const withinWidth = divide.withinWidth;
+        if (extra.length === 1 && extra[0].width <= len(overflower)) {
+            return fitLast(within, extra, withinWidth);
+        }
+        else if (extra.length >= 1) {
+            return overflow(within, extra, overflower, withinWidth);
+        }
+        else {
+            return fitAll(within, extra, withinWidth);
+        }
+    };
+
+    const setGroups = (toolbar, storedGroups) => {
+        const bGroups = map$2(storedGroups, (g) => premade(g));
+        Toolbar.setGroups(toolbar, bGroups);
+    };
+    const findFocusedComp = (comps) => findMap(comps, (comp) => search(comp.element).bind((focusedElm) => comp.getSystem().getByDom(focusedElm).toOptional()));
+    const refresh$2 = (toolbar, detail, setOverflow) => {
+        // Ensure we have toolbar groups to render
+        const builtGroups = detail.builtGroups.get();
+        if (builtGroups.length === 0) {
+            return;
+        }
+        const primary = getPartOrDie(toolbar, detail, 'primary');
+        const overflowGroup = Coupling.getCoupled(toolbar, 'overflowGroup');
+        // Set the primary toolbar to have visibility hidden;
+        set$7(primary.element, 'visibility', 'hidden');
+        const groups = builtGroups.concat([overflowGroup]);
+        // Store the current focus state
+        const focusedComp = findFocusedComp(groups);
+        // Clear the overflow toolbar
+        setOverflow([]);
+        // Put all the groups inside the primary toolbar
+        setGroups(primary, groups);
+        const availableWidth = get$c(primary.element);
+        const overflows = partition(availableWidth, detail.builtGroups.get(), (comp) => Math.ceil(comp.element.dom.getBoundingClientRect().width), overflowGroup);
+        if (overflows.extra.length === 0) {
+            // Not ideal. Breaking abstraction somewhat, though remove is better than insert
+            // Can just reset the toolbar groups also ... but may be a bit slower.
+            Replacing.remove(primary, overflowGroup);
+            setOverflow([]);
+        }
+        else {
+            setGroups(primary, overflows.within);
+            setOverflow(overflows.extra);
+        }
+        remove$6(primary.element, 'visibility');
+        reflow(primary.element);
+        // Restore the focus
+        focusedComp.each(Focusing.focus);
+    };
+
+    const schema$6 = constant$1([
+        field('splitToolbarBehaviours', [Coupling]),
+        customField('builtGroups', () => Cell([]))
+    ]);
+
+    const schema$5 = constant$1([
+        markers$1(['overflowToggledClass']),
+        optionFunction('getOverflowBounds'),
+        required$1('lazySink'),
+        customField('overflowGroups', () => Cell([])),
+        onHandler('onOpened'),
+        onHandler('onClosed')
+    ].concat(schema$6()));
+    const parts$5 = constant$1([
+        required({
+            factory: Toolbar,
+            schema: schema$e(),
+            name: 'primary'
+        }),
+        external$1({
+            schema: schema$e(),
+            name: 'overflow'
+        }),
+        external$1({
+            name: 'overflow-button'
+        }),
+        external$1({
+            name: 'overflow-group'
+        })
+    ]);
+
+    const schema$4 = constant$1([
+        required$1('items'),
+        markers$1(['itemSelector']),
+        field('tgroupBehaviours', [Keying])
+    ]);
+    const parts$4 = constant$1([
+        group({
+            name: 'items',
+            unit: 'item'
+        })
+    ]);
+
+    const factory$b = (detail, components, _spec, _externals) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        components,
+        behaviours: augment(detail.tgroupBehaviours, [
+            Keying.config({
+                mode: 'flow',
+                selector: detail.markers.itemSelector
+            })
+        ]),
+        domModification: {
+            attributes: {
+                role: 'toolbar'
+            }
+        }
+    });
+    const ToolbarGroup = composite({
+        name: 'ToolbarGroup',
+        configFields: schema$4(),
+        partFields: parts$4(),
+        factory: factory$b
+    });
+
+    const buildGroups = (comps) => map$2(comps, (g) => premade(g));
+    const refresh$1 = (toolbar, memFloatingToolbarButton, detail) => {
+        refresh$2(toolbar, detail, (overflowGroups) => {
+            detail.overflowGroups.set(overflowGroups);
+            memFloatingToolbarButton.getOpt(toolbar).each((floatingToolbarButton) => {
+                FloatingToolbarButton.setGroups(floatingToolbarButton, buildGroups(overflowGroups));
+            });
+        });
+    };
+    const factory$a = (detail, components, spec, externals) => {
+        const memFloatingToolbarButton = record(FloatingToolbarButton.sketch({
+            fetch: () => Future.nu((resolve) => {
+                resolve(buildGroups(detail.overflowGroups.get()));
+            }),
+            layouts: {
+                onLtr: () => [southwest$2, southeast$2],
+                onRtl: () => [southeast$2, southwest$2],
+                onBottomLtr: () => [northwest$2, northeast$2],
+                onBottomRtl: () => [northeast$2, northwest$2]
+            },
+            getBounds: spec.getOverflowBounds,
+            lazySink: detail.lazySink,
+            fireDismissalEventInstead: {},
+            markers: {
+                toggledClass: detail.markers.overflowToggledClass
+            },
+            parts: {
+                button: externals['overflow-button'](),
+                toolbar: externals.overflow()
+            },
+            onToggled: (comp, state) => detail[state ? 'onOpened' : 'onClosed'](comp)
+        }));
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: augment(detail.splitToolbarBehaviours, [
+                Coupling.config({
+                    others: {
+                        overflowGroup: () => {
+                            return ToolbarGroup.sketch({
+                                ...externals['overflow-group'](),
+                                items: [
+                                    memFloatingToolbarButton.asSpec()
+                                ]
+                            });
+                        }
+                    }
+                })
+            ]),
+            apis: {
+                setGroups: (toolbar, groups) => {
+                    detail.builtGroups.set(map$2(groups, toolbar.getSystem().build));
+                    refresh$1(toolbar, memFloatingToolbarButton, detail);
+                },
+                refresh: (toolbar) => refresh$1(toolbar, memFloatingToolbarButton, detail),
+                toggle: (toolbar) => {
+                    memFloatingToolbarButton.getOpt(toolbar).each((floatingToolbarButton) => {
+                        FloatingToolbarButton.toggle(floatingToolbarButton);
+                    });
+                },
+                toggleWithoutFocusing: (toolbar) => {
+                    memFloatingToolbarButton.getOpt(toolbar).each(FloatingToolbarButton.toggleWithoutFocusing);
+                },
+                isOpen: (toolbar) => memFloatingToolbarButton.getOpt(toolbar)?.map(FloatingToolbarButton.isOpen).getOr(false),
+                reposition: (toolbar) => {
+                    memFloatingToolbarButton.getOpt(toolbar).each((floatingToolbarButton) => {
+                        FloatingToolbarButton.reposition(floatingToolbarButton);
+                    });
+                },
+                getOverflow: (toolbar) => memFloatingToolbarButton.getOpt(toolbar).bind(FloatingToolbarButton.getToolbar)
+            },
+            domModification: {
+                attributes: { role: 'group' }
+            }
+        };
+    };
+    const SplitFloatingToolbar = composite({
+        name: 'SplitFloatingToolbar',
+        configFields: schema$5(),
+        partFields: parts$5(),
+        factory: factory$a,
+        apis: {
+            setGroups: (apis, toolbar, groups) => {
+                apis.setGroups(toolbar, groups);
+            },
+            refresh: (apis, toolbar) => {
+                apis.refresh(toolbar);
+            },
+            reposition: (apis, toolbar) => {
+                apis.reposition(toolbar);
+            },
+            toggle: (apis, toolbar) => {
+                apis.toggle(toolbar);
+            },
+            toggleWithoutFocusing: (apis, toolbar) => {
+                apis.toggle(toolbar);
+            },
+            isOpen: (apis, toolbar) => apis.isOpen(toolbar),
+            getOverflow: (apis, toolbar) => apis.getOverflow(toolbar)
+        }
+    });
+
+    const schema$3 = constant$1([
+        markers$1(['closedClass', 'openClass', 'shrinkingClass', 'growingClass', 'overflowToggledClass']),
+        onHandler('onOpened'),
+        onHandler('onClosed')
+    ].concat(schema$6()));
+    const parts$3 = constant$1([
+        required({
+            factory: Toolbar,
+            schema: schema$e(),
+            name: 'primary'
+        }),
+        required({
+            factory: Toolbar,
+            schema: schema$e(),
+            name: 'overflow',
+            overrides: (detail) => {
+                return {
+                    toolbarBehaviours: derive$1([
+                        Sliding.config({
+                            dimension: {
+                                property: 'height'
+                            },
+                            closedClass: detail.markers.closedClass,
+                            openClass: detail.markers.openClass,
+                            shrinkingClass: detail.markers.shrinkingClass,
+                            growingClass: detail.markers.growingClass,
+                            onShrunk: (comp) => {
+                                getPart(comp, detail, 'overflow-button').each((button) => {
+                                    Toggling.off(button);
+                                });
+                                detail.onClosed(comp);
+                            },
+                            onGrown: (comp) => {
+                                detail.onOpened(comp);
+                            },
+                            onStartGrow: (comp) => {
+                                getPart(comp, detail, 'overflow-button').each(Toggling.on);
+                            }
+                        }),
+                        Keying.config({
+                            mode: 'acyclic',
+                            onEscape: (comp) => {
+                                getPart(comp, detail, 'overflow-button').each(Focusing.focus);
+                                return Optional?.some(true);
+                            }
+                        })
+                    ])
+                };
+            }
+        }),
+        external$1({
+            name: 'overflow-button',
+            overrides: (detail) => ({
+                buttonBehaviours: derive$1([
+                    Toggling.config({
+                        toggleClass: detail.markers.overflowToggledClass,
+                        aria: {
+                            mode: 'expanded'
+                        },
+                        toggleOnExecute: false
+                    })
+                ])
+            })
+        }),
+        external$1({
+            name: 'overflow-group'
+        })
+    ]);
+
+    const isOpen = (toolbar, detail) => getPart(toolbar, detail, 'overflow')?.map(Sliding.hasGrown).getOr(false);
+    const toggleToolbar = (toolbar, detail, skipFocus) => {
+        // Make sure that the toolbar needs to toggled by checking for overflow button presence
+        getPart(toolbar, detail, 'overflow-button')
+            .each((oveflowButton) => {
+            getPart(toolbar, detail, 'overflow').each((overf) => {
+                refresh(toolbar, detail);
+                if (Sliding.hasShrunk(overf)) {
+                    const fn = detail.onOpened;
+                    detail.onOpened = (comp) => {
+                        if (!skipFocus) {
+                            Keying.focusIn(overf);
+                        }
+                        fn(comp);
+                        detail.onOpened = fn;
+                    };
+                }
+                else {
+                    const fn = detail.onClosed;
+                    detail.onClosed = (comp) => {
+                        if (!skipFocus) {
+                            Focusing.focus(oveflowButton);
+                        }
+                        fn(comp);
+                        detail.onClosed = fn;
+                    };
+                }
+                Sliding.toggleGrow(overf);
+            });
+        });
+    };
+    const refresh = (toolbar, detail) => {
+        getPart(toolbar, detail, 'overflow').each((overflow) => {
+            refresh$2(toolbar, detail, (groups) => {
+                const builtGroups = map$2(groups, (g) => premade(g));
+                Toolbar.setGroups(overflow, builtGroups);
+            });
+            getPart(toolbar, detail, 'overflow-button').each((button) => {
+                if (Sliding.hasGrown(overflow)) {
+                    Toggling.on(button);
+                }
+            });
+            Sliding.refresh(overflow);
+        });
+    };
+    const factory$9 = (detail, components, spec, externals) => {
+        const toolbarToggleEvent = 'alloy.toolbar.toggle';
+        const doSetGroups = (toolbar, groups) => {
+            const built = map$2(groups, toolbar.getSystem().build);
+            detail.builtGroups.set(built);
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: augment(detail.splitToolbarBehaviours, [
+                Coupling.config({
+                    others: {
+                        overflowGroup: (toolbar) => {
+                            return ToolbarGroup.sketch({
+                                ...externals['overflow-group'](),
+                                items: [
+                                    Button.sketch({
+                                        ...externals['overflow-button'](),
+                                        action: (_button) => {
+                                            emit(toolbar, toolbarToggleEvent);
+                                        }
+                                    })
+                                ]
+                            });
+                        }
+                    }
+                }),
+                config('toolbar-toggle-events', [
+                    run$1(toolbarToggleEvent, (toolbar) => {
+                        toggleToolbar(toolbar, detail, false);
+                    })
+                ])
+            ]),
+            apis: {
+                setGroups: (toolbar, groups) => {
+                    doSetGroups(toolbar, groups);
+                    refresh(toolbar, detail);
+                },
+                refresh: (toolbar) => refresh(toolbar, detail),
+                toggle: (toolbar) => {
+                    toggleToolbar(toolbar, detail, false);
+                },
+                toggleWithoutFocusing: (toolbar) => {
+                    toggleToolbar(toolbar, detail, true);
+                },
+                isOpen: (toolbar) => isOpen(toolbar, detail)
+            },
+            domModification: {
+                attributes: { role: 'group' }
+            }
+        };
+    };
+    const SplitSlidingToolbar = composite({
+        name: 'SplitSlidingToolbar',
+        configFields: schema$3(),
+        partFields: parts$3(),
+        factory: factory$9,
+        apis: {
+            setGroups: (apis, toolbar, groups) => {
+                apis.setGroups(toolbar, groups);
+            },
+            refresh: (apis, toolbar) => {
+                apis.refresh(toolbar);
+            },
+            toggle: (apis, toolbar) => {
+                apis.toggle(toolbar);
+            },
+            isOpen: (apis, toolbar) => apis.isOpen(toolbar)
+        }
+    });
+
+    const factory$8 = (detail, _spec) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        components: detail.components,
+        events: events(detail.action),
+        behaviours: augment(detail.tabButtonBehaviours, [
+            Focusing.config({}),
+            Keying.config({
+                mode: 'execution',
+                useSpace: true,
+                useEnter: true
+            }),
+            Representing.config({
+                store: {
+                    mode: 'memory',
+                    initialValue: detail.value
+                }
+            })
+        ]),
+        domModification: detail.domModification
+    });
+    const TabButton = single({
+        name: 'TabButton',
+        configFields: [
+            defaulted('uid', undefined),
+            required$1('value'),
+            field$1('dom', 'dom', mergeWithThunk(() => ({
+                attributes: {
+                    'role': 'tab',
+                    // NOTE: This is used in TabSection to connect "labelledby"
+                    'id': generate$6('aria'),
+                    'aria-selected': 'false'
+                }
+            })), anyValue()),
+            option$3('action'),
+            defaulted('domModification', {}),
+            field('tabButtonBehaviours', [Focusing, Keying, Representing]),
+            required$1('view')
+        ],
+        factory: factory$8
+    });
+
+    const schema$2 = constant$1([
+        required$1('tabs'),
+        required$1('dom'),
+        defaulted('clickToDismiss', false),
+        field('tabbarBehaviours', [Highlighting, Keying]),
+        markers$1(['tabClass', 'selectedClass'])
+    ]);
+    const tabsPart = group({
+        factory: TabButton,
+        name: 'tabs',
+        unit: 'tab',
+        overrides: (barDetail) => {
+            const dismissTab$1 = (tabbar, button) => {
+                Highlighting.dehighlight(tabbar, button);
+                emitWith(tabbar, dismissTab(), {
+                    tabbar,
+                    button
+                });
+            };
+            const changeTab$1 = (tabbar, button) => {
+                Highlighting.highlight(tabbar, button);
+                emitWith(tabbar, changeTab(), {
+                    tabbar,
+                    button
+                });
+            };
+            return {
+                action: (button) => {
+                    const tabbar = button.getSystem().getByUid(barDetail.uid).getOrDie();
+                    const activeButton = Highlighting.isHighlighted(tabbar, button);
+                    const response = (() => {
+                        if (activeButton && barDetail.clickToDismiss) {
+                            return dismissTab$1;
+                        }
+                        else if (!activeButton) {
+                            return changeTab$1;
+                        }
+                        else {
+                            return noop;
+                        }
+                    })();
+                    response(tabbar, button);
+                },
+                domModification: {
+                    classes: [barDetail.markers.tabClass]
+                }
+            };
+        }
+    });
+    const parts$2 = constant$1([
+        tabsPart
+    ]);
+
+    const factory$7 = (detail, components, _spec, _externals) => ({
+        'uid': detail.uid,
+        'dom': detail.dom,
+        components,
+        'debug.sketcher': 'Tabbar',
+        'domModification': {
+            attributes: {
+                role: 'tablist'
+            }
+        },
+        'behaviours': augment(detail.tabbarBehaviours, [
+            Highlighting.config({
+                highlightClass: detail.markers.selectedClass,
+                itemClass: detail.markers.tabClass,
+                // https://www.w3.org/TR/2010/WD-wai-aria-practices-20100916/#tabpanel
+                // Consider a more seam-less way of combining highlighting and toggling
+                onHighlight: (tabbar, tab) => {
+                    // TODO: Integrate highlighting and toggling in a nice way
+                    set$9(tab.element, 'aria-selected', 'true');
+                },
+                onDehighlight: (tabbar, tab) => {
+                    set$9(tab.element, 'aria-selected', 'false');
+                }
+            }),
+            Keying.config({
+                mode: 'flow',
+                getInitial: (tabbar) => {
+                    // Restore focus to the previously highlighted tab.
+                    return Highlighting.getHighlighted(tabbar)?.map((tab) => tab.element);
+                },
+                selector: '.' + detail.markers.tabClass,
+                executeOnMove: true
+            })
+        ])
+    });
+    const Tabbar = composite({
+        name: 'Tabbar',
+        configFields: schema$2(),
+        partFields: parts$2(),
+        factory: factory$7
+    });
+
+    const factory$6 = (detail, _spec) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        behaviours: augment(detail.tabviewBehaviours, [
+            Replacing.config({})
+        ]),
+        domModification: {
+            attributes: { role: 'tabpanel' }
+        }
+    });
+    const Tabview = single({
+        name: 'Tabview',
+        configFields: [
+            field('tabviewBehaviours', [Replacing])
+        ],
+        factory: factory$6
+    });
+
+    const schema$1 = constant$1([
+        defaulted('selectFirst', true),
+        onHandler('onChangeTab'),
+        onHandler('onDismissTab'),
+        defaulted('tabs', []),
+        field('tabSectionBehaviours', [])
+    ]);
+    const barPart = required({
+        factory: Tabbar,
+        schema: [
+            required$1('dom'),
+            requiredObjOf('markers', [
+                required$1('tabClass'),
+                required$1('selectedClass')
+            ])
+        ],
+        name: 'tabbar',
+        defaults: (detail) => {
+            return {
+                tabs: detail.tabs
+            };
+        }
+    });
+    const viewPart = required({
+        factory: Tabview,
+        name: 'tabview'
+    });
+    const parts$1 = constant$1([
+        barPart,
+        viewPart
+    ]);
+
+    const factory$5 = (detail, components, _spec, _externals) => {
+        const changeTab$1 = (button) => {
+            const tabValue = Representing.getValue(button);
+            getPart(button, detail, 'tabview').each((tabview) => {
+                const tabWithValue = find$5(detail.tabs, (t) => t.value === tabValue);
+                tabWithValue.each((tabData) => {
+                    const panel = tabData.view();
+                    // Update the tabview to refer to the current tab.
+                    getOpt(button.element, 'id').each((id) => {
+                        set$9(tabview.element, 'aria-labelledby', id);
+                    });
+                    Replacing.set(tabview, panel);
+                    detail.onChangeTab(tabview, button, panel);
+                });
+            });
+        };
+        const changeTabBy = (section, byPred) => {
+            getPart(section, detail, 'tabbar').each((tabbar) => {
+                byPred(tabbar).each(emitExecute);
+            });
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: get$2(detail.tabSectionBehaviours),
+            events: derive$2(flatten([
+                detail.selectFirst ? [
+                    runOnAttached((section, _simulatedEvent) => {
+                        changeTabBy(section, Highlighting.getFirst);
+                    })
+                ] : [],
+                [
+                    run$1(changeTab(), (section, simulatedEvent) => {
+                        const button = simulatedEvent.event.button;
+                        changeTab$1(button);
+                    }),
+                    run$1(dismissTab(), (section, simulatedEvent) => {
+                        const button = simulatedEvent.event.button;
+                        detail.onDismissTab(section, button);
+                    })
+                ]
+            ])),
+            apis: {
+                getViewItems: (section) => {
+                    return getPart(section, detail, 'tabview')?.map((tabview) => Replacing.contents(tabview)).getOr([]);
+                },
+                // How should "clickToDismiss" interact with this? At the moment, it will never dismiss
+                showTab: (section, tabKey) => {
+                    // We only change the tab if it isn't currently active because that takes
+                    // the whole "dismiss" issue out of the equation.
+                    const getTabIfNotActive = (tabbar) => {
+                        const candidates = Highlighting.getCandidates(tabbar);
+                        const optTab = find$5(candidates, (c) => Representing.getValue(c) === tabKey);
+                        return optTab.filter((tab) => !Highlighting.isHighlighted(tabbar, tab));
+                    };
+                    changeTabBy(section, getTabIfNotActive);
+                }
+            }
+        };
+    };
+    const TabSection = composite({
+        name: 'TabSection',
+        configFields: schema$1(),
+        partFields: parts$1(),
+        factory: factory$5,
+        apis: {
+            getViewItems: (apis, component) => apis.getViewItems(component),
+            showTab: (apis, component, tabKey) => {
+                apis.showTab(component, tabKey);
+            }
+        }
+    });
+
+    // When showing a value in an input field, which part of the item do we use?
+    const setValueFromItem = (model, input, item) => {
+        const itemData = Representing.getValue(item);
+        Representing.setValue(input, itemData);
+        setCursorAtEnd(input);
+    };
+    const setSelectionOn = (input, f) => {
+        const el = input.element;
+        const value = get$5(el);
+        const node = el.dom;
+        // Only do for valid input types.
+        if (get$g(el, 'type') !== 'number') {
+            f(node, value);
+        }
+    };
+    const setCursorAtEnd = (input) => {
+        setSelectionOn(input, (node, value) => node.setSelectionRange(value.length, value.length));
+    };
+    const setSelectionToEnd = (input, startOffset) => {
+        setSelectionOn(input, (node, value) => node.setSelectionRange(startOffset, value.length));
+    };
+    const attemptSelectOver = (model, input, item) => {
+        if (!model.selectsOver) {
+            return Optional.none();
+        }
+        else {
+            const currentValue = Representing.getValue(input);
+            const inputDisplay = model.getDisplayText(currentValue);
+            const itemValue = Representing.getValue(item);
+            const itemDisplay = model.getDisplayText(itemValue);
+            return itemDisplay.indexOf(inputDisplay) === 0 ?
+                Optional?.some(() => {
+                    setValueFromItem(model, input, item);
+                    setSelectionToEnd(input, inputDisplay.length);
+                })
+                : Optional.none();
+        }
+    };
+
+    const itemExecute = constant$1('alloy.typeahead.itemexecute');
+
+    // TODO: Fix this.
+    const make$2 = (detail, components, spec, externals) => {
+        const navigateList = (comp, simulatedEvent, highlighter) => {
+            /*
+             * If we have an open Sandbox with an active menu,
+             * but no highlighted item, then highlight the menu
+             *
+             * If we have an open Sandbox with an active menu,
+             * and there is a highlighted item, simulated a keydown
+             * on the menu
+             *
+             * If we have a closed sandbox, open the sandbox
+             *
+             * Regardless, this is a user initiated action. End previewing.
+             */
+            detail.previewing.set(false);
+            const sandbox = Coupling.getCoupled(comp, 'sandbox');
+            if (Sandboxing.isOpen(sandbox)) {
+                Composing.getCurrent(sandbox).each((menu) => {
+                    Highlighting.getHighlighted(menu).fold(() => {
+                        highlighter(menu);
+                    }, () => {
+                        dispatchEvent(sandbox, menu.element, 'keydown', simulatedEvent);
+                    });
+                });
+            }
+            else {
+                const onOpenSync = (sandbox) => {
+                    Composing.getCurrent(sandbox).each(highlighter);
+                };
+                open(detail, mapFetch(comp), comp, sandbox, externals, onOpenSync, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+            }
+        };
+        // Due to the fact that typeahead probably need to separate value from text, they can't reuse
+        // (easily) the same representing logic as input fields.
+        const focusBehaviours$1 = focusBehaviours(detail);
+        const mapFetch = (comp) => (tdata) => tdata?.map((data) => {
+            const menus = values(data.menus);
+            const items = bind$3(menus, (menu) => filter$2(menu.items, (item) => item.type === 'item'));
+            const repState = Representing.getState(comp);
+            repState.update(map$2(items, (item) => item.data));
+            return data;
+        });
+        // This function (getActiveMenu) is intended to make it easier to read what is happening
+        // without having to decipher the Highlighting and Composing calls.
+        const getActiveMenu = (sandboxComp) => Composing.getCurrent(sandboxComp);
+        const typeaheadCustomEvents = 'typeaheadevents';
+        const behaviours = [
+            Focusing.config({}),
+            Representing.config({
+                onSetValue: detail.onSetValue,
+                store: {
+                    mode: 'dataset',
+                    getDataKey: (comp) => get$5(comp.element),
+                    // This really needs to be configurable
+                    getFallbackEntry: (itemString) => ({
+                        value: itemString,
+                        meta: {}
+                    }),
+                    setValue: (comp, data) => {
+                        set$4(comp.element, detail.model.getDisplayText(data));
+                    },
+                    ...detail.initialData?.map((d) => wrap('initialValue', d)).getOr({})
+                }
+            }),
+            Streaming.config({
+                stream: {
+                    mode: 'throttle',
+                    delay: detail.responseTime,
+                    stopEvent: false
+                },
+                onStream: (component, _simulatedEvent) => {
+                    const sandbox = Coupling.getCoupled(component, 'sandbox');
+                    const focusInInput = Focusing.isFocused(component);
+                    // You don't want it to change when something else has triggered the change.
+                    if (focusInInput) {
+                        if (get$5(component.element).length >= detail.minChars) {
+                            // Get the value of the previously active (selected/highlighted) item. We
+                            // are going to try to preserve this.
+                            const previousValue = getActiveMenu(sandbox).bind((activeMenu) => Highlighting.getHighlighted(activeMenu)?.map(Representing.getValue));
+                            // Turning previewing ON here every keystroke is unnecessary, but relies
+                            // on the fact that it will be turned off if required by highlighting events.
+                            // So even if previewing was supposed to be off, turning it on here is
+                            // just temporary, because the onOpenSync below will trigger a highlight
+                            // if there was meant to be one, which will turn it off if required.
+                            detail.previewing.set(true);
+                            const onOpenSync = (_sandbox) => {
+                                // This getActiveMenu relies on a menu being highlighted / active
+                                getActiveMenu(sandbox).each((activeMenu) => {
+                                    // The folds can make this hard to follow, but the basic gist of it is
+                                    // that we want to see if we need to highlight one of the items in the
+                                    // menu that we just opened. If we do highlight an item, then that
+                                    // highlighting action will clear previewing (handled by the TieredMenu
+                                    // part configuration for onHighlight). Note: that onOpenSync runs
+                                    // *after* the highlightOnOpen setting.
+                                    //
+                                    // 1. If in "selectsOver" mode and we don't have a previous item,
+                                    // then highlight the first one. This one will be used as the basis
+                                    // for the "selectsOver" text selection. The act of highlighting the
+                                    // first item will take us out of previewing mode. If the "selectsOver"
+                                    // operation fails, it should clear the highlight, and restore previewing
+                                    // 2. If not in "selectsOver" mode, and we don't have a previous item,
+                                    // then we don't highlight anything. This will keep us in previewing
+                                    // mode until the menu is interacted with (hover, navigation etc.)
+                                    // 3. If we have a previous item, then try and rehighlight it. But if
+                                    // we can't, the just highlight the first. Either action will take us
+                                    // out of previewing mode.
+                                    previousValue.fold(() => {
+                                        // We are using "selectOver", so we need *something* to highlight
+                                        if (detail.model.selectsOver) {
+                                            Highlighting.highlightFirst(activeMenu);
+                                        }
+                                        // We aren't using "selectOver", so don't highlight anything
+                                        // to preserve our "previewing" mode.
+                                    }, (pv) => {
+                                        // We have a previous item, so if we can't rehighlight it, then
+                                        // we'll change to the first item. We want to keep some selection.
+                                        Highlighting.highlightBy(activeMenu, (item) => {
+                                            const itemData = Representing.getValue(item);
+                                            return itemData.value === pv.value;
+                                        });
+                                        // Highlight first if could not find it?
+                                        Highlighting.getHighlighted(activeMenu).orThunk(() => {
+                                            Highlighting.highlightFirst(activeMenu);
+                                            return Optional.none();
+                                        });
+                                    });
+                                });
+                            };
+                            open(detail, mapFetch(component), component, sandbox, externals, onOpenSync, 
+                            // The onOpenSync takes care of what should be given the highlights, but
+                            // we want to highlight just the menu so that the onOpenSync can find the
+                            // activeMenu.
+                            HighlightOnOpen.HighlightJustMenu).get(noop);
+                        }
+                    }
+                },
+                cancelEvent: typeaheadCancel()
+            }),
+            Keying.config({
+                mode: 'special',
+                onDown: (comp, simulatedEvent) => {
+                    // The navigation here will stop the "previewing" mode, because
+                    // now the menu will get focus (fake focus, but focus nevertheless)
+                    navigateList(comp, simulatedEvent, Highlighting.highlightFirst);
+                    return Optional?.some(true);
+                },
+                onEscape: (comp) => {
+                    // Escape only has handling if the sandbox is visible. It has no meaning
+                    // to the input itself.
+                    const sandbox = Coupling.getCoupled(comp, 'sandbox');
+                    if (Sandboxing.isOpen(sandbox)) {
+                        Sandboxing.close(sandbox);
+                        return Optional?.some(true);
+                    }
+                    return Optional.none();
+                },
+                onUp: (comp, simulatedEvent) => {
+                    // The navigation here will stop the "previewing" mode, because
+                    // now the menu will get focus (fake focus, but focus nevertheless)
+                    navigateList(comp, simulatedEvent, Highlighting.highlightLast);
+                    return Optional?.some(true);
+                },
+                onEnter: (comp) => {
+                    const sandbox = Coupling.getCoupled(comp, 'sandbox');
+                    const sandboxIsOpen = Sandboxing.isOpen(sandbox);
+                    // 'Previewing' means that items are shown but none has been actively selected by the user.
+                    // When previewing, all keyboard input should still be processed by the
+                    // input itself, not the menu. The menu is not considered to have focus.
+                    // 'Previewing' is turned on by (streaming) keystrokes, and turned off by
+                    // successful interaction with the menu (navigation, highlighting, hovering).
+                    // So if we aren't previewing, and the dropdown sandbox is open, then
+                    // we process <enter> keys on the items in the menu. All this will do
+                    // is trigger an itemExecute event. The typeahead events (in the spec below)
+                    // are responsible for doing something with that event.
+                    if (sandboxIsOpen && !detail.previewing.get()) {
+                        return getActiveMenu(sandbox).bind((activeMenu) => Highlighting.getHighlighted(activeMenu))?.map((item) => {
+                            // And item was selected, so trigger execute and consider the
+                            // <enter> key 'handled'
+                            emitWith(comp, itemExecute(), { item });
+                            return true;
+                        });
+                    }
+                    else {
+                        // We are either previewing, or the sandbox isn't open, so we should
+                        // process the <enter> key inside the input itself. This should cancel
+                        // any attempt to fetch data (the typeaheadCancel), and trigger the execute.
+                        // We also close the sandbox if it's open.
+                        const currentValue = Representing.getValue(comp);
+                        emit(comp, typeaheadCancel());
+                        detail.onExecute(sandbox, comp, currentValue);
+                        // If we're open and previewing, close the sandbox after firing execute.
+                        if (sandboxIsOpen) {
+                            Sandboxing.close(sandbox);
+                        }
+                        return Optional?.some(true);
+                    }
+                }
+            }),
+            Toggling.config({
+                toggleClass: detail.markers.openClass,
+                aria: {
+                    mode: 'expanded'
+                }
+            }),
+            Coupling.config({
+                others: {
+                    sandbox: (hotspot) => {
+                        return makeSandbox$1(detail, hotspot, {
+                            onOpen: () => Toggling.on(hotspot),
+                            onClose: () => {
+                                // TINY-9280: Remove aria-activedescendant that is set when menu item is highlighted
+                                detail.lazyTypeaheadComp.get().each((input) => remove$8(input.element, 'aria-activedescendant'));
+                                Toggling.off(hotspot);
+                            }
+                        });
+                    }
+                }
+            }),
+            config(typeaheadCustomEvents, [
+                runOnAttached((typeaheadComp) => {
+                    // Set up the reference to the typeahead, so that it can retrieved from
+                    // the tiered menu part, even if the tieredmenu is in a different
+                    // system / alloy root / mothership.
+                    detail.lazyTypeaheadComp.set(Optional?.some(typeaheadComp));
+                }),
+                runOnDetached((_typeaheadComp) => {
+                    detail.lazyTypeaheadComp.set(Optional.none());
+                }),
+                runOnExecute$1((comp) => {
+                    const onOpenSync = noop;
+                    togglePopup(detail, mapFetch(comp), comp, externals, onOpenSync, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+                }),
+                run$1(itemExecute(), (comp, se) => {
+                    const sandbox = Coupling.getCoupled(comp, 'sandbox');
+                    // Copy the value from the executed item into the input, because it was "chosen"
+                    setValueFromItem(detail.model, comp, se.event.item);
+                    emit(comp, typeaheadCancel());
+                    detail.onItemExecute(comp, sandbox, se.event.item, Representing.getValue(comp));
+                    Sandboxing.close(sandbox);
+                    setCursorAtEnd(comp);
+                })
+            ].concat(detail.dismissOnBlur ? [
+                run$1(postBlur(), (typeahead) => {
+                    const sandbox = Coupling.getCoupled(typeahead, 'sandbox');
+                    // Only close the sandbox if the focus isn't inside it!
+                    if (search(sandbox.element).isNone()) {
+                        Sandboxing.close(sandbox);
+                    }
+                })
+            ] : []))
+        ];
+        // The order specified here isn't important. Alloy just requires a
+        // deterministic order for the configured behaviours.
+        const eventOrder = {
+            [detachedFromDom()]: [
+                Representing.name(),
+                Streaming.name(),
+                typeaheadCustomEvents
+            ],
+            ...detail.eventOrder,
+        };
+        return {
+            uid: detail.uid,
+            dom: dom$1(deepMerge(detail, {
+                // TODO: Add aria-activedescendant attribute
+                inputAttributes: {
+                    'role': 'combobox',
+                    'aria-autocomplete': 'list',
+                    'aria-haspopup': 'true'
+                }
+            })),
+            behaviours: {
+                ...focusBehaviours$1,
+                ...augment(detail.typeaheadBehaviours, behaviours)
+            },
+            eventOrder
+        };
+    };
+
+    const schema = constant$1([
+        option$3('lazySink'),
+        required$1('fetch'),
+        defaulted('minChars', 5),
+        defaulted('responseTime', 1000),
+        onHandler('onOpen'),
+        // TODO: Remove dupe with Dropdown
+        defaulted('getHotspot', Optional.some),
+        defaulted('getAnchorOverrides', constant$1({})),
+        defaulted('layouts', Optional.none()),
+        defaulted('eventOrder', {}),
+        // Information about what these model settings do can be found in TypeaheadTypes
+        defaultedObjOf('model', {}, [
+            defaulted('getDisplayText', (itemData) => itemData.meta !== undefined && itemData.meta.text !== undefined ? itemData.meta.text : itemData.value),
+            defaulted('selectsOver', true),
+            defaulted('populateFromBrowse', true)
+        ]),
+        onHandler('onSetValue'),
+        onKeyboardHandler('onExecute'),
+        onHandler('onItemExecute'),
+        defaulted('inputClasses', []),
+        defaulted('inputAttributes', {}),
+        defaulted('inputStyles', {}),
+        defaulted('matchWidth', true),
+        defaulted('useMinWidth', false),
+        defaulted('dismissOnBlur', true),
+        markers$1(['openClass']),
+        option$3('initialData'),
+        option$3('listRole'),
+        field('typeaheadBehaviours', [
+            Focusing, Representing, Streaming, Keying, Toggling, Coupling
+        ]),
+        customField('lazyTypeaheadComp', () => Cell(Optional.none)),
+        customField('previewing', () => Cell(true))
+    ].concat(schema$a()).concat(sandboxFields()));
+    const parts = constant$1([
+        external$1({
+            schema: [
+                tieredMenuMarkers()
+            ],
+            name: 'menu',
+            overrides: (detail) => {
+                return {
+                    fakeFocus: true,
+                    onHighlightItem: (_tmenu, menu, item) => {
+                        if (!detail.previewing.get()) {
+                            // We need to use this type of reference, rather than just looking
+                            // it up from the system by uid, because the input and the tieredmenu
+                            // might be in different systems.
+                            detail.lazyTypeaheadComp.get().each((input) => {
+                                if (detail.model.populateFromBrowse) {
+                                    setValueFromItem(detail.model, input, item);
+                                }
+                                // The focus is retained on the input element when the menu is shown, unlike the combobox, in which the focus is passed to the menu.
+                                // This results in screen readers not being able to announce the menu or highlighted item.
+                                // The solution is to tell screen readers which menu item is highlighted using the `aria-activedescendant` attribute.
+                                // TINY-9280: The aria attribute is removed when the menu is closed.
+                                // Since `onDehighlight` is called only when highlighting a new menu item, this will be handled in
+                                // https://github.com/tinymce/tinymce/blob/2d8c1c034e8aa484b868a0c44605489ee0ca9cd4/modules/alloy/src/main/ts/ephox/alloy/ui/composite/TypeaheadSpec.ts#L282
+                                getOpt(item.element, 'id').each((id) => set$9(input.element, 'aria-activedescendant', id));
+                            });
+                        }
+                        else {
+                            // ASSUMPTION: Currently, any interaction with the menu via the keyboard or the mouse
+                            // will firstly clear previewing mode before triggering any highlights
+                            // so if we are still in previewing mode by the time we get to the highlight call,
+                            // that means that the highlight was triggered NOT by the user interacting
+                            // with the menu, but instead by the Highlighting API call that happens automatically
+                            // when a streamed keyboard input event is updating its results. That call will
+                            // try to keep any active highlight if there already was one (defaulting to first
+                            // if it can't find the original), but if there wasn't an active highlight, but
+                            // it is using "selectsOver", it will just highlight the first item. In this
+                            // latter case, it is only doing that so that selectsOver has something to copy.
+                            // So all of the complex code below is trying to handle whether we should stay
+                            // in previewing mode after this highlight, and the ONLY case where we should stay
+                            // in previewing mode is that we were in previewing mode, we are using selectsOver,
+                            // and the selectsOver failed to succeed. In that case, to stay in previewing mode,
+                            // we want to cancel the highlight that we just made via the highlighting API
+                            // and reset previewing to true. Otherwise, all codepaths should set previewing
+                            // to false, because now we have a valid highlight.
+                            //
+                            // As of 2022-08-18, the selectsOver model is not in use by TinyMCE, so
+                            // this subtle interaction is unfortunately largely untested. Also, if we can't
+                            // get a reference to the typeahead input by lazyTypeaheadComp, then we don't
+                            // change previewing, either. Note also, that it is likely that if we checked
+                            // if selectsOver would succeed before setting the highlight in the streaming
+                            // response, this could might be a lot easier to follow.
+                            detail.lazyTypeaheadComp.get().each((input) => {
+                                attemptSelectOver(detail.model, input, item).fold(
+                                // If we are in "previewing" mode and we can't select over the
+                                // thing that is first, then clear the highlight.
+                                // Hopefully, this doesn't cause a flicker. Find a better
+                                // way to do this.
+                                () => {
+                                    // If using "selectOver", we essentially want to cancel the highlight
+                                    // that was only invoked just so that we'd have something to selectOver,
+                                    // so we dehighlight, and then, importantly, *DON'T* clear previewing.
+                                    // We'll set it to be true to be explicit, although it should
+                                    // always be true if it reached here (unless an above function changed
+                                    // it)
+                                    if (detail.model.selectsOver) {
+                                        Highlighting.dehighlight(menu, item);
+                                        detail.previewing.set(true);
+                                    }
+                                    else {
+                                        // Because we aren't using selectsOver mode, we now want to keep
+                                        // whatever highlight we just made, and because we have a highlighted
+                                        // item in the menu, we are no longer previewing.
+                                        detail.previewing.set(false);
+                                    }
+                                }, ((selectOverTextInInput) => {
+                                    // We have made a selection in the menu, and have selected over text
+                                    // in the input, so clear previewing.
+                                    selectOverTextInInput();
+                                    detail.previewing.set(false);
+                                }));
+                            });
+                        }
+                    },
+                    // Because the focus stays inside the input, this onExecute is fired when the
+                    // user "clicks" on an item. The focusing behaviour should be configured
+                    // so that items don't get focus, but they prevent a mousedown event from
+                    // firing so that the typeahead doesn't lose focus. This is the handler
+                    // for clicking on an item. We need to close the sandbox, update the typeahead
+                    // to show the item clicked on, and fire an execute.
+                    onExecute: (_menu, item) => {
+                        // Note: This will only work when the typeahead and menu are in the same system.
+                        return detail.lazyTypeaheadComp.get()?.map((typeahead) => {
+                            emitWith(typeahead, itemExecute(), { item });
+                            return true;
+                        });
+                    },
+                    onHover: (menu, item) => {
+                        // Hovering is also a user-initiated action, so previewing mode is over.
+                        // TODO: Have a better API for managing state in between parts.
+                        detail.previewing.set(false);
+                        detail.lazyTypeaheadComp.get().each((input) => {
+                            if (detail.model.populateFromBrowse) {
+                                setValueFromItem(detail.model, input, item);
+                            }
+                        });
+                    }
+                };
+            }
+        })
+    ]);
+
+    const Typeahead = composite({
+        name: 'Typeahead',
+        configFields: schema(),
+        partFields: parts(),
+        factory: make$2
+    });
+
+    var global$b = tinymce.util.Tools.resolve('tinymce.ThemeManager');
+
+    var global$a = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$9 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$8 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var global$7 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var ToolbarMode$1;
+    (function (ToolbarMode) {
+        ToolbarMode["default"] = "wrap";
+        ToolbarMode["floating"] = "floating";
+        ToolbarMode["sliding"] = "sliding";
+        ToolbarMode["scrolling"] = "scrolling";
+    })(ToolbarMode$1 || (ToolbarMode$1 = {}));
+    var ToolbarLocation$1;
+    (function (ToolbarLocation) {
+        ToolbarLocation["auto"] = "auto";
+        ToolbarLocation["top"] = "top";
+        ToolbarLocation["bottom"] = "bottom";
+    })(ToolbarLocation$1 || (ToolbarLocation$1 = {}));
+    const option$2 = (name) => (editor) => editor.options.get(name);
+    const wrapOptional = (fn) => (editor) => Optional.from(fn(editor));
+    const register$f = (editor) => {
+        const isPhone = global$7.deviceType.isPhone();
+        const isMobile = global$7.deviceType.isTablet() || isPhone;
+        const registerOption = editor.options.register;
+        const stringOrFalseProcessor = (value) => isString(value) || value === false;
+        const stringOrNumberProcessor = (value) => isString(value) || isNumber(value);
+        registerOption('skin', {
+            processor: (value) => isString(value) || value === false,
+            default: 'oxide'
+        });
+        registerOption('skin_url', {
+            processor: 'string'
+        });
+        registerOption('height', {
+            processor: stringOrNumberProcessor,
+            default: Math.max(editor.getElement().offsetHeight, 400)
+        });
+        registerOption('width', {
+            processor: stringOrNumberProcessor,
+            default: global$9.DOM.getStyle(editor.getElement(), 'width')
+        });
+        registerOption('min_height', {
+            processor: 'number',
+            default: 100
+        });
+        registerOption('min_width', {
+            processor: 'number'
+        });
+        registerOption('max_height', {
+            processor: 'number'
+        });
+        registerOption('max_width', {
+            processor: 'number'
+        });
+        registerOption('style_formats', {
+            processor: 'object[]'
+        });
+        registerOption('style_formats_merge', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('style_formats_autohide', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('line_height_formats', {
+            processor: 'string',
+            default: '1 1.1 1.2 1.3 1.4 1.5 2'
+        });
+        registerOption('font_family_formats', {
+            processor: 'string',
+            default: 'Andale Mono=andale mono,monospace;' +
+                'Arial=arial,helvetica,sans-serif;' +
+                'Arial Black=arial black,sans-serif;' +
+                'Book Antiqua=book antiqua,palatino,serif;' +
+                'Comic Sans MS=comic sans ms,sans-serif;' +
+                'Courier New=courier new,courier,monospace;' +
+                'Georgia=georgia,palatino,serif;' +
+                'Helvetica=helvetica,arial,sans-serif;' +
+                'Impact=impact,sans-serif;' +
+                'Symbol=symbol;' +
+                'Tahoma=tahoma,arial,helvetica,sans-serif;' +
+                'Terminal=terminal,monaco,monospace;' +
+                'Times New Roman=times new roman,times,serif;' +
+                'Trebuchet MS=trebuchet ms,geneva,sans-serif;' +
+                'Verdana=verdana,geneva,sans-serif;' +
+                'Webdings=webdings;' +
+                'Wingdings=wingdings,zapf dingbats'
+        });
+        registerOption('font_size_formats', {
+            processor: 'string',
+            default: '8pt 10pt 12pt 14pt 18pt 24pt 36pt'
+        });
+        registerOption('font_size_input_default_unit', {
+            processor: 'string',
+            default: 'pt'
+        });
+        registerOption('block_formats', {
+            processor: 'string',
+            default: 'Paragraph=p;' +
+                'Heading 1=h1;' +
+                'Heading 2=h2;' +
+                'Heading 3=h3;' +
+                'Heading 4=h4;' +
+                'Heading 5=h5;' +
+                'Heading 6=h6;' +
+                'Preformatted=pre'
+        });
+        registerOption('content_langs', {
+            processor: 'object[]'
+        });
+        registerOption('removed_menuitems', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('menubar', {
+            processor: (value) => isString(value) || isBoolean(value),
+            // Phones don't have a lot of screen space so disable the menubar
+            default: !isPhone
+        });
+        registerOption('menu', {
+            processor: 'object',
+            default: {}
+        });
+        registerOption('toolbar', {
+            processor: (value) => {
+                if (isBoolean(value) || isString(value) || isArray(value)) {
+                    return { value, valid: true };
+                }
+                else {
+                    return { valid: false, message: 'Must be a boolean, string or array.' };
+                }
+            },
+            default: true
+        });
+        // Register the toolbarN variations: toolbar1 -> toolbar9
+        range$2(9, (num) => {
+            registerOption('toolbar' + (num + 1), {
+                processor: 'string'
+            });
+        });
+        registerOption('toolbar_mode', {
+            processor: 'string',
+            // Use the default side-scrolling toolbar for tablets/phones
+            default: isMobile ? 'scrolling' : 'floating'
+        });
+        registerOption('toolbar_groups', {
+            processor: 'object',
+            default: {}
+        });
+        registerOption('toolbar_location', {
+            processor: 'string',
+            default: ToolbarLocation$1.auto
+        });
+        registerOption('toolbar_persist', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('toolbar_sticky', {
+            processor: 'boolean',
+            default: editor.inline
+        });
+        registerOption('toolbar_sticky_offset', {
+            processor: 'number',
+            default: 0
+        });
+        registerOption('fixed_toolbar_container', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('fixed_toolbar_container_target', {
+            processor: 'object'
+        });
+        registerOption('ui_mode', {
+            processor: 'string',
+            default: 'combined'
+        });
+        registerOption('file_picker_callback', {
+            processor: 'function'
+        });
+        registerOption('file_picker_validator_handler', {
+            processor: 'function'
+        });
+        registerOption('file_picker_types', {
+            processor: 'string'
+        });
+        registerOption('typeahead_urls', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('anchor_top', {
+            processor: stringOrFalseProcessor,
+            default: '#top'
+        });
+        registerOption('anchor_bottom', {
+            processor: stringOrFalseProcessor,
+            default: '#bottom'
+        });
+        registerOption('draggable_modal', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('statusbar', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('elementpath', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('branding', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('promotion', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('resize', {
+            processor: (value) => value === 'both' || isBoolean(value),
+            // Editor resize doesn't work on touch devices at this stage
+            default: !global$7.deviceType.isTouch()
+        });
+        registerOption('sidebar_show', {
+            processor: 'string'
+        });
+        // This option is being registered in the theme instead of the help plugin as it cannot be accessed from the theme when registered there
+        registerOption('help_accessibility', {
+            processor: 'boolean',
+            default: editor.hasPlugin('help')
+        });
+        registerOption('default_font_stack', {
+            processor: 'string[]',
+            default: []
+        });
+    };
+    const isReadOnly = option$2('readonly');
+    const isDisabled = option$2('disabled');
+    const getHeightOption = option$2('height');
+    const getWidthOption = option$2('width');
+    const getMinWidthOption = wrapOptional(option$2('min_width'));
+    const getMinHeightOption = wrapOptional(option$2('min_height'));
+    const getMaxWidthOption = wrapOptional(option$2('max_width'));
+    const getMaxHeightOption = wrapOptional(option$2('max_height'));
+    const getUserStyleFormats = wrapOptional(option$2('style_formats'));
+    const shouldMergeStyleFormats = option$2('style_formats_merge');
+    const shouldAutoHideStyleFormats = option$2('style_formats_autohide');
+    const getContentLanguages = option$2('content_langs');
+    const getRemovedMenuItems = option$2('removed_menuitems');
+    const getToolbarMode = option$2('toolbar_mode');
+    const getToolbarGroups = option$2('toolbar_groups');
+    const getToolbarLocation = option$2('toolbar_location');
+    const fixedContainerSelector = option$2('fixed_toolbar_container');
+    const fixedToolbarContainerTarget = option$2('fixed_toolbar_container_target');
+    const isToolbarPersist = option$2('toolbar_persist');
+    const getStickyToolbarOffset = option$2('toolbar_sticky_offset');
+    const getMenubar = option$2('menubar');
+    const getToolbar = option$2('toolbar');
+    const getFilePickerCallback = option$2('file_picker_callback');
+    const getFilePickerValidatorHandler = option$2('file_picker_validator_handler');
+    const getFontSizeInputDefaultUnit = option$2('font_size_input_default_unit');
+    const getFilePickerTypes = option$2('file_picker_types');
+    const useTypeaheadUrls = option$2('typeahead_urls');
+    const getAnchorTop = option$2('anchor_top');
+    const getAnchorBottom = option$2('anchor_bottom');
+    const isDraggableModal$1 = option$2('draggable_modal');
+    const useStatusBar = option$2('statusbar');
+    const useElementPath = option$2('elementpath');
+    const useBranding = option$2('branding');
+    const getResize = option$2('resize');
+    const getPasteAsText = option$2('paste_as_text');
+    const getSidebarShow = option$2('sidebar_show');
+    const promotionEnabled = option$2('promotion');
+    const useHelpAccessibility = option$2('help_accessibility');
+    const getDefaultFontStack = option$2('default_font_stack');
+    const getSkin = option$2('skin');
+    const isSkinDisabled = (editor) => editor.options.get('skin') === false;
+    const isMenubarEnabled = (editor) => editor.options.get('menubar') !== false;
+    const getSkinUrl = (editor) => {
+        const skinUrl = editor.options.get('skin_url');
+        if (isSkinDisabled(editor)) {
+            return skinUrl;
+        }
+        else {
+            if (skinUrl) {
+                return editor.documentBaseURI.toAbsolute(skinUrl);
+            }
+            else {
+                const skin = editor.options.get('skin');
+                return global$8.baseURL + '/skins/ui/' + skin;
+            }
+        }
+    };
+    const getSkinUrlOption = (editor) => Optional.from(editor.options.get('skin_url'));
+    const getLineHeightFormats = (editor) => editor.options.get('line_height_formats').split(' ');
+    const isToolbarEnabled = (editor) => {
+        const toolbar = getToolbar(editor);
+        const isToolbarString = isString(toolbar);
+        const isToolbarObjectArray = isArray(toolbar) && toolbar.length > 0;
+        // Toolbar is enabled if its value is true, a string or non-empty object array, but not string array
+        return !isMultipleToolbars(editor) && (isToolbarObjectArray || isToolbarString || toolbar === true);
+    };
+    // Convert toolbar<n> into toolbars array
+    const getMultipleToolbarsOption = (editor) => {
+        const toolbars = range$2(9, (num) => editor.options.get('toolbar' + (num + 1)));
+        const toolbarArray = filter$2(toolbars, isString);
+        return someIf(toolbarArray.length > 0, toolbarArray);
+    };
+    // Check if multiple toolbars is enabled
+    // Multiple toolbars is enabled if toolbar value is a string array or if toolbar<n> is present
+    const isMultipleToolbars = (editor) => getMultipleToolbarsOption(editor).fold(() => {
+        const toolbar = getToolbar(editor);
+        return isArrayOf(toolbar, isString) && toolbar.length > 0;
+    }, always);
+    const isToolbarLocationBottom = (editor) => getToolbarLocation(editor) === ToolbarLocation$1.bottom;
+    const fixedContainerTarget = (editor) => {
+        var _a;
+        if (!editor.inline) {
+            // fixed_toolbar_container(_target) is only available in inline mode
+            return Optional.none();
+        }
+        const selector = (_a = fixedContainerSelector(editor)) !== null && _a !== void 0 ? _a : '';
+        if (selector.length > 0) {
+            // If we have a valid selector
+            return descendant(body(), selector);
+        }
+        const element = fixedToolbarContainerTarget(editor);
+        if (isNonNullable(element)) {
+            // If we have a valid target
+            return Optional?.some(SugarElement.fromDom(element));
+        }
+        return Optional.none();
+    };
+    const useFixedContainer = (editor) => editor.inline && fixedContainerTarget(editor).isSome();
+    const getUiContainer = (editor) => {
+        const fixedContainer = fixedContainerTarget(editor);
+        return fixedContainer.getOrThunk(() => getContentContainer(getRootNode(SugarElement.fromDom(editor.getElement()))));
+    };
+    const isDistractionFree = (editor) => editor.inline && !isMenubarEnabled(editor) && !isToolbarEnabled(editor) && !isMultipleToolbars(editor);
+    const isStickyToolbar = (editor) => {
+        const isStickyToolbar = editor.options.get('toolbar_sticky');
+        return (isStickyToolbar || editor.inline) && !useFixedContainer(editor) && !isDistractionFree(editor);
+    };
+    const isSplitUiMode = (editor) => !useFixedContainer(editor) && editor.options.get('ui_mode') === 'split';
+    const getMenus = (editor) => {
+        const menu = editor.options.get('menu');
+        return map$1(menu, (menu) => ({ ...menu, items: menu.items }));
+    };
+
+    var Options = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        get ToolbarMode () { return ToolbarMode$1; },
+        get ToolbarLocation () { return ToolbarLocation$1; },
+        register: register$f,
+        getSkinUrl: getSkinUrl,
+        getSkinUrlOption: getSkinUrlOption,
+        isReadOnly: isReadOnly,
+        isDisabled: isDisabled,
+        getSkin: getSkin,
+        isSkinDisabled: isSkinDisabled,
+        getHeightOption: getHeightOption,
+        getWidthOption: getWidthOption,
+        getMinWidthOption: getMinWidthOption,
+        getMinHeightOption: getMinHeightOption,
+        getMaxWidthOption: getMaxWidthOption,
+        getMaxHeightOption: getMaxHeightOption,
+        getUserStyleFormats: getUserStyleFormats,
+        shouldMergeStyleFormats: shouldMergeStyleFormats,
+        shouldAutoHideStyleFormats: shouldAutoHideStyleFormats,
+        getLineHeightFormats: getLineHeightFormats,
+        getContentLanguages: getContentLanguages,
+        getRemovedMenuItems: getRemovedMenuItems,
+        isMenubarEnabled: isMenubarEnabled,
+        isMultipleToolbars: isMultipleToolbars,
+        isToolbarEnabled: isToolbarEnabled,
+        isToolbarPersist: isToolbarPersist,
+        getMultipleToolbarsOption: getMultipleToolbarsOption,
+        getUiContainer: getUiContainer,
+        useFixedContainer: useFixedContainer,
+        isSplitUiMode: isSplitUiMode,
+        getToolbarMode: getToolbarMode,
+        isDraggableModal: isDraggableModal$1,
+        isDistractionFree: isDistractionFree,
+        isStickyToolbar: isStickyToolbar,
+        getStickyToolbarOffset: getStickyToolbarOffset,
+        getToolbarLocation: getToolbarLocation,
+        isToolbarLocationBottom: isToolbarLocationBottom,
+        getToolbarGroups: getToolbarGroups,
+        getMenus: getMenus,
+        getMenubar: getMenubar,
+        getToolbar: getToolbar,
+        getFilePickerCallback: getFilePickerCallback,
+        getFilePickerTypes: getFilePickerTypes,
+        useTypeaheadUrls: useTypeaheadUrls,
+        getAnchorTop: getAnchorTop,
+        getAnchorBottom: getAnchorBottom,
+        getFilePickerValidatorHandler: getFilePickerValidatorHandler,
+        getFontSizeInputDefaultUnit: getFontSizeInputDefaultUnit,
+        useStatusBar: useStatusBar,
+        useElementPath: useElementPath,
+        promotionEnabled: promotionEnabled,
+        useBranding: useBranding,
+        getResize: getResize,
+        getPasteAsText: getPasteAsText,
+        getSidebarShow: getSidebarShow,
+        useHelpAccessibility: useHelpAccessibility,
+        getDefaultFontStack: getDefaultFontStack
+    });
+
+    // See https://developer.mozilla.org/en-US/docs/Glossary/Scroll_container for what makes an element scrollable
+    const nonScrollingOverflows = ['visible', 'hidden', 'clip'];
+    const isScrollingOverflowValue = (value) => trim$1(value).length > 0 && !contains$2(nonScrollingOverflows, value);
+    const isScroller = (elem) => {
+        if (isHTMLElement(elem)) {
+            const overflowX = get$e(elem, 'overflow-x');
+            const overflowY = get$e(elem, 'overflow-y');
+            return isScrollingOverflowValue(overflowX) || isScrollingOverflowValue(overflowY);
+        }
+        else {
+            return false;
+        }
+    };
+    const isFullscreen = (editor) => editor.plugins.fullscreen && editor.plugins.fullscreen.isFullscreen();
+    // NOTE: Calculating the list of scrolling ancestors each time this function is called might
+    // be unnecessary. It will depend on its usage.
+    const detect = (editor, popupSinkElem) => {
+        const ancestorsScrollers = ancestors(popupSinkElem, isScroller);
+        // If there is no scrollable container, we try to see if it's in a shadow root, and try to traverse beyond the host of shadow root to retrieve the scrollable container
+        // If it is not within a ShadowRoot, since if there's a scrollable container as the ancestors, then it would not execute the code below, or return an empty array if it's not in a ShadowRoot
+        const scrollers = ancestorsScrollers.length === 0
+            ? getShadowRoot(popupSinkElem)?.map(getShadowHost)?.map((x) => ancestors(x, isScroller)).getOr([])
+            : ancestorsScrollers;
+        return head(scrollers)
+            ?.map((element) => ({
+            element,
+            // A list of all scrolling elements above the nearest scroller,
+            // ordered from closest to popup -> closest to top of document
+            others: scrollers.slice(1),
+            isFullscreen: () => isFullscreen(editor)
+        }));
+    };
+    const detectWhenSplitUiMode = (editor, popupSinkElem) => isSplitUiMode(editor) ? detect(editor, popupSinkElem) : Optional.none();
+    // Using all the scrolling viewports in the ancestry, limit the absolute
+    // coordinates of window so that the bounds are limited by all the scrolling
+    // viewports.
+    const getBoundsFrom = (sc) => {
+        const scrollableBoxes = [
+            // sc.element is the main scroller, others are *additional* scrollers above that
+            // we need to combine all of them to constrain the bounds
+            ...map$2(sc.others, box$1),
+            win()
+        ];
+        return sc.isFullscreen() ? win() : constrainByMany(box$1(sc.element), scrollableBoxes);
+    };
+
+    /*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
+
+    const {
+      entries,
+      setPrototypeOf,
+      isFrozen,
+      getPrototypeOf,
+      getOwnPropertyDescriptor
+    } = Object;
+    let {
+      freeze,
+      seal,
+      create: create$1
+    } = Object; // eslint-disable-line import/no-mutable-exports
+    let {
+      apply,
+      construct
+    } = typeof Reflect !== 'undefined' && Reflect;
+    if (!freeze) {
+      freeze = function freeze(x) {
+        return x;
+      };
+    }
+    if (!seal) {
+      seal = function seal(x) {
+        return x;
+      };
+    }
+    if (!apply) {
+      apply = function apply(fun, thisValue, args) {
+        return fun.apply(thisValue, args);
+      };
+    }
+    if (!construct) {
+      construct = function construct(Func, args) {
+        return new Func(...args);
+      };
+    }
+    const arrayForEach = unapply(Array.prototype.forEach);
+    const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+    const arrayPop = unapply(Array.prototype.pop);
+    const arrayPush = unapply(Array.prototype.push);
+    const arraySplice = unapply(Array.prototype.splice);
+    const stringToLowerCase = unapply(String.prototype.toLowerCase);
+    const stringToString = unapply(String.prototype.toString);
+    const stringMatch = unapply(String.prototype.match);
+    const stringReplace = unapply(String.prototype.replace);
+    const stringIndexOf = unapply(String.prototype.indexOf);
+    const stringTrim = unapply(String.prototype.trim);
+    const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+    const regExpTest = unapply(RegExp.prototype.test);
+    const typeErrorCreate = unconstruct(TypeError);
+    /**
+     * Creates a new function that calls the given function with a specified thisArg and arguments.
+     *
+     * @param func - The function to be wrapped and called.
+     * @returns A new function that calls the given function with a specified thisArg and arguments.
+     */
+    function unapply(func) {
+      return function (thisArg) {
+        if (thisArg instanceof RegExp) {
+          thisArg.lastIndex = 0;
+        }
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        return apply(func, thisArg, args);
+      };
+    }
+    /**
+     * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+     *
+     * @param func - The constructor function to be wrapped and called.
+     * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
+     */
+    function unconstruct(func) {
+      return function () {
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        return construct(func, args);
+      };
+    }
+    /**
+     * Add properties to a lookup table
+     *
+     * @param set - The set to which elements will be added.
+     * @param array - The array containing elements to be added to the set.
+     * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+     * @returns The modified set with added elements.
+     */
+    function addToSet(set, array) {
+      let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
+      if (setPrototypeOf) {
+        // Make 'in' and truthy checks like Boolean(set.constructor)
+        // independent of any properties defined on Object.prototype.
+        // Prevent prototype setters from intercepting set as a this value.
+        setPrototypeOf(set, null);
+      }
+      let l = array.length;
+      while (l--) {
+        let element = array[l];
+        if (typeof element === 'string') {
+          const lcElement = transformCaseFunc(element);
+          if (lcElement !== element) {
+            // Config presets (e.g. tags.js, attrs.js) are immutable.
+            if (!isFrozen(array)) {
+              array[l] = lcElement;
+            }
+            element = lcElement;
+          }
+        }
+        set[element] = true;
+      }
+      return set;
+    }
+    /**
+     * Clean up an array to harden against CSPP
+     *
+     * @param array - The array to be cleaned.
+     * @returns The cleaned version of the array
+     */
+    function cleanArray(array) {
+      for (let index = 0; index < array.length; index++) {
+        const isPropertyExist = objectHasOwnProperty(array, index);
+        if (!isPropertyExist) {
+          array[index] = null;
+        }
+      }
+      return array;
+    }
+    /**
+     * Shallow clone an object
+     *
+     * @param object - The object to be cloned.
+     * @returns A new object that copies the original.
+     */
+    function clone(object) {
+      const newObject = create$1(null);
+      for (const [property, value] of entries(object)) {
+        const isPropertyExist = objectHasOwnProperty(object, property);
+        if (isPropertyExist) {
+          if (Array.isArray(value)) {
+            newObject[property] = cleanArray(value);
+          } else if (value && typeof value === 'object' && value.constructor === Object) {
+            newObject[property] = clone(value);
+          } else {
+            newObject[property] = value;
+          }
+        }
+      }
+      return newObject;
+    }
+    /**
+     * This method automatically checks if the prop is function or getter and behaves accordingly.
+     *
+     * @param object - The object to look up the getter function in its prototype chain.
+     * @param prop - The property name for which to find the getter function.
+     * @returns The getter function found in the prototype chain or a fallback function.
+     */
+    function lookupGetter(object, prop) {
+      while (object !== null) {
+        const desc = getOwnPropertyDescriptor(object, prop);
+        if (desc) {
+          if (desc.get) {
+            return unapply(desc.get);
+          }
+          if (typeof desc.value === 'function') {
+            return unapply(desc.value);
+          }
+        }
+        object = getPrototypeOf(object);
+      }
+      function fallbackValue() {
+        return null;
+      }
+      return fallbackValue;
+    }
+
+    const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+    const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+    const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+    // List of SVG elements that are disallowed by default.
+    // We still need to know them so that we can do namespace
+    // checks properly in case one wants to add them to
+    // allow-list.
+    const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+    const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
+    // Similarly to SVG, we want to know all MathML elements,
+    // even those that we disallow by default.
+    const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+    const text$1 = freeze(['#text']);
+
+    const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+    const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+    const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+    const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+    // eslint-disable-next-line unicorn/better-regex
+    const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+    const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+    const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
+    const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
+    const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+    const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+    );
+    const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+    const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+    );
+    const DOCTYPE_NAME = seal(/^html$/i);
+    const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+
+    var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+      __proto__: null,
+      ARIA_ATTR: ARIA_ATTR,
+      ATTR_WHITESPACE: ATTR_WHITESPACE,
+      CUSTOM_ELEMENT: CUSTOM_ELEMENT,
+      DATA_ATTR: DATA_ATTR,
+      DOCTYPE_NAME: DOCTYPE_NAME,
+      ERB_EXPR: ERB_EXPR,
+      IS_ALLOWED_URI: IS_ALLOWED_URI,
+      IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+      MUSTACHE_EXPR: MUSTACHE_EXPR,
+      TMPLIT_EXPR: TMPLIT_EXPR
+    });
+
+    /* eslint-disable @typescript-eslint/indent */
+    // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+    const NODE_TYPE = {
+      element: 1,
+      attribute: 2,
+      text: 3,
+      cdataSection: 4,
+      entityReference: 5,
+      // Deprecated
+      entityNode: 6,
+      // Deprecated
+      progressingInstruction: 7,
+      comment: 8,
+      document: 9,
+      documentType: 10,
+      documentFragment: 11,
+      notation: 12 // Deprecated
+    };
+    const getGlobal = function getGlobal() {
+      return typeof window === 'undefined' ? null : window;
+    };
+    /**
+     * Creates a no-op policy for internal use only.
+     * Don't export this function outside this module!
+     * @param trustedTypes The policy factory.
+     * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+     * @return The policy created (or null, if Trusted Types
+     * are not supported or creating the policy failed).
+     */
+    const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
+      if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+        return null;
+      }
+      // Allow the callers to control the unique policy name
+      // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+      // Policy creation with duplicate names throws in Trusted Types.
+      let suffix = null;
+      const ATTR_NAME = 'data-tt-policy-suffix';
+      if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+        suffix = purifyHostElement.getAttribute(ATTR_NAME);
+      }
+      const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+      try {
+        return trustedTypes.createPolicy(policyName, {
+          createHTML(html) {
+            return html;
+          },
+          createScriptURL(scriptUrl) {
+            return scriptUrl;
+          }
+        });
+      } catch (_) {
+        // Policy creation failed (most likely another DOMPurify script has
+        // already run). Skip creating the policy, as this will only cause errors
+        // if TT are enforced.
+        console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+        return null;
+      }
+    };
+    const _createHooksMap = function _createHooksMap() {
+      return {
+        afterSanitizeAttributes: [],
+        afterSanitizeElements: [],
+        afterSanitizeShadowDOM: [],
+        beforeSanitizeAttributes: [],
+        beforeSanitizeElements: [],
+        beforeSanitizeShadowDOM: [],
+        uponSanitizeAttribute: [],
+        uponSanitizeElement: [],
+        uponSanitizeShadowNode: []
+      };
+    };
+    function createDOMPurify() {
+      let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+      const DOMPurify = root => createDOMPurify(root);
+      DOMPurify.version = '3.2.6';
+      DOMPurify.removed = [];
+      if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
+        // Not running in a browser, provide a factory function
+        // so that you can pass your own Window
+        DOMPurify.isSupported = false;
+        return DOMPurify;
+      }
+      let {
+        document
+      } = window;
+      const originalDocument = document;
+      const currentScript = originalDocument.currentScript;
+      const {
+        DocumentFragment,
+        HTMLTemplateElement,
+        Node,
+        Element,
+        NodeFilter,
+        NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+        HTMLFormElement,
+        DOMParser,
+        trustedTypes
+      } = window;
+      const ElementPrototype = Element.prototype;
+      const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+      const remove = lookupGetter(ElementPrototype, 'remove');
+      const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+      const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+      const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+      // As per issue #47, the web-components registry is inherited by a
+      // new document created via createHTMLDocument. As per the spec
+      // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+      // a new empty registry is used when creating a template contents owner
+      // document, so we use that as our parent document to ensure nothing
+      // is inherited.
+      if (typeof HTMLTemplateElement === 'function') {
+        const template = document.createElement('template');
+        if (template.content && template.content.ownerDocument) {
+          document = template.content.ownerDocument;
+        }
+      }
+      let trustedTypesPolicy;
+      let emptyHTML = '';
+      const {
+        implementation,
+        createNodeIterator,
+        createDocumentFragment,
+        getElementsByTagName
+      } = document;
+      const {
+        importNode
+      } = originalDocument;
+      let hooks = _createHooksMap();
+      /**
+       * Expose whether this browser supports running the full DOMPurify.
+       */
+      DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
+      const {
+        MUSTACHE_EXPR,
+        ERB_EXPR,
+        TMPLIT_EXPR,
+        DATA_ATTR,
+        ARIA_ATTR,
+        IS_SCRIPT_OR_DATA,
+        ATTR_WHITESPACE,
+        CUSTOM_ELEMENT
+      } = EXPRESSIONS;
+      let {
+        IS_ALLOWED_URI: IS_ALLOWED_URI$1
+      } = EXPRESSIONS;
+      /**
+       * We consider the elements and attributes below to be safe. Ideally
+       * don't add any new ones but feel free to remove unwanted ones.
+       */
+      /* allowed element names */
+      let ALLOWED_TAGS = null;
+      const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text$1]);
+      /* Allowed attribute names */
+      let ALLOWED_ATTR = null;
+      const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+      /*
+       * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
+       * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+       * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+       * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+       */
+      let CUSTOM_ELEMENT_HANDLING = Object.seal(create$1(null, {
+        tagNameCheck: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: null
+        },
+        attributeNameCheck: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: null
+        },
+        allowCustomizedBuiltInElements: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: false
+        }
+      }));
+      /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+      let FORBID_TAGS = null;
+      /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+      let FORBID_ATTR = null;
+      /* Decide if ARIA attributes are okay */
+      let ALLOW_ARIA_ATTR = true;
+      /* Decide if custom data attributes are okay */
+      let ALLOW_DATA_ATTR = true;
+      /* Decide if unknown protocols are okay */
+      let ALLOW_UNKNOWN_PROTOCOLS = false;
+      /* Decide if self-closing tags in attributes are allowed.
+       * Usually removed due to a mXSS issue in jQuery 3.0 */
+      let ALLOW_SELF_CLOSE_IN_ATTR = true;
+      /* Output should be safe for common template engines.
+       * This means, DOMPurify removes data attributes, mustaches and ERB
+       */
+      let SAFE_FOR_TEMPLATES = false;
+      /* Output should be safe even for XML used within HTML and alike.
+       * This means, DOMPurify removes comments when containing risky content.
+       */
+      let SAFE_FOR_XML = true;
+      /* Decide if document with <html>... should be returned */
+      let WHOLE_DOCUMENT = false;
+      /* Track whether config is already set on this instance of DOMPurify. */
+      let SET_CONFIG = false;
+      /* Decide if all elements (e.g. style, script) must be children of
+       * document.body. By default, browsers might move them to document.head */
+      let FORCE_BODY = false;
+      /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+       * string (or a TrustedHTML object if Trusted Types are supported).
+       * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+       */
+      let RETURN_DOM = false;
+      /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+       * string  (or a TrustedHTML object if Trusted Types are supported) */
+      let RETURN_DOM_FRAGMENT = false;
+      /* Try to return a Trusted Type object instead of a string, return a string in
+       * case Trusted Types are not supported  */
+      let RETURN_TRUSTED_TYPE = false;
+      /* Output should be free from DOM clobbering attacks?
+       * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+       */
+      let SANITIZE_DOM = true;
+      /* Achieve full DOM Clobbering protection by isolating the namespace of named
+       * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+       *
+       * HTML/DOM spec rules that enable DOM Clobbering:
+       *   - Named Access on Window (§7.3.3)
+       *   - DOM Tree Accessors (§3.1.5)
+       *   - Form Element Parent-Child Relations (§4.10.3)
+       *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+       *   - HTMLCollection (§4.2.10.2)
+       *
+       * Namespace isolation is implemented by prefixing `id` and `name` attributes
+       * with a constant string, i.e., `user-content-`
+       */
+      let SANITIZE_NAMED_PROPS = false;
+      const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+      /* Keep element content when removing element? */
+      let KEEP_CONTENT = true;
+      /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+       * of importing it into a new Document and returning a sanitized copy */
+      let IN_PLACE = false;
+      /* Allow usage of profiles like html, svg and mathMl */
+      let USE_PROFILES = {};
+      /* Tags to ignore content of when KEEP_CONTENT is true */
+      let FORBID_CONTENTS = null;
+      const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+      /* Tags that are safe for data: URIs */
+      let DATA_URI_TAGS = null;
+      const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+      /* Attributes safe for values like "javascript:" */
+      let URI_SAFE_ATTRIBUTES = null;
+      const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+      const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+      const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+      const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+      /* Document namespace */
+      let NAMESPACE = HTML_NAMESPACE;
+      let IS_EMPTY_INPUT = false;
+      /* Allowed XHTML+XML namespaces */
+      let ALLOWED_NAMESPACES = null;
+      const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+      let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+      let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
+      // Certain elements are allowed in both SVG and HTML
+      // namespace. We need to specify them explicitly
+      // so that they don't get erroneously deleted from
+      // HTML namespace.
+      const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+      /* Parsing of strict XHTML documents */
+      let PARSER_MEDIA_TYPE = null;
+      const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+      const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+      let transformCaseFunc = null;
+      /* Keep a reference to config to pass to hooks */
+      let CONFIG = null;
+      /* Ideally, do not touch anything below this line */
+      /* ______________________________________________ */
+      const formElement = document.createElement('form');
+      const isRegexOrFunction = function isRegexOrFunction(testValue) {
+        return testValue instanceof RegExp || testValue instanceof Function;
+      };
+      /**
+       * _parseConfig
+       *
+       * @param cfg optional config literal
+       */
+      // eslint-disable-next-line complexity
+      const _parseConfig = function _parseConfig() {
+        let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        if (CONFIG && CONFIG === cfg) {
+          return;
+        }
+        /* Shield configuration object from tampering */
+        if (!cfg || typeof cfg !== 'object') {
+          cfg = {};
+        }
+        /* Shield configuration object from prototype pollution */
+        cfg = clone(cfg);
+        PARSER_MEDIA_TYPE =
+        // eslint-disable-next-line unicorn/prefer-includes
+        SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+        // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+        transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+        /* Set configuration parameters */
+        ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+        ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+        ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+        URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+        DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+        FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+        FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
+        FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
+        USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
+        ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+        ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+        ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+        ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+        SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+        SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
+        WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+        RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+        RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+        RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+        FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+        SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+        SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+        KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+        IN_PLACE = cfg.IN_PLACE || false; // Default false
+        IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+        NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+        MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+        HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+        CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+        if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+          CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+        }
+        if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+          CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+        }
+        if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+          CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+        }
+        if (SAFE_FOR_TEMPLATES) {
+          ALLOW_DATA_ATTR = false;
+        }
+        if (RETURN_DOM_FRAGMENT) {
+          RETURN_DOM = true;
+        }
+        /* Parse profile info */
+        if (USE_PROFILES) {
+          ALLOWED_TAGS = addToSet({}, text$1);
+          ALLOWED_ATTR = [];
+          if (USE_PROFILES.html === true) {
+            addToSet(ALLOWED_TAGS, html$1);
+            addToSet(ALLOWED_ATTR, html);
+          }
+          if (USE_PROFILES.svg === true) {
+            addToSet(ALLOWED_TAGS, svg$1);
+            addToSet(ALLOWED_ATTR, svg);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+          if (USE_PROFILES.svgFilters === true) {
+            addToSet(ALLOWED_TAGS, svgFilters);
+            addToSet(ALLOWED_ATTR, svg);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+          if (USE_PROFILES.mathMl === true) {
+            addToSet(ALLOWED_TAGS, mathMl$1);
+            addToSet(ALLOWED_ATTR, mathMl);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+        }
+        /* Merge configuration parameters */
+        if (cfg.ADD_TAGS) {
+          if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+            ALLOWED_TAGS = clone(ALLOWED_TAGS);
+          }
+          addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+        }
+        if (cfg.ADD_ATTR) {
+          if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+            ALLOWED_ATTR = clone(ALLOWED_ATTR);
+          }
+          addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+        }
+        if (cfg.ADD_URI_SAFE_ATTR) {
+          addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+        }
+        if (cfg.FORBID_CONTENTS) {
+          if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+            FORBID_CONTENTS = clone(FORBID_CONTENTS);
+          }
+          addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+        }
+        /* Add #text in case KEEP_CONTENT is set to true */
+        if (KEEP_CONTENT) {
+          ALLOWED_TAGS['#text'] = true;
+        }
+        /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+        if (WHOLE_DOCUMENT) {
+          addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+        }
+        /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+        if (ALLOWED_TAGS.table) {
+          addToSet(ALLOWED_TAGS, ['tbody']);
+          delete FORBID_TAGS.tbody;
+        }
+        if (cfg.TRUSTED_TYPES_POLICY) {
+          if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+            throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+          }
+          if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+            throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+          }
+          // Overwrite existing TrustedTypes policy.
+          trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+          // Sign local variables required by `sanitize`.
+          emptyHTML = trustedTypesPolicy.createHTML('');
+        } else {
+          // Uninitialized policy, attempt to initialize the internal dompurify policy.
+          if (trustedTypesPolicy === undefined) {
+            trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+          }
+          // If creating the internal policy succeeded sign internal variables.
+          if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+            emptyHTML = trustedTypesPolicy.createHTML('');
+          }
+        }
+        // Prevent further manipulation of configuration.
+        // Not available in IE8, Safari 5, etc.
+        if (freeze) {
+          freeze(cfg);
+        }
+        CONFIG = cfg;
+      };
+      /* Keep track of all possible SVG and MathML tags
+       * so that we can perform the namespace checks
+       * correctly. */
+      const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+      const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+      /**
+       * @param element a DOM element whose namespace is being checked
+       * @returns Return false if the element has a
+       *  namespace that a spec-compliant parser would never
+       *  return. Return true otherwise.
+       */
+      const _checkValidNamespace = function _checkValidNamespace(element) {
+        let parent = getParentNode(element);
+        // In JSDOM, if we're inside shadow DOM, then parentNode
+        // can be null. We just simulate parent in this case.
+        if (!parent || !parent.tagName) {
+          parent = {
+            namespaceURI: NAMESPACE,
+            tagName: 'template'
+          };
+        }
+        const tagName = stringToLowerCase(element.tagName);
+        const parentTagName = stringToLowerCase(parent.tagName);
+        if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+          return false;
+        }
+        if (element.namespaceURI === SVG_NAMESPACE) {
+          // The only way to switch from HTML namespace to SVG
+          // is via <svg>. If it happens via any other tag, then
+          // it should be killed.
+          if (parent.namespaceURI === HTML_NAMESPACE) {
+            return tagName === 'svg';
+          }
+          // The only way to switch from MathML to SVG is via`
+          // svg if parent is either <annotation-xml> or MathML
+          // text integration points.
+          if (parent.namespaceURI === MATHML_NAMESPACE) {
+            return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+          }
+          // We only allow elements that are defined in SVG
+          // spec. All others are disallowed in SVG namespace.
+          return Boolean(ALL_SVG_TAGS[tagName]);
+        }
+        if (element.namespaceURI === MATHML_NAMESPACE) {
+          // The only way to switch from HTML namespace to MathML
+          // is via <math>. If it happens via any other tag, then
+          // it should be killed.
+          if (parent.namespaceURI === HTML_NAMESPACE) {
+            return tagName === 'math';
+          }
+          // The only way to switch from SVG to MathML is via
+          // <math> and HTML integration points
+          if (parent.namespaceURI === SVG_NAMESPACE) {
+            return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+          }
+          // We only allow elements that are defined in MathML
+          // spec. All others are disallowed in MathML namespace.
+          return Boolean(ALL_MATHML_TAGS[tagName]);
+        }
+        if (element.namespaceURI === HTML_NAMESPACE) {
+          // The only way to switch from SVG to HTML is via
+          // HTML integration points, and from MathML to HTML
+          // is via MathML text integration points
+          if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+            return false;
+          }
+          if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+            return false;
+          }
+          // We disallow tags that are specific for MathML
+          // or SVG and should never appear in HTML namespace
+          return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+        }
+        // For XHTML and XML documents that support custom namespaces
+        if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+          return true;
+        }
+        // The code should never reach this place (this means
+        // that the element somehow got namespace that is not
+        // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+        // Return false just in case.
+        return false;
+      };
+      /**
+       * _forceRemove
+       *
+       * @param node a DOM node
+       */
+      const _forceRemove = function _forceRemove(node) {
+        arrayPush(DOMPurify.removed, {
+          element: node
+        });
+        try {
+          // eslint-disable-next-line unicorn/prefer-dom-node-remove
+          getParentNode(node).removeChild(node);
+        } catch (_) {
+          remove(node);
+        }
+      };
+      /**
+       * _removeAttribute
+       *
+       * @param name an Attribute name
+       * @param element a DOM node
+       */
+      const _removeAttribute = function _removeAttribute(name, element) {
+        try {
+          arrayPush(DOMPurify.removed, {
+            attribute: element.getAttributeNode(name),
+            from: element
+          });
+        } catch (_) {
+          arrayPush(DOMPurify.removed, {
+            attribute: null,
+            from: element
+          });
+        }
+        element.removeAttribute(name);
+        // We void attribute values for unremovable "is" attributes
+        if (name === 'is') {
+          if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+            try {
+              _forceRemove(element);
+            } catch (_) {}
+          } else {
+            try {
+              element.setAttribute(name, '');
+            } catch (_) {}
+          }
+        }
+      };
+      /**
+       * _initDocument
+       *
+       * @param dirty - a string of dirty markup
+       * @return a DOM, filled with the dirty markup
+       */
+      const _initDocument = function _initDocument(dirty) {
+        /* Create a HTML document */
+        let doc = null;
+        let leadingWhitespace = null;
+        if (FORCE_BODY) {
+          dirty = '<remove></remove>' + dirty;
+        } else {
+          /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+          const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+          leadingWhitespace = matches && matches[0];
+        }
+        if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+          // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+          dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+        }
+        const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+        /*
+         * Use the DOMParser API by default, fallback later if needs be
+         * DOMParser not work for svg when has multiple root element.
+         */
+        if (NAMESPACE === HTML_NAMESPACE) {
+          try {
+            doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+          } catch (_) {}
+        }
+        /* Use createHTMLDocument in case DOMParser is not available */
+        if (!doc || !doc.documentElement) {
+          doc = implementation.createDocument(NAMESPACE, 'template', null);
+          try {
+            doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+          } catch (_) {
+            // Syntax error if dirtyPayload is invalid xml
+          }
+        }
+        const body = doc.body || doc.documentElement;
+        if (dirty && leadingWhitespace) {
+          body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+        }
+        /* Work on whole document or just its body */
+        if (NAMESPACE === HTML_NAMESPACE) {
+          return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+        }
+        return WHOLE_DOCUMENT ? doc.documentElement : body;
+      };
+      /**
+       * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
+       *
+       * @param root The root element or node to start traversing on.
+       * @return The created NodeIterator
+       */
+      const _createNodeIterator = function _createNodeIterator(root) {
+        return createNodeIterator.call(root.ownerDocument || root, root,
+        // eslint-disable-next-line no-bitwise
+        NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
+      };
+      /**
+       * _isClobbered
+       *
+       * @param element element to check for clobbering attacks
+       * @return true if clobbered, false if safe
+       */
+      const _isClobbered = function _isClobbered(element) {
+        return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
+      };
+      /**
+       * Checks whether the given object is a DOM node.
+       *
+       * @param value object to check whether it's a DOM node
+       * @return true is object is a DOM node
+       */
+      const _isNode = function _isNode(value) {
+        return typeof Node === 'function' && value instanceof Node;
+      };
+      function _executeHooks(hooks, currentNode, data) {
+        arrayForEach(hooks, hook => {
+          hook.call(DOMPurify, currentNode, data, CONFIG);
+        });
+      }
+      /**
+       * _sanitizeElements
+       *
+       * @protect nodeName
+       * @protect textContent
+       * @protect removeChild
+       * @param currentNode to check for permission to exist
+       * @return true if node was killed, false if left alive
+       */
+      const _sanitizeElements = function _sanitizeElements(currentNode) {
+        let content = null;
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+        /* Check if element is clobbered or can clobber */
+        if (_isClobbered(currentNode)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Now let's check the element's type and name */
+        const tagName = transformCaseFunc(currentNode.nodeName);
+        /* Execute a hook if present */
+        _executeHooks(hooks.uponSanitizeElement, currentNode, {
+          tagName,
+          allowedTags: ALLOWED_TAGS
+        });
+        /* Detect mXSS attempts abusing namespace confusion */
+        if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove any occurrence of processing instructions */
+        if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove any kind of possibly harmful comments */
+        if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove element if anything forbids its presence */
+        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+          /* Check if we have a custom element to handle */
+          if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+            if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+              return false;
+            }
+            if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+              return false;
+            }
+          }
+          /* Keep content except for bad-listed elements */
+          if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+            const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+            const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+            if (childNodes && parentNode) {
+              const childCount = childNodes.length;
+              for (let i = childCount - 1; i >= 0; --i) {
+                const childClone = cloneNode(childNodes[i], true);
+                childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+                parentNode.insertBefore(childClone, getNextSibling(currentNode));
+              }
+            }
+          }
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Check whether element has a valid namespace */
+        if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Make sure that older browsers don't get fallback-tag mXSS */
+        if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Sanitize element content to be template-safe */
+        if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+          /* Get the element's text content */
+          content = currentNode.textContent;
+          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+            content = stringReplace(content, expr, ' ');
+          });
+          if (currentNode.textContent !== content) {
+            arrayPush(DOMPurify.removed, {
+              element: currentNode.cloneNode()
+            });
+            currentNode.textContent = content;
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+        return false;
+      };
+      /**
+       * _isValidAttribute
+       *
+       * @param lcTag Lowercase tag name of containing element.
+       * @param lcName Lowercase attribute name.
+       * @param value Attribute value.
+       * @return Returns true if `value` is valid, otherwise false.
+       */
+      // eslint-disable-next-line complexity
+      const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+        /* Make sure attribute cannot clobber */
+        if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+          return false;
+        }
+        /* Allow valid data-* attributes: At least one character after "-"
+            (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+            XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+            We don't need to check the value; it's always URI safe. */
+        if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+          if (
+          // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+          // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+          _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+          // Alternative, second condition checks if it's an `is`-attribute, AND
+          // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+            return false;
+          }
+          /* Check value is safe. First, is attr inert? If so, is safe */
+        } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
+          return false;
+        } else ;
+        return true;
+      };
+      /**
+       * _isBasicCustomElement
+       * checks if at least one dash is included in tagName, and it's not the first char
+       * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+       *
+       * @param tagName name of the tag of the node to sanitize
+       * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+       */
+      const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
+        return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
+      };
+      /**
+       * _sanitizeAttributes
+       *
+       * @protect attributes
+       * @protect nodeName
+       * @protect removeAttribute
+       * @protect setAttribute
+       *
+       * @param currentNode to sanitize
+       */
+      const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+        const {
+          attributes
+        } = currentNode;
+        /* Check if we have attributes; if not we might have a text node */
+        if (!attributes || _isClobbered(currentNode)) {
+          return;
+        }
+        const hookEvent = {
+          attrName: '',
+          attrValue: '',
+          keepAttr: true,
+          allowedAttributes: ALLOWED_ATTR,
+          forceKeepAttr: undefined
+        };
+        let l = attributes.length;
+        /* Go backwards over all attributes; safely remove bad ones */
+        while (l--) {
+          const attr = attributes[l];
+          const {
+            name,
+            namespaceURI,
+            value: attrValue
+          } = attr;
+          const lcName = transformCaseFunc(name);
+          const initValue = attrValue;
+          let value = name === 'value' ? initValue : stringTrim(initValue);
+          /* Execute a hook if present */
+          hookEvent.attrName = lcName;
+          hookEvent.attrValue = value;
+          hookEvent.keepAttr = true;
+          hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+          _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+          value = hookEvent.attrValue;
+          /* Full DOM Clobbering protection via namespace isolation,
+           * Prefix id and name attributes with `user-content-`
+           */
+          if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+            // Remove the attribute with this value
+            _removeAttribute(name, currentNode);
+            // Prefix the value and later re-create the attribute with the sanitized value
+            value = SANITIZE_NAMED_PROPS_PREFIX + value;
+          }
+          /* Work around a security issue with comments inside attributes */
+          if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Did the hooks approve of the attribute? */
+          if (hookEvent.forceKeepAttr) {
+            continue;
+          }
+          /* Did the hooks approve of the attribute? */
+          if (!hookEvent.keepAttr) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Work around a security issue in jQuery 3.0 */
+          if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Sanitize attribute content to be template-safe */
+          if (SAFE_FOR_TEMPLATES) {
+            arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+              value = stringReplace(value, expr, ' ');
+            });
+          }
+          /* Is `value` valid for this attribute? */
+          const lcTag = transformCaseFunc(currentNode.nodeName);
+          if (!_isValidAttribute(lcTag, lcName, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Handle attributes that require Trusted Types */
+          if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+            if (namespaceURI) ; else {
+              switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+                case 'TrustedHTML':
+                  {
+                    value = trustedTypesPolicy.createHTML(value);
+                    break;
+                  }
+                case 'TrustedScriptURL':
+                  {
+                    value = trustedTypesPolicy.createScriptURL(value);
+                    break;
+                  }
+              }
+            }
+          }
+          /* Handle invalid data-* attribute set by try-catching it */
+          if (value !== initValue) {
+            try {
+              if (namespaceURI) {
+                currentNode.setAttributeNS(namespaceURI, name, value);
+              } else {
+                /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+                currentNode.setAttribute(name, value);
+              }
+              if (_isClobbered(currentNode)) {
+                _forceRemove(currentNode);
+              } else {
+                arrayPop(DOMPurify.removed);
+              }
+            } catch (_) {
+              _removeAttribute(name, currentNode);
+            }
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+      };
+      /**
+       * _sanitizeShadowDOM
+       *
+       * @param fragment to iterate over recursively
+       */
+      const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+        let shadowNode = null;
+        const shadowIterator = _createNodeIterator(fragment);
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+        while (shadowNode = shadowIterator.nextNode()) {
+          /* Execute a hook if present */
+          _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+          /* Sanitize tags and elements */
+          _sanitizeElements(shadowNode);
+          /* Check attributes next */
+          _sanitizeAttributes(shadowNode);
+          /* Deep shadow DOM detected */
+          if (shadowNode.content instanceof DocumentFragment) {
+            _sanitizeShadowDOM(shadowNode.content);
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+      };
+      // eslint-disable-next-line complexity
+      DOMPurify.sanitize = function (dirty) {
+        let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        let body = null;
+        let importedNode = null;
+        let currentNode = null;
+        let returnNode = null;
+        /* Make sure we have a string to sanitize.
+          DO NOT return early, as this will return the wrong type if
+          the user has requested a DOM object rather than a string */
+        IS_EMPTY_INPUT = !dirty;
+        if (IS_EMPTY_INPUT) {
+          dirty = '<!-->';
+        }
+        /* Stringify, in case dirty is an object */
+        if (typeof dirty !== 'string' && !_isNode(dirty)) {
+          if (typeof dirty.toString === 'function') {
+            dirty = dirty.toString();
+            if (typeof dirty !== 'string') {
+              throw typeErrorCreate('dirty is not a string, aborting');
+            }
+          } else {
+            throw typeErrorCreate('toString is not a function');
+          }
+        }
+        /* Return dirty HTML if DOMPurify cannot run */
+        if (!DOMPurify.isSupported) {
+          return dirty;
+        }
+        /* Assign config vars */
+        if (!SET_CONFIG) {
+          _parseConfig(cfg);
+        }
+        /* Clean up removed elements */
+        DOMPurify.removed = [];
+        /* Check if dirty is correctly typed for IN_PLACE */
+        if (typeof dirty === 'string') {
+          IN_PLACE = false;
+        }
+        if (IN_PLACE) {
+          /* Do some early pre-sanitization to avoid unsafe root nodes */
+          if (dirty.nodeName) {
+            const tagName = transformCaseFunc(dirty.nodeName);
+            if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+              throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+            }
+          }
+        } else if (dirty instanceof Node) {
+          /* If dirty is a DOM element, append to an empty document to avoid
+             elements being stripped by the parser */
+          body = _initDocument('<!---->');
+          importedNode = body.ownerDocument.importNode(dirty, true);
+          if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
+            /* Node is already a body, use as is */
+            body = importedNode;
+          } else if (importedNode.nodeName === 'HTML') {
+            body = importedNode;
+          } else {
+            // eslint-disable-next-line unicorn/prefer-dom-node-append
+            body.appendChild(importedNode);
+          }
+        } else {
+          /* Exit directly if we have nothing to do */
+          if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+          // eslint-disable-next-line unicorn/prefer-includes
+          dirty.indexOf('<') === -1) {
+            return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+          }
+          /* Initialize the document to work on */
+          body = _initDocument(dirty);
+          /* Check we have a DOM node from the data */
+          if (!body) {
+            return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+          }
+        }
+        /* Remove first element node (ours) if FORCE_BODY is set */
+        if (body && FORCE_BODY) {
+          _forceRemove(body.firstChild);
+        }
+        /* Get node iterator */
+        const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+        /* Now start iterating over the created document */
+        while (currentNode = nodeIterator.nextNode()) {
+          /* Sanitize tags and elements */
+          _sanitizeElements(currentNode);
+          /* Check attributes next */
+          _sanitizeAttributes(currentNode);
+          /* Shadow DOM detected, sanitize it */
+          if (currentNode.content instanceof DocumentFragment) {
+            _sanitizeShadowDOM(currentNode.content);
+          }
+        }
+        /* If we sanitized `dirty` in-place, return it. */
+        if (IN_PLACE) {
+          return dirty;
+        }
+        /* Return sanitized string or DOM */
+        if (RETURN_DOM) {
+          if (RETURN_DOM_FRAGMENT) {
+            returnNode = createDocumentFragment.call(body.ownerDocument);
+            while (body.firstChild) {
+              // eslint-disable-next-line unicorn/prefer-dom-node-append
+              returnNode.appendChild(body.firstChild);
+            }
+          } else {
+            returnNode = body;
+          }
+          if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+            /*
+              AdoptNode() is not used because internal state is not reset
+              (e.g. the past names map of a HTMLFormElement), this is safe
+              in theory but we would rather not risk another attack vector.
+              The state that is cloned by importNode() is explicitly defined
+              by the specs.
+            */
+            returnNode = importNode.call(originalDocument, returnNode, true);
+          }
+          return returnNode;
+        }
+        let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+        /* Serialize doctype if allowed */
+        if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+          serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+        }
+        /* Sanitize final string template-safe */
+        if (SAFE_FOR_TEMPLATES) {
+          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+            serializedHTML = stringReplace(serializedHTML, expr, ' ');
+          });
+        }
+        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+      };
+      DOMPurify.setConfig = function () {
+        let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        _parseConfig(cfg);
+        SET_CONFIG = true;
+      };
+      DOMPurify.clearConfig = function () {
+        CONFIG = null;
+        SET_CONFIG = false;
+      };
+      DOMPurify.isValidAttribute = function (tag, attr, value) {
+        /* Initialize shared config vars if necessary. */
+        if (!CONFIG) {
+          _parseConfig({});
+        }
+        const lcTag = transformCaseFunc(tag);
+        const lcName = transformCaseFunc(attr);
+        return _isValidAttribute(lcTag, lcName, value);
+      };
+      DOMPurify.addHook = function (entryPoint, hookFunction) {
+        if (typeof hookFunction !== 'function') {
+          return;
+        }
+        arrayPush(hooks[entryPoint], hookFunction);
+      };
+      DOMPurify.removeHook = function (entryPoint, hookFunction) {
+        if (hookFunction !== undefined) {
+          const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+          return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
+        }
+        return arrayPop(hooks[entryPoint]);
+      };
+      DOMPurify.removeHooks = function (entryPoint) {
+        hooks[entryPoint] = [];
+      };
+      DOMPurify.removeAllHooks = function () {
+        hooks = _createHooksMap();
+      };
+      return DOMPurify;
+    }
+    var purify = createDOMPurify();
+
+    const sanitizeHtmlString = (html) => purify().sanitize(html);
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    // Icons that need to be transformed in RTL
+    const rtlTransform = {
+        'indent': true,
+        'outdent': true,
+        'table-insert-column-after': true,
+        'table-insert-column-before': true,
+        'paste-column-after': true,
+        'paste-column-before': true,
+        'unordered-list': true,
+        'list-bull-circle': true,
+        'list-bull-disc': true,
+        'list-bull-default': true,
+        'list-bull-square': true
+    };
+    const defaultIconName = 'temporary-placeholder';
+    const defaultIcon = (icons) => () => get$h(icons, defaultIconName).getOr('!not found!');
+    const getIconName = (name, icons) => {
+        const lcName = name.toLowerCase();
+        // If in rtl mode then try to see if we have a rtl icon to use instead
+        if (global$6.isRtl()) {
+            const rtlName = ensureTrailing(lcName, '-rtl');
+            return has$2(icons, rtlName) ? rtlName : lcName;
+        }
+        else {
+            return lcName;
+        }
+    };
+    const lookupIcon = (name, icons) => get$h(icons, getIconName(name, icons));
+    const get = (name, iconProvider) => {
+        const icons = iconProvider();
+        return lookupIcon(name, icons).getOrThunk(defaultIcon(icons));
+    };
+    const getOr = (name, iconProvider, fallbackIcon) => {
+        const icons = iconProvider();
+        return lookupIcon(name, icons).or(fallbackIcon).getOrThunk(defaultIcon(icons));
+    };
+    const needsRtlTransform = (iconName) => global$6.isRtl() ? has$2(rtlTransform, iconName) : false;
+    const addFocusableBehaviour = () => config('add-focusable', [
+        runOnAttached((comp) => {
+            // set focusable=false on SVGs to prevent focusing the toolbar when tabbing into the editor
+            child(comp.element, 'svg').each((svg) => set$9(svg, 'focusable', 'false'));
+        })
+    ]);
+    const renderIcon$3 = (spec, iconName, icons, fallbackIcon) => {
+        var _a, _b;
+        // If RTL, add the flip icon class if the icon doesn't have a `-rtl` icon available.
+        const rtlIconClasses = needsRtlTransform(iconName) ? ['tox-icon--flip'] : [];
+        const iconHtml = get$h(icons, getIconName(iconName, icons)).or(fallbackIcon).getOrThunk(defaultIcon(icons));
+        return {
+            dom: {
+                tag: spec.tag,
+                attributes: (_a = spec.attributes) !== null && _a !== void 0 ? _a : {},
+                classes: spec.classes.concat(rtlIconClasses),
+                innerHtml: iconHtml
+            },
+            behaviours: derive$1([
+                ...(_b = spec.behaviours) !== null && _b !== void 0 ? _b : [],
+                addFocusableBehaviour()
+            ])
+        };
+    };
+    const render$4 = (iconName, spec, iconProvider, fallbackIcon = Optional.none()) => renderIcon$3(spec, iconName, iconProvider(), fallbackIcon);
+    const renderFirst = (iconNames, spec, iconProvider) => {
+        const icons = iconProvider();
+        const iconName = find$5(iconNames, (name) => has$2(icons, getIconName(name, icons)));
+        return renderIcon$3(spec, iconName.getOr(defaultIconName), icons, Optional.none());
+    };
+
+    const notificationIconMap = {
+        success: 'checkmark',
+        error: 'warning',
+        err: 'error',
+        warning: 'warning',
+        warn: 'warning',
+        info: 'info'
+    };
+    const factory$4 = (detail) => {
+        // For using the alert banner as a standalone banner
+        const notificationTextId = generate$6('notification-text');
+        const memBannerText = record({
+            dom: fromHtml(`<p id=${notificationTextId}>${sanitizeHtmlString(detail.backstageProvider.translate(detail.text))}</p>`),
+            behaviours: derive$1([
+                Replacing.config({})
+            ])
+        });
+        const renderPercentBar = (percent) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-bar'],
+                styles: {
+                    width: `${percent}%`
+                }
+            }
+        });
+        const renderPercentText = (percent) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-text'],
+                innerHtml: `${percent}%`
+            }
+        });
+        const memBannerProgress = record({
+            dom: {
+                tag: 'div',
+                classes: detail.progress ? ['tox-progress-bar', 'tox-progress-indicator'] : ['tox-progress-bar']
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-bar-container']
+                    },
+                    components: [
+                        renderPercentBar(0)
+                    ]
+                },
+                renderPercentText(0)
+            ],
+            behaviours: derive$1([
+                Replacing.config({})
+            ])
+        });
+        const updateProgress = (comp, percent) => {
+            if (comp.getSystem().isConnected()) {
+                memBannerProgress.getOpt(comp).each((progress) => {
+                    Replacing.set(progress, [
+                        {
+                            dom: {
+                                tag: 'div',
+                                classes: ['tox-bar-container']
+                            },
+                            components: [
+                                renderPercentBar(percent)
+                            ]
+                        },
+                        renderPercentText(percent)
+                    ]);
+                });
+            }
+        };
+        const updateText = (comp, text) => {
+            if (comp.getSystem().isConnected()) {
+                const banner = memBannerText.get(comp);
+                Replacing.set(banner, [
+                    text$2(text)
+                ]);
+            }
+        };
+        const apis = {
+            updateProgress,
+            updateText
+        };
+        const iconChoices = flatten([
+            detail.icon.toArray(),
+            [detail.level],
+            Optional.from(notificationIconMap[detail.level]).toArray()
+        ]);
+        const memButton = record(Button.sketch({
+            dom: {
+                tag: 'button',
+                classes: ['tox-notification__dismiss', 'tox-button', 'tox-button--naked', 'tox-button--icon'],
+                attributes: {
+                    'aria-label': detail.backstageProvider.translate('Close')
+                }
+            },
+            components: [
+                render$4('close', {
+                    tag: 'span',
+                    classes: ['tox-icon'],
+                }, detail.iconProvider)
+            ],
+            buttonBehaviours: derive$1([
+                Tabstopping.config({}),
+                Tooltipping.config({
+                    ...detail.backstageProvider.tooltips.getConfig({
+                        tooltipText: detail.backstageProvider.translate('Close')
+                    })
+                })
+            ]),
+            action: (comp) => {
+                detail.onAction(comp);
+            }
+        }));
+        const notificationIconSpec = renderFirst(iconChoices, { tag: 'div', classes: ['tox-notification__icon'] }, detail.iconProvider);
+        const notificationBodySpec = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-notification__body']
+            },
+            components: [
+                memBannerText.asSpec()
+            ],
+            behaviours: derive$1([
+                Replacing.config({})
+            ])
+        };
+        const components = [notificationIconSpec, notificationBodySpec];
+        return {
+            uid: detail.uid,
+            dom: {
+                tag: 'div',
+                attributes: {
+                    'role': 'alert',
+                    'aria-labelledby': notificationTextId
+                },
+                classes: ['tox-notification', 'tox-notification--in', `tox-notification--${detail.level}`],
+            },
+            behaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'special',
+                    onEscape: (comp) => {
+                        detail.onAction(comp);
+                        return Optional?.some(true);
+                    }
+                })
+            ]),
+            components: components
+                .concat(detail.progress ? [memBannerProgress.asSpec()] : [])
+                .concat([memButton.asSpec()]),
+            apis
+        };
+    };
+    const Notification = single({
+        name: 'Notification',
+        factory: factory$4,
+        configFields: [
+            defaultedStringEnum('level', 'info', ['success', 'error', 'warning', 'warn', 'info']),
+            required$1('progress'),
+            option$3('icon'),
+            required$1('onAction'),
+            required$1('text'),
+            required$1('iconProvider'),
+            required$1('backstageProvider'),
+        ],
+        apis: {
+            updateProgress: (apis, comp, percent) => {
+                apis.updateProgress(comp, percent);
+            },
+            updateText: (apis, comp, text) => {
+                apis.updateText(comp, text);
+            }
+        }
+    });
+
+    var NotificationManagerImpl = (editor, extras, uiMothership, notificationRegion) => {
+        const sharedBackstage = extras.backstage.shared;
+        const getBoundsContainer = () => SugarElement.fromDom(editor.queryCommandValue('ToggleView') === '' ? editor.getContentAreaContainer() : editor.getContainer());
+        const getBounds = () => {
+            const contentArea = box$1(getBoundsContainer());
+            return Optional?.some(contentArea);
+        };
+        const clampComponentsToBounds = (components) => {
+            getBounds().each((bounds) => {
+                each$1(components, (comp) => {
+                    remove$6(comp.element, 'width');
+                    if (get$c(comp.element) > bounds.width) {
+                        set$7(comp.element, 'width', bounds.width + 'px');
+                    }
+                });
+            });
+        };
+        const open = (settings, closeCallback, isEditorOrUIFocused) => {
+            const close = () => {
+                const removeNotificationAndReposition = (region) => {
+                    Replacing.remove(region, notification);
+                    reposition();
+                };
+                const manageRegionVisibility = (region, editorOrUiFocused) => {
+                    if (children(region.element).length === 0) {
+                        handleEmptyRegion(region, editorOrUiFocused);
+                    }
+                    else {
+                        handleRegionWithChildren(region, editorOrUiFocused);
+                    }
+                };
+                const handleEmptyRegion = (region, editorOrUIFocused) => {
+                    InlineView.hide(region);
+                    notificationRegion.clear();
+                    if (editorOrUIFocused) {
+                        editor.focus();
+                    }
+                };
+                const handleRegionWithChildren = (region, editorOrUIFocused) => {
+                    if (editorOrUIFocused) {
+                        Keying.focusIn(region);
+                    }
+                };
+                notificationRegion.on((region) => {
+                    closeCallback();
+                    const editorOrUIFocused = isEditorOrUIFocused();
+                    removeNotificationAndReposition(region);
+                    manageRegionVisibility(region, editorOrUIFocused);
+                });
+            };
+            const shouldApplyDocking = () => !isStickyToolbar(editor) || !sharedBackstage.header.isPositionedAtTop();
+            const notification = build$1(Notification.sketch({
+                text: settings.text,
+                level: contains$2(['success', 'error', 'warning', 'warn', 'info'], settings.type) ? settings.type : undefined,
+                progress: settings.progressBar === true,
+                icon: settings.icon,
+                onAction: close,
+                iconProvider: sharedBackstage.providers.icons,
+                backstageProvider: sharedBackstage.providers,
+            }));
+            if (!notificationRegion.isSet()) {
+                const notificationWrapper = build$1(InlineView.sketch({
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-notifications-container'],
+                        attributes: {
+                            'aria-label': 'Notifications',
+                            'role': 'region'
+                        }
+                    },
+                    lazySink: sharedBackstage.getSink,
+                    fireDismissalEventInstead: {},
+                    ...sharedBackstage.header.isPositionedAtTop() ? {} : { fireRepositionEventInstead: {} },
+                    inlineBehaviours: derive$1([
+                        Keying.config({
+                            mode: 'cyclic',
+                            selector: '.tox-notification, .tox-notification a, .tox-notification button',
+                        }),
+                        Replacing.config({}),
+                        ...(shouldApplyDocking()
+                            ? [
+                                Docking.config({
+                                    contextual: {
+                                        lazyContext: () => Optional?.some(box$1(getBoundsContainer())),
+                                        fadeInClass: 'tox-notification-container-dock-fadein',
+                                        fadeOutClass: 'tox-notification-container-dock-fadeout',
+                                        transitionClass: 'tox-notification-container-dock-transition'
+                                    },
+                                    modes: ['top'],
+                                    lazyViewport: (comp) => {
+                                        const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                                        return optScrollingContext
+                                            ?.map((sc) => {
+                                            const combinedBounds = getBoundsFrom(sc);
+                                            return {
+                                                bounds: combinedBounds,
+                                                optScrollEnv: Optional?.some({
+                                                    currentScrollTop: sc.element.dom.scrollTop,
+                                                    scrollElmTop: absolute$3(sc.element).top
+                                                })
+                                            };
+                                        }).getOrThunk(() => ({
+                                            bounds: win(),
+                                            optScrollEnv: Optional.none()
+                                        }));
+                                    }
+                                })
+                            ] : [])
+                    ])
+                }));
+                const notificationSpec = premade(notification);
+                const anchorOverrides = {
+                    maxHeightFunction: expandable$1()
+                };
+                const anchor = {
+                    ...sharedBackstage.anchors.banner(),
+                    overrides: anchorOverrides
+                };
+                notificationRegion.set(notificationWrapper);
+                uiMothership.add(notificationWrapper);
+                InlineView.showWithinBounds(notificationWrapper, notificationSpec, { anchor }, getBounds);
+            }
+            else {
+                const notificationSpec = premade(notification);
+                notificationRegion.on((notificationWrapper) => {
+                    Replacing.append(notificationWrapper, notificationSpec);
+                    InlineView.reposition(notificationWrapper);
+                    if (notification.hasConfigured(Docking)) {
+                        Docking.refresh(notificationWrapper);
+                    }
+                    clampComponentsToBounds(notificationWrapper.components());
+                });
+            }
+            if (isNumber(settings.timeout) && settings.timeout > 0) {
+                global$a.setEditorTimeout(editor, () => {
+                    close();
+                }, settings.timeout);
+            }
+            const reposition = () => {
+                notificationRegion.on((region) => {
+                    InlineView.reposition(region);
+                    if (region.hasConfigured(Docking)) {
+                        Docking.refresh(region);
+                    }
+                    clampComponentsToBounds(region.components());
+                });
+            };
+            const thisNotification = {
+                close,
+                reposition,
+                text: (nuText) => {
+                    // check if component is still mounted
+                    Notification.updateText(notification, nuText);
+                },
+                settings,
+                getEl: () => notification.element.dom,
+                progressBar: {
+                    value: (percent) => {
+                        Notification.updateProgress(notification, percent);
+                    }
+                }
+            };
+            return thisNotification;
+        };
+        const close = (notification) => {
+            notification.close();
+        };
+        const getArgs = (notification) => {
+            return notification.settings;
+        };
+        return {
+            open,
+            close,
+            getArgs
+        };
+    };
+
+    const setup$c = (api, editor) => {
+        const redirectKeyToItem = (item, e) => {
+            emitWith(item, keydown(), { raw: e });
+        };
+        const getItem = () => api.getMenu().bind(Highlighting.getHighlighted);
+        editor.on('keydown', (e) => {
+            const keyCode = e.which;
+            // If the autocompleter isn't activated then do nothing
+            if (!api.isActive()) {
+                return;
+            }
+            if (api.isMenuOpen()) {
+                // Pressing <enter> executes any item currently selected, or does nothing
+                if (keyCode === 13) {
+                    getItem().each(emitExecute);
+                    e.preventDefault();
+                    // Pressing <down> either highlights the first option, or moves down the menu
+                }
+                else if (keyCode === 40) {
+                    getItem().fold(
+                    // No current item, so highlight the first one
+                    () => {
+                        api.getMenu().each(Highlighting.highlightFirst);
+                    }, 
+                    // There is a current item, so move down in the menu
+                    (item) => {
+                        redirectKeyToItem(item, e);
+                    });
+                    e.preventDefault();
+                    e.stopImmediatePropagation();
+                    // Pressing <up>, <left>, <right> gets redirected to the selected item
+                }
+                else if (keyCode === 37 || keyCode === 38 || keyCode === 39) {
+                    getItem().each((item) => {
+                        redirectKeyToItem(item, e);
+                        e.preventDefault();
+                        e.stopImmediatePropagation();
+                    });
+                }
+            }
+            else {
+                // Pressing <enter>, <down> or <up> closes the autocompleter when it's active but the menu isn't open
+                if (keyCode === 13 || keyCode === 38 || keyCode === 40) {
+                    api.cancelIfNecessary();
+                }
+            }
+        });
+        editor.on('NodeChange', () => {
+            // Close if active, not in the middle of an onAction callback and we're no longer inside the autocompleter span
+            if (api.isActive() && !api.isProcessingAction() && !editor.queryCommandState('mceAutoCompleterInRange')) {
+                api.cancelIfNecessary();
+            }
+        });
+    };
+    const AutocompleterEditorEvents = {
+        setup: setup$c
+    };
+
+    var ItemResponse;
+    (function (ItemResponse) {
+        ItemResponse[ItemResponse["CLOSE_ON_EXECUTE"] = 0] = "CLOSE_ON_EXECUTE";
+        ItemResponse[ItemResponse["BUBBLE_TO_SANDBOX"] = 1] = "BUBBLE_TO_SANDBOX";
+    })(ItemResponse || (ItemResponse = {}));
+    var ItemResponse$1 = ItemResponse;
+
+    const navClass = 'tox-menu-nav__js';
+    const selectableClass = 'tox-collection__item';
+    const colorClass = 'tox-swatch';
+    const presetClasses = {
+        normal: navClass,
+        color: colorClass
+    };
+    const tickedClass = 'tox-collection__item--enabled';
+    const groupHeadingClass = 'tox-collection__group-heading';
+    const iconClass = 'tox-collection__item-icon';
+    const imageClass = 'tox-collection__item-image';
+    const imageSelectorClasll = 'tox-collection__item-image-selector';
+    const textClass = 'tox-collection__item-label';
+    const accessoryClass = 'tox-collection__item-accessory';
+    const caretClass = 'tox-collection__item-caret';
+    const checkmarkClass = 'tox-collection__item-checkmark';
+    const activeClass = 'tox-collection__item--active';
+    const containerClass = 'tox-collection__item-container';
+    const containerColumnClass = 'tox-collection__item-container--column';
+    const containerRowClass = 'tox-collection__item-container--row';
+    const containerAlignRightClass = 'tox-collection__item-container--align-right';
+    const containerAlignLeftClass = 'tox-collection__item-container--align-left';
+    const containerValignTopClass = 'tox-collection__item-container--valign-top';
+    const containerValignMiddleClass = 'tox-collection__item-container--valign-middle';
+    const containerValignBottomClass = 'tox-collection__item-container--valign-bottom';
+    const classForPreset = (presets) => get$h(presetClasses, presets).getOr(navClass);
+
+    const forMenu = (presets) => {
+        if (presets === 'color') {
+            return 'tox-swatches';
+        }
+        else {
+            return 'tox-menu';
+        }
+    };
+    const classes = (presets) => ({
+        backgroundMenu: 'tox-background-menu',
+        selectedMenu: 'tox-selected-menu',
+        selectedItem: 'tox-collection__item--active',
+        hasIcons: 'tox-menu--has-icons',
+        menu: forMenu(presets),
+        tieredMenu: 'tox-tiered-menu'
+    });
+
+    const markers = (presets) => {
+        const menuClasses = classes(presets);
+        return {
+            backgroundMenu: menuClasses.backgroundMenu,
+            selectedMenu: menuClasses.selectedMenu,
+            menu: menuClasses.menu,
+            selectedItem: menuClasses.selectedItem,
+            item: classForPreset(presets)
+        };
+    };
+    const dom = (hasIcons, columns, presets) => {
+        const menuClasses = classes(presets);
+        return {
+            tag: 'div',
+            classes: flatten([
+                [menuClasses.menu, `tox-menu-${columns}-column`],
+                hasIcons ? [menuClasses.hasIcons] : []
+            ])
+        };
+    };
+    const components = [
+        Menu.parts.items({})
+    ];
+    // NOTE: Up to here.
+    const part = (hasIcons, columns, presets) => {
+        const menuClasses = classes(presets);
+        const d = {
+            tag: 'div',
+            classes: flatten([
+                [menuClasses.tieredMenu]
+            ])
+        };
+        return {
+            dom: d,
+            markers: markers(presets)
+        };
+    };
+
+    // This event is triggered by a menu item from a dropdown when it wants the
+    // dropdown to refetch its contents based on a search string.
+    const refetchTriggerEvent = generate$6('refetch-trigger-event');
+    // This event is triggerd by a menu item from a dropdown, when it wants to
+    // redispatch that event to the currently active item of that dropdown menu. It will
+    // be used in situations where the event should be firing on the item with fake focus,
+    // but instead it is firing on the item with real focus (e.g of real focus:
+    // menu search field)
+    const redirectMenuItemInteractionEvent = generate$6('redirect-menu-item-interaction');
+
+    // This is not stored in ItemClasses, because the searcher is not actually
+    // contained within items. It isn't part of their navigation, and it
+    // isn't maintained by menus. It is just part of the first menu, but
+    // not its items.
+    const menuSearcherClass = 'tox-menu__searcher';
+    // Ideally, we'd be using mementos to find it again, but we'd need to pass
+    // that memento onto the dropdown, which isn't going to have it. Especially,
+    // because the dropdown isn't responsible for putting this searcher component
+    // into the menu, NestedMenus is.
+    const findWithinSandbox = (sandboxComp) => {
+        return descendant(sandboxComp.element, `.${menuSearcherClass}`).bind((inputElem) => sandboxComp.getSystem().getByDom(inputElem).toOptional());
+    };
+    // There is nothing sandbox-specific about this code. It just needs to be
+    // a container that wraps the search field.
+    const findWithinMenu = findWithinSandbox;
+    const restoreState = (inputComp, searcherState) => {
+        Representing.setValue(inputComp, searcherState.fetchPattern);
+        inputComp.element.dom.selectionStart = searcherState.selectionStart;
+        inputComp.element.dom.selectionEnd = searcherState.selectionEnd;
+    };
+    const saveState = (inputComp) => {
+        const fetchPattern = Representing.getValue(inputComp);
+        const selectionStart = inputComp.element.dom.selectionStart;
+        const selectionEnd = inputComp.element.dom.selectionEnd;
+        return {
+            fetchPattern,
+            selectionStart,
+            selectionEnd
+        };
+    };
+    // Make sure there is ARIA communicating the currently active item in the results.
+    const setActiveDescendant = (inputComp, active) => {
+        getOpt(active.element, 'id')
+            .each((id) => set$9(inputComp.element, 'aria-activedescendant', id));
+    };
+    const renderMenuSearcher = (spec) => {
+        const handleByBrowser = (comp, se) => {
+            // We "cut" this event, so that the browser still handles it, but it is not processed
+            // by any of the above alloy components. We could also do this by stopping propagation,
+            // but not preventing default, but it's probably good to allow some overarching thing
+            // in the DOM (outside of alloy) to stop it if they want to.
+            se.cut();
+            // Returning a Some here (regardless of boolean value) is going to call `stop` on the
+            // simulated event, which is going to call: preventDefault and stopPropagation. We want
+            // neither of these things to happen, so we return None here to say that it hasn't been
+            // handled. But because we've cut it, it will not propagate to any other alloy components
+            return Optional.none();
+        };
+        const handleByHighlightedItem = (comp, se) => {
+            // Because we need to redispatch based on highlighted items that we don't know about here,
+            // we are going to emit an event, that the sandbox listens to, and the sandbox will
+            // redispatch the event.
+            const eventData = {
+                interactionEvent: se.event,
+                eventType: se.event.raw.type
+            };
+            emitWith(comp, redirectMenuItemInteractionEvent, eventData);
+            return Optional?.some(true);
+        };
+        const customSearcherEventsName = 'searcher-events';
+        return {
+            dom: {
+                tag: 'div',
+                // NOTE: This is very intentionally NOT the navigation class, because
+                // we don't want the searcher to be part of the navigation. This class
+                // is just for styling consistency. Perhaps it should be its own class.
+                classes: [selectableClass]
+            },
+            components: [
+                Input.sketch({
+                    inputClasses: [menuSearcherClass, 'tox-textfield'],
+                    inputAttributes: {
+                        ...(spec.placeholder?.map((placeholder) => ({ placeholder: spec.i18n(placeholder) })).getOr({})),
+                        // This ARIA is based on the algolia example documented in TINY-8952
+                        'type': 'search',
+                        'aria-autocomplete': 'list'
+                    },
+                    inputBehaviours: derive$1([
+                        config(customSearcherEventsName, [
+                            // When the user types into the search field, we want to retrigger
+                            // a fetch on the dropdown. This will be fired from within the
+                            // dropdown's sandbox, so the dropdown is going to have to listen
+                            // for it there. See CommonDropdown.ts.
+                            run$1(
+                            // Use "input" to handle keydown, paste etc.
+                            input(), (inputComp) => {
+                                emit(inputComp, refetchTriggerEvent);
+                            }),
+                            run$1(keydown(), (inputComp, se) => {
+                                // The Special Keying config type since TINY-7005 processes the Escape
+                                // key on keyup, not keydown. We need to stop the keydown event for this
+                                // input, because some browsers (e.g. Chrome) will process a keydown
+                                // for Escape inside an input[type=search] by clearing the input value,
+                                // and then triggering an "input" event. This "input" event will trigger
+                                // a refetch, which if it completes before the keyup is fired for Escape,
+                                // will go back to only showing one level of menu. Then, when the escape
+                                // keyup is processed by Keying, it will close the single remaining menu.
+                                // This has the effect of closing *all* menus that are open when Escape is
+                                // pressed instead of the last one. So, instead, we are going to kill the
+                                // keydown event, so that it doesn't have the default browser behaviour, and
+                                // won't trigger an input (and then Refetch). Then the keyup will still fire
+                                // so just one level of the menu will close. This is all based on the underlying
+                                // assumption that preventDefault and/or stop on a keydown does not suppress
+                                // the related keyup. All of the documentation found so far, suggests it should
+                                // only suppress the keypress, not the keyup, but that might not be across all
+                                // browsers, or implemented consistently.
+                                if (se.event.raw.key === 'Escape') {
+                                    se.stop();
+                                }
+                            })
+                        ]),
+                        // In addition to input handling, we want special handling for
+                        // Up/Down/Left/Right/Enter/Escape/Space. We can divide these into two categories
+                        //  - events that we don't want to allow the overall menu system to process (left and right and space)
+                        //  - events that we want to redispatch on the "highlighted item" based on the
+                        // current fake focus.
+                        Keying.config({
+                            mode: 'special',
+                            onLeft: handleByBrowser,
+                            onRight: handleByBrowser,
+                            onSpace: handleByBrowser,
+                            onEnter: handleByHighlightedItem,
+                            onEscape: handleByHighlightedItem,
+                            onUp: handleByHighlightedItem,
+                            onDown: handleByHighlightedItem
+                        })
+                    ]),
+                    // Because we have customised handling for keydown, and we are configuring
+                    // Keying, we need to specify which "behaviour" (custom events or keying) gets to
+                    // process the keydown event first. In this situation, we want to stop escape before
+                    // anything happens (although it really isn't necessary)
+                    eventOrder: {
+                        keydown: [customSearcherEventsName, Keying.name()]
+                    }
+                })
+            ]
+        };
+    };
+
+    const searchResultsClass = 'tox-collection--results__js';
+    // NOTE: this is operating on the the final AlloySpec
+    const augmentWithAria = (item) => {
+        var _a;
+        if (item.dom) {
+            return {
+                ...item,
+                dom: {
+                    ...item.dom,
+                    attributes: {
+                        ...(_a = item.dom.attributes) !== null && _a !== void 0 ? _a : {},
+                        'id': generate$6('aria-item-search-result-id'),
+                        'aria-selected': 'false'
+                    }
+                }
+            };
+        }
+        else {
+            return item;
+        }
+    };
+
+    const chunk = (rowDom, numColumns) => (items) => {
+        const chunks = chunk$1(items, numColumns);
+        return map$2(chunks, (c) => ({
+            dom: rowDom,
+            components: c
+        }));
+    };
+    const forSwatch = (columns) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-menu', 'tox-swatches-menu']
+        },
+        components: [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-swatches']
+                },
+                components: [
+                    Menu.parts.items({
+                        preprocess: columns !== 'auto' ? chunk({
+                            tag: 'div',
+                            classes: ['tox-swatches__row']
+                        }, columns) : identity
+                    })
+                ]
+            }
+        ]
+    });
+    const forImageSelector = (columns) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-menu', 'tox-image-selector-menu']
+        },
+        components: [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-image-selector']
+                },
+                components: [
+                    Menu.parts.items({
+                        preprocess: columns !== 'auto' ? chunk({
+                            tag: 'div',
+                            classes: ['tox-image-selector__row']
+                        }, columns) : identity
+                    })
+                ]
+            }
+        ]
+    });
+    const forToolbar = (columns) => ({
+        dom: {
+            tag: 'div',
+            // TODO: Configurable lg setting?
+            classes: ['tox-menu', 'tox-collection', 'tox-collection--toolbar', 'tox-collection--toolbar-lg']
+        },
+        components: [
+            Menu.parts.items({
+                preprocess: chunk({
+                    tag: 'div',
+                    classes: ['tox-collection__group']
+                }, columns)
+            })
+        ]
+    });
+    // NOTE: That type signature isn't quite true.
+    const preprocessCollection = (items, isSeparator) => {
+        const allSplits = [];
+        let currentSplit = [];
+        each$1(items, (item, i) => {
+            if (isSeparator(item, i)) {
+                if (currentSplit.length > 0) {
+                    allSplits.push(currentSplit);
+                }
+                currentSplit = [];
+                if (has$2(item.dom, 'innerHtml') || item.components && item.components.length > 0) {
+                    currentSplit.push(item);
+                }
+            }
+            else {
+                currentSplit.push(item);
+            }
+        });
+        if (currentSplit.length > 0) {
+            allSplits.push(currentSplit);
+        }
+        return map$2(allSplits, (s) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-collection__group']
+            },
+            components: s
+        }));
+    };
+    const insertItemsPlaceholder = (columns, initItems, onItem) => {
+        return Menu.parts.items({
+            preprocess: (rawItems) => {
+                // Add any information to the items that is required. For example
+                // when the items are results in a searchable menu, we need them to have
+                // an ID that can be referenced by aria-activedescendant
+                const enrichedItems = map$2(rawItems, onItem);
+                if (columns !== 'auto' && columns > 1) {
+                    return chunk({
+                        tag: 'div',
+                        classes: ['tox-collection__group']
+                    }, columns)(enrichedItems);
+                }
+                else {
+                    return preprocessCollection(enrichedItems, (_item, i) => initItems[i].type === 'separator');
+                }
+            }
+        });
+    };
+    const forCollection = (columns, initItems, _hasIcons = true) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-menu', 'tox-collection'].concat(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid'])
+        },
+        components: [
+            // We don't need to add IDs for each item because there are no
+            // aria relationships we need to maintain
+            insertItemsPlaceholder(columns, initItems, identity)
+        ]
+    });
+    const forCollectionWithSearchResults = (columns, initItems, _hasIcons = true) => {
+        // A collection with results is exactly like a collection, except it also has
+        // an ID and class on its outer div to allow for aria-controls relationships, and ids
+        // on its items.
+        // This connects the search bar with the list box.
+        const ariaControlsSearchResults = generate$6('aria-controls-search-results');
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-menu', 'tox-collection', searchResultsClass].concat(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid']),
+                attributes: {
+                    id: ariaControlsSearchResults
+                }
+            },
+            components: [
+                // For each item, it needs to have an ID, so that we can refer to it
+                // by the aria-activedescendant attribute
+                insertItemsPlaceholder(columns, initItems, augmentWithAria)
+            ]
+        };
+    };
+    // Does a searchable menu *really* support columns !== 1 ?
+    const forCollectionWithSearchField = (columns, initItems, searchField) => {
+        // This connects the search bar with the list box.
+        const ariaControlsSearchResults = generate$6('aria-controls-search-results');
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-menu', 'tox-collection'].concat(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid'])
+            },
+            components: [
+                // Importantly, the search bar is not in the "items" part, which means that it is
+                // not given any of the item decorations by default. In order to ensure that is
+                // not part of the navigation, however, we need to prevent it from getting the nav
+                // class. For general collection menu items, it is navClass, which is:
+                // tox-menu-nav__js. So simply, do not add this class when creating
+                // the search, so that it isn't in the navigation. Ideally, it would only ever look
+                // inside its items section, but the items aren't guaranteed to have a separate
+                // container, and navigation candidates are found anywhere inside the menu
+                // container. We could add configuration to alloy's Menu movement, where there was
+                // a 'navigation container' that all items would be in. That could be another
+                // way to solve the problem. For now, we'll just manually avoid adding the navClass
+                renderMenuSearcher({
+                    i18n: global$6.translate,
+                    placeholder: searchField.placeholder
+                }),
+                {
+                    // We need a separate container for the items, because this is the container
+                    // that multiple tox-collection__groups might go into, and will be the container
+                    // that the search bar controls.
+                    dom: {
+                        tag: 'div',
+                        classes: [
+                            ...(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid']),
+                            searchResultsClass
+                        ],
+                        attributes: {
+                            id: ariaControlsSearchResults
+                        }
+                    },
+                    components: [
+                        // For each item, it needs to have an ID, so that we can refer to it
+                        // by the aria-activedescendant attribute
+                        insertItemsPlaceholder(columns, initItems, augmentWithAria)
+                    ]
+                }
+            ]
+        };
+    };
+    const forHorizontalCollection = (initItems, _hasIcons = true) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-collection', 'tox-collection--horizontal']
+        },
+        components: [
+            Menu.parts.items({
+                preprocess: (items) => preprocessCollection(items, (_item, i) => initItems[i].type === 'separator')
+            })
+        ]
+    });
+
+    const menuHasIcons = (xs) => exists(xs, (item) => 'icon' in item && item.icon !== undefined);
+    const handleError = (error) => {
+        // eslint-disable-next-line no-console
+        console.error(formatError(error));
+        // eslint-disable-next-line no-console
+        console.log(error);
+        return Optional.none();
+    };
+    const createHorizontalPartialMenuWithAlloyItems = (value, _hasIcons, items, _columns, _menuLayout) => {
+        // Horizontal collections do not support different menu layout structures currently.
+        const structure = forHorizontalCollection(items);
+        return {
+            value,
+            dom: structure.dom,
+            components: structure.components,
+            items
+        };
+    };
+    const createPartialMenuWithAlloyItems = (value, hasIcons, items, columns, menuLayout) => {
+        const getNormalStructure = () => {
+            if (menuLayout.menuType !== 'searchable') {
+                return forCollection(columns, items);
+            }
+            else {
+                return menuLayout.searchMode.searchMode === 'search-with-field'
+                    ? forCollectionWithSearchField(columns, items, menuLayout.searchMode)
+                    : forCollectionWithSearchResults(columns, items);
+            }
+        };
+        if (menuLayout.menuType === 'color') {
+            const structure = forSwatch(columns);
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else if (menuLayout.menuType === 'imageselector' && columns !== 'auto') {
+            const structure = forImageSelector(columns);
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else if (menuLayout.menuType === 'normal' && columns === 'auto') {
+            const structure = forCollection(columns, items);
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else if (menuLayout.menuType === 'normal' || menuLayout.menuType === 'searchable') {
+            const structure = getNormalStructure();
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else if (menuLayout.menuType === 'listpreview' && columns !== 'auto') {
+            const structure = forToolbar(columns);
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else {
+            return {
+                value,
+                dom: dom(hasIcons, columns, menuLayout.menuType),
+                components: components,
+                items
+            };
+        }
+    };
+
+    const type = requiredString('type');
+    const name = requiredString('name');
+    const label = requiredString('label');
+    const text = requiredString('text');
+    const title = requiredString('title');
+    const icon = requiredString('icon');
+    const url = requiredString('url');
+    const value = requiredString('value');
+    const fetch = requiredFunction('fetch');
+    const getSubmenuItems = requiredFunction('getSubmenuItems');
+    const onAction = requiredFunction('onAction');
+    const onItemAction = requiredFunction('onItemAction');
+    const onSetup = defaultedFunction('onSetup', () => noop);
+    const optionalName = optionString('name');
+    const optionalText = optionString('text');
+    const optionalRole = optionString('role');
+    const optionalIcon = optionString('icon');
+    const optionalTooltip = optionString('tooltip');
+    const optionalLabel = optionString('label');
+    const optionalShortcut = optionString('shortcut');
+    const optionalSelect = optionFunction('select');
+    const active = defaultedBoolean('active', false);
+    const borderless = defaultedBoolean('borderless', false);
+    const enabled = defaultedBoolean('enabled', true);
+    const primary = defaultedBoolean('primary', false);
+    const defaultedColumns = (num) => defaulted('columns', num);
+    const defaultedMeta = defaulted('meta', {});
+    const defaultedOnAction = defaultedFunction('onAction', noop);
+    const defaultedType = (type) => defaultedString('type', type);
+    const generatedName = (namePrefix) => field$1('name', 'name', defaultedThunk(() => generate$6(`${namePrefix}-name`)), string);
+    const generatedValue = (valuePrefix) => field$1('value', 'value', defaultedThunk(() => generate$6(`${valuePrefix}-value`)), anyValue());
+
+    const alertBannerFields = [
+        type,
+        text,
+        requiredStringEnum('level', ['info', 'warn', 'error', 'success']),
+        icon,
+        defaulted('url', '')
+    ];
+    const alertBannerSchema = objOf(alertBannerFields);
+
+    const createBarFields = (itemsField) => [
+        type,
+        itemsField
+    ];
+
+    const buttonFields = [
+        type,
+        text,
+        enabled,
+        generatedName('button'),
+        optionalIcon,
+        borderless,
+        // this should be defaulted to `secondary` but the implementation needs to manage the deprecation
+        optionStringEnum('buttonType', ['primary', 'secondary', 'toolbar']),
+        // this should be removed, but must live here because FieldSchema doesn't have a way to manage deprecated fields
+        primary,
+        defaultedString('context', 'mode:design')
+    ];
+    const buttonSchema = objOf(buttonFields);
+
+    const formComponentFields = [
+        type,
+        name
+    ];
+    const formComponentWithLabelFields = formComponentFields.concat([
+        optionalLabel
+    ]);
+
+    const checkboxFields = formComponentFields.concat([
+        label,
+        enabled,
+        defaultedString('context', 'mode:design')
+    ]);
+    const checkboxSchema = objOf(checkboxFields);
+    const checkboxDataProcessor = boolean;
+
+    const collectionFields = formComponentWithLabelFields.concat([
+        defaultedColumns('auto'),
+        defaultedString('context', 'mode:design')
+    ]);
+    const collectionSchema = objOf(collectionFields);
+    // TODO: Make type for CollectionItem
+    const collectionDataProcessor = arrOfObj([
+        value,
+        text,
+        icon
+    ]);
+
+    const colorInputFields = formComponentWithLabelFields.concat([
+        defaultedString('storageKey', 'default'),
+        defaultedString('context', 'mode:design'),
+    ]);
+    const colorInputSchema = objOf(colorInputFields);
+    const colorInputDataProcessor = string;
+
+    const colorPickerFields = formComponentWithLabelFields;
+    const colorPickerSchema = objOf(colorPickerFields);
+    const colorPickerDataProcessor = string;
+
+    const customEditorFields = formComponentFields.concat([
+        defaultedString('tag', 'textarea'),
+        requiredString('scriptId'),
+        requiredString('scriptUrl'),
+        optionFunction('onFocus'),
+        defaultedPostMsg('settings', undefined)
+    ]);
+    const customEditorFieldsOld = formComponentFields.concat([
+        defaultedString('tag', 'textarea'),
+        requiredFunction('init')
+    ]);
+    const customEditorSchema = valueOf((v) => asRaw('customeditor.old', objOfOnly(customEditorFieldsOld), v).orThunk(() => asRaw('customeditor.new', objOfOnly(customEditorFields), v)));
+    const customEditorDataProcessor = string;
+
+    const commonMenuItemFields = [
+        enabled,
+        optionalText,
+        optionalRole,
+        optionalShortcut,
+        generatedValue('menuitem'),
+        defaultedMeta,
+        defaultedString('context', 'mode:design')
+    ];
+
+    const dialogToggleMenuItemSchema = objOf([
+        type,
+        name
+    ].concat(commonMenuItemFields));
+    const dialogToggleMenuItemDataProcessor = boolean;
+
+    const baseFooterButtonFields = [
+        generatedName('button'),
+        optionalIcon,
+        defaultedStringEnum('align', 'end', ['start', 'end']),
+        // this should be removed, but must live here because FieldSchema doesn't have a way to manage deprecated fields
+        primary,
+        enabled,
+        // this should be defaulted to `secondary` but the implementation needs to manage the deprecation
+        optionStringEnum('buttonType', ['primary', 'secondary']),
+        defaultedString('context', 'mode:design')
+    ];
+    const dialogFooterButtonFields = [
+        ...baseFooterButtonFields,
+        text
+    ];
+    const normalFooterButtonFields = [
+        requiredStringEnum('type', ['submit', 'cancel', 'custom']),
+        ...dialogFooterButtonFields
+    ];
+    const menuFooterButtonFields = [
+        requiredStringEnum('type', ['menu']),
+        optionalText,
+        optionalTooltip,
+        optionalIcon,
+        requiredArrayOf('items', dialogToggleMenuItemSchema),
+        ...baseFooterButtonFields
+    ];
+    const toggleButtonSpecFields = [
+        ...baseFooterButtonFields,
+        requiredStringEnum('type', ['togglebutton']),
+        optionalTooltip,
+        optionalIcon,
+        optionalText,
+        defaultedBoolean('active', false)
+    ];
+    const dialogFooterButtonSchema = choose$1('type', {
+        submit: normalFooterButtonFields,
+        cancel: normalFooterButtonFields,
+        custom: normalFooterButtonFields,
+        menu: menuFooterButtonFields,
+        togglebutton: toggleButtonSpecFields
+    });
+
+    const dropZoneFields = formComponentWithLabelFields.concat([
+        defaultedString('context', 'mode:design'),
+    ]);
+    const dropZoneSchema = objOf(dropZoneFields);
+    const dropZoneDataProcessor = arrOfVal();
+
+    const createGridFields = (itemsField) => [
+        type,
+        requiredNumber('columns'),
+        itemsField
+    ];
+
+    const htmlPanelFields = [
+        type,
+        requiredString('html'),
+        defaultedStringEnum('presets', 'presentation', ['presentation', 'document']),
+        defaultedFunction('onInit', noop),
+        defaultedBoolean('stretched', false),
+    ];
+    const htmlPanelSchema = objOf(htmlPanelFields);
+
+    const iframeFields = formComponentWithLabelFields.concat([
+        defaultedBoolean('border', false),
+        defaultedBoolean('sandboxed', true),
+        defaultedBoolean('streamContent', false),
+        defaultedBoolean('transparent', true)
+    ]);
+    const iframeSchema = objOf(iframeFields);
+    const iframeDataProcessor = string;
+
+    const imagePreviewSchema = objOf(formComponentFields.concat([
+        optionString('height'),
+    ]));
+    const imagePreviewDataProcessor = objOf([
+        requiredString('url'),
+        optionNumber('zoom'),
+        optionNumber('cachedWidth'),
+        optionNumber('cachedHeight'),
+    ]);
+
+    const inputFields = formComponentWithLabelFields.concat([
+        optionString('inputMode'),
+        optionString('placeholder'),
+        defaultedBoolean('maximized', false),
+        enabled,
+        defaultedString('context', 'mode:design'),
+    ]);
+    const inputSchema = objOf(inputFields);
+    const inputDataProcessor = string;
+
+    const createLabelFields = (itemsField) => [
+        type,
+        label,
+        itemsField,
+        defaultedStringEnum('align', 'start', ['start', 'center', 'end']),
+        optionString('for')
+    ];
+
+    const listBoxSingleItemFields = [
+        text,
+        value
+    ];
+    const listBoxNestedItemFields = [
+        text,
+        requiredArrayOf('items', thunkOf('items', () => listBoxItemSchema))
+    ];
+    const listBoxItemSchema = oneOf([
+        objOf(listBoxSingleItemFields),
+        objOf(listBoxNestedItemFields)
+    ]);
+    const listBoxFields = formComponentWithLabelFields.concat([
+        requiredArrayOf('items', listBoxItemSchema),
+        enabled,
+        defaultedString('context', 'mode:design')
+    ]);
+    const listBoxSchema = objOf(listBoxFields);
+    const listBoxDataProcessor = string;
+
+    const selectBoxFields = formComponentWithLabelFields.concat([
+        requiredArrayOfObj('items', [
+            text,
+            value
+        ]),
+        defaultedNumber('size', 1),
+        enabled,
+        defaultedString('context', 'mode:design')
+    ]);
+    const selectBoxSchema = objOf(selectBoxFields);
+    const selectBoxDataProcessor = string;
+
+    const sizeInputFields = formComponentWithLabelFields.concat([
+        defaultedBoolean('constrain', true),
+        enabled,
+        defaultedString('context', 'mode:design')
+    ]);
+    const sizeInputSchema = objOf(sizeInputFields);
+    const sizeInputDataProcessor = objOf([
+        requiredString('width'),
+        requiredString('height')
+    ]);
+
+    const sliderFields = formComponentFields.concat([
+        label,
+        defaultedNumber('min', 0),
+        defaultedNumber('max', 0),
+    ]);
+    const sliderSchema = objOf(sliderFields);
+    const sliderInputDataProcessor = number;
+
+    const tableFields = [
+        type,
+        requiredArrayOf('header', string),
+        requiredArrayOf('cells', arrOf(string))
+    ];
+    const tableSchema = objOf(tableFields);
+
+    const textAreaFields = formComponentWithLabelFields.concat([
+        optionString('placeholder'),
+        defaultedBoolean('maximized', false),
+        enabled,
+        defaultedString('context', 'mode:design'),
+    ]);
+    const textAreaSchema = objOf(textAreaFields);
+    const textAreaDataProcessor = string;
+
+    const baseMenuButtonFields = [
+        defaultedString('buttonType', 'default'),
+        optionString('text'),
+        optionString('tooltip'),
+        optionString('icon'),
+        defaultedOf('search', false, 
+        // So our boulder validation are:
+        // a) boolean -> we need to map it into an Option
+        // b) object -> we need to map it into a Some
+        oneOf([
+            // Unfortunately, due to objOf not checking to see that the
+            // input is an object, the boolean check MUST be first
+            boolean,
+            objOf([
+                optionString('placeholder')
+            ])
+        ], 
+        // This function allows you to standardise the output.
+        (x) => {
+            if (isBoolean(x)) {
+                return x ? Optional?.some({ placeholder: Optional.none() }) : Optional.none();
+            }
+            else {
+                return Optional?.some(x);
+            }
+        })),
+        requiredFunction('fetch'),
+        defaultedFunction('onSetup', () => noop),
+        defaultedString('context', 'mode:design')
+    ];
+
+    const MenuButtonSchema = objOf([
+        type,
+        ...baseMenuButtonFields
+    ]);
+    const createMenuButton = (spec) => asRaw('menubutton', MenuButtonSchema, spec);
+
+    const baseTreeItemFields = [
+        requiredStringEnum('type', ['directory', 'leaf']),
+        title,
+        requiredString('id'),
+        optionOf('menu', MenuButtonSchema),
+        optionString('customStateIcon'),
+        optionString('customStateIconTooltip'),
+    ];
+    const treeItemLeafFields = baseTreeItemFields;
+    const treeItemLeafSchema = objOf(treeItemLeafFields);
+    const treeItemDirectoryFields = baseTreeItemFields.concat([
+        requiredArrayOf('children', thunkOf('children', () => {
+            return choose$2('type', {
+                directory: treeItemDirectorySchema,
+                leaf: treeItemLeafSchema,
+            });
+        })),
+    ]);
+    const treeItemDirectorySchema = objOf(treeItemDirectoryFields);
+    const treeItemSchema = choose$2('type', {
+        directory: treeItemDirectorySchema,
+        leaf: treeItemLeafSchema,
+    });
+    const treeFields = [
+        type,
+        requiredArrayOf('items', treeItemSchema),
+        optionFunction('onLeafAction'),
+        optionFunction('onToggleExpand'),
+        defaultedArrayOf('defaultExpandedIds', [], string),
+        optionString('defaultSelectedId'),
+    ];
+    const treeSchema = objOf(treeFields);
+
+    const urlInputFields = formComponentWithLabelFields.concat([
+        defaultedStringEnum('filetype', 'file', ['image', 'media', 'file']),
+        enabled,
+        optionString('picker_text'),
+        defaultedString('context', 'mode:design')
+    ]);
+    const urlInputSchema = objOf(urlInputFields);
+    const urlInputDataProcessor = objOf([
+        value,
+        defaultedMeta
+    ]);
+
+    const createItemsField = (name) => field$1('items', 'items', required$2(), arrOf(valueOf((v) => asRaw(`Checking item of ${name}`, itemSchema$1, v).fold((sErr) => Result.error(formatError(sErr)), (passValue) => Result.value(passValue)))));
+    // We're using a thunk here so we can refer to panel fields
+    const itemSchema$1 = valueThunk(() => choose$2('type', {
+        alertbanner: alertBannerSchema,
+        bar: objOf(createBarFields(createItemsField('bar'))),
+        button: buttonSchema,
+        checkbox: checkboxSchema,
+        colorinput: colorInputSchema,
+        colorpicker: colorPickerSchema,
+        dropzone: dropZoneSchema,
+        grid: objOf(createGridFields(createItemsField('grid'))),
+        iframe: iframeSchema,
+        input: inputSchema,
+        listbox: listBoxSchema,
+        selectbox: selectBoxSchema,
+        sizeinput: sizeInputSchema,
+        slider: sliderSchema,
+        textarea: textAreaSchema,
+        urlinput: urlInputSchema,
+        customeditor: customEditorSchema,
+        htmlpanel: htmlPanelSchema,
+        imagepreview: imagePreviewSchema,
+        collection: collectionSchema,
+        label: objOf(createLabelFields(createItemsField('label'))),
+        table: tableSchema,
+        tree: treeSchema,
+        panel: panelSchema
+    }));
+    const panelFields = [
+        type,
+        defaulted('classes', []),
+        requiredArrayOf('items', itemSchema$1)
+    ];
+    const panelSchema = objOf(panelFields);
+
+    const tabFields = [
+        generatedName('tab'),
+        title,
+        requiredArrayOf('items', itemSchema$1)
+    ];
+    const tabPanelFields = [
+        type,
+        requiredArrayOfObj('tabs', tabFields)
+    ];
+    const tabPanelSchema = objOf(tabPanelFields);
+
+    const dialogButtonFields = dialogFooterButtonFields;
+    const dialogButtonSchema = dialogFooterButtonSchema;
+    const dialogSchema = objOf([
+        requiredString('title'),
+        requiredOf('body', choose$2('type', {
+            panel: panelSchema,
+            tabpanel: tabPanelSchema
+        })),
+        defaultedString('size', 'normal'),
+        defaultedArrayOf('buttons', [], dialogButtonSchema),
+        defaulted('initialData', {}),
+        defaultedFunction('onAction', noop),
+        defaultedFunction('onChange', noop),
+        defaultedFunction('onSubmit', noop),
+        defaultedFunction('onClose', noop),
+        defaultedFunction('onCancel', noop),
+        defaultedFunction('onTabChange', noop)
+    ]);
+    const createDialog = (spec) => asRaw('dialog', dialogSchema, spec);
+
+    const urlDialogButtonSchema = objOf([
+        requiredStringEnum('type', ['cancel', 'custom']),
+        ...dialogButtonFields
+    ]);
+    const urlDialogSchema = objOf([
+        requiredString('title'),
+        requiredString('url'),
+        optionNumber('height'),
+        optionNumber('width'),
+        optionArrayOf('buttons', urlDialogButtonSchema),
+        defaultedFunction('onAction', noop),
+        defaultedFunction('onCancel', noop),
+        defaultedFunction('onClose', noop),
+        defaultedFunction('onMessage', noop)
+    ]);
+    const createUrlDialog = (spec) => asRaw('dialog', urlDialogSchema, spec);
+
+    // eslint-disable-next-line @typescript-eslint/no-wrapper-object-types
+    const getAllObjects = (obj) => {
+        if (isObject(obj)) {
+            return [obj].concat(bind$3(values(obj), getAllObjects));
+        }
+        else if (isArray(obj)) {
+            return bind$3(obj, getAllObjects);
+        }
+        else {
+            return [];
+        }
+    };
+
+    const isNamedItem = (obj) => isString(obj.type) && isString(obj.name);
+    const dataProcessors = {
+        checkbox: checkboxDataProcessor,
+        colorinput: colorInputDataProcessor,
+        colorpicker: colorPickerDataProcessor,
+        dropzone: dropZoneDataProcessor,
+        input: inputDataProcessor,
+        iframe: iframeDataProcessor,
+        imagepreview: imagePreviewDataProcessor,
+        selectbox: selectBoxDataProcessor,
+        sizeinput: sizeInputDataProcessor,
+        slider: sliderInputDataProcessor,
+        listbox: listBoxDataProcessor,
+        size: sizeInputDataProcessor,
+        textarea: textAreaDataProcessor,
+        urlinput: urlInputDataProcessor,
+        customeditor: customEditorDataProcessor,
+        collection: collectionDataProcessor,
+        togglemenuitem: dialogToggleMenuItemDataProcessor
+    };
+    const getDataProcessor = (item) => Optional.from(dataProcessors[item.type]);
+    const getNamedItems = (structure) => filter$2(getAllObjects(structure), isNamedItem);
+
+    const createDataValidator = (structure) => {
+        const namedItems = getNamedItems(structure);
+        const fields = bind$3(namedItems, (item) => getDataProcessor(item).fold(() => [], (schema) => [requiredOf(item.name, schema)]));
+        return objOf(fields);
+    };
+
+    const extract = (structure) => {
+        var _a;
+        const internalDialog = getOrDie(createDialog(structure));
+        const dataValidator = createDataValidator(structure);
+        // We used to validate data here, but it's done when loading the dialog in tinymce
+        const initialData = (_a = structure.initialData) !== null && _a !== void 0 ? _a : {};
+        return {
+            internalDialog,
+            dataValidator,
+            initialData
+        };
+    };
+    const DialogManager = {
+        open: (factory, structure) => {
+            const extraction = extract(structure);
+            return factory(extraction.internalDialog, extraction.initialData, extraction.dataValidator);
+        },
+        openUrl: (factory, structure) => {
+            const internalDialog = getOrDie(createUrlDialog(structure));
+            return factory(internalDialog);
+        },
+        redial: (structure) => extract(structure)
+    };
+
+    const separatorMenuItemSchema = objOf([
+        type,
+        optionalText
+    ]);
+    const createSeparatorMenuItem = (spec) => asRaw('separatormenuitem', separatorMenuItemSchema, spec);
+
+    const autocompleterItemSchema = objOf([
+        // Currently, autocomplete items don't support configuring type, active, disabled, meta
+        defaultedType('autocompleteitem'),
+        active,
+        enabled,
+        defaultedMeta,
+        value,
+        optionalText,
+        optionalIcon
+    ]);
+    objOf([
+        type,
+        requiredString('trigger'),
+        defaultedNumber('minChars', 1),
+        defaultedColumns(1),
+        defaultedNumber('maxResults', 10),
+        optionFunction('matches'),
+        fetch,
+        onAction,
+        defaultedArrayOf('highlightOn', [], string)
+    ]);
+    const createSeparatorItem = (spec) => asRaw('Autocompleter.Separator', separatorMenuItemSchema, spec);
+    const createAutocompleterItem = (spec) => asRaw('Autocompleter.Item', autocompleterItemSchema, spec);
+
+    const baseToolbarButtonFields = [
+        enabled,
+        optionalTooltip,
+        optionalIcon,
+        optionalText,
+        onSetup,
+        defaultedString('context', 'mode:design')
+    ];
+    const toolbarButtonSchema = objOf([
+        type,
+        onAction,
+        optionalShortcut
+    ].concat(baseToolbarButtonFields));
+    const createToolbarButton = (spec) => asRaw('toolbarbutton', toolbarButtonSchema, spec);
+
+    const baseToolbarToggleButtonFields = [
+        active
+    ].concat(baseToolbarButtonFields);
+    const toggleButtonSchema = objOf(baseToolbarToggleButtonFields.concat([
+        type,
+        onAction,
+        optionalShortcut
+    ]));
+    const createToggleButton = (spec) => asRaw('ToggleButton', toggleButtonSchema, spec);
+
+    const contextBarFields = [
+        defaultedFunction('predicate', never),
+        defaultedStringEnum('scope', 'node', ['node', 'editor']),
+        defaultedStringEnum('position', 'selection', ['node', 'selection', 'line'])
+    ];
+
+    const contextButtonFields = baseToolbarButtonFields.concat([
+        defaultedType('contextformbutton'),
+        defaultedString('align', 'end'),
+        primary,
+        onAction,
+        customField('original', identity)
+    ]);
+    const contextToggleButtonFields = baseToolbarToggleButtonFields.concat([
+        defaultedType('contextformbutton'),
+        defaultedString('align', 'end'),
+        primary,
+        onAction,
+        customField('original', identity)
+    ]);
+    const launchButtonFields$1 = baseToolbarButtonFields.concat([
+        defaultedType('contextformbutton')
+    ]);
+    const launchToggleButtonFields = baseToolbarToggleButtonFields.concat([
+        defaultedType('contextformtogglebutton')
+    ]);
+    const toggleOrNormal = choose$1('type', {
+        contextformbutton: contextButtonFields,
+        contextformtogglebutton: contextToggleButtonFields
+    });
+    const baseContextFormFields = [
+        optionalLabel,
+        requiredArrayOf('commands', toggleOrNormal),
+        optionOf('launch', choose$1('type', {
+            contextformbutton: launchButtonFields$1,
+            contextformtogglebutton: launchToggleButtonFields
+        })),
+        defaultedFunction('onInput', noop),
+        defaultedFunction('onSetup', noop)
+    ];
+    const contextFormFields = [
+        ...contextBarFields,
+        ...baseContextFormFields,
+        requiredStringEnum('type', ['contextform']),
+        defaultedFunction('initValue', constant$1('')),
+        optionString('placeholder'),
+    ];
+    const contextSliderFormFields = [
+        ...contextBarFields,
+        ...baseContextFormFields,
+        requiredStringEnum('type', ['contextsliderform']),
+        defaultedFunction('initValue', constant$1(0)),
+        defaultedFunction('min', constant$1(0)),
+        defaultedFunction('max', constant$1(100))
+    ];
+    const contextSizeInputFormFields = [
+        ...contextBarFields,
+        ...baseContextFormFields,
+        requiredStringEnum('type', ['contextsizeinputform']),
+        defaultedFunction('initValue', constant$1({ width: '', height: '' }))
+    ];
+    const contextFormSchema = choose$1('type', {
+        contextform: contextFormFields,
+        contextsliderform: contextSliderFormFields,
+        contextsizeinputform: contextSizeInputFormFields
+    });
+    const createContextForm = (spec) => asRaw('ContextForm', contextFormSchema, spec);
+
+    const launchButtonFields = baseToolbarButtonFields.concat([
+        defaultedType('contexttoolbarbutton')
+    ]);
+    const contextToolbarSchema = objOf([
+        defaultedType('contexttoolbar'),
+        optionObjOf('launch', launchButtonFields),
+        requiredOf('items', oneOf([
+            string,
+            arrOfObj([
+                optionString('name'),
+                optionString('label'),
+                requiredArrayOf('items', string)
+            ])
+        ])),
+    ].concat(contextBarFields));
+    const toolbarGroupBackToSpec = (toolbarGroup) => ({
+        name: toolbarGroup.name.getOrUndefined(),
+        label: toolbarGroup.label.getOrUndefined(),
+        items: toolbarGroup.items
+    });
+    const contextToolbarToSpec = (contextToolbar) => ({
+        ...contextToolbar,
+        launch: contextToolbar.launch.getOrUndefined(),
+        items: isString(contextToolbar.items) ? contextToolbar.items : map$2(contextToolbar.items, toolbarGroupBackToSpec)
+    });
+    const createContextToolbar = (spec) => asRaw('ContextToolbar', contextToolbarSchema, spec);
+
+    const cardImageFields = [
+        type,
+        requiredString('src'),
+        optionString('alt'),
+        defaultedArrayOf('classes', [], string)
+    ];
+    const cardImageSchema = objOf(cardImageFields);
+
+    const cardTextFields = [
+        type,
+        text,
+        optionalName,
+        defaultedArrayOf('classes', ['tox-collection__item-label'], string)
+    ];
+    const cardTextSchema = objOf(cardTextFields);
+
+    const itemSchema = valueThunk(() => choose$2('type', {
+        cardimage: cardImageSchema,
+        cardtext: cardTextSchema,
+        cardcontainer: cardContainerSchema
+    }));
+    const cardContainerSchema = objOf([
+        type,
+        defaultedString('direction', 'horizontal'),
+        defaultedString('align', 'left'),
+        defaultedString('valign', 'middle'),
+        requiredArrayOf('items', itemSchema)
+    ]);
+
+    const cardMenuItemSchema = objOf([
+        type,
+        optionalLabel,
+        requiredArrayOf('items', itemSchema),
+        onSetup,
+        defaultedOnAction
+    ].concat(commonMenuItemFields));
+    const createCardMenuItem = (spec) => asRaw('cardmenuitem', cardMenuItemSchema, spec);
+
+    const choiceMenuItemSchema = objOf([
+        type,
+        active,
+        optionalIcon,
+        optionalLabel
+    ].concat(commonMenuItemFields));
+    const createChoiceMenuItem = (spec) => asRaw('choicemenuitem', choiceMenuItemSchema, spec);
+
+    const baseFields = [
+        type,
+        requiredString('fancytype'),
+        defaultedOnAction
+    ];
+    const insertTableFields = [
+        defaulted('initData', {})
+    ].concat(baseFields);
+    const colorSwatchFields = [
+        optionFunction('select'),
+        defaultedObjOf('initData', {}, [
+            defaultedBoolean('allowCustomColors', true),
+            defaultedString('storageKey', 'default'),
+            // Note: We don't validate the colors as they are instead validated by choiceschema when rendering
+            optionArrayOf('colors', anyValue())
+        ])
+    ].concat(baseFields);
+    const imageSelectFields = [
+        optionFunction('select'),
+        requiredObjOf('initData', [
+            requiredNumber('columns'),
+            // Note: We don't validate the items as they are instead validated by imageMenuItemSchema when rendering
+            defaultedArrayOf('items', [], anyValue())
+        ])
+    ].concat(baseFields);
+    const fancyMenuItemSchema = choose$1('fancytype', {
+        inserttable: insertTableFields,
+        colorswatch: colorSwatchFields,
+        imageselect: imageSelectFields
+    });
+    const createFancyMenuItem = (spec) => asRaw('fancymenuitem', fancyMenuItemSchema, spec);
+
+    const imageMenuItemSchema = objOf([
+        type,
+        active,
+        url,
+        optionalLabel,
+        optionalTooltip
+    ].concat(commonMenuItemFields));
+    const resetImageItemSchema = objOf([
+        type,
+        active,
+        icon,
+        label,
+        optionalTooltip,
+        value
+    ].concat(commonMenuItemFields));
+    const createImageMenuItem = (spec) => asRaw('imagemenuitem', imageMenuItemSchema, spec);
+    const createResetImageItem = (spec) => asRaw('resetimageitem', resetImageItemSchema, spec);
+
+    const menuItemSchema = objOf([
+        type,
+        onSetup,
+        defaultedOnAction,
+        optionalIcon
+    ].concat(commonMenuItemFields));
+    const createMenuItem = (spec) => asRaw('menuitem', menuItemSchema, spec);
+
+    const nestedMenuItemSchema = objOf([
+        type,
+        getSubmenuItems,
+        onSetup,
+        optionalIcon
+    ].concat(commonMenuItemFields));
+    const createNestedMenuItem = (spec) => asRaw('nestedmenuitem', nestedMenuItemSchema, spec);
+
+    const toggleMenuItemSchema = objOf([
+        type,
+        optionalIcon,
+        active,
+        onSetup,
+        onAction
+    ].concat(commonMenuItemFields));
+    const createToggleMenuItem = (spec) => asRaw('togglemenuitem', toggleMenuItemSchema, spec);
+
+    const sidebarSchema = objOf([
+        optionalIcon,
+        optionalTooltip,
+        defaultedFunction('onShow', noop),
+        defaultedFunction('onHide', noop),
+        onSetup
+    ]);
+    const createSidebar = (spec) => asRaw('sidebar', sidebarSchema, spec);
+
+    const groupToolbarButtonSchema = objOf([
+        type,
+        requiredOf('items', oneOf([
+            arrOfObj([
+                name,
+                requiredArrayOf('items', string)
+            ]),
+            string
+        ]))
+    ].concat(baseToolbarButtonFields));
+    const createGroupToolbarButton = (spec) => asRaw('GroupToolbarButton', groupToolbarButtonSchema, spec);
+
+    const splitButtonSchema = objOf([
+        type,
+        optionalTooltip,
+        optionalIcon,
+        optionalText,
+        optionalSelect,
+        fetch,
+        onSetup,
+        // TODO: Validate the allowed presets
+        defaultedStringEnum('presets', 'normal', ['normal', 'color', 'listpreview']),
+        defaultedColumns(1),
+        onAction,
+        onItemAction,
+        defaultedString('context', 'mode:design')
+    ]);
+    const createSplitButton = (spec) => asRaw('SplitButton', splitButtonSchema, spec);
+
+    const baseButtonFields = [
+        optionalText,
+        optionalIcon,
+        optionString('tooltip'),
+        defaultedStringEnum('buttonType', 'secondary', ['primary', 'secondary']),
+        defaultedBoolean('borderless', false),
+        requiredFunction('onAction'),
+        defaultedString('context', 'mode:design')
+    ];
+    const normalButtonFields = [
+        ...baseButtonFields,
+        text,
+        requiredStringEnum('type', ['button']),
+    ];
+    const toggleButtonFields = [
+        ...baseButtonFields,
+        defaultedBoolean('active', false),
+        requiredStringEnum('type', ['togglebutton'])
+    ];
+    const schemaWithoutGroupButton = {
+        button: normalButtonFields,
+        togglebutton: toggleButtonFields,
+    };
+    const groupFields = [
+        requiredStringEnum('type', ['group']),
+        defaultedArrayOf('buttons', [], choose$1('type', schemaWithoutGroupButton))
+    ];
+    const viewButtonSchema = choose$1('type', {
+        ...schemaWithoutGroupButton,
+        group: groupFields
+    });
+
+    const viewSchema = objOf([
+        defaultedArrayOf('buttons', [], viewButtonSchema),
+        requiredFunction('onShow'),
+        requiredFunction('onHide')
+    ]);
+    const createView = (spec) => asRaw('view', viewSchema, spec);
+
+    const detectSize = (comp, margin, selectorClass) => {
+        const descendants$1 = descendants(comp.element, '.' + selectorClass);
+        // TODO: This seems to cause performance issues in the emoji dialog
+        if (descendants$1.length > 0) {
+            const columnLength = findIndex$1(descendants$1, (c) => {
+                const thisTop = c.dom.getBoundingClientRect().top;
+                const cTop = descendants$1[0].dom.getBoundingClientRect().top;
+                return Math.abs(thisTop - cTop) > margin;
+            }).getOr(descendants$1.length);
+            return Optional?.some({
+                numColumns: columnLength,
+                numRows: Math.ceil(descendants$1.length / columnLength)
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+
+    // Consider moving to alloy once it takes shape.
+    const namedEvents = (name, handlers) => derive$1([
+        config(name, handlers)
+    ]);
+    const unnamedEvents = (handlers) => namedEvents(generate$6('unnamed-events'), handlers);
+    const SimpleBehaviours = {
+        namedEvents,
+        unnamedEvents
+    };
+
+    const item = (disabled) => Disabling.config({
+        disabled,
+        disableClass: 'tox-collection__item--state-disabled'
+    });
+    const button = (disabled) => Disabling.config({
+        disabled
+    });
+    const splitButton = (disabled) => Disabling.config({
+        disabled,
+        disableClass: 'tox-tbtn--disabled'
+    });
+    const toolbarButton = (disabled) => Disabling.config({
+        disabled,
+        disableClass: 'tox-tbtn--disabled',
+        useNative: false
+    });
+    const DisablingConfigs = {
+        item,
+        button,
+        splitButton,
+        toolbarButton
+    };
+
+    const runWithApi = (info, comp) => {
+        const api = info.getApi(comp);
+        return (f) => {
+            f(api);
+        };
+    };
+    // These handlers are used for providing common onAttached and onDetached handlers.
+    // Essentially, the `editorOffCell` is used store the onDestroy function returned
+    // by onSetup. The reason onControlAttached doesn't create the cell itself, is because
+    // it also has to be passed into onControlDetached. We could make this function return
+    // the cell and the onAttachedHandler, but that would provide too much complexity.
+    const onControlAttached = (info, editorOffCell) => runOnAttached((comp) => {
+        if (isFunction(info.onBeforeSetup)) {
+            info.onBeforeSetup(comp);
+        }
+        const run = runWithApi(info, comp);
+        run((api) => {
+            const onDestroy = info.onSetup(api);
+            if (isFunction(onDestroy)) {
+                editorOffCell.set(onDestroy);
+            }
+        });
+    });
+    const onControlDetached = (getApi, editorOffCell) => runOnDetached((comp) => runWithApi(getApi, comp)(editorOffCell.get()));
+    const onContextFormControlDetached = (getApi, editorOffCell, valueState) => runOnDetached((comp) => {
+        valueState.set(Representing.getValue(comp));
+        return runWithApi(getApi, comp)(editorOffCell.get());
+    });
+
+    const UiStateChannel = 'silver.uistate';
+    const messageSetDisabled = 'setDisabled';
+    const messageSetEnabled = 'setEnabled';
+    const messageInit = 'init';
+    const messageSwitchMode = 'switchmode';
+    const modeContextMessages = [messageSwitchMode, messageInit];
+    const broadcastEvents = (uiRefs, messageType) => {
+        const outerContainer = uiRefs.mainUi.outerContainer;
+        const motherships = [uiRefs.mainUi.mothership, ...uiRefs.uiMotherships];
+        if (messageType === messageSetDisabled) {
+            each$1(motherships, (m) => {
+                m.broadcastOn([dismissPopups()], { target: outerContainer.element });
+            });
+        }
+        each$1(motherships, (m) => {
+            m.broadcastOn([UiStateChannel], messageType);
+        });
+    };
+    const setupEventsForUi = (editor, uiRefs) => {
+        editor.on('init SwitchMode', (event) => {
+            broadcastEvents(uiRefs, event.type);
+        });
+        editor.on('DisabledStateChange', (event) => {
+            if (!event.isDefaultPrevented()) {
+                // When the event state indicates the editor is **enabled** (`event.state` is false),
+                // we send an 'init' message instead of 'setEnabled' because the editor might be in read-only mode.
+                // Sending 'setEnabled' would enable all the toolbar buttons, which is undesirable if the editor is read-only.
+                const messageType = event.state ? messageSetDisabled : messageInit;
+                broadcastEvents(uiRefs, messageType);
+                // After refreshing the state of the buttons, trigger a NodeChange event.
+                if (!event.state) {
+                    editor.nodeChanged();
+                }
+            }
+        });
+        editor.on('NodeChange', (e) => {
+            const messageType = editor.ui.isEnabled() ? e.type : messageSetDisabled;
+            broadcastEvents(uiRefs, messageType);
+        });
+        if (isReadOnly(editor)) {
+            editor.mode.set('readonly');
+        }
+    };
+    const toggleOnReceive = (getContext) => Receiving.config({
+        channels: {
+            [UiStateChannel]: {
+                onReceive: (comp, messageType) => {
+                    if (messageType === messageSetDisabled || messageType === messageSetEnabled) {
+                        Disabling.set(comp, messageType === messageSetDisabled);
+                        return;
+                    }
+                    const { contextType, shouldDisable } = getContext();
+                    if (contextType === 'mode' && !contains$2(modeContextMessages, messageType)) {
+                        return;
+                    }
+                    Disabling.set(comp, shouldDisable);
+                }
+            }
+        }
+    });
+
+    // Perform `action` when an item is clicked on, close menus, and stop event
+    const onMenuItemExecute = (info, itemResponse) => runOnExecute$1((comp, simulatedEvent) => {
+        // If there is an action, run the action
+        runWithApi(info, comp)(info.onAction);
+        if (!info.triggersSubmenu && itemResponse === ItemResponse$1.CLOSE_ON_EXECUTE) {
+            if (comp.getSystem().isConnected()) {
+                emit(comp, sandboxClose());
+            }
+            simulatedEvent.stop();
+        }
+    });
+    const menuItemEventOrder = {
+        // TODO: use the constants provided by behaviours.
+        [execute$5()]: ['disabling', 'alloy.base.behaviour', 'toggling', 'item-events']
+    };
+
+    const componentRenderPipeline = cat;
+    const renderCommonItem = (spec, structure, itemResponse, providersBackstage) => {
+        const editorOffCell = Cell(noop);
+        return {
+            type: 'item',
+            dom: structure.dom,
+            components: componentRenderPipeline(structure.optComponents),
+            data: spec.data,
+            eventOrder: menuItemEventOrder,
+            hasSubmenu: spec.triggersSubmenu,
+            itemBehaviours: derive$1([
+                config('item-events', [
+                    onMenuItemExecute(spec, itemResponse),
+                    onControlAttached(spec, editorOffCell),
+                    onControlDetached(spec, editorOffCell)
+                ]),
+                DisablingConfigs.item(() => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                Replacing.config({})
+            ].concat(spec.itemBehaviours))
+        };
+    };
+    const buildData = (source) => ({
+        value: source.value,
+        meta: {
+            text: source.text.getOr(''),
+            ...source.meta
+        }
+    });
+
+    const renderImage$1 = (spec, imageUrl) => {
+        var _a, _b;
+        const spinnerElement = SugarElement.fromTag('div');
+        add$2(spinnerElement, 'tox-image-selector-loading-spinner');
+        const addSpinnerElement = (loadingElement) => {
+            add$2(loadingElement, 'tox-image-selector-loading-spinner-wrapper');
+            append$2(loadingElement, spinnerElement);
+        };
+        const removeSpinnerElement = (loadingElement) => {
+            remove$3(loadingElement, 'tox-image-selector-loading-spinner-wrapper');
+            remove$7(spinnerElement);
+        };
+        return {
+            dom: {
+                tag: spec.tag,
+                attributes: (_a = spec.attributes) !== null && _a !== void 0 ? _a : {},
+                classes: spec.classes,
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-image-selector-image-wrapper']
+                    },
+                    components: [
+                        {
+                            dom: {
+                                tag: 'img',
+                                attributes: { src: imageUrl },
+                                classes: ['tox-image-selector-image-img']
+                            }
+                        },
+                    ]
+                },
+                ...spec.checkMark.toArray()
+            ],
+            behaviours: derive$1([
+                ...(_b = spec.behaviours) !== null && _b !== void 0 ? _b : [],
+                config('render-image-events', [
+                    runOnAttached((component) => {
+                        addSpinnerElement(component.element);
+                        descendant(component.element, 'img').each((image$1) => {
+                            image(image$1).catch((e) => {
+                                // eslint-disable-next-line no-console
+                                console.error(e);
+                            }).finally(() => {
+                                removeSpinnerElement(component.element);
+                            });
+                        });
+                    })
+                ]),
+            ])
+        };
+    };
+    const render$3 = (imageUrl, spec) => renderImage$1(spec, imageUrl);
+
+    // Converts shortcut format to Mac/PC variants
+    // Note: This is different to the help shortcut converter, as it doesn't padd the + symbol with spaces
+    //       so as to not take up large amounts of space in the menus
+    const convertText = (source) => {
+        const isMac = global$7.os.isMacOS() || global$7.os.isiOS();
+        const mac = {
+            alt: '\u2325',
+            ctrl: '\u2303',
+            shift: '\u21E7',
+            meta: '\u2318',
+            access: '\u2303\u2325'
+        };
+        const other = {
+            meta: 'Ctrl',
+            access: 'Shift+Alt'
+        };
+        const replace = isMac ? mac : other;
+        const shortcut = source.split('+');
+        const updated = map$2(shortcut, (segment) => {
+            // search lowercase, but if not found use the original
+            const search = segment.toLowerCase().trim();
+            return has$2(replace, search) ? replace[search] : segment;
+        });
+        return isMac ? updated.join('') : updated.join('+');
+    };
+
+    const renderIcon$2 = (name, icons, classes = [iconClass]) => render$4(name, { tag: 'div', classes }, icons);
+    const renderText = (text) => ({
+        dom: {
+            tag: 'div',
+            classes: [textClass]
+        },
+        components: [text$2(global$6.translate(text))]
+    });
+    const renderHtml = (html, classes) => ({
+        dom: {
+            tag: 'div',
+            classes,
+            innerHtml: html
+        }
+    });
+    const renderStyledText = (style, text) => ({
+        dom: {
+            tag: 'div',
+            classes: [textClass]
+        },
+        components: [
+            {
+                dom: {
+                    tag: style.tag,
+                    styles: style.styles
+                },
+                components: [text$2(global$6.translate(text))]
+            }
+        ]
+    });
+    const renderShortcut = (shortcut) => ({
+        dom: {
+            tag: 'div',
+            classes: [accessoryClass]
+        },
+        components: [
+            text$2(convertText(shortcut))
+        ]
+    });
+    const renderCheckmark = (icons) => renderIcon$2('checkmark', icons, [checkmarkClass]);
+    const renderSubmenuCaret = (icons) => renderIcon$2('chevron-right', icons, [caretClass]);
+    const renderDownwardsCaret = (icons) => renderIcon$2('chevron-down', icons, [caretClass]);
+    const renderContainer = (container, components) => {
+        const directionClass = container.direction === 'vertical' ? containerColumnClass : containerRowClass;
+        const alignClass = container.align === 'left' ? containerAlignLeftClass : containerAlignRightClass;
+        const getValignClass = () => {
+            switch (container.valign) {
+                case 'top':
+                    return containerValignTopClass;
+                case 'middle':
+                    return containerValignMiddleClass;
+                case 'bottom':
+                    return containerValignBottomClass;
+            }
+        };
+        return {
+            dom: {
+                tag: 'div',
+                classes: [
+                    containerClass,
+                    directionClass,
+                    alignClass,
+                    getValignClass()
+                ]
+            },
+            components
+        };
+    };
+    const renderImage = (src, classes, alt) => ({
+        dom: {
+            tag: 'img',
+            classes,
+            attributes: {
+                src,
+                alt: alt.getOr('')
+            }
+        }
+    });
+
+    const renderColorStructure = (item, providerBackstage, fallbackIcon) => {
+        const colorPickerCommand = 'custom';
+        const removeColorCommand = 'remove';
+        const itemValue = item.value;
+        const iconSvg = item.iconContent?.map((name) => getOr(name, providerBackstage.icons, fallbackIcon));
+        const attributes = item.ariaLabel?.map((al) => ({
+            'aria-label': providerBackstage.translate(al),
+            'data-mce-name': al
+        })).getOr({});
+        const getDom = () => {
+            const common = colorClass;
+            const icon = iconSvg.getOr('');
+            const baseDom = {
+                tag: 'div',
+                attributes,
+                classes: [common]
+            };
+            if (itemValue === colorPickerCommand) {
+                return {
+                    ...baseDom,
+                    tag: 'button',
+                    classes: [...baseDom.classes, 'tox-swatches__picker-btn'],
+                    innerHtml: icon
+                };
+            }
+            else if (itemValue === removeColorCommand) {
+                return {
+                    ...baseDom,
+                    classes: [...baseDom.classes, 'tox-swatch--remove'],
+                    innerHtml: icon
+                };
+            }
+            else if (isNonNullable(itemValue)) {
+                return {
+                    ...baseDom,
+                    attributes: {
+                        ...baseDom.attributes,
+                        'data-mce-color': itemValue
+                    },
+                    styles: {
+                        'background-color': itemValue
+                    },
+                    innerHtml: icon
+                };
+            }
+            else {
+                return baseDom;
+            }
+        };
+        return {
+            dom: getDom(),
+            optComponents: []
+        };
+    };
+    const renderItemDomStructure = (ariaLabel, classes) => {
+        const domTitle = ariaLabel?.map((label) => ({
+            attributes: {
+                'id': generate$6('menu-item'),
+                'aria-label': global$6.translate(label)
+            }
+        })).getOr({});
+        return {
+            tag: 'div',
+            classes: [navClass, selectableClass].concat(classes),
+            ...domTitle
+        };
+    };
+    const createLabel = (label) => {
+        return {
+            dom: {
+                tag: 'label'
+            },
+            components: [
+                text$2(label)
+            ]
+        };
+    };
+    const renderNormalItemStructure = (info, providersBackstage, renderIcons, fallbackIcon) => {
+        // TODO: TINY-3036 Work out a better way of dealing with custom icons
+        const iconSpec = { tag: 'div', classes: [iconClass] };
+        const renderIcon = (iconName) => render$4(iconName, iconSpec, providersBackstage.icons, fallbackIcon);
+        const renderEmptyIcon = () => Optional?.some({ dom: iconSpec });
+        // Note: renderIcons indicates if any icons are present in the menu - if false then the icon column will not be present for the whole menu
+        const leftIcon = renderIcons ? info.iconContent?.map(renderIcon).orThunk(renderEmptyIcon) : Optional.none();
+        // TINY-3345: Dedicated columns for icon and checkmark if applicable
+        const checkmark = info.checkMark;
+        // Style items and autocompleter both have meta. Need to branch on style
+        // This could probably be more stable...
+        const textRender = Optional.from(info.meta).fold(() => renderText, (meta) => has$2(meta, 'style') ? curry(renderStyledText, meta.style) : renderText);
+        const content = info.htmlContent.fold(() => info.textContent?.map(textRender), (html) => Optional?.some(renderHtml(html, [textClass])));
+        const menuItem = {
+            dom: renderItemDomStructure(info.ariaLabel, []),
+            optComponents: [
+                leftIcon,
+                content,
+                info.shortcutContent?.map(renderShortcut),
+                checkmark,
+                info.caret,
+                info.labelContent?.map(createLabel)
+            ]
+        };
+        return menuItem;
+    };
+    const renderImgItemStructure = (info) => {
+        const menuItem = {
+            dom: renderItemDomStructure(info.ariaLabel, [imageSelectorClasll]),
+            optComponents: [
+                Optional?.some(render$3(info.iconContent.getOrDie(), { tag: 'div', classes: [imageClass], checkMark: info.checkMark })),
+                info.labelContent?.map(createLabel)
+            ]
+        };
+        return menuItem;
+    };
+    // TODO: Maybe need aria-label
+    const renderItemStructure = (info, providersBackstage, renderIcons, fallbackIcon = Optional.none()) => {
+        if (info.presets === 'color') {
+            return renderColorStructure(info, providersBackstage, fallbackIcon);
+        }
+        else if (info.presets === 'img') {
+            return renderImgItemStructure(info);
+        }
+        else {
+            return renderNormalItemStructure(info, providersBackstage, renderIcons, fallbackIcon);
+        }
+    };
+
+    // Use meta to pass through special information about the tooltip
+    // (yes this is horrible but it is not yet public API)
+    const tooltipBehaviour = (meta, sharedBackstage, tooltipText) => get$h(meta, 'tooltipWorker')
+        ?.map((tooltipWorker) => [
+        Tooltipping.config({
+            lazySink: sharedBackstage.getSink,
+            tooltipDom: {
+                tag: 'div',
+                classes: ['tox-tooltip-worker-container']
+            },
+            tooltipComponents: [],
+            anchor: (comp) => ({
+                type: 'submenu',
+                item: comp,
+                overrides: {
+                    // NOTE: this avoids it setting overflow and max-height.
+                    maxHeightFunction: expandable$1
+                }
+            }),
+            mode: 'follow-highlight',
+            onShow: (component, _tooltip) => {
+                tooltipWorker((elm) => {
+                    Tooltipping.setComponents(component, [
+                        external({ element: SugarElement.fromDom(elm) })
+                    ]);
+                });
+            }
+        })
+    ])
+        .getOrThunk(() => {
+        return tooltipText?.map((text) => [
+            Tooltipping.config({
+                ...sharedBackstage.providers.tooltips.getConfig({
+                    tooltipText: text
+                }),
+                mode: 'follow-highlight'
+            })
+        ]).getOr([]);
+    });
+    const encodeText = (text) => global$9.DOM.encode(text);
+    const replaceText = (text, matchText) => {
+        const translated = global$6.translate(text);
+        const encoded = encodeText(translated);
+        if (matchText.length > 0) {
+            const escapedMatchRegex = new RegExp(escape(matchText), 'gi');
+            return encoded.replace(escapedMatchRegex, (match) => `<span class="tox-autocompleter-highlight">${match}</span>`);
+        }
+        else {
+            return encoded;
+        }
+    };
+    const renderAutocompleteItem = (spec, matchText, useText, presets, onItemValueHandler, itemResponse, sharedBackstage, renderIcons = true) => {
+        const structure = renderItemStructure({
+            presets,
+            textContent: Optional.none(),
+            htmlContent: useText ? spec.text?.map((text) => replaceText(text, matchText)) : Optional.none(),
+            ariaLabel: spec.text,
+            labelContent: Optional.none(),
+            iconContent: spec.icon,
+            shortcutContent: Optional.none(),
+            checkMark: Optional.none(),
+            caret: Optional.none(),
+            value: spec.value
+        }, sharedBackstage.providers, renderIcons, spec.icon);
+        const tooltipString = spec.text.filter((text) => !useText && text !== '');
+        return renderCommonItem({
+            context: 'mode:design',
+            data: buildData(spec),
+            enabled: spec.enabled,
+            getApi: constant$1({}),
+            onAction: (_api) => onItemValueHandler(spec.value, spec.meta),
+            onSetup: constant$1(noop),
+            triggersSubmenu: false,
+            itemBehaviours: tooltipBehaviour(spec, sharedBackstage, tooltipString)
+        }, structure, itemResponse, sharedBackstage.providers);
+    };
+
+    const render$2 = (items, extras) => map$2(items, (item) => {
+        switch (item.type) {
+            case 'cardcontainer':
+                return renderContainer(item, render$2(item.items, extras));
+            case 'cardimage':
+                return renderImage(item.src, item.classes, item.alt);
+            case 'cardtext':
+                // Only highlight targeted text components
+                const shouldHighlight = item.name.exists((name) => contains$2(extras.cardText.highlightOn, name));
+                const matchText = shouldHighlight ? Optional.from(extras.cardText.matchText).getOr('') : '';
+                return renderHtml(replaceText(item.text, matchText), item.classes);
+        }
+    });
+    const renderCardMenuItem = (spec, itemResponse, sharedBackstage, extras) => {
+        const getApi = (component) => ({
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => {
+                Disabling.set(component, !state);
+                // Disable sub components
+                each$1(descendants(component.element, '*'), (elm) => {
+                    component.getSystem().getByDom(elm).each((comp) => {
+                        if (comp.hasConfigured(Disabling)) {
+                            Disabling.set(comp, !state);
+                        }
+                    });
+                });
+            }
+        });
+        const structure = {
+            dom: renderItemDomStructure(spec.label, []),
+            optComponents: [
+                Optional?.some({
+                    dom: {
+                        tag: 'div',
+                        classes: [containerClass, containerRowClass]
+                    },
+                    components: render$2(spec.items, extras)
+                })
+            ]
+        };
+        return renderCommonItem({
+            context: 'mode:design',
+            data: buildData({ text: Optional.none(), ...spec }),
+            enabled: spec.enabled,
+            getApi,
+            onAction: spec.onAction,
+            onSetup: spec.onSetup,
+            triggersSubmenu: false,
+            itemBehaviours: Optional.from(extras.itemBehaviours).getOr([])
+        }, structure, itemResponse, sharedBackstage.providers);
+    };
+
+    const renderChoiceItem = (spec, useText, presets, onItemValueHandler, isSelected, itemResponse, providersBackstage, renderIcons = true) => {
+        const getApi = (component) => ({
+            setActive: (state) => {
+                Toggling.set(component, state);
+            },
+            isActive: () => Toggling.isOn(component),
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state)
+        });
+        const structure = renderItemStructure({
+            presets,
+            textContent: useText ? spec.text : Optional.none(),
+            htmlContent: Optional.none(),
+            labelContent: spec.label,
+            ariaLabel: spec.text,
+            iconContent: spec.icon,
+            shortcutContent: useText ? spec.shortcut : Optional.none(),
+            // useText essentially says that we have one column. In one column lists, we should show a tick
+            // The tick is controlled by the tickedClass (via css). It is always present
+            // but is hidden unless the tickedClass is present.
+            checkMark: useText ? Optional?.some(renderCheckmark(providersBackstage.icons)) : Optional.none(),
+            caret: Optional.none(),
+            value: spec.value
+        }, providersBackstage, renderIcons);
+        const optTooltipping = spec.text
+            .filter(constant$1(!useText))
+            ?.map((t) => Tooltipping.config(providersBackstage.tooltips.getConfig({
+            tooltipText: providersBackstage.translate(t)
+        })));
+        return deepMerge(renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            enabled: spec.enabled,
+            getApi,
+            onAction: (_api) => onItemValueHandler(spec.value),
+            onSetup: (api) => {
+                api.setActive(isSelected);
+                return noop;
+            },
+            triggersSubmenu: false,
+            itemBehaviours: [
+                ...optTooltipping.toArray()
+            ]
+        }, structure, itemResponse, providersBackstage), {
+            toggling: {
+                toggleClass: tickedClass,
+                toggleOnExecute: false,
+                selected: spec.active,
+                exclusive: true
+            }
+        });
+    };
+
+    const hexColour = (value) => ({
+        value: normalizeHex(value)
+    });
+    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    const longformRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
+    const isHexString = (hex) => shorthandRegex.test(hex) || longformRegex.test(hex);
+    const normalizeHex = (hex) => removeLeading(hex, '#').toUpperCase();
+    const fromString$1 = (hex) => isHexString(hex) ? Optional?.some({ value: normalizeHex(hex) }) : Optional.none();
+    // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+    const getLongForm = (hex) => {
+        const hexString = hex.value.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b);
+        return { value: hexString };
+    };
+    const extractValues = (hex) => {
+        const longForm = getLongForm(hex);
+        const splitForm = longformRegex.exec(longForm.value);
+        return splitForm === null ? ['FFFFFF', 'FF', 'FF', 'FF'] : splitForm;
+    };
+    const toHex = (component) => {
+        const hex = component.toString(16);
+        return (hex.length === 1 ? '0' + hex : hex).toUpperCase();
+    };
+    const fromRgba = (rgbaColour) => {
+        const value = toHex(rgbaColour.red) + toHex(rgbaColour.green) + toHex(rgbaColour.blue);
+        return hexColour(value);
+    };
+
+    const hsvColour = (hue, saturation, value) => ({
+        hue,
+        saturation,
+        value
+    });
+    const fromRgb = (rgbaColour) => {
+        let h = 0;
+        let s = 0;
+        let v = 0;
+        const r = rgbaColour.red / 255;
+        const g = rgbaColour.green / 255;
+        const b = rgbaColour.blue / 255;
+        const minRGB = Math.min(r, Math.min(g, b));
+        const maxRGB = Math.max(r, Math.max(g, b));
+        if (minRGB === maxRGB) {
+            v = minRGB;
+            return hsvColour(0, 0, v * 100);
+        }
+        /* eslint no-nested-ternary:0 */
+        const d = (r === minRGB) ? g - b : ((b === minRGB) ? r - g : b - r);
+        h = (r === minRGB) ? 3 : ((b === minRGB) ? 1 : 5);
+        h = 60 * (h - d / (maxRGB - minRGB));
+        s = (maxRGB - minRGB) / maxRGB;
+        v = maxRGB;
+        return hsvColour(Math.round(h), Math.round(s * 100), Math.round(v * 100));
+    };
+
+    /* eslint-disable no-console */
+    const min = Math.min;
+    const max = Math.max;
+    const round$1 = Math.round;
+    const rgbRegex = /^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i;
+    // This regex will match rgba(0, 0, 0, 0.5) or rgba(0, 0, 0, 50%) , or without commas
+    const rgbaRegex = /^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i;
+    const rgbaColour = (red, green, blue, alpha) => ({
+        red,
+        green,
+        blue,
+        alpha
+    });
+    const isRgbaComponent = (value) => {
+        const num = parseInt(value, 10);
+        return num.toString() === value && num >= 0 && num <= 255;
+    };
+    const fromHsv = (hsv) => {
+        let r;
+        let g;
+        let b;
+        const hue = (hsv.hue || 0) % 360;
+        let saturation = hsv.saturation / 100;
+        let brightness = hsv.value / 100;
+        saturation = max(0, min(saturation, 1));
+        brightness = max(0, min(brightness, 1));
+        if (saturation === 0) {
+            r = g = b = round$1(255 * brightness);
+            return rgbaColour(r, g, b, 1);
+        }
+        const side = hue / 60;
+        const chroma = brightness * saturation;
+        const x = chroma * (1 - Math.abs(side % 2 - 1));
+        const match = brightness - chroma;
+        switch (Math.floor(side)) {
+            case 0:
+                r = chroma;
+                g = x;
+                b = 0;
+                break;
+            case 1:
+                r = x;
+                g = chroma;
+                b = 0;
+                break;
+            case 2:
+                r = 0;
+                g = chroma;
+                b = x;
+                break;
+            case 3:
+                r = 0;
+                g = x;
+                b = chroma;
+                break;
+            case 4:
+                r = x;
+                g = 0;
+                b = chroma;
+                break;
+            case 5:
+                r = chroma;
+                g = 0;
+                b = x;
+                break;
+            default:
+                r = g = b = 0;
+        }
+        r = round$1(255 * (r + match));
+        g = round$1(255 * (g + match));
+        b = round$1(255 * (b + match));
+        return rgbaColour(r, g, b, 1);
+    };
+    // Temporarily using: https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
+    const fromHex = (hexColour) => {
+        const result = extractValues(hexColour);
+        const red = parseInt(result[1], 16);
+        const green = parseInt(result[2], 16);
+        const blue = parseInt(result[3], 16);
+        return rgbaColour(red, green, blue, 1);
+    };
+    const fromStringValues = (red, green, blue, alpha) => {
+        const r = parseInt(red, 10);
+        const g = parseInt(green, 10);
+        const b = parseInt(blue, 10);
+        const a = parseFloat(alpha);
+        return rgbaColour(r, g, b, a);
+    };
+    const fromString = (rgbaString) => {
+        const rgbMatch = rgbRegex.exec(rgbaString);
+        if (rgbMatch !== null) {
+            return Optional?.some(fromStringValues(rgbMatch[1], rgbMatch[2], rgbMatch[3], '1'));
+        }
+        const rgbaMatch = rgbaRegex.exec(rgbaString);
+        if (rgbaMatch !== null) {
+            return Optional?.some(fromStringValues(rgbaMatch[1], rgbaMatch[2], rgbaMatch[3], rgbaMatch[4]));
+        }
+        return Optional.none();
+    };
+    const toString = (rgba) => `rgba(${rgba.red},${rgba.green},${rgba.blue},${rgba.alpha})`;
+    const red = rgbaColour(255, 0, 0, 1);
+
+    const hexToHsv = (hex) => fromRgb(fromHex(hex));
+    const hsvToHex = (hsv) => fromRgba(fromHsv(hsv));
+    const anyToHex = (color) => fromString$1(color)
+        .orThunk(() => fromString(color)?.map(fromRgba))
+        .getOrThunk(() => {
+        // Not dealing with Hex or RGBA so use a canvas to parse the color
+        const canvas = document.createElement('canvas');
+        canvas.height = 1;
+        canvas.width = 1;
+        const canvasContext = canvas.getContext('2d');
+        // all valid colors after this point
+        canvasContext.clearRect(0, 0, canvas.width, canvas.height);
+        // invalid colors will be shown as white - the first assignment will pass and the second may be ignored
+        canvasContext.fillStyle = '#FFFFFF';
+        canvasContext.fillStyle = color;
+        canvasContext.fillRect(0, 0, 1, 1);
+        const rgba = canvasContext.getImageData(0, 0, 1, 1).data;
+        const r = rgba[0];
+        const g = rgba[1];
+        const b = rgba[2];
+        const a = rgba[3];
+        return fromRgba(rgbaColour(r, g, b, a));
+    });
+
+    const fireSkinLoaded$1 = (editor) => {
+        editor.dispatch('SkinLoaded');
+    };
+    const fireSkinLoadError$1 = (editor, error) => {
+        editor.dispatch('SkinLoadError', error);
+    };
+    const fireResizeEditor = (editor) => {
+        editor.dispatch('ResizeEditor');
+    };
+    const fireResizeContent = (editor, e) => {
+        editor.dispatch('ResizeContent', e);
+    };
+    const fireScrollContent = (editor, e) => {
+        editor.dispatch('ScrollContent', e);
+    };
+    const fireTextColorChange = (editor, data) => {
+        editor.dispatch('TextColorChange', data);
+    };
+    const fireAfterProgressState = (editor, state) => {
+        editor.dispatch('AfterProgressState', { state });
+    };
+    const fireResolveName = (editor, node) => editor.dispatch('ResolveName', {
+        name: node.nodeName.toLowerCase(),
+        target: node
+    });
+    const fireToggleToolbarDrawer = (editor, state) => {
+        editor.dispatch('ToggleToolbarDrawer', { state });
+    };
+    const fireStylesTextUpdate = (editor, data) => {
+        editor.dispatch('StylesTextUpdate', data);
+    };
+    const fireAlignTextUpdate = (editor, data) => {
+        editor.dispatch('AlignTextUpdate', data);
+    };
+    const fireFontSizeTextUpdate = (editor, data) => {
+        editor.dispatch('FontSizeTextUpdate', data);
+    };
+    const fireFontSizeInputTextUpdate = (editor, data) => {
+        editor.dispatch('FontSizeInputTextUpdate', data);
+    };
+    const fireBlocksTextUpdate = (editor, data) => {
+        editor.dispatch('BlocksTextUpdate', data);
+    };
+    const fireFontFamilyTextUpdate = (editor, data) => {
+        editor.dispatch('FontFamilyTextUpdate', data);
+    };
+    const fireToggleSidebar = (editor) => {
+        editor.dispatch('ToggleSidebar');
+    };
+    const fireToggleView = (editor) => {
+        editor.dispatch('ToggleView');
+    };
+    const fireContextToolbarClose = (editor) => {
+        editor.dispatch('ContextToolbarClose');
+    };
+    const fireContextFormSlideBack = (editor) => {
+        editor.dispatch('ContextFormSlideBack');
+    };
+
+    const composeUnbinders = (f, g) => () => {
+        f();
+        g();
+    };
+    const onSetupEditableToggle = (editor, enabledPredicate = always) => onSetupEvent(editor, 'NodeChange', (api) => {
+        api.setEnabled(editor.selection.isEditable() && enabledPredicate());
+    });
+    const onSetupFormatToggle = (editor, name) => (api) => {
+        const boundFormatChangeCallback = unbindable();
+        const init = () => {
+            api.setActive(editor.formatter.match(name));
+            const binding = editor.formatter.formatChanged(name, api.setActive);
+            boundFormatChangeCallback.set(binding);
+        };
+        // The editor may or may not have been setup yet, so check for that
+        editor.initialized ? init() : editor.once('init', init);
+        return () => {
+            editor.off('init', init);
+            boundFormatChangeCallback.clear();
+        };
+    };
+    const onSetupStateToggle = (editor, name) => (api) => {
+        const unbindEditableToogle = onSetupEditableToggle(editor)(api);
+        const unbindFormatToggle = onSetupFormatToggle(editor, name)(api);
+        return () => {
+            unbindEditableToogle();
+            unbindFormatToggle();
+        };
+    };
+    const onSetupEvent = (editor, event, f) => (api) => {
+        const handleEvent = () => f(api);
+        const init = () => {
+            f(api);
+            editor.on(event, handleEvent);
+        };
+        // The editor may or may not have been setup yet, so check for that
+        editor.initialized ? init() : editor.once('init', init);
+        return () => {
+            editor.off('init', init);
+            editor.off(event, handleEvent);
+        };
+    };
+    const onActionToggleFormat$1 = (editor) => (rawItem) => () => {
+        editor.undoManager.transact(() => {
+            editor.focus();
+            editor.execCommand('mceToggleFormat', false, rawItem.format);
+        });
+    };
+    const onActionExecCommand = (editor, command) => () => editor.execCommand(command);
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.util.LocalStorage');
+
+    const cacheStorage = {};
+    const ColorCache = (storageId, max = 10) => {
+        const storageString = global$5.getItem(storageId);
+        const localstorage = isString(storageString) ? JSON.parse(storageString) : [];
+        const prune = (list) => {
+            // When the localStorage cache is too big,
+            // remove the difference from the tail (head is fresh, tail is stale!)
+            const diff = max - list.length;
+            return (diff < 0) ? list.slice(0, max) : list;
+        };
+        const cache = prune(localstorage);
+        const add = (key) => {
+            // Remove duplicates first.
+            indexOf(cache, key).each(remove);
+            cache.unshift(key);
+            // When max size is exceeded, the oldest colors will be removed
+            if (cache.length > max) {
+                cache.pop();
+            }
+            global$5.setItem(storageId, JSON.stringify(cache));
+        };
+        const remove = (idx) => {
+            cache.splice(idx, 1);
+        };
+        const state = () => cache.slice(0);
+        return {
+            add,
+            state
+        };
+    };
+    const getCacheForId = (id) => get$h(cacheStorage, id).getOrThunk(() => {
+        const storageId = `tinymce-custom-colors-${id}`;
+        const currentData = global$5.getItem(storageId);
+        if (isNullable(currentData)) {
+            const legacyDefault = global$5.getItem('tinymce-custom-colors');
+            global$5.setItem(storageId, isNonNullable(legacyDefault) ? legacyDefault : '[]');
+        }
+        const storage = ColorCache(storageId, 10);
+        cacheStorage[id] = storage;
+        return storage;
+    });
+    const getCurrentColors = (id) => map$2(getCacheForId(id).state(), (color) => ({
+        type: 'choiceitem',
+        text: color,
+        icon: 'checkmark',
+        value: color
+    }));
+    const addColor = (id, color) => {
+        getCacheForId(id).add(color);
+    };
+
+    const foregroundId = 'forecolor';
+    const backgroundId = 'hilitecolor';
+    const fallbackCols = 5;
+    const mapColors = (colorMap) => mapColorsRaw(colorMap?.map((color, index) => {
+        if (index % 2 === 0) {
+            return '#' + anyToHex(color).value;
+        }
+        return color;
+    }));
+    const mapColorsRaw = (colorMap) => {
+        const colors = [];
+        for (let i = 0; i < colorMap.length; i += 2) {
+            colors.push({
+                text: colorMap[i + 1],
+                value: colorMap[i],
+                icon: 'checkmark',
+                type: 'choiceitem'
+            });
+        }
+        return colors;
+    };
+    const option$1 = (name) => (editor) => editor.options.get(name);
+    const fallbackColor = '#000000';
+    const register$e = (editor) => {
+        const registerOption = editor.options.register;
+        const colorProcessor = (value) => {
+            if (isArrayOf(value, isString)) {
+                return { value: mapColors(value), valid: true };
+            }
+            else {
+                return { valid: false, message: 'Must be an array of strings.' };
+            }
+        };
+        const colorProcessorRaw = (value) => {
+            if (isArrayOf(value, isString)) {
+                return { value: mapColorsRaw(value), valid: true };
+            }
+            else {
+                return { valid: false, message: 'Must be an array of strings.' };
+            }
+        };
+        const colorColsProcessor = (value) => {
+            if (isNumber(value) && value > 0) {
+                return { value, valid: true };
+            }
+            else {
+                return { valid: false, message: 'Must be a positive number.' };
+            }
+        };
+        registerOption('color_map', {
+            processor: colorProcessor,
+            default: [
+                '#BFEDD2', 'Light Green',
+                '#FBEEB8', 'Light Yellow',
+                '#F8CAC6', 'Light Red',
+                '#ECCAFA', 'Light Purple',
+                '#C2E0F4', 'Light Blue',
+                '#2DC26B', 'Green',
+                '#F1C40F', 'Yellow',
+                '#E03E2D', 'Red',
+                '#B96AD9', 'Purple',
+                '#3598DB', 'Blue',
+                '#169179', 'Dark Turquoise',
+                '#E67E23', 'Orange',
+                '#BA372A', 'Dark Red',
+                '#843FA1', 'Dark Purple',
+                '#236FA1', 'Dark Blue',
+                '#ECF0F1', 'Light Gray',
+                '#CED4D9', 'Medium Gray',
+                '#95A5A6', 'Gray',
+                '#7E8C8D', 'Dark Gray',
+                '#34495E', 'Navy Blue',
+                '#000000', 'Black',
+                '#ffffff', 'White'
+            ]
+        });
+        registerOption('color_map_raw', {
+            processor: colorProcessorRaw,
+        });
+        registerOption('color_map_background', {
+            processor: colorProcessor
+        });
+        registerOption('color_map_foreground', {
+            processor: colorProcessor
+        });
+        registerOption('color_cols', {
+            processor: colorColsProcessor,
+            default: calcCols(editor)
+        });
+        registerOption('color_cols_foreground', {
+            processor: colorColsProcessor,
+            default: defaultCols(editor, foregroundId)
+        });
+        registerOption('color_cols_background', {
+            processor: colorColsProcessor,
+            default: defaultCols(editor, backgroundId)
+        });
+        registerOption('custom_colors', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('color_default_foreground', {
+            processor: 'string',
+            default: fallbackColor
+        });
+        registerOption('color_default_background', {
+            processor: 'string',
+            default: fallbackColor
+        });
+    };
+    const getColors$2 = (editor, id) => {
+        if (id === foregroundId && editor.options.isSet('color_map_foreground')) {
+            return option$1('color_map_foreground')(editor);
+        }
+        else if (id === backgroundId && editor.options.isSet('color_map_background')) {
+            return option$1('color_map_background')(editor);
+        }
+        else if (editor.options.isSet('color_map_raw')) {
+            return option$1('color_map_raw')(editor);
+        }
+        else {
+            return option$1('color_map')(editor);
+        }
+    };
+    const calcCols = (editor, id = 'default') => Math.max(fallbackCols, Math.ceil(Math.sqrt(getColors$2(editor, id).length)));
+    const defaultCols = (editor, id) => {
+        const defaultCols = option$1('color_cols')(editor);
+        const calculatedCols = calcCols(editor, id);
+        if (defaultCols === calcCols(editor)) {
+            return calculatedCols;
+        }
+        else {
+            return defaultCols;
+        }
+    };
+    const getColorCols$1 = (editor, id = 'default') => {
+        const getCols = () => {
+            if (id === foregroundId) {
+                return option$1('color_cols_foreground')(editor);
+            }
+            else if (id === backgroundId) {
+                return option$1('color_cols_background')(editor);
+            }
+            else {
+                return option$1('color_cols')(editor);
+            }
+        };
+        return Math.round(getCols());
+    };
+    const hasCustomColors$1 = option$1('custom_colors');
+    const getDefaultForegroundColor = option$1('color_default_foreground');
+    const getDefaultBackgroundColor = option$1('color_default_background');
+
+    const defaultBackgroundColor = 'rgba(0, 0, 0, 0)';
+    const isValidBackgroundColor = (value) => fromString(value).exists((c) => c.alpha !== 0);
+    // Climb up the tree to find the value of the background until finding a non-transparent value or defaulting.
+    const getClosestCssBackgroundColorValue = (scope) => {
+        return closest(scope, (node) => {
+            if (isElement$1(node)) {
+                const color = get$e(node, 'background-color');
+                return someIf(isValidBackgroundColor(color), color);
+            }
+            else {
+                return Optional.none();
+            }
+        }).getOr(defaultBackgroundColor);
+    };
+    const getCurrentColor = (editor, format) => {
+        const node = SugarElement.fromDom(editor.selection.getStart());
+        const cssRgbValue = format === 'hilitecolor'
+            ? getClosestCssBackgroundColorValue(node)
+            : get$e(node, 'color');
+        return fromString(cssRgbValue)?.map((rgba) => '#' + fromRgba(rgba).value);
+    };
+    const applyFormat = (editor, format, value) => {
+        editor.undoManager.transact(() => {
+            editor.focus();
+            editor.formatter.apply(format, { value });
+            editor.nodeChanged();
+        });
+    };
+    const removeFormat = (editor, format) => {
+        editor.undoManager.transact(() => {
+            editor.focus();
+            editor.formatter.remove(format, { value: null }, undefined, true);
+            editor.nodeChanged();
+        });
+    };
+    const registerCommands = (editor) => {
+        editor.addCommand('mceApplyTextcolor', (format, value) => {
+            applyFormat(editor, format, value);
+        });
+        editor.addCommand('mceRemoveTextcolor', (format) => {
+            removeFormat(editor, format);
+        });
+    };
+    const getAdditionalColors = (hasCustom) => {
+        const type = 'choiceitem';
+        const remove = {
+            type,
+            text: 'Remove color',
+            icon: 'color-swatch-remove-color',
+            value: 'remove'
+        };
+        const custom = {
+            type,
+            text: 'Custom color',
+            icon: 'color-picker',
+            value: 'custom'
+        };
+        return hasCustom ? [
+            remove,
+            custom
+        ] : [remove];
+    };
+    const applyColor = (editor, format, value, onChoice) => {
+        if (value === 'custom') {
+            const dialog = colorPickerDialog(editor);
+            dialog((colorOpt) => {
+                colorOpt.each((color) => {
+                    addColor(format, color);
+                    editor.execCommand('mceApplyTextcolor', format, color);
+                    onChoice(color);
+                });
+            }, getCurrentColor(editor, format).getOr(fallbackColor));
+        }
+        else if (value === 'remove') {
+            onChoice('');
+            editor.execCommand('mceRemoveTextcolor', format);
+        }
+        else {
+            onChoice(value);
+            editor.execCommand('mceApplyTextcolor', format, value);
+        }
+    };
+    const getColors$1 = (colors, id, hasCustom) => colors.concat(getCurrentColors(id).concat(getAdditionalColors(hasCustom)));
+    const getFetch$1 = (colors, id, hasCustom) => (callback) => {
+        callback(getColors$1(colors, id, hasCustom));
+    };
+    const setIconColor = (splitButtonApi, name, newColor) => {
+        const id = name === 'forecolor' ? 'tox-icon-text-color__color' : 'tox-icon-highlight-bg-color__color';
+        splitButtonApi.setIconFill(id, newColor);
+    };
+    const setTooltip = (buttonApi, tooltip) => {
+        buttonApi.setTooltip(tooltip);
+    };
+    const select$1 = (editor, format) => (value) => {
+        const optCurrentHex = getCurrentColor(editor, format);
+        return is$1(optCurrentHex, value.toUpperCase());
+    };
+    // Selecting `Remove Color` would set the lastColor to ''
+    const getToolTipText = (editor, format, lastColor) => {
+        if (isEmpty(lastColor)) {
+            return format === 'forecolor' ? 'Text color' : 'Background color';
+        }
+        const tooltipPrefix = format === 'forecolor' ? 'Text color {0}' : 'Background color {0}';
+        const colors = getColors$1(getColors$2(editor, format), format, false);
+        const colorText = find$5(colors, (c) => c.value === lastColor).getOr({ text: '' }).text;
+        return editor.translate([tooltipPrefix, editor.translate(colorText)]);
+    };
+    const registerTextColorButton = (editor, name, format, lastColor) => {
+        editor.ui.registry.addSplitButton(name, {
+            tooltip: getToolTipText(editor, format, lastColor.get()),
+            presets: 'color',
+            icon: name === 'forecolor' ? 'text-color' : 'highlight-bg-color',
+            select: select$1(editor, format),
+            columns: getColorCols$1(editor, format),
+            fetch: getFetch$1(getColors$2(editor, format), format, hasCustomColors$1(editor)),
+            onAction: (_splitButtonApi) => {
+                applyColor(editor, format, lastColor.get(), noop);
+            },
+            onItemAction: (_splitButtonApi, value) => {
+                applyColor(editor, format, value, (newColor) => {
+                    lastColor.set(newColor);
+                    fireTextColorChange(editor, {
+                        name,
+                        color: newColor
+                    });
+                });
+            },
+            onSetup: (splitButtonApi) => {
+                setIconColor(splitButtonApi, name, lastColor.get());
+                const handler = (e) => {
+                    if (e.name === name) {
+                        setIconColor(splitButtonApi, e.name, e.color);
+                        setTooltip(splitButtonApi, getToolTipText(editor, format, e.color));
+                    }
+                };
+                editor.on('TextColorChange', handler);
+                return composeUnbinders(onSetupEditableToggle(editor)(splitButtonApi), () => {
+                    editor.off('TextColorChange', handler);
+                });
+            }
+        });
+    };
+    const registerTextColorMenuItem = (editor, name, format, text, lastColor) => {
+        editor.ui.registry.addNestedMenuItem(name, {
+            text,
+            icon: name === 'forecolor' ? 'text-color' : 'highlight-bg-color',
+            onSetup: (api) => {
+                setTooltip(api, getToolTipText(editor, format, lastColor.get()));
+                setIconColor(api, name, lastColor.get());
+                return onSetupEditableToggle(editor)(api);
+            },
+            getSubmenuItems: () => [
+                {
+                    type: 'fancymenuitem',
+                    fancytype: 'colorswatch',
+                    select: select$1(editor, format),
+                    initData: {
+                        storageKey: format,
+                    },
+                    onAction: (data) => {
+                        applyColor(editor, format, data.value, (newColor) => {
+                            lastColor.set(newColor);
+                            fireTextColorChange(editor, {
+                                name,
+                                color: newColor
+                            });
+                        });
+                    },
+                }
+            ]
+        });
+    };
+    const colorPickerDialog = (editor) => (callback, value) => {
+        let isValid = false;
+        const onSubmit = (api) => {
+            const data = api.getData();
+            const hex = data.colorpicker;
+            if (isValid) {
+                callback(Optional.from(hex));
+                api.close();
+            }
+            else {
+                editor.windowManager.alert(editor.translate(['Invalid hex color code: {0}', hex]));
+            }
+        };
+        const onAction = (_api, details) => {
+            if (details.name === 'hex-valid') {
+                isValid = details.value;
+            }
+        };
+        const initialData = {
+            colorpicker: value
+        };
+        editor.windowManager.open({
+            title: 'Color Picker',
+            size: 'normal',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'colorpicker',
+                        name: 'colorpicker',
+                        label: 'Color'
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData,
+            onAction,
+            onSubmit,
+            onClose: noop,
+            onCancel: () => {
+                callback(Optional.none());
+            }
+        });
+    };
+    const register$d = (editor) => {
+        registerCommands(editor);
+        const fallbackColorForeground = getDefaultForegroundColor(editor);
+        const fallbackColorBackground = getDefaultBackgroundColor(editor);
+        const lastForeColor = Cell(fallbackColorForeground);
+        const lastBackColor = Cell(fallbackColorBackground);
+        registerTextColorButton(editor, 'forecolor', 'forecolor', lastForeColor);
+        registerTextColorButton(editor, 'backcolor', 'hilitecolor', lastBackColor);
+        registerTextColorMenuItem(editor, 'forecolor', 'forecolor', 'Text color', lastForeColor);
+        registerTextColorMenuItem(editor, 'backcolor', 'hilitecolor', 'Background color', lastBackColor);
+    };
+
+    const renderImgItem = (spec, onItemValueHandler, isSelected, itemResponse, providersBackstage) => {
+        const getApi = (component) => ({
+            setActive: (state) => {
+                Toggling.set(component, state);
+            },
+            isActive: () => Toggling.isOn(component),
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state)
+        });
+        const structure = renderItemStructure({
+            presets: 'img',
+            textContent: Optional.none(),
+            htmlContent: Optional.none(),
+            ariaLabel: spec.tooltip,
+            iconContent: Optional?.some(spec.url),
+            labelContent: spec.label,
+            shortcutContent: Optional.none(),
+            checkMark: Optional?.some(renderCheckmark(providersBackstage.icons)),
+            caret: Optional.none(),
+            value: spec.value
+        }, providersBackstage, true);
+        const optTooltipping = spec.tooltip
+            ?.map((t) => Tooltipping.config(providersBackstage.tooltips.getConfig({
+            tooltipText: providersBackstage.translate(t)
+        })));
+        return deepMerge(renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            enabled: spec.enabled,
+            getApi,
+            onAction: (api) => {
+                onItemValueHandler(spec.value);
+                api.setActive(true);
+            },
+            onSetup: (api) => {
+                api.setActive(isSelected);
+                return noop;
+            },
+            triggersSubmenu: false,
+            itemBehaviours: [
+                ...optTooltipping.toArray()
+            ]
+        }, structure, itemResponse, providersBackstage), {
+            toggling: {
+                toggleClass: tickedClass,
+                toggleOnExecute: false,
+                selected: spec.active,
+                exclusive: true
+            }
+        });
+    };
+
+    const createPartialChoiceMenu = (value, items, onItemValueHandler, columns, presets, itemResponse, select, providersBackstage) => {
+        const hasIcons = menuHasIcons(items);
+        const presetItemTypes = presets !== 'color' ? 'normal' : 'color';
+        const alloyItems = createChoiceItems(items, onItemValueHandler, columns, presetItemTypes, itemResponse, select, providersBackstage);
+        const menuLayout = {
+            menuType: presets
+        };
+        return createPartialMenuWithAlloyItems(value, hasIcons, alloyItems, columns, menuLayout);
+    };
+    const createChoiceItems = (items, onItemValueHandler, columns, itemPresets, itemResponse, select, providersBackstage) => cat(map$2(items, (item) => {
+        if (item.type === 'choiceitem') {
+            return createChoiceMenuItem(item).fold(handleError, (d) => Optional?.some(renderChoiceItem(d, columns === 1, itemPresets, onItemValueHandler, select(d.value), itemResponse, providersBackstage, menuHasIcons(items))));
+        }
+        else if (item.type === 'imageitem') {
+            return createImageMenuItem(item).fold(handleError, (d) => Optional?.some(renderImgItem(d, onItemValueHandler, select(d.value), itemResponse, providersBackstage)));
+        }
+        else if (item.type === 'resetimage') {
+            return createResetImageItem(item).fold(handleError, (d) => Optional?.some(renderChoiceItem(({
+                ...d,
+                type: 'choiceitem',
+                text: d.tooltip,
+                icon: Optional?.some(d.icon),
+                label: Optional?.some(d.label),
+            }), columns === 1, itemPresets, onItemValueHandler, select(d.value), itemResponse, providersBackstage, menuHasIcons(items))));
+        }
+        else {
+            return Optional.none();
+        }
+    }));
+
+    const deriveMenuMovement = (columns, presets) => {
+        const menuMarkers = markers(presets);
+        if (columns === 1) {
+            return { mode: 'menu', moveOnTab: true };
+        }
+        else if (columns === 'auto') {
+            return {
+                mode: 'grid',
+                selector: '.' + menuMarkers.item,
+                initSize: {
+                    numColumns: 1,
+                    numRows: 1
+                }
+            };
+        }
+        else {
+            const rowClass = {
+                color: 'tox-swatches__row',
+                imageselector: 'tox-image-selector__row',
+                listpreview: 'tox-collection__group',
+                normal: 'tox-collection__group'
+            }[presets];
+            return {
+                mode: 'matrix',
+                rowSelector: '.' + rowClass,
+                previousSelector: (menu) => {
+                    // We only want the navigation to start on the selected item if we are in color-mode (The colorswatch)
+                    return presets === 'color'
+                        ? descendant(menu.element, '[aria-checked=true]')
+                        : Optional.none();
+                }
+            };
+        }
+    };
+    const deriveCollectionMovement = (columns, presets) => {
+        if (columns === 1) {
+            return {
+                mode: 'menu',
+                moveOnTab: false,
+                selector: '.tox-collection__item'
+            };
+        }
+        else if (columns === 'auto') {
+            return {
+                mode: 'flatgrid',
+                selector: '.' + 'tox-collection__item',
+                initSize: {
+                    numColumns: 1,
+                    numRows: 1
+                }
+            };
+        }
+        else {
+            return {
+                mode: 'matrix',
+                selectors: {
+                    row: presets === 'color' ? '.tox-swatches__row' : '.tox-collection__group',
+                    cell: presets === 'color' ? `.${colorClass}` : `.${selectableClass}`
+                }
+            };
+        }
+    };
+
+    const renderColorSwatchItem = (spec, backstage) => {
+        const items = getColorItems(spec, backstage);
+        const columns = backstage.colorinput.getColorCols(spec.initData.storageKey);
+        const presets = 'color';
+        const menuSpec = createPartialChoiceMenu(generate$6('menu-value'), items, (value) => {
+            spec.onAction({ value });
+        }, columns, presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(never), backstage.shared.providers);
+        const widgetSpec = {
+            ...menuSpec,
+            markers: markers(presets),
+            movement: deriveMenuMovement(columns, presets),
+            // TINY-10806: Avoid duplication of ARIA role="menu" in the accessibility tree for Color Swatch menu item.
+            showMenuRole: false
+        };
+        return {
+            type: 'widget',
+            data: { value: generate$6('widget-id') },
+            dom: {
+                tag: 'div',
+                classes: ['tox-fancymenuitem']
+            },
+            autofocus: true,
+            components: [
+                parts$8.widget(Menu.sketch(widgetSpec))
+            ]
+        };
+    };
+    const getColorItems = (spec, backstage) => {
+        const useCustomColors = spec.initData.allowCustomColors && backstage.colorinput.hasCustomColors();
+        return spec.initData.colors.fold(() => getColors$1(backstage.colorinput.getColors(spec.initData.storageKey), spec.initData.storageKey, useCustomColors), (colors) => colors.concat(getAdditionalColors(useCustomColors)));
+    };
+
+    const renderImageSelector = (spec, backstage) => {
+        const presets = 'imageselector';
+        const columns = spec.initData.columns;
+        const menuSpec = createPartialChoiceMenu(generate$6('menu-value'), spec.initData.items, (value) => {
+            spec.onAction({ value });
+        }, columns, presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(never), backstage.shared.providers);
+        const widgetSpec = {
+            ...menuSpec,
+            markers: markers(presets),
+            movement: deriveMenuMovement(columns, presets),
+            // TINY-10806: Avoid duplication of ARIA role="menu" in the accessibility tree for Image Selector menu item.
+            showMenuRole: false
+        };
+        return {
+            type: 'widget',
+            data: { value: generate$6('widget-id') },
+            dom: {
+                tag: 'div',
+                classes: ['tox-fancymenuitem', 'tox-collection--toolbar']
+            },
+            autofocus: true,
+            components: [
+                parts$8.widget(Menu.sketch(widgetSpec))
+            ]
+        };
+    };
+
+    const cellOverEvent = generate$6('cell-over');
+    const cellExecuteEvent = generate$6('cell-execute');
+    const makeAnnouncementText = (backstage) => (row, col) => backstage.shared.providers.translate(['{0} columns, {1} rows', col, row]);
+    const makeCell = (row, col, label) => {
+        const emitCellOver = (c) => emitWith(c, cellOverEvent, { row, col });
+        const emitExecute = (c) => emitWith(c, cellExecuteEvent, { row, col });
+        const onClick = (c, se) => {
+            se.stop();
+            emitExecute(c);
+        };
+        return build$1({
+            dom: {
+                tag: 'div',
+                attributes: {
+                    role: 'button',
+                    ['aria-label']: label
+                }
+            },
+            behaviours: derive$1([
+                config('insert-table-picker-cell', [
+                    run$1(mouseover(), Focusing.focus),
+                    run$1(execute$5(), emitExecute),
+                    run$1(click(), onClick),
+                    run$1(tap(), onClick)
+                ]),
+                Toggling.config({
+                    toggleClass: 'tox-insert-table-picker__selected',
+                    toggleOnExecute: false
+                }),
+                Focusing.config({ onFocus: emitCellOver })
+            ])
+        });
+    };
+    const makeCells = (getCellLabel, numRows, numCols) => {
+        const cells = [];
+        for (let i = 0; i < numRows; i++) {
+            const row = [];
+            for (let j = 0; j < numCols; j++) {
+                const label = getCellLabel(i + 1, j + 1);
+                row.push(makeCell(i, j, label));
+            }
+            cells.push(row);
+        }
+        return cells;
+    };
+    const selectCells = (cells, selectedRow, selectedColumn, numRows, numColumns) => {
+        for (let i = 0; i < numRows; i++) {
+            for (let j = 0; j < numColumns; j++) {
+                Toggling.set(cells[i][j], i <= selectedRow && j <= selectedColumn);
+            }
+        }
+    };
+    const makeComponents = (cells) => bind$3(cells, (cellRow) => map$2(cellRow, premade));
+    const makeLabelText = (row, col) => text$2(`${col}x${row}`);
+    const renderInsertTableMenuItem = (spec, backstage) => {
+        const numRows = 10;
+        const numColumns = 10;
+        const getCellLabel = makeAnnouncementText(backstage);
+        const cells = makeCells(getCellLabel, numRows, numColumns);
+        const emptyLabelText = makeLabelText(0, 0);
+        const memLabel = record({
+            dom: {
+                tag: 'span',
+                classes: ['tox-insert-table-picker__label'],
+            },
+            components: [emptyLabelText],
+            behaviours: derive$1([
+                Replacing.config({})
+            ])
+        });
+        return {
+            type: 'widget',
+            data: { value: generate$6('widget-id') },
+            dom: {
+                tag: 'div',
+                classes: ['tox-fancymenuitem']
+            },
+            autofocus: true,
+            components: [parts$8.widget({
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-insert-table-picker']
+                    },
+                    components: makeComponents(cells).concat(memLabel.asSpec()),
+                    behaviours: derive$1([
+                        config('insert-table-picker', [
+                            runOnAttached((c) => {
+                                // Restore the empty label when opened, otherwise it may still be using an old label from last time it was opened
+                                Replacing.set(memLabel.get(c), [emptyLabelText]);
+                            }),
+                            runWithTarget(cellOverEvent, (c, t, e) => {
+                                const { row, col } = e.event;
+                                selectCells(cells, row, col, numRows, numColumns);
+                                Replacing.set(memLabel.get(c), [makeLabelText(row + 1, col + 1)]);
+                            }),
+                            runWithTarget(cellExecuteEvent, (c, _, e) => {
+                                const { row, col } = e.event;
+                                // Close the sandbox before triggering the action
+                                emit(c, sandboxClose());
+                                spec.onAction({ numRows: row + 1, numColumns: col + 1 });
+                            })
+                        ]),
+                        Keying.config({
+                            initSize: {
+                                numRows,
+                                numColumns
+                            },
+                            mode: 'flatgrid',
+                            selector: '[role="button"]'
+                        })
+                    ])
+                })]
+        };
+    };
+
+    const fancyMenuItems = {
+        inserttable: renderInsertTableMenuItem,
+        colorswatch: renderColorSwatchItem,
+        imageselect: renderImageSelector
+    };
+    const renderFancyMenuItem = (spec, backstage) => get$h(fancyMenuItems, spec.fancytype)?.map((render) => render(spec, backstage));
+
+    // Note, this does not create a valid SketchSpec.
+    const renderNestedItem = (spec, itemResponse, providersBackstage, renderIcons = true, downwardsCaret = false) => {
+        const caret = downwardsCaret ? renderDownwardsCaret(providersBackstage.icons) : renderSubmenuCaret(providersBackstage.icons);
+        const getApi = (component) => ({
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state),
+            setIconFill: (id, value) => {
+                descendant(component.element, `svg path[class="${id}"], rect[class="${id}"]`).each((underlinePath) => {
+                    set$9(underlinePath, 'fill', value);
+                });
+            },
+            setTooltip: (tooltip) => {
+                const translatedTooltip = providersBackstage.translate(tooltip);
+                set$9(component.element, 'aria-label', translatedTooltip);
+            }
+        });
+        const structure = renderItemStructure({
+            presets: 'normal',
+            iconContent: spec.icon,
+            textContent: spec.text,
+            htmlContent: Optional.none(),
+            ariaLabel: spec.text,
+            labelContent: Optional.none(),
+            caret: Optional?.some(caret),
+            checkMark: Optional.none(),
+            shortcutContent: spec.shortcut
+        }, providersBackstage, renderIcons);
+        return renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            getApi,
+            enabled: spec.enabled,
+            onAction: noop,
+            onSetup: spec.onSetup,
+            triggersSubmenu: true,
+            itemBehaviours: []
+        }, structure, itemResponse, providersBackstage);
+    };
+
+    // Note, this does not create a valid SketchSpec.
+    const renderNormalItem = (spec, itemResponse, providersBackstage, renderIcons = true) => {
+        const getApi = (component) => ({
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state)
+        });
+        const structure = renderItemStructure({
+            presets: 'normal',
+            iconContent: spec.icon,
+            textContent: spec.text,
+            htmlContent: Optional.none(),
+            labelContent: Optional.none(),
+            ariaLabel: spec.text,
+            caret: Optional.none(),
+            checkMark: Optional.none(),
+            shortcutContent: spec.shortcut
+        }, providersBackstage, renderIcons);
+        return renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            getApi,
+            enabled: spec.enabled,
+            onAction: spec.onAction,
+            onSetup: spec.onSetup,
+            triggersSubmenu: false,
+            itemBehaviours: []
+        }, structure, itemResponse, providersBackstage);
+    };
+
+    const renderSeparatorItem = (spec) => ({
+        type: 'separator',
+        dom: {
+            tag: 'div',
+            classes: [selectableClass, groupHeadingClass]
+        },
+        components: spec.text?.map(text$2).toArray()
+    });
+
+    const renderToggleMenuItem = (spec, itemResponse, providersBackstage, renderIcons = true) => {
+        const getApi = (component) => ({
+            setActive: (state) => {
+                Toggling.set(component, state);
+            },
+            isActive: () => Toggling.isOn(component),
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state)
+        });
+        // BespokeSelects use meta to pass through styling information. Bespokes should only
+        // be togglemenuitems hence meta is only passed through in this MenuItem.
+        const structure = renderItemStructure({
+            iconContent: spec.icon,
+            textContent: spec.text,
+            htmlContent: Optional.none(),
+            labelContent: Optional.none(),
+            ariaLabel: spec.text,
+            checkMark: Optional?.some(renderCheckmark(providersBackstage.icons)),
+            caret: Optional.none(),
+            shortcutContent: spec.shortcut,
+            presets: 'normal',
+            meta: spec.meta
+        }, providersBackstage, renderIcons);
+        return deepMerge(renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            enabled: spec.enabled,
+            getApi,
+            onAction: spec.onAction,
+            onSetup: spec.onSetup,
+            triggersSubmenu: false,
+            itemBehaviours: []
+        }, structure, itemResponse, providersBackstage), {
+            toggling: {
+                toggleClass: tickedClass,
+                toggleOnExecute: false,
+                selected: spec.active
+            },
+            role: spec.role.getOrUndefined()
+        });
+    };
+
+    const autocomplete = renderAutocompleteItem;
+    const separator$3 = renderSeparatorItem;
+    const normal = renderNormalItem;
+    const nested = renderNestedItem;
+    const toggle = renderToggleMenuItem;
+    const fancy = renderFancyMenuItem;
+    const card = renderCardMenuItem;
+
+    const identifyMenuLayout = (searchMode) => {
+        switch (searchMode.searchMode) {
+            case 'no-search': {
+                return {
+                    menuType: 'normal'
+                };
+            }
+            default: {
+                return {
+                    menuType: 'searchable',
+                    searchMode
+                };
+            }
+        }
+    };
+    const handleRefetchTrigger = (originalSandboxComp) => {
+        // At the moment, a Sandbox is "Represented" by its triggering Dropdown.
+        // We'll want to make this an official API, in case we change it later.
+        const dropdown = Representing.getValue(originalSandboxComp);
+        // Because refetch will replace the entire menu, we need to store the
+        // original version of the searcher state, so that we can reinstate it
+        // after the fetch completes (which is async)
+        const optSearcherState = findWithinSandbox(originalSandboxComp)?.map(saveState);
+        Dropdown.refetch(dropdown).get(() => {
+            // It has completed, so now find the searcher and set its value
+            // again. We can't just use the originalSandbox, because that will
+            // have been thrown away and recreated by now.
+            const newSandboxComp = Coupling.getCoupled(dropdown, 'sandbox');
+            optSearcherState.each((searcherState) => findWithinSandbox(newSandboxComp).each((inputComp) => restoreState(inputComp, searcherState)));
+        });
+    };
+    // This event is triggered by the searcher for key events
+    // that should be handled by the currently selected item
+    // (that is, the one with *fake* focus, not real focus). So we
+    // need to redispatch them to the selected item in the sandbox.
+    const handleRedirectToMenuItem = (sandboxComp, se) => {
+        getActiveMenuItemFrom(sandboxComp).each((activeItem) => {
+            retargetAndDispatchWith(sandboxComp, activeItem.element, se.event.eventType, se.event.interactionEvent);
+        });
+    };
+    // This function is useful when you have fakeFocus, so you can't just find the
+    // currently focused item (or the item that triggered a key event). It relies on
+    // the following relationships between components
+    // The Sandbox creates a tieredmenu, so Sandboxing.getState returns the TieredMenu
+    // The TieredMenu uses Highlighting for managing which menus are active, so
+    // Highlighting.getHighlighted(tmenu) is the current active menu
+    // The Menu uses highlighting to manage the active item, so use
+    // Highlighting.getHighlighted(menu) to get the current item.
+    const getActiveMenuItemFrom = (sandboxComp) => {
+        // Consider moving some of these things into shared APIs. For example, make an extra API
+        // for TieredMenu to get the highlighted item.
+        return Sandboxing.getState(sandboxComp)
+            .bind(Highlighting.getHighlighted)
+            .bind(Highlighting.getHighlighted);
+    };
+    const getSearchResults = (activeMenuComp) => {
+        // Depending on the menu layout, the search results will either be the entire
+        // menu, or something within the menu.
+        return has(activeMenuComp.element, searchResultsClass)
+            ? Optional?.some(activeMenuComp.element)
+            : descendant(activeMenuComp.element, '.' + searchResultsClass);
+    };
+    // Model the interaction with ARIA
+    const updateAriaOnHighlight = (tmenuComp, menuComp, itemComp) => {
+        // This ARIA behaviour is based on the algolia example documented in TINY-8952
+        findWithinMenu(tmenuComp).each((inputComp) => {
+            setActiveDescendant(inputComp, itemComp);
+            const optActiveResults = getSearchResults(menuComp);
+            optActiveResults.each((resultsElem) => {
+                // Link aria-controls of the input to the id of the results container.
+                getOpt(resultsElem, 'id')
+                    .each((controlledId) => set$9(inputComp.element, 'aria-controls', controlledId));
+            });
+        });
+        // Update the aria-selected on the item. The removal is handled by onDehighlight
+        set$9(itemComp.element, 'aria-selected', 'true');
+    };
+    const updateAriaOnDehighlight = (tmenuComp, menuComp, itemComp) => {
+        // This ARIA behaviour is based on the algolia example documented in TINY-8952
+        set$9(itemComp.element, 'aria-selected', 'false');
+    };
+    const focusSearchField = (tmenuComp) => {
+        findWithinMenu(tmenuComp).each((searcherComp) => Focusing.focus(searcherComp));
+    };
+    const getSearchPattern = (dropdownComp) => {
+        // Dropdowns are "coupled" with their sandbox and generally, create them on demand.
+        // When using "getExistingCoupled" of Coupling, it only returns the coupled
+        // component (here: the sandbox) if it already exists ... it won't do any creation.
+        // So here, we are trying to get possible fetchContext information for our fetch
+        // callback. If there is no sandbox, then there is no open menu, and we
+        // don't have any search context, so use an empty string. Otherwise, dive into
+        // the sandbox, and find the search field's current pattern.
+        const optSandboxComp = Coupling.getExistingCoupled(dropdownComp, 'sandbox');
+        return optSandboxComp
+            .bind(findWithinSandbox)
+            ?.map(saveState)
+            ?.map((state) => state.fetchPattern)
+            .getOr('');
+    };
+
+    var FocusMode;
+    (function (FocusMode) {
+        FocusMode[FocusMode["ContentFocus"] = 0] = "ContentFocus";
+        FocusMode[FocusMode["UiFocus"] = 1] = "UiFocus";
+    })(FocusMode || (FocusMode = {}));
+    const createMenuItemFromBridge = (item, itemResponse, backstage, menuHasIcons, isHorizontalMenu) => {
+        const providersBackstage = backstage.shared.providers;
+        // If we're making a horizontal menu (mobile context menu) we want text OR icons
+        // to simplify the UI. We also don't want shortcut text.
+        const parseForHorizontalMenu = (menuitem) => !isHorizontalMenu ? menuitem : ({
+            ...menuitem,
+            shortcut: Optional.none(),
+            icon: menuitem.text.isSome() ? Optional.none() : menuitem.icon
+        });
+        switch (item.type) {
+            case 'menuitem':
+                return createMenuItem(item).fold(handleError, (d) => Optional?.some(normal(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons)));
+            case 'nestedmenuitem':
+                return createNestedMenuItem(item).fold(handleError, (d) => Optional?.some(nested(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons, isHorizontalMenu)));
+            case 'togglemenuitem':
+                return createToggleMenuItem(item).fold(handleError, (d) => Optional?.some(toggle(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons)));
+            case 'separator':
+                return createSeparatorMenuItem(item).fold(handleError, (d) => Optional?.some(separator$3(d)));
+            case 'fancymenuitem':
+                return createFancyMenuItem(item).fold(handleError, 
+                // Fancy menu items don't have shortcuts or icons
+                (d) => fancy(d, backstage));
+            default: {
+                // eslint-disable-next-line no-console
+                console.error('Unknown item in general menu', item);
+                return Optional.none();
+            }
+        }
+    };
+    const createAutocompleteItems = (items, matchText, onItemValueHandler, columns, itemResponse, sharedBackstage, highlightOn) => {
+        // Render text and icons if we're using a single column, otherwise only render icons
+        const renderText = columns === 1;
+        const renderIcons = !renderText || menuHasIcons(items);
+        return cat(map$2(items, (item) => {
+            switch (item.type) {
+                case 'separator':
+                    return createSeparatorItem(item).fold(handleError, (d) => Optional?.some(separator$3(d)));
+                case 'cardmenuitem':
+                    return createCardMenuItem(item).fold(handleError, (d) => Optional?.some(card({
+                        ...d,
+                        // Intercept action
+                        onAction: (api) => {
+                            d.onAction(api);
+                            onItemValueHandler(d.value, d.meta);
+                        }
+                    }, itemResponse, sharedBackstage, {
+                        itemBehaviours: tooltipBehaviour(d.meta, sharedBackstage, Optional.none()),
+                        cardText: {
+                            matchText,
+                            highlightOn
+                        }
+                    })));
+                case 'autocompleteitem':
+                default:
+                    return createAutocompleterItem(item).fold(handleError, (d) => Optional?.some(autocomplete(d, matchText, renderText, 'normal', onItemValueHandler, itemResponse, sharedBackstage, renderIcons)));
+            }
+        }));
+    };
+    const createPartialMenu = (value, items, itemResponse, backstage, isHorizontalMenu, searchMode) => {
+        const hasIcons = menuHasIcons(items);
+        const alloyItems = cat(map$2(items, (item) => {
+            // Have to check each item for an icon, instead of as part of hasIcons above,
+            // else in horizontal menus, items with an icon but without text will display
+            // with neither
+            const itemHasIcon = (i) => isHorizontalMenu ? !has$2(i, 'text') : hasIcons;
+            const createItem = (i) => createMenuItemFromBridge(i, itemResponse, backstage, itemHasIcon(i), isHorizontalMenu);
+            if (item.type === 'nestedmenuitem' && item.getSubmenuItems().length <= 0) {
+                return createItem({ ...item, enabled: false });
+            }
+            else {
+                return createItem(item);
+            }
+        }));
+        // The menu layout is dependent upon our search mode.
+        const menuLayout = identifyMenuLayout(searchMode);
+        const createPartial = isHorizontalMenu ?
+            createHorizontalPartialMenuWithAlloyItems :
+            createPartialMenuWithAlloyItems;
+        return createPartial(value, hasIcons, alloyItems, 1, menuLayout);
+    };
+    const createTieredDataFrom = (partialMenu) => tieredMenu.singleData(partialMenu.value, partialMenu);
+    const createInlineMenuFrom = (partialMenu, columns, focusMode, presets) => {
+        const movement = deriveMenuMovement(columns, presets);
+        const menuMarkers = markers(presets);
+        return {
+            data: createTieredDataFrom({
+                ...partialMenu,
+                movement,
+                menuBehaviours: SimpleBehaviours.unnamedEvents(columns !== 'auto' ? [] : [
+                    runOnAttached((comp, _se) => {
+                        detectSize(comp, 4, menuMarkers.item).each(({ numColumns, numRows }) => {
+                            Keying.setGridSize(comp, numRows, numColumns);
+                        });
+                    })
+                ])
+            }),
+            menu: {
+                markers: markers(presets),
+                fakeFocus: focusMode === FocusMode.ContentFocus
+            }
+        };
+    };
+
+    const rangeToSimRange = (r) => SimRange.create(SugarElement.fromDom(r.startContainer), r.startOffset, SugarElement.fromDom(r.endContainer), r.endOffset);
+    const register$c = (editor, sharedBackstage) => {
+        const autocompleterId = generate$6('autocompleter');
+        const processingAction = Cell(false);
+        const activeState = Cell(false);
+        const activeRange = value$2();
+        const autocompleter = build$1(InlineView.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-autocompleter'],
+                attributes: {
+                    id: autocompleterId
+                }
+            },
+            components: [],
+            fireDismissalEventInstead: {},
+            inlineBehaviours: derive$1([
+                config('dismissAutocompleter', [
+                    run$1(dismissRequested(), () => cancelIfNecessary()),
+                    run$1(highlight$1(), (_, se) => {
+                        getOpt(se.event.target, 'id').each((id) => set$9(SugarElement.fromDom(editor.getBody()), 'aria-activedescendant', id));
+                    }),
+                ])
+            ]),
+            lazySink: sharedBackstage.getSink
+        }));
+        const isMenuOpen = () => InlineView.isOpen(autocompleter);
+        const isActive = activeState.get;
+        const hideIfNecessary = () => {
+            if (isMenuOpen()) {
+                InlineView.hide(autocompleter);
+                editor.dom.remove(autocompleterId, false);
+                const editorBody = SugarElement.fromDom(editor.getBody());
+                getOpt(editorBody, 'aria-owns')
+                    .filter((ariaOwnsAttr) => ariaOwnsAttr === autocompleterId)
+                    .each(() => {
+                    remove$8(editorBody, 'aria-owns');
+                    remove$8(editorBody, 'aria-activedescendant');
+                });
+            }
+        };
+        const getMenu = () => InlineView.getContent(autocompleter).bind((tmenu) => {
+            // The autocompleter menu will be the first child component of the tiered menu.
+            // Unfortunately a memento can't be used to do this lookup because the component
+            // id is changed while generating the tiered menu.
+            return get$i(tmenu.components(), 0);
+        });
+        const cancelIfNecessary = () => editor.execCommand('mceAutocompleterClose');
+        const getCombinedItems = (matches) => {
+            const columns = findMap(matches, (m) => Optional.from(m.columns)).getOr(1);
+            return bind$3(matches, (match) => {
+                const choices = match.items;
+                return createAutocompleteItems(choices, match.matchText, (itemValue, itemMeta) => {
+                    const autocompleterApi = {
+                        hide: () => cancelIfNecessary(),
+                        reload: (fetchOptions) => {
+                            hideIfNecessary();
+                            editor.execCommand('mceAutocompleterReload', false, { fetchOptions });
+                        }
+                    };
+                    // Asks the editor for a new active range that emits an event that updates
+                    // the activeRange state not ideal but trying to avoid direct method calls to the core.
+                    // We need to get a fresh range since when you hit enter the IME commits and the updates the DOM so we then need to rescan.
+                    editor.execCommand('mceAutocompleterRefreshActiveRange');
+                    activeRange.get().each((range) => {
+                        processingAction.set(true);
+                        match.onAction(autocompleterApi, range, itemValue, itemMeta);
+                        processingAction.set(false);
+                    });
+                }, columns, ItemResponse$1.BUBBLE_TO_SANDBOX, sharedBackstage, match.highlightOn);
+            });
+        };
+        const display = (lookupData, items) => {
+            // Display the autocompleter menu
+            const columns = findMap(lookupData, (ld) => Optional.from(ld.columns)).getOr(1);
+            InlineView.showMenuAt(autocompleter, {
+                anchor: {
+                    type: 'selection',
+                    getSelection: () => activeRange.get()?.map(rangeToSimRange),
+                    root: SugarElement.fromDom(editor.getBody()),
+                }
+            }, createInlineMenuFrom(createPartialMenuWithAlloyItems('autocompleter-value', true, items, columns, { menuType: 'normal' }), columns, FocusMode.ContentFocus, 
+            // Use the constant.
+            'normal'));
+            getMenu().each(Highlighting.highlightFirst);
+        };
+        const updateDisplay = (lookupData) => {
+            const combinedItems = getCombinedItems(lookupData);
+            // Open the autocompleter if there are items to show
+            if (combinedItems.length > 0) {
+                display(lookupData, combinedItems);
+                set$9(SugarElement.fromDom(editor.getBody()), 'aria-owns', autocompleterId);
+                if (!editor.inline) {
+                    cloneAutocompleterToEditorDoc();
+                }
+            }
+            else {
+                hideIfNecessary();
+            }
+        };
+        const cloneAutocompleterToEditorDoc = () => {
+            if (editor.dom.get(autocompleterId)) {
+                editor.dom.remove(autocompleterId, false);
+            }
+            const docElm = editor.getDoc().documentElement;
+            const selection = editor.selection.getNode();
+            const newElm = deep(autocompleter.element);
+            setAll(newElm, {
+                border: '0',
+                clip: 'rect(0 0 0 0)',
+                height: '1px',
+                margin: '-1px',
+                overflow: 'hidden',
+                padding: '0',
+                position: 'absolute',
+                width: '1px',
+                top: `${selection.offsetTop}px`,
+                left: `${selection.offsetLeft}px`,
+            });
+            editor.dom.add(docElm, newElm.dom);
+            // Clean up positioning styles so that the "hidden" autocompleter is around the selection
+            descendant(newElm, '[role="menu"]').each((child) => {
+                remove$6(child, 'position');
+                remove$6(child, 'max-height');
+            });
+        };
+        editor.on('AutocompleterStart', ({ lookupData }) => {
+            activeState.set(true);
+            processingAction.set(false);
+            updateDisplay(lookupData);
+        });
+        editor.on('AutocompleterUpdate', ({ lookupData }) => updateDisplay(lookupData));
+        editor.on('AutocompleterUpdateActiveRange', ({ range }) => activeRange.set(range));
+        editor.on('AutocompleterEnd', () => {
+            // Hide the menu and reset
+            hideIfNecessary();
+            activeState.set(false);
+            processingAction.set(false);
+            activeRange.clear();
+        });
+        const autocompleterUiApi = {
+            cancelIfNecessary,
+            isMenuOpen,
+            isActive,
+            isProcessingAction: processingAction.get,
+            getMenu
+        };
+        AutocompleterEditorEvents.setup(autocompleterUiApi, editor);
+    };
+    const Autocompleter = {
+        register: register$c
+    };
+
+    const renderBar = (spec, backstage) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-bar', 'tox-form__controls-h-stack']
+        },
+        components: map$2(spec.items, backstage.interpreter)
+    });
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.html.Entities');
+
+    const renderFormFieldWith = (pLabel, pField, extraClasses, extraBehaviours) => {
+        const spec = renderFormFieldSpecWith(pLabel, pField, extraClasses, extraBehaviours);
+        return FormField.sketch(spec);
+    };
+    const renderFormField = (pLabel, pField) => renderFormFieldWith(pLabel, pField, [], []);
+    const renderFormFieldSpecWith = (pLabel, pField, extraClasses, extraBehaviours) => ({
+        dom: renderFormFieldDomWith(extraClasses),
+        components: pLabel.toArray().concat([pField]),
+        fieldBehaviours: derive$1(extraBehaviours)
+    });
+    const renderFormFieldDom = () => renderFormFieldDomWith([]);
+    const renderFormFieldDomWith = (extraClasses) => ({
+        tag: 'div',
+        classes: ['tox-form__group'].concat(extraClasses)
+    });
+    const renderLabel$3 = (label, providersBackstage) => FormField.parts.label({
+        dom: {
+            tag: 'label',
+            classes: ['tox-label']
+        },
+        components: [
+            text$2(providersBackstage.translate(label))
+        ]
+    });
+
+    const formChangeEvent = generate$6('form-component-change');
+    const formInputEvent = generate$6('form-component-input');
+    const formCloseEvent = generate$6('form-close');
+    const formCancelEvent = generate$6('form-cancel');
+    const formActionEvent = generate$6('form-action');
+    const formSubmitEvent = generate$6('form-submit');
+    const formBlockEvent = generate$6('form-block');
+    const formUnblockEvent = generate$6('form-unblock');
+    const formTabChangeEvent = generate$6('form-tabchange');
+    const formResizeEvent = generate$6('form-resize');
+
+    const renderCollection = (spec, providersBackstage, initialData) => {
+        // DUPE with TextField.
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const icons = providersBackstage.icons();
+        // TINY-10174: Icon string is either in icon pack or displayed directly
+        const getIcon = (icon) => { var _a; return (_a = icons[icon]) !== null && _a !== void 0 ? _a : icon; };
+        const runOnItem = (f) => (comp, se) => {
+            closest$3(se.event.target, '[data-collection-item-value]').each((target) => {
+                f(comp, se, target, get$g(target, 'data-collection-item-value'));
+            });
+        };
+        const setContents = (comp, items) => {
+            // Giving it a default `mode:design` context, these shouldn't run at all in mode:readonly
+            const disabled = providersBackstage.checkUiComponentContext('mode:design').shouldDisable || providersBackstage.isDisabled();
+            const disabledClass = disabled ? ' tox-collection__item--state-disabled' : '';
+            const htmlLines = map$2(items, (item) => {
+                const itemText = global$6.translate(item.text);
+                const textContent = spec.columns === 1 ? `<div class="tox-collection__item-label">${itemText}</div>` : '';
+                const iconContent = `<div class="tox-collection__item-icon">${getIcon(item.icon)}</div>`;
+                // Replacing the hyphens and underscores in collection items with spaces
+                // to ensure the screen readers pronounce the words correctly.
+                // This is only for aria purposes. Emoticon and Special Character names will still use _ and - for autocompletion.
+                const mapItemName = {
+                    '_': ' ',
+                    ' - ': ' ',
+                    '-': ' '
+                };
+                // Using aria-label here overrides the Apple description of emojis and special characters in Mac/ MS description in Windows.
+                // But if only the title attribute is used instead, the names are read out twice. i.e., the description followed by the item.text.
+                const ariaLabel = itemText.replace(/\_| \- |\-/g, (match) => mapItemName[match]);
+                return `<div data-mce-tooltip="${ariaLabel}" class="tox-collection__item${disabledClass}" tabindex="-1" data-collection-item-value="${global$4.encodeAllRaw(item.value)}" aria-label="${ariaLabel}">${iconContent}${textContent}</div>`;
+            });
+            const chunks = spec.columns !== 'auto' && spec.columns > 1 ? chunk$1(htmlLines, spec.columns) : [htmlLines];
+            const html = map$2(chunks, (ch) => `<div class="tox-collection__group">${ch.join('')}</div>`);
+            set$8(comp.element, html.join(''));
+        };
+        const onClick = runOnItem((comp, se, tgt, itemValue) => {
+            se.stop();
+            if (!(providersBackstage.checkUiComponentContext('mode:design').shouldDisable || providersBackstage.isDisabled())) {
+                emitWith(comp, formActionEvent, {
+                    name: spec.name,
+                    value: itemValue
+                });
+            }
+        });
+        const collectionEvents = [
+            run$1(mouseover(), runOnItem((comp, se, tgt) => {
+                focus$4(tgt, true);
+            })),
+            run$1(click(), onClick),
+            run$1(tap(), onClick),
+            run$1(focusin(), runOnItem((comp, se, tgt) => {
+                descendant(comp.element, '.' + activeClass).each((currentActive) => {
+                    remove$3(currentActive, activeClass);
+                });
+                add$2(tgt, activeClass);
+            })),
+            run$1(focusout(), runOnItem((comp) => {
+                descendant(comp.element, '.' + activeClass).each((currentActive) => {
+                    remove$3(currentActive, activeClass);
+                    blur$1(currentActive);
+                });
+            })),
+            runOnExecute$1(runOnItem((comp, se, tgt, itemValue) => {
+                emitWith(comp, formActionEvent, {
+                    name: spec.name,
+                    value: itemValue
+                });
+            })),
+        ];
+        const iterCollectionItems = (comp, applyAttributes) => map$2(descendants(comp.element, '.tox-collection__item'), applyAttributes);
+        const pField = FormField.parts.field({
+            dom: {
+                tag: 'div',
+                // FIX: Read from columns
+                classes: ['tox-collection'].concat(spec.columns !== 1 ? ['tox-collection--grid'] : ['tox-collection--list'])
+            },
+            components: [],
+            factory: { sketch: identity },
+            behaviours: derive$1([
+                Disabling.config({
+                    disabled: () => providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (comp) => {
+                        iterCollectionItems(comp, (childElm) => {
+                            add$2(childElm, 'tox-collection__item--state-disabled');
+                            set$9(childElm, 'aria-disabled', true);
+                        });
+                    },
+                    onEnabled: (comp) => {
+                        iterCollectionItems(comp, (childElm) => {
+                            remove$3(childElm, 'tox-collection__item--state-disabled');
+                            remove$8(childElm, 'aria-disabled');
+                        });
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                Replacing.config({}),
+                Tooltipping.config({
+                    ...providersBackstage.tooltips.getConfig({
+                        tooltipText: '',
+                        onShow: (comp) => {
+                            descendant(comp.element, '.' + activeClass + '[data-mce-tooltip]').each((current) => {
+                                getOpt(current, 'data-mce-tooltip').each((text) => {
+                                    Tooltipping.setComponents(comp, providersBackstage.tooltips.getComponents({ tooltipText: text }));
+                                });
+                            });
+                        }
+                    }),
+                    mode: 'children-keyboard-focus',
+                    anchor: (comp) => ({
+                        type: 'node',
+                        node: descendant(comp.element, '.' + activeClass).orThunk(() => first('.tox-collection__item')),
+                        root: comp.element,
+                        layouts: {
+                            onLtr: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2]),
+                            onRtl: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2])
+                        },
+                        bubble: nu$6(0, -2, {}),
+                    })
+                }),
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: initialData.getOr([])
+                    },
+                    onSetValue: (comp, items) => {
+                        setContents(comp, items);
+                        if (spec.columns === 'auto') {
+                            detectSize(comp, 5, 'tox-collection__item').each(({ numRows, numColumns }) => {
+                                Keying.setGridSize(comp, numRows, numColumns);
+                            });
+                        }
+                        emit(comp, formResizeEvent);
+                    }
+                }),
+                Tabstopping.config({}),
+                Keying.config(deriveCollectionMovement(spec.columns, 'normal')),
+                config('collection-events', collectionEvents)
+            ]),
+            eventOrder: {
+                [execute$5()]: ['disabling', 'alloy.base.behaviour', 'collection-events'],
+                [focusin()]: ['collection-events', 'tooltipping'],
+            }
+        });
+        const extraClasses = ['tox-form__group--collection'];
+        return renderFormFieldWith(pLabel, pField, extraClasses, []);
+    };
+
+    const renderPanelButton = (spec, sharedBackstage) => Dropdown.sketch({
+        dom: spec.dom,
+        components: spec.components,
+        toggleClass: 'mce-active',
+        dropdownBehaviours: derive$1([
+            DisablingConfigs.button(() => sharedBackstage.providers.isDisabled() || sharedBackstage.providers.checkUiComponentContext(spec.context).shouldDisable),
+            toggleOnReceive(() => sharedBackstage.providers.checkUiComponentContext(spec.context)),
+            Unselecting.config({}),
+            Tabstopping.config({})
+        ]),
+        layouts: spec.layouts,
+        sandboxClasses: ['tox-dialog__popups'],
+        lazySink: sharedBackstage.getSink,
+        fetch: (comp) => Future.nu((callback) => spec.fetch(callback))?.map((items) => Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$6('menu-value'), items, (value) => {
+            spec.onItemAction(comp, value);
+        }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, 
+        // No colour is ever selected on opening
+        never, sharedBackstage.providers), {
+            movement: deriveMenuMovement(spec.columns, spec.presets)
+        })))),
+        parts: {
+            menu: part(false, 1, spec.presets)
+        }
+    });
+
+    const colorInputChangeEvent = generate$6('color-input-change');
+    const colorSwatchChangeEvent = generate$6('color-swatch-change');
+    const colorPickerCancelEvent = generate$6('color-picker-cancel');
+    const renderColorInput = (spec, sharedBackstage, colorInputBackstage, initialData) => {
+        const pField = FormField.parts.field({
+            factory: Input,
+            inputClasses: ['tox-textfield'],
+            data: initialData,
+            onSetValue: (c) => Invalidating.run(c).get(noop),
+            inputBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => sharedBackstage.providers.isDisabled() || sharedBackstage.providers.checkUiComponentContext(spec.context).shouldDisable
+                }),
+                toggleOnReceive(() => sharedBackstage.providers.checkUiComponentContext(spec.context)),
+                Tabstopping.config({}),
+                Invalidating.config({
+                    invalidClass: 'tox-textbox-field-invalid',
+                    getRoot: (comp) => parentElement(comp.element),
+                    notify: {
+                        onValid: (comp) => {
+                            // onValid should pass through the value here
+                            // We need a snapshot of the value validated.
+                            const val = Representing.getValue(comp);
+                            emitWith(comp, colorInputChangeEvent, {
+                                color: val
+                            });
+                        }
+                    },
+                    validator: {
+                        validateOnLoad: false,
+                        validate: (input) => {
+                            const inputValue = Representing.getValue(input);
+                            // Consider empty strings valid colours
+                            if (inputValue.length === 0) {
+                                return Future.pure(Result.value(true));
+                            }
+                            else {
+                                const span = SugarElement.fromTag('span');
+                                set$7(span, 'background-color', inputValue);
+                                const res = getRaw(span, 'background-color').fold(
+                                // TODO: Work out what we want to do here.
+                                () => Result.error('blah'), (_) => Result.value(inputValue));
+                                return Future.pure(res);
+                            }
+                        }
+                    }
+                })
+            ]),
+            selectOnFocus: false
+        });
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, sharedBackstage.providers));
+        const emitSwatchChange = (colorBit, value) => {
+            emitWith(colorBit, colorSwatchChangeEvent, {
+                value
+            });
+        };
+        const onItemAction = (comp, value) => {
+            memColorButton.getOpt(comp).each((colorBit) => {
+                if (value === 'custom') {
+                    colorInputBackstage.colorPicker((valueOpt) => {
+                        valueOpt.fold(() => emit(colorBit, colorPickerCancelEvent), (value) => {
+                            emitSwatchChange(colorBit, value);
+                            addColor(spec.storageKey, value);
+                        });
+                    }, '#ffffff');
+                }
+                else if (value === 'remove') {
+                    emitSwatchChange(colorBit, '');
+                }
+                else {
+                    emitSwatchChange(colorBit, value);
+                }
+            });
+        };
+        const memColorButton = record(renderPanelButton({
+            dom: {
+                tag: 'span',
+                attributes: {
+                    'aria-label': sharedBackstage.providers.translate('Color swatch')
+                }
+            },
+            layouts: {
+                onRtl: () => [southwest$2, southeast$2, south$2],
+                onLtr: () => [southeast$2, southwest$2, south$2]
+            },
+            components: [],
+            fetch: getFetch$1(colorInputBackstage.getColors(spec.storageKey), spec.storageKey, colorInputBackstage.hasCustomColors()),
+            columns: colorInputBackstage.getColorCols(spec.storageKey),
+            presets: 'color',
+            onItemAction,
+            context: spec.context
+        }, sharedBackstage));
+        return FormField.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: pLabel.toArray().concat([
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-color-input']
+                    },
+                    components: [
+                        pField,
+                        memColorButton.asSpec()
+                    ]
+                }
+            ]),
+            fieldBehaviours: derive$1([
+                config('form-field-events', [
+                    run$1(colorInputChangeEvent, (comp, se) => {
+                        memColorButton.getOpt(comp).each((colorButton) => {
+                            set$7(colorButton.element, 'background-color', se.event.color);
+                        });
+                        emitWith(comp, formChangeEvent, { name: spec.name });
+                    }),
+                    run$1(colorSwatchChangeEvent, (comp, se) => {
+                        FormField.getField(comp).each((field) => {
+                            Representing.setValue(field, se.event.value);
+                            // Focus the field now that we've set its value
+                            Composing.getCurrent(comp).each(Focusing.focus);
+                        });
+                    }),
+                    run$1(colorPickerCancelEvent, (comp, _se) => {
+                        FormField.getField(comp).each((_field) => {
+                            Composing.getCurrent(comp).each(Focusing.focus);
+                        });
+                    })
+                ])
+            ])
+        });
+    };
+
+    // TODO: Move this to alloy if the concept works out
+    const self = () => Composing.config({
+        find: Optional.some
+    });
+    const memento$1 = (mem) => Composing.config({
+        find: mem.getOpt
+    });
+    const childAt = (index) => Composing.config({
+        find: (comp) => child$2(comp.element, index)
+            .bind((element) => comp.getSystem().getByDom(element).toOptional())
+    });
+    const ComposingConfigs = {
+        self,
+        memento: memento$1,
+        childAt
+    };
+
+    const processors = objOf([
+        defaulted('preprocess', identity),
+        defaulted('postprocess', identity)
+    ]);
+    const memento = (mem, rawProcessors) => {
+        const ps = asRawOrDie$1('RepresentingConfigs.memento processors', processors, rawProcessors);
+        return Representing.config({
+            store: {
+                mode: 'manual',
+                getValue: (comp) => {
+                    const other = mem.get(comp);
+                    const rawValue = Representing.getValue(other);
+                    return ps.postprocess(rawValue);
+                },
+                setValue: (comp, rawValue) => {
+                    const newValue = ps.preprocess(rawValue);
+                    const other = mem.get(comp);
+                    Representing.setValue(other, newValue);
+                }
+            }
+        });
+    };
+    const withComp = (optInitialValue, getter, setter) => Representing.config({
+        store: {
+            mode: 'manual',
+            ...optInitialValue?.map((initialValue) => ({ initialValue })).getOr({}),
+            getValue: getter,
+            setValue: setter
+        }
+    });
+    const withElement = (initialValue, getter, setter) => withComp(initialValue, (c) => getter(c.element), (c, v) => setter(c.element, v));
+    const domHtml = (optInitialValue) => withElement(optInitialValue, get$f, set$8);
+    const memory = (initialValue) => Representing.config({
+        store: {
+            mode: 'memory',
+            initialValue
+        }
+    });
+
+    const fieldsUpdate = generate$6('rgb-hex-update');
+    const sliderUpdate = generate$6('slider-update');
+    const paletteUpdate = generate$6('palette-update');
+
+    const sliderFactory = (translate, getClass) => {
+        const spectrum = Slider.parts.spectrum({
+            dom: {
+                tag: 'div',
+                classes: [getClass('hue-slider-spectrum')],
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        const thumb = Slider.parts.thumb({
+            dom: {
+                tag: 'div',
+                classes: [getClass('hue-slider-thumb')],
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        return Slider.sketch({
+            dom: {
+                tag: 'div',
+                classes: [getClass('hue-slider')],
+                attributes: {
+                    'role': 'slider',
+                    'aria-valuemin': 0,
+                    'aria-valuemax': 360,
+                    'aria-valuenow': 120,
+                }
+            },
+            rounded: false,
+            model: {
+                mode: 'y',
+                getInitialValue: constant$1(0)
+            },
+            components: [
+                spectrum,
+                thumb
+            ],
+            sliderBehaviours: derive$1([
+                Focusing.config({})
+            ]),
+            onChange: (slider, _thumb, value) => {
+                set$9(slider.element, 'aria-valuenow', Math.floor(360 - (value * 3.6)));
+                emitWith(slider, sliderUpdate, {
+                    value
+                });
+            }
+        });
+    };
+
+    const validInput = generate$6('valid-input');
+    const invalidInput = generate$6('invalid-input');
+    const validatingInput = generate$6('validating-input');
+    const translatePrefix = 'colorcustom.rgb.';
+    const uninitiatedTooltipApi = {
+        isEnabled: always,
+        setEnabled: noop,
+        immediatelyShow: noop,
+        immediatelyHide: noop,
+    };
+    const rgbFormFactory = (translate, getClass, onValidHexx, onInvalidHexx, tooltipGetConfig, makeIcon) => {
+        const setTooltipEnabled = (enabled, tooltipApi) => {
+            const api = tooltipApi.get();
+            if (enabled === api.isEnabled()) {
+                return;
+            }
+            api.setEnabled(enabled);
+            if (enabled) {
+                api.immediatelyShow();
+            }
+            else {
+                api.immediatelyHide();
+            }
+        };
+        const invalidation = (label, isValid, tooltipApi) => Invalidating.config({
+            invalidClass: getClass('invalid'),
+            notify: {
+                onValidate: (comp) => {
+                    emitWith(comp, validatingInput, {
+                        type: label
+                    });
+                },
+                onValid: (comp) => {
+                    setTooltipEnabled(false, tooltipApi);
+                    emitWith(comp, validInput, {
+                        type: label,
+                        value: Representing.getValue(comp)
+                    });
+                },
+                onInvalid: (comp) => {
+                    setTooltipEnabled(true, tooltipApi);
+                    emitWith(comp, invalidInput, {
+                        type: label,
+                        value: Representing.getValue(comp)
+                    });
+                }
+            },
+            validator: {
+                validate: (comp) => {
+                    const value = Representing.getValue(comp);
+                    const res = isValid(value) ? Result.value(true) : Result.error(translate('aria.input.invalid'));
+                    return Future.pure(res);
+                },
+                validateOnLoad: false
+            }
+        });
+        const renderTextField = (isValid, name, label, description, data) => {
+            const tooltipApi = Cell(uninitiatedTooltipApi);
+            const helptext = translate(translatePrefix + 'range');
+            const pLabel = FormField.parts.label({
+                dom: { tag: 'label' },
+                components: [text$2(label)]
+            });
+            const pField = FormField.parts.field({
+                data,
+                factory: Input,
+                inputAttributes: {
+                    'type': 'text',
+                    'aria-label': description,
+                    ...name === 'hex' ? { 'aria-live': 'polite' } : {}
+                },
+                inputClasses: [getClass('textfield')],
+                // Have basic invalidating and tabstopping behaviour.
+                inputBehaviours: derive$1([
+                    invalidation(name, isValid, tooltipApi),
+                    Tabstopping.config({}),
+                    Tooltipping.config({
+                        ...tooltipGetConfig({
+                            tooltipText: '',
+                            onSetup: (comp) => {
+                                tooltipApi.set({
+                                    isEnabled: () => {
+                                        return Tooltipping.isEnabled(comp);
+                                    },
+                                    setEnabled: (enabled) => {
+                                        return Tooltipping.setEnabled(comp, enabled);
+                                    },
+                                    immediatelyShow: () => {
+                                        return Tooltipping.immediateOpenClose(comp, true);
+                                    },
+                                    immediatelyHide: () => {
+                                        return Tooltipping.immediateOpenClose(comp, false);
+                                    },
+                                });
+                                Tooltipping.setEnabled(comp, false);
+                            },
+                            onShow: (component, _tooltip) => {
+                                Tooltipping.setComponents(component, [
+                                    {
+                                        dom: {
+                                            tag: 'p',
+                                            classes: [
+                                                getClass('rgb-warning-note')
+                                            ]
+                                        },
+                                        components: [text$2(translate(name === 'hex' ? 'colorcustom.rgb.invalidHex' : 'colorcustom.rgb.invalid'))]
+                                    }
+                                ]);
+                            },
+                        })
+                    })
+                ]),
+                // If it was invalid, and the value was set, run validation against it.
+                onSetValue: (input) => {
+                    if (Invalidating.isInvalid(input)) {
+                        const run = Invalidating.run(input);
+                        run.get(noop);
+                    }
+                }
+            });
+            const errorId = generate$6('aria-invalid');
+            const memInvalidIcon = record(makeIcon('invalid', Optional?.some(errorId), 'warning'));
+            const memStatus = record({
+                dom: {
+                    tag: 'div',
+                    classes: [getClass('invalid-icon')]
+                },
+                components: [
+                    memInvalidIcon.asSpec()
+                ]
+            });
+            const comps = [pLabel, pField, memStatus.asSpec()];
+            const concats = name !== 'hex' ? [FormField.parts['aria-descriptor']({
+                    text: helptext
+                })] : [];
+            const components = comps.concat(concats);
+            return {
+                dom: {
+                    tag: 'div',
+                    attributes: {
+                        role: 'presentation'
+                    },
+                    classes: [
+                        getClass('rgb-container'),
+                    ]
+                },
+                components
+            };
+        };
+        const copyRgbToHex = (form, rgba) => {
+            const hex = fromRgba(rgba);
+            Form.getField(form, 'hex').each((hexField) => {
+                // Not amazing, but it turns out that if we have an invalid RGB field, and no hex code
+                // and then type in a valid three digit hex code, the RGB field will be overriden, then validate and then set
+                // the hex field to be the six digit version of that same three digit hex code. This is incorrect.
+                if (!Focusing.isFocused(hexField)) {
+                    Representing.setValue(form, {
+                        hex: hex.value
+                    });
+                }
+            });
+            return hex;
+        };
+        const copyRgbToForm = (form, rgb) => {
+            const red = rgb.red;
+            const green = rgb.green;
+            const blue = rgb.blue;
+            Representing.setValue(form, { red, green, blue });
+        };
+        const memPreview = record({
+            dom: {
+                tag: 'div',
+                classes: [getClass('rgba-preview')],
+                styles: {
+                    'background-color': 'white'
+                },
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        const updatePreview = (anyInSystem, hex) => {
+            memPreview.getOpt(anyInSystem).each((preview) => {
+                set$7(preview.element, 'background-color', '#' + hex.value);
+            });
+        };
+        const factory = () => {
+            const state = {
+                red: Cell(Optional?.some(255)),
+                green: Cell(Optional?.some(255)),
+                blue: Cell(Optional?.some(255)),
+                hex: Cell(Optional?.some('ffffff'))
+            };
+            const copyHexToRgb = (form, hex) => {
+                const rgb = fromHex(hex);
+                copyRgbToForm(form, rgb);
+                setValueRgb(rgb);
+            };
+            const get = (prop) => state[prop].get();
+            const set = (prop, value) => {
+                state[prop].set(value);
+            };
+            const getValueRgb = () => get('red').bind((red) => get('green').bind((green) => get('blue')?.map((blue) => rgbaColour(red, green, blue, 1))));
+            // TODO: Find way to use this for palette and slider updates
+            const setValueRgb = (rgb) => {
+                const red = rgb.red;
+                const green = rgb.green;
+                const blue = rgb.blue;
+                set('red', Optional?.some(red));
+                set('green', Optional?.some(green));
+                set('blue', Optional?.some(blue));
+            };
+            const onInvalidInput = (form, simulatedEvent) => {
+                const data = simulatedEvent.event;
+                if (data.type !== 'hex') {
+                    set(data.type, Optional.none());
+                }
+                else {
+                    onInvalidHexx(form);
+                }
+            };
+            const onValidHex = (form, value) => {
+                onValidHexx(form);
+                const hex = hexColour(value);
+                set('hex', Optional?.some(hex.value));
+                const rgb = fromHex(hex);
+                copyRgbToForm(form, rgb);
+                setValueRgb(rgb);
+                emitWith(form, fieldsUpdate, {
+                    hex
+                });
+                updatePreview(form, hex);
+            };
+            const onValidRgb = (form, prop, value) => {
+                const val = parseInt(value, 10);
+                set(prop, Optional?.some(val));
+                getValueRgb().each((rgb) => {
+                    const hex = copyRgbToHex(form, rgb);
+                    emitWith(form, fieldsUpdate, {
+                        hex
+                    });
+                    updatePreview(form, hex);
+                });
+            };
+            const isHexInputEvent = (data) => data.type === 'hex';
+            const onValidInput = (form, simulatedEvent) => {
+                const data = simulatedEvent.event;
+                if (isHexInputEvent(data)) {
+                    onValidHex(form, data.value);
+                }
+                else {
+                    onValidRgb(form, data.type, data.value);
+                }
+            };
+            const formPartStrings = (key) => ({
+                label: translate(translatePrefix + key + '.label'),
+                description: translate(translatePrefix + key + '.description')
+            });
+            const redStrings = formPartStrings('red');
+            const greenStrings = formPartStrings('green');
+            const blueStrings = formPartStrings('blue');
+            const hexStrings = formPartStrings('hex');
+            // TODO: Provide a nice way of adding APIs to existing sketchers
+            return deepMerge(Form.sketch((parts) => ({
+                dom: {
+                    tag: 'form',
+                    classes: [getClass('rgb-form')],
+                    attributes: { 'aria-label': translate('aria.color.picker') }
+                },
+                components: [
+                    parts.field('red', FormField.sketch(renderTextField(isRgbaComponent, 'red', redStrings.label, redStrings.description, 255))),
+                    parts.field('green', FormField.sketch(renderTextField(isRgbaComponent, 'green', greenStrings.label, greenStrings.description, 255))),
+                    parts.field('blue', FormField.sketch(renderTextField(isRgbaComponent, 'blue', blueStrings.label, blueStrings.description, 255))),
+                    parts.field('hex', FormField.sketch(renderTextField(isHexString, 'hex', hexStrings.label, hexStrings.description, 'ffffff'))),
+                    memPreview.asSpec()
+                ],
+                formBehaviours: derive$1([
+                    Invalidating.config({
+                        invalidClass: getClass('form-invalid')
+                    }),
+                    config('rgb-form-events', [
+                        run$1(validInput, onValidInput),
+                        run$1(invalidInput, onInvalidInput),
+                        run$1(validatingInput, onInvalidInput)
+                    ])
+                ])
+            })), {
+                apis: {
+                    updateHex: (form, hex) => {
+                        Representing.setValue(form, {
+                            hex: hex.value
+                        });
+                        copyHexToRgb(form, hex);
+                        updatePreview(form, hex);
+                    }
+                }
+            });
+        };
+        const rgbFormSketcher = single({
+            factory,
+            name: 'RgbForm',
+            configFields: [],
+            apis: {
+                updateHex: (apis, form, hex) => {
+                    apis.updateHex(form, hex);
+                }
+            },
+            extraApis: {}
+        });
+        return rgbFormSketcher;
+    };
+
+    const paletteFactory = (translate, getClass) => {
+        const spectrumPart = Slider.parts.spectrum({
+            dom: {
+                tag: 'canvas',
+                attributes: {
+                    role: 'presentation'
+                },
+                classes: [getClass('sv-palette-spectrum')]
+            }
+        });
+        const thumbPart = Slider.parts.thumb({
+            dom: {
+                tag: 'div',
+                attributes: {
+                    role: 'presentation'
+                },
+                classes: [getClass('sv-palette-thumb')],
+                innerHtml: `<div class=${getClass('sv-palette-inner-thumb')} role="presentation"></div>`
+            }
+        });
+        const setColour = (canvas, rgba) => {
+            const { width, height } = canvas;
+            const ctx = canvas.getContext('2d');
+            if (ctx === null) {
+                return;
+            }
+            ctx.fillStyle = rgba;
+            ctx.fillRect(0, 0, width, height);
+            const grdWhite = ctx.createLinearGradient(0, 0, width, 0);
+            grdWhite.addColorStop(0, 'rgba(255,255,255,1)');
+            grdWhite.addColorStop(1, 'rgba(255,255,255,0)');
+            ctx.fillStyle = grdWhite;
+            ctx.fillRect(0, 0, width, height);
+            const grdBlack = ctx.createLinearGradient(0, 0, 0, height);
+            grdBlack.addColorStop(0, 'rgba(0,0,0,0)');
+            grdBlack.addColorStop(1, 'rgba(0,0,0,1)');
+            ctx.fillStyle = grdBlack;
+            ctx.fillRect(0, 0, width, height);
+        };
+        const setPaletteHue = (slider, hue) => {
+            const canvas = slider.components()[0].element.dom;
+            const hsv = hsvColour(hue, 100, 100);
+            const rgba = fromHsv(hsv);
+            setColour(canvas, toString(rgba));
+        };
+        const setPaletteThumb = (slider, hex) => {
+            const hsv = fromRgb(fromHex(hex));
+            Slider.setValue(slider, { x: hsv.saturation, y: 100 - hsv.value });
+            set$9(slider.element, 'aria-valuetext', translate(['Saturation {0}%, Brightness {1}%', hsv.saturation, hsv.value]));
+        };
+        const factory = (_detail) => {
+            const getInitialValue = constant$1({
+                x: 0,
+                y: 0
+            });
+            const onChange = (slider, _thumb, value) => {
+                if (!isNumber(value)) {
+                    set$9(slider.element, 'aria-valuetext', translate(['Saturation {0}%, Brightness {1}%', Math.floor(value.x), Math.floor(100 - value.y)]));
+                }
+                emitWith(slider, paletteUpdate, {
+                    value
+                });
+            };
+            const onInit = (_slider, _thumb, spectrum, _value) => {
+                // Maybe make this initial value configurable?
+                setColour(spectrum.element.dom, toString(red));
+            };
+            const sliderBehaviours = derive$1([
+                Composing.config({
+                    find: Optional.some
+                }),
+                Focusing.config({})
+            ]);
+            return Slider.sketch({
+                dom: {
+                    tag: 'div',
+                    attributes: {
+                        'role': 'slider',
+                        'aria-valuetext': translate(['Saturation {0}%, Brightness {1}%', 0, 0])
+                    },
+                    classes: [getClass('sv-palette')]
+                },
+                model: {
+                    mode: 'xy',
+                    getInitialValue,
+                },
+                rounded: false,
+                components: [
+                    spectrumPart,
+                    thumbPart
+                ],
+                onChange,
+                onInit,
+                sliderBehaviours
+            });
+        };
+        const saturationBrightnessPaletteSketcher = single({
+            factory,
+            name: 'SaturationBrightnessPalette',
+            configFields: [],
+            apis: {
+                setHue: (_apis, slider, hue) => {
+                    setPaletteHue(slider, hue);
+                },
+                setThumb: (_apis, slider, hex) => {
+                    setPaletteThumb(slider, hex);
+                }
+            },
+            extraApis: {}
+        });
+        return saturationBrightnessPaletteSketcher;
+    };
+
+    const makeFactory = (translate, getClass, tooltipConfig, makeIcon) => {
+        const factory = (detail) => {
+            const rgbForm = rgbFormFactory(translate, getClass, detail.onValidHex, detail.onInvalidHex, tooltipConfig, makeIcon);
+            const sbPalette = paletteFactory(translate, getClass);
+            const hueSliderToDegrees = (hue) => (100 - hue) / 100 * 360;
+            const hueDegreesToSlider = (hue) => 100 - (hue / 360) * 100;
+            const state = {
+                paletteRgba: Cell(red),
+                paletteHue: Cell(0)
+            };
+            const memSlider = record(sliderFactory(translate, getClass));
+            const memPalette = record(sbPalette.sketch({}));
+            const memRgb = record(rgbForm.sketch({}));
+            const updatePalette = (anyInSystem, _hex, hue) => {
+                memPalette.getOpt(anyInSystem).each((palette) => {
+                    sbPalette.setHue(palette, hue);
+                });
+            };
+            const updateFields = (anyInSystem, hex) => {
+                memRgb.getOpt(anyInSystem).each((form) => {
+                    rgbForm.updateHex(form, hex);
+                });
+            };
+            const updateSlider = (anyInSystem, _hex, hue) => {
+                memSlider.getOpt(anyInSystem).each((slider) => {
+                    Slider.setValue(slider, hueDegreesToSlider(hue));
+                });
+            };
+            const updatePaletteThumb = (anyInSystem, hex) => {
+                memPalette.getOpt(anyInSystem).each((palette) => {
+                    sbPalette.setThumb(palette, hex);
+                });
+            };
+            const updateState = (hex, hue) => {
+                const rgba = fromHex(hex);
+                state.paletteRgba.set(rgba);
+                state.paletteHue.set(hue);
+            };
+            const runUpdates = (anyInSystem, hex, hue, updates) => {
+                updateState(hex, hue);
+                each$1(updates, (update) => {
+                    update(anyInSystem, hex, hue);
+                });
+            };
+            const onPaletteUpdate = () => {
+                const updates = [updateFields];
+                return (form, simulatedEvent) => {
+                    const value = simulatedEvent.event.value;
+                    const oldHue = state.paletteHue.get();
+                    const newHsv = hsvColour(oldHue, value.x, (100 - value.y));
+                    const newHex = hsvToHex(newHsv);
+                    runUpdates(form, newHex, oldHue, updates);
+                };
+            };
+            const onSliderUpdate = () => {
+                const updates = [updatePalette, updateFields];
+                return (form, simulatedEvent) => {
+                    const hue = hueSliderToDegrees(simulatedEvent.event.value);
+                    const oldRgb = state.paletteRgba.get();
+                    const oldHsv = fromRgb(oldRgb);
+                    const newHsv = hsvColour(hue, oldHsv.saturation, oldHsv.value);
+                    const newHex = hsvToHex(newHsv);
+                    runUpdates(form, newHex, hue, updates);
+                };
+            };
+            const onFieldsUpdate = () => {
+                const updates = [updatePalette, updateSlider, updatePaletteThumb];
+                return (form, simulatedEvent) => {
+                    const hex = simulatedEvent.event.hex;
+                    const hsv = hexToHsv(hex);
+                    runUpdates(form, hex, hsv.hue, updates);
+                };
+            };
+            return {
+                uid: detail.uid,
+                dom: detail.dom,
+                components: [
+                    memPalette.asSpec(),
+                    memSlider.asSpec(),
+                    memRgb.asSpec()
+                ],
+                behaviours: derive$1([
+                    config('colour-picker-events', [
+                        run$1(fieldsUpdate, onFieldsUpdate()),
+                        run$1(paletteUpdate, onPaletteUpdate()),
+                        run$1(sliderUpdate, onSliderUpdate())
+                    ]),
+                    Composing.config({
+                        find: (comp) => memRgb.getOpt(comp)
+                    }),
+                    Keying.config({
+                        mode: 'acyclic'
+                    })
+                ])
+            };
+        };
+        const colourPickerSketcher = single({
+            name: 'ColourPicker',
+            configFields: [
+                required$1('dom'),
+                defaulted('onValidHex', noop),
+                defaulted('onInvalidHex', noop)
+            ],
+            factory
+        });
+        return colourPickerSketcher;
+    };
+
+    const english = {
+        'colorcustom.rgb.red.label': 'R',
+        'colorcustom.rgb.red.description': 'Red channel',
+        'colorcustom.rgb.green.label': 'G',
+        'colorcustom.rgb.green.description': 'Green channel',
+        'colorcustom.rgb.blue.label': 'B',
+        'colorcustom.rgb.blue.description': 'Blue channel',
+        'colorcustom.rgb.hex.label': '#',
+        'colorcustom.rgb.hex.description': 'Hex color code',
+        'colorcustom.rgb.range': 'Range 0 to 255',
+        'colorcustom.rgb.invalid': 'Numbers only, 0 to 255',
+        'colorcustom.rgb.invalidHex': 'Hexadecimal only, 000000 to FFFFFF',
+        'aria.color.picker': 'Color Picker',
+        'aria.input.invalid': 'Invalid input'
+    };
+    const translate = (providerBackstage) => (key) => {
+        if (isString(key)) {
+            return providerBackstage.translate(english[key]);
+        }
+        else {
+            return providerBackstage.translate(key);
+        }
+    };
+    const renderColorPicker = (_spec, providerBackstage, initialData) => {
+        const getClass = (key) => 'tox-' + key;
+        const renderIcon = (name, errId, icon = name, label = name) => render$4(icon, {
+            tag: 'div',
+            classes: ['tox-icon', 'tox-control-wrap__status-icon-' + name],
+            attributes: {
+                'title': providerBackstage.translate(label),
+                'aria-live': 'polite',
+                ...errId.fold(() => ({}), (id) => ({ id }))
+            }
+        }, providerBackstage.icons);
+        const colourPickerFactory = makeFactory(translate(providerBackstage), getClass, providerBackstage.tooltips.getConfig, renderIcon);
+        const onValidHex = (form) => {
+            emitWith(form, formActionEvent, { name: 'hex-valid', value: true });
+        };
+        const onInvalidHex = (form) => {
+            emitWith(form, formActionEvent, { name: 'hex-valid', value: false });
+        };
+        const memPicker = record(colourPickerFactory.sketch({
+            dom: {
+                tag: 'div',
+                classes: [getClass('color-picker-container')],
+                attributes: {
+                    role: 'presentation'
+                }
+            },
+            onValidHex,
+            onInvalidHex
+        }));
+        return {
+            dom: {
+                tag: 'div'
+            },
+            components: [
+                memPicker.asSpec()
+            ],
+            behaviours: derive$1([
+                // We'll allow invalid values
+                withComp(initialData, (comp) => {
+                    const picker = memPicker.get(comp);
+                    const optRgbForm = Composing.getCurrent(picker);
+                    const optHex = optRgbForm.bind((rgbForm) => {
+                        const formValues = Representing.getValue(rgbForm);
+                        return formValues.hex;
+                    });
+                    return optHex?.map((hex) => '#' + removeLeading(hex, '#')).getOr('');
+                }, (comp, newValue) => {
+                    const pattern = /^#([a-fA-F0-9]{3}(?:[a-fA-F0-9]{3})?)/;
+                    const valOpt = Optional.from(pattern.exec(newValue)).bind((matches) => get$i(matches, 1));
+                    const picker = memPicker.get(comp);
+                    const optRgbForm = Composing.getCurrent(picker);
+                    optRgbForm.fold(() => {
+                        // eslint-disable-next-line no-console
+                        console.log('Can not find form');
+                    }, (rgbForm) => {
+                        Representing.setValue(rgbForm, {
+                            hex: valOpt.getOr('')
+                        });
+                        // So not the way to do this.
+                        Form.getField(rgbForm, 'hex').each((hexField) => {
+                            emit(hexField, input());
+                        });
+                    });
+                }),
+                ComposingConfigs.self()
+            ])
+        };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    const isOldCustomEditor = (spec) => has$2(spec, 'init');
+    const renderCustomEditor = (spec) => {
+        const editorApi = value$2();
+        const memReplaced = record({
+            dom: {
+                tag: spec.tag
+            }
+        });
+        const initialValue = value$2();
+        const focusBehaviour = !isOldCustomEditor(spec) && spec.onFocus.isSome() ? [
+            Focusing.config({
+                onFocus: (comp) => {
+                    spec.onFocus.each((onFocusFn) => {
+                        onFocusFn(comp.element.dom);
+                    });
+                }
+            }),
+            Tabstopping.config({})
+        ] : [];
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-custom-editor']
+            },
+            behaviours: derive$1([
+                config('custom-editor-events', [
+                    runOnAttached((component) => {
+                        memReplaced.getOpt(component).each((ta) => {
+                            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                            (isOldCustomEditor(spec)
+                                ? spec.init(ta.element.dom)
+                                : global$3.load(spec.scriptId, spec.scriptUrl).then((init) => init(ta.element.dom, spec.settings))).then((ea) => {
+                                initialValue.on((cvalue) => {
+                                    ea.setValue(cvalue);
+                                });
+                                initialValue.clear();
+                                editorApi.set(ea);
+                            });
+                        });
+                    })
+                ]),
+                withComp(Optional.none(), () => editorApi.get().fold(() => initialValue.get().getOr(''), (ed) => ed.getValue()), (_component, value) => {
+                    editorApi.get().fold(() => initialValue.set(value), (ed) => ed.setValue(value));
+                }),
+                ComposingConfigs.self()
+            ].concat(focusBehaviour)),
+            components: [memReplaced.asSpec()]
+        };
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const browseFilesEvent = generate$6('browse.files.event');
+    const filterByExtension = (files, providersBackstage) => {
+        const allowedImageFileTypes = global$2.explode(providersBackstage.getOption('images_file_types'));
+        const isFileInAllowedTypes = (file) => exists(allowedImageFileTypes, (type) => endsWith(file.name.toLowerCase(), `.${type.toLowerCase()}`));
+        return filter$2(from(files), isFileInAllowedTypes);
+    };
+    const renderDropZone = (spec, providersBackstage, initialData) => {
+        // TODO: Consider moving to alloy
+        const stopper = (_, se) => {
+            se.stop();
+        };
+        // TODO: Consider moving to alloy
+        const sequence = (actions) => (comp, se) => {
+            each$1(actions, (a) => {
+                a(comp, se);
+            });
+        };
+        const onDrop = (comp, se) => {
+            var _a;
+            if (!Disabling.isDisabled(comp)) {
+                const transferEvent = se.event.raw;
+                emitWith(comp, browseFilesEvent, { files: (_a = transferEvent.dataTransfer) === null || _a === void 0 ? void 0 : _a.files });
+            }
+        };
+        const onSelect = (component, simulatedEvent) => {
+            const input = simulatedEvent.event.raw.target;
+            emitWith(component, browseFilesEvent, { files: input.files });
+        };
+        const handleFiles = (component, files) => {
+            if (files) {
+                Representing.setValue(component, filterByExtension(files, providersBackstage));
+                emitWith(component, formChangeEvent, { name: spec.name });
+            }
+        };
+        const memInput = record({
+            dom: {
+                tag: 'input',
+                attributes: {
+                    type: 'file',
+                    accept: 'image/*'
+                },
+                styles: {
+                    display: 'none'
+                }
+            },
+            behaviours: derive$1([
+                config('input-file-events', [
+                    cutter(click()),
+                    cutter(tap())
+                ])
+            ])
+        });
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const pField = FormField.parts.field({
+            factory: Button,
+            dom: {
+                tag: 'button',
+                styles: {
+                    position: 'relative'
+                },
+                classes: ['tox-button', 'tox-button--secondary']
+            },
+            components: [
+                text$2(providersBackstage.translate('Browse for an image')),
+                memInput.asSpec()
+            ],
+            action: (comp) => {
+                const inputComp = memInput.get(comp);
+                inputComp.element.dom.click();
+            },
+            buttonBehaviours: derive$1([
+                ComposingConfigs.self(),
+                memory(initialData.getOr([])),
+                Tabstopping.config({}),
+                DisablingConfigs.button(() => providersBackstage.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context))
+            ])
+        });
+        const wrapper = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-dropzone-container']
+            },
+            behaviours: derive$1([
+                Disabling.config({
+                    disabled: () => providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                Toggling.config({
+                    toggleClass: 'dragenter',
+                    toggleOnExecute: false
+                }),
+                config('dropzone-events', [
+                    run$1('dragenter', sequence([stopper, Toggling.toggle])),
+                    run$1('dragleave', sequence([stopper, Toggling.toggle])),
+                    run$1('dragover', stopper),
+                    run$1('drop', sequence([stopper, onDrop])),
+                    run$1(change(), onSelect)
+                ])
+            ]),
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dropzone'],
+                        styles: {}
+                    },
+                    components: [
+                        {
+                            dom: {
+                                tag: 'p'
+                            },
+                            components: [
+                                text$2(providersBackstage.translate('Drop an image here'))
+                            ]
+                        },
+                        pField
+                    ]
+                }
+            ]
+        };
+        return renderFormFieldWith(pLabel, wrapper, ['tox-form__group--stretched'], [config('handle-files', [
+                run$1(browseFilesEvent, (comp, se) => {
+                    FormField.getField(comp).each((field) => {
+                        handleFiles(field, se.event.files);
+                    });
+                })
+            ])]);
+    };
+
+    const renderGrid = (spec, backstage) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-form__grid', `tox-form__grid--${spec.columns}col`]
+        },
+        components: map$2(spec.items, backstage.interpreter)
+    });
+
+    const beforeObject = generate$6('alloy-fake-before-tabstop');
+    const afterObject = generate$6('alloy-fake-after-tabstop');
+    const craftWithClasses = (classes) => {
+        return {
+            dom: {
+                tag: 'div',
+                styles: {
+                    width: '1px',
+                    height: '1px',
+                    outline: 'none'
+                },
+                attributes: {
+                    tabindex: '0' // Capture native tabbing in the appropriate order
+                },
+                classes
+            },
+            behaviours: derive$1([
+                Focusing.config({ ignore: true }),
+                Tabstopping.config({})
+            ])
+        };
+    };
+    const craft = (containerClasses, spec) => {
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-navobj', ...containerClasses.getOr([])]
+            },
+            components: [
+                craftWithClasses([beforeObject]),
+                spec,
+                craftWithClasses([afterObject])
+            ],
+            behaviours: derive$1([
+                ComposingConfigs.childAt(1)
+            ])
+        };
+    };
+    // TODO: Create an API in alloy to do this.
+    const triggerTab = (placeholder, shiftKey) => {
+        emitWith(placeholder, keydown(), {
+            raw: {
+                which: 9,
+                shiftKey
+            }
+        });
+    };
+    const onFocus = (container, targetComp) => {
+        const target = targetComp.element;
+        // If focus has shifted naturally to a before object, the tab direction is backwards.
+        if (has(target, beforeObject)) {
+            triggerTab(container, true);
+        }
+        else if (has(target, afterObject)) {
+            triggerTab(container, false);
+        }
+    };
+    const isPseudoStop = (element) => {
+        return closest$1(element, ['.' + beforeObject, '.' + afterObject].join(','), never);
+    };
+
+    const dialogChannel = generate$6('update-dialog');
+    const titleChannel = generate$6('update-title');
+    const bodyChannel = generate$6('update-body');
+    const footerChannel = generate$6('update-footer');
+    const bodySendMessageChannel = generate$6('body-send-message');
+    const dialogFocusShiftedChannel = generate$6('dialog-focus-shifted');
+
+    const browser = detect$1().browser;
+    const isSafari = browser.isSafari();
+    const isFirefox = browser.isFirefox();
+    const isSafariOrFirefox = isSafari || isFirefox;
+    const isChromium = browser.isChromium();
+    const isElementScrollAtBottom = ({ scrollTop, scrollHeight, clientHeight }) => Math.ceil(scrollTop) + clientHeight >= scrollHeight;
+    const scrollToY = (win, y) => 
+    // TINY-10128: The iframe body is occasionally null when we attempt to scroll, so instead of using body.scrollHeight, use a
+    // fallback value of 99999999. To minimise the potential impact of future browser changes, this fallback is significantly smaller
+    // than the minimum of the maximum value Window.scrollTo would take on supported browsers:
+    // Chromium: > Number.MAX_SAFE_INTEGER
+    // Safari: 2^31 - 1 = 2147483647
+    // Firefox: 2147483583
+    win.scrollTo(0, y === 'bottom' ? 99999999 : y);
+    const getScrollingElement = (doc, html) => {
+        // TINY-10110: The scrolling element can change between body and documentElement depending on whether there
+        // is a doctype declaration. However, this behavior is inconsistent on Chrome and Safari so checking for
+        // the scroll properties is the most reliable way to determine which element is the scrolling element, at
+        // least for the purposes of determining whether scroll is at bottom.
+        const body = doc.body;
+        return Optional.from(!/^<!DOCTYPE (html|HTML)/.test(html) &&
+            (!isChromium && !isSafari || isNonNullable(body) && (body.scrollTop !== 0 || Math.abs(body.scrollHeight - body.clientHeight) > 1))
+            ? body : doc.documentElement);
+    };
+    const writeValue = (iframeElement, html, fallbackFn) => {
+        const iframe = iframeElement.dom;
+        Optional.from(iframe.contentDocument).fold(fallbackFn, (doc) => {
+            let lastScrollTop = 0;
+            // TINY-10032: If documentElement (or body) is nullable, we assume document is empty and so scroll is at bottom.
+            const isScrollAtBottom = getScrollingElement(doc, html)?.map((el) => {
+                lastScrollTop = el.scrollTop;
+                return el;
+            }).forall(isElementScrollAtBottom);
+            const scrollAfterWrite = () => {
+                const win = iframe.contentWindow;
+                if (isNonNullable(win)) {
+                    if (isScrollAtBottom) {
+                        scrollToY(win, 'bottom');
+                    }
+                    else if (!isScrollAtBottom && isSafariOrFirefox && lastScrollTop !== 0) {
+                        // TINY-10078: Safari and Firefox reset scroll to top on each document.write(), so we need to restore scroll manually
+                        scrollToY(win, lastScrollTop);
+                    }
+                }
+            };
+            // TINY-10109: On Safari, attempting to scroll before the iframe has finished loading will cause scroll to reset to top upon load.
+            // TINY-10128: We will not wait for the load event on Chrome and Firefox since doing so causes the scroll to jump around erratically,
+            // especially on Firefox. However, not waiting for load has the trade-off of potentially losing bottom scroll when updating at a very
+            // rapid rate, as attempting to scroll before the iframe body is loaded will not work.
+            if (isSafari) {
+                iframe.addEventListener('load', scrollAfterWrite, { once: true });
+            }
+            doc.open();
+            doc.write(html);
+            doc.close();
+            if (!isSafari) {
+                scrollAfterWrite();
+            }
+        });
+    };
+    // TINY-10078: On Firefox, throttle to 200ms to improve scrolling experience. Since we are manually maintaining previous scroll position
+    // on each update, when updating rapidly without a throttle, attempting to scroll around the iframe can feel stuck.
+    // TINY-10097: On Safari, throttle to 500ms to reduce flickering as the document.write() method still observes significant flickering.
+    // Also improves scrolling, as scroll positions are maintained manually similar to Firefox.
+    const throttleInterval = someIf(isSafariOrFirefox, isSafari ? 500 : 200);
+    // TINY-10078: Use Throttler.adaptable to ensure that any content added during the waiting period is not lost.
+    const writeValueThrottler = throttleInterval?.map((interval) => adaptable(writeValue, interval));
+    const getDynamicSource = (initialData, stream) => {
+        const cachedValue = Cell(initialData.getOr(''));
+        return {
+            getValue: (_frameComponent) => 
+            // Ideally we should fetch data from the iframe...innerHtml, this triggers Cors errors
+            cachedValue.get(),
+            setValue: (frameComponent, html) => {
+                if (cachedValue.get() !== html) {
+                    const iframeElement = frameComponent.element;
+                    const setSrcdocValue = () => set$9(iframeElement, 'srcdoc', html);
+                    if (stream) {
+                        writeValueThrottler.fold(constant$1(writeValue), (throttler) => throttler.throttle)(iframeElement, html, setSrcdocValue);
+                    }
+                    else {
+                        // TINY-3769: We need to use srcdoc here, instead of src with a data URI, otherwise browsers won't retain the Origin.
+                        // See https://bugs.chromium.org/p/chromium/issues/detail?id=58999#c11
+                        setSrcdocValue();
+                    }
+                }
+                cachedValue.set(html);
+            }
+        };
+    };
+    const renderIFrame = (spec, providersBackstage, initialData) => {
+        const baseClass = 'tox-dialog__iframe';
+        const opaqueClass = spec.transparent ? [] : [`${baseClass}--opaque`];
+        const containerBorderedClass = spec.border ? [`tox-navobj-bordered`] : [];
+        const attributes = {
+            ...spec.label?.map((title) => ({ title })).getOr({}),
+            ...initialData?.map((html) => ({ srcdoc: html })).getOr({}),
+            ...spec.sandboxed ? { sandbox: 'allow-scripts allow-same-origin' } : {}
+        };
+        const sourcing = getDynamicSource(initialData, spec.streamContent);
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const factory = (newSpec) => craft(Optional.from(containerBorderedClass), {
+            // We need to use the part uid or the label and field won't be linked with ARIA
+            uid: newSpec.uid,
+            dom: {
+                tag: 'iframe',
+                attributes,
+                classes: [
+                    baseClass,
+                    ...opaqueClass
+                ]
+            },
+            behaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({}),
+                withComp(initialData, sourcing.getValue, sourcing.setValue),
+                Receiving.config({
+                    channels: {
+                        [dialogFocusShiftedChannel]: {
+                            onReceive: (comp, message) => {
+                                message.newFocus.each((newFocus) => {
+                                    parentElement(comp.element).each((parent) => {
+                                        const f = eq(comp.element, newFocus) ? add$2 : remove$3;
+                                        f(parent, 'tox-navobj-bordered-focus');
+                                    });
+                                });
+                            }
+                        }
+                    }
+                })
+            ])
+        });
+        // Note, it's not going to handle escape at this point.
+        const pField = FormField.parts.field({
+            factory: { sketch: factory }
+        });
+        return renderFormFieldWith(pLabel, pField, ['tox-form__group--stretched'], []);
+    };
+
+    const calculateImagePosition = (panelWidth, panelHeight, imageWidth, imageHeight, zoom) => {
+        const width = imageWidth * zoom;
+        const height = imageHeight * zoom;
+        const left = Math.max(0, panelWidth / 2 - width / 2);
+        const top = Math.max(0, panelHeight / 2 - height / 2);
+        return {
+            left: left.toString() + 'px',
+            top: top.toString() + 'px',
+            width: width.toString() + 'px',
+            height: height.toString() + 'px',
+        };
+    };
+    const zoomToFit = (panel, width, height) => {
+        const panelW = get$c(panel);
+        const panelH = get$d(panel);
+        return Math.min(panelW / width, panelH / height, 1);
+    };
+    const renderImagePreview = (spec, initialData) => {
+        const cachedData = Cell(initialData.getOr({ url: '' }));
+        const memImage = record({
+            dom: {
+                tag: 'img',
+                classes: ['tox-imagepreview__image'],
+                attributes: initialData?.map((data) => ({ src: data.url })).getOr({})
+            },
+        });
+        const memContainer = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-imagepreview__container'],
+                attributes: {
+                    role: 'presentation'
+                },
+            },
+            components: [
+                memImage.asSpec()
+            ]
+        });
+        const setValue = (frameComponent, data) => {
+            const translatedData = {
+                url: data.url
+            };
+            // update properties that are set by the data
+            data.zoom.each((z) => translatedData.zoom = z);
+            data.cachedWidth.each((z) => translatedData.cachedWidth = z);
+            data.cachedHeight.each((z) => translatedData.cachedHeight = z);
+            cachedData.set(translatedData);
+            const applyFramePositioning = () => {
+                const { cachedWidth, cachedHeight, zoom } = translatedData;
+                if (!isUndefined(cachedWidth) && !isUndefined(cachedHeight)) {
+                    if (isUndefined(zoom)) {
+                        const z = zoomToFit(frameComponent.element, cachedWidth, cachedHeight);
+                        // sneaky mutation since we own the object
+                        translatedData.zoom = z;
+                    }
+                    const position = calculateImagePosition(get$c(frameComponent.element), get$d(frameComponent.element), cachedWidth, cachedHeight, translatedData.zoom);
+                    memContainer.getOpt(frameComponent).each((container) => {
+                        setAll(container.element, position);
+                    });
+                }
+            };
+            memImage.getOpt(frameComponent).each((imageComponent) => {
+                const img = imageComponent.element;
+                if (data.url !== get$g(img, 'src')) {
+                    set$9(img, 'src', data.url);
+                    remove$3(frameComponent.element, 'tox-imagepreview__loaded');
+                }
+                applyFramePositioning();
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                image(img).then((img) => {
+                    // Ensure the component hasn't been removed while the image was loading
+                    // if it is disconnected, just do nothing
+                    if (frameComponent.getSystem().isConnected()) {
+                        add$2(frameComponent.element, 'tox-imagepreview__loaded');
+                        // sneaky mutation since we own the object
+                        translatedData.cachedWidth = img.dom.naturalWidth;
+                        translatedData.cachedHeight = img.dom.naturalHeight;
+                        applyFramePositioning();
+                    }
+                });
+            });
+        };
+        const styles = {};
+        spec.height.each((h) => styles.height = h);
+        // TODO: TINY-8393 Use the initial data properly once it's validated
+        const fakeValidatedData = initialData?.map((d) => ({
+            url: d.url,
+            zoom: Optional.from(d.zoom),
+            cachedWidth: Optional.from(d.cachedWidth),
+            cachedHeight: Optional.from(d.cachedHeight),
+        }));
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-imagepreview'],
+                styles,
+                attributes: {
+                    role: 'presentation'
+                }
+            },
+            components: [
+                memContainer.asSpec(),
+            ],
+            behaviours: derive$1([
+                ComposingConfigs.self(),
+                withComp(fakeValidatedData, () => 
+                /*
+                  NOTE: This is intentionally returning the cached image width and height.
+      
+                  Including those details in the dialog data helps when `setData` only changes the URL, as
+                  the old image must continue to be displayed at the old size until the new image has loaded.
+                */
+                cachedData.get(), setValue),
+            ])
+        };
+    };
+
+    const renderLabel$2 = (spec, backstageShared, getCompByName) => {
+        const baseClass = 'tox-label';
+        const centerClass = spec.align === 'center' ? [`${baseClass}--center`] : [];
+        const endClass = spec.align === 'end' ? [`${baseClass}--end`] : [];
+        const label = record({
+            dom: {
+                tag: 'label',
+                classes: [baseClass, ...centerClass, ...endClass]
+            },
+            components: [
+                text$2(backstageShared.providers.translate(spec.label))
+            ]
+        });
+        const comps = map$2(spec.items, backstageShared.interpreter);
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: [
+                label.asSpec(),
+                ...comps
+            ],
+            behaviours: derive$1([
+                ComposingConfigs.self(),
+                Replacing.config({}),
+                domHtml(Optional.none()),
+                Keying.config({
+                    mode: 'acyclic'
+                }),
+                config('label', [
+                    runOnAttached((comp) => {
+                        spec.for.each((name) => {
+                            getCompByName(name).each((target) => {
+                                label.getOpt(comp).each((labelComp) => {
+                                    var _a;
+                                    const id = (_a = get$g(target.element, 'id')) !== null && _a !== void 0 ? _a : generate$6('form-field');
+                                    set$9(target.element, 'id', id);
+                                    set$9(labelComp.element, 'for', id);
+                                });
+                            });
+                        });
+                    })
+                ]),
+            ])
+        };
+    };
+
+    const internalToolbarButtonExecute = generate$6('toolbar.button.execute');
+    // Perform `action` when an item is clicked on, close menus, and stop event
+    const onToolbarButtonExecute = (info) => runOnExecute$1((comp, _simulatedEvent) => {
+        // If there is an action, run the action
+        runWithApi(info, comp)((itemApi) => {
+            emitWith(comp, internalToolbarButtonExecute, {
+                buttonApi: itemApi
+            });
+            info.onAction(itemApi);
+        });
+    });
+    const commonButtonDisplayEvent = generate$6('common-button-display-events');
+    const toolbarButtonEventOrder = {
+        // TODO: use the constants provided by behaviours.
+        [execute$5()]: ['disabling', 'alloy.base.behaviour', 'toggling', 'toolbar-button-events', 'tooltipping'],
+        [attachedToDom()]: [
+            'toolbar-button-events',
+            commonButtonDisplayEvent
+        ],
+        [detachedFromDom()]: ['toolbar-button-events', 'dropdown-events', 'tooltipping'],
+        [mousedown()]: [
+            'focusing',
+            'alloy.base.behaviour',
+            commonButtonDisplayEvent
+        ]
+    };
+
+    const forceInitialSize = (comp) => set$7(comp.element, 'width', get$e(comp.element, 'width'));
+
+    const renderIcon$1 = (iconName, iconsProvider, behaviours) => render$4(iconName, {
+        tag: 'span',
+        classes: ["tox-icon" /* ToolbarButtonClasses.Icon */, "tox-tbtn__icon-wrap" /* ToolbarButtonClasses.IconWrap */],
+        behaviours
+    }, iconsProvider);
+    const renderIconFromPack$1 = (iconName, iconsProvider) => renderIcon$1(iconName, iconsProvider, []);
+    const renderReplaceableIconFromPack = (iconName, iconsProvider) => renderIcon$1(iconName, iconsProvider, [Replacing.config({})]);
+    const renderLabel$1 = (text, prefix, providersBackstage) => ({
+        dom: {
+            tag: 'span',
+            classes: [`${prefix}__select-label`]
+        },
+        components: [
+            text$2(providersBackstage.translate(text))
+        ],
+        behaviours: derive$1([
+            Replacing.config({})
+        ])
+    });
+
+    const updateMenuText = generate$6('update-menu-text');
+    const updateMenuIcon = generate$6('update-menu-icon');
+    const updateTooltiptext = generate$6('update-tooltip-text');
+    // TODO: Use renderCommonStructure here.
+    const renderCommonDropdown = (spec, prefix, sharedBackstage, btnName) => {
+        const editorOffCell = Cell(noop);
+        const tooltip = Cell(spec.tooltip);
+        // We need mementos for display text and display icon because on the events
+        // updateMenuText and updateMenuIcon respectively, their contents are changed
+        // via Replacing. These events are generally emitted by dropdowns that want the
+        // main text and icon to match the current selection (e.g. bespokes like font family)
+        const optMemDisplayText = spec.text?.map((text) => record(renderLabel$1(text, prefix, sharedBackstage.providers)));
+        const optMemDisplayIcon = spec.icon?.map((iconName) => record(renderReplaceableIconFromPack(iconName, sharedBackstage.providers.icons)));
+        /*
+         * The desired behaviour here is:
+         *
+         *   when left or right is pressed, and it isn't associated with expanding or
+         *   collapsing a submenu, then it should navigate to the next menu item, and
+         *   expand it (without highlighting any items in the expanded menu).
+         *   It also needs to close the previous menu
+         */
+        const onLeftOrRightInMenu = (comp, se) => {
+            // The originating dropdown is stored on the sandbox itself. This is just an
+            // implementation detail of alloy. We really need to make it a fully-fledged API.
+            // TODO: TINY-9014 Make SandboxAPI have a function that just delegates to Representing
+            const dropdown = Representing.getValue(comp);
+            // Focus the dropdown. Current workaround required to make FlowLayout recognise the current focus.
+            // The triggering keydown is going to try to move the focus left or
+            // right of the current menu, so it needs to know what the current menu dropdown is. It
+            // can't work it out by the current focus, because the current focus is *in* the menu, so
+            // we help it by moving the focus to the button, so it can work out what the next menu to
+            // the left or right is.
+            Focusing.focus(dropdown);
+            emitWith(dropdown, 'keydown', {
+                raw: se.event.raw
+            });
+            // Because we have just navigated off this open menu, we want to close it.
+            // INVESTIGATE: TINY-9014: Is this handling situations where there were no menus
+            // to move to? Does it matter if we still close it when there are no other menus?
+            Dropdown.close(dropdown);
+            // The Optional?.some(true) tells the keyboard handler that this event was handled,
+            // which will do things like stopPropagation and preventDefault.
+            return Optional?.some(true);
+        };
+        const role = spec.role.fold(() => ({}), (role) => ({ role }));
+        const listRole = Optional.from(spec.listRole)?.map((listRole) => ({ listRole })).getOr({});
+        const ariaLabelAttribute = spec.ariaLabel.fold(() => ({}), (ariaLabel) => {
+            const translatedAriaLabel = sharedBackstage.providers.translate(ariaLabel);
+            return {
+                'aria-label': translatedAriaLabel
+            };
+        });
+        const iconSpec = render$4('chevron-down', {
+            tag: 'div',
+            classes: [`${prefix}__select-chevron`]
+        }, sharedBackstage.providers.icons);
+        const fixWidthBehaviourName = generate$6('common-button-display-events');
+        // Should we use Id.generate here?
+        const customEventsName = 'dropdown-events';
+        const memDropdown = record(Dropdown.sketch({
+            ...spec.uid ? { uid: spec.uid } : {},
+            ...role,
+            ...listRole,
+            dom: {
+                tag: 'button',
+                classes: [prefix, `${prefix}--select`].concat(map$2(spec.classes, (c) => `${prefix}--${c}`)),
+                attributes: {
+                    ...ariaLabelAttribute,
+                    ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+                }
+            },
+            components: componentRenderPipeline([
+                optMemDisplayIcon?.map((mem) => mem.asSpec()),
+                optMemDisplayText?.map((mem) => mem.asSpec()),
+                Optional?.some(iconSpec)
+            ]),
+            matchWidth: true,
+            useMinWidth: true,
+            // When the dropdown opens, if we are in search mode, then we want to
+            // focus our searcher.
+            onOpen: (anchor, dropdownComp, tmenuComp) => {
+                if (spec.searchable) {
+                    focusSearchField(tmenuComp);
+                }
+            },
+            dropdownBehaviours: derive$1([
+                ...spec.dropdownBehaviours,
+                DisablingConfigs.button(() => spec.disabled || sharedBackstage.providers.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => sharedBackstage.providers.checkUiComponentContext(spec.context)),
+                // INVESTIGATE (TINY-9012): There was a old comment here about something not quite working, and that
+                // we can still get the button focused. It was probably related to Unselecting.
+                Unselecting.config({}),
+                Replacing.config({}),
+                ...(spec.tooltip?.map((t) => Tooltipping.config(sharedBackstage.providers.tooltips.getConfig({
+                    tooltipText: sharedBackstage.providers.translate(t),
+                    onShow: (comp) => {
+                        if (lift2(tooltip.get(), spec.tooltip, (tooltipStr, tt) => tt !== tooltipStr).getOr(false)) {
+                            const translatedTooltip = sharedBackstage.providers.translate(tooltip.get().getOr(''));
+                            Tooltipping.setComponents(comp, sharedBackstage.providers.tooltips.getComponents({ tooltipText: translatedTooltip }));
+                        }
+                    }
+                })))).toArray(),
+                // This is the generic way to make onSetup and onDestroy call as the component is attached /
+                // detached from the page/DOM.
+                config(customEventsName, [
+                    onControlAttached(spec, editorOffCell),
+                    onControlDetached(spec, editorOffCell)
+                ]),
+                config(fixWidthBehaviourName, [
+                    runOnAttached((comp, _se) => {
+                        if (spec.listRole !== 'listbox') {
+                            forceInitialSize(comp);
+                        }
+                    }),
+                ]),
+                config('update-dropdown-width-variable', [
+                    run$1(windowResize(), (comp, _se) => Dropdown.close(comp)),
+                ]),
+                config('menubutton-update-display-text', [
+                    // These handlers are just using Replacing to replace either the menu
+                    // text or the icon.
+                    run$1(updateMenuText, (comp, se) => {
+                        optMemDisplayText.bind((mem) => mem.getOpt(comp)).each((displayText) => {
+                            Replacing.set(displayText, [text$2(sharedBackstage.providers.translate(se.event.text))]);
+                        });
+                    }),
+                    run$1(updateMenuIcon, (comp, se) => {
+                        optMemDisplayIcon.bind((mem) => mem.getOpt(comp)).each((displayIcon) => {
+                            Replacing.set(displayIcon, [
+                                renderReplaceableIconFromPack(se.event.icon, sharedBackstage.providers.icons)
+                            ]);
+                        });
+                    }),
+                    run$1(updateTooltiptext, (comp, se) => {
+                        const translatedTooltip = sharedBackstage.providers.translate(se.event.text);
+                        set$9(comp.element, 'aria-label', translatedTooltip);
+                        tooltip.set(Optional?.some(se.event.text));
+                    })
+                ])
+            ]),
+            eventOrder: deepMerge(toolbarButtonEventOrder, {
+                // INVESTIGATE (TINY-9014): Explain why we need the events in this order.
+                // Ideally, have a test that fails when they are in a different order if order
+                // is important
+                [mousedown()]: ['focusing', 'alloy.base.behaviour', 'item-type-events', 'normal-dropdown-events'],
+                [attachedToDom()]: [
+                    'toolbar-button-events',
+                    Tooltipping.name(),
+                    customEventsName,
+                    fixWidthBehaviourName,
+                ]
+            }),
+            sandboxBehaviours: derive$1([
+                Keying.config({
+                    mode: 'special',
+                    onLeft: onLeftOrRightInMenu,
+                    onRight: onLeftOrRightInMenu
+                }),
+                config('dropdown-sandbox-events', [
+                    run$1(refetchTriggerEvent, (originalSandboxComp, se) => {
+                        handleRefetchTrigger(originalSandboxComp);
+                        // It's a custom event that no-one else should be listening to, so stop it.
+                        se.stop();
+                    }),
+                    run$1(redirectMenuItemInteractionEvent, (sandboxComp, se) => {
+                        handleRedirectToMenuItem(sandboxComp, se);
+                        // It's a custom event that no-one else should be listening to, so stop it.
+                        se.stop();
+                    })
+                ])
+            ]),
+            lazySink: sharedBackstage.getSink,
+            toggleClass: `${prefix}--active`,
+            parts: {
+                menu: {
+                    ...part(false, spec.columns, spec.presets),
+                    // When the menu is "searchable", use fakeFocus so that keyboard
+                    // focus stays in the search field
+                    fakeFocus: spec.searchable,
+                    // We don't want to update the  `aria-selected` on highlight or dehighlight for the `listbox` role because that is used to indicate the selected item
+                    ...(spec.listRole === 'listbox' ? {} : {
+                        onHighlightItem: updateAriaOnHighlight,
+                        onCollapseMenu: (tmenuComp, itemCompCausingCollapse, nowActiveMenuComp) => {
+                            // We want to update ARIA on collapsing as well, because it isn't changing
+                            // the highlights. So what we need to do is get the right parameters to
+                            // pass to updateAriaOnHighlight
+                            Highlighting.getHighlighted(nowActiveMenuComp).each((itemComp) => {
+                                updateAriaOnHighlight(tmenuComp, nowActiveMenuComp, itemComp);
+                            });
+                        },
+                        onDehighlightItem: updateAriaOnDehighlight
+                    })
+                }
+            },
+            getAnchorOverrides: () => {
+                return {
+                    maxHeightFunction: (element, available) => {
+                        anchored()(element, available - 10);
+                    },
+                };
+            },
+            fetch: (comp) => Future.nu(curry(spec.fetch, comp))
+        }));
+        return memDropdown.asSpec();
+    };
+
+    const isMenuItemReference = (item) => isString(item);
+    const isSeparator$2 = (item) => item.type === 'separator';
+    const isExpandingMenuItem = (item) => has$2(item, 'getSubmenuItems');
+    const separator$2 = {
+        type: 'separator'
+    };
+    const unwrapReferences = (items, menuItems) => {
+        // Unwrap any string based menu item references
+        const realItems = foldl(items, (acc, item) => {
+            if (isMenuItemReference(item)) {
+                if (item === '') {
+                    return acc;
+                }
+                else if (item === '|') {
+                    // Ignore the separator if it's at the start or a duplicate
+                    return acc.length > 0 && !isSeparator$2(acc[acc.length - 1]) ? acc.concat([separator$2]) : acc;
+                }
+                else if (has$2(menuItems, item.toLowerCase())) {
+                    return acc.concat([menuItems[item.toLowerCase()]]);
+                }
+                else {
+                    // TODO: Add back after TINY-3232 is implemented
+                    // console.error('No representation for menuItem: ' + item);
+                    return acc;
+                }
+            }
+            else {
+                return acc.concat([item]);
+            }
+        }, []);
+        // Remove any trailing separators
+        if (realItems.length > 0 && isSeparator$2(realItems[realItems.length - 1])) {
+            realItems.pop();
+        }
+        return realItems;
+    };
+    const getFromExpandingItem = (item, menuItems) => {
+        const submenuItems = item.getSubmenuItems();
+        const rest = expand(submenuItems, menuItems);
+        const newMenus = deepMerge(rest.menus, { [item.value]: rest.items });
+        const newExpansions = deepMerge(rest.expansions, { [item.value]: item.value });
+        return {
+            item,
+            menus: newMenus,
+            expansions: newExpansions
+        };
+    };
+    const generateValueIfRequired = (item) => {
+        // Use the value already in item if it has one.
+        const itemValue = get$h(item, 'value').getOrThunk(() => generate$6('generated-menu-item'));
+        return deepMerge({ value: itemValue }, item);
+    };
+    // Takes items, and consolidates them into its return value
+    const expand = (items, menuItems) => {
+        // Fistly, we do all substitution using the registry for any items referenced by their
+        // string key.
+        const realItems = unwrapReferences(isString(items) ? items.split(' ') : items, menuItems);
+        // Now that we have complete bridge Item specs for all items, we need to collect the
+        // submenus, items in the primary menu, and triggering menu items all into one
+        // giant object to from the building blocks on our TieredData
+        return foldr(realItems, (acc, item) => {
+            if (isExpandingMenuItem(item)) {
+                // We generate a random value for item, but only if there isn't an existing value
+                const itemWithValue = generateValueIfRequired(item);
+                // The newData isn't quite in the format you might expect. The list of items
+                // for an item with nested items is just the single parent item. All of the nested
+                // items becomes part of '.menus'. Finally, the expansions is just a map from
+                // the triggering item to the first submenu. Incidentally, they are given the same
+                // value (triggering item and submenu), for convenience.
+                const newData = getFromExpandingItem(itemWithValue, menuItems);
+                return {
+                    // Combine all of our current submenus and items with the new submenus created by
+                    // this item with nested subitems
+                    menus: deepMerge(acc.menus, newData.menus),
+                    // Add our parent item into the list of items in the *current menu*.
+                    items: [newData.item, ...acc.items],
+                    // Merge together our "this item opens this submenu" objects
+                    expansions: deepMerge(acc.expansions, newData.expansions)
+                };
+            }
+            else {
+                // If we aren't creating any submenus, then all we need to do is add this item
+                // to the list of items in the current menu. So this is the same as an expanding
+                // menu item, except it doesn't add to `menus` or `expansions`.
+                return {
+                    ...acc,
+                    items: [item, ...acc.items]
+                };
+            }
+        }, {
+            menus: {},
+            expansions: {},
+            items: []
+        });
+    };
+
+    const getSearchModeForField = (settings) => {
+        return settings.search.fold(() => ({ searchMode: 'no-search' }), (searchSettings) => ({
+            searchMode: 'search-with-field',
+            placeholder: searchSettings.placeholder
+        }));
+    };
+    const getSearchModeForResults = (settings) => {
+        return settings.search.fold(() => ({ searchMode: 'no-search' }), (_) => ({ searchMode: 'search-with-results' }));
+    };
+    const build = (items, itemResponse, backstage, settings) => {
+        const primary = generate$6('primary-menu');
+        // The expand process identifies all the items, submenus, and triggering items
+        // defined by the list of items. It substitutes the strings using the values registered
+        // in the menuItem registry where necessary. It is the building blocks of TieredData,
+        // but everything is still just in the bridge item format ... nothing has been turned
+        // into AlloySpecs.
+        const data = expand(items, backstage.shared.providers.menuItems());
+        if (data.items.length === 0) {
+            return Optional.none();
+        }
+        // Only the main menu has a searchable widget (if it is enabled)
+        const mainMenuSearchMode = getSearchModeForField(settings);
+        const mainMenu = createPartialMenu(primary, data.items, itemResponse, backstage, settings.isHorizontalMenu, mainMenuSearchMode);
+        // The submenus do not have the search field, but will have search results for
+        // connecting to the search field via aria-controls
+        const submenuSearchMode = getSearchModeForResults(settings);
+        const submenus = map$1(data.menus, (menuItems, menuName) => createPartialMenu(menuName, menuItems, itemResponse, backstage, 
+        // Currently, submenus cannot be horizontal menus (so always false)
+        false, submenuSearchMode));
+        const menus = deepMerge(submenus, wrap(primary, mainMenu));
+        return Optional.from(tieredMenu.tieredData(primary, menus, data.expansions));
+    };
+
+    const isSingleListItem = (item) => !has$2(item, 'items');
+    const dataAttribute = 'data-value';
+    const fetchItems = (dropdownComp, name, items, selectedValue, hasNestedItems) => map$2(items, (item) => {
+        if (!isSingleListItem(item)) {
+            return {
+                type: 'nestedmenuitem',
+                text: item.text,
+                getSubmenuItems: () => fetchItems(dropdownComp, name, item.items, selectedValue, hasNestedItems)
+            };
+        }
+        else {
+            return {
+                type: 'togglemenuitem',
+                ...(hasNestedItems ? {} : { role: 'option' }),
+                text: item.text,
+                value: item.value,
+                active: item.value === selectedValue,
+                onAction: () => {
+                    Representing.setValue(dropdownComp, item.value);
+                    emitWith(dropdownComp, formChangeEvent, { name });
+                    Focusing.focus(dropdownComp);
+                }
+            };
+        }
+    });
+    const findItemByValue = (items, value) => findMap(items, (item) => {
+        if (!isSingleListItem(item)) {
+            return findItemByValue(item.items, value);
+        }
+        else {
+            return someIf(item.value === value, item);
+        }
+    });
+    const renderListBox = (spec, backstage, initialData) => {
+        const hasNestedItems = exists(spec.items, (item) => !isSingleListItem(item));
+        const providersBackstage = backstage.shared.providers;
+        const initialItem = initialData
+            .bind((value) => findItemByValue(spec.items, value))
+            .orThunk(() => head(spec.items).filter(isSingleListItem));
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const pField = FormField.parts.field({
+            dom: {},
+            factory: {
+                sketch: (sketchSpec) => renderCommonDropdown({
+                    context: spec.context,
+                    uid: sketchSpec.uid,
+                    text: initialItem?.map((item) => item.text),
+                    icon: Optional.none(),
+                    tooltip: Optional.none(),
+                    role: someIf(!hasNestedItems, 'combobox'),
+                    ...(hasNestedItems ? {} : { listRole: 'listbox' }),
+                    ariaLabel: spec.label,
+                    fetch: (comp, callback) => {
+                        const items = fetchItems(comp, spec.name, spec.items, Representing.getValue(comp), hasNestedItems);
+                        callback(build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+                            isHorizontalMenu: false,
+                            search: Optional.none()
+                        }));
+                    },
+                    onSetup: constant$1(noop),
+                    getApi: constant$1({}),
+                    columns: 1,
+                    presets: 'normal',
+                    classes: [],
+                    dropdownBehaviours: [
+                        Tabstopping.config({}),
+                        withComp(initialItem?.map((item) => item.value), (comp) => get$g(comp.element, dataAttribute), (comp, data) => {
+                            // We only want to update the saved value if the value set is a valid property
+                            findItemByValue(spec.items, data)
+                                .each((item) => {
+                                set$9(comp.element, dataAttribute, item.value);
+                                emitWith(comp, updateMenuText, { text: item.text });
+                            });
+                        })
+                    ]
+                }, 'tox-listbox', backstage.shared)
+            }
+        });
+        const listBoxWrap = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-listboxfield']
+            },
+            components: [pField]
+        };
+        return FormField.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: flatten([pLabel.toArray(), [listBoxWrap]]),
+            fieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.enable);
+                    }
+                })
+            ])
+        });
+    };
+
+    const renderPanel = (spec, backstage) => ({
+        dom: {
+            tag: 'div',
+            classes: spec.classes
+        },
+        // All of the items passed through the form need to be put through the interpreter
+        // with their form part preserved.
+        components: map$2(spec.items, backstage.shared.interpreter)
+    });
+
+    const renderSelectBox = (spec, providersBackstage, initialData) => {
+        const translatedOptions = map$2(spec.items, (item) => ({
+            text: providersBackstage.translate(item.text),
+            value: item.value
+        }));
+        // DUPE with TextField.
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const pField = FormField.parts.field({
+            // TODO: Alloy should not allow dom changing of an HTML select!
+            dom: {},
+            ...initialData?.map((data) => ({ data })).getOr({}),
+            selectAttributes: {
+                size: spec.size
+            },
+            options: translatedOptions,
+            factory: HtmlSelect,
+            selectBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+                }),
+                Tabstopping.config({}),
+                config('selectbox-change', [
+                    run$1(change(), (component, _) => {
+                        emitWith(component, formChangeEvent, { name: spec.name });
+                    })
+                ])
+            ])
+        });
+        const chevron = spec.size > 1 ? Optional.none() :
+            Optional?.some(render$4('chevron-down', { tag: 'div', classes: ['tox-selectfield__icon-js'] }, providersBackstage.icons));
+        const selectWrap = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-selectfield']
+            },
+            components: flatten([[pField], chevron.toArray()])
+        };
+        return FormField.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: flatten([pLabel.toArray(), [selectWrap]]),
+            fieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.enable);
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context))
+            ])
+        });
+    };
+
+    const formatSize = (size) => {
+        const unitDec = {
+            '': 0,
+            'px': 0,
+            'pt': 1,
+            'mm': 1,
+            'pc': 2,
+            'ex': 2,
+            'em': 2,
+            'ch': 2,
+            'rem': 2,
+            'cm': 3,
+            'in': 4,
+            '%': 4
+        };
+        const maxDecimal = (unit) => unit in unitDec ? unitDec[unit] : 1;
+        let numText = size.value.toFixed(maxDecimal(size.unit));
+        if (numText.indexOf('.') !== -1) {
+            numText = numText.replace(/\.?0*$/, '');
+        }
+        return numText + size.unit;
+    };
+    const parseSize = (sizeText) => {
+        const numPattern = /^\s*(\d+(?:\.\d+)?)\s*(|cm|mm|in|px|pt|pc|em|ex|ch|rem|vw|vh|vmin|vmax|%)\s*$/;
+        const match = numPattern.exec(sizeText);
+        if (match !== null) {
+            const value = parseFloat(match[1]);
+            const unit = match[2];
+            return Result.value({ value, unit });
+        }
+        else {
+            return Result.error(sizeText);
+        }
+    };
+    const convertUnit = (size, unit) => {
+        const inInch = {
+            '': 96,
+            'px': 96,
+            'pt': 72,
+            'cm': 2.54,
+            'pc': 12,
+            'mm': 25.4,
+            'in': 1
+        };
+        const supported = (u) => has$2(inInch, u);
+        if (size.unit === unit) {
+            return Optional?.some(size.value);
+        }
+        else if (supported(size.unit) && supported(unit)) {
+            if (inInch[size.unit] === inInch[unit]) {
+                return Optional?.some(size.value);
+            }
+            else {
+                return Optional?.some(size.value / inInch[size.unit] * inInch[unit]);
+            }
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const noSizeConversion = (_input) => Optional.none();
+    const ratioSizeConversion = (scale, unit) => (size) => convertUnit(size, unit)?.map((value) => ({ value: value * scale, unit }));
+    const makeRatioConverter = (currentFieldText, otherFieldText) => {
+        const cValue = parseSize(currentFieldText).toOptional();
+        const oValue = parseSize(otherFieldText).toOptional();
+        return lift2(cValue, oValue, (cSize, oSize) => convertUnit(cSize, oSize.unit)?.map((val) => oSize.value / val)?.map((r) => ratioSizeConversion(r, oSize.unit)).getOr(noSizeConversion)).getOr(noSizeConversion);
+    };
+
+    const renderSizeInput = (spec, providersBackstage) => {
+        let converter = noSizeConversion;
+        const ratioEvent = generate$6('ratio-event');
+        const makeIcon = (iconName) => render$4(iconName, { tag: 'span', classes: ['tox-icon', 'tox-lock-icon__' + iconName] }, providersBackstage.icons);
+        const disabled = () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable;
+        const toggleOnReceive$1 = toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context));
+        const label = spec.label.getOr('Constrain proportions');
+        const translatedLabel = providersBackstage.translate(label);
+        const pLock = FormCoupledInputs.parts.lock({
+            dom: {
+                tag: 'button',
+                classes: ['tox-lock', 'tox-button', 'tox-button--naked', 'tox-button--icon'],
+                attributes: {
+                    'aria-label': translatedLabel,
+                    'data-mce-name': label
+                }
+            },
+            components: [
+                makeIcon('lock'),
+                makeIcon('unlock')
+            ],
+            buttonBehaviours: derive$1([
+                Disabling.config({ disabled }),
+                toggleOnReceive$1,
+                Tabstopping.config({}),
+                Tooltipping.config(providersBackstage.tooltips.getConfig({
+                    tooltipText: translatedLabel
+                }))
+            ])
+        });
+        const formGroup = (components) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components
+        });
+        const getFieldPart = (isField1) => FormField.parts.field({
+            factory: Input,
+            inputClasses: ['tox-textfield'],
+            inputBehaviours: derive$1([
+                Disabling.config({ disabled }),
+                toggleOnReceive$1,
+                Tabstopping.config({}),
+                config('size-input-events', [
+                    run$1(focusin(), (component, _simulatedEvent) => {
+                        emitWith(component, ratioEvent, { isField1 });
+                    }),
+                    run$1(change(), (component, _simulatedEvent) => {
+                        emitWith(component, formChangeEvent, { name: spec.name });
+                    })
+                ])
+            ]),
+            selectOnFocus: false
+        });
+        const getLabel = (label) => ({
+            dom: {
+                tag: 'label',
+                classes: ['tox-label']
+            },
+            components: [
+                text$2(providersBackstage.translate(label))
+            ]
+        });
+        const widthField = FormCoupledInputs.parts.field1(formGroup([FormField.parts.label(getLabel('Width')), getFieldPart(true)]));
+        const heightField = FormCoupledInputs.parts.field2(formGroup([FormField.parts.label(getLabel('Height')), getFieldPart(false)]));
+        return FormCoupledInputs.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-form__controls-h-stack']
+                    },
+                    components: [
+                        // NOTE: Form coupled inputs to the FormField.sketch themselves.
+                        widthField,
+                        heightField,
+                        formGroup([
+                            getLabel(nbsp),
+                            pLock
+                        ])
+                    ]
+                }
+            ],
+            field1Name: 'width',
+            field2Name: 'height',
+            locked: true,
+            markers: {
+                lockClass: 'tox-locked'
+            },
+            onLockedChange: (current, other, _lock) => {
+                parseSize(Representing.getValue(current)).each((size) => {
+                    converter(size).each((newSize) => {
+                        Representing.setValue(other, formatSize(newSize));
+                    });
+                });
+            },
+            coupledFieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled,
+                    onDisabled: (comp) => {
+                        FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.disable);
+                        FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.disable);
+                        FormCoupledInputs.getLock(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.enable);
+                        FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.enable);
+                        FormCoupledInputs.getLock(comp).each(Disabling.enable);
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('mode:design')),
+                config('size-input-events2', [
+                    run$1(ratioEvent, (component, simulatedEvent) => {
+                        const isField1 = simulatedEvent.event.isField1;
+                        const optCurrent = isField1 ? FormCoupledInputs.getField1(component) : FormCoupledInputs.getField2(component);
+                        const optOther = isField1 ? FormCoupledInputs.getField2(component) : FormCoupledInputs.getField1(component);
+                        const value1 = optCurrent?.map(Representing.getValue).getOr('');
+                        const value2 = optOther?.map(Representing.getValue).getOr('');
+                        converter = makeRatioConverter(value1, value2);
+                    })
+                ])
+            ])
+        });
+    };
+
+    const renderSlider = (spec, providerBackstage, initialData) => {
+        const labelPart = Slider.parts.label({
+            dom: {
+                tag: 'label',
+                classes: ['tox-label']
+            },
+            components: [
+                text$2(providerBackstage.translate(spec.label))
+            ]
+        });
+        const spectrum = Slider.parts.spectrum({
+            dom: {
+                tag: 'div',
+                classes: ['tox-slider__rail'],
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        const thumb = Slider.parts.thumb({
+            dom: {
+                tag: 'div',
+                classes: ['tox-slider__handle'],
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        return Slider.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-slider'],
+                attributes: {
+                    role: 'presentation'
+                }
+            },
+            model: {
+                mode: 'x',
+                minX: spec.min,
+                maxX: spec.max,
+                getInitialValue: constant$1(initialData.getOrThunk(() => (Math.abs(spec.max) - Math.abs(spec.min)) / 2))
+            },
+            components: [
+                labelPart,
+                spectrum,
+                thumb
+            ],
+            sliderBehaviours: derive$1([
+                ComposingConfigs.self(),
+                Focusing.config({})
+            ]),
+            onChoose: (component, thumb, value) => {
+                emitWith(component, formChangeEvent, { name: spec.name, value });
+            },
+            onChange: (component, thumb, value) => {
+                emitWith(component, formChangeEvent, { name: spec.name, value });
+            },
+        });
+    };
+
+    const renderTable = (spec, providersBackstage) => {
+        const renderTh = (text) => ({
+            dom: {
+                tag: 'th',
+                innerHtml: providersBackstage.translate(text)
+            }
+        });
+        const renderHeader = (header) => ({
+            dom: {
+                tag: 'thead'
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'tr'
+                    },
+                    components: map$2(header, renderTh)
+                }
+            ]
+        });
+        const renderTd = (text) => ({ dom: { tag: 'td', innerHtml: providersBackstage.translate(text) } });
+        const renderTr = (row) => ({ dom: { tag: 'tr' }, components: map$2(row, renderTd) });
+        const renderRows = (rows) => ({ dom: { tag: 'tbody' }, components: map$2(rows, renderTr) });
+        return {
+            dom: {
+                tag: 'table',
+                classes: ['tox-dialog__table']
+            },
+            components: [
+                renderHeader(spec.header),
+                renderRows(spec.cells)
+            ],
+            behaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({})
+            ])
+        };
+    };
+
+    const renderTextField = (spec, providersBackstage) => {
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const baseInputBehaviours = [
+            Disabling.config({
+                disabled: () => spec.disabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+            }),
+            toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+            Keying.config({
+                mode: 'execution',
+                useEnter: spec.multiline !== true,
+                useControlEnter: spec.multiline === true,
+                execute: (comp) => {
+                    emit(comp, formSubmitEvent);
+                    return Optional?.some(true);
+                }
+            }),
+            config('textfield-change', [
+                run$1(input(), (component, _) => {
+                    emitWith(component, formChangeEvent, { name: spec.name });
+                }),
+                run$1(postPaste(), (component, _) => {
+                    emitWith(component, formChangeEvent, { name: spec.name });
+                })
+            ]),
+            Tabstopping.config({})
+        ];
+        const validatingBehaviours = spec.validation?.map((vl) => Invalidating.config({
+            getRoot: (input) => {
+                return parentElement(input.element);
+            },
+            invalidClass: 'tox-invalid',
+            validator: {
+                validate: (input) => {
+                    const v = Representing.getValue(input);
+                    const result = vl.validator(v);
+                    return Future.pure(result === true ? Result.value(v) : Result.error(result));
+                },
+                validateOnLoad: vl.validateOnLoad
+            }
+        })).toArray();
+        const placeholder = spec.placeholder.fold(constant$1({}), (p) => ({ placeholder: providersBackstage.translate(p) }));
+        const inputMode = spec.inputMode.fold(constant$1({}), (mode) => ({ inputmode: mode }));
+        const inputAttributes = {
+            ...placeholder,
+            ...inputMode,
+            'data-mce-name': spec.name
+        };
+        const pField = FormField.parts.field({
+            tag: spec.multiline === true ? 'textarea' : 'input',
+            ...spec.data?.map((data) => ({ data })).getOr({}),
+            inputAttributes,
+            inputClasses: [spec.classname],
+            inputBehaviours: derive$1(flatten([
+                baseInputBehaviours,
+                validatingBehaviours
+            ])),
+            selectOnFocus: false,
+            factory: Input
+        });
+        // TINY-9331: This wrapper is needed to avoid border-radius rendering issues when the textarea has a scrollbar
+        const pTextField = spec.multiline ? {
+            dom: {
+                tag: 'div',
+                classes: ['tox-textarea-wrap']
+            },
+            components: [pField]
+        } : pField;
+        const extraClasses = spec.flex ? ['tox-form__group--stretched'] : [];
+        const extraClasses2 = extraClasses.concat(spec.maximized ? ['tox-form-group--maximize'] : []);
+        const extraBehaviours = [
+            Disabling.config({
+                disabled: () => spec.disabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                onDisabled: (comp) => {
+                    FormField.getField(comp).each(Disabling.disable);
+                },
+                onEnabled: (comp) => {
+                    FormField.getField(comp).each(Disabling.enable);
+                }
+            }),
+            toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+        ];
+        return renderFormFieldWith(pLabel, pTextField, extraClasses2, extraBehaviours);
+    };
+    const renderInput = (spec, providersBackstage, initialData) => renderTextField({
+        name: spec.name,
+        multiline: false,
+        label: spec.label,
+        inputMode: spec.inputMode,
+        placeholder: spec.placeholder,
+        flex: false,
+        disabled: !spec.enabled,
+        classname: 'tox-textfield',
+        validation: Optional.none(),
+        maximized: spec.maximized,
+        data: initialData,
+        context: spec.context
+    }, providersBackstage);
+    const renderTextarea = (spec, providersBackstage, initialData) => renderTextField({
+        name: spec.name,
+        multiline: true,
+        label: spec.label,
+        inputMode: Optional.none(), // type attribute is not valid for textareas
+        placeholder: spec.placeholder,
+        flex: true,
+        disabled: !spec.enabled,
+        classname: 'tox-textarea',
+        validation: Optional.none(),
+        maximized: spec.maximized,
+        data: initialData,
+        context: spec.context
+    }, providersBackstage);
+
+    const getMenuButtonApi = (component) => ({
+        isEnabled: () => !Disabling.isDisabled(component),
+        setEnabled: (state) => Disabling.set(component, !state),
+        setActive: (state) => {
+            // Note: We can't use the toggling behaviour here, as the dropdown for the menu also relies on it.
+            // As such, we'll need to do this manually
+            const elm = component.element;
+            if (state) {
+                add$2(elm, "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */);
+                set$9(elm, 'aria-pressed', true);
+            }
+            else {
+                remove$3(elm, "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */);
+                remove$8(elm, 'aria-pressed');
+            }
+        },
+        isActive: () => has(component.element, "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */),
+        setTooltip: (tooltip) => {
+            emitWith(component, updateTooltiptext, {
+                text: tooltip
+            });
+        },
+        setText: (text) => {
+            emitWith(component, updateMenuText, {
+                text
+            });
+        },
+        setIcon: (icon) => emitWith(component, updateMenuIcon, {
+            icon
+        })
+    });
+    const renderMenuButton = (spec, prefix, backstage, role, tabstopping = true, btnName) => {
+        const classes = spec.buttonType === 'bordered' ? ['bordered'] : [];
+        return renderCommonDropdown({
+            text: spec.text,
+            icon: spec.icon,
+            tooltip: spec.tooltip,
+            ariaLabel: spec.tooltip,
+            searchable: spec.search.isSome(),
+            // https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-2/menubar-2.html
+            role,
+            fetch: (dropdownComp, callback) => {
+                const fetchContext = {
+                    pattern: spec.search.isSome() ? getSearchPattern(dropdownComp) : ''
+                };
+                spec.fetch((items) => {
+                    callback(build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+                        isHorizontalMenu: false,
+                        // MenuButtons are the only dropdowns that support searchable (2022-08-16)
+                        search: spec.search
+                    }));
+                }, fetchContext, getMenuButtonApi(dropdownComp));
+            },
+            onSetup: spec.onSetup,
+            getApi: (comp) => getMenuButtonApi(comp),
+            columns: 1,
+            presets: 'normal',
+            classes,
+            dropdownBehaviours: [
+                ...(tabstopping ? [Tabstopping.config({})] : []),
+            ],
+            context: spec.context
+        }, prefix, backstage.shared, btnName);
+    };
+    const getFetch = (items, getButton, backstage) => {
+        const getMenuItemAction = (item) => (api) => {
+            // Update the menu item state
+            const newValue = !api.isActive();
+            api.setActive(newValue);
+            item.storage.set(newValue);
+            // Fire the form action event
+            backstage.shared.getSink().each((sink) => {
+                getButton().getOpt(sink).each((orig) => {
+                    focus$4(orig.element);
+                    emitWith(orig, formActionEvent, {
+                        name: item.name,
+                        value: item.storage.get()
+                    });
+                });
+            });
+        };
+        const getMenuItemSetup = (item) => (api) => {
+            api.setActive(item.storage.get());
+        };
+        return (success) => {
+            success(map$2(items, (item) => {
+                const text = item.text.fold(() => ({}), (text) => ({
+                    text
+                }));
+                return {
+                    type: item.type,
+                    active: false,
+                    ...text,
+                    context: item.context,
+                    onAction: getMenuItemAction(item),
+                    onSetup: getMenuItemSetup(item)
+                };
+            }));
+        };
+    };
+
+    const renderLabel = (text) => ({
+        dom: {
+            tag: 'span',
+            classes: ['tox-tree__label'],
+            attributes: {
+                'aria-label': text,
+            }
+        },
+        components: [
+            text$2(text)
+        ],
+    });
+    const renderCustomStateIcon = (container, components, backstage) => {
+        container.customStateIcon.each((icon) => components.push(renderIcon(icon, backstage.shared.providers.icons, container.customStateIconTooltip.fold(() => [], (tooltip) => [
+            Tooltipping.config(backstage.shared.providers.tooltips.getConfig({
+                tooltipText: tooltip
+            }))
+        ]), ['tox-icon-custom-state'])));
+    };
+    const leafLabelEventsId = generate$6('leaf-label-event-id');
+    const renderLeafLabel = ({ leaf, onLeafAction, visible, treeId, selectedId, backstage }) => {
+        const internalMenuButton = leaf.menu?.map((btn) => renderMenuButton(btn, 'tox-mbtn', backstage, Optional.none(), visible));
+        const components = [renderLabel(leaf.title)];
+        renderCustomStateIcon(leaf, components, backstage);
+        internalMenuButton.each((btn) => components.push(btn));
+        return Button.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree--leaf__label', 'tox-trbtn']
+                    .concat(visible ? ['tox-tree--leaf__label--visible'] : []),
+            },
+            components,
+            role: 'treeitem',
+            action: (button) => {
+                onLeafAction(leaf.id);
+                button.getSystem().broadcastOn([`update-active-item-${treeId}`], {
+                    value: leaf.id
+                });
+            },
+            eventOrder: {
+                [keydown()]: [
+                    leafLabelEventsId,
+                    'keying',
+                ]
+            },
+            buttonBehaviours: derive$1([
+                ...(visible ? [Tabstopping.config({})] : []),
+                Toggling.config({
+                    toggleClass: 'tox-trbtn--enabled',
+                    toggleOnExecute: false,
+                    aria: {
+                        mode: 'selected'
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        [`update-active-item-${treeId}`]: {
+                            onReceive: (comp, message) => {
+                                (message.value === leaf.id ? Toggling.on : Toggling.off)(comp);
+                            }
+                        }
+                    }
+                }),
+                config(leafLabelEventsId, [
+                    runOnAttached((comp, _se) => {
+                        selectedId.each((id) => {
+                            const toggle = id === leaf.id ? Toggling.on : Toggling.off;
+                            toggle(comp);
+                        });
+                    }),
+                    run$1(keydown(), (comp, se) => {
+                        const isLeftArrowKey = se.event.raw.code === 'ArrowLeft';
+                        const isRightArrowKey = se.event.raw.code === 'ArrowRight';
+                        if (isLeftArrowKey) {
+                            ancestor$1(comp.element, '.tox-tree--directory').each((dirElement) => {
+                                comp.getSystem().getByDom(dirElement).each((dirComp) => {
+                                    child(dirElement, '.tox-tree--directory__label').each((dirLabelElement) => {
+                                        dirComp.getSystem().getByDom(dirLabelElement).each(Focusing.focus);
+                                    });
+                                });
+                            });
+                            se.stop();
+                        }
+                        else if (isRightArrowKey) {
+                            se.stop();
+                        }
+                    })
+                ])
+            ]),
+        });
+    };
+    const renderIcon = (iconName, iconsProvider, behaviours, extraClasses, extraAttributes) => render$4(iconName, {
+        tag: 'span',
+        classes: [
+            'tox-tree__icon-wrap',
+            'tox-icon',
+        ].concat(extraClasses || []),
+        behaviours,
+        attributes: extraAttributes
+    }, iconsProvider);
+    const renderIconFromPack = (iconName, iconsProvider) => renderIcon(iconName, iconsProvider, []);
+    const directoryLabelEventsId = generate$6('directory-label-event-id');
+    const renderDirectoryLabel = ({ directory, visible, noChildren, backstage }) => {
+        const internalMenuButton = directory.menu?.map((btn) => renderMenuButton(btn, 'tox-mbtn', backstage, Optional.none()));
+        const components = [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-chevron'],
+                },
+                components: [
+                    renderIconFromPack('chevron-right', backstage.shared.providers.icons),
+                ]
+            },
+            renderLabel(directory.title)
+        ];
+        renderCustomStateIcon(directory, components, backstage);
+        internalMenuButton.each((btn) => {
+            components.push(btn);
+        });
+        const toggleExpandChildren = (button) => {
+            ancestor$1(button.element, '.tox-tree--directory').each((directoryEle) => {
+                button.getSystem().getByDom(directoryEle).each((directoryComp) => {
+                    const willExpand = !Toggling.isOn(directoryComp);
+                    Toggling.toggle(directoryComp);
+                    emitWith(button, 'expand-tree-node', { expanded: willExpand, node: directory.id });
+                });
+            });
+        };
+        return Button.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree--directory__label', 'tox-trbtn'].concat(visible ? ['tox-tree--directory__label--visible'] : []),
+            },
+            components,
+            action: toggleExpandChildren,
+            eventOrder: {
+                [keydown()]: [
+                    directoryLabelEventsId,
+                    'keying',
+                ]
+            },
+            buttonBehaviours: derive$1([
+                ...(visible ? [Tabstopping.config({})] : []),
+                config(directoryLabelEventsId, [
+                    run$1(keydown(), (comp, se) => {
+                        const isRightArrowKey = se.event.raw.code === 'ArrowRight';
+                        const isLeftArrowKey = se.event.raw.code === 'ArrowLeft';
+                        if (isRightArrowKey && noChildren) {
+                            se.stop();
+                        }
+                        if (isRightArrowKey || isLeftArrowKey) {
+                            ancestor$1(comp.element, '.tox-tree--directory').each((directoryEle) => {
+                                comp.getSystem().getByDom(directoryEle).each((directoryComp) => {
+                                    if (!Toggling.isOn(directoryComp) && isRightArrowKey || Toggling.isOn(directoryComp) && isLeftArrowKey) {
+                                        toggleExpandChildren(comp);
+                                        se.stop();
+                                    }
+                                    else if (isLeftArrowKey && !Toggling.isOn(directoryComp)) {
+                                        ancestor$1(directoryComp.element, '.tox-tree--directory').each((parentDirElement) => {
+                                            child(parentDirElement, '.tox-tree--directory__label').each((parentDirLabelElement) => {
+                                                directoryComp.getSystem().getByDom(parentDirLabelElement).each(Focusing.focus);
+                                            });
+                                        });
+                                        se.stop();
+                                    }
+                                });
+                            });
+                        }
+                    })
+                ])
+            ])
+        });
+    };
+    const renderDirectoryChildren = ({ children, onLeafAction, visible, treeId, expandedIds, selectedId, backstage }) => {
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree--directory__children'],
+            },
+            components: children?.map((item) => {
+                return item.type === 'leaf' ?
+                    renderLeafLabel({ leaf: item, selectedId, onLeafAction, visible, treeId, backstage }) :
+                    renderDirectory({ directory: item, expandedIds, selectedId, onLeafAction, labelTabstopping: visible, treeId, backstage });
+            }),
+            behaviours: derive$1([
+                Sliding.config({
+                    dimension: {
+                        property: 'height'
+                    },
+                    closedClass: 'tox-tree--directory__children--closed',
+                    openClass: 'tox-tree--directory__children--open',
+                    growingClass: 'tox-tree--directory__children--growing',
+                    shrinkingClass: 'tox-tree--directory__children--shrinking',
+                    expanded: visible,
+                }),
+                Replacing.config({})
+            ])
+        };
+    };
+    const directoryEventsId = generate$6('directory-event-id');
+    const renderDirectory = ({ directory, onLeafAction, labelTabstopping, treeId, backstage, expandedIds, selectedId }) => {
+        const { children } = directory;
+        const expandedIdsCell = Cell(expandedIds);
+        const computedChildrenComponents = (visible) => children?.map((item) => {
+            return item.type === 'leaf' ?
+                renderLeafLabel({ leaf: item, selectedId, onLeafAction, visible, treeId, backstage }) :
+                renderDirectory({ directory: item, expandedIds: expandedIdsCell.get(), selectedId, onLeafAction, labelTabstopping: visible, treeId, backstage });
+        });
+        const childrenVisible = expandedIds.includes(directory.id);
+        return ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree--directory'],
+                attributes: {
+                    role: 'treeitem'
+                }
+            },
+            components: [
+                renderDirectoryLabel({ directory, visible: labelTabstopping, noChildren: directory.children.length === 0, backstage }),
+                renderDirectoryChildren({ children, expandedIds, selectedId, onLeafAction, visible: childrenVisible, treeId, backstage })
+            ],
+            behaviours: derive$1([
+                config(directoryEventsId, [
+                    runOnAttached((comp, _se) => {
+                        Toggling.set(comp, childrenVisible);
+                    }),
+                    run$1('expand-tree-node', (_cmp, se) => {
+                        const { expanded, node } = se.event;
+                        expandedIdsCell.set(expanded ?
+                            [...expandedIdsCell.get(), node] :
+                            expandedIdsCell.get().filter((id) => id !== node));
+                    }),
+                ]),
+                Toggling.config({
+                    ...(directory.children.length > 0 ? {
+                        aria: {
+                            mode: 'expanded',
+                        },
+                    } : {}),
+                    toggleClass: 'tox-tree--directory--expanded',
+                    onToggled: (comp, childrenVisible) => {
+                        const childrenComp = comp.components()[1];
+                        const newChildren = computedChildrenComponents(childrenVisible);
+                        if (childrenVisible) {
+                            Sliding.grow(childrenComp);
+                        }
+                        else {
+                            Sliding.shrink(childrenComp);
+                        }
+                        Replacing.set(childrenComp, newChildren);
+                    },
+                }),
+            ])
+        });
+    };
+    const treeEventsId = generate$6('tree-event-id');
+    const renderTree = (spec, backstage) => {
+        const onLeafAction = spec.onLeafAction.getOr(noop);
+        const onToggleExpand = spec.onToggleExpand.getOr(noop);
+        const defaultExpandedIds = spec.defaultExpandedIds;
+        const expandedIds = Cell(defaultExpandedIds);
+        const selectedIdCell = Cell(spec.defaultSelectedId);
+        const treeId = generate$6('tree-id');
+        const children = (selectedId, expandedIds) => spec.items?.map((item) => {
+            return item.type === 'leaf' ?
+                renderLeafLabel({ leaf: item, selectedId, onLeafAction, visible: true, treeId, backstage }) :
+                renderDirectory({ directory: item, selectedId, onLeafAction, expandedIds, labelTabstopping: true, treeId, backstage });
+        });
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree'],
+                attributes: {
+                    role: 'tree'
+                }
+            },
+            components: children(selectedIdCell.get(), expandedIds.get()),
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'flow',
+                    selector: '.tox-tree--leaf__label--visible, .tox-tree--directory__label--visible',
+                    cycles: false,
+                }),
+                config(treeEventsId, [
+                    run$1('expand-tree-node', (_cmp, se) => {
+                        const { expanded, node } = se.event;
+                        expandedIds.set(expanded ?
+                            [...expandedIds.get(), node] :
+                            expandedIds.get().filter((id) => id !== node));
+                        onToggleExpand(expandedIds.get(), { expanded, node });
+                    })
+                ]),
+                Receiving.config({
+                    channels: {
+                        [`update-active-item-${treeId}`]: {
+                            onReceive: (comp, message) => {
+                                selectedIdCell.set(Optional?.some(message.value));
+                                Replacing.set(comp, children(Optional?.some(message.value), expandedIds.get()));
+                            }
+                        }
+                    }
+                }),
+                Replacing.config({})
+            ])
+        };
+    };
+
+    const renderCommonSpec = (spec, actionOpt, extraBehaviours = [], dom, components, tooltip, providersBackstage) => {
+        const action = actionOpt.fold(() => ({}), (action) => ({
+            action
+        }));
+        const common = {
+            buttonBehaviours: derive$1([
+                DisablingConfigs.item(() => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                Tabstopping.config({}),
+                ...tooltip?.map((t) => Tooltipping.config(providersBackstage.tooltips.getConfig({
+                    tooltipText: providersBackstage.translate(t)
+                }))).toArray(),
+                config('button press', [
+                    preventDefault('click')
+                ])
+            ].concat(extraBehaviours)),
+            eventOrder: {
+                click: ['button press', 'alloy.base.behaviour'],
+                mousedown: ['button press', 'alloy.base.behaviour']
+            },
+            ...action
+        };
+        const domFinal = deepMerge(common, { dom });
+        return deepMerge(domFinal, { components });
+    };
+    // An IconButton just seems to be a button that *cannot* have text, but
+    // can have a tooltip. It's only used for the More Drawer button at the moment.
+    const renderIconButtonSpec = (spec, action, providersBackstage, extraBehaviours = [], btnName) => {
+        const tooltipAttributes = spec.tooltip?.map((tooltip) => ({
+            'aria-label': providersBackstage.translate(tooltip),
+        })).getOr({});
+        const dom = {
+            tag: 'button',
+            classes: ["tox-tbtn" /* ToolbarButtonClasses.Button */],
+            attributes: { ...tooltipAttributes, 'data-mce-name': btnName }
+        };
+        const icon = spec.icon?.map((iconName) => renderIconFromPack$1(iconName, providersBackstage.icons));
+        const components = componentRenderPipeline([
+            icon
+        ]);
+        return renderCommonSpec(spec, action, extraBehaviours, dom, components, spec.tooltip, providersBackstage);
+    };
+    const calculateClassesFromButtonType = (buttonType) => {
+        switch (buttonType) {
+            case 'primary':
+                return ['tox-button'];
+            case 'toolbar':
+                return ['tox-tbtn'];
+            case 'secondary':
+            default:
+                return ['tox-button', 'tox-button--secondary'];
+        }
+    };
+    // Maybe the list of extraBehaviours is better than doing a Merger.deepMerge that
+    // we do elsewhere? Not sure.
+    const renderButtonSpec = (spec, action, providersBackstage, extraBehaviours = [], extraClasses = []) => {
+        // It's a bit confusing that this is called text. It seems to be a tooltip. Although I can see
+        // that it's used if there is no icon
+        const translatedText = providersBackstage.translate(spec.text);
+        const icon = spec.icon?.map((iconName) => renderIconFromPack$1(iconName, providersBackstage.icons));
+        const components = [icon.getOrThunk(() => text$2(translatedText))];
+        // The old default is based on the now-deprecated 'primary' property. `buttonType` takes precedence now.
+        const buttonType = spec.buttonType.getOr(!spec.primary && !spec.borderless ? 'secondary' : 'primary');
+        const baseClasses = calculateClassesFromButtonType(buttonType);
+        const classes = [
+            ...baseClasses,
+            ...icon.isSome() ? ['tox-button--icon'] : [],
+            ...spec.borderless ? ['tox-button--naked'] : [],
+            ...extraClasses
+        ];
+        const dom = {
+            tag: 'button',
+            classes,
+            attributes: {
+                'aria-label': translatedText,
+                'data-mce-name': spec.text
+            }
+        };
+        // Only provide a tooltip if we are using an icon. This is because above, a button is only an icon
+        // or text, and not both.
+        const optTooltip = spec.icon?.map(constant$1(translatedText));
+        return renderCommonSpec(spec, action, extraBehaviours, dom, components, optTooltip, providersBackstage);
+    };
+    // This actually seems to be a button on the dialog for UrlInput only (browse). Interesting.
+    const renderButton$1 = (spec, action, providersBackstage, extraBehaviours = [], extraClasses = []) => {
+        const buttonSpec = renderButtonSpec(spec, Optional?.some(action), providersBackstage, extraBehaviours, extraClasses);
+        return Button.sketch(buttonSpec);
+    };
+    const getAction = (name, buttonType) => (comp) => {
+        if (buttonType === 'custom') {
+            emitWith(comp, formActionEvent, {
+                name,
+                value: {}
+            });
+        }
+        else if (buttonType === 'submit') {
+            emit(comp, formSubmitEvent);
+        }
+        else if (buttonType === 'cancel') {
+            emit(comp, formCancelEvent);
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Unknown button type: ', buttonType);
+        }
+    };
+    const isMenuFooterButtonSpec = (spec, buttonType) => buttonType === 'menu';
+    const isNormalFooterButtonSpec = (spec, buttonType) => buttonType === 'custom' || buttonType === 'cancel' || buttonType === 'submit';
+    const isToggleButtonSpec = (spec, buttonType) => buttonType === 'togglebutton';
+    const renderToggleButton = (spec, providers, btnName) => {
+        var _a, _b;
+        const optMemIcon = spec.icon
+            ?.map((memIcon) => renderReplaceableIconFromPack(memIcon, providers.icons))
+            ?.map(record);
+        const action = (comp) => {
+            emitWith(comp, formActionEvent, {
+                name: spec.name,
+                value: {
+                    setIcon: (newIcon) => {
+                        optMemIcon?.map((memIcon) => memIcon.getOpt(comp).each((displayIcon) => {
+                            Replacing.set(displayIcon, [
+                                renderReplaceableIconFromPack(newIcon, providers.icons)
+                            ]);
+                        }));
+                    }
+                }
+            });
+        };
+        // The old default is based on the now-deprecated 'primary' property. `buttonType` takes precedence now.
+        const buttonType = spec.buttonType.getOr(!spec.primary ? 'secondary' : 'primary');
+        const buttonSpec = {
+            ...spec,
+            name: (_a = spec.name) !== null && _a !== void 0 ? _a : '',
+            primary: buttonType === 'primary',
+            tooltip: spec.tooltip,
+            enabled: (_b = spec.enabled) !== null && _b !== void 0 ? _b : false,
+            borderless: false
+        };
+        const tooltipAttributes = buttonSpec.tooltip.or(spec.text)?.map((tooltip) => ({
+            'aria-label': providers.translate(tooltip),
+        })).getOr({});
+        const buttonTypeClasses = calculateClassesFromButtonType(buttonType !== null && buttonType !== void 0 ? buttonType : 'secondary');
+        const showIconAndText = spec.icon.isSome() && spec.text.isSome();
+        const dom = {
+            tag: 'button',
+            classes: [
+                ...buttonTypeClasses.concat(spec.icon.isSome() ? ['tox-button--icon'] : []),
+                ...(spec.active ? ["tox-button--enabled" /* ViewButtonClasses.Ticked */] : []),
+                ...(showIconAndText ? ['tox-button--icon-and-text'] : [])
+            ],
+            attributes: {
+                ...tooltipAttributes,
+                ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+            }
+        };
+        const extraBehaviours = [];
+        const translatedText = providers.translate(spec.text.getOr(''));
+        const translatedTextComponed = text$2(translatedText);
+        const iconComp = componentRenderPipeline([optMemIcon?.map((memIcon) => memIcon.asSpec())]);
+        const components = [
+            ...iconComp,
+            ...(spec.text.isSome() ? [translatedTextComponed] : [])
+        ];
+        const iconButtonSpec = renderCommonSpec(buttonSpec, Optional?.some(action), extraBehaviours, dom, components, spec.tooltip, providers);
+        return Button.sketch(iconButtonSpec);
+    };
+    const renderFooterButton = (spec, buttonType, backstage) => {
+        if (isMenuFooterButtonSpec(spec, buttonType)) {
+            const getButton = () => memButton;
+            const menuButtonSpec = spec;
+            const fixedSpec = {
+                ...spec,
+                buttonType: 'default',
+                type: 'menubutton',
+                // Currently, dialog-based menu buttons cannot be searchable.
+                search: Optional.none(),
+                onSetup: (api) => {
+                    api.setEnabled(spec.enabled);
+                    return noop;
+                },
+                fetch: getFetch(menuButtonSpec.items, getButton, backstage)
+            };
+            const memButton = record(renderMenuButton(fixedSpec, "tox-tbtn" /* ToolbarButtonClasses.Button */, backstage, Optional.none(), true, spec.text.or(spec.tooltip).getOrUndefined()));
+            return memButton.asSpec();
+        }
+        else if (isNormalFooterButtonSpec(spec, buttonType)) {
+            const action = getAction(spec.name, buttonType);
+            const buttonSpec = {
+                ...spec,
+                context: buttonType === 'cancel' ? 'any' : spec.context,
+                borderless: false
+            };
+            return renderButton$1(buttonSpec, action, backstage.shared.providers, []);
+        }
+        else if (isToggleButtonSpec(spec, buttonType)) {
+            return renderToggleButton(spec, backstage.shared.providers, spec.text.or(spec.tooltip).getOrUndefined());
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Unknown footer button type: ', buttonType);
+            throw new Error('Unknown footer button type');
+        }
+    };
+    const renderDialogButton = (spec, providersBackstage) => {
+        const action = getAction(spec.name, 'custom');
+        return renderFormField(Optional.none(), FormField.parts.field({
+            factory: Button,
+            ...renderButtonSpec(spec, Optional?.some(action), providersBackstage, [
+                memory(''),
+                ComposingConfigs.self()
+            ])
+        }));
+    };
+
+    const separator$1 = {
+        type: 'separator'
+    };
+    const toMenuItem = (target) => ({
+        type: 'menuitem',
+        value: target.url,
+        text: target.title,
+        meta: {
+            attach: target.attach
+        },
+        onAction: noop
+    });
+    const staticMenuItem = (title, url) => ({
+        type: 'menuitem',
+        value: url,
+        text: title,
+        meta: {
+            attach: undefined
+        },
+        onAction: noop
+    });
+    const toMenuItems = (targets) => map$2(targets, toMenuItem);
+    const filterLinkTargets = (type, targets) => filter$2(targets, (target) => target.type === type);
+    const filteredTargets = (type, targets) => toMenuItems(filterLinkTargets(type, targets));
+    const headerTargets = (linkInfo) => filteredTargets('header', linkInfo.targets);
+    const anchorTargets = (linkInfo) => filteredTargets('anchor', linkInfo.targets);
+    const anchorTargetTop = (linkInfo) => Optional.from(linkInfo.anchorTop)?.map((url) => staticMenuItem('<top>', url)).toArray();
+    const anchorTargetBottom = (linkInfo) => Optional.from(linkInfo.anchorBottom)?.map((url) => staticMenuItem('<bottom>', url)).toArray();
+    const historyTargets = (history) => map$2(history, (url) => staticMenuItem(url, url));
+    const joinMenuLists = (items) => {
+        return foldl(items, (a, b) => {
+            const bothEmpty = a.length === 0 || b.length === 0;
+            return bothEmpty ? a.concat(b) : a.concat(separator$1, b);
+        }, []);
+    };
+    const filterByQuery = (term, menuItems) => {
+        const lowerCaseTerm = term.toLowerCase();
+        return filter$2(menuItems, (item) => {
+            var _a;
+            const text = item.meta !== undefined && item.meta.text !== undefined ? item.meta.text : item.text;
+            const value = (_a = item.value) !== null && _a !== void 0 ? _a : '';
+            return contains$1(text.toLowerCase(), lowerCaseTerm) || contains$1(value.toLowerCase(), lowerCaseTerm);
+        });
+    };
+
+    const getItems = (fileType, input, urlBackstage) => {
+        var _a, _b;
+        const urlInputValue = Representing.getValue(input);
+        const term = (_b = (_a = urlInputValue === null || urlInputValue === void 0 ? void 0 : urlInputValue.meta) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : urlInputValue.value;
+        const info = urlBackstage.getLinkInformation();
+        return info.fold(() => [], (linkInfo) => {
+            const history = filterByQuery(term, historyTargets(urlBackstage.getHistory(fileType)));
+            return fileType === 'file' ? joinMenuLists([
+                history,
+                filterByQuery(term, headerTargets(linkInfo)),
+                filterByQuery(term, flatten([
+                    anchorTargetTop(linkInfo),
+                    anchorTargets(linkInfo),
+                    anchorTargetBottom(linkInfo)
+                ]))
+            ])
+                : history;
+        });
+    };
+    const errorId = generate$6('aria-invalid');
+    const renderUrlInput = (spec, backstage, urlBackstage, initialData) => {
+        const providersBackstage = backstage.shared.providers;
+        const updateHistory = (component) => {
+            const urlEntry = Representing.getValue(component);
+            urlBackstage.addToHistory(urlEntry.value, spec.filetype);
+        };
+        // TODO: Make alloy's typeahead only swallow enter and escape if menu is open
+        const typeaheadSpec = {
+            ...initialData?.map((initialData) => ({ initialData })).getOr({}),
+            dismissOnBlur: true,
+            inputClasses: ['tox-textfield'],
+            sandboxClasses: ['tox-dialog__popups'],
+            inputAttributes: {
+                'aria-errormessage': errorId,
+                'type': 'url'
+            },
+            minChars: 0,
+            responseTime: 0,
+            fetch: (input) => {
+                const items = getItems(spec.filetype, input, urlBackstage);
+                const tdata = build(items, ItemResponse$1.BUBBLE_TO_SANDBOX, backstage, {
+                    isHorizontalMenu: false,
+                    search: Optional.none()
+                });
+                return Future.pure(tdata);
+            },
+            getHotspot: (comp) => memUrlBox.getOpt(comp),
+            onSetValue: (comp, _newValue) => {
+                if (comp.hasConfigured(Invalidating)) {
+                    Invalidating.run(comp).get(noop);
+                }
+            },
+            typeaheadBehaviours: derive$1([
+                ...urlBackstage.getValidationHandler()?.map((handler) => Invalidating.config({
+                    getRoot: (comp) => parentElement(comp.element),
+                    invalidClass: 'tox-control-wrap--status-invalid',
+                    notify: {
+                        onInvalid: (comp, err) => {
+                            memInvalidIcon.getOpt(comp).each((invalidComp) => {
+                                set$9(invalidComp.element, 'title', providersBackstage.translate(err));
+                            });
+                        }
+                    },
+                    validator: {
+                        validate: (input) => {
+                            const urlEntry = Representing.getValue(input);
+                            return FutureResult.nu((completer) => {
+                                handler({ type: spec.filetype, url: urlEntry.value }, (validation) => {
+                                    if (validation.status === 'invalid') {
+                                        const err = Result.error(validation.message);
+                                        completer(err);
+                                    }
+                                    else {
+                                        const val = Result.value(validation.message);
+                                        completer(val);
+                                    }
+                                });
+                            });
+                        },
+                        validateOnLoad: false
+                    }
+                })).toArray(),
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+                }),
+                Tabstopping.config({}),
+                config('urlinput-events', 
+                // We want to get fast feedback for the link dialog, but not sure about others
+                [
+                    run$1(input(), (comp) => {
+                        const currentValue = get$5(comp.element);
+                        const trimmedValue = currentValue.trim();
+                        if (trimmedValue !== currentValue) {
+                            set$4(comp.element, trimmedValue);
+                        }
+                        if (spec.filetype === 'file') {
+                            emitWith(comp, formChangeEvent, { name: spec.name });
+                        }
+                    }),
+                    run$1(change(), (comp) => {
+                        emitWith(comp, formChangeEvent, { name: spec.name });
+                        updateHistory(comp);
+                    }),
+                    run$1(postPaste(), (comp) => {
+                        emitWith(comp, formChangeEvent, { name: spec.name });
+                        updateHistory(comp);
+                    })
+                ])
+            ]),
+            eventOrder: {
+                [input()]: ['streaming', 'urlinput-events', 'invalidating']
+            },
+            model: {
+                getDisplayText: (itemData) => itemData.value,
+                selectsOver: false,
+                populateFromBrowse: false
+            },
+            markers: {
+                openClass: 'tox-textfield--popup-open'
+            },
+            lazySink: backstage.shared.getSink,
+            parts: {
+                menu: part(false, 1, 'normal')
+            },
+            onExecute: (_menu, component, _entry) => {
+                emitWith(component, formSubmitEvent, {});
+            },
+            onItemExecute: (typeahead, _sandbox, _item, _value) => {
+                updateHistory(typeahead);
+                emitWith(typeahead, formChangeEvent, { name: spec.name });
+            }
+        };
+        const pField = FormField.parts.field({
+            ...typeaheadSpec,
+            factory: Typeahead
+        });
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        // TODO: Consider a way of merging with Checkbox.
+        const makeIcon = (name, errId, icon = name, label = name) => render$4(icon, {
+            tag: 'div',
+            classes: ['tox-icon', 'tox-control-wrap__status-icon-' + name],
+            attributes: {
+                'title': providersBackstage.translate(label),
+                'aria-live': 'polite',
+                ...errId.fold(() => ({}), (id) => ({ id }))
+            }
+        }, providersBackstage.icons);
+        const memInvalidIcon = record(makeIcon('invalid', Optional?.some(errorId), 'warning'));
+        const memStatus = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-control-wrap__status-icon-wrap']
+            },
+            components: [
+                // Include the 'valid' and 'unknown' icons here only if they are to be displayed
+                memInvalidIcon.asSpec()
+            ]
+        });
+        const optUrlPicker = urlBackstage.getUrlPicker(spec.filetype);
+        const browseUrlEvent = generate$6('browser.url.event');
+        const memUrlBox = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-control-wrap']
+            },
+            components: [pField, memStatus.asSpec()],
+            behaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+                })
+            ])
+        });
+        const memUrlPickerButton = record(renderButton$1({
+            context: spec.context,
+            name: spec.name,
+            icon: Optional?.some('browse'),
+            text: spec.picker_text.or(spec.label).getOr(''),
+            enabled: spec.enabled,
+            primary: false,
+            buttonType: Optional.none(),
+            borderless: true
+        }, (component) => emit(component, browseUrlEvent), providersBackstage, [], ['tox-browse-url']));
+        const controlHWrapper = () => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__controls-h-stack']
+            },
+            components: flatten([
+                [memUrlBox.asSpec()],
+                optUrlPicker?.map(() => memUrlPickerButton.asSpec()).toArray()
+            ])
+        });
+        const openUrlPicker = (comp) => {
+            Composing.getCurrent(comp).each((field) => {
+                const componentData = Representing.getValue(field);
+                const urlData = {
+                    fieldname: spec.name,
+                    ...componentData
+                };
+                optUrlPicker.each((picker) => {
+                    picker(urlData).get((chosenData) => {
+                        Representing.setValue(field, chosenData);
+                        emitWith(comp, formChangeEvent, { name: spec.name });
+                    });
+                });
+            });
+        };
+        return FormField.sketch({
+            dom: renderFormFieldDom(),
+            components: pLabel.toArray().concat([
+                controlHWrapper()
+            ]),
+            fieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.disable);
+                        memUrlPickerButton.getOpt(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.enable);
+                        memUrlPickerButton.getOpt(comp).each(Disabling.enable);
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                config('url-input-events', [
+                    run$1(browseUrlEvent, openUrlPicker)
+                ])
+            ])
+        });
+    };
+
+    const renderAlertBanner = (spec, providersBackstage) => {
+        const icon = get(spec.icon, providersBackstage.icons);
+        // For using the alert banner inside a dialog
+        return Container.sketch({
+            dom: {
+                tag: 'div',
+                attributes: {
+                    role: 'alert'
+                },
+                classes: ['tox-notification', 'tox-notification--in', `tox-notification--${spec.level}`]
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-notification__icon'],
+                        innerHtml: !spec.url ? icon : undefined
+                    },
+                    components: spec.url ? [
+                        Button.sketch({
+                            dom: {
+                                tag: 'button',
+                                classes: ['tox-button', 'tox-button--naked', 'tox-button--icon'],
+                                innerHtml: icon,
+                                attributes: {
+                                    title: providersBackstage.translate(spec.iconTooltip)
+                                }
+                            },
+                            // TODO: aria label this button!
+                            action: (comp) => emitWith(comp, formActionEvent, { name: 'alert-banner', value: spec.url }),
+                            buttonBehaviours: derive$1([
+                                addFocusableBehaviour()
+                            ])
+                        })
+                    ] : undefined
+                },
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-notification__body'],
+                        // TODO: AP-247: Escape this text so that it can't contain script tags
+                        innerHtml: providersBackstage.translate(spec.text)
+                    }
+                }
+            ]
+        });
+    };
+
+    const renderCheckbox = (spec, providerBackstage, initialData) => {
+        const toggleCheckboxHandler = (comp) => {
+            comp.element.dom.click();
+            return Optional?.some(true);
+        };
+        const pField = FormField.parts.field({
+            factory: { sketch: identity },
+            dom: {
+                tag: 'input',
+                classes: ['tox-checkbox__input'],
+                attributes: {
+                    type: 'checkbox'
+                }
+            },
+            behaviours: derive$1([
+                ComposingConfigs.self(),
+                Disabling.config({
+                    disabled: () => !spec.enabled || providerBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (component) => {
+                        parentElement(component.element).each((element) => add$2(element, 'tox-checkbox--disabled'));
+                    },
+                    onEnabled: (component) => {
+                        parentElement(component.element).each((element) => remove$3(element, 'tox-checkbox--disabled'));
+                    }
+                }),
+                Tabstopping.config({}),
+                Focusing.config({}),
+                withElement(initialData, get$9, set$5),
+                Keying.config({
+                    mode: 'special',
+                    onEnter: toggleCheckboxHandler,
+                    onSpace: toggleCheckboxHandler,
+                    stopSpaceKeyup: true
+                }),
+                config('checkbox-events', [
+                    run$1(change(), (component, _) => {
+                        emitWith(component, formChangeEvent, { name: spec.name });
+                    })
+                ])
+            ])
+        });
+        const pLabel = FormField.parts.label({
+            dom: {
+                tag: 'span',
+                classes: ['tox-checkbox__label']
+            },
+            components: [
+                text$2(providerBackstage.translate(spec.label))
+            ],
+            behaviours: derive$1([
+                Unselecting.config({})
+            ])
+        });
+        const makeIcon = (className) => {
+            const iconName = className === 'checked' ? 'selected' : 'unselected';
+            return render$4(iconName, { tag: 'span', classes: ['tox-icon', 'tox-checkbox-icon__' + className] }, providerBackstage.icons);
+        };
+        const memIcons = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-checkbox__icons']
+            },
+            components: [
+                makeIcon('checked'),
+                makeIcon('unchecked')
+            ]
+        });
+        return FormField.sketch({
+            dom: {
+                tag: 'label',
+                classes: ['tox-checkbox']
+            },
+            components: [
+                pField,
+                memIcons.asSpec(),
+                pLabel
+            ],
+            fieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providerBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                }),
+                toggleOnReceive(() => providerBackstage.checkUiComponentContext(spec.context))
+            ])
+        });
+    };
+
+    const renderHtmlPanel = (spec, providersBackstage) => {
+        const classes = ['tox-form__group', ...(spec.stretched ? ['tox-form__group--stretched'] : [])];
+        const init = config('htmlpanel', [
+            runOnAttached((comp) => {
+                spec.onInit(comp.element.dom);
+            })
+        ]);
+        if (spec.presets === 'presentation') {
+            return Container.sketch({
+                dom: {
+                    tag: 'div',
+                    classes,
+                    innerHtml: spec.html
+                },
+                containerBehaviours: derive$1([
+                    Tooltipping.config({
+                        ...providersBackstage.tooltips.getConfig({
+                            tooltipText: '',
+                            onShow: (comp) => {
+                                descendant(comp.element, '[data-mce-tooltip]:hover').orThunk(() => search(comp.element))
+                                    .each((current) => {
+                                    getOpt(current, 'data-mce-tooltip').each((text) => {
+                                        Tooltipping.setComponents(comp, providersBackstage.tooltips.getComponents({ tooltipText: text }));
+                                    });
+                                });
+                            },
+                        }),
+                        mode: 'children-normal',
+                        anchor: (comp) => ({
+                            type: 'node',
+                            node: descendant(comp.element, '[data-mce-tooltip]:hover')
+                                .orThunk(() => search(comp.element).filter((current) => getOpt(current, 'data-mce-tooltip').isSome())),
+                            root: comp.element,
+                            layouts: {
+                                onLtr: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2]),
+                                onRtl: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2])
+                            },
+                            bubble: nu$6(0, -2, {}),
+                        })
+                    }),
+                    init
+                ])
+            });
+        }
+        else {
+            return Container.sketch({
+                dom: {
+                    tag: 'div',
+                    classes,
+                    innerHtml: spec.html,
+                    attributes: {
+                        role: 'document'
+                    }
+                },
+                containerBehaviours: derive$1([
+                    Tabstopping.config({}),
+                    Focusing.config({}),
+                    init
+                ])
+            });
+        }
+    };
+
+    const make$1 = (render) => {
+        return (parts, spec, dialogData, backstage, getCompByName) => get$h(spec, 'name').fold(() => render(spec, backstage, Optional.none(), getCompByName), (fieldName) => parts.field(fieldName, render(spec, backstage, get$h(dialogData, fieldName), getCompByName)));
+    };
+    const makeIframe = (render) => (parts, spec, dialogData, backstage, getCompByName) => {
+        const iframeSpec = deepMerge(spec, {
+            source: 'dynamic'
+        });
+        return make$1(render)(parts, iframeSpec, dialogData, backstage, getCompByName);
+    };
+    const factories = {
+        bar: make$1((spec, backstage) => renderBar(spec, backstage.shared)),
+        collection: make$1((spec, backstage, data) => renderCollection(spec, backstage.shared.providers, data)),
+        alertbanner: make$1((spec, backstage) => renderAlertBanner(spec, backstage.shared.providers)),
+        input: make$1((spec, backstage, data) => renderInput(spec, backstage.shared.providers, data)),
+        textarea: make$1((spec, backstage, data) => renderTextarea(spec, backstage.shared.providers, data)),
+        label: make$1((spec, backstage, _data, getCompByName) => renderLabel$2(spec, backstage.shared, getCompByName)),
+        iframe: makeIframe((spec, backstage, data) => renderIFrame(spec, backstage.shared.providers, data)),
+        button: make$1((spec, backstage) => renderDialogButton(spec, backstage.shared.providers)),
+        checkbox: make$1((spec, backstage, data) => renderCheckbox(spec, backstage.shared.providers, data)),
+        colorinput: make$1((spec, backstage, data) => renderColorInput(spec, backstage.shared, backstage.colorinput, data)),
+        colorpicker: make$1((spec, backstage, data) => renderColorPicker(spec, backstage.shared.providers, data)), // Not sure if this needs name.
+        dropzone: make$1((spec, backstage, data) => renderDropZone(spec, backstage.shared.providers, data)),
+        grid: make$1((spec, backstage) => renderGrid(spec, backstage.shared)),
+        listbox: make$1((spec, backstage, data) => renderListBox(spec, backstage, data)),
+        selectbox: make$1((spec, backstage, data) => renderSelectBox(spec, backstage.shared.providers, data)),
+        sizeinput: make$1((spec, backstage) => renderSizeInput(spec, backstage.shared.providers)),
+        slider: make$1((spec, backstage, data) => renderSlider(spec, backstage.shared.providers, data)),
+        urlinput: make$1((spec, backstage, data) => renderUrlInput(spec, backstage, backstage.urlinput, data)),
+        customeditor: make$1(renderCustomEditor),
+        htmlpanel: make$1((spec, backstage) => renderHtmlPanel(spec, backstage.shared.providers)),
+        imagepreview: make$1((spec, _, data) => renderImagePreview(spec, data)),
+        table: make$1((spec, backstage) => renderTable(spec, backstage.shared.providers)),
+        tree: make$1((spec, backstage) => renderTree(spec, backstage)),
+        panel: make$1((spec, backstage) => renderPanel(spec, backstage))
+    };
+    const noFormParts = {
+        // This is cast as we only actually want an alloy spec and don't need the actual part here
+        field: (_name, spec) => spec,
+        record: constant$1([])
+    };
+    const interpretInForm = (parts, spec, dialogData, oldBackstage, getCompByName) => {
+        // Now, we need to update the backstage to use the parts variant.
+        const newBackstage = deepMerge(oldBackstage, {
+            // Add the interpreter based on the form parts.
+            shared: {
+                interpreter: (childSpec) => interpretParts(parts, childSpec, dialogData, newBackstage, getCompByName)
+            }
+        });
+        return interpretParts(parts, spec, dialogData, newBackstage, getCompByName);
+    };
+    const interpretParts = (parts, spec, dialogData, backstage, getCompByName) => get$h(factories, spec.type).fold(() => {
+        console.error(`Unknown factory type "${spec.type}", defaulting to container: `, spec);
+        return spec;
+    }, (factory) => factory(parts, spec, dialogData, backstage, getCompByName));
+    const interpretWithoutForm = (spec, dialogData, backstage, getCompByName) => interpretParts(noFormParts, spec, dialogData, backstage, getCompByName);
+
+    const bubbleAlignments$2 = {
+        valignCentre: [],
+        alignCentre: [],
+        alignLeft: [],
+        alignRight: [],
+        right: [],
+        left: [],
+        bottom: [],
+        top: []
+    };
+    const getInlineDialogAnchor = (contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) => {
+        const bubbleSize = 12;
+        const overrides = {
+            maxHeightFunction: expandable$1()
+        };
+        const editableAreaAnchor = () => ({
+            type: 'node',
+            root: getContentContainer(getRootNode(contentAreaElement())),
+            node: Optional.from(contentAreaElement()),
+            bubble: nu$6(bubbleSize, bubbleSize, bubbleAlignments$2),
+            layouts: {
+                onRtl: () => [northeast$1],
+                onLtr: () => [northwest$1]
+            },
+            overrides
+        });
+        const standardAnchor = () => ({
+            type: 'hotspot',
+            hotspot: lazyAnchorbar(),
+            bubble: nu$6(-bubbleSize, bubbleSize, bubbleAlignments$2),
+            layouts: {
+                onRtl: () => [southeast$2, southwest$2, south$2],
+                onLtr: () => [southwest$2, southeast$2, south$2]
+            },
+            overrides
+        });
+        return () => lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
+    };
+    const getInlineBottomDialogAnchor = (inline, contentAreaElement, lazyBottomAnchorBar, lazyUseEditableAreaAnchor) => {
+        const bubbleSize = 12;
+        const overrides = {
+            maxHeightFunction: expandable$1()
+        };
+        const editableAreaAnchor = () => ({
+            type: 'node',
+            root: getContentContainer(getRootNode(contentAreaElement())),
+            node: Optional.from(contentAreaElement()),
+            bubble: nu$6(bubbleSize, bubbleSize, bubbleAlignments$2),
+            layouts: {
+                onRtl: () => [north$1],
+                onLtr: () => [north$1]
+            },
+            overrides
+        });
+        const standardAnchor = () => inline ?
+            ({
+                type: 'node',
+                root: getContentContainer(getRootNode(contentAreaElement())),
+                node: Optional.from(contentAreaElement()),
+                bubble: nu$6(0, -getOuter$1(contentAreaElement()), bubbleAlignments$2),
+                layouts: {
+                    onRtl: () => [north$2],
+                    onLtr: () => [north$2]
+                },
+                overrides
+            })
+            : ({
+                type: 'hotspot',
+                hotspot: lazyBottomAnchorBar(),
+                bubble: nu$6(0, 0, bubbleAlignments$2),
+                layouts: {
+                    onRtl: () => [north$2],
+                    onLtr: () => [north$2]
+                },
+                overrides
+            });
+        return () => lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
+    };
+    const getBannerAnchor = (contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) => {
+        const editableAreaAnchor = () => ({
+            type: 'node',
+            root: getContentContainer(getRootNode(contentAreaElement())),
+            node: Optional.from(contentAreaElement()),
+            layouts: {
+                onRtl: () => [north$1],
+                onLtr: () => [north$1]
+            }
+        });
+        const standardAnchor = () => ({
+            type: 'hotspot',
+            hotspot: lazyAnchorbar(),
+            layouts: {
+                onRtl: () => [south$2],
+                onLtr: () => [south$2]
+            }
+        });
+        return () => lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
+    };
+    const getCursorAnchor = (editor, bodyElement) => () => ({
+        type: 'selection',
+        root: bodyElement(),
+        getSelection: () => {
+            const rng = editor.selection.getRng();
+            // Only return a range if there is a selection of more than one cell.
+            const selectedCells = editor.model.table.getSelectedCells();
+            if (selectedCells.length > 1) {
+                const firstCell = selectedCells[0];
+                const lastCell = selectedCells[selectedCells.length - 1];
+                const selectionTableCellRange = {
+                    firstCell: SugarElement.fromDom(firstCell),
+                    lastCell: SugarElement.fromDom(lastCell)
+                };
+                return Optional?.some(selectionTableCellRange);
+            }
+            return Optional?.some(SimSelection.range(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
+        }
+    });
+    const getNodeAnchor$1 = (bodyElement) => (element) => ({
+        type: 'node',
+        root: bodyElement(),
+        node: element
+    });
+    const getAnchors = (editor, lazyAnchorbar, lazyBottomAnchorBar, isToolbarTop) => {
+        const useFixedToolbarContainer = useFixedContainer(editor);
+        const bodyElement = () => SugarElement.fromDom(editor.getBody());
+        const contentAreaElement = () => SugarElement.fromDom(editor.getContentAreaContainer());
+        // If using fixed_toolbar_container or if the toolbar is positioned at the bottom
+        // of the editor, some things should anchor to the top of the editable area.
+        const lazyUseEditableAreaAnchor = () => useFixedToolbarContainer || !isToolbarTop();
+        return {
+            inlineDialog: getInlineDialogAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
+            inlineBottomDialog: getInlineBottomDialogAnchor(editor.inline, contentAreaElement, lazyBottomAnchorBar, lazyUseEditableAreaAnchor),
+            banner: getBannerAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
+            cursor: getCursorAnchor(editor, bodyElement),
+            node: getNodeAnchor$1(bodyElement)
+        };
+    };
+
+    const colorPicker = (editor) => (callback, value) => {
+        const dialog = colorPickerDialog(editor);
+        dialog(callback, value);
+    };
+    const hasCustomColors = (editor) => () => hasCustomColors$1(editor);
+    const getColors = (editor) => (id) => getColors$2(editor, id);
+    const getColorCols = (editor) => (id) => getColorCols$1(editor, id);
+    const ColorInputBackstage = (editor) => ({
+        colorPicker: colorPicker(editor),
+        hasCustomColors: hasCustomColors(editor),
+        getColors: getColors(editor),
+        getColorCols: getColorCols(editor)
+    });
+
+    const isDraggableModal = (editor) => () => isDraggableModal$1(editor);
+    const DialogBackstage = (editor) => ({
+        isDraggableModal: isDraggableModal(editor)
+    });
+
+    const HeaderBackstage = (editor) => {
+        const mode = Cell(isToolbarLocationBottom(editor) ? 'bottom' : 'top');
+        return {
+            isPositionedAtTop: () => mode.get() === 'top',
+            getDockingMode: mode.get,
+            setDockingMode: mode.set
+        };
+    };
+
+    const isNestedFormat = (format) => hasNonNullableKey(format, 'items');
+    const isFormatReference = (format) => hasNonNullableKey(format, 'format');
+    const defaultStyleFormats = [
+        {
+            title: 'Headings', items: [
+                { title: 'Heading 1', format: 'h1' },
+                { title: 'Heading 2', format: 'h2' },
+                { title: 'Heading 3', format: 'h3' },
+                { title: 'Heading 4', format: 'h4' },
+                { title: 'Heading 5', format: 'h5' },
+                { title: 'Heading 6', format: 'h6' }
+            ]
+        },
+        {
+            title: 'Inline', items: [
+                { title: 'Bold', format: 'bold' },
+                { title: 'Italic', format: 'italic' },
+                { title: 'Underline', format: 'underline' },
+                { title: 'Strikethrough', format: 'strikethrough' },
+                { title: 'Superscript', format: 'superscript' },
+                { title: 'Subscript', format: 'subscript' },
+                { title: 'Code', format: 'code' }
+            ]
+        },
+        {
+            title: 'Blocks', items: [
+                { title: 'Paragraph', format: 'p' },
+                { title: 'Blockquote', format: 'blockquote' },
+                { title: 'Div', format: 'div' },
+                { title: 'Pre', format: 'pre' }
+            ]
+        },
+        {
+            title: 'Align', items: [
+                { title: 'Left', format: 'alignleft' },
+                { title: 'Center', format: 'aligncenter' },
+                { title: 'Right', format: 'alignright' },
+                { title: 'Justify', format: 'alignjustify' }
+            ]
+        }
+    ];
+    // Note: Need to cast format below to expected type, as Obj.has uses "K keyof T", which doesn't work with aliases
+    const isNestedFormats = (format) => has$2(format, 'items');
+    const isBlockFormat = (format) => has$2(format, 'block');
+    const isInlineFormat = (format) => has$2(format, 'inline');
+    const isSelectorFormat = (format) => has$2(format, 'selector');
+    const mapFormats = (userFormats) => foldl(userFormats, (acc, fmt) => {
+        if (isNestedFormats(fmt)) {
+            // Map the child formats
+            const result = mapFormats(fmt.items);
+            return {
+                customFormats: acc.customFormats.concat(result.customFormats),
+                formats: acc.formats.concat([{ title: fmt.title, items: result.formats }])
+            };
+        }
+        else if (isInlineFormat(fmt) || isBlockFormat(fmt) || isSelectorFormat(fmt)) {
+            // Convert the format to a reference and add the original to the custom formats to be registered
+            const formatName = isString(fmt.name) ? fmt.name : fmt.title.toLowerCase();
+            const formatNameWithPrefix = `custom-${formatName}`;
+            return {
+                customFormats: acc.customFormats.concat([{ name: formatNameWithPrefix, format: fmt }]),
+                formats: acc.formats.concat([{ title: fmt.title, format: formatNameWithPrefix, icon: fmt.icon }])
+            };
+        }
+        else {
+            return { ...acc, formats: acc.formats.concat(fmt) };
+        }
+    }, { customFormats: [], formats: [] });
+    const registerCustomFormats = (editor, userFormats) => {
+        const result = mapFormats(userFormats);
+        const registerFormats = (customFormats) => {
+            each$1(customFormats, (fmt) => {
+                // Only register the custom format with the editor, if it's not already registered
+                if (!editor.formatter.has(fmt.name)) {
+                    editor.formatter.register(fmt.name, fmt.format);
+                }
+            });
+        };
+        // The editor may not yet be initialized, so check for that
+        if (editor.formatter) {
+            registerFormats(result.customFormats);
+        }
+        else {
+            editor.on('init', () => {
+                registerFormats(result.customFormats);
+            });
+        }
+        return result.formats;
+    };
+    const getStyleFormats = (editor) => getUserStyleFormats(editor)?.map((userFormats) => {
+        // Ensure that any custom formats specified by the user are registered with the editor
+        const registeredUserFormats = registerCustomFormats(editor, userFormats);
+        // Merge the default formats with the custom formats if required
+        return shouldMergeStyleFormats(editor) ? defaultStyleFormats.concat(registeredUserFormats) : registeredUserFormats;
+    }).getOr(defaultStyleFormats);
+
+    const isSeparator$1 = (format) => {
+        const keys$1 = keys(format);
+        return keys$1.length === 1 && contains$2(keys$1, 'title');
+    };
+    const processBasic = (item, isSelectedFor, getPreviewFor) => ({
+        ...item,
+        type: 'formatter',
+        isSelected: isSelectedFor(item.format),
+        getStylePreview: getPreviewFor(item.format)
+    });
+    // TODO: This is adapted from StyleFormats in the mobile theme. Consolidate.
+    const register$b = (editor, formats, isSelectedFor, getPreviewFor) => {
+        const enrichSupported = (item) => processBasic(item, isSelectedFor, getPreviewFor);
+        // Item that triggers a submenu
+        const enrichMenu = (item) => {
+            const newItems = doEnrich(item.items);
+            return {
+                ...item,
+                type: 'submenu',
+                getStyleItems: constant$1(newItems)
+            };
+        };
+        const enrichCustom = (item) => {
+            const formatName = isString(item.name) ? item.name : generate$6(item.title);
+            const formatNameWithPrefix = `custom-${formatName}`;
+            const newItem = {
+                ...item,
+                type: 'formatter',
+                format: formatNameWithPrefix,
+                isSelected: isSelectedFor(formatNameWithPrefix),
+                getStylePreview: getPreviewFor(formatNameWithPrefix)
+            };
+            editor.formatter.register(formatName, newItem);
+            return newItem;
+        };
+        const doEnrich = (items) => map$2(items, (item) => {
+            // If it is a submenu, enrich all the subitems.
+            if (isNestedFormat(item)) {
+                return enrichMenu(item);
+            }
+            else if (isFormatReference(item)) {
+                return enrichSupported(item);
+                // NOTE: This branch is added from the original StyleFormats in mobile
+            }
+            else if (isSeparator$1(item)) {
+                return { ...item, type: 'separator' };
+            }
+            else {
+                return enrichCustom(item);
+            }
+        });
+        return doEnrich(formats);
+    };
+
+    const init$1 = (editor) => {
+        const isSelectedFor = (format) => () => editor.formatter.match(format);
+        const getPreviewFor = (format) => () => {
+            const fmt = editor.formatter.get(format);
+            return fmt !== undefined ? Optional?.some({
+                tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+                styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+            }) : Optional.none();
+        };
+        const settingsFormats = Cell([]);
+        const eventsFormats = Cell([]);
+        const replaceSettings = Cell(false);
+        editor.on('PreInit', (_e) => {
+            const formats = getStyleFormats(editor);
+            const enriched = register$b(editor, formats, isSelectedFor, getPreviewFor);
+            settingsFormats.set(enriched);
+        });
+        editor.on('addStyleModifications', (e) => {
+            // Is there going to be an order issue here?
+            const modifications = register$b(editor, e.items, isSelectedFor, getPreviewFor);
+            eventsFormats.set(modifications);
+            replaceSettings.set(e.replace);
+        });
+        const getData = () => {
+            const fromSettings = replaceSettings.get() ? [] : settingsFormats.get();
+            const fromEvents = eventsFormats.get();
+            return fromSettings.concat(fromEvents);
+        };
+        return {
+            getData
+        };
+    };
+
+    const TooltipsBackstage = (getSink) => {
+        const tooltipDelay = 300;
+        const intervalDelay = tooltipDelay * 0.2; // Arbitrary value
+        let numActiveTooltips = 0;
+        const alreadyShowingTooltips = () => numActiveTooltips > 0;
+        const getComponents = (spec) => {
+            return [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-tooltip__body']
+                    },
+                    components: [
+                        text$2(spec.tooltipText)
+                    ]
+                }
+            ];
+        };
+        const getConfig = (spec) => {
+            return {
+                delayForShow: () => alreadyShowingTooltips() ? intervalDelay : tooltipDelay,
+                delayForHide: constant$1(tooltipDelay),
+                exclusive: true,
+                lazySink: getSink,
+                tooltipDom: {
+                    tag: 'div',
+                    classes: ['tox-tooltip', 'tox-tooltip--up']
+                },
+                tooltipComponents: getComponents(spec),
+                onShow: (comp, tooltip) => {
+                    numActiveTooltips++;
+                    if (spec.onShow) {
+                        spec.onShow(comp, tooltip);
+                    }
+                },
+                onHide: (comp, tooltip) => {
+                    numActiveTooltips--;
+                    if (spec.onHide) {
+                        spec.onHide(comp, tooltip);
+                    }
+                },
+                onSetup: spec.onSetup,
+            };
+        };
+        return {
+            getConfig,
+            getComponents
+        };
+    };
+
+    const isElement = (node) => isNonNullable(node) && node.nodeType === 1;
+    const trim = global$2.trim;
+    const hasContentEditableState = (value) => {
+        return (node) => {
+            if (isElement(node)) {
+                if (node.contentEditable === value) {
+                    return true;
+                }
+                if (node.getAttribute('data-mce-contenteditable') === value) {
+                    return true;
+                }
+            }
+            return false;
+        };
+    };
+    const isContentEditableTrue = hasContentEditableState('true');
+    const isContentEditableFalse = hasContentEditableState('false');
+    const create = (type, title, url, level, attach) => ({
+        type,
+        title,
+        url,
+        level,
+        attach
+    });
+    const isChildOfContentEditableTrue = (node) => {
+        let tempNode = node;
+        while ((tempNode = tempNode.parentNode)) {
+            const value = tempNode.contentEditable;
+            if (value && value !== 'inherit') {
+                return isContentEditableTrue(tempNode);
+            }
+        }
+        return false;
+    };
+    const select = (selector, root) => {
+        return map$2(descendants(SugarElement.fromDom(root), selector), (element) => {
+            return element.dom;
+        });
+    };
+    const getElementText = (elm) => {
+        return elm.innerText || elm.textContent;
+    };
+    const getOrGenerateId = (elm) => {
+        return elm.id ? elm.id : generate$6('h');
+    };
+    const isAnchor = (elm) => {
+        return elm && elm.nodeName === 'A' && (elm.id || elm.name) !== undefined;
+    };
+    const isValidAnchor = (elm) => {
+        return isAnchor(elm) && isEditable(elm);
+    };
+    const isHeader = (elm) => {
+        return elm && /^(H[1-6])$/.test(elm.nodeName);
+    };
+    const isEditable = (elm) => {
+        return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
+    };
+    const isValidHeader = (elm) => {
+        return isHeader(elm) && isEditable(elm);
+    };
+    const getLevel = (elm) => {
+        return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
+    };
+    const headerTarget = (elm) => {
+        var _a;
+        const headerId = getOrGenerateId(elm);
+        const attach = () => {
+            elm.id = headerId;
+        };
+        return create('header', (_a = getElementText(elm)) !== null && _a !== void 0 ? _a : '', '#' + headerId, getLevel(elm), attach);
+    };
+    const anchorTarget = (elm) => {
+        const anchorId = elm.id || elm.name;
+        const anchorText = getElementText(elm);
+        return create('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
+    };
+    const getHeaderTargets = (elms) => {
+        return map$2(filter$2(elms, isValidHeader), headerTarget);
+    };
+    const getAnchorTargets = (elms) => {
+        return map$2(filter$2(elms, isValidAnchor), anchorTarget);
+    };
+    const getTargetElements = (elm) => {
+        const elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
+        return elms;
+    };
+    const hasTitle = (target) => {
+        return trim(target.title).length > 0;
+    };
+    const find = (elm) => {
+        const elms = getTargetElements(elm);
+        return filter$2(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
+    };
+    const LinkTargets = {
+        find
+    };
+
+    const STORAGE_KEY = 'tinymce-url-history';
+    const HISTORY_LENGTH = 5;
+    // validation functions
+    const isHttpUrl = (url) => isString(url) && /^https?/.test(url);
+    const isArrayOfUrl = (a) => isArray(a) && a.length <= HISTORY_LENGTH && forall(a, isHttpUrl);
+    const isRecordOfUrlArray = (r) => isObject(r) && find$4(r, (value) => !isArrayOfUrl(value)).isNone();
+    const getAllHistory = () => {
+        const unparsedHistory = global$5.getItem(STORAGE_KEY);
+        if (unparsedHistory === null) {
+            return {};
+        }
+        // parse history
+        let history;
+        try {
+            history = JSON.parse(unparsedHistory);
+        }
+        catch (e) {
+            if (e instanceof SyntaxError) {
+                // eslint-disable-next-line no-console
+                console.log('Local storage ' + STORAGE_KEY + ' was not valid JSON', e);
+                return {};
+            }
+            throw e;
+        }
+        // validate the parsed value
+        if (!isRecordOfUrlArray(history)) {
+            // eslint-disable-next-line no-console
+            console.log('Local storage ' + STORAGE_KEY + ' was not valid format', history);
+            return {};
+        }
+        return history;
+    };
+    const setAllHistory = (history) => {
+        if (!isRecordOfUrlArray(history)) {
+            throw new Error('Bad format for history:\n' + JSON.stringify(history));
+        }
+        global$5.setItem(STORAGE_KEY, JSON.stringify(history));
+    };
+    const getHistory = (fileType) => {
+        const history = getAllHistory();
+        return get$h(history, fileType).getOr([]);
+    };
+    const addToHistory = (url, fileType) => {
+        if (!isHttpUrl(url)) {
+            return;
+        }
+        const history = getAllHistory();
+        const items = get$h(history, fileType).getOr([]);
+        const itemsWithoutUrl = filter$2(items, (item) => item !== url);
+        history[fileType] = [url].concat(itemsWithoutUrl).slice(0, HISTORY_LENGTH);
+        setAllHistory(history);
+    };
+
+    const isTruthy = (value) => !!value;
+    const makeMap = (value) => map$1(global$2.makeMap(value, /[, ]/), isTruthy);
+    const getPicker = (editor) => Optional.from(getFilePickerCallback(editor));
+    const getPickerTypes = (editor) => {
+        const optFileTypes = Optional.from(getFilePickerTypes(editor)).filter(isTruthy)?.map(makeMap);
+        return getPicker(editor).fold(never, (_picker) => optFileTypes.fold(always, (types) => keys(types).length > 0 ? types : false));
+    };
+    const getPickerSetting = (editor, filetype) => {
+        const pickerTypes = getPickerTypes(editor);
+        if (isBoolean(pickerTypes)) {
+            return pickerTypes ? getPicker(editor) : Optional.none();
+        }
+        else {
+            return pickerTypes[filetype] ? getPicker(editor) : Optional.none();
+        }
+    };
+    const getUrlPicker = (editor, filetype) => getPickerSetting(editor, filetype)?.map((picker) => (entry) => Future.nu((completer) => {
+        const handler = (value, meta) => {
+            if (!isString(value)) {
+                throw new Error('Expected value to be string');
+            }
+            if (meta !== undefined && !isObject(meta)) {
+                throw new Error('Expected meta to be a object');
+            }
+            const r = { value, meta };
+            completer(r);
+        };
+        const meta = {
+            filetype,
+            fieldname: entry.fieldname,
+            ...Optional.from(entry.meta).getOr({})
+        };
+        // file_picker_callback(callback, currentValue, metaData)
+        picker.call(editor, handler, entry.value, meta);
+    }));
+    const getTextSetting = (value) => Optional.from(value).filter(isString).getOrUndefined();
+    const getLinkInformation = (editor) => {
+        if (!useTypeaheadUrls(editor)) {
+            return Optional.none();
+        }
+        return Optional?.some({
+            targets: LinkTargets.find(editor.getBody()),
+            anchorTop: getTextSetting(getAnchorTop(editor)),
+            anchorBottom: getTextSetting(getAnchorBottom(editor))
+        });
+    };
+    const getValidationHandler = (editor) => Optional.from(getFilePickerValidatorHandler(editor));
+    const UrlInputBackstage = (editor) => ({
+        getHistory,
+        addToHistory,
+        getLinkInformation: () => getLinkInformation(editor),
+        getValidationHandler: () => getValidationHandler(editor),
+        getUrlPicker: (filetype) => getUrlPicker(editor, filetype)
+    });
+
+    const init = (lazySinks, editor, lazyAnchorbar, lazyBottomAnchorBar) => {
+        const contextMenuState = Cell(false);
+        const toolbar = HeaderBackstage(editor);
+        const providers = {
+            icons: () => editor.ui.registry.getAll().icons,
+            menuItems: () => editor.ui.registry.getAll().menuItems,
+            translate: global$6.translate,
+            isDisabled: () => !editor.ui.isEnabled(),
+            getOption: editor.options.get,
+            tooltips: TooltipsBackstage(lazySinks.dialog),
+            checkUiComponentContext: (specContext) => {
+                if (isDisabled(editor)) {
+                    return {
+                        contextType: 'disabled',
+                        shouldDisable: true
+                    };
+                }
+                const [key, value = ''] = specContext.split(':');
+                const contexts = editor.ui.registry.getAll().contexts;
+                const enabledInContext = get$h(contexts, key)
+                    .fold(
+                // Fallback to 'mode:design' if key is not found
+                () => get$h(contexts, 'mode')?.map((pred) => pred('design')).getOr(false), (pred) => value.charAt(0) === '!' ? !pred(value.slice(1)) : pred(value));
+                return {
+                    contextType: key,
+                    shouldDisable: !enabledInContext
+                };
+            }
+        };
+        const urlinput = UrlInputBackstage(editor);
+        const styles = init$1(editor);
+        const colorinput = ColorInputBackstage(editor);
+        const dialogSettings = DialogBackstage(editor);
+        const isContextMenuOpen = () => contextMenuState.get();
+        const setContextMenuState = (state) => contextMenuState.set(state);
+        const commonBackstage = {
+            shared: {
+                providers,
+                anchors: getAnchors(editor, lazyAnchorbar, lazyBottomAnchorBar, toolbar.isPositionedAtTop),
+                header: toolbar,
+            },
+            urlinput,
+            styles,
+            colorinput,
+            dialog: dialogSettings,
+            isContextMenuOpen,
+            setContextMenuState
+        };
+        const getCompByName = (_name) => Optional.none();
+        const popupBackstage = {
+            ...commonBackstage,
+            shared: {
+                ...commonBackstage.shared,
+                interpreter: (s) => interpretWithoutForm(s, {}, popupBackstage, getCompByName),
+                getSink: lazySinks.popup
+            }
+        };
+        const dialogBackstage = {
+            ...commonBackstage,
+            shared: {
+                ...commonBackstage.shared,
+                interpreter: (s) => interpretWithoutForm(s, {}, dialogBackstage, getCompByName),
+                getSink: lazySinks.dialog
+            }
+        };
+        return {
+            popup: popupBackstage,
+            dialog: dialogBackstage
+        };
+    };
+
+    const setup$b = (editor, mothership, uiMotherships) => {
+        const broadcastEvent = (name, evt) => {
+            each$1([mothership, ...uiMotherships], (m) => {
+                m.broadcastEvent(name, evt);
+            });
+        };
+        const broadcastOn = (channel, message) => {
+            each$1([mothership, ...uiMotherships], (m) => {
+                m.broadcastOn([channel], message);
+            });
+        };
+        const fireDismissPopups = (evt) => broadcastOn(dismissPopups(), { target: evt.target });
+        // Document touch events
+        const doc = getDocument();
+        const onTouchstart = bind$1(doc, 'touchstart', fireDismissPopups);
+        const onTouchmove = bind$1(doc, 'touchmove', (evt) => broadcastEvent(documentTouchmove(), evt));
+        const onTouchend = bind$1(doc, 'touchend', (evt) => broadcastEvent(documentTouchend(), evt));
+        // Document mouse events
+        const onMousedown = bind$1(doc, 'mousedown', fireDismissPopups);
+        const onMouseup = bind$1(doc, 'mouseup', (evt) => {
+            if (evt.raw.button === 0) {
+                broadcastOn(mouseReleased(), { target: evt.target });
+            }
+        });
+        // Editor content events
+        const onContentClick = (raw) => broadcastOn(dismissPopups(), { target: SugarElement.fromDom(raw.target) });
+        const onContentMouseup = (raw) => {
+            if (raw.button === 0) {
+                broadcastOn(mouseReleased(), { target: SugarElement.fromDom(raw.target) });
+            }
+        };
+        const onContentMousedown = () => {
+            each$1(editor.editorManager.get(), (loopEditor) => {
+                if (editor !== loopEditor) {
+                    loopEditor.dispatch('DismissPopups', { relatedTarget: editor });
+                }
+            });
+        };
+        // Window events
+        const onWindowScroll = (evt) => broadcastEvent(windowScroll(), fromRawEvent(evt));
+        const onWindowResize = (evt) => {
+            broadcastOn(repositionPopups(), {});
+            broadcastEvent(windowResize(), fromRawEvent(evt));
+        };
+        // TINY-9425: At the moment, we are only supporting situations where the scrolling container
+        // is *inside* the shadow root - which is why we bind to the root node, instead of just the outer
+        // document. However, if we needed to support scrolling containers that *contained* the shadow root,
+        // we would need to listen to the outer document (or at the least, the root node of the scrolling div in
+        // the case of muliple layers of shadow roots).
+        const dos = getRootNode(SugarElement.fromDom(editor.getElement()));
+        const onElementScroll = capture(dos, 'scroll', (evt) => {
+            requestAnimationFrame(() => {
+                const c = editor.getContainer();
+                // Because this can fire before the editor is rendered, we need to stop that from happening.
+                // Some tests can create this situation, and then we get a Node name null or defined error.
+                if (c !== undefined && c !== null) {
+                    const optScrollingContext = detectWhenSplitUiMode(editor, mothership.element);
+                    const scrollers = optScrollingContext?.map((sc) => [sc.element, ...sc.others]).getOr([]);
+                    if (exists(scrollers, (s) => eq(s, evt.target))) {
+                        editor.dispatch('ElementScroll', { target: evt.target.dom });
+                        broadcastEvent(externalElementScroll(), evt);
+                    }
+                }
+            });
+        });
+        const onEditorResize = () => broadcastOn(repositionPopups(), {});
+        const onEditorProgress = (evt) => {
+            if (evt.state) {
+                broadcastOn(dismissPopups(), { target: SugarElement.fromDom(editor.getContainer()) });
+            }
+        };
+        const onDismissPopups = (event) => {
+            broadcastOn(dismissPopups(), { target: SugarElement.fromDom(event.relatedTarget.getContainer()) });
+        };
+        const onFocusIn = (event) => editor.dispatch('focusin', event);
+        const onFocusOut = (event) => editor.dispatch('focusout', event);
+        // Don't start listening to events until the UI has rendered
+        editor.on('PostRender', () => {
+            editor.on('click', onContentClick);
+            editor.on('tap', onContentClick);
+            editor.on('mouseup', onContentMouseup);
+            editor.on('mousedown', onContentMousedown);
+            editor.on('ScrollWindow', onWindowScroll);
+            editor.on('ResizeWindow', onWindowResize);
+            editor.on('ResizeEditor', onEditorResize);
+            editor.on('AfterProgressState', onEditorProgress);
+            editor.on('DismissPopups', onDismissPopups);
+            each$1([mothership, ...uiMotherships], (gui) => {
+                gui.element.dom.addEventListener('focusin', onFocusIn);
+                gui.element.dom.addEventListener('focusout', onFocusOut);
+            });
+        });
+        editor.on('remove', () => {
+            // We probably don't need these unbinds, but it helps to have them if we move this code out.
+            editor.off('click', onContentClick);
+            editor.off('tap', onContentClick);
+            editor.off('mouseup', onContentMouseup);
+            editor.off('mousedown', onContentMousedown);
+            editor.off('ScrollWindow', onWindowScroll);
+            editor.off('ResizeWindow', onWindowResize);
+            editor.off('ResizeEditor', onEditorResize);
+            editor.off('AfterProgressState', onEditorProgress);
+            editor.off('DismissPopups', onDismissPopups);
+            each$1([mothership, ...uiMotherships], (gui) => {
+                gui.element.dom.removeEventListener('focusin', onFocusIn);
+                gui.element.dom.removeEventListener('focusout', onFocusOut);
+            });
+            onMousedown.unbind();
+            onTouchstart.unbind();
+            onTouchmove.unbind();
+            onTouchend.unbind();
+            onMouseup.unbind();
+            onElementScroll.unbind();
+        });
+        editor.on('detach', () => {
+            each$1([mothership, ...uiMotherships], detachSystem);
+            each$1([mothership, ...uiMotherships], (m) => m.destroy());
+        });
+    };
+
+    const setup$a = noop;
+    const isDocked$1 = never;
+    const getBehaviours$1 = constant$1([]);
+
+    var StaticHeader = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setup: setup$a,
+        isDocked: isDocked$1,
+        getBehaviours: getBehaviours$1
+    });
+
+    const toolbarHeightChange = constant$1(generate$6('toolbar-height-change'));
+
+    const visibility = {
+        fadeInClass: 'tox-editor-dock-fadein',
+        fadeOutClass: 'tox-editor-dock-fadeout',
+        transitionClass: 'tox-editor-dock-transition'
+    };
+    const editorStickyOnClass = 'tox-tinymce--toolbar-sticky-on';
+    const editorStickyOffClass = 'tox-tinymce--toolbar-sticky-off';
+    const scrollFromBehindHeader = (e, containerHeader) => {
+        const doc = owner$4(containerHeader);
+        const win = defaultView(containerHeader);
+        const viewHeight = win.dom.innerHeight;
+        const scrollPos = get$b(doc);
+        const markerElement = SugarElement.fromDom(e.elm);
+        const markerPos = absolute$2(markerElement);
+        const markerHeight = get$d(markerElement);
+        const markerTop = markerPos.y;
+        const markerBottom = markerTop + markerHeight;
+        const editorHeaderPos = absolute$3(containerHeader);
+        const editorHeaderHeight = get$d(containerHeader);
+        const editorHeaderTop = editorHeaderPos.top;
+        const editorHeaderBottom = editorHeaderTop + editorHeaderHeight;
+        // Check to see if the header is docked to the top/bottom of the page (eg is floating)
+        const editorHeaderDockedAtTop = Math.abs(editorHeaderTop - scrollPos.top) < 2;
+        const editorHeaderDockedAtBottom = Math.abs(editorHeaderBottom - (scrollPos.top + viewHeight)) < 2;
+        // If the element is behind the header at the top of the page, then
+        // scroll the element down by the header height
+        if (editorHeaderDockedAtTop && markerTop < editorHeaderBottom) {
+            to(scrollPos.left, markerTop - editorHeaderHeight, doc);
+            // If the element is behind the header at the bottom of the page, then
+            // scroll the element up by the header height
+        }
+        else if (editorHeaderDockedAtBottom && markerBottom > editorHeaderTop) {
+            const y = (markerTop - viewHeight) + markerHeight + editorHeaderHeight;
+            to(scrollPos.left, y, doc);
+        }
+    };
+    const isDockedMode = (header, mode) => contains$2(Docking.getModes(header), mode);
+    const updateIframeContentFlow = (header) => {
+        const getOccupiedHeight = (elm) => getOuter$1(elm) +
+            (parseInt(get$e(elm, 'margin-top'), 10) || 0) +
+            (parseInt(get$e(elm, 'margin-bottom'), 10) || 0);
+        const elm = header.element;
+        parentElement(elm).each((parentElem) => {
+            const padding = 'padding-' + Docking.getModes(header)[0];
+            if (Docking.isDocked(header)) {
+                const parentWidth = get$c(parentElem);
+                set$7(elm, 'width', parentWidth + 'px');
+                set$7(parentElem, padding, getOccupiedHeight(elm) + 'px');
+            }
+            else {
+                remove$6(elm, 'width');
+                remove$6(parentElem, padding);
+            }
+        });
+    };
+    const updateSinkVisibility = (sinkElem, visible) => {
+        if (visible) {
+            remove$3(sinkElem, visibility.fadeOutClass);
+            add$1(sinkElem, [visibility.transitionClass, visibility.fadeInClass]);
+        }
+        else {
+            remove$3(sinkElem, visibility.fadeInClass);
+            add$1(sinkElem, [visibility.fadeOutClass, visibility.transitionClass]);
+        }
+    };
+    const updateEditorClasses = (editor, docked) => {
+        const editorContainer = SugarElement.fromDom(editor.getContainer());
+        if (docked) {
+            add$2(editorContainer, editorStickyOnClass);
+            remove$3(editorContainer, editorStickyOffClass);
+        }
+        else {
+            add$2(editorContainer, editorStickyOffClass);
+            remove$3(editorContainer, editorStickyOnClass);
+        }
+    };
+    const restoreFocus = (headerElem, focusedElem) => {
+        // When the header is hidden, then the element that was focused will be lost
+        // so we need to restore it if nothing else has already been focused (eg anything other than the body)
+        const ownerDoc = owner$4(focusedElem);
+        active$1(ownerDoc).filter((activeElm) => 
+        // Don't try to refocus the same element
+        !eq(focusedElem, activeElm)).filter((activeElm) => 
+        // Only attempt to refocus if the current focus is the body or is in the header element
+        eq(activeElm, SugarElement.fromDom(ownerDoc.dom.body)) || contains(headerElem, activeElm)).each(() => focus$4(focusedElem));
+    };
+    const findFocusedElem = (rootElm, lazySink) => 
+    // Check to see if an element is focused inside the header or inside the sink
+    // and if so store the element so we can restore it later
+    search(rootElm).orThunk(() => lazySink().toOptional().bind((sink) => search(sink.element)));
+    const setup$9 = (editor, sharedBackstage, lazyHeader) => {
+        if (!editor.inline) {
+            // If using bottom toolbar then when the editor resizes we need to reset docking
+            // otherwise it won't know the original toolbar position has moved
+            if (!sharedBackstage.header.isPositionedAtTop()) {
+                editor.on('ResizeEditor', () => {
+                    lazyHeader().each(Docking.reset);
+                });
+            }
+            // No need to update the content flow in inline mode as the header always floats
+            editor.on('ResizeWindow ResizeEditor', () => {
+                lazyHeader().each(updateIframeContentFlow);
+            });
+            // Need to reset the docking position on skin loaded as the original position will have
+            // changed due the skins styles being applied.
+            // Note: Inline handles it's own skin loading, as it needs to do other initial positioning
+            editor.on('SkinLoaded', () => {
+                lazyHeader().each((comp) => {
+                    Docking.isDocked(comp) ? Docking.reset(comp) : Docking.refresh(comp);
+                });
+            });
+            // Need to reset when we go fullscreen so that if the header is docked,
+            // then it'll undock and viceversa
+            editor.on('FullscreenStateChanged', () => {
+                lazyHeader().each(Docking.reset);
+            });
+        }
+        // If inline or sticky toolbars is enabled, then when scrolling into view we may still be
+        // behind the editor header so we need to adjust the scroll position to account for that
+        editor.on('AfterScrollIntoView', (e) => {
+            lazyHeader().each((header) => {
+                // We need to make sure the header docking has refreshed, otherwise if a large scroll occurred
+                // the header may have gone off page and need to be docked before doing calculations
+                Docking.refresh(header);
+                // If the header element is still visible, then adjust the scroll position if required
+                const headerElem = header.element;
+                if (isVisible(headerElem)) {
+                    scrollFromBehindHeader(e, headerElem);
+                }
+            });
+        });
+        // Update the editor classes once initial rendering has completed
+        editor.on('PostRender', () => {
+            updateEditorClasses(editor, false);
+        });
+    };
+    const isDocked = (lazyHeader) => lazyHeader()?.map(Docking.isDocked).getOr(false);
+    const getIframeBehaviours = () => [
+        Receiving.config({
+            channels: {
+                [toolbarHeightChange()]: {
+                    onReceive: updateIframeContentFlow
+                }
+            }
+        })
+    ];
+    const getBehaviours = (editor, sharedBackstage) => {
+        const focusedElm = value$2();
+        const lazySink = sharedBackstage.getSink;
+        const runOnSinkElement = (f) => {
+            lazySink().each((sink) => f(sink.element));
+        };
+        const onDockingSwitch = (comp) => {
+            if (!editor.inline) {
+                updateIframeContentFlow(comp);
+            }
+            updateEditorClasses(editor, Docking.isDocked(comp));
+            // TINY-9223: This will only reposition the popups in the same mothership as the StickyHeader
+            // and its sink. If we need to reposition the popups in all motherships (in the two sink
+            // model) then we'll need a reference to all motherships here.
+            comp.getSystem().broadcastOn([repositionPopups()], {});
+            lazySink().each((sink) => sink.getSystem().broadcastOn([repositionPopups()], {}));
+        };
+        const additionalBehaviours = editor.inline ? [] : getIframeBehaviours();
+        return [
+            Focusing.config({}),
+            Docking.config({
+                contextual: {
+                    lazyContext: (comp) => {
+                        const headerHeight = getOuter$1(comp.element);
+                        const container = editor.inline ? editor.getContentAreaContainer() : editor.getContainer();
+                        return Optional.from(container)?.map((c) => {
+                            const box = box$1(SugarElement.fromDom(c));
+                            const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                            return optScrollingContext.fold(() => {
+                                // Force the header to hide before it overflows outside the container
+                                const boxHeight = box.height - headerHeight;
+                                const topBound = box.y + (isDockedMode(comp, 'top') ? 0 : headerHeight);
+                                return bounds(box.x, topBound, box.width, boxHeight);
+                            }, (scrollEnv) => {
+                                const constrainedBounds = constrain(box, getBoundsFrom(scrollEnv));
+                                // When the toolbar location is set to the top, y is the top of the container and height is the available container height minus the header height, as the toolbar will be placed at the top of the container
+                                // This is so that as you scroll the scrollable container/the page, it will dock at the top and when there's insufficient height/space (that's the reason of deducting the headerHeight for the available height), it will be hidden.
+                                // When the toolbar location is set to the bottom, y is the top of the container plus the header height, as the toolbar will be placed at the bottom of the container, beyond the container, so that's why we need to add the headerHeight
+                                // When there's insufficient height/space, it will be hidden, and when you scroll past the editor, it will be hidden
+                                const constrainedBoundsY = isDockedMode(comp, 'top')
+                                    ? constrainedBounds.y
+                                    : constrainedBounds.y + headerHeight;
+                                return bounds(constrainedBounds.x, 
+                                // ASSUMPTION: The constrainedBounds removes the need for us to set this to 0px
+                                // for docked mode. Also, docking in a scrolling environment will often be
+                                // at the scroller top, not the window top
+                                constrainedBoundsY, constrainedBounds.width, constrainedBounds.height - headerHeight);
+                            });
+                        });
+                    },
+                    onShow: () => {
+                        runOnSinkElement((elem) => updateSinkVisibility(elem, true));
+                    },
+                    onShown: (comp) => {
+                        runOnSinkElement((elem) => remove$2(elem, [visibility.transitionClass, visibility.fadeInClass]));
+                        // Restore focus and reset the stored focused element
+                        focusedElm.get().each((elem) => {
+                            restoreFocus(comp.element, elem);
+                            focusedElm.clear();
+                        });
+                    },
+                    onHide: (comp) => {
+                        findFocusedElem(comp.element, lazySink).fold(focusedElm.clear, focusedElm.set);
+                        runOnSinkElement((elem) => updateSinkVisibility(elem, false));
+                    },
+                    onHidden: () => {
+                        runOnSinkElement((elem) => remove$2(elem, [visibility.transitionClass]));
+                    },
+                    ...visibility
+                },
+                lazyViewport: (comp) => {
+                    const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                    return optScrollingContext.fold(() => {
+                        const boundsWithoutOffset = win();
+                        const offset = getStickyToolbarOffset(editor);
+                        const top = boundsWithoutOffset.y + (isDockedMode(comp, 'top') && !isFullscreen(editor) ? offset : 0);
+                        const height = boundsWithoutOffset.height - (isDockedMode(comp, 'bottom') ? offset : 0);
+                        // No scrolling context, so just window
+                        return {
+                            bounds: bounds(boundsWithoutOffset.x, top, boundsWithoutOffset.width, height),
+                            optScrollEnv: Optional.none()
+                        };
+                    }, (sc) => {
+                        // TINY-9411: Implement sticky toolbar offsets in scrollable containers
+                        const combinedBounds = getBoundsFrom(sc);
+                        return {
+                            bounds: combinedBounds,
+                            optScrollEnv: Optional?.some({
+                                currentScrollTop: sc.element.dom.scrollTop,
+                                scrollElmTop: absolute$3(sc.element).top
+                            })
+                        };
+                    });
+                },
+                modes: [sharedBackstage.header.getDockingMode()],
+                onDocked: onDockingSwitch,
+                onUndocked: onDockingSwitch
+            }),
+            ...additionalBehaviours
+        ];
+    };
+
+    var StickyHeader = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setup: setup$9,
+        isDocked: isDocked,
+        getBehaviours: getBehaviours
+    });
+
+    const renderHeader = (spec) => {
+        const editor = spec.editor;
+        const getBehaviours$2 = spec.sticky ? getBehaviours : getBehaviours$1;
+        return {
+            uid: spec.uid,
+            dom: spec.dom,
+            components: spec.components,
+            behaviours: derive$1(getBehaviours$2(editor, spec.sharedBackstage))
+        };
+    };
+
+    const factory$3 = (detail, spec) => {
+        const setMenus = (comp, menus) => {
+            const newMenus = map$2(menus, (m) => {
+                const buttonSpec = {
+                    type: 'menubutton',
+                    text: m.text,
+                    fetch: (callback) => {
+                        callback(m.getItems());
+                    },
+                    context: 'any'
+                };
+                // Convert to an internal bridge spec
+                const internal = createMenuButton(buttonSpec).mapError((errInfo) => formatError(errInfo)).getOrDie();
+                return renderMenuButton(internal, "tox-mbtn" /* MenuButtonClasses.Button */, spec.backstage, 
+                // https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-2/menubar-2.html
+                Optional?.some('menuitem'));
+            });
+            Replacing.set(comp, newMenus);
+        };
+        const apis = {
+            focus: Keying.focusIn,
+            setMenus
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components: [],
+            behaviours: derive$1([
+                Replacing.config({}),
+                config('menubar-events', [
+                    runOnAttached((component) => {
+                        detail.onSetup(component);
+                    }),
+                    run$1(mouseover(), (comp, se) => {
+                        // TODO: Use constants
+                        descendant(comp.element, '.' + "tox-mbtn--active" /* MenuButtonClasses.Active */).each((activeButton) => {
+                            closest$3(se.event.target, '.' + "tox-mbtn" /* MenuButtonClasses.Button */).each((hoveredButton) => {
+                                if (!eq(activeButton, hoveredButton)) {
+                                    // Now, find the components, and expand the hovered one, and close the active one
+                                    comp.getSystem().getByDom(activeButton).each((activeComp) => {
+                                        comp.getSystem().getByDom(hoveredButton).each((hoveredComp) => {
+                                            Dropdown.expand(hoveredComp);
+                                            Dropdown.close(activeComp);
+                                            Focusing.focus(hoveredComp);
+                                        });
+                                    });
+                                }
+                            });
+                        });
+                    }),
+                    run$1(focusShifted(), (comp, se) => {
+                        se.event.prevFocus.bind((prev) => comp.getSystem().getByDom(prev).toOptional()).each((prev) => {
+                            se.event.newFocus.bind((nu) => comp.getSystem().getByDom(nu).toOptional()).each((nu) => {
+                                if (Dropdown.isOpen(prev)) {
+                                    Dropdown.expand(nu);
+                                    Dropdown.close(prev);
+                                }
+                            });
+                        });
+                    })
+                ]),
+                Keying.config({
+                    mode: 'flow',
+                    selector: '.' + "tox-mbtn" /* MenuButtonClasses.Button */,
+                    onEscape: (comp) => {
+                        detail.onEscape(comp);
+                        return Optional?.some(true);
+                    }
+                }),
+                Tabstopping.config({})
+            ]),
+            apis,
+            domModification: {
+                attributes: {
+                    role: 'menubar'
+                }
+            }
+        };
+    };
+    var SilverMenubar = single({
+        factory: factory$3,
+        name: 'silver.Menubar',
+        configFields: [
+            required$1('dom'),
+            required$1('uid'),
+            required$1('onEscape'),
+            required$1('backstage'),
+            defaulted('onSetup', noop)
+        ],
+        apis: {
+            focus: (apis, comp) => {
+                apis.focus(comp);
+            },
+            setMenus: (apis, comp, menus) => {
+                apis.setMenus(comp, menus);
+            }
+        }
+    });
+
+    const promotionMessage = '💝Get all features';
+    const promotionLink = 'https://www.tiny.cloud/tinymce-upgrade-to-cloud/?utm_campaign=self_hosted_upgrade_promo&utm_source=tiny&utm_medium=referral';
+    const renderPromotion = (spec) => {
+        const components = spec.promotionLink ? [
+            {
+                dom: {
+                    tag: 'a',
+                    attributes: {
+                        'href': promotionLink,
+                        'rel': 'noopener',
+                        'target': '_blank',
+                        'aria-hidden': 'true'
+                    },
+                    classes: ['tox-promotion-link'],
+                    innerHtml: promotionMessage
+                }
+            }
+        ] : [];
+        return {
+            uid: spec.uid,
+            dom: spec.dom,
+            components
+        };
+    };
+
+    const setup$8 = (editor) => {
+        const { sidebars } = editor.ui.registry.getAll();
+        // Setup each registered sidebar
+        each$1(keys(sidebars), (name) => {
+            const spec = sidebars[name];
+            const isActive = () => is$1(Optional.from(editor.queryCommandValue('ToggleSidebar')), name);
+            editor.ui.registry.addToggleButton(name, {
+                icon: spec.icon,
+                tooltip: spec.tooltip,
+                onAction: (buttonApi) => {
+                    editor.execCommand('ToggleSidebar', false, name);
+                    buttonApi.setActive(isActive());
+                },
+                onSetup: (buttonApi) => {
+                    buttonApi.setActive(isActive());
+                    const handleToggle = () => buttonApi.setActive(isActive());
+                    editor.on('ToggleSidebar', handleToggle);
+                    return () => {
+                        editor.off('ToggleSidebar', handleToggle);
+                    };
+                },
+                context: 'any'
+            });
+        });
+    };
+    const getApi = (comp) => ({
+        element: () => comp.element.dom
+    });
+    const makePanels = (parts, panelConfigs) => {
+        const specs = map$2(keys(panelConfigs), (name) => {
+            const spec = panelConfigs[name];
+            const bridged = getOrDie(createSidebar(spec));
+            return {
+                name,
+                getApi,
+                onSetup: bridged.onSetup,
+                onShow: bridged.onShow,
+                onHide: bridged.onHide
+            };
+        });
+        return map$2(specs, (spec) => {
+            const editorOffCell = Cell(noop);
+            return parts.slot(spec.name, {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-sidebar__pane']
+                },
+                behaviours: SimpleBehaviours.unnamedEvents([
+                    onControlAttached(spec, editorOffCell),
+                    onControlDetached(spec, editorOffCell),
+                    run$1(slotVisibility(), (sidepanel, se) => {
+                        const data = se.event;
+                        const optSidePanelSpec = find$5(specs, (config) => config.name === data.name);
+                        optSidePanelSpec.each((sidePanelSpec) => {
+                            const handler = data.visible ? sidePanelSpec.onShow : sidePanelSpec.onHide;
+                            handler(sidePanelSpec.getApi(sidepanel));
+                        });
+                    })
+                ])
+            });
+        });
+    };
+    const makeSidebar = (panelConfigs) => SlotContainer.sketch((parts) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-sidebar__pane-container']
+        },
+        components: makePanels(parts, panelConfigs),
+        slotBehaviours: SimpleBehaviours.unnamedEvents([
+            runOnAttached((slotContainer) => SlotContainer.hideAllSlots(slotContainer))
+        ])
+    }));
+    const setSidebar = (sidebar, panelConfigs, showSidebar) => {
+        const optSlider = Composing.getCurrent(sidebar);
+        optSlider.each((slider) => {
+            Replacing.set(slider, [makeSidebar(panelConfigs)]);
+            // Show the default sidebar
+            const configKey = showSidebar === null || showSidebar === void 0 ? void 0 : showSidebar.toLowerCase();
+            if (isString(configKey) && has$2(panelConfigs, configKey)) {
+                Composing.getCurrent(slider).each((slotContainer) => {
+                    SlotContainer.showSlot(slotContainer, configKey);
+                    Sliding.immediateGrow(slider);
+                    // TINY-8710: Remove the width as since the skins/styles won't have loaded yet, so it's going to be incorrect
+                    remove$6(slider.element, 'width');
+                    updateSidebarRoleOnToggle(sidebar.element, "region" /* SidebarStateRoleAttr.Grown */);
+                });
+            }
+        });
+    };
+    const updateSidebarRoleOnToggle = (sidebar, sidebarState) => {
+        set$9(sidebar, 'role', sidebarState);
+    };
+    const toggleSidebar = (sidebar, name) => {
+        const optSlider = Composing.getCurrent(sidebar);
+        optSlider.each((slider) => {
+            const optSlotContainer = Composing.getCurrent(slider);
+            optSlotContainer.each((slotContainer) => {
+                if (Sliding.hasGrown(slider)) {
+                    if (SlotContainer.isShowing(slotContainer, name)) {
+                        // close the slider and then hide the slot after the animation finishes
+                        Sliding.shrink(slider);
+                        updateSidebarRoleOnToggle(sidebar.element, "presentation" /* SidebarStateRoleAttr.Shrunk */);
+                    }
+                    else {
+                        SlotContainer.hideAllSlots(slotContainer);
+                        SlotContainer.showSlot(slotContainer, name);
+                        updateSidebarRoleOnToggle(sidebar.element, "region" /* SidebarStateRoleAttr.Grown */);
+                    }
+                }
+                else {
+                    // Should already be hidden if the animation has finished but if it has not we hide them
+                    SlotContainer.hideAllSlots(slotContainer);
+                    SlotContainer.showSlot(slotContainer, name);
+                    Sliding.grow(slider);
+                    updateSidebarRoleOnToggle(sidebar.element, "region" /* SidebarStateRoleAttr.Grown */);
+                }
+            });
+        });
+    };
+    const whichSidebar = (sidebar) => {
+        const optSlider = Composing.getCurrent(sidebar);
+        return optSlider.bind((slider) => {
+            const sidebarOpen = Sliding.isGrowing(slider) || Sliding.hasGrown(slider);
+            if (sidebarOpen) {
+                const optSlotContainer = Composing.getCurrent(slider);
+                return optSlotContainer.bind((slotContainer) => find$5(SlotContainer.getSlotNames(slotContainer), (name) => SlotContainer.isShowing(slotContainer, name)));
+            }
+            else {
+                return Optional.none();
+            }
+        });
+    };
+    const fixSize = generate$6('FixSizeEvent');
+    const autoSize = generate$6('AutoSizeEvent');
+    const renderSidebar = (spec) => ({
+        uid: spec.uid,
+        dom: {
+            tag: 'div',
+            classes: ['tox-sidebar'],
+            attributes: {
+                role: "presentation" /* SidebarStateRoleAttr.Shrunk */
+            }
+        },
+        components: [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-sidebar__slider']
+                },
+                components: [
+                // this will be replaced on setSidebar
+                ],
+                behaviours: derive$1([
+                    Tabstopping.config({}),
+                    Focusing.config({}), // TODO use Keying and use focusIn, but need to handle if sidebar contains nothing
+                    Sliding.config({
+                        dimension: {
+                            property: 'width'
+                        },
+                        closedClass: 'tox-sidebar--sliding-closed',
+                        openClass: 'tox-sidebar--sliding-open',
+                        shrinkingClass: 'tox-sidebar--sliding-shrinking',
+                        growingClass: 'tox-sidebar--sliding-growing',
+                        onShrunk: (slider) => {
+                            const optSlotContainer = Composing.getCurrent(slider);
+                            optSlotContainer.each(SlotContainer.hideAllSlots);
+                            emit(slider, autoSize);
+                        },
+                        onGrown: (slider) => {
+                            emit(slider, autoSize);
+                        },
+                        onStartGrow: (slider) => {
+                            emitWith(slider, fixSize, { width: getRaw(slider.element, 'width').getOr('') });
+                        },
+                        onStartShrink: (slider) => {
+                            emitWith(slider, fixSize, { width: get$c(slider.element) + 'px' });
+                        }
+                    }),
+                    Replacing.config({}),
+                    Composing.config({
+                        find: (comp) => {
+                            const children = Replacing.contents(comp);
+                            return head(children);
+                        }
+                    })
+                ])
+            }
+        ],
+        behaviours: derive$1([
+            ComposingConfigs.childAt(0),
+            config('sidebar-sliding-events', [
+                run$1(fixSize, (comp, se) => {
+                    set$7(comp.element, 'width', se.event.width);
+                }),
+                run$1(autoSize, (comp, _se) => {
+                    remove$6(comp.element, 'width');
+                })
+            ])
+        ])
+    });
+
+    const getBusySpec$1 = (providerBackstage) => (_root, _behaviours) => ({
+        dom: {
+            tag: 'div',
+            attributes: {
+                'aria-label': providerBackstage.translate('Loading...'),
+                'tabindex': '0'
+            },
+            classes: ['tox-throbber__busy-spinner']
+        },
+        components: [
+            {
+                dom: fromHtml('<div class="tox-spinner"><div></div><div></div><div></div></div>')
+            }
+        ],
+    });
+    const focusBusyComponent = (throbber) => Composing.getCurrent(throbber).each((comp) => focus$4(comp.element, true));
+    // When the throbber is enabled, prevent the iframe from being part of the sequential keyboard navigation when Tabbing
+    // TODO: TINY-7500 Only works for iframe mode at this stage
+    const toggleEditorTabIndex = (editor, state) => {
+        const tabIndexAttr = 'tabindex';
+        const dataTabIndexAttr = `data-mce-${tabIndexAttr}`;
+        Optional.from(editor.iframeElement)
+            ?.map(SugarElement.fromDom)
+            .each((iframe) => {
+            if (state) {
+                getOpt(iframe, tabIndexAttr).each((tabIndex) => set$9(iframe, dataTabIndexAttr, tabIndex));
+                set$9(iframe, tabIndexAttr, -1);
+            }
+            else {
+                remove$8(iframe, tabIndexAttr);
+                getOpt(iframe, dataTabIndexAttr).each((tabIndex) => {
+                    set$9(iframe, tabIndexAttr, tabIndex);
+                    remove$8(iframe, dataTabIndexAttr);
+                });
+            }
+        });
+    };
+    /*
+    * If the throbber has been toggled on, only focus the throbber if the editor had focus as we don't to steal focus if it is on an input or dialog
+    * If the throbber has been toggled off, only put focus back on the editor if the throbber had focus.
+    * The next logical focus transition from the throbber is to put it back on the editor
+    */
+    const toggleThrobber = (editor, comp, state, providerBackstage) => {
+        const element = comp.element;
+        toggleEditorTabIndex(editor, state);
+        if (state) {
+            Blocking.block(comp, getBusySpec$1(providerBackstage));
+            remove$6(element, 'display');
+            remove$8(element, 'aria-hidden');
+            if (editor.hasFocus()) {
+                focusBusyComponent(comp);
+            }
+        }
+        else {
+            // Get the focus of the busy component before it is removed from the DOM
+            const throbberFocus = Composing.getCurrent(comp).exists((busyComp) => hasFocus(busyComp.element));
+            Blocking.unblock(comp);
+            set$7(element, 'display', 'none');
+            set$9(element, 'aria-hidden', 'true');
+            if (throbberFocus) {
+                editor.focus();
+            }
+        }
+    };
+    const renderThrobber = (spec) => ({
+        uid: spec.uid,
+        dom: {
+            tag: 'div',
+            attributes: {
+                'aria-hidden': 'true'
+            },
+            classes: ['tox-throbber'],
+            styles: {
+                display: 'none'
+            }
+        },
+        behaviours: derive$1([
+            Replacing.config({}),
+            Blocking.config({
+                focus: false
+            }),
+            Composing.config({
+                find: (comp) => head(comp.components())
+            })
+        ]),
+        components: []
+    });
+    const isFocusEvent = (event) => event.type === 'focusin';
+    const isPasteBinTarget = (event) => {
+        if (isFocusEvent(event)) {
+            const node = event.composed ? head(event.composedPath()) : Optional.from(event.target);
+            return node
+                ?.map(SugarElement.fromDom)
+                .filter(isElement$1)
+                .exists((targetElm) => has(targetElm, 'mce-pastebin'));
+        }
+        else {
+            return false;
+        }
+    };
+    const setup$7 = (editor, lazyThrobber, sharedBackstage) => {
+        const throbberState = Cell(false);
+        const timer = value$2();
+        const stealFocus = (e) => {
+            if (throbberState.get() && !isPasteBinTarget(e)) {
+                e.preventDefault();
+                focusBusyComponent(lazyThrobber());
+                editor.editorManager.setActive(editor);
+            }
+        };
+        // TODO: TINY-7500 Only worrying about iframe mode at this stage since inline mode has a number of other issues
+        if (!editor.inline) {
+            editor.on('PreInit', () => {
+                // Cover focus when the editor is focused natively
+                editor.dom.bind(editor.getWin(), 'focusin', stealFocus);
+                // Cover stealing focus when editor.focus() is called
+                editor.on('BeforeExecCommand', (e) => {
+                    // If skipFocus is specified as true in the command, don't focus the Throbber
+                    if (e.command.toLowerCase() === 'mcefocus' && e.value !== true) {
+                        stealFocus(e);
+                    }
+                });
+            });
+        }
+        const toggle = (state) => {
+            if (state !== throbberState.get()) {
+                throbberState.set(state);
+                toggleThrobber(editor, lazyThrobber(), state, sharedBackstage.providers);
+                fireAfterProgressState(editor, state);
+            }
+        };
+        editor.on('ProgressState', (e) => {
+            timer.on(clearTimeout);
+            if (isNumber(e.time)) {
+                const timerId = global$a.setEditorTimeout(editor, () => toggle(e.state), e.time);
+                timer.set(timerId);
+            }
+            else {
+                toggle(e.state);
+                timer.clear();
+            }
+        });
+    };
+
+    // eslint-disable-next-line max-len
+    const renderToolbarGroupCommon = (toolbarGroup) => {
+        const attributes = toolbarGroup.label.isNone() ?
+            toolbarGroup.title.fold(() => ({}), (title) => ({ attributes: { 'aria-label': title } }))
+            : toolbarGroup.label.fold(() => ({}), (label) => ({ attributes: { 'aria-label': label } }));
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar__group'].concat(toolbarGroup.label.isSome() ? ['tox-toolbar__group_with_label'] : []),
+                ...attributes
+            },
+            components: [
+                ...(toolbarGroup.label?.map((label) => {
+                    return {
+                        dom: {
+                            tag: 'span',
+                            classes: ['tox-label', 'tox-label--context-toolbar'],
+                        },
+                        components: [text$2(label)]
+                    };
+                }).toArray()),
+                ToolbarGroup.parts.items({})
+            ],
+            items: toolbarGroup.items,
+            markers: {
+                // nav within a group breaks if disabled buttons are first in their group so skip them
+                itemSelector: '*:not(.tox-split-button) > .tox-tbtn:not([disabled]), ' +
+                    '.tox-split-button:not([disabled]), ' +
+                    '.tox-toolbar-nav-item:not([disabled]), ' +
+                    '.tox-number-input:not([disabled])'
+            },
+            tgroupBehaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({
+                    ignore: true
+                })
+            ])
+        };
+    };
+    const renderToolbarGroup = (toolbarGroup) => ToolbarGroup.sketch(renderToolbarGroupCommon(toolbarGroup));
+    const getToolbarBehaviours = (toolbarSpec, modeName) => {
+        const onAttached = runOnAttached((component) => {
+            const groups = map$2(toolbarSpec.initGroups, renderToolbarGroup);
+            Toolbar.setGroups(component, groups);
+        });
+        return derive$1([
+            DisablingConfigs.toolbarButton(() => toolbarSpec.providers.checkUiComponentContext('any').shouldDisable),
+            toggleOnReceive(() => toolbarSpec.providers.checkUiComponentContext('any')),
+            Keying.config({
+                // Tabs between groups
+                mode: modeName,
+                onEscape: toolbarSpec.onEscape,
+                visibilitySelector: '.tox-toolbar__overflow',
+                selector: '.tox-toolbar__group'
+            }),
+            config('toolbar-events', [onAttached])
+        ]);
+    };
+    const renderMoreToolbarCommon = (toolbarSpec) => {
+        const modeName = toolbarSpec.cyclicKeying ? 'cyclic' : 'acyclic';
+        return {
+            uid: toolbarSpec.uid,
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar-overlord']
+            },
+            parts: {
+                // This already knows it is a toolbar group
+                'overflow-group': renderToolbarGroupCommon({
+                    title: Optional.none(),
+                    label: Optional.none(),
+                    items: []
+                }),
+                'overflow-button': renderIconButtonSpec({
+                    context: 'any',
+                    name: 'more',
+                    icon: Optional?.some('more-drawer'),
+                    enabled: true,
+                    tooltip: Optional?.some('Reveal or hide additional toolbar items'),
+                    primary: false,
+                    buttonType: Optional.none(),
+                    borderless: false
+                }, Optional.none(), toolbarSpec.providers, [], 'overflow-button')
+            },
+            splitToolbarBehaviours: getToolbarBehaviours(toolbarSpec, modeName)
+        };
+    };
+    const renderFloatingMoreToolbar = (toolbarSpec) => {
+        const baseSpec = renderMoreToolbarCommon(toolbarSpec);
+        const overflowXOffset = 4;
+        const primary = SplitFloatingToolbar.parts.primary({
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar__primary']
+            }
+        });
+        return SplitFloatingToolbar.sketch({
+            ...baseSpec,
+            lazySink: toolbarSpec.getSink,
+            getOverflowBounds: () => {
+                // Restrict the left/right bounds to the editor header width, but don't restrict the top/bottom
+                const headerElem = toolbarSpec.moreDrawerData.lazyHeader().element;
+                const headerBounds = absolute$2(headerElem);
+                const docElem = documentElement(headerElem);
+                const docBounds = absolute$2(docElem);
+                const height = Math.max(docElem.dom.scrollHeight, docBounds.height);
+                return bounds(headerBounds.x + overflowXOffset, docBounds.y, headerBounds.width - overflowXOffset * 2, height);
+            },
+            parts: {
+                ...baseSpec.parts,
+                overflow: {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-toolbar__overflow'],
+                        attributes: toolbarSpec.attributes
+                    }
+                }
+            },
+            components: [primary],
+            markers: {
+                overflowToggledClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */
+            },
+            onOpened: (comp) => toolbarSpec.onToggled(comp, true),
+            onClosed: (comp) => toolbarSpec.onToggled(comp, false)
+        });
+    };
+    const renderSlidingMoreToolbar = (toolbarSpec) => {
+        const primary = SplitSlidingToolbar.parts.primary({
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar__primary']
+            }
+        });
+        const overflow = SplitSlidingToolbar.parts.overflow({
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar__overflow']
+            }
+        });
+        const baseSpec = renderMoreToolbarCommon(toolbarSpec);
+        return SplitSlidingToolbar.sketch({
+            ...baseSpec,
+            components: [primary, overflow],
+            markers: {
+                openClass: 'tox-toolbar__overflow--open',
+                closedClass: 'tox-toolbar__overflow--closed',
+                growingClass: 'tox-toolbar__overflow--growing',
+                shrinkingClass: 'tox-toolbar__overflow--shrinking',
+                overflowToggledClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */
+            },
+            onOpened: (comp) => {
+                // TINY-9223: This will only broadcast to the same mothership as the toolbar
+                comp.getSystem().broadcastOn([toolbarHeightChange()], { type: 'opened' });
+                toolbarSpec.onToggled(comp, true);
+            },
+            onClosed: (comp) => {
+                // TINY-9223: This will only broadcast to the same mothership as the toolbar
+                comp.getSystem().broadcastOn([toolbarHeightChange()], { type: 'closed' });
+                toolbarSpec.onToggled(comp, false);
+            }
+        });
+    };
+    const renderToolbar = (toolbarSpec) => {
+        const modeName = toolbarSpec.cyclicKeying ? 'cyclic' : 'acyclic';
+        return Toolbar.sketch({
+            uid: toolbarSpec.uid,
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar'].concat(toolbarSpec.type === ToolbarMode$1.scrolling ? ['tox-toolbar--scrolling'] : [])
+            },
+            components: [
+                Toolbar.parts.groups({})
+            ],
+            toolbarBehaviours: getToolbarBehaviours(toolbarSpec, modeName)
+        });
+    };
+
+    const renderButton = (spec, providers) => {
+        var _a, _b;
+        const isToggleButton = spec.type === 'togglebutton';
+        const optMemIcon = spec.icon
+            ?.map((memIcon) => renderReplaceableIconFromPack(memIcon, providers.icons))
+            ?.map(record);
+        const getAction = () => (comp) => {
+            const setIcon = (newIcon) => {
+                optMemIcon?.map((memIcon) => memIcon.getOpt(comp).each((displayIcon) => {
+                    Replacing.set(displayIcon, [
+                        renderReplaceableIconFromPack(newIcon, providers.icons)
+                    ]);
+                }));
+            };
+            const setActive = (state) => {
+                const elm = comp.element;
+                if (state) {
+                    add$2(elm, "tox-button--enabled" /* ViewButtonClasses.Ticked */);
+                    set$9(elm, 'aria-pressed', true);
+                }
+                else {
+                    remove$3(elm, "tox-button--enabled" /* ViewButtonClasses.Ticked */);
+                    remove$8(elm, 'aria-pressed');
+                }
+            };
+            const isActive = () => has(comp.element, "tox-button--enabled" /* ViewButtonClasses.Ticked */);
+            const focus = () => focus$4(comp.element);
+            if (isToggleButton) {
+                return spec.onAction({ setIcon, setActive, isActive, focus });
+            }
+            if (spec.type === 'button') {
+                return spec.onAction({ setIcon });
+            }
+        };
+        const action = getAction();
+        const buttonSpec = {
+            ...spec,
+            name: isToggleButton ? spec.text.getOr(spec.icon.getOr('')) : (_a = spec.text) !== null && _a !== void 0 ? _a : spec.icon.getOr(''),
+            primary: spec.buttonType === 'primary',
+            buttonType: Optional.from(spec.buttonType),
+            tooltip: spec.tooltip,
+            icon: spec.icon,
+            enabled: true,
+            borderless: spec.borderless
+        };
+        const buttonTypeClasses = calculateClassesFromButtonType((_b = spec.buttonType) !== null && _b !== void 0 ? _b : 'secondary');
+        const optTranslatedText = isToggleButton ? spec.text?.map(providers.translate) : Optional?.some(providers.translate(spec.text));
+        const optTranslatedTextComponed = optTranslatedText?.map(text$2);
+        const ariaLabelAttributes = buttonSpec.tooltip.or(optTranslatedText)?.map((al) => ({
+            'aria-label': providers.translate(al),
+        })).getOr({});
+        const optIconSpec = optMemIcon?.map((memIcon) => memIcon.asSpec());
+        const components = componentRenderPipeline([optIconSpec, optTranslatedTextComponed]);
+        const hasIconAndText = spec.icon.isSome() && optTranslatedTextComponed.isSome();
+        const dom = {
+            tag: 'button',
+            classes: buttonTypeClasses
+                .concat(...spec.icon.isSome() && !hasIconAndText ? ['tox-button--icon'] : [])
+                .concat(...hasIconAndText ? ['tox-button--icon-and-text'] : [])
+                .concat(...spec.borderless ? ['tox-button--naked'] : [])
+                .concat(...spec.type === 'togglebutton' && spec.active ? ["tox-button--enabled" /* ViewButtonClasses.Ticked */] : []),
+            attributes: ariaLabelAttributes
+        };
+        const extraBehaviours = [];
+        const iconButtonSpec = renderCommonSpec(buttonSpec, Optional?.some(action), extraBehaviours, dom, components, spec.tooltip, providers);
+        return Button.sketch(iconButtonSpec);
+    };
+
+    const renderViewButton = (spec, providers) => renderButton(spec, providers);
+    const renderButtonsGroup = (spec, providers) => {
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-view__toolbar__group'],
+            },
+            components: map$2(spec.buttons, (button) => renderViewButton(button, providers))
+        };
+    };
+    const deviceDetection = detect$1().deviceType;
+    const isPhone = deviceDetection.isPhone();
+    const isTablet = deviceDetection.isTablet();
+    const renderViewHeader = (spec) => {
+        let hasGroups = false;
+        const endButtons = map$2(spec.buttons, (btnspec) => {
+            if (btnspec.type === 'group') {
+                hasGroups = true;
+                return renderButtonsGroup(btnspec, spec.providers);
+            }
+            else {
+                return renderViewButton(btnspec, spec.providers);
+            }
+        });
+        return {
+            uid: spec.uid,
+            dom: {
+                tag: 'div',
+                classes: [
+                    !hasGroups ? 'tox-view__header' : 'tox-view__toolbar',
+                    ...(isPhone || isTablet ? ['tox-view--mobile', 'tox-view--scrolling'] : [])
+                ]
+            },
+            behaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'flow',
+                    selector: 'button, .tox-button',
+                    focusInside: FocusInsideModes.OnEnterOrSpaceMode
+                })
+            ]),
+            components: hasGroups ?
+                endButtons
+                : [
+                    Container.sketch({
+                        dom: {
+                            tag: 'div',
+                            classes: ['tox-view__header-start']
+                        },
+                        components: []
+                    }),
+                    Container.sketch({
+                        dom: {
+                            tag: 'div',
+                            classes: ['tox-view__header-end']
+                        },
+                        components: endButtons
+                    })
+                ]
+        };
+    };
+    const renderViewPane = (spec) => {
+        return {
+            uid: spec.uid,
+            behaviours: derive$1([
+                Focusing.config({}),
+                Tabstopping.config({})
+            ]),
+            dom: {
+                tag: 'div',
+                classes: ['tox-view__pane']
+            }
+        };
+    };
+    const factory$2 = (detail, components, _spec, _externals) => {
+        const apis = {
+            getPane: (comp) => parts$h.getPart(comp, detail, 'pane'),
+            getOnShow: (_comp) => detail.viewConfig.onShow,
+            getOnHide: (_comp) => detail.viewConfig.onHide,
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'cyclic',
+                    focusInside: FocusInsideModes.OnEnterOrSpaceMode
+                })
+            ]),
+            apis
+        };
+    };
+    var View = composite({
+        name: 'silver.View',
+        configFields: [
+            required$1('viewConfig'),
+        ],
+        partFields: [
+            optional({
+                factory: {
+                    sketch: renderViewHeader
+                },
+                schema: [
+                    required$1('buttons'),
+                    required$1('providers')
+                ],
+                name: 'header'
+            }),
+            optional({
+                factory: {
+                    sketch: renderViewPane
+                },
+                schema: [],
+                name: 'pane'
+            })
+        ],
+        factory: factory$2,
+        apis: {
+            getPane: (apis, comp) => apis.getPane(comp),
+            getOnShow: (apis, comp) => apis.getOnShow(comp),
+            getOnHide: (apis, comp) => apis.getOnHide(comp)
+        }
+    });
+
+    const makeViews = (parts, viewConfigs, providers) => {
+        return mapToArray(viewConfigs, (config, name) => {
+            const internalViewConfig = getOrDie(createView(config));
+            return parts.slot(name, View.sketch({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-view']
+                },
+                viewConfig: internalViewConfig,
+                components: [
+                    ...internalViewConfig.buttons.length > 0 ? [
+                        View.parts.header({
+                            buttons: internalViewConfig.buttons,
+                            providers
+                        })
+                    ] : [],
+                    View.parts.pane({})
+                ]
+            }));
+        });
+    };
+    const makeSlotContainer = (viewConfigs, providers) => SlotContainer.sketch((parts) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-view-wrap__slot-container']
+        },
+        components: makeViews(parts, viewConfigs, providers),
+        slotBehaviours: SimpleBehaviours.unnamedEvents([
+            runOnAttached((slotContainer) => SlotContainer.hideAllSlots(slotContainer))
+        ])
+    }));
+    const getCurrentName = (slotContainer) => {
+        return find$5(SlotContainer.getSlotNames(slotContainer), (name) => SlotContainer.isShowing(slotContainer, name));
+    };
+    const hideContainer = (comp) => {
+        const element = comp.element;
+        set$7(element, 'display', 'none');
+        set$9(element, 'aria-hidden', 'true');
+    };
+    const showContainer = (comp) => {
+        const element = comp.element;
+        remove$6(element, 'display');
+        remove$8(element, 'aria-hidden');
+    };
+    const makeViewInstanceApi = (slot) => ({
+        getContainer: constant$1(slot)
+    });
+    const runOnPaneWithInstanceApi = (slotContainer, name, get) => {
+        SlotContainer.getSlot(slotContainer, name).each((view) => {
+            View.getPane(view).each((pane) => {
+                const onCallback = get(view);
+                onCallback(makeViewInstanceApi(pane.element.dom));
+            });
+        });
+    };
+    const runOnShow = (slotContainer, name) => runOnPaneWithInstanceApi(slotContainer, name, View.getOnShow);
+    const runOnHide = (slotContainer, name) => runOnPaneWithInstanceApi(slotContainer, name, View.getOnHide);
+    const factory$1 = (detail, spec) => {
+        const setViews = (comp, viewConfigs) => {
+            Replacing.set(comp, [makeSlotContainer(viewConfigs, spec.backstage.shared.providers)]);
+        };
+        const whichView = (comp) => {
+            return Composing.getCurrent(comp).bind(getCurrentName);
+        };
+        const toggleView = (comp, showMainView, hideMainView, name) => {
+            return Composing.getCurrent(comp).exists((slotContainer) => {
+                const optCurrentSlotName = getCurrentName(slotContainer);
+                const isTogglingCurrentView = optCurrentSlotName.exists((current) => name === current);
+                const exists = SlotContainer.getSlot(slotContainer, name).isSome();
+                if (exists) {
+                    SlotContainer.hideAllSlots(slotContainer);
+                    if (!isTogglingCurrentView) {
+                        hideMainView();
+                        showContainer(comp);
+                        SlotContainer.showSlot(slotContainer, name);
+                        runOnShow(slotContainer, name);
+                    }
+                    else {
+                        hideContainer(comp);
+                        showMainView();
+                    }
+                    optCurrentSlotName.each((prevName) => runOnHide(slotContainer, prevName));
+                }
+                return exists;
+            });
+        };
+        const apis = {
+            setViews,
+            whichView,
+            toggleView
+        };
+        return {
+            uid: detail.uid,
+            dom: {
+                tag: 'div',
+                classes: ['tox-view-wrap'],
+                attributes: { 'aria-hidden': 'true' },
+                styles: { display: 'none' }
+            },
+            components: [
+            // this will be replaced on setViews
+            ],
+            behaviours: derive$1([
+                Replacing.config({}),
+                Composing.config({
+                    find: (comp) => {
+                        const children = Replacing.contents(comp);
+                        return head(children);
+                    }
+                })
+            ]),
+            apis
+        };
+    };
+    var ViewWrapper = single({
+        factory: factory$1,
+        name: 'silver.ViewWrapper',
+        configFields: [
+            required$1('backstage')
+        ],
+        apis: {
+            setViews: (apis, comp, views) => apis.setViews(comp, views),
+            toggleView: (apis, comp, outerContainer, editorCont, name) => apis.toggleView(comp, outerContainer, editorCont, name),
+            whichView: (apis, comp) => apis.whichView(comp)
+        }
+    });
+
+    const factory = (detail, components, _spec) => {
+        let toolbarDrawerOpenState = false;
+        const toggleStatusbar = (editorContainer) => {
+            sibling(editorContainer, '.tox-statusbar').each((statusBar) => {
+                if (get$e(statusBar, 'display') === 'none' && get$g(statusBar, 'aria-hidden') === 'true') {
+                    remove$6(statusBar, 'display');
+                    remove$8(statusBar, 'aria-hidden');
+                }
+                else {
+                    set$7(statusBar, 'display', 'none');
+                    set$9(statusBar, 'aria-hidden', 'true');
+                }
+            });
+        };
+        const apis = {
+            getSocket: (comp) => {
+                return parts$h.getPart(comp, detail, 'socket');
+            },
+            setSidebar: (comp, panelConfigs, showSidebar) => {
+                parts$h.getPart(comp, detail, 'sidebar').each((sidebar) => setSidebar(sidebar, panelConfigs, showSidebar));
+            },
+            toggleSidebar: (comp, name) => {
+                parts$h.getPart(comp, detail, 'sidebar').each((sidebar) => toggleSidebar(sidebar, name));
+            },
+            whichSidebar: (comp) => {
+                return parts$h.getPart(comp, detail, 'sidebar').bind(whichSidebar).getOrNull();
+            },
+            getHeader: (comp) => {
+                return parts$h.getPart(comp, detail, 'header');
+            },
+            getToolbar: (comp) => {
+                return parts$h.getPart(comp, detail, 'toolbar');
+            },
+            setToolbar: (comp, groups) => {
+                parts$h.getPart(comp, detail, 'toolbar').each((toolbar) => {
+                    const renderedGroups = map$2(groups, renderToolbarGroup);
+                    toolbar.getApis().setGroups(toolbar, renderedGroups);
+                });
+            },
+            setToolbars: (comp, toolbars) => {
+                parts$h.getPart(comp, detail, 'multiple-toolbar').each((mToolbar) => {
+                    const renderedToolbars = map$2(toolbars, (g) => map$2(g, renderToolbarGroup));
+                    CustomList.setItems(mToolbar, renderedToolbars);
+                });
+            },
+            refreshToolbar: (comp) => {
+                const toolbar = parts$h.getPart(comp, detail, 'toolbar');
+                toolbar.each((toolbar) => toolbar.getApis().refresh(toolbar));
+            },
+            toggleToolbarDrawer: (comp) => {
+                parts$h.getPart(comp, detail, 'toolbar').each((toolbar) => {
+                    mapFrom(toolbar.getApis().toggle, (toggle) => toggle(toolbar));
+                });
+            },
+            toggleToolbarDrawerWithoutFocusing: (comp) => {
+                parts$h.getPart(comp, detail, 'toolbar').each((toolbar) => {
+                    mapFrom(toolbar.getApis().toggleWithoutFocusing, (toggleWithoutFocusing) => toggleWithoutFocusing(toolbar));
+                });
+            },
+            isToolbarDrawerToggled: (comp) => {
+                // isOpen may not be defined on all toolbars e.g. 'scrolling' and 'wrap'
+                return parts$h.getPart(comp, detail, 'toolbar')
+                    .bind((toolbar) => Optional.from(toolbar.getApis().isOpen)?.map((isOpen) => isOpen(toolbar)))
+                    .getOr(false);
+            },
+            getThrobber: (comp) => {
+                return parts$h.getPart(comp, detail, 'throbber');
+            },
+            focusToolbar: (comp) => {
+                const optToolbar = parts$h.getPart(comp, detail, 'toolbar').orThunk(() => parts$h.getPart(comp, detail, 'multiple-toolbar'));
+                optToolbar.each((toolbar) => {
+                    Keying.focusIn(toolbar);
+                });
+            },
+            setMenubar: (comp, menus) => {
+                parts$h.getPart(comp, detail, 'menubar').each((menubar) => {
+                    SilverMenubar.setMenus(menubar, menus);
+                });
+            },
+            focusMenubar: (comp) => {
+                parts$h.getPart(comp, detail, 'menubar').each((menubar) => {
+                    SilverMenubar.focus(menubar);
+                });
+            },
+            setViews: (comp, viewConfigs) => {
+                parts$h.getPart(comp, detail, 'viewWrapper').each((wrapper) => {
+                    ViewWrapper.setViews(wrapper, viewConfigs);
+                });
+            },
+            toggleView: (comp, name) => {
+                return parts$h.getPart(comp, detail, 'viewWrapper').exists((wrapper) => ViewWrapper.toggleView(wrapper, () => apis.showMainView(comp), () => apis.hideMainView(comp), name));
+            },
+            whichView: (comp) => {
+                return parts$h.getPart(comp, detail, 'viewWrapper').bind(ViewWrapper.whichView).getOrNull();
+            },
+            hideMainView: (comp) => {
+                toolbarDrawerOpenState = apis.isToolbarDrawerToggled(comp);
+                if (toolbarDrawerOpenState) {
+                    apis.toggleToolbarDrawer(comp);
+                }
+                parts$h.getPart(comp, detail, 'editorContainer').each((editorContainer) => {
+                    const element = editorContainer.element;
+                    toggleStatusbar(element);
+                    set$7(element, 'display', 'none');
+                    set$9(element, 'aria-hidden', 'true');
+                });
+            },
+            showMainView: (comp) => {
+                if (toolbarDrawerOpenState) {
+                    apis.toggleToolbarDrawer(comp);
+                }
+                parts$h.getPart(comp, detail, 'editorContainer').each((editorContainer) => {
+                    const element = editorContainer.element;
+                    toggleStatusbar(element);
+                    remove$6(element, 'display');
+                    remove$8(element, 'aria-hidden');
+                });
+            }
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            apis,
+            behaviours: detail.behaviours
+        };
+    };
+    const partMenubar = partType$1.optional({
+        factory: SilverMenubar,
+        name: 'menubar',
+        schema: [
+            required$1('backstage')
+        ]
+    });
+    const toolbarFactory = (spec) => {
+        if (spec.type === ToolbarMode$1.sliding) {
+            return renderSlidingMoreToolbar;
+        }
+        else if (spec.type === ToolbarMode$1.floating) {
+            return renderFloatingMoreToolbar;
+        }
+        else {
+            return renderToolbar;
+        }
+    };
+    const partMultipleToolbar = partType$1.optional({
+        factory: {
+            sketch: (spec) => CustomList.sketch({
+                uid: spec.uid,
+                dom: spec.dom,
+                listBehaviours: derive$1([
+                    Keying.config({
+                        mode: 'acyclic',
+                        selector: '.tox-toolbar'
+                    })
+                ]),
+                makeItem: () => renderToolbar({
+                    type: spec.type,
+                    uid: generate$6('multiple-toolbar-item'),
+                    cyclicKeying: false,
+                    initGroups: [],
+                    providers: spec.providers,
+                    onEscape: () => {
+                        spec.onEscape();
+                        return Optional?.some(true);
+                    }
+                }),
+                setupItem: (_mToolbar, tc, data, _index) => {
+                    Toolbar.setGroups(tc, data);
+                },
+                shell: true
+            })
+        },
+        name: 'multiple-toolbar',
+        schema: [
+            required$1('dom'),
+            required$1('onEscape')
+        ]
+    });
+    const partToolbar = partType$1.optional({
+        factory: {
+            sketch: (spec) => {
+                const renderer = toolbarFactory(spec);
+                const toolbarSpec = {
+                    type: spec.type,
+                    uid: spec.uid,
+                    onEscape: () => {
+                        spec.onEscape();
+                        return Optional?.some(true);
+                    },
+                    onToggled: (_comp, state) => spec.onToolbarToggled(state),
+                    cyclicKeying: false,
+                    initGroups: [],
+                    getSink: spec.getSink,
+                    providers: spec.providers,
+                    moreDrawerData: {
+                        lazyToolbar: spec.lazyToolbar,
+                        lazyMoreButton: spec.lazyMoreButton,
+                        lazyHeader: spec.lazyHeader
+                    },
+                    attributes: spec.attributes
+                };
+                return renderer(toolbarSpec);
+            }
+        },
+        name: 'toolbar',
+        schema: [
+            required$1('dom'),
+            required$1('onEscape'),
+            required$1('getSink')
+        ]
+    });
+    const partHeader = partType$1.optional({
+        factory: {
+            sketch: renderHeader
+        },
+        name: 'header',
+        schema: [
+            required$1('dom')
+        ]
+    });
+    const partPromotion = partType$1.optional({
+        factory: {
+            sketch: renderPromotion
+        },
+        name: 'promotion',
+        schema: [
+            required$1('dom'),
+            required$1('promotionLink')
+        ]
+    });
+    const partSocket = partType$1.optional({
+        // factory: Fun.identity,
+        name: 'socket',
+        schema: [
+            required$1('dom')
+        ]
+    });
+    const partSidebar = partType$1.optional({
+        factory: {
+            sketch: renderSidebar
+        },
+        name: 'sidebar',
+        schema: [
+            required$1('dom')
+        ]
+    });
+    const partThrobber = partType$1.optional({
+        factory: {
+            sketch: renderThrobber
+        },
+        name: 'throbber',
+        schema: [
+            required$1('dom')
+        ]
+    });
+    const partViewWrapper = partType$1.optional({
+        factory: ViewWrapper,
+        name: 'viewWrapper',
+        schema: [
+            required$1('backstage')
+        ]
+    });
+    const renderEditorContainer = (spec) => ({
+        uid: spec.uid,
+        dom: {
+            tag: 'div',
+            classes: ['tox-editor-container']
+        },
+        components: spec.components
+    });
+    const partEditorContainer = partType$1.optional({
+        factory: {
+            sketch: renderEditorContainer
+        },
+        name: 'editorContainer',
+        schema: []
+    });
+    var OuterContainer = composite({
+        name: 'OuterContainer',
+        factory,
+        configFields: [
+            required$1('dom'),
+            required$1('behaviours')
+        ],
+        partFields: [
+            partHeader,
+            partMenubar,
+            partToolbar,
+            partMultipleToolbar,
+            partSocket,
+            partSidebar,
+            partPromotion,
+            partThrobber,
+            partViewWrapper,
+            partEditorContainer
+        ],
+        apis: {
+            getSocket: (apis, comp) => {
+                return apis.getSocket(comp);
+            },
+            setSidebar: (apis, comp, panelConfigs, showSidebar) => {
+                apis.setSidebar(comp, panelConfigs, showSidebar);
+            },
+            toggleSidebar: (apis, comp, name) => {
+                apis.toggleSidebar(comp, name);
+            },
+            whichSidebar: (apis, comp) => {
+                return apis.whichSidebar(comp);
+            },
+            getHeader: (apis, comp) => {
+                return apis.getHeader(comp);
+            },
+            getToolbar: (apis, comp) => {
+                return apis.getToolbar(comp);
+            },
+            setToolbar: (apis, comp, groups) => {
+                apis.setToolbar(comp, groups);
+            },
+            setToolbars: (apis, comp, toolbars) => {
+                apis.setToolbars(comp, toolbars);
+            },
+            refreshToolbar: (apis, comp) => {
+                return apis.refreshToolbar(comp);
+            },
+            toggleToolbarDrawer: (apis, comp) => {
+                apis.toggleToolbarDrawer(comp);
+            },
+            toggleToolbarDrawerWithoutFocusing: (apis, comp) => {
+                apis.toggleToolbarDrawerWithoutFocusing(comp);
+            },
+            isToolbarDrawerToggled: (apis, comp) => {
+                return apis.isToolbarDrawerToggled(comp);
+            },
+            getThrobber: (apis, comp) => {
+                return apis.getThrobber(comp);
+            },
+            // FIX: Dupe
+            setMenubar: (apis, comp, menus) => {
+                apis.setMenubar(comp, menus);
+            },
+            focusMenubar: (apis, comp) => {
+                apis.focusMenubar(comp);
+            },
+            focusToolbar: (apis, comp) => {
+                apis.focusToolbar(comp);
+            },
+            setViews: (apis, comp, views) => {
+                apis.setViews(comp, views);
+            },
+            toggleView: (apis, comp, name) => {
+                return apis.toggleView(comp, name);
+            },
+            whichView: (apis, comp) => {
+                return apis.whichView(comp);
+            },
+        }
+    });
+
+    const defaultMenubar = 'file edit view insert format tools table help';
+    const defaultMenus = {
+        file: { title: 'File', items: 'newdocument restoredraft | preview | importword exportpdf exportword | export print | deleteallconversations' },
+        edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall | searchreplace' },
+        view: { title: 'View', items: 'code revisionhistory | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments' },
+        insert: { title: 'Insert', items: 'image link media addcomment pageembed inserttemplate codesample inserttable accordion math | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents footnotes | mergetags | insertdatetime' },
+        format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript codeformat | styles blocks fontfamily fontsize align lineheight | forecolor backcolor | language | removeformat' },
+        tools: { title: 'Tools', items: 'aidialog aishortcuts | spellchecker spellcheckerlanguage | autocorrect capitalization | a11ycheck code typography wordcount addtemplate' },
+        table: { title: 'Table', items: 'inserttable | cell row column | advtablesort | tableprops deletetable' },
+        help: { title: 'Help', items: 'help' }
+    };
+    const make = (menu, registry, editor) => {
+        const removedMenuItems = getRemovedMenuItems(editor).split(/[ ,]/);
+        return {
+            text: menu.title,
+            getItems: () => bind$3(menu.items, (i) => {
+                const itemName = i.toLowerCase();
+                if (itemName.trim().length === 0) {
+                    return [];
+                }
+                else if (exists(removedMenuItems, (removedMenuItem) => removedMenuItem === itemName)) {
+                    return [];
+                }
+                else if (itemName === 'separator' || itemName === '|') {
+                    return [{
+                            type: 'separator'
+                        }];
+                }
+                else if (registry.menuItems[itemName]) {
+                    return [registry.menuItems[itemName]];
+                }
+                else {
+                    return [];
+                }
+            })
+        };
+    };
+    const parseItemsString = (items) => {
+        return items.split(' ');
+    };
+    const identifyMenus = (editor, registry) => {
+        const rawMenuData = { ...defaultMenus, ...registry.menus };
+        const userDefinedMenus = keys(registry.menus).length > 0;
+        const menubar = registry.menubar === undefined || registry.menubar === true ? parseItemsString(defaultMenubar) : parseItemsString(registry.menubar === false ? '' : registry.menubar);
+        const validMenus = filter$2(menubar, (menuName) => {
+            const isDefaultMenu = has$2(defaultMenus, menuName);
+            if (userDefinedMenus) {
+                return isDefaultMenu || get$h(registry.menus, menuName).exists((menu) => has$2(menu, 'items'));
+            }
+            else {
+                return isDefaultMenu;
+            }
+        });
+        const menus = map$2(validMenus, (menuName) => {
+            const menuData = rawMenuData[menuName];
+            return make({ title: menuData.title, items: parseItemsString(menuData.items) }, registry, editor);
+        });
+        return filter$2(menus, (menu) => {
+            // Filter out menus that have no items, or only separators
+            const isNotSeparator = (item) => isString(item) || item.type !== 'separator';
+            return menu.getItems().length > 0 && exists(menu.getItems(), isNotSeparator);
+        });
+    };
+
+    const fireSkinLoaded = (editor) => {
+        const done = () => {
+            editor._skinLoaded = true;
+            fireSkinLoaded$1(editor);
+        };
+        return () => {
+            if (editor.initialized) {
+                done();
+            }
+            else {
+                editor.on('init', done);
+            }
+        };
+    };
+    const fireSkinLoadError = (editor, err) => () => fireSkinLoadError$1(editor, { message: err });
+
+    const getSkinResourceIdentifier = (editor) => {
+        const skin = getSkin(editor);
+        // Use falsy check to cover false, undefined/null and empty string
+        if (!skin) {
+            return Optional.none();
+        }
+        else {
+            return Optional.from(skin);
+        }
+    };
+    const loadStylesheet = (editor, stylesheetUrl, styleSheetLoader) => {
+        // Ensure the stylesheet is cleaned up when the editor is destroyed
+        editor.on('remove', () => styleSheetLoader.unload(stylesheetUrl));
+        return styleSheetLoader.load(stylesheetUrl);
+    };
+    const loadRawCss = (editor, key, css, styleSheetLoader) => {
+        // Ensure the stylesheet is cleaned up when the editor is destroyed
+        editor.on('remove', () => styleSheetLoader.unloadRawCss(key));
+        return styleSheetLoader.loadRawCss(key, css);
+    };
+    const skinIdentifierToResourceKey = (identifier, filename) => 'ui/' + identifier + '/' + filename;
+    const getResourceValue = (resourceKey) => Optional.from(tinymce.Resource.get(resourceKey)).filter(isString);
+    const determineCSSDecision = (editor, filenameBase, skinUrl = '') => {
+        const resourceKey = getSkinResourceIdentifier(editor)
+            ?.map((identifier) => skinIdentifierToResourceKey(identifier, `${filenameBase}.css`));
+        const resourceValue = resourceKey.bind(getResourceValue);
+        return lift2(resourceKey, resourceValue, (key, css) => {
+            return { _kind: 'load-raw', key, css };
+        }).getOrThunk(() => {
+            const suffix = editor.editorManager.suffix;
+            const skinUiCssUrl = skinUrl + `/${filenameBase}${suffix}.css`;
+            return { _kind: 'load-stylesheet', url: skinUiCssUrl };
+        });
+    };
+    const loadUiSkins = (editor, skinUrl) => {
+        const loader = editor.ui.styleSheetLoader;
+        const decision = determineCSSDecision(editor, 'skin', skinUrl);
+        switch (decision._kind) {
+            case 'load-raw':
+                const { key, css } = decision;
+                loadRawCss(editor, key, css, loader);
+                return Promise.resolve();
+            case 'load-stylesheet':
+                const { url } = decision;
+                return loadStylesheet(editor, url, loader);
+            default:
+                return Promise.resolve();
+        }
+    };
+    const loadShadowDomUiSkins = (editor, skinUrl) => {
+        const isInShadowRoot$1 = isInShadowRoot(SugarElement.fromDom(editor.getElement()));
+        if (!isInShadowRoot$1) {
+            return Promise.resolve();
+        }
+        else {
+            const loader = global$9.DOM.styleSheetLoader;
+            const decision = determineCSSDecision(editor, 'skin.shadowdom', skinUrl);
+            switch (decision._kind) {
+                case 'load-raw':
+                    const { key, css } = decision;
+                    loadRawCss(editor, key, css, loader);
+                    return Promise.resolve();
+                case 'load-stylesheet':
+                    const { url } = decision;
+                    return loadStylesheet(editor, url, loader);
+                default:
+                    return Promise.resolve();
+            }
+        }
+    };
+    const loadUiContentCSS = (editor, isInline, skinUrl) => {
+        const filenameBase = isInline ? 'content.inline' : 'content';
+        const decision = determineCSSDecision(editor, filenameBase, skinUrl);
+        switch (decision._kind) {
+            case 'load-raw':
+                const { key, css } = decision;
+                if (isInline) {
+                    loadRawCss(editor, key, css, editor.ui.styleSheetLoader);
+                }
+                else {
+                    // Need to wait until the iframe is in the DOM before trying to load
+                    // the style into the iframe document
+                    editor.on('PostRender', () => {
+                        loadRawCss(editor, key, css, editor.dom.styleSheetLoader);
+                    });
+                }
+                return Promise.resolve();
+            case 'load-stylesheet':
+                const { url } = decision;
+                if (skinUrl) {
+                    editor.contentCSS.push(url);
+                }
+                return Promise.resolve();
+            default:
+                return Promise.resolve();
+        }
+    };
+    const loadUrlSkin = async (isInline, editor) => {
+        const skinUrl = getSkinUrl(editor);
+        await loadUiContentCSS(editor, isInline, skinUrl);
+        // In Modern Inline, this is explicitly called in editor.on('focus', ...) as well as in render().
+        // Seems to work without, but adding a note in case things break later
+        if (!isSkinDisabled(editor) && isString(skinUrl)) {
+            return Promise.all([
+                loadUiSkins(editor, skinUrl),
+                loadShadowDomUiSkins(editor, skinUrl)
+            ]).then();
+        }
+    };
+    const loadSkin = (isInline, editor) => {
+        return loadUrlSkin(isInline, editor).then(fireSkinLoaded(editor), fireSkinLoadError(editor, 'Skin could not be loaded'));
+    };
+    const iframe = curry(loadSkin, false);
+    const inline = curry(loadSkin, true);
+
+    const getButtonApi = (component) => ({
+        isEnabled: () => !Disabling.isDisabled(component),
+        setEnabled: (state) => Disabling.set(component, !state),
+        setText: (text) => emitWith(component, updateMenuText, {
+            text
+        }),
+        setIcon: (icon) => emitWith(component, updateMenuIcon, {
+            icon
+        })
+    });
+    const getToggleApi = (component) => ({
+        setActive: (state) => {
+            Toggling.set(component, state);
+        },
+        isActive: () => Toggling.isOn(component),
+        isEnabled: () => !Disabling.isDisabled(component),
+        setEnabled: (state) => Disabling.set(component, !state),
+        setText: (text) => emitWith(component, updateMenuText, {
+            text
+        }),
+        setIcon: (icon) => emitWith(component, updateMenuIcon, {
+            icon
+        })
+    });
+    const getTooltipAttributes = (tooltip, providersBackstage) => tooltip?.map((tooltip) => ({
+        'aria-label': providersBackstage.translate(tooltip),
+    })).getOr({});
+    const focusButtonEvent = generate$6('focus-button');
+    const renderCommonStructure = (optIcon, optText, tooltip, behaviours, providersBackstage, context, btnName) => {
+        const optMemDisplayText = optText?.map((text) => record(renderLabel$1(text, "tox-tbtn" /* ToolbarButtonClasses.Button */, providersBackstage)));
+        const optMemDisplayIcon = optIcon?.map((icon) => record(renderReplaceableIconFromPack(icon, providersBackstage.icons)));
+        return {
+            dom: {
+                tag: 'button',
+                classes: ["tox-tbtn" /* ToolbarButtonClasses.Button */].concat(optText.isSome() ? ["tox-tbtn--select" /* ToolbarButtonClasses.MatchWidth */] : []),
+                attributes: {
+                    ...getTooltipAttributes(tooltip, providersBackstage),
+                    ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+                }
+            },
+            components: componentRenderPipeline([
+                optMemDisplayIcon?.map((mem) => mem.asSpec()),
+                optMemDisplayText?.map((mem) => mem.asSpec()),
+            ]),
+            eventOrder: {
+                [mousedown()]: [
+                    'focusing',
+                    'alloy.base.behaviour',
+                    commonButtonDisplayEvent
+                ],
+                [attachedToDom()]: [commonButtonDisplayEvent, 'toolbar-group-button-events'],
+                [detachedFromDom()]: [commonButtonDisplayEvent, 'toolbar-group-button-events', 'tooltipping']
+            },
+            buttonBehaviours: derive$1([
+                DisablingConfigs.toolbarButton(() => providersBackstage.checkUiComponentContext(context).shouldDisable),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(context)),
+                config(commonButtonDisplayEvent, [
+                    runOnAttached((comp, _se) => forceInitialSize(comp)),
+                    run$1(updateMenuText, (comp, se) => {
+                        optMemDisplayText.bind((mem) => mem.getOpt(comp)).each((displayText) => {
+                            Replacing.set(displayText, [text$2(providersBackstage.translate(se.event.text))]);
+                        });
+                    }),
+                    run$1(updateMenuIcon, (comp, se) => {
+                        optMemDisplayIcon.bind((mem) => mem.getOpt(comp)).each((displayIcon) => {
+                            Replacing.set(displayIcon, [renderReplaceableIconFromPack(se.event.icon, providersBackstage.icons)]);
+                        });
+                    }),
+                    run$1(mousedown(), (button, se) => {
+                        se.event.prevent();
+                        emit(button, focusButtonEvent);
+                    })
+                ])
+            ].concat(behaviours.getOr([])))
+        };
+    };
+    const renderFloatingToolbarButton = (spec, backstage, identifyButtons, attributes, btnName) => {
+        const sharedBackstage = backstage.shared;
+        const editorOffCell = Cell(noop);
+        const specialisation = {
+            toolbarButtonBehaviours: [],
+            getApi: getButtonApi,
+            onSetup: spec.onSetup
+        };
+        const behaviours = [
+            config('toolbar-group-button-events', [
+                onControlAttached(specialisation, editorOffCell),
+                onControlDetached(specialisation, editorOffCell)
+            ]),
+            ...(spec.tooltip?.map((t) => Tooltipping.config(backstage.shared.providers.tooltips.getConfig({
+                tooltipText: backstage.shared.providers.translate(t),
+            })))).toArray()
+        ];
+        return FloatingToolbarButton.sketch({
+            lazySink: sharedBackstage.getSink,
+            fetch: () => Future.nu((resolve) => {
+                resolve(map$2(identifyButtons(spec.items), renderToolbarGroup));
+            }),
+            markers: {
+                toggledClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */
+            },
+            parts: {
+                button: renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional?.some(behaviours), sharedBackstage.providers, spec.context, btnName),
+                toolbar: {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-toolbar__overflow'],
+                        attributes
+                    }
+                }
+            }
+        });
+    };
+    const renderCommonToolbarButton = (spec, specialisation, providersBackstage, btnName) => {
+        var _d;
+        const editorOffCell = Cell(noop);
+        const structure = renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional.none(), providersBackstage, spec.context, btnName);
+        return Button.sketch({
+            dom: structure.dom,
+            components: structure.components,
+            eventOrder: toolbarButtonEventOrder,
+            buttonBehaviours: {
+                ...derive$1([
+                    config('toolbar-button-events', [
+                        onToolbarButtonExecute({
+                            onAction: spec.onAction,
+                            getApi: specialisation.getApi
+                        }),
+                        onControlAttached(specialisation, editorOffCell),
+                        onControlDetached(specialisation, editorOffCell)
+                    ]),
+                    ...(spec.tooltip?.map((t) => Tooltipping.config(providersBackstage.tooltips.getConfig({
+                        tooltipText: providersBackstage.translate(t) + spec.shortcut?.map((shortcut) => ` (${convertText(shortcut)})`).getOr(''),
+                    })))).toArray(),
+                    // Enable toolbar buttons by default
+                    DisablingConfigs.toolbarButton(() => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable),
+                    toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context))
+                ].concat(specialisation.toolbarButtonBehaviours)),
+                // Here we add the commonButtonDisplayEvent behaviour from the structure so we can listen
+                // to updateMenuIcon and updateMenuText events and run the defined callbacks as they are
+                // defined in the renderCommonStructure function and fix the size of the button onAttached.
+                [commonButtonDisplayEvent]: (_d = structure.buttonBehaviours) === null || _d === void 0 ? void 0 : _d[commonButtonDisplayEvent],
+            }
+        });
+    };
+    const renderToolbarButton = (spec, providersBackstage, btnName) => renderToolbarButtonWith(spec, providersBackstage, [], btnName);
+    const renderToolbarButtonWith = (spec, providersBackstage, bonusEvents, btnName) => renderCommonToolbarButton(spec, {
+        toolbarButtonBehaviours: (bonusEvents.length > 0 ? [
+            // TODO: May have to pass through eventOrder if events start clashing
+            config('toolbarButtonWith', bonusEvents)
+        ] : []),
+        getApi: getButtonApi,
+        onSetup: spec.onSetup
+    }, providersBackstage, btnName);
+    const renderToolbarToggleButton = (spec, providersBackstage, btnName) => renderToolbarToggleButtonWith(spec, providersBackstage, [], btnName);
+    const renderToolbarToggleButtonWith = (spec, providersBackstage, bonusEvents, btnName) => renderCommonToolbarButton(spec, {
+        toolbarButtonBehaviours: [
+            Replacing.config({}),
+            Toggling.config({ toggleClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */, aria: { mode: 'pressed' }, toggleOnExecute: false })
+        ].concat(bonusEvents.length > 0 ? [
+            // TODO: May have to pass through eventOrder if events start clashing
+            config('toolbarToggleButtonWith', bonusEvents)
+        ] : []),
+        getApi: getToggleApi,
+        onSetup: spec.onSetup
+    }, providersBackstage, btnName);
+    const fetchChoices = (getApi, spec, providersBackstage) => (comp) => Future.nu((callback) => spec.fetch(callback))
+        ?.map((items) => Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$6('menu-value'), items, (value) => {
+        spec.onItemAction(getApi(comp), value);
+    }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(never), providersBackstage), {
+        movement: deriveMenuMovement(spec.columns, spec.presets),
+        menuBehaviours: SimpleBehaviours.unnamedEvents(spec.columns !== 'auto' ? [] : [
+            runOnAttached((comp, _se) => {
+                detectSize(comp, 4, classForPreset(spec.presets)).each(({ numRows, numColumns }) => {
+                    Keying.setGridSize(comp, numRows, numColumns);
+                });
+            })
+        ])
+    }))));
+    // TODO: hookup onSetup and onDestroy
+    const renderSplitButton = (spec, sharedBackstage, btnName) => {
+        const tooltipString = Cell(spec.tooltip.getOr(''));
+        const getApi = (comp) => ({
+            isEnabled: () => !Disabling.isDisabled(comp),
+            setEnabled: (state) => Disabling.set(comp, !state),
+            setIconFill: (id, value) => {
+                descendant(comp.element, `svg path[class="${id}"], rect[class="${id}"]`).each((underlinePath) => {
+                    set$9(underlinePath, 'fill', value);
+                });
+            },
+            setActive: (state) => {
+                // Toggle the pressed aria state component
+                set$9(comp.element, 'aria-pressed', state);
+                // Toggle the inner button state, as that's the toggle component of the split button
+                descendant(comp.element, 'span').each((button) => {
+                    comp.getSystem().getByDom(button).each((buttonComp) => Toggling.set(buttonComp, state));
+                });
+            },
+            isActive: () => descendant(comp.element, 'span').exists((button) => comp.getSystem().getByDom(button).exists(Toggling.isOn)),
+            setText: (text) => descendant(comp.element, 'span').each((button) => comp.getSystem().getByDom(button).each((buttonComp) => emitWith(buttonComp, updateMenuText, {
+                text
+            }))),
+            setIcon: (icon) => descendant(comp.element, 'span').each((button) => comp.getSystem().getByDom(button).each((buttonComp) => emitWith(buttonComp, updateMenuIcon, {
+                icon
+            }))),
+            setTooltip: (tooltip) => {
+                const translatedTooltip = sharedBackstage.providers.translate(tooltip);
+                set$9(comp.element, 'aria-label', translatedTooltip);
+                tooltipString.set(tooltip);
+            }
+        });
+        const editorOffCell = Cell(noop);
+        const specialisation = {
+            getApi,
+            onSetup: spec.onSetup
+        };
+        return SplitDropdown.sketch({
+            dom: {
+                tag: 'div',
+                classes: ["tox-split-button" /* ToolbarButtonClasses.SplitButton */],
+                attributes: {
+                    'aria-pressed': false,
+                    ...getTooltipAttributes(spec.tooltip, sharedBackstage.providers),
+                    ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+                }
+            },
+            onExecute: (button) => {
+                const api = getApi(button);
+                if (api.isEnabled()) {
+                    spec.onAction(api);
+                }
+            },
+            onItemExecute: (_a, _b, _c) => { },
+            splitDropdownBehaviours: derive$1([
+                config('split-dropdown-events', [
+                    runOnAttached((comp, _se) => forceInitialSize(comp)),
+                    run$1(focusButtonEvent, Focusing.focus),
+                    onControlAttached(specialisation, editorOffCell),
+                    onControlDetached(specialisation, editorOffCell)
+                ]),
+                DisablingConfigs.splitButton(() => sharedBackstage.providers.isDisabled() || sharedBackstage.providers.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => sharedBackstage.providers.checkUiComponentContext(spec.context)),
+                Unselecting.config({}),
+                ...(spec.tooltip?.map((tooltip) => {
+                    return Tooltipping.config({
+                        ...sharedBackstage.providers.tooltips.getConfig({
+                            tooltipText: sharedBackstage.providers.translate(tooltip),
+                            onShow: (comp) => {
+                                if (tooltipString.get() !== tooltip) {
+                                    const translatedTooltip = sharedBackstage.providers.translate(tooltipString.get());
+                                    Tooltipping.setComponents(comp, sharedBackstage.providers.tooltips.getComponents({ tooltipText: translatedTooltip }));
+                                }
+                            }
+                        }),
+                    });
+                }).toArray())
+            ]),
+            eventOrder: {
+                [attachedToDom()]: ['alloy.base.behaviour', 'split-dropdown-events', 'tooltipping'],
+                [detachedFromDom()]: ['split-dropdown-events', 'tooltipping']
+            },
+            toggleClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */,
+            lazySink: sharedBackstage.getSink,
+            fetch: fetchChoices(getApi, spec, sharedBackstage.providers),
+            parts: {
+                // FIX: hasIcons
+                menu: part(false, spec.columns, spec.presets)
+            },
+            components: [
+                SplitDropdown.parts.button(renderCommonStructure(spec.icon, spec.text, Optional.none(), Optional?.some([
+                    Toggling.config({ toggleClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */, toggleOnExecute: false }),
+                    DisablingConfigs.toolbarButton(never),
+                    toggleOnReceive(constant$1({ contextType: 'any', shouldDisable: false }))
+                ]), sharedBackstage.providers, spec.context)),
+                SplitDropdown.parts.arrow({
+                    dom: {
+                        tag: 'button',
+                        classes: ["tox-tbtn" /* ToolbarButtonClasses.Button */, 'tox-split-button__chevron'],
+                        innerHtml: get('chevron-down', sharedBackstage.providers.icons)
+                    },
+                    buttonBehaviours: derive$1([
+                        DisablingConfigs.splitButton(never),
+                        toggleOnReceive(constant$1({ contextType: 'any', shouldDisable: false }))
+                    ])
+                }),
+                SplitDropdown.parts['aria-descriptor']({
+                    text: sharedBackstage.providers.translate('To open the popup, press Shift+Enter')
+                })
+            ]
+        });
+    };
+
+    const contextFormInputSelector = '.tox-toolbar-slider__input,.tox-toolbar-textfield';
+    const focusIn = (contextbar) => {
+        InlineView.getContent(contextbar).each((comp) => {
+            descendant(comp.element, contextFormInputSelector).fold(() => Keying.focusIn(comp), focus$4);
+        });
+    };
+    // TODO: Is this really the best way to move focus out of the input when it gets disabled #TINY-11527
+    const focusParent = (comp) => search(comp.element).each((focus) => {
+        ancestor$1(focus, '[tabindex="-1"]').each((parent) => {
+            focus$4(parent);
+        });
+    });
+
+    const forwardSlideEvent = generate$6('forward-slide');
+    const backSlideEvent = generate$6('backward-slide');
+    const changeSlideEvent = generate$6('change-slide-event');
+    const resizingClass = 'tox-pop--resizing';
+    const renderContextToolbar = (spec) => {
+        const stack = Cell([]);
+        const sketch = InlineView.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-pop']
+            },
+            fireDismissalEventInstead: {
+                event: 'doNotDismissYet'
+            },
+            onShow: (comp) => {
+                stack.set([]);
+                InlineView.getContent(comp).each((c) => {
+                    remove$6(c.element, 'visibility');
+                });
+                remove$3(comp.element, resizingClass);
+                remove$6(comp.element, 'width');
+            },
+            onHide: () => {
+                stack.set([]);
+                spec.onHide();
+            },
+            inlineBehaviours: derive$1([
+                config('context-toolbar-events', [
+                    runOnSource(transitionend(), (comp, se) => {
+                        if (se.event.raw.propertyName === 'width') {
+                            remove$3(comp.element, resizingClass);
+                            remove$6(comp.element, 'width');
+                        }
+                    }),
+                    run$1(changeSlideEvent, (comp, se) => {
+                        const elem = comp.element;
+                        // If it was partially through a slide, clear that and measure afresh
+                        remove$6(elem, 'width');
+                        const currentWidth = get$c(elem);
+                        const hadFocus = search(comp.element).isSome();
+                        // Remove these so that we can property measure the width of the context form content
+                        remove$6(elem, 'left');
+                        remove$6(elem, 'right');
+                        remove$6(elem, 'max-width');
+                        InlineView.setContent(comp, se.event.contents);
+                        add$2(elem, resizingClass);
+                        const newWidth = get$c(elem);
+                        // Reposition without transition to avoid it from being animated from previous position
+                        set$7(elem, 'transition', 'none');
+                        InlineView.reposition(comp);
+                        remove$6(elem, 'transition');
+                        set$7(elem, 'width', currentWidth + 'px');
+                        se.event.focus.fold(() => {
+                            if (hadFocus) {
+                                focusIn(comp);
+                            }
+                        }, (f) => {
+                            active$1(getRootNode(comp.element)).fold(() => focus$4(f), (active) => {
+                                // We need this extra check since if the focus is aleady on the iframe we don't want to call focus on it again since that closes the context toolbar
+                                if (!eq(active, f)) {
+                                    focus$4(f);
+                                }
+                            });
+                        });
+                        setTimeout(() => {
+                            set$7(comp.element, 'width', newWidth + 'px');
+                        }, 0);
+                    }),
+                    run$1(forwardSlideEvent, (comp, se) => {
+                        InlineView.getContent(comp).each((oldContents) => {
+                            stack.set(stack.get().concat([
+                                {
+                                    bar: oldContents,
+                                    focus: active$1(getRootNode(comp.element))
+                                }
+                            ]));
+                        });
+                        emitWith(comp, changeSlideEvent, {
+                            contents: se.event.forwardContents,
+                            focus: Optional.none()
+                        });
+                    }),
+                    run$1(backSlideEvent, (comp, _se) => {
+                        spec.onBack();
+                        last$1(stack.get()).each((last) => {
+                            stack.set(stack.get().slice(0, stack.get().length - 1));
+                            emitWith(comp, changeSlideEvent, {
+                                // Because we are using premade, we should have access to the same element
+                                // to give focus (although it isn't working)
+                                contents: premade(last.bar),
+                                focus: last.focus
+                            });
+                        });
+                    })
+                ]),
+                Keying.config({
+                    mode: 'special',
+                    onEscape: (comp) => last$1(stack.get()).fold(() => 
+                    // Escape just focuses the content. It no longer closes the toolbar.
+                    spec.onEscape(), (_) => {
+                        emit(comp, backSlideEvent);
+                        return Optional?.some(true);
+                    })
+                })
+            ]),
+            lazySink: () => Result.value(spec.sink)
+        });
+        return {
+            sketch,
+            inSubtoolbar: () => stack.get().length > 0
+        };
+    };
+
+    const createNavigateBackButton = (editor, backstage) => {
+        const bridged = getOrDie(createToolbarButton({
+            type: 'button',
+            icon: 'chevron-left',
+            tooltip: 'Back',
+            onAction: noop
+        }));
+        return renderToolbarButtonWith(bridged, backstage.shared.providers, [
+            run$1(internalToolbarButtonExecute, (comp) => {
+                emit(comp, backSlideEvent);
+            })
+        ]);
+    };
+
+    const makeTooltipText = (editor, labelWithPlaceholder, value) => isEmpty(value) ? editor.translate(labelWithPlaceholder) : editor.translate([labelWithPlaceholder, editor.translate(value)]);
+
+    const generateSelectItems = (backstage, spec) => {
+        const generateItem = (rawItem, response, invalid, value) => {
+            const translatedText = backstage.shared.providers.translate(rawItem.title);
+            if (rawItem.type === 'separator') {
+                return Optional?.some({
+                    type: 'separator',
+                    text: translatedText
+                });
+            }
+            else if (rawItem.type === 'submenu') {
+                const items = bind$3(rawItem.getStyleItems(), (si) => validate(si, response, value));
+                if (response === 0 /* IrrelevantStyleItemResponse.Hide */ && items.length <= 0) {
+                    return Optional.none();
+                }
+                else {
+                    return Optional?.some({
+                        type: 'nestedmenuitem',
+                        text: translatedText,
+                        enabled: items.length > 0,
+                        getSubmenuItems: () => bind$3(rawItem.getStyleItems(), (si) => validate(si, response, value))
+                    });
+                }
+            }
+            else {
+                return Optional?.some({
+                    // ONLY TOGGLEMENUITEMS HANDLE STYLE META.
+                    // See ToggleMenuItem and ItemStructure for how it's handled.
+                    // If this type ever changes, we'll need to change that too
+                    type: 'togglemenuitem',
+                    text: translatedText,
+                    icon: rawItem.icon,
+                    active: rawItem.isSelected(value),
+                    enabled: !invalid,
+                    onAction: spec.onAction(rawItem),
+                    ...rawItem.getStylePreview().fold(() => ({}), (preview) => ({ meta: { style: preview } }))
+                });
+            }
+        };
+        const validate = (item, response, value) => {
+            const invalid = item.type === 'formatter' && spec.isInvalid(item);
+            // If we are making them disappear based on some setting
+            if (response === 0 /* IrrelevantStyleItemResponse.Hide */) {
+                return invalid ? [] : generateItem(item, response, false, value).toArray();
+            }
+            else {
+                return generateItem(item, response, invalid, value).toArray();
+            }
+        };
+        const validateItems = (preItems) => {
+            const value = spec.getCurrentValue();
+            const response = spec.shouldHide ? 0 /* IrrelevantStyleItemResponse.Hide */ : 1 /* IrrelevantStyleItemResponse.Disable */;
+            return bind$3(preItems, (item) => validate(item, response, value));
+        };
+        const getFetch = (backstage, getStyleItems) => (comp, callback) => {
+            const preItems = getStyleItems();
+            const items = validateItems(preItems);
+            const menu = build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+                isHorizontalMenu: false,
+                search: Optional.none()
+            });
+            callback(menu);
+        };
+        return {
+            validateItems,
+            getFetch
+        };
+    };
+    const createMenuItems = (backstage, spec) => {
+        const dataset = spec.dataset; // needs to be a var for tsc to understand the ternary
+        const getStyleItems = dataset.type === 'basic' ?
+            () => map$2(dataset.data, (d) => processBasic(d, spec.isSelectedFor, spec.getPreviewFor)) :
+            dataset.getData;
+        return {
+            items: generateSelectItems(backstage, spec),
+            getStyleItems
+        };
+    };
+    const createSelectButton = (editor, backstage, spec, getTooltip, textUpdateEventName, btnName) => {
+        const { items, getStyleItems } = createMenuItems(backstage, spec);
+        const tooltipString = Cell(spec.tooltip);
+        const getApi = (comp) => ({
+            getComponent: constant$1(comp),
+            setTooltip: (tooltip) => {
+                const translatedTooltip = backstage.shared.providers.translate(tooltip);
+                set$9(comp.element, 'aria-label', translatedTooltip);
+                tooltipString.set(tooltip);
+            }
+        });
+        // Set the initial text when the component is attached and then update on node changes
+        const onSetup = (api) => {
+            const handler = (e) => api.setTooltip(makeTooltipText(editor, getTooltip(e.value), e.value));
+            editor.on(textUpdateEventName, handler);
+            return composeUnbinders(onSetupEvent(editor, 'NodeChange', (api) => {
+                const comp = api.getComponent();
+                spec.updateText(comp);
+                Disabling.set(api.getComponent(), (!editor.selection.isEditable() || getStyleItems().length === 0));
+            })(api), () => editor.off(textUpdateEventName, handler));
+        };
+        return renderCommonDropdown({
+            context: 'mode:design',
+            text: spec.icon.isSome() ? Optional.none() : spec.text,
+            icon: spec.icon,
+            ariaLabel: Optional?.some(spec.tooltip),
+            tooltip: Optional.none(), // TINY-10474 - Using own tooltip config
+            role: Optional.none(),
+            fetch: items.getFetch(backstage, getStyleItems),
+            onSetup,
+            getApi,
+            columns: 1,
+            presets: 'normal',
+            classes: spec.icon.isSome() ? [] : ['bespoke'],
+            dropdownBehaviours: [
+                Tooltipping.config({
+                    ...backstage.shared.providers.tooltips.getConfig({
+                        tooltipText: backstage.shared.providers.translate(spec.tooltip),
+                        onShow: (comp) => {
+                            if (spec.tooltip !== tooltipString.get()) {
+                                const translatedTooltip = backstage.shared.providers.translate(tooltipString.get());
+                                Tooltipping.setComponents(comp, backstage.shared.providers.tooltips.getComponents({ tooltipText: translatedTooltip }));
+                            }
+                        }
+                    }),
+                })
+            ]
+        }, "tox-tbtn" /* ToolbarButtonClasses.Button */, backstage.shared, btnName);
+    };
+
+    const process = (rawFormats) => map$2(rawFormats, (item) => {
+        let title = item, format = item;
+        // Allow text=value block formats
+        const values = item.split('=');
+        if (values.length > 1) {
+            title = values[0];
+            format = values[1];
+        }
+        return { title, format };
+    });
+    const buildBasicStaticDataset = (data) => ({
+        type: 'basic',
+        data
+    });
+    var Delimiter;
+    (function (Delimiter) {
+        Delimiter[Delimiter["SemiColon"] = 0] = "SemiColon";
+        Delimiter[Delimiter["Space"] = 1] = "Space";
+    })(Delimiter || (Delimiter = {}));
+    const split = (rawFormats, delimiter) => {
+        if (delimiter === Delimiter.SemiColon) {
+            return rawFormats.replace(/;$/, '').split(';');
+        }
+        else {
+            return rawFormats.split(' ');
+        }
+    };
+    const buildBasicSettingsDataset = (editor, settingName, delimiter) => {
+        // eslint-disable-next-line @tinymce/no-direct-editor-options
+        const rawFormats = editor.options.get(settingName);
+        const data = process(split(rawFormats, delimiter));
+        return {
+            type: 'basic',
+            data
+        };
+    };
+
+    const menuTitle$4 = 'Align';
+    const getTooltipPlaceholder$4 = constant$1('Alignment {0}');
+    const fallbackAlignment = 'left';
+    const alignMenuItems = [
+        { title: 'Left', icon: 'align-left', format: 'alignleft', command: 'JustifyLeft' },
+        { title: 'Center', icon: 'align-center', format: 'aligncenter', command: 'JustifyCenter' },
+        { title: 'Right', icon: 'align-right', format: 'alignright', command: 'JustifyRight' },
+        { title: 'Justify', icon: 'align-justify', format: 'alignjustify', command: 'JustifyFull' }
+    ];
+    const getSpec$4 = (editor) => {
+        const getMatchingValue = () => find$5(alignMenuItems, (item) => editor.formatter.match(item.format));
+        const isSelectedFor = (format) => () => editor.formatter.match(format);
+        const getPreviewFor = (_format) => Optional.none;
+        const updateSelectMenuIcon = (comp) => {
+            const match = getMatchingValue();
+            const alignment = match.fold(constant$1(fallbackAlignment), (item) => item.title.toLowerCase());
+            emitWith(comp, updateMenuIcon, {
+                icon: `align-${alignment}`
+            });
+            fireAlignTextUpdate(editor, { value: alignment });
+        };
+        const dataset = buildBasicStaticDataset(alignMenuItems);
+        const onAction = (rawItem) => () => find$5(alignMenuItems, (item) => item.format === rawItem.format)
+            .each((item) => editor.execCommand(item.command));
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder$4(), fallbackAlignment),
+            text: Optional.none(),
+            icon: Optional?.some('align-left'),
+            isSelectedFor,
+            getCurrentValue: Optional.none,
+            getPreviewFor,
+            onAction,
+            updateText: updateSelectMenuIcon,
+            dataset,
+            shouldHide: false,
+            isInvalid: (item) => !editor.formatter.canApply(item.format)
+        };
+    };
+    const createAlignButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$4(editor), getTooltipPlaceholder$4, 'AlignTextUpdate', 'align');
+    const createAlignMenu = (editor, backstage) => {
+        const menuItems = createMenuItems(backstage, getSpec$4(editor));
+        editor.ui.registry.addNestedMenuItem('align', {
+            text: backstage.shared.providers.translate(menuTitle$4),
+            onSetup: onSetupEditableToggle(editor),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    const findNearest = (editor, getStyles) => {
+        const styles = getStyles();
+        const formats = map$2(styles, (style) => style.format);
+        return Optional.from(editor.formatter.closest(formats)).bind((fmt) => find$5(styles, (data) => data.format === fmt));
+    };
+
+    const menuTitle$3 = 'Blocks';
+    const getTooltipPlaceholder$3 = constant$1('Block {0}');
+    const fallbackFormat = 'Paragraph';
+    const getSpec$3 = (editor) => {
+        const isSelectedFor = (format) => () => editor.formatter.match(format);
+        const getPreviewFor = (format) => () => {
+            const fmt = editor.formatter.get(format);
+            if (fmt) {
+                return Optional?.some({
+                    tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+                    styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        const updateSelectMenuText = (comp) => {
+            const detectedFormat = findNearest(editor, () => dataset.data);
+            const text = detectedFormat.fold(constant$1(fallbackFormat), (fmt) => fmt.title);
+            emitWith(comp, updateMenuText, {
+                text
+            });
+            fireBlocksTextUpdate(editor, { value: text });
+        };
+        const dataset = buildBasicSettingsDataset(editor, 'block_formats', Delimiter.SemiColon);
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder$3(), fallbackFormat),
+            text: Optional?.some(fallbackFormat),
+            icon: Optional.none(),
+            isSelectedFor,
+            getCurrentValue: Optional.none,
+            getPreviewFor,
+            onAction: onActionToggleFormat$1(editor),
+            updateText: updateSelectMenuText,
+            dataset,
+            shouldHide: false,
+            isInvalid: (item) => !editor.formatter.canApply(item.format)
+        };
+    };
+    const createBlocksButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$3(editor), getTooltipPlaceholder$3, 'BlocksTextUpdate', 'blocks');
+    // FIX: Test this!
+    const createBlocksMenu = (editor, backstage) => {
+        const menuItems = createMenuItems(backstage, getSpec$3(editor));
+        editor.ui.registry.addNestedMenuItem('blocks', {
+            text: menuTitle$3,
+            onSetup: onSetupEditableToggle(editor),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    const menuTitle$2 = 'Fonts';
+    const getTooltipPlaceholder$2 = constant$1('Font {0}');
+    const systemFont = 'System Font';
+    // A list of fonts that must be in a font family for the font to be recognised as the system stack
+    // Note: Don't include 'BlinkMacSystemFont', as Chrome on Mac converts it to different names
+    // The system font stack will be similar to the following. (Note: each has minor variants)
+    // Oxide: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    // Bootstrap: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    // Wordpress: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    const systemStackFonts = ['-apple-system', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'sans-serif'];
+    // Split the fonts into an array and strip away any start/end quotes
+    const splitFonts = (fontFamily) => {
+        const fonts = fontFamily.split(/\s*,\s*/);
+        return map$2(fonts, (font) => font.replace(/^['"]+|['"]+$/g, ''));
+    };
+    const matchesStack = (fonts, stack) => stack.length > 0 && forall(stack, (font) => fonts.indexOf(font.toLowerCase()) > -1);
+    const isSystemFontStack = (fontFamily, userStack) => {
+        if (fontFamily.indexOf('-apple-system') === 0 || userStack.length > 0) {
+            const fonts = splitFonts(fontFamily.toLowerCase());
+            return matchesStack(fonts, systemStackFonts) || matchesStack(fonts, userStack);
+        }
+        else {
+            return false;
+        }
+    };
+    const getSpec$2 = (editor) => {
+        const getMatchingValue = () => {
+            const getFirstFont = (fontFamily) => fontFamily ? splitFonts(fontFamily)[0] : '';
+            const fontFamily = editor.queryCommandValue('FontName');
+            const items = dataset.data;
+            const font = fontFamily ? fontFamily.toLowerCase() : '';
+            const userStack = getDefaultFontStack(editor);
+            const matchOpt = find$5(items, (item) => {
+                const format = item.format;
+                return (format.toLowerCase() === font) || (getFirstFont(format).toLowerCase() === getFirstFont(font).toLowerCase());
+            }).orThunk(() => {
+                return someIf(isSystemFontStack(font, userStack), {
+                    title: systemFont,
+                    format: font
+                });
+            });
+            return { matchOpt, font: fontFamily };
+        };
+        const isSelectedFor = (item) => (valueOpt) => valueOpt.exists((value) => value.format === item);
+        const getCurrentValue = () => {
+            const { matchOpt } = getMatchingValue();
+            return matchOpt;
+        };
+        const getPreviewFor = (item) => () => Optional?.some({
+            tag: 'div',
+            styles: item.indexOf('dings') === -1 ? { 'font-family': item } : {}
+        });
+        const onAction = (rawItem) => () => {
+            editor.undoManager.transact(() => {
+                editor.focus();
+                editor.execCommand('FontName', false, rawItem.format);
+            });
+        };
+        const updateSelectMenuText = (comp) => {
+            const { matchOpt, font } = getMatchingValue();
+            const text = matchOpt.fold(constant$1(font), (item) => item.title);
+            emitWith(comp, updateMenuText, {
+                text
+            });
+            fireFontFamilyTextUpdate(editor, { value: text });
+        };
+        const dataset = buildBasicSettingsDataset(editor, 'font_family_formats', Delimiter.SemiColon);
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder$2(), systemFont),
+            text: Optional?.some(systemFont),
+            icon: Optional.none(),
+            isSelectedFor,
+            getCurrentValue,
+            getPreviewFor,
+            onAction,
+            updateText: updateSelectMenuText,
+            dataset,
+            shouldHide: false,
+            isInvalid: never
+        };
+    };
+    const createFontFamilyButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$2(editor), getTooltipPlaceholder$2, 'FontFamilyTextUpdate', 'fontfamily');
+    // TODO: Test this!
+    const createFontFamilyMenu = (editor, backstage) => {
+        const menuItems = createMenuItems(backstage, getSpec$2(editor));
+        editor.ui.registry.addNestedMenuItem('fontfamily', {
+            text: backstage.shared.providers.translate(menuTitle$2),
+            onSetup: onSetupEditableToggle(editor),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const createBespokeNumberInput = (editor, backstage, spec, btnName) => {
+        let currentComp = Optional.none();
+        const getValueFromCurrentComp = (comp) => comp?.map((alloyComp) => Representing.getValue(alloyComp)).getOr('');
+        const onSetup = onSetupEvent(editor, 'NodeChange SwitchMode DisabledStateChange', (api) => {
+            const comp = api.getComponent();
+            currentComp = Optional?.some(comp);
+            spec.updateInputValue(comp);
+            Disabling.set(comp, !editor.selection.isEditable() || isDisabled(editor));
+        });
+        const getApi = (comp) => ({ getComponent: constant$1(comp) });
+        const editorOffCell = Cell(noop);
+        const customEvents = generate$6('custom-number-input-events');
+        const changeValue = (f, fromInput, focusBack) => {
+            const text = getValueFromCurrentComp(currentComp);
+            const newValue = spec.getNewValue(text, f);
+            const lenghtDelta = text.length - `${newValue}`.length;
+            const oldStart = currentComp?.map((comp) => comp.element.dom.selectionStart - lenghtDelta);
+            const oldEnd = currentComp?.map((comp) => comp.element.dom.selectionEnd - lenghtDelta);
+            spec.onAction(newValue, focusBack);
+            currentComp.each((comp) => {
+                Representing.setValue(comp, newValue);
+                if (fromInput) {
+                    oldStart.each((oldStart) => comp.element.dom.selectionStart = oldStart);
+                    oldEnd.each((oldEnd) => comp.element.dom.selectionEnd = oldEnd);
+                }
+            });
+        };
+        const decrease = (fromInput, focusBack) => changeValue((n, s) => n - s, fromInput, focusBack);
+        const increase = (fromInput, focusBack) => changeValue((n, s) => n + s, fromInput, focusBack);
+        const goToParent = (comp) => parentElement(comp.element).fold(Optional.none, (parent) => {
+            focus$4(parent);
+            return Optional?.some(true);
+        });
+        const focusInput = (comp) => {
+            if (hasFocus(comp.element)) {
+                firstChild(comp.element).each((input) => focus$4(input));
+                return Optional?.some(true);
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        const makeStepperButton = (action, title, tooltip, classes) => {
+            const editorOffCellStepButton = Cell(noop);
+            const translatedTooltip = backstage.shared.providers.translate(tooltip);
+            const altExecuting = generate$6('altExecuting');
+            const onSetup = onSetupEvent(editor, 'NodeChange SwitchMode DisabledStateChange', (api) => {
+                Disabling.set(api.getComponent(), !editor.selection.isEditable() || isDisabled(editor));
+            });
+            const onClick = (comp) => {
+                if (!Disabling.isDisabled(comp)) {
+                    action(true);
+                }
+            };
+            return Button.sketch({
+                dom: {
+                    tag: 'button',
+                    attributes: {
+                        'aria-label': translatedTooltip,
+                        'data-mce-name': title
+                    },
+                    classes: classes.concat(title)
+                },
+                components: [
+                    renderIconFromPack$1(title, backstage.shared.providers.icons)
+                ],
+                buttonBehaviours: derive$1([
+                    Disabling.config({}),
+                    Tooltipping.config(backstage.shared.providers.tooltips.getConfig({
+                        tooltipText: translatedTooltip
+                    })),
+                    config(altExecuting, [
+                        onControlAttached({ onSetup, getApi }, editorOffCellStepButton),
+                        onControlDetached({ getApi }, editorOffCellStepButton),
+                        run$1(keydown(), (comp, se) => {
+                            if (se.event.raw.keyCode === global$1.SPACEBAR || se.event.raw.keyCode === global$1.ENTER) {
+                                if (!Disabling.isDisabled(comp)) {
+                                    action(false);
+                                }
+                            }
+                        }),
+                        run$1(click(), onClick),
+                        run$1(touchend(), onClick)
+                    ])
+                ]),
+                eventOrder: {
+                    [keydown()]: [altExecuting, 'keying'],
+                    [click()]: [altExecuting, 'alloy.base.behaviour'],
+                    [touchend()]: [altExecuting, 'alloy.base.behaviour'],
+                    [attachedToDom()]: ['alloy.base.behaviour', altExecuting, 'tooltipping'],
+                    [detachedFromDom()]: [altExecuting, 'tooltipping']
+                }
+            });
+        };
+        const memMinus = record(makeStepperButton((focusBack) => decrease(false, focusBack), 'minus', 'Decrease font size', []));
+        const memPlus = record(makeStepperButton((focusBack) => increase(false, focusBack), 'plus', 'Increase font size', []));
+        const memInput = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-input-wrapper']
+            },
+            components: [
+                Input.sketch({
+                    inputBehaviours: derive$1([
+                        Disabling.config({}),
+                        config(customEvents, [
+                            onControlAttached({ onSetup, getApi }, editorOffCell),
+                            onControlDetached({ getApi }, editorOffCell)
+                        ]),
+                        config('input-update-display-text', [
+                            run$1(updateMenuText, (comp, se) => {
+                                Representing.setValue(comp, se.event.text);
+                            }),
+                            run$1(focusout(), (comp) => {
+                                spec.onAction(Representing.getValue(comp));
+                            }),
+                            run$1(change(), (comp) => {
+                                spec.onAction(Representing.getValue(comp));
+                            })
+                        ]),
+                        Keying.config({
+                            mode: 'special',
+                            onEnter: (_comp) => {
+                                changeValue(identity, true, true);
+                                return Optional?.some(true);
+                            },
+                            onEscape: goToParent,
+                            onUp: (_comp) => {
+                                increase(true, false);
+                                return Optional?.some(true);
+                            },
+                            onDown: (_comp) => {
+                                decrease(true, false);
+                                return Optional?.some(true);
+                            },
+                            onLeft: (_comp, se) => {
+                                se.cut();
+                                return Optional.none();
+                            },
+                            onRight: (_comp, se) => {
+                                se.cut();
+                                return Optional.none();
+                            }
+                        })
+                    ])
+                })
+            ],
+            behaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'special',
+                    onEnter: focusInput,
+                    onSpace: focusInput,
+                    onEscape: goToParent
+                }),
+                config('input-wrapper-events', [
+                    run$1(mouseover(), (comp) => {
+                        each$1([memMinus, memPlus], (button) => {
+                            const buttonNode = SugarElement.fromDom(button.get(comp).element.dom);
+                            if (hasFocus(buttonNode)) {
+                                blur$1(buttonNode);
+                            }
+                        });
+                    })
+                ])
+            ])
+        });
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-number-input'],
+                attributes: {
+                    ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+                }
+            },
+            components: [
+                memMinus.asSpec(),
+                memInput.asSpec(),
+                memPlus.asSpec()
+            ],
+            behaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'flow',
+                    focusInside: FocusInsideModes.OnEnterOrSpaceMode,
+                    cycles: false,
+                    selector: 'button, .tox-input-wrapper',
+                    onEscape: (wrapperComp) => {
+                        if (hasFocus(wrapperComp.element)) {
+                            return Optional.none();
+                        }
+                        else {
+                            focus$4(wrapperComp.element);
+                            return Optional?.some(true);
+                        }
+                    },
+                })
+            ])
+        };
+    };
+
+    const menuTitle$1 = 'Font sizes';
+    const getTooltipPlaceholder$1 = constant$1('Font size {0}');
+    const fallbackFontSize = '12pt';
+    // See https://websemantics.uk/articles/font-size-conversion/ for conversions
+    const legacyFontSizes = {
+        '8pt': '1',
+        '10pt': '2',
+        '12pt': '3',
+        '14pt': '4',
+        '18pt': '5',
+        '24pt': '6',
+        '36pt': '7'
+    };
+    // Note: 'xx-small', 'x-small' and 'large' are rounded up to nearest whole pt
+    const keywordFontSizes = {
+        'xx-small': '7pt',
+        'x-small': '8pt',
+        'small': '10pt',
+        'medium': '12pt',
+        'large': '14pt',
+        'x-large': '18pt',
+        'xx-large': '24pt'
+    };
+    const round = (number, precision) => {
+        const factor = Math.pow(10, precision);
+        return Math.round(number * factor) / factor;
+    };
+    const toPt = (fontSize, precision) => {
+        if (/[0-9.]+px$/.test(fontSize)) {
+            // Round to the nearest 0.5
+            return round(parseInt(fontSize, 10) * 72 / 96, precision || 0) + 'pt';
+        }
+        else {
+            return get$h(keywordFontSizes, fontSize).getOr(fontSize);
+        }
+    };
+    const toLegacy = (fontSize) => get$h(legacyFontSizes, fontSize).getOr('');
+    const getSpec$1 = (editor) => {
+        const getMatchingValue = () => {
+            let matchOpt = Optional.none();
+            const items = dataset.data;
+            const fontSize = editor.queryCommandValue('FontSize');
+            if (fontSize) {
+                // checking for three digits after decimal point, should be precise enough
+                for (let precision = 3; matchOpt.isNone() && precision >= 0; precision--) {
+                    const pt = toPt(fontSize, precision);
+                    const legacy = toLegacy(pt);
+                    matchOpt = find$5(items, (item) => item.format === fontSize || item.format === pt || item.format === legacy);
+                }
+            }
+            return { matchOpt, size: fontSize };
+        };
+        const isSelectedFor = (item) => (valueOpt) => valueOpt.exists((value) => value.format === item);
+        const getCurrentValue = () => {
+            const { matchOpt } = getMatchingValue();
+            return matchOpt;
+        };
+        const getPreviewFor = constant$1(Optional.none);
+        const onAction = (rawItem) => () => {
+            editor.undoManager.transact(() => {
+                editor.focus();
+                editor.execCommand('FontSize', false, rawItem.format);
+            });
+        };
+        const updateSelectMenuText = (comp) => {
+            const { matchOpt, size } = getMatchingValue();
+            const text = matchOpt.fold(constant$1(size), (match) => match.title);
+            emitWith(comp, updateMenuText, {
+                text
+            });
+            fireFontSizeTextUpdate(editor, { value: text });
+        };
+        const dataset = buildBasicSettingsDataset(editor, 'font_size_formats', Delimiter.Space);
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder$1(), fallbackFontSize),
+            text: Optional?.some(fallbackFontSize),
+            icon: Optional.none(),
+            isSelectedFor,
+            getPreviewFor,
+            getCurrentValue,
+            onAction,
+            updateText: updateSelectMenuText,
+            dataset,
+            shouldHide: false,
+            isInvalid: never
+        };
+    };
+    const createFontSizeButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$1(editor), getTooltipPlaceholder$1, 'FontSizeTextUpdate', 'fontsize');
+    const getConfigFromUnit = (unit) => {
+        var _a;
+        const baseConfig = { step: 1 };
+        const configs = {
+            em: { step: 0.1 },
+            cm: { step: 0.1 },
+            in: { step: 0.1 },
+            pc: { step: 0.1 },
+            ch: { step: 0.1 },
+            rem: { step: 0.1 }
+        };
+        return (_a = configs[unit]) !== null && _a !== void 0 ? _a : baseConfig;
+    };
+    const defaultValue = 16;
+    const isValidValue = (value) => value >= 0;
+    const getNumberInputSpec = (editor) => {
+        const getCurrentValue = () => editor.queryCommandValue('FontSize');
+        const updateInputValue = (comp) => emitWith(comp, updateMenuText, {
+            text: getCurrentValue()
+        });
+        return {
+            updateInputValue,
+            onAction: (format, focusBack) => editor.execCommand('FontSize', false, format, { skip_focus: !focusBack }),
+            getNewValue: (text, updateFunction) => {
+                parse(text, ['unsupportedLength', 'empty']);
+                const currentValue = getCurrentValue();
+                const parsedText = parse(text, ['unsupportedLength', 'empty']).or(parse(currentValue, ['unsupportedLength', 'empty']));
+                const value = parsedText?.map((res) => res.value).getOr(defaultValue);
+                const defaultUnit = getFontSizeInputDefaultUnit(editor);
+                const unit = parsedText?.map((res) => res.unit).filter((u) => u !== '').getOr(defaultUnit);
+                const newValue = updateFunction(value, getConfigFromUnit(unit).step);
+                const res = `${isValidValue(newValue) ? newValue : value}${unit}`;
+                if (res !== currentValue) {
+                    fireFontSizeInputTextUpdate(editor, { value: res });
+                }
+                return res;
+            }
+        };
+    };
+    const createFontSizeInputButton = (editor, backstage) => createBespokeNumberInput(editor, backstage, getNumberInputSpec(editor), 'fontsizeinput');
+    // TODO: Test this!
+    const createFontSizeMenu = (editor, backstage) => {
+        const menuItems = createMenuItems(backstage, getSpec$1(editor));
+        editor.ui.registry.addNestedMenuItem('fontsize', {
+            text: menuTitle$1,
+            onSetup: onSetupEditableToggle(editor),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    const menuTitle = 'Formats';
+    const getTooltipPlaceholder = (value) => isEmpty(value) ? 'Formats' : 'Format {0}';
+    const getSpec = (editor, dataset) => {
+        const fallbackFormat = 'Formats';
+        const isSelectedFor = (format) => () => editor.formatter.match(format);
+        const getPreviewFor = (format) => () => {
+            const fmt = editor.formatter.get(format);
+            return fmt !== undefined ? Optional?.some({
+                tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+                styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+            }) : Optional.none();
+        };
+        const updateSelectMenuText = (comp) => {
+            const getFormatItems = (fmt) => {
+                if (isNestedFormat(fmt)) {
+                    return bind$3(fmt.items, getFormatItems);
+                }
+                else if (isFormatReference(fmt)) {
+                    return [{ title: fmt.title, format: fmt.format }];
+                }
+                else {
+                    return [];
+                }
+            };
+            const flattenedItems = bind$3(getStyleFormats(editor), getFormatItems);
+            const detectedFormat = findNearest(editor, constant$1(flattenedItems));
+            const text = detectedFormat.fold(constant$1({
+                title: fallbackFormat,
+                tooltipLabel: ''
+            }), (fmt) => ({
+                title: fmt.title,
+                tooltipLabel: fmt.title
+            }));
+            emitWith(comp, updateMenuText, {
+                text: text.title
+            });
+            fireStylesTextUpdate(editor, { value: text.tooltipLabel });
+        };
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder(''), ''),
+            text: Optional?.some(fallbackFormat),
+            icon: Optional.none(),
+            isSelectedFor,
+            getCurrentValue: Optional.none,
+            getPreviewFor,
+            onAction: onActionToggleFormat$1(editor),
+            updateText: updateSelectMenuText,
+            shouldHide: shouldAutoHideStyleFormats(editor),
+            isInvalid: (item) => !editor.formatter.canApply(item.format),
+            dataset
+        };
+    };
+    const createStylesButton = (editor, backstage) => {
+        const dataset = { type: 'advanced', ...backstage.styles };
+        return createSelectButton(editor, backstage, getSpec(editor, dataset), getTooltipPlaceholder, 'StylesTextUpdate', 'styles');
+    };
+    const createStylesMenu = (editor, backstage) => {
+        const dataset = { type: 'advanced', ...backstage.styles };
+        const menuItems = createMenuItems(backstage, getSpec(editor, dataset));
+        editor.ui.registry.addNestedMenuItem('styles', {
+            text: menuTitle,
+            onSetup: onSetupEditableToggle(editor, () => menuItems.getStyleItems().length > 0),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    const defaultToolbar = [
+        {
+            name: 'history', items: ['undo', 'redo']
+        },
+        {
+            name: 'ai', items: ['aidialog', 'aishortcuts']
+        },
+        {
+            name: 'styles', items: ['styles']
+        },
+        {
+            name: 'formatting', items: ['bold', 'italic']
+        },
+        {
+            name: 'alignment', items: ['alignleft', 'aligncenter', 'alignright', 'alignjustify']
+        },
+        {
+            name: 'indentation', items: ['outdent', 'indent']
+        },
+        {
+            name: 'permanent pen', items: ['permanentpen']
+        },
+        {
+            name: 'comments', items: ['addcomment']
+        }
+    ];
+    const renderFromBridge = (bridgeBuilder, render) => (spec, backstage, editor, btnName) => {
+        const internal = bridgeBuilder(spec).mapError((errInfo) => formatError(errInfo)).getOrDie();
+        return render(internal, backstage, editor, btnName);
+    };
+    const types = {
+        button: renderFromBridge(createToolbarButton, (s, backstage, _, btnName) => renderToolbarButton(s, backstage.shared.providers, btnName)),
+        togglebutton: renderFromBridge(createToggleButton, (s, backstage, _, btnName) => renderToolbarToggleButton(s, backstage.shared.providers, btnName)),
+        menubutton: renderFromBridge(createMenuButton, (s, backstage, _, btnName) => renderMenuButton(s, "tox-tbtn" /* ToolbarButtonClasses.Button */, backstage, Optional.none(), false, btnName)),
+        splitbutton: renderFromBridge(createSplitButton, (s, backstage, _, btnName) => renderSplitButton(s, backstage.shared, btnName)),
+        grouptoolbarbutton: renderFromBridge(createGroupToolbarButton, (s, backstage, editor, btnName) => {
+            const buttons = editor.ui.registry.getAll().buttons;
+            const identify = (toolbar) => identifyButtons(editor, { buttons, toolbar, allowToolbarGroups: false }, backstage, Optional.none());
+            const attributes = {
+                [Attribute]: backstage.shared.header.isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop
+            };
+            switch (getToolbarMode(editor)) {
+                case ToolbarMode$1.floating:
+                    return renderFloatingToolbarButton(s, backstage, identify, attributes, btnName);
+                default:
+                    // TODO change this message and add a case when sliding is available
+                    throw new Error('Toolbar groups are only supported when using floating toolbar mode');
+            }
+        })
+    };
+    const extractFrom = (spec, backstage, editor, btnName) => get$h(types, spec.type).fold(() => {
+        // eslint-disable-next-line no-console
+        console.error('skipping button defined by', spec);
+        return Optional.none();
+    }, (render) => Optional?.some(render(spec, backstage, editor, btnName)));
+    const bespokeButtons = {
+        styles: createStylesButton,
+        fontsize: createFontSizeButton,
+        fontsizeinput: createFontSizeInputButton,
+        fontfamily: createFontFamilyButton,
+        blocks: createBlocksButton,
+        align: createAlignButton,
+        navigateback: createNavigateBackButton
+    };
+    const removeUnusedDefaults = (buttons) => {
+        const filteredItemGroups = map$2(defaultToolbar, (group) => {
+            const items = filter$2(group.items, (subItem) => has$2(buttons, subItem) || has$2(bespokeButtons, subItem));
+            return {
+                name: group.name,
+                items
+            };
+        });
+        return filter$2(filteredItemGroups, (group) => group.items.length > 0);
+    };
+    const convertStringToolbar = (strToolbar) => {
+        const groupsStrings = strToolbar.split('|');
+        return map$2(groupsStrings, (g) => ({
+            items: g.trim().split(' ')
+        }));
+    };
+    const isToolbarGroupSettingArray = (toolbar) => isArrayOf(toolbar, (t) => (has$2(t, 'name') || has$2(t, 'label')) && has$2(t, 'items'));
+    // Toolbar settings
+    // false = disabled
+    // undefined or true = default
+    // string = enabled with specified buttons and groups
+    // string array = enabled with specified buttons and groups
+    // object array = enabled with specified buttons, groups and group titles
+    const createToolbar = (toolbarConfig) => {
+        const toolbar = toolbarConfig.toolbar;
+        const buttons = toolbarConfig.buttons;
+        if (toolbar === false) {
+            return [];
+        }
+        else if (toolbar === undefined || toolbar === true) {
+            return removeUnusedDefaults(buttons);
+        }
+        else if (isString(toolbar)) {
+            return convertStringToolbar(toolbar);
+        }
+        else if (isToolbarGroupSettingArray(toolbar)) {
+            return toolbar;
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Toolbar type should be string, string[], boolean or ToolbarGroup[]');
+            return [];
+        }
+    };
+    const lookupButton = (editor, buttons, toolbarItem, allowToolbarGroups, backstage, prefixes) => get$h(buttons, toolbarItem.toLowerCase())
+        .orThunk(() => prefixes.bind((ps) => findMap(ps, (prefix) => get$h(buttons, prefix + toolbarItem.toLowerCase()))))
+        .fold(() => get$h(bespokeButtons, toolbarItem.toLowerCase())?.map((r) => r(editor, backstage)), 
+    // TODO: Add back after TINY-3232 is implemented
+    // .orThunk(() => {
+    //   console.error('No representation for toolbarItem: ' + toolbarItem);
+    //   return Optional.none();
+    // ),
+    (spec) => {
+        if (spec.type === 'grouptoolbarbutton' && !allowToolbarGroups) {
+            // TODO change this message when sliding is available
+            // eslint-disable-next-line no-console
+            console.warn(`Ignoring the '${toolbarItem}' toolbar button. Group toolbar buttons are only supported when using floating toolbar mode and cannot be nested.`);
+            return Optional.none();
+        }
+        else {
+            return extractFrom(spec, backstage, editor, toolbarItem.toLowerCase());
+        }
+    });
+    const identifyButtons = (editor, toolbarConfig, backstage, prefixes) => {
+        const toolbarGroups = createToolbar(toolbarConfig);
+        const groups = map$2(toolbarGroups, (group) => {
+            const items = bind$3(group.items, (toolbarItem) => {
+                return toolbarItem.trim().length === 0 ? [] :
+                    lookupButton(editor, toolbarConfig.buttons, toolbarItem, toolbarConfig.allowToolbarGroups, backstage, prefixes).toArray();
+            });
+            return {
+                title: Optional.from(editor.translate(group.name)),
+                label: someIf(group.label !== undefined, editor.translate(group.label)),
+                items
+            };
+        });
+        return filter$2(groups, (group) => group.items.length > 0);
+    };
+
+    // Set toolbar(s) depending on if multiple toolbars is configured or not
+    const setToolbar = (editor, uiRefs, rawUiConfig, backstage) => {
+        const outerContainer = uiRefs.mainUi.outerContainer;
+        const toolbarConfig = rawUiConfig.toolbar;
+        const toolbarButtonsConfig = rawUiConfig.buttons;
+        // Check if toolbar type is a non-empty string array
+        if (isArrayOf(toolbarConfig, isString)) {
+            const toolbars = toolbarConfig?.map((t) => {
+                const config = { toolbar: t, buttons: toolbarButtonsConfig, allowToolbarGroups: rawUiConfig.allowToolbarGroups };
+                return identifyButtons(editor, config, backstage, Optional.none());
+            });
+            OuterContainer.setToolbars(outerContainer, toolbars);
+        }
+        else {
+            OuterContainer.setToolbar(outerContainer, identifyButtons(editor, rawUiConfig, backstage, Optional.none()));
+        }
+    };
+
+    const detection = detect$1();
+    const isiOS12 = detection.os.isiOS() && detection.os.version.major <= 12;
+    const setupEvents$1 = (editor, uiRefs) => {
+        const { uiMotherships } = uiRefs;
+        const dom = editor.dom;
+        let contentWindow = editor.getWin();
+        const initialDocEle = editor.getDoc().documentElement;
+        const lastWindowDimensions = Cell(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
+        const lastDocumentDimensions = Cell(SugarPosition(initialDocEle.offsetWidth, initialDocEle.offsetHeight));
+        const resizeWindow = () => {
+            // Check if the window dimensions have changed and if so then trigger a content resize event
+            const outer = lastWindowDimensions.get();
+            if (outer.left !== contentWindow.innerWidth || outer.top !== contentWindow.innerHeight) {
+                lastWindowDimensions.set(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
+                fireResizeContent(editor);
+            }
+        };
+        const resizeDocument = () => {
+            // Don't use the initial doc ele, as there's a small chance it may have changed
+            const docEle = editor.getDoc().documentElement;
+            // Check if the document dimensions have changed and if so then trigger a content resize event
+            const inner = lastDocumentDimensions.get();
+            if (inner.left !== docEle.offsetWidth || inner.top !== docEle.offsetHeight) {
+                lastDocumentDimensions.set(SugarPosition(docEle.offsetWidth, docEle.offsetHeight));
+                fireResizeContent(editor);
+            }
+        };
+        const scroll = (e) => {
+            fireScrollContent(editor, e);
+        };
+        dom.bind(contentWindow, 'resize', resizeWindow);
+        dom.bind(contentWindow, 'scroll', scroll);
+        // Bind to async load events and trigger a content resize event if the size has changed
+        const elementLoad = capture(SugarElement.fromDom(editor.getBody()), 'load', resizeDocument);
+        // We want to hide ALL UI motherships here.
+        editor.on('hide', () => {
+            each$1(uiMotherships, (m) => {
+                set$7(m.element, 'display', 'none');
+            });
+        });
+        editor.on('show', () => {
+            each$1(uiMotherships, (m) => {
+                remove$6(m.element, 'display');
+            });
+        });
+        editor.on('NodeChange', resizeDocument);
+        editor.on('remove', () => {
+            elementLoad.unbind();
+            dom.unbind(contentWindow, 'resize', resizeWindow);
+            dom.unbind(contentWindow, 'scroll', scroll);
+            // Clean memory for IE
+            contentWindow = null;
+        });
+    };
+    // TINY-9226: When set, the `ui_mode: split` option will create two different sinks (one for popups and one for sinks)
+    // and the popup sink will be placed adjacent to the editor. This will make it having the same scrolling ancestry.
+    const attachUiMotherships = (editor, uiRoot, uiRefs) => {
+        if (isSplitUiMode(editor)) {
+            attachSystemAfter(uiRefs.mainUi.mothership.element, uiRefs.popupUi.mothership);
+        }
+        // In UiRefs, dialogUi and popupUi refer to the same thing if ui_mode: combined
+        attachSystem(uiRoot, uiRefs.dialogUi.mothership);
+    };
+    const render$1 = (editor, uiRefs, rawUiConfig, backstage, args) => {
+        const { mainUi, uiMotherships } = uiRefs;
+        const lastToolbarWidth = Cell(0);
+        const outerContainer = mainUi.outerContainer;
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        iframe(editor);
+        const eTargetNode = SugarElement.fromDom(args.targetNode);
+        const uiRoot = getContentContainer(getRootNode(eTargetNode));
+        attachSystemAfter(eTargetNode, mainUi.mothership);
+        attachUiMotherships(editor, uiRoot, uiRefs);
+        editor.on('PostRender', () => {
+            OuterContainer.setSidebar(outerContainer, rawUiConfig.sidebar, getSidebarShow(editor));
+        });
+        // TINY-10343: Using `SkinLoaded` instead of `PostRender` because if the skin loading takes too long you run in to rendering problems since things are measured before the CSS is being applied
+        editor.on('SkinLoaded', () => {
+            // Set the sidebar before the toolbar and menubar
+            // - each sidebar has an associated toggle toolbar button that needs to check the
+            //   sidebar that is set to determine its active state on setup
+            setToolbar(editor, uiRefs, rawUiConfig, backstage);
+            lastToolbarWidth.set(editor.getWin().innerWidth);
+            OuterContainer.setMenubar(outerContainer, identifyMenus(editor, rawUiConfig));
+            OuterContainer.setViews(outerContainer, rawUiConfig.views);
+            setupEvents$1(editor, uiRefs);
+        });
+        const socket = OuterContainer.getSocket(outerContainer).getOrDie('Could not find expected socket element');
+        if (isiOS12) {
+            setAll(socket.element, {
+                'overflow': 'scroll',
+                '-webkit-overflow-scrolling': 'touch' // required for ios < 13 content scrolling
+            });
+            const limit = first$1(() => {
+                editor.dispatch('ScrollContent');
+            }, 20);
+            const unbinder = bind$1(socket.element, 'scroll', limit.throttle);
+            editor.on('remove', unbinder.unbind);
+        }
+        setupEventsForUi(editor, uiRefs);
+        editor.addCommand('ToggleSidebar', (_ui, value) => {
+            OuterContainer.toggleSidebar(outerContainer, value);
+            fireToggleSidebar(editor);
+        });
+        editor.addQueryValueHandler('ToggleSidebar', () => { var _a; return (_a = OuterContainer.whichSidebar(outerContainer)) !== null && _a !== void 0 ? _a : ''; });
+        editor.addCommand('ToggleView', (_ui, value) => {
+            if (OuterContainer.toggleView(outerContainer, value)) {
+                const target = outerContainer.element;
+                mainUi.mothership.broadcastOn([dismissPopups()], { target });
+                each$1(uiMotherships, (m) => {
+                    m.broadcastOn([dismissPopups()], { target });
+                });
+                // Switching back to main view should focus the editor and update any UIs
+                if (isNull(OuterContainer.whichView(outerContainer))) {
+                    editor.focus();
+                    editor.nodeChanged();
+                    OuterContainer.refreshToolbar(outerContainer);
+                }
+                fireToggleView(editor);
+            }
+        });
+        editor.addQueryValueHandler('ToggleView', () => { var _a; return (_a = OuterContainer.whichView(outerContainer)) !== null && _a !== void 0 ? _a : ''; });
+        const toolbarMode = getToolbarMode(editor);
+        const refreshDrawer = () => {
+            OuterContainer.refreshToolbar(uiRefs.mainUi.outerContainer);
+        };
+        if (toolbarMode === ToolbarMode$1.sliding || toolbarMode === ToolbarMode$1.floating) {
+            editor.on('ResizeWindow ResizeEditor ResizeContent', () => {
+                // Check if the width has changed, if so then refresh the toolbar drawer. We don't care if height changes.
+                const width = editor.getWin().innerWidth;
+                if (width !== lastToolbarWidth.get()) {
+                    refreshDrawer();
+                    lastToolbarWidth.set(width);
+                }
+            });
+        }
+        const api = {
+            setEnabled: (state) => {
+                const eventType = state ? 'setEnabled' : 'setDisabled';
+                broadcastEvents(uiRefs, eventType);
+            },
+            isEnabled: () => !Disabling.isDisabled(outerContainer)
+        };
+        return {
+            iframeContainer: socket.element.dom,
+            editorContainer: outerContainer.element.dom,
+            api
+        };
+    };
+
+    var Iframe = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        render: render$1
+    });
+
+    const parseToInt = (val) => {
+        // if size is a number or '_px', will return the number
+        const re = /^[0-9\.]+(|px)$/i;
+        if (re.test('' + val)) {
+            return Optional?.some(parseInt('' + val, 10));
+        }
+        return Optional.none();
+    };
+    const numToPx = (val) => isNumber(val) ? val + 'px' : val;
+    const calcCappedSize = (size, minSize, maxSize) => {
+        const minOverride = minSize.filter((min) => size < min);
+        const maxOverride = maxSize.filter((max) => size > max);
+        return minOverride.or(maxOverride).getOr(size);
+    };
+    const convertValueToPx = (element, value) => {
+        if (typeof value === 'number') {
+            return Optional.from(value);
+        }
+        const splitValue = /^([0-9.]+)(pt|em|px)$/.exec(value.trim());
+        if (splitValue) {
+            const type = splitValue[2];
+            const parsed = Number.parseFloat(splitValue[1]);
+            if (Number.isNaN(parsed) || parsed < 0) {
+                return Optional.none();
+            }
+            else if (type === 'em') {
+                return Optional.from(parsed * Number.parseFloat(window.getComputedStyle(element.dom).fontSize));
+            }
+            else if (type === 'pt') {
+                return Optional.from(parsed * (72 / 96));
+            }
+            else if (type === 'px') {
+                return Optional.from(parsed);
+            }
+        }
+        return Optional.none();
+    };
+
+    const getHeight = (editor) => {
+        const baseHeight = convertValueToPx(SugarElement.fromDom(editor.targetElm), getHeightOption(editor));
+        const minHeight = getMinHeightOption(editor);
+        const maxHeight = getMaxHeightOption(editor);
+        return baseHeight?.map((height) => calcCappedSize(height, minHeight, maxHeight));
+    };
+    const getHeightWithFallback = (editor) => {
+        return getHeight(editor).getOr(getHeightOption(editor)); // If we can't parse, set the height while ignoring min/max values.
+    };
+    const getWidth = (editor) => {
+        const baseWidth = getWidthOption(editor);
+        const minWidth = getMinWidthOption(editor);
+        const maxWidth = getMaxWidthOption(editor);
+        return parseToInt(baseWidth)?.map((width) => calcCappedSize(width, minWidth, maxWidth));
+    };
+    const getWidthWithFallback = (editor) => {
+        const width = getWidth(editor);
+        return width.getOr(getWidthOption(editor));
+    };
+
+    const { ToolbarLocation, ToolbarMode } = Options;
+    const maximumDistanceToEdge = 40;
+    const InlineHeader = (editor, targetElm, uiRefs, backstage, floatContainer) => {
+        const { mainUi, uiMotherships } = uiRefs;
+        const DOM = global$9.DOM;
+        const useFixedToolbarContainer = useFixedContainer(editor);
+        const isSticky = isStickyToolbar(editor);
+        const editorMaxWidthOpt = getMaxWidthOption(editor).or(getWidth(editor));
+        const headerBackstage = backstage.shared.header;
+        const isPositionedAtTop = headerBackstage.isPositionedAtTop;
+        const minimumToolbarWidth = 150; // Value is arbitrary.
+        const toolbarMode = getToolbarMode(editor);
+        const isSplitToolbar = toolbarMode === ToolbarMode.sliding || toolbarMode === ToolbarMode.floating;
+        const visible = Cell(false);
+        const isVisible = () => visible.get() && !editor.removed;
+        // Calculate the toolbar offset when using a split toolbar drawer
+        const calcToolbarOffset = (toolbar) => isSplitToolbar ?
+            toolbar.fold(constant$1(0), (tbar) => 
+            // If we have an overflow toolbar, we need to offset the positioning by the height of the overflow toolbar
+            tbar.components().length > 1 ? get$d(tbar.components()[1].element) : 0) : 0;
+        const calcMode = (container) => {
+            switch (getToolbarLocation(editor)) {
+                case ToolbarLocation.auto:
+                    const toolbar = OuterContainer.getToolbar(mainUi.outerContainer);
+                    const offset = calcToolbarOffset(toolbar);
+                    const toolbarHeight = get$d(container.element) - offset;
+                    const targetBounds = box$1(targetElm);
+                    // Determine if the toolbar has room to render at the top/bottom of the document
+                    const roomAtTop = targetBounds.y > toolbarHeight;
+                    if (roomAtTop) {
+                        return 'top';
+                    }
+                    else {
+                        const doc = documentElement(targetElm);
+                        const docHeight = Math.max(doc.dom.scrollHeight, get$d(doc));
+                        const roomAtBottom = targetBounds.bottom < docHeight - toolbarHeight;
+                        // If there isn't ever room to add the toolbar above the target element, then place the toolbar at the bottom.
+                        // Likewise if there's no room at the bottom, then we should show at the top. If there's no room at the bottom
+                        // or top, then prefer the bottom except when it'll prevent accessing the content at the bottom.
+                        // Make sure to exclude scroll position, as we want to still show at the top if the user can scroll up to undock
+                        if (roomAtBottom) {
+                            return 'bottom';
+                        }
+                        else {
+                            const winBounds = win();
+                            const isRoomAtBottomViewport = winBounds.bottom < targetBounds.bottom - toolbarHeight;
+                            return isRoomAtBottomViewport ? 'bottom' : 'top';
+                        }
+                    }
+                case ToolbarLocation.bottom:
+                    return 'bottom';
+                case ToolbarLocation.top:
+                default:
+                    return 'top';
+            }
+        };
+        const setupMode = (mode) => {
+            // Update the docking mode
+            floatContainer.on((container) => {
+                Docking.setModes(container, [mode]);
+                headerBackstage.setDockingMode(mode);
+                // Update the vertical menu direction
+                const verticalDir = isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop;
+                set$9(container.element, Attribute, verticalDir);
+            });
+        };
+        const updateChromeWidth = () => {
+            floatContainer.on((container) => {
+                // Update the max width of the inline toolbar
+                const maxWidth = editorMaxWidthOpt.getOrThunk(() => {
+                    // Adding 10px of margin so that the toolbar won't try to wrap
+                    return getBounds$1().width - viewport$1(targetElm).left - 10;
+                });
+                set$7(container.element, 'max-width', maxWidth + 'px');
+            });
+        };
+        const updateChromePosition = (isOuterContainerWidthRestored, prevScroll) => {
+            floatContainer.on((container) => {
+                const toolbar = OuterContainer.getToolbar(mainUi.outerContainer);
+                const offset = calcToolbarOffset(toolbar);
+                // The float container/editor may not have been rendered yet, which will cause it to have a non integer based positions
+                // so we need to round this to account for that.
+                const targetBounds = box$1(targetElm);
+                const offsetParent = getOffsetParent$1(editor, mainUi.outerContainer.element);
+                const getLeft = () => offsetParent.fold(() => targetBounds.x, (offsetParent) => {
+                    // Because for ui_mode: split, the main mothership (which includes the toolbar) is moved and added as a sibling
+                    // If there's any relative position div set as the parent and the offsetParent is no longer the body,
+                    // the absolute top/left positions would no longer be correct
+                    // When there's a relative div and the position is the same as the toolbar container
+                    // then it would produce a negative top as it needs to be positioned on top of the offsetParent
+                    const offsetBox = box$1(offsetParent);
+                    const isOffsetParentBody = eq(offsetParent, body());
+                    return isOffsetParentBody
+                        ? targetBounds.x
+                        : targetBounds.x - offsetBox.x;
+                });
+                const getTop = () => offsetParent.fold(() => isPositionedAtTop()
+                    ? Math.max(targetBounds.y - get$d(container.element) + offset, 0)
+                    : targetBounds.bottom, (offsetParent) => {
+                    var _a;
+                    // Because for ui_mode: split, the main mothership (which includes the toolbar) is moved and added as a sibling
+                    // If there's any relative position div set as the parent and the offsetParent is no longer the body,
+                    // the absolute top/left positions would no longer be correct
+                    // When there's a relative div and the position is the same as the toolbar container
+                    // then it would produce a negative top as it needs to be positioned on top of the offsetParent
+                    const offsetBox = box$1(offsetParent);
+                    const scrollDelta = (_a = offsetParent.dom.scrollTop) !== null && _a !== void 0 ? _a : 0;
+                    const isOffsetParentBody = eq(offsetParent, body());
+                    const topValue = isOffsetParentBody
+                        ? Math.max(targetBounds.y - get$d(container.element) + offset, 0)
+                        : targetBounds.y - offsetBox.y + scrollDelta - get$d(container.element) + offset;
+                    return isPositionedAtTop()
+                        ? topValue
+                        : targetBounds.bottom;
+                });
+                const left = getLeft();
+                const widthProperties = someIf(isOuterContainerWidthRestored, 
+                // This width can be used for calculating the "width" when resolving issues with flex-wrapping being triggered at the window width, despite scroll space being available to the right.
+                Math.ceil(mainUi.outerContainer.element.dom.getBoundingClientRect().width))
+                    // this check is needed because if the toolbar is rendered outside of the `outerContainer` because the toolbar have `position: "fixed"`
+                    // the calculate width isn't correct
+                    .filter((w) => w > minimumToolbarWidth)?.map((toolbarWidth) => {
+                    const scroll = prevScroll.getOr(get$b());
+                    /*
+                  As the editor container can wrap its elements (due to flex-wrap), the width of the container impacts also its height. Adding a minimum width works around two problems:
+        
+                  a) The docking behaviour (e.g. lazyContext) does not handle the situation of a very thin component near the edge of the screen very well, and actually has no concept of horizontal scroll - it only checks y values.
+        
+                  b) A very small toolbar is essentially unusable. On scrolling of X, we keep updating the width of the toolbar so that it can grow to fit the available space.
+        
+                  Note: this is entirely determined on the number of items in the menu and the toolbar, because when they wrap, that's what causes the height. Also, having multiple toolbars can also make it higher.
+                  */
+                    const availableWidth = window.innerWidth - (left - scroll.left);
+                    const width = Math.max(Math.min(toolbarWidth, availableWidth), minimumToolbarWidth);
+                    if (availableWidth < toolbarWidth) {
+                        set$7(mainUi.outerContainer.element, 'width', width + 'px');
+                    }
+                    return {
+                        width: width + 'px'
+                    };
+                }).getOr({ width: 'max-content' });
+                const baseProperties = {
+                    position: 'absolute',
+                    left: Math.round(left) + 'px',
+                    top: getTop() + 'px'
+                };
+                setAll(mainUi.outerContainer.element, {
+                    ...baseProperties,
+                    ...widthProperties
+                });
+            });
+        };
+        // This would return Optional.none, for ui_mode: combined, which will fallback to the default code block
+        // For ui_mode: split, the offsetParent would be the body if there were no relative div set as parent
+        const getOffsetParent$1 = (editor, element) => isSplitUiMode(editor) ? getOffsetParent(element) : Optional.none();
+        const repositionPopups$1 = () => {
+            each$1(uiMotherships, (m) => {
+                m.broadcastOn([repositionPopups()], {});
+            });
+        };
+        const restoreOuterContainerWidth = () => {
+            /*
+            Editors can be placed so far to the right that their left position is beyond the window width. This causes problems with flex-wrap. To solve this, set a width style on the container.
+            Natural width of the container needs to be calculated first.
+            */
+            if (!useFixedToolbarContainer) {
+                const toolbarCurrentRightsidePosition = absolute$3(mainUi.outerContainer.element).left + getOuter(mainUi.outerContainer.element);
+                /*
+                Check the width if we are within X number of pixels to the edge ( or above ). Also check if we have the width-value set.
+                This helps handling the issue where it goes from having a width set ( because it's too wide ) to going so far from the edge it no longer triggers the problem. Common when the width is changed by test.
+                */
+                if (toolbarCurrentRightsidePosition >= window.innerWidth - maximumDistanceToEdge || getRaw(mainUi.outerContainer.element, 'width').isSome()) {
+                    set$7(mainUi.outerContainer.element, 'position', 'absolute');
+                    set$7(mainUi.outerContainer.element, 'left', '0px');
+                    remove$6(mainUi.outerContainer.element, 'width');
+                    return true;
+                }
+            }
+            return false;
+        };
+        const update = (stickyAction) => {
+            // Skip updating the ui if it's hidden
+            if (!isVisible()) {
+                return;
+            }
+            // Handles positioning, docking and SplitToolbar (more drawer) behaviour. Modes:
+            // 1. Basic inline: does positioning and docking
+            // 2. Inline + more drawer: does positioning, docking and SplitToolbar
+            // 3. Inline + fixed_toolbar_container: does nothing
+            // 4. Inline + fixed_toolbar_container + more drawer: does SplitToolbar
+            // Update the max width, as the body width may have changed
+            if (!useFixedToolbarContainer) {
+                updateChromeWidth();
+            }
+            const prevScroll = get$b();
+            const isOuterContainerWidthRestored = useFixedToolbarContainer ? false : restoreOuterContainerWidth();
+            /*
+              Refresh split toolbar. Before calling refresh, we need to make sure that we have the full width (through restoreOuterContainerWidth above), otherwise too much will be put in the overflow drawer.
+              A split toolbar requires a calculation to see what ends up in the "more drawer". When we don't have a split toolbar, then there is no reason to refresh the toolbar when the size changes.
+            */
+            if (isSplitToolbar) {
+                OuterContainer.refreshToolbar(mainUi.outerContainer);
+            }
+            // Positioning
+            if (!useFixedToolbarContainer) {
+                // Getting the current scroll as the previous step may have reset the scroll,
+                // We also want calculation based on the previous scroll, then restoring the scroll when everything is set.
+                const currentScroll = get$b();
+                const optScroll = someIf(prevScroll.left !== currentScroll.left, prevScroll);
+                // This will position the container in the right spot.
+                updateChromePosition(isOuterContainerWidthRestored, optScroll);
+                // Restore scroll left position only if they are different, keeping the current scroll top, that shouldn't be changed
+                optScroll.each((scroll) => {
+                    to(scroll.left, currentScroll.top);
+                });
+            }
+            // Docking
+            if (isSticky) {
+                floatContainer.on(stickyAction);
+            }
+            // Floating toolbar
+            repositionPopups$1();
+        };
+        const doUpdateMode = () => {
+            // Skip updating the mode if the toolbar is hidden, is
+            // using a fixed container or has sticky toolbars disabled
+            if (useFixedToolbarContainer || !isSticky || !isVisible()) {
+                return false;
+            }
+            return floatContainer.get().exists((fc) => {
+                const currentMode = headerBackstage.getDockingMode();
+                const newMode = calcMode(fc);
+                // Note: the docking mode will only be able to change when the `toolbar_location`
+                // is set to "auto".
+                if (newMode !== currentMode) {
+                    setupMode(newMode);
+                    return true;
+                }
+                else {
+                    return false;
+                }
+            });
+        };
+        const show = () => {
+            visible.set(true);
+            set$7(mainUi.outerContainer.element, 'display', 'flex');
+            DOM.addClass(editor.getBody(), 'mce-edit-focus');
+            each$1(uiMotherships, (m) => {
+                // We remove the display style when showing, because when hiding, we set it to "none"
+                remove$6(m.element, 'display');
+            });
+            doUpdateMode();
+            if (isSplitUiMode(editor)) {
+                // When the toolbar is shown, then hidden and when the page is then scrolled,
+                // the toolbar is set to docked, which shouldn't be as it should be static position
+                // calling reset here, to reset the state.
+                // Another case would be when the toolbar is shown initially (with location_bottom)
+                // we don't want to dock the toolbar, calling Docking.refresh
+                update((elem) => Docking.isDocked(elem) ? Docking.reset(elem) : Docking.refresh(elem));
+            }
+            else {
+                // Even if we aren't updating the docking mode, we still want to reposition
+                // the Ui. NOTE: We are using Docking.refresh here, rather than Docking.reset. This
+                // means it should keep whatever its "previous" coordinates were, and will just
+                // behave like the window was scrolled again, and Docking needs to work out if it
+                // is going to dock / undock
+                update(Docking.refresh);
+            }
+        };
+        const hide = () => {
+            visible.set(false);
+            set$7(mainUi.outerContainer.element, 'display', 'none');
+            DOM.removeClass(editor.getBody(), 'mce-edit-focus');
+            each$1(uiMotherships, (m) => {
+                set$7(m.element, 'display', 'none');
+            });
+        };
+        const updateMode = () => {
+            const changedMode = doUpdateMode();
+            // If the docking mode has changed due to the update, we want to reset
+            // docking. This will clear any prior stored positions
+            if (changedMode) {
+                update(Docking.reset);
+            }
+        };
+        return {
+            isVisible,
+            isPositionedAtTop,
+            show,
+            hide,
+            update,
+            updateMode,
+            repositionPopups: repositionPopups$1
+        };
+    };
+
+    const getTargetPosAndBounds = (targetElm, isToolbarTop) => {
+        const bounds = box$1(targetElm);
+        return {
+            pos: isToolbarTop ? bounds.y : bounds.bottom,
+            bounds
+        };
+    };
+    const setupEvents = (editor, targetElm, ui, toolbarPersist) => {
+        const prevPosAndBounds = Cell(getTargetPosAndBounds(targetElm, ui.isPositionedAtTop()));
+        const resizeContent = (e) => {
+            const { pos, bounds } = getTargetPosAndBounds(targetElm, ui.isPositionedAtTop());
+            const { pos: prevPos, bounds: prevBounds } = prevPosAndBounds.get();
+            const hasResized = bounds.height !== prevBounds.height || bounds.width !== prevBounds.width;
+            prevPosAndBounds.set({ pos, bounds });
+            if (hasResized) {
+                fireResizeContent(editor, e);
+            }
+            if (ui.isVisible()) {
+                if (prevPos !== pos) {
+                    // The proposed toolbar location has moved, so we need to reposition the Ui. This might
+                    // include things like refreshing any Docking / stickiness for the toolbars
+                    ui.update(Docking.reset);
+                }
+                else if (hasResized) {
+                    // The proposed toolbar location hasn't moved, but the dimensions of the editor have changed.
+                    // We use "updateMode" here instead of "update". The primary reason is that "updateMode"
+                    // only repositions the Ui if it has detected that the docking mode needs to change, which
+                    // will only happen with `toolbar_location` is set to `auto`.
+                    ui.updateMode();
+                    // NOTE: This repositionPopups call is going to be a duplicate if "updateMode" identifies
+                    // that the mode has changed. We probably need to make it a bit more granular .. so
+                    // that we can just query if the mode has changed. Otherwise, we're going to end up with
+                    // situations like this where we are doing a potentially expensive operation
+                    // (repositionPopups) more than once.
+                    ui.repositionPopups();
+                }
+            }
+        };
+        if (!toolbarPersist) {
+            editor.on('activate', ui.show);
+            editor.on('deactivate', ui.hide);
+        }
+        // For both the initial load (SkinLoaded) and any resizes (ResizeWindow), we want to
+        // update the positions of the Ui elements (and reset Docking / stickiness)
+        editor.on('SkinLoaded ResizeWindow', () => ui.update(Docking.reset));
+        editor.on('NodeChange keydown', (e) => {
+            requestAnimationFrame(() => resizeContent(e));
+        });
+        // When the page has been scrolled, we need to update any docking positions. We also
+        // want to reposition all the Ui elements if required.
+        let lastScrollX = 0;
+        const updateUi = last(() => ui.update(Docking.refresh), 33);
+        editor.on('ScrollWindow', () => {
+            const newScrollX = get$b().left;
+            if (newScrollX !== lastScrollX) {
+                lastScrollX = newScrollX;
+                updateUi.throttle();
+            }
+            ui.updateMode();
+        });
+        if (isSplitUiMode(editor)) {
+            editor.on('ElementScroll', (_args) => {
+                // When the scroller containing the editor scrolls, update the Ui positions
+                ui.update(Docking.refresh);
+            });
+        }
+        // Bind to async load events and trigger a content resize event if the size has changed
+        // This is handling resizing based on anything loading inside the content (e.g. img tags)
+        const elementLoad = unbindable();
+        elementLoad.set(capture(SugarElement.fromDom(editor.getBody()), 'load', (e) => resizeContent(e.raw)));
+        editor.on('remove', () => {
+            elementLoad.clear();
+        });
+    };
+    const render = (editor, uiRefs, rawUiConfig, backstage, args) => {
+        const { mainUi } = uiRefs;
+        // This is used to store the reference to the header part of OuterContainer, which is
+        // *not* created by this module. This reference is used to make sure that we only bind
+        // events for an inline container *once* ... because our show function is just the
+        // InlineHeader's show function if this reference is already set. We pass it through to
+        // InlineHeader because InlineHeader will depend on it.
+        const floatContainer = value$2();
+        const targetElm = SugarElement.fromDom(args.targetNode);
+        const ui = InlineHeader(editor, targetElm, uiRefs, backstage, floatContainer);
+        const toolbarPersist = isToolbarPersist(editor);
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        inline(editor);
+        const render = () => {
+            // Because we set the floatContainer immediately afterwards, this is just telling us
+            // if we have already called this code (e.g. show, hide, show) - then don't do anything
+            // more than show. It's a pretty messy way of ensuring that all the code that follows
+            // this `if` block is only executed once (setting up events etc.). So the first call
+            // to `render` will execute it, but the second call won't. This `render` function is
+            // used for most of the "show" handlers here, so the function can be invoked either
+            // for the first time, or or just because something is being show again, after being
+            // toggled to hidden earlier.
+            if (floatContainer.isSet()) {
+                ui.show();
+                return;
+            }
+            // Set up the header part of OuterContainer. Once configured, the `InlineHeader` code
+            // will use it when setting up and updating the Ui. This module uses it mainly just to
+            // allow us to call `render` multiple times, but only have it execute the setup code once.
+            floatContainer.set(OuterContainer.getHeader(mainUi.outerContainer).getOrDie());
+            // `uiContainer` handles *where* the motherhips get added by default. Currently, uiContainer
+            // will mostly be the <body> of the document (unless it's a ShadowRoot). When using ui_mode: split,
+            // the main mothership (which includes the toolbar) and popup sinks will be added as siblings of
+            // the target element, so that they have the same scrolling context / environment
+            const uiContainer = getUiContainer(editor);
+            // Position the motherships based on the editor Ui options.
+            if (isSplitUiMode(editor)) {
+                attachSystemAfter(targetElm, mainUi.mothership);
+                // Only in ui_mode: split, do we have a separate popup sink
+                attachSystemAfter(targetElm, uiRefs.popupUi.mothership);
+            }
+            else {
+                attachSystem(uiContainer, mainUi.mothership);
+            }
+            // NOTE: In UiRefs, dialogUi and popupUi refer to the same thing if ui_mode: combined
+            attachSystem(uiContainer, uiRefs.dialogUi.mothership);
+            const setup = () => {
+                // Unlike menubar below which uses OuterContainer directly, this level of abstraction is
+                // required because of the different types of toolbars available (e.g. multiple vs single)
+                setToolbar(editor, uiRefs, rawUiConfig, backstage);
+                OuterContainer.setMenubar(mainUi.outerContainer, identifyMenus(editor, rawUiConfig));
+                // Initialise the toolbar - set initial positioning then show
+                ui.show();
+                setupEvents(editor, targetElm, ui, toolbarPersist);
+                editor.nodeChanged();
+            };
+            if (toolbarPersist) {
+                // TINY-10482: for `toolbar_persist: true` we need to wait for the skin to be loaded before showing the toolbar/menubar.
+                // Without this, there's the occasional chance that the toolbar/menubar could be set/shown before the skin has finished
+                // loading, which causes CSS issues.
+                editor.once('SkinLoaded', setup);
+            }
+            else {
+                setup();
+            }
+        };
+        editor.on('show', render);
+        editor.on('hide', ui.hide);
+        if (!toolbarPersist) {
+            editor.on('focus', render);
+            editor.on('blur', ui.hide);
+        }
+        editor.on('init', () => {
+            if (editor.hasFocus() || toolbarPersist) {
+                render();
+            }
+        });
+        setupEventsForUi(editor, uiRefs);
+        const api = {
+            show: render,
+            hide: ui.hide,
+            setEnabled: (state) => {
+                const eventType = state ? 'setEnabled' : 'setDisabled';
+                broadcastEvents(uiRefs, eventType);
+            },
+            isEnabled: () => !Disabling.isDisabled(mainUi.outerContainer)
+        };
+        return {
+            editorContainer: mainUi.outerContainer.element.dom,
+            api
+        };
+    };
+
+    var Inline = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        render: render
+    });
+
+    const LazyUiReferences = () => {
+        const dialogUi = value$2();
+        const popupUi = value$2();
+        const mainUi = value$2();
+        const lazyGetInOuterOrDie = (label, f) => () => mainUi.get().bind((oc) => f(oc.outerContainer)).getOrDie(`Could not find ${label} element in OuterContainer`);
+        // TINY-9226: If the motherships are the same, return just the dialog Ui of them (ui_mode: combined mode)
+        const getUiMotherships = () => {
+            const optDialogMothership = dialogUi.get()?.map((ui) => ui.mothership);
+            const optPopupMothership = popupUi.get()?.map((ui) => ui.mothership);
+            return optDialogMothership.fold(() => optPopupMothership.toArray(), (dm) => optPopupMothership.fold(() => [dm], (pm) => eq(dm.element, pm.element) ? [dm] : [dm, pm]));
+        };
+        return {
+            dialogUi,
+            popupUi,
+            mainUi,
+            getUiMotherships,
+            lazyGetInOuterOrDie
+        };
+    };
+
+    // TODO: Find a better way of doing this. We probably don't want to just listen to
+    // editor events. Having an API available like WindowManager would be the best option
+    const showContextToolbarEvent = 'contexttoolbar-show';
+    const hideContextToolbarEvent = 'contexttoolbar-hide';
+
+    const getFormApi = (input, valueState, focusfallbackElement) => {
+        return ({
+            setInputEnabled: (state) => {
+                if (!state && focusfallbackElement) {
+                    focus$4(focusfallbackElement);
+                }
+                Disabling.set(input, !state);
+            },
+            isInputEnabled: () => !Disabling.isDisabled(input),
+            hide: () => {
+                emit(input, sandboxClose());
+            },
+            back: () => {
+                emit(input, backSlideEvent);
+            },
+            getValue: () => {
+                return valueState.get().getOrThunk(() => Representing.getValue(input));
+            },
+            setValue: (value) => {
+                if (input.getSystem().isConnected()) {
+                    Representing.setValue(input, value);
+                }
+                else {
+                    valueState.set(value);
+                }
+            }
+        });
+    };
+
+    const runOnExecute = (memInput, original, valueState) => run$1(internalToolbarButtonExecute, (comp, se) => {
+        const input = memInput.get(comp);
+        const formApi = getFormApi(input, valueState, comp.element);
+        original.onAction(formApi, se.event.buttonApi);
+    });
+    const renderContextButton = (memInput, button, providers, valueState) => {
+        const { primary, ...rest } = button.original;
+        const bridged = getOrDie(createToolbarButton({
+            ...rest,
+            type: 'button',
+            onAction: noop
+        }));
+        return renderToolbarButtonWith(bridged, providers, [
+            runOnExecute(memInput, button, valueState)
+        ]);
+    };
+    const renderContextToggleButton = (memInput, button, providers, valueState) => {
+        const { primary, ...rest } = button.original;
+        const bridged = getOrDie(createToggleButton({
+            ...rest,
+            type: 'togglebutton',
+            onAction: noop
+        }));
+        return renderToolbarToggleButtonWith(bridged, providers, [
+            runOnExecute(memInput, button, valueState)
+        ]);
+    };
+    const isToggleButton = (button) => button.type === 'contextformtogglebutton';
+    const generateOne = (memInput, button, providersBackstage, valueState) => {
+        if (isToggleButton(button)) {
+            return renderContextToggleButton(memInput, button, providersBackstage, valueState);
+        }
+        else {
+            return renderContextButton(memInput, button, providersBackstage, valueState);
+        }
+    };
+    const generate = (memInput, buttons, providersBackstage, valueState) => {
+        const mementos = map$2(buttons, (button) => record(generateOne(memInput, button, providersBackstage, valueState)));
+        const asSpecs = () => map$2(mementos, (mem) => mem.asSpec());
+        const findPrimary = (compInSystem) => findMap(buttons, (button, i) => {
+            if (button.primary) {
+                return Optional.from(mementos[i]).bind((mem) => mem.getOpt(compInSystem)).filter(not(Disabling.isDisabled));
+            }
+            else {
+                return Optional.none();
+            }
+        });
+        return {
+            asSpecs,
+            findPrimary
+        };
+    };
+
+    const renderContextFormSizeInput = (ctx, providersBackstage, onEnter, valueState) => {
+        const { width, height } = ctx.initValue();
+        let converter = noSizeConversion;
+        const enabled = true;
+        const ratioEvent = generate$6('ratio-event');
+        const getApi = (comp) => getFormApi(comp, valueState);
+        const makeIcon = (iconName) => render$4(iconName, { tag: 'span', classes: ['tox-icon', 'tox-lock-icon__' + iconName] }, providersBackstage.icons);
+        const disabled = () => !enabled;
+        const label = ctx.label.getOr('Constrain proportions');
+        const translatedLabel = providersBackstage.translate(label);
+        const pLock = FormCoupledInputs.parts.lock({
+            dom: {
+                tag: 'button',
+                classes: ['tox-lock', 'tox-lock-context-form-size-input', 'tox-button', 'tox-button--naked', 'tox-button--icon'],
+                attributes: {
+                    'aria-label': translatedLabel,
+                    'data-mce-name': label
+                }
+            },
+            components: [
+                makeIcon('lock'),
+                makeIcon('unlock')
+            ],
+            buttonBehaviours: derive$1([
+                Disabling.config({ disabled }),
+                Tabstopping.config({}),
+                Tooltipping.config(providersBackstage.tooltips.getConfig({
+                    tooltipText: translatedLabel
+                }))
+            ])
+        });
+        const formGroup = (components) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-context-form__group']
+            },
+            components
+        });
+        const goToParent = (comp) => {
+            const focussableWrapperOpt = ancestor$1(comp.element, 'div.tox-focusable-wrapper');
+            return focussableWrapperOpt.fold(Optional.none, (focussableWrapper) => {
+                focus$4(focussableWrapper);
+                return Optional?.some(true);
+            });
+        };
+        const getFieldPart = (isField1) => FormField.parts.field({
+            factory: Input,
+            inputClasses: ['tox-textfield', 'tox-toolbar-textfield', 'tox-textfield-size'],
+            data: isField1 ? width : height,
+            inputBehaviours: derive$1([
+                Disabling.config({ disabled }),
+                Tabstopping.config({}),
+                config('size-input-toolbar-events', [
+                    run$1(focusin(), (component, _simulatedEvent) => {
+                        emitWith(component, ratioEvent, { isField1 });
+                    })
+                ]),
+                Keying.config({ mode: 'special', onEnter, onEscape: goToParent })
+            ]),
+            selectOnFocus: false
+        });
+        const getLabel = (label) => ({
+            dom: {
+                tag: 'label',
+                classes: ['tox-label']
+            },
+            components: [
+                text$2(providersBackstage.translate(label))
+            ]
+        });
+        const focusableWrapper = (field) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-focusable-wrapper', 'tox-toolbar-nav-item'],
+            },
+            components: [field],
+            behaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'special',
+                    onEnter: (comp) => {
+                        const focussableInputOpt = descendant(comp.element, 'input');
+                        return focussableInputOpt.fold(Optional.none, (focussableInput) => {
+                            focus$4(focussableInput);
+                            return Optional?.some(true);
+                        });
+                    }
+                })
+            ])
+        });
+        const widthField = focusableWrapper(FormCoupledInputs.parts.field1(formGroup([FormField.parts.label(getLabel('Width:')), getFieldPart(true)])));
+        const heightField = focusableWrapper(FormCoupledInputs.parts.field2(formGroup([FormField.parts.label(getLabel('Height:')), getFieldPart(false)])));
+        const editorOffCell = Cell(noop);
+        const controlLifecycleHandlers = [
+            onControlAttached({
+                onBeforeSetup: (comp) => descendant(comp.element, 'input').each(focus$4),
+                onSetup: ctx.onSetup,
+                getApi
+            }, editorOffCell),
+            onContextFormControlDetached({ getApi }, editorOffCell, valueState),
+        ];
+        return FormCoupledInputs.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-context-form__group']
+            },
+            components: [
+                // NOTE: Form coupled inputs to the FormField.sketch themselves.
+                widthField,
+                formGroup([
+                    pLock
+                ]),
+                heightField
+            ],
+            field1Name: 'width',
+            field2Name: 'height',
+            locked: true,
+            markers: {
+                lockClass: 'tox-locked'
+            },
+            onLockedChange: (current, other, _lock) => {
+                parseSize(Representing.getValue(current)).each((size) => {
+                    converter(size).each((newSize) => {
+                        Representing.setValue(other, formatSize(newSize));
+                    });
+                });
+            },
+            onInput: (current) => emit(current, formInputEvent),
+            coupledFieldBehaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'flow',
+                    focusInside: FocusInsideModes.OnEnterOrSpaceMode,
+                    cycles: false,
+                    selector: 'button, .tox-focusable-wrapper',
+                }),
+                Disabling.config({
+                    disabled,
+                    onDisabled: (comp) => {
+                        FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.disable);
+                        FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.disable);
+                        FormCoupledInputs.getLock(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.enable);
+                        FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.enable);
+                        FormCoupledInputs.getLock(comp).each(Disabling.enable);
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('mode:design')),
+                config('size-input-toolbar-events2', [
+                    run$1(ratioEvent, (component, simulatedEvent) => {
+                        const isField1 = simulatedEvent.event.isField1;
+                        const optCurrent = isField1 ? FormCoupledInputs.getField1(component) : FormCoupledInputs.getField2(component);
+                        const optOther = isField1 ? FormCoupledInputs.getField2(component) : FormCoupledInputs.getField1(component);
+                        const value1 = optCurrent?.map(Representing.getValue).getOr('');
+                        const value2 = optOther?.map(Representing.getValue).getOr('');
+                        converter = makeRatioConverter(value1, value2);
+                    }),
+                    run$1(formInputEvent, (input) => ctx.onInput(getApi(input))),
+                    ...controlLifecycleHandlers,
+                ])
+            ])
+        });
+    };
+
+    const createContextFormFieldFromParts = (pLabel, pField, providers) => FormField.sketch({
+        dom: {
+            tag: 'div',
+            classes: ['tox-context-form__group']
+        },
+        components: [...pLabel.toArray(), pField],
+        fieldBehaviours: derive$1([
+            Disabling.config({
+                disabled: () => providers.checkUiComponentContext('mode:design').shouldDisable,
+                onDisabled: (comp) => {
+                    focusParent(comp);
+                    FormField.getField(comp).each(Disabling.disable);
+                },
+                onEnabled: (comp) => {
+                    FormField.getField(comp).each(Disabling.enable);
+                }
+            }),
+        ])
+    });
+
+    const renderContextFormSliderInput = (ctx, providers, onEnter, valueState) => {
+        const editorOffCell = Cell(noop);
+        const getApi = (comp) => getFormApi(comp, valueState);
+        const pLabel = ctx.label?.map((label) => FormField.parts.label({
+            dom: { tag: 'label', classes: ['tox-label'] },
+            components: [text$2(providers.translate(label))]
+        }));
+        const pField = FormField.parts.field({
+            factory: Input,
+            type: 'range',
+            inputClasses: ['tox-toolbar-slider__input', 'tox-toolbar-nav-item'],
+            inputAttributes: {
+                min: String(ctx.min()),
+                max: String(ctx.max())
+            },
+            data: ctx.initValue().toString(),
+            fromInputValue: (value) => toFloat(value).getOr(ctx.min()),
+            toInputValue: (value) => String(value),
+            inputBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => providers.checkUiComponentContext('mode:design').shouldDisable
+                }),
+                toggleOnReceive(() => providers.checkUiComponentContext('mode:design')),
+                Keying.config({
+                    mode: 'special',
+                    onEnter,
+                    // These two lines need to be tested. They are about left and right bypassing
+                    // any keyboard handling, and allowing left and right to be processed by the input
+                    // Maybe this should go in an alloy sketch for Input?
+                    onLeft: (comp, se) => {
+                        se.cut();
+                        return Optional.none();
+                    },
+                    onRight: (comp, se) => {
+                        se.cut();
+                        return Optional.none();
+                    }
+                }),
+                config('slider-events', [
+                    onControlAttached({
+                        onSetup: ctx.onSetup,
+                        getApi,
+                        onBeforeSetup: Keying.focusIn
+                    }, editorOffCell),
+                    onContextFormControlDetached({ getApi }, editorOffCell, valueState),
+                    run$1(input(), (comp) => {
+                        ctx.onInput(getApi(comp));
+                    })
+                ])
+            ])
+        });
+        return createContextFormFieldFromParts(pLabel, pField, providers);
+    };
+
+    const renderContextFormTextInput = (ctx, providers, onEnter, valueState) => {
+        const editorOffCell = Cell(noop);
+        const getFormApi$1 = (comp) => getFormApi(comp, valueState);
+        const pLabel = ctx.label?.map((label) => FormField.parts.label({
+            dom: { tag: 'label', classes: ['tox-label'] },
+            components: [text$2(providers.translate(label))]
+        }));
+        const placeholder = ctx.placeholder?.map((p) => ({ placeholder: providers.translate(p) })).getOr({});
+        const inputAttributes = {
+            ...placeholder,
+        };
+        const pField = FormField.parts.field({
+            factory: Input,
+            inputClasses: ['tox-toolbar-textfield', 'tox-toolbar-nav-item'],
+            inputAttributes,
+            data: ctx.initValue(),
+            selectOnFocus: true,
+            inputBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => providers.checkUiComponentContext('mode:design').shouldDisable
+                }),
+                toggleOnReceive(() => providers.checkUiComponentContext('mode:design')),
+                Keying.config({
+                    mode: 'special',
+                    onEnter,
+                    // These two lines need to be tested. They are about left and right bypassing
+                    // any keyboard handling, and allowing left and right to be processed by the input
+                    // Maybe this should go in an alloy sketch for Input?
+                    onLeft: (comp, se) => {
+                        se.cut();
+                        return Optional.none();
+                    },
+                    onRight: (comp, se) => {
+                        se.cut();
+                        return Optional.none();
+                    }
+                }),
+                config('input-events', [
+                    onControlAttached({
+                        onSetup: ctx.onSetup,
+                        getApi: (comp) => {
+                            const closestFocussableOpt = ancestor$1(comp.element, '.tox-toolbar').bind((toolbar) => descendant(toolbar, 'button:enabled'));
+                            return closestFocussableOpt.fold(() => getFormApi(comp, valueState), (closestFocussable) => getFormApi(comp, valueState, closestFocussable));
+                        },
+                        onBeforeSetup: Keying.focusIn
+                    }, editorOffCell),
+                    onContextFormControlDetached({ getApi: getFormApi$1 }, editorOffCell, valueState),
+                    run$1(input(), (comp) => {
+                        ctx.onInput(getFormApi$1(comp));
+                    })
+                ])
+            ])
+        });
+        return createContextFormFieldFromParts(pLabel, pField, providers);
+    };
+
+    const buildInitGroup = (f, ctx, providers) => {
+        const valueState = value$2();
+        const onEnter = (input) => {
+            return startCommands.findPrimary(input).orThunk(() => endCommands.findPrimary(input))?.map((primary) => {
+                emitExecute(primary);
+                return true;
+            });
+        };
+        const memInput = record(f(providers, onEnter, valueState));
+        const commandParts = partition$3(ctx.commands, (command) => command.align === 'start');
+        const startCommands = generate(memInput, commandParts.pass, providers, valueState);
+        const endCommands = generate(memInput, commandParts.fail, providers, valueState);
+        return filter$2([
+            {
+                title: Optional.none(),
+                label: Optional.none(),
+                items: startCommands.asSpecs()
+            },
+            {
+                title: Optional.none(),
+                label: Optional.none(),
+                items: [memInput.asSpec()]
+            },
+            {
+                title: Optional.none(),
+                label: Optional.none(),
+                items: endCommands.asSpecs()
+            }
+        ], (group) => group.items.length > 0);
+    };
+    const buildInitGroups = (ctx, providers) => {
+        switch (ctx.type) {
+            case 'contextform': return buildInitGroup(curry(renderContextFormTextInput, ctx), ctx, providers);
+            case 'contextsliderform': return buildInitGroup(curry(renderContextFormSliderInput, ctx), ctx, providers);
+            case 'contextsizeinputform': return buildInitGroup(curry(renderContextFormSizeInput, ctx), ctx, providers);
+        }
+    };
+    const renderContextForm = (toolbarType, ctx, providers) => renderToolbar({
+        type: toolbarType,
+        uid: generate$6('context-toolbar'),
+        initGroups: buildInitGroups(ctx, providers),
+        onEscape: Optional.none,
+        cyclicKeying: true,
+        providers
+    });
+    const ContextForm = {
+        renderContextForm,
+        buildInitGroups
+    };
+
+    // The "threshold" here is the amount of overlap. To make the overlap check
+    // be more permissive (return true for 'almost' an overlap), use a negative
+    // threshold value
+    const isVerticalOverlap = (a, b, threshold) => b.bottom - a.y >= threshold && a.bottom - b.y >= threshold;
+    const getRangeRect = (rng) => {
+        const rect = rng.getBoundingClientRect();
+        // Some ranges (eg <td><br></td>) will return a 0x0 rect, so we'll need to calculate it from the leaf instead
+        if (rect.height <= 0 && rect.width <= 0) {
+            const leaf$1 = leaf(SugarElement.fromDom(rng.startContainer), rng.startOffset).element;
+            const elm = isText(leaf$1) ? parent(leaf$1) : Optional?.some(leaf$1);
+            return elm.filter(isElement$1)
+                ?.map((e) => e.dom.getBoundingClientRect())
+                // We have nothing valid, so just fallback to the original rect
+                .getOr(rect);
+        }
+        else {
+            return rect;
+        }
+    };
+    const getSelectionBounds = (editor) => {
+        const rng = editor.selection.getRng();
+        const rect = getRangeRect(rng);
+        if (editor.inline) {
+            const scroll = get$b();
+            return bounds(scroll.left + rect.left, scroll.top + rect.top, rect.width, rect.height);
+        }
+        else {
+            // Translate to the top level document, as rect is relative to the iframe viewport
+            const bodyPos = absolute$2(SugarElement.fromDom(editor.getBody()));
+            return bounds(bodyPos.x + rect.left, bodyPos.y + rect.top, rect.width, rect.height);
+        }
+    };
+    const getAnchorElementBounds = (editor, lastElement) => lastElement
+        .filter((elem) => inBody(elem) && isHTMLElement(elem))
+        ?.map(absolute$2)
+        .getOrThunk(() => getSelectionBounds(editor));
+    const getHorizontalBounds = (contentAreaBox, viewportBounds, margin) => {
+        const x = Math.max(contentAreaBox.x + margin, viewportBounds.x);
+        const right = Math.min(contentAreaBox.right - margin, viewportBounds.right);
+        return { x, width: right - x };
+    };
+    const getVerticalBounds = (editor, contentAreaBox, viewportBounds, isToolbarLocationTop, toolbarType, margin) => {
+        const container = SugarElement.fromDom(editor.getContainer());
+        const header = descendant(container, '.tox-editor-header').getOr(container);
+        const headerBox = box$1(header);
+        const isToolbarBelowContentArea = headerBox.y >= contentAreaBox.bottom;
+        const isToolbarAbove = isToolbarLocationTop && !isToolbarBelowContentArea;
+        // Scenario toolbar top & inline: Bottom of the header -> Bottom of the viewport
+        if (editor.inline && isToolbarAbove) {
+            return {
+                y: Math.max(headerBox.bottom + margin, viewportBounds.y),
+                bottom: viewportBounds.bottom
+            };
+        }
+        // Scenario toolbar top & inline: Top of the viewport -> Top of the header
+        if (editor.inline && !isToolbarAbove) {
+            return {
+                y: viewportBounds.y,
+                bottom: Math.min(headerBox.y - margin, viewportBounds.bottom)
+            };
+        }
+        // Allow line based context toolbar to overlap the statusbar
+        const containerBounds = toolbarType === 'line' ? box$1(container) : contentAreaBox;
+        // Scenario toolbar bottom & Iframe: Bottom of the header -> Bottom of the editor container
+        if (isToolbarAbove) {
+            return {
+                y: Math.max(headerBox.bottom + margin, viewportBounds.y),
+                bottom: Math.min(containerBounds.bottom - margin, viewportBounds.bottom)
+            };
+        }
+        // Scenario toolbar bottom & Iframe: Top of the editor container -> Top of the header
+        return {
+            y: Math.max(containerBounds.y + margin, viewportBounds.y),
+            bottom: Math.min(headerBox.y - margin, viewportBounds.bottom)
+        };
+    };
+    const getContextToolbarBounds = (editor, sharedBackstage, toolbarType, margin = 0) => {
+        const viewportBounds = getBounds$1(window);
+        const contentAreaBox = box$1(SugarElement.fromDom(editor.getContentAreaContainer()));
+        const toolbarOrMenubarEnabled = isMenubarEnabled(editor) || isToolbarEnabled(editor) || isMultipleToolbars(editor);
+        const { x, width } = getHorizontalBounds(contentAreaBox, viewportBounds, margin);
+        // Create bounds that lets the context toolbar overflow outside the content area, but remains in the viewport
+        if (editor.inline && !toolbarOrMenubarEnabled) {
+            return bounds(x, viewportBounds.y, width, viewportBounds.height);
+        }
+        else {
+            const isToolbarTop = sharedBackstage.header.isPositionedAtTop();
+            const { y, bottom } = getVerticalBounds(editor, contentAreaBox, viewportBounds, isToolbarTop, toolbarType, margin);
+            return bounds(x, y, width, bottom - y);
+        }
+    };
+
+    const bubbleSize$1 = 12;
+    const bubbleAlignments$1 = {
+        valignCentre: [],
+        alignCentre: [],
+        alignLeft: ['tox-pop--align-left'],
+        alignRight: ['tox-pop--align-right'],
+        right: ['tox-pop--right'],
+        left: ['tox-pop--left'],
+        bottom: ['tox-pop--bottom'],
+        top: ['tox-pop--top'],
+        inset: ['tox-pop--inset']
+    };
+    const anchorOverrides = {
+        maxHeightFunction: expandable$1(),
+        maxWidthFunction: expandable()
+    };
+    const isEntireElementSelected = (editor, elem) => {
+        const rng = editor.selection.getRng();
+        const leaf$1 = leaf(SugarElement.fromDom(rng.startContainer), rng.startOffset);
+        return rng.startContainer === rng.endContainer && rng.startOffset === rng.endOffset - 1 && eq(leaf$1.element, elem);
+    };
+    const preservePosition = (elem, position, f) => {
+        const currentPosition = getRaw(elem, 'position');
+        set$7(elem, 'position', position);
+        const result = f(elem);
+        currentPosition.each((pos) => set$7(elem, 'position', pos));
+        return result;
+    };
+    // Don't use an inset layout when using a selection/line based anchors as it'll cover the content and can't be moved out the way
+    const shouldUseInsetLayouts = (position) => position === 'node';
+    /**
+     * This function is designed to attempt to intelligently detect where the contextbar should be anchored when using an inside
+     * layout. It will attempt to preserve the previous outside placement when anchoring to the same element. However, when the
+     * placement is re-triggered (e.g. not triggered by a reposition) and the current editor selection overlaps with the contextbar,
+     * then the anchoring should flip from the previous position to avoid conflicting with the selection.
+     */
+    const determineInsetLayout = (editor, contextbar, elem, data, bounds) => {
+        const selectionBounds = getSelectionBounds(editor);
+        const isSameAnchorElement = data.lastElement().exists((prev) => eq(elem, prev));
+        if (isEntireElementSelected(editor, elem)) {
+            // The entire anchor element is selected so it'll always overlap with the selection, in which case just
+            // preserve or show at the top for a new anchor element.
+            return isSameAnchorElement ? preserve$1 : north$1;
+        }
+        else if (isSameAnchorElement) {
+            // Preserve the position, get the bounds and then see if we have an overlap.
+            // If overlapping and this wasn't triggered by a reposition then flip the placement
+            return preservePosition(contextbar, data.getMode(), () => {
+                // TINY-8890: The negative 20px threshold here was arrived at by considering the use
+                // case of a table with default heights for the rows. The threshold had to be
+                // large enough so that the context toolbar would not prevent the user selecting
+                // in the row containing the context toolbar.
+                const isOverlapping = isVerticalOverlap(selectionBounds, box$1(contextbar), -20);
+                return isOverlapping && !data.isReposition() ? flip : preserve$1;
+            });
+        }
+        else {
+            // Attempt to find the best layout to use that won't cause an overlap for the new anchor element
+            // Note: In fixed positioning mode we need to translate by adding the scroll pos to get the absolute position
+            const yBounds = data.getMode() === 'fixed' ? bounds.y + get$b().top : bounds.y;
+            const contextbarHeight = get$d(contextbar) + bubbleSize$1;
+            return yBounds + contextbarHeight <= selectionBounds.y ? north$1 : south$1;
+        }
+    };
+    const getAnchorSpec$2 = (editor, mobile, data, position) => {
+        // IMPORTANT: We lazily determine the layout here so that we only do the calculations if absolutely necessary
+        const smartInsetLayout = (elem) => (anchor, element, bubbles, placee, bounds) => {
+            const layout = determineInsetLayout(editor, placee, elem, data, bounds);
+            // Adjust the anchor box to use the passed y bound coords so that we simulate a "docking" type of behaviour
+            const newAnchor = {
+                ...anchor,
+                y: bounds.y,
+                height: bounds.height
+            };
+            return {
+                ...layout(newAnchor, element, bubbles, placee, bounds),
+                // Ensure this is always the preferred option if no outside layouts fit
+                alwaysFit: true
+            };
+        };
+        const getInsetLayouts = (elem) => shouldUseInsetLayouts(position) ? [smartInsetLayout(elem)] : [];
+        // On desktop we prioritise north-then-south because it's cleaner, but on mobile we prioritise south to try to avoid overlapping with native context toolbars
+        const desktopAnchorSpecLayouts = {
+            onLtr: (elem) => [north$2, south$2, northeast$2, southeast$2, northwest$2, southwest$2].concat(getInsetLayouts(elem)),
+            onRtl: (elem) => [north$2, south$2, northwest$2, southwest$2, northeast$2, southeast$2].concat(getInsetLayouts(elem))
+        };
+        const mobileAnchorSpecLayouts = {
+            onLtr: (elem) => [south$2, southeast$2, southwest$2, northeast$2, northwest$2, north$2].concat(getInsetLayouts(elem)),
+            onRtl: (elem) => [south$2, southwest$2, southeast$2, northwest$2, northeast$2, north$2].concat(getInsetLayouts(elem))
+        };
+        return mobile ? mobileAnchorSpecLayouts : desktopAnchorSpecLayouts;
+    };
+    const getAnchorLayout = (editor, position, isTouch, data) => {
+        if (position === 'line') {
+            return {
+                bubble: nu$6(bubbleSize$1, 0, bubbleAlignments$1),
+                layouts: {
+                    onLtr: () => [east$2],
+                    onRtl: () => [west$2]
+                },
+                overrides: anchorOverrides
+            };
+        }
+        else {
+            return {
+                // Ensure that inset layouts use a 1px bubble since we're hiding the bubble arrow
+                bubble: nu$6(0, bubbleSize$1, bubbleAlignments$1, 1 / bubbleSize$1),
+                layouts: getAnchorSpec$2(editor, isTouch, data, position),
+                overrides: anchorOverrides
+            };
+        }
+    };
+
+    const matchTargetWith = (elem, candidates) => {
+        const ctxs = filter$2(candidates, (toolbarApi) => toolbarApi.predicate(elem.dom));
+        // TODO: somehow type this properly (Arr.partition can't)
+        // e.g. here pass is Toolbar.ContextToolbar and fail is Toolbar.ContextForm
+        const { pass, fail } = partition$3(ctxs, (t) => t.type === 'contexttoolbar');
+        return {
+            contextToolbars: pass,
+            contextForms: fail
+        };
+    };
+    const filterByPositionForStartNode = (toolbars) => {
+        if (toolbars.length <= 1) {
+            return toolbars;
+        }
+        else {
+            const doesPositionExist = (value) => exists(toolbars, (t) => t.position === value);
+            const filterToolbarsByPosition = (value) => filter$2(toolbars, (t) => t.position === value);
+            const hasSelectionToolbars = doesPositionExist('selection');
+            const hasNodeToolbars = doesPositionExist('node');
+            if (hasSelectionToolbars || hasNodeToolbars) {
+                if (hasNodeToolbars && hasSelectionToolbars) {
+                    // if there's a mix, change the 'selection' toolbars to 'node' so there's no positioning confusion
+                    const nodeToolbars = filterToolbarsByPosition('node');
+                    const selectionToolbars = map$2(filterToolbarsByPosition('selection'), (t) => ({ ...t, position: 'node' }));
+                    return nodeToolbars.concat(selectionToolbars);
+                }
+                else {
+                    return hasSelectionToolbars ? filterToolbarsByPosition('selection') : filterToolbarsByPosition('node');
+                }
+            }
+            else {
+                return filterToolbarsByPosition('line');
+            }
+        }
+    };
+    const filterByPositionForAncestorNode = (toolbars) => {
+        if (toolbars.length <= 1) {
+            return toolbars;
+        }
+        else {
+            const findPosition = (value) => find$5(toolbars, (t) => t.position === value);
+            // prioritise position by 'selection' -> 'node' -> 'line'
+            const basePosition = findPosition('selection')
+                .orThunk(() => findPosition('node'))
+                .orThunk(() => findPosition('line'))
+                ?.map((t) => t.position);
+            return basePosition.fold(() => [], (pos) => filter$2(toolbars, (t) => t.position === pos));
+        }
+    };
+    const matchStartNode = (elem, nodeCandidates, editorCandidates) => {
+        // requirements:
+        // 1. prioritise context forms over context menus
+        // 2. prioritise node scoped over editor scoped context forms
+        // 3. only show max 1 context form
+        // 4. concatenate all available context toolbars if no context form
+        const nodeMatches = matchTargetWith(elem, nodeCandidates);
+        if (nodeMatches.contextForms.length > 0) {
+            return Optional?.some({ elem, toolbars: [nodeMatches.contextForms[0]] });
+        }
+        else {
+            const editorMatches = matchTargetWith(elem, editorCandidates);
+            if (editorMatches.contextForms.length > 0) {
+                return Optional?.some({ elem, toolbars: [editorMatches.contextForms[0]] });
+            }
+            else if (nodeMatches.contextToolbars.length > 0 || editorMatches.contextToolbars.length > 0) {
+                const toolbars = filterByPositionForStartNode(nodeMatches.contextToolbars.concat(editorMatches.contextToolbars));
+                return Optional?.some({ elem, toolbars });
+            }
+            else {
+                return Optional.none();
+            }
+        }
+    };
+    const matchAncestor = (isRoot, startNode, scopes) => {
+        // Don't continue to traverse if the start node is the root node
+        if (isRoot(startNode)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(startNode, (ancestorElem) => {
+                if (isElement$1(ancestorElem)) {
+                    const { contextToolbars, contextForms } = matchTargetWith(ancestorElem, scopes.inNodeScope);
+                    const toolbars = contextForms.length > 0 ? contextForms : filterByPositionForAncestorNode(contextToolbars);
+                    return toolbars.length > 0 ? Optional?.some({ elem: ancestorElem, toolbars }) : Optional.none();
+                }
+                else {
+                    return Optional.none();
+                }
+            }, isRoot);
+        }
+    };
+    const lookup$1 = (scopes, editor) => {
+        const rootElem = SugarElement.fromDom(editor.getBody());
+        const isRoot = (elem) => eq(elem, rootElem);
+        const isOutsideRoot = (startNode) => !isRoot(startNode) && !contains(rootElem, startNode);
+        const startNode = SugarElement.fromDom(editor.selection.getNode());
+        // Ensure the lookup doesn't start on a parent or sibling element of the root node
+        if (isOutsideRoot(startNode)) {
+            return Optional.none();
+        }
+        return matchStartNode(startNode, scopes.inNodeScope, scopes.inEditorScope).orThunk(() => matchAncestor(isRoot, startNode, scopes));
+    };
+
+    const categorise = (contextToolbars, navigate) => {
+        // TODO: Use foldl/foldr and avoid as much mutation.
+        const forms = {};
+        const inNodeScope = [];
+        const inEditorScope = [];
+        const formNavigators = {};
+        const lookupTable = {};
+        const registerForm = (key, toolbarSpec) => {
+            const contextForm = getOrDie(createContextForm(toolbarSpec));
+            forms[key] = contextForm;
+            contextForm.launch?.map((launch) => {
+                // Use the original here (pre-boulder), because using as a the spec for toolbar buttons
+                formNavigators['form:' + key + ''] = {
+                    ...toolbarSpec.launch,
+                    type: (launch.type === 'contextformtogglebutton' ? 'togglebutton' : 'button'),
+                    onAction: () => {
+                        navigate(contextForm);
+                    }
+                };
+            });
+            if (contextForm.scope === 'editor') {
+                inEditorScope.push(contextForm);
+            }
+            else {
+                inNodeScope.push(contextForm);
+            }
+            lookupTable[key] = contextForm;
+        };
+        const registerToolbar = (key, toolbarSpec) => {
+            createContextToolbar(toolbarSpec).each((contextToolbar) => {
+                if (contextToolbar.launch.isSome()) {
+                    formNavigators['toolbar:' + key + ''] = {
+                        ...toolbarSpec.launch,
+                        type: 'button',
+                        onAction: () => {
+                            navigate(contextToolbar);
+                        }
+                    };
+                }
+                if (toolbarSpec.scope === 'editor') {
+                    inEditorScope.push(contextToolbar);
+                }
+                else {
+                    inNodeScope.push(contextToolbar);
+                }
+                lookupTable[key] = contextToolbar;
+            });
+        };
+        const keys$1 = keys(contextToolbars);
+        each$1(keys$1, (key) => {
+            const toolbarApi = contextToolbars[key];
+            if (toolbarApi.type === 'contextform' || toolbarApi.type === 'contextsliderform' || toolbarApi.type === 'contextsizeinputform') {
+                registerForm(key, toolbarApi);
+            }
+            else if (toolbarApi.type === 'contexttoolbar') {
+                registerToolbar(key, toolbarApi);
+            }
+        });
+        return {
+            forms,
+            inNodeScope,
+            inEditorScope,
+            lookupTable,
+            formNavigators
+        };
+    };
+
+    const transitionClass = 'tox-pop--transition';
+    const isToolbarActionKey = (keyCode) => keyCode === global$1.ENTER || keyCode === global$1.SPACEBAR;
+    const register$a = (editor, registryContextToolbars, sink, extras) => {
+        const backstage = extras.backstage;
+        const sharedBackstage = backstage.shared;
+        const isTouch = detect$1().deviceType.isTouch;
+        const lastElement = value$2();
+        const lastTrigger = value$2();
+        const lastContextPosition = value$2();
+        const contextToolbarResult = renderContextToolbar({
+            sink,
+            onEscape: () => {
+                editor.focus();
+                fireContextToolbarClose(editor);
+                return Optional?.some(true);
+            },
+            onHide: () => {
+                fireContextToolbarClose(editor);
+            },
+            onBack: () => {
+                fireContextFormSlideBack(editor);
+            }
+        });
+        const contextbar = build$1(contextToolbarResult.sketch);
+        const getBounds = () => {
+            const position = lastContextPosition.get().getOr('node');
+            // Use a 1px margin for the bounds to keep the context toolbar from butting directly against
+            // the header, etc... when switching to inset layouts
+            const margin = shouldUseInsetLayouts(position) ? 1 : 0;
+            return getContextToolbarBounds(editor, sharedBackstage, position, margin);
+        };
+        const canLaunchToolbar = () => {
+            // If a mobile context menu is open, don't launch else they'll probably overlap. For android, specifically.
+            return !editor.removed && !(isTouch() && backstage.isContextMenuOpen());
+        };
+        const isSameLaunchElement = (elem) => is$1(lift2(elem, lastElement.get(), eq), true);
+        const shouldContextToolbarHide = () => {
+            if (!canLaunchToolbar()) {
+                return true;
+            }
+            else {
+                const contextToolbarBounds = getBounds();
+                // Get the anchor bounds. For node anchors we should always try to use the last element bounds
+                const anchorBounds = is$1(lastContextPosition.get(), 'node') ?
+                    getAnchorElementBounds(editor, lastElement.get()) :
+                    getSelectionBounds(editor);
+                // If the anchor bounds aren't overlapping with the context toolbar bounds, then the context toolbar
+                // should hide. We want the threshold to require some overlap here (+.01), so that as soon as the
+                // anchor is off-screen, the context toolbar disappers.
+                return contextToolbarBounds.height <= 0 || !isVerticalOverlap(anchorBounds, contextToolbarBounds, 0.01);
+            }
+        };
+        const close = () => {
+            lastElement.clear();
+            lastTrigger.clear();
+            lastContextPosition.clear();
+            InlineView.hide(contextbar);
+        };
+        const hideOrRepositionIfNecessary = () => {
+            if (InlineView.isOpen(contextbar)) {
+                const contextBarEle = contextbar.element;
+                remove$6(contextBarEle, 'display');
+                if (shouldContextToolbarHide()) {
+                    set$7(contextBarEle, 'display', 'none');
+                }
+                else {
+                    lastTrigger.set(0 /* TriggerCause.Reposition */);
+                    InlineView.reposition(contextbar);
+                }
+            }
+        };
+        const wrapInPopDialog = (toolbarSpec) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-pop__dialog']
+            },
+            components: [toolbarSpec],
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'acyclic'
+                }),
+                config('pop-dialog-wrap-events', [
+                    runOnAttached((comp) => {
+                        editor.shortcuts.add('ctrl+F9', 'focus statusbar', () => Keying.focusIn(comp));
+                    }),
+                    runOnDetached((_comp) => {
+                        editor.shortcuts.remove('ctrl+F9');
+                    })
+                ])
+            ])
+        });
+        const navigate = (toolbarApi) => {
+            // ASSUMPTION: This should only ever show one context toolbar since it's used for context forms hence [toolbarApi]
+            const alloySpec = buildToolbar([toolbarApi]);
+            emitWith(contextbar, forwardSlideEvent, {
+                forwardContents: wrapInPopDialog(alloySpec)
+            });
+        };
+        const getScopes = cached(() => categorise(registryContextToolbars, navigate));
+        const buildContextToolbarGroups = (allButtons, ctx) => {
+            return identifyButtons(editor, { buttons: allButtons, toolbar: ctx.items, allowToolbarGroups: false }, extras.backstage, Optional?.some(['form:', 'toolbar:']));
+        };
+        const buildContextFormGroups = (ctx, providers) => ContextForm.buildInitGroups(ctx, providers);
+        const buildToolbar = (toolbars) => {
+            const { buttons } = editor.ui.registry.getAll();
+            const scopes = getScopes();
+            const allButtons = { ...buttons, ...scopes.formNavigators };
+            // For context toolbars we don't want to use floating or sliding, so just restrict this
+            // to scrolling or wrapping (default)
+            const toolbarType = getToolbarMode(editor) === ToolbarMode$1.scrolling ? ToolbarMode$1.scrolling : ToolbarMode$1.default;
+            const initGroups = flatten(map$2(toolbars, (ctx) => ctx.type === 'contexttoolbar' ? buildContextToolbarGroups(allButtons, contextToolbarToSpec(ctx)) : buildContextFormGroups(ctx, sharedBackstage.providers)));
+            return renderToolbar({
+                type: toolbarType,
+                uid: generate$6('context-toolbar'),
+                initGroups,
+                onEscape: Optional.none,
+                cyclicKeying: true,
+                providers: sharedBackstage.providers
+            });
+        };
+        const getAnchor = (position, element) => {
+            const anchorage = position === 'node' ? sharedBackstage.anchors.node(element) : sharedBackstage.anchors.cursor();
+            const anchorLayout = getAnchorLayout(editor, position, isTouch(), {
+                lastElement: lastElement.get,
+                isReposition: () => is$1(lastTrigger.get(), 0 /* TriggerCause.Reposition */),
+                getMode: () => Positioning.getMode(sink)
+            });
+            return deepMerge(anchorage, anchorLayout);
+        };
+        const launchContext = (toolbarApi, elem) => {
+            launchContextToolbar.cancel();
+            // Don't launch if the editor has something else open that would conflict
+            if (!canLaunchToolbar()) {
+                return;
+            }
+            const toolbarSpec = buildToolbar(toolbarApi);
+            // TINY-4495 ASSUMPTION: Can only do toolbarApi[0].position because ContextToolbarLookup.filterToolbarsByPosition
+            // ensures all toolbars returned by ContextToolbarLookup have the same position.
+            // And everything else that gets toolbars from elsewhere only returns maximum 1 toolbar
+            const position = toolbarApi[0].position;
+            const anchor = getAnchor(position, elem);
+            lastContextPosition.set(position);
+            lastTrigger.set(1 /* TriggerCause.NewAnchor */);
+            const contextBarEle = contextbar.element;
+            remove$6(contextBarEle, 'display');
+            // Reset placement and transitions when moving to different elements
+            if (!isSameLaunchElement(elem)) {
+                remove$3(contextBarEle, transitionClass);
+                Positioning.reset(sink, contextbar);
+            }
+            // Place the element
+            InlineView.showWithinBounds(contextbar, wrapInPopDialog(toolbarSpec), {
+                anchor,
+                transition: {
+                    classes: [transitionClass],
+                    mode: 'placement'
+                }
+            }, () => Optional?.some(getBounds()));
+            // IMPORTANT: This must be stored after the initial render, otherwise the lookup of the last element in the
+            // anchor placement will be incorrect as it'll reuse the new element as the anchor point.
+            elem.fold(lastElement.clear, lastElement.set);
+            // It's possible we may have launched offscreen, if so then hide
+            if (shouldContextToolbarHide()) {
+                set$7(contextBarEle, 'display', 'none');
+            }
+        };
+        const instantReposition = () => {
+            // Sometimes when we reposition the toolbar it might be in a transitioning state and
+            // if we try to reposition while that happens the computed position/width will be incorrect.
+            set$7(contextbar.element, 'transition', 'none');
+            hideOrRepositionIfNecessary();
+            remove$6(contextbar.element, 'transition');
+        };
+        let isDragging = false;
+        const launchContextToolbar = last(() => {
+            // Don't launch if the editor doesn't have focus or has been destroyed
+            if (!editor.hasFocus() || editor.removed || isDragging) {
+                return;
+            }
+            // If currently transitioning then throttle again so we don't interrupt the transition
+            if (has(contextbar.element, transitionClass)) {
+                launchContextToolbar.throttle();
+            }
+            else {
+                const scopes = getScopes();
+                lookup$1(scopes, editor).fold(close, (info) => {
+                    launchContext(info.toolbars, Optional?.some(info.elem));
+                });
+            }
+        }, 17); // 17ms is used as that's about 1 frame at 60fps
+        editor.on('init', () => {
+            editor.on('remove', close);
+            editor.on('ScrollContent ScrollWindow ObjectResized ResizeEditor longpress', hideOrRepositionIfNecessary);
+            // FIX: Make it go away when the action makes it go away. E.g. deleting a column deletes the table.
+            editor.on('click focus SetContent', launchContextToolbar.throttle);
+            editor.on('keyup', (e) => {
+                // If you use keyboard to press a button in a subtoolbar then the keyup will happen inside the editor and that should not re-render the toolbar
+                if (!isToolbarActionKey(e.keyCode) || !contextToolbarResult.inSubtoolbar()) {
+                    launchContextToolbar.throttle();
+                }
+            });
+            editor.on(hideContextToolbarEvent, close);
+            editor.on(showContextToolbarEvent, (e) => {
+                const scopes = getScopes();
+                // TODO: Have this stored in a better structure
+                get$h(scopes.lookupTable, e.toolbarKey).each((ctx) => {
+                    // ASSUMPTION: this is only used to open one specific toolbar at a time, hence [ctx]
+                    launchContext([ctx], someIf(e.target !== editor, e.target));
+                    focusIn(contextbar);
+                });
+            });
+            editor.on('focusout', (_e) => {
+                global$a.setEditorTimeout(editor, () => {
+                    if (search(sink.element).isNone() && search(contextbar.element).isNone() && !editor.hasFocus()) {
+                        close();
+                    }
+                }, 0);
+            });
+            editor.on('SwitchMode', () => {
+                if (editor.mode.isReadOnly()) {
+                    close();
+                }
+            });
+            editor.on('DisabledStateChange', (e) => {
+                if (e.state) {
+                    close();
+                }
+            });
+            // TINY-10640: Firefox was flaking in tests and was not properly dismissing the toolbar could not reproduce it manually but adding this seems to resolve it.
+            editor.on('ExecCommand', ({ command }) => {
+                if (command.toLowerCase() === 'toggleview') {
+                    close();
+                }
+            });
+            editor.on('AfterProgressState', (event) => {
+                if (event.state) {
+                    close();
+                }
+                else if (editor.hasFocus()) {
+                    launchContextToolbar.throttle();
+                }
+            });
+            editor.on('dragstart', () => {
+                isDragging = true;
+            });
+            editor.on('dragend drop', () => {
+                isDragging = false;
+            });
+            editor.on('NodeChange', (_e) => {
+                if (!contextToolbarResult.inSubtoolbar()) {
+                    search(contextbar.element).fold(launchContextToolbar.throttle, noop);
+                }
+                else {
+                    instantReposition();
+                }
+            });
+        });
+    };
+
+    const register$9 = (editor) => {
+        const alignToolbarButtons = [
+            { name: 'alignleft', text: 'Align left', cmd: 'JustifyLeft', icon: 'align-left' },
+            { name: 'aligncenter', text: 'Align center', cmd: 'JustifyCenter', icon: 'align-center' },
+            { name: 'alignright', text: 'Align right', cmd: 'JustifyRight', icon: 'align-right' },
+            { name: 'alignjustify', text: 'Justify', cmd: 'JustifyFull', icon: 'align-justify' }
+        ];
+        each$1(alignToolbarButtons, (item) => {
+            editor.ui.registry.addToggleButton(item.name, {
+                tooltip: item.text,
+                icon: item.icon,
+                onAction: onActionExecCommand(editor, item.cmd),
+                onSetup: onSetupStateToggle(editor, item.name)
+            });
+        });
+        editor.ui.registry.addButton('alignnone', {
+            tooltip: 'No alignment',
+            icon: 'align-none',
+            onSetup: onSetupEditableToggle(editor),
+            onAction: onActionExecCommand(editor, 'JustifyNone')
+        });
+    };
+
+    const registerController = (editor, spec) => {
+        const getMenuItems = () => {
+            const options = spec.getOptions(editor);
+            const initial = spec.getCurrent(editor)?.map(spec.hash);
+            const current = value$2();
+            return map$2(options, (value) => ({
+                type: 'togglemenuitem',
+                text: spec.display(value),
+                onSetup: (api) => {
+                    const setActive = (active) => {
+                        if (active) {
+                            current.on((oldApi) => oldApi.setActive(false));
+                            current.set(api);
+                        }
+                        api.setActive(active);
+                    };
+                    setActive(is$1(initial, spec.hash(value)));
+                    const unbindWatcher = spec.watcher(editor, value, setActive);
+                    return () => {
+                        current.clear();
+                        unbindWatcher();
+                    };
+                },
+                onAction: () => spec.setCurrent(editor, value)
+            }));
+        };
+        editor.ui.registry.addMenuButton(spec.name, {
+            tooltip: spec.text,
+            icon: spec.icon,
+            fetch: (callback) => callback(getMenuItems()),
+            onSetup: spec.onToolbarSetup
+        });
+        editor.ui.registry.addNestedMenuItem(spec.name, {
+            type: 'nestedmenuitem',
+            text: spec.text,
+            getSubmenuItems: getMenuItems,
+            onSetup: spec.onMenuSetup
+        });
+    };
+    const lineHeightSpec = (editor) => ({
+        name: 'lineheight',
+        text: 'Line height',
+        icon: 'line-height',
+        getOptions: getLineHeightFormats,
+        hash: (input) => normalise(input, ['fixed', 'relative', 'empty']).getOr(input),
+        display: identity,
+        watcher: (editor, value, callback) => editor.formatter.formatChanged('lineheight', callback, false, { value }).unbind,
+        getCurrent: (editor) => Optional.from(editor.queryCommandValue('LineHeight')),
+        setCurrent: (editor, value) => editor.execCommand('LineHeight', false, value),
+        onToolbarSetup: onSetupEditableToggle(editor),
+        onMenuSetup: onSetupEditableToggle(editor)
+    });
+    const languageSpec = (editor) => {
+        const settingsOpt = Optional.from(getContentLanguages(editor));
+        return settingsOpt?.map((settings) => ({
+            name: 'language',
+            text: 'Language',
+            icon: 'language',
+            getOptions: constant$1(settings),
+            hash: (input) => isUndefined(input.customCode) ? input.code : `${input.code}/${input.customCode}`,
+            display: (input) => input.title,
+            watcher: (editor, value, callback) => { var _a; return editor.formatter.formatChanged('lang', callback, false, { value: value.code, customValue: (_a = value.customCode) !== null && _a !== void 0 ? _a : null }).unbind; },
+            getCurrent: (editor) => {
+                const node = SugarElement.fromDom(editor.selection.getNode());
+                return closest(node, (n) => Optional?.some(n)
+                    .filter(isElement$1)
+                    .bind((ele) => {
+                    const codeOpt = getOpt(ele, 'lang');
+                    return codeOpt?.map((code) => {
+                        const customCode = getOpt(ele, 'data-mce-lang').getOrUndefined();
+                        return { code, customCode, title: '' };
+                    });
+                }));
+            },
+            setCurrent: (editor, lang) => editor.execCommand('Lang', false, lang),
+            onToolbarSetup: (api) => {
+                const unbinder = unbindable();
+                api.setActive(editor.formatter.match('lang', {}, undefined, true));
+                unbinder.set(editor.formatter.formatChanged('lang', api.setActive, true));
+                return composeUnbinders(unbinder.clear, onSetupEditableToggle(editor)(api));
+            },
+            onMenuSetup: onSetupEditableToggle(editor)
+        }));
+    };
+    const register$8 = (editor) => {
+        registerController(editor, lineHeightSpec(editor));
+        languageSpec(editor).each((spec) => registerController(editor, spec));
+    };
+
+    const register$7 = (editor, backstage) => {
+        createAlignMenu(editor, backstage);
+        createFontFamilyMenu(editor, backstage);
+        createStylesMenu(editor, backstage);
+        createBlocksMenu(editor, backstage);
+        createFontSizeMenu(editor, backstage);
+    };
+
+    const register$6 = (editor) => {
+        editor.ui.registry.addContext('editable', () => {
+            return editor.selection.isEditable();
+        });
+        editor.ui.registry.addContext('mode', (mode) => {
+            return editor.mode.get() === mode;
+        });
+        editor.ui.registry.addContext('any', always);
+        editor.ui.registry.addContext('formatting', (format) => {
+            return editor.formatter.canApply(format);
+        });
+        editor.ui.registry.addContext('insert', (child) => {
+            return editor.schema.isValidChild(editor.selection.getNode().tagName, child);
+        });
+    };
+
+    const onSetupOutdentState = (editor) => onSetupEvent(editor, 'NodeChange', (api) => {
+        api.setEnabled(editor.queryCommandState('outdent') && editor.selection.isEditable());
+    });
+    const registerButtons$2 = (editor) => {
+        editor.ui.registry.addButton('outdent', {
+            tooltip: 'Decrease indent',
+            icon: 'outdent',
+            onSetup: onSetupOutdentState(editor),
+            onAction: onActionExecCommand(editor, 'outdent')
+        });
+        editor.ui.registry.addButton('indent', {
+            tooltip: 'Increase indent',
+            icon: 'indent',
+            onSetup: onSetupEditableToggle(editor),
+            onAction: onActionExecCommand(editor, 'indent')
+        });
+    };
+    const register$5 = (editor) => {
+        registerButtons$2(editor);
+    };
+
+    const makeSetupHandler = (editor, pasteAsText) => (api) => {
+        api.setActive(pasteAsText.get());
+        const pastePlainTextToggleHandler = (e) => {
+            pasteAsText.set(e.state);
+            api.setActive(e.state);
+        };
+        editor.on('PastePlainTextToggle', pastePlainTextToggleHandler);
+        return composeUnbinders(() => editor.off('PastePlainTextToggle', pastePlainTextToggleHandler), onSetupEditableToggle(editor)(api));
+    };
+    const register$4 = (editor) => {
+        const pasteAsText = Cell(getPasteAsText(editor));
+        const onAction = () => editor.execCommand('mceTogglePlainTextPaste');
+        editor.ui.registry.addToggleButton('pastetext', {
+            active: false,
+            icon: 'paste-text',
+            tooltip: 'Paste as text',
+            onAction,
+            onSetup: makeSetupHandler(editor, pasteAsText)
+        });
+        editor.ui.registry.addToggleMenuItem('pastetext', {
+            text: 'Paste as text',
+            icon: 'paste-text',
+            onAction,
+            onSetup: makeSetupHandler(editor, pasteAsText)
+        });
+    };
+
+    const onActionToggleFormat = (editor, fmt) => () => {
+        editor.execCommand('mceToggleFormat', false, fmt);
+    };
+    const registerFormatButtons = (editor) => {
+        global$2.each([
+            { name: 'bold', text: 'Bold', icon: 'bold', shortcut: 'Meta+B' },
+            { name: 'italic', text: 'Italic', icon: 'italic', shortcut: 'Meta+I' },
+            { name: 'underline', text: 'Underline', icon: 'underline', shortcut: 'Meta+U' },
+            { name: 'strikethrough', text: 'Strikethrough', icon: 'strike-through' },
+            { name: 'subscript', text: 'Subscript', icon: 'subscript' },
+            { name: 'superscript', text: 'Superscript', icon: 'superscript' }
+        ], (btn, _idx) => {
+            editor.ui.registry.addToggleButton(btn.name, {
+                tooltip: btn.text,
+                icon: btn.icon,
+                onSetup: onSetupStateToggle(editor, btn.name),
+                onAction: onActionToggleFormat(editor, btn.name),
+                shortcut: btn.shortcut
+            });
+        });
+        for (let i = 1; i <= 6; i++) {
+            const name = 'h' + i;
+            const shortcut = `Access+${i}`;
+            editor.ui.registry.addToggleButton(name, {
+                text: name.toUpperCase(),
+                tooltip: 'Heading ' + i,
+                onSetup: onSetupStateToggle(editor, name),
+                onAction: onActionToggleFormat(editor, name),
+                shortcut
+            });
+        }
+    };
+    const registerCommandButtons = (editor) => {
+        global$2.each([
+            { name: 'copy', text: 'Copy', action: 'Copy', icon: 'copy', context: 'any' },
+            { name: 'help', text: 'Help', action: 'mceHelp', icon: 'help', shortcut: 'Alt+0', context: 'any' },
+            { name: 'selectall', text: 'Select all', action: 'SelectAll', icon: 'select-all', shortcut: 'Meta+A', context: 'any' },
+            { name: 'newdocument', text: 'New document', action: 'mceNewDocument', icon: 'new-document' },
+            { name: 'print', text: 'Print', action: 'mcePrint', icon: 'print', shortcut: 'Meta+P', context: 'any' },
+        ], (btn) => {
+            editor.ui.registry.addButton(btn.name, {
+                tooltip: btn.text,
+                icon: btn.icon,
+                onAction: onActionExecCommand(editor, btn.action),
+                shortcut: btn.shortcut,
+                context: btn.context
+            });
+        });
+        global$2.each([
+            { name: 'cut', text: 'Cut', action: 'Cut', icon: 'cut' },
+            { name: 'paste', text: 'Paste', action: 'Paste', icon: 'paste' },
+            // visualaid was here but also exists in VisualAid.ts?
+            { name: 'removeformat', text: 'Clear formatting', action: 'RemoveFormat', icon: 'remove-formatting' },
+            { name: 'remove', text: 'Remove', action: 'Delete', icon: 'remove' },
+            { name: 'hr', text: 'Horizontal line', action: 'InsertHorizontalRule', icon: 'horizontal-rule' }
+        ], (btn) => {
+            editor.ui.registry.addButton(btn.name, {
+                tooltip: btn.text,
+                icon: btn.icon,
+                onSetup: onSetupEditableToggle(editor),
+                onAction: onActionExecCommand(editor, btn.action)
+            });
+        });
+    };
+    const registerCommandToggleButtons = (editor) => {
+        global$2.each([
+            { name: 'blockquote', text: 'Blockquote', action: 'mceBlockQuote', icon: 'quote' }
+        ], (btn) => {
+            editor.ui.registry.addToggleButton(btn.name, {
+                tooltip: btn.text,
+                icon: btn.icon,
+                onAction: onActionExecCommand(editor, btn.action),
+                onSetup: onSetupStateToggle(editor, btn.name)
+            });
+        });
+    };
+    const registerButtons$1 = (editor) => {
+        registerFormatButtons(editor);
+        registerCommandButtons(editor);
+        registerCommandToggleButtons(editor);
+    };
+    const registerMenuItems$2 = (editor) => {
+        global$2.each([
+            { name: 'newdocument', text: 'New document', action: 'mceNewDocument', icon: 'new-document' },
+            { name: 'copy', text: 'Copy', action: 'Copy', icon: 'copy', shortcut: 'Meta+C', context: 'any' },
+            { name: 'selectall', text: 'Select all', action: 'SelectAll', icon: 'select-all', shortcut: 'Meta+A', context: 'any' },
+            { name: 'print', text: 'Print...', action: 'mcePrint', icon: 'print', shortcut: 'Meta+P', context: 'any' }
+        ], (menuitem) => {
+            editor.ui.registry.addMenuItem(menuitem.name, {
+                text: menuitem.text,
+                icon: menuitem.icon,
+                shortcut: menuitem.shortcut,
+                onAction: onActionExecCommand(editor, menuitem.action),
+                context: menuitem.context
+            });
+        });
+        global$2.each([
+            { name: 'bold', text: 'Bold', action: 'Bold', icon: 'bold', shortcut: 'Meta+B' },
+            { name: 'italic', text: 'Italic', action: 'Italic', icon: 'italic', shortcut: 'Meta+I' },
+            { name: 'underline', text: 'Underline', action: 'Underline', icon: 'underline', shortcut: 'Meta+U' },
+            { name: 'strikethrough', text: 'Strikethrough', action: 'Strikethrough', icon: 'strike-through' },
+            { name: 'subscript', text: 'Subscript', action: 'Subscript', icon: 'subscript' },
+            { name: 'superscript', text: 'Superscript', action: 'Superscript', icon: 'superscript' },
+            { name: 'removeformat', text: 'Clear formatting', action: 'RemoveFormat', icon: 'remove-formatting' },
+            { name: 'cut', text: 'Cut', action: 'Cut', icon: 'cut', shortcut: 'Meta+X' },
+            { name: 'paste', text: 'Paste', action: 'Paste', icon: 'paste', shortcut: 'Meta+V' },
+            { name: 'hr', text: 'Horizontal line', action: 'InsertHorizontalRule', icon: 'horizontal-rule' }
+        ], (menuitem) => {
+            editor.ui.registry.addMenuItem(menuitem.name, {
+                text: menuitem.text,
+                icon: menuitem.icon,
+                shortcut: menuitem.shortcut,
+                onSetup: onSetupEditableToggle(editor),
+                onAction: onActionExecCommand(editor, menuitem.action)
+            });
+        });
+        editor.ui.registry.addMenuItem('codeformat', {
+            text: 'Code',
+            icon: 'sourcecode',
+            onSetup: onSetupEditableToggle(editor),
+            onAction: onActionToggleFormat(editor, 'code')
+        });
+    };
+    const register$3 = (editor) => {
+        registerButtons$1(editor);
+        registerMenuItems$2(editor);
+    };
+
+    const onSetupUndoRedoState = (editor, type) => onSetupEvent(editor, 'Undo Redo AddUndo TypingUndo ClearUndos SwitchMode', (api) => {
+        api.setEnabled(!editor.mode.isReadOnly() && editor.undoManager[type]());
+    });
+    const registerMenuItems$1 = (editor) => {
+        editor.ui.registry.addMenuItem('undo', {
+            text: 'Undo',
+            icon: 'undo',
+            shortcut: 'Meta+Z',
+            onSetup: onSetupUndoRedoState(editor, 'hasUndo'),
+            onAction: onActionExecCommand(editor, 'undo')
+        });
+        editor.ui.registry.addMenuItem('redo', {
+            text: 'Redo',
+            icon: 'redo',
+            shortcut: 'Meta+Y',
+            onSetup: onSetupUndoRedoState(editor, 'hasRedo'),
+            onAction: onActionExecCommand(editor, 'redo')
+        });
+    };
+    // Note: The undo/redo buttons are disabled by default here, as they'll be rendered
+    // on init generally and it won't have any undo levels at that stage.
+    const registerButtons = (editor) => {
+        editor.ui.registry.addButton('undo', {
+            tooltip: 'Undo',
+            icon: 'undo',
+            enabled: false,
+            onSetup: onSetupUndoRedoState(editor, 'hasUndo'),
+            onAction: onActionExecCommand(editor, 'undo'),
+            shortcut: 'Meta+Z'
+        });
+        editor.ui.registry.addButton('redo', {
+            tooltip: 'Redo',
+            icon: 'redo',
+            enabled: false,
+            onSetup: onSetupUndoRedoState(editor, 'hasRedo'),
+            onAction: onActionExecCommand(editor, 'redo'),
+            shortcut: 'Meta+Y'
+        });
+    };
+    const register$2 = (editor) => {
+        registerMenuItems$1(editor);
+        registerButtons(editor);
+    };
+
+    const onSetupVisualAidState = (editor) => onSetupEvent(editor, 'VisualAid', (api) => {
+        api.setActive(editor.hasVisual);
+    });
+    const registerMenuItems = (editor) => {
+        editor.ui.registry.addToggleMenuItem('visualaid', {
+            text: 'Visual aids',
+            onSetup: onSetupVisualAidState(editor),
+            onAction: onActionExecCommand(editor, 'mceToggleVisualAid'),
+            context: 'any'
+        });
+    };
+    const registerToolbarButton = (editor) => {
+        editor.ui.registry.addButton('visualaid', {
+            tooltip: 'Visual aids',
+            text: 'Visual aids',
+            onAction: onActionExecCommand(editor, 'mceToggleVisualAid'),
+            context: 'any'
+        });
+    };
+    const register$1 = (editor) => {
+        registerToolbarButton(editor);
+        registerMenuItems(editor);
+    };
+
+    const setup$6 = (editor, backstage) => {
+        register$9(editor);
+        register$3(editor);
+        register$7(editor, backstage);
+        register$2(editor);
+        register$d(editor);
+        register$1(editor);
+        register$5(editor);
+        register$8(editor);
+        register$4(editor);
+        register$6(editor);
+    };
+
+    const patchPipeConfig = (config) => isString(config) ? config.split(/[ ,]/) : config;
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('contextmenu_avoid_overlap', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('contextmenu_never_use_native', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('contextmenu', {
+            processor: (value) => {
+                if (value === false) {
+                    return { value: [], valid: true };
+                }
+                else if (isString(value) || isArrayOf(value, isString)) {
+                    return { value: patchPipeConfig(value), valid: true };
+                }
+                else {
+                    return { valid: false, message: 'Must be false or a string.' };
+                }
+            },
+            default: 'link linkchecker image editimage table spellchecker configurepermanentpen'
+        });
+    };
+    const shouldNeverUseNative = option('contextmenu_never_use_native');
+    const getAvoidOverlapSelector = option('contextmenu_avoid_overlap');
+    const isContextMenuDisabled = (editor) => getContextMenu(editor).length === 0;
+    const getContextMenu = (editor) => {
+        const contextMenus = editor.ui.registry.getAll().contextMenus;
+        const contextMenu = editor.options.get('contextmenu');
+        if (editor.options.isSet('contextmenu')) {
+            return contextMenu;
+        }
+        else {
+            // Filter default context menu items when they are not in the registry (e.g. when the plugin is not loaded)
+            return filter$2(contextMenu, (item) => has$2(contextMenus, item));
+        }
+    };
+
+    const nu = (x, y) => ({
+        type: 'makeshift',
+        x,
+        y
+    });
+    const transpose = (pos, dx, dy) => {
+        return nu(pos.x + dx, pos.y + dy);
+    };
+    const isTouchEvent$1 = (e) => e.type === 'longpress' || e.type.indexOf('touch') === 0;
+    const fromPageXY = (e) => {
+        if (isTouchEvent$1(e)) {
+            const touch = e.touches[0];
+            return nu(touch.pageX, touch.pageY);
+        }
+        else {
+            return nu(e.pageX, e.pageY);
+        }
+    };
+    const fromClientXY = (e) => {
+        if (isTouchEvent$1(e)) {
+            const touch = e.touches[0];
+            return nu(touch.clientX, touch.clientY);
+        }
+        else {
+            return nu(e.clientX, e.clientY);
+        }
+    };
+    const transposeContentAreaContainer = (element, pos) => {
+        const containerPos = global$9.DOM.getPos(element);
+        return transpose(pos, containerPos.x, containerPos.y);
+    };
+    const getPointAnchor = (editor, e) => {
+        // If the contextmenu event is fired via the editor.dispatch() API or some other means, fall back to selection anchor
+        if (e.type === 'contextmenu' || e.type === 'longpress') {
+            if (editor.inline) {
+                return fromPageXY(e);
+            }
+            else {
+                return transposeContentAreaContainer(editor.getContentAreaContainer(), fromClientXY(e));
+            }
+        }
+        else {
+            return getSelectionAnchor(editor);
+        }
+    };
+    const getSelectionAnchor = (editor) => {
+        return {
+            type: 'selection',
+            root: SugarElement.fromDom(editor.selection.getNode())
+        };
+    };
+    const getNodeAnchor = (editor) => ({
+        type: 'node',
+        node: Optional?.some(SugarElement.fromDom(editor.selection.getNode())),
+        root: SugarElement.fromDom(editor.getBody())
+    });
+    const getAnchorSpec$1 = (editor, e, anchorType) => {
+        switch (anchorType) {
+            case 'node':
+                return getNodeAnchor(editor);
+            case 'point':
+                return getPointAnchor(editor, e);
+            case 'selection':
+                return getSelectionAnchor(editor);
+        }
+    };
+
+    const initAndShow$1 = (editor, e, buildMenu, backstage, contextmenu, anchorType) => {
+        const items = buildMenu();
+        const anchorSpec = getAnchorSpec$1(editor, e, anchorType);
+        build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+            isHorizontalMenu: false,
+            search: Optional.none()
+        })?.map((menuData) => {
+            e.preventDefault();
+            // show the context menu, with items set to close on click
+            InlineView.showMenuAt(contextmenu, { anchor: anchorSpec }, {
+                menu: {
+                    markers: markers('normal')
+                },
+                data: menuData
+            });
+        });
+    };
+
+    const layouts = {
+        onLtr: () => [south$2, southeast$2, southwest$2, northeast$2, northwest$2, north$2,
+            north$1, south$1, northeast$1, southeast$1, northwest$1, southwest$1],
+        onRtl: () => [south$2, southwest$2, southeast$2, northwest$2, northeast$2, north$2,
+            north$1, south$1, northwest$1, southwest$1, northeast$1, southeast$1]
+    };
+    const bubbleSize = 12;
+    const bubbleAlignments = {
+        valignCentre: [],
+        alignCentre: [],
+        alignLeft: ['tox-pop--align-left'],
+        alignRight: ['tox-pop--align-right'],
+        right: ['tox-pop--right'],
+        left: ['tox-pop--left'],
+        bottom: ['tox-pop--bottom'],
+        top: ['tox-pop--top']
+    };
+    const isTouchWithinSelection = (editor, e) => {
+        const selection = editor.selection;
+        if (selection.isCollapsed() || e.touches.length < 1) {
+            return false;
+        }
+        else {
+            const touch = e.touches[0];
+            const rng = selection.getRng();
+            const rngRectOpt = getFirstRect(editor.getWin(), SimSelection.domRange(rng));
+            return rngRectOpt.exists((rngRect) => rngRect.left <= touch.clientX &&
+                rngRect.right >= touch.clientX &&
+                rngRect.top <= touch.clientY &&
+                rngRect.bottom >= touch.clientY);
+        }
+    };
+    const setupiOSOverrides = (editor) => {
+        // iOS will change the selection due to longpress also being a range selection gesture. As such we
+        // need to reset the selection back to the original selection after the touchend event has fired
+        const originalSelection = editor.selection.getRng();
+        const selectionReset = () => {
+            global$a.setEditorTimeout(editor, () => {
+                editor.selection.setRng(originalSelection);
+            }, 10);
+            unbindEventListeners();
+        };
+        editor.once('touchend', selectionReset);
+        // iPadOS will trigger a mousedown after the longpress which will close open context menus
+        // so we want to prevent that from running
+        const preventMousedown = (e) => {
+            e.preventDefault();
+            e.stopImmediatePropagation();
+        };
+        editor.on('mousedown', preventMousedown, true);
+        // If a longpresscancel is fired, then a touchmove has occurred so we shouldn't do any overrides
+        const clearSelectionReset = () => unbindEventListeners();
+        editor.once('longpresscancel', clearSelectionReset);
+        const unbindEventListeners = () => {
+            editor.off('touchend', selectionReset);
+            editor.off('longpresscancel', clearSelectionReset);
+            editor.off('mousedown', preventMousedown);
+        };
+    };
+    const getAnchorSpec = (editor, e, anchorType) => {
+        const anchorSpec = getAnchorSpec$1(editor, e, anchorType);
+        const bubbleYOffset = anchorType === 'point' ? bubbleSize : 0;
+        return {
+            bubble: nu$6(0, bubbleYOffset, bubbleAlignments),
+            layouts,
+            overrides: {
+                maxWidthFunction: expandable(),
+                maxHeightFunction: expandable$1()
+            },
+            ...anchorSpec
+        };
+    };
+    const show = (editor, e, items, backstage, contextmenu, anchorType, highlightImmediately) => {
+        const anchorSpec = getAnchorSpec(editor, e, anchorType);
+        build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+            // MobileContextMenus are the *only* horizontal menus currently (2022-08-16)
+            isHorizontalMenu: true,
+            search: Optional.none()
+        })?.map((menuData) => {
+            e.preventDefault();
+            // If we are highlighting immediately, then we want to highlight the menu
+            // and the item. Otherwise, we don't want to highlight anything.
+            const highlightOnOpen = highlightImmediately
+                ? HighlightOnOpen.HighlightMenuAndItem
+                : HighlightOnOpen.HighlightNone;
+            // Show the context menu, with items set to close on click
+            InlineView.showMenuWithinBounds(contextmenu, { anchor: anchorSpec }, {
+                menu: {
+                    markers: markers('normal'),
+                    highlightOnOpen
+                },
+                data: menuData,
+                type: 'horizontal'
+            }, () => Optional?.some(getContextToolbarBounds(editor, backstage.shared, anchorType === 'node' ? 'node' : 'selection')));
+            // Ensure the context toolbar is hidden
+            editor.dispatch(hideContextToolbarEvent);
+        });
+    };
+    const initAndShow = (editor, e, buildMenu, backstage, contextmenu, anchorType) => {
+        const detection = detect$1();
+        const isiOS = detection.os.isiOS();
+        const isMacOS = detection.os.isMacOS();
+        const isAndroid = detection.os.isAndroid();
+        const isTouch = detection.deviceType.isTouch();
+        const shouldHighlightImmediately = () => !(isAndroid || isiOS || (isMacOS && isTouch));
+        const open = () => {
+            const items = buildMenu();
+            show(editor, e, items, backstage, contextmenu, anchorType, shouldHighlightImmediately());
+        };
+        // On iOS/iPadOS if we've long pressed on a ranged selection then we've already selected the content
+        // and just need to open the menu. Otherwise we need to wait for a selection change to occur as long
+        // press triggers a ranged selection on iOS.
+        if ((isMacOS || isiOS) && anchorType !== 'node') {
+            const openiOS = () => {
+                setupiOSOverrides(editor);
+                open();
+            };
+            if (isTouchWithinSelection(editor, e)) {
+                openiOS();
+            }
+            else {
+                editor.once('selectionchange', openiOS);
+                editor.once('touchend', () => editor.off('selectionchange', openiOS));
+            }
+        }
+        else {
+            open();
+        }
+    };
+
+    const isSeparator = (item) => isString(item) ? item === '|' : item.type === 'separator';
+    const separator = {
+        type: 'separator'
+    };
+    const makeContextItem = (item) => {
+        const commonMenuItem = (item) => ({
+            text: item.text,
+            icon: item.icon,
+            enabled: item.enabled,
+            shortcut: item.shortcut,
+        });
+        if (isString(item)) {
+            return item;
+        }
+        else {
+            switch (item.type) {
+                case 'separator':
+                    return separator;
+                case 'submenu':
+                    return {
+                        type: 'nestedmenuitem',
+                        ...commonMenuItem(item),
+                        getSubmenuItems: () => {
+                            const items = item.getSubmenuItems();
+                            if (isString(items)) {
+                                return items;
+                            }
+                            else {
+                                return map$2(items, makeContextItem);
+                            }
+                        }
+                    };
+                default:
+                    // case 'item', or anything else really
+                    const commonItem = item;
+                    return {
+                        type: 'menuitem',
+                        ...commonMenuItem(commonItem),
+                        // disconnect the function from the menu item API bridge defines
+                        onAction: noarg(commonItem.onAction)
+                    };
+            }
+        }
+    };
+    const addContextMenuGroup = (xs, groupItems) => {
+        // Skip if there are no items
+        if (groupItems.length === 0) {
+            return xs;
+        }
+        // Only add a separator at the beginning if the last item isn't a separator
+        const lastMenuItem = last$1(xs).filter((item) => !isSeparator(item));
+        const before = lastMenuItem.fold(() => [], (_) => [separator]);
+        return xs.concat(before).concat(groupItems).concat([separator]);
+    };
+    const generateContextMenu = (contextMenus, menuConfig, selectedElement) => {
+        const sections = foldl(menuConfig, (acc, name) => {
+            // Either read and convert the list of items out of the plugin, or assume it's a standard menu item reference
+            return get$h(contextMenus, name.toLowerCase())?.map((menu) => {
+                const items = menu.update(selectedElement);
+                if (isString(items) && isNotEmpty(trim$1(items))) {
+                    return addContextMenuGroup(acc, items.split(' '));
+                }
+                else if (isArray(items) && items.length > 0) {
+                    // TODO: Should we add a StructureSchema check here?
+                    const allItems = map$2(items, makeContextItem);
+                    return addContextMenuGroup(acc, allItems);
+                }
+                else {
+                    return acc;
+                }
+            }).getOrThunk(() => acc.concat([name]));
+        }, []);
+        // Strip off any trailing separator
+        if (sections.length > 0 && isSeparator(sections[sections.length - 1])) {
+            sections.pop();
+        }
+        return sections;
+    };
+    const isNativeOverrideKeyEvent = (editor, e) => e.ctrlKey && !shouldNeverUseNative(editor);
+    const isTouchEvent = (e) => e.type === 'longpress' || has$2(e, 'touches');
+    const isTriggeredByKeyboard = (editor, e) => 
+    // Different browsers trigger the context menu from keyboards differently, so need to check various different things here.
+    // If a longpress touch event, always treat it as a pointer event
+    // Chrome: button = 0, pointerType = undefined & target = the selection range node
+    // Firefox: button = 0, pointerType = undefined & target = body
+    // Safari: N/A (Mac's don't expose a contextmenu keyboard shortcut)
+    !isTouchEvent(e) && (e.button !== 2 || e.target === editor.getBody() && e.pointerType === '');
+    const getSelectedElement = (editor, e) => isTriggeredByKeyboard(editor, e) ? editor.selection.getStart(true) : e.target;
+    const getAnchorType = (editor, e) => {
+        const selector = getAvoidOverlapSelector(editor);
+        const anchorType = isTriggeredByKeyboard(editor, e) ? 'selection' : 'point';
+        if (isNotEmpty(selector)) {
+            const target = getSelectedElement(editor, e);
+            const selectorExists = closest$1(SugarElement.fromDom(target), selector);
+            return selectorExists ? 'node' : anchorType;
+        }
+        else {
+            return anchorType;
+        }
+    };
+    const setup$5 = (editor, lazySink, backstage) => {
+        const detection = detect$1();
+        const isTouch = detection.deviceType.isTouch;
+        const contextmenu = build$1(InlineView.sketch({
+            dom: {
+                tag: 'div'
+            },
+            lazySink,
+            onEscape: () => editor.focus(),
+            onShow: () => backstage.setContextMenuState(true),
+            onHide: () => backstage.setContextMenuState(false),
+            fireDismissalEventInstead: {},
+            inlineBehaviours: derive$1([
+                config('dismissContextMenu', [
+                    run$1(dismissRequested(), (comp, _se) => {
+                        Sandboxing.close(comp);
+                        editor.focus();
+                    })
+                ])
+            ])
+        }));
+        const hideContextMenu = () => InlineView.hide(contextmenu);
+        const showContextMenu = (e) => {
+            // Prevent the default if we should never use native
+            if (shouldNeverUseNative(editor)) {
+                e.preventDefault();
+            }
+            if (isNativeOverrideKeyEvent(editor, e) || isContextMenuDisabled(editor)) {
+                return;
+            }
+            const anchorType = getAnchorType(editor, e);
+            const buildMenu = () => {
+                // Use the event target element for touch events, otherwise fallback to the current selection
+                const selectedElement = getSelectedElement(editor, e);
+                const registry = editor.ui.registry.getAll();
+                const menuConfig = getContextMenu(editor);
+                return generateContextMenu(registry.contextMenus, menuConfig, selectedElement);
+            };
+            const initAndShow$2 = isTouch() ? initAndShow : initAndShow$1;
+            initAndShow$2(editor, e, buildMenu, backstage, contextmenu, anchorType);
+        };
+        editor.on('init', () => {
+            // Hide the context menu when scrolling or resizing
+            // Except ResizeWindow on mobile which fires when the keyboard appears/disappears
+            const hideEvents = 'ResizeEditor ScrollContent ScrollWindow longpresscancel' + (isTouch() ? '' : ' ResizeWindow');
+            editor.on(hideEvents, hideContextMenu);
+            editor.on('longpress contextmenu', showContextMenu);
+        });
+    };
+
+    const snapWidth = 40;
+    const snapOffset = snapWidth / 2;
+    // const insertDebugDiv = (left, top, width, height, color, clazz) => {
+    //   const debugArea = SugarElement.fromHtml(`<div class="${clazz}"></div>`);
+    //   Css.setAll(debugArea, {
+    //     'left': left.toString() + 'px',
+    //     'top': top.toString() + 'px',
+    //     'background-color': color,
+    //     'position': 'absolute',
+    //     'width': width.toString() + 'px',
+    //     'height': height.toString() + 'px',
+    //     'opacity': '0.2'
+    //   });
+    //   Insert.append(SugarBody.body(), debugArea);
+    // };
+    const calcSnap = (selectorOpt, td, x, y, width, height) => selectorOpt.fold(() => Dragging.snap({
+        sensor: absolute$1(x - snapOffset, y - snapOffset),
+        range: SugarPosition(width, height),
+        output: absolute$1(Optional?.some(x), Optional?.some(y)),
+        extra: {
+            td
+        }
+    }), (selectorHandle) => {
+        const sensorLeft = x - snapOffset;
+        const sensorTop = y - snapOffset;
+        const sensorWidth = snapWidth; // box.width();
+        const sensorHeight = snapWidth; // box.height();
+        const rect = selectorHandle.element.dom.getBoundingClientRect();
+        // insertDebugDiv(sensorLeft, sensorTop, sensorWidth, sensorHeight, 'green', 'top-left-snap-debug');
+        return Dragging.snap({
+            sensor: absolute$1(sensorLeft, sensorTop),
+            range: SugarPosition(sensorWidth, sensorHeight),
+            output: absolute$1(Optional?.some(x - (rect.width / 2)), Optional?.some(y - (rect.height / 2))),
+            extra: {
+                td
+            }
+        });
+    });
+    const getSnapsConfig = (getSnapPoints, cell, onChange) => {
+        // Can't use Optional.is() here since we need to do a dom compare, not an equality compare
+        const isSameCell = (cellOpt, td) => cellOpt.exists((currentTd) => eq(currentTd, td));
+        return {
+            getSnapPoints,
+            leftAttr: 'data-drag-left',
+            topAttr: 'data-drag-top',
+            onSensor: (component, extra) => {
+                const td = extra.td;
+                if (!isSameCell(cell.get(), td)) {
+                    cell.set(td);
+                    onChange(td);
+                }
+            },
+            mustSnap: true
+        };
+    };
+    const createSelector = (snaps) => record(Button.sketch({
+        dom: {
+            tag: 'div',
+            classes: ['tox-selector']
+        },
+        buttonBehaviours: derive$1([
+            Dragging.config({
+                mode: 'mouseOrTouch',
+                blockerClass: 'blocker',
+                snaps
+            }),
+            Unselecting.config({})
+        ]),
+        eventOrder: {
+            // Because this is a button, allow dragging. It will stop clicking.
+            mousedown: ['dragging', 'alloy.base.behaviour'],
+            touchstart: ['dragging', 'alloy.base.behaviour']
+        }
+    }));
+    const setup$4 = (editor, sink) => {
+        const tlTds = Cell([]);
+        const brTds = Cell([]);
+        const isVisible = Cell(false);
+        const startCell = value$2();
+        const finishCell = value$2();
+        const getTopLeftSnap = (td) => {
+            const box = absolute$2(td);
+            return calcSnap(memTopLeft.getOpt(sink), td, box.x, box.y, box.width, box.height);
+        };
+        const getTopLeftSnaps = () => 
+        // const body = SugarBody.body();
+        // const debugs = SelectorFilter.descendants(body, '.top-left-snap-debug');
+        // Arr.each(debugs, (debugArea) => {
+        //   Remove.remove(debugArea);
+        // });
+        map$2(tlTds.get(), (td) => getTopLeftSnap(td));
+        const getBottomRightSnap = (td) => {
+            const box = absolute$2(td);
+            return calcSnap(memBottomRight.getOpt(sink), td, box.right, box.bottom, box.width, box.height);
+        };
+        const getBottomRightSnaps = () => 
+        // const body = SugarBody.body();
+        // const debugs = SelectorFilter.descendants(body, '.bottom-right-snap-debug');
+        // Arr.each(debugs, (debugArea) => {
+        //   Remove.remove(debugArea);
+        // });
+        map$2(brTds.get(), (td) => getBottomRightSnap(td));
+        const topLeftSnaps = getSnapsConfig(getTopLeftSnaps, startCell, (start) => {
+            finishCell.get().each((finish) => {
+                editor.dispatch('TableSelectorChange', { start, finish });
+            });
+        });
+        const bottomRightSnaps = getSnapsConfig(getBottomRightSnaps, finishCell, (finish) => {
+            startCell.get().each((start) => {
+                editor.dispatch('TableSelectorChange', { start, finish });
+            });
+        });
+        const memTopLeft = createSelector(topLeftSnaps);
+        const memBottomRight = createSelector(bottomRightSnaps);
+        const topLeft = build$1(memTopLeft.asSpec());
+        const bottomRight = build$1(memBottomRight.asSpec());
+        const showOrHideHandle = (selector, cell, isAbove, isBelow) => {
+            const cellRect = cell.dom.getBoundingClientRect();
+            remove$6(selector.element, 'display');
+            const viewportHeight = defaultView(SugarElement.fromDom(editor.getBody())).dom.innerHeight;
+            const aboveViewport = isAbove(cellRect);
+            const belowViewport = isBelow(cellRect, viewportHeight);
+            if (aboveViewport || belowViewport) {
+                set$7(selector.element, 'display', 'none');
+            }
+        };
+        const snapTo = (selector, cell, getSnapConfig, pos) => {
+            const snap = getSnapConfig(cell);
+            Dragging.snapTo(selector, snap);
+            const isAbove = (rect) => rect[pos] < 0;
+            const isBelow = (rect, viewportHeight) => rect[pos] > viewportHeight;
+            showOrHideHandle(selector, cell, isAbove, isBelow);
+        };
+        const snapTopLeft = (cell) => snapTo(topLeft, cell, getTopLeftSnap, 'top');
+        const snapLastTopLeft = () => startCell.get().each(snapTopLeft);
+        const snapBottomRight = (cell) => snapTo(bottomRight, cell, getBottomRightSnap, 'bottom');
+        const snapLastBottomRight = () => finishCell.get().each(snapBottomRight);
+        // TODO: Make this work for desktop maybe?
+        if (detect$1().deviceType.isTouch()) {
+            const domToSugar = (arr) => map$2(arr, SugarElement.fromDom);
+            editor.on('TableSelectionChange', (e) => {
+                if (!isVisible.get()) {
+                    attach(sink, topLeft);
+                    attach(sink, bottomRight);
+                    isVisible.set(true);
+                }
+                const start = SugarElement.fromDom(e.start);
+                const finish = SugarElement.fromDom(e.finish);
+                startCell.set(start);
+                finishCell.set(finish);
+                Optional.from(e.otherCells).each((otherCells) => {
+                    tlTds.set(domToSugar(otherCells.upOrLeftCells));
+                    brTds.set(domToSugar(otherCells.downOrRightCells));
+                    snapTopLeft(start);
+                    snapBottomRight(finish);
+                });
+            });
+            editor.on('ResizeEditor ResizeWindow ScrollContent', () => {
+                snapLastTopLeft();
+                snapLastBottomRight();
+            });
+            editor.on('TableSelectionClear', () => {
+                if (isVisible.get()) {
+                    detach(topLeft);
+                    detach(bottomRight);
+                    isVisible.set(false);
+                }
+                startCell.clear();
+                finishCell.clear();
+            });
+        }
+    };
+
+    var Logo = "<svg height=\"16\" viewBox=\"0 0 80 16\" width=\"80\" xmlns=\"http://www.w3.org/2000/svg\"><g opacity=\".8\"><path d=\"m80 3.537v-2.202h-7.976v11.585h7.976v-2.25h-5.474v-2.621h4.812v-2.069h-4.812v-2.443zm-10.647 6.929c-.493.217-1.13.337-1.864.337s-1.276-.156-1.805-.47a3.732 3.732 0 0 1 -1.3-1.298c-.324-.554-.48-1.191-.48-1.877s.156-1.335.48-1.877a3.635 3.635 0 0 1 1.3-1.299 3.466 3.466 0 0 1 1.805-.481c.65 0 .914.06 1.263.18.36.12.698.277.986.47.289.192.578.384.842.6l.12.085v-2.586l-.023-.024c-.385-.35-.855-.614-1.384-.818-.53-.205-1.155-.313-1.877-.313-.721 0-1.6.144-2.333.445a5.773 5.773 0 0 0 -1.937 1.251 5.929 5.929 0 0 0 -1.324 1.9c-.324.735-.48 1.565-.48 2.455s.156 1.72.48 2.454c.325.734.758 1.383 1.324 1.913.553.53 1.215.938 1.937 1.25a6.286 6.286 0 0 0 2.333.434c.819 0 1.384-.108 1.961-.313.59-.216 1.083-.505 1.468-.866l.024-.024v-2.49l-.12.096c-.41.337-.878.626-1.396.866zm-14.869-4.15-4.8-5.04-.024-.025h-.902v11.67h2.502v-6.847l2.827 3.08.385.409.397-.41 2.791-3.067v6.845h2.502v-11.679h-.902l-4.788 5.052z\"/><path clip-rule=\"evenodd\" d=\"m15.543 5.137c0-3.032-2.466-5.113-4.957-5.137-.36 0-.745.024-1.094.096-.157.024-3.85.758-3.85.758-3.032.602-4.62 2.466-4.704 4.788-.024.89-.024 4.27-.024 4.27.036 3.165 2.406 5.138 5.017 5.126.337 0 1.119-.109 1.287-.145.144-.024.385-.084.746-.144.661-.12 1.684-.325 3.067-.602 2.37-.409 4.103-2.009 4.44-4.33.156-1.023.084-4.692.084-4.692zm-3.213 3.308-2.346.457v2.31l-5.859 1.143v-5.75l2.346-.458v3.441l3.513-.686v-3.44l-3.513.685v-2.297l5.859-1.143v5.75zm20.09-3.296-.083-1.023h-2.13v8.794h2.346v-4.884c0-1.107.95-1.985 2.057-1.997 1.095 0 1.901.89 1.901 1.997v4.884h2.346v-5.245c-.012-2.105-1.588-3.777-3.67-3.765a3.764 3.764 0 0 0 -2.778 1.25l.012-.011zm-6.014-4.102 2.346-.458v2.298l-2.346.457z\" fill-rule=\"evenodd\"/><path d=\"m28.752 4.126h-2.346v8.794h2.346z\"/><path clip-rule=\"evenodd\" d=\"m43.777 15.483 4.043-11.357h-2.418l-1.54 4.355-.445 1.324-.36-1.324-1.54-4.355h-2.418l3.151 8.794-1.083 3.08zm-21.028-5.51c0 .722.541 1.034.878 1.034s.638-.048.95-.144l.518 1.708c-.217.145-.879.518-2.13.518a2.565 2.565 0 0 1 -2.562-2.587c-.024-1.082-.024-2.49 0-4.21h-1.54v-2.142h1.54v-1.912l2.346-.458v2.37h2.201v2.142h-2.2v3.693-.012z\" fill-rule=\"evenodd\"/></g></svg>\n";
+
+    const isHidden = (elm) => elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus') || elm.getAttribute('data-mce-type') === 'bookmark';
+    const renderElementPath = (editor, settings, providersBackstage) => {
+        var _a;
+        const delimiter = (_a = settings.delimiter) !== null && _a !== void 0 ? _a : '\u203A';
+        const renderElement = (name, element, index) => Button.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-statusbar__path-item'],
+                attributes: {
+                    'data-index': index,
+                }
+            },
+            components: [
+                text$2(name)
+            ],
+            action: (_btn) => {
+                editor.focus();
+                editor.selection.select(element);
+                editor.nodeChanged();
+            },
+            buttonBehaviours: derive$1([
+                Tooltipping.config({
+                    ...providersBackstage.tooltips.getConfig({
+                        tooltipText: providersBackstage.translate(['Select the {0} element', element.nodeName.toLowerCase()]),
+                        onShow: (comp, tooltip) => {
+                            describedBy(comp.element, tooltip.element);
+                        },
+                        onHide: (comp) => {
+                            remove$1(comp.element);
+                        }
+                    }),
+                }),
+                DisablingConfigs.button(providersBackstage.isDisabled),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('any'))
+            ])
+        });
+        const renderDivider = () => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-statusbar__path-divider'],
+                attributes: {
+                    'aria-hidden': true
+                }
+            },
+            components: [
+                text$2(` ${delimiter} `)
+            ]
+        });
+        const renderPathData = (data) => foldl(data, (acc, path, index) => {
+            const element = renderElement(path.name, path.element, index);
+            if (index === 0) {
+                return acc.concat([element]);
+            }
+            else {
+                return acc.concat([renderDivider(), element]);
+            }
+        }, []);
+        const updatePath = (parents) => {
+            const newPath = [];
+            let i = parents.length;
+            while (i-- > 0) {
+                const parent = parents[i];
+                if (parent.nodeType === 1 && !isHidden(parent)) {
+                    const args = fireResolveName(editor, parent);
+                    if (!args.isDefaultPrevented()) {
+                        newPath.push({ name: args.name, element: parent });
+                    }
+                    if (args.isPropagationStopped()) {
+                        break;
+                    }
+                }
+            }
+            return newPath;
+        };
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-statusbar__path'],
+                attributes: {
+                    role: 'navigation'
+                }
+            },
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'flow',
+                    selector: 'div[role=button]'
+                }),
+                Disabling.config({
+                    disabled: providersBackstage.isDisabled
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('any')),
+                Tabstopping.config({}),
+                Replacing.config({}),
+                config('elementPathEvents', [
+                    runOnAttached((comp, _e) => {
+                        // NOTE: If statusbar ever gets re-rendered, we will need to free this.
+                        editor.shortcuts.add('alt+F11', 'focus statusbar elementpath', () => Keying.focusIn(comp));
+                        editor.on('NodeChange', (e) => {
+                            const newPath = updatePath(e.parents);
+                            const newChildren = newPath.length > 0 ? renderPathData(newPath) : [];
+                            Replacing.set(comp, newChildren);
+                        });
+                    })
+                ])
+            ]),
+            components: []
+        };
+    };
+
+    var ResizeTypes;
+    (function (ResizeTypes) {
+        ResizeTypes[ResizeTypes["None"] = 0] = "None";
+        ResizeTypes[ResizeTypes["Both"] = 1] = "Both";
+        ResizeTypes[ResizeTypes["Vertical"] = 2] = "Vertical";
+    })(ResizeTypes || (ResizeTypes = {}));
+    const getDimensions = (editor, deltas, resizeType, originalHeight, originalWidth) => {
+        const dimensions = {
+            height: calcCappedSize(originalHeight + deltas.top, getMinHeightOption(editor), getMaxHeightOption(editor))
+        };
+        if (resizeType === ResizeTypes.Both) {
+            dimensions.width = calcCappedSize(originalWidth + deltas.left, getMinWidthOption(editor), getMaxWidthOption(editor));
+        }
+        return dimensions;
+    };
+    const resize = (editor, deltas, resizeType) => {
+        const container = SugarElement.fromDom(editor.getContainer());
+        const dimensions = getDimensions(editor, deltas, resizeType, get$d(container), get$c(container));
+        each(dimensions, (val, dim) => {
+            if (isNumber(val)) {
+                set$7(container, dim, numToPx(val));
+            }
+        });
+        fireResizeEditor(editor);
+    };
+
+    const getResizeType = (editor) => {
+        const resize = getResize(editor);
+        if (resize === false) {
+            return ResizeTypes.None;
+        }
+        else if (resize === 'both') {
+            return ResizeTypes.Both;
+        }
+        else {
+            return ResizeTypes.Vertical;
+        }
+    };
+    const keyboardHandler = (editor, resizeType, x, y) => {
+        const scale = 20;
+        const delta = SugarPosition(x * scale, y * scale);
+        resize(editor, delta, resizeType);
+        return Optional?.some(true);
+    };
+    const renderResizeHandler = (editor, providersBackstage) => {
+        const resizeType = getResizeType(editor);
+        if (resizeType === ResizeTypes.None) {
+            return Optional.none();
+        }
+        const resizeLabel = resizeType === ResizeTypes.Both
+            ? 'Press the arrow keys to resize the editor.'
+            : 'Press the Up and Down arrow keys to resize the editor.';
+        const cursorClass = resizeType === ResizeTypes.Both
+            ? 'tox-statusbar__resize-cursor-both'
+            : 'tox-statusbar__resize-cursor-default';
+        return Optional?.some(render$4('resize-handle', {
+            tag: 'div',
+            classes: ['tox-statusbar__resize-handle', cursorClass],
+            attributes: {
+                'aria-label': providersBackstage.translate(resizeLabel),
+                'data-mce-name': 'resize-handle'
+            },
+            behaviours: [
+                Dragging.config({
+                    mode: 'mouse',
+                    repositionTarget: false,
+                    onDrag: (_comp, _target, delta) => resize(editor, delta, resizeType),
+                    blockerClass: 'tox-blocker'
+                }),
+                Keying.config({
+                    mode: 'special',
+                    onLeft: () => keyboardHandler(editor, resizeType, -1, 0),
+                    onRight: () => keyboardHandler(editor, resizeType, 1, 0),
+                    onUp: () => keyboardHandler(editor, resizeType, 0, -1),
+                    onDown: () => keyboardHandler(editor, resizeType, 0, 1),
+                }),
+                Tabstopping.config({}),
+                Focusing.config({}),
+                Tooltipping.config(providersBackstage.tooltips.getConfig({
+                    tooltipText: providersBackstage.translate('Resize')
+                }))
+            ]
+        }, providersBackstage.icons));
+    };
+
+    const renderWordCount = (editor, providersBackstage) => {
+        const replaceCountText = (comp, count, mode) => Replacing.set(comp, [text$2(providersBackstage.translate(['{0} ' + mode, count[mode]]))]);
+        return Button.sketch({
+            dom: {
+                // The tag for word count was changed to 'button' as Jaws does not read out spans.
+                // Word count is just a toggle and changes modes between words and characters.
+                tag: 'button',
+                classes: ['tox-statusbar__wordcount']
+            },
+            components: [],
+            buttonBehaviours: derive$1([
+                DisablingConfigs.button(providersBackstage.isDisabled),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('any')),
+                Tabstopping.config({}),
+                Replacing.config({}),
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: {
+                            mode: "words" /* WordCountMode.Words */,
+                            count: { words: 0, characters: 0 }
+                        }
+                    }
+                }),
+                config('wordcount-events', [
+                    runOnExecute$1((comp) => {
+                        const currentVal = Representing.getValue(comp);
+                        const newMode = currentVal.mode === "words" /* WordCountMode.Words */ ? "characters" /* WordCountMode.Characters */ : "words" /* WordCountMode.Words */;
+                        Representing.setValue(comp, { mode: newMode, count: currentVal.count });
+                        replaceCountText(comp, currentVal.count, newMode);
+                    }),
+                    runOnAttached((comp) => {
+                        editor.on('wordCountUpdate', (e) => {
+                            const { mode } = Representing.getValue(comp);
+                            Representing.setValue(comp, { mode, count: e.wordCount });
+                            replaceCountText(comp, e.wordCount, mode);
+                        });
+                    })
+                ])
+            ]),
+            eventOrder: {
+                [execute$5()]: ['disabling', 'alloy.base.behaviour', 'wordcount-events']
+            }
+        });
+    };
+
+    const renderStatusbar = (editor, providersBackstage) => {
+        const renderBranding = () => {
+            return {
+                dom: {
+                    tag: 'span',
+                    classes: ['tox-statusbar__branding'],
+                },
+                components: [
+                    {
+                        dom: {
+                            tag: 'a',
+                            attributes: {
+                                'href': 'https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v7',
+                                'rel': 'noopener',
+                                'target': '_blank',
+                                'aria-label': editor.translate(['Build with {0}', 'TinyMCE'])
+                            },
+                            innerHtml: editor.translate(['Build with {0}', Logo.trim()])
+                        },
+                        behaviours: derive$1([
+                            Focusing.config({})
+                        ])
+                    }
+                ]
+            };
+        };
+        const renderHelpAccessibility = () => {
+            const shortcutText = convertText('Alt+0');
+            const text = `Press {0} for help`;
+            return {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-statusbar__help-text'],
+                },
+                components: [
+                    text$2(global$6.translate([text, shortcutText]))
+                ]
+            };
+        };
+        const renderRightContainer = () => {
+            const components = [];
+            if (editor.hasPlugin('wordcount')) {
+                components.push(renderWordCount(editor, providersBackstage));
+            }
+            if (useBranding(editor)) {
+                components.push(renderBranding());
+            }
+            return {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-statusbar__right-container']
+                },
+                components
+            };
+        };
+        const getTextComponents = () => {
+            const components = [];
+            const shouldRenderHelp = useHelpAccessibility(editor);
+            const shouldRenderElementPath = useElementPath(editor);
+            const shouldRenderRightContainer = useBranding(editor) || editor.hasPlugin('wordcount');
+            const getTextComponentClasses = () => {
+                const flexStart = 'tox-statusbar__text-container--flex-start';
+                const flexEnd = 'tox-statusbar__text-container--flex-end';
+                const spaceAround = 'tox-statusbar__text-container--space-around';
+                if (shouldRenderHelp) {
+                    const container3Columns = 'tox-statusbar__text-container-3-cols';
+                    if (!shouldRenderRightContainer && !shouldRenderElementPath) {
+                        return [container3Columns, spaceAround];
+                    }
+                    if (shouldRenderRightContainer && !shouldRenderElementPath) {
+                        return [container3Columns, flexEnd];
+                    }
+                    return [container3Columns, flexStart];
+                }
+                return [shouldRenderRightContainer && !shouldRenderElementPath ? flexEnd : flexStart];
+            };
+            if (shouldRenderElementPath) {
+                components.push(renderElementPath(editor, {}, providersBackstage));
+            }
+            if (shouldRenderHelp) {
+                components.push(renderHelpAccessibility());
+            }
+            if (shouldRenderRightContainer) {
+                components.push(renderRightContainer());
+            }
+            if (components.length > 0) {
+                return [{
+                        dom: {
+                            tag: 'div',
+                            classes: ['tox-statusbar__text-container', ...getTextComponentClasses()]
+                        },
+                        components
+                    }];
+            }
+            return [];
+        };
+        const getComponents = () => {
+            const components = getTextComponents();
+            const resizeHandler = renderResizeHandler(editor, providersBackstage);
+            return components.concat(resizeHandler.toArray());
+        };
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-statusbar']
+            },
+            components: getComponents()
+        };
+    };
+
+    const getLazyMothership = (label, singleton) => singleton.get().getOrDie(`UI for ${label} has not been rendered`);
+    const setup$3 = (editor, setupForTheme) => {
+        const isInline = editor.inline;
+        const mode = isInline ? Inline : Iframe;
+        // We use a different component for creating the sticky toolbar behaviour. The
+        // most important difference is it needs "Docking" configured and all of the
+        // ripple effects that creates.
+        const header = isStickyToolbar(editor) ? StickyHeader : StaticHeader;
+        const lazyUiRefs = LazyUiReferences();
+        // Importantly, this is outside the setup function.
+        const lazyMothership = value$2();
+        const lazyDialogMothership = value$2();
+        const lazyPopupMothership = value$2();
+        const platform = detect$1();
+        const isTouch = platform.deviceType.isTouch();
+        const touchPlatformClass = 'tox-platform-touch';
+        const deviceClasses = isTouch ? [touchPlatformClass] : [];
+        const isToolbarBottom = isToolbarLocationBottom(editor);
+        const toolbarMode = getToolbarMode(editor);
+        const memAnchorBar = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-anchorbar']
+            }
+        });
+        const memBottomAnchorBar = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-bottom-anchorbar']
+            }
+        });
+        const lazyHeader = () => lazyUiRefs.mainUi.get()
+            ?.map((ui) => ui.outerContainer)
+            .bind(OuterContainer.getHeader);
+        const lazyDialogSinkResult = () => Result.fromOption(lazyUiRefs.dialogUi.get()?.map((ui) => ui.sink), 'UI has not been rendered');
+        const lazyPopupSinkResult = () => Result.fromOption(lazyUiRefs.popupUi.get()?.map((ui) => ui.sink), '(popup) UI has not been rendered');
+        const lazyAnchorBar = lazyUiRefs.lazyGetInOuterOrDie('anchor bar', memAnchorBar.getOpt);
+        const lazyBottomAnchorBar = lazyUiRefs.lazyGetInOuterOrDie('bottom anchor bar', memBottomAnchorBar.getOpt);
+        const lazyToolbar = lazyUiRefs.lazyGetInOuterOrDie('toolbar', OuterContainer.getToolbar);
+        const lazyThrobber = lazyUiRefs.lazyGetInOuterOrDie('throbber', OuterContainer.getThrobber);
+        // Here, we build the backstage. The backstage is going to use different sinks for dialog
+        // vs popup.
+        const backstages = init({
+            popup: lazyPopupSinkResult,
+            dialog: lazyDialogSinkResult
+        }, editor, lazyAnchorBar, lazyBottomAnchorBar);
+        const makeHeaderPart = () => {
+            const verticalDirAttributes = {
+                attributes: {
+                    [Attribute]: isToolbarBottom ?
+                        AttributeValue.BottomToTop :
+                        AttributeValue.TopToBottom
+                }
+            };
+            const partMenubar = OuterContainer.parts.menubar({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-menubar']
+                },
+                // TINY-9223: The menu bar should scroll with the editor.
+                backstage: backstages.popup,
+                onEscape: () => {
+                    editor.focus();
+                }
+            });
+            const partToolbar = OuterContainer.parts.toolbar({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-toolbar']
+                },
+                getSink: backstages.popup.shared.getSink,
+                providers: backstages.popup.shared.providers,
+                onEscape: () => {
+                    editor.focus();
+                },
+                onToolbarToggled: (state) => {
+                    fireToggleToolbarDrawer(editor, state);
+                },
+                type: toolbarMode,
+                lazyToolbar,
+                lazyHeader: () => lazyHeader().getOrDie('Could not find header element'),
+                ...verticalDirAttributes
+            });
+            const partMultipleToolbar = OuterContainer.parts['multiple-toolbar']({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-toolbar-overlord']
+                },
+                providers: backstages.popup.shared.providers,
+                onEscape: () => {
+                    editor.focus();
+                },
+                type: toolbarMode
+            });
+            // False should stop the menubar and toolbar rendering altogether
+            const hasMultipleToolbar = isMultipleToolbars(editor);
+            const hasToolbar = isToolbarEnabled(editor);
+            const hasMenubar = isMenubarEnabled(editor);
+            const shouldHavePromotionLink = promotionEnabled(editor);
+            const partPromotion = makePromotion(shouldHavePromotionLink);
+            const hasAnyContents = hasMultipleToolbar || hasToolbar || hasMenubar;
+            const getPartToolbar = () => {
+                if (hasMultipleToolbar) {
+                    return [partMultipleToolbar];
+                }
+                else if (hasToolbar) {
+                    return [partToolbar];
+                }
+                else {
+                    return [];
+                }
+            };
+            const menubarCollection = [partPromotion, partMenubar];
+            return OuterContainer.parts.header({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-editor-header']
+                        .concat(hasAnyContents ? [] : ['tox-editor-header--empty']),
+                    ...verticalDirAttributes
+                },
+                components: flatten([
+                    hasMenubar ? menubarCollection : [],
+                    getPartToolbar(),
+                    // fixed_toolbar_container anchors to the editable area, else add an anchor bar
+                    useFixedContainer(editor) ? [] : [memAnchorBar.asSpec()]
+                ]),
+                sticky: isStickyToolbar(editor),
+                editor,
+                // TINY-9223: If using a sticky toolbar, which sink should it really go in?
+                sharedBackstage: backstages.popup.shared
+            });
+        };
+        const makePromotion = (promotionLink) => {
+            return OuterContainer.parts.promotion({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-promotion'],
+                },
+                promotionLink
+            });
+        };
+        const makeSidebarDefinition = () => {
+            const partSocket = OuterContainer.parts.socket({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-edit-area']
+                }
+            });
+            const partSidebar = OuterContainer.parts.sidebar({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-sidebar']
+                }
+            });
+            return {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-sidebar-wrap']
+                },
+                components: [
+                    partSocket,
+                    partSidebar
+                ]
+            };
+        };
+        const renderDialogUi = () => {
+            const uiContainer = getUiContainer(editor);
+            // TINY-3321: When the body is using a grid layout, we need to ensure the sink width is manually set
+            const isGridUiContainer = eq(body(), uiContainer) && get$e(uiContainer, 'display') === 'grid';
+            const sinkSpec = {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox', 'tox-silver-sink', 'tox-tinymce-aux'].concat(deviceClasses),
+                    attributes: {
+                        ...global$6.isRtl() ? { dir: 'rtl' } : {}
+                    }
+                },
+                behaviours: derive$1([
+                    Positioning.config({
+                        useFixed: () => header.isDocked(lazyHeader)
+                    })
+                ])
+            };
+            const reactiveWidthSpec = {
+                dom: {
+                    styles: { width: document.body.clientWidth + 'px' }
+                },
+                events: derive$2([
+                    run$1(windowResize(), (comp) => {
+                        set$7(comp.element, 'width', document.body.clientWidth + 'px');
+                    })
+                ])
+            };
+            const sink = build$1(deepMerge(sinkSpec, isGridUiContainer ? reactiveWidthSpec : {}));
+            const uiMothership = takeover(sink);
+            lazyDialogMothership.set(uiMothership);
+            return { sink, mothership: uiMothership };
+        };
+        const renderPopupUi = () => {
+            // TINY-9226: Because the popupUi is going to be placed adjacent to the editor, we aren't currently
+            // implementing the behaviour to reset widths based on window sizing. It is a workaround that
+            // is mainly targeted at Ui containers in the root. However, we may need to revisit this
+            // if the ui_mode: split setting is commonly used when the editor is at the root level, and the
+            // page has size-unfriendly CSS for sinks (like CSS grid)
+            const sinkSpec = {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox', 'tox-silver-sink', 'tox-silver-popup-sink', 'tox-tinymce-aux'].concat(deviceClasses),
+                    attributes: {
+                        ...global$6.isRtl() ? { dir: 'rtl' } : {}
+                    }
+                },
+                behaviours: derive$1([
+                    Positioning.config({
+                        useFixed: () => header.isDocked(lazyHeader),
+                        // TINY-9226: We want to limit the popup sink's bounds based on its scrolling environment. We don't
+                        // want it to try to position things outside of its scrolling viewport, because they will
+                        // just appear offscreen (hidden by the current scroll values)
+                        getBounds: () => setupForTheme.getPopupSinkBounds()
+                    })
+                ])
+            };
+            const sink = build$1(sinkSpec);
+            const uiMothership = takeover(sink);
+            lazyPopupMothership.set(uiMothership);
+            return { sink, mothership: uiMothership };
+        };
+        const renderMainUi = () => {
+            const partHeader = makeHeaderPart();
+            const sidebarContainer = makeSidebarDefinition();
+            const partThrobber = OuterContainer.parts.throbber({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-throbber']
+                },
+                backstage: backstages.popup
+            });
+            const partViewWrapper = OuterContainer.parts.viewWrapper({
+                backstage: backstages.popup
+            });
+            const statusbar = useStatusBar(editor) && !isInline ? Optional?.some(renderStatusbar(editor, backstages.popup.shared.providers)) : Optional.none();
+            // We need the statusbar to be separate to everything else so resizing works properly
+            const editorComponents = flatten([
+                isToolbarBottom ? [] : [partHeader],
+                // Inline mode does not have a socket/sidebar
+                isInline ? [] : [sidebarContainer],
+                isToolbarBottom ? [partHeader] : []
+            ]);
+            const editorContainer = OuterContainer.parts.editorContainer({
+                components: flatten([
+                    editorComponents,
+                    isInline ? [] : [memBottomAnchorBar.asSpec()]
+                ])
+            });
+            // Hide the outer container if using inline mode and there's no menubar or toolbar
+            const isHidden = isDistractionFree(editor);
+            const attributes = {
+                role: 'application',
+                ...global$6.isRtl() ? { dir: 'rtl' } : {},
+                ...isHidden ? { 'aria-hidden': 'true' } : {}
+            };
+            const outerContainer = build$1(OuterContainer.sketch({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox', 'tox-tinymce']
+                        .concat(isInline ? ['tox-tinymce-inline'] : [])
+                        .concat(isToolbarBottom ? ['tox-tinymce--toolbar-bottom'] : [])
+                        .concat(deviceClasses),
+                    styles: {
+                        // This is overridden by the skin, it helps avoid FOUC
+                        visibility: 'hidden',
+                        // Hide the container if needed, but don't use "display: none" so that it still has a position
+                        ...isHidden ? { opacity: '0', border: '0' } : {}
+                    },
+                    attributes
+                },
+                components: [
+                    editorContainer,
+                    // Inline mode does not have a status bar
+                    ...isInline ? [] : [partViewWrapper, ...statusbar.toArray()],
+                    partThrobber,
+                ],
+                behaviours: derive$1([
+                    toggleOnReceive(() => backstages.popup.shared.providers.checkUiComponentContext('any')),
+                    Disabling.config({
+                        disableClass: 'tox-tinymce--disabled'
+                    }),
+                    Keying.config({
+                        mode: 'cyclic',
+                        selector: '.tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a, .tox-statusbar__resize-handle'
+                    })
+                ])
+            }));
+            const mothership = takeover(outerContainer);
+            lazyMothership.set(mothership);
+            return { mothership, outerContainer };
+        };
+        const setEditorSize = (outerContainer) => {
+            // Set height and width if they were given, though height only applies to iframe mode
+            const parsedHeight = numToPx(getHeightWithFallback(editor));
+            const parsedWidth = numToPx(getWidthWithFallback(editor));
+            if (!editor.inline) {
+                // Update the width
+                if (isValidValue$1('div', 'width', parsedWidth)) {
+                    set$7(outerContainer.element, 'width', parsedWidth);
+                }
+                // Update the height
+                if (isValidValue$1('div', 'height', parsedHeight)) {
+                    set$7(outerContainer.element, 'height', parsedHeight);
+                }
+                else {
+                    set$7(outerContainer.element, 'height', '400px');
+                }
+            }
+            return parsedHeight;
+        };
+        const setupShortcutsAndCommands = (outerContainer) => {
+            editor.addShortcut('alt+F9', 'focus menubar', () => {
+                OuterContainer.focusMenubar(outerContainer);
+            });
+            editor.addShortcut('alt+F10', 'focus toolbar', () => {
+                OuterContainer.focusToolbar(outerContainer);
+            });
+            editor.addCommand('ToggleToolbarDrawer', (_ui, options) => {
+                if (options === null || options === void 0 ? void 0 : options.skipFocus) {
+                    OuterContainer.toggleToolbarDrawerWithoutFocusing(outerContainer);
+                }
+                else {
+                    OuterContainer.toggleToolbarDrawer(outerContainer);
+                }
+            });
+            editor.addQueryStateHandler('ToggleToolbarDrawer', () => OuterContainer.isToolbarDrawerToggled(outerContainer));
+        };
+        const renderUIWithRefs = (uiRefs) => {
+            const { mainUi, popupUi, uiMotherships } = uiRefs;
+            map$1(getToolbarGroups(editor), (toolbarGroupButtonConfig, name) => {
+                editor.ui.registry.addGroupToolbarButton(name, toolbarGroupButtonConfig);
+            });
+            // Apply Bridge types
+            const { buttons, menuItems, contextToolbars, sidebars, views } = editor.ui.registry.getAll();
+            const toolbarOpt = getMultipleToolbarsOption(editor);
+            const rawUiConfig = {
+                menuItems,
+                menus: getMenus(editor),
+                menubar: getMenubar(editor),
+                toolbar: toolbarOpt.getOrThunk(() => getToolbar(editor)),
+                allowToolbarGroups: toolbarMode === ToolbarMode$1.floating,
+                buttons,
+                sidebar: sidebars,
+                views
+            };
+            setupShortcutsAndCommands(mainUi.outerContainer);
+            setup$b(editor, mainUi.mothership, uiMotherships);
+            // This backstage needs to kept in sync with the one passed to the Header part.
+            header.setup(editor, backstages.popup.shared, lazyHeader);
+            // This backstage is probably needed for just the bespoke dropdowns
+            setup$6(editor, backstages.popup);
+            setup$5(editor, backstages.popup.shared.getSink, backstages.popup);
+            setup$8(editor);
+            setup$7(editor, lazyThrobber, backstages.popup.shared);
+            register$a(editor, contextToolbars, popupUi.sink, { backstage: backstages.popup });
+            setup$4(editor, popupUi.sink);
+            const elm = editor.getElement();
+            const height = setEditorSize(mainUi.outerContainer);
+            const args = { targetNode: elm, height };
+            // The only components that use backstages.dialog currently are the Modal dialogs.
+            return mode.render(editor, uiRefs, rawUiConfig, backstages.popup, args);
+        };
+        const reuseDialogUiForPopuUi = (dialogUi) => {
+            lazyPopupMothership.set(dialogUi.mothership);
+            return dialogUi;
+        };
+        const renderUI = () => {
+            const mainUi = renderMainUi();
+            const dialogUi = renderDialogUi();
+            // If dialogUi and popupUi are the same, LazyUiReferences should handle deduplicating then
+            // get calling getUiMotherships
+            const popupUi = isSplitUiMode(editor) ? renderPopupUi() : reuseDialogUiForPopuUi(dialogUi);
+            lazyUiRefs.dialogUi.set(dialogUi);
+            lazyUiRefs.popupUi.set(popupUi);
+            lazyUiRefs.mainUi.set(mainUi);
+            // From this point on, we shouldn't use LazyReferences any more.
+            const uiRefs = {
+                popupUi,
+                dialogUi,
+                mainUi,
+                uiMotherships: lazyUiRefs.getUiMotherships()
+            };
+            return renderUIWithRefs(uiRefs);
+        };
+        // We don't have uiRefs here, so we have to rely on cells that are set by renderUI unfortunately.
+        return {
+            popups: {
+                backstage: backstages.popup,
+                getMothership: () => getLazyMothership('popups', lazyPopupMothership)
+            },
+            dialogs: {
+                backstage: backstages.dialog,
+                getMothership: () => getLazyMothership('dialogs', lazyDialogMothership)
+            },
+            renderUI
+        };
+    };
+
+    const toValidValues = (values) => {
+        const errors = [];
+        const result = {};
+        each(values, (value, name) => {
+            value.fold(() => {
+                errors.push(name);
+            }, (v) => {
+                result[name] = v;
+            });
+        });
+        return errors.length > 0 ? Result.error(errors) :
+            Result.value(result);
+    };
+
+    const renderBodyPanel = (spec, dialogData, backstage, getCompByName) => {
+        const memForm = record(Form.sketch((parts) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form'].concat(spec.classes)
+            },
+            // All of the items passed through the form need to be put through the interpreter
+            // with their form part preserved.
+            components: map$2(spec.items, (item) => interpretInForm(parts, item, dialogData, backstage, getCompByName))
+        })));
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__body']
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dialog__body-content']
+                    },
+                    components: [
+                        memForm.asSpec()
+                    ]
+                }
+            ],
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'acyclic',
+                    useTabstopAt: not(isPseudoStop)
+                }),
+                ComposingConfigs.memento(memForm),
+                memento(memForm, {
+                    postprocess: (formValue) => toValidValues(formValue).fold((err) => {
+                        // eslint-disable-next-line no-console
+                        console.error(err);
+                        return {};
+                    }, identity)
+                }),
+                config('dialog-body-panel', [
+                    // TINY-10101: This is to cater for the case where clicks are made into the dialog instead using keyboard navigation, as FocusShifted would not be triggered in that case.
+                    run$1(focusin(), (comp, se) => {
+                        comp.getSystem().broadcastOn([dialogFocusShiftedChannel], {
+                            newFocus: Optional?.some(se.event.target)
+                        });
+                    }),
+                ])
+            ])
+        };
+    };
+
+    const measureHeights = (allTabs, tabview, tabviewComp) => map$2(allTabs, (_tab, i) => {
+        Replacing.set(tabviewComp, allTabs[i].view());
+        const rect = tabview.dom.getBoundingClientRect();
+        Replacing.set(tabviewComp, []);
+        return rect.height;
+    });
+    const getMaxHeight = (heights) => head(sort(heights, (a, b) => {
+        if (a > b) {
+            return -1;
+        }
+        else if (a < b) {
+            return +1;
+        }
+        else {
+            return 0;
+        }
+    }));
+    const getMaxTabviewHeight = (dialog, tabview, tablist) => {
+        const documentElement$1 = documentElement(dialog).dom;
+        const rootElm = ancestor$1(dialog, '.tox-dialog-wrap').getOr(dialog);
+        const isFixed = get$e(rootElm, 'position') === 'fixed';
+        // Get the document or window/viewport height
+        let maxHeight;
+        if (isFixed) {
+            maxHeight = Math.max(documentElement$1.clientHeight, window.innerHeight);
+        }
+        else {
+            maxHeight = Math.max(documentElement$1.offsetHeight, documentElement$1.scrollHeight);
+        }
+        // Determine the current height taken up by the tabview panel
+        const tabviewHeight = get$d(tabview);
+        const isTabListBeside = tabview.dom.offsetLeft >= tablist.dom.offsetLeft + get$c(tablist);
+        const currentTabHeight = isTabListBeside ? Math.max(get$d(tablist), tabviewHeight) : tabviewHeight;
+        // Get the dialog height, making sure to account for any margins on the dialog
+        const dialogTopMargin = parseInt(get$e(dialog, 'margin-top'), 10) || 0;
+        const dialogBottomMargin = parseInt(get$e(dialog, 'margin-bottom'), 10) || 0;
+        const dialogHeight = get$d(dialog) + dialogTopMargin + dialogBottomMargin;
+        const chromeHeight = dialogHeight - currentTabHeight;
+        return maxHeight - chromeHeight;
+    };
+    const showTab = (allTabs, comp) => {
+        head(allTabs).each((tab) => TabSection.showTab(comp, tab.value));
+    };
+    const setTabviewHeight = (tabview, height) => {
+        // Set both height and flex-basis as some browsers don't support flex-basis.
+        set$7(tabview, 'height', height + 'px');
+        set$7(tabview, 'flex-basis', height + 'px');
+    };
+    const updateTabviewHeight = (dialogBody, tabview, maxTabHeight) => {
+        ancestor$1(dialogBody, '[role="dialog"]').each((dialog) => {
+            descendant(dialog, '[role="tablist"]').each((tablist) => {
+                maxTabHeight.get()?.map((height) => {
+                    // Set the tab view height to 0, so we can calculate the max tabview height, without worrying about overflows
+                    set$7(tabview, 'height', '0');
+                    set$7(tabview, 'flex-basis', '0');
+                    return Math.min(height, getMaxTabviewHeight(dialog, tabview, tablist));
+                }).each((height) => {
+                    setTabviewHeight(tabview, height);
+                });
+            });
+        });
+    };
+    const getTabview = (dialog) => descendant(dialog, '[role="tabpanel"]');
+    const smartMode = (allTabs) => {
+        const maxTabHeight = value$2();
+        const extraEvents = [
+            runOnAttached((comp) => {
+                const dialog = comp.element;
+                getTabview(dialog).each((tabview) => {
+                    set$7(tabview, 'visibility', 'hidden');
+                    // Determine the maximum heights of each tab
+                    comp.getSystem().getByDom(tabview).toOptional().each((tabviewComp) => {
+                        const heights = measureHeights(allTabs, tabview, tabviewComp);
+                        // Calculate the maximum tab height and store it
+                        const maxTabHeightOpt = getMaxHeight(heights);
+                        maxTabHeightOpt.fold(maxTabHeight.clear, maxTabHeight.set);
+                    });
+                    // Set an initial height, based on the current size
+                    updateTabviewHeight(dialog, tabview, maxTabHeight);
+                    // Show the tabs
+                    remove$6(tabview, 'visibility');
+                    showTab(allTabs, comp);
+                    // Use a delay here and recalculate the height, as we need all the components attached
+                    // to be able to properly calculate the max height
+                    requestAnimationFrame(() => {
+                        updateTabviewHeight(dialog, tabview, maxTabHeight);
+                    });
+                });
+            }),
+            run$1(windowResize(), (comp) => {
+                const dialog = comp.element;
+                getTabview(dialog).each((tabview) => {
+                    updateTabviewHeight(dialog, tabview, maxTabHeight);
+                });
+            }),
+            run$1(formResizeEvent, (comp, _se) => {
+                const dialog = comp.element;
+                getTabview(dialog).each((tabview) => {
+                    const oldFocus = active$1(getRootNode(tabview));
+                    set$7(tabview, 'visibility', 'hidden');
+                    const oldHeight = getRaw(tabview, 'height')?.map((h) => parseInt(h, 10));
+                    remove$6(tabview, 'height');
+                    remove$6(tabview, 'flex-basis');
+                    const newHeight = tabview.dom.getBoundingClientRect().height;
+                    const hasGrown = oldHeight.forall((h) => newHeight > h);
+                    if (hasGrown) {
+                        maxTabHeight.set(newHeight);
+                        updateTabviewHeight(dialog, tabview, maxTabHeight);
+                    }
+                    else {
+                        oldHeight.each((h) => {
+                            setTabviewHeight(tabview, h);
+                        });
+                    }
+                    remove$6(tabview, 'visibility');
+                    oldFocus.each(focus$4);
+                });
+            })
+        ];
+        const selectFirst = false;
+        return {
+            extraEvents,
+            selectFirst
+        };
+    };
+
+    const SendDataToSectionChannel = 'send-data-to-section';
+    const SendDataToViewChannel = 'send-data-to-view';
+    const renderTabPanel = (spec, dialogData, backstage, getCompByName) => {
+        const storedValue = Cell({});
+        const updateDataWithForm = (form) => {
+            const formData = Representing.getValue(form);
+            const validData = toValidValues(formData).getOr({});
+            const currentData = storedValue.get();
+            const newData = deepMerge(currentData, validData);
+            storedValue.set(newData);
+        };
+        const setDataOnForm = (form) => {
+            const tabData = storedValue.get();
+            Representing.setValue(form, tabData);
+        };
+        const oldTab = Cell(null);
+        const allTabs = map$2(spec.tabs, (tab) => {
+            return {
+                value: tab.name,
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-dialog__body-nav-item']
+                },
+                components: [
+                    text$2(backstage.shared.providers.translate(tab.title))
+                ],
+                view: () => {
+                    return [
+                        // Dupe with SilverDialog
+                        Form.sketch((parts) => ({
+                            dom: {
+                                tag: 'div',
+                                classes: ['tox-form']
+                            },
+                            components: map$2(tab.items, (item) => interpretInForm(parts, item, dialogData, backstage, getCompByName)),
+                            formBehaviours: derive$1([
+                                Keying.config({
+                                    mode: 'acyclic',
+                                    useTabstopAt: not(isPseudoStop)
+                                }),
+                                config('TabView.form.events', [
+                                    runOnAttached(setDataOnForm),
+                                    runOnDetached(updateDataWithForm)
+                                ]),
+                                Receiving.config({
+                                    channels: wrapAll([
+                                        {
+                                            key: SendDataToSectionChannel,
+                                            value: {
+                                                onReceive: updateDataWithForm
+                                            }
+                                        },
+                                        {
+                                            key: SendDataToViewChannel,
+                                            value: {
+                                                onReceive: setDataOnForm
+                                            }
+                                        }
+                                    ])
+                                })
+                            ])
+                        }))
+                    ];
+                }
+            };
+        });
+        // Assign fixed height or variable height to the tabs
+        const tabMode = smartMode(allTabs);
+        return TabSection.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__body']
+            },
+            onChangeTab: (section, button, _viewItems) => {
+                const name = Representing.getValue(button);
+                emitWith(section, formTabChangeEvent, {
+                    name,
+                    oldName: oldTab.get()
+                });
+                oldTab.set(name);
+            },
+            tabs: allTabs,
+            components: [
+                TabSection.parts.tabbar({
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dialog__body-nav']
+                    },
+                    components: [
+                        Tabbar.parts.tabs({})
+                    ],
+                    markers: {
+                        tabClass: 'tox-tab',
+                        selectedClass: 'tox-dialog__body-nav-item--active'
+                    },
+                    tabbarBehaviours: derive$1([
+                        Tabstopping.config({})
+                    ])
+                }),
+                TabSection.parts.tabview({
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dialog__body-content']
+                    }
+                })
+            ],
+            selectFirst: tabMode.selectFirst,
+            tabSectionBehaviours: derive$1([
+                config('tabpanel', tabMode.extraEvents),
+                Keying.config({
+                    mode: 'acyclic'
+                }),
+                // INVESTIGATE: Is this necessary? Probably used by getCompByName.
+                Composing.config({
+                    // TODO: Think about this
+                    find: (comp) => head(TabSection.getViewItems(comp))
+                }),
+                withComp(Optional.none(), (tsection) => {
+                    // NOTE: Assumes synchronous updating of store.
+                    tsection.getSystem().broadcastOn([SendDataToSectionChannel], {});
+                    return storedValue.get();
+                }, (tsection, value) => {
+                    storedValue.set(value);
+                    tsection.getSystem().broadcastOn([SendDataToViewChannel], {});
+                })
+            ])
+        });
+    };
+
+    // ariaAttrs is being passed through to silver inline dialog
+    // from the WindowManager as a property of 'params'
+    const renderBody = (spec, dialogId, contentId, backstage, ariaAttrs, getCompByName) => {
+        const renderComponents = (incoming) => {
+            const body = incoming.body;
+            switch (body.type) {
+                case 'tabpanel': {
+                    return [
+                        renderTabPanel(body, incoming.initialData, backstage, getCompByName)
+                    ];
+                }
+                default: {
+                    return [
+                        renderBodyPanel(body, incoming.initialData, backstage, getCompByName)
+                    ];
+                }
+            }
+        };
+        const updateState = (_comp, incoming) => Optional?.some({
+            isTabPanel: () => incoming.body.type === 'tabpanel'
+        });
+        const ariaAttributes = {
+            'aria-live': 'polite'
+        };
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__content-js'],
+                attributes: {
+                    ...contentId?.map((x) => ({ id: x })).getOr({}),
+                    ...ariaAttrs ? ariaAttributes : {}
+                }
+            },
+            components: [],
+            behaviours: derive$1([
+                ComposingConfigs.childAt(0),
+                Reflecting.config({
+                    channel: `${bodyChannel}-${dialogId}`,
+                    updateState,
+                    renderComponents,
+                    initialData: spec
+                })
+            ])
+        };
+    };
+    const renderInlineBody = (spec, dialogId, contentId, backstage, ariaAttrs, getCompByName) => renderBody(spec, dialogId, Optional?.some(contentId), backstage, ariaAttrs, getCompByName);
+    const renderModalBody = (spec, dialogId, backstage, getCompByName) => {
+        const bodySpec = renderBody(spec, dialogId, Optional.none(), backstage, false, getCompByName);
+        return ModalDialog.parts.body(bodySpec);
+    };
+    const renderIframeBody = (spec) => {
+        const bodySpec = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__content-js']
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dialog__body-iframe']
+                    },
+                    components: [
+                        craft(Optional.none(), {
+                            dom: {
+                                tag: 'iframe',
+                                attributes: {
+                                    src: spec.url
+                                }
+                            },
+                            behaviours: derive$1([
+                                Tabstopping.config({}),
+                                Focusing.config({})
+                            ])
+                        })
+                    ]
+                }
+            ],
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'acyclic',
+                    useTabstopAt: not(isPseudoStop)
+                })
+            ])
+        };
+        return ModalDialog.parts.body(bodySpec);
+    };
+
+    const isTouch = global$7.deviceType.isTouch();
+    const hiddenHeader = (title, close) => ({
+        dom: {
+            tag: 'div',
+            styles: { display: 'none' },
+            classes: ['tox-dialog__header']
+        },
+        components: [
+            title,
+            close
+        ]
+    });
+    const pClose = (onClose, providersBackstage) => ModalDialog.parts.close(
+    // Need to find a way to make it clear in the docs whether parts can be sketches
+    Button.sketch({
+        dom: {
+            tag: 'button',
+            classes: ['tox-button', 'tox-button--icon', 'tox-button--naked'],
+            attributes: {
+                'type': 'button',
+                'aria-label': providersBackstage.translate('Close')
+            }
+        },
+        action: onClose,
+        buttonBehaviours: derive$1([
+            Tabstopping.config({})
+        ])
+    }));
+    const pUntitled = () => ModalDialog.parts.title({
+        dom: {
+            tag: 'div',
+            classes: ['tox-dialog__title'],
+            innerHtml: '',
+            styles: {
+                display: 'none'
+            }
+        }
+    });
+    const pBodyMessage = (message, providersBackstage) => ModalDialog.parts.body({
+        dom: {
+            tag: 'div',
+            classes: ['tox-dialog__body']
+        },
+        components: [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-dialog__body-content']
+                },
+                components: [
+                    {
+                        dom: fromHtml(`<p>${sanitizeHtmlString(providersBackstage.translate(message))}</p>`)
+                    }
+                ]
+            }
+        ]
+    });
+    const pFooter = (buttons) => ModalDialog.parts.footer({
+        dom: {
+            tag: 'div',
+            classes: ['tox-dialog__footer']
+        },
+        components: buttons
+    });
+    const pFooterGroup = (startButtons, endButtons) => [
+        Container.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__footer-start']
+            },
+            components: startButtons
+        }),
+        Container.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__footer-end']
+            },
+            components: endButtons
+        })
+    ];
+    const renderDialog$1 = (spec) => {
+        const dialogClass = 'tox-dialog';
+        const blockerClass = dialogClass + '-wrap';
+        const blockerBackdropClass = blockerClass + '__backdrop';
+        const scrollLockClass = dialogClass + '__disable-scroll';
+        return ModalDialog.sketch({
+            lazySink: spec.lazySink,
+            onEscape: (comp) => {
+                spec.onEscape(comp);
+                // TODO: Make a strong type for Handled KeyEvent
+                return Optional?.some(true);
+            },
+            useTabstopAt: (elem) => !isPseudoStop(elem),
+            firstTabstop: spec.firstTabstop,
+            dom: {
+                tag: 'div',
+                classes: [dialogClass].concat(spec.extraClasses),
+                styles: {
+                    position: 'relative',
+                    ...spec.extraStyles
+                }
+            },
+            components: [
+                spec.header,
+                spec.body,
+                ...spec.footer.toArray()
+            ],
+            parts: {
+                blocker: {
+                    dom: fromHtml(`<div class="${blockerClass}"></div>`),
+                    components: [
+                        {
+                            dom: {
+                                tag: 'div',
+                                classes: (isTouch ? [blockerBackdropClass, blockerBackdropClass + '--opaque'] : [blockerBackdropClass])
+                            }
+                        }
+                    ]
+                }
+            },
+            dragBlockClass: blockerClass,
+            modalBehaviours: derive$1([
+                Focusing.config({}),
+                config('dialog-events', spec.dialogEvents.concat([
+                    // Note: `runOnSource` here will only listen to the event at the outer component level.
+                    // Using just `run` instead will cause an infinite loop as `focusIn` would fire a `focusin` which would then get responded to and so forth.
+                    runOnSource(focusin(), (comp, _se) => {
+                        Blocking.isBlocked(comp) ? noop() : Keying.focusIn(comp);
+                    }),
+                    run$1(focusShifted(), (comp, se) => {
+                        comp.getSystem().broadcastOn([dialogFocusShiftedChannel], {
+                            newFocus: se.event.newFocus
+                        });
+                    })
+                ])),
+                config('scroll-lock', [
+                    runOnAttached(() => {
+                        add$2(body(), scrollLockClass);
+                    }),
+                    runOnDetached(() => {
+                        remove$3(body(), scrollLockClass);
+                    })
+                ]),
+                ...spec.extraBehaviours
+            ]),
+            eventOrder: {
+                [execute$5()]: ['dialog-events'],
+                [attachedToDom()]: ['scroll-lock', 'dialog-events', 'alloy.base.behaviour'],
+                [detachedFromDom()]: ['alloy.base.behaviour', 'dialog-events', 'scroll-lock'],
+                ...spec.eventOrder
+            }
+        });
+    };
+
+    const renderClose = (providersBackstage) => Button.sketch({
+        dom: {
+            tag: 'button',
+            classes: ['tox-button', 'tox-button--icon', 'tox-button--naked'],
+            attributes: {
+                'type': 'button',
+                'aria-label': providersBackstage.translate('Close'),
+                'data-mce-name': 'close'
+            }
+        },
+        buttonBehaviours: derive$1([
+            Tabstopping.config({}),
+            Tooltipping.config(providersBackstage.tooltips.getConfig({
+                tooltipText: providersBackstage.translate('Close')
+            }))
+        ]),
+        components: [
+            render$4('close', { tag: 'span', classes: ['tox-icon'] }, providersBackstage.icons)
+        ],
+        action: (comp) => {
+            emit(comp, formCancelEvent);
+        },
+    });
+    const renderTitle = (spec, dialogId, titleId, providersBackstage) => {
+        const renderComponents = (data) => [text$2(providersBackstage.translate(data.title))];
+        return {
+            dom: {
+                tag: 'h1',
+                classes: ['tox-dialog__title'],
+                attributes: {
+                    ...titleId?.map((x) => ({ id: x })).getOr({})
+                }
+            },
+            components: [],
+            behaviours: derive$1([
+                Reflecting.config({
+                    channel: `${titleChannel}-${dialogId}`,
+                    initialData: spec,
+                    renderComponents
+                })
+            ])
+        };
+    };
+    const renderDragHandle = () => ({
+        dom: fromHtml('<div class="tox-dialog__draghandle"></div>')
+    });
+    const renderInlineHeader = (spec, dialogId, titleId, providersBackstage) => Container.sketch({
+        dom: fromHtml('<div class="tox-dialog__header"></div>'),
+        components: [
+            renderTitle(spec, dialogId, Optional?.some(titleId), providersBackstage),
+            renderDragHandle(),
+            renderClose(providersBackstage)
+        ],
+        containerBehaviours: derive$1([
+            Dragging.config({
+                mode: 'mouse',
+                blockerClass: 'blocker',
+                getTarget: (handle) => {
+                    return closest$3(handle, '[role="dialog"]').getOrDie();
+                },
+                snaps: {
+                    getSnapPoints: () => [],
+                    leftAttr: 'data-drag-left',
+                    topAttr: 'data-drag-top'
+                },
+                onDrag: (comp, target) => {
+                    comp.getSystem().broadcastOn([repositionPopups()], { target });
+                }
+            })
+        ])
+    });
+    const renderModalHeader = (spec, dialogId, providersBackstage) => {
+        const pTitle = ModalDialog.parts.title(renderTitle(spec, dialogId, Optional.none(), providersBackstage));
+        const pHandle = ModalDialog.parts.draghandle(renderDragHandle());
+        const pClose = ModalDialog.parts.close(renderClose(providersBackstage));
+        const components = [pTitle].concat(spec.draggable ? [pHandle] : []).concat([pClose]);
+        return Container.sketch({
+            dom: fromHtml('<div class="tox-dialog__header"></div>'),
+            components
+        });
+    };
+
+    const getHeader = (title, dialogId, backstage) => renderModalHeader({
+        title: backstage.shared.providers.translate(title),
+        draggable: backstage.dialog.isDraggableModal()
+    }, dialogId, backstage.shared.providers);
+    const getBusySpec = (message, bs, providers, headerHeight) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-dialog__busy-spinner'],
+            attributes: {
+                'aria-label': providers.translate(message)
+            },
+            styles: {
+                left: '0px',
+                right: '0px',
+                bottom: '0px',
+                top: `${headerHeight.getOr(0)}px`,
+                position: 'absolute'
+            }
+        },
+        behaviours: bs,
+        components: [{
+                dom: fromHtml('<div class="tox-spinner"><div></div><div></div><div></div></div>')
+            }]
+    });
+    const getEventExtras = (lazyDialog, providers, extra) => ({
+        onClose: () => extra.closeWindow(),
+        onBlock: (blockEvent) => {
+            const headerHeight = descendant(lazyDialog().element, '.tox-dialog__header')?.map((header) => get$d(header));
+            ModalDialog.setBusy(lazyDialog(), (_comp, bs) => getBusySpec(blockEvent.message, bs, providers, headerHeight));
+        },
+        onUnblock: () => {
+            ModalDialog.setIdle(lazyDialog());
+        }
+    });
+    const fullscreenClass = 'tox-dialog--fullscreen';
+    const largeDialogClass = 'tox-dialog--width-lg';
+    const mediumDialogClass = 'tox-dialog--width-md';
+    const getDialogSizeClass = (size) => {
+        switch (size) {
+            case 'large':
+                return Optional?.some(largeDialogClass);
+            case 'medium':
+                return Optional?.some(mediumDialogClass);
+            default:
+                return Optional.none();
+        }
+    };
+    const updateDialogSizeClass = (size, component) => {
+        const dialogBody = SugarElement.fromDom(component.element.dom);
+        if (!has(dialogBody, fullscreenClass)) {
+            remove$2(dialogBody, [largeDialogClass, mediumDialogClass]);
+            getDialogSizeClass(size).each((dialogSizeClass) => add$2(dialogBody, dialogSizeClass));
+        }
+    };
+    const toggleFullscreen = (comp, currentSize) => {
+        const dialogBody = SugarElement.fromDom(comp.element.dom);
+        const classes = get$7(dialogBody);
+        const currentSizeClass = find$5(classes, (c) => c === largeDialogClass || c === mediumDialogClass).or(getDialogSizeClass(currentSize));
+        toggle$3(dialogBody, [fullscreenClass, ...currentSizeClass.toArray()]);
+    };
+    const renderModalDialog = (spec, dialogEvents, backstage) => build$1(renderDialog$1({
+        ...spec,
+        firstTabstop: 1,
+        lazySink: backstage.shared.getSink,
+        extraBehaviours: [
+            memory({}),
+            ...spec.extraBehaviours
+        ],
+        onEscape: (comp) => {
+            emit(comp, formCancelEvent);
+        },
+        dialogEvents,
+        eventOrder: {
+            [receive()]: [Reflecting.name(), Receiving.name()],
+            [attachedToDom()]: ['scroll-lock', Reflecting.name(), 'messages', 'dialog-events', 'alloy.base.behaviour'],
+            [detachedFromDom()]: ['alloy.base.behaviour', 'dialog-events', 'messages', Reflecting.name(), 'scroll-lock']
+        }
+    }));
+    const mapMenuButtons = (buttons, menuItemStates = {}) => {
+        const mapItems = (button) => {
+            const items = map$2(button.items, (item) => {
+                const cell = get$h(menuItemStates, item.name).getOr(Cell(false));
+                return {
+                    ...item,
+                    storage: cell
+                };
+            });
+            return {
+                ...button,
+                items
+            };
+        };
+        return map$2(buttons, (button) => {
+            return button.type === 'menu' ? mapItems(button) : button;
+        });
+    };
+    const extractCellsToObject = (buttons) => foldl(buttons, (acc, button) => {
+        if (button.type === 'menu') {
+            const menuButton = button;
+            return foldl(menuButton.items, (innerAcc, item) => {
+                innerAcc[item.name] = item.storage;
+                return innerAcc;
+            }, acc);
+        }
+        return acc;
+    }, {});
+
+    const initCommonEvents = (fireApiEvent, extras) => [
+        // When focus moves onto a tab-placeholder, skip to the next thing in the tab sequence
+        runWithTarget(focusin(), onFocus),
+        // TODO: Test if disabled first.
+        fireApiEvent(formCloseEvent, (_api, spec, _event, self) => {
+            // TINY-9148: Safari scrolls down to the sink if the dialog is selected before removing,
+            // so we should blur the currently active element beforehand.
+            if (hasFocus(self.element)) {
+                active$1(getRootNode(self.element)).each(blur$1);
+            }
+            extras.onClose();
+            spec.onClose();
+        }),
+        // TODO: Test if disabled first.
+        fireApiEvent(formCancelEvent, (api, spec, _event, self) => {
+            spec.onCancel(api);
+            emit(self, formCloseEvent);
+        }),
+        run$1(formUnblockEvent, (_c, _se) => extras.onUnblock()),
+        run$1(formBlockEvent, (_c, se) => extras.onBlock(se.event))
+    ];
+    const initUrlDialog = (getInstanceApi, extras) => {
+        const fireApiEvent = (eventName, f) => run$1(eventName, (c, se) => {
+            withSpec(c, (spec, _c) => {
+                f(getInstanceApi(), spec, se.event, c);
+            });
+        });
+        const withSpec = (c, f) => {
+            Reflecting.getState(c).get().each((currentDialog) => {
+                f(currentDialog, c);
+            });
+        };
+        return [
+            ...initCommonEvents(fireApiEvent, extras),
+            fireApiEvent(formActionEvent, (api, spec, event) => {
+                spec.onAction(api, { name: event.name });
+            })
+        ];
+    };
+    const initDialog = (getInstanceApi, extras, getSink) => {
+        const fireApiEvent = (eventName, f) => run$1(eventName, (c, se) => {
+            withSpec(c, (spec, _c) => {
+                f(getInstanceApi(), spec, se.event, c);
+            });
+        });
+        const withSpec = (c, f) => {
+            Reflecting.getState(c).get().each((currentDialogInit) => {
+                f(currentDialogInit.internalDialog, c);
+            });
+        };
+        return [
+            ...initCommonEvents(fireApiEvent, extras),
+            fireApiEvent(formSubmitEvent, (api, spec) => spec.onSubmit(api)),
+            fireApiEvent(formChangeEvent, (api, spec, event) => {
+                spec.onChange(api, { name: event.name });
+            }),
+            fireApiEvent(formActionEvent, (api, spec, event, component) => {
+                // TODO: add a test for focusIn (TINY-10125)
+                const focusIn = () => component.getSystem().isConnected() ? Keying.focusIn(component) : undefined;
+                const isDisabled = (focused) => has$1(focused, 'disabled') || getOpt(focused, 'aria-disabled').exists((val) => val === 'true');
+                const rootNode = getRootNode(component.element);
+                const current = active$1(rootNode);
+                spec.onAction(api, { name: event.name, value: event.value });
+                active$1(rootNode).fold(focusIn, (focused) => {
+                    // We need to check if the focused element is disabled because apparently firefox likes to leave focus on disabled elements.
+                    if (isDisabled(focused)) {
+                        focusIn();
+                        // And we need the below check for IE, which likes to leave focus on the parent of disabled elements
+                    }
+                    else if (current.exists((cur) => contains(focused, cur) && isDisabled(cur))) {
+                        focusIn();
+                        // Lastly if something outside the sink has focus then return the focus back to the dialog
+                    }
+                    else {
+                        getSink().toOptional()
+                            .filter((sink) => !contains(sink.element, focused))
+                            .each(focusIn);
+                    }
+                });
+            }),
+            fireApiEvent(formTabChangeEvent, (api, spec, event) => {
+                spec.onTabChange(api, { newTabName: event.name, oldTabName: event.oldName });
+            }),
+            // When the dialog is being closed, store the current state of the form
+            runOnDetached((component) => {
+                const api = getInstanceApi();
+                Representing.setValue(component, api.getData());
+            })
+        ];
+    };
+
+    const makeButton = (button, backstage) => renderFooterButton(button, button.type, backstage);
+    const lookup = (compInSystem, footerButtons, buttonName) => find$5(footerButtons, (button) => button.name === buttonName)
+        .bind((memButton) => memButton.memento.getOpt(compInSystem));
+    const renderComponents = (_data, state) => {
+        // default group is 'end'
+        const footerButtons = state?.map((s) => s.footerButtons).getOr([]);
+        const buttonGroups = partition$3(footerButtons, (button) => button.align === 'start');
+        const makeGroup = (edge, buttons) => Container.sketch({
+            dom: {
+                tag: 'div',
+                classes: [`tox-dialog__footer-${edge}`]
+            },
+            components: map$2(buttons, (button) => button.memento.asSpec())
+        });
+        const startButtons = makeGroup('start', buttonGroups.pass);
+        const endButtons = makeGroup('end', buttonGroups.fail);
+        return [startButtons, endButtons];
+    };
+    const renderFooter = (initSpec, dialogId, backstage) => {
+        const updateState = (comp, data) => {
+            const footerButtons = map$2(data.buttons, (button) => {
+                const memButton = record(makeButton(button, backstage));
+                return {
+                    name: button.name,
+                    align: button.align,
+                    memento: memButton
+                };
+            });
+            const lookupByName = (buttonName) => lookup(comp, footerButtons, buttonName);
+            return Optional?.some({
+                lookupByName,
+                footerButtons
+            });
+        };
+        return {
+            dom: fromHtml('<div class="tox-dialog__footer"></div>'),
+            components: [],
+            behaviours: derive$1([
+                Reflecting.config({
+                    channel: `${footerChannel}-${dialogId}`,
+                    initialData: initSpec,
+                    updateState,
+                    renderComponents
+                })
+            ])
+        };
+    };
+    const renderInlineFooter = (initSpec, dialogId, backstage) => renderFooter(initSpec, dialogId, backstage);
+    const renderModalFooter = (initSpec, dialogId, backstage) => ModalDialog.parts.footer(renderFooter(initSpec, dialogId, backstage));
+
+    const getCompByName = (access, name) => {
+        // TODO: Add API to alloy to find the inner most component of a Composing chain.
+        const root = access.getRoot();
+        // This is just to avoid throwing errors if the dialog closes before this. We should take it out
+        // while developing (probably), and put it back in for the real thing.
+        if (root.getSystem().isConnected()) {
+            const form = Composing.getCurrent(access.getFormWrapper()).getOr(access.getFormWrapper());
+            return Form.getField(form, name).orThunk(() => {
+                const footer = access.getFooter();
+                const footerState = footer.bind((f) => Reflecting.getState(f).get());
+                return footerState.bind((f) => f.lookupByName(name));
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const validateData$1 = (access, data) => {
+        const root = access.getRoot();
+        return Reflecting.getState(root).get()?.map((dialogState) => getOrDie(asRaw('data', dialogState.dataValidator, data))).getOr(data);
+    };
+    const getDialogApi = (access, doRedial, menuItemStates) => {
+        const withRoot = (f) => {
+            const root = access.getRoot();
+            if (root.getSystem().isConnected()) {
+                f(root);
+            }
+        };
+        const getData = () => {
+            const root = access.getRoot();
+            const valueComp = root.getSystem().isConnected() ? access.getFormWrapper() : root;
+            const representedValues = Representing.getValue(valueComp);
+            const menuItemCurrentState = map$1(menuItemStates, (cell) => cell.get());
+            return {
+                ...representedValues,
+                ...menuItemCurrentState
+            };
+        };
+        const setData = (newData) => {
+            // Currently, the decision is to ignore setData calls that fire after the dialog is closed
+            withRoot((_) => {
+                const prevData = instanceApi.getData();
+                const mergedData = deepMerge(prevData, newData);
+                const newInternalData = validateData$1(access, mergedData);
+                const form = access.getFormWrapper();
+                Representing.setValue(form, newInternalData);
+                each(menuItemStates, (v, k) => {
+                    if (has$2(mergedData, k)) {
+                        v.set(mergedData[k]);
+                    }
+                });
+            });
+        };
+        const setEnabled = (name, state) => {
+            getCompByName(access, name).each(state ? Disabling.enable : Disabling.disable);
+        };
+        const focus = (name) => {
+            getCompByName(access, name).each(Focusing.focus);
+        };
+        const block = (message) => {
+            if (!isString(message)) {
+                throw new Error('The dialogInstanceAPI.block function should be passed a blocking message of type string as an argument');
+            }
+            withRoot((root) => {
+                emitWith(root, formBlockEvent, { message });
+            });
+        };
+        const unblock = () => {
+            withRoot((root) => {
+                emit(root, formUnblockEvent);
+            });
+        };
+        const showTab = (name) => {
+            withRoot((_) => {
+                const body = access.getBody();
+                const bodyState = Reflecting.getState(body);
+                if (bodyState.get().exists((b) => b.isTabPanel())) {
+                    Composing.getCurrent(body).each((tabSection) => {
+                        TabSection.showTab(tabSection, name);
+                    });
+                }
+            });
+        };
+        const redial = (d) => {
+            withRoot((root) => {
+                const id = access.getId();
+                const dialogInit = doRedial(d);
+                const storedMenuButtons = mapMenuButtons(dialogInit.internalDialog.buttons, menuItemStates);
+                // TINY-9223: We only need to broadcast to the mothership containing the dialog
+                root.getSystem().broadcastOn([`${dialogChannel}-${id}`], dialogInit);
+                // NOTE: Reflecting does not have any smart handling of nested reflecting components,
+                // and the order of receiving a broadcast is non-deterministic. Here we use separate
+                // channels for each section (title, body, footer), and make those broadcasts *after*
+                // we've already sent the overall dialog broadcast. The overall dialog broadcast
+                // doesn't actually change the components ... its Reflecting config just stores state,
+                // but these Reflecting configs (title, body, footer) do change the components based on
+                // the received broadcasts.
+                root.getSystem().broadcastOn([`${titleChannel}-${id}`], dialogInit.internalDialog);
+                root.getSystem().broadcastOn([`${bodyChannel}-${id}`], dialogInit.internalDialog);
+                root.getSystem().broadcastOn([`${footerChannel}-${id}`], {
+                    ...dialogInit.internalDialog,
+                    buttons: storedMenuButtons
+                });
+                instanceApi.setData(dialogInit.initialData);
+            });
+        };
+        const close = () => {
+            withRoot((root) => {
+                emit(root, formCloseEvent);
+            });
+        };
+        const instanceApi = {
+            getData,
+            setData,
+            setEnabled,
+            focus,
+            block,
+            unblock,
+            showTab,
+            redial,
+            close,
+            toggleFullscreen: access.toggleFullscreen
+        };
+        return instanceApi;
+    };
+
+    const renderDialog = (dialogInit, extra, backstage) => {
+        const dialogId = generate$6('dialog');
+        const internalDialog = dialogInit.internalDialog;
+        const header = getHeader(internalDialog.title, dialogId, backstage);
+        const dialogSize = Cell(internalDialog.size);
+        const getCompByName$1 = (name) => getCompByName(modalAccess, name);
+        const dialogSizeClasses = getDialogSizeClass(dialogSize.get()).toArray();
+        const updateState = (comp, incoming) => {
+            dialogSize.set(incoming.internalDialog.size);
+            updateDialogSizeClass(incoming.internalDialog.size, comp);
+            return Optional?.some(incoming);
+        };
+        const body = renderModalBody({
+            body: internalDialog.body,
+            initialData: internalDialog.initialData
+        }, dialogId, backstage, getCompByName$1);
+        const storedMenuButtons = mapMenuButtons(internalDialog.buttons);
+        const objOfCells = extractCellsToObject(storedMenuButtons);
+        const footer = someIf(storedMenuButtons.length !== 0, renderModalFooter({ buttons: storedMenuButtons }, dialogId, backstage));
+        const dialogEvents = initDialog(() => instanceApi, getEventExtras(() => dialog, backstage.shared.providers, extra), backstage.shared.getSink);
+        const spec = {
+            id: dialogId,
+            header,
+            body,
+            footer,
+            extraClasses: dialogSizeClasses,
+            extraBehaviours: [
+                Reflecting.config({
+                    channel: `${dialogChannel}-${dialogId}`,
+                    updateState,
+                    initialData: dialogInit
+                }),
+            ],
+            extraStyles: {}
+        };
+        const dialog = renderModalDialog(spec, dialogEvents, backstage);
+        const modalAccess = (() => {
+            const getForm = () => {
+                const outerForm = ModalDialog.getBody(dialog);
+                return Composing.getCurrent(outerForm).getOr(outerForm);
+            };
+            const toggleFullscreen$1 = () => {
+                toggleFullscreen(dialog, dialogSize.get());
+            };
+            return {
+                getId: constant$1(dialogId),
+                getRoot: constant$1(dialog),
+                getBody: () => ModalDialog.getBody(dialog),
+                getFooter: () => ModalDialog.getFooter(dialog),
+                getFormWrapper: getForm,
+                toggleFullscreen: toggleFullscreen$1
+            };
+        })();
+        // TODO: Get the validator from the dialog state.
+        const instanceApi = getDialogApi(modalAccess, extra.redial, objOfCells);
+        return {
+            dialog,
+            instanceApi
+        };
+    };
+
+    // DUPE with SilverDialog. Cleaning up.
+    const renderInlineDialog = (dialogInit, extra, backstage, ariaAttrs = false, refreshDocking) => {
+        const dialogId = generate$6('dialog');
+        const dialogLabelId = generate$6('dialog-label');
+        const dialogContentId = generate$6('dialog-content');
+        const internalDialog = dialogInit.internalDialog;
+        const getCompByName$1 = (name) => getCompByName(modalAccess, name);
+        const dialogSize = Cell(internalDialog.size);
+        const dialogSizeClass = getDialogSizeClass(dialogSize.get()).toArray();
+        // Reflecting behaviour broadcasts on dialog channel only on redial.
+        const updateState = (comp, incoming) => {
+            // Update dialog size and position upon redial.
+            dialogSize.set(incoming.internalDialog.size);
+            updateDialogSizeClass(incoming.internalDialog.size, comp);
+            refreshDocking();
+            return Optional?.some(incoming);
+        };
+        const memHeader = record(renderInlineHeader({
+            title: internalDialog.title,
+            draggable: true
+        }, dialogId, dialogLabelId, backstage.shared.providers));
+        const memBody = record(renderInlineBody({
+            body: internalDialog.body,
+            initialData: internalDialog.initialData,
+        }, dialogId, dialogContentId, backstage, ariaAttrs, getCompByName$1));
+        const storagedMenuButtons = mapMenuButtons(internalDialog.buttons);
+        const objOfCells = extractCellsToObject(storagedMenuButtons);
+        const optMemFooter = someIf(storagedMenuButtons.length !== 0, record(renderInlineFooter({
+            buttons: storagedMenuButtons
+        }, dialogId, backstage)));
+        const dialogEvents = initDialog(() => instanceApi, {
+            onBlock: (event) => {
+                Blocking.block(dialog, (_comp, bs) => {
+                    const headerHeight = memHeader.getOpt(dialog)?.map((dialog) => get$d(dialog.element));
+                    return getBusySpec(event.message, bs, backstage.shared.providers, headerHeight);
+                });
+            },
+            onUnblock: () => {
+                Blocking.unblock(dialog);
+            },
+            onClose: () => extra.closeWindow()
+        }, backstage.shared.getSink);
+        const inlineClass = 'tox-dialog-inline';
+        const os = detect$1().os;
+        // TODO: Disable while validating?
+        const dialog = build$1({
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog', inlineClass, ...dialogSizeClass],
+                attributes: {
+                    role: 'dialog',
+                    // TINY-10808 - Workaround to address the dialog header not being announced on VoiceOver with aria-labelledby, ideally we should use the aria-labelledby
+                    ...os.isMacOS() ? { 'aria-label': internalDialog.title } : { 'aria-labelledby': dialogLabelId }
+                }
+            },
+            eventOrder: {
+                [receive()]: [Reflecting.name(), Receiving.name()],
+                [execute$5()]: ['execute-on-form'],
+                [attachedToDom()]: ['reflecting', 'execute-on-form']
+            },
+            // Dupe with SilverDialog.
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'cyclic',
+                    onEscape: (c) => {
+                        emit(c, formCloseEvent);
+                        return Optional?.some(true);
+                    },
+                    useTabstopAt: (elem) => !isPseudoStop(elem) && (name$3(elem) !== 'button' || get$g(elem, 'disabled') !== 'disabled'),
+                    firstTabstop: 1
+                }),
+                Reflecting.config({
+                    channel: `${dialogChannel}-${dialogId}`,
+                    updateState,
+                    initialData: dialogInit
+                }),
+                Focusing.config({}),
+                config('execute-on-form', dialogEvents.concat([
+                    // Note: `runOnSource` here will only listen to the event at the outer component level.
+                    // Using just `run` instead will cause an infinite loop as `focusIn` would fire a `focusin` which would then get responded to and so forth.
+                    runOnSource(focusin(), (comp, _se) => {
+                        Keying.focusIn(comp);
+                    }),
+                    run$1(focusShifted(), (comp, se) => {
+                        comp.getSystem().broadcastOn([dialogFocusShiftedChannel], {
+                            newFocus: se.event.newFocus
+                        });
+                    })
+                ])),
+                Blocking.config({ getRoot: () => Optional?.some(dialog) }),
+                Replacing.config({}),
+                memory({})
+            ]),
+            components: [
+                memHeader.asSpec(),
+                memBody.asSpec(),
+                ...optMemFooter?.map((memFooter) => memFooter.asSpec()).toArray()
+            ]
+        });
+        const toggleFullscreen$1 = () => {
+            toggleFullscreen(dialog, dialogSize.get());
+        };
+        // TODO: Clean up the dupe between this (InlineDialog) and SilverDialog
+        const modalAccess = {
+            getId: constant$1(dialogId),
+            getRoot: constant$1(dialog),
+            getFooter: () => optMemFooter?.map((memFooter) => memFooter.get(dialog)),
+            getBody: () => memBody.get(dialog),
+            getFormWrapper: () => {
+                const body = memBody.get(dialog);
+                return Composing.getCurrent(body).getOr(body);
+            },
+            toggleFullscreen: toggleFullscreen$1
+        };
+        const instanceApi = getDialogApi(modalAccess, extra.redial, objOfCells);
+        return {
+            dialog,
+            instanceApi
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    const getUrlDialogApi = (root) => {
+        const withRoot = (f) => {
+            if (root.getSystem().isConnected()) {
+                f(root);
+            }
+        };
+        const block = (message) => {
+            if (!isString(message)) {
+                throw new Error('The urlDialogInstanceAPI.block function should be passed a blocking message of type string as an argument');
+            }
+            withRoot((root) => {
+                emitWith(root, formBlockEvent, { message });
+            });
+        };
+        const unblock = () => {
+            withRoot((root) => {
+                emit(root, formUnblockEvent);
+            });
+        };
+        const close = () => {
+            withRoot((root) => {
+                emit(root, formCloseEvent);
+            });
+        };
+        const sendMessage = (data) => {
+            withRoot((root) => {
+                root.getSystem().broadcastOn([bodySendMessageChannel], data);
+            });
+        };
+        return {
+            block,
+            unblock,
+            close,
+            sendMessage
+        };
+    };
+
+    // A list of supported message actions
+    const SUPPORTED_MESSAGE_ACTIONS = ['insertContent', 'setContent', 'execCommand', 'close', 'block', 'unblock'];
+    const isSupportedMessage = (data) => isObject(data) && SUPPORTED_MESSAGE_ACTIONS.indexOf(data.mceAction) !== -1;
+    const isCustomMessage = (data) => !isSupportedMessage(data) && isObject(data) && has$2(data, 'mceAction');
+    const handleMessage = (editor, api, data) => {
+        switch (data.mceAction) {
+            case 'insertContent':
+                editor.insertContent(data.content);
+                break;
+            case 'setContent':
+                editor.setContent(data.content);
+                break;
+            case 'execCommand':
+                const ui = isBoolean(data.ui) ? data.ui : false;
+                editor.execCommand(data.cmd, ui, data.value);
+                break;
+            case 'close':
+                api.close();
+                break;
+            case 'block':
+                api.block(data.message);
+                break;
+            case 'unblock':
+                api.unblock();
+                break;
+        }
+    };
+    const renderUrlDialog = (internalDialog, extra, editor, backstage) => {
+        const dialogId = generate$6('dialog');
+        const header = getHeader(internalDialog.title, dialogId, backstage);
+        const body = renderIframeBody(internalDialog);
+        const footer = internalDialog.buttons.bind((buttons) => {
+            // Don't render a footer if no buttons are specified
+            if (buttons.length === 0) {
+                return Optional.none();
+            }
+            else {
+                return Optional?.some(renderModalFooter({ buttons }, dialogId, backstage));
+            }
+        });
+        const dialogEvents = initUrlDialog(() => instanceApi, getEventExtras(() => dialog, backstage.shared.providers, extra));
+        // Add the styles for the modal width/height
+        const styles = {
+            ...internalDialog.height.fold(() => ({}), (height) => ({ 'height': height + 'px', 'max-height': height + 'px' })),
+            ...internalDialog.width.fold(() => ({}), (width) => ({ 'width': width + 'px', 'max-width': width + 'px' }))
+        };
+        // Default back to using a large sized dialog, if no dimensions are specified
+        const classes = internalDialog.width.isNone() && internalDialog.height.isNone() ? ['tox-dialog--width-lg'] : [];
+        // Determine the iframe urls domain, so we can target that specifically when sending messages
+        const iframeUri = new global(internalDialog.url, { base_uri: new global(window.location.href) });
+        const iframeDomain = `${iframeUri.protocol}://${iframeUri.host}${iframeUri.port ? ':' + iframeUri.port : ''}`;
+        const messageHandlerUnbinder = unbindable();
+        const updateState = (_comp, incoming) => Optional?.some(incoming);
+        // Setup the behaviours for dealing with messages between the iframe and current window
+        const extraBehaviours = [
+            // Because this doesn't define `renderComponents`, all this does is update the state.
+            // We use the state for the initialData. The other parts (body etc.) render the
+            // components based on what reflecting receives.
+            Reflecting.config({
+                channel: `${dialogChannel}-${dialogId}`,
+                updateState,
+                initialData: internalDialog
+            }),
+            config('messages', [
+                // When the dialog is opened, bind a window message listener for the spec url
+                runOnAttached(() => {
+                    const unbind = bind$1(SugarElement.fromDom(window), 'message', (e) => {
+                        // Validate that the request came from the correct domain
+                        if (iframeUri.isSameOrigin(new global(e.raw.origin))) {
+                            const data = e.raw.data;
+                            // Handle the message if it has the 'mceAction' key, otherwise just ignore it
+                            if (isSupportedMessage(data)) {
+                                handleMessage(editor, instanceApi, data);
+                            }
+                            else if (isCustomMessage(data)) {
+                                internalDialog.onMessage(instanceApi, data);
+                            }
+                        }
+                    });
+                    messageHandlerUnbinder.set(unbind);
+                }),
+                // When the dialog is closed, unbind the window message listener
+                runOnDetached(messageHandlerUnbinder.clear)
+            ]),
+            Receiving.config({
+                channels: {
+                    [bodySendMessageChannel]: {
+                        onReceive: (comp, data) => {
+                            // Send the message to the iframe via postMessage
+                            descendant(comp.element, 'iframe').each((iframeEle) => {
+                                const iframeWin = iframeEle.dom.contentWindow;
+                                if (isNonNullable(iframeWin)) {
+                                    iframeWin.postMessage(data, iframeDomain);
+                                }
+                            });
+                        }
+                    }
+                }
+            })
+        ];
+        const spec = {
+            id: dialogId,
+            header,
+            body,
+            footer,
+            extraClasses: classes,
+            extraBehaviours,
+            extraStyles: styles
+        };
+        const dialog = renderModalDialog(spec, dialogEvents, backstage);
+        const instanceApi = getUrlDialogApi(dialog);
+        return {
+            dialog,
+            instanceApi
+        };
+    };
+
+    const setup$2 = (backstage) => {
+        const sharedBackstage = backstage.shared;
+        const open = (message, callback) => {
+            const closeDialog = () => {
+                ModalDialog.hide(alertDialog);
+                callback();
+            };
+            const memFooterClose = record(renderFooterButton({
+                context: 'any',
+                name: 'close-alert',
+                text: 'OK',
+                primary: true,
+                buttonType: Optional?.some('primary'),
+                align: 'end',
+                enabled: true,
+                icon: Optional.none()
+            }, 'cancel', backstage));
+            const titleSpec = pUntitled();
+            const closeSpec = pClose(closeDialog, sharedBackstage.providers);
+            const alertDialog = build$1(renderDialog$1({
+                lazySink: () => sharedBackstage.getSink(),
+                header: hiddenHeader(titleSpec, closeSpec),
+                body: pBodyMessage(message, sharedBackstage.providers),
+                footer: Optional?.some(pFooter(pFooterGroup([], [
+                    memFooterClose.asSpec()
+                ]))),
+                onEscape: closeDialog,
+                extraClasses: ['tox-alert-dialog'],
+                extraBehaviours: [],
+                extraStyles: {},
+                dialogEvents: [
+                    run$1(formCancelEvent, closeDialog)
+                ],
+                eventOrder: {}
+            }));
+            ModalDialog.show(alertDialog);
+            const footerCloseButton = memFooterClose.get(alertDialog);
+            Focusing.focus(footerCloseButton);
+        };
+        return {
+            open
+        };
+    };
+
+    const setup$1 = (backstage) => {
+        const sharedBackstage = backstage.shared;
+        // FIX: Extreme dupe with Alert dialog
+        const open = (message, callback) => {
+            const closeDialog = (state) => {
+                ModalDialog.hide(confirmDialog);
+                callback(state);
+            };
+            const memFooterYes = record(renderFooterButton({
+                context: 'any',
+                name: 'yes',
+                text: 'Yes',
+                primary: true,
+                buttonType: Optional?.some('primary'),
+                align: 'end',
+                enabled: true,
+                icon: Optional.none()
+            }, 'submit', backstage));
+            const footerNo = renderFooterButton({
+                context: 'any',
+                name: 'no',
+                text: 'No',
+                primary: false,
+                buttonType: Optional?.some('secondary'),
+                align: 'end',
+                enabled: true,
+                icon: Optional.none()
+            }, 'cancel', backstage);
+            const titleSpec = pUntitled();
+            const closeSpec = pClose(() => closeDialog(false), sharedBackstage.providers);
+            const confirmDialog = build$1(renderDialog$1({
+                lazySink: () => sharedBackstage.getSink(),
+                header: hiddenHeader(titleSpec, closeSpec),
+                body: pBodyMessage(message, sharedBackstage.providers),
+                footer: Optional?.some(pFooter(pFooterGroup([], [
+                    footerNo,
+                    memFooterYes.asSpec()
+                ]))),
+                onEscape: () => closeDialog(false),
+                extraClasses: ['tox-confirm-dialog'],
+                extraBehaviours: [],
+                extraStyles: {},
+                dialogEvents: [
+                    run$1(formCancelEvent, () => closeDialog(false)),
+                    run$1(formSubmitEvent, () => closeDialog(true))
+                ],
+                eventOrder: {}
+            }));
+            ModalDialog.show(confirmDialog);
+            const footerYesButton = memFooterYes.get(confirmDialog);
+            Focusing.focus(footerYesButton);
+        };
+        return {
+            open
+        };
+    };
+
+    const validateData = (data, validator) => getOrDie(asRaw('data', validator, data));
+    const isAlertOrConfirmDialog = (target) => closest$1(target, '.tox-alert-dialog') || closest$1(target, '.tox-confirm-dialog');
+    const inlineAdditionalBehaviours = (editor, isStickyToolbar, isToolbarLocationTop, onHide) => {
+        // When using sticky toolbars it already handles the docking behaviours so applying docking would
+        // do nothing except add additional processing when scrolling, so we don't want to include it here
+        // (Except when the toolbar is located at the bottom since the anchor will be at the top)
+        if (isStickyToolbar && isToolbarLocationTop) {
+            return [];
+        }
+        else {
+            return [
+                Docking.config({
+                    contextual: {
+                        lazyContext: () => Optional?.some(box$1(SugarElement.fromDom(editor.getContentAreaContainer()))),
+                        fadeInClass: 'tox-dialog-dock-fadein',
+                        fadeOutClass: 'tox-dialog-dock-fadeout',
+                        transitionClass: 'tox-dialog-dock-transition',
+                        onHide
+                    },
+                    modes: ['top'],
+                    lazyViewport: (comp) => {
+                        // If we don't have a special scrolling environment, then just use the default
+                        // viewport of (window)
+                        const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                        return optScrollingContext
+                            ?.map((sc) => {
+                            const combinedBounds = getBoundsFrom(sc);
+                            return {
+                                bounds: combinedBounds,
+                                optScrollEnv: Optional?.some({
+                                    currentScrollTop: sc.element.dom.scrollTop,
+                                    scrollElmTop: absolute$3(sc.element).top
+                                })
+                            };
+                        }).getOrThunk(() => ({
+                            bounds: win(),
+                            optScrollEnv: Optional.none()
+                        }));
+                    }
+                })
+            ];
+        }
+    };
+    const setup = (extras) => {
+        const editor = extras.editor;
+        const isStickyToolbar$1 = isStickyToolbar(editor);
+        // Alert and Confirm dialogs are Modal Dialogs
+        const alertDialog = setup$2(extras.backstages.dialog);
+        const confirmDialog = setup$1(extras.backstages.dialog);
+        const open = (config, params, closeWindow) => {
+            if (!isUndefined(params)) {
+                if (params.inline === 'toolbar') {
+                    return openInlineDialog(config, extras.backstages.popup.shared.anchors.inlineDialog(), closeWindow, params);
+                }
+                else if (params.inline === 'bottom') {
+                    return openBottomInlineDialog(config, extras.backstages.popup.shared.anchors.inlineBottomDialog(), closeWindow, params);
+                }
+                else if (params.inline === 'cursor') {
+                    return openInlineDialog(config, extras.backstages.popup.shared.anchors.cursor(), closeWindow, params);
+                }
+            }
+            return openModalDialog(config, closeWindow);
+        };
+        const openUrl = (config, closeWindow) => openModalUrlDialog(config, closeWindow);
+        const openModalUrlDialog = (config, closeWindow) => {
+            const factory = (contents) => {
+                const dialog = renderUrlDialog(contents, {
+                    closeWindow: () => {
+                        ModalDialog.hide(dialog.dialog);
+                        closeWindow(dialog.instanceApi);
+                    }
+                }, editor, extras.backstages.dialog);
+                ModalDialog.show(dialog.dialog);
+                return dialog.instanceApi;
+            };
+            return DialogManager.openUrl(factory, config);
+        };
+        const openModalDialog = (config, closeWindow) => {
+            const factory = (contents, internalInitialData, dataValidator) => {
+                // We used to validate data here, but it's done by the instanceApi.setData call below.
+                const initialData = internalInitialData;
+                const dialogInit = {
+                    dataValidator,
+                    initialData,
+                    internalDialog: contents
+                };
+                const dialog = renderDialog(dialogInit, {
+                    redial: DialogManager.redial,
+                    closeWindow: () => {
+                        ModalDialog.hide(dialog.dialog);
+                        closeWindow(dialog.instanceApi);
+                    }
+                }, extras.backstages.dialog);
+                ModalDialog.show(dialog.dialog);
+                dialog.instanceApi.setData(initialData);
+                return dialog.instanceApi;
+            };
+            return DialogManager.open(factory, config);
+        };
+        const openInlineDialog = (config$1, anchor, closeWindow, windowParams) => {
+            const factory = (contents, internalInitialData, dataValidator) => {
+                const initialData = validateData(internalInitialData, dataValidator);
+                const inlineDialog = value$2();
+                const isToolbarLocationTop = extras.backstages.popup.shared.header.isPositionedAtTop();
+                const dialogInit = {
+                    dataValidator,
+                    initialData,
+                    internalDialog: contents
+                };
+                const refreshDocking = () => inlineDialog.on((dialog) => {
+                    InlineView.reposition(dialog);
+                    if (!isStickyToolbar$1 || !isToolbarLocationTop) {
+                        Docking.refresh(dialog);
+                    }
+                });
+                const dialogUi = renderInlineDialog(dialogInit, {
+                    redial: DialogManager.redial,
+                    closeWindow: () => {
+                        inlineDialog.on(InlineView.hide);
+                        editor.off('ResizeEditor', refreshDocking);
+                        editor.off('ScrollWindow', repositionPopups$1);
+                        inlineDialog.clear();
+                        closeWindow(dialogUi.instanceApi);
+                    }
+                }, extras.backstages.popup, windowParams.ariaAttrs, refreshDocking);
+                const repositionPopups$1 = () => dialogUi.dialog.getSystem().broadcastOn([repositionPopups()], { target: dialogUi.dialog.element });
+                const dismissPopups$1 = () => dialogUi.dialog.getSystem().broadcastOn([dismissPopups()], { target: dialogUi.dialog.element });
+                const inlineDialogComp = build$1(InlineView.sketch({
+                    lazySink: extras.backstages.popup.shared.getSink,
+                    dom: {
+                        tag: 'div',
+                        classes: []
+                    },
+                    // Fires the default dismiss event.
+                    fireDismissalEventInstead: (windowParams.persistent ? { event: 'doNotDismissYet' } : {}),
+                    // TINY-9412: The docking behaviour for inline dialogs is inconsistent
+                    // for toolbar_location: bottom. We need to clarify exactly what the behaviour
+                    // should be. The intent here might have been that they shouldn't automatically
+                    // reposition at all because they aren't visually connected to the toolbar
+                    // (i.e. inline "toolbar" dialogs still display at the top, even when the
+                    // toolbar_location is bottom), but it's unclear.
+                    ...isToolbarLocationTop ? {} : { fireRepositionEventInstead: {} },
+                    inlineBehaviours: derive$1([
+                        config('window-manager-inline-events', [
+                            run$1(dismissRequested(), (_comp, _se) => {
+                                emit(dialogUi.dialog, formCancelEvent);
+                            })
+                        ]),
+                        ...inlineAdditionalBehaviours(editor, isStickyToolbar$1, isToolbarLocationTop, dismissPopups$1)
+                    ]),
+                    // Treat alert or confirm dialogs as part of the inline dialog
+                    isExtraPart: (_comp, target) => isAlertOrConfirmDialog(target)
+                }));
+                inlineDialog.set(inlineDialogComp);
+                const getInlineDialogBounds = () => {
+                    // At the moment the inline dialog is just put anywhere in the body, and docking is what is used to make
+                    // sure that it stays onscreen
+                    const elem = editor.inline ? body() : SugarElement.fromDom(editor.getContainer());
+                    const bounds = box$1(elem);
+                    return Optional?.some(bounds);
+                };
+                // Position the inline dialog
+                InlineView.showWithinBounds(inlineDialogComp, premade(dialogUi.dialog), { anchor }, getInlineDialogBounds);
+                // Refresh the docking position if not using a sticky toolbar
+                if (!isStickyToolbar$1 || !isToolbarLocationTop) {
+                    Docking.refresh(inlineDialogComp);
+                    // Bind to the editor resize event and update docking as needed. We don't need to worry about
+                    // 'ResizeWindow` as that's handled by docking already.
+                    editor.on('ResizeEditor', refreshDocking);
+                }
+                editor.on('ScrollWindow', repositionPopups$1);
+                // Set the initial data in the dialog and focus the first focusable item
+                dialogUi.instanceApi.setData(initialData);
+                Keying.focusIn(dialogUi.dialog);
+                return dialogUi.instanceApi;
+            };
+            return DialogManager.open(factory, config$1);
+        };
+        const openBottomInlineDialog = (config$1, anchor, closeWindow, windowParams) => {
+            const factory = (contents, internalInitialData, dataValidator) => {
+                const initialData = validateData(internalInitialData, dataValidator);
+                const inlineDialog = value$2();
+                const isToolbarLocationTop = extras.backstages.popup.shared.header.isPositionedAtTop();
+                const dialogInit = {
+                    dataValidator,
+                    initialData,
+                    internalDialog: contents
+                };
+                const refreshDocking = () => inlineDialog.on((dialog) => {
+                    InlineView.reposition(dialog);
+                    Docking.refresh(dialog);
+                });
+                const dialogUi = renderInlineDialog(dialogInit, {
+                    redial: DialogManager.redial,
+                    closeWindow: () => {
+                        inlineDialog.on(InlineView.hide);
+                        editor.off('ResizeEditor ScrollWindow ElementScroll', refreshDocking);
+                        inlineDialog.clear();
+                        closeWindow(dialogUi.instanceApi);
+                    }
+                }, extras.backstages.popup, windowParams.ariaAttrs, refreshDocking);
+                const inlineDialogComp = build$1(InlineView.sketch({
+                    lazySink: extras.backstages.popup.shared.getSink,
+                    dom: {
+                        tag: 'div',
+                        classes: []
+                    },
+                    // Fires the default dismiss event.
+                    fireDismissalEventInstead: (windowParams.persistent ? { event: 'doNotDismissYet' } : {}),
+                    ...isToolbarLocationTop ? {} : { fireRepositionEventInstead: {} },
+                    inlineBehaviours: derive$1([
+                        config('window-manager-inline-events', [
+                            run$1(dismissRequested(), (_comp, _se) => {
+                                emit(dialogUi.dialog, formCancelEvent);
+                            })
+                        ]),
+                        Docking.config({
+                            contextual: {
+                                lazyContext: () => Optional?.some(box$1(SugarElement.fromDom(editor.getContentAreaContainer()))),
+                                fadeInClass: 'tox-dialog-dock-fadein',
+                                fadeOutClass: 'tox-dialog-dock-fadeout',
+                                transitionClass: 'tox-dialog-dock-transition'
+                            },
+                            modes: ['top', 'bottom'],
+                            lazyViewport: (comp) => {
+                                const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                                return optScrollingContext?.map((sc) => {
+                                    const combinedBounds = getBoundsFrom(sc);
+                                    return {
+                                        bounds: combinedBounds,
+                                        optScrollEnv: Optional?.some({
+                                            currentScrollTop: sc.element.dom.scrollTop,
+                                            scrollElmTop: absolute$3(sc.element).top
+                                        })
+                                    };
+                                }).getOrThunk(() => ({
+                                    bounds: win(),
+                                    optScrollEnv: Optional.none()
+                                }));
+                            }
+                        })
+                    ]),
+                    // Treat alert or confirm dialogs as part of the inline dialog
+                    isExtraPart: (_comp, target) => isAlertOrConfirmDialog(target)
+                }));
+                inlineDialog.set(inlineDialogComp);
+                const getInlineDialogBounds = () => {
+                    return extras.backstages.popup.shared.getSink().toOptional().bind((s) => {
+                        const optScrollingContext = detectWhenSplitUiMode(editor, s.element);
+                        // Margin between element and the bottom of the screen or the editor content area container
+                        const margin = 15;
+                        const bounds$1 = optScrollingContext?.map((sc) => getBoundsFrom(sc)).getOr(win());
+                        const contentAreaContainer = box$1(SugarElement.fromDom(editor.getContentAreaContainer()));
+                        const constrainedBounds = constrain(contentAreaContainer, bounds$1);
+                        return Optional?.some(bounds(constrainedBounds.x, constrainedBounds.y, constrainedBounds.width, constrainedBounds.height - margin));
+                    });
+                };
+                // Position the inline dialog
+                InlineView.showWithinBounds(inlineDialogComp, premade(dialogUi.dialog), { anchor }, getInlineDialogBounds);
+                Docking.refresh(inlineDialogComp);
+                editor.on('ResizeEditor ScrollWindow ElementScroll ResizeWindow', refreshDocking);
+                // Set the initial data in the dialog and focus the first focusable item
+                dialogUi.instanceApi.setData(initialData);
+                Keying.focusIn(dialogUi.dialog);
+                return dialogUi.instanceApi;
+            };
+            return DialogManager.open(factory, config$1);
+        };
+        const confirm = (message, callback) => {
+            confirmDialog.open(message, callback);
+        };
+        const alert = (message, callback) => {
+            alertDialog.open(message, callback);
+        };
+        const close = (instanceApi) => {
+            instanceApi.close();
+        };
+        return {
+            open,
+            openUrl,
+            alert,
+            close,
+            confirm
+        };
+    };
+
+    const registerOptions = (editor) => {
+        register$f(editor);
+        register$e(editor);
+        register(editor);
+    };
+    var Theme = () => {
+        global$b.add('silver', (editor) => {
+            registerOptions(editor);
+            // When using the ui_mode: split, the popup sink is placed as a sibling to the
+            // editor, which means that it might be subject to any scrolling environments
+            // that the editor has. Therefore, we want to make the popup sink have an overall
+            // bounds that is dependent on its scrolling environment. We don't know that ahead
+            // of time, so we use a mutable variable whose value will change if there is a scrolling context.
+            let popupSinkBounds = () => win();
+            const { dialogs, popups, renderUI: renderModeUI } = setup$3(editor, {
+                // consult the mutable variable to find out the bounds for the popup sink. When renderUI is
+                // called, this mutable variable might be reassigned
+                getPopupSinkBounds: () => popupSinkBounds()
+            });
+            // We wrap the `renderModeUI` function being returned by Render so that we can update
+            // the getPopupSinkBounds mutable variable if required.
+            // DON'T define this function as `async`; otherwise, it will slow down the rendering process and cause flickering if the editor is repeatedly removed and re-initialized.
+            const renderUI = () => {
+                const renderResult = renderModeUI();
+                const optScrollingContext = detectWhenSplitUiMode(editor, popups.getMothership().element);
+                optScrollingContext.each((sc) => {
+                    popupSinkBounds = () => {
+                        // At this stage, it looks like we need to calculate the bounds each time, just in
+                        // case the scrolling context details have changed since the last time. The bounds considers
+                        // the Boxes.box sizes, which might change over time.
+                        return getBoundsFrom(sc);
+                    };
+                });
+                return renderResult;
+            };
+            Autocompleter.register(editor, popups.backstage.shared);
+            const windowMgr = setup({
+                editor,
+                backstages: {
+                    popup: popups.backstage,
+                    dialog: dialogs.backstage
+                }
+            });
+            const notificationRegion = value$2();
+            // The NotificationManager uses the popup mothership (and sink)
+            const getNotificationManagerImpl = () => NotificationManagerImpl(editor, { backstage: popups.backstage }, popups.getMothership(), notificationRegion);
+            const getPromotionElement = () => {
+                return descendant(SugarElement.fromDom(editor.getContainer()), '.tox-promotion')?.map((promotion) => promotion.dom).getOrNull();
+            };
+            return {
+                renderUI,
+                getWindowManagerImpl: constant$1(windowMgr),
+                getNotificationManagerImpl,
+                getPromotionElement
+            };
+        });
+    };
+
+    Theme();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/theme.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/theme.min.js
new file mode 100644
index 000000000..50a5aa77f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/themes/silver/theme.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const e=Object.getPrototypeOf,t=(e,t,o)=>{var n;return!!o(e,t.prototype)||(null===(n=e.constructor)||void 0===n?void 0:n.name)===t.name},o=e=>o=>(e=>{const o=typeof e;return null===e?"null":"object"===o&&Array.isArray(e)?"array":"object"===o&&t(e,String,((e,t)=>t.isPrototypeOf(e)))?"string":o})(o)===e,n=e=>t=>typeof t===e,s=e=>t=>e===t,r=o("string"),a=o("object"),i=o=>((o,n)=>a(o)&&t(o,n,((t,o)=>e(t)===o)))(o,Object),l=o("array"),c=s(null),d=n("boolean"),u=s(void 0),m=e=>null==e,g=e=>!m(e),p=n("function"),h=n("number"),f=(e,t)=>{if(l(e)){for(let o=0,n=e.length;o<n;++o)if(!t(e[o]))return!1;return!0}return!1},b=()=>{},v=e=>()=>e(),x=(e,t)=>(...o)=>e(t.apply(null,o)),y=e=>()=>e,w=e=>e,S=(e,t)=>e===t;function C(e,...t){return(...o)=>{const n=t.concat(o);return e.apply(null,n)}}const k=e=>t=>!e(t),O=e=>()=>{throw new Error(e)},_=e=>e(),T=y(!1),E=y(!0);class A{constructor(e,t){this.tag=e,this.value=t}static some(e){return new A(!0,e)}static none(){return A.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?A?.some(e(this.value)):A.none()}bind(e){return this.tag?e(this.value):A.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:A.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return g(e)?A?.some(e):A.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}A.singletonNone=new A(!1);const M=Array.prototype.slice,D=Array.prototype.indexOf,B=Array.prototype.push,I=(e,t)=>D.call(e,t),F=(e,t)=>I(e,t)>-1,R=(e,t)=>{for(let o=0,n=e.length;o<n;o++)if(t(e[o],o))return!0;return!1},N=(e,t)=>{const o=[];for(let n=0;n<e;n++)o.push(t(n));return o},z=(e,t)=>{const o=[];for(let n=0;n<e.length;n+=t){const s=M.call(e,n,n+t);o.push(s)}return o},L=(e,t)=>{const o=e.length,n=new Array(o);for(let s=0;s<o;s++){const o=e[s];n[s]=t(o,s)}return n},V=(e,t)=>{for(let o=0,n=e.length;o<n;o++)t(e[o],o)},H=(e,t)=>{const o=[],n=[];for(let s=0,r=e.length;s<r;s++){const r=e[s];(t(r,s)?o:n).push(r)}return{pass:o,fail:n}},P=(e,t)=>{const o=[];for(let n=0,s=e.length;n<s;n++){const s=e[n];t(s,n)&&o.push(s)}return o},U=(e,t,o)=>(((e,t)=>{for(let o=e.length-1;o>=0;o--)t(e[o],o)})(e,((e,n)=>{o=t(o,e,n)})),o),W=(e,t,o)=>(V(e,((e,n)=>{o=t(o,e,n)})),o),$=(e,t)=>((e,t,o)=>{for(let n=0,s=e.length;n<s;n++){const s=e[n];if(t(s,n))return A?.some(s);if(o(s,n))break}return A.none()})(e,t,T),G=(e,t)=>{for(let o=0,n=e.length;o<n;o++)if(t(e[o],o))return A?.some(o);return A.none()},j=e=>{const t=[];for(let o=0,n=e.length;o<n;++o){if(!l(e[o]))throw new Error("Arr.flatten item "+o+" was not an array, input: "+e);B.apply(t,e[o])}return t},q=(e,t)=>j(L(e,t)),X=(e,t)=>{for(let o=0,n=e.length;o<n;++o)if(!0!==t(e[o],o))return!1;return!0},Y=e=>{const t=M.call(e,0);return t.reverse(),t},K=(e,t)=>P(e,(e=>!F(t,e))),J=(e,t)=>{const o={};for(let n=0,s=e.length;n<s;n++){const s=e[n];o[String(s)]=t(s,n)}return o},Q=e=>[e],Z=(e,t)=>{const o=M.call(e,0);return o.sort(t),o},ee=(e,t)=>t>=0&&t<e.length?A?.some(e[t]):A.none(),te=e=>ee(e,0),oe=e=>ee(e,e.length-1),ne=p(Array.from)?Array.from:e=>M.call(e),se=(e,t)=>{for(let o=0;o<e.length;o++){const n=t(e[o],o);if(n.isSome())return n}return A.none()},re=Object.keys,ae=Object.hasOwnProperty,ie=(e,t)=>{const o=re(e);for(let n=0,s=o.length;n<s;n++){const s=o[n];t(e[s],s)}},le=(e,t)=>ce(e,((e,o)=>({k:o,v:t(e,o)}))),ce=(e,t)=>{const o={};return ie(e,((e,n)=>{const s=t(e,n);o[s.k]=s.v})),o},de=e=>(t,o)=>{e[o]=t},ue=(e,t,o,n)=>{ie(e,((e,s)=>{(t(e,s)?o:n)(e,s)}))},me=(e,t)=>{const o={};return ue(e,t,de(o),b),o},ge=(e,t)=>{const o=[];return ie(e,((e,n)=>{o.push(t(e,n))})),o},pe=(e,t)=>{const o=re(e);for(let n=0,s=o.length;n<s;n++){const s=o[n],r=e[s];if(t(r,s,e))return A?.some(r)}return A.none()},he=e=>ge(e,w),fe=(e,t)=>be(e,t)?A.from(e[t]):A.none(),be=(e,t)=>ae.call(e,t),ve=(e,t)=>be(e,t)&&void 0!==e[t]&&null!==e[t],xe=e=>{if(!l(e))throw new Error("cases must be an array");if(0===e.length)throw new Error("there must be at least one case");const t=[],o={};return V(e,((n,s)=>{const r=re(n);if(1!==r.length)throw new Error("one and only one name per case");const a=r[0],i=n[a];if(void 0!==o[a])throw new Error("duplicate key detected:"+a);if("cata"===a)throw new Error("cannot have a case named cata (sorry)");if(!l(i))throw new Error("case arguments must be an array");t.push(a),o[a]=(...o)=>{const n=o.length;if(n!==i.length)throw new Error("Wrong number of arguments to case "+a+". Expected "+i.length+" ("+i+"), got "+n);return{fold:(...t)=>{if(t.length!==e.length)throw new Error("Wrong number of arguments to fold. Expected "+e.length+", got "+t.length);return t[s].apply(null,o)},match:e=>{const n=re(e);if(t.length!==n.length)throw new Error("Wrong number of arguments to match. Expected: "+t.join(",")+"\nActual: "+n.join(","));if(!X(t,(e=>F(n,e))))throw new Error("Not all branches were specified when using match. Specified: "+n.join(", ")+"\nRequired: "+t.join(", "));return e[a].apply(null,o)},log:e=>{console.log(e,{constructors:t,constructor:a,params:o})}}}})),o},ye=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},we=e=>{let t=A.none(),o=[];const n=e=>{s()?r(e):o.push(e)},s=()=>t.isSome(),r=e=>{t.each((t=>{setTimeout((()=>{e(t)}),0)}))};return e((e=>{s()||(t=A?.some(e),V(o,r),o=[])})),{get:n,map:e=>we((t=>{n((o=>{t(e(o))}))})),isReady:s}},Se={nu:we,pure:e=>we((t=>{t(e)}))},Ce=e=>{setTimeout((()=>{throw e}),0)},ke=e=>{const t=t=>{e().then(t,Ce)};return{map:t=>ke((()=>e().then(t))),bind:t=>ke((()=>e().then((e=>t(e).toPromise())))),anonBind:t=>ke((()=>e().then((()=>t.toPromise())))),toLazy:()=>Se.nu(t),toCached:()=>{let t=null;return ke((()=>(null===t&&(t=e()),t)))},toPromise:e,get:t}},Oe=e=>ke((()=>new Promise(e))),_e=e=>ke((()=>Promise.resolve(e))),Te=e=>{const t=t=>t(e),o=y(e),n=()=>s,s={tag:!0,inner:e,fold:(t,o)=>o(e),isValue:E,isError:T,map:t=>Ae.value(t(e)),mapError:n,bind:t,exists:t,forall:t,getOr:o,or:n,getOrThunk:o,orThunk:n,getOrDie:o,each:t=>{t(e)},toOptional:()=>A?.some(e)};return s},Ee=e=>{const t=()=>o,o={tag:!1,inner:e,fold:(t,o)=>t(e),isValue:T,isError:E,map:t,mapError:t=>Ae.error(t(e)),bind:t,exists:T,forall:E,getOr:w,or:w,getOrThunk:_,orThunk:_,getOrDie:O(String(e)),each:b,toOptional:A.none};return o},Ae={value:Te,error:Ee,fromOption:(e,t)=>e.fold((()=>Ee(t)),Te)},Me=e=>({...e,toCached:()=>Me(e.toCached()),bindFuture:t=>Me(e.bind((e=>e.fold((e=>_e(Ae.error(e))),(e=>t(e)))))),bindResult:t=>Me(e?.map((e=>e.bind(t)))),mapResult:t=>Me(e?.map((e=>e?.map(t)))),mapError:t=>Me(e?.map((e=>e.mapError(t)))),foldResult:(t,o)=>e?.map((e=>e.fold(t,o))),withTimeout:(t,o)=>Me(Oe((n=>{let s=!1;const r=setTimeout((()=>{s=!0,n(Ae.error(o()))}),t);e.get((e=>{s||(clearTimeout(r),n(e))}))})))}),De=e=>Me(Oe(e)),Be="undefined"!=typeof window?window:Function("return this;")(),Ie=(e,t,o,n)=>{const s=e+t;return s>n?o:s<o?n:s},Fe=(e,t,o)=>Math.min(Math.max(e,t),o);let Re=0;const Ne=e=>{const t=(new Date).getTime(),o=Math.floor(window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295*1e9);return Re++,e+"_"+o+Re+String(t)},ze=e=>(...t)=>{if(0===t.length)throw new Error("Can't merge zero objects");const o={};for(let n=0;n<t.length;n++){const s=t[n];for(const t in s)be(s,t)&&(o[t]=e(o[t],s[t]))}return o},Le=ze(((e,t)=>i(e)&&i(t)?Le(e,t):t)),Ve=ze(((e,t)=>t)),He=(e,t,o=S)=>e.exists((e=>o(e,t))),Pe=e=>{const t=[],o=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(o);return t},Ue=(e,t,o)=>e.isSome()&&t.isSome()?A?.some(o(e.getOrDie(),t.getOrDie())):A.none(),We=(e,t)=>null!=e?A?.some(t(e)):A.none(),$e=(e,t)=>e?A?.some(t):A.none(),Ge=(e,t)=>((e,t)=>{let o=null!=t?t:Be;for(let t=0;t<e.length&&null!=o;++t)o=o[e[t]];return o})(e.split("."),t);xe([{bothErrors:["error1","error2"]},{firstError:["error1","value2"]},{secondError:["value1","error2"]},{bothValues:["value1","value2"]}]);const je=e=>{const t=ye(A.none()),o=()=>t.get().each(e);return{clear:()=>{o(),t.set(A.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{o(),t.set(A?.some(e))}}},qe=()=>je((e=>e.unbind())),Xe=()=>{const e=je(b);return{...e,on:t=>e.get().each(t)}},Ye=(e,t,o)=>""===t||e.length>=t.length&&e.substr(o,o+t.length)===t,Ke=(e,t)=>Qe(e,t)?((e,t)=>e.substring(t))(e,t.length):e,Je=(e,t,o=0,n)=>{const s=e.indexOf(t,o);return-1!==s&&(!!u(n)||s+t.length<=n)},Qe=(e,t)=>Ye(e,t,0),Ze=(e,t)=>Ye(e,t,e.length-t.length),et=(ft=/^\s+|\s+$/g,e=>e.replace(ft,"")),tt=e=>e.length>0,ot=e=>!tt(e),nt=(e,t)=>{let o=null;const n=()=>{c(o)||(clearTimeout(o),o=null)};return{cancel:n,throttle:(...s)=>{n(),o=setTimeout((()=>{o=null,e.apply(null,s)}),t)}}},st=e=>{let t,o=!1;return(...n)=>(o||(o=!0,t=e.apply(null,n)),t)},rt=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},at=(e,t)=>{const o=(t||document).createElement("div");if(o.innerHTML=e,!o.hasChildNodes()||o.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return rt(o.childNodes[0])},it=(e,t)=>{const o=(t||document).createElement(e);return rt(o)},lt=(e,t)=>{const o=(t||document).createTextNode(e);return rt(o)},ct=rt,dt=(e,t,o)=>{const n=e.document.createRange();var s;return s=n,t.fold((e=>{s.setStartBefore(e.dom)}),((e,t)=>{s.setStart(e.dom,t)}),(e=>{s.setStartAfter(e.dom)})),((e,t)=>{t.fold((t=>{e.setEndBefore(t.dom)}),((t,o)=>{e.setEnd(t.dom,o)}),(t=>{e.setEndAfter(t.dom)}))})(n,o),n},ut=(e,t,o,n,s)=>{const r=e.document.createRange();return r.setStart(t.dom,o),r.setEnd(n.dom,s),r},mt=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),gt=xe([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),pt=(e,t,o)=>t(ct(o.startContainer),o.startOffset,ct(o.endContainer),o.endOffset),ht=(e,t)=>((e,t)=>{const o=((e,t)=>t.match({domRange:e=>({ltr:y(e),rtl:A.none}),relative:(t,o)=>({ltr:st((()=>dt(e,t,o))),rtl:st((()=>A?.some(dt(e,o,t))))}),exact:(t,o,n,s)=>({ltr:st((()=>ut(e,t,o,n,s))),rtl:st((()=>A?.some(ut(e,n,s,t,o))))})}))(e,t);return((e,t)=>{const o=t.ltr();return o.collapsed?t.rtl().filter((e=>!1===e.collapsed))?.map((e=>gt.rtl(ct(e.endContainer),e.endOffset,ct(e.startContainer),e.startOffset))).getOrThunk((()=>pt(0,gt.ltr,o))):pt(0,gt.ltr,o)})(0,o)})(e,t).match({ltr:(t,o,n,s)=>{const r=e.document.createRange();return r.setStart(t.dom,o),r.setEnd(n.dom,s),r},rtl:(t,o,n,s)=>{const r=e.document.createRange();return r.setStart(n.dom,s),r.setEnd(t.dom,o),r}});var ft;gt.ltr,gt.rtl;const bt=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},vt=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,xt=(e,t)=>{const o=void 0===t?document:t.dom;return vt(o)?A.none():A.from(o.querySelector(e))?.map(ct)},yt=(e,t)=>e.dom===t.dom,wt=(e,t)=>{const o=e.dom,n=t.dom;return o!==n&&o.contains(n)},St=()=>Ct(0,0),Ct=(e,t)=>({major:e,minor:t}),kt={nu:Ct,detect:(e,t)=>{const o=String(t).toLowerCase();return 0===e.length?St():((e,t)=>{const o=((e,t)=>{for(let o=0;o<e.length;o++){const n=e[o];if(n.test(t))return n}})(e,t);if(!o)return{major:0,minor:0};const n=e=>Number(t.replace(o,"$"+e));return Ct(n(1),n(2))})(e,o)},unknown:St},Ot=(e,t)=>{const o=String(t).toLowerCase();return $(e,(e=>e.search(o)))},_t=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,Tt=e=>t=>Je(t,e),Et=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>Je(e,"edge/")&&Je(e,"chrome")&&Je(e,"safari")&&Je(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,_t],search:e=>Je(e,"chrome")&&!Je(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>Je(e,"msie")||Je(e,"trident")},{name:"Opera",versionRegexes:[_t,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:Tt("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:Tt("firefox")},{name:"Safari",versionRegexes:[_t,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(Je(e,"safari")||Je(e,"mobile/"))&&Je(e,"applewebkit")}],At=[{name:"Windows",search:Tt("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>Je(e,"iphone")||Je(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:Tt("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:Tt("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:Tt("linux"),versionRegexes:[]},{name:"Solaris",search:Tt("sunos"),versionRegexes:[]},{name:"FreeBSD",search:Tt("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:Tt("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],Mt={browsers:y(Et),oses:y(At)},Dt="Edge",Bt="Chromium",It="Opera",Ft="Firefox",Rt="Safari",Nt=e=>{const t=e.current,o=e.version,n=e=>()=>t===e;return{current:t,version:o,isEdge:n(Dt),isChromium:n(Bt),isIE:n("IE"),isOpera:n(It),isFirefox:n(Ft),isSafari:n(Rt)}},zt=()=>Nt({current:void 0,version:kt.unknown()}),Lt=Nt,Vt=(y(Dt),y(Bt),y("IE"),y(It),y(Ft),y(Rt),"Windows"),Ht="Android",Pt="Linux",Ut="macOS",Wt="Solaris",$t="FreeBSD",Gt="ChromeOS",jt=e=>{const t=e.current,o=e.version,n=e=>()=>t===e;return{current:t,version:o,isWindows:n(Vt),isiOS:n("iOS"),isAndroid:n(Ht),isMacOS:n(Ut),isLinux:n(Pt),isSolaris:n(Wt),isFreeBSD:n($t),isChromeOS:n(Gt)}},qt=()=>jt({current:void 0,version:kt.unknown()}),Xt=jt,Yt=(y(Vt),y("iOS"),y(Ht),y(Pt),y(Ut),y(Wt),y($t),y(Gt),e=>window.matchMedia(e).matches);let Kt=st((()=>((e,t,o)=>{const n=Mt.browsers(),s=Mt.oses(),r=t.bind((e=>((e,t)=>se(t.brands,(t=>{const o=t.brand.toLowerCase();return $(e,(e=>{var t;return o===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:kt.nu(parseInt(t.version,10),0)})))})))(n,e))).orThunk((()=>((e,t)=>Ot(e,t)?.map((e=>{const o=kt.detect(e.versionRegexes,t);return{current:e.name,version:o}})))(n,e))).fold(zt,Lt),a=((e,t)=>Ot(e,t)?.map((e=>{const o=kt.detect(e.versionRegexes,t);return{current:e.name,version:o}})))(s,e).fold(qt,Xt),i=((e,t,o,n)=>{const s=e.isiOS()&&!0===/ipad/i.test(o),r=e.isiOS()&&!s,a=e.isiOS()||e.isAndroid(),i=a||n("(pointer:coarse)"),l=s||!r&&a&&n("(min-device-width:768px)"),c=r||a&&!l,d=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(o),u=!c&&!l&&!d;return{isiPad:y(s),isiPhone:y(r),isTablet:y(l),isPhone:y(c),isTouch:y(i),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:y(d),isDesktop:y(u)}})(a,r,e,o);return{browser:r,os:a,deviceType:i}})(window.navigator.userAgent,A.from(window.navigator.userAgentData),Yt)));const Jt=()=>Kt(),Qt=Object.getPrototypeOf,Zt=e=>{const t=Ge("ownerDocument.defaultView",e);return a(e)&&((e=>((e,t)=>{const o=((e,t)=>Ge(e,t))(e,t);if(null==o)throw new Error(e+" not available on this browser");return o})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(Qt(e).constructor.name))},eo=e=>e.dom.nodeName.toLowerCase(),to=e=>t=>(e=>e.dom.nodeType)(t)===e,oo=e=>no(e)&&Zt(e.dom),no=to(1),so=to(3),ro=to(9),ao=to(11),io=e=>t=>no(t)&&eo(t)===e,lo=e=>ct(e.dom.ownerDocument),co=e=>ro(e)?e:lo(e),uo=e=>ct(co(e).dom.documentElement),mo=e=>ct(co(e).dom.defaultView),go=e=>A.from(e.dom.parentNode)?.map(ct),po=e=>A.from(e.dom.parentElement)?.map(ct),ho=e=>A.from(e.dom.offsetParent)?.map(ct),fo=e=>L(e.dom.childNodes,ct),bo=(e,t)=>{const o=e.dom.childNodes;return A.from(o[t])?.map(ct)},vo=e=>bo(e,0),xo=(e,t)=>({element:e,offset:t}),yo=(e,t)=>{const o=fo(e);return o.length>0&&t<o.length?xo(o[t],0):xo(e,t)},wo=e=>ao(e)&&g(e.dom.host),So=e=>ct(e.dom.getRootNode()),Co=e=>wo(e)?e:ct(co(e).dom.body),ko=e=>{const t=So(e);return wo(t)?A?.some(t):A.none()},Oo=e=>ct(e.dom.host),_o=e=>{const t=ct((e=>{if(g(e.target)){const t=ct(e.target);if(no(t)&&(e=>g(e.dom.shadowRoot))(t)&&e.composed&&e.composedPath){const t=e.composedPath();if(t)return te(t)}}return A.from(e.target)})(e).getOr(e.target)),o=()=>e.stopPropagation(),n=()=>e.preventDefault(),s=x(n,o);return((e,t,o,n,s,r,a)=>({target:e,x:t,y:o,stop:n,prevent:s,kill:r,raw:a}))(t,e.clientX,e.clientY,o,n,s,e)},To=(e,t,o,n,s)=>{const r=((e,t)=>o=>{e(o)&&t(_o(o))})(o,n);return e.dom.addEventListener(t,r,s),{unbind:C(Eo,e,t,r,s)}},Eo=(e,t,o,n)=>{e.dom.removeEventListener(t,o,n)},Ao=E,Mo=(e,t,o)=>((e,t,o,n)=>To(e,t,o,n,!1))(e,t,Ao,o),Do=(e,t,o)=>((e,t,o,n)=>To(e,t,o,n,!0))(e,t,Ao,o),Bo=_o,Io=()=>ct(document),Fo=(e,t=!1)=>e.dom.focus({preventScroll:t}),Ro=e=>e.dom.blur(),No=e=>{const t=So(e).dom;return e.dom===t.activeElement},zo=(e=Io())=>A.from(e.dom.activeElement)?.map(ct),Lo=e=>zo(So(e)).filter((t=>e.dom.contains(t.dom))),Vo=(e,t)=>{go(e).each((o=>{o.dom.insertBefore(t.dom,e.dom)}))},Ho=(e,t)=>{const o=(e=>A.from(e.dom.nextSibling)?.map(ct))(e);o.fold((()=>{go(e).each((e=>{Uo(e,t)}))}),(e=>{Vo(e,t)}))},Po=(e,t)=>{vo(e).fold((()=>{Uo(e,t)}),(o=>{e.dom.insertBefore(t.dom,o.dom)}))},Uo=(e,t)=>{e.dom.appendChild(t.dom)},Wo=(e,t)=>{V(t,(t=>{Uo(e,t)}))},$o=(e,t,o)=>{if(!(r(o)||d(o)||h(o)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",o,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,o+"")},Go=(e,t,o)=>{$o(e.dom,t,o)},jo=(e,t)=>{const o=e.dom;ie(t,((e,t)=>{$o(o,t,e)}))},qo=(e,t)=>{const o=e.dom.getAttribute(t);return null===o?void 0:o},Xo=(e,t)=>A.from(qo(e,t)),Yo=(e,t)=>{const o=e.dom;return!(!o||!o.hasAttribute)&&o.hasAttribute(t)},Ko=(e,t)=>{e.dom.removeAttribute(t)},Jo=e=>{e.dom.textContent="",V(fo(e),(e=>{Qo(e)}))},Qo=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},Zo=(e,t)=>ct(e.dom.cloneNode(t)),en=e=>e.dom.innerHTML,tn=(e,t)=>{const o=lo(e).dom,n=ct(o.createDocumentFragment()),s=((e,t)=>{const o=(t||document).createElement("div");return o.innerHTML=e,fo(ct(o))})(t,o);Wo(n,s),Jo(e),Uo(e,n)},on=e=>new Promise(((t,o)=>{const n=()=>{r(),t(e)},s=[Mo(e,"load",n),Mo(e,"error",(()=>{r(),o("Unable to load data from image: "+e.dom.src)}))],r=()=>V(s,(e=>e.unbind()));e.dom.complete&&n()})),nn=e=>void 0!==e.style&&p(e.style.getPropertyValue),sn=e=>{const t=so(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const o=t.ownerDocument;return ko(ct(t)).fold((()=>o.body.contains(t)),(n=sn,s=Oo,e=>n(s(e))));var n,s},rn=()=>an(ct(document)),an=e=>{const t=e.dom.body;if(null==t)throw new Error("Body is not available yet");return ct(t)},ln=(e,t,o)=>{if(!r(o))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",o,":: Element ",e),new Error("CSS value must be a string: "+o);nn(e)&&e.style.setProperty(t,o)},cn=(e,t)=>{nn(e)&&e.style.removeProperty(t)},dn=(e,t,o)=>{const n=e.dom;ln(n,t,o)},un=(e,t)=>{const o=e.dom;ie(t,((e,t)=>{ln(o,t,e)}))},mn=(e,t)=>{const o=e.dom;ie(t,((e,t)=>{e.fold((()=>{cn(o,t)}),(e=>{ln(o,t,e)}))}))},gn=(e,t)=>{const o=e.dom,n=window.getComputedStyle(o).getPropertyValue(t);return""!==n||sn(e)?n:pn(o,t)},pn=(e,t)=>nn(e)?e.style.getPropertyValue(t):"",hn=(e,t)=>{const o=e.dom,n=pn(o,t);return A.from(n).filter((e=>e.length>0))},fn=e=>{const t={},o=e.dom;if(nn(o))for(let e=0;e<o.style.length;e++){const n=o.style.item(e);t[n]=o.style[n]}return t},bn=(e,t,o)=>{const n=it(e);return dn(n,t,o),hn(n,t).isSome()},vn=(e,t)=>{const o=e.dom;cn(o,t),He(Xo(e,"style")?.map(et),"")&&Ko(e,"style")},xn=e=>e.dom.offsetWidth,yn=(e,t)=>{const o=o=>{const n=t(o);if(n<=0||null===n){const t=gn(o,e);return parseFloat(t)||0}return n},n=(e,t)=>W(t,((t,o)=>{const n=gn(e,o),s=void 0===n?0:parseInt(n,10);return isNaN(s)?t:t+s}),0);return{set:(t,o)=>{if(!h(o)&&!o.match(/^[0-9]+$/))throw new Error(e+".set accepts only positive integer values. Value was "+o);const n=t.dom;nn(n)&&(n.style[e]=o+"px")},get:o,getOuter:o,aggregate:n,max:(e,t,o)=>{const s=n(e,o);return t>s?t-s:0}}},wn=yn("height",(e=>{const t=e.dom;return sn(e)?t.getBoundingClientRect().height:t.offsetHeight})),Sn=e=>wn.get(e),Cn=e=>wn.getOuter(e),kn=e=>!(e=>e.offsetWidth<=0&&e.offsetHeight<=0)(e.dom),On=yn("width",(e=>e.dom.offsetWidth)),_n=yn("width",(e=>{const t=e.dom;return sn(e)?t.getBoundingClientRect().width:t.offsetWidth})),Tn=e=>On.get(e),En=e=>On.getOuter(e),An=e=>_n.getOuter(e),Mn=(e,t)=>({left:e,top:t,translate:(o,n)=>Mn(e+o,t+n)}),Dn=Mn,Bn=(e,t)=>void 0!==e?e:void 0!==t?t:0,In=e=>{const t=e.dom.ownerDocument,o=t.body,n=t.defaultView,s=t.documentElement;if(o===e.dom)return Dn(o.offsetLeft,o.offsetTop);const r=Bn(null==n?void 0:n.pageYOffset,s.scrollTop),a=Bn(null==n?void 0:n.pageXOffset,s.scrollLeft),i=Bn(s.clientTop,o.clientTop),l=Bn(s.clientLeft,o.clientLeft);return Fn(e).translate(a-l,r-i)},Fn=e=>{const t=e.dom,o=t.ownerDocument.body;return o===t?Dn(o.offsetLeft,o.offsetTop):sn(e)?(e=>{const t=e.getBoundingClientRect();return Dn(t.left,t.top)})(t):Dn(0,0)},Rn=e=>{const t=void 0!==e?e.dom:document,o=t.body.scrollLeft||t.documentElement.scrollLeft,n=t.body.scrollTop||t.documentElement.scrollTop;return Dn(o,n)},Nn=(e,t,o)=>{const n=(void 0!==o?o.dom:document).defaultView;n&&n.scrollTo(e,t)},zn=(e=>{const t=t=>e(t)?A.from(t.dom.nodeValue):A.none();return{get:o=>{if(!e(o))throw new Error("Can only get text value of a text node");return t(o).getOr("")},getOption:t,set:(t,o)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=o}}})(so),Ln=(e,t)=>o=>"rtl"===Vn(o)?t:e,Vn=e=>"rtl"===gn(e,"direction")?"rtl":"ltr",Hn=(e,t)=>{const o=qo(e,t);return void 0===o||""===o?[]:o.split(" ")};var Pn=(e,t,o,n,s)=>e(o,n)?A?.some(o):p(s)&&s(o)?A.none():t(o,n,s);const Un=(e,t,o)=>{let n=e.dom;const s=p(o)?o:T;for(;n.parentNode;){n=n.parentNode;const e=ct(n);if(t(e))return A?.some(e);if(s(e))break}return A.none()},Wn=(e,t,o)=>Pn(((e,t)=>t(e)),Un,e,t,o),$n=(e,t)=>$(e.dom.childNodes,(e=>t(ct(e))))?.map(ct),Gn=(e,t,o)=>Un(e,(e=>bt(e,t)),o),jn=(e,t)=>(e=>{const o=e.dom;return o.parentNode?$n(ct(o.parentNode),(o=>!yt(e,o)&&bt(o,t))):A.none()})(e),qn=(e,t)=>$n(e,(e=>bt(e,t))),Xn=(e,t)=>xt(t,e),Yn=(e,t,o)=>Pn(((e,t)=>bt(e,t)),Gn,e,t,o),Kn=(e,t)=>{e.dom.checked=t},Jn=e=>e.dom.checked,Qn=e=>void 0!==e.dom.classList,Zn=e=>Hn(e,"class"),es=(e,t)=>((e,t,o)=>{const n=Hn(e,t).concat([o]);return Go(e,t,n.join(" ")),!0})(e,"class",t),ts=(e,t)=>((e,t,o)=>{const n=P(Hn(e,t),(e=>e!==o));return n.length>0?Go(e,t,n.join(" ")):Ko(e,t),!1})(e,"class",t),os=(e,t)=>{Qn(e)?e.dom.classList.add(t):es(e,t)},ns=e=>{0===(Qn(e)?e.dom.classList:Zn(e)).length&&Ko(e,"class")},ss=(e,t)=>{Qn(e)?e.dom.classList.remove(t):ts(e,t),ns(e)},rs=(e,t)=>Qn(e)&&e.dom.classList.contains(t),as=(e,t)=>{V(t,(t=>{os(e,t)}))},is=(e,t)=>{V(t,(t=>{ss(e,t)}))},ls=e=>Qn(e)?(e=>{const t=e.dom.classList,o=new Array(t.length);for(let e=0;e<t.length;e++){const n=t.item(e);null!==n&&(o[e]=n)}return o})(e):Zn(e),cs=e=>e.dom.value,ds=(e,t)=>{if(void 0===t)throw new Error("Value.set was undefined");e.dom.value=t},us=(e,t,o)=>P(((e,t)=>{const o=p(t)?t:T;let n=e.dom;const s=[];for(;null!==n.parentNode&&void 0!==n.parentNode;){const e=n.parentNode,t=ct(e);if(s.push(t),!0===o(t))break;n=e}return s})(e,o),t),ms=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return vt(o)?[]:L(o.querySelectorAll(e),ct)})(t,e),gs=(e,t,o)=>Wn(e,t,o).isSome(),ps=(e,t,o)=>Yn(e,t,o).isSome(),hs=e=>p(e)?e:T,fs=(e,t,o)=>{let n=e.dom;const s=hs(o);for(;n.parentNode;){n=n.parentNode;const e=ct(n),o=t(e);if(o.isSome())return o;if(s(e))break}return A.none()},bs=(e,t,o)=>{const n=t(e),s=hs(o);return n.orThunk((()=>s(e)?A.none():fs(e,t,s)))},vs=(e,t,o,n)=>({start:e,soffset:t,finish:o,foffset:n}),xs=xe([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),ys=(xs.before,xs.on,xs.after,e=>e.fold(w,w,w)),ws=xe([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),Ss={domRange:ws.domRange,relative:ws.relative,exact:ws.exact,exactFromRange:e=>ws.exact(e.start,e.soffset,e.finish,e.foffset),getWin:e=>{const t=(e=>e.match({domRange:e=>ct(e.startContainer),relative:(e,t)=>ys(e),exact:(e,t,o,n)=>e}))(e);return mo(t)},range:vs},Cs=e=>{if(e.rangeCount>0){const t=e.getRangeAt(0),o=e.getRangeAt(e.rangeCount-1);return A?.some(vs(ct(t.startContainer),t.startOffset,ct(o.endContainer),o.endOffset))}return A.none()},ks=e=>{if(null===e.anchorNode||null===e.focusNode)return Cs(e);{const t=ct(e.anchorNode),o=ct(e.focusNode);return((e,t,o,n)=>{const s=((e,t,o,n)=>{const s=lo(e).dom.createRange();return s.setStart(e.dom,t),s.setEnd(o.dom,n),s})(e,t,o,n),r=yt(e,o)&&t===n;return s.collapsed&&!r})(t,e.anchorOffset,o,e.focusOffset)?A?.some(vs(t,e.anchorOffset,o,e.focusOffset)):Cs(e)}},Os=(e,t)=>(e=>{const t=e.getClientRects(),o=t.length>0?t[0]:e.getBoundingClientRect();return o.width>0||o.height>0?A?.some(o)?.map(mt):A.none()})(ht(e,t)),_s={unsupportedLength:["em","ex","cap","ch","ic","rem","lh","rlh","vw","vh","vi","vb","vmin","vmax","cm","mm","Q","in","pc","pt","px"],fixed:["px","pt"],relative:["%"],empty:[""]},Ts=(()=>{const e="[0-9]+",t="[eE][+-]?"+e,o=e=>`(?:${e})?`,n=["Infinity",e+"\\."+o(e)+o(t),"\\."+e+o(t),e+o(t)].join("|");return new RegExp(`^([+-]?(?:${n}))(.*)$`)})(),Es=(e,t)=>A.from(Ts.exec(e)).bind((e=>{const o=Number(e[1]),n=e[2];return((e,t)=>R(t,(t=>R(_s[t],(t=>e===t)))))(n,t)?A?.some({value:o,unit:n}):A.none()})),As=(e,t,o,n)=>({x:e,y:t,width:o,height:n,right:e+o,bottom:t+n}),Ms=e=>{const t=void 0===e?window:e,o=t.document,n=Rn(ct(o));return(e=>{const t=void 0===e?window:e;return Jt().browser.isFirefox()?A.none():A.from(t.visualViewport)})(t).fold((()=>{const e=t.document.documentElement,o=e.clientWidth,s=e.clientHeight;return As(n.left,n.top,o,s)}),(e=>As(Math.max(e.pageLeft,n.left),Math.max(e.pageTop,n.top),e.width,e.height)))},Ds=(e,t)=>e.view(t).fold(y([]),(t=>{const o=e.owner(t),n=Ds(e,o);return[t].concat(n)}));var Bs=Object.freeze({__proto__:null,view:e=>{var t;return(e.dom===document?A.none():A.from(null===(t=e.dom.defaultView)||void 0===t?void 0:t.frameElement))?.map(ct)},owner:e=>lo(e)});const Is=e=>{const t=Io(),o=Rn(t),n=((e,t)=>{const o=t.owner(e),n=Ds(t,o);return A?.some(n)})(e,Bs);return n.fold(C(In,e),(t=>{const n=Fn(e),s=U(t,((e,t)=>{const o=Fn(t);return{left:e.left+o.left,top:e.top+o.top}}),{left:0,top:0});return Dn(s.left+n.left+o.left,s.top+n.top+o.top)}))},Fs=(e,t,o,n)=>({x:e,y:t,width:o,height:n,right:e+o,bottom:t+n}),Rs=e=>{const t=In(e),o=En(e),n=Cn(e);return Fs(t.left,t.top,o,n)},Ns=e=>{const t=Is(e),o=En(e),n=Cn(e);return Fs(t.left,t.top,o,n)},zs=(e,t)=>{const o=Math.max(e.x,t.x),n=Math.max(e.y,t.y),s=Math.min(e.right,t.right),r=Math.min(e.bottom,t.bottom);return Fs(o,n,s-o,r-n)},Ls=()=>Ms(window),Vs=(e,t)=>yt(e.element,t.event.target),Hs=e=>(He(hn(e,"position"),"fixed")?A.none():ho(e)).orThunk((()=>{const t=it("span");return go(e).bind((e=>{Uo(e,t);const o=ho(t);return Qo(t),o}))})),Ps=e=>Hs(e)?.map(In).getOrThunk((()=>Dn(0,0)));var Us;!function(e){e[e.Error=0]="Error",e[e.Value=1]="Value"}(Us||(Us={}));const Ws=(e,t,o)=>e.stype===Us.Error?t(e.serror):o(e.svalue),$s=e=>({stype:Us.Value,svalue:e}),Gs=e=>({stype:Us.Error,serror:e}),js=$s,qs=Gs,Xs=Ws,Ys=e=>a(e)&&re(e).length>100?" removed due to size":JSON.stringify(e,null,2),Ks=(e,t)=>qs([{path:e,getErrorInfo:t}]),Js=e=>({extract:(t,o)=>((e,t)=>e.stype===Us.Error?t(e.serror):e)(e(o),(e=>((e,t)=>Ks(e,y(t)))(t,e))),toString:y("val")}),Qs=Js(js),Zs=y(Qs),er=(e,t)=>Js((o=>{const n=typeof o;return e(o)?js(o):qs(`Expected type: ${t} but got: ${n}`)})),tr=er(h,"number"),or=er(r,"string"),nr=er(d,"boolean"),sr=er(p,"function"),rr=e=>{if(Object(e)!==e)return!0;switch({}.toString.call(e).slice(8,-1)){case"Boolean":case"Number":case"String":case"Date":case"RegExp":case"Blob":case"FileList":case"ImageData":case"ImageBitmap":case"ArrayBuffer":return!0;case"Array":case"Object":return Object.keys(e).every((t=>rr(e[t])));default:return!1}},ar=Js((e=>rr(e)?js(e):qs("Expected value to be acceptable for sending via postMessage"))),ir=e=>({tag:"defaultedThunk",process:e}),lr=e=>ir(y(e)),cr=e=>({tag:"mergeWithThunk",process:e}),dr=(e,t,o,n)=>({tag:"field",key:e,newKey:t,presence:o,prop:n}),ur=(e,t,o)=>{switch(e.tag){case"field":return t(e.key,e.newKey,e.presence,e.prop);case"custom":return o(e.newKey,e.instantiator)}},mr=e=>{const t=(e=>{const t=[],o=[];return V(e,(e=>{Ws(e,(e=>o.push(e)),(e=>t.push(e)))})),{values:t,errors:o}})(e);return t.errors.length>0?(o=t.errors,x(qs,j)(o)):js(t.values);var o},gr=(e,t,o,n)=>n(fe(e,t).getOrThunk((()=>o(e)))),pr=(e,t,o,n,s)=>{const r=e=>s.extract(t.concat([n]),e),a=e=>e.fold((()=>js(A.none())),(e=>((e,t)=>e.stype===Us.Value?{stype:Us.Value,svalue:t(e.svalue)}:e)(s.extract(t.concat([n]),e),A.some)));switch(e.tag){case"required":return((e,t,o,n)=>fe(t,o).fold((()=>((e,t,o)=>Ks(e,(()=>'Could not find valid *required* value for "'+t+'" in '+Ys(o))))(e,o,t)),n))(t,o,n,r);case"defaultedThunk":return gr(o,n,e.process,r);case"option":return((e,t,o)=>o(fe(e,t)))(o,n,a);case"defaultedOptionThunk":return((e,t,o,n)=>n(fe(e,t)?.map((t=>!0===t?o(e):t))))(o,n,e.process,a);case"mergeWithThunk":return gr(o,n,y({}),(t=>{const n=Le(e.process(o),t);return r(n)}))}},hr=e=>({extract:(t,o)=>e().extract(t,o),toString:()=>e().toString()}),fr=e=>re(me(e,g)),br=e=>{const t=vr(e),o=U(e,((e,t)=>ur(t,(t=>Le(e,{[t]:!0})),y(e))),{});return{extract:(e,n)=>{const s=d(n)?[]:fr(n),r=P(s,(e=>!ve(o,e)));return 0===r.length?t.extract(e,n):((e,t)=>Ks(e,(()=>"There are unsupported fields: ["+t.join(", ")+"] specified")))(e,r)},toString:t.toString}},vr=e=>({extract:(t,o)=>((e,t,o)=>{const n={},s=[];for(const r of o)ur(r,((o,r,a,i)=>{const l=pr(a,e,t,o,i);Xs(l,(e=>{s.push(...e)}),(e=>{n[r]=e}))}),((e,o)=>{n[e]=o(t)}));return s.length>0?qs(s):js(n)})(t,o,e),toString:()=>{const t=L(e,(e=>ur(e,((e,t,o,n)=>e+" -> "+n.toString()),((e,t)=>"state("+e+")"))));return"obj{\n"+t.join("\n")+"}"}}),xr=e=>({extract:(t,o)=>{const n=L(o,((o,n)=>e.extract(t.concat(["["+n+"]"]),o)));return mr(n)},toString:()=>"array("+e.toString()+")"}),yr=(e,t)=>{const o=void 0!==t?t:w;return{extract:(t,n)=>{const s=[];for(const r of e){const e=r.extract(t,n);if(e.stype===Us.Value)return{stype:Us.Value,svalue:o(e.svalue)};s.push(e)}return mr(s)},toString:()=>"oneOf("+L(e,(e=>e.toString())).join(", ")+")"}},wr=(e,t)=>({extract:(o,n)=>{const s=re(n),r=((t,o)=>xr(Js(e)).extract(t,o))(o,s);return((e,t)=>e.stype===Us.Value?t(e.svalue):e)(r,(e=>{const s=L(e,(e=>dr(e,e,{tag:"required",process:{}},t)));return vr(s).extract(o,n)}))},toString:()=>"setOf("+t.toString()+")"}),Sr=x(xr,vr),Cr=(e,t)=>({extract:(o,n)=>fe(n,e).fold((()=>((e,t)=>Ks(e,(()=>'Choice schema did not contain choice key: "'+t+'"')))(o,e)),(e=>((e,t,o,n)=>fe(o,n).fold((()=>((e,t,o)=>Ks(e,(()=>'The chosen schema: "'+o+'" did not exist in branches: '+Ys(t))))(e,o,n)),(o=>o.extract(e.concat(["branch: "+n]),t))))(o,n,t,e))),toString:()=>"chooseOn("+e+"). Possible values: "+re(t)}),kr=e=>Js((t=>e(t).fold(qs,js))),Or=(e,t)=>wr((t=>e(t).fold(Gs,$s)),t),_r=(e,t,o)=>{return n=((e,t,o)=>((e,t)=>e.stype===Us.Error?{stype:Us.Error,serror:t(e.serror)}:e)(t.extract([e],o),(e=>({input:o,errors:e}))))(e,t,o),Ws(n,Ae.error,Ae.value);var n},Tr=e=>e.fold((e=>{throw new Error(Ar(e))}),w),Er=(e,t,o)=>Tr(_r(e,t,o)),Ar=e=>"Errors: \n"+(e=>{const t=e.length>10?e.slice(0,10).concat([{path:[],getErrorInfo:y("... (only showing first ten failures)")}]):e;return L(t,(e=>"Failed path: ("+e.path.join(" > ")+")\n"+e.getErrorInfo()))})(e.errors).join("\n")+"\n\nInput object: "+Ys(e.input),Mr=(e,t)=>Cr(e,le(t,vr)),Dr=(e,t)=>((e,t)=>{const o=st(t);return{extract:(e,t)=>o().extract(e,t),toString:()=>o().toString()}})(0,t),Br=dr,Ir=(e,t)=>({tag:"custom",newKey:e,instantiator:t}),Fr=e=>kr((t=>F(e,t)?Ae.value(t):Ae.error(`Unsupported value: "${t}", choose one of "${e.join(", ")}".`))),Rr=e=>Br(e,e,{tag:"required",process:{}},Zs()),Nr=(e,t)=>Br(e,e,{tag:"required",process:{}},t),zr=e=>Nr(e,tr),Lr=e=>Nr(e,or),Vr=(e,t)=>Br(e,e,{tag:"required",process:{}},Fr(t)),Hr=e=>Nr(e,sr),Pr=(e,t)=>Br(e,e,{tag:"required",process:{}},vr(t)),Ur=(e,t)=>Br(e,e,{tag:"required",process:{}},Sr(t)),Wr=(e,t)=>Br(e,e,{tag:"required",process:{}},xr(t)),$r=e=>Br(e,e,{tag:"option",process:{}},Zs()),Gr=(e,t)=>Br(e,e,{tag:"option",process:{}},t),jr=e=>Gr(e,tr),qr=e=>Gr(e,or),Xr=(e,t)=>Gr(e,Fr(t)),Yr=e=>Gr(e,sr),Kr=(e,t)=>Gr(e,xr(t)),Jr=(e,t)=>Gr(e,vr(t)),Qr=(e,t)=>Br(e,e,lr(t),Zs()),Zr=(e,t,o)=>Br(e,e,lr(t),o),ea=(e,t)=>Zr(e,t,tr),ta=(e,t)=>Zr(e,t,or),oa=(e,t,o)=>Zr(e,t,Fr(o)),na=(e,t)=>Zr(e,t,nr),sa=(e,t)=>Zr(e,t,sr),ra=(e,t,o)=>Zr(e,t,xr(o)),aa=(e,t,o)=>Zr(e,t,vr(o)),ia=(e,t)=>((e,t)=>({[e]:t}))(e,t),la=e=>(e=>{const t={};return V(e,(e=>{t[e.key]=e.value})),t})(e),ca=y,da=ca("touchstart"),ua=ca("touchmove"),ma=ca("touchend"),ga=ca("touchcancel"),pa=ca("mousedown"),ha=ca("mousemove"),fa=ca("mouseout"),ba=ca("mouseup"),va=ca("mouseover"),xa=ca("focusin"),ya=ca("focusout"),wa=ca("keydown"),Sa=ca("keyup"),Ca=ca("input"),ka=ca("change"),Oa=ca("click"),_a=ca("transitioncancel"),Ta=ca("transitionend"),Ea=ca("transitionstart"),Aa=ca("selectstart"),Ma=e=>y("alloy."+e),Da={tap:Ma("tap")},Ba=Ma("focus"),Ia=Ma("blur.post"),Fa=Ma("paste.post"),Ra=Ma("receive"),Na=Ma("execute"),za=Ma("focus.item"),La=Da.tap,Va=Ma("longpress"),Ha=Ma("sandbox.close"),Pa=Ma("typeahead.cancel"),Ua=Ma("system.init"),Wa=Ma("system.touchmove"),$a=Ma("system.touchend"),Ga=Ma("system.scroll"),ja=Ma("system.resize"),qa=Ma("system.attached"),Xa=Ma("system.detached"),Ya=Ma("system.dismissRequested"),Ka=Ma("system.repositionRequested"),Ja=Ma("focusmanager.shifted"),Qa=Ma("slotcontainer.visibility"),Za=Ma("system.external.element.scroll"),ei=Ma("change.tab"),ti=Ma("dismiss.tab"),oi=Ma("highlight"),ni=Ma("dehighlight"),si=e=>(e=>{if(wo(e))return"#shadow-root";{const t=(e=>Zo(e,!1))(e);return(e=>{const t=it("div"),o=ct(e.dom.cloneNode(!0));return Uo(t,o),en(t)})(t)}})(e);var ri;!function(e){e[e.STOP=0]="STOP",e[e.NORMAL=1]="NORMAL",e[e.LOGGING=2]="LOGGING"}(ri||(ri={}));const ai=ye({}),ii=["alloy/data/Fields","alloy/debugging/Debugging"],li=(e,t,o)=>((e,t,o)=>{switch(fe(ai.get(),e).orThunk((()=>{const t=re(ai.get());return se(t,(t=>e.indexOf(t)>-1?A?.some(ai.get()[t]):A.none()))})).getOr(ri.NORMAL)){case ri.NORMAL:return o(ci());case ri.LOGGING:{const n=((e,t)=>{const o=[],n=(new Date).getTime();return{logEventCut:(e,t,n)=>{o.push({outcome:"cut",target:t,purpose:n})},logEventStopped:(e,t,n)=>{o.push({outcome:"stopped",target:t,purpose:n})},logNoParent:(e,t,n)=>{o.push({outcome:"no-parent",target:t,purpose:n})},logEventNoHandlers:(e,t)=>{o.push({outcome:"no-handlers-left",target:t})},logEventResponse:(e,t,n)=>{o.push({outcome:"response",purpose:n,target:t})},write:()=>{const s=(new Date).getTime();F(["mousemove","mouseover","mouseout",Ua()],e)||console.log(e,{event:e,time:s-n,target:t.dom,sequence:L(o,(e=>F(["cut","stopped","response"],e.outcome)?"{"+e.purpose+"} "+e.outcome+" at ("+si(e.target)+")":e.outcome))})}}})(e,t),s=o(n);return n.write(),s}case ri.STOP:return!0}})(e,t,o),ci=y({logEventCut:b,logEventStopped:b,logNoParent:b,logEventNoHandlers:b,logEventResponse:b,write:b}),di=y([Rr("menu"),Rr("selectedMenu")]),ui=y([Rr("item"),Rr("selectedItem")]);y(vr(ui().concat(di())));const mi=y(vr(ui())),gi=Pr("initSize",[Rr("numColumns"),Rr("numRows")]),pi=()=>Pr("markers",[Rr("backgroundMenu")].concat(di()).concat(ui())),hi=e=>Pr("markers",L(e,Rr)),fi=(e,t,o)=>((()=>{const e=new Error;if(void 0!==e.stack){const t=e.stack.split("\n");$(t,(e=>e.indexOf("alloy")>0&&!R(ii,(t=>e.indexOf(t)>-1)))).getOr("unknown")}})(),Br(t,t,o,kr((e=>Ae.value(((...t)=>e.apply(void 0,t))))))),bi=e=>fi(0,e,lr(b)),vi=e=>fi(0,e,lr(A.none)),xi=e=>fi(0,e,{tag:"required",process:{}}),yi=e=>fi(0,e,{tag:"required",process:{}}),wi=(e,t)=>Ir(e,y(t)),Si=e=>Ir(e,w),Ci=y(gi),ki=e=>L(e,(e=>Ze(e,"/*")?e.substring(0,e.length-2):e)),Oi=(e,t)=>{const o=e.toString(),n=o.indexOf(")")+1,s=o.indexOf("("),r=o.substring(s+1,n-1).split(/,\s*/);return e.toFunctionAnnotation=()=>({name:t,parameters:ki(r)}),e},_i=(e,t)=>{let o=null;return{cancel:()=>{null!==o&&(clearTimeout(o),o=null)},schedule:(...n)=>{o=setTimeout((()=>{e.apply(null,n),o=null}),t)}}},Ti=e=>{const t=e.raw;return void 0===t.touches||1!==t.touches.length?A.none():A?.some(t.touches[0])};var Ei;!function(e){e.OnFocusMode="onFocus",e.OnEnterOrSpaceMode="onEnterOrSpace",e.OnApiMode="onApi"}(Ei||(Ei={}));const Ai="placeholder",Mi=xe([{single:["required","valueThunk"]},{multiple:["required","valueThunks"]}]),Di=e=>be(e,"uiType"),Bi=(e,t,o,n)=>((e,t,o,n)=>Di(o)&&o.uiType===Ai?((e,t,o,n)=>e.exists((e=>e!==o.owner))?Mi.single(!0,y(o)):fe(n,o.name).fold((()=>{throw new Error("Unknown placeholder component: "+o.name+"\nKnown: ["+re(n)+"]\nNamespace: "+e.getOr("none")+"\nSpec: "+JSON.stringify(o,null,2))}),(e=>e.replace())))(e,0,o,n):Mi.single(!1,y(o)))(e,0,o,n).fold(((s,r)=>{const a=Di(o)?r(t,o.config,o.validated):r(t),i=fe(a,"components").getOr([]),l=q(i,(o=>Bi(e,t,o,n)));return[{...a,components:l}]}),((e,n)=>{if(Di(o)){const e=n(t,o.config,o.validated);return o.validated.preprocess.getOr(w)(e)}return n(t)})),Ii=Mi.single,Fi=Mi.multiple,Ri=y(Ai),Ni=xe([{required:["data"]},{external:["data"]},{optional:["data"]},{group:["data"]}]),zi=Qr("factory",{sketch:w}),Li=Qr("schema",[]),Vi=Rr("name"),Hi=Br("pname","pname",ir((e=>"<alloy."+Ne(e.name)+">")),Zs()),Pi=Ir("schema",(()=>[$r("preprocess")])),Ui=Qr("defaults",y({})),Wi=Qr("overrides",y({})),$i=vr([zi,Li,Vi,Hi,Ui,Wi]),Gi=vr([zi,Li,Vi,Ui,Wi]),ji=vr([zi,Li,Vi,Hi,Ui,Wi]),qi=vr([zi,Pi,Vi,Rr("unit"),Hi,Ui,Wi]),Xi=e=>e.fold(A.some,A.none,A.some,A.some),Yi=e=>{const t=e=>e.name;return e.fold(t,t,t,t)},Ki=(e,t)=>o=>{const n=Er("Converting part type",t,o);return e(n)},Ji=Ki(Ni.required,$i),Qi=Ki(Ni.external,Gi),Zi=Ki(Ni.optional,ji),el=Ki(Ni.group,qi),tl=y("entirety");var ol=Object.freeze({__proto__:null,required:Ji,external:Qi,optional:Zi,group:el,asNamedPart:Xi,name:Yi,asCommon:e=>e.fold(w,w,w,w),original:tl});const nl=(e,t,o,n)=>Le(t.defaults(e,o,n),o,{uid:e.partUids[t.name]},t.overrides(e,o,n)),sl=(e,t)=>{const o={};return V(t,(t=>{Xi(t).each((t=>{const n=rl(e,t.pname);o[t.name]=o=>{const s=Er("Part: "+t.name+" in "+e,vr(t.schema),o);return{...n,config:o,validated:s}}}))})),o},rl=(e,t)=>({uiType:Ri(),owner:e,name:t}),al=(e,t,o)=>({uiType:Ri(),owner:e,name:t,config:o,validated:{}}),il=e=>q(e,(e=>e.fold(A.none,A.some,A.none,A.none)?.map((e=>Pr(e.name,e.schema.concat([Si(tl())])))).toArray())),ll=e=>L(e,Yi),cl=(e,t,o)=>((e,t,o)=>{const n={},s={};return V(o,(e=>{e.fold((e=>{n[e.pname]=Ii(!0,((t,o,n)=>e.factory.sketch(nl(t,e,o,n))))}),(e=>{const o=t.parts[e.name];s[e.name]=y(e.factory.sketch(nl(t,e,o[tl()]),o))}),(e=>{n[e.pname]=Ii(!1,((t,o,n)=>e.factory.sketch(nl(t,e,o,n))))}),(e=>{n[e.pname]=Fi(!0,((t,o,n)=>{const s=t[e.name];return L(s,(o=>e.factory.sketch(Le(e.defaults(t,o,n),o,e.overrides(t,o)))))}))}))})),{internals:y(n),externals:y(s)}})(0,t,o),dl=(e,t,o)=>((e,t,o,n)=>{const s=le(n,((e,t)=>((e,t)=>{let o=!1;return{name:y(e),required:()=>t.fold(((e,t)=>e),((e,t)=>e)),used:()=>o,replace:()=>{if(o)throw new Error("Trying to use the same placeholder more than once: "+e);return o=!0,t}}})(t,e))),r=((e,t,o,n)=>q(o,(o=>Bi(e,t,o,n))))(e,t,o,s);return ie(s,(o=>{if(!1===o.used()&&o.required())throw new Error("Placeholder: "+o.name()+" was not found in components list\nNamespace: "+e.getOr("none")+"\nComponents: "+JSON.stringify(t.components,null,2))})),r})(A?.some(e),t,t.components,o),ul=(e,t,o)=>{const n=t.partUids[o];return e.getSystem().getByUid(n).toOptional()},ml=(e,t,o)=>ul(e,t,o).getOrDie("Could not find part: "+o),gl=(e,t,o)=>{const n={},s=t.partUids,r=e.getSystem();return V(o,(e=>{n[e]=y(r.getByUid(s[e]))})),n},pl=(e,t)=>{const o=e.getSystem();return le(t.partUids,((e,t)=>y(o.getByUid(e))))},hl=e=>re(e.partUids),fl=(e,t,o)=>{const n={},s=t.partUids,r=e.getSystem();return V(o,(e=>{n[e]=y(r.getByUid(s[e]).getOrDie())})),n},bl=(e,t)=>{const o=ll(t);return la(L(o,(t=>({key:t,value:e+"-"+t}))))},vl=e=>Br("partUids","partUids",cr((t=>bl(t.uid,e))),Zs());var xl=Object.freeze({__proto__:null,generate:sl,generateOne:al,schemas:il,names:ll,substitutes:cl,components:dl,defaultUids:bl,defaultUidsSchema:vl,getAllParts:pl,getAllPartNames:hl,getPart:ul,getPartOrDie:ml,getParts:gl,getPartsOrDie:fl});const yl=["valignCentre","alignLeft","alignRight","alignCentre","top","bottom","left","right","inset"],wl=(e,t,o,n=1)=>{const s=e*n,r=t*n,a=e=>fe(o,e).getOr([]),i=(e,t,o)=>{const n=K(yl,o);return{offset:Dn(e,t),classesOn:q(o,a),classesOff:q(n,a)}};return{southeast:()=>i(-e,t,["top","alignLeft"]),southwest:()=>i(e,t,["top","alignRight"]),south:()=>i(-e/2,t,["top","alignCentre"]),northeast:()=>i(-e,-t,["bottom","alignLeft"]),northwest:()=>i(e,-t,["bottom","alignRight"]),north:()=>i(-e/2,-t,["bottom","alignCentre"]),east:()=>i(e,-t/2,["valignCentre","left"]),west:()=>i(-e,-t/2,["valignCentre","right"]),insetNortheast:()=>i(s,r,["top","alignLeft","inset"]),insetNorthwest:()=>i(-s,r,["top","alignRight","inset"]),insetNorth:()=>i(-s/2,r,["top","alignCentre","inset"]),insetSoutheast:()=>i(s,-r,["bottom","alignLeft","inset"]),insetSouthwest:()=>i(-s,-r,["bottom","alignRight","inset"]),insetSouth:()=>i(-s/2,-r,["bottom","alignCentre","inset"]),insetEast:()=>i(-s,-r/2,["valignCentre","right","inset"]),insetWest:()=>i(s,-r/2,["valignCentre","left","inset"])}},Sl=()=>wl(0,0,{}),Cl=(e,t,o,n,s,r,a,i=!1)=>({x:e,y:t,bubble:o,direction:n,placement:s,restriction:r,label:`${a}-${s}`,alwaysFit:i}),kl=xe([{southeast:[]},{southwest:[]},{northeast:[]},{northwest:[]},{south:[]},{north:[]},{east:[]},{west:[]}]),Ol=kl.southeast,_l=kl.southwest,Tl=kl.northeast,El=kl.northwest,Al=kl.south,Ml=kl.north,Dl=kl.east,Bl=kl.west,Il=(e,t)=>J(["left","right","top","bottom"],(o=>fe(t,o)?.map((t=>((e,t)=>{switch(t){case 1:return e.x;case 0:return e.x+e.width;case 2:return e.y;case 3:return e.y+e.height}})(e,t))))),Fl="layout",Rl=e=>e.x,Nl=(e,t)=>e.x+e.width/2-t.width/2,zl=(e,t)=>e.x+e.width-t.width,Ll=(e,t)=>e.y-t.height,Vl=e=>e.y+e.height,Hl=(e,t)=>e.y+e.height/2-t.height/2,Pl=(e,t,o)=>Cl(Rl(e),Vl(e),o.southeast(),Ol(),"southeast",Il(e,{left:1,top:3}),Fl),Ul=(e,t,o)=>Cl(zl(e,t),Vl(e),o.southwest(),_l(),"southwest",Il(e,{right:0,top:3}),Fl),Wl=(e,t,o)=>Cl(Rl(e),Ll(e,t),o.northeast(),Tl(),"northeast",Il(e,{left:1,bottom:2}),Fl),$l=(e,t,o)=>Cl(zl(e,t),Ll(e,t),o.northwest(),El(),"northwest",Il(e,{right:0,bottom:2}),Fl),Gl=(e,t,o)=>Cl(Nl(e,t),Ll(e,t),o.north(),Ml(),"north",Il(e,{bottom:2}),Fl),jl=(e,t,o)=>Cl(Nl(e,t),Vl(e),o.south(),Al(),"south",Il(e,{top:3}),Fl),ql=(e,t,o)=>Cl((e=>e.x+e.width)(e),Hl(e,t),o.east(),Dl(),"east",Il(e,{left:0}),Fl),Xl=(e,t,o)=>Cl(((e,t)=>e.x-t.width)(e,t),Hl(e,t),o.west(),Bl(),"west",Il(e,{right:1}),Fl),Yl=()=>[Pl,Ul,Wl,$l,jl,Gl,ql,Xl],Kl=()=>[Ul,Pl,$l,Wl,jl,Gl,ql,Xl],Jl=()=>[Wl,$l,Pl,Ul,Gl,jl],Ql=()=>[$l,Wl,Ul,Pl,Gl,jl],Zl=()=>[Pl,Ul,Wl,$l,jl,Gl],ec=()=>[Ul,Pl,$l,Wl,jl,Gl],tc="data-alloy-placement",oc=e=>Xo(e,tc),nc="layout-inset",sc=e=>e.x,rc=(e,t)=>e.x+e.width/2-t.width/2,ac=(e,t)=>e.x+e.width-t.width,ic=e=>e.y,lc=(e,t)=>e.y+e.height-t.height,cc=(e,t)=>e.y+e.height/2-t.height/2,dc=(e,t,o)=>Cl(ac(e,t),lc(e,t),o.insetSouthwest(),El(),"southwest",Il(e,{right:0,bottom:3}),nc),uc=(e,t,o)=>Cl(sc(e),lc(e,t),o.insetSoutheast(),Tl(),"southeast",Il(e,{left:1,bottom:3}),nc),mc=(e,t,o)=>Cl(ac(e,t),ic(e),o.insetNorthwest(),_l(),"northwest",Il(e,{right:0,top:2}),nc),gc=(e,t,o)=>Cl(sc(e),ic(e),o.insetNortheast(),Ol(),"northeast",Il(e,{left:1,top:2}),nc),pc=(e,t,o)=>Cl(rc(e,t),ic(e),o.insetNorth(),Al(),"north",Il(e,{top:2}),nc),hc=(e,t,o)=>Cl(rc(e,t),lc(e,t),o.insetSouth(),Ml(),"south",Il(e,{bottom:3}),nc),fc=(e,t,o)=>Cl(ac(e,t),cc(e,t),o.insetEast(),Bl(),"east",Il(e,{right:0}),nc),bc=(e,t,o)=>Cl(sc(e),cc(e,t),o.insetWest(),Dl(),"west",Il(e,{left:1}),nc),vc=e=>{switch(e){case"north":return pc;case"northeast":return gc;case"northwest":return mc;case"south":return hc;case"southeast":return uc;case"southwest":return dc;case"east":return fc;case"west":return bc}},xc=(e,t,o,n,s)=>oc(n)?.map(vc).getOr(pc)(e,t,o,n,s),yc=e=>{switch(e){case"north":return hc;case"northeast":return uc;case"northwest":return dc;case"south":return pc;case"southeast":return gc;case"southwest":return mc;case"east":return bc;case"west":return fc}},wc=(e,t,o,n,s)=>oc(n)?.map(yc).getOr(pc)(e,t,o,n,s),Sc=(e,t)=>{((e,t)=>{const o=wn.max(e,t,["margin-top","border-top-width","padding-top","padding-bottom","border-bottom-width","margin-bottom"]);dn(e,"max-height",o+"px")})(e,Math.floor(t))},Cc=y(((e,t)=>{Sc(e,t),un(e,{"overflow-x":"hidden","overflow-y":"auto"})})),kc=y(((e,t)=>{Sc(e,t)})),Oc=y(((e,t)=>{((e,t)=>{const o=On.max(e,t,["margin-left","border-left-width","padding-left","padding-right","border-right-width","margin-right"]);dn(e,"max-width",o+"px")})(e,Math.floor(t))}));var _c;!function(e){e.TopToBottom="toptobottom",e.BottomToTop="bottomtotop"}(_c||(_c={}));const Tc="data-alloy-vertical-dir",Ec=e=>gs(e,(e=>no(e)&&qo(e,"data-alloy-vertical-dir")===_c.BottomToTop));var Ac;!function(e){e[e.HighlightMenuAndItem=0]="HighlightMenuAndItem",e[e.HighlightJustMenu=1]="HighlightJustMenu",e[e.HighlightNone=2]="HighlightNone"}(Ac||(Ac={}));const Mc={init:()=>Dc({readState:y("No State required")})},Dc=e=>e,Bc={can:E,abort:T,run:b},Ic=e=>{if(!ve(e,"can")&&!ve(e,"abort")&&!ve(e,"run"))throw new Error("EventHandler defined by: "+JSON.stringify(e,null,2)+" does not have can, abort, or run!");return{...Bc,...e}},Fc=(e,t)=>{Lc(e,e.element,t,{})},Rc=(e,t,o)=>{Lc(e,e.element,t,o)},Nc=e=>{Fc(e,Na())},zc=(e,t,o)=>{Lc(e,t,o,{})},Lc=(e,t,o,n)=>{const s={target:t,...n};e.getSystem().triggerEvent(o,t,s)},Vc=(e,t,o,n)=>{e.getSystem().triggerEvent(o,t,n.event)},Hc=e=>la(e),Pc=(e,t)=>({key:e,value:Ic({abort:t})}),Uc=e=>({key:e,value:Ic({run:(e,t)=>{t.event.prevent()}})}),Wc=(e,t)=>({key:e,value:Ic({run:t})}),$c=(e,t,o)=>({key:e,value:Ic({run:(e,n)=>{t.apply(void 0,[e,n].concat(o))}})}),Gc=e=>t=>({key:e,value:Ic({run:(e,o)=>{Vs(e,o)&&t(e,o)}})}),jc=(e,t,o)=>((e,t)=>Wc(e,((o,n)=>{o.getSystem().getByUid(t).each((t=>{Vc(t,t.element,e,n)}))})))(e,t.partUids[o]),qc=(e,t)=>Wc(e,((e,o)=>{const n=o.event,s=e.getSystem().getByDom(n.target).getOrThunk((()=>bs(n.target,(t=>e.getSystem().getByDom(t).toOptional()),T).getOr(e)));t(e,s,o)})),Xc=e=>Wc(e,((e,t)=>{t.cut()})),Yc=e=>Wc(e,((e,t)=>{t.stop()})),Kc=(e,t)=>Gc(e)(t),Jc=Gc(qa()),Qc=Gc(Xa()),Zc=Gc(Ua()),ed=(e=>t=>Wc(e,t))(Na()),td=e=>({classes:u(e.classes)?[]:e.classes,attributes:u(e.attributes)?{}:e.attributes,styles:u(e.styles)?{}:e.styles}),od=(e,t,o)=>Zc(((n,s)=>{o(n,e,t)})),nd=e=>({key:e,value:void 0}),sd=(e,t,o,n,s,r,a)=>{const i=e=>ve(e,o)?e[o]():A.none(),l=le(s,((e,t)=>((e,t,o)=>((e,t,o)=>{const n=o.toString(),s=n.indexOf(")")+1,r=n.indexOf("("),a=n.substring(r+1,s-1).split(/,\s*/);return e.toFunctionAnnotation=()=>({name:t,parameters:ki(a.slice(0,1).concat(a.slice(3)))}),e})(((n,...s)=>{const r=[n].concat(s);return n.config({name:y(e)}).fold((()=>{throw new Error("We could not find any behaviour configuration for: "+e+". Using API: "+o)}),(e=>{const o=Array.prototype.slice.call(r,1);return t.apply(void 0,[n,e.config,e.state].concat(o))}))}),o,t))(o,e,t))),c={...le(r,((e,t)=>Oi(e,t))),...l,revoke:C(nd,o),config:t=>{const n=Er(o+"-config",e,t);return{key:o,value:{config:n,me:c,configAsRaw:st((()=>Er(o+"-config",e,t))),initialConfig:t,state:a}}},schema:y(t),exhibit:(e,t)=>Ue(i(e),fe(n,"exhibit"),((e,o)=>o(t,e.config,e.state))).getOrThunk((()=>td({}))),name:y(o),handlers:e=>i(e)?.map((e=>fe(n,"events").getOr((()=>({})))(e.config,e.state))).getOr({})};return c},rd=e=>la(e),ad=br([Rr("fields"),Rr("name"),Qr("active",{}),Qr("apis",{}),Qr("state",Mc),Qr("extra",{})]),id=e=>{const t=Er("Creating behaviour: "+e.name,ad,e);return((e,t,o,n,s,r)=>{const a=br(e),i=Jr(t,[(l=e,Gr("config",br(l)))]);var l;return sd(a,i,t,o,n,s,r)})(t.fields,t.name,t.active,t.apis,t.extra,t.state)},ld=br([Rr("branchKey"),Rr("branches"),Rr("name"),Qr("active",{}),Qr("apis",{}),Qr("state",Mc),Qr("extra",{})]),cd=e=>{const t=Er("Creating behaviour: "+e.name,ld,e);return((e,t,o,n,s,r)=>{const a=e,i=Jr(t,[Gr("config",e)]);return sd(a,i,t,o,n,s,r)})(Mr(t.branchKey,t.branches),t.name,t.active,t.apis,t.extra,t.state)},dd=y(void 0),ud=(e,t)=>{const o=((e,t)=>{const o=Hc(t);return id({fields:[Rr("enabled")],name:e,active:{events:y(o)}})})(e,t);return{key:e,value:{config:{},me:o,configAsRaw:y({}),initialConfig:{},state:Mc}}},md=(e,t)=>{t.ignore||(Fo(e.element),t.onFocus(e))};var gd=Object.freeze({__proto__:null,focus:md,blur:(e,t)=>{t.ignore||Ro(e.element)},isFocused:e=>No(e.element)}),pd=Object.freeze({__proto__:null,exhibit:(e,t)=>{const o=t.ignore?{}:{attributes:{tabindex:"-1"}};return td(o)},events:e=>Hc([Wc(Ba(),((t,o)=>{md(t,e),o.stop()}))].concat(e.stopMousedown?[Wc(pa(),((e,t)=>{t.event.prevent()}))]:[]))}),hd=[bi("onFocus"),Qr("stopMousedown",!1),Qr("ignore",!1)];const fd=id({fields:hd,name:"focusing",active:pd,apis:gd}),bd=[8],vd=[9],xd=[13],yd=[27],wd=[32],Sd=[37],Cd=[38],kd=[39],Od=[40],_d=(e,t,o)=>{const n=Y(e.slice(0,t)),s=Y(e.slice(t+1));return $(n.concat(s),o)},Td=(e,t,o)=>{const n=Y(e.slice(0,t));return $(n,o)},Ed=(e,t,o)=>{const n=e.slice(0,t),s=e.slice(t+1);return $(s.concat(n),o)},Ad=(e,t,o)=>{const n=e.slice(t+1);return $(n,o)},Md=e=>t=>{const o=t.raw;return F(e,o.which)},Dd=e=>t=>X(e,(e=>e(t))),Bd=e=>!0===e.raw.shiftKey,Id=e=>!0===e.raw.ctrlKey,Fd=k(Bd),Rd=(e,t)=>({matches:e,classification:t}),Nd=(e,t,o,n)=>{const s=ms(e.element,"."+t.highlightClass);V(s,(o=>{R(n,(e=>yt(e.element,o)))||(ss(o,t.highlightClass),e.getSystem().getByDom(o).each((o=>{t.onDehighlight(e,o),Fc(o,ni())})))}))},zd=(e,t,o,n)=>{Nd(e,t,0,[n]),Ld(e,t,o,n)||(os(n.element,t.highlightClass),t.onHighlight(e,n),Fc(n,oi()))},Ld=(e,t,o,n)=>rs(n.element,t.highlightClass),Vd=(e,t,o)=>Xn(e.element,"."+t.itemClass).bind((t=>e.getSystem().getByDom(t).toOptional())),Hd=(e,t,o)=>{const n=ms(e.element,"."+t.itemClass);return(n.length>0?A?.some(n[n.length-1]):A.none()).bind((t=>e.getSystem().getByDom(t).toOptional()))},Pd=(e,t,o,n)=>{const s=ms(e.element,"."+t.itemClass);return G(s,(e=>rs(e,t.highlightClass))).bind((t=>{const o=Ie(t,n,0,s.length-1);return e.getSystem().getByDom(s[o]).toOptional()}))},Ud=(e,t,o)=>{const n=ms(e.element,"."+t.itemClass);return Pe(L(n,(t=>e.getSystem().getByDom(t).toOptional())))};var Wd=Object.freeze({__proto__:null,dehighlightAll:(e,t,o)=>Nd(e,t,0,[]),dehighlight:(e,t,o,n)=>{Ld(e,t,o,n)&&(ss(n.element,t.highlightClass),t.onDehighlight(e,n),Fc(n,ni()))},highlight:zd,highlightFirst:(e,t,o)=>{Vd(e,t).each((n=>{zd(e,t,o,n)}))},highlightLast:(e,t,o)=>{Hd(e,t).each((n=>{zd(e,t,o,n)}))},highlightAt:(e,t,o,n)=>{((e,t,o,n)=>{const s=ms(e.element,"."+t.itemClass);return A.from(s[n]).fold((()=>Ae.error(new Error("No element found with index "+n))),e.getSystem().getByDom)})(e,t,0,n).fold((e=>{throw e}),(n=>{zd(e,t,o,n)}))},highlightBy:(e,t,o,n)=>{const s=Ud(e,t);$(s,n).each((n=>{zd(e,t,o,n)}))},isHighlighted:Ld,getHighlighted:(e,t,o)=>Xn(e.element,"."+t.highlightClass).bind((t=>e.getSystem().getByDom(t).toOptional())),getFirst:Vd,getLast:Hd,getPrevious:(e,t,o)=>Pd(e,t,0,-1),getNext:(e,t,o)=>Pd(e,t,0,1),getCandidates:Ud}),$d=[Rr("highlightClass"),Rr("itemClass"),bi("onHighlight"),bi("onDehighlight")];const Gd=id({fields:$d,name:"highlighting",apis:Wd}),jd=(e,t,o)=>{t.exists((e=>o.exists((t=>yt(t,e)))))||Rc(e,Ja(),{prevFocus:t,newFocus:o})},qd=()=>{const e=e=>Lo(e.element);return{get:e,set:(t,o)=>{const n=e(t);t.getSystem().triggerFocus(o,t.element);const s=e(t);jd(t,n,s)}}},Xd=()=>{const e=e=>Gd.getHighlighted(e)?.map((e=>e.element));return{get:e,set:(t,o)=>{const n=e(t);t.getSystem().getByDom(o).fold(b,(e=>{Gd.highlight(t,e)}));const s=e(t);jd(t,n,s)}}},Yd=(e,t,o,n,s)=>{const r=(e,t,o,n,s)=>{return(r=o(e,t,n,s),a=t.event,$(r,(e=>e.matches(a)))?.map((e=>e.classification))).bind((o=>o(e,t,n,s)));var r,a},a={schema:()=>e.concat([Qr("focusManager",qd()),Zr("focusInside","onFocus",kr((e=>F(["onFocus","onEnterOrSpace","onApi"],e)?Ae.value(e):Ae.error("Invalid value for focusInside")))),wi("handler",a),wi("state",t),wi("sendFocusIn",s)]),processKey:r,toEvents:(e,t)=>{const a=e.focusInside!==Ei.OnFocusMode?A.none():s(e)?.map((o=>Wc(Ba(),((n,s)=>{o(n,e,t),s.stop()})))),i=[Wc(wa(),((n,a)=>{r(n,a,o,e,t).fold((()=>{((o,n)=>{const r=Md(wd.concat(xd))(n.event);e.focusInside===Ei.OnEnterOrSpaceMode&&r&&Vs(o,n)&&s(e).each((s=>{s(o,e,t),n.stop()}))})(n,a)}),(e=>{a.stop()}))})),Wc(Sa(),((o,s)=>{r(o,s,n,e,t).each((e=>{s.stop()}))}))];return Hc(a.toArray().concat(i))}};return a},Kd=e=>{const t=[$r("onEscape"),$r("onEnter"),Qr("selector",'[data-alloy-tabstop="true"]:not(:disabled)'),Qr("firstTabstop",0),Qr("useTabstopAt",E),$r("visibilitySelector")].concat([e]),o=(e,t)=>{const o=e.visibilitySelector.bind((e=>Yn(t,e))).getOr(t);return Sn(o)>0},n=(e,t)=>t.focusManager.get(e).bind((e=>Yn(e,t.selector))),s=(e,t,n)=>{((e,t)=>{const n=ms(e.element,t.selector),s=P(n,(e=>o(t,e)));return A.from(s[t.firstTabstop])})(e,t).each((o=>{t.focusManager.set(e,o)}))},r=(e,t,s,r)=>{const a=P(ms(e.element,s.selector),(e=>o(s,e)));return n(e,s).bind((t=>G(a,C(yt,t)).bind((t=>((e,t,n,s,r)=>r(t,n,(e=>((e,t)=>o(e,t)&&e.useTabstopAt(t))(s,e))).fold((()=>s.cyclic?A?.some(!0):A.none()),(t=>(s.focusManager.set(e,t),A?.some(!0)))))(e,a,t,s,r)))))},a=(e,t,o)=>{const n=o.cyclic?_d:Td;return r(e,0,o,n)},i=(e,t,o)=>{const n=o.cyclic?Ed:Ad;return r(e,0,o,n)},l=y([Rd(Dd([Bd,Md(vd)]),a),Rd(Md(vd),i),Rd(Dd([Fd,Md(xd)]),((e,t,o)=>o.onEnter.bind((o=>o(e,t)))))]),c=y([Rd(Md(yd),((e,t,o)=>o.onEscape.bind((o=>o(e,t))))),Rd(Md(vd),((e,t,o)=>n(e,o).filter((e=>!o.useTabstopAt(e))).bind((n=>((e=>(e=>go(e))(e).bind(vo).exists((t=>yt(t,e))))(n)?a:i)(e,t,o)))))]);return Yd(t,Mc.init,l,c,(()=>A?.some(s)))};var Jd=Kd(Ir("cyclic",T)),Qd=Kd(Ir("cyclic",E));const Zd=e=>io("input")(e)&&"radio"!==qo(e,"type")||io("textarea")(e),eu=(e,t,o)=>Zd(o)&&Md(wd)(t.event)?A.none():((e,t,o)=>(zc(e,o,Na()),A?.some(!0)))(e,0,o),tu=(e,t)=>A?.some(!0),ou=[Qr("execute",eu),Qr("useSpace",!1),Qr("useEnter",!0),Qr("useControlEnter",!1),Qr("useDown",!1)],nu=(e,t,o)=>o.execute(e,t,e.element);var su=Yd(ou,Mc.init,((e,t,o,n)=>{const s=o.useSpace&&!Zd(e.element)?wd:[],r=o.useEnter?xd:[],a=o.useDown?Od:[],i=s.concat(r).concat(a);return[Rd(Md(i),nu)].concat(o.useControlEnter?[Rd(Dd([Id,Md(xd)]),nu)]:[])}),((e,t,o,n)=>o.useSpace&&!Zd(e.element)?[Rd(Md(wd),tu)]:[]),(()=>A.none()));const ru=()=>{const e=Xe();return Dc({readState:()=>e.get()?.map((e=>({numRows:String(e.numRows),numColumns:String(e.numColumns)}))).getOr({numRows:"?",numColumns:"?"}),setGridSize:(t,o)=>{e.set({numRows:t,numColumns:o})},getNumRows:()=>e.get()?.map((e=>e.numRows)),getNumColumns:()=>e.get()?.map((e=>e.numColumns))})};var au=Object.freeze({__proto__:null,flatgrid:ru,init:e=>e.state(e)});const iu=e=>(t,o,n,s)=>{const r=e(t.element);return uu(r,t,o,n,s)},lu=(e,t)=>{const o=Ln(e,t);return iu(o)},cu=(e,t)=>{const o=Ln(t,e);return iu(o)},du=e=>(t,o,n,s)=>uu(e,t,o,n,s),uu=(e,t,o,n,s)=>n.focusManager.get(t).bind((o=>e(t.element,o,n,s)))?.map((e=>(n.focusManager.set(t,e),!0))),mu=du,gu=du,pu=du,hu=(e,t,o)=>{const n=ms(e,o);return(e=>G(e,(e=>yt(e,t)))?.map((t=>({index:t,candidates:e}))))(P(n,kn))},fu=(e,t)=>G(e,(e=>yt(t,e))),bu=(e,t,o,n)=>n(Math.floor(t/o),t%o).bind((t=>{const n=t.row*o+t.column;return n>=0&&n<e.length?A?.some(e[n]):A.none()})),vu=(e,t,o,n,s)=>bu(e,t,n,((t,r)=>{const a=t===o-1?e.length-t*n:n,i=Ie(r,s,0,a-1);return A?.some({row:t,column:i})})),xu=(e,t,o,n,s)=>bu(e,t,n,((t,r)=>{const a=Ie(t,s,0,o-1),i=a===o-1?e.length-a*n:n,l=Fe(r,0,i-1);return A?.some({row:a,column:l})})),yu=[Rr("selector"),Qr("execute",eu),vi("onEscape"),Qr("captureTab",!1),Ci()],wu=(e,t,o)=>{Xn(e.element,t.selector).each((o=>{t.focusManager.set(e,o)}))},Su=e=>(t,o,n,s)=>hu(t,o,n.selector).bind((t=>e(t.candidates,t.index,s.getNumRows().getOr(n.initSize.numRows),s.getNumColumns().getOr(n.initSize.numColumns)))),Cu=(e,t,o)=>o.captureTab?A?.some(!0):A.none(),ku=Su(((e,t,o,n)=>vu(e,t,o,n,-1))),Ou=Su(((e,t,o,n)=>vu(e,t,o,n,1))),_u=Su(((e,t,o,n)=>xu(e,t,o,n,-1))),Tu=Su(((e,t,o,n)=>xu(e,t,o,n,1))),Eu=y([Rd(Md(Sd),lu(ku,Ou)),Rd(Md(kd),cu(ku,Ou)),Rd(Md(Cd),mu(_u)),Rd(Md(Od),gu(Tu)),Rd(Dd([Bd,Md(vd)]),Cu),Rd(Dd([Fd,Md(vd)]),Cu),Rd(Md(wd.concat(xd)),((e,t,o,n)=>((e,t)=>t.focusManager.get(e).bind((e=>Yn(e,t.selector))))(e,o).bind((n=>o.execute(e,t,n)))))]),Au=y([Rd(Md(yd),((e,t,o)=>o.onEscape(e,t))),Rd(Md(wd),tu)]);var Mu=Yd(yu,ru,Eu,Au,(()=>A?.some(wu)));const Du=(e,t,o,n,s)=>{const r=(e,t,o)=>s(e,t,n,0,o.length-1,o[t],(t=>{return n=o[t],"button"===eo(n)&&"disabled"===qo(n,"disabled")?r(e,t,o):A.from(o[t]);var n}));return hu(e,o,t).bind((e=>{const t=e.index,o=e.candidates;return r(t,t,o)}))},Bu=(e,t,o,n)=>Du(e,t,o,n,((e,t,o,n,s,r,a)=>{const i=Fe(t+o,n,s);return i===e?A.from(r):a(i)})),Iu=(e,t,o,n)=>Du(e,t,o,n,((e,t,o,n,s,r,a)=>{const i=Ie(t,o,n,s);return i===e?A.none():a(i)})),Fu=[Rr("selector"),Qr("getInitial",A.none),Qr("execute",eu),vi("onEscape"),Qr("executeOnMove",!1),Qr("allowVertical",!0),Qr("allowHorizontal",!0),Qr("cycles",!0)],Ru=(e,t,o)=>((e,t)=>t.focusManager.get(e).bind((e=>Yn(e,t.selector))))(e,o).bind((n=>o.execute(e,t,n))),Nu=(e,t,o)=>{t.getInitial(e).orThunk((()=>Xn(e.element,t.selector))).each((o=>{t.focusManager.set(e,o)}))},zu=(e,t,o)=>(o.cycles?Iu:Bu)(e,o.selector,t,-1),Lu=(e,t,o)=>(o.cycles?Iu:Bu)(e,o.selector,t,1),Vu=e=>(t,o,n,s)=>e(t,o,n,s).bind((()=>n.executeOnMove?Ru(t,o,n):A?.some(!0))),Hu=y([Rd(Md(wd),tu),Rd(Md(yd),((e,t,o)=>o.onEscape(e,t)))]);var Pu=Yd(Fu,Mc.init,((e,t,o,n)=>{const s=[...o.allowHorizontal?Sd:[]].concat(o.allowVertical?Cd:[]),r=[...o.allowHorizontal?kd:[]].concat(o.allowVertical?Od:[]);return[Rd(Md(s),Vu(lu(zu,Lu))),Rd(Md(r),Vu(cu(zu,Lu))),Rd(Md(xd),Ru),Rd(Md(wd),Ru)]}),Hu,(()=>A?.some(Nu)));const Uu=(e,t,o)=>A.from(e[t]).bind((e=>A.from(e[o])?.map((e=>({rowIndex:t,columnIndex:o,cell:e}))))),Wu=(e,t,o,n)=>{const s=e[t].length,r=Ie(o,n,0,s-1);return Uu(e,t,r)},$u=(e,t,o,n)=>{const s=Ie(o,n,0,e.length-1),r=e[s].length,a=Fe(t,0,r-1);return Uu(e,s,a)},Gu=(e,t,o,n)=>{const s=e[t].length,r=Fe(o+n,0,s-1);return Uu(e,t,r)},ju=(e,t,o,n)=>{const s=Fe(o+n,0,e.length-1),r=e[s].length,a=Fe(t,0,r-1);return Uu(e,s,a)},qu=[Pr("selectors",[Rr("row"),Rr("cell")]),Qr("cycles",!0),Qr("previousSelector",A.none),Qr("execute",eu)],Xu=(e,t,o)=>{t.previousSelector(e).orThunk((()=>{const o=t.selectors;return Xn(e.element,o.cell)})).each((o=>{t.focusManager.set(e,o)}))},Yu=(e,t)=>(o,n,s)=>{const r=s.cycles?e:t;return Yn(n,s.selectors.row).bind((e=>{const t=ms(e,s.selectors.cell);return fu(t,n).bind((t=>{const n=ms(o,s.selectors.row);return fu(n,e).bind((e=>{const o=((e,t)=>L(e,(e=>ms(e,t.selectors.cell))))(n,s);return r(o,e,t)?.map((e=>e.cell))}))}))}))},Ku=Yu(((e,t,o)=>Wu(e,t,o,-1)),((e,t,o)=>Gu(e,t,o,-1))),Ju=Yu(((e,t,o)=>Wu(e,t,o,1)),((e,t,o)=>Gu(e,t,o,1))),Qu=Yu(((e,t,o)=>$u(e,o,t,-1)),((e,t,o)=>ju(e,o,t,-1))),Zu=Yu(((e,t,o)=>$u(e,o,t,1)),((e,t,o)=>ju(e,o,t,1))),em=y([Rd(Md(Sd),lu(Ku,Ju)),Rd(Md(kd),cu(Ku,Ju)),Rd(Md(Cd),mu(Qu)),Rd(Md(Od),gu(Zu)),Rd(Md(wd.concat(xd)),((e,t,o)=>Lo(e.element).bind((n=>o.execute(e,t,n)))))]),tm=y([Rd(Md(wd),tu)]);var om=Yd(qu,Mc.init,em,tm,(()=>A?.some(Xu)));const nm=[Rr("selector"),Qr("execute",eu),Qr("moveOnTab",!1)],sm=(e,t,o)=>o.focusManager.get(e).bind((n=>o.execute(e,t,n))),rm=(e,t,o)=>{Xn(e.element,t.selector).each((o=>{t.focusManager.set(e,o)}))},am=(e,t,o)=>Iu(e,o.selector,t,-1),im=(e,t,o)=>Iu(e,o.selector,t,1),lm=y([Rd(Md(Cd),pu(am)),Rd(Md(Od),pu(im)),Rd(Dd([Bd,Md(vd)]),((e,t,o,n)=>o.moveOnTab?pu(am)(e,t,o,n):A.none())),Rd(Dd([Fd,Md(vd)]),((e,t,o,n)=>o.moveOnTab?pu(im)(e,t,o,n):A.none())),Rd(Md(xd),sm),Rd(Md(wd),sm)]),cm=y([Rd(Md(wd),tu)]);var dm=Yd(nm,Mc.init,lm,cm,(()=>A?.some(rm)));const um=[vi("onSpace"),vi("onEnter"),vi("onShiftEnter"),vi("onLeft"),vi("onRight"),vi("onTab"),vi("onShiftTab"),vi("onUp"),vi("onDown"),vi("onEscape"),Qr("stopSpaceKeyup",!1),$r("focusIn")];var mm=Yd(um,Mc.init,((e,t,o)=>[Rd(Md(wd),o.onSpace),Rd(Dd([Fd,Md(xd)]),o.onEnter),Rd(Dd([Bd,Md(xd)]),o.onShiftEnter),Rd(Dd([Bd,Md(vd)]),o.onShiftTab),Rd(Dd([Fd,Md(vd)]),o.onTab),Rd(Md(Cd),o.onUp),Rd(Md(Od),o.onDown),Rd(Md(Sd),o.onLeft),Rd(Md(kd),o.onRight),Rd(Md(wd),o.onSpace)]),((e,t,o)=>[...o.stopSpaceKeyup?[Rd(Md(wd),tu)]:[],Rd(Md(yd),o.onEscape)]),(e=>e.focusIn));const gm=Jd.schema(),pm=Qd.schema(),hm=Pu.schema(),fm=Mu.schema(),bm=om.schema(),vm=su.schema(),xm=dm.schema(),ym=mm.schema(),wm=cd({branchKey:"mode",branches:Object.freeze({__proto__:null,acyclic:gm,cyclic:pm,flow:hm,flatgrid:fm,matrix:bm,execution:vm,menu:xm,special:ym}),name:"keying",active:{events:(e,t)=>e.handler.toEvents(e,t)},apis:{focusIn:(e,t,o)=>{t.sendFocusIn(t).fold((()=>{e.getSystem().triggerFocus(e.element,e.element)}),(n=>{n(e,t,o)}))},setGridSize:(e,t,o,n,s)=>{(e=>ve(e,"setGridSize"))(o)?o.setGridSize(n,s):console.error("Layout does not support setGridSize")}},state:au}),Sm=Ne("alloy-premade"),Cm=e=>(Object.defineProperty(e.element.dom,Sm,{value:e.uid,writable:!0}),ia(Sm,e)),km=e=>fe(e,Sm),Om=e=>((e,t)=>{const o=t.toString(),n=o.indexOf(")")+1,s=o.indexOf("("),r=o.substring(s+1,n-1).split(/,\s*/);return e.toFunctionAnnotation=()=>({name:"OVERRIDE",parameters:ki(r.slice(1))}),e})(((t,...o)=>e(t.getApis(),t,...o)),e),_m=e=>e.getSystem().isConnected(),Tm=e=>{Fc(e,Xa());const t=e.components();V(t,Tm)},Em=e=>{const t=e.components();V(t,Em),Fc(e,qa())},Am=(e,t)=>{e.getSystem().addToWorld(t),sn(e.element)&&Em(t)},Mm=e=>{Tm(e),e.getSystem().removeFromWorld(e)},Dm=(e,t)=>{Uo(e.element,t.element)},Bm=(e,t)=>{Im(e,t,Uo)},Im=(e,t,o)=>{e.getSystem().addToWorld(t),o(e.element,t.element),sn(e.element)&&Em(t),e.syncComponents()},Fm=e=>{Tm(e),Qo(e.element),e.getSystem().removeFromWorld(e)},Rm=e=>{const t=go(e.element).bind((t=>e.getSystem().getByDom(t).toOptional()));Fm(e),t.each((e=>{e.syncComponents()}))},Nm=e=>{const t=e.components();V(t,Fm),Jo(e.element),e.syncComponents()},zm=(e,t)=>{Vm(e,t,Uo)},Lm=(e,t)=>{Vm(e,t,Ho)},Vm=(e,t,o)=>{o(e,t.element);const n=fo(t.element);V(n,(e=>{t.getByDom(e).each(Em)}))},Hm=e=>{const t=fo(e.element);V(t,(t=>{e.getByDom(t).each(Tm)})),Qo(e.element)},Pm=(e,t,o)=>{o.fold((()=>Uo(e,t)),(e=>{yt(e,t)||(Vo(e,t),Qo(e))}))},Um=(e,t,o)=>{const n=L(t,o),s=fo(e);return V(s.slice(n.length),Qo),n},Wm=(e,t,o,n)=>{const s=bo(e,t),r=n(o,s),a=((e,t,o)=>bo(e,t)?.map((e=>{if(o.exists((t=>!yt(t,e)))){const t=o?.map(eo).getOr("span"),n=it(t);return Vo(e,n),n}return e})))(e,t,s);return Pm(e,r.element,a),r},$m=(e,t)=>{const o=So(t),n=zo(o).bind((e=>{const o=t=>yt(e,t);return o(t)?A?.some(t):((e,t)=>{const o=e=>{for(let n=0;n<e.childNodes.length;n++){const s=ct(e.childNodes[n]);if(t(s))return A?.some(s);const r=o(e.childNodes[n]);if(r.isSome())return r}return A.none()};return o(e.dom)})(t,o)})),s=e(t);return n.each((e=>{zo(o).filter((t=>yt(t,e))).fold((()=>{Fo(e)}),b)})),s},Gm=(e,t)=>{$m((()=>{((e,t,o)=>{const n=e.components();(e=>{V(e.components(),(e=>Qo(e.element))),Jo(e.element),e.syncComponents()})(e);const s=o(t),r=K(n,s);V(r,(t=>{Tm(t),e.getSystem().removeFromWorld(t)})),V(s,(t=>{_m(t)?Dm(e,t):(e.getSystem().addToWorld(t),Dm(e,t),sn(e.element)&&Em(t))})),e.syncComponents()})(e,t,(()=>L(t,e.getSystem().build)))}),e.element)},jm=(e,t)=>{$m((()=>{((o,n)=>{const s=o.components(),r=q(n,(e=>km(e).toArray()));V(s,(e=>{F(r,e)||Mm(e)}));const a=((e,t,o)=>Um(e,t,((t,n)=>Wm(e,n,t,o))))(e.element,t,e.getSystem().buildOrPatch),i=K(s,a);V(i,(e=>{_m(e)&&Mm(e)})),V(a,(e=>{_m(e)||Am(o,e)})),o.syncComponents()})(e,t)}),e.element)},qm=(e,t,o,n)=>{Mm(t);const s=Wm(e.element,o,n,e.getSystem().buildOrPatch);Am(e,s),e.syncComponents()},Xm=(e,t,o)=>{const n=e.getSystem().build(o);Im(e,n,t)},Ym=(e,t,o,n)=>{Rm(t),Xm(e,((e,t)=>((e,t,o)=>{bo(e,o).fold((()=>{Uo(e,t)}),(e=>{Vo(e,t)}))})(e,t,o)),n)},Km=(e,t)=>e.components(),Jm=(e,t,o,n,s)=>{const r=Km(e);return A.from(r[n])?.map((o=>(s.fold((()=>Rm(o)),(s=>{(t.reuseDom?qm:Ym)(e,o,n,s)})),o)))};var Qm=Object.freeze({__proto__:null,append:(e,t,o,n)=>{Xm(e,Uo,n)},prepend:(e,t,o,n)=>{Xm(e,Po,n)},remove:(e,t,o,n)=>{const s=Km(e),r=$(s,(e=>yt(n.element,e.element)));r.each(Rm)},replaceAt:Jm,replaceBy:(e,t,o,n,s)=>{const r=Km(e);return G(r,n).bind((o=>Jm(e,t,0,o,s)))},set:(e,t,o,n)=>(t.reuseDom?jm:Gm)(e,n),contents:Km});const Zm=id({fields:[na("reuseDom",!0)],name:"replacing",apis:Qm}),eg=Hc([(e=>({key:e,value:Ic({can:(e,t)=>{const o=t.event,n=o.originator,s=o.target;return!((e,t,o)=>yt(t,e.element)&&!yt(t,o))(e,n,s)||(console.warn(Ba()+" did not get interpreted by the desired target. \nOriginator: "+si(n)+"\nTarget: "+si(s)+"\nCheck the "+Ba()+" event handlers"),!1)}})}))(Ba())]);var tg=Object.freeze({__proto__:null,events:eg});const og=y("alloy-id-"),ng=y("data-alloy-id"),sg=og(),rg=ng(),ag=(e,t)=>{Object.defineProperty(e.dom,rg,{value:t,writable:!0})},ig=e=>{const t=no(e)?e.dom[rg]:null;return A.from(t)},lg=e=>Ne(e),cg=w,dg=e=>{const t=t=>`The component must be in a context to execute: ${t}`+(e?"\n"+si(e().element)+" is not in context.":""),o=e=>()=>{throw new Error(t(e))},n=e=>()=>{console.warn(t(e))};return{debugInfo:y("fake"),triggerEvent:n("triggerEvent"),triggerFocus:n("triggerFocus"),triggerEscape:n("triggerEscape"),broadcast:n("broadcast"),broadcastOn:n("broadcastOn"),broadcastEvent:n("broadcastEvent"),build:o("build"),buildOrPatch:o("buildOrPatch"),addToWorld:o("addToWorld"),removeFromWorld:o("removeFromWorld"),addToGui:o("addToGui"),removeFromGui:o("removeFromGui"),getByUid:o("getByUid"),getByDom:o("getByDom"),isConnected:T}},ug=dg(),mg=(e,t)=>{const o={};return ie(e,((e,n)=>{ie(e,((e,s)=>{const r=fe(o,s).getOr([]);o[s]=r.concat([t(n,e)])}))})),o},gg=e=>e.cHandler,pg=(e,t)=>({name:e,handler:t}),hg=(e,t)=>{const o={};return V(e,(e=>{o[e.name()]=e.handlers(t)})),o},fg=(e,t,o)=>{const n=t[o];return n?((e,t,o,n)=>{try{const s=Z(o,((o,s)=>{const r=o[t],a=s[t],i=n.indexOf(r),l=n.indexOf(a);if(-1===i)throw new Error("The ordering for "+e+" does not have an entry for "+r+".\nOrder specified: "+JSON.stringify(n,null,2));if(-1===l)throw new Error("The ordering for "+e+" does not have an entry for "+a+".\nOrder specified: "+JSON.stringify(n,null,2));return i<l?-1:l<i?1:0}));return Ae.value(s)}catch(e){return Ae.error([e])}})("Event: "+o,"name",e,n)?.map((e=>(e=>{const t=(e=>(...t)=>W(e,((e,o)=>e&&(e=>e.can)(o).apply(void 0,t)),!0))(e),o=(e=>(...t)=>W(e,((e,o)=>e||(e=>e.abort)(o).apply(void 0,t)),!1))(e);return{can:t,abort:o,run:(...t)=>{V(e,(e=>{e.run.apply(void 0,t)}))}}})(L(e,(e=>e.handler))))):((e,t)=>Ae.error(["The event ("+e+') has more than one behaviour that listens to it.\nWhen this occurs, you must specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that can trigger it are: '+JSON.stringify(L(t,(e=>e.name)),null,2)]))(o,e)},bg=(e,t)=>((e,t)=>{const o=(e=>{const t=[],o=[];return V(e,(e=>{e.fold((e=>{t.push(e)}),(e=>{o.push(e)}))})),{errors:t,values:o}})(e);return o.errors.length>0?(n=o.errors,Ae.error(j(n))):((e,t)=>0===e.length?Ae.value(t):Ae.value(Le(t,Ve.apply(void 0,e))))(o.values,t);var n})(ge(e,((e,o)=>(1===e.length?Ae.value(e[0].handler):fg(e,t,o))?.map((n=>{const s=(e=>{const t=(e=>p(e)?{can:E,abort:T,run:e}:e)(e);return(e,o,...n)=>{const s=[e,o].concat(n);t.abort.apply(void 0,s)?o.stop():t.can.apply(void 0,s)&&t.run.apply(void 0,s)}})(n),r=e.length>1?P(t[o],(t=>R(e,(e=>e.name===t)))).join(" > "):e[0].name;return ia(o,((e,t)=>({handler:e,purpose:t}))(s,r))})))),{}),vg="alloy.base.behaviour",xg=vr([Br("dom","dom",{tag:"required",process:{}},vr([Rr("tag"),Qr("styles",{}),Qr("classes",[]),Qr("attributes",{}),$r("value"),$r("innerHtml")])),Rr("components"),Rr("uid"),Qr("events",{}),Qr("apis",{}),Br("eventOrder","eventOrder",(Dg={[Na()]:["disabling",vg,"toggling","typeaheadevents"],[Ba()]:[vg,"focusing","keying"],[Ua()]:[vg,"disabling","toggling","representing","tooltipping"],[Ca()]:[vg,"representing","streaming","invalidating"],[Xa()]:[vg,"representing","item-events","toolbar-button-events","tooltipping"],[pa()]:["focusing",vg,"item-type-events"],[da()]:["focusing",vg,"item-type-events"],[va()]:["item-type-events","tooltipping"],[Ra()]:["receiving","reflecting","tooltipping"]},cr(y(Dg))),Zs()),$r("domModification")]),yg=e=>e.events,wg=(e,t)=>{const o=re(e),n=re(t),s=K(n,o),r=(e=>{const o={},n={};return ue(e,((e,o)=>!be(t,o)||e!==t[o]),de(o),de(n)),{t:o,f:n}})(e).t;return{toRemove:s,toSet:r}},Sg=(e,t)=>{const o=t.filter((t=>eo(t)===e.tag&&!(e=>e.innerHtml.isSome()&&e.domChildren.length>0)(e)&&!(e=>be(e.dom,Sm))(t))).bind((t=>((e,t)=>{try{const o=((e,t)=>{const{class:o,style:n,...s}=(e=>W(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}))(t),{toSet:r,toRemove:a}=wg(e.attributes,s),i=fn(t),{toSet:l,toRemove:c}=wg(e.styles,i),d=ls(t),u=K(d,e.classes),m=K(e.classes,d);return V(a,(e=>Ko(t,e))),jo(t,r),as(t,m),is(t,u),V(c,(e=>vn(t,e))),un(t,l),e.innerHtml.fold((()=>{const o=e.domChildren;((e,t)=>{Um(e,t,((t,o)=>{const n=bo(e,o);return Pm(e,t,n),t}))})(t,o)}),(e=>{tn(t,e)})),(()=>{const o=t,n=e.value.getOrUndefined();n!==cs(o)&&ds(o,null!=n?n:"")})(),t})(e,t);return A?.some(o)}catch(e){return A.none()}})(e,t))).getOrThunk((()=>(e=>{const t=it(e.tag);jo(t,e.attributes),as(t,e.classes),un(t,e.styles),e.innerHtml.each((e=>tn(t,e)));const o=e.domChildren;return Wo(t,o),e.value.each((e=>{ds(t,e)})),t})(e)));return ag(o,e.uid),o},Cg=e=>{const t=(e=>{const t=fe(e,"behaviours").getOr({});return q(re(t),(e=>{const o=t[e];return g(o)?[o.me]:[]}))})(e);return((e,t)=>((e,t)=>{const o=L(t,(e=>Jr(e.name(),[Rr("config"),Qr("state",Mc)]))),n=_r("component.behaviours",vr(o),e.behaviours).fold((t=>{throw new Error(Ar(t)+"\nComplete spec:\n"+JSON.stringify(e,null,2))}),w);return{list:t,data:le(n,(e=>{const t=e?.map((e=>({config:e.config,state:e.state.init(e.config)})));return y(t)}))}})(e,t))(e,t)},kg=(e,t)=>{const o=()=>m,n=ye(ug),s=Tr((e=>_r("custom.definition",xg,e))(e)),r=Cg(e),a=(e=>e.list)(r),i=(e=>e.data)(r),l=((e,t,o)=>{const n={...(s=e).dom,uid:s.uid,domChildren:L(s.components,(e=>e.element))};var s;const r=(e=>e.domModification.fold((()=>td({})),td))(e),a={"alloy.base.modification":r},i=t.length>0?((e,t,o,n)=>{const s={...t};V(o,(t=>{s[t.name()]=t.exhibit(e,n)}));const r=mg(s,((e,t)=>({name:e,modification:t}))),a=e=>U(e,((e,t)=>({...t.modification,...e})),{}),i=U(r.classes,((e,t)=>t.modification.concat(e)),[]),l=a(r.attributes),c=a(r.styles);return td({classes:i,attributes:l,styles:c})})(o,a,t,n):r;return l=n,c=i,{...l,attributes:{...l.attributes,...c.attributes},styles:{...l.styles,...c.styles},classes:l.classes.concat(c.classes)};var l,c})(s,a,i),c=Sg(l,t),d=((e,t,o)=>{const n={"alloy.base.behaviour":yg(e)};return((e,t,o,n)=>{const s=((e,t,o)=>{const n={...o,...hg(t,e)};return mg(n,pg)})(e,o,n);return bg(s,t)})(o,e.eventOrder,t,n).getOrDie()})(s,a,i),u=ye(s.components),m={uid:e.uid,getSystem:n.get,config:t=>{const o=i;return(p(o[t.name()])?o[t.name()]:()=>{throw new Error("Could not find "+t.name()+" in "+JSON.stringify(e,null,2))})()},hasConfigured:e=>p(i[e.name()]),spec:e,readState:e=>i[e]()?.map((e=>e.state.readState())).getOr("not enabled"),getApis:()=>s.apis,connect:e=>{n.set(e)},disconnect:()=>{n.set(dg(o))},element:c,syncComponents:()=>{const e=fo(c),t=q(e,(e=>n.get().getByDom(e).fold((()=>[]),Q)));u.set(t)},components:u.get,events:d};return m},Og=e=>{const t=lt(e);return _g({element:t})},_g=e=>{const t=Er("external.component",br([Rr("element"),$r("uid")]),e),o=ye(dg()),n=t.uid.getOrThunk((()=>lg("external")));ag(t.element,n);const s={uid:n,getSystem:o.get,config:A.none,hasConfigured:T,connect:e=>{o.set(e)},disconnect:()=>{o.set(dg((()=>s)))},getApis:()=>({}),element:t.element,spec:e,readState:y("No state"),syncComponents:b,components:y([]),events:{}};return Cm(s)},Tg=lg,Eg=(e,t)=>km(e).getOrThunk((()=>((e,t)=>{const{events:o,...n}=cg(e),s=((e,t)=>{const o=fe(e,"components").getOr([]);return t.fold((()=>L(o,Ag)),(e=>L(o,((t,o)=>Eg(t,bo(e,o))))))})(n,t),r={...n,events:{...tg,...o},components:s};return Ae.value(kg(r,t))})((e=>be(e,"uid"))(e)?e:{uid:Tg(""),...e},t).getOrDie())),Ag=e=>Eg(e,A.none()),Mg=Cm;var Dg,Bg=Object.freeze({__proto__:null,block:(e,t,o,n)=>{Go(e.element,"aria-busy",!0);const s=t.getRoot(e).getOr(e),r=rd([wm.config({mode:"special",onTab:()=>A?.some(!0),onShiftTab:()=>A?.some(!0)}),fd.config({})]),a=n(s,r),i=s.getSystem().build(a);Zm.append(s,Mg(i)),i.hasConfigured(wm)&&t.focus&&wm.focusIn(i),o.isBlocked()||t.onBlock(e),o.blockWith((()=>Zm.remove(s,i)))},unblock:(e,t,o)=>{Ko(e.element,"aria-busy"),o.isBlocked()&&t.onUnblock(e),o.clear()},isBlocked:(e,t,o)=>o.isBlocked()}),Ig=[sa("getRoot",A.none),na("focus",!0),bi("onBlock"),bi("onUnblock")];const Fg=id({fields:Ig,name:"blocking",apis:Bg,state:Object.freeze({__proto__:null,init:()=>{const e=je((e=>e.destroy()));return Dc({readState:e.isSet,blockWith:t=>{e.set({destroy:t})},clear:e.clear,isBlocked:e.isSet})}})});var Rg=Object.freeze({__proto__:null,getCurrent:(e,t,o)=>t.find(e)});const Ng=[Rr("find")],zg=id({fields:Ng,name:"composing",apis:Rg});var Lg=Object.freeze({__proto__:null,getCoupled:(e,t,o,n)=>o.getOrCreate(e,t,n),getExistingCoupled:(e,t,o,n)=>o.getExisting(e,t,n)}),Vg=[Nr("others",Or(Ae.value,Zs()))],Hg=Object.freeze({__proto__:null,init:()=>{const e={},t=(t,o)=>{if(0===re(t.others).length)throw new Error("Cannot find any known coupled components");return fe(e,o)},o=y({});return Dc({readState:o,getExisting:(e,o,n)=>t(o,n).orThunk((()=>(fe(o.others,n).getOrDie("No information found for coupled component: "+n),A.none()))),getOrCreate:(o,n,s)=>t(n,s).getOrThunk((()=>{const t=fe(n.others,s).getOrDie("No information found for coupled component: "+s)(o),r=o.getSystem().build(t);return e[s]=r,r}))})}});const Pg=id({fields:Vg,name:"coupling",apis:Lg,state:Hg}),Ug=["input","button","textarea","select"],Wg=(e,t,o)=>{(t.disabled()?Yg:Kg)(e,t)},$g=(e,t)=>!0===t.useNative&&F(Ug,eo(e.element)),Gg=e=>{Go(e.element,"disabled","disabled")},jg=e=>{Ko(e.element,"disabled")},qg=e=>{Go(e.element,"aria-disabled","true")},Xg=e=>{Go(e.element,"aria-disabled","false")},Yg=(e,t,o)=>{t.disableClass.each((t=>{os(e.element,t)})),($g(e,t)?Gg:qg)(e),t.onDisabled(e)},Kg=(e,t,o)=>{t.disableClass.each((t=>{ss(e.element,t)})),($g(e,t)?jg:Xg)(e),t.onEnabled(e)},Jg=(e,t)=>$g(e,t)?(e=>Yo(e.element,"disabled"))(e):(e=>"true"===qo(e.element,"aria-disabled"))(e);var Qg=Object.freeze({__proto__:null,enable:Kg,disable:Yg,isDisabled:Jg,onLoad:Wg,set:(e,t,o,n)=>{(n?Yg:Kg)(e,t)}}),Zg=Object.freeze({__proto__:null,exhibit:(e,t)=>td({classes:t.disabled()?t.disableClass.toArray():[]}),events:(e,t)=>Hc([Pc(Na(),((t,o)=>Jg(t,e))),od(e,t,Wg)])}),ep=[sa("disabled",T),Qr("useNative",!0),$r("disableClass"),bi("onDisabled"),bi("onEnabled")];const tp=id({fields:ep,name:"disabling",active:Zg,apis:Qg}),op=(e,t,o,n,s)=>{const r=e=>e+"px";return{position:e,left:t?.map(r),top:o?.map(r),right:n?.map(r),bottom:s?.map(r)}},np=(e,t)=>{mn(e,(e=>({...e,position:A?.some(e.position)}))(t))},sp=(e,t)=>{const o=e.element;os(o,t.transitionClass),ss(o,t.fadeOutClass),os(o,t.fadeInClass),t.onShow(e)},rp=(e,t)=>{const o=e.element;os(o,t.transitionClass),ss(o,t.fadeInClass),os(o,t.fadeOutClass),t.onHide(e)},ap=(e,t)=>e.y>=t.y,ip=(e,t)=>e.bottom<=t.bottom,lp=(e,t,o)=>({location:"top",leftX:t,topY:o.bounds.y-e.y}),cp=(e,t,o)=>({location:"bottom",leftX:t,bottomY:e.bottom-o.bounds.bottom}),dp=e=>e.box.x-e.win.x,up=(e,t,o)=>o.getInitialPos()?.map((o=>{const n=((e,t)=>{const o=t.optScrollEnv.fold(y(e.bounds.y),(t=>t.scrollElmTop+(e.bounds.y-t.currentScrollTop)));return Dn(e.bounds.x,o)})(o,t);return{box:Fs(n.left,n.top,Tn(e),Sn(e)),location:o.location}})),mp=(e,t,o,n,s)=>{const r=((e,t)=>{const o=t.optScrollEnv.fold(y(e.y),(t=>e.y+t.currentScrollTop-t.scrollElmTop));return Dn(e.x,o)})(t,o),a=Fs(r.left,r.top,t.width,t.height);n.setInitialPos({style:fn(e),position:gn(e,"position")||"static",bounds:a,location:s.location})},gp=(e,t,o)=>o.getInitialPos().bind((n=>{var s;switch(o.clearInitialPos(),n.position){case"static":return A?.some({morph:"static"});case"absolute":const o=Hs(e).getOr(rn()),r=Rs(o),a=null!==(s=o.dom.scrollTop)&&void 0!==s?s:0;return A?.some({morph:"absolute",positionCss:op("absolute",fe(n.style,"left")?.map((e=>t.x-r.x)),fe(n.style,"top")?.map((e=>t.y-r.y+a)),fe(n.style,"right")?.map((e=>r.right-t.right)),fe(n.style,"bottom")?.map((e=>r.bottom-t.bottom)))});default:return A.none()}})),pp=e=>{switch(e.location){case"top":return A?.some({morph:"fixed",positionCss:op("fixed",A?.some(e.leftX),A?.some(e.topY),A.none(),A.none())});case"bottom":return A?.some({morph:"fixed",positionCss:op("fixed",A?.some(e.leftX),A.none(),A.none(),A?.some(e.bottomY))});default:return A.none()}},hp=(e,t,o)=>{const n=e.element;return He(hn(n,"position"),"fixed")?((e,t,o)=>((e,t,o)=>up(e,t,o).filter((({box:e})=>((e,t,o)=>X(e,(e=>{switch(e){case"bottom":return ip(t,o.bounds);case"top":return ap(t,o.bounds)}})))(o.getModes(),e,t))).bind((({box:t})=>gp(e,t,o))))(e,t,o).orThunk((()=>t.optScrollEnv.bind((n=>up(e,t,o))).bind((({box:e,location:o})=>{const n=Ls(),s=dp({win:n,box:e}),r="top"===o?lp(n,s,t):cp(n,s,t);return pp(r)})))))(n,t,o):((e,t,o)=>{const n=Rs(e),s=Ls(),r=((e,t,o)=>{const n=t.win,s=t.box,r=dp(t);return se(e,(e=>{switch(e){case"bottom":return ip(s,o.bounds)?A.none():A?.some(cp(n,r,o));case"top":return ap(s,o.bounds)?A.none():A?.some(lp(n,r,o));default:return A.none()}})).getOr({location:"no-dock"})})(o.getModes(),{win:s,box:n},t);return"top"===r.location||"bottom"===r.location?(mp(e,n,t,o,r),pp(r)):A.none()})(n,t,o)},fp=(e,t,o)=>{o.setDocked(!1),V(["left","right","top","bottom","position"],(t=>vn(e.element,t))),t.onUndocked(e)},bp=(e,t,o,n)=>{const s="fixed"===n.position;o.setDocked(s),np(e.element,n),(s?t.onDocked:t.onUndocked)(e)},vp=(e,t,o,n,s=!1)=>{t.contextual.each((t=>{t.lazyContext(e).each((r=>{const a=((e,t)=>e.y<t.bottom&&e.bottom>t.y)(r,n.bounds);a!==o.isVisible()&&(o.setVisible(a),s&&!a?(as(e.element,[t.fadeOutClass]),t.onHide(e)):(a?sp:rp)(e,t))}))}))},xp=(e,t,o,n,s)=>{vp(e,t,o,n,!0),bp(e,t,o,s.positionCss)},yp=(e,t,o)=>{e.getSystem().isConnected()&&((e,t,o)=>{const n=t.lazyViewport(e);vp(e,t,o,n),hp(e,n,o).each((s=>{((e,t,o,n,s)=>{switch(s.morph){case"static":return fp(e,t,o);case"absolute":return bp(e,t,o,s.positionCss);case"fixed":xp(e,t,o,n,s)}})(e,t,o,n,s)}))})(e,t,o)},wp=(e,t,o)=>{o.isDocked()&&((e,t,o)=>{const n=e.element;o.setDocked(!1);const s=t.lazyViewport(e);((e,t,o)=>{const n=e.element;return up(n,t,o).bind((({box:e})=>gp(n,e,o)))})(e,s,o).each((n=>{switch(n.morph){case"static":fp(e,t,o);break;case"absolute":bp(e,t,o,n.positionCss)}})),o.setVisible(!0),t.contextual.each((t=>{is(n,[t.fadeInClass,t.fadeOutClass,t.transitionClass]),t.onShow(e)})),yp(e,t,o)})(e,t,o)},Sp=e=>(t,o,n)=>{const s=o.lazyViewport(t);((e,t,o,n)=>{const s=Rs(e),r=Ls(),a=n(r,dp({win:r,box:s}),t);return"bottom"===a.location||"top"===a.location?(((e,t,o,n,s)=>{n.getInitialPos().fold((()=>mp(e,t,o,n,s)),(()=>b))})(e,s,t,o,a),pp(a)):A.none()})(t.element,s,n,e).each((e=>{xp(t,o,n,s,e)}))},Cp=Sp(lp),kp=Sp(cp);var Op=Object.freeze({__proto__:null,refresh:yp,reset:wp,isDocked:(e,t,o)=>o.isDocked(),getModes:(e,t,o)=>o.getModes(),setModes:(e,t,o,n)=>o.setModes(n),forceDockToTop:Cp,forceDockToBottom:kp}),_p=Object.freeze({__proto__:null,events:(e,t)=>Hc([Kc(Ta(),((o,n)=>{e.contextual.each((e=>{rs(o.element,e.transitionClass)&&(is(o.element,[e.transitionClass,e.fadeInClass]),(t.isVisible()?e.onShown:e.onHidden)(o)),n.stop()}))})),Wc(Ga(),((o,n)=>{yp(o,e,t)})),Wc(Za(),((o,n)=>{yp(o,e,t)})),Wc(ja(),((o,n)=>{wp(o,e,t)}))])}),Tp=[Jr("contextual",[Lr("fadeInClass"),Lr("fadeOutClass"),Lr("transitionClass"),Hr("lazyContext"),bi("onShow"),bi("onShown"),bi("onHide"),bi("onHidden")]),sa("lazyViewport",(()=>({bounds:Ls(),optScrollEnv:A.none()}))),ra("modes",["top","bottom"],or),bi("onDocked"),bi("onUndocked")];const Ep=id({fields:Tp,name:"docking",active:_p,apis:Op,state:Object.freeze({__proto__:null,init:e=>{const t=ye(!1),o=ye(!0),n=Xe(),s=ye(e.modes);return Dc({isDocked:t.get,setDocked:t.set,getInitialPos:n.get,setInitialPos:n.set,clearInitialPos:n.clear,isVisible:o.get,setVisible:o.set,getModes:s.get,setModes:s.set,readState:()=>`docked:  ${t.get()}, visible: ${o.get()}, modes: ${s.get().join(",")}`})}})}),Ap=xe([{offset:["x","y"]},{absolute:["x","y"]},{fixed:["x","y"]}]),Mp=e=>t=>t.translate(-e.left,-e.top),Dp=e=>t=>t.translate(e.left,e.top),Bp=e=>(t,o)=>W(e,((e,t)=>t(e)),Dn(t,o)),Ip=(e,t,o)=>e.fold(Bp([Dp(o),Mp(t)]),Bp([Mp(t)]),Bp([])),Fp=(e,t,o)=>e.fold(Bp([Dp(o)]),Bp([]),Bp([Dp(t)])),Rp=(e,t,o)=>e.fold(Bp([]),Bp([Mp(o)]),Bp([Dp(t),Mp(o)])),Np=(e,t,o)=>{const n=e.fold(((e,t)=>({position:A?.some("absolute"),left:A?.some(e+"px"),top:A?.some(t+"px")})),((e,t)=>({position:A?.some("absolute"),left:A?.some(e-o.left+"px"),top:A?.some(t-o.top+"px")})),((e,t)=>({position:A?.some("fixed"),left:A?.some(e+"px"),top:A?.some(t+"px")})));return{right:A.none(),bottom:A.none(),...n}},zp=(e,t,o,n)=>{const s=(e,s)=>(r,a)=>{const i=e(t,o,n);return s(r.getOr(i.left),a.getOr(i.top))};return e.fold(s(Rp,Lp),s(Fp,Vp),s(Ip,Hp))},Lp=Ap.offset,Vp=Ap.absolute,Hp=Ap.fixed,Pp=(e,t)=>{const o=qo(e,t);return u(o)?NaN:parseInt(o,10)},Up=(e,t,o,n,s,r)=>{const a=((e,t,o,n)=>((e,t)=>{const o=e.element,n=Pp(o,t.leftAttr),s=Pp(o,t.topAttr);return isNaN(n)||isNaN(s)?A.none():A?.some(Dn(n,s))})(e,t).fold((()=>o),(e=>Hp(e.left+n.left,e.top+n.top))))(e,t,o,n),i=t.mustSnap?$p(e,t,a,s,r):Gp(e,t,a,s,r),l=Ip(a,s,r);return((e,t,o)=>{const n=e.element;Go(n,t.leftAttr,o.left+"px"),Go(n,t.topAttr,o.top+"px")})(e,t,l),i.fold((()=>({coord:Hp(l.left,l.top),extra:A.none()})),(e=>({coord:e.output,extra:e.extra})))},Wp=(e,t,o,n)=>se(e,(e=>{const s=e.sensor,r=((e,t,o,n,s,r)=>{const a=Fp(e,s,r),i=Fp(t,s,r);return Math.abs(a.left-i.left)<=o&&Math.abs(a.top-i.top)<=n})(t,s,e.range.left,e.range.top,o,n);return r?A?.some({output:zp(e.output,t,o,n),extra:e.extra}):A.none()})),$p=(e,t,o,n,s)=>{const r=t.getSnapPoints(e);return Wp(r,o,n,s).orThunk((()=>{const e=W(r,((e,t)=>{const r=t.sensor,a=((e,t,o,n,s,r)=>{const a=Fp(e,s,r),i=Fp(t,s,r),l=Math.abs(a.left-i.left),c=Math.abs(a.top-i.top);return Dn(l,c)})(o,r,t.range.left,t.range.top,n,s);return e.deltas.fold((()=>({deltas:A?.some(a),snap:A?.some(t)})),(o=>(a.left+a.top)/2<=(o.left+o.top)/2?{deltas:A?.some(a),snap:A?.some(t)}:e))}),{deltas:A.none(),snap:A.none()});return e.snap?.map((e=>({output:zp(e.output,o,n,s),extra:e.extra})))}))},Gp=(e,t,o,n,s)=>{const r=t.getSnapPoints(e);return Wp(r,o,n,s)};var jp=Object.freeze({__proto__:null,snapTo:(e,t,o,n)=>{const s=t.getTarget(e.element);if(t.repositionTarget){const t=lo(e.element),o=Rn(t),r=Ps(s),a=((e,t,o)=>({coord:zp(e.output,e.output,t,o),extra:e.extra}))(n,o,r),i=Np(a.coord,0,r);mn(s,i)}}});const qp=(e,t)=>aa(e,{},L(t,(t=>{return o=t.name(),n="Cannot configure "+t.name()+" for "+e,Br(o,o,{tag:"option",process:{}},Js((e=>qs("The field: "+o+" is forbidden. "+n))));var o,n})).concat([Ir("dump",w)])),Xp=e=>e.dump,Yp=(e,t)=>({...rd(t),...e.dump}),Kp=qp,Jp=Yp,Qp=(e,t,o,n,s)=>{const r=((e,t)=>(e.length>0?[Pr("parts",e)]:[]).concat([Rr("uid"),Qr("dom",{}),Qr("components",[]),Si("originalSpec"),Qr("debug.sketcher",{})]).concat(t))(n,s);return Er(e+" [SpecSchema]",br(r.concat(t)),o)},Zp=(e,t,o,n,s)=>{const r=eh(s),a=il(o),i=vl(o),l=Qp(e,t,r,a,[i]),c=cl(0,l,o);return n(l,dl(e,l,c.internals()),r,c.externals())},eh=e=>(e=>be(e,"uid"))(e)?e:{...e,uid:lg("uid")},th=br([Rr("name"),Rr("factory"),Rr("configFields"),Qr("apis",{}),Qr("extraApis",{})]),oh=br([Rr("name"),Rr("factory"),Rr("configFields"),Rr("partFields"),Qr("apis",{}),Qr("extraApis",{})]),nh=e=>{const t=Er("Sketcher for "+e.name,th,e),o=le(t.apis,Om),n=le(t.extraApis,((e,t)=>Oi(e,t)));return{name:t.name,configFields:t.configFields,sketch:e=>((e,t,o,n)=>{const s=eh(n);return o(Qp(e,t,s,[],[]),s)})(t.name,t.configFields,t.factory,e),...o,...n}},sh=e=>{const t=Er("Sketcher for "+e.name,oh,e),o=sl(t.name,t.partFields),n=le(t.apis,Om),s=le(t.extraApis,((e,t)=>Oi(e,t)));return{name:t.name,partFields:t.partFields,configFields:t.configFields,sketch:e=>Zp(t.name,t.configFields,t.partFields,t.factory,e),parts:o,...n,...s}},rh=nh({name:"Container",factory:e=>{const{attributes:t,...o}=e.dom;return{uid:e.uid,dom:{tag:"div",attributes:{role:"presentation",...t},...o},components:e.components,behaviours:Xp(e.containerBehaviours),events:e.events,domModification:e.domModification,eventOrder:e.eventOrder}},configFields:[Qr("components",[]),qp("containerBehaviours",[]),Qr("events",{}),Qr("domModification",{}),Qr("eventOrder",{})]}),ah="data-initial-z-index",ih=(e,t)=>{e.getSystem().addToGui(t),(e=>{go(e.element).filter(no).each((t=>{hn(t,"z-index").each((e=>{Go(t,ah,e)})),dn(t,"z-index",gn(e.element,"z-index"))}))})(t)},lh=e=>{(e=>{go(e.element).filter(no).each((e=>{Xo(e,ah).fold((()=>vn(e,"z-index")),(t=>dn(e,"z-index",t))),Ko(e,ah)}))})(e),e.getSystem().removeFromGui(e)},ch=(e,t,o)=>e.getSystem().build(rh.sketch({dom:{styles:{left:"0px",top:"0px",width:"100%",height:"100%",position:"fixed","z-index":"1000000000000000"},classes:[t]},events:o}));var dh=Jr("snaps",[Rr("getSnapPoints"),bi("onSensor"),Rr("leftAttr"),Rr("topAttr"),Qr("lazyViewport",Ls),Qr("mustSnap",!1)]);const uh=[Qr("useFixed",T),Rr("blockerClass"),Qr("getTarget",w),Qr("onDrag",b),Qr("repositionTarget",!0),Qr("onDrop",b),sa("getBounds",Ls),dh],mh=e=>{return(t=hn(e,"left"),o=hn(e,"top"),n=hn(e,"position"),t.isSome()&&o.isSome()&&n.isSome()?A?.some(((e,t,o)=>("fixed"===o?Hp:Lp)(parseInt(e,10),parseInt(t,10)))(t.getOrDie(),o.getOrDie(),n.getOrDie())):A.none()).getOrThunk((()=>{const t=In(e);return Vp(t.left,t.top)}));var t,o,n},gh=(e,t)=>({bounds:e.getBounds(),height:Cn(t.element),width:En(t.element)}),ph=(e,t,o,n,s)=>{const r=o.update(n,s),a=o.getStartData().getOrThunk((()=>gh(t,e)));r.each((o=>{((e,t,o,n)=>{const s=t.getTarget(e.element);if(t.repositionTarget){const r=lo(e.element),a=Rn(r),i=Ps(s),l=mh(s),c=((e,t,o,n,s,r,a)=>((e,t,o,n,s)=>{const r=s.bounds,a=Fp(t,o,n),i=Fe(a.left,r.x,r.x+r.width-s.width),l=Fe(a.top,r.y,r.y+r.height-s.height),c=Vp(i,l);return t.fold((()=>{const e=Rp(c,o,n);return Lp(e.left,e.top)}),y(c),(()=>{const e=Ip(c,o,n);return Hp(e.left,e.top)}))})(0,t.fold((()=>{const e=(t=o,a=r.left,i=r.top,t.fold(((e,t)=>Lp(e+a,t+i)),((e,t)=>Vp(e+a,t+i)),((e,t)=>Hp(e+a,t+i))));var t,a,i;const l=Ip(e,n,s);return Hp(l.left,l.top)}),(t=>{const a=Up(e,t,o,r,n,s);return a.extra.each((o=>{t.onSensor(e,o)})),a.coord})),n,s,a))(e,t.snaps,l,a,i,n,o),d=Np(c,0,i);mn(s,d)}t.onDrag(e,s,n)})(e,t,a,o)}))},hh=(e,t,o,n)=>{t.each(lh),o.snaps.each((t=>{((e,t)=>{((e,t)=>{const o=e.element;Ko(o,t.leftAttr),Ko(o,t.topAttr)})(e,t)})(e,t)}));const s=o.getTarget(e.element);n.reset(),o.onDrop(e,s)},fh=e=>(t,o)=>{const n=e=>{o.setStartData(gh(t,e))};return Hc([Wc(Ga(),(e=>{o.getStartData().each((()=>n(e)))})),...e(t,o,n)])};var bh=Object.freeze({__proto__:null,getData:e=>A.from(Dn(e.x,e.y)),getDelta:(e,t)=>Dn(t.left-e.left,t.top-e.top)});const vh=(e,t,o)=>[Wc(pa(),((n,s)=>{if(0!==s.event.raw.button)return;s.stop();const r=()=>hh(n,A?.some(l),e,t),a=_i(r,200),i={drop:r,delayDrop:a.schedule,forceDrop:r,move:o=>{a.cancel(),ph(n,e,t,bh,o)}},l=ch(n,e.blockerClass,(e=>Hc([Wc(pa(),e.forceDrop),Wc(ba(),e.drop),Wc(ha(),((t,o)=>{e.move(o.event)})),Wc(fa(),e.delayDrop)]))(i));o(n),ih(n,l)}))],xh=[...uh,wi("dragger",{handlers:fh(vh)})];var yh=Object.freeze({__proto__:null,getData:e=>{const t=e.raw.touches;return 1===t.length?(e=>{const t=e[0];return A?.some(Dn(t.clientX,t.clientY))})(t):A.none()},getDelta:(e,t)=>Dn(t.left-e.left,t.top-e.top)});const wh=(e,t,o)=>{const n=Xe(),s=o=>{hh(o,n.get(),e,t),n.clear()};return[Wc(da(),((r,a)=>{a.stop();const i=()=>s(r),l={drop:i,delayDrop:b,forceDrop:i,move:o=>{ph(r,e,t,yh,o)}},c=ch(r,e.blockerClass,(e=>Hc([Wc(da(),e.forceDrop),Wc(ma(),e.drop),Wc(ga(),e.drop),Wc(ua(),((t,o)=>{e.move(o.event)}))]))(l));n.set(c),o(r),ih(r,c)})),Wc(ua(),((o,n)=>{n.stop(),ph(o,e,t,yh,n.event)})),Wc(ma(),((e,t)=>{t.stop(),s(e)})),Wc(ga(),s)]},Sh=xh,Ch=[...uh,wi("dragger",{handlers:fh(wh)})],kh=[...uh,wi("dragger",{handlers:fh(((e,t,o)=>[...vh(e,t,o),...wh(e,t,o)]))})];var Oh=Object.freeze({__proto__:null,mouse:Sh,touch:Ch,mouseOrTouch:kh}),_h=Object.freeze({__proto__:null,init:()=>{let e=A.none(),t=A.none();const o=y({});return Dc({readState:o,reset:()=>{e=A.none(),t=A.none()},update:(t,o)=>t.getData(o).bind((o=>((t,o)=>{const n=e?.map((e=>t.getDelta(e,o)));return e=A?.some(o),n})(t,o))),getStartData:()=>t,setStartData:e=>{t=A?.some(e)}})}});const Th=cd({branchKey:"mode",branches:Oh,name:"dragging",active:{events:(e,t)=>e.dragger.handlers(e,t)},extra:{snap:e=>({sensor:e.sensor,range:e.range,output:e.output,extra:A.from(e.extra)})},state:_h,apis:jp}),Eh=["input","textarea"],Ah=e=>{const t=eo(e);return F(Eh,t)},Mh=(e,t)=>{const o=t.getRoot(e).getOr(e.element);ss(o,t.invalidClass),t.notify.each((t=>{Ah(e.element)&&Go(e.element,"aria-invalid",!1),t.getContainer(e).each((e=>{tn(e,t.validHtml)})),t.onValid(e)}))},Dh=(e,t,o,n)=>{const s=t.getRoot(e).getOr(e.element);os(s,t.invalidClass),t.notify.each((t=>{Ah(e.element)&&Go(e.element,"aria-invalid",!0),t.getContainer(e).each((e=>{tn(e,n)})),t.onInvalid(e,n)}))},Bh=(e,t,o)=>t.validator.fold((()=>_e(Ae.value(!0))),(t=>t.validate(e))),Ih=(e,t,o)=>(t.notify.each((t=>{t.onValidate(e)})),Bh(e,t)?.map((o=>e.getSystem().isConnected()?o.fold((o=>(Dh(e,t,0,o),Ae.error(o))),(o=>(Mh(e,t),Ae.value(o)))):Ae.error("No longer in system"))));var Fh=Object.freeze({__proto__:null,markValid:Mh,markInvalid:Dh,query:Bh,run:Ih,isInvalid:(e,t)=>{const o=t.getRoot(e).getOr(e.element);return rs(o,t.invalidClass)}}),Rh=Object.freeze({__proto__:null,events:(e,t)=>e.validator?.map((t=>Hc([Wc(t.onEvent,(t=>{Ih(t,e).get(w)}))].concat(t.validateOnLoad?[Jc((t=>{Ih(t,e).get(b)}))]:[])))).getOr({})}),Nh=[Rr("invalidClass"),Qr("getRoot",A.none),Jr("notify",[Qr("aria","alert"),Qr("getContainer",A.none),Qr("validHtml",""),bi("onValid"),bi("onInvalid"),bi("onValidate")]),Jr("validator",[Rr("validate"),Qr("onEvent","input"),Qr("validateOnLoad",!0)])];const zh=(e,t,o)=>{t.store.manager.onLoad(e,t,o)},Lh=(e,t,o)=>{t.store.manager.onUnload(e,t,o)};var Vh=Object.freeze({__proto__:null,onLoad:zh,onUnload:Lh,setValue:(e,t,o,n)=>{t.store.manager.setValue(e,t,o,n)},getValue:(e,t,o)=>t.store.manager.getValue(e,t,o),getState:(e,t,o)=>o}),Hh=Object.freeze({__proto__:null,events:(e,t)=>{const o=e.resetOnDom?[Jc(((o,n)=>{zh(o,e,t)})),Qc(((o,n)=>{Lh(o,e,t)}))]:[od(e,t,zh)];return Hc(o)}});const Ph=()=>{const e=ye(null);return Dc({set:e.set,get:e.get,isNotSet:()=>null===e.get(),clear:()=>{e.set(null)},readState:()=>({mode:"memory",value:e.get()})})},Uh=()=>{const e=ye({}),t=ye({});return Dc({readState:()=>({mode:"dataset",dataByValue:e.get(),dataByText:t.get()}),lookup:o=>fe(e.get(),o).orThunk((()=>fe(t.get(),o))),update:o=>{const n=e.get(),s=t.get(),r={},a={};V(o,(e=>{r[e.value]=e,fe(e,"meta").each((t=>{fe(t,"text").each((t=>{a[t]=e}))}))})),e.set({...n,...r}),t.set({...s,...a})},clear:()=>{e.set({}),t.set({})}})};var Wh=Object.freeze({__proto__:null,memory:Ph,dataset:Uh,manual:()=>Dc({readState:b}),init:e=>e.store.manager.state(e)});const $h=(e,t,o,n)=>{const s=t.store;o.update([n]),s.setValue(e,n),t.onSetValue(e,n)};var Gh=[$r("initialValue"),Rr("getFallbackEntry"),Rr("getDataKey"),Rr("setValue"),wi("manager",{setValue:$h,getValue:(e,t,o)=>{const n=t.store,s=n.getDataKey(e);return o.lookup(s).getOrThunk((()=>n.getFallbackEntry(s)))},onLoad:(e,t,o)=>{t.store.initialValue.each((n=>{$h(e,t,o,n)}))},onUnload:(e,t,o)=>{o.clear()},state:Uh})],jh=[Rr("getValue"),Qr("setValue",b),$r("initialValue"),wi("manager",{setValue:(e,t,o,n)=>{t.store.setValue(e,n),t.onSetValue(e,n)},getValue:(e,t,o)=>t.store.getValue(e),onLoad:(e,t,o)=>{t.store.initialValue.each((o=>{t.store.setValue(e,o)}))},onUnload:b,state:Mc.init})],qh=[$r("initialValue"),wi("manager",{setValue:(e,t,o,n)=>{o.set(n),t.onSetValue(e,n)},getValue:(e,t,o)=>o.get(),onLoad:(e,t,o)=>{t.store.initialValue.each((e=>{o.isNotSet()&&o.set(e)}))},onUnload:(e,t,o)=>{o.clear()},state:Ph})],Xh=[Zr("store",{mode:"memory"},Mr("mode",{memory:qh,manual:jh,dataset:Gh})),bi("onSetValue"),Qr("resetOnDom",!1)];const Yh=id({fields:Xh,name:"representing",active:Hh,apis:Vh,extra:{setValueFrom:(e,t)=>{const o=Yh.getValue(t);Yh.setValue(e,o)}},state:Wh}),Kh=id({fields:Nh,name:"invalidating",active:Rh,apis:Fh,extra:{validation:e=>t=>{const o=Yh.getValue(t);return _e(e(o))}}});var Jh=Object.freeze({__proto__:null,exhibit:(e,t)=>td({classes:[],styles:t.useFixed()?{}:{position:"relative"}})});const Qh=xe([{none:[]},{relative:["x","y","width","height"]},{fixed:["x","y","width","height"]}]),Zh=(e,t,o,n,s,r)=>{const a=t.rect,i=a.x-o,l=a.y-n,c=s-(i+a.width),d=r-(l+a.height),u=A?.some(i),m=A?.some(l),g=A?.some(c),p=A?.some(d),h=A.none();return t.direction.fold((()=>op(e,u,m,h,h)),(()=>op(e,h,m,g,h)),(()=>op(e,u,h,h,p)),(()=>op(e,h,h,g,p)),(()=>op(e,u,m,h,h)),(()=>op(e,u,h,h,p)),(()=>op(e,u,m,h,h)),(()=>op(e,h,m,g,h)))},ef=(e,t)=>e.fold((()=>{const e=t.rect;return op("absolute",A?.some(e.x),A?.some(e.y),A.none(),A.none())}),((e,o,n,s)=>Zh("absolute",t,e,o,n,s)),((e,o,n,s)=>Zh("fixed",t,e,o,n,s))),tf=(e,t)=>{const o=C(Is,t),n=e.fold(o,o,(()=>{const e=Rn();return Is(t).translate(-e.left,-e.top)})),s=En(t),r=Cn(t);return Fs(n.left,n.top,s,r)},of=(e,t)=>t.fold((()=>e.fold(Ls,Ls,Fs)),(t=>e.fold(y(t),y(t),(()=>{const o=nf(e,t.x,t.y);return Fs(o.left,o.top,t.width,t.height)})))),nf=(e,t,o)=>{const n=Dn(t,o);return e.fold(y(n),y(n),(()=>{const e=Rn();return n.translate(-e.left,-e.top)}))};Qh.none;const sf=Qh.relative,rf=Qh.fixed,af=xe([{fit:["reposition"]},{nofit:["reposition","visibleW","visibleH","isVisible"]}]),lf=(e,t,o,n)=>{const s=e.bubble,r=s.offset,a=((e,t,o)=>{const n=(n,s)=>t[n]?.map((t=>{const r="top"===n||"bottom"===n,a=r?o.top:o.left,i=("left"===n||"top"===n?Math.max:Math.min)(t,s)+a;return r?Fe(i,e.y,e.bottom):Fe(i,e.x,e.right)})).getOr(s),s=n("left",e.x),r=n("top",e.y),a=n("right",e.right),i=n("bottom",e.bottom);return Fs(s,r,a-s,i-r)})(n,e.restriction,r),i=e.x+r.left,l=e.y+r.top,c=Fs(i,l,t,o),{originInBounds:d,sizeInBounds:u,visibleW:m,visibleH:g}=((e,t)=>{const{x:o,y:n,right:s,bottom:r}=t,{x:a,y:i,right:l,bottom:c,width:d,height:u}=e;return{originInBounds:a>=o&&a<=s&&i>=n&&i<=r,sizeInBounds:l<=s&&l>=o&&c<=r&&c>=n,visibleW:Math.min(d,a>=o?s-a:l-o),visibleH:Math.min(u,i>=n?r-i:c-n)}})(c,a),p=d&&u,h=p?c:((e,t)=>{const{x:o,y:n,right:s,bottom:r}=t,{x:a,y:i,width:l,height:c}=e,d=Math.max(o,s-l),u=Math.max(n,r-c),m=Fe(a,o,d),g=Fe(i,n,u),p=Math.min(m+l,s)-m,h=Math.min(g+c,r)-g;return Fs(m,g,p,h)})(c,a),f=h.width>0&&h.height>0,{maxWidth:b,maxHeight:v}=((e,t,o)=>{const n=y(t.bottom-o.y),s=y(o.bottom-t.y),r=((e,t,o,n)=>e.fold(t,t,n,n,t,n,o,o))(e,s,s,n),a=y(t.right-o.x),i=y(o.right-t.x),l=((e,t,o,n)=>e.fold(t,n,t,n,o,o,t,n))(e,i,i,a);return{maxWidth:l,maxHeight:r}})(e.direction,h,n),x={rect:h,maxHeight:v,maxWidth:b,direction:e.direction,placement:e.placement,classes:{on:s.classesOn,off:s.classesOff},layout:e.label,testY:l};return p||e.alwaysFit?af.fit(x):af.nofit(x,m,g,f)},cf=["top","bottom","right","left"],df="data-alloy-transition-timer",uf=(e,t,o,n,s,a)=>{const i=((e,t,o)=>o.exists((o=>{const n=e.mode;return"all"===n||o[n]!==t[n]})))(n,s,a);if(i||((e,t)=>((e,t)=>X(t,(t=>rs(e,t))))(e,t.classes))(e,n)){dn(e,"position",o.position);const a=tf(t,e),l=ef(t,{...s,rect:a}),c=J(cf,(e=>l[e]));((e,t)=>{const o=e=>parseFloat(e).toFixed(3);return pe(t,((t,n)=>!((e,t,o=S)=>Ue(e,t,o).getOr(e.isNone()&&t.isNone()))(e[n]?.map(o),t?.map(o)))).isSome()})(o,c)&&(mn(e,c),i&&((e,t)=>{as(e,t.classes),Xo(e,df).each((t=>{clearTimeout(parseInt(t,10)),Ko(e,df)})),((e,t)=>{const o=qe(),n=qe();let s;const a=t=>{var o;const n=null!==(o=t.raw.pseudoElement)&&void 0!==o?o:"";return yt(t.target,e)&&ot(n)&&F(cf,t.raw.propertyName)},i=r=>{if(m(r)||a(r)){o.clear(),n.clear();const a=null==r?void 0:r.raw.type;(m(a)||a===Ta())&&(clearTimeout(s),Ko(e,df),is(e,t.classes))}},l=Mo(e,Ea(),(t=>{a(t)&&(l.unbind(),o.set(Mo(e,Ta(),i)),n.set(Mo(e,_a(),i)))})),c=(e=>{const t=t=>{const o=gn(e,t).split(/\s*,\s*/);return P(o,tt)},o=e=>{if(r(e)&&/^[\d.]+/.test(e)){const t=parseFloat(e);return Ze(e,"ms")?t:1e3*t}return 0},n=t("transition-delay"),s=t("transition-duration");return W(s,((e,t,s)=>{const r=o(n[s])+o(t);return Math.max(e,r)}),0)})(e);requestAnimationFrame((()=>{s=setTimeout(i,c+17),Go(e,df,s)}))})(e,t)})(e,n),xn(e))}else is(e,n.classes)},mf=(e,t,o)=>void 0===e[t]?o:e[t],gf=(e,t,o,n)=>{const s=((e,t,o,n)=>{vn(t,"max-height"),vn(t,"max-width");const s=(r=t,{width:Math.ceil(An(r)),height:Cn(r)});var r;return((e,t,o,n,s,r)=>{const a=n.width,i=n.height,l=(t,l,c,d,u)=>{const m=t(o,n,s,e,r),g=lf(m,a,i,r);return g.fold(y(g),((e,t,o,n)=>(u===n?o>d||t>c:!u&&n)?g:af.nofit(l,c,d,u)))};return W(t,((e,t)=>{const o=C(l,t);return e.fold(y(e),o)}),af.nofit({rect:o,maxHeight:n.height,maxWidth:n.width,direction:Ol(),placement:"southeast",classes:{on:[],off:[]},layout:"none",testY:o.y},-1,-1,!1)).fold(w,w)})(t,n.preference,e,s,o,n.bounds)})(e,t,o,n);return((e,t,o)=>{const n=ef(o.origin,t);o.transition.each((s=>{uf(e,o.origin,n,s,t,o.lastPlacement)})),np(e,n)})(t,s,n),((e,t)=>{((e,t)=>{Go(e,tc,t)})(e,t.placement)})(t,s),((e,t)=>{const o=t.classes;is(e,o.off),as(e,o.on)})(t,s),((e,t,o)=>{(0,o.maxHeightFunction)(e,t.maxHeight)})(t,s,n),((e,t,o)=>{(0,o.maxWidthFunction)(e,t.maxWidth)})(t,s,n),{layout:s.layout,placement:s.placement}},pf=w,hf=()=>Jr("layouts",[Rr("onLtr"),Rr("onRtl"),$r("onBottomLtr"),$r("onBottomRtl")]),ff=(e,t,o,n,s,r,a)=>{const i=a?.map(Ec).getOr(!1),l=t.layouts?.map((t=>t.onLtr(e))),c=t.layouts?.map((t=>t.onRtl(e))),d=i?t.layouts.bind((t=>t.onBottomLtr?.map((t=>t(e))))).or(l).getOr(s):l.getOr(o),u=i?t.layouts.bind((t=>t.onBottomRtl?.map((t=>t(e))))).or(c).getOr(r):c.getOr(n);return Ln(d,u)(e)};var bf=[Rr("hotspot"),$r("bubble"),Qr("overrides",{}),hf(),wi("placement",((e,t,o)=>{const n=t.hotspot,s=tf(o,n.element),r=ff(e.element,t,Zl(),ec(),Jl(),Ql(),A?.some(t.hotspot.element));return A?.some(pf({anchorBox:s,bubble:t.bubble.getOr(Sl()),overrides:t.overrides,layouts:r}))}))],vf=[Rr("x"),Rr("y"),Qr("height",0),Qr("width",0),Qr("bubble",Sl()),Qr("overrides",{}),hf(),wi("placement",((e,t,o)=>{const n=nf(o,t.x,t.y),s=Fs(n.left,n.top,t.width,t.height),r=ff(e.element,t,Yl(),Kl(),Yl(),Kl(),A.none());return A?.some(pf({anchorBox:s,bubble:t.bubble,overrides:t.overrides,layouts:r}))}))];const xf=xe([{screen:["point"]},{absolute:["point","scrollLeft","scrollTop"]}]),yf=e=>e.fold(w,((e,t,o)=>e.translate(-t,-o))),wf=e=>e.fold(w,w),Sf=e=>W(e,((e,t)=>e.translate(t.left,t.top)),Dn(0,0)),Cf=e=>{const t=L(e,wf);return Sf(t)},kf=xf.screen,Of=xf.absolute,_f=(e,t,o)=>{const n=lo(e.element),s=Rn(n),r=((e,t,o)=>{const n=mo(o.root).dom;return A.from(n.frameElement)?.map(ct).filter((t=>{const o=lo(t),n=lo(e.element);return yt(o,n)}))?.map(In)})(e,0,o).getOr(s);return Of(r,s.left,s.top)},Tf=(e,t,o,n)=>{const s=kf(Dn(e,t));return A?.some(((e,t,o)=>({point:e,width:t,height:o}))(s,o,n))},Ef=(e,t,o,n,s)=>e?.map((e=>{const r=[t,e.point],a=(i=()=>Cf(r),l=()=>Cf(r),c=()=>(e=>{const t=L(e,yf);return Sf(t)})(r),n.fold(i,l,c));var i,l,c;const d=(p=a.left,h=a.top,f=e.width,b=e.height,{x:p,y:h,width:f,height:b}),u=o.showAbove?Jl():Zl(),m=o.showAbove?Ql():ec(),g=ff(s,o,u,m,u,m,A.none());var p,h,f,b;return pf({anchorBox:d,bubble:o.bubble.getOr(Sl()),overrides:o.overrides,layouts:g})}));var Af=[Rr("node"),Rr("root"),$r("bubble"),hf(),Qr("overrides",{}),Qr("showAbove",!1),wi("placement",((e,t,o)=>{const n=_f(e,0,t);return t.node.filter(sn).bind((s=>{const r=s.dom.getBoundingClientRect(),a=Tf(r.left,r.top,r.width,r.height),i=t.node.getOr(e.element);return Ef(a,n,t,o,i)}))}))];const Mf=(e,t)=>({element:e,offset:t}),Df=(e,t)=>so(e)?Mf(e,t):((e,t)=>{const o=fo(e);if(0===o.length)return Mf(e,t);if(t<o.length)return Mf(o[t],0);{const e=o[o.length-1],t=so(e)?(e=>zn.get(e))(e).length:fo(e).length;return Mf(e,t)}})(e,t),Bf=e=>void 0!==e.foffset,If=(e,t)=>t.getSelection.getOrThunk((()=>()=>(e=>(e=>A.from(e.getSelection()))(e).filter((e=>e.rangeCount>0)).bind(ks))(e)))()?.map((e=>{if(Bf(e)){const t=Df(e.start,e.soffset),o=Df(e.finish,e.foffset);return Ss.range(t.element,t.offset,o.element,o.offset)}return e}));var Ff=[$r("getSelection"),Rr("root"),$r("bubble"),hf(),Qr("overrides",{}),Qr("showAbove",!1),wi("placement",((e,t,o)=>{const n=mo(t.root).dom,s=_f(e,0,t),r=If(n,t).bind((e=>{if(Bf(e)){const t=((e,t)=>(e=>{const t=e.getBoundingClientRect();return t.width>0||t.height>0?A?.some(t)?.map(mt):A.none()})(ht(e,t)))(n,Ss.exactFromRange(e)).orThunk((()=>{const t=lt("\ufeff");Vo(e.start,t);const o=Os(n,Ss.exact(t,0,t,1));return Qo(t),o}));return t.bind((e=>Tf(e.left,e.top,e.width,e.height)))}{const t=le(e,(e=>e.dom.getBoundingClientRect())),o={left:Math.min(t.firstCell.left,t.lastCell.left),right:Math.max(t.firstCell.right,t.lastCell.right),top:Math.min(t.firstCell.top,t.lastCell.top),bottom:Math.max(t.firstCell.bottom,t.lastCell.bottom)};return Tf(o.left,o.top,o.right-o.left,o.bottom-o.top)}})),a=If(n,t).bind((e=>Bf(e)?no(e.start)?A?.some(e.start):po(e.start):A?.some(e.firstCell))).getOr(e.element);return Ef(r,s,t,o,a)}))];const Rf="link-layout",Nf=e=>e.x+e.width,zf=(e,t)=>e.x-t.width,Lf=(e,t)=>e.y-t.height+e.height,Vf=e=>e.y,Hf=(e,t,o)=>Cl(Nf(e),Vf(e),o.southeast(),Ol(),"southeast",Il(e,{left:0,top:2}),Rf),Pf=(e,t,o)=>Cl(zf(e,t),Vf(e),o.southwest(),_l(),"southwest",Il(e,{right:1,top:2}),Rf),Uf=(e,t,o)=>Cl(Nf(e),Lf(e,t),o.northeast(),Tl(),"northeast",Il(e,{left:0,bottom:3}),Rf),Wf=(e,t,o)=>Cl(zf(e,t),Lf(e,t),o.northwest(),El(),"northwest",Il(e,{right:1,bottom:3}),Rf),$f=()=>[Hf,Pf,Uf,Wf],Gf=()=>[Pf,Hf,Wf,Uf];var jf=[Rr("item"),hf(),Qr("overrides",{}),wi("placement",((e,t,o)=>{const n=tf(o,t.item.element),s=ff(e.element,t,$f(),Gf(),$f(),Gf(),A.none());return A?.some(pf({anchorBox:n,bubble:Sl(),overrides:t.overrides,layouts:s}))}))],qf=Mr("type",{selection:Ff,node:Af,hotspot:bf,submenu:jf,makeshift:vf});const Xf=[Wr("classes",or),oa("mode","all",["all","layout","placement"])],Yf=[Qr("useFixed",T),$r("getBounds")],Kf=[Nr("anchor",qf),Jr("transition",Xf)],Jf=(e,t,o,n,s,r)=>{const a=Er("placement.info",vr(Kf),s),i=a.anchor,l=n.element,c=o.get(n.uid);$m((()=>{dn(l,"position","fixed");const s=hn(l,"visibility");dn(l,"visibility","hidden");const d=t.useFixed()?(()=>{const e=document.documentElement;return rf(0,0,e.clientWidth,e.clientHeight)})():(e=>{const t=In(e.element),o=e.element.dom.getBoundingClientRect();return sf(t.left,t.top,o.width,o.height)})(e);i.placement(e,i,d).each((e=>{const s=r.orThunk((()=>t.getBounds?.map(_))),i=((e,t,o,n,s,r)=>((e,t,o,n,s,r,a,i)=>{const l=mf(a,"maxHeightFunction",Cc()),c=mf(a,"maxWidthFunction",b),d=e.anchorBox,u=e.origin,m={bounds:of(u,r),origin:u,preference:n,maxHeightFunction:l,maxWidthFunction:c,lastPlacement:s,transition:i};return gf(d,t,o,m)})(((e,t)=>((e,t)=>({anchorBox:e,origin:t}))(e,t))(t.anchorBox,e),n.element,t.bubble,t.layouts,s,o,t.overrides,r))(d,e,s,n,c,a.transition);o.set(n.uid,i)})),s.fold((()=>{vn(l,"visibility")}),(e=>{dn(l,"visibility",e)})),hn(l,"left").isNone()&&hn(l,"top").isNone()&&hn(l,"right").isNone()&&hn(l,"bottom").isNone()&&He(hn(l,"position"),"fixed")&&vn(l,"position")}),l)};var Qf=Object.freeze({__proto__:null,position:(e,t,o,n,s)=>{const r=A.none();Jf(e,t,o,n,s,r)},positionWithinBounds:Jf,getMode:(e,t,o)=>t.useFixed()?"fixed":"absolute",reset:(e,t,o,n)=>{const s=n.element;V(["position","left","right","top","bottom"],(e=>vn(s,e))),(e=>{Ko(e,tc)})(s),o.clear(n.uid)}});const Zf=id({fields:Yf,name:"positioning",active:Jh,apis:Qf,state:Object.freeze({__proto__:null,init:()=>{let e={};return Dc({readState:()=>e,clear:t=>{g(t)?delete e[t]:e={}},set:(t,o)=>{e[t]=o},get:t=>fe(e,t)})}})});var eb=Object.freeze({__proto__:null,events:e=>Hc([Wc(Ra(),((t,o)=>{const n=e.channels,s=re(n),r=o,a=((e,t)=>t.universal?e:P(e,(e=>F(t.channels,e))))(s,r);V(a,(e=>{const o=n[e],s=o.schema,a=Er("channel["+e+"] data\nReceiver: "+si(t.element),s,r.data);o.onReceive(t,a)}))}))])}),tb=[Nr("channels",Or(Ae.value,br([xi("onReceive"),Qr("schema",Zs())])))];const ob=id({fields:tb,name:"receiving",active:eb});var nb=Object.freeze({__proto__:null,events:(e,t)=>{const o=(o,n)=>{e.updateState.each((e=>{const s=e(o,n);t.set(s)})),e.renderComponents.each((s=>{const r=s(n,t.get());(e.reuseDom?jm:Gm)(o,r)}))};return Hc([Wc(Ra(),((t,n)=>{const s=n;if(!s.universal){const n=e.channel;F(s.channels,n)&&o(t,s.data)}})),Jc(((t,n)=>{e.initialData.each((e=>{o(t,e)}))}))])}}),sb=Object.freeze({__proto__:null,getState:(e,t,o)=>o}),rb=[Rr("channel"),$r("renderComponents"),$r("updateState"),$r("initialData"),na("reuseDom",!0)];const ab=id({fields:rb,name:"reflecting",active:nb,apis:sb,state:Object.freeze({__proto__:null,init:()=>{const e=ye(A.none());return{readState:()=>e.get().getOr("none"),get:e.get,set:e.set,clear:()=>e.set(A.none())}}})}),ib=(e,t,o,n)=>{o.get().each((t=>{Nm(e)}));const s=t.getAttachPoint(e);Bm(s,e);const r=e.getSystem().build(n);return Bm(e,r),o.set(r),r},lb=(e,t,o,n)=>{const s=ib(e,t,o,n);return t.onOpen(e,s),s},cb=(e,t,o)=>{o.get().each((n=>{Nm(e),Rm(e),t.onClose(e,n),o.clear()}))},db=(e,t,o)=>o.isOpen(),ub=(e,t,o)=>{const n=t.getAttachPoint(e);dn(e.element,"position",Zf.getMode(n)),((e,t,o)=>{hn(e.element,t).fold((()=>{Ko(e.element,o)}),(t=>{Go(e.element,o,t)})),dn(e.element,t,"hidden")})(e,"visibility",t.cloakVisibilityAttr)},mb=(e,t,o)=>{(e=>R(["top","left","right","bottom"],(t=>hn(e,t).isSome())))(e.element)||vn(e.element,"position"),((e,t,o)=>{Xo(e.element,o).fold((()=>vn(e.element,t)),(o=>dn(e.element,t,o)))})(e,"visibility",t.cloakVisibilityAttr)};var gb=Object.freeze({__proto__:null,cloak:ub,decloak:mb,open:lb,openWhileCloaked:(e,t,o,n,s)=>{ub(e,t),lb(e,t,o,n),s(),mb(e,t)},close:cb,isOpen:db,isPartOf:(e,t,o,n)=>db(0,0,o)&&o.get().exists((o=>t.isPartOf(e,o,n))),getState:(e,t,o)=>o.get(),setContent:(e,t,o,n)=>o.get()?.map((()=>ib(e,t,o,n)))}),pb=Object.freeze({__proto__:null,events:(e,t)=>Hc([Wc(Ha(),((o,n)=>{cb(o,e,t)}))])}),hb=[bi("onOpen"),bi("onClose"),Rr("isPartOf"),Rr("getAttachPoint"),Qr("cloakVisibilityAttr","data-precloak-visibility")],fb=Object.freeze({__proto__:null,init:()=>{const e=Xe(),t=y("not-implemented");return Dc({readState:t,isOpen:e.isSet,clear:e.clear,set:e.set,get:e.get})}});const bb=id({fields:hb,name:"sandboxing",active:pb,apis:gb,state:fb}),vb=(e,t)=>t.getAnimationRoot.fold((()=>e.element),(t=>t(e))),xb=e=>e.dimension.property,yb=(e,t)=>e.dimension.getDimension(t),wb=(e,t)=>{const o=vb(e,t);is(o,[t.shrinkingClass,t.growingClass])},Sb=(e,t)=>{ss(e.element,t.openClass),os(e.element,t.closedClass),dn(e.element,xb(t),"0px"),xn(e.element)},Cb=(e,t)=>{ss(e.element,t.closedClass),os(e.element,t.openClass),vn(e.element,xb(t))},kb=(e,t,o,n)=>{o.setCollapsed(),dn(e.element,xb(t),yb(t,e.element)),wb(e,t),Sb(e,t),t.onStartShrink(e),t.onShrunk(e)},Ob=(e,t,o,n)=>{const s=n.getOrThunk((()=>yb(t,e.element)));o.setCollapsed(),dn(e.element,xb(t),s),xn(e.element);const r=vb(e,t);ss(r,t.growingClass),os(r,t.shrinkingClass),Sb(e,t),t.onStartShrink(e)},_b=(e,t,o)=>{const n=yb(t,e.element);("0px"===n?kb:Ob)(e,t,o,A?.some(n))},Tb=(e,t,o)=>{const n=vb(e,t),s=rs(n,t.shrinkingClass),r=yb(t,e.element);Cb(e,t);const a=yb(t,e.element);(s?()=>{dn(e.element,xb(t),r),xn(e.element)}:()=>{Sb(e,t)})(),ss(n,t.shrinkingClass),os(n,t.growingClass),Cb(e,t),dn(e.element,xb(t),a),o.setExpanded(),t.onStartGrow(e)},Eb=(e,t,o)=>{const n=vb(e,t);return!0===rs(n,t.growingClass)},Ab=(e,t,o)=>{const n=vb(e,t);return!0===rs(n,t.shrinkingClass)};var Mb=Object.freeze({__proto__:null,refresh:(e,t,o)=>{if(o.isExpanded()){vn(e.element,xb(t));const o=yb(t,e.element);dn(e.element,xb(t),o)}},grow:(e,t,o)=>{o.isExpanded()||Tb(e,t,o)},shrink:(e,t,o)=>{o.isExpanded()&&_b(e,t,o)},immediateShrink:(e,t,o)=>{o.isExpanded()&&kb(e,t,o)},hasGrown:(e,t,o)=>o.isExpanded(),hasShrunk:(e,t,o)=>o.isCollapsed(),isGrowing:Eb,isShrinking:Ab,isTransitioning:(e,t,o)=>Eb(e,t)||Ab(e,t),toggleGrow:(e,t,o)=>{(o.isExpanded()?_b:Tb)(e,t,o)},disableTransitions:wb,immediateGrow:(e,t,o)=>{o.isExpanded()||(Cb(e,t),dn(e.element,xb(t),yb(t,e.element)),wb(e,t),o.setExpanded(),t.onStartGrow(e),t.onGrown(e))}}),Db=Object.freeze({__proto__:null,exhibit:(e,t,o)=>{const n=t.expanded;return td(n?{classes:[t.openClass],styles:{}}:{classes:[t.closedClass],styles:ia(t.dimension.property,"0px")})},events:(e,t)=>Hc([Kc(Ta(),((o,n)=>{n.event.raw.propertyName===e.dimension.property&&(wb(o,e),t.isExpanded()&&vn(o.element,e.dimension.property),(t.isExpanded()?e.onGrown:e.onShrunk)(o))}))])}),Bb=[Rr("closedClass"),Rr("openClass"),Rr("shrinkingClass"),Rr("growingClass"),$r("getAnimationRoot"),bi("onShrunk"),bi("onStartShrink"),bi("onGrown"),bi("onStartGrow"),Qr("expanded",!1),Nr("dimension",Mr("property",{width:[wi("property","width"),wi("getDimension",(e=>Tn(e)+"px"))],height:[wi("property","height"),wi("getDimension",(e=>Sn(e)+"px"))]}))];const Ib=id({fields:Bb,name:"sliding",active:Db,apis:Mb,state:Object.freeze({__proto__:null,init:e=>{const t=ye(e.expanded);return Dc({isExpanded:()=>!0===t.get(),isCollapsed:()=>!1===t.get(),setCollapsed:C(t.set,!1),setExpanded:C(t.set,!0),readState:()=>"expanded: "+t.get()})}})});var Fb=Object.freeze({__proto__:null,events:(e,t)=>{const o=e.stream.streams.setup(e,t);return Hc([Wc(e.event,o),Qc((()=>t.cancel()))].concat(e.cancelEvent?.map((e=>[Wc(e,(()=>t.cancel()))])).getOr([])))}});const Rb=e=>{const t=ye(null);return Dc({readState:()=>({timer:null!==t.get()?"set":"unset"}),setTimer:e=>{t.set(e)},cancel:()=>{const e=t.get();null!==e&&e.cancel()}})};var Nb=Object.freeze({__proto__:null,throttle:Rb,init:e=>e.stream.streams.state(e)}),zb=[Nr("stream",Mr("mode",{throttle:[Rr("delay"),Qr("stopEvent",!0),wi("streams",{setup:(e,t)=>{const o=e.stream,n=nt(e.onStream,o.delay);return t.setTimer(n),(e,t)=>{n.throttle(e,t),o.stopEvent&&t.stop()}},state:Rb})]})),Qr("event","input"),$r("cancelEvent"),xi("onStream")];const Lb=id({fields:zb,name:"streaming",active:Fb,state:Nb});var Vb=Object.freeze({__proto__:null,exhibit:(e,t)=>td({attributes:la([{key:t.tabAttr,value:"true"}])})}),Hb=[Qr("tabAttr","data-alloy-tabstop")];const Pb=id({fields:Hb,name:"tabstopping",active:Vb}),Ub=(e,t,o,n)=>{const s=o.get();o.set(n),((e,t,o)=>{t.toggleClass.each((t=>{o.get()?os(e.element,t):ss(e.element,t)}))})(e,t,o),((e,t,o)=>{const n=t.aria;n.update(e,n,o.get())})(e,t,o),s!==n&&t.onToggled(e,n)},Wb=(e,t,o)=>{Ub(e,t,o,!o.get())},$b=(e,t,o)=>{Ub(e,t,o,t.selected)};var Gb=Object.freeze({__proto__:null,onLoad:$b,toggle:Wb,isOn:(e,t,o)=>o.get(),on:(e,t,o)=>{Ub(e,t,o,!0)},off:(e,t,o)=>{Ub(e,t,o,!1)},set:Ub}),jb=Object.freeze({__proto__:null,exhibit:()=>td({}),events:(e,t)=>{const o=(n=e,s=t,r=Wb,ed((e=>{r(e,n,s)})));var n,s,r;const a=od(e,t,$b);return Hc(j([e.toggleOnExecute?[o]:[],[a]]))}});const qb=(e,t,o)=>{Go(e.element,"aria-expanded",o)};var Xb=[Qr("selected",!1),$r("toggleClass"),Qr("toggleOnExecute",!0),bi("onToggled"),Zr("aria",{mode:"none"},Mr("mode",{pressed:[Qr("syncWithExpanded",!1),wi("update",((e,t,o)=>{Go(e.element,"aria-pressed",o),t.syncWithExpanded&&qb(e,0,o)}))],checked:[wi("update",((e,t,o)=>{Go(e.element,"aria-checked",o)}))],expanded:[wi("update",qb)],selected:[wi("update",((e,t,o)=>{Go(e.element,"aria-selected",o)}))],none:[wi("update",b)]}))];const Yb=id({fields:Xb,name:"toggling",active:jb,apis:Gb,state:(Kb=!1,{init:()=>{const e=ye(Kb);return{get:()=>e.get(),set:t=>e.set(t),clear:()=>e.set(Kb),readState:()=>e.get()}}})});var Kb;const Jb=Ne("tooltip.exclusive"),Qb=Ne("tooltip.show"),Zb=Ne("tooltip.hide"),ev=Ne("tooltip.immediateHide"),tv=Ne("tooltip.immediateShow"),ov=(e,t,o)=>{e.getSystem().broadcastOn([Jb],{})};var nv=Object.freeze({__proto__:null,hideAllExclusive:ov,immediateOpenClose:(e,t,o,n)=>Fc(e,n?tv:ev),isEnabled:(e,t,o)=>o.isEnabled(),setComponents:(e,t,o,n)=>{o.getTooltip().each((e=>{e.getSystem().isConnected()&&Zm.set(e,n)}))},setEnabled:(e,t,o,n)=>o.setEnabled(n)}),sv=Object.freeze({__proto__:null,events:(e,t)=>{const o=o=>{t.getTooltip().each((n=>{n.getSystem().isConnected()&&(Rm(n),e.onHide(o,n),t.clearTooltip())})),t.clearTimer()},n=o=>{if(!t.isShowing()&&t.isEnabled()){ov(o);const n=e.lazySink(o).getOrDie(),s=o.getSystem().build({dom:e.tooltipDom,components:e.tooltipComponents,events:Hc("normal"===e.mode?[Wc(va(),(e=>{Fc(o,Qb)})),Wc(fa(),(e=>{Fc(o,Zb)}))]:[]),behaviours:rd([Zm.config({})])});t.setTooltip(s),Bm(n,s),e.onShow(o,s),Zf.position(n,s,{anchor:e.anchor(o)})}},s=o=>{t.getTooltip().each((t=>{const n=e.lazySink(o).getOrDie();Zf.position(n,t,{anchor:e.anchor(o)})}))};return Hc(j([[Zc((t=>{e.onSetup(t)})),Wc(Qb,(o=>{t.resetTimer((()=>{n(o)}),e.delayForShow())})),Wc(Zb,(n=>{t.resetTimer((()=>{o(n)}),e.delayForHide())})),Wc(tv,(e=>{t.resetTimer((()=>{n(e)}),0)})),Wc(ev,(e=>{t.resetTimer((()=>{o(e)}),0)})),Wc(Ra(),((e,t)=>{const n=t;n.universal||F(n.channels,Jb)&&o(e)})),Qc((e=>{o(e)}))],(()=>{switch(e.mode){case"normal":return[Wc(xa(),(e=>{Fc(e,tv)})),Wc(Ia(),(e=>{Fc(e,ev)})),Wc(va(),(e=>{Fc(e,Qb)})),Wc(fa(),(e=>{Fc(e,Zb)}))];case"follow-highlight":return[Wc(oi(),((e,t)=>{Fc(e,Qb)})),Wc(ni(),(e=>{Fc(e,Zb)}))];case"children-normal":return[Wc(xa(),((o,n)=>{Lo(o.element).each((r=>{bt(n.event.target,"[data-mce-tooltip]")&&t.getTooltip().fold((()=>{Fc(o,tv)}),(n=>{t.isShowing()&&(e.onShow(o,n),s(o))}))}))})),Wc(Ia(),(e=>{Lo(e.element).fold((()=>{Fc(e,ev)}),b)})),Wc(va(),(o=>{Xn(o.element,"[data-mce-tooltip]:hover").each((n=>{t.getTooltip().fold((()=>{Fc(o,Qb)}),(n=>{t.isShowing()&&(e.onShow(o,n),s(o))}))}))})),Wc(fa(),(e=>{Xn(e.element,"[data-mce-tooltip]:hover").fold((()=>{Fc(e,Zb)}),b)}))];default:return[Wc(xa(),((o,n)=>{Lo(o.element).each((r=>{bt(n.event.target,"[data-mce-tooltip]")&&t.getTooltip().fold((()=>{Fc(o,tv)}),(n=>{t.isShowing()&&(e.onShow(o,n),s(o))}))}))})),Wc(Ia(),(e=>{Lo(e.element).fold((()=>{Fc(e,ev)}),b)}))]}})()]))}}),rv=[Rr("lazySink"),Rr("tooltipDom"),Qr("exclusive",!0),Qr("tooltipComponents",[]),sa("delayForShow",y(300)),sa("delayForHide",y(100)),sa("onSetup",b),oa("mode","normal",["normal","follow-highlight","children-keyboard-focus","children-normal"]),Qr("anchor",(e=>({type:"hotspot",hotspot:e,layouts:{onLtr:y([jl,Gl,Pl,Wl,Ul,$l]),onRtl:y([jl,Gl,Pl,Wl,Ul,$l])},bubble:wl(0,-2,{})}))),bi("onHide"),bi("onShow")],av=Object.freeze({__proto__:null,init:()=>{const e=ye(!0),t=Xe(),o=Xe(),n=()=>{t.on(clearTimeout)},s=y("not-implemented");return Dc({getTooltip:o.get,isShowing:o.isSet,setTooltip:o.set,clearTooltip:o.clear,clearTimer:n,resetTimer:(e,o)=>{n(),t.set(setTimeout(e,o))},readState:s,isEnabled:()=>e.get(),setEnabled:t=>e.set(t)})}});const iv=id({fields:rv,name:"tooltipping",active:sv,state:av,apis:nv}),lv=id({fields:[],name:"unselecting",active:Object.freeze({__proto__:null,events:()=>Hc([Pc(Aa(),E)]),exhibit:()=>td({styles:{"-webkit-user-select":"none","user-select":"none","-ms-user-select":"none","-moz-user-select":"-moz-none"},attributes:{unselectable:"on"}})})}),cv=e=>{const t=at(e),o=fo(t),n=(e=>{const t=void 0!==e.dom.attributes?e.dom.attributes:[];return W(t,((e,t)=>"class"===t.name?e:{...e,[t.name]:t.value}),{})})(t),s=(e=>Array.prototype.slice.call(e.dom.classList,0))(t),r=0===o.length?{}:{innerHtml:en(t)};return{tag:eo(t),classes:s,attributes:n,...r}},dv=e=>{const t=(e=>void 0!==e.uid)(e)&&ve(e,"uid")?e.uid:lg("memento");return{get:e=>e.getSystem().getByUid(t).getOrDie(),getOpt:e=>e.getSystem().getByUid(t).toOptional(),asSpec:()=>({...e,uid:t})}},uv=xl,mv=ol,gv=y("dismiss.popups"),pv=y("reposition.popups"),hv=y("mouse.released"),fv=(e,t)=>{const o={stopBackspace:!0,...t},n=(e=>{const t=Xe(),o=ye(!1),n=_i((t=>{e.triggerEvent(Va(),t),o.set(!0)}),400),s=la([{key:da(),value:e=>(Ti(e).each((s=>{n.cancel();const r={x:s.clientX,y:s.clientY,target:e.target};n.schedule(e),o.set(!1),t.set(r)})),A.none())},{key:ua(),value:e=>(n.cancel(),Ti(e).each((e=>{t.on((o=>{((e,t)=>{const o=Math.abs(e.clientX-t.x),n=Math.abs(e.clientY-t.y);return o>5||n>5})(e,o)&&t.clear()}))})),A.none())},{key:ma(),value:s=>(n.cancel(),t.get().filter((e=>yt(e.target,s.target)))?.map((t=>o.get()?(s.prevent(),!1):e.triggerEvent(La(),s))))}]);return{fireIfReady:(e,t)=>fe(s,t).bind((t=>t(e)))}})(o),s=L(["touchstart","touchmove","touchend","touchcancel","gesturestart","mousedown","mouseup","mouseover","mousemove","mouseout","click"].concat(["selectstart","input","contextmenu","change","transitionend","transitioncancel","drag","dragstart","dragend","dragenter","dragleave","dragover","drop","keyup"]),(t=>Mo(e,t,(e=>{n.fireIfReady(e,t).each((t=>{t&&e.kill()})),o.triggerEvent(t,e)&&e.kill()})))),r=Xe(),a=Mo(e,"paste",(e=>{n.fireIfReady(e,"paste").each((t=>{t&&e.kill()})),o.triggerEvent("paste",e)&&e.kill(),r.set(setTimeout((()=>{o.triggerEvent(Fa(),e)}),0))})),i=Mo(e,"keydown",(e=>{o.triggerEvent("keydown",e)?e.kill():o.stopBackspace&&(e=>e.raw.which===bd[0]&&!F(["input","textarea"],eo(e.target))&&!ps(e.target,'[contenteditable="true"]'))(e)&&e.prevent()})),l=Mo(e,"focusin",(e=>{o.triggerEvent("focusin",e)&&e.kill()})),c=Xe(),d=Mo(e,"focusout",(e=>{o.triggerEvent("focusout",e)&&e.kill(),c.set(setTimeout((()=>{o.triggerEvent(Ia(),e)}),0))}));return{unbind:()=>{V(s,(e=>{e.unbind()})),i.unbind(),l.unbind(),d.unbind(),a.unbind(),r.on(clearTimeout),c.on(clearTimeout)}}},bv=(e,t)=>{const o=fe(e,"target").getOr(t);return ye(o)},vv=xe([{stopped:[]},{resume:["element"]},{complete:[]}]),xv=(e,t,o,n,s,r)=>{const a=e(t,n),i=((e,t)=>{const o=ye(!1),n=ye(!1);return{stop:()=>{o.set(!0)},cut:()=>{n.set(!0)},isStopped:o.get,isCut:n.get,event:e,setSource:t.set,getSource:t.get}})(o,s);return a.fold((()=>(r.logEventNoHandlers(t,n),vv.complete())),(e=>{const o=e.descHandler;return gg(o)(i),i.isStopped()?(r.logEventStopped(t,e.element,o.purpose),vv.stopped()):i.isCut()?(r.logEventCut(t,e.element,o.purpose),vv.complete()):go(e.element).fold((()=>(r.logNoParent(t,e.element,o.purpose),vv.complete())),(n=>(r.logEventResponse(t,e.element,o.purpose),vv.resume(n))))}))},yv=(e,t,o,n,s,r)=>xv(e,t,o,n,s,r).fold(E,(n=>yv(e,t,o,n,s,r)),T),wv=(e,t,o,n,s)=>{const r=bv(o,n);return yv(e,t,o,n,r,s)},Sv=()=>{const e=(()=>{const e={};return{registerId:(t,o,n)=>{ie(n,((n,s)=>{const r=void 0!==e[s]?e[s]:{};r[o]=((e,t)=>({cHandler:C.apply(void 0,[e.handler].concat(t)),purpose:e.purpose}))(n,t),e[s]=r}))},unregisterId:t=>{ie(e,((e,o)=>{be(e,t)&&delete e[t]}))},filterByType:t=>fe(e,t)?.map((e=>ge(e,((e,t)=>((e,t)=>({id:e,descHandler:t}))(t,e))))).getOr([]),find:(t,o,n)=>fe(e,o).bind((e=>bs(n,(t=>((e,t)=>ig(t).bind((t=>fe(e,t)))?.map((e=>((e,t)=>({element:e,descHandler:t}))(t,e))))(e,t)),t)))}})(),t={},o=o=>{ig(o.element).each((o=>{delete t[o],e.unregisterId(o)}))};return{find:(t,o,n)=>e.find(t,o,n),filter:t=>e.filterByType(t),register:n=>{const s=(e=>{const t=e.element;return ig(t).getOrThunk((()=>((e,t)=>{const o=Ne(sg+"uid-");return ag(t,o),o})(0,e.element)))})(n);ve(t,s)&&((e,n)=>{const s=t[n];if(s!==e)throw new Error('The tagId "'+n+'" is already used by: '+si(s.element)+"\nCannot use it for: "+si(e.element)+"\nThe conflicting element is"+(sn(s.element)?" ":" not ")+"already in the DOM");o(e)})(n,s);const r=[n];e.registerId(r,s,n.events),t[s]=n},unregister:o,getById:e=>fe(t,e)}},Cv=e=>{const t=t=>go(e.element).fold(E,(e=>yt(t,e))),o=Sv(),n=(e,n)=>o.find(t,e,n),s=fv(e.element,{triggerEvent:(e,t)=>li(e,t.target,(o=>((e,t,o,n)=>wv(e,t,o,o.target,n))(n,e,t,o)))}),r={debugInfo:y("real"),triggerEvent:(e,t,o)=>{li(e,t,(s=>wv(n,e,o,t,s)))},triggerFocus:(e,t)=>{ig(e).fold((()=>{Fo(e)}),(o=>{li(Ba(),e,(o=>(((e,t,o,n,s)=>{const r=bv(o,n);xv(e,t,o,n,r,s)})(n,Ba(),{originator:t,kill:b,prevent:b,target:e},e,o),!1)))}))},triggerEscape:(e,t)=>{r.triggerEvent("keydown",e.element,t.event)},getByUid:e=>p(e),getByDom:e=>h(e),build:Ag,buildOrPatch:Eg,addToGui:e=>{l(e)},removeFromGui:e=>{c(e)},addToWorld:e=>{a(e)},removeFromWorld:e=>{i(e)},broadcast:e=>{u(e)},broadcastOn:(e,t)=>{m(e,t)},broadcastEvent:(e,t)=>{g(e,t)},isConnected:E},a=e=>{e.connect(r),so(e.element)||(o.register(e),V(e.components(),a),r.triggerEvent(Ua(),e.element,{target:e.element}))},i=e=>{so(e.element)||(V(e.components(),i),o.unregister(e)),e.disconnect()},l=t=>{Bm(e,t)},c=e=>{Rm(e)},d=e=>{const t=o.filter(Ra());V(t,(t=>{const o=t.descHandler;gg(o)(e)}))},u=e=>{d({universal:!0,data:e})},m=(e,t)=>{d({universal:!1,channels:e,data:t})},g=(e,t)=>((e,t)=>{const o=(e=>{const t=ye(!1);return{stop:()=>{t.set(!0)},cut:b,isStopped:t.get,isCut:T,event:e,setSource:O("Cannot set source of a broadcasted event"),getSource:O("Cannot get source of a broadcasted event")}})(t);return V(e,(e=>{const t=e.descHandler;gg(t)(o)})),o.isStopped()})(o.filter(e),t),p=e=>o.getById(e).fold((()=>Ae.error(new Error('Could not find component with uid: "'+e+'" in system.'))),Ae.value),h=e=>{const t=ig(e).getOr("not found");return p(t)};return a(e),{root:e,element:e.element,destroy:()=>{s.unbind(),Qo(e.element)},add:l,remove:c,getByUid:p,getByDom:h,addToWorld:a,removeFromWorld:i,broadcast:u,broadcastOn:m,broadcastEvent:g}},kv=()=>{const e=(e,t)=>{t.stop(),Nc(e)};return[Wc(Oa(),e),Wc(La(),e),Xc(da()),Xc(pa())]},Ov=e=>Hc(j([e?.map((e=>ed(((t,o)=>{e(t),o.stop()})))).toArray(),kv()])),_v=nh({name:"Button",factory:e=>{const t=Ov(e.action),o=e.dom.tag,n=t=>fe(e.dom,"attributes").bind((e=>fe(e,t)));return{uid:e.uid,dom:e.dom,components:e.components,events:t,behaviours:Jp(e.buttonBehaviours,[fd.config({}),wm.config({mode:"execution",useSpace:!0,useEnter:!0})]),domModification:{attributes:"button"===o?{type:n("type").getOr("button"),...n("role")?.map((e=>({role:e}))).getOr({})}:{role:e.role.getOr(n("role").getOr("button"))}},eventOrder:e.eventOrder}},configFields:[Qr("uid",void 0),Rr("dom"),Qr("components",[]),Kp("buttonBehaviours",[fd,wm]),$r("action"),$r("role"),Qr("eventOrder",{})]}),Tv=y([Qr("shell",!1),Rr("makeItem"),Qr("setupItem",b),Kp("listBehaviours",[Zm])]),Ev=Zi({name:"items",overrides:()=>({behaviours:rd([Zm.config({})])})}),Av=y([Ev]),Mv=sh({name:y("CustomList")(),configFields:Tv(),partFields:Av(),factory:(e,t,o,n)=>{const s=e.shell?{behaviours:[Zm.config({})],components:[]}:{behaviours:[],components:t};return{uid:e.uid,dom:e.dom,components:s.components,behaviours:Yp(e.listBehaviours,s.behaviours),apis:{setItems:(t,o)=>{var n;(n=t,e.shell?A?.some(n):ul(n,e,"items")).fold((()=>{throw console.error("Custom List was defined to not be a shell, but no item container was specified in components"),new Error("Custom List was defined to not be a shell, but no item container was specified in components")}),(n=>{const s=Zm.contents(n),r=o.length,a=r-s.length,i=a>0?N(a,(()=>e.makeItem())):[],l=s.slice(r);V(l,(e=>Zm.remove(n,e))),V(i,(e=>Zm.append(n,e)));const c=Zm.contents(n);V(c,((n,s)=>{e.setupItem(t,n,o[s],s)}))}))}}}},apis:{setItems:(e,t,o)=>{e.setItems(t,o)}}}),Dv="aria-controls",Bv=()=>{const e=Ne(Dv);return{id:e,link:t=>{Go(t,Dv,e)},unlink:e=>{Ko(e,Dv)}}},Iv=(e,t)=>gs(t,(t=>yt(t,e.element)),T)||((e,t)=>(e=>Wn(e,(e=>{if(!no(e))return!1;const t=qo(e,"id");return void 0!==t&&t.indexOf(Dv)>-1})).bind((e=>{const t=qo(e,"id"),o=So(e);return Xn(o,`[${Dv}="${t}"]`)})))(t).exists((t=>Iv(e,t))))(e,t),Fv="alloy.item-hover",Rv="alloy.item-focus",Nv="alloy.item-toggled",zv=e=>{(Lo(e.element).isNone()||fd.isFocused(e))&&(fd.isFocused(e)||fd.focus(e),Rc(e,Fv,{item:e}))},Lv=e=>{Rc(e,Rv,{item:e})},Vv=y(Fv),Hv=y(Rv),Pv=y(Nv),Uv=e=>e.role.fold((()=>e.toggling?.map((e=>e.exclusive?"menuitemradio":"menuitemcheckbox")).getOr("menuitem")),w);var Wv=[Rr("data"),Rr("components"),Rr("dom"),Qr("hasSubmenu",!1),$r("toggling"),$r("role"),Kp("itemBehaviours",[Yb,fd,wm,Yh]),Qr("ignoreFocus",!1),Qr("domModification",{}),wi("builder",(e=>({dom:e.dom,domModification:{...e.domModification,attributes:{role:Uv(e),...e.domModification.attributes,"aria-haspopup":e.hasSubmenu,...e.hasSubmenu?{"aria-expanded":!1}:{}}},behaviours:Jp(e.itemBehaviours,[e.toggling.fold(Yb.revoke,(t=>Yb.config(((e,t)=>({aria:{mode:t?"selected":"checked"},...me(e,((e,t)=>"exclusive"!==t)),onToggled:(t,o)=>{p(e.onToggled)&&e.onToggled(t,o),((e,t)=>{Rc(e,Nv,{item:e,state:t})})(t,o)}}))(t,e.role.exists((e=>"option"===e)))))),fd.config({ignore:e.ignoreFocus,stopMousedown:e.ignoreFocus,onFocus:e=>{Lv(e)}}),wm.config({mode:"execution"}),Yh.config({store:{mode:"memory",initialValue:e.data}}),ud("item-type-events",[...kv(),Wc(va(),zv),Wc(za(),fd.focus)])]),components:e.components,eventOrder:e.eventOrder}))),Qr("eventOrder",{})],$v=[Rr("dom"),Rr("components"),wi("builder",(e=>({dom:e.dom,components:e.components,events:Hc([Yc(za())])})))];const Gv=y("item-widget"),jv=y([Ji({name:"widget",overrides:e=>({behaviours:rd([Yh.config({store:{mode:"manual",getValue:t=>e.data,setValue:b}})])})})]),qv=[Rr("uid"),Rr("data"),Rr("components"),Rr("dom"),Qr("autofocus",!1),Qr("ignoreFocus",!1),Kp("widgetBehaviours",[Yh,fd,wm]),Qr("domModification",{}),vl(jv()),wi("builder",(e=>{const t=cl(Gv(),e,jv()),o=dl(Gv(),e,t.internals()),n=t=>ul(t,e,"widget")?.map((e=>(wm.focusIn(e),e))),s=(t,o)=>Zd(o.event.target)?A.none():e.autofocus?(o.setSource(t.element),A.none()):A.none();return{dom:e.dom,components:o,domModification:e.domModification,events:Hc([ed(((e,t)=>{n(e).each((e=>{t.stop()}))})),Wc(va(),zv),Wc(za(),((t,o)=>{e.autofocus?n(t):fd.focus(t)}))]),behaviours:Jp(e.widgetBehaviours,[Yh.config({store:{mode:"memory",initialValue:e.data}}),fd.config({ignore:e.ignoreFocus,onFocus:e=>{Lv(e)}}),wm.config({mode:"special",focusIn:e.autofocus?e=>{n(e)}:dd(),onLeft:s,onRight:s,onEscape:(t,o)=>fd.isFocused(t)||e.autofocus?e.autofocus?(o.setSource(t.element),A.none()):A.none():(fd.focus(t),A?.some(!0))})])}}))],Xv=Mr("type",{widget:qv,item:Wv,separator:$v}),Yv=y([el({factory:{sketch:e=>{const t=Er("menu.spec item",Xv,e);return t.builder(t)}},name:"items",unit:"item",defaults:(e,t)=>be(t,"uid")?t:{...t,uid:lg("item")},overrides:(e,t)=>({type:t.type,ignoreFocus:e.fakeFocus,domModification:{classes:[e.markers.item]}})})]),Kv=y([qr("role"),Rr("value"),Rr("items"),Rr("dom"),Rr("components"),Qr("eventOrder",{}),qp("menuBehaviours",[Gd,Yh,zg,wm]),Zr("movement",{mode:"menu",moveOnTab:!0},Mr("mode",{grid:[Ci(),wi("config",((e,t)=>({mode:"flatgrid",selector:"."+e.markers.item,initSize:{numColumns:t.initSize.numColumns,numRows:t.initSize.numRows},focusManager:e.focusManager})))],matrix:[wi("config",((e,t)=>({mode:"matrix",selectors:{row:t.rowSelector,cell:"."+e.markers.item},previousSelector:t.previousSelector,focusManager:e.focusManager}))),Rr("rowSelector"),Qr("previousSelector",A.none)],menu:[Qr("moveOnTab",!0),wi("config",((e,t)=>({mode:"menu",selector:"."+e.markers.item,moveOnTab:t.moveOnTab,focusManager:e.focusManager})))]})),Nr("markers",mi()),Qr("fakeFocus",!1),Qr("focusManager",qd()),bi("onHighlight"),bi("onDehighlight"),Qr("showMenuRole",!0)]),Jv=y("alloy.menu-focus"),Qv=sh({name:"Menu",configFields:Kv(),partFields:Yv(),factory:(e,t,o,n)=>({uid:e.uid,dom:e.dom,markers:e.markers,behaviours:Yp(e.menuBehaviours,[Gd.config({highlightClass:e.markers.selectedItem,itemClass:e.markers.item,onHighlight:e.onHighlight,onDehighlight:e.onDehighlight}),Yh.config({store:{mode:"memory",initialValue:e.value}}),zg.config({find:A.some}),wm.config(e.movement.config(e,e.movement))]),events:Hc([Wc(Hv(),((e,t)=>{const o=t.event;e.getSystem().getByDom(o.target).each((o=>{Gd.highlight(e,o),t.stop(),Rc(e,Jv(),{menu:e,item:o})}))})),Wc(Vv(),((e,t)=>{const o=t.event.item;Gd.highlight(e,o)})),Wc(Pv(),((e,t)=>{const{item:o,state:n}=t.event;n&&"menuitemradio"===qo(o.element,"role")&&((e,t)=>{const o=ms(e.element,'[role="menuitemradio"][aria-checked="true"]');V(o,(o=>{yt(o,t.element)||e.getSystem().getByDom(o).each((e=>{Yb.off(e)}))}))})(e,o)}))]),components:t,eventOrder:e.eventOrder,...e.showMenuRole?{domModification:{attributes:{role:e.role.getOr("menu")}}}:{}})}),Zv=(e,t,o,n)=>fe(o,n).bind((n=>fe(e,n).bind((n=>{const s=Zv(e,t,o,n);return A?.some([n].concat(s))})))).getOr([]),ex=e=>"prepared"===e.type?A?.some(e.menu):A.none(),tx=()=>{const e=ye({}),t=ye({}),o=ye({}),n=Xe(),s=ye({}),r=e=>a(e).bind(ex),a=e=>fe(t.get(),e),i=t=>fe(e.get(),t);return{setMenuBuilt:(e,o)=>{t.set({...t.get(),[e]:{type:"prepared",menu:o}})},setContents:(r,a,i,l)=>{n.set(r),e.set(i),t.set(a),s.set(l);const c=((e,t)=>{const o={};ie(e,((e,t)=>{V(e,(e=>{o[e]=t}))}));const n=t,s=ce(t,((e,t)=>({k:e,v:t}))),r=le(s,((e,t)=>[t].concat(Zv(o,n,s,t))));return le(o,(e=>fe(r,e).getOr([e])))})(l,i);o.set(c)},expand:t=>fe(e.get(),t)?.map((e=>{const n=fe(o.get(),t).getOr([]);return[e].concat(n)})),refresh:e=>fe(o.get(),e),collapse:e=>fe(o.get(),e).bind((e=>e.length>1?A?.some(e.slice(1)):A.none())),lookupMenu:a,lookupItem:i,otherMenus:e=>{const t=s.get();return K(re(t),e)},getPrimary:()=>n.get().bind(r),getMenus:()=>t.get(),clear:()=>{e.set({}),t.set({}),o.set({}),n.clear()},isClear:()=>n.get().isNone(),getTriggeringPath:(t,s)=>{const a=P(i(t).toArray(),(e=>r(e).isSome()));return fe(o.get(),t).bind((t=>{const o=Y(a.concat(t));return(e=>{const t=[];for(let o=0;o<e.length;o++){const n=e[o];if(!n.isSome())return A.none();t.push(n.getOrDie())}return A?.some(t)})(q(o,((t,a)=>((t,o,n)=>r(t).bind((s=>(t=>pe(e.get(),((e,o)=>e===t)))(t).bind((e=>o(e)?.map((e=>({triggeredMenu:s,triggeringItem:e,triggeringPath:n}))))))))(t,s,o.slice(0,a+1)).fold((()=>He(n.get(),t)?[]:[A.none()]),(e=>[A?.some(e)])))))}))}}},ox=ex,nx=Ne("tiered-menu-item-highlight"),sx=Ne("tiered-menu-item-dehighlight"),rx=y("collapse-item"),ax=nh({name:"TieredMenu",configFields:[yi("onExecute"),yi("onEscape"),xi("onOpenMenu"),xi("onOpenSubmenu"),bi("onRepositionMenu"),bi("onCollapseMenu"),Qr("highlightOnOpen",Ac.HighlightMenuAndItem),Pr("data",[Rr("primary"),Rr("menus"),Rr("expansions")]),Qr("fakeFocus",!1),bi("onHighlightItem"),bi("onDehighlightItem"),bi("onHover"),pi(),Rr("dom"),Qr("navigateOnHover",!0),Qr("stayInDom",!1),qp("tmenuBehaviours",[wm,Gd,zg,Zm]),Qr("eventOrder",{})],apis:{collapseMenu:(e,t)=>{e.collapseMenu(t)},highlightPrimary:(e,t)=>{e.highlightPrimary(t)},repositionMenus:(e,t)=>{e.repositionMenus(t)}},factory:(e,t)=>{const o=Xe(),n=tx(),s=e=>Yh.getValue(e).value,r=t=>le(e.data.menus,((e,t)=>q(e.items,(e=>"separator"===e.type?[]:[e.data.value])))),a=Gd.highlight,i=(t,o)=>{a(t,o),Gd.getHighlighted(o).orThunk((()=>Gd.getFirst(o))).each((n=>{e.fakeFocus?Gd.highlight(o,n):zc(t,n.element,za())}))},l=(e,t)=>Pe(L(t,(t=>e.lookupMenu(t).bind((e=>"prepared"===e.type?A?.some(e.menu):A.none()))))),c=(t,o,n)=>{const s=l(o,o.otherMenus(n));V(s,(o=>{is(o.element,[e.markers.backgroundMenu]),e.stayInDom||Zm.remove(t,o)}))},d=(t,n)=>{const r=(t=>o.get().getOrThunk((()=>{const n={},r=ms(t.element,`.${e.markers.item}`),a=P(r,(e=>"true"===qo(e,"aria-haspopup")));return V(a,(e=>{t.getSystem().getByDom(e).each((e=>{const t=s(e);n[t]=e}))})),o.set(n),n})))(t);ie(r,((e,t)=>{const o=F(n,t);Go(e.element,"aria-expanded",o)}))},u=(t,o,n)=>A.from(n[0]).bind((s=>o.lookupMenu(s).bind((s=>{if("notbuilt"===s.type)return A.none();{const r=s.menu,a=l(o,n.slice(1));return V(a,(t=>{os(t.element,e.markers.backgroundMenu)})),sn(r.element)||Zm.append(t,Mg(r)),is(r.element,[e.markers.backgroundMenu]),i(t,r),c(t,o,n),A?.some(r)}}))));let m;!function(e){e[e.HighlightSubmenu=0]="HighlightSubmenu",e[e.HighlightParent=1]="HighlightParent"}(m||(m={}));const g=(t,o,r=m.HighlightSubmenu)=>{if(o.hasConfigured(tp)&&tp.isDisabled(o))return A?.some(o);{const a=s(o);return n.expand(a).bind((s=>(d(t,s),A.from(s[0]).bind((a=>n.lookupMenu(a).bind((i=>{const l=((e,t,o)=>{if("notbuilt"===o.type){const s=e.getSystem().build(o.nbMenu());return n.setMenuBuilt(t,s),s}return o.menu})(t,a,i);return sn(l.element)||Zm.append(t,Mg(l)),e.onOpenSubmenu(t,o,l,Y(s)),r===m.HighlightSubmenu?(Gd.highlightFirst(l),u(t,n,s)):(Gd.dehighlightAll(l),A?.some(o))})))))))}},p=(t,o)=>{const r=s(o);return n.collapse(r).bind((s=>(d(t,s),u(t,n,s)?.map((n=>(e.onCollapseMenu(t,o,n),n))))))},h=t=>(o,n)=>Yn(n.getSource(),`.${e.markers.item}`).bind((e=>o.getSystem().getByDom(e).toOptional().bind((e=>t(o,e)?.map(E))))),f=Hc([Wc(Jv(),((e,t)=>{const o=t.event.item;n.lookupItem(s(o)).each((()=>{const o=t.event.menu;Gd.highlight(e,o);const r=s(t.event.item);n.refresh(r).each((t=>c(e,n,t)))}))})),ed(((t,o)=>{const n=o.event.target;t.getSystem().getByDom(n).each((o=>{0===s(o).indexOf("collapse-item")&&p(t,o),g(t,o,m.HighlightSubmenu).fold((()=>{e.onExecute(t,o)}),b)}))})),Jc(((t,o)=>{(t=>{const o=((t,o,n)=>le(n,((n,s)=>{const r=()=>Qv.sketch({...n,value:s,markers:e.markers,fakeFocus:e.fakeFocus,onHighlight:(e,t)=>{Rc(e,nx,{menuComp:e,itemComp:t})},onDehighlight:(e,t)=>{Rc(e,sx,{menuComp:e,itemComp:t})},focusManager:e.fakeFocus?Xd():qd()});return s===o?{type:"prepared",menu:t.getSystem().build(r())}:{type:"notbuilt",nbMenu:r}})))(t,e.data.primary,e.data.menus),s=r();return n.setContents(e.data.primary,o,e.data.expansions,s),n.getPrimary()})(t).each((o=>{Zm.append(t,Mg(o)),e.onOpenMenu(t,o),e.highlightOnOpen===Ac.HighlightMenuAndItem?i(t,o):e.highlightOnOpen===Ac.HighlightJustMenu&&a(t,o)}))})),Wc(nx,((t,o)=>{e.onHighlightItem(t,o.event.menuComp,o.event.itemComp)})),Wc(sx,((t,o)=>{e.onDehighlightItem(t,o.event.menuComp,o.event.itemComp)})),...e.navigateOnHover?[Wc(Vv(),((t,o)=>{const r=o.event.item;((e,t)=>{const o=s(t);n.refresh(o).bind((t=>(d(e,t),u(e,n,t))))})(t,r),g(t,r,m.HighlightParent),e.onHover(t,r)}))]:[]]),v=e=>Gd.getHighlighted(e).bind(Gd.getHighlighted),x={collapseMenu:e=>{v(e).each((t=>{p(e,t)}))},highlightPrimary:e=>{n.getPrimary().each((t=>{i(e,t)}))},repositionMenus:t=>{const o=n.getPrimary().bind((e=>v(t).bind((e=>{const t=s(e),o=he(n.getMenus()),r=Pe(L(o,ox));return n.getTriggeringPath(t,(e=>((e,t,o)=>se(t,(e=>{if(!e.getSystem().isConnected())return A.none();const t=Gd.getCandidates(e);return $(t,(e=>s(e)===o))})))(0,r,e)))}))?.map((t=>({primary:e,triggeringPath:t})))));o.fold((()=>{(e=>A.from(e.components()[0]).filter((e=>"menu"===qo(e.element,"role"))))(t).each((o=>{e.onRepositionMenu(t,o,[])}))}),(({primary:o,triggeringPath:n})=>{e.onRepositionMenu(t,o,n)}))}};return{uid:e.uid,dom:e.dom,markers:e.markers,behaviours:Yp(e.tmenuBehaviours,[wm.config({mode:"special",onRight:h(((e,t)=>Zd(t.element)?A.none():g(e,t,m.HighlightSubmenu))),onLeft:h(((e,t)=>Zd(t.element)?A.none():p(e,t))),onEscape:h(((t,o)=>p(t,o).orThunk((()=>e.onEscape(t,o)?.map((()=>t)))))),focusIn:(e,t)=>{n.getPrimary().each((t=>{zc(e,t.element,za())}))}}),Gd.config({highlightClass:e.markers.selectedMenu,itemClass:e.markers.menu}),zg.config({find:e=>Gd.getHighlighted(e)}),Zm.config({})]),eventOrder:e.eventOrder,apis:x,events:f}},extraApis:{tieredData:(e,t,o)=>({primary:e,menus:t,expansions:o}),singleData:(e,t)=>({primary:e,menus:ia(e,t),expansions:{}}),collapseItem:e=>({value:Ne(rx()),meta:{text:e}})}}),ix=y("sink"),lx=y(Zi({name:ix(),overrides:y({dom:{tag:"div"},behaviours:rd([Zf.config({useFixed:E})]),events:Hc([Xc(wa()),Xc(pa()),Xc(Oa())])})})),cx=br([Qr("isExtraPart",T),Jr("fireEventInstead",[Qr("event",Ya())])]),dx=e=>{const t=Er("Dismissal",cx,e);return{[gv()]:{schema:br([Rr("target")]),onReceive:(e,o)=>{bb.isOpen(e)&&(bb.isPartOf(e,o.target)||t.isExtraPart(e,o.target)||t.fireEventInstead.fold((()=>bb.close(e)),(t=>Fc(e,t.event))))}}}},ux=br([Jr("fireEventInstead",[Qr("event",Ka())]),Hr("doReposition")]),mx=e=>{const t=Er("Reposition",ux,e);return{[pv()]:{onReceive:e=>{bb.isOpen(e)&&t.fireEventInstead.fold((()=>t.doReposition(e)),(t=>Fc(e,t.event)))}}}},gx=(e,t)=>{const o=e.getHotspot(t).getOr(t),n="hotspot",s=e.getAnchorOverrides();return e.layouts.fold((()=>({type:n,hotspot:o,overrides:s})),(e=>({type:n,hotspot:o,overrides:s,layouts:e})))},px=(e,t,o,n,s,r,a)=>{const i=((e,t,o,n,s,r,a)=>{const i=((e,t,o)=>(0,e.fetch)(o)?.map(t))(e,t,n),l=bx(n,e);return i?.map((t=>t.bind((t=>{const i=t.menus[t.primary];return A.from(i).each((t=>{e.listRole.each((e=>{t.role=e}))})),A.from(ax.sketch({...r.menu(),uid:lg(""),data:t,highlightOnOpen:a,onOpenMenu:(e,t)=>{const n=l().getOrDie();Zf.position(n,t,{anchor:o}),bb.decloak(s)},onOpenSubmenu:(e,t,o)=>{const n=l().getOrDie();Zf.position(n,o,{anchor:{type:"submenu",item:t}}),bb.decloak(s)},onRepositionMenu:(e,t,n)=>{const s=l().getOrDie();Zf.position(s,t,{anchor:o}),V(n,(e=>{Zf.position(s,e.triggeredMenu,{anchor:{type:"submenu",item:e.triggeringItem}})}))},onEscape:()=>(fd.focus(n),bb.close(s),A?.some(!0))}))}))))})(e,t,gx(e,o),o,n,s,a);return i?.map((e=>(e.fold((()=>{bb.isOpen(n)&&bb.close(n)}),(e=>{bb.cloak(n),bb.open(n,e),r(n)})),n)))},hx=(e,t,o,n,s,r,a)=>(bb.close(n),_e(n)),fx=(e,t,o,n,s,r)=>{const a=Pg.getCoupled(o,"sandbox");return(bb.isOpen(a)?hx:px)(e,t,o,a,n,s,r)},bx=(e,t)=>e.getSystem().getByUid(t.uid+"-"+ix())?.map((e=>()=>Ae.value(e))).getOrThunk((()=>t.lazySink.fold((()=>()=>Ae.error(new Error("No internal sink is specified, nor could an external sink be found"))),(t=>()=>t(e))))),vx=e=>{bb.getState(e).each((e=>{ax.repositionMenus(e)}))},xx=(e,t,o)=>{const n=Bv(),s=bx(t,e);return{dom:{tag:"div",classes:e.sandboxClasses,attributes:{id:n.id}},behaviours:Jp(e.sandboxBehaviours,[Yh.config({store:{mode:"memory",initialValue:t}}),bb.config({onOpen:(s,r)=>{const a=gx(e,t);n.link(t.element),e.matchWidth&&((e,t,o)=>{const n=zg.getCurrent(t).getOr(t),s=Tn(e.element);o?dn(n.element,"min-width",s+"px"):((e,t)=>{On.set(e,t)})(n.element,s)})(a.hotspot,r,e.useMinWidth),e.onOpen(a,s,r),void 0!==o&&void 0!==o.onOpen&&o.onOpen(s,r)},onClose:(e,r)=>{n.unlink(t.element),s().getOr(r).element.dom.dispatchEvent(new window.FocusEvent("focusout")),void 0!==o&&void 0!==o.onClose&&o.onClose(e,r)},isPartOf:(e,o,n)=>Iv(o,n)||Iv(t,n),getAttachPoint:()=>s().getOrDie()}),zg.config({find:e=>bb.getState(e).bind((e=>zg.getCurrent(e)))}),ob.config({channels:{...dx({isExtraPart:T}),...mx({doReposition:vx})}})])}},yx=e=>{const t=Pg.getCoupled(e,"sandbox");vx(t)},wx=()=>[Qr("sandboxClasses",[]),Kp("sandboxBehaviours",[zg,ob,bb,Yh])],Sx=y([Rr("dom"),Rr("fetch"),bi("onOpen"),vi("onExecute"),Qr("getHotspot",A.some),Qr("getAnchorOverrides",y({})),hf(),qp("dropdownBehaviours",[Yb,Pg,wm,fd]),Rr("toggleClass"),Qr("eventOrder",{}),$r("lazySink"),Qr("matchWidth",!1),Qr("useMinWidth",!1),$r("role"),$r("listRole")].concat(wx())),Cx=y([Qi({schema:[pi(),Qr("fakeFocus",!1)],name:"menu",defaults:e=>({onExecute:e.onExecute})}),lx()]),kx=sh({name:"Dropdown",configFields:Sx(),partFields:Cx(),factory:(e,t,o,n)=>{const s=e=>{bb.getState(e).each((e=>{ax.highlightPrimary(e)}))},r=(t,o,s)=>fx(e,w,t,n,o,s),a={expand:e=>{Yb.isOn(e)||r(e,b,Ac.HighlightNone).get(b)},open:e=>{Yb.isOn(e)||r(e,b,Ac.HighlightMenuAndItem).get(b)},refetch:t=>Pg.getExistingCoupled(t,"sandbox").fold((()=>r(t,b,Ac.HighlightMenuAndItem)?.map(b)),(o=>px(e,w,t,o,n,b,Ac.HighlightMenuAndItem)?.map(b))),isOpen:Yb.isOn,close:e=>{Yb.isOn(e)&&r(e,b,Ac.HighlightMenuAndItem).get(b)},repositionMenus:e=>{Yb.isOn(e)&&yx(e)}},i=(e,t)=>(Nc(e),A?.some(!0));return{uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.dropdownBehaviours,[Yb.config({toggleClass:e.toggleClass,aria:{mode:"expanded"}}),Pg.config({others:{sandbox:t=>xx(e,t,{onOpen:()=>Yb.on(t),onClose:()=>Yb.off(t)})}}),wm.config({mode:"special",onSpace:i,onEnter:i,onDown:(e,t)=>{if(kx.isOpen(e)){const t=Pg.getCoupled(e,"sandbox");s(t)}else kx.open(e);return A?.some(!0)},onEscape:(e,t)=>kx.isOpen(e)?(kx.close(e),A?.some(!0)):A.none()}),fd.config({})]),events:Ov(A?.some((e=>{r(e,s,Ac.HighlightMenuAndItem).get(b)}))),eventOrder:{...e.eventOrder,[Na()]:["disabling","toggling","alloy.base.behaviour"]},apis:a,domModification:{attributes:{"aria-haspopup":e.listRole.getOr("true"),...e.role.fold((()=>({})),(e=>({role:e}))),..."button"===e.dom.tag?{type:fe(e.dom,"attributes").bind((e=>fe(e,"type"))).getOr("button")}:{}}}}},apis:{open:(e,t)=>e.open(t),refetch:(e,t)=>e.refetch(t),expand:(e,t)=>e.expand(t),close:(e,t)=>e.close(t),isOpen:(e,t)=>e.isOpen(t),repositionMenus:(e,t)=>e.repositionMenus(t)}}),Ox="form",_x=[qp("formBehaviours",[Yh])],Tx=e=>"<alloy.field."+e+">",Ex=(e,t)=>({uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.formBehaviours,[Yh.config({store:{mode:"manual",getValue:t=>{const o=pl(t,e);return le(o,((e,t)=>e().bind((e=>{return o=zg.getCurrent(e),n=new Error(`Cannot find a current component to extract the value from for form part '${t}': `+si(e.element)),o.fold((()=>Ae.error(n)),Ae.value);var o,n}))?.map(Yh.getValue)))},setValue:(t,o)=>{ie(o,((o,n)=>{ul(t,e,n).each((e=>{zg.getCurrent(e).each((e=>{Yh.setValue(e,o)}))}))}))}}})]),apis:{getField:(t,o)=>ul(t,e,o).bind(zg.getCurrent)}}),Ax={getField:Om(((e,t,o)=>e.getField(t,o))),sketch:e=>{const t=(()=>{const e=[];return{field:(t,o)=>(e.push(t),al(Ox,Tx(t),o)),record:y(e)}})(),o=e(t),n=t.record(),s=L(n,(e=>Ji({name:e,pname:Tx(e)})));return Zp(Ox,_x,s,Ex,o)}},Mx=y([Rr("dom"),Qr("shell",!0),qp("toolbarBehaviours",[Zm])]),Dx=y([Zi({name:"groups",overrides:()=>({behaviours:rd([Zm.config({})])})})]),Bx=sh({name:"Toolbar",configFields:Mx(),partFields:Dx(),factory:(e,t,o,n)=>{const s=e.shell?{behaviours:[Zm.config({})],components:[]}:{behaviours:[],components:t};return{uid:e.uid,dom:e.dom,components:s.components,behaviours:Yp(e.toolbarBehaviours,s.behaviours),apis:{setGroups:(t,o)=>{var n;(n=t,e.shell?A?.some(n):ul(n,e,"groups")).fold((()=>{throw console.error("Toolbar was defined to not be a shell, but no groups container was specified in components"),new Error("Toolbar was defined to not be a shell, but no groups container was specified in components")}),(e=>{Zm.set(e,o)}))},refresh:b},domModification:{attributes:{role:"group"}}}},apis:{setGroups:(e,t,o)=>{e.setGroups(t,o)}}}),Ix=y([hi(["toggledClass"]),Rr("lazySink"),Hr("fetch"),Yr("getBounds"),Jr("fireDismissalEventInstead",[Qr("event",Ya())]),hf(),bi("onToggled")]),Fx=y([Qi({name:"button",overrides:e=>({dom:{attributes:{"aria-haspopup":"true"}},buttonBehaviours:rd([Yb.config({toggleClass:e.markers.toggledClass,aria:{mode:"expanded"},toggleOnExecute:!1,onToggled:e.onToggled})])})}),Qi({factory:Bx,schema:Mx(),name:"toolbar",overrides:e=>({toolbarBehaviours:rd([wm.config({mode:"cyclic",onEscape:t=>(ul(t,e,"button").each(fd.focus),A.none())})])})})]),Rx=Xe(),Nx=(e,t)=>{const o=Pg.getCoupled(e,"toolbarSandbox");bb.isOpen(o)?bb.close(o):bb.open(o,t.toolbar())},zx=(e,t,o,n)=>{const s=o.getBounds?.map((e=>e())),r=o.lazySink(e).getOrDie();Zf.positionWithinBounds(r,t,{anchor:{type:"hotspot",hotspot:e,layouts:n,overrides:{maxWidthFunction:Oc()}}},s)},Lx=(e,t,o,n,s)=>{Bx.setGroups(t,s),zx(e,t,o,n),Yb.on(e)},Vx=sh({name:"FloatingToolbarButton",factory:(e,t,o,n)=>({..._v.sketch({...n.button(),action:e=>{Nx(e,n)},buttonBehaviours:Jp({dump:n.button().buttonBehaviours},[Pg.config({others:{toolbarSandbox:t=>((e,t,o)=>{const n=Bv();return{dom:{tag:"div",attributes:{id:n.id}},behaviours:rd([wm.config({mode:"special",onEscape:e=>(bb.close(e),A?.some(!0))}),bb.config({onOpen:(s,r)=>{const a=Rx.get().getOr(!1);o.fetch().get((s=>{Lx(e,r,o,t.layouts,s),n.link(e.element),a||wm.focusIn(r)}))},onClose:()=>{Yb.off(e),Rx.get().getOr(!1)||fd.focus(e),n.unlink(e.element)},isPartOf:(t,o,n)=>Iv(o,n)||Iv(e,n),getAttachPoint:()=>o.lazySink(e).getOrDie()}),ob.config({channels:{...dx({isExtraPart:T,...o.fireDismissalEventInstead?.map((e=>({fireEventInstead:{event:e.event}}))).getOr({})}),...mx({doReposition:()=>{bb.getState(Pg.getCoupled(e,"toolbarSandbox")).each((n=>{zx(e,n,o,t.layouts)}))}})}})])}})(t,o,e)}})])}),apis:{setGroups:(t,n)=>{bb.getState(Pg.getCoupled(t,"toolbarSandbox")).each((s=>{Lx(t,s,e,o.layouts,n)}))},reposition:t=>{bb.getState(Pg.getCoupled(t,"toolbarSandbox")).each((n=>{zx(t,n,e,o.layouts)}))},toggle:e=>{Nx(e,n)},toggleWithoutFocusing:e=>{((e,t)=>{Rx.set(!0),Nx(e,t),Rx.clear()})(e,n)},getToolbar:e=>bb.getState(Pg.getCoupled(e,"toolbarSandbox")),isOpen:e=>bb.isOpen(Pg.getCoupled(e,"toolbarSandbox"))}}),configFields:Ix(),partFields:Fx(),apis:{setGroups:(e,t,o)=>{e.setGroups(t,o)},reposition:(e,t)=>{e.reposition(t)},toggle:(e,t)=>{e.toggle(t)},toggleWithoutFocusing:(e,t)=>{e.toggleWithoutFocusing(t)},getToolbar:(e,t)=>e.getToolbar(t),isOpen:(e,t)=>e.isOpen(t)}}),Hx=y([Qr("prefix","form-field"),qp("fieldBehaviours",[zg,Yh])]),Px=y([Zi({schema:[Rr("dom")],name:"label"}),Zi({factory:{sketch:e=>({uid:e.uid,dom:{tag:"span",styles:{display:"none"},attributes:{"aria-hidden":"true"},innerHtml:e.text}})},schema:[Rr("text")],name:"aria-descriptor"}),Ji({factory:{sketch:e=>{const t=((e,t)=>{const o={};return ie(e,((e,n)=>{F(t,n)||(o[n]=e)})),o})(e,["factory"]);return e.factory.sketch(t)}},schema:[Rr("factory")],name:"field"})]),Ux=sh({name:"FormField",configFields:Hx(),partFields:Px(),factory:(e,t,o,n)=>{const s=Yp(e.fieldBehaviours,[zg.config({find:t=>ul(t,e,"field")}),Yh.config({store:{mode:"manual",getValue:e=>zg.getCurrent(e).bind(Yh.getValue),setValue:(e,t)=>{zg.getCurrent(e).each((e=>{Yh.setValue(e,t)}))}}})]),r=Hc([Jc(((t,o)=>{const n=gl(t,e,["label","field","aria-descriptor"]);n.field().each((t=>{const o=Ne(e.prefix);n.label().each((e=>{Go(e.element,"for",o),Go(t.element,"id",o)})),n["aria-descriptor"]().each((o=>{const n=Ne(e.prefix);Go(o.element,"id",n),Go(t.element,"aria-describedby",n)}))}))}))]),a={getField:t=>ul(t,e,"field"),getLabel:t=>ul(t,e,"label")};return{uid:e.uid,dom:e.dom,components:t,behaviours:s,events:r,apis:a}},apis:{getField:(e,t)=>e.getField(t),getLabel:(e,t)=>e.getLabel(t)}}),Wx=y([Qr("field1Name","field1"),Qr("field2Name","field2"),xi("onLockedChange"),hi(["lockClass"]),Qr("locked",!1),Kp("coupledFieldBehaviours",[zg,Yh]),sa("onInput",b)]),$x=(e,t)=>Ji({factory:Ux,name:e,overrides:e=>({fieldBehaviours:rd([ud("coupled-input-behaviour",[Wc(Ca(),(o=>{((e,t,o)=>ul(e,t,o).bind(zg.getCurrent))(o,e,t).each((t=>{ul(o,e,"lock").each((n=>{Yb.isOn(n)&&e.onLockedChange(o,t,n),e.onInput(o)}))}))}))])])})}),Gx=y([$x("field1","field2"),$x("field2","field1"),Ji({factory:_v,schema:[Rr("dom")],name:"lock",overrides:e=>({buttonBehaviours:rd([Yb.config({selected:e.locked,toggleClass:e.markers.lockClass,aria:{mode:"pressed"}})])})})]),jx=sh({name:"FormCoupledInputs",configFields:Wx(),partFields:Gx(),factory:(e,t,o,n)=>({uid:e.uid,dom:e.dom,components:t,behaviours:Jp(e.coupledFieldBehaviours,[zg.config({find:A.some}),Yh.config({store:{mode:"manual",getValue:t=>{const o=fl(t,e,["field1","field2"]);return{[e.field1Name]:Yh.getValue(o.field1()),[e.field2Name]:Yh.getValue(o.field2())}},setValue:(t,o)=>{const n=fl(t,e,["field1","field2"]);ve(o,e.field1Name)&&Yh.setValue(n.field1(),o[e.field1Name]),ve(o,e.field2Name)&&Yh.setValue(n.field2(),o[e.field2Name])}}})]),apis:{getField1:t=>ul(t,e,"field1"),getField2:t=>ul(t,e,"field2"),getLock:t=>ul(t,e,"lock")}}),apis:{getField1:(e,t)=>e.getField1(t),getField2:(e,t)=>e.getField2(t),getLock:(e,t)=>e.getLock(t)}}),qx=nh({name:"HtmlSelect",configFields:[Rr("options"),qp("selectBehaviours",[fd,Yh]),Qr("selectClasses",[]),Qr("selectAttributes",{}),$r("data")],factory:(e,t)=>{const o=L(e.options,(e=>({dom:{tag:"option",value:e.value,innerHtml:e.text}}))),n=e.data?.map((e=>ia("initialValue",e))).getOr({});return{uid:e.uid,dom:{tag:"select",classes:e.selectClasses,attributes:e.selectAttributes},components:o,behaviours:Yp(e.selectBehaviours,[fd.config({}),Yh.config({store:{mode:"manual",getValue:e=>cs(e.element),setValue:(t,o)=>{const n=te(e.options);$(e.options,(e=>e.value===o)).isSome()?ds(t.element,o):-1===t.element.dom.selectedIndex&&""===o&&n.each((e=>ds(t.element,e.value)))},...n}})])}}}),Xx=nh({name:"InlineView",configFields:[Rr("lazySink"),bi("onShow"),bi("onHide"),Yr("onEscape"),qp("inlineBehaviours",[bb,Yh,ob]),Jr("fireDismissalEventInstead",[Qr("event",Ya())]),Jr("fireRepositionEventInstead",[Qr("event",Ka())]),Qr("getRelated",A.none),Qr("isExtraPart",T),Qr("eventOrder",A.none)],factory:(e,t)=>{const o=(t,o,n,s)=>{const r=e.lazySink(t).getOrDie();bb.openWhileCloaked(t,o,(()=>Zf.positionWithinBounds(r,t,n,s()))),Yh.setValue(t,A?.some({mode:"position",config:n,getBounds:s}))},n=(t,o,n,s)=>{const r=((e,t,o,n,s)=>{const r=()=>e.lazySink(t),a="horizontal"===n.type?{layouts:{onLtr:()=>Zl(),onRtl:()=>ec()}}:{},i=e=>(e=>2===e.length)(e)?a:{};return ax.sketch({dom:{tag:"div"},data:n.data,markers:n.menu.markers,highlightOnOpen:n.menu.highlightOnOpen,fakeFocus:n.menu.fakeFocus,onEscape:()=>(bb.close(t),e.onEscape?.map((e=>e(t))),A?.some(!0)),onExecute:()=>A?.some(!0),onOpenMenu:(e,t)=>{Zf.positionWithinBounds(r().getOrDie(),t,o,s())},onOpenSubmenu:(e,t,o,n)=>{const s=r().getOrDie();Zf.position(s,o,{anchor:{type:"submenu",item:t,...i(n)}})},onRepositionMenu:(e,t,n)=>{const a=r().getOrDie();Zf.positionWithinBounds(a,t,o,s()),V(n,(e=>{const t=i(e.triggeringPath);Zf.position(a,e.triggeredMenu,{anchor:{type:"submenu",item:e.triggeringItem,...t}})}))}})})(e,t,o,n,s);bb.open(t,r),Yh.setValue(t,A?.some({mode:"menu",menu:r}))},s=t=>{bb.isOpen(t)&&Yh.getValue(t).each((o=>{switch(o.mode){case"menu":bb.getState(t).each(ax.repositionMenus);break;case"position":const n=e.lazySink(t).getOrDie();Zf.positionWithinBounds(n,t,o.config,o.getBounds())}}))},r={setContent:(e,t)=>{bb.setContent(e,t)},showAt:(e,t,n)=>{const s=A.none;o(e,t,n,s)},showWithinBounds:o,showMenuAt:(e,t,o)=>{n(e,t,o,A.none)},showMenuWithinBounds:n,hide:e=>{bb.isOpen(e)&&(Yh.setValue(e,A.none()),bb.close(e))},getContent:e=>bb.getState(e),reposition:s,isOpen:bb.isOpen};return{uid:e.uid,dom:e.dom,behaviours:Yp(e.inlineBehaviours,[bb.config({isPartOf:(t,o,n)=>Iv(o,n)||((t,o)=>e.getRelated(t).exists((e=>Iv(e,o))))(t,n),getAttachPoint:t=>e.lazySink(t).getOrDie(),onOpen:t=>{e.onShow(t)},onClose:t=>{e.onHide(t)}}),Yh.config({store:{mode:"memory",initialValue:A.none()}}),ob.config({channels:{...dx({isExtraPart:t.isExtraPart,...e.fireDismissalEventInstead?.map((e=>({fireEventInstead:{event:e.event}}))).getOr({})}),...mx({...e.fireRepositionEventInstead?.map((e=>({fireEventInstead:{event:e.event}}))).getOr({}),doReposition:s})}})]),eventOrder:e.eventOrder,apis:r}},apis:{showAt:(e,t,o,n)=>{e.showAt(t,o,n)},showWithinBounds:(e,t,o,n,s)=>{e.showWithinBounds(t,o,n,s)},showMenuAt:(e,t,o,n)=>{e.showMenuAt(t,o,n)},showMenuWithinBounds:(e,t,o,n,s)=>{e.showMenuWithinBounds(t,o,n,s)},hide:(e,t)=>{e.hide(t)},isOpen:(e,t)=>e.isOpen(t),getContent:(e,t)=>e.getContent(t),setContent:(e,t,o)=>{e.setContent(t,o)},reposition:(e,t)=>{e.reposition(t)}}}),Yx=y([ta("type","text"),$r("data"),Qr("inputAttributes",{}),Qr("inputStyles",{}),Qr("tag","input"),Qr("inputClasses",[]),bi("onSetValue"),sa("fromInputValue",w),sa("toInputValue",w),Qr("styles",{}),Qr("eventOrder",{}),qp("inputBehaviours",[Yh,fd]),Qr("selectOnFocus",!0)]),Kx=e=>rd([fd.config({onFocus:e.selectOnFocus?t=>{const o=t.element,n=cs(o);"range"!==e.type&&o.dom.setSelectionRange(0,n.length)}:b})]),Jx=e=>({...Kx(e),...Yp(e.inputBehaviours,[Yh.config({store:{mode:"manual",...e.data?.map((e=>({initialValue:e}))).getOr({}),getValue:t=>e.fromInputValue(cs(t.element)),setValue:(t,o)=>{cs(t.element)!==o&&ds(t.element,e.toInputValue(o))}},onSetValue:e.onSetValue})])}),Qx=e=>({tag:e.tag,attributes:{type:e.type,...e.inputAttributes},styles:e.inputStyles,classes:e.inputClasses}),Zx=nh({name:"Input",configFields:Yx(),factory:(e,t)=>({uid:e.uid,dom:Qx(e),components:[],behaviours:Jx(e),eventOrder:e.eventOrder})}),ey=sl(Gv(),jv()),ty=y([Rr("lazySink"),$r("dragBlockClass"),sa("getBounds",Ls),Qr("useTabstopAt",E),Qr("firstTabstop",0),Qr("eventOrder",{}),qp("modalBehaviours",[wm]),vi("onExecute"),yi("onEscape")]),oy={sketch:w},ny=y([Zi({name:"draghandle",overrides:(e,t)=>({behaviours:rd([Th.config({mode:"mouse",getTarget:e=>Gn(e,'[role="dialog"]').getOr(e),blockerClass:e.dragBlockClass.getOrDie(new Error("The drag blocker class was not specified for a dialog with a drag handle: \n"+JSON.stringify(t,null,2)).message),getBounds:e.getDragBounds})])})}),Ji({schema:[Rr("dom")],name:"title"}),Ji({factory:oy,schema:[Rr("dom")],name:"close"}),Ji({factory:oy,schema:[Rr("dom")],name:"body"}),Zi({factory:oy,schema:[Rr("dom")],name:"footer"}),Qi({factory:{sketch:(e,t)=>({...e,dom:t.dom,components:t.components})},schema:[Qr("dom",{tag:"div",styles:{position:"fixed",left:"0px",top:"0px",right:"0px",bottom:"0px"}}),Qr("components",[])],name:"blocker"})]),sy=sh({name:"ModalDialog",configFields:ty(),partFields:ny(),factory:(e,t,o,n)=>{const s=Xe(),r=Ne("modal-events"),a={...e.eventOrder,[qa()]:[r].concat(e.eventOrder["alloy.system.attached"]||[])},i=Jt();return{uid:e.uid,dom:e.dom,components:t,apis:{show:t=>{s.set(t);const o=e.lazySink(t).getOrDie(),r=n.blocker(),a=o.getSystem().build({...r,components:r.components.concat([Mg(t)]),behaviours:rd([fd.config({}),ud("dialog-blocker-events",[Kc(xa(),(()=>{Fg.isBlocked(t)||wm.focusIn(t)}))])])});Bm(o,a),wm.focusIn(t)},hide:e=>{s.clear(),go(e.element).each((t=>{e.getSystem().getByDom(t).each((e=>{Rm(e)}))}))},getBody:t=>ml(t,e,"body"),getFooter:t=>ul(t,e,"footer"),setIdle:e=>{Fg.unblock(e)},setBusy:(e,t)=>{Fg.block(e,t)}},eventOrder:a,domModification:{attributes:{role:"dialog","aria-modal":"true"}},behaviours:Yp(e.modalBehaviours,[Zm.config({}),wm.config({mode:"cyclic",onEnter:e.onExecute,onEscape:e.onEscape,useTabstopAt:e.useTabstopAt,firstTabstop:e.firstTabstop}),Fg.config({getRoot:s.get}),ud(r,[Jc((t=>{const o=ml(t,e,"title").element,n=(e=>e.dom.textContent)(o);i.os.isMacOS()&&g(n)?Go(t.element,"aria-label",n):((e,t)=>{const o=Xo(e,"id").fold((()=>{const e=Ne("dialog-label");return Go(t,"id",e),e}),w);Go(e,"aria-labelledby",o)})(t.element,o)}))])])}},apis:{show:(e,t)=>{e.show(t)},hide:(e,t)=>{e.hide(t)},getBody:(e,t)=>e.getBody(t),getFooter:(e,t)=>e.getFooter(t),setBusy:(e,t,o)=>{e.setBusy(t,o)},setIdle:(e,t)=>{e.setIdle(t)}}}),ry=Zi({schema:[Rr("dom")],name:"label"}),ay=e=>Zi({name:e+"-edge",overrides:t=>t.model.manager.edgeActions[e].fold((()=>({})),(e=>({events:Hc([$c(da(),((t,o,n)=>e(t,n)),[t]),$c(pa(),((t,o,n)=>e(t,n)),[t]),$c(ha(),((t,o,n)=>{n.mouseIsDown.get()&&e(t,n)}),[t])])})))}),iy=ay("top-left"),ly=ay("top"),cy=ay("top-right"),dy=ay("right"),uy=ay("bottom-right"),my=ay("bottom"),gy=ay("bottom-left"),py=ay("left"),hy=Ji({name:"thumb",defaults:y({dom:{styles:{position:"absolute"}}}),overrides:e=>({events:Hc([jc(da(),e,"spectrum"),jc(ua(),e,"spectrum"),jc(ma(),e,"spectrum"),jc(pa(),e,"spectrum"),jc(ha(),e,"spectrum"),jc(ba(),e,"spectrum")])})}),fy=e=>Bd(e.event),by=Ji({schema:[Ir("mouseIsDown",(()=>ye(!1)))],name:"spectrum",overrides:e=>{const t=e.model.manager,o=(o,n)=>t.getValueFromEvent(n)?.map((n=>t.setValueFrom(o,e,n)));return{behaviours:rd([wm.config({mode:"special",onLeft:(o,n)=>t.onLeft(o,e,fy(n)),onRight:(o,n)=>t.onRight(o,e,fy(n)),onUp:(o,n)=>t.onUp(o,e,fy(n)),onDown:(o,n)=>t.onDown(o,e,fy(n))}),Pb.config({}),fd.config({})]),events:Hc([Wc(da(),o),Wc(ua(),o),Wc(pa(),o),Wc(ha(),((t,n)=>{e.mouseIsDown.get()&&o(t,n)}))])}}});var vy=[ry,py,dy,ly,my,iy,cy,gy,uy,hy,by];const xy=y("slider.change.value"),yy=e=>{const t=e.event.raw;if((e=>-1!==e.type.indexOf("touch"))(t)){const e=t;return void 0!==e.touches&&1===e.touches.length?A?.some(e.touches[0])?.map((e=>Dn(e.clientX,e.clientY))):A.none()}{const e=t;return void 0!==e.clientX?A?.some(e)?.map((e=>Dn(e.clientX,e.clientY))):A.none()}},wy=e=>e.model.minX,Sy=e=>e.model.minY,Cy=e=>e.model.minX-1,ky=e=>e.model.minY-1,Oy=e=>e.model.maxX,_y=e=>e.model.maxY,Ty=e=>e.model.maxX+1,Ey=e=>e.model.maxY+1,Ay=(e,t,o)=>t(e)-o(e),My=e=>Ay(e,Oy,wy),Dy=e=>Ay(e,_y,Sy),By=e=>My(e)/2,Iy=e=>Dy(e)/2,Fy=(e,t)=>t?e.stepSize*e.speedMultiplier:e.stepSize,Ry=e=>e.snapToGrid,Ny=e=>e.snapStart,zy=e=>e.rounded,Ly=(e,t)=>void 0!==e[t+"-edge"],Vy=e=>Ly(e,"left"),Hy=e=>Ly(e,"right"),Py=e=>Ly(e,"top"),Uy=e=>Ly(e,"bottom"),Wy=e=>e.model.value.get(),$y=(e,t)=>({x:e,y:t}),Gy=(e,t)=>{Rc(e,xy(),{value:t})},jy=(e,t,o,n)=>e<t?e:e>o?o:e===t?t-1:Math.max(t,e-n),qy=(e,t,o,n)=>e>o?e:e<t?t:e===o?o+1:Math.min(o,e+n),Xy=(e,t,o)=>Math.max(t,Math.min(o,e)),Yy=e=>{const{min:t,max:o,range:n,value:s,step:r,snap:a,snapStart:i,rounded:l,hasMinEdge:c,hasMaxEdge:d,minBound:u,maxBound:m,screenRange:g}=e,p=c?t-1:t,h=d?o+1:o;if(s<u)return p;if(s>m)return h;{const e=((e,t,o)=>Math.min(o,Math.max(e,t))-t)(s,u,m),c=Xy(e/g*n+t,p,h);return a&&c>=t&&c<=o?((e,t,o,n,s)=>s.fold((()=>{const s=e-t,r=Math.round(s/n)*n;return Xy(t+r,t-1,o+1)}),(t=>{const s=(e-t)%n,r=Math.round(s/n),a=Math.floor((e-t)/n),i=Math.floor((o-t)/n),l=t+Math.min(i,a+r)*n;return Math.max(t,l)})))(c,t,o,r,i):l?Math.round(c):c}},Ky=e=>{const{min:t,max:o,range:n,value:s,hasMinEdge:r,hasMaxEdge:a,maxBound:i,maxOffset:l,centerMinEdge:c,centerMaxEdge:d}=e;return s<t?r?0:c:s>o?a?i:d:(s-t)/n*l},Jy="top",Qy="right",Zy="bottom",ew="left",tw=e=>e.element.dom.getBoundingClientRect(),ow=(e,t)=>e[t],nw=e=>{const t=tw(e);return ow(t,ew)},sw=e=>{const t=tw(e);return ow(t,Qy)},rw=e=>{const t=tw(e);return ow(t,Jy)},aw=e=>{const t=tw(e);return ow(t,Zy)},iw=e=>{const t=tw(e);return ow(t,"width")},lw=e=>{const t=tw(e);return ow(t,"height")},cw=(e,t,o)=>(e+t)/2-o,dw=(e,t)=>{const o=tw(e),n=tw(t),s=ow(o,ew),r=ow(o,Qy),a=ow(n,ew);return cw(s,r,a)},uw=(e,t)=>{const o=tw(e),n=tw(t),s=ow(o,Jy),r=ow(o,Zy),a=ow(n,Jy);return cw(s,r,a)},mw=(e,t)=>{Rc(e,xy(),{value:t})},gw=(e,t,o)=>{const n={min:wy(t),max:Oy(t),range:My(t),value:o,step:Fy(t),snap:Ry(t),snapStart:Ny(t),rounded:zy(t),hasMinEdge:Vy(t),hasMaxEdge:Hy(t),minBound:nw(e),maxBound:sw(e),screenRange:iw(e)};return Yy(n)},pw=e=>(t,o,n)=>((e,t,o,n)=>{const s=(e>0?qy:jy)(Wy(o),wy(o),Oy(o),Fy(o,n));return mw(t,s),A?.some(s)})(e,t,o,n)?.map(E),hw=(e,t,o,n,s,r)=>{const a=((e,t,o,n,s)=>{const r=iw(e),a=n.bind((t=>A?.some(dw(t,e)))).getOr(0),i=s.bind((t=>A?.some(dw(t,e)))).getOr(r),l={min:wy(t),max:Oy(t),range:My(t),value:o,hasMinEdge:Vy(t),hasMaxEdge:Hy(t),minBound:nw(e),minOffset:0,maxBound:sw(e),maxOffset:r,centerMinEdge:a,centerMaxEdge:i};return Ky(l)})(t,r,o,n,s);return nw(t)-nw(e)+a},fw=pw(-1),bw=pw(1),vw=A.none,xw=A.none,yw={"top-left":A.none(),top:A.none(),"top-right":A.none(),right:A?.some(((e,t)=>{Gy(e,Ty(t))})),"bottom-right":A.none(),bottom:A.none(),"bottom-left":A.none(),left:A?.some(((e,t)=>{Gy(e,Cy(t))}))};var ww=Object.freeze({__proto__:null,setValueFrom:(e,t,o)=>{const n=gw(e,t,o);return mw(e,n),n},setToMin:(e,t)=>{const o=wy(t);mw(e,o)},setToMax:(e,t)=>{const o=Oy(t);mw(e,o)},findValueOfOffset:gw,getValueFromEvent:e=>yy(e)?.map((e=>e.left)),findPositionOfValue:hw,setPositionFromValue:(e,t,o,n)=>{const s=Wy(o),r=hw(e,n.getSpectrum(e),s,n.getLeftEdge(e),n.getRightEdge(e),o),a=Tn(t.element)/2;dn(t.element,"left",r-a+"px")},onLeft:fw,onRight:bw,onUp:vw,onDown:xw,edgeActions:yw});const Sw=(e,t)=>{Rc(e,xy(),{value:t})},Cw=(e,t,o)=>{const n={min:Sy(t),max:_y(t),range:Dy(t),value:o,step:Fy(t),snap:Ry(t),snapStart:Ny(t),rounded:zy(t),hasMinEdge:Py(t),hasMaxEdge:Uy(t),minBound:rw(e),maxBound:aw(e),screenRange:lw(e)};return Yy(n)},kw=e=>(t,o,n)=>((e,t,o,n)=>{const s=(e>0?qy:jy)(Wy(o),Sy(o),_y(o),Fy(o,n));return Sw(t,s),A?.some(s)})(e,t,o,n)?.map(E),Ow=(e,t,o,n,s,r)=>{const a=((e,t,o,n,s)=>{const r=lw(e),a=n.bind((t=>A?.some(uw(t,e)))).getOr(0),i=s.bind((t=>A?.some(uw(t,e)))).getOr(r),l={min:Sy(t),max:_y(t),range:Dy(t),value:o,hasMinEdge:Py(t),hasMaxEdge:Uy(t),minBound:rw(e),minOffset:0,maxBound:aw(e),maxOffset:r,centerMinEdge:a,centerMaxEdge:i};return Ky(l)})(t,r,o,n,s);return rw(t)-rw(e)+a},_w=A.none,Tw=A.none,Ew=kw(-1),Aw=kw(1),Mw={"top-left":A.none(),top:A?.some(((e,t)=>{Gy(e,ky(t))})),"top-right":A.none(),right:A.none(),"bottom-right":A.none(),bottom:A?.some(((e,t)=>{Gy(e,Ey(t))})),"bottom-left":A.none(),left:A.none()};var Dw=Object.freeze({__proto__:null,setValueFrom:(e,t,o)=>{const n=Cw(e,t,o);return Sw(e,n),n},setToMin:(e,t)=>{const o=Sy(t);Sw(e,o)},setToMax:(e,t)=>{const o=_y(t);Sw(e,o)},findValueOfOffset:Cw,getValueFromEvent:e=>yy(e)?.map((e=>e.top)),findPositionOfValue:Ow,setPositionFromValue:(e,t,o,n)=>{const s=Wy(o),r=Ow(e,n.getSpectrum(e),s,n.getTopEdge(e),n.getBottomEdge(e),o),a=Sn(t.element)/2;dn(t.element,"top",r-a+"px")},onLeft:_w,onRight:Tw,onUp:Ew,onDown:Aw,edgeActions:Mw});const Bw=(e,t)=>{Rc(e,xy(),{value:t})},Iw=(e,t)=>({x:e,y:t}),Fw=(e,t)=>(o,n,s)=>((e,t,o,n,s)=>{const r=e>0?qy:jy,a=t?Wy(n).x:r(Wy(n).x,wy(n),Oy(n),Fy(n,s)),i=t?r(Wy(n).y,Sy(n),_y(n),Fy(n,s)):Wy(n).y;return Bw(o,Iw(a,i)),A?.some(a)})(e,t,o,n,s)?.map(E),Rw=Fw(-1,!1),Nw=Fw(1,!1),zw=Fw(-1,!0),Lw=Fw(1,!0),Vw={"top-left":A?.some(((e,t)=>{Gy(e,$y(Cy(t),ky(t)))})),top:A?.some(((e,t)=>{Gy(e,$y(By(t),ky(t)))})),"top-right":A?.some(((e,t)=>{Gy(e,$y(Ty(t),ky(t)))})),right:A?.some(((e,t)=>{Gy(e,$y(Ty(t),Iy(t)))})),"bottom-right":A?.some(((e,t)=>{Gy(e,$y(Ty(t),Ey(t)))})),bottom:A?.some(((e,t)=>{Gy(e,$y(By(t),Ey(t)))})),"bottom-left":A?.some(((e,t)=>{Gy(e,$y(Cy(t),Ey(t)))})),left:A?.some(((e,t)=>{Gy(e,$y(Cy(t),Iy(t)))}))};var Hw=Object.freeze({__proto__:null,setValueFrom:(e,t,o)=>{const n=gw(e,t,o.left),s=Cw(e,t,o.top),r=Iw(n,s);return Bw(e,r),r},setToMin:(e,t)=>{const o=wy(t),n=Sy(t);Bw(e,Iw(o,n))},setToMax:(e,t)=>{const o=Oy(t),n=_y(t);Bw(e,Iw(o,n))},getValueFromEvent:e=>yy(e),setPositionFromValue:(e,t,o,n)=>{const s=Wy(o),r=hw(e,n.getSpectrum(e),s.x,n.getLeftEdge(e),n.getRightEdge(e),o),a=Ow(e,n.getSpectrum(e),s.y,n.getTopEdge(e),n.getBottomEdge(e),o),i=Tn(t.element)/2,l=Sn(t.element)/2;dn(t.element,"left",r-i+"px"),dn(t.element,"top",a-l+"px")},onLeft:Rw,onRight:Nw,onUp:zw,onDown:Lw,edgeActions:Vw});const Pw=sh({name:"Slider",configFields:[Qr("stepSize",1),Qr("speedMultiplier",10),Qr("onChange",b),Qr("onChoose",b),Qr("onInit",b),Qr("onDragStart",b),Qr("onDragEnd",b),Qr("snapToGrid",!1),Qr("rounded",!0),$r("snapStart"),Nr("model",Mr("mode",{x:[Qr("minX",0),Qr("maxX",100),Ir("value",(e=>ye(e.mode.minX))),Rr("getInitialValue"),wi("manager",ww)],y:[Qr("minY",0),Qr("maxY",100),Ir("value",(e=>ye(e.mode.minY))),Rr("getInitialValue"),wi("manager",Dw)],xy:[Qr("minX",0),Qr("maxX",100),Qr("minY",0),Qr("maxY",100),Ir("value",(e=>ye({x:e.mode.minX,y:e.mode.minY}))),Rr("getInitialValue"),wi("manager",Hw)]})),qp("sliderBehaviours",[wm,Yh]),Ir("mouseIsDown",(()=>ye(!1)))],partFields:vy,factory:(e,t,o,n)=>{const s=t=>ml(t,e,"thumb"),r=t=>ml(t,e,"spectrum"),a=t=>ul(t,e,"left-edge"),i=t=>ul(t,e,"right-edge"),l=t=>ul(t,e,"top-edge"),c=t=>ul(t,e,"bottom-edge"),d=e.model,u=d.manager,m=(t,o)=>{u.setPositionFromValue(t,o,e,{getLeftEdge:a,getRightEdge:i,getTopEdge:l,getBottomEdge:c,getSpectrum:r})},g=(e,t)=>{d.value.set(t);const o=s(e);m(e,o)},p=t=>{const o=e.mouseIsDown.get();e.mouseIsDown.set(!1),o&&ul(t,e,"thumb").each((o=>{const n=d.value.get();e.onChoose(t,o,n)}))},h=(t,o)=>{o.stop(),e.mouseIsDown.set(!0),e.onDragStart(t,s(t))},f=(t,o)=>{o.stop(),e.onDragEnd(t,s(t)),p(t)},b=t=>{ul(t,e,"spectrum")?.map(wm.focusIn)};return{uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.sliderBehaviours,[wm.config({mode:"special",focusIn:b}),Yh.config({store:{mode:"manual",getValue:e=>d.value.get(),setValue:g}}),ob.config({channels:{[hv()]:{onReceive:p}}})]),events:Hc([Wc(xy(),((t,o)=>{((t,o)=>{g(t,o);const n=s(t);e.onChange(t,n,o),A?.some(!0)})(t,o.event.value)})),Jc(((t,o)=>{const n=d.getInitialValue();d.value.set(n);const a=s(t);m(t,a);const i=r(t);e.onInit(t,a,i,d.value.get())})),Wc(da(),h),Wc(ma(),f),Wc(pa(),((e,t)=>{b(e),h(e,t)})),Wc(ba(),f)]),apis:{resetToMin:t=>{u.setToMin(t,e)},resetToMax:t=>{u.setToMax(t,e)},setValue:g,refresh:m},domModification:{styles:{position:"relative"}}}},apis:{setValue:(e,t,o)=>{e.setValue(t,o)},resetToMin:(e,t)=>{e.resetToMin(t)},resetToMax:(e,t)=>{e.resetToMax(t)},refresh:(e,t)=>{e.refresh(t)}}}),Uw="container",Ww=[qp("slotBehaviours",[])],$w=e=>"<alloy.field."+e+">",Gw=(e,t)=>{const o=t=>hl(e),n=(t,o)=>(n,s)=>ul(n,e,s)?.map((e=>t(e,s))).getOr(o),s=(e,t)=>"true"!==qo(e.element,"aria-hidden"),r=n(s,!1),a=n(((e,t)=>{if(s(e)){const o=e.element;dn(o,"display","none"),Go(o,"aria-hidden","true"),Rc(e,Qa(),{name:t,visible:!1})}})),i=(e=>(t,o)=>{V(o,(o=>e(t,o)))})(a),l=n(((e,t)=>{if(!s(e)){const o=e.element;vn(o,"display"),Ko(o,"aria-hidden"),Rc(e,Qa(),{name:t,visible:!0})}})),c={getSlotNames:o,getSlot:(t,o)=>ul(t,e,o),isShowing:r,hideSlot:a,hideAllSlots:e=>i(e,o()),showSlot:l};return{uid:e.uid,dom:e.dom,components:t,behaviours:Xp(e.slotBehaviours),apis:c}},jw=le({getSlotNames:(e,t)=>e.getSlotNames(t),getSlot:(e,t,o)=>e.getSlot(t,o),isShowing:(e,t,o)=>e.isShowing(t,o),hideSlot:(e,t,o)=>e.hideSlot(t,o),hideAllSlots:(e,t)=>e.hideAllSlots(t),showSlot:(e,t,o)=>e.showSlot(t,o)},(e=>Om(e))),qw={...jw,sketch:e=>{const t=(()=>{const e=[];return{slot:(t,o)=>(e.push(t),al(Uw,$w(t),o)),record:y(e)}})(),o=e(t),n=t.record(),s=L(n,(e=>Ji({name:e,pname:$w(e)})));return Zp(Uw,Ww,s,Gw,o)}},Xw=y([Rr("toggleClass"),Rr("fetch"),xi("onExecute"),Qr("getHotspot",A.some),Qr("getAnchorOverrides",y({})),hf(),xi("onItemExecute"),$r("lazySink"),Rr("dom"),bi("onOpen"),qp("splitDropdownBehaviours",[Pg,wm,fd]),Qr("matchWidth",!1),Qr("useMinWidth",!1),Qr("eventOrder",{}),$r("role"),$r("listRole")].concat(wx())),Yw=Ji({factory:_v,schema:[Rr("dom")],name:"arrow",defaults:()=>({buttonBehaviours:rd([fd.revoke()])}),overrides:e=>({dom:{tag:"span",attributes:{role:"presentation"}},action:t=>{t.getSystem().getByUid(e.uid).each(Nc)},buttonBehaviours:rd([Yb.config({toggleOnExecute:!1,toggleClass:e.toggleClass})])})}),Kw=Ji({factory:_v,schema:[Rr("dom")],name:"button",defaults:()=>({buttonBehaviours:rd([fd.revoke()])}),overrides:e=>({dom:{tag:"span",attributes:{role:"presentation"}},action:t=>{t.getSystem().getByUid(e.uid).each((o=>{e.onExecute(o,t)}))}})}),Jw=y([Yw,Kw,Zi({factory:{sketch:e=>({uid:e.uid,dom:{tag:"span",styles:{display:"none"},attributes:{"aria-hidden":"true"},innerHtml:e.text}})},schema:[Rr("text")],name:"aria-descriptor"}),Qi({schema:[pi()],name:"menu",defaults:e=>({onExecute:(t,o)=>{t.getSystem().getByUid(e.uid).each((n=>{e.onItemExecute(n,t,o)}))}})}),lx()]),Qw=sh({name:"SplitDropdown",configFields:Xw(),partFields:Jw(),factory:(e,t,o,n)=>{const s=e=>{zg.getCurrent(e).each((e=>{Gd.highlightFirst(e),wm.focusIn(e)}))},r=t=>{fx(e,w,t,n,s,Ac.HighlightMenuAndItem).get(b)},a=t=>{const o=ml(t,e,"button");return Nc(o),A?.some(!0)},i={...Hc([Jc(((t,o)=>{ul(t,e,"aria-descriptor").each((e=>{const o=Ne("aria");Go(e.element,"id",o),Go(t.element,"aria-describedby",o)}))}))]),...Ov(A?.some(r))},l={repositionMenus:e=>{Yb.isOn(e)&&yx(e)}};return{uid:e.uid,dom:e.dom,components:t,apis:l,eventOrder:{...e.eventOrder,[Na()]:["disabling","toggling","alloy.base.behaviour"]},events:i,behaviours:Yp(e.splitDropdownBehaviours,[Pg.config({others:{sandbox:t=>{const o=ml(t,e,"arrow");return xx(e,t,{onOpen:()=>{Yb.on(o),Yb.on(t)},onClose:()=>{Yb.off(o),Yb.off(t)}})}}}),wm.config({mode:"special",onSpace:a,onEnter:a,onDown:e=>(r(e),A?.some(!0))}),fd.config({}),Yb.config({toggleOnExecute:!1,aria:{mode:"expanded"}})]),domModification:{attributes:{role:e.role.getOr("button"),"aria-haspopup":!0}}}},apis:{repositionMenus:(e,t)=>e.repositionMenus(t)}}),Zw=(e,t,o)=>({within:e,extra:t,withinWidth:o}),eS=(e,t,o)=>{const n=W(e,((e,t)=>((e,t)=>{const n=o(e);return A?.some({element:e,start:t,finish:t+n,width:n})})(t,e.len).fold(y(e),(t=>({len:t.finish,list:e.list.concat([t])})))),{len:0,list:[]}).list,s=P(n,(e=>e.finish<=t)),r=U(s,((e,t)=>e+t.width),0);return{within:s,extra:n.slice(s.length),withinWidth:r}},tS=e=>L(e,(e=>e.element)),oS=(e,t)=>{const o=L(t,(e=>Mg(e)));Bx.setGroups(e,o)},nS=(e,t,o)=>{const n=t.builtGroups.get();if(0===n.length)return;const s=ml(e,t,"primary"),r=Pg.getCoupled(e,"overflowGroup");dn(s.element,"visibility","hidden");const a=n.concat([r]),i=se(a,(e=>Lo(e.element).bind((t=>e.getSystem().getByDom(t).toOptional()))));o([]),oS(s,a);const l=((e,t,o,n)=>{const s=((e,t,o)=>{const n=eS(t,e,o);return 0===n.extra.length?A?.some(n):A.none()})(e,t,o).getOrThunk((()=>eS(t,e-o(n),o))),r=s.within,a=s.extra,i=s.withinWidth;return 1===a.length&&a[0].width<=o(n)?((e,t,o)=>{const n=tS(e.concat(t));return Zw(n,[],o)})(r,a,i):a.length>=1?((e,t,o,n)=>{const s=tS(e).concat([o]);return Zw(s,tS(t),n)})(r,a,n,i):((e,t,o)=>Zw(tS(e),[],o))(r,0,i)})(Tn(s.element),t.builtGroups.get(),(e=>Math.ceil(e.element.dom.getBoundingClientRect().width)),r);0===l.extra.length?(Zm.remove(s,r),o([])):(oS(s,l.within),o(l.extra)),vn(s.element,"visibility"),xn(s.element),i.each(fd.focus)},sS=y([qp("splitToolbarBehaviours",[Pg]),Ir("builtGroups",(()=>ye([])))]),rS=y([hi(["overflowToggledClass"]),Yr("getOverflowBounds"),Rr("lazySink"),Ir("overflowGroups",(()=>ye([]))),bi("onOpened"),bi("onClosed")].concat(sS())),aS=y([Ji({factory:Bx,schema:Mx(),name:"primary"}),Qi({schema:Mx(),name:"overflow"}),Qi({name:"overflow-button"}),Qi({name:"overflow-group"})]),iS=y([Rr("items"),hi(["itemSelector"]),qp("tgroupBehaviours",[wm])]),lS=y([el({name:"items",unit:"item"})]),cS=sh({name:"ToolbarGroup",configFields:iS(),partFields:lS(),factory:(e,t,o,n)=>({uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.tgroupBehaviours,[wm.config({mode:"flow",selector:e.markers.itemSelector})]),domModification:{attributes:{role:"toolbar"}}})}),dS=e=>L(e,(e=>Mg(e))),uS=(e,t,o)=>{nS(e,o,(n=>{o.overflowGroups.set(n),t.getOpt(e).each((e=>{Vx.setGroups(e,dS(n))}))}))},mS=sh({name:"SplitFloatingToolbar",configFields:rS(),partFields:aS(),factory:(e,t,o,n)=>{const s=dv(Vx.sketch({fetch:()=>Oe((t=>{t(dS(e.overflowGroups.get()))})),layouts:{onLtr:()=>[Ul,Pl],onRtl:()=>[Pl,Ul],onBottomLtr:()=>[$l,Wl],onBottomRtl:()=>[Wl,$l]},getBounds:o.getOverflowBounds,lazySink:e.lazySink,fireDismissalEventInstead:{},markers:{toggledClass:e.markers.overflowToggledClass},parts:{button:n["overflow-button"](),toolbar:n.overflow()},onToggled:(t,o)=>e[o?"onOpened":"onClosed"](t)}));return{uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.splitToolbarBehaviours,[Pg.config({others:{overflowGroup:()=>cS.sketch({...n["overflow-group"](),items:[s.asSpec()]})}})]),apis:{setGroups:(t,o)=>{e.builtGroups.set(L(o,t.getSystem().build)),uS(t,s,e)},refresh:t=>uS(t,s,e),toggle:e=>{s.getOpt(e).each((e=>{Vx.toggle(e)}))},toggleWithoutFocusing:e=>{s.getOpt(e).each(Vx.toggleWithoutFocusing)},isOpen:e=>s.getOpt(e)?.map(Vx.isOpen).getOr(!1),reposition:e=>{s.getOpt(e).each((e=>{Vx.reposition(e)}))},getOverflow:e=>s.getOpt(e).bind(Vx.getToolbar)},domModification:{attributes:{role:"group"}}}},apis:{setGroups:(e,t,o)=>{e.setGroups(t,o)},refresh:(e,t)=>{e.refresh(t)},reposition:(e,t)=>{e.reposition(t)},toggle:(e,t)=>{e.toggle(t)},toggleWithoutFocusing:(e,t)=>{e.toggle(t)},isOpen:(e,t)=>e.isOpen(t),getOverflow:(e,t)=>e.getOverflow(t)}}),gS=y([hi(["closedClass","openClass","shrinkingClass","growingClass","overflowToggledClass"]),bi("onOpened"),bi("onClosed")].concat(sS())),pS=y([Ji({factory:Bx,schema:Mx(),name:"primary"}),Ji({factory:Bx,schema:Mx(),name:"overflow",overrides:e=>({toolbarBehaviours:rd([Ib.config({dimension:{property:"height"},closedClass:e.markers.closedClass,openClass:e.markers.openClass,shrinkingClass:e.markers.shrinkingClass,growingClass:e.markers.growingClass,onShrunk:t=>{ul(t,e,"overflow-button").each((e=>{Yb.off(e)})),e.onClosed(t)},onGrown:t=>{e.onOpened(t)},onStartGrow:t=>{ul(t,e,"overflow-button").each(Yb.on)}}),wm.config({mode:"acyclic",onEscape:t=>(ul(t,e,"overflow-button").each(fd.focus),A?.some(!0))})])})}),Qi({name:"overflow-button",overrides:e=>({buttonBehaviours:rd([Yb.config({toggleClass:e.markers.overflowToggledClass,aria:{mode:"expanded"},toggleOnExecute:!1})])})}),Qi({name:"overflow-group"})]),hS=(e,t,o)=>{ul(e,t,"overflow-button").each((n=>{ul(e,t,"overflow").each((s=>{if(fS(e,t),Ib.hasShrunk(s)){const e=t.onOpened;t.onOpened=n=>{o||wm.focusIn(s),e(n),t.onOpened=e}}else{const e=t.onClosed;t.onClosed=s=>{o||fd.focus(n),e(s),t.onClosed=e}}Ib.toggleGrow(s)}))}))},fS=(e,t)=>{ul(e,t,"overflow").each((o=>{nS(e,t,(e=>{const t=L(e,(e=>Mg(e)));Bx.setGroups(o,t)})),ul(e,t,"overflow-button").each((e=>{Ib.hasGrown(o)&&Yb.on(e)})),Ib.refresh(o)}))},bS=sh({name:"SplitSlidingToolbar",configFields:gS(),partFields:pS(),factory:(e,t,o,n)=>{const s="alloy.toolbar.toggle";return{uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.splitToolbarBehaviours,[Pg.config({others:{overflowGroup:e=>cS.sketch({...n["overflow-group"](),items:[_v.sketch({...n["overflow-button"](),action:t=>{Fc(e,s)}})]})}}),ud("toolbar-toggle-events",[Wc(s,(t=>{hS(t,e,!1)}))])]),apis:{setGroups:(t,o)=>{((t,o)=>{const n=L(o,t.getSystem().build);e.builtGroups.set(n)})(t,o),fS(t,e)},refresh:t=>fS(t,e),toggle:t=>{hS(t,e,!1)},toggleWithoutFocusing:t=>{hS(t,e,!0)},isOpen:t=>((e,t)=>ul(e,t,"overflow")?.map(Ib.hasGrown).getOr(!1))(t,e)},domModification:{attributes:{role:"group"}}}},apis:{setGroups:(e,t,o)=>{e.setGroups(t,o)},refresh:(e,t)=>{e.refresh(t)},toggle:(e,t)=>{e.toggle(t)},isOpen:(e,t)=>e.isOpen(t)}}),vS=nh({name:"TabButton",configFields:[Qr("uid",void 0),Rr("value"),Br("dom","dom",cr((()=>({attributes:{role:"tab",id:Ne("aria"),"aria-selected":"false"}}))),Zs()),$r("action"),Qr("domModification",{}),qp("tabButtonBehaviours",[fd,wm,Yh]),Rr("view")],factory:(e,t)=>({uid:e.uid,dom:e.dom,components:e.components,events:Ov(e.action),behaviours:Yp(e.tabButtonBehaviours,[fd.config({}),wm.config({mode:"execution",useSpace:!0,useEnter:!0}),Yh.config({store:{mode:"memory",initialValue:e.value}})]),domModification:e.domModification})}),xS=y([Rr("tabs"),Rr("dom"),Qr("clickToDismiss",!1),qp("tabbarBehaviours",[Gd,wm]),hi(["tabClass","selectedClass"])]),yS=el({factory:vS,name:"tabs",unit:"tab",overrides:e=>{const t=(e,t)=>{Gd.dehighlight(e,t),Rc(e,ti(),{tabbar:e,button:t})},o=(e,t)=>{Gd.highlight(e,t),Rc(e,ei(),{tabbar:e,button:t})};return{action:n=>{const s=n.getSystem().getByUid(e.uid).getOrDie(),r=Gd.isHighlighted(s,n);(r&&e.clickToDismiss?t:r?b:o)(s,n)},domModification:{classes:[e.markers.tabClass]}}}}),wS=y([yS]),SS=sh({name:"Tabbar",configFields:xS(),partFields:wS(),factory:(e,t,o,n)=>({uid:e.uid,dom:e.dom,components:t,"debug.sketcher":"Tabbar",domModification:{attributes:{role:"tablist"}},behaviours:Yp(e.tabbarBehaviours,[Gd.config({highlightClass:e.markers.selectedClass,itemClass:e.markers.tabClass,onHighlight:(e,t)=>{Go(t.element,"aria-selected","true")},onDehighlight:(e,t)=>{Go(t.element,"aria-selected","false")}}),wm.config({mode:"flow",getInitial:e=>Gd.getHighlighted(e)?.map((e=>e.element)),selector:"."+e.markers.tabClass,executeOnMove:!0})])})}),CS=nh({name:"Tabview",configFields:[qp("tabviewBehaviours",[Zm])],factory:(e,t)=>({uid:e.uid,dom:e.dom,behaviours:Yp(e.tabviewBehaviours,[Zm.config({})]),domModification:{attributes:{role:"tabpanel"}}})}),kS=y([Qr("selectFirst",!0),bi("onChangeTab"),bi("onDismissTab"),Qr("tabs",[]),qp("tabSectionBehaviours",[])]),OS=Ji({factory:SS,schema:[Rr("dom"),Pr("markers",[Rr("tabClass"),Rr("selectedClass")])],name:"tabbar",defaults:e=>({tabs:e.tabs})}),_S=Ji({factory:CS,name:"tabview"}),TS=y([OS,_S]),ES=sh({name:"TabSection",configFields:kS(),partFields:TS(),factory:(e,t,o,n)=>{const s=(t,o)=>{ul(t,e,"tabbar").each((e=>{o(e).each(Nc)}))};return{uid:e.uid,dom:e.dom,components:t,behaviours:Xp(e.tabSectionBehaviours),events:Hc(j([e.selectFirst?[Jc(((e,t)=>{s(e,Gd.getFirst)}))]:[],[Wc(ei(),((t,o)=>{(t=>{const o=Yh.getValue(t);ul(t,e,"tabview").each((n=>{$(e.tabs,(e=>e.value===o)).each((o=>{const s=o.view();Xo(t.element,"id").each((e=>{Go(n.element,"aria-labelledby",e)})),Zm.set(n,s),e.onChangeTab(n,t,s)}))}))})(o.event.button)})),Wc(ti(),((t,o)=>{const n=o.event.button;e.onDismissTab(t,n)}))]])),apis:{getViewItems:t=>ul(t,e,"tabview")?.map((e=>Zm.contents(e))).getOr([]),showTab:(e,t)=>{s(e,(e=>{const o=Gd.getCandidates(e);return $(o,(e=>Yh.getValue(e)===t)).filter((t=>!Gd.isHighlighted(e,t)))}))}}}},apis:{getViewItems:(e,t)=>e.getViewItems(t),showTab:(e,t,o)=>{e.showTab(t,o)}}}),AS=(e,t,o)=>{const n=Yh.getValue(o);Yh.setValue(t,n),DS(t)},MS=(e,t)=>{const o=e.element,n=cs(o),s=o.dom;"number"!==qo(o,"type")&&t(s,n)},DS=e=>{MS(e,((e,t)=>e.setSelectionRange(t.length,t.length)))},BS=y("alloy.typeahead.itemexecute"),IS=y([$r("lazySink"),Rr("fetch"),Qr("minChars",5),Qr("responseTime",1e3),bi("onOpen"),Qr("getHotspot",A.some),Qr("getAnchorOverrides",y({})),Qr("layouts",A.none()),Qr("eventOrder",{}),aa("model",{},[Qr("getDisplayText",(e=>void 0!==e.meta&&void 0!==e.meta.text?e.meta.text:e.value)),Qr("selectsOver",!0),Qr("populateFromBrowse",!0)]),bi("onSetValue"),vi("onExecute"),bi("onItemExecute"),Qr("inputClasses",[]),Qr("inputAttributes",{}),Qr("inputStyles",{}),Qr("matchWidth",!0),Qr("useMinWidth",!1),Qr("dismissOnBlur",!0),hi(["openClass"]),$r("initialData"),$r("listRole"),qp("typeaheadBehaviours",[fd,Yh,Lb,wm,Yb,Pg]),Ir("lazyTypeaheadComp",(()=>ye(A.none))),Ir("previewing",(()=>ye(!0)))].concat(Yx()).concat(wx())),FS=y([Qi({schema:[pi()],name:"menu",overrides:e=>({fakeFocus:!0,onHighlightItem:(t,o,n)=>{e.previewing.get()?e.lazyTypeaheadComp.get().each((t=>{((e,t,o)=>{if(e.selectsOver){const n=Yh.getValue(t),s=e.getDisplayText(n),r=Yh.getValue(o);return 0===e.getDisplayText(r).indexOf(s)?A?.some((()=>{AS(0,t,o),((e,t)=>{MS(e,((e,o)=>e.setSelectionRange(t,o.length)))})(t,s.length)})):A.none()}return A.none()})(e.model,t,n).fold((()=>{e.model.selectsOver?(Gd.dehighlight(o,n),e.previewing.set(!0)):e.previewing.set(!1)}),(t=>{t(),e.previewing.set(!1)}))})):e.lazyTypeaheadComp.get().each((t=>{e.model.populateFromBrowse&&AS(e.model,t,n),Xo(n.element,"id").each((e=>Go(t.element,"aria-activedescendant",e)))}))},onExecute:(t,o)=>e.lazyTypeaheadComp.get()?.map((e=>(Rc(e,BS(),{item:o}),!0))),onHover:(t,o)=>{e.previewing.set(!1),e.lazyTypeaheadComp.get().each((t=>{e.model.populateFromBrowse&&AS(e.model,t,o)}))}})})]),RS=sh({name:"Typeahead",configFields:IS(),partFields:FS(),factory:(e,t,o,n)=>{const s=(t,o,s)=>{e.previewing.set(!1);const r=Pg.getCoupled(t,"sandbox");if(bb.isOpen(r))zg.getCurrent(r).each((e=>{Gd.getHighlighted(e).fold((()=>{s(e)}),(()=>{Vc(r,e.element,"keydown",o)}))}));else{const o=e=>{zg.getCurrent(e).each(s)};px(e,a(t),t,r,n,o,Ac.HighlightMenuAndItem).get(b)}},r=Kx(e),a=e=>t=>t?.map((t=>{const o=he(t.menus),n=q(o,(e=>P(e.items,(e=>"item"===e.type))));return Yh.getState(e).update(L(n,(e=>e.data))),t})),i=e=>zg.getCurrent(e),l="typeaheadevents",c=[fd.config({}),Yh.config({onSetValue:e.onSetValue,store:{mode:"dataset",getDataKey:e=>cs(e.element),getFallbackEntry:e=>({value:e,meta:{}}),setValue:(t,o)=>{ds(t.element,e.model.getDisplayText(o))},...e.initialData?.map((e=>ia("initialValue",e))).getOr({})}}),Lb.config({stream:{mode:"throttle",delay:e.responseTime,stopEvent:!1},onStream:(t,o)=>{const s=Pg.getCoupled(t,"sandbox");if(fd.isFocused(t)&&cs(t.element).length>=e.minChars){const o=i(s).bind((e=>Gd.getHighlighted(e)?.map(Yh.getValue)));e.previewing.set(!0);const r=t=>{i(s).each((t=>{o.fold((()=>{e.model.selectsOver&&Gd.highlightFirst(t)}),(e=>{Gd.highlightBy(t,(t=>Yh.getValue(t).value===e.value)),Gd.getHighlighted(t).orThunk((()=>(Gd.highlightFirst(t),A.none())))}))}))};px(e,a(t),t,s,n,r,Ac.HighlightJustMenu).get(b)}},cancelEvent:Pa()}),wm.config({mode:"special",onDown:(e,t)=>(s(e,t,Gd.highlightFirst),A?.some(!0)),onEscape:e=>{const t=Pg.getCoupled(e,"sandbox");return bb.isOpen(t)?(bb.close(t),A?.some(!0)):A.none()},onUp:(e,t)=>(s(e,t,Gd.highlightLast),A?.some(!0)),onEnter:t=>{const o=Pg.getCoupled(t,"sandbox"),n=bb.isOpen(o);if(n&&!e.previewing.get())return i(o).bind((e=>Gd.getHighlighted(e)))?.map((e=>(Rc(t,BS(),{item:e}),!0)));{const s=Yh.getValue(t);return Fc(t,Pa()),e.onExecute(o,t,s),n&&bb.close(o),A?.some(!0)}}}),Yb.config({toggleClass:e.markers.openClass,aria:{mode:"expanded"}}),Pg.config({others:{sandbox:t=>xx(e,t,{onOpen:()=>Yb.on(t),onClose:()=>{e.lazyTypeaheadComp.get().each((e=>Ko(e.element,"aria-activedescendant"))),Yb.off(t)}})}}),ud(l,[Jc((t=>{e.lazyTypeaheadComp.set(A?.some(t))})),Qc((t=>{e.lazyTypeaheadComp.set(A.none())})),ed((t=>{const o=b;fx(e,a(t),t,n,o,Ac.HighlightMenuAndItem).get(b)})),Wc(BS(),((t,o)=>{const n=Pg.getCoupled(t,"sandbox");AS(e.model,t,o.event.item),Fc(t,Pa()),e.onItemExecute(t,n,o.event.item,Yh.getValue(t)),bb.close(n),DS(t)}))].concat(e.dismissOnBlur?[Wc(Ia(),(e=>{const t=Pg.getCoupled(e,"sandbox");Lo(t.element).isNone()&&bb.close(t)}))]:[]))],d={[Xa()]:[Yh.name(),Lb.name(),l],...e.eventOrder};return{uid:e.uid,dom:Qx(Le(e,{inputAttributes:{role:"combobox","aria-autocomplete":"list","aria-haspopup":"true"}})),behaviours:{...r,...Yp(e.typeaheadBehaviours,c)},eventOrder:d}}});var NS,zS,LS=tinymce.util.Tools.resolve("tinymce.ThemeManager"),VS=tinymce.util.Tools.resolve("tinymce.util.Delay"),HS=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),PS=tinymce.util.Tools.resolve("tinymce.EditorManager"),US=tinymce.util.Tools.resolve("tinymce.Env");!function(e){e.default="wrap",e.floating="floating",e.sliding="sliding",e.scrolling="scrolling"}(NS||(NS={})),function(e){e.auto="auto",e.top="top",e.bottom="bottom"}(zS||(zS={}));const WS=e=>t=>t.options.get(e),$S=e=>t=>A.from(e(t)),GS=e=>{const t=US.deviceType.isPhone(),o=US.deviceType.isTablet()||t,n=e.options.register,s=e=>r(e)||!1===e,a=e=>r(e)||h(e);n("skin",{processor:e=>r(e)||!1===e,default:"oxide"}),n("skin_url",{processor:"string"}),n("height",{processor:a,default:Math.max(e.getElement().offsetHeight,400)}),n("width",{processor:a,default:HS.DOM.getStyle(e.getElement(),"width")}),n("min_height",{processor:"number",default:100}),n("min_width",{processor:"number"}),n("max_height",{processor:"number"}),n("max_width",{processor:"number"}),n("style_formats",{processor:"object[]"}),n("style_formats_merge",{processor:"boolean",default:!1}),n("style_formats_autohide",{processor:"boolean",default:!1}),n("line_height_formats",{processor:"string",default:"1 1.1 1.2 1.3 1.4 1.5 2"}),n("font_family_formats",{processor:"string",default:"Andale Mono=andale mono,monospace;Arial=arial,helvetica,sans-serif;Arial Black=arial black,sans-serif;Book Antiqua=book antiqua,palatino,serif;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,palatino,serif;Helvetica=helvetica,arial,sans-serif;Impact=impact,sans-serif;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco,monospace;Times New Roman=times new roman,times,serif;Trebuchet MS=trebuchet ms,geneva,sans-serif;Verdana=verdana,geneva,sans-serif;Webdings=webdings;Wingdings=wingdings,zapf dingbats"}),n("font_size_formats",{processor:"string",default:"8pt 10pt 12pt 14pt 18pt 24pt 36pt"}),n("font_size_input_default_unit",{processor:"string",default:"pt"}),n("block_formats",{processor:"string",default:"Paragraph=p;Heading 1=h1;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;Preformatted=pre"}),n("content_langs",{processor:"object[]"}),n("removed_menuitems",{processor:"string",default:""}),n("menubar",{processor:e=>r(e)||d(e),default:!t}),n("menu",{processor:"object",default:{}}),n("toolbar",{processor:e=>d(e)||r(e)||l(e)?{value:e,valid:!0}:{valid:!1,message:"Must be a boolean, string or array."},default:!0}),N(9,(e=>{n("toolbar"+(e+1),{processor:"string"})})),n("toolbar_mode",{processor:"string",default:o?"scrolling":"floating"}),n("toolbar_groups",{processor:"object",default:{}}),n("toolbar_location",{processor:"string",default:zS.auto}),n("toolbar_persist",{processor:"boolean",default:!1}),n("toolbar_sticky",{processor:"boolean",default:e.inline}),n("toolbar_sticky_offset",{processor:"number",default:0}),n("fixed_toolbar_container",{processor:"string",default:""}),n("fixed_toolbar_container_target",{processor:"object"}),n("ui_mode",{processor:"string",default:"combined"}),n("file_picker_callback",{processor:"function"}),n("file_picker_validator_handler",{processor:"function"}),n("file_picker_types",{processor:"string"}),n("typeahead_urls",{processor:"boolean",default:!0}),n("anchor_top",{processor:s,default:"#top"}),n("anchor_bottom",{processor:s,default:"#bottom"}),n("draggable_modal",{processor:"boolean",default:!1}),n("statusbar",{processor:"boolean",default:!0}),n("elementpath",{processor:"boolean",default:!0}),n("branding",{processor:"boolean",default:!0}),n("promotion",{processor:"boolean",default:!0}),n("resize",{processor:e=>"both"===e||d(e),default:!US.deviceType.isTouch()}),n("sidebar_show",{processor:"string"}),n("help_accessibility",{processor:"boolean",default:e.hasPlugin("help")}),n("default_font_stack",{processor:"string[]",default:[]})},jS=WS("readonly"),qS=WS("disabled"),XS=WS("height"),YS=WS("width"),KS=$S(WS("min_width")),JS=$S(WS("min_height")),QS=$S(WS("max_width")),ZS=$S(WS("max_height")),eC=$S(WS("style_formats")),tC=WS("style_formats_merge"),oC=WS("style_formats_autohide"),nC=WS("content_langs"),sC=WS("removed_menuitems"),rC=WS("toolbar_mode"),aC=WS("toolbar_groups"),iC=WS("toolbar_location"),lC=WS("fixed_toolbar_container"),cC=WS("fixed_toolbar_container_target"),dC=WS("toolbar_persist"),uC=WS("toolbar_sticky_offset"),mC=WS("menubar"),gC=WS("toolbar"),pC=WS("file_picker_callback"),hC=WS("file_picker_validator_handler"),fC=WS("font_size_input_default_unit"),bC=WS("file_picker_types"),vC=WS("typeahead_urls"),xC=WS("anchor_top"),yC=WS("anchor_bottom"),wC=WS("draggable_modal"),SC=WS("statusbar"),CC=WS("elementpath"),kC=WS("branding"),OC=WS("resize"),_C=WS("paste_as_text"),TC=WS("sidebar_show"),EC=WS("promotion"),AC=WS("help_accessibility"),MC=WS("default_font_stack"),DC=WS("skin"),BC=e=>!1===e.options.get("skin"),IC=e=>!1!==e.options.get("menubar"),FC=e=>{const t=e.options.get("skin_url");if(BC(e))return t;if(t)return e.documentBaseURI.toAbsolute(t);{const t=e.options.get("skin");return PS.baseURL+"/skins/ui/"+t}},RC=e=>e.options.get("line_height_formats").split(" "),NC=e=>{const t=gC(e),o=r(t),n=l(t)&&t.length>0;return!LC(e)&&(n||o||!0===t)},zC=e=>{const t=N(9,(t=>e.options.get("toolbar"+(t+1)))),o=P(t,r);return $e(o.length>0,o)},LC=e=>zC(e).fold((()=>{const t=gC(e);return f(t,r)&&t.length>0}),E),VC=e=>iC(e)===zS.bottom,HC=e=>{var t;if(!e.inline)return A.none();const o=null!==(t=lC(e))&&void 0!==t?t:"";if(o.length>0)return Xn(rn(),o);const n=cC(e);return g(n)?A?.some(ct(n)):A.none()},PC=e=>e.inline&&HC(e).isSome(),UC=e=>HC(e).getOrThunk((()=>Co(So(ct(e.getElement()))))),WC=e=>e.inline&&!IC(e)&&!NC(e)&&!LC(e),$C=e=>(e.options.get("toolbar_sticky")||e.inline)&&!PC(e)&&!WC(e),GC=e=>!PC(e)&&"split"===e.options.get("ui_mode"),jC=e=>{const t=e.options.get("menu");return le(t,(e=>({...e,items:e.items})))};var qC=Object.freeze({__proto__:null,get ToolbarMode(){return NS},get ToolbarLocation(){return zS},register:GS,getSkinUrl:FC,getSkinUrlOption:e=>A.from(e.options.get("skin_url")),isReadOnly:jS,isDisabled:qS,getSkin:DC,isSkinDisabled:BC,getHeightOption:XS,getWidthOption:YS,getMinWidthOption:KS,getMinHeightOption:JS,getMaxWidthOption:QS,getMaxHeightOption:ZS,getUserStyleFormats:eC,shouldMergeStyleFormats:tC,shouldAutoHideStyleFormats:oC,getLineHeightFormats:RC,getContentLanguages:nC,getRemovedMenuItems:sC,isMenubarEnabled:IC,isMultipleToolbars:LC,isToolbarEnabled:NC,isToolbarPersist:dC,getMultipleToolbarsOption:zC,getUiContainer:UC,useFixedContainer:PC,isSplitUiMode:GC,getToolbarMode:rC,isDraggableModal:wC,isDistractionFree:WC,isStickyToolbar:$C,getStickyToolbarOffset:uC,getToolbarLocation:iC,isToolbarLocationBottom:VC,getToolbarGroups:aC,getMenus:jC,getMenubar:mC,getToolbar:gC,getFilePickerCallback:pC,getFilePickerTypes:bC,useTypeaheadUrls:vC,getAnchorTop:xC,getAnchorBottom:yC,getFilePickerValidatorHandler:hC,getFontSizeInputDefaultUnit:fC,useStatusBar:SC,useElementPath:CC,promotionEnabled:EC,useBranding:kC,getResize:OC,getPasteAsText:_C,getSidebarShow:TC,useHelpAccessibility:AC,getDefaultFontStack:MC});const XC=["visible","hidden","clip"],YC=e=>et(e).length>0&&!F(XC,e),KC=e=>{if(oo(e)){const t=gn(e,"overflow-x"),o=gn(e,"overflow-y");return YC(t)||YC(o)}return!1},JC=e=>e.plugins.fullscreen&&e.plugins.fullscreen.isFullscreen(),QC=(e,t)=>GC(e)?((e,t)=>{const o=us(t,KC),n=0===o.length?ko(t)?.map(Oo)?.map((e=>us(e,KC))).getOr([]):o;return te(n)?.map((t=>({element:t,others:n.slice(1),isFullscreen:()=>JC(e)})))})(e,t):A.none(),ZC=e=>{const t=[...L(e.others,Rs),Ls()];return e.isFullscreen()?Ls():((e,t)=>W(t,((e,t)=>zs(e,t)),e))(Rs(e.element),t)},{entries:ek,setPrototypeOf:tk,isFrozen:ok,getPrototypeOf:nk,getOwnPropertyDescriptor:sk}=Object;let{freeze:rk,seal:ak,create:ik}=Object,{apply:lk,construct:ck}="undefined"!=typeof Reflect&&Reflect;rk||(rk=function(e){return e}),ak||(ak=function(e){return e}),lk||(lk=function(e,t,o){return e.apply(t,o)}),ck||(ck=function(e,t){return new e(...t)});const dk=Ok(Array.prototype.forEach),uk=Ok(Array.prototype.lastIndexOf),mk=Ok(Array.prototype.pop),gk=Ok(Array.prototype.push),pk=Ok(Array.prototype.splice),hk=Ok(String.prototype.toLowerCase),fk=Ok(String.prototype.toString),bk=Ok(String.prototype.match),vk=Ok(String.prototype.replace),xk=Ok(String.prototype.indexOf),yk=Ok(String.prototype.trim),wk=Ok(Object.prototype.hasOwnProperty),Sk=Ok(RegExp.prototype.test),Ck=(kk=TypeError,function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return ck(kk,t)});var kk;function Ok(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var o=arguments.length,n=new Array(o>1?o-1:0),s=1;s<o;s++)n[s-1]=arguments[s];return lk(e,t,n)}}function _k(e,t){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:hk;tk&&tk(e,null);let n=t.length;for(;n--;){let s=t[n];if("string"==typeof s){const e=o(s);e!==s&&(ok(t)||(t[n]=e),s=e)}e[s]=!0}return e}function Tk(e){for(let t=0;t<e.length;t++)wk(e,t)||(e[t]=null);return e}function Ek(e){const t=ik(null);for(const[o,n]of ek(e))wk(e,o)&&(Array.isArray(n)?t[o]=Tk(n):n&&"object"==typeof n&&n.constructor===Object?t[o]=Ek(n):t[o]=n);return t}function Ak(e,t){for(;null!==e;){const o=sk(e,t);if(o){if(o.get)return Ok(o.get);if("function"==typeof o.value)return Ok(o.value)}e=nk(e)}return function(){return null}}const Mk=rk(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),Dk=rk(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),Bk=rk(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Ik=rk(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),Fk=rk(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),Rk=rk(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),Nk=rk(["#text"]),zk=rk(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),Lk=rk(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),Vk=rk(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),Hk=rk(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),Pk=ak(/\{\{[\w\W]*|[\w\W]*\}\}/gm),Uk=ak(/<%[\w\W]*|[\w\W]*%>/gm),Wk=ak(/\$\{[\w\W]*/gm),$k=ak(/^data-[\-\w.\u00B7-\uFFFF]+$/),Gk=ak(/^aria-[\-\w]+$/),jk=ak(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),qk=ak(/^(?:\w+script|data):/i),Xk=ak(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Yk=ak(/^html$/i),Kk=ak(/^[a-z][.\w]*(-[.\w]+)+$/i);var Jk=Object.freeze({__proto__:null,ARIA_ATTR:Gk,ATTR_WHITESPACE:Xk,CUSTOM_ELEMENT:Kk,DATA_ATTR:$k,DOCTYPE_NAME:Yk,ERB_EXPR:Uk,IS_ALLOWED_URI:jk,IS_SCRIPT_OR_DATA:qk,MUSTACHE_EXPR:Pk,TMPLIT_EXPR:Wk});const Qk=function(){return"undefined"==typeof window?null:window};var Zk=function e(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Qk();const o=t=>e(t);if(o.version="3.2.6",o.removed=[],!t||!t.document||9!==t.document.nodeType||!t.Element)return o.isSupported=!1,o;let{document:n}=t;const s=n,r=s.currentScript,{DocumentFragment:a,HTMLTemplateElement:i,Node:l,Element:c,NodeFilter:d,NamedNodeMap:u=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:m,DOMParser:g,trustedTypes:p}=t,h=c.prototype,f=Ak(h,"cloneNode"),b=Ak(h,"remove"),v=Ak(h,"nextSibling"),x=Ak(h,"childNodes"),y=Ak(h,"parentNode");if("function"==typeof i){const e=n.createElement("template");e.content&&e.content.ownerDocument&&(n=e.content.ownerDocument)}let w,S="";const{implementation:C,createNodeIterator:k,createDocumentFragment:O,getElementsByTagName:_}=n,{importNode:T}=s;let E={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};o.isSupported="function"==typeof ek&&"function"==typeof y&&C&&void 0!==C.createHTMLDocument;const{MUSTACHE_EXPR:A,ERB_EXPR:M,TMPLIT_EXPR:D,DATA_ATTR:B,ARIA_ATTR:I,IS_SCRIPT_OR_DATA:F,ATTR_WHITESPACE:R,CUSTOM_ELEMENT:N}=Jk;let{IS_ALLOWED_URI:z}=Jk,L=null;const V=_k({},[...Mk,...Dk,...Bk,...Fk,...Nk]);let H=null;const P=_k({},[...zk,...Lk,...Vk,...Hk]);let U=Object.seal(ik(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),W=null,$=null,G=!0,j=!0,q=!1,X=!0,Y=!1,K=!0,J=!1,Q=!1,Z=!1,ee=!1,te=!1,oe=!1,ne=!0,se=!1,re=!0,ae=!1,ie={},le=null;const ce=_k({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let de=null;const ue=_k({},["audio","video","img","source","image","track"]);let me=null;const ge=_k({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),pe="http://www.w3.org/1998/Math/MathML",he="http://www.w3.org/2000/svg",fe="http://www.w3.org/1999/xhtml";let be=fe,ve=!1,xe=null;const ye=_k({},[pe,he,fe],fk);let we=_k({},["mi","mo","mn","ms","mtext"]),Se=_k({},["annotation-xml"]);const Ce=_k({},["title","style","font","a","script"]);let ke=null;const Oe=["application/xhtml+xml","text/html"];let _e=null,Te=null;const Ee=n.createElement("form"),Ae=function(e){return e instanceof RegExp||e instanceof Function},Me=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!Te||Te!==e){if(e&&"object"==typeof e||(e={}),e=Ek(e),ke=-1===Oe.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE,_e="application/xhtml+xml"===ke?fk:hk,L=wk(e,"ALLOWED_TAGS")?_k({},e.ALLOWED_TAGS,_e):V,H=wk(e,"ALLOWED_ATTR")?_k({},e.ALLOWED_ATTR,_e):P,xe=wk(e,"ALLOWED_NAMESPACES")?_k({},e.ALLOWED_NAMESPACES,fk):ye,me=wk(e,"ADD_URI_SAFE_ATTR")?_k(Ek(ge),e.ADD_URI_SAFE_ATTR,_e):ge,de=wk(e,"ADD_DATA_URI_TAGS")?_k(Ek(ue),e.ADD_DATA_URI_TAGS,_e):ue,le=wk(e,"FORBID_CONTENTS")?_k({},e.FORBID_CONTENTS,_e):ce,W=wk(e,"FORBID_TAGS")?_k({},e.FORBID_TAGS,_e):Ek({}),$=wk(e,"FORBID_ATTR")?_k({},e.FORBID_ATTR,_e):Ek({}),ie=!!wk(e,"USE_PROFILES")&&e.USE_PROFILES,G=!1!==e.ALLOW_ARIA_ATTR,j=!1!==e.ALLOW_DATA_ATTR,q=e.ALLOW_UNKNOWN_PROTOCOLS||!1,X=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,Y=e.SAFE_FOR_TEMPLATES||!1,K=!1!==e.SAFE_FOR_XML,J=e.WHOLE_DOCUMENT||!1,ee=e.RETURN_DOM||!1,te=e.RETURN_DOM_FRAGMENT||!1,oe=e.RETURN_TRUSTED_TYPE||!1,Z=e.FORCE_BODY||!1,ne=!1!==e.SANITIZE_DOM,se=e.SANITIZE_NAMED_PROPS||!1,re=!1!==e.KEEP_CONTENT,ae=e.IN_PLACE||!1,z=e.ALLOWED_URI_REGEXP||jk,be=e.NAMESPACE||fe,we=e.MATHML_TEXT_INTEGRATION_POINTS||we,Se=e.HTML_INTEGRATION_POINTS||Se,U=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&Ae(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(U.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&Ae(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(U.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(U.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Y&&(j=!1),te&&(ee=!0),ie&&(L=_k({},Nk),H=[],!0===ie.html&&(_k(L,Mk),_k(H,zk)),!0===ie.svg&&(_k(L,Dk),_k(H,Lk),_k(H,Hk)),!0===ie.svgFilters&&(_k(L,Bk),_k(H,Lk),_k(H,Hk)),!0===ie.mathMl&&(_k(L,Fk),_k(H,Vk),_k(H,Hk))),e.ADD_TAGS&&(L===V&&(L=Ek(L)),_k(L,e.ADD_TAGS,_e)),e.ADD_ATTR&&(H===P&&(H=Ek(H)),_k(H,e.ADD_ATTR,_e)),e.ADD_URI_SAFE_ATTR&&_k(me,e.ADD_URI_SAFE_ATTR,_e),e.FORBID_CONTENTS&&(le===ce&&(le=Ek(le)),_k(le,e.FORBID_CONTENTS,_e)),re&&(L["#text"]=!0),J&&_k(L,["html","head","body"]),L.table&&(_k(L,["tbody"]),delete W.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw Ck('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw Ck('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');w=e.TRUSTED_TYPES_POLICY,S=w.createHTML("")}else void 0===w&&(w=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let o=null;const n="data-tt-policy-suffix";t&&t.hasAttribute(n)&&(o=t.getAttribute(n));const s="dompurify"+(o?"#"+o:"");try{return e.createPolicy(s,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+s+" could not be created."),null}}(p,r)),null!==w&&"string"==typeof S&&(S=w.createHTML(""));rk&&rk(e),Te=e}},De=_k({},[...Dk,...Bk,...Ik]),Be=_k({},[...Fk,...Rk]),Ie=function(e){gk(o.removed,{element:e});try{y(e).removeChild(e)}catch(t){b(e)}},Fe=function(e,t){try{gk(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){gk(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e)if(ee||te)try{Ie(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},Re=function(e){let t=null,o=null;if(Z)e="<remove></remove>"+e;else{const t=bk(e,/^[\r\n\t ]+/);o=t&&t[0]}"application/xhtml+xml"===ke&&be===fe&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const s=w?w.createHTML(e):e;if(be===fe)try{t=(new g).parseFromString(s,ke)}catch(e){}if(!t||!t.documentElement){t=C.createDocument(be,"template",null);try{t.documentElement.innerHTML=ve?S:s}catch(e){}}const r=t.body||t.documentElement;return e&&o&&r.insertBefore(n.createTextNode(o),r.childNodes[0]||null),be===fe?_.call(t,J?"html":"body")[0]:J?t.documentElement:r},Ne=function(e){return k.call(e.ownerDocument||e,e,d.SHOW_ELEMENT|d.SHOW_COMMENT|d.SHOW_TEXT|d.SHOW_PROCESSING_INSTRUCTION|d.SHOW_CDATA_SECTION,null)},ze=function(e){return e instanceof m&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof u)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},Le=function(e){return"function"==typeof l&&e instanceof l};function Ve(e,t,n){dk(e,(e=>{e.call(o,t,n,Te)}))}const He=function(e){let t=null;if(Ve(E.beforeSanitizeElements,e,null),ze(e))return Ie(e),!0;const n=_e(e.nodeName);if(Ve(E.uponSanitizeElement,e,{tagName:n,allowedTags:L}),K&&e.hasChildNodes()&&!Le(e.firstElementChild)&&Sk(/<[/\w!]/g,e.innerHTML)&&Sk(/<[/\w!]/g,e.textContent))return Ie(e),!0;if(7===e.nodeType)return Ie(e),!0;if(K&&8===e.nodeType&&Sk(/<[/\w]/g,e.data))return Ie(e),!0;if(!L[n]||W[n]){if(!W[n]&&Ue(n)){if(U.tagNameCheck instanceof RegExp&&Sk(U.tagNameCheck,n))return!1;if(U.tagNameCheck instanceof Function&&U.tagNameCheck(n))return!1}if(re&&!le[n]){const t=y(e)||e.parentNode,o=x(e)||e.childNodes;if(o&&t)for(let n=o.length-1;n>=0;--n){const s=f(o[n],!0);s.__removalCount=(e.__removalCount||0)+1,t.insertBefore(s,v(e))}}return Ie(e),!0}return e instanceof c&&!function(e){let t=y(e);t&&t.tagName||(t={namespaceURI:be,tagName:"template"});const o=hk(e.tagName),n=hk(t.tagName);return!!xe[e.namespaceURI]&&(e.namespaceURI===he?t.namespaceURI===fe?"svg"===o:t.namespaceURI===pe?"svg"===o&&("annotation-xml"===n||we[n]):Boolean(De[o]):e.namespaceURI===pe?t.namespaceURI===fe?"math"===o:t.namespaceURI===he?"math"===o&&Se[n]:Boolean(Be[o]):e.namespaceURI===fe?!(t.namespaceURI===he&&!Se[n])&&!(t.namespaceURI===pe&&!we[n])&&!Be[o]&&(Ce[o]||!De[o]):!("application/xhtml+xml"!==ke||!xe[e.namespaceURI]))}(e)?(Ie(e),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!Sk(/<\/no(script|embed|frames)/i,e.innerHTML)?(Y&&3===e.nodeType&&(t=e.textContent,dk([A,M,D],(e=>{t=vk(t,e," ")})),e.textContent!==t&&(gk(o.removed,{element:e.cloneNode()}),e.textContent=t)),Ve(E.afterSanitizeElements,e,null),!1):(Ie(e),!0)},Pe=function(e,t,o){if(ne&&("id"===t||"name"===t)&&(o in n||o in Ee))return!1;if(j&&!$[t]&&Sk(B,t));else if(G&&Sk(I,t));else if(!H[t]||$[t]){if(!(Ue(e)&&(U.tagNameCheck instanceof RegExp&&Sk(U.tagNameCheck,e)||U.tagNameCheck instanceof Function&&U.tagNameCheck(e))&&(U.attributeNameCheck instanceof RegExp&&Sk(U.attributeNameCheck,t)||U.attributeNameCheck instanceof Function&&U.attributeNameCheck(t))||"is"===t&&U.allowCustomizedBuiltInElements&&(U.tagNameCheck instanceof RegExp&&Sk(U.tagNameCheck,o)||U.tagNameCheck instanceof Function&&U.tagNameCheck(o))))return!1}else if(me[t]);else if(Sk(z,vk(o,R,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==xk(o,"data:")||!de[e])if(q&&!Sk(F,vk(o,R,"")));else if(o)return!1;return!0},Ue=function(e){return"annotation-xml"!==e&&bk(e,N)},We=function(e){Ve(E.beforeSanitizeAttributes,e,null);const{attributes:t}=e;if(!t||ze(e))return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:H,forceKeepAttr:void 0};let s=t.length;for(;s--;){const r=t[s],{name:a,namespaceURI:i,value:l}=r,c=_e(a),d=l;let u="value"===a?d:yk(d);if(n.attrName=c,n.attrValue=u,n.keepAttr=!0,n.forceKeepAttr=void 0,Ve(E.uponSanitizeAttribute,e,n),u=n.attrValue,!se||"id"!==c&&"name"!==c||(Fe(a,e),u="user-content-"+u),K&&Sk(/((--!?|])>)|<\/(style|title)/i,u)){Fe(a,e);continue}if(n.forceKeepAttr)continue;if(!n.keepAttr){Fe(a,e);continue}if(!X&&Sk(/\/>/i,u)){Fe(a,e);continue}Y&&dk([A,M,D],(e=>{u=vk(u,e," ")}));const m=_e(e.nodeName);if(Pe(m,c,u)){if(w&&"object"==typeof p&&"function"==typeof p.getAttributeType)if(i);else switch(p.getAttributeType(m,c)){case"TrustedHTML":u=w.createHTML(u);break;case"TrustedScriptURL":u=w.createScriptURL(u)}if(u!==d)try{i?e.setAttributeNS(i,a,u):e.setAttribute(a,u),ze(e)?Ie(e):mk(o.removed)}catch(t){Fe(a,e)}}else Fe(a,e)}Ve(E.afterSanitizeAttributes,e,null)},$e=function e(t){let o=null;const n=Ne(t);for(Ve(E.beforeSanitizeShadowDOM,t,null);o=n.nextNode();)Ve(E.uponSanitizeShadowNode,o,null),He(o),We(o),o.content instanceof a&&e(o.content);Ve(E.afterSanitizeShadowDOM,t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,c=null;if(ve=!e,ve&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Le(e)){if("function"!=typeof e.toString)throw Ck("toString is not a function");if("string"!=typeof(e=e.toString()))throw Ck("dirty is not a string, aborting")}if(!o.isSupported)return e;if(Q||Me(t),o.removed=[],"string"==typeof e&&(ae=!1),ae){if(e.nodeName){const t=_e(e.nodeName);if(!L[t]||W[t])throw Ck("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof l)n=Re("\x3c!----\x3e"),r=n.ownerDocument.importNode(e,!0),1===r.nodeType&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!ee&&!Y&&!J&&-1===e.indexOf("<"))return w&&oe?w.createHTML(e):e;if(n=Re(e),!n)return ee?null:oe?S:""}n&&Z&&Ie(n.firstChild);const d=Ne(ae?e:n);for(;i=d.nextNode();)He(i),We(i),i.content instanceof a&&$e(i.content);if(ae)return e;if(ee){if(te)for(c=O.call(n.ownerDocument);n.firstChild;)c.appendChild(n.firstChild);else c=n;return(H.shadowroot||H.shadowrootmode)&&(c=T.call(s,c,!0)),c}let u=J?n.outerHTML:n.innerHTML;return J&&L["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&Sk(Yk,n.ownerDocument.doctype.name)&&(u="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+u),Y&&dk([A,M,D],(e=>{u=vk(u,e," ")})),w&&oe?w.createHTML(u):u},o.setConfig=function(){Me(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Q=!0},o.clearConfig=function(){Te=null,Q=!1},o.isValidAttribute=function(e,t,o){Te||Me({});const n=_e(e),s=_e(t);return Pe(n,s,o)},o.addHook=function(e,t){"function"==typeof t&&gk(E[e],t)},o.removeHook=function(e,t){if(void 0!==t){const o=uk(E[e],t);return-1===o?void 0:pk(E[e],o,1)[0]}return mk(E[e])},o.removeHooks=function(e){E[e]=[]},o.removeAllHooks=function(){E={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},o}();const eO=e=>Zk().sanitize(e);var tO=tinymce.util.Tools.resolve("tinymce.util.I18n");const oO={indent:!0,outdent:!0,"table-insert-column-after":!0,"table-insert-column-before":!0,"paste-column-after":!0,"paste-column-before":!0,"unordered-list":!0,"list-bull-circle":!0,"list-bull-disc":!0,"list-bull-default":!0,"list-bull-square":!0},nO="temporary-placeholder",sO=e=>()=>fe(e,nO).getOr("!not found!"),rO=(e,t)=>{const o=e.toLowerCase();if(tO.isRtl()){const e=((e,t)=>Ze(e,t)?e:((e,t)=>e+t)(e,t))(o,"-rtl");return be(t,e)?e:o}return o},aO=(e,t)=>fe(t,rO(e,t)),iO=(e,t)=>{const o=t();return aO(e,o).getOrThunk(sO(o))},lO=()=>ud("add-focusable",[Jc((e=>{qn(e.element,"svg").each((e=>Go(e,"focusable","false")))}))]),cO=(e,t,o,n)=>{var s,r;const a=(e=>!!tO.isRtl()&&be(oO,e))(t)?["tox-icon--flip"]:[],i=fe(o,rO(t,o)).or(n).getOrThunk(sO(o));return{dom:{tag:e.tag,attributes:null!==(s=e.attributes)&&void 0!==s?s:{},classes:e.classes.concat(a),innerHtml:i},behaviours:rd([...null!==(r=e.behaviours)&&void 0!==r?r:[],lO()])}},dO=(e,t,o,n=A.none())=>cO(t,e,o(),n),uO={success:"checkmark",error:"warning",err:"error",warning:"warning",warn:"warning",info:"info"},mO=nh({name:"Notification",factory:e=>{const t=Ne("notification-text"),o=dv({dom:cv(`<p id=${t}>${eO(e.backstageProvider.translate(e.text))}</p>`),behaviours:rd([Zm.config({})])}),n=e=>({dom:{tag:"div",classes:["tox-bar"],styles:{width:`${e}%`}}}),s=e=>({dom:{tag:"div",classes:["tox-text"],innerHtml:`${e}%`}}),r=dv({dom:{tag:"div",classes:e.progress?["tox-progress-bar","tox-progress-indicator"]:["tox-progress-bar"]},components:[{dom:{tag:"div",classes:["tox-bar-container"]},components:[n(0)]},s(0)],behaviours:rd([Zm.config({})])}),a={updateProgress:(e,t)=>{e.getSystem().isConnected()&&r.getOpt(e).each((e=>{Zm.set(e,[{dom:{tag:"div",classes:["tox-bar-container"]},components:[n(t)]},s(t)])}))},updateText:(e,t)=>{if(e.getSystem().isConnected()){const n=o.get(e);Zm.set(n,[Og(t)])}}},i=j([e.icon.toArray(),[e.level],A.from(uO[e.level]).toArray()]),l=dv(_v.sketch({dom:{tag:"button",classes:["tox-notification__dismiss","tox-button","tox-button--naked","tox-button--icon"],attributes:{"aria-label":e.backstageProvider.translate("Close")}},components:[dO("close",{tag:"span",classes:["tox-icon"]},e.iconProvider)],buttonBehaviours:rd([Pb.config({}),iv.config({...e.backstageProvider.tooltips.getConfig({tooltipText:e.backstageProvider.translate("Close")})})]),action:t=>{e.onAction(t)}})),c=((e,t,o)=>{const n=o(),s=$(e,(e=>be(n,rO(e,n))));return cO({tag:"div",classes:["tox-notification__icon"]},s.getOr(nO),n,A.none())})(i,0,e.iconProvider),d=[c,{dom:{tag:"div",classes:["tox-notification__body"]},components:[o.asSpec()],behaviours:rd([Zm.config({})])}];return{uid:e.uid,dom:{tag:"div",attributes:{role:"alert","aria-labelledby":t},classes:["tox-notification","tox-notification--in",`tox-notification--${e.level}`]},behaviours:rd([Pb.config({}),fd.config({}),wm.config({mode:"special",onEscape:t=>(e.onAction(t),A?.some(!0))})]),components:d.concat(e.progress?[r.asSpec()]:[]).concat([l.asSpec()]),apis:a}},configFields:[oa("level","info",["success","error","warning","warn","info"]),Rr("progress"),$r("icon"),Rr("onAction"),Rr("text"),Rr("iconProvider"),Rr("backstageProvider")],apis:{updateProgress:(e,t,o)=>{e.updateProgress(t,o)},updateText:(e,t,o)=>{e.updateText(t,o)}}});var gO=(e,t,o,n)=>{const s=t.backstage.shared,r=()=>ct(""===e.queryCommandValue("ToggleView")?e.getContentAreaContainer():e.getContainer()),a=()=>{const e=Rs(r());return A?.some(e)},i=e=>{a().each((t=>{V(e,(e=>{vn(e.element,"width"),Tn(e.element)>t.width&&dn(e.element,"width",t.width+"px")}))}))};return{open:(t,l,c)=>{const d=()=>{n.on((t=>{l();const o=c();(e=>{Zm.remove(e,u),m()})(t),((t,o)=>{0===fo(t.element).length?((t,o)=>{Xx.hide(t),n.clear(),o&&e.focus()})(t,o):((e,t)=>{t&&wm.focusIn(e)})(t,o)})(t,o)}))},u=Ag(mO.sketch({text:t.text,level:F(["success","error","warning","warn","info"],t.type)?t.type:void 0,progress:!0===t.progressBar,icon:t.icon,onAction:d,iconProvider:s.providers.icons,backstageProvider:s.providers}));if(n.isSet()){const e=Mg(u);n.on((t=>{Zm.append(t,e),Xx.reposition(t),u.hasConfigured(Ep)&&Ep.refresh(t),i(t.components())}))}else{const t=Ag(Xx.sketch({dom:{tag:"div",classes:["tox-notifications-container"],attributes:{"aria-label":"Notifications",role:"region"}},lazySink:s.getSink,fireDismissalEventInstead:{},...s.header.isPositionedAtTop()?{}:{fireRepositionEventInstead:{}},inlineBehaviours:rd([wm.config({mode:"cyclic",selector:".tox-notification, .tox-notification a, .tox-notification button"}),Zm.config({}),...$C(e)&&s.header.isPositionedAtTop()?[]:[Ep.config({contextual:{lazyContext:()=>A?.some(Rs(r())),fadeInClass:"tox-notification-container-dock-fadein",fadeOutClass:"tox-notification-container-dock-fadeout",transitionClass:"tox-notification-container-dock-transition"},modes:["top"],lazyViewport:t=>QC(e,t.element)?.map((e=>({bounds:ZC(e),optScrollEnv:A?.some({currentScrollTop:e.element.dom.scrollTop,scrollElmTop:In(e.element).top})}))).getOrThunk((()=>({bounds:Ls(),optScrollEnv:A.none()})))})]])})),i=Mg(u),l={maxHeightFunction:kc()},c={...s.anchors.banner(),overrides:l};n.set(t),o.add(t),Xx.showWithinBounds(t,i,{anchor:c},a)}h(t.timeout)&&t.timeout>0&&VS.setEditorTimeout(e,(()=>{d()}),t.timeout);const m=()=>{n.on((e=>{Xx.reposition(e),e.hasConfigured(Ep)&&Ep.refresh(e),i(e.components())}))};return{close:d,reposition:m,text:e=>{mO.updateText(u,e)},settings:t,getEl:()=>u.element.dom,progressBar:{value:e=>{mO.updateProgress(u,e)}}}},close:e=>{e.close()},getArgs:e=>e.settings}};var pO;!function(e){e[e.CLOSE_ON_EXECUTE=0]="CLOSE_ON_EXECUTE",e[e.BUBBLE_TO_SANDBOX=1]="BUBBLE_TO_SANDBOX"}(pO||(pO={}));var hO=pO;const fO="tox-menu-nav__js",bO="tox-collection__item",vO="tox-swatch",xO={normal:fO,color:vO},yO="tox-collection__item--enabled",wO="tox-collection__item-icon",SO="tox-collection__item-label",CO="tox-collection__item-caret",kO="tox-collection__item--active",OO="tox-collection__item-container",_O="tox-collection__item-container--row",TO=e=>fe(xO,e).getOr(fO),EO=e=>"color"===e?"tox-swatches":"tox-menu",AO=e=>({backgroundMenu:"tox-background-menu",selectedMenu:"tox-selected-menu",selectedItem:"tox-collection__item--active",hasIcons:"tox-menu--has-icons",menu:EO(e),tieredMenu:"tox-tiered-menu"}),MO=e=>{const t=AO(e);return{backgroundMenu:t.backgroundMenu,selectedMenu:t.selectedMenu,menu:t.menu,selectedItem:t.selectedItem,item:TO(e)}},DO=(e,t,o)=>{const n=AO(o);return{tag:"div",classes:j([[n.menu,`tox-menu-${t}-column`],e?[n.hasIcons]:[]])}},BO=[Qv.parts.items({})],IO=(e,t,o)=>{const n=AO(o);return{dom:{tag:"div",classes:j([[n.tieredMenu]])},markers:MO(o)}},FO=Ne("refetch-trigger-event"),RO=Ne("redirect-menu-item-interaction"),NO="tox-menu__searcher",zO=e=>Xn(e.element,`.${NO}`).bind((t=>e.getSystem().getByDom(t).toOptional())),LO=zO,VO=e=>({fetchPattern:Yh.getValue(e),selectionStart:e.element.dom.selectionStart,selectionEnd:e.element.dom.selectionEnd}),HO=e=>{const t=(e,t)=>(t.cut(),A.none()),o=(e,t)=>{const o={interactionEvent:t.event,eventType:t.event.raw.type};return Rc(e,RO,o),A?.some(!0)},n="searcher-events";return{dom:{tag:"div",classes:[bO]},components:[Zx.sketch({inputClasses:[NO,"tox-textfield"],inputAttributes:{...e.placeholder?.map((t=>({placeholder:e.i18n(t)}))).getOr({}),type:"search","aria-autocomplete":"list"},inputBehaviours:rd([ud(n,[Wc(Ca(),(e=>{Fc(e,FO)})),Wc(wa(),((e,t)=>{"Escape"===t.event.raw.key&&t.stop()}))]),wm.config({mode:"special",onLeft:t,onRight:t,onSpace:t,onEnter:o,onEscape:o,onUp:o,onDown:o})]),eventOrder:{keydown:[n,wm.name()]}})]}},PO="tox-collection--results__js",UO=e=>{var t;return e.dom?{...e,dom:{...e.dom,attributes:{...null!==(t=e.dom.attributes)&&void 0!==t?t:{},id:Ne("aria-item-search-result-id"),"aria-selected":"false"}}}:e},WO=(e,t)=>o=>{const n=z(o,t);return L(n,(t=>({dom:e,components:t})))},$O=(e,t)=>{const o=[];let n=[];return V(e,((e,s)=>{t(e,s)?(n.length>0&&o.push(n),n=[],(be(e.dom,"innerHtml")||e.components&&e.components.length>0)&&n.push(e)):n.push(e)})),n.length>0&&o.push(n),L(o,(e=>({dom:{tag:"div",classes:["tox-collection__group"]},components:e})))},GO=(e,t,o)=>Qv.parts.items({preprocess:n=>{const s=L(n,o);return"auto"!==e&&e>1?WO({tag:"div",classes:["tox-collection__group"]},e)(s):$O(s,((e,o)=>"separator"===t[o].type))}}),jO=(e,t,o=!0)=>({dom:{tag:"div",classes:["tox-menu","tox-collection"].concat(1===e?["tox-collection--list"]:["tox-collection--grid"])},components:[GO(e,t,w)]}),qO=e=>R(e,(e=>"icon"in e&&void 0!==e.icon)),XO=e=>(console.error(Ar(e)),console.log(e),A.none()),YO=(e,t,o,n,s)=>{const r=(a=o,{dom:{tag:"div",classes:["tox-collection","tox-collection--horizontal"]},components:[Qv.parts.items({preprocess:e=>$O(e,((e,t)=>"separator"===a[t].type))})]});var a;return{value:e,dom:r.dom,components:r.components,items:o}},KO=(e,t,o,n,s)=>{if("color"===s.menuType){const t=(e=>({dom:{tag:"div",classes:["tox-menu","tox-swatches-menu"]},components:[{dom:{tag:"div",classes:["tox-swatches"]},components:[Qv.parts.items({preprocess:"auto"!==e?WO({tag:"div",classes:["tox-swatches__row"]},e):w})]}]}))(n);return{value:e,dom:t.dom,components:t.components,items:o}}if("imageselector"===s.menuType&&"auto"!==n){const t=(e=>({dom:{tag:"div",classes:["tox-menu","tox-image-selector-menu"]},components:[{dom:{tag:"div",classes:["tox-image-selector"]},components:[Qv.parts.items({preprocess:"auto"!==e?WO({tag:"div",classes:["tox-image-selector__row"]},e):w})]}]}))(n);return{value:e,dom:t.dom,components:t.components,items:o}}if("normal"===s.menuType&&"auto"===n){const t=jO(n,o);return{value:e,dom:t.dom,components:t.components,items:o}}if("normal"===s.menuType||"searchable"===s.menuType){const t="searchable"!==s.menuType?jO(n,o):"search-with-field"===s.searchMode.searchMode?((e,t,o)=>{const n=Ne("aria-controls-search-results");return{dom:{tag:"div",classes:["tox-menu","tox-collection"].concat(1===e?["tox-collection--list"]:["tox-collection--grid"])},components:[HO({i18n:tO.translate,placeholder:o.placeholder}),{dom:{tag:"div",classes:[...1===e?["tox-collection--list"]:["tox-collection--grid"],PO],attributes:{id:n}},components:[GO(e,t,UO)]}]}})(n,o,s.searchMode):((e,t)=>{const o=Ne("aria-controls-search-results");return{dom:{tag:"div",classes:["tox-menu","tox-collection",PO].concat(1===e?["tox-collection--list"]:["tox-collection--grid"]),attributes:{id:o}},components:[GO(e,t,UO)]}})(n,o);return{value:e,dom:t.dom,components:t.components,items:o}}if("listpreview"===s.menuType&&"auto"!==n){const t=(e=>({dom:{tag:"div",classes:["tox-menu","tox-collection","tox-collection--toolbar","tox-collection--toolbar-lg"]},components:[Qv.parts.items({preprocess:WO({tag:"div",classes:["tox-collection__group"]},e)})]}))(n);return{value:e,dom:t.dom,components:t.components,items:o}}return{value:e,dom:DO(t,n,s.menuType),components:BO,items:o}},JO=Lr("type"),QO=Lr("name"),ZO=Lr("label"),e_=Lr("text"),t_=Lr("title"),o_=Lr("icon"),n_=Lr("url"),s_=Lr("value"),r_=Hr("fetch"),a_=Hr("getSubmenuItems"),i_=Hr("onAction"),l_=Hr("onItemAction"),c_=sa("onSetup",(()=>b)),d_=qr("name"),u_=qr("text"),m_=qr("role"),g_=qr("icon"),p_=qr("tooltip"),h_=qr("label"),f_=qr("shortcut"),b_=Yr("select"),v_=na("active",!1),x_=na("borderless",!1),y_=na("enabled",!0),w_=na("primary",!1),S_=e=>Qr("columns",e),C_=Qr("meta",{}),k_=sa("onAction",b),O_=e=>ta("type",e),__=e=>Br("name","name",ir((()=>Ne(`${e}-name`))),or),T_=[JO,e_,Vr("level",["info","warn","error","success"]),o_,Qr("url","")],E_=vr(T_),A_=[JO,e_,y_,__("button"),g_,x_,Xr("buttonType",["primary","secondary","toolbar"]),w_,ta("context","mode:design")],M_=vr(A_),D_=[JO,QO],B_=D_.concat([h_]),I_=D_.concat([ZO,y_,ta("context","mode:design")]),F_=vr(I_),R_=nr,N_=B_.concat([S_("auto"),ta("context","mode:design")]),z_=vr(N_),L_=Sr([s_,e_,o_]),V_=B_.concat([ta("storageKey","default"),ta("context","mode:design")]),H_=vr(V_),P_=or,U_=vr(B_),W_=or,$_=D_.concat([ta("tag","textarea"),Lr("scriptId"),Lr("scriptUrl"),Yr("onFocus"),Zr("settings",void 0,ar)]),G_=D_.concat([ta("tag","textarea"),Hr("init")]),j_=kr((e=>_r("customeditor.old",br(G_),e).orThunk((()=>_r("customeditor.new",br($_),e))))),q_=or,X_=[y_,u_,m_,f_,Br("value","value",ir((()=>Ne("menuitem-value"))),Zs()),C_,ta("context","mode:design")];const Y_=vr([JO,QO].concat(X_)),K_=nr,J_=[__("button"),g_,oa("align","end",["start","end"]),w_,y_,Xr("buttonType",["primary","secondary"]),ta("context","mode:design")],Q_=[...J_,e_],Z_=[Vr("type",["submit","cancel","custom"]),...Q_],eT=[Vr("type",["menu"]),u_,p_,g_,Wr("items",Y_),...J_],tT=[...J_,Vr("type",["togglebutton"]),p_,g_,u_,na("active",!1)],oT=Mr("type",{submit:Z_,cancel:Z_,custom:Z_,menu:eT,togglebutton:tT}),nT=B_.concat([ta("context","mode:design")]),sT=vr(nT),rT=xr(Qs),aT=e=>[JO,zr("columns"),e],iT=[JO,Lr("html"),oa("presets","presentation",["presentation","document"]),sa("onInit",b),na("stretched",!1)],lT=vr(iT),cT=B_.concat([na("border",!1),na("sandboxed",!0),na("streamContent",!1),na("transparent",!0)]),dT=vr(cT),uT=or,mT=vr(D_.concat([qr("height")])),gT=vr([Lr("url"),jr("zoom"),jr("cachedWidth"),jr("cachedHeight")]),pT=B_.concat([qr("inputMode"),qr("placeholder"),na("maximized",!1),y_,ta("context","mode:design")]),hT=vr(pT),fT=or,bT=e=>[JO,ZO,e,oa("align","start",["start","center","end"]),qr("for")],vT=[e_,s_],xT=[e_,Wr("items",Dr(0,(()=>yT)))],yT=yr([vr(vT),vr(xT)]),wT=B_.concat([Wr("items",yT),y_,ta("context","mode:design")]),ST=vr(wT),CT=or,kT=B_.concat([Ur("items",[e_,s_]),ea("size",1),y_,ta("context","mode:design")]),OT=vr(kT),_T=or,TT=B_.concat([na("constrain",!0),y_,ta("context","mode:design")]),ET=vr(TT),AT=vr([Lr("width"),Lr("height")]),MT=D_.concat([ZO,ea("min",0),ea("max",0)]),DT=vr(MT),BT=tr,IT=[JO,Wr("header",or),Wr("cells",xr(or))],FT=vr(IT),RT=B_.concat([qr("placeholder"),na("maximized",!1),y_,ta("context","mode:design")]),NT=vr(RT),zT=or,LT=[ta("buttonType","default"),qr("text"),qr("tooltip"),qr("icon"),Zr("search",!1,yr([nr,vr([qr("placeholder")])],(e=>d(e)?e?A?.some({placeholder:A.none()}):A.none():A?.some(e)))),Hr("fetch"),sa("onSetup",(()=>b)),ta("context","mode:design")],VT=vr([JO,...LT]),HT=e=>_r("menubutton",VT,e),PT=[Vr("type",["directory","leaf"]),t_,Lr("id"),Gr("menu",VT),qr("customStateIcon"),qr("customStateIconTooltip")],UT=vr(PT),WT=PT.concat([Wr("children",Dr(0,(()=>Cr("type",{directory:$T,leaf:UT}))))]),$T=vr(WT),GT=Cr("type",{directory:$T,leaf:UT}),jT=[JO,Wr("items",GT),Yr("onLeafAction"),Yr("onToggleExpand"),ra("defaultExpandedIds",[],or),qr("defaultSelectedId")],qT=vr(jT),XT=B_.concat([oa("filetype","file",["image","media","file"]),y_,qr("picker_text"),ta("context","mode:design")]),YT=vr(XT),KT=vr([s_,C_]),JT=e=>Br("items","items",{tag:"required",process:{}},xr(kr((t=>_r(`Checking item of ${e}`,QT,t).fold((e=>Ae.error(Ar(e))),(e=>Ae.value(e))))))),QT=hr((()=>{return Cr("type",{alertbanner:E_,bar:vr((e=JT("bar"),[JO,e])),button:M_,checkbox:F_,colorinput:H_,colorpicker:U_,dropzone:sT,grid:vr(aT(JT("grid"))),iframe:dT,input:hT,listbox:ST,selectbox:OT,sizeinput:ET,slider:DT,textarea:NT,urlinput:YT,customeditor:j_,htmlpanel:lT,imagepreview:mT,collection:z_,label:vr(bT(JT("label"))),table:FT,tree:qT,panel:eE});var e})),ZT=[JO,Qr("classes",[]),Wr("items",QT)],eE=vr(ZT),tE=[__("tab"),t_,Wr("items",QT)],oE=[JO,Ur("tabs",tE)],nE=vr(oE),sE=Q_,rE=oT,aE=vr([Lr("title"),Nr("body",Cr("type",{panel:eE,tabpanel:nE})),ta("size","normal"),ra("buttons",[],rE),Qr("initialData",{}),sa("onAction",b),sa("onChange",b),sa("onSubmit",b),sa("onClose",b),sa("onCancel",b),sa("onTabChange",b)]),iE=vr([Vr("type",["cancel","custom"]),...sE]),lE=vr([Lr("title"),Lr("url"),jr("height"),jr("width"),Kr("buttons",iE),sa("onAction",b),sa("onCancel",b),sa("onClose",b),sa("onMessage",b)]),cE=e=>a(e)?[e].concat(q(he(e),cE)):l(e)?q(e,cE):[],dE=e=>r(e.type)&&r(e.name),uE={checkbox:R_,colorinput:P_,colorpicker:W_,dropzone:rT,input:fT,iframe:uT,imagepreview:gT,selectbox:_T,sizeinput:AT,slider:BT,listbox:CT,size:AT,textarea:zT,urlinput:KT,customeditor:q_,collection:L_,togglemenuitem:K_},mE=e=>{const t=(e=>P(cE(e),dE))(e),o=q(t,(e=>(e=>A.from(uE[e.type]))(e).fold((()=>[]),(t=>[Nr(e.name,t)]))));return vr(o)},gE=e=>{var t;return{internalDialog:Tr(_r("dialog",aE,e)),dataValidator:mE(e),initialData:null!==(t=e.initialData)&&void 0!==t?t:{}}},pE={open:(e,t)=>{const o=gE(t);return e(o.internalDialog,o.initialData,o.dataValidator)},openUrl:(e,t)=>e(Tr(_r("dialog",lE,t))),redial:e=>gE(e)},hE=vr([JO,u_]),fE=vr([O_("autocompleteitem"),v_,y_,C_,s_,u_,g_]);vr([JO,Lr("trigger"),ea("minChars",1),S_(1),ea("maxResults",10),Yr("matches"),r_,i_,ra("highlightOn",[],or)]);const bE=[y_,p_,g_,u_,c_,ta("context","mode:design")],vE=vr([JO,i_,f_].concat(bE)),xE=e=>_r("toolbarbutton",vE,e),yE=[v_].concat(bE),wE=vr(yE.concat([JO,i_,f_])),SE=e=>_r("ToggleButton",wE,e),CE=[sa("predicate",T),oa("scope","node",["node","editor"]),oa("position","selection",["node","selection","line"])],kE=bE.concat([O_("contextformbutton"),ta("align","end"),w_,i_,Ir("original",w)]),OE=yE.concat([O_("contextformbutton"),ta("align","end"),w_,i_,Ir("original",w)]),_E=bE.concat([O_("contextformbutton")]),TE=yE.concat([O_("contextformtogglebutton")]),EE=[h_,Wr("commands",Mr("type",{contextformbutton:kE,contextformtogglebutton:OE})),Gr("launch",Mr("type",{contextformbutton:_E,contextformtogglebutton:TE})),sa("onInput",b),sa("onSetup",b)],AE=[...CE,...EE,Vr("type",["contextform"]),sa("initValue",y("")),qr("placeholder")],ME=[...CE,...EE,Vr("type",["contextsliderform"]),sa("initValue",y(0)),sa("min",y(0)),sa("max",y(100))],DE=[...CE,...EE,Vr("type",["contextsizeinputform"]),sa("initValue",y({width:"",height:""}))],BE=Mr("type",{contextform:AE,contextsliderform:ME,contextsizeinputform:DE}),IE=bE.concat([O_("contexttoolbarbutton")]),FE=vr([O_("contexttoolbar"),Jr("launch",IE),Nr("items",yr([or,Sr([qr("name"),qr("label"),Wr("items",or)])]))].concat(CE)),RE=e=>({name:e.name.getOrUndefined(),label:e.label.getOrUndefined(),items:e.items}),NE=[JO,Lr("src"),qr("alt"),ra("classes",[],or)],zE=vr(NE),LE=[JO,e_,d_,ra("classes",["tox-collection__item-label"],or)],VE=vr(LE),HE=hr((()=>Cr("type",{cardimage:zE,cardtext:VE,cardcontainer:PE}))),PE=vr([JO,ta("direction","horizontal"),ta("align","left"),ta("valign","middle"),Wr("items",HE)]),UE=vr([JO,h_,Wr("items",HE),c_,k_].concat(X_)),WE=vr([JO,v_,g_,h_].concat(X_)),$E=[JO,Lr("fancytype"),k_],GE=[Qr("initData",{})].concat($E),jE=[Yr("select"),aa("initData",{},[na("allowCustomColors",!0),ta("storageKey","default"),Kr("colors",Zs())])].concat($E),qE=[Yr("select"),Pr("initData",[zr("columns"),ra("items",[],Zs())])].concat($E),XE=Mr("fancytype",{inserttable:GE,colorswatch:jE,imageselect:qE}),YE=vr([JO,v_,n_,h_,p_].concat(X_)),KE=vr([JO,v_,o_,ZO,p_,s_].concat(X_)),JE=vr([JO,c_,k_,g_].concat(X_)),QE=vr([JO,a_,c_,g_].concat(X_)),ZE=vr([JO,g_,v_,c_,i_].concat(X_)),eA=vr([g_,p_,sa("onShow",b),sa("onHide",b),c_]),tA=vr([JO,Nr("items",yr([Sr([QO,Wr("items",or)]),or]))].concat(bE)),oA=vr([JO,p_,g_,u_,b_,r_,c_,oa("presets","normal",["normal","color","listpreview"]),S_(1),i_,l_,ta("context","mode:design")]),nA=[u_,g_,qr("tooltip"),oa("buttonType","secondary",["primary","secondary"]),na("borderless",!1),Hr("onAction"),ta("context","mode:design")],sA={button:[...nA,e_,Vr("type",["button"])],togglebutton:[...nA,na("active",!1),Vr("type",["togglebutton"])]},rA=[Vr("type",["group"]),ra("buttons",[],Mr("type",sA))],aA=Mr("type",{...sA,group:rA}),iA=vr([ra("buttons",[],aA),Hr("onShow"),Hr("onHide")]),lA=(e,t,o)=>{const n=ms(e.element,"."+o);if(n.length>0){const e=G(n,(e=>{const o=e.dom.getBoundingClientRect().top,s=n[0].dom.getBoundingClientRect().top;return Math.abs(o-s)>t})).getOr(n.length);return A?.some({numColumns:e,numRows:Math.ceil(n.length/e)})}return A.none()},cA=e=>((e,t)=>rd([ud(e,t)]))(Ne("unnamed-events"),e),dA=e=>tp.config({disabled:e,disableClass:"tox-collection__item--state-disabled"}),uA=e=>tp.config({disabled:e}),mA=e=>tp.config({disabled:e,disableClass:"tox-tbtn--disabled"}),gA=e=>tp.config({disabled:e,disableClass:"tox-tbtn--disabled",useNative:!1}),pA=(e,t)=>{const o=e.getApi(t);return e=>{e(o)}},hA=(e,t)=>Jc((o=>{p(e.onBeforeSetup)&&e.onBeforeSetup(o),pA(e,o)((o=>{const n=e.onSetup(o);p(n)&&t.set(n)}))})),fA=(e,t)=>Qc((o=>pA(e,o)(t.get()))),bA=(e,t,o)=>Qc((n=>(o.set(Yh.getValue(n)),pA(e,n)(t.get())))),vA="silver.uistate",xA="setDisabled",yA="init",wA=["switchmode",yA],SA=(e,t)=>{const o=e.mainUi.outerContainer,n=[e.mainUi.mothership,...e.uiMotherships];t===xA&&V(n,(e=>{e.broadcastOn([gv()],{target:o.element})})),V(n,(e=>{e.broadcastOn([vA],t)}))},CA=(e,t)=>{e.on("init SwitchMode",(e=>{SA(t,e.type)})),e.on("DisabledStateChange",(o=>{if(!o.isDefaultPrevented()){const n=o.state?xA:yA;SA(t,n),o.state||e.nodeChanged()}})),e.on("NodeChange",(o=>{const n=e.ui.isEnabled()?o.type:xA;SA(t,n)})),jS(e)&&e.mode.set("readonly")},kA=e=>ob.config({channels:{[vA]:{onReceive:(t,o)=>{if(o===xA||"setEnabled"===o)return void tp.set(t,o===xA);const{contextType:n,shouldDisable:s}=e();("mode"!==n||F(wA,o))&&tp.set(t,s)}}}}),OA=(e,t)=>ed(((o,n)=>{pA(e,o)(e.onAction),e.triggersSubmenu||t!==hO.CLOSE_ON_EXECUTE||(o.getSystem().isConnected()&&Fc(o,Ha()),n.stop())})),_A={[Na()]:["disabling","alloy.base.behaviour","toggling","item-events"]},TA=Pe,EA=(e,t,o,n)=>{const s=ye(b);return{type:"item",dom:t.dom,components:TA(t.optComponents),data:e.data,eventOrder:_A,hasSubmenu:e.triggersSubmenu,itemBehaviours:rd([ud("item-events",[OA(e,o),hA(e,s),fA(e,s)]),dA((()=>!e.enabled||n.checkUiComponentContext(e.context).shouldDisable)),kA((()=>n.checkUiComponentContext(e.context))),Zm.config({})].concat(e.itemBehaviours))}},AA=e=>({value:e.value,meta:{text:e.text.getOr(""),...e.meta}}),MA=(e,t)=>{var o,n;const s=it("div");return os(s,"tox-image-selector-loading-spinner"),{dom:{tag:e.tag,attributes:null!==(o=e.attributes)&&void 0!==o?o:{},classes:e.classes},components:[{dom:{tag:"div",classes:["tox-image-selector-image-wrapper"]},components:[{dom:{tag:"img",attributes:{src:t},classes:["tox-image-selector-image-img"]}}]},...e.checkMark.toArray()],behaviours:rd([...null!==(n=e.behaviours)&&void 0!==n?n:[],ud("render-image-events",[Jc((e=>{var t;t=e.element,os(t,"tox-image-selector-loading-spinner-wrapper"),Uo(t,s),Xn(e.element,"img").each((t=>{on(t).catch((e=>{console.error(e)})).finally((()=>{(e=>{ss(e,"tox-image-selector-loading-spinner-wrapper"),Qo(s)})(e.element)}))}))}))])])}},DA=e=>{const t=US.os.isMacOS()||US.os.isiOS(),o=t?{alt:"\u2325",ctrl:"\u2303",shift:"\u21e7",meta:"\u2318",access:"\u2303\u2325"}:{meta:"Ctrl",access:"Shift+Alt"},n=e.split("+"),s=L(n,(e=>{const t=e.toLowerCase().trim();return be(o,t)?o[t]:e}));return t?s.join(""):s.join("+")},BA=(e,t,o=[wO])=>dO(e,{tag:"div",classes:o},t),IA=e=>({dom:{tag:"div",classes:[SO]},components:[Og(tO.translate(e))]}),FA=(e,t)=>({dom:{tag:"div",classes:t,innerHtml:e}}),RA=(e,t)=>({dom:{tag:"div",classes:[SO]},components:[{dom:{tag:e.tag,styles:e.styles},components:[Og(tO.translate(t))]}]}),NA=e=>({dom:{tag:"div",classes:["tox-collection__item-accessory"]},components:[Og(DA(e))]}),zA=e=>BA("checkmark",e,["tox-collection__item-checkmark"]),LA=(e,t)=>{const o=e?.map((e=>({attributes:{id:Ne("menu-item"),"aria-label":tO.translate(e)}}))).getOr({});return{tag:"div",classes:[fO,bO].concat(t),...o}},VA=e=>({dom:{tag:"label"},components:[Og(e)]}),HA=(e,t,o,n=A.none())=>"color"===e.presets?((e,t,o)=>{const n=e.value,s=e.iconContent?.map((e=>((e,t,o)=>{const n=t();return aO(e,n).or(o).getOrThunk(sO(n))})(e,t.icons,o))),r=e.ariaLabel?.map((e=>({"aria-label":t.translate(e),"data-mce-name":e}))).getOr({});return{dom:(()=>{const e=vO,t=s.getOr(""),o={tag:"div",attributes:r,classes:[e]};return"custom"===n?{...o,tag:"button",classes:[...o.classes,"tox-swatches__picker-btn"],innerHtml:t}:"remove"===n?{...o,classes:[...o.classes,"tox-swatch--remove"],innerHtml:t}:g(n)?{...o,attributes:{...o.attributes,"data-mce-color":n},styles:{"background-color":n},innerHtml:t}:o})(),optComponents:[]}})(e,t,n):"img"===e.presets?(e=>{var t,o;return{dom:LA(e.ariaLabel,["tox-collection__item-image-selector"]),optComponents:[A?.some((t=e.iconContent.getOrDie(),o={tag:"div",classes:["tox-collection__item-image"],checkMark:e.checkMark},MA(o,t))),e.labelContent?.map(VA)]}})(e):((e,t,o,n)=>{const s={tag:"div",classes:[wO]},r=o?e.iconContent?.map((e=>dO(e,s,t.icons,n))).orThunk((()=>A?.some({dom:s}))):A.none(),a=e.checkMark,i=A.from(e.meta).fold((()=>IA),(e=>be(e,"style")?C(RA,e.style):IA)),l=e.htmlContent.fold((()=>e.textContent?.map(i)),(e=>A?.some(FA(e,[SO]))));return{dom:LA(e.ariaLabel,[]),optComponents:[r,l,e.shortcutContent?.map(NA),a,e.caret,e.labelContent?.map(VA)]}})(e,t,o,n),PA=(e,t,o)=>fe(e,"tooltipWorker")?.map((e=>[iv.config({lazySink:t.getSink,tooltipDom:{tag:"div",classes:["tox-tooltip-worker-container"]},tooltipComponents:[],anchor:e=>({type:"submenu",item:e,overrides:{maxHeightFunction:kc}}),mode:"follow-highlight",onShow:(t,o)=>{e((e=>{iv.setComponents(t,[_g({element:ct(e)})])}))}})])).getOrThunk((()=>o?.map((e=>[iv.config({...t.providers.tooltips.getConfig({tooltipText:e}),mode:"follow-highlight"})])).getOr([]))),UA=(e,t)=>{const o=(e=>HS.DOM.encode(e))(tO.translate(e));if(t.length>0){const e=new RegExp((e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t),"gi");return o.replace(e,(e=>`<span class="tox-autocompleter-highlight">${e}</span>`))}return o},WA=(e,t)=>L(e,(e=>{switch(e.type){case"cardcontainer":return((e,t)=>{const o="vertical"===e.direction?"tox-collection__item-container--column":_O,n="left"===e.align?"tox-collection__item-container--align-left":"tox-collection__item-container--align-right";return{dom:{tag:"div",classes:[OO,o,n,(()=>{switch(e.valign){case"top":return"tox-collection__item-container--valign-top";case"middle":return"tox-collection__item-container--valign-middle";case"bottom":return"tox-collection__item-container--valign-bottom"}})()]},components:t}})(e,WA(e.items,t));case"cardimage":return((e,t,o)=>({dom:{tag:"img",classes:t,attributes:{src:e,alt:o.getOr("")}}}))(e.src,e.classes,e.alt);case"cardtext":const o=e.name.exists((e=>F(t.cardText.highlightOn,e))),n=o?A.from(t.cardText.matchText).getOr(""):"";return FA(UA(e.text,n),e.classes)}})),$A=(e,t,o,n,s,r,a,i=!0)=>{const l=HA({presets:o,textContent:t?e.text:A.none(),htmlContent:A.none(),labelContent:e.label,ariaLabel:e.text,iconContent:e.icon,shortcutContent:t?e.shortcut:A.none(),checkMark:t?A?.some(zA(a.icons)):A.none(),caret:A.none(),value:e.value},a,i),c=e.text.filter(y(!t))?.map((e=>iv.config(a.tooltips.getConfig({tooltipText:a.translate(e)}))));return Le(EA({context:e.context,data:AA(e),enabled:e.enabled,getApi:e=>({setActive:t=>{Yb.set(e,t)},isActive:()=>Yb.isOn(e),isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t)}),onAction:t=>n(e.value),onSetup:e=>(e.setActive(s),b),triggersSubmenu:!1,itemBehaviours:[...c.toArray()]},l,r,a),{toggling:{toggleClass:yO,toggleOnExecute:!1,selected:e.active,exclusive:!0}})},GA=e=>({value:YA(e)}),jA=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,qA=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,XA=e=>jA.test(e)||qA.test(e),YA=e=>Ke(e,"#").toUpperCase(),KA=e=>{const t=e.toString(16);return(1===t.length?"0"+t:t).toUpperCase()},JA=e=>{const t=KA(e.red)+KA(e.green)+KA(e.blue);return GA(t)},QA=(e,t,o)=>({hue:e,saturation:t,value:o}),ZA=e=>{let t=0,o=0,n=0;const s=e.red/255,r=e.green/255,a=e.blue/255,i=Math.min(s,Math.min(r,a)),l=Math.max(s,Math.max(r,a));return i===l?(n=i,QA(0,0,100*n)):(t=s===i?3:a===i?1:5,t=60*(t-(s===i?r-a:a===i?s-r:a-s)/(l-i)),o=(l-i)/l,n=l,QA(Math.round(t),Math.round(100*o),Math.round(100*n)))},eM=Math.min,tM=Math.max,oM=Math.round,nM=/^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i,sM=/^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i,rM=(e,t,o,n)=>({red:e,green:t,blue:o,alpha:n}),aM=e=>{const t=parseInt(e,10);return t.toString()===e&&t>=0&&t<=255},iM=e=>{let t,o,n;const s=(e.hue||0)%360;let r=e.saturation/100,a=e.value/100;if(r=tM(0,eM(r,1)),a=tM(0,eM(a,1)),0===r)return t=o=n=oM(255*a),rM(t,o,n,1);const i=s/60,l=a*r,c=l*(1-Math.abs(i%2-1)),d=a-l;switch(Math.floor(i)){case 0:t=l,o=c,n=0;break;case 1:t=c,o=l,n=0;break;case 2:t=0,o=l,n=c;break;case 3:t=0,o=c,n=l;break;case 4:t=c,o=0,n=l;break;case 5:t=l,o=0,n=c;break;default:t=o=n=0}return t=oM(255*(t+d)),o=oM(255*(o+d)),n=oM(255*(n+d)),rM(t,o,n,1)},lM=e=>{const t=(e=>{const t=(e=>{const t=e.value.replace(jA,((e,t,o,n)=>t+t+o+o+n+n));return{value:t}})(e),o=qA.exec(t.value);return null===o?["FFFFFF","FF","FF","FF"]:o})(e),o=parseInt(t[1],16),n=parseInt(t[2],16),s=parseInt(t[3],16);return rM(o,n,s,1)},cM=(e,t,o,n)=>{const s=parseInt(e,10),r=parseInt(t,10),a=parseInt(o,10),i=parseFloat(n);return rM(s,r,a,i)},dM=e=>{const t=nM.exec(e);if(null!==t)return A?.some(cM(t[1],t[2],t[3],"1"));const o=sM.exec(e);return null!==o?A?.some(cM(o[1],o[2],o[3],o[4])):A.none()},uM=e=>`rgba(${e.red},${e.green},${e.blue},${e.alpha})`,mM=rM(255,0,0,1),gM=e=>JA(iM(e)),pM=(e,t)=>{e.dispatch("ResizeContent",t)},hM=(e,t)=>{e.dispatch("TextColorChange",t)},fM=(e,t)=>e.dispatch("ResolveName",{name:t.nodeName.toLowerCase(),target:t}),bM=e=>{e.dispatch("ContextToolbarClose")},vM=(e,t)=>()=>{e(),t()},xM=(e,t=E)=>wM(e,"NodeChange",(o=>{o.setEnabled(e.selection.isEditable()&&t())})),yM=(e,t)=>o=>{const n=xM(e)(o),s=((e,t)=>o=>{const n=qe(),s=()=>{o.setActive(e.formatter.match(t));const s=e.formatter.formatChanged(t,o.setActive);n.set(s)};return e.initialized?s():e.once("init",s),()=>{e.off("init",s),n.clear()}})(e,t)(o);return()=>{n(),s()}},wM=(e,t,o)=>n=>{const s=()=>o(n),r=()=>{o(n),e.on(t,s)};return e.initialized?r():e.once("init",r),()=>{e.off("init",r),e.off(t,s)}},SM=e=>t=>()=>{e.undoManager.transact((()=>{e.focus(),e.execCommand("mceToggleFormat",!1,t.format)}))},CM=(e,t)=>()=>e.execCommand(t);var kM=tinymce.util.Tools.resolve("tinymce.util.LocalStorage");const OM={},_M=e=>fe(OM,e).getOrThunk((()=>{const t=`tinymce-custom-colors-${e}`,o=kM.getItem(t);if(m(o)){const e=kM.getItem("tinymce-custom-colors");kM.setItem(t,g(e)?e:"[]")}const n=((e,t=10)=>{const o=kM.getItem(e),n=r(o)?JSON.parse(o):[],s=t-(a=n).length<0?a.slice(0,t):a;var a;const i=e=>{s.splice(e,1)};return{add:o=>{((e,t)=>{const o=I(e,t);return-1===o?A.none():A?.some(o)})(s,o).each(i),s.unshift(o),s.length>t&&s.pop(),kM.setItem(e,JSON.stringify(s))},state:()=>s.slice(0)}})(t,10);return OM[e]=n,n})),TM=(e,t)=>{_M(e).add(t)},EM="forecolor",AM="hilitecolor",MM=e=>{const t=[];for(let o=0;o<e.length;o+=2)t.push({text:e[o+1],value:e[o],icon:"checkmark",type:"choiceitem"});return t},DM=e=>t=>t.options.get(e),BM="#000000",IM=(e,t)=>t===EM&&e.options.isSet("color_map_foreground")?DM("color_map_foreground")(e):t===AM&&e.options.isSet("color_map_background")?DM("color_map_background")(e):e.options.isSet("color_map_raw")?DM("color_map_raw")(e):DM("color_map")(e),FM=(e,t="default")=>Math.max(5,Math.ceil(Math.sqrt(IM(e,t).length))),RM=(e,t)=>{const o=DM("color_cols")(e),n=FM(e,t);return o===FM(e)?n:o},NM=(e,t="default")=>Math.round(t===EM?DM("color_cols_foreground")(e):t===AM?DM("color_cols_background")(e):DM("color_cols")(e)),zM=DM("custom_colors"),LM=DM("color_default_foreground"),VM=DM("color_default_background"),HM=(e,t)=>{const o=ct(e.selection.getStart()),n="hilitecolor"===t?bs(o,(e=>{if(no(e)){const t=gn(e,"background-color");return $e((e=>dM(e).exists((e=>0!==e.alpha)))(t),t)}return A.none()})).getOr("rgba(0, 0, 0, 0)"):gn(o,"color");return dM(n)?.map((e=>"#"+JA(e).value))},PM=e=>{const t="choiceitem",o={type:t,text:"Remove color",icon:"color-swatch-remove-color",value:"remove"};return e?[o,{type:t,text:"Custom color",icon:"color-picker",value:"custom"}]:[o]},UM=(e,t,o,n)=>{"custom"===o?JM(e)((o=>{o.each((o=>{TM(t,o),e.execCommand("mceApplyTextcolor",t,o),n(o)}))}),HM(e,t).getOr(BM)):"remove"===o?(n(""),e.execCommand("mceRemoveTextcolor",t)):(n(o),e.execCommand("mceApplyTextcolor",t,o))},WM=(e,t,o)=>e.concat((e=>L(_M(e).state(),(e=>({type:"choiceitem",text:e,icon:"checkmark",value:e}))))(t).concat(PM(o))),$M=(e,t,o)=>n=>{n(WM(e,t,o))},GM=(e,t,o)=>{const n="forecolor"===t?"tox-icon-text-color__color":"tox-icon-highlight-bg-color__color";e.setIconFill(n,o)},jM=(e,t)=>{e.setTooltip(t)},qM=(e,t)=>o=>{const n=HM(e,t);return He(n,o.toUpperCase())},XM=(e,t,o)=>{if(ot(o))return"forecolor"===t?"Text color":"Background color";const n="forecolor"===t?"Text color {0}":"Background color {0}",s=WM(IM(e,t),t,!1),r=$(s,(e=>e.value===o)).getOr({text:""}).text;return e.translate([n,e.translate(r)])},YM=(e,t,o,n)=>{e.ui.registry.addSplitButton(t,{tooltip:XM(e,o,n.get()),presets:"color",icon:"forecolor"===t?"text-color":"highlight-bg-color",select:qM(e,o),columns:NM(e,o),fetch:$M(IM(e,o),o,zM(e)),onAction:t=>{UM(e,o,n.get(),b)},onItemAction:(s,r)=>{UM(e,o,r,(o=>{n.set(o),hM(e,{name:t,color:o})}))},onSetup:s=>{GM(s,t,n.get());const r=n=>{n.name===t&&(GM(s,n.name,n.color),jM(s,XM(e,o,n.color)))};return e.on("TextColorChange",r),vM(xM(e)(s),(()=>{e.off("TextColorChange",r)}))}})},KM=(e,t,o,n,s)=>{e.ui.registry.addNestedMenuItem(t,{text:n,icon:"forecolor"===t?"text-color":"highlight-bg-color",onSetup:n=>(jM(n,XM(e,o,s.get())),GM(n,t,s.get()),xM(e)(n)),getSubmenuItems:()=>[{type:"fancymenuitem",fancytype:"colorswatch",select:qM(e,o),initData:{storageKey:o},onAction:n=>{UM(e,o,n.value,(o=>{s.set(o),hM(e,{name:t,color:o})}))}}]})},JM=e=>(t,o)=>{let n=!1;const s={colorpicker:o};e.windowManager.open({title:"Color Picker",size:"normal",body:{type:"panel",items:[{type:"colorpicker",name:"colorpicker",label:"Color"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:s,onAction:(e,t)=>{"hex-valid"===t.name&&(n=t.value)},onSubmit:o=>{const s=o.getData().colorpicker;n?(t(A.from(s)),o.close()):e.windowManager.alert(e.translate(["Invalid hex color code: {0}",s]))},onClose:b,onCancel:()=>{t(A.none())}})},QM=(e,t,o,n,s,r,a,i)=>{const l=qO(t),c=ZM(t,o,n,"color"!==s?"normal":"color",r,a,i);return KO(e,l,c,n,{menuType:s})},ZM=(e,t,o,n,s,r,a)=>Pe(L(e,(i=>{return"choiceitem"===i.type?(l=i,_r("choicemenuitem",WE,l)).fold(XO,(i=>A?.some($A(i,1===o,n,t,r(i.value),s,a,qO(e))))):"imageitem"===i.type?(e=>_r("imagemenuitem",YE,e))(i).fold(XO,(e=>A?.some(((e,t,o,n,s)=>{const r=HA({presets:"img",textContent:A.none(),htmlContent:A.none(),ariaLabel:e.tooltip,iconContent:A?.some(e.url),labelContent:e.label,shortcutContent:A.none(),checkMark:A?.some(zA(s.icons)),caret:A.none(),value:e.value},s,!0),a=e.tooltip?.map((e=>iv.config(s.tooltips.getConfig({tooltipText:s.translate(e)}))));return Le(EA({context:e.context,data:AA(e),enabled:e.enabled,getApi:e=>({setActive:t=>{Yb.set(e,t)},isActive:()=>Yb.isOn(e),isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t)}),onAction:o=>{t(e.value),o.setActive(!0)},onSetup:e=>(e.setActive(o),b),triggersSubmenu:!1,itemBehaviours:[...a.toArray()]},r,n,s),{toggling:{toggleClass:yO,toggleOnExecute:!1,selected:e.active,exclusive:!0}})})(e,t,r(e.value),s,a)))):"resetimage"===i.type?(e=>_r("resetimageitem",KE,e))(i).fold(XO,(i=>A?.some($A({...i,type:"choiceitem",text:i.tooltip,icon:A?.some(i.icon),label:A?.some(i.label)},1===o,n,t,r(i.value),s,a,qO(e))))):A.none();var l}))),eD=(e,t)=>{const o=MO(t);return 1===e?{mode:"menu",moveOnTab:!0}:"auto"===e?{mode:"grid",selector:"."+o.item,initSize:{numColumns:1,numRows:1}}:{mode:"matrix",rowSelector:"."+{color:"tox-swatches__row",imageselector:"tox-image-selector__row",listpreview:"tox-collection__group",normal:"tox-collection__group"}[t],previousSelector:e=>"color"===t?Xn(e.element,"[aria-checked=true]"):A.none()}},tD=Ne("cell-over"),oD=Ne("cell-execute"),nD=(e,t,o)=>{const n=o=>Rc(o,oD,{row:e,col:t}),s=(e,t)=>{t.stop(),n(e)};return Ag({dom:{tag:"div",attributes:{role:"button","aria-label":o}},behaviours:rd([ud("insert-table-picker-cell",[Wc(va(),fd.focus),Wc(Na(),n),Wc(Oa(),s),Wc(La(),s)]),Yb.config({toggleClass:"tox-insert-table-picker__selected",toggleOnExecute:!1}),fd.config({onFocus:o=>Rc(o,tD,{row:e,col:t})})])})},sD=e=>q(e,(e=>L(e,Mg))),rD=(e,t)=>Og(`${t}x${e}`),aD={inserttable:(e,t)=>{const o=(e=>(t,o)=>e.shared.providers.translate(["{0} columns, {1} rows",o,t]))(t),n=(e=>{const t=[];for(let o=0;o<10;o++){const n=[];for(let t=0;t<10;t++){const s=e(o+1,t+1);n.push(nD(o,t,s))}t.push(n)}return t})(o),s=rD(0,0),r=dv({dom:{tag:"span",classes:["tox-insert-table-picker__label"]},components:[s],behaviours:rd([Zm.config({})])});return{type:"widget",data:{value:Ne("widget-id")},dom:{tag:"div",classes:["tox-fancymenuitem"]},autofocus:!0,components:[ey.widget({dom:{tag:"div",classes:["tox-insert-table-picker"]},components:sD(n).concat(r.asSpec()),behaviours:rd([ud("insert-table-picker",[Jc((e=>{Zm.set(r.get(e),[s])})),qc(tD,((e,t,o)=>{const{row:s,col:a}=o.event;((e,t,o)=>{for(let n=0;n<10;n++)for(let s=0;s<10;s++)Yb.set(e[n][s],n<=t&&s<=o)})(n,s,a),Zm.set(r.get(e),[rD(s+1,a+1)])})),qc(oD,((t,o,n)=>{const{row:s,col:r}=n.event;Fc(t,Ha()),e.onAction({numRows:s+1,numColumns:r+1})}))]),wm.config({initSize:{numRows:10,numColumns:10},mode:"flatgrid",selector:'[role="button"]'})])})]}},colorswatch:(e,t)=>{const o=((e,t)=>{const o=e.initData.allowCustomColors&&t.colorinput.hasCustomColors();return e.initData.colors.fold((()=>WM(t.colorinput.getColors(e.initData.storageKey),e.initData.storageKey,o)),(e=>e.concat(PM(o))))})(e,t),n=t.colorinput.getColorCols(e.initData.storageKey),s="color",r=QM(Ne("menu-value"),o,(t=>{e.onAction({value:t})}),n,s,hO.CLOSE_ON_EXECUTE,e.select.getOr(T),t.shared.providers),a={...r,markers:MO(s),movement:eD(n,s),showMenuRole:!1};return{type:"widget",data:{value:Ne("widget-id")},dom:{tag:"div",classes:["tox-fancymenuitem"]},autofocus:!0,components:[ey.widget(Qv.sketch(a))]}},imageselect:(e,t)=>{const o="imageselector",n=e.initData.columns,s=QM(Ne("menu-value"),e.initData.items,(t=>{e.onAction({value:t})}),n,o,hO.CLOSE_ON_EXECUTE,e.select.getOr(T),t.shared.providers),r={...s,markers:MO(o),movement:eD(n,o),showMenuRole:!1};return{type:"widget",data:{value:Ne("widget-id")},dom:{tag:"div",classes:["tox-fancymenuitem","tox-collection--toolbar"]},autofocus:!0,components:[ey.widget(Qv.sketch(r))]}}},iD=e=>({type:"separator",dom:{tag:"div",classes:[bO,"tox-collection__group-heading"]},components:e.text?.map(Og).toArray()}),lD=(e,t,o)=>{LO(e).each((e=>{var n;((e,t)=>{Xo(t.element,"id").each((t=>Go(e.element,"aria-activedescendant",t)))})(e,o),(rs((n=t).element,PO)?A?.some(n.element):Xn(n.element,"."+PO)).each((t=>{Xo(t,"id").each((t=>Go(e.element,"aria-controls",t)))}))})),Go(o.element,"aria-selected","true")},cD=(e,t,o)=>{Go(o.element,"aria-selected","false")},dD=e=>Pg.getExistingCoupled(e,"sandbox").bind(zO)?.map(VO)?.map((e=>e.fetchPattern)).getOr("");var uD;!function(e){e[e.ContentFocus=0]="ContentFocus",e[e.UiFocus=1]="UiFocus"}(uD||(uD={}));const mD=(e,t,o,n,s)=>{const r=o.shared.providers,a=e=>s?{...e,shortcut:A.none(),icon:e.text.isSome()?A.none():e.icon}:e;switch(e.type){case"menuitem":return(i=e,_r("menuitem",JE,i)).fold(XO,(e=>A?.some(((e,t,o,n=!0)=>{const s=HA({presets:"normal",iconContent:e.icon,textContent:e.text,htmlContent:A.none(),labelContent:A.none(),ariaLabel:e.text,caret:A.none(),checkMark:A.none(),shortcutContent:e.shortcut},o,n);return EA({context:e.context,data:AA(e),getApi:e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t)}),enabled:e.enabled,onAction:e.onAction,onSetup:e.onSetup,triggersSubmenu:!1,itemBehaviours:[]},s,t,o)})(a(e),t,r,n))));case"nestedmenuitem":return(e=>_r("nestedmenuitem",QE,e))(e).fold(XO,(e=>A?.some(((e,t,o,n=!0,s=!1)=>{const r=s?(a=o.icons,BA("chevron-down",a,[CO])):(e=>BA("chevron-right",e,[CO]))(o.icons);var a;const i=HA({presets:"normal",iconContent:e.icon,textContent:e.text,htmlContent:A.none(),ariaLabel:e.text,labelContent:A.none(),caret:A?.some(r),checkMark:A.none(),shortcutContent:e.shortcut},o,n);return EA({context:e.context,data:AA(e),getApi:e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setIconFill:(t,o)=>{Xn(e.element,`svg path[class="${t}"], rect[class="${t}"]`).each((e=>{Go(e,"fill",o)}))},setTooltip:t=>{const n=o.translate(t);Go(e.element,"aria-label",n)}}),enabled:e.enabled,onAction:b,onSetup:e.onSetup,triggersSubmenu:!0,itemBehaviours:[]},i,t,o)})(a(e),t,r,n,s))));case"togglemenuitem":return(e=>_r("togglemenuitem",ZE,e))(e).fold(XO,(e=>A?.some(((e,t,o,n=!0)=>{const s=HA({iconContent:e.icon,textContent:e.text,htmlContent:A.none(),labelContent:A.none(),ariaLabel:e.text,checkMark:A?.some(zA(o.icons)),caret:A.none(),shortcutContent:e.shortcut,presets:"normal",meta:e.meta},o,n);return Le(EA({context:e.context,data:AA(e),enabled:e.enabled,getApi:e=>({setActive:t=>{Yb.set(e,t)},isActive:()=>Yb.isOn(e),isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t)}),onAction:e.onAction,onSetup:e.onSetup,triggersSubmenu:!1,itemBehaviours:[]},s,t,o),{toggling:{toggleClass:yO,toggleOnExecute:!1,selected:e.active},role:e.role.getOrUndefined()})})(a(e),t,r,n))));case"separator":return(e=>_r("separatormenuitem",hE,e))(e).fold(XO,(e=>A?.some(iD(e))));case"fancymenuitem":return(e=>_r("fancymenuitem",XE,e))(e).fold(XO,(e=>((e,t)=>fe(aD,e.fancytype)?.map((o=>o(e,t))))(e,o)));default:return console.error("Unknown item in general menu",e),A.none()}var i},gD=(e,t,o,n,s,r,a)=>{const i=1===n,l=!i||qO(e);return Pe(L(e,(e=>{switch(e.type){case"separator":return(n=e,_r("Autocompleter.Separator",hE,n)).fold(XO,(e=>A?.some(iD(e))));case"cardmenuitem":return(e=>_r("cardmenuitem",UE,e))(e).fold(XO,(e=>A?.some(((e,t,o,n)=>{const s={dom:LA(e.label,[]),optComponents:[A?.some({dom:{tag:"div",classes:[OO,_O]},components:WA(e.items,n)})]};return EA({context:"mode:design",data:AA({text:A.none(),...e}),enabled:e.enabled,getApi:e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>{tp.set(e,!t),V(ms(e.element,"*"),(o=>{e.getSystem().getByDom(o).each((e=>{e.hasConfigured(tp)&&tp.set(e,!t)}))}))}}),onAction:e.onAction,onSetup:e.onSetup,triggersSubmenu:!1,itemBehaviours:A.from(n.itemBehaviours).getOr([])},s,t,o.providers)})({...e,onAction:t=>{e.onAction(t),o(e.value,e.meta)}},s,r,{itemBehaviours:PA(e.meta,r,A.none()),cardText:{matchText:t,highlightOn:a}}))));default:return(e=>_r("Autocompleter.Item",fE,e))(e).fold(XO,(e=>A?.some(((e,t,o,n,s,r,a,i=!0)=>{const l=HA({presets:n,textContent:A.none(),htmlContent:o?e.text?.map((e=>UA(e,t))):A.none(),ariaLabel:e.text,labelContent:A.none(),iconContent:e.icon,shortcutContent:A.none(),checkMark:A.none(),caret:A.none(),value:e.value},a.providers,i,e.icon),c=e.text.filter((e=>!o&&""!==e));return EA({context:"mode:design",data:AA(e),enabled:e.enabled,getApi:y({}),onAction:t=>s(e.value,e.meta),onSetup:y(b),triggersSubmenu:!1,itemBehaviours:PA(e,a,c)},l,r,a.providers)})(e,t,i,"normal",o,s,r,l))))}var n})))},pD=(e,t,o,n,s,r)=>{const a=qO(t),i=Pe(L(t,(e=>{const t=e=>mD(e,o,n,(e=>s?!be(e,"text"):a)(e),s);return"nestedmenuitem"===e.type&&e.getSubmenuItems().length<=0?t({...e,enabled:!1}):t(e)}))),l=(e=>"no-search"===e.searchMode?{menuType:"normal"}:{menuType:"searchable",searchMode:e})(r);return(s?YO:KO)(e,a,i,1,l)},hD=e=>ax.singleData(e.value,e),fD=e=>vs(ct(e.startContainer),e.startOffset,ct(e.endContainer),e.endOffset),bD=(e,t)=>{const o=Ne("autocompleter"),n=ye(!1),s=ye(!1),r=Xe(),a=Ag(Xx.sketch({dom:{tag:"div",classes:["tox-autocompleter"],attributes:{id:o}},components:[],fireDismissalEventInstead:{},inlineBehaviours:rd([ud("dismissAutocompleter",[Wc(Ya(),(()=>u())),Wc(oi(),((t,o)=>{Xo(o.event.target,"id").each((t=>Go(ct(e.getBody()),"aria-activedescendant",t)))}))])]),lazySink:t.getSink})),i=()=>Xx.isOpen(a),l=s.get,c=()=>{if(i()){Xx.hide(a),e.dom.remove(o,!1);const t=ct(e.getBody());Xo(t,"aria-owns").filter((e=>e===o)).each((()=>{Ko(t,"aria-owns"),Ko(t,"aria-activedescendant")}))}},d=()=>Xx.getContent(a).bind((e=>ee(e.components(),0))),u=()=>e.execCommand("mceAutocompleterClose"),m=s=>{const i=(o=>{const s=se(o,(e=>A.from(e.columns))).getOr(1);return q(o,(o=>{const a=o.items;return gD(a,o.matchText,((t,s)=>{const a={hide:()=>u(),reload:t=>{c(),e.execCommand("mceAutocompleterReload",!1,{fetchOptions:t})}};e.execCommand("mceAutocompleterRefreshActiveRange"),r.get().each((e=>{n.set(!0),o.onAction(a,e,t,s),n.set(!1)}))}),s,hO.BUBBLE_TO_SANDBOX,t,o.highlightOn)}))})(s);i.length>0?(((t,o)=>{const n=se(t,(e=>A.from(e.columns))).getOr(1);Xx.showMenuAt(a,{anchor:{type:"selection",getSelection:()=>r.get()?.map(fD),root:ct(e.getBody())}},((e,t,o,n)=>{const s=eD(t,n),r=MO(n);return{data:hD({...e,movement:s,menuBehaviours:cA("auto"!==t?[]:[Jc(((e,t)=>{lA(e,4,r.item).each((({numColumns:t,numRows:o})=>{wm.setGridSize(e,o,t)}))}))])}),menu:{markers:MO(n),fakeFocus:o===uD.ContentFocus}}})(KO("autocompleter-value",!0,o,n,{menuType:"normal"}),n,uD.ContentFocus,"normal")),d().each(Gd.highlightFirst)})(s,i),Go(ct(e.getBody()),"aria-owns",o),e.inline||g()):c()},g=()=>{e.dom.get(o)&&e.dom.remove(o,!1);const t=e.getDoc().documentElement,n=e.selection.getNode(),s=(e=>Zo(e,!0))(a.element);un(s,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px",top:`${n.offsetTop}px`,left:`${n.offsetLeft}px`}),e.dom.add(t,s.dom),Xn(s,'[role="menu"]').each((e=>{vn(e,"position"),vn(e,"max-height")}))};e.on("AutocompleterStart",(({lookupData:e})=>{s.set(!0),n.set(!1),m(e)})),e.on("AutocompleterUpdate",(({lookupData:e})=>m(e))),e.on("AutocompleterUpdateActiveRange",(({range:e})=>r.set(e))),e.on("AutocompleterEnd",(()=>{c(),s.set(!1),n.set(!1),r.clear()}));((e,t)=>{const o=(e,t)=>{Rc(e,wa(),{raw:t})},n=()=>e.getMenu().bind(Gd.getHighlighted);t.on("keydown",(t=>{const s=t.which;e.isActive()&&(e.isMenuOpen()?13===s?(n().each(Nc),t.preventDefault()):40===s?(n().fold((()=>{e.getMenu().each(Gd.highlightFirst)}),(e=>{o(e,t)})),t.preventDefault(),t.stopImmediatePropagation()):37!==s&&38!==s&&39!==s||n().each((e=>{o(e,t),t.preventDefault(),t.stopImmediatePropagation()})):13!==s&&38!==s&&40!==s||e.cancelIfNecessary())})),t.on("NodeChange",(()=>{!e.isActive()||e.isProcessingAction()||t.queryCommandState("mceAutoCompleterInRange")||e.cancelIfNecessary()}))})({cancelIfNecessary:u,isMenuOpen:i,isActive:l,isProcessingAction:n.get,getMenu:d},e)};var vD=tinymce.util.Tools.resolve("tinymce.html.Entities");const xD=(e,t,o,n)=>{const s=yD(e,t,o,n);return Ux.sketch(s)},yD=(e,t,o,n)=>({dom:wD(o),components:e.toArray().concat([t]),fieldBehaviours:rd(n)}),wD=e=>({tag:"div",classes:["tox-form__group"].concat(e)}),SD=(e,t)=>Ux.parts.label({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}),CD=Ne("form-component-change"),kD=Ne("form-component-input"),OD=Ne("form-close"),_D=Ne("form-cancel"),TD=Ne("form-action"),ED=Ne("form-submit"),AD=Ne("form-block"),MD=Ne("form-unblock"),DD=Ne("form-tabchange"),BD=Ne("form-resize"),ID=(e,t,o)=>{const n=e.label?.map((e=>SD(e,t))),s=t.icons(),r=e=>(t,o)=>{Yn(o.event.target,"[data-collection-item-value]").each((n=>{e(t,o,n,qo(n,"data-collection-item-value"))}))},a=r(((o,n,s,r)=>{n.stop(),t.checkUiComponentContext("mode:design").shouldDisable||t.isDisabled()||Rc(o,TD,{name:e.name,value:r})})),i=[Wc(va(),r(((e,t,o)=>{Fo(o,!0)}))),Wc(Oa(),a),Wc(La(),a),Wc(xa(),r(((e,t,o)=>{Xn(e.element,"."+kO).each((e=>{ss(e,kO)})),os(o,kO)}))),Wc(ya(),r((e=>{Xn(e.element,"."+kO).each((e=>{ss(e,kO),Ro(e)}))}))),ed(r(((t,o,n,s)=>{Rc(t,TD,{name:e.name,value:s})})))],l=(e,t)=>L(ms(e.element,".tox-collection__item"),t),c=Ux.parts.field({dom:{tag:"div",classes:["tox-collection"].concat(1!==e.columns?["tox-collection--grid"]:["tox-collection--list"])},components:[],factory:{sketch:w},behaviours:rd([tp.config({disabled:()=>t.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{l(e,(e=>{os(e,"tox-collection__item--state-disabled"),Go(e,"aria-disabled",!0)}))},onEnabled:e=>{l(e,(e=>{ss(e,"tox-collection__item--state-disabled"),Ko(e,"aria-disabled")}))}}),kA((()=>t.checkUiComponentContext(e.context))),Zm.config({}),iv.config({...t.tooltips.getConfig({tooltipText:"",onShow:e=>{Xn(e.element,"."+kO+"[data-mce-tooltip]").each((o=>{Xo(o,"data-mce-tooltip").each((o=>{iv.setComponents(e,t.tooltips.getComponents({tooltipText:o}))}))}))}}),mode:"children-keyboard-focus",anchor:e=>({type:"node",node:Xn(e.element,"."+kO).orThunk((()=>xt(".tox-collection__item"))),root:e.element,layouts:{onLtr:y([jl,Gl,Pl,Wl,Ul,$l]),onRtl:y([jl,Gl,Pl,Wl,Ul,$l])},bubble:wl(0,-2,{})})}),Yh.config({store:{mode:"memory",initialValue:o.getOr([])},onSetValue:(o,n)=>{((o,n)=>{const r=t.checkUiComponentContext("mode:design").shouldDisable||t.isDisabled()?" tox-collection__item--state-disabled":"",a=L(n,(t=>{const o=tO.translate(t.text),n=1===e.columns?`<div class="tox-collection__item-label">${o}</div>`:"",a=`<div class="tox-collection__item-icon">${(e=>{var t;return null!==(t=s[e])&&void 0!==t?t:e})(t.icon)}</div>`,i={_:" "," - ":" ","-":" "},l=o.replace(/\_| \- |\-/g,(e=>i[e]));return`<div data-mce-tooltip="${l}" class="tox-collection__item${r}" tabindex="-1" data-collection-item-value="${vD.encodeAllRaw(t.value)}" aria-label="${l}">${a}${n}</div>`})),i="auto"!==e.columns&&e.columns>1?z(a,e.columns):[a],l=L(i,(e=>`<div class="tox-collection__group">${e.join("")}</div>`));tn(o.element,l.join(""))})(o,n),"auto"===e.columns&&lA(o,5,"tox-collection__item").each((({numRows:e,numColumns:t})=>{wm.setGridSize(o,e,t)})),Fc(o,BD)}}),Pb.config({}),wm.config((d=e.columns,1===d?{mode:"menu",moveOnTab:!1,selector:".tox-collection__item"}:"auto"===d?{mode:"flatgrid",selector:".tox-collection__item",initSize:{numColumns:1,numRows:1}}:{mode:"matrix",selectors:{row:".tox-collection__group",cell:`.${bO}`}})),ud("collection-events",i)]),eventOrder:{[Na()]:["disabling","alloy.base.behaviour","collection-events"],[xa()]:["collection-events","tooltipping"]}});var d;return xD(n,c,["tox-form__group--collection"],[])},FD=Ne("color-input-change"),RD=Ne("color-swatch-change"),ND=Ne("color-picker-cancel"),zD=()=>zg.config({find:A.some}),LD=e=>zg.config({find:t=>bo(t.element,e).bind((e=>t.getSystem().getByDom(e).toOptional()))}),VD=vr([Qr("preprocess",w),Qr("postprocess",w)]),HD=(e,t)=>{const o=Er("RepresentingConfigs.memento processors",VD,t);return Yh.config({store:{mode:"manual",getValue:t=>{const n=e.get(t),s=Yh.getValue(n);return o.postprocess(s)},setValue:(t,n)=>{const s=o.preprocess(n),r=e.get(t);Yh.setValue(r,s)}}})},PD=(e,t,o)=>Yh.config({store:{mode:"manual",...e?.map((e=>({initialValue:e}))).getOr({}),getValue:t,setValue:o}}),UD=(e,t,o)=>PD(e,(e=>t(e.element)),((e,t)=>o(e.element,t))),WD=e=>Yh.config({store:{mode:"memory",initialValue:e}}),$D=Ne("rgb-hex-update"),GD=Ne("slider-update"),jD=Ne("palette-update"),qD=Ne("valid-input"),XD=Ne("invalid-input"),YD=Ne("validating-input"),KD="colorcustom.rgb.",JD={isEnabled:E,setEnabled:b,immediatelyShow:b,immediatelyHide:b},QD=(e,t,o,n,s,r)=>{const a=(e,t)=>{const o=t.get();e!==o.isEnabled()&&(o.setEnabled(e),e?o.immediatelyShow():o.immediatelyHide())},i=(o,n,s)=>Kh.config({invalidClass:t("invalid"),notify:{onValidate:e=>{Rc(e,YD,{type:o})},onValid:e=>{a(!1,s),Rc(e,qD,{type:o,value:Yh.getValue(e)})},onInvalid:e=>{a(!0,s),Rc(e,XD,{type:o,value:Yh.getValue(e)})}},validator:{validate:t=>{const o=Yh.getValue(t),s=n(o)?Ae.value(!0):Ae.error(e("aria.input.invalid"));return _e(s)},validateOnLoad:!1}}),l=(o,n,a,l,c)=>{const d=ye(JD),u=e(KD+"range"),m=Ux.parts.label({dom:{tag:"label"},components:[Og(a)]}),g=Ux.parts.field({data:c,factory:Zx,inputAttributes:{type:"text","aria-label":l,..."hex"===n?{"aria-live":"polite"}:{}},inputClasses:[t("textfield")],inputBehaviours:rd([i(n,o,d),Pb.config({}),iv.config({...s({tooltipText:"",onSetup:e=>{d.set({isEnabled:()=>iv.isEnabled(e),setEnabled:t=>iv.setEnabled(e,t),immediatelyShow:()=>iv.immediateOpenClose(e,!0),immediatelyHide:()=>iv.immediateOpenClose(e,!1)}),iv.setEnabled(e,!1)},onShow:(o,s)=>{iv.setComponents(o,[{dom:{tag:"p",classes:[t("rgb-warning-note")]},components:[Og(e("hex"===n?"colorcustom.rgb.invalidHex":"colorcustom.rgb.invalid"))]}])}})})]),onSetValue:e=>{Kh.isInvalid(e)&&Kh.run(e).get(b)}}),p=Ne("aria-invalid"),h=dv(r("invalid",A?.some(p),"warning")),f=[m,g,dv({dom:{tag:"div",classes:[t("invalid-icon")]},components:[h.asSpec()]}).asSpec()],v="hex"!==n?[Ux.parts["aria-descriptor"]({text:u})]:[],x=f.concat(v);return{dom:{tag:"div",attributes:{role:"presentation"},classes:[t("rgb-container")]},components:x}},c=(e,t)=>{const o=t.red,n=t.green,s=t.blue;Yh.setValue(e,{red:o,green:n,blue:s})},d=dv({dom:{tag:"div",classes:[t("rgba-preview")],styles:{"background-color":"white"},attributes:{role:"presentation"}}}),u=(e,t)=>{d.getOpt(e).each((e=>{dn(e.element,"background-color","#"+t.value)}))},m=nh({factory:()=>{const s={red:ye(A?.some(255)),green:ye(A?.some(255)),blue:ye(A?.some(255)),hex:ye(A?.some("ffffff"))},r=e=>s[e].get(),a=(e,t)=>{s[e].set(t)},i=e=>{const t=e.red,o=e.green,n=e.blue;a("red",A?.some(t)),a("green",A?.some(o)),a("blue",A?.some(n))},m=(e,t)=>{const o=t.event;"hex"!==o.type?a(o.type,A.none()):n(e)},g=(e,t)=>{const n=t.event;(e=>"hex"===e.type)(n)?((e,t)=>{o(e);const n=GA(t);a("hex",A?.some(n.value));const s=lM(n);c(e,s),i(s),Rc(e,$D,{hex:n}),u(e,n)})(e,n.value):((e,t,o)=>{const n=parseInt(o,10);a(t,A?.some(n)),r("red").bind((e=>r("green").bind((t=>r("blue")?.map((o=>rM(e,t,o,1))))))).each((t=>{const o=((e,t)=>{const o=JA(t);return Ax.getField(e,"hex").each((t=>{fd.isFocused(t)||Yh.setValue(e,{hex:o.value})})),o})(e,t);Rc(e,$D,{hex:o}),u(e,o)}))})(e,n.type,n.value)},p=t=>({label:e(KD+t+".label"),description:e(KD+t+".description")}),h=p("red"),f=p("green"),b=p("blue"),v=p("hex");return Le(Ax.sketch((o=>({dom:{tag:"form",classes:[t("rgb-form")],attributes:{"aria-label":e("aria.color.picker")}},components:[o.field("red",Ux.sketch(l(aM,"red",h.label,h.description,255))),o.field("green",Ux.sketch(l(aM,"green",f.label,f.description,255))),o.field("blue",Ux.sketch(l(aM,"blue",b.label,b.description,255))),o.field("hex",Ux.sketch(l(XA,"hex",v.label,v.description,"ffffff"))),d.asSpec()],formBehaviours:rd([Kh.config({invalidClass:t("form-invalid")}),ud("rgb-form-events",[Wc(qD,g),Wc(XD,m),Wc(YD,m)])])}))),{apis:{updateHex:(e,t)=>{Yh.setValue(e,{hex:t.value}),((e,t)=>{const o=lM(t);c(e,o),i(o)})(e,t),u(e,t)}}})},name:"RgbForm",configFields:[],apis:{updateHex:(e,t,o)=>{e.updateHex(t,o)}},extraApis:{}});return m},ZD=(e,t,o,n)=>{const s=nh({name:"ColourPicker",configFields:[Rr("dom"),Qr("onValidHex",b),Qr("onInvalidHex",b)],factory:s=>{const r=QD(e,t,s.onValidHex,s.onInvalidHex,o,n),a=((e,t)=>{const o=Pw.parts.spectrum({dom:{tag:"canvas",attributes:{role:"presentation"},classes:[t("sv-palette-spectrum")]}}),n=Pw.parts.thumb({dom:{tag:"div",attributes:{role:"presentation"},classes:[t("sv-palette-thumb")],innerHtml:`<div class=${t("sv-palette-inner-thumb")} role="presentation"></div>`}}),s=(e,t)=>{const{width:o,height:n}=e,s=e.getContext("2d");if(null===s)return;s.fillStyle=t,s.fillRect(0,0,o,n);const r=s.createLinearGradient(0,0,o,0);r.addColorStop(0,"rgba(255,255,255,1)"),r.addColorStop(1,"rgba(255,255,255,0)"),s.fillStyle=r,s.fillRect(0,0,o,n);const a=s.createLinearGradient(0,0,0,n);a.addColorStop(0,"rgba(0,0,0,0)"),a.addColorStop(1,"rgba(0,0,0,1)"),s.fillStyle=a,s.fillRect(0,0,o,n)},r=nh({factory:r=>{const a=y({x:0,y:0}),i=rd([zg.config({find:A.some}),fd.config({})]);return Pw.sketch({dom:{tag:"div",attributes:{role:"slider","aria-valuetext":e(["Saturation {0}%, Brightness {1}%",0,0])},classes:[t("sv-palette")]},model:{mode:"xy",getInitialValue:a},rounded:!1,components:[o,n],onChange:(t,o,n)=>{h(n)||Go(t.element,"aria-valuetext",e(["Saturation {0}%, Brightness {1}%",Math.floor(n.x),Math.floor(100-n.y)])),Rc(t,jD,{value:n})},onInit:(e,t,o,n)=>{s(o.element.dom,uM(mM))},sliderBehaviours:i})},name:"SaturationBrightnessPalette",configFields:[],apis:{setHue:(e,t,o)=>{((e,t)=>{const o=e.components()[0].element.dom,n=QA(t,100,100),r=iM(n);s(o,uM(r))})(t,o)},setThumb:(t,o,n)=>{((t,o)=>{const n=ZA(lM(o));Pw.setValue(t,{x:n.saturation,y:100-n.value}),Go(t.element,"aria-valuetext",e(["Saturation {0}%, Brightness {1}%",n.saturation,n.value]))})(o,n)}},extraApis:{}});return r})(e,t),i={paletteRgba:ye(mM),paletteHue:ye(0)},l=dv(((e,t)=>{const o=Pw.parts.spectrum({dom:{tag:"div",classes:[t("hue-slider-spectrum")],attributes:{role:"presentation"}}}),n=Pw.parts.thumb({dom:{tag:"div",classes:[t("hue-slider-thumb")],attributes:{role:"presentation"}}});return Pw.sketch({dom:{tag:"div",classes:[t("hue-slider")],attributes:{role:"slider","aria-valuemin":0,"aria-valuemax":360,"aria-valuenow":120}},rounded:!1,model:{mode:"y",getInitialValue:y(0)},components:[o,n],sliderBehaviours:rd([fd.config({})]),onChange:(e,t,o)=>{Go(e.element,"aria-valuenow",Math.floor(360-3.6*o)),Rc(e,GD,{value:o})}})})(0,t)),c=dv(a.sketch({})),d=dv(r.sketch({})),u=(e,t,o)=>{c.getOpt(e).each((e=>{a.setHue(e,o)}))},m=(e,t)=>{d.getOpt(e).each((e=>{r.updateHex(e,t)}))},g=(e,t,o)=>{l.getOpt(e).each((e=>{Pw.setValue(e,(e=>100-e/360*100)(o))}))},p=(e,t)=>{c.getOpt(e).each((e=>{a.setThumb(e,t)}))},f=(e,t,o,n)=>{((e,t)=>{const o=lM(e);i.paletteRgba.set(o),i.paletteHue.set(t)})(t,o),V(n,(n=>{n(e,t,o)}))};return{uid:s.uid,dom:s.dom,components:[c.asSpec(),l.asSpec(),d.asSpec()],behaviours:rd([ud("colour-picker-events",[Wc($D,(()=>{const e=[u,g,p];return(t,o)=>{const n=o.event.hex,s=(e=>ZA(lM(e)))(n);f(t,n,s.hue,e)}})()),Wc(jD,(()=>{const e=[m];return(t,o)=>{const n=o.event.value,s=i.paletteHue.get(),r=QA(s,n.x,100-n.y),a=gM(r);f(t,a,s,e)}})()),Wc(GD,(()=>{const e=[u,m];return(t,o)=>{const n=(e=>(100-e)/100*360)(o.event.value),s=i.paletteRgba.get(),r=ZA(s),a=QA(n,r.saturation,r.value),l=gM(a);f(t,l,n,e)}})())]),zg.config({find:e=>d.getOpt(e)}),wm.config({mode:"acyclic"})])}}});return s},eB={"colorcustom.rgb.red.label":"R","colorcustom.rgb.red.description":"Red channel","colorcustom.rgb.green.label":"G","colorcustom.rgb.green.description":"Green channel","colorcustom.rgb.blue.label":"B","colorcustom.rgb.blue.description":"Blue channel","colorcustom.rgb.hex.label":"#","colorcustom.rgb.hex.description":"Hex color code","colorcustom.rgb.range":"Range 0 to 255","colorcustom.rgb.invalid":"Numbers only, 0 to 255","colorcustom.rgb.invalidHex":"Hexadecimal only, 000000 to FFFFFF","aria.color.picker":"Color Picker","aria.input.invalid":"Invalid input"};var tB=tinymce.util.Tools.resolve("tinymce.Resource");const oB=e=>be(e,"init");var nB=tinymce.util.Tools.resolve("tinymce.util.Tools");const sB=Ne("browse.files.event"),rB=(e,t,o)=>{const n=(e,t)=>{t.stop()},s=e=>(t,o)=>{V(e,(e=>{e(t,o)}))},r=dv({dom:{tag:"input",attributes:{type:"file",accept:"image/*"},styles:{display:"none"}},behaviours:rd([ud("input-file-events",[Xc(Oa()),Xc(La())])])}),a=e.label?.map((e=>SD(e,t))),i=Ux.parts.field({factory:_v,dom:{tag:"button",styles:{position:"relative"},classes:["tox-button","tox-button--secondary"]},components:[Og(t.translate("Browse for an image")),r.asSpec()],action:e=>{r.get(e).element.dom.click()},buttonBehaviours:rd([zD(),WD(o.getOr([])),Pb.config({}),uA((()=>t.checkUiComponentContext(e.context).shouldDisable)),kA((()=>t.checkUiComponentContext(e.context)))])}),l={dom:{tag:"div",classes:["tox-dropzone-container"]},behaviours:rd([tp.config({disabled:()=>t.checkUiComponentContext(e.context).shouldDisable}),kA((()=>t.checkUiComponentContext(e.context))),Yb.config({toggleClass:"dragenter",toggleOnExecute:!1}),ud("dropzone-events",[Wc("dragenter",s([n,Yb.toggle])),Wc("dragleave",s([n,Yb.toggle])),Wc("dragover",n),Wc("drop",s([n,(e,t)=>{var o;if(!tp.isDisabled(e)){const n=t.event.raw;Rc(e,sB,{files:null===(o=n.dataTransfer)||void 0===o?void 0:o.files})}}])),Wc(ka(),((e,t)=>{const o=t.event.raw.target;Rc(e,sB,{files:o.files})}))])]),components:[{dom:{tag:"div",classes:["tox-dropzone"],styles:{}},components:[{dom:{tag:"p"},components:[Og(t.translate("Drop an image here"))]},i]}]};return xD(a,l,["tox-form__group--stretched"],[ud("handle-files",[Wc(sB,((o,n)=>{Ux.getField(o).each((o=>{var s,r;s=o,(r=n.event.files)&&(Yh.setValue(s,((e,t)=>{const o=nB.explode(t.getOption("images_file_types"));return P(ne(e),(e=>R(o,(t=>Ze(e.name.toLowerCase(),`.${t.toLowerCase()}`)))))})(r,t)),Rc(s,CD,{name:e.name}))}))}))])])},aB=Ne("alloy-fake-before-tabstop"),iB=Ne("alloy-fake-after-tabstop"),lB=e=>({dom:{tag:"div",styles:{width:"1px",height:"1px",outline:"none"},attributes:{tabindex:"0"},classes:e},behaviours:rd([fd.config({ignore:!0}),Pb.config({})])}),cB=(e,t)=>({dom:{tag:"div",classes:["tox-navobj",...e.getOr([])]},components:[lB([aB]),t,lB([iB])],behaviours:rd([LD(1)])}),dB=(e,t)=>{Rc(e,wa(),{raw:{which:9,shiftKey:t}})},uB=(e,t)=>{const o=t.element;rs(o,aB)?dB(e,!0):rs(o,iB)&&dB(e,!1)},mB=e=>ps(e,["."+aB,"."+iB].join(","),T),gB=Ne("update-dialog"),pB=Ne("update-title"),hB=Ne("update-body"),fB=Ne("update-footer"),bB=Ne("body-send-message"),vB=Ne("dialog-focus-shifted"),xB=Jt().browser,yB=xB.isSafari(),wB=xB.isFirefox(),SB=yB||wB,CB=xB.isChromium(),kB=({scrollTop:e,scrollHeight:t,clientHeight:o})=>Math.ceil(e)+o>=t,OB=(e,t)=>e.scrollTo(0,"bottom"===t?99999999:t),_B=(e,t,o)=>{const n=e.dom;A.from(n.contentDocument).fold(o,(e=>{let o=0;const s=((e,t)=>{const o=e.body;return A.from(!/^<!DOCTYPE (html|HTML)/.test(t)&&(!CB&&!yB||g(o)&&(0!==o.scrollTop||Math.abs(o.scrollHeight-o.clientHeight)>1))?o:e.documentElement)})(e,t)?.map((e=>(o=e.scrollTop,e))).forall(kB),r=()=>{const e=n.contentWindow;g(e)&&(s?OB(e,"bottom"):!s&&SB&&0!==o&&OB(e,o))};yB&&n.addEventListener("load",r,{once:!0}),e.open(),e.write(t),e.close(),yB||r()}))},TB=$e(SB,yB?500:200)?.map((e=>((e,t)=>{let o=null,n=null;return{cancel:()=>{c(o)||(clearTimeout(o),o=null,n=null)},throttle:(...s)=>{n=s,c(o)&&(o=setTimeout((()=>{const t=n;o=null,n=null,e.apply(null,t)}),t))}}})(_B,e))),EB=Ne("toolbar.button.execute"),AB=Ne("common-button-display-events"),MB={[Na()]:["disabling","alloy.base.behaviour","toggling","toolbar-button-events","tooltipping"],[qa()]:["toolbar-button-events",AB],[Xa()]:["toolbar-button-events","dropdown-events","tooltipping"],[pa()]:["focusing","alloy.base.behaviour",AB]},DB=e=>dn(e.element,"width",gn(e.element,"width")),BB=(e,t,o)=>dO(e,{tag:"span",classes:["tox-icon","tox-tbtn__icon-wrap"],behaviours:o},t),IB=(e,t)=>BB(e,t,[]),FB=(e,t)=>BB(e,t,[Zm.config({})]),RB=(e,t,o)=>({dom:{tag:"span",classes:[`${t}__select-label`]},components:[Og(o.translate(e))],behaviours:rd([Zm.config({})])}),NB=Ne("update-menu-text"),zB=Ne("update-menu-icon"),LB=Ne("update-tooltip-text"),VB=(e,t,o,n)=>{const s=ye(b),r=ye(e.tooltip),a=e.text?.map((e=>dv(RB(e,t,o.providers)))),i=e.icon?.map((e=>dv(FB(e,o.providers.icons)))),l=(e,t)=>{const o=Yh.getValue(e);return fd.focus(o),Rc(o,"keydown",{raw:t.event.raw}),kx.close(o),A?.some(!0)},c=e.role.fold((()=>({})),(e=>({role:e}))),d=A.from(e.listRole)?.map((e=>({listRole:e}))).getOr({}),u=e.ariaLabel.fold((()=>({})),(e=>({"aria-label":o.providers.translate(e)}))),m=dO("chevron-down",{tag:"div",classes:[`${t}__select-chevron`]},o.providers.icons),p=Ne("common-button-display-events"),h="dropdown-events",f=dv(kx.sketch({...e.uid?{uid:e.uid}:{},...c,...d,dom:{tag:"button",classes:[t,`${t}--select`].concat(L(e.classes,(e=>`${t}--${e}`))),attributes:{...u,...g(n)?{"data-mce-name":n}:{}}},components:TA([i?.map((e=>e.asSpec())),a?.map((e=>e.asSpec())),A?.some(m)]),matchWidth:!0,useMinWidth:!0,onOpen:(t,o,n)=>{e.searchable&&(e=>{LO(e).each((e=>fd.focus(e)))})(n)},dropdownBehaviours:rd([...e.dropdownBehaviours,uA((()=>e.disabled||o.providers.checkUiComponentContext(e.context).shouldDisable)),kA((()=>o.providers.checkUiComponentContext(e.context))),lv.config({}),Zm.config({}),...e.tooltip?.map((t=>iv.config(o.providers.tooltips.getConfig({tooltipText:o.providers.translate(t),onShow:t=>{if(Ue(r.get(),e.tooltip,((e,t)=>t!==e)).getOr(!1)){const e=o.providers.translate(r.get().getOr(""));iv.setComponents(t,o.providers.tooltips.getComponents({tooltipText:e}))}}})))).toArray(),ud(h,[hA(e,s),fA(e,s)]),ud(p,[Jc(((t,o)=>{"listbox"!==e.listRole&&DB(t)}))]),ud("update-dropdown-width-variable",[Wc(ja(),((e,t)=>kx.close(e)))]),ud("menubutton-update-display-text",[Wc(NB,((e,t)=>{a.bind((t=>t.getOpt(e))).each((e=>{Zm.set(e,[Og(o.providers.translate(t.event.text))])}))})),Wc(zB,((e,t)=>{i.bind((t=>t.getOpt(e))).each((e=>{Zm.set(e,[FB(t.event.icon,o.providers.icons)])}))})),Wc(LB,((e,t)=>{const n=o.providers.translate(t.event.text);Go(e.element,"aria-label",n),r.set(A?.some(t.event.text))}))])]),eventOrder:Le(MB,{[pa()]:["focusing","alloy.base.behaviour","item-type-events","normal-dropdown-events"],[qa()]:["toolbar-button-events",iv.name(),h,p]}),sandboxBehaviours:rd([wm.config({mode:"special",onLeft:l,onRight:l}),ud("dropdown-sandbox-events",[Wc(FO,((e,t)=>{(e=>{const t=Yh.getValue(e),o=zO(e)?.map(VO);kx.refetch(t).get((()=>{const e=Pg.getCoupled(t,"sandbox");o.each((t=>zO(e).each((e=>((e,t)=>{Yh.setValue(e,t.fetchPattern),e.element.dom.selectionStart=t.selectionStart,e.element.dom.selectionEnd=t.selectionEnd})(e,t)))))}))})(e),t.stop()})),Wc(RO,((e,t)=>{((e,t)=>{(e=>bb.getState(e).bind(Gd.getHighlighted).bind(Gd.getHighlighted))(e).each((o=>{((e,t,o,n)=>{const s={...n,target:t};e.getSystem().triggerEvent(o,t,s)})(e,o.element,t.event.eventType,t.event.interactionEvent)}))})(e,t),t.stop()}))])]),lazySink:o.getSink,toggleClass:`${t}--active`,parts:{menu:{...IO(0,e.columns,e.presets),fakeFocus:e.searchable,..."listbox"===e.listRole?{}:{onHighlightItem:lD,onCollapseMenu:(e,t,o)=>{Gd.getHighlighted(o).each((t=>{lD(e,o,t)}))},onDehighlightItem:cD}}},getAnchorOverrides:()=>({maxHeightFunction:(e,t)=>{Cc()(e,t-10)}}),fetch:t=>Oe(C(e.fetch,t))}));return f.asSpec()},HB=e=>"separator"===e.type,PB={type:"separator"},UB=(e,t)=>{const o=((e,t)=>{const o=W(e,((e,o)=>(e=>r(e))(o)?""===o?e:"|"===o?e.length>0&&!HB(e[e.length-1])?e.concat([PB]):e:be(t,o.toLowerCase())?e.concat([t[o.toLowerCase()]]):e:e.concat([o])),[]);return o.length>0&&HB(o[o.length-1])&&o.pop(),o})(r(e)?e.split(" "):e,t);return U(o,((e,o)=>{if((e=>be(e,"getSubmenuItems"))(o)){const n=(e=>{const t=fe(e,"value").getOrThunk((()=>Ne("generated-menu-item")));return Le({value:t},e)})(o),s=((e,t)=>{const o=e.getSubmenuItems(),n=UB(o,t);return{item:e,menus:Le(n.menus,{[e.value]:n.items}),expansions:Le(n.expansions,{[e.value]:e.value})}})(n,t);return{menus:Le(e.menus,s.menus),items:[s.item,...e.items],expansions:Le(e.expansions,s.expansions)}}return{...e,items:[o,...e.items]}}),{menus:{},expansions:{},items:[]})},WB=(e,t,o,n)=>{const s=Ne("primary-menu"),r=UB(e,o.shared.providers.menuItems());if(0===r.items.length)return A.none();const a=(e=>e.search.fold((()=>({searchMode:"no-search"})),(e=>({searchMode:"search-with-field",placeholder:e.placeholder}))))(n),i=pD(s,r.items,t,o,n.isHorizontalMenu,a),l=(e=>e.search.fold((()=>({searchMode:"no-search"})),(e=>({searchMode:"search-with-results"}))))(n),c=le(r.menus,((e,n)=>pD(n,e,t,o,!1,l))),d=Le(c,ia(s,i));return A.from(ax.tieredData(s,d,r.expansions))},$B=e=>!be(e,"items"),GB="data-value",jB=(e,t,o,n,s)=>L(o,(o=>$B(o)?{type:"togglemenuitem",...s?{}:{role:"option"},text:o.text,value:o.value,active:o.value===n,onAction:()=>{Yh.setValue(e,o.value),Rc(e,CD,{name:t}),fd.focus(e)}}:{type:"nestedmenuitem",text:o.text,getSubmenuItems:()=>jB(e,t,o.items,n,s)})),qB=(e,t)=>se(e,(e=>$B(e)?$e(e.value===t,e):qB(e.items,t))),XB=e=>{const t={"":0,px:0,pt:1,mm:1,pc:2,ex:2,em:2,ch:2,rem:2,cm:3,in:4,"%":4};let o=e.value.toFixed((n=e.unit)in t?t[n]:1);var n;return-1!==o.indexOf(".")&&(o=o.replace(/\.?0*$/,"")),o+e.unit},YB=e=>{const t=/^\s*(\d+(?:\.\d+)?)\s*(|cm|mm|in|px|pt|pc|em|ex|ch|rem|vw|vh|vmin|vmax|%)\s*$/.exec(e);if(null!==t){const e=parseFloat(t[1]),o=t[2];return Ae.value({value:e,unit:o})}return Ae.error(e)},KB=(e,t)=>{const o={"":96,px:96,pt:72,cm:2.54,pc:12,mm:25.4,in:1},n=e=>be(o,e);return e.unit===t?A?.some(e.value):n(e.unit)&&n(t)?o[e.unit]===o[t]?A?.some(e.value):A?.some(e.value/o[e.unit]*o[t]):A.none()},JB=e=>A.none(),QB=(e,t)=>{const o=YB(e).toOptional(),n=YB(t).toOptional();return Ue(o,n,((e,t)=>KB(e,t.unit)?.map((e=>t.value/e))?.map((e=>{return o=e,n=t.unit,e=>KB(e,n)?.map((e=>({value:e*o,unit:n})));var o,n})).getOr(JB))).getOr(JB)},ZB=(e,t)=>{const o=e.label?.map((e=>SD(e,t))),n=[tp.config({disabled:()=>e.disabled||t.checkUiComponentContext(e.context).shouldDisable}),kA((()=>t.checkUiComponentContext(e.context))),wm.config({mode:"execution",useEnter:!0!==e.multiline,useControlEnter:!0===e.multiline,execute:e=>(Fc(e,ED),A?.some(!0))}),ud("textfield-change",[Wc(Ca(),((t,o)=>{Rc(t,CD,{name:e.name})})),Wc(Fa(),((t,o)=>{Rc(t,CD,{name:e.name})}))]),Pb.config({})],s=e.validation?.map((e=>Kh.config({getRoot:e=>po(e.element),invalidClass:"tox-invalid",validator:{validate:t=>{const o=Yh.getValue(t),n=e.validator(o);return _e(!0===n?Ae.value(o):Ae.error(n))},validateOnLoad:e.validateOnLoad}}))).toArray(),r={...e.placeholder.fold(y({}),(e=>({placeholder:t.translate(e)}))),...e.inputMode.fold(y({}),(e=>({inputmode:e}))),"data-mce-name":e.name},a=Ux.parts.field({tag:!0===e.multiline?"textarea":"input",...e.data?.map((e=>({data:e}))).getOr({}),inputAttributes:r,inputClasses:[e.classname],inputBehaviours:rd(j([n,s])),selectOnFocus:!1,factory:Zx}),i=e.multiline?{dom:{tag:"div",classes:["tox-textarea-wrap"]},components:[a]}:a,l=(e.flex?["tox-form__group--stretched"]:[]).concat(e.maximized?["tox-form-group--maximize"]:[]),c=[tp.config({disabled:()=>e.disabled||t.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{Ux.getField(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable)}}),kA((()=>t.checkUiComponentContext(e.context)))];return xD(o,i,l,c)},eI=e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setActive:t=>{const o=e.element;t?(os(o,"tox-tbtn--enabled"),Go(o,"aria-pressed",!0)):(ss(o,"tox-tbtn--enabled"),Ko(o,"aria-pressed"))},isActive:()=>rs(e.element,"tox-tbtn--enabled"),setTooltip:t=>{Rc(e,LB,{text:t})},setText:t=>{Rc(e,NB,{text:t})},setIcon:t=>Rc(e,zB,{icon:t})}),tI=(e,t,o,n,s=!0,r)=>{const a="bordered"===e.buttonType?["bordered"]:[];return VB({text:e.text,icon:e.icon,tooltip:e.tooltip,ariaLabel:e.tooltip,searchable:e.search.isSome(),role:n,fetch:(t,n)=>{const s={pattern:e.search.isSome()?dD(t):""};e.fetch((t=>{n(WB(t,hO.CLOSE_ON_EXECUTE,o,{isHorizontalMenu:!1,search:e.search}))}),s,eI(t))},onSetup:e.onSetup,getApi:e=>eI(e),columns:1,presets:"normal",classes:a,dropdownBehaviours:[...s?[Pb.config({})]:[]],context:e.context},t,o.shared,r)},oI=(e,t,o)=>{const n=e=>n=>{const s=!n.isActive();n.setActive(s),e.storage.set(s),o.shared.getSink().each((o=>{t().getOpt(o).each((t=>{Fo(t.element),Rc(t,TD,{name:e.name,value:e.storage.get()})}))}))},s=e=>t=>{t.setActive(e.storage.get())};return t=>{t(L(e,(e=>{const t=e.text.fold((()=>({})),(e=>({text:e})));return{type:e.type,active:!1,...t,context:e.context,onAction:n(e),onSetup:s(e)}})))}},nI=e=>({dom:{tag:"span",classes:["tox-tree__label"],attributes:{"aria-label":e}},components:[Og(e)]}),sI=(e,t,o)=>{e.customStateIcon.each((n=>t.push(iI(n,o.shared.providers.icons,e.customStateIconTooltip.fold((()=>[]),(e=>[iv.config(o.shared.providers.tooltips.getConfig({tooltipText:e}))])),["tox-icon-custom-state"]))))},rI=Ne("leaf-label-event-id"),aI=({leaf:e,onLeafAction:t,visible:o,treeId:n,selectedId:s,backstage:r})=>{const a=e.menu?.map((e=>tI(e,"tox-mbtn",r,A.none(),o))),i=[nI(e.title)];return sI(e,i,r),a.each((e=>i.push(e))),_v.sketch({dom:{tag:"div",classes:["tox-tree--leaf__label","tox-trbtn"].concat(o?["tox-tree--leaf__label--visible"]:[])},components:i,role:"treeitem",action:o=>{t(e.id),o.getSystem().broadcastOn([`update-active-item-${n}`],{value:e.id})},eventOrder:{[wa()]:[rI,"keying"]},buttonBehaviours:rd([...o?[Pb.config({})]:[],Yb.config({toggleClass:"tox-trbtn--enabled",toggleOnExecute:!1,aria:{mode:"selected"}}),ob.config({channels:{[`update-active-item-${n}`]:{onReceive:(t,o)=>{(o.value===e.id?Yb.on:Yb.off)(t)}}}}),ud(rI,[Jc(((t,o)=>{s.each((o=>{(o===e.id?Yb.on:Yb.off)(t)}))})),Wc(wa(),((e,t)=>{const o="ArrowLeft"===t.event.raw.code,n="ArrowRight"===t.event.raw.code;o?(Gn(e.element,".tox-tree--directory").each((t=>{e.getSystem().getByDom(t).each((e=>{qn(t,".tox-tree--directory__label").each((t=>{e.getSystem().getByDom(t).each(fd.focus)}))}))})),t.stop()):n&&t.stop()}))])])})},iI=(e,t,o,n,s)=>dO(e,{tag:"span",classes:["tox-tree__icon-wrap","tox-icon"].concat(n||[]),behaviours:o,attributes:s},t),lI=Ne("directory-label-event-id"),cI=({directory:e,visible:t,noChildren:o,backstage:n})=>{const s=e.menu?.map((e=>tI(e,"tox-mbtn",n,A.none()))),r=[{dom:{tag:"div",classes:["tox-chevron"]},components:[(a=n.shared.providers.icons,iI("chevron-right",a,[]))]},nI(e.title)];var a;sI(e,r,n),s.each((e=>{r.push(e)}));const i=t=>{Gn(t.element,".tox-tree--directory").each((o=>{t.getSystem().getByDom(o).each((o=>{const n=!Yb.isOn(o);Yb.toggle(o),Rc(t,"expand-tree-node",{expanded:n,node:e.id})}))}))};return _v.sketch({dom:{tag:"div",classes:["tox-tree--directory__label","tox-trbtn"].concat(t?["tox-tree--directory__label--visible"]:[])},components:r,action:i,eventOrder:{[wa()]:[lI,"keying"]},buttonBehaviours:rd([...t?[Pb.config({})]:[],ud(lI,[Wc(wa(),((e,t)=>{const n="ArrowRight"===t.event.raw.code,s="ArrowLeft"===t.event.raw.code;n&&o&&t.stop(),(n||s)&&Gn(e.element,".tox-tree--directory").each((o=>{e.getSystem().getByDom(o).each((o=>{!Yb.isOn(o)&&n||Yb.isOn(o)&&s?(i(e),t.stop()):s&&!Yb.isOn(o)&&(Gn(o.element,".tox-tree--directory").each((e=>{qn(e,".tox-tree--directory__label").each((e=>{o.getSystem().getByDom(e).each(fd.focus)}))})),t.stop())}))}))}))])])})},dI=({children:e,onLeafAction:t,visible:o,treeId:n,expandedIds:s,selectedId:r,backstage:a})=>({dom:{tag:"div",classes:["tox-tree--directory__children"]},components:e?.map((e=>"leaf"===e.type?aI({leaf:e,selectedId:r,onLeafAction:t,visible:o,treeId:n,backstage:a}):mI({directory:e,expandedIds:s,selectedId:r,onLeafAction:t,labelTabstopping:o,treeId:n,backstage:a}))),behaviours:rd([Ib.config({dimension:{property:"height"},closedClass:"tox-tree--directory__children--closed",openClass:"tox-tree--directory__children--open",growingClass:"tox-tree--directory__children--growing",shrinkingClass:"tox-tree--directory__children--shrinking",expanded:o}),Zm.config({})])}),uI=Ne("directory-event-id"),mI=({directory:e,onLeafAction:t,labelTabstopping:o,treeId:n,backstage:s,expandedIds:r,selectedId:a})=>{const{children:i}=e,l=ye(r),c=r.includes(e.id);return{dom:{tag:"div",classes:["tox-tree--directory"],attributes:{role:"treeitem"}},components:[cI({directory:e,visible:o,noChildren:0===e.children.length,backstage:s}),dI({children:i,expandedIds:r,selectedId:a,onLeafAction:t,visible:c,treeId:n,backstage:s})],behaviours:rd([ud(uI,[Jc(((e,t)=>{Yb.set(e,c)})),Wc("expand-tree-node",((e,t)=>{const{expanded:o,node:n}=t.event;l.set(o?[...l.get(),n]:l.get().filter((e=>e!==n)))}))]),Yb.config({...e.children.length>0?{aria:{mode:"expanded"}}:{},toggleClass:"tox-tree--directory--expanded",onToggled:(e,o)=>{const r=e.components()[1],c=(d=o,i?.map((e=>"leaf"===e.type?aI({leaf:e,selectedId:a,onLeafAction:t,visible:d,treeId:n,backstage:s}):mI({directory:e,expandedIds:l.get(),selectedId:a,onLeafAction:t,labelTabstopping:d,treeId:n,backstage:s}))));var d;o?Ib.grow(r):Ib.shrink(r),Zm.set(r,c)}})])}},gI=Ne("tree-event-id"),pI=(e,t,o=[],n,s,r,a)=>{const i=t.fold((()=>({})),(e=>({action:e}))),l={buttonBehaviours:rd([dA((()=>!e.enabled||a.checkUiComponentContext(e.context).shouldDisable)),kA((()=>a.checkUiComponentContext(e.context))),Pb.config({}),...r?.map((e=>iv.config(a.tooltips.getConfig({tooltipText:a.translate(e)})))).toArray(),ud("button press",[Uc("click")])].concat(o)),eventOrder:{click:["button press","alloy.base.behaviour"],mousedown:["button press","alloy.base.behaviour"]},...i},c=Le(l,{dom:n});return Le(c,{components:s})},hI=(e,t,o,n=[],s)=>{const r={tag:"button",classes:["tox-tbtn"],attributes:{...e.tooltip?.map((e=>({"aria-label":o.translate(e)}))).getOr({}),"data-mce-name":s}},a=e.icon?.map((e=>IB(e,o.icons))),i=TA([a]);return pI(e,t,n,r,i,e.tooltip,o)},fI=e=>{switch(e){case"primary":return["tox-button"];case"toolbar":return["tox-tbtn"];default:return["tox-button","tox-button--secondary"]}},bI=(e,t,o,n=[],s=[])=>{const r=o.translate(e.text),a=e.icon?.map((e=>IB(e,o.icons))),i=[a.getOrThunk((()=>Og(r)))],l=e.buttonType.getOr(e.primary||e.borderless?"primary":"secondary"),c={tag:"button",classes:[...fI(l),...a.isSome()?["tox-button--icon"]:[],...e.borderless?["tox-button--naked"]:[],...s],attributes:{"aria-label":r,"data-mce-name":e.text}},d=e.icon?.map(y(r));return pI(e,t,n,c,i,d,o)},vI=(e,t,o,n=[],s=[])=>{const r=bI(e,A?.some(t),o,n,s);return _v.sketch(r)},xI=(e,t)=>o=>{"custom"===t?Rc(o,TD,{name:e,value:{}}):"submit"===t?Fc(o,ED):"cancel"===t?Fc(o,_D):console.error("Unknown button type: ",t)},yI=(e,t,o)=>{if(((e,t)=>"menu"===t)(0,t)){const t=()=>r,n=e,s={...e,buttonType:"default",type:"menubutton",search:A.none(),onSetup:t=>(t.setEnabled(e.enabled),b),fetch:oI(n.items,t,o)},r=dv(tI(s,"tox-tbtn",o,A.none(),!0,e.text.or(e.tooltip).getOrUndefined()));return r.asSpec()}if(((e,t)=>"custom"===t||"cancel"===t||"submit"===t)(0,t)){const n=xI(e.name,t),s={...e,context:"cancel"===t?"any":e.context,borderless:!1};return vI(s,n,o.shared.providers,[])}if(((e,t)=>"togglebutton"===t)(0,t))return((e,t,o)=>{var n,s;const r=e.icon?.map((e=>FB(e,t.icons)))?.map(dv),a=e.buttonType.getOr(e.primary?"primary":"secondary"),i={...e,name:null!==(n=e.name)&&void 0!==n?n:"",primary:"primary"===a,tooltip:e.tooltip,enabled:null!==(s=e.enabled)&&void 0!==s&&s,borderless:!1},l=i.tooltip.or(e.text)?.map((e=>({"aria-label":t.translate(e)}))).getOr({}),c=fI(null!=a?a:"secondary"),d=e.icon.isSome()&&e.text.isSome(),u={tag:"button",classes:[...c.concat(e.icon.isSome()?["tox-button--icon"]:[]),...e.active?["tox-button--enabled"]:[],...d?["tox-button--icon-and-text"]:[]],attributes:{...l,...g(o)?{"data-mce-name":o}:{}}},m=t.translate(e.text.getOr("")),p=Og(m),h=[...TA([r?.map((e=>e.asSpec()))]),...e.text.isSome()?[p]:[]],f=pI(i,A?.some((o=>{Rc(o,TD,{name:e.name,value:{setIcon:e=>{r?.map((n=>n.getOpt(o).each((o=>{Zm.set(o,[FB(e,t.icons)])}))))}}})})),[],u,h,e.tooltip,t);return _v.sketch(f)})(e,o.shared.providers,e.text.or(e.tooltip).getOrUndefined());throw console.error("Unknown footer button type: ",t),new Error("Unknown footer button type")},wI={type:"separator"},SI=e=>({type:"menuitem",value:e.url,text:e.title,meta:{attach:e.attach},onAction:b}),CI=(e,t)=>({type:"menuitem",value:t,text:e,meta:{attach:void 0},onAction:b}),kI=(e,t)=>(e=>L(e,SI))(((e,t)=>P(t,(t=>t.type===e)))(e,t)),OI=e=>kI("header",e.targets),_I=e=>kI("anchor",e.targets),TI=e=>A.from(e.anchorTop)?.map((e=>CI("<top>",e))).toArray(),EI=e=>A.from(e.anchorBottom)?.map((e=>CI("<bottom>",e))).toArray(),AI=(e,t)=>{const o=e.toLowerCase();return P(t,(e=>{var t;const n=void 0!==e.meta&&void 0!==e.meta.text?e.meta.text:e.text,s=null!==(t=e.value)&&void 0!==t?t:"";return Je(n.toLowerCase(),o)||Je(s.toLowerCase(),o)}))},MI=Ne("aria-invalid"),DI=e=>(t,o,n,s,r)=>fe(o,"name").fold((()=>e(o,s,A.none(),r)),(a=>t.field(a,e(o,s,fe(n,a),r)))),BI={bar:DI(((e,t)=>((e,t)=>({dom:{tag:"div",classes:["tox-bar","tox-form__controls-h-stack"]},components:L(e.items,t.interpreter)}))(e,t.shared))),collection:DI(((e,t,o)=>ID(e,t.shared.providers,o))),alertbanner:DI(((e,t)=>((e,t)=>{const o=iO(e.icon,t.icons);return rh.sketch({dom:{tag:"div",attributes:{role:"alert"},classes:["tox-notification","tox-notification--in",`tox-notification--${e.level}`]},components:[{dom:{tag:"div",classes:["tox-notification__icon"],innerHtml:e.url?void 0:o},components:e.url?[_v.sketch({dom:{tag:"button",classes:["tox-button","tox-button--naked","tox-button--icon"],innerHtml:o,attributes:{title:t.translate(e.iconTooltip)}},action:t=>Rc(t,TD,{name:"alert-banner",value:e.url}),buttonBehaviours:rd([lO()])})]:void 0},{dom:{tag:"div",classes:["tox-notification__body"],innerHtml:t.translate(e.text)}}]})})(e,t.shared.providers))),input:DI(((e,t,o)=>((e,t,o)=>ZB({name:e.name,multiline:!1,label:e.label,inputMode:e.inputMode,placeholder:e.placeholder,flex:!1,disabled:!e.enabled,classname:"tox-textfield",validation:A.none(),maximized:e.maximized,data:o,context:e.context},t))(e,t.shared.providers,o))),textarea:DI(((e,t,o)=>((e,t,o)=>ZB({name:e.name,multiline:!0,label:e.label,inputMode:A.none(),placeholder:e.placeholder,flex:!0,disabled:!e.enabled,classname:"tox-textarea",validation:A.none(),maximized:e.maximized,data:o,context:e.context},t))(e,t.shared.providers,o))),label:DI(((e,t,o,n)=>((e,t,o)=>{const n="tox-label",s="center"===e.align?[`${n}--center`]:[],r="end"===e.align?[`${n}--end`]:[],a=dv({dom:{tag:"label",classes:[n,...s,...r]},components:[Og(t.providers.translate(e.label))]}),i=L(e.items,t.interpreter);return{dom:{tag:"div",classes:["tox-form__group"]},components:[a.asSpec(),...i],behaviours:rd([zD(),Zm.config({}),(l=A.none(),UD(l,en,tn)),wm.config({mode:"acyclic"}),ud("label",[Jc((t=>{e.for.each((e=>{o(e).each((e=>{a.getOpt(t).each((t=>{var o;const n=null!==(o=qo(e.element,"id"))&&void 0!==o?o:Ne("form-field");Go(e.element,"id",n),Go(t.element,"for",n)}))}))}))}))])])};var l})(e,t.shared,n))),iframe:(DF=(e,t,o)=>((e,t,o)=>{const n="tox-dialog__iframe",s=e.transparent?[]:[`${n}--opaque`],r=e.border?["tox-navobj-bordered"]:[],a={...e.label?.map((e=>({title:e}))).getOr({}),...o?.map((e=>({srcdoc:e}))).getOr({}),...e.sandboxed?{sandbox:"allow-scripts allow-same-origin"}:{}},i=((e,t)=>{const o=ye(e.getOr(""));return{getValue:e=>o.get(),setValue:(e,n)=>{if(o.get()!==n){const o=e.element,s=()=>Go(o,"srcdoc",n);t?TB.fold(y(_B),(e=>e.throttle))(o,n,s):s()}o.set(n)}}})(o,e.streamContent),l=e.label?.map((e=>SD(e,t))),c=Ux.parts.field({factory:{sketch:e=>cB(A.from(r),{uid:e.uid,dom:{tag:"iframe",attributes:a,classes:[n,...s]},behaviours:rd([Pb.config({}),fd.config({}),PD(o,i.getValue,i.setValue),ob.config({channels:{[vB]:{onReceive:(e,t)=>{t.newFocus.each((t=>{po(e.element).each((o=>{(yt(e.element,t)?os:ss)(o,"tox-navobj-bordered-focus")}))}))}}}})])})}});return xD(l,c,["tox-form__group--stretched"],[])})(e,t.shared.providers,o),(e,t,o,n,s)=>{const r=Le(t,{source:"dynamic"});return DI(DF)(e,r,o,n,s)}),button:DI(((e,t)=>((e,t)=>{const o=xI(e.name,"custom");return n=A.none(),s=Ux.parts.field({factory:_v,...bI(e,A?.some(o),t,[WD(""),zD()])}),xD(n,s,[],[]);var n,s})(e,t.shared.providers))),checkbox:DI(((e,t,o)=>((e,t,o)=>{const n=e=>(e.element.dom.click(),A?.some(!0)),s=Ux.parts.field({factory:{sketch:w},dom:{tag:"input",classes:["tox-checkbox__input"],attributes:{type:"checkbox"}},behaviours:rd([zD(),tp.config({disabled:()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{po(e.element).each((e=>os(e,"tox-checkbox--disabled")))},onEnabled:e=>{po(e.element).each((e=>ss(e,"tox-checkbox--disabled")))}}),Pb.config({}),fd.config({}),UD(o,Jn,Kn),wm.config({mode:"special",onEnter:n,onSpace:n,stopSpaceKeyup:!0}),ud("checkbox-events",[Wc(ka(),((t,o)=>{Rc(t,CD,{name:e.name})}))])])}),r=Ux.parts.label({dom:{tag:"span",classes:["tox-checkbox__label"]},components:[Og(t.translate(e.label))],behaviours:rd([lv.config({})])}),a=e=>dO("checked"===e?"selected":"unselected",{tag:"span",classes:["tox-icon","tox-checkbox-icon__"+e]},t.icons),i=dv({dom:{tag:"div",classes:["tox-checkbox__icons"]},components:[a("checked"),a("unchecked")]});return Ux.sketch({dom:{tag:"label",classes:["tox-checkbox"]},components:[s,i.asSpec(),r],fieldBehaviours:rd([tp.config({disabled:()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable}),kA((()=>t.checkUiComponentContext(e.context)))])})})(e,t.shared.providers,o))),colorinput:DI(((e,t,o)=>((e,t,o,n)=>{const s=Ux.parts.field({factory:Zx,inputClasses:["tox-textfield"],data:n,onSetValue:e=>Kh.run(e).get(b),inputBehaviours:rd([tp.config({disabled:()=>t.providers.isDisabled()||t.providers.checkUiComponentContext(e.context).shouldDisable}),kA((()=>t.providers.checkUiComponentContext(e.context))),Pb.config({}),Kh.config({invalidClass:"tox-textbox-field-invalid",getRoot:e=>po(e.element),notify:{onValid:e=>{const t=Yh.getValue(e);Rc(e,FD,{color:t})}},validator:{validateOnLoad:!1,validate:e=>{const t=Yh.getValue(e);if(0===t.length)return _e(Ae.value(!0));{const e=it("span");dn(e,"background-color",t);const o=hn(e,"background-color").fold((()=>Ae.error("blah")),(e=>Ae.value(t)));return _e(o)}}}})]),selectOnFocus:!1}),r=e.label?.map((e=>SD(e,t.providers))),a=(e,t)=>{Rc(e,RD,{value:t})},i=dv(((e,t)=>kx.sketch({dom:e.dom,components:e.components,toggleClass:"mce-active",dropdownBehaviours:rd([uA((()=>t.providers.isDisabled()||t.providers.checkUiComponentContext(e.context).shouldDisable)),kA((()=>t.providers.checkUiComponentContext(e.context))),lv.config({}),Pb.config({})]),layouts:e.layouts,sandboxClasses:["tox-dialog__popups"],lazySink:t.getSink,fetch:o=>Oe((t=>e.fetch(t)))?.map((n=>A.from(hD(Le(QM(Ne("menu-value"),n,(t=>{e.onItemAction(o,t)}),e.columns,e.presets,hO.CLOSE_ON_EXECUTE,T,t.providers),{movement:eD(e.columns,e.presets)}))))),parts:{menu:IO(0,0,e.presets)}}))({dom:{tag:"span",attributes:{"aria-label":t.providers.translate("Color swatch")}},layouts:{onRtl:()=>[Ul,Pl,jl],onLtr:()=>[Pl,Ul,jl]},components:[],fetch:$M(o.getColors(e.storageKey),e.storageKey,o.hasCustomColors()),columns:o.getColorCols(e.storageKey),presets:"color",onItemAction:(t,n)=>{i.getOpt(t).each((t=>{"custom"===n?o.colorPicker((o=>{o.fold((()=>Fc(t,ND)),(o=>{a(t,o),TM(e.storageKey,o)}))}),"#ffffff"):a(t,"remove"===n?"":n)}))},context:e.context},t));return Ux.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:r.toArray().concat([{dom:{tag:"div",classes:["tox-color-input"]},components:[s,i.asSpec()]}]),fieldBehaviours:rd([ud("form-field-events",[Wc(FD,((t,o)=>{i.getOpt(t).each((e=>{dn(e.element,"background-color",o.event.color)})),Rc(t,CD,{name:e.name})})),Wc(RD,((e,t)=>{Ux.getField(e).each((o=>{Yh.setValue(o,t.event.value),zg.getCurrent(e).each(fd.focus)}))})),Wc(ND,((e,t)=>{Ux.getField(e).each((t=>{zg.getCurrent(e).each(fd.focus)}))}))])])})})(e,t.shared,t.colorinput,o))),colorpicker:DI(((e,t,o)=>((e,t,o)=>{const n=e=>"tox-"+e,s=ZD((e=>t=>r(t)?e.translate(eB[t]):e.translate(t))(t),n,t.tooltips.getConfig,((e,o,n=e,s=e)=>dO(n,{tag:"div",classes:["tox-icon","tox-control-wrap__status-icon-"+e],attributes:{title:t.translate(s),"aria-live":"polite",...o.fold((()=>({})),(e=>({id:e})))}},t.icons))),a=dv(s.sketch({dom:{tag:"div",classes:[n("color-picker-container")],attributes:{role:"presentation"}},onValidHex:e=>{Rc(e,TD,{name:"hex-valid",value:!0})},onInvalidHex:e=>{Rc(e,TD,{name:"hex-valid",value:!1})}}));return{dom:{tag:"div"},components:[a.asSpec()],behaviours:rd([PD(o,(e=>{const t=a.get(e);return zg.getCurrent(t).bind((e=>Yh.getValue(e).hex))?.map((e=>"#"+Ke(e,"#"))).getOr("")}),((e,t)=>{const o=A.from(/^#([a-fA-F0-9]{3}(?:[a-fA-F0-9]{3})?)/.exec(t)).bind((e=>ee(e,1))),n=a.get(e);zg.getCurrent(n).fold((()=>{console.log("Can not find form")}),(e=>{Yh.setValue(e,{hex:o.getOr("")}),Ax.getField(e,"hex").each((e=>{Fc(e,Ca())}))}))})),zD()])}})(0,t.shared.providers,o))),dropzone:DI(((e,t,o)=>rB(e,t.shared.providers,o))),grid:DI(((e,t)=>((e,t)=>({dom:{tag:"div",classes:["tox-form__grid",`tox-form__grid--${e.columns}col`]},components:L(e.items,t.interpreter)}))(e,t.shared))),listbox:DI(((e,t,o)=>((e,t,o)=>{const n=R(e.items,(e=>!$B(e))),s=t.shared.providers,r=o.bind((t=>qB(e.items,t))).orThunk((()=>te(e.items).filter($B))),a=e.label?.map((e=>SD(e,s))),i=Ux.parts.field({dom:{},factory:{sketch:o=>VB({context:e.context,uid:o.uid,text:r?.map((e=>e.text)),icon:A.none(),tooltip:A.none(),role:$e(!n,"combobox"),...n?{}:{listRole:"listbox"},ariaLabel:e.label,fetch:(o,s)=>{const r=jB(o,e.name,e.items,Yh.getValue(o),n);s(WB(r,hO.CLOSE_ON_EXECUTE,t,{isHorizontalMenu:!1,search:A.none()}))},onSetup:y(b),getApi:y({}),columns:1,presets:"normal",classes:[],dropdownBehaviours:[Pb.config({}),PD(r?.map((e=>e.value)),(e=>qo(e.element,GB)),((t,o)=>{qB(e.items,o).each((e=>{Go(t.element,GB,e.value),Rc(t,NB,{text:e.text})}))}))]},"tox-listbox",t.shared)}}),l={dom:{tag:"div",classes:["tox-listboxfield"]},components:[i]};return Ux.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:j([a.toArray(),[l]]),fieldBehaviours:rd([tp.config({disabled:()=>!e.enabled||s.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{Ux.getField(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable)}})])})})(e,t,o))),selectbox:DI(((e,t,o)=>((e,t,o)=>{const n=L(e.items,(e=>({text:t.translate(e.text),value:e.value}))),s=e.label?.map((e=>SD(e,t))),r=Ux.parts.field({dom:{},...o?.map((e=>({data:e}))).getOr({}),selectAttributes:{size:e.size},options:n,factory:qx,selectBehaviours:rd([tp.config({disabled:()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable}),Pb.config({}),ud("selectbox-change",[Wc(ka(),((t,o)=>{Rc(t,CD,{name:e.name})}))])])}),a=e.size>1?A.none():A?.some(dO("chevron-down",{tag:"div",classes:["tox-selectfield__icon-js"]},t.icons)),i={dom:{tag:"div",classes:["tox-selectfield"]},components:j([[r],a.toArray()])};return Ux.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:j([s.toArray(),[i]]),fieldBehaviours:rd([tp.config({disabled:()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{Ux.getField(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable)}}),kA((()=>t.checkUiComponentContext(e.context)))])})})(e,t.shared.providers,o))),sizeinput:DI(((e,t)=>((e,t)=>{let o=JB;const n=Ne("ratio-event"),s=e=>dO(e,{tag:"span",classes:["tox-icon","tox-lock-icon__"+e]},t.icons),r=()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable,a=kA((()=>t.checkUiComponentContext(e.context))),i=e.label.getOr("Constrain proportions"),l=t.translate(i),c=jx.parts.lock({dom:{tag:"button",classes:["tox-lock","tox-button","tox-button--naked","tox-button--icon"],attributes:{"aria-label":l,"data-mce-name":i}},components:[s("lock"),s("unlock")],buttonBehaviours:rd([tp.config({disabled:r}),a,Pb.config({}),iv.config(t.tooltips.getConfig({tooltipText:l}))])}),d=e=>({dom:{tag:"div",classes:["tox-form__group"]},components:e}),u=t=>Ux.parts.field({factory:Zx,inputClasses:["tox-textfield"],inputBehaviours:rd([tp.config({disabled:r}),a,Pb.config({}),ud("size-input-events",[Wc(xa(),((e,o)=>{Rc(e,n,{isField1:t})})),Wc(ka(),((t,o)=>{Rc(t,CD,{name:e.name})}))])]),selectOnFocus:!1}),m=e=>({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}),g=jx.parts.field1(d([Ux.parts.label(m("Width")),u(!0)])),p=jx.parts.field2(d([Ux.parts.label(m("Height")),u(!1)]));return jx.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:[{dom:{tag:"div",classes:["tox-form__controls-h-stack"]},components:[g,p,d([m("\xa0"),c])]}],field1Name:"width",field2Name:"height",locked:!0,markers:{lockClass:"tox-locked"},onLockedChange:(e,t,n)=>{YB(Yh.getValue(e)).each((e=>{o(e).each((e=>{Yh.setValue(t,XB(e))}))}))},coupledFieldBehaviours:rd([tp.config({disabled:r,onDisabled:e=>{jx.getField1(e).bind(Ux.getField).each(tp.disable),jx.getField2(e).bind(Ux.getField).each(tp.disable),jx.getLock(e).each(tp.disable)},onEnabled:e=>{jx.getField1(e).bind(Ux.getField).each(tp.enable),jx.getField2(e).bind(Ux.getField).each(tp.enable),jx.getLock(e).each(tp.enable)}}),kA((()=>t.checkUiComponentContext("mode:design"))),ud("size-input-events2",[Wc(n,((e,t)=>{const n=t.event.isField1,s=n?jx.getField1(e):jx.getField2(e),r=n?jx.getField2(e):jx.getField1(e),a=s?.map(Yh.getValue).getOr(""),i=r?.map(Yh.getValue).getOr("");o=QB(a,i)}))])])})})(e,t.shared.providers))),slider:DI(((e,t,o)=>((e,t,o)=>{const n=Pw.parts.label({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e.label))]}),s=Pw.parts.spectrum({dom:{tag:"div",classes:["tox-slider__rail"],attributes:{role:"presentation"}}}),r=Pw.parts.thumb({dom:{tag:"div",classes:["tox-slider__handle"],attributes:{role:"presentation"}}});return Pw.sketch({dom:{tag:"div",classes:["tox-slider"],attributes:{role:"presentation"}},model:{mode:"x",minX:e.min,maxX:e.max,getInitialValue:y(o.getOrThunk((()=>(Math.abs(e.max)-Math.abs(e.min))/2)))},components:[n,s,r],sliderBehaviours:rd([zD(),fd.config({})]),onChoose:(t,o,n)=>{Rc(t,CD,{name:e.name,value:n})},onChange:(t,o,n)=>{Rc(t,CD,{name:e.name,value:n})}})})(e,t.shared.providers,o))),urlinput:DI(((e,t,o)=>((e,t,o,n)=>{const s=t.shared.providers,r=t=>{const n=Yh.getValue(t);o.addToHistory(n.value,e.filetype)},a={...n?.map((e=>({initialData:e}))).getOr({}),dismissOnBlur:!0,inputClasses:["tox-textfield"],sandboxClasses:["tox-dialog__popups"],inputAttributes:{"aria-errormessage":MI,type:"url"},minChars:0,responseTime:0,fetch:n=>{const s=((e,t,o)=>{var n,s;const r=Yh.getValue(t),a=null!==(s=null===(n=null==r?void 0:r.meta)||void 0===n?void 0:n.text)&&void 0!==s?s:r.value;return o.getLinkInformation().fold((()=>[]),(t=>{const n=AI(a,(e=>L(e,(e=>CI(e,e))))(o.getHistory(e)));return"file"===e?(s=[n,AI(a,OI(t)),AI(a,j([TI(t),_I(t),EI(t)]))],W(s,((e,t)=>0===e.length||0===t.length?e.concat(t):e.concat(wI,t)),[])):n;var s}))})(e.filetype,n,o),r=WB(s,hO.BUBBLE_TO_SANDBOX,t,{isHorizontalMenu:!1,search:A.none()});return _e(r)},getHotspot:e=>g.getOpt(e),onSetValue:(e,t)=>{e.hasConfigured(Kh)&&Kh.run(e).get(b)},typeaheadBehaviours:rd([...o.getValidationHandler()?.map((t=>Kh.config({getRoot:e=>po(e.element),invalidClass:"tox-control-wrap--status-invalid",notify:{onInvalid:(e,t)=>{c.getOpt(e).each((e=>{Go(e.element,"title",s.translate(t))}))}},validator:{validate:o=>{const n=Yh.getValue(o);return De((o=>{t({type:e.filetype,url:n.value},(e=>{if("invalid"===e.status){const t=Ae.error(e.message);o(t)}else{const t=Ae.value(e.message);o(t)}}))}))},validateOnLoad:!1}}))).toArray(),tp.config({disabled:()=>!e.enabled||s.checkUiComponentContext(e.context).shouldDisable}),Pb.config({}),ud("urlinput-events",[Wc(Ca(),(t=>{const o=cs(t.element),n=o.trim();n!==o&&ds(t.element,n),"file"===e.filetype&&Rc(t,CD,{name:e.name})})),Wc(ka(),(t=>{Rc(t,CD,{name:e.name}),r(t)})),Wc(Fa(),(t=>{Rc(t,CD,{name:e.name}),r(t)}))])]),eventOrder:{[Ca()]:["streaming","urlinput-events","invalidating"]},model:{getDisplayText:e=>e.value,selectsOver:!1,populateFromBrowse:!1},markers:{openClass:"tox-textfield--popup-open"},lazySink:t.shared.getSink,parts:{menu:IO(0,0,"normal")},onExecute:(e,t,o)=>{Rc(t,ED,{})},onItemExecute:(t,o,n,s)=>{r(t),Rc(t,CD,{name:e.name})}},i=Ux.parts.field({...a,factory:RS}),l=e.label?.map((e=>SD(e,s))),c=dv(((e,t,o=e,n=e)=>dO(o,{tag:"div",classes:["tox-icon","tox-control-wrap__status-icon-"+e],attributes:{title:s.translate(n),"aria-live":"polite",...t.fold((()=>({})),(e=>({id:e})))}},s.icons))("invalid",A?.some(MI),"warning")),d=dv({dom:{tag:"div",classes:["tox-control-wrap__status-icon-wrap"]},components:[c.asSpec()]}),u=o.getUrlPicker(e.filetype),m=Ne("browser.url.event"),g=dv({dom:{tag:"div",classes:["tox-control-wrap"]},components:[i,d.asSpec()],behaviours:rd([tp.config({disabled:()=>!e.enabled||s.checkUiComponentContext(e.context).shouldDisable})])}),p=dv(vI({context:e.context,name:e.name,icon:A?.some("browse"),text:e.picker_text.or(e.label).getOr(""),enabled:e.enabled,primary:!1,buttonType:A.none(),borderless:!0},(e=>Fc(e,m)),s,[],["tox-browse-url"]));return Ux.sketch({dom:wD([]),components:l.toArray().concat([{dom:{tag:"div",classes:["tox-form__controls-h-stack"]},components:j([[g.asSpec()],u?.map((()=>p.asSpec())).toArray()])}]),fieldBehaviours:rd([tp.config({disabled:()=>!e.enabled||s.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{Ux.getField(e).each(tp.disable),p.getOpt(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable),p.getOpt(e).each(tp.enable)}}),kA((()=>s.checkUiComponentContext(e.context))),ud("url-input-events",[Wc(m,(t=>{zg.getCurrent(t).each((o=>{const n=Yh.getValue(o),s={fieldname:e.name,...n};u.each((n=>{n(s).get((n=>{Yh.setValue(o,n),Rc(t,CD,{name:e.name})}))}))}))}))])])})})(e,t,t.urlinput,o))),customeditor:DI((e=>{const t=Xe(),o=dv({dom:{tag:e.tag}}),n=Xe(),s=!oB(e)&&e.onFocus.isSome()?[fd.config({onFocus:t=>{e.onFocus.each((e=>{e(t.element.dom)}))}}),Pb.config({})]:[];return{dom:{tag:"div",classes:["tox-custom-editor"]},behaviours:rd([ud("custom-editor-events",[Jc((s=>{o.getOpt(s).each((o=>{(oB(e)?e.init(o.element.dom):tB.load(e.scriptId,e.scriptUrl).then((t=>t(o.element.dom,e.settings)))).then((e=>{n.on((t=>{e.setValue(t)})),n.clear(),t.set(e)}))}))}))]),PD(A.none(),(()=>t.get().fold((()=>n.get().getOr("")),(e=>e.getValue()))),((e,o)=>{t.get().fold((()=>n.set(o)),(e=>e.setValue(o)))})),zD()].concat(s)),components:[o.asSpec()]}})),htmlpanel:DI(((e,t)=>((e,t)=>{const o=["tox-form__group",...e.stretched?["tox-form__group--stretched"]:[]],n=ud("htmlpanel",[Jc((t=>{e.onInit(t.element.dom)}))]);return"presentation"===e.presets?rh.sketch({dom:{tag:"div",classes:o,innerHtml:e.html},containerBehaviours:rd([iv.config({...t.tooltips.getConfig({tooltipText:"",onShow:e=>{Xn(e.element,"[data-mce-tooltip]:hover").orThunk((()=>Lo(e.element))).each((o=>{Xo(o,"data-mce-tooltip").each((o=>{iv.setComponents(e,t.tooltips.getComponents({tooltipText:o}))}))}))}}),mode:"children-normal",anchor:e=>({type:"node",node:Xn(e.element,"[data-mce-tooltip]:hover").orThunk((()=>Lo(e.element).filter((e=>Xo(e,"data-mce-tooltip").isSome())))),root:e.element,layouts:{onLtr:y([jl,Gl,Pl,Wl,Ul,$l]),onRtl:y([jl,Gl,Pl,Wl,Ul,$l])},bubble:wl(0,-2,{})})}),n])}):rh.sketch({dom:{tag:"div",classes:o,innerHtml:e.html,attributes:{role:"document"}},containerBehaviours:rd([Pb.config({}),fd.config({}),n])})})(e,t.shared.providers))),imagepreview:DI(((e,t,o)=>((e,t)=>{const o=ye(t.getOr({url:""})),n=dv({dom:{tag:"img",classes:["tox-imagepreview__image"],attributes:t?.map((e=>({src:e.url}))).getOr({})}}),s=dv({dom:{tag:"div",classes:["tox-imagepreview__container"],attributes:{role:"presentation"}},components:[n.asSpec()]}),r={};e.height.each((e=>r.height=e));const a=t?.map((e=>({url:e.url,zoom:A.from(e.zoom),cachedWidth:A.from(e.cachedWidth),cachedHeight:A.from(e.cachedHeight)})));return{dom:{tag:"div",classes:["tox-imagepreview"],styles:r,attributes:{role:"presentation"}},components:[s.asSpec()],behaviours:rd([zD(),PD(a,(()=>o.get()),((e,t)=>{const r={url:t.url};t.zoom.each((e=>r.zoom=e)),t.cachedWidth.each((e=>r.cachedWidth=e)),t.cachedHeight.each((e=>r.cachedHeight=e)),o.set(r);const a=()=>{const{cachedWidth:t,cachedHeight:o,zoom:n}=r;if(!u(t)&&!u(o)){if(u(n)){const n=((e,t,o)=>{const n=Tn(e),s=Sn(e);return Math.min(n/t,s/o,1)})(e.element,t,o);r.zoom=n}const a=((e,t,o,n,s)=>{const r=o*s,a=n*s,i=Math.max(0,e/2-r/2),l=Math.max(0,t/2-a/2);return{left:i.toString()+"px",top:l.toString()+"px",width:r.toString()+"px",height:a.toString()+"px"}})(Tn(e.element),Sn(e.element),t,o,r.zoom);s.getOpt(e).each((e=>{un(e.element,a)}))}};n.getOpt(e).each((o=>{const n=o.element;t.url!==qo(n,"src")&&(Go(n,"src",t.url),ss(e.element,"tox-imagepreview__loaded")),a(),on(n).then((t=>{e.getSystem().isConnected()&&(os(e.element,"tox-imagepreview__loaded"),r.cachedWidth=t.dom.naturalWidth,r.cachedHeight=t.dom.naturalHeight,a())}))}))}))])}})(e,o))),table:DI(((e,t)=>((e,t)=>{const o=e=>({dom:{tag:"td",innerHtml:t.translate(e)}});return{dom:{tag:"table",classes:["tox-dialog__table"]},components:[(s=e.header,{dom:{tag:"thead"},components:[{dom:{tag:"tr"},components:L(s,(e=>({dom:{tag:"th",innerHtml:t.translate(e)}})))}]}),(n=e.cells,{dom:{tag:"tbody"},components:L(n,(e=>({dom:{tag:"tr"},components:L(e,o)})))})],behaviours:rd([Pb.config({}),fd.config({})])};var n,s})(e,t.shared.providers))),tree:DI(((e,t)=>((e,t)=>{const o=e.onLeafAction.getOr(b),n=e.onToggleExpand.getOr(b),s=e.defaultExpandedIds,r=ye(s),a=ye(e.defaultSelectedId),i=Ne("tree-id"),l=(n,s)=>e.items?.map((e=>"leaf"===e.type?aI({leaf:e,selectedId:n,onLeafAction:o,visible:!0,treeId:i,backstage:t}):mI({directory:e,selectedId:n,onLeafAction:o,expandedIds:s,labelTabstopping:!0,treeId:i,backstage:t})));return{dom:{tag:"div",classes:["tox-tree"],attributes:{role:"tree"}},components:l(a.get(),r.get()),behaviours:rd([wm.config({mode:"flow",selector:".tox-tree--leaf__label--visible, .tox-tree--directory__label--visible",cycles:!1}),ud(gI,[Wc("expand-tree-node",((e,t)=>{const{expanded:o,node:s}=t.event;r.set(o?[...r.get(),s]:r.get().filter((e=>e!==s))),n(r.get(),{expanded:o,node:s})}))]),ob.config({channels:{[`update-active-item-${i}`]:{onReceive:(e,t)=>{a.set(A?.some(t.value)),Zm.set(e,l(A?.some(t.value),r.get()))}}}}),Zm.config({})])}})(e,t))),panel:DI(((e,t)=>((e,t)=>({dom:{tag:"div",classes:e.classes},components:L(e.items,t.shared.interpreter)}))(e,t)))},II={field:(e,t)=>t,record:y([])},FI=(e,t,o,n,s)=>{const r=Le(n,{shared:{interpreter:t=>RI(e,t,o,r,s)}});return RI(e,t,o,r,s)},RI=(e,t,o,n,s)=>fe(BI,t.type).fold((()=>(console.error(`Unknown factory type "${t.type}", defaulting to container: `,t),t)),(r=>r(e,t,o,n,s))),NI=(e,t,o,n)=>RI(II,e,t,o,n),zI={valignCentre:[],alignCentre:[],alignLeft:[],alignRight:[],right:[],left:[],bottom:[],top:[]},LI=(e,t,o)=>{const n={maxHeightFunction:kc()};return()=>o()?{type:"node",root:Co(So(e())),node:A.from(e()),bubble:wl(12,12,zI),layouts:{onRtl:()=>[gc],onLtr:()=>[mc]},overrides:n}:{type:"hotspot",hotspot:t(),bubble:wl(-12,12,zI),layouts:{onRtl:()=>[Pl,Ul,jl],onLtr:()=>[Ul,Pl,jl]},overrides:n}},VI=(e,t,o,n)=>{const s={maxHeightFunction:kc()};return()=>n()?{type:"node",root:Co(So(t())),node:A.from(t()),bubble:wl(12,12,zI),layouts:{onRtl:()=>[pc],onLtr:()=>[pc]},overrides:s}:e?{type:"node",root:Co(So(t())),node:A.from(t()),bubble:wl(0,-Cn(t()),zI),layouts:{onRtl:()=>[Gl],onLtr:()=>[Gl]},overrides:s}:{type:"hotspot",hotspot:o(),bubble:wl(0,0,zI),layouts:{onRtl:()=>[Gl],onLtr:()=>[Gl]},overrides:s}},HI=(e,t,o)=>()=>o()?{type:"node",root:Co(So(e())),node:A.from(e()),layouts:{onRtl:()=>[pc],onLtr:()=>[pc]}}:{type:"hotspot",hotspot:t(),layouts:{onRtl:()=>[jl],onLtr:()=>[jl]}},PI=(e,t)=>()=>({type:"selection",root:t(),getSelection:()=>{const t=e.selection.getRng(),o=e.model.table.getSelectedCells();if(o.length>1){const e=o[0],t=o[o.length-1],n={firstCell:ct(e),lastCell:ct(t)};return A?.some(n)}return A?.some(Ss.range(ct(t.startContainer),t.startOffset,ct(t.endContainer),t.endOffset))}}),UI=e=>t=>({type:"node",root:e(),node:t}),WI=(e,t,o,n)=>{const s=PC(e),r=()=>ct(e.getBody()),a=()=>ct(e.getContentAreaContainer()),i=()=>s||!n();return{inlineDialog:LI(a,t,i),inlineBottomDialog:VI(e.inline,a,o,i),banner:HI(a,t,i),cursor:PI(e,r),node:UI(r)}},$I=e=>(t,o)=>{JM(e)(t,o)},GI=e=>()=>zM(e),jI=e=>t=>IM(e,t),qI=e=>t=>NM(e,t),XI=e=>()=>wC(e),YI=e=>ve(e,"items"),KI=e=>ve(e,"format"),JI=[{title:"Headings",items:[{title:"Heading 1",format:"h1"},{title:"Heading 2",format:"h2"},{title:"Heading 3",format:"h3"},{title:"Heading 4",format:"h4"},{title:"Heading 5",format:"h5"},{title:"Heading 6",format:"h6"}]},{title:"Inline",items:[{title:"Bold",format:"bold"},{title:"Italic",format:"italic"},{title:"Underline",format:"underline"},{title:"Strikethrough",format:"strikethrough"},{title:"Superscript",format:"superscript"},{title:"Subscript",format:"subscript"},{title:"Code",format:"code"}]},{title:"Blocks",items:[{title:"Paragraph",format:"p"},{title:"Blockquote",format:"blockquote"},{title:"Div",format:"div"},{title:"Pre",format:"pre"}]},{title:"Align",items:[{title:"Left",format:"alignleft"},{title:"Center",format:"aligncenter"},{title:"Right",format:"alignright"},{title:"Justify",format:"alignjustify"}]}],QI=e=>W(e,((e,t)=>{if(be(t,"items")){const o=QI(t.items);return{customFormats:e.customFormats.concat(o.customFormats),formats:e.formats.concat([{title:t.title,items:o.formats}])}}if(be(t,"inline")||(e=>be(e,"block"))(t)||(e=>be(e,"selector"))(t)){const o=`custom-${r(t.name)?t.name:t.title.toLowerCase()}`;return{customFormats:e.customFormats.concat([{name:o,format:t}]),formats:e.formats.concat([{title:t.title,format:o,icon:t.icon}])}}return{...e,formats:e.formats.concat(t)}}),{customFormats:[],formats:[]}),ZI=e=>eC(e)?.map((t=>{const o=((e,t)=>{const o=QI(t),n=t=>{V(t,(t=>{e.formatter.has(t.name)||e.formatter.register(t.name,t.format)}))};return e.formatter?n(o.customFormats):e.on("init",(()=>{n(o.customFormats)})),o.formats})(e,t);return tC(e)?JI.concat(o):o})).getOr(JI),eF=(e,t,o)=>({...e,type:"formatter",isSelected:t(e.format),getStylePreview:o(e.format)}),tF=(e,t,o,n)=>{const s=t=>L(t,(t=>YI(t)?(e=>{const t=s(e.items);return{...e,type:"submenu",getStyleItems:y(t)}})(t):KI(t)?(e=>eF(e,o,n))(t):(e=>{const t=re(e);return 1===t.length&&F(t,"title")})(t)?{...t,type:"separator"}:(t=>{const s=r(t.name)?t.name:Ne(t.title),a=`custom-${s}`,i={...t,type:"formatter",format:a,isSelected:o(a),getStylePreview:n(a)};return e.formatter.register(s,i),i})(t)));return s(t)},oF=e=>{let t=0;const o=e=>[{dom:{tag:"div",classes:["tox-tooltip__body"]},components:[Og(e.tooltipText)]}];return{getConfig:n=>({delayForShow:()=>t>0?60:300,delayForHide:y(300),exclusive:!0,lazySink:e,tooltipDom:{tag:"div",classes:["tox-tooltip","tox-tooltip--up"]},tooltipComponents:o(n),onShow:(e,o)=>{t++,n.onShow&&n.onShow(e,o)},onHide:(e,o)=>{t--,n.onHide&&n.onHide(e,o)},onSetup:n.onSetup}),getComponents:o}},nF=nB.trim,sF=e=>t=>{if((e=>g(e)&&1===e.nodeType)(t)){if(t.contentEditable===e)return!0;if(t.getAttribute("data-mce-contenteditable")===e)return!0}return!1},rF=sF("true"),aF=sF("false"),iF=(e,t,o,n,s)=>({type:e,title:t,url:o,level:n,attach:s}),lF=e=>e.innerText||e.textContent,cF=e=>(e=>e&&"A"===e.nodeName&&void 0!==(e.id||e.name))(e)&&uF(e),dF=e=>e&&/^(H[1-6])$/.test(e.nodeName),uF=e=>(e=>{let t=e;for(;t=t.parentNode;){const e=t.contentEditable;if(e&&"inherit"!==e)return rF(t)}return!1})(e)&&!aF(e),mF=e=>dF(e)&&uF(e),gF=e=>{var t;const o=(e=>e.id?e.id:Ne("h"))(e);return iF("header",null!==(t=lF(e))&&void 0!==t?t:"","#"+o,(e=>dF(e)?parseInt(e.nodeName.substr(1),10):0)(e),(()=>{e.id=o}))},pF=e=>{const t=e.id||e.name,o=lF(e);return iF("anchor",o||"#"+t,"#"+t,0,b)},hF=e=>nF(e.title).length>0,fF=e=>{const t=(e=>{const t=L(ms(ct(e),"h1,h2,h3,h4,h5,h6,a:not([href])"),(e=>e.dom));return t})(e);return P((e=>L(P(e,mF),gF))(t).concat((e=>L(P(e,cF),pF))(t)),hF)},bF="tinymce-url-history",vF=e=>r(e)&&/^https?/.test(e),xF=e=>a(e)&&pe(e,(e=>{return!(l(t=e)&&t.length<=5&&X(t,vF));var t})).isNone(),yF=()=>{const e=kM.getItem(bF);if(null===e)return{};let t;try{t=JSON.parse(e)}catch(e){if(e instanceof SyntaxError)return console.log("Local storage "+bF+" was not valid JSON",e),{};throw e}return xF(t)?t:(console.log("Local storage "+bF+" was not valid format",t),{})},wF=e=>{const t=yF();return fe(t,e).getOr([])},SF=(e,t)=>{if(!vF(e))return;const o=yF(),n=fe(o,t).getOr([]),s=P(n,(t=>t!==e));o[t]=[e].concat(s).slice(0,5),(e=>{if(!xF(e))throw new Error("Bad format for history:\n"+JSON.stringify(e));kM.setItem(bF,JSON.stringify(e))})(o)},CF=e=>!!e,kF=e=>le(nB.makeMap(e,/[, ]/),CF),OF=e=>A.from(pC(e)),_F=e=>A.from(e).filter(r).getOrUndefined(),TF=e=>({getHistory:wF,addToHistory:SF,getLinkInformation:()=>(e=>vC(e)?A?.some({targets:fF(e.getBody()),anchorTop:_F(xC(e)),anchorBottom:_F(yC(e))}):A.none())(e),getValidationHandler:()=>(e=>A.from(hC(e)))(e),getUrlPicker:t=>((e,t)=>((e,t)=>{const o=(e=>{const t=A.from(bC(e)).filter(CF)?.map(kF);return OF(e).fold(T,(e=>t.fold(E,(e=>re(e).length>0&&e))))})(e);return d(o)?o?OF(e):A.none():o[t]?OF(e):A.none()})(e,t)?.map((o=>n=>Oe((s=>{const i={filetype:t,fieldname:n.fieldname,...A.from(n.meta).getOr({})};o.call(e,((e,t)=>{if(!r(e))throw new Error("Expected value to be string");if(void 0!==t&&!a(t))throw new Error("Expected meta to be a object");s({value:e,meta:t})}),n.value,i)})))))(e,t)}),EF=b,AF=T,MF=y([]);var DF,BF=Object.freeze({__proto__:null,setup:EF,isDocked:AF,getBehaviours:MF});const IF=y(Ne("toolbar-height-change")),FF={fadeInClass:"tox-editor-dock-fadein",fadeOutClass:"tox-editor-dock-fadeout",transitionClass:"tox-editor-dock-transition"},RF="tox-tinymce--toolbar-sticky-on",NF="tox-tinymce--toolbar-sticky-off",zF=(e,t)=>F(Ep.getModes(e),t),LF=e=>{const t=e.element;po(t).each((o=>{const n="padding-"+Ep.getModes(e)[0];if(Ep.isDocked(e)){const e=Tn(o);dn(t,"width",e+"px"),dn(o,n,(e=>Cn(e)+(parseInt(gn(e,"margin-top"),10)||0)+(parseInt(gn(e,"margin-bottom"),10)||0))(t)+"px")}else vn(t,"width"),vn(o,n)}))},VF=(e,t)=>{t?(ss(e,FF.fadeOutClass),as(e,[FF.transitionClass,FF.fadeInClass])):(ss(e,FF.fadeInClass),as(e,[FF.fadeOutClass,FF.transitionClass]))},HF=(e,t)=>{const o=ct(e.getContainer());t?(os(o,RF),ss(o,NF)):(os(o,NF),ss(o,RF))},PF=(e,t)=>{const o=Xe(),n=t.getSink,s=e=>{n().each((t=>e(t.element)))},r=t=>{e.inline||LF(t),HF(e,Ep.isDocked(t)),t.getSystem().broadcastOn([pv()],{}),n().each((e=>e.getSystem().broadcastOn([pv()],{})))},a=e.inline?[]:[ob.config({channels:{[IF()]:{onReceive:LF}}})];return[fd.config({}),Ep.config({contextual:{lazyContext:t=>{const o=Cn(t.element),n=e.inline?e.getContentAreaContainer():e.getContainer();return A.from(n)?.map((n=>{const s=Rs(ct(n));return QC(e,t.element).fold((()=>{const e=s.height-o,n=s.y+(zF(t,"top")?0:o);return Fs(s.x,n,s.width,e)}),(e=>{const n=zs(s,ZC(e)),r=zF(t,"top")?n.y:n.y+o;return Fs(n.x,r,n.width,n.height-o)}))}))},onShow:()=>{s((e=>VF(e,!0)))},onShown:e=>{s((e=>is(e,[FF.transitionClass,FF.fadeInClass]))),o.get().each((t=>{((e,t)=>{const o=lo(t);zo(o).filter((e=>!yt(t,e))).filter((t=>yt(t,ct(o.dom.body))||wt(e,t))).each((()=>Fo(t)))})(e.element,t),o.clear()}))},onHide:e=>{((e,t)=>Lo(e).orThunk((()=>t().toOptional().bind((e=>Lo(e.element))))))(e.element,n).fold(o.clear,o.set),s((e=>VF(e,!1)))},onHidden:()=>{s((e=>is(e,[FF.transitionClass])))},...FF},lazyViewport:t=>QC(e,t.element).fold((()=>{const o=Ls(),n=uC(e),s=o.y+(zF(t,"top")&&!JC(e)?n:0),r=o.height-(zF(t,"bottom")?n:0);return{bounds:Fs(o.x,s,o.width,r),optScrollEnv:A.none()}}),(e=>({bounds:ZC(e),optScrollEnv:A?.some({currentScrollTop:e.element.dom.scrollTop,scrollElmTop:In(e.element).top})}))),modes:[t.header.getDockingMode()],onDocked:r,onUndocked:r}),...a]};var UF=Object.freeze({__proto__:null,setup:(e,t,o)=>{e.inline||(t.header.isPositionedAtTop()||e.on("ResizeEditor",(()=>{o().each(Ep.reset)})),e.on("ResizeWindow ResizeEditor",(()=>{o().each(LF)})),e.on("SkinLoaded",(()=>{o().each((e=>{Ep.isDocked(e)?Ep.reset(e):Ep.refresh(e)}))})),e.on("FullscreenStateChanged",(()=>{o().each(Ep.reset)}))),e.on("AfterScrollIntoView",(e=>{o().each((t=>{Ep.refresh(t);const o=t.element;kn(o)&&((e,t)=>{const o=lo(t),n=mo(t).dom.innerHeight,s=Rn(o),r=ct(e.elm),a=Ns(r),i=Sn(r),l=a.y,c=l+i,d=In(t),u=Sn(t),m=d.top,g=m+u,p=Math.abs(m-s.top)<2,h=Math.abs(g-(s.top+n))<2;if(p&&l<g)Nn(s.left,l-u,o);else if(h&&c>m){const e=l-n+i+u;Nn(s.left,e,o)}})(e,o)}))})),e.on("PostRender",(()=>{HF(e,!1)}))},isDocked:e=>e()?.map(Ep.isDocked).getOr(!1),getBehaviours:PF}),WF=nh({factory:(e,t)=>{const o={focus:wm.focusIn,setMenus:(e,o)=>{const n=L(o,(e=>{const o={type:"menubutton",text:e.text,fetch:t=>{t(e.getItems())},context:"any"},n=HT(o).mapError((e=>Ar(e))).getOrDie();return tI(n,"tox-mbtn",t.backstage,A?.some("menuitem"))}));Zm.set(e,n)}};return{uid:e.uid,dom:e.dom,components:[],behaviours:rd([Zm.config({}),ud("menubar-events",[Jc((t=>{e.onSetup(t)})),Wc(va(),((e,t)=>{Xn(e.element,".tox-mbtn--active").each((o=>{Yn(t.event.target,".tox-mbtn").each((t=>{yt(o,t)||e.getSystem().getByDom(o).each((o=>{e.getSystem().getByDom(t).each((e=>{kx.expand(e),kx.close(o),fd.focus(e)}))}))}))}))})),Wc(Ja(),((e,t)=>{t.event.prevFocus.bind((t=>e.getSystem().getByDom(t).toOptional())).each((o=>{t.event.newFocus.bind((t=>e.getSystem().getByDom(t).toOptional())).each((e=>{kx.isOpen(o)&&(kx.expand(e),kx.close(o))}))}))}))]),wm.config({mode:"flow",selector:".tox-mbtn",onEscape:t=>(e.onEscape(t),A?.some(!0))}),Pb.config({})]),apis:o,domModification:{attributes:{role:"menubar"}}}},name:"silver.Menubar",configFields:[Rr("dom"),Rr("uid"),Rr("onEscape"),Rr("backstage"),Qr("onSetup",b)],apis:{focus:(e,t)=>{e.focus(t)},setMenus:(e,t,o)=>{e.setMenus(t,o)}}});const $F=e=>({element:()=>e.element.dom}),GF=(e,t)=>{const o=L(re(t),(e=>{const o=t[e],n=Tr((e=>_r("sidebar",eA,e))(o));return{name:e,getApi:$F,onSetup:n.onSetup,onShow:n.onShow,onHide:n.onHide}}));return L(o,(t=>{const n=ye(b);return e.slot(t.name,{dom:{tag:"div",classes:["tox-sidebar__pane"]},behaviours:cA([hA(t,n),fA(t,n),Wc(Qa(),((e,t)=>{const n=t.event,s=$(o,(e=>e.name===n.name));s.each((t=>{(n.visible?t.onShow:t.onHide)(t.getApi(e))}))}))])})}))},jF=e=>qw.sketch((t=>({dom:{tag:"div",classes:["tox-sidebar__pane-container"]},components:GF(t,e),slotBehaviours:cA([Jc((e=>qw.hideAllSlots(e)))])}))),qF=(e,t)=>{Go(e,"role",t)},XF=e=>zg.getCurrent(e).bind((e=>Ib.isGrowing(e)||Ib.hasGrown(e)?zg.getCurrent(e).bind((e=>$(qw.getSlotNames(e),(t=>qw.isShowing(e,t))))):A.none())),YF=Ne("FixSizeEvent"),KF=Ne("AutoSizeEvent"),JF=e=>zg.getCurrent(e).each((e=>Fo(e.element,!0))),QF=(e,t,o)=>{const n=ye(!1),s=Xe(),r=o=>{var s;n.get()&&(!(e=>"focusin"===e.type)(s=o)||!(s.composed?te(s.composedPath()):A.from(s.target))?.map(ct).filter(no).exists((e=>rs(e,"mce-pastebin"))))&&(o.preventDefault(),JF(t()),e.editorManager.setActive(e))};e.inline||e.on("PreInit",(()=>{e.dom.bind(e.getWin(),"focusin",r),e.on("BeforeExecCommand",(e=>{"mcefocus"===e.command.toLowerCase()&&!0!==e.value&&r(e)}))}));const a=s=>{s!==n.get()&&(n.set(s),((e,t,o,n)=>{const s=t.element;if(((e,t)=>{const o="tabindex",n=`data-mce-${o}`;A.from(e.iframeElement)?.map(ct).each((e=>{t?(Xo(e,o).each((t=>Go(e,n,t))),Go(e,o,-1)):(Ko(e,o),Xo(e,n).each((t=>{Go(e,o,t),Ko(e,n)})))}))})(e,o),o)Fg.block(t,(e=>(t,o)=>({dom:{tag:"div",attributes:{"aria-label":e.translate("Loading..."),tabindex:"0"},classes:["tox-throbber__busy-spinner"]},components:[{dom:cv('<div class="tox-spinner"><div></div><div></div><div></div></div>')}]}))(n)),vn(s,"display"),Ko(s,"aria-hidden"),e.hasFocus()&&JF(t);else{const o=zg.getCurrent(t).exists((e=>No(e.element)));Fg.unblock(t),dn(s,"display","none"),Go(s,"aria-hidden","true"),o&&e.focus()}})(e,t(),s,o.providers),((e,t)=>{e.dispatch("AfterProgressState",{state:t})})(e,s))};e.on("ProgressState",(t=>{if(s.on(clearTimeout),h(t.time)){const o=VS.setEditorTimeout(e,(()=>a(t.state)),t.time);s.set(o)}else a(t.state),s.clear()}))},ZF=e=>{const t=e.label.isNone()?e.title.fold((()=>({})),(e=>({attributes:{"aria-label":e}}))):e.label.fold((()=>({})),(e=>({attributes:{"aria-label":e}})));return{dom:{tag:"div",classes:["tox-toolbar__group"].concat(e.label.isSome()?["tox-toolbar__group_with_label"]:[]),...t},components:[...e.label?.map((e=>({dom:{tag:"span",classes:["tox-label","tox-label--context-toolbar"]},components:[Og(e)]}))).toArray(),cS.parts.items({})],items:e.items,markers:{itemSelector:"*:not(.tox-split-button) > .tox-tbtn:not([disabled]), .tox-split-button:not([disabled]), .tox-toolbar-nav-item:not([disabled]), .tox-number-input:not([disabled])"},tgroupBehaviours:rd([Pb.config({}),fd.config({ignore:!0})])}},eR=e=>cS.sketch(ZF(e)),tR=(e,t)=>{const o=Jc((t=>{const o=L(e.initGroups,eR);Bx.setGroups(t,o)}));return rd([gA((()=>e.providers.checkUiComponentContext("any").shouldDisable)),kA((()=>e.providers.checkUiComponentContext("any"))),wm.config({mode:t,onEscape:e.onEscape,visibilitySelector:".tox-toolbar__overflow",selector:".tox-toolbar__group"}),ud("toolbar-events",[o])])},oR=e=>{const t=e.cyclicKeying?"cyclic":"acyclic";return{uid:e.uid,dom:{tag:"div",classes:["tox-toolbar-overlord"]},parts:{"overflow-group":ZF({title:A.none(),label:A.none(),items:[]}),"overflow-button":hI({context:"any",name:"more",icon:A?.some("more-drawer"),enabled:!0,tooltip:A?.some("Reveal or hide additional toolbar items"),primary:!1,buttonType:A.none(),borderless:!1},A.none(),e.providers,[],"overflow-button")},splitToolbarBehaviours:tR(e,t)}},nR=e=>{const t=oR(e),o=mS.parts.primary({dom:{tag:"div",classes:["tox-toolbar__primary"]}});return mS.sketch({...t,lazySink:e.getSink,getOverflowBounds:()=>{const t=e.moreDrawerData.lazyHeader().element,o=Ns(t),n=uo(t),s=Ns(n),r=Math.max(n.dom.scrollHeight,s.height);return Fs(o.x+4,s.y,o.width-8,r)},parts:{...t.parts,overflow:{dom:{tag:"div",classes:["tox-toolbar__overflow"],attributes:e.attributes}}},components:[o],markers:{overflowToggledClass:"tox-tbtn--enabled"},onOpened:t=>e.onToggled(t,!0),onClosed:t=>e.onToggled(t,!1)})},sR=e=>{const t=bS.parts.primary({dom:{tag:"div",classes:["tox-toolbar__primary"]}}),o=bS.parts.overflow({dom:{tag:"div",classes:["tox-toolbar__overflow"]}}),n=oR(e);return bS.sketch({...n,components:[t,o],markers:{openClass:"tox-toolbar__overflow--open",closedClass:"tox-toolbar__overflow--closed",growingClass:"tox-toolbar__overflow--growing",shrinkingClass:"tox-toolbar__overflow--shrinking",overflowToggledClass:"tox-tbtn--enabled"},onOpened:t=>{t.getSystem().broadcastOn([IF()],{type:"opened"}),e.onToggled(t,!0)},onClosed:t=>{t.getSystem().broadcastOn([IF()],{type:"closed"}),e.onToggled(t,!1)}})},rR=e=>{const t=e.cyclicKeying?"cyclic":"acyclic";return Bx.sketch({uid:e.uid,dom:{tag:"div",classes:["tox-toolbar"].concat(e.type===NS.scrolling?["tox-toolbar--scrolling"]:[])},components:[Bx.parts.groups({})],toolbarBehaviours:tR(e,t)})},aR=(e,t)=>((e,t)=>{var o,n;const s="togglebutton"===e.type,r=e.icon?.map((e=>FB(e,t.icons)))?.map(dv),a={...e,name:s?e.text.getOr(e.icon.getOr("")):null!==(o=e.text)&&void 0!==o?o:e.icon.getOr(""),primary:"primary"===e.buttonType,buttonType:A.from(e.buttonType),tooltip:e.tooltip,icon:e.icon,enabled:!0,borderless:e.borderless},i=fI(null!==(n=e.buttonType)&&void 0!==n?n:"secondary"),l=s?e.text?.map(t.translate):A?.some(t.translate(e.text)),c=l?.map(Og),d=a.tooltip.or(l)?.map((e=>({"aria-label":t.translate(e)}))).getOr({}),u=r?.map((e=>e.asSpec())),m=TA([u,c]),g=e.icon.isSome()&&c.isSome(),p={tag:"button",classes:i.concat(...e.icon.isSome()&&!g?["tox-button--icon"]:[]).concat(...g?["tox-button--icon-and-text"]:[]).concat(...e.borderless?["tox-button--naked"]:[]).concat(..."togglebutton"===e.type&&e.active?["tox-button--enabled"]:[]),attributes:d},h=pI(a,A?.some((o=>{const n=e=>{r?.map((n=>n.getOpt(o).each((o=>{Zm.set(o,[FB(e,t.icons)])}))))};return s?e.onAction({setIcon:n,setActive:e=>{const t=o.element;e?(os(t,"tox-button--enabled"),Go(t,"aria-pressed",!0)):(ss(t,"tox-button--enabled"),Ko(t,"aria-pressed"))},isActive:()=>rs(o.element,"tox-button--enabled"),focus:()=>Fo(o.element)}):"button"===e.type?e.onAction({setIcon:n}):void 0})),[],p,m,e.tooltip,t);return _v.sketch(h)})(e,t),iR=Jt().deviceType,lR=iR.isPhone(),cR=iR.isTablet();var dR=sh({name:"silver.View",configFields:[Rr("viewConfig")],partFields:[Zi({factory:{sketch:e=>{let t=!1;const o=L(e.buttons,(o=>"group"===o.type?(t=!0,((e,t)=>({dom:{tag:"div",classes:["tox-view__toolbar__group"]},components:L(e.buttons,(e=>aR(e,t)))}))(o,e.providers)):aR(o,e.providers)));return{uid:e.uid,dom:{tag:"div",classes:[t?"tox-view__toolbar":"tox-view__header",...lR||cR?["tox-view--mobile","tox-view--scrolling"]:[]]},behaviours:rd([fd.config({}),wm.config({mode:"flow",selector:"button, .tox-button",focusInside:Ei.OnEnterOrSpaceMode})]),components:t?o:[rh.sketch({dom:{tag:"div",classes:["tox-view__header-start"]},components:[]}),rh.sketch({dom:{tag:"div",classes:["tox-view__header-end"]},components:o})]}}},schema:[Rr("buttons"),Rr("providers")],name:"header"}),Zi({factory:{sketch:e=>({uid:e.uid,behaviours:rd([fd.config({}),Pb.config({})]),dom:{tag:"div",classes:["tox-view__pane"]}})},schema:[],name:"pane"})],factory:(e,t,o,n)=>{const s={getPane:t=>uv.getPart(t,e,"pane"),getOnShow:t=>e.viewConfig.onShow,getOnHide:t=>e.viewConfig.onHide};return{uid:e.uid,dom:e.dom,components:t,behaviours:rd([fd.config({}),wm.config({mode:"cyclic",focusInside:Ei.OnEnterOrSpaceMode})]),apis:s}},apis:{getPane:(e,t)=>e.getPane(t),getOnShow:(e,t)=>e.getOnShow(t),getOnHide:(e,t)=>e.getOnHide(t)}});const uR=(e,t,o)=>ge(t,((t,n)=>{const s=Tr(_r("view",iA,t));return e.slot(n,dR.sketch({dom:{tag:"div",classes:["tox-view"]},viewConfig:s,components:[...s.buttons.length>0?[dR.parts.header({buttons:s.buttons,providers:o})]:[],dR.parts.pane({})]}))})),mR=(e,t)=>qw.sketch((o=>({dom:{tag:"div",classes:["tox-view-wrap__slot-container"]},components:uR(o,e,t),slotBehaviours:cA([Jc((e=>qw.hideAllSlots(e)))])}))),gR=e=>$(qw.getSlotNames(e),(t=>qw.isShowing(e,t))),pR=(e,t,o)=>{qw.getSlot(e,t).each((e=>{dR.getPane(e).each((t=>{var n;o(e)((n=t.element.dom,{getContainer:y(n)}))}))}))};var hR=nh({factory:(e,t)=>{const o={setViews:(e,o)=>{Zm.set(e,[mR(o,t.backstage.shared.providers)])},whichView:e=>zg.getCurrent(e).bind(gR),toggleView:(e,t,o,n)=>zg.getCurrent(e).exists((s=>{const r=gR(s),a=r.exists((e=>n===e)),i=qw.getSlot(s,n).isSome();return i&&(qw.hideAllSlots(s),a?((e=>{const t=e.element;dn(t,"display","none"),Go(t,"aria-hidden","true")})(e),t()):(o(),(e=>{const t=e.element;vn(t,"display"),Ko(t,"aria-hidden")})(e),qw.showSlot(s,n),((e,t)=>{pR(e,t,dR.getOnShow)})(s,n)),r.each((e=>((e,t)=>pR(e,t,dR.getOnHide))(s,e)))),i}))};return{uid:e.uid,dom:{tag:"div",classes:["tox-view-wrap"],attributes:{"aria-hidden":"true"},styles:{display:"none"}},components:[],behaviours:rd([Zm.config({}),zg.config({find:e=>{const t=Zm.contents(e);return te(t)}})]),apis:o}},name:"silver.ViewWrapper",configFields:[Rr("backstage")],apis:{setViews:(e,t,o)=>e.setViews(t,o),toggleView:(e,t,o,n,s)=>e.toggleView(t,o,n,s),whichView:(e,t)=>e.whichView(t)}});const fR=mv.optional({factory:WF,name:"menubar",schema:[Rr("backstage")]}),bR=mv.optional({factory:{sketch:e=>Mv.sketch({uid:e.uid,dom:e.dom,listBehaviours:rd([wm.config({mode:"acyclic",selector:".tox-toolbar"})]),makeItem:()=>rR({type:e.type,uid:Ne("multiple-toolbar-item"),cyclicKeying:!1,initGroups:[],providers:e.providers,onEscape:()=>(e.onEscape(),A?.some(!0))}),setupItem:(e,t,o,n)=>{Bx.setGroups(t,o)},shell:!0})},name:"multiple-toolbar",schema:[Rr("dom"),Rr("onEscape")]}),vR=mv.optional({factory:{sketch:e=>{const t=(e=>e.type===NS.sliding?sR:e.type===NS.floating?nR:rR)(e);return t({type:e.type,uid:e.uid,onEscape:()=>(e.onEscape(),A?.some(!0)),onToggled:(t,o)=>e.onToolbarToggled(o),cyclicKeying:!1,initGroups:[],getSink:e.getSink,providers:e.providers,moreDrawerData:{lazyToolbar:e.lazyToolbar,lazyMoreButton:e.lazyMoreButton,lazyHeader:e.lazyHeader},attributes:e.attributes})}},name:"toolbar",schema:[Rr("dom"),Rr("onEscape"),Rr("getSink")]}),xR=mv.optional({factory:{sketch:e=>{const t=e.editor,o=e.sticky?PF:MF;return{uid:e.uid,dom:e.dom,components:e.components,behaviours:rd(o(t,e.sharedBackstage))}}},name:"header",schema:[Rr("dom")]}),yR=mv.optional({factory:{sketch:e=>{const t=e.promotionLink?[{dom:{tag:"a",attributes:{href:"https://www.tiny.cloud/tinymce-upgrade-to-cloud/?utm_campaign=self_hosted_upgrade_promo&utm_source=tiny&utm_medium=referral",rel:"noopener",target:"_blank","aria-hidden":"true"},classes:["tox-promotion-link"],innerHtml:"\u{1f49d}Get all features"}}]:[];return{uid:e.uid,dom:e.dom,components:t}}},name:"promotion",schema:[Rr("dom"),Rr("promotionLink")]}),wR=mv.optional({name:"socket",schema:[Rr("dom")]}),SR=mv.optional({factory:{sketch:e=>({uid:e.uid,dom:{tag:"div",classes:["tox-sidebar"],attributes:{role:"presentation"}},components:[{dom:{tag:"div",classes:["tox-sidebar__slider"]},components:[],behaviours:rd([Pb.config({}),fd.config({}),Ib.config({dimension:{property:"width"},closedClass:"tox-sidebar--sliding-closed",openClass:"tox-sidebar--sliding-open",shrinkingClass:"tox-sidebar--sliding-shrinking",growingClass:"tox-sidebar--sliding-growing",onShrunk:e=>{zg.getCurrent(e).each(qw.hideAllSlots),Fc(e,KF)},onGrown:e=>{Fc(e,KF)},onStartGrow:e=>{Rc(e,YF,{width:hn(e.element,"width").getOr("")})},onStartShrink:e=>{Rc(e,YF,{width:Tn(e.element)+"px"})}}),Zm.config({}),zg.config({find:e=>{const t=Zm.contents(e);return te(t)}})])}],behaviours:rd([LD(0),ud("sidebar-sliding-events",[Wc(YF,((e,t)=>{dn(e.element,"width",t.event.width)})),Wc(KF,((e,t)=>{vn(e.element,"width")}))])])})},name:"sidebar",schema:[Rr("dom")]}),CR=mv.optional({factory:{sketch:e=>({uid:e.uid,dom:{tag:"div",attributes:{"aria-hidden":"true"},classes:["tox-throbber"],styles:{display:"none"}},behaviours:rd([Zm.config({}),Fg.config({focus:!1}),zg.config({find:e=>te(e.components())})]),components:[]})},name:"throbber",schema:[Rr("dom")]}),kR=mv.optional({factory:hR,name:"viewWrapper",schema:[Rr("backstage")]}),OR=mv.optional({factory:{sketch:e=>({uid:e.uid,dom:{tag:"div",classes:["tox-editor-container"]},components:e.components})},name:"editorContainer",schema:[]});var _R=sh({name:"OuterContainer",factory:(e,t,o)=>{let n=!1;const s=e=>{jn(e,".tox-statusbar").each((e=>{"none"===gn(e,"display")&&"true"===qo(e,"aria-hidden")?(vn(e,"display"),Ko(e,"aria-hidden")):(dn(e,"display","none"),Go(e,"aria-hidden","true"))}))},a={getSocket:t=>uv.getPart(t,e,"socket"),setSidebar:(t,o,n)=>{uv.getPart(t,e,"sidebar").each((e=>((e,t,o)=>{zg.getCurrent(e).each((n=>{Zm.set(n,[jF(t)]);const s=null==o?void 0:o.toLowerCase();r(s)&&be(t,s)&&zg.getCurrent(n).each((t=>{qw.showSlot(t,s),Ib.immediateGrow(n),vn(n.element,"width"),qF(e.element,"region")}))}))})(e,o,n)))},toggleSidebar:(t,o)=>{uv.getPart(t,e,"sidebar").each((e=>((e,t)=>{zg.getCurrent(e).each((o=>{zg.getCurrent(o).each((n=>{Ib.hasGrown(o)?qw.isShowing(n,t)?(Ib.shrink(o),qF(e.element,"presentation")):(qw.hideAllSlots(n),qw.showSlot(n,t),qF(e.element,"region")):(qw.hideAllSlots(n),qw.showSlot(n,t),Ib.grow(o),qF(e.element,"region"))}))}))})(e,o)))},whichSidebar:t=>uv.getPart(t,e,"sidebar").bind(XF).getOrNull(),getHeader:t=>uv.getPart(t,e,"header"),getToolbar:t=>uv.getPart(t,e,"toolbar"),setToolbar:(t,o)=>{uv.getPart(t,e,"toolbar").each((e=>{const t=L(o,eR);e.getApis().setGroups(e,t)}))},setToolbars:(t,o)=>{uv.getPart(t,e,"multiple-toolbar").each((e=>{const t=L(o,(e=>L(e,eR)));Mv.setItems(e,t)}))},refreshToolbar:t=>{uv.getPart(t,e,"toolbar").each((e=>e.getApis().refresh(e)))},toggleToolbarDrawer:t=>{uv.getPart(t,e,"toolbar").each((e=>{We(e.getApis().toggle,(t=>t(e)))}))},toggleToolbarDrawerWithoutFocusing:t=>{uv.getPart(t,e,"toolbar").each((e=>{We(e.getApis().toggleWithoutFocusing,(t=>t(e)))}))},isToolbarDrawerToggled:t=>uv.getPart(t,e,"toolbar").bind((e=>A.from(e.getApis().isOpen)?.map((t=>t(e))))).getOr(!1),getThrobber:t=>uv.getPart(t,e,"throbber"),focusToolbar:t=>{uv.getPart(t,e,"toolbar").orThunk((()=>uv.getPart(t,e,"multiple-toolbar"))).each((e=>{wm.focusIn(e)}))},setMenubar:(t,o)=>{uv.getPart(t,e,"menubar").each((e=>{WF.setMenus(e,o)}))},focusMenubar:t=>{uv.getPart(t,e,"menubar").each((e=>{WF.focus(e)}))},setViews:(t,o)=>{uv.getPart(t,e,"viewWrapper").each((e=>{hR.setViews(e,o)}))},toggleView:(t,o)=>uv.getPart(t,e,"viewWrapper").exists((e=>hR.toggleView(e,(()=>a.showMainView(t)),(()=>a.hideMainView(t)),o))),whichView:t=>uv.getPart(t,e,"viewWrapper").bind(hR.whichView).getOrNull(),hideMainView:t=>{n=a.isToolbarDrawerToggled(t),n&&a.toggleToolbarDrawer(t),uv.getPart(t,e,"editorContainer").each((e=>{const t=e.element;s(t),dn(t,"display","none"),Go(t,"aria-hidden","true")}))},showMainView:t=>{n&&a.toggleToolbarDrawer(t),uv.getPart(t,e,"editorContainer").each((e=>{const t=e.element;s(t),vn(t,"display"),Ko(t,"aria-hidden")}))}};return{uid:e.uid,dom:e.dom,components:t,apis:a,behaviours:e.behaviours}},configFields:[Rr("dom"),Rr("behaviours")],partFields:[xR,fR,vR,bR,wR,SR,yR,CR,kR,OR],apis:{getSocket:(e,t)=>e.getSocket(t),setSidebar:(e,t,o,n)=>{e.setSidebar(t,o,n)},toggleSidebar:(e,t,o)=>{e.toggleSidebar(t,o)},whichSidebar:(e,t)=>e.whichSidebar(t),getHeader:(e,t)=>e.getHeader(t),getToolbar:(e,t)=>e.getToolbar(t),setToolbar:(e,t,o)=>{e.setToolbar(t,o)},setToolbars:(e,t,o)=>{e.setToolbars(t,o)},refreshToolbar:(e,t)=>e.refreshToolbar(t),toggleToolbarDrawer:(e,t)=>{e.toggleToolbarDrawer(t)},toggleToolbarDrawerWithoutFocusing:(e,t)=>{e.toggleToolbarDrawerWithoutFocusing(t)},isToolbarDrawerToggled:(e,t)=>e.isToolbarDrawerToggled(t),getThrobber:(e,t)=>e.getThrobber(t),setMenubar:(e,t,o)=>{e.setMenubar(t,o)},focusMenubar:(e,t)=>{e.focusMenubar(t)},focusToolbar:(e,t)=>{e.focusToolbar(t)},setViews:(e,t,o)=>{e.setViews(t,o)},toggleView:(e,t,o)=>e.toggleView(t,o),whichView:(e,t)=>e.whichView(t)}});const TR={file:{title:"File",items:"newdocument restoredraft | preview | importword exportpdf exportword | export print | deleteallconversations"},edit:{title:"Edit",items:"undo redo | cut copy paste pastetext | selectall | searchreplace"},view:{title:"View",items:"code revisionhistory | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments"},insert:{title:"Insert",items:"image link media addcomment pageembed inserttemplate codesample inserttable accordion math | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents footnotes | mergetags | insertdatetime"},format:{title:"Format",items:"bold italic underline strikethrough superscript subscript codeformat | styles blocks fontfamily fontsize align lineheight | forecolor backcolor | language | removeformat"},tools:{title:"Tools",items:"aidialog aishortcuts | spellchecker spellcheckerlanguage | autocorrect capitalization | a11ycheck code typography wordcount addtemplate"},table:{title:"Table",items:"inserttable | cell row column | advtablesort | tableprops deletetable"},help:{title:"Help",items:"help"}},ER=e=>e.split(" "),AR=(e,t)=>{const o={...TR,...t.menus},n=re(t.menus).length>0,s=void 0===t.menubar||!0===t.menubar?ER("file edit view insert format tools table help"):ER(!1===t.menubar?"":t.menubar),a=P(s,(e=>{const o=be(TR,e);return n?o||fe(t.menus,e).exists((e=>be(e,"items"))):o})),i=L(a,(n=>{const s=o[n];return((e,t,o)=>{const n=sC(o).split(/[ ,]/);return{text:e.title,getItems:()=>q(e.items,(e=>{const o=e.toLowerCase();return 0===o.trim().length||R(n,(e=>e===o))?[]:"separator"===o||"|"===o?[{type:"separator"}]:t.menuItems[o]?[t.menuItems[o]]:[]}))}})({title:s.title,items:ER(s.items)},t,e)}));return P(i,(e=>e.getItems().length>0&&R(e.getItems(),(e=>r(e)||"separator"!==e.type))))},MR=(e,t,o)=>(e.on("remove",(()=>o.unload(t))),o.load(t)),DR=(e,t,o,n)=>(e.on("remove",(()=>n.unloadRawCss(t))),n.loadRawCss(t,o)),BR=e=>A.from(tinymce.Resource.get(e)).filter(r),IR=(e,t,o="")=>{const n=(e=>{const t=DC(e);return t?A.from(t):A.none()})(e)?.map((e=>((e,t)=>"ui/"+e+"/"+t)(e,`${t}.css`))),s=n.bind(BR);return Ue(n,s,((e,t)=>({_kind:"load-raw",key:e,css:t}))).getOrThunk((()=>{const n=e.editorManager.suffix;return{_kind:"load-stylesheet",url:o+`/${t}${n}.css`}}))},FR=(e,t)=>{const o=e.ui.styleSheetLoader,n=IR(e,"skin",t);switch(n._kind){case"load-raw":const{key:t,css:s}=n;return DR(e,t,s,o),Promise.resolve();case"load-stylesheet":const{url:r}=n;return MR(e,r,o);default:return Promise.resolve()}},RR=(e,t)=>{var o;if(o=ct(e.getElement()),!ko(o).isSome())return Promise.resolve();{const o=HS.DOM.styleSheetLoader,n=IR(e,"skin.shadowdom",t);switch(n._kind){case"load-raw":const{key:t,css:s}=n;return DR(e,t,s,o),Promise.resolve();case"load-stylesheet":const{url:r}=n;return MR(e,r,o);default:return Promise.resolve()}}},NR=(e,t)=>(async(e,t)=>{const o=FC(t);if(await((e,t,o)=>{const n=IR(e,t?"content.inline":"content",o);switch(n._kind){case"load-raw":const{key:s,css:r}=n;return t?DR(e,s,r,e.ui.styleSheetLoader):e.on("PostRender",(()=>{DR(e,s,r,e.dom.styleSheetLoader)})),Promise.resolve();case"load-stylesheet":const{url:a}=n;return o&&e.contentCSS.push(a),Promise.resolve();default:return Promise.resolve()}})(t,e,o),!BC(t)&&r(o))return Promise.all([FR(t,o),RR(t,o)]).then()})(e,t).then((e=>{const t=()=>{e._skinLoaded=!0,(e=>{e.dispatch("SkinLoaded")})(e)};return()=>{e.initialized?t():e.on("init",t)}})(t),(e=>()=>((e,t)=>{e.dispatch("SkinLoadError",t)})(e,{message:"Skin could not be loaded"}))(t)),zR=C(NR,!1),LR=C(NR,!0),VR=e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setText:t=>Rc(e,NB,{text:t}),setIcon:t=>Rc(e,zB,{icon:t})}),HR=e=>({setActive:t=>{Yb.set(e,t)},isActive:()=>Yb.isOn(e),isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setText:t=>Rc(e,NB,{text:t}),setIcon:t=>Rc(e,zB,{icon:t})}),PR=(e,t)=>e?.map((e=>({"aria-label":t.translate(e)}))).getOr({}),UR=Ne("focus-button"),WR=(e,t,o,n,s,r,a)=>{const i=t?.map((e=>dv(RB(e,"tox-tbtn",s)))),l=e?.map((e=>dv(FB(e,s.icons))));return{dom:{tag:"button",classes:["tox-tbtn"].concat(t.isSome()?["tox-tbtn--select"]:[]),attributes:{...PR(o,s),...g(a)?{"data-mce-name":a}:{}}},components:TA([l?.map((e=>e.asSpec())),i?.map((e=>e.asSpec()))]),eventOrder:{[pa()]:["focusing","alloy.base.behaviour",AB],[qa()]:[AB,"toolbar-group-button-events"],[Xa()]:[AB,"toolbar-group-button-events","tooltipping"]},buttonBehaviours:rd([gA((()=>s.checkUiComponentContext(r).shouldDisable)),kA((()=>s.checkUiComponentContext(r))),ud(AB,[Jc(((e,t)=>DB(e))),Wc(NB,((e,t)=>{i.bind((t=>t.getOpt(e))).each((e=>{Zm.set(e,[Og(s.translate(t.event.text))])}))})),Wc(zB,((e,t)=>{l.bind((t=>t.getOpt(e))).each((e=>{Zm.set(e,[FB(t.event.icon,s.icons)])}))})),Wc(pa(),((e,t)=>{t.event.prevent(),Fc(e,UR)}))])].concat(n.getOr([])))}},$R=(e,t,o,n)=>{var s;const r=ye(b),a=WR(e.icon,e.text,e.tooltip,A.none(),o,e.context,n);return _v.sketch({dom:a.dom,components:a.components,eventOrder:MB,buttonBehaviours:{...rd([ud("toolbar-button-events",[(i={onAction:e.onAction,getApi:t.getApi},ed(((e,t)=>{pA(i,e)((t=>{Rc(e,EB,{buttonApi:t}),i.onAction(t)}))}))),hA(t,r),fA(t,r)]),...e.tooltip?.map((t=>iv.config(o.tooltips.getConfig({tooltipText:o.translate(t)+e.shortcut?.map((e=>` (${DA(e)})`)).getOr("")})))).toArray(),gA((()=>!e.enabled||o.checkUiComponentContext(e.context).shouldDisable)),kA((()=>o.checkUiComponentContext(e.context)))].concat(t.toolbarButtonBehaviours)),[AB]:null===(s=a.buttonBehaviours)||void 0===s?void 0:s[AB]}});var i},GR=(e,t,o,n)=>$R(e,{toolbarButtonBehaviours:o.length>0?[ud("toolbarButtonWith",o)]:[],getApi:VR,onSetup:e.onSetup},t,n),jR=(e,t,o,n)=>$R(e,{toolbarButtonBehaviours:[Zm.config({}),Yb.config({toggleClass:"tox-tbtn--enabled",aria:{mode:"pressed"},toggleOnExecute:!1})].concat(o.length>0?[ud("toolbarToggleButtonWith",o)]:[]),getApi:HR,onSetup:e.onSetup},t,n),qR=(e,t,o)=>n=>Oe((e=>t.fetch(e)))?.map((s=>A.from(hD(Le(QM(Ne("menu-value"),s,(o=>{t.onItemAction(e(n),o)}),t.columns,t.presets,hO.CLOSE_ON_EXECUTE,t.select.getOr(T),o),{movement:eD(t.columns,t.presets),menuBehaviours:cA("auto"!==t.columns?[]:[Jc(((e,o)=>{lA(e,4,TO(t.presets)).each((({numRows:t,numColumns:o})=>{wm.setGridSize(e,t,o)}))}))])}))))),XR=e=>{Xx.getContent(e).each((e=>{Xn(e.element,".tox-toolbar-slider__input,.tox-toolbar-textfield").fold((()=>wm.focusIn(e)),Fo)}))},YR=Ne("forward-slide"),KR=Ne("backward-slide"),JR=Ne("change-slide-event"),QR="tox-pop--resizing",ZR=(e,t,o)=>ot(o)?e.translate(t):e.translate([t,e.translate(o)]),eN=(e,t)=>{const o=(o,s,r,a)=>{const i=e.shared.providers.translate(o.title);if("separator"===o.type)return A?.some({type:"separator",text:i});if("submenu"===o.type){const e=q(o.getStyleItems(),(e=>n(e,s,a)));return 0===s&&e.length<=0?A.none():A?.some({type:"nestedmenuitem",text:i,enabled:e.length>0,getSubmenuItems:()=>q(o.getStyleItems(),(e=>n(e,s,a)))})}return A?.some({type:"togglemenuitem",text:i,icon:o.icon,active:o.isSelected(a),enabled:!r,onAction:t.onAction(o),...o.getStylePreview().fold((()=>({})),(e=>({meta:{style:e}})))})},n=(e,n,s)=>{const r="formatter"===e.type&&t.isInvalid(e);return 0===n?r?[]:o(e,n,!1,s).toArray():o(e,n,r,s).toArray()},s=e=>{const o=t.getCurrentValue(),s=t.shouldHide?0:1;return q(e,(e=>n(e,s,o)))};return{validateItems:s,getFetch:(e,t)=>(o,n)=>{const r=t(),a=s(r);n(WB(a,hO.CLOSE_ON_EXECUTE,e,{isHorizontalMenu:!1,search:A.none()}))}}},tN=(e,t)=>{const o=t.dataset,n="basic"===o.type?()=>L(o.data,(e=>eF(e,t.isSelectedFor,t.getPreviewFor))):o.getData;return{items:eN(e,t),getStyleItems:n}},oN=(e,t,o,n,s,r)=>{const{items:a,getStyleItems:i}=tN(t,o),l=ye(o.tooltip);return VB({context:"mode:design",text:o.icon.isSome()?A.none():o.text,icon:o.icon,ariaLabel:A?.some(o.tooltip),tooltip:A.none(),role:A.none(),fetch:a.getFetch(t,i),onSetup:t=>{const r=o=>t.setTooltip(ZR(e,n(o.value),o.value));return e.on(s,r),vM(wM(e,"NodeChange",(t=>{const n=t.getComponent();o.updateText(n),tp.set(t.getComponent(),!e.selection.isEditable()||0===i().length)}))(t),(()=>e.off(s,r)))},getApi:e=>({getComponent:y(e),setTooltip:o=>{const n=t.shared.providers.translate(o);Go(e.element,"aria-label",n),l.set(o)}}),columns:1,presets:"normal",classes:o.icon.isSome()?[]:["bespoke"],dropdownBehaviours:[iv.config({...t.shared.providers.tooltips.getConfig({tooltipText:t.shared.providers.translate(o.tooltip),onShow:e=>{if(o.tooltip!==l.get()){const o=t.shared.providers.translate(l.get());iv.setComponents(e,t.shared.providers.tooltips.getComponents({tooltipText:o}))}}})})]},"tox-tbtn",t.shared,r)};var nN;!function(e){e[e.SemiColon=0]="SemiColon",e[e.Space=1]="Space"}(nN||(nN={}));const sN=(e,t,o)=>{const n=(s=((e,t)=>t===nN.SemiColon?e.replace(/;$/,"").split(";"):e.split(" "))(e.options.get(t),o),L(s,(e=>{let t=e,o=e;const n=e.split("=");return n.length>1&&(t=n[0],o=n[1]),{title:t,format:o}})));var s;return{type:"basic",data:n}},rN=y("Alignment {0}"),aN="left",iN=[{title:"Left",icon:"align-left",format:"alignleft",command:"JustifyLeft"},{title:"Center",icon:"align-center",format:"aligncenter",command:"JustifyCenter"},{title:"Right",icon:"align-right",format:"alignright",command:"JustifyRight"},{title:"Justify",icon:"align-justify",format:"alignjustify",command:"JustifyFull"}],lN=e=>{const t={type:"basic",data:iN};return{tooltip:ZR(e,rN(),aN),text:A.none(),icon:A?.some("align-left"),isSelectedFor:t=>()=>e.formatter.match(t),getCurrentValue:A.none,getPreviewFor:e=>A.none,onAction:t=>()=>$(iN,(e=>e.format===t.format)).each((t=>e.execCommand(t.command))),updateText:t=>{const o=$(iN,(t=>e.formatter.match(t.format))).fold(y(aN),(e=>e.title.toLowerCase()));Rc(t,zB,{icon:`align-${o}`}),((e,t)=>{e.dispatch("AlignTextUpdate",t)})(e,{value:o})},dataset:t,shouldHide:!1,isInvalid:t=>!e.formatter.canApply(t.format)}},cN=(e,t)=>{const o=t(),n=L(o,(e=>e.format));return A.from(e.formatter.closest(n)).bind((e=>$(o,(t=>t.format===e))))},dN=y("Block {0}"),uN="Paragraph",mN=e=>{const t=sN(e,"block_formats",nN.SemiColon);return{tooltip:ZR(e,dN(),uN),text:A?.some(uN),icon:A.none(),isSelectedFor:t=>()=>e.formatter.match(t),getCurrentValue:A.none,getPreviewFor:t=>()=>{const o=e.formatter.get(t);return o?A?.some({tag:o.length>0&&(o[0].inline||o[0].block)||"div",styles:e.dom.parseStyle(e.formatter.getCssText(t))}):A.none()},onAction:SM(e),updateText:o=>{const n=cN(e,(()=>t.data)).fold(y(uN),(e=>e.title));Rc(o,NB,{text:n}),((e,t)=>{e.dispatch("BlocksTextUpdate",t)})(e,{value:n})},dataset:t,shouldHide:!1,isInvalid:t=>!e.formatter.canApply(t.format)}},gN=y("Font {0}"),pN="System Font",hN=["-apple-system","Segoe UI","Roboto","Helvetica Neue","sans-serif"],fN=e=>{const t=e.split(/\s*,\s*/);return L(t,(e=>e.replace(/^['"]+|['"]+$/g,"")))},bN=(e,t)=>t.length>0&&X(t,(t=>e.indexOf(t.toLowerCase())>-1)),vN=e=>{const t=()=>{const t=e=>e?fN(e)[0]:"",n=e.queryCommandValue("FontName"),s=o.data,r=n?n.toLowerCase():"",a=MC(e),i=$(s,(e=>{const o=e.format;return o.toLowerCase()===r||t(o).toLowerCase()===t(r).toLowerCase()})).orThunk((()=>$e(((e,t)=>{if(0===e.indexOf("-apple-system")||t.length>0){const o=fN(e.toLowerCase());return bN(o,hN)||bN(o,t)}return!1})(r,a),{title:pN,format:r})));return{matchOpt:i,font:n}},o=sN(e,"font_family_formats",nN.SemiColon);return{tooltip:ZR(e,gN(),pN),text:A?.some(pN),icon:A.none(),isSelectedFor:e=>t=>t.exists((t=>t.format===e)),getCurrentValue:()=>{const{matchOpt:e}=t();return e},getPreviewFor:e=>()=>A?.some({tag:"div",styles:-1===e.indexOf("dings")?{"font-family":e}:{}}),onAction:t=>()=>{e.undoManager.transact((()=>{e.focus(),e.execCommand("FontName",!1,t.format)}))},updateText:o=>{const{matchOpt:n,font:s}=t(),r=n.fold(y(s),(e=>e.title));Rc(o,NB,{text:r}),((e,t)=>{e.dispatch("FontFamilyTextUpdate",t)})(e,{value:r})},dataset:o,shouldHide:!1,isInvalid:T}};var xN=tinymce.util.Tools.resolve("tinymce.util.VK");const yN=y("Font size {0}"),wN="12pt",SN={"8pt":"1","10pt":"2","12pt":"3","14pt":"4","18pt":"5","24pt":"6","36pt":"7"},CN={"xx-small":"7pt","x-small":"8pt",small:"10pt",medium:"12pt",large:"14pt","x-large":"18pt","xx-large":"24pt"},kN=(e,t)=>/[0-9.]+px$/.test(e)?((e,t)=>{const o=Math.pow(10,t);return Math.round(e*o)/o})(72*parseInt(e,10)/96,t||0)+"pt":fe(CN,e).getOr(e),ON=e=>fe(SN,e).getOr(""),_N=e=>{const t=()=>{let t=A.none();const o=n.data,s=e.queryCommandValue("FontSize");if(s)for(let e=3;t.isNone()&&e>=0;e--){const n=kN(s,e),r=ON(n);t=$(o,(e=>e.format===s||e.format===n||e.format===r))}return{matchOpt:t,size:s}},o=y(A.none),n=sN(e,"font_size_formats",nN.Space);return{tooltip:ZR(e,yN(),wN),text:A?.some(wN),icon:A.none(),isSelectedFor:e=>t=>t.exists((t=>t.format===e)),getPreviewFor:o,getCurrentValue:()=>{const{matchOpt:e}=t();return e},onAction:t=>()=>{e.undoManager.transact((()=>{e.focus(),e.execCommand("FontSize",!1,t.format)}))},updateText:o=>{const{matchOpt:n,size:s}=t(),r=n.fold(y(s),(e=>e.title));Rc(o,NB,{text:r}),((e,t)=>{e.dispatch("FontSizeTextUpdate",t)})(e,{value:r})},dataset:n,shouldHide:!1,isInvalid:T}},TN=e=>ot(e)?"Formats":"Format {0}",EN=(e,t)=>{const o="Formats";return{tooltip:ZR(e,TN(""),""),text:A?.some(o),icon:A.none(),isSelectedFor:t=>()=>e.formatter.match(t),getCurrentValue:A.none,getPreviewFor:t=>()=>{const o=e.formatter.get(t);return void 0!==o?A?.some({tag:o.length>0&&(o[0].inline||o[0].block)||"div",styles:e.dom.parseStyle(e.formatter.getCssText(t))}):A.none()},onAction:SM(e),updateText:t=>{const n=e=>YI(e)?q(e.items,n):KI(e)?[{title:e.title,format:e.format}]:[],s=q(ZI(e),n),r=cN(e,y(s)).fold(y({title:o,tooltipLabel:""}),(e=>({title:e.title,tooltipLabel:e.title})));Rc(t,NB,{text:r.title}),((e,t)=>{e.dispatch("StylesTextUpdate",t)})(e,{value:r.tooltipLabel})},shouldHide:oC(e),isInvalid:t=>!e.formatter.canApply(t.format),dataset:t}},AN=[{name:"history",items:["undo","redo"]},{name:"ai",items:["aidialog","aishortcuts"]},{name:"styles",items:["styles"]},{name:"formatting",items:["bold","italic"]},{name:"alignment",items:["alignleft","aligncenter","alignright","alignjustify"]},{name:"indentation",items:["outdent","indent"]},{name:"permanent pen",items:["permanentpen"]},{name:"comments",items:["addcomment"]}],MN=(e,t)=>(o,n,s,r)=>{const a=e(o).mapError((e=>Ar(e))).getOrDie();return t(a,n,s,r)},DN={button:MN(xE,((e,t,o,n)=>((e,t,o)=>GR(e,t,[],o))(e,t.shared.providers,n))),togglebutton:MN(SE,((e,t,o,n)=>((e,t,o)=>jR(e,t,[],o))(e,t.shared.providers,n))),menubutton:MN(HT,((e,t,o,n)=>tI(e,"tox-tbtn",t,A.none(),!1,n))),splitbutton:MN((e=>_r("SplitButton",oA,e)),((e,t,o,n)=>((e,t,o)=>{const n=ye(e.tooltip.getOr("")),s=e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setIconFill:(t,o)=>{Xn(e.element,`svg path[class="${t}"], rect[class="${t}"]`).each((e=>{Go(e,"fill",o)}))},setActive:t=>{Go(e.element,"aria-pressed",t),Xn(e.element,"span").each((o=>{e.getSystem().getByDom(o).each((e=>Yb.set(e,t)))}))},isActive:()=>Xn(e.element,"span").exists((t=>e.getSystem().getByDom(t).exists(Yb.isOn))),setText:t=>Xn(e.element,"span").each((o=>e.getSystem().getByDom(o).each((e=>Rc(e,NB,{text:t}))))),setIcon:t=>Xn(e.element,"span").each((o=>e.getSystem().getByDom(o).each((e=>Rc(e,zB,{icon:t}))))),setTooltip:o=>{const s=t.providers.translate(o);Go(e.element,"aria-label",s),n.set(o)}}),r=ye(b),a={getApi:s,onSetup:e.onSetup};return Qw.sketch({dom:{tag:"div",classes:["tox-split-button"],attributes:{"aria-pressed":!1,...PR(e.tooltip,t.providers),...g(o)?{"data-mce-name":o}:{}}},onExecute:t=>{const o=s(t);o.isEnabled()&&e.onAction(o)},onItemExecute:(e,t,o)=>{},splitDropdownBehaviours:rd([ud("split-dropdown-events",[Jc(((e,t)=>DB(e))),Wc(UR,fd.focus),hA(a,r),fA(a,r)]),mA((()=>t.providers.isDisabled()||t.providers.checkUiComponentContext(e.context).shouldDisable)),kA((()=>t.providers.checkUiComponentContext(e.context))),lv.config({}),...e.tooltip?.map((e=>iv.config({...t.providers.tooltips.getConfig({tooltipText:t.providers.translate(e),onShow:o=>{if(n.get()!==e){const e=t.providers.translate(n.get());iv.setComponents(o,t.providers.tooltips.getComponents({tooltipText:e}))}}})}))).toArray()]),eventOrder:{[qa()]:["alloy.base.behaviour","split-dropdown-events","tooltipping"],[Xa()]:["split-dropdown-events","tooltipping"]},toggleClass:"tox-tbtn--enabled",lazySink:t.getSink,fetch:qR(s,e,t.providers),parts:{menu:IO(0,e.columns,e.presets)},components:[Qw.parts.button(WR(e.icon,e.text,A.none(),A?.some([Yb.config({toggleClass:"tox-tbtn--enabled",toggleOnExecute:!1}),gA(T),kA(y({contextType:"any",shouldDisable:!1}))]),t.providers,e.context)),Qw.parts.arrow({dom:{tag:"button",classes:["tox-tbtn","tox-split-button__chevron"],innerHtml:iO("chevron-down",t.providers.icons)},buttonBehaviours:rd([mA(T),kA(y({contextType:"any",shouldDisable:!1}))])}),Qw.parts["aria-descriptor"]({text:t.providers.translate("To open the popup, press Shift+Enter")})]})})(e,t.shared,n))),grouptoolbarbutton:MN((e=>_r("GroupToolbarButton",tA,e)),((e,t,o,n)=>{const s=o.ui.registry.getAll().buttons,r={[Tc]:t.shared.header.isPositionedAtTop()?_c.TopToBottom:_c.BottomToTop};if(rC(o)===NS.floating)return((e,t,o,n,s)=>{const r=t.shared,a=ye(b),i={toolbarButtonBehaviours:[],getApi:VR,onSetup:e.onSetup},l=[ud("toolbar-group-button-events",[hA(i,a),fA(i,a)]),...e.tooltip?.map((e=>iv.config(t.shared.providers.tooltips.getConfig({tooltipText:t.shared.providers.translate(e)})))).toArray()];return Vx.sketch({lazySink:r.getSink,fetch:()=>Oe((t=>{t(L(o(e.items),eR))})),markers:{toggledClass:"tox-tbtn--enabled"},parts:{button:WR(e.icon,e.text,e.tooltip,A?.some(l),r.providers,e.context,s),toolbar:{dom:{tag:"div",classes:["tox-toolbar__overflow"],attributes:n}}}})})(e,t,(e=>IN(o,{buttons:s,toolbar:e,allowToolbarGroups:!1},t,A.none())),r,n);throw new Error("Toolbar groups are only supported when using floating toolbar mode")}))},BN={styles:(e,t)=>{const o={type:"advanced",...t.styles};return oN(e,t,EN(e,o),TN,"StylesTextUpdate","styles")},fontsize:(e,t)=>oN(e,t,_N(e),yN,"FontSizeTextUpdate","fontsize"),fontsizeinput:(e,t)=>((e,t,o,n)=>{let s=A.none();const r=wM(e,"NodeChange SwitchMode DisabledStateChange",(t=>{const n=t.getComponent();s=A?.some(n),o.updateInputValue(n),tp.set(n,!e.selection.isEditable()||qS(e))})),a=e=>({getComponent:y(e)}),i=ye(b),l=Ne("custom-number-input-events"),c=(e,t,n)=>{const r=s?.map((e=>Yh.getValue(e))).getOr(""),a=o.getNewValue(r,e),i=r.length-`${a}`.length,l=s?.map((e=>e.element.dom.selectionStart-i)),c=s?.map((e=>e.element.dom.selectionEnd-i));o.onAction(a,n),s.each((e=>{Yh.setValue(e,a),t&&(l.each((t=>e.element.dom.selectionStart=t)),c.each((t=>e.element.dom.selectionEnd=t)))}))},d=(e,t)=>c(((e,t)=>e-t),e,t),u=(e,t)=>c(((e,t)=>e+t),e,t),m=e=>po(e.element).fold(A.none,(e=>(Fo(e),A?.some(!0)))),p=e=>No(e.element)?(vo(e.element).each((e=>Fo(e))),A?.some(!0)):A.none(),h=(o,n,s,r)=>{const i=ye(b),l=t.shared.providers.translate(s),c=Ne("altExecuting"),d=wM(e,"NodeChange SwitchMode DisabledStateChange",(t=>{tp.set(t.getComponent(),!e.selection.isEditable()||qS(e))})),u=e=>{tp.isDisabled(e)||o(!0)};return _v.sketch({dom:{tag:"button",attributes:{"aria-label":l,"data-mce-name":n},classes:r.concat(n)},components:[IB(n,t.shared.providers.icons)],buttonBehaviours:rd([tp.config({}),iv.config(t.shared.providers.tooltips.getConfig({tooltipText:l})),ud(c,[hA({onSetup:d,getApi:a},i),fA({getApi:a},i),Wc(wa(),((e,t)=>{t.event.raw.keyCode!==xN.SPACEBAR&&t.event.raw.keyCode!==xN.ENTER||tp.isDisabled(e)||o(!1)})),Wc(Oa(),u),Wc(ma(),u)])]),eventOrder:{[wa()]:[c,"keying"],[Oa()]:[c,"alloy.base.behaviour"],[ma()]:[c,"alloy.base.behaviour"],[qa()]:["alloy.base.behaviour",c,"tooltipping"],[Xa()]:[c,"tooltipping"]}})},f=dv(h((e=>d(!1,e)),"minus","Decrease font size",[])),v=dv(h((e=>u(!1,e)),"plus","Increase font size",[])),x=dv({dom:{tag:"div",classes:["tox-input-wrapper"]},components:[Zx.sketch({inputBehaviours:rd([tp.config({}),ud(l,[hA({onSetup:r,getApi:a},i),fA({getApi:a},i)]),ud("input-update-display-text",[Wc(NB,((e,t)=>{Yh.setValue(e,t.event.text)})),Wc(ya(),(e=>{o.onAction(Yh.getValue(e))})),Wc(ka(),(e=>{o.onAction(Yh.getValue(e))}))]),wm.config({mode:"special",onEnter:e=>(c(w,!0,!0),A?.some(!0)),onEscape:m,onUp:e=>(u(!0,!1),A?.some(!0)),onDown:e=>(d(!0,!1),A?.some(!0)),onLeft:(e,t)=>(t.cut(),A.none()),onRight:(e,t)=>(t.cut(),A.none())})])})],behaviours:rd([fd.config({}),wm.config({mode:"special",onEnter:p,onSpace:p,onEscape:m}),ud("input-wrapper-events",[Wc(va(),(e=>{V([f,v],(t=>{const o=ct(t.get(e).element.dom);No(o)&&Ro(o)}))}))])])});return{dom:{tag:"div",classes:["tox-number-input"],attributes:{...g(n)?{"data-mce-name":n}:{}}},components:[f.asSpec(),x.asSpec(),v.asSpec()],behaviours:rd([fd.config({}),wm.config({mode:"flow",focusInside:Ei.OnEnterOrSpaceMode,cycles:!1,selector:"button, .tox-input-wrapper",onEscape:e=>No(e.element)?A.none():(Fo(e.element),A?.some(!0))})])}})(e,t,(e=>{const t=()=>e.queryCommandValue("FontSize");return{updateInputValue:e=>Rc(e,NB,{text:t()}),onAction:(t,o)=>e.execCommand("FontSize",!1,t,{skip_focus:!o}),getNewValue:(o,n)=>{Es(o,["unsupportedLength","empty"]);const s=t(),r=Es(o,["unsupportedLength","empty"]).or(Es(s,["unsupportedLength","empty"])),a=r?.map((e=>e.value)).getOr(16),i=fC(e),l=r?.map((e=>e.unit)).filter((e=>""!==e)).getOr(i),c=n(a,(e=>{var t;return null!==(t={em:{step:.1},cm:{step:.1},in:{step:.1},pc:{step:.1},ch:{step:.1},rem:{step:.1}}[e])&&void 0!==t?t:{step:1}})(l).step),d=`${(e=>e>=0)(c)?c:a}${l}`;return d!==s&&((e,t)=>{e.dispatch("FontSizeInputTextUpdate",t)})(e,{value:d}),d}}})(e),"fontsizeinput"),fontfamily:(e,t)=>oN(e,t,vN(e),gN,"FontFamilyTextUpdate","fontfamily"),blocks:(e,t)=>oN(e,t,mN(e),dN,"BlocksTextUpdate","blocks"),align:(e,t)=>oN(e,t,lN(e),rN,"AlignTextUpdate","align"),navigateback:(e,t)=>{const o=Tr(xE({type:"button",icon:"chevron-left",tooltip:"Back",onAction:b}));return GR(o,t.shared.providers,[Wc(EB,(e=>{Fc(e,KR)}))])}},IN=(e,t,o,n)=>{const s=(e=>{const t=e.toolbar,o=e.buttons;return!1===t?[]:void 0===t||!0===t?(e=>{const t=L(AN,(t=>{const o=P(t.items,(t=>be(e,t)||be(BN,t)));return{name:t.name,items:o}}));return P(t,(e=>e.items.length>0))})(o):r(t)?(e=>{const t=e.split("|");return L(t,(e=>({items:e.trim().split(" ")})))})(t):(e=>f(e,(e=>(be(e,"name")||be(e,"label"))&&be(e,"items"))))(t)?t:(console.error("Toolbar type should be string, string[], boolean or ToolbarGroup[]"),[])})(t),a=L(s,(s=>{const r=q(s.items,(s=>0===s.trim().length?[]:((e,t,o,n,s,r)=>fe(t,o.toLowerCase()).orThunk((()=>r.bind((e=>se(e,(e=>fe(t,e+o.toLowerCase()))))))).fold((()=>fe(BN,o.toLowerCase())?.map((t=>t(e,s)))),(t=>"grouptoolbarbutton"!==t.type||n?((e,t,o,n)=>fe(DN,e.type).fold((()=>(console.error("skipping button defined by",e),A.none())),(s=>A?.some(s(e,t,o,n)))))(t,s,e,o.toLowerCase()):(console.warn(`Ignoring the '${o}' toolbar button. Group toolbar buttons are only supported when using floating toolbar mode and cannot be nested.`),A.none()))))(e,t.buttons,s,t.allowToolbarGroups,o,n).toArray()));return{title:A.from(e.translate(s.name)),label:$e(void 0!==s.label,e.translate(s.label)),items:r}}));return P(a,(e=>e.items.length>0))},FN=(e,t,o,n)=>{const s=t.mainUi.outerContainer,a=o.toolbar,i=o.buttons;if(f(a,r)){const t=a?.map((t=>{const s={toolbar:t,buttons:i,allowToolbarGroups:o.allowToolbarGroups};return IN(e,s,n,A.none())}));_R.setToolbars(s,t)}else _R.setToolbar(s,IN(e,o,n,A.none()))},RN=Jt(),NN=RN.os.isiOS()&&RN.os.version.major<=12;var zN=Object.freeze({__proto__:null,render:(e,t,o,n,s)=>{const{mainUi:r,uiMotherships:a}=t,i=ye(0),l=r.outerContainer;zR(e);const d=ct(s.targetNode),u=Co(So(d));Lm(d,r.mothership),((e,t,o)=>{GC(e)&&Lm(o.mainUi.mothership.element,o.popupUi.mothership),zm(t,o.dialogUi.mothership)})(e,u,t),e.on("PostRender",(()=>{_R.setSidebar(l,o.sidebar,TC(e))})),e.on("SkinLoaded",(()=>{FN(e,t,o,n),i.set(e.getWin().innerWidth),_R.setMenubar(l,AR(e,o)),_R.setViews(l,o.views),((e,t)=>{const{uiMotherships:o}=t,n=e.dom;let s=e.getWin();const r=e.getDoc().documentElement,a=ye(Dn(s.innerWidth,s.innerHeight)),i=ye(Dn(r.offsetWidth,r.offsetHeight)),l=()=>{const t=a.get();t.left===s.innerWidth&&t.top===s.innerHeight||(a.set(Dn(s.innerWidth,s.innerHeight)),pM(e))},c=()=>{const t=e.getDoc().documentElement,o=i.get();o.left===t.offsetWidth&&o.top===t.offsetHeight||(i.set(Dn(t.offsetWidth,t.offsetHeight)),pM(e))},d=t=>{((e,t)=>{e.dispatch("ScrollContent",t)})(e,t)};n.bind(s,"resize",l),n.bind(s,"scroll",d);const u=Do(ct(e.getBody()),"load",c);e.on("hide",(()=>{V(o,(e=>{dn(e.element,"display","none")}))})),e.on("show",(()=>{V(o,(e=>{vn(e.element,"display")}))})),e.on("NodeChange",c),e.on("remove",(()=>{u.unbind(),n.unbind(s,"resize",l),n.unbind(s,"scroll",d),s=null}))})(e,t)}));const m=_R.getSocket(l).getOrDie("Could not find expected socket element");if(NN){un(m.element,{overflow:"scroll","-webkit-overflow-scrolling":"touch"});const t=(e=>{let t=null;return{cancel:()=>{c(t)||(clearTimeout(t),t=null)},throttle:(...o)=>{c(t)&&(t=setTimeout((()=>{t=null,e.apply(null,o)}),20))}}})((()=>{e.dispatch("ScrollContent")})),o=Mo(m.element,"scroll",t.throttle);e.on("remove",o.unbind)}CA(e,t),e.addCommand("ToggleSidebar",((t,o)=>{_R.toggleSidebar(l,o),(e=>{e.dispatch("ToggleSidebar")})(e)})),e.addQueryValueHandler("ToggleSidebar",(()=>{var e;return null!==(e=_R.whichSidebar(l))&&void 0!==e?e:""})),e.addCommand("ToggleView",((t,o)=>{if(_R.toggleView(l,o)){const t=l.element;r.mothership.broadcastOn([gv()],{target:t}),V(a,(e=>{e.broadcastOn([gv()],{target:t})})),c(_R.whichView(l))&&(e.focus(),e.nodeChanged(),_R.refreshToolbar(l)),(e=>{e.dispatch("ToggleView")})(e)}})),e.addQueryValueHandler("ToggleView",(()=>{var e;return null!==(e=_R.whichView(l))&&void 0!==e?e:""}));const g=rC(e);g!==NS.sliding&&g!==NS.floating||e.on("ResizeWindow ResizeEditor ResizeContent",(()=>{const o=e.getWin().innerWidth;o!==i.get()&&(_R.refreshToolbar(t.mainUi.outerContainer),i.set(o))}));const p={setEnabled:e=>{SA(t,e?"setEnabled":"setDisabled")},isEnabled:()=>!tp.isDisabled(l)};return{iframeContainer:m.element.dom,editorContainer:l.element.dom,api:p}}});const LN=e=>h(e)?e+"px":e,VN=(e,t,o)=>{const n=t.filter((t=>e<t)),s=o.filter((t=>e>t));return n.or(s).getOr(e)},HN=e=>{const t=YS(e),o=KS(e),n=QS(e);return(s=t,/^[0-9\.]+(|px)$/i.test(""+s)?A?.some(parseInt(""+s,10)):A.none())?.map((e=>VN(e,o,n)));var s},{ToolbarLocation:PN,ToolbarMode:UN}=qC,WN=(e,t,o,n,s)=>{const{mainUi:r,uiMotherships:a}=o,i=HS.DOM,l=PC(e),c=$C(e),d=QS(e).or(HN(e)),u=n.shared.header,m=u.isPositionedAtTop,g=rC(e),p=g===UN.sliding||g===UN.floating,h=ye(!1),f=()=>h.get()&&!e.removed,b=e=>p?e.fold(y(0),(e=>e.components().length>1?Sn(e.components()[1].element):0)):0,v=()=>{V(a,(e=>{e.broadcastOn([pv()],{})}))},x=o=>{if(!f())return;l||s.on((e=>{const o=d.getOrThunk((()=>Ms().width-Fn(t).left-10));dn(e.element,"max-width",o+"px")}));const n=Rn(),a=!(l||l||!(In(r.outerContainer.element).left+En(r.outerContainer.element)>=window.innerWidth-40||hn(r.outerContainer.element,"width").isSome())||(dn(r.outerContainer.element,"position","absolute"),dn(r.outerContainer.element,"left","0px"),vn(r.outerContainer.element,"width"),0));if(p&&_R.refreshToolbar(r.outerContainer),!l){const o=Rn(),i=$e(n.left!==o.left,n);((o,n)=>{s.on((s=>{const a=_R.getToolbar(r.outerContainer),i=b(a),l=Rs(t),c=((e,t)=>GC(e)?Hs(t):A.none())(e,r.outerContainer.element),d=c.fold((()=>l.x),(e=>{const t=Rs(e);return yt(e,rn())?l.x:l.x-t.x})),u=$e(o,Math.ceil(r.outerContainer.element.dom.getBoundingClientRect().width)).filter((e=>e>150))?.map((e=>{const t=n.getOr(Rn()),o=window.innerWidth-(d-t.left),s=Math.max(Math.min(e,o),150);return o<e&&dn(r.outerContainer.element,"width",s+"px"),{width:s+"px"}})).getOr({width:"max-content"}),g={position:"absolute",left:Math.round(d)+"px",top:c.fold((()=>m()?Math.max(l.y-Sn(s.element)+i,0):l.bottom),(e=>{var t;const o=Rs(e),n=null!==(t=e.dom.scrollTop)&&void 0!==t?t:0,r=yt(e,rn())?Math.max(l.y-Sn(s.element)+i,0):l.y-o.y+n-Sn(s.element)+i;return m()?r:l.bottom}))+"px"};un(r.outerContainer.element,{...g,...u})}))})(a,i),i.each((e=>{Nn(e.left,o.top)}))}c&&s.on(o),v()},w=()=>!(l||!c||!f())&&s.get().exists((o=>{const n=u.getDockingMode(),a=(o=>{switch(iC(e)){case PN.auto:const e=_R.getToolbar(r.outerContainer),n=b(e),s=Sn(o.element)-n,a=Rs(t);if(a.y>s)return"top";{const e=uo(t),o=Math.max(e.dom.scrollHeight,Sn(e));return a.bottom<o-s||Ls().bottom<a.bottom-s?"bottom":"top"}case PN.bottom:return"bottom";case PN.top:default:return"top"}})(o);return a!==n&&(i=a,s.on((e=>{Ep.setModes(e,[i]),u.setDockingMode(i);const t=m()?_c.TopToBottom:_c.BottomToTop;Go(e.element,Tc,t)})),!0);var i}));return{isVisible:f,isPositionedAtTop:m,show:()=>{h.set(!0),dn(r.outerContainer.element,"display","flex"),i.addClass(e.getBody(),"mce-edit-focus"),V(a,(e=>{vn(e.element,"display")})),w(),GC(e)?x((e=>Ep.isDocked(e)?Ep.reset(e):Ep.refresh(e))):x(Ep.refresh)},hide:()=>{h.set(!1),dn(r.outerContainer.element,"display","none"),i.removeClass(e.getBody(),"mce-edit-focus"),V(a,(e=>{dn(e.element,"display","none")}))},update:x,updateMode:()=>{w()&&x(Ep.reset)},repositionPopups:v}},$N=(e,t)=>{const o=Rs(e);return{pos:t?o.y:o.bottom,bounds:o}};var GN=Object.freeze({__proto__:null,render:(e,t,o,n,s)=>{const{mainUi:r}=t,a=Xe(),i=ct(s.targetNode),l=WN(e,i,t,n,a),c=dC(e);LR(e);const d=()=>{if(a.isSet())return void l.show();a.set(_R.getHeader(r.outerContainer).getOrDie());const s=UC(e);GC(e)?(Lm(i,r.mothership),Lm(i,t.popupUi.mothership)):zm(s,r.mothership),zm(s,t.dialogUi.mothership);const d=()=>{FN(e,t,o,n),_R.setMenubar(r.outerContainer,AR(e,o)),l.show(),((e,t,o,n)=>{const s=ye($N(t,o.isPositionedAtTop())),r=n=>{const{pos:r,bounds:a}=$N(t,o.isPositionedAtTop()),{pos:i,bounds:l}=s.get(),c=a.height!==l.height||a.width!==l.width;s.set({pos:r,bounds:a}),c&&pM(e,n),o.isVisible()&&(i!==r?o.update(Ep.reset):c&&(o.updateMode(),o.repositionPopups()))};n||(e.on("activate",o.show),e.on("deactivate",o.hide)),e.on("SkinLoaded ResizeWindow",(()=>o.update(Ep.reset))),e.on("NodeChange keydown",(e=>{requestAnimationFrame((()=>r(e)))}));let a=0;const i=nt((()=>o.update(Ep.refresh)),33);e.on("ScrollWindow",(()=>{const e=Rn().left;e!==a&&(a=e,i.throttle()),o.updateMode()})),GC(e)&&e.on("ElementScroll",(e=>{o.update(Ep.refresh)}));const l=qe();l.set(Do(ct(e.getBody()),"load",(e=>r(e.raw)))),e.on("remove",(()=>{l.clear()}))})(e,i,l,c),e.nodeChanged()};c?e.once("SkinLoaded",d):d()};e.on("show",d),e.on("hide",l.hide),c||(e.on("focus",d),e.on("blur",l.hide)),e.on("init",(()=>{(e.hasFocus()||c)&&d()})),CA(e,t);const u={show:d,hide:l.hide,setEnabled:e=>{SA(t,e?"setEnabled":"setDisabled")},isEnabled:()=>!tp.isDisabled(r.outerContainer)};return{editorContainer:r.outerContainer.element.dom,api:u}}});const jN="contexttoolbar-hide",qN=(e,t,o)=>({setInputEnabled:t=>{!t&&o&&Fo(o),tp.set(e,!t)},isInputEnabled:()=>!tp.isDisabled(e),hide:()=>{Fc(e,Ha())},back:()=>{Fc(e,KR)},getValue:()=>t.get().getOrThunk((()=>Yh.getValue(e))),setValue:o=>{e.getSystem().isConnected()?Yh.setValue(e,o):t.set(o)}}),XN=(e,t,o)=>Wc(EB,((n,s)=>{const r=e.get(n),a=qN(r,o,n.element);t.onAction(a,s.event.buttonApi)})),YN=(e,t,o,n)=>{const s=L(t,(t=>dv(((e,t,o,n)=>(e=>"contextformtogglebutton"===e.type)(t)?((e,t,o,n)=>{const{primary:s,...r}=t.original,a=Tr(SE({...r,type:"togglebutton",onAction:b}));return jR(a,o,[XN(e,t,n)])})(e,t,o,n):((e,t,o,n)=>{const{primary:s,...r}=t.original,a=Tr(xE({...r,type:"button",onAction:b}));return GR(a,o,[XN(e,t,n)])})(e,t,o,n))(e,t,o,n))));return{asSpecs:()=>L(s,(e=>e.asSpec())),findPrimary:e=>se(t,((t,o)=>t.primary?A.from(s[o]).bind((t=>t.getOpt(e))).filter(k(tp.isDisabled)):A.none()))}},KN=(e,t,o,n)=>{const{width:s,height:r}=e.initValue();let a=JB;const i=Ne("ratio-event"),l=e=>qN(e,n),c=e=>dO(e,{tag:"span",classes:["tox-icon","tox-lock-icon__"+e]},t.icons),d=()=>!1,u=e.label.getOr("Constrain proportions"),m=t.translate(u),g=jx.parts.lock({dom:{tag:"button",classes:["tox-lock","tox-lock-context-form-size-input","tox-button","tox-button--naked","tox-button--icon"],attributes:{"aria-label":m,"data-mce-name":u}},components:[c("lock"),c("unlock")],buttonBehaviours:rd([tp.config({disabled:d}),Pb.config({}),iv.config(t.tooltips.getConfig({tooltipText:m}))])}),p=e=>({dom:{tag:"div",classes:["tox-context-form__group"]},components:e}),h=e=>Gn(e.element,"div.tox-focusable-wrapper").fold(A.none,(e=>(Fo(e),A?.some(!0)))),f=e=>Ux.parts.field({factory:Zx,inputClasses:["tox-textfield","tox-toolbar-textfield","tox-textfield-size"],data:e?s:r,inputBehaviours:rd([tp.config({disabled:d}),Pb.config({}),ud("size-input-toolbar-events",[Wc(xa(),((t,o)=>{Rc(t,i,{isField1:e})}))]),wm.config({mode:"special",onEnter:o,onEscape:h})]),selectOnFocus:!1}),v=e=>({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}),x=e=>({dom:{tag:"div",classes:["tox-focusable-wrapper","tox-toolbar-nav-item"]},components:[e],behaviours:rd([Pb.config({}),fd.config({}),wm.config({mode:"special",onEnter:e=>Xn(e.element,"input").fold(A.none,(e=>(Fo(e),A?.some(!0))))})])}),y=x(jx.parts.field1(p([Ux.parts.label(v("Width:")),f(!0)]))),w=x(jx.parts.field2(p([Ux.parts.label(v("Height:")),f(!1)]))),S=ye(b),C=[hA({onBeforeSetup:e=>Xn(e.element,"input").each(Fo),onSetup:e.onSetup,getApi:l},S),bA({getApi:l},S,n)];return jx.sketch({dom:{tag:"div",classes:["tox-context-form__group"]},components:[y,p([g]),w],field1Name:"width",field2Name:"height",locked:!0,markers:{lockClass:"tox-locked"},onLockedChange:(e,t,o)=>{YB(Yh.getValue(e)).each((e=>{a(e).each((e=>{Yh.setValue(t,XB(e))}))}))},onInput:e=>Fc(e,kD),coupledFieldBehaviours:rd([fd.config({}),wm.config({mode:"flow",focusInside:Ei.OnEnterOrSpaceMode,cycles:!1,selector:"button, .tox-focusable-wrapper"}),tp.config({disabled:d,onDisabled:e=>{jx.getField1(e).bind(Ux.getField).each(tp.disable),jx.getField2(e).bind(Ux.getField).each(tp.disable),jx.getLock(e).each(tp.disable)},onEnabled:e=>{jx.getField1(e).bind(Ux.getField).each(tp.enable),jx.getField2(e).bind(Ux.getField).each(tp.enable),jx.getLock(e).each(tp.enable)}}),kA((()=>t.checkUiComponentContext("mode:design"))),ud("size-input-toolbar-events2",[Wc(i,((e,t)=>{const o=t.event.isField1,n=o?jx.getField1(e):jx.getField2(e),s=o?jx.getField2(e):jx.getField1(e),r=n?.map(Yh.getValue).getOr(""),i=s?.map(Yh.getValue).getOr("");a=QB(r,i)})),Wc(kD,(t=>e.onInput(l(t)))),...C])])})},JN=(e,t,o)=>Ux.sketch({dom:{tag:"div",classes:["tox-context-form__group"]},components:[...e.toArray(),t],fieldBehaviours:rd([tp.config({disabled:()=>o.checkUiComponentContext("mode:design").shouldDisable,onDisabled:e=>{(e=>{Lo(e.element).each((e=>{Gn(e,'[tabindex="-1"]').each((e=>{Fo(e)}))}))})(e),Ux.getField(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable)}})])}),QN=(e,t,o,n)=>{const s=ye(b),r=e=>qN(e,n),a=e.label?.map((e=>Ux.parts.label({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}))),i=Ux.parts.field({factory:Zx,type:"range",inputClasses:["tox-toolbar-slider__input","tox-toolbar-nav-item"],inputAttributes:{min:String(e.min()),max:String(e.max())},data:e.initValue().toString(),fromInputValue:t=>(e=>{const t=parseFloat(e);return isNaN(t)?A.none():A?.some(t)})(t).getOr(e.min()),toInputValue:e=>String(e),inputBehaviours:rd([tp.config({disabled:()=>t.checkUiComponentContext("mode:design").shouldDisable}),kA((()=>t.checkUiComponentContext("mode:design"))),wm.config({mode:"special",onEnter:o,onLeft:(e,t)=>(t.cut(),A.none()),onRight:(e,t)=>(t.cut(),A.none())}),ud("slider-events",[hA({onSetup:e.onSetup,getApi:r,onBeforeSetup:wm.focusIn},s),bA({getApi:r},s,n),Wc(Ca(),(t=>{e.onInput(r(t))}))])])});return JN(a,i,t)},ZN=(e,t,o,n)=>{const s=ye(b),r=e=>qN(e,n),a=e.label?.map((e=>Ux.parts.label({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}))),i={...e.placeholder?.map((e=>({placeholder:t.translate(e)}))).getOr({})},l=Ux.parts.field({factory:Zx,inputClasses:["tox-toolbar-textfield","tox-toolbar-nav-item"],inputAttributes:i,data:e.initValue(),selectOnFocus:!0,inputBehaviours:rd([tp.config({disabled:()=>t.checkUiComponentContext("mode:design").shouldDisable}),kA((()=>t.checkUiComponentContext("mode:design"))),wm.config({mode:"special",onEnter:o,onLeft:(e,t)=>(t.cut(),A.none()),onRight:(e,t)=>(t.cut(),A.none())}),ud("input-events",[hA({onSetup:e.onSetup,getApi:e=>Gn(e.element,".tox-toolbar").bind((e=>Xn(e,"button:enabled"))).fold((()=>qN(e,n)),(t=>qN(e,n,t))),onBeforeSetup:wm.focusIn},s),bA({getApi:r},s,n),Wc(Ca(),(t=>{e.onInput(r(t))}))])])});return JN(a,l,t)},ez=(e,t,o)=>{const n=Xe(),s=dv(e(o,(e=>a.findPrimary(e).orThunk((()=>i.findPrimary(e)))?.map((e=>(Nc(e),!0)))),n)),r=H(t.commands,(e=>"start"===e.align)),a=YN(s,r.pass,o,n),i=YN(s,r.fail,o,n);return P([{title:A.none(),label:A.none(),items:a.asSpecs()},{title:A.none(),label:A.none(),items:[s.asSpec()]},{title:A.none(),label:A.none(),items:i.asSpecs()}],(e=>e.items.length>0))},tz=(e,t)=>{switch(e.type){case"contextform":return ez(C(ZN,e),e,t);case"contextsliderform":return ez(C(QN,e),e,t);case"contextsizeinputform":return ez(C(KN,e),e,t)}},oz=(e,t,o)=>t.bottom-e.y>=o&&e.bottom-t.y>=o,nz=e=>{const t=(e=>{const t=e.getBoundingClientRect();if(t.height<=0&&t.width<=0){const o=yo(ct(e.startContainer),e.startOffset).element;return(so(o)?go(o):A?.some(o)).filter(no)?.map((e=>e.dom.getBoundingClientRect())).getOr(t)}return t})(e.selection.getRng());if(e.inline){const e=Rn();return Fs(e.left+t.left,e.top+t.top,t.width,t.height)}{const o=Ns(ct(e.getBody()));return Fs(o.x+t.left,o.y+t.top,t.width,t.height)}},sz=(e,t,o,n=0)=>{const s=Ms(window),r=Rs(ct(e.getContentAreaContainer())),a=IC(e)||NC(e)||LC(e),{x:i,width:l}=((e,t,o)=>{const n=Math.max(e.x+o,t.x);return{x:n,width:Math.min(e.right-o,t.right)-n}})(r,s,n);if(e.inline&&!a)return Fs(i,s.y,l,s.height);{const a=t.header.isPositionedAtTop(),{y:c,bottom:d}=((e,t,o,n,s,r)=>{const a=ct(e.getContainer()),i=Xn(a,".tox-editor-header").getOr(a),l=Rs(i),c=l.y>=t.bottom,d=n&&!c;if(e.inline&&d)return{y:Math.max(l.bottom+r,o.y),bottom:o.bottom};if(e.inline&&!d)return{y:o.y,bottom:Math.min(l.y-r,o.bottom)};const u="line"===s?Rs(a):t;return d?{y:Math.max(l.bottom+r,o.y),bottom:Math.min(u.bottom-r,o.bottom)}:{y:Math.max(u.y+r,o.y),bottom:Math.min(l.y-r,o.bottom)}})(e,r,s,a,o,n);return Fs(i,c,l,d-c)}},rz={valignCentre:[],alignCentre:[],alignLeft:["tox-pop--align-left"],alignRight:["tox-pop--align-right"],right:["tox-pop--right"],left:["tox-pop--left"],bottom:["tox-pop--bottom"],top:["tox-pop--top"],inset:["tox-pop--inset"]},az={maxHeightFunction:kc(),maxWidthFunction:Oc()},iz=e=>"node"===e,lz=(e,t,o,n,s)=>{const r=nz(e),a=n.lastElement().exists((e=>yt(o,e)));return((e,t)=>{const o=e.selection.getRng(),n=yo(ct(o.startContainer),o.startOffset);return o.startContainer===o.endContainer&&o.startOffset===o.endOffset-1&&yt(n.element,t)})(e,o)?a?xc:pc:a?((e,o)=>{const s=hn(e,"position");dn(e,"position",o);const a=oz(r,Rs(t),-20)&&!n.isReposition()?wc:xc;return s.each((t=>dn(e,"position",t))),a})(t,n.getMode()):("fixed"===n.getMode()?s.y+Rn().top:s.y)+(Sn(t)+12)<=r.y?pc:hc},cz=(e,t,o,n)=>{const s=t=>(n,s,r,a,i)=>({...lz(e,a,t,o,i)({...n,y:i.y,height:i.height},s,r,a,i),alwaysFit:!0}),r=e=>iz(n)?[s(e)]:[];return t?{onLtr:e=>[jl,Pl,Ul,Wl,$l,Gl].concat(r(e)),onRtl:e=>[jl,Ul,Pl,$l,Wl,Gl].concat(r(e))}:{onLtr:e=>[Gl,jl,Wl,Pl,$l,Ul].concat(r(e)),onRtl:e=>[Gl,jl,$l,Ul,Wl,Pl].concat(r(e))}},dz=(e,t)=>{const o=P(t,(t=>t.predicate(e.dom))),{pass:n,fail:s}=H(o,(e=>"contexttoolbar"===e.type));return{contextToolbars:n,contextForms:s}},uz=(e,t)=>{const o={},n=[],s=[],r={},a={},i=re(e);return V(i,(i=>{const l=e[i];"contextform"===l.type||"contextsliderform"===l.type||"contextsizeinputform"===l.type?((e,i)=>{const l=Tr(_r("ContextForm",BE,i));o[e]=l,l.launch?.map((o=>{r["form:"+e]={...i.launch,type:"contextformtogglebutton"===o.type?"togglebutton":"button",onAction:()=>{t(l)}}})),"editor"===l.scope?s.push(l):n.push(l),a[e]=l})(i,l):"contexttoolbar"===l.type&&((e,o)=>{var i;(i=o,_r("ContextToolbar",FE,i)).each((i=>{i.launch.isSome()&&(r["toolbar:"+e]={...o.launch,type:"button",onAction:()=>{t(i)}}),"editor"===o.scope?s.push(i):n.push(i),a[e]=i}))})(i,l)})),{forms:o,inNodeScope:n,inEditorScope:s,lookupTable:a,formNavigators:r}},mz="tox-pop--transition",gz=(e,t,o,n)=>{const s=n.backstage,a=s.shared,i=Jt().deviceType.isTouch,l=Xe(),c=Xe(),d=Xe(),u=(e=>{const t=ye([]),o=Xx.sketch({dom:{tag:"div",classes:["tox-pop"]},fireDismissalEventInstead:{event:"doNotDismissYet"},onShow:e=>{t.set([]),Xx.getContent(e).each((e=>{vn(e.element,"visibility")})),ss(e.element,QR),vn(e.element,"width")},onHide:()=>{t.set([]),e.onHide()},inlineBehaviours:rd([ud("context-toolbar-events",[Kc(Ta(),((e,t)=>{"width"===t.event.raw.propertyName&&(ss(e.element,QR),vn(e.element,"width"))})),Wc(JR,((e,t)=>{const o=e.element;vn(o,"width");const n=Tn(o),s=Lo(e.element).isSome();vn(o,"left"),vn(o,"right"),vn(o,"max-width"),Xx.setContent(e,t.event.contents),os(o,QR);const r=Tn(o);dn(o,"transition","none"),Xx.reposition(e),vn(o,"transition"),dn(o,"width",n+"px"),t.event.focus.fold((()=>{s&&XR(e)}),(t=>{zo(So(e.element)).fold((()=>Fo(t)),(e=>{yt(e,t)||Fo(t)}))})),setTimeout((()=>{dn(e.element,"width",r+"px")}),0)})),Wc(YR,((e,o)=>{Xx.getContent(e).each((o=>{t.set(t.get().concat([{bar:o,focus:zo(So(e.element))}]))})),Rc(e,JR,{contents:o.event.forwardContents,focus:A.none()})})),Wc(KR,((o,n)=>{e.onBack(),oe(t.get()).each((e=>{t.set(t.get().slice(0,t.get().length-1)),Rc(o,JR,{contents:Mg(e.bar),focus:e.focus})}))}))]),wm.config({mode:"special",onEscape:o=>oe(t.get()).fold((()=>e.onEscape()),(e=>(Fc(o,KR),A?.some(!0))))})]),lazySink:()=>Ae.value(e.sink)});return{sketch:o,inSubtoolbar:()=>t.get().length>0}})({sink:o,onEscape:()=>(e.focus(),bM(e),A?.some(!0)),onHide:()=>{bM(e)},onBack:()=>{(e=>{e.dispatch("ContextFormSlideBack")})(e)}}),m=Ag(u.sketch),g=()=>{const t=d.get().getOr("node"),o=iz(t)?1:0;return sz(e,a,t,o)},p=()=>!(e.removed||i()&&s.isContextMenuOpen()),h=()=>{if(p()){const t=g(),o=He(d.get(),"node")?((e,t)=>t.filter((e=>sn(e)&&oo(e)))?.map(Ns).getOrThunk((()=>nz(e))))(e,l.get()):nz(e);return t.height<=0||!oz(o,t,.01)}return!0},f=()=>{l.clear(),c.clear(),d.clear(),Xx.hide(m)},v=()=>{if(Xx.isOpen(m)){const e=m.element;vn(e,"display"),h()?dn(e,"display","none"):(c.set(0),Xx.reposition(m))}},x=t=>({dom:{tag:"div",classes:["tox-pop__dialog"]},components:[t],behaviours:rd([wm.config({mode:"acyclic"}),ud("pop-dialog-wrap-events",[Jc((t=>{e.shortcuts.add("ctrl+F9","focus statusbar",(()=>wm.focusIn(t)))})),Qc((t=>{e.shortcuts.remove("ctrl+F9")}))])])}),y=e=>{const t=S([e]);Rc(m,YR,{forwardContents:x(t)})},w=st((()=>uz(t,y))),S=t=>{const{buttons:o}=e.ui.registry.getAll(),s={...o,...w().formNavigators},i=rC(e)===NS.scrolling?NS.scrolling:NS.default,l=j(L(t,(t=>{return"contexttoolbar"===t.type?((t,o)=>IN(e,{buttons:t,toolbar:o.items,allowToolbarGroups:!1},n.backstage,A?.some(["form:","toolbar:"])))(s,(o=t,{...o,launch:o.launch.getOrUndefined(),items:r(o.items)?o.items:L(o.items,RE)})):((e,t)=>tz(e,t))(t,a.providers);var o})));return rR({type:i,uid:Ne("context-toolbar"),initGroups:l,onEscape:A.none,cyclicKeying:!0,providers:a.providers})},C=(t,n)=>{if(O.cancel(),!p())return;const s=S(t),r=t[0].position,u=((t,n)=>{const s="node"===t?a.anchors.node(n):a.anchors.cursor(),r=((e,t,o,n)=>"line"===t?{bubble:wl(12,0,rz),layouts:{onLtr:()=>[ql],onRtl:()=>[Xl]},overrides:az}:{bubble:wl(0,12,rz,1/12),layouts:cz(e,o,n,t),overrides:az})(e,t,i(),{lastElement:l.get,isReposition:()=>He(c.get(),0),getMode:()=>Zf.getMode(o)});return Le(s,r)})(r,n);d.set(r),c.set(1);const f=m.element;vn(f,"display"),(e=>He(Ue(e,l.get(),yt),!0))(n)||(ss(f,mz),Zf.reset(o,m)),Xx.showWithinBounds(m,x(s),{anchor:u,transition:{classes:[mz],mode:"placement"}},(()=>A?.some(g()))),n.fold(l.clear,l.set),h()&&dn(f,"display","none")};let k=!1;const O=nt((()=>{!e.hasFocus()||e.removed||k||(rs(m.element,mz)?O.throttle():((e,t)=>{const o=ct(t.getBody()),n=e=>yt(e,o),s=ct(t.selection.getNode());return(e=>!n(e)&&!wt(o,e))(s)?A.none():((e,t,o)=>{const n=dz(e,t);if(n.contextForms.length>0)return A?.some({elem:e,toolbars:[n.contextForms[0]]});{const t=dz(e,o);if(t.contextForms.length>0)return A?.some({elem:e,toolbars:[t.contextForms[0]]});if(n.contextToolbars.length>0||t.contextToolbars.length>0){const o=(e=>{if(e.length<=1)return e;{const t=t=>R(e,(e=>e.position===t)),o=t=>P(e,(e=>e.position===t)),n=t("selection"),s=t("node");if(n||s){if(s&&n){const e=o("node"),t=L(o("selection"),(e=>({...e,position:"node"})));return e.concat(t)}return o(n?"selection":"node")}return o("line")}})(n.contextToolbars.concat(t.contextToolbars));return A?.some({elem:e,toolbars:o})}return A.none()}})(s,e.inNodeScope,e.inEditorScope).orThunk((()=>((e,t,o)=>e(t)?A.none():fs(t,(e=>{if(no(e)){const{contextToolbars:t,contextForms:n}=dz(e,o.inNodeScope),s=n.length>0?n:(e=>{if(e.length<=1)return e;{const t=t=>$(e,(e=>e.position===t));return t("selection").orThunk((()=>t("node"))).orThunk((()=>t("line")))?.map((e=>e.position)).fold((()=>[]),(t=>P(e,(e=>e.position===t))))}})(t);return s.length>0?A?.some({elem:e,toolbars:s}):A.none()}return A.none()}),e))(n,s,e)))})(w(),e).fold(f,(e=>{C(e.toolbars,A?.some(e.elem))})))}),17);e.on("init",(()=>{e.on("remove",f),e.on("ScrollContent ScrollWindow ObjectResized ResizeEditor longpress",v),e.on("click focus SetContent",O.throttle),e.on("keyup",(e=>{var t;((t=e.keyCode)!==xN.ENTER&&t!==xN.SPACEBAR||!u.inSubtoolbar())&&O.throttle()})),e.on(jN,f),e.on("contexttoolbar-show",(t=>{const o=w();fe(o.lookupTable,t.toolbarKey).each((o=>{C([o],$e(t.target!==e,t.target)),XR(m)}))})),e.on("focusout",(t=>{VS.setEditorTimeout(e,(()=>{Lo(o.element).isNone()&&Lo(m.element).isNone()&&!e.hasFocus()&&f()}),0)})),e.on("SwitchMode",(()=>{e.mode.isReadOnly()&&f()})),e.on("DisabledStateChange",(e=>{e.state&&f()})),e.on("ExecCommand",(({command:e})=>{"toggleview"===e.toLowerCase()&&f()})),e.on("AfterProgressState",(t=>{t.state?f():e.hasFocus()&&O.throttle()})),e.on("dragstart",(()=>{k=!0})),e.on("dragend drop",(()=>{k=!1})),e.on("NodeChange",(e=>{u.inSubtoolbar()?(dn(m.element,"transition","none"),v(),vn(m.element,"transition")):Lo(m.element).fold(O.throttle,b)}))}))},pz=(e,t)=>{const o=()=>{const o=t.getOptions(e),n=t.getCurrent(e)?.map(t.hash),s=Xe();return L(o,(o=>({type:"togglemenuitem",text:t.display(o),onSetup:r=>{const a=e=>{e&&(s.on((e=>e.setActive(!1))),s.set(r)),r.setActive(e)};a(He(n,t.hash(o)));const i=t.watcher(e,o,a);return()=>{s.clear(),i()}},onAction:()=>t.setCurrent(e,o)})))};e.ui.registry.addMenuButton(t.name,{tooltip:t.text,icon:t.icon,fetch:e=>e(o()),onSetup:t.onToolbarSetup}),e.ui.registry.addNestedMenuItem(t.name,{type:"nestedmenuitem",text:t.text,getSubmenuItems:o,onSetup:t.onMenuSetup})},hz=e=>{pz(e,(e=>({name:"lineheight",text:"Line height",icon:"line-height",getOptions:RC,hash:e=>(e=>Es(e,["fixed","relative","empty"])?.map((({value:e,unit:t})=>e+t)))(e).getOr(e),display:w,watcher:(e,t,o)=>e.formatter.formatChanged("lineheight",o,!1,{value:t}).unbind,getCurrent:e=>A.from(e.queryCommandValue("LineHeight")),setCurrent:(e,t)=>e.execCommand("LineHeight",!1,t),onToolbarSetup:xM(e),onMenuSetup:xM(e)}))(e)),(e=>A.from(nC(e))?.map((t=>({name:"language",text:"Language",icon:"language",getOptions:y(t),hash:e=>u(e.customCode)?e.code:`${e.code}/${e.customCode}`,display:e=>e.title,watcher:(e,t,o)=>{var n;return e.formatter.formatChanged("lang",o,!1,{value:t.code,customValue:null!==(n=t.customCode)&&void 0!==n?n:null}).unbind},getCurrent:e=>{const t=ct(e.selection.getNode());return bs(t,(e=>A?.some(e).filter(no).bind((e=>Xo(e,"lang")?.map((t=>({code:t,customCode:Xo(e,"data-mce-lang").getOrUndefined(),title:""})))))))},setCurrent:(e,t)=>e.execCommand("Lang",!1,t),onToolbarSetup:t=>{const o=qe();return t.setActive(e.formatter.match("lang",{},void 0,!0)),o.set(e.formatter.formatChanged("lang",t.setActive,!0)),vM(o.clear,xM(e)(t))},onMenuSetup:xM(e)}))))(e).each((t=>pz(e,t)))},fz=e=>wM(e,"NodeChange",(t=>{t.setEnabled(e.queryCommandState("outdent")&&e.selection.isEditable())})),bz=(e,t)=>o=>{o.setActive(t.get());const n=e=>{t.set(e.state),o.setActive(e.state)};return e.on("PastePlainTextToggle",n),vM((()=>e.off("PastePlainTextToggle",n)),xM(e)(o))},vz=(e,t)=>()=>{e.execCommand("mceToggleFormat",!1,t)},xz=e=>{(e=>{(e=>{nB.each([{name:"bold",text:"Bold",icon:"bold",shortcut:"Meta+B"},{name:"italic",text:"Italic",icon:"italic",shortcut:"Meta+I"},{name:"underline",text:"Underline",icon:"underline",shortcut:"Meta+U"},{name:"strikethrough",text:"Strikethrough",icon:"strike-through"},{name:"subscript",text:"Subscript",icon:"subscript"},{name:"superscript",text:"Superscript",icon:"superscript"}],((t,o)=>{e.ui.registry.addToggleButton(t.name,{tooltip:t.text,icon:t.icon,onSetup:yM(e,t.name),onAction:vz(e,t.name),shortcut:t.shortcut})}));for(let t=1;t<=6;t++){const o="h"+t,n=`Access+${t}`;e.ui.registry.addToggleButton(o,{text:o.toUpperCase(),tooltip:"Heading "+t,onSetup:yM(e,o),onAction:vz(e,o),shortcut:n})}})(e),(e=>{nB.each([{name:"copy",text:"Copy",action:"Copy",icon:"copy",context:"any"},{name:"help",text:"Help",action:"mceHelp",icon:"help",shortcut:"Alt+0",context:"any"},{name:"selectall",text:"Select all",action:"SelectAll",icon:"select-all",shortcut:"Meta+A",context:"any"},{name:"newdocument",text:"New document",action:"mceNewDocument",icon:"new-document"},{name:"print",text:"Print",action:"mcePrint",icon:"print",shortcut:"Meta+P",context:"any"}],(t=>{e.ui.registry.addButton(t.name,{tooltip:t.text,icon:t.icon,onAction:CM(e,t.action),shortcut:t.shortcut,context:t.context})})),nB.each([{name:"cut",text:"Cut",action:"Cut",icon:"cut"},{name:"paste",text:"Paste",action:"Paste",icon:"paste"},{name:"removeformat",text:"Clear formatting",action:"RemoveFormat",icon:"remove-formatting"},{name:"remove",text:"Remove",action:"Delete",icon:"remove"},{name:"hr",text:"Horizontal line",action:"InsertHorizontalRule",icon:"horizontal-rule"}],(t=>{e.ui.registry.addButton(t.name,{tooltip:t.text,icon:t.icon,onSetup:xM(e),onAction:CM(e,t.action)})}))})(e),(e=>{nB.each([{name:"blockquote",text:"Blockquote",action:"mceBlockQuote",icon:"quote"}],(t=>{e.ui.registry.addToggleButton(t.name,{tooltip:t.text,icon:t.icon,onAction:CM(e,t.action),onSetup:yM(e,t.name)})}))})(e)})(e),(e=>{nB.each([{name:"newdocument",text:"New document",action:"mceNewDocument",icon:"new-document"},{name:"copy",text:"Copy",action:"Copy",icon:"copy",shortcut:"Meta+C",context:"any"},{name:"selectall",text:"Select all",action:"SelectAll",icon:"select-all",shortcut:"Meta+A",context:"any"},{name:"print",text:"Print...",action:"mcePrint",icon:"print",shortcut:"Meta+P",context:"any"}],(t=>{e.ui.registry.addMenuItem(t.name,{text:t.text,icon:t.icon,shortcut:t.shortcut,onAction:CM(e,t.action),context:t.context})})),nB.each([{name:"bold",text:"Bold",action:"Bold",icon:"bold",shortcut:"Meta+B"},{name:"italic",text:"Italic",action:"Italic",icon:"italic",shortcut:"Meta+I"},{name:"underline",text:"Underline",action:"Underline",icon:"underline",shortcut:"Meta+U"},{name:"strikethrough",text:"Strikethrough",action:"Strikethrough",icon:"strike-through"},{name:"subscript",text:"Subscript",action:"Subscript",icon:"subscript"},{name:"superscript",text:"Superscript",action:"Superscript",icon:"superscript"},{name:"removeformat",text:"Clear formatting",action:"RemoveFormat",icon:"remove-formatting"},{name:"cut",text:"Cut",action:"Cut",icon:"cut",shortcut:"Meta+X"},{name:"paste",text:"Paste",action:"Paste",icon:"paste",shortcut:"Meta+V"},{name:"hr",text:"Horizontal line",action:"InsertHorizontalRule",icon:"horizontal-rule"}],(t=>{e.ui.registry.addMenuItem(t.name,{text:t.text,icon:t.icon,shortcut:t.shortcut,onSetup:xM(e),onAction:CM(e,t.action)})})),e.ui.registry.addMenuItem("codeformat",{text:"Code",icon:"sourcecode",onSetup:xM(e),onAction:vz(e,"code")})})(e)},yz=(e,t)=>wM(e,"Undo Redo AddUndo TypingUndo ClearUndos SwitchMode",(o=>{o.setEnabled(!e.mode.isReadOnly()&&e.undoManager[t]())})),wz=e=>wM(e,"VisualAid",(t=>{t.setActive(e.hasVisual)})),Sz=(e,t)=>{(e=>{V([{name:"alignleft",text:"Align left",cmd:"JustifyLeft",icon:"align-left"},{name:"aligncenter",text:"Align center",cmd:"JustifyCenter",icon:"align-center"},{name:"alignright",text:"Align right",cmd:"JustifyRight",icon:"align-right"},{name:"alignjustify",text:"Justify",cmd:"JustifyFull",icon:"align-justify"}],(t=>{e.ui.registry.addToggleButton(t.name,{tooltip:t.text,icon:t.icon,onAction:CM(e,t.cmd),onSetup:yM(e,t.name)})})),e.ui.registry.addButton("alignnone",{tooltip:"No alignment",icon:"align-none",onSetup:xM(e),onAction:CM(e,"JustifyNone")})})(e),xz(e),((e,t)=>{((e,t)=>{const o=tN(t,lN(e));e.ui.registry.addNestedMenuItem("align",{text:t.shared.providers.translate("Align"),onSetup:xM(e),getSubmenuItems:()=>o.items.validateItems(o.getStyleItems())})})(e,t),((e,t)=>{const o=tN(t,vN(e));e.ui.registry.addNestedMenuItem("fontfamily",{text:t.shared.providers.translate("Fonts"),onSetup:xM(e),getSubmenuItems:()=>o.items.validateItems(o.getStyleItems())})})(e,t),((e,t)=>{const o={type:"advanced",...t.styles},n=tN(t,EN(e,o));e.ui.registry.addNestedMenuItem("styles",{text:"Formats",onSetup:xM(e,(()=>n.getStyleItems().length>0)),getSubmenuItems:()=>n.items.validateItems(n.getStyleItems())})})(e,t),((e,t)=>{const o=tN(t,mN(e));e.ui.registry.addNestedMenuItem("blocks",{text:"Blocks",onSetup:xM(e),getSubmenuItems:()=>o.items.validateItems(o.getStyleItems())})})(e,t),((e,t)=>{const o=tN(t,_N(e));e.ui.registry.addNestedMenuItem("fontsize",{text:"Font sizes",onSetup:xM(e),getSubmenuItems:()=>o.items.validateItems(o.getStyleItems())})})(e,t)})(e,t),(e=>{(e=>{e.ui.registry.addMenuItem("undo",{text:"Undo",icon:"undo",shortcut:"Meta+Z",onSetup:yz(e,"hasUndo"),onAction:CM(e,"undo")}),e.ui.registry.addMenuItem("redo",{text:"Redo",icon:"redo",shortcut:"Meta+Y",onSetup:yz(e,"hasRedo"),onAction:CM(e,"redo")})})(e),(e=>{e.ui.registry.addButton("undo",{tooltip:"Undo",icon:"undo",enabled:!1,onSetup:yz(e,"hasUndo"),onAction:CM(e,"undo"),shortcut:"Meta+Z"}),e.ui.registry.addButton("redo",{tooltip:"Redo",icon:"redo",enabled:!1,onSetup:yz(e,"hasRedo"),onAction:CM(e,"redo"),shortcut:"Meta+Y"})})(e)})(e),(e=>{(e=>{e.addCommand("mceApplyTextcolor",((t,o)=>{((e,t,o)=>{e.undoManager.transact((()=>{e.focus(),e.formatter.apply(t,{value:o}),e.nodeChanged()}))})(e,t,o)})),e.addCommand("mceRemoveTextcolor",(t=>{((e,t)=>{e.undoManager.transact((()=>{e.focus(),e.formatter.remove(t,{value:null},void 0,!0),e.nodeChanged()}))})(e,t)}))})(e);const t=LM(e),o=VM(e),n=ye(t),s=ye(o);YM(e,"forecolor","forecolor",n),YM(e,"backcolor","hilitecolor",s),KM(e,"forecolor","forecolor","Text color",n),KM(e,"backcolor","hilitecolor","Background color",s)})(e),(e=>{(e=>{e.ui.registry.addButton("visualaid",{tooltip:"Visual aids",text:"Visual aids",onAction:CM(e,"mceToggleVisualAid"),context:"any"})})(e),(e=>{e.ui.registry.addToggleMenuItem("visualaid",{text:"Visual aids",onSetup:wz(e),onAction:CM(e,"mceToggleVisualAid"),context:"any"})})(e)})(e),(e=>{(e=>{e.ui.registry.addButton("outdent",{tooltip:"Decrease indent",icon:"outdent",onSetup:fz(e),onAction:CM(e,"outdent")}),e.ui.registry.addButton("indent",{tooltip:"Increase indent",icon:"indent",onSetup:xM(e),onAction:CM(e,"indent")})})(e)})(e),hz(e),(e=>{const t=ye(_C(e)),o=()=>e.execCommand("mceTogglePlainTextPaste");e.ui.registry.addToggleButton("pastetext",{active:!1,icon:"paste-text",tooltip:"Paste as text",onAction:o,onSetup:bz(e,t)}),e.ui.registry.addToggleMenuItem("pastetext",{text:"Paste as text",icon:"paste-text",onAction:o,onSetup:bz(e,t)})})(e),(e=>{e.ui.registry.addContext("editable",(()=>e.selection.isEditable())),e.ui.registry.addContext("mode",(t=>e.mode.get()===t)),e.ui.registry.addContext("any",E),e.ui.registry.addContext("formatting",(t=>e.formatter.canApply(t))),e.ui.registry.addContext("insert",(t=>e.schema.isValidChild(e.selection.getNode().tagName,t)))})(e)},Cz=e=>r(e)?e.split(/[ ,]/):e,kz=e=>t=>t.options.get(e),Oz=kz("contextmenu_never_use_native"),_z=kz("contextmenu_avoid_overlap"),Tz=e=>{const t=e.ui.registry.getAll().contextMenus,o=e.options.get("contextmenu");return e.options.isSet("contextmenu")?o:P(o,(e=>be(t,e)))},Ez=(e,t)=>({type:"makeshift",x:e,y:t}),Az=e=>"longpress"===e.type||0===e.type.indexOf("touch"),Mz=(e,t)=>"contextmenu"===t.type||"longpress"===t.type?e.inline?(e=>{if(Az(e)){const t=e.touches[0];return Ez(t.pageX,t.pageY)}return Ez(e.pageX,e.pageY)})(t):((e,t)=>{const o=HS.DOM.getPos(e);return((e,t,o)=>Ez(e.x+t,e.y+o))(t,o.x,o.y)})(e.getContentAreaContainer(),(e=>{if(Az(e)){const t=e.touches[0];return Ez(t.clientX,t.clientY)}return Ez(e.clientX,e.clientY)})(t)):Dz(e),Dz=e=>({type:"selection",root:ct(e.selection.getNode())}),Bz=(e,t,o)=>{switch(o){case"node":return(e=>({type:"node",node:A?.some(ct(e.selection.getNode())),root:ct(e.getBody())}))(e);case"point":return Mz(e,t);case"selection":return Dz(e)}},Iz=(e,t,o,n,s,r)=>{const a=o(),i=Bz(e,t,r);WB(a,hO.CLOSE_ON_EXECUTE,n,{isHorizontalMenu:!1,search:A.none()})?.map((e=>{t.preventDefault(),Xx.showMenuAt(s,{anchor:i},{menu:{markers:MO("normal")},data:e})}))},Fz={onLtr:()=>[jl,Pl,Ul,Wl,$l,Gl,pc,hc,gc,uc,mc,dc],onRtl:()=>[jl,Ul,Pl,$l,Wl,Gl,pc,hc,mc,dc,gc,uc]},Rz={valignCentre:[],alignCentre:[],alignLeft:["tox-pop--align-left"],alignRight:["tox-pop--align-right"],right:["tox-pop--right"],left:["tox-pop--left"],bottom:["tox-pop--bottom"],top:["tox-pop--top"]},Nz=(e,t,o,n,s,r)=>{const a=Jt(),i=a.os.isiOS(),l=a.os.isMacOS(),c=a.os.isAndroid(),d=a.deviceType.isTouch(),u=()=>{const a=o();((e,t,o,n,s,r,a)=>{const i=((e,t,o)=>{const n=Bz(e,t,o);return{bubble:wl(0,"point"===o?12:0,Rz),layouts:Fz,overrides:{maxWidthFunction:Oc(),maxHeightFunction:kc()},...n}})(e,t,r);WB(o,hO.CLOSE_ON_EXECUTE,n,{isHorizontalMenu:!0,search:A.none()})?.map((o=>{t.preventDefault();const l=a?Ac.HighlightMenuAndItem:Ac.HighlightNone;Xx.showMenuWithinBounds(s,{anchor:i},{menu:{markers:MO("normal"),highlightOnOpen:l},data:o,type:"horizontal"},(()=>A?.some(sz(e,n.shared,"node"===r?"node":"selection")))),e.dispatch(jN)}))})(e,t,a,n,s,r,!(c||i||l&&d))};if((l||i)&&"node"!==r){const o=()=>{(e=>{const t=e.selection.getRng(),o=()=>{VS.setEditorTimeout(e,(()=>{e.selection.setRng(t)}),10),r()};e.once("touchend",o);const n=e=>{e.preventDefault(),e.stopImmediatePropagation()};e.on("mousedown",n,!0);const s=()=>r();e.once("longpresscancel",s);const r=()=>{e.off("touchend",o),e.off("longpresscancel",s),e.off("mousedown",n)}})(e),u()};((e,t)=>{const o=e.selection;if(o.isCollapsed()||t.touches.length<1)return!1;{const n=t.touches[0],s=o.getRng();return Os(e.getWin(),Ss.domRange(s)).exists((e=>e.left<=n.clientX&&e.right>=n.clientX&&e.top<=n.clientY&&e.bottom>=n.clientY))}})(e,t)?o():(e.once("selectionchange",o),e.once("touchend",(()=>e.off("selectionchange",o))))}else u()},zz=e=>r(e)?"|"===e:"separator"===e.type,Lz={type:"separator"},Vz=e=>{const t=e=>({text:e.text,icon:e.icon,enabled:e.enabled,shortcut:e.shortcut});if(r(e))return e;switch(e.type){case"separator":return Lz;case"submenu":return{type:"nestedmenuitem",...t(e),getSubmenuItems:()=>{const t=e.getSubmenuItems();return r(t)?t:L(t,Vz)}};default:const o=e;return{type:"menuitem",...t(o),onAction:v(o.onAction)}}},Hz=(e,t)=>{if(0===t.length)return e;const o=oe(e).filter((e=>!zz(e))).fold((()=>[]),(e=>[Lz]));return e.concat(o).concat(t).concat([Lz])},Pz=(e,t)=>!(e=>"longpress"===e.type||be(e,"touches"))(t)&&(2!==t.button||t.target===e.getBody()&&""===t.pointerType),Uz=(e,t)=>Pz(e,t)?e.selection.getStart(!0):t.target,Wz=(e,t,o)=>{const n=Jt().deviceType.isTouch,s=Ag(Xx.sketch({dom:{tag:"div"},lazySink:t,onEscape:()=>e.focus(),onShow:()=>o.setContextMenuState(!0),onHide:()=>o.setContextMenuState(!1),fireDismissalEventInstead:{},inlineBehaviours:rd([ud("dismissContextMenu",[Wc(Ya(),((t,o)=>{bb.close(t),e.focus()}))])])})),a=()=>Xx.hide(s),i=t=>{if(Oz(e)&&t.preventDefault(),((e,t)=>t.ctrlKey&&!Oz(e))(e,t)||(e=>0===Tz(e).length)(e))return;const a=((e,t)=>{const o=_z(e),n=Pz(e,t)?"selection":"point";if(tt(o)){const s=Uz(e,t);return ps(ct(s),o)?"node":n}return n})(e,t);(n()?Nz:Iz)(e,t,(()=>{const o=Uz(e,t),n=e.ui.registry.getAll(),s=Tz(e);return((e,t,o)=>{const n=W(t,((t,n)=>fe(e,n.toLowerCase())?.map((e=>{const n=e.update(o);if(r(n)&&tt(et(n)))return Hz(t,n.split(" "));if(l(n)&&n.length>0){const e=L(n,Vz);return Hz(t,e)}return t})).getOrThunk((()=>t.concat([n])))),[]);return n.length>0&&zz(n[n.length-1])&&n.pop(),n})(n.contextMenus,s,o)}),o,s,a)};e.on("init",(()=>{const t="ResizeEditor ScrollContent ScrollWindow longpresscancel"+(n()?"":" ResizeWindow");e.on(t,a),e.on("longpress contextmenu",i)}))},$z=(e,t,o,n,s,r)=>e.fold((()=>Th.snap({sensor:Vp(o-20,n-20),range:Dn(s,r),output:Vp(A?.some(o),A?.some(n)),extra:{td:t}})),(e=>{const s=o-20,r=n-20,a=e.element.dom.getBoundingClientRect();return Th.snap({sensor:Vp(s,r),range:Dn(40,40),output:Vp(A?.some(o-a.width/2),A?.some(n-a.height/2)),extra:{td:t}})})),Gz=(e,t,o)=>({getSnapPoints:e,leftAttr:"data-drag-left",topAttr:"data-drag-top",onSensor:(e,n)=>{const s=n.td;((e,t)=>e.exists((e=>yt(e,t))))(t.get(),s)||(t.set(s),o(s))},mustSnap:!0}),jz=e=>dv(_v.sketch({dom:{tag:"div",classes:["tox-selector"]},buttonBehaviours:rd([Th.config({mode:"mouseOrTouch",blockerClass:"blocker",snaps:e}),lv.config({})]),eventOrder:{mousedown:["dragging","alloy.base.behaviour"],touchstart:["dragging","alloy.base.behaviour"]}})),qz=(e,t)=>{const o=ye([]),n=ye([]),s=ye(!1),r=Xe(),a=Xe(),i=e=>{const o=Ns(e);return $z(u.getOpt(t),e,o.x,o.y,o.width,o.height)},l=e=>{const o=Ns(e);return $z(m.getOpt(t),e,o.right,o.bottom,o.width,o.height)},c=Gz((()=>L(o.get(),(e=>i(e)))),r,(t=>{a.get().each((o=>{e.dispatch("TableSelectorChange",{start:t,finish:o})}))})),d=Gz((()=>L(n.get(),(e=>l(e)))),a,(t=>{r.get().each((o=>{e.dispatch("TableSelectorChange",{start:o,finish:t})}))})),u=jz(c),m=jz(d),g=Ag(u.asSpec()),p=Ag(m.asSpec()),h=(t,o,n,s)=>{const r=n(o);Th.snapTo(t,r),((t,o)=>{const n=o.dom.getBoundingClientRect();vn(t.element,"display");const r=mo(ct(e.getBody())).dom.innerHeight,a=n[s]<0,i=((e,t)=>e[s]>t)(n,r);(a||i)&&dn(t.element,"display","none")})(t,o)},f=e=>h(g,e,i,"top"),b=e=>h(p,e,l,"bottom");if(Jt().deviceType.isTouch()){const i=e=>L(e,ct);e.on("TableSelectionChange",(e=>{s.get()||(Bm(t,g),Bm(t,p),s.set(!0));const l=ct(e.start),c=ct(e.finish);r.set(l),a.set(c),A.from(e.otherCells).each((e=>{o.set(i(e.upOrLeftCells)),n.set(i(e.downOrRightCells)),f(l),b(c)}))})),e.on("ResizeEditor ResizeWindow ScrollContent",(()=>{r.get().each(f),a.get().each(b)})),e.on("TableSelectionClear",(()=>{s.get()&&(Rm(g),Rm(p),s.set(!1)),r.clear(),a.clear()}))}},Xz=(e,t,o)=>{var n;const s=null!==(n=t.delimiter)&&void 0!==n?n:"\u203a";return{dom:{tag:"div",classes:["tox-statusbar__path"],attributes:{role:"navigation"}},behaviours:rd([wm.config({mode:"flow",selector:"div[role=button]"}),tp.config({disabled:o.isDisabled}),kA((()=>o.checkUiComponentContext("any"))),Pb.config({}),Zm.config({}),ud("elementPathEvents",[Jc(((t,n)=>{e.shortcuts.add("alt+F11","focus statusbar elementpath",(()=>wm.focusIn(t))),e.on("NodeChange",(n=>{const r=(t=>{const o=[];let n=t.length;for(;n-- >0;){const r=t[n];if(1===r.nodeType&&"BR"!==(s=r).nodeName&&!s.getAttribute("data-mce-bogus")&&"bookmark"!==s.getAttribute("data-mce-type")){const t=fM(e,r);if(t.isDefaultPrevented()||o.push({name:t.name,element:r}),t.isPropagationStopped())break}}var s;return o})(n.parents),a=r.length>0?W(r,((t,n,r)=>{const a=((t,n,s)=>_v.sketch({dom:{tag:"div",classes:["tox-statusbar__path-item"],attributes:{"data-index":s}},components:[Og(t)],action:t=>{e.focus(),e.selection.select(n),e.nodeChanged()},buttonBehaviours:rd([iv.config({...o.tooltips.getConfig({tooltipText:o.translate(["Select the {0} element",n.nodeName.toLowerCase()]),onShow:(e,t)=>{((e,t)=>{const o=A.from(qo(e,"id")).getOrThunk((()=>{const e=Ne("aria");return Go(t,"id",e),e}));Go(e,"aria-describedby",o)})(e.element,t.element)},onHide:e=>{var t;t=e.element,Ko(t,"aria-describedby")}})}),uA(o.isDisabled),kA((()=>o.checkUiComponentContext("any")))])}))(n.name,n.element,r);return 0===r?t.concat([a]):t.concat([{dom:{tag:"div",classes:["tox-statusbar__path-divider"],attributes:{"aria-hidden":!0}},components:[Og(` ${s} `)]},a])}),[]):[];Zm.set(t,a)}))}))])]),components:[]}};var Yz;!function(e){e[e.None=0]="None",e[e.Both=1]="Both",e[e.Vertical=2]="Vertical"}(Yz||(Yz={}));const Kz=(e,t,o)=>{const n=ct(e.getContainer()),s=((e,t,o,n,s)=>{const r={height:VN(n+t.top,JS(e),ZS(e))};return o===Yz.Both&&(r.width=VN(s+t.left,KS(e),QS(e))),r})(e,t,o,Sn(n),Tn(n));ie(s,((e,t)=>{h(e)&&dn(n,t,LN(e))})),(e=>{e.dispatch("ResizeEditor")})(e)},Jz=(e,t,o,n)=>{const s=Dn(20*o,20*n);return Kz(e,s,t),A?.some(!0)},Qz=(e,t)=>{const o=()=>{const o=[],n=AC(e),s=CC(e),r=kC(e)||e.hasPlugin("wordcount");return s&&o.push(Xz(e,{},t)),n&&o.push((()=>{const e=DA("Alt+0");return{dom:{tag:"div",classes:["tox-statusbar__help-text"]},components:[Og(tO.translate(["Press {0} for help",e]))]}})()),r&&o.push((()=>{const o=[];return e.hasPlugin("wordcount")&&o.push(((e,t)=>{const o=(e,o,n)=>Zm.set(e,[Og(t.translate(["{0} "+n,o[n]]))]);return _v.sketch({dom:{tag:"button",classes:["tox-statusbar__wordcount"]},components:[],buttonBehaviours:rd([uA(t.isDisabled),kA((()=>t.checkUiComponentContext("any"))),Pb.config({}),Zm.config({}),Yh.config({store:{mode:"memory",initialValue:{mode:"words",count:{words:0,characters:0}}}}),ud("wordcount-events",[ed((e=>{const t=Yh.getValue(e),n="words"===t.mode?"characters":"words";Yh.setValue(e,{mode:n,count:t.count}),o(e,t.count,n)})),Jc((t=>{e.on("wordCountUpdate",(e=>{const{mode:n}=Yh.getValue(t);Yh.setValue(t,{mode:n,count:e.wordCount}),o(t,e.wordCount,n)}))}))])]),eventOrder:{[Na()]:["disabling","alloy.base.behaviour","wordcount-events"]}})})(e,t)),kC(e)&&o.push({dom:{tag:"span",classes:["tox-statusbar__branding"]},components:[{dom:{tag:"a",attributes:{href:"https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v7",rel:"noopener",target:"_blank","aria-label":e.translate(["Build with {0}","TinyMCE"])},innerHtml:e.translate(["Build with {0}",'<svg height="16" viewBox="0 0 80 16" width="80" xmlns="http://www.w3.org/2000/svg"><g opacity=".8"><path d="m80 3.537v-2.202h-7.976v11.585h7.976v-2.25h-5.474v-2.621h4.812v-2.069h-4.812v-2.443zm-10.647 6.929c-.493.217-1.13.337-1.864.337s-1.276-.156-1.805-.47a3.732 3.732 0 0 1 -1.3-1.298c-.324-.554-.48-1.191-.48-1.877s.156-1.335.48-1.877a3.635 3.635 0 0 1 1.3-1.299 3.466 3.466 0 0 1 1.805-.481c.65 0 .914.06 1.263.18.36.12.698.277.986.47.289.192.578.384.842.6l.12.085v-2.586l-.023-.024c-.385-.35-.855-.614-1.384-.818-.53-.205-1.155-.313-1.877-.313-.721 0-1.6.144-2.333.445a5.773 5.773 0 0 0 -1.937 1.251 5.929 5.929 0 0 0 -1.324 1.9c-.324.735-.48 1.565-.48 2.455s.156 1.72.48 2.454c.325.734.758 1.383 1.324 1.913.553.53 1.215.938 1.937 1.25a6.286 6.286 0 0 0 2.333.434c.819 0 1.384-.108 1.961-.313.59-.216 1.083-.505 1.468-.866l.024-.024v-2.49l-.12.096c-.41.337-.878.626-1.396.866zm-14.869-4.15-4.8-5.04-.024-.025h-.902v11.67h2.502v-6.847l2.827 3.08.385.409.397-.41 2.791-3.067v6.845h2.502v-11.679h-.902l-4.788 5.052z"/><path clip-rule="evenodd" d="m15.543 5.137c0-3.032-2.466-5.113-4.957-5.137-.36 0-.745.024-1.094.096-.157.024-3.85.758-3.85.758-3.032.602-4.62 2.466-4.704 4.788-.024.89-.024 4.27-.024 4.27.036 3.165 2.406 5.138 5.017 5.126.337 0 1.119-.109 1.287-.145.144-.024.385-.084.746-.144.661-.12 1.684-.325 3.067-.602 2.37-.409 4.103-2.009 4.44-4.33.156-1.023.084-4.692.084-4.692zm-3.213 3.308-2.346.457v2.31l-5.859 1.143v-5.75l2.346-.458v3.441l3.513-.686v-3.44l-3.513.685v-2.297l5.859-1.143v5.75zm20.09-3.296-.083-1.023h-2.13v8.794h2.346v-4.884c0-1.107.95-1.985 2.057-1.997 1.095 0 1.901.89 1.901 1.997v4.884h2.346v-5.245c-.012-2.105-1.588-3.777-3.67-3.765a3.764 3.764 0 0 0 -2.778 1.25l.012-.011zm-6.014-4.102 2.346-.458v2.298l-2.346.457z" fill-rule="evenodd"/><path d="m28.752 4.126h-2.346v8.794h2.346z"/><path clip-rule="evenodd" d="m43.777 15.483 4.043-11.357h-2.418l-1.54 4.355-.445 1.324-.36-1.324-1.54-4.355h-2.418l3.151 8.794-1.083 3.08zm-21.028-5.51c0 .722.541 1.034.878 1.034s.638-.048.95-.144l.518 1.708c-.217.145-.879.518-2.13.518a2.565 2.565 0 0 1 -2.562-2.587c-.024-1.082-.024-2.49 0-4.21h-1.54v-2.142h1.54v-1.912l2.346-.458v2.37h2.201v2.142h-2.2v3.693-.012z" fill-rule="evenodd"/></g></svg>\n'.trim()])},behaviours:rd([fd.config({})])}]}),{dom:{tag:"div",classes:["tox-statusbar__right-container"]},components:o}})()),o.length>0?[{dom:{tag:"div",classes:["tox-statusbar__text-container",...(()=>{const e="tox-statusbar__text-container--flex-start",t="tox-statusbar__text-container--flex-end";if(n){const o="tox-statusbar__text-container-3-cols";return r||s?r&&!s?[o,t]:[o,e]:[o,"tox-statusbar__text-container--space-around"]}return[r&&!s?t:e]})()]},components:o}]:[]};return{dom:{tag:"div",classes:["tox-statusbar"]},components:(()=>{const n=o(),s=((e,t)=>{const o=(e=>{const t=OC(e);return!1===t?Yz.None:"both"===t?Yz.Both:Yz.Vertical})(e);if(o===Yz.None)return A.none();const n=o===Yz.Both?"Press the arrow keys to resize the editor.":"Press the Up and Down arrow keys to resize the editor.",s=o===Yz.Both?"tox-statusbar__resize-cursor-both":"tox-statusbar__resize-cursor-default";return A?.some(dO("resize-handle",{tag:"div",classes:["tox-statusbar__resize-handle",s],attributes:{"aria-label":t.translate(n),"data-mce-name":"resize-handle"},behaviours:[Th.config({mode:"mouse",repositionTarget:!1,onDrag:(t,n,s)=>Kz(e,s,o),blockerClass:"tox-blocker"}),wm.config({mode:"special",onLeft:()=>Jz(e,o,-1,0),onRight:()=>Jz(e,o,1,0),onUp:()=>Jz(e,o,0,-1),onDown:()=>Jz(e,o,0,1)}),Pb.config({}),fd.config({}),iv.config(t.tooltips.getConfig({tooltipText:t.translate("Resize")}))]},t.icons))})(e,t);return n.concat(s.toArray())})()}},Zz=(e,t)=>t.get().getOrDie(`UI for ${e} has not been rendered`),eL=(e,t)=>{const o=e.inline,n=o?GN:zN,s=$C(e)?UF:BF,r=(()=>{const e=Xe(),t=Xe(),o=Xe();return{dialogUi:e,popupUi:t,mainUi:o,getUiMotherships:()=>{const o=e.get()?.map((e=>e.mothership)),n=t.get()?.map((e=>e.mothership));return o.fold((()=>n.toArray()),(e=>n.fold((()=>[e]),(t=>yt(e.element,t.element)?[e]:[e,t]))))},lazyGetInOuterOrDie:(e,t)=>()=>o.get().bind((e=>t(e.outerContainer))).getOrDie(`Could not find ${e} element in OuterContainer`)}})(),a=Xe(),i=Xe(),l=Xe(),c=Jt().deviceType.isTouch()?["tox-platform-touch"]:[],d=VC(e),u=rC(e),m=dv({dom:{tag:"div",classes:["tox-anchorbar"]}}),g=dv({dom:{tag:"div",classes:["tox-bottom-anchorbar"]}}),p=()=>r.mainUi.get()?.map((e=>e.outerContainer)).bind(_R.getHeader),h=r.lazyGetInOuterOrDie("anchor bar",m.getOpt),f=r.lazyGetInOuterOrDie("bottom anchor bar",g.getOpt),b=r.lazyGetInOuterOrDie("toolbar",_R.getToolbar),v=r.lazyGetInOuterOrDie("throbber",_R.getThrobber),x=((e,t,o,n)=>{const s=ye(!1),r=(e=>{const t=ye(VC(e)?"bottom":"top");return{isPositionedAtTop:()=>"top"===t.get(),getDockingMode:t.get,setDockingMode:t.set}})(t),a={icons:()=>t.ui.registry.getAll().icons,menuItems:()=>t.ui.registry.getAll().menuItems,translate:tO.translate,isDisabled:()=>!t.ui.isEnabled(),getOption:t.options.get,tooltips:oF(e.dialog),checkUiComponentContext:e=>{if(qS(t))return{contextType:"disabled",shouldDisable:!0};const[o,n=""]=e.split(":"),s=t.ui.registry.getAll().contexts;return{contextType:o,shouldDisable:!fe(s,o).fold((()=>fe(s,"mode")?.map((e=>e("design"))).getOr(!1)),(e=>"!"===n.charAt(0)?!e(n.slice(1)):e(n)))}}},i=TF(t),l=(e=>{const t=t=>()=>e.formatter.match(t),o=t=>()=>{const o=e.formatter.get(t);return void 0!==o?A?.some({tag:o.length>0&&(o[0].inline||o[0].block)||"div",styles:e.dom.parseStyle(e.formatter.getCssText(t))}):A.none()},n=ye([]),s=ye([]),r=ye(!1);return e.on("PreInit",(s=>{const r=ZI(e),a=tF(e,r,t,o);n.set(a)})),e.on("addStyleModifications",(n=>{const a=tF(e,n.items,t,o);s.set(a),r.set(n.replace)})),{getData:()=>{const e=r.get()?[]:n.get(),t=s.get();return e.concat(t)}}})(t),c=(e=>({colorPicker:$I(e),hasCustomColors:GI(e),getColors:jI(e),getColorCols:qI(e)}))(t),d=(e=>({isDraggableModal:XI(e)}))(t),u={shared:{providers:a,anchors:WI(t,o,n,r.isPositionedAtTop),header:r},urlinput:i,styles:l,colorinput:c,dialog:d,isContextMenuOpen:()=>s.get(),setContextMenuState:e=>s.set(e)},m=e=>A.none(),g={...u,shared:{...u.shared,interpreter:e=>NI(e,{},g,m),getSink:e.popup}},p={...u,shared:{...u.shared,interpreter:e=>NI(e,{},p,m),getSink:e.dialog}};return{popup:g,dialog:p}})({popup:()=>Ae.fromOption(r.popupUi.get()?.map((e=>e.sink)),"(popup) UI has not been rendered"),dialog:()=>Ae.fromOption(r.dialogUi.get()?.map((e=>e.sink)),"UI has not been rendered")},e,h,f),y=()=>{const t=(()=>{const t={attributes:{[Tc]:d?_c.BottomToTop:_c.TopToBottom}},o=_R.parts.menubar({dom:{tag:"div",classes:["tox-menubar"]},backstage:x.popup,onEscape:()=>{e.focus()}}),n=_R.parts.toolbar({dom:{tag:"div",classes:["tox-toolbar"]},getSink:x.popup.shared.getSink,providers:x.popup.shared.providers,onEscape:()=>{e.focus()},onToolbarToggled:t=>{((e,t)=>{e.dispatch("ToggleToolbarDrawer",{state:t})})(e,t)},type:u,lazyToolbar:b,lazyHeader:()=>p().getOrDie("Could not find header element"),...t}),s=_R.parts["multiple-toolbar"]({dom:{tag:"div",classes:["tox-toolbar-overlord"]},providers:x.popup.shared.providers,onEscape:()=>{e.focus()},type:u}),r=LC(e),a=NC(e),i=IC(e),l=EC(e),c=r||a||i,g=[(h=l,_R.parts.promotion({dom:{tag:"div",classes:["tox-promotion"]},promotionLink:h})),o];var h;return _R.parts.header({dom:{tag:"div",classes:["tox-editor-header"].concat(c?[]:["tox-editor-header--empty"]),...t},components:j([i?g:[],r?[s]:a?[n]:[],PC(e)?[]:[m.asSpec()]]),sticky:$C(e),editor:e,sharedBackstage:x.popup.shared})})(),n={dom:{tag:"div",classes:["tox-sidebar-wrap"]},components:[_R.parts.socket({dom:{tag:"div",classes:["tox-edit-area"]}}),_R.parts.sidebar({dom:{tag:"div",classes:["tox-sidebar"]}})]},s=_R.parts.throbber({dom:{tag:"div",classes:["tox-throbber"]},backstage:x.popup}),r=_R.parts.viewWrapper({backstage:x.popup}),i=SC(e)&&!o?A?.some(Qz(e,x.popup.shared.providers)):A.none(),l=j([d?[]:[t],o?[]:[n],d?[t]:[]]),h=_R.parts.editorContainer({components:j([l,o?[]:[g.asSpec()]])}),f=WC(e),v={role:"application",...tO.isRtl()?{dir:"rtl"}:{},...f?{"aria-hidden":"true"}:{}},y=Ag(_R.sketch({dom:{tag:"div",classes:["tox","tox-tinymce"].concat(o?["tox-tinymce-inline"]:[]).concat(d?["tox-tinymce--toolbar-bottom"]:[]).concat(c),styles:{visibility:"hidden",...f?{opacity:"0",border:"0"}:{}},attributes:v},components:[h,...o?[]:[r,...i.toArray()],s],behaviours:rd([kA((()=>x.popup.shared.providers.checkUiComponentContext("any"))),tp.config({disableClass:"tox-tinymce--disabled"}),wm.config({mode:"cyclic",selector:".tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a, .tox-statusbar__resize-handle"})])})),w=Cv(y);return a.set(w),{mothership:w,outerContainer:y}},w=t=>{const o=LN((e=>(e=>{const t=((e,t)=>{if("number"==typeof t)return A.from(t);const o=/^([0-9.]+)(pt|em|px)$/.exec(t.trim());if(o){const t=o[2],n=Number.parseFloat(o[1]);if(Number.isNaN(n)||n<0)return A.none();if("em"===t)return A.from(n*Number.parseFloat(window.getComputedStyle(e.dom).fontSize));if("pt"===t)return A.from(.75*n);if("px"===t)return A.from(n)}return A.none()})(ct(e.targetElm),XS(e)),o=JS(e),n=ZS(e);return t?.map((e=>VN(e,o,n)))})(e).getOr(XS(e)))(e)),n=LN((e=>HN(e).getOr(YS(e)))(e));return e.inline||(bn("div","width",n)&&dn(t.element,"width",n),bn("div","height",o)?dn(t.element,"height",o):dn(t.element,"height","400px")),o};return{popups:{backstage:x.popup,getMothership:()=>Zz("popups",l)},dialogs:{backstage:x.dialog,getMothership:()=>Zz("dialogs",i)},renderUI:()=>{const o=y(),a=(()=>{const t=UC(e),o=yt(rn(),t)&&"grid"===gn(t,"display"),n={dom:{tag:"div",classes:["tox","tox-silver-sink","tox-tinymce-aux"].concat(c),attributes:{...tO.isRtl()?{dir:"rtl"}:{}}},behaviours:rd([Zf.config({useFixed:()=>s.isDocked(p)})])},r={dom:{styles:{width:document.body.clientWidth+"px"}},events:Hc([Wc(ja(),(e=>{dn(e.element,"width",document.body.clientWidth+"px")}))])},a=Ag(Le(n,o?r:{})),l=Cv(a);return i.set(l),{sink:a,mothership:l}})(),d=GC(e)?(()=>{const e={dom:{tag:"div",classes:["tox","tox-silver-sink","tox-silver-popup-sink","tox-tinymce-aux"].concat(c),attributes:{...tO.isRtl()?{dir:"rtl"}:{}}},behaviours:rd([Zf.config({useFixed:()=>s.isDocked(p),getBounds:()=>t.getPopupSinkBounds()})])},o=Ag(e),n=Cv(o);return l.set(n),{sink:o,mothership:n}})():(e=>(l.set(e.mothership),e))(a);r.dialogUi.set(a),r.popupUi.set(d),r.mainUi.set(o);return(t=>{const{mainUi:o,popupUi:r,uiMotherships:a}=t;le(aC(e),((t,o)=>{e.ui.registry.addGroupToolbarButton(o,t)}));const{buttons:i,menuItems:l,contextToolbars:c,sidebars:d,views:m}=e.ui.registry.getAll(),g=zC(e),h={menuItems:l,menus:jC(e),menubar:mC(e),toolbar:g.getOrThunk((()=>gC(e))),allowToolbarGroups:u===NS.floating,buttons:i,sidebar:d,views:m};var f;f=o.outerContainer,e.addShortcut("alt+F9","focus menubar",(()=>{_R.focusMenubar(f)})),e.addShortcut("alt+F10","focus toolbar",(()=>{_R.focusToolbar(f)})),e.addCommand("ToggleToolbarDrawer",((e,t)=>{(null==t?void 0:t.skipFocus)?_R.toggleToolbarDrawerWithoutFocusing(f):_R.toggleToolbarDrawer(f)})),e.addQueryStateHandler("ToggleToolbarDrawer",(()=>_R.isToolbarDrawerToggled(f))),((e,t,o)=>{const n=(e,n)=>{V([t,...o],(t=>{t.broadcastEvent(e,n)}))},s=(e,n)=>{V([t,...o],(t=>{t.broadcastOn([e],n)}))},r=e=>s(gv(),{target:e.target}),a=Io(),i=Mo(a,"touchstart",r),l=Mo(a,"touchmove",(e=>n(Wa(),e))),c=Mo(a,"touchend",(e=>n($a(),e))),d=Mo(a,"mousedown",r),u=Mo(a,"mouseup",(e=>{0===e.raw.button&&s(hv(),{target:e.target})})),m=e=>s(gv(),{target:ct(e.target)}),g=e=>{0===e.button&&s(hv(),{target:ct(e.target)})},p=()=>{V(e.editorManager.get(),(t=>{e!==t&&t.dispatch("DismissPopups",{relatedTarget:e})}))},h=e=>n(Ga(),Bo(e)),f=e=>{s(pv(),{}),n(ja(),Bo(e))},b=So(ct(e.getElement())),v=Do(b,"scroll",(o=>{requestAnimationFrame((()=>{if(null!=e.getContainer()){const s=QC(e,t.element)?.map((e=>[e.element,...e.others])).getOr([]);R(s,(e=>yt(e,o.target)))&&(e.dispatch("ElementScroll",{target:o.target.dom}),n(Za(),o))}}))})),x=()=>s(pv(),{}),y=t=>{t.state&&s(gv(),{target:ct(e.getContainer())})},w=e=>{s(gv(),{target:ct(e.relatedTarget.getContainer())})},S=t=>e.dispatch("focusin",t),C=t=>e.dispatch("focusout",t);e.on("PostRender",(()=>{e.on("click",m),e.on("tap",m),e.on("mouseup",g),e.on("mousedown",p),e.on("ScrollWindow",h),e.on("ResizeWindow",f),e.on("ResizeEditor",x),e.on("AfterProgressState",y),e.on("DismissPopups",w),V([t,...o],(e=>{e.element.dom.addEventListener("focusin",S),e.element.dom.addEventListener("focusout",C)}))})),e.on("remove",(()=>{e.off("click",m),e.off("tap",m),e.off("mouseup",g),e.off("mousedown",p),e.off("ScrollWindow",h),e.off("ResizeWindow",f),e.off("ResizeEditor",x),e.off("AfterProgressState",y),e.off("DismissPopups",w),V([t,...o],(e=>{e.element.dom.removeEventListener("focusin",S),e.element.dom.removeEventListener("focusout",C)})),d.unbind(),i.unbind(),l.unbind(),c.unbind(),u.unbind(),v.unbind()})),e.on("detach",(()=>{V([t,...o],Hm),V([t,...o],(e=>e.destroy()))}))})(e,o.mothership,a),s.setup(e,x.popup.shared,p),Sz(e,x.popup),Wz(e,x.popup.shared.getSink,x.popup),(e=>{const{sidebars:t}=e.ui.registry.getAll();V(re(t),(o=>{const n=t[o],s=()=>He(A.from(e.queryCommandValue("ToggleSidebar")),o);e.ui.registry.addToggleButton(o,{icon:n.icon,tooltip:n.tooltip,onAction:t=>{e.execCommand("ToggleSidebar",!1,o),t.setActive(s())},onSetup:t=>{t.setActive(s());const o=()=>t.setActive(s());return e.on("ToggleSidebar",o),()=>{e.off("ToggleSidebar",o)}},context:"any"})}))})(e),QF(e,v,x.popup.shared),gz(e,c,r.sink,{backstage:x.popup}),qz(e,r.sink);const b={targetNode:e.getElement(),height:w(o.outerContainer)};return n.render(e,t,h,x.popup,b)})({popupUi:d,dialogUi:a,mainUi:o,uiMotherships:r.getUiMotherships()})}}},tL=e=>{const t=[],o={};return ie(e,((e,n)=>{e.fold((()=>{t.push(n)}),(e=>{o[n]=e}))})),t.length>0?Ae.error(t):Ae.value(o)},oL=(e,t,o,n)=>{const s=dv(Ax.sketch((s=>({dom:{tag:"div",classes:["tox-form"].concat(e.classes)},components:L(e.items,(e=>FI(s,e,t,o,n)))}))));return{dom:{tag:"div",classes:["tox-dialog__body"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-content"]},components:[s.asSpec()]}],behaviours:rd([wm.config({mode:"acyclic",useTabstopAt:k(mB)}),(r=s,zg.config({find:r.getOpt})),HD(s,{postprocess:e=>tL(e).fold((e=>(console.error(e),{})),w)}),ud("dialog-body-panel",[Wc(xa(),((e,t)=>{e.getSystem().broadcastOn([vB],{newFocus:A?.some(t.event.target)})}))])])};var r},nL=(e,t)=>{dn(e,"height",t+"px"),dn(e,"flex-basis",t+"px")},sL=(e,t,o)=>{Gn(e,'[role="dialog"]').each((e=>{Xn(e,'[role="tablist"]').each((n=>{o.get()?.map((o=>(dn(t,"height","0"),dn(t,"flex-basis","0"),Math.min(o,((e,t,o)=>{const n=uo(e).dom,s=Gn(e,".tox-dialog-wrap").getOr(e);let r;r="fixed"===gn(s,"position")?Math.max(n.clientHeight,window.innerHeight):Math.max(n.offsetHeight,n.scrollHeight);const a=Sn(t),i=t.dom.offsetLeft>=o.dom.offsetLeft+Tn(o)?Math.max(Sn(o),a):a,l=parseInt(gn(e,"margin-top"),10)||0,c=parseInt(gn(e,"margin-bottom"),10)||0;return r-(Sn(e)+l+c-i)})(e,t,n))))).each((e=>{nL(t,e)}))}))}))},rL=e=>Xn(e,'[role="tabpanel"]'),aL="send-data-to-section",iL="send-data-to-view",lL=(e,t,o,n)=>{const s=ye({}),r=e=>{const t=Yh.getValue(e),o=tL(t).getOr({}),n=s.get(),r=Le(n,o);s.set(r)},a=e=>{const t=s.get();Yh.setValue(e,t)},i=ye(null),l=L(e.tabs,(e=>({value:e.name,dom:{tag:"div",classes:["tox-dialog__body-nav-item"]},components:[Og(o.shared.providers.translate(e.title))],view:()=>[Ax.sketch((s=>({dom:{tag:"div",classes:["tox-form"]},components:L(e.items,(e=>FI(s,e,t,o,n))),formBehaviours:rd([wm.config({mode:"acyclic",useTabstopAt:k(mB)}),ud("TabView.form.events",[Jc(a),Qc(r)]),ob.config({channels:la([{key:aL,value:{onReceive:r}},{key:iL,value:{onReceive:a}}])})])})))]}))),c=(e=>{const t=Xe(),o=[Jc((o=>{const n=o.element;rL(n).each((s=>{dn(s,"visibility","hidden"),o.getSystem().getByDom(s).toOptional().each((o=>{const n=((e,t,o)=>L(e,((n,s)=>{Zm.set(o,e[s].view());const r=t.dom.getBoundingClientRect();return Zm.set(o,[]),r.height})))(e,s,o),r=(e=>te(Z(e,((e,t)=>e>t?-1:e<t?1:0))))(n);r.fold(t.clear,t.set)})),sL(n,s,t),vn(s,"visibility"),((e,t)=>{te(e).each((e=>ES.showTab(t,e.value)))})(e,o),requestAnimationFrame((()=>{sL(n,s,t)}))}))})),Wc(ja(),(e=>{const o=e.element;rL(o).each((e=>{sL(o,e,t)}))})),Wc(BD,((e,o)=>{const n=e.element;rL(n).each((e=>{const o=zo(So(e));dn(e,"visibility","hidden");const s=hn(e,"height")?.map((e=>parseInt(e,10)));vn(e,"height"),vn(e,"flex-basis");const r=e.dom.getBoundingClientRect().height;s.forall((e=>r>e))?(t.set(r),sL(n,e,t)):s.each((t=>{nL(e,t)})),vn(e,"visibility"),o.each(Fo)}))}))];return{extraEvents:o,selectFirst:!1}})(l);return ES.sketch({dom:{tag:"div",classes:["tox-dialog__body"]},onChangeTab:(e,t,o)=>{const n=Yh.getValue(t);Rc(e,DD,{name:n,oldName:i.get()}),i.set(n)},tabs:l,components:[ES.parts.tabbar({dom:{tag:"div",classes:["tox-dialog__body-nav"]},components:[SS.parts.tabs({})],markers:{tabClass:"tox-tab",selectedClass:"tox-dialog__body-nav-item--active"},tabbarBehaviours:rd([Pb.config({})])}),ES.parts.tabview({dom:{tag:"div",classes:["tox-dialog__body-content"]}})],selectFirst:c.selectFirst,tabSectionBehaviours:rd([ud("tabpanel",c.extraEvents),wm.config({mode:"acyclic"}),zg.config({find:e=>te(ES.getViewItems(e))}),PD(A.none(),(e=>(e.getSystem().broadcastOn([aL],{}),s.get())),((e,t)=>{s.set(t),e.getSystem().broadcastOn([iL],{})}))])})},cL=(e,t,o,n,s,r)=>({dom:{tag:"div",classes:["tox-dialog__content-js"],attributes:{...o?.map((e=>({id:e}))).getOr({}),...s?{"aria-live":"polite"}:{}}},components:[],behaviours:rd([LD(0),ab.config({channel:`${hB}-${t}`,updateState:(e,t)=>A?.some({isTabPanel:()=>"tabpanel"===t.body.type}),renderComponents:e=>{const t=e.body;return"tabpanel"===t.type?[lL(t,e.initialData,n,r)]:[oL(t,e.initialData,n,r)]},initialData:e})])}),dL=US.deviceType.isTouch(),uL=(e,t)=>({dom:{tag:"div",styles:{display:"none"},classes:["tox-dialog__header"]},components:[e,t]}),mL=(e,t)=>sy.parts.close(_v.sketch({dom:{tag:"button",classes:["tox-button","tox-button--icon","tox-button--naked"],attributes:{type:"button","aria-label":t.translate("Close")}},action:e,buttonBehaviours:rd([Pb.config({})])})),gL=()=>sy.parts.title({dom:{tag:"div",classes:["tox-dialog__title"],innerHtml:"",styles:{display:"none"}}}),pL=(e,t)=>sy.parts.body({dom:{tag:"div",classes:["tox-dialog__body"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-content"]},components:[{dom:cv(`<p>${eO(t.translate(e))}</p>`)}]}]}),hL=e=>sy.parts.footer({dom:{tag:"div",classes:["tox-dialog__footer"]},components:e}),fL=(e,t)=>[rh.sketch({dom:{tag:"div",classes:["tox-dialog__footer-start"]},components:e}),rh.sketch({dom:{tag:"div",classes:["tox-dialog__footer-end"]},components:t})],bL=e=>{const t="tox-dialog",o=t+"-wrap",n=o+"__backdrop",s=t+"__disable-scroll";return sy.sketch({lazySink:e.lazySink,onEscape:t=>(e.onEscape(t),A?.some(!0)),useTabstopAt:e=>!mB(e),firstTabstop:e.firstTabstop,dom:{tag:"div",classes:[t].concat(e.extraClasses),styles:{position:"relative",...e.extraStyles}},components:[e.header,e.body,...e.footer.toArray()],parts:{blocker:{dom:cv(`<div class="${o}"></div>`),components:[{dom:{tag:"div",classes:dL?[n,n+"--opaque"]:[n]}}]}},dragBlockClass:o,modalBehaviours:rd([fd.config({}),ud("dialog-events",e.dialogEvents.concat([Kc(xa(),((e,t)=>{Fg.isBlocked(e)||wm.focusIn(e)})),Wc(Ja(),((e,t)=>{e.getSystem().broadcastOn([vB],{newFocus:t.event.newFocus})}))])),ud("scroll-lock",[Jc((()=>{os(rn(),s)})),Qc((()=>{ss(rn(),s)}))]),...e.extraBehaviours]),eventOrder:{[Na()]:["dialog-events"],[qa()]:["scroll-lock","dialog-events","alloy.base.behaviour"],[Xa()]:["alloy.base.behaviour","dialog-events","scroll-lock"],...e.eventOrder}})},vL=e=>_v.sketch({dom:{tag:"button",classes:["tox-button","tox-button--icon","tox-button--naked"],attributes:{type:"button","aria-label":e.translate("Close"),"data-mce-name":"close"}},buttonBehaviours:rd([Pb.config({}),iv.config(e.tooltips.getConfig({tooltipText:e.translate("Close")}))]),components:[dO("close",{tag:"span",classes:["tox-icon"]},e.icons)],action:e=>{Fc(e,_D)}}),xL=(e,t,o,n)=>({dom:{tag:"h1",classes:["tox-dialog__title"],attributes:{...o?.map((e=>({id:e}))).getOr({})}},components:[],behaviours:rd([ab.config({channel:`${pB}-${t}`,initialData:e,renderComponents:e=>[Og(n.translate(e.title))]})])}),yL=()=>({dom:cv('<div class="tox-dialog__draghandle"></div>')}),wL=(e,t,o)=>((e,t,o)=>{const n=sy.parts.title(xL(e,t,A.none(),o)),s=sy.parts.draghandle(yL()),r=sy.parts.close(vL(o)),a=[n].concat(e.draggable?[s]:[]).concat([r]);return rh.sketch({dom:cv('<div class="tox-dialog__header"></div>'),components:a})})({title:o.shared.providers.translate(e),draggable:o.dialog.isDraggableModal()},t,o.shared.providers),SL=(e,t,o,n)=>({dom:{tag:"div",classes:["tox-dialog__busy-spinner"],attributes:{"aria-label":o.translate(e)},styles:{left:"0px",right:"0px",bottom:"0px",top:`${n.getOr(0)}px`,position:"absolute"}},behaviours:t,components:[{dom:cv('<div class="tox-spinner"><div></div><div></div><div></div></div>')}]}),CL=(e,t,o)=>({onClose:()=>o.closeWindow(),onBlock:o=>{const n=Xn(e().element,".tox-dialog__header")?.map((e=>Sn(e)));sy.setBusy(e(),((e,s)=>SL(o.message,s,t,n)))},onUnblock:()=>{sy.setIdle(e())}}),kL="tox-dialog--fullscreen",OL="tox-dialog--width-lg",_L="tox-dialog--width-md",TL=e=>{switch(e){case"large":return A?.some(OL);case"medium":return A?.some(_L);default:return A.none()}},EL=(e,t)=>{const o=ct(t.element.dom);rs(o,kL)||(is(o,[OL,_L]),TL(e).each((e=>os(o,e))))},AL=(e,t)=>{const o=ct(e.element.dom),n=ls(o),s=$(n,(e=>e===OL||e===_L)).or(TL(t));((e,t)=>{V(t,(t=>{((e,t)=>{const o=Qn(e)?e.dom.classList.toggle(t):((e,t)=>F(Zn(e),t)?ts(e,t):es(e,t))(e,t);ns(e)})(e,t)}))})(o,[kL,...s.toArray()])},ML=(e,t,o)=>Ag(bL({...e,firstTabstop:1,lazySink:o.shared.getSink,extraBehaviours:[WD({}),...e.extraBehaviours],onEscape:e=>{Fc(e,_D)},dialogEvents:t,eventOrder:{[Ra()]:[ab.name(),ob.name()],[qa()]:["scroll-lock",ab.name(),"messages","dialog-events","alloy.base.behaviour"],[Xa()]:["alloy.base.behaviour","dialog-events","messages",ab.name(),"scroll-lock"]}})),DL=(e,t={})=>L(e,(e=>"menu"===e.type?(e=>{const o=L(e.items,(e=>{const o=fe(t,e.name).getOr(ye(!1));return{...e,storage:o}}));return{...e,items:o}})(e):e)),BL=e=>W(e,((e,t)=>"menu"===t.type?W(t.items,((e,t)=>(e[t.name]=t.storage,e)),e):e),{}),IL=(e,t)=>[qc(xa(),uB),e(OD,((e,o,n,s)=>{No(s.element)&&zo(So(s.element)).each(Ro),t.onClose(),o.onClose()})),e(_D,((e,t,o,n)=>{t.onCancel(e),Fc(n,OD)})),Wc(MD,((e,o)=>t.onUnblock())),Wc(AD,((e,o)=>t.onBlock(o.event)))],FL=(e,t,o)=>{const n=(t,o)=>Wc(t,((t,n)=>{s(t,((s,r)=>{o(e(),s,n.event,t)}))})),s=(e,t)=>{ab.getState(e).get().each((o=>{t(o.internalDialog,e)}))};return[...IL(n,t),n(ED,((e,t)=>t.onSubmit(e))),n(CD,((e,t,o)=>{t.onChange(e,{name:o.name})})),n(TD,((e,t,n,s)=>{const r=()=>s.getSystem().isConnected()?wm.focusIn(s):void 0,a=e=>Yo(e,"disabled")||Xo(e,"aria-disabled").exists((e=>"true"===e)),i=So(s.element),l=zo(i);t.onAction(e,{name:n.name,value:n.value}),zo(i).fold(r,(e=>{a(e)||l.exists((t=>wt(e,t)&&a(t)))?r():o().toOptional().filter((t=>!wt(t.element,e))).each(r)}))})),n(DD,((e,t,o)=>{t.onTabChange(e,{newTabName:o.name,oldTabName:o.oldName})})),Qc((t=>{const o=e();Yh.setValue(t,o.getData())}))]},RL=(e,t)=>{const o=t?.map((e=>e.footerButtons)).getOr([]),n=H(o,(e=>"start"===e.align)),s=(e,t)=>rh.sketch({dom:{tag:"div",classes:[`tox-dialog__footer-${e}`]},components:L(t,(e=>e.memento.asSpec()))});return[s("start",n.pass),s("end",n.fail)]},NL=(e,t,o)=>({dom:cv('<div class="tox-dialog__footer"></div>'),components:[],behaviours:rd([ab.config({channel:`${fB}-${t}`,initialData:e,updateState:(e,t)=>{const n=L(t.buttons,(e=>{const t=dv(((e,t)=>yI(e,e.type,t))(e,o));return{name:e.name,align:e.align,memento:t}}));return A?.some({lookupByName:t=>((e,t,o)=>$(t,(e=>e.name===o)).bind((t=>t.memento.getOpt(e))))(e,n,t),footerButtons:n})},renderComponents:RL})])}),zL=(e,t,o)=>sy.parts.footer(NL(e,t,o)),LL=(e,t)=>{if(e.getRoot().getSystem().isConnected()){const o=zg.getCurrent(e.getFormWrapper()).getOr(e.getFormWrapper());return Ax.getField(o,t).orThunk((()=>{const o=e.getFooter().bind((e=>ab.getState(e).get()));return o.bind((e=>e.lookupByName(t)))}))}return A.none()},VL=(e,t,o)=>{const n=t=>{const o=e.getRoot();o.getSystem().isConnected()&&t(o)},s={getData:()=>{const t=e.getRoot(),n=t.getSystem().isConnected()?e.getFormWrapper():t;return{...Yh.getValue(n),...le(o,(e=>e.get()))}},setData:t=>{n((n=>{const r=s.getData(),a=Le(r,t),i=((e,t)=>{const o=e.getRoot();return ab.getState(o).get()?.map((e=>Tr(_r("data",e.dataValidator,t)))).getOr(t)})(e,a),l=e.getFormWrapper();Yh.setValue(l,i),ie(o,((e,t)=>{be(a,t)&&e.set(a[t])}))}))},setEnabled:(t,o)=>{LL(e,t).each(o?tp.enable:tp.disable)},focus:t=>{LL(e,t).each(fd.focus)},block:e=>{if(!r(e))throw new Error("The dialogInstanceAPI.block function should be passed a blocking message of type string as an argument");n((t=>{Rc(t,AD,{message:e})}))},unblock:()=>{n((e=>{Fc(e,MD)}))},showTab:t=>{n((o=>{const n=e.getBody();ab.getState(n).get().exists((e=>e.isTabPanel()))&&zg.getCurrent(n).each((e=>{ES.showTab(e,t)}))}))},redial:r=>{n((n=>{const a=e.getId(),i=t(r),l=DL(i.internalDialog.buttons,o);n.getSystem().broadcastOn([`${gB}-${a}`],i),n.getSystem().broadcastOn([`${pB}-${a}`],i.internalDialog),n.getSystem().broadcastOn([`${hB}-${a}`],i.internalDialog),n.getSystem().broadcastOn([`${fB}-${a}`],{...i.internalDialog,buttons:l}),s.setData(i.initialData)}))},close:()=>{n((e=>{Fc(e,OD)}))},toggleFullscreen:e.toggleFullscreen};return s},HL=(e,t,o,n=!1,s)=>{const r=Ne("dialog"),a=Ne("dialog-label"),i=Ne("dialog-content"),l=e.internalDialog,c=ye(l.size),d=TL(c.get()).toArray(),u=dv(((e,t,o,n)=>rh.sketch({dom:cv('<div class="tox-dialog__header"></div>'),components:[xL(e,t,A?.some(o),n),yL(),vL(n)],containerBehaviours:rd([Th.config({mode:"mouse",blockerClass:"blocker",getTarget:e=>Yn(e,'[role="dialog"]').getOrDie(),snaps:{getSnapPoints:()=>[],leftAttr:"data-drag-left",topAttr:"data-drag-top"},onDrag:(e,t)=>{e.getSystem().broadcastOn([pv()],{target:t})}})])}))({title:l.title,draggable:!0},r,a,o.shared.providers)),m=dv(((e,t,o,n,s,r)=>cL(e,t,A?.some(o),n,s,r))({body:l.body,initialData:l.initialData},r,i,o,n,(e=>LL(x,e)))),g=DL(l.buttons),p=BL(g),h=$e(0!==g.length,dv(((e,t,o)=>NL(e,t,o))({buttons:g},r,o))),f=FL((()=>w),{onBlock:e=>{Fg.block(v,((t,n)=>{const s=u.getOpt(v)?.map((e=>Sn(e.element)));return SL(e.message,n,o.shared.providers,s)}))},onUnblock:()=>{Fg.unblock(v)},onClose:()=>t.closeWindow()},o.shared.getSink),b=Jt().os,v=Ag({dom:{tag:"div",classes:["tox-dialog","tox-dialog-inline",...d],attributes:{role:"dialog",...b.isMacOS()?{"aria-label":l.title}:{"aria-labelledby":a}}},eventOrder:{[Ra()]:[ab.name(),ob.name()],[Na()]:["execute-on-form"],[qa()]:["reflecting","execute-on-form"]},behaviours:rd([wm.config({mode:"cyclic",onEscape:e=>(Fc(e,OD),A?.some(!0)),useTabstopAt:e=>!mB(e)&&("button"!==eo(e)||"disabled"!==qo(e,"disabled")),firstTabstop:1}),ab.config({channel:`${gB}-${r}`,updateState:(e,t)=>(c.set(t.internalDialog.size),EL(t.internalDialog.size,e),s(),A?.some(t)),initialData:e}),fd.config({}),ud("execute-on-form",f.concat([Kc(xa(),((e,t)=>{wm.focusIn(e)})),Wc(Ja(),((e,t)=>{e.getSystem().broadcastOn([vB],{newFocus:t.event.newFocus})}))])),Fg.config({getRoot:()=>A?.some(v)}),Zm.config({}),WD({})]),components:[u.asSpec(),m.asSpec(),...h?.map((e=>e.asSpec())).toArray()]}),x={getId:y(r),getRoot:y(v),getFooter:()=>h?.map((e=>e.get(v))),getBody:()=>m.get(v),getFormWrapper:()=>{const e=m.get(v);return zg.getCurrent(e).getOr(e)},toggleFullscreen:()=>{AL(v,c.get())}},w=VL(x,t.redial,p);return{dialog:v,instanceApi:w}};var PL=tinymce.util.Tools.resolve("tinymce.util.URI");const UL=["insertContent","setContent","execCommand","close","block","unblock"],WL=e=>a(e)&&-1!==UL.indexOf(e.mceAction),$L=(e,t,o,n)=>{const s=Ne("dialog"),i=wL(e.title,s,n),l=(e=>{const t={dom:{tag:"div",classes:["tox-dialog__content-js"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-iframe"]},components:[cB(A.none(),{dom:{tag:"iframe",attributes:{src:e.url}},behaviours:rd([Pb.config({}),fd.config({})])})]}],behaviours:rd([wm.config({mode:"acyclic",useTabstopAt:k(mB)})])};return sy.parts.body(t)})(e),c=e.buttons.bind((e=>0===e.length?A.none():A?.some(zL({buttons:e},s,n)))),u=((e,t)=>{const o=(e,t)=>Wc(e,((e,o)=>{n(e,((n,s)=>{t(y,n,o.event,e)}))})),n=(e,t)=>{ab.getState(e).get().each((o=>{t(o,e)}))};return[...IL(o,t),o(TD,((e,t,o)=>{t.onAction(e,{name:o.name})}))]})(0,CL((()=>x),n.shared.providers,t)),m={...e.height.fold((()=>({})),(e=>({height:e+"px","max-height":e+"px"}))),...e.width.fold((()=>({})),(e=>({width:e+"px","max-width":e+"px"})))},p=e.width.isNone()&&e.height.isNone()?["tox-dialog--width-lg"]:[],h=new PL(e.url,{base_uri:new PL(window.location.href)}),f=`${h.protocol}://${h.host}${h.port?":"+h.port:""}`,b=qe(),v=[ab.config({channel:`${gB}-${s}`,updateState:(e,t)=>A?.some(t),initialData:e}),ud("messages",[Jc((()=>{const t=Mo(ct(window),"message",(t=>{if(h.isSameOrigin(new PL(t.raw.origin))){const n=t.raw.data;WL(n)?((e,t,o)=>{switch(o.mceAction){case"insertContent":e.insertContent(o.content);break;case"setContent":e.setContent(o.content);break;case"execCommand":const n=!!d(o.ui)&&o.ui;e.execCommand(o.cmd,n,o.value);break;case"close":t.close();break;case"block":t.block(o.message);break;case"unblock":t.unblock()}})(o,y,n):(e=>!WL(e)&&a(e)&&be(e,"mceAction"))(n)&&e.onMessage(y,n)}}));b.set(t)})),Qc(b.clear)]),ob.config({channels:{[bB]:{onReceive:(e,t)=>{Xn(e.element,"iframe").each((e=>{const o=e.dom.contentWindow;g(o)&&o.postMessage(t,f)}))}}}})],x=ML({id:s,header:i,body:l,footer:c,extraClasses:p,extraBehaviours:v,extraStyles:m},u,n),y=(e=>{const t=t=>{e.getSystem().isConnected()&&t(e)};return{block:e=>{if(!r(e))throw new Error("The urlDialogInstanceAPI.block function should be passed a blocking message of type string as an argument");t((t=>{Rc(t,AD,{message:e})}))},unblock:()=>{t((e=>{Fc(e,MD)}))},close:()=>{t((e=>{Fc(e,OD)}))},sendMessage:e=>{t((t=>{t.getSystem().broadcastOn([bB],e)}))}}})(x);return{dialog:x,instanceApi:y}},GL=(e,t)=>Tr(_r("data",t,e)),jL=e=>ps(e,".tox-alert-dialog")||ps(e,".tox-confirm-dialog"),qL=(e,t,o,n)=>t&&o?[]:[Ep.config({contextual:{lazyContext:()=>A?.some(Rs(ct(e.getContentAreaContainer()))),fadeInClass:"tox-dialog-dock-fadein",fadeOutClass:"tox-dialog-dock-fadeout",transitionClass:"tox-dialog-dock-transition",onHide:n},modes:["top"],lazyViewport:t=>QC(e,t.element)?.map((e=>({bounds:ZC(e),optScrollEnv:A?.some({currentScrollTop:e.element.dom.scrollTop,scrollElmTop:In(e.element).top})}))).getOrThunk((()=>({bounds:Ls(),optScrollEnv:A.none()})))})],XL=e=>{const t=e.editor,o=$C(t),n=(e=>{const t=e.shared;return{open:(o,n)=>{const s=()=>{sy.hide(l),n()},r=dv(yI({context:"any",name:"close-alert",text:"OK",primary:!0,buttonType:A?.some("primary"),align:"end",enabled:!0,icon:A.none()},"cancel",e)),a=gL(),i=mL(s,t.providers),l=Ag(bL({lazySink:()=>t.getSink(),header:uL(a,i),body:pL(o,t.providers),footer:A?.some(hL(fL([],[r.asSpec()]))),onEscape:s,extraClasses:["tox-alert-dialog"],extraBehaviours:[],extraStyles:{},dialogEvents:[Wc(_D,s)],eventOrder:{}}));sy.show(l);const c=r.get(l);fd.focus(c)}}})(e.backstages.dialog),s=(e=>{const t=e.shared;return{open:(o,n)=>{const s=e=>{sy.hide(c),n(e)},r=dv(yI({context:"any",name:"yes",text:"Yes",primary:!0,buttonType:A?.some("primary"),align:"end",enabled:!0,icon:A.none()},"submit",e)),a=yI({context:"any",name:"no",text:"No",primary:!1,buttonType:A?.some("secondary"),align:"end",enabled:!0,icon:A.none()},"cancel",e),i=gL(),l=mL((()=>s(!1)),t.providers),c=Ag(bL({lazySink:()=>t.getSink(),header:uL(i,l),body:pL(o,t.providers),footer:A?.some(hL(fL([],[a,r.asSpec()]))),onEscape:()=>s(!1),extraClasses:["tox-confirm-dialog"],extraBehaviours:[],extraStyles:{},dialogEvents:[Wc(_D,(()=>s(!1))),Wc(ED,(()=>s(!0)))],eventOrder:{}}));sy.show(c);const d=r.get(c);fd.focus(d)}}})(e.backstages.dialog),r=(t,o)=>pE.open(((t,n,s)=>{const r=n,a=((e,t,o)=>{const n=Ne("dialog"),s=e.internalDialog,r=wL(s.title,n,o),a=ye(s.size),i=TL(a.get()).toArray(),l=((e,t,o,n)=>{const s=cL(e,t,A.none(),o,!1,n);return sy.parts.body(s)})({body:s.body,initialData:s.initialData},n,o,(e=>LL(h,e))),c=DL(s.buttons),d=BL(c),u=$e(0!==c.length,zL({buttons:c},n,o)),m=FL((()=>f),CL((()=>p),o.shared.providers,t),o.shared.getSink),g={id:n,header:r,body:l,footer:u,extraClasses:i,extraBehaviours:[ab.config({channel:`${gB}-${n}`,updateState:(e,t)=>(a.set(t.internalDialog.size),EL(t.internalDialog.size,e),A?.some(t)),initialData:e})],extraStyles:{}},p=ML(g,m,o),h={getId:y(n),getRoot:y(p),getBody:()=>sy.getBody(p),getFooter:()=>sy.getFooter(p),getFormWrapper:()=>{const e=sy.getBody(p);return zg.getCurrent(e).getOr(e)},toggleFullscreen:()=>{AL(p,a.get())}},f=VL(h,t.redial,d);return{dialog:p,instanceApi:f}})({dataValidator:s,initialData:r,internalDialog:t},{redial:pE.redial,closeWindow:()=>{sy.hide(a.dialog),o(a.instanceApi)}},e.backstages.dialog);return sy.show(a.dialog),a.instanceApi.setData(r),a.instanceApi}),t),a=(n,s,r,a)=>pE.open(((n,i,l)=>{const c=GL(i,l),d=Xe(),u=e.backstages.popup.shared.header.isPositionedAtTop(),m=()=>d.on((e=>{Xx.reposition(e),o&&u||Ep.refresh(e)})),g=HL({dataValidator:l,initialData:c,internalDialog:n},{redial:pE.redial,closeWindow:()=>{d.on(Xx.hide),t.off("ResizeEditor",m),t.off("ScrollWindow",p),d.clear(),r(g.instanceApi)}},e.backstages.popup,a.ariaAttrs,m),p=()=>g.dialog.getSystem().broadcastOn([pv()],{target:g.dialog.element}),h=Ag(Xx.sketch({lazySink:e.backstages.popup.shared.getSink,dom:{tag:"div",classes:[]},fireDismissalEventInstead:a.persistent?{event:"doNotDismissYet"}:{},...u?{}:{fireRepositionEventInstead:{}},inlineBehaviours:rd([ud("window-manager-inline-events",[Wc(Ya(),((e,t)=>{Fc(g.dialog,_D)}))]),...qL(t,o,u,(()=>g.dialog.getSystem().broadcastOn([gv()],{target:g.dialog.element})))]),isExtraPart:(e,t)=>jL(t)}));return d.set(h),Xx.showWithinBounds(h,Mg(g.dialog),{anchor:s},(()=>{const e=t.inline?rn():ct(t.getContainer()),o=Rs(e);return A?.some(o)})),o&&u||(Ep.refresh(h),t.on("ResizeEditor",m)),t.on("ScrollWindow",p),g.instanceApi.setData(c),wm.focusIn(g.dialog),g.instanceApi}),n),i=(o,n,s,r)=>pE.open(((o,a,i)=>{const l=GL(a,i),c=Xe(),d=e.backstages.popup.shared.header.isPositionedAtTop(),u=()=>c.on((e=>{Xx.reposition(e),Ep.refresh(e)})),m=HL({dataValidator:i,initialData:l,internalDialog:o},{redial:pE.redial,closeWindow:()=>{c.on(Xx.hide),t.off("ResizeEditor ScrollWindow ElementScroll",u),c.clear(),s(m.instanceApi)}},e.backstages.popup,r.ariaAttrs,u),g=Ag(Xx.sketch({lazySink:e.backstages.popup.shared.getSink,dom:{tag:"div",classes:[]},fireDismissalEventInstead:r.persistent?{event:"doNotDismissYet"}:{},...d?{}:{fireRepositionEventInstead:{}},inlineBehaviours:rd([ud("window-manager-inline-events",[Wc(Ya(),((e,t)=>{Fc(m.dialog,_D)}))]),Ep.config({contextual:{lazyContext:()=>A?.some(Rs(ct(t.getContentAreaContainer()))),fadeInClass:"tox-dialog-dock-fadein",fadeOutClass:"tox-dialog-dock-fadeout",transitionClass:"tox-dialog-dock-transition"},modes:["top","bottom"],lazyViewport:e=>QC(t,e.element)?.map((e=>({bounds:ZC(e),optScrollEnv:A?.some({currentScrollTop:e.element.dom.scrollTop,scrollElmTop:In(e.element).top})}))).getOrThunk((()=>({bounds:Ls(),optScrollEnv:A.none()})))})]),isExtraPart:(e,t)=>jL(t)}));return c.set(g),Xx.showWithinBounds(g,Mg(m.dialog),{anchor:n},(()=>e.backstages.popup.shared.getSink().toOptional().bind((e=>{const o=QC(t,e.element)?.map((e=>ZC(e))).getOr(Ls()),n=Rs(ct(t.getContentAreaContainer())),s=zs(n,o);return A?.some(Fs(s.x,s.y,s.width,s.height-15))})))),Ep.refresh(g),t.on("ResizeEditor ScrollWindow ElementScroll ResizeWindow",u),m.instanceApi.setData(l),wm.focusIn(m.dialog),m.instanceApi}),o);return{open:(t,o,n)=>{if(!u(o)){if("toolbar"===o.inline)return a(t,e.backstages.popup.shared.anchors.inlineDialog(),n,o);if("bottom"===o.inline)return i(t,e.backstages.popup.shared.anchors.inlineBottomDialog(),n,o);if("cursor"===o.inline)return a(t,e.backstages.popup.shared.anchors.cursor(),n,o)}return r(t,n)},openUrl:(o,n)=>((o,n)=>pE.openUrl((o=>{const s=$L(o,{closeWindow:()=>{sy.hide(s.dialog),n(s.instanceApi)}},t,e.backstages.dialog);return sy.show(s.dialog),s.instanceApi}),o))(o,n),alert:(e,t)=>{n.open(e,t)},close:e=>{e.close()},confirm:(e,t)=>{s.open(e,t)}}},YL=e=>{GS(e),(e=>{const t=e.options.register,o=e=>{return f(e,r)?{value:(t=e,MM(t?.map(((e,t)=>t%2==0?"#"+(e=>{return(t=e,XA(t)?A?.some({value:YA(t)}):A.none()).orThunk((()=>dM(e)?.map(JA))).getOrThunk((()=>{const t=document.createElement("canvas");t.height=1,t.width=1;const o=t.getContext("2d");o.clearRect(0,0,t.width,t.height),o.fillStyle="#FFFFFF",o.fillStyle=e,o.fillRect(0,0,1,1);const n=o.getImageData(0,0,1,1).data,s=n[0],r=n[1],a=n[2],i=n[3];return JA(rM(s,r,a,i))}));var t})(e).value:e)))),valid:!0}:{valid:!1,message:"Must be an array of strings."};var t},n=e=>h(e)&&e>0?{value:e,valid:!0}:{valid:!1,message:"Must be a positive number."};t("color_map",{processor:o,default:["#BFEDD2","Light Green","#FBEEB8","Light Yellow","#F8CAC6","Light Red","#ECCAFA","Light Purple","#C2E0F4","Light Blue","#2DC26B","Green","#F1C40F","Yellow","#E03E2D","Red","#B96AD9","Purple","#3598DB","Blue","#169179","Dark Turquoise","#E67E23","Orange","#BA372A","Dark Red","#843FA1","Dark Purple","#236FA1","Dark Blue","#ECF0F1","Light Gray","#CED4D9","Medium Gray","#95A5A6","Gray","#7E8C8D","Dark Gray","#34495E","Navy Blue","#000000","Black","#ffffff","White"]}),t("color_map_raw",{processor:e=>f(e,r)?{value:MM(e),valid:!0}:{valid:!1,message:"Must be an array of strings."}}),t("color_map_background",{processor:o}),t("color_map_foreground",{processor:o}),t("color_cols",{processor:n,default:FM(e)}),t("color_cols_foreground",{processor:n,default:RM(e,EM)}),t("color_cols_background",{processor:n,default:RM(e,AM)}),t("custom_colors",{processor:"boolean",default:!0}),t("color_default_foreground",{processor:"string",default:BM}),t("color_default_background",{processor:"string",default:BM})})(e),(e=>{const t=e.options.register;t("contextmenu_avoid_overlap",{processor:"string",default:""}),t("contextmenu_never_use_native",{processor:"boolean",default:!1}),t("contextmenu",{processor:e=>!1===e?{value:[],valid:!0}:r(e)||f(e,r)?{value:Cz(e),valid:!0}:{valid:!1,message:"Must be false or a string."},default:"link linkchecker image editimage table spellchecker configurepermanentpen"})})(e)};LS.add("silver",(e=>{YL(e);let t=()=>Ls();const{dialogs:o,popups:n,renderUI:s}=eL(e,{getPopupSinkBounds:()=>t()});bD(e,n.backstage.shared);const r=XL({editor:e,backstages:{popup:n.backstage,dialog:o.backstage}}),a=Xe();return{renderUI:()=>{const o=s();return QC(e,n.getMothership().element).each((e=>{t=()=>ZC(e)})),o},getWindowManagerImpl:y(r),getNotificationManagerImpl:()=>gO(e,{backstage:n.backstage},n.getMothership(),a),getPromotionElement:()=>Xn(ct(e.getContainer()),".tox-promotion")?.map((e=>e.dom)).getOrNull()}}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.d.ts b/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.d.ts
new file mode 100644
index 000000000..8397ffbb0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.d.ts
@@ -0,0 +1,3351 @@
+interface StringPathBookmark {
+    start: string;
+    end?: string;
+    forward?: boolean;
+}
+interface RangeBookmark {
+    rng: Range;
+    forward?: boolean;
+}
+interface IdBookmark {
+    id: string;
+    keep?: boolean;
+    forward?: boolean;
+}
+interface IndexBookmark {
+    name: string;
+    index: number;
+}
+interface PathBookmark {
+    start: number[];
+    end?: number[];
+    isFakeCaret?: boolean;
+    forward?: boolean;
+}
+type Bookmark = StringPathBookmark | RangeBookmark | IdBookmark | IndexBookmark | PathBookmark;
+type NormalizedEvent<E, T = any> = E & {
+    readonly type: string;
+    readonly target: T;
+    readonly isDefaultPrevented: () => boolean;
+    readonly preventDefault: () => void;
+    readonly isPropagationStopped: () => boolean;
+    readonly stopPropagation: () => void;
+    readonly isImmediatePropagationStopped: () => boolean;
+    readonly stopImmediatePropagation: () => void;
+};
+type MappedEvent<T extends {}, K extends string> = K extends keyof T ? T[K] : any;
+interface NativeEventMap {
+    beforepaste: Event;
+    blur: FocusEvent;
+    beforeinput: InputEvent;
+    click: MouseEvent;
+    compositionend: Event;
+    compositionstart: Event;
+    compositionupdate: Event;
+    contextmenu: PointerEvent;
+    copy: ClipboardEvent;
+    cut: ClipboardEvent;
+    dblclick: MouseEvent;
+    drag: DragEvent;
+    dragdrop: DragEvent;
+    dragend: DragEvent;
+    draggesture: DragEvent;
+    dragover: DragEvent;
+    dragstart: DragEvent;
+    drop: DragEvent;
+    focus: FocusEvent;
+    focusin: FocusEvent;
+    focusout: FocusEvent;
+    input: InputEvent;
+    keydown: KeyboardEvent;
+    keypress: KeyboardEvent;
+    keyup: KeyboardEvent;
+    mousedown: MouseEvent;
+    mouseenter: MouseEvent;
+    mouseleave: MouseEvent;
+    mousemove: MouseEvent;
+    mouseout: MouseEvent;
+    mouseover: MouseEvent;
+    mouseup: MouseEvent;
+    paste: ClipboardEvent;
+    selectionchange: Event;
+    submit: Event;
+    touchend: TouchEvent;
+    touchmove: TouchEvent;
+    touchstart: TouchEvent;
+    touchcancel: TouchEvent;
+    wheel: WheelEvent;
+}
+type EditorEvent<T> = NormalizedEvent<T>;
+interface EventDispatcherSettings {
+    scope?: any;
+    toggleEvent?: (name: string, state: boolean) => void | boolean;
+    beforeFire?: <T>(args: EditorEvent<T>) => void;
+}
+interface EventDispatcherConstructor<T extends {}> {
+    readonly prototype: EventDispatcher<T>;
+    new (settings?: EventDispatcherSettings): EventDispatcher<T>;
+    isNative: (name: string) => boolean;
+}
+declare class EventDispatcher<T extends {}> {
+    static isNative(name: string): boolean;
+    private readonly settings;
+    private readonly scope;
+    private readonly toggleEvent;
+    private bindings;
+    constructor(settings?: EventDispatcherSettings);
+    fire<K extends string, U extends MappedEvent<T, K>>(name: K, args?: U): EditorEvent<U>;
+    dispatch<K extends string, U extends MappedEvent<T, K>>(name: K, args?: U): EditorEvent<U>;
+    on<K extends string>(name: K, callback: false | ((event: EditorEvent<MappedEvent<T, K>>) => void | boolean), prepend?: boolean, extra?: {}): this;
+    off<K extends string>(name?: K, callback?: (event: EditorEvent<MappedEvent<T, K>>) => void): this;
+    once<K extends string>(name: K, callback: (event: EditorEvent<MappedEvent<T, K>>) => void, prepend?: boolean): this;
+    has(name: string): boolean;
+}
+type UndoLevelType = 'fragmented' | 'complete';
+interface BaseUndoLevel {
+    type: UndoLevelType;
+    bookmark: Bookmark | null;
+    beforeBookmark: Bookmark | null;
+}
+interface FragmentedUndoLevel extends BaseUndoLevel {
+    type: 'fragmented';
+    fragments: string[];
+    content: '';
+}
+interface CompleteUndoLevel extends BaseUndoLevel {
+    type: 'complete';
+    fragments: null;
+    content: string;
+}
+type NewUndoLevel = CompleteUndoLevel | FragmentedUndoLevel;
+type UndoLevel = NewUndoLevel & {
+    bookmark: Bookmark;
+};
+interface UndoManager {
+    data: UndoLevel[];
+    typing: boolean;
+    add: (level?: Partial<UndoLevel>, event?: EditorEvent<any>) => UndoLevel | null;
+    dispatchChange: () => void;
+    beforeChange: () => void;
+    undo: () => UndoLevel | undefined;
+    redo: () => UndoLevel | undefined;
+    clear: () => void;
+    reset: () => void;
+    hasUndo: () => boolean;
+    hasRedo: () => boolean;
+    transact: (callback: () => void) => UndoLevel | null;
+    ignore: (callback: () => void) => void;
+    extra: (callback1: () => void, callback2: () => void) => void;
+}
+type SchemaType = 'html4' | 'html5' | 'html5-strict';
+interface ElementSettings {
+    block_elements?: string;
+    boolean_attributes?: string;
+    move_caret_before_on_enter_elements?: string;
+    non_empty_elements?: string;
+    self_closing_elements?: string;
+    text_block_elements?: string;
+    text_inline_elements?: string;
+    void_elements?: string;
+    whitespace_elements?: string;
+    transparent_elements?: string;
+    wrap_block_elements?: string;
+}
+interface SchemaSettings extends ElementSettings {
+    custom_elements?: string | Record<string, CustomElementSpec>;
+    extended_valid_elements?: string;
+    invalid_elements?: string;
+    invalid_styles?: string | Record<string, string>;
+    schema?: SchemaType;
+    valid_children?: string;
+    valid_classes?: string | Record<string, string>;
+    valid_elements?: string;
+    valid_styles?: string | Record<string, string>;
+    verify_html?: boolean;
+    padd_empty_block_inline_children?: boolean;
+}
+interface Attribute {
+    required?: boolean;
+    defaultValue?: string;
+    forcedValue?: string;
+    validValues?: Record<string, {}>;
+}
+interface DefaultAttribute {
+    name: string;
+    value: string;
+}
+interface AttributePattern extends Attribute {
+    pattern: RegExp;
+}
+interface ElementRule {
+    attributes: Record<string, Attribute>;
+    attributesDefault?: DefaultAttribute[];
+    attributesForced?: DefaultAttribute[];
+    attributesOrder: string[];
+    attributePatterns?: AttributePattern[];
+    attributesRequired?: string[];
+    paddEmpty?: boolean;
+    removeEmpty?: boolean;
+    removeEmptyAttrs?: boolean;
+    paddInEmptyBlock?: boolean;
+}
+interface SchemaElement extends ElementRule {
+    outputName?: string;
+    parentsRequired?: string[];
+    pattern?: RegExp;
+}
+interface SchemaMap {
+    [name: string]: {};
+}
+interface SchemaRegExpMap {
+    [name: string]: RegExp;
+}
+interface CustomElementSpec {
+    extends?: string;
+    attributes?: string[];
+    children?: string[];
+    padEmpty?: boolean;
+}
+interface Schema {
+    type: SchemaType;
+    children: Record<string, SchemaMap>;
+    elements: Record<string, SchemaElement>;
+    getValidStyles: () => Record<string, string[]> | undefined;
+    getValidClasses: () => Record<string, SchemaMap> | undefined;
+    getBlockElements: () => SchemaMap;
+    getInvalidStyles: () => Record<string, SchemaMap> | undefined;
+    getVoidElements: () => SchemaMap;
+    getTextBlockElements: () => SchemaMap;
+    getTextInlineElements: () => SchemaMap;
+    getBoolAttrs: () => SchemaMap;
+    getElementRule: (name: string) => SchemaElement | undefined;
+    getSelfClosingElements: () => SchemaMap;
+    getNonEmptyElements: () => SchemaMap;
+    getMoveCaretBeforeOnEnterElements: () => SchemaMap;
+    getWhitespaceElements: () => SchemaMap;
+    getTransparentElements: () => SchemaMap;
+    getSpecialElements: () => SchemaRegExpMap;
+    isValidChild: (name: string, child: string) => boolean;
+    isValid: (name: string, attr?: string) => boolean;
+    isBlock: (name: string) => boolean;
+    isInline: (name: string) => boolean;
+    isWrapper: (name: string) => boolean;
+    getCustomElements: () => SchemaMap;
+    addValidElements: (validElements: string) => void;
+    setValidElements: (validElements: string) => void;
+    addCustomElements: (customElements: string | Record<string, CustomElementSpec>) => void;
+    addValidChildren: (validChildren: any) => void;
+}
+type Attributes$1 = Array<{
+    name: string;
+    value: string;
+}> & {
+    map: Record<string, string>;
+};
+interface AstNodeConstructor {
+    readonly prototype: AstNode;
+    new (name: string, type: number): AstNode;
+    create(name: string, attrs?: Record<string, string>): AstNode;
+}
+declare class AstNode {
+    static create(name: string, attrs?: Record<string, string>): AstNode;
+    name: string;
+    type: number;
+    attributes?: Attributes$1;
+    value?: string;
+    parent?: AstNode | null;
+    firstChild?: AstNode | null;
+    lastChild?: AstNode | null;
+    next?: AstNode | null;
+    prev?: AstNode | null;
+    raw?: boolean;
+    constructor(name: string, type: number);
+    replace(node: AstNode): AstNode;
+    attr(name: string, value: string | null | undefined): AstNode | undefined;
+    attr(name: Record<string, string | null | undefined> | undefined): AstNode | undefined;
+    attr(name: string): string | undefined;
+    clone(): AstNode;
+    wrap(wrapper: AstNode): AstNode;
+    unwrap(): void;
+    remove(): AstNode;
+    append(node: AstNode): AstNode;
+    insert(node: AstNode, refNode: AstNode, before?: boolean): AstNode;
+    getAll(name: string): AstNode[];
+    children(): AstNode[];
+    empty(): AstNode;
+    isEmpty(elements: SchemaMap, whitespace?: SchemaMap, predicate?: (node: AstNode) => boolean): boolean;
+    walk(prev?: boolean): AstNode | null | undefined;
+}
+type Content = string | AstNode;
+type ContentFormat = 'raw' | 'text' | 'html' | 'tree';
+interface GetContentArgs {
+    format: ContentFormat;
+    get: boolean;
+    getInner: boolean;
+    no_events?: boolean;
+    save?: boolean;
+    source_view?: boolean;
+    [key: string]: any;
+}
+interface SetContentArgs {
+    format: string;
+    set: boolean;
+    content: Content;
+    no_events?: boolean;
+    no_selection?: boolean;
+    paste?: boolean;
+    load?: boolean;
+    initial?: boolean;
+    [key: string]: any;
+}
+interface GetSelectionContentArgs extends GetContentArgs {
+    selection?: boolean;
+    contextual?: boolean;
+}
+interface SetSelectionContentArgs extends SetContentArgs {
+    content: string;
+    selection?: boolean;
+}
+interface BlobInfoData {
+    id?: string;
+    name?: string;
+    filename?: string;
+    blob: Blob;
+    base64: string;
+    blobUri?: string;
+    uri?: string;
+}
+interface BlobInfo {
+    id: () => string;
+    name: () => string;
+    filename: () => string;
+    blob: () => Blob;
+    base64: () => string;
+    blobUri: () => string;
+    uri: () => string | undefined;
+}
+interface BlobCache {
+    create: {
+        (o: BlobInfoData): BlobInfo;
+        (id: string, blob: Blob, base64: string, name?: string, filename?: string): BlobInfo;
+    };
+    add: (blobInfo: BlobInfo) => void;
+    get: (id: string) => BlobInfo | undefined;
+    getByUri: (blobUri: string) => BlobInfo | undefined;
+    getByData: (base64: string, type: string) => BlobInfo | undefined;
+    findFirst: (predicate: (blobInfo: BlobInfo) => boolean) => BlobInfo | undefined;
+    removeByUri: (blobUri: string) => void;
+    destroy: () => void;
+}
+interface BlobInfoImagePair {
+    image: HTMLImageElement;
+    blobInfo: BlobInfo;
+}
+declare class NodeChange {
+    private readonly editor;
+    private lastPath;
+    constructor(editor: Editor);
+    nodeChanged(args?: Record<string, any>): void;
+    private isSameElementPath;
+}
+interface SelectionOverrides {
+    showCaret: (direction: number, node: HTMLElement, before: boolean, scrollIntoView?: boolean) => Range | null;
+    showBlockCaretContainer: (blockCaretContainer: HTMLElement) => void;
+    hideFakeCaret: () => void;
+    destroy: () => void;
+}
+interface Quirks {
+    refreshContentEditable(): void;
+    isHidden(): boolean;
+}
+type DecoratorData = Record<string, any>;
+type Decorator = (uid: string, data: DecoratorData) => {
+    attributes?: {};
+    classes?: string[];
+};
+type AnnotationListener = (state: boolean, name: string, data?: {
+    uid: string;
+    nodes: any[];
+}) => void;
+type AnnotationListenerApi = AnnotationListener;
+interface AnnotatorSettings {
+    decorate: Decorator;
+    persistent?: boolean;
+}
+interface Annotator {
+    register: (name: string, settings: AnnotatorSettings) => void;
+    annotate: (name: string, data: DecoratorData) => void;
+    annotationChanged: (name: string, f: AnnotationListenerApi) => void;
+    remove: (name: string) => void;
+    removeAll: (name: string) => void;
+    getAll: (name: string) => Record<string, Element[]>;
+}
+interface IsEmptyOptions {
+    readonly skipBogus?: boolean;
+    readonly includeZwsp?: boolean;
+    readonly checkRootAsContent?: boolean;
+    readonly isContent?: (node: Node) => boolean;
+}
+interface GeomRect {
+    readonly x: number;
+    readonly y: number;
+    readonly w: number;
+    readonly h: number;
+}
+interface Rect {
+    inflate: (rect: GeomRect, w: number, h: number) => GeomRect;
+    relativePosition: (rect: GeomRect, targetRect: GeomRect, rel: string) => GeomRect;
+    findBestRelativePosition: (rect: GeomRect, targetRect: GeomRect, constrainRect: GeomRect, rels: string[]) => string | null;
+    intersect: (rect: GeomRect, cropRect: GeomRect) => GeomRect | null;
+    clamp: (rect: GeomRect, clampRect: GeomRect, fixedSize?: boolean) => GeomRect;
+    create: (x: number, y: number, w: number, h: number) => GeomRect;
+    fromClientRect: (clientRect: DOMRect) => GeomRect;
+}
+interface NotificationManagerImpl {
+    open: (spec: NotificationSpec, closeCallback: () => void, hasEditorFocus: () => boolean) => NotificationApi;
+    close: <T extends NotificationApi>(notification: T) => void;
+    getArgs: <T extends NotificationApi>(notification: T) => NotificationSpec;
+}
+interface NotificationSpec {
+    type?: 'info' | 'warning' | 'error' | 'success';
+    text: string;
+    icon?: string;
+    progressBar?: boolean;
+    timeout?: number;
+}
+interface NotificationApi {
+    close: () => void;
+    progressBar: {
+        value: (percent: number) => void;
+    };
+    text: (text: string) => void;
+    reposition: () => void;
+    getEl: () => HTMLElement;
+    settings: NotificationSpec;
+}
+interface NotificationManager {
+    open: (spec: NotificationSpec) => NotificationApi;
+    close: () => void;
+    getNotifications: () => NotificationApi[];
+}
+interface UploadFailure {
+    message: string;
+    remove?: boolean;
+}
+type ProgressFn = (percent: number) => void;
+type UploadHandler = (blobInfo: BlobInfo, progress: ProgressFn) => Promise<string>;
+interface UploadResult$2 {
+    url: string;
+    blobInfo: BlobInfo;
+    status: boolean;
+    error?: UploadFailure;
+}
+type BlockPatternTrigger = 'enter' | 'space';
+interface RawPattern {
+    start?: any;
+    end?: any;
+    format?: any;
+    cmd?: any;
+    value?: any;
+    replacement?: any;
+    trigger?: BlockPatternTrigger;
+}
+interface InlineBasePattern {
+    readonly start: string;
+    readonly end: string;
+}
+interface InlineFormatPattern extends InlineBasePattern {
+    readonly type: 'inline-format';
+    readonly format: string[];
+}
+interface InlineCmdPattern extends InlineBasePattern {
+    readonly type: 'inline-command';
+    readonly cmd: string;
+    readonly value?: any;
+}
+type InlinePattern = InlineFormatPattern | InlineCmdPattern;
+interface BlockBasePattern {
+    readonly start: string;
+    readonly trigger: BlockPatternTrigger;
+}
+interface BlockFormatPattern extends BlockBasePattern {
+    readonly type: 'block-format';
+    readonly format: string;
+}
+interface BlockCmdPattern extends BlockBasePattern {
+    readonly type: 'block-command';
+    readonly cmd: string;
+    readonly value?: any;
+}
+type BlockPattern = BlockFormatPattern | BlockCmdPattern;
+type Pattern = InlinePattern | BlockPattern;
+interface DynamicPatternContext {
+    readonly text: string;
+    readonly block: Element;
+}
+type DynamicPatternsLookup = (ctx: DynamicPatternContext) => Pattern[];
+type RawDynamicPatternsLookup = (ctx: DynamicPatternContext) => RawPattern[];
+interface AlertBannerSpec {
+    type: 'alertbanner';
+    level: 'info' | 'warn' | 'error' | 'success';
+    text: string;
+    icon: string;
+    url?: string;
+}
+interface ButtonSpec {
+    type: 'button';
+    text: string;
+    enabled?: boolean;
+    primary?: boolean;
+    name?: string;
+    icon?: string;
+    borderless?: boolean;
+    buttonType?: 'primary' | 'secondary' | 'toolbar';
+    context?: string;
+}
+interface FormComponentSpec {
+    type: string;
+    name: string;
+}
+interface FormComponentWithLabelSpec extends FormComponentSpec {
+    label?: string;
+}
+interface CheckboxSpec extends FormComponentSpec {
+    type: 'checkbox';
+    label: string;
+    enabled?: boolean;
+    context?: string;
+}
+interface CollectionSpec extends FormComponentWithLabelSpec {
+    type: 'collection';
+    context?: string;
+}
+interface CollectionItem {
+    value: string;
+    text: string;
+    icon: string;
+}
+interface ColorInputSpec extends FormComponentWithLabelSpec {
+    type: 'colorinput';
+    storageKey?: string;
+    context?: string;
+}
+interface ColorPickerSpec extends FormComponentWithLabelSpec {
+    type: 'colorpicker';
+}
+interface CustomEditorInit {
+    setValue: (value: string) => void;
+    getValue: () => string;
+    destroy: () => void;
+}
+type CustomEditorInitFn = (elm: HTMLElement, settings: any) => Promise<CustomEditorInit>;
+interface CustomEditorOldSpec extends FormComponentSpec {
+    type: 'customeditor';
+    tag?: string;
+    init: (e: HTMLElement) => Promise<CustomEditorInit>;
+}
+interface CustomEditorNewSpec extends FormComponentSpec {
+    type: 'customeditor';
+    tag?: string;
+    scriptId: string;
+    scriptUrl: string;
+    onFocus?: (e: HTMLElement) => void;
+    settings?: any;
+}
+type CustomEditorSpec = CustomEditorOldSpec | CustomEditorNewSpec;
+interface DropZoneSpec extends FormComponentWithLabelSpec {
+    type: 'dropzone';
+    context?: string;
+}
+interface GridSpec {
+    type: 'grid';
+    columns: number;
+    items: BodyComponentSpec[];
+}
+interface HtmlPanelSpec {
+    type: 'htmlpanel';
+    html: string;
+    onInit?: (el: HTMLElement) => void;
+    presets?: 'presentation' | 'document';
+    stretched?: boolean;
+}
+interface IframeSpec extends FormComponentWithLabelSpec {
+    type: 'iframe';
+    border?: boolean;
+    sandboxed?: boolean;
+    streamContent?: boolean;
+    transparent?: boolean;
+}
+interface ImagePreviewSpec extends FormComponentSpec {
+    type: 'imagepreview';
+    height?: string;
+}
+interface InputSpec extends FormComponentWithLabelSpec {
+    type: 'input';
+    inputMode?: string;
+    placeholder?: string;
+    maximized?: boolean;
+    enabled?: boolean;
+    context?: string;
+}
+type Alignment = 'start' | 'center' | 'end';
+interface LabelSpec {
+    type: 'label';
+    label: string;
+    items: BodyComponentSpec[];
+    align?: Alignment;
+    for?: string;
+}
+interface ListBoxSingleItemSpec {
+    text: string;
+    value: string;
+}
+interface ListBoxNestedItemSpec {
+    text: string;
+    items: ListBoxItemSpec[];
+}
+type ListBoxItemSpec = ListBoxNestedItemSpec | ListBoxSingleItemSpec;
+interface ListBoxSpec extends FormComponentWithLabelSpec {
+    type: 'listbox';
+    items: ListBoxItemSpec[];
+    disabled?: boolean;
+    context?: string;
+}
+interface PanelSpec {
+    type: 'panel';
+    classes?: string[];
+    items: BodyComponentSpec[];
+}
+interface SelectBoxItemSpec {
+    text: string;
+    value: string;
+}
+interface SelectBoxSpec extends FormComponentWithLabelSpec {
+    type: 'selectbox';
+    items: SelectBoxItemSpec[];
+    size?: number;
+    enabled?: boolean;
+    context?: string;
+}
+interface SizeInputSpec extends FormComponentWithLabelSpec {
+    type: 'sizeinput';
+    constrain?: boolean;
+    enabled?: boolean;
+    context?: string;
+}
+interface SliderSpec extends FormComponentSpec {
+    type: 'slider';
+    label: string;
+    min?: number;
+    max?: number;
+}
+interface TableSpec {
+    type: 'table';
+    header: string[];
+    cells: string[][];
+}
+interface TextAreaSpec extends FormComponentWithLabelSpec {
+    type: 'textarea';
+    placeholder?: string;
+    maximized?: boolean;
+    enabled?: boolean;
+    context?: string;
+}
+interface BaseToolbarButtonSpec<I extends BaseToolbarButtonInstanceApi> {
+    enabled?: boolean;
+    tooltip?: string;
+    icon?: string;
+    text?: string;
+    onSetup?: (api: I) => (api: I) => void;
+    context?: string;
+}
+interface BaseToolbarButtonInstanceApi {
+    isEnabled: () => boolean;
+    setEnabled: (state: boolean) => void;
+    setText: (text: string) => void;
+    setIcon: (icon: string) => void;
+}
+interface ToolbarButtonSpec extends BaseToolbarButtonSpec<ToolbarButtonInstanceApi> {
+    type?: 'button';
+    onAction: (api: ToolbarButtonInstanceApi) => void;
+    shortcut?: string;
+}
+interface ToolbarButtonInstanceApi extends BaseToolbarButtonInstanceApi {
+}
+interface ToolbarGroupSetting {
+    name: string;
+    items: string[];
+}
+type ToolbarConfig = string | ToolbarGroupSetting[];
+interface GroupToolbarButtonInstanceApi extends BaseToolbarButtonInstanceApi {
+}
+interface GroupToolbarButtonSpec extends BaseToolbarButtonSpec<GroupToolbarButtonInstanceApi> {
+    type?: 'grouptoolbarbutton';
+    items?: ToolbarConfig;
+}
+interface CardImageSpec {
+    type: 'cardimage';
+    src: string;
+    alt?: string;
+    classes?: string[];
+}
+interface CardTextSpec {
+    type: 'cardtext';
+    text: string;
+    name?: string;
+    classes?: string[];
+}
+type CardItemSpec = CardContainerSpec | CardImageSpec | CardTextSpec;
+type CardContainerDirection = 'vertical' | 'horizontal';
+type CardContainerAlign = 'left' | 'right';
+type CardContainerValign = 'top' | 'middle' | 'bottom';
+interface CardContainerSpec {
+    type: 'cardcontainer';
+    items: CardItemSpec[];
+    direction?: CardContainerDirection;
+    align?: CardContainerAlign;
+    valign?: CardContainerValign;
+}
+interface CommonMenuItemSpec {
+    enabled?: boolean;
+    text?: string;
+    value?: string;
+    meta?: Record<string, any>;
+    shortcut?: string;
+    context?: string;
+}
+interface CommonMenuItemInstanceApi {
+    isEnabled: () => boolean;
+    setEnabled: (state: boolean) => void;
+}
+interface CardMenuItemInstanceApi extends CommonMenuItemInstanceApi {
+}
+interface CardMenuItemSpec extends Omit<CommonMenuItemSpec, 'text' | 'shortcut'> {
+    type: 'cardmenuitem';
+    label?: string;
+    items: CardItemSpec[];
+    onSetup?: (api: CardMenuItemInstanceApi) => (api: CardMenuItemInstanceApi) => void;
+    onAction?: (api: CardMenuItemInstanceApi) => void;
+}
+interface ChoiceMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'choiceitem';
+    icon?: string;
+    label?: string;
+}
+interface ChoiceMenuItemInstanceApi extends CommonMenuItemInstanceApi {
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+}
+interface ContextMenuItem extends CommonMenuItemSpec {
+    text: string;
+    icon?: string;
+    type?: 'item';
+    onAction: () => void;
+}
+interface ContextSubMenu extends CommonMenuItemSpec {
+    type: 'submenu';
+    text: string;
+    icon?: string;
+    getSubmenuItems: () => string | Array<ContextMenuContents>;
+}
+type ContextMenuContents = string | ContextMenuItem | SeparatorMenuItemSpec | ContextSubMenu;
+interface ContextMenuApi {
+    update: (element: Element) => string | Array<ContextMenuContents>;
+}
+interface ResetImageItemSpec extends CommonMenuItemSpec {
+    icon: string;
+    type: 'resetimage';
+    label: string;
+    tooltip?: string;
+    value: string;
+}
+interface ImageMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'imageitem';
+    url: string;
+    label?: string;
+    tooltip?: string;
+}
+interface FancyActionArgsMap {
+    inserttable: {
+        numRows: number;
+        numColumns: number;
+    };
+    colorswatch: {
+        value: string;
+    };
+    imageselect: {
+        value: string;
+    };
+}
+interface BaseFancyMenuItemSpec<T extends keyof FancyActionArgsMap> {
+    type: 'fancymenuitem';
+    fancytype: T;
+    initData?: Record<string, unknown>;
+    onAction?: (data: FancyActionArgsMap[T]) => void;
+}
+interface InsertTableMenuItemSpec extends BaseFancyMenuItemSpec<'inserttable'> {
+    fancytype: 'inserttable';
+    initData?: {};
+}
+interface ColorSwatchMenuItemSpec extends BaseFancyMenuItemSpec<'colorswatch'> {
+    fancytype: 'colorswatch';
+    select?: (value: string) => boolean;
+    initData?: {
+        allowCustomColors?: boolean;
+        colors?: ChoiceMenuItemSpec[];
+        storageKey?: string;
+    };
+}
+interface ImageSelectMenuItemSpec extends BaseFancyMenuItemSpec<'imageselect'> {
+    fancytype: 'imageselect';
+    select?: (value: string) => boolean;
+    initData: {
+        columns: number;
+        items: (ImageMenuItemSpec | ResetImageItemSpec)[];
+    };
+}
+type FancyMenuItemSpec = InsertTableMenuItemSpec | ColorSwatchMenuItemSpec | ImageSelectMenuItemSpec;
+interface MenuItemSpec extends CommonMenuItemSpec {
+    type?: 'menuitem';
+    icon?: string;
+    onSetup?: (api: MenuItemInstanceApi) => (api: MenuItemInstanceApi) => void;
+    onAction?: (api: MenuItemInstanceApi) => void;
+}
+interface MenuItemInstanceApi extends CommonMenuItemInstanceApi {
+}
+interface SeparatorMenuItemSpec {
+    type?: 'separator';
+    text?: string;
+}
+interface ToggleMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'togglemenuitem';
+    icon?: string;
+    active?: boolean;
+    onSetup?: (api: ToggleMenuItemInstanceApi) => void;
+    onAction: (api: ToggleMenuItemInstanceApi) => void;
+}
+interface ToggleMenuItemInstanceApi extends CommonMenuItemInstanceApi {
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+}
+type NestedMenuItemContents = string | MenuItemSpec | NestedMenuItemSpec | ToggleMenuItemSpec | SeparatorMenuItemSpec | FancyMenuItemSpec;
+interface NestedMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'nestedmenuitem';
+    icon?: string;
+    getSubmenuItems: () => string | Array<NestedMenuItemContents>;
+    onSetup?: (api: NestedMenuItemInstanceApi) => (api: NestedMenuItemInstanceApi) => void;
+}
+interface NestedMenuItemInstanceApi extends CommonMenuItemInstanceApi {
+    setTooltip: (tooltip: string) => void;
+    setIconFill: (id: string, value: string) => void;
+}
+type MenuButtonItemTypes = NestedMenuItemContents;
+type SuccessCallback$1 = (menu: string | MenuButtonItemTypes[]) => void;
+interface MenuButtonFetchContext {
+    pattern: string;
+}
+interface BaseMenuButtonSpec {
+    buttonType?: 'default' | 'bordered';
+    text?: string;
+    tooltip?: string;
+    icon?: string;
+    search?: boolean | {
+        placeholder?: string;
+    };
+    fetch: (success: SuccessCallback$1, fetchContext: MenuButtonFetchContext, api: BaseMenuButtonInstanceApi) => void;
+    onSetup?: (api: BaseMenuButtonInstanceApi) => (api: BaseMenuButtonInstanceApi) => void;
+    context?: string;
+}
+interface BaseMenuButtonInstanceApi {
+    isEnabled: () => boolean;
+    setEnabled: (state: boolean) => void;
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+    setTooltip: (tooltip: string) => void;
+    setText: (text: string) => void;
+    setIcon: (icon: string) => void;
+}
+interface ToolbarMenuButtonSpec extends BaseMenuButtonSpec {
+    type?: 'menubutton';
+    onSetup?: (api: ToolbarMenuButtonInstanceApi) => (api: ToolbarMenuButtonInstanceApi) => void;
+}
+interface ToolbarMenuButtonInstanceApi extends BaseMenuButtonInstanceApi {
+}
+type ToolbarSplitButtonItemTypes = ChoiceMenuItemSpec | SeparatorMenuItemSpec | ImageMenuItemSpec;
+type SuccessCallback = (menu: ToolbarSplitButtonItemTypes[]) => void;
+type SelectPredicate = (value: string) => boolean;
+type PresetTypes = 'color' | 'normal' | 'listpreview' | 'imageselector';
+type ColumnTypes$1 = number | 'auto';
+interface ToolbarSplitButtonSpec {
+    type?: 'splitbutton';
+    tooltip?: string;
+    icon?: string;
+    text?: string;
+    select?: SelectPredicate;
+    presets?: PresetTypes;
+    columns?: ColumnTypes$1;
+    fetch: (success: SuccessCallback) => void;
+    onSetup?: (api: ToolbarSplitButtonInstanceApi) => (api: ToolbarSplitButtonInstanceApi) => void;
+    onAction: (api: ToolbarSplitButtonInstanceApi) => void;
+    onItemAction: (api: ToolbarSplitButtonInstanceApi, value: string) => void;
+    context?: string;
+}
+interface ToolbarSplitButtonInstanceApi {
+    isEnabled: () => boolean;
+    setEnabled: (state: boolean) => void;
+    setIconFill: (id: string, value: string) => void;
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+    setTooltip: (tooltip: string) => void;
+    setText: (text: string) => void;
+    setIcon: (icon: string) => void;
+}
+interface BaseToolbarToggleButtonSpec<I extends BaseToolbarButtonInstanceApi> extends BaseToolbarButtonSpec<I> {
+    active?: boolean;
+}
+interface BaseToolbarToggleButtonInstanceApi extends BaseToolbarButtonInstanceApi {
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+}
+interface ToolbarToggleButtonSpec extends BaseToolbarToggleButtonSpec<ToolbarToggleButtonInstanceApi> {
+    type?: 'togglebutton';
+    onAction: (api: ToolbarToggleButtonInstanceApi) => void;
+    shortcut?: string;
+}
+interface ToolbarToggleButtonInstanceApi extends BaseToolbarToggleButtonInstanceApi {
+}
+type Id = string;
+interface TreeSpec {
+    type: 'tree';
+    items: TreeItemSpec[];
+    onLeafAction?: (id: Id) => void;
+    defaultExpandedIds?: Id[];
+    onToggleExpand?: (expandedIds: Id[], { expanded, node }: {
+        expanded: boolean;
+        node: Id;
+    }) => void;
+    defaultSelectedId?: Id;
+}
+interface BaseTreeItemSpec {
+    title: string;
+    id: Id;
+    menu?: ToolbarMenuButtonSpec;
+    customStateIcon?: string;
+    customStateIconTooltip?: string;
+}
+interface DirectorySpec extends BaseTreeItemSpec {
+    type: 'directory';
+    children: TreeItemSpec[];
+}
+interface LeafSpec extends BaseTreeItemSpec {
+    type: 'leaf';
+}
+type TreeItemSpec = DirectorySpec | LeafSpec;
+interface UrlInputSpec extends FormComponentWithLabelSpec {
+    type: 'urlinput';
+    filetype?: 'image' | 'media' | 'file';
+    enabled?: boolean;
+    picker_text?: string;
+    context?: string;
+}
+interface UrlInputData {
+    value: string;
+    meta: {
+        text?: string;
+    };
+}
+type BodyComponentSpec = BarSpec | ButtonSpec | CheckboxSpec | TextAreaSpec | InputSpec | ListBoxSpec | SelectBoxSpec | SizeInputSpec | SliderSpec | IframeSpec | HtmlPanelSpec | UrlInputSpec | DropZoneSpec | ColorInputSpec | GridSpec | ColorPickerSpec | ImagePreviewSpec | AlertBannerSpec | CollectionSpec | LabelSpec | TableSpec | TreeSpec | PanelSpec | CustomEditorSpec;
+interface BarSpec {
+    type: 'bar';
+    items: BodyComponentSpec[];
+}
+interface DialogToggleMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'togglemenuitem';
+    name: string;
+}
+type DialogFooterMenuButtonItemSpec = DialogToggleMenuItemSpec;
+interface BaseDialogFooterButtonSpec {
+    name?: string;
+    align?: 'start' | 'end';
+    primary?: boolean;
+    enabled?: boolean;
+    icon?: string;
+    buttonType?: 'primary' | 'secondary';
+    context?: string;
+}
+interface DialogFooterNormalButtonSpec extends BaseDialogFooterButtonSpec {
+    type: 'submit' | 'cancel' | 'custom';
+    text: string;
+}
+interface DialogFooterMenuButtonSpec extends BaseDialogFooterButtonSpec {
+    type: 'menu';
+    text?: string;
+    tooltip?: string;
+    icon?: string;
+    items: DialogFooterMenuButtonItemSpec[];
+}
+interface DialogFooterToggleButtonSpec extends BaseDialogFooterButtonSpec {
+    type: 'togglebutton';
+    tooltip?: string;
+    icon?: string;
+    text?: string;
+    active?: boolean;
+}
+type DialogFooterButtonSpec = DialogFooterNormalButtonSpec | DialogFooterMenuButtonSpec | DialogFooterToggleButtonSpec;
+interface TabSpec {
+    name?: string;
+    title: string;
+    items: BodyComponentSpec[];
+}
+interface TabPanelSpec {
+    type: 'tabpanel';
+    tabs: TabSpec[];
+}
+type DialogDataItem = any;
+type DialogData = Record<string, DialogDataItem>;
+interface DialogInstanceApi<T extends DialogData> {
+    getData: () => T;
+    setData: (data: Partial<T>) => void;
+    setEnabled: (name: string, state: boolean) => void;
+    focus: (name: string) => void;
+    showTab: (name: string) => void;
+    redial: (nu: DialogSpec<T>) => void;
+    block: (msg: string) => void;
+    unblock: () => void;
+    toggleFullscreen: () => void;
+    close: () => void;
+}
+interface DialogActionDetails {
+    name: string;
+    value?: any;
+}
+interface DialogChangeDetails<T> {
+    name: keyof T;
+}
+interface DialogTabChangeDetails {
+    newTabName: string;
+    oldTabName: string;
+}
+type DialogActionHandler<T extends DialogData> = (api: DialogInstanceApi<T>, details: DialogActionDetails) => void;
+type DialogChangeHandler<T extends DialogData> = (api: DialogInstanceApi<T>, details: DialogChangeDetails<T>) => void;
+type DialogSubmitHandler<T extends DialogData> = (api: DialogInstanceApi<T>) => void;
+type DialogCloseHandler = () => void;
+type DialogCancelHandler<T extends DialogData> = (api: DialogInstanceApi<T>) => void;
+type DialogTabChangeHandler<T extends DialogData> = (api: DialogInstanceApi<T>, details: DialogTabChangeDetails) => void;
+type DialogSize = 'normal' | 'medium' | 'large';
+interface DialogSpec<T extends DialogData> {
+    title: string;
+    size?: DialogSize;
+    body: TabPanelSpec | PanelSpec;
+    buttons?: DialogFooterButtonSpec[];
+    initialData?: Partial<T>;
+    onAction?: DialogActionHandler<T>;
+    onChange?: DialogChangeHandler<T>;
+    onSubmit?: DialogSubmitHandler<T>;
+    onClose?: DialogCloseHandler;
+    onCancel?: DialogCancelHandler<T>;
+    onTabChange?: DialogTabChangeHandler<T>;
+}
+interface UrlDialogInstanceApi {
+    block: (msg: string) => void;
+    unblock: () => void;
+    close: () => void;
+    sendMessage: (msg: any) => void;
+}
+interface UrlDialogActionDetails {
+    name: string;
+    value?: any;
+}
+interface UrlDialogMessage {
+    mceAction: string;
+    [key: string]: any;
+}
+type UrlDialogActionHandler = (api: UrlDialogInstanceApi, actions: UrlDialogActionDetails) => void;
+type UrlDialogCloseHandler = () => void;
+type UrlDialogCancelHandler = (api: UrlDialogInstanceApi) => void;
+type UrlDialogMessageHandler = (api: UrlDialogInstanceApi, message: UrlDialogMessage) => void;
+interface UrlDialogFooterButtonSpec extends DialogFooterNormalButtonSpec {
+    type: 'cancel' | 'custom';
+}
+interface UrlDialogSpec {
+    title: string;
+    url: string;
+    height?: number;
+    width?: number;
+    buttons?: UrlDialogFooterButtonSpec[];
+    onAction?: UrlDialogActionHandler;
+    onClose?: UrlDialogCloseHandler;
+    onCancel?: UrlDialogCancelHandler;
+    onMessage?: UrlDialogMessageHandler;
+}
+type ColumnTypes = number | 'auto';
+type SeparatorItemSpec = SeparatorMenuItemSpec;
+interface AutocompleterItemSpec {
+    type?: 'autocompleteitem';
+    value: string;
+    text?: string;
+    icon?: string;
+    meta?: Record<string, any>;
+}
+type AutocompleterContents = SeparatorItemSpec | AutocompleterItemSpec | CardMenuItemSpec;
+interface AutocompleterSpec {
+    type?: 'autocompleter';
+    trigger: string;
+    minChars?: number;
+    columns?: ColumnTypes;
+    matches?: (rng: Range, text: string, pattern: string) => boolean;
+    fetch: (pattern: string, maxResults: number, fetchOptions: Record<string, any>) => Promise<AutocompleterContents[]>;
+    onAction: (autocompleterApi: AutocompleterInstanceApi, rng: Range, value: string, meta: Record<string, any>) => void;
+    maxResults?: number;
+    highlightOn?: string[];
+}
+interface AutocompleterInstanceApi {
+    hide: () => void;
+    reload: (fetchOptions: Record<string, any>) => void;
+}
+type ContextPosition = 'node' | 'selection' | 'line';
+type ContextScope = 'node' | 'editor';
+interface ContextBarSpec {
+    predicate?: (elem: Element) => boolean;
+    position?: ContextPosition;
+    scope?: ContextScope;
+}
+interface ContextFormLaunchButtonApi extends BaseToolbarButtonSpec<BaseToolbarButtonInstanceApi> {
+    type: 'contextformbutton';
+}
+interface ContextFormLaunchToggleButtonSpec extends BaseToolbarToggleButtonSpec<BaseToolbarToggleButtonInstanceApi> {
+    type: 'contextformtogglebutton';
+}
+interface ContextFormButtonInstanceApi extends BaseToolbarButtonInstanceApi {
+}
+interface ContextFormToggleButtonInstanceApi extends BaseToolbarToggleButtonInstanceApi {
+}
+interface ContextFormButtonSpec<T> extends BaseToolbarButtonSpec<ContextFormButtonInstanceApi> {
+    type?: 'contextformbutton';
+    primary?: boolean;
+    align?: 'start' | 'end';
+    onAction: (formApi: ContextFormInstanceApi<T>, api: ContextFormButtonInstanceApi) => void;
+}
+interface ContextFormToggleButtonSpec<T> extends BaseToolbarToggleButtonSpec<ContextFormToggleButtonInstanceApi> {
+    type?: 'contextformtogglebutton';
+    primary?: boolean;
+    align?: 'start' | 'end';
+    onAction: (formApi: ContextFormInstanceApi<T>, buttonApi: ContextFormToggleButtonInstanceApi) => void;
+}
+interface ContextFormInstanceApi<T> {
+    setInputEnabled: (state: boolean) => void;
+    isInputEnabled: () => boolean;
+    hide: () => void;
+    back: () => void;
+    getValue: () => T;
+    setValue: (value: T) => void;
+}
+interface SizeData {
+    width: string;
+    height: string;
+}
+interface BaseContextFormSpec<T> extends ContextBarSpec {
+    initValue?: () => T;
+    label?: string;
+    launch?: ContextFormLaunchButtonApi | ContextFormLaunchToggleButtonSpec;
+    commands: Array<ContextFormToggleButtonSpec<T> | ContextFormButtonSpec<T>>;
+    onInput?: (api: ContextFormInstanceApi<T>) => void;
+    onSetup?: (api: ContextFormInstanceApi<T>) => (api: ContextFormInstanceApi<T>) => void;
+}
+interface ContextInputFormSpec extends BaseContextFormSpec<string> {
+    type?: 'contextform';
+    placeholder?: string;
+}
+interface ContextSliderFormSpec extends BaseContextFormSpec<number> {
+    type: 'contextsliderform';
+    min?: () => number;
+    max?: () => number;
+}
+interface ContextSizeInputFormSpec extends BaseContextFormSpec<SizeData> {
+    type: 'contextsizeinputform';
+}
+type ContextFormSpec = ContextInputFormSpec | ContextSliderFormSpec | ContextSizeInputFormSpec;
+interface ToolbarGroupSpec {
+    name?: string;
+    label?: string;
+    items: string[];
+}
+interface ContextToolbarLaunchButtonApi extends BaseToolbarButtonSpec<BaseToolbarButtonInstanceApi> {
+    type?: 'contexttoolbarbutton';
+}
+interface ContextToolbarSpec extends ContextBarSpec {
+    type?: 'contexttoolbar';
+    launch?: ContextToolbarLaunchButtonApi;
+    items: string | ToolbarGroupSpec[];
+}
+type PublicDialog_d_AlertBannerSpec = AlertBannerSpec;
+type PublicDialog_d_BarSpec = BarSpec;
+type PublicDialog_d_BodyComponentSpec = BodyComponentSpec;
+type PublicDialog_d_ButtonSpec = ButtonSpec;
+type PublicDialog_d_CheckboxSpec = CheckboxSpec;
+type PublicDialog_d_CollectionItem = CollectionItem;
+type PublicDialog_d_CollectionSpec = CollectionSpec;
+type PublicDialog_d_ColorInputSpec = ColorInputSpec;
+type PublicDialog_d_ColorPickerSpec = ColorPickerSpec;
+type PublicDialog_d_CustomEditorSpec = CustomEditorSpec;
+type PublicDialog_d_CustomEditorInit = CustomEditorInit;
+type PublicDialog_d_CustomEditorInitFn = CustomEditorInitFn;
+type PublicDialog_d_DialogData = DialogData;
+type PublicDialog_d_DialogSize = DialogSize;
+type PublicDialog_d_DialogSpec<T extends DialogData> = DialogSpec<T>;
+type PublicDialog_d_DialogInstanceApi<T extends DialogData> = DialogInstanceApi<T>;
+type PublicDialog_d_DialogFooterButtonSpec = DialogFooterButtonSpec;
+type PublicDialog_d_DialogActionDetails = DialogActionDetails;
+type PublicDialog_d_DialogChangeDetails<T> = DialogChangeDetails<T>;
+type PublicDialog_d_DialogTabChangeDetails = DialogTabChangeDetails;
+type PublicDialog_d_DropZoneSpec = DropZoneSpec;
+type PublicDialog_d_GridSpec = GridSpec;
+type PublicDialog_d_HtmlPanelSpec = HtmlPanelSpec;
+type PublicDialog_d_IframeSpec = IframeSpec;
+type PublicDialog_d_ImagePreviewSpec = ImagePreviewSpec;
+type PublicDialog_d_InputSpec = InputSpec;
+type PublicDialog_d_LabelSpec = LabelSpec;
+type PublicDialog_d_ListBoxSpec = ListBoxSpec;
+type PublicDialog_d_ListBoxItemSpec = ListBoxItemSpec;
+type PublicDialog_d_ListBoxNestedItemSpec = ListBoxNestedItemSpec;
+type PublicDialog_d_ListBoxSingleItemSpec = ListBoxSingleItemSpec;
+type PublicDialog_d_PanelSpec = PanelSpec;
+type PublicDialog_d_SelectBoxSpec = SelectBoxSpec;
+type PublicDialog_d_SelectBoxItemSpec = SelectBoxItemSpec;
+type PublicDialog_d_SizeInputSpec = SizeInputSpec;
+type PublicDialog_d_SliderSpec = SliderSpec;
+type PublicDialog_d_TableSpec = TableSpec;
+type PublicDialog_d_TabSpec = TabSpec;
+type PublicDialog_d_TabPanelSpec = TabPanelSpec;
+type PublicDialog_d_TextAreaSpec = TextAreaSpec;
+type PublicDialog_d_TreeSpec = TreeSpec;
+type PublicDialog_d_TreeItemSpec = TreeItemSpec;
+type PublicDialog_d_UrlInputData = UrlInputData;
+type PublicDialog_d_UrlInputSpec = UrlInputSpec;
+type PublicDialog_d_UrlDialogSpec = UrlDialogSpec;
+type PublicDialog_d_UrlDialogFooterButtonSpec = UrlDialogFooterButtonSpec;
+type PublicDialog_d_UrlDialogInstanceApi = UrlDialogInstanceApi;
+type PublicDialog_d_UrlDialogActionDetails = UrlDialogActionDetails;
+type PublicDialog_d_UrlDialogMessage = UrlDialogMessage;
+declare namespace PublicDialog_d {
+    export { PublicDialog_d_AlertBannerSpec as AlertBannerSpec, PublicDialog_d_BarSpec as BarSpec, PublicDialog_d_BodyComponentSpec as BodyComponentSpec, PublicDialog_d_ButtonSpec as ButtonSpec, PublicDialog_d_CheckboxSpec as CheckboxSpec, PublicDialog_d_CollectionItem as CollectionItem, PublicDialog_d_CollectionSpec as CollectionSpec, PublicDialog_d_ColorInputSpec as ColorInputSpec, PublicDialog_d_ColorPickerSpec as ColorPickerSpec, PublicDialog_d_CustomEditorSpec as CustomEditorSpec, PublicDialog_d_CustomEditorInit as CustomEditorInit, PublicDialog_d_CustomEditorInitFn as CustomEditorInitFn, PublicDialog_d_DialogData as DialogData, PublicDialog_d_DialogSize as DialogSize, PublicDialog_d_DialogSpec as DialogSpec, PublicDialog_d_DialogInstanceApi as DialogInstanceApi, PublicDialog_d_DialogFooterButtonSpec as DialogFooterButtonSpec, PublicDialog_d_DialogActionDetails as DialogActionDetails, PublicDialog_d_DialogChangeDetails as DialogChangeDetails, PublicDialog_d_DialogTabChangeDetails as DialogTabChangeDetails, PublicDialog_d_DropZoneSpec as DropZoneSpec, PublicDialog_d_GridSpec as GridSpec, PublicDialog_d_HtmlPanelSpec as HtmlPanelSpec, PublicDialog_d_IframeSpec as IframeSpec, PublicDialog_d_ImagePreviewSpec as ImagePreviewSpec, PublicDialog_d_InputSpec as InputSpec, PublicDialog_d_LabelSpec as LabelSpec, PublicDialog_d_ListBoxSpec as ListBoxSpec, PublicDialog_d_ListBoxItemSpec as ListBoxItemSpec, PublicDialog_d_ListBoxNestedItemSpec as ListBoxNestedItemSpec, PublicDialog_d_ListBoxSingleItemSpec as ListBoxSingleItemSpec, PublicDialog_d_PanelSpec as PanelSpec, PublicDialog_d_SelectBoxSpec as SelectBoxSpec, PublicDialog_d_SelectBoxItemSpec as SelectBoxItemSpec, PublicDialog_d_SizeInputSpec as SizeInputSpec, PublicDialog_d_SliderSpec as SliderSpec, PublicDialog_d_TableSpec as TableSpec, PublicDialog_d_TabSpec as TabSpec, PublicDialog_d_TabPanelSpec as TabPanelSpec, PublicDialog_d_TextAreaSpec as TextAreaSpec, PublicDialog_d_TreeSpec as TreeSpec, PublicDialog_d_TreeItemSpec as TreeItemSpec, DirectorySpec as TreeDirectorySpec, LeafSpec as TreeLeafSpec, PublicDialog_d_UrlInputData as UrlInputData, PublicDialog_d_UrlInputSpec as UrlInputSpec, PublicDialog_d_UrlDialogSpec as UrlDialogSpec, PublicDialog_d_UrlDialogFooterButtonSpec as UrlDialogFooterButtonSpec, PublicDialog_d_UrlDialogInstanceApi as UrlDialogInstanceApi, PublicDialog_d_UrlDialogActionDetails as UrlDialogActionDetails, PublicDialog_d_UrlDialogMessage as UrlDialogMessage, };
+}
+type PublicInlineContent_d_AutocompleterSpec = AutocompleterSpec;
+type PublicInlineContent_d_AutocompleterItemSpec = AutocompleterItemSpec;
+type PublicInlineContent_d_AutocompleterContents = AutocompleterContents;
+type PublicInlineContent_d_AutocompleterInstanceApi = AutocompleterInstanceApi;
+type PublicInlineContent_d_ContextPosition = ContextPosition;
+type PublicInlineContent_d_ContextScope = ContextScope;
+type PublicInlineContent_d_ContextFormSpec = ContextFormSpec;
+type PublicInlineContent_d_ContextFormInstanceApi<T> = ContextFormInstanceApi<T>;
+type PublicInlineContent_d_ContextFormButtonSpec<T> = ContextFormButtonSpec<T>;
+type PublicInlineContent_d_ContextFormButtonInstanceApi = ContextFormButtonInstanceApi;
+type PublicInlineContent_d_ContextFormToggleButtonSpec<T> = ContextFormToggleButtonSpec<T>;
+type PublicInlineContent_d_ContextFormToggleButtonInstanceApi = ContextFormToggleButtonInstanceApi;
+type PublicInlineContent_d_ContextToolbarSpec = ContextToolbarSpec;
+type PublicInlineContent_d_SeparatorItemSpec = SeparatorItemSpec;
+declare namespace PublicInlineContent_d {
+    export { PublicInlineContent_d_AutocompleterSpec as AutocompleterSpec, PublicInlineContent_d_AutocompleterItemSpec as AutocompleterItemSpec, PublicInlineContent_d_AutocompleterContents as AutocompleterContents, PublicInlineContent_d_AutocompleterInstanceApi as AutocompleterInstanceApi, PublicInlineContent_d_ContextPosition as ContextPosition, PublicInlineContent_d_ContextScope as ContextScope, PublicInlineContent_d_ContextFormSpec as ContextFormSpec, PublicInlineContent_d_ContextFormInstanceApi as ContextFormInstanceApi, PublicInlineContent_d_ContextFormButtonSpec as ContextFormButtonSpec, PublicInlineContent_d_ContextFormButtonInstanceApi as ContextFormButtonInstanceApi, PublicInlineContent_d_ContextFormToggleButtonSpec as ContextFormToggleButtonSpec, PublicInlineContent_d_ContextFormToggleButtonInstanceApi as ContextFormToggleButtonInstanceApi, PublicInlineContent_d_ContextToolbarSpec as ContextToolbarSpec, PublicInlineContent_d_SeparatorItemSpec as SeparatorItemSpec, };
+}
+type PublicMenu_d_MenuItemSpec = MenuItemSpec;
+type PublicMenu_d_MenuItemInstanceApi = MenuItemInstanceApi;
+type PublicMenu_d_NestedMenuItemContents = NestedMenuItemContents;
+type PublicMenu_d_NestedMenuItemSpec = NestedMenuItemSpec;
+type PublicMenu_d_NestedMenuItemInstanceApi = NestedMenuItemInstanceApi;
+type PublicMenu_d_FancyMenuItemSpec = FancyMenuItemSpec;
+type PublicMenu_d_ColorSwatchMenuItemSpec = ColorSwatchMenuItemSpec;
+type PublicMenu_d_InsertTableMenuItemSpec = InsertTableMenuItemSpec;
+type PublicMenu_d_ToggleMenuItemSpec = ToggleMenuItemSpec;
+type PublicMenu_d_ToggleMenuItemInstanceApi = ToggleMenuItemInstanceApi;
+type PublicMenu_d_ChoiceMenuItemSpec = ChoiceMenuItemSpec;
+type PublicMenu_d_ChoiceMenuItemInstanceApi = ChoiceMenuItemInstanceApi;
+type PublicMenu_d_SeparatorMenuItemSpec = SeparatorMenuItemSpec;
+type PublicMenu_d_ContextMenuApi = ContextMenuApi;
+type PublicMenu_d_ContextMenuContents = ContextMenuContents;
+type PublicMenu_d_ContextMenuItem = ContextMenuItem;
+type PublicMenu_d_ContextSubMenu = ContextSubMenu;
+type PublicMenu_d_CardMenuItemSpec = CardMenuItemSpec;
+type PublicMenu_d_CardMenuItemInstanceApi = CardMenuItemInstanceApi;
+type PublicMenu_d_CardItemSpec = CardItemSpec;
+type PublicMenu_d_CardContainerSpec = CardContainerSpec;
+type PublicMenu_d_CardImageSpec = CardImageSpec;
+type PublicMenu_d_CardTextSpec = CardTextSpec;
+declare namespace PublicMenu_d {
+    export { PublicMenu_d_MenuItemSpec as MenuItemSpec, PublicMenu_d_MenuItemInstanceApi as MenuItemInstanceApi, PublicMenu_d_NestedMenuItemContents as NestedMenuItemContents, PublicMenu_d_NestedMenuItemSpec as NestedMenuItemSpec, PublicMenu_d_NestedMenuItemInstanceApi as NestedMenuItemInstanceApi, PublicMenu_d_FancyMenuItemSpec as FancyMenuItemSpec, PublicMenu_d_ColorSwatchMenuItemSpec as ColorSwatchMenuItemSpec, PublicMenu_d_InsertTableMenuItemSpec as InsertTableMenuItemSpec, PublicMenu_d_ToggleMenuItemSpec as ToggleMenuItemSpec, PublicMenu_d_ToggleMenuItemInstanceApi as ToggleMenuItemInstanceApi, PublicMenu_d_ChoiceMenuItemSpec as ChoiceMenuItemSpec, PublicMenu_d_ChoiceMenuItemInstanceApi as ChoiceMenuItemInstanceApi, PublicMenu_d_SeparatorMenuItemSpec as SeparatorMenuItemSpec, PublicMenu_d_ContextMenuApi as ContextMenuApi, PublicMenu_d_ContextMenuContents as ContextMenuContents, PublicMenu_d_ContextMenuItem as ContextMenuItem, PublicMenu_d_ContextSubMenu as ContextSubMenu, PublicMenu_d_CardMenuItemSpec as CardMenuItemSpec, PublicMenu_d_CardMenuItemInstanceApi as CardMenuItemInstanceApi, PublicMenu_d_CardItemSpec as CardItemSpec, PublicMenu_d_CardContainerSpec as CardContainerSpec, PublicMenu_d_CardImageSpec as CardImageSpec, PublicMenu_d_CardTextSpec as CardTextSpec, };
+}
+interface SidebarInstanceApi {
+    element: () => HTMLElement;
+}
+interface SidebarSpec {
+    icon?: string;
+    tooltip?: string;
+    onShow?: (api: SidebarInstanceApi) => void;
+    onSetup?: (api: SidebarInstanceApi) => (api: SidebarInstanceApi) => void;
+    onHide?: (api: SidebarInstanceApi) => void;
+}
+type PublicSidebar_d_SidebarSpec = SidebarSpec;
+type PublicSidebar_d_SidebarInstanceApi = SidebarInstanceApi;
+declare namespace PublicSidebar_d {
+    export { PublicSidebar_d_SidebarSpec as SidebarSpec, PublicSidebar_d_SidebarInstanceApi as SidebarInstanceApi, };
+}
+type PublicToolbar_d_ToolbarButtonSpec = ToolbarButtonSpec;
+type PublicToolbar_d_ToolbarButtonInstanceApi = ToolbarButtonInstanceApi;
+type PublicToolbar_d_ToolbarSplitButtonSpec = ToolbarSplitButtonSpec;
+type PublicToolbar_d_ToolbarSplitButtonInstanceApi = ToolbarSplitButtonInstanceApi;
+type PublicToolbar_d_ToolbarMenuButtonSpec = ToolbarMenuButtonSpec;
+type PublicToolbar_d_ToolbarMenuButtonInstanceApi = ToolbarMenuButtonInstanceApi;
+type PublicToolbar_d_ToolbarToggleButtonSpec = ToolbarToggleButtonSpec;
+type PublicToolbar_d_ToolbarToggleButtonInstanceApi = ToolbarToggleButtonInstanceApi;
+type PublicToolbar_d_GroupToolbarButtonSpec = GroupToolbarButtonSpec;
+type PublicToolbar_d_GroupToolbarButtonInstanceApi = GroupToolbarButtonInstanceApi;
+declare namespace PublicToolbar_d {
+    export { PublicToolbar_d_ToolbarButtonSpec as ToolbarButtonSpec, PublicToolbar_d_ToolbarButtonInstanceApi as ToolbarButtonInstanceApi, PublicToolbar_d_ToolbarSplitButtonSpec as ToolbarSplitButtonSpec, PublicToolbar_d_ToolbarSplitButtonInstanceApi as ToolbarSplitButtonInstanceApi, PublicToolbar_d_ToolbarMenuButtonSpec as ToolbarMenuButtonSpec, PublicToolbar_d_ToolbarMenuButtonInstanceApi as ToolbarMenuButtonInstanceApi, PublicToolbar_d_ToolbarToggleButtonSpec as ToolbarToggleButtonSpec, PublicToolbar_d_ToolbarToggleButtonInstanceApi as ToolbarToggleButtonInstanceApi, PublicToolbar_d_GroupToolbarButtonSpec as GroupToolbarButtonSpec, PublicToolbar_d_GroupToolbarButtonInstanceApi as GroupToolbarButtonInstanceApi, };
+}
+interface ViewButtonApi {
+    setIcon: (newIcon: string) => void;
+}
+interface ViewToggleButtonApi extends ViewButtonApi {
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+    focus: () => void;
+}
+interface BaseButtonSpec<Api extends ViewButtonApi> {
+    text?: string;
+    icon?: string;
+    tooltip?: string;
+    buttonType?: 'primary' | 'secondary';
+    borderless?: boolean;
+    onAction: (api: Api) => void;
+    context?: string;
+}
+interface ViewNormalButtonSpec extends BaseButtonSpec<ViewButtonApi> {
+    text: string;
+    type: 'button';
+}
+interface ViewToggleButtonSpec extends BaseButtonSpec<ViewToggleButtonApi> {
+    type: 'togglebutton';
+    active?: boolean;
+    onAction: (api: ViewToggleButtonApi) => void;
+}
+interface ViewButtonsGroupSpec {
+    type: 'group';
+    buttons: Array<ViewNormalButtonSpec | ViewToggleButtonSpec>;
+}
+type ViewButtonSpec = ViewNormalButtonSpec | ViewToggleButtonSpec | ViewButtonsGroupSpec;
+interface ViewInstanceApi {
+    getContainer: () => HTMLElement;
+}
+interface ViewSpec {
+    buttons?: ViewButtonSpec[];
+    onShow: (api: ViewInstanceApi) => void;
+    onHide: (api: ViewInstanceApi) => void;
+}
+type PublicView_d_ViewSpec = ViewSpec;
+type PublicView_d_ViewInstanceApi = ViewInstanceApi;
+declare namespace PublicView_d {
+    export { PublicView_d_ViewSpec as ViewSpec, PublicView_d_ViewInstanceApi as ViewInstanceApi, };
+}
+interface Registry$1 {
+    addButton: (name: string, spec: ToolbarButtonSpec) => void;
+    addGroupToolbarButton: (name: string, spec: GroupToolbarButtonSpec) => void;
+    addToggleButton: (name: string, spec: ToolbarToggleButtonSpec) => void;
+    addMenuButton: (name: string, spec: ToolbarMenuButtonSpec) => void;
+    addSplitButton: (name: string, spec: ToolbarSplitButtonSpec) => void;
+    addMenuItem: (name: string, spec: MenuItemSpec) => void;
+    addNestedMenuItem: (name: string, spec: NestedMenuItemSpec) => void;
+    addToggleMenuItem: (name: string, spec: ToggleMenuItemSpec) => void;
+    addContextMenu: (name: string, spec: ContextMenuApi) => void;
+    addContextToolbar: (name: string, spec: ContextToolbarSpec) => void;
+    addContextForm: (name: string, spec: ContextFormSpec) => void;
+    addIcon: (name: string, svgData: string) => void;
+    addAutocompleter: (name: string, spec: AutocompleterSpec) => void;
+    addSidebar: (name: string, spec: SidebarSpec) => void;
+    addView: (name: string, spec: ViewSpec) => void;
+    addContext: (name: string, pred: (args: string) => boolean) => void;
+    getAll: () => {
+        buttons: Record<string, ToolbarButtonSpec | GroupToolbarButtonSpec | ToolbarMenuButtonSpec | ToolbarSplitButtonSpec | ToolbarToggleButtonSpec>;
+        menuItems: Record<string, MenuItemSpec | NestedMenuItemSpec | ToggleMenuItemSpec>;
+        popups: Record<string, AutocompleterSpec>;
+        contextMenus: Record<string, ContextMenuApi>;
+        contextToolbars: Record<string, ContextToolbarSpec | ContextFormSpec>;
+        icons: Record<string, string>;
+        sidebars: Record<string, SidebarSpec>;
+        views: Record<string, ViewSpec>;
+        contexts: Record<string, (args: string) => boolean>;
+    };
+}
+interface AutocompleteLookupData {
+    readonly matchText: string;
+    readonly items: AutocompleterContents[];
+    readonly columns: ColumnTypes;
+    readonly onAction: (autoApi: AutocompleterInstanceApi, rng: Range, value: string, meta: Record<string, any>) => void;
+    readonly highlightOn: string[];
+}
+interface AutocompleterEventArgs {
+    readonly lookupData: AutocompleteLookupData[];
+}
+interface RangeLikeObject {
+    startContainer: Node;
+    startOffset: number;
+    endContainer: Node;
+    endOffset: number;
+}
+type ApplyFormat = BlockFormat | InlineFormat | SelectorFormat;
+type RemoveFormat = RemoveBlockFormat | RemoveInlineFormat | RemoveSelectorFormat;
+type Format = ApplyFormat | RemoveFormat;
+type Formats = Record<string, Format | Format[]>;
+type FormatAttrOrStyleValue = string | ((vars?: FormatVars) => string | null);
+type FormatVars = Record<string, string | null>;
+interface BaseFormat<T> {
+    ceFalseOverride?: boolean;
+    classes?: string | string[];
+    collapsed?: boolean;
+    exact?: boolean;
+    expand?: boolean;
+    links?: boolean;
+    mixed?: boolean;
+    block_expand?: boolean;
+    onmatch?: (node: Element, fmt: T, itemName: string) => boolean;
+    remove?: 'none' | 'empty' | 'all';
+    remove_similar?: boolean;
+    split?: boolean;
+    deep?: boolean;
+    preserve_attributes?: string[];
+}
+interface Block {
+    block: string;
+    list_block?: string;
+    wrapper?: boolean;
+}
+interface Inline {
+    inline: string;
+}
+interface Selector {
+    selector: string;
+    inherit?: boolean;
+}
+interface CommonFormat<T> extends BaseFormat<T> {
+    attributes?: Record<string, FormatAttrOrStyleValue>;
+    styles?: Record<string, FormatAttrOrStyleValue>;
+    toggle?: boolean;
+    preview?: string | false;
+    onformat?: (elm: Element, fmt: T, vars?: FormatVars, node?: Node | RangeLikeObject | null) => void;
+    clear_child_styles?: boolean;
+    merge_siblings?: boolean;
+    merge_with_parents?: boolean;
+}
+interface BlockFormat extends Block, CommonFormat<BlockFormat> {
+}
+interface InlineFormat extends Inline, CommonFormat<InlineFormat> {
+}
+interface SelectorFormat extends Selector, CommonFormat<SelectorFormat> {
+}
+interface CommonRemoveFormat<T> extends BaseFormat<T> {
+    attributes?: string[] | Record<string, FormatAttrOrStyleValue>;
+    styles?: string[] | Record<string, FormatAttrOrStyleValue>;
+}
+interface RemoveBlockFormat extends Block, CommonRemoveFormat<RemoveBlockFormat> {
+}
+interface RemoveInlineFormat extends Inline, CommonRemoveFormat<RemoveInlineFormat> {
+}
+interface RemoveSelectorFormat extends Selector, CommonRemoveFormat<RemoveSelectorFormat> {
+}
+interface Filter<C extends Function> {
+    name: string;
+    callbacks: C[];
+}
+interface ParserArgs {
+    getInner?: boolean | number;
+    forced_root_block?: boolean | string;
+    context?: string;
+    isRootContent?: boolean;
+    format?: string;
+    invalid?: boolean;
+    no_events?: boolean;
+    [key: string]: any;
+}
+type ParserFilterCallback = (nodes: AstNode[], name: string, args: ParserArgs) => void;
+interface ParserFilter extends Filter<ParserFilterCallback> {
+}
+interface DomParserSettings {
+    allow_html_data_urls?: boolean;
+    allow_svg_data_urls?: boolean;
+    allow_conditional_comments?: boolean;
+    allow_html_in_comments?: boolean;
+    allow_html_in_named_anchor?: boolean;
+    allow_script_urls?: boolean;
+    allow_unsafe_link_target?: boolean;
+    allow_mathml_annotation_encodings?: string[];
+    blob_cache?: BlobCache;
+    convert_fonts_to_spans?: boolean;
+    convert_unsafe_embeds?: boolean;
+    document?: Document;
+    extended_mathml_elements?: string[];
+    extended_mathml_attributes?: string[];
+    fix_list_elements?: boolean;
+    font_size_legacy_values?: string;
+    forced_root_block?: boolean | string;
+    forced_root_block_attrs?: Record<string, string>;
+    inline_styles?: boolean;
+    pad_empty_with_br?: boolean;
+    preserve_cdata?: boolean;
+    root_name?: string;
+    sandbox_iframes?: boolean;
+    sandbox_iframes_exclusions?: string[];
+    sanitize?: boolean;
+    validate?: boolean;
+}
+interface DomParser {
+    schema: Schema;
+    addAttributeFilter: (name: string, callback: ParserFilterCallback) => void;
+    getAttributeFilters: () => ParserFilter[];
+    removeAttributeFilter: (name: string, callback?: ParserFilterCallback) => void;
+    addNodeFilter: (name: string, callback: ParserFilterCallback) => void;
+    getNodeFilters: () => ParserFilter[];
+    removeNodeFilter: (name: string, callback?: ParserFilterCallback) => void;
+    parse: (html: string, args?: ParserArgs) => AstNode;
+}
+interface StyleSheetLoaderSettings {
+    maxLoadTime?: number;
+    contentCssCors?: boolean;
+    referrerPolicy?: ReferrerPolicy;
+}
+interface StyleSheetLoader {
+    load: (url: string) => Promise<void>;
+    loadRawCss: (key: string, css: string) => void;
+    loadAll: (urls: string[]) => Promise<string[]>;
+    unload: (url: string) => void;
+    unloadRawCss: (key: string) => void;
+    unloadAll: (urls: string[]) => void;
+    _setReferrerPolicy: (referrerPolicy: ReferrerPolicy) => void;
+    _setContentCssCors: (contentCssCors: boolean) => void;
+}
+type Registry = Registry$1;
+interface EditorUiApi {
+    show: () => void;
+    hide: () => void;
+    setEnabled: (state: boolean) => void;
+    isEnabled: () => boolean;
+}
+interface EditorUi extends EditorUiApi {
+    registry: Registry;
+    styleSheetLoader: StyleSheetLoader;
+}
+type Ui_d_Registry = Registry;
+type Ui_d_EditorUiApi = EditorUiApi;
+type Ui_d_EditorUi = EditorUi;
+declare namespace Ui_d {
+    export { Ui_d_Registry as Registry, PublicDialog_d as Dialog, PublicInlineContent_d as InlineContent, PublicMenu_d as Menu, PublicView_d as View, PublicSidebar_d as Sidebar, PublicToolbar_d as Toolbar, Ui_d_EditorUiApi as EditorUiApi, Ui_d_EditorUi as EditorUi, };
+}
+interface WindowParams {
+    readonly inline?: 'cursor' | 'toolbar' | 'bottom';
+    readonly ariaAttrs?: boolean;
+    readonly persistent?: boolean;
+}
+type InstanceApi<T extends DialogData> = UrlDialogInstanceApi | DialogInstanceApi<T>;
+interface WindowManagerImpl {
+    open: <T extends DialogData>(config: DialogSpec<T>, params: WindowParams | undefined, closeWindow: (dialog: DialogInstanceApi<T>) => void) => DialogInstanceApi<T>;
+    openUrl: (config: UrlDialogSpec, closeWindow: (dialog: UrlDialogInstanceApi) => void) => UrlDialogInstanceApi;
+    alert: (message: string, callback: () => void) => void;
+    confirm: (message: string, callback: (state: boolean) => void) => void;
+    close: (dialog: InstanceApi<any>) => void;
+}
+interface WindowManager {
+    open: <T extends DialogData>(config: DialogSpec<T>, params?: WindowParams) => DialogInstanceApi<T>;
+    openUrl: (config: UrlDialogSpec) => UrlDialogInstanceApi;
+    alert: (message: string, callback?: () => void, scope?: any) => void;
+    confirm: (message: string, callback?: (state: boolean) => void, scope?: any) => void;
+    close: () => void;
+}
+interface ExecCommandEvent {
+    command: string;
+    ui: boolean;
+    value?: any;
+}
+interface BeforeGetContentEvent extends GetContentArgs {
+    selection?: boolean;
+}
+interface GetContentEvent extends BeforeGetContentEvent {
+    content: string;
+}
+interface BeforeSetContentEvent extends SetContentArgs {
+    content: string;
+    selection?: boolean;
+}
+interface SetContentEvent extends BeforeSetContentEvent {
+    content: string;
+}
+interface SaveContentEvent extends GetContentEvent {
+    save: boolean;
+}
+interface NewBlockEvent {
+    newBlock: Element;
+}
+interface NodeChangeEvent {
+    element: Element;
+    parents: Node[];
+    selectionChange?: boolean;
+    initial?: boolean;
+}
+interface FormatEvent {
+    format: string;
+    vars?: FormatVars;
+    node?: Node | RangeLikeObject | null;
+}
+interface ObjectResizeEvent {
+    target: HTMLElement;
+    width: number;
+    height: number;
+    origin: string;
+}
+interface ObjectSelectedEvent {
+    target: Node;
+    targetClone?: Node;
+}
+interface ScrollIntoViewEvent {
+    elm: HTMLElement;
+    alignToTop: boolean | undefined;
+}
+interface SetSelectionRangeEvent {
+    range: Range;
+    forward: boolean | undefined;
+}
+interface ShowCaretEvent {
+    target: Node;
+    direction: number;
+    before: boolean;
+}
+interface SwitchModeEvent {
+    mode: string;
+}
+interface ChangeEvent {
+    level: UndoLevel;
+    lastLevel: UndoLevel | undefined;
+}
+interface AddUndoEvent extends ChangeEvent {
+    originalEvent: Event | undefined;
+}
+interface UndoRedoEvent {
+    level: UndoLevel;
+}
+interface WindowEvent<T extends DialogData> {
+    dialog: InstanceApi<T>;
+}
+interface ProgressStateEvent {
+    state: boolean;
+    time?: number;
+}
+interface AfterProgressStateEvent {
+    state: boolean;
+}
+interface PlaceholderToggleEvent {
+    state: boolean;
+}
+interface LoadErrorEvent {
+    message: string;
+}
+interface PreProcessEvent extends ParserArgs {
+    node: Element;
+}
+interface PostProcessEvent extends ParserArgs {
+    content: string;
+}
+interface PastePlainTextToggleEvent {
+    state: boolean;
+}
+interface PastePreProcessEvent {
+    content: string;
+    readonly internal: boolean;
+}
+interface PastePostProcessEvent {
+    node: HTMLElement;
+    readonly internal: boolean;
+}
+interface EditableRootStateChangeEvent {
+    state: boolean;
+}
+interface NewTableRowEvent {
+    node: HTMLTableRowElement;
+}
+interface NewTableCellEvent {
+    node: HTMLTableCellElement;
+}
+interface TableEventData {
+    readonly structure: boolean;
+    readonly style: boolean;
+}
+interface TableModifiedEvent extends TableEventData {
+    readonly table: HTMLTableElement;
+}
+interface BeforeOpenNotificationEvent {
+    notification: NotificationSpec;
+}
+interface OpenNotificationEvent {
+    notification: NotificationApi;
+}
+interface DisabledStateChangeEvent {
+    readonly state: boolean;
+}
+interface EditorEventMap extends Omit<NativeEventMap, 'blur' | 'focus'> {
+    activate: {
+        relatedTarget: Editor | null;
+    };
+    deactivate: {
+        relatedTarget: Editor;
+    };
+    focus: {
+        blurredEditor: Editor | null;
+    };
+    blur: {
+        focusedEditor: Editor | null;
+    };
+    resize: UIEvent;
+    scroll: UIEvent;
+    input: InputEvent;
+    beforeinput: InputEvent;
+    detach: {};
+    remove: {};
+    init: {};
+    ScrollIntoView: ScrollIntoViewEvent;
+    AfterScrollIntoView: ScrollIntoViewEvent;
+    ObjectResized: ObjectResizeEvent;
+    ObjectResizeStart: ObjectResizeEvent;
+    SwitchMode: SwitchModeEvent;
+    ScrollWindow: Event;
+    ResizeWindow: UIEvent;
+    SkinLoaded: {};
+    SkinLoadError: LoadErrorEvent;
+    PluginLoadError: LoadErrorEvent;
+    ModelLoadError: LoadErrorEvent;
+    IconsLoadError: LoadErrorEvent;
+    ThemeLoadError: LoadErrorEvent;
+    LanguageLoadError: LoadErrorEvent;
+    BeforeExecCommand: ExecCommandEvent;
+    ExecCommand: ExecCommandEvent;
+    NodeChange: NodeChangeEvent;
+    FormatApply: FormatEvent;
+    FormatRemove: FormatEvent;
+    ShowCaret: ShowCaretEvent;
+    SelectionChange: {};
+    ObjectSelected: ObjectSelectedEvent;
+    BeforeObjectSelected: ObjectSelectedEvent;
+    GetSelectionRange: {
+        range: Range;
+    };
+    SetSelectionRange: SetSelectionRangeEvent;
+    AfterSetSelectionRange: SetSelectionRangeEvent;
+    BeforeGetContent: BeforeGetContentEvent;
+    GetContent: GetContentEvent;
+    BeforeSetContent: BeforeSetContentEvent;
+    SetContent: SetContentEvent;
+    SaveContent: SaveContentEvent;
+    RawSaveContent: SaveContentEvent;
+    LoadContent: {
+        load: boolean;
+        element: HTMLElement;
+    };
+    PreviewFormats: {};
+    AfterPreviewFormats: {};
+    ScriptsLoaded: {};
+    PreInit: {};
+    PostRender: {};
+    NewBlock: NewBlockEvent;
+    ClearUndos: {};
+    TypingUndo: {};
+    Redo: UndoRedoEvent;
+    Undo: UndoRedoEvent;
+    BeforeAddUndo: AddUndoEvent;
+    AddUndo: AddUndoEvent;
+    change: ChangeEvent;
+    CloseWindow: WindowEvent<any>;
+    OpenWindow: WindowEvent<any>;
+    ProgressState: ProgressStateEvent;
+    AfterProgressState: AfterProgressStateEvent;
+    PlaceholderToggle: PlaceholderToggleEvent;
+    tap: TouchEvent;
+    longpress: TouchEvent;
+    longpresscancel: {};
+    PreProcess: PreProcessEvent;
+    PostProcess: PostProcessEvent;
+    AutocompleterStart: AutocompleterEventArgs;
+    AutocompleterUpdate: AutocompleterEventArgs;
+    AutocompleterEnd: {};
+    PastePlainTextToggle: PastePlainTextToggleEvent;
+    PastePreProcess: PastePreProcessEvent;
+    PastePostProcess: PastePostProcessEvent;
+    TableModified: TableModifiedEvent;
+    NewRow: NewTableRowEvent;
+    NewCell: NewTableCellEvent;
+    SetAttrib: SetAttribEvent;
+    hide: {};
+    show: {};
+    dirty: {};
+    BeforeOpenNotification: BeforeOpenNotificationEvent;
+    OpenNotification: OpenNotificationEvent;
+}
+interface EditorManagerEventMap {
+    AddEditor: {
+        editor: Editor;
+    };
+    RemoveEditor: {
+        editor: Editor;
+    };
+    BeforeUnload: {
+        returnValue: any;
+    };
+}
+type EventTypes_d_ExecCommandEvent = ExecCommandEvent;
+type EventTypes_d_BeforeGetContentEvent = BeforeGetContentEvent;
+type EventTypes_d_GetContentEvent = GetContentEvent;
+type EventTypes_d_BeforeSetContentEvent = BeforeSetContentEvent;
+type EventTypes_d_SetContentEvent = SetContentEvent;
+type EventTypes_d_SaveContentEvent = SaveContentEvent;
+type EventTypes_d_NewBlockEvent = NewBlockEvent;
+type EventTypes_d_NodeChangeEvent = NodeChangeEvent;
+type EventTypes_d_FormatEvent = FormatEvent;
+type EventTypes_d_ObjectResizeEvent = ObjectResizeEvent;
+type EventTypes_d_ObjectSelectedEvent = ObjectSelectedEvent;
+type EventTypes_d_ScrollIntoViewEvent = ScrollIntoViewEvent;
+type EventTypes_d_SetSelectionRangeEvent = SetSelectionRangeEvent;
+type EventTypes_d_ShowCaretEvent = ShowCaretEvent;
+type EventTypes_d_SwitchModeEvent = SwitchModeEvent;
+type EventTypes_d_ChangeEvent = ChangeEvent;
+type EventTypes_d_AddUndoEvent = AddUndoEvent;
+type EventTypes_d_UndoRedoEvent = UndoRedoEvent;
+type EventTypes_d_WindowEvent<T extends DialogData> = WindowEvent<T>;
+type EventTypes_d_ProgressStateEvent = ProgressStateEvent;
+type EventTypes_d_AfterProgressStateEvent = AfterProgressStateEvent;
+type EventTypes_d_PlaceholderToggleEvent = PlaceholderToggleEvent;
+type EventTypes_d_LoadErrorEvent = LoadErrorEvent;
+type EventTypes_d_PreProcessEvent = PreProcessEvent;
+type EventTypes_d_PostProcessEvent = PostProcessEvent;
+type EventTypes_d_PastePlainTextToggleEvent = PastePlainTextToggleEvent;
+type EventTypes_d_PastePreProcessEvent = PastePreProcessEvent;
+type EventTypes_d_PastePostProcessEvent = PastePostProcessEvent;
+type EventTypes_d_EditableRootStateChangeEvent = EditableRootStateChangeEvent;
+type EventTypes_d_NewTableRowEvent = NewTableRowEvent;
+type EventTypes_d_NewTableCellEvent = NewTableCellEvent;
+type EventTypes_d_TableEventData = TableEventData;
+type EventTypes_d_TableModifiedEvent = TableModifiedEvent;
+type EventTypes_d_BeforeOpenNotificationEvent = BeforeOpenNotificationEvent;
+type EventTypes_d_OpenNotificationEvent = OpenNotificationEvent;
+type EventTypes_d_DisabledStateChangeEvent = DisabledStateChangeEvent;
+type EventTypes_d_EditorEventMap = EditorEventMap;
+type EventTypes_d_EditorManagerEventMap = EditorManagerEventMap;
+declare namespace EventTypes_d {
+    export { EventTypes_d_ExecCommandEvent as ExecCommandEvent, EventTypes_d_BeforeGetContentEvent as BeforeGetContentEvent, EventTypes_d_GetContentEvent as GetContentEvent, EventTypes_d_BeforeSetContentEvent as BeforeSetContentEvent, EventTypes_d_SetContentEvent as SetContentEvent, EventTypes_d_SaveContentEvent as SaveContentEvent, EventTypes_d_NewBlockEvent as NewBlockEvent, EventTypes_d_NodeChangeEvent as NodeChangeEvent, EventTypes_d_FormatEvent as FormatEvent, EventTypes_d_ObjectResizeEvent as ObjectResizeEvent, EventTypes_d_ObjectSelectedEvent as ObjectSelectedEvent, EventTypes_d_ScrollIntoViewEvent as ScrollIntoViewEvent, EventTypes_d_SetSelectionRangeEvent as SetSelectionRangeEvent, EventTypes_d_ShowCaretEvent as ShowCaretEvent, EventTypes_d_SwitchModeEvent as SwitchModeEvent, EventTypes_d_ChangeEvent as ChangeEvent, EventTypes_d_AddUndoEvent as AddUndoEvent, EventTypes_d_UndoRedoEvent as UndoRedoEvent, EventTypes_d_WindowEvent as WindowEvent, EventTypes_d_ProgressStateEvent as ProgressStateEvent, EventTypes_d_AfterProgressStateEvent as AfterProgressStateEvent, EventTypes_d_PlaceholderToggleEvent as PlaceholderToggleEvent, EventTypes_d_LoadErrorEvent as LoadErrorEvent, EventTypes_d_PreProcessEvent as PreProcessEvent, EventTypes_d_PostProcessEvent as PostProcessEvent, EventTypes_d_PastePlainTextToggleEvent as PastePlainTextToggleEvent, EventTypes_d_PastePreProcessEvent as PastePreProcessEvent, EventTypes_d_PastePostProcessEvent as PastePostProcessEvent, EventTypes_d_EditableRootStateChangeEvent as EditableRootStateChangeEvent, EventTypes_d_NewTableRowEvent as NewTableRowEvent, EventTypes_d_NewTableCellEvent as NewTableCellEvent, EventTypes_d_TableEventData as TableEventData, EventTypes_d_TableModifiedEvent as TableModifiedEvent, EventTypes_d_BeforeOpenNotificationEvent as BeforeOpenNotificationEvent, EventTypes_d_OpenNotificationEvent as OpenNotificationEvent, EventTypes_d_DisabledStateChangeEvent as DisabledStateChangeEvent, EventTypes_d_EditorEventMap as EditorEventMap, EventTypes_d_EditorManagerEventMap as EditorManagerEventMap, };
+}
+type Format_d_Formats = Formats;
+type Format_d_Format = Format;
+type Format_d_ApplyFormat = ApplyFormat;
+type Format_d_BlockFormat = BlockFormat;
+type Format_d_InlineFormat = InlineFormat;
+type Format_d_SelectorFormat = SelectorFormat;
+type Format_d_RemoveFormat = RemoveFormat;
+type Format_d_RemoveBlockFormat = RemoveBlockFormat;
+type Format_d_RemoveInlineFormat = RemoveInlineFormat;
+type Format_d_RemoveSelectorFormat = RemoveSelectorFormat;
+declare namespace Format_d {
+    export { Format_d_Formats as Formats, Format_d_Format as Format, Format_d_ApplyFormat as ApplyFormat, Format_d_BlockFormat as BlockFormat, Format_d_InlineFormat as InlineFormat, Format_d_SelectorFormat as SelectorFormat, Format_d_RemoveFormat as RemoveFormat, Format_d_RemoveBlockFormat as RemoveBlockFormat, Format_d_RemoveInlineFormat as RemoveInlineFormat, Format_d_RemoveSelectorFormat as RemoveSelectorFormat, };
+}
+type StyleFormat = BlockStyleFormat | InlineStyleFormat | SelectorStyleFormat;
+type AllowedFormat = Separator | FormatReference | StyleFormat | NestedFormatting;
+interface Separator {
+    title: string;
+}
+interface FormatReference {
+    title: string;
+    format: string;
+    icon?: string;
+}
+interface NestedFormatting {
+    title: string;
+    items: Array<FormatReference | StyleFormat>;
+}
+interface CommonStyleFormat {
+    name?: string;
+    title: string;
+    icon?: string;
+}
+interface BlockStyleFormat extends BlockFormat, CommonStyleFormat {
+}
+interface InlineStyleFormat extends InlineFormat, CommonStyleFormat {
+}
+interface SelectorStyleFormat extends SelectorFormat, CommonStyleFormat {
+}
+type EntityEncoding = 'named' | 'numeric' | 'raw' | 'named,numeric' | 'named+numeric' | 'numeric,named' | 'numeric+named';
+interface ContentLanguage {
+    readonly title: string;
+    readonly code: string;
+    readonly customCode?: string;
+}
+type ThemeInitFunc = (editor: Editor, elm: HTMLElement) => {
+    editorContainer: HTMLElement;
+    iframeContainer: HTMLElement;
+    height?: number;
+    iframeHeight?: number;
+    api?: EditorUiApi;
+};
+type SetupCallback = (editor: Editor) => void;
+type FilePickerCallback = (callback: (value: string, meta?: Record<string, any>) => void, value: string, meta: Record<string, any>) => void;
+type FilePickerValidationStatus = 'valid' | 'unknown' | 'invalid' | 'none';
+type FilePickerValidationCallback = (info: {
+    type: string;
+    url: string;
+}, callback: (validation: {
+    status: FilePickerValidationStatus;
+    message: string;
+}) => void) => void;
+type PastePreProcessFn = (editor: Editor, args: PastePreProcessEvent) => void;
+type PastePostProcessFn = (editor: Editor, args: PastePostProcessEvent) => void;
+type URLConverter = (url: string, name: string, elm?: string | Element) => string;
+type URLConverterCallback = (url: string, node: Node | string | undefined, on_save: boolean, name: string) => string;
+interface ToolbarGroup {
+    name?: string;
+    label?: string;
+    items: string[];
+}
+type ToolbarMode = 'floating' | 'sliding' | 'scrolling' | 'wrap';
+type ToolbarLocation = 'top' | 'bottom' | 'auto';
+interface BaseEditorOptions {
+    a11y_advanced_options?: boolean;
+    add_form_submit_trigger?: boolean;
+    add_unload_trigger?: boolean;
+    allow_conditional_comments?: boolean;
+    allow_html_data_urls?: boolean;
+    allow_html_in_named_anchor?: boolean;
+    allow_script_urls?: boolean;
+    allow_svg_data_urls?: boolean;
+    allow_unsafe_link_target?: boolean;
+    anchor_bottom?: false | string;
+    anchor_top?: false | string;
+    auto_focus?: string | true;
+    automatic_uploads?: boolean;
+    base_url?: string;
+    block_formats?: string;
+    block_unsupported_drop?: boolean;
+    body_id?: string;
+    body_class?: string;
+    br_in_pre?: boolean;
+    br_newline_selector?: string;
+    browser_spellcheck?: boolean;
+    branding?: boolean;
+    cache_suffix?: string;
+    color_cols?: number;
+    color_cols_foreground?: number;
+    color_cols_background?: number;
+    color_map?: string[];
+    color_map_foreground?: string[];
+    color_map_background?: string[];
+    color_default_foreground?: string;
+    color_default_background?: string;
+    content_css?: boolean | string | string[];
+    content_css_cors?: boolean;
+    content_security_policy?: string;
+    content_style?: string;
+    content_langs?: ContentLanguage[];
+    contextmenu?: string | string[] | false;
+    contextmenu_never_use_native?: boolean;
+    convert_fonts_to_spans?: boolean;
+    convert_unsafe_embeds?: boolean;
+    convert_urls?: boolean;
+    custom_colors?: boolean;
+    custom_elements?: string | Record<string, CustomElementSpec>;
+    custom_ui_selector?: string;
+    custom_undo_redo_levels?: number;
+    default_font_stack?: string[];
+    deprecation_warnings?: boolean;
+    directionality?: 'ltr' | 'rtl';
+    doctype?: string;
+    document_base_url?: string;
+    draggable_modal?: boolean;
+    editable_class?: string;
+    editable_root?: boolean;
+    element_format?: 'xhtml' | 'html';
+    elementpath?: boolean;
+    encoding?: string;
+    end_container_on_empty_block?: boolean | string;
+    entities?: string;
+    entity_encoding?: EntityEncoding;
+    extended_mathml_attributes?: string[];
+    extended_mathml_elements?: string[];
+    extended_valid_elements?: string;
+    event_root?: string;
+    file_picker_callback?: FilePickerCallback;
+    file_picker_types?: string;
+    file_picker_validator_handler?: FilePickerValidationCallback;
+    fix_list_elements?: boolean;
+    fixed_toolbar_container?: string;
+    fixed_toolbar_container_target?: HTMLElement;
+    font_css?: string | string[];
+    font_family_formats?: string;
+    font_size_classes?: string;
+    font_size_legacy_values?: string;
+    font_size_style_values?: string;
+    font_size_formats?: string;
+    font_size_input_default_unit?: string;
+    forced_root_block?: string;
+    forced_root_block_attrs?: Record<string, string>;
+    formats?: Formats;
+    format_noneditable_selector?: string;
+    height?: number | string;
+    help_accessibility?: boolean;
+    hidden_input?: boolean;
+    highlight_on_focus?: boolean;
+    icons?: string;
+    icons_url?: string;
+    id?: string;
+    iframe_aria_text?: string;
+    iframe_attrs?: Record<string, string>;
+    images_file_types?: string;
+    images_replace_blob_uris?: boolean;
+    images_reuse_filename?: boolean;
+    images_upload_base_path?: string;
+    images_upload_credentials?: boolean;
+    images_upload_handler?: UploadHandler;
+    images_upload_url?: string;
+    indent?: boolean;
+    indent_after?: string;
+    indent_before?: string;
+    indent_use_margin?: boolean;
+    indentation?: string;
+    init_instance_callback?: SetupCallback;
+    inline?: boolean;
+    inline_boundaries?: boolean;
+    inline_boundaries_selector?: string;
+    inline_styles?: boolean;
+    invalid_elements?: string;
+    invalid_styles?: string | Record<string, string>;
+    keep_styles?: boolean;
+    language?: string;
+    language_load?: boolean;
+    language_url?: string;
+    line_height_formats?: string;
+    max_height?: number;
+    max_width?: number;
+    menu?: Record<string, {
+        title: string;
+        items: string;
+    }>;
+    menubar?: boolean | string;
+    min_height?: number;
+    min_width?: number;
+    model?: string;
+    model_url?: string;
+    newdocument_content?: string;
+    newline_behavior?: 'block' | 'linebreak' | 'invert' | 'default';
+    no_newline_selector?: string;
+    noneditable_class?: string;
+    noneditable_regexp?: RegExp | RegExp[];
+    nowrap?: boolean;
+    object_resizing?: boolean | string;
+    onboarding?: boolean;
+    pad_empty_with_br?: boolean;
+    paste_as_text?: boolean;
+    paste_block_drop?: boolean;
+    paste_data_images?: boolean;
+    paste_merge_formats?: boolean;
+    paste_postprocess?: PastePostProcessFn;
+    paste_preprocess?: PastePreProcessFn;
+    paste_remove_styles_if_webkit?: boolean;
+    paste_tab_spaces?: number;
+    paste_webkit_styles?: string;
+    placeholder?: string;
+    preserve_cdata?: boolean;
+    preview_styles?: false | string;
+    promotion?: boolean;
+    protect?: RegExp[];
+    readonly?: boolean;
+    referrer_policy?: ReferrerPolicy;
+    relative_urls?: boolean;
+    remove_script_host?: boolean;
+    remove_trailing_brs?: boolean;
+    removed_menuitems?: string;
+    resize?: boolean | 'both';
+    resize_img_proportional?: boolean;
+    root_name?: string;
+    sandbox_iframes?: boolean;
+    sandbox_iframes_exclusions?: string[];
+    schema?: SchemaType;
+    selector?: string;
+    setup?: SetupCallback;
+    sidebar_show?: string;
+    skin?: boolean | string;
+    skin_url?: string;
+    smart_paste?: boolean;
+    statusbar?: boolean;
+    style_formats?: AllowedFormat[];
+    style_formats_autohide?: boolean;
+    style_formats_merge?: boolean;
+    submit_patch?: boolean;
+    suffix?: string;
+    table_tab_navigation?: boolean;
+    target?: HTMLElement;
+    text_patterns?: RawPattern[] | false;
+    text_patterns_lookup?: RawDynamicPatternsLookup;
+    theme?: string | ThemeInitFunc | false;
+    theme_url?: string;
+    toolbar?: boolean | string | string[] | Array<ToolbarGroup>;
+    toolbar1?: string;
+    toolbar2?: string;
+    toolbar3?: string;
+    toolbar4?: string;
+    toolbar5?: string;
+    toolbar6?: string;
+    toolbar7?: string;
+    toolbar8?: string;
+    toolbar9?: string;
+    toolbar_groups?: Record<string, GroupToolbarButtonSpec>;
+    toolbar_location?: ToolbarLocation;
+    toolbar_mode?: ToolbarMode;
+    toolbar_sticky?: boolean;
+    toolbar_sticky_offset?: number;
+    typeahead_urls?: boolean;
+    ui_mode?: 'combined' | 'split';
+    url_converter?: URLConverter;
+    url_converter_scope?: any;
+    urlconverter_callback?: URLConverterCallback;
+    valid_children?: string;
+    valid_classes?: string | Record<string, string>;
+    valid_elements?: string;
+    valid_styles?: string | Record<string, string>;
+    verify_html?: boolean;
+    visual?: boolean;
+    visual_anchor_class?: string;
+    visual_table_class?: string;
+    width?: number | string;
+    xss_sanitization?: boolean;
+    license_key?: string;
+    disabled?: boolean;
+    disable_nodechange?: boolean;
+    forced_plugins?: string | string[];
+    plugin_base_urls?: Record<string, string>;
+    service_message?: string;
+    [key: string]: any;
+}
+interface RawEditorOptions extends BaseEditorOptions {
+    external_plugins?: Record<string, string>;
+    mobile?: RawEditorOptions;
+    plugins?: string | string[];
+}
+interface NormalizedEditorOptions extends BaseEditorOptions {
+    external_plugins: Record<string, string>;
+    forced_plugins: string[];
+    plugins: string[];
+}
+interface EditorOptions extends NormalizedEditorOptions {
+    a11y_advanced_options: boolean;
+    allow_unsafe_link_target: boolean;
+    anchor_bottom: string;
+    anchor_top: string;
+    automatic_uploads: boolean;
+    block_formats: string;
+    body_class: string;
+    body_id: string;
+    br_newline_selector: string;
+    color_map: string[];
+    color_cols: number;
+    color_cols_foreground: number;
+    color_cols_background: number;
+    color_default_background: string;
+    color_default_foreground: string;
+    content_css: string[];
+    contextmenu: string[];
+    convert_unsafe_embeds: boolean;
+    custom_colors: boolean;
+    default_font_stack: string[];
+    document_base_url: string;
+    init_content_sync: boolean;
+    draggable_modal: boolean;
+    editable_class: string;
+    editable_root: boolean;
+    font_css: string[];
+    font_family_formats: string;
+    font_size_classes: string;
+    font_size_formats: string;
+    font_size_input_default_unit: string;
+    font_size_legacy_values: string;
+    font_size_style_values: string;
+    forced_root_block: string;
+    forced_root_block_attrs: Record<string, string>;
+    format_noneditable_selector: string;
+    height: number | string;
+    highlight_on_focus: boolean;
+    iframe_attrs: Record<string, string>;
+    images_file_types: string;
+    images_upload_base_path: string;
+    images_upload_credentials: boolean;
+    images_upload_url: string;
+    indent_use_margin: boolean;
+    indentation: string;
+    inline: boolean;
+    inline_boundaries_selector: string;
+    language: string;
+    language_load: boolean;
+    language_url: string;
+    line_height_formats: string;
+    menu: Record<string, {
+        title: string;
+        items: string;
+    }>;
+    menubar: boolean | string;
+    model: string;
+    newdocument_content: string;
+    no_newline_selector: string;
+    noneditable_class: string;
+    noneditable_regexp: RegExp[];
+    object_resizing: string;
+    pad_empty_with_br: boolean;
+    paste_as_text: boolean;
+    preview_styles: string;
+    promotion: boolean;
+    readonly: boolean;
+    removed_menuitems: string;
+    sandbox_iframes: boolean;
+    sandbox_iframes_exclusions: string[];
+    toolbar: boolean | string | string[] | Array<ToolbarGroup>;
+    toolbar_groups: Record<string, GroupToolbarButtonSpec>;
+    toolbar_location: ToolbarLocation;
+    toolbar_mode: ToolbarMode;
+    toolbar_persist: boolean;
+    toolbar_sticky: boolean;
+    toolbar_sticky_offset: number;
+    text_patterns: Pattern[];
+    text_patterns_lookup: DynamicPatternsLookup;
+    visual: boolean;
+    visual_anchor_class: string;
+    visual_table_class: string;
+    width: number | string;
+    xss_sanitization: boolean;
+    disabled: boolean;
+}
+type StyleMap = Record<string, string | number>;
+interface StylesSettings {
+    allow_script_urls?: boolean;
+    allow_svg_data_urls?: boolean;
+    url_converter?: URLConverter;
+    url_converter_scope?: any;
+}
+interface Styles {
+    parse: (css: string | undefined) => Record<string, string>;
+    serialize: (styles: StyleMap, elementName?: string) => string;
+}
+type EventUtilsCallback<T> = (event: EventUtilsEvent<T>) => void | boolean;
+type EventUtilsEvent<T> = NormalizedEvent<T> & {
+    metaKey: boolean;
+};
+interface Callback$1<T> {
+    func: EventUtilsCallback<T>;
+    scope: any;
+}
+interface CallbackList<T> extends Array<Callback$1<T>> {
+    fakeName: string | false;
+    capture: boolean;
+    nativeHandler: EventListener;
+}
+interface EventUtilsConstructor {
+    readonly prototype: EventUtils;
+    new (): EventUtils;
+    Event: EventUtils;
+}
+declare class EventUtils {
+    static Event: EventUtils;
+    domLoaded: boolean;
+    events: Record<number, Record<string, CallbackList<any>>>;
+    private readonly expando;
+    private hasFocusIn;
+    private count;
+    constructor();
+    bind<K extends keyof HTMLElementEventMap>(target: any, name: K, callback: EventUtilsCallback<HTMLElementEventMap[K]>, scope?: any): EventUtilsCallback<HTMLElementEventMap[K]>;
+    bind<T = any>(target: any, names: string, callback: EventUtilsCallback<T>, scope?: any): EventUtilsCallback<T>;
+    unbind<K extends keyof HTMLElementEventMap>(target: any, name: K, callback?: EventUtilsCallback<HTMLElementEventMap[K]>): this;
+    unbind<T = any>(target: any, names: string, callback?: EventUtilsCallback<T>): this;
+    unbind(target: any): this;
+    fire(target: any, name: string, args?: {}): this;
+    dispatch(target: any, name: string, args?: {}): this;
+    clean(target: any): this;
+    destroy(): void;
+    cancel<T>(e: EventUtilsEvent<T>): boolean;
+    private executeHandlers;
+}
+interface SetAttribEvent {
+    attrElm: HTMLElement;
+    attrName: string;
+    attrValue: string | boolean | number | null;
+}
+interface DOMUtilsSettings {
+    schema: Schema;
+    url_converter: URLConverter;
+    url_converter_scope: any;
+    ownEvents: boolean;
+    keep_values: boolean;
+    update_styles: boolean;
+    root_element: HTMLElement | null;
+    collect: boolean;
+    onSetAttrib: (event: SetAttribEvent) => void;
+    contentCssCors: boolean;
+    referrerPolicy: ReferrerPolicy;
+}
+type Target = Node | Window;
+type RunArguments<T extends Node = Node> = string | T | Array<string | T> | null;
+type BoundEvent = [
+    Target,
+    string,
+    EventUtilsCallback<any>,
+    any
+];
+type Callback<K extends string> = EventUtilsCallback<MappedEvent<HTMLElementEventMap, K>>;
+type RunResult<T, R> = T extends Array<any> ? R[] : false | R;
+interface DOMUtils {
+    doc: Document;
+    settings: Partial<DOMUtilsSettings>;
+    win: Window;
+    files: Record<string, boolean>;
+    stdMode: boolean;
+    boxModel: boolean;
+    styleSheetLoader: StyleSheetLoader;
+    boundEvents: BoundEvent[];
+    styles: Styles;
+    schema: Schema;
+    events: EventUtils;
+    root: Node | null;
+    isBlock: {
+        (node: Node | null): node is HTMLElement;
+        (node: string): boolean;
+    };
+    clone: (node: Node, deep: boolean) => Node;
+    getRoot: () => HTMLElement;
+    getViewPort: (argWin?: Window) => GeomRect;
+    getRect: (elm: string | HTMLElement) => GeomRect;
+    getSize: (elm: string | HTMLElement) => {
+        w: number;
+        h: number;
+    };
+    getParent: {
+        <K extends keyof HTMLElementTagNameMap>(node: string | Node | null, selector: K, root?: Node): HTMLElementTagNameMap[K] | null;
+        <T extends Element>(node: string | Node | null, selector: string | ((node: Node) => node is T), root?: Node): T | null;
+        (node: string | Node | null, selector?: string | ((node: Node) => boolean | void), root?: Node): Node | null;
+    };
+    getParents: {
+        <K extends keyof HTMLElementTagNameMap>(elm: string | HTMLElementTagNameMap[K] | null, selector: K, root?: Node, collect?: boolean): Array<HTMLElementTagNameMap[K]>;
+        <T extends Element>(node: string | Node | null, selector: string | ((node: Node) => node is T), root?: Node, collect?: boolean): T[];
+        (elm: string | Node | null, selector?: string | ((node: Node) => boolean | void), root?: Node, collect?: boolean): Node[];
+    };
+    get: {
+        <T extends Node>(elm: T): T;
+        (elm: string): HTMLElement | null;
+    };
+    getNext: (node: Node | null, selector: string | ((node: Node) => boolean)) => Node | null;
+    getPrev: (node: Node | null, selector: string | ((node: Node) => boolean)) => Node | null;
+    select: {
+        <K extends keyof HTMLElementTagNameMap>(selector: K, scope?: string | Node): Array<HTMLElementTagNameMap[K]>;
+        <T extends HTMLElement = HTMLElement>(selector: string, scope?: string | Node): T[];
+    };
+    is: {
+        <T extends Element>(elm: Node | Node[] | null, selector: string): elm is T;
+        (elm: Node | Node[] | null, selector: string): boolean;
+    };
+    add: (parentElm: RunArguments, name: string | Element, attrs?: Record<string, string | boolean | number | null>, html?: string | Node | null, create?: boolean) => HTMLElement;
+    create: {
+        <K extends keyof HTMLElementTagNameMap>(name: K, attrs?: Record<string, string | boolean | number | null>, html?: string | Node | null): HTMLElementTagNameMap[K];
+        (name: string, attrs?: Record<string, string | boolean | number | null>, html?: string | Node | null): HTMLElement;
+    };
+    createHTML: (name: string, attrs?: Record<string, string | null>, html?: string) => string;
+    createFragment: (html?: string) => DocumentFragment;
+    remove: {
+        <T extends Node>(node: T | T[], keepChildren?: boolean): typeof node extends Array<any> ? T[] : T;
+        <T extends Node>(node: string, keepChildren?: boolean): T | false;
+    };
+    getStyle: {
+        (elm: Element, name: string, computed: true): string;
+        (elm: string | Element | null, name: string, computed?: boolean): string | undefined;
+    };
+    setStyle: (elm: string | Element | Element[], name: string, value: string | number | null) => void;
+    setStyles: (elm: string | Element | Element[], stylesArg: StyleMap) => void;
+    removeAllAttribs: (e: RunArguments<Element>) => void;
+    setAttrib: (elm: RunArguments<Element>, name: string, value: string | boolean | number | null) => void;
+    setAttribs: (elm: RunArguments<Element>, attrs: Record<string, string | boolean | number | null>) => void;
+    getAttrib: (elm: string | Element | null, name: string, defaultVal?: string) => string;
+    getAttribs: (elm: string | Element) => NamedNodeMap | Attr[];
+    getPos: (elm: string | Element, rootElm?: Node) => {
+        x: number;
+        y: number;
+    };
+    parseStyle: (cssText: string) => Record<string, string>;
+    serializeStyle: (stylesArg: StyleMap, name?: string) => string;
+    addStyle: (cssText: string) => void;
+    loadCSS: (url: string) => void;
+    hasClass: (elm: string | Element, cls: string) => boolean;
+    addClass: (elm: RunArguments<Element>, cls: string) => void;
+    removeClass: (elm: RunArguments<Element>, cls: string) => void;
+    toggleClass: (elm: RunArguments<Element>, cls: string, state?: boolean) => void;
+    show: (elm: string | Node | Node[]) => void;
+    hide: (elm: string | Node | Node[]) => void;
+    isHidden: (elm: string | Node) => boolean;
+    uniqueId: (prefix?: string) => string;
+    setHTML: (elm: RunArguments<Element>, html: string) => void;
+    getOuterHTML: (elm: string | Node) => string;
+    setOuterHTML: (elm: string | Node | Node[], html: string) => void;
+    decode: (text: string) => string;
+    encode: (text: string) => string;
+    insertAfter: {
+        <T extends Node>(node: T | T[], reference: string | Node): T;
+        <T extends Node>(node: RunArguments<T>, reference: string | Node): RunResult<typeof node, T>;
+    };
+    replace: {
+        <T extends Node>(newElm: Node, oldElm: T | T[], keepChildren?: boolean): T;
+        <T extends Node>(newElm: Node, oldElm: RunArguments<T>, keepChildren?: boolean): false | T;
+    };
+    rename: {
+        <K extends keyof HTMLElementTagNameMap>(elm: Element, name: K): HTMLElementTagNameMap[K];
+        (elm: Element, name: string): Element;
+    };
+    findCommonAncestor: (a: Node, b: Node) => Node | null;
+    run<R, T extends Node>(this: DOMUtils, elm: T | T[], func: (node: T) => R, scope?: any): typeof elm extends Array<any> ? R[] : R;
+    run<R, T extends Node>(this: DOMUtils, elm: RunArguments<T>, func: (node: T) => R, scope?: any): RunResult<typeof elm, R>;
+    isEmpty: (node: Node, elements?: Record<string, any>, options?: IsEmptyOptions) => boolean;
+    createRng: () => Range;
+    nodeIndex: (node: Node, normalized?: boolean) => number;
+    split: {
+        <T extends Node>(parentElm: Node, splitElm: Node, replacementElm: T): T | undefined;
+        <T extends Node>(parentElm: Node, splitElm: T): T | undefined;
+    };
+    bind: {
+        <K extends string>(target: Target, name: K, func: Callback<K>, scope?: any): Callback<K>;
+        <K extends string>(target: Target[], name: K, func: Callback<K>, scope?: any): Callback<K>[];
+    };
+    unbind: {
+        <K extends string>(target: Target, name?: K, func?: EventUtilsCallback<MappedEvent<HTMLElementEventMap, K>>): EventUtils;
+        <K extends string>(target: Target[], name?: K, func?: EventUtilsCallback<MappedEvent<HTMLElementEventMap, K>>): EventUtils[];
+    };
+    fire: (target: Node | Window, name: string, evt?: {}) => EventUtils;
+    dispatch: (target: Node | Window, name: string, evt?: {}) => EventUtils;
+    getContentEditable: (node: Node) => string | null;
+    getContentEditableParent: (node: Node) => string | null;
+    isEditable: (node: Node | null | undefined) => boolean;
+    destroy: () => void;
+    isChildOf: (node: Node, parent: Node) => boolean;
+    dumpRng: (r: Range) => string;
+}
+interface ClientRect {
+    left: number;
+    top: number;
+    bottom: number;
+    right: number;
+    width: number;
+    height: number;
+}
+interface BookmarkManager {
+    getBookmark: (type?: number, normalized?: boolean) => Bookmark;
+    moveToBookmark: (bookmark: Bookmark) => void;
+}
+interface ControlSelection {
+    isResizable: (elm: Element) => boolean;
+    showResizeRect: (elm: HTMLElement) => void;
+    hideResizeRect: () => void;
+    updateResizeRect: (evt: EditorEvent<any>) => void;
+    destroy: () => void;
+}
+interface WriterSettings {
+    element_format?: 'xhtml' | 'html';
+    entities?: string;
+    entity_encoding?: EntityEncoding;
+    indent?: boolean;
+    indent_after?: string;
+    indent_before?: string;
+}
+type Attributes = Array<{
+    name: string;
+    value: string;
+}>;
+interface Writer {
+    cdata: (text: string) => void;
+    comment: (text: string) => void;
+    doctype: (text: string) => void;
+    end: (name: string) => void;
+    getContent: () => string;
+    pi: (name: string, text?: string) => void;
+    reset: () => void;
+    start: (name: string, attrs?: Attributes | null, empty?: boolean) => void;
+    text: (text: string, raw?: boolean) => void;
+}
+interface HtmlSerializerSettings extends WriterSettings {
+    inner?: boolean;
+    validate?: boolean;
+}
+interface HtmlSerializer {
+    serialize: (node: AstNode) => string;
+}
+interface DomSerializerSettings extends DomParserSettings, WriterSettings, SchemaSettings, HtmlSerializerSettings {
+    remove_trailing_brs?: boolean;
+    url_converter?: URLConverter;
+    url_converter_scope?: {};
+}
+interface DomSerializerImpl {
+    schema: Schema;
+    addNodeFilter: (name: string, callback: ParserFilterCallback) => void;
+    addAttributeFilter: (name: string, callback: ParserFilterCallback) => void;
+    getNodeFilters: () => ParserFilter[];
+    getAttributeFilters: () => ParserFilter[];
+    removeNodeFilter: (name: string, callback?: ParserFilterCallback) => void;
+    removeAttributeFilter: (name: string, callback?: ParserFilterCallback) => void;
+    serialize: {
+        (node: Element, parserArgs: {
+            format: 'tree';
+        } & ParserArgs): AstNode;
+        (node: Element, parserArgs?: ParserArgs): string;
+    };
+    addRules: (rules: string) => void;
+    setRules: (rules: string) => void;
+    addTempAttr: (name: string) => void;
+    getTempAttrs: () => string[];
+}
+interface DomSerializer extends DomSerializerImpl {
+}
+interface EditorSelection {
+    bookmarkManager: BookmarkManager;
+    controlSelection: ControlSelection;
+    dom: DOMUtils;
+    win: Window;
+    serializer: DomSerializer;
+    editor: Editor;
+    collapse: (toStart?: boolean) => void;
+    setCursorLocation: {
+        (node: Node, offset: number): void;
+        (): void;
+    };
+    getContent: {
+        (args: {
+            format: 'tree';
+        } & Partial<GetSelectionContentArgs>): AstNode;
+        (args?: Partial<GetSelectionContentArgs>): string;
+    };
+    setContent: (content: string, args?: Partial<SetSelectionContentArgs>) => void;
+    getBookmark: (type?: number, normalized?: boolean) => Bookmark;
+    moveToBookmark: (bookmark: Bookmark) => void;
+    select: (node: Node, content?: boolean) => Node;
+    isCollapsed: () => boolean;
+    isEditable: () => boolean;
+    isForward: () => boolean;
+    setNode: (elm: Element) => Element;
+    getNode: () => HTMLElement;
+    getSel: () => Selection | null;
+    setRng: (rng: Range, forward?: boolean) => void;
+    getRng: () => Range;
+    getStart: (real?: boolean) => Element;
+    getEnd: (real?: boolean) => Element;
+    getSelectedBlocks: (startElm?: Element, endElm?: Element) => Element[];
+    normalize: () => Range;
+    selectorChanged: (selector: string, callback: (active: boolean, args: {
+        node: Node;
+        selector: String;
+        parents: Node[];
+    }) => void) => EditorSelection;
+    selectorChangedWithUnbind: (selector: string, callback: (active: boolean, args: {
+        node: Node;
+        selector: String;
+        parents: Node[];
+    }) => void) => {
+        unbind: () => void;
+    };
+    getScrollContainer: () => HTMLElement | undefined;
+    scrollIntoView: (elm?: HTMLElement, alignToTop?: boolean) => void;
+    placeCaretAt: (clientX: number, clientY: number) => void;
+    getBoundingClientRect: () => ClientRect | DOMRect;
+    destroy: () => void;
+    expand: (options?: {
+        type: 'word';
+    }) => void;
+}
+type EditorCommandCallback<S> = (this: S, ui: boolean, value: any) => void;
+type EditorCommandsCallback = (command: string, ui: boolean, value?: any) => void;
+interface Commands {
+    state: Record<string, (command: string) => boolean>;
+    exec: Record<string, EditorCommandsCallback>;
+    value: Record<string, (command: string) => string>;
+}
+interface ExecCommandArgs {
+    skip_focus?: boolean;
+}
+interface EditorCommandsConstructor {
+    readonly prototype: EditorCommands;
+    new (editor: Editor): EditorCommands;
+}
+declare class EditorCommands {
+    private readonly editor;
+    private commands;
+    constructor(editor: Editor);
+    execCommand(command: string, ui?: boolean, value?: any, args?: ExecCommandArgs): boolean;
+    queryCommandState(command: string): boolean;
+    queryCommandValue(command: string): string;
+    addCommands<K extends keyof Commands>(commandList: Commands[K], type: K): void;
+    addCommands(commandList: Record<string, EditorCommandsCallback>): void;
+    addCommand<S>(command: string, callback: EditorCommandCallback<S>, scope: S): void;
+    addCommand(command: string, callback: EditorCommandCallback<Editor>): void;
+    queryCommandSupported(command: string): boolean;
+    addQueryStateHandler<S>(command: string, callback: (this: S) => boolean, scope: S): void;
+    addQueryStateHandler(command: string, callback: (this: Editor) => boolean): void;
+    addQueryValueHandler<S>(command: string, callback: (this: S) => string, scope: S): void;
+    addQueryValueHandler(command: string, callback: (this: Editor) => string): void;
+}
+interface RawString {
+    raw: string;
+}
+type Primitive = string | number | boolean | Record<string | number, any> | Function;
+type TokenisedString = [
+    string,
+    ...Primitive[]
+];
+type Untranslated = Primitive | TokenisedString | RawString | null | undefined;
+type TranslatedString = string;
+interface I18n {
+    getData: () => Record<string, Record<string, string>>;
+    setCode: (newCode: string) => void;
+    getCode: () => string;
+    add: (code: string, items: Record<string, string>) => void;
+    translate: (text: Untranslated) => TranslatedString;
+    isRtl: () => boolean;
+    hasCode: (code: string) => boolean;
+}
+interface Observable<T extends {}> {
+    fire<K extends string, U extends MappedEvent<T, K>>(name: K, args?: U, bubble?: boolean): EditorEvent<U>;
+    dispatch<K extends string, U extends MappedEvent<T, K>>(name: K, args?: U, bubble?: boolean): EditorEvent<U>;
+    on<K extends string>(name: K, callback: (event: EditorEvent<MappedEvent<T, K>>) => void, prepend?: boolean): EventDispatcher<T>;
+    off<K extends string>(name?: K, callback?: (event: EditorEvent<MappedEvent<T, K>>) => void): EventDispatcher<T>;
+    once<K extends string>(name: K, callback: (event: EditorEvent<MappedEvent<T, K>>) => void): EventDispatcher<T>;
+    hasEventListeners(name: string): boolean;
+}
+interface URISettings {
+    base_uri?: URI;
+}
+interface URIConstructor {
+    readonly prototype: URI;
+    new (url: string, settings?: URISettings): URI;
+    getDocumentBaseUrl: (loc: {
+        protocol: string;
+        host?: string;
+        href?: string;
+        pathname?: string;
+    }) => string;
+    parseDataUri: (uri: string) => {
+        type: string;
+        data: string;
+    };
+}
+interface SafeUriOptions {
+    readonly allow_html_data_urls?: boolean;
+    readonly allow_script_urls?: boolean;
+    readonly allow_svg_data_urls?: boolean;
+}
+declare class URI {
+    static parseDataUri(uri: string): {
+        type: string | undefined;
+        data: string;
+    };
+    static isDomSafe(uri: string, context?: string, options?: SafeUriOptions): boolean;
+    static getDocumentBaseUrl(loc: {
+        protocol: string;
+        host?: string;
+        href?: string;
+        pathname?: string;
+    }): string;
+    source: string;
+    protocol: string | undefined;
+    authority: string | undefined;
+    userInfo: string | undefined;
+    user: string | undefined;
+    password: string | undefined;
+    host: string | undefined;
+    port: string | undefined;
+    relative: string | undefined;
+    path: string;
+    directory: string;
+    file: string | undefined;
+    query: string | undefined;
+    anchor: string | undefined;
+    settings: URISettings;
+    constructor(url: string, settings?: URISettings);
+    setPath(path: string): void;
+    toRelative(uri: string): string;
+    toAbsolute(uri: string, noHost?: boolean): string;
+    isSameOrigin(uri: URI): boolean;
+    toRelPath(base: string, path: string): string;
+    toAbsPath(base: string, path: string): string;
+    getURI(noProtoHost?: boolean): string;
+}
+interface EditorManager extends Observable<EditorManagerEventMap> {
+    defaultOptions: RawEditorOptions;
+    majorVersion: string;
+    minorVersion: string;
+    releaseDate: string;
+    activeEditor: Editor | null;
+    focusedEditor: Editor | null;
+    baseURI: URI;
+    baseURL: string;
+    documentBaseURL: string;
+    i18n: I18n;
+    suffix: string;
+    add(this: EditorManager, editor: Editor): Editor;
+    addI18n: (code: string, item: Record<string, string>) => void;
+    createEditor(this: EditorManager, id: string, options: RawEditorOptions): Editor;
+    execCommand(this: EditorManager, cmd: string, ui: boolean, value: any): boolean;
+    get(this: EditorManager): Editor[];
+    get(this: EditorManager, id: number | string): Editor | null;
+    init(this: EditorManager, options: RawEditorOptions): Promise<Editor[]>;
+    overrideDefaults(this: EditorManager, defaultOptions: Partial<RawEditorOptions>): void;
+    remove(this: EditorManager): void;
+    remove(this: EditorManager, selector: string): void;
+    remove(this: EditorManager, editor: Editor): Editor | null;
+    setActive(this: EditorManager, editor: Editor): void;
+    setup(this: EditorManager): void;
+    translate: (text: Untranslated) => TranslatedString;
+    triggerSave: () => void;
+    _setBaseUrl(this: EditorManager, baseUrl: string): void;
+}
+interface EditorObservable extends Observable<EditorEventMap> {
+    bindPendingEventDelegates(this: Editor): void;
+    toggleNativeEvent(this: Editor, name: string, state: boolean): void;
+    unbindAllNativeEvents(this: Editor): void;
+}
+interface ProcessorSuccess<T> {
+    valid: true;
+    value: T;
+}
+interface ProcessorError {
+    valid: false;
+    message: string;
+}
+type SimpleProcessor = (value: unknown) => boolean;
+type Processor<T> = (value: unknown) => ProcessorSuccess<T> | ProcessorError;
+interface BuiltInOptionTypeMap {
+    'string': string;
+    'number': number;
+    'boolean': boolean;
+    'array': any[];
+    'function': Function;
+    'object': any;
+    'string[]': string[];
+    'object[]': any[];
+    'regexp': RegExp;
+}
+type BuiltInOptionType = keyof BuiltInOptionTypeMap;
+interface BaseOptionSpec {
+    immutable?: boolean;
+    deprecated?: boolean;
+    docsUrl?: string;
+}
+interface BuiltInOptionSpec<K extends BuiltInOptionType> extends BaseOptionSpec {
+    processor: K;
+    default?: BuiltInOptionTypeMap[K];
+}
+interface SimpleOptionSpec<T> extends BaseOptionSpec {
+    processor: SimpleProcessor;
+    default?: T;
+}
+interface OptionSpec<T, U> extends BaseOptionSpec {
+    processor: Processor<U>;
+    default?: T;
+}
+interface Options {
+    register: {
+        <K extends BuiltInOptionType>(name: string, spec: BuiltInOptionSpec<K>): void;
+        <K extends keyof NormalizedEditorOptions>(name: K, spec: OptionSpec<NormalizedEditorOptions[K], EditorOptions[K]> | SimpleOptionSpec<NormalizedEditorOptions[K]>): void;
+        <T, U>(name: string, spec: OptionSpec<T, U>): void;
+        <T>(name: string, spec: SimpleOptionSpec<T>): void;
+    };
+    isRegistered: (name: string) => boolean;
+    get: {
+        <K extends keyof EditorOptions>(name: K): EditorOptions[K];
+        <T>(name: string): T | undefined;
+    };
+    set: <K extends string, T>(name: K, value: K extends keyof NormalizedEditorOptions ? NormalizedEditorOptions[K] : T) => boolean;
+    unset: (name: string) => boolean;
+    isSet: (name: string) => boolean;
+    debug: () => void;
+}
+interface UploadResult$1 {
+    element: HTMLImageElement;
+    status: boolean;
+    blobInfo: BlobInfo;
+    uploadUri: string;
+    removed: boolean;
+}
+interface EditorUpload {
+    blobCache: BlobCache;
+    addFilter: (filter: (img: HTMLImageElement) => boolean) => void;
+    uploadImages: () => Promise<UploadResult$1[]>;
+    uploadImagesAuto: () => Promise<UploadResult$1[]>;
+    scanForImages: () => Promise<BlobInfoImagePair[]>;
+    destroy: () => void;
+}
+type FormatChangeCallback = (state: boolean, data: {
+    node: Node;
+    format: string;
+    parents: Element[];
+}) => void;
+interface FormatRegistry {
+    get: {
+        (name: string): Format[] | undefined;
+        (): Record<string, Format[]>;
+    };
+    has: (name: string) => boolean;
+    register: (name: string | Formats, format?: Format[] | Format) => void;
+    unregister: (name: string) => Formats;
+}
+interface Formatter extends FormatRegistry {
+    apply: (name: string, vars?: FormatVars, node?: Node | RangeLikeObject | null) => void;
+    remove: (name: string, vars?: FormatVars, node?: Node | Range, similar?: boolean) => void;
+    toggle: (name: string, vars?: FormatVars, node?: Node) => void;
+    match: (name: string, vars?: FormatVars, node?: Node, similar?: boolean) => boolean;
+    closest: (names: string[]) => string | null;
+    matchAll: (names: string[], vars?: FormatVars) => string[];
+    matchNode: (node: Node | null, name: string, vars?: FormatVars, similar?: boolean) => Format | undefined;
+    canApply: (name: string) => boolean;
+    formatChanged: (names: string, callback: FormatChangeCallback, similar?: boolean, vars?: FormatVars) => {
+        unbind: () => void;
+    };
+    getCssText: (format: string | ApplyFormat) => string;
+}
+interface EditorMode {
+    isReadOnly: () => boolean;
+    set: (mode: string) => void;
+    get: () => string;
+    register: (mode: string, api: EditorModeApi) => void;
+}
+interface EditorModeApi {
+    activate: () => void;
+    deactivate: () => void;
+    editorReadOnly: boolean;
+}
+interface Model {
+    readonly table: {
+        readonly getSelectedCells: () => HTMLTableCellElement[];
+        readonly clearSelectedCells: (container: Node) => void;
+    };
+}
+type ModelManager = AddOnManager<Model>;
+interface Plugin {
+    getMetadata?: () => {
+        name: string;
+        url: string;
+    };
+    init?: (editor: Editor, url: string) => void;
+    [key: string]: any;
+}
+type PluginManager = AddOnManager<void | Plugin>;
+interface ShortcutsConstructor {
+    readonly prototype: Shortcuts;
+    new (editor: Editor): Shortcuts;
+}
+type CommandFunc = string | [
+    string,
+    boolean,
+    any
+] | (() => void);
+declare class Shortcuts {
+    private readonly editor;
+    private readonly shortcuts;
+    private pendingPatterns;
+    constructor(editor: Editor);
+    add(pattern: string, desc: string | null, cmdFunc: CommandFunc, scope?: any): boolean;
+    remove(pattern: string): boolean;
+    private normalizeCommandFunc;
+    private createShortcut;
+    private hasModifier;
+    private isFunctionKey;
+    private matchShortcut;
+    private executeShortcutAction;
+}
+interface RenderResult {
+    iframeContainer?: HTMLElement;
+    editorContainer: HTMLElement;
+    api?: Partial<EditorUiApi>;
+}
+interface Theme {
+    ui?: any;
+    inline?: any;
+    execCommand?: (command: string, ui?: boolean, value?: any) => boolean;
+    destroy?: () => void;
+    init?: (editor: Editor, url: string) => void;
+    renderUI?: () => Promise<RenderResult> | RenderResult;
+    getNotificationManagerImpl?: () => NotificationManagerImpl;
+    getWindowManagerImpl?: () => WindowManagerImpl;
+    getPromotionElement?: () => HTMLElement | null;
+}
+type ThemeManager = AddOnManager<void | Theme>;
+interface EditorConstructor {
+    readonly prototype: Editor;
+    new (id: string, options: RawEditorOptions, editorManager: EditorManager): Editor;
+}
+declare class Editor implements EditorObservable {
+    documentBaseUrl: string;
+    baseUri: URI;
+    id: string;
+    plugins: Record<string, Plugin>;
+    documentBaseURI: URI;
+    baseURI: URI;
+    contentCSS: string[];
+    contentStyles: string[];
+    ui: EditorUi;
+    mode: EditorMode;
+    options: Options;
+    editorUpload: EditorUpload;
+    shortcuts: Shortcuts;
+    loadedCSS: Record<string, any>;
+    editorCommands: EditorCommands;
+    suffix: string;
+    editorManager: EditorManager;
+    hidden: boolean;
+    inline: boolean;
+    hasVisual: boolean;
+    isNotDirty: boolean;
+    annotator: Annotator;
+    bodyElement: HTMLElement | undefined;
+    bookmark: any;
+    composing: boolean;
+    container: HTMLElement;
+    contentAreaContainer: HTMLElement;
+    contentDocument: Document;
+    contentWindow: Window;
+    delegates: Record<string, EventUtilsCallback<any>> | undefined;
+    destroyed: boolean;
+    dom: DOMUtils;
+    editorContainer: HTMLElement;
+    eventRoot: Element | undefined;
+    formatter: Formatter;
+    formElement: HTMLElement | undefined;
+    formEventDelegate: ((e: Event) => void) | undefined;
+    hasHiddenInput: boolean;
+    iframeElement: HTMLIFrameElement | null;
+    iframeHTML: string | undefined;
+    initialized: boolean;
+    notificationManager: NotificationManager;
+    orgDisplay: string;
+    orgVisibility: string | undefined;
+    parser: DomParser;
+    quirks: Quirks;
+    readonly: boolean;
+    removed: boolean;
+    schema: Schema;
+    selection: EditorSelection;
+    serializer: DomSerializer;
+    startContent: string;
+    targetElm: HTMLElement;
+    theme: Theme;
+    model: Model;
+    undoManager: UndoManager;
+    windowManager: WindowManager;
+    _beforeUnload: (() => void) | undefined;
+    _eventDispatcher: EventDispatcher<NativeEventMap> | undefined;
+    _nodeChangeDispatcher: NodeChange;
+    _pendingNativeEvents: string[];
+    _selectionOverrides: SelectionOverrides;
+    _skinLoaded: boolean;
+    _editableRoot: boolean;
+    bindPendingEventDelegates: EditorObservable['bindPendingEventDelegates'];
+    toggleNativeEvent: EditorObservable['toggleNativeEvent'];
+    unbindAllNativeEvents: EditorObservable['unbindAllNativeEvents'];
+    fire: EditorObservable['fire'];
+    dispatch: EditorObservable['dispatch'];
+    on: EditorObservable['on'];
+    off: EditorObservable['off'];
+    once: EditorObservable['once'];
+    hasEventListeners: EditorObservable['hasEventListeners'];
+    constructor(id: string, options: RawEditorOptions, editorManager: EditorManager);
+    render(): void;
+    focus(skipFocus?: boolean): void;
+    hasFocus(): boolean;
+    translate(text: Untranslated): TranslatedString;
+    getParam<K extends BuiltInOptionType>(name: string, defaultVal: BuiltInOptionTypeMap[K], type: K): BuiltInOptionTypeMap[K];
+    getParam<K extends keyof NormalizedEditorOptions>(name: K, defaultVal?: NormalizedEditorOptions[K], type?: BuiltInOptionType): NormalizedEditorOptions[K];
+    getParam<T>(name: string, defaultVal: T, type?: BuiltInOptionType): T;
+    hasPlugin(name: string, loaded?: boolean): boolean;
+    nodeChanged(args?: any): void;
+    addCommand<S>(name: string, callback: EditorCommandCallback<S>, scope: S): void;
+    addCommand(name: string, callback: EditorCommandCallback<Editor>): void;
+    addQueryStateHandler<S>(name: string, callback: (this: S) => boolean, scope?: S): void;
+    addQueryStateHandler(name: string, callback: (this: Editor) => boolean): void;
+    addQueryValueHandler<S>(name: string, callback: (this: S) => string, scope: S): void;
+    addQueryValueHandler(name: string, callback: (this: Editor) => string): void;
+    addShortcut(pattern: string, desc: string, cmdFunc: string | [
+        string,
+        boolean,
+        any
+    ] | (() => void), scope?: any): void;
+    execCommand(cmd: string, ui?: boolean, value?: any, args?: ExecCommandArgs): boolean;
+    queryCommandState(cmd: string): boolean;
+    queryCommandValue(cmd: string): string;
+    queryCommandSupported(cmd: string): boolean;
+    show(): void;
+    hide(): void;
+    isHidden(): boolean;
+    setProgressState(state: boolean, time?: number): void;
+    load(args?: Partial<SetContentArgs>): string;
+    save(args?: Partial<GetContentArgs>): string;
+    setContent(content: string, args?: Partial<SetContentArgs>): string;
+    setContent(content: AstNode, args?: Partial<SetContentArgs>): AstNode;
+    setContent(content: Content, args?: Partial<SetContentArgs>): Content;
+    getContent(args: {
+        format: 'tree';
+    } & Partial<GetContentArgs>): AstNode;
+    getContent(args?: Partial<GetContentArgs>): string;
+    insertContent(content: string, args?: any): void;
+    resetContent(initialContent?: string): void;
+    isDirty(): boolean;
+    setDirty(state: boolean): void;
+    getContainer(): HTMLElement;
+    getContentAreaContainer(): HTMLElement;
+    getElement(): HTMLElement;
+    getWin(): Window;
+    getDoc(): Document;
+    getBody(): HTMLElement;
+    convertURL(url: string, name: string, elm?: string | Element): string;
+    addVisual(elm?: HTMLElement): void;
+    setEditableRoot(state: boolean): void;
+    hasEditableRoot(): boolean;
+    remove(): void;
+    destroy(automatic?: boolean): void;
+    uploadImages(): Promise<UploadResult$1[]>;
+    _scanForImages(): Promise<BlobInfoImagePair[]>;
+}
+interface UrlObject {
+    prefix: string;
+    resource: string;
+    suffix: string;
+}
+type WaitState = 'added' | 'loaded';
+type AddOnConstructor<T> = (editor: Editor, url: string) => T;
+interface AddOnManager<T> {
+    items: AddOnConstructor<T>[];
+    urls: Record<string, string>;
+    lookup: Record<string, {
+        instance: AddOnConstructor<T>;
+    }>;
+    get: (name: string) => AddOnConstructor<T> | undefined;
+    requireLangPack: (name: string, languages?: string) => void;
+    add: (id: string, addOn: AddOnConstructor<T>) => AddOnConstructor<T>;
+    remove: (name: string) => void;
+    createUrl: (baseUrl: UrlObject, dep: string | UrlObject) => UrlObject;
+    load: (name: string, addOnUrl: string | UrlObject) => Promise<void>;
+    waitFor: (name: string, state?: WaitState) => Promise<void>;
+}
+interface RangeUtils {
+    walk: (rng: Range, callback: (nodes: Node[]) => void) => void;
+    split: (rng: Range) => RangeLikeObject;
+    normalize: (rng: Range) => boolean;
+    expand: (rng: Range, options?: {
+        type: 'word';
+    }) => Range;
+}
+interface ScriptLoaderSettings {
+    referrerPolicy?: ReferrerPolicy;
+}
+interface ScriptLoaderConstructor {
+    readonly prototype: ScriptLoader;
+    new (): ScriptLoader;
+    ScriptLoader: ScriptLoader;
+}
+declare class ScriptLoader {
+    static ScriptLoader: ScriptLoader;
+    private settings;
+    private states;
+    private queue;
+    private scriptLoadedCallbacks;
+    private queueLoadedCallbacks;
+    private loading;
+    constructor(settings?: ScriptLoaderSettings);
+    _setReferrerPolicy(referrerPolicy: ReferrerPolicy): void;
+    loadScript(url: string): Promise<void>;
+    isDone(url: string): boolean;
+    markDone(url: string): void;
+    add(url: string): Promise<void>;
+    load(url: string): Promise<void>;
+    remove(url: string): void;
+    loadQueue(): Promise<void>;
+    loadScripts(scripts: string[]): Promise<void>;
+}
+type TextProcessCallback = (node: Text, offset: number, text: string) => number;
+interface Spot {
+    container: Text;
+    offset: number;
+}
+interface TextSeeker {
+    backwards: (node: Node, offset: number, process: TextProcessCallback, root?: Node) => Spot | null;
+    forwards: (node: Node, offset: number, process: TextProcessCallback, root?: Node) => Spot | null;
+}
+interface DomTreeWalkerConstructor {
+    readonly prototype: DomTreeWalker;
+    new (startNode: Node, rootNode: Node): DomTreeWalker;
+}
+declare class DomTreeWalker {
+    private readonly rootNode;
+    private node;
+    constructor(startNode: Node, rootNode: Node);
+    current(): Node | null | undefined;
+    next(shallow?: boolean): Node | null | undefined;
+    prev(shallow?: boolean): Node | null | undefined;
+    prev2(shallow?: boolean): Node | null | undefined;
+    private findSibling;
+    private findPreviousNode;
+}
+interface Version {
+    major: number;
+    minor: number;
+}
+interface Env {
+    transparentSrc: string;
+    documentMode: number;
+    cacheSuffix: any;
+    container: any;
+    canHaveCSP: boolean;
+    windowsPhone: boolean;
+    browser: {
+        current: string | undefined;
+        version: Version;
+        isEdge: () => boolean;
+        isChromium: () => boolean;
+        isIE: () => boolean;
+        isOpera: () => boolean;
+        isFirefox: () => boolean;
+        isSafari: () => boolean;
+    };
+    os: {
+        current: string | undefined;
+        version: Version;
+        isWindows: () => boolean;
+        isiOS: () => boolean;
+        isAndroid: () => boolean;
+        isMacOS: () => boolean;
+        isLinux: () => boolean;
+        isSolaris: () => boolean;
+        isFreeBSD: () => boolean;
+        isChromeOS: () => boolean;
+    };
+    deviceType: {
+        isiPad: () => boolean;
+        isiPhone: () => boolean;
+        isTablet: () => boolean;
+        isPhone: () => boolean;
+        isTouch: () => boolean;
+        isWebView: () => boolean;
+        isDesktop: () => boolean;
+    };
+}
+interface FakeClipboardItem {
+    readonly items: Record<string, any>;
+    readonly types: ReadonlyArray<string>;
+    readonly getType: <D = any>(type: string) => D | undefined;
+}
+interface FakeClipboard {
+    readonly FakeClipboardItem: (items: Record<string, any>) => FakeClipboardItem;
+    readonly write: (data: FakeClipboardItem[]) => void;
+    readonly read: () => FakeClipboardItem[] | undefined;
+    readonly clear: () => void;
+}
+interface FocusManager {
+    isEditorUIElement: (elm: Element) => boolean;
+}
+interface EntitiesMap {
+    [name: string]: string;
+}
+interface Entities {
+    encodeRaw: (text: string, attr?: boolean) => string;
+    encodeAllRaw: (text: string) => string;
+    encodeNumeric: (text: string, attr?: boolean) => string;
+    encodeNamed: (text: string, attr?: boolean, entities?: EntitiesMap) => string;
+    getEncodeFunc: (name: string, entities?: string) => (text: string, attr?: boolean) => string;
+    decode: (text: string) => string;
+}
+interface IconPack {
+    icons: Record<string, string>;
+}
+interface IconManager {
+    add: (id: string, iconPack: IconPack) => void;
+    get: (id: string) => IconPack;
+    has: (id: string) => boolean;
+}
+interface Resource {
+    load: <T = any>(id: string, url: string) => Promise<T>;
+    add: (id: string, data: any) => void;
+    has: (id: string) => boolean;
+    get: (id: string) => any;
+    unload: (id: string) => void;
+}
+type TextPatterns_d_Pattern = Pattern;
+type TextPatterns_d_RawPattern = RawPattern;
+type TextPatterns_d_DynamicPatternsLookup = DynamicPatternsLookup;
+type TextPatterns_d_RawDynamicPatternsLookup = RawDynamicPatternsLookup;
+type TextPatterns_d_DynamicPatternContext = DynamicPatternContext;
+type TextPatterns_d_BlockCmdPattern = BlockCmdPattern;
+type TextPatterns_d_BlockPattern = BlockPattern;
+type TextPatterns_d_BlockFormatPattern = BlockFormatPattern;
+type TextPatterns_d_InlineCmdPattern = InlineCmdPattern;
+type TextPatterns_d_InlinePattern = InlinePattern;
+type TextPatterns_d_InlineFormatPattern = InlineFormatPattern;
+declare namespace TextPatterns_d {
+    export { TextPatterns_d_Pattern as Pattern, TextPatterns_d_RawPattern as RawPattern, TextPatterns_d_DynamicPatternsLookup as DynamicPatternsLookup, TextPatterns_d_RawDynamicPatternsLookup as RawDynamicPatternsLookup, TextPatterns_d_DynamicPatternContext as DynamicPatternContext, TextPatterns_d_BlockCmdPattern as BlockCmdPattern, TextPatterns_d_BlockPattern as BlockPattern, TextPatterns_d_BlockFormatPattern as BlockFormatPattern, TextPatterns_d_InlineCmdPattern as InlineCmdPattern, TextPatterns_d_InlinePattern as InlinePattern, TextPatterns_d_InlineFormatPattern as InlineFormatPattern, };
+}
+interface Delay {
+    setEditorInterval: (editor: Editor, callback: () => void, time?: number) => number;
+    setEditorTimeout: (editor: Editor, callback: () => void, time?: number) => number;
+}
+type UploadResult = UploadResult$2;
+interface ImageUploader {
+    upload: (blobInfos: BlobInfo[], showNotification?: boolean) => Promise<UploadResult[]>;
+}
+type ArrayCallback$1<T, R> = (this: any, x: T, i: number, xs: ArrayLike<T>) => R;
+type ObjCallback$1<T, R> = (this: any, value: T, key: string, obj: Record<string, T>) => R;
+type ArrayCallback<T, R> = ArrayCallback$1<T, R>;
+type ObjCallback<T, R> = ObjCallback$1<T, R>;
+type WalkCallback<T> = (this: any, o: T, i: string, n: keyof T | undefined) => boolean | void;
+interface Tools {
+    is: (obj: any, type?: string) => boolean;
+    isArray: <T>(arr: any) => arr is Array<T>;
+    inArray: <T>(arr: ArrayLike<T>, value: T) => number;
+    grep: {
+        <T>(arr: ArrayLike<T> | null | undefined, pred?: ArrayCallback<T, boolean>): T[];
+        <T>(arr: Record<string, T> | null | undefined, pred?: ObjCallback<T, boolean>): T[];
+    };
+    trim: (str: string | null | undefined) => string;
+    toArray: <T>(obj: ArrayLike<T>) => T[];
+    hasOwn: (obj: any, name: string) => boolean;
+    makeMap: (items: ArrayLike<string> | string | undefined, delim?: string | RegExp, map?: Record<string, {}>) => Record<string, {}>;
+    each: {
+        <T>(arr: ArrayLike<T> | null | undefined, cb: ArrayCallback<T, void | boolean>, scope?: any): boolean;
+        <T>(obj: Record<string, T> | null | undefined, cb: ObjCallback<T, void | boolean>, scope?: any): boolean;
+    };
+    map: {
+        <T, R>(arr: ArrayLike<T> | null | undefined, cb: ArrayCallback<T, R>): R[];
+        <T, R>(obj: Record<string, T> | null | undefined, cb: ObjCallback<T, R>): R[];
+    };
+    extend: (obj: Object, ext: Object, ...objs: Object[]) => any;
+    walk: <T extends Record<string, any>>(obj: T, f: WalkCallback<T>, n?: keyof T, scope?: any) => void;
+    resolve: (path: string, o?: Object) => any;
+    explode: (s: string | string[], d?: string | RegExp) => string[];
+    _addCacheSuffix: (url: string) => string;
+}
+interface KeyboardLikeEvent {
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    altKey: boolean;
+    metaKey: boolean;
+}
+interface VK {
+    BACKSPACE: number;
+    DELETE: number;
+    DOWN: number;
+    ENTER: number;
+    ESC: number;
+    LEFT: number;
+    RIGHT: number;
+    SPACEBAR: number;
+    TAB: number;
+    UP: number;
+    PAGE_UP: number;
+    PAGE_DOWN: number;
+    END: number;
+    HOME: number;
+    modifierPressed: (e: KeyboardLikeEvent) => boolean;
+    metaKeyPressed: (e: KeyboardLikeEvent) => boolean;
+}
+interface DOMUtilsNamespace {
+    (doc: Document, settings: Partial<DOMUtilsSettings>): DOMUtils;
+    DOM: DOMUtils;
+    nodeIndex: (node: Node, normalized?: boolean) => number;
+}
+interface RangeUtilsNamespace {
+    (dom: DOMUtils): RangeUtils;
+    compareRanges: (rng1: RangeLikeObject, rng2: RangeLikeObject) => boolean;
+    getCaretRangeFromPoint: (clientX: number, clientY: number, doc: Document) => Range;
+    getSelectedNode: (range: Range) => Node;
+    getNode: (container: Node, offset: number) => Node;
+}
+interface AddOnManagerNamespace {
+    <T>(): AddOnManager<T>;
+    language: string | undefined;
+    languageLoad: boolean;
+    baseURL: string;
+    PluginManager: PluginManager;
+    ThemeManager: ThemeManager;
+    ModelManager: ModelManager;
+}
+interface BookmarkManagerNamespace {
+    (selection: EditorSelection): BookmarkManager;
+    isBookmarkNode: (node: Node) => boolean;
+}
+interface TinyMCE extends EditorManager {
+    geom: {
+        Rect: Rect;
+    };
+    util: {
+        Delay: Delay;
+        Tools: Tools;
+        VK: VK;
+        URI: URIConstructor;
+        EventDispatcher: EventDispatcherConstructor<any>;
+        Observable: Observable<any>;
+        I18n: I18n;
+        LocalStorage: Storage;
+        ImageUploader: ImageUploader;
+    };
+    dom: {
+        EventUtils: EventUtilsConstructor;
+        TreeWalker: DomTreeWalkerConstructor;
+        TextSeeker: (dom: DOMUtils, isBlockBoundary?: (node: Node) => boolean) => TextSeeker;
+        DOMUtils: DOMUtilsNamespace;
+        ScriptLoader: ScriptLoaderConstructor;
+        RangeUtils: RangeUtilsNamespace;
+        Serializer: (settings: DomSerializerSettings, editor?: Editor) => DomSerializer;
+        ControlSelection: (selection: EditorSelection, editor: Editor) => ControlSelection;
+        BookmarkManager: BookmarkManagerNamespace;
+        Selection: (dom: DOMUtils, win: Window, serializer: DomSerializer, editor: Editor) => EditorSelection;
+        StyleSheetLoader: (documentOrShadowRoot: Document | ShadowRoot, settings: StyleSheetLoaderSettings) => StyleSheetLoader;
+        Event: EventUtils;
+    };
+    html: {
+        Styles: (settings?: StylesSettings, schema?: Schema) => Styles;
+        Entities: Entities;
+        Node: AstNodeConstructor;
+        Schema: (settings?: SchemaSettings) => Schema;
+        DomParser: (settings?: DomParserSettings, schema?: Schema) => DomParser;
+        Writer: (settings?: WriterSettings) => Writer;
+        Serializer: (settings?: HtmlSerializerSettings, schema?: Schema) => HtmlSerializer;
+    };
+    AddOnManager: AddOnManagerNamespace;
+    Annotator: (editor: Editor) => Annotator;
+    Editor: EditorConstructor;
+    EditorCommands: EditorCommandsConstructor;
+    EditorManager: EditorManager;
+    EditorObservable: EditorObservable;
+    Env: Env;
+    FocusManager: FocusManager;
+    Formatter: (editor: Editor) => Formatter;
+    NotificationManager: (editor: Editor) => NotificationManager;
+    Shortcuts: ShortcutsConstructor;
+    UndoManager: (editor: Editor) => UndoManager;
+    WindowManager: (editor: Editor) => WindowManager;
+    DOM: DOMUtils;
+    ScriptLoader: ScriptLoader;
+    PluginManager: PluginManager;
+    ThemeManager: ThemeManager;
+    ModelManager: ModelManager;
+    IconManager: IconManager;
+    Resource: Resource;
+    FakeClipboard: FakeClipboard;
+    trim: Tools['trim'];
+    isArray: Tools['isArray'];
+    is: Tools['is'];
+    toArray: Tools['toArray'];
+    makeMap: Tools['makeMap'];
+    each: Tools['each'];
+    map: Tools['map'];
+    grep: Tools['grep'];
+    inArray: Tools['inArray'];
+    extend: Tools['extend'];
+    walk: Tools['walk'];
+    resolve: Tools['resolve'];
+    explode: Tools['explode'];
+    _addCacheSuffix: Tools['_addCacheSuffix'];
+}
+declare const tinymce: TinyMCE;
+export { AddOnManager, Annotator, AstNode, Bookmark, BookmarkManager, ControlSelection, DOMUtils, Delay, DomParser, DomParserSettings, DomSerializer, DomSerializerSettings, DomTreeWalker, Editor, EditorCommands, EditorEvent, EditorManager, EditorModeApi, EditorObservable, EditorOptions, EditorSelection, Entities, Env, EventDispatcher, EventUtils, EventTypes_d as Events, FakeClipboard, FocusManager, Format_d as Formats, Formatter, GeomRect, HtmlSerializer, HtmlSerializerSettings, I18n, IconManager, Model, ModelManager, NotificationApi, NotificationManager, NotificationSpec, Observable, Plugin, PluginManager, RangeUtils, RawEditorOptions, Rect, Resource, Schema, SchemaSettings, ScriptLoader, Shortcuts, StyleSheetLoader, Styles, TextPatterns_d as TextPatterns, TextSeeker, Theme, ThemeManager, TinyMCE, Tools, URI, Ui_d as Ui, UndoManager, VK, WindowManager, Writer, WriterSettings, tinymce as default };
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.js
new file mode 100644
index 000000000..ef23f5206
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.js
@@ -0,0 +1,38748 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var typeOf$1 = function (x) {
+        if (x === null) {
+            return 'null';
+        }
+        if (x === undefined) {
+            return 'undefined';
+        }
+        var t = typeof x;
+        if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+            return 'array';
+        }
+        if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+            return 'string';
+        }
+        return t;
+    };
+    var isEquatableType = function (x) {
+        return ['undefined', 'boolean', 'number', 'string', 'function', 'xml', 'null'].indexOf(x) !== -1;
+    };
+
+    var sort$1 = function (xs, compareFn) {
+        var clone = Array.prototype.slice.call(xs);
+        return clone.sort(compareFn);
+    };
+
+    var contramap = function (eqa, f) {
+        return eq$2(function (x, y) { return eqa.eq(f(x), f(y)); });
+    };
+    var eq$2 = function (f) {
+        return ({ eq: f });
+    };
+    var tripleEq = eq$2(function (x, y) { return x === y; });
+    var eqString = tripleEq;
+    var eqArray = function (eqa) { return eq$2(function (x, y) {
+        if (x.length !== y.length) {
+            return false;
+        }
+        var len = x.length;
+        for (var i = 0; i < len; i++) {
+            if (!eqa.eq(x[i], y[i])) {
+                return false;
+            }
+        }
+        return true;
+    }); };
+    // TODO: Make an Ord typeclass
+    var eqSortedArray = function (eqa, compareFn) {
+        return contramap(eqArray(eqa), function (xs) { return sort$1(xs, compareFn); });
+    };
+    var eqRecord = function (eqa) { return eq$2(function (x, y) {
+        var kx = Object.keys(x);
+        var ky = Object.keys(y);
+        if (!eqSortedArray(eqString).eq(kx, ky)) {
+            return false;
+        }
+        var len = kx.length;
+        for (var i = 0; i < len; i++) {
+            var q = kx[i];
+            if (!eqa.eq(x[q], y[q])) {
+                return false;
+            }
+        }
+        return true;
+    }); };
+    var eqAny = eq$2(function (x, y) {
+        if (x === y) {
+            return true;
+        }
+        var tx = typeOf$1(x);
+        var ty = typeOf$1(y);
+        if (tx !== ty) {
+            return false;
+        }
+        if (isEquatableType(tx)) {
+            return x === y;
+        }
+        else if (tx === 'array') {
+            return eqArray(eqAny).eq(x, y);
+        }
+        else if (tx === 'object') {
+            return eqRecord(eqAny).eq(x, y);
+        }
+        return false;
+    });
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const getPrototypeOf$2 = Object.getPrototypeOf;
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$1 = (t) => (a) => t === a;
+    const is$4 = (value, constructor) => isObject(value) && hasProto(value, constructor, (o, proto) => getPrototypeOf$2(o) === proto);
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isPlainObject = (value) => is$4(value, Object);
+    const isArray$1 = isType$1('array');
+    const isNull = eq$1(null);
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$1(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+    const isArrayOf = (value, pred) => {
+        if (isArray$1(value)) {
+            for (let i = 0, len = value.length; i < len; ++i) {
+                if (!(pred(value[i]))) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    };
+
+    const noop = () => { };
+    /** Compose a unary function with an n-ary function */
+    const compose = (fa, fb) => {
+        return (...args) => {
+            return fa(fb.apply(null, args));
+        };
+    };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const identity = (x) => {
+        return x;
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const not = (f) => (t) => !f(t);
+    const die = (msg) => {
+        return () => {
+            throw new Error(msg);
+        };
+    };
+    const apply$1 = (f) => {
+        return f();
+    };
+    const call = (f) => {
+        f();
+    };
+    const never = constant(false);
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const indexOf$1 = (xs, x) => {
+        // The rawIndexOf method does not wrap up in an option. This is for performance reasons.
+        const r = rawIndexOf(xs, x);
+        return r === -1 ? Optional.none() : Optional?.some(r);
+    };
+    const contains$2 = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const map$3 = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$e = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const partition$2 = (xs, pred) => {
+        const pass = [];
+        const fail = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            const arr = pred(x, i) ? pass : fail;
+            arr.push(x);
+        }
+        return { pass, fail };
+    };
+    const filter$5 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldr = (xs, f, acc) => {
+        eachr(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const foldl = (xs, f, acc) => {
+        each$e(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil$1 = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$2 = (xs, pred) => {
+        return findUntil$1(xs, pred, never);
+    };
+    const findIndex$2 = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(i);
+            }
+        }
+        return Optional.none();
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray$1(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind$3 = (xs, f) => flatten(map$3(xs, f));
+    const forall = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            const x = xs[i];
+            if (pred(x, i) !== true) {
+                return false;
+            }
+        }
+        return true;
+    };
+    const reverse = (xs) => {
+        const r = nativeSlice.call(xs, 0);
+        r.reverse();
+        return r;
+    };
+    const difference = (a1, a2) => filter$5(a1, (x) => !contains$2(a2, x));
+    const mapToObject = (xs, f) => {
+        const r = {};
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            r[String(x)] = f(x, i);
+        }
+        return r;
+    };
+    const sort = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+    const get$b = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$b(xs, 0);
+    const last$2 = (xs) => get$b(xs, xs.length - 1);
+    const from = isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+    const unique$1 = (xs, comparator) => {
+        const r = [];
+        const isDuplicated = isFunction(comparator) ?
+            (x) => exists(r, (i) => comparator(i, x)) :
+            (x) => contains$2(r, x);
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (!isDuplicated(x)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty$1 = Object.hasOwnProperty;
+    const each$d = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map$2 = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each$d(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each$d(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const bifilter = (obj, pred) => {
+        const t = {};
+        const f = {};
+        internalFilter(obj, pred, objAcc(t), objAcc(f));
+        return { t, f };
+    };
+    const filter$4 = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const mapToArray = (obj, f) => {
+        const r = [];
+        each$d(obj, (value, name) => {
+            r.push(f(value, name));
+        });
+        return r;
+    };
+    const values = (obj) => {
+        return mapToArray(obj, identity);
+    };
+    const get$a = (obj, key) => {
+        return has$2(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has$2 = (obj, key) => hasOwnProperty$1.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has$2(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    const equal$1 = (a1, a2, eq = eqAny) => eqRecord(eq).eq(a1, a2);
+
+    /*
+     * Generates a church encoded ADT (https://en.wikipedia.org/wiki/Church_encoding)
+     * For syntax and use, look at the test code.
+     */
+    const generate$1 = (cases) => {
+        // validation
+        if (!isArray$1(cases)) {
+            throw new Error('cases must be an array');
+        }
+        if (cases.length === 0) {
+            throw new Error('there must be at least one case');
+        }
+        const constructors = [];
+        // adt is mutated to add the individual cases
+        const adt = {};
+        each$e(cases, (acase, count) => {
+            const keys$1 = keys(acase);
+            // validation
+            if (keys$1.length !== 1) {
+                throw new Error('one and only one name per case');
+            }
+            const key = keys$1[0];
+            const value = acase[key];
+            // validation
+            if (adt[key] !== undefined) {
+                throw new Error('duplicate key detected:' + key);
+            }
+            else if (key === 'cata') {
+                throw new Error('cannot have a case named cata (sorry)');
+            }
+            else if (!isArray$1(value)) {
+                // this implicitly checks if acase is an object
+                throw new Error('case arguments must be an array');
+            }
+            constructors.push(key);
+            //
+            // constructor for key
+            //
+            adt[key] = (...args) => {
+                const argLength = args.length;
+                // validation
+                if (argLength !== value.length) {
+                    throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+                }
+                const match = (branches) => {
+                    const branchKeys = keys(branches);
+                    if (constructors.length !== branchKeys.length) {
+                        throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+                    }
+                    const allReqd = forall(constructors, (reqKey) => {
+                        return contains$2(branchKeys, reqKey);
+                    });
+                    if (!allReqd) {
+                        throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+                    }
+                    return branches[key].apply(null, args);
+                };
+                //
+                // the fold function for key
+                //
+                return {
+                    fold: (...foldArgs) => {
+                        // runtime validation
+                        if (foldArgs.length !== cases.length) {
+                            throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + foldArgs.length);
+                        }
+                        const target = foldArgs[count];
+                        return target.apply(null, args);
+                    },
+                    match,
+                    // NOTE: Only for debugging.
+                    log: (label) => {
+                        // eslint-disable-next-line no-console
+                        console.log(label, {
+                            constructors,
+                            constructor: key,
+                            params: args
+                        });
+                    }
+                };
+            };
+        });
+        return adt;
+    };
+    const Adt = {
+        generate: generate$1
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    /**
+     * Creates a new `Result<T, E>` that **does** contain a value.
+     */
+    const value$3 = (value) => {
+        const applyHelper = (fn) => fn(value);
+        const constHelper = constant(value);
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: true,
+            inner: value,
+            // Actual Result methods
+            fold: (_onError, onValue) => onValue(value),
+            isValue: always,
+            isError: never,
+            map: (mapper) => Result.value(mapper(value)),
+            mapError: outputHelper,
+            bind: applyHelper,
+            exists: applyHelper,
+            forall: applyHelper,
+            getOr: constHelper,
+            or: outputHelper,
+            getOrThunk: constHelper,
+            orThunk: outputHelper,
+            getOrDie: constHelper,
+            each: (fn) => {
+                // Can't write the function inline because we don't want to return something by mistake
+                fn(value);
+            },
+            toOptional: () => Optional?.some(value),
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` that **does not** contain a value, and therefore
+     * contains an error.
+     */
+    const error = (error) => {
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: false,
+            inner: error,
+            // Actual Result methods
+            fold: (onError, _onValue) => onError(error),
+            isValue: never,
+            isError: always,
+            map: outputHelper,
+            mapError: (mapper) => Result.error(mapper(error)),
+            bind: outputHelper,
+            exists: never,
+            forall: always,
+            getOr: identity,
+            or: identity,
+            getOrThunk: apply$1,
+            orThunk: apply$1,
+            getOrDie: die(String(error)),
+            each: noop,
+            toOptional: Optional.none,
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` from an `Optional<T>` and an `E`. If the
+     * `Optional` contains a value, so will the outputted `Result`. If it does not,
+     * the outputted `Result` will contain an error (and that error will be the
+     * error passed in).
+     */
+    const fromOption = (optional, err) => optional.fold(() => error(err), value$3);
+    const Result = {
+        value: value$3,
+        error,
+        fromOption
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    // ASSUMPTION: Max will always be larger than min
+    const clamp$2 = (value, min, max) => Math.min(Math.max(value, min), max);
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    const shallow$1 = (old, nu) => {
+        return nu;
+    };
+    const deep$1 = (old, nu) => {
+        const bothObjects = isPlainObject(old) && isPlainObject(nu);
+        return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    const baseMerge = (merger) => {
+        return (...objects) => {
+            if (objects.length === 0) {
+                throw new Error(`Can't merge zero objects`);
+            }
+            const ret = {};
+            for (let j = 0; j < objects.length; j++) {
+                const curObject = objects[j];
+                for (const key in curObject) {
+                    if (has$2(curObject, key)) {
+                        ret[key] = merger(ret[key], curObject[key]);
+                    }
+                }
+            }
+            return ret;
+        };
+    };
+    const deepMerge = baseMerge(deep$1);
+    const merge$1 = baseMerge(shallow$1);
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$3 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    /**
+     * Are these two Optional objects equal? Equality here means either they're both
+     * `Some` (and the values are equal under the comparator) or they're both `None`.
+     */
+    const equals = (lhs, rhs, comparator = tripleEquals) => lift2(lhs, rhs, comparator).getOr(lhs.isNone() && rhs.isNone());
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    const lift3 = (oa, ob, oc, f) => oa.isSome() && ob.isSome() && oc.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie(), oc.getOrDie())) : Optional.none();
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve$3 = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    Adt.generate([
+        { bothErrors: ['error1', 'error2'] },
+        { firstError: ['error1', 'value2'] },
+        { secondError: ['value1', 'error2'] },
+        { bothValues: ['value1', 'value2'] }
+    ]);
+    /** partition :: [Result a] -> { errors: [String], values: [a] } */
+    const partition$1 = (results) => {
+        const errors = [];
+        const values = [];
+        each$e(results, (result) => {
+            result.fold((err) => {
+                errors.push(err);
+            }, (value) => {
+                values.push(value);
+            });
+        });
+        return { errors, values };
+    };
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const repeatable = (delay) => {
+        const intervalId = Cell(Optional.none());
+        const revoke = () => intervalId.get().each((id) => clearInterval(id));
+        const clear = () => {
+            revoke();
+            intervalId.set(Optional.none());
+        };
+        const isSet = () => intervalId.get().isSome();
+        const get = () => intervalId.get();
+        const set = (functionToRepeat) => {
+            revoke();
+            intervalId.set(Optional?.some(setInterval(functionToRepeat, delay)));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set,
+        };
+    };
+    const value$2 = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    const contains$1 = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+    /** Does 'str' end with 'suffix'?
+     *  Note: all strings end with the empty string.
+     *        More formally, for all strings x, endsWith(x, "").
+     *        This is so that for all strings x and y, endsWith(x + y, y)
+     */
+    const endsWith = (str, suffix) => {
+        return checkRange(str, suffix, str.length - suffix.length);
+    };
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim$4 = blank(/^\s+|\s+$/g);
+    const lTrim = blank(/^\s+/g);
+    const rTrim = blank(/\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const isEmpty$3 = (s) => !isNotEmpty(s);
+    const repeat = (s, count) => count <= 0 ? '' : new Array(count + 1).join(s);
+    const toInt = (value, radix = 10) => {
+        const num = parseInt(value, radix);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first$1 = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last$1 = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const zeroWidth = '\uFEFF';
+    const nbsp = '\u00A0';
+    const isZwsp$2 = (char) => char === zeroWidth;
+    const removeZwsp = (s) => s.replace(/\uFEFF/g, '');
+
+    const stringArray = (a) => {
+        const all = {};
+        each$e(a, (key) => {
+            all[key] = {};
+        });
+        return keys(all);
+    };
+
+    const isArrayLike = (o) => o.length !== undefined;
+    const isArray = Array.isArray;
+    const toArray$1 = (obj) => {
+        if (!isArray(obj)) {
+            const array = [];
+            for (let i = 0, l = obj.length; i < l; i++) {
+                array[i] = obj[i];
+            }
+            return array;
+        }
+        else {
+            return obj;
+        }
+    };
+    const each$c = (o, cb, s) => {
+        if (!o) {
+            return false;
+        }
+        s = s || o;
+        if (isArrayLike(o)) {
+            // Indexed arrays, needed for Safari
+            for (let n = 0, l = o.length; n < l; n++) {
+                if (cb.call(s, o[n], n, o) === false) {
+                    return false;
+                }
+            }
+        }
+        else {
+            // Hashtables
+            for (const n in o) {
+                if (has$2(o, n)) {
+                    if (cb.call(s, o[n], n, o) === false) {
+                        return false;
+                    }
+                }
+            }
+        }
+        return true;
+    };
+    const map$1 = (array, callback) => {
+        const out = [];
+        each$c(array, (item, index) => {
+            out.push(callback(item, index, array));
+        });
+        return out;
+    };
+    const filter$3 = (a, f) => {
+        const o = [];
+        each$c(a, (v, index) => {
+            if (!f || f(v, index, a)) {
+                o.push(v);
+            }
+        });
+        return o;
+    };
+    const indexOf = (a, v) => {
+        if (a) {
+            for (let i = 0, l = a.length; i < l; i++) {
+                if (a[i] === v) {
+                    return i;
+                }
+            }
+        }
+        return -1;
+    };
+    const reduce = (collection, iteratee, accumulator, thisArg) => {
+        let acc = isUndefined(accumulator) ? collection[0] : accumulator;
+        for (let i = 0; i < collection.length; i++) {
+            acc = iteratee.call(thisArg, acc, collection[i], i);
+        }
+        return acc;
+    };
+    const findIndex$1 = (array, predicate, thisArg) => {
+        for (let i = 0, l = array.length; i < l; i++) {
+            if (predicate.call(thisArg, array[i], i, array)) {
+                return i;
+            }
+        }
+        return -1;
+    };
+    const last = (collection) => collection[collection.length - 1];
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant(isiPad),
+            isiPhone: constant(isiPhone),
+            isTablet: constant(isTablet),
+            isPhone: constant(isPhone),
+            isTouch: constant(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant(iOSwebview),
+            isDesktop: constant(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find$1 = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$3(group(1), group(2));
+    };
+    const detect$4 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$2();
+        }
+        return find$1(versionRegexes, cleanedAgent);
+    };
+    const unknown$2 = () => {
+        return nu$3(0, 0);
+    };
+    const nu$3 = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$3,
+        detect: detect$4,
+        unknown: unknown$2
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$2(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$3 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$2(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$3(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$3(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains$1(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant(browsers),
+        oses: constant(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$1 = () => {
+        return nu$2({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$2 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$1,
+        nu: nu$2,
+        edge: constant(edge),
+        chromium: constant(chromium),
+        ie: constant(ie),
+        opera: constant(opera),
+        firefox: constant(firefox),
+        safari: constant(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown = () => {
+        return nu$1({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$1 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown,
+        nu: nu$1,
+        windows: constant(windows),
+        ios: constant(ios),
+        android: constant(android),
+        linux: constant(linux),
+        macos: constant(macos),
+        solaris: constant(solaris),
+        freebsd: constant(freebsd),
+        chromeos: constant(chromeos)
+    };
+
+    const detect$2 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$2
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform$4 = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect$1 = () => platform$4();
+
+    const unsafe = (name, scope) => {
+        return resolve$3(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf$1 = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve$3('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf$1(x).constructor.name));
+    };
+
+    /**
+     * This class contains various environment constants like browser versions etc.
+     * Normally you don't want to sniff specific browser versions but sometimes you have
+     * to when it's impossible to feature detect. So use this with care.
+     *
+     * @class tinymce.Env
+     * @static
+     */
+    const userAgent = window.navigator.userAgent;
+    const platform$3 = detect$1();
+    const browser$3 = platform$3.browser;
+    const os$1 = platform$3.os;
+    const deviceType = platform$3.deviceType;
+    const windowsPhone = userAgent.indexOf('Windows Phone') !== -1;
+    const Env = {
+        /**
+         * Transparent image data url.
+         *
+         * @property transparentSrc
+         * @type Boolean
+         * @final
+         */
+        transparentSrc: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+        /**
+         * Returns the IE document mode. For non IE browsers, this will fake IE 10 document mode.
+         *
+         * @property documentMode
+         * @type Number
+         */
+        documentMode: browser$3.isIE() ? (document.documentMode || 7) : 10,
+        cacheSuffix: null,
+        container: null,
+        /**
+         * Constant if CSP mode is possible or not. Meaning we can't use script urls for the iframe.
+         */
+        canHaveCSP: !browser$3.isIE(),
+        windowsPhone,
+        /**
+         * @include ../../../../../tools/docs/tinymce.Env.js
+         */
+        browser: {
+            current: browser$3.current,
+            version: browser$3.version,
+            isChromium: browser$3.isChromium,
+            isEdge: browser$3.isEdge,
+            isFirefox: browser$3.isFirefox,
+            isIE: browser$3.isIE,
+            isOpera: browser$3.isOpera,
+            isSafari: browser$3.isSafari
+        },
+        os: {
+            current: os$1.current,
+            version: os$1.version,
+            isAndroid: os$1.isAndroid,
+            isChromeOS: os$1.isChromeOS,
+            isFreeBSD: os$1.isFreeBSD,
+            isiOS: os$1.isiOS,
+            isLinux: os$1.isLinux,
+            isMacOS: os$1.isMacOS,
+            isSolaris: os$1.isSolaris,
+            isWindows: os$1.isWindows
+        },
+        deviceType: {
+            isDesktop: deviceType.isDesktop,
+            isiPad: deviceType.isiPad,
+            isiPhone: deviceType.isiPhone,
+            isPhone: deviceType.isPhone,
+            isTablet: deviceType.isTablet,
+            isTouch: deviceType.isTouch,
+            isWebView: deviceType.isWebView
+        }
+    };
+
+    /**
+     * This class contains various utility functions. These are also exposed
+     * directly on the tinymce namespace.
+     *
+     * @class tinymce.util.Tools
+     */
+    /**
+     * Removes whitespace from the beginning and end of a string.
+     *
+     * @method trim
+     * @param {String} s String to remove whitespace from.
+     * @return {String} New string with removed whitespace.
+     */
+    const whiteSpaceRegExp$1 = /^\s*|\s*$/g;
+    const trim$3 = (str) => {
+        return isNullable(str) ? '' : ('' + str).replace(whiteSpaceRegExp$1, '');
+    };
+    /**
+     * Checks if a object is of a specific type for example an array.
+     *
+     * @method is
+     * @param {Object} obj Object to check type of.
+     * @param {String} type Optional type to check for.
+     * @return {Boolean} true/false if the object is of the specified type.
+     */
+    const is$2 = (obj, type) => {
+        if (!type) {
+            return obj !== undefined;
+        }
+        if (type === 'array' && isArray(obj)) {
+            return true;
+        }
+        return typeof obj === type;
+    };
+    /**
+     * Makes a name/object map out of an array with names.
+     *
+     * @method makeMap
+     * @param {Array/String} items Items to make map out of.
+     * @param {String} delim Optional delimiter to split string by.
+     * @param {Object} map Optional map to add items to.
+     * @return {Object} Name/value map of items.
+     */
+    const makeMap$4 = (items, delim, map = {}) => {
+        const resolvedItems = isString(items) ? items.split(delim || ',') : (items || []);
+        let i = resolvedItems.length;
+        while (i--) {
+            map[resolvedItems[i]] = {};
+        }
+        return map;
+    };
+    /**
+     * JavaScript does not protect hasOwnProperty method, so it is possible to overwrite it. This is
+     * an object independent version.
+     * Checks if the input object "<code>obj</code>" has the property "<code>prop</code>".
+     *
+     * @method hasOwnProperty
+     * @param {Object} obj Object to check if the property exists.
+     * @param {String} prop Name of a property on the object.
+     * @returns {Boolean} true if the object has the specified property.
+     */
+    const hasOwnProperty = has$2;
+    const extend$3 = (obj, ...exts) => {
+        for (let i = 0; i < exts.length; i++) {
+            const ext = exts[i];
+            for (const name in ext) {
+                if (has$2(ext, name)) {
+                    const value = ext[name];
+                    if (value !== undefined) {
+                        obj[name] = value;
+                    }
+                }
+            }
+        }
+        return obj;
+    };
+    /**
+     * Executed the specified function for each item in a object tree.
+     *
+     * @method walk
+     * @param {Object} o Object tree to walk though.
+     * @param {Function} f Function to call for each item.
+     * @param {String} n Optional name of collection inside the objects to walk for example childNodes.
+     * @param {String} s Optional scope to execute the function in.
+     */
+    const walk$4 = function (o, f, n, s) {
+        s = s || this;
+        if (o) {
+            if (n) {
+                o = o[n];
+            }
+            each$c(o, (o, i) => {
+                if (f.call(s, o, i, n) === false) {
+                    return false;
+                }
+                else {
+                    walk$4(o, f, n, s);
+                    return true;
+                }
+            });
+        }
+    };
+    /**
+     * Resolves a string and returns the object from a specific structure.
+     *
+     * @method resolve
+     * @param {String} n Path to resolve for example a.b.c.d.
+     * @param {Object} o Optional object to search though, defaults to window.
+     * @return {Object} Last object in path or null if it couldn't be resolved.
+     * @example
+     * // Resolve a path into an object reference
+     * const obj = tinymce.resolve('a.b.c.d');
+     */
+    const resolve$2 = (n, o = window) => {
+        const path = n.split('.');
+        for (let i = 0, l = path.length; i < l; i++) {
+            o = o[path[i]];
+            if (!o) {
+                break;
+            }
+        }
+        return o;
+    };
+    /**
+     * Splits a string but removes the whitespace before and after each value.
+     *
+     * @method explode
+     * @param {String} s String to split.
+     * @param {String} d Delimiter to split by.
+     * @example
+     * // Split a string into an array with a,b,c
+     * const arr = tinymce.explode('a, b,   c');
+     */
+    const explode$3 = (s, d) => {
+        if (isArray$1(s)) {
+            return s;
+        }
+        else if (s === '') {
+            return [];
+        }
+        else {
+            return map$1(s.split(d || ','), trim$3);
+        }
+    };
+    const _addCacheSuffix = (url) => {
+        const cacheSuffix = Env.cacheSuffix;
+        if (cacheSuffix) {
+            url += (url.indexOf('?') === -1 ? '?' : '&') + cacheSuffix;
+        }
+        return url;
+    };
+    const Tools = {
+        trim: trim$3,
+        /**
+         * Returns true/false if the object is an array or not.
+         *
+         * @method isArray
+         * @param {Object} obj Object to check.
+         * @return {Boolean} true/false state if the object is an array or not.
+         */
+        isArray: isArray,
+        is: is$2,
+        /**
+         * Converts the specified object into a real JavaScript array.
+         *
+         * @method toArray
+         * @param {Object} obj Object to convert into array.
+         * @return {Array} Array object based in input.
+         */
+        toArray: toArray$1,
+        makeMap: makeMap$4,
+        /**
+         * Performs an iteration of all items in a collection such as an object or array. This method will execute the
+         * callback function for each item in the collection, if the callback returns false the iteration will terminate.
+         * The callback has the following format: `cb(value, key_or_index)`.
+         *
+         * @method each
+         * @param {Object} o Collection to iterate.
+         * @param {Function} cb Callback function to execute for each item.
+         * @param {Object} s Optional scope to execute the callback in.
+         * @example
+         * // Iterate an array
+         * tinymce.each([ 1,2,3 ], (v, i) => {
+         *   console.debug("Value: " + v + ", Index: " + i);
+         * });
+         *
+         * // Iterate an object
+         * tinymce.each({ a: 1, b: 2, c: 3 }, (v, k) => {
+         *   console.debug("Value: " + v + ", Key: " + k);
+         * });
+         */
+        each: each$c,
+        /**
+         * Creates a new array by the return value of each iteration function call. This enables you to convert
+         * one array list into another.
+         *
+         * @method map
+         * @param {Array} array Array of items to iterate.
+         * @param {Function} callback Function to call for each item. It's return value will be the new value.
+         * @return {Array} Array with new values based on function return values.
+         */
+        map: map$1,
+        /**
+         * Filters out items from the input array by calling the specified function for each item.
+         * If the function returns false the item will be excluded if it returns true it will be included.
+         *
+         * @method grep
+         * @param {Array} a Array of items to loop though.
+         * @param {Function} f Function to call for each item. Include/exclude depends on it's return value.
+         * @return {Array} New array with values imported and filtered based in input.
+         * @example
+         * // Filter out some items, this will return an array with 4 and 5
+         * const items = tinymce.grep([ 1,2,3,4,5 ], (v) => v > 3);
+         */
+        grep: filter$3,
+        /**
+         * Returns an index of the item or -1 if item is not present in the array.
+         *
+         * @method inArray
+         * @param {any} item Item to search for.
+         * @param {Array} arr Array to search in.
+         * @return {Number} index of the item or -1 if item was not found.
+         */
+        inArray: indexOf,
+        hasOwn: hasOwnProperty,
+        extend: extend$3,
+        walk: walk$4,
+        resolve: resolve$2,
+        explode: explode$3,
+        _addCacheSuffix
+    };
+
+    const fromHtml$1 = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom$2(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom$2(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom$2(node);
+    };
+    const fromDom$2 = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint$2 = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom$2);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml: fromHtml$1,
+        fromTag,
+        fromText,
+        fromDom: fromDom$2,
+        fromPoint: fromPoint$2
+    };
+
+    // NOTE: Mutates the range.
+    const setStart = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setStartBefore(e.dom);
+        }, (e, o) => {
+            rng.setStart(e.dom, o);
+        }, (e) => {
+            rng.setStartAfter(e.dom);
+        });
+    };
+    const setFinish = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setEndBefore(e.dom);
+        }, (e, o) => {
+            rng.setEnd(e.dom, o);
+        }, (e) => {
+            rng.setEndAfter(e.dom);
+        });
+    };
+    const relativeToNative = (win, startSitu, finishSitu) => {
+        const range = win.document.createRange();
+        setStart(range, startSitu);
+        setFinish(range, finishSitu);
+        return range;
+    };
+    const exactToNative = (win, start, soffset, finish, foffset) => {
+        const rng = win.document.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+
+    const adt$3 = Adt.generate([
+        { ltr: ['start', 'soffset', 'finish', 'foffset'] },
+        { rtl: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const fromRange = (win, type, range) => type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
+    const getRanges$1 = (win, selection) => selection.match({
+        domRange: (rng) => {
+            return {
+                ltr: constant(rng),
+                rtl: Optional.none
+            };
+        },
+        relative: (startSitu, finishSitu) => {
+            return {
+                ltr: cached(() => relativeToNative(win, startSitu, finishSitu)),
+                rtl: cached(() => Optional?.some(relativeToNative(win, finishSitu, startSitu)))
+            };
+        },
+        exact: (start, soffset, finish, foffset) => {
+            return {
+                ltr: cached(() => exactToNative(win, start, soffset, finish, foffset)),
+                rtl: cached(() => Optional?.some(exactToNative(win, finish, foffset, start, soffset)))
+            };
+        }
+    });
+    const doDiagnose = (win, ranges) => {
+        // If we cannot create a ranged selection from start > finish, it could be RTL
+        const rng = ranges.ltr();
+        if (rng.collapsed) {
+            // Let's check if it's RTL ... if it is, then reversing the direction will not be collapsed
+            const reversed = ranges.rtl().filter((rev) => rev.collapsed === false);
+            return reversed?.map((rev) => 
+            // We need to use "reversed" here, because the original only has one point (collapsed)
+            adt$3.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset)).getOrThunk(() => fromRange(win, adt$3.ltr, rng));
+        }
+        else {
+            return fromRange(win, adt$3.ltr, rng);
+        }
+    };
+    const diagnose = (win, selection) => {
+        const ranges = getRanges$1(win, selection);
+        return doDiagnose(win, ranges);
+    };
+    adt$3.ltr;
+    adt$3.rtl;
+
+    const COMMENT = 8;
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map$3(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    // Returns: true if node e1 contains e2, otherwise false.
+    // (returns false if e1===e2: A node does not contain itself).
+    const contains = (e1, e2) => {
+        const d1 = e1.dom;
+        const d2 = e2.dom;
+        return d1 === d2 ? false : d1.contains(d2);
+    };
+
+    /**
+     * Applies f repeatedly until it completes (by returning Optional.none()).
+     *
+     * Normally would just use recursion, but JavaScript lacks tail call optimisation.
+     *
+     * This is what recursion looks like when manually unravelled :)
+     */
+    const toArray = (target, f) => {
+        const r = [];
+        const recurse = (e) => {
+            r.push(e);
+            return f(e);
+        };
+        let cur = f(target);
+        do {
+            cur = cur.bind(recurse);
+        } while (cur.isSome());
+        return r;
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type$1 = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type$1(element) === t;
+    const isComment$1 = (element) => type$1(element) === COMMENT || name(element) === '#comment';
+    const isHTMLElement$1 = (element) => isElement$7(element) && isPrototypeOf(element.dom);
+    const isElement$7 = isType(ELEMENT);
+    const isText$c = isType(TEXT);
+    const isDocument$2 = isType(DOCUMENT);
+    const isDocumentFragment$1 = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement$7(e) && name(e) === tag;
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner$1 = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument$2(dos) ? dos : owner$1(dos);
+    const documentElement = (element) => SugarElement.fromDom(documentOrOwner(element).dom.documentElement);
+    /**
+     * The window element associated with the element
+     * NOTE: this will throw if the defaultView is null.
+     */
+    const defaultView = (element) => SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parentElement = (element) => Optional.from(element.dom.parentElement)?.map(SugarElement.fromDom);
+    const parents$1 = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const siblings = (element) => {
+        // TODO: Refactor out children so we can just not add self instead of filtering afterwards
+        const filterSelf = (elements) => filter$5(elements, (x) => !eq(element, x));
+        return parent(element)?.map(children$1)?.map(filterSelf).getOr([]);
+    };
+    const prevSibling = (element) => Optional.from(element.dom.previousSibling)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    // This one needs to be reversed, so they're still in DOM order
+    const prevSiblings = (element) => reverse(toArray(element, prevSibling));
+    const nextSiblings = (element) => toArray(element, nextSibling);
+    const children$1 = (element) => map$3(element.dom.childNodes, SugarElement.fromDom);
+    const child$1 = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child$1(element, 0);
+    const lastChild = (element) => child$1(element, element.dom.childNodes.length - 1);
+    const childNodesCount = (element) => element.dom.childNodes.length;
+
+    const getHead = (doc) => {
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en-US/docs/Web/API/Document/head
+         */
+        const b = doc.dom.head;
+        if (b === null || b === undefined) {
+            throw new Error('Head is not available yet');
+        }
+        return SugarElement.fromDom(b);
+    };
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment$1(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** Where style tags need to go. ShadowRoot or document head */
+    const getStyleContainer = (dos) => isShadowRoot(dos) ? dos : getHead(documentOrOwner(dos));
+    /** Where content needs to go. ShadowRoot or document body */
+    const getContentContainer = (dos) => 
+    // Can't use SugarBody.body without causing a circular module reference (since SugarBody.inBody uses SugarShadowDom)
+    isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+    /**
+     * When Events bubble up through a ShadowRoot, the browser changes the target to be the shadow host.
+     * This function gets the "original" event target if possible.
+     * This only works if the shadow tree is open - if the shadow tree is closed, event.target is returned.
+     * See: https://developers.google.com/web/fundamentals/web-components/shadowdom#events
+     */
+    const getOriginalEventTarget = (event) => {
+        if (isNonNullable(event.target)) {
+            const el = SugarElement.fromDom(event.target);
+            if (isElement$7(el) && isOpenShadowHost(el)) {
+                // When target element is inside Shadow DOM we need to take first element from composedPath
+                // otherwise we'll get Shadow Root parent, not actual target element.
+                if (event.composed && event.composedPath) {
+                    const composedPath = event.composedPath();
+                    if (composedPath) {
+                        return head(composedPath);
+                    }
+                }
+            }
+        }
+        return Optional.from(event.target);
+    };
+    /** Return true if the element is a host of an open shadow root.
+     *  Return false if the element is a host of a closed shadow root, or if the element is not a host.
+     */
+    const isOpenShadowHost = (element) => isNonNullable(element.dom.shadowRoot);
+
+    const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
+        target,
+        x,
+        y,
+        stop,
+        prevent,
+        kill,
+        raw
+    });
+    /** Wraps an Event in an EventArgs structure.
+     * The returned EventArgs structure has its target set to the "original" target if possible.
+     * See SugarShadowDom.getOriginalEventTarget
+     */
+    const fromRawEvent = (rawEvent) => {
+        const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+        const stop = () => rawEvent.stopPropagation();
+        const prevent = () => rawEvent.preventDefault();
+        const kill = compose(prevent, stop); // more of a sequence than a compose, but same effect
+        // FIX: Don't just expose the raw event. Need to identify what needs standardisation.
+        return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    const handle$1 = (filter, handler) => (rawEvent) => {
+        if (filter(rawEvent)) {
+            handler(fromRawEvent(rawEvent));
+        }
+    };
+    const binder = (element, event, filter, handler, useCapture) => {
+        const wrapped = handle$1(filter, handler);
+        // IE9 minimum
+        element.dom.addEventListener(event, wrapped, useCapture);
+        return {
+            unbind: curry(unbind, element, event, wrapped, useCapture)
+        };
+    };
+    const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
+    const unbind = (element, event, handler, useCapture) => {
+        // IE9 minimum
+        element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    const filter$2 = always; // no filter on plain DomEvents
+    const bind$1 = (element, event, handler) => bind$2(element, event, filter$2, handler);
+
+    const getDocument = () => SugarElement.fromDom(document);
+
+    const focus$1 = (element, preventScroll = false) => element.dom.focus({ preventScroll });
+    const hasFocus$1 = (element) => {
+        const root = getRootNode(element).dom;
+        return element.dom === root.activeElement;
+    };
+    // Note: assuming that activeElement will always be a HTMLElement (maybe we should add a runtime check?)
+    const active$1 = (root = getDocument()) => Optional.from(root.dom.activeElement)?.map(SugarElement.fromDom);
+    /**
+     * Return the descendant element that has focus.
+     * Use instead of SelectorFind.descendant(container, ':focus')
+     *  because the :focus selector relies on keyboard focus.
+     */
+    const search = (element) => active$1(getRootNode(element))
+        .filter((e) => element.dom.contains(e.dom));
+
+    const before$3 = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$4 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before$3(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const wrap$2 = (element, wrapper) => {
+        before$3(element, wrapper);
+        append$1(wrapper, element);
+    };
+
+    const after$3 = (marker, elements) => {
+        each$e(elements, (x, i) => {
+            const e = i === 0 ? marker : elements[i - 1];
+            after$4(e, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$e(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$4 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll$1 = (element, attrs) => {
+        const dom = element.dom;
+        each$d(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const get$9 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$9(element, key));
+    const has$1 = (element, key) => {
+        const dom = element.dom;
+        // return false for non-element nodes, no point in throwing an error
+        return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
+    };
+    const remove$9 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const hasNone = (element) => {
+        const attrs = element.dom.attributes;
+        return attrs === undefined || attrs === null || attrs.length === 0;
+    };
+    const clone$4 = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const empty = (element) => {
+        // shortcut "empty node" trick. Requires IE 9.
+        element.dom.textContent = '';
+        // If the contents was a single empty text node, the above doesn't remove it. But, it's still faster in general
+        // than removing every child node manually.
+        // The following is (probably) safe for performance as 99.9% of the time the trick works and
+        // Traverse.children will return an empty array.
+        each$e(children$1(element), (rogue) => {
+            remove$8(rogue);
+        });
+    };
+    const remove$8 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+    const unwrap = (wrapper) => {
+        const children = children$1(wrapper);
+        if (children.length > 0) {
+            after$3(wrapper, children);
+        }
+        remove$8(wrapper);
+    };
+
+    const clone$3 = (original, isDeep) => SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    /** Shallow clone - just the tag, no children */
+    const shallow = (original) => clone$3(original, false);
+    /** Deep clone - everything copied including children */
+    const deep = (original) => clone$3(original, true);
+    /** Shallow clone, with a new tag */
+    const shallowAs = (original, tag) => {
+        const nu = SugarElement.fromTag(tag);
+        const attributes = clone$4(original);
+        setAll$1(nu, attributes);
+        return nu;
+    };
+    /** Change the tag name, but keep all children */
+    const mutate = (original, tag) => {
+        const nu = shallowAs(original, tag);
+        after$4(original, nu);
+        const children = children$1(original);
+        append(nu, children);
+        remove$8(original);
+        return nu;
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        return children$1(SugarElement.fromDom(div));
+    };
+    const fromDom$1 = (nodes) => map$3(nodes, SugarElement.fromDom);
+
+    const get$8 = (element) => element.dom.innerHTML;
+    const set$3 = (element, content) => {
+        const owner = owner$1(element);
+        const docDom = owner.dom;
+        // FireFox has *terrible* performance when using innerHTML = x
+        const fragment = SugarElement.fromDom(docDom.createDocumentFragment());
+        const contentElements = fromHtml(content, docDom);
+        append(fragment, contentElements);
+        empty(element);
+        append$1(element, fragment);
+    };
+    const getOuter = (element) => {
+        const container = SugarElement.fromTag('div');
+        const clone = SugarElement.fromDom(element.dom.cloneNode(true));
+        append$1(container, clone);
+        return get$8(container);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText$c(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$2 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    const setAll = (element, css) => {
+        const dom = element.dom;
+        each$d(css, (v, k) => {
+            internalSet(dom, k, v);
+        });
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$7 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw$1 = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const getAllRaw = (element) => {
+        const css = {};
+        const dom = element.dom;
+        if (isSupported(dom)) {
+            for (let i = 0; i < dom.style.length; i++) {
+                const ruleName = dom.style.item(i);
+                css[ruleName] = dom.style[ruleName];
+            }
+        }
+        return css;
+    };
+    const remove$7 = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$3(getOpt(element, 'style')?.map(trim$4), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$9(element, 'style');
+        }
+    };
+    /* NOTE: This function is here for the side effect it triggers.
+    The value itself is not used.
+    Be sure to not use the return value, and that it is not removed by a minifier.
+     */
+    const reflow = (e) => e.dom.offsetWidth;
+
+    const Dimension = (name, getOffset) => {
+        const set = (element, h) => {
+            if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+                throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+            }
+            const dom = element.dom;
+            if (isSupported(dom)) {
+                dom.style[name] = h + 'px';
+            }
+        };
+        /*
+         * jQuery supports querying width and height on the document and window objects.
+         *
+         * TBIO doesn't do this, so the code is removed to save space, but left here just in case.
+         */
+        /*
+        var getDocumentWidth = (element) => {
+          var dom = element.dom;
+          if (Node.isDocument(element)) {
+            var body = dom.body;
+            var doc = dom.documentElement;
+            return Math.max(
+              body.scrollHeight,
+              doc.scrollHeight,
+              body.offsetHeight,
+              doc.offsetHeight,
+              doc.clientHeight
+            );
+          }
+        };
+      
+        var getWindowWidth = (element) => {
+          var dom = element.dom;
+          if (dom.window === dom) {
+            // There is no offsetHeight on a window, so use the clientHeight of the document
+            return dom.document.documentElement.clientHeight;
+          }
+        };
+      */
+        const get = (element) => {
+            const r = getOffset(element);
+            // zero or null means non-standard or disconnected, fall back to CSS
+            if (r <= 0 || r === null) {
+                const css = get$7(element, name);
+                // ugh this feels dirty, but it saves cycles
+                return parseFloat(css) || 0;
+            }
+            return r;
+        };
+        // in jQuery, getOuter replicates (or uses) box-sizing: border-box calculations
+        // although these calculations only seem relevant for quirks mode, and edge cases TBIO doesn't rely on
+        const getOuter = get;
+        const aggregate = (element, properties) => foldl(properties, (acc, property) => {
+            const val = get$7(element, property);
+            const value = val === undefined ? 0 : parseInt(val, 10);
+            return isNaN(value) ? acc : acc + value;
+        }, 0);
+        const max = (element, value, properties) => {
+            const cumulativeInclusions = aggregate(element, properties);
+            // if max-height is 100px and your cumulativeInclusions is 150px, there is no way max-height can be 100px, so we return 0.
+            const absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+            return absoluteMax;
+        };
+        return {
+            set,
+            get,
+            getOuter,
+            aggregate,
+            max
+        };
+    };
+
+    const api$1 = Dimension('height', (element) => {
+        // getBoundingClientRect gives better results than offsetHeight for tables with captions on Firefox
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    const get$6 = (element) => api$1.get(element);
+
+    const r = (left, top) => {
+        const translate = (x, y) => r(left + x, top + y);
+        return {
+            left,
+            top,
+            translate
+        };
+    };
+    // tslint:disable-next-line:variable-name
+    const SugarPosition = r;
+
+    const boxPosition = (dom) => {
+        const box = dom.getBoundingClientRect();
+        return SugarPosition(box.left, box.top);
+    };
+    // Avoids falsy false fallthrough
+    const firstDefinedOrZero = (a, b) => {
+        if (a !== undefined) {
+            return a;
+        }
+        else {
+            return b !== undefined ? b : 0;
+        }
+    };
+    const absolute = (element) => {
+        const doc = element.dom.ownerDocument;
+        const body = doc.body;
+        const win = doc.defaultView;
+        const html = doc.documentElement;
+        if (body === element.dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        const scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
+        const scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
+        const clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
+        const clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
+        return viewport(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
+    };
+    const viewport = (element) => {
+        const dom = element.dom;
+        const doc = dom.ownerDocument;
+        const body = doc.body;
+        if (body === dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        if (!inBody(element)) {
+            return SugarPosition(0, 0);
+        }
+        return boxPosition(dom);
+    };
+
+    // get scroll position (x,y) relative to document _doc (or global if not supplied)
+    const get$5 = (_DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        // ASSUMPTION: This is for cross-browser support, body works for Safari & EDGE, and when we have an iframe body scroller
+        const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+        const y = doc.body.scrollTop || doc.documentElement.scrollTop;
+        return SugarPosition(x, y);
+    };
+    // Scroll content to (x,y) relative to document _doc (or global if not supplied)
+    const to = (x, y, _DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        const win = doc.defaultView;
+        if (win) {
+            win.scrollTo(x, y);
+        }
+    };
+    // TBIO-4472 Safari 10 - Scrolling typeahead with keyboard scrolls page
+    const intoView = (element, alignToTop) => {
+        const isSafari = detect$1().browser.isSafari();
+        // this method isn't in TypeScript
+        if (isSafari && isFunction(element.dom.scrollIntoViewIfNeeded)) {
+            element.dom.scrollIntoViewIfNeeded(false); // false=align to nearest edge
+        }
+        else {
+            element.dom.scrollIntoView(alignToTop); // true=to top, false=to bottom
+        }
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const fromElements = (elements, scope) => {
+        const doc = scope || document;
+        const fragment = doc.createDocumentFragment();
+        each$e(elements, (element) => {
+            fragment.appendChild(element.dom);
+        });
+        return SugarElement.fromDom(fragment);
+    };
+
+    const api = NodeValue(isText$c, 'text');
+    const get$4 = (element) => api.get(element);
+    const getOption = (element) => api.getOption(element);
+    const set$1 = (element, value) => api.set(element, value);
+
+    // Methods for handling attributes that contain a list of values <div foo="alpha beta theta">
+    const read$4 = (element, attr) => {
+        const value = get$9(element, attr);
+        return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    const add$4 = (element, attr, id) => {
+        const old = read$4(element, attr);
+        const nu = old.concat([id]);
+        set$4(element, attr, nu.join(' '));
+        return true;
+    };
+    const remove$6 = (element, attr, id) => {
+        const nu = filter$5(read$4(element, attr), (v) => v !== id);
+        if (nu.length > 0) {
+            set$4(element, attr, nu.join(' '));
+        }
+        else {
+            remove$9(element, attr);
+        }
+        return false;
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$4 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$4 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$4, scope, predicate, isRoot);
+    };
+    const sibling$1 = (scope, predicate) => {
+        const element = scope.dom;
+        if (!element.parentNode) {
+            return Optional.none();
+        }
+        return child(SugarElement.fromDom(element.parentNode), (x) => !eq(scope, x) && predicate(x));
+    };
+    const child = (scope, predicate) => {
+        const pred = (node) => predicate(SugarElement.fromDom(node));
+        const result = find$2(scope.dom.childNodes, pred);
+        return result?.map(SugarElement.fromDom);
+    };
+    const descendant$2 = (scope, predicate) => {
+        const descend = (node) => {
+            // tslint:disable-next-line:prefer-for-of
+            for (let i = 0; i < node.childNodes.length; i++) {
+                const child = SugarElement.fromDom(node.childNodes[i]);
+                if (predicate(child)) {
+                    return Optional?.some(child);
+                }
+                const res = descend(node.childNodes[i]);
+                if (res.isSome()) {
+                    return res;
+                }
+            }
+            return Optional.none();
+        };
+        return descend(scope.dom);
+    };
+
+    const ancestor$3 = (scope, selector, isRoot) => ancestor$4(scope, (e) => is$1(e, selector), isRoot);
+    const descendant$1 = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$3 = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor$3, scope, selector, isRoot);
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+    const get$3 = (element) => read$4(element, 'class');
+    const add$3 = (element, clazz) => add$4(element, 'class', clazz);
+    const remove$5 = (element, clazz) => remove$6(element, 'class', clazz);
+    const toggle$2 = (element, clazz) => {
+        if (contains$2(get$3(element), clazz)) {
+            return remove$5(element, clazz);
+        }
+        else {
+            return add$3(element, clazz);
+        }
+    };
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     *
+     * Note that IE doesn't support the second argument to toggle (at all).
+     * If it did, the toggler could be better.
+     */
+    const add$2 = (element, clazz) => {
+        if (supports(element)) {
+            element.dom.classList.add(clazz);
+        }
+        else {
+            add$3(element, clazz);
+        }
+    };
+    const cleanClass = (element) => {
+        const classList = supports(element) ? element.dom.classList : get$3(element);
+        // classList is a "live list", so this is up to date already
+        if (classList.length === 0) {
+            // No more classes left, remove the class attribute as well
+            remove$9(element, 'class');
+        }
+    };
+    const remove$4 = (element, clazz) => {
+        if (supports(element)) {
+            const classList = element.dom.classList;
+            classList.remove(clazz);
+        }
+        else {
+            remove$5(element, clazz);
+        }
+        cleanClass(element);
+    };
+    const toggle$1 = (element, clazz) => {
+        const result = supports(element) ? element.dom.classList.toggle(clazz) : toggle$2(element, clazz);
+        cleanClass(element);
+        return result;
+    };
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     */
+    const add$1 = (element, classes) => {
+        each$e(classes, (x) => {
+            add$2(element, x);
+        });
+    };
+    const remove$3 = (element, classes) => {
+        each$e(classes, (x) => {
+            remove$4(element, x);
+        });
+    };
+
+    const closest$2 = (target) => closest$3(target, '[contenteditable]');
+    const isEditable$2 = (element, assumeEditable = false) => {
+        if (inBody(element)) {
+            return element.dom.isContentEditable;
+        }
+        else {
+            // Find the closest contenteditable element and check if it's editable
+            return closest$2(element).fold(constant(assumeEditable), (editable) => getRaw(editable) === 'true');
+        }
+    };
+    const getRaw = (element) => element.dom.contentEditable;
+    const set = (element, editable) => {
+        element.dom.contentEditable = editable ? 'true' : 'false';
+    };
+
+    const children = (scope, predicate) => filter$5(children$1(scope), predicate);
+    const descendants$1 = (scope, predicate) => {
+        let result = [];
+        // Recurse.toArray() might help here
+        each$e(children$1(scope), (x) => {
+            if (predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(descendants$1(x, predicate));
+        });
+        return result;
+    };
+
+    const descendants = (scope, selector) => all(selector, scope);
+
+    const ancestor$2 = (scope, predicate, isRoot) => ancestor$4(scope, predicate, isRoot).isSome();
+    const sibling = (scope, predicate) => sibling$1(scope, predicate).isSome();
+    const descendant = (scope, predicate) => descendant$2(scope, predicate).isSome();
+
+    const ancestor$1 = (scope, selector, isRoot) => ancestor$3(scope, selector, isRoot).isSome();
+
+    const ensureIsRoot = (isRoot) => isFunction(isRoot) ? isRoot : never;
+    const ancestor = (scope, transform, isRoot) => {
+        let element = scope.dom;
+        const stop = ensureIsRoot(isRoot);
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            const transformed = transform(el);
+            if (transformed.isSome()) {
+                return transformed;
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$1 = (scope, transform, isRoot) => {
+        const current = transform(scope);
+        const stop = ensureIsRoot(isRoot);
+        return current.orThunk(() => stop(scope) ? Optional.none() : ancestor(scope, transform, stop));
+    };
+
+    const isTextNodeWithCursorPosition = (el) => getOption(el).filter((text) => 
+    // For the purposes of finding cursor positions only allow text nodes with content,
+    // but trim removes &nbsp; and that's allowed
+    text.trim().length !== 0 || text.indexOf(nbsp) > -1).isSome();
+    const isContentEditableFalse$b = (elem) => isHTMLElement$1(elem) && (get$9(elem, 'contenteditable') === 'false');
+    const elementsWithCursorPosition = ['img', 'br'];
+    const isCursorPosition = (elem) => {
+        const hasCursorPosition = isTextNodeWithCursorPosition(elem);
+        return hasCursorPosition || contains$2(elementsWithCursorPosition, name(elem)) || isContentEditableFalse$b(elem);
+    };
+
+    const first = (element) => descendant$2(element, isCursorPosition);
+
+    const create$c = (start, soffset, finish, foffset) => ({
+        start,
+        soffset,
+        finish,
+        foffset
+    });
+    // tslint:disable-next-line:variable-name
+    const SimRange = {
+        create: create$c
+    };
+
+    const adt$2 = Adt.generate([
+        { before: ['element'] },
+        { on: ['element', 'offset'] },
+        { after: ['element'] }
+    ]);
+    // Probably don't need this given that we now have "match"
+    const cata = (subject, onBefore, onOn, onAfter) => subject.fold(onBefore, onOn, onAfter);
+    const getStart$2 = (situ) => situ.fold(identity, identity, identity);
+    const before$2 = adt$2.before;
+    const on = adt$2.on;
+    const after$2 = adt$2.after;
+    // tslint:disable-next-line:variable-name
+    const Situ = {
+        before: before$2,
+        on,
+        after: after$2,
+        cata,
+        getStart: getStart$2
+    };
+
+    // Consider adding a type for "element"
+    const adt$1 = Adt.generate([
+        { domRange: ['rng'] },
+        { relative: ['startSitu', 'finishSitu'] },
+        { exact: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const exactFromRange = (simRange) => adt$1.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    const getStart$1 = (selection) => selection.match({
+        domRange: (rng) => SugarElement.fromDom(rng.startContainer),
+        relative: (startSitu, _finishSitu) => Situ.getStart(startSitu),
+        exact: (start, _soffset, _finish, _foffset) => start
+    });
+    const domRange = adt$1.domRange;
+    const relative = adt$1.relative;
+    const exact = adt$1.exact;
+    const getWin = (selection) => {
+        const start = getStart$1(selection);
+        return defaultView(start);
+    };
+    // This is out of place but it's API so I can't remove it
+    const range = SimRange.create;
+    // tslint:disable-next-line:variable-name
+    const SimSelection = {
+        domRange,
+        relative,
+        exact,
+        exactFromRange,
+        getWin,
+        range
+    };
+
+    const caretPositionFromPoint = (doc, x, y) => {
+        var _a;
+        return Optional.from((_a = doc.caretPositionFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, x, y))
+            .bind((pos) => {
+            // It turns out that Firefox can return null for pos.offsetNode
+            if (pos.offsetNode === null) {
+                return Optional.none();
+            }
+            const r = doc.createRange();
+            r.setStart(pos.offsetNode, pos.offset);
+            r.collapse();
+            return Optional?.some(r);
+        });
+    };
+    const caretRangeFromPoint = (doc, x, y) => { var _a; return Optional.from((_a = doc.caretRangeFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, x, y)); };
+    const availableSearch = (doc, x, y) => {
+        if (doc.caretPositionFromPoint) {
+            return caretPositionFromPoint(doc, x, y); // defined standard, firefox only
+        }
+        else if (doc.caretRangeFromPoint) {
+            return caretRangeFromPoint(doc, x, y); // webkit/blink implementation
+        }
+        else {
+            return Optional.none(); // unsupported browser
+        }
+    };
+    const fromPoint$1 = (win, x, y) => {
+        const doc = win.document;
+        return availableSearch(doc, x, y)?.map((rng) => SimRange.create(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
+    };
+
+    const beforeSpecial = (element, offset) => {
+        // From memory, we don't want to use <br> directly on Firefox because it locks the keyboard input.
+        // It turns out that <img> directly on IE locks the keyboard as well.
+        // If the offset is 0, use before. If the offset is 1, use after.
+        // TBIO-3889: Firefox Situ.on <input> results in a child of the <input>; Situ.before <input> results in platform inconsistencies
+        const name$1 = name(element);
+        if ('input' === name$1) {
+            return Situ.after(element);
+        }
+        else if (!contains$2(['br', 'img'], name$1)) {
+            return Situ.on(element, offset);
+        }
+        else {
+            return offset === 0 ? Situ.before(element) : Situ.after(element);
+        }
+    };
+    const preprocessRelative = (startSitu, finishSitu) => {
+        const start = startSitu.fold(Situ.before, beforeSpecial, Situ.after);
+        const finish = finishSitu.fold(Situ.before, beforeSpecial, Situ.after);
+        return SimSelection.relative(start, finish);
+    };
+    const preprocessExact = (start, soffset, finish, foffset) => {
+        const startSitu = beforeSpecial(start, soffset);
+        const finishSitu = beforeSpecial(finish, foffset);
+        return SimSelection.relative(startSitu, finishSitu);
+    };
+    const preprocess = (selection) => selection.match({
+        domRange: (rng) => {
+            const start = SugarElement.fromDom(rng.startContainer);
+            const finish = SugarElement.fromDom(rng.endContainer);
+            return preprocessExact(start, rng.startOffset, finish, rng.endOffset);
+        },
+        relative: preprocessRelative,
+        exact: preprocessExact
+    });
+
+    const toNative = (selection) => {
+        const win = SimSelection.getWin(selection).dom;
+        const getDomRange = (start, soffset, finish, foffset) => exactToNative(win, start, soffset, finish, foffset);
+        const filtered = preprocess(selection);
+        return diagnose(win, filtered).match({
+            ltr: getDomRange,
+            rtl: getDomRange
+        });
+    };
+    const getAtPoint = (win, x, y) => fromPoint$1(win, x, y);
+
+    const get$2 = (_win) => {
+        const win = _win === undefined ? window : _win;
+        if (detect$1().browser.isFirefox()) {
+            // TINY-7984: Firefox 91 is returning incorrect values for visualViewport.pageTop, so disable it for now
+            return Optional.none();
+        }
+        else {
+            return Optional.from(win.visualViewport);
+        }
+    };
+    const bounds = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height,
+        right: x + width,
+        bottom: y + height
+    });
+    const getBounds = (_win) => {
+        const win = _win === undefined ? window : _win;
+        const doc = win.document;
+        const scroll = get$5(SugarElement.fromDom(doc));
+        return get$2(win).fold(() => {
+            const html = win.document.documentElement;
+            // Don't use window.innerWidth/innerHeight here, as we don't want to include scrollbars
+            // since the right/bottom position is based on the edge of the scrollbar not the window
+            const width = html.clientWidth;
+            const height = html.clientHeight;
+            return bounds(scroll.left, scroll.top, width, height);
+        }, (visualViewport) => 
+        // iOS doesn't update the pageTop/pageLeft when element.scrollIntoView() is called, so we need to fallback to the
+        // scroll position which will always be less than the page top/left values when page top/left are accurate/correct.
+        bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height));
+    };
+
+    /**
+     * TreeWalker class enables you to walk the DOM in a linear manner.
+     *
+     * @class tinymce.dom.TreeWalker
+     * @example
+     * const walker = new tinymce.dom.TreeWalker(startNode);
+     *
+     * do {
+     *   console.log(walker.current());
+     * } while (walker.next());
+     */
+    class DomTreeWalker {
+        constructor(startNode, rootNode) {
+            this.node = startNode;
+            this.rootNode = rootNode;
+            // This is a bit hacky but needed to ensure the 'this' variable
+            // always references the instance and not the caller scope
+            this.current = this.current.bind(this);
+            this.next = this.next.bind(this);
+            this.prev = this.prev.bind(this);
+            this.prev2 = this.prev2.bind(this);
+        }
+        /**
+         * Returns the current node.
+         *
+         * @method current
+         * @return {Node/undefined} Current node where the walker is, or undefined if the walker has reached the end.
+         */
+        current() {
+            return this.node;
+        }
+        /**
+         * Walks to the next node in tree.
+         *
+         * @method next
+         * @return {Node/undefined} Current node where the walker is after moving to the next node, or undefined if the walker has reached the end.
+         */
+        next(shallow) {
+            this.node = this.findSibling(this.node, 'firstChild', 'nextSibling', shallow);
+            return this.node;
+        }
+        /**
+         * Walks to the previous node in tree.
+         *
+         * @method prev
+         * @return {Node/undefined} Current node where the walker is after moving to the previous node, or undefined if the walker has reached the end.
+         */
+        prev(shallow) {
+            this.node = this.findSibling(this.node, 'lastChild', 'previousSibling', shallow);
+            return this.node;
+        }
+        prev2(shallow) {
+            this.node = this.findPreviousNode(this.node, shallow);
+            return this.node;
+        }
+        findSibling(node, startName, siblingName, shallow) {
+            if (node) {
+                // Walk into nodes if it has a start
+                if (!shallow && node[startName]) {
+                    return node[startName];
+                }
+                // Return the sibling if it has one
+                if (node !== this.rootNode) {
+                    let sibling = node[siblingName];
+                    if (sibling) {
+                        return sibling;
+                    }
+                    // Walk up the parents to look for siblings
+                    for (let parent = node.parentNode; parent && parent !== this.rootNode; parent = parent.parentNode) {
+                        sibling = parent[siblingName];
+                        if (sibling) {
+                            return sibling;
+                        }
+                    }
+                }
+            }
+            return undefined;
+        }
+        findPreviousNode(node, shallow) {
+            if (node) {
+                const sibling = node.previousSibling;
+                if (this.rootNode && sibling === this.rootNode) {
+                    return;
+                }
+                if (sibling) {
+                    if (!shallow) {
+                        // Walk down to the most distant child
+                        for (let child = sibling.lastChild; child; child = child.lastChild) {
+                            if (!child.lastChild) {
+                                return child;
+                            }
+                        }
+                    }
+                    return sibling;
+                }
+                const parent = node.parentNode;
+                if (parent && parent !== this.rootNode) {
+                    return parent;
+                }
+            }
+            return undefined;
+        }
+    }
+
+    const whiteSpaceRegExp = /^[ \t\r\n]*$/;
+    const isWhitespaceText = (text) => whiteSpaceRegExp.test(text);
+    const isZwsp$1 = (text) => {
+        for (const c of text) {
+            if (!isZwsp$2(c)) {
+                return false;
+            }
+        }
+        return true;
+    };
+    // Don't compare other unicode spaces here, as we're only concerned about whitespace the browser would collapse
+    const isCollapsibleWhitespace$1 = (c) => ' \f\t\v'.indexOf(c) !== -1;
+    const isNewLineChar = (c) => c === '\n' || c === '\r';
+    const isNewline = (text, idx) => (idx < text.length && idx >= 0) ? isNewLineChar(text[idx]) : false;
+    // Converts duplicate whitespace to alternating space/nbsps and tabs to spaces
+    const normalize$4 = (text, tabSpaces = 4, isStartOfContent = true, isEndOfContent = true) => {
+        // Replace tabs with a variable amount of spaces
+        // Note: We don't use an actual tab character here, as it only works when in a "whitespace: pre" element,
+        // which will cause other issues, such as trying to type the content will also be treated as being in a pre.
+        const tabSpace = repeat(' ', tabSpaces);
+        const normalizedText = text.replace(/\t/g, tabSpace);
+        const result = foldl(normalizedText, (acc, c) => {
+            // Are we dealing with a char other than some collapsible whitespace or nbsp? if so then just use it as is
+            if (isCollapsibleWhitespace$1(c) || c === nbsp) {
+                // If the previous char is a space, we are at the start or end, or if the next char is a new line char, then we need
+                // to convert the space to a nbsp
+                if (acc.pcIsSpace || (acc.str === '' && isStartOfContent) || (acc.str.length === normalizedText.length - 1 && isEndOfContent) || isNewline(normalizedText, acc.str.length + 1)) {
+                    return { pcIsSpace: false, str: acc.str + nbsp };
+                }
+                else {
+                    return { pcIsSpace: true, str: acc.str + ' ' };
+                }
+            }
+            else {
+                // Treat newlines as being a space, since we'll need to convert any leading spaces to nsbps
+                return { pcIsSpace: isNewLineChar(c), str: acc.str + c };
+            }
+        }, { pcIsSpace: false, str: '' });
+        return result.str;
+    };
+
+    const isNodeType = (type) => {
+        return (node) => {
+            return !!node && node.nodeType === type;
+        };
+    };
+    // Firefox can allow you to get a selection on a restricted node, such as file/number inputs. These nodes
+    // won't implement the Object prototype, so Object.getPrototypeOf() will return null or something similar.
+    const isRestrictedNode = (node) => !!node && !Object.getPrototypeOf(node);
+    const isElement$6 = isNodeType(1);
+    const isHTMLElement = (node) => isElement$6(node) && isHTMLElement$1(SugarElement.fromDom(node));
+    const isSVGElement = (node) => isElement$6(node) && node.namespaceURI === 'http://www.w3.org/2000/svg';
+    const matchNodeName = (name) => {
+        const lowerCasedName = name.toLowerCase();
+        return (node) => isNonNullable(node) && node.nodeName.toLowerCase() === lowerCasedName;
+    };
+    const matchNodeNames = (names) => {
+        const lowerCasedNames = names?.map((s) => s.toLowerCase());
+        return (node) => {
+            if (node && node.nodeName) {
+                const nodeName = node.nodeName.toLowerCase();
+                return contains$2(lowerCasedNames, nodeName);
+            }
+            return false;
+        };
+    };
+    const matchStyleValues = (name, values) => {
+        const items = values.toLowerCase().split(' ');
+        return (node) => {
+            if (isElement$6(node)) {
+                const win = node.ownerDocument.defaultView;
+                if (win) {
+                    for (let i = 0; i < items.length; i++) {
+                        const computed = win.getComputedStyle(node, null);
+                        const cssValue = computed ? computed.getPropertyValue(name) : null;
+                        if (cssValue === items[i]) {
+                            return true;
+                        }
+                    }
+                }
+            }
+            return false;
+        };
+    };
+    const hasAttribute = (attrName) => {
+        return (node) => {
+            return isElement$6(node) && node.hasAttribute(attrName);
+        };
+    };
+    const isBogus$1 = (node) => isElement$6(node) && node.hasAttribute('data-mce-bogus');
+    const isBogusAll = (node) => isElement$6(node) && node.getAttribute('data-mce-bogus') === 'all';
+    const isTable$2 = (node) => isElement$6(node) && node.tagName === 'TABLE';
+    const hasContentEditableState = (value) => {
+        return (node) => {
+            if (isHTMLElement(node)) {
+                if (node.contentEditable === value) {
+                    return true;
+                }
+                if (node.getAttribute('data-mce-contenteditable') === value) {
+                    return true;
+                }
+            }
+            return false;
+        };
+    };
+    const isTextareaOrInput = matchNodeNames(['textarea', 'input']);
+    const isText$b = isNodeType(3);
+    const isCData = isNodeType(4);
+    const isPi = isNodeType(7);
+    const isComment = isNodeType(8);
+    const isDocument$1 = isNodeType(9);
+    const isDocumentFragment = isNodeType(11);
+    const isBr$6 = matchNodeName('br');
+    const isImg = matchNodeName('img');
+    const isAnchor = matchNodeName('a');
+    const isContentEditableTrue$3 = hasContentEditableState('true');
+    const isContentEditableFalse$a = hasContentEditableState('false');
+    const isEditingHost = (node) => isHTMLElement(node) && node.isContentEditable && isNonNullable(node.parentElement) && !node.parentElement.isContentEditable;
+    const isTableCell$3 = matchNodeNames(['td', 'th']);
+    const isTableCellOrCaption = matchNodeNames(['td', 'th', 'caption']);
+    const isMedia$2 = matchNodeNames(['video', 'audio', 'object', 'embed']);
+    const isListItem$2 = matchNodeName('li');
+    const isDetails = matchNodeName('details');
+    const isSummary$1 = matchNodeName('summary');
+
+    const defaultOptionValues = {
+        skipBogus: true,
+        includeZwsp: false,
+        checkRootAsContent: false,
+    };
+    const hasWhitespacePreserveParent = (node, rootNode, schema) => {
+        const rootElement = SugarElement.fromDom(rootNode);
+        const startNode = SugarElement.fromDom(node);
+        const whitespaceElements = schema.getWhitespaceElements();
+        const predicate = (node) => has$2(whitespaceElements, name(node));
+        return ancestor$2(startNode, predicate, curry(eq, rootElement));
+    };
+    const isNamedAnchor = (node) => {
+        return isElement$6(node) && node.nodeName === 'A' && !node.hasAttribute('href') && (node.hasAttribute('name') || node.hasAttribute('id'));
+    };
+    const isNonEmptyElement$1 = (node, schema) => {
+        return isElement$6(node) && has$2(schema.getNonEmptyElements(), node.nodeName);
+    };
+    const isBookmark = hasAttribute('data-mce-bookmark');
+    const hasNonEditableParent = (node) => parentElement(SugarElement.fromDom(node)).exists((parent) => !isEditable$2(parent));
+    const isWhitespace$1 = (node, rootNode, schema) => isWhitespaceText(node.data)
+        && !hasWhitespacePreserveParent(node, rootNode, schema);
+    const isText$a = (node, rootNode, schema, options) => isText$b(node)
+        && !isWhitespace$1(node, rootNode, schema)
+        && (!options.includeZwsp || !isZwsp$1(node.data));
+    const isContentNode = (schema, node, rootNode, options) => {
+        return isFunction(options.isContent) && options.isContent(node)
+            || isNonEmptyElement$1(node, schema)
+            || isBookmark(node)
+            || isNamedAnchor(node)
+            || isText$a(node, rootNode, schema, options)
+            || isContentEditableFalse$a(node)
+            || isContentEditableTrue$3(node) && hasNonEditableParent(node);
+    };
+    const isEmptyNode = (schema, targetNode, opts) => {
+        const options = { ...defaultOptionValues, ...opts };
+        if (options.checkRootAsContent) {
+            if (isContentNode(schema, targetNode, targetNode, options)) {
+                return false;
+            }
+        }
+        let node = targetNode.firstChild;
+        let brCount = 0;
+        if (!node) {
+            return true;
+        }
+        const walker = new DomTreeWalker(node, targetNode);
+        do {
+            if (options.skipBogus && isElement$6(node)) {
+                const bogusValue = node.getAttribute('data-mce-bogus');
+                if (bogusValue) {
+                    node = walker.next(bogusValue === 'all');
+                    continue;
+                }
+            }
+            if (isComment(node)) {
+                node = walker.next(true);
+                continue;
+            }
+            if (isBr$6(node)) {
+                brCount++;
+                node = walker.next();
+                continue;
+            }
+            if (isContentNode(schema, node, targetNode, options)) {
+                return false;
+            }
+            node = walker.next();
+        } while (node);
+        return brCount <= 1;
+    };
+    const isEmpty$2 = (schema, elm, options) => {
+        return isEmptyNode(schema, elm.dom, { checkRootAsContent: true, ...options });
+    };
+    const isContent$1 = (schema, node, options) => {
+        return isContentNode(schema, node, node, { includeZwsp: defaultOptionValues.includeZwsp, ...options });
+    };
+
+    const nodeNameToNamespaceType = (name) => {
+        const lowerCaseName = name.toLowerCase();
+        if (lowerCaseName === 'svg') {
+            return 'svg';
+        }
+        else if (lowerCaseName === 'math') {
+            return 'math';
+        }
+        else {
+            return 'html';
+        }
+    };
+    const isNonHtmlElementRootName = (name) => nodeNameToNamespaceType(name) !== 'html';
+    const isNonHtmlElementRoot = (node) => isNonHtmlElementRootName(node.nodeName);
+    const toScopeType = (node) => nodeNameToNamespaceType(node.nodeName);
+    const namespaceElements = ['svg', 'math'];
+    const createNamespaceTracker = () => {
+        const currentScope = value$2();
+        const current = () => currentScope.get()?.map(toScopeType).getOr('html');
+        const track = (node) => {
+            if (isNonHtmlElementRoot(node)) {
+                currentScope.set(node);
+            }
+            else if (currentScope.get().exists((scopeNode) => !scopeNode.contains(node))) {
+                currentScope.clear();
+            }
+            return current();
+        };
+        const reset = () => {
+            currentScope.clear();
+        };
+        return {
+            track,
+            current,
+            reset
+        };
+    };
+
+    const transparentBlockAttr = 'data-mce-block';
+    // Returns the lowercase element names form a SchemaMap by excluding anyone that has uppercase letters.
+    // This method is to avoid having to specify all possible valid characters other than lowercase a-z such as '-' or ':' etc.
+    const elementNames = (map) => filter$5(keys(map), (key) => !/[A-Z]/.test(key));
+    const makeSelectorFromSchemaMap = (map) => map$3(elementNames(map), (name) => {
+        // Exclude namespace elements from processing
+        const escapedName = CSS.escape(name);
+        return `${escapedName}:` + map$3(namespaceElements, (ns) => `not(${ns} ${escapedName})`).join(':');
+    }).join(',');
+    const updateTransparent = (blocksSelector, transparent) => {
+        if (isNonNullable(transparent.querySelector(blocksSelector))) {
+            transparent.setAttribute(transparentBlockAttr, 'true');
+            if (transparent.getAttribute('data-mce-selected') === 'inline-boundary') {
+                transparent.removeAttribute('data-mce-selected');
+            }
+            return true;
+        }
+        else {
+            transparent.removeAttribute(transparentBlockAttr);
+            return false;
+        }
+    };
+    const updateBlockStateOnChildren = (schema, scope) => {
+        const transparentSelector = makeSelectorFromSchemaMap(schema.getTransparentElements());
+        const blocksSelector = makeSelectorFromSchemaMap(schema.getBlockElements());
+        return filter$5(scope.querySelectorAll(transparentSelector), (transparent) => updateTransparent(blocksSelector, transparent));
+    };
+    const trimEdge = (schema, el, leftSide) => {
+        var _a;
+        const childPropertyName = leftSide ? 'lastChild' : 'firstChild';
+        for (let child = el[childPropertyName]; child; child = child[childPropertyName]) {
+            if (isEmptyNode(schema, child, { checkRootAsContent: true })) {
+                (_a = child.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(child);
+                return;
+            }
+        }
+    };
+    const split$2 = (schema, parentElm, splitElm) => {
+        const range = document.createRange();
+        const parentNode = parentElm.parentNode;
+        if (parentNode) {
+            range.setStartBefore(parentElm);
+            range.setEndBefore(splitElm);
+            const beforeFragment = range.extractContents();
+            trimEdge(schema, beforeFragment, true);
+            range.setStartAfter(splitElm);
+            range.setEndAfter(parentElm);
+            const afterFragment = range.extractContents();
+            trimEdge(schema, afterFragment, false);
+            if (!isEmptyNode(schema, beforeFragment, { checkRootAsContent: true })) {
+                parentNode.insertBefore(beforeFragment, parentElm);
+            }
+            if (!isEmptyNode(schema, splitElm, { checkRootAsContent: true })) {
+                parentNode.insertBefore(splitElm, parentElm);
+            }
+            if (!isEmptyNode(schema, afterFragment, { checkRootAsContent: true })) {
+                parentNode.insertBefore(afterFragment, parentElm);
+            }
+            parentNode.removeChild(parentElm);
+        }
+    };
+    // This will find invalid blocks wrapped in anchors and split them out so for example
+    // <h1><a href="#"><h2>x</h2></a></h1> will find that h2 is invalid inside the H1 and split that out.
+    // This is a simplistic apporach so it's likely not covering all the cases but it's a start.
+    const splitInvalidChildren = (schema, scope, transparentBlocks) => {
+        const blocksElements = schema.getBlockElements();
+        const rootNode = SugarElement.fromDom(scope);
+        const isBlock = (el) => name(el) in blocksElements;
+        const isRoot = (el) => eq(el, rootNode);
+        each$e(fromDom$1(transparentBlocks), (transparentBlock) => {
+            ancestor$4(transparentBlock, isBlock, isRoot).each((parentBlock) => {
+                const invalidChildren = children(transparentBlock, (el) => isBlock(el) && !schema.isValidChild(name(parentBlock), name(el)));
+                if (invalidChildren.length > 0) {
+                    const stateScope = parentElement(parentBlock);
+                    each$e(invalidChildren, (child) => {
+                        ancestor$4(child, isBlock, isRoot).each((parentBlock) => {
+                            split$2(schema, parentBlock.dom, child.dom);
+                        });
+                    });
+                    stateScope.each((scope) => updateBlockStateOnChildren(schema, scope.dom));
+                }
+            });
+        });
+    };
+    const unwrapInvalidChildren = (schema, scope, transparentBlocks) => {
+        each$e([...transparentBlocks, ...(isTransparentBlock(schema, scope) ? [scope] : [])], (block) => each$e(descendants(SugarElement.fromDom(block), block.nodeName.toLowerCase()), (elm) => {
+            if (isTransparentInline(schema, elm.dom)) {
+                unwrap(elm);
+            }
+        }));
+    };
+    const updateChildren = (schema, scope) => {
+        const transparentBlocks = updateBlockStateOnChildren(schema, scope);
+        splitInvalidChildren(schema, scope, transparentBlocks);
+        unwrapInvalidChildren(schema, scope, transparentBlocks);
+    };
+    const updateElement = (schema, target) => {
+        if (isTransparentElement(schema, target)) {
+            const blocksSelector = makeSelectorFromSchemaMap(schema.getBlockElements());
+            updateTransparent(blocksSelector, target);
+        }
+    };
+    const updateCaret = (schema, root, caretParent) => {
+        const isRoot = (el) => eq(el, SugarElement.fromDom(root));
+        const parents = parents$1(SugarElement.fromDom(caretParent), isRoot);
+        // Check the element just above below the root so in if caretParent is I in this
+        // case <body><p><b><i>|</i></b></p></body> it would use the P as the scope
+        get$b(parents, parents.length - 2).filter(isElement$7).fold(() => updateChildren(schema, root), (scope) => updateChildren(schema, scope.dom));
+    };
+    const hasBlockAttr = (el) => el.hasAttribute(transparentBlockAttr);
+    const isTransparentElementName = (schema, name) => has$2(schema.getTransparentElements(), name);
+    const isTransparentElement = (schema, node) => isElement$6(node) && isTransparentElementName(schema, node.nodeName);
+    const isTransparentBlock = (schema, node) => isTransparentElement(schema, node) && hasBlockAttr(node);
+    const isTransparentInline = (schema, node) => isTransparentElement(schema, node) && !hasBlockAttr(node);
+    const isTransparentAstBlock = (schema, node) => node.type === 1 && isTransparentElementName(schema, node.name) && isString(node.attr(transparentBlockAttr));
+
+    const browser$2 = detect$1().browser;
+    const firstElement = (nodes) => find$2(nodes, isElement$7);
+    // Firefox has a bug where caption height is not included correctly in offset calculations of tables
+    // this tries to compensate for that by detecting if that offsets are incorrect and then remove the height
+    const getTableCaptionDeltaY = (elm) => {
+        if (browser$2.isFirefox() && name(elm) === 'table') {
+            return firstElement(children$1(elm)).filter((elm) => {
+                return name(elm) === 'caption';
+            }).bind((caption) => {
+                return firstElement(nextSiblings(caption))?.map((body) => {
+                    const bodyTop = body.dom.offsetTop;
+                    const captionTop = caption.dom.offsetTop;
+                    const captionHeight = caption.dom.offsetHeight;
+                    return bodyTop <= captionTop ? -captionHeight : 0;
+                });
+            }).getOr(0);
+        }
+        else {
+            return 0;
+        }
+    };
+    const hasChild = (elm, child) => elm.children && contains$2(elm.children, child);
+    const getPos = (body, elm, rootElm) => {
+        let x = 0, y = 0;
+        const doc = body.ownerDocument;
+        rootElm = rootElm ? rootElm : body;
+        if (elm) {
+            // Use getBoundingClientRect if it exists since it's faster than looping offset nodes
+            // Fallback to offsetParent calculations if the body isn't static better since it stops at the body root
+            if (rootElm === body && elm.getBoundingClientRect && get$7(SugarElement.fromDom(body), 'position') === 'static') {
+                const pos = elm.getBoundingClientRect();
+                // Add scroll offsets from documentElement or body since IE with the wrong box model will use d.body and so do WebKit
+                // Also remove the body/documentelement clientTop/clientLeft on IE 6, 7 since they offset the position
+                x = pos.left + (doc.documentElement.scrollLeft || body.scrollLeft) - doc.documentElement.clientLeft;
+                y = pos.top + (doc.documentElement.scrollTop || body.scrollTop) - doc.documentElement.clientTop;
+                return { x, y };
+            }
+            let offsetParent = elm;
+            while (offsetParent && offsetParent !== rootElm && offsetParent.nodeType && !hasChild(offsetParent, rootElm)) {
+                const castOffsetParent = offsetParent;
+                x += castOffsetParent.offsetLeft || 0;
+                y += castOffsetParent.offsetTop || 0;
+                offsetParent = castOffsetParent.offsetParent;
+            }
+            offsetParent = elm.parentNode;
+            while (offsetParent && offsetParent !== rootElm && offsetParent.nodeType && !hasChild(offsetParent, rootElm)) {
+                x -= offsetParent.scrollLeft || 0;
+                y -= offsetParent.scrollTop || 0;
+                offsetParent = offsetParent.parentNode;
+            }
+            y += getTableCaptionDeltaY(SugarElement.fromDom(elm));
+        }
+        return { x, y };
+    };
+
+    const StyleSheetLoader = (documentOrShadowRoot, settings = {}) => {
+        let idCount = 0;
+        const loadedStates = {};
+        const edos = SugarElement.fromDom(documentOrShadowRoot);
+        const doc = documentOrOwner(edos);
+        const _setReferrerPolicy = (referrerPolicy) => {
+            settings.referrerPolicy = referrerPolicy;
+        };
+        const _setContentCssCors = (contentCssCors) => {
+            settings.contentCssCors = contentCssCors;
+        };
+        const addStyle = (element) => {
+            append$1(getStyleContainer(edos), element);
+        };
+        const removeStyle = (id) => {
+            const styleContainer = getStyleContainer(edos);
+            descendant$1(styleContainer, '#' + id).each(remove$8);
+        };
+        const getOrCreateState = (url) => get$a(loadedStates, url).getOrThunk(() => ({
+            id: 'mce-u' + (idCount++),
+            passed: [],
+            failed: [],
+            count: 0
+        }));
+        /**
+         * Loads the specified CSS file and returns a Promise that will resolve when the stylesheet is loaded successfully or reject if it failed to load.
+         *
+         * @method load
+         * @param {String} url Url to be loaded.
+         * @return {Promise} A Promise that will resolve or reject when the stylesheet is loaded.
+         */
+        const load = (url) => new Promise((success, failure) => {
+            let link;
+            const urlWithSuffix = Tools._addCacheSuffix(url);
+            const state = getOrCreateState(urlWithSuffix);
+            loadedStates[urlWithSuffix] = state;
+            state.count++;
+            const resolve = (callbacks, status) => {
+                each$e(callbacks, call);
+                state.status = status;
+                state.passed = [];
+                state.failed = [];
+                if (link) {
+                    link.onload = null;
+                    link.onerror = null;
+                    link = null;
+                }
+            };
+            const passed = () => resolve(state.passed, 2);
+            const failed = () => resolve(state.failed, 3);
+            if (success) {
+                state.passed.push(success);
+            }
+            if (failure) {
+                state.failed.push(failure);
+            }
+            // Is loading wait for it to pass
+            if (state.status === 1) {
+                return;
+            }
+            // Has finished loading and was success
+            if (state.status === 2) {
+                passed();
+                return;
+            }
+            // Has finished loading and was a failure
+            if (state.status === 3) {
+                failed();
+                return;
+            }
+            // Start loading
+            state.status = 1;
+            const linkElem = SugarElement.fromTag('link', doc.dom);
+            setAll$1(linkElem, {
+                rel: 'stylesheet',
+                type: 'text/css',
+                id: state.id
+            });
+            if (settings.contentCssCors) {
+                set$4(linkElem, 'crossOrigin', 'anonymous');
+            }
+            if (settings.referrerPolicy) {
+                // Note: Don't use link.referrerPolicy = ... here as it doesn't work on Safari
+                set$4(linkElem, 'referrerpolicy', settings.referrerPolicy);
+            }
+            link = linkElem.dom;
+            link.onload = passed;
+            link.onerror = failed;
+            addStyle(linkElem);
+            set$4(linkElem, 'href', urlWithSuffix);
+        });
+        /**
+         * Loads the specified css string in as a style element with an unique key.
+         *
+         * @method loadRawCss
+         * @param {String} key Unique key for the style element.
+         * @param {String} css Css style content to add.
+         */
+        const loadRawCss = (key, css) => {
+            const state = getOrCreateState(key);
+            loadedStates[key] = state;
+            state.count++;
+            // Start loading
+            const styleElem = SugarElement.fromTag('style', doc.dom);
+            setAll$1(styleElem, {
+                'rel': 'stylesheet',
+                'type': 'text/css',
+                'id': state.id,
+                'data-mce-key': key
+            });
+            styleElem.dom.innerHTML = css;
+            addStyle(styleElem);
+        };
+        /**
+         * Loads the specified CSS files and returns a Promise that is resolved when all stylesheets are loaded or rejected if any failed to load.
+         *
+         * @method loadAll
+         * @param {Array} urls URLs to be loaded.
+         * @return {Promise} A Promise that will resolve or reject when all stylesheets are loaded.
+         */
+        const loadAll = (urls) => {
+            const loadedUrls = Promise.allSettled(map$3(urls, (url) => load(url).then(constant(url))));
+            return loadedUrls.then((results) => {
+                const parts = partition$2(results, (r) => r.status === 'fulfilled');
+                if (parts.fail.length > 0) {
+                    return Promise.reject(map$3(parts.fail, (result) => result.reason));
+                }
+                else {
+                    return map$3(parts.pass, (result) => result.value);
+                }
+            });
+        };
+        /**
+         * Unloads the specified CSS file if no resources currently depend on it.
+         *
+         * @method unload
+         * @param {String} url URL to unload or remove.
+         */
+        const unload = (url) => {
+            const urlWithSuffix = Tools._addCacheSuffix(url);
+            get$a(loadedStates, urlWithSuffix).each((state) => {
+                const count = --state.count;
+                if (count === 0) {
+                    delete loadedStates[urlWithSuffix];
+                    removeStyle(state.id);
+                }
+            });
+        };
+        /**
+         * Unloads the specified CSS style element by key.
+         *
+         * @method unloadRawCss
+         * @param {String} key Key of CSS style resource to unload.
+         */
+        const unloadRawCss = (key) => {
+            get$a(loadedStates, key).each((state) => {
+                const count = --state.count;
+                if (count === 0) {
+                    delete loadedStates[key];
+                    removeStyle(state.id);
+                }
+            });
+        };
+        /**
+         * Unloads each specified CSS file if no resources currently depend on it.
+         *
+         * @method unloadAll
+         * @param {Array} urls URLs to unload or remove.
+         */
+        const unloadAll = (urls) => {
+            each$e(urls, (url) => {
+                unload(url);
+            });
+        };
+        return {
+            load,
+            loadRawCss,
+            loadAll,
+            unload,
+            unloadRawCss,
+            unloadAll,
+            _setReferrerPolicy,
+            _setContentCssCors
+        };
+    };
+
+    /**
+     * This function is exported for testing purposes only - please use StyleSheetLoader.instance in production code.
+     */
+    const create$b = () => {
+        const map = new WeakMap();
+        const forElement = (referenceElement, settings) => {
+            const root = getRootNode(referenceElement);
+            const rootDom = root.dom;
+            return Optional.from(map.get(rootDom)).getOrThunk(() => {
+                const sl = StyleSheetLoader(rootDom, settings);
+                map.set(rootDom, sl);
+                return sl;
+            });
+        };
+        return {
+            forElement
+        };
+    };
+    const instance = create$b();
+
+    const isSpan = (node) => node.nodeName.toLowerCase() === 'span';
+    const isInlineContent = (node, schema) => isNonNullable(node) && (isContent$1(schema, node) || schema.isInline(node.nodeName.toLowerCase()));
+    const surroundedByInlineContent = (node, root, schema) => {
+        const prev = new DomTreeWalker(node, root).prev(false);
+        const next = new DomTreeWalker(node, root).next(false);
+        // Check if the next/previous is either inline content or the start/end (eg is undefined)
+        const prevIsInline = isUndefined(prev) || isInlineContent(prev, schema);
+        const nextIsInline = isUndefined(next) || isInlineContent(next, schema);
+        return prevIsInline && nextIsInline;
+    };
+    const isBookmarkNode$2 = (node) => isSpan(node) && node.getAttribute('data-mce-type') === 'bookmark';
+    // Keep text nodes with only spaces if surrounded by spans.
+    // eg. "<p><span>a</span> <span>b</span></p>" should keep space between a and b
+    const isKeepTextNode = (node, root, schema) => isText$b(node) && node.data.length > 0 && surroundedByInlineContent(node, root, schema);
+    // Keep elements as long as they have any children
+    const isKeepElement = (node) => isElement$6(node) ? node.childNodes.length > 0 : false;
+    const isDocument = (node) => isDocumentFragment(node) || isDocument$1(node);
+    // W3C valid browsers tend to leave empty nodes to the left/right side of the contents - this makes sense
+    // but we don't want that in our code since it serves no purpose for the end user
+    // For example splitting this html at the bold element:
+    //   <p>text 1<span><b>CHOP</b></span>text 2</p>
+    // would produce:
+    //   <p>text 1<span></span></p><b>CHOP</b><p><span></span>text 2</p>
+    // this function will then trim off empty edges and produce:
+    //   <p>text 1</p><b>CHOP</b><p>text 2</p>
+    const trimNode = (dom, node, schema, root) => {
+        var _a;
+        const rootNode = root || node;
+        if (isElement$6(node) && isBookmarkNode$2(node)) {
+            return node;
+        }
+        const children = node.childNodes;
+        for (let i = children.length - 1; i >= 0; i--) {
+            trimNode(dom, children[i], schema, rootNode);
+        }
+        // If the only child is a bookmark then move it up
+        if (isElement$6(node)) {
+            const currentChildren = node.childNodes;
+            if (currentChildren.length === 1 && isBookmarkNode$2(currentChildren[0])) {
+                (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(currentChildren[0], node);
+            }
+        }
+        // Remove any empty nodes
+        if (!isDocument(node) && !isContent$1(schema, node) && !isKeepElement(node) && !isKeepTextNode(node, rootNode, schema)) {
+            dom.remove(node);
+        }
+        return node;
+    };
+
+    /**
+     * Entity encoder class.
+     *
+     * @class tinymce.html.Entities
+     * @static
+     * @version 3.4
+     */
+    const makeMap$3 = Tools.makeMap;
+    const attrsCharsRegExp = /[&<>\"\u0060\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
+    const textCharsRegExp = /[<>&\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
+    const rawCharsRegExp = /[<>&\"\']/g;
+    const entityRegExp = /&#([a-z0-9]+);?|&([a-z0-9]+);/gi;
+    const asciiMap = {
+        128: '\u20AC', 130: '\u201A', 131: '\u0192', 132: '\u201E', 133: '\u2026', 134: '\u2020',
+        135: '\u2021', 136: '\u02C6', 137: '\u2030', 138: '\u0160', 139: '\u2039', 140: '\u0152',
+        142: '\u017D', 145: '\u2018', 146: '\u2019', 147: '\u201C', 148: '\u201D', 149: '\u2022',
+        150: '\u2013', 151: '\u2014', 152: '\u02DC', 153: '\u2122', 154: '\u0161', 155: '\u203A',
+        156: '\u0153', 158: '\u017E', 159: '\u0178'
+    };
+    // Raw entities
+    const baseEntities = {
+        '\"': '&quot;', // Needs to be escaped since the YUI compressor would otherwise break the code
+        '\'': '&#39;',
+        '<': '&lt;',
+        '>': '&gt;',
+        '&': '&amp;',
+        '\u0060': '&#96;'
+    };
+    // Reverse lookup table for raw entities
+    const reverseEntities = {
+        '&lt;': '<',
+        '&gt;': '>',
+        '&amp;': '&',
+        '&quot;': '"',
+        '&apos;': `'`
+    };
+    // Decodes text by using the browser
+    const nativeDecode = (text) => {
+        const elm = SugarElement.fromTag('div').dom;
+        elm.innerHTML = text;
+        return elm.textContent || elm.innerText || text;
+    };
+    // Build a two way lookup table for the entities
+    const buildEntitiesLookup = (items, radix) => {
+        const lookup = {};
+        if (items) {
+            const itemList = items.split(',');
+            radix = radix || 10;
+            // Build entities lookup table
+            for (let i = 0; i < itemList.length; i += 2) {
+                const chr = String.fromCharCode(parseInt(itemList[i], radix));
+                // Only add non base entities
+                if (!baseEntities[chr]) {
+                    const entity = '&' + itemList[i + 1] + ';';
+                    lookup[chr] = entity;
+                    lookup[entity] = chr;
+                }
+            }
+            return lookup;
+        }
+        else {
+            return undefined;
+        }
+    };
+    // Unpack entities lookup where the numbers are in radix 32 to reduce the size
+    const namedEntities = buildEntitiesLookup('50,nbsp,51,iexcl,52,cent,53,pound,54,curren,55,yen,56,brvbar,57,sect,58,uml,59,copy,' +
+        '5a,ordf,5b,laquo,5c,not,5d,shy,5e,reg,5f,macr,5g,deg,5h,plusmn,5i,sup2,5j,sup3,5k,acute,' +
+        '5l,micro,5m,para,5n,middot,5o,cedil,5p,sup1,5q,ordm,5r,raquo,5s,frac14,5t,frac12,5u,frac34,' +
+        '5v,iquest,60,Agrave,61,Aacute,62,Acirc,63,Atilde,64,Auml,65,Aring,66,AElig,67,Ccedil,' +
+        '68,Egrave,69,Eacute,6a,Ecirc,6b,Euml,6c,Igrave,6d,Iacute,6e,Icirc,6f,Iuml,6g,ETH,6h,Ntilde,' +
+        '6i,Ograve,6j,Oacute,6k,Ocirc,6l,Otilde,6m,Ouml,6n,times,6o,Oslash,6p,Ugrave,6q,Uacute,' +
+        '6r,Ucirc,6s,Uuml,6t,Yacute,6u,THORN,6v,szlig,70,agrave,71,aacute,72,acirc,73,atilde,74,auml,' +
+        '75,aring,76,aelig,77,ccedil,78,egrave,79,eacute,7a,ecirc,7b,euml,7c,igrave,7d,iacute,7e,icirc,' +
+        '7f,iuml,7g,eth,7h,ntilde,7i,ograve,7j,oacute,7k,ocirc,7l,otilde,7m,ouml,7n,divide,7o,oslash,' +
+        '7p,ugrave,7q,uacute,7r,ucirc,7s,uuml,7t,yacute,7u,thorn,7v,yuml,ci,fnof,sh,Alpha,si,Beta,' +
+        'sj,Gamma,sk,Delta,sl,Epsilon,sm,Zeta,sn,Eta,so,Theta,sp,Iota,sq,Kappa,sr,Lambda,ss,Mu,' +
+        'st,Nu,su,Xi,sv,Omicron,t0,Pi,t1,Rho,t3,Sigma,t4,Tau,t5,Upsilon,t6,Phi,t7,Chi,t8,Psi,' +
+        't9,Omega,th,alpha,ti,beta,tj,gamma,tk,delta,tl,epsilon,tm,zeta,tn,eta,to,theta,tp,iota,' +
+        'tq,kappa,tr,lambda,ts,mu,tt,nu,tu,xi,tv,omicron,u0,pi,u1,rho,u2,sigmaf,u3,sigma,u4,tau,' +
+        'u5,upsilon,u6,phi,u7,chi,u8,psi,u9,omega,uh,thetasym,ui,upsih,um,piv,812,bull,816,hellip,' +
+        '81i,prime,81j,Prime,81u,oline,824,frasl,88o,weierp,88h,image,88s,real,892,trade,89l,alefsym,' +
+        '8cg,larr,8ch,uarr,8ci,rarr,8cj,darr,8ck,harr,8dl,crarr,8eg,lArr,8eh,uArr,8ei,rArr,8ej,dArr,' +
+        '8ek,hArr,8g0,forall,8g2,part,8g3,exist,8g5,empty,8g7,nabla,8g8,isin,8g9,notin,8gb,ni,8gf,prod,' +
+        '8gh,sum,8gi,minus,8gn,lowast,8gq,radic,8gt,prop,8gu,infin,8h0,ang,8h7,and,8h8,or,8h9,cap,8ha,cup,' +
+        '8hb,int,8hk,there4,8hs,sim,8i5,cong,8i8,asymp,8j0,ne,8j1,equiv,8j4,le,8j5,ge,8k2,sub,8k3,sup,8k4,' +
+        'nsub,8k6,sube,8k7,supe,8kl,oplus,8kn,otimes,8l5,perp,8m5,sdot,8o8,lceil,8o9,rceil,8oa,lfloor,8ob,' +
+        'rfloor,8p9,lang,8pa,rang,9ea,loz,9j0,spades,9j3,clubs,9j5,hearts,9j6,diams,ai,OElig,aj,oelig,b0,' +
+        'Scaron,b1,scaron,bo,Yuml,m6,circ,ms,tilde,802,ensp,803,emsp,809,thinsp,80c,zwnj,80d,zwj,80e,lrm,' +
+        '80f,rlm,80j,ndash,80k,mdash,80o,lsquo,80p,rsquo,80q,sbquo,80s,ldquo,80t,rdquo,80u,bdquo,810,dagger,' +
+        '811,Dagger,81g,permil,81p,lsaquo,81q,rsaquo,85c,euro', 32);
+    /**
+     * Encodes the specified string using raw entities. This means only the required XML base entities will be encoded.
+     *
+     * @method encodeRaw
+     * @param {String} text Text to encode.
+     * @param {Boolean} attr Optional flag to specify if the text is attribute contents.
+     * @return {String} Entity encoded text.
+     */
+    const encodeRaw = (text, attr) => text.replace(attr ? attrsCharsRegExp : textCharsRegExp, (chr) => {
+        return baseEntities[chr] || chr;
+    });
+    /**
+     * Encoded the specified text with both the attributes and text entities. This function will produce larger text contents
+     * since it doesn't know if the context is within an attribute or text node. This was added for compatibility
+     * and is exposed as the `DOMUtils.encode` function.
+     *
+     * @method encodeAllRaw
+     * @param {String} text Text to encode.
+     * @return {String} Entity encoded text.
+     */
+    const encodeAllRaw = (text) => ('' + text).replace(rawCharsRegExp, (chr) => {
+        return baseEntities[chr] || chr;
+    });
+    /**
+     * Encodes the specified string using numeric entities. The core entities will be
+     * encoded as named ones but all non lower ascii characters will be encoded into numeric entities.
+     *
+     * @method encodeNumeric
+     * @param {String} text Text to encode.
+     * @param {Boolean} attr Optional flag to specify if the text is attribute contents.
+     * @return {String} Entity encoded text.
+     */
+    const encodeNumeric = (text, attr) => text.replace(attr ? attrsCharsRegExp : textCharsRegExp, (chr) => {
+        // Multi byte sequence convert it to a single entity
+        if (chr.length > 1) {
+            return '&#' + (((chr.charCodeAt(0) - 0xD800) * 0x400) + (chr.charCodeAt(1) - 0xDC00) + 0x10000) + ';';
+        }
+        return baseEntities[chr] || '&#' + chr.charCodeAt(0) + ';';
+    });
+    /**
+     * Encodes the specified string using named entities. The core entities will be encoded
+     * as named ones but all non lower ascii characters will be encoded into named entities.
+     *
+     * @method encodeNamed
+     * @param {String} text Text to encode.
+     * @param {Boolean} attr Optional flag to specify if the text is attribute contents.
+     * @param {Object} entities Optional parameter with entities to use.
+     * @return {String} Entity encoded text.
+     */
+    const encodeNamed = (text, attr, entities) => {
+        const resolveEntities = entities || namedEntities;
+        return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, (chr) => {
+            return baseEntities[chr] || resolveEntities[chr] || chr;
+        });
+    };
+    /**
+     * Returns an encode function based on the name(s) and it's optional entities.
+     *
+     * @method getEncodeFunc
+     * @param {String} name Comma separated list of encoders for example named,numeric.
+     * @param {String} entities Optional parameter with entities to use instead of the built in set.
+     * @return {Function} Encode function to be used.
+     */
+    const getEncodeFunc = (name, entities) => {
+        const entitiesMap = buildEntitiesLookup(entities) || namedEntities;
+        const encodeNamedAndNumeric = (text, attr) => text.replace(attr ? attrsCharsRegExp : textCharsRegExp, (chr) => {
+            if (baseEntities[chr] !== undefined) {
+                return baseEntities[chr];
+            }
+            if (entitiesMap[chr] !== undefined) {
+                return entitiesMap[chr];
+            }
+            // Convert multi-byte sequences to a single entity.
+            if (chr.length > 1) {
+                return '&#' + (((chr.charCodeAt(0) - 0xD800) * 0x400) + (chr.charCodeAt(1) - 0xDC00) + 0x10000) + ';';
+            }
+            return '&#' + chr.charCodeAt(0) + ';';
+        });
+        const encodeCustomNamed = (text, attr) => {
+            return encodeNamed(text, attr, entitiesMap);
+        };
+        // Replace + with , to be compatible with previous TinyMCE versions
+        const nameMap = makeMap$3(name.replace(/\+/g, ','));
+        // Named and numeric encoder
+        if (nameMap.named && nameMap.numeric) {
+            return encodeNamedAndNumeric;
+        }
+        // Named encoder
+        if (nameMap.named) {
+            // Custom names
+            if (entities) {
+                return encodeCustomNamed;
+            }
+            return encodeNamed;
+        }
+        // Numeric
+        if (nameMap.numeric) {
+            return encodeNumeric;
+        }
+        // Raw encoder
+        return encodeRaw;
+    };
+    /**
+     * Decodes the specified string, this will replace entities with raw UTF characters.
+     *
+     * @method decode
+     * @param {String} text Text to entity decode.
+     * @return {String} Entity decoded string.
+     */
+    const decode = (text) => text.replace(entityRegExp, (all, numeric) => {
+        if (numeric) {
+            if (numeric.charAt(0).toLowerCase() === 'x') {
+                numeric = parseInt(numeric.substr(1), 16);
+            }
+            else {
+                numeric = parseInt(numeric, 10);
+            }
+            // Support upper UTF
+            if (numeric > 0xFFFF) {
+                numeric -= 0x10000;
+                // eslint-disable-next-line no-bitwise
+                return String.fromCharCode(0xD800 + (numeric >> 10), 0xDC00 + (numeric & 0x3FF));
+            }
+            return asciiMap[numeric] || String.fromCharCode(numeric);
+        }
+        return reverseEntities[all] || namedEntities[all] || nativeDecode(all);
+    });
+    const Entities = {
+        encodeRaw,
+        encodeAllRaw,
+        encodeNumeric,
+        encodeNamed,
+        getEncodeFunc,
+        decode
+    };
+
+    const split$1 = (items, delim) => {
+        items = Tools.trim(items);
+        return items ? items.split(delim || ' ') : [];
+    };
+    // Converts a wildcard expression string to a regexp for example *a will become /.*a/.
+    const patternToRegExp = (str) => new RegExp('^' + str.replace(/([?+*])/g, '.$1') + '$');
+    const isRegExp$1 = (obj) => isObject(obj) && obj.source && Object.prototype.toString.call(obj) === '[object RegExp]';
+    const deepCloneElementRule = (obj) => {
+        const helper = (value) => {
+            if (isArray$1(value)) {
+                return map$3(value, helper);
+            }
+            else if (isRegExp$1(value)) {
+                return new RegExp(value.source, value.flags);
+            }
+            else if (isObject(value)) {
+                return map$2(value, helper);
+            }
+            else {
+                return value;
+            }
+        };
+        return helper(obj);
+    };
+
+    const parseCustomElementsRules = (value) => {
+        const customElementRegExp = /^(~)?(.+)$/;
+        return bind$3(split$1(value, ','), (rule) => {
+            const matches = customElementRegExp.exec(rule);
+            if (matches) {
+                const inline = matches[1] === '~';
+                const cloneName = inline ? 'span' : 'div';
+                const name = matches[2];
+                return [{ cloneName, name }];
+            }
+            else {
+                return [];
+            }
+        });
+    };
+
+    const getGlobalAttributeSet = (type) => {
+        return Object.freeze([
+            // Present on all schema types
+            'id',
+            'accesskey',
+            'class',
+            'dir',
+            'lang',
+            'style',
+            'tabindex',
+            'title',
+            'role',
+            // html5 and html5-strict extra attributes
+            ...(type !== 'html4' ? ['contenteditable', 'contextmenu', 'draggable', 'dropzone', 'hidden', 'spellcheck', 'translate', 'itemprop', 'itemscope', 'itemtype'] : []),
+            // html4 and html5 extra attributes
+            ...(type !== 'html5-strict' ? ['xml:lang'] : [])
+        ]);
+    };
+
+    // Missing elements in `phrasing` compared to HTML5 spec at 2024-01-30 (timestamped since spec is constantly evolving)
+    //  area - required to be inside a map element so we should not add it to all elements.
+    //  link - required to be in the body so we should not add it to all elements.
+    //  math - currently not supported.
+    //  meta - Only allowed if the `itemprop` attribute is set so very special.
+    //  slot - We only want these to be accepted in registered custom components.
+    //  template - Not supported since the HTML inside it is stored in a `content` property fragment so needs special treatment.
+    // Extra element in `phrasing`: command keygen
+    //
+    // Missing elements in `flow` compared to HTML5 spec at 2034-01-30 (timestamped since the spec is constantly evolving)
+    //  search - Can be both in a block and inline position but is not a transparent element. So not supported at this time.
+    const getElementSetsAsStrings = (type) => {
+        let blockContent;
+        let phrasingContent;
+        // Block content elements
+        blockContent =
+            'address blockquote div dl fieldset form h1 h2 h3 h4 h5 h6 hr menu ol p pre table ul';
+        // Phrasing content elements from the HTML5 spec (inline)
+        phrasingContent =
+            'a abbr b bdo br button cite code del dfn em embed i iframe img input ins kbd ' +
+                'label map noscript object q s samp script select small span strong sub sup ' +
+                'textarea u var #text #comment';
+        // Add HTML5 items to globalAttributes, blockContent, phrasingContent
+        if (type !== 'html4') {
+            const transparentContent = 'a ins del canvas map';
+            blockContent += ' article aside details dialog figure main header footer hgroup section nav ' + transparentContent;
+            phrasingContent += ' audio canvas command data datalist mark meter output picture ' +
+                'progress time wbr video ruby bdi keygen svg';
+        }
+        // Add HTML4 elements unless it's html5-strict
+        if (type !== 'html5-strict') {
+            const html4PhrasingContent = 'acronym applet basefont big font strike tt';
+            phrasingContent = [phrasingContent, html4PhrasingContent].join(' ');
+            const html4BlockContent = 'center dir isindex noframes';
+            blockContent = [blockContent, html4BlockContent].join(' ');
+        }
+        // Flow content elements from the HTML5 spec (block+inline)
+        const flowContent = [blockContent, phrasingContent].join(' ');
+        return { blockContent, phrasingContent, flowContent };
+    };
+    const getElementSets = (type) => {
+        const { blockContent, phrasingContent, flowContent } = getElementSetsAsStrings(type);
+        const toArr = (value) => {
+            return Object.freeze(value.split(' '));
+        };
+        return Object.freeze({
+            blockContent: toArr(blockContent),
+            phrasingContent: toArr(phrasingContent),
+            flowContent: toArr(flowContent)
+        });
+    };
+
+    const cachedSets = {
+        'html4': cached(() => getElementSets('html4')),
+        'html5': cached(() => getElementSets('html5')),
+        'html5-strict': cached(() => getElementSets('html5-strict'))
+    };
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    const getElementsPreset = (type, name) => {
+        const { blockContent, phrasingContent, flowContent } = cachedSets[type]();
+        if (name === 'blocks') {
+            return Optional?.some(blockContent);
+        }
+        else if (name === 'phrasing') {
+            return Optional?.some(phrasingContent);
+        }
+        else if (name === 'flow') {
+            return Optional?.some(flowContent);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+
+    const makeSchema = (type) => {
+        const globalAttributes = getGlobalAttributeSet(type);
+        const { phrasingContent, flowContent } = getElementSetsAsStrings(type);
+        const schema = {};
+        const addElement = (name, attributes, children) => {
+            schema[name] = {
+                attributes: mapToObject(attributes, constant({})),
+                attributesOrder: attributes,
+                children: mapToObject(children, constant({}))
+            };
+        };
+        const add = (name, attributes = '', children = '') => {
+            const childNames = split$1(children);
+            const names = split$1(name);
+            let ni = names.length;
+            const allAttributes = [...globalAttributes, ...split$1(attributes)];
+            while (ni--) {
+                addElement(names[ni], allAttributes.slice(), childNames);
+            }
+        };
+        const addAttrs = (name, attributes) => {
+            const names = split$1(name);
+            const attrs = split$1(attributes);
+            let ni = names.length;
+            while (ni--) {
+                const schemaItem = schema[names[ni]];
+                for (let i = 0, l = attrs.length; i < l; i++) {
+                    schemaItem.attributes[attrs[i]] = {};
+                    schemaItem.attributesOrder.push(attrs[i]);
+                }
+            }
+        };
+        if (type !== 'html5-strict') {
+            const html4PhrasingContent = 'acronym applet basefont big font strike tt';
+            each$e(split$1(html4PhrasingContent), (name) => {
+                add(name, '', phrasingContent);
+            });
+            const html4BlockContent = 'center dir isindex noframes';
+            each$e(split$1(html4BlockContent), (name) => {
+                add(name, '', flowContent);
+            });
+        }
+        // HTML4 base schema TODO: Move HTML5 specific attributes to HTML5 specific if statement
+        // Schema items <element name>, <specific attributes>, <children ..>
+        add('html', 'manifest', 'head body');
+        add('head', '', 'base command link meta noscript script style title');
+        add('title hr noscript br');
+        add('base', 'href target');
+        add('link', 'href rel media hreflang type sizes hreflang');
+        add('meta', 'name http-equiv content charset');
+        add('style', 'media type scoped');
+        add('script', 'src async defer type charset');
+        add('body', 'onafterprint onbeforeprint onbeforeunload onblur onerror onfocus ' +
+            'onhashchange onload onmessage onoffline ononline onpagehide onpageshow ' +
+            'onpopstate onresize onscroll onstorage onunload', flowContent);
+        add('dd div', '', flowContent);
+        add('address dt caption', '', type === 'html4' ? phrasingContent : flowContent);
+        add('h1 h2 h3 h4 h5 h6 pre p abbr code var samp kbd sub sup i b u bdo span legend em strong small s cite dfn', '', phrasingContent);
+        add('blockquote', 'cite', flowContent);
+        add('ol', 'reversed start type', 'li');
+        add('ul', '', 'li');
+        add('li', 'value', flowContent);
+        add('dl', '', 'dt dd');
+        add('a', 'href target rel media hreflang type', type === 'html4' ? phrasingContent : flowContent);
+        add('q', 'cite', phrasingContent);
+        add('ins del', 'cite datetime', flowContent);
+        add('img', 'src sizes srcset alt usemap ismap width height');
+        add('iframe', 'src name width height', flowContent);
+        add('embed', 'src type width height');
+        add('object', 'data type typemustmatch name usemap form width height', [flowContent, 'param'].join(' '));
+        add('param', 'name value');
+        add('map', 'name', [flowContent, 'area'].join(' '));
+        add('area', 'alt coords shape href target rel media hreflang type');
+        add('table', 'border', 'caption colgroup thead tfoot tbody tr' + (type === 'html4' ? ' col' : ''));
+        add('colgroup', 'span', 'col');
+        add('col', 'span');
+        add('tbody thead tfoot', '', 'tr');
+        add('tr', '', 'td th');
+        add('td', 'colspan rowspan headers', flowContent);
+        add('th', 'colspan rowspan headers scope abbr', flowContent);
+        add('form', 'accept-charset action autocomplete enctype method name novalidate target', flowContent);
+        add('fieldset', 'disabled form name', [flowContent, 'legend'].join(' '));
+        add('label', 'form for', phrasingContent);
+        add('input', 'accept alt autocomplete checked dirname disabled form formaction formenctype formmethod formnovalidate ' +
+            'formtarget height list max maxlength min multiple name pattern readonly required size src step type value width');
+        add('button', 'disabled form formaction formenctype formmethod formnovalidate formtarget name type value', type === 'html4' ? flowContent : phrasingContent);
+        add('select', 'disabled form multiple name required size', 'option optgroup');
+        add('optgroup', 'disabled label', 'option');
+        add('option', 'disabled label selected value');
+        add('textarea', 'cols dirname disabled form maxlength name readonly required rows wrap');
+        add('menu', 'type label', [flowContent, 'li'].join(' '));
+        add('noscript', '', flowContent);
+        // Extend with HTML5 elements
+        if (type !== 'html4') {
+            add('wbr');
+            add('ruby', '', [phrasingContent, 'rt rp'].join(' '));
+            add('figcaption', '', flowContent);
+            add('mark rt rp bdi', '', phrasingContent);
+            add('summary', '', [phrasingContent, 'h1 h2 h3 h4 h5 h6'].join(' '));
+            add('canvas', 'width height', flowContent);
+            add('data', 'value', phrasingContent);
+            add('video', 'src crossorigin poster preload autoplay mediagroup loop ' +
+                'muted controls width height buffered', [flowContent, 'track source'].join(' '));
+            add('audio', 'src crossorigin preload autoplay mediagroup loop muted controls ' +
+                'buffered volume', [flowContent, 'track source'].join(' '));
+            add('picture', '', 'img source');
+            add('source', 'src srcset type media sizes');
+            add('track', 'kind src srclang label default');
+            add('datalist', '', [phrasingContent, 'option'].join(' '));
+            add('article section nav aside main header footer', '', flowContent);
+            add('hgroup', '', 'h1 h2 h3 h4 h5 h6');
+            add('figure', '', [flowContent, 'figcaption'].join(' '));
+            add('time', 'datetime', phrasingContent);
+            add('dialog', 'open', flowContent);
+            add('command', 'type label icon disabled checked radiogroup command');
+            add('output', 'for form name', phrasingContent);
+            add('progress', 'value max', phrasingContent);
+            add('meter', 'value min max low high optimum', phrasingContent);
+            add('details', 'open', [flowContent, 'summary'].join(' '));
+            add('keygen', 'autofocus challenge disabled form keytype name');
+            // SVGs only support a subset of the global attributes
+            addElement('svg', 'id tabindex lang xml:space class style x y width height viewBox preserveAspectRatio zoomAndPan transform'.split(' '), []);
+        }
+        // Extend with HTML4 attributes unless it's html5-strict
+        if (type !== 'html5-strict') {
+            addAttrs('script', 'language xml:space');
+            addAttrs('style', 'xml:space');
+            addAttrs('object', 'declare classid code codebase codetype archive standby align border hspace vspace');
+            addAttrs('embed', 'align name hspace vspace');
+            addAttrs('param', 'valuetype type');
+            addAttrs('a', 'charset name rev shape coords');
+            addAttrs('br', 'clear');
+            addAttrs('applet', 'codebase archive code object alt name width height align hspace vspace');
+            addAttrs('img', 'name longdesc align border hspace vspace');
+            addAttrs('iframe', 'longdesc frameborder marginwidth marginheight scrolling align');
+            addAttrs('font basefont', 'size color face');
+            addAttrs('input', 'usemap align');
+            addAttrs('select');
+            addAttrs('textarea');
+            addAttrs('h1 h2 h3 h4 h5 h6 div p legend caption', 'align');
+            addAttrs('ul', 'type compact');
+            addAttrs('li', 'type');
+            addAttrs('ol dl menu dir', 'compact');
+            addAttrs('pre', 'width xml:space');
+            addAttrs('hr', 'align noshade size width');
+            addAttrs('isindex', 'prompt');
+            addAttrs('table', 'summary width frame rules cellspacing cellpadding align bgcolor');
+            addAttrs('col', 'width align char charoff valign');
+            addAttrs('colgroup', 'width align char charoff valign');
+            addAttrs('thead', 'align char charoff valign');
+            addAttrs('tr', 'align char charoff valign bgcolor');
+            addAttrs('th', 'axis align char charoff valign nowrap bgcolor width height');
+            addAttrs('form', 'accept');
+            addAttrs('td', 'abbr axis scope align char charoff valign nowrap bgcolor width height');
+            addAttrs('tfoot', 'align char charoff valign');
+            addAttrs('tbody', 'align char charoff valign');
+            addAttrs('area', 'nohref');
+            addAttrs('body', 'background bgcolor text link vlink alink');
+        }
+        // Extend with HTML5 attributes unless it's html4
+        if (type !== 'html4') {
+            addAttrs('input button select textarea', 'autofocus');
+            addAttrs('input textarea', 'placeholder');
+            addAttrs('a', 'download');
+            addAttrs('link script img', 'crossorigin');
+            addAttrs('img', 'loading');
+            addAttrs('iframe', 'sandbox seamless allow allowfullscreen loading referrerpolicy'); // Excluded: srcdoc
+        }
+        // Special: iframe, ruby, video, audio, label
+        if (type !== 'html4') {
+            // Video/audio elements cannot have nested children
+            each$e([schema.video, schema.audio], (item) => {
+                delete item.children.audio;
+                delete item.children.video;
+            });
+        }
+        // Delete children of the same name from it's parent
+        // For example: form can't have a child of the name form
+        each$e(split$1('a form meter progress dfn'), (name) => {
+            if (schema[name]) {
+                delete schema[name].children[name];
+            }
+        });
+        // Delete header, footer, sectioning and heading content descendants
+        /* each('dt th address', function(name) {
+         delete schema[name].children[name];
+         });*/
+        // Caption can't have tables
+        delete schema.caption.children.table;
+        // Delete scripts by default due to possible XSS
+        delete schema.script;
+        // TODO: LI:s can only have value if parent is OL
+        return schema;
+    };
+
+    const prefixToOperation = (prefix) => prefix === '-' ? 'remove' : 'add';
+    const parseValidChild = (name) => {
+        // see: https://html.spec.whatwg.org/#valid-custom-element-name
+        const validChildRegExp = /^(@?)([A-Za-z0-9_\-.\u00b7\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]+)$/;
+        return Optional.from(validChildRegExp.exec(name))?.map((matches) => ({
+            preset: matches[1] === '@',
+            name: matches[2]
+        }));
+    };
+    const parseValidChildrenRules = (value) => {
+        // see: https://html.spec.whatwg.org/#valid-custom-element-name
+        const childRuleRegExp = /^([+\-]?)([A-Za-z0-9_\-.\u00b7\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]+)\[([^\]]+)]$/; // from w3c's custom grammar (above)
+        return bind$3(split$1(value, ','), (rule) => {
+            const matches = childRuleRegExp.exec(rule);
+            if (matches) {
+                const prefix = matches[1];
+                const operation = prefix ? prefixToOperation(prefix) : 'replace';
+                const name = matches[2];
+                const validChildren = bind$3(split$1(matches[3], '|'), (validChild) => parseValidChild(validChild).toArray());
+                return [{ operation, name, validChildren }];
+            }
+            else {
+                return [];
+            }
+        });
+    };
+
+    const parseValidElementsAttrDataIntoElement = (attrData, targetElement) => {
+        const attrRuleRegExp = /^([!\-])?(\w+[\\:]:\w+|[^=~<]+)?(?:([=~<])(.*))?$/;
+        const hasPatternsRegExp = /[*?+]/;
+        const { attributes, attributesOrder } = targetElement;
+        return each$e(split$1(attrData, '|'), (rule) => {
+            const matches = attrRuleRegExp.exec(rule);
+            if (matches) {
+                const attr = {};
+                const attrType = matches[1];
+                const attrName = matches[2].replace(/[\\:]:/g, ':');
+                const attrPrefix = matches[3];
+                const value = matches[4];
+                // Required
+                if (attrType === '!') {
+                    targetElement.attributesRequired = targetElement.attributesRequired || [];
+                    targetElement.attributesRequired.push(attrName);
+                    attr.required = true;
+                }
+                // Denied from global
+                if (attrType === '-') {
+                    delete attributes[attrName];
+                    attributesOrder.splice(Tools.inArray(attributesOrder, attrName), 1);
+                    return;
+                }
+                // Default value
+                if (attrPrefix) {
+                    if (attrPrefix === '=') { // Default value
+                        targetElement.attributesDefault = targetElement.attributesDefault || [];
+                        targetElement.attributesDefault.push({ name: attrName, value });
+                        attr.defaultValue = value;
+                    }
+                    else if (attrPrefix === '~') { // Forced value
+                        targetElement.attributesForced = targetElement.attributesForced || [];
+                        targetElement.attributesForced.push({ name: attrName, value });
+                        attr.forcedValue = value;
+                    }
+                    else if (attrPrefix === '<') { // Required values
+                        attr.validValues = Tools.makeMap(value, '?');
+                    }
+                }
+                // Check for attribute patterns
+                if (hasPatternsRegExp.test(attrName)) {
+                    const attrPattern = attr;
+                    targetElement.attributePatterns = targetElement.attributePatterns || [];
+                    attrPattern.pattern = patternToRegExp(attrName);
+                    targetElement.attributePatterns.push(attrPattern);
+                }
+                else {
+                    // Add attribute to order list if it doesn't already exist
+                    if (!attributes[attrName]) {
+                        attributesOrder.push(attrName);
+                    }
+                    attributes[attrName] = attr;
+                }
+            }
+        });
+    };
+    const cloneAttributesInto = (from, to) => {
+        each$d(from.attributes, (value, key) => {
+            to.attributes[key] = value;
+        });
+        to.attributesOrder.push(...from.attributesOrder);
+    };
+    const parseValidElementsRules = (globalElement, validElements) => {
+        const elementRuleRegExp = /^([#+\-])?([^\[!\/]+)(?:\/([^\[!]+))?(?:(!?)\[([^\]]+)])?$/;
+        return bind$3(split$1(validElements, ','), (rule) => {
+            const matches = elementRuleRegExp.exec(rule);
+            if (matches) {
+                const prefix = matches[1];
+                const elementName = matches[2];
+                const outputName = matches[3];
+                const attrsPrefix = matches[4];
+                const attrData = matches[5];
+                const element = {
+                    attributes: {},
+                    attributesOrder: []
+                };
+                globalElement.each((el) => cloneAttributesInto(el, element));
+                if (prefix === '#') {
+                    element.paddEmpty = true;
+                }
+                else if (prefix === '-') {
+                    element.removeEmpty = true;
+                }
+                if (attrsPrefix === '!') {
+                    element.removeEmptyAttrs = true;
+                }
+                if (attrData) {
+                    parseValidElementsAttrDataIntoElement(attrData, element);
+                }
+                // Handle substitute elements such as b/strong
+                if (outputName) {
+                    element.outputName = elementName;
+                }
+                // Mutate the local globalElement option state if we find a global @ rule
+                if (elementName === '@') {
+                    // We only care about the first one
+                    if (globalElement.isNone()) {
+                        globalElement = Optional?.some(element);
+                    }
+                    else {
+                        return [];
+                    }
+                }
+                return [outputName ? { name: elementName, element, aliasName: outputName } : { name: elementName, element }];
+            }
+            else {
+                return [];
+            }
+        });
+    };
+
+    /**
+     * Schema validator class.
+     *
+     * @class tinymce.html.Schema
+     * @version 3.4
+     * @example
+     * if (tinymce.activeEditor.schema.isValidChild('p', 'span')) {
+     *   alert('span is valid child of p.');
+     * }
+     *
+     * if (tinymce.activeEditor.schema.getElementRule('p')) {
+     *   alert('P is a valid element.');
+     * }
+     */
+    const mapCache = {};
+    const makeMap$2 = Tools.makeMap, each$b = Tools.each, extend$2 = Tools.extend, explode$2 = Tools.explode;
+    const createMap = (defaultValue, extendWith = {}) => {
+        const value = makeMap$2(defaultValue, ' ', makeMap$2(defaultValue.toUpperCase(), ' '));
+        return extend$2(value, extendWith);
+    };
+    // A curated list using the textBlockElements map and parts of the blockElements map from the schema
+    // TODO: TINY-8728 Investigate if the extras can be added directly to the default text block elements
+    const getTextRootBlockElements = (schema) => createMap('td th li dt dd figcaption caption details summary', schema.getTextBlockElements());
+    const compileElementMap = (value, mode) => {
+        if (value) {
+            const styles = {};
+            if (isString(value)) {
+                value = {
+                    '*': value
+                };
+            }
+            // Convert styles into a rule list
+            each$b(value, (value, key) => {
+                styles[key] = styles[key.toUpperCase()] = mode === 'map' ? makeMap$2(value, /[, ]/) : explode$2(value, /[, ]/);
+            });
+            return styles;
+        }
+        else {
+            return undefined;
+        }
+    };
+    const Schema = (settings = {}) => {
+        var _a;
+        const elements = {};
+        const children = {};
+        let patternElements = [];
+        const customElementsMap = {};
+        const specialElements = {};
+        // Creates an lookup table map object for the specified option or the default value
+        const createLookupTable = (option, defaultValue, extendWith) => {
+            const value = settings[option];
+            if (!value) {
+                // Get cached default map or make it if needed
+                let newValue = mapCache[option];
+                if (!newValue) {
+                    newValue = createMap(defaultValue, extendWith);
+                    mapCache[option] = newValue;
+                }
+                return newValue;
+            }
+            else {
+                // Create custom map
+                return makeMap$2(value, /[, ]/, makeMap$2(value.toUpperCase(), /[, ]/));
+            }
+        };
+        const schemaType = (_a = settings.schema) !== null && _a !== void 0 ? _a : 'html5';
+        const schemaItems = makeSchema(schemaType);
+        // Allow all elements and attributes if verify_html is set to false
+        if (settings.verify_html === false) {
+            settings.valid_elements = '*[*]';
+        }
+        const validStyles = compileElementMap(settings.valid_styles);
+        const invalidStyles = compileElementMap(settings.invalid_styles, 'map');
+        const validClasses = compileElementMap(settings.valid_classes, 'map');
+        // Setup map objects
+        const whitespaceElementsMap = createLookupTable('whitespace_elements', 'pre script noscript style textarea video audio iframe object code');
+        const selfClosingElementsMap = createLookupTable('self_closing_elements', 'colgroup dd dt li option p td tfoot th thead tr');
+        const voidElementsMap = createLookupTable('void_elements', 'area base basefont br col frame hr img input isindex link ' +
+            'meta param embed source wbr track');
+        const boolAttrMap = createLookupTable('boolean_attributes', 'checked compact declare defer disabled ismap multiple nohref noresize ' +
+            'noshade nowrap readonly selected autoplay loop controls allowfullscreen');
+        const nonEmptyOrMoveCaretBeforeOnEnter = 'td th iframe video audio object script code';
+        const nonEmptyElementsMap = createLookupTable('non_empty_elements', nonEmptyOrMoveCaretBeforeOnEnter + ' pre svg textarea summary', voidElementsMap);
+        const moveCaretBeforeOnEnterElementsMap = createLookupTable('move_caret_before_on_enter_elements', nonEmptyOrMoveCaretBeforeOnEnter + ' table', voidElementsMap);
+        const headings = 'h1 h2 h3 h4 h5 h6';
+        const textBlockElementsMap = createLookupTable('text_block_elements', headings + ' p div address pre form ' +
+            'blockquote center dir fieldset header footer article section hgroup aside main nav figure');
+        const blockElementsMap = createLookupTable('block_elements', 'hr table tbody thead tfoot ' +
+            'th tr td li ol ul caption dl dt dd noscript menu isindex option ' +
+            'datalist select optgroup figcaption details summary html body multicol listing', textBlockElementsMap);
+        const textInlineElementsMap = createLookupTable('text_inline_elements', 'span strong b em i font s strike u var cite ' +
+            'dfn code mark q sup sub samp');
+        const transparentElementsMap = createLookupTable('transparent_elements', 'a ins del canvas map');
+        const wrapBlockElementsMap = createLookupTable('wrap_block_elements', 'pre ' + headings);
+        // See https://html.spec.whatwg.org/multipage/parsing.html#parsing-html-fragments
+        each$b(('script noscript iframe noframes noembed title style textarea xmp plaintext').split(' '), (name) => {
+            specialElements[name] = new RegExp('<\/' + name + '[^>]*>', 'gi');
+        });
+        // Parses the specified valid_elements string and adds to the current rules
+        const addValidElements = (validElements) => {
+            const globalElement = Optional.from(elements['@']);
+            const hasPatternsRegExp = /[*?+]/;
+            each$e(parseValidElementsRules(globalElement, validElements !== null && validElements !== void 0 ? validElements : ''), ({ name, element, aliasName }) => {
+                if (aliasName) {
+                    elements[aliasName] = element;
+                }
+                // Add pattern or exact element
+                if (hasPatternsRegExp.test(name)) {
+                    const patternElement = element;
+                    patternElement.pattern = patternToRegExp(name);
+                    patternElements.push(patternElement);
+                }
+                else {
+                    elements[name] = element;
+                }
+            });
+        };
+        const setValidElements = (validElements) => {
+            // Clear any existing rules. Note that since `elements` is exposed we can't
+            // overwrite it, so instead we delete all the properties
+            patternElements = [];
+            each$e(keys(elements), (name) => {
+                delete elements[name];
+            });
+            addValidElements(validElements);
+        };
+        const addCustomElement = (name, spec) => {
+            var _a, _b;
+            // Flush cached items since we are altering the default maps
+            delete mapCache.text_block_elements;
+            delete mapCache.block_elements;
+            const inline = spec.extends ? !isBlock(spec.extends) : false;
+            const cloneName = spec.extends;
+            children[name] = cloneName ? children[cloneName] : {};
+            customElementsMap[name] = cloneName !== null && cloneName !== void 0 ? cloneName : name;
+            // Treat all custom elements as being non-empty by default
+            nonEmptyElementsMap[name.toUpperCase()] = {};
+            nonEmptyElementsMap[name] = {};
+            // If it's not marked as inline then add it to valid block elements
+            if (!inline) {
+                blockElementsMap[name.toUpperCase()] = {};
+                blockElementsMap[name] = {};
+            }
+            // Add elements clone if needed
+            if (cloneName && !elements[name] && elements[cloneName]) {
+                const customRule = deepCloneElementRule(elements[cloneName]);
+                delete customRule.removeEmptyAttrs;
+                delete customRule.removeEmpty;
+                elements[name] = customRule;
+            }
+            else {
+                elements[name] = { attributesOrder: [], attributes: {} };
+            }
+            // Add custom attributes
+            if (isArray$1(spec.attributes)) {
+                const processAttrName = (name) => {
+                    customRule.attributesOrder.push(name);
+                    customRule.attributes[name] = {};
+                };
+                const customRule = (_a = elements[name]) !== null && _a !== void 0 ? _a : {};
+                delete customRule.attributesDefault;
+                delete customRule.attributesForced;
+                delete customRule.attributePatterns;
+                delete customRule.attributesRequired;
+                customRule.attributesOrder = [];
+                customRule.attributes = {};
+                each$e(spec.attributes, (attrName) => {
+                    const globalAttrs = getGlobalAttributeSet(schemaType);
+                    parseValidChild(attrName).each(({ preset, name }) => {
+                        if (preset) {
+                            if (name === 'global') {
+                                each$e(globalAttrs, processAttrName);
+                            }
+                        }
+                        else {
+                            processAttrName(name);
+                        }
+                    });
+                });
+                elements[name] = customRule;
+            }
+            // Add custom pad empty rule
+            if (isBoolean(spec.padEmpty)) {
+                const customRule = (_b = elements[name]) !== null && _b !== void 0 ? _b : {};
+                customRule.paddEmpty = spec.padEmpty;
+                elements[name] = customRule;
+            }
+            // Add custom children
+            if (isArray$1(spec.children)) {
+                const customElementChildren = {};
+                const processNodeName = (name) => {
+                    customElementChildren[name] = {};
+                };
+                const processPreset = (name) => {
+                    getElementsPreset(schemaType, name).each((names) => {
+                        each$e(names, processNodeName);
+                    });
+                };
+                each$e(spec.children, (child) => {
+                    parseValidChild(child).each(({ preset, name }) => {
+                        if (preset) {
+                            processPreset(name);
+                        }
+                        else {
+                            processNodeName(name);
+                        }
+                    });
+                });
+                children[name] = customElementChildren;
+            }
+            // Add custom elements at extends positions
+            if (cloneName) {
+                each$d(children, (element, elmName) => {
+                    if (element[cloneName]) {
+                        children[elmName] = element = extend$2({}, children[elmName]);
+                        element[name] = element[cloneName];
+                    }
+                });
+            }
+        };
+        const addCustomElementsFromString = (customElements) => {
+            each$e(parseCustomElementsRules(customElements !== null && customElements !== void 0 ? customElements : ''), ({ name, cloneName }) => {
+                addCustomElement(name, { extends: cloneName });
+            });
+        };
+        const addCustomElements = (customElements) => {
+            if (isObject(customElements)) {
+                each$d(customElements, (spec, name) => addCustomElement(name, spec));
+            }
+            else if (isString(customElements)) {
+                addCustomElementsFromString(customElements);
+            }
+        };
+        // Adds valid children to the schema object
+        const addValidChildren = (validChildren) => {
+            each$e(parseValidChildrenRules(validChildren !== null && validChildren !== void 0 ? validChildren : ''), ({ operation, name, validChildren }) => {
+                const parent = operation === 'replace' ? { '#comment': {} } : children[name];
+                const processNodeName = (name) => {
+                    if (operation === 'remove') {
+                        delete parent[name];
+                    }
+                    else {
+                        parent[name] = {};
+                    }
+                };
+                const processPreset = (name) => {
+                    getElementsPreset(schemaType, name).each((names) => {
+                        each$e(names, processNodeName);
+                    });
+                };
+                each$e(validChildren, ({ preset, name }) => {
+                    if (preset) {
+                        processPreset(name);
+                    }
+                    else {
+                        processNodeName(name);
+                    }
+                });
+                children[name] = parent;
+            });
+        };
+        const getElementRule = (name) => {
+            const element = elements[name];
+            // Exact match found
+            if (element) {
+                return element;
+            }
+            // No exact match then try the patterns
+            let i = patternElements.length;
+            while (i--) {
+                const patternElement = patternElements[i];
+                if (patternElement.pattern.test(name)) {
+                    return patternElement;
+                }
+            }
+            return undefined;
+        };
+        const setup = () => {
+            if (!settings.valid_elements) {
+                // No valid elements defined then clone the elements from the schema spec
+                each$b(schemaItems, (element, name) => {
+                    elements[name] = {
+                        attributes: element.attributes,
+                        attributesOrder: element.attributesOrder
+                    };
+                    children[name] = element.children;
+                });
+                // Prefer strong/em over b/i
+                each$b(split$1('strong/b em/i'), (item) => {
+                    const items = split$1(item, '/');
+                    elements[items[1]].outputName = items[0];
+                });
+                // Add default alt attribute for images, removed since alt="" is treated as presentational.
+                // elements.img.attributesDefault = [{name: 'alt', value: ''}];
+                // By default,
+                // - padd the text inline element if it is empty and also a child of an empty root block
+                // - in all other cases, remove the text inline element if it is empty
+                each$b(textInlineElementsMap, (_val, name) => {
+                    if (elements[name]) {
+                        if (settings.padd_empty_block_inline_children) {
+                            elements[name].paddInEmptyBlock = true;
+                        }
+                        elements[name].removeEmpty = true;
+                    }
+                });
+                // Remove these if they are empty by default
+                each$b(split$1('ol ul blockquote a table tbody'), (name) => {
+                    if (elements[name]) {
+                        elements[name].removeEmpty = true;
+                    }
+                });
+                // Padd these by default
+                each$b(split$1('p h1 h2 h3 h4 h5 h6 th td pre div address caption li summary'), (name) => {
+                    if (elements[name]) {
+                        elements[name].paddEmpty = true;
+                    }
+                });
+                // Remove these if they have no attributes
+                each$b(split$1('span'), (name) => {
+                    elements[name].removeEmptyAttrs = true;
+                });
+                // Remove these by default
+                // TODO: Reenable in 4.1
+                /* each(split('script style'), function(name) {
+                 delete elements[name];
+                 });*/
+            }
+            else {
+                setValidElements(settings.valid_elements);
+                each$b(schemaItems, (element, name) => {
+                    children[name] = element.children;
+                });
+            }
+            // Opt in is done with options like `extended_valid_elements`
+            delete elements.svg;
+            addCustomElements(settings.custom_elements);
+            addValidChildren(settings.valid_children);
+            addValidElements(settings.extended_valid_elements);
+            // Todo: Remove this when we fix list handling to be valid
+            addValidChildren('+ol[ul|ol],+ul[ul|ol]');
+            // Some elements are not valid by themselves - require parents
+            each$b({
+                dd: 'dl',
+                dt: 'dl',
+                li: 'ul ol',
+                td: 'tr',
+                th: 'tr',
+                tr: 'tbody thead tfoot',
+                tbody: 'table',
+                thead: 'table',
+                tfoot: 'table',
+                legend: 'fieldset',
+                area: 'map',
+                param: 'video audio object'
+            }, (parents, item) => {
+                if (elements[item]) {
+                    elements[item].parentsRequired = split$1(parents);
+                }
+            });
+            // Delete invalid elements
+            if (settings.invalid_elements) {
+                each$b(explode$2(settings.invalid_elements), (item) => {
+                    if (elements[item]) {
+                        delete elements[item];
+                    }
+                });
+            }
+            // If the user didn't allow span only allow internal spans
+            if (!getElementRule('span')) {
+                addValidElements('span[!data-mce-type|*]');
+            }
+        };
+        /**
+         * Name/value map object with valid parents and children to those parents.
+         *
+         * @field children
+         * @type Object
+         * @example
+         * children = {
+         *    div: { p:{}, h1:{} }
+         * };
+         */
+        /**
+         * Name/value map object with valid styles for each element.
+         *
+         * @method getValidStyles
+         * @type Object
+         */
+        const getValidStyles = constant(validStyles);
+        /**
+         * Name/value map object with valid styles for each element.
+         *
+         * @method getInvalidStyles
+         * @type Object
+         */
+        const getInvalidStyles = constant(invalidStyles);
+        /**
+         * Name/value map object with valid classes for each element.
+         *
+         * @method getValidClasses
+         * @type Object
+         */
+        const getValidClasses = constant(validClasses);
+        /**
+         * Returns a map with boolean attributes.
+         *
+         * @method getBoolAttrs
+         * @return {Object} Name/value lookup map for boolean attributes.
+         */
+        const getBoolAttrs = constant(boolAttrMap);
+        /**
+         * Returns a map with block elements.
+         *
+         * @method getBlockElements
+         * @return {Object} Name/value lookup map for block elements.
+         */
+        const getBlockElements = constant(blockElementsMap);
+        /**
+         * Returns a map with text block elements. For example: <code>&#60;p&#62;</code>, <code>&#60;h1&#62;</code> to <code>&#60;h6&#62;</code>, <code>&#60;div&#62;</code> or <code>&#60;address&#62;</code>.
+         *
+         * @method getTextBlockElements
+         * @return {Object} Name/value lookup map for block elements.
+         */
+        const getTextBlockElements = constant(textBlockElementsMap);
+        /**
+         * Returns a map of inline text format nodes. For example: <code>&#60;strong&#62;</code>, <code>&#60;span&#62;</code> or <code>&#60;ins&#62;</code>.
+         *
+         * @method getTextInlineElements
+         * @return {Object} Name/value lookup map for text format elements.
+         */
+        const getTextInlineElements = constant(textInlineElementsMap);
+        /**
+         * Returns a map with void elements. For example: <code>&#60;br&#62;</code> or <code>&#60;img&#62;</code>.
+         *
+         * @method getVoidElements
+         * @return {Object} Name/value lookup map for void elements.
+         */
+        const getVoidElements = constant(Object.seal(voidElementsMap));
+        /**
+         * Returns a map with self closing tags. For example: <code>&#60;li&#62;</code>.
+         *
+         * @method getSelfClosingElements
+         * @return {Object} Name/value lookup map for self closing tags elements.
+         */
+        const getSelfClosingElements = constant(selfClosingElementsMap);
+        /**
+         * Returns a map with elements that should be treated as contents regardless if it has text
+         * content in them or not. For example: <code>&#60;td&#62;</code>, <code>&#60;video&#62;</code> or <code>&#60;img&#62;</code>.
+         *
+         * @method getNonEmptyElements
+         * @return {Object} Name/value lookup map for non empty elements.
+         */
+        const getNonEmptyElements = constant(nonEmptyElementsMap);
+        /**
+         * Returns a map with elements that the caret should be moved in front of after enter is
+         * pressed.
+         *
+         * @method getMoveCaretBeforeOnEnterElements
+         * @return {Object} Name/value lookup map for elements to place the caret in front of.
+         */
+        const getMoveCaretBeforeOnEnterElements = constant(moveCaretBeforeOnEnterElementsMap);
+        /**
+         * Returns a map with elements where white space is to be preserved. For example: <code>&#60;pre&#62;</code> or <code>&#60;script&#62;</code>.
+         *
+         * @method getWhitespaceElements
+         * @return {Object} Name/value lookup map for white space elements.
+         */
+        const getWhitespaceElements = constant(whitespaceElementsMap);
+        /**
+         * Returns a map with elements that should be treated as transparent.
+         *
+         * @method getTransparentElements
+         * @return {Object} Name/value lookup map for special elements.
+         */
+        const getTransparentElements = constant(transparentElementsMap);
+        const getWrapBlockElements = constant(wrapBlockElementsMap);
+        /**
+         * Returns a map with special elements. These are elements that needs to be parsed
+         * in a special way such as script, style, textarea etc. The map object values
+         * are regexps used to find the end of the element.
+         *
+         * @method getSpecialElements
+         * @return {Object} Name/value lookup map for special elements.
+         */
+        const getSpecialElements = constant(Object.seal(specialElements));
+        /**
+         * Returns true/false if the specified element and it's child is valid or not
+         * according to the schema.
+         *
+         * @method isValidChild
+         * @param {String} name Element name to check for.
+         * @param {String} child Element child to verify.
+         * @return {Boolean} True/false if the element is a valid child of the specified parent.
+         */
+        const isValidChild = (name, child) => {
+            const parent = children[name.toLowerCase()];
+            return !!(parent && parent[child.toLowerCase()]);
+        };
+        /**
+         * Returns true/false if the specified element name and optional attribute is
+         * valid according to the schema.
+         *
+         * @method isValid
+         * @param {String} name Name of element to check.
+         * @param {String} attr Optional attribute name to check for.
+         * @return {Boolean} True/false if the element and attribute is valid.
+         */
+        const isValid = (name, attr) => {
+            const rule = getElementRule(name);
+            // Check if it's a valid element
+            if (rule) {
+                if (attr) {
+                    // Check if attribute name exists
+                    if (rule.attributes[attr]) {
+                        return true;
+                    }
+                    // Check if attribute matches a regexp pattern
+                    const attrPatterns = rule.attributePatterns;
+                    if (attrPatterns) {
+                        let i = attrPatterns.length;
+                        while (i--) {
+                            if (attrPatterns[i].pattern.test(attr)) {
+                                return true;
+                            }
+                        }
+                    }
+                }
+                else {
+                    return true;
+                }
+            }
+            // No match
+            return false;
+        };
+        const isBlock = (name) => has$2(getBlockElements(), name);
+        // Check if name starts with # to detect non-element node names like #text and #comment
+        const isInline = (name) => !startsWith(name, '#') && isValid(name) && !isBlock(name);
+        const isWrapper = (name) => has$2(getWrapBlockElements(), name) || isInline(name);
+        /**
+         * Returns true/false if the specified element is valid or not
+         * according to the schema.
+         *
+         * @method getElementRule
+         * @param {String} name Element name to check for.
+         * @return {Object} Element object or undefined if the element isn't valid.
+         */
+        /**
+         * Returns an map object of all custom elements.
+         *
+         * @method getCustomElements
+         * @return {Object} Name/value map object of all custom elements.
+         */
+        const getCustomElements = constant(customElementsMap);
+        /**
+         * Parses a valid elements string and adds it to the schema. The valid elements
+         * format is for example <code>element[attr=default|otherattr]</code>.
+         * Existing rules will be replaced with the ones specified, so this extends the schema.
+         *
+         * @method addValidElements
+         * @param {String} valid_elements String in the valid elements format to be parsed.
+         */
+        /**
+         * Parses a valid elements string and sets it to the schema. The valid elements
+         * format is for example <code>element[attr=default|otherattr]</code>.
+         * Existing rules will be replaced with the ones specified, so this extends the schema.
+         *
+         * @method setValidElements
+         * @param {String} valid_elements String in the valid elements format to be parsed.
+         */
+        /**
+         * Adds custom non-HTML elements to the schema. For more information about adding custom elements see:
+         * <a href="https://www.tiny.cloud/docs/tinymce/latest/content-filtering/#custom_elements">custom_elements</a>
+         *
+         * @method addCustomElements
+         * @param {String/Object} custom_elements Comma separated list or record of custom elements to add.
+         */
+        /**
+         * Parses a valid children string and adds them to the schema structure. The valid children
+         * format is for example <code>element[child1|child2]</code>.
+         *
+         * @method addValidChildren
+         * @param {String} valid_children Valid children elements string to parse
+         */
+        setup();
+        return {
+            type: schemaType,
+            children,
+            elements,
+            getValidStyles,
+            getValidClasses,
+            getBlockElements,
+            getInvalidStyles,
+            getVoidElements,
+            getTextBlockElements,
+            getTextInlineElements,
+            getBoolAttrs,
+            getElementRule,
+            getSelfClosingElements,
+            getNonEmptyElements,
+            getMoveCaretBeforeOnEnterElements,
+            getWhitespaceElements,
+            getTransparentElements,
+            getSpecialElements,
+            isValidChild,
+            isValid,
+            isBlock,
+            isInline,
+            isWrapper,
+            getCustomElements,
+            addValidElements,
+            setValidElements,
+            addCustomElements,
+            addValidChildren
+        };
+    };
+
+    const hexColour = (value) => ({
+        value: normalizeHex(value)
+    });
+    const normalizeHex = (hex) => removeLeading(hex, '#').toUpperCase();
+    const toHex = (component) => {
+        const hex = component.toString(16);
+        return (hex.length === 1 ? '0' + hex : hex).toUpperCase();
+    };
+    const fromRgba = (rgbaColour) => {
+        const value = toHex(rgbaColour.red) + toHex(rgbaColour.green) + toHex(rgbaColour.blue);
+        return hexColour(value);
+    };
+
+    /* eslint-disable no-console */
+    const rgbRegex = /^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i;
+    // This regex will match rgba(0, 0, 0, 0.5) or rgba(0, 0, 0, 50%) , or without commas
+    const rgbaRegex = /^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i;
+    const rgbaColour = (red, green, blue, alpha) => ({
+        red,
+        green,
+        blue,
+        alpha
+    });
+    const fromStringValues = (red, green, blue, alpha) => {
+        const r = parseInt(red, 10);
+        const g = parseInt(green, 10);
+        const b = parseInt(blue, 10);
+        const a = parseFloat(alpha);
+        return rgbaColour(r, g, b, a);
+    };
+    const getColorFormat = (colorString) => {
+        if (rgbRegex.test(colorString)) {
+            return 'rgb';
+        }
+        else if (rgbaRegex.test(colorString)) {
+            return 'rgba';
+        }
+        return 'other';
+    };
+    const fromString = (rgbaString) => {
+        const rgbMatch = rgbRegex.exec(rgbaString);
+        if (rgbMatch !== null) {
+            return Optional?.some(fromStringValues(rgbMatch[1], rgbMatch[2], rgbMatch[3], '1'));
+        }
+        const rgbaMatch = rgbaRegex.exec(rgbaString);
+        if (rgbaMatch !== null) {
+            return Optional?.some(fromStringValues(rgbaMatch[1], rgbaMatch[2], rgbaMatch[3], rgbaMatch[4]));
+        }
+        return Optional.none();
+    };
+    const toString = (rgba) => `rgba(${rgba.red},${rgba.green},${rgba.blue},${rgba.alpha})`;
+
+    const rgbaToHexString = (color) => fromString(color)
+        ?.map(fromRgba)
+        ?.map((h) => '#' + h.value)
+        .getOr(color);
+
+    /**
+     * This class is used to parse CSS styles. It also compresses styles to reduce the output size.
+     *
+     * @class tinymce.html.Styles
+     * @version 3.4
+     * @example
+     * const Styles = tinymce.html.Styles({
+     *   url_converter: (url) => {
+     *     return url;
+     *   }
+     * });
+     *
+     * styles = Styles.parse('border: 1px solid red');
+     * styles.color = 'red';
+     *
+     * console.log(tinymce.html.Styles().serialize(styles));
+     */
+    const Styles = (settings = {}, schema) => {
+        /* jshint maxlen:255 */
+        /* eslint max-len:0 */
+        const urlOrStrRegExp = /(?:url(?:(?:\(\s*\"([^\"]+)\"\s*\))|(?:\(\s*\'([^\']+)\'\s*\))|(?:\(\s*([^)\s]+)\s*\))))|(?:\'([^\']+)\')|(?:\"([^\"]+)\")/gi;
+        const styleRegExp = /\s*([^:]+):\s*([^;]+);?/g;
+        const trimRightRegExp = /\s+$/;
+        const encodingLookup = {};
+        let validStyles;
+        let invalidStyles;
+        const invisibleChar = zeroWidth;
+        if (schema) {
+            validStyles = schema.getValidStyles();
+            invalidStyles = schema.getInvalidStyles();
+        }
+        const encodingItems = (`\\" \\' \\; \\: ; : ` + invisibleChar).split(' ');
+        for (let i = 0; i < encodingItems.length; i++) {
+            encodingLookup[encodingItems[i]] = invisibleChar + i;
+            encodingLookup[invisibleChar + i] = encodingItems[i];
+        }
+        const self = {
+            /**
+             * Parses the specified style value into an object collection. This parser will also
+             * merge and remove any redundant items that browsers might have added. URLs inside
+             * the styles will also be converted to absolute/relative based on the settings.
+             *
+             * @method parse
+             * @param {String} css Style value to parse. For example: `border:1px solid red;`
+             * @return {Object} Object representation of that style. For example: `{ border: '1px solid red' }`
+             */
+            parse: (css) => {
+                const styles = {};
+                let isEncoded = false;
+                const urlConverter = settings.url_converter;
+                const urlConverterScope = settings.url_converter_scope || self;
+                const compress = (prefix, suffix, noJoin) => {
+                    const top = styles[prefix + '-top' + suffix];
+                    if (!top) {
+                        return;
+                    }
+                    const right = styles[prefix + '-right' + suffix];
+                    if (!right) {
+                        return;
+                    }
+                    const bottom = styles[prefix + '-bottom' + suffix];
+                    if (!bottom) {
+                        return;
+                    }
+                    const left = styles[prefix + '-left' + suffix];
+                    if (!left) {
+                        return;
+                    }
+                    const box = [top, right, bottom, left];
+                    let i = box.length - 1;
+                    while (i--) {
+                        if (box[i] !== box[i + 1]) {
+                            break;
+                        }
+                    }
+                    if (i > -1 && noJoin) {
+                        return;
+                    }
+                    styles[prefix + suffix] = i === -1 ? box[0] : box.join(' ');
+                    delete styles[prefix + '-top' + suffix];
+                    delete styles[prefix + '-right' + suffix];
+                    delete styles[prefix + '-bottom' + suffix];
+                    delete styles[prefix + '-left' + suffix];
+                };
+                /**
+                 * Checks if the specific style can be compressed in other words if all border-width are equal.
+                 */
+                const canCompress = (key) => {
+                    const value = styles[key];
+                    if (!value) {
+                        return;
+                    }
+                    // Make sure not to split values like 'rgb(100, 50, 100);
+                    const values = value.indexOf(',') > -1 ? [value] : value.split(' ');
+                    let i = values.length;
+                    while (i--) {
+                        if (values[i] !== values[0]) {
+                            return false;
+                        }
+                    }
+                    styles[key] = values[0];
+                    return true;
+                };
+                /**
+                 * Compresses multiple styles into one style.
+                 */
+                const compress2 = (target, a, b, c) => {
+                    if (!canCompress(a)) {
+                        return;
+                    }
+                    if (!canCompress(b)) {
+                        return;
+                    }
+                    if (!canCompress(c)) {
+                        return;
+                    }
+                    // Compress
+                    styles[target] = styles[a] + ' ' + styles[b] + ' ' + styles[c];
+                    delete styles[a];
+                    delete styles[b];
+                    delete styles[c];
+                };
+                // Encodes the specified string by replacing all \" \' ; : with _<num>
+                const encode = (str) => {
+                    isEncoded = true;
+                    return encodingLookup[str];
+                };
+                // Decodes the specified string by replacing all _<num> with it's original value \" \' etc
+                // It will also decode the \" \' if keepSlashes is set to false or omitted
+                const decode = (str, keepSlashes) => {
+                    if (isEncoded) {
+                        str = str.replace(/\uFEFF[0-9]/g, (str) => {
+                            return encodingLookup[str];
+                        });
+                    }
+                    if (!keepSlashes) {
+                        str = str.replace(/\\([\'\";:])/g, '$1');
+                    }
+                    return str;
+                };
+                const decodeSingleHexSequence = (escSeq) => {
+                    return String.fromCharCode(parseInt(escSeq.slice(1), 16));
+                };
+                const decodeHexSequences = (value) => {
+                    return value.replace(/\\[0-9a-f]+/gi, decodeSingleHexSequence);
+                };
+                const processUrl = (match, url, url2, url3, str, str2) => {
+                    str = str || str2;
+                    if (str) {
+                        str = decode(str);
+                        // Force strings into single quote format
+                        return `'` + str.replace(/\'/g, `\\'`) + `'`;
+                    }
+                    url = decode(url || url2 || url3 || '');
+                    if (!settings.allow_script_urls) {
+                        const scriptUrl = url.replace(/[\s\r\n]+/g, '');
+                        if (/(java|vb)script:/i.test(scriptUrl)) {
+                            return '';
+                        }
+                        if (!settings.allow_svg_data_urls && /^data:image\/svg/i.test(scriptUrl)) {
+                            return '';
+                        }
+                    }
+                    // Convert the URL to relative/absolute depending on config
+                    if (urlConverter) {
+                        url = urlConverter.call(urlConverterScope, url, 'style');
+                    }
+                    // Output new URL format
+                    return `url('` + url.replace(/\'/g, `\\'`) + `')`;
+                };
+                if (css) {
+                    css = css.replace(/[\u0000-\u001F]/g, '');
+                    // Encode \" \' % and ; and : inside strings so they don't interfere with the style parsing
+                    css = css.replace(/\\[\"\';:\uFEFF]/g, encode).replace(/\"[^\"]+\"|\'[^\']+\'/g, (str) => {
+                        return str.replace(/[;:]/g, encode);
+                    });
+                    // Parse styles
+                    let matches;
+                    while ((matches = styleRegExp.exec(css))) {
+                        styleRegExp.lastIndex = matches.index + matches[0].length;
+                        let name = matches[1].replace(trimRightRegExp, '').toLowerCase();
+                        let value = matches[2].replace(trimRightRegExp, '');
+                        if (name && value) {
+                            // Decode escaped sequences like \65 -> e
+                            name = decodeHexSequences(name);
+                            value = decodeHexSequences(value);
+                            // Skip properties with double quotes and sequences like \" \' in their names
+                            // See 'mXSS Attacks: Attacking well-secured Web-Applications by using innerHTML Mutations'
+                            // https://cure53.de/fp170.pdf
+                            if (name.indexOf(invisibleChar) !== -1 || name.indexOf('"') !== -1) {
+                                continue;
+                            }
+                            // Don't allow behavior name or expression/comments within the values
+                            if (!settings.allow_script_urls && (name === 'behavior' || /expression\s*\(|\/\*|\*\//.test(value))) {
+                                continue;
+                            }
+                            // Opera will produce 700 instead of bold in their style values
+                            if (name === 'font-weight' && value === '700') {
+                                value = 'bold';
+                            }
+                            else if (name === 'color' || name === 'background-color') { // Lowercase colors like RED
+                                value = value.toLowerCase();
+                            }
+                            // Convert RGB colors to HEX
+                            if (getColorFormat(value) === 'rgb') {
+                                fromString(value).each((rgba) => {
+                                    value = rgbaToHexString(toString(rgba)).toLowerCase();
+                                });
+                            }
+                            // Convert URLs and force them into url('value') format
+                            value = value.replace(urlOrStrRegExp, processUrl);
+                            styles[name] = isEncoded ? decode(value, true) : value;
+                        }
+                    }
+                    // Compress the styles to reduce it's size for example IE will expand styles
+                    compress('border', '', true);
+                    compress('border', '-width');
+                    compress('border', '-color');
+                    compress('border', '-style');
+                    compress('padding', '');
+                    compress('margin', '');
+                    compress2('border', 'border-width', 'border-style', 'border-color');
+                    // Remove pointless border, IE produces these
+                    if (styles.border === 'medium none') {
+                        delete styles.border;
+                    }
+                    // IE 11 will produce a border-image: none when getting the style attribute from <p style="border: 1px solid red"></p>
+                    // So let us assume it shouldn't be there
+                    if (styles['border-image'] === 'none') {
+                        delete styles['border-image'];
+                    }
+                }
+                return styles;
+            },
+            /**
+             * Serializes the specified style object into a string.
+             *
+             * @method serialize
+             * @param {Object} styles Object to serialize as string. For example: `{ border: '1px solid red' }`
+             * @param {String} elementName Optional element name, if specified only the styles that matches the schema will be serialized.
+             * @return {String} String representation of the style object. For example: `border: 1px solid red`
+             */
+            serialize: (styles, elementName) => {
+                let css = '';
+                const serializeStyles = (elemName, validStyleList) => {
+                    const styleList = validStyleList[elemName];
+                    if (styleList) {
+                        for (let i = 0, l = styleList.length; i < l; i++) {
+                            const name = styleList[i];
+                            const value = styles[name];
+                            if (value) {
+                                css += (css.length > 0 ? ' ' : '') + name + ': ' + value + ';';
+                            }
+                        }
+                    }
+                };
+                const isValid = (name, elemName) => {
+                    if (!invalidStyles || !elemName) {
+                        return true;
+                    }
+                    let styleMap = invalidStyles['*'];
+                    if (styleMap && styleMap[name]) {
+                        return false;
+                    }
+                    styleMap = invalidStyles[elemName];
+                    return !(styleMap && styleMap[name]);
+                };
+                // Serialize styles according to schema
+                if (elementName && validStyles) {
+                    // Serialize global styles and element specific styles
+                    serializeStyles('*', validStyles);
+                    serializeStyles(elementName, validStyles);
+                }
+                else {
+                    // Output the styles in the order they are inside the object
+                    each$d(styles, (value, name) => {
+                        if (value && isValid(name, elementName)) {
+                            css += (css.length > 0 ? ' ' : '') + name + ': ' + value + ';';
+                        }
+                    });
+                }
+                return css;
+            }
+        };
+        return self;
+    };
+
+    // Note: The values here aren't used. This is just used as a hash map to see if the key exists
+    const deprecated = {
+        keyLocation: true,
+        layerX: true,
+        layerY: true,
+        returnValue: true,
+        webkitMovementX: true,
+        webkitMovementY: true,
+        keyIdentifier: true,
+        mozPressure: true,
+        mozInputSource: true,
+    };
+    // Note: We can't rely on `instanceof` here as it won't work if the event was fired from another window.
+    // Additionally, the constructor name might be `MouseEvent` or similar so we can't rely on the constructor name.
+    const isNativeEvent = (event) => event instanceof Event || isFunction(event.initEvent);
+    // Checks if it is our own isDefaultPrevented function
+    const hasIsDefaultPrevented = (event) => event.isDefaultPrevented === always || event.isDefaultPrevented === never;
+    // An event needs normalizing if it doesn't have the prevent default function or if it's a native event
+    const needsNormalizing = (event) => isNullable(event.preventDefault) || isNativeEvent(event);
+    const clone$2 = (originalEvent, data) => {
+        const event = data !== null && data !== void 0 ? data : {};
+        // Copy all properties from the original event
+        for (const name in originalEvent) {
+            // Some properties are deprecated and produces a warning so don't include them
+            if (!has$2(deprecated, name)) {
+                event[name] = originalEvent[name];
+            }
+        }
+        // The composed path can't be cloned, so delegate instead
+        if (isNonNullable(originalEvent.composedPath)) {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            event.composedPath = () => originalEvent.composedPath();
+        }
+        // The getModifierState won't work when cloned, so delegate instead
+        if (isNonNullable(originalEvent.getModifierState)) {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            event.getModifierState = (keyArg) => originalEvent.getModifierState(keyArg);
+        }
+        // The getTargetRanges won't work when cloned, so delegate instead
+        if (isNonNullable(originalEvent.getTargetRanges)) {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            event.getTargetRanges = () => originalEvent.getTargetRanges();
+        }
+        return event;
+    };
+    const normalize$3 = (type, originalEvent, fallbackTarget, data) => {
+        var _a;
+        const event = clone$2(originalEvent, data);
+        event.type = type;
+        // Normalize target IE uses srcElement
+        if (isNullable(event.target)) {
+            event.target = (_a = event.srcElement) !== null && _a !== void 0 ? _a : fallbackTarget;
+        }
+        if (needsNormalizing(originalEvent)) {
+            // Add preventDefault method
+            event.preventDefault = () => {
+                event.defaultPrevented = true;
+                event.isDefaultPrevented = always;
+                // Execute preventDefault on the original event object
+                if (isFunction(originalEvent.preventDefault)) {
+                    originalEvent.preventDefault();
+                }
+            };
+            // Add stopPropagation
+            event.stopPropagation = () => {
+                event.cancelBubble = true;
+                event.isPropagationStopped = always;
+                // Execute stopPropagation on the original event object
+                if (isFunction(originalEvent.stopPropagation)) {
+                    originalEvent.stopPropagation();
+                }
+            };
+            // Add stopImmediatePropagation
+            event.stopImmediatePropagation = () => {
+                event.isImmediatePropagationStopped = always;
+                event.stopPropagation();
+            };
+            // Add event delegation states
+            if (!hasIsDefaultPrevented(event)) {
+                event.isDefaultPrevented = event.defaultPrevented === true ? always : never;
+                event.isPropagationStopped = event.cancelBubble === true ? always : never;
+                event.isImmediatePropagationStopped = never;
+            }
+        }
+        return event;
+    };
+
+    /**
+     * This class wraps the browsers native event logic with more convenient methods.
+     *
+     * @class tinymce.dom.EventUtils
+     */
+    const eventExpandoPrefix = 'mce-data-';
+    const mouseEventRe = /^(?:mouse|contextmenu)|click/;
+    /**
+     * Binds a native event to a callback on the speified target.
+     */
+    const addEvent = (target, name, callback, capture) => {
+        target.addEventListener(name, callback, capture || false);
+    };
+    /**
+     * Unbinds a native event callback on the specified target.
+     */
+    const removeEvent = (target, name, callback, capture) => {
+        target.removeEventListener(name, callback, capture || false);
+    };
+    const isMouseEvent = (event) => isNonNullable(event) && mouseEventRe.test(event.type);
+    /**
+     * Normalizes a native event object or just adds the event specific methods on a custom event.
+     */
+    const fix = (originalEvent, data) => {
+        const event = normalize$3(originalEvent.type, originalEvent, document, data);
+        // Calculate pageX/Y if missing and clientX/Y available
+        if (isMouseEvent(originalEvent) && isUndefined(originalEvent.pageX) && !isUndefined(originalEvent.clientX)) {
+            const eventDoc = event.target.ownerDocument || document;
+            const doc = eventDoc.documentElement;
+            const body = eventDoc.body;
+            const mouseEvent = event;
+            mouseEvent.pageX = originalEvent.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) -
+                (doc && doc.clientLeft || body && body.clientLeft || 0);
+            mouseEvent.pageY = originalEvent.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) -
+                (doc && doc.clientTop || body && body.clientTop || 0);
+        }
+        return event;
+    };
+    /**
+     * Bind a DOMContentLoaded event across browsers and executes the callback once the page DOM is initialized.
+     * It will also set/check the domLoaded state of the event_utils instance so ready isn't called multiple times.
+     */
+    const bindOnReady = (win, callback, eventUtils) => {
+        const doc = win.document, event = { type: 'ready' };
+        if (eventUtils.domLoaded) {
+            callback(event);
+            return;
+        }
+        const isDocReady = () => {
+            // Check complete or interactive state if there is a body
+            // element on some iframes IE 8 will produce a null body
+            return doc.readyState === 'complete' || (doc.readyState === 'interactive' && doc.body);
+        };
+        // Gets called when the DOM is ready
+        const readyHandler = () => {
+            removeEvent(win, 'DOMContentLoaded', readyHandler);
+            removeEvent(win, 'load', readyHandler);
+            if (!eventUtils.domLoaded) {
+                eventUtils.domLoaded = true;
+                callback(event);
+            }
+            // Clean memory for IE
+            win = null;
+        };
+        if (isDocReady()) {
+            readyHandler();
+        }
+        else {
+            addEvent(win, 'DOMContentLoaded', readyHandler);
+        }
+        // Fallback if any of the above methods should fail for some odd reason
+        if (!eventUtils.domLoaded) {
+            addEvent(win, 'load', readyHandler);
+        }
+    };
+    /**
+     * This class enables you to bind/unbind native events to elements and normalize it's behavior across browsers.
+     */
+    class EventUtils {
+        constructor() {
+            // State if the DOMContentLoaded was executed or not
+            this.domLoaded = false;
+            this.events = {};
+            this.count = 1;
+            this.expando = eventExpandoPrefix + (+new Date()).toString(32);
+            this.hasFocusIn = 'onfocusin' in document.documentElement;
+            this.count = 1;
+        }
+        bind(target, names, callback, scope) {
+            const self = this;
+            let callbackList;
+            const win = window;
+            // Native event handler function patches the event and executes the callbacks for the expando
+            const defaultNativeHandler = (evt) => {
+                self.executeHandlers(fix(evt || win.event), id);
+            };
+            // Don't bind to text nodes or comments
+            if (!target || isText$b(target) || isComment(target)) {
+                return callback;
+            }
+            // Create or get events id for the target
+            let id;
+            if (!target[self.expando]) {
+                id = self.count++;
+                target[self.expando] = id;
+                self.events[id] = {};
+            }
+            else {
+                id = target[self.expando];
+            }
+            // Setup the specified scope or use the target as a default
+            scope = scope || target;
+            // Split names and bind each event, enables you to bind multiple events with one call
+            const namesList = names.split(' ');
+            let i = namesList.length;
+            while (i--) {
+                let name = namesList[i];
+                let nativeHandler = defaultNativeHandler;
+                let capture = false;
+                let fakeName = false;
+                // Use ready instead of DOMContentLoaded
+                if (name === 'DOMContentLoaded') {
+                    name = 'ready';
+                }
+                // DOM is already ready
+                if (self.domLoaded && name === 'ready' && target.readyState === 'complete') {
+                    callback.call(scope, fix({ type: name }));
+                    continue;
+                }
+                // Fake bubbling of focusin/focusout
+                if (!self.hasFocusIn && (name === 'focusin' || name === 'focusout')) {
+                    capture = true;
+                    fakeName = name === 'focusin' ? 'focus' : 'blur';
+                    nativeHandler = (evt) => {
+                        const event = fix(evt || win.event);
+                        event.type = event.type === 'focus' ? 'focusin' : 'focusout';
+                        self.executeHandlers(event, id);
+                    };
+                }
+                // Setup callback list and bind native event
+                callbackList = self.events[id][name];
+                if (!callbackList) {
+                    self.events[id][name] = callbackList = [{ func: callback, scope }];
+                    callbackList.fakeName = fakeName;
+                    callbackList.capture = capture;
+                    // callbackList.callback = callback;
+                    // Add the nativeHandler to the callback list so that we can later unbind it
+                    callbackList.nativeHandler = nativeHandler;
+                    // Check if the target has native events support
+                    if (name === 'ready') {
+                        bindOnReady(target, nativeHandler, self);
+                    }
+                    else {
+                        addEvent(target, fakeName || name, nativeHandler, capture);
+                    }
+                }
+                else {
+                    if (name === 'ready' && self.domLoaded) {
+                        callback(fix({ type: name }));
+                    }
+                    else {
+                        // If it already has an native handler then just push the callback
+                        callbackList.push({ func: callback, scope });
+                    }
+                }
+            }
+            target = callbackList = null; // Clean memory for IE
+            return callback;
+        }
+        unbind(target, names, callback) {
+            // Don't bind to text nodes or comments
+            if (!target || isText$b(target) || isComment(target)) {
+                return this;
+            }
+            // Unbind event or events if the target has the expando
+            const id = target[this.expando];
+            if (id) {
+                let eventMap = this.events[id];
+                // Specific callback
+                if (names) {
+                    const namesList = names.split(' ');
+                    let i = namesList.length;
+                    while (i--) {
+                        const name = namesList[i];
+                        const callbackList = eventMap[name];
+                        // Unbind the event if it exists in the map
+                        if (callbackList) {
+                            // Remove specified callback
+                            if (callback) {
+                                let ci = callbackList.length;
+                                while (ci--) {
+                                    if (callbackList[ci].func === callback) {
+                                        const nativeHandler = callbackList.nativeHandler;
+                                        const fakeName = callbackList.fakeName, capture = callbackList.capture;
+                                        // Clone callbackList since unbind inside a callback would otherwise break the handlers loop
+                                        const newCallbackList = callbackList.slice(0, ci).concat(callbackList.slice(ci + 1));
+                                        newCallbackList.nativeHandler = nativeHandler;
+                                        newCallbackList.fakeName = fakeName;
+                                        newCallbackList.capture = capture;
+                                        eventMap[name] = newCallbackList;
+                                    }
+                                }
+                            }
+                            // Remove all callbacks if there isn't a specified callback or there is no callbacks left
+                            if (!callback || callbackList.length === 0) {
+                                delete eventMap[name];
+                                removeEvent(target, callbackList.fakeName || name, callbackList.nativeHandler, callbackList.capture);
+                            }
+                        }
+                    }
+                }
+                else {
+                    // All events for a specific element
+                    each$d(eventMap, (callbackList, name) => {
+                        removeEvent(target, callbackList.fakeName || name, callbackList.nativeHandler, callbackList.capture);
+                    });
+                    eventMap = {};
+                }
+                // Check if object is empty, if it isn't then we won't remove the expando map
+                for (const name in eventMap) {
+                    if (has$2(eventMap, name)) {
+                        return this;
+                    }
+                }
+                // Delete event object
+                delete this.events[id];
+                // Remove expando from target
+                try {
+                    // IE will fail here since it can't delete properties from window
+                    delete target[this.expando];
+                }
+                catch (_a) {
+                    // IE will set it to null
+                    target[this.expando] = null;
+                }
+            }
+            return this;
+        }
+        /**
+         * Fires the specified event on the specified target.
+         * <br>
+         * <em>Deprecated in TinyMCE 6.0 and has been marked for removal in TinyMCE 7.0. Use <code>dispatch</code> instead.</em>
+         *
+         * @method fire
+         * @param {Object} target Target node/window or custom object.
+         * @param {String} name Event name to fire.
+         * @param {Object} args Optional arguments to send to the observers.
+         * @return {EventUtils} Event utils instance.
+         * @deprecated Use dispatch() instead
+         */
+        fire(target, name, args) {
+            return this.dispatch(target, name, args);
+        }
+        /**
+         * Dispatches the specified event on the specified target.
+         *
+         * @method dispatch
+         * @param {Node/window} target Target node/window or custom object.
+         * @param {String} name Event name to dispatch.
+         * @param {Object} args Optional arguments to send to the observers.
+         * @return {EventUtils} Event utils instance.
+         */
+        dispatch(target, name, args) {
+            // Don't bind to text nodes or comments
+            if (!target || isText$b(target) || isComment(target)) {
+                return this;
+            }
+            // Build event object by patching the args
+            const event = fix({ type: name, target }, args);
+            do {
+                // Found an expando that means there is listeners to execute
+                const id = target[this.expando];
+                if (id) {
+                    this.executeHandlers(event, id);
+                }
+                // Walk up the DOM
+                target = target.parentNode || target.ownerDocument || target.defaultView || target.parentWindow;
+            } while (target && !event.isPropagationStopped());
+            return this;
+        }
+        /**
+         * Removes all bound event listeners for the specified target. This will also remove any bound
+         * listeners to child nodes within that target.
+         *
+         * @method clean
+         * @param {Object} target Target node/window object.
+         * @return {EventUtils} Event utils instance.
+         */
+        clean(target) {
+            // Don't bind to text nodes or comments
+            if (!target || isText$b(target) || isComment(target)) {
+                return this;
+            }
+            // Unbind any element on the specified target
+            if (target[this.expando]) {
+                this.unbind(target);
+            }
+            // Target doesn't have getElementsByTagName it's probably a window object then use it's document to find the children
+            if (!target.getElementsByTagName) {
+                target = target.document;
+            }
+            // Remove events from each child element
+            if (target && target.getElementsByTagName) {
+                this.unbind(target);
+                const children = target.getElementsByTagName('*');
+                let i = children.length;
+                while (i--) {
+                    target = children[i];
+                    if (target[this.expando]) {
+                        this.unbind(target);
+                    }
+                }
+            }
+            return this;
+        }
+        /**
+         * Destroys the event object. Call this to remove memory leaks.
+         */
+        destroy() {
+            this.events = {};
+        }
+        // Legacy function for canceling events
+        cancel(e) {
+            if (e) {
+                e.preventDefault();
+                e.stopImmediatePropagation();
+            }
+            return false;
+        }
+        /**
+         * Executes all event handler callbacks for a specific event.
+         *
+         * @private
+         * @param {Event} evt Event object.
+         * @param {String} id Expando id value to look for.
+         */
+        executeHandlers(evt, id) {
+            const container = this.events[id];
+            const callbackList = container && container[evt.type];
+            if (callbackList) {
+                for (let i = 0, l = callbackList.length; i < l; i++) {
+                    const callback = callbackList[i];
+                    // Check if callback exists might be removed if a unbind is called inside the callback
+                    if (callback && callback.func.call(callback.scope, evt) === false) {
+                        evt.preventDefault();
+                    }
+                    // Should we stop propagation to immediate listeners
+                    if (evt.isImmediatePropagationStopped()) {
+                        return;
+                    }
+                }
+            }
+        }
+    }
+    EventUtils.Event = new EventUtils();
+
+    /**
+     * Utility class for various DOM manipulation and retrieval functions.
+     *
+     * @class tinymce.dom.DOMUtils
+     * @example
+     * // Add a class to an element by id in the page
+     * tinymce.DOM.addClass('someid', 'someclass');
+     *
+     * // Add a class to an element by id inside the editor
+     * tinymce.activeEditor.dom.addClass('someid', 'someclass');
+     */
+    // Shorten names
+    const each$a = Tools.each;
+    const grep = Tools.grep;
+    const internalStyleName = 'data-mce-style';
+    const numericalCssMap = Tools.makeMap('fill-opacity font-weight line-height opacity orphans widows z-index zoom', ' ');
+    const legacySetAttribute = (elm, name, value) => {
+        if (isNullable(value) || value === '') {
+            remove$9(elm, name);
+        }
+        else {
+            set$4(elm, name, value);
+        }
+    };
+    // Convert camel cased names back to hyphenated names
+    const camelCaseToHyphens = (name) => name.replace(/[A-Z]/g, (v) => '-' + v.toLowerCase());
+    const findNodeIndex = (node, normalized) => {
+        let idx = 0;
+        if (node) {
+            for (let lastNodeType = node.nodeType, tempNode = node.previousSibling; tempNode; tempNode = tempNode.previousSibling) {
+                const nodeType = tempNode.nodeType;
+                // Normalize text nodes
+                if (normalized && isText$b(tempNode)) {
+                    if (nodeType === lastNodeType || !tempNode.data.length) {
+                        continue;
+                    }
+                }
+                idx++;
+                lastNodeType = nodeType;
+            }
+        }
+        return idx;
+    };
+    const updateInternalStyleAttr = (styles, elm) => {
+        const rawValue = get$9(elm, 'style');
+        const value = styles.serialize(styles.parse(rawValue), name(elm));
+        legacySetAttribute(elm, internalStyleName, value);
+    };
+    const convertStyleToString = (cssValue, cssName) => {
+        if (isNumber(cssValue)) {
+            return has$2(numericalCssMap, cssName) ? cssValue + '' : cssValue + 'px';
+        }
+        else {
+            return cssValue;
+        }
+    };
+    const applyStyle$1 = ($elm, cssName, cssValue) => {
+        const normalizedName = camelCaseToHyphens(cssName);
+        if (isNullable(cssValue) || cssValue === '') {
+            remove$7($elm, normalizedName);
+        }
+        else {
+            set$2($elm, normalizedName, convertStyleToString(cssValue, normalizedName));
+        }
+    };
+    const setupAttrHooks = (styles, settings, getContext) => {
+        const keepValues = settings.keep_values;
+        const keepUrlHook = {
+            set: (elm, value, name) => {
+                const sugarElm = SugarElement.fromDom(elm);
+                if (isFunction(settings.url_converter) && isNonNullable(value)) {
+                    value = settings.url_converter.call(settings.url_converter_scope || getContext(), String(value), name, elm);
+                }
+                const internalName = 'data-mce-' + name;
+                legacySetAttribute(sugarElm, internalName, value);
+                legacySetAttribute(sugarElm, name, value);
+            },
+            get: (elm, name) => {
+                const sugarElm = SugarElement.fromDom(elm);
+                return get$9(sugarElm, 'data-mce-' + name) || get$9(sugarElm, name);
+            }
+        };
+        const attrHooks = {
+            style: {
+                set: (elm, value) => {
+                    const sugarElm = SugarElement.fromDom(elm);
+                    if (keepValues) {
+                        legacySetAttribute(sugarElm, internalStyleName, value);
+                    }
+                    remove$9(sugarElm, 'style');
+                    // If setting a style then delegate to the css api, otherwise
+                    // this will cause issues when using a content security policy
+                    if (isString(value)) {
+                        setAll(sugarElm, styles.parse(value));
+                    }
+                },
+                get: (elm) => {
+                    const sugarElm = SugarElement.fromDom(elm);
+                    const value = get$9(sugarElm, internalStyleName) || get$9(sugarElm, 'style');
+                    return styles.serialize(styles.parse(value), name(sugarElm));
+                }
+            }
+        };
+        if (keepValues) {
+            attrHooks.href = attrHooks.src = keepUrlHook;
+        }
+        return attrHooks;
+    };
+    /**
+     * Constructs a new DOMUtils instance. Consult the TinyMCE Documentation for more details on settings etc for this class.
+     *
+     * @private
+     * @constructor
+     * @method DOMUtils
+     * @param {Document} doc Document reference to bind the utility class to.
+     * @param {settings} settings Optional settings collection.
+     */
+    const DOMUtils = (doc, settings = {}) => {
+        const addedStyles = {};
+        const win = window;
+        const files = {};
+        let counter = 0;
+        const stdMode = true;
+        const boxModel = true;
+        const styleSheetLoader = instance.forElement(SugarElement.fromDom(doc), {
+            contentCssCors: settings.contentCssCors,
+            referrerPolicy: settings.referrerPolicy
+        });
+        const boundEvents = [];
+        const schema = settings.schema ? settings.schema : Schema({});
+        const styles = Styles({
+            url_converter: settings.url_converter,
+            url_converter_scope: settings.url_converter_scope,
+        }, settings.schema);
+        const events = settings.ownEvents ? new EventUtils() : EventUtils.Event;
+        const blockElementsMap = schema.getBlockElements();
+        /**
+         * Returns true/false if the specified element is a block element or not.
+         *
+         * @method isBlock
+         * @param {Node/String} node Element/Node to check.
+         * @return {Boolean} True/False state if the node is a block element or not.
+         */
+        const isBlock = (node) => {
+            if (isString(node)) {
+                return has$2(blockElementsMap, node);
+            }
+            else {
+                return isElement$6(node) && (has$2(blockElementsMap, node.nodeName) || isTransparentBlock(schema, node));
+            }
+        };
+        const get = (elm) => elm && doc && isString(elm)
+            ? doc.getElementById(elm)
+            : elm;
+        const _get = (elm) => {
+            const value = get(elm);
+            return isNonNullable(value) ? SugarElement.fromDom(value) : null;
+        };
+        const getAttrib = (elm, name, defaultVal = '') => {
+            let value;
+            const $elm = _get(elm);
+            if (isNonNullable($elm) && isElement$7($elm)) {
+                const hook = attrHooks[name];
+                if (hook && hook.get) {
+                    value = hook.get($elm.dom, name);
+                }
+                else {
+                    value = get$9($elm, name);
+                }
+            }
+            return isNonNullable(value) ? value : defaultVal;
+        };
+        const getAttribs = (elm) => {
+            const node = get(elm);
+            return isNullable(node) ? [] : node.attributes;
+        };
+        const setAttrib = (elm, name, value) => {
+            run(elm, (e) => {
+                if (isElement$6(e)) {
+                    const $elm = SugarElement.fromDom(e);
+                    const val = value === '' ? null : value;
+                    const originalValue = get$9($elm, name);
+                    const hook = attrHooks[name];
+                    if (hook && hook.set) {
+                        hook.set($elm.dom, val, name);
+                    }
+                    else {
+                        legacySetAttribute($elm, name, val);
+                    }
+                    if (originalValue !== val && settings.onSetAttrib) {
+                        settings.onSetAttrib({
+                            attrElm: $elm.dom, // We lie here to not break backwards compatibility
+                            attrName: name,
+                            attrValue: val
+                        });
+                    }
+                }
+            });
+        };
+        const clone = (node, deep) => {
+            return node.cloneNode(deep);
+        };
+        const getRoot = () => settings.root_element || doc.body;
+        const getViewPort = (argWin) => {
+            const vp = getBounds(argWin);
+            // Returns viewport size excluding scrollbars
+            return {
+                x: vp.x,
+                y: vp.y,
+                w: vp.width,
+                h: vp.height
+            };
+        };
+        const getPos$1 = (elm, rootElm) => getPos(doc.body, get(elm), rootElm);
+        const setStyle = (elm, name, value) => {
+            run(elm, (e) => {
+                const $elm = SugarElement.fromDom(e);
+                applyStyle$1($elm, name, value);
+                if (settings.update_styles) {
+                    updateInternalStyleAttr(styles, $elm);
+                }
+            });
+        };
+        const setStyles = (elm, stylesArg) => {
+            run(elm, (e) => {
+                const $elm = SugarElement.fromDom(e);
+                each$d(stylesArg, (v, n) => {
+                    applyStyle$1($elm, n, v);
+                });
+                if (settings.update_styles) {
+                    updateInternalStyleAttr(styles, $elm);
+                }
+            });
+        };
+        const getStyle = (elm, name, computed) => {
+            const $elm = get(elm);
+            if (isNullable($elm) || (!isHTMLElement($elm) && !isSVGElement($elm))) {
+                return undefined;
+            }
+            if (computed) {
+                return get$7(SugarElement.fromDom($elm), camelCaseToHyphens(name));
+            }
+            else {
+                // Camelcase it, if needed
+                name = name.replace(/-(\D)/g, (a, b) => b.toUpperCase());
+                if (name === 'float') {
+                    name = 'cssFloat';
+                }
+                return $elm.style ? $elm.style[name] : undefined;
+            }
+        };
+        const getSize = (elm) => {
+            const $elm = get(elm);
+            if (!$elm) {
+                return { w: 0, h: 0 };
+            }
+            let w = getStyle($elm, 'width');
+            let h = getStyle($elm, 'height');
+            // Non pixel value, then force offset/clientWidth
+            if (!w || w.indexOf('px') === -1) {
+                w = '0';
+            }
+            // Non pixel value, then force offset/clientWidth
+            if (!h || h.indexOf('px') === -1) {
+                h = '0';
+            }
+            return {
+                w: parseInt(w, 10) || $elm.offsetWidth || $elm.clientWidth,
+                h: parseInt(h, 10) || $elm.offsetHeight || $elm.clientHeight
+            };
+        };
+        const getRect = (elm) => {
+            const $elm = get(elm);
+            const pos = getPos$1($elm);
+            const size = getSize($elm);
+            return {
+                x: pos.x, y: pos.y,
+                w: size.w, h: size.h
+            };
+        };
+        const is = (elm, selector) => {
+            if (!elm) {
+                return false;
+            }
+            const elms = isArray$1(elm) ? elm : [elm];
+            return exists(elms, (e) => {
+                return is$1(SugarElement.fromDom(e), selector);
+            });
+        };
+        const getParents = (elm, selector, root, collect) => {
+            const result = [];
+            let node = get(elm);
+            collect = collect === undefined;
+            // Default root on inline mode
+            const resolvedRoot = root || (getRoot().nodeName !== 'BODY' ? getRoot().parentNode : null);
+            // Wrap node name as func
+            if (isString(selector)) {
+                if (selector === '*') {
+                    selector = isElement$6;
+                }
+                else {
+                    const selectorVal = selector;
+                    selector = (node) => is(node, selectorVal);
+                }
+            }
+            while (node) {
+                // TODO: Remove nullable check once TINY-6599 is complete
+                if (node === resolvedRoot || isNullable(node.nodeType) || isDocument$1(node) || isDocumentFragment(node)) {
+                    break;
+                }
+                if (!selector || selector(node)) {
+                    if (collect) {
+                        result.push(node);
+                    }
+                    else {
+                        return [node];
+                    }
+                }
+                node = node.parentNode;
+            }
+            return collect ? result : null;
+        };
+        const getParent = (node, selector, root) => {
+            const parents = getParents(node, selector, root, false);
+            return parents && parents.length > 0 ? parents[0] : null;
+        };
+        const _findSib = (node, selector, name) => {
+            let func = selector;
+            if (node) {
+                // If expression make a function of it using is
+                if (isString(selector)) {
+                    func = (node) => {
+                        return is(node, selector);
+                    };
+                }
+                // Loop all siblings
+                for (let tempNode = node[name]; tempNode; tempNode = tempNode[name]) {
+                    if (isFunction(func) && func(tempNode)) {
+                        return tempNode;
+                    }
+                }
+            }
+            return null;
+        };
+        const getNext = (node, selector) => _findSib(node, selector, 'nextSibling');
+        const getPrev = (node, selector) => _findSib(node, selector, 'previousSibling');
+        const isParentNode = (node) => isFunction(node.querySelectorAll);
+        const select = (selector, scope) => {
+            var _a, _b;
+            const elm = (_b = (_a = get(scope)) !== null && _a !== void 0 ? _a : settings.root_element) !== null && _b !== void 0 ? _b : doc;
+            return isParentNode(elm) ? from(elm.querySelectorAll(selector)) : [];
+        };
+        const run = function (elm, func, scope) {
+            const context = scope !== null && scope !== void 0 ? scope : this;
+            if (isArray$1(elm)) {
+                const result = [];
+                each$a(elm, (e, i) => {
+                    const node = get(e);
+                    if (node) {
+                        result.push(func.call(context, node, i));
+                    }
+                });
+                return result;
+            }
+            else {
+                const node = get(elm);
+                return !node ? false : func.call(context, node);
+            }
+        };
+        const setAttribs = (elm, attrs) => {
+            run(elm, ($elm) => {
+                each$d(attrs, (value, name) => {
+                    setAttrib($elm, name, value);
+                });
+            });
+        };
+        const setHTML = (elm, html) => {
+            run(elm, (e) => {
+                const $elm = SugarElement.fromDom(e);
+                set$3($elm, html);
+            });
+        };
+        const add = (parentElm, name, attrs, html, create) => run(parentElm, (parentElm) => {
+            const newElm = isString(name) ? doc.createElement(name) : name;
+            if (isNonNullable(attrs)) {
+                setAttribs(newElm, attrs);
+            }
+            if (html) {
+                if (!isString(html) && html.nodeType) {
+                    newElm.appendChild(html);
+                }
+                else if (isString(html)) {
+                    setHTML(newElm, html);
+                }
+            }
+            return !create ? parentElm.appendChild(newElm) : newElm;
+        });
+        const create = (name, attrs, html) => add(doc.createElement(name), name, attrs, html, true);
+        const decode = Entities.decode;
+        const encode = Entities.encodeAllRaw;
+        const createHTML = (name, attrs, html = '') => {
+            let outHtml = '<' + name;
+            for (const key in attrs) {
+                if (hasNonNullableKey(attrs, key)) {
+                    outHtml += ' ' + key + '="' + encode(attrs[key]) + '"';
+                }
+            }
+            if (isEmpty$3(html) && has$2(schema.getVoidElements(), name)) {
+                return outHtml + ' />';
+            }
+            else {
+                return outHtml + '>' + html + '</' + name + '>';
+            }
+        };
+        const createFragment = (html) => {
+            const container = doc.createElement('div');
+            const frag = doc.createDocumentFragment();
+            // Append the container to the fragment so as to remove it from
+            // the current document context
+            frag.appendChild(container);
+            if (html) {
+                container.innerHTML = html;
+            }
+            let node;
+            while ((node = container.firstChild)) {
+                frag.appendChild(node);
+            }
+            // Remove the container now that all the children have been transferred
+            frag.removeChild(container);
+            return frag;
+        };
+        const remove = (node, keepChildren) => {
+            return run(node, (n) => {
+                const $node = SugarElement.fromDom(n);
+                if (keepChildren) {
+                    // Unwrap but don't keep any empty text nodes
+                    each$e(children$1($node), (child) => {
+                        if (isText$c(child) && child.dom.length === 0) {
+                            remove$8(child);
+                        }
+                        else {
+                            before$3($node, child);
+                        }
+                    });
+                }
+                remove$8($node);
+                return $node.dom;
+            });
+        };
+        const removeAllAttribs = (e) => run(e, (e) => {
+            const attrs = e.attributes;
+            for (let i = attrs.length - 1; i >= 0; i--) {
+                e.removeAttributeNode(attrs.item(i));
+            }
+        });
+        const parseStyle = (cssText) => styles.parse(cssText);
+        const serializeStyle = (stylesArg, name) => styles.serialize(stylesArg, name);
+        const addStyle = (cssText) => {
+            // Prevent inline from loading the same styles twice
+            if (self !== DOMUtils.DOM && doc === document) {
+                if (addedStyles[cssText]) {
+                    return;
+                }
+                addedStyles[cssText] = true;
+            }
+            // Create style element if needed
+            let styleElm = doc.getElementById('mceDefaultStyles');
+            if (!styleElm) {
+                styleElm = doc.createElement('style');
+                styleElm.id = 'mceDefaultStyles';
+                styleElm.type = 'text/css';
+                const head = doc.head;
+                if (head.firstChild) {
+                    head.insertBefore(styleElm, head.firstChild);
+                }
+                else {
+                    head.appendChild(styleElm);
+                }
+            }
+            // Append style data to old or new style element
+            if (styleElm.styleSheet) {
+                styleElm.styleSheet.cssText += cssText;
+            }
+            else {
+                styleElm.appendChild(doc.createTextNode(cssText));
+            }
+        };
+        const loadCSS = (urls) => {
+            if (!urls) {
+                urls = '';
+            }
+            each$e(urls.split(','), (url) => {
+                files[url] = true;
+                styleSheetLoader.load(url).catch(noop);
+            });
+        };
+        const toggleClass = (elm, cls, state) => {
+            run(elm, (e) => {
+                if (isElement$6(e)) {
+                    const $elm = SugarElement.fromDom(e);
+                    // TINY-4520: DomQuery used to handle specifying multiple classes and the
+                    // formatter relies on it due to the changes made for TINY-7227
+                    const classes = cls.split(' ');
+                    each$e(classes, (c) => {
+                        if (isNonNullable(state)) {
+                            const fn = state ? add$2 : remove$4;
+                            fn($elm, c);
+                        }
+                        else {
+                            toggle$1($elm, c);
+                        }
+                    });
+                }
+            });
+        };
+        const addClass = (elm, cls) => {
+            toggleClass(elm, cls, true);
+        };
+        const removeClass = (elm, cls) => {
+            toggleClass(elm, cls, false);
+        };
+        const hasClass = (elm, cls) => {
+            const $elm = _get(elm);
+            // TINY-4520: DomQuery used to handle specifying multiple classes and the
+            // formatter relies on it due to the changes made for TINY-7227
+            const classes = cls.split(' ');
+            return isNonNullable($elm) && forall(classes, (c) => has($elm, c));
+        };
+        const show = (elm) => {
+            run(elm, (e) => remove$7(SugarElement.fromDom(e), 'display'));
+        };
+        const hide = (elm) => {
+            run(elm, (e) => set$2(SugarElement.fromDom(e), 'display', 'none'));
+        };
+        const isHidden = (elm) => {
+            const $elm = _get(elm);
+            return isNonNullable($elm) && is$3(getRaw$1($elm, 'display'), 'none');
+        };
+        const uniqueId = (prefix) => (!prefix ? 'mce_' : prefix) + (counter++);
+        const getOuterHTML = (elm) => {
+            const $elm = _get(elm);
+            if (isNonNullable($elm)) {
+                return isElement$6($elm.dom) ? $elm.dom.outerHTML : getOuter($elm);
+            }
+            else {
+                return '';
+            }
+        };
+        const setOuterHTML = (elm, html) => {
+            run(elm, ($elm) => {
+                if (isElement$6($elm)) {
+                    $elm.outerHTML = html;
+                }
+            });
+        };
+        const insertAfter = (node, reference) => {
+            const referenceNode = get(reference);
+            return run(node, (node) => {
+                const parent = referenceNode === null || referenceNode === void 0 ? void 0 : referenceNode.parentNode;
+                const nextSibling = referenceNode === null || referenceNode === void 0 ? void 0 : referenceNode.nextSibling;
+                if (parent) {
+                    if (nextSibling) {
+                        parent.insertBefore(node, nextSibling);
+                    }
+                    else {
+                        parent.appendChild(node);
+                    }
+                }
+                return node;
+            });
+        };
+        const replace = (newElm, oldElm, keepChildren) => run(oldElm, (elm) => {
+            var _a;
+            const replacee = isArray$1(oldElm) ? newElm.cloneNode(true) : newElm;
+            if (keepChildren) {
+                each$a(grep(elm.childNodes), (node) => {
+                    replacee.appendChild(node);
+                });
+            }
+            (_a = elm.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(replacee, elm);
+            return elm;
+        });
+        const rename = (elm, name) => {
+            if (elm.nodeName !== name.toUpperCase()) {
+                // Rename block element
+                const newElm = create(name);
+                // Copy attribs to new block
+                each$a(getAttribs(elm), (attrNode) => {
+                    setAttrib(newElm, attrNode.nodeName, getAttrib(elm, attrNode.nodeName));
+                });
+                // Replace block
+                replace(newElm, elm, true);
+                return newElm;
+            }
+            else {
+                return elm;
+            }
+        };
+        const findCommonAncestor = (a, b) => {
+            let ps = a;
+            while (ps) {
+                let pe = b;
+                while (pe && ps !== pe) {
+                    pe = pe.parentNode;
+                }
+                if (ps === pe) {
+                    break;
+                }
+                ps = ps.parentNode;
+            }
+            if (!ps && a.ownerDocument) {
+                return a.ownerDocument.documentElement;
+            }
+            else {
+                return ps;
+            }
+        };
+        const isEmpty = (node, elements, options) => {
+            if (isPlainObject(elements)) {
+                const isContent = (node) => {
+                    const name = node.nodeName.toLowerCase();
+                    return Boolean(elements[name]);
+                };
+                return isEmptyNode(schema, node, { ...options, isContent });
+            }
+            else {
+                return isEmptyNode(schema, node, options);
+            }
+        };
+        const createRng = () => doc.createRange();
+        const split = (parentElm, splitElm, replacementElm) => {
+            let range = createRng();
+            let beforeFragment;
+            let afterFragment;
+            if (parentElm && splitElm && parentElm.parentNode && splitElm.parentNode) {
+                const parentNode = parentElm.parentNode;
+                // Get before chunk
+                range.setStart(parentNode, findNodeIndex(parentElm));
+                range.setEnd(splitElm.parentNode, findNodeIndex(splitElm));
+                beforeFragment = range.extractContents();
+                // Get after chunk
+                range = createRng();
+                range.setStart(splitElm.parentNode, findNodeIndex(splitElm) + 1);
+                range.setEnd(parentNode, findNodeIndex(parentElm) + 1);
+                afterFragment = range.extractContents();
+                // Insert before chunk
+                parentNode.insertBefore(trimNode(self, beforeFragment, schema), parentElm);
+                // Insert middle chunk
+                if (replacementElm) {
+                    parentNode.insertBefore(replacementElm, parentElm);
+                    // pa.replaceChild(replacementElm, splitElm);
+                }
+                else {
+                    parentNode.insertBefore(splitElm, parentElm);
+                }
+                // Insert after chunk
+                parentNode.insertBefore(trimNode(self, afterFragment, schema), parentElm);
+                remove(parentElm);
+                return replacementElm || splitElm;
+            }
+            else {
+                return undefined;
+            }
+        };
+        const bind = (target, name, func, scope) => {
+            if (isArray$1(target)) {
+                let i = target.length;
+                const rv = [];
+                while (i--) {
+                    rv[i] = bind(target[i], name, func, scope);
+                }
+                return rv;
+            }
+            else {
+                // Collect all window/document events bound by editor instance
+                if (settings.collect && (target === doc || target === win)) {
+                    boundEvents.push([target, name, func, scope]);
+                }
+                return events.bind(target, name, func, scope || self);
+            }
+        };
+        const unbind = (target, name, func) => {
+            if (isArray$1(target)) {
+                let i = target.length;
+                const rv = [];
+                while (i--) {
+                    rv[i] = unbind(target[i], name, func);
+                }
+                return rv;
+            }
+            else {
+                // Remove any bound events matching the input
+                if (boundEvents.length > 0 && (target === doc || target === win)) {
+                    let i = boundEvents.length;
+                    while (i--) {
+                        const [boundTarget, boundName, boundFunc] = boundEvents[i];
+                        if (target === boundTarget && (!name || name === boundName) && (!func || func === boundFunc)) {
+                            events.unbind(boundTarget, boundName, boundFunc);
+                        }
+                    }
+                }
+                return events.unbind(target, name, func);
+            }
+        };
+        const dispatch = (target, name, evt) => events.dispatch(target, name, evt);
+        const fire = (target, name, evt) => events.dispatch(target, name, evt);
+        const getContentEditable = (node) => {
+            if (node && isHTMLElement(node)) {
+                // Check for fake content editable
+                const contentEditable = node.getAttribute('data-mce-contenteditable');
+                if (contentEditable && contentEditable !== 'inherit') {
+                    return contentEditable;
+                }
+                // Check for real content editable
+                return node.contentEditable !== 'inherit' ? node.contentEditable : null;
+            }
+            else {
+                return null;
+            }
+        };
+        const getContentEditableParent = (node) => {
+            const root = getRoot();
+            let state = null;
+            for (let tempNode = node; tempNode && tempNode !== root; tempNode = tempNode.parentNode) {
+                state = getContentEditable(tempNode);
+                if (state !== null) {
+                    break;
+                }
+            }
+            return state;
+        };
+        const isEditable = (node) => {
+            if (isNonNullable(node)) {
+                const scope = isElement$6(node) ? node : node.parentElement;
+                return isNonNullable(scope) && isHTMLElement(scope) && isEditable$2(SugarElement.fromDom(scope));
+            }
+            else {
+                return false;
+            }
+        };
+        const destroy = () => {
+            // Unbind all events bound to window/document by editor instance
+            if (boundEvents.length > 0) {
+                let i = boundEvents.length;
+                while (i--) {
+                    const [boundTarget, boundName, boundFunc] = boundEvents[i];
+                    events.unbind(boundTarget, boundName, boundFunc);
+                }
+            }
+            // Remove CSS files added to the dom
+            each$d(files, (_, url) => {
+                styleSheetLoader.unload(url);
+                delete files[url];
+            });
+        };
+        const isChildOf = (node, parent) => {
+            return node === parent || parent.contains(node);
+        };
+        const dumpRng = (r) => ('startContainer: ' + r.startContainer.nodeName +
+            ', startOffset: ' + r.startOffset +
+            ', endContainer: ' + r.endContainer.nodeName +
+            ', endOffset: ' + r.endOffset);
+        const self = {
+            doc,
+            settings,
+            win,
+            files,
+            stdMode,
+            boxModel,
+            styleSheetLoader,
+            boundEvents,
+            styles,
+            schema,
+            events,
+            isBlock: isBlock,
+            root: null,
+            clone,
+            /**
+             * Returns the root node of the document. This is normally the body but might be a DIV. Parents like getParent will not
+             * go above the point of this root node.
+             *
+             * @method getRoot
+             * @return {Element} Root element for the utility class.
+             */
+            getRoot,
+            /**
+             * Returns the viewport of the window.
+             *
+             * @method getViewPort
+             * @param {Window} win Optional window to get viewport of.
+             * @return {Object} Viewport object with fields x, y, w and h.
+             */
+            getViewPort,
+            /**
+             * Returns the rectangle for a specific element.
+             *
+             * @method getRect
+             * @param {Element/String} elm Element object or element ID to get rectangle from.
+             * @return {Object} Rectangle for specified element object with x, y, w, h fields.
+             */
+            getRect,
+            /**
+             * Returns the size dimensions of the specified element.
+             *
+             * @method getSize
+             * @param {Element/String} elm Element object or element ID to get rectangle from.
+             * @return {Object} Rectangle for specified element object with w, h fields.
+             */
+            getSize,
+            /**
+             * Returns a node by the specified selector function. This function will
+             * loop through all parent nodes and call the specified function for each node.
+             * If the function then returns true indicating that it has found what it was looking for, the loop execution will then end
+             * and the node it found will be returned.
+             *
+             * @method getParent
+             * @param {Node/String} node DOM node to search parents on or ID string.
+             * @param {Function} selector Selection function or CSS selector to execute on each node.
+             * @param {Node} root Optional root element, never go beyond this point.
+             * @return {Node} DOM Node or null if it wasn't found.
+             */
+            getParent,
+            /**
+             * Returns a node list of all parents matching the specified selector function or pattern.
+             * If the function then returns true indicating that it has found what it was looking for and that node will be collected.
+             *
+             * @method getParents
+             * @param {Node/String} node DOM node to search parents on or ID string.
+             * @param {Function} selector Selection function to execute on each node or CSS pattern.
+             * @param {Node} root Optional root element, never go beyond this point.
+             * @return {Array} Array of nodes or null if it wasn't found.
+             */
+            getParents: getParents,
+            /**
+             * Returns the specified element by ID or the input element if it isn't a string.
+             *
+             * @method get
+             * @param {String/Element} n Element id to look for or element to just pass though.
+             * @return {Element} Element matching the specified id or null if it wasn't found.
+             */
+            get,
+            /**
+             * Returns the next node that matches selector or function
+             *
+             * @method getNext
+             * @param {Node} node Node to find siblings from.
+             * @param {String/function} selector Selector CSS expression or function.
+             * @return {Node} Next node item matching the selector or null if it wasn't found.
+             */
+            getNext,
+            /**
+             * Returns the previous node that matches selector or function
+             *
+             * @method getPrev
+             * @param {Node} node Node to find siblings from.
+             * @param {String/function} selector Selector CSS expression or function.
+             * @return {Node} Previous node item matching the selector or null if it wasn't found.
+             */
+            getPrev,
+            // #ifndef jquery
+            /**
+             * Returns a list of the elements specified by the given CSS selector. For example: `div#a1 p.test`
+             *
+             * @method select
+             * @param {String} selector Target CSS selector.
+             * @param {Object} scope Optional root element/scope element to search in.
+             * @return {Array} Array with all matched elements.
+             * @example
+             * // Adds a class to all paragraphs in the currently active editor
+             * tinymce.activeEditor.dom.addClass(tinymce.activeEditor.dom.select('p'), 'someclass');
+             *
+             * // Adds a class to all spans that have the test class in the currently active editor
+             * tinymce.activeEditor.dom.addClass(tinymce.activeEditor.dom.select('span.test'), 'someclass')
+             */
+            select,
+            /**
+             * Returns true/false if the specified element matches the specified css pattern.
+             *
+             * @method is
+             * @param {Node/NodeList} elm DOM node to match or an array of nodes to match.
+             * @param {String} selector CSS pattern to match the element against.
+             */
+            is,
+            // #endif
+            /**
+             * Adds the specified element to another element or elements.
+             *
+             * @method add
+             * @param {String/Element/Array} parentElm Element id string, DOM node element or array of ids or elements to add to.
+             * @param {String/Element} name Name of new element to add or existing element to add.
+             * @param {Object} attrs Optional object collection with arguments to add to the new element(s).
+             * @param {String} html Optional inner HTML contents to add for each element.
+             * @param {Boolean} create Optional flag if the element should be created or added.
+             * @return {Element/Array} Element that got created, or an array of created elements if multiple input elements
+             * were passed in.
+             * @example
+             * // Adds a new paragraph to the end of the active editor
+             * tinymce.activeEditor.dom.add(tinymce.activeEditor.getBody(), 'p', { title: 'my title' }, 'Some content');
+             */
+            add,
+            /**
+             * Creates a new element.
+             *
+             * @method create
+             * @param {String} name Name of new element.
+             * @param {Object} attrs Optional object name/value collection with element attributes.
+             * @param {String} html Optional HTML string to set as inner HTML of the element.
+             * @return {Element} HTML DOM node element that got created.
+             * @example
+             * // Adds an element where the caret/selection is in the active editor
+             * var el = tinymce.activeEditor.dom.create('div', { id: 'test', 'class': 'myclass' }, 'some content');
+             * tinymce.activeEditor.selection.setNode(el);
+             */
+            create,
+            /**
+             * Creates HTML string for element. The element will be closed unless an empty inner HTML string is passed in.
+             *
+             * @method createHTML
+             * @param {String} name Name of new element.
+             * @param {Object} attrs Optional object name/value collection with element attributes.
+             * @param {String} html Optional HTML string to set as inner HTML of the element.
+             * @return {String} String with new HTML element, for example: <a href="#">test</a>.
+             * @example
+             * // Creates a html chunk and inserts it at the current selection/caret location
+             * tinymce.activeEditor.selection.setContent(tinymce.activeEditor.dom.createHTML('a', { href: 'test.html' }, 'some line'));
+             */
+            createHTML,
+            /**
+             * Creates a document fragment out of the specified HTML string.
+             *
+             * @method createFragment
+             * @param {String} html Html string to create fragment from.
+             * @return {DocumentFragment} Document fragment node.
+             */
+            createFragment,
+            /**
+             * Removes/deletes the specified element(s) from the DOM.
+             *
+             * @method remove
+             * @param {String/Element/Array} node ID of element or DOM element object or array containing multiple elements/ids.
+             * @param {Boolean} keepChildren Optional state to keep children or not. If set to true all children will be
+             * placed at the location of the removed element.
+             * @return {Element/Array} HTML DOM element that got removed, or an array of removed elements if multiple input elements
+             * were passed in.
+             * @example
+             * // Removes all paragraphs in the active editor
+             * tinymce.activeEditor.dom.remove(tinymce.activeEditor.dom.select('p'));
+             *
+             * // Removes an element by id in the document
+             * tinymce.DOM.remove('mydiv');
+             */
+            remove,
+            /**
+             * Sets the CSS style value on a HTML element. The name can be a camelcase string
+             * or the CSS style name like background-color.
+             *
+             * @method setStyle
+             * @param {String/Element/Array} elm HTML element/Array of elements to set CSS style value on.
+             * @param {String} name Name of the style value to set.
+             * @param {String} value Value to set on the style.
+             * @example
+             * // Sets a style value on all paragraphs in the currently active editor
+             * tinymce.activeEditor.dom.setStyle(tinymce.activeEditor.dom.select('p'), 'background-color', 'red');
+             *
+             * // Sets a style value to an element by id in the current document
+             * tinymce.DOM.setStyle('mydiv', 'background-color', 'red');
+             */
+            setStyle,
+            /**
+             * Returns the current style or runtime/computed value of an element.
+             *
+             * @method getStyle
+             * @param {String/Element} elm HTML element or element id string to get style from.
+             * @param {String} name Style name to return.
+             * @param {Boolean} computed Computed style.
+             * @return {String} Current style or computed style value of an element.
+             */
+            getStyle: getStyle,
+            /**
+             * Sets multiple styles on the specified element(s).
+             *
+             * @method setStyles
+             * @param {Element/String/Array} elm DOM element, element id string or array of elements/ids to set styles on.
+             * @param {Object} styles Name/Value collection of style items to add to the element(s).
+             * @example
+             * // Sets styles on all paragraphs in the currently active editor
+             * tinymce.activeEditor.dom.setStyles(tinymce.activeEditor.dom.select('p'), { 'background-color': 'red', 'color': 'green' });
+             *
+             * // Sets styles to an element by id in the current document
+             * tinymce.DOM.setStyles('mydiv', { 'background-color': 'red', 'color': 'green' });
+             */
+            setStyles,
+            /**
+             * Removes all attributes from an element or elements.
+             *
+             * @method removeAllAttribs
+             * @param {Element/String/Array} e DOM element, element id string or array of elements/ids to remove attributes from.
+             */
+            removeAllAttribs,
+            /**
+             * Sets the specified attribute of an element or elements.
+             *
+             * @method setAttrib
+             * @param {Element/String/Array} elm DOM element, element id string or array of elements/ids to set attribute on.
+             * @param {String} name Name of attribute to set.
+             * @param {String} value Value to set on the attribute - if this value is falsy like null, 0 or '' it will remove
+             * the attribute instead.
+             * @example
+             * // Sets class attribute on all paragraphs in the active editor
+             * tinymce.activeEditor.dom.setAttrib(tinymce.activeEditor.dom.select('p'), 'class', 'myclass');
+             *
+             * // Sets class attribute on a specific element in the current page
+             * tinymce.dom.setAttrib('mydiv', 'class', 'myclass');
+             */
+            setAttrib,
+            /**
+             * Sets two or more specified attributes of an element or elements.
+             *
+             * @method setAttribs
+             * @param {Element/String/Array} elm DOM element, element id string or array of elements/ids to set attributes on.
+             * @param {Object} attrs Name/Value collection of attribute items to add to the element(s).
+             * @example
+             * // Sets class and title attributes on all paragraphs in the active editor
+             * tinymce.activeEditor.dom.setAttribs(tinymce.activeEditor.dom.select('p'), { 'class': 'myclass', title: 'some title' });
+             *
+             * // Sets class and title attributes on a specific element in the current page
+             * tinymce.DOM.setAttribs('mydiv', { 'class': 'myclass', title: 'some title' });
+             */
+            setAttribs,
+            /**
+             * Returns the specified attribute by name.
+             *
+             * @method getAttrib
+             * @param {String/Element} elm Element string id or DOM element to get attribute from.
+             * @param {String} name Name of attribute to get.
+             * @param {String} defaultVal Optional default value to return if the attribute didn't exist.
+             * @return {String} Attribute value string, default value or null if the attribute wasn't found.
+             */
+            getAttrib,
+            /**
+             * Returns the absolute x, y position of a node. The position will be returned in an object with x, y fields.
+             *
+             * @method getPos
+             * @param {Element/String} elm HTML element or element id to get x, y position from.
+             * @param {Element} rootElm Optional root element to stop calculations at.
+             * @return {Object} Absolute position of the specified element object with x, y fields.
+             */
+            getPos: getPos$1,
+            /**
+             * Parses the specified style value into an object collection. This parser will also
+             * merge and remove any redundant items that browsers might have added. It will also convert non-hex
+             * colors to hex values. Urls inside the styles will also be converted to absolute/relative based on settings.
+             *
+             * @method parseStyle
+             * @param {String} cssText Style value to parse, for example: border:1px solid red;.
+             * @return {Object} Object representation of that style, for example: {border: '1px solid red'}
+             */
+            parseStyle,
+            /**
+             * Serializes the specified style object into a string.
+             *
+             * @method serializeStyle
+             * @param {Object} styles Object to serialize as string, for example: {border: '1px solid red'}
+             * @param {String} name Optional element name.
+             * @return {String} String representation of the style object, for example: border: 1px solid red.
+             */
+            serializeStyle,
+            /**
+             * Adds a style element at the top of the document with the specified cssText content.
+             *
+             * @method addStyle
+             * @param {String} cssText CSS Text style to add to top of head of document.
+             */
+            addStyle,
+            /**
+             * Imports/loads the specified CSS file into the document bound to the class.
+             *
+             * @method loadCSS
+             * @param {String} url URL to CSS file to load.
+             * @example
+             * // Loads a CSS file dynamically into the current document
+             * tinymce.DOM.loadCSS('somepath/some.css');
+             *
+             * // Loads a CSS file into the currently active editor instance
+             * tinymce.activeEditor.dom.loadCSS('somepath/some.css');
+             *
+             * // Loads a CSS file into an editor instance by id
+             * tinymce.get('someid').dom.loadCSS('somepath/some.css');
+             *
+             * // Loads multiple CSS files into the current document
+             * tinymce.DOM.loadCSS('somepath/some.css,somepath/someother.css');
+             */
+            loadCSS,
+            /**
+             * Adds a class to the specified element or elements.
+             *
+             * @method addClass
+             * @param {String/Element/Array} elm Element ID string or DOM element or array with elements or IDs.
+             * @param {String} cls Class name to add to each element.
+             * @return {String/Array} String with new class value or array with new class values for all elements.
+             * @example
+             * // Adds a class to all paragraphs in the active editor
+             * tinymce.activeEditor.dom.addClass(tinymce.activeEditor.dom.select('p'), 'myclass');
+             *
+             * // Adds a class to a specific element in the current page
+             * tinymce.DOM.addClass('mydiv', 'myclass');
+             */
+            addClass,
+            /**
+             * Removes a class from the specified element or elements.
+             *
+             * @method removeClass
+             * @param {String/Element/Array} elm Element ID string or DOM element or array with elements or IDs.
+             * @param {String} cls Class name to remove from each element.
+             * @return {String/Array} String of remaining class name(s), or an array of strings if multiple input elements
+             * were passed in.
+             * @example
+             * // Removes a class from all paragraphs in the active editor
+             * tinymce.activeEditor.dom.removeClass(tinymce.activeEditor.dom.select('p'), 'myclass');
+             *
+             * // Removes a class from a specific element in the current page
+             * tinymce.DOM.removeClass('mydiv', 'myclass');
+             */
+            removeClass,
+            /**
+             * Returns true if the specified element has the specified class.
+             *
+             * @method hasClass
+             * @param {String/Element} elm HTML element or element id string to check CSS class on.
+             * @param {String} cls CSS class to check for.
+             * @return {Boolean} true/false if the specified element has the specified class.
+             */
+            hasClass,
+            /**
+             * Toggles the specified class on/off.
+             *
+             * @method toggleClass
+             * @param {Element} elm Element to toggle class on.
+             * @param {String} cls Class to toggle on/off.
+             * @param {Boolean} state Optional state to set.
+             */
+            toggleClass,
+            /**
+             * Shows the specified element(s) by ID by setting the "display" style.
+             *
+             * @method show
+             * @param {String/Element/Array} elm ID of DOM element or DOM element or array with elements or IDs to show.
+             */
+            show,
+            /**
+             * Hides the specified element(s) by ID by setting the "display" style.
+             *
+             * @method hide
+             * @param {String/Element/Array} elm ID of DOM element or DOM element or array with elements or IDs to hide.
+             * @example
+             * // Hides an element by id in the document
+             * tinymce.DOM.hide('myid');
+             */
+            hide,
+            /**
+             * Returns true/false if the element is hidden or not by checking the "display" style.
+             *
+             * @method isHidden
+             * @param {String/Element} elm Id or element to check display state on.
+             * @return {Boolean} true/false if the element is hidden or not.
+             */
+            isHidden,
+            /**
+             * Returns a unique id. This can be useful when generating elements on the fly.
+             * This method will not check if the element already exists.
+             *
+             * @method uniqueId
+             * @param {String} prefix Optional prefix to add in front of all ids - defaults to "mce_".
+             * @return {String} Unique id.
+             */
+            uniqueId,
+            /**
+             * Sets the specified HTML content inside the element or elements. The HTML will first be processed. This means
+             * URLs will get converted, hex color values fixed etc. Check processHTML for details.
+             *
+             * @method setHTML
+             * @param {Element/String/Array} elm DOM element, element id string or array of elements/ids to set HTML inside of.
+             * @param {String} html HTML content to set as inner HTML of the element.
+             * @example
+             * // Sets the inner HTML of all paragraphs in the active editor
+             * tinymce.activeEditor.dom.setHTML(tinymce.activeEditor.dom.select('p'), 'some inner html');
+             *
+             * // Sets the inner HTML of an element by id in the document
+             * tinymce.DOM.setHTML('mydiv', 'some inner html');
+             */
+            setHTML,
+            /**
+             * Returns the outer HTML of an element.
+             *
+             * @method getOuterHTML
+             * @param {String/Element} elm Element ID or element object to get outer HTML from.
+             * @return {String} Outer HTML string.
+             * @example
+             * tinymce.DOM.getOuterHTML(editorElement);
+             * tinymce.activeEditor.getOuterHTML(tinymce.activeEditor.getBody());
+             */
+            getOuterHTML,
+            /**
+             * Sets the specified outer HTML on an element or elements.
+             *
+             * @method setOuterHTML
+             * @param {Element/String/Array} elm DOM element, element id string or array of elements/ids to set outer HTML on.
+             * @param {Object} html HTML code to set as outer value for the element.
+             * @example
+             * // Sets the outer HTML of all paragraphs in the active editor
+             * tinymce.activeEditor.dom.setOuterHTML(tinymce.activeEditor.dom.select('p'), '<div>some html</div>');
+             *
+             * // Sets the outer HTML of an element by id in the document
+             * tinymce.DOM.setOuterHTML('mydiv', '<div>some html</div>');
+             */
+            setOuterHTML,
+            /**
+             * Entity decodes a string. This method decodes any HTML entities, such as `&amp;aring;`.
+             *
+             * @method decode
+             * @param {String} s String to decode entities on.
+             * @return {String} Entity decoded string.
+             */
+            decode,
+            /**
+             * Entity encodes a string. This method encodes the most common entities, such as `<`, `>`, `"` and `&`.
+             *
+             * @method encode
+             * @param {String} text String to encode with entities.
+             * @return {String} Entity encoded string.
+             */
+            encode,
+            /**
+             * Inserts an element after the reference element.
+             *
+             * @method insertAfter
+             * @param {Element} node Element to insert after the reference.
+             * @param {Element/String/Array} referenceNode Reference element, element id or array of elements to insert after.
+             * @return {Element/Array} Element that got added or an array with elements.
+             */
+            insertAfter,
+            /**
+             * Replaces the specified element or elements with the new element specified. The new element will
+             * be cloned if multiple input elements are passed in.
+             *
+             * @method replace
+             * @param {Element} newElm New element to replace old ones with.
+             * @param {Element/String/Array} oldElm Element DOM node, element id or array of elements or ids to replace.
+             * @param {Boolean} keepChildren Optional keep children state, if set to true child nodes from the old object will be added
+             * to new ones.
+             */
+            replace,
+            /**
+             * Renames the specified element and keeps its attributes and children.
+             *
+             * @method rename
+             * @param {Element} elm Element to rename.
+             * @param {String} name Name of the new element.
+             * @return {Element} New element or the old element if it needed renaming.
+             */
+            rename,
+            /**
+             * Find the common ancestor of two elements. This is a shorter method than using the DOM Range logic.
+             *
+             * @method findCommonAncestor
+             * @param {Element} a Element to find common ancestor of.
+             * @param {Element} b Element to find common ancestor of.
+             * @return {Element} Common ancestor element of the two input elements.
+             */
+            findCommonAncestor,
+            /**
+             * Executes the specified function on the element by id or dom element node or array of elements/id.
+             *
+             * @method run
+             * @param {String/Element/Array} elm ID or DOM element object or array with ids or elements.
+             * @param {Function} func Function to execute for each item.
+             * @param {Object} scope Optional scope to execute the function in.
+             * @return {Object/Array} Single object, or an array of objects if multiple input elements were passed in.
+             */
+            run,
+            /**
+             * Returns a NodeList with attributes for the element.
+             *
+             * @method getAttribs
+             * @param {HTMLElement/string} elm Element node or string id to get attributes from.
+             * @return {NodeList} NodeList with attributes.
+             */
+            getAttribs,
+            /**
+             * Returns true/false if the specified node is to be considered empty or not.
+             *
+             * @method isEmpty
+             * @param {Node} node The target node to check if it's empty.
+             * @param {Object} elements Optional name/value object with elements that are automatically treated as non-empty elements.
+             * @return {Boolean} true/false if the node is empty or not.
+             * @example
+             * tinymce.DOM.isEmpty(node, { img: true });
+             */
+            isEmpty,
+            /**
+             * Creates a new DOM Range object. This will use the native DOM Range API if it's
+             * available. If it's not, it will fall back to the custom TinyMCE implementation.
+             *
+             * @method createRng
+             * @return {DOMRange} DOM Range object.
+             * @example
+             * const rng = tinymce.DOM.createRng();
+             * alert(rng.startContainer + "," + rng.startOffset);
+             */
+            createRng,
+            /**
+             * Returns the index of the specified node within its parent.
+             *
+             * @method nodeIndex
+             * @param {Node} node Node to look for.
+             * @param {Boolean} normalized Optional true/false state if the index is what it would be after a normalization.
+             * @return {Number} Index of the specified node.
+             */
+            nodeIndex: findNodeIndex,
+            /**
+             * Splits an element into two new elements and places the specified split
+             * element or elements between the new ones. For example splitting the paragraph at the bold element in
+             * this example `<p>abc<b>abc</b>123</p>` would produce `<p>abc</p><b>abc</b><p>123</p>`.
+             *
+             * @method split
+             * @param {Element} parentElm Parent element to split.
+             * @param {Element} splitElm Element to split at.
+             * @param {Element} replacementElm Optional replacement element to replace the split element with.
+             * @return {Element} Returns the split element or the replacement element if that is specified.
+             */
+            split,
+            /**
+             * Adds an event handler to the specified object.
+             *
+             * @method bind
+             * @param {Element/Document/Window/Array} target Target element to bind events to.
+             * handler to or an array of elements/ids/documents.
+             * @param {String} name Name of event handler to add, for example: click.
+             * @param {Function} func Function to execute when the event occurs.
+             * @param {Object} scope Optional scope to execute the function in.
+             * @return {Function} Function callback handler the same as the one passed in.
+             */
+            bind: bind,
+            /**
+             * Removes the specified event handler by name and function from an element or collection of elements.
+             *
+             * @method unbind
+             * @param {Element/Document/Window/Array} target Target element to unbind events on.
+             * @param {String} name Event handler name, for example: "click"
+             * @param {Function} func Function to remove.
+             * @return {Boolean/Array} Bool state of true if the handler was removed, or an array of states if multiple input elements
+             * were passed in.
+             */
+            unbind: unbind,
+            /**
+             * Fires the specified event name and optional object on the specified target.
+             * <br>
+             * <em>Deprecated in TinyMCE 6.0 and has been marked for removal in TinyMCE 7.0. Use <code>dispatch</code> instead.</em>
+             *
+             * @method fire
+             * @param {Node/Document/Window} target Target element or object to fire event on.
+             * @param {String} name Event name to fire.
+             * @param {Object} evt Event object to send.
+             * @return {Event} Event object.
+             * @deprecated Use dispatch() instead
+             */
+            fire,
+            /**
+             * Dispatches the specified event name and optional object on the specified target.
+             *
+             * @method dispatch
+             * @param {Node/Document/Window} target Target element or object to dispatch event on.
+             * @param {String} name Name of the event to fire.
+             * @param {Object} evt Event object to send.
+             * @return {Event} Event object.
+             */
+            dispatch,
+            // Returns the content editable state of a node
+            getContentEditable,
+            getContentEditableParent,
+            /**
+             * Checks if the specified node is editable within the given context of its parents.
+             *
+             * @method isEditable
+             * @param {Node} node Node to check if it's editable.
+             * @return {Boolean} Will be true if the node is editable and false if it's not editable.
+             */
+            isEditable,
+            /**
+             * Destroys all internal references to the DOM to solve memory leak issues.
+             *
+             * @method destroy
+             */
+            destroy,
+            isChildOf,
+            dumpRng
+        };
+        const attrHooks = setupAttrHooks(styles, settings, constant(self));
+        return self;
+    };
+    /**
+     * Instance of DOMUtils for the current document.
+     *
+     * @static
+     * @property DOM
+     * @type tinymce.dom.DOMUtils
+     * @example
+     * // Example of how to add a class to some element by id
+     * tinymce.DOM.addClass('someid', 'someclass');
+     */
+    DOMUtils.DOM = DOMUtils(document);
+    DOMUtils.nodeIndex = findNodeIndex;
+
+    /**
+     * This class handles asynchronous/synchronous loading of JavaScript files it will execute callbacks
+     * when various items gets loaded. This class is useful to load external JavaScript files.
+     *
+     * @class tinymce.dom.ScriptLoader
+     * @example
+     * // Load a script from a specific URL using the global script loader
+     * tinymce.ScriptLoader.load('somescript.js');
+     *
+     * // Load a script using a unique instance of the script loader
+     * const scriptLoader = new tinymce.dom.ScriptLoader();
+     *
+     * scriptLoader.load('somescript.js');
+     *
+     * // Load multiple scripts
+     * scriptLoader.add('somescript1.js');
+     * scriptLoader.add('somescript2.js');
+     * scriptLoader.add('somescript3.js');
+     *
+     * scriptLoader.loadQueue().then(() => {
+     *   alert('All scripts are now loaded.');
+     * });
+     */
+    const DOM$b = DOMUtils.DOM;
+    const QUEUED = 0;
+    const LOADING = 1;
+    const LOADED = 2;
+    const FAILED = 3;
+    class ScriptLoader {
+        constructor(settings = {}) {
+            this.states = {};
+            this.queue = [];
+            this.scriptLoadedCallbacks = {};
+            this.queueLoadedCallbacks = [];
+            this.loading = false;
+            this.settings = settings;
+        }
+        _setReferrerPolicy(referrerPolicy) {
+            this.settings.referrerPolicy = referrerPolicy;
+        }
+        /**
+         * Loads a specific script directly without adding it to the load queue.
+         *
+         * @method loadScript
+         * @param {String} url Absolute URL to script to add.
+         * @return {Promise} A promise that will resolve when the script loaded successfully or reject if it failed to load.
+         */
+        loadScript(url) {
+            return new Promise((resolve, reject) => {
+                const dom = DOM$b;
+                let elm;
+                const cleanup = () => {
+                    dom.remove(id);
+                    if (elm) {
+                        elm.onerror = elm.onload = elm = null;
+                    }
+                };
+                // Execute callback when script is loaded
+                const done = () => {
+                    cleanup();
+                    resolve();
+                };
+                const error = () => {
+                    // We can't mark it as done if there is a load error since
+                    // A) We don't want to produce 404 errors on the server and
+                    // B) the onerror event won't fire on all browsers.
+                    cleanup();
+                    reject('Failed to load script: ' + url);
+                };
+                const id = dom.uniqueId();
+                // Create new script element
+                elm = document.createElement('script');
+                elm.id = id;
+                elm.type = 'text/javascript';
+                elm.src = Tools._addCacheSuffix(url);
+                if (this.settings.referrerPolicy) {
+                    // Note: Don't use elm.referrerPolicy = ... here as it doesn't work on Safari
+                    dom.setAttrib(elm, 'referrerpolicy', this.settings.referrerPolicy);
+                }
+                elm.onload = done;
+                // Add onerror event will get fired on some browsers but not all of them
+                elm.onerror = error;
+                // Add script to document
+                (document.getElementsByTagName('head')[0] || document.body).appendChild(elm);
+            });
+        }
+        /**
+         * Returns true/false if a script has been loaded or not.
+         *
+         * @method isDone
+         * @param {String} url URL to check for.
+         * @return {Boolean} true/false if the URL is loaded.
+         */
+        isDone(url) {
+            return this.states[url] === LOADED;
+        }
+        /**
+         * Marks a specific script to be loaded. This can be useful if a script got loaded outside
+         * the script loader or to skip it from loading some script.
+         *
+         * @method markDone
+         * @param {String} url Absolute URL to the script to mark as loaded.
+         */
+        markDone(url) {
+            this.states[url] = LOADED;
+        }
+        /**
+         * Adds a specific script to the load queue of the script loader.
+         *
+         * @method add
+         * @param {String} url Absolute URL to script to add.
+         * @return {Promise} A promise that will resolve when the script loaded successfully or reject if it failed to load.
+         */
+        add(url) {
+            const self = this;
+            self.queue.push(url);
+            // Add url to load queue
+            const state = self.states[url];
+            if (state === undefined) {
+                self.states[url] = QUEUED;
+            }
+            return new Promise((resolve, reject) => {
+                // Store away callback for later execution
+                if (!self.scriptLoadedCallbacks[url]) {
+                    self.scriptLoadedCallbacks[url] = [];
+                }
+                self.scriptLoadedCallbacks[url].push({
+                    resolve,
+                    reject
+                });
+            });
+        }
+        load(url) {
+            return this.add(url);
+        }
+        remove(url) {
+            delete this.states[url];
+            delete this.scriptLoadedCallbacks[url];
+        }
+        /**
+         * Starts the loading of the queue.
+         *
+         * @method loadQueue
+         * @return {Promise} A promise that is resolved when all queued items are loaded or rejected with the script urls that failed to load.
+         */
+        loadQueue() {
+            const queue = this.queue;
+            this.queue = [];
+            return this.loadScripts(queue);
+        }
+        /**
+         * Loads the specified queue of files and executes the callback ones they are loaded.
+         * This method is generally not used outside this class but it might be useful in some scenarios.
+         *
+         * @method loadScripts
+         * @param {Array} scripts Array of queue items to load.
+         * @return {Promise} A promise that is resolved when all scripts are loaded or rejected with the script urls that failed to load.
+         */
+        loadScripts(scripts) {
+            const self = this;
+            const execCallbacks = (name, url) => {
+                // Execute URL callback functions
+                get$a(self.scriptLoadedCallbacks, url).each((callbacks) => {
+                    each$e(callbacks, (callback) => callback[name](url));
+                });
+                delete self.scriptLoadedCallbacks[url];
+            };
+            const processResults = (results) => {
+                const failures = filter$5(results, (result) => result.status === 'rejected');
+                if (failures.length > 0) {
+                    return Promise.reject(bind$3(failures, ({ reason }) => isArray$1(reason) ? reason : [reason]));
+                }
+                else {
+                    return Promise.resolve();
+                }
+            };
+            const load = (urls) => Promise.allSettled(map$3(urls, (url) => {
+                // Script is already loaded then execute script callbacks directly
+                if (self.states[url] === LOADED) {
+                    execCallbacks('resolve', url);
+                    return Promise.resolve();
+                }
+                else if (self.states[url] === FAILED) {
+                    execCallbacks('reject', url);
+                    return Promise.reject(url);
+                }
+                else {
+                    // Script is not already loaded, so load it
+                    self.states[url] = LOADING;
+                    return self.loadScript(url).then(() => {
+                        self.states[url] = LOADED;
+                        execCallbacks('resolve', url);
+                        // Immediately load additional scripts if any were added to the queue while loading this script
+                        const queue = self.queue;
+                        if (queue.length > 0) {
+                            self.queue = [];
+                            return load(queue).then(processResults);
+                        }
+                        else {
+                            return Promise.resolve();
+                        }
+                    }, () => {
+                        self.states[url] = FAILED;
+                        execCallbacks('reject', url);
+                        return Promise.reject(url);
+                    });
+                }
+            }));
+            const processQueue = (urls) => {
+                self.loading = true;
+                return load(urls).then((results) => {
+                    self.loading = false;
+                    // Start loading the next queued item
+                    const nextQueuedItem = self.queueLoadedCallbacks.shift();
+                    Optional.from(nextQueuedItem).each(call);
+                    return processResults(results);
+                });
+            };
+            // Wait for any other scripts to finish loading first, otherwise load immediately
+            const uniqueScripts = stringArray(scripts);
+            if (self.loading) {
+                return new Promise((resolve, reject) => {
+                    self.queueLoadedCallbacks.push(() => {
+                        processQueue(uniqueScripts).then(resolve, reject);
+                    });
+                });
+            }
+            else {
+                return processQueue(uniqueScripts);
+            }
+        }
+    }
+    ScriptLoader.ScriptLoader = new ScriptLoader();
+
+    const isDuplicated = (items, item) => {
+        const firstIndex = items.indexOf(item);
+        return firstIndex !== -1 && items.indexOf(item, firstIndex + 1) > firstIndex;
+    };
+    const isRaw = (str) => isObject(str) && has$2(str, 'raw');
+    const isTokenised = (str) => isArray$1(str) && str.length > 1;
+    const data = {};
+    const currentCode = Cell('en');
+    const getLanguageData = () => get$a(data, currentCode.get());
+    const getData$1 = () => map$2(data, (value) => ({ ...value }));
+    /**
+     * Sets the current language code.
+     *
+     * @method setCode
+     * @param {String} newCode Current language code.
+     */
+    const setCode = (newCode) => {
+        if (newCode) {
+            currentCode.set(newCode);
+        }
+    };
+    /**
+     * Returns the current language code.
+     *
+     * @method getCode
+     * @return {String} Current language code.
+     */
+    const getCode = () => currentCode.get();
+    /**
+     * Adds translations for a specific language code.
+     * Translation keys are set to be case insensitive.
+     *
+     * @method add
+     * @param {String} code Language code like sv_SE.
+     * @param {Object} items Name/value object where key is english and value is the translation.
+     */
+    const add = (code, items) => {
+        let langData = data[code];
+        if (!langData) {
+            data[code] = langData = {};
+        }
+        const lcNames = map$3(keys(items), (name) => name.toLowerCase());
+        each$d(items, (translation, name) => {
+            const lcName = name.toLowerCase();
+            if (lcName !== name && isDuplicated(lcNames, lcName)) {
+                if (!has$2(items, lcName)) {
+                    langData[lcName] = translation;
+                }
+                langData[name] = translation;
+            }
+            else {
+                langData[lcName] = translation;
+            }
+        });
+    };
+    /**
+     * Translates the specified text.
+     *
+     * It has a few formats:
+     * I18n.translate("Text");
+     * I18n.translate(["Text {0}/{1}", 0, 1]);
+     * I18n.translate({raw: "Raw string"});
+     *
+     * @method translate
+     * @param {String/Object/Array} text Text to translate.
+     * @return {String} String that got translated.
+     */
+    const translate = (text) => {
+        const langData = getLanguageData().getOr({});
+        /*
+         * number - string
+         * null, undefined and empty string - empty string
+         * array - comma-delimited string
+         * object - in [object Object]
+         * function - in [object Function]
+         */
+        const toString = (obj) => {
+            if (isFunction(obj)) {
+                return Object.prototype.toString.call(obj);
+            }
+            return !isEmpty(obj) ? '' + obj : '';
+        };
+        const isEmpty = (text) => text === '' || text === null || text === undefined;
+        const getLangData = (text) => {
+            // make sure we work on a string and return a string
+            const textStr = toString(text);
+            return has$2(langData, textStr)
+                ? toString(langData[textStr])
+                : get$a(langData, textStr.toLowerCase())?.map(toString).getOr(textStr);
+        };
+        const removeContext = (str) => str.replace(/{context:\w+}$/, '');
+        // empty strings
+        if (isEmpty(text)) {
+            return '';
+        }
+        // Raw, already translated
+        if (isRaw(text)) {
+            return toString(text.raw);
+        }
+        // Tokenised {translations}
+        if (isTokenised(text)) {
+            const values = text.slice(1);
+            const substitued = getLangData(text[0]).replace(/\{([0-9]+)\}/g, ($1, $2) => has$2(values, $2) ? toString(values[$2]) : $1);
+            return removeContext(substitued);
+        }
+        // straight forward translation mapping
+        return removeContext(getLangData(text));
+    };
+    /**
+     * Returns true/false if the currently active language pack is rtl or not.
+     *
+     * @method isRtl
+     * @return {Boolean} True if the current language pack is rtl.
+     */
+    const isRtl$1 = () => getLanguageData()
+        .bind((items) => get$a(items, '_dir'))
+        .exists((dir) => dir === 'rtl');
+    /**
+     * Returns true/false if specified language pack exists.
+     *
+     * @method hasCode
+     * @param {String} code Code to check for.
+     * @return {Boolean} True if the current language pack for the specified code exists.
+     */
+    const hasCode = (code) => has$2(data, code);
+    const I18n = {
+        getData: getData$1,
+        setCode,
+        getCode,
+        add,
+        translate,
+        isRtl: isRtl$1,
+        hasCode
+    };
+
+    const AddOnManager = () => {
+        const items = [];
+        const urls = {};
+        const lookup = {};
+        const _listeners = [];
+        const runListeners = (name, state) => {
+            const matchedListeners = filter$5(_listeners, (listener) => listener.name === name && listener.state === state);
+            each$e(matchedListeners, (listener) => listener.resolve());
+        };
+        const isLoaded = (name) => has$2(urls, name);
+        const isAdded = (name) => has$2(lookup, name);
+        const get = (name) => {
+            if (lookup[name]) {
+                return lookup[name].instance;
+            }
+            return undefined;
+        };
+        const loadLanguagePack = (name, languages) => {
+            const language = I18n.getCode();
+            const wrappedLanguages = ',' + (languages || '') + ',';
+            if (!language || languages && wrappedLanguages.indexOf(',' + language + ',') === -1) {
+                return;
+            }
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            ScriptLoader.ScriptLoader.add(urls[name] + '/langs/' + language + '.js');
+        };
+        const requireLangPack = (name, languages) => {
+            if (AddOnManager.languageLoad !== false) {
+                if (isLoaded(name)) {
+                    loadLanguagePack(name, languages);
+                }
+                else {
+                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                    waitFor(name, 'loaded').then(() => loadLanguagePack(name, languages));
+                }
+            }
+        };
+        const add = (id, addOn) => {
+            items.push(addOn);
+            lookup[id] = { instance: addOn };
+            runListeners(id, 'added');
+            return addOn;
+        };
+        const remove = (name) => {
+            delete urls[name];
+            delete lookup[name];
+        };
+        const createUrl = (baseUrl, dep) => {
+            if (isString(dep)) {
+                return isString(baseUrl) ?
+                    { prefix: '', resource: dep, suffix: '' } :
+                    { prefix: baseUrl.prefix, resource: dep, suffix: baseUrl.suffix };
+            }
+            else {
+                return dep;
+            }
+        };
+        const load = (name, addOnUrl) => {
+            if (urls[name]) {
+                return Promise.resolve();
+            }
+            let urlString = isString(addOnUrl) ? addOnUrl : addOnUrl.prefix + addOnUrl.resource + addOnUrl.suffix;
+            if (urlString.indexOf('/') !== 0 && urlString.indexOf('://') === -1) {
+                urlString = AddOnManager.baseURL + '/' + urlString;
+            }
+            urls[name] = urlString.substring(0, urlString.lastIndexOf('/'));
+            const done = () => {
+                runListeners(name, 'loaded');
+                return Promise.resolve();
+            };
+            if (lookup[name]) {
+                return done();
+            }
+            else {
+                return ScriptLoader.ScriptLoader.add(urlString).then(done);
+            }
+        };
+        const waitFor = (name, state = 'added') => {
+            if (state === 'added' && isAdded(name)) {
+                return Promise.resolve();
+            }
+            else if (state === 'loaded' && isLoaded(name)) {
+                return Promise.resolve();
+            }
+            else {
+                return new Promise((resolve) => {
+                    _listeners.push({ name, state, resolve });
+                });
+            }
+        };
+        return {
+            items,
+            urls,
+            lookup,
+            /**
+             * Returns the specified add on by the short name.
+             *
+             * @method get
+             * @param {String} name Add-on to look for.
+             * @return {tinymce.Theme/tinymce.Plugin} Theme or plugin add-on instance or undefined.
+             */
+            get,
+            /**
+             * Loads a language pack for the specified add-on.
+             *
+             * @method requireLangPack
+             * @param {String} name Short name of the add-on.
+             * @param {String} languages Optional comma or space separated list of languages to check if it matches the name.
+             */
+            requireLangPack,
+            /**
+             * Adds a instance of the add-on by it's short name.
+             *
+             * @method add
+             * @param {String} id Short name/id for the add-on.
+             * @param {tinymce.Theme/tinymce.Plugin} addOn Theme or plugin to add.
+             * @return {tinymce.Theme/tinymce.Plugin} The same theme or plugin instance that got passed in.
+             * @example
+             * // Create a simple plugin
+             * const TestPlugin = (ed, url) => {
+             *   ed.on('click', (e) => {
+             *     ed.windowManager.alert('Hello World!');
+             *   });
+             * };
+             *
+             * // Register plugin using the add method
+             * tinymce.PluginManager.add('test', TestPlugin);
+             *
+             * // Initialize TinyMCE
+             * tinymce.init({
+             *   ...
+             *   plugins: '-test' // Init the plugin but don't try to load it
+             * });
+             */
+            add,
+            remove,
+            createUrl,
+            /**
+             * Loads an add-on from a specific url.
+             *
+             * @method load
+             * @param {String} name Short name of the add-on that gets loaded.
+             * @param {String} addOnUrl URL to the add-on that will get loaded.
+             * @return {Promise} A promise that will resolve when the add-on is loaded successfully or reject if it failed to load.
+             * @example
+             * // Loads a plugin from an external URL
+             * tinymce.PluginManager.load('myplugin', '/some/dir/someplugin/plugin.js');
+             *
+             * // Initialize TinyMCE
+             * tinymce.init({
+             *   ...
+             *   plugins: '-myplugin' // Don't try to load it again
+             * });
+             */
+            load,
+            waitFor
+        };
+    };
+    AddOnManager.languageLoad = true;
+    AddOnManager.baseURL = '';
+    AddOnManager.PluginManager = AddOnManager();
+    AddOnManager.ThemeManager = AddOnManager();
+    AddOnManager.ModelManager = AddOnManager();
+
+    const annotation = constant('mce-annotation');
+    const dataAnnotation = constant('data-mce-annotation');
+    const dataAnnotationId = constant('data-mce-annotation-uid');
+    const dataAnnotationActive = constant('data-mce-annotation-active');
+    const dataAnnotationClasses = constant('data-mce-annotation-classes');
+    const dataAnnotationAttributes = constant('data-mce-annotation-attrs');
+
+    const isRoot$1 = (root) => (node) => eq(node, root);
+    // Given the current editor selection, identify the uid of any current
+    // annotation
+    const identify = (editor, annotationName) => {
+        const rng = editor.selection.getRng();
+        const start = SugarElement.fromDom(rng.startContainer);
+        const root = SugarElement.fromDom(editor.getBody());
+        const selector = annotationName.fold(() => '.' + annotation(), (an) => `[${dataAnnotation()}="${an}"]`);
+        const newStart = child$1(start, rng.startOffset).getOr(start);
+        const closest = closest$3(newStart, selector, isRoot$1(root));
+        return closest.bind((c) => getOpt(c, `${dataAnnotationId()}`).bind((uid) => getOpt(c, `${dataAnnotation()}`)?.map((name) => {
+            const elements = findMarkers(editor, uid);
+            return {
+                uid,
+                name,
+                elements
+            };
+        })));
+    };
+    const isAnnotation = (elem) => isElement$7(elem) && has(elem, annotation());
+    const isBogusElement = (elem, root) => has$1(elem, 'data-mce-bogus') || ancestor$1(elem, '[data-mce-bogus="all"]', isRoot$1(root));
+    const findMarkers = (editor, uid) => {
+        const body = SugarElement.fromDom(editor.getBody());
+        const descendants$1 = descendants(body, `[${dataAnnotationId()}="${uid}"]`);
+        return filter$5(descendants$1, (descendant) => !isBogusElement(descendant, body));
+    };
+    const findAll = (editor, name) => {
+        const body = SugarElement.fromDom(editor.getBody());
+        const markers = descendants(body, `[${dataAnnotation()}="${name}"]`);
+        const directory = {};
+        each$e(markers, (m) => {
+            if (!isBogusElement(m, body)) {
+                const uid = get$9(m, dataAnnotationId());
+                const nodesAlready = get$a(directory, uid).getOr([]);
+                directory[uid] = nodesAlready.concat([m]);
+            }
+        });
+        return directory;
+    };
+
+    const setup$y = (editor, registry) => {
+        const changeCallbacks = Cell({});
+        const initData = () => ({
+            listeners: [],
+            previous: value$2()
+        });
+        const withCallbacks = (name, f) => {
+            updateCallbacks(name, (data) => {
+                f(data);
+                return data;
+            });
+        };
+        const updateCallbacks = (name, f) => {
+            const callbackMap = changeCallbacks.get();
+            const data = get$a(callbackMap, name).getOrThunk(initData);
+            const outputData = f(data);
+            callbackMap[name] = outputData;
+            changeCallbacks.set(callbackMap);
+        };
+        const fireCallbacks = (name, uid, elements) => {
+            withCallbacks(name, (data) => {
+                each$e(data.listeners, (f) => f(true, name, {
+                    uid,
+                    nodes: map$3(elements, (elem) => elem.dom)
+                }));
+            });
+        };
+        const fireNoAnnotation = (name) => {
+            withCallbacks(name, (data) => {
+                each$e(data.listeners, (f) => f(false, name));
+            });
+        };
+        const toggleActiveAttr = (uid, state) => {
+            each$e(findMarkers(editor, uid), (elem) => {
+                if (state) {
+                    set$4(elem, dataAnnotationActive(), 'true');
+                }
+                else {
+                    remove$9(elem, dataAnnotationActive());
+                }
+            });
+        };
+        // NOTE: Runs in alphabetical order.
+        const onNodeChange = last$1(() => {
+            const annotations = sort(registry.getNames());
+            each$e(annotations, (name) => {
+                updateCallbacks(name, (data) => {
+                    const prev = data.previous.get();
+                    identify(editor, Optional?.some(name)).fold(() => {
+                        prev.each((uid) => {
+                            // Changed from something to nothing.
+                            fireNoAnnotation(name);
+                            data.previous.clear();
+                            toggleActiveAttr(uid, false);
+                        });
+                    }, ({ uid, name, elements }) => {
+                        // Changed from a different annotation (or nothing)
+                        if (!is$3(prev, uid)) {
+                            prev.each((uid) => toggleActiveAttr(uid, false));
+                            fireCallbacks(name, uid, elements);
+                            data.previous.set(uid);
+                            toggleActiveAttr(uid, true);
+                        }
+                    });
+                    return {
+                        previous: data.previous,
+                        listeners: data.listeners
+                    };
+                });
+            });
+        }, 30);
+        editor.on('remove', () => {
+            onNodeChange.cancel();
+        });
+        editor.on('NodeChange', () => {
+            onNodeChange.throttle();
+        });
+        const addListener = (name, f) => {
+            updateCallbacks(name, (data) => ({
+                previous: data.previous,
+                listeners: data.listeners.concat([f])
+            }));
+        };
+        return {
+            addListener
+        };
+    };
+
+    const setup$x = (editor, registry) => {
+        const dataAnnotation$1 = dataAnnotation();
+        const identifyParserNode = (node) => Optional.from(node.attr(dataAnnotation$1)).bind(registry.lookup);
+        const removeDirectAnnotation = (node) => {
+            var _a, _b;
+            node.attr(dataAnnotationId(), null);
+            node.attr(dataAnnotation(), null);
+            node.attr(dataAnnotationActive(), null);
+            const customAttrNames = Optional.from(node.attr(dataAnnotationAttributes()))?.map((names) => names.split(',')).getOr([]);
+            const customClasses = Optional.from(node.attr(dataAnnotationClasses()))?.map((names) => names.split(',')).getOr([]);
+            each$e(customAttrNames, (name) => node.attr(name, null));
+            const classList = (_b = (_a = node.attr('class')) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
+            const newClassList = difference(classList, [annotation()].concat(customClasses));
+            node.attr('class', newClassList.length > 0 ? newClassList.join(' ') : null);
+            node.attr(dataAnnotationClasses(), null);
+            node.attr(dataAnnotationAttributes(), null);
+        };
+        editor.serializer.addTempAttr(dataAnnotationActive());
+        editor.serializer.addAttributeFilter(dataAnnotation$1, (nodes) => {
+            for (const node of nodes) {
+                identifyParserNode(node).each((settings) => {
+                    if (settings.persistent === false) {
+                        if (node.name === 'span') {
+                            node.unwrap();
+                        }
+                        else {
+                            removeDirectAnnotation(node);
+                        }
+                    }
+                });
+            }
+        });
+    };
+
+    const create$a = () => {
+        const annotations = {};
+        const register = (name, settings) => {
+            annotations[name] = {
+                name,
+                settings
+            };
+        };
+        const lookup = (name) => get$a(annotations, name)?.map((a) => a.settings);
+        const getNames = () => keys(annotations);
+        return {
+            register,
+            lookup,
+            getNames
+        };
+    };
+
+    const TextWalker = (startNode, rootNode, isBoundary = never) => {
+        const walker = new DomTreeWalker(startNode, rootNode);
+        const walk = (direction) => {
+            let next;
+            do {
+                next = walker[direction]();
+            } while (next && !isText$b(next) && !isBoundary(next));
+            return Optional.from(next).filter(isText$b);
+        };
+        return {
+            current: () => Optional.from(walker.current()).filter(isText$b),
+            next: () => walk('next'),
+            prev: () => walk('prev'),
+            prev2: () => walk('prev2')
+        };
+    };
+
+    /**
+     * The TextSeeker class enables you to seek for a specific point in text across the DOM.
+     *
+     * @class tinymce.dom.TextSeeker
+     * @example
+     * const seeker = tinymce.dom.TextSeeker(editor.dom);
+     * const startOfWord = seeker.backwards(startNode, startOffset, (textNode, offset, text) => {
+     *   const lastSpaceCharIndex = text.lastIndexOf(' ');
+     *   if (lastSpaceCharIndex !== -1) {
+     *     return lastSpaceCharIndex + 1;
+     *   } else {
+     *     // No space found so continue searching
+     *     return -1;
+     *   }
+     * });
+     */
+    /**
+     * Constructs a new TextSeeker instance.
+     *
+     * @constructor
+     * @param {tinymce.dom.DOMUtils} dom DOMUtils object reference.
+     * @param {Function} isBoundary Optional function to determine if the seeker should continue to walk past the node provided. The default is to search until a block or <code>br</code> element is found.
+     */
+    const TextSeeker = (dom, isBoundary) => {
+        const isBlockBoundary = isBoundary ? isBoundary : (node) => dom.isBlock(node) || isBr$6(node) || isContentEditableFalse$a(node);
+        const walk = (node, offset, walker, process) => {
+            if (isText$b(node)) {
+                const newOffset = process(node, offset, node.data);
+                if (newOffset !== -1) {
+                    return Optional?.some({ container: node, offset: newOffset });
+                }
+            }
+            return walker().bind((next) => walk(next.container, next.offset, walker, process));
+        };
+        /**
+         * Search backwards through text nodes until a match, boundary, or root node has been found.
+         *
+         * @method backwards
+         * @param {Node} node The node to start searching from.
+         * @param {Number} offset The offset of the node to start searching from.
+         * @param {Function} process A function that's passed the current text node, the current offset and the text content of the node. It should return the offset of the match or -1 to continue searching.
+         * @param {Node} root An optional root node to constrain the search to.
+         * @return {Object} An object containing the matched text node and offset. If no match is found, null will be returned.
+         */
+        const backwards = (node, offset, process, root) => {
+            const walker = TextWalker(node, root !== null && root !== void 0 ? root : dom.getRoot(), isBlockBoundary);
+            return walk(node, offset, () => walker.prev()?.map((prev) => ({ container: prev, offset: prev.length })), process).getOrNull();
+        };
+        /**
+         * Search forwards through text nodes until a match, boundary, or root node has been found.
+         *
+         * @method forwards
+         * @param {Node} node The node to start searching from.
+         * @param {Number} offset The offset of the node to start searching from.
+         * @param {Function} process A function that's passed the current text node, the current offset and the text content of the node. It should return the offset of the match or -1 to continue searching.
+         * @param {Node} root An optional root node to constrain the search to.
+         * @return {Object} An object containing the matched text node and offset. If no match is found, null will be returned.
+         */
+        const forwards = (node, offset, process, root) => {
+            const walker = TextWalker(node, root !== null && root !== void 0 ? root : dom.getRoot(), isBlockBoundary);
+            return walk(node, offset, () => walker.next()?.map((next) => ({ container: next, offset: 0 })), process).getOrNull();
+        };
+        return {
+            backwards,
+            forwards
+        };
+    };
+
+    const tableCells = ['td', 'th'];
+    const tableSections = ['thead', 'tbody', 'tfoot'];
+    const textBlocks = [
+        'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'div', 'address', 'pre', 'form',
+        'blockquote', 'center', 'dir', 'fieldset', 'header', 'footer', 'article',
+        'section', 'hgroup', 'aside', 'nav', 'figure'
+    ];
+    const listItems$1 = ['li', 'dd', 'dt'];
+    const lists = ['ul', 'ol', 'dl'];
+    const wsElements = ['pre', 'script', 'textarea', 'style'];
+    const lazyLookup = (items) => {
+        let lookup;
+        return (node) => {
+            lookup = lookup ? lookup : mapToObject(items, always);
+            return has$2(lookup, name(node));
+        };
+    };
+    // WARNING: don't add anything to this file, the intention is to move these checks into the Schema
+    const isTable$1 = (node) => name(node) === 'table';
+    const isBr$5 = (node) => isElement$7(node) && name(node) === 'br';
+    const isTextBlock$2 = lazyLookup(textBlocks);
+    const isList = lazyLookup(lists);
+    const isListItem$1 = lazyLookup(listItems$1);
+    const isTableSection = lazyLookup(tableSections);
+    const isTableCell$2 = lazyLookup(tableCells);
+    const isWsPreserveElement = lazyLookup(wsElements);
+
+    const getLastChildren$1 = (elm) => {
+        const children = [];
+        let rawNode = elm.dom;
+        while (rawNode) {
+            children.push(SugarElement.fromDom(rawNode));
+            rawNode = rawNode.lastChild;
+        }
+        return children;
+    };
+    const removeTrailingBr = (elm) => {
+        const allBrs = descendants(elm, 'br');
+        const brs = filter$5(getLastChildren$1(elm).slice(-1), isBr$5);
+        if (allBrs.length === brs.length) {
+            each$e(brs, remove$8);
+        }
+    };
+    const createPaddingBr = () => {
+        const br = SugarElement.fromTag('br');
+        set$4(br, 'data-mce-bogus', '1');
+        return br;
+    };
+    const fillWithPaddingBr = (elm) => {
+        empty(elm);
+        append$1(elm, createPaddingBr());
+    };
+    const trimBlockTrailingBr = (elm, schema) => {
+        lastChild(elm).each((lastChild) => {
+            prevSibling(lastChild).each((lastChildPrevSibling) => {
+                if (schema.isBlock(name(elm)) && isBr$5(lastChild) && schema.isBlock(name(lastChildPrevSibling))) {
+                    remove$8(lastChild);
+                }
+            });
+        });
+    };
+
+    /**
+     * Utility functions for working with zero width space
+     * characters used as character containers etc.
+     *
+     * @private
+     * @class tinymce.text.Zwsp
+     * @example
+     * const isZwsp = Zwsp.isZwsp('\uFEFF');
+     * const abc = Zwsp.trim('a\uFEFFc');
+     */
+    // This is technically not a ZWSP but a ZWNBSP or a BYTE ORDER MARK it used to be a ZWSP
+    const ZWSP$1 = zeroWidth;
+    const isZwsp = isZwsp$2;
+    const trim$2 = removeZwsp;
+    const insert$5 = (editor) => editor.insertContent(ZWSP$1, { preserve_zwsp: true });
+
+    /**
+     * This module handles caret containers. A caret container is a node that
+     * holds the caret for positional purposes.
+     *
+     * @private
+     * @class tinymce.caret.CaretContainer
+     */
+    const isElement$5 = isElement$6;
+    const isText$9 = isText$b;
+    const isCaretContainerBlock$1 = (node) => {
+        if (isText$9(node)) {
+            node = node.parentNode;
+        }
+        return isElement$5(node) && node.hasAttribute('data-mce-caret');
+    };
+    const isCaretContainerInline = (node) => isText$9(node) && isZwsp(node.data);
+    const isCaretContainer$2 = (node) => isCaretContainerBlock$1(node) || isCaretContainerInline(node);
+    const hasContent = (node) => node.firstChild !== node.lastChild || !isBr$6(node.firstChild);
+    const insertInline$1 = (node, before) => {
+        var _a;
+        const doc = (_a = node.ownerDocument) !== null && _a !== void 0 ? _a : document;
+        const textNode = doc.createTextNode(ZWSP$1);
+        const parentNode = node.parentNode;
+        if (!before) {
+            const sibling = node.nextSibling;
+            if (isText$9(sibling)) {
+                if (isCaretContainer$2(sibling)) {
+                    return sibling;
+                }
+                if (startsWithCaretContainer$1(sibling)) {
+                    sibling.splitText(1);
+                    return sibling;
+                }
+            }
+            if (node.nextSibling) {
+                parentNode === null || parentNode === void 0 ? void 0 : parentNode.insertBefore(textNode, node.nextSibling);
+            }
+            else {
+                parentNode === null || parentNode === void 0 ? void 0 : parentNode.appendChild(textNode);
+            }
+        }
+        else {
+            const sibling = node.previousSibling;
+            if (isText$9(sibling)) {
+                if (isCaretContainer$2(sibling)) {
+                    return sibling;
+                }
+                if (endsWithCaretContainer$1(sibling)) {
+                    return sibling.splitText(sibling.data.length - 1);
+                }
+            }
+            parentNode === null || parentNode === void 0 ? void 0 : parentNode.insertBefore(textNode, node);
+        }
+        return textNode;
+    };
+    const isBeforeInline = (pos) => {
+        const container = pos.container();
+        if (!isText$b(container)) {
+            return false;
+        }
+        // The text nodes may not be normalized, so check the current node and the previous one
+        return container.data.charAt(pos.offset()) === ZWSP$1 || pos.isAtStart() && isCaretContainerInline(container.previousSibling);
+    };
+    const isAfterInline = (pos) => {
+        const container = pos.container();
+        if (!isText$b(container)) {
+            return false;
+        }
+        // The text nodes may not be normalized, so check the current node and the next one
+        return container.data.charAt(pos.offset() - 1) === ZWSP$1 || pos.isAtEnd() && isCaretContainerInline(container.nextSibling);
+    };
+    const insertBlock = (blockName, node, before) => {
+        var _a;
+        const doc = (_a = node.ownerDocument) !== null && _a !== void 0 ? _a : document;
+        const blockNode = doc.createElement(blockName);
+        blockNode.setAttribute('data-mce-caret', before ? 'before' : 'after');
+        blockNode.setAttribute('data-mce-bogus', 'all');
+        blockNode.appendChild(createPaddingBr().dom);
+        const parentNode = node.parentNode;
+        if (!before) {
+            if (node.nextSibling) {
+                parentNode === null || parentNode === void 0 ? void 0 : parentNode.insertBefore(blockNode, node.nextSibling);
+            }
+            else {
+                parentNode === null || parentNode === void 0 ? void 0 : parentNode.appendChild(blockNode);
+            }
+        }
+        else {
+            parentNode === null || parentNode === void 0 ? void 0 : parentNode.insertBefore(blockNode, node);
+        }
+        return blockNode;
+    };
+    const startsWithCaretContainer$1 = (node) => isText$9(node) && node.data[0] === ZWSP$1;
+    const endsWithCaretContainer$1 = (node) => isText$9(node) && node.data[node.data.length - 1] === ZWSP$1;
+    const trimBogusBr = (elm) => {
+        var _a;
+        const brs = elm.getElementsByTagName('br');
+        const lastBr = brs[brs.length - 1];
+        if (isBogus$1(lastBr)) {
+            (_a = lastBr.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(lastBr);
+        }
+    };
+    const showCaretContainerBlock = (caretContainer) => {
+        if (caretContainer && caretContainer.hasAttribute('data-mce-caret')) {
+            trimBogusBr(caretContainer);
+            caretContainer.removeAttribute('data-mce-caret');
+            caretContainer.removeAttribute('data-mce-bogus');
+            caretContainer.removeAttribute('style');
+            caretContainer.removeAttribute('data-mce-style');
+            caretContainer.removeAttribute('_moz_abspos');
+            return caretContainer;
+        }
+        return null;
+    };
+    const isRangeInCaretContainerBlock = (range) => isCaretContainerBlock$1(range.startContainer);
+
+    const round$2 = Math.round;
+    const clone$1 = (rect) => {
+        if (!rect) {
+            return { left: 0, top: 0, bottom: 0, right: 0, width: 0, height: 0 };
+        }
+        return {
+            left: round$2(rect.left),
+            top: round$2(rect.top),
+            bottom: round$2(rect.bottom),
+            right: round$2(rect.right),
+            width: round$2(rect.width),
+            height: round$2(rect.height)
+        };
+    };
+    const collapse = (rect, toStart) => {
+        rect = clone$1(rect);
+        if (toStart) {
+            rect.right = rect.left;
+        }
+        else {
+            rect.left = rect.left + rect.width;
+            rect.right = rect.left;
+        }
+        rect.width = 0;
+        return rect;
+    };
+    const isEqual = (rect1, rect2) => (rect1.left === rect2.left &&
+        rect1.top === rect2.top &&
+        rect1.bottom === rect2.bottom &&
+        rect1.right === rect2.right);
+    const isValidOverflow = (overflowY, rect1, rect2) => overflowY >= 0 && overflowY <= Math.min(rect1.height, rect2.height) / 2;
+    const isAbove$1 = (rect1, rect2) => {
+        const halfHeight = Math.min(rect2.height / 2, rect1.height / 2);
+        if ((rect1.bottom - halfHeight) < rect2.top) {
+            return true;
+        }
+        if (rect1.top > rect2.bottom) {
+            return false;
+        }
+        return isValidOverflow(rect2.top - rect1.bottom, rect1, rect2);
+    };
+    const isBelow$1 = (rect1, rect2) => {
+        if (rect1.top > rect2.bottom) {
+            return true;
+        }
+        if (rect1.bottom < rect2.top) {
+            return false;
+        }
+        return isValidOverflow(rect2.bottom - rect1.top, rect1, rect2);
+    };
+    const containsXY = (rect, clientX, clientY) => (clientX >= rect.left &&
+        clientX <= rect.right &&
+        clientY >= rect.top &&
+        clientY <= rect.bottom);
+    const boundingClientRectFromRects = (rects) => {
+        return foldl(rects, (acc, rect) => {
+            return acc.fold(() => Optional?.some(rect), (prevRect) => {
+                const left = Math.min(rect.left, prevRect.left);
+                const top = Math.min(rect.top, prevRect.top);
+                const right = Math.max(rect.right, prevRect.right);
+                const bottom = Math.max(rect.bottom, prevRect.bottom);
+                return Optional?.some({
+                    top,
+                    right,
+                    bottom,
+                    left,
+                    width: right - left,
+                    height: bottom - top
+                });
+            });
+        }, Optional.none());
+    };
+    const distanceToRectEdgeFromXY = (rect, x, y) => {
+        const cx = Math.max(Math.min(x, rect.left + rect.width), rect.left);
+        const cy = Math.max(Math.min(y, rect.top + rect.height), rect.top);
+        return Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy));
+    };
+    const overlapY = (r1, r2) => Math.max(0, Math.min(r1.bottom, r2.bottom) - Math.max(r1.top, r2.top));
+
+    const getSelectedNode = (range) => {
+        const startContainer = range.startContainer, startOffset = range.startOffset;
+        if (startContainer === range.endContainer && startContainer.hasChildNodes() && range.endOffset === startOffset + 1) {
+            return startContainer.childNodes[startOffset];
+        }
+        return null;
+    };
+    const getNode$1 = (container, offset) => {
+        if (isElement$6(container) && container.hasChildNodes()) {
+            const childNodes = container.childNodes;
+            const safeOffset = clamp$2(offset, 0, childNodes.length - 1);
+            return childNodes[safeOffset];
+        }
+        else {
+            return container;
+        }
+    };
+    /** @deprecated Use getNode instead */
+    const getNodeUnsafe = (container, offset) => {
+        // If a negative offset is used on an element then `undefined` should be returned
+        if (offset < 0 && isElement$6(container) && container.hasChildNodes()) {
+            return undefined;
+        }
+        else {
+            return getNode$1(container, offset);
+        }
+    };
+
+    /**
+     * This class contains logic for detecting extending characters.
+     *
+     * @private
+     * @class tinymce.text.ExtendingChar
+     * @example
+     * const isExtending = ExtendingChar.isExtendingChar('a');
+     */
+    // Generated from: http://www.unicode.org/Public/UNIDATA/DerivedCoreProperties.txt
+    // Only includes the characters in that fit into UCS-2 16 bit
+    const extendingChars = new RegExp('[\u0300-\u036F\u0483-\u0487\u0488-\u0489\u0591-\u05BD\u05BF\u05C1-\u05C2\u05C4-\u05C5\u05C7\u0610-\u061A' +
+        '\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7-\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0' +
+        '\u07EB-\u07F3\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08E3-\u0902\u093A\u093C' +
+        '\u0941-\u0948\u094D\u0951-\u0957\u0962-\u0963\u0981\u09BC\u09BE\u09C1-\u09C4\u09CD\u09D7\u09E2-\u09E3' +
+        '\u0A01-\u0A02\u0A3C\u0A41-\u0A42\u0A47-\u0A48\u0A4B-\u0A4D\u0A51\u0A70-\u0A71\u0A75\u0A81-\u0A82\u0ABC' +
+        '\u0AC1-\u0AC5\u0AC7-\u0AC8\u0ACD\u0AE2-\u0AE3\u0B01\u0B3C\u0B3E\u0B3F\u0B41-\u0B44\u0B4D\u0B56\u0B57' +
+        '\u0B62-\u0B63\u0B82\u0BBE\u0BC0\u0BCD\u0BD7\u0C00\u0C3E-\u0C40\u0C46-\u0C48\u0C4A-\u0C4D\u0C55-\u0C56' +
+        '\u0C62-\u0C63\u0C81\u0CBC\u0CBF\u0CC2\u0CC6\u0CCC-\u0CCD\u0CD5-\u0CD6\u0CE2-\u0CE3\u0D01\u0D3E\u0D41-\u0D44' +
+        '\u0D4D\u0D57\u0D62-\u0D63\u0DCA\u0DCF\u0DD2-\u0DD4\u0DD6\u0DDF\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9' +
+        '\u0EBB-\u0EBC\u0EC8-\u0ECD\u0F18-\u0F19\u0F35\u0F37\u0F39\u0F71-\u0F7E\u0F80-\u0F84\u0F86-\u0F87\u0F8D-\u0F97' +
+        '\u0F99-\u0FBC\u0FC6\u102D-\u1030\u1032-\u1037\u1039-\u103A\u103D-\u103E\u1058-\u1059\u105E-\u1060\u1071-\u1074' +
+        '\u1082\u1085-\u1086\u108D\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752-\u1753\u1772-\u1773\u17B4-\u17B5' +
+        '\u17B7-\u17BD\u17C6\u17C9-\u17D3\u17DD\u180B-\u180D\u18A9\u1920-\u1922\u1927-\u1928\u1932\u1939-\u193B\u1A17-\u1A18' +
+        '\u1A1B\u1A56\u1A58-\u1A5E\u1A60\u1A62\u1A65-\u1A6C\u1A73-\u1A7C\u1A7F\u1AB0-\u1ABD\u1ABE\u1B00-\u1B03\u1B34' +
+        '\u1B36-\u1B3A\u1B3C\u1B42\u1B6B-\u1B73\u1B80-\u1B81\u1BA2-\u1BA5\u1BA8-\u1BA9\u1BAB-\u1BAD\u1BE6\u1BE8-\u1BE9' +
+        '\u1BED\u1BEF-\u1BF1\u1C2C-\u1C33\u1C36-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE0\u1CE2-\u1CE8\u1CED\u1CF4\u1CF8-\u1CF9' +
+        '\u1DC0-\u1DF5\u1DFC-\u1DFF\u200C-\u200D\u20D0-\u20DC\u20DD-\u20E0\u20E1\u20E2-\u20E4\u20E5-\u20F0\u2CEF-\u2CF1' +
+        '\u2D7F\u2DE0-\u2DFF\u302A-\u302D\u302E-\u302F\u3099-\u309A\uA66F\uA670-\uA672\uA674-\uA67D\uA69E-\uA69F\uA6F0-\uA6F1' +
+        '\uA802\uA806\uA80B\uA825-\uA826\uA8C4\uA8E0-\uA8F1\uA926-\uA92D\uA947-\uA951\uA980-\uA982\uA9B3\uA9B6-\uA9B9\uA9BC' +
+        '\uA9E5\uAA29-\uAA2E\uAA31-\uAA32\uAA35-\uAA36\uAA43\uAA4C\uAA7C\uAAB0\uAAB2-\uAAB4\uAAB7-\uAAB8\uAABE-\uAABF\uAAC1' +
+        '\uAAEC-\uAAED\uAAF6\uABE5\uABE8\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F\uFF9E-\uFF9F]');
+    const isExtendingChar = (ch) => isString(ch) && ch.charCodeAt(0) >= 768 && extendingChars.test(ch);
+
+    const or = (...args) => {
+        return (x) => {
+            for (let i = 0; i < args.length; i++) {
+                if (args[i](x)) {
+                    return true;
+                }
+            }
+            return false;
+        };
+    };
+    const and = (...args) => {
+        return (x) => {
+            for (let i = 0; i < args.length; i++) {
+                if (!args[i](x)) {
+                    return false;
+                }
+            }
+            return true;
+        };
+    };
+
+    /**
+     * This module contains logic for handling caret candidates. A caret candidate is
+     * for example text nodes, images, input elements, cE=false elements etc.
+     *
+     * @private
+     * @class tinymce.caret.CaretCandidate
+     */
+    const isContentEditableTrue$2 = isContentEditableTrue$3;
+    const isContentEditableFalse$9 = isContentEditableFalse$a;
+    const isBr$4 = isBr$6;
+    const isText$8 = isText$b;
+    const isInvalidTextElement = matchNodeNames(['script', 'style', 'textarea']);
+    const isAtomicInline = matchNodeNames(['img', 'input', 'textarea', 'hr', 'iframe', 'video', 'audio', 'object', 'embed']);
+    const isTable = matchNodeNames(['table']);
+    const isCaretContainer$1 = isCaretContainer$2;
+    const isCaretCandidate$3 = (node) => {
+        if (isCaretContainer$1(node)) {
+            return false;
+        }
+        if (isText$8(node)) {
+            return !isInvalidTextElement(node.parentNode);
+        }
+        return isAtomicInline(node) || isBr$4(node) || isTable(node) || isNonUiContentEditableFalse(node);
+    };
+    // UI components on IE is marked with contenteditable=false and unselectable=true so lets not handle those as real content editables
+    const isUnselectable = (node) => isElement$6(node) && node.getAttribute('unselectable') === 'true';
+    const isNonUiContentEditableFalse = (node) => !isUnselectable(node) && isContentEditableFalse$9(node);
+    const isInEditable = (node, root) => {
+        for (let tempNode = node.parentNode; tempNode && tempNode !== root; tempNode = tempNode.parentNode) {
+            if (isNonUiContentEditableFalse(tempNode)) {
+                return false;
+            }
+            if (isContentEditableTrue$2(tempNode)) {
+                return true;
+            }
+        }
+        return true;
+    };
+    const isAtomicContentEditableFalse = (node) => {
+        if (!isNonUiContentEditableFalse(node)) {
+            return false;
+        }
+        return !foldl(from(node.getElementsByTagName('*')), (result, elm) => {
+            return result || isContentEditableTrue$2(elm);
+        }, false);
+    };
+    const isAtomic$1 = (node) => isAtomicInline(node) || isAtomicContentEditableFalse(node);
+    const isEditableCaretCandidate$1 = (node, root) => isCaretCandidate$3(node) && isInEditable(node, root);
+
+    /**
+     * This module contains logic for creating caret positions within a document a caretposition
+     * is similar to a DOMRange object but it doesn't have two endpoints and is also more lightweight
+     * since it's now updated live when the DOM changes.
+     *
+     * @private
+     * @class tinymce.caret.CaretPosition
+     * @example
+     * const caretPos1 = CaretPosition(container, offset);
+     * const caretPos2 = CaretPosition.fromRangeStart(someRange);
+     */
+    const isElement$4 = isElement$6;
+    const isCaretCandidate$2 = isCaretCandidate$3;
+    const isBlock$2 = matchStyleValues('display', 'block table');
+    const isFloated = matchStyleValues('float', 'left right');
+    const isValidElementCaretCandidate = and(isElement$4, isCaretCandidate$2, not(isFloated));
+    const isNotPre = not(matchStyleValues('white-space', 'pre pre-line pre-wrap'));
+    const isText$7 = isText$b;
+    const isBr$3 = isBr$6;
+    const nodeIndex$1 = DOMUtils.nodeIndex;
+    const resolveIndex$1 = getNodeUnsafe;
+    const createRange$1 = (doc) => doc ? doc.createRange() : DOMUtils.DOM.createRng();
+    const isWhiteSpace$1 = (chr) => isString(chr) && /[\r\n\t ]/.test(chr);
+    const isRange = (rng) => !!rng.setStart && !!rng.setEnd;
+    const isHiddenWhiteSpaceRange = (range) => {
+        const container = range.startContainer;
+        const offset = range.startOffset;
+        if (isWhiteSpace$1(range.toString()) && isNotPre(container.parentNode) && isText$b(container)) {
+            const text = container.data;
+            if (isWhiteSpace$1(text[offset - 1]) || isWhiteSpace$1(text[offset + 1])) {
+                return true;
+            }
+        }
+        return false;
+    };
+    // Hack for older WebKit versions that doesn't
+    // support getBoundingClientRect on BR elements
+    const getBrClientRect = (brNode) => {
+        const doc = brNode.ownerDocument;
+        const rng = createRange$1(doc);
+        const nbsp$1 = doc.createTextNode(nbsp);
+        const parentNode = brNode.parentNode;
+        parentNode.insertBefore(nbsp$1, brNode);
+        rng.setStart(nbsp$1, 0);
+        rng.setEnd(nbsp$1, 1);
+        const clientRect = clone$1(rng.getBoundingClientRect());
+        parentNode.removeChild(nbsp$1);
+        return clientRect;
+    };
+    // Safari will not return a rect for <p>a<br>|b</p> for some odd reason
+    const getBoundingClientRectWebKitText = (rng) => {
+        const sc = rng.startContainer;
+        const ec = rng.endContainer;
+        const so = rng.startOffset;
+        const eo = rng.endOffset;
+        if (sc === ec && isText$b(ec) && so === 0 && eo === 1) {
+            const newRng = rng.cloneRange();
+            newRng.setEndAfter(ec);
+            return getBoundingClientRect$1(newRng);
+        }
+        else {
+            return null;
+        }
+    };
+    const isZeroRect = (r) => r.left === 0 && r.right === 0 && r.top === 0 && r.bottom === 0;
+    const getBoundingClientRect$1 = (item) => {
+        var _a;
+        let clientRect;
+        const clientRects = item.getClientRects();
+        if (clientRects.length > 0) {
+            clientRect = clone$1(clientRects[0]);
+        }
+        else {
+            clientRect = clone$1(item.getBoundingClientRect());
+        }
+        if (!isRange(item) && isBr$3(item) && isZeroRect(clientRect)) {
+            return getBrClientRect(item);
+        }
+        if (isZeroRect(clientRect) && isRange(item)) {
+            return (_a = getBoundingClientRectWebKitText(item)) !== null && _a !== void 0 ? _a : clientRect;
+        }
+        return clientRect;
+    };
+    const collapseAndInflateWidth = (clientRect, toStart) => {
+        const newClientRect = collapse(clientRect, toStart);
+        newClientRect.width = 1;
+        newClientRect.right = newClientRect.left + 1;
+        return newClientRect;
+    };
+    const getCaretPositionClientRects = (caretPosition) => {
+        const clientRects = [];
+        const addUniqueAndValidRect = (clientRect) => {
+            if (clientRect.height === 0) {
+                return;
+            }
+            if (clientRects.length > 0) {
+                if (isEqual(clientRect, clientRects[clientRects.length - 1])) {
+                    return;
+                }
+            }
+            clientRects.push(clientRect);
+        };
+        const addCharacterOffset = (container, offset) => {
+            const range = createRange$1(container.ownerDocument);
+            if (offset < container.data.length) {
+                if (isExtendingChar(container.data[offset])) {
+                    return;
+                }
+                // WebKit returns two client rects for a position after an extending
+                // character a\uxxx|b so expand on "b" and collapse to start of "b" box
+                if (isExtendingChar(container.data[offset - 1])) {
+                    range.setStart(container, offset);
+                    range.setEnd(container, offset + 1);
+                    if (!isHiddenWhiteSpaceRange(range)) {
+                        addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect$1(range), false));
+                        return;
+                    }
+                }
+            }
+            if (offset > 0) {
+                range.setStart(container, offset - 1);
+                range.setEnd(container, offset);
+                if (!isHiddenWhiteSpaceRange(range)) {
+                    addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect$1(range), false));
+                }
+            }
+            if (offset < container.data.length) {
+                range.setStart(container, offset);
+                range.setEnd(container, offset + 1);
+                if (!isHiddenWhiteSpaceRange(range)) {
+                    addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect$1(range), true));
+                }
+            }
+        };
+        const container = caretPosition.container();
+        const offset = caretPosition.offset();
+        if (isText$7(container)) {
+            addCharacterOffset(container, offset);
+            return clientRects;
+        }
+        if (isElement$4(container)) {
+            if (caretPosition.isAtEnd()) {
+                const node = resolveIndex$1(container, offset);
+                if (isText$7(node)) {
+                    addCharacterOffset(node, node.data.length);
+                }
+                if (isValidElementCaretCandidate(node) && !isBr$3(node)) {
+                    addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect$1(node), false));
+                }
+            }
+            else {
+                const node = resolveIndex$1(container, offset);
+                if (isText$7(node)) {
+                    addCharacterOffset(node, 0);
+                }
+                if (isValidElementCaretCandidate(node) && caretPosition.isAtEnd()) {
+                    addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect$1(node), false));
+                    return clientRects;
+                }
+                const beforeNode = resolveIndex$1(caretPosition.container(), caretPosition.offset() - 1);
+                if (isValidElementCaretCandidate(beforeNode) && !isBr$3(beforeNode)) {
+                    if (isBlock$2(beforeNode) || isBlock$2(node) || !isValidElementCaretCandidate(node)) {
+                        addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect$1(beforeNode), false));
+                    }
+                }
+                if (isValidElementCaretCandidate(node)) {
+                    addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect$1(node), true));
+                }
+            }
+        }
+        return clientRects;
+    };
+    /**
+     * Represents a location within the document by a container and an offset.
+     *
+     * @constructor
+     * @param {Node} container Container node.
+     * @param {Number} offset Offset within that container node.
+     * @param {Array} clientRects Optional client rects array for the position.
+     */
+    const CaretPosition = (container, offset, clientRects) => {
+        const isAtStart = () => {
+            if (isText$7(container)) {
+                return offset === 0;
+            }
+            return offset === 0;
+        };
+        const isAtEnd = () => {
+            if (isText$7(container)) {
+                return offset >= container.data.length;
+            }
+            return offset >= container.childNodes.length;
+        };
+        const toRange = () => {
+            const range = createRange$1(container.ownerDocument);
+            range.setStart(container, offset);
+            range.setEnd(container, offset);
+            return range;
+        };
+        const getClientRects = () => {
+            if (!clientRects) {
+                clientRects = getCaretPositionClientRects(CaretPosition(container, offset));
+            }
+            return clientRects;
+        };
+        const isVisible = () => getClientRects().length > 0;
+        const isEqual = (caretPosition) => caretPosition && container === caretPosition.container() && offset === caretPosition.offset();
+        const getNode = (before) => resolveIndex$1(container, before ? offset - 1 : offset);
+        return {
+            /**
+             * Returns the container node.
+             *
+             * @method container
+             * @return {Node} Container node.
+             */
+            container: constant(container),
+            /**
+             * Returns the offset within the container node.
+             *
+             * @method offset
+             * @return {Number} Offset within the container node.
+             */
+            offset: constant(offset),
+            /**
+             * Returns a range out of a the caret position.
+             *
+             * @method toRange
+             * @return {DOMRange} range for the caret position.
+             */
+            toRange,
+            /**
+             * Returns the client rects for the caret position. Might be multiple rects between
+             * block elements.
+             *
+             * @method getClientRects
+             * @return {Array} Array of client rects.
+             */
+            getClientRects,
+            /**
+             * Returns true if the caret location is visible/displayed on screen.
+             *
+             * @method isVisible
+             * @return {Boolean} true/false if the position is visible or not.
+             */
+            isVisible,
+            /**
+             * Returns true if the caret location is at the beginning of text node or container.
+             *
+             * @method isVisible
+             * @return {Boolean} true/false if the position is at the beginning.
+             */
+            isAtStart,
+            /**
+             * Returns true if the caret location is at the end of text node or container.
+             *
+             * @method isVisible
+             * @return {Boolean} true/false if the position is at the end.
+             */
+            isAtEnd,
+            /**
+             * Compares the caret position to another caret position. This will only compare the
+             * container and offset not it's visual position.
+             *
+             * @method isEqual
+             * @param {tinymce.caret.CaretPosition} caretPosition Caret position to compare with.
+             * @return {Boolean} true if the caret positions are equal.
+             */
+            isEqual,
+            /**
+             * Returns the closest resolved node from a node index. That means if you have an offset after the
+             * last node in a container it will return that last node.
+             *
+             * @method getNode
+             * @return {Node} Node that is closest to the index.
+             */
+            getNode
+        };
+    };
+    /**
+     * Creates a caret position from the start of a range.
+     *
+     * @method fromRangeStart
+     * @param {DOMRange} range DOM Range to create caret position from.
+     * @return {tinymce.caret.CaretPosition} Caret position from the start of DOM range.
+     */
+    CaretPosition.fromRangeStart = (range) => CaretPosition(range.startContainer, range.startOffset);
+    /**
+     * Creates a caret position from the end of a range.
+     *
+     * @method fromRangeEnd
+     * @param {DOMRange} range DOM Range to create caret position from.
+     * @return {tinymce.caret.CaretPosition} Caret position from the end of DOM range.
+     */
+    CaretPosition.fromRangeEnd = (range) => CaretPosition(range.endContainer, range.endOffset);
+    /**
+     * Creates a caret position from a node and places the offset after it.
+     *
+     * @method after
+     * @param {Node} node Node to get caret position from.
+     * @return {tinymce.caret.CaretPosition} Caret position from the node.
+     */
+    // TODO: TINY-8865 - This may not be safe to cast as Node and alternative solutions need to be looked into
+    CaretPosition.after = (node) => CaretPosition(node.parentNode, nodeIndex$1(node) + 1);
+    /**
+     * Creates a caret position from a node and places the offset before it.
+     *
+     * @method before
+     * @param {Node} node Node to get caret position from.
+     * @return {tinymce.caret.CaretPosition} Caret position from the node.
+     */
+    // TODO: TINY-8865 - This may not be safe to cast as Node and alternative solutions need to be looked into
+    CaretPosition.before = (node) => CaretPosition(node.parentNode, nodeIndex$1(node));
+    CaretPosition.isAbove = (pos1, pos2) => lift2(head(pos2.getClientRects()), last$2(pos1.getClientRects()), isAbove$1).getOr(false);
+    CaretPosition.isBelow = (pos1, pos2) => lift2(last$2(pos2.getClientRects()), head(pos1.getClientRects()), isBelow$1).getOr(false);
+    CaretPosition.isAtStart = (pos) => pos ? pos.isAtStart() : false;
+    CaretPosition.isAtEnd = (pos) => pos ? pos.isAtEnd() : false;
+    CaretPosition.isTextPosition = (pos) => pos ? isText$b(pos.container()) : false;
+    CaretPosition.isElementPosition = (pos) => !CaretPosition.isTextPosition(pos);
+
+    const trimEmptyTextNode$1 = (dom, node) => {
+        if (isText$b(node) && node.data.length === 0) {
+            dom.remove(node);
+        }
+    };
+    const insertNode = (dom, rng, node) => {
+        rng.insertNode(node);
+        trimEmptyTextNode$1(dom, node.previousSibling);
+        trimEmptyTextNode$1(dom, node.nextSibling);
+    };
+    const insertFragment = (dom, rng, frag) => {
+        const firstChild = Optional.from(frag.firstChild);
+        const lastChild = Optional.from(frag.lastChild);
+        rng.insertNode(frag);
+        firstChild.each((child) => trimEmptyTextNode$1(dom, child.previousSibling));
+        lastChild.each((child) => trimEmptyTextNode$1(dom, child.nextSibling));
+    };
+    // Wrapper to Range.insertNode which removes any empty text nodes created in the process.
+    // Doesn't merge adjacent text nodes - this is according to the DOM spec.
+    const rangeInsertNode = (dom, rng, node) => {
+        if (isDocumentFragment(node)) {
+            insertFragment(dom, rng, node);
+        }
+        else {
+            insertNode(dom, rng, node);
+        }
+    };
+
+    /**
+     * This module creates or resolves xpath like string representation of a CaretPositions.
+     *
+     * The format is a / separated list of chunks with:
+     * <element|text()>[index|after|before]
+     *
+     * For example:
+     *  p[0]/b[0]/text()[0],1 = <p><b>a|c</b></p>
+     *  p[0]/img[0],before = <p>|<img></p>
+     *  p[0]/img[0],after = <p><img>|</p>
+     *
+     * @private
+     * @static
+     * @class tinymce.caret.CaretBookmark
+     * @example
+     * const bookmark = CaretBookmark.create(rootElm, CaretPosition.before(rootElm.firstChild));
+     * const caretPosition = CaretBookmark.resolve(bookmark);
+     */
+    const isText$6 = isText$b;
+    const isBogus = isBogus$1;
+    const nodeIndex = DOMUtils.nodeIndex;
+    const normalizedParent = (node) => {
+        const parentNode = node.parentNode;
+        if (isBogus(parentNode)) {
+            return normalizedParent(parentNode);
+        }
+        return parentNode;
+    };
+    const getChildNodes = (node) => {
+        if (!node) {
+            return [];
+        }
+        return reduce(node.childNodes, (result, node) => {
+            if (isBogus(node) && node.nodeName !== 'BR') {
+                result = result.concat(getChildNodes(node));
+            }
+            else {
+                result.push(node);
+            }
+            return result;
+        }, []);
+    };
+    const normalizedTextOffset = (node, offset) => {
+        let tempNode = node;
+        while ((tempNode = tempNode.previousSibling)) {
+            if (!isText$6(tempNode)) {
+                break;
+            }
+            offset += tempNode.data.length;
+        }
+        return offset;
+    };
+    const equal = (a) => (b) => a === b;
+    const normalizedNodeIndex = (node) => {
+        let nodes, index;
+        nodes = getChildNodes(normalizedParent(node));
+        index = findIndex$1(nodes, equal(node), node);
+        nodes = nodes.slice(0, index + 1);
+        const numTextFragments = reduce(nodes, (result, node, i) => {
+            if (isText$6(node) && isText$6(nodes[i - 1])) {
+                result++;
+            }
+            return result;
+        }, 0);
+        nodes = filter$3(nodes, matchNodeNames([node.nodeName]));
+        index = findIndex$1(nodes, equal(node), node);
+        return index - numTextFragments;
+    };
+    const createPathItem = (node) => {
+        const name = isText$6(node) ? 'text()' : node.nodeName.toLowerCase();
+        return name + '[' + normalizedNodeIndex(node) + ']';
+    };
+    const parentsUntil$1 = (root, node, predicate) => {
+        const parents = [];
+        for (let tempNode = node.parentNode; tempNode && tempNode !== root; tempNode = tempNode.parentNode) {
+            if (predicate && predicate(tempNode)) {
+                break;
+            }
+            parents.push(tempNode);
+        }
+        return parents;
+    };
+    const create$9 = (root, caretPosition) => {
+        let path = [];
+        let container = caretPosition.container();
+        let offset = caretPosition.offset();
+        let outputOffset;
+        if (isText$6(container)) {
+            outputOffset = normalizedTextOffset(container, offset);
+        }
+        else {
+            const childNodes = container.childNodes;
+            if (offset >= childNodes.length) {
+                outputOffset = 'after';
+                offset = childNodes.length - 1;
+            }
+            else {
+                outputOffset = 'before';
+            }
+            container = childNodes[offset];
+        }
+        path.push(createPathItem(container));
+        let parents = parentsUntil$1(root, container);
+        parents = filter$3(parents, not(isBogus$1));
+        path = path.concat(map$1(parents, (node) => {
+            return createPathItem(node);
+        }));
+        return path.reverse().join('/') + ',' + outputOffset;
+    };
+    const resolvePathItem = (node, name, index) => {
+        let nodes = getChildNodes(node);
+        nodes = filter$3(nodes, (node, index) => {
+            return !isText$6(node) || !isText$6(nodes[index - 1]);
+        });
+        nodes = filter$3(nodes, matchNodeNames([name]));
+        return nodes[index];
+    };
+    const findTextPosition = (container, offset) => {
+        let node = container;
+        let targetOffset = 0;
+        while (isText$6(node)) {
+            const dataLen = node.data.length;
+            if (offset >= targetOffset && offset <= targetOffset + dataLen) {
+                container = node;
+                offset = offset - targetOffset;
+                break;
+            }
+            if (!isText$6(node.nextSibling)) {
+                container = node;
+                offset = dataLen;
+                break;
+            }
+            targetOffset += dataLen;
+            node = node.nextSibling;
+        }
+        if (isText$6(container) && offset > container.data.length) {
+            offset = container.data.length;
+        }
+        return CaretPosition(container, offset);
+    };
+    const resolve$1 = (root, path) => {
+        if (!path) {
+            return null;
+        }
+        const parts = path.split(',');
+        const paths = parts[0].split('/');
+        const offset = parts.length > 1 ? parts[1] : 'before';
+        const container = reduce(paths, (result, value) => {
+            const match = /([\w\-\(\)]+)\[([0-9]+)\]/.exec(value);
+            if (!match) {
+                return null;
+            }
+            if (match[1] === 'text()') {
+                match[1] = '#text';
+            }
+            return resolvePathItem(result, match[1], parseInt(match[2], 10));
+        }, root);
+        if (!container) {
+            return null;
+        }
+        if (!isText$6(container) && container.parentNode) {
+            let nodeOffset;
+            if (offset === 'after') {
+                nodeOffset = nodeIndex(container) + 1;
+            }
+            else {
+                nodeOffset = nodeIndex(container);
+            }
+            return CaretPosition(container.parentNode, nodeOffset);
+        }
+        return findTextPosition(container, parseInt(offset, 10));
+    };
+
+    const isContentEditableFalse$8 = isContentEditableFalse$a;
+    const getNormalizedTextOffset$1 = (trim, container, offset) => {
+        let trimmedOffset = trim(container.data.slice(0, offset)).length;
+        for (let node = container.previousSibling; node && isText$b(node); node = node.previousSibling) {
+            trimmedOffset += trim(node.data).length;
+        }
+        return trimmedOffset;
+    };
+    const getPoint = (dom, trim, normalized, rng, start) => {
+        const container = start ? rng.startContainer : rng.endContainer;
+        let offset = start ? rng.startOffset : rng.endOffset;
+        const point = [];
+        const root = dom.getRoot();
+        if (isText$b(container)) {
+            point.push(normalized ? getNormalizedTextOffset$1(trim, container, offset) : offset);
+        }
+        else {
+            let after = 0;
+            const childNodes = container.childNodes;
+            if (offset >= childNodes.length && childNodes.length) {
+                after = 1;
+                offset = Math.max(0, childNodes.length - 1);
+            }
+            point.push(dom.nodeIndex(childNodes[offset], normalized) + after);
+        }
+        for (let node = container; node && node !== root; node = node.parentNode) {
+            point.push(dom.nodeIndex(node, normalized));
+        }
+        return point;
+    };
+    const getLocation = (trim, selection, normalized, rng) => {
+        const dom = selection.dom;
+        const start = getPoint(dom, trim, normalized, rng, true);
+        const forward = selection.isForward();
+        const fakeCaret = isRangeInCaretContainerBlock(rng) ? { isFakeCaret: true } : {};
+        if (!selection.isCollapsed()) {
+            const end = getPoint(dom, trim, normalized, rng, false);
+            return { start, end, forward, ...fakeCaret };
+        }
+        else {
+            return { start, forward, ...fakeCaret };
+        }
+    };
+    const findIndex = (dom, name, element) => {
+        let count = 0;
+        Tools.each(dom.select(name), (node) => {
+            if (node.getAttribute('data-mce-bogus') === 'all') {
+                return;
+            }
+            else if (node === element) {
+                return false;
+            }
+            else {
+                count++;
+                return;
+            }
+        });
+        return count;
+    };
+    const moveEndPoint$1 = (rng, start) => {
+        let container = start ? rng.startContainer : rng.endContainer;
+        let offset = start ? rng.startOffset : rng.endOffset;
+        // normalize Table Cell selection
+        if (isElement$6(container) && container.nodeName === 'TR') {
+            const childNodes = container.childNodes;
+            container = childNodes[Math.min(start ? offset : offset - 1, childNodes.length - 1)];
+            if (container) {
+                offset = start ? 0 : container.childNodes.length;
+                if (start) {
+                    rng.setStart(container, offset);
+                }
+                else {
+                    rng.setEnd(container, offset);
+                }
+            }
+        }
+    };
+    const normalizeTableCellSelection = (rng) => {
+        moveEndPoint$1(rng, true);
+        moveEndPoint$1(rng, false);
+        return rng;
+    };
+    const findSibling = (node, offset) => {
+        if (isElement$6(node)) {
+            node = getNode$1(node, offset);
+            if (isContentEditableFalse$8(node)) {
+                return node;
+            }
+        }
+        if (isCaretContainer$2(node)) {
+            if (isText$b(node) && isCaretContainerBlock$1(node)) {
+                node = node.parentNode;
+            }
+            let sibling = node.previousSibling;
+            if (isContentEditableFalse$8(sibling)) {
+                return sibling;
+            }
+            sibling = node.nextSibling;
+            if (isContentEditableFalse$8(sibling)) {
+                return sibling;
+            }
+        }
+        return undefined;
+    };
+    const findAdjacentContentEditableFalseElm = (rng) => {
+        return findSibling(rng.startContainer, rng.startOffset) || findSibling(rng.endContainer, rng.endOffset);
+    };
+    const getOffsetBookmark = (trim, normalized, selection) => {
+        const element = selection.getNode();
+        const rng = selection.getRng();
+        if (element.nodeName === 'IMG' || isContentEditableFalse$8(element)) {
+            const name = element.nodeName;
+            return { name, index: findIndex(selection.dom, name, element) };
+        }
+        const sibling = findAdjacentContentEditableFalseElm(rng);
+        if (sibling) {
+            const name = sibling.tagName;
+            return { name, index: findIndex(selection.dom, name, sibling) };
+        }
+        return getLocation(trim, selection, normalized, rng);
+    };
+    const getCaretBookmark = (selection) => {
+        const rng = selection.getRng();
+        return {
+            start: create$9(selection.dom.getRoot(), CaretPosition.fromRangeStart(rng)),
+            end: create$9(selection.dom.getRoot(), CaretPosition.fromRangeEnd(rng)),
+            forward: selection.isForward()
+        };
+    };
+    const getRangeBookmark = (selection) => {
+        return { rng: selection.getRng(), forward: selection.isForward() };
+    };
+    const createBookmarkSpan = (dom, id, filled) => {
+        const args = { 'data-mce-type': 'bookmark', id, 'style': 'overflow:hidden;line-height:0px' };
+        return filled ? dom.create('span', args, '&#xFEFF;') : dom.create('span', args);
+    };
+    const getPersistentBookmark = (selection, filled) => {
+        const dom = selection.dom;
+        let rng = selection.getRng();
+        const id = dom.uniqueId();
+        const collapsed = selection.isCollapsed();
+        const element = selection.getNode();
+        const name = element.nodeName;
+        const forward = selection.isForward();
+        if (name === 'IMG') {
+            return { name, index: findIndex(dom, name, element) };
+        }
+        // W3C method
+        const rng2 = normalizeTableCellSelection(rng.cloneRange());
+        // Insert end marker
+        if (!collapsed) {
+            rng2.collapse(false);
+            const endBookmarkNode = createBookmarkSpan(dom, id + '_end', filled);
+            rangeInsertNode(dom, rng2, endBookmarkNode);
+        }
+        rng = normalizeTableCellSelection(rng);
+        rng.collapse(true);
+        const startBookmarkNode = createBookmarkSpan(dom, id + '_start', filled);
+        rangeInsertNode(dom, rng, startBookmarkNode);
+        selection.moveToBookmark({ id, keep: true, forward });
+        return { id, forward };
+    };
+    const getBookmark$3 = (selection, type, normalized = false) => {
+        if (type === 2) {
+            return getOffsetBookmark(trim$2, normalized, selection);
+        }
+        else if (type === 3) {
+            return getCaretBookmark(selection);
+        }
+        else if (type) {
+            return getRangeBookmark(selection);
+        }
+        else {
+            return getPersistentBookmark(selection, false);
+        }
+    };
+    const getUndoBookmark = curry(getOffsetBookmark, identity, true);
+
+    const isInlinePattern = (pattern) => pattern.type === 'inline-command' || pattern.type === 'inline-format';
+    const isBlockPattern = (pattern) => pattern.type === 'block-command' || pattern.type === 'block-format';
+    const hasBlockTrigger = (pattern, trigger) => (pattern.type === 'block-command' || pattern.type === 'block-format') && pattern.trigger === trigger;
+    const normalizePattern = (pattern) => {
+        var _a;
+        const err = (message) => Result.error({ message, pattern });
+        const formatOrCmd = (name, onFormat, onCommand) => {
+            if (pattern.format !== undefined) {
+                let formats;
+                if (isArray$1(pattern.format)) {
+                    if (!forall(pattern.format, isString)) {
+                        return err(name + ' pattern has non-string items in the `format` array');
+                    }
+                    formats = pattern.format;
+                }
+                else if (isString(pattern.format)) {
+                    formats = [pattern.format];
+                }
+                else {
+                    return err(name + ' pattern has non-string `format` parameter');
+                }
+                return Result.value(onFormat(formats));
+            }
+            else if (pattern.cmd !== undefined) {
+                if (!isString(pattern.cmd)) {
+                    return err(name + ' pattern has non-string `cmd` parameter');
+                }
+                return Result.value(onCommand(pattern.cmd, pattern.value));
+            }
+            else {
+                return err(name + ' pattern is missing both `format` and `cmd` parameters');
+            }
+        };
+        if (!isObject(pattern)) {
+            return err('Raw pattern is not an object');
+        }
+        if (!isString(pattern.start)) {
+            return err('Raw pattern is missing `start` parameter');
+        }
+        if (pattern.end !== undefined) {
+            // inline pattern
+            if (!isString(pattern.end)) {
+                return err('Inline pattern has non-string `end` parameter');
+            }
+            if (pattern.start.length === 0 && pattern.end.length === 0) {
+                return err('Inline pattern has empty `start` and `end` parameters');
+            }
+            let start = pattern.start;
+            let end = pattern.end;
+            // when the end is empty swap with start as it is more efficient
+            if (end.length === 0) {
+                end = start;
+                start = '';
+            }
+            return formatOrCmd('Inline', (format) => ({ type: 'inline-format', start, end, format }), (cmd, value) => ({ type: 'inline-command', start, end, cmd, value }));
+        }
+        else if (pattern.replacement !== undefined) {
+            // replacement pattern
+            if (!isString(pattern.replacement)) {
+                return err('Replacement pattern has non-string `replacement` parameter');
+            }
+            if (pattern.start.length === 0) {
+                return err('Replacement pattern has empty `start` parameter');
+            }
+            return Result.value({
+                type: 'inline-command',
+                start: '',
+                end: pattern.start,
+                cmd: 'mceInsertContent',
+                value: pattern.replacement
+            });
+        }
+        else {
+            // block pattern
+            const trigger = (_a = pattern.trigger) !== null && _a !== void 0 ? _a : 'space';
+            if (pattern.start.length === 0) {
+                return err('Block pattern has empty `start` parameter');
+            }
+            return formatOrCmd('Block', (formats) => ({
+                type: 'block-format',
+                start: pattern.start,
+                format: formats[0],
+                trigger
+            }), (command, commandValue) => ({
+                type: 'block-command',
+                start: pattern.start,
+                cmd: command,
+                value: commandValue,
+                trigger
+            }));
+        }
+    };
+    const getBlockPatterns = (patterns) => filter$5(patterns, isBlockPattern);
+    const getInlinePatterns = (patterns) => filter$5(patterns, isInlinePattern);
+    const createPatternSet = (patterns, dynamicPatternsLookup) => ({
+        inlinePatterns: getInlinePatterns(patterns),
+        blockPatterns: getBlockPatterns(patterns),
+        dynamicPatternsLookup
+    });
+    const filterByTrigger = (patterns, trigger) => {
+        return {
+            ...patterns,
+            blockPatterns: filter$5(patterns.blockPatterns, (pattern) => hasBlockTrigger(pattern, trigger))
+        };
+    };
+    const fromRawPatterns = (patterns) => {
+        const normalized = partition$1(map$3(patterns, normalizePattern));
+        // eslint-disable-next-line no-console
+        each$e(normalized.errors, (err) => console.error(err.message, err.pattern));
+        return normalized.values;
+    };
+    const fromRawPatternsLookup = (lookupFn) => {
+        return (ctx) => {
+            const rawPatterns = lookupFn(ctx);
+            return fromRawPatterns(rawPatterns);
+        };
+    };
+
+    const firePreProcess = (editor, args) => editor.dispatch('PreProcess', args);
+    const firePostProcess = (editor, args) => editor.dispatch('PostProcess', args);
+    const fireRemove = (editor) => {
+        editor.dispatch('remove');
+    };
+    const fireDetach = (editor) => {
+        editor.dispatch('detach');
+    };
+    const fireSwitchMode = (editor, mode) => {
+        editor.dispatch('SwitchMode', { mode });
+    };
+    const fireObjectResizeStart = (editor, target, width, height, origin) => {
+        editor.dispatch('ObjectResizeStart', { target, width, height, origin });
+    };
+    const fireObjectResized = (editor, target, width, height, origin) => {
+        editor.dispatch('ObjectResized', { target, width, height, origin });
+    };
+    const firePreInit = (editor) => {
+        editor.dispatch('PreInit');
+    };
+    const firePostRender = (editor) => {
+        editor.dispatch('PostRender');
+    };
+    const fireInit = (editor) => {
+        editor.dispatch('Init');
+    };
+    const firePlaceholderToggle = (editor, state) => {
+        editor.dispatch('PlaceholderToggle', { state });
+    };
+    const fireError = (editor, errorType, error) => {
+        editor.dispatch(errorType, error);
+    };
+    const fireFormatApply = (editor, format, node, vars) => {
+        editor.dispatch('FormatApply', { format, node, vars });
+    };
+    const fireFormatRemove = (editor, format, node, vars) => {
+        editor.dispatch('FormatRemove', { format, node, vars });
+    };
+    const fireBeforeSetContent = (editor, args) => editor.dispatch('BeforeSetContent', args);
+    const fireSetContent = (editor, args) => editor.dispatch('SetContent', args);
+    const fireBeforeGetContent = (editor, args) => editor.dispatch('BeforeGetContent', args);
+    const fireGetContent = (editor, args) => editor.dispatch('GetContent', args);
+    const fireAutocompleterStart = (editor, args) => {
+        editor.dispatch('AutocompleterStart', args);
+    };
+    const fireAutocompleterUpdate = (editor, args) => {
+        editor.dispatch('AutocompleterUpdate', args);
+    };
+    const fireAutocompleterUpdateActiveRange = (editor, args) => {
+        editor.dispatch('AutocompleterUpdateActiveRange', args);
+    };
+    const fireAutocompleterEnd = (editor) => {
+        editor.dispatch('AutocompleterEnd');
+    };
+    const firePastePreProcess = (editor, html, internal) => editor.dispatch('PastePreProcess', { content: html, internal });
+    const firePastePostProcess = (editor, node, internal) => editor.dispatch('PastePostProcess', { node, internal });
+    const firePastePlainTextToggle = (editor, state) => editor.dispatch('PastePlainTextToggle', { state });
+    const fireEditableRootStateChange = (editor, state) => editor.dispatch('EditableRootStateChange', { state });
+    const fireDisabledStateChange = (editor, state) => editor.dispatch('DisabledStateChange', { state });
+
+    const deviceDetection$1 = detect$1().deviceType;
+    const isTouch = deviceDetection$1.isTouch();
+    const DOM$a = DOMUtils.DOM;
+    const getHash = (value) => {
+        const items = value.indexOf('=') > 0 ? value.split(/[;,](?![^=;,]*(?:[;,]|$))/) : value.split(',');
+        return foldl(items, (output, item) => {
+            const arr = item.split('=');
+            const key = arr[0];
+            const val = arr.length > 1 ? arr[1] : key;
+            output[trim$4(key)] = trim$4(val);
+            return output;
+        }, {});
+    };
+    const isRegExp = (x) => is$4(x, RegExp);
+    const option = (name) => (editor) => editor.options.get(name);
+    const stringOrObjectProcessor = (value) => isString(value) || isObject(value);
+    const bodyOptionProcessor = (editor, defaultValue = '') => (value) => {
+        const valid = isString(value);
+        if (valid) {
+            if (value.indexOf('=') !== -1) {
+                const bodyObj = getHash(value);
+                return { value: get$a(bodyObj, editor.id).getOr(defaultValue), valid };
+            }
+            else {
+                return { value, valid };
+            }
+        }
+        else {
+            return { valid: false, message: 'Must be a string.' };
+        }
+    };
+    const register$7 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('id', {
+            processor: 'string',
+            default: editor.id
+        });
+        registerOption('selector', {
+            processor: 'string'
+        });
+        registerOption('target', {
+            processor: 'object'
+        });
+        registerOption('suffix', {
+            processor: 'string'
+        });
+        registerOption('cache_suffix', {
+            processor: 'string'
+        });
+        registerOption('base_url', {
+            processor: 'string'
+        });
+        registerOption('referrer_policy', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('language_load', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('inline', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('iframe_attrs', {
+            processor: 'object',
+            default: {}
+        });
+        registerOption('doctype', {
+            processor: 'string',
+            default: '<!DOCTYPE html>'
+        });
+        registerOption('document_base_url', {
+            processor: 'string',
+            default: editor.documentBaseUrl
+        });
+        registerOption('body_id', {
+            processor: bodyOptionProcessor(editor, 'tinymce'),
+            default: 'tinymce'
+        });
+        registerOption('body_class', {
+            processor: bodyOptionProcessor(editor),
+            default: ''
+        });
+        registerOption('content_security_policy', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('br_in_pre', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('forced_root_block', {
+            processor: (value) => {
+                const valid = isString(value) && isNotEmpty(value);
+                if (valid) {
+                    return { value, valid };
+                }
+                else {
+                    return { valid: false, message: 'Must be a non-empty string.' };
+                }
+            },
+            default: 'p'
+        });
+        registerOption('forced_root_block_attrs', {
+            processor: 'object',
+            default: {}
+        });
+        registerOption('newline_behavior', {
+            processor: (value) => {
+                const valid = contains$2(['block', 'linebreak', 'invert', 'default'], value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be one of: block, linebreak, invert or default.' };
+            },
+            default: 'default'
+        });
+        registerOption('br_newline_selector', {
+            processor: 'string',
+            default: '.mce-toc h2,figcaption,caption'
+        });
+        registerOption('no_newline_selector', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('keep_styles', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('end_container_on_empty_block', {
+            processor: (value) => {
+                if (isBoolean(value)) {
+                    return { valid: true, value };
+                }
+                else if (isString(value)) {
+                    return { valid: true, value };
+                }
+                else {
+                    return { valid: false, message: 'Must be boolean or a string' };
+                }
+            },
+            default: 'blockquote'
+        });
+        registerOption('font_size_style_values', {
+            processor: 'string',
+            default: 'xx-small,x-small,small,medium,large,x-large,xx-large'
+        });
+        registerOption('font_size_legacy_values', {
+            processor: 'string',
+            // See: http://www.w3.org/TR/CSS2/fonts.html#propdef-font-size
+            default: 'xx-small,small,medium,large,x-large,xx-large,300%'
+        });
+        registerOption('font_size_classes', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('automatic_uploads', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('images_reuse_filename', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('images_replace_blob_uris', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('icons', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('icons_url', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('images_upload_url', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('images_upload_base_path', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('images_upload_credentials', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('images_upload_handler', {
+            processor: 'function'
+        });
+        registerOption('language', {
+            processor: 'string',
+            default: 'en'
+        });
+        registerOption('language_url', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('entity_encoding', {
+            processor: 'string',
+            default: 'named'
+        });
+        registerOption('indent', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('indent_before', {
+            processor: 'string',
+            default: 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,' +
+                'tfoot,tbody,tr,section,details,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist'
+        });
+        registerOption('indent_after', {
+            processor: 'string',
+            default: 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,' +
+                'tfoot,tbody,tr,section,details,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist'
+        });
+        registerOption('indent_use_margin', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('indentation', {
+            processor: 'string',
+            default: '40px'
+        });
+        registerOption('content_css', {
+            processor: (value) => {
+                const valid = value === false || isString(value) || isArrayOf(value, isString);
+                if (valid) {
+                    if (isString(value)) {
+                        return { value: map$3(value.split(','), trim$4), valid };
+                    }
+                    else if (isArray$1(value)) {
+                        return { value, valid };
+                    }
+                    else if (value === false) {
+                        return { value: [], valid };
+                    }
+                    else {
+                        return { value, valid };
+                    }
+                }
+                else {
+                    return { valid: false, message: 'Must be false, a string or an array of strings.' };
+                }
+            },
+            default: isInline$1(editor) ? [] : ['default']
+        });
+        registerOption('content_style', {
+            processor: 'string'
+        });
+        registerOption('content_css_cors', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('font_css', {
+            processor: (value) => {
+                const valid = isString(value) || isArrayOf(value, isString);
+                if (valid) {
+                    const newValue = isArray$1(value) ? value : map$3(value.split(','), trim$4);
+                    return { value: newValue, valid };
+                }
+                else {
+                    return { valid: false, message: 'Must be a string or an array of strings.' };
+                }
+            },
+            default: []
+        });
+        registerOption('extended_mathml_attributes', {
+            processor: 'string[]'
+        });
+        registerOption('extended_mathml_elements', {
+            processor: 'string[]'
+        });
+        registerOption('inline_boundaries', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('inline_boundaries_selector', {
+            processor: 'string',
+            default: 'a[href],code,span.mce-annotation'
+        });
+        registerOption('object_resizing', {
+            processor: (value) => {
+                const valid = isBoolean(value) || isString(value);
+                if (valid) {
+                    if (value === false || deviceDetection$1.isiPhone() || deviceDetection$1.isiPad()) {
+                        return { value: '', valid };
+                    }
+                    else {
+                        return { value: value === true ? 'table,img,figure.image,div,video,iframe' : value, valid };
+                    }
+                }
+                else {
+                    return { valid: false, message: 'Must be boolean or a string' };
+                }
+            },
+            // No nice way to do object resizing on touch devices at this stage
+            default: !isTouch
+        });
+        registerOption('resize_img_proportional', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('event_root', {
+            processor: 'string'
+        });
+        registerOption('service_message', {
+            processor: 'string'
+        });
+        registerOption('onboarding', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('tiny_cloud_entry_url', {
+            processor: 'string'
+        });
+        registerOption('theme', {
+            processor: (value) => value === false || isString(value) || isFunction(value),
+            default: 'silver'
+        });
+        registerOption('theme_url', {
+            processor: 'string'
+        });
+        registerOption('formats', {
+            processor: 'object'
+        });
+        registerOption('format_empty_lines', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('format_noneditable_selector', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('preview_styles', {
+            processor: (value) => {
+                const valid = value === false || isString(value);
+                if (valid) {
+                    return { value: value === false ? '' : value, valid };
+                }
+                else {
+                    return { valid: false, message: 'Must be false or a string' };
+                }
+            },
+            default: 'font-family font-size font-weight font-style text-decoration text-transform color background-color border border-radius outline text-shadow'
+        });
+        registerOption('custom_ui_selector', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('hidden_input', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('submit_patch', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('encoding', {
+            processor: 'string'
+        });
+        registerOption('add_form_submit_trigger', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('add_unload_trigger', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('custom_undo_redo_levels', {
+            processor: 'number',
+            default: 0
+        });
+        registerOption('disable_nodechange', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('disabled', {
+            processor: (value) => {
+                if (isBoolean(value)) {
+                    if (editor.initialized && isDisabled$1(editor) !== value) {
+                        // Schedules the callback to run in the next microtask queue once the option is updated
+                        // TODO: TINY-11586 - Implement `onChange` callback when the value of an option changes
+                        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                        Promise.resolve().then(() => {
+                            fireDisabledStateChange(editor, value);
+                        });
+                    }
+                    return { valid: true, value };
+                }
+                return { valid: false, message: 'The value must be a boolean.' };
+            },
+            default: false
+        });
+        registerOption('readonly', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('editable_root', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('plugins', {
+            processor: 'string[]',
+            default: []
+        });
+        registerOption('external_plugins', {
+            processor: 'object'
+        });
+        registerOption('forced_plugins', {
+            processor: 'string[]'
+        });
+        registerOption('model', {
+            processor: 'string',
+            default: editor.hasPlugin('rtc') ? 'plugin' : 'dom'
+        });
+        registerOption('model_url', {
+            processor: 'string'
+        });
+        registerOption('block_unsupported_drop', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('visual', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('visual_table_class', {
+            processor: 'string',
+            default: 'mce-item-table'
+        });
+        registerOption('visual_anchor_class', {
+            processor: 'string',
+            default: 'mce-item-anchor'
+        });
+        registerOption('iframe_aria_text', {
+            processor: 'string',
+            default: 'Rich Text Area'.concat(editor.hasPlugin('help') ? '. Press ALT-0 for help.' : '')
+        });
+        registerOption('setup', {
+            processor: 'function'
+        });
+        registerOption('init_instance_callback', {
+            processor: 'function'
+        });
+        registerOption('url_converter', {
+            processor: 'function',
+            // Note: Don't bind here, as the binding is handled via the `url_converter_scope`
+            // eslint-disable-next-line @typescript-eslint/unbound-method
+            default: editor.convertURL
+        });
+        registerOption('url_converter_scope', {
+            processor: 'object',
+            default: editor
+        });
+        registerOption('urlconverter_callback', {
+            processor: 'function'
+        });
+        registerOption('allow_conditional_comments', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('allow_html_data_urls', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('allow_svg_data_urls', {
+            processor: 'boolean'
+        });
+        registerOption('allow_html_in_named_anchor', {
+            processor: 'boolean',
+            default: false
+        });
+        // TINY-11900: Set to default to `true` to avoid changing existing TinyMCE 7 behaviour
+        registerOption('allow_html_in_comments', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('allow_script_urls', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('allow_unsafe_link_target', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('allow_mathml_annotation_encodings', {
+            processor: (value) => {
+                const valid = isArrayOf(value, isString);
+                return valid ? { value, valid } : { valid: false, message: 'Must be an array of strings.' };
+            },
+            default: []
+        });
+        registerOption('convert_fonts_to_spans', {
+            processor: 'boolean',
+            default: true,
+            deprecated: true
+        });
+        registerOption('fix_list_elements', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('preserve_cdata', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('remove_trailing_brs', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('pad_empty_with_br', {
+            processor: 'boolean',
+            default: false,
+        });
+        registerOption('inline_styles', {
+            processor: 'boolean',
+            default: true,
+            deprecated: true
+        });
+        registerOption('element_format', {
+            processor: 'string',
+            default: 'html'
+        });
+        registerOption('entities', {
+            processor: 'string'
+        });
+        registerOption('schema', {
+            processor: 'string',
+            default: 'html5'
+        });
+        registerOption('convert_urls', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('relative_urls', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('remove_script_host', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('custom_elements', {
+            processor: stringOrObjectProcessor
+        });
+        registerOption('extended_valid_elements', {
+            processor: 'string'
+        });
+        registerOption('invalid_elements', {
+            processor: 'string'
+        });
+        registerOption('invalid_styles', {
+            processor: stringOrObjectProcessor
+        });
+        registerOption('valid_children', {
+            processor: 'string'
+        });
+        registerOption('valid_classes', {
+            processor: stringOrObjectProcessor
+        });
+        registerOption('valid_elements', {
+            processor: 'string'
+        });
+        registerOption('valid_styles', {
+            processor: stringOrObjectProcessor
+        });
+        registerOption('verify_html', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('auto_focus', {
+            processor: (value) => isString(value) || value === true
+        });
+        registerOption('browser_spellcheck', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('protect', {
+            processor: 'array'
+        });
+        registerOption('images_file_types', {
+            processor: 'string',
+            default: 'jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp'
+        });
+        registerOption('deprecation_warnings', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('a11y_advanced_options', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('api_key', {
+            processor: 'string'
+        });
+        registerOption('license_key', {
+            processor: 'string'
+        });
+        registerOption('paste_block_drop', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('paste_data_images', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('paste_preprocess', {
+            processor: 'function'
+        });
+        registerOption('paste_postprocess', {
+            processor: 'function'
+        });
+        registerOption('paste_webkit_styles', {
+            processor: 'string',
+            default: 'none'
+        });
+        registerOption('paste_remove_styles_if_webkit', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('paste_merge_formats', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('smart_paste', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('paste_as_text', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('paste_tab_spaces', {
+            processor: 'number',
+            default: 4
+        });
+        registerOption('text_patterns', {
+            processor: (value) => {
+                if (isArrayOf(value, isObject) || value === false) {
+                    const patterns = value === false ? [] : value;
+                    return { value: fromRawPatterns(patterns), valid: true };
+                }
+                else {
+                    return { valid: false, message: 'Must be an array of objects or false.' };
+                }
+            },
+            default: [
+                { start: '*', end: '*', format: 'italic' },
+                { start: '**', end: '**', format: 'bold' },
+                { start: '#', format: 'h1', trigger: 'space' },
+                { start: '##', format: 'h2', trigger: 'space' },
+                { start: '###', format: 'h3', trigger: 'space' },
+                { start: '####', format: 'h4', trigger: 'space' },
+                { start: '#####', format: 'h5', trigger: 'space' },
+                { start: '######', format: 'h6', trigger: 'space' },
+                { start: '1.', cmd: 'InsertOrderedList', trigger: 'space' },
+                { start: '*', cmd: 'InsertUnorderedList', trigger: 'space' },
+                { start: '-', cmd: 'InsertUnorderedList', trigger: 'space' },
+                { start: '>', cmd: 'mceBlockQuote', trigger: 'space' },
+                { start: '---', cmd: 'InsertHorizontalRule', trigger: 'space' },
+            ]
+        });
+        registerOption('text_patterns_lookup', {
+            processor: (value) => {
+                if (isFunction(value)) {
+                    return {
+                        value: fromRawPatternsLookup(value),
+                        valid: true,
+                    };
+                }
+                else {
+                    return { valid: false, message: 'Must be a single function' };
+                }
+            },
+            default: (_ctx) => []
+        });
+        registerOption('noneditable_class', {
+            processor: 'string',
+            default: 'mceNonEditable'
+        });
+        registerOption('editable_class', {
+            processor: 'string',
+            default: 'mceEditable'
+        });
+        registerOption('noneditable_regexp', {
+            processor: (value) => {
+                if (isArrayOf(value, isRegExp)) {
+                    return { value, valid: true };
+                }
+                else if (isRegExp(value)) {
+                    return { value: [value], valid: true };
+                }
+                else {
+                    return { valid: false, message: 'Must be a RegExp or an array of RegExp.' };
+                }
+            },
+            default: []
+        });
+        registerOption('table_tab_navigation', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('highlight_on_focus', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('xss_sanitization', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('details_initial_state', {
+            processor: (value) => {
+                const valid = contains$2(['inherited', 'collapsed', 'expanded'], value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be one of: inherited, collapsed, or expanded.' };
+            },
+            default: 'inherited'
+        });
+        registerOption('details_serialized_state', {
+            processor: (value) => {
+                const valid = contains$2(['inherited', 'collapsed', 'expanded'], value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be one of: inherited, collapsed, or expanded.' };
+            },
+            default: 'inherited'
+        });
+        registerOption('init_content_sync', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('newdocument_content', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('sandbox_iframes', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('sandbox_iframes_exclusions', {
+            processor: 'string[]',
+            default: [
+                'youtube.com',
+                'youtu.be',
+                'vimeo.com',
+                'player.vimeo.com',
+                'dailymotion.com',
+                'embed.music.apple.com',
+                'open.spotify.com',
+                'giphy.com',
+                'dai.ly',
+                'codepen.io',
+            ]
+        });
+        registerOption('convert_unsafe_embeds', {
+            processor: 'boolean',
+            default: true
+        });
+        // These options must be registered later in the init sequence due to their default values
+        editor.on('ScriptsLoaded', () => {
+            registerOption('directionality', {
+                processor: 'string',
+                default: I18n.isRtl() ? 'rtl' : undefined
+            });
+            registerOption('placeholder', {
+                processor: 'string',
+                // Fallback to the original elements placeholder if not set in the settings
+                default: DOM$a.getAttrib(editor.getElement(), 'placeholder')
+            });
+        });
+    };
+    const getIframeAttrs = option('iframe_attrs');
+    const getDocType = option('doctype');
+    const getDocumentBaseUrl = option('document_base_url');
+    const getBodyId = option('body_id');
+    const getBodyClass = option('body_class');
+    const getContentSecurityPolicy = option('content_security_policy');
+    const shouldPutBrInPre$1 = option('br_in_pre');
+    const getForcedRootBlock = option('forced_root_block');
+    const getForcedRootBlockAttrs = option('forced_root_block_attrs');
+    const getNewlineBehavior = option('newline_behavior');
+    const getBrNewLineSelector = option('br_newline_selector');
+    const getNoNewLineSelector = option('no_newline_selector');
+    const shouldKeepStyles = option('keep_styles');
+    const shouldEndContainerOnEmptyBlock = option('end_container_on_empty_block');
+    const isAutomaticUploadsEnabled = option('automatic_uploads');
+    const shouldReuseFileName = option('images_reuse_filename');
+    const shouldReplaceBlobUris = option('images_replace_blob_uris');
+    const getIconPackName = option('icons');
+    const getIconsUrl = option('icons_url');
+    const getImageUploadUrl = option('images_upload_url');
+    const getImageUploadBasePath = option('images_upload_base_path');
+    const getImagesUploadCredentials = option('images_upload_credentials');
+    const getImagesUploadHandler = option('images_upload_handler');
+    const shouldUseContentCssCors = option('content_css_cors');
+    const getReferrerPolicy = option('referrer_policy');
+    const getLanguageCode = option('language');
+    const getLanguageUrl = option('language_url');
+    const shouldIndentUseMargin = option('indent_use_margin');
+    const getIndentation = option('indentation');
+    const getContentCss = option('content_css');
+    const getContentStyle = option('content_style');
+    const getFontCss = option('font_css');
+    const getDirectionality = option('directionality');
+    const getInlineBoundarySelector = option('inline_boundaries_selector');
+    const getObjectResizing = option('object_resizing');
+    const getResizeImgProportional = option('resize_img_proportional');
+    const getPlaceholder = option('placeholder');
+    const getEventRoot = option('event_root');
+    const getServiceMessage = option('service_message');
+    const getTheme = option('theme');
+    const getThemeUrl = option('theme_url');
+    const getModel = option('model');
+    const getModelUrl = option('model_url');
+    const isInlineBoundariesEnabled = option('inline_boundaries');
+    const getFormats = option('formats');
+    const getPreviewStyles = option('preview_styles');
+    const canFormatEmptyLines = option('format_empty_lines');
+    const getFormatNoneditableSelector = option('format_noneditable_selector');
+    const getCustomUiSelector = option('custom_ui_selector');
+    const isInline$1 = option('inline');
+    const hasHiddenInput = option('hidden_input');
+    const shouldPatchSubmit = option('submit_patch');
+    const shouldAddFormSubmitTrigger = option('add_form_submit_trigger');
+    const shouldAddUnloadTrigger = option('add_unload_trigger');
+    const getCustomUndoRedoLevels = option('custom_undo_redo_levels');
+    const shouldDisableNodeChange = option('disable_nodechange');
+    const isReadOnly$1 = option('readonly');
+    const hasEditableRoot$1 = option('editable_root');
+    const hasContentCssCors = option('content_css_cors');
+    const getPlugins = option('plugins');
+    const getExternalPlugins$1 = option('external_plugins');
+    const shouldBlockUnsupportedDrop = option('block_unsupported_drop');
+    const isVisualAidsEnabled = option('visual');
+    const getVisualAidsTableClass = option('visual_table_class');
+    const getVisualAidsAnchorClass = option('visual_anchor_class');
+    const getIframeAriaText = option('iframe_aria_text');
+    const getSetupCallback = option('setup');
+    const getInitInstanceCallback = option('init_instance_callback');
+    const getUrlConverterCallback = option('urlconverter_callback');
+    const getAutoFocus = option('auto_focus');
+    const shouldBrowserSpellcheck = option('browser_spellcheck');
+    const getProtect = option('protect');
+    const shouldPasteBlockDrop = option('paste_block_drop');
+    const shouldPasteDataImages = option('paste_data_images');
+    const getPastePreProcess = option('paste_preprocess');
+    const getPastePostProcess = option('paste_postprocess');
+    const getNewDocumentContent = option('newdocument_content');
+    const getPasteWebkitStyles = option('paste_webkit_styles');
+    const shouldPasteRemoveWebKitStyles = option('paste_remove_styles_if_webkit');
+    const shouldPasteMergeFormats = option('paste_merge_formats');
+    const isSmartPasteEnabled = option('smart_paste');
+    const isPasteAsTextEnabled = option('paste_as_text');
+    const getPasteTabSpaces = option('paste_tab_spaces');
+    const shouldAllowHtmlDataUrls = option('allow_html_data_urls');
+    const getTextPatterns = option('text_patterns');
+    const getTextPatternsLookup = option('text_patterns_lookup');
+    const getNonEditableClass = option('noneditable_class');
+    const getEditableClass = option('editable_class');
+    const getNonEditableRegExps = option('noneditable_regexp');
+    const shouldPreserveCData = option('preserve_cdata');
+    const shouldHighlightOnFocus = option('highlight_on_focus');
+    const shouldSanitizeXss = option('xss_sanitization');
+    const shouldUseDocumentWrite = option('init_content_sync');
+    const hasTextPatternsLookup = (editor) => editor.options.isSet('text_patterns_lookup');
+    const getFontStyleValues = (editor) => Tools.explode(editor.options.get('font_size_style_values'));
+    const getFontSizeClasses = (editor) => Tools.explode(editor.options.get('font_size_classes'));
+    const isEncodingXml = (editor) => editor.options.get('encoding') === 'xml';
+    const getAllowedImageFileTypes = (editor) => Tools.explode(editor.options.get('images_file_types'));
+    const hasTableTabNavigation = option('table_tab_navigation');
+    const getDetailsInitialState = option('details_initial_state');
+    const getDetailsSerializedState = option('details_serialized_state');
+    const shouldSandboxIframes = option('sandbox_iframes');
+    const getSandboxIframesExclusions = (editor) => editor.options.get('sandbox_iframes_exclusions');
+    const shouldConvertUnsafeEmbeds = option('convert_unsafe_embeds');
+    const getLicenseKey = option('license_key');
+    const getApiKey = option('api_key');
+    const isDisabled$1 = option('disabled');
+
+    const isElement$3 = isElement$6;
+    const isText$5 = isText$b;
+    const removeNode$1 = (node) => {
+        const parentNode = node.parentNode;
+        if (parentNode) {
+            parentNode.removeChild(node);
+        }
+    };
+    const trimCount = (text) => {
+        const trimmedText = trim$2(text);
+        return {
+            count: text.length - trimmedText.length,
+            text: trimmedText
+        };
+    };
+    const deleteZwspChars = (caretContainer) => {
+        // We use the Text.deleteData API here so as to preserve selection offsets
+        let idx;
+        while ((idx = caretContainer.data.lastIndexOf(ZWSP$1)) !== -1) {
+            caretContainer.deleteData(idx, 1);
+        }
+    };
+    const removeUnchanged = (caretContainer, pos) => {
+        remove$2(caretContainer);
+        return pos;
+    };
+    const removeTextAndReposition = (caretContainer, pos) => {
+        const before = trimCount(caretContainer.data.substr(0, pos.offset()));
+        const after = trimCount(caretContainer.data.substr(pos.offset()));
+        const text = before.text + after.text;
+        if (text.length > 0) {
+            deleteZwspChars(caretContainer);
+            return CaretPosition(caretContainer, pos.offset() - before.count);
+        }
+        else {
+            return pos;
+        }
+    };
+    const removeElementAndReposition = (caretContainer, pos) => {
+        const parentNode = pos.container();
+        const newPosition = indexOf$1(from(parentNode.childNodes), caretContainer)?.map((index) => {
+            return index < pos.offset() ? CaretPosition(parentNode, pos.offset() - 1) : pos;
+        }).getOr(pos);
+        remove$2(caretContainer);
+        return newPosition;
+    };
+    const removeTextCaretContainer = (caretContainer, pos) => isText$5(caretContainer) && pos.container() === caretContainer ? removeTextAndReposition(caretContainer, pos) : removeUnchanged(caretContainer, pos);
+    const removeElementCaretContainer = (caretContainer, pos) => pos.container() === caretContainer.parentNode ? removeElementAndReposition(caretContainer, pos) : removeUnchanged(caretContainer, pos);
+    const removeAndReposition = (container, pos) => CaretPosition.isTextPosition(pos) ? removeTextCaretContainer(container, pos) : removeElementCaretContainer(container, pos);
+    const remove$2 = (caretContainerNode) => {
+        if (isElement$3(caretContainerNode) && isCaretContainer$2(caretContainerNode)) {
+            if (hasContent(caretContainerNode)) {
+                caretContainerNode.removeAttribute('data-mce-caret');
+            }
+            else {
+                removeNode$1(caretContainerNode);
+            }
+        }
+        if (isText$5(caretContainerNode)) {
+            deleteZwspChars(caretContainerNode);
+            if (caretContainerNode.data.length === 0) {
+                removeNode$1(caretContainerNode);
+            }
+        }
+    };
+
+    const isContentEditableFalse$7 = isContentEditableFalse$a;
+    const isMedia$1 = isMedia$2;
+    const isTableCell$1 = isTableCell$3;
+    const inlineFakeCaretSelector = '*[contentEditable=false],video,audio,embed,object';
+    const getAbsoluteClientRect = (root, element, before) => {
+        const clientRect = collapse(element.getBoundingClientRect(), before);
+        let scrollX;
+        let scrollY;
+        if (root.tagName === 'BODY') {
+            const docElm = root.ownerDocument.documentElement;
+            scrollX = root.scrollLeft || docElm.scrollLeft;
+            scrollY = root.scrollTop || docElm.scrollTop;
+        }
+        else {
+            const rootRect = root.getBoundingClientRect();
+            scrollX = root.scrollLeft - rootRect.left;
+            scrollY = root.scrollTop - rootRect.top;
+        }
+        clientRect.left += scrollX;
+        clientRect.right += scrollX;
+        clientRect.top += scrollY;
+        clientRect.bottom += scrollY;
+        clientRect.width = 1;
+        let margin = element.offsetWidth - element.clientWidth;
+        if (margin > 0) {
+            if (before) {
+                margin *= -1;
+            }
+            clientRect.left += margin;
+            clientRect.right += margin;
+        }
+        return clientRect;
+    };
+    const trimInlineCaretContainers = (root) => {
+        var _a, _b;
+        const fakeCaretTargetNodes = descendants(SugarElement.fromDom(root), inlineFakeCaretSelector);
+        for (let i = 0; i < fakeCaretTargetNodes.length; i++) {
+            const node = fakeCaretTargetNodes[i].dom;
+            let sibling = node.previousSibling;
+            if (endsWithCaretContainer$1(sibling)) {
+                const data = sibling.data;
+                if (data.length === 1) {
+                    (_a = sibling.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(sibling);
+                }
+                else {
+                    sibling.deleteData(data.length - 1, 1);
+                }
+            }
+            sibling = node.nextSibling;
+            if (startsWithCaretContainer$1(sibling)) {
+                const data = sibling.data;
+                if (data.length === 1) {
+                    (_b = sibling.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(sibling);
+                }
+                else {
+                    sibling.deleteData(0, 1);
+                }
+            }
+        }
+    };
+    const FakeCaret = (editor, root, isBlock, hasFocus) => {
+        const lastVisualCaret = value$2();
+        let cursorInterval;
+        let caretContainerNode;
+        const caretBlock = getForcedRootBlock(editor);
+        const dom = editor.dom;
+        const show = (before, element) => {
+            let rng;
+            hide();
+            if (isTableCell$1(element)) {
+                return null;
+            }
+            if (isBlock(element)) {
+                const caretContainer = insertBlock(caretBlock, element, before);
+                const clientRect = getAbsoluteClientRect(root, element, before);
+                dom.setStyle(caretContainer, 'top', clientRect.top);
+                dom.setStyle(caretContainer, 'caret-color', 'transparent');
+                caretContainerNode = caretContainer;
+                const caret = dom.create('div', { 'class': 'mce-visual-caret', 'data-mce-bogus': 'all' });
+                dom.setStyles(caret, { ...clientRect });
+                dom.add(root, caret);
+                lastVisualCaret.set({ caret, element, before });
+                if (before) {
+                    dom.addClass(caret, 'mce-visual-caret-before');
+                }
+                startBlink();
+                rng = element.ownerDocument.createRange();
+                rng.setStart(caretContainer, 0);
+                rng.setEnd(caretContainer, 0);
+            }
+            else {
+                caretContainerNode = insertInline$1(element, before);
+                rng = element.ownerDocument.createRange();
+                if (isInlineFakeCaretTarget(caretContainerNode.nextSibling)) {
+                    rng.setStart(caretContainerNode, 0);
+                    rng.setEnd(caretContainerNode, 0);
+                }
+                else {
+                    rng.setStart(caretContainerNode, 1);
+                    rng.setEnd(caretContainerNode, 1);
+                }
+                return rng;
+            }
+            return rng;
+        };
+        const hide = () => {
+            // TODO: TINY-6015 - Ensure cleaning up the fake caret preserves the selection, as currently
+            //  the CaretContainerRemove.remove below will change the selection in some cases
+            trimInlineCaretContainers(root);
+            if (caretContainerNode) {
+                remove$2(caretContainerNode);
+                caretContainerNode = null;
+            }
+            lastVisualCaret.on((caretState) => {
+                dom.remove(caretState.caret);
+                lastVisualCaret.clear();
+            });
+            if (cursorInterval) {
+                clearInterval(cursorInterval);
+                cursorInterval = undefined;
+            }
+        };
+        const startBlink = () => {
+            cursorInterval = window.setInterval(() => {
+                lastVisualCaret.on((caretState) => {
+                    if (hasFocus()) {
+                        dom.toggleClass(caretState.caret, 'mce-visual-caret-hidden');
+                    }
+                    else {
+                        dom.addClass(caretState.caret, 'mce-visual-caret-hidden');
+                    }
+                });
+            }, 500);
+        };
+        const reposition = () => {
+            lastVisualCaret.on((caretState) => {
+                const clientRect = getAbsoluteClientRect(root, caretState.element, caretState.before);
+                dom.setStyles(caretState.caret, { ...clientRect });
+            });
+        };
+        const destroy = () => clearInterval(cursorInterval);
+        const getCss = () => ('.mce-visual-caret {' +
+            'position: absolute;' +
+            'background-color: black;' +
+            'background-color: currentcolor;' +
+            // 'background-color: red;' +
+            '}' +
+            '.mce-visual-caret-hidden {' +
+            'display: none;' +
+            '}' +
+            '*[data-mce-caret] {' +
+            'position: absolute;' +
+            'left: -1000px;' +
+            'right: auto;' +
+            'top: 0;' +
+            'margin: 0;' +
+            'padding: 0;' +
+            '}');
+        return {
+            isShowing: lastVisualCaret.isSet,
+            show,
+            hide,
+            getCss,
+            reposition,
+            destroy
+        };
+    };
+    const isFakeCaretTableBrowser = () => Env.browser.isFirefox();
+    const isInlineFakeCaretTarget = (node) => isContentEditableFalse$7(node) || isMedia$1(node);
+    const isFakeCaretTarget = (node) => {
+        const isTarget = isInlineFakeCaretTarget(node) || (isTable$2(node) && isFakeCaretTableBrowser());
+        return isTarget && parentElement(SugarElement.fromDom(node)).exists(isEditable$2);
+    };
+
+    const isContentEditableTrue$1 = isContentEditableTrue$3;
+    const isContentEditableFalse$6 = isContentEditableFalse$a;
+    const isMedia = isMedia$2;
+    const isBlockLike = matchStyleValues('display', 'block table table-cell table-row table-caption list-item');
+    const isCaretContainer = isCaretContainer$2;
+    const isCaretContainerBlock = isCaretContainerBlock$1;
+    const isElement$2 = isElement$6;
+    const isText$4 = isText$b;
+    const isCaretCandidate$1 = isCaretCandidate$3;
+    const isForwards = (direction) => direction === 1 /* HDirection.Forwards */;
+    const isBackwards = (direction) => direction === -1 /* HDirection.Backwards */;
+    const skipCaretContainers = (walk, shallow) => {
+        let node;
+        while ((node = walk(shallow))) {
+            if (!isCaretContainerBlock(node)) {
+                return node;
+            }
+        }
+        return null;
+    };
+    const findNode = (node, direction, predicateFn, rootNode, shallow) => {
+        const walker = new DomTreeWalker(node, rootNode);
+        const isCefOrCaretContainer = isContentEditableFalse$6(node) || isCaretContainerBlock(node);
+        let tempNode;
+        if (isBackwards(direction)) {
+            if (isCefOrCaretContainer) {
+                tempNode = skipCaretContainers(walker.prev.bind(walker), true);
+                if (predicateFn(tempNode)) {
+                    return tempNode;
+                }
+            }
+            while ((tempNode = skipCaretContainers(walker.prev.bind(walker), shallow))) {
+                if (predicateFn(tempNode)) {
+                    return tempNode;
+                }
+            }
+        }
+        if (isForwards(direction)) {
+            if (isCefOrCaretContainer) {
+                tempNode = skipCaretContainers(walker.next.bind(walker), true);
+                if (predicateFn(tempNode)) {
+                    return tempNode;
+                }
+            }
+            while ((tempNode = skipCaretContainers(walker.next.bind(walker), shallow))) {
+                if (predicateFn(tempNode)) {
+                    return tempNode;
+                }
+            }
+        }
+        return null;
+    };
+    const getEditingHost = (node, rootNode) => {
+        const isCETrue = (node) => isContentEditableTrue$1(node.dom);
+        const isRoot = (node) => node.dom === rootNode;
+        return ancestor$4(SugarElement.fromDom(node), isCETrue, isRoot)
+            ?.map((elm) => elm.dom)
+            .getOr(rootNode);
+    };
+    const getParentBlock$3 = (node, rootNode) => {
+        while (node && node !== rootNode) {
+            if (isBlockLike(node)) {
+                return node;
+            }
+            node = node.parentNode;
+        }
+        return null;
+    };
+    const isInSameBlock = (caretPosition1, caretPosition2, rootNode) => getParentBlock$3(caretPosition1.container(), rootNode) === getParentBlock$3(caretPosition2.container(), rootNode);
+    const getChildNodeAtRelativeOffset = (relativeOffset, caretPosition) => {
+        if (!caretPosition) {
+            return Optional.none();
+        }
+        const container = caretPosition.container();
+        const offset = caretPosition.offset();
+        if (!isElement$2(container)) {
+            return Optional.none();
+        }
+        return Optional.from(container.childNodes[offset + relativeOffset]);
+    };
+    const beforeAfter = (before, node) => {
+        var _a;
+        const doc = (_a = node.ownerDocument) !== null && _a !== void 0 ? _a : document;
+        const range = doc.createRange();
+        if (before) {
+            range.setStartBefore(node);
+            range.setEndBefore(node);
+        }
+        else {
+            range.setStartAfter(node);
+            range.setEndAfter(node);
+        }
+        return range;
+    };
+    const isNodesInSameBlock = (root, node1, node2) => getParentBlock$3(node1, root) === getParentBlock$3(node2, root);
+    const lean = (left, root, node) => {
+        const siblingName = left ? 'previousSibling' : 'nextSibling';
+        let tempNode = node;
+        while (tempNode && tempNode !== root) {
+            let sibling = tempNode[siblingName];
+            if (sibling && isCaretContainer(sibling)) {
+                sibling = sibling[siblingName];
+            }
+            if (isContentEditableFalse$6(sibling) || isMedia(sibling)) {
+                if (isNodesInSameBlock(root, sibling, tempNode)) {
+                    return sibling;
+                }
+                break;
+            }
+            if (isCaretCandidate$1(sibling)) {
+                break;
+            }
+            tempNode = tempNode.parentNode;
+        }
+        return null;
+    };
+    const before$1 = curry(beforeAfter, true);
+    const after$1 = curry(beforeAfter, false);
+    const normalizeRange = (direction, root, range) => {
+        let node;
+        const leanLeft = curry(lean, true, root);
+        const leanRight = curry(lean, false, root);
+        const container = range.startContainer;
+        const offset = range.startOffset;
+        if (isCaretContainerBlock$1(container)) {
+            const block = isText$4(container) ? container.parentNode : container;
+            const location = block.getAttribute('data-mce-caret');
+            if (location === 'before') {
+                node = block.nextSibling;
+                if (isFakeCaretTarget(node)) {
+                    return before$1(node);
+                }
+            }
+            if (location === 'after') {
+                node = block.previousSibling;
+                if (isFakeCaretTarget(node)) {
+                    return after$1(node);
+                }
+            }
+        }
+        if (!range.collapsed) {
+            return range;
+        }
+        if (isText$b(container)) {
+            if (isCaretContainer(container)) {
+                if (direction === 1) {
+                    node = leanRight(container);
+                    if (node) {
+                        return before$1(node);
+                    }
+                    node = leanLeft(container);
+                    if (node) {
+                        return after$1(node);
+                    }
+                }
+                if (direction === -1) {
+                    node = leanLeft(container);
+                    if (node) {
+                        return after$1(node);
+                    }
+                    node = leanRight(container);
+                    if (node) {
+                        return before$1(node);
+                    }
+                }
+                return range;
+            }
+            if (endsWithCaretContainer$1(container) && offset >= container.data.length - 1) {
+                if (direction === 1) {
+                    node = leanRight(container);
+                    if (node) {
+                        return before$1(node);
+                    }
+                }
+                return range;
+            }
+            if (startsWithCaretContainer$1(container) && offset <= 1) {
+                if (direction === -1) {
+                    node = leanLeft(container);
+                    if (node) {
+                        return after$1(node);
+                    }
+                }
+                return range;
+            }
+            if (offset === container.data.length) {
+                node = leanRight(container);
+                if (node) {
+                    return before$1(node);
+                }
+                return range;
+            }
+            if (offset === 0) {
+                node = leanLeft(container);
+                if (node) {
+                    return after$1(node);
+                }
+                return range;
+            }
+        }
+        return range;
+    };
+    const getRelativeCefElm = (forward, caretPosition) => getChildNodeAtRelativeOffset(forward ? 0 : -1, caretPosition).filter(isContentEditableFalse$6);
+    const getNormalizedRangeEndPoint = (direction, root, range) => {
+        const normalizedRange = normalizeRange(direction, root, range);
+        return direction === -1 ? CaretPosition.fromRangeStart(normalizedRange) : CaretPosition.fromRangeEnd(normalizedRange);
+    };
+    const getElementFromPosition = (pos) => Optional.from(pos.getNode())?.map(SugarElement.fromDom);
+    const getElementFromPrevPosition = (pos) => Optional.from(pos.getNode(true))?.map(SugarElement.fromDom);
+    const getVisualCaretPosition = (walkFn, caretPosition) => {
+        let pos = caretPosition;
+        while ((pos = walkFn(pos))) {
+            if (pos.isVisible()) {
+                return pos;
+            }
+        }
+        return pos;
+    };
+    const isMoveInsideSameBlock = (from, to) => {
+        const inSameBlock = isInSameBlock(from, to);
+        // Handle bogus BR <p>abc|<br></p>
+        if (!inSameBlock && isBr$6(from.getNode())) {
+            return true;
+        }
+        return inSameBlock;
+    };
+
+    const isContentEditableFalse$5 = isContentEditableFalse$a;
+    const isText$3 = isText$b;
+    const isElement$1 = isElement$6;
+    const isBr$2 = isBr$6;
+    const isCaretCandidate = isCaretCandidate$3;
+    const isAtomic = isAtomic$1;
+    const isEditableCaretCandidate = isEditableCaretCandidate$1;
+    const getParents$3 = (node, root) => {
+        const parents = [];
+        let tempNode = node;
+        while (tempNode && tempNode !== root) {
+            parents.push(tempNode);
+            tempNode = tempNode.parentNode;
+        }
+        return parents;
+    };
+    const nodeAtIndex = (container, offset) => {
+        if (container.hasChildNodes() && offset < container.childNodes.length) {
+            return container.childNodes[offset];
+        }
+        return null;
+    };
+    const getCaretCandidatePosition = (direction, node) => {
+        if (isForwards(direction)) {
+            if (isCaretCandidate(node.previousSibling) && !isText$3(node.previousSibling)) {
+                return CaretPosition.before(node);
+            }
+            if (isText$3(node)) {
+                return CaretPosition(node, 0);
+            }
+        }
+        if (isBackwards(direction)) {
+            if (isCaretCandidate(node.nextSibling) && !isText$3(node.nextSibling)) {
+                return CaretPosition.after(node);
+            }
+            if (isText$3(node)) {
+                return CaretPosition(node, node.data.length);
+            }
+        }
+        if (isBackwards(direction)) {
+            if (isBr$2(node)) {
+                return CaretPosition.before(node);
+            }
+            return CaretPosition.after(node);
+        }
+        return CaretPosition.before(node);
+    };
+    const moveForwardFromBr = (root, nextNode) => {
+        const nextSibling = nextNode.nextSibling;
+        if (nextSibling && isCaretCandidate(nextSibling)) {
+            if (isText$3(nextSibling)) {
+                return CaretPosition(nextSibling, 0);
+            }
+            else {
+                return CaretPosition.before(nextSibling);
+            }
+        }
+        else {
+            return findCaretPosition$1(1 /* HDirection.Forwards */, CaretPosition.after(nextNode), root);
+        }
+    };
+    const findCaretPosition$1 = (direction, startPos, root) => {
+        let node;
+        let nextNode;
+        let innerNode;
+        let caretPosition;
+        if (!isElement$1(root) || !startPos) {
+            return null;
+        }
+        if (startPos.isEqual(CaretPosition.after(root)) && root.lastChild) {
+            caretPosition = CaretPosition.after(root.lastChild);
+            if (isBackwards(direction) && isCaretCandidate(root.lastChild) && isElement$1(root.lastChild)) {
+                return isBr$2(root.lastChild) ? CaretPosition.before(root.lastChild) : caretPosition;
+            }
+        }
+        else {
+            caretPosition = startPos;
+        }
+        const container = caretPosition.container();
+        let offset = caretPosition.offset();
+        if (isText$3(container)) {
+            if (isBackwards(direction) && offset > 0) {
+                return CaretPosition(container, --offset);
+            }
+            if (isForwards(direction) && offset < container.length) {
+                return CaretPosition(container, ++offset);
+            }
+            node = container;
+        }
+        else {
+            if (isBackwards(direction) && offset > 0) {
+                nextNode = nodeAtIndex(container, offset - 1);
+                if (isCaretCandidate(nextNode)) {
+                    if (!isAtomic(nextNode)) {
+                        innerNode = findNode(nextNode, direction, isEditableCaretCandidate, nextNode);
+                        if (innerNode) {
+                            if (isText$3(innerNode)) {
+                                return CaretPosition(innerNode, innerNode.data.length);
+                            }
+                            return CaretPosition.after(innerNode);
+                        }
+                    }
+                    if (isText$3(nextNode)) {
+                        return CaretPosition(nextNode, nextNode.data.length);
+                    }
+                    return CaretPosition.before(nextNode);
+                }
+            }
+            if (isForwards(direction) && offset < container.childNodes.length) {
+                nextNode = nodeAtIndex(container, offset);
+                if (isCaretCandidate(nextNode)) {
+                    if (isBr$2(nextNode)) {
+                        return moveForwardFromBr(root, nextNode);
+                    }
+                    if (!isAtomic(nextNode)) {
+                        innerNode = findNode(nextNode, direction, isEditableCaretCandidate, nextNode);
+                        if (innerNode) {
+                            if (isText$3(innerNode)) {
+                                return CaretPosition(innerNode, 0);
+                            }
+                            return CaretPosition.before(innerNode);
+                        }
+                    }
+                    if (isText$3(nextNode)) {
+                        return CaretPosition(nextNode, 0);
+                    }
+                    return CaretPosition.after(nextNode);
+                }
+            }
+            node = nextNode ? nextNode : caretPosition.getNode();
+        }
+        if (node && ((isForwards(direction) && caretPosition.isAtEnd()) || (isBackwards(direction) && caretPosition.isAtStart()))) {
+            node = findNode(node, direction, always, root, true);
+            if (isEditableCaretCandidate(node, root)) {
+                return getCaretCandidatePosition(direction, node);
+            }
+        }
+        nextNode = node ? findNode(node, direction, isEditableCaretCandidate, root) : node;
+        const rootContentEditableFalseElm = last(filter$5(getParents$3(container, root), isContentEditableFalse$5));
+        if (rootContentEditableFalseElm && (!nextNode || !rootContentEditableFalseElm.contains(nextNode))) {
+            if (isForwards(direction)) {
+                caretPosition = CaretPosition.after(rootContentEditableFalseElm);
+            }
+            else {
+                caretPosition = CaretPosition.before(rootContentEditableFalseElm);
+            }
+            return caretPosition;
+        }
+        if (nextNode) {
+            return getCaretCandidatePosition(direction, nextNode);
+        }
+        return null;
+    };
+    const CaretWalker = (root) => ({
+        /**
+           * Returns the next logical caret position from the specified input
+           * caretPosition or null if there isn't any more positions left for example
+           * at the end specified root element.
+           *
+           * @method next
+           * @param {tinymce.caret.CaretPosition} caretPosition Caret position to start from.
+           * @return {tinymce.caret.CaretPosition} CaretPosition or null if no position was found.
+           */
+        next: (caretPosition) => {
+            return findCaretPosition$1(1 /* HDirection.Forwards */, caretPosition, root);
+        },
+        /**
+           * Returns the previous logical caret position from the specified input
+           * caretPosition or null if there isn't any more positions left for example
+           * at the end specified root element.
+           *
+           * @method prev
+           * @param {tinymce.caret.CaretPosition} caretPosition Caret position to start from.
+           * @return {tinymce.caret.CaretPosition} CaretPosition or null if no position was found.
+           */
+        prev: (caretPosition) => {
+            return findCaretPosition$1(-1 /* HDirection.Backwards */, caretPosition, root);
+        }
+    });
+
+    const walkToPositionIn = (forward, root, start) => {
+        const position = forward ? CaretPosition.before(start) : CaretPosition.after(start);
+        return fromPosition(forward, root, position);
+    };
+    const afterElement = (node) => isBr$6(node) ? CaretPosition.before(node) : CaretPosition.after(node);
+    const isBeforeOrStart = (position) => {
+        if (CaretPosition.isTextPosition(position)) {
+            return position.offset() === 0;
+        }
+        else {
+            return isCaretCandidate$3(position.getNode());
+        }
+    };
+    const isAfterOrEnd = (position) => {
+        if (CaretPosition.isTextPosition(position)) {
+            const container = position.container();
+            return position.offset() === container.data.length;
+        }
+        else {
+            return isCaretCandidate$3(position.getNode(true));
+        }
+    };
+    const isBeforeAfterSameElement = (from, to) => !CaretPosition.isTextPosition(from) && !CaretPosition.isTextPosition(to) && from.getNode() === to.getNode(true);
+    const isAtBr = (position) => !CaretPosition.isTextPosition(position) && isBr$6(position.getNode());
+    const shouldSkipPosition = (forward, from, to) => {
+        if (forward) {
+            return !isBeforeAfterSameElement(from, to) && !isAtBr(from) && isAfterOrEnd(from) && isBeforeOrStart(to);
+        }
+        else {
+            return !isBeforeAfterSameElement(to, from) && isBeforeOrStart(from) && isAfterOrEnd(to);
+        }
+    };
+    // Finds: <p>a|<b>b</b></p> -> <p>a<b>|b</b></p>
+    const fromPosition = (forward, root, pos) => {
+        const walker = CaretWalker(root);
+        return Optional.from(forward ? walker.next(pos) : walker.prev(pos));
+    };
+    // Finds: <p>a|<b>b</b></p> -> <p>a<b>b|</b></p>
+    const navigate = (forward, root, from) => fromPosition(forward, root, from).bind((to) => {
+        if (isInSameBlock(from, to, root) && shouldSkipPosition(forward, from, to)) {
+            return fromPosition(forward, root, to);
+        }
+        else {
+            return Optional?.some(to);
+        }
+    });
+    const navigateIgnore = (forward, root, from, ignoreFilter) => navigate(forward, root, from)
+        .bind((pos) => ignoreFilter(pos) ? navigateIgnore(forward, root, pos, ignoreFilter) : Optional?.some(pos));
+    const positionIn = (forward, element) => {
+        const startNode = forward ? element.firstChild : element.lastChild;
+        if (isText$b(startNode)) {
+            return Optional?.some(CaretPosition(startNode, forward ? 0 : startNode.data.length));
+        }
+        else if (startNode) {
+            if (isCaretCandidate$3(startNode)) {
+                return Optional?.some(forward ? CaretPosition.before(startNode) : afterElement(startNode));
+            }
+            else {
+                return walkToPositionIn(forward, element, startNode);
+            }
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const nextPosition = curry(fromPosition, true);
+    const prevPosition = curry(fromPosition, false);
+    const firstPositionIn = curry(positionIn, true);
+    const lastPositionIn = curry(positionIn, false);
+
+    const CARET_ID = '_mce_caret';
+    const isCaretNode = (node) => isElement$6(node) && node.id === CARET_ID;
+    const getParentCaretContainer = (body, node) => {
+        let currentNode = node;
+        while (currentNode && currentNode !== body) {
+            if (isCaretNode(currentNode)) {
+                return currentNode;
+            }
+            currentNode = currentNode.parentNode;
+        }
+        return null;
+    };
+
+    const isStringPathBookmark = (bookmark) => isString(bookmark.start);
+    const isRangeBookmark = (bookmark) => has$2(bookmark, 'rng');
+    const isIdBookmark = (bookmark) => has$2(bookmark, 'id');
+    const isIndexBookmark = (bookmark) => has$2(bookmark, 'name');
+    const isPathBookmark = (bookmark) => Tools.isArray(bookmark.start);
+
+    const isForwardBookmark = (bookmark) => !isIndexBookmark(bookmark) && isBoolean(bookmark.forward) ? bookmark.forward : true;
+    const addBogus = (dom, node) => {
+        // Adds a bogus BR element for empty block elements
+        if (isElement$6(node) && dom.isBlock(node) && !node.innerHTML) {
+            node.innerHTML = '<br data-mce-bogus="1" />';
+        }
+        return node;
+    };
+    const resolveCaretPositionBookmark = (dom, bookmark) => {
+        const startPos = Optional.from(resolve$1(dom.getRoot(), bookmark.start));
+        const endPos = Optional.from(resolve$1(dom.getRoot(), bookmark.end));
+        return lift2(startPos, endPos, (start, end) => {
+            const range = dom.createRng();
+            range.setStart(start.container(), start.offset());
+            range.setEnd(end.container(), end.offset());
+            return { range, forward: isForwardBookmark(bookmark) };
+        });
+    };
+    const insertZwsp = (node, rng) => {
+        var _a;
+        const doc = (_a = node.ownerDocument) !== null && _a !== void 0 ? _a : document;
+        const textNode = doc.createTextNode(ZWSP$1);
+        node.appendChild(textNode);
+        rng.setStart(textNode, 0);
+        rng.setEnd(textNode, 0);
+    };
+    const isEmpty$1 = (node) => !node.hasChildNodes();
+    const tryFindRangePosition = (node, rng) => lastPositionIn(node).fold(never, (pos) => {
+        rng.setStart(pos.container(), pos.offset());
+        rng.setEnd(pos.container(), pos.offset());
+        return true;
+    });
+    // Since we trim zwsp from undo levels the caret format containers
+    // may be empty if so pad them with a zwsp and move caret there
+    const padEmptyCaretContainer = (root, node, rng) => {
+        if (isEmpty$1(node) && getParentCaretContainer(root, node)) {
+            insertZwsp(node, rng);
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const setEndPoint = (dom, start, bookmark, rng) => {
+        const point = bookmark[start ? 'start' : 'end'];
+        const root = dom.getRoot();
+        if (point) {
+            let node = root;
+            let offset = point[0];
+            // Find container node
+            for (let i = point.length - 1; node && i >= 1; i--) {
+                const children = node.childNodes;
+                if (padEmptyCaretContainer(root, node, rng)) {
+                    return true;
+                }
+                if (point[i] > children.length - 1) {
+                    if (padEmptyCaretContainer(root, node, rng)) {
+                        return true;
+                    }
+                    return tryFindRangePosition(node, rng);
+                }
+                node = children[point[i]];
+            }
+            // Move text offset to best suitable location
+            if (isText$b(node)) {
+                offset = Math.min(point[0], node.data.length);
+            }
+            // Move element offset to best suitable location
+            if (isElement$6(node)) {
+                offset = Math.min(point[0], node.childNodes.length);
+            }
+            // Set offset within container node
+            if (start) {
+                rng.setStart(node, offset);
+            }
+            else {
+                rng.setEnd(node, offset);
+            }
+        }
+        return true;
+    };
+    const isValidTextNode = (node) => isText$b(node) && node.data.length > 0;
+    const restoreEndPoint = (dom, suffix, bookmark) => {
+        const marker = dom.get(bookmark.id + '_' + suffix);
+        const markerParent = marker === null || marker === void 0 ? void 0 : marker.parentNode;
+        const keep = bookmark.keep;
+        if (marker && markerParent) {
+            let container;
+            let offset;
+            if (suffix === 'start') {
+                if (!keep) {
+                    container = markerParent;
+                    offset = dom.nodeIndex(marker);
+                }
+                else {
+                    if (marker.hasChildNodes()) {
+                        container = marker.firstChild;
+                        offset = 1;
+                    }
+                    else if (isValidTextNode(marker.nextSibling)) {
+                        container = marker.nextSibling;
+                        offset = 0;
+                    }
+                    else if (isValidTextNode(marker.previousSibling)) {
+                        container = marker.previousSibling;
+                        offset = marker.previousSibling.data.length;
+                    }
+                    else {
+                        container = markerParent;
+                        offset = dom.nodeIndex(marker) + 1;
+                    }
+                }
+            }
+            else {
+                if (!keep) {
+                    container = markerParent;
+                    offset = dom.nodeIndex(marker);
+                }
+                else {
+                    if (marker.hasChildNodes()) {
+                        container = marker.firstChild;
+                        offset = 1;
+                    }
+                    else if (isValidTextNode(marker.previousSibling)) {
+                        container = marker.previousSibling;
+                        offset = marker.previousSibling.data.length;
+                    }
+                    else {
+                        container = markerParent;
+                        offset = dom.nodeIndex(marker);
+                    }
+                }
+            }
+            if (!keep) {
+                const prev = marker.previousSibling;
+                const next = marker.nextSibling;
+                // Remove all marker text nodes
+                Tools.each(Tools.grep(marker.childNodes), (node) => {
+                    if (isText$b(node)) {
+                        node.data = node.data.replace(/\uFEFF/g, '');
+                    }
+                });
+                // Remove marker but keep children if for example contents where inserted into the marker
+                // Also remove duplicated instances of the marker for example by a
+                // split operation or by WebKit auto split on paste feature
+                let otherMarker;
+                while ((otherMarker = dom.get(bookmark.id + '_' + suffix))) {
+                    dom.remove(otherMarker, true);
+                }
+                // If siblings are text nodes then merge them unless it's Opera since it some how removes the node
+                // and we are sniffing since adding a lot of detection code for a browser with 3% of the market
+                // isn't worth the effort. Sorry, Opera but it's just a fact
+                if (isText$b(next) && isText$b(prev) && !Env.browser.isOpera()) {
+                    const idx = prev.data.length;
+                    prev.appendData(next.data);
+                    dom.remove(next);
+                    container = prev;
+                    offset = idx;
+                }
+            }
+            return Optional?.some(CaretPosition(container, offset));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const resolvePaths = (dom, bookmark) => {
+        const range = dom.createRng();
+        if (setEndPoint(dom, true, bookmark, range) && setEndPoint(dom, false, bookmark, range)) {
+            return Optional?.some({ range, forward: isForwardBookmark(bookmark) });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const resolveId = (dom, bookmark) => {
+        const startPos = restoreEndPoint(dom, 'start', bookmark);
+        const endPos = restoreEndPoint(dom, 'end', bookmark);
+        return lift2(startPos, endPos.or(startPos), (spos, epos) => {
+            const range = dom.createRng();
+            range.setStart(addBogus(dom, spos.container()), spos.offset());
+            range.setEnd(addBogus(dom, epos.container()), epos.offset());
+            return { range, forward: isForwardBookmark(bookmark) };
+        });
+    };
+    const resolveIndex = (dom, bookmark) => Optional.from(dom.select(bookmark.name)[bookmark.index])?.map((elm) => {
+        const range = dom.createRng();
+        range.selectNode(elm);
+        return { range, forward: true };
+    });
+    const resolve = (selection, bookmark) => {
+        const dom = selection.dom;
+        if (bookmark) {
+            if (isPathBookmark(bookmark)) {
+                return resolvePaths(dom, bookmark);
+            }
+            else if (isStringPathBookmark(bookmark)) {
+                return resolveCaretPositionBookmark(dom, bookmark);
+            }
+            else if (isIdBookmark(bookmark)) {
+                return resolveId(dom, bookmark);
+            }
+            else if (isIndexBookmark(bookmark)) {
+                return resolveIndex(dom, bookmark);
+            }
+            else if (isRangeBookmark(bookmark)) {
+                return Optional?.some({ range: bookmark.rng, forward: isForwardBookmark(bookmark) });
+            }
+        }
+        return Optional.none();
+    };
+
+    const getBookmark$2 = (selection, type, normalized) => {
+        return getBookmark$3(selection, type, normalized);
+    };
+    const moveToBookmark = (selection, bookmark) => {
+        resolve(selection, bookmark).each(({ range, forward }) => {
+            selection.setRng(range, forward);
+        });
+    };
+    const isBookmarkNode$1 = (node) => {
+        return isElement$6(node) && node.tagName === 'SPAN' && node.getAttribute('data-mce-type') === 'bookmark';
+    };
+
+    const is = (expected) => (actual) => expected === actual;
+    const isNbsp = is(nbsp);
+    const isWhiteSpace = (chr) => chr !== '' && ' \f\n\r\t\v'.indexOf(chr) !== -1;
+    const isContent = (chr) => !isWhiteSpace(chr) && !isNbsp(chr) && !isZwsp$2(chr);
+
+    const getRanges = (selection) => {
+        const ranges = [];
+        if (selection) {
+            for (let i = 0; i < selection.rangeCount; i++) {
+                ranges.push(selection.getRangeAt(i));
+            }
+        }
+        return ranges;
+    };
+    const getSelectedNodes = (ranges) => {
+        return bind$3(ranges, (range) => {
+            const node = getSelectedNode(range);
+            return node ? [SugarElement.fromDom(node)] : [];
+        });
+    };
+    const hasMultipleRanges = (selection) => {
+        return getRanges(selection).length > 1;
+    };
+
+    const getCellsFromRanges = (ranges) => filter$5(getSelectedNodes(ranges), isTableCell$2);
+    const getCellsFromElement = (elm) => descendants(elm, 'td[data-mce-selected],th[data-mce-selected]');
+    const getCellsFromElementOrRanges = (ranges, element) => {
+        const selectedCells = getCellsFromElement(element);
+        return selectedCells.length > 0 ? selectedCells : getCellsFromRanges(ranges);
+    };
+    const getCellsFromEditor = (editor) => getCellsFromElementOrRanges(getRanges(editor.selection.getSel()), SugarElement.fromDom(editor.getBody()));
+    const getClosestTable = (cell, isRoot) => ancestor$3(cell, 'table', isRoot);
+
+    const getStartNode = (rng) => {
+        const sc = rng.startContainer, so = rng.startOffset;
+        if (isText$b(sc)) {
+            return so === 0 ? Optional?.some(SugarElement.fromDom(sc)) : Optional.none();
+        }
+        else {
+            return Optional.from(sc.childNodes[so])?.map(SugarElement.fromDom);
+        }
+    };
+    const getEndNode = (rng) => {
+        const ec = rng.endContainer, eo = rng.endOffset;
+        if (isText$b(ec)) {
+            return eo === ec.data.length ? Optional?.some(SugarElement.fromDom(ec)) : Optional.none();
+        }
+        else {
+            return Optional.from(ec.childNodes[eo - 1])?.map(SugarElement.fromDom);
+        }
+    };
+    const getFirstChildren = (node) => {
+        return firstChild(node).fold(constant([node]), (child) => {
+            return [node].concat(getFirstChildren(child));
+        });
+    };
+    const getLastChildren = (node) => {
+        return lastChild(node).fold(constant([node]), (child) => {
+            if (name(child) === 'br') {
+                return prevSibling(child)?.map((sibling) => {
+                    return [node].concat(getLastChildren(sibling));
+                }).getOr([]);
+            }
+            else {
+                return [node].concat(getLastChildren(child));
+            }
+        });
+    };
+    const hasAllContentsSelected = (elm, rng) => {
+        return lift2(getStartNode(rng), getEndNode(rng), (startNode, endNode) => {
+            const start = find$2(getFirstChildren(elm), curry(eq, startNode));
+            const end = find$2(getLastChildren(elm), curry(eq, endNode));
+            return start.isSome() && end.isSome();
+        }).getOr(false);
+    };
+    const moveEndPoint = (dom, rng, node, start) => {
+        const root = node;
+        const walker = new DomTreeWalker(node, root);
+        const moveCaretBeforeOnEnterElementsMap = filter$4(dom.schema.getMoveCaretBeforeOnEnterElements(), (_, name) => !contains$2(['td', 'th', 'table'], name.toLowerCase()));
+        let currentNode = node;
+        do {
+            if (isText$b(currentNode) && Tools.trim(currentNode.data).length !== 0) {
+                if (start) {
+                    rng.setStart(currentNode, 0);
+                }
+                else {
+                    rng.setEnd(currentNode, currentNode.data.length);
+                }
+                return;
+            }
+            // BR/IMG/INPUT elements but not table cells
+            if (moveCaretBeforeOnEnterElementsMap[currentNode.nodeName]) {
+                if (start) {
+                    rng.setStartBefore(currentNode);
+                }
+                else {
+                    if (currentNode.nodeName === 'BR') {
+                        rng.setEndBefore(currentNode);
+                    }
+                    else {
+                        rng.setEndAfter(currentNode);
+                    }
+                }
+                return;
+            }
+        } while ((currentNode = (start ? walker.next() : walker.prev())));
+        // Failed to find any text node or other suitable location then move to the root of body
+        if (root.nodeName === 'BODY') {
+            if (start) {
+                rng.setStart(root, 0);
+            }
+            else {
+                rng.setEnd(root, root.childNodes.length);
+            }
+        }
+    };
+    const hasAnyRanges = (editor) => {
+        const sel = editor.selection.getSel();
+        return isNonNullable(sel) && sel.rangeCount > 0;
+    };
+    const runOnRanges = (editor, executor) => {
+        // Check to see if a fake selection is active. If so then we are simulating a multi range
+        // selection so we should return a range for each selected node.
+        // Note: Currently tables are the only thing supported for fake selections.
+        const fakeSelectionNodes = getCellsFromEditor(editor);
+        if (fakeSelectionNodes.length > 0) {
+            each$e(fakeSelectionNodes, (elem) => {
+                const node = elem.dom;
+                const fakeNodeRng = editor.dom.createRng();
+                fakeNodeRng.setStartBefore(node);
+                fakeNodeRng.setEndAfter(node);
+                executor(fakeNodeRng, true);
+            });
+        }
+        else {
+            executor(editor.selection.getRng(), false);
+        }
+    };
+    const preserve = (selection, fillBookmark, executor) => {
+        const bookmark = getPersistentBookmark(selection, fillBookmark);
+        executor(bookmark);
+        selection.moveToBookmark(bookmark);
+    };
+
+    const isNode = (node) => isNumber(node === null || node === void 0 ? void 0 : node.nodeType);
+    const isElementNode$1 = (node) => isElement$6(node) && !isBookmarkNode$1(node) && !isCaretNode(node) && !isBogus$1(node);
+    // In TinyMCE, directly selected elements are indicated with the data-mce-selected attribute
+    // Elements that can be directly selected include control elements such as img, media elements, noneditable elements and others
+    const isElementDirectlySelected = (dom, node) => {
+        // Table cells are a special case and are separately handled from native editor selection
+        if (isElementNode$1(node) && !/^(TD|TH)$/.test(node.nodeName)) {
+            const selectedAttr = dom.getAttrib(node, 'data-mce-selected');
+            const value = parseInt(selectedAttr, 10);
+            // Avoid cases where data-mce-selected is not a positive number e.g. inline-boundary
+            return !isNaN(value) && value > 0;
+        }
+        else {
+            return false;
+        }
+    };
+    // TODO: TINY-9130 Look at making SelectionUtils.preserve maintain the noneditable selection instead
+    const preserveSelection = (editor, action, shouldMoveStart) => {
+        const { selection, dom } = editor;
+        const selectedNodeBeforeAction = selection.getNode();
+        const isSelectedBeforeNodeNoneditable = isContentEditableFalse$a(selectedNodeBeforeAction);
+        preserve(selection, true, () => {
+            action();
+        });
+        // Check previous selected node before the action still exists in the DOM
+        // and is still noneditable
+        const isBeforeNodeStillNoneditable = isSelectedBeforeNodeNoneditable && isContentEditableFalse$a(selectedNodeBeforeAction);
+        if (isBeforeNodeStillNoneditable && dom.isChildOf(selectedNodeBeforeAction, editor.getBody())) {
+            editor.selection.select(selectedNodeBeforeAction);
+        }
+        else if (shouldMoveStart(selection.getStart())) {
+            moveStartToNearestText(dom, selection);
+        }
+    };
+    // Note: The reason why we only care about moving the start is because MatchFormat and its function use the start of the selection to determine if a selection has a given format or not
+    const moveStartToNearestText = (dom, selection) => {
+        var _a, _b;
+        const rng = selection.getRng();
+        const { startContainer, startOffset } = rng;
+        const selectedNode = selection.getNode();
+        if (isElementDirectlySelected(dom, selectedNode)) {
+            return;
+        }
+        // Try move startContainer/startOffset to a suitable text node
+        if (isElement$6(startContainer)) {
+            const nodes = startContainer.childNodes;
+            const root = dom.getRoot();
+            let walker;
+            if (startOffset < nodes.length) {
+                const startNode = nodes[startOffset];
+                walker = new DomTreeWalker(startNode, (_a = dom.getParent(startNode, dom.isBlock)) !== null && _a !== void 0 ? _a : root);
+            }
+            else {
+                const startNode = nodes[nodes.length - 1];
+                walker = new DomTreeWalker(startNode, (_b = dom.getParent(startNode, dom.isBlock)) !== null && _b !== void 0 ? _b : root);
+                walker.next(true);
+            }
+            for (let node = walker.current(); node; node = walker.next()) {
+                // If we have found a noneditable element before we have found any text
+                // then we cannot move forward any further as otherwise the start could be put inside
+                // the non-editable element which is not valid
+                if (dom.getContentEditable(node) === 'false') {
+                    return;
+                }
+                else if (isText$b(node) && !isWhiteSpaceNode$1(node)) {
+                    rng.setStart(node, 0);
+                    selection.setRng(rng);
+                    return;
+                }
+            }
+        }
+    };
+    /**
+     * Returns the next/previous non whitespace node.
+     *
+     * @private
+     * @param {Node} node Node to start at.
+     * @param {Boolean} next (Optional) Include next or previous node defaults to previous.
+     * @param {Boolean} inc (Optional) Include the current node in checking. Defaults to false.
+     * @return {Node} Next or previous node or undefined if it wasn't found.
+     */
+    const getNonWhiteSpaceSibling = (node, next, inc) => {
+        if (node) {
+            const nextName = next ? 'nextSibling' : 'previousSibling';
+            for (node = inc ? node : node[nextName]; node; node = node[nextName]) {
+                if (isElement$6(node) || !isWhiteSpaceNode$1(node)) {
+                    return node;
+                }
+            }
+        }
+        return undefined;
+    };
+    const isTextBlock$1 = (schema, node) => !!schema.getTextBlockElements()[node.nodeName.toLowerCase()] || isTransparentBlock(schema, node);
+    const isValid = (ed, parent, child) => {
+        return ed.schema.isValidChild(parent, child);
+    };
+    const isWhiteSpaceNode$1 = (node, allowSpaces = false) => {
+        if (isNonNullable(node) && isText$b(node)) {
+            // If spaces are allowed, treat them as a non-breaking space
+            const data = allowSpaces ? node.data.replace(/ /g, '\u00a0') : node.data;
+            return isWhitespaceText(data);
+        }
+        else {
+            return false;
+        }
+    };
+    const isEmptyTextNode$1 = (node) => {
+        return isNonNullable(node) && isText$b(node) && node.length === 0;
+    };
+    const isWrapNoneditableTarget = (editor, node) => {
+        const baseDataSelector = '[data-mce-cef-wrappable]';
+        const formatNoneditableSelector = getFormatNoneditableSelector(editor);
+        const selector = isEmpty$3(formatNoneditableSelector) ? baseDataSelector : `${baseDataSelector},${formatNoneditableSelector}`;
+        return is$1(SugarElement.fromDom(node), selector);
+    };
+    // A noneditable element is wrappable if it:
+    // - is valid target (has data-mce-cef-wrappable attribute or matches selector from option)
+    // - has no editable descendants - removing formats in the editable region can result in the wrapped noneditable being split which is undesirable
+    const isWrappableNoneditable = (editor, node) => {
+        const dom = editor.dom;
+        return (isElementNode$1(node) &&
+            dom.getContentEditable(node) === 'false' &&
+            isWrapNoneditableTarget(editor, node) &&
+            dom.select('[contenteditable="true"]', node).length === 0);
+    };
+    /**
+     * Replaces variables in the value. The variable format is %var.
+     *
+     * @private
+     * @param {String} value Value to replace variables in.
+     * @param {Object} vars Name/value array with variables to replace.
+     * @return {String} New value with replaced variables.
+     */
+    const replaceVars = (value, vars) => {
+        if (isFunction(value)) {
+            return value(vars);
+        }
+        else if (isNonNullable(vars)) {
+            value = value.replace(/%(\w+)/g, (str, name) => {
+                return vars[name] || str;
+            });
+        }
+        return value;
+    };
+    /**
+     * Compares two string/nodes regardless of their case.
+     *
+     * @private
+     * @param {String/Node} str1 Node or string to compare.
+     * @param {String/Node} str2 Node or string to compare.
+     * @return {Boolean} True/false if they match.
+     */
+    const isEq$5 = (str1, str2) => {
+        str1 = str1 || '';
+        str2 = str2 || '';
+        str1 = '' + (str1.nodeName || str1);
+        str2 = '' + (str2.nodeName || str2);
+        return str1.toLowerCase() === str2.toLowerCase();
+    };
+    const normalizeStyleValue = (value, name) => {
+        if (isNullable(value)) {
+            return null;
+        }
+        else {
+            let strValue = String(value);
+            // Force the format to hex
+            if (name === 'color' || name === 'backgroundColor') {
+                strValue = rgbaToHexString(strValue);
+            }
+            // Opera will return bold as 700
+            if (name === 'fontWeight' && value === 700) {
+                strValue = 'bold';
+            }
+            // Normalize fontFamily so "'Font name', Font" becomes: "Font name,Font"
+            if (name === 'fontFamily') {
+                strValue = strValue.replace(/[\'\"]/g, '').replace(/,\s+/g, ',');
+            }
+            return strValue;
+        }
+    };
+    const getStyle = (dom, node, name) => {
+        const style = dom.getStyle(node, name);
+        return normalizeStyleValue(style, name);
+    };
+    const getTextDecoration = (dom, node) => {
+        let decoration;
+        dom.getParent(node, (n) => {
+            if (isElement$6(n)) {
+                decoration = dom.getStyle(n, 'text-decoration');
+                return !!decoration && decoration !== 'none';
+            }
+            else {
+                return false;
+            }
+        });
+        return decoration;
+    };
+    const getParents$2 = (dom, node, selector) => {
+        return dom.getParents(node, selector, dom.getRoot());
+    };
+    const isFormatPredicate = (editor, formatName, predicate) => {
+        const formats = editor.formatter.get(formatName);
+        return isNonNullable(formats) && exists(formats, predicate);
+    };
+    const isVariableFormatName = (editor, formatName) => {
+        const hasVariableValues = (format) => {
+            const isVariableValue = (val) => isFunction(val) || val.length > 1 && val.charAt(0) === '%';
+            return exists(['styles', 'attributes'], (key) => get$a(format, key).exists((field) => {
+                const fieldValues = isArray$1(field) ? field : values(field);
+                return exists(fieldValues, isVariableValue);
+            }));
+        };
+        return isFormatPredicate(editor, formatName, hasVariableValues);
+    };
+    /**
+     * Checks if the two formats are similar based on the format type, attributes, styles and classes
+     */
+    const areSimilarFormats = (editor, formatName, otherFormatName) => {
+        // Note: MatchFormat.matchNode() uses these parameters to check if a format matches a node
+        // Therefore, these are ideal to check if two formats are similar
+        const validKeys = ['inline', 'block', 'selector', 'attributes', 'styles', 'classes'];
+        const filterObj = (format) => filter$4(format, (_, key) => exists(validKeys, (validKey) => validKey === key));
+        return isFormatPredicate(editor, formatName, (fmt1) => {
+            const filteredFmt1 = filterObj(fmt1);
+            return isFormatPredicate(editor, otherFormatName, (fmt2) => {
+                const filteredFmt2 = filterObj(fmt2);
+                return equal$1(filteredFmt1, filteredFmt2);
+            });
+        });
+    };
+    const isBlockFormat = (format) => hasNonNullableKey(format, 'block');
+    const isWrappingBlockFormat = (format) => isBlockFormat(format) && format.wrapper === true;
+    const isNonWrappingBlockFormat = (format) => isBlockFormat(format) && format.wrapper !== true;
+    const isSelectorFormat = (format) => hasNonNullableKey(format, 'selector');
+    const isInlineFormat = (format) => hasNonNullableKey(format, 'inline');
+    const isMixedFormat = (format) => isSelectorFormat(format) && isInlineFormat(format) && is$3(get$a(format, 'mixed'), true);
+    const shouldExpandToSelector = (format) => isSelectorFormat(format) && format.expand !== false && !isInlineFormat(format);
+    const getEmptyCaretContainers = (node) => {
+        const nodes = [];
+        let tempNode = node;
+        while (tempNode) {
+            if ((isText$b(tempNode) && tempNode.data !== ZWSP$1) || tempNode.childNodes.length > 1) {
+                return [];
+            }
+            // Collect nodes
+            if (isElement$6(tempNode)) {
+                nodes.push(tempNode);
+            }
+            tempNode = tempNode.firstChild;
+        }
+        return nodes;
+    };
+    const isCaretContainerEmpty = (node) => {
+        return getEmptyCaretContainers(node).length > 0;
+    };
+    const isEmptyCaretFormatElement = (element) => {
+        return isCaretNode(element.dom) && isCaretContainerEmpty(element.dom);
+    };
+
+    const isBookmarkNode = isBookmarkNode$1;
+    const getParents$1 = getParents$2;
+    const isWhiteSpaceNode = isWhiteSpaceNode$1;
+    const isTextBlock = isTextBlock$1;
+    const isBogusBr = (node) => {
+        return isBr$6(node) && node.getAttribute('data-mce-bogus') && !node.nextSibling;
+    };
+    // Expands the node to the closes contentEditable false element if it exists
+    const findParentContentEditable = (dom, node) => {
+        let parent = node;
+        while (parent) {
+            if (isElement$6(parent) && dom.getContentEditable(parent)) {
+                return dom.getContentEditable(parent) === 'false' ? parent : node;
+            }
+            parent = parent.parentNode;
+        }
+        return node;
+    };
+    const walkText = (start, node, offset, predicate) => {
+        const str = node.data;
+        if (start) {
+            for (let i = offset; i > 0; i--) {
+                if (predicate(str.charAt(i - 1))) {
+                    return i;
+                }
+            }
+        }
+        else {
+            for (let i = offset; i < str.length; i++) {
+                if (predicate(str.charAt(i))) {
+                    return i;
+                }
+            }
+        }
+        return -1;
+    };
+    const findSpace = (start, node, offset) => walkText(start, node, offset, (c) => isNbsp(c) || isWhiteSpace(c));
+    const findContent = (start, node, offset) => walkText(start, node, offset, isContent);
+    const findWordEndPoint = (dom, body, container, offset, start, includeTrailingSpaces) => {
+        let lastTextNode;
+        const closestRoot = dom.getParent(container, (node) => isEditingHost(node) || dom.isBlock(node));
+        const rootNode = isNonNullable(closestRoot) ? closestRoot : body;
+        const walk = (container, offset, pred) => {
+            const textSeeker = TextSeeker(dom);
+            const walker = start ? textSeeker.backwards : textSeeker.forwards;
+            return Optional.from(walker(container, offset, (text, textOffset) => {
+                if (isBookmarkNode(text.parentNode)) {
+                    return -1;
+                }
+                else {
+                    lastTextNode = text;
+                    return pred(start, text, textOffset);
+                }
+            }, rootNode));
+        };
+        const spaceResult = walk(container, offset, findSpace);
+        return spaceResult.bind((result) => includeTrailingSpaces ?
+            walk(result.container, result.offset + (start ? -1 : 0), findContent) :
+            Optional?.some(result)).orThunk(() => lastTextNode ?
+            Optional?.some({ container: lastTextNode, offset: start ? 0 : lastTextNode.length }) :
+            Optional.none());
+    };
+    const findSelectorEndPoint = (dom, formatList, rng, container, siblingName) => {
+        const sibling = container[siblingName];
+        if (isText$b(container) && isEmpty$3(container.data) && sibling) {
+            container = sibling;
+        }
+        const parents = getParents$1(dom, container);
+        for (let i = 0; i < parents.length; i++) {
+            for (let y = 0; y < formatList.length; y++) {
+                const curFormat = formatList[y];
+                // If collapsed state is set then skip formats that doesn't match that
+                if (isNonNullable(curFormat.collapsed) && curFormat.collapsed !== rng.collapsed) {
+                    continue;
+                }
+                if (isSelectorFormat(curFormat) && dom.is(parents[i], curFormat.selector)) {
+                    return parents[i];
+                }
+            }
+        }
+        return container;
+    };
+    const findBlockEndPoint = (dom, formatList, container, siblingName) => {
+        var _a;
+        let node = container;
+        const root = dom.getRoot();
+        const format = formatList[0];
+        // Expand to block of similar type
+        if (isBlockFormat(format)) {
+            node = format.wrapper ? null : dom.getParent(container, format.block, root);
+        }
+        // Expand to first wrappable block element or any block element
+        if (!node) {
+            const scopeRoot = (_a = dom.getParent(container, 'LI,TD,TH,SUMMARY')) !== null && _a !== void 0 ? _a : root;
+            node = dom.getParent(isText$b(container) ? container.parentNode : container, 
+            // Fixes #6183 where it would expand to editable parent element in inline mode
+            (node) => node !== root && isTextBlock(dom.schema, node), scopeRoot);
+        }
+        // Exclude inner lists from wrapping
+        if (node && isBlockFormat(format) && format.wrapper) {
+            node = getParents$1(dom, node, 'ul,ol').reverse()[0] || node;
+        }
+        // Didn't find a block element look for first/last wrappable element
+        if (!node) {
+            node = container;
+            while (node && node[siblingName] && !dom.isBlock(node[siblingName])) {
+                node = node[siblingName];
+                // Break on BR but include it will be removed later on
+                // we can't remove it now since we need to check if it can be wrapped
+                if (isEq$5(node, 'br')) {
+                    break;
+                }
+            }
+        }
+        return node || container;
+    };
+    // We're at the edge if the parent is a block and there's no next sibling. Alternatively,
+    // if we reach the root or can't walk further we also consider it to be a boundary.
+    const isAtBlockBoundary$1 = (dom, root, container, siblingName) => {
+        const parent = container.parentNode;
+        if (isNonNullable(container[siblingName])) {
+            return false;
+        }
+        else if (parent === root || isNullable(parent) || dom.isBlock(parent)) {
+            return true;
+        }
+        else {
+            return isAtBlockBoundary$1(dom, root, parent, siblingName);
+        }
+    };
+    // This function walks up the tree if there is no siblings before/after the node.
+    // If a sibling is found then the container is returned
+    const findParentContainer = (dom, formatList, container, offset, start, expandToBlock) => {
+        let parent = container;
+        const siblingName = start ? 'previousSibling' : 'nextSibling';
+        const root = dom.getRoot();
+        // If it's a text node and the offset is inside the text
+        if (isText$b(container) && !isWhiteSpaceNode(container)) {
+            if (start ? offset > 0 : offset < container.data.length) {
+                return container;
+            }
+        }
+        while (parent) {
+            if (isEditingHost(parent)) {
+                return container;
+            }
+            // Stop expanding on block elements
+            if (!formatList[0].block_expand && dom.isBlock(parent)) {
+                return expandToBlock ? parent : container;
+            }
+            // Walk left/right
+            for (let sibling = parent[siblingName]; sibling; sibling = sibling[siblingName]) {
+                // Allow spaces if not at the edge of a block element, as the spaces won't have been collapsed
+                const allowSpaces = isText$b(sibling) && !isAtBlockBoundary$1(dom, root, sibling, siblingName);
+                if (!isBookmarkNode(sibling) && !isBogusBr(sibling) && !isWhiteSpaceNode(sibling, allowSpaces)) {
+                    return parent;
+                }
+            }
+            // Check if we can move up are we at root level or body level
+            if (parent === root || parent.parentNode === root) {
+                container = parent;
+                break;
+            }
+            parent = parent.parentNode;
+        }
+        return container;
+    };
+    const isSelfOrParentBookmark = (container) => isBookmarkNode(container.parentNode) || isBookmarkNode(container);
+    const expandRng = (dom, rng, formatList, expandOptions = {}) => {
+        const { includeTrailingSpace = false, expandToBlock = true } = expandOptions;
+        const editableHost = dom.getParent(rng.commonAncestorContainer, (node) => isEditingHost(node));
+        const root = isNonNullable(editableHost) ? editableHost : dom.getRoot();
+        let { startContainer, startOffset, endContainer, endOffset } = rng;
+        const format = formatList[0];
+        // If index based start position then resolve it
+        if (isElement$6(startContainer) && startContainer.hasChildNodes()) {
+            startContainer = getNode$1(startContainer, startOffset);
+            if (isText$b(startContainer)) {
+                startOffset = 0;
+            }
+        }
+        // If index based end position then resolve it
+        if (isElement$6(endContainer) && endContainer.hasChildNodes()) {
+            endContainer = getNode$1(endContainer, rng.collapsed ? endOffset : endOffset - 1);
+            if (isText$b(endContainer)) {
+                endOffset = endContainer.data.length;
+            }
+        }
+        // Expand to closest contentEditable element
+        startContainer = findParentContentEditable(dom, startContainer);
+        endContainer = findParentContentEditable(dom, endContainer);
+        // Exclude bookmark nodes if possible
+        if (isSelfOrParentBookmark(startContainer)) {
+            startContainer = isBookmarkNode(startContainer) ? startContainer : startContainer.parentNode;
+            if (rng.collapsed) {
+                startContainer = startContainer.previousSibling || startContainer;
+            }
+            else {
+                startContainer = startContainer.nextSibling || startContainer;
+            }
+            if (isText$b(startContainer)) {
+                startOffset = rng.collapsed ? startContainer.length : 0;
+            }
+        }
+        if (isSelfOrParentBookmark(endContainer)) {
+            endContainer = isBookmarkNode(endContainer) ? endContainer : endContainer.parentNode;
+            if (rng.collapsed) {
+                endContainer = endContainer.nextSibling || endContainer;
+            }
+            else {
+                endContainer = endContainer.previousSibling || endContainer;
+            }
+            if (isText$b(endContainer)) {
+                endOffset = rng.collapsed ? 0 : endContainer.length;
+            }
+        }
+        if (rng.collapsed) {
+            // Expand left to closest word boundary
+            const startPoint = findWordEndPoint(dom, root, startContainer, startOffset, true, includeTrailingSpace);
+            startPoint.each(({ container, offset }) => {
+                startContainer = container;
+                startOffset = offset;
+            });
+            // Expand right to closest word boundary
+            const endPoint = findWordEndPoint(dom, root, endContainer, endOffset, false, includeTrailingSpace);
+            endPoint.each(({ container, offset }) => {
+                endContainer = container;
+                endOffset = offset;
+            });
+        }
+        // Move start/end point up the tree if the leaves are sharp and if we are in different containers
+        // Example * becomes !: !<p><b><i>*text</i><i>text*</i></b></p>!
+        // This will reduce the number of wrapper elements that needs to be created
+        // Move start point up the tree
+        if (isInlineFormat(format) || format.block_expand) {
+            if (!isInlineFormat(format) || (!isText$b(startContainer) || startOffset === 0)) {
+                startContainer = findParentContainer(dom, formatList, startContainer, startOffset, true, expandToBlock);
+            }
+            if (!isInlineFormat(format) || (!isText$b(endContainer) || endOffset === endContainer.data.length)) {
+                endContainer = findParentContainer(dom, formatList, endContainer, endOffset, false, expandToBlock);
+            }
+        }
+        // Expand start/end container to matching selector
+        if (shouldExpandToSelector(format)) {
+            // Find new startContainer/endContainer if there is better one
+            startContainer = findSelectorEndPoint(dom, formatList, rng, startContainer, 'previousSibling');
+            endContainer = findSelectorEndPoint(dom, formatList, rng, endContainer, 'nextSibling');
+        }
+        // Expand start/end container to matching block element or text node
+        if (isBlockFormat(format) || isSelectorFormat(format)) {
+            // Find new startContainer/endContainer if there is better one
+            startContainer = findBlockEndPoint(dom, formatList, startContainer, 'previousSibling');
+            endContainer = findBlockEndPoint(dom, formatList, endContainer, 'nextSibling');
+            // Non block element then try to expand up the leaf
+            if (isBlockFormat(format)) {
+                if (!dom.isBlock(startContainer)) {
+                    startContainer = findParentContainer(dom, formatList, startContainer, startOffset, true, expandToBlock);
+                    if (isText$b(startContainer)) {
+                        startOffset = 0;
+                    }
+                }
+                if (!dom.isBlock(endContainer)) {
+                    endContainer = findParentContainer(dom, formatList, endContainer, endOffset, false, expandToBlock);
+                    if (isText$b(endContainer)) {
+                        endOffset = endContainer.data.length;
+                    }
+                }
+            }
+        }
+        // Setup index for startContainer
+        if (isElement$6(startContainer) && startContainer.parentNode) {
+            startOffset = dom.nodeIndex(startContainer);
+            startContainer = startContainer.parentNode;
+        }
+        // Setup index for endContainer
+        if (isElement$6(endContainer) && endContainer.parentNode) {
+            endOffset = dom.nodeIndex(endContainer) + 1;
+            endContainer = endContainer.parentNode;
+        }
+        // Return new range like object
+        return {
+            startContainer,
+            startOffset,
+            endContainer,
+            endOffset
+        };
+    };
+
+    const walk$3 = (dom, rng, callback) => {
+        var _a;
+        const startOffset = rng.startOffset;
+        const startContainer = getNode$1(rng.startContainer, startOffset);
+        const endOffset = rng.endOffset;
+        const endContainer = getNode$1(rng.endContainer, endOffset - 1);
+        /**
+         * Excludes start/end text node if they are out side the range
+         *
+         * @private
+         * @param {Array} nodes Nodes to exclude items from.
+         * @return {Array} Array with nodes excluding the start/end container if needed.
+         */
+        const exclude = (nodes) => {
+            // First node is excluded
+            const firstNode = nodes[0];
+            if (isText$b(firstNode) && firstNode === startContainer && startOffset >= firstNode.data.length) {
+                nodes.splice(0, 1);
+            }
+            // Last node is excluded
+            const lastNode = nodes[nodes.length - 1];
+            if (endOffset === 0 && nodes.length > 0 && lastNode === endContainer && isText$b(lastNode)) {
+                nodes.splice(nodes.length - 1, 1);
+            }
+            return nodes;
+        };
+        const collectSiblings = (node, name, endNode) => {
+            const siblings = [];
+            for (; node && node !== endNode; node = node[name]) {
+                siblings.push(node);
+            }
+            return siblings;
+        };
+        const findEndPoint = (node, root) => dom.getParent(node, (node) => node.parentNode === root, root);
+        const walkBoundary = (startNode, endNode, next) => {
+            const siblingName = next ? 'nextSibling' : 'previousSibling';
+            for (let node = startNode, parent = node.parentNode; node && node !== endNode; node = parent) {
+                parent = node.parentNode;
+                const siblings = collectSiblings(node === startNode ? node : node[siblingName], siblingName);
+                if (siblings.length) {
+                    if (!next) {
+                        siblings.reverse();
+                    }
+                    callback(exclude(siblings));
+                }
+            }
+        };
+        // Same container
+        if (startContainer === endContainer) {
+            return callback(exclude([startContainer]));
+        }
+        // Find common ancestor and end points
+        const ancestor = (_a = dom.findCommonAncestor(startContainer, endContainer)) !== null && _a !== void 0 ? _a : dom.getRoot();
+        // Process left side
+        if (dom.isChildOf(startContainer, endContainer)) {
+            return walkBoundary(startContainer, ancestor, true);
+        }
+        // Process right side
+        if (dom.isChildOf(endContainer, startContainer)) {
+            return walkBoundary(endContainer, ancestor);
+        }
+        // Find start/end point
+        const startPoint = findEndPoint(startContainer, ancestor) || startContainer;
+        const endPoint = findEndPoint(endContainer, ancestor) || endContainer;
+        // Walk left leaf
+        walkBoundary(startContainer, startPoint, true);
+        // Walk the middle from start to end point
+        const siblings = collectSiblings(startPoint === startContainer ? startPoint : startPoint.nextSibling, 'nextSibling', endPoint === endContainer ? endPoint.nextSibling : endPoint);
+        if (siblings.length) {
+            callback(exclude(siblings));
+        }
+        // Walk right leaf
+        walkBoundary(endContainer, endPoint);
+    };
+
+    const validBlocks = [
+        // Codesample plugin
+        'pre[class*=language-][contenteditable="false"]',
+        // Image plugin - captioned image
+        'figure.image',
+        // Mediaembed plugin
+        'div[data-ephox-embed-iri]',
+        // Pageembed plugin
+        'div.tiny-pageembed',
+        // Tableofcontents plugin
+        'div.mce-toc',
+        'div[data-mce-toc]',
+        // Footnootes plugin
+        'div.mce-footnotes'
+    ];
+    const isZeroWidth = (elem) => isText$c(elem) && get$4(elem) === ZWSP$1;
+    const context = (editor, elem, wrapName, nodeName) => parentElement(elem).fold(() => "skipping" /* ChildContext.Skipping */, (parent) => {
+        // We used to skip these, but given that they might be representing empty paragraphs, it probably
+        // makes sense to treat them just like text nodes
+        if (nodeName === 'br' || isZeroWidth(elem)) {
+            return "valid" /* ChildContext.Valid */;
+        }
+        else if (isAnnotation(elem)) {
+            return "existing" /* ChildContext.Existing */;
+        }
+        else if (isCaretNode(elem.dom)) {
+            return "caret" /* ChildContext.Caret */;
+        }
+        else if (exists(validBlocks, (selector) => is$1(elem, selector))) {
+            return "valid-block" /* ChildContext.ValidBlock */;
+        }
+        else if (!isValid(editor, wrapName, nodeName) || !isValid(editor, name(parent), wrapName)) {
+            return "invalid-child" /* ChildContext.InvalidChild */;
+        }
+        else {
+            return "valid" /* ChildContext.Valid */;
+        }
+    });
+
+    const applyWordGrab = (editor, rng) => {
+        const r = expandRng(editor.dom, rng, [{ inline: 'span' }]);
+        rng.setStart(r.startContainer, r.startOffset);
+        rng.setEnd(r.endContainer, r.endOffset);
+        editor.selection.setRng(rng);
+    };
+    const applyAnnotation = (elem, masterUId, data, annotationName, decorate, directAnnotation) => {
+        const { uid = masterUId, ...otherData } = data;
+        add$2(elem, annotation());
+        set$4(elem, `${dataAnnotationId()}`, uid);
+        set$4(elem, `${dataAnnotation()}`, annotationName);
+        const { attributes = {}, classes = [] } = decorate(uid, otherData);
+        setAll$1(elem, attributes);
+        add$1(elem, classes);
+        if (directAnnotation) {
+            if (classes.length > 0) {
+                set$4(elem, `${dataAnnotationClasses()}`, classes.join(','));
+            }
+            const attributeNames = keys(attributes);
+            if (attributeNames.length > 0) {
+                set$4(elem, `${dataAnnotationAttributes()}`, attributeNames.join(','));
+            }
+        }
+    };
+    const removeDirectAnnotation = (elem) => {
+        remove$4(elem, annotation());
+        remove$9(elem, `${dataAnnotationId()}`);
+        remove$9(elem, `${dataAnnotation()}`);
+        remove$9(elem, `${dataAnnotationActive()}`);
+        const customAttrNames = getOpt(elem, `${dataAnnotationAttributes()}`)?.map((names) => names.split(',')).getOr([]);
+        const customClasses = getOpt(elem, `${dataAnnotationClasses()}`)?.map((names) => names.split(',')).getOr([]);
+        each$e(customAttrNames, (name) => remove$9(elem, name));
+        remove$3(elem, customClasses);
+        remove$9(elem, `${dataAnnotationClasses()}`);
+        remove$9(elem, `${dataAnnotationAttributes()}`);
+    };
+    const makeAnnotation = (eDoc, uid, data, annotationName, decorate) => {
+        const master = SugarElement.fromTag('span', eDoc);
+        applyAnnotation(master, uid, data, annotationName, decorate, false);
+        return master;
+    };
+    const annotate = (editor, rng, uid, annotationName, decorate, data) => {
+        // Setup all the wrappers that are going to be used.
+        const newWrappers = [];
+        // Setup the spans for the comments
+        const master = makeAnnotation(editor.getDoc(), uid, data, annotationName, decorate);
+        // Set the current wrapping element
+        const wrapper = value$2();
+        // Clear the current wrapping element, so that subsequent calls to
+        // getOrOpenWrapper spawns a new one.
+        const finishWrapper = () => {
+            wrapper.clear();
+        };
+        // Get the existing wrapper, or spawn a new one.
+        const getOrOpenWrapper = () => wrapper.get().getOrThunk(() => {
+            const nu = shallow(master);
+            newWrappers.push(nu);
+            wrapper.set(nu);
+            return nu;
+        });
+        const processElements = (elems) => {
+            each$e(elems, processElement);
+        };
+        const processElement = (elem) => {
+            const ctx = context(editor, elem, 'span', name(elem));
+            switch (ctx) {
+                case "invalid-child" /* ChildContext.InvalidChild */: {
+                    finishWrapper();
+                    const children = children$1(elem);
+                    processElements(children);
+                    finishWrapper();
+                    break;
+                }
+                case "valid-block" /* ChildContext.ValidBlock */: {
+                    finishWrapper();
+                    applyAnnotation(elem, uid, data, annotationName, decorate, true);
+                    break;
+                }
+                case "valid" /* ChildContext.Valid */: {
+                    const w = getOrOpenWrapper();
+                    wrap$2(elem, w);
+                    break;
+                }
+            }
+        };
+        const processNodes = (nodes) => {
+            const elems = map$3(nodes, SugarElement.fromDom);
+            processElements(elems);
+        };
+        walk$3(editor.dom, rng, (nodes) => {
+            finishWrapper();
+            processNodes(nodes);
+        });
+        return newWrappers;
+    };
+    const annotateWithBookmark = (editor, name, settings, data) => {
+        editor.undoManager.transact(() => {
+            const selection = editor.selection;
+            const initialRng = selection.getRng();
+            const hasFakeSelection = getCellsFromEditor(editor).length > 0;
+            const masterUid = generate('mce-annotation');
+            if (initialRng.collapsed && !hasFakeSelection) {
+                applyWordGrab(editor, initialRng);
+            }
+            // Even after applying word grab, we could not find a selection. Therefore,
+            // just make a wrapper and insert it at the current cursor
+            if (selection.getRng().collapsed && !hasFakeSelection) {
+                const wrapper = makeAnnotation(editor.getDoc(), masterUid, data, name, settings.decorate);
+                // Put something visible in the marker
+                set$3(wrapper, nbsp);
+                selection.getRng().insertNode(wrapper.dom);
+                selection.select(wrapper.dom);
+            }
+            else {
+                // The bookmark is responsible for splitting the nodes beforehand at the selection points
+                // The "false" here means a zero width cursor is NOT put in the bookmark. It seems to be required
+                // to stop an empty paragraph splitting into two paragraphs. Probably a better way exists.
+                preserve(selection, false, () => {
+                    runOnRanges(editor, (selectionRng) => {
+                        annotate(editor, selectionRng, masterUid, name, settings.decorate, data);
+                    });
+                });
+            }
+        });
+    };
+
+    const Annotator = (editor) => {
+        const registry = create$a();
+        setup$x(editor, registry);
+        const changes = setup$y(editor, registry);
+        const isSpan = isTag('span');
+        const removeAnnotations = (elements) => {
+            each$e(elements, (element) => {
+                if (isSpan(element)) {
+                    unwrap(element);
+                }
+                else {
+                    removeDirectAnnotation(element);
+                }
+            });
+        };
+        return {
+            /**
+             * Registers a specific annotator by name
+             *
+             * @method register
+             * @param {String} name the name of the annotation
+             * @param {Object} settings settings for the annotation (e.g. decorate)
+             */
+            register: (name, settings) => {
+                registry.register(name, settings);
+            },
+            /**
+             * Applies the annotation at the current selection using data
+             *
+             * @method annotate
+             * @param {String} name the name of the annotation to apply
+             * @param {Object} data information to pass through to this particular
+             * annotation
+             */
+            annotate: (name, data) => {
+                registry.lookup(name).each((settings) => {
+                    annotateWithBookmark(editor, name, settings, data);
+                });
+            },
+            /**
+             * Executes the specified callback when the current selection matches the annotation or not.
+             *
+             * @method annotationChanged
+             * @param {String} name Name of annotation to listen for
+             * @param {Function} callback Callback with (state, name, and data) fired when the annotation
+             * at the cursor changes. If state if false, data will not be provided.
+             */
+            annotationChanged: (name, callback) => {
+                changes.addListener(name, callback);
+            },
+            /**
+             * Removes any annotations from the current selection that match
+             * the name
+             *
+             * @method remove
+             * @param {String} name the name of the annotation to remove
+             */
+            remove: (name) => {
+                identify(editor, Optional?.some(name)).each(({ elements }) => {
+                    /**
+                     * TINY-9399: It is important to keep the bookmarking in the callback
+                     * because it adjusts selection in a way that `identify` function
+                     * cannot retain the selected word.
+                     */
+                    const bookmark = editor.selection.getBookmark();
+                    removeAnnotations(elements);
+                    editor.selection.moveToBookmark(bookmark);
+                });
+            },
+            /**
+             * Removes all annotations that match the specified name from the entire document.
+             *
+             * @method removeAll
+             * @param {String} name the name of the annotation to remove
+             */
+            removeAll: (name) => {
+                const bookmark = editor.selection.getBookmark();
+                each$d(findAll(editor, name), (elements, _) => {
+                    removeAnnotations(elements);
+                });
+                editor.selection.moveToBookmark(bookmark);
+            },
+            /**
+             * Retrieve all the annotations for a given name
+             *
+             * @method getAll
+             * @param {String} name the name of the annotations to retrieve
+             * @return {Object} an index of annotations from uid => DOM nodes
+             */
+            getAll: (name) => {
+                const directory = findAll(editor, name);
+                return map$2(directory, (elems) => map$3(elems, (elem) => elem.dom));
+            }
+        };
+    };
+
+    /**
+     * Constructs a new BookmarkManager instance for a specific selection instance.
+     *
+     * @constructor
+     * @method BookmarkManager
+     * @param {tinymce.dom.Selection} selection Selection instance to handle bookmarks for.
+     */
+    const BookmarkManager = (selection) => {
+        return {
+            /**
+             * Returns a bookmark location for the current selection. This bookmark object
+             * can then be used to restore the selection after some content modification to the document.
+             *
+             * @method getBookmark
+             * @param {Number} type Optional state if the bookmark should be simple or not. Default is complex.
+             * @param {Boolean} normalized Optional state that enables you to get a position that it would be after normalization.
+             * @return {Object} Bookmark object, use moveToBookmark with this object to restore the selection.
+             * @example
+             * // Stores a bookmark of the current selection
+             * const bm = tinymce.activeEditor.selection.getBookmark();
+             *
+             * tinymce.activeEditor.setContent(tinymce.activeEditor.getContent() + 'Some new content');
+             *
+             * // Restore the selection bookmark
+             * tinymce.activeEditor.selection.moveToBookmark(bm);
+             */
+            getBookmark: curry(getBookmark$2, selection),
+            /**
+             * Restores the selection to the specified bookmark.
+             *
+             * @method moveToBookmark
+             * @param {Object} bookmark Bookmark to restore selection from.
+             * @example
+             * // Stores a bookmark of the current selection
+             * const bm = tinymce.activeEditor.selection.getBookmark();
+             *
+             * tinymce.activeEditor.setContent(tinymce.activeEditor.getContent() + 'Some new content');
+             *
+             * // Restore the selection bookmark
+             * tinymce.activeEditor.selection.moveToBookmark(bm);
+             */
+            moveToBookmark: curry(moveToBookmark, selection)
+        };
+    };
+    /**
+     * Returns true/false if the specified node is a bookmark node or not.
+     *
+     * @static
+     * @method isBookmarkNode
+     * @param {DOMNode} node DOM Node to check if it's a bookmark node or not.
+     * @return {Boolean} true/false if the node is a bookmark node or not.
+     */
+    BookmarkManager.isBookmarkNode = isBookmarkNode$1;
+
+    const isXYWithinRange = (clientX, clientY, range) => {
+        if (range.collapsed) {
+            return false;
+        }
+        else {
+            return exists(range.getClientRects(), (rect) => containsXY(rect, clientX, clientY));
+        }
+    };
+
+    const clamp$1 = (offset, element) => {
+        const max = isText$c(element) ? get$4(element).length : children$1(element).length + 1;
+        if (offset > max) {
+            return max;
+        }
+        else if (offset < 0) {
+            return 0;
+        }
+        return offset;
+    };
+    const normalizeRng = (rng) => SimSelection.range(rng.start, clamp$1(rng.soffset, rng.start), rng.finish, clamp$1(rng.foffset, rng.finish));
+    const isOrContains = (root, elm) => !isRestrictedNode(elm.dom) && (contains(root, elm) || eq(root, elm));
+    const isRngInRoot = (root) => (rng) => isOrContains(root, rng.start) && isOrContains(root, rng.finish);
+    // TINY-9259: We need to store the selection on Firefox since if the editor is hidden the selection.getRng() api will not work as expected.
+    const shouldStore = (editor) => editor.inline || Env.browser.isFirefox();
+    const nativeRangeToSelectionRange = (r) => SimSelection.range(SugarElement.fromDom(r.startContainer), r.startOffset, SugarElement.fromDom(r.endContainer), r.endOffset);
+    const readRange = (win) => {
+        const selection = win.getSelection();
+        const rng = !selection || selection.rangeCount === 0 ? Optional.none() : Optional.from(selection.getRangeAt(0));
+        return rng?.map(nativeRangeToSelectionRange);
+    };
+    const getBookmark$1 = (root) => {
+        const win = defaultView(root);
+        return readRange(win.dom)
+            .filter(isRngInRoot(root));
+    };
+    const validate = (root, bookmark) => Optional.from(bookmark)
+        .filter(isRngInRoot(root))
+        ?.map(normalizeRng);
+    const bookmarkToNativeRng = (bookmark) => {
+        const rng = document.createRange();
+        try {
+            // Might throw IndexSizeError
+            rng.setStart(bookmark.start.dom, bookmark.soffset);
+            rng.setEnd(bookmark.finish.dom, bookmark.foffset);
+            return Optional?.some(rng);
+        }
+        catch (_a) {
+            return Optional.none();
+        }
+    };
+    const store = (editor) => {
+        const newBookmark = shouldStore(editor) ? getBookmark$1(SugarElement.fromDom(editor.getBody())) : Optional.none();
+        editor.bookmark = newBookmark.isSome() ? newBookmark : editor.bookmark;
+    };
+    const getRng = (editor) => {
+        const bookmark = editor.bookmark ? editor.bookmark : Optional.none();
+        return bookmark
+            .bind((x) => validate(SugarElement.fromDom(editor.getBody()), x))
+            .bind(bookmarkToNativeRng);
+    };
+    const restore = (editor) => {
+        getRng(editor).each((rng) => editor.selection.setRng(rng));
+    };
+
+    /**
+     * This class manages the focus/blur state of the editor. This class is needed since some
+     * browsers fire false focus/blur states when the selection is moved to a UI dialog or similar.
+     *
+     * This class will fire two events focus and blur on the editor instances that got affected.
+     * It will also handle the restore of selection when the focus is lost and returned.
+     *
+     * @class tinymce.FocusManager
+     * @private
+     */
+    /**
+     * Returns true if the specified element is part of the UI for example an button or text input.
+     *
+     * @static
+     * @method isEditorUIElement
+     * @param  {Element} elm Element to check if it's part of the UI or not.
+     * @return {Boolean} True/false state if the element is part of the UI or not.
+     */
+    const isEditorUIElement$1 = (elm) => {
+        // Needs to be converted to string since svg can have focus: #6776
+        const className = elm.className.toString();
+        return className.indexOf('tox-') !== -1 || className.indexOf('mce-') !== -1;
+    };
+    const FocusManager = {
+        isEditorUIElement: isEditorUIElement$1
+    };
+
+    /**
+     * Utility class for working with delayed actions like setTimeout.
+     *
+     * @class tinymce.util.Delay
+     */
+    const wrappedSetTimeout = (callback, time) => {
+        if (!isNumber(time)) {
+            time = 0;
+        }
+        return window.setTimeout(callback, time);
+    };
+    const wrappedSetInterval = (callback, time) => {
+        if (!isNumber(time)) {
+            time = 0;
+        }
+        return window.setInterval(callback, time);
+    };
+    const Delay = {
+        /**
+         * Sets a timeout that's similar to the native browser <a href="https://developer.mozilla.org/en-US/docs/Web/API/setTimeout">setTimeout</a>
+         * API, except that it checks if the editor instance is still alive when the callback gets executed.
+         *
+         * @method setEditorTimeout
+         * @param {tinymce.Editor} editor Editor instance to check the removed state on.
+         * @param {Function} callback Callback to execute when timer runs out.
+         * @param {Number} time Optional time to wait before the callback is executed, defaults to 0.
+         * @return {Number} Timeout id number.
+         */
+        setEditorTimeout: (editor, callback, time) => {
+            return wrappedSetTimeout(() => {
+                if (!editor.removed) {
+                    callback();
+                }
+            }, time);
+        },
+        /**
+         * Sets an interval timer that's similar to native browser <a href="https://developer.mozilla.org/en-US/docs/Web/API/setInterval">setInterval</a>
+         * API, except that it checks if the editor instance is still alive when the callback gets executed.
+         *
+         * @method setEditorInterval
+         * @param {Function} callback Callback to execute when interval time runs out.
+         * @param {Number} time Optional time to wait before the callback is executed, defaults to 0.
+         * @return {Number} Timeout id number.
+         */
+        setEditorInterval: (editor, callback, time) => {
+            const timer = wrappedSetInterval(() => {
+                if (!editor.removed) {
+                    callback();
+                }
+                else {
+                    window.clearInterval(timer);
+                }
+            }, time);
+            return timer;
+        }
+    };
+
+    const walkUp = (navigation, doc) => {
+        const frame = navigation.view(doc);
+        return frame.fold(constant([]), (f) => {
+            const parent = navigation.owner(f);
+            const rest = walkUp(navigation, parent);
+            return [f].concat(rest);
+        });
+    };
+    const pathTo = (element, navigation) => {
+        const d = navigation.owner(element);
+        return walkUp(navigation, d);
+    };
+
+    const view = (doc) => {
+        var _a;
+        // Only walk up to the document this script is defined in.
+        // This prevents walking up to the parent window when the editor is in an iframe.
+        const element = doc.dom === document ? Optional.none() : Optional.from((_a = doc.dom.defaultView) === null || _a === void 0 ? void 0 : _a.frameElement);
+        return element?.map(SugarElement.fromDom);
+    };
+    const owner = (element) => documentOrOwner(element);
+
+    var Navigation = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        view: view,
+        owner: owner
+    });
+
+    const find = (element) => {
+        const doc = getDocument();
+        const scroll = get$5(doc);
+        const frames = pathTo(element, Navigation);
+        const offset = viewport(element);
+        const r = foldr(frames, (b, a) => {
+            const loc = viewport(a);
+            return {
+                left: b.left + loc.left,
+                top: b.top + loc.top
+            };
+        }, { left: 0, top: 0 });
+        return SugarPosition(r.left + offset.left + scroll.left, r.top + offset.top + scroll.top);
+    };
+
+    const isManualNodeChange = (e) => {
+        return e.type === 'nodechange' && e.selectionChange;
+    };
+    const registerPageMouseUp = (editor, throttledStore) => {
+        const mouseUpPage = () => {
+            throttledStore.throttle();
+        };
+        DOMUtils.DOM.bind(document, 'mouseup', mouseUpPage);
+        editor.on('remove', () => {
+            DOMUtils.DOM.unbind(document, 'mouseup', mouseUpPage);
+        });
+    };
+    const registerMouseUp = (editor, throttledStore) => {
+        editor.on('mouseup touchend', (_e) => {
+            throttledStore.throttle();
+        });
+    };
+    const registerEditorEvents = (editor, throttledStore) => {
+        registerMouseUp(editor, throttledStore);
+        editor.on('keyup NodeChange AfterSetSelectionRange', (e) => {
+            if (!isManualNodeChange(e)) {
+                store(editor);
+            }
+        });
+    };
+    const register$6 = (editor) => {
+        const throttledStore = first$1(() => {
+            store(editor);
+        }, 0);
+        editor.on('init', () => {
+            if (editor.inline) {
+                registerPageMouseUp(editor, throttledStore);
+            }
+            registerEditorEvents(editor, throttledStore);
+        });
+        editor.on('remove', () => {
+            throttledStore.cancel();
+        });
+    };
+
+    let documentFocusInHandler;
+    const DOM$9 = DOMUtils.DOM;
+    const isEditorUIElement = (elm) => {
+        // Since this can be overridden by third party we need to use the API reference here
+        return isElement$6(elm) && FocusManager.isEditorUIElement(elm);
+    };
+    const isEditorContentAreaElement = (elm) => {
+        const classList = elm.classList;
+        if (classList !== undefined) {
+            // tox-edit-area__iframe === iframe container element
+            // mce-content-body === inline body element
+            return classList.contains('tox-edit-area') || classList.contains('tox-edit-area__iframe') || classList.contains('mce-content-body');
+        }
+        else {
+            return false;
+        }
+    };
+    const isUIElement = (editor, elm) => {
+        const customSelector = getCustomUiSelector(editor);
+        const parent = DOM$9.getParent(elm, (elm) => {
+            return (isEditorUIElement(elm) ||
+                (customSelector ? editor.dom.is(elm, customSelector) : false));
+        });
+        return parent !== null;
+    };
+    const getActiveElement = (editor) => {
+        try {
+            const root = getRootNode(SugarElement.fromDom(editor.getElement()));
+            return active$1(root).fold(() => document.body, (x) => x.dom);
+        }
+        catch (_a) {
+            // IE sometimes fails to get the activeElement when resizing table
+            // TODO: Investigate this
+            return document.body;
+        }
+    };
+    const registerEvents$1 = (editorManager, e) => {
+        const editor = e.editor;
+        register$6(editor);
+        const toggleContentAreaOnFocus = (editor, fn) => {
+            // Inline editors have a different approach to highlight the content area on focus
+            if (shouldHighlightOnFocus(editor) && editor.inline !== true) {
+                const contentArea = SugarElement.fromDom(editor.getContainer());
+                fn(contentArea, 'tox-edit-focus');
+            }
+        };
+        const bringEditorIntoView = (editor) => {
+            const minimumVisibility = 25;
+            if (!editor.iframeElement) {
+                return;
+            }
+            const element = SugarElement.fromDom(editor.iframeElement);
+            const op = find(element);
+            const viewportBounds = getBounds(window);
+            if (op.top < viewportBounds.y || op.top > (viewportBounds.bottom - minimumVisibility)) {
+                element.dom.scrollIntoView({ block: 'center' });
+            }
+        };
+        editor.on('focusin', () => {
+            const focusedEditor = editorManager.focusedEditor;
+            if (isEditorContentAreaElement(getActiveElement(editor))) {
+                toggleContentAreaOnFocus(editor, add$2);
+            }
+            if (focusedEditor !== editor) {
+                if (focusedEditor) {
+                    focusedEditor.dispatch('blur', { focusedEditor: editor });
+                }
+                editorManager.setActive(editor);
+                editorManager.focusedEditor = editor;
+                editor.dispatch('focus', { blurredEditor: focusedEditor });
+                editor.focus(true);
+                const browser = detect$1().browser;
+                if (editor.inline !== true && (browser.isSafari() || browser.isChromium())) {
+                    bringEditorIntoView(editor);
+                }
+            }
+        });
+        editor.on('focusout', () => {
+            Delay.setEditorTimeout(editor, () => {
+                const focusedEditor = editorManager.focusedEditor;
+                // Remove focus highlight when the content area is no longer the active editor element, or if the highlighted editor is not the current focused editor
+                if (!isEditorContentAreaElement(getActiveElement(editor)) || focusedEditor !== editor) {
+                    toggleContentAreaOnFocus(editor, remove$4);
+                }
+                // Still the same editor the blur was outside any editor UI
+                if (!isUIElement(editor, getActiveElement(editor)) && focusedEditor === editor) {
+                    editor.dispatch('blur', { focusedEditor: null });
+                    editorManager.focusedEditor = null;
+                }
+            });
+        });
+        // Check if focus is moved to an element outside the active editor by checking if the target node
+        // isn't within the body of the activeEditor nor a UI element such as a dialog child control
+        if (!documentFocusInHandler) {
+            documentFocusInHandler = (e) => {
+                const activeEditor = editorManager.activeEditor;
+                if (activeEditor) {
+                    getOriginalEventTarget(e).each((target) => {
+                        const elem = target;
+                        if (elem.ownerDocument === document) {
+                            // Fire a blur event if the element isn't a UI element
+                            if (elem !== document.body && !isUIElement(activeEditor, elem) && editorManager.focusedEditor === activeEditor) {
+                                activeEditor.dispatch('blur', { focusedEditor: null });
+                                editorManager.focusedEditor = null;
+                            }
+                        }
+                    });
+                }
+            };
+            DOM$9.bind(document, 'focusin', documentFocusInHandler);
+        }
+    };
+    const unregisterDocumentEvents = (editorManager, e) => {
+        if (editorManager.focusedEditor === e.editor) {
+            editorManager.focusedEditor = null;
+        }
+        if (!editorManager.activeEditor && documentFocusInHandler) {
+            DOM$9.unbind(document, 'focusin', documentFocusInHandler);
+            documentFocusInHandler = null;
+        }
+    };
+    const setup$w = (editorManager) => {
+        editorManager.on('AddEditor', curry(registerEvents$1, editorManager));
+        editorManager.on('RemoveEditor', curry(unregisterDocumentEvents, editorManager));
+    };
+
+    const getContentEditableHost = (editor, node) => editor.dom.getParent(node, (node) => editor.dom.getContentEditable(node) === 'true');
+    const hasContentEditableFalseParent$1 = (editor, node) => editor.dom.getParent(node, (node) => editor.dom.getContentEditable(node) === 'false') !== null;
+    const getCollapsedNode = (rng) => rng.collapsed ? Optional.from(getNode$1(rng.startContainer, rng.startOffset))?.map(SugarElement.fromDom) : Optional.none();
+    const getFocusInElement = (root, rng) => getCollapsedNode(rng).bind((node) => {
+        if (isTableSection(node)) {
+            return Optional?.some(node);
+        }
+        else if (!contains(root, node)) {
+            return Optional?.some(root);
+        }
+        else {
+            return Optional.none();
+        }
+    });
+    const normalizeSelection = (editor, rng) => {
+        getFocusInElement(SugarElement.fromDom(editor.getBody()), rng).bind((elm) => {
+            return firstPositionIn(elm.dom);
+        }).fold(() => {
+            editor.selection.normalize();
+        }, (caretPos) => editor.selection.setRng(caretPos.toRange()));
+    };
+    const focusBody = (body) => {
+        if (body.setActive) {
+            // IE 11 sometimes throws "Invalid function" then fallback to focus
+            // setActive is better since it doesn't scroll to the element being focused
+            try {
+                body.setActive();
+            }
+            catch (_a) {
+                body.focus();
+            }
+        }
+        else {
+            body.focus();
+        }
+    };
+    const hasElementFocus = (elm) => hasFocus$1(elm) || search(elm).isSome();
+    const hasIframeFocus = (editor) => isNonNullable(editor.iframeElement) && hasFocus$1(SugarElement.fromDom(editor.iframeElement));
+    const hasInlineFocus = (editor) => {
+        const rawBody = editor.getBody();
+        return rawBody && hasElementFocus(SugarElement.fromDom(rawBody));
+    };
+    const hasUiFocus = (editor) => {
+        const dos = getRootNode(SugarElement.fromDom(editor.getElement()));
+        // Editor container is the obvious one (Menubar, Toolbar, Status bar, Sidebar) and dialogs and menus are in an auxiliary element (silver theme specific)
+        // This can't use Focus.search() because only the theme has this element reference
+        return active$1(dos)
+            .filter((elem) => !isEditorContentAreaElement(elem.dom) && isUIElement(editor, elem.dom))
+            .isSome();
+    };
+    const hasFocus = (editor) => editor.inline ? hasInlineFocus(editor) : hasIframeFocus(editor);
+    const hasEditorOrUiFocus = (editor) => hasFocus(editor) || hasUiFocus(editor);
+    const focusEditor = (editor) => {
+        const selection = editor.selection;
+        const body = editor.getBody();
+        let rng = selection.getRng();
+        editor.quirks.refreshContentEditable();
+        const restoreBookmark = (editor) => {
+            getRng(editor).each((bookmarkRng) => {
+                editor.selection.setRng(bookmarkRng);
+                rng = bookmarkRng;
+            });
+        };
+        if (!hasFocus(editor) && editor.hasEditableRoot()) {
+            restoreBookmark(editor);
+        }
+        // Move focus to contentEditable=true child if needed
+        const contentEditableHost = getContentEditableHost(editor, selection.getNode());
+        if (contentEditableHost && editor.dom.isChildOf(contentEditableHost, body)) {
+            if (!hasContentEditableFalseParent$1(editor, contentEditableHost)) {
+                focusBody(body);
+            }
+            focusBody(contentEditableHost);
+            if (!editor.hasEditableRoot()) {
+                restoreBookmark(editor);
+            }
+            normalizeSelection(editor, rng);
+            activateEditor(editor);
+            return;
+        }
+        // Focus the window iframe
+        if (!editor.inline) {
+            // WebKit needs this call to fire focusin event properly see #5948
+            // But Opera pre Blink engine will produce an empty selection so skip Opera
+            if (!Env.browser.isOpera()) {
+                focusBody(body);
+            }
+            editor.getWin().focus();
+        }
+        // Focus the body as well since it's contentEditable
+        if (Env.browser.isFirefox() || editor.inline) {
+            focusBody(body);
+            normalizeSelection(editor, rng);
+        }
+        activateEditor(editor);
+    };
+    const activateEditor = (editor) => editor.editorManager.setActive(editor);
+    const focus = (editor, skipFocus) => {
+        if (editor.removed) {
+            return;
+        }
+        if (skipFocus) {
+            activateEditor(editor);
+        }
+        else {
+            focusEditor(editor);
+        }
+    };
+
+    /**
+     * This file exposes a set of the common KeyCodes for use. Please grow it as needed.
+     */
+    const VK = {
+        BACKSPACE: 8,
+        DELETE: 46,
+        DOWN: 40,
+        ENTER: 13,
+        ESC: 27,
+        LEFT: 37,
+        RIGHT: 39,
+        SPACEBAR: 32,
+        TAB: 9,
+        UP: 38,
+        PAGE_UP: 33,
+        PAGE_DOWN: 34,
+        END: 35,
+        HOME: 36,
+        modifierPressed: (e) => {
+            return e.shiftKey || e.ctrlKey || e.altKey || VK.metaKeyPressed(e);
+        },
+        metaKeyPressed: (e) => {
+            // Check if ctrl or meta key is pressed. Edge case for AltGr on Windows where it produces ctrlKey+altKey states
+            return Env.os.isMacOS() || Env.os.isiOS() ? e.metaKey : e.ctrlKey && !e.altKey;
+        }
+    };
+
+    const elementSelectionAttr = 'data-mce-selected';
+    const controlElmSelector = 'table,img,figure.image,hr,video,span.mce-preview-object,details';
+    const abs = Math.abs;
+    const round$1 = Math.round;
+    // Details about each resize handle how to scale etc
+    const resizeHandles = {
+        // Name: x multiplier, y multiplier, delta size x, delta size y
+        nw: [0, 0, -1, -1],
+        ne: [1, 0, 1, -1],
+        se: [1, 1, 1, 1],
+        sw: [0, 1, -1, 1]
+    };
+    const isTouchEvent = (evt) => evt.type === 'longpress' || evt.type.indexOf('touch') === 0;
+    /**
+     * This class handles control selection of elements. Controls are elements
+     * that can be resized and needs to be selected as a whole. It adds custom resize handles
+     * to all browser engines that support properly disabling the built in resize logic.
+     *
+     * @private
+     * @class tinymce.dom.ControlSelection
+     */
+    const ControlSelection = (selection, editor) => {
+        const dom = editor.dom;
+        const editableDoc = editor.getDoc();
+        const rootDocument = document;
+        const rootElement = editor.getBody();
+        let selectedElm, selectedElmGhost, resizeHelper, selectedHandle, resizeBackdrop;
+        let startX, startY, startW, startH, ratio, resizeStarted;
+        let width;
+        let height;
+        let startScrollWidth;
+        let startScrollHeight;
+        const isImage = (elm) => isNonNullable(elm) && (isImg(elm) || dom.is(elm, 'figure.image'));
+        const isMedia = (elm) => isMedia$2(elm) || dom.hasClass(elm, 'mce-preview-object');
+        const isEventOnImageOutsideRange = (evt, range) => {
+            if (isTouchEvent(evt)) {
+                const touch = evt.touches[0];
+                return isImage(evt.target) && !isXYWithinRange(touch.clientX, touch.clientY, range);
+            }
+            else {
+                return isImage(evt.target) && !isXYWithinRange(evt.clientX, evt.clientY, range);
+            }
+        };
+        const contextMenuSelectImage = (evt) => {
+            const target = evt.target;
+            if (isEventOnImageOutsideRange(evt, editor.selection.getRng()) && !evt.isDefaultPrevented()) {
+                editor.selection.select(target);
+            }
+        };
+        const getResizeTargets = (elm) => {
+            if (dom.hasClass(elm, 'mce-preview-object') && isNonNullable(elm.firstElementChild)) {
+                // When resizing a preview object we need to resize both the original element and the wrapper span
+                return [elm, elm.firstElementChild];
+            }
+            else if (dom.is(elm, 'figure.image')) {
+                return [elm.querySelector('img')];
+            }
+            else {
+                return [elm];
+            }
+        };
+        const isResizable = (elm) => {
+            const selector = getObjectResizing(editor);
+            if (!selector || editor.mode.isReadOnly()) {
+                return false;
+            }
+            if (elm.getAttribute('data-mce-resize') === 'false') {
+                return false;
+            }
+            if (elm === editor.getBody()) {
+                return false;
+            }
+            if (dom.hasClass(elm, 'mce-preview-object') && isNonNullable(elm.firstElementChild)) {
+                return is$1(SugarElement.fromDom(elm.firstElementChild), selector);
+            }
+            else {
+                return is$1(SugarElement.fromDom(elm), selector);
+            }
+        };
+        const createGhostElement = (dom, elm) => {
+            if (isMedia(elm)) {
+                return dom.create('img', { src: Env.transparentSrc });
+            }
+            else if (isTable$2(elm)) {
+                const isNorth = startsWith(selectedHandle.name, 'n');
+                const rowSelect = isNorth ? head : last$2;
+                const tableElm = elm.cloneNode(true);
+                // Get row, remove all height styles
+                rowSelect(dom.select('tr', tableElm)).each((tr) => {
+                    const cells = dom.select('td,th', tr);
+                    dom.setStyle(tr, 'height', null);
+                    each$e(cells, (cell) => dom.setStyle(cell, 'height', null));
+                });
+                return tableElm;
+            }
+            else {
+                return elm.cloneNode(true);
+            }
+        };
+        const setSizeProp = (element, name, value) => {
+            if (isNonNullable(value)) {
+                // Resize by using style or attribute
+                const targets = getResizeTargets(element);
+                each$e(targets, (target) => {
+                    if (target.style[name] || !editor.schema.isValid(target.nodeName.toLowerCase(), name)) {
+                        dom.setStyle(target, name, value);
+                    }
+                    else {
+                        dom.setAttrib(target, name, '' + value);
+                    }
+                });
+            }
+        };
+        const setGhostElmSize = (ghostElm, width, height) => {
+            setSizeProp(ghostElm, 'width', width);
+            setSizeProp(ghostElm, 'height', height);
+        };
+        const resizeGhostElement = (e) => {
+            let deltaX, deltaY, proportional;
+            let resizeHelperX, resizeHelperY;
+            // Calc new width/height
+            deltaX = e.screenX - startX;
+            deltaY = e.screenY - startY;
+            // Calc new size
+            width = deltaX * selectedHandle[2] + startW;
+            height = deltaY * selectedHandle[3] + startH;
+            // Never scale down lower than 5 pixels
+            width = width < 5 ? 5 : width;
+            height = height < 5 ? 5 : height;
+            if ((isImage(selectedElm) || isMedia(selectedElm)) && getResizeImgProportional(editor) !== false) {
+                proportional = !VK.modifierPressed(e);
+            }
+            else {
+                proportional = VK.modifierPressed(e);
+            }
+            // Constrain proportions
+            if (proportional) {
+                if (abs(deltaX) > abs(deltaY)) {
+                    height = round$1(width * ratio);
+                    width = round$1(height / ratio);
+                }
+                else {
+                    width = round$1(height / ratio);
+                    height = round$1(width * ratio);
+                }
+            }
+            // Update ghost size
+            setGhostElmSize(selectedElmGhost, width, height);
+            // Update resize helper position
+            resizeHelperX = selectedHandle.startPos.x + deltaX;
+            resizeHelperY = selectedHandle.startPos.y + deltaY;
+            resizeHelperX = resizeHelperX > 0 ? resizeHelperX : 0;
+            resizeHelperY = resizeHelperY > 0 ? resizeHelperY : 0;
+            dom.setStyles(resizeHelper, {
+                left: resizeHelperX,
+                top: resizeHelperY,
+                display: 'block'
+            });
+            resizeHelper.innerHTML = width + ' &times; ' + height;
+            /* TODO: TINY-11702 dom.setStyle() has no effect because the value is NaN
+              // Update ghost X position if needed
+              if (selectedHandle[2] < 0 && selectedElmGhost.clientWidth <= width) {
+                dom.setStyle(selectedElmGhost, 'left', selectedElmX + (startW - width));
+              }
+        
+              // Update ghost Y position if needed
+              if (selectedHandle[3] < 0 && selectedElmGhost.clientHeight <= height) {
+                dom.setStyle(selectedElmGhost, 'top', selectedElmY + (startH - height));
+              }
+            */
+            // Calculate how must overflow we got
+            deltaX = rootElement.scrollWidth - startScrollWidth;
+            deltaY = rootElement.scrollHeight - startScrollHeight;
+            // Re-position the resize helper based on the overflow
+            if (deltaX + deltaY !== 0) {
+                dom.setStyles(resizeHelper, {
+                    left: resizeHelperX - deltaX,
+                    top: resizeHelperY - deltaY
+                });
+            }
+            if (!resizeStarted) {
+                fireObjectResizeStart(editor, selectedElm, startW, startH, 'corner-' + selectedHandle.name);
+                resizeStarted = true;
+            }
+        };
+        const endGhostResize = () => {
+            const wasResizeStarted = resizeStarted;
+            resizeStarted = false;
+            // Set width/height properties
+            if (wasResizeStarted) {
+                setSizeProp(selectedElm, 'width', width);
+                setSizeProp(selectedElm, 'height', height);
+            }
+            dom.unbind(editableDoc, 'mousemove', resizeGhostElement);
+            dom.unbind(editableDoc, 'mouseup', endGhostResize);
+            if (rootDocument !== editableDoc) {
+                dom.unbind(rootDocument, 'mousemove', resizeGhostElement);
+                dom.unbind(rootDocument, 'mouseup', endGhostResize);
+            }
+            // Remove ghost/helper and update resize handle positions
+            dom.remove(selectedElmGhost);
+            dom.remove(resizeHelper);
+            dom.remove(resizeBackdrop);
+            showResizeRect(selectedElm);
+            if (wasResizeStarted) {
+                fireObjectResized(editor, selectedElm, width, height, 'corner-' + selectedHandle.name);
+                dom.setAttrib(selectedElm, 'style', dom.getAttrib(selectedElm, 'style'));
+            }
+            editor.nodeChanged();
+        };
+        const showResizeRect = (targetElm) => {
+            unbindResizeHandleEvents();
+            // Get position and size of target
+            const position = dom.getPos(targetElm, rootElement);
+            const selectedElmX = position.x;
+            const selectedElmY = position.y;
+            const rect = targetElm.getBoundingClientRect(); // Fix for Gecko offsetHeight for table with caption
+            const targetWidth = rect.width || (rect.right - rect.left);
+            const targetHeight = rect.height || (rect.bottom - rect.top);
+            // Reset width/height if user selects a new image/table
+            if (selectedElm !== targetElm) {
+                hideResizeRect();
+                selectedElm = targetElm;
+                width = height = 0;
+            }
+            // Makes it possible to disable resizing
+            const e = editor.dispatch('ObjectSelected', { target: targetElm });
+            if (isResizable(targetElm) && !e.isDefaultPrevented()) {
+                each$d(resizeHandles, (handle, name) => {
+                    const startDrag = (e) => {
+                        // Note: We're guaranteed to have at least one target here
+                        const target = getResizeTargets(selectedElm)[0];
+                        startX = e.screenX;
+                        startY = e.screenY;
+                        startW = target.clientWidth;
+                        startH = target.clientHeight;
+                        ratio = startH / startW;
+                        selectedHandle = handle;
+                        selectedHandle.name = name;
+                        selectedHandle.startPos = {
+                            x: targetWidth * handle[0] + selectedElmX,
+                            y: targetHeight * handle[1] + selectedElmY
+                        };
+                        startScrollWidth = rootElement.scrollWidth;
+                        startScrollHeight = rootElement.scrollHeight;
+                        resizeBackdrop = dom.add(rootElement, 'div', {
+                            'class': 'mce-resize-backdrop',
+                            'data-mce-bogus': 'all'
+                        });
+                        dom.setStyles(resizeBackdrop, {
+                            position: 'fixed',
+                            left: '0',
+                            top: '0',
+                            width: '100%',
+                            height: '100%'
+                        });
+                        selectedElmGhost = createGhostElement(dom, selectedElm);
+                        dom.addClass(selectedElmGhost, 'mce-clonedresizable');
+                        dom.setAttrib(selectedElmGhost, 'data-mce-bogus', 'all');
+                        selectedElmGhost.contentEditable = 'false'; // Hides IE move layer cursor
+                        dom.setStyles(selectedElmGhost, {
+                            left: selectedElmX,
+                            top: selectedElmY,
+                            margin: 0
+                        });
+                        // Set initial ghost size
+                        setGhostElmSize(selectedElmGhost, targetWidth, targetHeight);
+                        selectedElmGhost.removeAttribute(elementSelectionAttr);
+                        rootElement.appendChild(selectedElmGhost);
+                        dom.bind(editableDoc, 'mousemove', resizeGhostElement);
+                        dom.bind(editableDoc, 'mouseup', endGhostResize);
+                        if (rootDocument !== editableDoc) {
+                            dom.bind(rootDocument, 'mousemove', resizeGhostElement);
+                            dom.bind(rootDocument, 'mouseup', endGhostResize);
+                        }
+                        resizeHelper = dom.add(rootElement, 'div', {
+                            'class': 'mce-resize-helper',
+                            'data-mce-bogus': 'all'
+                        }, startW + ' &times; ' + startH);
+                    };
+                    // Get existing or render resize handle
+                    let handleElm = dom.get('mceResizeHandle' + name);
+                    if (handleElm) {
+                        dom.remove(handleElm);
+                    }
+                    handleElm = dom.add(rootElement, 'div', {
+                        'id': 'mceResizeHandle' + name,
+                        'data-mce-bogus': 'all',
+                        'class': 'mce-resizehandle',
+                        'unselectable': true,
+                        'style': 'cursor:' + name + '-resize; margin:0; padding:0'
+                    });
+                    dom.bind(handleElm, 'mousedown', (e) => {
+                        e.stopImmediatePropagation();
+                        e.preventDefault();
+                        startDrag(e);
+                    });
+                    handle.elm = handleElm;
+                    // Position element
+                    dom.setStyles(handleElm, {
+                        left: (targetWidth * handle[0] + selectedElmX) - (handleElm.offsetWidth / 2),
+                        top: (targetHeight * handle[1] + selectedElmY) - (handleElm.offsetHeight / 2)
+                    });
+                });
+            }
+            else {
+                hideResizeRect(false);
+            }
+        };
+        const throttledShowResizeRect = first$1(showResizeRect, 0);
+        const hideResizeRect = (removeSelected = true) => {
+            throttledShowResizeRect.cancel();
+            unbindResizeHandleEvents();
+            if (selectedElm && removeSelected) {
+                selectedElm.removeAttribute(elementSelectionAttr);
+            }
+            each$d(resizeHandles, (value, name) => {
+                const handleElm = dom.get('mceResizeHandle' + name);
+                if (handleElm) {
+                    dom.unbind(handleElm);
+                    dom.remove(handleElm);
+                }
+            });
+        };
+        const isChildOrEqual = (node, parent) => dom.isChildOf(node, parent);
+        const updateResizeRect = (e) => {
+            // Ignore all events while resizing, if the editor instance is composing or the editor was removed
+            if (resizeStarted || editor.removed || editor.composing) {
+                return;
+            }
+            const targetElm = e.type === 'mousedown' ? e.target : selection.getNode();
+            const controlElm = closest$3(SugarElement.fromDom(targetElm), controlElmSelector)
+                ?.map((e) => e.dom)
+                .filter((e) => dom.isEditable(e.parentElement) || (e.nodeName === 'IMG' && dom.isEditable(e)))
+                .getOrUndefined();
+            // Store the original data-mce-selected value or fallback to '1' if not set
+            const selectedValue = isNonNullable(controlElm) ? dom.getAttrib(controlElm, elementSelectionAttr, '1') : '1';
+            // Remove data-mce-selected from all elements since they might have been copied using Ctrl+c/v
+            each$e(dom.select(`img[${elementSelectionAttr}],hr[${elementSelectionAttr}]`), (img) => {
+                img.removeAttribute(elementSelectionAttr);
+            });
+            if (isNonNullable(controlElm) && isChildOrEqual(controlElm, rootElement) && hasEditorOrUiFocus(editor)) {
+                disableGeckoResize();
+                const startElm = selection.getStart(true);
+                if (isChildOrEqual(startElm, controlElm) && isChildOrEqual(selection.getEnd(true), controlElm)) {
+                    // Note: We must ensure the selected attribute is added first before showing the rect so that we don't get any selection flickering
+                    dom.setAttrib(controlElm, elementSelectionAttr, selectedValue);
+                    throttledShowResizeRect.throttle(controlElm);
+                    return;
+                }
+            }
+            hideResizeRect();
+        };
+        const unbindResizeHandleEvents = () => {
+            each$d(resizeHandles, (handle) => {
+                if (handle.elm) {
+                    dom.unbind(handle.elm);
+                    // eslint-disable-next-line @typescript-eslint/no-array-delete
+                    delete handle.elm;
+                }
+            });
+        };
+        const disableGeckoResize = () => {
+            try {
+                // Disable object resizing on Gecko
+                editor.getDoc().execCommand('enableObjectResizing', false, 'false');
+            }
+            catch (_a) {
+                // Ignore
+            }
+        };
+        editor.on('init', () => {
+            disableGeckoResize();
+            editor.on('NodeChange ResizeEditor ResizeWindow ResizeContent drop', updateResizeRect);
+            // Update resize rect while typing in a table
+            editor.on('keyup compositionend', (e) => {
+                // Don't update the resize rect while composing since it blows away the IME see: #2710
+                if (selectedElm && selectedElm.nodeName === 'TABLE') {
+                    updateResizeRect(e);
+                }
+            });
+            editor.on('hide blur', hideResizeRect);
+            editor.on('contextmenu longpress', contextMenuSelectImage, true);
+            // Hide rect on focusout since it would float on top of windows otherwise
+            // editor.on('focusout', hideResizeRect);
+        });
+        editor.on('remove', unbindResizeHandleEvents);
+        const destroy = () => {
+            throttledShowResizeRect.cancel();
+            selectedElm = selectedElmGhost = resizeBackdrop = null;
+        };
+        return {
+            isResizable,
+            showResizeRect,
+            hideResizeRect,
+            updateResizeRect,
+            destroy
+        };
+    };
+
+    const fromPoint = (clientX, clientY, doc) => {
+        const win = defaultView(SugarElement.fromDom(doc));
+        return getAtPoint(win.dom, clientX, clientY)?.map((simRange) => {
+            const rng = doc.createRange();
+            rng.setStart(simRange.start.dom, simRange.soffset);
+            rng.setEnd(simRange.finish.dom, simRange.foffset);
+            return rng;
+        }).getOrUndefined();
+    };
+
+    const isEq$4 = (rng1, rng2) => {
+        return isNonNullable(rng1) && isNonNullable(rng2) &&
+            (rng1.startContainer === rng2.startContainer && rng1.startOffset === rng2.startOffset) &&
+            (rng1.endContainer === rng2.endContainer && rng1.endOffset === rng2.endOffset);
+    };
+
+    const findParent = (node, rootNode, predicate) => {
+        let currentNode = node;
+        while (currentNode && currentNode !== rootNode) {
+            if (predicate(currentNode)) {
+                return currentNode;
+            }
+            currentNode = currentNode.parentNode;
+        }
+        return null;
+    };
+    const hasParent$1 = (node, rootNode, predicate) => findParent(node, rootNode, predicate) !== null;
+    const hasParentWithName = (node, rootNode, name) => hasParent$1(node, rootNode, (node) => node.nodeName === name);
+    const isCeFalseCaretContainer = (node, rootNode) => isCaretContainer$2(node) && !hasParent$1(node, rootNode, isCaretNode);
+    const hasBrBeforeAfter = (dom, node, left) => {
+        const parentNode = node.parentNode;
+        if (parentNode) {
+            const walker = new DomTreeWalker(node, dom.getParent(parentNode, dom.isBlock) || dom.getRoot());
+            let currentNode;
+            while ((currentNode = walker[left ? 'prev' : 'next']())) {
+                if (isBr$6(currentNode)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    const isPrevNode = (node, name) => { var _a; return ((_a = node.previousSibling) === null || _a === void 0 ? void 0 : _a.nodeName) === name; };
+    const hasContentEditableFalseParent = (root, node) => {
+        let currentNode = node;
+        while (currentNode && currentNode !== root) {
+            if (isContentEditableFalse$a(currentNode)) {
+                return true;
+            }
+            currentNode = currentNode.parentNode;
+        }
+        return false;
+    };
+    // Walks the dom left/right to find a suitable text node to move the endpoint into
+    // It will only walk within the current parent block or body and will stop if it hits a block or a BR/IMG
+    const findTextNodeRelative = (dom, isAfterNode, collapsed, left, startNode) => {
+        const body = dom.getRoot();
+        const nonEmptyElementsMap = dom.schema.getNonEmptyElements();
+        const parentNode = startNode.parentNode;
+        let lastInlineElement;
+        let node;
+        if (!parentNode) {
+            return Optional.none();
+        }
+        const parentBlockContainer = dom.getParent(parentNode, dom.isBlock) || body;
+        // Lean left before the BR element if it's the only BR within a block element. Gecko bug: #6680
+        // This: <p><br>|</p> becomes <p>|<br></p>
+        if (left && isBr$6(startNode) && isAfterNode && dom.isEmpty(parentBlockContainer)) {
+            return Optional?.some(CaretPosition(parentNode, dom.nodeIndex(startNode)));
+        }
+        // Walk left until we hit a text node we can move to or a block/br/img
+        const walker = new DomTreeWalker(startNode, parentBlockContainer);
+        while ((node = walker[left ? 'prev' : 'next']())) {
+            // Break if we hit a non content editable node
+            if (dom.getContentEditableParent(node) === 'false' || isCeFalseCaretContainer(node, body)) {
+                return Optional.none();
+            }
+            // Found text node that has a length
+            if (isText$b(node) && node.data.length > 0) {
+                if (!hasParentWithName(node, body, 'A')) {
+                    return Optional?.some(CaretPosition(node, left ? node.data.length : 0));
+                }
+                return Optional.none();
+            }
+            // Break if we find a block or a BR/IMG/INPUT etc
+            if (dom.isBlock(node) || nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
+                return Optional.none();
+            }
+            lastInlineElement = node;
+        }
+        if (isComment(lastInlineElement)) {
+            return Optional.none();
+        }
+        // Only fetch the last inline element when in caret mode for now
+        if (collapsed && lastInlineElement) {
+            return Optional?.some(CaretPosition(lastInlineElement, 0));
+        }
+        return Optional.none();
+    };
+    const normalizeEndPoint = (dom, collapsed, start, rng) => {
+        const body = dom.getRoot();
+        let node;
+        let normalized = false;
+        let container = start ? rng.startContainer : rng.endContainer;
+        let offset = start ? rng.startOffset : rng.endOffset;
+        const isAfterNode = isElement$6(container) && offset === container.childNodes.length;
+        const nonEmptyElementsMap = dom.schema.getNonEmptyElements();
+        let directionLeft = start;
+        if (isCaretContainer$2(container)) {
+            return Optional.none();
+        }
+        if (isElement$6(container) && offset > container.childNodes.length - 1) {
+            directionLeft = false;
+        }
+        // If the container is a document move it to the body element
+        if (isDocument$1(container)) {
+            container = body;
+            offset = 0;
+        }
+        // If the container is body try move it into the closest text node or position
+        if (container === body) {
+            // If start is before/after a image, table etc
+            if (directionLeft) {
+                node = container.childNodes[offset > 0 ? offset - 1 : 0];
+                if (node) {
+                    if (isCaretContainer$2(node)) {
+                        return Optional.none();
+                    }
+                    if (nonEmptyElementsMap[node.nodeName] || isTable$2(node)) {
+                        return Optional.none();
+                    }
+                }
+            }
+            // Resolve the index
+            if (container.hasChildNodes()) {
+                offset = Math.min(!directionLeft && offset > 0 ? offset - 1 : offset, container.childNodes.length - 1);
+                container = container.childNodes[offset];
+                offset = isText$b(container) && isAfterNode ? container.data.length : 0;
+                // Don't normalize non collapsed selections like <p>[a</p><table></table>]
+                if (!collapsed && container === body.lastChild && isTable$2(container)) {
+                    return Optional.none();
+                }
+                if (hasContentEditableFalseParent(body, container) || isCaretContainer$2(container)) {
+                    return Optional.none();
+                }
+                if (isDetails(container)) {
+                    return Optional.none();
+                }
+                // Don't walk into elements that doesn't have any child nodes like a IMG
+                if (container.hasChildNodes() && !isTable$2(container)) {
+                    // Walk the DOM to find a text node to place the caret at or a BR
+                    node = container;
+                    const walker = new DomTreeWalker(container, body);
+                    do {
+                        if (isContentEditableFalse$a(node) || isCaretContainer$2(node)) {
+                            normalized = false;
+                            break;
+                        }
+                        // Found a text node use that position
+                        if (isText$b(node) && node.data.length > 0) {
+                            offset = directionLeft ? 0 : node.data.length;
+                            container = node;
+                            normalized = true;
+                            break;
+                        }
+                        // Found a BR/IMG/PRE element that we can place the caret before
+                        if (nonEmptyElementsMap[node.nodeName.toLowerCase()] && !isTableCellOrCaption(node)) {
+                            offset = dom.nodeIndex(node);
+                            container = node.parentNode;
+                            // Put caret after image and pre tag when moving the end point
+                            if (!directionLeft) {
+                                offset++;
+                            }
+                            normalized = true;
+                            break;
+                        }
+                    } while ((node = (directionLeft ? walker.next() : walker.prev())));
+                }
+            }
+        }
+        // Lean the caret to the left if possible
+        if (collapsed) {
+            // So this: <b>x</b><i>|x</i>
+            // Becomes: <b>x|</b><i>x</i>
+            // Seems that only gecko has issues with this
+            if (isText$b(container) && offset === 0) {
+                findTextNodeRelative(dom, isAfterNode, collapsed, true, container).each((pos) => {
+                    container = pos.container();
+                    offset = pos.offset();
+                    normalized = true;
+                });
+            }
+            // Lean left into empty inline elements when the caret is before a BR
+            // So this: <i><b></b><i>|<br></i>
+            // Becomes: <i><b>|</b><i><br></i>
+            // Seems that only gecko has issues with this.
+            // Special edge case for <p><a>x</a>|<br></p> since we don't want <p><a>x|</a><br></p>
+            if (isElement$6(container)) {
+                node = container.childNodes[offset];
+                // Offset is after the containers last child
+                // then use the previous child for normalization
+                if (!node) {
+                    node = container.childNodes[offset - 1];
+                }
+                if (node && isBr$6(node) && !isPrevNode(node, 'A') &&
+                    !hasBrBeforeAfter(dom, node, false) && !hasBrBeforeAfter(dom, node, true)) {
+                    findTextNodeRelative(dom, isAfterNode, collapsed, true, node).each((pos) => {
+                        container = pos.container();
+                        offset = pos.offset();
+                        normalized = true;
+                    });
+                }
+            }
+        }
+        // Lean the start of the selection right if possible
+        // So this: x[<b>x]</b>
+        // Becomes: x<b>[x]</b>
+        if (directionLeft && !collapsed && isText$b(container) && offset === container.data.length) {
+            findTextNodeRelative(dom, isAfterNode, collapsed, false, container).each((pos) => {
+                container = pos.container();
+                offset = pos.offset();
+                normalized = true;
+            });
+        }
+        return normalized && container ? Optional?.some(CaretPosition(container, offset)) : Optional.none();
+    };
+    const normalize$2 = (dom, rng) => {
+        const collapsed = rng.collapsed, normRng = rng.cloneRange();
+        const startPos = CaretPosition.fromRangeStart(rng);
+        normalizeEndPoint(dom, collapsed, true, normRng).each((pos) => {
+            // #TINY-1595: Do not move the caret to previous line
+            if (!collapsed || !CaretPosition.isAbove(startPos, pos)) {
+                normRng.setStart(pos.container(), pos.offset());
+            }
+        });
+        if (!collapsed) {
+            normalizeEndPoint(dom, collapsed, false, normRng).each((pos) => {
+                normRng.setEnd(pos.container(), pos.offset());
+            });
+        }
+        // If it was collapsed then make sure it still is
+        if (collapsed) {
+            normRng.collapse(true);
+        }
+        return isEq$4(rng, normRng) ? Optional.none() : Optional?.some(normRng);
+    };
+
+    const splitText = (node, offset) => {
+        return node.splitText(offset);
+    };
+    const split = (rng) => {
+        let startContainer = rng.startContainer, startOffset = rng.startOffset, endContainer = rng.endContainer, endOffset = rng.endOffset;
+        // Handle single text node
+        if (startContainer === endContainer && isText$b(startContainer)) {
+            if (startOffset > 0 && startOffset < startContainer.data.length) {
+                endContainer = splitText(startContainer, startOffset);
+                startContainer = endContainer.previousSibling;
+                if (endOffset > startOffset) {
+                    endOffset = endOffset - startOffset;
+                    const newContainer = splitText(endContainer, endOffset).previousSibling;
+                    startContainer = endContainer = newContainer;
+                    endOffset = newContainer.data.length;
+                    startOffset = 0;
+                }
+                else {
+                    endOffset = 0;
+                }
+            }
+        }
+        else {
+            // Split startContainer text node if needed
+            if (isText$b(startContainer) && startOffset > 0 && startOffset < startContainer.data.length) {
+                startContainer = splitText(startContainer, startOffset);
+                startOffset = 0;
+            }
+            // Split endContainer text node if needed
+            if (isText$b(endContainer) && endOffset > 0 && endOffset < endContainer.data.length) {
+                const newContainer = splitText(endContainer, endOffset).previousSibling;
+                endContainer = newContainer;
+                endOffset = newContainer.data.length;
+            }
+        }
+        return {
+            startContainer,
+            startOffset,
+            endContainer,
+            endOffset
+        };
+    };
+
+    /**
+     * This class contains a few utility methods for ranges.
+     *
+     * @class tinymce.dom.RangeUtils
+     */
+    const RangeUtils = (dom) => {
+        /**
+         * Walks the specified range like object and executes the callback for each sibling collection it finds.
+         *
+         * @private
+         * @method walk
+         * @param {RangeObject} rng Range like object.
+         * @param {Function} callback Callback function to execute for each sibling collection.
+         */
+        const walk = (rng, callback) => {
+            return walk$3(dom, rng, callback);
+        };
+        /**
+         * Splits the specified range at it's start/end points.
+         *
+         * @private
+         * @param {RangeObject} rng Range to split.
+         * @return {RangeObject} Range position object.
+         */
+        const split$1 = split;
+        /**
+         * Normalizes the specified range by finding the closest best suitable caret location.
+         *
+         * @private
+         * @param {Range} rng Range to normalize.
+         * @return {Boolean} True or false if the specified range was normalized or not.
+         */
+        const normalize = (rng) => {
+            return normalize$2(dom, rng).fold(never, (normalizedRng) => {
+                rng.setStart(normalizedRng.startContainer, normalizedRng.startOffset);
+                rng.setEnd(normalizedRng.endContainer, normalizedRng.endOffset);
+                return true;
+            });
+        };
+        /**
+         * Returns a range expanded around the entire word the provided selection was collapsed within.
+         *
+         * @method expand
+         * @param {Range} rng The initial range to work from.
+         * @param {Object} options Optional options provided to the expansion. Defaults to { type: 'word' }
+         * @return {Range} Returns the expanded range.
+         */
+        const expand = (rng, options = { type: 'word' }) => {
+            if (options.type === 'word') {
+                const rangeLike = expandRng(dom, rng, [{ inline: 'span' }], { includeTrailingSpace: false, expandToBlock: false });
+                const newRange = dom.createRng();
+                newRange.setStart(rangeLike.startContainer, rangeLike.startOffset);
+                newRange.setEnd(rangeLike.endContainer, rangeLike.endOffset);
+                return newRange;
+            }
+            return rng;
+        };
+        return {
+            walk,
+            split: split$1,
+            expand,
+            normalize
+        };
+    };
+    /**
+     * Compares two ranges and checks if they are equal.
+     *
+     * @static
+     * @method compareRanges
+     * @param {RangeObject} rng1 First range to compare.
+     * @param {RangeObject} rng2 First range to compare.
+     * @return {Boolean} True or false if the ranges are equal.
+     */
+    RangeUtils.compareRanges = isEq$4;
+    /**
+     * Gets the caret range for the given x/y location.
+     *
+     * @static
+     * @method getCaretRangeFromPoint
+     * @param {Number} clientX X coordinate for range
+     * @param {Number} clientY Y coordinate for range
+     * @param {Document} doc Document that the x and y coordinates are relative to
+     * @returns {Range} Caret range
+     */
+    RangeUtils.getCaretRangeFromPoint = fromPoint;
+    RangeUtils.getSelectedNode = getSelectedNode;
+    RangeUtils.getNode = getNode$1;
+
+    const excludeFromDescend = (element) => name(element) === 'textarea';
+    const fireScrollIntoViewEvent = (editor, data) => {
+        const scrollEvent = editor.dispatch('ScrollIntoView', data);
+        return scrollEvent.isDefaultPrevented();
+    };
+    const fireAfterScrollIntoViewEvent = (editor, data) => {
+        editor.dispatch('AfterScrollIntoView', data);
+    };
+    const descend = (element, offset) => {
+        const children = children$1(element);
+        if (children.length === 0 || excludeFromDescend(element)) {
+            return { element, offset };
+        }
+        else if (offset < children.length && !excludeFromDescend(children[offset])) {
+            return { element: children[offset], offset: 0 };
+        }
+        else {
+            const last = children[children.length - 1];
+            if (excludeFromDescend(last)) {
+                return { element, offset };
+            }
+            else {
+                if (name(last) === 'img') {
+                    return { element: last, offset: 1 };
+                }
+                else if (isText$c(last)) {
+                    return { element: last, offset: get$4(last).length };
+                }
+                else {
+                    return { element: last, offset: children$1(last).length };
+                }
+            }
+        }
+    };
+    const markerInfo = (element, cleanupFun) => {
+        const pos = absolute(element);
+        const height = get$6(element);
+        return {
+            element,
+            bottom: pos.top + height,
+            height,
+            pos,
+            cleanup: cleanupFun
+        };
+    };
+    const createMarker$1 = (element, offset) => {
+        const startPoint = descend(element, offset);
+        const span = SugarElement.fromHtml('<span data-mce-bogus="all" style="display: inline-block;">' + ZWSP$1 + '</span>');
+        before$3(startPoint.element, span);
+        return markerInfo(span, () => remove$8(span));
+    };
+    const elementMarker = (element) => markerInfo(SugarElement.fromDom(element), noop);
+    const withMarker = (editor, f, rng, alignToTop) => {
+        preserveWith(editor, (_s, _e) => applyWithMarker(editor, f, rng, alignToTop), rng);
+    };
+    const withScrollEvents = (editor, doc, f, marker, alignToTop) => {
+        const data = { elm: marker.element.dom, alignToTop };
+        if (fireScrollIntoViewEvent(editor, data)) {
+            return;
+        }
+        const scrollTop = get$5(doc).top;
+        f(editor, doc, scrollTop, marker, alignToTop);
+        fireAfterScrollIntoViewEvent(editor, data);
+    };
+    const applyWithMarker = (editor, f, rng, alignToTop) => {
+        const body = SugarElement.fromDom(editor.getBody());
+        const doc = SugarElement.fromDom(editor.getDoc());
+        reflow(body);
+        const marker = createMarker$1(SugarElement.fromDom(rng.startContainer), rng.startOffset);
+        withScrollEvents(editor, doc, f, marker, alignToTop);
+        marker.cleanup();
+    };
+    const withElement = (editor, element, f, alignToTop) => {
+        const doc = SugarElement.fromDom(editor.getDoc());
+        withScrollEvents(editor, doc, f, elementMarker(element), alignToTop);
+    };
+    const preserveWith = (editor, f, rng) => {
+        const startElement = rng.startContainer;
+        const startOffset = rng.startOffset;
+        const endElement = rng.endContainer;
+        const endOffset = rng.endOffset;
+        f(SugarElement.fromDom(startElement), SugarElement.fromDom(endElement));
+        const newRng = editor.dom.createRng();
+        newRng.setStart(startElement, startOffset);
+        newRng.setEnd(endElement, endOffset);
+        editor.selection.setRng(rng);
+    };
+    const scrollToMarker = (editor, marker, viewHeight, alignToTop, doc) => {
+        const pos = marker.pos;
+        // with default font size 16px font and 1.3 line height (~21px per line),
+        // adding roughly 50% extra space gives about 30px of breathing room ensuring comfortable spacing.
+        const scrollMargin = 30;
+        if (alignToTop) {
+            // When scrolling to top, add margin to the top position
+            to(pos.left, Math.max(0, pos.top - scrollMargin), doc);
+        }
+        else {
+            // The position we want to scroll to is the...
+            // (absolute position of the marker, minus the view height) plus (the height of the marker)
+            // When scrolling to bottom, add margin to ensure content isn't at the very bottom
+            const y = (pos.top - viewHeight) + marker.height + scrollMargin;
+            to(-editor.getBody().getBoundingClientRect().left, y, doc);
+        }
+    };
+    const intoWindowIfNeeded = (editor, doc, scrollTop, viewHeight, marker, alignToTop) => {
+        const viewportBottom = viewHeight + scrollTop;
+        const markerTop = marker.pos.top;
+        const markerBottom = marker.bottom;
+        const largerThanViewport = markerBottom - markerTop >= viewHeight;
+        // above the screen, scroll to top by default
+        if (markerTop < scrollTop) {
+            scrollToMarker(editor, marker, viewHeight, alignToTop !== false, doc);
+            // completely below the screen. Default scroll to the top if element height is larger
+            // than the viewport, otherwise default to scrolling to the bottom
+        }
+        else if (markerTop > viewportBottom) {
+            const align = largerThanViewport ? alignToTop !== false : alignToTop === true;
+            scrollToMarker(editor, marker, viewHeight, align, doc);
+            // partially below the bottom, only scroll if element height is less than viewport
+        }
+        else if (markerBottom > viewportBottom && !largerThanViewport) {
+            scrollToMarker(editor, marker, viewHeight, alignToTop === true, doc);
+        }
+    };
+    const intoWindow = (editor, doc, scrollTop, marker, alignToTop) => {
+        const viewHeight = defaultView(doc).dom.innerHeight;
+        intoWindowIfNeeded(editor, doc, scrollTop, viewHeight, marker, alignToTop);
+    };
+    const intoFrame = (editor, doc, scrollTop, marker, alignToTop) => {
+        const frameViewHeight = defaultView(doc).dom.innerHeight; // height of iframe container
+        // If the position is outside the iframe viewport, scroll to it
+        intoWindowIfNeeded(editor, doc, scrollTop, frameViewHeight, marker, alignToTop);
+        // If the new position is outside the window viewport, scroll to it
+        const op = find(marker.element);
+        const viewportBounds = getBounds(window);
+        if (op.top < viewportBounds.y) {
+            intoView(marker.element, alignToTop !== false);
+        }
+        else if (op.top > viewportBounds.bottom) {
+            intoView(marker.element, alignToTop === true);
+        }
+    };
+    const rangeIntoWindow = (editor, rng, alignToTop) => withMarker(editor, intoWindow, rng, alignToTop);
+    const elementIntoWindow = (editor, element, alignToTop) => withElement(editor, element, intoWindow, alignToTop);
+    const rangeIntoFrame = (editor, rng, alignToTop) => withMarker(editor, intoFrame, rng, alignToTop);
+    const elementIntoFrame = (editor, element, alignToTop) => withElement(editor, element, intoFrame, alignToTop);
+    const scrollElementIntoView = (editor, element, alignToTop) => {
+        const scroller = editor.inline ? elementIntoWindow : elementIntoFrame;
+        scroller(editor, element, alignToTop);
+    };
+    // This method is made to deal with the user pressing enter, it is not useful
+    // if we want for example scroll in content after a paste event.
+    const scrollRangeIntoView = (editor, rng, alignToTop) => {
+        const scroller = editor.inline ? rangeIntoWindow : rangeIntoFrame;
+        scroller(editor, rng, alignToTop);
+    };
+
+    const isEditableRange = (dom, rng) => {
+        if (rng.collapsed) {
+            return dom.isEditable(rng.startContainer);
+        }
+        else {
+            return dom.isEditable(rng.startContainer) && dom.isEditable(rng.endContainer);
+        }
+    };
+
+    const getEndpointElement = (root, rng, start, real, resolve) => {
+        const container = start ? rng.startContainer : rng.endContainer;
+        const offset = start ? rng.startOffset : rng.endOffset;
+        return Optional.from(container)
+            ?.map(SugarElement.fromDom)
+            ?.map((elm) => !real || !rng.collapsed ? child$1(elm, resolve(elm, offset)).getOr(elm) : elm)
+            .bind((elm) => isElement$7(elm) ? Optional?.some(elm) : parent(elm).filter(isElement$7))
+            ?.map((elm) => elm.dom)
+            .getOr(root);
+    };
+    const getStart = (root, rng, real = false) => getEndpointElement(root, rng, true, real, (elm, offset) => Math.min(childNodesCount(elm), offset));
+    const getEnd = (root, rng, real = false) => getEndpointElement(root, rng, false, real, (elm, offset) => offset > 0 ? offset - 1 : offset);
+    const skipEmptyTextNodes = (node, forwards) => {
+        const orig = node;
+        while (node && isText$b(node) && node.length === 0) {
+            node = forwards ? node.nextSibling : node.previousSibling;
+        }
+        return node || orig;
+    };
+    const getNode = (root, rng) => {
+        // Range maybe lost after the editor is made visible again
+        if (!rng) {
+            return root;
+        }
+        let startContainer = rng.startContainer;
+        let endContainer = rng.endContainer;
+        const startOffset = rng.startOffset;
+        const endOffset = rng.endOffset;
+        let node = rng.commonAncestorContainer;
+        // Handle selection a image or other control like element such as anchors
+        if (!rng.collapsed) {
+            if (startContainer === endContainer) {
+                if (endOffset - startOffset < 2) {
+                    if (startContainer.hasChildNodes()) {
+                        node = startContainer.childNodes[startOffset];
+                    }
+                }
+            }
+            // If the anchor node is a element instead of a text node then return this element
+            // if (tinymce.isWebKit && sel.anchorNode && sel.anchorNode.nodeType == 1)
+            // return sel.anchorNode.childNodes[sel.anchorOffset];
+            // Handle cases where the selection is immediately wrapped around a node and return that node instead of it's parent.
+            // This happens when you double click an underlined word in FireFox.
+            if (isText$b(startContainer) && isText$b(endContainer)) {
+                if (startContainer.length === startOffset) {
+                    startContainer = skipEmptyTextNodes(startContainer.nextSibling, true);
+                }
+                else {
+                    startContainer = startContainer.parentNode;
+                }
+                if (endOffset === 0) {
+                    endContainer = skipEmptyTextNodes(endContainer.previousSibling, false);
+                }
+                else {
+                    endContainer = endContainer.parentNode;
+                }
+                if (startContainer && startContainer === endContainer) {
+                    node = startContainer;
+                }
+            }
+        }
+        const elm = isText$b(node) ? node.parentNode : node;
+        return isHTMLElement(elm) ? elm : root;
+    };
+    const getSelectedBlocks = (dom, rng, startElm, endElm) => {
+        const selectedBlocks = [];
+        const root = dom.getRoot();
+        const start = dom.getParent(startElm || getStart(root, rng, rng.collapsed), dom.isBlock);
+        const end = dom.getParent(endElm || getEnd(root, rng, rng.collapsed), dom.isBlock);
+        if (start && start !== root) {
+            selectedBlocks.push(start);
+        }
+        if (start && end && start !== end) {
+            let node;
+            const walker = new DomTreeWalker(start, root);
+            while ((node = walker.next()) && node !== end) {
+                if (dom.isBlock(node)) {
+                    selectedBlocks.push(node);
+                }
+            }
+        }
+        if (end && start !== end && end !== root) {
+            selectedBlocks.push(end);
+        }
+        return selectedBlocks;
+    };
+    const select = (dom, node, content) => Optional.from(node).bind((node) => Optional.from(node.parentNode)?.map((parent) => {
+        const idx = dom.nodeIndex(node);
+        const rng = dom.createRng();
+        rng.setStart(parent, idx);
+        rng.setEnd(parent, idx + 1);
+        // Find first/last text node or BR element
+        if (content) {
+            moveEndPoint(dom, rng, node, true);
+            moveEndPoint(dom, rng, node, false);
+        }
+        return rng;
+    }));
+
+    const processRanges = (editor, ranges) => map$3(ranges, (range) => {
+        const evt = editor.dispatch('GetSelectionRange', { range });
+        return evt.range !== range ? evt.range : range;
+    });
+
+    const typeLookup = {
+        '#text': 3,
+        '#comment': 8,
+        '#cdata': 4,
+        '#pi': 7,
+        '#doctype': 10,
+        '#document-fragment': 11
+    };
+    // Walks the tree left/right
+    const walk$2 = (node, root, prev) => {
+        const startName = prev ? 'lastChild' : 'firstChild';
+        const siblingName = prev ? 'prev' : 'next';
+        // Walk into nodes if it has a start
+        if (node[startName]) {
+            return node[startName];
+        }
+        // Return the sibling if it has one
+        if (node !== root) {
+            let sibling = node[siblingName];
+            if (sibling) {
+                return sibling;
+            }
+            // Walk up the parents to look for siblings
+            for (let parent = node.parent; parent && parent !== root; parent = parent.parent) {
+                sibling = parent[siblingName];
+                if (sibling) {
+                    return sibling;
+                }
+            }
+        }
+        return undefined;
+    };
+    const isEmptyTextNode = (node) => {
+        var _a;
+        const text = (_a = node.value) !== null && _a !== void 0 ? _a : '';
+        // Non whitespace content
+        if (!isWhitespaceText(text)) {
+            return false;
+        }
+        // Parent is not a span and only spaces or is a span but has styles
+        const parentNode = node.parent;
+        if (parentNode && (parentNode.name !== 'span' || parentNode.attr('style')) && /^[ ]+$/.test(text)) {
+            return false;
+        }
+        return true;
+    };
+    // Check if node contains data-bookmark attribute, name attribute, id attribute or is a named anchor
+    const isNonEmptyElement = (node) => {
+        const isNamedAnchor = node.name === 'a' && !node.attr('href') && node.attr('id');
+        return (node.attr('name') || (node.attr('id') && !node.firstChild) || node.attr('data-mce-bookmark') || isNamedAnchor);
+    };
+    /**
+     * This class is a minimalistic implementation of a DOM like node used by the DomParser class.
+     *
+     * @class tinymce.html.Node
+     * @version 3.4
+     * @example
+     * const node = new tinymce.html.Node('strong', 1);
+     * someRoot.append(node);
+     */
+    class AstNode {
+        /**
+         * Creates a node of a specific type.
+         *
+         * @static
+         * @method create
+         * @param {String} name Name of the node type to create for example "b" or "#text".
+         * @param {Object} attrs Name/value collection of attributes that will be applied to elements.
+         */
+        static create(name, attrs) {
+            // Create node
+            const node = new AstNode(name, typeLookup[name] || 1);
+            // Add attributes if needed
+            if (attrs) {
+                each$d(attrs, (value, attrName) => {
+                    node.attr(attrName, value);
+                });
+            }
+            return node;
+        }
+        /**
+         * Constructs a new Node instance.
+         *
+         * @constructor
+         * @method Node
+         * @param {String} name Name of the node type.
+         * @param {Number} type Numeric type representing the node.
+         */
+        constructor(name, type) {
+            this.name = name;
+            this.type = type;
+            if (type === 1) {
+                this.attributes = [];
+                this.attributes.map = {}; // Should be considered internal
+            }
+        }
+        /**
+         * Replaces the current node with the specified one.
+         *
+         * @method replace
+         * @param {tinymce.html.Node} node Node to replace the current node with.
+         * @return {tinymce.html.Node} The old node that got replaced.
+         * @example
+         * someNode.replace(someNewNode);
+         */
+        replace(node) {
+            const self = this;
+            if (node.parent) {
+                node.remove();
+            }
+            self.insert(node, self);
+            self.remove();
+            return self;
+        }
+        attr(name, value) {
+            const self = this;
+            if (!isString(name)) {
+                if (isNonNullable(name)) {
+                    each$d(name, (value, key) => {
+                        self.attr(key, value);
+                    });
+                }
+                return self;
+            }
+            const attrs = self.attributes;
+            if (attrs) {
+                if (value !== undefined) {
+                    // Remove attribute
+                    if (value === null) {
+                        if (name in attrs.map) {
+                            delete attrs.map[name];
+                            let i = attrs.length;
+                            while (i--) {
+                                if (attrs[i].name === name) {
+                                    attrs.splice(i, 1);
+                                    return self;
+                                }
+                            }
+                        }
+                        return self;
+                    }
+                    // Set attribute
+                    if (name in attrs.map) {
+                        // Set attribute
+                        let i = attrs.length;
+                        while (i--) {
+                            if (attrs[i].name === name) {
+                                attrs[i].value = value;
+                                break;
+                            }
+                        }
+                    }
+                    else {
+                        attrs.push({ name, value });
+                    }
+                    attrs.map[name] = value;
+                    return self;
+                }
+                return attrs.map[name];
+            }
+            return undefined;
+        }
+        /**
+         * Does a shallow clones the node into a new node. It will also exclude id attributes since
+         * there should only be one id per document.
+         *
+         * @method clone
+         * @return {tinymce.html.Node} New copy of the original node.
+         * @example
+         * const clonedNode = node.clone();
+         */
+        clone() {
+            const self = this;
+            const clone = new AstNode(self.name, self.type);
+            const selfAttrs = self.attributes;
+            // Clone element attributes
+            if (selfAttrs) {
+                const cloneAttrs = [];
+                cloneAttrs.map = {};
+                for (let i = 0, l = selfAttrs.length; i < l; i++) {
+                    const selfAttr = selfAttrs[i];
+                    // Clone everything except id
+                    if (selfAttr.name !== 'id') {
+                        cloneAttrs[cloneAttrs.length] = { name: selfAttr.name, value: selfAttr.value };
+                        cloneAttrs.map[selfAttr.name] = selfAttr.value;
+                    }
+                }
+                clone.attributes = cloneAttrs;
+            }
+            clone.value = self.value;
+            return clone;
+        }
+        /**
+         * Wraps the node in in another node.
+         *
+         * @method wrap
+         * @example
+         * node.wrap(wrapperNode);
+         */
+        wrap(wrapper) {
+            const self = this;
+            if (self.parent) {
+                self.parent.insert(wrapper, self);
+                wrapper.append(self);
+            }
+            return self;
+        }
+        /**
+         * Unwraps the node in other words it removes the node but keeps the children.
+         *
+         * @method unwrap
+         * @example
+         * node.unwrap();
+         */
+        unwrap() {
+            const self = this;
+            for (let node = self.firstChild; node;) {
+                const next = node.next;
+                self.insert(node, self, true);
+                node = next;
+            }
+            self.remove();
+        }
+        /**
+         * Removes the node from it's parent.
+         *
+         * @method remove
+         * @return {tinymce.html.Node} Current node that got removed.
+         * @example
+         * node.remove();
+         */
+        remove() {
+            const self = this, parent = self.parent, next = self.next, prev = self.prev;
+            if (parent) {
+                if (parent.firstChild === self) {
+                    parent.firstChild = next;
+                    if (next) {
+                        next.prev = null;
+                    }
+                }
+                else if (prev) {
+                    prev.next = next;
+                }
+                if (parent.lastChild === self) {
+                    parent.lastChild = prev;
+                    if (prev) {
+                        prev.next = null;
+                    }
+                }
+                else if (next) {
+                    next.prev = prev;
+                }
+                self.parent = self.next = self.prev = null;
+            }
+            return self;
+        }
+        /**
+         * Appends a new node as a child of the current node.
+         *
+         * @method append
+         * @param {tinymce.html.Node} node Node to append as a child of the current one.
+         * @return {tinymce.html.Node} The node that got appended.
+         * @example
+         * node.append(someNode);
+         */
+        append(node) {
+            const self = this;
+            if (node.parent) {
+                node.remove();
+            }
+            const last = self.lastChild;
+            if (last) {
+                last.next = node;
+                node.prev = last;
+                self.lastChild = node;
+            }
+            else {
+                self.lastChild = self.firstChild = node;
+            }
+            node.parent = self;
+            return node;
+        }
+        /**
+         * Inserts a node at a specific position as a child of this node.
+         *
+         * @method insert
+         * @param {tinymce.html.Node} node Node to insert as a child of this node.
+         * @param {tinymce.html.Node} refNode Reference node to set node before/after.
+         * @param {Boolean} before Optional state to insert the node before the reference node.
+         * @return {tinymce.html.Node} The node that got inserted.
+         * @example
+         * parentNode.insert(newChildNode, oldChildNode);
+         */
+        insert(node, refNode, before) {
+            if (node.parent) {
+                node.remove();
+            }
+            const parent = refNode.parent || this;
+            if (before) {
+                if (refNode === parent.firstChild) {
+                    parent.firstChild = node;
+                }
+                else if (refNode.prev) {
+                    refNode.prev.next = node;
+                }
+                node.prev = refNode.prev;
+                node.next = refNode;
+                refNode.prev = node;
+            }
+            else {
+                if (refNode === parent.lastChild) {
+                    parent.lastChild = node;
+                }
+                else if (refNode.next) {
+                    refNode.next.prev = node;
+                }
+                node.next = refNode.next;
+                node.prev = refNode;
+                refNode.next = node;
+            }
+            node.parent = parent;
+            return node;
+        }
+        /**
+         * Get all descendants by name.
+         *
+         * @method getAll
+         * @param {String} name Name of the descendant nodes to collect.
+         * @return {Array} Array with descendant nodes matching the specified name.
+         */
+        getAll(name) {
+            const self = this;
+            const collection = [];
+            for (let node = self.firstChild; node; node = walk$2(node, self)) {
+                if (node.name === name) {
+                    collection.push(node);
+                }
+            }
+            return collection;
+        }
+        /**
+         * Get all children of this node.
+         *
+         * @method children
+         * @return {Array} Array containing child nodes.
+         */
+        children() {
+            const self = this;
+            const collection = [];
+            for (let node = self.firstChild; node; node = node.next) {
+                collection.push(node);
+            }
+            return collection;
+        }
+        /**
+         * Removes all children of the current node.
+         *
+         * @method empty
+         * @return {tinymce.html.Node} The current node that got cleared.
+         */
+        empty() {
+            const self = this;
+            // Remove all children
+            if (self.firstChild) {
+                const nodes = [];
+                // Collect the children
+                for (let node = self.firstChild; node; node = walk$2(node, self)) {
+                    nodes.push(node);
+                }
+                // Remove the children
+                let i = nodes.length;
+                while (i--) {
+                    const node = nodes[i];
+                    node.parent = node.firstChild = node.lastChild = node.next = node.prev = null;
+                }
+            }
+            self.firstChild = self.lastChild = null;
+            return self;
+        }
+        /**
+         * Returns true/false if the node is to be considered empty or not.
+         *
+         * @method isEmpty
+         * @param {Object} elements Name/value object with elements that are automatically treated as non empty elements.
+         * @param {Object} whitespace Name/value object with elements that are automatically treated whitespace preservables.
+         * @param {Function} predicate Optional predicate that gets called after the other rules determine that the node is empty. Should return true if the node is a content node.
+         * @return {Boolean} true/false if the node is empty or not.
+         * @example
+         * node.isEmpty({ img: true });
+         */
+        isEmpty(elements, whitespace = {}, predicate) {
+            var _a;
+            const self = this;
+            let node = self.firstChild;
+            if (isNonEmptyElement(self)) {
+                return false;
+            }
+            if (node) {
+                do {
+                    if (node.type === 1) {
+                        // Ignore bogus elements
+                        if (node.attr('data-mce-bogus')) {
+                            continue;
+                        }
+                        // Keep empty elements like <img />
+                        if (elements[node.name]) {
+                            return false;
+                        }
+                        if (isNonEmptyElement(node)) {
+                            return false;
+                        }
+                    }
+                    // Keep comments
+                    if (node.type === 8) {
+                        return false;
+                    }
+                    // Keep non whitespace text nodes
+                    if (node.type === 3 && !isEmptyTextNode(node)) {
+                        return false;
+                    }
+                    // Keep whitespace preserve elements
+                    if (node.type === 3 && node.parent && whitespace[node.parent.name] && isWhitespaceText((_a = node.value) !== null && _a !== void 0 ? _a : '')) {
+                        return false;
+                    }
+                    // Predicate tells that the node is contents
+                    if (predicate && predicate(node)) {
+                        return false;
+                    }
+                } while ((node = walk$2(node, self)));
+            }
+            return true;
+        }
+        /**
+         * Walks to the next or previous node and returns that node or null if it wasn't found.
+         *
+         * @method walk
+         * @param {Boolean} prev Optional previous node state defaults to false.
+         * @return {tinymce.html.Node} Node that is next to or previous of the current node.
+         */
+        walk(prev) {
+            return walk$2(this, null, prev);
+        }
+    }
+
+    // TINY-10305: Map over array for faster lookup.
+    const unescapedTextParents = Tools.makeMap('NOSCRIPT STYLE SCRIPT XMP IFRAME NOEMBED NOFRAMES PLAINTEXT', ' ');
+    const containsZwsp = (node) => isString(node.nodeValue) && node.nodeValue.includes(ZWSP$1);
+    const getTemporaryNodeSelector = (tempAttrs) => `${tempAttrs.length === 0 ? '' : `${map$3(tempAttrs, (attr) => `[${attr}]`).join(',')},`}[data-mce-bogus="all"]`;
+    const getTemporaryNodes = (tempAttrs, body) => body.querySelectorAll(getTemporaryNodeSelector(tempAttrs));
+    const createZwspCommentWalker = (body) => document.createTreeWalker(body, NodeFilter.SHOW_COMMENT, (node) => containsZwsp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP);
+    const createUnescapedZwspTextWalker = (body) => document.createTreeWalker(body, NodeFilter.SHOW_TEXT, (node) => {
+        if (containsZwsp(node)) {
+            const parent = node.parentNode;
+            return parent && has$2(unescapedTextParents, parent.nodeName) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+        }
+        else {
+            return NodeFilter.FILTER_SKIP;
+        }
+    });
+    const hasZwspComment = (body) => createZwspCommentWalker(body).nextNode() !== null;
+    const hasUnescapedZwspText = (body) => createUnescapedZwspTextWalker(body).nextNode() !== null;
+    const hasTemporaryNode = (tempAttrs, body) => body.querySelector(getTemporaryNodeSelector(tempAttrs)) !== null;
+    const trimTemporaryNodes = (tempAttrs, body) => {
+        each$e(getTemporaryNodes(tempAttrs, body), (elm) => {
+            const element = SugarElement.fromDom(elm);
+            if (get$9(element, 'data-mce-bogus') === 'all') {
+                remove$8(element);
+            }
+            else {
+                each$e(tempAttrs, (attr) => {
+                    if (has$1(element, attr)) {
+                        remove$9(element, attr);
+                    }
+                });
+            }
+        });
+    };
+    const emptyAllNodeValuesInWalker = (walker) => {
+        let curr = walker.nextNode();
+        while (curr !== null) {
+            curr.nodeValue = null;
+            curr = walker.nextNode();
+        }
+    };
+    const emptyZwspComments = compose(emptyAllNodeValuesInWalker, createZwspCommentWalker);
+    const emptyUnescapedZwspTexts = compose(emptyAllNodeValuesInWalker, createUnescapedZwspTextWalker);
+    const trim$1 = (body, tempAttrs) => {
+        const conditionalTrims = [
+            {
+                condition: curry(hasTemporaryNode, tempAttrs),
+                action: curry(trimTemporaryNodes, tempAttrs)
+            },
+            {
+                condition: hasZwspComment,
+                action: emptyZwspComments
+            },
+            {
+                condition: hasUnescapedZwspText,
+                action: emptyUnescapedZwspTexts
+            }
+        ];
+        let trimmed = body;
+        let cloned = false;
+        each$e(conditionalTrims, ({ condition, action }) => {
+            if (condition(trimmed)) {
+                if (!cloned) {
+                    trimmed = body.cloneNode(true);
+                    cloned = true;
+                }
+                action(trimmed);
+            }
+        });
+        return trimmed;
+    };
+
+    const cleanupBogusElements = (parent) => {
+        const bogusElements = descendants(parent, '[data-mce-bogus]');
+        each$e(bogusElements, (elem) => {
+            const bogusValue = get$9(elem, 'data-mce-bogus');
+            if (bogusValue === 'all') {
+                remove$8(elem);
+            }
+            else if (isBr$5(elem)) {
+                // Need to keep bogus padding brs represented as a zero-width space so that they aren't collapsed by the browser
+                before$3(elem, SugarElement.fromText(zeroWidth));
+                remove$8(elem);
+            }
+            else {
+                unwrap(elem);
+            }
+        });
+    };
+    const cleanupInputNames = (parent) => {
+        const inputs = descendants(parent, 'input');
+        each$e(inputs, (input) => {
+            remove$9(input, 'name');
+        });
+    };
+
+    const trimEmptyContents = (editor, html) => {
+        const blockName = getForcedRootBlock(editor);
+        const emptyRegExp = new RegExp(`^(<${blockName}[^>]*>(&nbsp;|&#160;|\\s|\u00a0|<br \\/>|)<\\/${blockName}>[\r\n]*|<br \\/>[\r\n]*)$`);
+        return html.replace(emptyRegExp, '');
+    };
+    const getPlainTextContent = (editor, body) => {
+        const doc = editor.getDoc();
+        const dos = getRootNode(SugarElement.fromDom(editor.getBody()));
+        const offscreenDiv = SugarElement.fromTag('div', doc);
+        set$4(offscreenDiv, 'data-mce-bogus', 'all');
+        setAll(offscreenDiv, {
+            position: 'fixed',
+            left: '-9999999px',
+            top: '0'
+        });
+        set$3(offscreenDiv, body.innerHTML);
+        cleanupBogusElements(offscreenDiv);
+        cleanupInputNames(offscreenDiv);
+        // Append the wrapper element so that the browser will evaluate styles when getting the `innerText`
+        const root = getContentContainer(dos);
+        append$1(root, offscreenDiv);
+        const content = trim$2(offscreenDiv.dom.innerText);
+        remove$8(offscreenDiv);
+        return content;
+    };
+    const getContentFromBody = (editor, args, body) => {
+        let content;
+        if (args.format === 'raw') {
+            content = Tools.trim(trim$2(trim$1(body, editor.serializer.getTempAttrs()).innerHTML));
+        }
+        else if (args.format === 'text') {
+            content = getPlainTextContent(editor, body);
+        }
+        else if (args.format === 'tree') {
+            content = editor.serializer.serialize(body, args);
+        }
+        else {
+            content = trimEmptyContents(editor, editor.serializer.serialize(body, args));
+        }
+        // Trim if not using a whitespace preserve format/element
+        const shouldTrim = args.format !== 'text' && !isWsPreserveElement(SugarElement.fromDom(body));
+        return shouldTrim && isString(content) ? Tools.trim(content) : content;
+    };
+    const getContentInternal = (editor, args) => Optional.from(editor.getBody())
+        .fold(constant(args.format === 'tree' ? new AstNode('body', 11) : ''), (body) => getContentFromBody(editor, args, body));
+
+    /**
+     * This class is used to write HTML tags out it can be used with the Serializer.
+     *
+     * @class tinymce.html.Writer
+     * @version 3.4
+     * @example
+     * const writer = tinymce.html.Writer({ indent: true });
+     * writer.start('node', { attr: 'value' });
+     * writer.end('node');
+     * console.log(writer.getContent());
+     */
+    const makeMap$1 = Tools.makeMap;
+    const Writer = (settings) => {
+        const html = [];
+        settings = settings || {};
+        const indent = settings.indent;
+        const indentBefore = makeMap$1(settings.indent_before || '');
+        const indentAfter = makeMap$1(settings.indent_after || '');
+        const encode = Entities.getEncodeFunc(settings.entity_encoding || 'raw', settings.entities);
+        const htmlOutput = settings.element_format !== 'xhtml';
+        return {
+            /**
+             * Writes a start element, such as `<p id="a">`.
+             *
+             * @method start
+             * @param {String} name Name of the element.
+             * @param {Array} attrs Optional array of objects containing an attribute name and value, or undefined if the element has no attributes.
+             * @param {Boolean} empty Optional empty state if the tag should serialize as a void element. For example: `<img />`
+             */
+            start: (name, attrs, empty) => {
+                if (indent && indentBefore[name] && html.length > 0) {
+                    const value = html[html.length - 1];
+                    if (value.length > 0 && value !== '\n') {
+                        html.push('\n');
+                    }
+                }
+                html.push('<', name);
+                if (attrs) {
+                    for (let i = 0, l = attrs.length; i < l; i++) {
+                        const attr = attrs[i];
+                        html.push(' ', attr.name, '="', encode(attr.value, true), '"');
+                    }
+                }
+                if (!empty || htmlOutput) {
+                    html[html.length] = '>';
+                }
+                else {
+                    html[html.length] = ' />';
+                }
+                if (empty && indent && indentAfter[name] && html.length > 0) {
+                    const value = html[html.length - 1];
+                    if (value.length > 0 && value !== '\n') {
+                        html.push('\n');
+                    }
+                }
+            },
+            /**
+             * Writes an end element, such as `</p>`.
+             *
+             * @method end
+             * @param {String} name Name of the element.
+             */
+            end: (name) => {
+                let value;
+                /* if (indent && indentBefore[name] && html.length > 0) {
+                  value = html[html.length - 1];
+          
+                  if (value.length > 0 && value !== '\n')
+                    html.push('\n');
+                }*/
+                html.push('</', name, '>');
+                if (indent && indentAfter[name] && html.length > 0) {
+                    value = html[html.length - 1];
+                    if (value.length > 0 && value !== '\n') {
+                        html.push('\n');
+                    }
+                }
+            },
+            /**
+             * Writes a text node.
+             *
+             * @method text
+             * @param {String} text String to write out.
+             * @param {Boolean} raw Optional raw state. If true, the contents won't get encoded.
+             */
+            text: (text, raw) => {
+                if (text.length > 0) {
+                    html[html.length] = raw ? text : encode(text);
+                }
+            },
+            /**
+             * Writes a cdata node, such as `<![CDATA[data]]>`.
+             *
+             * @method cdata
+             * @param {String} text String to write out inside the cdata.
+             */
+            cdata: (text) => {
+                html.push('<![CDATA[', text, ']]>');
+            },
+            /**
+             * Writes a comment node, such as `<!-- Comment -->`.
+             *
+             * @method comment
+             * @param {String} text String to write out inside the comment.
+             */
+            comment: (text) => {
+                html.push('<!--', text, '-->');
+            },
+            /**
+             * Writes a processing instruction (PI) node, such as `<?xml attr="value" ?>`.
+             *
+             * @method pi
+             * @param {String} name Name of the pi.
+             * @param {String} text String to write out inside the pi.
+             */
+            pi: (name, text) => {
+                if (text) {
+                    html.push('<?', name, ' ', encode(text), '?>');
+                }
+                else {
+                    html.push('<?', name, '?>');
+                }
+                if (indent) {
+                    html.push('\n');
+                }
+            },
+            /**
+             * Writes a doctype node, such as `<!DOCTYPE data>`.
+             *
+             * @method doctype
+             * @param {String} text String to write out inside the doctype.
+             */
+            doctype: (text) => {
+                html.push('<!DOCTYPE', text, '>', indent ? '\n' : '');
+            },
+            /**
+             * Resets the internal buffer. For example, if one wants to reuse the writer.
+             *
+             * @method reset
+             */
+            reset: () => {
+                html.length = 0;
+            },
+            /**
+             * Returns the contents that was serialized.
+             *
+             * @method getContent
+             * @return {String} HTML contents that got written down.
+             */
+            getContent: () => {
+                return html.join('').replace(/\n$/, '');
+            }
+        };
+    };
+
+    /**
+     * This class is used to serialize down the DOM tree into a string using a Writer instance.
+     *
+     * @class tinymce.html.Serializer
+     * @version 3.4
+     * @example
+     * tinymce.html.Serializer().serialize(tinymce.html.DomParser().parse('<p>text</p>'));
+     */
+    const HtmlSerializer = (settings = {}, schema = Schema()) => {
+        const writer = Writer(settings);
+        settings.validate = 'validate' in settings ? settings.validate : true;
+        /**
+         * Serializes the specified node into a string.
+         *
+         * @method serialize
+         * @param {tinymce.html.Node} node Node instance to serialize.
+         * @return {String} String with HTML based on the DOM tree.
+         * @example
+         * tinymce.html.Serializer().serialize(tinymce.html.DomParser().parse('<p>text</p>'));
+         */
+        const serialize = (node) => {
+            const validate = settings.validate;
+            const handlers = {
+                // #text
+                3: (node) => {
+                    var _a;
+                    writer.text((_a = node.value) !== null && _a !== void 0 ? _a : '', node.raw);
+                },
+                // #comment
+                8: (node) => {
+                    var _a;
+                    writer.comment((_a = node.value) !== null && _a !== void 0 ? _a : '');
+                },
+                // Processing instruction
+                7: (node) => {
+                    writer.pi(node.name, node.value);
+                },
+                // Doctype
+                10: (node) => {
+                    var _a;
+                    writer.doctype((_a = node.value) !== null && _a !== void 0 ? _a : '');
+                },
+                // CDATA
+                4: (node) => {
+                    var _a;
+                    writer.cdata((_a = node.value) !== null && _a !== void 0 ? _a : '');
+                },
+                // Document fragment
+                11: (node) => {
+                    let tempNode = node;
+                    if ((tempNode = tempNode.firstChild)) {
+                        do {
+                            walk(tempNode);
+                        } while ((tempNode = tempNode.next));
+                    }
+                }
+            };
+            writer.reset();
+            const walk = (node) => {
+                var _a;
+                const handler = handlers[node.type];
+                if (!handler) {
+                    const name = node.name;
+                    const isEmpty = name in schema.getVoidElements();
+                    let attrs = node.attributes;
+                    // Sort attributes
+                    if (validate && attrs && attrs.length > 1) {
+                        const sortedAttrs = [];
+                        sortedAttrs.map = {};
+                        const elementRule = schema.getElementRule(node.name);
+                        if (elementRule) {
+                            for (let i = 0, l = elementRule.attributesOrder.length; i < l; i++) {
+                                const attrName = elementRule.attributesOrder[i];
+                                if (attrName in attrs.map) {
+                                    const attrValue = attrs.map[attrName];
+                                    sortedAttrs.map[attrName] = attrValue;
+                                    sortedAttrs.push({ name: attrName, value: attrValue });
+                                }
+                            }
+                            for (let i = 0, l = attrs.length; i < l; i++) {
+                                const attrName = attrs[i].name;
+                                if (!(attrName in sortedAttrs.map)) {
+                                    const attrValue = attrs.map[attrName];
+                                    sortedAttrs.map[attrName] = attrValue;
+                                    sortedAttrs.push({ name: attrName, value: attrValue });
+                                }
+                            }
+                            attrs = sortedAttrs;
+                        }
+                    }
+                    writer.start(name, attrs, isEmpty);
+                    if (isNonHtmlElementRootName(name)) {
+                        if (isString(node.value)) {
+                            writer.text(node.value, true);
+                        }
+                        writer.end(name);
+                    }
+                    else {
+                        if (!isEmpty) {
+                            let child = node.firstChild;
+                            if (child) {
+                                // Pre and textarea elements treat the first newline character as optional and will omit it. As such, if the content starts
+                                // with a newline we need to add in an additional newline to prevent the current newline in the value being treated as optional
+                                // See https://html.spec.whatwg.org/multipage/syntax.html#element-restrictions
+                                if ((name === 'pre' || name === 'textarea') && child.type === 3 && ((_a = child.value) === null || _a === void 0 ? void 0 : _a[0]) === '\n') {
+                                    writer.text('\n', true);
+                                }
+                                do {
+                                    walk(child);
+                                } while ((child = child.next));
+                            }
+                            writer.end(name);
+                        }
+                    }
+                }
+                else {
+                    handler(node);
+                }
+            };
+            // Serialize element or text nodes and treat all other nodes as fragments
+            if (node.type === 1 && !settings.inner) {
+                walk(node);
+            }
+            else if (node.type === 3) {
+                handlers[3](node);
+            }
+            else {
+                handlers[11](node);
+            }
+            return writer.getContent();
+        };
+        return {
+            serialize
+        };
+    };
+
+    const nonInheritableStyles = new Set();
+    (() => {
+        // TODO: TINY-7326 Figure out what else should go in the nonInheritableStyles list
+        const nonInheritableStylesArr = [
+            'margin', 'margin-left', 'margin-right', 'margin-top', 'margin-bottom',
+            'padding', 'padding-left', 'padding-right', 'padding-top', 'padding-bottom',
+            'border', 'border-width', 'border-style', 'border-color',
+            'background', 'background-attachment', 'background-clip',
+            'background-image', 'background-origin', 'background-position', 'background-repeat', 'background-size',
+            'float', 'position', 'left', 'right', 'top', 'bottom',
+            'z-index', 'display', 'transform',
+            'width', 'max-width', 'min-width', 'height', 'max-height', 'min-height',
+            'overflow', 'overflow-x', 'overflow-y', 'text-overflow', 'vertical-align',
+            'transition', 'transition-delay', 'transition-duration', 'transition-property', 'transition-timing-function'
+        ];
+        each$e(nonInheritableStylesArr, (style) => {
+            nonInheritableStyles.add(style);
+        });
+    })();
+    const conditionalNonInheritableStyles = new Set();
+    (() => {
+        // These styles are only noninheritable when applied to an element with a noninheritable style
+        // For example, background-color is visible on an element with padding, even when children have background-color;
+        // however, when the element has no padding, background-color is either visible or overridden by children
+        const conditionalNonInheritableStylesArr = [
+            'background-color'
+        ];
+        each$e(conditionalNonInheritableStylesArr, (style) => {
+            conditionalNonInheritableStyles.add(style);
+        });
+    })();
+    // TODO: TINY-7326 Figure out what else should be added to the shorthandStyleProps list
+    // Does not include non-inherited shorthand style properties
+    const shorthandStyleProps = ['font', 'text-decoration', 'text-emphasis'];
+    const getStyles$1 = (dom, node) => dom.parseStyle(dom.getAttrib(node, 'style'));
+    const getStyleProps = (dom, node) => keys(getStyles$1(dom, node));
+    const isNonInheritableStyle = (style) => nonInheritableStyles.has(style);
+    const isConditionalNonInheritableStyle = (style) => conditionalNonInheritableStyles.has(style);
+    const hasNonInheritableStyles = (dom, node) => exists(getStyleProps(dom, node), (style) => isNonInheritableStyle(style));
+    const hasConditionalNonInheritableStyles = (dom, node) => hasNonInheritableStyles(dom, node) &&
+        exists(getStyleProps(dom, node), (style) => isConditionalNonInheritableStyle(style));
+    const getLonghandStyleProps = (styles) => filter$5(styles, (style) => exists(shorthandStyleProps, (prop) => startsWith(style, prop)));
+    const hasStyleConflict = (dom, node, parentNode) => {
+        const nodeStyleProps = getStyleProps(dom, node);
+        const parentNodeStyleProps = getStyleProps(dom, parentNode);
+        const valueMismatch = (prop) => {
+            var _a, _b;
+            const nodeValue = (_a = dom.getStyle(node, prop)) !== null && _a !== void 0 ? _a : '';
+            const parentValue = (_b = dom.getStyle(parentNode, prop)) !== null && _b !== void 0 ? _b : '';
+            return isNotEmpty(nodeValue) && isNotEmpty(parentValue) && nodeValue !== parentValue;
+        };
+        return exists(nodeStyleProps, (nodeStyleProp) => {
+            const propExists = (props) => exists(props, (prop) => prop === nodeStyleProp);
+            // If parent has a longhand property e.g. margin-left but the child (node) style is margin, need to get the margin-left value of node to be able to do a proper comparison
+            // This is because getting the style using the key of 'margin' on a 'margin-left' parent would give a string of space separated values or empty string depending on the browser
+            if (!propExists(parentNodeStyleProps) && propExists(shorthandStyleProps)) {
+                const longhandProps = getLonghandStyleProps(parentNodeStyleProps);
+                return exists(longhandProps, valueMismatch);
+            }
+            else {
+                return valueMismatch(nodeStyleProp);
+            }
+        });
+    };
+
+    const isChar = (forward, predicate, pos) => Optional.from(pos.container()).filter(isText$b).exists((text) => {
+        const delta = forward ? 0 : -1;
+        return predicate(text.data.charAt(pos.offset() + delta));
+    });
+    const isBeforeSpace = curry(isChar, true, isWhiteSpace);
+    const isAfterSpace = curry(isChar, false, isWhiteSpace);
+    const isEmptyText = (pos) => {
+        const container = pos.container();
+        return isText$b(container) && (container.data.length === 0 || isZwsp(container.data) && BookmarkManager.isBookmarkNode(container.parentNode));
+    };
+    const matchesElementPosition = (before, predicate) => (pos) => getChildNodeAtRelativeOffset(before ? 0 : -1, pos).filter(predicate).isSome();
+    const isImageBlock = (node) => isImg(node) && get$7(SugarElement.fromDom(node), 'display') === 'block';
+    const isCefNode = (node) => isContentEditableFalse$a(node) && !isBogusAll(node);
+    const isBeforeImageBlock = matchesElementPosition(true, isImageBlock);
+    const isAfterImageBlock = matchesElementPosition(false, isImageBlock);
+    const isBeforeMedia = matchesElementPosition(true, isMedia$2);
+    const isAfterMedia = matchesElementPosition(false, isMedia$2);
+    const isBeforeTable = matchesElementPosition(true, isTable$2);
+    const isAfterTable = matchesElementPosition(false, isTable$2);
+    const isBeforeContentEditableFalse = matchesElementPosition(true, isCefNode);
+    const isAfterContentEditableFalse = matchesElementPosition(false, isCefNode);
+
+    const dropLast = (xs) => xs.slice(0, -1);
+    const parentsUntil = (start, root, predicate) => {
+        if (contains(root, start)) {
+            return dropLast(parents$1(start, (elm) => {
+                return predicate(elm) || eq(elm, root);
+            }));
+        }
+        else {
+            return [];
+        }
+    };
+    const parents = (start, root) => parentsUntil(start, root, never);
+    const parentsAndSelf = (start, root) => [start].concat(parents(start, root));
+
+    const navigateIgnoreEmptyTextNodes = (forward, root, from) => navigateIgnore(forward, root, from, isEmptyText);
+    const isBlock$1 = (schema) => (el) => schema.isBlock(name(el));
+    const getClosestBlock$1 = (root, pos, schema) => find$2(parentsAndSelf(SugarElement.fromDom(pos.container()), root), isBlock$1(schema));
+    const isAtBeforeAfterBlockBoundary = (forward, root, pos, schema) => navigateIgnoreEmptyTextNodes(forward, root.dom, pos)
+        .forall((newPos) => getClosestBlock$1(root, pos, schema).fold(() => !isInSameBlock(newPos, pos, root.dom), (fromBlock) => !isInSameBlock(newPos, pos, root.dom) && contains(fromBlock, SugarElement.fromDom(newPos.container()))));
+    const isAtBlockBoundary = (forward, root, pos, schema) => getClosestBlock$1(root, pos, schema).fold(() => navigateIgnoreEmptyTextNodes(forward, root.dom, pos).forall((newPos) => !isInSameBlock(newPos, pos, root.dom)), (parent) => navigateIgnoreEmptyTextNodes(forward, parent.dom, pos).isNone());
+    const isAtStartOfBlock = curry(isAtBlockBoundary, false);
+    const isAtEndOfBlock = curry(isAtBlockBoundary, true);
+    const isBeforeBlock = curry(isAtBeforeAfterBlockBoundary, false);
+    const isAfterBlock = curry(isAtBeforeAfterBlockBoundary, true);
+
+    const isBr$1 = (pos) => getElementFromPosition(pos).exists(isBr$5);
+    const findBr = (forward, root, pos, schema) => {
+        const parentBlocks = filter$5(parentsAndSelf(SugarElement.fromDom(pos.container()), root), (el) => schema.isBlock(name(el)));
+        const scope = head(parentBlocks).getOr(root);
+        return fromPosition(forward, scope.dom, pos).filter(isBr$1);
+    };
+    const isBeforeBr$1 = (root, pos, schema) => getElementFromPosition(pos).exists(isBr$5) || findBr(true, root, pos, schema).isSome();
+    const isAfterBr = (root, pos, schema) => getElementFromPrevPosition(pos).exists(isBr$5) || findBr(false, root, pos, schema).isSome();
+    const findPreviousBr = curry(findBr, false);
+    const findNextBr = curry(findBr, true);
+
+    const isInMiddleOfText = (pos) => CaretPosition.isTextPosition(pos) && !pos.isAtStart() && !pos.isAtEnd();
+    const getClosestBlock = (root, pos, schema) => {
+        const parentBlocks = filter$5(parentsAndSelf(SugarElement.fromDom(pos.container()), root), (el) => schema.isBlock(name(el)));
+        return head(parentBlocks).getOr(root);
+    };
+    const hasSpaceBefore = (root, pos, schema) => {
+        if (isInMiddleOfText(pos)) {
+            return isAfterSpace(pos);
+        }
+        else {
+            return isAfterSpace(pos) || prevPosition(getClosestBlock(root, pos, schema).dom, pos).exists(isAfterSpace);
+        }
+    };
+    const hasSpaceAfter = (root, pos, schema) => {
+        if (isInMiddleOfText(pos)) {
+            return isBeforeSpace(pos);
+        }
+        else {
+            return isBeforeSpace(pos) || nextPosition(getClosestBlock(root, pos, schema).dom, pos).exists(isBeforeSpace);
+        }
+    };
+    const isPreValue = (value) => contains$2(['pre', 'pre-wrap'], value);
+    const isInPre = (pos) => getElementFromPosition(pos)
+        .bind((elm) => closest$4(elm, isElement$7))
+        .exists((elm) => isPreValue(get$7(elm, 'white-space')));
+    const isAtBeginningOfBody = (root, pos) => prevPosition(root.dom, pos).isNone();
+    const isAtEndOfBody = (root, pos) => nextPosition(root.dom, pos).isNone();
+    const isAtLineBoundary = (root, pos, schema) => (isAtBeginningOfBody(root, pos) ||
+        isAtEndOfBody(root, pos) ||
+        isAtStartOfBlock(root, pos, schema) ||
+        isAtEndOfBlock(root, pos, schema) ||
+        isAfterBr(root, pos, schema) ||
+        isBeforeBr$1(root, pos, schema));
+    const isCefBlock = (node) => isNonNullable(node) && isContentEditableFalse$a(node) && isBlockLike(node);
+    // Check the next/previous element in case it is a cef and the next/previous caret position then would skip it, then check
+    // the next next/previous caret position ( for example in case the next element is a strong, containing a cef ).
+    const isSiblingCefBlock = (root, direction) => (container) => {
+        return isCefBlock(new DomTreeWalker(container, root)[direction]());
+    };
+    const isBeforeCefBlock = (root, pos) => {
+        const nextPos = nextPosition(root.dom, pos).getOr(pos);
+        const isNextCefBlock = isSiblingCefBlock(root.dom, 'next');
+        return pos.isAtEnd() && (isNextCefBlock(pos.container()) || isNextCefBlock(nextPos.container()));
+    };
+    const isAfterCefBlock = (root, pos) => {
+        const prevPos = prevPosition(root.dom, pos).getOr(pos);
+        const isPrevCefBlock = isSiblingCefBlock(root.dom, 'prev');
+        return pos.isAtStart() && (isPrevCefBlock(pos.container()) || isPrevCefBlock(prevPos.container()));
+    };
+    const needsToHaveNbsp = (root, pos, schema) => {
+        if (isInPre(pos)) {
+            return false;
+        }
+        else {
+            return isAtLineBoundary(root, pos, schema) || hasSpaceBefore(root, pos, schema) || hasSpaceAfter(root, pos, schema);
+        }
+    };
+    const needsToBeNbspLeft = (root, pos, schema) => {
+        if (isInPre(pos)) {
+            return false;
+        }
+        else {
+            return isAtStartOfBlock(root, pos, schema) || isBeforeBlock(root, pos, schema) || isAfterBr(root, pos, schema) || hasSpaceBefore(root, pos, schema) || isAfterCefBlock(root, pos);
+        }
+    };
+    const leanRight = (pos) => {
+        const container = pos.container();
+        const offset = pos.offset();
+        if (isText$b(container) && offset < container.data.length) {
+            return CaretPosition(container, offset + 1);
+        }
+        else {
+            return pos;
+        }
+    };
+    const needsToBeNbspRight = (root, pos, schema) => {
+        if (isInPre(pos)) {
+            return false;
+        }
+        else {
+            return isAtEndOfBlock(root, pos, schema) || isAfterBlock(root, pos, schema) || isBeforeBr$1(root, pos, schema) || hasSpaceAfter(root, pos, schema) || isBeforeCefBlock(root, pos);
+        }
+    };
+    const needsToBeNbsp = (root, pos, schema) => needsToBeNbspLeft(root, pos, schema) || needsToBeNbspRight(root, leanRight(pos), schema);
+    const isNbspAt = (text, offset) => isNbsp(text.charAt(offset));
+    const isWhiteSpaceAt = (text, offset) => isWhiteSpace(text.charAt(offset));
+    const hasNbsp = (pos) => {
+        const container = pos.container();
+        return isText$b(container) && contains$1(container.data, nbsp);
+    };
+    const normalizeNbspMiddle = (text) => {
+        const chars = text.split('');
+        return map$3(chars, (chr, i) => {
+            if (isNbsp(chr) && i > 0 && i < chars.length - 1 && isContent(chars[i - 1]) && isContent(chars[i + 1])) {
+                return ' ';
+            }
+            else {
+                return chr;
+            }
+        }).join('');
+    };
+    const normalizeNbspAtStart = (root, node, makeNbsp, schema) => {
+        const text = node.data;
+        const firstPos = CaretPosition(node, 0);
+        if (!makeNbsp && isNbspAt(text, 0) && !needsToBeNbsp(root, firstPos, schema)) {
+            node.data = ' ' + text.slice(1);
+            return true;
+        }
+        else if (makeNbsp && isWhiteSpaceAt(text, 0) && needsToBeNbspLeft(root, firstPos, schema)) {
+            node.data = nbsp + text.slice(1);
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const normalizeNbspInMiddleOfTextNode = (node) => {
+        const text = node.data;
+        const newText = normalizeNbspMiddle(text);
+        if (newText !== text) {
+            node.data = newText;
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const normalizeNbspAtEnd = (root, node, makeNbsp, schema) => {
+        const text = node.data;
+        const lastPos = CaretPosition(node, text.length - 1);
+        if (!makeNbsp && isNbspAt(text, text.length - 1) && !needsToBeNbsp(root, lastPos, schema)) {
+            node.data = text.slice(0, -1) + ' ';
+            return true;
+        }
+        else if (makeNbsp && isWhiteSpaceAt(text, text.length - 1) && needsToBeNbspRight(root, lastPos, schema)) {
+            node.data = text.slice(0, -1) + nbsp;
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const normalizeNbsps$1 = (root, pos, schema) => {
+        const container = pos.container();
+        if (!isText$b(container)) {
+            return Optional.none();
+        }
+        if (hasNbsp(pos)) {
+            const normalized = normalizeNbspAtStart(root, container, false, schema) || normalizeNbspInMiddleOfTextNode(container) || normalizeNbspAtEnd(root, container, false, schema);
+            return someIf(normalized, pos);
+        }
+        else if (needsToBeNbsp(root, pos, schema)) {
+            const normalized = normalizeNbspAtStart(root, container, true, schema) || normalizeNbspAtEnd(root, container, true, schema);
+            return someIf(normalized, pos);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const normalizeNbspsInEditor = (editor) => {
+        const root = SugarElement.fromDom(editor.getBody());
+        if (editor.selection.isCollapsed()) {
+            normalizeNbsps$1(root, CaretPosition.fromRangeStart(editor.selection.getRng()), editor.schema).each((pos) => {
+                editor.selection.setRng(pos.toRange());
+            });
+        }
+    };
+
+    const normalize$1 = (node, offset, count, schema) => {
+        if (count === 0) {
+            return;
+        }
+        const elm = SugarElement.fromDom(node);
+        const root = ancestor$4(elm, (el) => schema.isBlock(name(el))).getOr(elm);
+        // Get the whitespace
+        const whitespace = node.data.slice(offset, offset + count);
+        // Determine if we're at the end or start of the content
+        const isEndOfContent = offset + count >= node.data.length && needsToBeNbspRight(root, CaretPosition(node, node.data.length), schema);
+        const isStartOfContent = offset === 0 && needsToBeNbspLeft(root, CaretPosition(node, 0), schema);
+        // Replace the original whitespace with the normalized whitespace content
+        node.replaceData(offset, count, normalize$4(whitespace, 4, isStartOfContent, isEndOfContent));
+    };
+    const normalizeWhitespaceAfter = (node, offset, schema) => {
+        const content = node.data.slice(offset);
+        const whitespaceCount = content.length - lTrim(content).length;
+        normalize$1(node, offset, whitespaceCount, schema);
+    };
+    const normalizeWhitespaceBefore = (node, offset, schema) => {
+        const content = node.data.slice(0, offset);
+        const whitespaceCount = content.length - rTrim(content).length;
+        normalize$1(node, offset - whitespaceCount, whitespaceCount, schema);
+    };
+    const mergeTextNodes = (prevNode, nextNode, schema, normalizeWhitespace, mergeToPrev = true) => {
+        const whitespaceOffset = rTrim(prevNode.data).length;
+        const newNode = mergeToPrev ? prevNode : nextNode;
+        const removeNode = mergeToPrev ? nextNode : prevNode;
+        // Merge the elements
+        if (mergeToPrev) {
+            newNode.appendData(removeNode.data);
+        }
+        else {
+            newNode.insertData(0, removeNode.data);
+        }
+        remove$8(SugarElement.fromDom(removeNode));
+        // Normalize the whitespace around the merged elements, to ensure it doesn't get lost
+        if (normalizeWhitespace) {
+            normalizeWhitespaceAfter(newNode, whitespaceOffset, schema);
+        }
+        return newNode;
+    };
+
+    const needsReposition = (pos, elm) => {
+        const container = pos.container();
+        const offset = pos.offset();
+        return !CaretPosition.isTextPosition(pos) && container === elm.parentNode && offset > CaretPosition.before(elm).offset();
+    };
+    const reposition = (elm, pos) => needsReposition(pos, elm) ? CaretPosition(pos.container(), pos.offset() - 1) : pos;
+    const beforeOrStartOf = (node) => isText$b(node) ? CaretPosition(node, 0) : CaretPosition.before(node);
+    const afterOrEndOf = (node) => isText$b(node) ? CaretPosition(node, node.data.length) : CaretPosition.after(node);
+    const getPreviousSiblingCaretPosition = (elm) => {
+        if (isCaretCandidate$3(elm.previousSibling)) {
+            return Optional?.some(afterOrEndOf(elm.previousSibling));
+        }
+        else {
+            return elm.previousSibling ? lastPositionIn(elm.previousSibling) : Optional.none();
+        }
+    };
+    const getNextSiblingCaretPosition = (elm) => {
+        if (isCaretCandidate$3(elm.nextSibling)) {
+            return Optional?.some(beforeOrStartOf(elm.nextSibling));
+        }
+        else {
+            return elm.nextSibling ? firstPositionIn(elm.nextSibling) : Optional.none();
+        }
+    };
+    const findCaretPositionBackwardsFromElm = (rootElement, elm) => {
+        return Optional.from(elm.previousSibling ? elm.previousSibling : elm.parentNode)
+            .bind((node) => prevPosition(rootElement, CaretPosition.before(node)))
+            .orThunk(() => nextPosition(rootElement, CaretPosition.after(elm)));
+    };
+    const findCaretPositionForwardsFromElm = (rootElement, elm) => nextPosition(rootElement, CaretPosition.after(elm)).orThunk(() => prevPosition(rootElement, CaretPosition.before(elm)));
+    const findCaretPositionBackwards = (rootElement, elm) => getPreviousSiblingCaretPosition(elm).orThunk(() => getNextSiblingCaretPosition(elm))
+        .orThunk(() => findCaretPositionBackwardsFromElm(rootElement, elm));
+    const findCaretPositionForward = (rootElement, elm) => getNextSiblingCaretPosition(elm)
+        .orThunk(() => getPreviousSiblingCaretPosition(elm))
+        .orThunk(() => findCaretPositionForwardsFromElm(rootElement, elm));
+    const findCaretPosition = (forward, rootElement, elm) => forward ? findCaretPositionForward(rootElement, elm) : findCaretPositionBackwards(rootElement, elm);
+    const findCaretPosOutsideElmAfterDelete = (forward, rootElement, elm) => findCaretPosition(forward, rootElement, elm)?.map(curry(reposition, elm));
+    const setSelection$1 = (editor, forward, pos) => {
+        pos.fold(() => {
+            editor.focus();
+        }, (pos) => {
+            editor.selection.setRng(pos.toRange(), forward);
+        });
+    };
+    const eqRawNode = (rawNode) => (elm) => elm.dom === rawNode;
+    const isBlock = (editor, elm) => elm && has$2(editor.schema.getBlockElements(), name(elm));
+    const paddEmptyBlock = (schema, elm, preserveEmptyCaret) => {
+        if (isEmpty$2(schema, elm)) {
+            const br = SugarElement.fromHtml('<br data-mce-bogus="1">');
+            // Remove all bogus elements except caret
+            if (preserveEmptyCaret) {
+                each$e(children$1(elm), (node) => {
+                    if (!isEmptyCaretFormatElement(node)) {
+                        remove$8(node);
+                    }
+                });
+            }
+            else {
+                empty(elm);
+            }
+            append$1(elm, br);
+            return Optional?.some(CaretPosition.before(br.dom));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const deleteNormalized = (elm, afterDeletePosOpt, schema, normalizeWhitespace) => {
+        const prevTextOpt = prevSibling(elm).filter(isText$c);
+        const nextTextOpt = nextSibling(elm).filter(isText$c);
+        // Delete the element
+        remove$8(elm);
+        // Merge and normalize any prev/next text nodes, so that they are merged and don't lose meaningful whitespace
+        // eg. <p>a <span></span> b</p> -> <p>a &nsbp;b</p> or <p><span></span> a</p> -> <p>&nbsp;a</a>
+        return lift3(prevTextOpt, nextTextOpt, afterDeletePosOpt, (prev, next, pos) => {
+            const prevNode = prev.dom, nextNode = next.dom;
+            const offset = prevNode.data.length;
+            mergeTextNodes(prevNode, nextNode, schema, normalizeWhitespace);
+            // Update the cursor position if required
+            return pos.container() === nextNode ? CaretPosition(prevNode, offset) : pos;
+        }).orThunk(() => {
+            if (normalizeWhitespace) {
+                prevTextOpt.each((elm) => normalizeWhitespaceBefore(elm.dom, elm.dom.length, schema));
+                nextTextOpt.each((elm) => normalizeWhitespaceAfter(elm.dom, 0, schema));
+            }
+            return afterDeletePosOpt;
+        });
+    };
+    const isInlineElement = (editor, element) => has$2(editor.schema.getTextInlineElements(), name(element));
+    const deleteElement$2 = (editor, forward, elm, moveCaret = true, preserveEmptyCaret = false) => {
+        // Existing delete logic
+        const afterDeletePos = findCaretPosOutsideElmAfterDelete(forward, editor.getBody(), elm.dom);
+        const parentBlock = ancestor$4(elm, curry(isBlock, editor), eqRawNode(editor.getBody()));
+        const normalizedAfterDeletePos = deleteNormalized(elm, afterDeletePos, editor.schema, isInlineElement(editor, elm));
+        if (editor.dom.isEmpty(editor.getBody())) {
+            editor.setContent('');
+            editor.selection.setCursorLocation();
+        }
+        else {
+            parentBlock.bind((elm) => paddEmptyBlock(editor.schema, elm, preserveEmptyCaret)).fold(() => {
+                if (moveCaret) {
+                    setSelection$1(editor, forward, normalizedAfterDeletePos);
+                }
+            }, (paddPos) => {
+                if (moveCaret) {
+                    setSelection$1(editor, forward, Optional?.some(paddPos));
+                }
+            });
+        }
+    };
+
+    const strongRtl = /[\u0591-\u07FF\uFB1D-\uFDFF\uFE70-\uFEFC]/;
+    const hasStrongRtl = (text) => strongRtl.test(text);
+
+    const isInlineTarget = (editor, elm) => is$1(SugarElement.fromDom(elm), getInlineBoundarySelector(editor))
+        && !isTransparentBlock(editor.schema, elm)
+        && editor.dom.isEditable(elm);
+    const isRtl = (element) => { var _a; return DOMUtils.DOM.getStyle(element, 'direction', true) === 'rtl' || hasStrongRtl((_a = element.textContent) !== null && _a !== void 0 ? _a : ''); };
+    const findInlineParents = (isInlineTarget, rootNode, pos) => filter$5(DOMUtils.DOM.getParents(pos.container(), '*', rootNode), isInlineTarget);
+    const findRootInline = (isInlineTarget, rootNode, pos) => {
+        const parents = findInlineParents(isInlineTarget, rootNode, pos);
+        return Optional.from(parents[parents.length - 1]);
+    };
+    const hasSameParentBlock = (rootNode, node1, node2) => {
+        const block1 = getParentBlock$3(node1, rootNode);
+        const block2 = getParentBlock$3(node2, rootNode);
+        return isNonNullable(block1) && block1 === block2;
+    };
+    const isAtZwsp = (pos) => isBeforeInline(pos) || isAfterInline(pos);
+    const normalizePosition = (forward, pos) => {
+        const container = pos.container(), offset = pos.offset();
+        if (forward) {
+            if (isCaretContainerInline(container)) {
+                if (isText$b(container.nextSibling)) {
+                    return CaretPosition(container.nextSibling, 0);
+                }
+                else {
+                    return CaretPosition.after(container);
+                }
+            }
+            else {
+                return isBeforeInline(pos) ? CaretPosition(container, offset + 1) : pos;
+            }
+        }
+        else {
+            if (isCaretContainerInline(container)) {
+                if (isText$b(container.previousSibling)) {
+                    return CaretPosition(container.previousSibling, container.previousSibling.data.length);
+                }
+                else {
+                    return CaretPosition.before(container);
+                }
+            }
+            else {
+                return isAfterInline(pos) ? CaretPosition(container, offset - 1) : pos;
+            }
+        }
+    };
+    const normalizeForwards = curry(normalizePosition, true);
+    const normalizeBackwards = curry(normalizePosition, false);
+
+    const execCommandIgnoreInputEvents = (editor, command) => {
+        // We need to prevent the input events from being fired by execCommand when delete is used internally
+        const inputBlocker = (e) => e.stopImmediatePropagation();
+        editor.on('beforeinput input', inputBlocker, true);
+        editor.getDoc().execCommand(command);
+        editor.off('beforeinput input', inputBlocker);
+    };
+    // ASSUMPTION: The editor command 'delete' doesn't have any `beforeinput` and `input` trapping
+    // because those events are only triggered by native contenteditable behaviour.
+    const execEditorDeleteCommand = (editor) => {
+        editor.execCommand('delete');
+    };
+    const execNativeDeleteCommand = (editor) => execCommandIgnoreInputEvents(editor, 'Delete');
+    const execNativeForwardDeleteCommand = (editor) => execCommandIgnoreInputEvents(editor, 'ForwardDelete');
+    const isBeforeRoot = (rootNode) => (elm) => is$3(parent(elm), rootNode, eq);
+    const isTextBlockOrListItem = (element) => isTextBlock$2(element) || isListItem$1(element);
+    const getParentBlock$2 = (rootNode, elm) => {
+        if (contains(rootNode, elm)) {
+            return closest$4(elm, isTextBlockOrListItem, isBeforeRoot(rootNode));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const paddEmptyBody = (editor, moveSelection = true) => {
+        if (editor.dom.isEmpty(editor.getBody())) {
+            editor.setContent('', { no_selection: !moveSelection });
+        }
+    };
+    const willDeleteLastPositionInElement = (forward, fromPos, elm) => lift2(firstPositionIn(elm), lastPositionIn(elm), (firstPos, lastPos) => {
+        const normalizedFirstPos = normalizePosition(true, firstPos);
+        const normalizedLastPos = normalizePosition(false, lastPos);
+        const normalizedFromPos = normalizePosition(false, fromPos);
+        if (forward) {
+            return nextPosition(elm, normalizedFromPos).exists((nextPos) => nextPos.isEqual(normalizedLastPos) && fromPos.isEqual(normalizedFirstPos));
+        }
+        else {
+            return prevPosition(elm, normalizedFromPos).exists((prevPos) => prevPos.isEqual(normalizedFirstPos) && fromPos.isEqual(normalizedLastPos));
+        }
+    }).getOr(true);
+    const freefallRtl = (root) => {
+        const child = isComment$1(root) ? prevSibling(root) : lastChild(root);
+        return child.bind(freefallRtl).orThunk(() => Optional?.some(root));
+    };
+    const deleteRangeContents = (editor, rng, root, moveSelection = true) => {
+        var _a;
+        rng.deleteContents();
+        // Pad the last block node
+        const lastNode = freefallRtl(root).getOr(root);
+        const lastBlock = SugarElement.fromDom((_a = editor.dom.getParent(lastNode.dom, editor.dom.isBlock)) !== null && _a !== void 0 ? _a : root.dom);
+        // If the block is the editor body then we need to insert the root block as well
+        if (lastBlock.dom === editor.getBody()) {
+            paddEmptyBody(editor, moveSelection);
+        }
+        else if (isEmpty$2(editor.schema, lastBlock, { checkRootAsContent: false })) {
+            fillWithPaddingBr(lastBlock);
+            if (moveSelection) {
+                editor.selection.setCursorLocation(lastBlock.dom, 0);
+            }
+        }
+        // Clean up any additional leftover nodes. If the last block wasn't a direct child, then we also need to clean up siblings
+        if (!eq(root, lastBlock)) {
+            const additionalCleanupNodes = is$3(parent(lastBlock), root) ? [] : siblings(lastBlock);
+            each$e(additionalCleanupNodes.concat(children$1(root)), (node) => {
+                if (!eq(node, lastBlock) && !contains(node, lastBlock) && isEmpty$2(editor.schema, node)) {
+                    remove$8(node);
+                }
+            });
+        }
+    };
+
+    const isRootFromElement = (root) => (cur) => eq(root, cur);
+    const getTableCells = (table) => descendants(table, 'td,th');
+    const getTable$1 = (node, isRoot) => getClosestTable(SugarElement.fromDom(node), isRoot);
+    const selectionInTableWithNestedTable = (details) => {
+        return lift2(details.startTable, details.endTable, (startTable, endTable) => {
+            const isStartTableParentOfEndTable = descendant(startTable, (t) => eq(t, endTable));
+            const isEndTableParentOfStartTable = descendant(endTable, (t) => eq(t, startTable));
+            return !isStartTableParentOfEndTable && !isEndTableParentOfStartTable ? details : {
+                ...details,
+                startTable: isStartTableParentOfEndTable ? Optional.none() : details.startTable,
+                endTable: isEndTableParentOfStartTable ? Optional.none() : details.endTable,
+                isSameTable: false,
+                isMultiTable: false
+            };
+        }).getOr(details);
+    };
+    const adjustQuirksInDetails = (details) => {
+        return selectionInTableWithNestedTable(details);
+    };
+    const getTableDetailsFromRange = (rng, isRoot) => {
+        const startTable = getTable$1(rng.startContainer, isRoot);
+        const endTable = getTable$1(rng.endContainer, isRoot);
+        const isStartInTable = startTable.isSome();
+        const isEndInTable = endTable.isSome();
+        // Partial selection - selection is not within the same table
+        const isSameTable = lift2(startTable, endTable, eq).getOr(false);
+        const isMultiTable = !isSameTable && isStartInTable && isEndInTable;
+        return adjustQuirksInDetails({
+            startTable,
+            endTable,
+            isStartInTable,
+            isEndInTable,
+            isSameTable,
+            isMultiTable
+        });
+    };
+
+    const tableCellRng = (start, end) => ({
+        start,
+        end,
+    });
+    const tableSelection = (rng, table, cells) => ({
+        rng,
+        table,
+        cells
+    });
+    const deleteAction = Adt.generate([
+        { singleCellTable: ['rng', 'cell'] },
+        { fullTable: ['table'] },
+        { partialTable: ['cells', 'outsideDetails'] },
+        { multiTable: ['startTableCells', 'endTableCells', 'betweenRng'] },
+    ]);
+    const getClosestCell$1 = (container, isRoot) => closest$3(SugarElement.fromDom(container), 'td,th', isRoot);
+    const isExpandedCellRng = (cellRng) => !eq(cellRng.start, cellRng.end);
+    const getTableFromCellRng = (cellRng, isRoot) => getClosestTable(cellRng.start, isRoot)
+        .bind((startParentTable) => getClosestTable(cellRng.end, isRoot)
+        .bind((endParentTable) => someIf(eq(startParentTable, endParentTable), startParentTable)));
+    const isSingleCellTable = (cellRng, isRoot) => !isExpandedCellRng(cellRng) &&
+        getTableFromCellRng(cellRng, isRoot).exists((table) => {
+            const rows = table.dom.rows;
+            return rows.length === 1 && rows[0].cells.length === 1;
+        });
+    const getCellRng = (rng, isRoot) => {
+        const startCell = getClosestCell$1(rng.startContainer, isRoot);
+        const endCell = getClosestCell$1(rng.endContainer, isRoot);
+        return lift2(startCell, endCell, tableCellRng);
+    };
+    const getCellRangeFromStartTable = (isRoot) => (startCell) => getClosestTable(startCell, isRoot).bind((table) => last$2(getTableCells(table))?.map((endCell) => tableCellRng(startCell, endCell)));
+    const getCellRangeFromEndTable = (isRoot) => (endCell) => getClosestTable(endCell, isRoot).bind((table) => head(getTableCells(table))?.map((startCell) => tableCellRng(startCell, endCell)));
+    const getTableSelectionFromCellRng = (isRoot) => (cellRng) => getTableFromCellRng(cellRng, isRoot)?.map((table) => tableSelection(cellRng, table, getTableCells(table)));
+    const getTableSelections = (cellRng, selectionDetails, rng, isRoot) => {
+        if (rng.collapsed || !cellRng.forall(isExpandedCellRng)) {
+            return Optional.none();
+        }
+        else if (selectionDetails.isSameTable) {
+            const sameTableSelection = cellRng.bind(getTableSelectionFromCellRng(isRoot));
+            return Optional?.some({
+                start: sameTableSelection,
+                end: sameTableSelection
+            });
+        }
+        else {
+            // Covers partial table selection (either start or end will have a tableSelection) and multitable selection (both start and end will have a tableSelection)
+            const startCell = getClosestCell$1(rng.startContainer, isRoot);
+            const endCell = getClosestCell$1(rng.endContainer, isRoot);
+            const startTableSelection = startCell
+                .bind(getCellRangeFromStartTable(isRoot))
+                .bind(getTableSelectionFromCellRng(isRoot));
+            const endTableSelection = endCell
+                .bind(getCellRangeFromEndTable(isRoot))
+                .bind(getTableSelectionFromCellRng(isRoot));
+            return Optional?.some({
+                start: startTableSelection,
+                end: endTableSelection
+            });
+        }
+    };
+    const getCellIndex = (cells, cell) => findIndex$2(cells, (x) => eq(x, cell));
+    const getSelectedCells = (tableSelection) => lift2(getCellIndex(tableSelection.cells, tableSelection.rng.start), getCellIndex(tableSelection.cells, tableSelection.rng.end), (startIndex, endIndex) => tableSelection.cells.slice(startIndex, endIndex + 1));
+    const isSingleCellTableContentSelected = (optCellRng, rng, isRoot) => optCellRng.exists((cellRng) => isSingleCellTable(cellRng, isRoot) && hasAllContentsSelected(cellRng.start, rng));
+    const unselectCells = (rng, selectionDetails) => {
+        const { startTable, endTable } = selectionDetails;
+        const otherContentRng = rng.cloneRange();
+        // If the table is some, it should be unselected (works for single table and multitable cases)
+        startTable.each((table) => otherContentRng.setStartAfter(table.dom));
+        endTable.each((table) => otherContentRng.setEndBefore(table.dom));
+        return otherContentRng;
+    };
+    const handleSingleTable = (cellRng, selectionDetails, rng, isRoot) => getTableSelections(cellRng, selectionDetails, rng, isRoot)
+        .bind(({ start, end }) => start.or(end))
+        .bind((tableSelection) => {
+        const { isSameTable } = selectionDetails;
+        const selectedCells = getSelectedCells(tableSelection).getOr([]);
+        if (isSameTable && tableSelection.cells.length === selectedCells.length) {
+            return Optional?.some(deleteAction.fullTable(tableSelection.table));
+        }
+        else if (selectedCells.length > 0) {
+            if (isSameTable) {
+                return Optional?.some(deleteAction.partialTable(selectedCells, Optional.none()));
+            }
+            else {
+                const otherContentRng = unselectCells(rng, selectionDetails);
+                return Optional?.some(deleteAction.partialTable(selectedCells, Optional?.some({
+                    ...selectionDetails,
+                    rng: otherContentRng
+                })));
+            }
+        }
+        else {
+            return Optional.none();
+        }
+    });
+    const handleMultiTable = (cellRng, selectionDetails, rng, isRoot) => getTableSelections(cellRng, selectionDetails, rng, isRoot)
+        .bind(({ start, end }) => {
+        const startTableSelectedCells = start.bind(getSelectedCells).getOr([]);
+        const endTableSelectedCells = end.bind(getSelectedCells).getOr([]);
+        if (startTableSelectedCells.length > 0 && endTableSelectedCells.length > 0) {
+            const otherContentRng = unselectCells(rng, selectionDetails);
+            return Optional?.some(deleteAction.multiTable(startTableSelectedCells, endTableSelectedCells, otherContentRng));
+        }
+        else {
+            return Optional.none();
+        }
+    });
+    const getActionFromRange = (root, rng) => {
+        const isRoot = isRootFromElement(root);
+        const optCellRng = getCellRng(rng, isRoot);
+        const selectionDetails = getTableDetailsFromRange(rng, isRoot);
+        if (isSingleCellTableContentSelected(optCellRng, rng, isRoot)) {
+            // SingleCellTable
+            return optCellRng?.map((cellRng) => deleteAction.singleCellTable(rng, cellRng.start));
+        }
+        else if (selectionDetails.isMultiTable) {
+            // MultiTable
+            return handleMultiTable(optCellRng, selectionDetails, rng, isRoot);
+        }
+        else {
+            // FullTable, PartialTable with no rng or PartialTable with outside rng
+            return handleSingleTable(optCellRng, selectionDetails, rng, isRoot);
+        }
+    };
+
+    // Reset the contenteditable state and fill the content with a padding br
+    const cleanCells = (cells) => each$e(cells, (cell) => {
+        remove$9(cell, 'contenteditable');
+        fillWithPaddingBr(cell);
+    });
+    const getOutsideBlock = (editor, container) => Optional.from(editor.dom.getParent(container, editor.dom.isBlock))?.map(SugarElement.fromDom);
+    const handleEmptyBlock = (editor, startInTable, emptyBlock) => {
+        emptyBlock.each((block) => {
+            if (startInTable) {
+                // Note that we don't need to set the selection as it'll be within the table
+                remove$8(block);
+            }
+            else {
+                // Set the cursor location as it'll move when filling with padding
+                fillWithPaddingBr(block);
+                editor.selection.setCursorLocation(block.dom, 0);
+            }
+        });
+    };
+    const deleteContentInsideCell = (editor, cell, rng, isFirstCellInSelection) => {
+        const insideTableRng = rng.cloneRange();
+        if (isFirstCellInSelection) {
+            insideTableRng.setStart(rng.startContainer, rng.startOffset);
+            insideTableRng.setEndAfter(cell.dom.lastChild);
+        }
+        else {
+            insideTableRng.setStartBefore(cell.dom.firstChild);
+            insideTableRng.setEnd(rng.endContainer, rng.endOffset);
+        }
+        deleteCellContents(editor, insideTableRng, cell, false).each((action) => action());
+    };
+    const collapseAndRestoreCellSelection = (editor) => {
+        const selectedCells = getCellsFromEditor(editor);
+        const selectedNode = SugarElement.fromDom(editor.selection.getNode());
+        if (isTableCell$3(selectedNode.dom) && isEmpty$2(editor.schema, selectedNode)) {
+            editor.selection.setCursorLocation(selectedNode.dom, 0);
+        }
+        else {
+            editor.selection.collapse(true);
+        }
+        // Restore the data-mce-selected attribute if multiple cells were selected, as if it was a cef element
+        // then selection overrides would remove it as it was using an offscreen selection clone.
+        if (selectedCells.length > 1 && exists(selectedCells, (cell) => eq(cell, selectedNode))) {
+            set$4(selectedNode, 'data-mce-selected', '1');
+        }
+    };
+    /*
+     * Runs when
+     * - the start and end of the selection is contained within the same table (called directly from deleteRange)
+     * - part of a table and content outside is selected
+     */
+    const emptySingleTableCells = (editor, cells, outsideDetails) => Optional?.some(() => {
+        const editorRng = editor.selection.getRng();
+        const cellsToClean = outsideDetails.bind(({ rng, isStartInTable }) => {
+            /*
+             * Delete all content outside of the table that is in the selection
+             * - Get the outside block before deleting the contents
+             * - Delete the contents outside
+             * - Handle the block outside the table if it is empty since rng.deleteContents leaves it
+             */
+            const outsideBlock = getOutsideBlock(editor, isStartInTable ? rng.endContainer : rng.startContainer);
+            rng.deleteContents();
+            handleEmptyBlock(editor, isStartInTable, outsideBlock.filter(curry(isEmpty$2, editor.schema)));
+            /*
+             * The only time we can have only part of the cell contents selected is when part of the selection
+             * is outside the table (otherwise we use the Darwin fake selection, which always selects entire cells),
+             * in which case we need to delete the contents inside and check if the entire contents of the cell have been deleted.
+             *
+             * Note: The endPointCell is the only cell which may have only part of its contents selected.
+             */
+            const endPointCell = isStartInTable ? cells[0] : cells[cells.length - 1];
+            deleteContentInsideCell(editor, endPointCell, editorRng, isStartInTable);
+            if (!isEmpty$2(editor.schema, endPointCell)) {
+                return Optional?.some(isStartInTable ? cells.slice(1) : cells.slice(0, -1));
+            }
+            else {
+                return Optional.none();
+            }
+        }).getOr(cells);
+        // Remove content from cells we need to clean
+        cleanCells(cellsToClean);
+        // Collapse the original selection after deleting everything
+        collapseAndRestoreCellSelection(editor);
+    });
+    /*
+     * Runs when the start of the selection is in a table and the end of the selection is in another table
+     */
+    const emptyMultiTableCells = (editor, startTableCells, endTableCells, betweenRng) => Optional?.some(() => {
+        const rng = editor.selection.getRng();
+        const startCell = startTableCells[0];
+        const endCell = endTableCells[endTableCells.length - 1];
+        deleteContentInsideCell(editor, startCell, rng, true);
+        deleteContentInsideCell(editor, endCell, rng, false);
+        // Only clean empty cells, the first and last cells have the potential to still have content
+        const startTableCellsToClean = isEmpty$2(editor.schema, startCell) ? startTableCells : startTableCells.slice(1);
+        const endTableCellsToClean = isEmpty$2(editor.schema, endCell) ? endTableCells : endTableCells.slice(0, -1);
+        cleanCells(startTableCellsToClean.concat(endTableCellsToClean));
+        // Delete all content in between the start table and end table
+        betweenRng.deleteContents();
+        // This will collapse the selection into the cell of the start table
+        collapseAndRestoreCellSelection(editor);
+    });
+    // Delete the contents of a range inside a cell. Runs on tables that are a single cell or partial selections that need to be cleaned up.
+    const deleteCellContents = (editor, rng, cell, moveSelection = true) => Optional?.some(() => {
+        deleteRangeContents(editor, rng, cell, moveSelection);
+    });
+    const deleteTableElement = (editor, table) => Optional?.some(() => deleteElement$2(editor, false, table));
+    const deleteCellRange = (editor, rootElm, rng) => getActionFromRange(rootElm, rng)
+        .bind((action) => action.fold(curry(deleteCellContents, editor), curry(deleteTableElement, editor), curry(emptySingleTableCells, editor), curry(emptyMultiTableCells, editor)));
+    const deleteCaptionRange = (editor, caption) => emptyElement(editor, caption);
+    const deleteTableRange = (editor, rootElm, rng, startElm) => getParentCaption(rootElm, startElm).fold(() => deleteCellRange(editor, rootElm, rng), (caption) => deleteCaptionRange(editor, caption));
+    const deleteRange$3 = (editor, startElm, selectedCells) => {
+        const rootNode = SugarElement.fromDom(editor.getBody());
+        const rng = editor.selection.getRng();
+        return selectedCells.length !== 0 ?
+            emptySingleTableCells(editor, selectedCells, Optional.none()) :
+            deleteTableRange(editor, rootNode, rng, startElm);
+    };
+    const getParentCell = (rootElm, elm) => find$2(parentsAndSelf(elm, rootElm), isTableCell$2);
+    const getParentCaption = (rootElm, elm) => find$2(parentsAndSelf(elm, rootElm), isTag('caption'));
+    const deleteBetweenCells = (editor, rootElm, forward, fromCell, from) => 
+    // TODO: TINY-8865 - This may not be safe to cast as Node below and alternative solutions need to be looked into
+    navigate(forward, editor.getBody(), from)
+        .bind((to) => getParentCell(rootElm, SugarElement.fromDom(to.getNode()))
+        .bind((toCell) => eq(toCell, fromCell) ? Optional.none() : Optional?.some(noop)));
+    const emptyElement = (editor, elm) => Optional?.some(() => {
+        fillWithPaddingBr(elm);
+        editor.selection.setCursorLocation(elm.dom, 0);
+    });
+    const isDeleteOfLastCharPos = (fromCaption, forward, from, to) => firstPositionIn(fromCaption.dom).bind((first) => lastPositionIn(fromCaption.dom)?.map((last) => forward ?
+        from.isEqual(first) && to.isEqual(last) :
+        from.isEqual(last) && to.isEqual(first))).getOr(true);
+    const emptyCaretCaption = (editor, elm) => emptyElement(editor, elm);
+    const validateCaretCaption = (rootElm, fromCaption, to) => 
+    // TODO: TINY-8865 - This may not be safe to cast as Node below and alternative solutions need to be looked into
+    getParentCaption(rootElm, SugarElement.fromDom(to.getNode()))
+        .fold(() => Optional?.some(noop), (toCaption) => someIf(!eq(toCaption, fromCaption), noop));
+    const deleteCaretInsideCaption = (editor, rootElm, forward, fromCaption, from) => navigate(forward, editor.getBody(), from).fold(() => Optional?.some(noop), (to) => isDeleteOfLastCharPos(fromCaption, forward, from, to) ?
+        emptyCaretCaption(editor, fromCaption) :
+        validateCaretCaption(rootElm, fromCaption, to));
+    const deleteCaretCells = (editor, forward, rootElm, startElm) => {
+        const from = CaretPosition.fromRangeStart(editor.selection.getRng());
+        return getParentCell(rootElm, startElm).bind((fromCell) => isEmpty$2(editor.schema, fromCell, { checkRootAsContent: false }) ?
+            emptyElement(editor, fromCell) :
+            deleteBetweenCells(editor, rootElm, forward, fromCell, from));
+    };
+    const deleteCaretCaption = (editor, forward, rootElm, fromCaption) => {
+        const from = CaretPosition.fromRangeStart(editor.selection.getRng());
+        return isEmpty$2(editor.schema, fromCaption) ?
+            emptyElement(editor, fromCaption) :
+            deleteCaretInsideCaption(editor, rootElm, forward, fromCaption, from);
+    };
+    const isNearTable = (forward, pos) => forward ? isBeforeTable(pos) : isAfterTable(pos);
+    const isBeforeOrAfterTable = (editor, forward) => {
+        const fromPos = CaretPosition.fromRangeStart(editor.selection.getRng());
+        return isNearTable(forward, fromPos) || fromPosition(forward, editor.getBody(), fromPos)
+            .exists((pos) => isNearTable(forward, pos));
+    };
+    const deleteCaret$3 = (editor, forward, startElm) => {
+        const rootElm = SugarElement.fromDom(editor.getBody());
+        return getParentCaption(rootElm, startElm).fold(() => deleteCaretCells(editor, forward, rootElm, startElm)
+            .orThunk(() => someIf(isBeforeOrAfterTable(editor, forward), noop)), (fromCaption) => deleteCaretCaption(editor, forward, rootElm, fromCaption));
+    };
+    const backspaceDelete$b = (editor, forward) => {
+        const startElm = SugarElement.fromDom(editor.selection.getStart(true));
+        const cells = getCellsFromEditor(editor);
+        return editor.selection.isCollapsed() && cells.length === 0 ?
+            deleteCaret$3(editor, forward, startElm) :
+            deleteRange$3(editor, startElm, cells);
+    };
+
+    const getContentEditableRoot$1 = (root, node) => {
+        let tempNode = node;
+        while (tempNode && tempNode !== root) {
+            if (isContentEditableTrue$3(tempNode) || isContentEditableFalse$a(tempNode)) {
+                return tempNode;
+            }
+            tempNode = tempNode.parentNode;
+        }
+        return null;
+    };
+
+    const internalAttributesPrefixes = [
+        'data-ephox-',
+        'data-mce-',
+        'data-alloy-',
+        'data-snooker-',
+        '_'
+    ];
+    /**
+     * Utility class for various element specific functions.
+     *
+     * @private
+     * @class tinymce.dom.ElementUtils
+     */
+    const each$9 = Tools.each;
+    const ElementUtils = (editor) => {
+        const dom = editor.dom;
+        const internalAttributes = new Set(editor.serializer.getTempAttrs());
+        /**
+         * Compares two nodes and checks if it's attributes and styles matches.
+         * This doesn't compare classes as items since their order is significant.
+         *
+         * @method compare
+         * @param {Node} node1 First node to compare with.
+         * @param {Node} node2 Second node to compare with.
+         * @return {Boolean} True/false if the nodes are the same or not.
+         */
+        const compare = (node1, node2) => {
+            // Not the same name or type
+            if (node1.nodeName !== node2.nodeName || node1.nodeType !== node2.nodeType) {
+                return false;
+            }
+            /**
+             * Returns all the nodes attributes excluding internal ones, styles and classes.
+             *
+             * @private
+             * @param {Node} node Node to get attributes from.
+             * @return {Object} Name/value object with attributes and attribute values.
+             */
+            const getAttribs = (node) => {
+                const attribs = {};
+                each$9(dom.getAttribs(node), (attr) => {
+                    const name = attr.nodeName.toLowerCase();
+                    // Don't compare internal attributes or style
+                    if (name !== 'style' && !isAttributeInternal(name)) {
+                        attribs[name] = dom.getAttrib(node, name);
+                    }
+                });
+                return attribs;
+            };
+            /**
+             * Compares two objects checks if it's key + value exists in the other one.
+             *
+             * @private
+             * @param {Object} obj1 First object to compare.
+             * @param {Object} obj2 Second object to compare.
+             * @return {Boolean} True/false if the objects matches or not.
+             */
+            const compareObjects = (obj1, obj2) => {
+                for (const name in obj1) {
+                    // Obj1 has item obj2 doesn't have
+                    if (has$2(obj1, name)) {
+                        const value = obj2[name];
+                        // Obj2 doesn't have obj1 item
+                        if (isUndefined(value)) {
+                            return false;
+                        }
+                        // Obj2 item has a different value
+                        if (obj1[name] !== value) {
+                            return false;
+                        }
+                        // Delete similar value
+                        delete obj2[name];
+                    }
+                }
+                // Check if obj 2 has something obj 1 doesn't have
+                for (const name in obj2) {
+                    // Obj2 has item obj1 doesn't have
+                    if (has$2(obj2, name)) {
+                        return false;
+                    }
+                }
+                return true;
+            };
+            if (isElement$6(node1) && isElement$6(node2)) {
+                // Attribs are not the same
+                if (!compareObjects(getAttribs(node1), getAttribs(node2))) {
+                    return false;
+                }
+                // Styles are not the same
+                if (!compareObjects(dom.parseStyle(dom.getAttrib(node1, 'style')), dom.parseStyle(dom.getAttrib(node2, 'style')))) {
+                    return false;
+                }
+            }
+            return !isBookmarkNode$1(node1) && !isBookmarkNode$1(node2);
+        };
+        const isAttributeInternal = (attributeName) => exists(internalAttributesPrefixes, (value) => startsWith(attributeName, value)) || internalAttributes.has(attributeName);
+        return {
+            compare,
+            isAttributeInternal
+        };
+    };
+
+    const isHeading = (node) => ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(node.name);
+    const isSummary = (node) => node.name === 'summary';
+
+    const traverse = (root, fn) => {
+        let node = root;
+        while ((node = node.walk())) {
+            fn(node);
+        }
+    };
+    // Test a single node against the current filters, and add it to any match lists if necessary
+    const matchNode$1 = (nodeFilters, attributeFilters, node, matches) => {
+        const name = node.name;
+        // Match node filters
+        for (let ni = 0, nl = nodeFilters.length; ni < nl; ni++) {
+            const filter = nodeFilters[ni];
+            if (filter.name === name) {
+                const match = matches.nodes[name];
+                if (match) {
+                    match.nodes.push(node);
+                }
+                else {
+                    matches.nodes[name] = { filter, nodes: [node] };
+                }
+            }
+        }
+        // Match attribute filters
+        if (node.attributes) {
+            for (let ai = 0, al = attributeFilters.length; ai < al; ai++) {
+                const filter = attributeFilters[ai];
+                const attrName = filter.name;
+                if (attrName in node.attributes.map) {
+                    const match = matches.attributes[attrName];
+                    if (match) {
+                        match.nodes.push(node);
+                    }
+                    else {
+                        matches.attributes[attrName] = { filter, nodes: [node] };
+                    }
+                }
+            }
+        }
+    };
+    const findMatchingNodes = (nodeFilters, attributeFilters, node) => {
+        const matches = { nodes: {}, attributes: {} };
+        if (node.firstChild) {
+            traverse(node, (childNode) => {
+                matchNode$1(nodeFilters, attributeFilters, childNode, matches);
+            });
+        }
+        return matches;
+    };
+    // Run all necessary node filters and attribute filters, based on a match set
+    const runFilters = (matches, args) => {
+        const run = (matchRecord, filteringAttributes) => {
+            each$d(matchRecord, (match) => {
+                // in theory we don't need to copy the array, it was created purely for this filtering, but the method is exported so we can't guarantee that
+                const nodes = from(match.nodes);
+                each$e(match.filter.callbacks, (callback) => {
+                    // very very carefully mutate the nodes array based on whether the filter still matches them
+                    for (let i = nodes.length - 1; i >= 0; i--) {
+                        const node = nodes[i];
+                        // Remove already removed children, and nodes that no longer match the filter
+                        const valueMatches = filteringAttributes ? node.attr(match.filter.name) !== undefined : node.name === match.filter.name;
+                        if (!valueMatches || isNullable(node.parent)) {
+                            nodes.splice(i, 1);
+                        }
+                    }
+                    if (nodes.length > 0) {
+                        callback(nodes, match.filter.name, args);
+                    }
+                });
+            });
+        };
+        run(matches.nodes, false);
+        run(matches.attributes, true);
+    };
+    const filter$1 = (nodeFilters, attributeFilters, node, args = {}) => {
+        const matches = findMatchingNodes(nodeFilters, attributeFilters, node);
+        runFilters(matches, args);
+    };
+
+    const paddEmptyNode = (settings, args, isBlock, node) => {
+        const brPreferred = settings.pad_empty_with_br || args.insert;
+        if (brPreferred && isBlock(node)) {
+            const astNode = new AstNode('br', 1);
+            if (args.insert) {
+                astNode.attr('data-mce-bogus', '1');
+            }
+            node.empty().append(astNode);
+        }
+        else {
+            node.empty().append(new AstNode('#text', 3)).value = nbsp;
+        }
+    };
+    const isPaddedWithNbsp = (node) => { var _a; return hasOnlyChild(node, '#text') && ((_a = node === null || node === void 0 ? void 0 : node.firstChild) === null || _a === void 0 ? void 0 : _a.value) === nbsp; };
+    const hasOnlyChild = (node, name) => {
+        const firstChild = node === null || node === void 0 ? void 0 : node.firstChild;
+        return isNonNullable(firstChild) && firstChild === node.lastChild && firstChild.name === name;
+    };
+    const isPadded = (schema, node) => {
+        const rule = schema.getElementRule(node.name);
+        return (rule === null || rule === void 0 ? void 0 : rule.paddEmpty) === true;
+    };
+    const isEmpty = (schema, nonEmptyElements, whitespaceElements, node) => node.isEmpty(nonEmptyElements, whitespaceElements, (node) => isPadded(schema, node));
+    const isLineBreakNode = (node, isBlock) => isNonNullable(node) && (isBlock(node) || node.name === 'br');
+    const findClosestEditingHost = (scope) => {
+        let editableNode;
+        for (let node = scope; node; node = node.parent) {
+            const contentEditable = node.attr('contenteditable');
+            if (contentEditable === 'false') {
+                break;
+            }
+            else if (contentEditable === 'true') {
+                editableNode = node;
+            }
+        }
+        return Optional.from(editableNode);
+    };
+
+    const removeOrUnwrapInvalidNode = (node, schema, originalNodeParent = node.parent) => {
+        if (schema.getSpecialElements()[node.name]) {
+            node.empty().remove();
+        }
+        else {
+            // are the children of `node` valid children of the top level parent?
+            // if not, remove or unwrap them too
+            const children = node.children();
+            for (const childNode of children) {
+                if (originalNodeParent && !schema.isValidChild(originalNodeParent.name, childNode.name)) {
+                    removeOrUnwrapInvalidNode(childNode, schema, originalNodeParent);
+                }
+            }
+            node.unwrap();
+        }
+    };
+    const cleanInvalidNodes = (nodes, schema, rootNode, onCreate = noop) => {
+        const textBlockElements = schema.getTextBlockElements();
+        const nonEmptyElements = schema.getNonEmptyElements();
+        const whitespaceElements = schema.getWhitespaceElements();
+        const nonSplittableElements = Tools.makeMap('tr,td,th,tbody,thead,tfoot,table,summary');
+        const fixed = new Set();
+        const isSplittableElement = (node) => node !== rootNode && !nonSplittableElements[node.name];
+        for (let ni = 0; ni < nodes.length; ni++) {
+            const node = nodes[ni];
+            let parent;
+            let newParent;
+            let tempNode;
+            // Don't bother if it's detached from the tree
+            if (!node.parent || fixed.has(node)) {
+                continue;
+            }
+            // If the invalid element is a text block, and the text block is within a parent LI element
+            // Then unwrap the first text block and convert other sibling text blocks to LI elements similar to Word/Open Office
+            if (textBlockElements[node.name] && node.parent.name === 'li') {
+                // Move sibling text blocks after LI element
+                let sibling = node.next;
+                while (sibling) {
+                    if (textBlockElements[sibling.name]) {
+                        sibling.name = 'li';
+                        fixed.add(sibling);
+                        node.parent.insert(sibling, node.parent);
+                    }
+                    else {
+                        break;
+                    }
+                    sibling = sibling.next;
+                }
+                // Unwrap current text block
+                node.unwrap();
+                continue;
+            }
+            // Get list of all parent nodes until we find a valid parent to stick the child into
+            const parents = [node];
+            for (parent = node.parent; parent && !schema.isValidChild(parent.name, node.name) && isSplittableElement(parent); parent = parent.parent) {
+                parents.push(parent);
+            }
+            // Found a suitable parent
+            if (parent && parents.length > 1) {
+                // If the node is a valid child of the parent, then try to move it. Otherwise unwrap it
+                if (!isInvalid(schema, node, parent)) {
+                    // Reverse the array since it makes looping easier
+                    parents.reverse();
+                    // Clone the related parent and insert that after the moved node
+                    newParent = parents[0].clone();
+                    onCreate(newParent);
+                    // Start cloning and moving children on the left side of the target node
+                    let currentNode = newParent;
+                    for (let i = 0; i < parents.length - 1; i++) {
+                        if (schema.isValidChild(currentNode.name, parents[i].name) && i > 0) {
+                            tempNode = parents[i].clone();
+                            onCreate(tempNode);
+                            currentNode.append(tempNode);
+                        }
+                        else {
+                            tempNode = currentNode;
+                        }
+                        for (let childNode = parents[i].firstChild; childNode && childNode !== parents[i + 1];) {
+                            const nextNode = childNode.next;
+                            tempNode.append(childNode);
+                            childNode = nextNode;
+                        }
+                        currentNode = tempNode;
+                    }
+                    if (!isEmpty(schema, nonEmptyElements, whitespaceElements, newParent)) {
+                        parent.insert(newParent, parents[0], true);
+                        parent.insert(node, newParent);
+                    }
+                    else {
+                        parent.insert(node, parents[0], true);
+                    }
+                    // Check if the element is empty by looking through its contents, with special treatment for <p><br /></p>
+                    parent = parents[0];
+                    if (isEmpty(schema, nonEmptyElements, whitespaceElements, parent) || hasOnlyChild(parent, 'br')) {
+                        parent.empty().remove();
+                    }
+                }
+                else {
+                    removeOrUnwrapInvalidNode(node, schema);
+                }
+            }
+            else if (node.parent) {
+                // If it's an LI try to find a UL/OL for it or wrap it
+                if (node.name === 'li') {
+                    let sibling = node.prev;
+                    if (sibling && (sibling.name === 'ul' || sibling.name === 'ol')) {
+                        sibling.append(node);
+                        continue;
+                    }
+                    sibling = node.next;
+                    if (sibling && (sibling.name === 'ul' || sibling.name === 'ol') && sibling.firstChild) {
+                        sibling.insert(node, sibling.firstChild, true);
+                        continue;
+                    }
+                    const wrapper = new AstNode('ul', 1);
+                    onCreate(wrapper);
+                    node.wrap(wrapper);
+                    continue;
+                }
+                // Try wrapping the element in a DIV
+                if (schema.isValidChild(node.parent.name, 'div') && schema.isValidChild('div', node.name)) {
+                    const wrapper = new AstNode('div', 1);
+                    onCreate(wrapper);
+                    node.wrap(wrapper);
+                }
+                else {
+                    // We failed wrapping it, remove or unwrap it
+                    removeOrUnwrapInvalidNode(node, schema);
+                }
+            }
+        }
+    };
+    const hasClosest = (node, parentName) => {
+        let tempNode = node;
+        while (tempNode) {
+            if (tempNode.name === parentName) {
+                return true;
+            }
+            tempNode = tempNode.parent;
+        }
+        return false;
+    };
+    // The `parent` parameter of `isInvalid` function represents the closest valid parent
+    // under which the `node` is intended to be moved.
+    const isInvalid = (schema, node, parent = node.parent) => {
+        if (!parent) {
+            return false;
+        }
+        // Check if the node is a valid child of the parent node. If the child is
+        // unknown we don't collect it since it's probably a custom element
+        if (schema.children[node.name] && !schema.isValidChild(parent.name, node.name)) {
+            return true;
+        }
+        // Anchors are a special case and cannot be nested
+        if (node.name === 'a' && hasClosest(parent, 'a')) {
+            return true;
+        }
+        // heading element is valid if it is the only one child of summary
+        if (isSummary(parent) && isHeading(node)) {
+            return !((parent === null || parent === void 0 ? void 0 : parent.firstChild) === node && (parent === null || parent === void 0 ? void 0 : parent.lastChild) === node);
+        }
+        return false;
+    };
+
+    const createRange = (sc, so, ec, eo) => {
+        const rng = document.createRange();
+        rng.setStart(sc, so);
+        rng.setEnd(ec, eo);
+        return rng;
+    };
+    // If you triple click a paragraph in this case:
+    //   <blockquote><p>a</p></blockquote><p>b</p>
+    // It would become this range in webkit:
+    //   <blockquote><p>[a</p></blockquote><p>]b</p>
+    // We would want it to be:
+    //   <blockquote><p>[a]</p></blockquote><p>b</p>
+    // Since it would otherwise produces spans out of thin air on insertContent for example.
+    const normalizeBlockSelectionRange = (rng) => {
+        const startPos = CaretPosition.fromRangeStart(rng);
+        const endPos = CaretPosition.fromRangeEnd(rng);
+        const rootNode = rng.commonAncestorContainer;
+        return fromPosition(false, rootNode, endPos)
+            ?.map((newEndPos) => {
+            if (!isInSameBlock(startPos, endPos, rootNode) && isInSameBlock(startPos, newEndPos, rootNode)) {
+                return createRange(startPos.container(), startPos.offset(), newEndPos.container(), newEndPos.offset());
+            }
+            else {
+                return rng;
+            }
+        }).getOr(rng);
+    };
+    const normalize = (rng) => rng.collapsed ? rng : normalizeBlockSelectionRange(rng);
+
+    /**
+     * Handles inserts of lists into the editor instance.
+     *
+     * @class tinymce.InsertList
+     * @private
+     */
+    const hasOnlyOneChild$1 = (node) => {
+        return isNonNullable(node.firstChild) && node.firstChild === node.lastChild;
+    };
+    const isPaddingNode = (node) => {
+        return node.name === 'br' || node.value === nbsp;
+    };
+    const isPaddedEmptyBlock = (schema, node) => {
+        const blockElements = schema.getBlockElements();
+        return blockElements[node.name] && hasOnlyOneChild$1(node) && isPaddingNode(node.firstChild);
+    };
+    const isEmptyFragmentElement = (schema, node) => {
+        const nonEmptyElements = schema.getNonEmptyElements();
+        return isNonNullable(node) && (node.isEmpty(nonEmptyElements) || isPaddedEmptyBlock(schema, node));
+    };
+    const isListFragment = (schema, fragment) => {
+        let firstChild = fragment.firstChild;
+        let lastChild = fragment.lastChild;
+        // Skip meta since it's likely <meta><ul>..</ul>
+        if (firstChild && firstChild.name === 'meta') {
+            firstChild = firstChild.next;
+        }
+        // Skip mce_marker since it's likely <ul>..</ul><span id="mce_marker"></span>
+        if (lastChild && lastChild.attr('id') === 'mce_marker') {
+            lastChild = lastChild.prev;
+        }
+        // Skip last child if it's an empty block
+        if (isEmptyFragmentElement(schema, lastChild)) {
+            lastChild = lastChild === null || lastChild === void 0 ? void 0 : lastChild.prev;
+        }
+        if (!firstChild || firstChild !== lastChild) {
+            return false;
+        }
+        return firstChild.name === 'ul' || firstChild.name === 'ol';
+    };
+    const cleanupDomFragment = (domFragment) => {
+        var _a, _b;
+        const firstChild = domFragment.firstChild;
+        const lastChild = domFragment.lastChild;
+        // TODO: remove the meta tag from paste logic
+        if (firstChild && firstChild.nodeName === 'META') {
+            (_a = firstChild.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(firstChild);
+        }
+        if (lastChild && lastChild.id === 'mce_marker') {
+            (_b = lastChild.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(lastChild);
+        }
+        return domFragment;
+    };
+    const toDomFragment = (dom, serializer, fragment) => {
+        const html = serializer.serialize(fragment);
+        const domFragment = dom.createFragment(html);
+        return cleanupDomFragment(domFragment);
+    };
+    const listItems = (elm) => {
+        var _a;
+        return filter$5((_a = elm === null || elm === void 0 ? void 0 : elm.childNodes) !== null && _a !== void 0 ? _a : [], (child) => {
+            return child.nodeName === 'LI';
+        });
+    };
+    const isPadding = (node) => {
+        return node.data === nbsp || isBr$6(node);
+    };
+    const isListItemPadded = (node) => {
+        return isNonNullable(node === null || node === void 0 ? void 0 : node.firstChild) && node.firstChild === node.lastChild && isPadding(node.firstChild);
+    };
+    const isEmptyOrPadded = (elm) => {
+        return !elm.firstChild || isListItemPadded(elm);
+    };
+    const trimListItems = (elms) => {
+        return elms.length > 0 && isEmptyOrPadded(elms[elms.length - 1]) ? elms.slice(0, -1) : elms;
+    };
+    const getParentLi = (dom, node) => {
+        const parentBlock = dom.getParent(node, dom.isBlock);
+        return parentBlock && parentBlock.nodeName === 'LI' ? parentBlock : null;
+    };
+    const isParentBlockLi = (dom, node) => {
+        return !!getParentLi(dom, node);
+    };
+    const getSplit = (parentNode, rng) => {
+        const beforeRng = rng.cloneRange();
+        const afterRng = rng.cloneRange();
+        beforeRng.setStartBefore(parentNode);
+        afterRng.setEndAfter(parentNode);
+        return [
+            beforeRng.cloneContents(),
+            afterRng.cloneContents()
+        ];
+    };
+    const findFirstIn = (node, rootNode) => {
+        const caretPos = CaretPosition.before(node);
+        const caretWalker = CaretWalker(rootNode);
+        const newCaretPos = caretWalker.next(caretPos);
+        return newCaretPos ? newCaretPos.toRange() : null;
+    };
+    const findLastOf = (node, rootNode) => {
+        const caretPos = CaretPosition.after(node);
+        const caretWalker = CaretWalker(rootNode);
+        const newCaretPos = caretWalker.prev(caretPos);
+        return newCaretPos ? newCaretPos.toRange() : null;
+    };
+    const insertMiddle = (target, elms, rootNode, rng) => {
+        const parts = getSplit(target, rng);
+        const parentElm = target.parentNode;
+        if (parentElm) {
+            parentElm.insertBefore(parts[0], target);
+            Tools.each(elms, (li) => {
+                parentElm.insertBefore(li, target);
+            });
+            parentElm.insertBefore(parts[1], target);
+            parentElm.removeChild(target);
+        }
+        return findLastOf(elms[elms.length - 1], rootNode);
+    };
+    const insertBefore$2 = (target, elms, rootNode) => {
+        const parentElm = target.parentNode;
+        if (parentElm) {
+            Tools.each(elms, (elm) => {
+                parentElm.insertBefore(elm, target);
+            });
+        }
+        return findFirstIn(target, rootNode);
+    };
+    const insertAfter$2 = (target, elms, rootNode, dom) => {
+        dom.insertAfter(elms.reverse(), target);
+        return findLastOf(elms[0], rootNode);
+    };
+    const insertAtCaret$1 = (serializer, dom, rng, fragment) => {
+        const domFragment = toDomFragment(dom, serializer, fragment);
+        const liTarget = getParentLi(dom, rng.startContainer);
+        const liElms = trimListItems(listItems(domFragment.firstChild));
+        const BEGINNING = 1, END = 2;
+        const rootNode = dom.getRoot();
+        const isAt = (location) => {
+            const caretPos = CaretPosition.fromRangeStart(rng);
+            const caretWalker = CaretWalker(dom.getRoot());
+            const newPos = location === BEGINNING ? caretWalker.prev(caretPos) : caretWalker.next(caretPos);
+            const newPosNode = newPos === null || newPos === void 0 ? void 0 : newPos.getNode();
+            return newPosNode ? getParentLi(dom, newPosNode) !== liTarget : true;
+        };
+        if (!liTarget) {
+            return null;
+        }
+        else if (isAt(BEGINNING)) {
+            return insertBefore$2(liTarget, liElms, rootNode);
+        }
+        else if (isAt(END)) {
+            return insertAfter$2(liTarget, liElms, rootNode, dom);
+        }
+        else {
+            return insertMiddle(liTarget, liElms, rootNode, rng);
+        }
+    };
+
+    const mergeableWrappedElements = ['pre'];
+    const shouldPasteContentOnly = (dom, fragment, parentNode, root) => {
+        var _a;
+        const firstNode = fragment.firstChild;
+        const lastNode = fragment.lastChild;
+        const last = lastNode.attr('data-mce-type') === 'bookmark' ? lastNode.prev : lastNode;
+        const isPastingSingleElement = firstNode === last;
+        const isWrappedElement = contains$2(mergeableWrappedElements, firstNode.name);
+        if (isPastingSingleElement && isWrappedElement) {
+            const isContentEditable = firstNode.attr('contenteditable') !== 'false';
+            const isPastingInTheSameBlockTag = ((_a = dom.getParent(parentNode, dom.isBlock)) === null || _a === void 0 ? void 0 : _a.nodeName.toLowerCase()) === firstNode.name;
+            const isPastingInContentEditable = Optional.from(getContentEditableRoot$1(root, parentNode)).forall(isContentEditableTrue$3);
+            return isContentEditable && isPastingInTheSameBlockTag && isPastingInContentEditable;
+        }
+        else {
+            return false;
+        }
+    };
+    const isTableCell = isTableCell$3;
+    const isTableCellContentSelected = (dom, rng, cell) => {
+        if (isNonNullable(cell)) {
+            const endCell = dom.getParent(rng.endContainer, isTableCell);
+            return cell === endCell && hasAllContentsSelected(SugarElement.fromDom(cell), rng);
+        }
+        else {
+            return false;
+        }
+    };
+    const isEditableEmptyBlock = (dom, node) => {
+        if (dom.isBlock(node) && dom.isEditable(node)) {
+            const childNodes = node.childNodes;
+            return (childNodes.length === 1 && isBr$6(childNodes[0])) || childNodes.length === 0;
+        }
+        else {
+            return false;
+        }
+    };
+    const validInsertion = (editor, value, parentNode) => {
+        var _a;
+        // Should never insert content into bogus elements, since these can
+        // be resize handles or similar
+        if (parentNode.getAttribute('data-mce-bogus') === 'all') {
+            (_a = parentNode.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(editor.dom.createFragment(value), parentNode);
+        }
+        else {
+            if (isEditableEmptyBlock(editor.dom, parentNode)) {
+                editor.dom.setHTML(parentNode, value);
+            }
+            else {
+                editor.selection.setContent(value, { no_events: true });
+            }
+        }
+    };
+    const trimBrsFromTableCell = (dom, elm, schema) => {
+        Optional.from(dom.getParent(elm, 'td,th'))?.map(SugarElement.fromDom).each((el) => trimBlockTrailingBr(el, schema));
+    };
+    // Remove children nodes that are exactly the same as a parent node - name, attributes, styles
+    const reduceInlineTextElements = (editor, merge) => {
+        const textInlineElements = editor.schema.getTextInlineElements();
+        const dom = editor.dom;
+        if (merge) {
+            const root = editor.getBody();
+            const elementUtils = ElementUtils(editor);
+            const fragmentSelector = '*[data-mce-fragment]';
+            const fragments = dom.select(fragmentSelector);
+            Tools.each(fragments, (node) => {
+                const isInline = (currentNode) => isNonNullable(textInlineElements[currentNode.nodeName.toLowerCase()]);
+                const hasOneChild = (currentNode) => currentNode.childNodes.length === 1;
+                const hasNoNonInheritableStyles = (currentNode) => !(hasNonInheritableStyles(dom, currentNode) || hasConditionalNonInheritableStyles(dom, currentNode));
+                if (hasNoNonInheritableStyles(node) && isInline(node) && hasOneChild(node)) {
+                    const styles = getStyleProps(dom, node);
+                    const isOverridden = (oldStyles, newStyles) => forall(oldStyles, (style) => contains$2(newStyles, style));
+                    const overriddenByAllChildren = (childNode) => hasOneChild(node) && dom.is(childNode, fragmentSelector) && isInline(childNode) &&
+                        (childNode.nodeName === node.nodeName && isOverridden(styles, getStyleProps(dom, childNode)) || overriddenByAllChildren(childNode.children[0]));
+                    const identicalToParent = (parentNode) => isNonNullable(parentNode) && parentNode !== root
+                        && (elementUtils.compare(node, parentNode) || identicalToParent(parentNode.parentElement));
+                    const conflictWithInsertedParent = (parentNode) => isNonNullable(parentNode) && parentNode !== root
+                        && dom.is(parentNode, fragmentSelector) && (hasStyleConflict(dom, node, parentNode) || conflictWithInsertedParent(parentNode.parentElement));
+                    if (overriddenByAllChildren(node.children[0]) || (identicalToParent(node.parentElement) && !conflictWithInsertedParent(node.parentElement))) {
+                        dom.remove(node, true);
+                    }
+                }
+            });
+        }
+    };
+    const markFragmentElements = (fragment) => {
+        let node = fragment;
+        while ((node = node.walk())) {
+            if (node.type === 1) {
+                node.attr('data-mce-fragment', '1');
+            }
+        }
+    };
+    const unmarkFragmentElements = (elm) => {
+        Tools.each(elm.getElementsByTagName('*'), (elm) => {
+            elm.removeAttribute('data-mce-fragment');
+        });
+    };
+    const isPartOfFragment = (node) => {
+        return !!node.getAttribute('data-mce-fragment');
+    };
+    const canHaveChildren = (editor, node) => {
+        return isNonNullable(node) && !editor.schema.getVoidElements()[node.nodeName];
+    };
+    const moveSelectionToMarker = (editor, marker) => {
+        var _a, _b, _c;
+        let nextRng;
+        const dom = editor.dom;
+        const selection = editor.selection;
+        if (!marker) {
+            return;
+        }
+        selection.scrollIntoView(marker);
+        // If marker is in cE=false then move selection to that element instead
+        const parentEditableElm = getContentEditableRoot$1(editor.getBody(), marker);
+        if (parentEditableElm && dom.getContentEditable(parentEditableElm) === 'false') {
+            dom.remove(marker);
+            selection.select(parentEditableElm);
+            return;
+        }
+        // Move selection before marker and remove it
+        let rng = dom.createRng();
+        // If previous sibling is a text node set the selection to the end of that node
+        const node = marker.previousSibling;
+        if (isText$b(node)) {
+            rng.setStart(node, (_b = (_a = node.nodeValue) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0);
+            const node2 = marker.nextSibling;
+            if (isText$b(node2)) {
+                node.appendData(node2.data);
+                (_c = node2.parentNode) === null || _c === void 0 ? void 0 : _c.removeChild(node2);
+            }
+        }
+        else {
+            // If the previous sibling isn't a text node or doesn't exist set the selection before the marker node
+            rng.setStartBefore(marker);
+            rng.setEndBefore(marker);
+        }
+        const findNextCaretRng = (rng) => {
+            let caretPos = CaretPosition.fromRangeStart(rng);
+            const caretWalker = CaretWalker(editor.getBody());
+            caretPos = caretWalker.next(caretPos);
+            return caretPos === null || caretPos === void 0 ? void 0 : caretPos.toRange();
+        };
+        // Remove the marker node and set the new range
+        const parentBlock = dom.getParent(marker, dom.isBlock);
+        dom.remove(marker);
+        if (parentBlock && dom.isEmpty(parentBlock)) {
+            const isCell = isTableCell(parentBlock);
+            empty(SugarElement.fromDom(parentBlock));
+            rng.setStart(parentBlock, 0);
+            rng.setEnd(parentBlock, 0);
+            if (!isCell && !isPartOfFragment(parentBlock) && (nextRng = findNextCaretRng(rng))) {
+                rng = nextRng;
+                dom.remove(parentBlock);
+            }
+            else {
+                // TINY-9860: If parentBlock is a table cell, add a br without 'data-mce-bogus' attribute.
+                dom.add(parentBlock, dom.create('br', isCell ? {} : { 'data-mce-bogus': '1' }));
+            }
+        }
+        selection.setRng(rng);
+    };
+    const deleteSelectedContent = (editor) => {
+        const dom = editor.dom;
+        // Fix for #2595 seems that delete removes one extra character on
+        // WebKit for some odd reason if you double click select a word
+        const rng = normalize(editor.selection.getRng());
+        editor.selection.setRng(rng);
+        // TINY-1044: Selecting all content in a single table cell will cause the entire table to be deleted
+        // when using the native delete command. As such we need to manually delete the cell content instead
+        const startCell = dom.getParent(rng.startContainer, isTableCell);
+        if (isTableCellContentSelected(dom, rng, startCell)) {
+            deleteCellContents(editor, rng, SugarElement.fromDom(startCell));
+            // TINY-9193: If the selection is over the whole text node in an element then Firefox incorrectly moves the caret to the previous line
+            // TINY-11953: If the selection is over the whole anchor node, then Chrome incorrectly removes parent node alongside with it's child - anchor
+        }
+        else if (isSelectionOverWholeAnchor(rng) || isSelectionOverWholeTextNode(rng)) {
+            rng.deleteContents();
+        }
+        else {
+            editor.getDoc().execCommand('Delete', false);
+        }
+    };
+    const isSelectionOverWholeTextNode = (range) => isSelectionOverWholeNode(range, isText$b);
+    const isSelectionOverWholeAnchor = (range) => isSelectionOverWholeNode(range, isAnchor);
+    const isSelectionOverWholeNode = (range, nodeTypePredicate) => range.startContainer === range.endContainer
+        && range.endOffset - range.startOffset === 1
+        && nodeTypePredicate(range.startContainer.childNodes[range.startOffset]);
+    const findMarkerNode = (scope) => {
+        for (let markerNode = scope; markerNode; markerNode = markerNode.walk()) {
+            if (markerNode.attr('id') === 'mce_marker') {
+                return Optional?.some(markerNode);
+            }
+        }
+        return Optional.none();
+    };
+    const notHeadingsInSummary = (dom, node, fragment) => {
+        var _a;
+        return exists(fragment.children(), isHeading) && ((_a = dom.getParent(node, dom.isBlock)) === null || _a === void 0 ? void 0 : _a.nodeName) === 'SUMMARY';
+    };
+    const insertHtmlAtCaret = (editor, value, details) => {
+        var _a, _b;
+        const selection = editor.selection;
+        const dom = editor.dom;
+        // Setup parser and serializer
+        const parser = editor.parser;
+        const merge = details.merge;
+        const serializer = HtmlSerializer({
+            validate: true
+        }, editor.schema);
+        const bookmarkHtml = '<span id="mce_marker" data-mce-type="bookmark">&#xFEFF;</span>';
+        // TINY-10305: Remove all user-input zwsp to avoid impacting caret removal from content.
+        if (!details.preserve_zwsp) {
+            value = trim$2(value);
+        }
+        // Add caret at end of contents if it's missing
+        if (value.indexOf('{$caret}') === -1) {
+            value += '{$caret}';
+        }
+        // Replace the caret marker with a span bookmark element
+        value = value.replace(/\{\$caret\}/, bookmarkHtml);
+        // If selection is at <body>|<p></p> then move it into <body><p>|</p>
+        let rng = selection.getRng();
+        const caretElement = rng.startContainer;
+        const body = editor.getBody();
+        if (caretElement === body && selection.isCollapsed()) {
+            if (dom.isBlock(body.firstChild) && canHaveChildren(editor, body.firstChild) && dom.isEmpty(body.firstChild)) {
+                rng = dom.createRng();
+                rng.setStart(body.firstChild, 0);
+                rng.setEnd(body.firstChild, 0);
+                selection.setRng(rng);
+            }
+        }
+        // Insert node maker where we will insert the new HTML and get it's parent
+        if (!selection.isCollapsed()) {
+            deleteSelectedContent(editor);
+        }
+        const parentNode = selection.getNode();
+        // Parse the fragment within the context of the parent node
+        const parserArgs = { context: parentNode.nodeName.toLowerCase(), data: details.data, insert: true };
+        const fragment = parser.parse(value, parserArgs);
+        // Custom handling of lists
+        if (details.paste === true && isListFragment(editor.schema, fragment) && isParentBlockLi(dom, parentNode)) {
+            rng = insertAtCaret$1(serializer, dom, selection.getRng(), fragment);
+            if (rng) {
+                selection.setRng(rng);
+            }
+            return value;
+        }
+        if (details.paste === true && shouldPasteContentOnly(dom, fragment, parentNode, editor.getBody())) {
+            (_a = fragment.firstChild) === null || _a === void 0 ? void 0 : _a.unwrap();
+        }
+        markFragmentElements(fragment);
+        // Move the caret to a more suitable location
+        let node = fragment.lastChild;
+        if (node && node.attr('id') === 'mce_marker') {
+            const marker = node;
+            for (node = node.prev; node; node = node.walk(true)) {
+                if (node.name === 'table') {
+                    break;
+                }
+                if (node.type === 3 || !dom.isBlock(node.name)) {
+                    if (node.parent && editor.schema.isValidChild(node.parent.name, 'span')) {
+                        node.parent.insert(marker, node, node.name === 'br');
+                    }
+                    break;
+                }
+            }
+        }
+        editor._selectionOverrides.showBlockCaretContainer(parentNode);
+        // If parser says valid we can insert the contents into that parent
+        if (!parserArgs.invalid && !notHeadingsInSummary(dom, parentNode, fragment)) {
+            value = serializer.serialize(fragment);
+            validInsertion(editor, value, parentNode);
+        }
+        else {
+            // If the fragment was invalid within that context then we need
+            // to parse and process the parent it's inserted into
+            // Insert bookmark node and get the parent
+            editor.selection.setContent(bookmarkHtml);
+            let parentNode = selection.getNode();
+            let tempNode;
+            const rootNode = editor.getBody();
+            // Opera will return the document node when selection is in root
+            if (isDocument$1(parentNode)) {
+                parentNode = tempNode = rootNode;
+            }
+            else {
+                tempNode = parentNode;
+            }
+            // Find the ancestor just before the root element
+            while (tempNode && tempNode !== rootNode) {
+                parentNode = tempNode;
+                tempNode = tempNode.parentNode;
+            }
+            // Get the outer/inner HTML depending on if we are in the root and parser and serialize that
+            value = parentNode === rootNode ? rootNode.innerHTML : dom.getOuterHTML(parentNode);
+            const root = parser.parse(value);
+            const markerNode = findMarkerNode(root);
+            const editingHost = markerNode.bind(findClosestEditingHost).getOr(root);
+            markerNode.each((marker) => marker.replace(fragment));
+            const toExtract = fragment.children();
+            const parent = (_b = fragment.parent) !== null && _b !== void 0 ? _b : root;
+            fragment.unwrap();
+            const invalidChildren = filter$5(toExtract, (node) => isInvalid(editor.schema, node, parent));
+            cleanInvalidNodes(invalidChildren, editor.schema, editingHost);
+            filter$1(parser.getNodeFilters(), parser.getAttributeFilters(), root);
+            value = serializer.serialize(root);
+            // Set the inner/outer HTML depending on if we are in the root or not
+            if (parentNode === rootNode) {
+                dom.setHTML(rootNode, value);
+            }
+            else {
+                dom.setOuterHTML(parentNode, value);
+            }
+        }
+        reduceInlineTextElements(editor, merge);
+        moveSelectionToMarker(editor, dom.get('mce_marker'));
+        unmarkFragmentElements(editor.getBody());
+        trimBrsFromTableCell(dom, selection.getStart(), editor.schema);
+        updateCaret(editor.schema, editor.getBody(), selection.getStart());
+        return value;
+    };
+
+    const isTreeNode = (content) => content instanceof AstNode;
+
+    const moveSelection = (editor) => {
+        if (hasFocus(editor)) {
+            firstPositionIn(editor.getBody()).each((pos) => {
+                const node = pos.getNode();
+                const caretPos = isTable$2(node) ? firstPositionIn(node).getOr(pos) : pos;
+                editor.selection.setRng(caretPos.toRange());
+            });
+        }
+    };
+    const setEditorHtml = (editor, html, noSelection) => {
+        editor.dom.setHTML(editor.getBody(), html);
+        if (noSelection !== true) {
+            moveSelection(editor);
+        }
+    };
+    const setContentString = (editor, body, content, args) => {
+        // TINY-10305: Remove all user-input zwsp to avoid impacting caret removal from content.
+        content = trim$2(content);
+        // Padd empty content in Gecko and Safari. Commands will otherwise fail on the content
+        // It will also be impossible to place the caret in the editor unless there is a BR element present
+        if (content.length === 0 || /^\s+$/.test(content)) {
+            const padd = '<br data-mce-bogus="1">';
+            // Todo: There is a lot more root elements that need special padding
+            // so separate this and add all of them at some point.
+            if (body.nodeName === 'TABLE') {
+                content = '<tr><td>' + padd + '</td></tr>';
+            }
+            else if (/^(UL|OL)$/.test(body.nodeName)) {
+                content = '<li>' + padd + '</li>';
+            }
+            const forcedRootBlockName = getForcedRootBlock(editor);
+            // Check if forcedRootBlock is a valid child of the body
+            if (editor.schema.isValidChild(body.nodeName.toLowerCase(), forcedRootBlockName.toLowerCase())) {
+                content = padd;
+                content = editor.dom.createHTML(forcedRootBlockName, getForcedRootBlockAttrs(editor), content);
+            }
+            else if (!content) {
+                content = padd;
+            }
+            setEditorHtml(editor, content, args.no_selection);
+            return { content, html: content };
+        }
+        else {
+            if (args.format !== 'raw') {
+                content = HtmlSerializer({ validate: false }, editor.schema).serialize(editor.parser.parse(content, { isRootContent: true, insert: true }));
+            }
+            const trimmedHtml = isWsPreserveElement(SugarElement.fromDom(body)) ? content : Tools.trim(content);
+            setEditorHtml(editor, trimmedHtml, args.no_selection);
+            return { content: trimmedHtml, html: trimmedHtml };
+        }
+    };
+    const setContentTree = (editor, body, content, args) => {
+        filter$1(editor.parser.getNodeFilters(), editor.parser.getAttributeFilters(), content);
+        const html = HtmlSerializer({ validate: false }, editor.schema).serialize(content);
+        // TINY-10305: Remove all user-input zwsp to avoid impacting caret removal from content.
+        const trimmedHtml = trim$2(isWsPreserveElement(SugarElement.fromDom(body)) ? html : Tools.trim(html));
+        setEditorHtml(editor, trimmedHtml, args.no_selection);
+        return { content, html: trimmedHtml };
+    };
+    const setContentInternal = (editor, content, args) => {
+        return Optional.from(editor.getBody())?.map((body) => {
+            if (isTreeNode(content)) {
+                return setContentTree(editor, body, content, args);
+            }
+            else {
+                return setContentString(editor, body, content, args);
+            }
+        }).getOr({ content, html: isTreeNode(args.content) ? '' : args.content });
+    };
+
+    const isEq$3 = isEq$5;
+    const matchesUnInheritedFormatSelector = (ed, node, name) => {
+        const formatList = ed.formatter.get(name);
+        if (formatList) {
+            for (let i = 0; i < formatList.length; i++) {
+                const format = formatList[i];
+                if (isSelectorFormat(format) && format.inherit === false && ed.dom.is(node, format.selector)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    const matchParents = (editor, node, name, vars, similar) => {
+        const root = editor.dom.getRoot();
+        if (node === root) {
+            return false;
+        }
+        // Find first node with similar format settings
+        const matchedNode = editor.dom.getParent(node, (elm) => {
+            if (matchesUnInheritedFormatSelector(editor, elm, name)) {
+                return true;
+            }
+            return elm.parentNode === root || !!matchNode(editor, elm, name, vars, true);
+        });
+        // Do an exact check on the similar format element
+        return !!matchNode(editor, matchedNode, name, vars, similar);
+    };
+    const matchName = (dom, node, format) => {
+        // Check for inline match
+        if (isInlineFormat(format) && isEq$3(node, format.inline)) {
+            return true;
+        }
+        // Check for block match
+        if (isBlockFormat(format) && isEq$3(node, format.block)) {
+            return true;
+        }
+        // Check for selector match
+        if (isSelectorFormat(format)) {
+            return isElement$6(node) && dom.is(node, format.selector);
+        }
+        return false;
+    };
+    const matchItems = (dom, node, format, itemName, similar, vars) => {
+        const items = format[itemName];
+        const matchAttributes = itemName === 'attributes';
+        // Custom match
+        if (isFunction(format.onmatch)) {
+            // onmatch is generic in a way that we can't really express without casting
+            return format.onmatch(node, format, itemName);
+        }
+        // Check all items
+        if (items) {
+            // Non indexed object
+            if (!isArrayLike(items)) {
+                for (const key in items) {
+                    if (has$2(items, key)) {
+                        const value = matchAttributes ? dom.getAttrib(node, key) : getStyle(dom, node, key);
+                        const expectedValue = replaceVars(items[key], vars);
+                        const isEmptyValue = isNullable(value) || isEmpty$3(value);
+                        if (isEmptyValue && isNullable(expectedValue)) {
+                            continue;
+                        }
+                        if (similar && isEmptyValue && !format.exact) {
+                            return false;
+                        }
+                        if ((!similar || format.exact) && !isEq$3(value, normalizeStyleValue(expectedValue, key))) {
+                            return false;
+                        }
+                    }
+                }
+            }
+            else {
+                // Only one match needed for indexed arrays
+                for (let i = 0; i < items.length; i++) {
+                    if (matchAttributes ? dom.getAttrib(node, items[i]) : getStyle(dom, node, items[i])) {
+                        return true;
+                    }
+                }
+            }
+        }
+        return true;
+    };
+    const matchNode = (ed, node, name, vars, similar) => {
+        const formatList = ed.formatter.get(name);
+        const dom = ed.dom;
+        if (formatList && isElement$6(node)) {
+            // Check each format in list
+            for (let i = 0; i < formatList.length; i++) {
+                const format = formatList[i];
+                // Name name, attributes, styles and classes
+                if (matchName(ed.dom, node, format) && matchItems(dom, node, format, 'attributes', similar, vars) && matchItems(dom, node, format, 'styles', similar, vars)) {
+                    // Match classes
+                    const classes = format.classes;
+                    if (classes) {
+                        for (let x = 0; x < classes.length; x++) {
+                            if (!ed.dom.hasClass(node, replaceVars(classes[x], vars))) {
+                                return;
+                            }
+                        }
+                    }
+                    return format;
+                }
+            }
+        }
+        return undefined;
+    };
+    const match$2 = (editor, name, vars, node, similar) => {
+        // Check specified node
+        if (node) {
+            return matchParents(editor, node, name, vars, similar);
+        }
+        // Check selected node
+        node = editor.selection.getNode();
+        if (matchParents(editor, node, name, vars, similar)) {
+            return true;
+        }
+        // Check start node if it's different
+        const startNode = editor.selection.getStart();
+        if (startNode !== node) {
+            if (matchParents(editor, startNode, name, vars, similar)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const matchAll = (editor, names, vars) => {
+        const matchedFormatNames = [];
+        const checkedMap = {};
+        // Check start of selection for formats
+        const startElement = editor.selection.getStart();
+        editor.dom.getParent(startElement, (node) => {
+            for (let i = 0; i < names.length; i++) {
+                const name = names[i];
+                if (!checkedMap[name] && matchNode(editor, node, name, vars)) {
+                    checkedMap[name] = true;
+                    matchedFormatNames.push(name);
+                }
+            }
+        }, editor.dom.getRoot());
+        return matchedFormatNames;
+    };
+    const closest = (editor, names) => {
+        const isRoot = (elm) => eq(elm, SugarElement.fromDom(editor.getBody()));
+        const match = (elm, name) => matchNode(editor, elm.dom, name) ? Optional?.some(name) : Optional.none();
+        return Optional.from(editor.selection.getStart(true)).bind((rawElm) => closest$1(SugarElement.fromDom(rawElm), (elm) => findMap(names, (name) => match(elm, name)), isRoot)).getOrNull();
+    };
+    const canApply = (editor, name) => {
+        const formatList = editor.formatter.get(name);
+        const dom = editor.dom;
+        if (formatList && editor.selection.isEditable()) {
+            const startNode = editor.selection.getStart();
+            const parents = getParents$2(dom, startNode);
+            for (let x = formatList.length - 1; x >= 0; x--) {
+                const format = formatList[x];
+                // Format is not selector based then always return TRUE
+                if (!isSelectorFormat(format)) {
+                    return true;
+                }
+                for (let i = parents.length - 1; i >= 0; i--) {
+                    if (dom.is(parents[i], format.selector)) {
+                        return true;
+                    }
+                }
+            }
+        }
+        return false;
+    };
+    /**
+     *  Get all of the format names present on the specified node
+     */
+    const matchAllOnNode = (editor, node, formatNames) => foldl(formatNames, (acc, name) => {
+        const matchSimilar = isVariableFormatName(editor, name);
+        if (editor.formatter.matchNode(node, name, {}, matchSimilar)) {
+            return acc.concat([name]);
+        }
+        else {
+            return acc;
+        }
+    }, []);
+
+    const ZWSP = ZWSP$1;
+    const importNode = (ownerDocument, node) => {
+        return ownerDocument.importNode(node, true);
+    };
+    const findFirstTextNode = (node) => {
+        if (node) {
+            const walker = new DomTreeWalker(node, node);
+            for (let tempNode = walker.current(); tempNode; tempNode = walker.next()) {
+                if (isText$b(tempNode)) {
+                    return tempNode;
+                }
+            }
+        }
+        return null;
+    };
+    const createCaretContainer = (fill) => {
+        const caretContainer = SugarElement.fromTag('span');
+        setAll$1(caretContainer, {
+            // style: 'color:red',
+            'id': CARET_ID,
+            'data-mce-bogus': '1',
+            'data-mce-type': 'format-caret'
+        });
+        if (fill) {
+            append$1(caretContainer, SugarElement.fromText(ZWSP));
+        }
+        return caretContainer;
+    };
+    const trimZwspFromCaretContainer = (caretContainerNode) => {
+        const textNode = findFirstTextNode(caretContainerNode);
+        if (textNode && textNode.data.charAt(0) === ZWSP) {
+            textNode.deleteData(0, 1);
+        }
+        return textNode;
+    };
+    const removeCaretContainerNode = (editor, node, moveCaret) => {
+        const dom = editor.dom, selection = editor.selection;
+        if (isCaretContainerEmpty(node)) {
+            deleteElement$2(editor, false, SugarElement.fromDom(node), moveCaret, true);
+        }
+        else {
+            const rng = selection.getRng();
+            const block = dom.getParent(node, dom.isBlock);
+            // Store the current selection offsets
+            const startContainer = rng.startContainer;
+            const startOffset = rng.startOffset;
+            const endContainer = rng.endContainer;
+            const endOffset = rng.endOffset;
+            const textNode = trimZwspFromCaretContainer(node);
+            dom.remove(node, true);
+            // Restore the selection after unwrapping the node and removing the zwsp
+            if (startContainer === textNode && startOffset > 0) {
+                rng.setStart(textNode, startOffset - 1);
+            }
+            if (endContainer === textNode && endOffset > 0) {
+                rng.setEnd(textNode, endOffset - 1);
+            }
+            if (block && dom.isEmpty(block)) {
+                fillWithPaddingBr(SugarElement.fromDom(block));
+            }
+            selection.setRng(rng);
+        }
+    };
+    // Removes the caret container for the specified node or all on the current document
+    const removeCaretContainer = (editor, node, moveCaret) => {
+        const dom = editor.dom, selection = editor.selection;
+        if (!node) {
+            node = getParentCaretContainer(editor.getBody(), selection.getStart());
+            if (!node) {
+                while ((node = dom.get(CARET_ID))) {
+                    removeCaretContainerNode(editor, node, moveCaret);
+                }
+            }
+        }
+        else {
+            removeCaretContainerNode(editor, node, moveCaret);
+        }
+    };
+    const insertCaretContainerNode = (editor, caretContainer, formatNode) => {
+        var _a, _b;
+        const dom = editor.dom;
+        const block = dom.getParent(formatNode, curry(isTextBlock$1, editor.schema));
+        if (block && dom.isEmpty(block)) {
+            // Replace formatNode with caretContainer when removing format from empty block like <p><b>|</b></p>
+            (_a = formatNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(caretContainer, formatNode);
+        }
+        else {
+            removeTrailingBr(SugarElement.fromDom(formatNode));
+            if (dom.isEmpty(formatNode)) {
+                (_b = formatNode.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(caretContainer, formatNode);
+            }
+            else {
+                dom.insertAfter(caretContainer, formatNode);
+            }
+        }
+    };
+    const appendNode = (parentNode, node) => {
+        parentNode.appendChild(node);
+        return node;
+    };
+    const insertFormatNodesIntoCaretContainer = (formatNodes, caretContainer) => {
+        var _a;
+        const innerMostFormatNode = foldr(formatNodes, (parentNode, formatNode) => {
+            return appendNode(parentNode, formatNode.cloneNode(false));
+        }, caretContainer);
+        const doc = (_a = innerMostFormatNode.ownerDocument) !== null && _a !== void 0 ? _a : document;
+        return appendNode(innerMostFormatNode, doc.createTextNode(ZWSP));
+    };
+    const cleanFormatNode = (editor, caretContainer, formatNode, name, vars, similar) => {
+        const formatter = editor.formatter;
+        const dom = editor.dom;
+        // Find all formats present on the format node
+        const validFormats = filter$5(keys(formatter.get()), (formatName) => formatName !== name && !contains$1(formatName, 'removeformat'));
+        const matchedFormats = matchAllOnNode(editor, formatNode, validFormats);
+        // Filter out any matched formats that are 'visually' equivalent to the 'name' format since they are not unique formats on the node
+        const uniqueFormats = filter$5(matchedFormats, (fmtName) => !areSimilarFormats(editor, fmtName, name));
+        // If more than one format is present, then there's additional formats that should be retained. So clone the node,
+        // remove the format and then return cleaned format node
+        if (uniqueFormats.length > 0) {
+            const clonedFormatNode = formatNode.cloneNode(false);
+            dom.add(caretContainer, clonedFormatNode);
+            formatter.remove(name, vars, clonedFormatNode, similar);
+            dom.remove(clonedFormatNode);
+            return Optional?.some(clonedFormatNode);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const normalizeNbsps = (node) => set$1(node, get$4(node).replace(new RegExp(`${nbsp}$`), ' '));
+    const normalizeNbspsBetween = (editor, caretContainer) => {
+        const handler = () => {
+            if (caretContainer !== null && !editor.dom.isEmpty(caretContainer)) {
+                prevSibling(SugarElement.fromDom(caretContainer)).each((node) => {
+                    if (isText$c(node)) {
+                        normalizeNbsps(node);
+                    }
+                    else {
+                        descendant$2(node, (e) => isText$c(e)).each((textNode) => {
+                            if (isText$c(textNode)) {
+                                normalizeNbsps(textNode);
+                            }
+                        });
+                    }
+                });
+            }
+        };
+        editor.once('input', (e) => {
+            if (e.data && !isWhiteSpace(e.data)) {
+                if (!e.isComposing) {
+                    handler();
+                }
+                else {
+                    editor.once('compositionend', () => {
+                        handler();
+                    });
+                }
+            }
+        });
+    };
+    const applyCaretFormat = (editor, name, vars) => {
+        let caretContainer;
+        const selection = editor.selection;
+        const formatList = editor.formatter.get(name);
+        if (!formatList) {
+            return;
+        }
+        const selectionRng = selection.getRng();
+        let offset = selectionRng.startOffset;
+        const container = selectionRng.startContainer;
+        const text = container.nodeValue;
+        caretContainer = getParentCaretContainer(editor.getBody(), selection.getStart());
+        // Expand to word if caret is in the middle of a text node and the char before/after is a alpha numeric character
+        const wordcharRegex = /[^\s\u00a0\u00ad\u200b\ufeff]/;
+        if (text && offset > 0 && offset < text.length &&
+            wordcharRegex.test(text.charAt(offset)) && wordcharRegex.test(text.charAt(offset - 1))) {
+            // Get bookmark of caret position
+            const bookmark = selection.getBookmark();
+            // Collapse bookmark range (WebKit)
+            selectionRng.collapse(true);
+            // Expand the range to the closest word and split it at those points
+            let rng = expandRng(editor.dom, selectionRng, formatList);
+            rng = split(rng);
+            // Apply the format to the range
+            editor.formatter.apply(name, vars, rng);
+            // Move selection back to caret position
+            selection.moveToBookmark(bookmark);
+        }
+        else {
+            let textNode = caretContainer ? findFirstTextNode(caretContainer) : null;
+            if (!caretContainer || (textNode === null || textNode === void 0 ? void 0 : textNode.data) !== ZWSP) {
+                // Need to import the node into the document on IE or we get a lovely WrongDocument exception
+                caretContainer = importNode(editor.getDoc(), createCaretContainer(true).dom);
+                textNode = caretContainer.firstChild;
+                selectionRng.insertNode(caretContainer);
+                offset = 1;
+                normalizeNbspsBetween(editor, caretContainer);
+                editor.formatter.apply(name, vars, caretContainer);
+            }
+            else {
+                editor.formatter.apply(name, vars, caretContainer);
+            }
+            // Move selection to text node
+            selection.setCursorLocation(textNode, offset);
+        }
+    };
+    const removeCaretFormat = (editor, name, vars, similar) => {
+        const dom = editor.dom;
+        const selection = editor.selection;
+        let hasContentAfter = false;
+        const formatList = editor.formatter.get(name);
+        if (!formatList) {
+            return;
+        }
+        const rng = selection.getRng();
+        const container = rng.startContainer;
+        const offset = rng.startOffset;
+        let node = container;
+        if (isText$b(container)) {
+            if (offset !== container.data.length) {
+                hasContentAfter = true;
+            }
+            node = node.parentNode;
+        }
+        const parents = [];
+        let formatNode;
+        while (node) {
+            if (matchNode(editor, node, name, vars, similar)) {
+                formatNode = node;
+                break;
+            }
+            if (node.nextSibling) {
+                hasContentAfter = true;
+            }
+            parents.push(node);
+            node = node.parentNode;
+        }
+        // Node doesn't have the specified format
+        if (!formatNode) {
+            return;
+        }
+        // Is there contents after the caret then remove the format on the element
+        if (hasContentAfter) {
+            const bookmark = selection.getBookmark();
+            // Collapse bookmark range (WebKit)
+            rng.collapse(true);
+            // Expand the range to the closest word and split it at those points
+            let expandedRng = expandRng(dom, rng, formatList, { includeTrailingSpace: true });
+            expandedRng = split(expandedRng);
+            // TODO: Figure out how on earth this works, as it shouldn't since remove format
+            //  definitely seems to require an actual Range
+            editor.formatter.remove(name, vars, expandedRng, similar);
+            selection.moveToBookmark(bookmark);
+        }
+        else {
+            const caretContainer = getParentCaretContainer(editor.getBody(), formatNode);
+            const parentsAfter = isNonNullable(caretContainer) ? dom.getParents(formatNode.parentNode, always, caretContainer) : [];
+            const newCaretContainer = createCaretContainer(false).dom;
+            insertCaretContainerNode(editor, newCaretContainer, caretContainer !== null && caretContainer !== void 0 ? caretContainer : formatNode);
+            const cleanedFormatNode = cleanFormatNode(editor, newCaretContainer, formatNode, name, vars, similar);
+            const caretTextNode = insertFormatNodesIntoCaretContainer([
+                ...parents,
+                ...cleanedFormatNode.toArray(),
+                ...parentsAfter
+            ], newCaretContainer);
+            if (caretContainer) {
+                removeCaretContainerNode(editor, caretContainer, isNonNullable(caretContainer));
+            }
+            selection.setCursorLocation(caretTextNode, 1);
+            normalizeNbspsBetween(editor, newCaretContainer);
+            if (dom.isEmpty(formatNode)) {
+                dom.remove(formatNode);
+            }
+        }
+    };
+    const disableCaretContainer = (editor, keyCode, moveCaret) => {
+        const selection = editor.selection, body = editor.getBody();
+        removeCaretContainer(editor, null, moveCaret);
+        // Remove caret container if it's empty
+        if ((keyCode === 8 || keyCode === 46) && selection.isCollapsed() && selection.getStart().innerHTML === ZWSP) {
+            removeCaretContainer(editor, getParentCaretContainer(body, selection.getStart()), true);
+        }
+        // Remove caret container on keydown and it's left/right arrow keys
+        if (keyCode === 37 || keyCode === 39) {
+            removeCaretContainer(editor, getParentCaretContainer(body, selection.getStart()), true);
+        }
+    };
+    const endsWithNbsp = (element) => isText$b(element) && endsWith(element.data, nbsp);
+    const setup$v = (editor) => {
+        editor.on('mouseup keydown', (e) => {
+            disableCaretContainer(editor, e.keyCode, endsWithNbsp(editor.selection.getRng().endContainer));
+        });
+    };
+    const createCaretFormat = (formatNodes) => {
+        const caretContainer = createCaretContainer(false);
+        const innerMost = insertFormatNodesIntoCaretContainer(formatNodes, caretContainer.dom);
+        return { caretContainer, caretPosition: CaretPosition(innerMost, 0) };
+    };
+    const replaceWithCaretFormat = (targetNode, formatNodes) => {
+        const { caretContainer, caretPosition } = createCaretFormat(formatNodes);
+        before$3(SugarElement.fromDom(targetNode), caretContainer);
+        remove$8(SugarElement.fromDom(targetNode));
+        return caretPosition;
+    };
+    const createCaretFormatAtStart$1 = (rng, formatNodes) => {
+        const { caretContainer, caretPosition } = createCaretFormat(formatNodes);
+        rng.insertNode(caretContainer.dom);
+        return caretPosition;
+    };
+    const isFormatElement = (editor, element) => {
+        if (isCaretNode(element.dom)) {
+            return false;
+        }
+        const inlineElements = editor.schema.getTextInlineElements();
+        return has$2(inlineElements, name(element)) && !isCaretNode(element.dom) && !isBogus$1(element.dom);
+    };
+
+    const postProcessHooks = {};
+    const isPre = matchNodeNames(['pre']);
+    const addPostProcessHook = (name, hook) => {
+        const hooks = postProcessHooks[name];
+        if (!hooks) {
+            postProcessHooks[name] = [];
+        }
+        postProcessHooks[name].push(hook);
+    };
+    const postProcess$1 = (name, editor) => {
+        if (has$2(postProcessHooks, name)) {
+            each$e(postProcessHooks[name], (hook) => {
+                hook(editor);
+            });
+        }
+    };
+    addPostProcessHook('pre', (editor) => {
+        const rng = editor.selection.getRng();
+        const hasPreSibling = (blocks) => (pre) => {
+            const prev = pre.previousSibling;
+            return isPre(prev) && contains$2(blocks, prev);
+        };
+        const joinPre = (pre1, pre2) => {
+            const sPre2 = SugarElement.fromDom(pre2);
+            const doc = documentOrOwner(sPre2).dom;
+            remove$8(sPre2);
+            append(SugarElement.fromDom(pre1), [
+                SugarElement.fromTag('br', doc),
+                SugarElement.fromTag('br', doc),
+                ...children$1(sPre2)
+            ]);
+        };
+        if (!rng.collapsed) {
+            const blocks = editor.selection.getSelectedBlocks();
+            const preBlocks = filter$5(filter$5(blocks, isPre), hasPreSibling(blocks));
+            each$e(preBlocks, (pre) => {
+                joinPre(pre.previousSibling, pre);
+            });
+        }
+    });
+
+    const listItemStyles = ['fontWeight', 'fontStyle', 'color', 'fontSize', 'fontFamily'];
+    const hasListStyles = (fmt) => isObject(fmt.styles) && exists(keys(fmt.styles), (name) => contains$2(listItemStyles, name));
+    const findExpandedListItemFormat = (formats) => find$2(formats, (fmt) => isInlineFormat(fmt) && fmt.inline === 'span' && hasListStyles(fmt));
+    const getExpandedListItemFormat = (formatter, format) => {
+        const formatList = formatter.get(format);
+        return isArray$1(formatList) ? findExpandedListItemFormat(formatList) : Optional.none();
+    };
+    const isRngStartAtStartOfElement = (rng, elm) => prevPosition(elm, CaretPosition.fromRangeStart(rng)).isNone();
+    const isRngEndAtEndOfElement = (rng, elm) => {
+        return nextPosition(elm, CaretPosition.fromRangeEnd(rng))
+            .exists((pos) => !isBr$6(pos.getNode()) || nextPosition(elm, pos).isSome()) === false;
+    };
+    const isEditableListItem = (dom) => (elm) => isListItem$2(elm) && dom.isEditable(elm);
+    const getFullySelectedBlocks = (selection) => {
+        const blocks = selection.getSelectedBlocks();
+        const rng = selection.getRng();
+        if (selection.isCollapsed()) {
+            return [];
+        }
+        if (blocks.length === 1) {
+            return isRngStartAtStartOfElement(rng, blocks[0]) && isRngEndAtEndOfElement(rng, blocks[0]) ? blocks : [];
+        }
+        else {
+            const first = head(blocks).filter((elm) => isRngStartAtStartOfElement(rng, elm)).toArray();
+            const last = last$2(blocks).filter((elm) => isRngEndAtEndOfElement(rng, elm)).toArray();
+            const middle = blocks.slice(1, -1);
+            return first.concat(middle).concat(last);
+        }
+    };
+    const getFullySelectedListItems = (selection) => filter$5(getFullySelectedBlocks(selection), isEditableListItem(selection.dom));
+    const getPartiallySelectedListItems = (selection) => filter$5(selection.getSelectedBlocks(), isEditableListItem(selection.dom));
+
+    const each$8 = Tools.each;
+    const isElementNode = (node) => isElement$6(node) && !isBookmarkNode$1(node) && !isCaretNode(node) && !isBogus$1(node);
+    const findElementSibling = (node, siblingName) => {
+        for (let sibling = node; sibling; sibling = sibling[siblingName]) {
+            if (isText$b(sibling) && isNotEmpty(sibling.data)) {
+                return node;
+            }
+            if (isElement$6(sibling) && !isBookmarkNode$1(sibling)) {
+                return sibling;
+            }
+        }
+        return node;
+    };
+    const mergeSiblingsNodes = (editor, prev, next) => {
+        const elementUtils = ElementUtils(editor);
+        const isPrevEditable = isHTMLElement(prev) && editor.dom.isEditable(prev);
+        const isNextEditable = isHTMLElement(next) && editor.dom.isEditable(next);
+        // Check if next/prev exists and that they are elements
+        if (isPrevEditable && isNextEditable) {
+            // If previous sibling is empty then jump over it
+            const prevSibling = findElementSibling(prev, 'previousSibling');
+            const nextSibling = findElementSibling(next, 'nextSibling');
+            // Compare next and previous nodes
+            if (elementUtils.compare(prevSibling, nextSibling)) {
+                // Append nodes between
+                for (let sibling = prevSibling.nextSibling; sibling && sibling !== nextSibling;) {
+                    const tmpSibling = sibling;
+                    sibling = sibling.nextSibling;
+                    prevSibling.appendChild(tmpSibling);
+                }
+                editor.dom.remove(nextSibling);
+                Tools.each(Tools.grep(nextSibling.childNodes), (node) => {
+                    prevSibling.appendChild(node);
+                });
+                return prevSibling;
+            }
+        }
+        return next;
+    };
+    const mergeSiblings = (editor, format, vars, node) => {
+        var _a;
+        // Merge next and previous siblings if they are similar <b>text</b><b>text</b> becomes <b>texttext</b>
+        // Note: mergeSiblingNodes attempts to not merge sibilings if they are noneditable
+        if (node && format.merge_siblings !== false) {
+            // Previous sibling
+            const newNode = (_a = mergeSiblingsNodes(editor, getNonWhiteSpaceSibling(node), node)) !== null && _a !== void 0 ? _a : node;
+            // Next sibling
+            mergeSiblingsNodes(editor, newNode, getNonWhiteSpaceSibling(newNode, true));
+        }
+    };
+    const clearChildStyles = (dom, format, node) => {
+        if (format.clear_child_styles) {
+            const selector = format.links ? '*:not(a)' : '*';
+            each$8(dom.select(selector, node), (childNode) => {
+                if (isElementNode(childNode) && dom.isEditable(childNode)) {
+                    each$8(format.styles, (_value, name) => {
+                        dom.setStyle(childNode, name, '');
+                    });
+                }
+            });
+        }
+    };
+    const processChildElements = (node, filter, process) => {
+        each$8(node.childNodes, (node) => {
+            if (isElementNode(node)) {
+                if (filter(node)) {
+                    process(node);
+                }
+                if (node.hasChildNodes()) {
+                    processChildElements(node, filter, process);
+                }
+            }
+        });
+    };
+    const unwrapEmptySpan = (dom, node) => {
+        if (node.nodeName === 'SPAN' && dom.getAttribs(node).length === 0) {
+            dom.remove(node, true);
+        }
+    };
+    const hasStyle = (dom, name) => (node) => !!(node && getStyle(dom, node, name));
+    const applyStyle = (dom, name, value) => (node) => {
+        dom.setStyle(node, name, value);
+        if (node.getAttribute('style') === '') {
+            node.removeAttribute('style');
+        }
+        unwrapEmptySpan(dom, node);
+    };
+
+    const removeResult = Adt.generate([
+        { keep: [] },
+        { rename: ['name'] },
+        { removed: [] }
+    ]);
+    const MCE_ATTR_RE = /^(src|href|style)$/;
+    const each$7 = Tools.each;
+    const isEq$2 = isEq$5;
+    const isTableCellOrRow = (node) => /^(TR|TH|TD)$/.test(node.nodeName);
+    const isChildOfInlineParent = (dom, node, parent) => dom.isChildOf(node, parent) && node !== parent && !dom.isBlock(parent);
+    const getContainer = (ed, rng, start) => {
+        let container = rng[start ? 'startContainer' : 'endContainer'];
+        let offset = rng[start ? 'startOffset' : 'endOffset'];
+        if (isElement$6(container)) {
+            const lastIdx = container.childNodes.length - 1;
+            if (!start && offset) {
+                offset--;
+            }
+            container = container.childNodes[offset > lastIdx ? lastIdx : offset];
+        }
+        // If start text node is excluded then walk to the next node
+        if (isText$b(container) && start && offset >= container.data.length) {
+            container = new DomTreeWalker(container, ed.getBody()).next() || container;
+        }
+        // If end text node is excluded then walk to the previous node
+        if (isText$b(container) && !start && offset === 0) {
+            container = new DomTreeWalker(container, ed.getBody()).prev() || container;
+        }
+        return container;
+    };
+    const normalizeTableSelection = (node, start) => {
+        const prop = start ? 'firstChild' : 'lastChild';
+        const childNode = node[prop];
+        if (isTableCellOrRow(node) && childNode) {
+            if (node.nodeName === 'TR') {
+                return childNode[prop] || childNode;
+            }
+            else {
+                return childNode;
+            }
+        }
+        return node;
+    };
+    const wrap$1 = (dom, node, name, attrs) => {
+        var _a;
+        const wrapper = dom.create(name, attrs);
+        (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(wrapper, node);
+        wrapper.appendChild(node);
+        return wrapper;
+    };
+    const wrapWithSiblings = (dom, node, next, name, attrs) => {
+        const start = SugarElement.fromDom(node);
+        const wrapper = SugarElement.fromDom(dom.create(name, attrs));
+        const siblings = next ? nextSiblings(start) : prevSiblings(start);
+        append(wrapper, siblings);
+        if (next) {
+            before$3(start, wrapper);
+            prepend(wrapper, start);
+        }
+        else {
+            after$4(start, wrapper);
+            append$1(wrapper, start);
+        }
+        return wrapper.dom;
+    };
+    const isColorFormatAndAnchor = (node, format) => format.links && node.nodeName === 'A';
+    /**
+     * Removes the node and wrap it's children in paragraphs before doing so or
+     * appends BR elements to the beginning/end of the block element if forcedRootBlocks is disabled.
+     *
+     * If the div in the node below gets removed:
+     *  text<div>text</div>text
+     *
+     * Output becomes:
+     *  text<div><br />text<br /></div>text
+     *
+     * So when the div is removed the result is:
+     *  text<br />text<br />text
+     *
+     * @private
+     * @param {Node} node Node to remove + apply BR/P elements to.
+     * @param {Object} format Format rule.
+     * @return {Node} Input node.
+     */
+    const removeNode = (ed, node, format) => {
+        const parentNode = node.parentNode;
+        let rootBlockElm;
+        const dom = ed.dom;
+        const forcedRootBlock = getForcedRootBlock(ed);
+        if (isBlockFormat(format)) {
+            // Wrap the block in a forcedRootBlock if we are at the root of document
+            if (parentNode === dom.getRoot()) {
+                if (!format.list_block || !isEq$2(node, format.list_block)) {
+                    each$e(from(node.childNodes), (node) => {
+                        if (isValid(ed, forcedRootBlock, node.nodeName.toLowerCase())) {
+                            if (!rootBlockElm) {
+                                rootBlockElm = wrap$1(dom, node, forcedRootBlock);
+                                dom.setAttribs(rootBlockElm, getForcedRootBlockAttrs(ed));
+                            }
+                            else {
+                                rootBlockElm.appendChild(node);
+                            }
+                        }
+                        else {
+                            rootBlockElm = null;
+                        }
+                    });
+                }
+            }
+        }
+        // Never remove nodes that aren't the specified inline element if a selector is specified too
+        if (isMixedFormat(format) && !isEq$2(format.inline, node)) {
+            return;
+        }
+        dom.remove(node, true);
+    };
+    // Attributes or styles can be either an array of names or an object containing name/value pairs
+    const processFormatAttrOrStyle = (name, value, vars) => {
+        // Indexed array
+        if (isNumber(name)) {
+            return {
+                name: value,
+                value: null
+            };
+        }
+        else {
+            return {
+                name,
+                value: replaceVars(value, vars)
+            };
+        }
+    };
+    const removeEmptyStyleAttributeIfNeeded = (dom, elm) => {
+        if (dom.getAttrib(elm, 'style') === '') {
+            elm.removeAttribute('style');
+            elm.removeAttribute('data-mce-style');
+        }
+    };
+    const removeStyles = (dom, elm, format, vars, compareNode) => {
+        let stylesModified = false;
+        each$7(format.styles, (value, name) => {
+            const { name: styleName, value: styleValue } = processFormatAttrOrStyle(name, value, vars);
+            const normalizedStyleValue = normalizeStyleValue(styleValue, styleName);
+            if (format.remove_similar || isNull(styleValue) || !isElement$6(compareNode) || isEq$2(getStyle(dom, compareNode, styleName), normalizedStyleValue)) {
+                dom.setStyle(elm, styleName, '');
+            }
+            stylesModified = true;
+        });
+        if (stylesModified) {
+            removeEmptyStyleAttributeIfNeeded(dom, elm);
+        }
+    };
+    const removeListStyleFormats = (editor, name, vars) => {
+        if (name === 'removeformat') {
+            each$e(getPartiallySelectedListItems(editor.selection), (li) => {
+                each$e(listItemStyles, (name) => editor.dom.setStyle(li, name, ''));
+                removeEmptyStyleAttributeIfNeeded(editor.dom, li);
+            });
+        }
+        else {
+            getExpandedListItemFormat(editor.formatter, name).each((liFmt) => {
+                each$e(getPartiallySelectedListItems(editor.selection), (li) => removeStyles(editor.dom, li, liFmt, vars, null));
+            });
+        }
+    };
+    const removeNodeFormatInternal = (ed, format, vars, node, compareNode) => {
+        const dom = ed.dom;
+        const elementUtils = ElementUtils(ed);
+        const schema = ed.schema;
+        // Root level block transparents should get converted into regular text blocks
+        if (isInlineFormat(format) && isTransparentElementName(schema, format.inline) && isTransparentBlock(schema, node) && node.parentElement === ed.getBody()) {
+            removeNode(ed, node, format);
+            return removeResult.removed();
+        }
+        // Check if node is noneditable and can have the format removed from it
+        if (!format.ceFalseOverride && node && dom.getContentEditableParent(node) === 'false') {
+            return removeResult.keep();
+        }
+        // Check if node matches format
+        if (node && !matchName(dom, node, format) && !isColorFormatAndAnchor(node, format)) {
+            return removeResult.keep();
+        }
+        // "matchName" will made sure we're dealing with an element, so cast as one
+        const elm = node;
+        // Applies to styling elements like strong, em, i, u, etc. so that if they have styling attributes, the attributes can be kept but the styling element is removed
+        const preserveAttributes = format.preserve_attributes;
+        if (isInlineFormat(format) && format.remove === 'all' && isArray$1(preserveAttributes)) {
+            // Remove all attributes except for the attributes specified in preserve_attributes
+            const attrsToPreserve = filter$5(dom.getAttribs(elm), (attr) => contains$2(preserveAttributes, attr.name.toLowerCase()));
+            dom.removeAllAttribs(elm);
+            each$e(attrsToPreserve, (attr) => dom.setAttrib(elm, attr.name, attr.value));
+            // Note: If there are no attributes left, the element will be removed as normal at the end of the function
+            if (attrsToPreserve.length > 0) {
+                // Convert inline element to span if necessary
+                return removeResult.rename('span');
+            }
+        }
+        // Should we compare with format attribs and styles
+        if (format.remove !== 'all') {
+            removeStyles(dom, elm, format, vars, compareNode);
+            // Remove attributes
+            each$7(format.attributes, (value, name) => {
+                const { name: attrName, value: attrValue } = processFormatAttrOrStyle(name, value, vars);
+                if (format.remove_similar || isNull(attrValue) || !isElement$6(compareNode) || isEq$2(dom.getAttrib(compareNode, attrName), attrValue)) {
+                    // Keep internal classes
+                    if (attrName === 'class') {
+                        const currentValue = dom.getAttrib(elm, attrName);
+                        if (currentValue) {
+                            // Build new class value where everything is removed except the internal prefixed classes
+                            let valueOut = '';
+                            each$e(currentValue.split(/\s+/), (cls) => {
+                                if (/mce\-\w+/.test(cls)) {
+                                    valueOut += (valueOut ? ' ' : '') + cls;
+                                }
+                            });
+                            // We got some internal classes left
+                            if (valueOut) {
+                                dom.setAttrib(elm, attrName, valueOut);
+                                return;
+                            }
+                        }
+                    }
+                    // Remove mce prefixed attributes (must clean before short circuit operations)
+                    if (MCE_ATTR_RE.test(attrName)) {
+                        elm.removeAttribute('data-mce-' + attrName);
+                    }
+                    // keep style="list-style-type: none" on <li>s
+                    if (attrName === 'style' && matchNodeNames(['li'])(elm) && dom.getStyle(elm, 'list-style-type') === 'none') {
+                        elm.removeAttribute(attrName);
+                        dom.setStyle(elm, 'list-style-type', 'none');
+                        return;
+                    }
+                    // IE6 has a bug where the attribute doesn't get removed correctly
+                    if (attrName === 'class') {
+                        elm.removeAttribute('className');
+                    }
+                    elm.removeAttribute(attrName);
+                }
+            });
+            // Remove classes
+            each$7(format.classes, (value) => {
+                value = replaceVars(value, vars);
+                if (!isElement$6(compareNode) || dom.hasClass(compareNode, value)) {
+                    dom.removeClass(elm, value);
+                }
+            });
+            // Check for non internal attributes
+            const attrs = dom.getAttribs(elm);
+            for (let i = 0; i < attrs.length; i++) {
+                const attrName = attrs[i].nodeName;
+                if (!elementUtils.isAttributeInternal(attrName)) {
+                    return removeResult.keep();
+                }
+            }
+        }
+        // Remove the inline child if it's empty for example <b> or <span>
+        if (format.remove !== 'none') {
+            removeNode(ed, elm, format);
+            return removeResult.removed();
+        }
+        return removeResult.keep();
+    };
+    const findFormatRoot = (editor, container, name, vars, similar) => {
+        let formatRoot;
+        if (container.parentNode) {
+            // Find format root
+            each$e(getParents$2(editor.dom, container.parentNode).reverse(), (parent) => {
+                // Find format root element
+                if (!formatRoot && isElement$6(parent) && parent.id !== '_start' && parent.id !== '_end') {
+                    // Is the node matching the format we are looking for
+                    const format = matchNode(editor, parent, name, vars, similar);
+                    if (format && format.split !== false) {
+                        formatRoot = parent;
+                    }
+                }
+            });
+        }
+        return formatRoot;
+    };
+    const removeNodeFormatFromClone = (editor, format, vars, clone) => removeNodeFormatInternal(editor, format, vars, clone, clone).fold(constant(clone), (newName) => {
+        // To rename a node, it needs to be a child of another node
+        const fragment = editor.dom.createFragment();
+        fragment.appendChild(clone);
+        // If renaming we are guaranteed this is a Element, so cast
+        return editor.dom.rename(clone, newName);
+    }, constant(null));
+    const wrapAndSplit = (editor, formatList, formatRoot, container, target, split, format, vars) => {
+        var _a, _b;
+        let lastClone;
+        let firstClone;
+        const dom = editor.dom;
+        // Format root found then clone formats and split it
+        if (formatRoot) {
+            const formatRootParent = formatRoot.parentNode;
+            for (let parent = container.parentNode; parent && parent !== formatRootParent; parent = parent.parentNode) {
+                let clone = dom.clone(parent, false);
+                for (let i = 0; i < formatList.length; i++) {
+                    clone = removeNodeFormatFromClone(editor, formatList[i], vars, clone);
+                    if (clone === null) {
+                        break;
+                    }
+                }
+                // Build wrapper node
+                if (clone) {
+                    if (lastClone) {
+                        clone.appendChild(lastClone);
+                    }
+                    if (!firstClone) {
+                        firstClone = clone;
+                    }
+                    lastClone = clone;
+                }
+            }
+            // Never split block elements if the format is mixed
+            if (split && (!format.mixed || !dom.isBlock(formatRoot))) {
+                container = (_a = dom.split(formatRoot, container)) !== null && _a !== void 0 ? _a : container;
+            }
+            // Wrap container in cloned formats
+            if (lastClone && firstClone) {
+                (_b = target.parentNode) === null || _b === void 0 ? void 0 : _b.insertBefore(lastClone, target);
+                firstClone.appendChild(target);
+                // After splitting the nodes may match with other siblings so we need to attempt to merge them
+                // Note: We can't use MergeFormats, as that'd create a circular dependency
+                if (isInlineFormat(format)) {
+                    mergeSiblings(editor, format, vars, lastClone);
+                }
+            }
+        }
+        return container;
+    };
+    const removeFormatInternal = (ed, name, vars, node, similar) => {
+        const formatList = ed.formatter.get(name);
+        const format = formatList[0];
+        const dom = ed.dom;
+        const selection = ed.selection;
+        const splitToFormatRoot = (container) => {
+            const formatRoot = findFormatRoot(ed, container, name, vars, similar);
+            return wrapAndSplit(ed, formatList, formatRoot, container, container, true, format, vars);
+        };
+        // Make sure to only check for bookmarks created here (eg _start or _end)
+        // as there maybe nested bookmarks
+        const isRemoveBookmarkNode = (node) => isBookmarkNode$1(node) && isElement$6(node) && (node.id === '_start' || node.id === '_end');
+        const removeFormatOnNode = (node) => exists(formatList, (fmt) => removeNodeFormat(ed, fmt, vars, node, node));
+        // Merges the styles for each node
+        const process = (node) => {
+            // Grab the children first since the nodelist might be changed
+            const children = from(node.childNodes);
+            // Process current node
+            const removed = removeFormatOnNode(node);
+            // TINY-6567/TINY-7393: Include the parent if using an expanded selector format and no match was found for the current node
+            const currentNodeMatches = removed || exists(formatList, (f) => matchName(dom, node, f));
+            const parentNode = node.parentNode;
+            if (!currentNodeMatches && isNonNullable(parentNode) && shouldExpandToSelector(format)) {
+                removeFormatOnNode(parentNode);
+            }
+            // Process the children
+            if (format.deep) {
+                if (children.length) {
+                    for (let i = 0; i < children.length; i++) {
+                        process(children[i]);
+                    }
+                }
+            }
+            // Note: Assists with cleaning up any stray text decorations that may been applied when text decorations
+            // and text colors were merged together from an applied format
+            // Remove child span if it only contains text-decoration and a parent node also has the same text decoration.
+            const textDecorations = ['underline', 'line-through', 'overline'];
+            each$e(textDecorations, (decoration) => {
+                if (isElement$6(node) && ed.dom.getStyle(node, 'text-decoration') === decoration &&
+                    node.parentNode && getTextDecoration(dom, node.parentNode) === decoration) {
+                    removeNodeFormat(ed, {
+                        deep: false,
+                        exact: true,
+                        inline: 'span',
+                        styles: {
+                            textDecoration: decoration
+                        }
+                    }, undefined, node);
+                }
+            });
+        };
+        const unwrap = (start) => {
+            const node = dom.get(start ? '_start' : '_end');
+            if (node) {
+                let out = node[start ? 'firstChild' : 'lastChild'];
+                // If the end is placed within the start the result will be removed
+                // So this checks if the out node is a bookmark node if it is it
+                // checks for another more suitable node
+                if (isRemoveBookmarkNode(out)) {
+                    out = out[start ? 'firstChild' : 'lastChild'];
+                }
+                // Since dom.remove removes empty text nodes then we need to try to find a better node
+                if (isText$b(out) && out.data.length === 0) {
+                    out = start ? node.previousSibling || node.nextSibling : node.nextSibling || node.previousSibling;
+                }
+                dom.remove(node, true);
+                return out;
+            }
+            else {
+                return null;
+            }
+        };
+        const removeRngStyle = (rng) => {
+            let startContainer;
+            let endContainer;
+            let expandedRng = expandRng(dom, rng, formatList, { includeTrailingSpace: rng.collapsed });
+            if (format.split) {
+                // Split text nodes
+                expandedRng = split(expandedRng);
+                startContainer = getContainer(ed, expandedRng, true);
+                endContainer = getContainer(ed, expandedRng);
+                if (startContainer !== endContainer) {
+                    // WebKit will render the table incorrectly if we wrap a TH or TD in a SPAN
+                    // so let's see if we can use the first/last child instead
+                    // This will happen if you triple click a table cell and use remove formatting
+                    startContainer = normalizeTableSelection(startContainer, true);
+                    endContainer = normalizeTableSelection(endContainer, false);
+                    // Wrap and split if nested
+                    if (isChildOfInlineParent(dom, startContainer, endContainer)) {
+                        const marker = Optional.from(startContainer.firstChild).getOr(startContainer);
+                        splitToFormatRoot(wrapWithSiblings(dom, marker, true, 'span', { 'id': '_start', 'data-mce-type': 'bookmark' }));
+                        unwrap(true);
+                        return;
+                    }
+                    // Wrap and split if nested
+                    if (isChildOfInlineParent(dom, endContainer, startContainer)) {
+                        const marker = Optional.from(endContainer.lastChild).getOr(endContainer);
+                        splitToFormatRoot(wrapWithSiblings(dom, marker, false, 'span', { 'id': '_end', 'data-mce-type': 'bookmark' }));
+                        unwrap(false);
+                        return;
+                    }
+                    // Wrap start/end nodes in span element since these might be cloned/moved
+                    startContainer = wrap$1(dom, startContainer, 'span', { 'id': '_start', 'data-mce-type': 'bookmark' });
+                    endContainer = wrap$1(dom, endContainer, 'span', { 'id': '_end', 'data-mce-type': 'bookmark' });
+                    // Split start/end and anything in between
+                    const newRng = dom.createRng();
+                    newRng.setStartAfter(startContainer);
+                    newRng.setEndBefore(endContainer);
+                    walk$3(dom, newRng, (nodes) => {
+                        each$e(nodes, (n) => {
+                            if (!isBookmarkNode$1(n) && !isBookmarkNode$1(n.parentNode)) {
+                                splitToFormatRoot(n);
+                            }
+                        });
+                    });
+                    splitToFormatRoot(startContainer);
+                    splitToFormatRoot(endContainer);
+                    // Unwrap start/end to get real elements again
+                    // Note that the return value should always be a node since it's wrapped above
+                    startContainer = unwrap(true);
+                    endContainer = unwrap();
+                }
+                else {
+                    startContainer = endContainer = splitToFormatRoot(startContainer);
+                }
+                // Update range positions since they might have changed after the split operations
+                expandedRng.startContainer = startContainer.parentNode ? startContainer.parentNode : startContainer;
+                expandedRng.startOffset = dom.nodeIndex(startContainer);
+                expandedRng.endContainer = endContainer.parentNode ? endContainer.parentNode : endContainer;
+                expandedRng.endOffset = dom.nodeIndex(endContainer) + 1;
+            }
+            // Remove items between start/end
+            walk$3(dom, expandedRng, (nodes) => {
+                each$e(nodes, process);
+            });
+        };
+        // Handle node
+        if (node) {
+            if (isNode(node)) {
+                const rng = dom.createRng();
+                rng.setStartBefore(node);
+                rng.setEndAfter(node);
+                removeRngStyle(rng);
+            }
+            else {
+                removeRngStyle(node);
+            }
+            fireFormatRemove(ed, name, node, vars);
+            return;
+        }
+        if (!selection.isCollapsed() || !isInlineFormat(format) || getCellsFromEditor(ed).length) {
+            // Remove formatting on the selection
+            preserveSelection(ed, () => runOnRanges(ed, removeRngStyle), 
+            // Before trying to move the start of the selection, check if start element still has formatting then we are at: "<b>text|</b>text"
+            // and need to move the start into the next text node
+            (startNode) => isInlineFormat(format) && match$2(ed, name, vars, startNode));
+            ed.nodeChanged();
+        }
+        else {
+            removeCaretFormat(ed, name, vars, similar);
+        }
+        removeListStyleFormats(ed, name, vars);
+        fireFormatRemove(ed, name, node, vars);
+    };
+    const removeFormat$1 = (ed, name, vars, node, similar) => {
+        if (node || ed.selection.isEditable()) {
+            removeFormatInternal(ed, name, vars, node, similar);
+        }
+    };
+    /**
+     * Removes the specified format for the specified node. It will also remove the node if it doesn't have
+     * any attributes if the format specifies it to do so.
+     *
+     * @private
+     * @param {Object} format Format object with items to remove from node.
+     * @param {Object} vars Name/value object with variables to apply to format.
+     * @param {Node} node Node to remove the format styles on.
+     * @param {Node} compareNode Optional compare node, if specified the styles will be compared to that node.
+     * @return {Boolean} True/false if the node was removed or not.
+     */
+    const removeNodeFormat = (editor, format, vars, node, compareNode) => {
+        return removeNodeFormatInternal(editor, format, vars, node, compareNode).fold(never, (newName) => {
+            // If renaming we are guaranteed this is a Element, so cast
+            editor.dom.rename(node, newName);
+            return true;
+        }, always);
+    };
+
+    const each$6 = Tools.each;
+    const mergeTextDecorationsAndColor = (dom, format, vars, node) => {
+        const processTextDecorationsAndColor = (n) => {
+            if (isHTMLElement(n) && isElement$6(n.parentNode) && dom.isEditable(n)) {
+                const parentTextDecoration = getTextDecoration(dom, n.parentNode);
+                if (dom.getStyle(n, 'color') && parentTextDecoration) {
+                    dom.setStyle(n, 'text-decoration', parentTextDecoration);
+                }
+                else if (dom.getStyle(n, 'text-decoration') === parentTextDecoration) {
+                    dom.setStyle(n, 'text-decoration', null);
+                }
+            }
+        };
+        // Colored nodes should be underlined so that the color of the underline matches the text color.
+        if (format.styles && (format.styles.color || format.styles.textDecoration)) {
+            Tools.walk(node, processTextDecorationsAndColor, 'childNodes');
+            processTextDecorationsAndColor(node);
+        }
+    };
+    const mergeBackgroundColorAndFontSize = (dom, format, vars, node) => {
+        // nodes with font-size should have their own background color as well to fit the line-height (see TINY-882)
+        if (format.styles && format.styles.backgroundColor) {
+            const hasFontSize = hasStyle(dom, 'fontSize');
+            processChildElements(node, (elm) => hasFontSize(elm) && dom.isEditable(elm), applyStyle(dom, 'backgroundColor', replaceVars(format.styles.backgroundColor, vars)));
+        }
+    };
+    const mergeSubSup = (dom, format, vars, node) => {
+        // Remove font size on all descendants of a sub/sup and remove the inverse elements
+        if (isInlineFormat(format) && (format.inline === 'sub' || format.inline === 'sup')) {
+            const hasFontSize = hasStyle(dom, 'fontSize');
+            processChildElements(node, (elm) => hasFontSize(elm) && dom.isEditable(elm), applyStyle(dom, 'fontSize', ''));
+            const inverseTagDescendants = filter$5(dom.select(format.inline === 'sup' ? 'sub' : 'sup', node), dom.isEditable);
+            dom.remove(inverseTagDescendants, true);
+        }
+    };
+    const mergeWithChildren = (editor, formatList, vars, node) => {
+        // Remove/merge children
+        // Note: RemoveFormat.removeFormat will not remove formatting from noneditable nodes
+        each$6(formatList, (format) => {
+            // Merge all children of similar type will move styles from child to parent
+            // this: <span style="color:red"><b><span style="color:red; font-size:10px">text</span></b></span>
+            // will become: <span style="color:red"><b><span style="font-size:10px">text</span></b></span>
+            if (isInlineFormat(format)) {
+                each$6(editor.dom.select(format.inline, node), (child) => {
+                    if (isElementNode(child)) {
+                        removeNodeFormat(editor, format, vars, child, format.exact ? child : null);
+                    }
+                });
+            }
+            clearChildStyles(editor.dom, format, node);
+        });
+    };
+    const mergeWithParents = (editor, format, name, vars, node) => {
+        // Remove format if direct parent already has the same format
+        // Note: RemoveFormat.removeFormat will not remove formatting from noneditable nodes
+        const parentNode = node.parentNode;
+        if (matchNode(editor, parentNode, name, vars)) {
+            if (removeNodeFormat(editor, format, vars, node)) {
+                return;
+            }
+        }
+        // Remove format if any ancestor already has the same format
+        if (format.merge_with_parents && parentNode) {
+            editor.dom.getParent(parentNode, (parent) => {
+                if (matchNode(editor, parent, name, vars)) {
+                    removeNodeFormat(editor, format, vars, node);
+                    return true;
+                }
+                else {
+                    return false;
+                }
+            });
+        }
+    };
+
+    const each$5 = Tools.each;
+    const canFormatBR = (editor, format, node, parentName) => {
+        // TINY-6483: Can format 'br' if it is contained in a valid empty block and an inline format is being applied
+        if (canFormatEmptyLines(editor) && isInlineFormat(format) && node.parentNode) {
+            const validBRParentElements = getTextRootBlockElements(editor.schema);
+            // If a caret node is present, the format should apply to that, not the br (applicable to collapsed selections)
+            const hasCaretNodeSibling = sibling(SugarElement.fromDom(node), (sibling) => isCaretNode(sibling.dom));
+            return hasNonNullableKey(validBRParentElements, parentName) && isEmptyNode(editor.schema, node.parentNode, { skipBogus: false, includeZwsp: true }) && !hasCaretNodeSibling;
+        }
+        else {
+            return false;
+        }
+    };
+    const applyStyles = (dom, elm, format, vars) => {
+        each$5(format.styles, (value, name) => {
+            dom.setStyle(elm, name, replaceVars(value, vars));
+        });
+        // Needed for the WebKit span spam bug
+        // TODO: Remove this once WebKit/Blink fixes this
+        if (format.styles) {
+            const styleVal = dom.getAttrib(elm, 'style');
+            if (styleVal) {
+                dom.setAttrib(elm, 'data-mce-style', styleVal);
+            }
+        }
+    };
+    const applyFormatAction = (ed, name, vars, node) => {
+        const formatList = ed.formatter.get(name);
+        const format = formatList[0];
+        const isCollapsed = !node && ed.selection.isCollapsed();
+        const dom = ed.dom;
+        const selection = ed.selection;
+        const setElementFormat = (elm, fmt = format) => {
+            if (isFunction(fmt.onformat)) {
+                fmt.onformat(elm, fmt, vars, node);
+            }
+            applyStyles(dom, elm, fmt, vars);
+            each$5(fmt.attributes, (value, name) => {
+                dom.setAttrib(elm, name, replaceVars(value, vars));
+            });
+            each$5(fmt.classes, (value) => {
+                const newValue = replaceVars(value, vars);
+                if (!dom.hasClass(elm, newValue)) {
+                    dom.addClass(elm, newValue);
+                }
+            });
+        };
+        const applyNodeStyle = (formatList, node) => {
+            let found = false;
+            // Look for matching formats
+            each$5(formatList, (format) => {
+                if (!isSelectorFormat(format)) {
+                    return false;
+                }
+                // Check if the node is nonediatble and if the format can override noneditable node
+                if (dom.getContentEditable(node) === 'false' && !format.ceFalseOverride) {
+                    return true;
+                }
+                // Check collapsed state if it exists
+                if (isNonNullable(format.collapsed) && format.collapsed !== isCollapsed) {
+                    return true;
+                }
+                if (dom.is(node, format.selector) && !isCaretNode(node)) {
+                    setElementFormat(node, format);
+                    found = true;
+                    return false;
+                }
+                return true;
+            });
+            return found;
+        };
+        const createWrapElement = (wrapName) => {
+            if (isString(wrapName)) {
+                const wrapElm = dom.create(wrapName);
+                setElementFormat(wrapElm);
+                return wrapElm;
+            }
+            else {
+                return null;
+            }
+        };
+        const applyRngStyle = (dom, rng, nodeSpecific) => {
+            const newWrappers = [];
+            let contentEditable = true;
+            // Setup wrapper element
+            const wrapName = format.inline || format.block;
+            const wrapElm = createWrapElement(wrapName);
+            const isMatchingWrappingBlock = (node) => isWrappingBlockFormat(format) && matchNode(ed, node, name, vars);
+            const canRenameBlock = (node, parentName, isEditableDescendant) => {
+                const isValidBlockFormatForNode = isNonWrappingBlockFormat(format) &&
+                    isTextBlock$1(ed.schema, node) &&
+                    isValid(ed, parentName, wrapName);
+                return isEditableDescendant && isValidBlockFormatForNode;
+            };
+            const canWrapNode = (node, parentName, isEditableDescendant, isWrappableNoneditableElm) => {
+                const nodeName = node.nodeName.toLowerCase();
+                const isValidWrapNode = isValid(ed, wrapName, nodeName) &&
+                    isValid(ed, parentName, wrapName);
+                // If it is not node specific, it means that it was not passed into 'formatter.apply` and is within the editor selection
+                const isZwsp$1 = !nodeSpecific && isText$b(node) && isZwsp(node.data);
+                const isCaret = isCaretNode(node);
+                const isCorrectFormatForNode = !isInlineFormat(format) || !dom.isBlock(node);
+                return (isEditableDescendant || isWrappableNoneditableElm) && isValidWrapNode && !isZwsp$1 && !isCaret && isCorrectFormatForNode;
+            };
+            walk$3(dom, rng, (nodes) => {
+                let currentWrapElm;
+                /**
+                 * Process a list of nodes wrap them.
+                 */
+                const process = (node) => {
+                    let hasContentEditableState = false;
+                    let lastContentEditable = contentEditable;
+                    let isWrappableNoneditableElm = false;
+                    const parentNode = node.parentNode;
+                    const parentName = parentNode.nodeName.toLowerCase();
+                    // Node has a contentEditable value
+                    const contentEditableValue = dom.getContentEditable(node);
+                    if (isNonNullable(contentEditableValue)) {
+                        lastContentEditable = contentEditable;
+                        contentEditable = contentEditableValue === 'true';
+                        // Unless the noneditable element is wrappable, we don't want to wrap the container, only it's editable children
+                        hasContentEditableState = true;
+                        isWrappableNoneditableElm = isWrappableNoneditable(ed, node);
+                    }
+                    const isEditableDescendant = contentEditable && !hasContentEditableState;
+                    // Stop wrapping on br elements except when valid
+                    if (isBr$6(node) && !canFormatBR(ed, format, node, parentName)) {
+                        currentWrapElm = null;
+                        // Remove any br elements when we wrap things
+                        if (isBlockFormat(format)) {
+                            dom.remove(node);
+                        }
+                        return;
+                    }
+                    if (isMatchingWrappingBlock(node)) {
+                        currentWrapElm = null;
+                        return;
+                    }
+                    if (canRenameBlock(node, parentName, isEditableDescendant)) {
+                        const elm = dom.rename(node, wrapName);
+                        setElementFormat(elm);
+                        newWrappers.push(elm);
+                        currentWrapElm = null;
+                        return;
+                    }
+                    if (isSelectorFormat(format)) {
+                        let found = applyNodeStyle(formatList, node);
+                        // TINY-6567/TINY-7393: Include the parent if using an expanded selector format and no match was found for the current node
+                        if (!found && isNonNullable(parentNode) && shouldExpandToSelector(format)) {
+                            found = applyNodeStyle(formatList, parentNode);
+                        }
+                        // Continue processing if a selector match wasn't found and a inline element is defined
+                        if (!isInlineFormat(format) || found) {
+                            currentWrapElm = null;
+                            return;
+                        }
+                    }
+                    if (isNonNullable(wrapElm) && canWrapNode(node, parentName, isEditableDescendant, isWrappableNoneditableElm)) {
+                        // Start wrapping
+                        if (!currentWrapElm) {
+                            // Wrap the node
+                            currentWrapElm = dom.clone(wrapElm, false);
+                            parentNode.insertBefore(currentWrapElm, node);
+                            newWrappers.push(currentWrapElm);
+                        }
+                        // Wrappable noneditable element has been handled so go back to previous state
+                        if (isWrappableNoneditableElm && hasContentEditableState) {
+                            contentEditable = lastContentEditable;
+                        }
+                        currentWrapElm.appendChild(node);
+                    }
+                    else {
+                        // Start a new wrapper for possible children
+                        currentWrapElm = null;
+                        each$e(from(node.childNodes), process);
+                        if (hasContentEditableState) {
+                            contentEditable = lastContentEditable; // Restore last contentEditable state from stack
+                        }
+                        // End the last wrapper
+                        currentWrapElm = null;
+                    }
+                };
+                each$e(nodes, process);
+            });
+            // Apply formats to links as well to get the color of the underline to change as well
+            if (format.links === true) {
+                each$e(newWrappers, (node) => {
+                    const process = (node) => {
+                        if (node.nodeName === 'A') {
+                            setElementFormat(node, format);
+                        }
+                        each$e(from(node.childNodes), process);
+                    };
+                    process(node);
+                });
+            }
+            // Cleanup
+            each$e(newWrappers, (node) => {
+                const getChildCount = (node) => {
+                    let count = 0;
+                    each$e(node.childNodes, (node) => {
+                        if (!isEmptyTextNode$1(node) && !isBookmarkNode$1(node)) {
+                            count++;
+                        }
+                    });
+                    return count;
+                };
+                const mergeStyles = (node) => {
+                    // Check if a child was found and of the same type as the current node
+                    const childElement = find$2(node.childNodes, isElementNode$1)
+                        .filter((child) => dom.getContentEditable(child) !== 'false' && matchName(dom, child, format));
+                    return childElement?.map((child) => {
+                        const clone = dom.clone(child, false);
+                        setElementFormat(clone);
+                        dom.replace(clone, node, true);
+                        dom.remove(child, true);
+                        return clone;
+                    }).getOr(node);
+                };
+                const childCount = getChildCount(node);
+                // Remove empty nodes but only if there is multiple wrappers and they are not block
+                // elements so never remove single <h1></h1> since that would remove the
+                // current empty block element where the caret is at
+                if ((newWrappers.length > 1 || !dom.isBlock(node)) && childCount === 0) {
+                    dom.remove(node, true);
+                    return;
+                }
+                if (isInlineFormat(format) || isBlockFormat(format) && format.wrapper) {
+                    // Merges the current node with it's children of similar type to reduce the number of elements
+                    if (!format.exact && childCount === 1) {
+                        node = mergeStyles(node);
+                    }
+                    mergeWithChildren(ed, formatList, vars, node);
+                    mergeWithParents(ed, format, name, vars, node);
+                    mergeBackgroundColorAndFontSize(dom, format, vars, node);
+                    mergeTextDecorationsAndColor(dom, format, vars, node);
+                    mergeSubSup(dom, format, vars, node);
+                    mergeSiblings(ed, format, vars, node);
+                }
+            });
+        };
+        // TODO: TINY-9142: Remove this to make nested noneditable formatting work
+        const targetNode = isNode(node) ? node : selection.getNode();
+        if (dom.getContentEditable(targetNode) === 'false' && !isWrappableNoneditable(ed, targetNode)) {
+            // node variable is used by other functions above in the same scope so need to set it here
+            node = targetNode;
+            applyNodeStyle(formatList, node);
+            fireFormatApply(ed, name, node, vars);
+            return;
+        }
+        if (format) {
+            if (node) {
+                if (isNode(node)) {
+                    if (!applyNodeStyle(formatList, node)) {
+                        const rng = dom.createRng();
+                        rng.setStartBefore(node);
+                        rng.setEndAfter(node);
+                        applyRngStyle(dom, expandRng(dom, rng, formatList), true);
+                    }
+                }
+                else {
+                    applyRngStyle(dom, node, true);
+                }
+            }
+            else {
+                if (!isCollapsed || !isInlineFormat(format) || getCellsFromEditor(ed).length) {
+                    // Apply formatting to selection
+                    selection.setRng(normalize(selection.getRng()));
+                    preserveSelection(ed, () => {
+                        runOnRanges(ed, (selectionRng, fake) => {
+                            const expandedRng = fake ? selectionRng : expandRng(dom, selectionRng, formatList);
+                            applyRngStyle(dom, expandedRng, false);
+                        });
+                    }, always);
+                    ed.nodeChanged();
+                }
+                else {
+                    applyCaretFormat(ed, name, vars);
+                }
+                getExpandedListItemFormat(ed.formatter, name).each((liFmt) => {
+                    each$e(getFullySelectedListItems(ed.selection), (li) => applyStyles(dom, li, liFmt, vars));
+                });
+            }
+            postProcess$1(name, ed);
+        }
+        fireFormatApply(ed, name, node, vars);
+    };
+    const applyFormat$1 = (editor, name, vars, node) => {
+        if (node || editor.selection.isEditable()) {
+            applyFormatAction(editor, name, vars, node);
+        }
+    };
+
+    const hasVars = (value) => has$2(value, 'vars');
+    const setup$u = (registeredFormatListeners, editor) => {
+        registeredFormatListeners.set({});
+        editor.on('NodeChange', (e) => {
+            updateAndFireChangeCallbacks(editor, e.element, registeredFormatListeners.get());
+        });
+        editor.on('FormatApply FormatRemove', (e) => {
+            const element = Optional.from(e.node)
+                ?.map((nodeOrRange) => isNode(nodeOrRange) ? nodeOrRange : nodeOrRange.startContainer)
+                .bind((node) => isElement$6(node) ? Optional?.some(node) : Optional.from(node.parentElement))
+                .getOrThunk(() => fallbackElement(editor));
+            updateAndFireChangeCallbacks(editor, element, registeredFormatListeners.get());
+        });
+    };
+    const fallbackElement = (editor) => editor.selection.getStart();
+    const matchingNode = (editor, parents, format, similar, vars) => {
+        const isMatchingNode = (node) => {
+            const matchingFormat = editor.formatter.matchNode(node, format, vars !== null && vars !== void 0 ? vars : {}, similar);
+            return !isUndefined(matchingFormat);
+        };
+        const isUnableToMatch = (node) => {
+            if (matchesUnInheritedFormatSelector(editor, node, format)) {
+                return true;
+            }
+            else {
+                if (!similar) {
+                    // If we want to find an exact match, then finding a similar match halfway up the parents tree is bad
+                    return isNonNullable(editor.formatter.matchNode(node, format, vars, true));
+                }
+                else {
+                    return false;
+                }
+            }
+        };
+        return findUntil$1(parents, isMatchingNode, isUnableToMatch);
+    };
+    const getParents = (editor, elm) => {
+        const element = elm !== null && elm !== void 0 ? elm : fallbackElement(editor);
+        return filter$5(getParents$2(editor.dom, element), (node) => isElement$6(node) && !isBogus$1(node));
+    };
+    const updateAndFireChangeCallbacks = (editor, elm, registeredCallbacks) => {
+        // Ignore bogus nodes like the <a> tag created by moveStart()
+        const parents = getParents(editor, elm);
+        each$d(registeredCallbacks, (data, format) => {
+            const runIfChanged = (spec) => {
+                const match = matchingNode(editor, parents, format, spec.similar, hasVars(spec) ? spec.vars : undefined);
+                const isSet = match.isSome();
+                if (spec.state.get() !== isSet) {
+                    spec.state.set(isSet);
+                    const node = match.getOr(elm);
+                    if (hasVars(spec)) {
+                        spec.callback(isSet, { node, format, parents });
+                    }
+                    else {
+                        each$e(spec.callbacks, (callback) => callback(isSet, { node, format, parents }));
+                    }
+                }
+            };
+            each$e([data.withSimilar, data.withoutSimilar], runIfChanged);
+            each$e(data.withVars, runIfChanged);
+        });
+    };
+    const addListeners = (editor, registeredFormatListeners, formats, callback, similar, vars) => {
+        const formatChangeItems = registeredFormatListeners.get();
+        each$e(formats.split(','), (format) => {
+            const group = get$a(formatChangeItems, format).getOrThunk(() => {
+                const base = {
+                    withSimilar: {
+                        state: Cell(false),
+                        similar: true,
+                        callbacks: []
+                    },
+                    withoutSimilar: {
+                        state: Cell(false),
+                        similar: false,
+                        callbacks: []
+                    },
+                    withVars: []
+                };
+                formatChangeItems[format] = base;
+                return base;
+            });
+            const getCurrent = () => {
+                const parents = getParents(editor);
+                return matchingNode(editor, parents, format, similar, vars).isSome();
+            };
+            if (isUndefined(vars)) {
+                const toAppendTo = similar ? group.withSimilar : group.withoutSimilar;
+                toAppendTo.callbacks.push(callback);
+                if (toAppendTo.callbacks.length === 1) {
+                    toAppendTo.state.set(getCurrent());
+                }
+            }
+            else {
+                group.withVars.push({
+                    state: Cell(getCurrent()),
+                    similar,
+                    vars,
+                    callback
+                });
+            }
+        });
+        registeredFormatListeners.set(formatChangeItems);
+    };
+    const removeListeners = (registeredFormatListeners, formats, callback) => {
+        const formatChangeItems = registeredFormatListeners.get();
+        each$e(formats.split(','), (format) => get$a(formatChangeItems, format).each((group) => {
+            formatChangeItems[format] = {
+                withSimilar: {
+                    ...group.withSimilar,
+                    callbacks: filter$5(group.withSimilar.callbacks, (cb) => cb !== callback),
+                },
+                withoutSimilar: {
+                    ...group.withoutSimilar,
+                    callbacks: filter$5(group.withoutSimilar.callbacks, (cb) => cb !== callback),
+                },
+                withVars: filter$5(group.withVars, (item) => item.callback !== callback),
+            };
+        }));
+        registeredFormatListeners.set(formatChangeItems);
+    };
+    const formatChangedInternal = (editor, registeredFormatListeners, formats, callback, similar, vars) => {
+        addListeners(editor, registeredFormatListeners, formats, callback, similar, vars);
+        return {
+            unbind: () => removeListeners(registeredFormatListeners, formats, callback)
+        };
+    };
+
+    const toggle = (editor, name, vars, node) => {
+        const fmt = editor.formatter.get(name);
+        if (fmt) {
+            if (match$2(editor, name, vars, node) && (!('toggle' in fmt[0]) || fmt[0].toggle)) {
+                removeFormat$1(editor, name, vars, node);
+            }
+            else {
+                applyFormat$1(editor, name, vars, node);
+            }
+        }
+    };
+
+    const explode$1 = Tools.explode;
+    const create$8 = () => {
+        const filters = {};
+        const addFilter = (name, callback) => {
+            each$e(explode$1(name), (name) => {
+                if (!has$2(filters, name)) {
+                    filters[name] = { name, callbacks: [] };
+                }
+                filters[name].callbacks.push(callback);
+            });
+        };
+        const getFilters = () => values(filters);
+        const removeFilter = (name, callback) => {
+            each$e(explode$1(name), (name) => {
+                if (has$2(filters, name)) {
+                    if (isNonNullable(callback)) {
+                        const filter = filters[name];
+                        const newCallbacks = filter$5(filter.callbacks, (c) => c !== callback);
+                        // If all callbacks have been removed then remove the filter reference
+                        if (newCallbacks.length > 0) {
+                            filter.callbacks = newCallbacks;
+                        }
+                        else {
+                            delete filters[name];
+                        }
+                    }
+                    else {
+                        delete filters[name];
+                    }
+                }
+            });
+        };
+        return {
+            addFilter,
+            getFilters,
+            removeFilter
+        };
+    };
+
+    const encodeData = (data) => data.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    const decodeData$1 = (data) => data.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&');
+
+    const removeAttrs = (node, names) => {
+        each$e(names, (name) => {
+            node.attr(name, null);
+        });
+    };
+    const addFontToSpansFilter = (domParser, styles, fontSizes) => {
+        domParser.addNodeFilter('font', (nodes) => {
+            each$e(nodes, (node) => {
+                const props = styles.parse(node.attr('style'));
+                const color = node.attr('color');
+                const face = node.attr('face');
+                const size = node.attr('size');
+                if (color) {
+                    props.color = color;
+                }
+                if (face) {
+                    props['font-family'] = face;
+                }
+                if (size) {
+                    toInt(size).each((num) => {
+                        props['font-size'] = fontSizes[num - 1];
+                    });
+                }
+                node.name = 'span';
+                node.attr('style', styles.serialize(props));
+                removeAttrs(node, ['color', 'face', 'size']);
+            });
+        });
+    };
+    const addStrikeFilter = (domParser, schema, styles) => {
+        domParser.addNodeFilter('strike', (nodes) => {
+            const convertToSTag = schema.type !== 'html4';
+            each$e(nodes, (node) => {
+                if (convertToSTag) {
+                    node.name = 's';
+                }
+                else {
+                    const props = styles.parse(node.attr('style'));
+                    props['text-decoration'] = 'line-through';
+                    node.name = 'span';
+                    node.attr('style', styles.serialize(props));
+                }
+            });
+        });
+    };
+    const addFilters = (domParser, settings, schema) => {
+        var _a;
+        const styles = Styles();
+        if (settings.convert_fonts_to_spans) {
+            addFontToSpansFilter(domParser, styles, Tools.explode((_a = settings.font_size_legacy_values) !== null && _a !== void 0 ? _a : ''));
+        }
+        addStrikeFilter(domParser, schema, styles);
+    };
+    const register$5 = (domParser, settings, schema) => {
+        if (settings.inline_styles) {
+            addFilters(domParser, settings, schema);
+        }
+    };
+
+    const blobUriToBlob = (url) => fetch(url)
+        .then((res) => res.ok ? res.blob() : Promise.reject())
+        .catch(() => Promise.reject({
+        message: `Cannot convert ${url} to Blob. Resource might not exist or is inaccessible.`,
+        uriType: 'blob'
+    }));
+    const extractBase64Data = (data) => {
+        const matches = /([a-z0-9+\/=\s]+)/i.exec(data);
+        return matches ? matches[1] : '';
+    };
+    const decodeData = (data) => {
+        try {
+            return decodeURIComponent(data);
+        }
+        catch (_a) {
+            return data;
+        }
+    };
+    const parseDataUri = (uri) => {
+        const [type, ...rest] = uri.split(',');
+        const data = rest.join(',');
+        const matches = /data:([^/]+\/[^;]+)(;.+)?/.exec(type);
+        if (matches) {
+            const base64Encoded = matches[2] === ';base64';
+            const decodedData = decodeData(data);
+            const extractedData = base64Encoded ? extractBase64Data(decodedData) : decodedData;
+            return Optional?.some({
+                type: matches[1],
+                data: extractedData,
+                base64Encoded
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const buildBlob = (type, data, base64Encoded = true) => {
+        let str = data;
+        if (base64Encoded) {
+            // Might throw error if data isn't proper base64
+            try {
+                str = atob(data);
+            }
+            catch (_a) {
+                return Optional.none();
+            }
+        }
+        const arr = new Uint8Array(str.length);
+        for (let i = 0; i < arr.length; i++) {
+            arr[i] = str.charCodeAt(i);
+        }
+        return Optional?.some(new Blob([arr], { type }));
+    };
+    const dataUriToBlob = (uri) => {
+        return new Promise((resolve, reject) => {
+            parseDataUri(uri)
+                .bind(({ type, data, base64Encoded }) => buildBlob(type, data, base64Encoded))
+                .fold(() => reject('Invalid data URI'), resolve);
+        });
+    };
+    const uriToBlob = (url) => {
+        if (startsWith(url, 'blob:')) {
+            return blobUriToBlob(url);
+        }
+        else if (startsWith(url, 'data:')) {
+            return dataUriToBlob(url);
+        }
+        else {
+            return Promise.reject('Unknown URI format');
+        }
+    };
+    const blobToDataUri = (blob) => {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onloadend = () => {
+                resolve(reader.result);
+            };
+            reader.onerror = () => {
+                var _a;
+                reject((_a = reader.error) === null || _a === void 0 ? void 0 : _a.message);
+            };
+            reader.readAsDataURL(blob);
+        });
+    };
+
+    let count$1 = 0;
+    const uniqueId$1 = (prefix) => {
+        return (prefix || 'blobid') + (count$1++);
+    };
+    const processDataUri = (dataUri, base64Only, generateBlobInfo) => {
+        return parseDataUri(dataUri).bind(({ data, type, base64Encoded }) => {
+            if (base64Only && !base64Encoded) {
+                return Optional.none();
+            }
+            else {
+                const base64 = base64Encoded ? data : btoa(data);
+                return generateBlobInfo(base64, type);
+            }
+        });
+    };
+    const createBlobInfo$1 = (blobCache, blob, base64) => {
+        const blobInfo = blobCache.create(uniqueId$1(), blob, base64);
+        blobCache.add(blobInfo);
+        return blobInfo;
+    };
+    const dataUriToBlobInfo = (blobCache, dataUri, base64Only = false) => {
+        return processDataUri(dataUri, base64Only, (base64, type) => Optional.from(blobCache.getByData(base64, type)).orThunk(() => buildBlob(type, base64)?.map((blob) => createBlobInfo$1(blobCache, blob, base64))));
+    };
+    const imageToBlobInfo = (blobCache, imageSrc) => {
+        const invalidDataUri = () => Promise.reject('Invalid data URI');
+        if (startsWith(imageSrc, 'blob:')) {
+            const blobInfo = blobCache.getByUri(imageSrc);
+            if (isNonNullable(blobInfo)) {
+                return Promise.resolve(blobInfo);
+            }
+            else {
+                return uriToBlob(imageSrc).then((blob) => {
+                    return blobToDataUri(blob).then((dataUri) => {
+                        return processDataUri(dataUri, false, (base64) => {
+                            return Optional?.some(createBlobInfo$1(blobCache, blob, base64));
+                        }).getOrThunk(invalidDataUri);
+                    });
+                });
+            }
+        }
+        else if (startsWith(imageSrc, 'data:')) {
+            return dataUriToBlobInfo(blobCache, imageSrc).fold(invalidDataUri, (blobInfo) => Promise.resolve(blobInfo));
+        }
+        else {
+            // Not a blob or data URI so the image isn't a local image and isn't something that can be processed
+            return Promise.reject('Unknown image data format');
+        }
+    };
+
+    // TINY-10350: A modification of the Regexes.link regex to specifically capture host.
+    // eslint-disable-next-line max-len
+    const hostCaptureRegex = /^(?:(?:(?:[A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?|www\.|[-;:&=+$,.\w]+@)([A-Za-z\d-]+(?:\.[A-Za-z\d-]+)*))(?::\d+)?(?:\/(?:[-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w])?)?(?:\?(?:[-.~*+=!&;:'%@?^${}(),\/\w]+)?)?(?:#(?:[-.~*+=!&;:'%@?^${}(),\/\w]+)?)?)$/;
+    const extractHost = (url) => Optional.from(url.match(hostCaptureRegex)).bind((ms) => get$b(ms, 1))?.map((h) => startsWith(h, 'www.') ? h.substring(4) : h);
+
+    const sandboxIframe = (iframeNode, exclusions) => {
+        if (Optional.from(iframeNode.attr('src')).bind(extractHost).forall((host) => !contains$2(exclusions, host))) {
+            iframeNode.attr('sandbox', '');
+        }
+    };
+    const isMimeType = (mime, type) => startsWith(mime, `${type}/`);
+    const getEmbedType = (type) => {
+        if (isUndefined(type)) {
+            return 'iframe';
+        }
+        else if (isMimeType(type, 'image')) {
+            return 'img';
+        }
+        else if (isMimeType(type, 'video')) {
+            return 'video';
+        }
+        else if (isMimeType(type, 'audio')) {
+            return 'audio';
+        }
+        else {
+            return 'iframe';
+        }
+    };
+    const createSafeEmbed = ({ type, src, width, height } = {}, sandboxIframes, sandboxIframesExclusions) => {
+        const name = getEmbedType(type);
+        const embed = new AstNode(name, 1);
+        embed.attr(name === 'audio' ? { src } : { src, width, height });
+        // TINY-10349: Show controls for audio and video so the replaced embed is visible in editor.
+        if (name === 'audio' || name === 'video') {
+            embed.attr('controls', '');
+        }
+        if (name === 'iframe' && sandboxIframes) {
+            sandboxIframe(embed, sandboxIframesExclusions);
+        }
+        return embed;
+    };
+
+    const isBogusImage = (img) => isNonNullable(img.attr('data-mce-bogus'));
+    const isInternalImageSource = (img) => img.attr('src') === Env.transparentSrc || isNonNullable(img.attr('data-mce-placeholder'));
+    const registerBase64ImageFilter = (parser, settings) => {
+        const { blob_cache: blobCache } = settings;
+        if (blobCache) {
+            const processImage = (img) => {
+                const inputSrc = img.attr('src');
+                if (isInternalImageSource(img) || isBogusImage(img) || isNullable(inputSrc)) {
+                    return;
+                }
+                dataUriToBlobInfo(blobCache, inputSrc, true).each((blobInfo) => {
+                    img.attr('src', blobInfo.blobUri());
+                });
+            };
+            parser.addAttributeFilter('src', (nodes) => each$e(nodes, processImage));
+        }
+    };
+    const register$4 = (parser, settings) => {
+        var _a, _b;
+        const schema = parser.schema;
+        parser.addAttributeFilter('href', (nodes) => {
+            let i = nodes.length;
+            const appendRel = (rel) => {
+                const parts = rel.split(' ').filter((p) => p.length > 0);
+                return parts.concat(['noopener']).sort().join(' ');
+            };
+            const addNoOpener = (rel) => {
+                const newRel = rel ? Tools.trim(rel) : '';
+                if (!/\b(noopener)\b/g.test(newRel)) {
+                    return appendRel(newRel);
+                }
+                else {
+                    return newRel;
+                }
+            };
+            if (!settings.allow_unsafe_link_target) {
+                while (i--) {
+                    const node = nodes[i];
+                    if (node.name === 'a' && node.attr('target') === '_blank') {
+                        node.attr('rel', addNoOpener(node.attr('rel')));
+                    }
+                }
+            }
+        });
+        // Force anchor names closed, unless the setting "allow_html_in_named_anchor" is explicitly included.
+        if (!settings.allow_html_in_named_anchor) {
+            parser.addAttributeFilter('id,name', (nodes) => {
+                let i = nodes.length, sibling, prevSibling, parent, node;
+                while (i--) {
+                    node = nodes[i];
+                    if (node.name === 'a' && node.firstChild && !node.attr('href')) {
+                        parent = node.parent;
+                        // Move children after current node
+                        sibling = node.lastChild;
+                        while (sibling && parent) {
+                            prevSibling = sibling.prev;
+                            parent.insert(sibling, node);
+                            sibling = prevSibling;
+                        }
+                    }
+                }
+            });
+        }
+        if (settings.fix_list_elements) {
+            parser.addNodeFilter('ul,ol', (nodes) => {
+                let i = nodes.length, node, parentNode;
+                while (i--) {
+                    node = nodes[i];
+                    parentNode = node.parent;
+                    if (parentNode && (parentNode.name === 'ul' || parentNode.name === 'ol')) {
+                        if (node.prev && node.prev.name === 'li') {
+                            node.prev.append(node);
+                        }
+                        else {
+                            const li = new AstNode('li', 1);
+                            li.attr('style', 'list-style-type: none');
+                            node.wrap(li);
+                        }
+                    }
+                }
+            });
+        }
+        const validClasses = schema.getValidClasses();
+        if (settings.validate && validClasses) {
+            parser.addAttributeFilter('class', (nodes) => {
+                var _a;
+                let i = nodes.length;
+                while (i--) {
+                    const node = nodes[i];
+                    const clazz = (_a = node.attr('class')) !== null && _a !== void 0 ? _a : '';
+                    const classList = Tools.explode(clazz, ' ');
+                    let classValue = '';
+                    for (let ci = 0; ci < classList.length; ci++) {
+                        const className = classList[ci];
+                        let valid = false;
+                        let validClassesMap = validClasses['*'];
+                        if (validClassesMap && validClassesMap[className]) {
+                            valid = true;
+                        }
+                        validClassesMap = validClasses[node.name];
+                        if (!valid && validClassesMap && validClassesMap[className]) {
+                            valid = true;
+                        }
+                        if (valid) {
+                            if (classValue) {
+                                classValue += ' ';
+                            }
+                            classValue += className;
+                        }
+                    }
+                    if (!classValue.length) {
+                        classValue = null;
+                    }
+                    node.attr('class', classValue);
+                }
+            });
+        }
+        registerBase64ImageFilter(parser, settings);
+        const shouldSandboxIframes = (_a = settings.sandbox_iframes) !== null && _a !== void 0 ? _a : false;
+        const sandboxIframesExclusions = unique$1((_b = settings.sandbox_iframes_exclusions) !== null && _b !== void 0 ? _b : []);
+        if (settings.convert_unsafe_embeds) {
+            parser.addNodeFilter('object,embed', (nodes) => each$e(nodes, (node) => {
+                node.replace(createSafeEmbed({
+                    type: node.attr('type'),
+                    src: node.name === 'object' ? node.attr('data') : node.attr('src'),
+                    width: node.attr('width'),
+                    height: node.attr('height'),
+                }, shouldSandboxIframes, sandboxIframesExclusions));
+            }));
+        }
+        if (shouldSandboxIframes) {
+            parser.addNodeFilter('iframe', (nodes) => each$e(nodes, (node) => sandboxIframe(node, sandboxIframesExclusions)));
+        }
+    };
+
+    /*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
+
+    const {
+      entries,
+      setPrototypeOf,
+      isFrozen,
+      getPrototypeOf,
+      getOwnPropertyDescriptor
+    } = Object;
+    let {
+      freeze,
+      seal,
+      create: create$7
+    } = Object; // eslint-disable-line import/no-mutable-exports
+    let {
+      apply,
+      construct
+    } = typeof Reflect !== 'undefined' && Reflect;
+    if (!freeze) {
+      freeze = function freeze(x) {
+        return x;
+      };
+    }
+    if (!seal) {
+      seal = function seal(x) {
+        return x;
+      };
+    }
+    if (!apply) {
+      apply = function apply(fun, thisValue, args) {
+        return fun.apply(thisValue, args);
+      };
+    }
+    if (!construct) {
+      construct = function construct(Func, args) {
+        return new Func(...args);
+      };
+    }
+    const arrayForEach = unapply(Array.prototype.forEach);
+    const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+    const arrayPop = unapply(Array.prototype.pop);
+    const arrayPush = unapply(Array.prototype.push);
+    const arraySplice = unapply(Array.prototype.splice);
+    const stringToLowerCase = unapply(String.prototype.toLowerCase);
+    const stringToString = unapply(String.prototype.toString);
+    const stringMatch = unapply(String.prototype.match);
+    const stringReplace = unapply(String.prototype.replace);
+    const stringIndexOf = unapply(String.prototype.indexOf);
+    const stringTrim = unapply(String.prototype.trim);
+    const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+    const regExpTest = unapply(RegExp.prototype.test);
+    const typeErrorCreate = unconstruct(TypeError);
+    /**
+     * Creates a new function that calls the given function with a specified thisArg and arguments.
+     *
+     * @param func - The function to be wrapped and called.
+     * @returns A new function that calls the given function with a specified thisArg and arguments.
+     */
+    function unapply(func) {
+      return function (thisArg) {
+        if (thisArg instanceof RegExp) {
+          thisArg.lastIndex = 0;
+        }
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        return apply(func, thisArg, args);
+      };
+    }
+    /**
+     * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+     *
+     * @param func - The constructor function to be wrapped and called.
+     * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
+     */
+    function unconstruct(func) {
+      return function () {
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        return construct(func, args);
+      };
+    }
+    /**
+     * Add properties to a lookup table
+     *
+     * @param set - The set to which elements will be added.
+     * @param array - The array containing elements to be added to the set.
+     * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+     * @returns The modified set with added elements.
+     */
+    function addToSet(set, array) {
+      let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
+      if (setPrototypeOf) {
+        // Make 'in' and truthy checks like Boolean(set.constructor)
+        // independent of any properties defined on Object.prototype.
+        // Prevent prototype setters from intercepting set as a this value.
+        setPrototypeOf(set, null);
+      }
+      let l = array.length;
+      while (l--) {
+        let element = array[l];
+        if (typeof element === 'string') {
+          const lcElement = transformCaseFunc(element);
+          if (lcElement !== element) {
+            // Config presets (e.g. tags.js, attrs.js) are immutable.
+            if (!isFrozen(array)) {
+              array[l] = lcElement;
+            }
+            element = lcElement;
+          }
+        }
+        set[element] = true;
+      }
+      return set;
+    }
+    /**
+     * Clean up an array to harden against CSPP
+     *
+     * @param array - The array to be cleaned.
+     * @returns The cleaned version of the array
+     */
+    function cleanArray(array) {
+      for (let index = 0; index < array.length; index++) {
+        const isPropertyExist = objectHasOwnProperty(array, index);
+        if (!isPropertyExist) {
+          array[index] = null;
+        }
+      }
+      return array;
+    }
+    /**
+     * Shallow clone an object
+     *
+     * @param object - The object to be cloned.
+     * @returns A new object that copies the original.
+     */
+    function clone(object) {
+      const newObject = create$7(null);
+      for (const [property, value] of entries(object)) {
+        const isPropertyExist = objectHasOwnProperty(object, property);
+        if (isPropertyExist) {
+          if (Array.isArray(value)) {
+            newObject[property] = cleanArray(value);
+          } else if (value && typeof value === 'object' && value.constructor === Object) {
+            newObject[property] = clone(value);
+          } else {
+            newObject[property] = value;
+          }
+        }
+      }
+      return newObject;
+    }
+    /**
+     * This method automatically checks if the prop is function or getter and behaves accordingly.
+     *
+     * @param object - The object to look up the getter function in its prototype chain.
+     * @param prop - The property name for which to find the getter function.
+     * @returns The getter function found in the prototype chain or a fallback function.
+     */
+    function lookupGetter(object, prop) {
+      while (object !== null) {
+        const desc = getOwnPropertyDescriptor(object, prop);
+        if (desc) {
+          if (desc.get) {
+            return unapply(desc.get);
+          }
+          if (typeof desc.value === 'function') {
+            return unapply(desc.value);
+          }
+        }
+        object = getPrototypeOf(object);
+      }
+      function fallbackValue() {
+        return null;
+      }
+      return fallbackValue;
+    }
+
+    const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+    const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+    const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+    // List of SVG elements that are disallowed by default.
+    // We still need to know them so that we can do namespace
+    // checks properly in case one wants to add them to
+    // allow-list.
+    const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+    const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
+    // Similarly to SVG, we want to know all MathML elements,
+    // even those that we disallow by default.
+    const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+    const text = freeze(['#text']);
+
+    const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+    const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+    const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+    const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+    // eslint-disable-next-line unicorn/better-regex
+    const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+    const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+    const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
+    const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
+    const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+    const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+    );
+    const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+    const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+    );
+    const DOCTYPE_NAME = seal(/^html$/i);
+    const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+
+    var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+      __proto__: null,
+      ARIA_ATTR: ARIA_ATTR,
+      ATTR_WHITESPACE: ATTR_WHITESPACE,
+      CUSTOM_ELEMENT: CUSTOM_ELEMENT,
+      DATA_ATTR: DATA_ATTR,
+      DOCTYPE_NAME: DOCTYPE_NAME,
+      ERB_EXPR: ERB_EXPR,
+      IS_ALLOWED_URI: IS_ALLOWED_URI,
+      IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+      MUSTACHE_EXPR: MUSTACHE_EXPR,
+      TMPLIT_EXPR: TMPLIT_EXPR
+    });
+
+    /* eslint-disable @typescript-eslint/indent */
+    // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+    const NODE_TYPE = {
+      element: 1,
+      attribute: 2,
+      text: 3,
+      cdataSection: 4,
+      entityReference: 5,
+      // Deprecated
+      entityNode: 6,
+      // Deprecated
+      progressingInstruction: 7,
+      comment: 8,
+      document: 9,
+      documentType: 10,
+      documentFragment: 11,
+      notation: 12 // Deprecated
+    };
+    const getGlobal = function getGlobal() {
+      return typeof window === 'undefined' ? null : window;
+    };
+    /**
+     * Creates a no-op policy for internal use only.
+     * Don't export this function outside this module!
+     * @param trustedTypes The policy factory.
+     * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+     * @return The policy created (or null, if Trusted Types
+     * are not supported or creating the policy failed).
+     */
+    const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
+      if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+        return null;
+      }
+      // Allow the callers to control the unique policy name
+      // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+      // Policy creation with duplicate names throws in Trusted Types.
+      let suffix = null;
+      const ATTR_NAME = 'data-tt-policy-suffix';
+      if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+        suffix = purifyHostElement.getAttribute(ATTR_NAME);
+      }
+      const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+      try {
+        return trustedTypes.createPolicy(policyName, {
+          createHTML(html) {
+            return html;
+          },
+          createScriptURL(scriptUrl) {
+            return scriptUrl;
+          }
+        });
+      } catch (_) {
+        // Policy creation failed (most likely another DOMPurify script has
+        // already run). Skip creating the policy, as this will only cause errors
+        // if TT are enforced.
+        console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+        return null;
+      }
+    };
+    const _createHooksMap = function _createHooksMap() {
+      return {
+        afterSanitizeAttributes: [],
+        afterSanitizeElements: [],
+        afterSanitizeShadowDOM: [],
+        beforeSanitizeAttributes: [],
+        beforeSanitizeElements: [],
+        beforeSanitizeShadowDOM: [],
+        uponSanitizeAttribute: [],
+        uponSanitizeElement: [],
+        uponSanitizeShadowNode: []
+      };
+    };
+    function createDOMPurify() {
+      let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+      const DOMPurify = root => createDOMPurify(root);
+      DOMPurify.version = '3.2.6';
+      DOMPurify.removed = [];
+      if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
+        // Not running in a browser, provide a factory function
+        // so that you can pass your own Window
+        DOMPurify.isSupported = false;
+        return DOMPurify;
+      }
+      let {
+        document
+      } = window;
+      const originalDocument = document;
+      const currentScript = originalDocument.currentScript;
+      const {
+        DocumentFragment,
+        HTMLTemplateElement,
+        Node,
+        Element,
+        NodeFilter,
+        NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+        HTMLFormElement,
+        DOMParser,
+        trustedTypes
+      } = window;
+      const ElementPrototype = Element.prototype;
+      const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+      const remove = lookupGetter(ElementPrototype, 'remove');
+      const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+      const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+      const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+      // As per issue #47, the web-components registry is inherited by a
+      // new document created via createHTMLDocument. As per the spec
+      // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+      // a new empty registry is used when creating a template contents owner
+      // document, so we use that as our parent document to ensure nothing
+      // is inherited.
+      if (typeof HTMLTemplateElement === 'function') {
+        const template = document.createElement('template');
+        if (template.content && template.content.ownerDocument) {
+          document = template.content.ownerDocument;
+        }
+      }
+      let trustedTypesPolicy;
+      let emptyHTML = '';
+      const {
+        implementation,
+        createNodeIterator,
+        createDocumentFragment,
+        getElementsByTagName
+      } = document;
+      const {
+        importNode
+      } = originalDocument;
+      let hooks = _createHooksMap();
+      /**
+       * Expose whether this browser supports running the full DOMPurify.
+       */
+      DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
+      const {
+        MUSTACHE_EXPR,
+        ERB_EXPR,
+        TMPLIT_EXPR,
+        DATA_ATTR,
+        ARIA_ATTR,
+        IS_SCRIPT_OR_DATA,
+        ATTR_WHITESPACE,
+        CUSTOM_ELEMENT
+      } = EXPRESSIONS;
+      let {
+        IS_ALLOWED_URI: IS_ALLOWED_URI$1
+      } = EXPRESSIONS;
+      /**
+       * We consider the elements and attributes below to be safe. Ideally
+       * don't add any new ones but feel free to remove unwanted ones.
+       */
+      /* allowed element names */
+      let ALLOWED_TAGS = null;
+      const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+      /* Allowed attribute names */
+      let ALLOWED_ATTR = null;
+      const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+      /*
+       * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
+       * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+       * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+       * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+       */
+      let CUSTOM_ELEMENT_HANDLING = Object.seal(create$7(null, {
+        tagNameCheck: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: null
+        },
+        attributeNameCheck: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: null
+        },
+        allowCustomizedBuiltInElements: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: false
+        }
+      }));
+      /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+      let FORBID_TAGS = null;
+      /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+      let FORBID_ATTR = null;
+      /* Decide if ARIA attributes are okay */
+      let ALLOW_ARIA_ATTR = true;
+      /* Decide if custom data attributes are okay */
+      let ALLOW_DATA_ATTR = true;
+      /* Decide if unknown protocols are okay */
+      let ALLOW_UNKNOWN_PROTOCOLS = false;
+      /* Decide if self-closing tags in attributes are allowed.
+       * Usually removed due to a mXSS issue in jQuery 3.0 */
+      let ALLOW_SELF_CLOSE_IN_ATTR = true;
+      /* Output should be safe for common template engines.
+       * This means, DOMPurify removes data attributes, mustaches and ERB
+       */
+      let SAFE_FOR_TEMPLATES = false;
+      /* Output should be safe even for XML used within HTML and alike.
+       * This means, DOMPurify removes comments when containing risky content.
+       */
+      let SAFE_FOR_XML = true;
+      /* Decide if document with <html>... should be returned */
+      let WHOLE_DOCUMENT = false;
+      /* Track whether config is already set on this instance of DOMPurify. */
+      let SET_CONFIG = false;
+      /* Decide if all elements (e.g. style, script) must be children of
+       * document.body. By default, browsers might move them to document.head */
+      let FORCE_BODY = false;
+      /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+       * string (or a TrustedHTML object if Trusted Types are supported).
+       * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+       */
+      let RETURN_DOM = false;
+      /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+       * string  (or a TrustedHTML object if Trusted Types are supported) */
+      let RETURN_DOM_FRAGMENT = false;
+      /* Try to return a Trusted Type object instead of a string, return a string in
+       * case Trusted Types are not supported  */
+      let RETURN_TRUSTED_TYPE = false;
+      /* Output should be free from DOM clobbering attacks?
+       * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+       */
+      let SANITIZE_DOM = true;
+      /* Achieve full DOM Clobbering protection by isolating the namespace of named
+       * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+       *
+       * HTML/DOM spec rules that enable DOM Clobbering:
+       *   - Named Access on Window (§7.3.3)
+       *   - DOM Tree Accessors (§3.1.5)
+       *   - Form Element Parent-Child Relations (§4.10.3)
+       *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+       *   - HTMLCollection (§4.2.10.2)
+       *
+       * Namespace isolation is implemented by prefixing `id` and `name` attributes
+       * with a constant string, i.e., `user-content-`
+       */
+      let SANITIZE_NAMED_PROPS = false;
+      const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+      /* Keep element content when removing element? */
+      let KEEP_CONTENT = true;
+      /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+       * of importing it into a new Document and returning a sanitized copy */
+      let IN_PLACE = false;
+      /* Allow usage of profiles like html, svg and mathMl */
+      let USE_PROFILES = {};
+      /* Tags to ignore content of when KEEP_CONTENT is true */
+      let FORBID_CONTENTS = null;
+      const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+      /* Tags that are safe for data: URIs */
+      let DATA_URI_TAGS = null;
+      const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+      /* Attributes safe for values like "javascript:" */
+      let URI_SAFE_ATTRIBUTES = null;
+      const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+      const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+      const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+      const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+      /* Document namespace */
+      let NAMESPACE = HTML_NAMESPACE;
+      let IS_EMPTY_INPUT = false;
+      /* Allowed XHTML+XML namespaces */
+      let ALLOWED_NAMESPACES = null;
+      const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+      let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+      let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
+      // Certain elements are allowed in both SVG and HTML
+      // namespace. We need to specify them explicitly
+      // so that they don't get erroneously deleted from
+      // HTML namespace.
+      const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+      /* Parsing of strict XHTML documents */
+      let PARSER_MEDIA_TYPE = null;
+      const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+      const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+      let transformCaseFunc = null;
+      /* Keep a reference to config to pass to hooks */
+      let CONFIG = null;
+      /* Ideally, do not touch anything below this line */
+      /* ______________________________________________ */
+      const formElement = document.createElement('form');
+      const isRegexOrFunction = function isRegexOrFunction(testValue) {
+        return testValue instanceof RegExp || testValue instanceof Function;
+      };
+      /**
+       * _parseConfig
+       *
+       * @param cfg optional config literal
+       */
+      // eslint-disable-next-line complexity
+      const _parseConfig = function _parseConfig() {
+        let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        if (CONFIG && CONFIG === cfg) {
+          return;
+        }
+        /* Shield configuration object from tampering */
+        if (!cfg || typeof cfg !== 'object') {
+          cfg = {};
+        }
+        /* Shield configuration object from prototype pollution */
+        cfg = clone(cfg);
+        PARSER_MEDIA_TYPE =
+        // eslint-disable-next-line unicorn/prefer-includes
+        SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+        // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+        transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+        /* Set configuration parameters */
+        ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+        ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+        ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+        URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+        DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+        FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+        FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
+        FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
+        USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
+        ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+        ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+        ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+        ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+        SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+        SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
+        WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+        RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+        RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+        RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+        FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+        SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+        SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+        KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+        IN_PLACE = cfg.IN_PLACE || false; // Default false
+        IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+        NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+        MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+        HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+        CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+        if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+          CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+        }
+        if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+          CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+        }
+        if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+          CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+        }
+        if (SAFE_FOR_TEMPLATES) {
+          ALLOW_DATA_ATTR = false;
+        }
+        if (RETURN_DOM_FRAGMENT) {
+          RETURN_DOM = true;
+        }
+        /* Parse profile info */
+        if (USE_PROFILES) {
+          ALLOWED_TAGS = addToSet({}, text);
+          ALLOWED_ATTR = [];
+          if (USE_PROFILES.html === true) {
+            addToSet(ALLOWED_TAGS, html$1);
+            addToSet(ALLOWED_ATTR, html);
+          }
+          if (USE_PROFILES.svg === true) {
+            addToSet(ALLOWED_TAGS, svg$1);
+            addToSet(ALLOWED_ATTR, svg);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+          if (USE_PROFILES.svgFilters === true) {
+            addToSet(ALLOWED_TAGS, svgFilters);
+            addToSet(ALLOWED_ATTR, svg);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+          if (USE_PROFILES.mathMl === true) {
+            addToSet(ALLOWED_TAGS, mathMl$1);
+            addToSet(ALLOWED_ATTR, mathMl);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+        }
+        /* Merge configuration parameters */
+        if (cfg.ADD_TAGS) {
+          if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+            ALLOWED_TAGS = clone(ALLOWED_TAGS);
+          }
+          addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+        }
+        if (cfg.ADD_ATTR) {
+          if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+            ALLOWED_ATTR = clone(ALLOWED_ATTR);
+          }
+          addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+        }
+        if (cfg.ADD_URI_SAFE_ATTR) {
+          addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+        }
+        if (cfg.FORBID_CONTENTS) {
+          if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+            FORBID_CONTENTS = clone(FORBID_CONTENTS);
+          }
+          addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+        }
+        /* Add #text in case KEEP_CONTENT is set to true */
+        if (KEEP_CONTENT) {
+          ALLOWED_TAGS['#text'] = true;
+        }
+        /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+        if (WHOLE_DOCUMENT) {
+          addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+        }
+        /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+        if (ALLOWED_TAGS.table) {
+          addToSet(ALLOWED_TAGS, ['tbody']);
+          delete FORBID_TAGS.tbody;
+        }
+        if (cfg.TRUSTED_TYPES_POLICY) {
+          if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+            throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+          }
+          if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+            throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+          }
+          // Overwrite existing TrustedTypes policy.
+          trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+          // Sign local variables required by `sanitize`.
+          emptyHTML = trustedTypesPolicy.createHTML('');
+        } else {
+          // Uninitialized policy, attempt to initialize the internal dompurify policy.
+          if (trustedTypesPolicy === undefined) {
+            trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+          }
+          // If creating the internal policy succeeded sign internal variables.
+          if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+            emptyHTML = trustedTypesPolicy.createHTML('');
+          }
+        }
+        // Prevent further manipulation of configuration.
+        // Not available in IE8, Safari 5, etc.
+        if (freeze) {
+          freeze(cfg);
+        }
+        CONFIG = cfg;
+      };
+      /* Keep track of all possible SVG and MathML tags
+       * so that we can perform the namespace checks
+       * correctly. */
+      const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+      const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+      /**
+       * @param element a DOM element whose namespace is being checked
+       * @returns Return false if the element has a
+       *  namespace that a spec-compliant parser would never
+       *  return. Return true otherwise.
+       */
+      const _checkValidNamespace = function _checkValidNamespace(element) {
+        let parent = getParentNode(element);
+        // In JSDOM, if we're inside shadow DOM, then parentNode
+        // can be null. We just simulate parent in this case.
+        if (!parent || !parent.tagName) {
+          parent = {
+            namespaceURI: NAMESPACE,
+            tagName: 'template'
+          };
+        }
+        const tagName = stringToLowerCase(element.tagName);
+        const parentTagName = stringToLowerCase(parent.tagName);
+        if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+          return false;
+        }
+        if (element.namespaceURI === SVG_NAMESPACE) {
+          // The only way to switch from HTML namespace to SVG
+          // is via <svg>. If it happens via any other tag, then
+          // it should be killed.
+          if (parent.namespaceURI === HTML_NAMESPACE) {
+            return tagName === 'svg';
+          }
+          // The only way to switch from MathML to SVG is via`
+          // svg if parent is either <annotation-xml> or MathML
+          // text integration points.
+          if (parent.namespaceURI === MATHML_NAMESPACE) {
+            return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+          }
+          // We only allow elements that are defined in SVG
+          // spec. All others are disallowed in SVG namespace.
+          return Boolean(ALL_SVG_TAGS[tagName]);
+        }
+        if (element.namespaceURI === MATHML_NAMESPACE) {
+          // The only way to switch from HTML namespace to MathML
+          // is via <math>. If it happens via any other tag, then
+          // it should be killed.
+          if (parent.namespaceURI === HTML_NAMESPACE) {
+            return tagName === 'math';
+          }
+          // The only way to switch from SVG to MathML is via
+          // <math> and HTML integration points
+          if (parent.namespaceURI === SVG_NAMESPACE) {
+            return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+          }
+          // We only allow elements that are defined in MathML
+          // spec. All others are disallowed in MathML namespace.
+          return Boolean(ALL_MATHML_TAGS[tagName]);
+        }
+        if (element.namespaceURI === HTML_NAMESPACE) {
+          // The only way to switch from SVG to HTML is via
+          // HTML integration points, and from MathML to HTML
+          // is via MathML text integration points
+          if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+            return false;
+          }
+          if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+            return false;
+          }
+          // We disallow tags that are specific for MathML
+          // or SVG and should never appear in HTML namespace
+          return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+        }
+        // For XHTML and XML documents that support custom namespaces
+        if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+          return true;
+        }
+        // The code should never reach this place (this means
+        // that the element somehow got namespace that is not
+        // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+        // Return false just in case.
+        return false;
+      };
+      /**
+       * _forceRemove
+       *
+       * @param node a DOM node
+       */
+      const _forceRemove = function _forceRemove(node) {
+        arrayPush(DOMPurify.removed, {
+          element: node
+        });
+        try {
+          // eslint-disable-next-line unicorn/prefer-dom-node-remove
+          getParentNode(node).removeChild(node);
+        } catch (_) {
+          remove(node);
+        }
+      };
+      /**
+       * _removeAttribute
+       *
+       * @param name an Attribute name
+       * @param element a DOM node
+       */
+      const _removeAttribute = function _removeAttribute(name, element) {
+        try {
+          arrayPush(DOMPurify.removed, {
+            attribute: element.getAttributeNode(name),
+            from: element
+          });
+        } catch (_) {
+          arrayPush(DOMPurify.removed, {
+            attribute: null,
+            from: element
+          });
+        }
+        element.removeAttribute(name);
+        // We void attribute values for unremovable "is" attributes
+        if (name === 'is') {
+          if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+            try {
+              _forceRemove(element);
+            } catch (_) {}
+          } else {
+            try {
+              element.setAttribute(name, '');
+            } catch (_) {}
+          }
+        }
+      };
+      /**
+       * _initDocument
+       *
+       * @param dirty - a string of dirty markup
+       * @return a DOM, filled with the dirty markup
+       */
+      const _initDocument = function _initDocument(dirty) {
+        /* Create a HTML document */
+        let doc = null;
+        let leadingWhitespace = null;
+        if (FORCE_BODY) {
+          dirty = '<remove></remove>' + dirty;
+        } else {
+          /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+          const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+          leadingWhitespace = matches && matches[0];
+        }
+        if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+          // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+          dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+        }
+        const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+        /*
+         * Use the DOMParser API by default, fallback later if needs be
+         * DOMParser not work for svg when has multiple root element.
+         */
+        if (NAMESPACE === HTML_NAMESPACE) {
+          try {
+            doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+          } catch (_) {}
+        }
+        /* Use createHTMLDocument in case DOMParser is not available */
+        if (!doc || !doc.documentElement) {
+          doc = implementation.createDocument(NAMESPACE, 'template', null);
+          try {
+            doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+          } catch (_) {
+            // Syntax error if dirtyPayload is invalid xml
+          }
+        }
+        const body = doc.body || doc.documentElement;
+        if (dirty && leadingWhitespace) {
+          body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+        }
+        /* Work on whole document or just its body */
+        if (NAMESPACE === HTML_NAMESPACE) {
+          return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+        }
+        return WHOLE_DOCUMENT ? doc.documentElement : body;
+      };
+      /**
+       * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
+       *
+       * @param root The root element or node to start traversing on.
+       * @return The created NodeIterator
+       */
+      const _createNodeIterator = function _createNodeIterator(root) {
+        return createNodeIterator.call(root.ownerDocument || root, root,
+        // eslint-disable-next-line no-bitwise
+        NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
+      };
+      /**
+       * _isClobbered
+       *
+       * @param element element to check for clobbering attacks
+       * @return true if clobbered, false if safe
+       */
+      const _isClobbered = function _isClobbered(element) {
+        return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
+      };
+      /**
+       * Checks whether the given object is a DOM node.
+       *
+       * @param value object to check whether it's a DOM node
+       * @return true is object is a DOM node
+       */
+      const _isNode = function _isNode(value) {
+        return typeof Node === 'function' && value instanceof Node;
+      };
+      function _executeHooks(hooks, currentNode, data) {
+        arrayForEach(hooks, hook => {
+          hook.call(DOMPurify, currentNode, data, CONFIG);
+        });
+      }
+      /**
+       * _sanitizeElements
+       *
+       * @protect nodeName
+       * @protect textContent
+       * @protect removeChild
+       * @param currentNode to check for permission to exist
+       * @return true if node was killed, false if left alive
+       */
+      const _sanitizeElements = function _sanitizeElements(currentNode) {
+        let content = null;
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+        /* Check if element is clobbered or can clobber */
+        if (_isClobbered(currentNode)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Now let's check the element's type and name */
+        const tagName = transformCaseFunc(currentNode.nodeName);
+        /* Execute a hook if present */
+        _executeHooks(hooks.uponSanitizeElement, currentNode, {
+          tagName,
+          allowedTags: ALLOWED_TAGS
+        });
+        /* Detect mXSS attempts abusing namespace confusion */
+        if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove any occurrence of processing instructions */
+        if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove any kind of possibly harmful comments */
+        if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove element if anything forbids its presence */
+        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+          /* Check if we have a custom element to handle */
+          if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+            if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+              return false;
+            }
+            if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+              return false;
+            }
+          }
+          /* Keep content except for bad-listed elements */
+          if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+            const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+            const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+            if (childNodes && parentNode) {
+              const childCount = childNodes.length;
+              for (let i = childCount - 1; i >= 0; --i) {
+                const childClone = cloneNode(childNodes[i], true);
+                childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+                parentNode.insertBefore(childClone, getNextSibling(currentNode));
+              }
+            }
+          }
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Check whether element has a valid namespace */
+        if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Make sure that older browsers don't get fallback-tag mXSS */
+        if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Sanitize element content to be template-safe */
+        if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+          /* Get the element's text content */
+          content = currentNode.textContent;
+          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+            content = stringReplace(content, expr, ' ');
+          });
+          if (currentNode.textContent !== content) {
+            arrayPush(DOMPurify.removed, {
+              element: currentNode.cloneNode()
+            });
+            currentNode.textContent = content;
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+        return false;
+      };
+      /**
+       * _isValidAttribute
+       *
+       * @param lcTag Lowercase tag name of containing element.
+       * @param lcName Lowercase attribute name.
+       * @param value Attribute value.
+       * @return Returns true if `value` is valid, otherwise false.
+       */
+      // eslint-disable-next-line complexity
+      const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+        /* Make sure attribute cannot clobber */
+        if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+          return false;
+        }
+        /* Allow valid data-* attributes: At least one character after "-"
+            (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+            XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+            We don't need to check the value; it's always URI safe. */
+        if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+          if (
+          // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+          // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+          _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+          // Alternative, second condition checks if it's an `is`-attribute, AND
+          // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+            return false;
+          }
+          /* Check value is safe. First, is attr inert? If so, is safe */
+        } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
+          return false;
+        } else ;
+        return true;
+      };
+      /**
+       * _isBasicCustomElement
+       * checks if at least one dash is included in tagName, and it's not the first char
+       * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+       *
+       * @param tagName name of the tag of the node to sanitize
+       * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+       */
+      const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
+        return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
+      };
+      /**
+       * _sanitizeAttributes
+       *
+       * @protect attributes
+       * @protect nodeName
+       * @protect removeAttribute
+       * @protect setAttribute
+       *
+       * @param currentNode to sanitize
+       */
+      const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+        const {
+          attributes
+        } = currentNode;
+        /* Check if we have attributes; if not we might have a text node */
+        if (!attributes || _isClobbered(currentNode)) {
+          return;
+        }
+        const hookEvent = {
+          attrName: '',
+          attrValue: '',
+          keepAttr: true,
+          allowedAttributes: ALLOWED_ATTR,
+          forceKeepAttr: undefined
+        };
+        let l = attributes.length;
+        /* Go backwards over all attributes; safely remove bad ones */
+        while (l--) {
+          const attr = attributes[l];
+          const {
+            name,
+            namespaceURI,
+            value: attrValue
+          } = attr;
+          const lcName = transformCaseFunc(name);
+          const initValue = attrValue;
+          let value = name === 'value' ? initValue : stringTrim(initValue);
+          /* Execute a hook if present */
+          hookEvent.attrName = lcName;
+          hookEvent.attrValue = value;
+          hookEvent.keepAttr = true;
+          hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+          _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+          value = hookEvent.attrValue;
+          /* Full DOM Clobbering protection via namespace isolation,
+           * Prefix id and name attributes with `user-content-`
+           */
+          if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+            // Remove the attribute with this value
+            _removeAttribute(name, currentNode);
+            // Prefix the value and later re-create the attribute with the sanitized value
+            value = SANITIZE_NAMED_PROPS_PREFIX + value;
+          }
+          /* Work around a security issue with comments inside attributes */
+          if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Did the hooks approve of the attribute? */
+          if (hookEvent.forceKeepAttr) {
+            continue;
+          }
+          /* Did the hooks approve of the attribute? */
+          if (!hookEvent.keepAttr) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Work around a security issue in jQuery 3.0 */
+          if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Sanitize attribute content to be template-safe */
+          if (SAFE_FOR_TEMPLATES) {
+            arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+              value = stringReplace(value, expr, ' ');
+            });
+          }
+          /* Is `value` valid for this attribute? */
+          const lcTag = transformCaseFunc(currentNode.nodeName);
+          if (!_isValidAttribute(lcTag, lcName, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Handle attributes that require Trusted Types */
+          if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+            if (namespaceURI) ; else {
+              switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+                case 'TrustedHTML':
+                  {
+                    value = trustedTypesPolicy.createHTML(value);
+                    break;
+                  }
+                case 'TrustedScriptURL':
+                  {
+                    value = trustedTypesPolicy.createScriptURL(value);
+                    break;
+                  }
+              }
+            }
+          }
+          /* Handle invalid data-* attribute set by try-catching it */
+          if (value !== initValue) {
+            try {
+              if (namespaceURI) {
+                currentNode.setAttributeNS(namespaceURI, name, value);
+              } else {
+                /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+                currentNode.setAttribute(name, value);
+              }
+              if (_isClobbered(currentNode)) {
+                _forceRemove(currentNode);
+              } else {
+                arrayPop(DOMPurify.removed);
+              }
+            } catch (_) {
+              _removeAttribute(name, currentNode);
+            }
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+      };
+      /**
+       * _sanitizeShadowDOM
+       *
+       * @param fragment to iterate over recursively
+       */
+      const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+        let shadowNode = null;
+        const shadowIterator = _createNodeIterator(fragment);
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+        while (shadowNode = shadowIterator.nextNode()) {
+          /* Execute a hook if present */
+          _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+          /* Sanitize tags and elements */
+          _sanitizeElements(shadowNode);
+          /* Check attributes next */
+          _sanitizeAttributes(shadowNode);
+          /* Deep shadow DOM detected */
+          if (shadowNode.content instanceof DocumentFragment) {
+            _sanitizeShadowDOM(shadowNode.content);
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+      };
+      // eslint-disable-next-line complexity
+      DOMPurify.sanitize = function (dirty) {
+        let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        let body = null;
+        let importedNode = null;
+        let currentNode = null;
+        let returnNode = null;
+        /* Make sure we have a string to sanitize.
+          DO NOT return early, as this will return the wrong type if
+          the user has requested a DOM object rather than a string */
+        IS_EMPTY_INPUT = !dirty;
+        if (IS_EMPTY_INPUT) {
+          dirty = '<!-->';
+        }
+        /* Stringify, in case dirty is an object */
+        if (typeof dirty !== 'string' && !_isNode(dirty)) {
+          if (typeof dirty.toString === 'function') {
+            dirty = dirty.toString();
+            if (typeof dirty !== 'string') {
+              throw typeErrorCreate('dirty is not a string, aborting');
+            }
+          } else {
+            throw typeErrorCreate('toString is not a function');
+          }
+        }
+        /* Return dirty HTML if DOMPurify cannot run */
+        if (!DOMPurify.isSupported) {
+          return dirty;
+        }
+        /* Assign config vars */
+        if (!SET_CONFIG) {
+          _parseConfig(cfg);
+        }
+        /* Clean up removed elements */
+        DOMPurify.removed = [];
+        /* Check if dirty is correctly typed for IN_PLACE */
+        if (typeof dirty === 'string') {
+          IN_PLACE = false;
+        }
+        if (IN_PLACE) {
+          /* Do some early pre-sanitization to avoid unsafe root nodes */
+          if (dirty.nodeName) {
+            const tagName = transformCaseFunc(dirty.nodeName);
+            if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+              throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+            }
+          }
+        } else if (dirty instanceof Node) {
+          /* If dirty is a DOM element, append to an empty document to avoid
+             elements being stripped by the parser */
+          body = _initDocument('<!---->');
+          importedNode = body.ownerDocument.importNode(dirty, true);
+          if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
+            /* Node is already a body, use as is */
+            body = importedNode;
+          } else if (importedNode.nodeName === 'HTML') {
+            body = importedNode;
+          } else {
+            // eslint-disable-next-line unicorn/prefer-dom-node-append
+            body.appendChild(importedNode);
+          }
+        } else {
+          /* Exit directly if we have nothing to do */
+          if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+          // eslint-disable-next-line unicorn/prefer-includes
+          dirty.indexOf('<') === -1) {
+            return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+          }
+          /* Initialize the document to work on */
+          body = _initDocument(dirty);
+          /* Check we have a DOM node from the data */
+          if (!body) {
+            return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+          }
+        }
+        /* Remove first element node (ours) if FORCE_BODY is set */
+        if (body && FORCE_BODY) {
+          _forceRemove(body.firstChild);
+        }
+        /* Get node iterator */
+        const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+        /* Now start iterating over the created document */
+        while (currentNode = nodeIterator.nextNode()) {
+          /* Sanitize tags and elements */
+          _sanitizeElements(currentNode);
+          /* Check attributes next */
+          _sanitizeAttributes(currentNode);
+          /* Shadow DOM detected, sanitize it */
+          if (currentNode.content instanceof DocumentFragment) {
+            _sanitizeShadowDOM(currentNode.content);
+          }
+        }
+        /* If we sanitized `dirty` in-place, return it. */
+        if (IN_PLACE) {
+          return dirty;
+        }
+        /* Return sanitized string or DOM */
+        if (RETURN_DOM) {
+          if (RETURN_DOM_FRAGMENT) {
+            returnNode = createDocumentFragment.call(body.ownerDocument);
+            while (body.firstChild) {
+              // eslint-disable-next-line unicorn/prefer-dom-node-append
+              returnNode.appendChild(body.firstChild);
+            }
+          } else {
+            returnNode = body;
+          }
+          if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+            /*
+              AdoptNode() is not used because internal state is not reset
+              (e.g. the past names map of a HTMLFormElement), this is safe
+              in theory but we would rather not risk another attack vector.
+              The state that is cloned by importNode() is explicitly defined
+              by the specs.
+            */
+            returnNode = importNode.call(originalDocument, returnNode, true);
+          }
+          return returnNode;
+        }
+        let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+        /* Serialize doctype if allowed */
+        if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+          serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+        }
+        /* Sanitize final string template-safe */
+        if (SAFE_FOR_TEMPLATES) {
+          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+            serializedHTML = stringReplace(serializedHTML, expr, ' ');
+          });
+        }
+        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+      };
+      DOMPurify.setConfig = function () {
+        let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        _parseConfig(cfg);
+        SET_CONFIG = true;
+      };
+      DOMPurify.clearConfig = function () {
+        CONFIG = null;
+        SET_CONFIG = false;
+      };
+      DOMPurify.isValidAttribute = function (tag, attr, value) {
+        /* Initialize shared config vars if necessary. */
+        if (!CONFIG) {
+          _parseConfig({});
+        }
+        const lcTag = transformCaseFunc(tag);
+        const lcName = transformCaseFunc(attr);
+        return _isValidAttribute(lcTag, lcName, value);
+      };
+      DOMPurify.addHook = function (entryPoint, hookFunction) {
+        if (typeof hookFunction !== 'function') {
+          return;
+        }
+        arrayPush(hooks[entryPoint], hookFunction);
+      };
+      DOMPurify.removeHook = function (entryPoint, hookFunction) {
+        if (hookFunction !== undefined) {
+          const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+          return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
+        }
+        return arrayPop(hooks[entryPoint]);
+      };
+      DOMPurify.removeHooks = function (entryPoint) {
+        hooks[entryPoint] = [];
+      };
+      DOMPurify.removeAllHooks = function () {
+        hooks = _createHooksMap();
+      };
+      return DOMPurify;
+    }
+    var purify = createDOMPurify();
+
+    /**
+     * This class handles parsing, modification and serialization of URI/URL strings.
+     * @class tinymce.util.URI
+     */
+    const each$4 = Tools.each, trim = Tools.trim;
+    const queryParts = [
+        'source', 'protocol', 'authority', 'userInfo', 'user', 'password', 'host',
+        'port', 'relative', 'path', 'directory', 'file', 'query', 'anchor'
+    ];
+    const DEFAULT_PORTS = {
+        ftp: 21,
+        http: 80,
+        https: 443,
+        mailto: 25
+    };
+    const safeSvgDataUrlElements = ['img', 'video'];
+    const blockSvgDataUris = (allowSvgDataUrls, tagName) => {
+        if (isNonNullable(allowSvgDataUrls)) {
+            return !allowSvgDataUrls;
+        }
+        else {
+            // Only allow SVGs by default on images/videos since the browser won't execute scripts on those elements
+            return isNonNullable(tagName) ? !contains$2(safeSvgDataUrlElements, tagName) : true;
+        }
+    };
+    const decodeUri = (encodedUri) => {
+        try {
+            // Might throw malformed URI sequence
+            return decodeURIComponent(encodedUri);
+        }
+        catch (_a) {
+            // Fallback to non UTF-8 decoder
+            return unescape(encodedUri);
+        }
+    };
+    const isInvalidUri = (settings, uri, tagName) => {
+        // remove all whitespaces from decoded uri to prevent impact on regex matching
+        const decodedUri = decodeUri(uri).replace(/\s/g, '');
+        if (settings.allow_script_urls) {
+            return false;
+            // Ensure we don't have a javascript URI, as that is not safe since it allows arbitrary JavaScript execution
+        }
+        else if (/((java|vb)script|mhtml):/i.test(decodedUri)) {
+            return true;
+        }
+        else if (settings.allow_html_data_urls) {
+            return false;
+        }
+        else if (/^data:image\//i.test(decodedUri)) {
+            return blockSvgDataUris(settings.allow_svg_data_urls, tagName) && /^data:image\/svg\+xml/i.test(decodedUri);
+        }
+        else {
+            return /^data:/i.test(decodedUri);
+        }
+    };
+    class URI {
+        static parseDataUri(uri) {
+            let type;
+            const uriComponents = decodeURIComponent(uri).split(',');
+            const matches = /data:([^;]+)/.exec(uriComponents[0]);
+            if (matches) {
+                type = matches[1];
+            }
+            return {
+                type,
+                data: uriComponents[1]
+            };
+        }
+        /**
+         * Check to see if a URI is safe to use in the Document Object Model (DOM). This will return
+         * true if the URI can be used in the DOM without potentially triggering a security issue.
+         *
+         * @method isDomSafe
+         * @static
+         * @param {String} uri The URI to be validated.
+         * @param {Object} context An optional HTML tag name where the element is being used.
+         * @param {Object} options An optional set of options to use when determining if the URI is safe.
+         * @return {Boolean} True if the URI is safe, otherwise false.
+         */
+        static isDomSafe(uri, context, options = {}) {
+            if (options.allow_script_urls) {
+                return true;
+            }
+            else {
+                const decodedUri = Entities.decode(uri).replace(/[\s\u0000-\u001F]+/g, '');
+                return !isInvalidUri(options, decodedUri, context);
+            }
+        }
+        static getDocumentBaseUrl(loc) {
+            var _a;
+            let baseUrl;
+            // Pass applewebdata:// and other non web protocols though
+            if (loc.protocol.indexOf('http') !== 0 && loc.protocol !== 'file:') {
+                baseUrl = (_a = loc.href) !== null && _a !== void 0 ? _a : '';
+            }
+            else {
+                baseUrl = loc.protocol + '//' + loc.host + loc.pathname;
+            }
+            if (/^[^:]+:\/\/\/?[^\/]+\//.test(baseUrl)) {
+                baseUrl = baseUrl.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
+                if (!/[\/\\]$/.test(baseUrl)) {
+                    baseUrl += '/';
+                }
+            }
+            return baseUrl;
+        }
+        /**
+         * Constructs a new URI instance.
+         *
+         * @constructor
+         * @method URI
+         * @param {String} url URI string to parse.
+         * @param {Object} settings Optional settings object.
+         */
+        constructor(url, settings = {}) {
+            this.path = '';
+            this.directory = '';
+            url = trim(url);
+            this.settings = settings;
+            const baseUri = settings.base_uri;
+            const self = this;
+            // Strange app protocol that isn't http/https or local anchor
+            // For example: mailto,skype,tel etc.
+            if (/^([\w\-]+):([^\/]{2})/i.test(url) || /^\s*#/.test(url)) {
+                self.source = url;
+                return;
+            }
+            const isProtocolRelative = url.indexOf('//') === 0;
+            // Absolute path with no host, fake host and protocol
+            if (url.indexOf('/') === 0 && !isProtocolRelative) {
+                url = (baseUri ? baseUri.protocol || 'http' : 'http') + '://mce_host' + url;
+            }
+            // Relative path http:// or protocol relative //path
+            if (!/^[\w\-]*:?\/\//.test(url)) {
+                const baseUrl = baseUri ? baseUri.path : new URI(document.location.href).directory;
+                if ((baseUri === null || baseUri === void 0 ? void 0 : baseUri.protocol) === '') {
+                    url = '//mce_host' + self.toAbsPath(baseUrl, url);
+                }
+                else {
+                    const match = /([^#?]*)([#?]?.*)/.exec(url);
+                    if (match) {
+                        url = ((baseUri && baseUri.protocol) || 'http') + '://mce_host' + self.toAbsPath(baseUrl, match[1]) + match[2];
+                    }
+                }
+            }
+            // Parse URL (Credits goes to Steave, http://blog.stevenlevithan.com/archives/parseuri)
+            url = url.replace(/@@/g, '(mce_at)'); // Zope 3 workaround, they use @@something
+            const urlMatch = /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@\/]*):?([^:@\/]*))?@)?(\[[a-zA-Z0-9:.%]+\]|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/.exec(url);
+            if (urlMatch) {
+                each$4(queryParts, (v, i) => {
+                    let part = urlMatch[i];
+                    // Zope 3 workaround, they use @@something
+                    if (part) {
+                        part = part.replace(/\(mce_at\)/g, '@@');
+                    }
+                    self[v] = part;
+                });
+            }
+            if (baseUri) {
+                if (!self.protocol) {
+                    self.protocol = baseUri.protocol;
+                }
+                if (!self.userInfo) {
+                    self.userInfo = baseUri.userInfo;
+                }
+                if (!self.port && self.host === 'mce_host') {
+                    self.port = baseUri.port;
+                }
+                if (!self.host || self.host === 'mce_host') {
+                    self.host = baseUri.host;
+                }
+                self.source = '';
+            }
+            if (isProtocolRelative) {
+                self.protocol = '';
+            }
+        }
+        /**
+         * Sets the internal path part of the URI.
+         *
+         * @method setPath
+         * @param {String} path Path string to set.
+         */
+        setPath(path) {
+            const pathMatch = /^(.*?)\/?(\w+)?$/.exec(path);
+            // Update path parts
+            if (pathMatch) {
+                this.path = pathMatch[0];
+                this.directory = pathMatch[1];
+                this.file = pathMatch[2];
+            }
+            // Rebuild source
+            this.source = '';
+            this.getURI();
+        }
+        /**
+         * Converts the specified URI into a relative URI based on the current URI instance location.
+         *
+         * @method toRelative
+         * @param {String} uri URI to convert into a relative path/URI.
+         * @return {String} Relative URI from the point specified in the current URI instance.
+         * @example
+         * // Converts an absolute URL to an relative URL url will be somedir/somefile.htm
+         * const url = new tinymce.util.URI('http://www.site.com/dir/').toRelative('http://www.site.com/dir/somedir/somefile.htm');
+         */
+        toRelative(uri) {
+            if (uri === './') {
+                return uri;
+            }
+            const relativeUri = new URI(uri, { base_uri: this });
+            // Not on same domain/port or protocol
+            if ((relativeUri.host !== 'mce_host' && this.host !== relativeUri.host && relativeUri.host) || this.port !== relativeUri.port ||
+                (this.protocol !== relativeUri.protocol && relativeUri.protocol !== '')) {
+                return relativeUri.getURI();
+            }
+            const tu = this.getURI(), uu = relativeUri.getURI();
+            // Allow usage of the base_uri when relative_urls = true
+            if (tu === uu || (tu.charAt(tu.length - 1) === '/' && tu.substr(0, tu.length - 1) === uu)) {
+                return tu;
+            }
+            let output = this.toRelPath(this.path, relativeUri.path);
+            // Add query
+            if (relativeUri.query) {
+                output += '?' + relativeUri.query;
+            }
+            // Add anchor
+            if (relativeUri.anchor) {
+                output += '#' + relativeUri.anchor;
+            }
+            return output;
+        }
+        /**
+         * Converts the specified URI into a absolute URI based on the current URI instance location.
+         *
+         * @method toAbsolute
+         * @param {String} uri URI to convert into a relative path/URI.
+         * @param {Boolean} noHost No host and protocol prefix.
+         * @return {String} Absolute URI from the point specified in the current URI instance.
+         * @example
+         * // Converts an relative URL to an absolute URL url will be http://www.site.com/dir/somedir/somefile.htm
+         * const url = new tinymce.util.URI('http://www.site.com/dir/').toAbsolute('somedir/somefile.htm');
+         */
+        toAbsolute(uri, noHost) {
+            const absoluteUri = new URI(uri, { base_uri: this });
+            return absoluteUri.getURI(noHost && this.isSameOrigin(absoluteUri));
+        }
+        /**
+         * Determine whether the given URI has the same origin as this URI.  Based on RFC-6454.
+         * Supports default ports for protocols listed in DEFAULT_PORTS.  Unsupported protocols will fail safe: they
+         * won't match, if the port specifications differ.
+         *
+         * @method isSameOrigin
+         * @param {tinymce.util.URI} uri Uri instance to compare.
+         * @returns {Boolean} True if the origins are the same.
+         */
+        isSameOrigin(uri) {
+            // eslint-disable-next-line eqeqeq
+            if (this.host == uri.host && this.protocol == uri.protocol) {
+                // eslint-disable-next-line eqeqeq
+                if (this.port == uri.port) {
+                    return true;
+                }
+                const defaultPort = this.protocol ? DEFAULT_PORTS[this.protocol] : null;
+                // eslint-disable-next-line eqeqeq
+                if (defaultPort && ((this.port || defaultPort) == (uri.port || defaultPort))) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        /**
+         * Converts a absolute path into a relative path.
+         *
+         * @method toRelPath
+         * @param {String} base Base point to convert the path from.
+         * @param {String} path Absolute path to convert into a relative path.
+         */
+        toRelPath(base, path) {
+            let breakPoint = 0, out = '', i, l;
+            // Split the paths
+            const normalizedBase = base.substring(0, base.lastIndexOf('/')).split('/');
+            const items = path.split('/');
+            if (normalizedBase.length >= items.length) {
+                for (i = 0, l = normalizedBase.length; i < l; i++) {
+                    if (i >= items.length || normalizedBase[i] !== items[i]) {
+                        breakPoint = i + 1;
+                        break;
+                    }
+                }
+            }
+            if (normalizedBase.length < items.length) {
+                for (i = 0, l = items.length; i < l; i++) {
+                    if (i >= normalizedBase.length || normalizedBase[i] !== items[i]) {
+                        breakPoint = i + 1;
+                        break;
+                    }
+                }
+            }
+            if (breakPoint === 1) {
+                return path;
+            }
+            for (i = 0, l = normalizedBase.length - (breakPoint - 1); i < l; i++) {
+                out += '../';
+            }
+            for (i = breakPoint - 1, l = items.length; i < l; i++) {
+                if (i !== breakPoint - 1) {
+                    out += '/' + items[i];
+                }
+                else {
+                    out += items[i];
+                }
+            }
+            return out;
+        }
+        /**
+         * Converts a relative path into a absolute path.
+         *
+         * @method toAbsPath
+         * @param {String} base Base point to convert the path from.
+         * @param {String} path Relative path to convert into an absolute path.
+         */
+        toAbsPath(base, path) {
+            let nb = 0;
+            // Split paths
+            const tr = /\/$/.test(path) ? '/' : '';
+            const normalizedBase = base.split('/');
+            const normalizedPath = path.split('/');
+            // Remove empty chunks
+            const baseParts = [];
+            each$4(normalizedBase, (k) => {
+                if (k) {
+                    baseParts.push(k);
+                }
+            });
+            // Merge relURLParts chunks
+            const pathParts = [];
+            for (let i = normalizedPath.length - 1; i >= 0; i--) {
+                // Ignore empty or .
+                if (normalizedPath[i].length === 0 || normalizedPath[i] === '.') {
+                    continue;
+                }
+                // Is parent
+                if (normalizedPath[i] === '..') {
+                    nb++;
+                    continue;
+                }
+                // Move up
+                if (nb > 0) {
+                    nb--;
+                    continue;
+                }
+                pathParts.push(normalizedPath[i]);
+            }
+            const i = baseParts.length - nb;
+            // If /a/b/c or /
+            let outPath;
+            if (i <= 0) {
+                outPath = reverse(pathParts).join('/');
+            }
+            else {
+                outPath = baseParts.slice(0, i).join('/') + '/' + reverse(pathParts).join('/');
+            }
+            // Add front / if it's needed
+            if (outPath.indexOf('/') !== 0) {
+                outPath = '/' + outPath;
+            }
+            // Add trailing / if it's needed
+            if (tr && outPath.lastIndexOf('/') !== outPath.length - 1) {
+                outPath += tr;
+            }
+            return outPath;
+        }
+        /**
+         * Returns the full URI of the internal structure.
+         *
+         * @method getURI
+         * @param {Boolean} noProtoHost Optional no host and protocol part. Defaults to false.
+         */
+        getURI(noProtoHost = false) {
+            let s;
+            // Rebuild source
+            if (!this.source || noProtoHost) {
+                s = '';
+                if (!noProtoHost) {
+                    if (this.protocol) {
+                        s += this.protocol + '://';
+                    }
+                    else {
+                        s += '//';
+                    }
+                    if (this.userInfo) {
+                        s += this.userInfo + '@';
+                    }
+                    if (this.host) {
+                        s += this.host;
+                    }
+                    if (this.port) {
+                        s += ':' + this.port;
+                    }
+                }
+                if (this.path) {
+                    s += this.path;
+                }
+                if (this.query) {
+                    s += '?' + this.query;
+                }
+                if (this.anchor) {
+                    s += '#' + this.anchor;
+                }
+                this.source = s;
+            }
+            return this.source;
+        }
+    }
+
+    // A list of attributes that should be filtered further based on the parser settings
+    const filteredUrlAttrs = Tools.makeMap('src,href,data,background,action,formaction,poster,xlink:href');
+    const internalElementAttr = 'data-mce-type';
+    let uid = 0;
+    const processNode = (node, settings, schema, scope, evt) => {
+        var _a, _b, _c, _d;
+        const validate = settings.validate;
+        const specialElements = schema.getSpecialElements();
+        if (node.nodeType === COMMENT) {
+            // Pad conditional comments if they aren't allowed
+            if (!settings.allow_conditional_comments && /^\[if/i.test((_a = node.nodeValue) !== null && _a !== void 0 ? _a : '')) {
+                node.nodeValue = ' ' + node.nodeValue;
+            }
+            if (settings.sanitize && settings.allow_html_in_comments && isString(node.nodeValue)) {
+                node.nodeValue = encodeData(node.nodeValue);
+            }
+        }
+        const lcTagName = (_b = evt === null || evt === void 0 ? void 0 : evt.tagName) !== null && _b !== void 0 ? _b : node.nodeName.toLowerCase();
+        if (scope !== 'html' && schema.isValid(scope)) {
+            if (isNonNullable(evt)) {
+                evt.allowedTags[lcTagName] = true;
+            }
+            return;
+        }
+        // Just leave non-elements such as text and comments up to dompurify
+        if (node.nodeType !== ELEMENT || lcTagName === 'body') {
+            return;
+        }
+        // Construct the sugar element wrapper
+        const element = SugarElement.fromDom(node);
+        // Determine if we're dealing with an internal attribute
+        const isInternalElement = has$1(element, internalElementAttr);
+        // Cleanup bogus elements
+        const bogus = get$9(element, 'data-mce-bogus');
+        if (!isInternalElement && isString(bogus)) {
+            if (bogus === 'all') {
+                remove$8(element);
+            }
+            else {
+                unwrap(element);
+            }
+            return;
+        }
+        // Determine if the schema allows the element and either add it or remove it
+        const rule = schema.getElementRule(lcTagName);
+        if (validate && !rule) {
+            // If a special element is invalid, then remove the entire element instead of unwrapping
+            if (has$2(specialElements, lcTagName)) {
+                remove$8(element);
+            }
+            else {
+                unwrap(element);
+            }
+            return;
+        }
+        else {
+            if (isNonNullable(evt)) {
+                evt.allowedTags[lcTagName] = true;
+            }
+        }
+        // Validate the element using the attribute rules
+        if (validate && rule && !isInternalElement) {
+            // Fix the attributes for the element, unwrapping it if we have to
+            each$e((_c = rule.attributesForced) !== null && _c !== void 0 ? _c : [], (attr) => {
+                set$4(element, attr.name, attr.value === '{$uid}' ? `mce_${uid++}` : attr.value);
+            });
+            each$e((_d = rule.attributesDefault) !== null && _d !== void 0 ? _d : [], (attr) => {
+                if (!has$1(element, attr.name)) {
+                    set$4(element, attr.name, attr.value === '{$uid}' ? `mce_${uid++}` : attr.value);
+                }
+            });
+            // If none of the required attributes were found then remove
+            if (rule.attributesRequired && !exists(rule.attributesRequired, (attr) => has$1(element, attr))) {
+                unwrap(element);
+                return;
+            }
+            // If there are no attributes then remove
+            if (rule.removeEmptyAttrs && hasNone(element)) {
+                unwrap(element);
+                return;
+            }
+            // Change the node name if the schema says to
+            if (rule.outputName && rule.outputName !== lcTagName) {
+                mutate(element, rule.outputName);
+            }
+        }
+    };
+    const processAttr = (ele, settings, schema, scope, evt) => {
+        const tagName = ele.tagName.toLowerCase();
+        const { attrName, attrValue } = evt;
+        evt.keepAttr = shouldKeepAttribute(settings, schema, scope, tagName, attrName, attrValue);
+        if (evt.keepAttr) {
+            evt.allowedAttributes[attrName] = true;
+            if (isBooleanAttribute(attrName, schema)) {
+                evt.attrValue = attrName;
+            }
+            // We need to tell DOMPurify to forcibly keep the attribute if it's an SVG data URI and svg data URIs are allowed
+            if (settings.allow_svg_data_urls && startsWith(attrValue, 'data:image/svg+xml')) {
+                evt.forceKeepAttr = true;
+            }
+            // For internal elements always keep the attribute if the attribute name is id, class or style
+        }
+        else if (isRequiredAttributeOfInternalElement(ele, attrName)) {
+            evt.forceKeepAttr = true;
+        }
+    };
+    const shouldKeepAttribute = (settings, schema, scope, tagName, attrName, attrValue) => {
+        // All attributes within non HTML namespaces elements are considered valid
+        if (scope !== 'html' && !isNonHtmlElementRootName(tagName)) {
+            return true;
+        }
+        return !(attrName in filteredUrlAttrs && isInvalidUri(settings, attrValue, tagName)) &&
+            (!settings.validate || schema.isValid(tagName, attrName) || startsWith(attrName, 'data-') || startsWith(attrName, 'aria-'));
+    };
+    const isRequiredAttributeOfInternalElement = (ele, attrName) => ele.hasAttribute(internalElementAttr) && (attrName === 'id' || attrName === 'class' || attrName === 'style');
+    const isBooleanAttribute = (attrName, schema) => attrName in schema.getBoolAttrs();
+    const filterAttributes = (ele, settings, schema, scope) => {
+        const { attributes } = ele;
+        for (let i = attributes.length - 1; i >= 0; i--) {
+            const attr = attributes[i];
+            const attrName = attr.name;
+            const attrValue = attr.value;
+            if (!shouldKeepAttribute(settings, schema, scope, ele.tagName.toLowerCase(), attrName, attrValue) && !isRequiredAttributeOfInternalElement(ele, attrName)) {
+                ele.removeAttribute(attrName);
+            }
+            else if (isBooleanAttribute(attrName, schema)) {
+                ele.setAttribute(attrName, attrName);
+            }
+        }
+    };
+    const setupPurify = (settings, schema, namespaceTracker) => {
+        const purify$1 = purify();
+        // We use this to add new tags to the allow-list as we parse, if we notice that a tag has been banned but it's still in the schema
+        purify$1.addHook('uponSanitizeElement', (ele, evt) => {
+            processNode(ele, settings, schema, namespaceTracker.track(ele), evt);
+        });
+        // Let's do the same thing for attributes
+        purify$1.addHook('uponSanitizeAttribute', (ele, evt) => {
+            processAttr(ele, settings, schema, namespaceTracker.current(), evt);
+        });
+        return purify$1;
+    };
+    const getPurifyConfig = (settings, mimeType) => {
+        // Current dompurify types only cover up to 3.0.5 which does not include this new setting
+        const basePurifyConfig = {
+            IN_PLACE: true,
+            ALLOW_UNKNOWN_PROTOCOLS: true,
+            // Deliberately ban all tags and attributes by default, and then un-ban them on demand in hooks
+            // #comment and #cdata-section are always allowed as they aren't controlled via the schema
+            // body is also allowed due to the DOMPurify checking the root node before sanitizing
+            ALLOWED_TAGS: ['#comment', '#cdata-section', 'body'],
+            ALLOWED_ATTR: [],
+        };
+        const config = { ...basePurifyConfig };
+        // Set the relevant parser mimetype
+        config.PARSER_MEDIA_TYPE = mimeType;
+        // Allow any URI when allowing script urls
+        if (settings.allow_script_urls) {
+            config.ALLOWED_URI_REGEXP = /.*/;
+            // Allow anything except javascript (or similar) URIs if all html data urls are allowed
+        }
+        else if (settings.allow_html_data_urls) {
+            config.ALLOWED_URI_REGEXP = /^(?!(\w+script|mhtml):)/i;
+        }
+        return config;
+    };
+    const sanitizeSvgElement = (ele) => {
+        // xlink:href used to be the way to do links in SVG 1.x https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href
+        const xlinkAttrs = ['type', 'href', 'role', 'arcrole', 'title', 'show', 'actuate', 'label', 'from', 'to']?.map((name) => `xlink:${name}`);
+        const config = {
+            IN_PLACE: true,
+            USE_PROFILES: {
+                html: true,
+                svg: true,
+                svgFilters: true
+            },
+            ALLOWED_ATTR: xlinkAttrs
+        };
+        purify().sanitize(ele, config);
+    };
+    const sanitizeMathmlElement = (node, settings) => {
+        const config = {
+            IN_PLACE: true,
+            USE_PROFILES: {
+                mathMl: true
+            },
+        };
+        const purify$1 = purify();
+        const allowedEncodings = settings.allow_mathml_annotation_encodings;
+        const hasAllowedEncodings = isArray$1(allowedEncodings) && allowedEncodings.length > 0;
+        const hasValidEncoding = (el) => {
+            const encoding = el.getAttribute('encoding');
+            return hasAllowedEncodings && isString(encoding) && contains$2(allowedEncodings, encoding);
+        };
+        const isValidElementOpt = (node, lcTagName) => {
+            if (hasAllowedEncodings && lcTagName === 'semantics') {
+                return Optional?.some(true);
+            }
+            else if (lcTagName === 'annotation') {
+                return Optional?.some(isElement$6(node) && hasValidEncoding(node));
+            }
+            else if (isArray$1(settings.extended_mathml_elements)) {
+                if (settings.extended_mathml_elements.includes(lcTagName)) {
+                    return Optional.from(true);
+                }
+                else {
+                    return Optional.none();
+                }
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        purify$1.addHook('uponSanitizeElement', (node, evt) => {
+            var _a;
+            // We know the node is an element as we have
+            // passed an element to the purify.sanitize function below
+            const lcTagName = (_a = evt.tagName) !== null && _a !== void 0 ? _a : node.nodeName.toLowerCase();
+            const keepElementOpt = isValidElementOpt(node, lcTagName);
+            keepElementOpt.each((keepElement) => {
+                evt.allowedTags[lcTagName] = keepElement;
+                if (!keepElement && settings.sanitize) {
+                    if (isElement$6(node)) {
+                        node.remove();
+                    }
+                }
+            });
+        });
+        purify$1.addHook('uponSanitizeAttribute', (_node, event) => {
+            if (isArray$1(settings.extended_mathml_attributes)) {
+                const keepAttribute = settings.extended_mathml_attributes.includes(event.attrName);
+                if (keepAttribute) {
+                    event.forceKeepAttr = true;
+                }
+            }
+        });
+        purify$1.sanitize(node, config);
+    };
+    const mkSanitizeNamespaceElement = (settings) => (ele) => {
+        const namespaceType = toScopeType(ele);
+        if (namespaceType === 'svg') {
+            sanitizeSvgElement(ele);
+        }
+        else if (namespaceType === 'math') {
+            sanitizeMathmlElement(ele, settings);
+        }
+        else {
+            throw new Error('Not a namespace element');
+        }
+    };
+    const getSanitizer = (settings, schema) => {
+        const namespaceTracker = createNamespaceTracker();
+        if (settings.sanitize) {
+            const purify = setupPurify(settings, schema, namespaceTracker);
+            const sanitizeHtmlElement = (body, mimeType) => {
+                purify.sanitize(body, getPurifyConfig(settings, mimeType));
+                purify.removed = [];
+                namespaceTracker.reset();
+            };
+            return {
+                sanitizeHtmlElement,
+                sanitizeNamespaceElement: mkSanitizeNamespaceElement(settings)
+            };
+        }
+        else {
+            const sanitizeHtmlElement = (body, _mimeType) => {
+                // eslint-disable-next-line no-bitwise
+                const nodeIterator = document.createNodeIterator(body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT);
+                let node;
+                while ((node = nodeIterator.nextNode())) {
+                    const currentScope = namespaceTracker.track(node);
+                    processNode(node, settings, schema, currentScope);
+                    if (isElement$6(node)) {
+                        filterAttributes(node, settings, schema, currentScope);
+                    }
+                }
+                namespaceTracker.reset();
+            };
+            const sanitizeNamespaceElement = noop;
+            return {
+                sanitizeHtmlElement,
+                sanitizeNamespaceElement
+            };
+        }
+    };
+
+    /**
+     * @summary
+     * This class parses HTML code into a DOM like structure of nodes it will remove redundant whitespace and make
+     * sure that the node tree is valid according to the specified schema.
+     * So for example: `<p>a<p>b</p>c</p>` will become `<p>a</p><p>b</p><p>c</p>`.
+     *
+     * @example
+     * const parser = tinymce.html.DomParser({ validate: true }, schema);
+     * const rootNode = parser.parse('<h1>content</h1>');
+     *
+     * @class tinymce.html.DomParser
+     * @version 3.4
+     */
+    const makeMap = Tools.makeMap, extend$1 = Tools.extend;
+    const transferChildren = (parent, nativeParent, specialElements, nsSanitizer, decodeComments) => {
+        const parentName = parent.name;
+        // Exclude the special elements where the content is RCDATA as their content needs to be parsed instead of being left as plain text
+        // See: https://html.spec.whatwg.org/multipage/parsing.html#parsing-html-fragments
+        const isSpecial = parentName in specialElements && parentName !== 'title' && parentName !== 'textarea' && parentName !== 'noscript';
+        const childNodes = nativeParent.childNodes;
+        for (let ni = 0, nl = childNodes.length; ni < nl; ni++) {
+            const nativeChild = childNodes[ni];
+            const child = new AstNode(nativeChild.nodeName.toLowerCase(), nativeChild.nodeType);
+            if (isElement$6(nativeChild)) {
+                const attributes = nativeChild.attributes;
+                for (let ai = 0, al = attributes.length; ai < al; ai++) {
+                    const attr = attributes[ai];
+                    child.attr(attr.name, attr.value);
+                }
+                if (isNonHtmlElementRootName(child.name)) {
+                    nsSanitizer(nativeChild);
+                    child.value = nativeChild.innerHTML;
+                }
+            }
+            else if (isText$b(nativeChild)) {
+                child.value = nativeChild.data;
+                if (isSpecial) {
+                    child.raw = true;
+                }
+            }
+            else if (isComment(nativeChild)) {
+                child.value = decodeComments ? decodeData$1(nativeChild.data) : nativeChild.data;
+            }
+            else if (isCData(nativeChild) || isPi(nativeChild)) {
+                child.value = nativeChild.data;
+            }
+            if (!isNonHtmlElementRootName(child.name)) {
+                transferChildren(child, nativeChild, specialElements, nsSanitizer, decodeComments);
+            }
+            parent.append(child);
+        }
+    };
+    const walkTree = (root, preprocessors, postprocessors) => {
+        const traverseOrder = [];
+        for (let node = root, lastNode = node; node; lastNode = node, node = node.walk()) {
+            const tempNode = node;
+            each$e(preprocessors, (preprocess) => preprocess(tempNode));
+            if (isNullable(tempNode.parent) && tempNode !== root) {
+                // The node has been detached, so rewind a little and don't add it to our traversal
+                node = lastNode;
+            }
+            else {
+                traverseOrder.push(tempNode);
+            }
+        }
+        for (let i = traverseOrder.length - 1; i >= 0; i--) {
+            const node = traverseOrder[i];
+            each$e(postprocessors, (postprocess) => postprocess(node));
+        }
+    };
+    // All the dom operations we want to perform, regardless of whether we're trying to properly validate things
+    // e.g. removing excess whitespace
+    // e.g. removing empty nodes (or padding them with <br>)
+    //
+    // Returns [ preprocess, postprocess ]
+    const whitespaceCleaner = (root, schema, settings, args) => {
+        const validate = settings.validate;
+        const nonEmptyElements = schema.getNonEmptyElements();
+        const whitespaceElements = schema.getWhitespaceElements();
+        const blockElements = extend$1(makeMap('script,style,head,html,body,title,meta,param'), schema.getBlockElements());
+        const textRootBlockElements = getTextRootBlockElements(schema);
+        const allWhiteSpaceRegExp = /[ \t\r\n]+/g;
+        const startWhiteSpaceRegExp = /^[ \t\r\n]+/;
+        const endWhiteSpaceRegExp = /[ \t\r\n]+$/;
+        const hasWhitespaceParent = (node) => {
+            let tempNode = node.parent;
+            while (isNonNullable(tempNode)) {
+                if (tempNode.name in whitespaceElements) {
+                    return true;
+                }
+                else {
+                    tempNode = tempNode.parent;
+                }
+            }
+            return false;
+        };
+        const isTextRootBlockEmpty = (node) => {
+            let tempNode = node;
+            while (isNonNullable(tempNode)) {
+                if (tempNode.name in textRootBlockElements) {
+                    return isEmpty(schema, nonEmptyElements, whitespaceElements, tempNode);
+                }
+                else {
+                    tempNode = tempNode.parent;
+                }
+            }
+            return false;
+        };
+        const isBlock = (node) => node.name in blockElements || isTransparentAstBlock(schema, node) || (isNonHtmlElementRootName(node.name) && node.parent === root);
+        const isAtEdgeOfBlock = (node, start) => {
+            const neighbour = start ? node.prev : node.next;
+            if (isNonNullable(neighbour) || isNullable(node.parent)) {
+                return false;
+            }
+            // Make sure our parent is actually a block, and also make sure it isn't a temporary "context" element
+            // that we're probably going to unwrap as soon as we insert this content into the editor
+            return isBlock(node.parent) && (node.parent !== root || args.isRootContent === true);
+        };
+        const preprocess = (node) => {
+            var _a;
+            if (node.type === 3) {
+                // Remove leading whitespace here, so that all whitespace in nodes to the left of us has already been fixed
+                if (!hasWhitespaceParent(node)) {
+                    let text = (_a = node.value) !== null && _a !== void 0 ? _a : '';
+                    text = text.replace(allWhiteSpaceRegExp, ' ');
+                    if (isLineBreakNode(node.prev, isBlock) || isAtEdgeOfBlock(node, true)) {
+                        text = text.replace(startWhiteSpaceRegExp, '');
+                    }
+                    if (text.length === 0) {
+                        node.remove();
+                    }
+                    else if (text === ' ' && node.prev && node.prev.type === COMMENT && node.next && node.next.type === COMMENT) {
+                        node.remove();
+                    }
+                    else {
+                        node.value = text;
+                    }
+                }
+            }
+        };
+        const postprocess = (node) => {
+            var _a;
+            if (node.type === 1) {
+                // Check for empty nodes here, because children will have been processed and (if necessary) emptied / removed already
+                const elementRule = schema.getElementRule(node.name);
+                if (validate && elementRule) {
+                    const isNodeEmpty = isEmpty(schema, nonEmptyElements, whitespaceElements, node);
+                    if (elementRule.paddInEmptyBlock && isNodeEmpty && isTextRootBlockEmpty(node)) {
+                        paddEmptyNode(settings, args, isBlock, node);
+                    }
+                    else if (elementRule.removeEmpty && isNodeEmpty) {
+                        if (isBlock(node)) {
+                            node.remove();
+                        }
+                        else {
+                            node.unwrap();
+                        }
+                    }
+                    else if (elementRule.paddEmpty && (isNodeEmpty || isPaddedWithNbsp(node))) {
+                        paddEmptyNode(settings, args, isBlock, node);
+                    }
+                }
+            }
+            else if (node.type === 3) {
+                // Removing trailing whitespace here, so that all whitespace in nodes to the right of us has already been fixed
+                if (!hasWhitespaceParent(node)) {
+                    let text = (_a = node.value) !== null && _a !== void 0 ? _a : '';
+                    if (node.next && isBlock(node.next) || isAtEdgeOfBlock(node, false)) {
+                        text = text.replace(endWhiteSpaceRegExp, '');
+                    }
+                    if (text.length === 0) {
+                        node.remove();
+                    }
+                    else {
+                        node.value = text;
+                    }
+                }
+            }
+        };
+        return [preprocess, postprocess];
+    };
+    const getRootBlockName = (settings, args) => {
+        var _a;
+        const name = (_a = args.forced_root_block) !== null && _a !== void 0 ? _a : settings.forced_root_block;
+        if (name === false) {
+            return '';
+        }
+        else if (name === true) {
+            return 'p';
+        }
+        else {
+            return name;
+        }
+    };
+    const DomParser = (settings = {}, schema = Schema()) => {
+        const nodeFilterRegistry = create$8();
+        const attributeFilterRegistry = create$8();
+        // Apply setting defaults
+        const defaultedSettings = {
+            validate: true,
+            root_name: 'body',
+            sanitize: true,
+            allow_html_in_comments: true,
+            ...settings
+        };
+        const parser = new DOMParser();
+        const sanitizer = getSanitizer(defaultedSettings, schema);
+        const parseAndSanitizeWithContext = (html, rootName, format = 'html') => {
+            const mimeType = format === 'xhtml' ? 'application/xhtml+xml' : 'text/html';
+            // Determine the root element to wrap the HTML in when parsing. If we're dealing with a
+            // special element then we need to wrap it so the internal content is handled appropriately.
+            const isSpecialRoot = has$2(schema.getSpecialElements(), rootName.toLowerCase());
+            const content = isSpecialRoot ? `<${rootName}>${html}</${rootName}>` : html;
+            const makeWrap = () => {
+                if (format === 'xhtml') {
+                    // If parsing XHTML then the content must contain the xmlns declaration, see https://www.w3.org/TR/xhtml1/normative.html#strict
+                    return `<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>${content}</body></html>`;
+                }
+                else if (/^[\s]*<head/i.test(html) || /^[\s]*<html/i.test(html) || /^[\s]*<!DOCTYPE/i.test(html)) {
+                    return `<html>${content}</html>`;
+                }
+                else {
+                    return `<body>${content}</body>`;
+                }
+            };
+            const body = parser.parseFromString(makeWrap(), mimeType).body;
+            sanitizer.sanitizeHtmlElement(body, mimeType);
+            return isSpecialRoot ? body.firstChild : body;
+        };
+        /**
+         * Adds a node filter function to the parser, the parser will collect the specified nodes by name
+         * and then execute the callback once it has finished parsing the document.
+         *
+         * @method addNodeFilter
+         * @param {String} name Comma separated list of nodes to collect.
+         * @param {Function} callback Callback function to execute once it has collected nodes.
+         * @example
+         * parser.addNodeFilter('p,h1', (nodes, name) => {
+         *   for (var i = 0; i < nodes.length; i++) {
+         *     console.log(nodes[i].name);
+         *   }
+         * });
+         */
+        const addNodeFilter = nodeFilterRegistry.addFilter;
+        const getNodeFilters = nodeFilterRegistry.getFilters;
+        /**
+         * Removes a node filter function or removes all filter functions from the parser for the node names provided.
+         *
+         * @method removeNodeFilter
+         * @param {String} name Comma separated list of node names to remove filters for.
+         * @param {Function} callback Optional callback function to only remove a specific callback.
+         * @example
+         * // Remove a single filter
+         * parser.removeNodeFilter('p,h1', someCallback);
+         *
+         * // Remove all filters
+         * parser.removeNodeFilter('p,h1');
+         */
+        const removeNodeFilter = nodeFilterRegistry.removeFilter;
+        /**
+         * Adds an attribute filter function to the parser, the parser will collect nodes that has the specified attributes
+         * and then execute the callback once it has finished parsing the document.
+         *
+         * @method addAttributeFilter
+         * @param {String} name Comma separated list of attributes to collect.
+         * @param {Function} callback Callback function to execute once it has collected nodes.
+         * @example
+         * parser.addAttributeFilter('src,href', (nodes, name) => {
+         *   for (let i = 0; i < nodes.length; i++) {
+         *     console.log(nodes[i].name);
+         *   }
+         * });
+         */
+        const addAttributeFilter = attributeFilterRegistry.addFilter;
+        const getAttributeFilters = attributeFilterRegistry.getFilters;
+        /**
+         * Removes an attribute filter function or removes all filter functions from the parser for the attribute names provided.
+         *
+         * @method removeAttributeFilter
+         * @param {String} name Comma separated list of attribute names to remove filters for.
+         * @param {Function} callback Optional callback function to only remove a specific callback.
+         * @example
+         * // Remove a single filter
+         * parser.removeAttributeFilter('src,href', someCallback);
+         *
+         * // Remove all filters
+         * parser.removeAttributeFilter('src,href');
+         */
+        const removeAttributeFilter = attributeFilterRegistry.removeFilter;
+        const findInvalidChildren = (node, invalidChildren) => {
+            if (isInvalid(schema, node)) {
+                invalidChildren.push(node);
+            }
+        };
+        const isWrappableNode = (blockElements, node) => {
+            const isInternalElement = isString(node.attr(internalElementAttr));
+            const isInlineElement = node.type === 1 && (!has$2(blockElements, node.name) && !isTransparentAstBlock(schema, node)) && !isNonHtmlElementRootName(node.name);
+            return node.type === 3 || (isInlineElement && !isInternalElement);
+        };
+        const addRootBlocks = (rootNode, rootBlockName) => {
+            const blockElements = extend$1(makeMap('script,style,head,html,body,title,meta,param'), schema.getBlockElements());
+            const startWhiteSpaceRegExp = /^[ \t\r\n]+/;
+            const endWhiteSpaceRegExp = /[ \t\r\n]+$/;
+            let node = rootNode.firstChild, rootBlockNode = null;
+            // Removes whitespace at beginning and end of block so:
+            // <p> x </p> -> <p>x</p>
+            const trim = (rootBlock) => {
+                var _a, _b;
+                if (rootBlock) {
+                    node = rootBlock.firstChild;
+                    if (node && node.type === 3) {
+                        node.value = (_a = node.value) === null || _a === void 0 ? void 0 : _a.replace(startWhiteSpaceRegExp, '');
+                    }
+                    node = rootBlock.lastChild;
+                    if (node && node.type === 3) {
+                        node.value = (_b = node.value) === null || _b === void 0 ? void 0 : _b.replace(endWhiteSpaceRegExp, '');
+                    }
+                }
+            };
+            // Check if rootBlock is valid within rootNode for example if P is valid in H1 if H1 is the contentEditable root
+            if (!schema.isValidChild(rootNode.name, rootBlockName.toLowerCase())) {
+                return;
+            }
+            while (node) {
+                const next = node.next;
+                if (isWrappableNode(blockElements, node)) {
+                    if (!rootBlockNode) {
+                        // Create a new root block element
+                        rootBlockNode = new AstNode(rootBlockName, 1);
+                        rootBlockNode.attr(defaultedSettings.forced_root_block_attrs);
+                        rootNode.insert(rootBlockNode, node);
+                        rootBlockNode.append(node);
+                    }
+                    else {
+                        rootBlockNode.append(node);
+                    }
+                }
+                else {
+                    trim(rootBlockNode);
+                    rootBlockNode = null;
+                }
+                node = next;
+            }
+            trim(rootBlockNode);
+        };
+        /**
+         * Parses the specified HTML string into a DOM like node tree and returns the result.
+         *
+         * @method parse
+         * @param {String} html Html string to sax parse.
+         * @param {Object} args Optional args object that gets passed to all filter functions.
+         * @return {tinymce.html.Node} Root node containing the tree.
+         * @example
+         * const rootNode = tinymce.html.DomParser({...}).parse('<b>text</b>');
+         */
+        const parse = (html, args = {}) => {
+            var _a;
+            const validate = defaultedSettings.validate;
+            const rootName = (_a = args.context) !== null && _a !== void 0 ? _a : defaultedSettings.root_name;
+            // Parse and sanitize the content
+            const element = parseAndSanitizeWithContext(html, rootName, args.format);
+            updateChildren(schema, element);
+            // Create the AST representation
+            const rootNode = new AstNode(rootName, 11);
+            transferChildren(rootNode, element, schema.getSpecialElements(), sanitizer.sanitizeNamespaceElement, defaultedSettings.sanitize && defaultedSettings.allow_html_in_comments);
+            // This next line is needed to fix a memory leak in chrome and firefox.
+            // For more information see TINY-9186
+            element.innerHTML = '';
+            // Set up whitespace fixes
+            const [whitespacePre, whitespacePost] = whitespaceCleaner(rootNode, schema, defaultedSettings, args);
+            // Find the invalid children in the tree
+            const invalidChildren = [];
+            const invalidFinder = validate ? (node) => findInvalidChildren(node, invalidChildren) : noop;
+            // Set up attribute and node matching
+            const matches = { nodes: {}, attributes: {} };
+            const matchFinder = (node) => matchNode$1(getNodeFilters(), getAttributeFilters(), node, matches);
+            // Walk the dom, apply all of the above things
+            walkTree(rootNode, [whitespacePre, matchFinder], [whitespacePost, invalidFinder]);
+            // Because we collected invalid children while walking backwards, we need to reverse the list before operating on them
+            invalidChildren.reverse();
+            // Fix invalid children or report invalid children in a contextual parsing
+            if (validate && invalidChildren.length > 0) {
+                if (args.context) {
+                    const { pass: topLevelChildren, fail: otherChildren } = partition$2(invalidChildren, (child) => child.parent === rootNode);
+                    cleanInvalidNodes(otherChildren, schema, rootNode, matchFinder);
+                    args.invalid = topLevelChildren.length > 0;
+                }
+                else {
+                    cleanInvalidNodes(invalidChildren, schema, rootNode, matchFinder);
+                }
+            }
+            // Wrap nodes in the root into block elements if the root is body
+            const rootBlockName = getRootBlockName(defaultedSettings, args);
+            if (rootBlockName && (rootNode.name === 'body' || args.isRootContent)) {
+                addRootBlocks(rootNode, rootBlockName);
+            }
+            // Run filters only when the contents is valid
+            if (!args.invalid) {
+                runFilters(matches, args);
+            }
+            return rootNode;
+        };
+        const exports = {
+            schema,
+            addAttributeFilter,
+            getAttributeFilters,
+            removeAttributeFilter,
+            addNodeFilter,
+            getNodeFilters,
+            removeNodeFilter,
+            parse
+        };
+        register$4(exports, defaultedSettings);
+        register$5(exports, defaultedSettings, schema);
+        return exports;
+    };
+
+    const serializeContent = (content) => isTreeNode(content) ? HtmlSerializer({ validate: false }).serialize(content) : content;
+    const withSerializedContent = (content, fireEvent, parserSettings) => {
+        const serializedContent = serializeContent(content);
+        const eventArgs = fireEvent(serializedContent);
+        if (eventArgs.isDefaultPrevented()) {
+            return eventArgs;
+        }
+        else if (isTreeNode(content)) {
+            // Restore the content type back to being an AstNode. If the content has changed we need to
+            // re-parse the new content, otherwise we can return the input.
+            if (eventArgs.content !== serializedContent) {
+                const rootNode = DomParser({ validate: false, forced_root_block: false, ...parserSettings }).parse(eventArgs.content, { context: content.name });
+                return { ...eventArgs, content: rootNode };
+            }
+            else {
+                return { ...eventArgs, content };
+            }
+        }
+        else {
+            return eventArgs;
+        }
+    };
+    const makeParserSettings = (editor) => ({
+        sanitize: shouldSanitizeXss(editor),
+        sandbox_iframes: shouldSandboxIframes(editor),
+        sandbox_iframes_exclusions: getSandboxIframesExclusions(editor)
+    });
+    const preProcessGetContent = (editor, args) => {
+        if (args.no_events) {
+            return Result.value(args);
+        }
+        else {
+            const eventArgs = fireBeforeGetContent(editor, args);
+            if (eventArgs.isDefaultPrevented()) {
+                return Result.error(fireGetContent(editor, { content: '', ...eventArgs }).content);
+            }
+            else {
+                return Result.value(eventArgs);
+            }
+        }
+    };
+    const postProcessGetContent = (editor, content, args) => {
+        if (args.no_events) {
+            return content;
+        }
+        else {
+            const processedEventArgs = withSerializedContent(content, (content) => fireGetContent(editor, { ...args, content }), makeParserSettings(editor));
+            return processedEventArgs.content;
+        }
+    };
+    const preProcessSetContent = (editor, args) => {
+        if (args.no_events) {
+            return Result.value(args);
+        }
+        else {
+            const processedEventArgs = withSerializedContent(args.content, (content) => fireBeforeSetContent(editor, { ...args, content }), makeParserSettings(editor));
+            if (processedEventArgs.isDefaultPrevented()) {
+                fireSetContent(editor, processedEventArgs);
+                return Result.error(undefined);
+            }
+            else {
+                return Result.value(processedEventArgs);
+            }
+        }
+    };
+    const postProcessSetContent = (editor, content, args) => {
+        if (!args.no_events) {
+            fireSetContent(editor, { ...args, content });
+        }
+    };
+
+    const tableModel = (element, width, rows) => ({
+        element,
+        width,
+        rows
+    });
+    const tableRow = (element, cells) => ({
+        element,
+        cells
+    });
+    const cellPosition = (x, y) => ({
+        x,
+        y
+    });
+    const getSpan = (td, key) => {
+        return getOpt(td, key).bind(toInt).getOr(1);
+    };
+    const fillout = (table, x, y, tr, td) => {
+        const rowspan = getSpan(td, 'rowspan');
+        const colspan = getSpan(td, 'colspan');
+        const rows = table.rows;
+        for (let y2 = y; y2 < y + rowspan; y2++) {
+            if (!rows[y2]) {
+                rows[y2] = tableRow(deep(tr), []);
+            }
+            for (let x2 = x; x2 < x + colspan; x2++) {
+                const cells = rows[y2].cells;
+                // not filler td:s are purposely not cloned so that we can
+                // find cells in the model by element object references
+                cells[x2] = y2 === y && x2 === x ? td : shallow(td);
+            }
+        }
+    };
+    const cellExists = (table, x, y) => {
+        const rows = table.rows;
+        const cells = rows[y] ? rows[y].cells : [];
+        return !!cells[x];
+    };
+    const skipCellsX = (table, x, y) => {
+        while (cellExists(table, x, y)) {
+            x++;
+        }
+        return x;
+    };
+    const getWidth = (rows) => {
+        return foldl(rows, (acc, row) => {
+            return row.cells.length > acc ? row.cells.length : acc;
+        }, 0);
+    };
+    const findElementPos = (table, element) => {
+        const rows = table.rows;
+        for (let y = 0; y < rows.length; y++) {
+            const cells = rows[y].cells;
+            for (let x = 0; x < cells.length; x++) {
+                if (eq(cells[x], element)) {
+                    return Optional?.some(cellPosition(x, y));
+                }
+            }
+        }
+        return Optional.none();
+    };
+    const extractRows = (table, sx, sy, ex, ey) => {
+        const newRows = [];
+        const rows = table.rows;
+        for (let y = sy; y <= ey; y++) {
+            const cells = rows[y].cells;
+            const slice = sx < ex ? cells.slice(sx, ex + 1) : cells.slice(ex, sx + 1);
+            newRows.push(tableRow(rows[y].element, slice));
+        }
+        return newRows;
+    };
+    const subTable = (table, startPos, endPos) => {
+        const sx = startPos.x, sy = startPos.y;
+        const ex = endPos.x, ey = endPos.y;
+        const newRows = sy < ey ? extractRows(table, sx, sy, ex, ey) : extractRows(table, sx, ey, ex, sy);
+        return tableModel(table.element, getWidth(newRows), newRows);
+    };
+    const createDomTable = (table, rows) => {
+        const tableElement = shallow(table.element);
+        const tableBody = SugarElement.fromTag('tbody');
+        append(tableBody, rows);
+        append$1(tableElement, tableBody);
+        return tableElement;
+    };
+    const modelRowsToDomRows = (table) => {
+        return map$3(table.rows, (row) => {
+            const cells = map$3(row.cells, (cell) => {
+                const td = deep(cell);
+                remove$9(td, 'colspan');
+                remove$9(td, 'rowspan');
+                return td;
+            });
+            const tr = shallow(row.element);
+            append(tr, cells);
+            return tr;
+        });
+    };
+    const fromDom = (tableElm) => {
+        const table = tableModel(shallow(tableElm), 0, []);
+        each$e(descendants(tableElm, 'tr'), (tr, y) => {
+            each$e(descendants(tr, 'td,th'), (td, x) => {
+                fillout(table, skipCellsX(table, x, y), y, tr, td);
+            });
+        });
+        return tableModel(table.element, getWidth(table.rows), table.rows);
+    };
+    const toDom = (table) => {
+        return createDomTable(table, modelRowsToDomRows(table));
+    };
+    const subsection = (table, startElement, endElement) => {
+        return findElementPos(table, startElement).bind((startPos) => {
+            return findElementPos(table, endElement)?.map((endPos) => {
+                return subTable(table, startPos, endPos);
+            });
+        });
+    };
+
+    const findParentListContainer = (parents) => find$2(parents, (elm) => name(elm) === 'ul' || name(elm) === 'ol');
+    const getFullySelectedListWrappers = (parents, rng) => find$2(parents, (elm) => name(elm) === 'li' && hasAllContentsSelected(elm, rng)).fold(constant([]), (_li) => findParentListContainer(parents)?.map((listCont) => {
+        const listElm = SugarElement.fromTag(name(listCont));
+        // Retain any list-style* styles when generating the new fragment
+        const listStyles = filter$4(getAllRaw(listCont), (_style, name) => startsWith(name, 'list-style'));
+        setAll(listElm, listStyles);
+        return [
+            SugarElement.fromTag('li'),
+            listElm
+        ];
+    }).getOr([]));
+    const wrap = (innerElm, elms) => {
+        const wrapped = foldl(elms, (acc, elm) => {
+            append$1(elm, acc);
+            return elm;
+        }, innerElm);
+        return elms.length > 0 ? fromElements([wrapped]) : wrapped;
+    };
+    const directListWrappers = (commonAnchorContainer) => {
+        if (isListItem$1(commonAnchorContainer)) {
+            return parent(commonAnchorContainer).filter(isList).fold(constant([]), (listElm) => [commonAnchorContainer, listElm]);
+        }
+        else {
+            return isList(commonAnchorContainer) ? [commonAnchorContainer] : [];
+        }
+    };
+    const getWrapElements = (rootNode, rng, schema) => {
+        const commonAnchorContainer = SugarElement.fromDom(rng.commonAncestorContainer);
+        const parents = parentsAndSelf(commonAnchorContainer, rootNode);
+        const wrapElements = filter$5(parents, (el) => schema.isWrapper(name(el)));
+        const listWrappers = getFullySelectedListWrappers(parents, rng);
+        const allWrappers = wrapElements.concat(listWrappers.length ? listWrappers : directListWrappers(commonAnchorContainer));
+        return map$3(allWrappers, shallow);
+    };
+    const emptyFragment = () => fromElements([]);
+    const getFragmentFromRange = (rootNode, rng, schema) => wrap(SugarElement.fromDom(rng.cloneContents()), getWrapElements(rootNode, rng, schema));
+    const getParentTable = (rootElm, cell) => ancestor$3(cell, 'table', curry(eq, rootElm));
+    const getTableFragment = (rootNode, selectedTableCells) => getParentTable(rootNode, selectedTableCells[0]).bind((tableElm) => {
+        const firstCell = selectedTableCells[0];
+        const lastCell = selectedTableCells[selectedTableCells.length - 1];
+        const fullTableModel = fromDom(tableElm);
+        return subsection(fullTableModel, firstCell, lastCell)?.map((sectionedTableModel) => fromElements([toDom(sectionedTableModel)]));
+    }).getOrThunk(emptyFragment);
+    const getSelectionFragment = (rootNode, ranges, schema) => ranges.length > 0 && ranges[0].collapsed ? emptyFragment() : getFragmentFromRange(rootNode, ranges[0], schema);
+    const read$3 = (rootNode, ranges, schema) => {
+        const selectedCells = getCellsFromElementOrRanges(ranges, rootNode);
+        return selectedCells.length > 0 ? getTableFragment(rootNode, selectedCells) : getSelectionFragment(rootNode, ranges, schema);
+    };
+
+    const isCollapsibleWhitespace = (text, index) => index >= 0 && index < text.length && isWhiteSpace(text.charAt(index));
+    const getInnerText = (bin) => {
+        return trim$2(bin.innerText);
+    };
+    const getContextNodeName = (parentBlockOpt) => parentBlockOpt?.map((block) => block.nodeName).getOr('div').toLowerCase();
+    const getTextContent = (editor) => Optional.from(editor.selection.getRng())?.map((rng) => {
+        var _a;
+        const parentBlockOpt = Optional.from(editor.dom.getParent(rng.commonAncestorContainer, editor.dom.isBlock));
+        const body = editor.getBody();
+        const contextNodeName = getContextNodeName(parentBlockOpt);
+        const rangeContentClone = SugarElement.fromDom(rng.cloneContents());
+        cleanupBogusElements(rangeContentClone);
+        cleanupInputNames(rangeContentClone);
+        const bin = editor.dom.add(body, contextNodeName, {
+            'data-mce-bogus': 'all',
+            'style': 'overflow: hidden; opacity: 0;'
+        }, rangeContentClone.dom);
+        const text = getInnerText(bin);
+        // textContent will not strip leading/trailing spaces since it doesn't consider how it'll render
+        const nonRenderedText = trim$2((_a = bin.textContent) !== null && _a !== void 0 ? _a : '');
+        editor.dom.remove(bin);
+        if (isCollapsibleWhitespace(nonRenderedText, 0) || isCollapsibleWhitespace(nonRenderedText, nonRenderedText.length - 1)) {
+            // If the bin contains a trailing/leading space, then we need to inspect the parent block to see if we should include the spaces
+            const parentBlock = parentBlockOpt.getOr(body);
+            const parentBlockText = getInnerText(parentBlock);
+            const textIndex = parentBlockText.indexOf(text);
+            if (textIndex === -1) {
+                return text;
+            }
+            else {
+                const hasProceedingSpace = isCollapsibleWhitespace(parentBlockText, textIndex - 1);
+                const hasTrailingSpace = isCollapsibleWhitespace(parentBlockText, textIndex + text.length);
+                return (hasProceedingSpace ? ' ' : '') + text + (hasTrailingSpace ? ' ' : '');
+            }
+        }
+        else {
+            return text;
+        }
+    }).getOr('');
+    const getSerializedContent = (editor, args) => {
+        const rng = editor.selection.getRng(), tmpElm = editor.dom.create('body');
+        const sel = editor.selection.getSel();
+        const ranges = processRanges(editor, getRanges(sel));
+        const fragment = args.contextual ? read$3(SugarElement.fromDom(editor.getBody()), ranges, editor.schema).dom : rng.cloneContents();
+        if (fragment) {
+            tmpElm.appendChild(fragment);
+        }
+        return editor.selection.serializer.serialize(tmpElm, args);
+    };
+    const extractSelectedContent = (editor, args) => {
+        if (args.format === 'text') {
+            return getTextContent(editor);
+        }
+        else {
+            const content = getSerializedContent(editor, args);
+            if (args.format === 'tree') {
+                return content;
+            }
+            else {
+                return editor.selection.isCollapsed() ? '' : content;
+            }
+        }
+    };
+    const setupArgs$3 = (args, format) => ({
+        ...args,
+        format,
+        get: true,
+        selection: true,
+        getInner: true
+    });
+    const getSelectedContentInternal = (editor, format, args = {}) => {
+        const defaultedArgs = setupArgs$3(args, format);
+        return preProcessGetContent(editor, defaultedArgs).fold(identity, (updatedArgs) => {
+            const content = extractSelectedContent(editor, updatedArgs);
+            return postProcessGetContent(editor, content, updatedArgs);
+        });
+    };
+
+    /**
+     * JS Implementation of the O(ND) Difference Algorithm by Eugene W. Myers.
+     *
+     * @class tinymce.undo.Diff
+     * @private
+     */
+    const KEEP = 0, INSERT = 1, DELETE = 2;
+    const diff = (left, right) => {
+        const size = left.length + right.length + 2;
+        const vDown = new Array(size);
+        const vUp = new Array(size);
+        const snake = (start, end, diag) => {
+            return {
+                start,
+                end,
+                diag
+            };
+        };
+        const buildScript = (start1, end1, start2, end2, script) => {
+            const middle = getMiddleSnake(start1, end1, start2, end2);
+            if (middle === null || middle.start === end1 && middle.diag === end1 - end2 ||
+                middle.end === start1 && middle.diag === start1 - start2) {
+                let i = start1;
+                let j = start2;
+                while (i < end1 || j < end2) {
+                    if (i < end1 && j < end2 && left[i] === right[j]) {
+                        script.push([KEEP, left[i]]);
+                        ++i;
+                        ++j;
+                    }
+                    else {
+                        if (end1 - start1 > end2 - start2) {
+                            script.push([DELETE, left[i]]);
+                            ++i;
+                        }
+                        else {
+                            script.push([INSERT, right[j]]);
+                            ++j;
+                        }
+                    }
+                }
+            }
+            else {
+                buildScript(start1, middle.start, start2, middle.start - middle.diag, script);
+                for (let i2 = middle.start; i2 < middle.end; ++i2) {
+                    script.push([KEEP, left[i2]]);
+                }
+                buildScript(middle.end, end1, middle.end - middle.diag, end2, script);
+            }
+        };
+        const buildSnake = (start, diag, end1, end2) => {
+            let end = start;
+            while (end - diag < end2 && end < end1 && left[end] === right[end - diag]) {
+                ++end;
+            }
+            return snake(start, end, diag);
+        };
+        const getMiddleSnake = (start1, end1, start2, end2) => {
+            // Myers Algorithm
+            // Initialisations
+            const m = end1 - start1;
+            const n = end2 - start2;
+            if (m === 0 || n === 0) {
+                return null;
+            }
+            const delta = m - n;
+            const sum = n + m;
+            const offset = (sum % 2 === 0 ? sum : sum + 1) / 2;
+            vDown[1 + offset] = start1;
+            vUp[1 + offset] = end1 + 1;
+            let d, k, i, x, y;
+            for (d = 0; d <= offset; ++d) {
+                // Down
+                for (k = -d; k <= d; k += 2) {
+                    // First step
+                    i = k + offset;
+                    if (k === -d || k !== d && vDown[i - 1] < vDown[i + 1]) {
+                        vDown[i] = vDown[i + 1];
+                    }
+                    else {
+                        vDown[i] = vDown[i - 1] + 1;
+                    }
+                    x = vDown[i];
+                    y = x - start1 + start2 - k;
+                    while (x < end1 && y < end2 && left[x] === right[y]) {
+                        vDown[i] = ++x;
+                        ++y;
+                    }
+                    // Second step
+                    if (delta % 2 !== 0 && delta - d <= k && k <= delta + d) {
+                        if (vUp[i - delta] <= vDown[i]) {
+                            return buildSnake(vUp[i - delta], k + start1 - start2, end1, end2);
+                        }
+                    }
+                }
+                // Up
+                for (k = delta - d; k <= delta + d; k += 2) {
+                    // First step
+                    i = k + offset - delta;
+                    if (k === delta - d || k !== delta + d && vUp[i + 1] <= vUp[i - 1]) {
+                        vUp[i] = vUp[i + 1] - 1;
+                    }
+                    else {
+                        vUp[i] = vUp[i - 1];
+                    }
+                    x = vUp[i] - 1;
+                    y = x - start1 + start2 - k;
+                    while (x >= start1 && y >= start2 && left[x] === right[y]) {
+                        vUp[i] = x--;
+                        y--;
+                    }
+                    // Second step
+                    if (delta % 2 === 0 && -d <= k && k <= d) {
+                        if (vUp[i] <= vDown[i + delta]) {
+                            return buildSnake(vUp[i], k + start1 - start2, end1, end2);
+                        }
+                    }
+                }
+            }
+            return null;
+        };
+        const script = [];
+        buildScript(0, left.length, 0, right.length, script);
+        return script;
+    };
+
+    /**
+     * This module reads and applies html fragments from/to dom nodes.
+     *
+     * @class tinymce.undo.Fragments
+     * @private
+     */
+    const getOuterHtml = (elm) => {
+        if (isElement$6(elm)) {
+            return elm.outerHTML;
+        }
+        else if (isText$b(elm)) {
+            return Entities.encodeRaw(elm.data, false);
+        }
+        else if (isComment(elm)) {
+            return '<!--' + elm.data + '-->';
+        }
+        return '';
+    };
+    const createFragment = (html) => {
+        let node;
+        const container = document.createElement('div');
+        const frag = document.createDocumentFragment();
+        if (html) {
+            container.innerHTML = html;
+        }
+        while ((node = container.firstChild)) {
+            frag.appendChild(node);
+        }
+        return frag;
+    };
+    const insertAt = (elm, html, index) => {
+        const fragment = createFragment(html);
+        if (elm.hasChildNodes() && index < elm.childNodes.length) {
+            const target = elm.childNodes[index];
+            elm.insertBefore(fragment, target);
+        }
+        else {
+            elm.appendChild(fragment);
+        }
+    };
+    const removeAt = (elm, index) => {
+        if (elm.hasChildNodes() && index < elm.childNodes.length) {
+            const target = elm.childNodes[index];
+            elm.removeChild(target);
+        }
+    };
+    const applyDiff = (diff, elm) => {
+        let index = 0;
+        each$e(diff, (action) => {
+            if (action[0] === KEEP) {
+                index++;
+            }
+            else if (action[0] === INSERT) {
+                insertAt(elm, action[1], index);
+                index++;
+            }
+            else if (action[0] === DELETE) {
+                removeAt(elm, index);
+            }
+        });
+    };
+    const read$2 = (elm, trimZwsp) => filter$5(map$3(from(elm.childNodes), trimZwsp ? compose(trim$2, getOuterHtml) : getOuterHtml), (item) => {
+        return item.length > 0;
+    });
+    const write = (fragments, elm) => {
+        const currentFragments = map$3(from(elm.childNodes), getOuterHtml);
+        applyDiff(diff(currentFragments, fragments), elm);
+        return elm;
+    };
+
+    // We need to create a temporary document instead of using the global document since
+    // innerHTML on a detached element will still make http requests to the images
+    const lazyTempDocument = cached(() => document.implementation.createHTMLDocument('undo'));
+    const hasIframes = (body) => body.querySelector('iframe') !== null;
+    const createFragmentedLevel = (fragments) => {
+        return {
+            type: 'fragmented',
+            fragments,
+            content: '',
+            bookmark: null,
+            beforeBookmark: null
+        };
+    };
+    const createCompleteLevel = (content) => {
+        return {
+            type: 'complete',
+            fragments: null,
+            content,
+            bookmark: null,
+            beforeBookmark: null
+        };
+    };
+    const createFromEditor = (editor) => {
+        const tempAttrs = editor.serializer.getTempAttrs();
+        const body = trim$1(editor.getBody(), tempAttrs);
+        return hasIframes(body) ? createFragmentedLevel(read$2(body, true)) : createCompleteLevel(trim$2(body.innerHTML));
+    };
+    const applyToEditor = (editor, level, before) => {
+        const bookmark = before ? level.beforeBookmark : level.bookmark;
+        if (level.type === 'fragmented') {
+            write(level.fragments, editor.getBody());
+        }
+        else {
+            editor.setContent(level.content, {
+                format: 'raw',
+                // If we have a path bookmark, we need to check if the bookmark location was a fake caret.
+                // If the bookmark was not a fake caret, then we need to ensure that setContent does not move the selection
+                // as this can create a new fake caret - particularly if the first element in the body is contenteditable=false.
+                // The creation of this new fake caret will cause our path offset to be off by one when restoring the original selection.
+                no_selection: isNonNullable(bookmark) && isPathBookmark(bookmark) ? !bookmark.isFakeCaret : true
+            });
+        }
+        if (bookmark) {
+            editor.selection.moveToBookmark(bookmark);
+            editor.selection.scrollIntoView();
+        }
+    };
+    const getLevelContent = (level) => {
+        return level.type === 'fragmented' ? level.fragments.join('') : level.content;
+    };
+    const getCleanLevelContent = (level) => {
+        const elm = SugarElement.fromTag('body', lazyTempDocument());
+        set$3(elm, getLevelContent(level));
+        each$e(descendants(elm, '*[data-mce-bogus]'), unwrap);
+        return get$8(elm);
+    };
+    const hasEqualContent = (level1, level2) => getLevelContent(level1) === getLevelContent(level2);
+    const hasEqualCleanedContent = (level1, level2) => getCleanLevelContent(level1) === getCleanLevelContent(level2);
+    // Most of the time the contents is equal so it's faster to first check that using strings then fallback to a cleaned dom comparison
+    const isEq$1 = (level1, level2) => {
+        if (!level1 || !level2) {
+            return false;
+        }
+        else if (hasEqualContent(level1, level2)) {
+            return true;
+        }
+        else {
+            return hasEqualCleanedContent(level1, level2);
+        }
+    };
+
+    const isUnlocked = (locks) => locks.get() === 0;
+
+    const setTyping = (undoManager, typing, locks) => {
+        if (isUnlocked(locks)) {
+            undoManager.typing = typing;
+        }
+    };
+    const endTyping = (undoManager, locks) => {
+        if (undoManager.typing) {
+            setTyping(undoManager, false, locks);
+            undoManager.add();
+        }
+    };
+    const endTypingLevelIgnoreLocks = (undoManager) => {
+        if (undoManager.typing) {
+            undoManager.typing = false;
+            undoManager.add();
+        }
+    };
+
+    const beforeChange$1 = (editor, locks, beforeBookmark) => {
+        if (isUnlocked(locks)) {
+            beforeBookmark.set(getUndoBookmark(editor.selection));
+        }
+    };
+    const addUndoLevel$1 = (editor, undoManager, index, locks, beforeBookmark, level, event) => {
+        const currentLevel = createFromEditor(editor);
+        const newLevel = Tools.extend(level || {}, currentLevel);
+        if (!isUnlocked(locks) || editor.removed) {
+            return null;
+        }
+        const lastLevel = undoManager.data[index.get()];
+        if (editor.dispatch('BeforeAddUndo', { level: newLevel, lastLevel, originalEvent: event }).isDefaultPrevented()) {
+            return null;
+        }
+        // Add undo level if needed
+        if (lastLevel && isEq$1(lastLevel, newLevel)) {
+            return null;
+        }
+        // Set before bookmark on previous level
+        if (undoManager.data[index.get()]) {
+            beforeBookmark.get().each((bm) => {
+                undoManager.data[index.get()].beforeBookmark = bm;
+            });
+        }
+        // Time to compress
+        const customUndoRedoLevels = getCustomUndoRedoLevels(editor);
+        if (customUndoRedoLevels) {
+            if (undoManager.data.length > customUndoRedoLevels) {
+                for (let i = 0; i < undoManager.data.length - 1; i++) {
+                    undoManager.data[i] = undoManager.data[i + 1];
+                }
+                undoManager.data.length--;
+                index.set(undoManager.data.length);
+            }
+        }
+        // Get a non intrusive normalized bookmark
+        newLevel.bookmark = getUndoBookmark(editor.selection);
+        // Crop array if needed
+        if (index.get() < undoManager.data.length - 1) {
+            undoManager.data.length = index.get() + 1;
+        }
+        undoManager.data.push(newLevel);
+        index.set(undoManager.data.length - 1);
+        const args = { level: newLevel, lastLevel, originalEvent: event };
+        if (index.get() > 0) {
+            editor.setDirty(true);
+            editor.dispatch('AddUndo', args);
+            editor.dispatch('change', args);
+        }
+        else {
+            editor.dispatch('AddUndo', args);
+        }
+        return newLevel;
+    };
+    const clear$1 = (editor, undoManager, index) => {
+        undoManager.data = [];
+        index.set(0);
+        undoManager.typing = false;
+        editor.dispatch('ClearUndos');
+    };
+    const extra$1 = (editor, undoManager, index, callback1, callback2) => {
+        if (undoManager.transact(callback1)) {
+            const bookmark = undoManager.data[index.get()].bookmark;
+            const lastLevel = undoManager.data[index.get() - 1];
+            applyToEditor(editor, lastLevel, true);
+            if (undoManager.transact(callback2)) {
+                undoManager.data[index.get() - 1].beforeBookmark = bookmark;
+            }
+        }
+    };
+    const redo$1 = (editor, index, data) => {
+        let level;
+        if (index.get() < data.length - 1) {
+            index.set(index.get() + 1);
+            level = data[index.get()];
+            applyToEditor(editor, level, false);
+            editor.setDirty(true);
+            editor.dispatch('Redo', { level });
+        }
+        return level;
+    };
+    const undo$1 = (editor, undoManager, locks, index) => {
+        let level;
+        if (undoManager.typing) {
+            undoManager.add();
+            undoManager.typing = false;
+            setTyping(undoManager, false, locks);
+        }
+        if (index.get() > 0) {
+            index.set(index.get() - 1);
+            level = undoManager.data[index.get()];
+            applyToEditor(editor, level, true);
+            editor.setDirty(true);
+            editor.dispatch('Undo', { level });
+        }
+        return level;
+    };
+    const reset$1 = (undoManager) => {
+        undoManager.clear();
+        undoManager.add();
+    };
+    const hasUndo$1 = (editor, undoManager, index) => 
+    // Has undo levels or typing and content isn't the same as the initial level
+    index.get() > 0 || (undoManager.typing && undoManager.data[0] && !isEq$1(createFromEditor(editor), undoManager.data[0]));
+    const hasRedo$1 = (undoManager, index) => index.get() < undoManager.data.length - 1 && !undoManager.typing;
+    const transact$1 = (undoManager, locks, callback) => {
+        endTyping(undoManager, locks);
+        undoManager.beforeChange();
+        undoManager.ignore(callback);
+        return undoManager.add();
+    };
+    const ignore$1 = (locks, callback) => {
+        try {
+            locks.set(locks.get() + 1);
+            callback();
+        }
+        finally {
+            locks.set(locks.get() - 1);
+        }
+    };
+
+    const addVisualInternal = (editor, elm) => {
+        const dom = editor.dom;
+        const scope = isNonNullable(elm) ? elm : editor.getBody();
+        each$e(dom.select('table,a', scope), (matchedElm) => {
+            switch (matchedElm.nodeName) {
+                case 'TABLE':
+                    const cls = getVisualAidsTableClass(editor);
+                    const value = dom.getAttrib(matchedElm, 'border');
+                    if ((!value || value === '0') && editor.hasVisual) {
+                        dom.addClass(matchedElm, cls);
+                    }
+                    else {
+                        dom.removeClass(matchedElm, cls);
+                    }
+                    break;
+                case 'A':
+                    if (!dom.getAttrib(matchedElm, 'href')) {
+                        const value = dom.getAttrib(matchedElm, 'name') || matchedElm.id;
+                        const cls = getVisualAidsAnchorClass(editor);
+                        if (value && editor.hasVisual) {
+                            dom.addClass(matchedElm, cls);
+                        }
+                        else {
+                            dom.removeClass(matchedElm, cls);
+                        }
+                    }
+                    break;
+            }
+        });
+        editor.dispatch('VisualAid', { element: elm, hasVisual: editor.hasVisual });
+    };
+
+    const makePlainAdaptor = (editor) => ({
+        init: {
+            bindEvents: noop
+        },
+        undoManager: {
+            beforeChange: (locks, beforeBookmark) => beforeChange$1(editor, locks, beforeBookmark),
+            add: (undoManager, index, locks, beforeBookmark, level, event) => addUndoLevel$1(editor, undoManager, index, locks, beforeBookmark, level, event),
+            undo: (undoManager, locks, index) => undo$1(editor, undoManager, locks, index),
+            redo: (index, data) => redo$1(editor, index, data),
+            clear: (undoManager, index) => clear$1(editor, undoManager, index),
+            reset: (undoManager) => reset$1(undoManager),
+            hasUndo: (undoManager, index) => hasUndo$1(editor, undoManager, index),
+            hasRedo: (undoManager, index) => hasRedo$1(undoManager, index),
+            transact: (undoManager, locks, callback) => transact$1(undoManager, locks, callback),
+            ignore: (locks, callback) => ignore$1(locks, callback),
+            extra: (undoManager, index, callback1, callback2) => extra$1(editor, undoManager, index, callback1, callback2)
+        },
+        formatter: {
+            match: (name, vars, node, similar) => match$2(editor, name, vars, node, similar),
+            matchAll: (names, vars) => matchAll(editor, names, vars),
+            matchNode: (node, name, vars, similar) => matchNode(editor, node, name, vars, similar),
+            canApply: (name) => canApply(editor, name),
+            closest: (names) => closest(editor, names),
+            apply: (name, vars, node) => applyFormat$1(editor, name, vars, node),
+            remove: (name, vars, node, similar) => removeFormat$1(editor, name, vars, node, similar),
+            toggle: (name, vars, node) => toggle(editor, name, vars, node),
+            formatChanged: (registeredFormatListeners, formats, callback, similar, vars) => formatChangedInternal(editor, registeredFormatListeners, formats, callback, similar, vars)
+        },
+        editor: {
+            getContent: (args) => getContentInternal(editor, args),
+            setContent: (content, args) => setContentInternal(editor, content, args),
+            insertContent: (value, details) => insertHtmlAtCaret(editor, value, details),
+            addVisual: (elm) => addVisualInternal(editor, elm)
+        },
+        selection: {
+            getContent: (format, args) => getSelectedContentInternal(editor, format, args)
+        },
+        autocompleter: {
+            addDecoration: noop, // This was never fully implemented in RTC
+            removeDecoration: noop, // This was never fully implemented in RTC
+        },
+        raw: {
+            getModel: () => Optional.none()
+        }
+    });
+    const makeRtcAdaptor = (rtcEditor) => {
+        const defaultVars = (vars) => isObject(vars) ? vars : {};
+        const { init, undoManager, formatter, editor, selection, autocompleter, raw } = rtcEditor;
+        return {
+            init: {
+                bindEvents: init.bindEvents
+            },
+            undoManager: {
+                beforeChange: undoManager.beforeChange,
+                add: undoManager.add,
+                undo: undoManager.undo,
+                redo: undoManager.redo,
+                clear: undoManager.clear,
+                reset: undoManager.reset,
+                hasUndo: undoManager.hasUndo,
+                hasRedo: undoManager.hasRedo,
+                transact: (_undoManager, _locks, fn) => undoManager.transact(fn),
+                ignore: (_locks, callback) => undoManager.ignore(callback),
+                extra: (_undoManager, _index, callback1, callback2) => undoManager.extra(callback1, callback2)
+            },
+            formatter: {
+                match: (name, vars, _node, similar) => formatter.match(name, defaultVars(vars), similar),
+                matchAll: formatter.matchAll,
+                matchNode: formatter.matchNode,
+                canApply: (name) => formatter.canApply(name),
+                closest: (names) => formatter.closest(names),
+                apply: (name, vars, _node) => formatter.apply(name, defaultVars(vars)),
+                remove: (name, vars, _node, _similar) => formatter.remove(name, defaultVars(vars)),
+                toggle: (name, vars, _node) => formatter.toggle(name, defaultVars(vars)),
+                formatChanged: (_rfl, formats, callback, similar, vars) => formatter.formatChanged(formats, callback, similar, vars)
+            },
+            editor: {
+                getContent: (args) => editor.getContent(args),
+                setContent: (content, args) => {
+                    return { content: editor.setContent(content, args), html: '' };
+                },
+                insertContent: (content, _details) => {
+                    editor.insertContent(content);
+                    return '';
+                },
+                addVisual: editor.addVisual
+            },
+            selection: {
+                getContent: (_format, args) => selection.getContent(args)
+            },
+            autocompleter: {
+                addDecoration: autocompleter.addDecoration,
+                removeDecoration: autocompleter.removeDecoration
+            },
+            raw: {
+                getModel: () => Optional?.some(raw.getRawModel())
+            }
+        };
+    };
+    const makeNoopAdaptor = () => {
+        // Cast as any since this will never match the implementations
+        const nul = constant(null);
+        const empty = constant('');
+        return {
+            init: {
+                bindEvents: noop
+            },
+            undoManager: {
+                beforeChange: noop,
+                add: nul,
+                undo: nul,
+                redo: nul,
+                clear: noop,
+                reset: noop,
+                hasUndo: never,
+                hasRedo: never,
+                transact: nul,
+                ignore: noop,
+                extra: noop
+            },
+            formatter: {
+                match: never,
+                matchAll: constant([]),
+                matchNode: constant(undefined),
+                canApply: never,
+                closest: empty,
+                apply: noop,
+                remove: noop,
+                toggle: noop,
+                formatChanged: constant({ unbind: noop })
+            },
+            editor: {
+                getContent: empty,
+                setContent: constant({ content: '', html: '' }),
+                insertContent: constant(''),
+                addVisual: noop
+            },
+            selection: {
+                getContent: empty
+            },
+            autocompleter: {
+                addDecoration: noop,
+                removeDecoration: noop
+            },
+            raw: {
+                getModel: constant(Optional.none())
+            }
+        };
+    };
+    const isRtc = (editor) => has$2(editor.plugins, 'rtc');
+    const getRtcSetup = (editor) => get$a(editor.plugins, 'rtc').bind((rtcPlugin) => 
+    // This might not exist if the stub plugin is loaded on cloud
+    Optional.from(rtcPlugin.setup));
+    const setup$t = (editor) => {
+        const editorCast = editor;
+        return getRtcSetup(editor).fold(() => {
+            editorCast.rtcInstance = makePlainAdaptor(editor);
+            return Optional.none();
+        }, (setup) => {
+            // We need to provide a noop adaptor while initializing since any call by the theme or plugins to say undoManager.hasUndo would throw errors
+            editorCast.rtcInstance = makeNoopAdaptor();
+            return Optional?.some(() => setup().then((rtcEditor) => {
+                editorCast.rtcInstance = makeRtcAdaptor(rtcEditor);
+                return rtcEditor.rtc.isRemote;
+            }));
+        });
+    };
+    const getRtcInstanceWithFallback = (editor) => 
+    // Calls to editor.getContent/editor.setContent should still work even if the rtcInstance is not yet available
+    editor.rtcInstance ? editor.rtcInstance : makePlainAdaptor(editor);
+    const getRtcInstanceWithError = (editor) => {
+        const rtcInstance = editor.rtcInstance;
+        if (!rtcInstance) {
+            throw new Error('Failed to get RTC instance not yet initialized.');
+        }
+        else {
+            return rtcInstance;
+        }
+    };
+    /** In theory these could all be inlined but having them here makes it clear what is overridden */
+    const beforeChange = (editor, locks, beforeBookmark) => {
+        getRtcInstanceWithError(editor).undoManager.beforeChange(locks, beforeBookmark);
+    };
+    const addUndoLevel = (editor, undoManager, index, locks, beforeBookmark, level, event) => getRtcInstanceWithError(editor).undoManager.add(undoManager, index, locks, beforeBookmark, level, event);
+    const undo = (editor, undoManager, locks, index) => getRtcInstanceWithError(editor).undoManager.undo(undoManager, locks, index);
+    const redo = (editor, index, data) => getRtcInstanceWithError(editor).undoManager.redo(index, data);
+    const clear = (editor, undoManager, index) => {
+        getRtcInstanceWithError(editor).undoManager.clear(undoManager, index);
+    };
+    const reset = (editor, undoManager) => {
+        getRtcInstanceWithError(editor).undoManager.reset(undoManager);
+    };
+    const hasUndo = (editor, undoManager, index) => getRtcInstanceWithError(editor).undoManager.hasUndo(undoManager, index);
+    const hasRedo = (editor, undoManager, index) => getRtcInstanceWithError(editor).undoManager.hasRedo(undoManager, index);
+    const transact = (editor, undoManager, locks, callback) => getRtcInstanceWithError(editor).undoManager.transact(undoManager, locks, callback);
+    const ignore = (editor, locks, callback) => {
+        getRtcInstanceWithError(editor).undoManager.ignore(locks, callback);
+    };
+    const extra = (editor, undoManager, index, callback1, callback2) => {
+        getRtcInstanceWithError(editor).undoManager.extra(undoManager, index, callback1, callback2);
+    };
+    const matchFormat = (editor, name, vars, node, similar) => getRtcInstanceWithError(editor).formatter.match(name, vars, node, similar);
+    const matchAllFormats = (editor, names, vars) => getRtcInstanceWithError(editor).formatter.matchAll(names, vars);
+    const matchNodeFormat = (editor, node, name, vars, similar) => getRtcInstanceWithError(editor).formatter.matchNode(node, name, vars, similar);
+    const canApplyFormat = (editor, name) => getRtcInstanceWithError(editor).formatter.canApply(name);
+    const closestFormat = (editor, names) => getRtcInstanceWithError(editor).formatter.closest(names);
+    const applyFormat = (editor, name, vars, node) => {
+        getRtcInstanceWithError(editor).formatter.apply(name, vars, node);
+    };
+    const removeFormat = (editor, name, vars, node, similar) => {
+        getRtcInstanceWithError(editor).formatter.remove(name, vars, node, similar);
+    };
+    const toggleFormat = (editor, name, vars, node) => {
+        getRtcInstanceWithError(editor).formatter.toggle(name, vars, node);
+    };
+    const formatChanged = (editor, registeredFormatListeners, formats, callback, similar, vars) => getRtcInstanceWithError(editor).formatter.formatChanged(registeredFormatListeners, formats, callback, similar, vars);
+    const getContent$2 = (editor, args) => getRtcInstanceWithFallback(editor).editor.getContent(args);
+    const setContent$2 = (editor, content, args) => getRtcInstanceWithFallback(editor).editor.setContent(content, args);
+    const insertContent$1 = (editor, value, details) => getRtcInstanceWithFallback(editor).editor.insertContent(value, details);
+    const getSelectedContent = (editor, format, args) => getRtcInstanceWithError(editor).selection.getContent(format, args);
+    const addVisual$1 = (editor, elm) => getRtcInstanceWithError(editor).editor.addVisual(elm);
+    const bindEvents = (editor) => getRtcInstanceWithError(editor).init.bindEvents();
+
+    const getContent$1 = (editor, args = {}) => {
+        const format = args.format ? args.format : 'html';
+        return getSelectedContent(editor, format, args);
+    };
+
+    const removeEmpty = (text) => {
+        if (text.dom.length === 0) {
+            remove$8(text);
+            return Optional.none();
+        }
+        else {
+            return Optional?.some(text);
+        }
+    };
+    const walkPastBookmark = (node, start) => node.filter((elm) => BookmarkManager.isBookmarkNode(elm.dom))
+        .bind(start ? nextSibling : prevSibling);
+    const merge = (outer, inner, rng, start, schema) => {
+        const outerElm = outer.dom;
+        const innerElm = inner.dom;
+        const oldLength = start ? outerElm.length : innerElm.length;
+        if (start) {
+            mergeTextNodes(outerElm, innerElm, schema, false, !start);
+            rng.setStart(innerElm, oldLength);
+        }
+        else {
+            mergeTextNodes(innerElm, outerElm, schema, false, !start);
+            rng.setEnd(innerElm, oldLength);
+        }
+    };
+    const normalizeTextIfRequired = (inner, start, schema) => {
+        parent(inner).each((root) => {
+            const text = inner.dom;
+            if (start && needsToBeNbspLeft(root, CaretPosition(text, 0), schema)) {
+                normalizeWhitespaceAfter(text, 0, schema);
+            }
+            else if (!start && needsToBeNbspRight(root, CaretPosition(text, text.length), schema)) {
+                normalizeWhitespaceBefore(text, text.length, schema);
+            }
+        });
+    };
+    const mergeAndNormalizeText = (outerNode, innerNode, rng, start, schema) => {
+        outerNode.bind((outer) => {
+            // Normalize the text outside the inserted content
+            const normalizer = start ? normalizeWhitespaceBefore : normalizeWhitespaceAfter;
+            normalizer(outer.dom, start ? outer.dom.length : 0, schema);
+            // Merge the inserted content with other text nodes
+            return innerNode.filter(isText$c)?.map((inner) => merge(outer, inner, rng, start, schema));
+        }).orThunk(() => {
+            // Note: Attempt to leave the inserted/inner content as is and only adjust if absolutely required
+            const innerTextNode = walkPastBookmark(innerNode, start).or(innerNode).filter(isText$c);
+            return innerTextNode?.map((inner) => normalizeTextIfRequired(inner, start, schema));
+        });
+    };
+    const rngSetContent = (rng, fragment, schema) => {
+        const firstChild = Optional.from(fragment.firstChild)?.map(SugarElement.fromDom);
+        const lastChild = Optional.from(fragment.lastChild)?.map(SugarElement.fromDom);
+        rng.deleteContents();
+        rng.insertNode(fragment);
+        const prevText = firstChild.bind(prevSibling).filter(isText$c).bind(removeEmpty);
+        const nextText = lastChild.bind(nextSibling).filter(isText$c).bind(removeEmpty);
+        // Join and normalize text
+        mergeAndNormalizeText(prevText, firstChild, rng, true, schema);
+        mergeAndNormalizeText(nextText, lastChild, rng, false, schema);
+        rng.collapse(false);
+    };
+    const setupArgs$2 = (args, content) => ({
+        format: 'html',
+        ...args,
+        set: true,
+        selection: true,
+        content
+    });
+    const cleanContent = (editor, args) => {
+        if (args.format !== 'raw') {
+            // Find which context to parse the content in
+            const rng = editor.selection.getRng();
+            const contextBlock = editor.dom.getParent(rng.commonAncestorContainer, editor.dom.isBlock);
+            const contextArgs = contextBlock ? { context: contextBlock.nodeName.toLowerCase() } : {};
+            const node = editor.parser.parse(args.content, { forced_root_block: false, ...contextArgs, ...args });
+            return HtmlSerializer({ validate: false }, editor.schema).serialize(node);
+        }
+        else {
+            return args.content;
+        }
+    };
+    const setContent$1 = (editor, content, args = {}) => {
+        const defaultedArgs = setupArgs$2(args, content);
+        preProcessSetContent(editor, defaultedArgs).each((updatedArgs) => {
+            // Sanitize the content
+            const cleanedContent = cleanContent(editor, updatedArgs);
+            const rng = editor.selection.getRng();
+            rngSetContent(rng, rng.createContextualFragment(cleanedContent), editor.schema);
+            editor.selection.setRng(rng);
+            scrollRangeIntoView(editor, rng);
+            postProcessSetContent(editor, cleanedContent, updatedArgs);
+        });
+    };
+
+    const deleteFromCallbackMap = (callbackMap, selector, callback) => {
+        if (has$2(callbackMap, selector)) {
+            const newCallbacks = filter$5(callbackMap[selector], (cb) => cb !== callback);
+            if (newCallbacks.length === 0) {
+                delete callbackMap[selector];
+            }
+            else {
+                callbackMap[selector] = newCallbacks;
+            }
+        }
+    };
+    var SelectorChanged = (dom, editor) => {
+        let selectorChangedData;
+        let currentSelectors;
+        const findMatchingNode = (selector, nodes) => find$2(nodes, (node) => dom.is(node, selector));
+        const getParents = (elem) => dom.getParents(elem, undefined, dom.getRoot());
+        const setup = () => {
+            selectorChangedData = {};
+            currentSelectors = {};
+            editor.on('NodeChange', (e) => {
+                const node = e.element;
+                const parents = getParents(node);
+                const matchedSelectors = {};
+                // Check for new matching selectors
+                each$d(selectorChangedData, (callbacks, selector) => {
+                    findMatchingNode(selector, parents).each((node) => {
+                        if (!currentSelectors[selector]) {
+                            // Execute callbacks
+                            each$e(callbacks, (callback) => {
+                                callback(true, { node, selector, parents });
+                            });
+                            currentSelectors[selector] = callbacks;
+                        }
+                        matchedSelectors[selector] = callbacks;
+                    });
+                });
+                // Check if current selectors still match
+                each$d(currentSelectors, (callbacks, selector) => {
+                    if (!matchedSelectors[selector]) {
+                        delete currentSelectors[selector];
+                        each$e(callbacks, (callback) => {
+                            callback(false, { node, selector, parents });
+                        });
+                    }
+                });
+            });
+        };
+        return {
+            selectorChangedWithUnbind: (selector, callback) => {
+                if (!selectorChangedData) {
+                    setup();
+                }
+                // Add selector listeners
+                if (!selectorChangedData[selector]) {
+                    selectorChangedData[selector] = [];
+                }
+                selectorChangedData[selector].push(callback);
+                // Setup the initial state if selected already
+                findMatchingNode(selector, getParents(editor.selection.getStart())).each(() => {
+                    currentSelectors[selector] = selectorChangedData[selector];
+                });
+                return {
+                    unbind: () => {
+                        deleteFromCallbackMap(selectorChangedData, selector, callback);
+                        deleteFromCallbackMap(currentSelectors, selector, callback);
+                    }
+                };
+            }
+        };
+    };
+
+    /**
+     * This class handles text and control selection it's an crossbrowser utility class.
+     * Consult the TinyMCE API Documentation for more details and examples on how to use this class.
+     *
+     * @class tinymce.dom.Selection
+     * @example
+     * // Getting the currently selected node for the active editor
+     * alert(tinymce.activeEditor.selection.getNode().nodeName);
+     */
+    const isAttachedToDom = (node) => {
+        return !!(node && node.ownerDocument) && contains(SugarElement.fromDom(node.ownerDocument), SugarElement.fromDom(node));
+    };
+    const isValidRange = (rng) => {
+        if (!rng) {
+            return false;
+        }
+        else {
+            return isAttachedToDom(rng.startContainer) && isAttachedToDom(rng.endContainer);
+        }
+    };
+    /**
+     * Constructs a new selection instance.
+     *
+     * @constructor
+     * @method Selection
+     * @param {tinymce.dom.DOMUtils} dom DOMUtils object reference.
+     * @param {Window} win Window to bind the selection object to.
+     * @param {tinymce.dom.Serializer} serializer DOM serialization class to use for getContent.
+     * @param {tinymce.Editor} editor Editor instance of the selection.
+     */
+    const EditorSelection = (dom, win, serializer, editor) => {
+        let selectedRange;
+        let explicitRange;
+        const { selectorChangedWithUnbind } = SelectorChanged(dom, editor);
+        /**
+         * Move the selection cursor range to the specified node and offset.
+         * If there is no node specified it will move it to the first suitable location within the body.
+         *
+         * @method setCursorLocation
+         * @param {Node} node Optional node to put the cursor in.
+         * @param {Number} offset Optional offset from the start of the node to put the cursor at.
+         */
+        const setCursorLocation = (node, offset) => {
+            const rng = dom.createRng();
+            if (isNonNullable(node) && isNonNullable(offset)) {
+                rng.setStart(node, offset);
+                rng.setEnd(node, offset);
+                setRng(rng);
+                collapse(false);
+            }
+            else {
+                moveEndPoint(dom, rng, editor.getBody(), true);
+                setRng(rng);
+            }
+        };
+        /**
+         * Returns the selected contents using the DOM serializer passed in to this class.
+         *
+         * @method getContent
+         * @param {Object} args Optional settings class with for example output format text or html.
+         * @return {String} Selected contents in for example HTML format.
+         * @example
+         * // Alerts the currently selected contents
+         * alert(tinymce.activeEditor.selection.getContent());
+         *
+         * // Alerts the currently selected contents as plain text
+         * alert(tinymce.activeEditor.selection.getContent({ format: 'text' }));
+         */
+        const getContent = (args) => getContent$1(editor, args);
+        /**
+         * Sets the current selection to the specified content. If any contents is selected it will be replaced
+         * with the contents passed in to this function. If there is no selection the contents will be inserted
+         * where the caret is placed in the editor/page.
+         *
+         * @method setContent
+         * @param {String} content HTML contents to set could also be other formats depending on settings.
+         * @param {Object} args Optional settings object with for example data format.
+         * @example
+         * // Inserts some HTML contents at the current selection
+         * tinymce.activeEditor.selection.setContent('<strong>Some contents</strong>');
+         */
+        const setContent = (content, args) => setContent$1(editor, content, args);
+        /**
+         * Returns the start element of a selection range. If the start is in a text
+         * node the parent element will be returned.
+         *
+         * @method getStart
+         * @param {Boolean} real Optional state to get the real parent when the selection is collapsed not the closest element.
+         * @return {Element} Start element of selection range.
+         */
+        const getStart$1 = (real) => getStart(editor.getBody(), getRng$1(), real);
+        /**
+         * Returns the end element of a selection range. If the end is in a text
+         * node the parent element will be returned.
+         *
+         * @method getEnd
+         * @param {Boolean} real Optional state to get the real parent when the selection is collapsed not the closest element.
+         * @return {Element} End element of selection range.
+         */
+        const getEnd$1 = (real) => getEnd(editor.getBody(), getRng$1(), real);
+        /**
+         * Returns a bookmark location for the current selection. This bookmark object
+         * can then be used to restore the selection after some content modification to the document.
+         *
+         * @method getBookmark
+         * @param {Number} type Optional state if the bookmark should be simple or not. Default is complex.
+         * @param {Boolean} normalized Optional state that enables you to get a position that it would be after normalization.
+         * @return {Object} Bookmark object, use moveToBookmark with this object to restore the selection.
+         * @example
+         * // Stores a bookmark of the current selection
+         * const bm = tinymce.activeEditor.selection.getBookmark();
+         *
+         * tinymce.activeEditor.setContent(tinymce.activeEditor.getContent() + 'Some new content');
+         *
+         * // Restore the selection bookmark
+         * tinymce.activeEditor.selection.moveToBookmark(bm);
+         */
+        const getBookmark = (type, normalized) => bookmarkManager.getBookmark(type, normalized);
+        /**
+         * Restores the selection to the specified bookmark.
+         *
+         * @method moveToBookmark
+         * @param {Object} bookmark Bookmark to restore selection from.
+         * @example
+         * // Stores a bookmark of the current selection
+         * const bm = tinymce.activeEditor.selection.getBookmark();
+         *
+         * tinymce.activeEditor.setContent(tinymce.activeEditor.getContent() + 'Some new content');
+         *
+         * // Restore the selection bookmark
+         * tinymce.activeEditor.selection.moveToBookmark(bm);
+         */
+        const moveToBookmark = (bookmark) => bookmarkManager.moveToBookmark(bookmark);
+        /**
+         * Selects the specified element. This will place the start and end of the selection range around the element.
+         *
+         * @method select
+         * @param {Element} node HTML DOM element to select.
+         * @param {Boolean} content Optional bool state if the contents should be selected or not on non IE browser.
+         * @return {Element} Selected element the same element as the one that got passed in.
+         * @example
+         * // Select the first paragraph in the active editor
+         * tinymce.activeEditor.selection.select(tinymce.activeEditor.dom.select('p')[0]);
+         */
+        const select$1 = (node, content) => {
+            select(dom, node, content).each(setRng);
+            return node;
+        };
+        /**
+         * Returns true/false if the selection range is collapsed or not. Collapsed means if it's a caret or a larger selection.
+         *
+         * @method isCollapsed
+         * @return {Boolean} true/false state if the selection range is collapsed or not.
+         * Collapsed means if it's a caret or a larger selection.
+         */
+        const isCollapsed = () => {
+            const rng = getRng$1(), sel = getSel();
+            if (!rng || rng.item) {
+                return false;
+            }
+            if (rng.compareEndPoints) {
+                return rng.compareEndPoints('StartToEnd', rng) === 0;
+            }
+            return !sel || rng.collapsed;
+        };
+        /**
+         * Checks if the current selection’s start and end containers are editable within their parent’s contexts.
+         *
+         * @method isEditable
+         * @return {Boolean} Will be true if the selection is editable and false if it's not editable.
+         */
+        const isEditable = () => {
+            if (editor.mode.isReadOnly()) {
+                return false;
+            }
+            const rng = getRng$1();
+            const fakeSelectedElements = editor.getBody().querySelectorAll('[data-mce-selected="1"]');
+            if (fakeSelectedElements.length > 0) {
+                return forall(fakeSelectedElements, (el) => dom.isEditable(el.parentElement));
+            }
+            else {
+                return isEditableRange(dom, rng);
+            }
+        };
+        /**
+         * Collapse the selection to start or end of range.
+         *
+         * @method collapse
+         * @param {Boolean} toStart Optional boolean state if to collapse to end or not. Defaults to false.
+         */
+        const collapse = (toStart) => {
+            const rng = getRng$1();
+            rng.collapse(!!toStart);
+            setRng(rng);
+        };
+        /**
+         * Returns the browsers internal selection object.
+         *
+         * @method getSel
+         * @return {Selection} Internal browser selection object.
+         */
+        const getSel = () => win.getSelection ? win.getSelection() : win.document.selection;
+        /**
+         * Returns the browsers internal range object.
+         *
+         * @method getRng
+         * @return {Range} Internal browser range object.
+         * @see http://www.quirksmode.org/dom/range_intro.html
+         * @see http://www.dotvoid.com/2001/03/using-the-range-object-in-mozilla/
+         */
+        const getRng$1 = () => {
+            let rng;
+            const tryCompareBoundaryPoints = (how, sourceRange, destinationRange) => {
+                try {
+                    return sourceRange.compareBoundaryPoints(how, destinationRange);
+                }
+                catch (_a) {
+                    // Gecko throws wrong document exception if the range points
+                    // to nodes that where removed from the dom #6690
+                    // Browsers should mutate existing DOMRange instances so that they always point
+                    // to something in the document this is not the case in Gecko works fine in IE/WebKit/Blink
+                    // For performance reasons just return -1
+                    return -1;
+                }
+            };
+            const doc = win.document;
+            if (isNonNullable(editor.bookmark) && !hasFocus(editor)) {
+                const bookmark = getRng(editor);
+                if (bookmark.isSome()) {
+                    return bookmark?.map((r) => processRanges(editor, [r])[0]).getOr(doc.createRange());
+                }
+            }
+            try {
+                const selection = getSel();
+                if (selection && !isRestrictedNode(selection.anchorNode)) {
+                    if (selection.rangeCount > 0) {
+                        rng = selection.getRangeAt(0);
+                    }
+                    else {
+                        rng = doc.createRange();
+                    }
+                    rng = processRanges(editor, [rng])[0];
+                }
+            }
+            catch (_a) {
+                // IE throws unspecified error here if TinyMCE is placed in a frame/iframe
+            }
+            // No range found then create an empty one
+            // This can occur when the editor is placed in a hidden container element on Gecko
+            if (!rng) {
+                rng = doc.createRange();
+            }
+            // If range is at start of document then move it to start of body
+            if (isDocument$1(rng.startContainer) && rng.collapsed) {
+                const elm = dom.getRoot();
+                rng.setStart(elm, 0);
+                rng.setEnd(elm, 0);
+            }
+            if (selectedRange && explicitRange) {
+                if (tryCompareBoundaryPoints(rng.START_TO_START, rng, selectedRange) === 0 &&
+                    tryCompareBoundaryPoints(rng.END_TO_END, rng, selectedRange) === 0) {
+                    // Safari, Opera and Chrome only ever select text which causes the range to change.
+                    // This lets us use the originally set range if the selection hasn't been changed by the user.
+                    rng = explicitRange;
+                }
+                else {
+                    selectedRange = null;
+                    explicitRange = null;
+                }
+            }
+            return rng;
+        };
+        /**
+         * Changes the selection to the specified DOM range.
+         *
+         * @method setRng
+         * @param {Range} rng Range to select.
+         * @param {Boolean} forward Optional boolean if the selection is forwards or backwards.
+         */
+        const setRng = (rng, forward) => {
+            if (!isValidRange(rng)) {
+                return;
+            }
+            const sel = getSel();
+            const evt = editor.dispatch('SetSelectionRange', { range: rng, forward });
+            rng = evt.range;
+            if (sel) {
+                explicitRange = rng;
+                try {
+                    sel.removeAllRanges();
+                    sel.addRange(rng);
+                }
+                catch (_a) {
+                    // IE might throw errors here if the editor is within a hidden container and selection is changed
+                }
+                // Forward is set to false and we have an extend function
+                if (forward === false && sel.extend) {
+                    sel.collapse(rng.endContainer, rng.endOffset);
+                    sel.extend(rng.startContainer, rng.startOffset);
+                }
+                // adding range isn't always successful so we need to check range count otherwise an exception can occur
+                selectedRange = sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
+            }
+            // WebKit edge case selecting images works better using setBaseAndExtent when the image is floated
+            if (!rng.collapsed && rng.startContainer === rng.endContainer && (sel === null || sel === void 0 ? void 0 : sel.setBaseAndExtent)) {
+                if (rng.endOffset - rng.startOffset < 2) {
+                    if (rng.startContainer.hasChildNodes()) {
+                        const node = rng.startContainer.childNodes[rng.startOffset];
+                        if (node && node.nodeName === 'IMG') {
+                            sel.setBaseAndExtent(rng.startContainer, rng.startOffset, rng.endContainer, rng.endOffset);
+                            // Since the setBaseAndExtent is fixed in more recent Blink versions we
+                            // need to detect if it's doing the wrong thing and falling back to the
+                            // crazy incorrect behavior api call since that seems to be the only way
+                            // to get it to work on Safari WebKit as of 2017-02-23
+                            if (sel.anchorNode !== rng.startContainer || sel.focusNode !== rng.endContainer) {
+                                sel.setBaseAndExtent(node, 0, node, 1);
+                            }
+                        }
+                    }
+                }
+            }
+            editor.dispatch('AfterSetSelectionRange', { range: rng, forward });
+        };
+        /**
+         * Sets the current selection to the specified DOM element.
+         *
+         * @method setNode
+         * @param {Element} elm Element to set as the contents of the selection.
+         * @return {Element} Returns the element that got passed in.
+         * @example
+         * // Inserts a DOM node at current selection/caret location
+         * tinymce.activeEditor.selection.setNode(tinymce.activeEditor.dom.create('img', { src: 'some.gif', title: 'some title' }));
+         */
+        const setNode = (elm) => {
+            setContent(dom.getOuterHTML(elm));
+            return elm;
+        };
+        /**
+         * Returns the currently selected element or the common ancestor element for both start and end of the selection.
+         *
+         * @method getNode
+         * @return {Element} Currently selected element or common ancestor element.
+         * @example
+         * // Alerts the currently selected elements node name
+         * alert(tinymce.activeEditor.selection.getNode().nodeName);
+         */
+        const getNode$1 = () => getNode(editor.getBody(), getRng$1());
+        const getSelectedBlocks$1 = (startElm, endElm) => getSelectedBlocks(dom, getRng$1(), startElm, endElm);
+        const isForward = () => {
+            const sel = getSel();
+            const anchorNode = sel === null || sel === void 0 ? void 0 : sel.anchorNode;
+            const focusNode = sel === null || sel === void 0 ? void 0 : sel.focusNode;
+            // No support for selection direction then always return true
+            if (!sel || !anchorNode || !focusNode || isRestrictedNode(anchorNode) || isRestrictedNode(focusNode)) {
+                return true;
+            }
+            const anchorRange = dom.createRng();
+            const focusRange = dom.createRng();
+            try {
+                anchorRange.setStart(anchorNode, sel.anchorOffset);
+                anchorRange.collapse(true);
+                focusRange.setStart(focusNode, sel.focusOffset);
+                focusRange.collapse(true);
+            }
+            catch (_a) {
+                // Safari can generate an invalid selection and error. Silently handle it and default to forward.
+                // See https://bugs.webkit.org/show_bug.cgi?id=230594.
+                return true;
+            }
+            return anchorRange.compareBoundaryPoints(anchorRange.START_TO_START, focusRange) <= 0;
+        };
+        const normalize = () => {
+            const rng = getRng$1();
+            const sel = getSel();
+            if (!hasMultipleRanges(sel) && hasAnyRanges(editor)) {
+                const normRng = normalize$2(dom, rng);
+                normRng.each((normRng) => {
+                    setRng(normRng, isForward());
+                });
+                return normRng.getOr(rng);
+            }
+            return rng;
+        };
+        /**
+         * Executes callback when the current selection starts/stops matching the specified selector. The current
+         * state will be passed to the callback as it's first argument.
+         *
+         * @method selectorChanged
+         * @param {String} selector CSS selector to check for.
+         * @param {Function} callback Callback with state and args when the selector is matches or not.
+         */
+        // eslint-disable-next-line @typescript-eslint/no-wrapper-object-types
+        const selectorChanged = (selector, callback) => {
+            selectorChangedWithUnbind(selector, callback);
+            return exports;
+        };
+        const getScrollContainer = () => {
+            let scrollContainer;
+            let node = dom.getRoot();
+            while (node && node.nodeName !== 'BODY') {
+                if (node.scrollHeight > node.clientHeight) {
+                    scrollContainer = node;
+                    break;
+                }
+                node = node.parentNode;
+            }
+            return scrollContainer;
+        };
+        const scrollIntoView = (elm, alignToTop) => {
+            if (isNonNullable(elm)) {
+                scrollElementIntoView(editor, elm, alignToTop);
+            }
+            else {
+                scrollRangeIntoView(editor, getRng$1(), alignToTop);
+            }
+        };
+        const placeCaretAt = (clientX, clientY) => setRng(fromPoint(clientX, clientY, editor.getDoc()));
+        const getBoundingClientRect = () => {
+            const rng = getRng$1();
+            return rng.collapsed ? CaretPosition.fromRangeStart(rng).getClientRects()[0] : rng.getBoundingClientRect();
+        };
+        const destroy = () => {
+            win = selectedRange = explicitRange = null;
+            controlSelection.destroy();
+        };
+        /**
+         * Expands the selection range to contain the entire word when the selection is collapsed within the word.
+         *
+         * @method expand
+         * @param {Object} options Optional options provided to the expansion. Defaults to { type: 'word' }
+         */
+        const expand = (options = { type: 'word' }) => setRng(RangeUtils(dom).expand(getRng$1(), options));
+        const exports = {
+            dom,
+            win,
+            serializer,
+            editor,
+            expand,
+            collapse,
+            setCursorLocation,
+            getContent,
+            setContent,
+            getBookmark,
+            moveToBookmark,
+            select: select$1,
+            isCollapsed,
+            isEditable,
+            isForward,
+            setNode,
+            getNode: getNode$1,
+            getSel,
+            setRng,
+            getRng: getRng$1,
+            getStart: getStart$1,
+            getEnd: getEnd$1,
+            getSelectedBlocks: getSelectedBlocks$1,
+            normalize,
+            selectorChanged,
+            selectorChangedWithUnbind,
+            getScrollContainer,
+            scrollIntoView,
+            placeCaretAt,
+            getBoundingClientRect,
+            destroy
+        };
+        const bookmarkManager = BookmarkManager(exports);
+        const controlSelection = ControlSelection(exports, editor);
+        exports.bookmarkManager = bookmarkManager;
+        exports.controlSelection = controlSelection;
+        return exports;
+    };
+
+    const addNodeFilter = (settings, htmlParser, schema) => {
+        htmlParser.addNodeFilter('br', (nodes, _, args) => {
+            const blockElements = Tools.extend({}, schema.getBlockElements());
+            const nonEmptyElements = schema.getNonEmptyElements();
+            const whitespaceElements = schema.getWhitespaceElements();
+            // Remove brs from body element as well
+            blockElements.body = 1;
+            const isBlock = (node) => node.name in blockElements || isTransparentAstBlock(schema, node);
+            // Must loop forwards since it will otherwise remove all brs in <p>a<br><br><br></p>
+            for (let i = 0, l = nodes.length; i < l; i++) {
+                let node = nodes[i];
+                let parent = node.parent;
+                if (parent && isBlock(parent) && node === parent.lastChild) {
+                    // Loop all nodes to the left of the current node and check for other BR elements
+                    // excluding bookmarks since they are invisible
+                    let prev = node.prev;
+                    while (prev) {
+                        const prevName = prev.name;
+                        // Ignore bookmarks
+                        if (prevName !== 'span' || prev.attr('data-mce-type') !== 'bookmark') {
+                            // Found another br it's a <br><br> structure then don't remove anything
+                            if (prevName === 'br') {
+                                node = null;
+                            }
+                            break;
+                        }
+                        prev = prev.prev;
+                    }
+                    if (node) {
+                        node.remove();
+                        // Is the parent to be considered empty after we removed the BR
+                        if (isEmpty(schema, nonEmptyElements, whitespaceElements, parent)) {
+                            const elementRule = schema.getElementRule(parent.name);
+                            // Remove or padd the element depending on schema rule
+                            if (elementRule) {
+                                if (elementRule.removeEmpty) {
+                                    parent.remove();
+                                }
+                                else if (elementRule.paddEmpty) {
+                                    paddEmptyNode(settings, args, isBlock, parent);
+                                }
+                            }
+                        }
+                    }
+                }
+                else {
+                    // Replaces BR elements inside inline elements like <p><b><i><br></i></b></p>
+                    // so they become <p><b><i>&nbsp;</i></b></p>
+                    let lastParent = node;
+                    while (parent && parent.firstChild === lastParent && parent.lastChild === lastParent) {
+                        lastParent = parent;
+                        if (blockElements[parent.name]) {
+                            break;
+                        }
+                        parent = parent.parent;
+                    }
+                    if (lastParent === parent) {
+                        const textNode = new AstNode('#text', 3);
+                        textNode.value = nbsp;
+                        node.replace(textNode);
+                    }
+                }
+            }
+        });
+    };
+
+    const register$3 = (htmlParser, settings, dom) => {
+        // Convert tabindex back to elements when serializing contents
+        htmlParser.addAttributeFilter('data-mce-tabindex', (nodes, name) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                node.attr('tabindex', node.attr('data-mce-tabindex'));
+                node.attr(name, null);
+            }
+        });
+        // Convert move data-mce-src, data-mce-href and data-mce-style into nodes or process them if needed
+        htmlParser.addAttributeFilter('src,href,style', (nodes, name) => {
+            const internalName = 'data-mce-' + name;
+            const urlConverter = settings.url_converter;
+            const urlConverterScope = settings.url_converter_scope;
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                let value = node.attr(internalName);
+                if (value !== undefined) {
+                    // Set external name to internal value and remove internal
+                    node.attr(name, value.length > 0 ? value : null);
+                    node.attr(internalName, null);
+                }
+                else {
+                    // No internal attribute found then convert the value we have in the DOM
+                    value = node.attr(name);
+                    if (name === 'style') {
+                        value = dom.serializeStyle(dom.parseStyle(value), node.name);
+                    }
+                    else if (urlConverter) {
+                        value = urlConverter.call(urlConverterScope, value, name, node.name);
+                    }
+                    node.attr(name, value.length > 0 ? value : null);
+                }
+            }
+        });
+        // Remove internal classes mceItem<..> or mceSelected
+        htmlParser.addAttributeFilter('class', (nodes) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                let value = node.attr('class');
+                if (value) {
+                    value = value.replace(/(?:^|\s)mce-item-\w+(?!\S)/g, '');
+                    node.attr('class', value.length > 0 ? value : null);
+                }
+            }
+        });
+        // Remove bookmark elements
+        htmlParser.addAttributeFilter('data-mce-type', (nodes, name, args) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                if (node.attr('data-mce-type') === 'bookmark' && !args.cleanup) {
+                    // We maybe dealing with a "filled" bookmark. If so just remove the node, otherwise unwrap it
+                    const hasChildren = Optional.from(node.firstChild).exists((firstChild) => { var _a; return !isZwsp((_a = firstChild.value) !== null && _a !== void 0 ? _a : ''); });
+                    if (hasChildren) {
+                        node.unwrap();
+                    }
+                    else {
+                        node.remove();
+                    }
+                }
+            }
+        });
+        // Force script into CDATA sections and remove the mce- prefix also add comments around styles
+        htmlParser.addNodeFilter('script,style', (nodes, name) => {
+            var _a;
+            const trim = (value) => {
+                /* jshint maxlen:255 */
+                /* eslint max-len:0 */
+                return value.replace(/(<!--\[CDATA\[|\]\]-->)/g, '\n')
+                    .replace(/^[\r\n]*|[\r\n]*$/g, '')
+                    .replace(/^\s*((<!--)?(\s*\/\/)?\s*<!\[CDATA\[|(<!--\s*)?\/\*\s*<!\[CDATA\[\s*\*\/|(\/\/)?\s*<!--|\/\*\s*<!--\s*\*\/)\s*[\r\n]*/gi, '')
+                    .replace(/\s*(\/\*\s*\]\]>\s*\*\/(-->)?|\s*\/\/\s*\]\]>(-->)?|\/\/\s*(-->)?|\]\]>|\/\*\s*-->\s*\*\/|\s*-->\s*)\s*$/g, '');
+            };
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                const firstChild = node.firstChild;
+                const value = (_a = firstChild === null || firstChild === void 0 ? void 0 : firstChild.value) !== null && _a !== void 0 ? _a : '';
+                if (name === 'script') {
+                    // Remove mce- prefix from script elements and remove default type since the user specified
+                    // a script element without type attribute
+                    const type = node.attr('type');
+                    if (type) {
+                        node.attr('type', type === 'mce-no/type' ? null : type.replace(/^mce\-/, ''));
+                    }
+                    if (settings.element_format === 'xhtml' && firstChild && value.length > 0) {
+                        firstChild.value = '// <![CDATA[\n' + trim(value) + '\n// ]]>';
+                    }
+                }
+                else {
+                    if (settings.element_format === 'xhtml' && firstChild && value.length > 0) {
+                        firstChild.value = '<!--\n' + trim(value) + '\n-->';
+                    }
+                }
+            }
+        });
+        // Convert comments to cdata and handle protected comments
+        htmlParser.addNodeFilter('#comment', (nodes) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                const value = node.value;
+                if (settings.preserve_cdata && (value === null || value === void 0 ? void 0 : value.indexOf('[CDATA[')) === 0) {
+                    node.name = '#cdata';
+                    node.type = 4;
+                    node.value = dom.decode(value.replace(/^\[CDATA\[|\]\]$/g, ''));
+                }
+            }
+        });
+        htmlParser.addNodeFilter('xml:namespace,input', (nodes, name) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                if (node.type === 7) {
+                    node.remove();
+                }
+                else if (node.type === 1) {
+                    if (name === 'input' && !node.attr('type')) {
+                        node.attr('type', 'text');
+                    }
+                }
+            }
+        });
+        htmlParser.addAttributeFilter('data-mce-type', (nodes) => {
+            each$e(nodes, (node) => {
+                if (node.attr('data-mce-type') === 'format-caret') {
+                    if (node.isEmpty(htmlParser.schema.getNonEmptyElements())) {
+                        node.remove();
+                    }
+                    else {
+                        node.unwrap();
+                    }
+                }
+            });
+        });
+        // Remove internal data attributes
+        htmlParser.addAttributeFilter('data-mce-src,data-mce-href,data-mce-style,' +
+            'data-mce-selected,data-mce-expando,data-mce-block,' +
+            'data-mce-type,data-mce-resize,data-mce-placeholder', (nodes, name) => {
+            let i = nodes.length;
+            while (i--) {
+                nodes[i].attr(name, null);
+            }
+        });
+        // Remove <br> at end of block elements Gecko and WebKit injects BR elements to
+        // make it possible to place the caret inside empty blocks. This logic tries to remove
+        // these elements and keep br elements that where intended to be there intact
+        if (settings.remove_trailing_brs) {
+            addNodeFilter(settings, htmlParser, htmlParser.schema);
+        }
+    };
+    /**
+     * IE 11 has a fantastic bug where it will produce two trailing BR elements to iframe bodies when
+     * the iframe is hidden by display: none on a parent container. The DOM is actually out of sync
+     * with innerHTML in this case. It's like IE adds shadow DOM BR elements that appears on innerHTML
+     * but not as the lastChild of the body. So this fix simply removes the last two
+     * BR elements at the end of the document.
+     *
+     * Example of what happens: <body>text</body> becomes <body>text<br><br></body>
+     */
+    const trimTrailingBr = (rootNode) => {
+        const isBr = (node) => {
+            return (node === null || node === void 0 ? void 0 : node.name) === 'br';
+        };
+        const brNode1 = rootNode.lastChild;
+        if (isBr(brNode1)) {
+            const brNode2 = brNode1.prev;
+            if (isBr(brNode2)) {
+                brNode1.remove();
+                brNode2.remove();
+            }
+        }
+    };
+
+    const preProcess$1 = (editor, node, args) => {
+        let oldDoc;
+        const dom = editor.dom;
+        let clonedNode = node.cloneNode(true);
+        // Nodes needs to be attached to something in WebKit/Opera
+        // This fix will make DOM ranges and make Sizzle happy!
+        const impl = document.implementation;
+        if (impl.createHTMLDocument) {
+            // Create an empty HTML document
+            const doc = impl.createHTMLDocument('');
+            // Add the element or it's children if it's a body element to the new document
+            Tools.each(clonedNode.nodeName === 'BODY' ? clonedNode.childNodes : [clonedNode], (node) => {
+                doc.body.appendChild(doc.importNode(node, true));
+            });
+            // Grab first child or body element for serialization
+            if (clonedNode.nodeName !== 'BODY') {
+                // We cast to a Element here, as this will be the cloned node imported and appended above
+                clonedNode = doc.body.firstChild;
+            }
+            else {
+                clonedNode = doc.body;
+            }
+            // set the new document in DOMUtils so createElement etc works
+            oldDoc = dom.doc;
+            dom.doc = doc;
+        }
+        firePreProcess(editor, { ...args, node: clonedNode });
+        if (oldDoc) {
+            dom.doc = oldDoc;
+        }
+        return clonedNode;
+    };
+    const shouldFireEvent = (editor, args) => {
+        return isNonNullable(editor) && editor.hasEventListeners('PreProcess') && !args.no_events;
+    };
+    const process$1 = (editor, node, args) => {
+        return shouldFireEvent(editor, args) ? preProcess$1(editor, node, args) : node;
+    };
+
+    const addTempAttr = (htmlParser, tempAttrs, name) => {
+        if (Tools.inArray(tempAttrs, name) === -1) {
+            htmlParser.addAttributeFilter(name, (nodes, name) => {
+                let i = nodes.length;
+                while (i--) {
+                    nodes[i].attr(name, null);
+                }
+            });
+            tempAttrs.push(name);
+        }
+    };
+    const postProcess = (editor, args, content) => {
+        if (!args.no_events && editor) {
+            const outArgs = firePostProcess(editor, { ...args, content });
+            return outArgs.content;
+        }
+        else {
+            return content;
+        }
+    };
+    const getHtmlFromNode = (dom, node, args) => {
+        // TODO: Investigate if using `innerHTML` is correct as DomSerializerPreProcess definitely returns a Node
+        const html = trim$2(args.getInner ? node.innerHTML : dom.getOuterHTML(node));
+        return args.selection || isWsPreserveElement(SugarElement.fromDom(node)) ? html : Tools.trim(html);
+    };
+    const parseHtml = (htmlParser, html, args) => {
+        const parserArgs = args.selection ? { forced_root_block: false, ...args } : args;
+        const rootNode = htmlParser.parse(html, parserArgs);
+        trimTrailingBr(rootNode);
+        return rootNode;
+    };
+    const serializeNode = (settings, schema, node) => {
+        const htmlSerializer = HtmlSerializer(settings, schema);
+        return htmlSerializer.serialize(node);
+    };
+    const toHtml = (editor, settings, schema, rootNode, args) => {
+        const content = serializeNode(settings, schema, rootNode);
+        return postProcess(editor, args, content);
+    };
+    const DomSerializerImpl = (settings, editor) => {
+        const tempAttrs = ['data-mce-selected'];
+        const defaultedSettings = {
+            entity_encoding: 'named',
+            remove_trailing_brs: true,
+            pad_empty_with_br: false,
+            ...settings
+        };
+        const dom = editor && editor.dom ? editor.dom : DOMUtils.DOM;
+        const schema = editor && editor.schema ? editor.schema : Schema(defaultedSettings);
+        const htmlParser = DomParser(defaultedSettings, schema);
+        register$3(htmlParser, defaultedSettings, dom);
+        const serialize = (node, parserArgs = {}) => {
+            const args = { format: 'html', ...parserArgs };
+            const targetNode = process$1(editor, node, args);
+            const html = getHtmlFromNode(dom, targetNode, args);
+            const rootNode = parseHtml(htmlParser, html, args);
+            return args.format === 'tree' ? rootNode : toHtml(editor, defaultedSettings, schema, rootNode, args);
+        };
+        return {
+            schema,
+            addNodeFilter: htmlParser.addNodeFilter,
+            addAttributeFilter: htmlParser.addAttributeFilter,
+            serialize: serialize,
+            addRules: schema.addValidElements,
+            setRules: schema.setValidElements,
+            addTempAttr: curry(addTempAttr, htmlParser, tempAttrs),
+            getTempAttrs: constant(tempAttrs),
+            getNodeFilters: htmlParser.getNodeFilters,
+            getAttributeFilters: htmlParser.getAttributeFilters,
+            removeNodeFilter: htmlParser.removeNodeFilter,
+            removeAttributeFilter: htmlParser.removeAttributeFilter
+        };
+    };
+
+    /**
+     * This class is used to serialize DOM trees into a string. Consult the TinyMCE API Documentation for
+     * more details and examples on how to use this class.
+     *
+     * @class tinymce.dom.Serializer
+     */
+    const DomSerializer = (settings, editor) => {
+        const domSerializer = DomSerializerImpl(settings, editor);
+        // Return public methods
+        return {
+            /**
+             * Schema instance that was used to when the Serializer was constructed.
+             *
+             * @field {tinymce.html.Schema} schema
+             */
+            schema: domSerializer.schema,
+            /**
+             * Adds a node filter function to the parser used by the serializer, the parser will collect the specified nodes by name
+             * and then execute the callback once it has finished parsing the document.
+             *
+             * @method addNodeFilter
+             * @param {String} name Comma separated list of nodes to collect.
+             * @param {Function} callback Callback function to execute once it has collected nodes.
+             * @example
+             * serializer.addNodeFilter('p,h1', (nodes, name) => {
+             *   for (let i = 0; i < nodes.length; i++) {
+             *     console.log(nodes[i].name);
+             *   }
+             * });
+             */
+            addNodeFilter: domSerializer.addNodeFilter,
+            /**
+             * Adds an attribute filter function to the parser used by the serializer, the parser will
+             * collect nodes that has the specified attributes
+             * and then execute the callback once it has finished parsing the document.
+             *
+             * @method addAttributeFilter
+             * @param {String} name Comma separated list of attributes to collect.
+             * @param {Function} callback Callback function to execute once it has collected nodes.
+             * @example
+             * serializer.addAttributeFilter('src,href', (nodes, name) => {
+             *   for (let i = 0; i < nodes.length; i++) {
+             *     console.log(nodes[i].name);
+             *   }
+             * });
+             */
+            addAttributeFilter: domSerializer.addAttributeFilter,
+            /**
+             * Serializes the specified browser DOM node into a HTML string.
+             *
+             * @method serialize
+             * @param {DOMNode} node DOM node to serialize.
+             * @param {Object} args Arguments option that gets passed to event handlers.
+             */
+            serialize: domSerializer.serialize,
+            /**
+             * Adds valid elements rules to the serializers schema instance this enables you to specify things
+             * like what elements should be outputted and what attributes specific elements might have.
+             * Consult the TinyMCE Documentation for more details on this format.
+             *
+             * @method addRules
+             * @param {String} rules Valid elements rules string to add to schema.
+             */
+            addRules: domSerializer.addRules,
+            /**
+             * Sets the valid elements rules to the serializers schema instance this enables you to specify things
+             * like what elements should be outputted and what attributes specific elements might have.
+             * Consult the TinyMCE Documentation for more details on this format.
+             *
+             * @method setRules
+             * @param {String} rules Valid elements rules string.
+             */
+            setRules: domSerializer.setRules,
+            /**
+             * Adds a temporary internal attribute these attributes will get removed on undo and
+             * when getting contents out of the editor.
+             *
+             * @method addTempAttr
+             * @param {String} name string
+             */
+            addTempAttr: domSerializer.addTempAttr,
+            /**
+             * Returns an array of all added temp attrs names.
+             *
+             * @method getTempAttrs
+             * @return {String[]} Array with attribute names.
+             */
+            getTempAttrs: domSerializer.getTempAttrs,
+            getNodeFilters: domSerializer.getNodeFilters,
+            getAttributeFilters: domSerializer.getAttributeFilters,
+            /**
+             * Removes a node filter function or removes all filter functions from the parser used by the serializer for the node names provided.
+             *
+             * @method removeNodeFilter
+             * @param {String} name Comma separated list of node names to remove filters for.
+             * @param {Function} callback Optional callback function to only remove a specific callback.
+             * @example
+             * // Remove a single filter
+             * serializer.removeNodeFilter('p,h1', someCallback);
+             *
+             * // Remove all filters
+             * serializer.removeNodeFilter('p,h1');
+             */
+            removeNodeFilter: domSerializer.removeNodeFilter,
+            /**
+             * Removes an attribute filter function or removes all filter functions from the parser used by the serializer for the attribute names provided.
+             *
+             * @method removeAttributeFilter
+             * @param {String} name Comma separated list of attribute names to remove filters for.
+             * @param {Function} callback Optional callback function to only remove a specific callback.
+             * @example
+             * // Remove a single filter
+             * serializer.removeAttributeFilter('src,href', someCallback);
+             *
+             * // Remove all filters
+             * serializer.removeAttributeFilter('src,href');
+             */
+            removeAttributeFilter: domSerializer.removeAttributeFilter
+        };
+    };
+
+    const defaultFormat$1 = 'html';
+    const setupArgs$1 = (args, format) => ({
+        ...args,
+        format,
+        get: true,
+        getInner: true
+    });
+    const getContent = (editor, args = {}) => {
+        const format = args.format ? args.format : defaultFormat$1;
+        const defaultedArgs = setupArgs$1(args, format);
+        return preProcessGetContent(editor, defaultedArgs).fold(identity, (updatedArgs) => {
+            const content = getContent$2(editor, updatedArgs);
+            return postProcessGetContent(editor, content, updatedArgs);
+        });
+    };
+
+    const defaultFormat = 'html';
+    const setupArgs = (args, content) => ({
+        format: defaultFormat,
+        ...args,
+        set: true,
+        content
+    });
+    const setContent = (editor, content, args = {}) => {
+        const defaultedArgs = setupArgs(args, content);
+        return preProcessSetContent(editor, defaultedArgs)?.map((updatedArgs) => {
+            const result = setContent$2(editor, updatedArgs.content, updatedArgs);
+            postProcessSetContent(editor, result.html, updatedArgs);
+            return result.content;
+        }).getOr(content);
+    };
+
+    const removedOptions = ('autoresize_on_init,content_editable_state,padd_empty_with_br,block_elements,' +
+        'boolean_attributes,editor_deselector,editor_selector,elements,file_browser_callback_types,filepicker_validator_handler,' +
+        'force_hex_style_colors,force_p_newlines,gecko_spellcheck,images_dataimg_filter,media_scripts,mode,move_caret_before_on_enter_elements,' +
+        'non_empty_elements,self_closing_elements,short_ended_elements,special,spellchecker_select_languages,spellchecker_whitelist,' +
+        'tab_focus,tabfocus_elements,table_responsive_width,text_block_elements,text_inline_elements,toolbar_drawer,types,validate,whitespace_elements,' +
+        'paste_enable_default_filters,paste_filter_drop,paste_word_valid_elements,paste_retain_style_properties,paste_convert_word_fake_lists,' +
+        'template_cdate_classes,template_mdate_classes,template_selected_content_classes,template_preview_replace_values,template_replace_values,templates,template_cdate_format,template_mdate_format').split(',');
+    // const deprecatedOptions: string[] = ('').split(',');
+    const deprecatedOptions = [];
+    const removedPlugins = 'bbcode,colorpicker,contextmenu,fullpage,legacyoutput,spellchecker,template,textcolor,rtc'.split(',');
+    const deprecatedPlugins = [
+        {
+            name: 'export',
+            replacedWith: 'Export to PDF'
+        },
+    ];
+    const getMatchingOptions = (options, searchingFor) => {
+        const settingNames = filter$5(searchingFor, (setting) => has$2(options, setting));
+        return sort(settingNames);
+    };
+    const getRemovedOptions = (options) => {
+        const settingNames = getMatchingOptions(options, removedOptions);
+        // Forced root block is a special case whereby only the empty/false value is deprecated
+        const forcedRootBlock = options.forced_root_block;
+        // Note: This cast is required for old configurations as forced root block used to allow a boolean
+        if (forcedRootBlock === false || forcedRootBlock === '') {
+            settingNames.push('forced_root_block (false only)');
+        }
+        return sort(settingNames);
+    };
+    const getDeprecatedOptions = (options) => getMatchingOptions(options, deprecatedOptions);
+    const getMatchingPlugins = (options, searchingFor) => {
+        const plugins = Tools.makeMap(options.plugins, ' ');
+        const hasPlugin = (plugin) => has$2(plugins, plugin);
+        const pluginNames = filter$5(searchingFor, hasPlugin);
+        return sort(pluginNames);
+    };
+    const getRemovedPlugins = (options) => getMatchingPlugins(options, removedPlugins);
+    const getDeprecatedPlugins = (options) => getMatchingPlugins(options, deprecatedPlugins?.map((entry) => entry.name));
+    const logRemovedWarnings = (rawOptions, normalizedOptions) => {
+        // Note: Ensure we use the original user settings, not the final when logging
+        const removedOptions = getRemovedOptions(rawOptions);
+        const removedPlugins = getRemovedPlugins(normalizedOptions);
+        const hasRemovedPlugins = removedPlugins.length > 0;
+        const hasRemovedOptions = removedOptions.length > 0;
+        const isLegacyMobileTheme = normalizedOptions.theme === 'mobile';
+        if (hasRemovedPlugins || hasRemovedOptions || isLegacyMobileTheme) {
+            const listJoiner = '\n- ';
+            const themesMessage = isLegacyMobileTheme ? `\n\nThemes:${listJoiner}mobile` : '';
+            const pluginsMessage = hasRemovedPlugins ? `\n\nPlugins:${listJoiner}${removedPlugins.join(listJoiner)}` : '';
+            const optionsMessage = hasRemovedOptions ? `\n\nOptions:${listJoiner}${removedOptions.join(listJoiner)}` : '';
+            // eslint-disable-next-line no-console
+            console.warn('The following deprecated features are currently enabled and have been removed in TinyMCE 7.0. These features will no longer work and should be removed from the TinyMCE configuration. ' +
+                'See https://www.tiny.cloud/docs/tinymce/7/migration-from-6x/ for more information.' +
+                themesMessage +
+                pluginsMessage +
+                optionsMessage);
+        }
+    };
+    const getPluginDescription = (name) => find$2(deprecatedPlugins, (entry) => entry.name === name).fold(() => name, (entry) => {
+        if (entry.replacedWith) {
+            return `${name}, replaced by ${entry.replacedWith}`;
+        }
+        else {
+            return name;
+        }
+    });
+    const logDeprecatedWarnings = (rawOptions, normalizedOptions) => {
+        // Note: Ensure we use the original user settings, not the final when logging
+        const deprecatedOptions = getDeprecatedOptions(rawOptions);
+        const deprecatedPlugins = getDeprecatedPlugins(normalizedOptions);
+        const hasDeprecatedPlugins = deprecatedPlugins.length > 0;
+        const hasDeprecatedOptions = deprecatedOptions.length > 0;
+        if (hasDeprecatedPlugins || hasDeprecatedOptions) {
+            const listJoiner = '\n- ';
+            const pluginsMessage = hasDeprecatedPlugins ? `\n\nPlugins:${listJoiner}${deprecatedPlugins?.map(getPluginDescription).join(listJoiner)}` : '';
+            const optionsMessage = hasDeprecatedOptions ? `\n\nOptions:${listJoiner}${deprecatedOptions.join(listJoiner)}` : '';
+            // eslint-disable-next-line no-console
+            console.warn('The following deprecated features are currently enabled but will be removed soon.' +
+                pluginsMessage +
+                optionsMessage);
+        }
+    };
+    const logWarnings = (rawOptions, normalizedOptions) => {
+        logRemovedWarnings(rawOptions, normalizedOptions);
+        logDeprecatedWarnings(rawOptions, normalizedOptions);
+    };
+
+    const DOM$8 = DOMUtils.DOM;
+    const restoreOriginalStyles = (editor) => {
+        DOM$8.setStyle(editor.id, 'display', editor.orgDisplay);
+    };
+    const safeDestroy = (x) => Optional.from(x).each((x) => x.destroy());
+    const clearDomReferences = (editor) => {
+        const ed = editor;
+        ed.contentAreaContainer = ed.formElement = ed.container = ed.editorContainer = null;
+        ed.bodyElement = ed.contentDocument = ed.contentWindow = null;
+        ed.iframeElement = ed.targetElm = null;
+        const selection = editor.selection;
+        if (selection) {
+            const dom = selection.dom;
+            ed.selection = selection.win = selection.dom = dom.doc = null;
+        }
+    };
+    const restoreForm = (editor) => {
+        const form = editor.formElement;
+        if (form) {
+            if (form._mceOldSubmit) {
+                form.submit = form._mceOldSubmit;
+                delete form._mceOldSubmit;
+            }
+            DOM$8.unbind(form, 'submit reset', editor.formEventDelegate);
+        }
+    };
+    const remove$1 = (editor) => {
+        if (!editor.removed) {
+            const { _selectionOverrides, editorUpload } = editor;
+            const body = editor.getBody();
+            const element = editor.getElement();
+            if (body) {
+                editor.save({ is_removing: true });
+            }
+            editor.removed = true;
+            editor.unbindAllNativeEvents();
+            // Remove any hidden input
+            if (editor.hasHiddenInput && isNonNullable(element === null || element === void 0 ? void 0 : element.nextSibling)) {
+                DOM$8.remove(element.nextSibling);
+            }
+            fireRemove(editor);
+            editor.editorManager.remove(editor);
+            if (!editor.inline && body) {
+                restoreOriginalStyles(editor);
+            }
+            fireDetach(editor);
+            DOM$8.remove(editor.getContainer());
+            safeDestroy(_selectionOverrides);
+            safeDestroy(editorUpload);
+            editor.destroy();
+        }
+    };
+    const destroy = (editor, automatic) => {
+        const { selection, dom } = editor;
+        if (editor.destroyed) {
+            return;
+        }
+        // If user manually calls destroy and not remove
+        // Users seems to have logic that calls destroy instead of remove
+        if (!automatic && !editor.removed) {
+            editor.remove();
+            return;
+        }
+        if (!automatic) {
+            editor.editorManager.off('beforeunload', editor._beforeUnload);
+            // Manual destroy
+            if (editor.theme && editor.theme.destroy) {
+                editor.theme.destroy();
+            }
+            safeDestroy(selection);
+            safeDestroy(dom);
+        }
+        restoreForm(editor);
+        clearDomReferences(editor);
+        editor.destroyed = true;
+    };
+
+    const CreateIconManager = () => {
+        const lookup = {};
+        const add = (id, iconPack) => {
+            lookup[id] = iconPack;
+        };
+        const get = (id) => {
+            if (lookup[id]) {
+                return lookup[id];
+            }
+            else {
+                return { icons: {} };
+            }
+        };
+        const has = (id) => has$2(lookup, id);
+        return {
+            add,
+            get,
+            has
+        };
+    };
+    const IconManager = CreateIconManager();
+
+    const ModelManager = AddOnManager.ModelManager;
+
+    const getProp = (propName, elm) => {
+        const rawElm = elm.dom;
+        return rawElm[propName];
+    };
+    const getComputedSizeProp = (propName, elm) => parseInt(get$7(elm, propName), 10);
+    const getClientWidth = curry(getProp, 'clientWidth');
+    const getClientHeight = curry(getProp, 'clientHeight');
+    const getMarginTop = curry(getComputedSizeProp, 'margin-top');
+    const getMarginLeft = curry(getComputedSizeProp, 'margin-left');
+    const getBoundingClientRect = (elm) => elm.dom.getBoundingClientRect();
+    const isInsideElementContentArea = (bodyElm, clientX, clientY) => {
+        const clientWidth = getClientWidth(bodyElm);
+        const clientHeight = getClientHeight(bodyElm);
+        return clientX >= 0 && clientY >= 0 && clientX <= clientWidth && clientY <= clientHeight;
+    };
+    const transpose = (inline, elm, clientX, clientY) => {
+        const clientRect = getBoundingClientRect(elm);
+        const deltaX = inline ? clientRect.left + elm.dom.clientLeft + getMarginLeft(elm) : 0;
+        const deltaY = inline ? clientRect.top + elm.dom.clientTop + getMarginTop(elm) : 0;
+        const x = clientX - deltaX;
+        const y = clientY - deltaY;
+        return { x, y };
+    };
+    // Checks if the specified coordinate is within the visual content area excluding the scrollbars
+    const isXYInContentArea = (editor, clientX, clientY) => {
+        const bodyElm = SugarElement.fromDom(editor.getBody());
+        const targetElm = editor.inline ? bodyElm : documentElement(bodyElm);
+        const transposedPoint = transpose(editor.inline, targetElm, clientX, clientY);
+        return isInsideElementContentArea(targetElm, transposedPoint.x, transposedPoint.y);
+    };
+    const fromDomSafe = (node) => Optional.from(node)?.map(SugarElement.fromDom);
+    const isEditorAttachedToDom = (editor) => {
+        const rawContainer = editor.inline ? editor.getBody() : editor.getContentAreaContainer();
+        return fromDomSafe(rawContainer)?.map(inBody).getOr(false);
+    };
+
+    var NotificationManagerImpl = () => {
+        const unimplemented = () => {
+            throw new Error('Theme did not provide a NotificationManager implementation.');
+        };
+        return {
+            open: unimplemented,
+            close: unimplemented,
+            getArgs: unimplemented
+        };
+    };
+
+    /**
+     * This class handles the creation of TinyMCE's notifications.
+     *
+     * @class tinymce.NotificationManager
+     * @example
+     * // Opens a new notification of type "error" with text "An error occurred."
+     * tinymce.activeEditor.notificationManager.open({
+     *   text: 'An error occurred.',
+     *   type: 'error'
+     * });
+     */
+    const NotificationManager = (editor) => {
+        const notifications = [];
+        const getImplementation = () => {
+            const theme = editor.theme;
+            return theme && theme.getNotificationManagerImpl ? theme.getNotificationManagerImpl() : NotificationManagerImpl();
+        };
+        const getTopNotification = () => {
+            return Optional.from(notifications[0]);
+        };
+        const isEqual = (a, b) => {
+            return a.type === b.type && a.text === b.text && !a.progressBar && !a.timeout && !b.progressBar && !b.timeout;
+        };
+        const reposition = () => {
+            getTopNotification().each((notification) => {
+                notification.reposition();
+            });
+        };
+        const addNotification = (notification) => {
+            notifications.push(notification);
+        };
+        const closeNotification = (notification) => {
+            findIndex$2(notifications, (otherNotification) => {
+                return otherNotification === notification;
+            }).each((index) => {
+                // Mutate here since third party might have stored away the window array
+                // TODO: Consider breaking this api
+                notifications.splice(index, 1);
+            });
+        };
+        const open = (spec, fireEvent = true) => {
+            // Never open notification if editor has been removed.
+            if (editor.removed || !isEditorAttachedToDom(editor)) {
+                return {};
+            }
+            // fire event to allow notification spec to be mutated before display
+            if (fireEvent) {
+                editor.dispatch('BeforeOpenNotification', { notification: spec });
+            }
+            return find$2(notifications, (notification) => {
+                return isEqual(getImplementation().getArgs(notification), spec);
+            }).getOrThunk(() => {
+                editor.editorManager.setActive(editor);
+                const notification = getImplementation().open(spec, () => {
+                    closeNotification(notification);
+                }, () => hasEditorOrUiFocus(editor));
+                addNotification(notification);
+                reposition();
+                // Ensure notification is not passed by reference to prevent mutation
+                editor.dispatch('OpenNotification', { notification: { ...notification } });
+                return notification;
+            });
+        };
+        const close = () => {
+            getTopNotification().each((notification) => {
+                getImplementation().close(notification);
+                closeNotification(notification);
+                reposition();
+            });
+        };
+        const getNotifications = constant(notifications);
+        const registerEvents = (editor) => {
+            editor.on('SkinLoaded', () => {
+                const serviceMessage = getServiceMessage(editor);
+                if (serviceMessage) {
+                    // Ensure we pass false for fireEvent so that service message cannot be altered.
+                    open({
+                        text: serviceMessage,
+                        type: 'warning',
+                        timeout: 0
+                    }, false);
+                }
+                // Ensure the notifications are repositioned once the skin has loaded, as otherwise
+                // any notifications rendered before then may have wrapped and been in the wrong place
+                reposition();
+            });
+            // NodeChange is needed for inline mode and autoresize as the positioning is done
+            // from the bottom up, which changes when the content in the editor changes.
+            editor.on('show ResizeEditor ResizeWindow NodeChange ToggleView FullscreenStateChanged', () => {
+                requestAnimationFrame(reposition);
+            });
+            editor.on('remove', () => {
+                each$e(notifications.slice(), (notification) => {
+                    getImplementation().close(notification);
+                });
+            });
+            editor.on('keydown', (e) => {
+                var _a;
+                // TODO: TINY-11429 Remove this once we remove the use of keycodes
+                const isF12 = ((_a = e.key) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'f12' || e.keyCode === 123;
+                if (e.altKey && isF12) {
+                    e.preventDefault();
+                    getTopNotification()
+                        ?.map((notificationApi) => SugarElement.fromDom(notificationApi.getEl()))
+                        .each((elm) => focus$1(elm));
+                }
+            });
+        };
+        registerEvents(editor);
+        return {
+            /**
+             * Opens a new notification.
+             *
+             * @method open
+             * @param {Object} args A <code>name: value</code> collection containing settings such as: <code>timeout</code>, <code>type</code>, and message (<code>text</code>).
+             * <br /><br />
+             * For information on the available settings, see: <a href="https://www.tiny.cloud/docs/tinymce/7/creating-custom-notifications/">Create custom notifications</a>.
+             */
+            open,
+            /**
+             * Closes the top most notification.
+             *
+             * @method close
+             */
+            close,
+            /**
+             * Returns the currently opened notification objects.
+             *
+             * @method getNotifications
+             * @return {Array} Array of the currently opened notifications.
+             */
+            getNotifications
+        };
+    };
+
+    const PluginManager = AddOnManager.PluginManager;
+
+    const ThemeManager = AddOnManager.ThemeManager;
+
+    var WindowManagerImpl = () => {
+        const unimplemented = () => {
+            throw new Error('Theme did not provide a WindowManager implementation.');
+        };
+        return {
+            open: unimplemented,
+            openUrl: unimplemented,
+            alert: unimplemented,
+            confirm: unimplemented,
+            close: unimplemented
+        };
+    };
+
+    const WindowManager = (editor) => {
+        let dialogs = [];
+        const getImplementation = () => {
+            const theme = editor.theme;
+            return theme && theme.getWindowManagerImpl ? theme.getWindowManagerImpl() : WindowManagerImpl();
+        };
+        const funcBind = (scope, f) => {
+            return (...args) => {
+                return f ? f.apply(scope, args) : undefined;
+            };
+        };
+        const fireOpenEvent = (dialog) => {
+            editor.dispatch('OpenWindow', {
+                dialog
+            });
+        };
+        const fireCloseEvent = (dialog) => {
+            editor.dispatch('CloseWindow', {
+                dialog
+            });
+        };
+        const addDialog = (dialog) => {
+            dialogs.push(dialog);
+            fireOpenEvent(dialog);
+        };
+        const closeDialog = (dialog) => {
+            fireCloseEvent(dialog);
+            dialogs = filter$5(dialogs, (otherDialog) => {
+                return otherDialog !== dialog;
+            });
+            // Move focus back to editor when the last window is closed
+            if (dialogs.length === 0) {
+                editor.focus();
+            }
+        };
+        const getTopDialog = () => {
+            return Optional.from(dialogs[dialogs.length - 1]);
+        };
+        const storeSelectionAndOpenDialog = (openDialog) => {
+            editor.editorManager.setActive(editor);
+            store(editor);
+            editor.ui.show();
+            const dialog = openDialog();
+            addDialog(dialog);
+            return dialog;
+        };
+        const open = (args, params) => {
+            return storeSelectionAndOpenDialog(() => getImplementation().open(args, params, closeDialog));
+        };
+        const openUrl = (args) => {
+            return storeSelectionAndOpenDialog(() => getImplementation().openUrl(args, closeDialog));
+        };
+        const alert = (message, callback, scope) => {
+            const windowManagerImpl = getImplementation();
+            windowManagerImpl.alert(message, funcBind(scope ? scope : windowManagerImpl, callback));
+        };
+        const confirm = (message, callback, scope) => {
+            const windowManagerImpl = getImplementation();
+            windowManagerImpl.confirm(message, funcBind(scope ? scope : windowManagerImpl, callback));
+        };
+        const close = () => {
+            getTopDialog().each((dialog) => {
+                getImplementation().close(dialog);
+                closeDialog(dialog);
+            });
+        };
+        editor.on('remove', () => {
+            each$e(dialogs, (dialog) => {
+                getImplementation().close(dialog);
+            });
+        });
+        return {
+            /**
+             * Opens a new window.
+             *
+             * @method open
+             * @param {Object} config For information on the available options, see: <a href="https://www.tiny.cloud/docs/tinymce/7/dialog-configuration/#options">Dialog - Configuration options</a>.
+             * @param {Object} params (Optional) For information on the available options, see: <a href="https://www.tiny.cloud/docs/tinymce/7/dialog-configuration/#configuration-parameters">Dialog - Configuration parameters</a>.
+             * @returns {WindowManager.DialogInstanceApi} A new dialog instance.
+             */
+            open,
+            /**
+             * Opens a new window for the specified url.
+             *
+             * @method openUrl
+             * @param {Object} config For information on the available options, see: <a href="https://www.tiny.cloud/docs/tinymce/7/urldialog/#configuration">URL dialog - Configuration</a>.
+             * @returns {WindowManager.UrlDialogInstanceApi} A new URL dialog instance.
+             */
+            openUrl,
+            /**
+             * Creates an alert dialog. Do not use the blocking behavior of this
+             * native version. Use the callback method instead; then it can be extended.
+             *
+             * @method alert
+             * @param {String} message Text to display in the new alert dialog.
+             * @param {Function} callback (Optional) Callback function to be executed after the user has selected ok.
+             * @param {Object} scope (Optional) Scope to execute the callback in.
+             * @example
+             * // Displays an alert box using the active editors window manager instance
+             * tinymce.activeEditor.windowManager.alert('Hello world!');
+             */
+            alert,
+            /**
+             * Creates an alert dialog. Do not use the blocking behavior of this
+             * native version. Use the callback method instead; then it can be extended.
+             *
+             * @method confirm
+             * @param {String} message Text to display in the new confirm dialog.
+             * @param {Function} callback (Optional) Callback function to be executed after the user has selected ok or cancel.
+             * @param {Object} scope (Optional) Scope to execute the callback in.
+             * @example
+             * // Displays a confirm box and an alert message will be displayed depending on what you choose in the confirm
+             * tinymce.activeEditor.windowManager.confirm('Do you want to do something?', (state) => {
+             *   const message = state ? 'Ok' : 'Cancel';
+             *   tinymce.activeEditor.windowManager.alert(message);
+             * });
+             */
+            confirm,
+            /**
+             * Closes the top most window.
+             *
+             * @method close
+             */
+            close
+        };
+    };
+
+    const displayNotification = (editor, message) => {
+        editor.notificationManager.open({
+            type: 'error',
+            text: message
+        });
+    };
+    const displayError = (editor, message) => {
+        if (editor._skinLoaded) {
+            displayNotification(editor, message);
+        }
+        else {
+            editor.on('SkinLoaded', () => {
+                displayNotification(editor, message);
+            });
+        }
+    };
+    const uploadError = (editor, message) => {
+        displayError(editor, I18n.translate(['Failed to upload image: {0}', message]));
+    };
+    const logError = (editor, errorType, msg) => {
+        fireError(editor, errorType, { message: msg });
+        // eslint-disable-next-line no-console
+        console.error(msg);
+    };
+    const createLoadError = (type, url, name) => name ?
+        `Failed to load ${type}: ${name} from url ${url}` :
+        `Failed to load ${type} url: ${url}`;
+    const pluginLoadError = (editor, url, name) => {
+        logError(editor, 'PluginLoadError', createLoadError('plugin', url, name));
+    };
+    const iconsLoadError = (editor, url, name) => {
+        logError(editor, 'IconsLoadError', createLoadError('icons', url, name));
+    };
+    const languageLoadError = (editor, url, name) => {
+        logError(editor, 'LanguageLoadError', createLoadError('language', url, name));
+    };
+    const themeLoadError = (editor, url, name) => {
+        logError(editor, 'ThemeLoadError', createLoadError('theme', url, name));
+    };
+    const modelLoadError = (editor, url, name) => {
+        logError(editor, 'ModelLoadError', createLoadError('model', url, name));
+    };
+    const pluginInitError = (editor, name, err) => {
+        const message = I18n.translate(['Failed to initialize plugin: {0}', name]);
+        fireError(editor, 'PluginLoadError', { message });
+        initError(message, err);
+        displayError(editor, message);
+    };
+    const initError = (message, ...x) => {
+        const console = window.console;
+        if (console) { // Skip test env
+            if (console.error) {
+                console.error(message, ...x);
+            }
+            else {
+                console.log(message, ...x);
+            }
+        }
+    };
+
+    const removeFakeSelection = (editor) => {
+        Optional.from(editor.selection.getNode()).each((elm) => {
+            elm.removeAttribute('data-mce-selected');
+        });
+    };
+    const setEditorCommandState = (editor, cmd, state) => {
+        try {
+            // execCommand needs a string for the value, so convert the boolean to a string
+            // See: https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#Parameters
+            editor.getDoc().execCommand(cmd, false, String(state));
+        }
+        catch (_a) {
+            // Ignore
+        }
+    };
+    const setCommonEditorCommands = (editor, state) => {
+        setEditorCommandState(editor, 'StyleWithCSS', state);
+        setEditorCommandState(editor, 'enableInlineTableEditing', state);
+        setEditorCommandState(editor, 'enableObjectResizing', state);
+    };
+    const restoreFakeSelection = (editor) => {
+        editor.selection.setRng(editor.selection.getRng());
+    };
+    // Not quite sugar Class.toggle, it's more of a Class.set
+    const toggleClass = (elm, cls, state) => {
+        if (has(elm, cls) && !state) {
+            remove$4(elm, cls);
+        }
+        else if (state) {
+            add$2(elm, cls);
+        }
+    };
+    const disableEditor = (editor) => {
+        const body = SugarElement.fromDom(editor.getBody());
+        toggleClass(body, 'mce-content-readonly', true);
+        editor.selection.controlSelection.hideResizeRect();
+        editor._selectionOverrides.hideFakeCaret();
+        removeFakeSelection(editor);
+    };
+    const enableEditor = (editor) => {
+        const body = SugarElement.fromDom(editor.getBody());
+        toggleClass(body, 'mce-content-readonly', false);
+        if (editor.hasEditableRoot()) {
+            set(body, true);
+        }
+        setCommonEditorCommands(editor, false);
+        if (hasEditorOrUiFocus(editor)) {
+            editor.focus();
+        }
+        restoreFakeSelection(editor);
+        editor.nodeChanged();
+    };
+
+    const isDisabled = (editor) => isDisabled$1(editor);
+    const internalContentEditableAttr = 'data-mce-contenteditable';
+    const switchOffContentEditableTrue = (elm) => {
+        each$e(descendants(elm, '*[contenteditable="true"]'), (elm) => {
+            set$4(elm, internalContentEditableAttr, 'true');
+            set(elm, false);
+        });
+    };
+    const switchOnContentEditableTrue = (elm) => {
+        each$e(descendants(elm, `*[${internalContentEditableAttr}="true"]`), (elm) => {
+            remove$9(elm, internalContentEditableAttr);
+            set(elm, true);
+        });
+    };
+    const toggleDisabled = (editor, state) => {
+        const body = SugarElement.fromDom(editor.getBody());
+        if (state) {
+            disableEditor(editor);
+            set(body, false);
+            switchOffContentEditableTrue(body);
+        }
+        else {
+            switchOnContentEditableTrue(body);
+            enableEditor(editor);
+        }
+    };
+    const registerDisabledContentFilters = (editor) => {
+        if (editor.serializer) {
+            registerFilters(editor);
+        }
+        else {
+            editor.on('PreInit', () => {
+                registerFilters(editor);
+            });
+        }
+    };
+    const registerFilters = (editor) => {
+        editor.parser.addAttributeFilter('contenteditable', (nodes) => {
+            if (isDisabled(editor)) {
+                each$e(nodes, (node) => {
+                    node.attr(internalContentEditableAttr, node.attr('contenteditable'));
+                    node.attr('contenteditable', 'false');
+                });
+            }
+        });
+        editor.serializer.addAttributeFilter(internalContentEditableAttr, (nodes) => {
+            if (isDisabled(editor)) {
+                each$e(nodes, (node) => {
+                    node.attr('contenteditable', node.attr(internalContentEditableAttr));
+                });
+            }
+        });
+        editor.serializer.addTempAttr(internalContentEditableAttr);
+    };
+    const isClickEvent = (e) => e.type === 'click';
+    const allowedEvents = ['copy'];
+    const isAllowedEventInDisabledMode = (e) => contains$2(allowedEvents, e.type);
+    const getAnchorHrefOpt = (editor, elm) => {
+        const isRoot = (elm) => eq(elm, SugarElement.fromDom(editor.getBody()));
+        return closest$3(elm, 'a', isRoot).bind((a) => getOpt(a, 'href'));
+    };
+    const processDisabledEvents = (editor, e) => {
+        /*
+          If an event is a click event on or within an anchor, and the CMD/CTRL key is
+          not held, then we want to prevent default behaviour and either:
+            a) scroll to the relevant bookmark
+            b) open the link using default browser behaviour
+        */
+        if (isClickEvent(e) && !VK.metaKeyPressed(e)) {
+            const elm = SugarElement.fromDom(e.target);
+            getAnchorHrefOpt(editor, elm).each((href) => {
+                e.preventDefault();
+                if (/^#/.test(href)) {
+                    const targetEl = editor.dom.select(`${href},[name="${removeLeading(href, '#')}"]`);
+                    if (targetEl.length) {
+                        editor.selection.scrollIntoView(targetEl[0], true);
+                    }
+                }
+                else {
+                    window.open(href, '_blank', 'rel=noopener noreferrer,menubar=yes,toolbar=yes,location=yes,status=yes,resizable=yes,scrollbars=yes');
+                }
+            });
+        }
+        else if (isAllowedEventInDisabledMode(e)) {
+            editor.dispatch(e.type, e);
+        }
+    };
+    const registerDisabledModeEventHandlers = (editor) => {
+        editor.on('ShowCaret ObjectSelected', (e) => {
+            if (isDisabled(editor)) {
+                e.preventDefault();
+            }
+        });
+        // Preprend to the handlers as this should be the first to fire
+        editor.on('DisabledStateChange', (e) => {
+            if (!e.isDefaultPrevented()) {
+                toggleDisabled(editor, e.state);
+            }
+        });
+    };
+    const registerEventsAndFilters$1 = (editor) => {
+        registerDisabledContentFilters(editor);
+        registerDisabledModeEventHandlers(editor);
+    };
+
+    const isContentCssSkinName = (url) => /^[a-z0-9\-]+$/i.test(url);
+    const toContentSkinResourceName = (url) => 'content/' + url + '/content.css';
+    const isBundledCssSkinName = (url) => tinymce.Resource.has(toContentSkinResourceName(url));
+    const getContentCssUrls = (editor) => {
+        return transformToUrls(editor, getContentCss(editor));
+    };
+    const getFontCssUrls = (editor) => {
+        return transformToUrls(editor, getFontCss(editor));
+    };
+    const transformToUrls = (editor, cssLinks) => {
+        const skinUrl = editor.editorManager.baseURL + '/skins/content';
+        const suffix = editor.editorManager.suffix;
+        const contentCssFile = `content${suffix}.css`;
+        return map$3(cssLinks, (url) => {
+            if (isBundledCssSkinName(url)) {
+                return url;
+            }
+            else if (isContentCssSkinName(url) && !editor.inline) {
+                return `${skinUrl}/${url}/${contentCssFile}`;
+            }
+            else {
+                return editor.documentBaseURI.toAbsolute(url);
+            }
+        });
+    };
+    const appendContentCssFromSettings = (editor) => {
+        editor.contentCSS = editor.contentCSS.concat(getContentCssUrls(editor), getFontCssUrls(editor));
+    };
+
+    /**
+     * Finds images with data uris or blob uris. If data uris are found it will convert them into blob uris.
+     *
+     * @private
+     * @class tinymce.file.ImageScanner
+     */
+    const getAllImages = (elm) => {
+        return elm ? from(elm.getElementsByTagName('img')) : [];
+    };
+    const ImageScanner = (uploadStatus, blobCache) => {
+        const cachedPromises = {};
+        const findAll = (elm, predicate = always) => {
+            const images = filter$5(getAllImages(elm), (img) => {
+                const src = img.src;
+                if (img.hasAttribute('data-mce-bogus')) {
+                    return false;
+                }
+                if (img.hasAttribute('data-mce-placeholder')) {
+                    return false;
+                }
+                if (!src || src === Env.transparentSrc) {
+                    return false;
+                }
+                if (startsWith(src, 'blob:')) {
+                    return !uploadStatus.isUploaded(src) && predicate(img);
+                }
+                if (startsWith(src, 'data:')) {
+                    return predicate(img);
+                }
+                return false;
+            });
+            const promises = map$3(images, (img) => {
+                const imageSrc = img.src;
+                if (has$2(cachedPromises, imageSrc)) {
+                    // Since the cached promise will return the cached image
+                    // We need to wrap it and resolve with the actual image
+                    return cachedPromises[imageSrc].then((imageInfo) => {
+                        if (isString(imageInfo)) { // error apparently
+                            return imageInfo;
+                        }
+                        else {
+                            return {
+                                image: img,
+                                blobInfo: imageInfo.blobInfo
+                            };
+                        }
+                    });
+                }
+                else {
+                    const newPromise = imageToBlobInfo(blobCache, imageSrc)
+                        .then((blobInfo) => {
+                        delete cachedPromises[imageSrc];
+                        return { image: img, blobInfo };
+                    }).catch((error) => {
+                        delete cachedPromises[imageSrc];
+                        return error;
+                    });
+                    cachedPromises[imageSrc] = newPromise;
+                    return newPromise;
+                }
+            });
+            return Promise.all(promises);
+        };
+        return {
+            findAll
+        };
+    };
+
+    /**
+     * Holds the current status of a blob uri, if it's pending or uploaded and what the result urls was.
+     *
+     * @private
+     * @class tinymce.file.UploadStatus
+     */
+    const UploadStatus = () => {
+        const PENDING = 1, UPLOADED = 2;
+        let blobUriStatuses = {};
+        const createStatus = (status, resultUri) => {
+            return {
+                status,
+                resultUri
+            };
+        };
+        const hasBlobUri = (blobUri) => {
+            return blobUri in blobUriStatuses;
+        };
+        const getResultUri = (blobUri) => {
+            const result = blobUriStatuses[blobUri];
+            return result ? result.resultUri : null;
+        };
+        const isPending = (blobUri) => {
+            return hasBlobUri(blobUri) ? blobUriStatuses[blobUri].status === PENDING : false;
+        };
+        const isUploaded = (blobUri) => {
+            return hasBlobUri(blobUri) ? blobUriStatuses[blobUri].status === UPLOADED : false;
+        };
+        const markPending = (blobUri) => {
+            blobUriStatuses[blobUri] = createStatus(PENDING, null);
+        };
+        const markUploaded = (blobUri, resultUri) => {
+            blobUriStatuses[blobUri] = createStatus(UPLOADED, resultUri);
+        };
+        const removeFailed = (blobUri) => {
+            delete blobUriStatuses[blobUri];
+        };
+        const destroy = () => {
+            blobUriStatuses = {};
+        };
+        return {
+            hasBlobUri,
+            getResultUri,
+            isPending,
+            isUploaded,
+            markPending,
+            markUploaded,
+            removeFailed,
+            destroy
+        };
+    };
+
+    /**
+     * Generates unique ids.
+     *
+     * @class tinymce.util.Uuid
+     * @private
+     */
+    let count = 0;
+    const seed = () => {
+        const rnd = () => {
+            return Math.round(random() * 0xFFFFFFFF).toString(36);
+        };
+        const now = new Date().getTime();
+        return 's' + now.toString(36) + rnd() + rnd() + rnd();
+    };
+    const uuid = (prefix) => {
+        return prefix + (count++) + seed();
+    };
+
+    const BlobCache = () => {
+        let cache = [];
+        const mimeToExt = (mime) => {
+            const mimes = {
+                'image/jpeg': 'jpg',
+                'image/jpg': 'jpg',
+                'image/gif': 'gif',
+                'image/png': 'png',
+                'image/apng': 'apng',
+                'image/avif': 'avif',
+                'image/svg+xml': 'svg',
+                'image/webp': 'webp',
+                'image/bmp': 'bmp',
+                'image/tiff': 'tiff'
+            };
+            return mimes[mime.toLowerCase()] || 'dat';
+        };
+        const create = (o, blob, base64, name, filename) => {
+            if (isString(o)) {
+                const id = o;
+                return toBlobInfo({
+                    id,
+                    name,
+                    filename,
+                    blob: blob,
+                    base64: base64
+                });
+            }
+            else if (isObject(o)) {
+                return toBlobInfo(o);
+            }
+            else {
+                throw new Error('Unknown input type');
+            }
+        };
+        const toBlobInfo = (o) => {
+            if (!o.blob || !o.base64) {
+                throw new Error('blob and base64 representations of the image are required for BlobInfo to be created');
+            }
+            const id = o.id || uuid('blobid');
+            const name = o.name || id;
+            const blob = o.blob;
+            return {
+                id: constant(id),
+                name: constant(name),
+                filename: constant(o.filename || name + '.' + mimeToExt(blob.type)),
+                blob: constant(blob),
+                base64: constant(o.base64),
+                blobUri: constant(o.blobUri || URL.createObjectURL(blob)),
+                uri: constant(o.uri)
+            };
+        };
+        const add = (blobInfo) => {
+            if (!get(blobInfo.id())) {
+                cache.push(blobInfo);
+            }
+        };
+        const findFirst = (predicate) => find$2(cache, predicate).getOrUndefined();
+        const get = (id) => findFirst((cachedBlobInfo) => cachedBlobInfo.id() === id);
+        const getByUri = (blobUri) => findFirst((blobInfo) => blobInfo.blobUri() === blobUri);
+        const getByData = (base64, type) => findFirst((blobInfo) => blobInfo.base64() === base64 && blobInfo.blob().type === type);
+        const removeByUri = (blobUri) => {
+            cache = filter$5(cache, (blobInfo) => {
+                if (blobInfo.blobUri() === blobUri) {
+                    URL.revokeObjectURL(blobInfo.blobUri());
+                    return false;
+                }
+                return true;
+            });
+        };
+        const destroy = () => {
+            each$e(cache, (cachedBlobInfo) => {
+                URL.revokeObjectURL(cachedBlobInfo.blobUri());
+            });
+            cache = [];
+        };
+        return {
+            create,
+            add,
+            get,
+            getByUri,
+            getByData,
+            findFirst,
+            removeByUri,
+            destroy
+        };
+    };
+
+    const Uploader = (uploadStatus, settings) => {
+        const pendingPromises = {};
+        const pathJoin = (path1, path2) => {
+            if (path1) {
+                return path1.replace(/\/$/, '') + '/' + path2.replace(/^\//, '');
+            }
+            return path2;
+        };
+        const defaultHandler = (blobInfo, progress) => new Promise((success, failure) => {
+            const xhr = new XMLHttpRequest();
+            xhr.open('POST', settings.url);
+            xhr.withCredentials = settings.credentials;
+            xhr.upload.onprogress = (e) => {
+                progress(e.loaded / e.total * 100);
+            };
+            xhr.onerror = () => {
+                failure('Image upload failed due to a XHR Transport error. Code: ' + xhr.status);
+            };
+            xhr.onload = () => {
+                if (xhr.status < 200 || xhr.status >= 300) {
+                    failure('HTTP Error: ' + xhr.status);
+                    return;
+                }
+                const json = JSON.parse(xhr.responseText);
+                if (!json || !isString(json.location)) {
+                    failure('Invalid JSON: ' + xhr.responseText);
+                    return;
+                }
+                success(pathJoin(settings.basePath, json.location));
+            };
+            const formData = new FormData();
+            formData.append('file', blobInfo.blob(), blobInfo.filename());
+            xhr.send(formData);
+        });
+        const uploadHandler = isFunction(settings.handler) ? settings.handler : defaultHandler;
+        const noUpload = () => new Promise((resolve) => {
+            resolve([]);
+        });
+        const handlerSuccess = (blobInfo, url) => ({
+            url,
+            blobInfo,
+            status: true
+        });
+        const handlerFailure = (blobInfo, error) => ({
+            url: '',
+            blobInfo,
+            status: false,
+            error
+        });
+        const resolvePending = (blobUri, result) => {
+            Tools.each(pendingPromises[blobUri], (resolve) => {
+                resolve(result);
+            });
+            delete pendingPromises[blobUri];
+        };
+        const uploadBlobInfo = (blobInfo, handler, openNotification) => {
+            uploadStatus.markPending(blobInfo.blobUri());
+            return new Promise((resolve) => {
+                let notification;
+                let progress;
+                try {
+                    const closeNotification = () => {
+                        if (notification) {
+                            notification.close();
+                            progress = noop; // Once it's closed it's closed
+                        }
+                    };
+                    const success = (url) => {
+                        closeNotification();
+                        uploadStatus.markUploaded(blobInfo.blobUri(), url);
+                        resolvePending(blobInfo.blobUri(), handlerSuccess(blobInfo, url));
+                        resolve(handlerSuccess(blobInfo, url));
+                    };
+                    const failure = (error) => {
+                        closeNotification();
+                        uploadStatus.removeFailed(blobInfo.blobUri());
+                        resolvePending(blobInfo.blobUri(), handlerFailure(blobInfo, error));
+                        resolve(handlerFailure(blobInfo, error));
+                    };
+                    progress = (percent) => {
+                        if (percent < 0 || percent > 100) {
+                            return;
+                        }
+                        Optional.from(notification)
+                            .orThunk(() => Optional.from(openNotification)?.map(apply$1))
+                            .each((n) => {
+                            notification = n;
+                            n.progressBar.value(percent);
+                        });
+                    };
+                    handler(blobInfo, progress).then(success, (err) => {
+                        failure(isString(err) ? { message: err } : err);
+                    });
+                }
+                catch (ex) {
+                    resolve(handlerFailure(blobInfo, ex));
+                }
+            });
+        };
+        const isDefaultHandler = (handler) => handler === defaultHandler;
+        const pendingUploadBlobInfo = (blobInfo) => {
+            const blobUri = blobInfo.blobUri();
+            return new Promise((resolve) => {
+                pendingPromises[blobUri] = pendingPromises[blobUri] || [];
+                pendingPromises[blobUri].push(resolve);
+            });
+        };
+        const uploadBlobs = (blobInfos, openNotification) => {
+            blobInfos = Tools.grep(blobInfos, (blobInfo) => !uploadStatus.isUploaded(blobInfo.blobUri()));
+            return Promise.all(Tools?.map(blobInfos, (blobInfo) => uploadStatus.isPending(blobInfo.blobUri()) ?
+                pendingUploadBlobInfo(blobInfo) : uploadBlobInfo(blobInfo, uploadHandler, openNotification)));
+        };
+        const upload = (blobInfos, openNotification) => (!settings.url && isDefaultHandler(uploadHandler)) ? noUpload() : uploadBlobs(blobInfos, openNotification);
+        return {
+            upload
+        };
+    };
+
+    const openNotification = (editor) => () => editor.notificationManager.open({
+        text: editor.translate('Image uploading...'),
+        type: 'info',
+        timeout: -1,
+        progressBar: true
+    });
+    const createUploader = (editor, uploadStatus) => Uploader(uploadStatus, {
+        url: getImageUploadUrl(editor),
+        basePath: getImageUploadBasePath(editor),
+        credentials: getImagesUploadCredentials(editor),
+        handler: getImagesUploadHandler(editor)
+    });
+    /**
+     * This class handles uploading images to a back-end server.
+     *
+     * @class tinymce.util.ImageUploader
+     */
+    const ImageUploader = (editor) => {
+        const uploadStatus = UploadStatus();
+        const uploader = createUploader(editor, uploadStatus);
+        return {
+            /**
+             * Uploads images to the configured image upload URL (`images_upload_url`) or passes the images to the defined image upload handler function (`images_upload_handler`).
+             *
+             * @method upload
+             * @param {Array} blobInfos  A BlobInfo array containing the image data to upload. A BlobInfo can be created by calling `editor.editorUpload.blobCache.create()`.
+             * @param {Boolean} showNotification (Optional) When set to true, a notification with a progress bar will be shown during image uploads.
+             */
+            upload: (blobInfos, showNotification = true) => uploader.upload(blobInfos, showNotification ? openNotification(editor) : undefined)
+        };
+    };
+
+    const isEmptyForPadding = (editor, element) => editor.dom.isEmpty(element.dom) && isNonNullable(editor.schema.getTextBlockElements()[name(element)]);
+    const addPaddingToEmpty = (editor) => (element) => {
+        if (isEmptyForPadding(editor, element)) {
+            append$1(element, SugarElement.fromHtml('<br data-mce-bogus="1" />'));
+        }
+    };
+    const EditorUpload = (editor) => {
+        const blobCache = BlobCache();
+        let uploader, imageScanner;
+        const uploadStatus = UploadStatus();
+        const urlFilters = [];
+        const aliveGuard = (callback) => {
+            return (result) => {
+                if (editor.selection) {
+                    return callback(result);
+                }
+                return [];
+            };
+        };
+        const cacheInvalidator = (url) => url + (url.indexOf('?') === -1 ? '?' : '&') + (new Date()).getTime();
+        // Replaces strings without regexps to avoid FF regexp to big issue
+        const replaceString = (content, search, replace) => {
+            let index = 0;
+            do {
+                index = content.indexOf(search, index);
+                if (index !== -1) {
+                    content = content.substring(0, index) + replace + content.substr(index + search.length);
+                    index += replace.length - search.length + 1;
+                }
+            } while (index !== -1);
+            return content;
+        };
+        const replaceImageUrl = (content, targetUrl, replacementUrl) => {
+            const replacementString = `src="${replacementUrl}"${replacementUrl === Env.transparentSrc ? ' data-mce-placeholder="1"' : ''}`;
+            content = replaceString(content, `src="${targetUrl}"`, replacementString);
+            content = replaceString(content, 'data-mce-src="' + targetUrl + '"', 'data-mce-src="' + replacementUrl + '"');
+            return content;
+        };
+        const replaceUrlInUndoStack = (targetUrl, replacementUrl) => {
+            each$e(editor.undoManager.data, (level) => {
+                if (level.type === 'fragmented') {
+                    level.fragments = map$3(level.fragments, (fragment) => replaceImageUrl(fragment, targetUrl, replacementUrl));
+                }
+                else {
+                    level.content = replaceImageUrl(level.content, targetUrl, replacementUrl);
+                }
+            });
+        };
+        const replaceImageUriInView = (image, resultUri) => {
+            const src = editor.convertURL(resultUri, 'src');
+            replaceUrlInUndoStack(image.src, resultUri);
+            setAll$1(SugarElement.fromDom(image), {
+                'src': shouldReuseFileName(editor) ? cacheInvalidator(resultUri) : resultUri,
+                'data-mce-src': src
+            });
+        };
+        const uploadImages = () => {
+            if (!uploader) {
+                uploader = createUploader(editor, uploadStatus);
+            }
+            return scanForImages().then(aliveGuard((imageInfos) => {
+                const blobInfos = map$3(imageInfos, (imageInfo) => imageInfo.blobInfo);
+                return uploader.upload(blobInfos, openNotification(editor)).then(aliveGuard((result) => {
+                    const imagesToRemove = [];
+                    let shouldDispatchChange = false;
+                    const filteredResult = map$3(result, (uploadInfo, index) => {
+                        const { blobInfo, image } = imageInfos[index];
+                        let removed = false;
+                        if (uploadInfo.status && shouldReplaceBlobUris(editor)) {
+                            if (uploadInfo.url && !contains$1(image.src, uploadInfo.url)) {
+                                shouldDispatchChange = true;
+                            }
+                            blobCache.removeByUri(image.src);
+                            if (isRtc(editor)) ;
+                            else {
+                                replaceImageUriInView(image, uploadInfo.url);
+                            }
+                        }
+                        else if (uploadInfo.error) {
+                            if (uploadInfo.error.remove) {
+                                replaceUrlInUndoStack(image.src, Env.transparentSrc);
+                                imagesToRemove.push(image);
+                                removed = true;
+                            }
+                            uploadError(editor, uploadInfo.error.message);
+                        }
+                        return {
+                            element: image,
+                            status: uploadInfo.status,
+                            uploadUri: uploadInfo.url,
+                            blobInfo,
+                            removed
+                        };
+                    });
+                    if (imagesToRemove.length > 0 && !isRtc(editor)) {
+                        editor.undoManager.transact(() => {
+                            each$e(fromDom$1(imagesToRemove), (sugarElement) => {
+                                const parentOpt = parent(sugarElement);
+                                remove$8(sugarElement);
+                                // This needs a more editor-wide fix, see issue TINY-9802. Short version: Removing the image resulted in empty <p> elements, which confused the editor.
+                                parentOpt.each(addPaddingToEmpty(editor));
+                                blobCache.removeByUri(sugarElement.dom.src);
+                            });
+                        });
+                    }
+                    else if (shouldDispatchChange) {
+                        editor.undoManager.dispatchChange();
+                    }
+                    return filteredResult;
+                }));
+            }));
+        };
+        const uploadImagesAuto = () => isAutomaticUploadsEnabled(editor) ? uploadImages() : Promise.resolve([]);
+        const isValidDataUriImage = (imgElm) => forall(urlFilters, (filter) => filter(imgElm));
+        const addFilter = (filter) => {
+            urlFilters.push(filter);
+        };
+        const scanForImages = () => {
+            if (!imageScanner) {
+                imageScanner = ImageScanner(uploadStatus, blobCache);
+            }
+            return imageScanner.findAll(editor.getBody(), isValidDataUriImage).then(aliveGuard((result) => {
+                const filteredResult = filter$5(result, (resultItem) => {
+                    // ImageScanner internally converts images that it finds, but it may fail to do so if image source is inaccessible.
+                    // In such case resultItem will contain appropriate text error message, instead of image data.
+                    if (isString(resultItem)) {
+                        displayError(editor, resultItem);
+                        return false;
+                    }
+                    else if (resultItem.uriType === 'blob') {
+                        return false;
+                    }
+                    else {
+                        return true;
+                    }
+                });
+                if (isRtc(editor)) ;
+                else {
+                    each$e(filteredResult, (resultItem) => {
+                        replaceUrlInUndoStack(resultItem.image.src, resultItem.blobInfo.blobUri());
+                        resultItem.image.src = resultItem.blobInfo.blobUri();
+                        resultItem.image.removeAttribute('data-mce-src');
+                    });
+                }
+                return filteredResult;
+            }));
+        };
+        const destroy = () => {
+            blobCache.destroy();
+            uploadStatus.destroy();
+            imageScanner = uploader = null;
+        };
+        const replaceBlobUris = (content) => {
+            return content.replace(/src="(blob:[^"]+)"/g, (match, blobUri) => {
+                const resultUri = uploadStatus.getResultUri(blobUri);
+                if (resultUri) {
+                    return 'src="' + resultUri + '"';
+                }
+                let blobInfo = blobCache.getByUri(blobUri);
+                if (!blobInfo) {
+                    blobInfo = foldl(editor.editorManager.get(), (result, editor) => {
+                        return result || editor.editorUpload && editor.editorUpload.blobCache.getByUri(blobUri);
+                    }, undefined);
+                }
+                if (blobInfo) {
+                    const blob = blobInfo.blob();
+                    return 'src="data:' + blob.type + ';base64,' + blobInfo.base64() + '"';
+                }
+                return match;
+            });
+        };
+        editor.on('SetContent', () => {
+            if (isAutomaticUploadsEnabled(editor)) {
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                uploadImagesAuto();
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                scanForImages();
+            }
+        });
+        editor.on('RawSaveContent', (e) => {
+            e.content = replaceBlobUris(e.content);
+        });
+        editor.on('GetContent', (e) => {
+            if (e.source_view || e.format === 'raw' || e.format === 'tree') {
+                return;
+            }
+            e.content = replaceBlobUris(e.content);
+        });
+        editor.on('PostRender', () => {
+            editor.parser.addNodeFilter('img', (images) => {
+                each$e(images, (img) => {
+                    const src = img.attr('src');
+                    if (!src || blobCache.getByUri(src)) {
+                        return;
+                    }
+                    const resultUri = uploadStatus.getResultUri(src);
+                    if (resultUri) {
+                        img.attr('src', resultUri);
+                    }
+                });
+            });
+        });
+        return {
+            blobCache,
+            addFilter,
+            uploadImages,
+            uploadImagesAuto,
+            scanForImages,
+            destroy
+        };
+    };
+
+    const get$1 = (editor) => {
+        const dom = editor.dom;
+        const schemaType = editor.schema.type;
+        const formats = {
+            valigntop: [
+                { selector: 'td,th', styles: { verticalAlign: 'top' } }
+            ],
+            valignmiddle: [
+                { selector: 'td,th', styles: { verticalAlign: 'middle' } }
+            ],
+            valignbottom: [
+                { selector: 'td,th', styles: { verticalAlign: 'bottom' } }
+            ],
+            alignleft: [
+                {
+                    selector: 'figure.image',
+                    collapsed: false,
+                    classes: 'align-left',
+                    ceFalseOverride: true,
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: 'figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre',
+                    styles: {
+                        textAlign: 'left'
+                    },
+                    inherit: false,
+                    preview: false
+                },
+                {
+                    selector: 'img,audio,video',
+                    collapsed: false,
+                    styles: {
+                        float: 'left',
+                    },
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: '.mce-placeholder',
+                    styles: {
+                        float: 'left',
+                    },
+                    ceFalseOverride: true
+                },
+                {
+                    selector: 'table',
+                    collapsed: false,
+                    styles: {
+                        marginLeft: '0px',
+                        marginRight: 'auto',
+                    },
+                    onformat: (table) => {
+                        // Remove conflicting float style
+                        dom.setStyle(table, 'float', null);
+                    },
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: '.mce-preview-object,[data-ephox-embed-iri]',
+                    ceFalseOverride: true,
+                    styles: {
+                        float: 'left'
+                    }
+                }
+            ],
+            aligncenter: [
+                {
+                    selector: 'figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre',
+                    styles: {
+                        textAlign: 'center'
+                    },
+                    inherit: false,
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: 'figure.image',
+                    collapsed: false,
+                    classes: 'align-center',
+                    ceFalseOverride: true,
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: 'img,audio,video',
+                    collapsed: false,
+                    styles: {
+                        display: 'block',
+                        marginLeft: 'auto',
+                        marginRight: 'auto'
+                    },
+                    preview: false
+                },
+                {
+                    selector: '.mce-placeholder',
+                    styles: {
+                        display: 'block',
+                        marginLeft: 'auto',
+                        marginRight: 'auto',
+                    },
+                    ceFalseOverride: true
+                },
+                {
+                    selector: 'table',
+                    collapsed: false,
+                    styles: {
+                        marginLeft: 'auto',
+                        marginRight: 'auto'
+                    },
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: '.mce-preview-object',
+                    ceFalseOverride: true,
+                    styles: {
+                        display: 'table', // Needs to be `table` to properly render while editing
+                        marginLeft: 'auto',
+                        marginRight: 'auto'
+                    },
+                    preview: false
+                },
+                {
+                    selector: '[data-ephox-embed-iri]',
+                    ceFalseOverride: true,
+                    styles: {
+                        marginLeft: 'auto',
+                        marginRight: 'auto'
+                    },
+                    preview: false
+                }
+            ],
+            alignright: [
+                {
+                    selector: 'figure.image',
+                    collapsed: false,
+                    classes: 'align-right',
+                    ceFalseOverride: true,
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: 'figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre',
+                    styles: {
+                        textAlign: 'right'
+                    },
+                    inherit: false,
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: 'img,audio,video',
+                    collapsed: false,
+                    styles: {
+                        float: 'right'
+                    },
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: '.mce-placeholder',
+                    styles: {
+                        float: 'right'
+                    },
+                    ceFalseOverride: true
+                },
+                {
+                    selector: 'table',
+                    collapsed: false,
+                    styles: {
+                        marginRight: '0px',
+                        marginLeft: 'auto',
+                    },
+                    onformat: (table) => {
+                        // Remove conflicting float style
+                        dom.setStyle(table, 'float', null);
+                    },
+                    preview: 'font-family font-size'
+                },
+                {
+                    selector: '.mce-preview-object,[data-ephox-embed-iri]',
+                    ceFalseOverride: true,
+                    styles: {
+                        float: 'right'
+                    },
+                    preview: false
+                }
+            ],
+            alignjustify: [
+                {
+                    selector: 'figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre',
+                    styles: {
+                        textAlign: 'justify'
+                    },
+                    inherit: false,
+                    preview: 'font-family font-size'
+                }
+            ],
+            bold: [
+                { inline: 'strong', remove: 'all', preserve_attributes: ['class', 'style'] },
+                { inline: 'span', styles: { fontWeight: 'bold' } },
+                { inline: 'b', remove: 'all', preserve_attributes: ['class', 'style'] }
+            ],
+            italic: [
+                { inline: 'em', remove: 'all', preserve_attributes: ['class', 'style'] },
+                { inline: 'span', styles: { fontStyle: 'italic' } },
+                { inline: 'i', remove: 'all', preserve_attributes: ['class', 'style'] }
+            ],
+            underline: [
+                { inline: 'span', styles: { textDecoration: 'underline' }, exact: true },
+                { inline: 'u', remove: 'all', preserve_attributes: ['class', 'style'] }
+            ],
+            strikethrough: (() => {
+                const span = { inline: 'span', styles: { textDecoration: 'line-through' }, exact: true };
+                const strike = { inline: 'strike', remove: 'all', preserve_attributes: ['class', 'style'] };
+                const s = { inline: 's', remove: 'all', preserve_attributes: ['class', 'style'] };
+                return schemaType !== 'html4' ? [s, span, strike] : [span, s, strike];
+            })(),
+            forecolor: { inline: 'span', styles: { color: '%value' }, links: true, remove_similar: true, clear_child_styles: true },
+            hilitecolor: { inline: 'span', styles: { backgroundColor: '%value' }, links: true, remove_similar: true, clear_child_styles: true },
+            fontname: { inline: 'span', toggle: false, styles: { fontFamily: '%value' }, clear_child_styles: true },
+            fontsize: { inline: 'span', toggle: false, styles: { fontSize: '%value' }, clear_child_styles: true },
+            lineheight: { selector: 'h1,h2,h3,h4,h5,h6,p,li,td,th,div', styles: { lineHeight: '%value' } },
+            fontsize_class: { inline: 'span', attributes: { class: '%value' } },
+            blockquote: { block: 'blockquote', wrapper: true, remove: 'all' },
+            subscript: { inline: 'sub' },
+            superscript: { inline: 'sup' },
+            code: { inline: 'code' },
+            samp: { inline: 'samp' },
+            link: {
+                inline: 'a', selector: 'a', remove: 'all', split: true, deep: true,
+                onmatch: (node, _fmt, _itemName) => {
+                    return isElement$6(node) && node.hasAttribute('href');
+                },
+                onformat: (elm, _fmt, vars) => {
+                    Tools.each(vars, (value, key) => {
+                        dom.setAttrib(elm, key, value);
+                    });
+                }
+            },
+            lang: {
+                inline: 'span',
+                clear_child_styles: true,
+                remove_similar: true,
+                attributes: {
+                    'lang': '%value',
+                    'data-mce-lang': (vars) => { var _a; return (_a = vars === null || vars === void 0 ? void 0 : vars.customValue) !== null && _a !== void 0 ? _a : null; }
+                }
+            },
+            removeformat: [
+                {
+                    selector: 'b,strong,em,i,font,u,strike,s,sub,sup,dfn,code,samp,kbd,var,cite,mark,q,del,ins,small',
+                    remove: 'all',
+                    split: true,
+                    expand: false,
+                    block_expand: true,
+                    deep: true
+                },
+                { selector: 'span', attributes: ['style', 'class'], remove: 'empty', split: true, expand: false, deep: true },
+                { selector: '*', attributes: ['style', 'class'], split: false, expand: false, deep: true }
+            ]
+        };
+        Tools.each('p h1 h2 h3 h4 h5 h6 div address pre dt dd'.split(/\s/), (name) => {
+            formats[name] = { block: name, remove: 'all' };
+        });
+        return formats;
+    };
+
+    const genericBase = {
+        remove_similar: true,
+        inherit: false
+    };
+    const cellBase = {
+        selector: 'td,th',
+        ...genericBase
+    };
+    const cellFormats = {
+        tablecellbackgroundcolor: {
+            styles: { backgroundColor: '%value' },
+            ...cellBase
+        },
+        tablecellverticalalign: {
+            styles: {
+                'vertical-align': '%value'
+            },
+            ...cellBase
+        },
+        tablecellbordercolor: {
+            styles: { borderColor: '%value' },
+            ...cellBase
+        },
+        tablecellclass: {
+            classes: ['%value'],
+            ...cellBase
+        },
+        tableclass: {
+            selector: 'table',
+            classes: ['%value'],
+            ...genericBase
+        },
+        tablecellborderstyle: {
+            styles: { borderStyle: '%value' },
+            ...cellBase
+        },
+        tablecellborderwidth: {
+            styles: { borderWidth: '%value' },
+            ...cellBase
+        }
+    };
+    const get = constant(cellFormats);
+
+    const FormatRegistry = (editor) => {
+        const formats = {};
+        const get$2 = (name) => isNonNullable(name) ? formats[name] : formats;
+        const has = (name) => has$2(formats, name);
+        const register = (name, format) => {
+            if (name) {
+                if (!isString(name)) {
+                    each$d(name, (format, name) => {
+                        register(name, format);
+                    });
+                }
+                else {
+                    // Force format into array and add it to internal collection
+                    if (!isArray$1(format)) {
+                        format = [format];
+                    }
+                    each$e(format, (format) => {
+                        // Set deep to false by default on selector formats this to avoid removing
+                        // alignment on images inside paragraphs when alignment is changed on paragraphs
+                        if (isUndefined(format.deep)) {
+                            format.deep = !isSelectorFormat(format);
+                        }
+                        // Default to true
+                        if (isUndefined(format.split)) {
+                            format.split = !isSelectorFormat(format) || isInlineFormat(format);
+                        }
+                        // Default to true
+                        if (isUndefined(format.remove) && isSelectorFormat(format) && !isInlineFormat(format)) {
+                            format.remove = 'none';
+                        }
+                        // Mark format as a mixed format inline + block level
+                        if (isSelectorFormat(format) && isInlineFormat(format)) {
+                            format.mixed = true;
+                            format.block_expand = true;
+                        }
+                        // Split classes if needed
+                        if (isString(format.classes)) {
+                            format.classes = format.classes.split(/\s+/);
+                        }
+                    });
+                    formats[name] = format;
+                }
+            }
+        };
+        const unregister = (name) => {
+            if (name && formats[name]) {
+                delete formats[name];
+            }
+            return formats;
+        };
+        register(get$1(editor));
+        register(get());
+        register(getFormats(editor));
+        return {
+            get: get$2,
+            has,
+            register,
+            unregister
+        };
+    };
+
+    const each$3 = Tools.each;
+    const dom = DOMUtils.DOM;
+    const isPreviewItem = (item) => isNonNullable(item) && isObject(item);
+    const parsedSelectorToHtml = (ancestry, editor) => {
+        const schema = editor && editor.schema || Schema({});
+        const decorate = (elm, item) => {
+            if (item.classes.length > 0) {
+                dom.addClass(elm, item.classes.join(' '));
+            }
+            dom.setAttribs(elm, item.attrs);
+        };
+        const createElement = (sItem) => {
+            const item = isString(sItem) ? {
+                name: sItem,
+                classes: [],
+                attrs: {}
+            } : sItem;
+            const elm = dom.create(item.name);
+            decorate(elm, item);
+            return elm;
+        };
+        const getRequiredParent = (elm, candidate) => {
+            const elmRule = schema.getElementRule(elm.nodeName.toLowerCase());
+            const parentsRequired = elmRule === null || elmRule === void 0 ? void 0 : elmRule.parentsRequired;
+            if (parentsRequired && parentsRequired.length) {
+                return candidate && contains$2(parentsRequired, candidate) ? candidate : parentsRequired[0];
+            }
+            else {
+                return false;
+            }
+        };
+        const wrapInHtml = (elm, ancestors, siblings) => {
+            let parentCandidate;
+            const ancestor = ancestors[0];
+            const ancestorName = isPreviewItem(ancestor) ? ancestor.name : undefined;
+            const parentRequired = getRequiredParent(elm, ancestorName);
+            if (parentRequired) {
+                if (ancestorName === parentRequired) {
+                    parentCandidate = ancestor;
+                    ancestors = ancestors.slice(1);
+                }
+                else {
+                    parentCandidate = parentRequired;
+                }
+            }
+            else if (ancestor) {
+                parentCandidate = ancestor;
+                ancestors = ancestors.slice(1);
+            }
+            else if (!siblings) {
+                return elm;
+            }
+            // if no more ancestry, wrap in generic div
+            const parent = parentCandidate ? createElement(parentCandidate) : dom.create('div');
+            parent.appendChild(elm);
+            if (siblings) {
+                Tools.each(siblings, (sibling) => {
+                    const siblingElm = createElement(sibling);
+                    parent.insertBefore(siblingElm, elm);
+                });
+            }
+            const parentSiblings = isPreviewItem(parentCandidate) ? parentCandidate.siblings : undefined;
+            return wrapInHtml(parent, ancestors, parentSiblings);
+        };
+        const fragment = dom.create('div');
+        if (ancestry.length > 0) {
+            const item = ancestry[0];
+            const elm = createElement(item);
+            const siblings = isPreviewItem(item) ? item.siblings : undefined;
+            fragment.appendChild(wrapInHtml(elm, ancestry.slice(1), siblings));
+        }
+        return fragment;
+    };
+    const parseSelectorItem = (item) => {
+        item = Tools.trim(item);
+        let tagName = 'div';
+        const obj = {
+            name: tagName,
+            classes: [],
+            attrs: {},
+            selector: item
+        };
+        if (item !== '*') {
+            // matching IDs, CLASSes, ATTRIBUTES and PSEUDOs
+            tagName = item.replace(/(?:([#\.]|::?)([\w\-]+)|(\[)([^\]]+)\]?)/g, ($0, $1, $2, $3, $4) => {
+                switch ($1) {
+                    case '#':
+                        obj.attrs.id = $2;
+                        break;
+                    case '.':
+                        obj.classes.push($2);
+                        break;
+                    case ':':
+                        if (Tools.inArray('checked disabled enabled read-only required'.split(' '), $2) !== -1) {
+                            obj.attrs[$2] = $2;
+                        }
+                        break;
+                }
+                // attribute matched
+                if ($3 === '[') {
+                    const m = $4.match(/([\w\-]+)(?:\=\"([^\"]+))?/);
+                    if (m) {
+                        obj.attrs[m[1]] = m[2];
+                    }
+                }
+                return '';
+            });
+        }
+        obj.name = tagName || 'div';
+        return obj;
+    };
+    const parseSelector = (selector) => {
+        if (!isString(selector)) {
+            return [];
+        }
+        // take into account only first one
+        selector = selector.split(/\s*,\s*/)[0];
+        // tighten
+        selector = selector.replace(/\s*(~\+|~|\+|>)\s*/g, '$1');
+        // split either on > or on space, but not the one inside brackets
+        return Tools?.map(selector.split(/(?:>|\s+(?![^\[\]]+\]))/), (item) => {
+            // process each sibling selector separately
+            const siblings = Tools?.map(item.split(/(?:~\+|~|\+)/), parseSelectorItem);
+            const obj = siblings.pop(); // the last one is our real target
+            if (siblings.length) {
+                obj.siblings = siblings;
+            }
+            return obj;
+        }).reverse();
+    };
+    const getCssText = (editor, format) => {
+        let previewCss = '';
+        let previewStyles = getPreviewStyles(editor);
+        // No preview forced
+        if (previewStyles === '') {
+            return '';
+        }
+        // Removes any variables since these can't be previewed
+        const removeVars = (val) => {
+            return isString(val) ? val.replace(/%(\w+)/g, '') : '';
+        };
+        const getComputedStyle = (name, elm) => {
+            return dom.getStyle(elm !== null && elm !== void 0 ? elm : editor.getBody(), name, true);
+        };
+        // Create block/inline element to use for preview
+        if (isString(format)) {
+            const formats = editor.formatter.get(format);
+            if (!formats) {
+                return '';
+            }
+            format = formats[0];
+        }
+        // Format specific preview override
+        // TODO: This should probably be further reduced by the previewStyles option
+        if ('preview' in format) {
+            const preview = format.preview;
+            if (preview === false) {
+                return '';
+            }
+            else {
+                previewStyles = preview || previewStyles;
+            }
+        }
+        let name = format.block || format.inline || 'span';
+        let previewFrag;
+        const items = parseSelector(format.selector);
+        if (items.length > 0) {
+            if (!items[0].name) { // e.g. something like ul > .someClass was provided
+                items[0].name = name;
+            }
+            name = format.selector;
+            previewFrag = parsedSelectorToHtml(items, editor);
+        }
+        else {
+            previewFrag = parsedSelectorToHtml([name], editor);
+        }
+        const previewElm = dom.select(name, previewFrag)[0] || previewFrag.firstChild;
+        // Add format styles to preview element
+        each$3(format.styles, (value, name) => {
+            const newValue = removeVars(value);
+            if (newValue) {
+                dom.setStyle(previewElm, name, newValue);
+            }
+        });
+        // Add attributes to preview element
+        each$3(format.attributes, (value, name) => {
+            const newValue = removeVars(value);
+            if (newValue) {
+                dom.setAttrib(previewElm, name, newValue);
+            }
+        });
+        // Add classes to preview element
+        each$3(format.classes, (value) => {
+            const newValue = removeVars(value);
+            if (!dom.hasClass(previewElm, newValue)) {
+                dom.addClass(previewElm, newValue);
+            }
+        });
+        editor.dispatch('PreviewFormats');
+        // Add the previewElm outside the visual area
+        dom.setStyles(previewFrag, { position: 'absolute', left: -0xFFFF });
+        editor.getBody().appendChild(previewFrag);
+        // Get parent container font size so we can compute px values out of em/% for older IE:s
+        const rawParentFontSize = getComputedStyle('fontSize');
+        const parentFontSize = /px$/.test(rawParentFontSize) ? parseInt(rawParentFontSize, 10) : 0;
+        each$3(previewStyles.split(' '), (name) => {
+            let value = getComputedStyle(name, previewElm);
+            // If background is transparent then check if the body has a background color we can use
+            if (name === 'background-color' && /transparent|rgba\s*\([^)]+,\s*0\)/.test(value)) {
+                value = getComputedStyle(name);
+                // Ignore white since it's the default color, not the nicest fix
+                // TODO: Fix this by detecting runtime style
+                if (rgbaToHexString(value).toLowerCase() === '#ffffff') {
+                    return;
+                }
+            }
+            if (name === 'color') {
+                // Ignore black since it's the default color, not the nicest fix
+                // TODO: Fix this by detecting runtime style
+                if (rgbaToHexString(value).toLowerCase() === '#000000') {
+                    return;
+                }
+            }
+            // Old IE won't calculate the font size so we need to do that manually
+            if (name === 'font-size') {
+                if (/em|%$/.test(value)) {
+                    if (parentFontSize === 0) {
+                        return;
+                    }
+                    // Convert font size from em/% to px
+                    const numValue = parseFloat(value) / (/%$/.test(value) ? 100 : 1);
+                    value = (numValue * parentFontSize) + 'px';
+                }
+            }
+            if (name === 'border' && value) {
+                previewCss += 'padding:0 2px;';
+            }
+            previewCss += name + ':' + value + ';';
+        });
+        editor.dispatch('AfterPreviewFormats');
+        // previewCss += 'line-height:normal';
+        dom.remove(previewFrag);
+        return previewCss;
+    };
+
+    const setup$s = (editor) => {
+        // Add some inline shortcuts
+        editor.addShortcut('meta+b', '', 'Bold');
+        editor.addShortcut('meta+i', '', 'Italic');
+        editor.addShortcut('meta+u', '', 'Underline');
+        // BlockFormat shortcuts keys
+        for (let i = 1; i <= 6; i++) {
+            editor.addShortcut('access+' + i, '', ['FormatBlock', false, 'h' + i]);
+        }
+        editor.addShortcut('access+7', '', ['FormatBlock', false, 'p']);
+        editor.addShortcut('access+8', '', ['FormatBlock', false, 'div']);
+        editor.addShortcut('access+9', '', ['FormatBlock', false, 'address']);
+    };
+
+    const Formatter = (editor) => {
+        const formats = FormatRegistry(editor);
+        const formatChangeState = Cell({});
+        setup$s(editor);
+        setup$v(editor);
+        if (!isRtc(editor)) {
+            setup$u(formatChangeState, editor);
+        }
+        return {
+            /**
+             * Returns the format by name or all formats if no name is specified.
+             *
+             * @method get
+             * @param {String} name Optional name to retrieve by.
+             * @return {Array/Object} Array/Object with all registered formats or a specific format.
+             */
+            get: formats.get,
+            /**
+             * Returns true or false if a format is registered for the specified name.
+             *
+             * @method has
+             * @param {String} name Format name to check if a format exists.
+             * @return {Boolean} True/False if a format for the specified name exists.
+             */
+            has: formats.has,
+            /**
+             * Registers a specific format by name.
+             *
+             * @method register
+             * @param {Object/String} name Name of the format for example "bold".
+             * @param {Object/Array} format Optional format object or array of format variants
+             * can only be omitted if the first arg is an object.
+             */
+            register: formats.register,
+            /**
+             * Unregister a specific format by name.
+             *
+             * @method unregister
+             * @param {String} name Name of the format for example "bold".
+             */
+            unregister: formats.unregister,
+            /**
+             * Applies the specified format to the current selection or specified node.
+             *
+             * @method apply
+             * @param {String} name Name of format to apply.
+             * @param {Object} vars Optional list of variables to replace within format before applying it.
+             * @param {Node} node Optional node to apply the format to defaults to current selection.
+             */
+            apply: (name, vars, node) => {
+                applyFormat(editor, name, vars, node);
+            },
+            /**
+             * Removes the specified format from the current selection or specified node.
+             *
+             * @method remove
+             * @param {String} name Name of format to remove.
+             * @param {Object} vars Optional list of variables to replace within format before removing it.
+             * @param {Node/Range} node Optional node or DOM range to remove the format from defaults to current selection.
+             */
+            remove: (name, vars, node, similar) => {
+                removeFormat(editor, name, vars, node, similar);
+            },
+            /**
+             * Toggles the specified format on/off.
+             *
+             * @method toggle
+             * @param {String} name Name of format to apply/remove.
+             * @param {Object} vars Optional list of variables to replace within format before applying/removing it.
+             * @param {Node} node Optional node to apply the format to or remove from. Defaults to current selection.
+             */
+            toggle: (name, vars, node) => {
+                toggleFormat(editor, name, vars, node);
+            },
+            /**
+             * Matches the current selection or specified node against the specified format name.
+             *
+             * @method match
+             * @param {String} name Name of format to match.
+             * @param {Object} vars Optional list of variables to replace before checking it.
+             * @param {Node} node Optional node to check.
+             * @param {Boolean} similar Optional argument to specify that similar formats should be checked instead of only exact formats.
+             * @return {Boolean} true/false if the specified selection/node matches the format.
+             */
+            match: (name, vars, node, similar) => matchFormat(editor, name, vars, node, similar),
+            /**
+             * Finds the closest matching format from a set of formats for the current selection.
+             *
+             * @method closest
+             * @param {Array} names Format names to check for.
+             * @return {String} The closest matching format name or null.
+             */
+            closest: (names) => closestFormat(editor, names),
+            /**
+             * Matches the current selection against the array of formats and returns a new array with matching formats.
+             *
+             * @method matchAll
+             * @param {Array} names Name of format to match.
+             * @param {Object} vars Optional list of variables to replace before checking it.
+             * @return {Array} Array with matched formats.
+             */
+            matchAll: (names, vars) => matchAllFormats(editor, names, vars),
+            /**
+             * Return true/false if the specified node has the specified format.
+             *
+             * @method matchNode
+             * @param {Node} node Node to check the format on.
+             * @param {String} name Format name to check.
+             * @param {Object} vars Optional list of variables to replace before checking it.
+             * @param {Boolean} similar Match format that has similar properties.
+             * @return {Object} Returns the format object it matches or undefined if it doesn't match.
+             */
+            matchNode: (node, name, vars, similar) => matchNodeFormat(editor, node, name, vars, similar),
+            /**
+             * Returns true/false if the specified format can be applied to the current selection or not. It
+             * will currently only check the state for selector formats, it returns true on all other format types.
+             *
+             * @method canApply
+             * @param {String} name Name of format to check.
+             * @return {Boolean} true/false if the specified format can be applied to the current selection/node.
+             */
+            canApply: (name) => canApplyFormat(editor, name),
+            /**
+             * Executes the specified callback when the current selection matches the formats or not.
+             *
+             * @method formatChanged
+             * @param {String} formats Comma separated list of formats to check for.
+             * @param {Function} callback Callback with state and args when the format is changed/toggled on/off.
+             * @param {Boolean} similar True/false state if the match should handle similar or exact formats.
+             * @param {Object} vars Restrict the format being watched to only match if the variables applied are equal to vars.
+             */
+            formatChanged: (formats, callback, similar, vars) => formatChanged(editor, formatChangeState, formats, callback, similar, vars),
+            /**
+             * Returns a preview css text for the specified format.
+             *
+             * @method getCssText
+             * @param {String/Object} format Format to generate preview css text for.
+             * @return {String} Css text for the specified format.
+             * @example
+             * const cssText1 = editor.formatter.getCssText('bold');
+             * const cssText2 = editor.formatter.getCssText({ inline: 'b' });
+             */
+            getCssText: curry(getCssText, editor)
+        };
+    };
+
+    // Avoid adding non-typing undo levels for commands that could cause duplicate undo levels to be created
+    // or do not alter the editor content or selection in any way
+    const shouldIgnoreCommand = (cmd) => {
+        switch (cmd.toLowerCase()) {
+            case 'undo':
+            case 'redo':
+            case 'mcefocus':
+                return true;
+            default:
+                return false;
+        }
+    };
+    const registerEvents = (editor, undoManager, locks) => {
+        const isFirstTypedCharacter = Cell(false);
+        const addNonTypingUndoLevel = (e) => {
+            setTyping(undoManager, false, locks);
+            undoManager.add({}, e);
+        };
+        // Add initial undo level when the editor is initialized
+        editor.on('init', () => {
+            undoManager.add();
+        });
+        // Get position before an execCommand is processed
+        editor.on('BeforeExecCommand', (e) => {
+            const cmd = e.command;
+            if (!shouldIgnoreCommand(cmd)) {
+                endTyping(undoManager, locks);
+                undoManager.beforeChange();
+            }
+        });
+        // Add undo level after an execCommand call was made
+        editor.on('ExecCommand', (e) => {
+            const cmd = e.command;
+            if (!shouldIgnoreCommand(cmd)) {
+                addNonTypingUndoLevel(e);
+            }
+        });
+        editor.on('ObjectResizeStart cut', () => {
+            undoManager.beforeChange();
+        });
+        editor.on('SaveContent ObjectResized blur', addNonTypingUndoLevel);
+        editor.on('dragend', addNonTypingUndoLevel);
+        editor.on('keyup', (e) => {
+            const keyCode = e.keyCode;
+            // If key is prevented then don't add undo level
+            // This would happen on keyboard shortcuts for example
+            if (e.isDefaultPrevented()) {
+                return;
+            }
+            const isMeta = Env.os.isMacOS() && e.key === 'Meta';
+            if ((keyCode >= 33 && keyCode <= 36) || (keyCode >= 37 && keyCode <= 40) || keyCode === 45 || e.ctrlKey || isMeta) {
+                addNonTypingUndoLevel();
+                editor.nodeChanged();
+            }
+            if (keyCode === 46 || keyCode === 8) {
+                editor.nodeChanged();
+            }
+            // Fire a TypingUndo event on the first character entered
+            if (isFirstTypedCharacter.get() && undoManager.typing && !isEq$1(createFromEditor(editor), undoManager.data[0])) {
+                if (!editor.isDirty()) {
+                    editor.setDirty(true);
+                }
+                editor.dispatch('TypingUndo');
+                isFirstTypedCharacter.set(false);
+                editor.nodeChanged();
+            }
+        });
+        editor.on('keydown', (e) => {
+            const keyCode = e.keyCode;
+            // If key is prevented then don't add undo level
+            // This would happen on keyboard shortcuts for example
+            if (e.isDefaultPrevented()) {
+                return;
+            }
+            // Is character position keys left,right,up,down,home,end,pgdown,pgup,enter
+            if ((keyCode >= 33 && keyCode <= 36) || (keyCode >= 37 && keyCode <= 40) || keyCode === 45) {
+                if (undoManager.typing) {
+                    addNonTypingUndoLevel(e);
+                }
+                return;
+            }
+            // If key isn't Ctrl+Alt/AltGr
+            const modKey = (e.ctrlKey && !e.altKey) || e.metaKey;
+            if ((keyCode < 16 || keyCode > 20) && keyCode !== 224 && keyCode !== 91 && !undoManager.typing && !modKey) {
+                undoManager.beforeChange();
+                setTyping(undoManager, true, locks);
+                undoManager.add({}, e);
+                isFirstTypedCharacter.set(true);
+                return;
+            }
+            const hasOnlyMetaOrCtrlModifier = Env.os.isMacOS() ? e.metaKey : e.ctrlKey && !e.altKey;
+            if (hasOnlyMetaOrCtrlModifier) {
+                undoManager.beforeChange();
+            }
+        });
+        editor.on('mousedown', (e) => {
+            if (undoManager.typing) {
+                addNonTypingUndoLevel(e);
+            }
+        });
+        // Special inputType, currently only Chrome implements this: https://www.w3.org/TR/input-events-2/#x5.1.2-attributes
+        const isInsertReplacementText = (event) => event.inputType === 'insertReplacementText';
+        // Safari just shows inputType `insertText` but with data set to null so we can use that
+        const isInsertTextDataNull = (event) => event.inputType === 'insertText' && event.data === null;
+        const isInsertFromPasteOrDrop = (event) => event.inputType === 'insertFromPaste' || event.inputType === 'insertFromDrop';
+        // For detecting when user has replaced text using the browser built-in spell checker or paste/drop events
+        editor.on('input', (e) => {
+            if (e.inputType && (isInsertReplacementText(e) || isInsertTextDataNull(e) || isInsertFromPasteOrDrop(e))) {
+                addNonTypingUndoLevel(e);
+            }
+        });
+        editor.on('AddUndo Undo Redo ClearUndos', (e) => {
+            if (!e.isDefaultPrevented()) {
+                editor.nodeChanged();
+            }
+        });
+    };
+    const addKeyboardShortcuts = (editor) => {
+        editor.addShortcut('meta+z', '', 'Undo');
+        editor.addShortcut('meta+y,meta+shift+z', '', 'Redo');
+    };
+
+    /**
+     * This class handles the undo/redo history levels for the editor. Since the built-in undo/redo has major drawbacks a custom one was needed.
+     *
+     * @class tinymce.UndoManager
+     */
+    const UndoManager = (editor) => {
+        const beforeBookmark = value$2();
+        const locks = Cell(0);
+        const index = Cell(0);
+        /* eslint consistent-this:0 */
+        const undoManager = {
+            data: [], // Gets mutated both internally and externally by plugins like remark, not documented
+            /**
+             * State if the user is currently typing or not. This will add a typing operation into one undo
+             * level instead of one new level for each keystroke.
+             *
+             * @field {Boolean} typing
+             */
+            typing: false,
+            /**
+             * Stores away a bookmark to be used when performing an undo action so that the selection is before
+             * the change has been made.
+             *
+             * @method beforeChange
+             */
+            beforeChange: () => {
+                beforeChange(editor, locks, beforeBookmark);
+            },
+            /**
+             * Adds a new undo level/snapshot to the undo list.
+             *
+             * @method add
+             * @param {Object} level Optional undo level object to add.
+             * @param {DOMEvent} event Optional event responsible for the creation of the undo level.
+             * @return {Object} Undo level that got added or null if a level wasn't needed.
+             */
+            add: (level, event) => {
+                return addUndoLevel(editor, undoManager, index, locks, beforeBookmark, level, event);
+            },
+            /**
+             * Dispatch a change event with current editor status as level and current undoManager layer as lastLevel
+             *
+             * @method dispatchChange
+             */
+            dispatchChange: () => {
+                editor.setDirty(true);
+                const level = createFromEditor(editor);
+                level.bookmark = getUndoBookmark(editor.selection);
+                editor.dispatch('change', {
+                    level,
+                    lastLevel: get$b(undoManager.data, index.get()).getOrUndefined()
+                });
+            },
+            /**
+             * Undoes the last action.
+             *
+             * @method undo
+             * @return {Object} Undo level or null if no undo was performed.
+             */
+            undo: () => {
+                return undo(editor, undoManager, locks, index);
+            },
+            /**
+             * Redoes the last action.
+             *
+             * @method redo
+             * @return {Object} Redo level or null if no redo was performed.
+             */
+            redo: () => {
+                return redo(editor, index, undoManager.data);
+            },
+            /**
+             * Removes all undo levels.
+             *
+             * @method clear
+             */
+            clear: () => {
+                clear(editor, undoManager, index);
+            },
+            /**
+             * Resets the undo manager levels by clearing all levels and then adding an initial level.
+             *
+             * @method reset
+             */
+            reset: () => {
+                reset(editor, undoManager);
+            },
+            /**
+             * Returns true/false if the undo manager has any undo levels.
+             *
+             * @method hasUndo
+             * @return {Boolean} true/false if the undo manager has any undo levels.
+             */
+            hasUndo: () => {
+                return hasUndo(editor, undoManager, index);
+            },
+            /**
+             * Returns true/false if the undo manager has any redo levels.
+             *
+             * @method hasRedo
+             * @return {Boolean} true/false if the undo manager has any redo levels.
+             */
+            hasRedo: () => {
+                return hasRedo(editor, undoManager, index);
+            },
+            /**
+             * Executes the specified mutator function as an undo transaction. The selection
+             * before the modification will be stored to the undo stack and if the DOM changes
+             * it will add a new undo level. Any logic within the translation that adds undo levels will
+             * be ignored. So a translation can include calls to execCommand or editor.insertContent.
+             *
+             * @method transact
+             * @param {Function} callback Function that gets executed and has dom manipulation logic in it.
+             * @return {Object} Undo level that got added or null it a level wasn't needed.
+             */
+            transact: (callback) => {
+                return transact(editor, undoManager, locks, callback);
+            },
+            /**
+             * Executes the specified mutator function as an undo transaction. But without adding an undo level.
+             * Any logic within the translation that adds undo levels will be ignored. So a translation can
+             * include calls to execCommand or editor.insertContent.
+             *
+             * @method ignore
+             * @param {Function} callback Function that gets executed and has dom manipulation logic in it.
+             */
+            ignore: (callback) => {
+                ignore(editor, locks, callback);
+            },
+            /**
+             * Adds an extra "hidden" undo level by first applying the first mutation and store that to the undo stack
+             * then roll back that change and do the second mutation on top of the stack. This will produce an extra
+             * undo level that the user doesn't see until they undo.
+             *
+             * @method extra
+             * @param {Function} callback1 Function that does mutation but gets stored as a "hidden" extra undo level.
+             * @param {Function} callback2 Function that does mutation but gets displayed to the user.
+             */
+            extra: (callback1, callback2) => {
+                extra(editor, undoManager, index, callback1, callback2);
+            }
+        };
+        if (!isRtc(editor)) {
+            registerEvents(editor, undoManager, locks);
+        }
+        addKeyboardShortcuts(editor);
+        return undoManager;
+    };
+
+    const nonTypingKeycodes = [
+        // tab, esc, home, end
+        9, 27, VK.HOME, VK.END,
+        // pause, capslock, print screen, numlock, scroll lock
+        19, 20, 44, 144, 145,
+        // page up/down, insert
+        33, 34, 45,
+        // alt, shift, ctrl
+        16, 17, 18,
+        // meta/windows key
+        91, 92, 93,
+        // direction
+        VK.DOWN, VK.UP, VK.LEFT, VK.RIGHT
+    ].concat(
+    // Meta key on firefox is different
+    Env.browser.isFirefox() ? [224] : []);
+    const placeholderAttr = 'data-mce-placeholder';
+    const isKeyboardEvent = (e) => e.type === 'keydown' || e.type === 'keyup';
+    const isDeleteEvent = (e) => {
+        const keyCode = e.keyCode;
+        return keyCode === VK.BACKSPACE || keyCode === VK.DELETE;
+    };
+    const isNonTypingKeyboardEvent = (e) => {
+        if (isKeyboardEvent(e)) {
+            const keyCode = e.keyCode;
+            // Ctrl/Meta/Alt key pressed, F1-12 or non typing keycode
+            return !isDeleteEvent(e) && (VK.metaKeyPressed(e) || e.altKey || keyCode >= 112 && keyCode <= 123 || contains$2(nonTypingKeycodes, keyCode));
+        }
+        else {
+            return false;
+        }
+    };
+    const isTypingKeyboardEvent = (e) => 
+    // 229 === Unidentified, so since we don't know what it is treat it as a non typing event on keyup but as a typing event on keydown
+    // Android will generally always send a 229 keycode since it uses an IME to input text
+    isKeyboardEvent(e) && !(isDeleteEvent(e) || e.type === 'keyup' && e.keyCode === 229);
+    const isVisuallyEmpty = (dom, rootElm, forcedRootBlock) => {
+        if (dom.isEmpty(rootElm, undefined, { skipBogus: false, includeZwsp: true })) {
+            // Ensure the node matches the forced_root_block setting, as the content could be an empty list, etc...
+            // and also check that the content isn't indented
+            const firstElement = rootElm.firstElementChild;
+            if (!firstElement) {
+                return true;
+            }
+            else if (dom.getStyle(rootElm.firstElementChild, 'padding-left') || dom.getStyle(rootElm.firstElementChild, 'padding-right')) {
+                return false;
+            }
+            else {
+                return forcedRootBlock === firstElement.nodeName.toLowerCase();
+            }
+        }
+        else {
+            return false;
+        }
+    };
+    const setup$r = (editor) => {
+        var _a;
+        const dom = editor.dom;
+        const rootBlock = getForcedRootBlock(editor);
+        const placeholder = (_a = getPlaceholder(editor)) !== null && _a !== void 0 ? _a : '';
+        const updatePlaceholder = (e, initial) => {
+            if (isNonTypingKeyboardEvent(e)) {
+                return;
+            }
+            // Check to see if we should show the placeholder
+            const body = editor.getBody();
+            const showPlaceholder = isTypingKeyboardEvent(e) ? false : isVisuallyEmpty(dom, body, rootBlock);
+            // Update the attribute as required
+            const isPlaceholderShown = dom.getAttrib(body, placeholderAttr) !== '';
+            if (isPlaceholderShown !== showPlaceholder || initial) {
+                dom.setAttrib(body, placeholderAttr, showPlaceholder ? placeholder : null);
+                firePlaceholderToggle(editor, showPlaceholder);
+                // Swap the key listener state
+                editor.on(showPlaceholder ? 'keydown' : 'keyup', updatePlaceholder);
+                editor.off(showPlaceholder ? 'keyup' : 'keydown', updatePlaceholder);
+            }
+        };
+        if (isNotEmpty(placeholder)) {
+            editor.on('init', (e) => {
+                // Setup the initial state
+                updatePlaceholder(e, true);
+                editor.on('change SetContent ExecCommand', updatePlaceholder);
+                // TINY-4828: Update the placeholder after pasting content. This needs to use a timeout as
+                // the browser doesn't update the dom until after the paste event has fired
+                editor.on('paste', (e) => Delay.setEditorTimeout(editor, () => updatePlaceholder(e)));
+            });
+        }
+    };
+
+    const blockPosition = (block, position) => ({
+        block,
+        position
+    });
+    const blockBoundary = (from, to) => ({
+        from,
+        to
+    });
+    const getBlockPosition = (rootNode, pos) => {
+        const rootElm = SugarElement.fromDom(rootNode);
+        const containerElm = SugarElement.fromDom(pos.container());
+        return getParentBlock$2(rootElm, containerElm)?.map((block) => blockPosition(block, pos));
+    };
+    const isNotAncestorial = (blockBoundary) => !(contains(blockBoundary.to.block, blockBoundary.from.block) || contains(blockBoundary.from.block, blockBoundary.to.block));
+    const isDifferentBlocks = (blockBoundary) => !eq(blockBoundary.from.block, blockBoundary.to.block);
+    const getClosestHost = (root, scope) => {
+        const isRoot = (node) => eq(node, root);
+        const isHost = (node) => isTableCell$2(node) || isContentEditableTrue$3(node.dom);
+        return closest$4(scope, isHost, isRoot).filter(isElement$7).getOr(root);
+    };
+    const hasSameHost = (rootNode, blockBoundary) => {
+        const root = SugarElement.fromDom(rootNode);
+        return eq(getClosestHost(root, blockBoundary.from.block), getClosestHost(root, blockBoundary.to.block));
+    };
+    const isEditable$1 = (blockBoundary) => isContentEditableFalse$a(blockBoundary.from.block.dom) === false && isContentEditableFalse$a(blockBoundary.to.block.dom) === false;
+    const hasValidBlocks = (blockBoundary) => {
+        const isValidBlock = (block) => isTextBlock$2(block) || hasBlockAttr(block.dom) || isListItem$1(block);
+        return isValidBlock(blockBoundary.from.block) && isValidBlock(blockBoundary.to.block);
+    };
+    const skipLastBr = (schema, rootNode, forward, blockPosition) => {
+        if (isBr$6(blockPosition.position.getNode()) && !isEmpty$2(schema, blockPosition.block)) {
+            return positionIn(false, blockPosition.block.dom).bind((lastPositionInBlock) => {
+                if (lastPositionInBlock.isEqual(blockPosition.position)) {
+                    return fromPosition(forward, rootNode, lastPositionInBlock).bind((to) => getBlockPosition(rootNode, to));
+                }
+                else {
+                    return Optional?.some(blockPosition);
+                }
+            }).getOr(blockPosition);
+        }
+        else {
+            return blockPosition;
+        }
+    };
+    const readFromRange = (schema, rootNode, forward, rng) => {
+        const fromBlockPos = getBlockPosition(rootNode, CaretPosition.fromRangeStart(rng));
+        const toBlockPos = fromBlockPos.bind((blockPos) => fromPosition(forward, rootNode, blockPos.position).bind((to) => getBlockPosition(rootNode, to)?.map((blockPos) => skipLastBr(schema, rootNode, forward, blockPos))));
+        return lift2(fromBlockPos, toBlockPos, blockBoundary).filter((blockBoundary) => isDifferentBlocks(blockBoundary) && hasSameHost(rootNode, blockBoundary) && isEditable$1(blockBoundary) && hasValidBlocks(blockBoundary) && isNotAncestorial(blockBoundary));
+    };
+    const read$1 = (schema, rootNode, forward, rng) => rng.collapsed ? readFromRange(schema, rootNode, forward, rng) : Optional.none();
+
+    const getChildrenUntilBlockBoundary = (block, schema) => {
+        const children = children$1(block);
+        return findIndex$2(children, (el) => schema.isBlock(name(el))).fold(constant(children), (index) => children.slice(0, index));
+    };
+    const extractChildren = (block, schema) => {
+        const children = getChildrenUntilBlockBoundary(block, schema);
+        each$e(children, remove$8);
+        return children;
+    };
+    const removeEmptyRoot = (schema, rootNode, block) => {
+        const parents = parentsAndSelf(block, rootNode);
+        return find$2(parents.reverse(), (element) => isEmpty$2(schema, element)).each(remove$8);
+    };
+    const isEmptyBefore = (schema, el) => filter$5(prevSiblings(el), (el) => !isEmpty$2(schema, el)).length === 0;
+    const nestedBlockMerge = (rootNode, fromBlock, toBlock, schema, insertionPoint) => {
+        if (isEmpty$2(schema, toBlock)) {
+            fillWithPaddingBr(toBlock);
+            return firstPositionIn(toBlock.dom);
+        }
+        if (isEmptyBefore(schema, insertionPoint) && isEmpty$2(schema, fromBlock)) {
+            before$3(insertionPoint, SugarElement.fromTag('br'));
+        }
+        const position = prevPosition(toBlock.dom, CaretPosition.before(insertionPoint.dom));
+        each$e(extractChildren(fromBlock, schema), (child) => {
+            before$3(insertionPoint, child);
+        });
+        removeEmptyRoot(schema, rootNode, fromBlock);
+        return position;
+    };
+    const isInline = (schema, node) => schema.isInline(name(node));
+    const sidelongBlockMerge = (rootNode, fromBlock, toBlock, schema) => {
+        if (isEmpty$2(schema, toBlock)) {
+            if (isEmpty$2(schema, fromBlock)) {
+                const getInlineToBlockDescendants = (el) => {
+                    const helper = (node, elements) => firstChild(node).fold(() => elements, (child) => isInline(schema, child) ? helper(child, elements.concat(shallow(child))) : elements);
+                    return helper(el, []);
+                };
+                const newFromBlockDescendants = foldr(getInlineToBlockDescendants(toBlock), (element, descendant) => {
+                    wrap$2(element, descendant);
+                    return descendant;
+                }, createPaddingBr());
+                empty(fromBlock);
+                append$1(fromBlock, newFromBlockDescendants);
+            }
+            remove$8(toBlock);
+            return firstPositionIn(fromBlock.dom);
+        }
+        const position = lastPositionIn(toBlock.dom);
+        each$e(extractChildren(fromBlock, schema), (child) => {
+            append$1(toBlock, child);
+        });
+        removeEmptyRoot(schema, rootNode, fromBlock);
+        return position;
+    };
+    const findInsertionPoint = (toBlock, block) => {
+        const parentsAndSelf$1 = parentsAndSelf(block, toBlock);
+        return Optional.from(parentsAndSelf$1[parentsAndSelf$1.length - 1]);
+    };
+    const getInsertionPoint = (fromBlock, toBlock) => contains(toBlock, fromBlock) ? findInsertionPoint(toBlock, fromBlock) : Optional.none();
+    const trimBr = (first, block) => {
+        positionIn(first, block.dom)
+            .bind((position) => Optional.from(position.getNode()))
+            ?.map(SugarElement.fromDom)
+            .filter(isBr$5)
+            .each(remove$8);
+    };
+    const mergeBlockInto = (rootNode, fromBlock, toBlock, schema) => {
+        trimBr(true, fromBlock);
+        trimBr(false, toBlock);
+        return getInsertionPoint(fromBlock, toBlock).fold(curry(sidelongBlockMerge, rootNode, fromBlock, toBlock, schema), curry(nestedBlockMerge, rootNode, fromBlock, toBlock, schema));
+    };
+    const mergeBlocks = (rootNode, forward, block1, block2, schema) => forward ? mergeBlockInto(rootNode, block2, block1, schema) : mergeBlockInto(rootNode, block1, block2, schema);
+
+    const backspaceDelete$a = (editor, forward) => {
+        const rootNode = SugarElement.fromDom(editor.getBody());
+        const position = read$1(editor.schema, rootNode.dom, forward, editor.selection.getRng())
+            ?.map((blockBoundary) => () => {
+            mergeBlocks(rootNode, forward, blockBoundary.from.block, blockBoundary.to.block, editor.schema)
+                .each((pos) => {
+                editor.selection.setRng(pos.toRange());
+            });
+        });
+        return position;
+    };
+
+    const deleteRangeMergeBlocks = (rootNode, selection, schema) => {
+        const rng = selection.getRng();
+        return lift2(getParentBlock$2(rootNode, SugarElement.fromDom(rng.startContainer)), getParentBlock$2(rootNode, SugarElement.fromDom(rng.endContainer)), (block1, block2) => {
+            if (!eq(block1, block2)) {
+                return Optional?.some(() => {
+                    rng.deleteContents();
+                    mergeBlocks(rootNode, true, block1, block2, schema).each((pos) => {
+                        selection.setRng(pos.toRange());
+                    });
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        }).getOr(Optional.none());
+    };
+    const isRawNodeInTable = (root, rawNode) => {
+        const node = SugarElement.fromDom(rawNode);
+        const isRoot = curry(eq, root);
+        return ancestor$4(node, isTableCell$2, isRoot).isSome();
+    };
+    const isSelectionInTable = (root, rng) => isRawNodeInTable(root, rng.startContainer) || isRawNodeInTable(root, rng.endContainer);
+    const isEverythingSelected = (root, rng) => {
+        const noPrevious = prevPosition(root.dom, CaretPosition.fromRangeStart(rng)).isNone();
+        const noNext = nextPosition(root.dom, CaretPosition.fromRangeEnd(rng)).isNone();
+        return !isSelectionInTable(root, rng) && noPrevious && noNext;
+    };
+    const emptyEditor = (editor) => {
+        return Optional?.some(() => {
+            editor.setContent('');
+            editor.selection.setCursorLocation();
+        });
+    };
+    const deleteRange$2 = (editor) => {
+        const rootNode = SugarElement.fromDom(editor.getBody());
+        const rng = editor.selection.getRng();
+        return isEverythingSelected(rootNode, rng) ? emptyEditor(editor) : deleteRangeMergeBlocks(rootNode, editor.selection, editor.schema);
+    };
+    const backspaceDelete$9 = (editor, _forward) => editor.selection.isCollapsed() ? Optional.none() : deleteRange$2(editor);
+
+    const showCaret = (direction, editor, node, before, scrollIntoView) => 
+    // TODO: Figure out a better way to handle this dependency
+    Optional.from(editor._selectionOverrides.showCaret(direction, node, before, scrollIntoView));
+    const getNodeRange = (node) => {
+        const rng = node.ownerDocument.createRange();
+        rng.selectNode(node);
+        return rng;
+    };
+    const selectNode = (editor, node) => {
+        const e = editor.dispatch('BeforeObjectSelected', { target: node });
+        if (e.isDefaultPrevented()) {
+            return Optional.none();
+        }
+        return Optional?.some(getNodeRange(node));
+    };
+    const renderCaretAtRange = (editor, range, scrollIntoView) => {
+        const normalizedRange = normalizeRange(1, editor.getBody(), range);
+        const caretPosition = CaretPosition.fromRangeStart(normalizedRange);
+        const caretPositionNode = caretPosition.getNode();
+        if (isInlineFakeCaretTarget(caretPositionNode)) {
+            return showCaret(1, editor, caretPositionNode, !caretPosition.isAtEnd(), false);
+        }
+        const caretPositionBeforeNode = caretPosition.getNode(true);
+        if (isInlineFakeCaretTarget(caretPositionBeforeNode)) {
+            return showCaret(1, editor, caretPositionBeforeNode, false, false);
+        }
+        // TODO: Should render caret before/after depending on where you click on the page forces after now
+        const ceRoot = getContentEditableRoot$1(editor.dom.getRoot(), caretPosition.getNode());
+        if (isInlineFakeCaretTarget(ceRoot)) {
+            return showCaret(1, editor, ceRoot, false, scrollIntoView);
+        }
+        return Optional.none();
+    };
+    const renderRangeCaret = (editor, range, scrollIntoView) => range.collapsed ? renderCaretAtRange(editor, range, scrollIntoView).getOr(range) : range;
+
+    const isBeforeBoundary = (pos) => isBeforeContentEditableFalse(pos) || isBeforeMedia(pos);
+    const isAfterBoundary = (pos) => isAfterContentEditableFalse(pos) || isAfterMedia(pos);
+    const trimEmptyTextNode = (dom, node) => {
+        if (isText$b(node) && node.data.length === 0) {
+            dom.remove(node);
+        }
+    };
+    const deleteContentAndShowCaret = (editor, range, node, direction, forward, peekCaretPosition) => {
+        showCaret(direction, editor, peekCaretPosition.getNode(!forward), forward, true).each((caretRange) => {
+            // Delete the selected content
+            if (range.collapsed) {
+                const deleteRange = range.cloneRange();
+                if (forward) {
+                    deleteRange.setEnd(caretRange.startContainer, caretRange.startOffset);
+                }
+                else {
+                    deleteRange.setStart(caretRange.endContainer, caretRange.endOffset);
+                }
+                deleteRange.deleteContents();
+            }
+            else {
+                range.deleteContents();
+            }
+            editor.selection.setRng(caretRange);
+        });
+        trimEmptyTextNode(editor.dom, node);
+    };
+    // If the caret position is next to a fake caret target element (eg cef/media) after a delete operation, then ensure a caret is added
+    // eg. <span cE=false>a|b -> <span cE=false>|bc
+    // Note: We also need to handle the actual deletion, as some browsers (eg IE) move the selection to the opposite side of the cef element
+    const deleteBoundaryText = (editor, forward) => {
+        const range = editor.selection.getRng();
+        if (!isText$b(range.commonAncestorContainer)) {
+            return Optional.none();
+        }
+        const direction = forward ? 1 /* HDirection.Forwards */ : -1 /* HDirection.Backwards */;
+        const caretWalker = CaretWalker(editor.getBody());
+        const getNextPosFn = curry(getVisualCaretPosition, forward ? caretWalker.next : caretWalker.prev);
+        const isBeforeFn = forward ? isBeforeBoundary : isAfterBoundary;
+        // Get the next caret position. ie where it'll be after the delete
+        const caretPosition = getNormalizedRangeEndPoint(direction, editor.getBody(), range);
+        const nextCaretPosition = getNextPosFn(caretPosition);
+        const normalizedNextCaretPosition = nextCaretPosition ? normalizePosition(forward, nextCaretPosition) : nextCaretPosition;
+        if (!normalizedNextCaretPosition || !isMoveInsideSameBlock(caretPosition, normalizedNextCaretPosition)) {
+            return Optional.none();
+        }
+        else if (isBeforeFn(normalizedNextCaretPosition)) {
+            return Optional?.some(() => deleteContentAndShowCaret(editor, range, caretPosition.getNode(), direction, forward, normalizedNextCaretPosition));
+        }
+        // Peek ahead and see if the next element is a cef/media element
+        const peekCaretPosition = getNextPosFn(normalizedNextCaretPosition);
+        if (peekCaretPosition && isBeforeFn(peekCaretPosition)) {
+            if (isMoveInsideSameBlock(normalizedNextCaretPosition, peekCaretPosition)) {
+                return Optional?.some(() => deleteContentAndShowCaret(editor, range, caretPosition.getNode(), direction, forward, peekCaretPosition));
+            }
+        }
+        return Optional.none();
+    };
+    const backspaceDelete$8 = (editor, forward) => deleteBoundaryText(editor, forward);
+
+    const getEdgeCefPosition = (editor, atStart) => {
+        const root = editor.getBody();
+        return atStart ? firstPositionIn(root).filter(isBeforeContentEditableFalse) :
+            lastPositionIn(root).filter(isAfterContentEditableFalse);
+    };
+    const isCefAtEdgeSelected = (editor) => {
+        const rng = editor.selection.getRng();
+        return !rng.collapsed
+            && (getEdgeCefPosition(editor, true).exists((pos) => pos.isEqual(CaretPosition.fromRangeStart(rng)))
+                || getEdgeCefPosition(editor, false).exists((pos) => pos.isEqual(CaretPosition.fromRangeEnd(rng))));
+    };
+
+    const isCompoundElement = (node) => isNonNullable(node) && (isTableCell$2(SugarElement.fromDom(node)) || isListItem$1(SugarElement.fromDom(node)));
+    const DeleteAction = Adt.generate([
+        { remove: ['element'] },
+        { moveToElement: ['element'] },
+        { moveToPosition: ['position'] }
+    ]);
+    const isAtContentEditableBlockCaret = (forward, from) => {
+        const elm = from.getNode(!forward);
+        const caretLocation = forward ? 'after' : 'before';
+        return isElement$6(elm) && elm.getAttribute('data-mce-caret') === caretLocation;
+    };
+    const isDeleteFromCefDifferentBlocks = (root, forward, from, to, schema) => {
+        const inSameBlock = (elm) => schema.isInline(elm.nodeName.toLowerCase()) && !isInSameBlock(from, to, root);
+        return getRelativeCefElm(!forward, from).fold(() => getRelativeCefElm(forward, to).fold(never, inSameBlock), inSameBlock);
+    };
+    const deleteEmptyBlockOrMoveToCef = (schema, root, forward, from, to) => {
+        // TODO: TINY-8865 - This may not be safe to cast as Node below and alternative solutions need to be looked into
+        const toCefElm = to.getNode(!forward);
+        return getParentBlock$2(SugarElement.fromDom(root), SugarElement.fromDom(from.getNode()))?.map((blockElm) => isEmpty$2(schema, blockElm) ? DeleteAction.remove(blockElm.dom) : DeleteAction.moveToElement(toCefElm)).orThunk(() => Optional?.some(DeleteAction.moveToElement(toCefElm)));
+    };
+    const findCefPosition = (root, forward, from, schema) => fromPosition(forward, root, from).bind((to) => {
+        if (isCompoundElement(to.getNode())) {
+            return Optional.none();
+        }
+        else if (isDeleteFromCefDifferentBlocks(root, forward, from, to, schema)) {
+            return Optional.none();
+        }
+        else if (forward && isContentEditableFalse$a(to.getNode())) {
+            return deleteEmptyBlockOrMoveToCef(schema, root, forward, from, to);
+        }
+        else if (!forward && isContentEditableFalse$a(to.getNode(true))) {
+            return deleteEmptyBlockOrMoveToCef(schema, root, forward, from, to);
+        }
+        else if (forward && isAfterContentEditableFalse(from)) {
+            return Optional?.some(DeleteAction.moveToPosition(to));
+        }
+        else if (!forward && isBeforeContentEditableFalse(from)) {
+            return Optional?.some(DeleteAction.moveToPosition(to));
+        }
+        else {
+            return Optional.none();
+        }
+    });
+    const getContentEditableBlockAction = (forward, elm) => {
+        if (isNullable(elm)) {
+            return Optional.none();
+        }
+        else if (forward && isContentEditableFalse$a(elm.nextSibling)) {
+            return Optional?.some(DeleteAction.moveToElement(elm.nextSibling));
+        }
+        else if (!forward && isContentEditableFalse$a(elm.previousSibling)) {
+            return Optional?.some(DeleteAction.moveToElement(elm.previousSibling));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const skipMoveToActionFromInlineCefToContent = (root, from, deleteAction) => deleteAction.fold((elm) => Optional?.some(DeleteAction.remove(elm)), (elm) => Optional?.some(DeleteAction.moveToElement(elm)), (to) => {
+        if (isInSameBlock(from, to, root)) {
+            return Optional.none();
+        }
+        else {
+            return Optional?.some(DeleteAction.moveToPosition(to));
+        }
+    });
+    const getContentEditableAction = (root, forward, from, schema) => {
+        if (isAtContentEditableBlockCaret(forward, from)) {
+            return getContentEditableBlockAction(forward, from.getNode(!forward))
+                .orThunk(() => findCefPosition(root, forward, from, schema));
+        }
+        else {
+            return findCefPosition(root, forward, from, schema).bind((deleteAction) => skipMoveToActionFromInlineCefToContent(root, from, deleteAction));
+        }
+    };
+    const read = (root, forward, rng, schema) => {
+        const normalizedRange = normalizeRange(forward ? 1 : -1, root, rng);
+        const from = CaretPosition.fromRangeStart(normalizedRange);
+        const rootElement = SugarElement.fromDom(root);
+        // TODO: TINY-8865 - This may not be safe to cast as Node below and alternative solutions need to be looked into
+        if (!forward && isAfterContentEditableFalse(from)) {
+            return Optional?.some(DeleteAction.remove(from.getNode(true)));
+        }
+        else if (forward && isBeforeContentEditableFalse(from)) {
+            return Optional?.some(DeleteAction.remove(from.getNode()));
+        }
+        else if (!forward && isBeforeContentEditableFalse(from) && isAfterBr(rootElement, from, schema)) {
+            return findPreviousBr(rootElement, from, schema)?.map((br) => DeleteAction.remove(br.getNode()));
+        }
+        else if (forward && isAfterContentEditableFalse(from) && isBeforeBr$1(rootElement, from, schema)) {
+            return findNextBr(rootElement, from, schema)?.map((br) => DeleteAction.remove(br.getNode()));
+        }
+        else {
+            return getContentEditableAction(root, forward, from, schema);
+        }
+    };
+
+    const deleteElement$1 = (editor, forward) => (element) => {
+        editor._selectionOverrides.hideFakeCaret();
+        deleteElement$2(editor, forward, SugarElement.fromDom(element));
+        return true;
+    };
+    const moveToElement = (editor, forward) => (element) => {
+        const pos = forward ? CaretPosition.before(element) : CaretPosition.after(element);
+        editor.selection.setRng(pos.toRange());
+        return true;
+    };
+    const moveToPosition = (editor) => (pos) => {
+        editor.selection.setRng(pos.toRange());
+        return true;
+    };
+    const getAncestorCe = (editor, node) => Optional.from(getContentEditableRoot$1(editor.getBody(), node));
+    const backspaceDeleteCaret = (editor, forward) => {
+        const selectedNode = editor.selection.getNode(); // is the parent node if cursor before/after cef
+        // Cases:
+        // 1. CEF selectedNode -> return true
+        // 2. CET selectedNode -> try to delete, return true if possible else false
+        // 3. CET ancestor -> try to delete, return true if possible else false
+        // 4. no CET/CEF ancestor -> try to delete, return true if possible else false
+        // 5. CEF ancestor -> return true
+        return getAncestorCe(editor, selectedNode).filter(isContentEditableFalse$a).fold(() => read(editor.getBody(), forward, editor.selection.getRng(), editor.schema)?.map((deleteAction) => () => deleteAction.fold(deleteElement$1(editor, forward), moveToElement(editor, forward), moveToPosition(editor))), () => Optional?.some(noop));
+    };
+    const deleteOffscreenSelection = (rootElement) => {
+        each$e(descendants(rootElement, '.mce-offscreen-selection'), remove$8);
+    };
+    const backspaceDeleteRange = (editor, forward) => {
+        const selectedNode = editor.selection.getNode(); // is the cef node if cef is selected
+        // Cases:
+        // 1. Table cell -> return false, as this is handled by `TableDelete` instead
+        // 2. CEF selectedNode
+        //    a. no ancestor CET/CEF || CET ancestor -> run delete code and return true
+        //    b. CEF ancestor -> return true
+        // 3. non-CEF selectedNode -> return false
+        if (isContentEditableFalse$a(selectedNode) && !isTableCell$3(selectedNode)) {
+            const hasCefAncestor = getAncestorCe(editor, selectedNode.parentNode).filter(isContentEditableFalse$a);
+            return hasCefAncestor.fold(() => Optional?.some(() => {
+                deleteOffscreenSelection(SugarElement.fromDom(editor.getBody()));
+                deleteElement$2(editor, forward, SugarElement.fromDom(editor.selection.getNode()));
+                paddEmptyBody(editor);
+            }), () => Optional?.some(noop));
+        }
+        if (isCefAtEdgeSelected(editor)) {
+            return Optional?.some(() => {
+                deleteRangeContents(editor, editor.selection.getRng(), SugarElement.fromDom(editor.getBody()));
+            });
+        }
+        return Optional.none();
+    };
+    const paddEmptyElement = (editor) => {
+        const dom = editor.dom, selection = editor.selection;
+        const ceRoot = getContentEditableRoot$1(editor.getBody(), selection.getNode());
+        if (isContentEditableTrue$3(ceRoot) && dom.isBlock(ceRoot) && dom.isEmpty(ceRoot)) {
+            const br = dom.create('br', { 'data-mce-bogus': '1' });
+            dom.setHTML(ceRoot, '');
+            ceRoot.appendChild(br);
+            selection.setRng(CaretPosition.before(br).toRange());
+        }
+        return true;
+    };
+    const backspaceDelete$7 = (editor, forward) => {
+        if (editor.selection.isCollapsed()) {
+            return backspaceDeleteCaret(editor, forward);
+        }
+        else {
+            return backspaceDeleteRange(editor, forward);
+        }
+    };
+
+    const isTextEndpoint = (endpoint) => endpoint.hasOwnProperty('text');
+    const isElementEndpoint = (endpoint) => endpoint.hasOwnProperty('marker');
+    const getBookmark = (range, createMarker) => {
+        const getEndpoint = (container, offset) => {
+            if (isText$b(container)) {
+                return { text: container, offset };
+            }
+            else {
+                const marker = createMarker();
+                const children = container.childNodes;
+                if (offset < children.length) {
+                    container.insertBefore(marker, children[offset]);
+                    return { marker, before: true };
+                }
+                else {
+                    container.appendChild(marker);
+                    return { marker, before: false };
+                }
+            }
+        };
+        const end = getEndpoint(range.endContainer, range.endOffset);
+        const start = getEndpoint(range.startContainer, range.startOffset);
+        return { start, end };
+    };
+    const resolveBookmark = (bm) => {
+        var _a, _b;
+        const { start, end } = bm;
+        const rng = new window.Range();
+        if (isTextEndpoint(start)) {
+            rng.setStart(start.text, start.offset);
+        }
+        else {
+            if (isElementEndpoint(start)) {
+                if (start.before) {
+                    rng.setStartBefore(start.marker);
+                }
+                else {
+                    rng.setStartAfter(start.marker);
+                }
+                (_a = start.marker.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(start.marker);
+            }
+        }
+        if (isTextEndpoint(end)) {
+            rng.setEnd(end.text, end.offset);
+        }
+        else {
+            if (isElementEndpoint(end)) {
+                if (end.before) {
+                    rng.setEndBefore(end.marker);
+                }
+                else {
+                    rng.setEndAfter(end.marker);
+                }
+                (_b = end.marker.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(end.marker);
+            }
+        }
+        return rng;
+    };
+
+    const backspaceDelete$6 = (editor, forward) => {
+        var _a;
+        const dom = editor.dom;
+        const startBlock = dom.getParent(editor.selection.getStart(), dom.isBlock);
+        const endBlock = dom.getParent(editor.selection.getEnd(), dom.isBlock);
+        const body = editor.getBody();
+        const startBlockName = (_a = startBlock === null || startBlock === void 0 ? void 0 : startBlock.nodeName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        // Only act on single root div that is not empty
+        if (startBlockName === 'div' && startBlock && endBlock && startBlock === body.firstChild && endBlock === body.lastChild && !dom.isEmpty(body)) {
+            const wrapper = startBlock.cloneNode(false);
+            const deleteAction = () => {
+                if (forward) {
+                    execNativeForwardDeleteCommand(editor);
+                }
+                else {
+                    execNativeDeleteCommand(editor);
+                }
+                // Div was deleted by delete operation then lets restore it
+                if (body.firstChild !== startBlock) {
+                    const bookmark = getBookmark(editor.selection.getRng(), () => document.createElement('span'));
+                    Array.from(body.childNodes).forEach((node) => wrapper.appendChild(node));
+                    body.appendChild(wrapper);
+                    editor.selection.setRng(resolveBookmark(bookmark));
+                }
+            };
+            return Optional?.some(deleteAction);
+        }
+        return Optional.none();
+    };
+
+    const deleteCaret$2 = (editor, forward) => {
+        const fromPos = CaretPosition.fromRangeStart(editor.selection.getRng());
+        return fromPosition(forward, editor.getBody(), fromPos)
+            .filter((pos) => forward ? isBeforeImageBlock(pos) : isAfterImageBlock(pos))
+            .bind((pos) => getChildNodeAtRelativeOffset(forward ? 0 : -1, pos))
+            ?.map((elm) => () => editor.selection.select(elm));
+    };
+    const backspaceDelete$5 = (editor, forward) => editor.selection.isCollapsed() ? deleteCaret$2(editor, forward) : Optional.none();
+
+    const isText$2 = isText$b;
+    const startsWithCaretContainer = (node) => isText$2(node) && node.data[0] === ZWSP$1;
+    const endsWithCaretContainer = (node) => isText$2(node) && node.data[node.data.length - 1] === ZWSP$1;
+    const createZwsp = (node) => {
+        var _a;
+        const doc = (_a = node.ownerDocument) !== null && _a !== void 0 ? _a : document;
+        return doc.createTextNode(ZWSP$1);
+    };
+    const insertBefore$1 = (node) => {
+        var _a;
+        if (isText$2(node.previousSibling)) {
+            if (endsWithCaretContainer(node.previousSibling)) {
+                return node.previousSibling;
+            }
+            else {
+                node.previousSibling.appendData(ZWSP$1);
+                return node.previousSibling;
+            }
+        }
+        else if (isText$2(node)) {
+            if (startsWithCaretContainer(node)) {
+                return node;
+            }
+            else {
+                node.insertData(0, ZWSP$1);
+                return node;
+            }
+        }
+        else {
+            const newNode = createZwsp(node);
+            (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(newNode, node);
+            return newNode;
+        }
+    };
+    const insertAfter$1 = (node) => {
+        var _a, _b;
+        if (isText$2(node.nextSibling)) {
+            if (startsWithCaretContainer(node.nextSibling)) {
+                return node.nextSibling;
+            }
+            else {
+                node.nextSibling.insertData(0, ZWSP$1);
+                return node.nextSibling;
+            }
+        }
+        else if (isText$2(node)) {
+            if (endsWithCaretContainer(node)) {
+                return node;
+            }
+            else {
+                node.appendData(ZWSP$1);
+                return node;
+            }
+        }
+        else {
+            const newNode = createZwsp(node);
+            if (node.nextSibling) {
+                (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(newNode, node.nextSibling);
+            }
+            else {
+                (_b = node.parentNode) === null || _b === void 0 ? void 0 : _b.appendChild(newNode);
+            }
+            return newNode;
+        }
+    };
+    const insertInline = (before, node) => before ? insertBefore$1(node) : insertAfter$1(node);
+    const insertInlineBefore = curry(insertInline, true);
+    const insertInlineAfter = curry(insertInline, false);
+
+    const insertInlinePos = (pos, before) => {
+        if (isText$b(pos.container())) {
+            return insertInline(before, pos.container());
+        }
+        else {
+            // TODO: TINY-8865 - This may not be safe to cast as Node and alternative solutions need to be looked into
+            return insertInline(before, pos.getNode());
+        }
+    };
+    const isPosCaretContainer = (pos, caret) => {
+        const caretNode = caret.get();
+        return caretNode && pos.container() === caretNode && isCaretContainerInline(caretNode);
+    };
+    const renderCaret = (caret, location) => location.fold((element) => {
+        remove$2(caret.get());
+        const text = insertInlineBefore(element);
+        caret.set(text);
+        return Optional?.some(CaretPosition(text, text.length - 1));
+    }, (element) => // Start
+     firstPositionIn(element)?.map((pos) => {
+        if (!isPosCaretContainer(pos, caret)) {
+            remove$2(caret.get());
+            const text = insertInlinePos(pos, true);
+            caret.set(text);
+            return CaretPosition(text, 1);
+        }
+        else {
+            const node = caret.get();
+            return CaretPosition(node, 1);
+        }
+    }), (element) => // End
+     lastPositionIn(element)?.map((pos) => {
+        if (!isPosCaretContainer(pos, caret)) {
+            remove$2(caret.get());
+            const text = insertInlinePos(pos, false);
+            caret.set(text);
+            return CaretPosition(text, text.length - 1);
+        }
+        else {
+            const node = caret.get();
+            return CaretPosition(node, node.length - 1);
+        }
+    }), (element) => {
+        remove$2(caret.get());
+        const text = insertInlineAfter(element);
+        caret.set(text);
+        return Optional?.some(CaretPosition(text, 1));
+    });
+
+    const evaluateUntil = (fns, args) => {
+        for (let i = 0; i < fns.length; i++) {
+            const result = fns[i].apply(null, args);
+            if (result.isSome()) {
+                return result;
+            }
+        }
+        return Optional.none();
+    };
+
+    const Location = Adt.generate([
+        { before: ['element'] },
+        { start: ['element'] },
+        { end: ['element'] },
+        { after: ['element'] }
+    ]);
+    const rescope$1 = (rootNode, node) => {
+        const parentBlock = getParentBlock$3(node, rootNode);
+        return parentBlock ? parentBlock : rootNode;
+    };
+    const before = (isInlineTarget, rootNode, pos) => {
+        const nPos = normalizeForwards(pos);
+        const scope = rescope$1(rootNode, nPos.container());
+        return findRootInline(isInlineTarget, scope, nPos).fold(() => nextPosition(scope, nPos)
+            .bind(curry(findRootInline, isInlineTarget, scope))
+            ?.map((inline) => Location.before(inline)), Optional.none);
+    };
+    const isNotInsideFormatCaretContainer = (rootNode, elm) => getParentCaretContainer(rootNode, elm) === null;
+    const findInsideRootInline = (isInlineTarget, rootNode, pos) => findRootInline(isInlineTarget, rootNode, pos).filter(curry(isNotInsideFormatCaretContainer, rootNode));
+    const start$1 = (isInlineTarget, rootNode, pos) => {
+        const nPos = normalizeBackwards(pos);
+        return findInsideRootInline(isInlineTarget, rootNode, nPos).bind((inline) => {
+            const prevPos = prevPosition(inline, nPos);
+            return prevPos.isNone() ? Optional?.some(Location.start(inline)) : Optional.none();
+        });
+    };
+    const end = (isInlineTarget, rootNode, pos) => {
+        const nPos = normalizeForwards(pos);
+        return findInsideRootInline(isInlineTarget, rootNode, nPos).bind((inline) => {
+            const nextPos = nextPosition(inline, nPos);
+            return nextPos.isNone() ? Optional?.some(Location.end(inline)) : Optional.none();
+        });
+    };
+    const after = (isInlineTarget, rootNode, pos) => {
+        const nPos = normalizeBackwards(pos);
+        const scope = rescope$1(rootNode, nPos.container());
+        return findRootInline(isInlineTarget, scope, nPos).fold(() => prevPosition(scope, nPos)
+            .bind(curry(findRootInline, isInlineTarget, scope))
+            ?.map((inline) => Location.after(inline)), Optional.none);
+    };
+    const isValidLocation = (location) => !isRtl(getElement(location));
+    const readLocation = (isInlineTarget, rootNode, pos) => {
+        const location = evaluateUntil([
+            before,
+            start$1,
+            end,
+            after
+        ], [isInlineTarget, rootNode, pos]);
+        return location.filter(isValidLocation);
+    };
+    const getElement = (location) => location.fold(identity, // Before
+    identity, // Start
+    identity, // End
+    identity // After
+    );
+    const getName = (location) => location.fold(constant('before'), // Before
+    constant('start'), // Start
+    constant('end'), // End
+    constant('after') // After
+    );
+    const outside = (location) => location.fold(Location.before, // Before
+    Location.before, // Start
+    Location.after, // End
+    Location.after // After
+    );
+    const inside = (location) => location.fold(Location.start, // Before
+    Location.start, // Start
+    Location.end, // End
+    Location.end // After
+    );
+    const isEq = (location1, location2) => getName(location1) === getName(location2) && getElement(location1) === getElement(location2);
+    const betweenInlines = (forward, isInlineTarget, rootNode, from, to, location) => lift2(findRootInline(isInlineTarget, rootNode, from), findRootInline(isInlineTarget, rootNode, to), (fromInline, toInline) => {
+        if (fromInline !== toInline && hasSameParentBlock(rootNode, fromInline, toInline)) {
+            // Force after since some browsers normalize and lean left into the closest inline
+            return Location.after(forward ? fromInline : toInline);
+        }
+        else {
+            return location;
+        }
+    }).getOr(location);
+    const skipNoMovement = (fromLocation, toLocation) => fromLocation.fold(always, (fromLocation) => !isEq(fromLocation, toLocation));
+    const findLocationTraverse = (forward, isInlineTarget, rootNode, fromLocation, pos) => {
+        const from = normalizePosition(forward, pos);
+        const to = fromPosition(forward, rootNode, from)?.map(curry(normalizePosition, forward));
+        const location = to.fold(() => fromLocation?.map(outside), (to) => readLocation(isInlineTarget, rootNode, to)
+            ?.map(curry(betweenInlines, forward, isInlineTarget, rootNode, from, to))
+            .filter(curry(skipNoMovement, fromLocation)));
+        return location.filter(isValidLocation);
+    };
+    const findLocationSimple = (forward, location) => {
+        if (forward) {
+            return location.fold(compose(Optional.some, Location.start), // Before -> Start
+            Optional.none, compose(Optional.some, Location.after), // End -> After
+            Optional.none);
+        }
+        else {
+            return location.fold(Optional.none, compose(Optional.some, Location.before), // Before <- Start
+            Optional.none, compose(Optional.some, Location.end) // End <- After
+            );
+        }
+    };
+    const findLocation$1 = (forward, isInlineTarget, rootNode, pos) => {
+        const from = normalizePosition(forward, pos);
+        const fromLocation = readLocation(isInlineTarget, rootNode, from);
+        return readLocation(isInlineTarget, rootNode, from).bind(curry(findLocationSimple, forward))
+            .orThunk(() => findLocationTraverse(forward, isInlineTarget, rootNode, fromLocation, pos));
+    };
+
+    const hasSelectionModifyApi = (editor) => {
+        return isFunction(editor.selection.getSel().modify);
+    };
+    const moveRel = (forward, selection, pos) => {
+        const delta = forward ? 1 : -1;
+        selection.setRng(CaretPosition(pos.container(), pos.offset() + delta).toRange());
+        selection.getSel().modify('move', forward ? 'forward' : 'backward', 'word');
+        return true;
+    };
+    const moveByWord = (forward, editor) => {
+        const rng = editor.selection.getRng();
+        const pos = forward ? CaretPosition.fromRangeEnd(rng) : CaretPosition.fromRangeStart(rng);
+        if (!hasSelectionModifyApi(editor)) {
+            return false;
+        }
+        else if (forward && isBeforeInline(pos)) {
+            return moveRel(true, editor.selection, pos);
+        }
+        else if (!forward && isAfterInline(pos)) {
+            return moveRel(false, editor.selection, pos);
+        }
+        else {
+            return false;
+        }
+    };
+
+    var BreakType;
+    (function (BreakType) {
+        BreakType[BreakType["Br"] = 0] = "Br";
+        BreakType[BreakType["Block"] = 1] = "Block";
+        BreakType[BreakType["Wrap"] = 2] = "Wrap";
+        BreakType[BreakType["Eol"] = 3] = "Eol";
+    })(BreakType || (BreakType = {}));
+    const flip = (direction, positions) => direction === -1 /* HDirection.Backwards */ ? reverse(positions) : positions;
+    const walk$1 = (direction, caretWalker, pos) => direction === 1 /* HDirection.Forwards */ ? caretWalker.next(pos) : caretWalker.prev(pos);
+    const getBreakType = (scope, direction, currentPos, nextPos) => {
+        if (isBr$6(nextPos.getNode(direction === 1 /* HDirection.Forwards */))) {
+            return BreakType.Br;
+        }
+        else if (isInSameBlock(currentPos, nextPos) === false) {
+            return BreakType.Block;
+        }
+        else {
+            return BreakType.Wrap;
+        }
+    };
+    const getPositionsUntil = (predicate, direction, scope, start) => {
+        const caretWalker = CaretWalker(scope);
+        let currentPos = start;
+        const positions = [];
+        while (currentPos) {
+            const nextPos = walk$1(direction, caretWalker, currentPos);
+            if (!nextPos) {
+                break;
+            }
+            if (isBr$6(nextPos.getNode(false))) {
+                if (direction === 1 /* HDirection.Forwards */) {
+                    return { positions: flip(direction, positions).concat([nextPos]), breakType: BreakType.Br, breakAt: Optional?.some(nextPos) };
+                }
+                else {
+                    return { positions: flip(direction, positions), breakType: BreakType.Br, breakAt: Optional?.some(nextPos) };
+                }
+            }
+            if (!nextPos.isVisible()) {
+                currentPos = nextPos;
+                continue;
+            }
+            if (predicate(currentPos, nextPos)) {
+                const breakType = getBreakType(scope, direction, currentPos, nextPos);
+                return { positions: flip(direction, positions), breakType, breakAt: Optional?.some(nextPos) };
+            }
+            positions.push(nextPos);
+            currentPos = nextPos;
+        }
+        return { positions: flip(direction, positions), breakType: BreakType.Eol, breakAt: Optional.none() };
+    };
+    const getAdjacentLinePositions = (direction, getPositionsUntilBreak, scope, start) => getPositionsUntilBreak(scope, start).breakAt?.map((pos) => {
+        const positions = getPositionsUntilBreak(scope, pos).positions;
+        return direction === -1 /* HDirection.Backwards */ ? positions.concat(pos) : [pos].concat(positions);
+    }).getOr([]);
+    const findClosestHorizontalPositionFromPoint = (positions, x) => foldl(positions, (acc, newPos) => acc.fold(() => Optional?.some(newPos), (lastPos) => lift2(head(lastPos.getClientRects()), head(newPos.getClientRects()), (lastRect, newRect) => {
+        const lastDist = Math.abs(x - lastRect.left);
+        const newDist = Math.abs(x - newRect.left);
+        return newDist <= lastDist ? newPos : lastPos;
+    }).or(acc)), Optional.none());
+    const findClosestHorizontalPosition = (positions, pos) => head(pos.getClientRects()).bind((targetRect) => findClosestHorizontalPositionFromPoint(positions, targetRect.left));
+    const getPositionsUntilPreviousLine = curry(getPositionsUntil, CaretPosition.isAbove, -1);
+    const getPositionsUntilNextLine = curry(getPositionsUntil, CaretPosition.isBelow, 1);
+    const getPositionsAbove = curry(getAdjacentLinePositions, -1, getPositionsUntilPreviousLine);
+    const getPositionsBelow = curry(getAdjacentLinePositions, 1, getPositionsUntilNextLine);
+    const isAtFirstLine = (scope, pos) => getPositionsUntilPreviousLine(scope, pos).breakAt.isNone();
+    const isAtLastLine = (scope, pos) => getPositionsUntilNextLine(scope, pos).breakAt.isNone();
+    const getFirstLinePositions = (scope) => firstPositionIn(scope)?.map((pos) => [pos].concat(getPositionsUntilNextLine(scope, pos).positions)).getOr([]);
+    const getLastLinePositions = (scope) => lastPositionIn(scope)?.map((pos) => getPositionsUntilPreviousLine(scope, pos).positions.concat(pos)).getOr([]);
+    const getClosestPositionAbove = (scope, pos) => findClosestHorizontalPosition(getPositionsAbove(scope, pos), pos);
+    const getClosestPositionBelow = (scope, pos) => findClosestHorizontalPosition(getPositionsBelow(scope, pos), pos);
+
+    const isContentEditableFalse$4 = isContentEditableFalse$a;
+    const distanceToRectLeft$1 = (clientRect, clientX) => Math.abs(clientRect.left - clientX);
+    const distanceToRectRight$1 = (clientRect, clientX) => Math.abs(clientRect.right - clientX);
+    const isNodeClientRect = (rect) => hasNonNullableKey(rect, 'node');
+    const findClosestClientRect = (clientRects, clientX) => reduce(clientRects, (oldClientRect, clientRect) => {
+        const oldDistance = Math.min(distanceToRectLeft$1(oldClientRect, clientX), distanceToRectRight$1(oldClientRect, clientX));
+        const newDistance = Math.min(distanceToRectLeft$1(clientRect, clientX), distanceToRectRight$1(clientRect, clientX));
+        // cE=false has higher priority
+        if (newDistance === oldDistance && isNodeClientRect(clientRect) && isContentEditableFalse$4(clientRect.node)) {
+            return clientRect;
+        }
+        if (newDistance < oldDistance) {
+            return clientRect;
+        }
+        return oldClientRect;
+    });
+
+    const getNodeClientRects = (node) => {
+        const toArrayWithNode = (clientRects) => {
+            return map$3(clientRects, (rect) => {
+                const clientRect = clone$1(rect);
+                clientRect.node = node;
+                return clientRect;
+            });
+        };
+        if (isElement$6(node)) {
+            return toArrayWithNode(node.getClientRects());
+        }
+        else if (isText$b(node)) {
+            const rng = node.ownerDocument.createRange();
+            rng.setStart(node, 0);
+            rng.setEnd(node, node.data.length);
+            return toArrayWithNode(rng.getClientRects());
+        }
+        else {
+            return [];
+        }
+    };
+    const getClientRects = (nodes) => bind$3(nodes, getNodeClientRects);
+
+    var VDirection;
+    (function (VDirection) {
+        VDirection[VDirection["Up"] = -1] = "Up";
+        VDirection[VDirection["Down"] = 1] = "Down";
+    })(VDirection || (VDirection = {}));
+    const findUntil = (direction, root, predicateFn, node) => {
+        let currentNode = node;
+        while ((currentNode = findNode(currentNode, direction, isEditableCaretCandidate$1, root))) {
+            if (predicateFn(currentNode)) {
+                return;
+            }
+        }
+    };
+    const walkUntil = (direction, isAboveFn, isBeflowFn, root, predicateFn, caretPosition) => {
+        let line = 0;
+        const result = [];
+        const add = (node) => {
+            let clientRects = getClientRects([node]);
+            if (direction === VDirection.Up) {
+                clientRects = clientRects.reverse();
+            }
+            for (let i = 0; i < clientRects.length; i++) {
+                const clientRect = clientRects[i];
+                if (isBeflowFn(clientRect, targetClientRect)) {
+                    continue;
+                }
+                if (result.length > 0 && isAboveFn(clientRect, last(result))) {
+                    line++;
+                }
+                clientRect.line = line;
+                if (predicateFn(clientRect)) {
+                    return true;
+                }
+                result.push(clientRect);
+            }
+            return false;
+        };
+        const targetClientRect = last(caretPosition.getClientRects());
+        if (!targetClientRect) {
+            return result;
+        }
+        const node = caretPosition.getNode();
+        if (node) {
+            add(node);
+            findUntil(direction, root, add, node);
+        }
+        return result;
+    };
+    const aboveLineNumber = (lineNumber, clientRect) => clientRect.line > lineNumber;
+    const isLineNumber = (lineNumber, clientRect) => clientRect.line === lineNumber;
+    const upUntil = curry(walkUntil, VDirection.Up, isAbove$1, isBelow$1);
+    const downUntil = curry(walkUntil, VDirection.Down, isBelow$1, isAbove$1);
+    const getLastClientRect = (caretPosition) => {
+        // ASSUMPTION: There should always be at least one client rect here
+        return last(caretPosition.getClientRects());
+    };
+    const positionsUntil = (direction, root, predicateFn, node) => {
+        const caretWalker = CaretWalker(root);
+        let walkFn;
+        let isBelowFn;
+        let isAboveFn;
+        let caretPosition;
+        const result = [];
+        let line = 0;
+        if (direction === VDirection.Down) {
+            walkFn = caretWalker.next;
+            isBelowFn = isBelow$1;
+            isAboveFn = isAbove$1;
+            caretPosition = CaretPosition.after(node);
+        }
+        else {
+            walkFn = caretWalker.prev;
+            isBelowFn = isAbove$1;
+            isAboveFn = isBelow$1;
+            caretPosition = CaretPosition.before(node);
+        }
+        const targetClientRect = getLastClientRect(caretPosition);
+        do {
+            if (!caretPosition.isVisible()) {
+                continue;
+            }
+            const rect = getLastClientRect(caretPosition);
+            if (isAboveFn(rect, targetClientRect)) {
+                continue;
+            }
+            if (result.length > 0 && isBelowFn(rect, last(result))) {
+                line++;
+            }
+            const clientRect = clone$1(rect);
+            clientRect.position = caretPosition;
+            clientRect.line = line;
+            if (predicateFn(clientRect)) {
+                return result;
+            }
+            result.push(clientRect);
+        } while ((caretPosition = walkFn(caretPosition)));
+        return result;
+    };
+    const isAboveLine = (lineNumber) => (clientRect) => aboveLineNumber(lineNumber, clientRect);
+    const isLine = (lineNumber) => (clientRect) => isLineNumber(lineNumber, clientRect);
+
+    const moveToRange = (editor, rng) => {
+        editor.selection.setRng(rng);
+        // Don't reuse the original range as TinyMCE will adjust it
+        scrollRangeIntoView(editor, editor.selection.getRng());
+    };
+    const renderRangeCaretOpt = (editor, range, scrollIntoView) => Optional?.some(renderRangeCaret(editor, range, scrollIntoView));
+    const moveHorizontally = (editor, direction, range, isBefore, isAfter, isElement) => {
+        const forwards = direction === 1 /* HDirection.Forwards */;
+        const caretWalker = CaretWalker(editor.getBody());
+        const getNextPosFn = curry(getVisualCaretPosition, forwards ? caretWalker.next : caretWalker.prev);
+        const isBeforeFn = forwards ? isBefore : isAfter;
+        if (!range.collapsed) {
+            const node = getSelectedNode(range);
+            if (isElement(node)) {
+                return showCaret(direction, editor, node, direction === -1 /* HDirection.Backwards */, false);
+            }
+            else if (isCefAtEdgeSelected(editor)) {
+                const newRange = range.cloneRange();
+                newRange.collapse(direction === -1 /* HDirection.Backwards */);
+                return Optional.from(newRange);
+            }
+        }
+        const caretPosition = getNormalizedRangeEndPoint(direction, editor.getBody(), range);
+        if (isBeforeFn(caretPosition)) {
+            return selectNode(editor, caretPosition.getNode(!forwards));
+        }
+        let nextCaretPosition = getNextPosFn(caretPosition);
+        const rangeIsInContainerBlock = isRangeInCaretContainerBlock(range);
+        if (!nextCaretPosition) {
+            return rangeIsInContainerBlock ? Optional?.some(range) : Optional.none();
+        }
+        else {
+            nextCaretPosition = normalizePosition(forwards, nextCaretPosition);
+        }
+        if (isBeforeFn(nextCaretPosition)) {
+            return showCaret(direction, editor, nextCaretPosition.getNode(!forwards), forwards, false);
+        }
+        // Peek ahead for handling of ab|c<span cE=false> -> abc|<span cE=false>
+        const peekCaretPosition = getNextPosFn(nextCaretPosition);
+        if (peekCaretPosition && isBeforeFn(peekCaretPosition)) {
+            if (isMoveInsideSameBlock(nextCaretPosition, peekCaretPosition)) {
+                return showCaret(direction, editor, peekCaretPosition.getNode(!forwards), forwards, false);
+            }
+        }
+        if (rangeIsInContainerBlock) {
+            return renderRangeCaretOpt(editor, nextCaretPosition.toRange(), false);
+        }
+        return Optional.none();
+    };
+    const moveVertically = (editor, direction, range, isBefore, isAfter, isElement) => {
+        const caretPosition = getNormalizedRangeEndPoint(direction, editor.getBody(), range);
+        const caretClientRect = last(caretPosition.getClientRects());
+        const forwards = direction === VDirection.Down;
+        const root = editor.getBody();
+        if (!caretClientRect) {
+            return Optional.none();
+        }
+        if (isCefAtEdgeSelected(editor)) {
+            const caretPosition = forwards ? CaretPosition.fromRangeEnd(range) : CaretPosition.fromRangeStart(range);
+            const getClosestFn = !forwards ? getClosestPositionAbove : getClosestPositionBelow;
+            return getClosestFn(root, caretPosition)
+                .orThunk(() => Optional.from(caretPosition))
+                ?.map((pos) => pos.toRange());
+        }
+        const walkerFn = forwards ? downUntil : upUntil;
+        const linePositions = walkerFn(root, isAboveLine(1), caretPosition);
+        const nextLinePositions = filter$5(linePositions, isLine(1));
+        const clientX = caretClientRect.left;
+        const nextLineRect = findClosestClientRect(nextLinePositions, clientX);
+        if (nextLineRect && isElement(nextLineRect.node)) {
+            const dist1 = Math.abs(clientX - nextLineRect.left);
+            const dist2 = Math.abs(clientX - nextLineRect.right);
+            return showCaret(direction, editor, nextLineRect.node, dist1 < dist2, false);
+        }
+        let currentNode;
+        if (isBefore(caretPosition)) {
+            currentNode = caretPosition.getNode();
+        }
+        else if (isAfter(caretPosition)) {
+            currentNode = caretPosition.getNode(true);
+        }
+        else {
+            currentNode = getSelectedNode(range);
+        }
+        if (currentNode) {
+            const caretPositions = positionsUntil(direction, root, isAboveLine(1), currentNode);
+            let closestNextLineRect = findClosestClientRect(filter$5(caretPositions, isLine(1)), clientX);
+            if (closestNextLineRect) {
+                return renderRangeCaretOpt(editor, closestNextLineRect.position.toRange(), false);
+            }
+            closestNextLineRect = last(filter$5(caretPositions, isLine(0)));
+            if (closestNextLineRect) {
+                return renderRangeCaretOpt(editor, closestNextLineRect.position.toRange(), false);
+            }
+        }
+        if (nextLinePositions.length === 0) {
+            return getLineEndPoint(editor, forwards).filter(forwards ? isAfter : isBefore)
+                ?.map((pos) => renderRangeCaret(editor, pos.toRange(), false));
+        }
+        return Optional.none();
+    };
+    const getLineEndPoint = (editor, forward) => {
+        const rng = editor.selection.getRng();
+        const from = forward ? CaretPosition.fromRangeEnd(rng) : CaretPosition.fromRangeStart(rng);
+        const host = getEditingHost(from.container(), editor.getBody());
+        if (forward) {
+            const lineInfo = getPositionsUntilNextLine(host, from);
+            return last$2(lineInfo.positions);
+        }
+        else {
+            const lineInfo = getPositionsUntilPreviousLine(host, from);
+            return head(lineInfo.positions);
+        }
+    };
+    const moveToLineEndPoint$3 = (editor, forward, isElementPosition) => getLineEndPoint(editor, forward).filter(isElementPosition).exists((pos) => {
+        editor.selection.setRng(pos.toRange());
+        return true;
+    });
+
+    const setCaretPosition = (editor, pos) => {
+        const rng = editor.dom.createRng();
+        rng.setStart(pos.container(), pos.offset());
+        rng.setEnd(pos.container(), pos.offset());
+        editor.selection.setRng(rng);
+    };
+    const setSelected = (state, elm) => {
+        if (state) {
+            elm.setAttribute('data-mce-selected', 'inline-boundary');
+        }
+        else {
+            elm.removeAttribute('data-mce-selected');
+        }
+    };
+    const renderCaretLocation = (editor, caret, location) => renderCaret(caret, location)?.map((pos) => {
+        setCaretPosition(editor, pos);
+        return location;
+    });
+    const getPositionFromRange = (range, root, forward) => {
+        const start = CaretPosition.fromRangeStart(range);
+        if (range.collapsed) {
+            return start;
+        }
+        else {
+            const end = CaretPosition.fromRangeEnd(range);
+            return forward ? prevPosition(root, end).getOr(end) : nextPosition(root, start).getOr(start);
+        }
+    };
+    const findLocation = (editor, caret, forward) => {
+        const rootNode = editor.getBody();
+        const from = getPositionFromRange(editor.selection.getRng(), rootNode, forward);
+        const isInlineTarget$1 = curry(isInlineTarget, editor);
+        const location = findLocation$1(forward, isInlineTarget$1, rootNode, from);
+        return location.bind((location) => renderCaretLocation(editor, caret, location));
+    };
+    const toggleInlines = (isInlineTarget, dom, elms) => {
+        const inlineBoundaries = map$3(descendants(SugarElement.fromDom(dom.getRoot()), '*[data-mce-selected="inline-boundary"]'), (e) => e.dom);
+        const selectedInlines = filter$5(inlineBoundaries, isInlineTarget);
+        const targetInlines = filter$5(elms, isInlineTarget);
+        each$e(difference(selectedInlines, targetInlines), curry(setSelected, false));
+        each$e(difference(targetInlines, selectedInlines), curry(setSelected, true));
+    };
+    const safeRemoveCaretContainer = (editor, caret) => {
+        const caretValue = caret.get();
+        if (editor.selection.isCollapsed() && !editor.composing && caretValue) {
+            const pos = CaretPosition.fromRangeStart(editor.selection.getRng());
+            if (CaretPosition.isTextPosition(pos) && !isAtZwsp(pos)) {
+                setCaretPosition(editor, removeAndReposition(caretValue, pos));
+                caret.set(null);
+            }
+        }
+    };
+    const renderInsideInlineCaret = (isInlineTarget, editor, caret, elms) => {
+        if (editor.selection.isCollapsed()) {
+            const inlines = filter$5(elms, isInlineTarget);
+            each$e(inlines, (_inline) => {
+                const pos = CaretPosition.fromRangeStart(editor.selection.getRng());
+                readLocation(isInlineTarget, editor.getBody(), pos).bind((location) => renderCaretLocation(editor, caret, location));
+            });
+        }
+    };
+    const move$3 = (editor, caret, forward) => isInlineBoundariesEnabled(editor) ? findLocation(editor, caret, forward).isSome() : false;
+    const moveWord = (forward, editor, _caret) => isInlineBoundariesEnabled(editor) ? moveByWord(forward, editor) : false;
+    const setupSelectedState = (editor) => {
+        const caret = Cell(null);
+        const isInlineTarget$1 = curry(isInlineTarget, editor);
+        editor.on('NodeChange', (e) => {
+            if (isInlineBoundariesEnabled(editor)) {
+                toggleInlines(isInlineTarget$1, editor.dom, e.parents);
+                safeRemoveCaretContainer(editor, caret);
+                renderInsideInlineCaret(isInlineTarget$1, editor, caret, e.parents);
+            }
+        });
+        return caret;
+    };
+    const moveNextWord = curry(moveWord, true);
+    const movePrevWord = curry(moveWord, false);
+    const moveToLineEndPoint$2 = (editor, forward, caret) => {
+        if (isInlineBoundariesEnabled(editor)) {
+            // Try to find the line endpoint, however if one isn't found then assume we're already at the end point
+            const linePoint = getLineEndPoint(editor, forward).getOrThunk(() => {
+                const rng = editor.selection.getRng();
+                return forward ? CaretPosition.fromRangeEnd(rng) : CaretPosition.fromRangeStart(rng);
+            });
+            return readLocation(curry(isInlineTarget, editor), editor.getBody(), linePoint).exists((loc) => {
+                const outsideLoc = outside(loc);
+                return renderCaret(caret, outsideLoc).exists((pos) => {
+                    setCaretPosition(editor, pos);
+                    return true;
+                });
+            });
+        }
+        else {
+            return false;
+        }
+    };
+
+    const rangeFromPositions = (from, to) => {
+        const range = document.createRange();
+        range.setStart(from.container(), from.offset());
+        range.setEnd(to.container(), to.offset());
+        return range;
+    };
+    // Checks for delete at <code>|a</code> when there is only one item left except the zwsp caret container nodes
+    const hasOnlyTwoOrLessPositionsLeft = (elm) => lift2(firstPositionIn(elm), lastPositionIn(elm), (firstPos, lastPos) => {
+        const normalizedFirstPos = normalizePosition(true, firstPos);
+        const normalizedLastPos = normalizePosition(false, lastPos);
+        return nextPosition(elm, normalizedFirstPos).forall((pos) => pos.isEqual(normalizedLastPos));
+    }).getOr(true);
+    const setCaretLocation = (editor, caret) => (location) => renderCaret(caret, location)?.map((pos) => () => setCaretPosition(editor, pos));
+    const deleteFromTo = (editor, caret, from, to) => {
+        const rootNode = editor.getBody();
+        const isInlineTarget$1 = curry(isInlineTarget, editor);
+        editor.undoManager.ignore(() => {
+            editor.selection.setRng(rangeFromPositions(from, to));
+            // TODO: TINY-9120 - Investigate if this should be using our custom overrides
+            execNativeDeleteCommand(editor);
+            readLocation(isInlineTarget$1, rootNode, CaretPosition.fromRangeStart(editor.selection.getRng()))
+                ?.map(inside)
+                .bind(setCaretLocation(editor, caret))
+                .each(call);
+        });
+        editor.nodeChanged();
+    };
+    const rescope = (rootNode, node) => {
+        const parentBlock = getParentBlock$3(node, rootNode);
+        return parentBlock ? parentBlock : rootNode;
+    };
+    const backspaceDeleteCollapsed = (editor, caret, forward, from) => {
+        const rootNode = rescope(editor.getBody(), from.container());
+        const isInlineTarget$1 = curry(isInlineTarget, editor);
+        const fromLocation = readLocation(isInlineTarget$1, rootNode, from);
+        const location = fromLocation.bind((location) => {
+            if (forward) {
+                return location.fold(constant(Optional?.some(inside(location))), // Before
+                Optional.none, // Start
+                constant(Optional?.some(outside(location))), // End
+                Optional.none // After
+                );
+            }
+            else {
+                return location.fold(Optional.none, // Before
+                constant(Optional?.some(outside(location))), // Start
+                Optional.none, // End
+                constant(Optional?.some(inside(location))) // After
+                );
+            }
+        });
+        return location?.map(setCaretLocation(editor, caret))
+            .getOrThunk(() => {
+            const toPosition = navigate(forward, rootNode, from);
+            const toLocation = toPosition.bind((pos) => readLocation(isInlineTarget$1, rootNode, pos));
+            return lift2(fromLocation, toLocation, () => findRootInline(isInlineTarget$1, rootNode, from).bind((elm) => {
+                if (hasOnlyTwoOrLessPositionsLeft(elm)) {
+                    return Optional?.some(() => {
+                        deleteElement$2(editor, forward, SugarElement.fromDom(elm));
+                    });
+                }
+                else {
+                    return Optional.none();
+                }
+            })).getOrThunk(() => toLocation.bind(() => toPosition?.map((to) => {
+                return () => {
+                    if (forward) {
+                        deleteFromTo(editor, caret, from, to);
+                    }
+                    else {
+                        deleteFromTo(editor, caret, to, from);
+                    }
+                };
+            })));
+        });
+    };
+    const backspaceDelete$4 = (editor, caret, forward) => {
+        if (editor.selection.isCollapsed() && isInlineBoundariesEnabled(editor)) {
+            const from = CaretPosition.fromRangeStart(editor.selection.getRng());
+            return backspaceDeleteCollapsed(editor, caret, forward, from);
+        }
+        return Optional.none();
+    };
+
+    const hasMultipleChildren = (elm) => childNodesCount(elm) > 1;
+    const getParentsUntil = (editor, pred) => {
+        const rootElm = SugarElement.fromDom(editor.getBody());
+        const startElm = SugarElement.fromDom(editor.selection.getStart());
+        const parents = parentsAndSelf(startElm, rootElm);
+        return findIndex$2(parents, pred).fold(constant(parents), (index) => parents.slice(0, index));
+    };
+    const hasOnlyOneChild = (elm) => childNodesCount(elm) === 1;
+    const getParentInlinesUntilMultichildInline = (editor) => getParentsUntil(editor, (elm) => editor.schema.isBlock(name(elm)) || hasMultipleChildren(elm));
+    const getParentInlines = (editor) => getParentsUntil(editor, (el) => editor.schema.isBlock(name(el)));
+    const getFormatNodes = (editor, parentInlines) => {
+        const isFormatElement$1 = curry(isFormatElement, editor);
+        return bind$3(parentInlines, (elm) => isFormatElement$1(elm) ? [elm.dom] : []);
+    };
+    const getFormatNodesAtStart = (editor) => {
+        const parentInlines = getParentInlines(editor);
+        return getFormatNodes(editor, parentInlines);
+    };
+    const deleteLastPosition = (forward, editor, target, parentInlines) => {
+        const formatNodes = getFormatNodes(editor, parentInlines);
+        if (formatNodes.length === 0) {
+            deleteElement$2(editor, forward, target);
+        }
+        else {
+            const pos = replaceWithCaretFormat(target.dom, formatNodes);
+            editor.selection.setRng(pos.toRange());
+        }
+    };
+    const deleteCaret$1 = (editor, forward) => {
+        const parentInlines = filter$5(getParentInlinesUntilMultichildInline(editor), hasOnlyOneChild);
+        return last$2(parentInlines).bind((target) => {
+            const fromPos = CaretPosition.fromRangeStart(editor.selection.getRng());
+            if (willDeleteLastPositionInElement(forward, fromPos, target.dom) && !isEmptyCaretFormatElement(target)) {
+                return Optional?.some(() => deleteLastPosition(forward, editor, target, parentInlines));
+            }
+            else {
+                return Optional.none();
+            }
+        });
+    };
+    const isBrInEmptyElement = (editor, elm) => {
+        const parentElm = elm.parentElement;
+        return isBr$6(elm) && !isNull(parentElm) && editor.dom.isEmpty(parentElm);
+    };
+    const isEmptyCaret = (elm) => isEmptyCaretFormatElement(SugarElement.fromDom(elm));
+    const createCaretFormatAtStart = (editor, formatNodes) => {
+        const startElm = editor.selection.getStart();
+        // replace <br> in empty node or existing caret at start if applicable
+        // otherwise create new caret format at start
+        const pos = isBrInEmptyElement(editor, startElm) || isEmptyCaret(startElm)
+            ? replaceWithCaretFormat(startElm, formatNodes)
+            : createCaretFormatAtStart$1(editor.selection.getRng(), formatNodes);
+        editor.selection.setRng(pos.toRange());
+    };
+    const updateCaretFormat = (editor, updateFormats) => {
+        // Create a caret format at cursor containing missing formats to ensure all formats
+        // that are supposed to be retained are retained
+        const missingFormats = difference(updateFormats, getFormatNodesAtStart(editor));
+        if (missingFormats.length > 0) {
+            createCaretFormatAtStart(editor, missingFormats);
+        }
+    };
+    const rangeStartsAtTextContainer = (rng) => isText$b(rng.startContainer);
+    const rangeStartsAtStartOfTextContainer = (rng) => rng.startOffset === 0 && rangeStartsAtTextContainer(rng);
+    const rangeStartParentIsFormatElement = (editor, rng) => {
+        const startParent = rng.startContainer.parentElement;
+        return !isNull(startParent) && isFormatElement(editor, SugarElement.fromDom(startParent));
+    };
+    const rangeStartAndEndHaveSameParent = (rng) => {
+        const startParent = rng.startContainer.parentNode;
+        const endParent = rng.endContainer.parentNode;
+        return !isNull(startParent) && !isNull(endParent) && startParent.isEqualNode(endParent);
+    };
+    const rangeEndsAtEndOfEndContainer = (rng) => {
+        const endContainer = rng.endContainer;
+        return rng.endOffset === (isText$b(endContainer) ? endContainer.length : endContainer.childNodes.length);
+    };
+    const rangeEndsAtEndOfStartContainer = (rng) => rangeStartAndEndHaveSameParent(rng) && rangeEndsAtEndOfEndContainer(rng);
+    const rangeEndsAfterEndOfStartContainer = (rng) => !rng.endContainer.isEqualNode(rng.commonAncestorContainer);
+    const rangeEndsAtOrAfterEndOfStartContainer = (rng) => rangeEndsAtEndOfStartContainer(rng) || rangeEndsAfterEndOfStartContainer(rng);
+    const requiresDeleteRangeOverride = (editor) => {
+        const rng = editor.selection.getRng();
+        return rangeStartsAtStartOfTextContainer(rng) && rangeStartParentIsFormatElement(editor, rng) && rangeEndsAtOrAfterEndOfStartContainer(rng);
+    };
+    const deleteRange$1 = (editor) => {
+        if (requiresDeleteRangeOverride(editor)) {
+            const formatNodes = getFormatNodesAtStart(editor);
+            return Optional?.some(() => {
+                execNativeDeleteCommand(editor);
+                updateCaretFormat(editor, formatNodes);
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const backspaceDelete$3 = (editor, forward) => editor.selection.isCollapsed() ? deleteCaret$1(editor, forward) : deleteRange$1(editor);
+    const hasAncestorInlineCaret = (elm, schema) => ancestor$2(elm, (node) => isCaretNode(node.dom), (el) => schema.isBlock(name(el)));
+    const hasAncestorInlineCaretAtStart = (editor) => hasAncestorInlineCaret(SugarElement.fromDom(editor.selection.getStart()), editor.schema);
+    const requiresRefreshCaretOverride = (editor) => {
+        const rng = editor.selection.getRng();
+        return rng.collapsed && (rangeStartsAtTextContainer(rng) || editor.dom.isEmpty(rng.startContainer)) && !hasAncestorInlineCaretAtStart(editor);
+    };
+    const refreshCaret = (editor) => {
+        if (requiresRefreshCaretOverride(editor)) {
+            createCaretFormatAtStart(editor, []);
+        }
+        return true;
+    };
+
+    const deleteElement = (editor, forward, element) => {
+        if (isNonNullable(element)) {
+            return Optional?.some(() => {
+                editor._selectionOverrides.hideFakeCaret();
+                deleteElement$2(editor, forward, SugarElement.fromDom(element));
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const deleteCaret = (editor, forward) => {
+        const isNearMedia = forward ? isBeforeMedia : isAfterMedia;
+        const direction = forward ? 1 /* HDirection.Forwards */ : -1 /* HDirection.Backwards */;
+        const fromPos = getNormalizedRangeEndPoint(direction, editor.getBody(), editor.selection.getRng());
+        if (isNearMedia(fromPos)) {
+            return deleteElement(editor, forward, fromPos.getNode(!forward));
+        }
+        else {
+            return Optional.from(normalizePosition(forward, fromPos))
+                .filter((pos) => isNearMedia(pos) && isMoveInsideSameBlock(fromPos, pos))
+                .bind((pos) => deleteElement(editor, forward, pos.getNode(!forward)));
+        }
+    };
+    const deleteRange = (editor, forward) => {
+        const selectedNode = editor.selection.getNode();
+        return isMedia$2(selectedNode) ? deleteElement(editor, forward, selectedNode) : Optional.none();
+    };
+    const backspaceDelete$2 = (editor, forward) => editor.selection.isCollapsed() ? deleteCaret(editor, forward) : deleteRange(editor, forward);
+
+    const isEditable = (target) => closest$4(target, (elm) => isContentEditableTrue$3(elm.dom) || isContentEditableFalse$a(elm.dom))
+        .exists((elm) => isContentEditableTrue$3(elm.dom));
+    const parseIndentValue = (value) => toInt(value !== null && value !== void 0 ? value : '').getOr(0);
+    const getIndentStyleName = (useMargin, element) => {
+        const indentStyleName = useMargin || isTable$1(element) ? 'margin' : 'padding';
+        const suffix = get$7(element, 'direction') === 'rtl' ? '-right' : '-left';
+        return indentStyleName + suffix;
+    };
+    const indentElement = (dom, command, useMargin, value, unit, element) => {
+        const indentStyleName = getIndentStyleName(useMargin, SugarElement.fromDom(element));
+        const parsedValue = parseIndentValue(dom.getStyle(element, indentStyleName));
+        if (command === 'outdent') {
+            const styleValue = Math.max(0, parsedValue - value);
+            dom.setStyle(element, indentStyleName, styleValue ? styleValue + unit : '');
+        }
+        else {
+            const styleValue = (parsedValue + value) + unit;
+            dom.setStyle(element, indentStyleName, styleValue);
+        }
+    };
+    const validateBlocks = (editor, blocks) => forall(blocks, (block) => {
+        const indentStyleName = getIndentStyleName(shouldIndentUseMargin(editor), block);
+        const intentValue = getRaw$1(block, indentStyleName)?.map(parseIndentValue).getOr(0);
+        const contentEditable = editor.dom.getContentEditable(block.dom);
+        return contentEditable !== 'false' && intentValue > 0;
+    });
+    const canOutdent = (editor) => {
+        const blocks = getBlocksToIndent(editor);
+        return !editor.mode.isReadOnly() && (blocks.length > 1 || validateBlocks(editor, blocks));
+    };
+    const isListComponent = (el) => isList(el) || isListItem$1(el);
+    const parentIsListComponent = (el) => parent(el).exists(isListComponent);
+    const getBlocksToIndent = (editor) => filter$5(fromDom$1(editor.selection.getSelectedBlocks()), (el) => !isListComponent(el) && !parentIsListComponent(el) && isEditable(el));
+    const handle = (editor, command) => {
+        var _a, _b;
+        if (editor.mode.isReadOnly()) {
+            return;
+        }
+        const { dom } = editor;
+        const indentation = getIndentation(editor);
+        const indentUnit = (_b = (_a = /[a-z%]+$/i.exec(indentation)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 'px';
+        const indentValue = parseIndentValue(indentation);
+        const useMargin = shouldIndentUseMargin(editor);
+        each$e(getBlocksToIndent(editor), (block) => {
+            indentElement(dom, command, useMargin, indentValue, indentUnit, block.dom);
+        });
+    };
+    const indent = (editor) => handle(editor, 'indent');
+    const outdent = (editor) => handle(editor, 'outdent');
+
+    const backspaceDelete$1 = (editor) => {
+        if (editor.selection.isCollapsed() && canOutdent(editor)) {
+            const dom = editor.dom;
+            const rng = editor.selection.getRng();
+            const pos = CaretPosition.fromRangeStart(rng);
+            const block = dom.getParent(rng.startContainer, dom.isBlock);
+            if (block !== null && isAtStartOfBlock(SugarElement.fromDom(block), pos, editor.schema)) {
+                return Optional?.some(() => outdent(editor));
+            }
+        }
+        return Optional.none();
+    };
+
+    const findAction = (editor, caret, forward) => findMap([
+        backspaceDelete$1,
+        backspaceDelete$7,
+        backspaceDelete$8,
+        (editor, forward) => backspaceDelete$4(editor, caret, forward),
+        backspaceDelete$a,
+        backspaceDelete$b,
+        backspaceDelete$5,
+        backspaceDelete$2,
+        backspaceDelete$9,
+        backspaceDelete$3,
+        backspaceDelete$6
+    ], (item) => item(editor, forward))
+        .filter((_) => editor.selection.isEditable());
+    const deleteCommand = (editor, caret) => {
+        const result = findAction(editor, caret, false);
+        result.fold(() => {
+            // We can't use an `execEditorDeleteCommand` here, otherwise we'd get
+            // possible infinite recursion (as it would trigger `deleteCommand` again)
+            if (editor.selection.isEditable()) {
+                execNativeDeleteCommand(editor);
+                paddEmptyBody(editor);
+            }
+        }, call);
+    };
+    const forwardDeleteCommand = (editor, caret) => {
+        const result = findAction(editor, caret, true);
+        result.fold(() => {
+            if (editor.selection.isEditable()) {
+                execNativeForwardDeleteCommand(editor);
+            }
+        }, call);
+    };
+    const setup$q = (editor, caret) => {
+        editor.addCommand('delete', () => {
+            deleteCommand(editor, caret);
+        });
+        editor.addCommand('forwardDelete', () => {
+            forwardDeleteCommand(editor, caret);
+        });
+    };
+
+    // This is based heavily on Alloy's TapEvent.ts, just modified to use TinyMCE's event system.
+    const SIGNIFICANT_MOVE = 5;
+    const LONGPRESS_DELAY = 400;
+    const getTouch = (event) => {
+        if (event.touches === undefined || event.touches.length !== 1) {
+            return Optional.none();
+        }
+        return Optional?.some(event.touches[0]);
+    };
+    const isFarEnough = (touch, data) => {
+        const distX = Math.abs(touch.clientX - data.x);
+        const distY = Math.abs(touch.clientY - data.y);
+        return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
+    };
+    const setup$p = (editor) => {
+        const startData = value$2();
+        const longpressFired = Cell(false);
+        const debounceLongpress = last$1((e) => {
+            editor.dispatch('longpress', { ...e, type: 'longpress' });
+            longpressFired.set(true);
+        }, LONGPRESS_DELAY);
+        editor.on('touchstart', (e) => {
+            getTouch(e).each((touch) => {
+                debounceLongpress.cancel();
+                const data = {
+                    x: touch.clientX,
+                    y: touch.clientY,
+                    target: e.target
+                };
+                debounceLongpress.throttle(e);
+                longpressFired.set(false);
+                startData.set(data);
+            });
+        }, true);
+        editor.on('touchmove', (e) => {
+            debounceLongpress.cancel();
+            getTouch(e).each((touch) => {
+                startData.on((data) => {
+                    if (isFarEnough(touch, data)) {
+                        startData.clear();
+                        longpressFired.set(false);
+                        editor.dispatch('longpresscancel');
+                    }
+                });
+            });
+        }, true);
+        editor.on('touchend touchcancel', (e) => {
+            debounceLongpress.cancel();
+            if (e.type === 'touchcancel') {
+                return;
+            }
+            // Cancel the touchend event if a longpress was fired, otherwise fire the tap event
+            startData.get()
+                .filter((data) => data.target.isEqualNode(e.target))
+                .each(() => {
+                if (longpressFired.get()) {
+                    e.preventDefault();
+                }
+                else {
+                    editor.dispatch('tap', { ...e, type: 'tap' });
+                }
+            });
+        }, true);
+    };
+
+    /**
+     * Makes sure that everything gets wrapped in paragraphs.
+     *
+     * @private
+     * @class tinymce.ForceBlocks
+     */
+    const isBlockElement = (blockElements, node) => has$2(blockElements, node.nodeName);
+    const isValidTarget = (schema, node) => {
+        if (isText$b(node)) {
+            return true;
+        }
+        else if (isElement$6(node)) {
+            return !isBlockElement(schema.getBlockElements(), node) && !isBookmarkNode$1(node) &&
+                !isTransparentBlock(schema, node) && !isNonHtmlElementRoot(node);
+        }
+        else {
+            return false;
+        }
+    };
+    const hasBlockParent = (blockElements, root, node) => {
+        return exists(parents(SugarElement.fromDom(node), SugarElement.fromDom(root)), (elm) => {
+            return isBlockElement(blockElements, elm.dom);
+        });
+    };
+    const shouldRemoveTextNode = (blockElements, node) => {
+        if (isText$b(node)) {
+            if (node.data.length === 0) {
+                return true;
+            }
+            else if (/^\s+$/.test(node.data)) {
+                return !node.nextSibling || isBlockElement(blockElements, node.nextSibling) || isNonHtmlElementRoot(node.nextSibling);
+            }
+        }
+        return false;
+    };
+    const createRootBlock = (editor) => editor.dom.create(getForcedRootBlock(editor), getForcedRootBlockAttrs(editor));
+    const addRootBlocks = (editor) => {
+        const dom = editor.dom, selection = editor.selection;
+        const schema = editor.schema;
+        const blockElements = schema.getBlockElements();
+        const startNode = selection.getStart();
+        const rootNode = editor.getBody();
+        let rootBlockNode;
+        let tempNode;
+        let bm = null;
+        const forcedRootBlock = getForcedRootBlock(editor);
+        if (!startNode || !isElement$6(startNode)) {
+            return;
+        }
+        const rootNodeName = rootNode.nodeName.toLowerCase();
+        if (!schema.isValidChild(rootNodeName, forcedRootBlock.toLowerCase()) || hasBlockParent(blockElements, rootNode, startNode)) {
+            return;
+        }
+        // Firefox will automatically remove the last BR if you insert nodes next to it and add a BR back if you remove those siblings
+        // and since the bookmark code inserts temporary nodes an new BR will be constantly removed and added and triggering a selection
+        // change causing an infinite recursion. So we treat this special case on it's own.
+        if (rootNode.firstChild === rootNode.lastChild && isBr$6(rootNode.firstChild)) {
+            rootBlockNode = createRootBlock(editor);
+            rootBlockNode.appendChild(createPaddingBr().dom);
+            rootNode.replaceChild(rootBlockNode, rootNode.firstChild);
+            editor.selection.setCursorLocation(rootBlockNode, 0);
+            editor.nodeChanged();
+            return;
+        }
+        // Wrap non block elements and text nodes
+        let node = rootNode.firstChild;
+        while (node) {
+            if (isElement$6(node)) {
+                updateElement(schema, node);
+            }
+            if (isValidTarget(schema, node)) {
+                // Remove empty text nodes and nodes containing only whitespace
+                if (shouldRemoveTextNode(blockElements, node)) {
+                    tempNode = node;
+                    node = node.nextSibling;
+                    dom.remove(tempNode);
+                    continue;
+                }
+                if (!rootBlockNode) {
+                    if (!bm && editor.hasFocus()) {
+                        bm = getBookmark(editor.selection.getRng(), () => document.createElement('span'));
+                    }
+                    // Firefox will remove the last BR element if you insert nodes next to it using DOM APIs like insertBefore
+                    // so for that weird edge case we stop processing.
+                    if (!node.parentNode) {
+                        node = null;
+                        break;
+                    }
+                    rootBlockNode = createRootBlock(editor);
+                    rootNode.insertBefore(rootBlockNode, node);
+                }
+                tempNode = node;
+                node = node.nextSibling;
+                rootBlockNode.appendChild(tempNode);
+            }
+            else {
+                rootBlockNode = null;
+                node = node.nextSibling;
+            }
+        }
+        if (bm) {
+            editor.selection.setRng(resolveBookmark(bm));
+            editor.nodeChanged();
+        }
+    };
+    const insertEmptyLine = (editor, root, insertBlock) => {
+        const block = SugarElement.fromDom(createRootBlock(editor));
+        const br = createPaddingBr();
+        append$1(block, br);
+        insertBlock(root, block);
+        const rng = document.createRange();
+        rng.setStartBefore(br.dom);
+        rng.setEndBefore(br.dom);
+        return rng;
+    };
+    const setup$o = (editor) => {
+        editor.on('NodeChange', () => addRootBlocks(editor));
+    };
+
+    const hasClass = (checkClassName) => (node) => (' ' + node.attr('class') + ' ').indexOf(checkClassName) !== -1;
+    const replaceMatchWithSpan = (editor, content, cls) => {
+        // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+        return function (match) {
+            const args = arguments, index = args[args.length - 2];
+            const prevChar = index > 0 ? content.charAt(index - 1) : '';
+            // Is value inside an attribute then don't replace
+            if (prevChar === '"') {
+                return match;
+            }
+            // Is value inside a contentEditable='false' tag
+            if (prevChar === '>') {
+                const findStartTagIndex = content.lastIndexOf('<', index);
+                if (findStartTagIndex !== -1) {
+                    const tagHtml = content.substring(findStartTagIndex, index);
+                    if (tagHtml.indexOf('contenteditable="false"') !== -1) {
+                        return match;
+                    }
+                }
+            }
+            return ('<span class="' + cls + '" data-mce-content="' + editor.dom.encode(args[0]) + '">' +
+                editor.dom.encode(typeof args[1] === 'string' ? args[1] : args[0]) + '</span>');
+        };
+    };
+    const convertRegExpsToNonEditable = (editor, nonEditableRegExps, e) => {
+        let i = nonEditableRegExps.length, content = e.content;
+        // Don't replace the variables when raw is used for example on undo/redo
+        if (e.format === 'raw') {
+            return;
+        }
+        while (i--) {
+            content = content.replace(nonEditableRegExps[i], replaceMatchWithSpan(editor, content, getNonEditableClass(editor)));
+        }
+        e.content = content;
+    };
+    const isValidContent = (nonEditableRegExps, content) => {
+        return forall(nonEditableRegExps, (re) => {
+            const matches = content.match(re);
+            return matches !== null && matches[0].length === content.length;
+        });
+    };
+    const setup$n = (editor) => {
+        const contentEditableAttrName = 'contenteditable';
+        const editClass = ' ' + Tools.trim(getEditableClass(editor)) + ' ';
+        const nonEditClass = ' ' + Tools.trim(getNonEditableClass(editor)) + ' ';
+        const hasEditClass = hasClass(editClass);
+        const hasNonEditClass = hasClass(nonEditClass);
+        const nonEditableRegExps = getNonEditableRegExps(editor);
+        if (nonEditableRegExps.length > 0) {
+            editor.on('BeforeSetContent', (e) => {
+                convertRegExpsToNonEditable(editor, nonEditableRegExps, e);
+            });
+        }
+        editor.parser.addAttributeFilter('class', (nodes) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                if (hasEditClass(node)) {
+                    node.attr(contentEditableAttrName, 'true');
+                }
+                else if (hasNonEditClass(node)) {
+                    node.attr(contentEditableAttrName, 'false');
+                }
+            }
+        });
+        editor.serializer.addAttributeFilter(contentEditableAttrName, (nodes) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                if (!hasEditClass(node) && !hasNonEditClass(node)) {
+                    continue;
+                }
+                const content = node.attr('data-mce-content');
+                if (nonEditableRegExps.length > 0 && content) {
+                    if (isValidContent(nonEditableRegExps, content)) {
+                        node.name = '#text';
+                        node.type = 3;
+                        node.raw = true;
+                        node.value = content;
+                    }
+                    else {
+                        node.remove();
+                    }
+                }
+                else {
+                    node.attr(contentEditableAttrName, null);
+                }
+            }
+        });
+    };
+
+    const setupInputFiltering = (editor, protect) => {
+        editor.on('BeforeSetContent', (e) => {
+            each$e(protect, (pattern) => {
+                e.content = e.content.replace(pattern, (str) => {
+                    return '<!--mce:protected ' + escape(str) + '-->';
+                });
+            });
+        });
+    };
+    const setupOutputFiltering = (editor, protect) => {
+        editor.serializer.addNodeFilter('#comment', (nodes) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                const value = node.value;
+                if ((value === null || value === void 0 ? void 0 : value.indexOf('mce:protected ')) === 0) {
+                    const protectedHtml = unescape(value).substr(14);
+                    const valid = exists(protect, (pattern) => {
+                        const matches = protectedHtml.match(pattern);
+                        return matches !== null && matches[0].length === protectedHtml.length;
+                    });
+                    if (valid) {
+                        node.name = '#text';
+                        node.type = 3;
+                        node.raw = true;
+                        node.value = protectedHtml;
+                    }
+                    else {
+                        node.remove();
+                    }
+                }
+            }
+        });
+    };
+    const registerProtectedHtmlFilters = (editor, protect) => {
+        setupInputFiltering(editor, protect);
+        setupOutputFiltering(editor, protect);
+    };
+
+    /**
+     * This module shows the invisible block that the caret is currently in when contents is added to that block.
+     */
+    const findBlockCaretContainer = (editor) => descendant$1(SugarElement.fromDom(editor.getBody()), '*[data-mce-caret]')
+        ?.map((elm) => elm.dom)
+        .getOrNull();
+    const showBlockCaretContainer = (editor, blockCaretContainer) => {
+        if (blockCaretContainer.hasAttribute('data-mce-caret')) {
+            showCaretContainerBlock(blockCaretContainer);
+            editor.selection.setRng(editor.selection.getRng()); // Clears the fake caret state
+            editor.selection.scrollIntoView(blockCaretContainer);
+        }
+    };
+    const handleBlockContainer = (editor, e) => {
+        const blockCaretContainer = findBlockCaretContainer(editor);
+        if (!blockCaretContainer) {
+            return;
+        }
+        if (e.type === 'compositionstart') {
+            e.preventDefault();
+            e.stopPropagation();
+            showBlockCaretContainer(editor, blockCaretContainer);
+            return;
+        }
+        if (hasContent(blockCaretContainer)) {
+            showBlockCaretContainer(editor, blockCaretContainer);
+            editor.undoManager.add();
+        }
+    };
+    const setup$m = (editor) => {
+        editor.on('keyup compositionstart', curry(handleBlockContainer, editor));
+    };
+
+    const isContentEditableFalse$3 = isContentEditableFalse$a;
+    const moveToCeFalseHorizontally = (direction, editor, range) => moveHorizontally(editor, direction, range, isBeforeContentEditableFalse, isAfterContentEditableFalse, isContentEditableFalse$3);
+    const moveToCeFalseVertically = (direction, editor, range) => {
+        const isBefore = (caretPosition) => isBeforeContentEditableFalse(caretPosition) || isBeforeTable(caretPosition);
+        const isAfter = (caretPosition) => isAfterContentEditableFalse(caretPosition) || isAfterTable(caretPosition);
+        return moveVertically(editor, direction, range, isBefore, isAfter, isContentEditableFalse$3);
+    };
+    const createTextBlock = (editor) => {
+        const textBlock = editor.dom.create(getForcedRootBlock(editor));
+        textBlock.innerHTML = '<br data-mce-bogus="1">';
+        return textBlock;
+    };
+    const exitPreBlock = (editor, direction, range) => {
+        const caretWalker = CaretWalker(editor.getBody());
+        const getVisualCaretPosition$1 = curry(getVisualCaretPosition, direction === 1 /* HDirection.Forwards */ ? caretWalker.next : caretWalker.prev);
+        if (range.collapsed) {
+            const pre = editor.dom.getParent(range.startContainer, 'PRE');
+            if (!pre) {
+                return;
+            }
+            const caretPos = getVisualCaretPosition$1(CaretPosition.fromRangeStart(range));
+            if (!caretPos) {
+                const newBlock = SugarElement.fromDom(createTextBlock(editor));
+                if (direction === 1 /* HDirection.Forwards */) {
+                    after$4(SugarElement.fromDom(pre), newBlock);
+                }
+                else {
+                    before$3(SugarElement.fromDom(pre), newBlock);
+                }
+                editor.selection.select(newBlock.dom, true);
+                editor.selection.collapse();
+            }
+        }
+    };
+    const getHorizontalRange = (editor, forward) => {
+        const direction = forward ? 1 /* HDirection.Forwards */ : -1 /* HDirection.Backwards */;
+        const range = editor.selection.getRng();
+        return moveToCeFalseHorizontally(direction, editor, range).orThunk(() => {
+            exitPreBlock(editor, direction, range);
+            return Optional.none();
+        });
+    };
+    const getVerticalRange = (editor, down) => {
+        const direction = down ? 1 : -1;
+        const range = editor.selection.getRng();
+        return moveToCeFalseVertically(direction, editor, range).orThunk(() => {
+            exitPreBlock(editor, direction, range);
+            return Optional.none();
+        });
+    };
+    const flipDirection = (selection, forward) => {
+        const elm = forward ? selection.getEnd(true) : selection.getStart(true);
+        return isRtl(elm) ? !forward : forward;
+    };
+    const moveH$2 = (editor, forward) => getHorizontalRange(editor, flipDirection(editor.selection, forward)).exists((newRange) => {
+        moveToRange(editor, newRange);
+        return true;
+    });
+    const moveV$4 = (editor, down) => getVerticalRange(editor, down).exists((newRange) => {
+        moveToRange(editor, newRange);
+        return true;
+    });
+    const moveToLineEndPoint$1 = (editor, forward) => {
+        const isCefPosition = forward ? isAfterContentEditableFalse : isBeforeContentEditableFalse;
+        return moveToLineEndPoint$3(editor, forward, isCefPosition);
+    };
+    const selectToEndPoint = (editor, forward) => getEdgeCefPosition(editor, !forward)
+        ?.map((pos) => {
+        const rng = pos.toRange();
+        const curRng = editor.selection.getRng();
+        if (forward) {
+            rng.setStart(curRng.startContainer, curRng.startOffset);
+        }
+        else {
+            rng.setEnd(curRng.endContainer, curRng.endOffset);
+        }
+        return rng;
+    })
+        .exists((rng) => {
+        moveToRange(editor, rng);
+        return true;
+    });
+
+    const isTarget = (node) => contains$2(['figcaption'], name(node));
+    const getClosestTargetBlock = (pos, root, schema) => {
+        const isRoot = curry(eq, root);
+        return closest$4(SugarElement.fromDom(pos.container()), (el) => schema.isBlock(name(el)), isRoot).filter(isTarget);
+    };
+    const isAtFirstOrLastLine = (root, forward, pos) => forward ? isAtLastLine(root.dom, pos) : isAtFirstLine(root.dom, pos);
+    const moveCaretToNewEmptyLine = (editor, forward) => {
+        const root = SugarElement.fromDom(editor.getBody());
+        const pos = CaretPosition.fromRangeStart(editor.selection.getRng());
+        return getClosestTargetBlock(pos, root, editor.schema).exists(() => {
+            if (isAtFirstOrLastLine(root, forward, pos)) {
+                const insertFn = forward ? append$1 : prepend;
+                const rng = insertEmptyLine(editor, root, insertFn);
+                editor.selection.setRng(rng);
+                return true;
+            }
+            else {
+                return false;
+            }
+        });
+    };
+    const moveV$3 = (editor, forward) => {
+        if (editor.selection.isCollapsed()) {
+            return moveCaretToNewEmptyLine(editor, forward);
+        }
+        else {
+            return false;
+        }
+    };
+
+    const moveUp = (editor, details, summary) => {
+        const rng = editor.selection.getRng();
+        const pos = CaretPosition.fromRangeStart(rng);
+        const root = editor.getBody();
+        if (root.firstChild === details && isAtFirstLine(summary, pos)) {
+            editor.execCommand('InsertNewBlockBefore');
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const moveDown = (editor, details) => {
+        const rng = editor.selection.getRng();
+        const pos = CaretPosition.fromRangeStart(rng);
+        const root = editor.getBody();
+        if (root.lastChild === details && isAtLastLine(details, pos)) {
+            editor.execCommand('InsertNewBlockAfter');
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const move$2 = (editor, forward) => {
+        if (forward) {
+            return Optional.from(editor.dom.getParent(editor.selection.getNode(), 'details'))
+                ?.map((details) => moveDown(editor, details))
+                .getOr(false);
+        }
+        else {
+            return Optional.from(editor.dom.getParent(editor.selection.getNode(), 'summary'))
+                .bind((summary) => Optional.from(editor.dom.getParent(summary, 'details'))
+                ?.map((details) => moveUp(editor, details, summary))).getOr(false);
+        }
+    };
+    const moveV$2 = (editor, forward) => move$2(editor, forward);
+
+    const baseKeyPattern = {
+        shiftKey: false,
+        altKey: false,
+        ctrlKey: false,
+        metaKey: false,
+        keyCode: 0
+    };
+    const defaultPatterns = (patterns) => map$3(patterns, (pattern) => ({
+        ...baseKeyPattern,
+        ...pattern
+    }));
+    const defaultDelayedPatterns = (patterns) => map$3(patterns, (pattern) => ({
+        ...baseKeyPattern,
+        ...pattern
+    }));
+    const matchesEvent = (pattern, evt) => (evt.keyCode === pattern.keyCode &&
+        evt.shiftKey === pattern.shiftKey &&
+        evt.altKey === pattern.altKey &&
+        evt.ctrlKey === pattern.ctrlKey &&
+        evt.metaKey === pattern.metaKey);
+    const match$1 = (patterns, evt) => bind$3(defaultPatterns(patterns), (pattern) => matchesEvent(pattern, evt) ? [pattern] : []);
+    const matchDelayed = (patterns, evt) => bind$3(defaultDelayedPatterns(patterns), (pattern) => matchesEvent(pattern, evt) ? [pattern] : []);
+    const action = (f, ...x) => () => f.apply(null, x);
+    const execute = (patterns, evt) => find$2(match$1(patterns, evt), (pattern) => pattern.action());
+    const executeWithDelayedAction = (patterns, evt) => findMap(matchDelayed(patterns, evt), (pattern) => pattern.action());
+
+    const moveH$1 = (editor, forward) => {
+        const direction = forward ? 1 /* HDirection.Forwards */ : -1 /* HDirection.Backwards */;
+        const range = editor.selection.getRng();
+        return moveHorizontally(editor, direction, range, isBeforeMedia, isAfterMedia, isMedia$2).exists((newRange) => {
+            moveToRange(editor, newRange);
+            return true;
+        });
+    };
+    const moveV$1 = (editor, down) => {
+        const direction = down ? 1 : -1;
+        const range = editor.selection.getRng();
+        return moveVertically(editor, direction, range, isBeforeMedia, isAfterMedia, isMedia$2).exists((newRange) => {
+            moveToRange(editor, newRange);
+            return true;
+        });
+    };
+    const moveToLineEndPoint = (editor, forward) => {
+        const isNearMedia = forward ? isAfterMedia : isBeforeMedia;
+        return moveToLineEndPoint$3(editor, forward, isNearMedia);
+    };
+
+    const firstLayer = (scope, selector) => {
+        return filterFirstLayer(scope, selector, always);
+    };
+    const filterFirstLayer = (scope, selector, predicate) => {
+        return bind$3(children$1(scope), (x) => {
+            if (is$1(x, selector)) {
+                return predicate(x) ? [x] : [];
+            }
+            else {
+                return filterFirstLayer(x, selector, predicate);
+            }
+        });
+    };
+
+    // lookup inside this table
+    const lookup$1 = (tags, element, isRoot = never) => {
+        // If the element we're inspecting is the root, we definitely don't want it.
+        if (isRoot(element)) {
+            return Optional.none();
+        }
+        // This looks a lot like SelectorFind.closest, with one big exception - the isRoot check.
+        // The code here will look for parents if passed a table, SelectorFind.closest with that specific isRoot check won't.
+        if (contains$2(tags, name(element))) {
+            return Optional?.some(element);
+        }
+        const isRootOrUpperTable = (elm) => is$1(elm, 'table') || isRoot(elm);
+        return ancestor$3(element, tags.join(','), isRootOrUpperTable);
+    };
+    /*
+     * Identify the optional cell that element represents.
+     */
+    const cell = (element, isRoot) => lookup$1(['td', 'th'], element, isRoot);
+    const cells = (ancestor) => firstLayer(ancestor, 'th,td');
+    const table = (element, isRoot) => closest$3(element, 'table', isRoot);
+
+    const adt = Adt.generate([
+        { none: ['current'] },
+        { first: ['current'] },
+        { middle: ['current', 'target'] },
+        { last: ['current'] }
+    ]);
+    const none = (current) => adt.none(current);
+    const CellLocation = {
+        ...adt,
+        none
+    };
+
+    /*
+     *  Walk until the next eligible cell location is found, or the start/end of the table is found.
+     */
+    const walk = (all, current, index, direction, isEligible = always) => {
+        const forwards = direction === 1 /* Direction.Forwards */;
+        if (!forwards && index <= 0) {
+            return CellLocation.first(all[0]);
+        }
+        else if (forwards && index >= all.length - 1) {
+            return CellLocation.last(all[all.length - 1]);
+        }
+        else {
+            const newIndex = index + direction;
+            const elem = all[newIndex];
+            return isEligible(elem) ? CellLocation.middle(current, elem) : walk(all, current, newIndex, direction, isEligible);
+        }
+    };
+    /*
+     * Identify the index of the current cell within all the cells, and
+     * a list of the cells within its table.
+     */
+    const detect = (current, isRoot) => {
+        return table(current, isRoot).bind((table) => {
+            const all = cells(table);
+            const index = findIndex$2(all, (x) => eq(current, x));
+            return index?.map((index) => ({ index, all }));
+        });
+    };
+    /*
+     * Identify the CellLocation of the cell when navigating forward from current
+     */
+    const next = (current, isEligible, isRoot) => {
+        const detection = detect(current, isRoot);
+        return detection.fold(() => {
+            return CellLocation.none(current);
+        }, (info) => {
+            return walk(info.all, current, info.index, 1 /* Direction.Forwards */, isEligible);
+        });
+    };
+    /*
+     * Identify the CellLocation of the cell when navigating back from current
+     */
+    const prev = (current, isEligible, isRoot) => {
+        const detection = detect(current, isRoot);
+        return detection.fold(() => {
+            return CellLocation.none();
+        }, (info) => {
+            return walk(info.all, current, info.index, -1 /* Direction.Backwards */, isEligible);
+        });
+    };
+
+    const imageId = generate('image');
+    const getDragImage = (transfer) => {
+        const dt = transfer;
+        return Optional.from(dt[imageId]);
+    };
+    const setDragImage = (transfer, imageData) => {
+        const dt = transfer;
+        dt[imageId] = imageData;
+    };
+
+    const eventId = generate('event');
+    const getEvent = (transfer) => {
+        const dt = transfer;
+        return Optional.from(dt[eventId]);
+    };
+    const mkSetEventFn = (type) => (transfer) => {
+        const dt = transfer;
+        dt[eventId] = type;
+    };
+    const setEvent = (transfer, type) => mkSetEventFn(type)(transfer);
+    const setDragstartEvent = mkSetEventFn(0 /* Event.Dragstart */);
+    const setDropEvent = mkSetEventFn(2 /* Event.Drop */);
+    const setDragendEvent = mkSetEventFn(1 /* Event.Dragend */);
+    const checkEvent = (expectedType) => (transfer) => {
+        const dt = transfer;
+        return Optional.from(dt[eventId]).exists((type) => type === expectedType);
+    };
+    const isInDragStartEvent = checkEvent(0 /* Event.Dragstart */);
+
+    const createEmptyFileList = () => Object.freeze({
+        length: 0,
+        item: (_) => null
+    });
+
+    const modeId = generate('mode');
+    const getMode = (transfer) => {
+        const dt = transfer;
+        return Optional.from(dt[modeId]);
+    };
+    const mkSetModeFn = (mode) => (transfer) => {
+        const dt = transfer;
+        dt[modeId] = mode;
+    };
+    const setMode$1 = (transfer, mode) => mkSetModeFn(mode)(transfer);
+    const setReadWriteMode = mkSetModeFn(0 /* Mode.ReadWrite */);
+    const setReadOnlyMode = mkSetModeFn(2 /* Mode.ReadOnly */);
+    const setProtectedMode = mkSetModeFn(1 /* Mode.Protected */);
+    const checkMode = (expectedMode) => (transfer) => {
+        const dt = transfer;
+        return Optional.from(dt[modeId]).exists((mode) => mode === expectedMode);
+    };
+    const isInReadWriteMode = checkMode(0 /* Mode.ReadWrite */);
+    const isInProtectedMode = checkMode(1 /* Mode.Protected */);
+
+    const normalizeItems = (dataTransfer, itemsImpl) => ({
+        ...itemsImpl,
+        get length() {
+            return itemsImpl.length;
+        },
+        add: (data, type) => {
+            if (isInReadWriteMode(dataTransfer)) {
+                if (isString(data)) {
+                    if (!isUndefined(type)) {
+                        return itemsImpl.add(data, type);
+                    }
+                }
+                else {
+                    return itemsImpl.add(data);
+                }
+            }
+            return null;
+        },
+        remove: (idx) => {
+            if (isInReadWriteMode(dataTransfer)) {
+                itemsImpl.remove(idx);
+            }
+        },
+        clear: () => {
+            if (isInReadWriteMode(dataTransfer)) {
+                itemsImpl.clear();
+            }
+        }
+    });
+
+    const validDropEffects = ['none', 'copy', 'link', 'move'];
+    const validEffectAlloweds = ['none', 'copy', 'copyLink', 'copyMove', 'link', 'linkMove', 'move', 'all', 'uninitialized'];
+    const createDataTransfer = () => {
+        const dataTransferImpl = new window.DataTransfer();
+        let dropEffect = 'move';
+        let effectAllowed = 'all';
+        const dataTransfer = {
+            get dropEffect() {
+                return dropEffect;
+            },
+            set dropEffect(effect) {
+                if (contains$2(validDropEffects, effect)) {
+                    dropEffect = effect;
+                }
+            },
+            get effectAllowed() {
+                return effectAllowed;
+            },
+            set effectAllowed(allowed) {
+                // TINY-9601: Only allow setting effectAllowed to a valid value in a dragstart event
+                // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/effectAllowed
+                if (isInDragStartEvent(dataTransfer) && contains$2(validEffectAlloweds, allowed)) {
+                    effectAllowed = allowed;
+                }
+            },
+            get items() {
+                return normalizeItems(dataTransfer, dataTransferImpl.items);
+            },
+            get files() {
+                if (isInProtectedMode(dataTransfer)) {
+                    return createEmptyFileList();
+                }
+                else {
+                    return dataTransferImpl.files;
+                }
+            },
+            get types() {
+                return dataTransferImpl.types;
+            },
+            setDragImage: (image, x, y) => {
+                if (isInReadWriteMode(dataTransfer)) {
+                    setDragImage(dataTransfer, { image, x, y });
+                    dataTransferImpl.setDragImage(image, x, y);
+                }
+            },
+            getData: (format) => {
+                if (isInProtectedMode(dataTransfer)) {
+                    return '';
+                }
+                else {
+                    return dataTransferImpl.getData(format);
+                }
+            },
+            setData: (format, data) => {
+                if (isInReadWriteMode(dataTransfer)) {
+                    dataTransferImpl.setData(format, data);
+                }
+            },
+            clearData: (format) => {
+                if (isInReadWriteMode(dataTransfer)) {
+                    dataTransferImpl.clearData(format);
+                }
+            }
+        };
+        setReadWriteMode(dataTransfer);
+        return dataTransfer;
+    };
+    const cloneDataTransfer = (original) => {
+        // Create new DataTransfer object to ensure scope is not shared between original and clone
+        const clone = createDataTransfer();
+        const originalMode = getMode(original);
+        // Set original to read-only to ensure data can be copied
+        setReadOnlyMode(original);
+        // Set clone event to dragstart to ensure effectAllowed can be set
+        setDragstartEvent(clone);
+        clone.dropEffect = original.dropEffect;
+        clone.effectAllowed = original.effectAllowed;
+        getDragImage(original).each((imageData) => clone.setDragImage(imageData.image, imageData.x, imageData.y));
+        each$e(original.types, (type) => {
+            if (type !== 'Files') {
+                clone.setData(type, original.getData(type));
+            }
+        });
+        each$e(original.files, (file) => clone.items.add(file));
+        getEvent(original).each((type) => {
+            setEvent(clone, type);
+        });
+        originalMode.each((mode) => {
+            // Reset original mode since it was set to read-only earlier
+            setMode$1(original, mode);
+            setMode$1(clone, mode);
+        });
+        return clone;
+    };
+
+    const getHtmlData = (dataTransfer) => {
+        const html = dataTransfer.getData('text/html');
+        return html === '' ? Optional.none() : Optional?.some(html);
+    };
+    const setHtmlData = (dataTransfer, html) => dataTransfer.setData('text/html', html);
+
+    // eslint-disable-next-line max-len
+    const deflate = (rect, delta) => ({
+        left: rect.left - delta,
+        top: rect.top - delta,
+        right: rect.right + delta * 2,
+        bottom: rect.bottom + delta * 2,
+        width: rect.width + delta,
+        height: rect.height + delta
+    });
+    const getCorners = (getYAxisValue, tds) => bind$3(tds, (td) => {
+        const rect = deflate(clone$1(td.getBoundingClientRect()), -1);
+        return [
+            { x: rect.left, y: getYAxisValue(rect), cell: td },
+            { x: rect.right, y: getYAxisValue(rect), cell: td }
+        ];
+    });
+    const findClosestCorner = (corners, x, y) => foldl(corners, (acc, newCorner) => acc.fold(() => Optional?.some(newCorner), (oldCorner) => {
+        const oldDist = Math.sqrt(Math.abs(oldCorner.x - x) + Math.abs(oldCorner.y - y));
+        const newDist = Math.sqrt(Math.abs(newCorner.x - x) + Math.abs(newCorner.y - y));
+        return Optional?.some(newDist < oldDist ? newCorner : oldCorner);
+    }), Optional.none());
+    const getClosestCell = (getYAxisValue, isTargetCorner, table, x, y) => {
+        const cells = descendants(SugarElement.fromDom(table), 'td,th,caption')?.map((e) => e.dom);
+        const corners = filter$5(getCorners(getYAxisValue, cells), (corner) => isTargetCorner(corner, y));
+        return findClosestCorner(corners, x, y)?.map((corner) => corner.cell);
+    };
+    const getBottomValue = (rect) => rect.bottom;
+    const getTopValue = (rect) => rect.top;
+    const isAbove = (corner, y) => corner.y < y;
+    const isBelow = (corner, y) => corner.y > y;
+    const getClosestCellAbove = curry(getClosestCell, getBottomValue, isAbove);
+    const getClosestCellBelow = curry(getClosestCell, getTopValue, isBelow);
+    const findClosestPositionInAboveCell = (table, pos) => head(pos.getClientRects())
+        .bind((rect) => getClosestCellAbove(table, rect.left, rect.top))
+        .bind((cell) => findClosestHorizontalPosition(getLastLinePositions(cell), pos));
+    const findClosestPositionInBelowCell = (table, pos) => last$2(pos.getClientRects())
+        .bind((rect) => getClosestCellBelow(table, rect.left, rect.top))
+        .bind((cell) => findClosestHorizontalPosition(getFirstLinePositions(cell), pos));
+
+    const hasNextBreak = (getPositionsUntil, scope, lineInfo) => lineInfo.breakAt.exists((breakPos) => getPositionsUntil(scope, breakPos).breakAt.isSome());
+    const startsWithWrapBreak = (lineInfo) => lineInfo.breakType === BreakType.Wrap && lineInfo.positions.length === 0;
+    const startsWithBrBreak = (lineInfo) => lineInfo.breakType === BreakType.Br && lineInfo.positions.length === 1;
+    const isAtTableCellLine = (getPositionsUntil, scope, pos) => {
+        const lineInfo = getPositionsUntil(scope, pos);
+        // Since we can't determine if the caret is on the above or below line in a word wrap break we asume it's always
+        // on the below/above line based on direction. This will make the caret jump one line if you are at the end of the last
+        // line and moving down or at the beginning of the second line moving up.
+        if (startsWithWrapBreak(lineInfo) || (!isBr$6(pos.getNode()) && startsWithBrBreak(lineInfo))) {
+            return !hasNextBreak(getPositionsUntil, scope, lineInfo);
+        }
+        else {
+            return lineInfo.breakAt.isNone();
+        }
+    };
+    const isAtFirstTableCellLine = curry(isAtTableCellLine, getPositionsUntilPreviousLine);
+    const isAtLastTableCellLine = curry(isAtTableCellLine, getPositionsUntilNextLine);
+    const isCaretAtStartOrEndOfTable = (forward, rng, table) => {
+        const caretPos = CaretPosition.fromRangeStart(rng);
+        return positionIn(!forward, table).exists((pos) => pos.isEqual(caretPos));
+    };
+    const navigateHorizontally = (editor, forward, table, _td) => {
+        const rng = editor.selection.getRng();
+        const direction = forward ? 1 : -1;
+        if (isFakeCaretTableBrowser() && isCaretAtStartOrEndOfTable(forward, rng, table)) {
+            showCaret(direction, editor, table, !forward, false).each((newRng) => {
+                moveToRange(editor, newRng);
+            });
+            return true;
+        }
+        return false;
+    };
+    const getClosestAbovePosition = (root, table, start) => findClosestPositionInAboveCell(table, start).orThunk(() => head(start.getClientRects()).bind((rect) => findClosestHorizontalPositionFromPoint(getPositionsAbove(root, CaretPosition.before(table)), rect.left))).getOr(CaretPosition.before(table));
+    const getClosestBelowPosition = (root, table, start) => findClosestPositionInBelowCell(table, start).orThunk(() => head(start.getClientRects()).bind((rect) => findClosestHorizontalPositionFromPoint(getPositionsBelow(root, CaretPosition.after(table)), rect.left))).getOr(CaretPosition.after(table));
+    const getTable = (previous, pos) => {
+        const node = pos.getNode(previous);
+        return isTable$2(node) ? Optional?.some(node) : Optional.none();
+    };
+    const renderBlock = (down, editor, table) => {
+        editor.undoManager.transact(() => {
+            const insertFn = down ? after$4 : before$3;
+            const rng = insertEmptyLine(editor, SugarElement.fromDom(table), insertFn);
+            moveToRange(editor, rng);
+        });
+    };
+    const moveCaret = (editor, down, pos) => {
+        const table = down ? getTable(true, pos) : getTable(false, pos);
+        const last = down === false;
+        table.fold(() => moveToRange(editor, pos.toRange()), (table) => positionIn(last, editor.getBody()).filter((lastPos) => lastPos.isEqual(pos)).fold(() => moveToRange(editor, pos.toRange()), (_) => renderBlock(down, editor, table)));
+    };
+    const navigateVertically = (editor, down, table, td) => {
+        const rng = editor.selection.getRng();
+        const pos = CaretPosition.fromRangeStart(rng);
+        const root = editor.getBody();
+        if (!down && isAtFirstTableCellLine(td, pos)) {
+            const newPos = getClosestAbovePosition(root, table, pos);
+            moveCaret(editor, down, newPos);
+            return true;
+        }
+        else if (down && isAtLastTableCellLine(td, pos)) {
+            const newPos = getClosestBelowPosition(root, table, pos);
+            moveCaret(editor, down, newPos);
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const move$1 = (editor, forward, mover) => Optional.from(editor.dom.getParent(editor.selection.getNode(), 'td,th'))
+        .bind((td) => Optional.from(editor.dom.getParent(td, 'table'))
+        ?.map((table) => mover(editor, forward, table, td))).getOr(false);
+    const moveH = (editor, forward) => move$1(editor, forward, navigateHorizontally);
+    const moveV = (editor, forward) => move$1(editor, forward, navigateVertically);
+    const getCellFirstCursorPosition = (cell) => {
+        const selection = SimSelection.exact(cell, 0, cell, 0);
+        return toNative(selection);
+    };
+    const tabGo = (editor, isRoot, cell) => {
+        return cell.fold(Optional.none, Optional.none, (_current, next) => {
+            return first(next)?.map((cell) => {
+                return getCellFirstCursorPosition(cell);
+            });
+        }, (current) => {
+            if (editor.mode.isReadOnly() || !isCellInEditableTable(current)) {
+                return Optional.none();
+            }
+            editor.execCommand('mceTableInsertRowAfter');
+            // Move forward from the last cell so that we move into the first valid position in the new row
+            return tabForward(editor, isRoot, current);
+        });
+    };
+    const isCellInEditableTable = (cell) => closest$4(cell, isTag('table')).exists(isEditable$2);
+    const tabForward = (editor, isRoot, cell) => tabGo(editor, isRoot, next(cell, isCellEditable));
+    const tabBackward = (editor, isRoot, cell) => tabGo(editor, isRoot, prev(cell, isCellEditable));
+    const isCellEditable = (cell) => isEditable$2(cell) || descendant(cell, isEditableHTMLElement);
+    const isEditableHTMLElement = (node) => isHTMLElement$1(node) && isEditable$2(node);
+    const handleTab = (editor, forward) => {
+        const rootElements = ['table', 'li', 'dl'];
+        const body = SugarElement.fromDom(editor.getBody());
+        const isRoot = (element) => {
+            const name$1 = name(element);
+            return eq(element, body) || contains$2(rootElements, name$1);
+        };
+        const rng = editor.selection.getRng();
+        // If navigating backwards, use the start of the ranged selection
+        const container = SugarElement.fromDom(!forward ? rng.startContainer : rng.endContainer);
+        return cell(container, isRoot)?.map((cell) => {
+            // Clear fake ranged selection because our new selection will always be collapsed
+            table(cell, isRoot).each((table) => {
+                editor.model.table.clearSelectedCells(table.dom);
+            });
+            // Collapse selection to start or end based on shift key
+            editor.selection.collapse(!forward);
+            const navigation = !forward ? tabBackward : tabForward;
+            const rng = navigation(editor, isRoot, cell);
+            rng.each((range) => {
+                editor.selection.setRng(range);
+            });
+            return true;
+        }).getOr(false);
+    };
+
+    const executeKeydownOverride$4 = (editor, caret, evt) => {
+        const isMac = Env.os.isMacOS() || Env.os.isiOS();
+        execute([
+            { keyCode: VK.RIGHT, action: action(moveH$2, editor, true) },
+            { keyCode: VK.LEFT, action: action(moveH$2, editor, false) },
+            { keyCode: VK.UP, action: action(moveV$4, editor, false) },
+            { keyCode: VK.DOWN, action: action(moveV$4, editor, true) },
+            ...(isMac ? [
+                { keyCode: VK.UP, action: action(selectToEndPoint, editor, false), metaKey: true, shiftKey: true },
+                { keyCode: VK.DOWN, action: action(selectToEndPoint, editor, true), metaKey: true, shiftKey: true }
+            ] : []),
+            { keyCode: VK.RIGHT, action: action(moveH, editor, true) },
+            { keyCode: VK.LEFT, action: action(moveH, editor, false) },
+            { keyCode: VK.UP, action: action(moveV, editor, false) },
+            { keyCode: VK.DOWN, action: action(moveV, editor, true) },
+            { keyCode: VK.UP, action: action(moveV, editor, false) },
+            { keyCode: VK.UP, action: action(moveV$2, editor, false) },
+            { keyCode: VK.DOWN, action: action(moveV$2, editor, true) },
+            { keyCode: VK.RIGHT, action: action(moveH$1, editor, true) },
+            { keyCode: VK.LEFT, action: action(moveH$1, editor, false) },
+            { keyCode: VK.UP, action: action(moveV$1, editor, false) },
+            { keyCode: VK.DOWN, action: action(moveV$1, editor, true) },
+            { keyCode: VK.RIGHT, action: action(move$3, editor, caret, true) },
+            { keyCode: VK.LEFT, action: action(move$3, editor, caret, false) },
+            { keyCode: VK.RIGHT, ctrlKey: !isMac, altKey: isMac, action: action(moveNextWord, editor, caret) },
+            { keyCode: VK.LEFT, ctrlKey: !isMac, altKey: isMac, action: action(movePrevWord, editor, caret) },
+            { keyCode: VK.UP, action: action(moveV$3, editor, false) },
+            { keyCode: VK.DOWN, action: action(moveV$3, editor, true) }
+        ], evt).each((_) => {
+            evt.preventDefault();
+        });
+    };
+    const setup$l = (editor, caret) => {
+        editor.on('keydown', (evt) => {
+            if (!evt.isDefaultPrevented()) {
+                executeKeydownOverride$4(editor, caret, evt);
+            }
+        });
+    };
+
+    const point = (container, offset) => ({
+        container,
+        offset
+    });
+
+    const DOM$7 = DOMUtils.DOM;
+    const alwaysNext = (startNode) => (node) => startNode === node ? -1 : 0;
+    // This largely is derived from robins isBoundary check, however it also treats contenteditable=false elements as a boundary
+    // See robins `Structure.isEmptyTag` for the list of quasi block elements
+    const isBoundary = (dom) => (node) => dom.isBlock(node) || contains$2(['BR', 'IMG', 'HR', 'INPUT'], node.nodeName) || dom.getContentEditable(node) === 'false';
+    // Finds the text node before the specified node, or just returns the node if it's already on a text node
+    const textBefore = (node, offset, rootNode) => {
+        if (isText$b(node) && offset >= 0) {
+            return Optional?.some(point(node, offset));
+        }
+        else {
+            const textSeeker = TextSeeker(DOM$7);
+            return Optional.from(textSeeker.backwards(node, offset, alwaysNext(node), rootNode))?.map((prev) => point(prev.container, prev.container.data.length));
+        }
+    };
+    const textAfter = (node, offset, rootNode) => {
+        if (isText$b(node) && offset >= node.length) {
+            return Optional?.some(point(node, offset));
+        }
+        else {
+            const textSeeker = TextSeeker(DOM$7);
+            return Optional.from(textSeeker.forwards(node, offset, alwaysNext(node), rootNode))?.map((prev) => point(prev.container, 0));
+        }
+    };
+    const scanLeft = (node, offset, rootNode) => {
+        if (!isText$b(node)) {
+            return Optional.none();
+        }
+        const text = node.data;
+        if (offset >= 0 && offset <= text.length) {
+            return Optional?.some(point(node, offset));
+        }
+        else {
+            const textSeeker = TextSeeker(DOM$7);
+            return Optional.from(textSeeker.backwards(node, offset, alwaysNext(node), rootNode)).bind((prev) => {
+                const prevText = prev.container.data;
+                return scanLeft(prev.container, offset + prevText.length, rootNode);
+            });
+        }
+    };
+    const scanRight = (node, offset, rootNode) => {
+        if (!isText$b(node)) {
+            return Optional.none();
+        }
+        const text = node.data;
+        if (offset <= text.length) {
+            return Optional?.some(point(node, offset));
+        }
+        else {
+            const textSeeker = TextSeeker(DOM$7);
+            return Optional.from(textSeeker.forwards(node, offset, alwaysNext(node), rootNode)).bind((next) => scanRight(next.container, offset - text.length, rootNode));
+        }
+    };
+    const repeatLeft = (dom, node, offset, process, rootNode) => {
+        const search = TextSeeker(dom, isBoundary(dom));
+        return Optional.from(search.backwards(node, offset, process, rootNode));
+    };
+
+    const isValidTextRange = (rng) => rng.collapsed && isText$b(rng.startContainer);
+    // Normalize the text by replacing non-breaking spaces with regular spaces and stripping zero-width spaces (fake carets).
+    const getText = (rng) => trim$2(rng.toString().replace(/\u00A0/g, ' '));
+    const isWhitespace = (chr) => chr !== '' && ' \u00a0\ufeff\f\n\r\t\v'.indexOf(chr) !== -1;
+
+    const stripTrigger = (text, trigger) => text.substring(trigger.length);
+    const findTrigger = (text, index, trigger, includeWhitespace = false) => {
+        // Identify the `char` in, and start the text from that point forward. If there is ever any whitespace, fail
+        let i;
+        const firstChar = trigger.charAt(0);
+        for (i = index - 1; i >= 0; i--) {
+            const char = text.charAt(i);
+            if (!includeWhitespace && isWhitespace(char)) {
+                return Optional.none();
+            }
+            if (firstChar === char && contains$1(text, trigger, i, index)) {
+                break;
+            }
+        }
+        return Optional?.some(i);
+    };
+    const getContext = (dom, initRange, trigger, includeWhitespace = false) => {
+        if (!isValidTextRange(initRange)) {
+            return Optional.none();
+        }
+        const buffer = { text: '', offset: 0 };
+        const findTriggerIndex = (element, offset, text) => {
+            buffer.text = text + buffer.text;
+            buffer.offset += offset;
+            // Stop searching by just returning the current offset if whitespace was found (eg Optional.none())
+            // and we'll handle the final checks below instead
+            return findTrigger(buffer.text, buffer.offset, trigger, includeWhitespace).getOr(offset);
+        };
+        const root = dom.getParent(initRange.startContainer, dom.isBlock) || dom.getRoot();
+        return repeatLeft(dom, initRange.startContainer, initRange.startOffset, findTriggerIndex, root).bind((spot) => {
+            const range = initRange.cloneRange();
+            range.setStart(spot.container, spot.offset);
+            range.setEnd(initRange.endContainer, initRange.endOffset);
+            // If the range is collapsed then we didn't find a match so abort
+            if (range.collapsed) {
+                return Optional.none();
+            }
+            const text = getText(range);
+            const triggerIndex = text.lastIndexOf(trigger);
+            // If the match doesn't start with the trigger (eg whitespace found)
+            if (triggerIndex !== 0) {
+                return Optional.none();
+            }
+            else {
+                return Optional?.some({ text: stripTrigger(text, trigger), range, trigger });
+            }
+        });
+    };
+
+    const isText$1 = (node) => node.nodeType === TEXT;
+    const isElement = (node) => node.nodeType === ELEMENT;
+    const toLast = (node) => {
+        if (isText$1(node)) {
+            return point(node, node.data.length);
+        }
+        else {
+            const children = node.childNodes;
+            // keep descending if there are children.
+            return children.length > 0 ? toLast(children[children.length - 1]) : point(node, children.length);
+        }
+    };
+    const toLeaf = (node, offset) => {
+        const children = node.childNodes;
+        if (children.length > 0 && offset < children.length) {
+            return toLeaf(children[offset], 0);
+        }
+        else if (children.length > 0 && isElement(node) && children.length === offset) {
+            return toLast(children[children.length - 1]);
+        }
+        else {
+            return point(node, offset);
+        }
+    };
+
+    const isPreviousCharContent = (dom, leaf) => {
+        var _a;
+        // If at the start of the range, then we need to look backwards one more place. Otherwise we just need to look at the current text
+        const root = (_a = dom.getParent(leaf.container, dom.isBlock)) !== null && _a !== void 0 ? _a : dom.getRoot();
+        return repeatLeft(dom, leaf.container, leaf.offset, (_element, offset) => offset === 0 ? -1 : offset, root).filter((spot) => {
+            const char = spot.container.data.charAt(spot.offset - 1);
+            return !isWhitespace(char);
+        }).isSome();
+    };
+    const isStartOfWord = (dom) => (rng) => {
+        const leaf = toLeaf(rng.startContainer, rng.startOffset);
+        return !isPreviousCharContent(dom, leaf);
+    };
+    const getTriggerContext = (dom, initRange, database) => findMap(database.triggers, (trigger) => getContext(dom, initRange, trigger));
+    const lookup = (editor, getDatabase) => {
+        const database = getDatabase();
+        const rng = editor.selection.getRng();
+        return getTriggerContext(editor.dom, rng, database).bind((context) => lookupWithContext(editor, getDatabase, context));
+    };
+    const lookupWithContext = (editor, getDatabase, context, fetchOptions = {}) => {
+        var _a;
+        const database = getDatabase();
+        const rng = editor.selection.getRng();
+        const startText = (_a = rng.startContainer.nodeValue) !== null && _a !== void 0 ? _a : '';
+        const autocompleters = filter$5(database.lookupByTrigger(context.trigger), (autocompleter) => context.text.length >= autocompleter.minChars && autocompleter.matches.getOrThunk(() => isStartOfWord(editor.dom))(context.range, startText, context.text));
+        if (autocompleters.length === 0) {
+            return Optional.none();
+        }
+        const lookupData = Promise.all(map$3(autocompleters, (ac) => {
+            // TODO: Find a sensible way to do maxResults
+            const fetchResult = ac.fetch(context.text, ac.maxResults, fetchOptions);
+            return fetchResult.then((results) => ({
+                matchText: context.text,
+                items: results,
+                columns: ac.columns,
+                onAction: ac.onAction,
+                highlightOn: ac.highlightOn
+            }));
+        }));
+        return Optional?.some({
+            lookupData,
+            context
+        });
+    };
+
+    var SimpleResultType;
+    (function (SimpleResultType) {
+        SimpleResultType[SimpleResultType["Error"] = 0] = "Error";
+        SimpleResultType[SimpleResultType["Value"] = 1] = "Value";
+    })(SimpleResultType || (SimpleResultType = {}));
+    const fold$1 = (res, onError, onValue) => res.stype === SimpleResultType.Error ? onError(res.serror) : onValue(res.svalue);
+    const partition = (results) => {
+        const values = [];
+        const errors = [];
+        each$e(results, (obj) => {
+            fold$1(obj, (err) => errors.push(err), (val) => values.push(val));
+        });
+        return { values, errors };
+    };
+    const mapError = (res, f) => {
+        if (res.stype === SimpleResultType.Error) {
+            return { stype: SimpleResultType.Error, serror: f(res.serror) };
+        }
+        else {
+            return res;
+        }
+    };
+    const map = (res, f) => {
+        if (res.stype === SimpleResultType.Value) {
+            return { stype: SimpleResultType.Value, svalue: f(res.svalue) };
+        }
+        else {
+            return res;
+        }
+    };
+    const bind = (res, f) => {
+        if (res.stype === SimpleResultType.Value) {
+            return f(res.svalue);
+        }
+        else {
+            return res;
+        }
+    };
+    const bindError = (res, f) => {
+        if (res.stype === SimpleResultType.Error) {
+            return f(res.serror);
+        }
+        else {
+            return res;
+        }
+    };
+    const svalue = (v) => ({ stype: SimpleResultType.Value, svalue: v });
+    const serror = (e) => ({ stype: SimpleResultType.Error, serror: e });
+    const toResult = (res) => fold$1(res, Result.error, Result.value);
+    const fromResult = (res) => res.fold(serror, svalue);
+    const SimpleResult = {
+        fromResult,
+        toResult,
+        svalue,
+        partition,
+        serror,
+        bind,
+        bindError,
+        map,
+        mapError,
+        fold: fold$1
+    };
+
+    const formatObj = (input) => {
+        return isObject(input) && keys(input).length > 100 ? ' removed due to size' : JSON.stringify(input, null, 2);
+    };
+    const formatErrors = (errors) => {
+        const es = errors.length > 10 ? errors.slice(0, 10).concat([
+            {
+                path: [],
+                getErrorInfo: constant('... (only showing first ten failures)')
+            }
+        ]) : errors;
+        // TODO: Work out a better split between PrettyPrinter and SchemaError
+        return map$3(es, (e) => {
+            return 'Failed path: (' + e.path.join(' > ') + ')\n' + e.getErrorInfo();
+        });
+    };
+
+    const nu = (path, getErrorInfo) => {
+        return SimpleResult.serror([{
+                path,
+                // This is lazy so that it isn't calculated unnecessarily
+                getErrorInfo
+            }]);
+    };
+    const missingRequired = (path, key, obj) => nu(path, () => 'Could not find valid *required* value for "' + key + '" in ' + formatObj(obj));
+    const custom = (path, err) => nu(path, constant(err));
+
+    const value$1 = (validator) => {
+        const extract = (path, val) => {
+            return SimpleResult.bindError(validator(val), (err) => custom(path, err));
+        };
+        const toString = constant('val');
+        return {
+            extract,
+            toString
+        };
+    };
+    const anyValue$1 = value$1(SimpleResult.svalue);
+
+    const anyValue = constant(anyValue$1);
+    const typedValue = (validator, expectedType) => value$1((a) => {
+        const actualType = typeof a;
+        return validator(a) ? SimpleResult.svalue(a) : SimpleResult.serror(`Expected type: ${expectedType} but got: ${actualType}`);
+    });
+    const number = typedValue(isNumber, 'number');
+    const string = typedValue(isString, 'string');
+    const boolean = typedValue(isBoolean, 'boolean');
+    const functionProcessor = typedValue(isFunction, 'function');
+    // Test if a value can be copied by the structured clone algorithm and hence sendable via postMessage
+    // https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm
+    // from https://stackoverflow.com/a/32673910/7377237 with adjustments for typescript
+    const isPostMessageable = (val) => {
+        if (Object(val) !== val) { // Primitive value
+            return true;
+        }
+        switch ({}.toString.call(val).slice(8, -1)) { // Class
+            case 'Boolean':
+            case 'Number':
+            case 'String':
+            case 'Date':
+            case 'RegExp':
+            case 'Blob':
+            case 'FileList':
+            case 'ImageData':
+            case 'ImageBitmap':
+            case 'ArrayBuffer':
+                return true;
+            case 'Array':
+            case 'Object':
+                return Object.keys(val).every((prop) => isPostMessageable(val[prop]));
+            default:
+                return false;
+        }
+    };
+    value$1((a) => {
+        if (isPostMessageable(a)) {
+            return SimpleResult.svalue(a);
+        }
+        else {
+            return SimpleResult.serror('Expected value to be acceptable for sending via postMessage');
+        }
+    });
+
+    const required = () => ({ tag: "required" /* FieldPresenceTag.Required */, process: {} });
+    const defaultedThunk = (fallbackThunk) => ({ tag: "defaultedThunk" /* FieldPresenceTag.DefaultedThunk */, process: fallbackThunk });
+    const defaulted$1 = (fallback) => defaultedThunk(constant(fallback));
+    const asOption = () => ({ tag: "option" /* FieldPresenceTag.Option */, process: {} });
+
+    const field$1 = (key, newKey, presence, prop) => ({ tag: "field" /* FieldTag.Field */, key, newKey, presence, prop });
+    const fold = (value, ifField, ifCustom) => {
+        switch (value.tag) {
+            case "field" /* FieldTag.Field */:
+                return ifField(value.key, value.newKey, value.presence, value.prop);
+            case "custom" /* FieldTag.CustomField */:
+                return ifCustom(value.newKey, value.instantiator);
+        }
+    };
+
+    const mergeValues = (values, base) => values.length > 0 ? SimpleResult.svalue(deepMerge(base, merge$1.apply(undefined, values))) : SimpleResult.svalue(base);
+    const mergeErrors = (errors) => compose(SimpleResult.serror, flatten)(errors);
+    const consolidateObj = (objects, base) => {
+        const partition = SimpleResult.partition(objects);
+        return partition.errors.length > 0 ? mergeErrors(partition.errors) : mergeValues(partition.values, base);
+    };
+    const consolidateArr = (objects) => {
+        const partitions = SimpleResult.partition(objects);
+        return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : SimpleResult.svalue(partitions.values);
+    };
+    const ResultCombine = {
+        consolidateObj,
+        consolidateArr
+    };
+
+    const requiredAccess = (path, obj, key, bundle) => 
+    // In required mode, if it is undefined, it is an error.
+    get$a(obj, key).fold(() => missingRequired(path, key, obj), bundle);
+    const fallbackAccess = (obj, key, fallback, bundle) => {
+        const v = get$a(obj, key).getOrThunk(() => fallback(obj));
+        return bundle(v);
+    };
+    const optionAccess = (obj, key, bundle) => bundle(get$a(obj, key));
+    const optionDefaultedAccess = (obj, key, fallback, bundle) => {
+        const opt = get$a(obj, key)?.map((val) => val === true ? fallback(obj) : val);
+        return bundle(opt);
+    };
+    const extractField = (field, path, obj, key, prop) => {
+        const bundle = (av) => prop.extract(path.concat([key]), av);
+        const bundleAsOption = (optValue) => optValue.fold(() => SimpleResult.svalue(Optional.none()), (ov) => {
+            const result = prop.extract(path.concat([key]), ov);
+            return SimpleResult?.map(result, Optional.some);
+        });
+        switch (field.tag) {
+            case "required" /* FieldPresenceTag.Required */:
+                return requiredAccess(path, obj, key, bundle);
+            case "defaultedThunk" /* FieldPresenceTag.DefaultedThunk */:
+                return fallbackAccess(obj, key, field.process, bundle);
+            case "option" /* FieldPresenceTag.Option */:
+                return optionAccess(obj, key, bundleAsOption);
+            case "defaultedOptionThunk" /* FieldPresenceTag.DefaultedOptionThunk */:
+                return optionDefaultedAccess(obj, key, field.process, bundleAsOption);
+            case "mergeWithThunk" /* FieldPresenceTag.MergeWithThunk */: {
+                return fallbackAccess(obj, key, constant({}), (v) => {
+                    const result = deepMerge(field.process(obj), v);
+                    return bundle(result);
+                });
+            }
+        }
+    };
+    const extractFields = (path, obj, fields) => {
+        const success = {};
+        const errors = [];
+        // PERFORMANCE: We use a for loop here instead of Arr.each as this is a hot code path
+        for (const field of fields) {
+            fold(field, (key, newKey, presence, prop) => {
+                const result = extractField(presence, path, obj, key, prop);
+                SimpleResult.fold(result, (err) => {
+                    errors.push(...err);
+                }, (res) => {
+                    success[newKey] = res;
+                });
+            }, (newKey, instantiator) => {
+                success[newKey] = instantiator(obj);
+            });
+        }
+        return errors.length > 0 ? SimpleResult.serror(errors) : SimpleResult.svalue(success);
+    };
+    const objOf = (values) => {
+        const extract = (path, o) => extractFields(path, o, values);
+        const toString = () => {
+            const fieldStrings = map$3(values, (value) => fold(value, (key, _okey, _presence, prop) => key + ' -> ' + prop.toString(), (newKey, _instantiator) => 'state(' + newKey + ')'));
+            return 'obj{\n' + fieldStrings.join('\n') + '}';
+        };
+        return {
+            extract,
+            toString
+        };
+    };
+    const arrOf = (prop) => {
+        const extract = (path, array) => {
+            const results = map$3(array, (a, i) => prop.extract(path.concat(['[' + i + ']']), a));
+            return ResultCombine.consolidateArr(results);
+        };
+        const toString = () => 'array(' + prop.toString() + ')';
+        return {
+            extract,
+            toString
+        };
+    };
+
+    const extractValue = (label, prop, obj) => {
+        const res = prop.extract([label], obj);
+        return SimpleResult.mapError(res, (errs) => ({ input: obj, errors: errs }));
+    };
+    const asRaw = (label, prop, obj) => SimpleResult.toResult(extractValue(label, prop, obj));
+    const formatError = (errInfo) => {
+        return 'Errors: \n' + formatErrors(errInfo.errors).join('\n') +
+            '\n\nInput object: ' + formatObj(errInfo.input);
+    };
+
+    const field = field$1;
+    const requiredOf = (key, schema) => field(key, key, required(), schema);
+    const requiredString = (key) => requiredOf(key, string);
+    const requiredFunction = (key) => requiredOf(key, functionProcessor);
+    const optionOf = (key, schema) => field(key, key, asOption(), schema);
+    const optionString = (key) => optionOf(key, string);
+    const optionFunction = (key) => optionOf(key, functionProcessor);
+    const defaulted = (key, fallback) => field(key, key, defaulted$1(fallback), anyValue());
+    const defaultedOf = (key, fallback, schema) => field(key, key, defaulted$1(fallback), schema);
+    const defaultedNumber = (key, fallback) => defaultedOf(key, fallback, number);
+    const defaultedString = (key, fallback) => defaultedOf(key, fallback, string);
+    const defaultedBoolean = (key, fallback) => defaultedOf(key, fallback, boolean);
+    const defaultedFunction = (key, fallback) => defaultedOf(key, fallback, functionProcessor);
+    const defaultedArrayOf = (key, fallback, schema) => defaultedOf(key, fallback, arrOf(schema));
+
+    const type = requiredString('type');
+    requiredString('name');
+    requiredString('label');
+    requiredString('text');
+    requiredString('title');
+    requiredString('icon');
+    requiredString('url');
+    const value = requiredString('value');
+    const fetch$1 = requiredFunction('fetch');
+    requiredFunction('getSubmenuItems');
+    const onAction = requiredFunction('onAction');
+    requiredFunction('onItemAction');
+    defaultedFunction('onSetup', () => noop);
+    optionString('name');
+    const optionalText = optionString('text');
+    optionString('role');
+    const optionalIcon = optionString('icon');
+    optionString('url');
+    optionString('tooltip');
+    optionString('label');
+    optionString('shortcut');
+    optionFunction('select');
+    const active = defaultedBoolean('active', false);
+    defaultedBoolean('borderless', false);
+    const enabled = defaultedBoolean('enabled', true);
+    defaultedBoolean('primary', false);
+    const defaultedColumns = (num) => defaulted('columns', num);
+    const defaultedMeta = defaulted('meta', {});
+    defaultedFunction('onAction', noop);
+    const defaultedType = (type) => defaultedString('type', type);
+
+    objOf([
+        // Currently, autocomplete items don't support configuring type, active, disabled, meta
+        defaultedType('autocompleteitem'),
+        active,
+        enabled,
+        defaultedMeta,
+        value,
+        optionalText,
+        optionalIcon
+    ]);
+    const autocompleterSchema = objOf([
+        type,
+        requiredString('trigger'),
+        defaultedNumber('minChars', 1),
+        defaultedColumns(1),
+        defaultedNumber('maxResults', 10),
+        optionFunction('matches'),
+        fetch$1,
+        onAction,
+        defaultedArrayOf('highlightOn', [], string)
+    ]);
+    const createAutocompleter = (spec) => asRaw('Autocompleter', autocompleterSchema, spec);
+
+    const create$6 = () => {
+        const buttons = {};
+        const menuItems = {};
+        const popups = {};
+        const icons = {};
+        const contextMenus = {};
+        const contextToolbars = {};
+        const contexts = {};
+        const sidebars = {};
+        const views = {};
+        const add = (collection, type) => (name, spec) => {
+            collection[name.toLowerCase()] = { ...spec, type };
+        };
+        const addDefaulted = (collection, type) => (name, spec) => {
+            collection[name.toLowerCase()] = { type, ...spec };
+        };
+        const addIcon = (name, svgData) => icons[name.toLowerCase()] = svgData;
+        const addContext = (name, pred) => contexts[name.toLowerCase()] = pred;
+        return {
+            addButton: add(buttons, 'button'),
+            addGroupToolbarButton: add(buttons, 'grouptoolbarbutton'),
+            addToggleButton: add(buttons, 'togglebutton'),
+            addMenuButton: add(buttons, 'menubutton'),
+            addSplitButton: add(buttons, 'splitbutton'),
+            addMenuItem: add(menuItems, 'menuitem'),
+            addNestedMenuItem: add(menuItems, 'nestedmenuitem'),
+            addToggleMenuItem: add(menuItems, 'togglemenuitem'),
+            addAutocompleter: add(popups, 'autocompleter'),
+            addContextMenu: add(contextMenus, 'contextmenu'),
+            addContextToolbar: add(contextToolbars, 'contexttoolbar'),
+            addContextForm: addDefaulted(contextToolbars, 'contextform'),
+            addSidebar: add(sidebars, 'sidebar'),
+            addView: add(views, 'views'),
+            addIcon,
+            addContext,
+            getAll: () => ({
+                buttons,
+                menuItems,
+                icons,
+                // TODO: should popups be combined with context menus? We'd need to make a new add function.
+                // Right now using `add` shares the key namespace, which prevents registering both
+                // a completer and a context menu with the same name
+                popups,
+                contextMenus,
+                contextToolbars,
+                sidebars,
+                views,
+                contexts
+            })
+        };
+    };
+
+    const register$2 = (editor) => {
+        const popups = editor.ui.registry.getAll().popups;
+        const dataset = map$2(popups, (popup) => createAutocompleter(popup).fold((err) => {
+            throw new Error(formatError(err));
+        }, identity));
+        const triggers = stringArray(mapToArray(dataset, (v) => v.trigger));
+        const datasetValues = values(dataset);
+        const lookupByTrigger = (trigger) => filter$5(datasetValues, (dv) => dv.trigger === trigger);
+        return {
+            dataset,
+            triggers,
+            lookupByTrigger
+        };
+    };
+
+    const setupEditorInput = (editor, api) => {
+        const update = last$1(api.load, 50);
+        editor.on('input', (e) => {
+            // TINY-10715: Firefox on Android using Korean Gboard will produce stray composition events when you move the caret by tapping inside the composed text
+            if (e.inputType === 'insertCompositionText' && !editor.composing) {
+                return;
+            }
+            update.throttle();
+        });
+        editor.on('keydown', (e) => {
+            const keyCode = e.which;
+            // Pressing <backspace> updates the autocompleter
+            if (keyCode === 8) {
+                update.throttle();
+                // Pressing <esc> closes the autocompleter
+            }
+            else if (keyCode === 27) {
+                update.cancel(); // We need to cancel here since Esc cancels the IME composition and triggers an input event
+                api.cancelIfNecessary();
+            }
+            else if (keyCode === 38 || keyCode === 40) {
+                // Arrow up and down keys needs to cancel the update since while composing arrow up or down will end the compose and issue a input event
+                // that causes the list to update and then the focus moves up to the first item in the auto completer list.
+                update.cancel();
+            }
+        }, true); // Need to add this to the top so that it exectued before the silver keyboard event
+        editor.on('remove', update.cancel);
+    };
+    const setup$k = (editor) => {
+        const activeAutocompleter = value$2();
+        const uiActive = Cell(false);
+        const isActive = activeAutocompleter.isSet;
+        const cancelIfNecessary = () => {
+            if (isActive()) {
+                fireAutocompleterEnd(editor);
+                uiActive.set(false);
+                activeAutocompleter.clear();
+            }
+        };
+        const commenceIfNecessary = (context) => {
+            if (!isActive()) {
+                // store the element/context
+                activeAutocompleter.set({
+                    trigger: context.trigger,
+                    matchLength: context.text.length
+                });
+            }
+        };
+        // This needs to be calculated once things are ready, but the key events must be bound
+        // before `init` or other keydown / keypress listeners will fire first. Therefore,
+        // this is a thunk so that its value is calculated just once when it is used for the
+        // first time, and after that it's value is stored.
+        const getAutocompleters = cached(() => register$2(editor));
+        const doLookup = (fetchOptions) => activeAutocompleter.get()?.map((ac) => getContext(editor.dom, editor.selection.getRng(), ac.trigger, true)
+            .bind((newContext) => lookupWithContext(editor, getAutocompleters, newContext, fetchOptions))).getOrThunk(() => lookup(editor, getAutocompleters));
+        const load = (fetchOptions) => {
+            doLookup(fetchOptions).fold(cancelIfNecessary, (lookupInfo) => {
+                commenceIfNecessary(lookupInfo.context);
+                // Wait for the results to return and then display the menu
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                lookupInfo.lookupData.then((lookupData) => {
+                    // Lookup the active autocompleter to make sure it's still active, if it isn't then do nothing
+                    activeAutocompleter.get()?.map((ac) => {
+                        const context = lookupInfo.context;
+                        // Ensure the active autocompleter trigger matches, as the old one may have closed
+                        // and a new one may have opened. If it doesn't match, then do nothing.
+                        if (ac.trigger !== context.trigger) {
+                            return;
+                        }
+                        activeAutocompleter.set({
+                            ...ac,
+                            matchLength: context.text.length
+                        });
+                        if (uiActive.get()) {
+                            fireAutocompleterUpdateActiveRange(editor, { range: context.range });
+                            fireAutocompleterUpdate(editor, { lookupData });
+                        }
+                        else {
+                            uiActive.set(true);
+                            fireAutocompleterUpdateActiveRange(editor, { range: context.range });
+                            fireAutocompleterStart(editor, { lookupData });
+                        }
+                    });
+                });
+            });
+        };
+        const isRangeInsideOrEqual = (innerRange, outerRange) => {
+            const startComparison = innerRange.compareBoundaryPoints(window.Range.START_TO_START, outerRange);
+            const endComparison = innerRange.compareBoundaryPoints(window.Range.END_TO_END, outerRange);
+            return startComparison >= 0 && endComparison <= 0;
+        };
+        const readActiveRange = () => {
+            return activeAutocompleter.get().bind(({ trigger }) => {
+                const selRange = editor.selection.getRng();
+                return getContext(editor.dom, selRange, trigger, uiActive.get())
+                    .filter(({ range }) => isRangeInsideOrEqual(selRange, range))
+                    ?.map(({ range }) => range);
+            });
+        };
+        editor.addCommand('mceAutocompleterReload', (_ui, value) => {
+            const fetchOptions = isObject(value) ? value.fetchOptions : {};
+            load(fetchOptions);
+        });
+        editor.addCommand('mceAutocompleterClose', cancelIfNecessary);
+        editor.addCommand('mceAutocompleterRefreshActiveRange', () => {
+            readActiveRange().each((range) => {
+                fireAutocompleterUpdateActiveRange(editor, { range });
+            });
+        });
+        editor.editorCommands.addQueryStateHandler('mceAutoCompleterInRange', () => readActiveRange().isSome());
+        setupEditorInput(editor, {
+            cancelIfNecessary,
+            load
+        });
+    };
+
+    const browser$1 = detect$1().browser;
+    const isSafari = browser$1.isSafari();
+    const emptyNodeContents = (node) => fillWithPaddingBr(SugarElement.fromDom(node));
+    const isEntireNodeSelected = (rng, node) => { var _a; return rng.startOffset === 0 && rng.endOffset === ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.length); };
+    const getParentDetailsElementAtPos = (dom, pos) => Optional.from(dom.getParent(pos.container(), 'details'));
+    const isInDetailsElement = (dom, pos) => getParentDetailsElementAtPos(dom, pos).isSome();
+    const getDetailsElements = (dom, rng) => {
+        const startDetails = Optional.from(dom.getParent(rng.startContainer, 'details'));
+        const endDetails = Optional.from(dom.getParent(rng.endContainer, 'details'));
+        if (startDetails.isSome() || endDetails.isSome()) {
+            const startSummary = startDetails.bind((details) => Optional.from(dom.select('summary', details)[0]));
+            return Optional?.some({ startSummary, startDetails, endDetails });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const isCaretInTheBeginningOf = (caretPos, element) => firstPositionIn(element).exists((pos) => pos.isEqual(caretPos));
+    const isCaretInTheEndOf = (caretPos, element) => {
+        return lastPositionIn(element).exists((pos) => {
+            // Summary may or may not have a trailing BR
+            if (isBr$6(pos.getNode())) {
+                return prevPosition(element, pos).exists((pos2) => pos2.isEqual(caretPos)) || pos.isEqual(caretPos);
+            }
+            else {
+                return pos.isEqual(caretPos);
+            }
+        });
+    };
+    const isCaretAtStartOfSummary = (caretPos, detailsElements) => detailsElements.startSummary.exists((summary) => isCaretInTheBeginningOf(caretPos, summary));
+    const isCaretAtEndOfSummary = (caretPos, detailsElements) => detailsElements.startSummary.exists((summary) => isCaretInTheEndOf(caretPos, summary));
+    const isCaretInFirstPositionInBody = (caretPos, detailsElements) => detailsElements.startDetails.exists((details) => prevPosition(details, caretPos).forall((pos) => detailsElements.startSummary.exists((summary) => !summary.contains(caretPos.container()) && summary.contains(pos.container()))));
+    const isCaretInLastPositionInBody = (root, caretPos, detailsElements) => detailsElements.startDetails.exists((details) => nextPosition(root, caretPos).forall((pos) => !details.contains(pos.container())));
+    const setCaretToPosition = (editor, position) => {
+        const node = position.getNode();
+        if (!isUndefined(node)) {
+            editor.selection.setCursorLocation(node, position.offset());
+        }
+    };
+    const moveCaretToDetailsPos = (editor, pos, forward) => {
+        const details = editor.dom.getParent(pos.container(), 'details');
+        if (details && !details.open) {
+            const summary = editor.dom.select('summary', details)[0];
+            if (summary) {
+                const newPos = forward ? firstPositionIn(summary) : lastPositionIn(summary);
+                newPos.each((pos) => setCaretToPosition(editor, pos));
+            }
+        }
+        else {
+            setCaretToPosition(editor, pos);
+        }
+    };
+    const isPartialDelete = (rng, detailsElements) => {
+        const containsStart = (element) => element.contains(rng.startContainer);
+        const containsEnd = (element) => element.contains(rng.endContainer);
+        const startInSummary = detailsElements.startSummary.exists(containsStart);
+        const endInSummary = detailsElements.startSummary.exists(containsEnd);
+        const isPartiallySelectedDetailsElements = detailsElements.startDetails.forall((startDetails) => detailsElements.endDetails.forall((endDetails) => startDetails !== endDetails));
+        const isInPartiallySelectedSummary = (startInSummary || endInSummary) && !(startInSummary && endInSummary);
+        return isInPartiallySelectedSummary || isPartiallySelectedDetailsElements;
+    };
+    const shouldPreventDeleteIntoDetails = (editor, forward, granularity) => {
+        const { dom, selection } = editor;
+        const root = editor.getBody();
+        if (granularity === 'character') {
+            const caretPos = CaretPosition.fromRangeStart(selection.getRng());
+            const parentBlock = dom.getParent(caretPos.container(), dom.isBlock);
+            const parentDetailsAtCaret = getParentDetailsElementAtPos(dom, caretPos);
+            const inEmptyParentBlock = parentBlock && dom.isEmpty(parentBlock);
+            const isFirstBlock = isNull(parentBlock === null || parentBlock === void 0 ? void 0 : parentBlock.previousSibling);
+            const isLastBlock = isNull(parentBlock === null || parentBlock === void 0 ? void 0 : parentBlock.nextSibling);
+            // Pressing backspace or delete in an first or last empty block before or after details
+            if (inEmptyParentBlock) {
+                const firstOrLast = forward ? isLastBlock : isFirstBlock;
+                if (firstOrLast) {
+                    const isBeforeAfterDetails = navigate(!forward, root, caretPos).exists((pos) => {
+                        return isInDetailsElement(dom, pos) && !equals(parentDetailsAtCaret, getParentDetailsElementAtPos(dom, pos));
+                    });
+                    if (isBeforeAfterDetails) {
+                        return true;
+                    }
+                }
+            }
+            return navigate(forward, root, caretPos).fold(never, (pos) => {
+                const parentDetailsAtNewPos = getParentDetailsElementAtPos(dom, pos);
+                if (isInDetailsElement(dom, pos) && !equals(parentDetailsAtCaret, parentDetailsAtNewPos)) {
+                    if (!forward) {
+                        moveCaretToDetailsPos(editor, pos, false);
+                    }
+                    if (parentBlock && inEmptyParentBlock) {
+                        if (forward && isFirstBlock) {
+                            return true;
+                        }
+                        else if (!forward && isLastBlock) {
+                            return true;
+                        }
+                        moveCaretToDetailsPos(editor, pos, forward);
+                        editor.dom.remove(parentBlock);
+                    }
+                    return true;
+                }
+                else {
+                    return false;
+                }
+            });
+        }
+        else {
+            return false;
+        }
+    };
+    const shouldPreventDeleteSummaryAction = (editor, detailElements, forward, granularity) => {
+        const selection = editor.selection;
+        const rng = selection.getRng();
+        const caretPos = CaretPosition.fromRangeStart(rng);
+        const root = editor.getBody();
+        if (granularity === 'selection') {
+            return isPartialDelete(rng, detailElements);
+        }
+        else if (forward) {
+            return isCaretAtEndOfSummary(caretPos, detailElements) || isCaretInLastPositionInBody(root, caretPos, detailElements);
+        }
+        else {
+            return isCaretAtStartOfSummary(caretPos, detailElements) || isCaretInFirstPositionInBody(caretPos, detailElements);
+        }
+    };
+    const shouldPreventDeleteAction = (editor, forward, granularity) => getDetailsElements(editor.dom, editor.selection.getRng()).fold(() => shouldPreventDeleteIntoDetails(editor, forward, granularity), (detailsElements) => shouldPreventDeleteSummaryAction(editor, detailsElements, forward, granularity) || shouldPreventDeleteIntoDetails(editor, forward, granularity));
+    const handleDeleteActionSafari = (editor, forward, granularity) => {
+        const selection = editor.selection;
+        const node = selection.getNode();
+        const rng = selection.getRng();
+        const caretPos = CaretPosition.fromRangeStart(rng);
+        if (isSummary$1(node)) {
+            // TINY-9951: Safari bug, deleting within the summary causes all content to be removed and no caret position to be left
+            // https://bugs.webkit.org/show_bug.cgi?id=257745
+            if (granularity === 'selection' && isEntireNodeSelected(rng, node) || willDeleteLastPositionInElement(forward, caretPos, node)) {
+                emptyNodeContents(node);
+            }
+            else {
+                editor.undoManager.transact(() => {
+                    // Wrap all summary children in a temporary container to execute Backspace/Delete there, then unwrap
+                    const sel = selection.getSel();
+                    let { anchorNode, anchorOffset, focusNode, focusOffset } = sel !== null && sel !== void 0 ? sel : {};
+                    const applySelection = () => {
+                        if (isNonNullable(anchorNode) && isNonNullable(anchorOffset) && isNonNullable(focusNode) && isNonNullable(focusOffset)) {
+                            sel === null || sel === void 0 ? void 0 : sel.setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
+                        }
+                    };
+                    const updateSelection = () => {
+                        anchorNode = sel === null || sel === void 0 ? void 0 : sel.anchorNode;
+                        anchorOffset = sel === null || sel === void 0 ? void 0 : sel.anchorOffset;
+                        focusNode = sel === null || sel === void 0 ? void 0 : sel.focusNode;
+                        focusOffset = sel === null || sel === void 0 ? void 0 : sel.focusOffset;
+                    };
+                    const appendAllChildNodes = (from, to) => {
+                        each$e(from.childNodes, (child) => {
+                            if (isNode(child)) {
+                                to.appendChild(child);
+                            }
+                        });
+                    };
+                    const container = editor.dom.create('span', { 'data-mce-bogus': '1' });
+                    appendAllChildNodes(node, container);
+                    node.appendChild(container);
+                    applySelection();
+                    // Manually perform deletion with modified granularities
+                    if (granularity === 'word' || granularity === 'line') {
+                        sel === null || sel === void 0 ? void 0 : sel.modify('extend', forward ? 'right' : 'left', granularity);
+                    }
+                    if (!selection.isCollapsed() && isEntireNodeSelected(selection.getRng(), container)) {
+                        emptyNodeContents(node);
+                    }
+                    else {
+                        editor.execCommand(forward ? 'ForwardDelete' : 'Delete');
+                        updateSelection();
+                        appendAllChildNodes(container, node);
+                        applySelection();
+                    }
+                    editor.dom.remove(container);
+                });
+            }
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    const backspaceDelete = (editor, forward, granularity) => shouldPreventDeleteAction(editor, forward, granularity) || isSafari && handleDeleteActionSafari(editor, forward, granularity)
+        ? Optional?.some(noop) : Optional.none();
+
+    const createAndFireInputEvent = (eventType) => (editor, inputType, specifics = {}) => {
+        const target = editor.getBody();
+        const overrides = {
+            bubbles: true,
+            composed: true,
+            data: null,
+            isComposing: false,
+            detail: 0,
+            view: null,
+            target,
+            currentTarget: target,
+            eventPhase: Event.AT_TARGET,
+            originalTarget: target,
+            explicitOriginalTarget: target,
+            isTrusted: false,
+            srcElement: target,
+            cancelable: false,
+            preventDefault: noop,
+            inputType
+        };
+        const input = clone$2(new InputEvent(eventType));
+        return editor.dispatch(eventType, { ...input, ...overrides, ...specifics });
+    };
+    const fireInputEvent = createAndFireInputEvent('input');
+    const fireBeforeInputEvent = createAndFireInputEvent('beforeinput');
+
+    const platform$2 = detect$1();
+    const os = platform$2.os;
+    const isMacOSOriOS = os.isMacOS() || os.isiOS();
+    const browser = platform$2.browser;
+    const isFirefox = browser.isFirefox();
+    const executeKeydownOverride$3 = (editor, caret, evt) => {
+        const inputType = evt.keyCode === VK.BACKSPACE ? 'deleteContentBackward' : 'deleteContentForward';
+        const isCollapsed = editor.selection.isCollapsed();
+        const unmodifiedGranularity = isCollapsed ? 'character' : 'selection';
+        const getModifiedGranularity = (isWord) => {
+            if (isCollapsed) {
+                return isWord ? 'word' : 'line';
+            }
+            else {
+                return 'selection';
+            }
+        };
+        executeWithDelayedAction([
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$1, editor) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$7, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$7, editor, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$8, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$8, editor, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$4, editor, caret, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$4, editor, caret, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$b, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$b, editor, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete, editor, false, unmodifiedGranularity) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete, editor, true, unmodifiedGranularity) },
+            ...isMacOSOriOS ? [
+                { keyCode: VK.BACKSPACE, altKey: true, action: action(backspaceDelete, editor, false, getModifiedGranularity(true)) },
+                { keyCode: VK.DELETE, altKey: true, action: action(backspaceDelete, editor, true, getModifiedGranularity(true)) },
+                { keyCode: VK.BACKSPACE, metaKey: true, action: action(backspaceDelete, editor, false, getModifiedGranularity(false)) },
+            ] : [
+                { keyCode: VK.BACKSPACE, ctrlKey: true, action: action(backspaceDelete, editor, false, getModifiedGranularity(true)) },
+                { keyCode: VK.DELETE, ctrlKey: true, action: action(backspaceDelete, editor, true, getModifiedGranularity(true)) }
+            ],
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$5, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$5, editor, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$2, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$2, editor, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$9, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$9, editor, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$a, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$a, editor, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$3, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$3, editor, true) },
+            { keyCode: VK.BACKSPACE, action: action(backspaceDelete$6, editor, false) },
+            { keyCode: VK.DELETE, action: action(backspaceDelete$6, editor, true) }
+        ], evt)
+            .filter((_) => editor.selection.isEditable())
+            .each((applyAction) => {
+            evt.preventDefault();
+            const beforeInput = fireBeforeInputEvent(editor, inputType);
+            if (!beforeInput.isDefaultPrevented()) {
+                applyAction();
+                fireInputEvent(editor, inputType);
+            }
+        });
+    };
+    const executeKeyupOverride = (editor, evt, isBackspaceKeydown) => execute([
+        { keyCode: VK.BACKSPACE, action: action(paddEmptyElement, editor) },
+        { keyCode: VK.DELETE, action: action(paddEmptyElement, editor) },
+        ...isMacOSOriOS ? [
+            { keyCode: VK.BACKSPACE, altKey: true, action: action(refreshCaret, editor) },
+            { keyCode: VK.DELETE, altKey: true, action: action(refreshCaret, editor) },
+            // macOS surpresses keyup events for most keys including Backspace when Meta key is engaged
+            // To emulate Meta + Backspace on macOS, add a pattern for the meta key when backspace was
+            // detected on keydown
+            ...isBackspaceKeydown ? [{
+                    // Firefox detects macOS Command key code as "Command" not "Meta"
+                    keyCode: isFirefox ? 224 : 91,
+                    action: action(refreshCaret, editor)
+                }] : []
+        ] : [
+            { keyCode: VK.BACKSPACE, ctrlKey: true, action: action(refreshCaret, editor) },
+            { keyCode: VK.DELETE, ctrlKey: true, action: action(refreshCaret, editor) }
+        ]
+    ], evt);
+    const setup$j = (editor, caret) => {
+        // track backspace keydown state for emulating Meta + Backspace keyup detection on macOS
+        let isBackspaceKeydown = false;
+        editor.on('keydown', (evt) => {
+            isBackspaceKeydown = evt.keyCode === VK.BACKSPACE;
+            if (!evt.isDefaultPrevented()) {
+                executeKeydownOverride$3(editor, caret, evt);
+            }
+        });
+        editor.on('keyup', (evt) => {
+            if (!evt.isDefaultPrevented()) {
+                executeKeyupOverride(editor, evt, isBackspaceKeydown);
+            }
+            isBackspaceKeydown = false;
+        });
+    };
+
+    const firstNonWhiteSpaceNodeSibling = (node) => {
+        while (node) {
+            if (isElement$6(node) || (isText$b(node) && node.data && /[\r\n\s]/.test(node.data))) {
+                return node;
+            }
+            node = node.nextSibling;
+        }
+        return null;
+    };
+    const moveToCaretPosition = (editor, root) => {
+        const dom = editor.dom;
+        const moveCaretBeforeOnEnterElementsMap = editor.schema.getMoveCaretBeforeOnEnterElements();
+        if (!root) {
+            return;
+        }
+        if (/^(LI|DT|DD)$/.test(root.nodeName)) {
+            const firstChild = firstNonWhiteSpaceNodeSibling(root.firstChild);
+            if (firstChild && /^(UL|OL|DL)$/.test(firstChild.nodeName)) {
+                root.insertBefore(dom.doc.createTextNode(nbsp), root.firstChild);
+            }
+        }
+        const rng = dom.createRng();
+        root.normalize();
+        if (root.hasChildNodes()) {
+            const walker = new DomTreeWalker(root, root);
+            let lastNode = root;
+            let node;
+            while ((node = walker.current())) {
+                if (isText$b(node)) {
+                    rng.setStart(node, 0);
+                    rng.setEnd(node, 0);
+                    break;
+                }
+                if (moveCaretBeforeOnEnterElementsMap[node.nodeName.toLowerCase()]) {
+                    rng.setStartBefore(node);
+                    rng.setEndBefore(node);
+                    break;
+                }
+                lastNode = node;
+                node = walker.next();
+            }
+            if (!node) {
+                rng.setStart(lastNode, 0);
+                rng.setEnd(lastNode, 0);
+            }
+        }
+        else {
+            if (isBr$6(root)) {
+                if (root.nextSibling && dom.isBlock(root.nextSibling)) {
+                    rng.setStartBefore(root);
+                    rng.setEndBefore(root);
+                }
+                else {
+                    rng.setStartAfter(root);
+                    rng.setEndAfter(root);
+                }
+            }
+            else {
+                rng.setStart(root, 0);
+                rng.setEnd(root, 0);
+            }
+        }
+        editor.selection.setRng(rng);
+        scrollRangeIntoView(editor, rng);
+    };
+    const getEditableRoot = (dom, node) => {
+        const root = dom.getRoot();
+        let editableRoot;
+        // Get all parents until we hit a non editable parent or the root
+        let parent = node;
+        while (parent !== root && parent && dom.getContentEditable(parent) !== 'false') {
+            if (dom.getContentEditable(parent) === 'true') {
+                editableRoot = parent;
+                break;
+            }
+            parent = parent.parentNode;
+        }
+        return parent !== root ? editableRoot : root;
+    };
+    const getParentBlock$1 = (editor) => {
+        return Optional.from(editor.dom.getParent(editor.selection.getStart(true), editor.dom.isBlock));
+    };
+    const getParentBlockName = (editor) => {
+        return getParentBlock$1(editor).fold(constant(''), (parentBlock) => {
+            return parentBlock.nodeName.toUpperCase();
+        });
+    };
+    const isListItemParentBlock = (editor) => {
+        return getParentBlock$1(editor).filter((elm) => {
+            return isListItem$1(SugarElement.fromDom(elm));
+        }).isSome();
+    };
+    const emptyBlock = (elm) => {
+        elm.innerHTML = '<br data-mce-bogus="1">';
+    };
+    const applyAttributes = (editor, node, forcedRootBlockAttrs) => {
+        const dom = editor.dom;
+        // Merge and apply style attribute
+        Optional.from(forcedRootBlockAttrs.style)
+            ?.map(dom.parseStyle)
+            .each((attrStyles) => {
+            const currentStyles = getAllRaw(SugarElement.fromDom(node));
+            const newStyles = { ...currentStyles, ...attrStyles };
+            dom.setStyles(node, newStyles);
+        });
+        // Merge and apply class attribute
+        const attrClassesOpt = Optional.from(forcedRootBlockAttrs.class)?.map((attrClasses) => attrClasses.split(/\s+/));
+        const currentClassesOpt = Optional.from(node.className)?.map((currentClasses) => filter$5(currentClasses.split(/\s+/), (clazz) => clazz !== ''));
+        lift2(attrClassesOpt, currentClassesOpt, (attrClasses, currentClasses) => {
+            const filteredClasses = filter$5(currentClasses, (clazz) => !contains$2(attrClasses, clazz));
+            const newClasses = [...attrClasses, ...filteredClasses];
+            dom.setAttrib(node, 'class', newClasses.join(' '));
+        });
+        // Apply any remaining forced root block attributes
+        const appliedAttrs = ['style', 'class'];
+        const remainingAttrs = filter$4(forcedRootBlockAttrs, (_, attrs) => !contains$2(appliedAttrs, attrs));
+        dom.setAttribs(node, remainingAttrs);
+    };
+    const setForcedBlockAttrs = (editor, node) => {
+        const forcedRootBlockName = getForcedRootBlock(editor);
+        if (forcedRootBlockName.toLowerCase() === node.tagName.toLowerCase()) {
+            const forcedRootBlockAttrs = getForcedRootBlockAttrs(editor);
+            applyAttributes(editor, node, forcedRootBlockAttrs);
+        }
+    };
+    // Creates a new block element by cloning the current one or creating a new one if the name is specified
+    // This function will also copy any text formatting from the parent block and add it to the new one
+    const createNewBlock = (editor, container, parentBlock, editableRoot, keepStyles = true, name, styles) => {
+        const dom = editor.dom;
+        const schema = editor.schema;
+        const newBlockName = getForcedRootBlock(editor);
+        const parentBlockName = parentBlock ? parentBlock.nodeName.toUpperCase() : ''; // IE < 9 & HTML5
+        let node = container;
+        const textInlineElements = schema.getTextInlineElements();
+        let block;
+        if (name || parentBlockName === 'TABLE' || parentBlockName === 'HR') {
+            block = dom.create(name || newBlockName, styles || {});
+        }
+        else {
+            block = parentBlock.cloneNode(false);
+        }
+        let caretNode = block;
+        if (!keepStyles) {
+            dom.setAttrib(block, 'style', null); // wipe out any styles that came over with the block
+            dom.setAttrib(block, 'class', null);
+        }
+        else {
+            // Clone any parent styles
+            do {
+                if (textInlineElements[node.nodeName]) {
+                    // Ignore caret or bookmark nodes when cloning
+                    if (isCaretNode(node) || isBookmarkNode$1(node)) {
+                        continue;
+                    }
+                    const clonedNode = node.cloneNode(false);
+                    dom.setAttrib(clonedNode, 'id', ''); // Remove ID since it needs to be document unique
+                    if (block.hasChildNodes()) {
+                        clonedNode.appendChild(block.firstChild);
+                        block.appendChild(clonedNode);
+                    }
+                    else {
+                        caretNode = clonedNode;
+                        block.appendChild(clonedNode);
+                    }
+                }
+            } while ((node = node.parentNode) && node !== editableRoot);
+        }
+        setForcedBlockAttrs(editor, block);
+        emptyBlock(caretNode);
+        return block;
+    };
+
+    const getDetailsRoot = (editor, element) => editor.dom.getParent(element, isDetails);
+    const isAtDetailsEdge = (root, element, isTextBlock) => {
+        let node = element;
+        while (node && node !== root && isNull(node.nextSibling)) {
+            const parent = node.parentElement;
+            if (!parent || !isTextBlock(parent)) {
+                return isDetails(parent);
+            }
+            node = parent;
+        }
+        return false;
+    };
+    const isLastEmptyBlockInDetails = (editor, shiftKey, element) => !shiftKey &&
+        element.nodeName.toLowerCase() === getForcedRootBlock(editor) &&
+        editor.dom.isEmpty(element) &&
+        isAtDetailsEdge(editor.getBody(), element, (el) => has$2(editor.schema.getTextBlockElements(), el.nodeName.toLowerCase()));
+    const insertNewLine = (editor, createNewBlock, parentBlock) => {
+        var _a, _b, _c;
+        const newBlock = createNewBlock(getForcedRootBlock(editor));
+        const root = getDetailsRoot(editor, parentBlock);
+        if (!root) {
+            return;
+        }
+        editor.dom.insertAfter(newBlock, root);
+        moveToCaretPosition(editor, newBlock);
+        // TODO: This now only works with our Accordions not details with multiple root level children should we support that
+        if (((_c = (_b = (_a = parentBlock.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 1) {
+            editor.dom.remove(parentBlock);
+        }
+    };
+
+    const hasFirstChild = (elm, name) => {
+        return elm.firstChild && elm.firstChild.nodeName === name;
+    };
+    const isFirstChild = (elm) => {
+        var _a;
+        return ((_a = elm.parentNode) === null || _a === void 0 ? void 0 : _a.firstChild) === elm;
+    };
+    const hasParent = (elm, parentName) => {
+        const parentNode = elm === null || elm === void 0 ? void 0 : elm.parentNode;
+        return isNonNullable(parentNode) && parentNode.nodeName === parentName;
+    };
+    const isListBlock = (elm) => {
+        return isNonNullable(elm) && /^(OL|UL|LI)$/.test(elm.nodeName);
+    };
+    const isListItem = (elm) => {
+        return isNonNullable(elm) && /^(LI|DT|DD)$/.test(elm.nodeName);
+    };
+    const isNestedList = (elm) => {
+        return isListBlock(elm) && isListBlock(elm.parentNode);
+    };
+    const getContainerBlock = (containerBlock) => {
+        const containerBlockParent = containerBlock.parentNode;
+        return isListItem(containerBlockParent) ? containerBlockParent : containerBlock;
+    };
+    const isFirstOrLastLi = (containerBlock, parentBlock, first) => {
+        let node = containerBlock[first ? 'firstChild' : 'lastChild'];
+        // Find first/last element since there might be whitespace there
+        while (node) {
+            if (isElement$6(node)) {
+                break;
+            }
+            node = node[first ? 'nextSibling' : 'previousSibling'];
+        }
+        return node === parentBlock;
+    };
+    const getStyles = (elm) => foldl(mapToArray(getAllRaw(SugarElement.fromDom(elm)), (style, styleName) => `${styleName}: ${style};`), (acc, s) => acc + s, '');
+    // Inserts a block or br before/after or in the middle of a split list of the LI is empty
+    const insert$4 = (editor, createNewBlock, containerBlock, parentBlock, newBlockName) => {
+        const dom = editor.dom;
+        const rng = editor.selection.getRng();
+        const containerParent = containerBlock.parentNode;
+        if (containerBlock === editor.getBody() || !containerParent) {
+            return;
+        }
+        if (isNestedList(containerBlock)) {
+            newBlockName = 'LI';
+        }
+        const parentBlockStyles = isListItem(parentBlock) ? getStyles(parentBlock) : undefined;
+        let newBlock = isListItem(parentBlock) && parentBlockStyles
+            ? createNewBlock(newBlockName, { style: getStyles(parentBlock) })
+            : createNewBlock(newBlockName);
+        if (isFirstOrLastLi(containerBlock, parentBlock, true) && isFirstOrLastLi(containerBlock, parentBlock, false)) {
+            if (hasParent(containerBlock, 'LI')) {
+                // Nested list is inside a LI
+                const containerBlockParent = getContainerBlock(containerBlock);
+                dom.insertAfter(newBlock, containerBlockParent);
+                if (isFirstChild(containerBlock)) {
+                    dom.remove(containerBlockParent);
+                }
+                else {
+                    dom.remove(containerBlock);
+                }
+            }
+            else {
+                // Is first and last list item then replace the OL/UL with a text block
+                dom.replace(newBlock, containerBlock);
+            }
+        }
+        else if (isFirstOrLastLi(containerBlock, parentBlock, true)) {
+            if (hasParent(containerBlock, 'LI')) {
+                // List nested in an LI then move the list to a new sibling LI
+                dom.insertAfter(newBlock, getContainerBlock(containerBlock));
+                newBlock.appendChild(dom.doc.createTextNode(' ')); // Needed for IE so the caret can be placed
+                newBlock.appendChild(containerBlock);
+            }
+            else {
+                // First LI in list then remove LI and add text block before list
+                containerParent.insertBefore(newBlock, containerBlock);
+            }
+            dom.remove(parentBlock);
+        }
+        else if (isFirstOrLastLi(containerBlock, parentBlock, false)) {
+            // Last LI in list then remove LI and add text block after list
+            dom.insertAfter(newBlock, getContainerBlock(containerBlock));
+            dom.remove(parentBlock);
+        }
+        else {
+            // Middle LI in list then split the list and insert a text block in the middle
+            // Extract after fragment and insert it after the current block
+            containerBlock = getContainerBlock(containerBlock);
+            const tmpRng = rng.cloneRange();
+            tmpRng.setStartAfter(parentBlock);
+            tmpRng.setEndAfter(containerBlock);
+            const fragment = tmpRng.extractContents();
+            if (newBlockName === 'LI' && hasFirstChild(fragment, 'LI')) {
+                const previousChildren = filter$5(map$3(newBlock.children, SugarElement.fromDom), not(isTag('br')));
+                newBlock = fragment.firstChild;
+                dom.insertAfter(fragment, containerBlock);
+                each$e(previousChildren, (child) => prepend(SugarElement.fromDom(newBlock), child));
+                if (parentBlockStyles) {
+                    newBlock.setAttribute('style', parentBlockStyles);
+                }
+            }
+            else {
+                dom.insertAfter(fragment, containerBlock);
+                dom.insertAfter(newBlock, containerBlock);
+            }
+            dom.remove(parentBlock);
+        }
+        moveToCaretPosition(editor, newBlock);
+    };
+
+    const trimZwsp = (fragment) => {
+        each$e(descendants$1(SugarElement.fromDom(fragment), isText$c), (text) => {
+            const rawNode = text.dom;
+            rawNode.nodeValue = trim$2(rawNode.data);
+        });
+    };
+    const isWithinNonEditableList = (editor, node) => {
+        const parentList = editor.dom.getParent(node, 'ol,ul,dl');
+        return parentList !== null && editor.dom.getContentEditableParent(parentList) === 'false';
+    };
+    const isEmptyAnchor = (dom, elm) => {
+        return elm && elm.nodeName === 'A' && dom.isEmpty(elm);
+    };
+    const containerAndPreviousSiblingName = (container, nodeName) => {
+        return container.nodeName === nodeName || (container.previousSibling && container.previousSibling.nodeName === nodeName);
+    };
+    const containerAndNextSiblingName = (container, nodeName) => {
+        return container.nodeName === nodeName || (container.nextSibling && container.nextSibling.nodeName === nodeName);
+    };
+    // Returns true if the block can be split into two blocks or not
+    const canSplitBlock = (dom, node) => {
+        return isNonNullable(node) &&
+            dom.isBlock(node) &&
+            !/^(TD|TH|CAPTION|FORM)$/.test(node.nodeName) &&
+            !/^(fixed|absolute)/i.test(node.style.position) &&
+            dom.isEditable(node.parentNode) && dom.getContentEditable(node) !== 'false';
+    };
+    // Remove the first empty inline element of the block so this: <p><b><em></em></b>x</p> becomes this: <p>x</p>
+    const trimInlineElementsOnLeftSideOfBlock = (dom, nonEmptyElementsMap, block) => {
+        var _a;
+        const firstChilds = [];
+        if (!block) {
+            return;
+        }
+        // Find inner most first child ex: <p><i><b>*</b></i></p>
+        let currentNode = block;
+        while ((currentNode = currentNode.firstChild)) {
+            if (dom.isBlock(currentNode)) {
+                return;
+            }
+            if (isElement$6(currentNode) && !nonEmptyElementsMap[currentNode.nodeName.toLowerCase()]) {
+                firstChilds.push(currentNode);
+            }
+        }
+        let i = firstChilds.length;
+        while (i--) {
+            currentNode = firstChilds[i];
+            if (!currentNode.hasChildNodes() || (currentNode.firstChild === currentNode.lastChild && ((_a = currentNode.firstChild) === null || _a === void 0 ? void 0 : _a.nodeValue) === '')) {
+                dom.remove(currentNode);
+            }
+            else {
+                if (isEmptyAnchor(dom, currentNode)) {
+                    dom.remove(currentNode);
+                }
+            }
+        }
+    };
+    const normalizeZwspOffset = (start, container, offset) => {
+        if (!isText$b(container)) {
+            return offset;
+        }
+        else if (start) {
+            return offset === 1 && container.data.charAt(offset - 1) === ZWSP$1 ? 0 : offset;
+        }
+        else {
+            return offset === container.data.length - 1 && container.data.charAt(offset) === ZWSP$1 ? container.data.length : offset;
+        }
+    };
+    const includeZwspInRange = (rng) => {
+        const newRng = rng.cloneRange();
+        newRng.setStart(rng.startContainer, normalizeZwspOffset(true, rng.startContainer, rng.startOffset));
+        newRng.setEnd(rng.endContainer, normalizeZwspOffset(false, rng.endContainer, rng.endOffset));
+        return newRng;
+    };
+    // Trims any linebreaks at the beginning of node user for example when pressing enter in a PRE element
+    const trimLeadingLineBreaks = (node) => {
+        let currentNode = node;
+        do {
+            if (isText$b(currentNode)) {
+                currentNode.data = currentNode.data.replace(/^[\r\n]+/, '');
+            }
+            currentNode = currentNode.firstChild;
+        } while (currentNode);
+    };
+    // Wraps any text nodes or inline elements in the specified forced root block name
+    const wrapSelfAndSiblingsInDefaultBlock = (editor, newBlockName, rng, container, offset) => {
+        var _a, _b;
+        const dom = editor.dom;
+        const editableRoot = (_a = getEditableRoot(dom, container)) !== null && _a !== void 0 ? _a : dom.getRoot();
+        // Not in a block element or in a table cell or caption
+        let parentBlock = dom.getParent(container, dom.isBlock);
+        if (!parentBlock || !canSplitBlock(dom, parentBlock)) {
+            parentBlock = parentBlock || editableRoot;
+            if (!parentBlock.hasChildNodes()) {
+                const newBlock = dom.create(newBlockName);
+                setForcedBlockAttrs(editor, newBlock);
+                parentBlock.appendChild(newBlock);
+                rng.setStart(newBlock, 0);
+                rng.setEnd(newBlock, 0);
+                return newBlock;
+            }
+            // Find parent that is the first child of parentBlock
+            let node = container;
+            while (node && node.parentNode !== parentBlock) {
+                node = node.parentNode;
+            }
+            // Loop left to find start node start wrapping at
+            let startNode;
+            while (node && !dom.isBlock(node)) {
+                startNode = node;
+                node = node.previousSibling;
+            }
+            const startNodeName = (_b = startNode === null || startNode === void 0 ? void 0 : startNode.parentElement) === null || _b === void 0 ? void 0 : _b.nodeName;
+            if (startNode && startNodeName && editor.schema.isValidChild(startNodeName, newBlockName.toLowerCase())) {
+                // This should never be null since we check it above
+                const startNodeParent = startNode.parentNode;
+                const newBlock = dom.create(newBlockName);
+                setForcedBlockAttrs(editor, newBlock);
+                startNodeParent.insertBefore(newBlock, startNode);
+                // Start wrapping until we hit a block
+                node = startNode;
+                while (node && !dom.isBlock(node)) {
+                    const next = node.nextSibling;
+                    newBlock.appendChild(node);
+                    node = next;
+                }
+                // Restore range to it's past location
+                rng.setStart(container, offset);
+                rng.setEnd(container, offset);
+            }
+        }
+        return container;
+    };
+    // Adds a BR at the end of blocks that only contains an IMG or INPUT since
+    // these might be floated and then they won't expand the block
+    const addBrToBlockIfNeeded = (dom, block) => {
+        // IE will render the blocks correctly other browsers needs a BR
+        block.normalize(); // Remove empty text nodes that got left behind by the extract
+        // Check if the block is empty or contains a floated last child
+        const lastChild = block.lastChild;
+        if (!lastChild || isElement$6(lastChild) && (/^(left|right)$/gi.test(dom.getStyle(lastChild, 'float', true)))) {
+            dom.add(block, 'br');
+        }
+    };
+    const shouldEndContainer = (editor, container) => {
+        const optionValue = shouldEndContainerOnEmptyBlock(editor);
+        if (isNullable(container)) {
+            return false;
+        }
+        else if (isString(optionValue)) {
+            return contains$2(Tools.explode(optionValue), container.nodeName.toLowerCase());
+        }
+        else {
+            return optionValue;
+        }
+    };
+    const insert$3 = (editor, evt) => {
+        let container;
+        let offset;
+        let parentBlockName;
+        let containerBlock;
+        let isAfterLastNodeInContainer = false;
+        const dom = editor.dom;
+        const schema = editor.schema, nonEmptyElementsMap = schema.getNonEmptyElements();
+        const rng = editor.selection.getRng();
+        const newBlockName = getForcedRootBlock(editor);
+        const start = SugarElement.fromDom(rng.startContainer);
+        const child = child$1(start, rng.startOffset);
+        const isCef = child.exists((element) => isHTMLElement$1(element) && !isEditable$2(element));
+        const collapsedAndCef = rng.collapsed && isCef;
+        const createNewBlock$1 = (name, styles) => {
+            return createNewBlock(editor, container, parentBlock, editableRoot, shouldKeepStyles(editor), name, styles);
+        };
+        // Returns true/false if the caret is at the start/end of the parent block element
+        const isCaretAtStartOrEndOfBlock = (start) => {
+            const normalizedOffset = normalizeZwspOffset(start, container, offset);
+            // Caret is in the middle of a text node like "a|b"
+            if (isText$b(container) && (start ? normalizedOffset > 0 : normalizedOffset < container.data.length)) {
+                return false;
+            }
+            // If after the last element in block node edge case for #5091
+            if ((container.parentNode === parentBlock || container === parentBlock) && isAfterLastNodeInContainer && !start) {
+                return true;
+            }
+            // If the caret if before the first element in parentBlock
+            if (start && isElement$6(container) && container === parentBlock.firstChild) {
+                return true;
+            }
+            // Caret can be before/after a table or a hr
+            if (containerAndPreviousSiblingName(container, 'TABLE') || containerAndPreviousSiblingName(container, 'HR')) {
+                if (containerAndNextSiblingName(container, 'BR')) {
+                    return !start;
+                }
+                return (isAfterLastNodeInContainer && !start) || (!isAfterLastNodeInContainer && start);
+            }
+            // Walk the DOM and look for text nodes or non empty elements
+            const walker = new DomTreeWalker(container, parentBlock);
+            // If caret is in beginning or end of a text block then jump to the next/previous node
+            if (isText$b(container)) {
+                if (start && normalizedOffset === 0) {
+                    walker.prev();
+                }
+                else if (!start && normalizedOffset === container.data.length) {
+                    walker.next();
+                }
+            }
+            let node;
+            while ((node = walker.current())) {
+                if (isElement$6(node)) {
+                    // Ignore bogus elements
+                    if (!node.getAttribute('data-mce-bogus')) {
+                        // Keep empty elements like <img /> <input /> but not trailing br:s like <p>text|<br></p>
+                        const name = node.nodeName.toLowerCase();
+                        if (nonEmptyElementsMap[name] && name !== 'br') {
+                            return false;
+                        }
+                    }
+                }
+                else if (isText$b(node) && !isWhitespaceText(node.data)) {
+                    return false;
+                }
+                if (start) {
+                    walker.prev();
+                }
+                else {
+                    walker.next();
+                }
+            }
+            return true;
+        };
+        const insertNewBlockAfter = () => {
+            let block;
+            // If the caret is at the end of a header we produce a P tag after it similar to Word unless we are in a hgroup
+            if (/^(H[1-6]|PRE|FIGURE)$/.test(parentBlockName) && containerBlockName !== 'HGROUP') {
+                block = createNewBlock$1(newBlockName);
+            }
+            else {
+                block = createNewBlock$1();
+            }
+            // Split the current container block element if enter is pressed inside an empty inner block element
+            if (shouldEndContainer(editor, containerBlock) && canSplitBlock(dom, containerBlock) && dom.isEmpty(parentBlock, undefined, { includeZwsp: true })) {
+                // Split container block for example a BLOCKQUOTE at the current blockParent location for example a P
+                block = dom.split(containerBlock, parentBlock);
+            }
+            else {
+                dom.insertAfter(block, parentBlock);
+            }
+            moveToCaretPosition(editor, block);
+            return block;
+        };
+        // Setup range items and newBlockName
+        normalize$2(dom, rng).each((normRng) => {
+            rng.setStart(normRng.startContainer, normRng.startOffset);
+            rng.setEnd(normRng.endContainer, normRng.endOffset);
+        });
+        container = rng.startContainer;
+        offset = rng.startOffset;
+        const shiftKey = !!(evt && evt.shiftKey);
+        const ctrlKey = !!(evt && evt.ctrlKey);
+        // Resolve node index
+        if (isElement$6(container) && container.hasChildNodes() && !collapsedAndCef) {
+            isAfterLastNodeInContainer = offset > container.childNodes.length - 1;
+            container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
+            if (isAfterLastNodeInContainer && isText$b(container)) {
+                offset = container.data.length;
+            }
+            else {
+                offset = 0;
+            }
+        }
+        // Get editable root node, normally the body element but sometimes a div or span
+        const editableRoot = getEditableRoot(dom, container);
+        // If there is no editable root then enter is done inside a contentEditable false element
+        if (!editableRoot || isWithinNonEditableList(editor, container)) {
+            return;
+        }
+        // Wrap the current node and it's sibling in a default block if it's needed.
+        // for example this <td>text|<b>text2</b></td> will become this <td><p>text|<b>text2</p></b></td>
+        // This won't happen if root blocks are disabled or the shiftKey is pressed
+        if (!shiftKey) {
+            container = wrapSelfAndSiblingsInDefaultBlock(editor, newBlockName, rng, container, offset);
+        }
+        // Find parent block and setup empty block paddings
+        let parentBlock = dom.getParent(container, dom.isBlock) || dom.getRoot();
+        containerBlock = isNonNullable(parentBlock === null || parentBlock === void 0 ? void 0 : parentBlock.parentNode) ? dom.getParent(parentBlock.parentNode, dom.isBlock) : null;
+        // Setup block names
+        parentBlockName = parentBlock ? parentBlock.nodeName.toUpperCase() : ''; // IE < 9 & HTML5
+        const containerBlockName = containerBlock ? containerBlock.nodeName.toUpperCase() : ''; // IE < 9 & HTML5
+        // Enter inside block contained within a LI then split or insert before/after LI
+        if (containerBlockName === 'LI' && !ctrlKey) {
+            const liBlock = containerBlock;
+            parentBlock = liBlock;
+            containerBlock = liBlock.parentNode;
+            parentBlockName = containerBlockName;
+        }
+        if (isElement$6(containerBlock) && isLastEmptyBlockInDetails(editor, shiftKey, parentBlock)) {
+            return insertNewLine(editor, createNewBlock$1, parentBlock);
+        }
+        // Handle enter in list item
+        if (/^(LI|DT|DD)$/.test(parentBlockName) && isElement$6(containerBlock)) {
+            // Handle enter inside an empty list item
+            if (dom.isEmpty(parentBlock)) {
+                insert$4(editor, createNewBlock$1, containerBlock, parentBlock, newBlockName);
+                return;
+            }
+        }
+        // Never split the body or blocks that we can't split like noneditable host elements
+        if (!collapsedAndCef && (parentBlock === editor.getBody() || !canSplitBlock(dom, parentBlock))) {
+            return;
+        }
+        const parentBlockParent = parentBlock.parentNode;
+        // Insert new block before/after the parent block depending on caret location
+        let newBlock;
+        if (collapsedAndCef) {
+            newBlock = createNewBlock$1(newBlockName);
+            child.fold(() => {
+                append$1(start, SugarElement.fromDom(newBlock));
+            }, (child) => {
+                before$3(child, SugarElement.fromDom(newBlock));
+            });
+            editor.selection.setCursorLocation(newBlock, 0);
+        }
+        else if (isCaretContainerBlock$1(parentBlock)) {
+            // TODO: TINY-10384 NOTE: Added logic to make sure pressing enter is consistent between browsers.
+            // As an example a fake caret is used before/after tables on Firefox but not on Chrome. So different behaviour could occur
+            newBlock = showCaretContainerBlock(parentBlock);
+            if (dom.isEmpty(parentBlock)) {
+                emptyBlock(parentBlock);
+            }
+            setForcedBlockAttrs(editor, newBlock);
+            moveToCaretPosition(editor, newBlock);
+        }
+        else if (isCaretAtStartOrEndOfBlock(false)) {
+            // Caret is moved to the new block in the insertNewBlockAfter fn
+            newBlock = insertNewBlockAfter();
+        }
+        else if (isCaretAtStartOrEndOfBlock(true) && parentBlockParent) {
+            // Check where caret is positioned before it is potentially moved by 'insertBefore' fn
+            const caretPos = CaretPosition.fromRangeStart(rng);
+            const afterTable = isAfterTable(caretPos);
+            const parentBlockSugar = SugarElement.fromDom(parentBlock);
+            const afterBr = isAfterBr(parentBlockSugar, caretPos, editor.schema);
+            const prevBrOpt = afterBr
+                ? findPreviousBr(parentBlockSugar, caretPos, editor.schema).bind((pos) => Optional.from(pos.getNode()))
+                : Optional.none();
+            newBlock = parentBlockParent.insertBefore(createNewBlock$1(), parentBlock);
+            const root = containerAndPreviousSiblingName(parentBlock, 'HR') || afterTable ? newBlock : prevBrOpt.getOr(parentBlock);
+            moveToCaretPosition(editor, root);
+        }
+        else {
+            // Extract after fragment and insert it after the current block
+            const tmpRng = includeZwspInRange(rng).cloneRange();
+            tmpRng.setEndAfter(parentBlock);
+            const fragment = tmpRng.extractContents();
+            trimZwsp(fragment);
+            trimLeadingLineBreaks(fragment);
+            newBlock = fragment.firstChild;
+            dom.insertAfter(fragment, parentBlock);
+            trimInlineElementsOnLeftSideOfBlock(dom, nonEmptyElementsMap, newBlock);
+            addBrToBlockIfNeeded(dom, parentBlock);
+            if (dom.isEmpty(parentBlock)) {
+                emptyBlock(parentBlock);
+            }
+            newBlock.normalize();
+            // New block might become empty if it's <p><b>a |</b></p>
+            if (dom.isEmpty(newBlock)) {
+                dom.remove(newBlock);
+                insertNewBlockAfter();
+            }
+            else {
+                setForcedBlockAttrs(editor, newBlock);
+                moveToCaretPosition(editor, newBlock);
+            }
+        }
+        dom.setAttrib(newBlock, 'id', ''); // Remove ID since it needs to be document unique
+        // Allow custom handling of new blocks
+        editor.dispatch('NewBlock', { newBlock });
+    };
+    const fakeEventName$1 = 'insertParagraph';
+    const blockbreak = {
+        insert: insert$3,
+        fakeEventName: fakeEventName$1
+    };
+
+    // Walks the parent block to the right and look for BR elements
+    const hasRightSideContent = (schema, container, parentBlock) => {
+        const walker = new DomTreeWalker(container, parentBlock);
+        let node;
+        const nonEmptyElementsMap = schema.getNonEmptyElements();
+        while ((node = walker.next())) {
+            if (nonEmptyElementsMap[node.nodeName.toLowerCase()] || isText$b(node) && node.length > 0) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const moveSelectionToBr = (editor, brElm, extraBr) => {
+        const rng = editor.dom.createRng();
+        if (!extraBr) {
+            rng.setStartAfter(brElm);
+            rng.setEndAfter(brElm);
+        }
+        else {
+            rng.setStartBefore(brElm);
+            rng.setEndBefore(brElm);
+        }
+        editor.selection.setRng(rng);
+        scrollRangeIntoView(editor, rng);
+    };
+    const insertBrAtCaret = (editor, evt) => {
+        // We load the current event in from EnterKey.js when appropriate to heed
+        // certain event-specific variations such as ctrl-enter in a list
+        const selection = editor.selection;
+        const dom = editor.dom;
+        const rng = selection.getRng();
+        let brElm;
+        let extraBr = false;
+        normalize$2(dom, rng).each((normRng) => {
+            rng.setStart(normRng.startContainer, normRng.startOffset);
+            rng.setEnd(normRng.endContainer, normRng.endOffset);
+        });
+        let offset = rng.startOffset;
+        let container = rng.startContainer;
+        // Resolve node index
+        if (isElement$6(container) && container.hasChildNodes()) {
+            const isAfterLastNodeInContainer = offset > container.childNodes.length - 1;
+            container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
+            if (isAfterLastNodeInContainer && isText$b(container)) {
+                offset = container.data.length;
+            }
+            else {
+                offset = 0;
+            }
+        }
+        let parentBlock = dom.getParent(container, dom.isBlock);
+        const containerBlock = parentBlock && parentBlock.parentNode ? dom.getParent(parentBlock.parentNode, dom.isBlock) : null;
+        const containerBlockName = containerBlock ? containerBlock.nodeName.toUpperCase() : ''; // IE < 9 & HTML5
+        // Enter inside block contained within a LI then split or insert before/after LI
+        const isControlKey = !!(evt && evt.ctrlKey);
+        if (containerBlockName === 'LI' && !isControlKey) {
+            parentBlock = containerBlock;
+        }
+        if (isText$b(container) && offset >= container.data.length) {
+            // Insert extra BR element at the end block elements
+            if (!hasRightSideContent(editor.schema, container, parentBlock || dom.getRoot())) {
+                brElm = dom.create('br');
+                rng.insertNode(brElm);
+                rng.setStartAfter(brElm);
+                rng.setEndAfter(brElm);
+                extraBr = true;
+            }
+        }
+        brElm = dom.create('br');
+        rangeInsertNode(dom, rng, brElm);
+        moveSelectionToBr(editor, brElm, extraBr);
+        editor.undoManager.add();
+    };
+    const insertBrBefore = (editor, inline) => {
+        const br = SugarElement.fromTag('br');
+        before$3(SugarElement.fromDom(inline), br);
+        editor.undoManager.add();
+    };
+    const insertBrAfter = (editor, inline) => {
+        if (!hasBrAfter(editor.getBody(), inline)) {
+            after$4(SugarElement.fromDom(inline), SugarElement.fromTag('br'));
+        }
+        const br = SugarElement.fromTag('br');
+        after$4(SugarElement.fromDom(inline), br);
+        moveSelectionToBr(editor, br.dom, false);
+        editor.undoManager.add();
+    };
+    const isBeforeBr = (pos) => {
+        return isBr$6(pos.getNode());
+    };
+    const hasBrAfter = (rootNode, startNode) => {
+        if (isBeforeBr(CaretPosition.after(startNode))) {
+            return true;
+        }
+        else {
+            return nextPosition(rootNode, CaretPosition.after(startNode))?.map((pos) => {
+                return isBr$6(pos.getNode());
+            }).getOr(false);
+        }
+    };
+    const isAnchorLink = (elm) => {
+        return elm && elm.nodeName === 'A' && 'href' in elm;
+    };
+    const isInsideAnchor = (location) => {
+        return location.fold(never, isAnchorLink, isAnchorLink, never);
+    };
+    const readInlineAnchorLocation = (editor) => {
+        const isInlineTarget$1 = curry(isInlineTarget, editor);
+        const position = CaretPosition.fromRangeStart(editor.selection.getRng());
+        return readLocation(isInlineTarget$1, editor.getBody(), position).filter(isInsideAnchor);
+    };
+    const insertBrOutsideAnchor = (editor, location) => {
+        location.fold(noop, curry(insertBrBefore, editor), curry(insertBrAfter, editor), noop);
+    };
+    const insert$2 = (editor, evt) => {
+        const anchorLocation = readInlineAnchorLocation(editor);
+        if (anchorLocation.isSome()) {
+            anchorLocation.each(curry(insertBrOutsideAnchor, editor));
+        }
+        else {
+            insertBrAtCaret(editor, evt);
+        }
+    };
+    const fakeEventName = 'insertLineBreak';
+    const linebreak = {
+        insert: insert$2,
+        fakeEventName
+    };
+
+    const matchesSelector = (editor, selector) => {
+        return getParentBlock$1(editor).filter((parentBlock) => {
+            return selector.length > 0 && is$1(SugarElement.fromDom(parentBlock), selector);
+        }).isSome();
+    };
+    const shouldInsertBr = (editor) => {
+        return matchesSelector(editor, getBrNewLineSelector(editor));
+    };
+    const shouldBlockNewLine$1 = (editor) => {
+        return matchesSelector(editor, getNoNewLineSelector(editor));
+    };
+
+    const newLineAction = Adt.generate([
+        { br: [] },
+        { block: [] },
+        { none: [] }
+    ]);
+    const shouldBlockNewLine = (editor, _shiftKey) => {
+        return shouldBlockNewLine$1(editor);
+    };
+    const inListBlock = (requiredState) => {
+        return (editor, _shiftKey) => {
+            return isListItemParentBlock(editor) === requiredState;
+        };
+    };
+    const inBlock = (blockName, requiredState) => (editor, _shiftKey) => {
+        const state = getParentBlockName(editor) === blockName.toUpperCase();
+        return state === requiredState;
+    };
+    const inCefBlock = (editor) => {
+        const editableRoot = getEditableRoot(editor.dom, editor.selection.getStart());
+        return isNullable(editableRoot);
+    };
+    const inPreBlock = (requiredState) => inBlock('pre', requiredState);
+    const inSummaryBlock = () => inBlock('summary', true);
+    const shouldPutBrInPre = (requiredState) => {
+        return (editor, _shiftKey) => {
+            return shouldPutBrInPre$1(editor) === requiredState;
+        };
+    };
+    const inBrContext = (editor, _shiftKey) => {
+        return shouldInsertBr(editor);
+    };
+    const hasShiftKey = (_editor, shiftKey) => {
+        return shiftKey;
+    };
+    const canInsertIntoEditableRoot = (editor) => {
+        const forcedRootBlock = getForcedRootBlock(editor);
+        const rootEditable = getEditableRoot(editor.dom, editor.selection.getStart());
+        return isNonNullable(rootEditable) && editor.schema.isValidChild(rootEditable.nodeName, forcedRootBlock);
+    };
+    const isInRootWithEmptyOrCEF = (editor) => {
+        const rng = editor.selection.getRng();
+        const start = SugarElement.fromDom(rng.startContainer);
+        const child = child$1(start, rng.startOffset);
+        const isCefOpt = child?.map((element) => isHTMLElement$1(element) && !isEditable$2(element));
+        return rng.collapsed && isCefOpt.getOr(true);
+    };
+    const match = (predicates, action) => {
+        return (editor, shiftKey) => {
+            const isMatch = foldl(predicates, (res, p) => {
+                return res && p(editor, shiftKey);
+            }, true);
+            return isMatch ? Optional?.some(action) : Optional.none();
+        };
+    };
+    const getAction = (editor, evt) => {
+        return evaluateUntil([
+            match([shouldBlockNewLine], newLineAction.none()),
+            // If the pre block is cef, do not try to insert a new line (or delete contents)
+            match([inPreBlock(true), inCefBlock], newLineAction.none()),
+            match([inSummaryBlock()], newLineAction.br()),
+            match([inPreBlock(true), shouldPutBrInPre(false), hasShiftKey], newLineAction.br()),
+            match([inPreBlock(true), shouldPutBrInPre(false)], newLineAction.block()),
+            match([inPreBlock(true), shouldPutBrInPre(true), hasShiftKey], newLineAction.block()),
+            match([inPreBlock(true), shouldPutBrInPre(true)], newLineAction.br()),
+            // TODO: TINY-9127 investigate if the list handling (and pre) is correct here.
+            match([inListBlock(true), hasShiftKey], newLineAction.br()),
+            match([inListBlock(true)], newLineAction.block()),
+            match([inBrContext], newLineAction.br()),
+            match([hasShiftKey], newLineAction.br()),
+            match([canInsertIntoEditableRoot], newLineAction.block()),
+            match([isInRootWithEmptyOrCEF], newLineAction.block())
+        ], [editor, !!(evt && evt.shiftKey)]).getOr(newLineAction.none());
+    };
+
+    const insertBreak = (breakType, editor, evt) => {
+        if (editor.mode.isReadOnly()) {
+            return;
+        }
+        if (!editor.selection.isCollapsed()) {
+            // IMPORTANT: We want to use the editor execCommand here, so that our `delete` execCommand
+            // overrides will be considered.
+            execEditorDeleteCommand(editor);
+        }
+        if (isNonNullable(evt)) {
+            const event = fireBeforeInputEvent(editor, breakType.fakeEventName);
+            if (event.isDefaultPrevented()) {
+                return;
+            }
+        }
+        breakType.insert(editor, evt);
+        if (isNonNullable(evt)) {
+            fireInputEvent(editor, breakType.fakeEventName);
+        }
+    };
+    const insert$1 = (editor, evt) => {
+        if (editor.mode.isReadOnly()) {
+            return;
+        }
+        const br = () => insertBreak(linebreak, editor, evt);
+        const block = () => insertBreak(blockbreak, editor, evt);
+        const logicalAction = getAction(editor, evt);
+        switch (getNewlineBehavior(editor)) {
+            case 'linebreak':
+                logicalAction.fold(br, br, noop);
+                break;
+            case 'block':
+                logicalAction.fold(block, block, noop);
+                break;
+            case 'invert':
+                logicalAction.fold(block, br, noop);
+                break;
+            // implied by the options processor, unnecessary
+            // case 'default':
+            default:
+                logicalAction.fold(br, block, noop);
+                break;
+        }
+    };
+
+    const platform$1 = detect$1();
+    const isIOSSafari = platform$1.os.isiOS() && platform$1.browser.isSafari();
+    const handleEnterKeyEvent = (editor, event) => {
+        if (event.isDefaultPrevented()) {
+            return;
+        }
+        event.preventDefault();
+        endTypingLevelIgnoreLocks(editor.undoManager);
+        editor.undoManager.transact(() => {
+            insert$1(editor, event);
+        });
+    };
+    const isCaretAfterKoreanCharacter = (rng) => {
+        if (!rng.collapsed) {
+            return false;
+        }
+        const startContainer = rng.startContainer;
+        if (isText$b(startContainer)) {
+            // Hangul: \uAC00-\uD7AF
+            // Hangul Jamo: \u1100-\u11FF
+            // Hangul Compatibility Jamo: \u3130-\u318F
+            // Hangul Jamo Extended-A: \uA960-\uA97F
+            // Hangul Jamo Extended-B: \uD7B0-\uD7FF
+            const koreanCharRegex = /^[\uAC00-\uD7AF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uD7B0-\uD7FF]$/;
+            const char = startContainer.data.charAt(rng.startOffset - 1);
+            return koreanCharRegex.test(char);
+        }
+        else {
+            return false;
+        }
+    };
+    const setup$i = (editor) => {
+        let iOSSafariKeydownBookmark = Optional.none();
+        const iOSSafariKeydownOverride = (editor) => {
+            iOSSafariKeydownBookmark = Optional?.some(editor.selection.getBookmark());
+            editor.undoManager.add();
+        };
+        const iOSSafariKeyupOverride = (editor, event) => {
+            editor.undoManager.undo();
+            iOSSafariKeydownBookmark.fold(noop, (b) => editor.selection.moveToBookmark(b));
+            handleEnterKeyEvent(editor, event);
+            iOSSafariKeydownBookmark = Optional.none();
+        };
+        editor.on('keydown', (event) => {
+            if (event.keyCode === VK.ENTER) {
+                if (isIOSSafari && isCaretAfterKoreanCharacter(editor.selection.getRng())) {
+                    // TINY-9746: iOS Safari composes Korean characters by deleting the previous partial character and inserting
+                    // the composed character. If the native Enter keypress event is not fired, iOS Safari will continue to compose across
+                    // our custom newline by deleting it and inserting the composed character on the previous line, causing a bug. The workaround
+                    // is to save a bookmark and an undo level on keydown while not preventing default to allow the native Enter keypress.
+                    // Then on keyup, the effects of the native Enter keypress is undone and our own Enter key handler is called.
+                    iOSSafariKeydownOverride(editor);
+                }
+                else {
+                    handleEnterKeyEvent(editor, event);
+                }
+            }
+        });
+        editor.on('keyup', (event) => {
+            if (event.keyCode === VK.ENTER) {
+                iOSSafariKeydownBookmark.each(() => iOSSafariKeyupOverride(editor, event));
+            }
+        });
+    };
+
+    const executeKeydownOverride$2 = (editor, caret, evt) => {
+        const isMac = Env.os.isMacOS() || Env.os.isiOS();
+        execute([
+            { keyCode: VK.END, action: action(moveToLineEndPoint$1, editor, true) },
+            { keyCode: VK.HOME, action: action(moveToLineEndPoint$1, editor, false) },
+            ...(!isMac ? [
+                { keyCode: VK.HOME, action: action(selectToEndPoint, editor, false), ctrlKey: true, shiftKey: true },
+                { keyCode: VK.END, action: action(selectToEndPoint, editor, true), ctrlKey: true, shiftKey: true }
+            ] : []),
+            { keyCode: VK.END, action: action(moveToLineEndPoint, editor, true) },
+            { keyCode: VK.HOME, action: action(moveToLineEndPoint, editor, false) },
+            { keyCode: VK.END, action: action(moveToLineEndPoint$2, editor, true, caret) },
+            { keyCode: VK.HOME, action: action(moveToLineEndPoint$2, editor, false, caret) }
+        ], evt).each((_) => {
+            evt.preventDefault();
+        });
+    };
+    const setup$h = (editor, caret) => {
+        editor.on('keydown', (evt) => {
+            if (!evt.isDefaultPrevented()) {
+                executeKeydownOverride$2(editor, caret, evt);
+            }
+        });
+    };
+
+    const setup$g = (editor) => {
+        editor.on('input', (e) => {
+            // We only care about non composing inputs since moving the caret or modifying the text node will blow away the IME
+            if (!e.isComposing) {
+                normalizeNbspsInEditor(editor);
+            }
+        });
+    };
+
+    const platform = detect$1();
+    const executeKeyupAction = (editor, caret, evt) => {
+        execute([
+            { keyCode: VK.PAGE_UP, action: action(moveToLineEndPoint$2, editor, false, caret) },
+            { keyCode: VK.PAGE_DOWN, action: action(moveToLineEndPoint$2, editor, true, caret) }
+        ], evt);
+    };
+    const stopImmediatePropagation = (e) => e.stopImmediatePropagation();
+    const isPageUpDown = (evt) => evt.keyCode === VK.PAGE_UP || evt.keyCode === VK.PAGE_DOWN;
+    const setNodeChangeBlocker = (blocked, editor, block) => {
+        // Node change event is only blocked while the user is holding down the page up/down key it would have limited effects on other things
+        // Prevents a flickering UI while caret move in and out of the inline boundary element
+        if (block && !blocked.get()) {
+            editor.on('NodeChange', stopImmediatePropagation, true);
+        }
+        else if (!block && blocked.get()) {
+            editor.off('NodeChange', stopImmediatePropagation);
+        }
+        blocked.set(block);
+    };
+    // Determining the correct placement on key up/down is very complicated and would require handling many edge cases,
+    // which we don't have the resources to handle currently. As such, we allow the browser to change the selection and then make adjustments later.
+    const setup$f = (editor, caret) => {
+        // Mac OS doesn't move the selection when pressing page up/down and as such TinyMCE shouldn't be moving it either
+        if (platform.os.isMacOS()) {
+            return;
+        }
+        const blocked = Cell(false);
+        editor.on('keydown', (evt) => {
+            if (isPageUpDown(evt)) {
+                setNodeChangeBlocker(blocked, editor, true);
+            }
+        });
+        editor.on('keyup', (evt) => {
+            if (!evt.isDefaultPrevented()) {
+                executeKeyupAction(editor, caret, evt);
+            }
+            if (isPageUpDown(evt) && blocked.get()) {
+                setNodeChangeBlocker(blocked, editor, false);
+                editor.nodeChanged();
+            }
+        });
+    };
+
+    const isValidContainer = (root, container) => root === container || root.contains(container);
+    const isInEditableRange = (editor, range) => {
+        // If the range is not in the body then it's in a shadow root and we should allow that more details in: TINY-11446
+        if (!isValidContainer(editor.getBody(), range.startContainer) || !isValidContainer(editor.getBody(), range.endContainer)) {
+            return true;
+        }
+        return isEditableRange(editor.dom, range);
+    };
+    const setup$e = (editor) => {
+        editor.on('beforeinput', (e) => {
+            // Normally input is blocked on non-editable elements that have contenteditable="false" however we are also treating
+            // SVG elements as non-editable and deleting inside or into is possible in some browsers so we need to detect that and prevent that.
+            if (!editor.selection.isEditable() || exists(e.getTargetRanges(), (rng) => !isInEditableRange(editor, rng))) {
+                e.preventDefault();
+            }
+        });
+    };
+
+    const insertTextAtPosition = (text, pos) => {
+        const container = pos.container();
+        const offset = pos.offset();
+        if (isText$b(container)) {
+            container.insertData(offset, text);
+            return Optional?.some(CaretPosition(container, offset + text.length));
+        }
+        else {
+            return getElementFromPosition(pos)?.map((elm) => {
+                const textNode = SugarElement.fromText(text);
+                if (pos.isAtEnd()) {
+                    after$4(elm, textNode);
+                }
+                else {
+                    before$3(elm, textNode);
+                }
+                return CaretPosition(textNode.dom, text.length);
+            });
+        }
+    };
+    const insertNbspAtPosition = curry(insertTextAtPosition, nbsp);
+    const insertSpaceAtPosition = curry(insertTextAtPosition, ' ');
+
+    const insertSpaceOrNbspAtPosition = (root, pos, schema) => needsToHaveNbsp(root, pos, schema) ? insertNbspAtPosition(pos) : insertSpaceAtPosition(pos);
+    const locationToCaretPosition = (root) => (location) => location.fold((element) => prevPosition(root.dom, CaretPosition.before(element)), (element) => firstPositionIn(element), (element) => lastPositionIn(element), (element) => nextPosition(root.dom, CaretPosition.after(element)));
+    const insertInlineBoundarySpaceOrNbsp = (root, pos, schema) => (checkPos) => needsToHaveNbsp(root, checkPos, schema) ? insertNbspAtPosition(pos) : insertSpaceAtPosition(pos);
+    const setSelection = (editor) => (pos) => {
+        editor.selection.setRng(pos.toRange());
+        editor.nodeChanged();
+    };
+    const isInsideSummary = (domUtils, node) => domUtils.isEditable(domUtils.getParent(node, 'summary'));
+    const insertSpaceOrNbspAtSelection = (editor) => {
+        const pos = CaretPosition.fromRangeStart(editor.selection.getRng());
+        const root = SugarElement.fromDom(editor.getBody());
+        if (editor.selection.isCollapsed()) {
+            const isInlineTarget$1 = curry(isInlineTarget, editor);
+            const caretPosition = CaretPosition.fromRangeStart(editor.selection.getRng());
+            return readLocation(isInlineTarget$1, editor.getBody(), caretPosition)
+                .bind(locationToCaretPosition(root))
+                ?.map((checkPos) => () => insertInlineBoundarySpaceOrNbsp(root, pos, editor.schema)(checkPos).each(setSelection(editor)));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    // TINY-9964: Firefox has a bug where the space key is toggling the open state instead of inserting a space in a summary element
+    const insertSpaceInSummaryAtSelectionOnFirefox = (editor) => {
+        const insertSpaceThunk = () => {
+            const root = SugarElement.fromDom(editor.getBody());
+            if (!editor.selection.isCollapsed()) {
+                editor.getDoc().execCommand('Delete');
+            }
+            const pos = CaretPosition.fromRangeStart(editor.selection.getRng());
+            insertSpaceOrNbspAtPosition(root, pos, editor.schema).each(setSelection(editor));
+        };
+        return someIf(Env.browser.isFirefox() && editor.selection.isEditable() && isInsideSummary(editor.dom, editor.selection.getRng().startContainer), insertSpaceThunk);
+    };
+
+    const executeKeydownOverride$1 = (editor, evt) => {
+        executeWithDelayedAction([
+            { keyCode: VK.SPACEBAR, action: action(insertSpaceOrNbspAtSelection, editor) },
+            { keyCode: VK.SPACEBAR, action: action(insertSpaceInSummaryAtSelectionOnFirefox, editor) }
+        ], evt).each((applyAction) => {
+            evt.preventDefault();
+            const event = fireBeforeInputEvent(editor, 'insertText', { data: ' ' });
+            if (!event.isDefaultPrevented()) {
+                applyAction();
+                // Browsers sends space in data even if the dom ends up with a nbsp so we should always be sending a space
+                fireInputEvent(editor, 'insertText', { data: ' ' });
+            }
+        });
+    };
+    const setup$d = (editor) => {
+        editor.on('keydown', (evt) => {
+            if (!evt.isDefaultPrevented()) {
+                executeKeydownOverride$1(editor, evt);
+            }
+        });
+    };
+
+    const tableTabNavigation = (editor) => {
+        if (hasTableTabNavigation(editor)) {
+            return [
+                { keyCode: VK.TAB, action: action(handleTab, editor, true) },
+                { keyCode: VK.TAB, shiftKey: true, action: action(handleTab, editor, false) },
+            ];
+        }
+        else {
+            return [];
+        }
+    };
+    const executeKeydownOverride = (editor, evt) => {
+        execute([
+            ...tableTabNavigation(editor)
+        ], evt).each((_) => {
+            evt.preventDefault();
+        });
+    };
+    const setup$c = (editor) => {
+        editor.on('keydown', (evt) => {
+            if (!evt.isDefaultPrevented()) {
+                executeKeydownOverride(editor, evt);
+            }
+        });
+    };
+
+    const setup$b = (editor) => {
+        editor.addShortcut('Meta+P', '', 'mcePrint');
+        setup$k(editor);
+        if (isRtc(editor)) {
+            return Cell(null);
+        }
+        else {
+            const caret = setupSelectedState(editor);
+            setup$e(editor);
+            setup$m(editor);
+            setup$l(editor, caret);
+            setup$j(editor, caret);
+            setup$i(editor);
+            setup$d(editor);
+            setup$g(editor);
+            setup$c(editor);
+            setup$h(editor, caret);
+            setup$f(editor, caret);
+            return caret;
+        }
+    };
+
+    /**
+     * This class handles the nodechange event dispatching both manual and through selection change events.
+     *
+     * @class tinymce.NodeChange
+     * @private
+     */
+    class NodeChange {
+        constructor(editor) {
+            this.lastPath = [];
+            this.editor = editor;
+            let lastRng;
+            const self = this;
+            // Gecko doesn't support the "selectionchange" event
+            if (!('onselectionchange' in editor.getDoc())) {
+                editor.on('NodeChange click mouseup keyup focus', (e) => {
+                    // Since DOM Ranges mutate on modification
+                    // of the DOM we need to clone it's contents
+                    const nativeRng = editor.selection.getRng();
+                    const fakeRng = {
+                        startContainer: nativeRng.startContainer,
+                        startOffset: nativeRng.startOffset,
+                        endContainer: nativeRng.endContainer,
+                        endOffset: nativeRng.endOffset
+                    };
+                    // Always treat nodechange as a selectionchange since applying
+                    // formatting to the current range wouldn't update the range but it's parent
+                    if (e.type === 'nodechange' || !isEq$4(fakeRng, lastRng)) {
+                        editor.dispatch('SelectionChange');
+                    }
+                    lastRng = fakeRng;
+                });
+            }
+            // IE has a bug where it fires a selectionchange on right click that has a range at the start of the body
+            // When the contextmenu event fires the selection is located at the right location
+            editor.on('contextmenu', () => {
+                store(editor);
+                editor.dispatch('SelectionChange');
+            });
+            // Selection change is delayed ~200ms on IE when you click inside the current range
+            editor.on('SelectionChange', () => {
+                const startElm = editor.selection.getStart(true);
+                // When focusout from after cef element to other input element the startelm can be undefined
+                if (!startElm) {
+                    return;
+                }
+                if (hasAnyRanges(editor) && !self.isSameElementPath(startElm) && editor.dom.isChildOf(startElm, editor.getBody())) {
+                    editor.nodeChanged({ selectionChange: true });
+                }
+            });
+            // Fire an extra nodeChange on mouseup for compatibility reasons
+            editor.on('mouseup', (e) => {
+                if (!e.isDefaultPrevented() && hasAnyRanges(editor)) {
+                    // Delay nodeChanged call for WebKit edge case issue where the range
+                    // isn't updated until after you click outside a selected image
+                    if (editor.selection.getNode().nodeName === 'IMG') {
+                        Delay.setEditorTimeout(editor, () => {
+                            editor.nodeChanged();
+                        });
+                    }
+                    else {
+                        editor.nodeChanged();
+                    }
+                }
+            });
+        }
+        /**
+         * Dispatches out a onNodeChange event to all observers. This method should be called when you
+         * need to update the UI states or element path etc.
+         *
+         * @method nodeChanged
+         * @param {Object} args Optional args to pass to NodeChange event handlers.
+         */
+        nodeChanged(args = {}) {
+            const editor = this.editor;
+            const selection = editor.selection;
+            let node;
+            // Fix for bug #1896577 it seems that this can not be fired while the editor is loading
+            if (editor.initialized && selection && !shouldDisableNodeChange(editor) && !isDisabled$1(editor)) {
+                // Get start node
+                const root = editor.getBody();
+                node = selection.getStart(true) || root;
+                // Make sure the node is within the editor root or is the editor root
+                if (node.ownerDocument !== editor.getDoc() || !editor.dom.isChildOf(node, root)) {
+                    node = root;
+                }
+                // Get parents and add them to object
+                const parents = [];
+                editor.dom.getParent(node, (node) => {
+                    if (node === root) {
+                        return true;
+                    }
+                    else {
+                        parents.push(node);
+                        return false;
+                    }
+                });
+                editor.dispatch('NodeChange', {
+                    ...args,
+                    element: node,
+                    parents
+                });
+            }
+        }
+        /**
+         * Returns true/false if the current element path has been changed or not.
+         *
+         * @private
+         * @return {Boolean} True if the element path is the same false if it's not.
+         */
+        isSameElementPath(startElm) {
+            let i;
+            const editor = this.editor;
+            const currentPath = reverse(editor.dom.getParents(startElm, always, editor.getBody()));
+            if (currentPath.length === this.lastPath.length) {
+                for (i = currentPath.length; i >= 0; i--) {
+                    if (currentPath[i] !== this.lastPath[i]) {
+                        break;
+                    }
+                }
+                if (i === -1) {
+                    this.lastPath = currentPath;
+                    return true;
+                }
+            }
+            this.lastPath = currentPath;
+            return false;
+        }
+    }
+
+    const internalMimeType = 'x-tinymce/html';
+    const internalHtmlMime = constant(internalMimeType);
+    const internalMark = '<!-- ' + internalMimeType + ' -->';
+    const mark = (html) => internalMark + html;
+    const unmark = (html) => html.replace(internalMark, '');
+    const isMarked = (html) => html.indexOf(internalMark) !== -1;
+
+    /*
+     * This module contains utilities to convert newlines (\n or \r\n) to BRs or to a combination of the specified block element and BRs
+     */
+    const isPlainText = (text) => {
+        // so basically any tag that is not one of the "p, div, span, br", or is one of them, but is followed
+        // by some additional characters qualifies the text as not a plain text (having some HTML tags)
+        // <span style="white-space:pre"> and <br /> are added as separate exceptions to the rule
+        return !/<(?:\/?(?!(?:div|p|br|span)>)\w+|(?:(?!(?:span style="white-space:\s?pre;?">)|br\s?\/>))\w+\s[^>]+)>/i.test(text);
+    };
+    const openContainer = (rootTag, rootAttrs) => {
+        let tag = '<' + rootTag;
+        const attrs = mapToArray(rootAttrs, (value, key) => key + '="' + Entities.encodeAllRaw(value) + '"');
+        if (attrs.length) {
+            tag += ' ' + attrs.join(' ');
+        }
+        return tag + '>';
+    };
+    const toBlockElements = (text, rootTag, rootAttrs) => {
+        const blocks = text.split(/\n\n/);
+        const tagOpen = openContainer(rootTag, rootAttrs);
+        const tagClose = '</' + rootTag + '>';
+        const paragraphs = map$3(blocks, (p) => {
+            return p.split(/\n/).join('<br />');
+        });
+        const stitch = (p) => {
+            return tagOpen + p + tagClose;
+        };
+        return paragraphs.length === 1 ? paragraphs[0] : map$3(paragraphs, stitch).join('');
+    };
+
+    const pasteBinDefaultContent = '%MCEPASTEBIN%';
+    /*
+     * Creates a paste bin element as close as possible to the current caret location and places the focus inside that element
+     * so that when the real paste event occurs the contents gets inserted into this element
+     * instead of the current editor selection element.
+     */
+    const create$5 = (editor, lastRngCell) => {
+        const { dom, selection } = editor;
+        const body = editor.getBody();
+        lastRngCell.set(selection.getRng());
+        // Create a pastebin
+        const pasteBinElm = dom.add(editor.getBody(), 'div', {
+            'id': 'mcepastebin',
+            'class': 'mce-pastebin',
+            'contentEditable': true,
+            'data-mce-bogus': 'all',
+            'style': 'position: fixed; top: 50%; width: 10px; height: 10px; overflow: hidden; opacity: 0'
+        }, pasteBinDefaultContent);
+        // Move paste bin out of sight since the controlSelection rect gets displayed otherwise on Gecko
+        if (Env.browser.isFirefox()) {
+            dom.setStyle(pasteBinElm, 'left', dom.getStyle(body, 'direction', true) === 'rtl' ? 0xFFFF : -0xFFFF);
+        }
+        // Prevent focus events from bubbling fixed FocusManager issues
+        dom.bind(pasteBinElm, 'beforedeactivate focusin focusout', (e) => {
+            e.stopPropagation();
+        });
+        pasteBinElm.focus();
+        selection.select(pasteBinElm, true);
+    };
+    /*
+     * Removes the paste bin if it exists.
+     */
+    const remove = (editor, lastRngCell) => {
+        const dom = editor.dom;
+        if (getEl(editor)) {
+            let pasteBinClone;
+            const lastRng = lastRngCell.get();
+            // WebKit/Blink might clone the div so
+            // lets make sure we remove all clones
+            // TODO: Man o man is this ugly. WebKit is the new IE! Remove this if they ever fix it!
+            while ((pasteBinClone = getEl(editor))) {
+                dom.remove(pasteBinClone);
+                dom.unbind(pasteBinClone);
+            }
+            if (lastRng) {
+                editor.selection.setRng(lastRng);
+            }
+        }
+        lastRngCell.set(null);
+    };
+    const getEl = (editor) => editor.dom.get('mcepastebin');
+    const isPasteBin = (elm) => isNonNullable(elm) && elm.id === 'mcepastebin';
+    /*
+     * Returns the contents of the paste bin as a HTML string.
+     */
+    const getHtml = (editor) => {
+        const dom = editor.dom;
+        // Since WebKit/Chrome might clone the paste bin when pasting
+        // for example: <img style="float: right"> we need to check if any of them contains some useful html.
+        // TODO: Man o man is this ugly. WebKit is the new IE! Remove this if they ever fix it!
+        const copyAndRemove = (toElm, fromElm) => {
+            toElm.appendChild(fromElm);
+            dom.remove(fromElm, true); // remove, but keep children
+        };
+        // find only top level elements (there might be more nested inside them as well, see TINY-1162)
+        const [pasteBinElm, ...pasteBinClones] = filter$5(editor.getBody().childNodes, isPasteBin);
+        // if clones were found, move their content into the first bin
+        each$e(pasteBinClones, (pasteBinClone) => {
+            copyAndRemove(pasteBinElm, pasteBinClone);
+        });
+        // TINY-1162: when copying plain text (from notepad for example) WebKit clones
+        // paste bin (with styles and attributes) and uses it as a default  wrapper for
+        // the chunks of the content, here we cycle over the whole paste bin and replace
+        // those wrappers with a basic div
+        const dirtyWrappers = dom.select('div[id=mcepastebin]', pasteBinElm);
+        for (let i = dirtyWrappers.length - 1; i >= 0; i--) {
+            const cleanWrapper = dom.create('div');
+            pasteBinElm.insertBefore(cleanWrapper, dirtyWrappers[i]);
+            copyAndRemove(cleanWrapper, dirtyWrappers[i]);
+        }
+        return pasteBinElm ? pasteBinElm.innerHTML : '';
+    };
+    const isDefaultPasteBinContent = (content) => content === pasteBinDefaultContent;
+    const PasteBin = (editor) => {
+        const lastRng = Cell(null);
+        return {
+            create: () => create$5(editor, lastRng),
+            remove: () => remove(editor, lastRng),
+            getEl: () => getEl(editor),
+            getHtml: () => getHtml(editor),
+            getLastRng: lastRng.get
+        };
+    };
+
+    /*
+     * This module contains various utility functions for the paste logic.
+     */
+    const filter = (content, items) => {
+        Tools.each(items, (v) => {
+            if (is$4(v, RegExp)) {
+                content = content.replace(v, '');
+            }
+            else {
+                content = content.replace(v[0], v[1]);
+            }
+        });
+        return content;
+    };
+    /*
+     * Gets the innerText of the specified element. It will handle edge cases
+     * and works better than textContent on Gecko.
+     */
+    const innerText = (html) => {
+        const schema = Schema();
+        const domParser = DomParser({}, schema);
+        let text = '';
+        const voidElements = schema.getVoidElements();
+        const ignoreElements = Tools.makeMap('script noscript style textarea video audio iframe object', ' ');
+        const blockElements = schema.getBlockElements();
+        const walk = (node) => {
+            const name = node.name, currentNode = node;
+            if (name === 'br') {
+                text += '\n';
+                return;
+            }
+            // Ignore wbr, to replicate innerText on Chrome/Firefox
+            if (name === 'wbr') {
+                return;
+            }
+            // img/input/hr but ignore wbr as it's just a potential word break
+            if (voidElements[name]) {
+                text += ' ';
+            }
+            // Ignore script, video contents
+            if (ignoreElements[name]) {
+                text += ' ';
+                return;
+            }
+            if (node.type === 3) {
+                text += node.value;
+            }
+            // Walk all children
+            if (!(node.name in schema.getVoidElements())) {
+                let currentNode = node.firstChild;
+                if (currentNode) {
+                    do {
+                        walk(currentNode);
+                    } while ((currentNode = currentNode.next));
+                }
+            }
+            // Add \n or \n\n for blocks or P
+            if (blockElements[name] && currentNode.next) {
+                text += '\n';
+                if (name === 'p') {
+                    text += '\n';
+                }
+            }
+        };
+        html = filter(html, [
+            /<!\[[^\]]+\]>/g // Conditional comments
+        ]);
+        walk(domParser.parse(html));
+        return text;
+    };
+    /*
+     * Trims the specified HTML by removing all WebKit fragments, all elements wrapping the body trailing BR elements etc.
+     */
+    const trimHtml = (html) => {
+        const trimSpaces = (all, s1, s2) => {
+            // WebKit &nbsp; meant to preserve multiple spaces but instead inserted around all inline tags,
+            // including the spans with inline styles created on paste
+            if (!s1 && !s2) {
+                return ' ';
+            }
+            return nbsp;
+        };
+        html = filter(html, [
+            /^[\s\S]*<body[^>]*>\s*|\s*<\/body[^>]*>[\s\S]*$/ig, // Remove anything but the contents within the BODY element
+            /<!--StartFragment-->|<!--EndFragment-->/g, // Inner fragments (tables from excel on mac)
+            [/( ?)<span class="Apple-converted-space">\u00a0<\/span>( ?)/g, trimSpaces],
+            /<br class="Apple-interchange-newline">/g,
+            /<br>$/i // Trailing BR elements
+        ]);
+        return html;
+    };
+    // TODO: Should be in some global class
+    const createIdGenerator = (prefix) => {
+        let count = 0;
+        return () => {
+            return prefix + (count++);
+        };
+    };
+    const getImageMimeType = (ext) => {
+        const lowerExt = ext.toLowerCase();
+        const mimeOverrides = {
+            jpg: 'jpeg',
+            jpe: 'jpeg',
+            jfi: 'jpeg',
+            jif: 'jpeg',
+            jfif: 'jpeg',
+            pjpeg: 'jpeg',
+            pjp: 'jpeg',
+            svg: 'svg+xml'
+        };
+        return Tools.hasOwn(mimeOverrides, lowerExt) ? 'image/' + mimeOverrides[lowerExt] : 'image/' + lowerExt;
+    };
+
+    const preProcess = (editor, html) => {
+        const parser = DomParser({
+            sanitize: shouldSanitizeXss(editor),
+            sandbox_iframes: shouldSandboxIframes(editor),
+            sandbox_iframes_exclusions: getSandboxIframesExclusions(editor),
+            convert_unsafe_embeds: shouldConvertUnsafeEmbeds(editor)
+        }, editor.schema);
+        // Strip meta elements
+        parser.addNodeFilter('meta', (nodes) => {
+            Tools.each(nodes, (node) => {
+                node.remove();
+            });
+        });
+        const fragment = parser.parse(html, { forced_root_block: false, isRootContent: true });
+        return HtmlSerializer({ validate: true }, editor.schema).serialize(fragment);
+    };
+    const processResult = (content, cancelled) => ({ content, cancelled });
+    const postProcessFilter = (editor, html, internal) => {
+        const tempBody = editor.dom.create('div', { style: 'display:none' }, html);
+        const postProcessArgs = firePastePostProcess(editor, tempBody, internal);
+        return processResult(postProcessArgs.node.innerHTML, postProcessArgs.isDefaultPrevented());
+    };
+    const filterContent = (editor, content, internal) => {
+        const preProcessArgs = firePastePreProcess(editor, content, internal);
+        // Filter the content to remove potentially dangerous content (eg scripts)
+        const filteredContent = preProcess(editor, preProcessArgs.content);
+        if (editor.hasEventListeners('PastePostProcess') && !preProcessArgs.isDefaultPrevented()) {
+            return postProcessFilter(editor, filteredContent, internal);
+        }
+        else {
+            return processResult(filteredContent, preProcessArgs.isDefaultPrevented());
+        }
+    };
+    const process = (editor, html, internal) => {
+        return filterContent(editor, html, internal);
+    };
+
+    const pasteHtml$1 = (editor, html) => {
+        editor.insertContent(html, {
+            merge: shouldPasteMergeFormats(editor),
+            paste: true
+        });
+        return true;
+    };
+    const isAbsoluteUrl = (url) => /^https?:\/\/[\w\-\/+=.,!;:&%@^~(){}?#]+$/i.test(url);
+    const isImageUrl = (editor, url) => {
+        return isAbsoluteUrl(url) && exists(getAllowedImageFileTypes(editor), (type) => endsWith(url.toLowerCase(), `.${type.toLowerCase()}`));
+    };
+    const createImage = (editor, url, pasteHtmlFn) => {
+        editor.undoManager.extra(() => {
+            pasteHtmlFn(editor, url);
+        }, () => {
+            editor.insertContent('<img src="' + url + '">');
+        });
+        return true;
+    };
+    const createLink = (editor, url, pasteHtmlFn) => {
+        editor.undoManager.extra(() => {
+            pasteHtmlFn(editor, url);
+        }, () => {
+            editor.execCommand('mceInsertLink', false, url);
+        });
+        return true;
+    };
+    const linkSelection = (editor, html, pasteHtmlFn) => !editor.selection.isCollapsed() && isAbsoluteUrl(html) ? createLink(editor, html, pasteHtmlFn) : false;
+    const insertImage = (editor, html, pasteHtmlFn) => isImageUrl(editor, html) ? createImage(editor, html, pasteHtmlFn) : false;
+    const smartInsertContent = (editor, html) => {
+        Tools.each([
+            linkSelection,
+            insertImage,
+            pasteHtml$1
+        ], (action) => {
+            return !action(editor, html, pasteHtml$1);
+        });
+    };
+    const insertContent = (editor, html, pasteAsText) => {
+        if (pasteAsText || !isSmartPasteEnabled(editor)) {
+            pasteHtml$1(editor, html);
+        }
+        else {
+            smartInsertContent(editor, html);
+        }
+    };
+
+    const uniqueId = createIdGenerator('mceclip');
+    const createPasteDataTransfer = (html) => {
+        const dataTransfer = createDataTransfer();
+        setHtmlData(dataTransfer, html);
+        // TINY-9829: Set to read-only mode as per https://www.w3.org/TR/input-events-2/
+        setReadOnlyMode(dataTransfer);
+        return dataTransfer;
+    };
+    const doPaste = (editor, content, internal, pasteAsText, shouldSimulateInputEvent) => {
+        const res = process(editor, content, internal);
+        if (!res.cancelled) {
+            const content = res.content;
+            const doPasteAction = () => insertContent(editor, content, pasteAsText);
+            if (shouldSimulateInputEvent) {
+                const args = fireBeforeInputEvent(editor, 'insertFromPaste', { dataTransfer: createPasteDataTransfer(content) });
+                if (!args.isDefaultPrevented()) {
+                    doPasteAction();
+                    fireInputEvent(editor, 'insertFromPaste');
+                }
+            }
+            else {
+                doPasteAction();
+            }
+        }
+    };
+    /*
+     * Pastes the specified HTML. This means that the HTML is filtered and then
+     * inserted at the current selection in the editor. It will also fire paste events
+     * for custom user filtering.
+     */
+    const pasteHtml = (editor, html, internalFlag, shouldSimulateInputEvent) => {
+        const internal = internalFlag ? internalFlag : isMarked(html);
+        doPaste(editor, unmark(html), internal, false, shouldSimulateInputEvent);
+    };
+    /*
+     * Pastes the specified text. This means that the plain text is processed
+     * and converted into BR and P elements. It will fire paste events for custom filtering.
+     */
+    const pasteText = (editor, text, shouldSimulateInputEvent) => {
+        const encodedText = editor.dom.encode(text).replace(/\r\n/g, '\n');
+        const normalizedText = normalize$4(encodedText, getPasteTabSpaces(editor));
+        const html = toBlockElements(normalizedText, getForcedRootBlock(editor), getForcedRootBlockAttrs(editor));
+        doPaste(editor, html, false, true, shouldSimulateInputEvent);
+    };
+    /*
+     * Gets various content types out of a datatransfer object.
+     */
+    const getDataTransferItems = (dataTransfer) => {
+        const items = {};
+        if (dataTransfer && dataTransfer.types) {
+            for (let i = 0; i < dataTransfer.types.length; i++) {
+                const contentType = dataTransfer.types[i];
+                try { // IE11 throws exception when contentType is Files (type is present but data cannot be retrieved via getData())
+                    items[contentType] = dataTransfer.getData(contentType);
+                }
+                catch (_a) {
+                    items[contentType] = ''; // useless in general, but for consistency across browsers
+                }
+            }
+        }
+        return items;
+    };
+    const hasContentType = (clipboardContent, mimeType) => mimeType in clipboardContent && clipboardContent[mimeType].length > 0;
+    const hasHtmlOrText = (content) => hasContentType(content, 'text/html') || hasContentType(content, 'text/plain');
+    const extractFilename = (editor, str) => {
+        const m = str.match(/([\s\S]+?)(?:\.[a-z0-9.]+)$/i);
+        return isNonNullable(m) ? editor.dom.encode(m[1]) : undefined;
+    };
+    const createBlobInfo = (editor, blobCache, file, base64) => {
+        const id = uniqueId();
+        const useFileName = shouldReuseFileName(editor) && isNonNullable(file.name);
+        const name = useFileName ? extractFilename(editor, file.name) : id;
+        const filename = useFileName ? file.name : undefined;
+        const blobInfo = blobCache.create(id, file, base64, name, filename);
+        blobCache.add(blobInfo);
+        return blobInfo;
+    };
+    const pasteImage = (editor, imageItem) => {
+        parseDataUri(imageItem.uri).each(({ data, type, base64Encoded }) => {
+            const base64 = base64Encoded ? data : btoa(data);
+            const file = imageItem.file;
+            // TODO: Move the bulk of the cache logic to EditorUpload
+            const blobCache = editor.editorUpload.blobCache;
+            const existingBlobInfo = blobCache.getByData(base64, type);
+            const blobInfo = existingBlobInfo !== null && existingBlobInfo !== void 0 ? existingBlobInfo : createBlobInfo(editor, blobCache, file, base64);
+            pasteHtml(editor, `<img src="${blobInfo.blobUri()}">`, false, true);
+        });
+    };
+    const isClipboardEvent = (event) => event.type === 'paste';
+    const readFilesAsDataUris = (items) => Promise.all(map$3(items, (file) => {
+        return blobToDataUri(file).then((uri) => ({ file, uri }));
+    }));
+    const isImage = (editor) => {
+        const allowedExtensions = getAllowedImageFileTypes(editor);
+        return (file) => startsWith(file.type, 'image/') && exists(allowedExtensions, (extension) => {
+            return getImageMimeType(extension) === file.type;
+        });
+    };
+    const getImagesFromDataTransfer = (editor, dataTransfer) => {
+        const items = dataTransfer.items ? bind$3(from(dataTransfer.items), (item) => {
+            return item.kind === 'file' ? [item.getAsFile()] : [];
+        }) : [];
+        const files = dataTransfer.files ? from(dataTransfer.files) : [];
+        return filter$5(items.length > 0 ? items : files, isImage(editor));
+    };
+    /*
+     * Checks if the clipboard contains image data if it does it will take that data
+     * and convert it into a data url image and paste that image at the caret location.
+     */
+    const pasteImageData = (editor, e, rng) => {
+        const dataTransfer = isClipboardEvent(e) ? e.clipboardData : e.dataTransfer;
+        if (shouldPasteDataImages(editor) && dataTransfer) {
+            const images = getImagesFromDataTransfer(editor, dataTransfer);
+            if (images.length > 0) {
+                e.preventDefault();
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                readFilesAsDataUris(images).then((fileResults) => {
+                    if (rng) {
+                        editor.selection.setRng(rng);
+                    }
+                    each$e(fileResults, (result) => {
+                        pasteImage(editor, result);
+                    });
+                });
+                return true;
+            }
+        }
+        return false;
+    };
+    // Chrome on Android doesn't support proper clipboard access so we have no choice but to allow the browser default behavior.
+    const isBrokenAndroidClipboardEvent = (e) => { var _a, _b; return Env.os.isAndroid() && ((_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length) === 0; };
+    // Ctrl+V or Shift+Insert
+    const isKeyboardPasteEvent = (e) => (VK.metaKeyPressed(e) && e.keyCode === 86) || (e.shiftKey && e.keyCode === 45);
+    const insertClipboardContent = (editor, clipboardContent, html, plainTextMode, shouldSimulateInputEvent) => {
+        let content = trimHtml(html);
+        const isInternal = hasContentType(clipboardContent, internalHtmlMime()) || isMarked(html);
+        const isPlainTextHtml = !isInternal && isPlainText(content);
+        const isAbsoluteUrl$1 = isAbsoluteUrl(content);
+        // If the paste bin is empty try using plain text mode since that is better than nothing right?
+        // Also if we got nothing from clipboard API/pastebin or the content is a plain text (with only
+        // some BRs, Ps or DIVs as newlines) then we fallback to plain/text
+        if (isDefaultPasteBinContent(content) || !content.length || (isPlainTextHtml && !isAbsoluteUrl$1)) {
+            plainTextMode = true;
+        }
+        // Grab plain text from Clipboard API or convert existing HTML to plain text
+        if (plainTextMode || isAbsoluteUrl$1) {
+            // Use plain text contents from Clipboard API unless the HTML contains paragraphs then
+            // we should convert the HTML to plain text since works better when pasting HTML/Word contents as plain text
+            if (hasContentType(clipboardContent, 'text/plain') && isPlainTextHtml) {
+                content = clipboardContent['text/plain'];
+            }
+            else {
+                content = innerText(content);
+            }
+        }
+        // If the content is the paste bin default HTML then it was impossible to get the clipboard data out.
+        if (isDefaultPasteBinContent(content)) {
+            return;
+        }
+        if (plainTextMode) {
+            pasteText(editor, content, shouldSimulateInputEvent);
+        }
+        else {
+            pasteHtml(editor, content, isInternal, shouldSimulateInputEvent);
+        }
+    };
+    const registerEventHandlers = (editor, pasteBin, pasteFormat) => {
+        let keyboardPastePlainTextState;
+        const getLastRng = () => pasteBin.getLastRng() || editor.selection.getRng();
+        editor.on('keydown', (e) => {
+            if (isKeyboardPasteEvent(e) && !e.isDefaultPrevented()) {
+                keyboardPastePlainTextState = e.shiftKey && e.keyCode === 86;
+            }
+        });
+        editor.on('paste', (e) => {
+            if (e.isDefaultPrevented() || isBrokenAndroidClipboardEvent(e)) {
+                return;
+            }
+            const plainTextMode = pasteFormat.get() === 'text' || keyboardPastePlainTextState;
+            keyboardPastePlainTextState = false;
+            const clipboardContent = getDataTransferItems(e.clipboardData);
+            if (!hasHtmlOrText(clipboardContent) && pasteImageData(editor, e, getLastRng())) {
+                return;
+            }
+            // If the clipboard API has HTML then use that directly
+            if (hasContentType(clipboardContent, 'text/html')) {
+                e.preventDefault();
+                insertClipboardContent(editor, clipboardContent, clipboardContent['text/html'], plainTextMode, true);
+            }
+            else if (hasContentType(clipboardContent, 'text/plain') && hasContentType(clipboardContent, 'text/uri-list')) {
+                /*
+                Safari adds the uri-list attribute to links copied within it.
+                When pasting something with the url-list within safari using the default functionality it will convert it from www.example.com to <a href="www.example.com">www.example.com</a> when pasting into the pasteBin-div.
+                This causes issues. To solve this we bypass the default paste functionality for this situation.
+                 */
+                e.preventDefault();
+                insertClipboardContent(editor, clipboardContent, clipboardContent['text/plain'], plainTextMode, true);
+            }
+            else {
+                // We can't extract the HTML content from the clipboard so we need to allow the paste
+                // to run via the pastebin and then extract from there
+                pasteBin.create();
+                Delay.setEditorTimeout(editor, () => {
+                    // Get the pastebin content and then remove it so the selection is restored
+                    const html = pasteBin.getHtml();
+                    pasteBin.remove();
+                    insertClipboardContent(editor, clipboardContent, html, plainTextMode, false);
+                }, 0);
+            }
+        });
+    };
+    const registerDataImageFilter = (editor) => {
+        const isWebKitFakeUrl = (src) => startsWith(src, 'webkit-fake-url');
+        const isDataUri = (src) => startsWith(src, 'data:');
+        const isPasteInsert = (args) => { var _a; return ((_a = args.data) === null || _a === void 0 ? void 0 : _a.paste) === true; };
+        // Remove all data images from paste for example from Gecko
+        // except internal images like video elements
+        editor.parser.addNodeFilter('img', (nodes, name, args) => {
+            if (!shouldPasteDataImages(editor) && isPasteInsert(args)) {
+                for (const node of nodes) {
+                    const src = node.attr('src');
+                    if (isString(src) && !node.attr('data-mce-object') && src !== Env.transparentSrc) {
+                        // Safari on Mac produces webkit-fake-url see: https://bugs.webkit.org/show_bug.cgi?id=49141
+                        if (isWebKitFakeUrl(src)) {
+                            node.remove();
+                        }
+                        else if (!shouldAllowHtmlDataUrls(editor) && isDataUri(src)) {
+                            node.remove();
+                        }
+                    }
+                }
+            }
+        });
+    };
+    /*
+     * This class contains logic for getting HTML contents out of the clipboard.
+     *
+     * This by default will attempt to use the W3C clipboard API to get HTML content.
+     * If that can't be used then fallback to letting the browser paste natively with
+     * some logic to clean up what the browser generated, as it can mutate the content.
+     *
+     * Current implementation steps:
+     *  1. On keydown determine if we should paste as plain text.
+     *  2. Wait for the browser to fire a "paste" event and get the contents out of clipboard.
+     *  3. If no content is available, then attach the paste bin and change the selection to be inside the bin.
+     *  4. Extract the contents from the bin in the next event loop.
+     *  5. If no HTML is found or we're using plain text paste mode then convert the HTML or lookup the clipboard to get the plain text.
+     *  6. Process the content from the clipboard or pastebin and insert it into the editor.
+     */
+    const registerEventsAndFilters = (editor, pasteBin, pasteFormat) => {
+        registerEventHandlers(editor, pasteBin, pasteFormat);
+        registerDataImageFilter(editor);
+    };
+
+    const togglePlainTextPaste = (editor, pasteFormat) => {
+        if (pasteFormat.get() === 'text') {
+            pasteFormat.set('html');
+            firePastePlainTextToggle(editor, false);
+        }
+        else {
+            pasteFormat.set('text');
+            firePastePlainTextToggle(editor, true);
+        }
+        editor.focus();
+    };
+    const register$1 = (editor, pasteFormat) => {
+        editor.addCommand('mceTogglePlainTextPaste', () => {
+            togglePlainTextPaste(editor, pasteFormat);
+        });
+        editor.addCommand('mceInsertClipboardContent', (ui, value) => {
+            if (value.html) {
+                // TINY-9997: Input events are not simulated when using paste commands, similar to how the 'mceInsertContent'
+                // and 'Delete' commands work.
+                pasteHtml(editor, value.html, value.internal, false);
+            }
+            if (value.text) {
+                pasteText(editor, value.text, false);
+            }
+        });
+    };
+
+    const setHtml5Clipboard = (clipboardData, html, text) => {
+        if (clipboardData) {
+            try {
+                clipboardData.clearData();
+                clipboardData.setData('text/html', html);
+                clipboardData.setData('text/plain', text);
+                clipboardData.setData(internalHtmlMime(), html);
+                return true;
+            }
+            catch (_a) {
+                return false;
+            }
+        }
+        else {
+            return false;
+        }
+    };
+    const setClipboardData = (evt, data, fallback, done) => {
+        if (setHtml5Clipboard(evt.clipboardData, data.html, data.text)) {
+            evt.preventDefault();
+            done();
+        }
+        else {
+            fallback(data.html, done);
+        }
+    };
+    const fallback = (editor) => (html, done) => {
+        const { dom, selection } = editor;
+        const outer = dom.create('div', { 'contenteditable': 'false', 'data-mce-bogus': 'all' });
+        const inner = dom.create('div', { contenteditable: 'true' }, html);
+        dom.setStyles(outer, {
+            position: 'fixed',
+            top: '0',
+            left: '-3000px',
+            width: '1000px',
+            overflow: 'hidden'
+        });
+        outer.appendChild(inner);
+        dom.add(editor.getBody(), outer);
+        const range = selection.getRng();
+        inner.focus();
+        const offscreenRange = dom.createRng();
+        offscreenRange.selectNodeContents(inner);
+        selection.setRng(offscreenRange);
+        Delay.setEditorTimeout(editor, () => {
+            selection.setRng(range);
+            dom.remove(outer);
+            done();
+        }, 0);
+    };
+    const getData = (editor) => ({
+        html: mark(editor.selection.getContent({ contextual: true })),
+        text: editor.selection.getContent({ format: 'text' })
+    });
+    const isTableSelection = (editor) => !!editor.dom.getParent(editor.selection.getStart(), 'td[data-mce-selected],th[data-mce-selected]', editor.getBody());
+    const hasSelectedContent = (editor) => !editor.selection.isCollapsed() || isTableSelection(editor);
+    const cut = (editor) => (evt) => {
+        if (!evt.isDefaultPrevented() && hasSelectedContent(editor) && editor.selection.isEditable()) {
+            setClipboardData(evt, getData(editor), fallback(editor), () => {
+                if (Env.browser.isChromium() || Env.browser.isFirefox()) {
+                    const rng = editor.selection.getRng();
+                    // Chrome fails to execCommand from another execCommand with this message:
+                    // "We don't execute document.execCommand() this time, because it is called recursively.""
+                    // Firefox 82 now also won't run recursive commands, but it doesn't log an error
+                    Delay.setEditorTimeout(editor, () => {
+                        // Restore the range before deleting, as Chrome on Android will
+                        // collapse the selection after a cut event has fired.
+                        editor.selection.setRng(rng);
+                        editor.execCommand('Delete');
+                    }, 0);
+                }
+                else {
+                    editor.execCommand('Delete');
+                }
+            });
+        }
+    };
+    const copy = (editor) => (evt) => {
+        if (!evt.isDefaultPrevented() && hasSelectedContent(editor)) {
+            setClipboardData(evt, getData(editor), fallback(editor), noop);
+        }
+    };
+    const register = (editor) => {
+        editor.on('cut', cut(editor));
+        editor.on('copy', copy(editor));
+    };
+
+    const getCaretRangeFromEvent = (editor, e) => { var _a, _b; 
+    // TODO: TINY-7075 Remove the "?? 0" here when agar passes valid client coords
+    return RangeUtils.getCaretRangeFromPoint((_a = e.clientX) !== null && _a !== void 0 ? _a : 0, (_b = e.clientY) !== null && _b !== void 0 ? _b : 0, editor.getDoc()); };
+    const isPlainTextFileUrl = (content) => {
+        const plainTextContent = content['text/plain'];
+        return plainTextContent ? plainTextContent.indexOf('file://') === 0 : false;
+    };
+    const setFocusedRange = (editor, rng) => {
+        editor.focus();
+        if (rng) {
+            editor.selection.setRng(rng);
+        }
+    };
+    const hasImage = (dataTransfer) => exists(dataTransfer.files, (file) => /^image\//.test(file.type));
+    const needsCustomInternalDrop = (dom, schema, target, dropContent) => {
+        const parentTransparent = dom.getParent(target, (node) => isTransparentBlock(schema, node));
+        const inSummary = !isNull(dom.getParent(target, 'summary'));
+        if (inSummary) {
+            return true;
+        }
+        else if (parentTransparent && has$2(dropContent, 'text/html')) {
+            const fragment = new DOMParser().parseFromString(dropContent['text/html'], 'text/html').body;
+            return !isNull(fragment.querySelector(parentTransparent.nodeName.toLowerCase()));
+        }
+        else {
+            return false;
+        }
+    };
+    const setupSummaryDeleteByDragFix = (editor) => {
+        editor.on('input', (e) => {
+            const hasNoSummary = (el) => isNull(el.querySelector('summary'));
+            if (e.inputType === 'deleteByDrag') {
+                const brokenDetailElements = filter$5(editor.dom.select('details'), hasNoSummary);
+                each$e(brokenDetailElements, (details) => {
+                    // Firefox leaves a BR
+                    if (isBr$6(details.firstChild)) {
+                        details.firstChild.remove();
+                    }
+                    const summary = editor.dom.create('summary');
+                    summary.appendChild(createPaddingBr().dom);
+                    details.prepend(summary);
+                });
+            }
+        });
+    };
+    const setup$a = (editor, draggingInternallyState) => {
+        // Block all drag/drop events
+        if (shouldPasteBlockDrop(editor)) {
+            editor.on('dragend dragover draggesture dragdrop drop drag', (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+            });
+        }
+        // Prevent users from dropping data images on Gecko
+        if (!shouldPasteDataImages(editor)) {
+            editor.on('drop', (e) => {
+                const dataTransfer = e.dataTransfer;
+                if (dataTransfer && hasImage(dataTransfer)) {
+                    e.preventDefault();
+                }
+            });
+        }
+        editor.on('drop', (e) => {
+            if (e.isDefaultPrevented()) {
+                return;
+            }
+            const rng = getCaretRangeFromEvent(editor, e);
+            if (isNullable(rng)) {
+                return;
+            }
+            const dropContent = getDataTransferItems(e.dataTransfer);
+            const internal = hasContentType(dropContent, internalHtmlMime());
+            if ((!hasHtmlOrText(dropContent) || isPlainTextFileUrl(dropContent)) && pasteImageData(editor, e, rng)) {
+                return;
+            }
+            const internalContent = dropContent[internalHtmlMime()];
+            const content = internalContent || dropContent['text/html'] || dropContent['text/plain'];
+            const needsInternalDrop = needsCustomInternalDrop(editor.dom, editor.schema, rng.startContainer, dropContent);
+            const isInternalDrop = draggingInternallyState.get();
+            if (isInternalDrop && !needsInternalDrop) {
+                return;
+            }
+            if (content) {
+                e.preventDefault();
+                // FF 45 doesn't paint a caret when dragging in text in due to focus call by execCommand
+                Delay.setEditorTimeout(editor, () => {
+                    editor.undoManager.transact(() => {
+                        if (internalContent || (isInternalDrop && needsInternalDrop)) {
+                            editor.execCommand('Delete');
+                        }
+                        setFocusedRange(editor, rng);
+                        const trimmedContent = trimHtml(content);
+                        if (dropContent['text/html']) {
+                            pasteHtml(editor, trimmedContent, internal, true);
+                        }
+                        else {
+                            pasteText(editor, trimmedContent, true);
+                        }
+                    });
+                });
+            }
+        });
+        editor.on('dragstart', (_e) => {
+            draggingInternallyState.set(true);
+        });
+        editor.on('dragover dragend', (e) => {
+            if (shouldPasteDataImages(editor) && !draggingInternallyState.get()) {
+                e.preventDefault();
+                setFocusedRange(editor, getCaretRangeFromEvent(editor, e));
+            }
+            if (e.type === 'dragend') {
+                draggingInternallyState.set(false);
+            }
+        });
+        setupSummaryDeleteByDragFix(editor);
+    };
+
+    const setup$9 = (editor) => {
+        const processEvent = (f) => (e) => {
+            f(editor, e);
+        };
+        const preProcess = getPastePreProcess(editor);
+        if (isFunction(preProcess)) {
+            editor.on('PastePreProcess', processEvent(preProcess));
+        }
+        const postProcess = getPastePostProcess(editor);
+        if (isFunction(postProcess)) {
+            editor.on('PastePostProcess', processEvent(postProcess));
+        }
+    };
+
+    /*
+     * This module contains various fixes for browsers. These issues can not be feature
+     * detected since we have no direct control over the clipboard. However we might be able
+     * to remove some of these fixes once the browsers gets updated/fixed.
+     */
+    const addPreProcessFilter = (editor, filterFunc) => {
+        editor.on('PastePreProcess', (e) => {
+            e.content = filterFunc(editor, e.content, e.internal);
+        });
+    };
+    const rgbRegExp = /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi;
+    const rgbToHex = (value) => Tools.trim(value).replace(rgbRegExp, rgbaToHexString).toLowerCase();
+    /*
+     * WebKit has a nasty quirk where the all computed styles gets added to style attributes when copy/pasting contents.
+     * This fix solves that by simply removing the whole style attribute.
+     *
+     * The paste_webkit_styles option can be set to specify what to keep:
+     *  paste_webkit_styles: "none" // Keep no styles
+     *  paste_webkit_styles: "all", // Keep all of them
+     *  paste_webkit_styles: "font-weight color" // Keep specific ones
+     */
+    const removeWebKitStyles = (editor, content, internal) => {
+        const webKitStylesOption = getPasteWebkitStyles(editor);
+        // If the content is internal or if we're keeping all styles then we don't need any processing
+        if (internal || webKitStylesOption === 'all' || !shouldPasteRemoveWebKitStyles(editor)) {
+            return content;
+        }
+        const webKitStyles = webKitStylesOption ? webKitStylesOption.split(/[, ]/) : [];
+        // Keep specific styles that don't match the current node computed style
+        if (webKitStyles && webKitStylesOption !== 'none') {
+            const dom = editor.dom, node = editor.selection.getNode();
+            content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, (all, before, value, after) => {
+                const inputStyles = dom.parseStyle(dom.decode(value));
+                const outputStyles = {};
+                for (let i = 0; i < webKitStyles.length; i++) {
+                    const inputValue = inputStyles[webKitStyles[i]];
+                    let compareInput = inputValue;
+                    let currentValue = dom.getStyle(node, webKitStyles[i], true);
+                    if (/color/.test(webKitStyles[i])) {
+                        compareInput = rgbToHex(compareInput);
+                        currentValue = rgbToHex(currentValue);
+                    }
+                    if (currentValue !== compareInput) {
+                        outputStyles[webKitStyles[i]] = inputValue;
+                    }
+                }
+                const outputStyle = dom.serializeStyle(outputStyles, 'span');
+                if (outputStyle) {
+                    return before + ' style="' + outputStyle + '"' + after;
+                }
+                return before + after;
+            });
+        }
+        else {
+            // Remove all external styles
+            content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, '$1$3');
+        }
+        // Keep internal styles
+        content = content.replace(/(<[^>]+) data-mce-style="([^"]+)"([^>]*>)/gi, (all, before, value, after) => {
+            return before + ' style="' + value + '"' + after;
+        });
+        return content;
+    };
+    const setup$8 = (editor) => {
+        if (Env.browser.isChromium() || Env.browser.isSafari()) {
+            addPreProcessFilter(editor, removeWebKitStyles);
+        }
+    };
+
+    const setup$7 = (editor) => {
+        const draggingInternallyState = Cell(false);
+        const pasteFormat = Cell(isPasteAsTextEnabled(editor) ? 'text' : 'html');
+        const pasteBin = PasteBin(editor);
+        setup$8(editor);
+        register$1(editor, pasteFormat);
+        setup$9(editor);
+        editor.addQueryStateHandler('mceTogglePlainTextPaste', () => pasteFormat.get() === 'text');
+        // IMPORTANT: The following event hooks need to be setup later so that other things
+        // can hook in and prevent the event so core paste doesn't handle them.
+        editor.on('PreInit', () => {
+            register(editor);
+            setup$a(editor, draggingInternallyState);
+            registerEventsAndFilters(editor, pasteBin, pasteFormat);
+        });
+    };
+
+    const preventSummaryToggle = (editor) => {
+        editor.on('click', (e) => {
+            if (editor.dom.getParent(e.target, 'details')) {
+                e.preventDefault();
+            }
+        });
+    };
+    const filterDetails = (editor) => {
+        editor.parser.addNodeFilter('details', (elms) => {
+            const initialStateOption = getDetailsInitialState(editor);
+            each$e(elms, (details) => {
+                if (initialStateOption === 'expanded') {
+                    details.attr('open', 'open');
+                }
+                else if (initialStateOption === 'collapsed') {
+                    details.attr('open', null);
+                }
+            });
+        });
+        editor.serializer.addNodeFilter('details', (elms) => {
+            const serializedStateOption = getDetailsSerializedState(editor);
+            each$e(elms, (details) => {
+                if (serializedStateOption === 'expanded') {
+                    details.attr('open', 'open');
+                }
+                else if (serializedStateOption === 'collapsed') {
+                    details.attr('open', null);
+                }
+            });
+        });
+    };
+    const setup$6 = (editor) => {
+        preventSummaryToggle(editor);
+        filterDetails(editor);
+    };
+
+    const isBr = isBr$6;
+    const isText = isText$b;
+    const isContentEditableFalse$2 = (elm) => isContentEditableFalse$a(elm.dom);
+    const isContentEditableTrue = (elm) => isContentEditableTrue$3(elm.dom);
+    const isRoot = (rootNode) => (elm) => eq(SugarElement.fromDom(rootNode), elm);
+    const getClosestScope = (node, rootNode, schema) => closest$4(SugarElement.fromDom(node), (elm) => isContentEditableTrue(elm) || schema.isBlock(name(elm)), isRoot(rootNode))
+        .getOr(SugarElement.fromDom(rootNode)).dom;
+    const getClosestCef = (node, rootNode) => closest$4(SugarElement.fromDom(node), isContentEditableFalse$2, isRoot(rootNode));
+    const findEdgeCaretCandidate = (startNode, scope, forward) => {
+        const walker = new DomTreeWalker(startNode, scope);
+        const next = forward ? walker.next.bind(walker) : walker.prev.bind(walker);
+        let result = startNode;
+        for (let current = forward ? startNode : next(); current && !isBr(current); current = next()) {
+            if (isCaretCandidate$3(current)) {
+                result = current;
+            }
+        }
+        return result;
+    };
+    const findClosestBlockRange = (startRng, rootNode, schema) => {
+        const startPos = CaretPosition.fromRangeStart(startRng);
+        // TODO: TINY-8865 - This may not be safe to cast as Node and alternative solutions need to be looked into
+        const clickNode = startPos.getNode();
+        const scope = getClosestScope(clickNode, rootNode, schema);
+        const startNode = findEdgeCaretCandidate(clickNode, scope, false);
+        const endNode = findEdgeCaretCandidate(clickNode, scope, true);
+        const rng = document.createRange();
+        getClosestCef(startNode, scope).fold(() => {
+            if (isText(startNode)) {
+                rng.setStart(startNode, 0);
+            }
+            else {
+                rng.setStartBefore(startNode);
+            }
+        }, (cef) => rng.setStartBefore(cef.dom));
+        getClosestCef(endNode, scope).fold(() => {
+            if (isText(endNode)) {
+                rng.setEnd(endNode, endNode.data.length);
+            }
+            else {
+                rng.setEndAfter(endNode);
+            }
+        }, (cef) => rng.setEndAfter(cef.dom));
+        return rng;
+    };
+    const onTripleClickSelect = (editor) => {
+        const rng = findClosestBlockRange(editor.selection.getRng(), editor.getBody(), editor.schema);
+        editor.selection.setRng(normalize(rng));
+    };
+    const setup$5 = (editor) => {
+        editor.on('mousedown', (e) => {
+            if (e.detail >= 3) {
+                e.preventDefault();
+                onTripleClickSelect(editor);
+            }
+        });
+    };
+
+    var FakeCaretPosition;
+    (function (FakeCaretPosition) {
+        FakeCaretPosition["Before"] = "before";
+        FakeCaretPosition["After"] = "after";
+    })(FakeCaretPosition || (FakeCaretPosition = {}));
+    const distanceToRectLeft = (clientRect, clientX) => Math.abs(clientRect.left - clientX);
+    const distanceToRectRight = (clientRect, clientX) => Math.abs(clientRect.right - clientX);
+    const isInsideY = (clientY, clientRect) => clientY >= clientRect.top && clientY <= clientRect.bottom;
+    const collidesY = (r1, r2) => r1.top < r2.bottom && r1.bottom > r2.top;
+    const isOverlapping = (r1, r2) => {
+        // Rectangles might overlap a bit so this checks if the overlap is more than 50% then we count that as on the same line
+        const overlap = overlapY(r1, r2) / Math.min(r1.height, r2.height);
+        return collidesY(r1, r2) && overlap > 0.5;
+    };
+    const splitRectsPerAxis = (rects, y) => {
+        const intersectingRects = filter$5(rects, (rect) => isInsideY(y, rect));
+        return boundingClientRectFromRects(intersectingRects).fold(() => ([[], rects]), (boundingRect) => {
+            const { pass: horizontal, fail: vertical } = partition$2(rects, (rect) => isOverlapping(rect, boundingRect));
+            return [horizontal, vertical];
+        });
+    };
+    const clientInfo = (rect, clientX) => {
+        return {
+            node: rect.node,
+            position: distanceToRectLeft(rect, clientX) < distanceToRectRight(rect, clientX) ? FakeCaretPosition.Before : FakeCaretPosition.After
+        };
+    };
+    // Measure the distance between the x and the closest edge of the rect.
+    // If the x is inside the rect then always return 0.
+    const horizontalDistance = (rect, x, _y) => x > rect.left && x < rect.right ? 0 : Math.min(Math.abs(rect.left - x), Math.abs(rect.right - x));
+    const closestChildCaretCandidateNodeRect = (children, clientX, clientY, findCloserTextNode) => {
+        const caretCandidateRect = (rect) => {
+            if (isCaretCandidate$3(rect.node)) {
+                return Optional?.some(rect);
+            }
+            else if (isElement$6(rect.node)) {
+                return closestChildCaretCandidateNodeRect(from(rect.node.childNodes), clientX, clientY, false);
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        // If an element and a text node has nearly equal distance then favor the text node over the element to make it easier to select text
+        // since setting the selection range will cancel any text select operation.
+        const tryFindSecondBestTextNode = (closest, sndClosest, distance) => {
+            return caretCandidateRect(sndClosest).filter((rect) => {
+                const deltaDistance = Math.abs(distance(closest, clientX, clientY) - distance(rect, clientX, clientY));
+                return deltaDistance < 2 && isText$b(rect.node);
+            });
+        };
+        const findClosestCaretCandidateNodeRect = (rects, distance) => {
+            const sortedRects = sort(rects, (r1, r2) => distance(r1, clientX, clientY) - distance(r2, clientX, clientY));
+            return findMap(sortedRects, caretCandidateRect)?.map((closest) => {
+                // If the closest rect is not a text node then lets try to see if the second rect has a text node that is close enough
+                if (findCloserTextNode && !isText$b(closest.node) && sortedRects.length > 1) {
+                    return tryFindSecondBestTextNode(closest, sortedRects[1], distance).getOr(closest);
+                }
+                else {
+                    return closest;
+                }
+            });
+        };
+        const [horizontalRects, verticalRects] = splitRectsPerAxis(getClientRects(children), clientY);
+        const { pass: above, fail: below } = partition$2(verticalRects, (rect) => rect.top < clientY);
+        return findClosestCaretCandidateNodeRect(horizontalRects, horizontalDistance)
+            .orThunk(() => findClosestCaretCandidateNodeRect(below, distanceToRectEdgeFromXY))
+            .orThunk(() => findClosestCaretCandidateNodeRect(above, distanceToRectEdgeFromXY));
+    };
+    const traverseUp = (rootElm, scope, clientX, clientY) => {
+        const helper = (scope, prevScope) => {
+            const isDragGhostContainer = (node) => isElement$6(node) && node.classList.contains('mce-drag-container');
+            const childNodesWithoutGhost = filter$5(scope.dom.childNodes, not(isDragGhostContainer));
+            return prevScope.fold(() => closestChildCaretCandidateNodeRect(childNodesWithoutGhost, clientX, clientY, true), (prevScope) => {
+                const uncheckedChildren = filter$5(childNodesWithoutGhost, (node) => node !== prevScope.dom);
+                return closestChildCaretCandidateNodeRect(uncheckedChildren, clientX, clientY, true);
+            }).orThunk(() => {
+                const parent = eq(scope, rootElm) ? Optional.none() : parentElement(scope);
+                return parent.bind((newScope) => helper(newScope, Optional?.some(scope)));
+            });
+        };
+        return helper(scope, Optional.none());
+    };
+    // Rough description of how this algorithm works:
+    // 1. It starts by finding the element at the specified X, Y coordinate.
+    // 2. Then it checks its children for the closest one and traverses down into those repeating step 2, 3 until it finds a caret candidate.
+    // 3. If no caret candidate is found in the closest child node then it checks the second closest and so on until all decendants have been checked.
+    // 4. If no caret candidate is found, it traverses up skips the element it already checked and checks its siblings using steps 2, 3.
+    // 5. If no caret candidate is found, it continues step 4 until it finds the root. Then we have checked all the nodes in the document.
+    //
+    // This is less accurate but more performant, since for the common case you are likely to find a caret candidate close to where you are clicking.
+    // The more accurate algorithm would be to read all caret candidates rects in the whole document in and in one big step to find the closest one, but that is just too slow for bigger documents.
+    const closestCaretCandidateNodeRect = (root, clientX, clientY) => {
+        const rootElm = SugarElement.fromDom(root);
+        const ownerDoc = documentOrOwner(rootElm);
+        const elementAtPoint = SugarElement.fromPoint(ownerDoc, clientX, clientY).filter((elm) => contains(rootElm, elm));
+        const element = elementAtPoint.getOr(rootElm);
+        return traverseUp(rootElm, element, clientX, clientY);
+    };
+    const closestFakeCaretCandidate = (root, clientX, clientY) => closestCaretCandidateNodeRect(root, clientX, clientY)
+        .filter((rect) => isFakeCaretTarget(rect.node))
+        ?.map((rect) => clientInfo(rect, clientX));
+
+    const getAbsolutePosition = (elm) => {
+        var _a, _b;
+        const clientRect = elm.getBoundingClientRect();
+        const doc = elm.ownerDocument;
+        const docElem = doc.documentElement;
+        const win = doc.defaultView;
+        return {
+            top: clientRect.top + ((_a = win === null || win === void 0 ? void 0 : win.scrollY) !== null && _a !== void 0 ? _a : 0) - docElem.clientTop,
+            left: clientRect.left + ((_b = win === null || win === void 0 ? void 0 : win.scrollX) !== null && _b !== void 0 ? _b : 0) - docElem.clientLeft
+        };
+    };
+    const getBodyPosition = (editor) => editor.inline ? getAbsolutePosition(editor.getBody()) : { left: 0, top: 0 };
+    const getScrollPosition = (editor) => {
+        const body = editor.getBody();
+        return editor.inline ? { left: body.scrollLeft, top: body.scrollTop } : { left: 0, top: 0 };
+    };
+    const getBodyScroll = (editor) => {
+        const body = editor.getBody(), docElm = editor.getDoc().documentElement;
+        const inlineScroll = { left: body.scrollLeft, top: body.scrollTop };
+        const iframeScroll = { left: body.scrollLeft || docElm.scrollLeft, top: body.scrollTop || docElm.scrollTop };
+        return editor.inline ? inlineScroll : iframeScroll;
+    };
+    const getMousePosition = (editor, event) => {
+        if (event.target.ownerDocument !== editor.getDoc()) {
+            const iframePosition = getAbsolutePosition(editor.getContentAreaContainer());
+            const scrollPosition = getBodyScroll(editor);
+            return {
+                left: event.pageX - iframePosition.left + scrollPosition.left,
+                top: event.pageY - iframePosition.top + scrollPosition.top
+            };
+        }
+        return {
+            left: event.pageX,
+            top: event.pageY
+        };
+    };
+    const calculatePosition = (bodyPosition, scrollPosition, mousePosition) => ({
+        pageX: (mousePosition.left - bodyPosition.left) + scrollPosition.left,
+        pageY: (mousePosition.top - bodyPosition.top) + scrollPosition.top
+    });
+    const calc = (editor, event) => calculatePosition(getBodyPosition(editor), getScrollPosition(editor), getMousePosition(editor, event));
+
+    const getTargetProps = (target) => ({ target, srcElement: target });
+    const makeDndEventFromMouseEvent = (type, mouseEvent, target, dataTransfer) => ({
+        ...mouseEvent,
+        dataTransfer,
+        type,
+        ...getTargetProps(target)
+    });
+    const makeDndEvent = (type, target, dataTransfer) => {
+        const fail = die('Function not supported on simulated event.');
+        const event = {
+            // Event
+            bubbles: true,
+            cancelBubble: false,
+            cancelable: true,
+            composed: false,
+            currentTarget: null,
+            defaultPrevented: false,
+            eventPhase: 0,
+            isTrusted: true,
+            returnValue: false,
+            timeStamp: 0,
+            type,
+            composedPath: fail,
+            initEvent: fail,
+            preventDefault: noop,
+            stopImmediatePropagation: noop,
+            stopPropagation: noop,
+            AT_TARGET: window.Event.AT_TARGET,
+            BUBBLING_PHASE: window.Event.BUBBLING_PHASE,
+            CAPTURING_PHASE: window.Event.CAPTURING_PHASE,
+            NONE: window.Event.NONE,
+            // UIEvent
+            altKey: false,
+            button: 0,
+            buttons: 0,
+            clientX: 0,
+            clientY: 0,
+            ctrlKey: false,
+            layerX: 0,
+            layerY: 0,
+            metaKey: false,
+            movementX: 0,
+            movementY: 0,
+            offsetX: 0,
+            offsetY: 0,
+            pageX: 0,
+            pageY: 0,
+            relatedTarget: null,
+            screenX: 0,
+            screenY: 0,
+            shiftKey: false,
+            x: 0,
+            y: 0,
+            detail: 0,
+            view: null,
+            which: 0,
+            initUIEvent: fail,
+            initMouseEvent: fail,
+            getModifierState: fail,
+            // DragEvent
+            dataTransfer,
+            ...getTargetProps(target)
+        };
+        return event;
+    };
+    const makeDataTransferCopyForDragEvent = (dataTransfer, eventType) => {
+        const copy = cloneDataTransfer(dataTransfer);
+        // TINY-9601: Set mode as per https://html.spec.whatwg.org/dev/dnd.html#concept-dnd-rw
+        if (eventType === 'dragstart') {
+            setDragstartEvent(copy);
+            setReadWriteMode(copy);
+        }
+        else if (eventType === 'drop') {
+            setDropEvent(copy);
+            setReadOnlyMode(copy);
+        }
+        else {
+            setDragendEvent(copy);
+            setProtectedMode(copy);
+        }
+        return copy;
+    };
+    const makeDragEvent = (type, target, dataTransfer, mouseEvent) => {
+        // TINY-9601: Get copy for each new event to prevent undesired mutations on dispatched DataTransfer objects
+        const dataTransferForDispatch = makeDataTransferCopyForDragEvent(dataTransfer, type);
+        return isUndefined(mouseEvent) ? makeDndEvent(type, target, dataTransferForDispatch) : makeDndEventFromMouseEvent(type, mouseEvent, target, dataTransferForDispatch);
+    };
+
+    /**
+     * This module contains logic overriding the drag/drop logic of the editor.
+     *
+     * @private
+     * @class tinymce.DragDropOverrides
+     */
+    // Arbitrary values needed when scrolling CEF elements
+    const scrollPixelsPerInterval = 32;
+    const scrollIntervalValue = 100;
+    const mouseRangeToTriggerScrollInsideEditor = 8;
+    const mouseRangeToTriggerScrollOutsideEditor = 16;
+    const isContentEditableFalse$1 = isContentEditableFalse$a;
+    const isContentEditable = or(isContentEditableFalse$1, isContentEditableTrue$3);
+    const isDraggable = (dom, rootElm, elm) => isContentEditableFalse$1(elm) && elm !== rootElm && dom.isEditable(elm.parentElement);
+    const isValidDropTarget = (editor, targetElement, dragElement) => {
+        if (isNullable(targetElement)) {
+            return false;
+        }
+        else if (targetElement === dragElement || editor.dom.isChildOf(targetElement, dragElement)) {
+            return false;
+        }
+        else {
+            return editor.dom.isEditable(targetElement);
+        }
+    };
+    const createGhost = (editor, elm, width, height) => {
+        const dom = editor.dom;
+        const clonedElm = elm.cloneNode(true);
+        dom.setStyles(clonedElm, { width, height });
+        dom.setAttrib(clonedElm, 'data-mce-selected', null);
+        const ghostElm = dom.create('div', {
+            'class': 'mce-drag-container',
+            'data-mce-bogus': 'all',
+            'unselectable': 'on',
+            'contenteditable': 'false'
+        });
+        dom.setStyles(ghostElm, {
+            position: 'absolute',
+            opacity: 0.5,
+            overflow: 'hidden',
+            border: 0,
+            padding: 0,
+            margin: 0,
+            width,
+            height
+        });
+        dom.setStyles(clonedElm, {
+            margin: 0,
+            boxSizing: 'border-box'
+        });
+        ghostElm.appendChild(clonedElm);
+        return ghostElm;
+    };
+    const appendGhostToBody = (ghostElm, bodyElm) => {
+        if (ghostElm.parentNode !== bodyElm) {
+            bodyElm.appendChild(ghostElm);
+        }
+    };
+    // Helper function needed for scrolling the editor inside moveGhost function
+    const scrollEditor = (direction, amount) => (win) => () => {
+        const current = direction === 'left' ? win.scrollX : win.scrollY;
+        win.scroll({
+            [direction]: current + amount,
+            behavior: 'smooth',
+        });
+    };
+    const scrollLeft = scrollEditor('left', -scrollPixelsPerInterval);
+    const scrollRight = scrollEditor('left', scrollPixelsPerInterval);
+    const scrollUp = scrollEditor('top', -scrollPixelsPerInterval);
+    const scrollDown = scrollEditor('top', scrollPixelsPerInterval);
+    const moveGhost = (ghostElm, position, width, height, maxX, maxY, mouseY, mouseX, contentAreaContainer, win, state, mouseEventOriginatedFromWithinTheEditor) => {
+        let overflowX = 0, overflowY = 0;
+        ghostElm.style.left = position.pageX + 'px';
+        ghostElm.style.top = position.pageY + 'px';
+        if (position.pageX + width > maxX) {
+            overflowX = (position.pageX + width) - maxX;
+        }
+        if (position.pageY + height > maxY) {
+            overflowY = (position.pageY + height) - maxY;
+        }
+        ghostElm.style.width = (width - overflowX) + 'px';
+        ghostElm.style.height = (height - overflowY) + 'px';
+        // Code needed for dragging CEF elements (specifically fixing TINY-8874)
+        // The idea behind the algorithm is that the user will start dragging the
+        // CEF element to the edge of the editor and that would cause scrolling.
+        // The way that happens is that the user will trigger a mousedown event,
+        // then a mousemove event until they reach the edge of the editor. Then
+        // no event triggers. That's when I set an interval to keep scrolling the editor.
+        // Once a new event triggers I clear the existing interval and set it back to none.
+        const clientHeight = contentAreaContainer.clientHeight;
+        const clientWidth = contentAreaContainer.clientWidth;
+        const outerMouseY = mouseY + contentAreaContainer.getBoundingClientRect().top;
+        const outerMouseX = mouseX + contentAreaContainer.getBoundingClientRect().left;
+        state.on((state) => {
+            state.intervalId.clear();
+            if (state.dragging && mouseEventOriginatedFromWithinTheEditor) {
+                // This basically means that the mouse is close to the bottom edge
+                // (within MouseRange pixels of the bottom edge)
+                if (mouseY + mouseRangeToTriggerScrollInsideEditor >= clientHeight) {
+                    state.intervalId.set(scrollDown(win));
+                    // This basically means that the mouse is close to the top edge
+                    // (within MouseRange pixels)
+                }
+                else if (mouseY - mouseRangeToTriggerScrollInsideEditor <= 0) {
+                    state.intervalId.set(scrollUp(win));
+                    // This basically means that the mouse is close to the right edge
+                    // (within MouseRange pixels of the right edge)
+                }
+                else if (mouseX + mouseRangeToTriggerScrollInsideEditor >= clientWidth) {
+                    state.intervalId.set(scrollRight(win));
+                    // This basically means that the mouse is close to the left edge
+                    // (within MouseRange pixels of the left edge)
+                }
+                else if (mouseX - mouseRangeToTriggerScrollInsideEditor <= 0) {
+                    state.intervalId.set(scrollLeft(win));
+                    // This basically means that the mouse is close to the bottom edge
+                    // of the page (within MouseRange pixels) when the bottom of
+                    // the editor is offscreen
+                }
+                else if (outerMouseY + mouseRangeToTriggerScrollOutsideEditor >= window.innerHeight) {
+                    state.intervalId.set(scrollDown(window));
+                    // This basically means that the mouse is close to the upper edge
+                    // of the page (within MouseRange pixels) when the top of
+                    // the editor is offscreen
+                }
+                else if (outerMouseY - mouseRangeToTriggerScrollOutsideEditor <= 0) {
+                    state.intervalId.set(scrollUp(window));
+                    // This basically means that the mouse is close to the right edge
+                    // of the page (within MouseRange pixels) when the right edge of
+                    // the editor is offscreen
+                }
+                else if (outerMouseX + mouseRangeToTriggerScrollOutsideEditor >= window.innerWidth) {
+                    state.intervalId.set(scrollRight(window));
+                    // This basically means that the mouse is close to the left edge
+                    // of the page (within MouseRange pixels) when the left edge of
+                    // the editor is offscreen
+                }
+                else if (outerMouseX - mouseRangeToTriggerScrollOutsideEditor <= 0) {
+                    state.intervalId.set(scrollLeft(window));
+                }
+            }
+        });
+    };
+    const removeElement = (elm) => {
+        if (elm && elm.parentNode) {
+            elm.parentNode.removeChild(elm);
+        }
+    };
+    const removeElementWithPadding = (dom, elm) => {
+        const parentBlock = dom.getParent(elm.parentNode, dom.isBlock);
+        removeElement(elm);
+        if (parentBlock && parentBlock !== dom.getRoot() && dom.isEmpty(parentBlock)) {
+            fillWithPaddingBr(SugarElement.fromDom(parentBlock));
+        }
+    };
+    const isLeftMouseButtonPressed = (e) => e.button === 0;
+    const applyRelPos = (state, position) => ({
+        pageX: position.pageX - state.relX,
+        pageY: position.pageY + 5
+    });
+    const start = (state, editor) => (e) => {
+        if (isLeftMouseButtonPressed(e)) {
+            const ceElm = find$2(editor.dom.getParents(e.target), isContentEditable).getOr(null);
+            if (isNonNullable(ceElm) && isDraggable(editor.dom, editor.getBody(), ceElm)) {
+                const elmPos = editor.dom.getPos(ceElm);
+                const bodyElm = editor.getBody();
+                const docElm = editor.getDoc().documentElement;
+                state.set({
+                    element: ceElm,
+                    dataTransfer: createDataTransfer(),
+                    dragging: false,
+                    screenX: e.screenX,
+                    screenY: e.screenY,
+                    maxX: (editor.inline ? bodyElm.scrollWidth : docElm.offsetWidth) - 2,
+                    maxY: (editor.inline ? bodyElm.scrollHeight : docElm.offsetHeight) - 2,
+                    relX: e.pageX - elmPos.x,
+                    relY: e.pageY - elmPos.y,
+                    width: ceElm.offsetWidth,
+                    height: ceElm.offsetHeight,
+                    ghost: createGhost(editor, ceElm, ceElm.offsetWidth, ceElm.offsetHeight),
+                    intervalId: repeatable(scrollIntervalValue)
+                });
+            }
+        }
+    };
+    const placeCaretAt = (editor, clientX, clientY) => {
+        editor._selectionOverrides.hideFakeCaret();
+        closestFakeCaretCandidate(editor.getBody(), clientX, clientY).fold(() => editor.selection.placeCaretAt(clientX, clientY), (caretInfo) => {
+            const range = editor._selectionOverrides.showCaret(1, caretInfo.node, caretInfo.position === FakeCaretPosition.Before, false);
+            if (range) {
+                editor.selection.setRng(range);
+            }
+            else {
+                editor.selection.placeCaretAt(clientX, clientY);
+            }
+        });
+    };
+    const dispatchDragEvent = (editor, type, target, dataTransfer, mouseEvent) => {
+        if (type === 'dragstart') {
+            setHtmlData(dataTransfer, editor.dom.getOuterHTML(target));
+        }
+        const event = makeDragEvent(type, target, dataTransfer, mouseEvent);
+        const args = editor.dispatch(type, event);
+        return args;
+    };
+    const move = (state, editor) => {
+        // Reduces laggy drag behavior on Gecko
+        const throttledPlaceCaretAt = first$1((clientX, clientY) => placeCaretAt(editor, clientX, clientY), 0);
+        editor.on('remove', throttledPlaceCaretAt.cancel);
+        const state_ = state;
+        return (e) => state.on((state) => {
+            const movement = Math.max(Math.abs(e.screenX - state.screenX), Math.abs(e.screenY - state.screenY));
+            if (!state.dragging && movement > 10) {
+                const args = dispatchDragEvent(editor, 'dragstart', state.element, state.dataTransfer, e);
+                // TINY-9601: dataTransfer is writable in dragstart, so keep it up-to-date
+                if (isNonNullable(args.dataTransfer)) {
+                    state.dataTransfer = args.dataTransfer;
+                }
+                if (args.isDefaultPrevented()) {
+                    return;
+                }
+                state.dragging = true;
+                editor.focus();
+            }
+            if (state.dragging) {
+                const mouseEventOriginatedFromWithinTheEditor = e.currentTarget === editor.getDoc().documentElement;
+                const targetPos = applyRelPos(state, calc(editor, e));
+                appendGhostToBody(state.ghost, editor.getBody());
+                moveGhost(state.ghost, targetPos, state.width, state.height, state.maxX, state.maxY, e.clientY, e.clientX, editor.getContentAreaContainer(), editor.getWin(), state_, mouseEventOriginatedFromWithinTheEditor);
+                throttledPlaceCaretAt.throttle(e.clientX, e.clientY);
+            }
+        });
+    };
+    // Returns the raw element instead of the fake cE=false element
+    const getRawTarget = (selection) => {
+        const sel = selection.getSel();
+        if (isNonNullable(sel)) {
+            const rng = sel.getRangeAt(0);
+            const startContainer = rng.startContainer;
+            return isText$b(startContainer) ? startContainer.parentNode : startContainer;
+        }
+        else {
+            return null;
+        }
+    };
+    const drop = (state, editor) => (e) => {
+        state.on((state) => {
+            var _a;
+            state.intervalId.clear();
+            if (state.dragging) {
+                if (isValidDropTarget(editor, getRawTarget(editor.selection), state.element)) {
+                    const dropTarget = (_a = editor.getDoc().elementFromPoint(e.clientX, e.clientY)) !== null && _a !== void 0 ? _a : editor.getBody();
+                    const args = dispatchDragEvent(editor, 'drop', dropTarget, state.dataTransfer, e);
+                    if (!args.isDefaultPrevented()) {
+                        editor.undoManager.transact(() => {
+                            removeElementWithPadding(editor.dom, state.element);
+                            // TINY-9601: Use dataTransfer property to determine inserted content on drop. This allows users to
+                            // manipulate drop content by modifying dataTransfer in the dragstart event.
+                            getHtmlData(state.dataTransfer).each((content) => editor.insertContent(content));
+                            editor._selectionOverrides.hideFakeCaret();
+                        });
+                    }
+                }
+                // Use body as the target since the element we are dragging no longer exists. Native drag/drop works in a similar way.
+                dispatchDragEvent(editor, 'dragend', editor.getBody(), state.dataTransfer, e);
+            }
+        });
+        removeDragState(state);
+    };
+    const stopDragging = (state, editor, e) => {
+        state.on((state) => {
+            state.intervalId.clear();
+            if (state.dragging) {
+                e.fold(() => dispatchDragEvent(editor, 'dragend', state.element, state.dataTransfer), (mouseEvent) => dispatchDragEvent(editor, 'dragend', state.element, state.dataTransfer, mouseEvent));
+            }
+        });
+        removeDragState(state);
+    };
+    const stop = (state, editor) => (e) => stopDragging(state, editor, Optional?.some(e));
+    const removeDragState = (state) => {
+        state.on((state) => {
+            state.intervalId.clear();
+            removeElement(state.ghost);
+        });
+        state.clear();
+    };
+    const bindFakeDragEvents = (editor) => {
+        const state = value$2();
+        const pageDom = DOMUtils.DOM;
+        const rootDocument = document;
+        const dragStartHandler = start(state, editor);
+        const dragHandler = move(state, editor);
+        const dropHandler = drop(state, editor);
+        const dragEndHandler = stop(state, editor);
+        editor.on('mousedown', dragStartHandler);
+        editor.on('mousemove', dragHandler);
+        editor.on('mouseup', dropHandler);
+        pageDom.bind(rootDocument, 'mousemove', dragHandler);
+        pageDom.bind(rootDocument, 'mouseup', dragEndHandler);
+        editor.on('remove', () => {
+            pageDom.unbind(rootDocument, 'mousemove', dragHandler);
+            pageDom.unbind(rootDocument, 'mouseup', dragEndHandler);
+        });
+        editor.on('keydown', (e) => {
+            // Fire 'dragend' when the escape key is pressed
+            if (e.keyCode === VK.ESC) {
+                stopDragging(state, editor, Optional.none());
+            }
+        });
+    };
+    // Block files being dropped within the editor to prevent accidentally navigating away
+    // while editing. Note that we can't use the `editor.on` API here, as we want these
+    // to run after the editor event handlers have run. We also bind to the document
+    // so that it'll try to ensure it's the last thing that runs, as it bubbles up the dom.
+    const blockUnsupportedFileDrop = (editor) => {
+        const preventFileDrop = (e) => {
+            if (!e.isDefaultPrevented()) {
+                // Prevent file drop events within the editor, as they'll cause the browser to navigate away
+                const dataTransfer = e.dataTransfer;
+                if (dataTransfer && (contains$2(dataTransfer.types, 'Files') || dataTransfer.files.length > 0)) {
+                    e.preventDefault();
+                    if (e.type === 'drop') {
+                        displayError(editor, 'Dropped file type is not supported');
+                    }
+                }
+            }
+        };
+        const preventFileDropIfUIElement = (e) => {
+            if (isUIElement(editor, e.target)) {
+                preventFileDrop(e);
+            }
+        };
+        const setup = () => {
+            const pageDom = DOMUtils.DOM;
+            const dom = editor.dom;
+            const doc = document;
+            const editorRoot = editor.inline ? editor.getBody() : editor.getDoc();
+            const eventNames = ['drop', 'dragover'];
+            each$e(eventNames, (name) => {
+                pageDom.bind(doc, name, preventFileDropIfUIElement);
+                dom.bind(editorRoot, name, preventFileDrop);
+            });
+            editor.on('remove', () => {
+                each$e(eventNames, (name) => {
+                    pageDom.unbind(doc, name, preventFileDropIfUIElement);
+                    dom.unbind(editorRoot, name, preventFileDrop);
+                });
+            });
+        };
+        editor.on('init', () => {
+            // Use a timeout to ensure this fires after all other init callbacks
+            Delay.setEditorTimeout(editor, setup, 0);
+        });
+    };
+    const init$2 = (editor) => {
+        bindFakeDragEvents(editor);
+        if (shouldBlockUnsupportedDrop(editor)) {
+            blockUnsupportedFileDrop(editor);
+        }
+    };
+
+    const setup$4 = (editor) => {
+        const renderFocusCaret = first$1(() => {
+            // AP-24 Added the second condition in this if because of a race condition with setting focus on the PowerPaste
+            // remove/keep formatting dialog on paste in IE11. Without this, because we paste twice on IE11, focus ends up set
+            // in the editor, not the dialog buttons. Specifically, we focus, blur, focus, blur, focus then enter this throttled
+            // code before the next blur has been able to run. With this check, this function doesn't run at all in this case,
+            // so focus goes to the dialog's buttons correctly.
+            if (!editor.removed && editor.getBody().contains(document.activeElement)) {
+                const rng = editor.selection.getRng();
+                if (rng.collapsed) { // see TINY-1479
+                    const caretRange = renderRangeCaret(editor, rng, false);
+                    editor.selection.setRng(caretRange);
+                }
+            }
+        }, 0);
+        editor.on('focus', () => {
+            renderFocusCaret.throttle();
+        });
+        editor.on('blur', () => {
+            renderFocusCaret.cancel();
+        });
+    };
+
+    const setup$3 = (editor) => {
+        editor.on('init', () => {
+            // Audio elements don't fire mousedown/click events and only fire a focus event so
+            // we need to capture that event being fired and use it to update the selection.
+            editor.on('focusin', (e) => {
+                const target = e.target;
+                if (isMedia$2(target)) {
+                    const ceRoot = getContentEditableRoot$1(editor.getBody(), target);
+                    const node = isContentEditableFalse$a(ceRoot) ? ceRoot : target;
+                    if (editor.selection.getNode() !== node) {
+                        selectNode(editor, node).each((rng) => editor.selection.setRng(rng));
+                    }
+                }
+            });
+        });
+    };
+
+    const isContentEditableFalse = isContentEditableFalse$a;
+    const getContentEditableRoot = (editor, node) => getContentEditableRoot$1(editor.getBody(), node);
+    const SelectionOverrides = (editor) => {
+        const selection = editor.selection, dom = editor.dom;
+        const rootNode = editor.getBody();
+        const fakeCaret = FakeCaret(editor, rootNode, dom.isBlock, () => hasFocus(editor));
+        const realSelectionId = 'sel-' + dom.uniqueId();
+        const elementSelectionAttr = 'data-mce-selected';
+        let selectedElement;
+        const isFakeSelectionElement = (node) => isNonNullable(node) && dom.hasClass(node, 'mce-offscreen-selection');
+        // Note: isChildOf will return true if node === rootNode, so we need an additional check for that
+        const isFakeSelectionTargetElement = (node) => node !== rootNode && (isContentEditableFalse(node) || isMedia$2(node)) && dom.isChildOf(node, rootNode) && dom.isEditable(node.parentNode);
+        const setRange = (range) => {
+            if (range) {
+                selection.setRng(range);
+            }
+        };
+        const showCaret = (direction, node, before, scrollIntoView = true) => {
+            const e = editor.dispatch('ShowCaret', {
+                target: node,
+                direction,
+                before
+            });
+            if (e.isDefaultPrevented()) {
+                return null;
+            }
+            if (scrollIntoView) {
+                selection.scrollIntoView(node, direction === -1);
+            }
+            return fakeCaret.show(before, node);
+        };
+        const showBlockCaretContainer = (blockCaretContainer) => {
+            if (blockCaretContainer.hasAttribute('data-mce-caret')) {
+                showCaretContainerBlock(blockCaretContainer);
+                selection.scrollIntoView(blockCaretContainer);
+            }
+        };
+        const registerEvents = () => {
+            editor.on('click', (e) => {
+                // Prevent clicks on links in a cE=false element
+                if (!dom.isEditable(e.target)) {
+                    e.preventDefault();
+                    editor.focus();
+                }
+            });
+            editor.on('blur NewBlock', removeElementSelection);
+            editor.on('ResizeWindow FullscreenStateChanged', fakeCaret.reposition);
+            editor.on('tap', (e) => {
+                const targetElm = e.target;
+                const contentEditableRoot = getContentEditableRoot(editor, targetElm);
+                if (isContentEditableFalse(contentEditableRoot)) {
+                    e.preventDefault();
+                    selectNode(editor, contentEditableRoot).each(setElementSelection);
+                }
+                else if (isFakeSelectionTargetElement(targetElm)) {
+                    selectNode(editor, targetElm).each(setElementSelection);
+                }
+            }, true);
+            editor.on('mousedown', (e) => {
+                const targetElm = e.target;
+                if (targetElm !== rootNode && targetElm.nodeName !== 'HTML' && !dom.isChildOf(targetElm, rootNode)) {
+                    return;
+                }
+                if (!isXYInContentArea(editor, e.clientX, e.clientY)) {
+                    return;
+                }
+                // Remove needs to be called here since the mousedown might alter the selection without calling selection.setRng
+                // and therefore not fire the AfterSetSelectionRange event.
+                removeElementSelection();
+                hideFakeCaret();
+                const closestContentEditable = getContentEditableRoot(editor, targetElm);
+                if (isContentEditableFalse(closestContentEditable)) {
+                    e.preventDefault();
+                    selectNode(editor, closestContentEditable).each(setElementSelection);
+                }
+                else {
+                    closestFakeCaretCandidate(rootNode, e.clientX, e.clientY).each((caretInfo) => {
+                        e.preventDefault();
+                        const range = showCaret(1, caretInfo.node, caretInfo.position === FakeCaretPosition.Before, false);
+                        setRange(range);
+                        // Set the focus after the range has been set to avoid potential issues where the body has no selection
+                        if (isHTMLElement(closestContentEditable)) {
+                            closestContentEditable.focus();
+                        }
+                        else {
+                            editor.getBody().focus();
+                        }
+                    });
+                }
+            });
+            editor.on('keypress', (e) => {
+                if (VK.modifierPressed(e)) {
+                    return;
+                }
+                if (isContentEditableFalse(selection.getNode())) {
+                    e.preventDefault();
+                }
+            });
+            editor.on('GetSelectionRange', (e) => {
+                let rng = e.range;
+                if (selectedElement) {
+                    if (!selectedElement.parentNode) {
+                        selectedElement = null;
+                        return;
+                    }
+                    rng = rng.cloneRange();
+                    rng.selectNode(selectedElement);
+                    e.range = rng;
+                }
+            });
+            editor.on('focusin', (e) => {
+                if (fakeCaret.isShowing() && editor.getBody().contains(e.target) && e.target !== editor.getBody() && !editor.dom.isEditable(e.target.parentNode)) {
+                    fakeCaret.hide();
+                    if (!e.target.contains(editor.selection.getNode())) {
+                        editor.selection.select(e.target, true);
+                        editor.selection.collapse(true);
+                    }
+                    const rng = setElementSelection(editor.selection.getRng(), true);
+                    if (rng) {
+                        editor.selection.setRng(rng);
+                    }
+                }
+            });
+            editor.on('SetSelectionRange', (e) => {
+                // If the range is set inside a short ended element, then move it
+                // to the side as IE for example will try to add content inside
+                e.range = normalizeVoidElementSelection(e.range);
+                const rng = setElementSelection(e.range, e.forward);
+                if (rng) {
+                    e.range = rng;
+                }
+            });
+            const isPasteBin = (node) => isElement$6(node) && node.id === 'mcepastebin';
+            editor.on('AfterSetSelectionRange', (e) => {
+                const rng = e.range;
+                const parent = rng.startContainer.parentElement;
+                if (!isRangeInCaretContainer(rng) && !isPasteBin(parent)) {
+                    hideFakeCaret();
+                }
+                if (!isFakeSelectionElement(parent)) {
+                    removeElementSelection();
+                }
+            });
+            init$2(editor);
+            setup$4(editor);
+            setup$3(editor);
+        };
+        const isWithinCaretContainer = (node) => (isCaretContainer$2(node) ||
+            startsWithCaretContainer$1(node) ||
+            endsWithCaretContainer$1(node));
+        const isRangeInCaretContainer = (rng) => isWithinCaretContainer(rng.startContainer) || isWithinCaretContainer(rng.endContainer);
+        const normalizeVoidElementSelection = (rng) => {
+            const voidElements = editor.schema.getVoidElements();
+            const newRng = dom.createRng();
+            const startContainer = rng.startContainer;
+            const startOffset = rng.startOffset;
+            const endContainer = rng.endContainer;
+            const endOffset = rng.endOffset;
+            if (has$2(voidElements, startContainer.nodeName.toLowerCase())) {
+                if (startOffset === 0) {
+                    newRng.setStartBefore(startContainer);
+                }
+                else {
+                    newRng.setStartAfter(startContainer);
+                }
+            }
+            else {
+                newRng.setStart(startContainer, startOffset);
+            }
+            if (has$2(voidElements, endContainer.nodeName.toLowerCase())) {
+                if (endOffset === 0) {
+                    newRng.setEndBefore(endContainer);
+                }
+                else {
+                    newRng.setEndAfter(endContainer);
+                }
+            }
+            else {
+                newRng.setEnd(endContainer, endOffset);
+            }
+            return newRng;
+        };
+        const setupOffscreenSelection = (node, targetClone) => {
+            const body = SugarElement.fromDom(editor.getBody());
+            const doc = editor.getDoc();
+            const realSelectionContainer = descendant$1(body, '#' + realSelectionId).getOrThunk(() => {
+                const newContainer = SugarElement.fromHtml('<div data-mce-bogus="all" class="mce-offscreen-selection"></div>', doc);
+                set$4(newContainer, 'id', realSelectionId);
+                append$1(body, newContainer);
+                return newContainer;
+            });
+            const newRange = dom.createRng();
+            empty(realSelectionContainer);
+            append(realSelectionContainer, [
+                SugarElement.fromText(nbsp, doc),
+                SugarElement.fromDom(targetClone),
+                SugarElement.fromText(nbsp, doc)
+            ]);
+            newRange.setStart(realSelectionContainer.dom.firstChild, 1);
+            newRange.setEnd(realSelectionContainer.dom.lastChild, 0);
+            setAll(realSelectionContainer, {
+                top: dom.getPos(node, editor.getBody()).y + 'px'
+            });
+            focus$1(realSelectionContainer);
+            const sel = selection.getSel();
+            if (sel) {
+                sel.removeAllRanges();
+                sel.addRange(newRange);
+            }
+            return newRange;
+        };
+        const selectElement = (elm) => {
+            const targetClone = elm.cloneNode(true);
+            const e = editor.dispatch('ObjectSelected', { target: elm, targetClone });
+            if (e.isDefaultPrevented()) {
+                return null;
+            }
+            // Setup the offscreen selection
+            const range = setupOffscreenSelection(elm, e.targetClone);
+            // We used to just remove all data-mce-selected values and set 1 on node.
+            // But data-mce-selected can be values other than 1 so keep existing value if
+            // node has one, and remove data-mce-selected from everything else
+            const nodeElm = SugarElement.fromDom(elm);
+            each$e(descendants(SugarElement.fromDom(editor.getBody()), `*[${elementSelectionAttr}]`), (elm) => {
+                if (!eq(nodeElm, elm)) {
+                    remove$9(elm, elementSelectionAttr);
+                }
+            });
+            if (!dom.getAttrib(elm, elementSelectionAttr)) {
+                elm.setAttribute(elementSelectionAttr, '1');
+            }
+            selectedElement = elm;
+            hideFakeCaret();
+            return range;
+        };
+        const setElementSelection = (range, forward) => {
+            if (!range) {
+                return null;
+            }
+            if (range.collapsed) {
+                if (!isRangeInCaretContainer(range)) {
+                    const dir = forward ? 1 : -1;
+                    const caretPosition = getNormalizedRangeEndPoint(dir, rootNode, range);
+                    const beforeNode = caretPosition.getNode(!forward);
+                    if (isNonNullable(beforeNode)) {
+                        if (isFakeCaretTarget(beforeNode)) {
+                            return showCaret(dir, beforeNode, forward ? !caretPosition.isAtEnd() : false, false);
+                        }
+                        if (isCaretContainerInline(beforeNode) && isContentEditableFalse$a(beforeNode.nextSibling)) {
+                            const rng = dom.createRng();
+                            rng.setStart(beforeNode, 0);
+                            rng.setEnd(beforeNode, 0);
+                            return rng;
+                        }
+                    }
+                    const afterNode = caretPosition.getNode(forward);
+                    if (isNonNullable(afterNode)) {
+                        if (isFakeCaretTarget(afterNode)) {
+                            return showCaret(dir, afterNode, forward ? false : !caretPosition.isAtEnd(), false);
+                        }
+                        if (isCaretContainerInline(afterNode) && isContentEditableFalse$a(afterNode.previousSibling)) {
+                            const rng = dom.createRng();
+                            rng.setStart(afterNode, 1);
+                            rng.setEnd(afterNode, 1);
+                            return rng;
+                        }
+                    }
+                }
+                return null;
+            }
+            let startContainer = range.startContainer;
+            let startOffset = range.startOffset;
+            const endOffset = range.endOffset;
+            // Normalizes <span cE=false>[</span>] to [<span cE=false></span>]
+            if (isText$b(startContainer) && startOffset === 0 && isContentEditableFalse(startContainer.parentNode)) {
+                startContainer = startContainer.parentNode;
+                startOffset = dom.nodeIndex(startContainer);
+                startContainer = startContainer.parentNode;
+            }
+            if (!isElement$6(startContainer)) {
+                return null;
+            }
+            if (endOffset === startOffset + 1 && startContainer === range.endContainer) {
+                const node = startContainer.childNodes[startOffset];
+                if (isFakeSelectionTargetElement(node)) {
+                    return selectElement(node);
+                }
+            }
+            return null;
+        };
+        const removeElementSelection = () => {
+            if (selectedElement) {
+                selectedElement.removeAttribute(elementSelectionAttr);
+            }
+            descendant$1(SugarElement.fromDom(editor.getBody()), '#' + realSelectionId).each(remove$8);
+            selectedElement = null;
+        };
+        const destroy = () => {
+            fakeCaret.destroy();
+            selectedElement = null;
+        };
+        const hideFakeCaret = () => {
+            fakeCaret.hide();
+        };
+        if (!isRtc(editor)) {
+            registerEvents();
+        }
+        return {
+            showCaret,
+            showBlockCaretContainer,
+            hideFakeCaret,
+            destroy
+        };
+    };
+
+    const getNormalizedTextOffset = (container, offset) => {
+        let normalizedOffset = offset;
+        for (let node = container.previousSibling; isText$b(node); node = node.previousSibling) {
+            normalizedOffset += node.data.length;
+        }
+        return normalizedOffset;
+    };
+    const generatePath = (dom, root, node, offset, normalized) => {
+        if (isText$b(node) && (offset < 0 || offset > node.data.length)) {
+            return [];
+        }
+        const p = normalized && isText$b(node) ? [getNormalizedTextOffset(node, offset)] : [offset];
+        let current = node;
+        while (current !== root && current.parentNode) {
+            p.push(dom.nodeIndex(current, normalized));
+            current = current.parentNode;
+        }
+        return current === root ? p.reverse() : [];
+    };
+    const generatePathRange = (dom, root, startNode, startOffset, endNode, endOffset, normalized = false) => {
+        const start = generatePath(dom, root, startNode, startOffset, normalized);
+        const end = generatePath(dom, root, endNode, endOffset, normalized);
+        return { start, end };
+    };
+    const resolvePath = (root, path) => {
+        const nodePath = path.slice();
+        const offset = nodePath.pop();
+        if (!isNumber(offset)) {
+            return Optional.none();
+        }
+        else {
+            const resolvedNode = foldl(nodePath, (optNode, index) => optNode.bind((node) => Optional.from(node.childNodes[index])), Optional?.some(root));
+            return resolvedNode.bind((node) => {
+                if (isText$b(node) && (offset < 0 || offset > node.data.length)) {
+                    return Optional.none();
+                }
+                else {
+                    return Optional?.some({ node, offset });
+                }
+            });
+        }
+    };
+    const resolvePathRange = (root, range) => resolvePath(root, range.start)
+        .bind(({ node: startNode, offset: startOffset }) => resolvePath(root, range.end)?.map(({ node: endNode, offset: endOffset }) => {
+        const rng = document.createRange();
+        rng.setStart(startNode, startOffset);
+        rng.setEnd(endNode, endOffset);
+        return rng;
+    }));
+    const generatePathRangeFromRange = (dom, root, range, normalized = false) => generatePathRange(dom, root, range.startContainer, range.startOffset, range.endContainer, range.endOffset, normalized);
+
+    const cleanEmptyNodes = (dom, node, isRoot) => {
+        // Recursively walk up the tree while we have a parent and the node is empty. If the node is empty, then remove it.
+        if (node && dom.isEmpty(node) && !isRoot(node)) {
+            const parent = node.parentNode;
+            dom.remove(node, isText$b(node.firstChild) && isWhitespaceText(node.firstChild.data));
+            cleanEmptyNodes(dom, parent, isRoot);
+        }
+    };
+    const deleteRng = (dom, rng, isRoot, clean = true) => {
+        const startParent = rng.startContainer.parentNode;
+        const endParent = rng.endContainer.parentNode;
+        rng.deleteContents();
+        // Clean up any empty nodes if required
+        if (clean && !isRoot(rng.startContainer)) {
+            if (isText$b(rng.startContainer) && rng.startContainer.data.length === 0) {
+                dom.remove(rng.startContainer);
+            }
+            if (isText$b(rng.endContainer) && rng.endContainer.data.length === 0) {
+                dom.remove(rng.endContainer);
+            }
+            cleanEmptyNodes(dom, startParent, isRoot);
+            if (startParent !== endParent) {
+                cleanEmptyNodes(dom, endParent, isRoot);
+            }
+        }
+    };
+    const getParentBlock = (editor, rng) => Optional.from(editor.dom.getParent(rng.startContainer, editor.dom.isBlock));
+    const resolveFromDynamicPatterns = (patternSet, block, beforeText) => {
+        const dynamicPatterns = patternSet.dynamicPatternsLookup({
+            text: beforeText,
+            block
+        });
+        // dynamic patterns take precedence here
+        return {
+            ...patternSet,
+            blockPatterns: getBlockPatterns(dynamicPatterns).concat(patternSet.blockPatterns),
+            inlinePatterns: getInlinePatterns(dynamicPatterns).concat(patternSet.inlinePatterns)
+        };
+    };
+    const getBeforeText = (dom, block, node, offset) => {
+        const rng = dom.createRng();
+        rng.setStart(block, 0);
+        rng.setEnd(node, offset);
+        return rng.toString();
+    };
+
+    const newMarker = (dom, id) => dom.create('span', { 'data-mce-type': 'bookmark', id });
+    const rangeFromMarker = (dom, marker) => {
+        const rng = dom.createRng();
+        rng.setStartAfter(marker.start);
+        rng.setEndBefore(marker.end);
+        return rng;
+    };
+    const createMarker = (dom, markerPrefix, pathRange) => {
+        // Resolve the path range
+        const rng = resolvePathRange(dom.getRoot(), pathRange).getOrDie('Unable to resolve path range');
+        const startNode = rng.startContainer;
+        const endNode = rng.endContainer;
+        // Create the marker
+        const textEnd = rng.endOffset === 0 ? endNode : endNode.splitText(rng.endOffset);
+        const textStart = rng.startOffset === 0 ? startNode : startNode.splitText(rng.startOffset);
+        const startParentNode = textStart.parentNode;
+        const endParentNode = textEnd.parentNode;
+        return {
+            prefix: markerPrefix,
+            end: endParentNode.insertBefore(newMarker(dom, markerPrefix + '-end'), textEnd),
+            start: startParentNode.insertBefore(newMarker(dom, markerPrefix + '-start'), textStart)
+        };
+    };
+    const removeMarker = (dom, marker, isRoot) => {
+        // Note: Use dom.get() here instead of marker.end/start, as applying the format/command can
+        // clone the nodes meaning the old reference isn't usable
+        cleanEmptyNodes(dom, dom.get(marker.prefix + '-end'), isRoot);
+        cleanEmptyNodes(dom, dom.get(marker.prefix + '-start'), isRoot);
+    };
+
+    const isReplacementPattern = (pattern) => pattern.start.length === 0;
+    const matchesPattern = (patternContent) => (element, offset) => {
+        const text = element.data;
+        const searchText = text.substring(0, offset);
+        const startEndIndex = searchText.lastIndexOf(patternContent.charAt(patternContent.length - 1));
+        const startIndex = searchText.lastIndexOf(patternContent);
+        if (startIndex !== -1) {
+            // Complete string found
+            return startIndex + patternContent.length;
+        }
+        else if (startEndIndex !== -1) {
+            // Potential partial string found
+            return startEndIndex + 1;
+        }
+        else {
+            // No match in current node, so continue
+            return -1;
+        }
+    };
+    const findPatternStartFromSpot = (dom, pattern, block, spot) => {
+        const startPattern = pattern.start;
+        const startSpot = repeatLeft(dom, spot.container, spot.offset, matchesPattern(startPattern), block);
+        return startSpot.bind((spot) => {
+            var _a, _b;
+            const startPatternIndex = (_b = (_a = block.textContent) === null || _a === void 0 ? void 0 : _a.indexOf(startPattern)) !== null && _b !== void 0 ? _b : -1;
+            const isCompleteMatch = startPatternIndex !== -1 && spot.offset >= startPatternIndex + startPattern.length;
+            if (isCompleteMatch) {
+                // Complete match
+                const rng = dom.createRng();
+                rng.setStart(spot.container, spot.offset - startPattern.length);
+                rng.setEnd(spot.container, spot.offset);
+                return Optional?.some(rng);
+            }
+            else {
+                // Partial match so lean left to see if the string exists over fragmented text nodes
+                const offset = spot.offset - startPattern.length;
+                return scanLeft(spot.container, offset, block)?.map((nextSpot) => {
+                    // Build up the range between the last char and the first char
+                    const rng = dom.createRng();
+                    rng.setStart(nextSpot.container, nextSpot.offset);
+                    rng.setEnd(spot.container, spot.offset);
+                    return rng;
+                }).filter((rng) => 
+                // Ensure the range content matches the start
+                rng.toString() === startPattern).orThunk(() => 
+                // No match found, so continue searching
+                findPatternStartFromSpot(dom, pattern, block, point(spot.container, 0)));
+            }
+        });
+    };
+    const findPatternStart = (dom, pattern, node, offset, block, requireGap = false) => {
+        if (pattern.start.length === 0 && !requireGap) {
+            const rng = dom.createRng();
+            rng.setStart(node, offset);
+            rng.setEnd(node, offset);
+            return Optional?.some(rng);
+        }
+        return textBefore(node, offset, block).bind((spot) => {
+            const start = findPatternStartFromSpot(dom, pattern, block, spot);
+            return start.bind((startRange) => {
+                var _a;
+                if (requireGap) {
+                    if (startRange.endContainer === spot.container && startRange.endOffset === spot.offset) {
+                        return Optional.none();
+                    }
+                    else if (spot.offset === 0 && ((_a = startRange.endContainer.textContent) === null || _a === void 0 ? void 0 : _a.length) === startRange.endOffset) {
+                        return Optional.none();
+                    }
+                }
+                return Optional?.some(startRange);
+            });
+        });
+    };
+    const findPattern$3 = (editor, block, details, normalizedMatches) => {
+        const dom = editor.dom;
+        const root = dom.getRoot();
+        const pattern = details.pattern;
+        const endNode = details.position.container;
+        const endOffset = details.position.offset;
+        // Lean left to find the start of the end pattern, as it could be across fragmented nodes
+        return scanLeft(endNode, endOffset - details.pattern.end.length, block).bind((spot) => {
+            const endPathRng = generatePathRange(dom, root, spot.container, spot.offset, endNode, endOffset, normalizedMatches);
+            // If we have a replacement pattern, then it can't have nested patterns so just return immediately
+            if (isReplacementPattern(pattern)) {
+                return Optional?.some({
+                    matches: [{
+                            pattern,
+                            startRng: endPathRng,
+                            endRng: endPathRng
+                        }],
+                    position: spot
+                });
+            }
+            else {
+                // Find any nested patterns, making sure not to process the current pattern again
+                const resultsOpt = findPatternsRec(editor, details.remainingPatterns, spot.container, spot.offset, block, normalizedMatches);
+                const results = resultsOpt.getOr({ matches: [], position: spot });
+                const pos = results.position;
+                // Find the start of the matched pattern
+                const start = findPatternStart(dom, pattern, pos.container, pos.offset, block, resultsOpt.isNone());
+                return start?.map((startRng) => {
+                    const startPathRng = generatePathRangeFromRange(dom, root, startRng, normalizedMatches);
+                    return {
+                        matches: results.matches.concat([{
+                                pattern,
+                                startRng: startPathRng,
+                                endRng: endPathRng
+                            }]),
+                        position: point(startRng.startContainer, startRng.startOffset)
+                    };
+                });
+            }
+        });
+    };
+    // Assumptions:
+    // 0. Patterns are sorted by priority so we should preferentially match earlier entries
+    // 1. Patterns may be nested but may only occur once
+    // 2. Patterns will not have matching prefixes which contain space or standard punctuation ',', '.', ';', ':', '!', '?'
+    // 3. Patterns will not extend outside of the root element
+    // 4. All pattern ends must be directly before the cursor (represented by node + offset)
+    // 5. Only text nodes matter
+    const findPatternsRec = (editor, patterns, node, offset, block, normalizedMatches) => {
+        const dom = editor.dom;
+        return textBefore(node, offset, dom.getRoot()).bind((endSpot) => {
+            const text = getBeforeText(dom, block, node, offset);
+            for (let i = 0; i < patterns.length; i++) {
+                const pattern = patterns[i];
+                // If the text does not end with the same string as the pattern, then we can exit
+                // early, because this pattern isn't going to match this text. This saves us doing more
+                // expensive matching calls.
+                if (!endsWith(text, pattern.end)) {
+                    continue;
+                }
+                // Generate a new array without the current pattern
+                const patternsWithoutCurrent = patterns.slice();
+                patternsWithoutCurrent.splice(i, 1);
+                // Try to find the current pattern
+                const result = findPattern$3(editor, block, {
+                    pattern,
+                    remainingPatterns: patternsWithoutCurrent,
+                    position: endSpot
+                }, normalizedMatches);
+                if (result.isNone() && offset > 0) {
+                    return findPatternsRec(editor, patterns, node, offset - 1, block, normalizedMatches);
+                }
+                // If a match was found then return that
+                if (result.isSome()) {
+                    return result;
+                }
+            }
+            return Optional.none();
+        });
+    };
+    const applyPattern$2 = (editor, pattern, patternRange) => {
+        editor.selection.setRng(patternRange);
+        if (pattern.type === 'inline-format') {
+            each$e(pattern.format, (format) => {
+                editor.formatter.apply(format);
+            });
+        }
+        else {
+            editor.execCommand(pattern.cmd, false, pattern.value);
+        }
+    };
+    const applyReplacementPattern = (editor, pattern, marker, isRoot) => {
+        // Remove the original text
+        const markerRange = rangeFromMarker(editor.dom, marker);
+        deleteRng(editor.dom, markerRange, isRoot);
+        // Apply the replacement
+        applyPattern$2(editor, pattern, markerRange);
+    };
+    const applyPatternWithContent = (editor, pattern, startMarker, endMarker, isRoot) => {
+        const dom = editor.dom;
+        // Create the marker ranges for the patterns start/end content
+        const markerEndRange = rangeFromMarker(dom, endMarker);
+        const markerStartRange = rangeFromMarker(dom, startMarker);
+        // Clean up the pattern start/end content
+        deleteRng(dom, markerStartRange, isRoot);
+        deleteRng(dom, markerEndRange, isRoot);
+        // Apply the pattern
+        const patternMarker = { prefix: startMarker.prefix, start: startMarker.end, end: endMarker.start };
+        const patternRange = rangeFromMarker(dom, patternMarker);
+        applyPattern$2(editor, pattern, patternRange);
+    };
+    const addMarkers = (dom, matches) => {
+        const markerPrefix = generate('mce_textpattern');
+        // Add end markers
+        const matchesWithEnds = foldr(matches, (acc, match) => {
+            const endMarker = createMarker(dom, markerPrefix + `_end${acc.length}`, match.endRng);
+            return acc.concat([{
+                    ...match,
+                    endMarker
+                }]);
+        }, []);
+        // Add start markers
+        return foldr(matchesWithEnds, (acc, match) => {
+            const idx = matchesWithEnds.length - acc.length - 1;
+            const startMarker = isReplacementPattern(match.pattern) ? match.endMarker : createMarker(dom, markerPrefix + `_start${idx}`, match.startRng);
+            return acc.concat([{
+                    ...match,
+                    startMarker
+                }]);
+        }, []);
+    };
+    const sortPatterns$1 = (patterns) => sort(patterns, (a, b) => b.end.length - a.end.length);
+    const getBestMatches = (matches, matchesWithSortedPatterns) => {
+        const hasSameMatches = forall(matches, (match) => exists(matchesWithSortedPatterns, (sortedMatch) => match.pattern.start === sortedMatch.pattern.start && match.pattern.end === sortedMatch.pattern.end));
+        if (matches.length === matchesWithSortedPatterns.length) {
+            if (hasSameMatches) {
+                return matches;
+            }
+            else {
+                return matchesWithSortedPatterns;
+            }
+        }
+        return matches.length > matchesWithSortedPatterns.length ? matches : matchesWithSortedPatterns;
+    };
+    const findPatterns$2 = (editor, block, node, offset, patternSet, normalizedMatches) => {
+        const matches = findPatternsRec(editor, patternSet.inlinePatterns, node, offset, block, normalizedMatches).fold(() => [], (result) => result.matches);
+        const matchesWithSortedPatterns = findPatternsRec(editor, sortPatterns$1(patternSet.inlinePatterns), node, offset, block, normalizedMatches).fold(() => [], (result) => result.matches);
+        return getBestMatches(matches, matchesWithSortedPatterns);
+    };
+    const applyMatches$2 = (editor, matches) => {
+        if (matches.length === 0) {
+            return;
+        }
+        // Store the current selection
+        const dom = editor.dom;
+        const bookmark = editor.selection.getBookmark();
+        // Add markers for the matched patterns
+        const matchesWithMarkers = addMarkers(dom, matches);
+        // Do the replacements
+        each$e(matchesWithMarkers, (match) => {
+            const block = dom.getParent(match.startMarker.start, dom.isBlock);
+            const isRoot = (node) => node === block;
+            if (isReplacementPattern(match.pattern)) {
+                applyReplacementPattern(editor, match.pattern, match.endMarker, isRoot);
+            }
+            else {
+                applyPatternWithContent(editor, match.pattern, match.startMarker, match.endMarker, isRoot);
+            }
+            // Remove the markers
+            removeMarker(dom, match.endMarker, isRoot);
+            removeMarker(dom, match.startMarker, isRoot);
+        });
+        // Restore the selection
+        editor.selection.moveToBookmark(bookmark);
+    };
+
+    const stripPattern$1 = (dom, block, pattern) => {
+        // The pattern could be across fragmented text nodes, so we need to find the end
+        // of the pattern and then remove all elements between the start/end range
+        return textAfter(block, 0, block)?.map((spot) => {
+            const node = spot.container;
+            scanRight(node, pattern.start.length, block).each((end) => {
+                const rng = dom.createRng();
+                rng.setStart(node, 0);
+                rng.setEnd(end.container, end.offset);
+                deleteRng(dom, rng, (e) => e === block);
+            });
+            return node;
+        });
+    };
+    const createApplyPattern = (stripPattern) => (editor, match) => {
+        const dom = editor.dom;
+        const pattern = match.pattern;
+        const rng = resolvePathRange(dom.getRoot(), match.range).getOrDie('Unable to resolve path range');
+        const isBlockFormatName = (name, formatter) => {
+            const formatSet = formatter.get(name);
+            return isArray$1(formatSet) && head(formatSet).exists((format) => has$2(format, 'block'));
+        };
+        getParentBlock(editor, rng).each((block) => {
+            if (pattern.type === 'block-format') {
+                if (isBlockFormatName(pattern.format, editor.formatter)) {
+                    editor.undoManager.transact(() => {
+                        stripPattern(editor.dom, block, pattern);
+                        editor.formatter.apply(pattern.format);
+                    });
+                }
+            }
+            else if (pattern.type === 'block-command') {
+                editor.undoManager.transact(() => {
+                    stripPattern(editor.dom, block, pattern);
+                    editor.execCommand(pattern.cmd, false, pattern.value);
+                });
+            }
+        });
+        return true;
+    };
+    const sortPatterns = (patterns) => sort(patterns, (a, b) => b.start.length - a.start.length);
+    // Finds a matching pattern to the specified text
+    const findPattern$2 = (predicate) => (patterns, text) => {
+        const sortedPatterns = sortPatterns(patterns);
+        const nuText = text.replace(nbsp, ' ');
+        return find$2(sortedPatterns, (pattern) => predicate(pattern, text, nuText));
+    };
+    const createFindPatterns = (findPattern, skipFullMatch) => (editor, block, patternSet, normalizedMatches, text) => {
+        var _a;
+        if (text === void 0) { text = (_a = block.textContent) !== null && _a !== void 0 ? _a : ''; }
+        const dom = editor.dom;
+        const forcedRootBlock = getForcedRootBlock(editor);
+        if (!dom.is(block, forcedRootBlock)) {
+            return [];
+        }
+        return findPattern(patternSet.blockPatterns, text)?.map((pattern) => {
+            if (skipFullMatch && Tools.trim(text).length === pattern.start.length) {
+                return [];
+            }
+            return [{
+                    pattern,
+                    range: generatePathRange(dom, dom.getRoot(), block, 0, block, 0, normalizedMatches)
+                }];
+        }).getOr([]);
+    };
+
+    const startsWithSingleSpace = (s) => /^\s[^\s]/.test(s);
+    const stripPattern = (dom, block, pattern) => {
+        stripPattern$1(dom, block, pattern).each((node) => {
+            /**
+             * TINY-9603: If there is a single space between pattern.start and text (e.g. # 1)
+             * then it will be left in the text content and then can appear in certain circumstances.
+             * This is not an issue with multiple spaces because they are transformed to non-breaking ones.
+             *
+             * In this specific case we've decided to remove this single space whatsoever
+             * as it feels to be the expected behavior.
+             */
+            const text = SugarElement.fromDom(node);
+            const textContent = get$4(text);
+            if (startsWithSingleSpace(textContent)) {
+                set$1(text, textContent.slice(1));
+            }
+        });
+    };
+    const applyPattern$1 = createApplyPattern(stripPattern);
+    const findPattern$1 = findPattern$2((pattern, text, nuText) => text.indexOf(pattern.start) === 0 || nuText.indexOf(pattern.start) === 0);
+    const findPatterns$1 = createFindPatterns(findPattern$1, true);
+    const getMatches$1 = (editor, patternSet) => {
+        const rng = editor.selection.getRng();
+        return getParentBlock(editor, rng)?.map((block) => {
+            var _a;
+            const offset = Math.max(0, rng.startOffset);
+            const dynamicPatternSet = resolveFromDynamicPatterns(patternSet, block, (_a = block.textContent) !== null && _a !== void 0 ? _a : '');
+            // IMPORTANT: We need to get normalized match results since undoing and redoing the editor state
+            // via undoManager.extra() will result in the DOM being normalized.
+            const inlineMatches = findPatterns$2(editor, block, rng.startContainer, offset, dynamicPatternSet, true);
+            const blockMatches = findPatterns$1(editor, block, dynamicPatternSet, true);
+            return { inlineMatches, blockMatches };
+        }).filter(({ inlineMatches, blockMatches }) => blockMatches.length > 0 || inlineMatches.length > 0);
+    };
+    const applyMatches$1 = (editor, matches) => {
+        if (matches.length === 0) {
+            return;
+        }
+        // Store the current selection and then apply the matched patterns
+        const bookmark = editor.selection.getBookmark();
+        each$e(matches, (match) => applyPattern$1(editor, match));
+        editor.selection.moveToBookmark(bookmark);
+    };
+
+    const applyPattern = createApplyPattern(stripPattern$1);
+    const findPattern = findPattern$2((pattern, text, nuText) => text === pattern.start || nuText === pattern.start);
+    const findPatterns = createFindPatterns(findPattern, false);
+    const getMatches = (editor, patternSet) => {
+        const rng = editor.selection.getRng();
+        return getParentBlock(editor, rng)?.map((block) => {
+            const offset = Math.max(0, rng.startOffset);
+            const beforeText = getBeforeText(editor.dom, block, rng.startContainer, offset);
+            const dynamicPatternSet = resolveFromDynamicPatterns(patternSet, block, beforeText);
+            return findPatterns(editor, block, dynamicPatternSet, false, beforeText);
+        }).filter((matches) => matches.length > 0);
+    };
+    const applyMatches = (editor, matches) => {
+        each$e(matches, (match) => applyPattern(editor, match));
+    };
+
+    const handleEnter = (editor, patternSet) => getMatches$1(editor, patternSet).fold(never, ({ inlineMatches, blockMatches }) => {
+        editor.undoManager.add();
+        editor.undoManager.extra(() => {
+            editor.execCommand('mceInsertNewLine');
+        }, () => {
+            // create a cursor position that we can move to avoid the inline formats
+            insert$5(editor);
+            applyMatches$2(editor, inlineMatches);
+            applyMatches$1(editor, blockMatches);
+            // find the spot before the cursor position
+            const range = editor.selection.getRng();
+            const spot = textBefore(range.startContainer, range.startOffset, editor.dom.getRoot());
+            editor.execCommand('mceInsertNewLine');
+            // clean up the cursor position we used to preserve the format
+            spot.each((s) => {
+                const node = s.container;
+                if (node.data.charAt(s.offset - 1) === zeroWidth) {
+                    node.deleteData(s.offset - 1, 1);
+                    cleanEmptyNodes(editor.dom, node.parentNode, (e) => e === editor.dom.getRoot());
+                }
+            });
+        });
+        return true;
+    });
+    const handleInlineKey = (editor, patternSet) => {
+        const rng = editor.selection.getRng();
+        getParentBlock(editor, rng)?.map((block) => {
+            const offset = Math.max(0, rng.startOffset - 1);
+            const beforeText = getBeforeText(editor.dom, block, rng.startContainer, offset);
+            const dynamicPatternSet = resolveFromDynamicPatterns(patternSet, block, beforeText);
+            const inlineMatches = findPatterns$2(editor, block, rng.startContainer, offset, dynamicPatternSet, false);
+            if (inlineMatches.length > 0) {
+                editor.undoManager.transact(() => {
+                    applyMatches$2(editor, inlineMatches);
+                });
+            }
+        });
+    };
+    const handleBlockPatternOnSpace = (editor, patternSet) => getMatches(editor, patternSet).fold(never, (matches) => {
+        editor.undoManager.transact(() => {
+            applyMatches(editor, matches);
+        });
+        return true;
+    });
+    const checkKeyEvent = (codes, event, predicate) => {
+        for (let i = 0; i < codes.length; i++) {
+            if (predicate(codes[i], event)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const checkKeyCode = (codes, event) => checkKeyEvent(codes, event, (code, event) => {
+        return code === event.keyCode && !VK.modifierPressed(event);
+    });
+    const checkCharCode = (chars, event) => checkKeyEvent(chars, event, (chr, event) => {
+        return chr.charCodeAt(0) === event.charCode;
+    });
+
+    const setup$2 = (editor) => {
+        const charCodes = [',', '.', ';', ':', '!', '?'];
+        const keyCodes = [32];
+        // This is a thunk so that they reflect changes in the underlying options each time they are requested.
+        const getPatternSet = () => createPatternSet(getTextPatterns(editor)
+            .filter((pattern) => {
+            if (pattern.type === 'inline-command' || pattern.type === 'block-command') {
+                return editor.queryCommandSupported(pattern.cmd);
+            }
+            return true;
+        }), getTextPatternsLookup(editor));
+        // Only used for skipping text pattern matching altogether if nothing has been defined.
+        const hasDynamicPatterns = () => hasTextPatternsLookup(editor);
+        editor.on('keydown', (e) => {
+            if (e.keyCode === 13 && !VK.modifierPressed(e) && editor.selection.isCollapsed() && editor.selection.isEditable()) {
+                const patternSet = filterByTrigger(getPatternSet(), 'enter');
+                // Do not process anything if we don't have any inline patterns, block patterns,
+                // or dynamic lookup defined
+                const hasPatterns = patternSet.inlinePatterns.length > 0 ||
+                    patternSet.blockPatterns.length > 0 ||
+                    hasDynamicPatterns();
+                if (hasPatterns && handleEnter(editor, patternSet)) {
+                    e.preventDefault();
+                }
+            }
+        }, true);
+        editor.on('keydown', (e) => {
+            if (e.keyCode === 32 && editor.selection.isCollapsed() && editor.selection.isEditable()) {
+                const patternSet = filterByTrigger(getPatternSet(), 'space');
+                const hasPatterns = patternSet.blockPatterns.length > 0 || hasDynamicPatterns();
+                if (hasPatterns && handleBlockPatternOnSpace(editor, patternSet)) {
+                    e.preventDefault();
+                }
+            }
+        }, true);
+        const handleInlineTrigger = () => {
+            if (editor.selection.isCollapsed() && editor.selection.isEditable()) {
+                const patternSet = filterByTrigger(getPatternSet(), 'space');
+                // Do not process anything if we don't have any inline patterns or dynamic lookup defined
+                const hasPatterns = patternSet.inlinePatterns.length > 0 || hasDynamicPatterns();
+                if (hasPatterns) {
+                    handleInlineKey(editor, patternSet);
+                }
+            }
+        };
+        editor.on('keyup', (e) => {
+            if (checkKeyCode(keyCodes, e)) {
+                handleInlineTrigger();
+            }
+        });
+        editor.on('keypress', (e) => {
+            if (checkCharCode(charCodes, e)) {
+                Delay.setEditorTimeout(editor, handleInlineTrigger);
+            }
+        });
+    };
+
+    const setup$1 = (editor) => {
+        setup$2(editor);
+    };
+
+    const Quirks = (editor) => {
+        const each = Tools.each;
+        const BACKSPACE = VK.BACKSPACE, DELETE = VK.DELETE, dom = editor.dom, selection = editor.selection, parser = editor.parser;
+        const browser = Env.browser;
+        const isGecko = browser.isFirefox();
+        const isWebKit = browser.isChromium() || browser.isSafari();
+        const isiOS = Env.deviceType.isiPhone() || Env.deviceType.isiPad();
+        const isMac = Env.os.isMacOS() || Env.os.isiOS();
+        /**
+         * Executes a command with a specific state this can be to enable/disable browser editing features.
+         */
+        const setEditorCommandState = (cmd, state) => {
+            try {
+                editor.getDoc().execCommand(cmd, false, String(state));
+            }
+            catch (_a) {
+                // Ignore
+            }
+        };
+        /**
+         * Returns true/false if the event is prevented or not.
+         *
+         * @private
+         * @param {Event} e Event object.
+         * @return {Boolean} true/false if the event is prevented or not.
+         */
+        const isDefaultPrevented = (e) => {
+            return e.isDefaultPrevented();
+        };
+        /**
+         * Makes sure that the editor body becomes empty when backspace or delete is pressed in empty editors.
+         *
+         * For example:
+         * <p><b>|</b></p>
+         *
+         * Or:
+         * <h1>|</h1>
+         *
+         * Or:
+         * [<h1></h1>]
+         */
+        const emptyEditorWhenDeleting = () => {
+            const serializeRng = (rng) => {
+                const body = dom.create('body');
+                const contents = rng.cloneContents();
+                body.appendChild(contents);
+                return selection.serializer.serialize(body, { format: 'html' });
+            };
+            const allContentsSelected = (rng) => {
+                const selection = serializeRng(rng);
+                const allRng = dom.createRng();
+                allRng.selectNode(editor.getBody());
+                const allSelection = serializeRng(allRng);
+                return selection === allSelection;
+            };
+            editor.on('keydown', (e) => {
+                const keyCode = e.keyCode;
+                // Empty the editor if it's needed for example backspace at <p><b>|</b></p>
+                if (!isDefaultPrevented(e) && (keyCode === DELETE || keyCode === BACKSPACE) && editor.selection.isEditable()) {
+                    const isCollapsed = editor.selection.isCollapsed();
+                    const body = editor.getBody();
+                    // Selection is collapsed but the editor isn't empty
+                    if (isCollapsed && !isEmptyNode(editor.schema, body)) {
+                        return;
+                    }
+                    // Selection isn't collapsed but not all the contents is selected
+                    if (!isCollapsed && !allContentsSelected(editor.selection.getRng())) {
+                        return;
+                    }
+                    // Manually empty the editor
+                    e.preventDefault();
+                    editor.setContent('');
+                    if (body.firstChild && dom.isBlock(body.firstChild)) {
+                        editor.selection.setCursorLocation(body.firstChild, 0);
+                    }
+                    else {
+                        editor.selection.setCursorLocation(body, 0);
+                    }
+                    editor.nodeChanged();
+                }
+            });
+        };
+        /**
+         * WebKit doesn't select all the nodes in the body when you press Ctrl+A.
+         * IE selects more than the contents <body>[<p>a</p>]</body> instead of <body><p>[a]</p]</body> see bug #6438
+         * This selects the whole body so that backspace/delete logic will delete everything
+         */
+        const selectAll = () => {
+            editor.shortcuts.add('meta+a', null, 'SelectAll');
+        };
+        /**
+         * It seems that Chrome doesn't place the caret if you click on the documentElement in iframe mode
+         * something that is very easy to do by accident so this problem is now more generic than the original issue.
+         *
+         * Original IME specific issue:
+         * WebKit has a weird issue where it some times fails to properly convert keypresses to input method keystrokes.
+         * The IME on Mac doesn't initialize when it doesn't fire a proper focus event.
+         *
+         * This seems to happen when the user manages to click the documentElement element then the window doesn't get proper focus until
+         * you enter a character into the editor.
+         *
+         * See: https://bugs.webkit.org/show_bug.cgi?id=83566
+         */
+        const documentElementEditingFocus = () => {
+            if (!editor.inline) {
+                // Needs to be both down/up due to weird rendering bug on Chrome Windows
+                dom.bind(editor.getDoc(), 'mousedown mouseup', (e) => {
+                    let rng;
+                    if (e.target === editor.getDoc().documentElement) {
+                        rng = selection.getRng();
+                        editor.getBody().focus();
+                        if (e.type === 'mousedown') {
+                            if (isCaretContainer$2(rng.startContainer)) {
+                                return;
+                            }
+                            // Edge case for mousedown, drag select and mousedown again within selection on Chrome Windows to render caret
+                            selection.placeCaretAt(e.clientX, e.clientY);
+                        }
+                        else {
+                            selection.setRng(rng);
+                        }
+                    }
+                });
+            }
+        };
+        /**
+         * Backspacing in FireFox/IE from a paragraph into a horizontal rule results in a floating text node because the
+         * browser just deletes the paragraph - the browser fails to merge the text node with a horizontal rule so it is
+         * left there. TinyMCE sees a floating text node and wraps it in a paragraph on the key up event (ForceBlocks.js
+         * addRootBlocks), meaning the action does nothing. With this code, FireFox/IE matche the behaviour of other
+         * browsers.
+         *
+         * It also fixes a bug on Firefox where it's impossible to delete HR elements.
+         */
+        const removeHrOnBackspace = () => {
+            editor.on('keydown', (e) => {
+                if (!isDefaultPrevented(e) && e.keyCode === BACKSPACE) {
+                    // Check if there is any HR elements this is faster since getRng on IE 7 & 8 is slow
+                    if (!editor.getBody().getElementsByTagName('hr').length) {
+                        return;
+                    }
+                    if (selection.isCollapsed() && selection.getRng().startOffset === 0) {
+                        const node = selection.getNode();
+                        const previousSibling = node.previousSibling;
+                        if (node.nodeName === 'HR') {
+                            dom.remove(node);
+                            e.preventDefault();
+                            return;
+                        }
+                        if (previousSibling && previousSibling.nodeName && previousSibling.nodeName.toLowerCase() === 'hr') {
+                            dom.remove(previousSibling);
+                            e.preventDefault();
+                        }
+                    }
+                }
+            });
+        };
+        /**
+         * Firefox 3.x has an issue where the body element won't get proper focus if you click out
+         * side it's rectangle.
+         */
+        const focusBody = () => {
+            // Fix for a focus bug in FF 3.x where the body element
+            // wouldn't get proper focus if the user clicked on the HTML element
+            if (!Range.prototype.getClientRects) { // Detect getClientRects got introduced in FF 4
+                editor.on('mousedown', (e) => {
+                    if (!isDefaultPrevented(e) && e.target.nodeName === 'HTML') {
+                        const body = editor.getBody();
+                        // Blur the body it's focused but not correctly focused
+                        body.blur();
+                        // Refocus the body after a little while
+                        Delay.setEditorTimeout(editor, () => {
+                            body.focus();
+                        });
+                    }
+                });
+            }
+        };
+        /**
+         * WebKit has a bug where it isn't possible to select image, hr or anchor elements
+         * by clicking on them so we need to fake that.
+         */
+        const selectControlElements = () => {
+            const visualAidsAnchorClass = getVisualAidsAnchorClass(editor);
+            editor.on('click', (e) => {
+                const target = e.target;
+                // Workaround for bug, http://bugs.webkit.org/show_bug.cgi?id=12250
+                // WebKit can't even do simple things like selecting an image
+                // Needs to be the setBaseAndExtend or it will fail to select floated images
+                if (/^(IMG|HR)$/.test(target.nodeName) && dom.isEditable(target)) {
+                    e.preventDefault();
+                    editor.selection.select(target);
+                    editor.nodeChanged();
+                }
+                if (target.nodeName === 'A' && dom.hasClass(target, visualAidsAnchorClass) && target.childNodes.length === 0 && dom.isEditable(target.parentNode)) {
+                    e.preventDefault();
+                    selection.select(target);
+                }
+            });
+        };
+        /**
+         * Fixes a Gecko a selection bug where if there is a floating image
+         * more details here: https://bugzilla.mozilla.org/show_bug.cgi?id=1959606
+         */
+        const fixFirefoxImageSelection = () => {
+            const isEditableImage = (node) => node.nodeName === 'IMG' && editor.dom.isEditable(node);
+            editor.on('mousedown', (e) => {
+                lift2(Optional.from(e.clientX), Optional.from(e.clientY), (clientX, clientY) => {
+                    const caretPos = editor.getDoc().caretPositionFromPoint(clientX, clientY);
+                    const img = (caretPos === null || caretPos === void 0 ? void 0 : caretPos.offsetNode.childNodes[caretPos.offset - (caretPos.offset > 0 ? 1 : 0)]) || (caretPos === null || caretPos === void 0 ? void 0 : caretPos.offsetNode);
+                    if (img && isEditableImage(img)) {
+                        const rect = img.getBoundingClientRect();
+                        e.preventDefault();
+                        if (!editor.hasFocus()) {
+                            editor.focus();
+                        }
+                        editor.selection.select(img);
+                        if (e.clientX < rect.left || e.clientY < rect.top) {
+                            editor.selection.collapse(true);
+                        }
+                        else if (e.clientX > rect.right || e.clientY > rect.bottom) {
+                            editor.selection.collapse(false);
+                        }
+                    }
+                });
+            });
+        };
+        /**
+         * Fixes a Gecko bug where the style attribute gets added to the wrong element when deleting between two block elements.
+         *
+         * Fixes do backspace/delete on this:
+         * <p>bla[ck</p><p style="color:red">r]ed</p>
+         *
+         * Would become:
+         * <p>bla|ed</p>
+         *
+         * Instead of:
+         * <p style="color:red">bla|ed</p>
+         */
+        const removeStylesWhenDeletingAcrossBlockElements = () => {
+            const getAttributeApplyFunction = () => {
+                const template = dom.getAttribs(selection.getStart().cloneNode(false));
+                return () => {
+                    const target = selection.getStart();
+                    if (target !== editor.getBody()) {
+                        dom.setAttrib(target, 'style', null);
+                        each(template, (attr) => {
+                            target.setAttributeNode(attr.cloneNode(true));
+                        });
+                    }
+                };
+            };
+            const isSelectionAcrossElements = () => {
+                return !selection.isCollapsed() &&
+                    dom.getParent(selection.getStart(), dom.isBlock) !== dom.getParent(selection.getEnd(), dom.isBlock);
+            };
+            editor.on('keypress', (e) => {
+                let applyAttributes;
+                if (!isDefaultPrevented(e) && (e.keyCode === 8 || e.keyCode === 46) && isSelectionAcrossElements()) {
+                    applyAttributes = getAttributeApplyFunction();
+                    editor.getDoc().execCommand('delete', false);
+                    applyAttributes();
+                    e.preventDefault();
+                    return false;
+                }
+                else {
+                    return true;
+                }
+            });
+            dom.bind(editor.getDoc(), 'cut', (e) => {
+                if (!isDefaultPrevented(e) && isSelectionAcrossElements()) {
+                    const applyAttributes = getAttributeApplyFunction();
+                    Delay.setEditorTimeout(editor, () => {
+                        applyAttributes();
+                    });
+                }
+            });
+        };
+        /**
+         * Backspacing into a table behaves differently depending upon browser type.
+         * Therefore, disable Backspace when cursor immediately follows a table.
+         */
+        const disableBackspaceIntoATable = () => {
+            editor.on('keydown', (e) => {
+                if (!isDefaultPrevented(e) && e.keyCode === BACKSPACE) {
+                    if (selection.isCollapsed() && selection.getRng().startOffset === 0) {
+                        const previousSibling = selection.getNode().previousSibling;
+                        if (previousSibling && previousSibling.nodeName && previousSibling.nodeName.toLowerCase() === 'table') {
+                            e.preventDefault();
+                            return false;
+                        }
+                    }
+                }
+                return true;
+            });
+        };
+        /**
+         * Removes a blockquote when backspace is pressed at the beginning of it.
+         *
+         * For example:
+         * <blockquote><p>|x</p></blockquote>
+         *
+         * Becomes:
+         * <p>|x</p>
+         */
+        const removeBlockQuoteOnBackSpace = () => {
+            // Add block quote deletion handler
+            editor.on('keydown', (e) => {
+                if (isDefaultPrevented(e) || e.keyCode !== VK.BACKSPACE) {
+                    return;
+                }
+                let rng = selection.getRng();
+                const container = rng.startContainer;
+                const offset = rng.startOffset;
+                const root = dom.getRoot();
+                let parent = container;
+                if (!rng.collapsed || offset !== 0) {
+                    return;
+                }
+                while (parent.parentNode && parent.parentNode.firstChild === parent && parent.parentNode !== root) {
+                    parent = parent.parentNode;
+                }
+                // Is the cursor at the beginning of a blockquote?
+                if (parent.nodeName === 'BLOCKQUOTE') {
+                    // Remove the blockquote
+                    editor.formatter.toggle('blockquote', undefined, parent);
+                    // Move the caret to the beginning of container
+                    rng = dom.createRng();
+                    rng.setStart(container, 0);
+                    rng.setEnd(container, 0);
+                    selection.setRng(rng);
+                }
+            });
+        };
+        /**
+         * Sets various Gecko editing options on mouse down and before a execCommand to disable inline table editing that is broken etc.
+         */
+        const setGeckoEditingOptions = () => {
+            const setOpts = () => {
+                setEditorCommandState('StyleWithCSS', false);
+                setEditorCommandState('enableInlineTableEditing', false);
+                if (!getObjectResizing(editor)) {
+                    setEditorCommandState('enableObjectResizing', false);
+                }
+            };
+            if (!isReadOnly$1(editor)) {
+                editor.on('BeforeExecCommand mousedown', setOpts);
+            }
+        };
+        /**
+         * Fixes a gecko link bug, when a link is placed at the end of block elements there is
+         * no way to move the caret behind the link. This fix adds a bogus br element after the link.
+         *
+         * For example this:
+         * <p><b><a href="#">x</a></b></p>
+         *
+         * Becomes this:
+         * <p><b><a href="#">x</a></b><br></p>
+         */
+        const addBrAfterLastLinks = () => {
+            const fixLinks = () => {
+                each(dom.select('a:not([data-mce-block])'), (node) => {
+                    var _a;
+                    let parentNode = node.parentNode;
+                    const root = dom.getRoot();
+                    if ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.lastChild) === node) {
+                        while (parentNode && !dom.isBlock(parentNode)) {
+                            if (((_a = parentNode.parentNode) === null || _a === void 0 ? void 0 : _a.lastChild) !== parentNode || parentNode === root) {
+                                return;
+                            }
+                            parentNode = parentNode.parentNode;
+                        }
+                        dom.add(parentNode, 'br', { 'data-mce-bogus': 1 });
+                    }
+                });
+            };
+            editor.on('SetContent ExecCommand', (e) => {
+                if (e.type === 'setcontent' || e.command === 'mceInsertLink') {
+                    fixLinks();
+                }
+            });
+        };
+        /**
+         * WebKit will produce DIV elements here and there by default. But since TinyMCE uses paragraphs by
+         * default we want to change that behavior.
+         */
+        const setDefaultBlockType = () => {
+            editor.on('init', () => {
+                setEditorCommandState('DefaultParagraphSeparator', getForcedRootBlock(editor));
+            });
+        };
+        const isAllContentSelected = (editor) => {
+            const body = editor.getBody();
+            const rng = editor.selection.getRng();
+            return rng.startContainer === rng.endContainer && rng.startContainer === body && rng.startOffset === 0 && rng.endOffset === body.childNodes.length;
+        };
+        /**
+         * Fixes selection issues where the caret can be placed between two inline elements like <b>a</b>|<b>b</b>
+         * this fix will lean the caret right into the closest inline element.
+         */
+        const normalizeSelection = () => {
+            // Normalize selection for example <b>a</b><i>|a</i> becomes <b>a|</b><i>a</i>
+            editor.on('keyup focusin mouseup', (e) => {
+                // no point to exclude Ctrl+A, since normalization will still run after Ctrl will be unpressed
+                // better exclude any key combinations with the modifiers to avoid double normalization
+                // (also addresses TINY-1130)
+                // The use of isAllContentSelected addresses TINY-4550
+                if (!VK.modifierPressed(e) && !isAllContentSelected(editor)) {
+                    selection.normalize();
+                }
+            }, true);
+        };
+        /**
+         * Forces Gecko to render a broken image icon if it fails to load an image.
+         */
+        const showBrokenImageIcon = () => {
+            editor.contentStyles.push('img:-moz-broken {' +
+                '-moz-force-broken-image-icon:1;' +
+                'min-width:24px;' +
+                'min-height:24px' +
+                '}');
+        };
+        /**
+         * iOS has a bug where it's impossible to type if the document has a touchstart event
+         * bound and the user touches the document while having the on screen keyboard visible.
+         *
+         * The touch event moves the focus to the parent document while having the caret inside the iframe
+         * this fix moves the focus back into the iframe document.
+         */
+        const restoreFocusOnKeyDown = () => {
+            if (!editor.inline) {
+                editor.on('keydown', () => {
+                    if (document.activeElement === document.body) {
+                        editor.getWin().focus();
+                    }
+                });
+            }
+        };
+        /**
+         * IE 11 has an annoying issue where you can't move focus into the editor
+         * by clicking on the white area HTML element. We used to be able to fix this with
+         * the fixCaretSelectionOfDocumentElementOnIe fix. But since M$ removed the selection
+         * object it's not possible anymore. So we need to hack in a ungly CSS to force the
+         * body to be at least 150px. If the user clicks the HTML element out side this 150px region
+         * we simply move the focus into the first paragraph. Not ideal since you loose the
+         * positioning of the caret but goot enough for most cases.
+         */
+        const bodyHeight = () => {
+            if (!editor.inline) {
+                editor.contentStyles.push('body {min-height: 150px}');
+                editor.on('click', (e) => {
+                    let rng;
+                    if (e.target.nodeName === 'HTML') {
+                        // Need to store away non collapsed ranges since the focus call will mess that up see #7382
+                        rng = editor.selection.getRng();
+                        editor.getBody().focus();
+                        editor.selection.setRng(rng);
+                        editor.selection.normalize();
+                        editor.nodeChanged();
+                    }
+                });
+            }
+        };
+        /**
+         * Firefox on Mac OS will move the browser back to the previous page if you press CMD+Left arrow.
+         * You might then loose all your work so we need to block that behavior and replace it with our own.
+         */
+        const blockCmdArrowNavigation = () => {
+            if (isMac) {
+                editor.on('keydown', (e) => {
+                    if (VK.metaKeyPressed(e) && !e.shiftKey && (e.keyCode === 37 || e.keyCode === 39)) {
+                        e.preventDefault();
+                        // The modify component isn't part of the standard spec, so we need to add the type here
+                        const selection = editor.selection.getSel();
+                        selection.modify('move', e.keyCode === 37 ? 'backward' : 'forward', 'lineboundary');
+                    }
+                });
+            }
+        };
+        /**
+         * iOS 7.1 introduced two new bugs:
+         * 1) It's possible to open links within a contentEditable area by clicking on them.
+         * 2) If you hold down the finger it will display the link/image touch callout menu.
+         */
+        const tapLinksAndImages = () => {
+            editor.on('click', (e) => {
+                let elm = e.target;
+                do {
+                    if (elm.tagName === 'A') {
+                        e.preventDefault();
+                        return;
+                    }
+                } while ((elm = elm.parentNode));
+            });
+            editor.contentStyles.push('.mce-content-body {-webkit-touch-callout: none}');
+        };
+        /**
+         * iOS Safari and possible other browsers have a bug where it won't fire
+         * a click event when a contentEditable is focused. This function fakes click events
+         * by using touchstart/touchend and measuring the time and distance travelled.
+         */
+        /*
+        function touchClickEvent() {
+          editor.on('touchstart', function(e) {
+            var elm, time, startTouch, changedTouches;
+      
+            elm = e.target;
+            time = new Date().getTime();
+            changedTouches = e.changedTouches;
+      
+            if (!changedTouches || changedTouches.length > 1) {
+              return;
+            }
+      
+            startTouch = changedTouches[0];
+      
+            editor.once('touchend', function(e) {
+              var endTouch = e.changedTouches[0], args;
+      
+              if (new Date().getTime() - time > 500) {
+                return;
+              }
+      
+              if (Math.abs(startTouch.clientX - endTouch.clientX) > 5) {
+                return;
+              }
+      
+              if (Math.abs(startTouch.clientY - endTouch.clientY) > 5) {
+                return;
+              }
+      
+              args = {
+                target: elm
+              };
+      
+              each('pageX pageY clientX clientY screenX screenY'.split(' '), function(key) {
+                args[key] = endTouch[key];
+              });
+      
+              args = editor.dispatch('click', args);
+      
+              if (!args.isDefaultPrevented()) {
+                // iOS WebKit can't place the caret properly once
+                // you bind touch events so we need to do this manually
+                // TODO: Expand to the closest word? Touble tap still works.
+                editor.selection.placeCaretAt(endTouch.clientX, endTouch.clientY);
+                editor.nodeChanged();
+              }
+            });
+          });
+        }
+        */
+        /**
+         * WebKit has a bug where it will allow forms to be submitted if they are inside a contentEditable element.
+         * For example this: <form><button></form>
+         */
+        const blockFormSubmitInsideEditor = () => {
+            editor.on('init', () => {
+                editor.dom.bind(editor.getBody(), 'submit', (e) => {
+                    e.preventDefault();
+                });
+            });
+        };
+        /**
+         * Sometimes WebKit/Blink generates BR elements with the Apple-interchange-newline class.
+         *
+         * Scenario:
+         *  1) Create a table 2x2.
+         *  2) Select and copy cells A2-B2.
+         *  3) Paste and it will add BR element to table cell.
+         */
+        const removeAppleInterchangeBrs = () => {
+            parser.addNodeFilter('br', (nodes) => {
+                let i = nodes.length;
+                while (i--) {
+                    if (nodes[i].attr('class') === 'Apple-interchange-newline') {
+                        nodes[i].remove();
+                    }
+                }
+            });
+        };
+        // No-op since Mozilla seems to have fixed the caret repaint issues
+        const refreshContentEditable = noop;
+        const isHidden = () => {
+            if (!isGecko || editor.removed) {
+                return false;
+            }
+            // Weird, wheres that cursor selection?
+            const sel = editor.selection.getSel();
+            return (!sel || !sel.rangeCount || sel.rangeCount === 0);
+        };
+        const setupRtc = () => {
+            if (isWebKit) {
+                documentElementEditingFocus();
+                selectControlElements();
+                blockFormSubmitInsideEditor();
+                selectAll();
+                if (isiOS) {
+                    restoreFocusOnKeyDown();
+                    bodyHeight();
+                    tapLinksAndImages();
+                }
+            }
+            if (isGecko) {
+                focusBody();
+                setGeckoEditingOptions();
+                showBrokenImageIcon();
+                blockCmdArrowNavigation();
+            }
+        };
+        const setup = () => {
+            // All browsers
+            removeBlockQuoteOnBackSpace();
+            emptyEditorWhenDeleting();
+            // Windows phone will return a range like [body, 0] on mousedown so
+            // it will always normalize to the wrong location
+            if (!Env.windowsPhone) {
+                normalizeSelection();
+            }
+            // WebKit
+            if (isWebKit) {
+                documentElementEditingFocus();
+                selectControlElements();
+                setDefaultBlockType();
+                blockFormSubmitInsideEditor();
+                disableBackspaceIntoATable();
+                removeAppleInterchangeBrs();
+                // touchClickEvent();
+                // iOS
+                if (isiOS) {
+                    restoreFocusOnKeyDown();
+                    bodyHeight();
+                    tapLinksAndImages();
+                }
+                else {
+                    selectAll();
+                }
+            }
+            // Gecko
+            if (isGecko) {
+                fixFirefoxImageSelection();
+                removeHrOnBackspace();
+                focusBody();
+                removeStylesWhenDeletingAcrossBlockElements();
+                setGeckoEditingOptions();
+                addBrAfterLastLinks();
+                showBrokenImageIcon();
+                blockCmdArrowNavigation();
+                disableBackspaceIntoATable();
+            }
+        };
+        if (isRtc(editor)) {
+            setupRtc();
+        }
+        else {
+            setup();
+        }
+        return {
+            refreshContentEditable,
+            isHidden
+        };
+    };
+
+    const isGplKey = (key) => key.toLowerCase() === 'gpl';
+    const isValidGeneratedKey = (key) => key.length >= 64 && key.length <= 255;
+    const validateLicenseKey = (key) => isGplKey(key) || isValidGeneratedKey(key) ? 'VALID' : 'INVALID';
+    const validateEditorLicenseKey = (editor) => {
+        const licenseKey = getLicenseKey(editor);
+        const hasApiKey = isString(getApiKey(editor));
+        if (!hasApiKey && (isUndefined(licenseKey) || validateLicenseKey(licenseKey) === 'INVALID')) {
+            // eslint-disable-next-line no-console
+            console.warn(`TinyMCE is running in evaluation mode. Provide a valid license key or add license_key: 'gpl' to the init config to agree to the open source license terms. Read more at https://www.tiny.cloud/license-key/`);
+        }
+    };
+
+    const DOM$6 = DOMUtils.DOM;
+    const appendStyle = (editor, text) => {
+        const body = SugarElement.fromDom(editor.getBody());
+        const container = getStyleContainer(getRootNode(body));
+        const style = SugarElement.fromTag('style');
+        set$4(style, 'type', 'text/css');
+        append$1(style, SugarElement.fromText(text));
+        append$1(container, style);
+        editor.on('remove', () => {
+            remove$8(style);
+        });
+    };
+    const getRootName = (editor) => editor.inline ? editor.getElement().nodeName.toLowerCase() : undefined;
+    const removeUndefined = (obj) => filter$4(obj, (v) => isUndefined(v) === false);
+    const mkParserSettings = (editor) => {
+        const getOption = editor.options.get;
+        const blobCache = editor.editorUpload.blobCache;
+        return removeUndefined({
+            allow_conditional_comments: getOption('allow_conditional_comments'),
+            allow_html_data_urls: getOption('allow_html_data_urls'),
+            allow_svg_data_urls: getOption('allow_svg_data_urls'),
+            allow_html_in_named_anchor: getOption('allow_html_in_named_anchor'),
+            allow_script_urls: getOption('allow_script_urls'),
+            allow_html_in_comments: getOption('allow_html_in_comments'),
+            allow_mathml_annotation_encodings: getOption('allow_mathml_annotation_encodings'),
+            allow_unsafe_link_target: getOption('allow_unsafe_link_target'),
+            convert_unsafe_embeds: getOption('convert_unsafe_embeds'),
+            convert_fonts_to_spans: getOption('convert_fonts_to_spans'),
+            extended_mathml_attributes: getOption('extended_mathml_attributes'),
+            extended_mathml_elements: getOption('extended_mathml_elements'),
+            fix_list_elements: getOption('fix_list_elements'),
+            font_size_legacy_values: getOption('font_size_legacy_values'),
+            forced_root_block: getOption('forced_root_block'),
+            forced_root_block_attrs: getOption('forced_root_block_attrs'),
+            preserve_cdata: getOption('preserve_cdata'),
+            inline_styles: getOption('inline_styles'),
+            root_name: getRootName(editor),
+            sandbox_iframes: getOption('sandbox_iframes'),
+            sandbox_iframes_exclusions: getSandboxIframesExclusions(editor),
+            sanitize: getOption('xss_sanitization'),
+            validate: true,
+            blob_cache: blobCache,
+            document: editor.getDoc()
+        });
+    };
+    const mkSchemaSettings = (editor) => {
+        const getOption = editor.options.get;
+        return removeUndefined({
+            custom_elements: getOption('custom_elements'),
+            extended_valid_elements: getOption('extended_valid_elements'),
+            invalid_elements: getOption('invalid_elements'),
+            invalid_styles: getOption('invalid_styles'),
+            schema: getOption('schema'),
+            valid_children: getOption('valid_children'),
+            valid_classes: getOption('valid_classes'),
+            valid_elements: getOption('valid_elements'),
+            valid_styles: getOption('valid_styles'),
+            verify_html: getOption('verify_html'),
+            padd_empty_block_inline_children: getOption('format_empty_lines')
+        });
+    };
+    const mkSerializerSettings = (editor) => {
+        const getOption = editor.options.get;
+        return {
+            ...mkParserSettings(editor),
+            ...mkSchemaSettings(editor),
+            ...removeUndefined({
+                // SerializerSettings
+                remove_trailing_brs: getOption('remove_trailing_brs'),
+                pad_empty_with_br: getOption('pad_empty_with_br'),
+                url_converter: getOption('url_converter'),
+                url_converter_scope: getOption('url_converter_scope'),
+                // Writer settings
+                element_format: getOption('element_format'),
+                entities: getOption('entities'),
+                entity_encoding: getOption('entity_encoding'),
+                indent: getOption('indent'),
+                indent_after: getOption('indent_after'),
+                indent_before: getOption('indent_before')
+            })
+        };
+    };
+    const createParser = (editor) => {
+        const parser = DomParser(mkParserSettings(editor), editor.schema);
+        parser.addAttributeFilter('data-mce-src,data-mce-href,data-mce-style', (nodes, name) => {
+            for (let i = 0; i < nodes.length; i++) {
+                nodes[i].attr(name, null);
+            }
+        });
+        // Convert src and href into data-mce-src, data-mce-href and data-mce-style
+        parser.addAttributeFilter('src,href,style,tabindex', (nodes, name) => {
+            const dom = editor.dom;
+            const internalName = 'data-mce-' + name;
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                let value = node.attr(name);
+                // Add internal attribute if we need to we don't on a refresh of the document
+                if (value && !node.attr(internalName)) {
+                    // Don't duplicate these since they won't get modified by any browser
+                    if (value.indexOf('data:') === 0 || value.indexOf('blob:') === 0) {
+                        continue;
+                    }
+                    if (name === 'style') {
+                        value = dom.serializeStyle(dom.parseStyle(value), node.name);
+                        if (!value.length) {
+                            value = null;
+                        }
+                        node.attr(internalName, value);
+                        node.attr(name, value);
+                    }
+                    else if (name === 'tabindex') {
+                        node.attr(internalName, value);
+                        node.attr(name, null);
+                    }
+                    else {
+                        node.attr(internalName, editor.convertURL(value, name, node.name));
+                    }
+                }
+            }
+        });
+        // Keep scripts from executing
+        parser.addNodeFilter('script', (nodes) => {
+            let i = nodes.length;
+            while (i--) {
+                const node = nodes[i];
+                const type = node.attr('type') || 'no/type';
+                if (type.indexOf('mce-') !== 0) {
+                    node.attr('type', 'mce-' + type);
+                }
+            }
+        });
+        if (shouldPreserveCData(editor)) {
+            parser.addNodeFilter('#cdata', (nodes) => {
+                var _a;
+                let i = nodes.length;
+                while (i--) {
+                    const node = nodes[i];
+                    node.type = 8;
+                    node.name = '#comment';
+                    node.value = '[CDATA[' + editor.dom.encode((_a = node.value) !== null && _a !== void 0 ? _a : '') + ']]';
+                }
+            });
+        }
+        parser.addNodeFilter('p,h1,h2,h3,h4,h5,h6,div', (nodes) => {
+            let i = nodes.length;
+            const nonEmptyElements = editor.schema.getNonEmptyElements();
+            while (i--) {
+                const node = nodes[i];
+                if (node.isEmpty(nonEmptyElements) && node.getAll('br').length === 0) {
+                    node.append(new AstNode('br', 1));
+                }
+            }
+        });
+        return parser;
+    };
+    const autoFocus = (editor) => {
+        const autoFocus = getAutoFocus(editor);
+        if (autoFocus) {
+            Delay.setEditorTimeout(editor, () => {
+                let focusEditor;
+                if (autoFocus === true) {
+                    focusEditor = editor;
+                }
+                else {
+                    focusEditor = editor.editorManager.get(autoFocus);
+                }
+                if (focusEditor && !focusEditor.destroyed) {
+                    focusEditor.focus();
+                    focusEditor.selection.scrollIntoView();
+                }
+            }, 100);
+        }
+    };
+    const moveSelectionToFirstCaretPosition = (editor) => {
+        // If not inline and no useful selection, we want to set selection to the first valid cursor position
+        // We don't do this on inline because then it selects the editor container
+        // This must run AFTER editor.focus!
+        const root = editor.dom.getRoot();
+        if (!editor.inline && (!hasAnyRanges(editor) || editor.selection.getStart(true) === root)) {
+            firstPositionIn(root).each((pos) => {
+                const node = pos.getNode();
+                // If a table is the first caret pos, then walk down one more level
+                const caretPos = isTable$2(node) ? firstPositionIn(node).getOr(pos) : pos;
+                editor.selection.setRng(caretPos.toRange());
+            });
+        }
+    };
+    const initEditor = (editor) => {
+        editor.bindPendingEventDelegates();
+        editor.initialized = true;
+        fireInit(editor);
+        editor.focus(true);
+        moveSelectionToFirstCaretPosition(editor);
+        editor.nodeChanged({ initial: true });
+        const initInstanceCallback = getInitInstanceCallback(editor);
+        if (isFunction(initInstanceCallback)) {
+            initInstanceCallback.call(editor, editor);
+        }
+        autoFocus(editor);
+        if (isDisabled(editor)) {
+            toggleDisabled(editor, true);
+        }
+    };
+    const getStyleSheetLoader$1 = (editor) => editor.inline ? editor.ui.styleSheetLoader : editor.dom.styleSheetLoader;
+    const makeStylesheetLoadingPromises = (editor, css, framedFonts) => {
+        const { pass: bundledCss, fail: normalCss } = partition$2(css, (name) => tinymce.Resource.has(toContentSkinResourceName(name)));
+        const bundledPromises = bundledCss?.map((url) => {
+            const css = tinymce.Resource.get(toContentSkinResourceName(url));
+            if (isString(css)) {
+                return Promise.resolve(getStyleSheetLoader$1(editor).loadRawCss(url, css));
+            }
+            return Promise.resolve();
+        });
+        const promises = [...bundledPromises,
+            getStyleSheetLoader$1(editor).loadAll(normalCss),
+        ];
+        if (editor.inline) {
+            return promises;
+        }
+        else {
+            return promises.concat([
+                editor.ui.styleSheetLoader.loadAll(framedFonts)
+            ]);
+        }
+    };
+    const loadContentCss = (editor) => {
+        const styleSheetLoader = getStyleSheetLoader$1(editor);
+        const fontCss = getFontCss(editor);
+        const css = editor.contentCSS;
+        const removeCss = () => {
+            styleSheetLoader.unloadAll(css);
+            if (!editor.inline) {
+                editor.ui.styleSheetLoader.unloadAll(fontCss);
+            }
+        };
+        const loaded = () => {
+            if (editor.removed) {
+                removeCss();
+            }
+            else {
+                editor.on('remove', removeCss);
+            }
+        };
+        // Add editor specific CSS styles
+        if (editor.contentStyles.length > 0) {
+            let contentCssText = '';
+            Tools.each(editor.contentStyles, (style) => {
+                contentCssText += style + '\r\n';
+            });
+            editor.dom.addStyle(contentCssText);
+        }
+        // Load all stylesheets
+        const allStylesheets = Promise.all(makeStylesheetLoadingPromises(editor, css, fontCss)).then(loaded).catch(loaded);
+        // Append specified content CSS last
+        const contentStyle = getContentStyle(editor);
+        if (contentStyle) {
+            appendStyle(editor, contentStyle);
+        }
+        return allStylesheets;
+    };
+    const preInit = (editor) => {
+        const doc = editor.getDoc(), body = editor.getBody();
+        firePreInit(editor);
+        if (!shouldBrowserSpellcheck(editor)) {
+            doc.body.spellcheck = false; // Gecko
+            DOM$6.setAttrib(body, 'spellcheck', 'false');
+        }
+        editor.quirks = Quirks(editor);
+        firePostRender(editor);
+        const directionality = getDirectionality(editor);
+        if (directionality !== undefined) {
+            body.dir = directionality;
+        }
+        const protect = getProtect(editor);
+        if (protect) {
+            registerProtectedHtmlFilters(editor, protect);
+        }
+        editor.on('SetContent', () => {
+            editor.addVisual(editor.getBody());
+        });
+        editor.on('compositionstart compositionend', (e) => {
+            editor.composing = e.type === 'compositionstart';
+        });
+    };
+    const loadInitialContent = (editor) => {
+        if (!isRtc(editor)) {
+            editor.load({ initial: true, format: 'html' });
+        }
+        editor.startContent = editor.getContent({ format: 'raw' });
+    };
+    const initEditorWithInitialContent = (editor) => {
+        if (editor.removed !== true) {
+            loadInitialContent(editor);
+            initEditor(editor);
+        }
+    };
+    const startProgress = (editor) => {
+        let canceled = false;
+        const progressTimeout = setTimeout(() => {
+            if (!canceled) {
+                editor.setProgressState(true);
+            }
+        }, 500);
+        return () => {
+            clearTimeout(progressTimeout);
+            canceled = true;
+            editor.setProgressState(false);
+        };
+    };
+    const contentBodyLoaded = (editor) => {
+        const targetElm = editor.getElement();
+        let doc = editor.getDoc();
+        if (editor.inline) {
+            DOM$6.addClass(targetElm, 'mce-content-body');
+            editor.contentDocument = doc = document;
+            editor.contentWindow = window;
+            editor.bodyElement = targetElm;
+            editor.contentAreaContainer = targetElm;
+        }
+        // It will not steal focus while setting contentEditable
+        const body = editor.getBody();
+        // disabled isn't valid on all body elements, so need to cast here
+        // TODO: See if we actually need to disable/re-enable here
+        body.disabled = true;
+        editor.readonly = isReadOnly$1(editor);
+        editor._editableRoot = hasEditableRoot$1(editor);
+        if (!isDisabled$1(editor) && editor.hasEditableRoot()) {
+            if (editor.inline && DOM$6.getStyle(body, 'position', true) === 'static') {
+                body.style.position = 'relative';
+            }
+            body.contentEditable = 'true';
+        }
+        body.disabled = false;
+        editor.editorUpload = EditorUpload(editor);
+        editor.schema = Schema(mkSchemaSettings(editor));
+        editor.dom = DOMUtils(doc, {
+            keep_values: true,
+            // Note: Don't bind here, as the binding is handled via the `url_converter_scope`
+            // eslint-disable-next-line @typescript-eslint/unbound-method
+            url_converter: editor.convertURL,
+            url_converter_scope: editor,
+            update_styles: true,
+            root_element: editor.inline ? editor.getBody() : null,
+            collect: editor.inline,
+            schema: editor.schema,
+            contentCssCors: shouldUseContentCssCors(editor),
+            referrerPolicy: getReferrerPolicy(editor),
+            onSetAttrib: (e) => {
+                editor.dispatch('SetAttrib', e);
+            },
+        });
+        editor.parser = createParser(editor);
+        editor.serializer = DomSerializer(mkSerializerSettings(editor), editor);
+        editor.selection = EditorSelection(editor.dom, editor.getWin(), editor.serializer, editor);
+        editor.annotator = Annotator(editor);
+        editor.formatter = Formatter(editor);
+        editor.undoManager = UndoManager(editor);
+        editor._nodeChangeDispatcher = new NodeChange(editor);
+        editor._selectionOverrides = SelectionOverrides(editor);
+        setup$p(editor);
+        setup$6(editor);
+        setup$n(editor);
+        if (!isRtc(editor)) {
+            setup$5(editor);
+            setup$1(editor);
+        }
+        const caret = setup$b(editor);
+        setup$q(editor, caret);
+        setup$o(editor);
+        setup$r(editor);
+        setup$7(editor);
+        const setupRtcThunk = setup$t(editor);
+        preInit(editor);
+        validateEditorLicenseKey(editor);
+        setupRtcThunk.fold(() => {
+            const cancelProgress = startProgress(editor);
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            loadContentCss(editor).then(() => {
+                initEditorWithInitialContent(editor);
+                cancelProgress();
+            });
+        }, (setupRtc) => {
+            editor.setProgressState(true);
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            loadContentCss(editor).then(() => {
+                setupRtc().then((_rtcMode) => {
+                    editor.setProgressState(false);
+                    initEditorWithInitialContent(editor);
+                    bindEvents(editor);
+                }, (err) => {
+                    editor.notificationManager.open({ type: 'error', text: String(err) });
+                    initEditorWithInitialContent(editor);
+                    bindEvents(editor);
+                });
+            });
+        });
+    };
+
+    const DOM$5 = DOMUtils.DOM;
+    const createIframeElement = (id, title, customAttrs, tabindex) => {
+        const iframe = SugarElement.fromTag('iframe');
+        // This can also be explicitly set by customAttrs, so do this first
+        tabindex.each((t) => set$4(iframe, 'tabindex', t));
+        setAll$1(iframe, customAttrs);
+        setAll$1(iframe, {
+            id: id + '_ifr',
+            frameBorder: '0',
+            allowTransparency: 'true',
+            title
+        });
+        add$2(iframe, 'tox-edit-area__iframe');
+        return iframe;
+    };
+    const getIframeHtml = (editor) => {
+        let iframeHTML = getDocType(editor) + '<html><head>';
+        // We only need to override paths if we have to
+        // IE has a bug where it remove site absolute urls to relative ones if this is specified
+        if (getDocumentBaseUrl(editor) !== editor.documentBaseUrl) {
+            iframeHTML += '<base href="' + editor.documentBaseURI.getURI() + '" />';
+        }
+        iframeHTML += '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';
+        const bodyId = getBodyId(editor);
+        const bodyClass = getBodyClass(editor);
+        const translatedAriaText = editor.translate(getIframeAriaText(editor));
+        if (getContentSecurityPolicy(editor)) {
+            iframeHTML += '<meta http-equiv="Content-Security-Policy" content="' + getContentSecurityPolicy(editor) + '" />';
+        }
+        iframeHTML += '</head>' +
+            `<body id="${bodyId}" class="mce-content-body ${bodyClass}" data-id="${editor.id}" aria-label="${translatedAriaText}">` +
+            '<br>' +
+            '</body></html>';
+        return iframeHTML;
+    };
+    const createIframe = (editor, boxInfo) => {
+        const iframeTitle = Env.browser.isFirefox() ? getIframeAriaText(editor) : 'Rich Text Area';
+        const translatedTitle = editor.translate(iframeTitle);
+        const tabindex = getOpt(SugarElement.fromDom(editor.getElement()), 'tabindex').bind(toInt);
+        const ifr = createIframeElement(editor.id, translatedTitle, getIframeAttrs(editor), tabindex).dom;
+        ifr.onload = () => {
+            ifr.onload = null;
+            editor.dispatch('load');
+        };
+        editor.contentAreaContainer = boxInfo.iframeContainer;
+        editor.iframeElement = ifr;
+        editor.iframeHTML = getIframeHtml(editor);
+        DOM$5.add(boxInfo.iframeContainer, ifr);
+    };
+    const setupIframeBody = (editor) => {
+        // Setup iframe body
+        const iframe = editor.iframeElement;
+        const ready = () => {
+            // Set the content document, now that it is available
+            editor.contentDocument = iframe.contentDocument;
+            // Continue to init the editor
+            contentBodyLoaded(editor);
+        };
+        // TINY-8916: Firefox has a bug in its srcdoc implementation that prevents cookies being sent so unfortunately we need
+        // to fallback to legacy APIs to load the iframe content. See https://bugzilla.mozilla.org/show_bug.cgi?id=1741489
+        if (shouldUseDocumentWrite(editor) || Env.browser.isFirefox()) {
+            const doc = editor.getDoc();
+            doc.open();
+            doc.write(editor.iframeHTML);
+            doc.close();
+            ready();
+        }
+        else {
+            const binder = bind$1(SugarElement.fromDom(iframe), 'load', () => {
+                binder.unbind();
+                ready();
+            });
+            iframe.srcdoc = editor.iframeHTML;
+        }
+    };
+    const init$1 = (editor, boxInfo) => {
+        createIframe(editor, boxInfo);
+        if (boxInfo.editorContainer) {
+            boxInfo.editorContainer.style.display = editor.orgDisplay;
+            editor.hidden = DOM$5.isHidden(boxInfo.editorContainer);
+        }
+        editor.getElement().style.display = 'none';
+        DOM$5.setAttrib(editor.id, 'aria-hidden', 'true');
+        // Restore visibility on target element
+        editor.getElement().style.visibility = editor.orgVisibility;
+        setupIframeBody(editor);
+    };
+
+    const DOM$4 = DOMUtils.DOM;
+    const initPlugin = (editor, initializedPlugins, plugin) => {
+        const Plugin = PluginManager.get(plugin);
+        const pluginUrl = PluginManager.urls[plugin] || editor.documentBaseUrl.replace(/\/$/, '');
+        plugin = Tools.trim(plugin);
+        if (Plugin && Tools.inArray(initializedPlugins, plugin) === -1) {
+            if (editor.plugins[plugin]) {
+                return;
+            }
+            try {
+                const pluginInstance = Plugin(editor, pluginUrl) || {};
+                editor.plugins[plugin] = pluginInstance;
+                if (isFunction(pluginInstance.init)) {
+                    pluginInstance.init(editor, pluginUrl);
+                    initializedPlugins.push(plugin);
+                }
+            }
+            catch (e) {
+                pluginInitError(editor, plugin, e);
+            }
+        }
+    };
+    const trimLegacyPrefix = (name) => {
+        // Themes and plugins can be prefixed with - to prevent them from being lazy loaded
+        return name.replace(/^\-/, '');
+    };
+    const initPlugins = (editor) => {
+        const initializedPlugins = [];
+        each$e(getPlugins(editor), (name) => {
+            initPlugin(editor, initializedPlugins, trimLegacyPrefix(name));
+        });
+    };
+    const initIcons = (editor) => {
+        const iconPackName = Tools.trim(getIconPackName(editor));
+        const currentIcons = editor.ui.registry.getAll().icons;
+        const loadIcons = {
+            ...IconManager.get('default').icons,
+            ...IconManager.get(iconPackName).icons
+        };
+        each$d(loadIcons, (svgData, icon) => {
+            // Don't override an icon registered manually
+            if (!has$2(currentIcons, icon)) {
+                editor.ui.registry.addIcon(icon, svgData);
+            }
+        });
+    };
+    const initTheme = (editor) => {
+        const theme = getTheme(editor);
+        if (isString(theme)) {
+            const Theme = ThemeManager.get(theme);
+            editor.theme = Theme(editor, ThemeManager.urls[theme]) || {};
+            if (isFunction(editor.theme.init)) {
+                editor.theme.init(editor, ThemeManager.urls[theme] || editor.documentBaseUrl.replace(/\/$/, ''));
+            }
+        }
+        else {
+            // Theme set to false or null doesn't produce a theme api
+            editor.theme = {};
+        }
+    };
+    const initModel = (editor) => {
+        const model = getModel(editor);
+        const Model = ModelManager.get(model);
+        editor.model = Model(editor, ModelManager.urls[model]);
+    };
+    const renderFromLoadedTheme = (editor) => {
+        // Render UI
+        const render = editor.theme.renderUI;
+        return render ? render() : renderThemeFalse(editor);
+    };
+    const renderFromThemeFunc = (editor) => {
+        const elm = editor.getElement();
+        const theme = getTheme(editor);
+        const info = theme(editor, elm);
+        if (info.editorContainer.nodeType) {
+            info.editorContainer.id = info.editorContainer.id || editor.id + '_parent';
+        }
+        if (info.iframeContainer && info.iframeContainer.nodeType) {
+            info.iframeContainer.id = info.iframeContainer.id || editor.id + '_iframecontainer';
+        }
+        info.height = info.iframeHeight ? info.iframeHeight : elm.offsetHeight;
+        return info;
+    };
+    const createThemeFalseResult = (element, iframe) => {
+        return {
+            editorContainer: element,
+            iframeContainer: iframe,
+            api: {}
+        };
+    };
+    const renderThemeFalseIframe = (targetElement) => {
+        const iframeContainer = DOM$4.create('div');
+        DOM$4.insertAfter(iframeContainer, targetElement);
+        return createThemeFalseResult(iframeContainer, iframeContainer);
+    };
+    const renderThemeFalse = (editor) => {
+        const targetElement = editor.getElement();
+        return editor.inline ? createThemeFalseResult(null) : renderThemeFalseIframe(targetElement);
+    };
+    const renderThemeUi = (editor) => {
+        const elm = editor.getElement();
+        editor.orgDisplay = elm.style.display;
+        if (isString(getTheme(editor))) {
+            return renderFromLoadedTheme(editor);
+        }
+        else if (isFunction(getTheme(editor))) {
+            return renderFromThemeFunc(editor);
+        }
+        else {
+            return renderThemeFalse(editor);
+        }
+    };
+    const augmentEditorUiApi = (editor, api) => {
+        const uiApiFacade = {
+            show: Optional.from(api.show).getOr(noop),
+            hide: Optional.from(api.hide).getOr(noop),
+            isEnabled: Optional.from(api.isEnabled).getOr(always),
+            setEnabled: (state) => {
+                const shouldSkip = state && (editor.mode.get() === 'readonly' || isDisabled(editor));
+                if (!shouldSkip) {
+                    Optional.from(api.setEnabled).each((f) => f(state));
+                }
+            }
+        };
+        editor.ui = { ...editor.ui, ...uiApiFacade };
+    };
+    const init = async (editor) => {
+        editor.dispatch('ScriptsLoaded');
+        initIcons(editor);
+        initTheme(editor);
+        initModel(editor);
+        initPlugins(editor);
+        const renderInfo = await renderThemeUi(editor);
+        augmentEditorUiApi(editor, Optional.from(renderInfo.api).getOr({}));
+        editor.editorContainer = renderInfo.editorContainer;
+        appendContentCssFromSettings(editor);
+        if (editor.inline) {
+            contentBodyLoaded(editor);
+        }
+        else {
+            init$1(editor, {
+                editorContainer: renderInfo.editorContainer,
+                iframeContainer: renderInfo.iframeContainer
+            });
+        }
+    };
+
+    const DOM$3 = DOMUtils.DOM;
+    const hasSkipLoadPrefix = (name) => name.charAt(0) === '-';
+    const loadLanguage = (scriptLoader, editor) => {
+        const languageCode = getLanguageCode(editor);
+        const languageUrl = getLanguageUrl(editor);
+        if (!I18n.hasCode(languageCode) && languageCode !== 'en') {
+            const url = isNotEmpty(languageUrl) ? languageUrl : `${editor.editorManager.baseURL}/langs/${languageCode}.js`;
+            scriptLoader.add(url).catch(() => {
+                languageLoadError(editor, url, languageCode);
+            });
+        }
+    };
+    const loadTheme = (editor, suffix) => {
+        const theme = getTheme(editor);
+        if (isString(theme) && !hasSkipLoadPrefix(theme) && !has$2(ThemeManager.urls, theme)) {
+            const themeUrl = getThemeUrl(editor);
+            const url = themeUrl ? editor.documentBaseURI.toAbsolute(themeUrl) : `themes/${theme}/theme${suffix}.js`;
+            ThemeManager.load(theme, url).catch(() => {
+                themeLoadError(editor, url, theme);
+            });
+        }
+    };
+    const loadModel = (editor, suffix) => {
+        // Special case the 'wait for model' code if a plugin is responsible for it
+        // as the plugin will provide the instance instead
+        const model = getModel(editor);
+        if (model !== 'plugin' && !has$2(ModelManager.urls, model)) {
+            const modelUrl = getModelUrl(editor);
+            const url = isString(modelUrl) ? editor.documentBaseURI.toAbsolute(modelUrl) : `models/${model}/model${suffix}.js`;
+            ModelManager.load(model, url).catch(() => {
+                modelLoadError(editor, url, model);
+            });
+        }
+    };
+    const getIconsUrlMetaFromUrl = (editor) => Optional.from(getIconsUrl(editor))
+        .filter(isNotEmpty)
+        ?.map((url) => ({
+        url,
+        name: Optional.none()
+    }));
+    const getIconsUrlMetaFromName = (editor, name, suffix) => Optional.from(name)
+        .filter((name) => isNotEmpty(name) && !IconManager.has(name))
+        ?.map((name) => ({
+        url: `${editor.editorManager.baseURL}/icons/${name}/icons${suffix}.js`,
+        name: Optional?.some(name)
+    }));
+    const loadIcons = (scriptLoader, editor, suffix) => {
+        const defaultIconsUrl = getIconsUrlMetaFromName(editor, 'default', suffix);
+        const customIconsUrl = getIconsUrlMetaFromUrl(editor).orThunk(() => getIconsUrlMetaFromName(editor, getIconPackName(editor), ''));
+        each$e(cat([defaultIconsUrl, customIconsUrl]), (urlMeta) => {
+            scriptLoader.add(urlMeta.url).catch(() => {
+                iconsLoadError(editor, urlMeta.url, urlMeta.name.getOrUndefined());
+            });
+        });
+    };
+    const loadPlugins = (editor, suffix) => {
+        const loadPlugin = (name, url) => {
+            PluginManager.load(name, url).catch(() => {
+                pluginLoadError(editor, url, name);
+            });
+        };
+        each$d(getExternalPlugins$1(editor), (url, name) => {
+            loadPlugin(name, url);
+            editor.options.set('plugins', getPlugins(editor).concat(name));
+        });
+        each$e(getPlugins(editor), (plugin) => {
+            plugin = Tools.trim(plugin);
+            if (plugin && !PluginManager.urls[plugin] && !hasSkipLoadPrefix(plugin)) {
+                loadPlugin(plugin, `plugins/${plugin}/plugin${suffix}.js`);
+            }
+        });
+    };
+    const isThemeLoaded = (editor) => {
+        const theme = getTheme(editor);
+        return !isString(theme) || isNonNullable(ThemeManager.get(theme));
+    };
+    const isModelLoaded = (editor) => {
+        const model = getModel(editor);
+        return isNonNullable(ModelManager.get(model));
+    };
+    const loadScripts = (editor, suffix) => {
+        const scriptLoader = ScriptLoader.ScriptLoader;
+        const initEditor = () => {
+            // If the editor has been destroyed or the theme and model haven't loaded then
+            // don't continue to load the editor
+            if (!editor.removed && isThemeLoaded(editor) && isModelLoaded(editor)) {
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                init(editor);
+            }
+        };
+        loadTheme(editor, suffix);
+        loadModel(editor, suffix);
+        loadLanguage(scriptLoader, editor);
+        loadIcons(scriptLoader, editor, suffix);
+        loadPlugins(editor, suffix);
+        scriptLoader.loadQueue().then(initEditor, initEditor);
+    };
+    const getStyleSheetLoader = (element, editor) => instance.forElement(element, {
+        contentCssCors: hasContentCssCors(editor),
+        referrerPolicy: getReferrerPolicy(editor)
+    });
+    const render = (editor) => {
+        const id = editor.id;
+        // The user might have bundled multiple language packs so we need to switch the active code to the user specified language
+        I18n.setCode(getLanguageCode(editor));
+        const readyHandler = () => {
+            DOM$3.unbind(window, 'ready', readyHandler);
+            editor.render();
+        };
+        // Page is not loaded yet, wait for it
+        if (!EventUtils.Event.domLoaded) {
+            DOM$3.bind(window, 'ready', readyHandler);
+            return;
+        }
+        // Element not found, then skip initialization
+        if (!editor.getElement()) {
+            return;
+        }
+        // snapshot the element we're going to render to
+        const element = SugarElement.fromDom(editor.getElement());
+        const snapshot = clone$4(element);
+        editor.on('remove', () => {
+            eachr(element.dom.attributes, (attr) => remove$9(element, attr.name));
+            setAll$1(element, snapshot);
+        });
+        editor.ui.styleSheetLoader = getStyleSheetLoader(element, editor);
+        // Hide target element early to prevent content flashing
+        if (!isInline$1(editor)) {
+            editor.orgVisibility = editor.getElement().style.visibility;
+            editor.getElement().style.visibility = 'hidden';
+        }
+        else {
+            editor.inline = true;
+        }
+        // TODO: Investigate the types here
+        const form = editor.getElement().form || DOM$3.getParent(id, 'form');
+        if (form) {
+            editor.formElement = form;
+            // Add hidden input for non input elements inside form elements
+            if (hasHiddenInput(editor) && !isTextareaOrInput(editor.getElement())) {
+                DOM$3.insertAfter(DOM$3.create('input', { type: 'hidden', name: id }), id);
+                editor.hasHiddenInput = true;
+            }
+            // Pass submit/reset from form to editor instance
+            editor.formEventDelegate = (e) => {
+                editor.dispatch(e.type, e);
+            };
+            DOM$3.bind(form, 'submit reset', editor.formEventDelegate);
+            // Reset contents in editor when the form is reset
+            editor.on('reset', () => {
+                editor.resetContent();
+            });
+            // Check page uses id="submit" or name="submit" for it's submit button
+            if (shouldPatchSubmit(editor) && !form.submit.nodeType && !form.submit.length && !form._mceOldSubmit) {
+                form._mceOldSubmit = form.submit;
+                form.submit = () => {
+                    editor.editorManager.triggerSave();
+                    editor.setDirty(false);
+                    return form._mceOldSubmit(form);
+                };
+            }
+        }
+        editor.windowManager = WindowManager(editor);
+        editor.notificationManager = NotificationManager(editor);
+        if (isEncodingXml(editor)) {
+            editor.on('GetContent', (e) => {
+                if (e.save) {
+                    e.content = DOM$3.encode(e.content);
+                }
+            });
+        }
+        if (shouldAddFormSubmitTrigger(editor)) {
+            editor.on('submit', () => {
+                if (editor.initialized) {
+                    editor.save();
+                }
+            });
+        }
+        if (shouldAddUnloadTrigger(editor)) {
+            editor._beforeUnload = () => {
+                if (editor.initialized && !editor.destroyed && !editor.isHidden()) {
+                    editor.save({ format: 'raw', no_events: true, set_dirty: false });
+                }
+            };
+            editor.editorManager.on('BeforeUnload', editor._beforeUnload);
+        }
+        editor.editorManager.add(editor);
+        loadScripts(editor, editor.suffix);
+    };
+
+    const setEditableRoot = (editor, state) => {
+        if (editor._editableRoot !== state) {
+            editor._editableRoot = state;
+            if (!isDisabled(editor)) {
+                editor.getBody().contentEditable = String(editor.hasEditableRoot());
+                editor.nodeChanged();
+            }
+            fireEditableRootStateChange(editor, state);
+        }
+    };
+    const hasEditableRoot = (editor) => editor._editableRoot;
+
+    const sectionResult = (sections, settings) => ({
+        sections: constant(sections),
+        options: constant(settings)
+    });
+    const deviceDetection = detect$1().deviceType;
+    const isPhone = deviceDetection.isPhone();
+    const isTablet = deviceDetection.isTablet();
+    const normalizePlugins = (plugins) => {
+        if (isNullable(plugins)) {
+            return [];
+        }
+        else {
+            const pluginNames = isArray$1(plugins) ? plugins : plugins.split(/[ ,]/);
+            const trimmedPlugins = map$3(pluginNames, trim$4);
+            return filter$5(trimmedPlugins, isNotEmpty);
+        }
+    };
+    const extractSections = (keys, options) => {
+        const result = bifilter(options, (value, key) => {
+            return contains$2(keys, key);
+        });
+        return sectionResult(result.t, result.f);
+    };
+    const getSection = (sectionResult, name, defaults = {}) => {
+        const sections = sectionResult.sections();
+        const sectionOptions = get$a(sections, name).getOr({});
+        return Tools.extend({}, defaults, sectionOptions);
+    };
+    const hasSection = (sectionResult, name) => {
+        return has$2(sectionResult.sections(), name);
+    };
+    const getSectionConfig = (sectionResult, name) => {
+        return hasSection(sectionResult, name) ? sectionResult.sections()[name] : {};
+    };
+    // Get a list of options to override any desktop options
+    const getMobileOverrideOptions = (mobileOptions, isPhone) => {
+        const defaultMobileOptions = {
+            table_grid: false, // Table grid relies on hover, which isn't available for touch devices so use the dialog instead
+            object_resizing: false, // No nice way to do object resizing at this stage
+            resize: false, // Editor resize doesn't make sense on mobile
+            toolbar_mode: get$a(mobileOptions, 'toolbar_mode').getOr('scrolling'), // Use the default side-scrolling toolbar for tablets/phones
+            toolbar_sticky: false // Only enable sticky toolbar on desktop by default
+        };
+        const defaultPhoneOptions = {
+            menubar: false // Phones don't have a lot of screen space, so disable the menubar
+        };
+        return {
+            ...defaultMobileOptions,
+            ...isPhone ? defaultPhoneOptions : {}
+        };
+    };
+    const getExternalPlugins = (overrideOptions, options) => {
+        var _a;
+        const userDefinedExternalPlugins = (_a = options.external_plugins) !== null && _a !== void 0 ? _a : {};
+        if (overrideOptions && overrideOptions.external_plugins) {
+            return Tools.extend({}, overrideOptions.external_plugins, userDefinedExternalPlugins);
+        }
+        else {
+            return userDefinedExternalPlugins;
+        }
+    };
+    const combinePlugins = (forcedPlugins, plugins) => [
+        ...normalizePlugins(forcedPlugins),
+        ...normalizePlugins(plugins)
+    ];
+    const getPlatformPlugins = (isMobileDevice, sectionResult, desktopPlugins, mobilePlugins) => {
+        // is a mobile device with any mobile options
+        if (isMobileDevice && hasSection(sectionResult, 'mobile')) {
+            return mobilePlugins;
+            // is desktop
+        }
+        else {
+            return desktopPlugins;
+        }
+    };
+    const processPlugins = (isMobileDevice, sectionResult, defaultOverrideOptions, options) => {
+        const forcedPlugins = normalizePlugins(defaultOverrideOptions.forced_plugins);
+        const desktopPlugins = normalizePlugins(options.plugins);
+        const mobileConfig = getSectionConfig(sectionResult, 'mobile');
+        const mobilePlugins = mobileConfig.plugins ? normalizePlugins(mobileConfig.plugins) : desktopPlugins;
+        const platformPlugins = getPlatformPlugins(isMobileDevice, sectionResult, desktopPlugins, mobilePlugins);
+        const combinedPlugins = combinePlugins(forcedPlugins, platformPlugins);
+        return Tools.extend(options, {
+            forced_plugins: forcedPlugins,
+            plugins: combinedPlugins
+        });
+    };
+    const isOnMobile = (isMobileDevice, sectionResult) => {
+        return isMobileDevice && hasSection(sectionResult, 'mobile');
+    };
+    const combineOptions = (isMobileDevice, isPhone, defaultOptions, defaultOverrideOptions, options) => {
+        var _a;
+        // Use mobile mode by default on phones, so patch in the mobile override options
+        const deviceOverrideOptions = isMobileDevice ? { mobile: getMobileOverrideOptions((_a = options.mobile) !== null && _a !== void 0 ? _a : {}, isPhone) } : {};
+        const sectionResult = extractSections(['mobile'], deepMerge(deviceOverrideOptions, options));
+        const extendedOptions = Tools.extend(
+        // Default options
+        defaultOptions, 
+        // tinymce.overrideOptions options
+        defaultOverrideOptions, 
+        // User options
+        sectionResult.options(), 
+        // Sections
+        isOnMobile(isMobileDevice, sectionResult) ? getSection(sectionResult, 'mobile') : {}, 
+        // Forced options
+        {
+            external_plugins: getExternalPlugins(defaultOverrideOptions, sectionResult.options())
+        });
+        return processPlugins(isMobileDevice, sectionResult, defaultOverrideOptions, extendedOptions);
+    };
+    const normalizeOptions = (defaultOverrideOptions, options) => {
+        const copiedOptions = merge$1(options);
+        return combineOptions(isPhone || isTablet, isPhone, copiedOptions, defaultOverrideOptions, copiedOptions);
+    };
+
+    const addVisual = (editor, elm) => addVisual$1(editor, elm);
+
+    const registerExecCommands$2 = (editor) => {
+        const toggleFormat = (name, value) => {
+            editor.formatter.toggle(name, value);
+            editor.nodeChanged();
+        };
+        const toggleAlign = (align) => () => {
+            // Remove all other alignments first
+            each$e('left,center,right,justify'.split(','), (name) => {
+                if (align !== name) {
+                    editor.formatter.remove('align' + name);
+                }
+            });
+            if (align !== 'none') {
+                toggleFormat('align' + align);
+            }
+        };
+        editor.editorCommands.addCommands({
+            JustifyLeft: toggleAlign('left'),
+            JustifyCenter: toggleAlign('center'),
+            JustifyRight: toggleAlign('right'),
+            JustifyFull: toggleAlign('justify'),
+            JustifyNone: toggleAlign('none')
+        });
+    };
+    const registerQueryStateCommands = (editor) => {
+        const alignStates = (name) => () => {
+            const selection = editor.selection;
+            const nodes = selection.isCollapsed() ? [editor.dom.getParent(selection.getNode(), editor.dom.isBlock)] : selection.getSelectedBlocks();
+            return exists(nodes, (node) => isNonNullable(editor.formatter.matchNode(node, name)));
+        };
+        editor.editorCommands.addCommands({
+            JustifyLeft: alignStates('alignleft'),
+            JustifyCenter: alignStates('aligncenter'),
+            JustifyRight: alignStates('alignright'),
+            JustifyFull: alignStates('alignjustify')
+        }, 'state');
+    };
+    const registerCommands$a = (editor) => {
+        registerExecCommands$2(editor);
+        registerQueryStateCommands(editor);
+    };
+
+    const registerCommands$9 = (editor) => {
+        editor.editorCommands.addCommands({
+            'Cut,Copy,Paste': (command) => {
+                const doc = editor.getDoc();
+                let failed;
+                // Try executing the native command
+                try {
+                    doc.execCommand(command);
+                }
+                catch (_a) {
+                    // Command failed
+                    failed = true;
+                }
+                // Chrome reports the paste command as supported however older IE:s will return false for cut/paste
+                if (command === 'paste' && !doc.queryCommandEnabled(command)) {
+                    failed = true;
+                }
+                // Present alert message about clipboard access not being available
+                if (failed || !doc.queryCommandSupported(command)) {
+                    let msg = editor.translate(`Your browser doesn't support direct access to the clipboard. ` +
+                        'Please use the Ctrl+X/C/V keyboard shortcuts instead.');
+                    if (Env.os.isMacOS() || Env.os.isiOS()) {
+                        msg = msg.replace(/Ctrl\+/g, '\u2318+');
+                    }
+                    editor.notificationManager.open({ text: msg, type: 'error' });
+                }
+            }
+        });
+    };
+
+    const trimOrPadLeftRight = (dom, rng, html, schema) => {
+        const root = SugarElement.fromDom(dom.getRoot());
+        // Adjust the start if it needs to be an nbsp
+        if (needsToBeNbspLeft(root, CaretPosition.fromRangeStart(rng), schema)) {
+            html = html.replace(/^ /, '&nbsp;');
+        }
+        else {
+            html = html.replace(/^&nbsp;/, ' ');
+        }
+        // Adjust the end if it needs to be an nbsp
+        if (needsToBeNbspRight(root, CaretPosition.fromRangeEnd(rng), schema)) {
+            html = html.replace(/(&nbsp;| )(<br( \/)>)?$/, '&nbsp;');
+        }
+        else {
+            html = html.replace(/&nbsp;(<br( \/)?>)?$/, ' ');
+        }
+        return html;
+    };
+
+    const processValue$1 = (value) => {
+        if (typeof value !== 'string') {
+            const details = Tools.extend({
+                paste: value.paste,
+                data: {
+                    paste: value.paste
+                }
+            }, value);
+            return {
+                content: value.content,
+                details
+            };
+        }
+        return {
+            content: value,
+            details: {}
+        };
+    };
+    const trimOrPad = (editor, value) => {
+        const selection = editor.selection;
+        const dom = editor.dom;
+        // Check for whitespace before/after value
+        if (/^ | $/.test(value)) {
+            return trimOrPadLeftRight(dom, selection.getRng(), value, editor.schema);
+        }
+        else {
+            return value;
+        }
+    };
+    const insertAtCaret = (editor, value) => {
+        if (editor.selection.isEditable()) {
+            const { content, details } = processValue$1(value);
+            preProcessSetContent(editor, { ...details, content: trimOrPad(editor, content), format: 'html', set: false, selection: true }).each((args) => {
+                const insertedContent = insertContent$1(editor, args.content, details);
+                postProcessSetContent(editor, insertedContent, args);
+                editor.addVisual();
+            });
+        }
+    };
+
+    const registerCommands$8 = (editor) => {
+        editor.editorCommands.addCommands({
+            mceCleanup: () => {
+                const bm = editor.selection.getBookmark();
+                editor.setContent(editor.getContent());
+                editor.selection.moveToBookmark(bm);
+            },
+            insertImage: (_command, _ui, value) => {
+                insertAtCaret(editor, editor.dom.createHTML('img', { src: value }));
+            },
+            insertHorizontalRule: () => {
+                editor.execCommand('mceInsertContent', false, '<hr>');
+            },
+            insertText: (_command, _ui, value) => {
+                insertAtCaret(editor, editor.dom.encode(value));
+            },
+            insertHTML: (_command, _ui, value) => {
+                insertAtCaret(editor, value);
+            },
+            mceInsertContent: (_command, _ui, value) => {
+                insertAtCaret(editor, value);
+            },
+            mceSetContent: (_command, _ui, value) => {
+                editor.setContent(value);
+            },
+            mceReplaceContent: (_command, _ui, value) => {
+                editor.execCommand('mceInsertContent', false, value.replace(/\{\$selection\}/g, editor.selection.getContent({ format: 'text' })));
+            },
+            mceNewDocument: () => {
+                editor.setContent(getNewDocumentContent(editor));
+            }
+        });
+    };
+
+    const legacyPropNames = {
+        'font-size': 'size',
+        'font-family': 'face'
+    };
+    const isFont = isTag('font');
+    const getSpecifiedFontProp = (propName, rootElm, elm) => {
+        const getProperty = (elm) => getRaw$1(elm, propName).orThunk(() => {
+            if (isFont(elm)) {
+                return get$a(legacyPropNames, propName).bind((legacyPropName) => getOpt(elm, legacyPropName));
+            }
+            else {
+                return Optional.none();
+            }
+        });
+        const isRoot = (elm) => eq(SugarElement.fromDom(rootElm), elm);
+        return closest$1(SugarElement.fromDom(elm), (elm) => getProperty(elm), isRoot);
+    };
+    const normalizeFontFamily = (fontFamily) => 
+    // 'Font name', Font -> Font name,Font
+    fontFamily.replace(/[\'\"\\]/g, '').replace(/,\s+/g, ',');
+    const getComputedFontProp = (propName, elm) => Optional.from(DOMUtils.DOM.getStyle(elm, propName, true));
+    const getFontProp = (propName) => (rootElm, elm) => Optional.from(elm)
+        ?.map(SugarElement.fromDom)
+        .filter(isElement$7)
+        .bind((element) => getSpecifiedFontProp(propName, rootElm, element.dom)
+        .or(getComputedFontProp(propName, element.dom)))
+        .getOr('');
+    const getFontSize = getFontProp('font-size');
+    const getFontFamily = compose(normalizeFontFamily, getFontProp('font-family'));
+
+    const findFirstCaretElement = (editor) => firstPositionIn(editor.getBody())
+        .bind((caret) => {
+        const container = caret.container();
+        return Optional.from(isText$b(container) ? container.parentNode : container);
+    });
+    const getCaretElement = (editor) => Optional.from(editor.selection.getRng())
+        .bind((rng) => {
+        const root = editor.getBody();
+        const atStartOfNode = rng.startContainer === root && rng.startOffset === 0;
+        return atStartOfNode ? Optional.none() : Optional.from(editor.selection.getStart(true));
+    });
+    const bindRange = (editor, binder) => getCaretElement(editor)
+        .orThunk(curry(findFirstCaretElement, editor))
+        ?.map(SugarElement.fromDom)
+        .filter(isElement$7)
+        .bind(binder);
+    const mapRange = (editor, mapper) => bindRange(editor, compose1(Optional.some, mapper));
+
+    const fromFontSizeNumber = (editor, value) => {
+        if (/^[0-9.]+$/.test(value)) {
+            const fontSizeNumber = parseInt(value, 10);
+            // Convert font size 1-7 to styles
+            if (fontSizeNumber >= 1 && fontSizeNumber <= 7) {
+                const fontSizes = getFontStyleValues(editor);
+                const fontClasses = getFontSizeClasses(editor);
+                if (fontClasses.length > 0) {
+                    return fontClasses[fontSizeNumber - 1] || value;
+                }
+                else {
+                    return fontSizes[fontSizeNumber - 1] || value;
+                }
+            }
+            else {
+                return value;
+            }
+        }
+        else {
+            return value;
+        }
+    };
+    const normalizeFontNames = (font) => {
+        const fonts = font.split(/\s*,\s*/);
+        return map$3(fonts, (font) => {
+            if (font.indexOf(' ') !== -1 && !(startsWith(font, '"') || startsWith(font, `'`))) {
+                // TINY-3801: The font has spaces, so need to wrap with quotes as the browser sometimes automatically handles this, but not always
+                return `'${font}'`;
+            }
+            else {
+                return font;
+            }
+        }).join(',');
+    };
+    const fontNameAction = (editor, value) => {
+        const font = fromFontSizeNumber(editor, value);
+        editor.formatter.toggle('fontname', { value: normalizeFontNames(font) });
+        editor.nodeChanged();
+    };
+    const fontNameQuery = (editor) => mapRange(editor, (elm) => getFontFamily(editor.getBody(), elm.dom)).getOr('');
+    const fontSizeAction = (editor, value) => {
+        editor.formatter.toggle('fontsize', { value: fromFontSizeNumber(editor, value) });
+        editor.nodeChanged();
+    };
+    const fontSizeQuery = (editor) => mapRange(editor, (elm) => getFontSize(editor.getBody(), elm.dom)).getOr('');
+
+    const lineHeightQuery = (editor) => mapRange(editor, (elm) => {
+        const root = SugarElement.fromDom(editor.getBody());
+        const specifiedStyle = closest$1(elm, (elm) => getRaw$1(elm, 'line-height'), curry(eq, root));
+        const computedStyle = () => {
+            // Css.get returns computed values (in px), and parseFloat will strip any non-number suffix
+            const lineHeight = parseFloat(get$7(elm, 'line-height'));
+            const fontSize = parseFloat(get$7(elm, 'font-size'));
+            return String(lineHeight / fontSize);
+        };
+        return specifiedStyle.getOrThunk(computedStyle);
+    }).getOr('');
+    const lineHeightAction = (editor, lineHeight) => {
+        editor.formatter.toggle('lineheight', { value: String(lineHeight) });
+        editor.nodeChanged();
+    };
+
+    const registerExecCommands$1 = (editor) => {
+        const toggleFormat = (name, value) => {
+            editor.formatter.toggle(name, value);
+            editor.nodeChanged();
+        };
+        editor.editorCommands.addCommands({
+            'Bold,Italic,Underline,Strikethrough,Superscript,Subscript': (command) => {
+                toggleFormat(command);
+            },
+            'ForeColor,HiliteColor': (command, _ui, value) => {
+                toggleFormat(command, { value });
+            },
+            'BackColor': (_command, _ui, value) => {
+                toggleFormat('hilitecolor', { value });
+            },
+            'FontName': (_command, _ui, value) => {
+                fontNameAction(editor, value);
+            },
+            'FontSize': (_command, _ui, value) => {
+                fontSizeAction(editor, value);
+            },
+            'LineHeight': (_command, _ui, value) => {
+                lineHeightAction(editor, value);
+            },
+            'Lang': (command, _ui, lang) => {
+                var _a;
+                toggleFormat(command, { value: lang.code, customValue: (_a = lang.customCode) !== null && _a !== void 0 ? _a : null });
+            },
+            'RemoveFormat': (command) => {
+                editor.formatter.remove(command);
+            },
+            'mceBlockQuote': () => {
+                toggleFormat('blockquote');
+            },
+            'FormatBlock': (_command, _ui, value) => {
+                toggleFormat(isString(value) ? value : 'p');
+            },
+            'mceToggleFormat': (_command, _ui, value) => {
+                toggleFormat(value);
+            }
+        });
+    };
+    const registerQueryValueCommands = (editor) => {
+        const isFormatMatch = (name) => editor.formatter.match(name);
+        editor.editorCommands.addCommands({
+            'Bold,Italic,Underline,Strikethrough,Superscript,Subscript': (command) => isFormatMatch(command),
+            'mceBlockQuote': () => isFormatMatch('blockquote')
+        }, 'state');
+        editor.editorCommands.addQueryValueHandler('FontName', () => fontNameQuery(editor));
+        editor.editorCommands.addQueryValueHandler('FontSize', () => fontSizeQuery(editor));
+        editor.editorCommands.addQueryValueHandler('LineHeight', () => lineHeightQuery(editor));
+    };
+    const registerCommands$7 = (editor) => {
+        registerExecCommands$1(editor);
+        registerQueryValueCommands(editor);
+    };
+
+    const registerCommands$6 = (editor) => {
+        editor.editorCommands.addCommands({
+            mceAddUndoLevel: () => {
+                editor.undoManager.add();
+            },
+            mceEndUndoLevel: () => {
+                editor.undoManager.add();
+            },
+            Undo: () => {
+                editor.undoManager.undo();
+            },
+            Redo: () => {
+                editor.undoManager.redo();
+            }
+        });
+    };
+
+    const registerCommands$5 = (editor) => {
+        editor.editorCommands.addCommands({
+            Indent: () => {
+                indent(editor);
+            },
+            Outdent: () => {
+                outdent(editor);
+            },
+        });
+        editor.editorCommands.addCommands({
+            Outdent: () => canOutdent(editor),
+        }, 'state');
+    };
+
+    const registerCommands$4 = (editor) => {
+        const applyLinkToSelection = (_command, _ui, value) => {
+            if (editor.mode.isReadOnly()) {
+                return;
+            }
+            const linkDetails = isString(value) ? { href: value } : value;
+            const anchor = editor.dom.getParent(editor.selection.getNode(), 'a');
+            if (isObject(linkDetails) && isString(linkDetails.href)) {
+                // Spaces are never valid in URLs and it's a very common mistake for people to make so we fix it here.
+                linkDetails.href = linkDetails.href.replace(/ /g, '%20');
+                // Remove existing links if there could be child links or that the href isn't specified
+                if (!anchor || !linkDetails.href) {
+                    editor.formatter.remove('link');
+                }
+                // Apply new link to selection
+                if (linkDetails.href) {
+                    editor.formatter.apply('link', linkDetails, anchor);
+                }
+            }
+        };
+        editor.editorCommands.addCommands({
+            unlink: () => {
+                if (editor.selection.isEditable()) {
+                    if (editor.selection.isCollapsed()) {
+                        const elm = editor.dom.getParent(editor.selection.getStart(), 'a');
+                        if (elm) {
+                            editor.dom.remove(elm, true);
+                        }
+                        return;
+                    }
+                    editor.formatter.remove('link');
+                }
+            },
+            mceInsertLink: applyLinkToSelection,
+            createLink: applyLinkToSelection
+        });
+    };
+
+    const getTopParentBlock = (editor, node, root, container) => {
+        const dom = editor.dom;
+        const selector = (node) => dom.isBlock(node) && node.parentElement === root;
+        const topParentBlock = selector(node) ? node : dom.getParent(container, selector, root);
+        return Optional.from(topParentBlock)?.map(SugarElement.fromDom);
+    };
+    const insert = (editor, before) => {
+        if (editor.mode.isReadOnly()) {
+            return;
+        }
+        const dom = editor.dom;
+        const rng = editor.selection.getRng();
+        const node = before ? editor.selection.getStart() : editor.selection.getEnd();
+        const container = before ? rng.startContainer : rng.endContainer;
+        const root = getEditableRoot(dom, container);
+        if (!root || !root.isContentEditable) {
+            return;
+        }
+        const insertFn = before ? before$3 : after$4;
+        const newBlockName = getForcedRootBlock(editor);
+        getTopParentBlock(editor, node, root, container).each((parentBlock) => {
+            const newBlock = createNewBlock(editor, container, parentBlock.dom, root, false, newBlockName);
+            insertFn(parentBlock, SugarElement.fromDom(newBlock));
+            editor.selection.setCursorLocation(newBlock, 0);
+            editor.dispatch('NewBlock', { newBlock });
+            fireInputEvent(editor, 'insertParagraph');
+        });
+    };
+    const insertBefore = (editor) => insert(editor, true);
+    const insertAfter = (editor) => insert(editor, false);
+
+    const registerCommands$3 = (editor) => {
+        editor.editorCommands.addCommands({
+            InsertNewBlockBefore: () => {
+                insertBefore(editor);
+            },
+            InsertNewBlockAfter: () => {
+                insertAfter(editor);
+            },
+        });
+    };
+
+    const registerCommands$2 = (editor) => {
+        editor.editorCommands.addCommands({
+            insertParagraph: () => {
+                insertBreak(blockbreak, editor);
+            },
+            mceInsertNewLine: (_command, _ui, value) => {
+                insert$1(editor, value);
+            },
+            InsertLineBreak: (_command, _ui, _value) => {
+                insertBreak(linebreak, editor);
+            }
+        });
+    };
+
+    const registerCommands$1 = (editor) => {
+        editor.editorCommands.addCommands({
+            mceSelectNodeDepth: (_command, _ui, value) => {
+                let counter = 0;
+                editor.dom.getParent(editor.selection.getNode(), (node) => {
+                    if (isElement$6(node) && counter++ === value) {
+                        editor.selection.select(node);
+                        return false;
+                    }
+                    else {
+                        return true;
+                    }
+                }, editor.getBody());
+            },
+            mceSelectNode: (_command, _ui, value) => {
+                editor.selection.select(value);
+            },
+            selectAll: () => {
+                const editingHost = editor.dom.getParent(editor.selection.getStart(), isContentEditableTrue$3);
+                if (editingHost) {
+                    const rng = editor.dom.createRng();
+                    rng.selectNodeContents(editingHost);
+                    editor.selection.setRng(rng);
+                }
+            }
+        });
+    };
+
+    const registerExecCommands = (editor) => {
+        editor.editorCommands.addCommands({
+            mceRemoveNode: (_command, _ui, value) => {
+                const node = value !== null && value !== void 0 ? value : editor.selection.getNode();
+                // Make sure that the body node isn't removed
+                if (node !== editor.getBody()) {
+                    const bm = editor.selection.getBookmark();
+                    editor.dom.remove(node, true);
+                    editor.selection.moveToBookmark(bm);
+                }
+            },
+            mcePrint: () => {
+                editor.getWin().print();
+            },
+            mceFocus: (_command, _ui, value) => {
+                focus(editor, value === true);
+            },
+            mceToggleVisualAid: () => {
+                editor.hasVisual = !editor.hasVisual;
+                editor.addVisual();
+            }
+        });
+    };
+    const registerCommands = (editor) => {
+        registerCommands$a(editor);
+        registerCommands$9(editor);
+        registerCommands$6(editor);
+        registerCommands$1(editor);
+        registerCommands$8(editor);
+        registerCommands$4(editor);
+        registerCommands$5(editor);
+        registerCommands$3(editor);
+        registerCommands$2(editor);
+        registerCommands$7(editor);
+        registerExecCommands(editor);
+    };
+
+    // List of commands that are considered safe even if the editor has no selection when the iframe is hidden in Firefox. See TINY-9210 for details.
+    const selectionSafeCommands = ['toggleview'];
+    const isSelectionSafeCommand = (command) => contains$2(selectionSafeCommands, command.toLowerCase());
+    class EditorCommands {
+        constructor(editor) {
+            this.commands = { state: {}, exec: {}, value: {} };
+            this.editor = editor;
+        }
+        /**
+         * Executes a registered command on the current instance. A list of available commands can be found in
+         * the tinymce command identifiers documentation.
+         *
+         * @method execCommand
+         * @param {String} command Command name to execute, for example mceLink or Bold.
+         * @param {Boolean} ui Specifies if a UI (dialog) should be presented or not.
+         * @param {Object/Array/String/Number/Boolean} value Optional command value, this can be anything.
+         * @param {Object} args Optional arguments object.
+         * @return {Boolean} true or false if the command was supported or not.
+         */
+        execCommand(command, ui = false, value, args) {
+            const editor = this.editor;
+            const lowerCaseCommand = command.toLowerCase();
+            const skipFocus = args === null || args === void 0 ? void 0 : args.skip_focus;
+            if (editor.removed) {
+                return false;
+            }
+            if (lowerCaseCommand !== 'mcefocus') {
+                if (!/^(mceAddUndoLevel|mceEndUndoLevel)$/i.test(lowerCaseCommand) && !skipFocus) {
+                    editor.focus();
+                }
+                else {
+                    restore(editor);
+                }
+            }
+            const eventArgs = editor.dispatch('BeforeExecCommand', { command, ui, value });
+            if (eventArgs.isDefaultPrevented()) {
+                return false;
+            }
+            const func = this.commands.exec[lowerCaseCommand];
+            if (isFunction(func)) {
+                func(lowerCaseCommand, ui, value);
+                editor.dispatch('ExecCommand', { command, ui, value });
+                return true;
+            }
+            return false;
+        }
+        /**
+         * Queries the current state for a command. For example: If the current selection is "bold".
+         *
+         * @method queryCommandState
+         * @param {String} command Command to check the state of.
+         * @return {Boolean} true/false - For example: If the selected contents is bold or not.
+         */
+        queryCommandState(command) {
+            if ((!isSelectionSafeCommand(command) && this.editor.quirks.isHidden()) || this.editor.removed) {
+                return false;
+            }
+            const lowerCaseCommand = command.toLowerCase();
+            const func = this.commands.state[lowerCaseCommand];
+            if (isFunction(func)) {
+                return func(lowerCaseCommand);
+            }
+            return false;
+        }
+        /**
+         * Returns a command specific value, for example the current font size.
+         *
+         * @method queryCommandValue
+         * @param {String} command Command to query value from.
+         * @return {String} Command value, for example the current font size or an empty string (`""`) if the query command is not found.
+         */
+        queryCommandValue(command) {
+            if ((!isSelectionSafeCommand(command) && this.editor.quirks.isHidden()) || this.editor.removed) {
+                return '';
+            }
+            const lowerCaseCommand = command.toLowerCase();
+            const func = this.commands.value[lowerCaseCommand];
+            if (isFunction(func)) {
+                return func(lowerCaseCommand);
+            }
+            return '';
+        }
+        addCommands(commandList, type = 'exec') {
+            const commands = this.commands;
+            each$d(commandList, (callback, command) => {
+                each$e(command.toLowerCase().split(','), (command) => {
+                    commands[type][command] = callback;
+                });
+            });
+        }
+        addCommand(command, callback, scope) {
+            const lowerCaseCommand = command.toLowerCase();
+            this.commands.exec[lowerCaseCommand] = (_command, ui, value) => callback.call(scope !== null && scope !== void 0 ? scope : this.editor, ui, value);
+        }
+        /**
+         * Returns true/false if the command is supported or not.
+         *
+         * @method queryCommandSupported
+         * @param {String} command Command that we check support for.
+         * @return {Boolean} true/false if the command is supported or not.
+         */
+        queryCommandSupported(command) {
+            const lowerCaseCommand = command.toLowerCase();
+            if (this.commands.exec[lowerCaseCommand]) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        addQueryStateHandler(command, callback, scope) {
+            this.commands.state[command.toLowerCase()] = () => callback.call(scope !== null && scope !== void 0 ? scope : this.editor);
+        }
+        addQueryValueHandler(command, callback, scope) {
+            this.commands.value[command.toLowerCase()] = () => callback.call(scope !== null && scope !== void 0 ? scope : this.editor);
+        }
+    }
+
+    /**
+     * This class lets you add/remove and dispatch events by name on the specified scope. This makes
+     * it easy to add event listener logic to any class.
+     *
+     * @class tinymce.util.EventDispatcher
+     * @example
+     * const eventDispatcher = new EventDispatcher();
+     *
+     * eventDispatcher.on('click', () => console.log('data'));
+     * eventDispatcher.dispatch('click', { data: 123 });
+     */
+    const nativeEvents = Tools.makeMap('focus blur focusin focusout click dblclick mousedown mouseup mousemove mouseover beforepaste paste cut copy selectionchange ' +
+        'mouseout mouseenter mouseleave wheel keydown keypress keyup input beforeinput contextmenu dragstart dragend dragover ' +
+        'draggesture dragdrop drop drag submit ' +
+        'compositionstart compositionend compositionupdate touchstart touchmove touchend touchcancel', ' ');
+    class EventDispatcher {
+        /**
+         * Returns true/false if the specified event name is a native browser event or not.
+         *
+         * @method isNative
+         * @param {String} name Name to check if it's native.
+         * @return {Boolean} true/false if the event is native or not.
+         * @static
+         */
+        static isNative(name) {
+            return !!nativeEvents[name.toLowerCase()];
+        }
+        constructor(settings) {
+            this.bindings = {};
+            this.settings = settings || {};
+            this.scope = this.settings.scope || this;
+            this.toggleEvent = this.settings.toggleEvent || never;
+        }
+        /**
+         * Fires the specified event by name.
+         * <br>
+         * <em>Marked for removal in TinyMCE 8.0. Use <code>dispatch</code> instead.</em>
+         *
+         * @method fire
+         * @param {String} name Name of the event to fire.
+         * @param {Object?} args Event arguments.
+         * @return {Object} Event args instance passed in.
+         * @deprecated Use dispatch() instead
+         * @example
+         * instance.fire('event', {...});
+         */
+        fire(name, args) {
+            return this.dispatch(name, args);
+        }
+        /**
+         * Dispatches the specified event by name.
+         *
+         * @method dispatch
+         * @param {String} name Name of the event to dispatch
+         * @param {Object?} args Event arguments.
+         * @return {Object} Event args instance passed in.
+         * @example
+         * instance.dispatch('event', {...});
+         */
+        dispatch(name, args) {
+            const lcName = name.toLowerCase();
+            const event = normalize$3(lcName, args !== null && args !== void 0 ? args : {}, this.scope);
+            if (this.settings.beforeFire) {
+                this.settings.beforeFire(event);
+            }
+            // Don't clone the array here as this is a hot code path, so instead the handlers
+            // array is recreated and the this.bindings[name] reference is updated in the `on`
+            // and `off` functions. This is done to avoid the handlers array being mutated while
+            // we're iterating over it below.
+            const handlers = this.bindings[lcName];
+            if (handlers) {
+                for (let i = 0, l = handlers.length; i < l; i++) {
+                    const callback = handlers[i];
+                    // The handler was removed by an earlier handler in this loop so skip it.
+                    if (callback.removed) {
+                        continue;
+                    }
+                    // Unbind handlers marked with "once"
+                    if (callback.once) {
+                        this.off(lcName, callback.func);
+                    }
+                    // Stop immediate propagation if needed
+                    if (event.isImmediatePropagationStopped()) {
+                        return event;
+                    }
+                    // If callback returns false then prevent default and stop all propagation
+                    if (callback.func.call(this.scope, event) === false) {
+                        event.preventDefault();
+                        return event;
+                    }
+                }
+            }
+            return event;
+        }
+        /**
+         * Binds an event listener to a specific event by name.
+         *
+         * @method on
+         * @param {String} name Event name or space separated list of events to bind.
+         * @param {Function} callback Callback to be executed when the event occurs.
+         * @param {Boolean} prepend Optional flag if the event should be prepended. Use this with care.
+         * @return {Object} Current class instance.
+         * @example
+         * instance.on('event', (e) => {
+         *   // Callback logic
+         * });
+         */
+        on(name, callback, prepend, extra) {
+            if (callback === false) {
+                callback = never;
+            }
+            if (callback) {
+                const wrappedCallback = {
+                    func: callback,
+                    removed: false
+                };
+                if (extra) {
+                    Tools.extend(wrappedCallback, extra);
+                }
+                const names = name.toLowerCase().split(' ');
+                let i = names.length;
+                while (i--) {
+                    const currentName = names[i];
+                    let handlers = this.bindings[currentName];
+                    if (!handlers) {
+                        handlers = [];
+                        this.toggleEvent(currentName, true);
+                    }
+                    if (prepend) {
+                        handlers = [wrappedCallback, ...handlers];
+                    }
+                    else {
+                        handlers = [...handlers, wrappedCallback];
+                    }
+                    this.bindings[currentName] = handlers;
+                }
+            }
+            return this;
+        }
+        /**
+         * Unbinds an event listener to a specific event by name.
+         *
+         * @method off
+         * @param {String?} name Name of the event to unbind.
+         * @param {Function?} callback Callback to unbind.
+         * @return {Object} Current class instance.
+         * @example
+         * // Unbind specific callback
+         * instance.off('event', handler);
+         *
+         * // Unbind all listeners by name
+         * instance.off('event');
+         *
+         * // Unbind all events
+         * instance.off();
+         */
+        off(name, callback) {
+            if (name) {
+                const names = name.toLowerCase().split(' ');
+                let i = names.length;
+                while (i--) {
+                    const currentName = names[i];
+                    let handlers = this.bindings[currentName];
+                    // Unbind all handlers
+                    if (!currentName) {
+                        each$d(this.bindings, (_value, bindingName) => {
+                            this.toggleEvent(bindingName, false);
+                            delete this.bindings[bindingName];
+                        });
+                        return this;
+                    }
+                    if (handlers) {
+                        // Unbind all by name
+                        if (!callback) {
+                            handlers.length = 0;
+                        }
+                        else {
+                            // Unbind specific handlers
+                            const filteredHandlers = partition$2(handlers, (handler) => handler.func === callback);
+                            handlers = filteredHandlers.fail;
+                            this.bindings[currentName] = handlers;
+                            // Mark the removed handlers in case this event is already being processed in `fire`
+                            each$e(filteredHandlers.pass, (handler) => {
+                                handler.removed = true;
+                            });
+                        }
+                        if (!handlers.length) {
+                            this.toggleEvent(name, false);
+                            delete this.bindings[currentName];
+                        }
+                    }
+                }
+            }
+            else {
+                each$d(this.bindings, (_value, name) => {
+                    this.toggleEvent(name, false);
+                });
+                this.bindings = {};
+            }
+            return this;
+        }
+        /**
+         * Binds an event listener to a specific event by name
+         * and automatically unbind the event once the callback fires.
+         *
+         * @method once
+         * @param {String} name Event name or space separated list of events to bind.
+         * @param {Function} callback Callback to be executed when the event occurs.
+         * @param {Boolean} prepend Optional flag if the event should be prepended. Use this with care.
+         * @return {Object} Current class instance.
+         * @example
+         * instance.once('event', (e) => {
+         *   // Callback logic
+         * });
+         */
+        once(name, callback, prepend) {
+            return this.on(name, callback, prepend, { once: true });
+        }
+        /**
+         * Returns true/false if the dispatcher has a event of the specified name.
+         *
+         * @method has
+         * @param {String} name Name of the event to check for.
+         * @return {Boolean} true/false if the event exists or not.
+         */
+        has(name) {
+            name = name.toLowerCase();
+            const binding = this.bindings[name];
+            return !(!binding || binding.length === 0);
+        }
+    }
+
+    /**
+     * This mixin adds event binding logic to classes. Adapts the EventDispatcher class.
+     *
+     * @mixin tinymce.util.Observable
+     */
+    const getEventDispatcher = (obj) => {
+        if (!obj._eventDispatcher) {
+            obj._eventDispatcher = new EventDispatcher({
+                scope: obj,
+                toggleEvent: (name, state) => {
+                    if (EventDispatcher.isNative(name) && obj.toggleNativeEvent) {
+                        obj.toggleNativeEvent(name, state);
+                    }
+                }
+            });
+        }
+        return obj._eventDispatcher;
+    };
+    const Observable = {
+        /**
+         * Fires the specified event by name. Consult the
+         * <a href="https://www.tiny.cloud/docs/tinymce/7/events/">event reference</a> for more details on each event.
+         * <br>
+         * <em>Deprecated in TinyMCE 6.0 and has been marked for removal in TinyMCE 9.0. Use <code>dispatch</code> instead.</em>
+         *
+         * @method fire
+         * @param {String} name Name of the event to fire.
+         * @param {Object?} args Event arguments.
+         * @param {Boolean?} bubble True/false if the event is to be bubbled.
+         * @return {Object} Event args instance passed in.
+         * @deprecated Use dispatch() instead
+         * @example
+         * instance.fire('event', {...});
+         */
+        fire(name, args, bubble) {
+            // eslint-disable-next-line no-console
+            console.warn('The "fire" event api has been deprecated and will be removed in TinyMCE 9. Use "dispatch" instead.', new Error().stack);
+            return this.dispatch(name, args, bubble);
+        },
+        /**
+         * Dispatches the specified event by name. Consult the
+         * <a href="https://www.tiny.cloud/docs/tinymce/7/events/">event reference</a> for more details on each event.
+         *
+         * @method dispatch
+         * @param {String} name Name of the event to dispatch.
+         * @param {Object?} args Event arguments.
+         * @param {Boolean?} bubble True/false if the event is to be bubbled.
+         * @return {Object} Event args instance passed in.
+         * @example
+         * instance.dispatch('event', {...});
+         */
+        dispatch(name, args, bubble) {
+            const self = this;
+            // Prevent all events except the remove/detach event after the instance has been removed
+            if (self.removed && name !== 'remove' && name !== 'detach') {
+                return normalize$3(name.toLowerCase(), args !== null && args !== void 0 ? args : {}, self);
+            }
+            const dispatcherArgs = getEventDispatcher(self).dispatch(name, args);
+            // Bubble event up to parents
+            if (bubble !== false && self.parent) {
+                let parent = self.parent();
+                while (parent && !dispatcherArgs.isPropagationStopped()) {
+                    parent.dispatch(name, dispatcherArgs, false);
+                    parent = parent.parent ? parent.parent() : undefined;
+                }
+            }
+            return dispatcherArgs;
+        },
+        /**
+         * Binds an event listener to a specific event by name. Consult the
+         * <a href="https://www.tiny.cloud/docs/tinymce/7/events/">event reference</a> for more details on each event.
+         *
+         * @method on
+         * @param {String} name Event name or space separated list of events to bind.
+         * @param {Function} callback Callback to be executed when the event occurs.
+         * @param {Boolean} prepend Optional flag if the event should be prepended. Use this with care.
+         * @return {Object} Current class instance.
+         * @example
+         * instance.on('event', (e) => {
+         *   // Callback logic
+         * });
+         */
+        on(name, callback, prepend) {
+            return getEventDispatcher(this).on(name, callback, prepend);
+        },
+        /**
+         * Unbinds an event listener to a specific event by name. Consult the
+         * <a href="https://www.tiny.cloud/docs/tinymce/7/events/">event reference</a> for more details on each event.
+         *
+         * @method off
+         * @param {String?} name Name of the event to unbind.
+         * @param {Function?} callback Callback to unbind.
+         * @return {Object} Current class instance.
+         * @example
+         * // Unbind specific callback
+         * instance.off('event', handler);
+         *
+         * // Unbind all listeners by name
+         * instance.off('event');
+         *
+         * // Unbind all events
+         * instance.off();
+         */
+        off(name, callback) {
+            return getEventDispatcher(this).off(name, callback);
+        },
+        /**
+         * Bind the event callback and once it fires the callback is removed. Consult the
+         * <a href="https://www.tiny.cloud/docs/tinymce/7/events/">event reference</a> for more details on each event.
+         *
+         * @method once
+         * @param {String} name Name of the event to bind.
+         * @param {Function} callback Callback to bind only once.
+         * @return {Object} Current class instance.
+         */
+        once(name, callback) {
+            return getEventDispatcher(this).once(name, callback);
+        },
+        /**
+         * Returns true/false if the object has a event of the specified name.
+         *
+         * @method hasEventListeners
+         * @param {String} name Name of the event to check for.
+         * @return {Boolean} true/false if the event exists or not.
+         */
+        hasEventListeners(name) {
+            return getEventDispatcher(this).has(name);
+        }
+    };
+
+    /**
+     * This mixin contains the event logic for the tinymce.Editor class.
+     *
+     * @mixin tinymce.EditorObservable
+     * @extends tinymce.util.Observable
+     * @private
+     */
+    const DOM$2 = DOMUtils.DOM;
+    let customEventRootDelegates;
+    /**
+     * Returns the event target for the specified event. Some events fire
+     * only on document, some fire on documentElement etc. This also handles the
+     * custom event root setting where it returns that element instead of the body.
+     *
+     * @private
+     * @param {tinymce.Editor} editor Editor instance to get event target from.
+     * @param {String} eventName Name of the event for example "click".
+     * @return {Element/Document} HTML Element or document target to bind on.
+     */
+    const getEventTarget = (editor, eventName) => {
+        if (eventName === 'selectionchange') {
+            return editor.getDoc();
+        }
+        // Need to bind mousedown/mouseup etc to document not body in iframe mode
+        // Since the user might click on the HTML element not the BODY
+        if (!editor.inline && /^(?:mouse|touch|click|contextmenu|drop|dragover|dragend)/.test(eventName)) {
+            return editor.getDoc().documentElement;
+        }
+        // Bind to event root instead of body if it's defined
+        const eventRoot = getEventRoot(editor);
+        if (eventRoot) {
+            if (!editor.eventRoot) {
+                editor.eventRoot = DOM$2.select(eventRoot)[0];
+            }
+            return editor.eventRoot;
+        }
+        return editor.getBody();
+    };
+    const isListening = (editor) => !editor.hidden && !isDisabled(editor);
+    const fireEvent = (editor, eventName, e) => {
+        if (isListening(editor)) {
+            editor.dispatch(eventName, e);
+        }
+        else if (isDisabled(editor)) {
+            processDisabledEvents(editor, e);
+        }
+    };
+    /**
+     * Binds a event delegate for the specified name this delegate will fire
+     * the event to the editor dispatcher.
+     *
+     * @private
+     * @param {tinymce.Editor} editor Editor instance to get event target from.
+     * @param {String} eventName Name of the event for example "click".
+     */
+    const bindEventDelegate = (editor, eventName) => {
+        if (!editor.delegates) {
+            editor.delegates = {};
+        }
+        if (editor.delegates[eventName] || editor.removed) {
+            return;
+        }
+        const eventRootElm = getEventTarget(editor, eventName);
+        if (getEventRoot(editor)) {
+            if (!customEventRootDelegates) {
+                customEventRootDelegates = {};
+                editor.editorManager.on('removeEditor', () => {
+                    if (!editor.editorManager.activeEditor) {
+                        if (customEventRootDelegates) {
+                            each$d(customEventRootDelegates, (_value, name) => {
+                                editor.dom.unbind(getEventTarget(editor, name));
+                            });
+                            customEventRootDelegates = null;
+                        }
+                    }
+                });
+            }
+            if (customEventRootDelegates[eventName]) {
+                return;
+            }
+            const delegate = (e) => {
+                const target = e.target;
+                const editors = editor.editorManager.get();
+                let i = editors.length;
+                while (i--) {
+                    const body = editors[i].getBody();
+                    if (body === target || DOM$2.isChildOf(target, body)) {
+                        fireEvent(editors[i], eventName, e);
+                    }
+                }
+            };
+            customEventRootDelegates[eventName] = delegate;
+            DOM$2.bind(eventRootElm, eventName, delegate);
+        }
+        else {
+            const delegate = (e) => {
+                fireEvent(editor, eventName, e);
+            };
+            DOM$2.bind(eventRootElm, eventName, delegate);
+            editor.delegates[eventName] = delegate;
+        }
+    };
+    const EditorObservable = {
+        ...Observable,
+        /**
+         * Bind any pending event delegates. This gets executed after the target body/document is created.
+         *
+         * @private
+         */
+        bindPendingEventDelegates() {
+            const self = this;
+            Tools.each(self._pendingNativeEvents, (name) => {
+                bindEventDelegate(self, name);
+            });
+        },
+        /**
+         * Toggles a native event on/off this is called by the EventDispatcher when
+         * the first native event handler is added and when the last native event handler is removed.
+         *
+         * @private
+         */
+        toggleNativeEvent(name, state) {
+            const self = this;
+            // Never bind focus/blur since the FocusManager fakes those
+            if (name === 'focus' || name === 'blur') {
+                return;
+            }
+            // If the editor has been removed, `unbindAllNativeEvents` has already deleted all native event delegates
+            if (self.removed) {
+                return;
+            }
+            if (state) {
+                if (self.initialized) {
+                    bindEventDelegate(self, name);
+                }
+                else {
+                    if (!self._pendingNativeEvents) {
+                        self._pendingNativeEvents = [name];
+                    }
+                    else {
+                        self._pendingNativeEvents.push(name);
+                    }
+                }
+            }
+            else if (self.initialized && self.delegates) {
+                self.dom.unbind(getEventTarget(self, name), name, self.delegates[name]);
+                delete self.delegates[name];
+            }
+        },
+        /**
+         * Unbinds all native event handlers that means delegates, custom events bound using the Events API etc.
+         *
+         * @private
+         */
+        unbindAllNativeEvents() {
+            const self = this;
+            const body = self.getBody();
+            const dom = self.dom;
+            if (self.delegates) {
+                each$d(self.delegates, (value, name) => {
+                    self.dom.unbind(getEventTarget(self, name), name, value);
+                });
+                delete self.delegates;
+            }
+            if (!self.inline && body && dom) {
+                body.onload = null;
+                dom.unbind(self.getWin());
+                dom.unbind(self.getDoc());
+            }
+            if (dom) {
+                dom.unbind(body);
+                dom.unbind(self.getContainer());
+            }
+        }
+    };
+
+    // A string array allows comma/space separated values as well for ease of use
+    const stringListProcessor = (value) => {
+        if (isString(value)) {
+            return { value: value.split(/[ ,]/), valid: true };
+        }
+        else if (isArrayOf(value, isString)) {
+            return { value, valid: true };
+        }
+        else {
+            return { valid: false, message: `The value must be a string[] or a comma/space separated string.` };
+        }
+    };
+    const getBuiltInProcessor = (type) => {
+        const validator = (() => {
+            switch (type) {
+                case 'array':
+                    return isArray$1;
+                case 'boolean':
+                    return isBoolean;
+                case 'function':
+                    return isFunction;
+                case 'number':
+                    return isNumber;
+                case 'object':
+                    return isObject;
+                case 'string':
+                    return isString;
+                case 'string[]':
+                    return stringListProcessor;
+                case 'object[]':
+                    return (val) => isArrayOf(val, isObject);
+                case 'regexp':
+                    return (val) => is$4(val, RegExp);
+                default:
+                    return always;
+            }
+        })();
+        return (value) => processValue(value, validator, `The value must be a ${type}.`);
+    };
+    const isBuiltInSpec = (spec) => isString(spec.processor);
+    const getErrorMessage = (message, result) => {
+        const additionalText = isEmpty$3(result.message) ? '' : `. ${result.message}`;
+        return message + additionalText;
+    };
+    const isValidResult = (result) => result.valid;
+    const processValue = (value, processor, message = '') => {
+        const result = processor(value);
+        if (isBoolean(result)) {
+            // Note: Need to cast here as if a boolean is returned then we're guaranteed to be returning the same value
+            return result ? { value: value, valid: true } : { valid: false, message };
+        }
+        else {
+            return result;
+        }
+    };
+    const processDefaultValue = (name, defaultValue, processor) => {
+        if (!isUndefined(defaultValue)) {
+            const result = processValue(defaultValue, processor);
+            if (isValidResult(result)) {
+                return result.value;
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.error(getErrorMessage(`Invalid default value passed for the "${name}" option`, result));
+            }
+        }
+        return undefined;
+    };
+    const create$4 = (editor, initialOptions, rawInitialOptions = initialOptions) => {
+        const registry = {};
+        const values = {};
+        const setValue = (name, value, processor) => {
+            const result = processValue(value, processor);
+            if (isValidResult(result)) {
+                values[name] = result.value;
+                return true;
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.warn(getErrorMessage(`Invalid value passed for the ${name} option`, result));
+                return false;
+            }
+        };
+        const register = (name, spec) => {
+            const processor = isBuiltInSpec(spec) ? getBuiltInProcessor(spec.processor) : spec.processor;
+            // Process and validate the default value
+            const defaultValue = processDefaultValue(name, spec.default, processor);
+            // Register the spec with the validated default and normalized processor
+            registry[name] = {
+                ...spec,
+                default: defaultValue,
+                processor
+            };
+            // Setup the initial values
+            const initValue = get$a(values, name).orThunk(() => get$a(initialOptions, name));
+            initValue.each((value) => setValue(name, value, processor));
+        };
+        const isRegistered = (name) => has$2(registry, name);
+        const get = (name) => get$a(values, name)
+            .orThunk(() => get$a(registry, name)?.map((spec) => spec.default))
+            .getOrUndefined();
+        const set = (name, value) => {
+            if (!isRegistered(name)) {
+                // eslint-disable-next-line no-console
+                console.warn(`"${name}" is not a registered option. Ensure the option has been registered before setting a value.`);
+                return false;
+            }
+            else {
+                const spec = registry[name];
+                if (spec.immutable) {
+                    // eslint-disable-next-line no-console
+                    console.error(`"${name}" is an immutable option and cannot be updated`);
+                    return false;
+                }
+                else {
+                    return setValue(name, value, spec.processor);
+                }
+            }
+        };
+        const unset = (name) => {
+            const registered = isRegistered(name);
+            if (registered) {
+                delete values[name];
+            }
+            return registered;
+        };
+        const isSet = (name) => has$2(values, name);
+        const debug = () => {
+            try {
+                // eslint-disable-next-line no-console
+                console.log(JSON.parse(JSON.stringify(rawInitialOptions, (_key, value) => {
+                    if (isBoolean(value) ||
+                        isNumber(value) ||
+                        isString(value) ||
+                        isNull(value) ||
+                        isArray$1(value) ||
+                        isPlainObject(value)) {
+                        return value;
+                    }
+                    return Object.prototype.toString.call(value);
+                })));
+            }
+            catch (error) {
+                // eslint-disable-next-line no-console
+                console.error(error);
+            }
+        };
+        return {
+            register,
+            isRegistered,
+            get,
+            set,
+            unset,
+            isSet,
+            debug,
+        };
+    };
+
+    const setContentEditable = (elm, state) => {
+        elm.dom.contentEditable = state ? 'true' : 'false';
+    };
+    const toggleReadOnly = (editor, state) => {
+        const body = SugarElement.fromDom(editor.getBody());
+        if (state) {
+            editor.readonly = true;
+            if (editor.hasEditableRoot()) {
+                setContentEditable(body, true);
+            }
+            disableEditor(editor);
+        }
+        else {
+            editor.readonly = false;
+            enableEditor(editor);
+        }
+    };
+    const isReadOnly = (editor) => editor.readonly;
+    const rollbackChange = (editor) => {
+        const undoLevel = editor.undoManager.add();
+        if (isNonNullable(undoLevel)) {
+            editor.undoManager.undo();
+            editor.undoManager.reset();
+        }
+    };
+    const hasContentMutations = (mutations) => exists(mutations, (mutation) => mutation.type === 'characterData' || mutation.type === 'childList');
+    const registerReadOnlyInputBlockers = (editor) => {
+        const handleMutations = (mutations) => {
+            if (isReadOnly(editor) && hasContentMutations(mutations)) {
+                rollbackChange(editor);
+            }
+        };
+        // Set up mutation observer to detect and revert unintended changes
+        const observer = new MutationObserver(handleMutations);
+        editor.on('beforeinput paste cut dragend dragover draggesture dragdrop drop drag', (e) => {
+            if (isReadOnly(editor)) {
+                e.preventDefault();
+            }
+        });
+        editor.on('BeforeExecCommand', (e) => {
+            if ((e.command === 'Undo' || e.command === 'Redo') && isReadOnly(editor)) {
+                e.preventDefault();
+            }
+        });
+        editor.on('compositionstart', () => {
+            if (isReadOnly(editor)) {
+                observer.observe(editor.getBody(), {
+                    characterData: true,
+                    childList: true,
+                    subtree: true
+                });
+            }
+        });
+        editor.on('compositionend', () => {
+            if (isReadOnly(editor)) {
+                const records = observer.takeRecords();
+                handleMutations(records);
+            }
+            observer.disconnect();
+        });
+    };
+
+    const defaultModes = ['design', 'readonly'];
+    const switchToMode = (editor, activeMode, availableModes, mode) => {
+        const oldMode = availableModes[activeMode.get()];
+        const newMode = availableModes[mode];
+        // if activate fails, hope nothing bad happened and abort
+        try {
+            newMode.activate();
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error(`problem while activating editor mode ${mode}:`, e);
+            return;
+        }
+        oldMode.deactivate();
+        if (oldMode.editorReadOnly !== newMode.editorReadOnly) {
+            toggleReadOnly(editor, newMode.editorReadOnly);
+        }
+        activeMode.set(mode);
+        fireSwitchMode(editor, mode);
+    };
+    const setMode = (editor, availableModes, activeMode, mode) => {
+        if (mode === activeMode.get() || (editor.initialized && isDisabled(editor))) {
+            return;
+        }
+        else if (!has$2(availableModes, mode)) {
+            throw new Error(`Editor mode '${mode}' is invalid`);
+        }
+        if (editor.initialized) {
+            switchToMode(editor, activeMode, availableModes, mode);
+        }
+        else {
+            editor.on('init', () => switchToMode(editor, activeMode, availableModes, mode));
+        }
+    };
+    const registerMode = (availableModes, mode, api) => {
+        if (contains$2(defaultModes, mode)) {
+            throw new Error(`Cannot override default mode ${mode}`);
+        }
+        return {
+            ...availableModes,
+            [mode]: {
+                ...api,
+                deactivate: () => {
+                    // wrap custom deactivate APIs so they can't break the editor
+                    try {
+                        api.deactivate();
+                    }
+                    catch (e) {
+                        // eslint-disable-next-line no-console
+                        console.error(`problem while deactivating editor mode ${mode}:`, e);
+                    }
+                }
+            }
+        };
+    };
+
+    const create$3 = (editor) => {
+        const activeMode = Cell('design');
+        const availableModes = Cell({
+            design: {
+                activate: noop,
+                deactivate: noop,
+                editorReadOnly: false
+            },
+            readonly: {
+                activate: noop,
+                deactivate: noop,
+                editorReadOnly: true
+            }
+        });
+        registerReadOnlyInputBlockers(editor);
+        registerEventsAndFilters$1(editor);
+        return {
+            isReadOnly: () => isReadOnly(editor),
+            set: (mode) => setMode(editor, availableModes.get(), activeMode, mode),
+            get: () => activeMode.get(),
+            register: (mode, api) => {
+                availableModes.set(registerMode(availableModes.get(), mode, api));
+            }
+        };
+    };
+
+    /**
+     * Contains logic for handling keyboard shortcuts.
+     *
+     * @class tinymce.Shortcuts
+     * @example
+     * editor.shortcuts.add('ctrl+a', 'description of the shortcut', () => {});
+     * editor.shortcuts.add('ctrl+alt+a', 'description of the shortcut', () => {});
+     * // "meta" maps to Command on Mac and Ctrl on PC
+     * editor.shortcuts.add('meta+a', 'description of the shortcut', () => {});
+     * // "access" maps to Control+Option on Mac and shift+alt on PC
+     * editor.shortcuts.add('access+a', 'description of the shortcut', () => {});
+     *
+     * editor.shortcuts.add('meta+access+c', 'Opens the code editor dialog.', () => {
+     *   editor.execCommand('mceCodeEditor');
+     * });
+     *
+     * editor.shortcuts.add('meta+shift+32', 'Inserts "Hello, World!" for meta+shift+space', () => {
+     *   editor.execCommand('mceInsertContent', false, 'Hello, World!');
+     * });
+     */
+    const each$2 = Tools.each, explode = Tools.explode;
+    const keyCodeLookup = {
+        f1: 112,
+        f2: 113,
+        f3: 114,
+        f4: 115,
+        f5: 116,
+        f6: 117,
+        f7: 118,
+        f8: 119,
+        f9: 120,
+        f10: 121,
+        f11: 122,
+        f12: 123
+    };
+    const modifierNames = Tools.makeMap('alt,ctrl,shift,meta,access');
+    const isModifier = (key) => key in modifierNames;
+    const parseShortcut = (pattern) => {
+        const shortcut = {};
+        const isMac = Env.os.isMacOS() || Env.os.isiOS();
+        // Parse modifiers and keys ctrl+alt+b for example
+        each$2(explode(pattern.toLowerCase(), '+'), (value) => {
+            if (isModifier(value)) {
+                shortcut[value] = true;
+            }
+            else {
+                // Allow numeric keycodes like ctrl+219 for ctrl+[
+                if (/^[0-9]{2,}$/.test(value)) {
+                    shortcut.keyCode = parseInt(value, 10);
+                }
+                else {
+                    shortcut.charCode = value.charCodeAt(0);
+                    shortcut.keyCode = keyCodeLookup[value] || value.toUpperCase().charCodeAt(0);
+                }
+            }
+        });
+        // Generate unique id for modifier combination and set default state for unused modifiers
+        const id = [shortcut.keyCode];
+        let key;
+        for (key in modifierNames) {
+            if (shortcut[key]) {
+                id.push(key);
+            }
+            else {
+                shortcut[key] = false;
+            }
+        }
+        shortcut.id = id.join(',');
+        // Handle special access modifier differently depending on Mac/Win
+        if (shortcut.access) {
+            shortcut.alt = true;
+            if (isMac) {
+                shortcut.ctrl = true;
+            }
+            else {
+                shortcut.shift = true;
+            }
+        }
+        // Handle special meta modifier differently depending on Mac/Win
+        if (shortcut.meta) {
+            if (isMac) {
+                shortcut.meta = true;
+            }
+            else {
+                shortcut.ctrl = true;
+                shortcut.meta = false;
+            }
+        }
+        return shortcut;
+    };
+    class Shortcuts {
+        constructor(editor) {
+            this.shortcuts = {};
+            this.pendingPatterns = [];
+            this.editor = editor;
+            const self = this;
+            editor.on('keyup keypress keydown', (e) => {
+                if ((self.hasModifier(e) || self.isFunctionKey(e)) && !e.isDefaultPrevented()) {
+                    each$2(self.shortcuts, (shortcut) => {
+                        if (self.matchShortcut(e, shortcut)) {
+                            self.pendingPatterns = shortcut.subpatterns.slice(0);
+                            if (e.type === 'keydown') {
+                                self.executeShortcutAction(shortcut);
+                            }
+                        }
+                    });
+                    if (self.matchShortcut(e, self.pendingPatterns[0])) {
+                        if (self.pendingPatterns.length === 1) {
+                            if (e.type === 'keydown') {
+                                self.executeShortcutAction(self.pendingPatterns[0]);
+                            }
+                        }
+                        self.pendingPatterns.shift();
+                    }
+                }
+            });
+        }
+        /**
+         * Adds a keyboard shortcut for some command or function.
+         *
+         * @method add
+         * @param {String} pattern Shortcut pattern. Like for example: ctrl+alt+o.
+         * @param {String} desc Text description for the command.
+         * @param {String/Function} cmdFunc Command name string or function to execute when the key is pressed.
+         * @param {Object} scope Optional scope to execute the function in.
+         * @return {Boolean} true/false state if the shortcut was added or not.
+         */
+        add(pattern, desc, cmdFunc, scope) {
+            const self = this;
+            const func = self.normalizeCommandFunc(cmdFunc);
+            each$2(explode(Tools.trim(pattern)), (pattern) => {
+                const shortcut = self.createShortcut(pattern, desc, func, scope);
+                self.shortcuts[shortcut.id] = shortcut;
+            });
+            return true;
+        }
+        /**
+         * Remove a keyboard shortcut by pattern.
+         *
+         * @method remove
+         * @param {String} pattern Shortcut pattern. Like for example: ctrl+alt+o.
+         * @return {Boolean} true/false state if the shortcut was removed or not.
+         */
+        remove(pattern) {
+            const shortcut = this.createShortcut(pattern);
+            if (this.shortcuts[shortcut.id]) {
+                delete this.shortcuts[shortcut.id];
+                return true;
+            }
+            return false;
+        }
+        normalizeCommandFunc(cmdFunc) {
+            const self = this;
+            const cmd = cmdFunc;
+            if (typeof cmd === 'string') {
+                return () => {
+                    self.editor.execCommand(cmd, false, null);
+                };
+            }
+            else if (Tools.isArray(cmd)) {
+                return () => {
+                    self.editor.execCommand(cmd[0], cmd[1], cmd[2]);
+                };
+            }
+            else {
+                return cmd;
+            }
+        }
+        createShortcut(pattern, desc, cmdFunc, scope) {
+            const shortcuts = Tools?.map(explode(pattern, '>'), parseShortcut);
+            shortcuts[shortcuts.length - 1] = Tools.extend(shortcuts[shortcuts.length - 1], {
+                func: cmdFunc,
+                scope: scope || this.editor
+            });
+            return Tools.extend(shortcuts[0], {
+                desc: this.editor.translate(desc),
+                subpatterns: shortcuts.slice(1)
+            });
+        }
+        hasModifier(e) {
+            return e.altKey || e.ctrlKey || e.metaKey;
+        }
+        isFunctionKey(e) {
+            return e.type === 'keydown' && e.keyCode >= 112 && e.keyCode <= 123;
+        }
+        matchShortcut(e, shortcut) {
+            if (!shortcut) {
+                return false;
+            }
+            if (shortcut.ctrl !== e.ctrlKey || shortcut.meta !== e.metaKey) {
+                return false;
+            }
+            if (shortcut.alt !== e.altKey || shortcut.shift !== e.shiftKey) {
+                return false;
+            }
+            if (e.keyCode === shortcut.keyCode || (e.charCode && e.charCode === shortcut.charCode)) {
+                e.preventDefault();
+                return true;
+            }
+            return false;
+        }
+        executeShortcutAction(shortcut) {
+            return shortcut.func ? shortcut.func.call(shortcut.scope) : null;
+        }
+    }
+
+    /**
+     * TinyMCE UI registration API.
+     *
+     * @class tinymce.editor.ui.Registry
+     */
+    const registry = () => {
+        const bridge = create$6();
+        return {
+            /**
+             * Registers a new auto completer component. When a configured string pattern
+             * is matched in the content while typing, the autocompleter will be triggered.
+             * Emoticons and Charmap use an autocompleter.
+             * <br>
+             * For information on creating an autocompleter, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/autocompleter/">
+             * UI Components - Autocompleter</a>.
+             *
+             * @method addAutocompleter
+             * @param {String} name Unique name identifying this autocomplete configuration.
+             * @param {InlineContent.AutocompleterSpec} obj The autocomplete configuration object.
+             */
+            addAutocompleter: bridge.addAutocompleter,
+            /**
+             * Registers a new toolbar button that executes a command when clicked or activated
+             * via keyboard navigation controls.
+             * <br>
+             * For information on creating a basic toolbar button, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/custom-basic-toolbar-button/">
+             * UI Components - Types of toolbar buttons: Basic button</a>.
+             *
+             * @method addButton
+             * @param {String} name Unique name identifying the button, this button name will be used in the toolbar configuration to reference the button.
+             * @param {Toolbar.ToolbarButtonSpec} obj the button configuration object.
+             */
+            addButton: bridge.addButton,
+            /**
+             * Registers a new contextual form item.
+             * Similar to a context menu item, a contextual form is an item with an input
+             * form element appearing when a content predicate is matched. An example
+             * of a contextual form is the link plugin when the configuration
+             * { link_context_toolbar: true } is used. When the cursor is on a link, a
+             * contextual input form appears allowing for quick changes to the url field.
+             * <br>
+             * For information on creating context forms, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/contextform/">
+             * UI Components - Context forms</a>.
+             *
+             * @method addContextForm
+             * @param {String} name Unique name identifying the new contextual form item.
+             * @param {Toolbar.ContextFormSpec} obj the context form configuration object.
+             */
+            addContextForm: bridge.addContextForm,
+            /**
+             * Registers a new context menu section that only appears when a content predicate is matched,
+             * for example, the cursor is inside a table.
+             * <br>
+             * For information on creating context menus, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/contextmenu/">
+             * UI Components - Context Menu</a>.
+             *
+             * @method addContextMenu
+             * @param {String} name Unique name identifying the new context menu.
+             * @param {Menu.ContextMenuSpec} obj The context menu configuration object.
+             */
+            addContextMenu: bridge.addContextMenu,
+            /**
+             * Registers a new context toolbar that only appears when a content predicate is matched for example
+             * the cursor is on an image element.
+             * <br>
+             * For information on creating context toolbars, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/contexttoolbar/">
+             * UI Components - Context Toolbar</a>.
+             *
+             * @method addContextToolbar
+             * @param {String} name Unique name identifying the new context toolbar.
+             * @param {Toolbar.ContextToolbarSpec} obj The context menu configuration object.
+             */
+            addContextToolbar: bridge.addContextToolbar,
+            /**
+             * Registers a new SVG icon. The icon name reference can be configured by any
+             * TinyMCE UI components that can display an icon. The icon is only available
+             * to the editor instance it was configured for.
+             *
+             * @method addIcon
+             * @param {String} name Unique name identifying the new icon.
+             * @param {String} svgData The SVG data string the browser will use to render the SVG icon.
+             * @example
+             * //To add a simple triangle icon:
+             * editor.ui.registry.addIcon('triangleUp', '<svg height="24" width="24"><path d="M12 0 L24 24 L0 24 Z" /></svg>');
+             */
+            addIcon: bridge.addIcon,
+            /**
+             * Registers a new menu button. Adds a toolbar button that opens a menu when
+             * clicked. The menu can be populated by items created by addMenuItem,
+             * addNestedMenuItem or addToggleMenuItem.
+             * <br>
+             * For information on creating a toolbar menu button, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/custom-menu-toolbar-button/">
+             * UI Components - Types of toolbar buttons: Menu button</a>.
+             *
+             * @method addMenuButton
+             * @param {String} name Unique name identifying the new menu button.
+             * @param {Toolbar.ToolbarMenuButtonSpec} obj The menu button configuration object.
+             */
+            addMenuButton: bridge.addMenuButton,
+            /**
+             * Registers a new menu item that executes a command when clicked or activated
+             * via keyboard navigation controls.
+             * <br>
+             * For information on creating a basic menu item, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/creating-custom-menu-items/">
+             * UI Components - Custom menu items: Basic menu items</a>.
+             *
+             * @method addMenuItem
+             * @param {String} name Unique name identifying the new menu item.
+             * @param {Menu.MenuItemSpec} obj The menu item configuration object.
+             */
+            addMenuItem: bridge.addMenuItem,
+            /**
+             * Registers a new menu item that reveals a submenu when clicked or activated
+             * by keyboard navigation controls.The submenu can be populated by items
+             * created by addMenuItem, addNestedMenuItem or addToggleMenuItem.
+             * <br>
+             * For information on creating a nested menu item, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/custom-nested-menu-items/">
+             * UI Components - Custom menu items: Nested menu items</a>.
+             *
+             * @method addNestedMenuItem
+             * @param {String} name Unique name identifying the new nested menu item.
+             * @param {Menu.NestedMenuItemSpec} obj The nested menu item configuration object.
+             */
+            addNestedMenuItem: bridge.addNestedMenuItem,
+            /**
+             * Registers a new sidebar container.
+             * This sidebar container is attached to the right side of the editor and
+             * can be toggled open or closed. When registered, a new toolbar toggle
+             * button with the same sidebar name is created. Additionally there is a
+             * ToggleSidebar command and a 'ToggleSidebar' event that can used to
+             * manage the sidebar open/closed state. The tinycomments plugin uses a
+             * sidebar for its Ui components.
+             * <br>
+             * For information on creating a custom sidebar, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/customsidebar/">
+             * UI Components - Custom sidebar</a>.
+             *
+             * @method addSidebar
+             * @param {String} name Unique name identifying the new sidebar.
+             * @param {Sidebar.SidebarSpec} obj The sidebar configuration object.
+             */
+            addSidebar: bridge.addSidebar,
+            /**
+             * Registers a new split button for the toolbar. The list styles plugin uses
+             * a split button to simplify its functionality.
+             * <br>
+             * For information on creating a split toolbar button, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/custom-split-toolbar-button/">
+             * UI Components - Types of toolbar buttons: Split button</a>.
+             *
+             * @method addSplitButton
+             * @param {String} name Unique name identifying the new split button.
+             * @param {Toolbar.ToolbarSplitButtonSpec} obj The split button configuration object.
+             */
+            addSplitButton: bridge.addSplitButton,
+            /**
+             * Registers a new toggle button for the toolbar. A toggle buttons state can
+             * be set in the configuration.
+             * <br>
+             * For information on creating a toggle toolbar button, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/custom-toggle-toolbar-button/">
+             * UI Components - Types of toolbar buttons: Toggle button</a>.
+             *
+             * @method addToggleButton
+             * @param {String} name Unique name identifying the new split button.
+             * @param {Toolbar.ToolbarToggleButtonSpec} obj The toggle button configuration object.
+             */
+            addToggleButton: bridge.addToggleButton,
+            /**
+             * Registers a new group toolbar button for the toolbar. Renders a toolbar button that opens a floating toolbar when
+             * clicked.
+             * <br>
+             * <strong>Note:</strong> Group toolbar buttons can only be used when using the floating toolbar mode.
+             * <br>
+             * For information on creating a group toolbar button, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/custom-group-toolbar-button/">
+             * UI Components - Types of toolbar buttons: Group toolbar button</a>.
+             *
+             * @method addGroupToolbarButton
+             * @param {String} name Unique name identifying the new group toolbar button.
+             * @param {Toolbar.GroupToolbarButtonSpec} obj The group toolbar button configuration object.
+             */
+            addGroupToolbarButton: bridge.addGroupToolbarButton,
+            /**
+             * Registers a new menu item that will act like a toggle button,
+             * showing a tick in the menu item to represent state.
+             * <br>
+             * For information on creating a toggle menu item, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/custom-toggle-menu-items/">
+             * UI Components - Custom menu items: Toggle menu items</a>.
+             *
+             * @method addToggleMenuItem
+             * @param {String} name Unique name identifying the new menu item.
+             * @param {Menu.ToggleMenuItemSpec} obj The menu item configuration object.
+             */
+            addToggleMenuItem: bridge.addToggleMenuItem,
+            /**
+             * Registers a new view container.
+             * This view container is hidden (off) by default and attached next to the main view.
+             * It can be toggled on or off.
+             * When it is on, the main editor view is hidden and the specific view is shown.
+             * When it is off, the specific view is hidden and the main view is shown.
+             * There is also a ToggleView command.
+             * The ToggleView command can toggle the view visibility.
+             * The ToggleView command can be queried for its current state.
+             * <br>
+             * For information on creating a custom view, see:
+             * <a href="https://www.tiny.cloud/docs/tinymce/7/custom-view/">
+             * UI Components - Custom view</a>.
+             *
+             * @method addView
+             * @param {String} name Unique name identifying the new view.
+             * @param {View.ViewSpec} obj The view configuration object.
+             */
+            addView: bridge.addView,
+            /**
+             * Registers a new context configuration in the registry.
+             * The registry stores all context configurations.
+             * The buttons in editor configuration object can contain a context property.
+             * These button specifications can use the registered contexts to determine
+             * whether to enable or disable the buttons based on the current context.
+             *
+             * @method addContext
+             * @param {String} name Unique name identifying the new context configuration.
+             * @param {Function} pred A predicate function that determines if the context is active
+             */
+            addContext: bridge.addContext,
+            /* note getAll is an internal method and may not be supported in future revisions */
+            getAll: bridge.getAll
+        };
+    };
+
+    // Shorten these names
+    const DOM$1 = DOMUtils.DOM;
+    const extend = Tools.extend, each$1 = Tools.each;
+    /**
+     * Include Editor API docs.
+     *
+     * @include ../../../../../tools/docs/tinymce.Editor.js
+     */
+    class Editor {
+        /**
+         * Constructs a editor instance by id.
+         *
+         * @constructor
+         * @method Editor
+         * @param {String} id Unique id for the editor.
+         * @param {Object} options Options for the editor.
+         * @param {tinymce.EditorManager} editorManager EditorManager instance.
+         */
+        constructor(id, options, editorManager) {
+            /**
+             * Name/Value object containing plugin instances.
+             *
+             * @property plugins
+             * @type Object
+             * @example
+             * // Execute a method inside a plugin directly
+             * tinymce.activeEditor.plugins.someplugin.someMethod();
+             */
+            this.plugins = {};
+            /**
+             * Array with CSS files to load into the iframe.
+             *
+             * @property contentCSS
+             * @type Array
+             */
+            this.contentCSS = [];
+            /**
+             * Array of CSS styles to add to head of document when the editor loads.
+             *
+             * @property contentStyles
+             * @type Array
+             */
+            this.contentStyles = [];
+            this.loadedCSS = {};
+            this.isNotDirty = false;
+            this.composing = false;
+            this.destroyed = false;
+            this.hasHiddenInput = false;
+            this.iframeElement = null;
+            this.initialized = false;
+            this.readonly = false;
+            this.removed = false;
+            this.startContent = '';
+            this._pendingNativeEvents = [];
+            this._skinLoaded = false;
+            this._editableRoot = true;
+            this.editorManager = editorManager;
+            this.documentBaseUrl = editorManager.documentBaseURL;
+            // Patch in the EditorObservable functions
+            extend(this, EditorObservable);
+            const self = this;
+            this.id = id;
+            this.hidden = false;
+            const normalizedOptions = normalizeOptions(editorManager.defaultOptions, options);
+            this.options = create$4(self, normalizedOptions, options);
+            register$7(self);
+            const getOption = this.options.get;
+            if (getOption('deprecation_warnings')) {
+                logWarnings(options, normalizedOptions);
+            }
+            const suffix = getOption('suffix');
+            if (suffix) {
+                editorManager.suffix = suffix;
+            }
+            this.suffix = editorManager.suffix;
+            const baseUrl = getOption('base_url');
+            if (baseUrl) {
+                editorManager._setBaseUrl(baseUrl);
+            }
+            this.baseUri = editorManager.baseURI;
+            const referrerPolicy = getReferrerPolicy(self);
+            if (referrerPolicy) {
+                ScriptLoader.ScriptLoader._setReferrerPolicy(referrerPolicy);
+                DOMUtils.DOM.styleSheetLoader._setReferrerPolicy(referrerPolicy);
+            }
+            const contentCssCors = hasContentCssCors(self);
+            if (isNonNullable(contentCssCors)) {
+                DOMUtils.DOM.styleSheetLoader._setContentCssCors(contentCssCors);
+            }
+            AddOnManager.languageLoad = getOption('language_load');
+            AddOnManager.baseURL = editorManager.baseURL;
+            this.setDirty(false);
+            this.documentBaseURI = new URI(getDocumentBaseUrl(self), {
+                base_uri: this.baseUri
+            });
+            this.baseURI = this.baseUri;
+            this.inline = isInline$1(self);
+            this.hasVisual = isVisualAidsEnabled(self);
+            this.shortcuts = new Shortcuts(this);
+            this.editorCommands = new EditorCommands(this);
+            registerCommands(this);
+            const cacheSuffix = getOption('cache_suffix');
+            if (cacheSuffix) {
+                Env.cacheSuffix = cacheSuffix.replace(/^[\?\&]+/, '');
+            }
+            this.ui = {
+                registry: registry(),
+                styleSheetLoader: undefined,
+                show: noop,
+                hide: noop,
+                setEnabled: noop,
+                isEnabled: always
+            };
+            this.mode = create$3(self);
+            // Call setup
+            editorManager.dispatch('SetupEditor', { editor: this });
+            const setupCallback = getSetupCallback(self);
+            if (isFunction(setupCallback)) {
+                setupCallback.call(self, self);
+            }
+        }
+        /**
+         * Renders the editor/adds it to the page.
+         *
+         * @method render
+         */
+        render() {
+            render(this);
+        }
+        /**
+         * Focuses/activates the editor. This will set this editor as the activeEditor in the tinymce collection
+         * it will also place DOM focus inside the editor.
+         *
+         * @method focus
+         * @param {Boolean} skipFocus Skip DOM focus. Just set is as the active editor.
+         */
+        focus(skipFocus) {
+            this.execCommand('mceFocus', false, skipFocus);
+        }
+        /**
+         * Returns true/false if the editor has real keyboard focus.
+         *
+         * @method hasFocus
+         * @return {Boolean} Current focus state of the editor.
+         */
+        hasFocus() {
+            return hasFocus(this);
+        }
+        /**
+         * Translates the specified string by replacing variables with language pack items it will also check if there is
+         * a key matching the input.
+         *
+         * @method translate
+         * @param {String} text String to translate by the language pack data.
+         * @return {String} Translated string.
+         */
+        translate(text) {
+            return I18n.translate(text);
+        }
+        getParam(name, defaultVal, type) {
+            const options = this.options;
+            // To keep the legacy API we need to register the option if it's not already been registered
+            if (!options.isRegistered(name)) {
+                if (isNonNullable(type)) {
+                    options.register(name, { processor: type, default: defaultVal });
+                }
+                else {
+                    options.register(name, { processor: always, default: defaultVal });
+                }
+            }
+            // Attempt to use the passed default value if nothing has been set already
+            return !options.isSet(name) && !isUndefined(defaultVal) ? defaultVal : options.get(name);
+        }
+        /**
+         * Checks that the plugin is in the editor configuration and can optionally check if the plugin has been loaded.
+         *
+         * @method hasPlugin
+         * @param {String} name The name of the plugin, as specified for the TinyMCE `plugins` option.
+         * @param {Boolean} loaded If `true`, will also check that the plugin has been loaded.
+         * @return {Boolean} If `loaded` is `true`, returns `true` if the plugin is in the configuration and has been loaded. If `loaded` is `false`, returns `true` if the plugin is in the configuration, regardless of plugin load status.
+         * @example
+         * // Returns `true` if the Comments plugin is in the editor configuration and has loaded successfully:
+         * tinymce.activeEditor.hasPlugin('tinycomments', true);
+         * // Returns `true` if the Table plugin is in the editor configuration, regardless of whether or not it loads:
+         * tinymce.activeEditor.hasPlugin('table');
+         */
+        hasPlugin(name, loaded) {
+            const hasPlugin = contains$2(getPlugins(this), name);
+            if (hasPlugin) {
+                return loaded ? PluginManager.get(name) !== undefined : true;
+            }
+            else {
+                return false;
+            }
+        }
+        /**
+         * Dispatches out a onNodeChange event to all observers. This method should be called when you
+         * need to update the UI states or element path etc.
+         *
+         * @method nodeChanged
+         * @param {Object} args Optional args to pass to NodeChange event handlers.
+         */
+        nodeChanged(args) {
+            this._nodeChangeDispatcher.nodeChanged(args);
+        }
+        addCommand(name, callback, scope) {
+            /**
+             * Callback function that gets called when a command is executed.
+             *
+             * @callback addCommandCallback
+             * @param {Boolean} ui Display UI state true/false.
+             * @param {Object} value Optional value for command.
+             * @return {Boolean} True/false state if the command was handled or not.
+             */
+            this.editorCommands.addCommand(name, callback, scope);
+        }
+        addQueryStateHandler(name, callback, scope) {
+            /**
+             * Callback function that gets called when a queryCommandState is executed.
+             *
+             * @callback addQueryStateHandlerCallback
+             * @return {Boolean} True/false state if the command is enabled or not like is it bold.
+             */
+            this.editorCommands.addQueryStateHandler(name, callback, scope);
+        }
+        addQueryValueHandler(name, callback, scope) {
+            /**
+             * Callback function that gets called when a queryCommandValue is executed.
+             *
+             * @callback addQueryValueHandlerCallback
+             * @return {Object} Value of the command or undefined.
+             */
+            this.editorCommands.addQueryValueHandler(name, callback, scope);
+        }
+        /**
+         * Adds a keyboard shortcut for some command or function.
+         *
+         * @method addShortcut
+         * @param {String} pattern Shortcut pattern. Like for example: ctrl+alt+o.
+         * @param {String} desc Text description for the command.
+         * @param {String/Function} cmdFunc Command name string or function to execute when the key is pressed.
+         * @param {Object} scope Optional scope to execute the function in.
+         * @return {Boolean} true/false state if the shortcut was added or not.
+         * @example
+         * editor.addShortcut('ctrl+a', 'description of the shortcut', () => {});
+         * editor.addShortcut('ctrl+alt+a', 'description of the shortcut', () => {});
+         * // "meta" maps to Command on Mac and Ctrl on PC
+         * editor.addShortcut('meta+a', 'description of the shortcut', () => {});
+         * // "access" maps to Control+Option on Mac and shift+alt on PC
+         * editor.addShortcut('access+a', 'description of the shortcut', () => {});
+         *
+         * editor.addShortcut('meta+access+c', 'Opens the code editor dialog.', () => {
+         *   editor.execCommand('mceCodeEditor');
+         * });
+         *
+         * editor.addShortcut('meta+shift+32', 'Inserts "Hello, World!" for meta+shift+space', () => {
+         *   editor.execCommand('mceInsertContent', false, 'Hello, World!');
+         * });
+         */
+        addShortcut(pattern, desc, cmdFunc, scope) {
+            this.shortcuts.add(pattern, desc, cmdFunc, scope);
+        }
+        /**
+         * Executes a registered command on the current instance. A list of available commands can be found in
+         * the tinymce command identifiers documentation.
+         *
+         * @method execCommand
+         * @param {String} cmd Command name to execute, for example mceLink or Bold.
+         * @param {Boolean} ui Specifies if a UI (dialog) should be presented or not.
+         * @param {Object/Array/String/Number/Boolean} value Optional command value, this can be anything.
+         * @param {Object} args Optional arguments object.
+         * @return {Boolean} true or false if the command was supported or not.
+         */
+        execCommand(cmd, ui, value, args) {
+            return this.editorCommands.execCommand(cmd, ui, value, args);
+        }
+        /**
+         * Returns a command specific state, for example if bold is enabled or not.
+         *
+         * @method queryCommandState
+         * @param {String} cmd Command to query state from.
+         * @return {Boolean} Command specific state, for example if bold is enabled or not.
+         */
+        queryCommandState(cmd) {
+            return this.editorCommands.queryCommandState(cmd);
+        }
+        /**
+         * Returns a command specific value, for example the current font size.
+         *
+         * @method queryCommandValue
+         * @param {String} cmd Command to query value from.
+         * @return {String} Command value, for example the current font size or an empty string (`""`) if the query command is not found.
+         */
+        queryCommandValue(cmd) {
+            return this.editorCommands.queryCommandValue(cmd);
+        }
+        /**
+         * Returns true/false if the command is supported or not.
+         *
+         * @method queryCommandSupported
+         * @param {String} cmd Command that we check support for.
+         * @return {Boolean} true/false if the command is supported or not.
+         */
+        queryCommandSupported(cmd) {
+            return this.editorCommands.queryCommandSupported(cmd);
+        }
+        /**
+         * Shows the editor and hides any textarea/div that the editor is supposed to replace.
+         *
+         * @method show
+         */
+        show() {
+            const self = this;
+            if (self.hidden) {
+                self.hidden = false;
+                if (self.inline) {
+                    self.getBody().contentEditable = 'true';
+                }
+                else {
+                    DOM$1.show(self.getContainer());
+                    DOM$1.hide(self.id);
+                }
+                self.load();
+                self.dispatch('show');
+            }
+        }
+        /**
+         * Hides the editor and shows any textarea/div that the editor is supposed to replace.
+         *
+         * @method hide
+         */
+        hide() {
+            const self = this;
+            if (!self.hidden) {
+                // We must save before we hide so Safari doesn't crash
+                self.save();
+                if (self.inline) {
+                    self.getBody().contentEditable = 'false';
+                    // Make sure the editor gets blurred
+                    if (self === self.editorManager.focusedEditor) {
+                        self.editorManager.focusedEditor = null;
+                    }
+                }
+                else {
+                    DOM$1.hide(self.getContainer());
+                    DOM$1.setStyle(self.id, 'display', self.orgDisplay);
+                }
+                self.hidden = true;
+                self.dispatch('hide');
+            }
+        }
+        /**
+         * Returns true/false if the editor is hidden or not.
+         *
+         * @method isHidden
+         * @return {Boolean} True/false if the editor is hidden or not.
+         */
+        isHidden() {
+            return this.hidden;
+        }
+        /**
+         * Sets the progress state, this will display a throbber/progess for the editor.
+         * This is ideal for asynchronous operations like an AJAX save call.
+         *
+         * @method setProgressState
+         * @param {Boolean} state Boolean state if the progress should be shown or hidden.
+         * @param {Number} time Optional time to wait before the progress gets shown.
+         * @return {Boolean} Same as the input state.
+         * @example
+         * // Show progress for the active editor
+         * tinymce.activeEditor.setProgressState(true);
+         *
+         * // Hide progress for the active editor
+         * tinymce.activeEditor.setProgressState(false);
+         *
+         * // Show progress after 3 seconds
+         * tinymce.activeEditor.setProgressState(true, 3000);
+         */
+        setProgressState(state, time) {
+            this.dispatch('ProgressState', { state, time });
+        }
+        /**
+         * Loads contents from the textarea, input or other element that got converted into an editor instance.
+         * This method will move the contents from that textarea, input or other element into the editor by using setContent
+         * so all events etc that method has will get dispatched as well.
+         *
+         * @method load
+         * @param {Object} args Optional content object, this gets passed around through the whole load process.
+         * @return {String} HTML string that got set into the editor.
+         */
+        load(args = {}) {
+            const self = this;
+            const elm = self.getElement();
+            if (self.removed) {
+                return '';
+            }
+            if (elm) {
+                const loadArgs = {
+                    ...args,
+                    load: true
+                };
+                const value = isTextareaOrInput(elm) ? elm.value : elm.innerHTML;
+                const html = self.setContent(value, loadArgs);
+                if (!loadArgs.no_events) {
+                    self.dispatch('LoadContent', {
+                        ...loadArgs,
+                        element: elm
+                    });
+                }
+                return html;
+            }
+            else {
+                return '';
+            }
+        }
+        /**
+         * Saves the contents from an editor out to the textarea or div element that got converted into an editor instance.
+         * This method will move the HTML contents from the editor into that textarea or div by getContent
+         * so all events etc that method has will get dispatched as well.
+         *
+         * @method save
+         * @param {Object} args Optional content object, this gets passed around through the whole save process.
+         * @return {String} HTML string that got set into the textarea/div.
+         */
+        save(args = {}) {
+            const self = this;
+            let elm = self.getElement();
+            if (!elm || !self.initialized || self.removed) {
+                return '';
+            }
+            const getArgs = {
+                ...args,
+                save: true,
+                element: elm
+            };
+            let html = self.getContent(getArgs);
+            const saveArgs = { ...getArgs, content: html };
+            if (!saveArgs.no_events) {
+                self.dispatch('SaveContent', saveArgs);
+            }
+            // Always run this internal event
+            if (saveArgs.format === 'raw') {
+                self.dispatch('RawSaveContent', saveArgs);
+            }
+            html = saveArgs.content;
+            if (!isTextareaOrInput(elm)) {
+                if (args.is_removing || !self.inline) {
+                    elm.innerHTML = html;
+                }
+                // Update hidden form element
+                const form = DOM$1.getParent(self.id, 'form');
+                if (form) {
+                    each$1(form.elements, (elm) => {
+                        if (elm.name === self.id) {
+                            elm.value = html;
+                            return false;
+                        }
+                        else {
+                            return true;
+                        }
+                    });
+                }
+            }
+            else {
+                elm.value = html;
+            }
+            saveArgs.element = getArgs.element = elm = null;
+            if (saveArgs.set_dirty !== false) {
+                self.setDirty(false);
+            }
+            return html;
+        }
+        setContent(content, args) {
+            return setContent(this, content, args);
+        }
+        getContent(args) {
+            return getContent(this, args);
+        }
+        /**
+         * Inserts content at caret position.
+         *
+         * @method insertContent
+         * @param {String} content Content to insert.
+         * @param {Object} args Optional args to pass to insert call.
+         */
+        insertContent(content, args) {
+            if (args) {
+                content = extend({ content }, args);
+            }
+            this.execCommand('mceInsertContent', false, content);
+        }
+        /**
+         * Resets the editors content, undo/redo history and dirty state. If `initialContent` isn't specified, then
+         * the editor is reset back to the initial start content.
+         *
+         * @method resetContent
+         * @param {String} initialContent An optional string to use as the initial content of the editor.
+         */
+        resetContent(initialContent) {
+            // Set the editor content
+            if (initialContent === undefined) {
+                // editor.startContent is generated by using the `raw` format, so we should set it the same way
+                setContent(this, this.startContent, { format: 'raw' });
+            }
+            else {
+                setContent(this, initialContent);
+            }
+            // Update the editor/undo manager state
+            this.undoManager.reset();
+            this.setDirty(false);
+            // Fire a node change event
+            this.nodeChanged();
+        }
+        /**
+         * Returns true/false if the editor is dirty or not. It will get dirty if the user has made modifications to the contents.
+         *
+         * The dirty state is automatically set to `true` when the user modifies editor content after initialization or the
+         * last `editor.save()` call. This includes changes made using undo or redo.
+         *
+         * @method isDirty
+         * @return {Boolean} True/false if the editor is dirty or not. It will get dirty if the user has made modifications to the contents.
+         * @example
+         * if (tinymce.activeEditor.isDirty()) {
+         *   alert("You must save your contents.");
+         * }
+         */
+        isDirty() {
+            return !this.isNotDirty;
+        }
+        /**
+         * Explicitly sets the dirty state. This will fire the dirty event if the editor dirty state is changed from false to true
+         * by invoking this method.
+         *
+         * @method setDirty
+         * @param {Boolean} state True/false if the editor is considered dirty.
+         * @example
+         * const ajaxSave = () => {
+         *   const editor = tinymce.get('elm1');
+         *
+         *   // Save contents using some XHR call
+         *   alert(editor.getContent());
+         *
+         *   editor.setDirty(false); // Force not dirty state
+         * }
+         */
+        setDirty(state) {
+            const oldState = !this.isNotDirty;
+            this.isNotDirty = !state;
+            if (state && state !== oldState) {
+                this.dispatch('dirty');
+            }
+        }
+        /**
+         * Returns the container element of the editor. The container element includes
+         * all the elements added to the page for the editor. Such as UI, iframe, etc.
+         *
+         * @method getContainer
+         * @return {Element} HTML DOM element for the editor container.
+         */
+        getContainer() {
+            const self = this;
+            if (!self.container) {
+                self.container = self.editorContainer || DOM$1.get(self.id + '_parent');
+            }
+            return self.container;
+        }
+        /**
+         * Returns the content area container element of the editor. This element
+         * holds the iframe or the editable element.
+         *
+         * @method getContentAreaContainer
+         * @return {Element} HTML DOM element for the editor area container.
+         */
+        getContentAreaContainer() {
+            return this.contentAreaContainer;
+        }
+        /**
+         * Returns the target element/textarea that got replaced with a TinyMCE editor instance.
+         *
+         * @method getElement
+         * @return {Element} HTML DOM element for the replaced element.
+         */
+        getElement() {
+            if (!this.targetElm) {
+                this.targetElm = DOM$1.get(this.id);
+            }
+            return this.targetElm;
+        }
+        /**
+         * Returns the iframes window object.
+         *
+         * @method getWin
+         * @return {Window} Iframe DOM window object.
+         */
+        getWin() {
+            const self = this;
+            if (!self.contentWindow) {
+                const elm = self.iframeElement;
+                if (elm) {
+                    self.contentWindow = elm.contentWindow;
+                }
+            }
+            return self.contentWindow;
+        }
+        /**
+         * Returns the iframes document object.
+         *
+         * @method getDoc
+         * @return {Document} Iframe DOM document object.
+         */
+        getDoc() {
+            const self = this;
+            if (!self.contentDocument) {
+                const win = self.getWin();
+                if (win) {
+                    self.contentDocument = win.document;
+                }
+            }
+            return self.contentDocument;
+        }
+        /**
+         * Returns the root element of the editable area.
+         * For a non-inline iframe-based editor, returns the iframe's body element.
+         *
+         * @method getBody
+         * @return {Element} The root element of the editable area.
+         */
+        getBody() {
+            var _a, _b;
+            const doc = this.getDoc();
+            return (_b = (_a = this.bodyElement) !== null && _a !== void 0 ? _a : doc === null || doc === void 0 ? void 0 : doc.body) !== null && _b !== void 0 ? _b : null;
+        }
+        /**
+         * URL converter function this gets executed each time a user adds an img, a or
+         * any other element that has a URL in it. This will be called both by the DOM and HTML
+         * manipulation functions.
+         *
+         * @method convertURL
+         * @param {String} url URL to convert.
+         * @param {String} name Attribute name src, href etc.
+         * @param {String/HTMLElement} elm Tag name or HTML DOM element depending on HTML or DOM insert.
+         * @return {String} Converted URL string.
+         */
+        convertURL(url, name, elm) {
+            const self = this, getOption = self.options.get;
+            // Use callback instead
+            const urlConverterCallback = getUrlConverterCallback(self);
+            if (isFunction(urlConverterCallback)) {
+                return urlConverterCallback.call(self, url, elm, true, name);
+            }
+            // Don't convert link href since that's the CSS files that gets loaded into the editor also skip local file URLs
+            if (!getOption('convert_urls') ||
+                elm === 'link' ||
+                (isObject(elm) && elm.nodeName === 'LINK') ||
+                url.indexOf('file:') === 0 ||
+                url.length === 0) {
+                return url;
+            }
+            const urlObject = new URI(url);
+            if (urlObject.protocol !== 'http' && urlObject.protocol !== 'https' && urlObject.protocol !== '') {
+                return url;
+            }
+            // Convert to relative
+            if (getOption('relative_urls')) {
+                return self.documentBaseURI.toRelative(url);
+            }
+            // Convert to absolute
+            url = self.documentBaseURI.toAbsolute(url, getOption('remove_script_host'));
+            return url;
+        }
+        /**
+         * Adds visual aids for tables, anchors, etc so they can be more easily edited inside the editor.
+         *
+         * @method addVisual
+         * @param {Element} elm Optional root element to loop though to find tables, etc that needs the visual aid.
+         */
+        addVisual(elm) {
+            addVisual(this, elm);
+        }
+        /**
+         * Changes the editable state of the editor's root element.
+         *
+         * @method setEditableRoot
+         * @param {Boolean} state State to set true for editable and false for non-editable.
+         */
+        setEditableRoot(state) {
+            setEditableRoot(this, state);
+        }
+        /**
+         * Returns the current editable state of the editor's root element.
+         *
+         * @method hasEditableRoot
+         * @return {Boolean} True if the root element is editable, false if it is not editable.
+         */
+        hasEditableRoot() {
+            return hasEditableRoot(this);
+        }
+        /**
+         * Removes the editor from the dom and tinymce collection.
+         *
+         * @method remove
+         */
+        remove() {
+            remove$1(this);
+        }
+        /**
+         * Destroys the editor instance by removing all events, element references or other resources
+         * that could leak memory. This method will be called automatically when the page is unloaded
+         * but you can also call it directly if you know what you are doing.
+         *
+         * @method destroy
+         * @param {Boolean} automatic Optional state if the destroy is an automatic destroy or user called one.
+         */
+        destroy(automatic) {
+            destroy(this, automatic);
+        }
+        /**
+         * Uploads all data uri/blob uri images in the editor contents to server.
+         *
+         * @method uploadImages
+         * @return {Promise} Promise instance with images and status for each image.
+         */
+        uploadImages() {
+            return this.editorUpload.uploadImages();
+        }
+        // Internal functions
+        _scanForImages() {
+            return this.editorUpload.scanForImages();
+        }
+    }
+
+    const DOM = DOMUtils.DOM;
+    const each = Tools.each;
+    let boundGlobalEvents = false;
+    let beforeUnloadDelegate;
+    let editors = [];
+    const globalEventDelegate = (e) => {
+        const type = e.type;
+        each(EditorManager.get(), (editor) => {
+            switch (type) {
+                case 'scroll':
+                    editor.dispatch('ScrollWindow', e);
+                    break;
+                case 'resize':
+                    editor.dispatch('ResizeWindow', e);
+                    break;
+            }
+        });
+    };
+    const toggleGlobalEvents = (state) => {
+        if (state !== boundGlobalEvents) {
+            const DOM = DOMUtils.DOM;
+            if (state) {
+                DOM.bind(window, 'resize', globalEventDelegate);
+                DOM.bind(window, 'scroll', globalEventDelegate);
+            }
+            else {
+                DOM.unbind(window, 'resize', globalEventDelegate);
+                DOM.unbind(window, 'scroll', globalEventDelegate);
+            }
+            boundGlobalEvents = state;
+        }
+    };
+    const removeEditorFromList = (targetEditor) => {
+        const oldEditors = editors;
+        editors = filter$5(editors, (editor) => {
+            return targetEditor !== editor;
+        });
+        // Select another editor since the active one was removed
+        if (EditorManager.activeEditor === targetEditor) {
+            EditorManager.activeEditor = editors.length > 0 ? editors[0] : null;
+        }
+        // Clear focusedEditor if necessary, so that we don't try to blur the destroyed editor
+        if (EditorManager.focusedEditor === targetEditor) {
+            EditorManager.focusedEditor = null;
+        }
+        return oldEditors.length !== editors.length;
+    };
+    const purgeDestroyedEditor = (editor) => {
+        // User has manually destroyed the editor lets clean up the mess
+        if (editor && editor.initialized && !(editor.getContainer() || editor.getBody()).parentNode) {
+            removeEditorFromList(editor);
+            editor.unbindAllNativeEvents();
+            editor.destroy(true);
+            editor.removed = true;
+        }
+    };
+    const isQuirksMode = document.compatMode !== 'CSS1Compat';
+    const EditorManager = {
+        ...Observable,
+        baseURI: null,
+        baseURL: null,
+        /**
+         * Object containing the options that will be passed by default to the <code>init</code> method upon each initialization of an editor. These defaults will be shallow merged with other options passed to <code>init</code>.
+         *
+         * @property defaultOptions
+         * @type Object
+         */
+        defaultOptions: {},
+        documentBaseURL: null,
+        suffix: null,
+        /**
+         * Major version of TinyMCE build.
+         *
+         * @property majorVersion
+         * @type String
+         */
+        majorVersion: '7',
+        /**
+         * Minor version of TinyMCE build.
+         *
+         * @property minorVersion
+         * @type String
+         */
+        minorVersion: '9.3',
+        /**
+         * Release date of TinyMCE build.
+         *
+         * @property releaseDate
+         * @type String
+         */
+        releaseDate: '2026-05-19',
+        /**
+         * Collection of language pack data.
+         *
+         * @property i18n
+         * @type Object
+         */
+        i18n: I18n,
+        /**
+         * Currently active editor instance.
+         *
+         * @property activeEditor
+         * @type tinymce.Editor
+         * @example
+         * tinyMCE.activeEditor.selection.getContent();
+         * tinymce.EditorManager.activeEditor.selection.getContent();
+         */
+        activeEditor: null,
+        focusedEditor: null,
+        setup() {
+            const self = this;
+            let baseURL = '';
+            let suffix = '';
+            // Get base URL for the current document
+            let documentBaseURL = URI.getDocumentBaseUrl(document.location);
+            // Check if the URL is a document based format like: http://site/dir/file and file:///
+            // leave other formats like applewebdata://... intact
+            if (/^[^:]+:\/\/\/?[^\/]+\//.test(documentBaseURL)) {
+                documentBaseURL = documentBaseURL.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
+                if (!/[\/\\]$/.test(documentBaseURL)) {
+                    documentBaseURL += '/';
+                }
+            }
+            // If tinymce is defined and has a base use that or use the old tinyMCEPreInit
+            const preInit = window.tinymce || window.tinyMCEPreInit;
+            if (preInit) {
+                baseURL = preInit.base || preInit.baseURL;
+                suffix = preInit.suffix;
+            }
+            else {
+                // Get base where the tinymce script is located
+                const scripts = document.getElementsByTagName('script');
+                for (let i = 0; i < scripts.length; i++) {
+                    const src = scripts[i].src || '';
+                    if (src === '') {
+                        continue;
+                    }
+                    // Script types supported:
+                    // tinymce.js tinymce.min.js tinymce.dev.js
+                    // tinymce.jquery.js tinymce.jquery.min.js tinymce.jquery.dev.js
+                    // tinymce.full.js tinymce.full.min.js tinymce.full.dev.js
+                    const srcScript = src.substring(src.lastIndexOf('/'));
+                    if (/tinymce(\.full|\.jquery|)(\.min|\.dev|)\.js/.test(src)) {
+                        if (srcScript.indexOf('.min') !== -1) {
+                            suffix = '.min';
+                        }
+                        baseURL = src.substring(0, src.lastIndexOf('/'));
+                        break;
+                    }
+                }
+                // We didn't find any baseURL by looking at the script elements
+                // Try to use the document.currentScript as a fallback
+                if (!baseURL && document.currentScript) {
+                    const src = document.currentScript.src;
+                    if (src.indexOf('.min') !== -1) {
+                        suffix = '.min';
+                    }
+                    baseURL = src.substring(0, src.lastIndexOf('/'));
+                }
+            }
+            /**
+             * Base URL where the root directory if TinyMCE is located.
+             *
+             * @property baseURL
+             * @type String
+             */
+            self.baseURL = new URI(documentBaseURL).toAbsolute(baseURL);
+            /**
+             * Document base URL where the current document is located.
+             *
+             * @property documentBaseURL
+             * @type String
+             */
+            self.documentBaseURL = documentBaseURL;
+            /**
+             * Absolute baseURI for the installation path of TinyMCE.
+             *
+             * @property baseURI
+             * @type tinymce.util.URI
+             */
+            self.baseURI = new URI(self.baseURL);
+            /**
+             * Current suffix to add to each plugin/theme that gets loaded for example ".min".
+             *
+             * @property suffix
+             * @type String
+             */
+            self.suffix = suffix;
+            setup$w(self);
+        },
+        /**
+         * Overrides the default options for editor instances. The <code>overrideDefaults</code> method replaces the <code>defaultOptions</code>, including any set by a previous call to the <code>overrideDefaults</code> method.
+         * <br /><br />
+         * When using the Tiny Cloud, some of these defaults are required for the cloud-based editor to function.
+         * <br /><br />
+         * Therefore, when using <code>overrideDefaults</code> with the cloud-based editor, any newly integrated options must be combined with the options in <code>tinymce.defaultOptions</code>.
+         *
+         * @method overrideDefaults
+         * @param {Object} defaultOptions Default options object.
+         * @example
+         * const customOptions = {
+         *   toolbar_sticky: true
+         * };
+         *
+         * tinymce.overrideDefaults({
+         *   ...tinymce.defaultOptions,
+         *   ...customOptions
+         * });
+         */
+        overrideDefaults(defaultOptions) {
+            const baseUrl = defaultOptions.base_url;
+            if (baseUrl) {
+                this._setBaseUrl(baseUrl);
+            }
+            const suffix = defaultOptions.suffix;
+            if (suffix) {
+                this.suffix = suffix;
+            }
+            this.defaultOptions = defaultOptions;
+            const pluginBaseUrls = defaultOptions.plugin_base_urls;
+            if (pluginBaseUrls !== undefined) {
+                each$d(pluginBaseUrls, (pluginBaseUrl, pluginName) => {
+                    AddOnManager.PluginManager.urls[pluginName] = pluginBaseUrl;
+                });
+            }
+        },
+        /**
+         * Initializes a set of editors. This method will create editors based on various settings.
+         * <br /><br />
+         * For information on basic usage of <code>init</code>, see: <a href="https://www.tiny.cloud/docs/tinymce/7/basic-setup/">Basic setup</a>.
+         *
+         * @method init
+         * @param {Object} options Options object to be passed to each editor instance.
+         * @return {Promise} Promise that gets resolved with an array of editors when all editor instances are initialized.
+         * @example
+         * // Initializes a editor using the longer method
+         * tinymce.EditorManager.init({
+         *    some_settings : 'some value'
+         * });
+         *
+         * // Initializes a editor instance using the shorter version and with a promise
+         * tinymce.init({
+         *   some_settings : 'some value'
+         * }).then((editors) => {
+         *   ...
+         * });
+         */
+        init(options) {
+            const self = this;
+            let result;
+            const invalidInlineTargets = Tools.makeMap('area base basefont br col frame hr img input isindex link meta param embed source wbr track ' +
+                'colgroup option table tbody tfoot thead tr th td script noscript style textarea video audio iframe object menu', ' ');
+            const isInvalidInlineTarget = (options, elm) => options.inline && elm.tagName.toLowerCase() in invalidInlineTargets;
+            const createId = (elm) => {
+                let id = elm.id;
+                if (!id) {
+                    id = get$a(elm, 'name').filter((name) => !DOM.get(name)).getOrThunk(DOM.uniqueId);
+                    elm.setAttribute('id', id);
+                }
+                return id;
+            };
+            const execCallback = (name) => {
+                const callback = options[name];
+                if (!callback) {
+                    return;
+                }
+                return callback.apply(self, []);
+            };
+            const findTargets = (options) => {
+                if (Env.browser.isIE() || Env.browser.isEdge()) {
+                    initError('TinyMCE does not support the browser you are using. For a list of supported' +
+                        ' browsers please see: https://www.tiny.cloud/docs/tinymce/7/support/#supportedwebbrowsers');
+                    return [];
+                }
+                else if (isQuirksMode) {
+                    initError('Failed to initialize the editor as the document is not in standards mode. ' +
+                        'TinyMCE requires standards mode.');
+                    return [];
+                }
+                else if (isString(options.selector)) {
+                    return DOM.select(options.selector);
+                }
+                else if (isNonNullable(options.target)) {
+                    return [options.target];
+                }
+                else {
+                    return [];
+                }
+            };
+            let provideResults = (editors) => {
+                result = editors;
+            };
+            const initEditors = () => {
+                let initCount = 0;
+                const editors = [];
+                let targets;
+                const createEditor = (id, options, targetElm) => {
+                    const editor = new Editor(id, options, self);
+                    editors.push(editor);
+                    editor.on('init', () => {
+                        if (++initCount === targets.length) {
+                            provideResults(editors);
+                        }
+                    });
+                    editor.targetElm = editor.targetElm || targetElm;
+                    editor.render();
+                };
+                DOM.unbind(window, 'ready', initEditors);
+                execCallback('onpageload');
+                targets = unique$1(findTargets(options));
+                Tools.each(targets, (elm) => {
+                    purgeDestroyedEditor(self.get(elm.id));
+                });
+                targets = Tools.grep(targets, (elm) => {
+                    return !self.get(elm.id);
+                });
+                if (targets.length === 0) {
+                    provideResults([]);
+                }
+                else {
+                    each(targets, (elm) => {
+                        if (isInvalidInlineTarget(options, elm)) {
+                            initError('Could not initialize inline editor on invalid inline target element', elm);
+                        }
+                        else {
+                            createEditor(createId(elm), options, elm);
+                        }
+                    });
+                }
+            };
+            DOM.bind(window, 'ready', initEditors);
+            return new Promise((resolve) => {
+                if (result) {
+                    resolve(result);
+                }
+                else {
+                    provideResults = (editors) => {
+                        resolve(editors);
+                    };
+                }
+            });
+        },
+        /**
+         * Returns an editor instance for a given id.
+         *
+         * @method get
+         * @param {String/Number} id The id or index of the editor instance to return.
+         * @return {tinymce.Editor/Array} Editor instance or an array of editor instances.
+         * @example
+         * // Adds an onclick event to an editor by id
+         * tinymce.get('mytextbox').on('click', (e) => {
+         *   ed.windowManager.alert('Hello world!');
+         * });
+         *
+         * // Adds an onclick event to an editor by index
+         * tinymce.get(0).on('click', (e) => {
+         *   ed.windowManager.alert('Hello world!');
+         * });
+         *
+         * // Adds an onclick event to an editor by id (longer version)
+         * tinymce.EditorManager.get('mytextbox').on('click', (e) => {
+         *   ed.windowManager.alert('Hello world!');
+         * });
+         */
+        // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+        get(id) {
+            if (arguments.length === 0) {
+                return editors.slice(0);
+            }
+            else if (isString(id)) {
+                return find$2(editors, (editor) => {
+                    return editor.id === id;
+                }).getOr(null);
+            }
+            else if (isNumber(id)) {
+                return editors[id] ? editors[id] : null;
+            }
+            else {
+                return null;
+            }
+        },
+        /**
+         * Adds an editor instance to the editor collection. This will also set it as the active editor.
+         *
+         * @method add
+         * @param {tinymce.Editor} editor Editor instance to add to the collection.
+         * @return {tinymce.Editor} The same instance that got passed in.
+         */
+        add(editor) {
+            const self = this;
+            // Prevent existing editors from being added again this could happen
+            // if a user calls createEditor then render or add multiple times.
+            const existingEditor = self.get(editor.id);
+            if (existingEditor === editor) {
+                return editor;
+            }
+            if (existingEditor === null) {
+                editors.push(editor);
+            }
+            toggleGlobalEvents(true);
+            // Doesn't call setActive method since we don't want
+            // to fire a bunch of activate/deactivate calls while initializing
+            self.activeEditor = editor;
+            self.dispatch('AddEditor', { editor });
+            if (!beforeUnloadDelegate) {
+                beforeUnloadDelegate = (e) => {
+                    const event = self.dispatch('BeforeUnload');
+                    if (event.returnValue) {
+                        // browsers are all a little bit special about this: https://developer.mozilla.org/en-US/docs/Web/API/BeforeUnloadEvent
+                        e.preventDefault();
+                        e.returnValue = event.returnValue;
+                        return event.returnValue;
+                    }
+                };
+                window.addEventListener('beforeunload', beforeUnloadDelegate);
+            }
+            return editor;
+        },
+        /**
+         * Creates an editor instance and adds it to the EditorManager collection.
+         *
+         * @method createEditor
+         * @param {String} id Instance id to use for editor.
+         * @param {Object} options Editor instance options.
+         * @return {tinymce.Editor} Editor instance that got created.
+         */
+        createEditor(id, options) {
+            return this.add(new Editor(id, options, this));
+        },
+        /**
+         * Removes a editor or editors form page.
+         *
+         * @example
+         * // Remove all editors bound to divs
+         * tinymce.remove('div');
+         *
+         * // Remove all editors bound to textareas
+         * tinymce.remove('textarea');
+         *
+         * // Remove all editors
+         * tinymce.remove();
+         *
+         * // Remove specific instance by id
+         * tinymce.remove('#id');
+         *
+         * @method remove
+         * @param {tinymce.Editor/String/Object} [selector] CSS selector or editor instance to remove.
+         * @return {tinymce.Editor} The editor that got passed in will be return if it was found otherwise null.
+         */
+        remove(selector) {
+            const self = this;
+            let editor;
+            // Remove all editors
+            if (!selector) {
+                for (let i = editors.length - 1; i >= 0; i--) {
+                    self.remove(editors[i]);
+                }
+                return;
+            }
+            // Remove editors by selector
+            if (isString(selector)) {
+                each(DOM.select(selector), (elm) => {
+                    editor = self.get(elm.id);
+                    if (editor) {
+                        self.remove(editor);
+                    }
+                });
+                return;
+            }
+            // Remove specific editor
+            editor = selector;
+            // Not in the collection
+            if (isNull(self.get(editor.id))) {
+                return null;
+            }
+            if (removeEditorFromList(editor)) {
+                self.dispatch('RemoveEditor', { editor });
+            }
+            if (editors.length === 0) {
+                window.removeEventListener('beforeunload', beforeUnloadDelegate);
+            }
+            editor.remove();
+            toggleGlobalEvents(editors.length > 0);
+            return editor;
+        },
+        /**
+         * Executes a specific command on the currently active editor.
+         *
+         * @method execCommand
+         * @param {String} cmd Command to perform for example Bold.
+         * @param {Boolean} ui Optional boolean state if a UI should be presented for the command or not.
+         * @param {Object/String/Number/Boolean} value Optional value parameter like for example an URL to a link.
+         * @return {Boolean} true/false if the command was executed or not.
+         */
+        execCommand(cmd, ui, value) {
+            var _a;
+            const self = this;
+            const editorId = isObject(value) ? (_a = value.id) !== null && _a !== void 0 ? _a : value.index : value;
+            // Manager commands
+            switch (cmd) {
+                case 'mceAddEditor': {
+                    if (!self.get(editorId)) {
+                        const editorOptions = value.options;
+                        new Editor(editorId, editorOptions, self).render();
+                    }
+                    return true;
+                }
+                case 'mceRemoveEditor': {
+                    const editor = self.get(editorId);
+                    if (editor) {
+                        editor.remove();
+                    }
+                    return true;
+                }
+                case 'mceToggleEditor': {
+                    const editor = self.get(editorId);
+                    if (!editor) {
+                        self.execCommand('mceAddEditor', false, value);
+                        return true;
+                    }
+                    if (editor.isHidden()) {
+                        editor.show();
+                    }
+                    else {
+                        editor.hide();
+                    }
+                    return true;
+                }
+            }
+            // Run command on active editor
+            if (self.activeEditor) {
+                return self.activeEditor.execCommand(cmd, ui, value);
+            }
+            return false;
+        },
+        /**
+         * Calls the save method on all editor instances in the collection. This can be useful when a form is to be submitted.
+         *
+         * @method triggerSave
+         * @example
+         * // Saves all contents
+         * tinyMCE.triggerSave();
+         */
+        triggerSave: () => {
+            each(editors, (editor) => {
+                editor.save();
+            });
+        },
+        /**
+         * Adds a language pack, this gets called by the loaded language files like en.js.
+         *
+         * @method addI18n
+         * @param {String} code Optional language code.
+         * @param {Object} items Name/value object with translations.
+         */
+        addI18n: (code, items) => {
+            I18n.add(code, items);
+        },
+        /**
+         * Translates the specified string using the language pack items.
+         *
+         * @method translate
+         * @param {String/Array/Object} text String to translate
+         * @return {String} Translated string.
+         */
+        translate: (text) => {
+            return I18n.translate(text);
+        },
+        /**
+         * Sets the active editor instance and fires the deactivate/activate events.
+         *
+         * @method setActive
+         * @param {tinymce.Editor} editor Editor instance to set as the active instance.
+         */
+        setActive(editor) {
+            const activeEditor = this.activeEditor;
+            if (this.activeEditor !== editor) {
+                if (activeEditor) {
+                    activeEditor.dispatch('deactivate', { relatedTarget: editor });
+                }
+                editor.dispatch('activate', { relatedTarget: activeEditor });
+            }
+            this.activeEditor = editor;
+        },
+        _setBaseUrl(baseUrl) {
+            this.baseURL = new URI(this.documentBaseURL).toAbsolute(baseUrl.replace(/\/+$/, ''));
+            this.baseURI = new URI(this.baseURL);
+        }
+    };
+    EditorManager.setup();
+
+    // The FakeClipboard has been designed to match the native Clipboard API as closely as possible
+    const setup = () => {
+        const dataValue = value$2();
+        const FakeClipboardItem = (items) => ({
+            items,
+            types: keys(items),
+            getType: (type) => get$a(items, type).getOrUndefined()
+        });
+        const write = (data) => {
+            dataValue.set(data);
+        };
+        const read = () => dataValue.get().getOrUndefined();
+        const clear = dataValue.clear;
+        return {
+            FakeClipboardItem,
+            write,
+            read,
+            clear
+        };
+    };
+    const FakeClipboard = setup();
+
+    /**
+     * Contains various tools for rect/position calculation.
+     *
+     * @class tinymce.geom.Rect
+     */
+    const min = Math.min, max = Math.max, round = Math.round;
+    /**
+     * Returns the rect positioned based on the relative position name
+     * to the target rect.
+     *
+     * @method relativePosition
+     * @param {Rect} rect Source rect to modify into a new rect.
+     * @param {Rect} targetRect Rect to move relative to based on the rel option.
+     * @param {String} rel Relative position. For example: tr-bl.
+     */
+    const relativePosition = (rect, targetRect, rel) => {
+        let x = targetRect.x;
+        let y = targetRect.y;
+        const w = rect.w;
+        const h = rect.h;
+        const targetW = targetRect.w;
+        const targetH = targetRect.h;
+        const relChars = (rel || '').split('');
+        if (relChars[0] === 'b') {
+            y += targetH;
+        }
+        if (relChars[1] === 'r') {
+            x += targetW;
+        }
+        if (relChars[0] === 'c') {
+            y += round(targetH / 2);
+        }
+        if (relChars[1] === 'c') {
+            x += round(targetW / 2);
+        }
+        if (relChars[3] === 'b') {
+            y -= h;
+        }
+        if (relChars[4] === 'r') {
+            x -= w;
+        }
+        if (relChars[3] === 'c') {
+            y -= round(h / 2);
+        }
+        if (relChars[4] === 'c') {
+            x -= round(w / 2);
+        }
+        return create$2(x, y, w, h);
+    };
+    /**
+     * Tests various positions to get the most suitable one.
+     *
+     * @method findBestRelativePosition
+     * @param {Rect} rect Rect to use as source.
+     * @param {Rect} targetRect Rect to move relative to.
+     * @param {Rect} constrainRect Rect to constrain within.
+     * @param {Array} rels Array of relative positions to test against.
+     */
+    const findBestRelativePosition = (rect, targetRect, constrainRect, rels) => {
+        for (let i = 0; i < rels.length; i++) {
+            const pos = relativePosition(rect, targetRect, rels[i]);
+            if (pos.x >= constrainRect.x && pos.x + pos.w <= constrainRect.w + constrainRect.x &&
+                pos.y >= constrainRect.y && pos.y + pos.h <= constrainRect.h + constrainRect.y) {
+                return rels[i];
+            }
+        }
+        return null;
+    };
+    /**
+     * Inflates the rect in all directions.
+     *
+     * @method inflate
+     * @param {Rect} rect Rect to expand.
+     * @param {Number} w Relative width to expand by.
+     * @param {Number} h Relative height to expand by.
+     * @return {Rect} New expanded rect.
+     */
+    const inflate = (rect, w, h) => {
+        return create$2(rect.x - w, rect.y - h, rect.w + w * 2, rect.h + h * 2);
+    };
+    /**
+     * Returns the intersection of the specified rectangles.
+     *
+     * @method intersect
+     * @param {Rect} rect The first rectangle to compare.
+     * @param {Rect} cropRect The second rectangle to compare.
+     * @return {Rect} The intersection of the two rectangles or null if they don't intersect.
+     */
+    const intersect = (rect, cropRect) => {
+        const x1 = max(rect.x, cropRect.x);
+        const y1 = max(rect.y, cropRect.y);
+        const x2 = min(rect.x + rect.w, cropRect.x + cropRect.w);
+        const y2 = min(rect.y + rect.h, cropRect.y + cropRect.h);
+        if (x2 - x1 < 0 || y2 - y1 < 0) {
+            return null;
+        }
+        return create$2(x1, y1, x2 - x1, y2 - y1);
+    };
+    /**
+     * Returns a rect clamped within the specified clamp rect. This forces the
+     * rect to be inside the clamp rect.
+     *
+     * @method clamp
+     * @param {Rect} rect Rectangle to force within clamp rect.
+     * @param {Rect} clampRect Rectable to force within.
+     * @param {Boolean} fixedSize True/false if size should be fixed.
+     * @return {Rect} Clamped rect.
+     */
+    const clamp = (rect, clampRect, fixedSize) => {
+        let x1 = rect.x;
+        let y1 = rect.y;
+        let x2 = rect.x + rect.w;
+        let y2 = rect.y + rect.h;
+        const cx2 = clampRect.x + clampRect.w;
+        const cy2 = clampRect.y + clampRect.h;
+        const underflowX1 = max(0, clampRect.x - x1);
+        const underflowY1 = max(0, clampRect.y - y1);
+        const overflowX2 = max(0, x2 - cx2);
+        const overflowY2 = max(0, y2 - cy2);
+        x1 += underflowX1;
+        y1 += underflowY1;
+        if (fixedSize) {
+            x2 += underflowX1;
+            y2 += underflowY1;
+            x1 -= overflowX2;
+            y1 -= overflowY2;
+        }
+        x2 -= overflowX2;
+        y2 -= overflowY2;
+        return create$2(x1, y1, x2 - x1, y2 - y1);
+    };
+    /**
+     * Creates a new rectangle object.
+     *
+     * @method create
+     * @param {Number} x Rectangle x location.
+     * @param {Number} y Rectangle y location.
+     * @param {Number} w Rectangle width.
+     * @param {Number} h Rectangle height.
+     * @return {Rect} New rectangle object.
+     */
+    const create$2 = (x, y, w, h) => {
+        return { x, y, w, h };
+    };
+    /**
+     * Creates a new rectangle object form a clientRects object.
+     *
+     * @method fromClientRect
+     * @param {ClientRect} clientRect DOM ClientRect object.
+     * @return {Rect} New rectangle object.
+     */
+    const fromClientRect = (clientRect) => {
+        return create$2(clientRect.left, clientRect.top, clientRect.width, clientRect.height);
+    };
+    const Rect = {
+        inflate,
+        relativePosition,
+        findBestRelativePosition,
+        intersect,
+        clamp,
+        create: create$2,
+        fromClientRect
+    };
+
+    const awaiter = (resolveCb, rejectCb, timeout = 1000) => {
+        let done = false;
+        let timer = null;
+        const complete = (completer) => (...args) => {
+            if (!done) {
+                done = true;
+                if (timer !== null) {
+                    window.clearTimeout(timer);
+                    timer = null;
+                }
+                completer.apply(null, args);
+            }
+        };
+        const resolve = complete(resolveCb);
+        const reject = complete(rejectCb);
+        const start = (...args) => {
+            if (!done && timer === null) {
+                timer = window.setTimeout(() => reject.apply(null, args), timeout);
+            }
+        };
+        return {
+            start,
+            resolve,
+            reject
+        };
+    };
+    const create$1 = () => {
+        const tasks = {};
+        const resultFns = {};
+        const resources = {};
+        const load = (id, url) => {
+            const loadErrMsg = `Script at URL "${url}" failed to load`;
+            const runErrMsg = `Script at URL "${url}" did not call \`tinymce.Resource.add('${id}', data)\` within 1 second`;
+            if (tasks[id] !== undefined) {
+                return tasks[id];
+            }
+            else {
+                const task = new Promise((resolve, reject) => {
+                    const waiter = awaiter(resolve, reject);
+                    resultFns[id] = waiter.resolve;
+                    ScriptLoader.ScriptLoader.loadScript(url).then(() => waiter.start(runErrMsg), () => waiter.reject(loadErrMsg));
+                });
+                tasks[id] = task;
+                return task;
+            }
+        };
+        const add = (id, data) => {
+            if (resultFns[id] !== undefined) {
+                resultFns[id](data);
+                delete resultFns[id];
+            }
+            tasks[id] = Promise.resolve(data);
+            resources[id] = data;
+        };
+        const has = (id) => {
+            return id in resources;
+        };
+        const unload = (id) => {
+            delete tasks[id];
+            delete resources[id];
+        };
+        const get = (id) => resources[id];
+        return {
+            load,
+            add,
+            has,
+            get,
+            unload
+        };
+    };
+    const Resource = create$1();
+
+    // Simple stub of localstorage with strict security settings #TINY-1782
+    const create = () => (() => {
+        let data = {};
+        let keys = [];
+        const storage = {
+            getItem: (key) => {
+                const item = data[key];
+                return item ? item : null;
+            },
+            setItem: (key, value) => {
+                keys.push(key);
+                data[key] = String(value);
+            },
+            key: (index) => {
+                return keys[index];
+            },
+            removeItem: (key) => {
+                keys = keys.filter((k) => k === key);
+                delete data[key];
+            },
+            clear: () => {
+                keys = [];
+                data = {};
+            },
+            length: 0
+        };
+        Object.defineProperty(storage, 'length', {
+            get: () => keys.length,
+            configurable: false,
+            enumerable: false
+        });
+        return storage;
+    })();
+
+    /**
+     * @class tinymce.util.LocalStorage
+     * @static
+     * @version 4.0
+     * @private
+     * @example
+     * tinymce.util.LocalStorage.setItem('key', 'value');
+     * const value = tinymce.util.LocalStorage.getItem('key');
+     */
+    let localStorage;
+    // Browsers with certain strict security settings will explode when trying to access localStorage
+    // so we need to do a try/catch and a simple stub here. #TINY-1782 & #TINY-5935
+    try {
+        const test = '__storage_test__';
+        localStorage = window.localStorage;
+        // Make sure we can set a value, as storage may also be full
+        localStorage.setItem(test, test);
+        localStorage.removeItem(test);
+    }
+    catch (_a) {
+        localStorage = create();
+    }
+    var LocalStorage = localStorage;
+
+    /**
+     * @include ../../../../../tools/docs/tinymce.js
+     */
+    /**
+     * @include ../../../../../tools/docs/tinymce.Event.js
+     */
+    /**
+     * @include ../../../../../tools/docs/tinymce.editor.ui.Ui.js
+     */
+    const publicApi = {
+        geom: {
+            Rect
+        },
+        util: {
+            Delay,
+            Tools,
+            VK,
+            URI,
+            EventDispatcher,
+            Observable,
+            I18n,
+            LocalStorage,
+            ImageUploader
+        },
+        dom: {
+            EventUtils,
+            TreeWalker: DomTreeWalker,
+            TextSeeker,
+            DOMUtils,
+            ScriptLoader,
+            RangeUtils,
+            Serializer: DomSerializer,
+            StyleSheetLoader,
+            ControlSelection,
+            BookmarkManager,
+            Selection: EditorSelection,
+            Event: EventUtils.Event
+        },
+        html: {
+            Styles,
+            Entities,
+            Node: AstNode,
+            Schema,
+            DomParser,
+            Writer,
+            Serializer: HtmlSerializer
+        },
+        Env,
+        AddOnManager,
+        Annotator,
+        Formatter,
+        UndoManager,
+        EditorCommands,
+        WindowManager,
+        NotificationManager,
+        EditorObservable,
+        Shortcuts,
+        Editor,
+        FocusManager,
+        EditorManager,
+        // Global instances
+        DOM: DOMUtils.DOM,
+        ScriptLoader: ScriptLoader.ScriptLoader,
+        PluginManager,
+        ThemeManager,
+        ModelManager,
+        IconManager,
+        Resource,
+        FakeClipboard,
+        // Global utility functions
+        trim: Tools.trim,
+        isArray: Tools.isArray,
+        is: Tools.is,
+        toArray: Tools.toArray,
+        makeMap: Tools.makeMap,
+        each: Tools.each,
+        map: Tools.map,
+        grep: Tools.grep,
+        inArray: Tools.inArray,
+        extend: Tools.extend,
+        walk: Tools.walk,
+        resolve: Tools.resolve,
+        explode: Tools.explode,
+        _addCacheSuffix: Tools._addCacheSuffix
+    };
+    const tinymce$1 = Tools.extend(EditorManager, publicApi);
+
+    const exportToModuleLoaders = (tinymce) => {
+        if (typeof module === 'object') {
+            try {
+                module.exports = tinymce;
+            }
+            catch (_a) {
+                // It will thrown an error when running this module
+                // within webpack where the module.exports object is sealed
+            }
+        }
+    };
+    const exportToWindowGlobal = (tinymce) => {
+        window.tinymce = tinymce;
+        window.tinyMCE = tinymce;
+    };
+    exportToWindowGlobal(tinymce$1);
+    exportToModuleLoaders(tinymce$1);
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.min.js b/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.min.js
new file mode 100644
index 000000000..ccb6db123
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/_um/tinymce/tinymce.min.js
@@ -0,0 +1,10 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+/**
+ * This file bundles the code of
+ * DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE
+ */
+
+!function(){"use strict";var e=function(e){if(null===e)return"null";if(void 0===e)return"undefined";var t=typeof e;return"object"===t&&(Array.prototype.isPrototypeOf(e)||e.constructor&&"Array"===e.constructor.name)?"array":"object"===t&&(String.prototype.isPrototypeOf(e)||e.constructor&&"String"===e.constructor.name)?"string":t},t=function(e){return{eq:e}},n=t((function(e,t){return e===t})),o=function(e){return t((function(t,n){if(t.length!==n.length)return!1;for(var o=t.length,r=0;r<o;r++)if(!e.eq(t[r],n[r]))return!1;return!0}))},r=function(e){return t((function(r,s){var a=Object.keys(r),i=Object.keys(s);if(!function(e,n){return function(e,n){return t((function(t,o){return e.eq(n(t),n(o))}))}(o(e),(function(e){return function(e,t){return Array.prototype.slice.call(e).sort(t)}(e,n)}))}(n).eq(a,i))return!1;for(var l=a.length,d=0;d<l;d++){var c=a[d];if(!e.eq(r[c],s[c]))return!1}return!0}))},s=t((function(t,n){if(t===n)return!0;var a=e(t);return a===e(n)&&(function(e){return-1!==["undefined","boolean","number","string","function","xml","null"].indexOf(e)}(a)?t===n:"array"===a?o(s).eq(t,n):"object"===a&&r(s).eq(t,n))}));const a=Object.getPrototypeOf,i=(e,t,n)=>{var o;return!!n(e,t.prototype)||(null===(o=e.constructor)||void 0===o?void 0:o.name)===t.name},l=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&i(e,String,((e,t)=>t.isPrototypeOf(e)))?"string":t})(t)===e,d=e=>t=>typeof t===e,c=e=>t=>e===t,u=(e,t)=>f(e)&&i(e,t,((e,t)=>a(e)===t)),m=l("string"),f=l("object"),g=e=>u(e,Object),p=l("array"),h=c(null),b=d("boolean"),v=c(void 0),y=e=>null==e,C=e=>!y(e),w=d("function"),E=d("number"),_=(e,t)=>{if(p(e)){for(let n=0,o=e.length;n<o;++n)if(!t(e[n]))return!1;return!0}return!1},x=()=>{},S=(e,t)=>(...n)=>e(t.apply(null,n)),k=(e,t)=>n=>e(t(n)),N=e=>()=>e,R=e=>e,A=(e,t)=>e===t;function T(e,...t){return(...n)=>{const o=t.concat(n);return e.apply(null,o)}}const O=e=>t=>!e(t),B=e=>()=>{throw new Error(e)},P=e=>e(),D=e=>{e()},L=N(!1),M=N(!0);class I{constructor(e,t){this.tag=e,this.value=t}static some(e){return new I(!0,e)}static none(){return I.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?I?.some(e(this.value)):I.none()}bind(e){return this.tag?e(this.value):I.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:I.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return C(e)?I?.some(e):I.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}I.singletonNone=new I(!1);const F=Array.prototype.slice,U=Array.prototype.indexOf,z=Array.prototype.push,j=(e,t)=>U.call(e,t),H=(e,t)=>j(e,t)>-1,$=(e,t)=>{for(let n=0,o=e.length;n<o;n++)if(t(e[n],n))return!0;return!1},V=(e,t)=>{const n=e.length,o=new Array(n);for(let r=0;r<n;r++){const n=e[r];o[r]=t(n,r)}return o},q=(e,t)=>{for(let n=0,o=e.length;n<o;n++)t(e[n],n)},W=(e,t)=>{for(let n=e.length-1;n>=0;n--)t(e[n],n)},K=(e,t)=>{const n=[],o=[];for(let r=0,s=e.length;r<s;r++){const s=e[r];(t(s,r)?n:o).push(s)}return{pass:n,fail:o}},Y=(e,t)=>{const n=[];for(let o=0,r=e.length;o<r;o++){const r=e[o];t(r,o)&&n.push(r)}return n},G=(e,t,n)=>(W(e,((e,o)=>{n=t(n,e,o)})),n),X=(e,t,n)=>(q(e,((e,o)=>{n=t(n,e,o)})),n),Z=(e,t,n)=>{for(let o=0,r=e.length;o<r;o++){const r=e[o];if(t(r,o))return I?.some(r);if(n(r,o))break}return I.none()},Q=(e,t)=>Z(e,t,L),J=(e,t)=>{for(let n=0,o=e.length;n<o;n++)if(t(e[n],n))return I?.some(n);return I.none()},ee=e=>{const t=[];for(let n=0,o=e.length;n<o;++n){if(!p(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);z.apply(t,e[n])}return t},te=(e,t)=>ee(V(e,t)),ne=(e,t)=>{for(let n=0,o=e.length;n<o;++n)if(!0!==t(e[n],n))return!1;return!0},oe=e=>{const t=F.call(e,0);return t.reverse(),t},re=(e,t)=>Y(e,(e=>!H(t,e))),se=(e,t)=>{const n={};for(let o=0,r=e.length;o<r;o++){const r=e[o];n[String(r)]=t(r,o)}return n},ae=(e,t)=>{const n=F.call(e,0);return n.sort(t),n},ie=(e,t)=>t>=0&&t<e.length?I?.some(e[t]):I.none(),le=e=>ie(e,0),de=e=>ie(e,e.length-1),ce=w(Array.from)?Array.from:e=>F.call(e),ue=(e,t)=>{for(let n=0;n<e.length;n++){const o=t(e[n],n);if(o.isSome())return o}return I.none()},me=(e,t)=>{const n=[],o=w(t)?e=>$(n,(n=>t(n,e))):e=>H(n,e);for(let t=0,r=e.length;t<r;t++){const r=e[t];o(r)||n.push(r)}return n},fe=Object.keys,ge=Object.hasOwnProperty,pe=(e,t)=>{const n=fe(e);for(let o=0,r=n.length;o<r;o++){const r=n[o];t(e[r],r)}},he=(e,t)=>be(e,((e,n)=>({k:n,v:t(e,n)}))),be=(e,t)=>{const n={};return pe(e,((e,o)=>{const r=t(e,o);n[r.k]=r.v})),n},ve=e=>(t,n)=>{e[n]=t},ye=(e,t,n,o)=>{pe(e,((e,r)=>{(t(e,r)?n:o)(e,r)}))},Ce=(e,t)=>{const n={};return ye(e,t,ve(n),x),n},we=(e,t)=>{const n=[];return pe(e,((e,o)=>{n.push(t(e,o))})),n},Ee=e=>we(e,R),_e=(e,t)=>xe(e,t)?I.from(e[t]):I.none(),xe=(e,t)=>ge.call(e,t),Se=(e,t)=>xe(e,t)&&void 0!==e[t]&&null!==e[t],ke=e=>{if(!p(e))throw new Error("cases must be an array");if(0===e.length)throw new Error("there must be at least one case");const t=[],n={};return q(e,((o,r)=>{const s=fe(o);if(1!==s.length)throw new Error("one and only one name per case");const a=s[0],i=o[a];if(void 0!==n[a])throw new Error("duplicate key detected:"+a);if("cata"===a)throw new Error("cannot have a case named cata (sorry)");if(!p(i))throw new Error("case arguments must be an array");t.push(a),n[a]=(...n)=>{const o=n.length;if(o!==i.length)throw new Error("Wrong number of arguments to case "+a+". Expected "+i.length+" ("+i+"), got "+o);return{fold:(...t)=>{if(t.length!==e.length)throw new Error("Wrong number of arguments to fold. Expected "+e.length+", got "+t.length);return t[r].apply(null,n)},match:e=>{const o=fe(e);if(t.length!==o.length)throw new Error("Wrong number of arguments to match. Expected: "+t.join(",")+"\nActual: "+o.join(","));if(!ne(t,(e=>H(o,e))))throw new Error("Not all branches were specified when using match. Specified: "+o.join(", ")+"\nRequired: "+t.join(", "));return e[a].apply(null,n)},log:e=>{console.log(e,{constructors:t,constructor:a,params:n})}}}})),n},Ne=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},Re=e=>{const t=t=>t(e),n=N(e),o=()=>r,r={tag:!0,inner:e,fold:(t,n)=>n(e),isValue:M,isError:L,map:t=>Te.value(t(e)),mapError:o,bind:t,exists:t,forall:t,getOr:n,or:o,getOrThunk:n,orThunk:o,getOrDie:n,each:t=>{t(e)},toOptional:()=>I?.some(e)};return r},Ae=e=>{const t=()=>n,n={tag:!1,inner:e,fold:(t,n)=>t(e),isValue:L,isError:M,map:t,mapError:t=>Te.error(t(e)),bind:t,exists:L,forall:M,getOr:R,or:R,getOrThunk:P,orThunk:P,getOrDie:B(String(e)),each:x,toOptional:I.none};return n},Te={value:Re,error:Ae,fromOption:(e,t)=>e.fold((()=>Ae(t)),Re)},Oe="undefined"!=typeof window?window:Function("return this;")(),Be=()=>window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295;let Pe=0;const De=e=>{const t=(new Date).getTime(),n=Math.floor(1e9*Be());return Pe++,e+"_"+n+Pe+String(t)},Le=e=>(...t)=>{if(0===t.length)throw new Error("Can't merge zero objects");const n={};for(let o=0;o<t.length;o++){const r=t[o];for(const t in r)xe(r,t)&&(n[t]=e(n[t],r[t]))}return n},Me=Le(((e,t)=>g(e)&&g(t)?Me(e,t):t)),Ie=Le(((e,t)=>t)),Fe=(e,t,n=A)=>e.exists((e=>n(e,t))),Ue=(e,t,n=A)=>ze(e,t,n).getOr(e.isNone()&&t.isNone()),ze=(e,t,n)=>e.isSome()&&t.isSome()?I?.some(n(e.getOrDie(),t.getOrDie())):I.none(),je=(e,t)=>e?I?.some(t):I.none(),He=(e,t)=>((e,t)=>{let n=null!=t?t:Oe;for(let t=0;t<e.length&&null!=n;++t)n=n[e[t]];return n})(e.split("."),t);ke([{bothErrors:["error1","error2"]},{firstError:["error1","value2"]},{secondError:["value1","error2"]},{bothValues:["value1","value2"]}]);const $e=e=>{const t=Ne(I.none()),n=()=>t.get().each((e=>clearInterval(e)));return{clear:()=>{n(),t.set(I.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:o=>{n(),t.set(I?.some(setInterval(o,e)))}}},Ve=()=>{const e=(e=>{const t=Ne(I.none()),n=()=>t.get().each(e);return{clear:()=>{n(),t.set(I.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{n(),t.set(I?.some(e))}}})(x);return{...e,on:t=>e.get().each(t)}},qe=(e,t,n)=>""===t||e.length>=t.length&&e.substr(n,n+t.length)===t,We=(e,t)=>Ye(e,t)?((e,t)=>e.substring(t))(e,t.length):e,Ke=(e,t,n=0,o)=>{const r=e.indexOf(t,n);return-1!==r&&(!!v(o)||r+t.length<=o)},Ye=(e,t)=>qe(e,t,0),Ge=(e,t)=>qe(e,t,e.length-t.length),Xe=e=>t=>t.replace(e,""),Ze=Xe(/^\s+|\s+$/g),Qe=Xe(/^\s+/g),Je=Xe(/\s+$/g),et=e=>e.length>0,tt=e=>!et(e),nt=(e,t=10)=>{const n=parseInt(e,t);return isNaN(n)?I.none():I?.some(n)},ot=(e,t)=>{let n=null;return{cancel:()=>{h(n)||(clearTimeout(n),n=null)},throttle:(...o)=>{h(n)&&(n=setTimeout((()=>{n=null,e.apply(null,o)}),t))}}},rt=(e,t)=>{let n=null;const o=()=>{h(n)||(clearTimeout(n),n=null)};return{cancel:o,throttle:(...r)=>{o(),n=setTimeout((()=>{n=null,e.apply(null,r)}),t)}}},st=e=>{let t,n=!1;return(...o)=>(n||(n=!0,t=e.apply(null,o)),t)},at="\ufeff",it="\xa0",lt=e=>e===at,dt=e=>{const t={};return q(e,(e=>{t[e]={}})),fe(t)},ct=e=>void 0!==e.length,ut=Array.isArray,mt=(e,t,n)=>{if(!e)return!1;if(n=n||e,ct(e)){for(let o=0,r=e.length;o<r;o++)if(!1===t.call(n,e[o],o,e))return!1}else for(const o in e)if(xe(e,o)&&!1===t.call(n,e[o],o,e))return!1;return!0},ft=(e,t)=>{const n=[];return mt(e,((o,r)=>{n.push(t(o,r,e))})),n},gt=(e,t)=>{const n=[];return mt(e,((o,r)=>{t&&!t(o,r,e)||n.push(o)})),n},pt=(e,t,n,o)=>{let r=v(n)?e[0]:n;for(let n=0;n<e.length;n++)r=t.call(o,r,e[n],n);return r},ht=(e,t,n)=>{for(let o=0,r=e.length;o<r;o++)if(t.call(n,e[o],o,e))return o;return-1},bt=e=>e[e.length-1],vt=()=>yt(0,0),yt=(e,t)=>({major:e,minor:t}),Ct={nu:yt,detect:(e,t)=>{const n=String(t).toLowerCase();return 0===e.length?vt():((e,t)=>{const n=((e,t)=>{for(let n=0;n<e.length;n++){const o=e[n];if(o.test(t))return o}})(e,t);if(!n)return{major:0,minor:0};const o=e=>Number(t.replace(n,"$"+e));return yt(o(1),o(2))})(e,n)},unknown:vt},wt=(e,t)=>{const n=String(t).toLowerCase();return Q(e,(e=>e.search(n)))},Et=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,_t=e=>t=>Ke(t,e),xt=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>Ke(e,"edge/")&&Ke(e,"chrome")&&Ke(e,"safari")&&Ke(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,Et],search:e=>Ke(e,"chrome")&&!Ke(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>Ke(e,"msie")||Ke(e,"trident")},{name:"Opera",versionRegexes:[Et,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:_t("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:_t("firefox")},{name:"Safari",versionRegexes:[Et,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(Ke(e,"safari")||Ke(e,"mobile/"))&&Ke(e,"applewebkit")}],St=[{name:"Windows",search:_t("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>Ke(e,"iphone")||Ke(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:_t("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:_t("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:_t("linux"),versionRegexes:[]},{name:"Solaris",search:_t("sunos"),versionRegexes:[]},{name:"FreeBSD",search:_t("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:_t("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],kt={browsers:N(xt),oses:N(St)},Nt="Edge",Rt="Chromium",At="Opera",Tt="Firefox",Ot="Safari",Bt=e=>{const t=e.current,n=e.version,o=e=>()=>t===e;return{current:t,version:n,isEdge:o(Nt),isChromium:o(Rt),isIE:o("IE"),isOpera:o(At),isFirefox:o(Tt),isSafari:o(Ot)}},Pt=()=>Bt({current:void 0,version:Ct.unknown()}),Dt=Bt,Lt=(N(Nt),N(Rt),N("IE"),N(At),N(Tt),N(Ot),"Windows"),Mt="Android",It="Linux",Ft="macOS",Ut="Solaris",zt="FreeBSD",jt="ChromeOS",Ht=e=>{const t=e.current,n=e.version,o=e=>()=>t===e;return{current:t,version:n,isWindows:o(Lt),isiOS:o("iOS"),isAndroid:o(Mt),isMacOS:o(Ft),isLinux:o(It),isSolaris:o(Ut),isFreeBSD:o(zt),isChromeOS:o(jt)}},$t=()=>Ht({current:void 0,version:Ct.unknown()}),Vt=Ht,qt=(N(Lt),N("iOS"),N(Mt),N(It),N(Ft),N(Ut),N(zt),N(jt),e=>window.matchMedia(e).matches);let Wt=st((()=>((e,t,n)=>{const o=kt.browsers(),r=kt.oses(),s=t.bind((e=>((e,t)=>ue(t.brands,(t=>{const n=t.brand.toLowerCase();return Q(e,(e=>{var t;return n===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:Ct.nu(parseInt(t.version,10),0)})))})))(o,e))).orThunk((()=>((e,t)=>wt(e,t)?.map((e=>{const n=Ct.detect(e.versionRegexes,t);return{current:e.name,version:n}})))(o,e))).fold(Pt,Dt),a=((e,t)=>wt(e,t)?.map((e=>{const n=Ct.detect(e.versionRegexes,t);return{current:e.name,version:n}})))(r,e).fold($t,Vt),i=((e,t,n,o)=>{const r=e.isiOS()&&!0===/ipad/i.test(n),s=e.isiOS()&&!r,a=e.isiOS()||e.isAndroid(),i=a||o("(pointer:coarse)"),l=r||!s&&a&&o("(min-device-width:768px)"),d=s||a&&!l,c=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(n),u=!d&&!l&&!c;return{isiPad:N(r),isiPhone:N(s),isTablet:N(l),isPhone:N(d),isTouch:N(i),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:N(c),isDesktop:N(u)}})(a,s,e,n);return{browser:s,os:a,deviceType:i}})(window.navigator.userAgent,I.from(window.navigator.userAgentData),qt)));const Kt=()=>Wt(),Yt=Object.getPrototypeOf,Gt=e=>{const t=He("ownerDocument.defaultView",e);return f(e)&&((e=>((e,t)=>{const n=((e,t)=>He(e,t))(e,t);if(null==n)throw new Error(e+" not available on this browser");return n})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(Yt(e).constructor.name))},Xt=window.navigator.userAgent,Zt=Kt(),Qt=Zt.browser,Jt=Zt.os,en=Zt.deviceType,tn=-1!==Xt.indexOf("Windows Phone"),nn={transparentSrc:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",documentMode:Qt.isIE()?document.documentMode||7:10,cacheSuffix:null,container:null,canHaveCSP:!Qt.isIE(),windowsPhone:tn,browser:{current:Qt.current,version:Qt.version,isChromium:Qt.isChromium,isEdge:Qt.isEdge,isFirefox:Qt.isFirefox,isIE:Qt.isIE,isOpera:Qt.isOpera,isSafari:Qt.isSafari},os:{current:Jt.current,version:Jt.version,isAndroid:Jt.isAndroid,isChromeOS:Jt.isChromeOS,isFreeBSD:Jt.isFreeBSD,isiOS:Jt.isiOS,isLinux:Jt.isLinux,isMacOS:Jt.isMacOS,isSolaris:Jt.isSolaris,isWindows:Jt.isWindows},deviceType:{isDesktop:en.isDesktop,isiPad:en.isiPad,isiPhone:en.isiPhone,isPhone:en.isPhone,isTablet:en.isTablet,isTouch:en.isTouch,isWebView:en.isWebView}},on=/^\s*|\s*$/g,rn=e=>y(e)?"":(""+e).replace(on,""),sn=function(e,t,n,o){o=o||this,e&&(n&&(e=e[n]),mt(e,((e,r)=>!1!==t.call(o,e,r,n)&&(sn(e,t,n,o),!0))))},an={trim:rn,isArray:ut,is:(e,t)=>t?!("array"!==t||!ut(e))||typeof e===t:void 0!==e,toArray:e=>{if(ut(e))return e;{const t=[];for(let n=0,o=e.length;n<o;n++)t[n]=e[n];return t}},makeMap:(e,t,n={})=>{const o=m(e)?e.split(t||","):e||[];let r=o.length;for(;r--;)n[o[r]]={};return n},each:mt,map:ft,grep:gt,inArray:(e,t)=>{if(e)for(let n=0,o=e.length;n<o;n++)if(e[n]===t)return n;return-1},hasOwn:xe,extend:(e,...t)=>{for(let n=0;n<t.length;n++){const o=t[n];for(const t in o)if(xe(o,t)){const n=o[t];void 0!==n&&(e[t]=n)}}return e},walk:sn,resolve:(e,t=window)=>{const n=e.split(".");for(let e=0,o=n.length;e<o&&(t=t[n[e]]);e++);return t},explode:(e,t)=>p(e)?e:""===e?[]:ft(e.split(t||","),rn),_addCacheSuffix:e=>{const t=nn.cacheSuffix;return t&&(e+=(-1===e.indexOf("?")?"?":"&")+t),e}},ln=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},dn=(e,t)=>{const n=(t||document).createElement("div");if(n.innerHTML=e,!n.hasChildNodes()||n.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return ln(n.childNodes[0])},cn=(e,t)=>{const n=(t||document).createElement(e);return ln(n)},un=(e,t)=>{const n=(t||document).createTextNode(e);return ln(n)},mn=ln,fn=(e,t,n)=>I.from(e.dom.elementFromPoint(t,n))?.map(ln),gn=(e,t,n)=>{const o=e.document.createRange();var r;return r=o,t.fold((e=>{r.setStartBefore(e.dom)}),((e,t)=>{r.setStart(e.dom,t)}),(e=>{r.setStartAfter(e.dom)})),((e,t)=>{t.fold((t=>{e.setEndBefore(t.dom)}),((t,n)=>{e.setEnd(t.dom,n)}),(t=>{e.setEndAfter(t.dom)}))})(o,n),o},pn=(e,t,n,o,r)=>{const s=e.document.createRange();return s.setStart(t.dom,n),s.setEnd(o.dom,r),s},hn=ke([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),bn=(e,t,n)=>t(mn(n.startContainer),n.startOffset,mn(n.endContainer),n.endOffset);hn.ltr,hn.rtl;const vn=(e,t)=>{const n=e.dom;if(1!==n.nodeType)return!1;{const e=n;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},yn=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,Cn=(e,t)=>e.dom===t.dom,wn=(e,t)=>{const n=e.dom,o=t.dom;return n!==o&&n.contains(o)},En=(e,t)=>{const n=[],o=e=>(n.push(e),t(e));let r=t(e);do{r=r.bind(o)}while(r.isSome());return n},_n=e=>e.dom.nodeName.toLowerCase(),xn=e=>e.dom.nodeType,Sn=e=>t=>xn(t)===e,kn=e=>Nn(e)&&Gt(e.dom),Nn=Sn(1),Rn=Sn(3),An=Sn(9),Tn=Sn(11),On=e=>t=>Nn(t)&&_n(t)===e,Bn=e=>mn(e.dom.ownerDocument),Pn=e=>An(e)?e:Bn(e),Dn=e=>mn(Pn(e).dom.defaultView),Ln=e=>I.from(e.dom.parentNode)?.map(mn),Mn=e=>I.from(e.dom.parentElement)?.map(mn),In=(e,t)=>{const n=w(t)?t:L;let o=e.dom;const r=[];for(;null!==o.parentNode&&void 0!==o.parentNode;){const e=o.parentNode,t=mn(e);if(r.push(t),!0===n(t))break;o=e}return r},Fn=e=>I.from(e.dom.previousSibling)?.map(mn),Un=e=>I.from(e.dom.nextSibling)?.map(mn),zn=e=>oe(En(e,Fn)),jn=e=>En(e,Un),Hn=e=>V(e.dom.childNodes,mn),$n=(e,t)=>{const n=e.dom.childNodes;return I.from(n[t])?.map(mn)},Vn=e=>$n(e,0),qn=e=>$n(e,e.dom.childNodes.length-1),Wn=e=>e.dom.childNodes.length,Kn=e=>Tn(e)&&C(e.dom.host),Yn=e=>mn(e.dom.getRootNode()),Gn=e=>Kn(e)?e:(e=>{const t=e.dom.head;if(null==t)throw new Error("Head is not available yet");return mn(t)})(Pn(e)),Xn=e=>mn(e.dom.host),Zn=e=>{if(C(e.target)){const t=mn(e.target);if(Nn(t)&&Qn(t)&&e.composed&&e.composedPath){const t=e.composedPath();if(t)return le(t)}}return I.from(e.target)},Qn=e=>C(e.dom.shadowRoot),Jn=(e,t,n,o)=>((e,t,n,o,r)=>{const s=((e,t)=>n=>{e(n)&&t((e=>{const t=mn(Zn(e).getOr(e.target)),n=()=>e.stopPropagation(),o=()=>e.preventDefault(),r=S(o,n);return((e,t,n,o,r,s,a)=>({target:e,x:t,y:n,stop:o,prevent:r,kill:s,raw:a}))(t,e.clientX,e.clientY,n,o,r,e)})(n))})(n,o);return e.dom.addEventListener(t,s,r),{unbind:T(eo,e,t,s,r)}})(e,t,n,o,!1),eo=(e,t,n,o)=>{e.dom.removeEventListener(t,n,o)},to=M,no=()=>mn(document),oo=(e,t=!1)=>e.dom.focus({preventScroll:t}),ro=e=>{const t=Yn(e).dom;return e.dom===t.activeElement},so=(e=no())=>I.from(e.dom.activeElement)?.map(mn),ao=(e,t)=>{Ln(e).each((n=>{n.dom.insertBefore(t.dom,e.dom)}))},io=(e,t)=>{Un(e).fold((()=>{Ln(e).each((e=>{co(e,t)}))}),(e=>{ao(e,t)}))},lo=(e,t)=>{Vn(e).fold((()=>{co(e,t)}),(n=>{e.dom.insertBefore(t.dom,n.dom)}))},co=(e,t)=>{e.dom.appendChild(t.dom)},uo=(e,t)=>{ao(e,t),co(t,e)},mo=(e,t)=>{q(t,(t=>{co(e,t)}))},fo=(e,t,n)=>{if(!(m(n)||b(n)||E(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")},go=(e,t,n)=>{fo(e.dom,t,n)},po=(e,t)=>{const n=e.dom;pe(t,((e,t)=>{fo(n,t,e)}))},ho=(e,t)=>{const n=e.dom.getAttribute(t);return null===n?void 0:n},bo=(e,t)=>I.from(ho(e,t)),vo=(e,t)=>{const n=e.dom;return!(!n||!n.hasAttribute)&&n.hasAttribute(t)},yo=(e,t)=>{e.dom.removeAttribute(t)},Co=e=>X(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}),wo=e=>{e.dom.textContent="",q(Hn(e),(e=>{Eo(e)}))},Eo=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},_o=e=>{const t=Hn(e);var n,o;t.length>0&&(n=e,q(o=t,((e,t)=>{const r=0===t?n:o[t-1];io(r,e)}))),Eo(e)},xo=(e,t)=>mn(e.dom.cloneNode(t)),So=e=>xo(e,!1),ko=e=>xo(e,!0),No=e=>V(e,mn),Ro=e=>e.dom.innerHTML,Ao=(e,t)=>{const n=Bn(e).dom,o=mn(n.createDocumentFragment()),r=((e,t)=>{const n=(t||document).createElement("div");return n.innerHTML=e,Hn(mn(n))})(t,n);mo(o,r),wo(e),co(e,o)},To=e=>void 0!==e.style&&w(e.style.getPropertyValue),Oo=e=>{const t=Rn(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const n=t.ownerDocument;return(e=>{const t=Yn(e);return Kn(t)?I?.some(t):I.none()})(mn(t)).fold((()=>n.body.contains(t)),k(Oo,Xn))},Bo=(e,t,n)=>{if(!m(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);To(e)&&e.style.setProperty(t,n)},Po=(e,t,n)=>{const o=e.dom;Bo(o,t,n)},Do=(e,t)=>{const n=e.dom;pe(t,((e,t)=>{Bo(n,t,e)}))},Lo=(e,t)=>{const n=e.dom,o=window.getComputedStyle(n).getPropertyValue(t);return""!==o||Oo(e)?o:Mo(n,t)},Mo=(e,t)=>To(e)?e.style.getPropertyValue(t):"",Io=(e,t)=>{const n=e.dom,o=Mo(n,t);return I.from(o).filter((e=>e.length>0))},Fo=e=>{const t={},n=e.dom;if(To(n))for(let e=0;e<n.style.length;e++){const o=n.style.item(e);t[o]=n.style[o]}return t},Uo=(e,t)=>{((e,t)=>{To(e)&&e.style.removeProperty(t)})(e.dom,t),Fe(bo(e,"style")?.map(Ze),"")&&yo(e,"style")},zo=(e=>{const t=t=>{const n=(e=>{const t=e.dom;return Oo(e)?t.getBoundingClientRect().height:t.offsetHeight})(t);if(n<=0||null===n){const n=Lo(t,e);return parseFloat(n)||0}return n},n=(e,t)=>X(t,((t,n)=>{const o=Lo(e,n),r=void 0===o?0:parseInt(o,10);return isNaN(r)?t:t+r}),0);return{set:(t,n)=>{if(!E(n)&&!n.match(/^[0-9]+$/))throw new Error(e+".set accepts only positive integer values. Value was "+n);const o=t.dom;To(o)&&(o.style[e]=n+"px")},get:t,getOuter:t,aggregate:n,max:(e,t,o)=>{const r=n(e,o);return t>r?t-r:0}}})("height"),jo=(e,t)=>({left:e,top:t,translate:(n,o)=>jo(e+n,t+o)}),Ho=jo,$o=(e,t)=>void 0!==e?e:void 0!==t?t:0,Vo=e=>{const t=e.dom,n=t.ownerDocument.body;return n===t?Ho(n.offsetLeft,n.offsetTop):Oo(e)?(e=>{const t=e.getBoundingClientRect();return Ho(t.left,t.top)})(t):Ho(0,0)},qo=e=>{const t=void 0!==e?e.dom:document,n=t.body.scrollLeft||t.documentElement.scrollLeft,o=t.body.scrollTop||t.documentElement.scrollTop;return Ho(n,o)},Wo=(e,t,n)=>{const o=(void 0!==n?n.dom:document).defaultView;o&&o.scrollTo(e,t)},Ko=(e,t)=>{Kt().browser.isSafari()&&w(e.dom.scrollIntoViewIfNeeded)?e.dom.scrollIntoViewIfNeeded(!1):e.dom.scrollIntoView(t)},Yo=(e,t)=>{const n=(t||document).createDocumentFragment();return q(e,(e=>{n.appendChild(e.dom)})),mn(n)},Go=(e=>{const t=t=>e(t)?I.from(t.dom.nodeValue):I.none();return{get:n=>{if(!e(n))throw new Error("Can only get text value of a text node");return t(n).getOr("")},getOption:t,set:(t,n)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=n}}})(Rn),Xo=e=>Go.get(e),Zo=(e,t)=>Go.set(e,t),Qo=(e,t)=>{const n=ho(e,t);return void 0===n||""===n?[]:n.split(" ")};var Jo=(e,t,n,o,r)=>e(n,o)?I?.some(n):w(r)&&r(n)?I.none():t(n,o,r);const er=(e,t,n)=>{let o=e.dom;const r=w(n)?n:L;for(;o.parentNode;){o=o.parentNode;const e=mn(o);if(t(e))return I?.some(e);if(r(e))break}return I.none()},tr=(e,t,n)=>Jo(((e,t)=>t(e)),er,e,t,n),nr=(e,t)=>{const n=e=>{for(let o=0;o<e.childNodes.length;o++){const r=mn(e.childNodes[o]);if(t(r))return I?.some(r);const s=n(e.childNodes[o]);if(s.isSome())return s}return I.none()};return n(e.dom)},or=(e,t,n)=>er(e,(e=>vn(e,t)),n),rr=(e,t)=>((e,t)=>{const n=void 0===t?document:t.dom;return yn(n)?I.none():I.from(n.querySelector(e))?.map(mn)})(t,e),sr=(e,t,n)=>Jo(((e,t)=>vn(e,t)),or,e,t,n),ar=e=>void 0!==e.dom.classList,ir=e=>Qo(e,"class"),lr=(e,t)=>((e,t,n)=>{const o=Qo(e,t).concat([n]);return go(e,t,o.join(" ")),!0})(e,"class",t),dr=(e,t)=>((e,t,n)=>{const o=Y(Qo(e,t),(e=>e!==n));return o.length>0?go(e,t,o.join(" ")):yo(e,t),!1})(e,"class",t),cr=(e,t)=>{ar(e)?e.dom.classList.add(t):lr(e,t)},ur=e=>{0===(ar(e)?e.dom.classList:ir(e)).length&&yo(e,"class")},mr=(e,t)=>{ar(e)?e.dom.classList.remove(t):dr(e,t),ur(e)},fr=(e,t)=>ar(e)&&e.dom.classList.contains(t),gr=(e,t=!1)=>{return Oo(e)?e.dom.isContentEditable:(n=e,sr(n,"[contenteditable]")).fold(N(t),(e=>"true"===pr(e)));var n},pr=e=>e.dom.contentEditable,hr=(e,t)=>{e.dom.contentEditable=t?"true":"false"},br=(e,t)=>{let n=[];return q(Hn(e),(e=>{t(e)&&(n=n.concat([e])),n=n.concat(br(e,t))})),n},vr=(e,t)=>((e,t)=>{const n=void 0===t?document:t.dom;return yn(n)?[]:V(n.querySelectorAll(e),mn)})(t,e),yr=(e,t,n)=>er(e,t,n).isSome(),Cr=(e,t)=>((e,t)=>{const n=e.dom;return n.parentNode?((e,t)=>Q(e.dom.childNodes,(e=>t(mn(e))))?.map(mn))(mn(n.parentNode),(n=>!Cn(e,n)&&t(n))):I.none()})(e,t).isSome(),wr=(e,t)=>nr(e,t).isSome(),Er=e=>w(e)?e:L,_r=(e,t,n)=>{const o=t(e),r=Er(n);return o.orThunk((()=>r(e)?I.none():((e,t,n)=>{let o=e.dom;const r=Er(n);for(;o.parentNode;){o=o.parentNode;const e=mn(o),n=t(e);if(n.isSome())return n;if(r(e))break}return I.none()})(e,t,r)))},xr=["img","br"],Sr=e=>{return(t=e,Go.getOption(t)).filter((e=>0!==e.trim().length||e.indexOf(it)>-1)).isSome()||H(xr,_n(e))||(e=>kn(e)&&"false"===ho(e,"contenteditable"))(e);var t},kr=(e,t,n,o)=>({start:e,soffset:t,finish:n,foffset:o}),Nr=ke([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),Rr={before:Nr.before,on:Nr.on,after:Nr.after,cata:(e,t,n,o)=>e.fold(t,n,o),getStart:e=>e.fold(R,R,R)},Ar=ke([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),Tr={domRange:Ar.domRange,relative:Ar.relative,exact:Ar.exact,exactFromRange:e=>Ar.exact(e.start,e.soffset,e.finish,e.foffset),getWin:e=>{const t=(e=>e.match({domRange:e=>mn(e.startContainer),relative:(e,t)=>Rr.getStart(e),exact:(e,t,n,o)=>e}))(e);return Dn(t)},range:kr},Or=(e,t)=>{const n=_n(e);return"input"===n?Rr.after(e):H(["br","img"],n)?0===t?Rr.before(e):Rr.after(e):Rr.on(e,t)},Br=(e,t)=>{const n=e.fold(Rr.before,Or,Rr.after),o=t.fold(Rr.before,Or,Rr.after);return Tr.relative(n,o)},Pr=(e,t,n,o)=>{const r=Or(e,t),s=Or(n,o);return Tr.relative(r,s)},Dr=e=>{const t=Tr.getWin(e).dom,n=(e,n,o,r)=>pn(t,e,n,o,r),o=(e=>e.match({domRange:e=>{const t=mn(e.startContainer),n=mn(e.endContainer);return Pr(t,e.startOffset,n,e.endOffset)},relative:Br,exact:Pr}))(e);return((e,t)=>{const n=((e,t)=>t.match({domRange:e=>({ltr:N(e),rtl:I.none}),relative:(t,n)=>({ltr:st((()=>gn(e,t,n))),rtl:st((()=>I?.some(gn(e,n,t))))}),exact:(t,n,o,r)=>({ltr:st((()=>pn(e,t,n,o,r))),rtl:st((()=>I?.some(pn(e,o,r,t,n))))})}))(e,t);return((e,t)=>{const n=t.ltr();return n.collapsed?t.rtl().filter((e=>!1===e.collapsed))?.map((e=>hn.rtl(mn(e.endContainer),e.endOffset,mn(e.startContainer),e.startOffset))).getOrThunk((()=>bn(0,hn.ltr,n))):bn(0,hn.ltr,n)})(0,n)})(t,o).match({ltr:n,rtl:n})},Lr=(e,t,n)=>((e,t,n)=>((e,t,n)=>e.caretPositionFromPoint?((e,t,n)=>{var o;return I.from(null===(o=e.caretPositionFromPoint)||void 0===o?void 0:o.call(e,t,n)).bind((t=>{if(null===t.offsetNode)return I.none();const n=e.createRange();return n.setStart(t.offsetNode,t.offset),n.collapse(),I?.some(n)}))})(e,t,n):e.caretRangeFromPoint?((e,t,n)=>{var o;return I.from(null===(o=e.caretRangeFromPoint)||void 0===o?void 0:o.call(e,t,n))})(e,t,n):I.none())(e.document,t,n)?.map((e=>kr(mn(e.startContainer),e.startOffset,mn(e.endContainer),e.endOffset))))(e,t,n),Mr=(e,t,n,o)=>({x:e,y:t,width:n,height:o,right:e+n,bottom:t+o}),Ir=e=>{const t=void 0===e?window:e,n=t.document,o=qo(mn(n));return(e=>{const t=void 0===e?window:e;return Kt().browser.isFirefox()?I.none():I.from(t.visualViewport)})(t).fold((()=>{const e=t.document.documentElement,n=e.clientWidth,r=e.clientHeight;return Mr(o.left,o.top,n,r)}),(e=>Mr(Math.max(e.pageLeft,o.left),Math.max(e.pageTop,o.top),e.width,e.height)))};class Fr{constructor(e,t){this.node=e,this.rootNode=t,this.current=this.current.bind(this),this.next=this.next.bind(this),this.prev=this.prev.bind(this),this.prev2=this.prev2.bind(this)}current(){return this.node}next(e){return this.node=this.findSibling(this.node,"firstChild","nextSibling",e),this.node}prev(e){return this.node=this.findSibling(this.node,"lastChild","previousSibling",e),this.node}prev2(e){return this.node=this.findPreviousNode(this.node,e),this.node}findSibling(e,t,n,o){if(e){if(!o&&e[t])return e[t];if(e!==this.rootNode){let t=e[n];if(t)return t;for(let o=e.parentNode;o&&o!==this.rootNode;o=o.parentNode)if(t=o[n],t)return t}}}findPreviousNode(e,t){if(e){const n=e.previousSibling;if(this.rootNode&&n===this.rootNode)return;if(n){if(!t)for(let e=n.lastChild;e;e=e.lastChild)if(!e.lastChild)return e;return n}const o=e.parentNode;if(o&&o!==this.rootNode)return o}}}const Ur=/^[ \t\r\n]*$/,zr=e=>Ur.test(e),jr=e=>"\n"===e||"\r"===e,Hr=(e,t=4,n=!0,o=!0)=>{const r=((e,t)=>t<=0?"":new Array(t+1).join(" "))(0,t),s=e.replace(/\t/g,r),a=X(s,((e,t)=>(e=>-1!==" \f\t\v".indexOf(e))(t)||t===it?e.pcIsSpace||""===e.str&&n||e.str.length===s.length-1&&o||((e,t)=>t<e.length&&t>=0&&jr(e[t]))(s,e.str.length+1)?{pcIsSpace:!1,str:e.str+it}:{pcIsSpace:!0,str:e.str+" "}:{pcIsSpace:jr(t),str:e.str+t}),{pcIsSpace:!1,str:""});return a.str},$r=e=>t=>!!t&&t.nodeType===e,Vr=e=>!!e&&!Object.getPrototypeOf(e),qr=$r(1),Wr=e=>qr(e)&&kn(mn(e)),Kr=e=>{const t=e.toLowerCase();return e=>C(e)&&e.nodeName.toLowerCase()===t},Yr=e=>{const t=e?.map((e=>e.toLowerCase()));return e=>{if(e&&e.nodeName){const n=e.nodeName.toLowerCase();return H(t,n)}return!1}},Gr=(e,t)=>{const n=t.toLowerCase().split(" ");return t=>{if(qr(t)){const o=t.ownerDocument.defaultView;if(o)for(let r=0;r<n.length;r++){const s=o.getComputedStyle(t,null);if((s?s.getPropertyValue(e):null)===n[r])return!0}}return!1}},Xr=e=>qr(e)&&e.hasAttribute("data-mce-bogus"),Zr=e=>qr(e)&&"TABLE"===e.tagName,Qr=e=>t=>{if(Wr(t)){if(t.contentEditable===e)return!0;if(t.getAttribute("data-mce-contenteditable")===e)return!0}return!1},Jr=Yr(["textarea","input"]),es=$r(3),ts=$r(4),ns=$r(7),os=$r(8),rs=$r(9),ss=$r(11),as=Kr("br"),is=Kr("img"),ls=Kr("a"),ds=Qr("true"),cs=Qr("false"),us=e=>Wr(e)&&e.isContentEditable&&C(e.parentElement)&&!e.parentElement.isContentEditable,ms=Yr(["td","th"]),fs=Yr(["td","th","caption"]),gs=Yr(["video","audio","object","embed"]),ps=Kr("li"),hs=Kr("details"),bs=Kr("summary"),vs={skipBogus:!0,includeZwsp:!1,checkRootAsContent:!1},ys=e=>qr(e)&&e.hasAttribute("data-mce-bookmark");const Cs=(e,t,n,o)=>es(e)&&!((e,t,n)=>zr(e.data)&&!((e,t,n)=>{const o=mn(t),r=mn(e),s=n.getWhitespaceElements();return yr(r,(e=>xe(s,_n(e))),T(Cn,o))})(e,t,n))(e,t,n)&&(!o.includeZwsp||!(e=>{for(const t of e)if(!lt(t))return!1;return!0})(e.data)),ws=(e,t,n,o)=>w(o.isContent)&&o.isContent(t)||((e,t)=>qr(e)&&xe(t.getNonEmptyElements(),e.nodeName))(t,e)||ys(t)||(e=>qr(e)&&"A"===e.nodeName&&!e.hasAttribute("href")&&(e.hasAttribute("name")||e.hasAttribute("id")))(t)||Cs(t,n,e,o)||cs(t)||ds(t)&&(e=>Mn(mn(e)).exists((e=>!gr(e))))(t),Es=(e,t,n)=>{const o={...vs,...n};if(o.checkRootAsContent&&ws(e,t,t,o))return!1;let r=t.firstChild,s=0;if(!r)return!0;const a=new Fr(r,t);do{if(o.skipBogus&&qr(r)){const e=r.getAttribute("data-mce-bogus");if(e){r=a.next("all"===e);continue}}if(os(r))r=a.next(!0);else if(as(r))s++,r=a.next();else{if(ws(e,r,t,o))return!1;r=a.next()}}while(r);return s<=1},_s=(e,t,n)=>Es(e,t.dom,{checkRootAsContent:!0,...n}),xs=(e,t,n)=>ws(e,t,t,{includeZwsp:vs.includeZwsp,...n}),Ss=e=>{const t=e.toLowerCase();return"svg"===t?"svg":"math"===t?"math":"html"},ks=e=>"html"!==Ss(e),Ns=e=>ks(e.nodeName),Rs=e=>Ss(e.nodeName),As=["svg","math"],Ts="data-mce-block",Os=e=>V((e=>Y(fe(e),(e=>!/[A-Z]/.test(e))))(e),(e=>{const t=CSS.escape(e);return`${t}:`+V(As,(e=>`not(${e} ${t})`)).join(":")})).join(","),Bs=(e,t)=>C(t.querySelector(e))?(t.setAttribute(Ts,"true"),"inline-boundary"===t.getAttribute("data-mce-selected")&&t.removeAttribute("data-mce-selected"),!0):(t.removeAttribute(Ts),!1),Ps=(e,t)=>{const n=Os(e.getTransparentElements()),o=Os(e.getBlockElements());return Y(t.querySelectorAll(n),(e=>Bs(o,e)))},Ds=(e,t,n)=>{var o;const r=n?"lastChild":"firstChild";for(let n=t[r];n;n=n[r])if(Es(e,n,{checkRootAsContent:!0}))return void(null===(o=n.parentNode)||void 0===o||o.removeChild(n))},Ls=(e,t,n)=>{const o=e.getBlockElements(),r=mn(t),s=e=>_n(e)in o,a=e=>Cn(e,r);q(No(n),(t=>{er(t,s,a).each((n=>{const o=(t=>Y(Hn(t),(t=>s(t)&&!e.isValidChild(_n(n),_n(t)))))(t);if(o.length>0){const t=Mn(n);q(o,(t=>{er(t,s,a).each((n=>{((e,t,n)=>{const o=document.createRange(),r=t.parentNode;if(r){o.setStartBefore(t),o.setEndBefore(n);const s=o.extractContents();Ds(e,s,!0),o.setStartAfter(n),o.setEndAfter(t);const a=o.extractContents();Ds(e,a,!1),Es(e,s,{checkRootAsContent:!0})||r.insertBefore(s,t),Es(e,n,{checkRootAsContent:!0})||r.insertBefore(n,t),Es(e,a,{checkRootAsContent:!0})||r.insertBefore(a,t),r.removeChild(t)}})(e,n.dom,t.dom)}))})),t.each((t=>Ps(e,t.dom)))}}))}))},Ms=(e,t)=>{const n=Ps(e,t);Ls(e,t,n),((e,t,n)=>{q([...n,...js(e,t)?[t]:[]],(t=>q(vr(mn(t),t.nodeName.toLowerCase()),(t=>{Hs(e,t.dom)&&_o(t)}))))})(e,t,n)},Is=(e,t)=>{if(zs(e,t)){const n=Os(e.getBlockElements());Bs(n,t)}},Fs=e=>e.hasAttribute(Ts),Us=(e,t)=>xe(e.getTransparentElements(),t),zs=(e,t)=>qr(t)&&Us(e,t.nodeName),js=(e,t)=>zs(e,t)&&Fs(t),Hs=(e,t)=>zs(e,t)&&!Fs(t),$s=(e,t)=>1===t.type&&Us(e,t.name)&&m(t.attr(Ts)),Vs=Kt().browser,qs=e=>Q(e,Nn),Ws=(e,t)=>e.children&&H(e.children,t),Ks=(e,t={})=>{let n=0;const o={},r=mn(e),s=Pn(r),a=e=>{co(Gn(r),e)},i=e=>{const t=Gn(r);rr(t,"#"+e).each(Eo)},l=e=>_e(o,e).getOrThunk((()=>({id:"mce-u"+n++,passed:[],failed:[],count:0}))),d=e=>new Promise(((n,r)=>{let i;const d=an._addCacheSuffix(e),c=l(d);o[d]=c,c.count++;const u=(e,t)=>{q(e,D),c.status=t,c.passed=[],c.failed=[],i&&(i.onload=null,i.onerror=null,i=null)},m=()=>u(c.passed,2),f=()=>u(c.failed,3);if(n&&c.passed.push(n),r&&c.failed.push(r),1===c.status)return;if(2===c.status)return void m();if(3===c.status)return void f();c.status=1;const g=cn("link",s.dom);po(g,{rel:"stylesheet",type:"text/css",id:c.id}),t.contentCssCors&&go(g,"crossOrigin","anonymous"),t.referrerPolicy&&go(g,"referrerpolicy",t.referrerPolicy),i=g.dom,i.onload=m,i.onerror=f,a(g),go(g,"href",d)})),c=e=>{const t=an._addCacheSuffix(e);_e(o,t).each((e=>{0==--e.count&&(delete o[t],i(e.id))}))};return{load:d,loadRawCss:(e,t)=>{const n=l(e);o[e]=n,n.count++;const r=cn("style",s.dom);po(r,{rel:"stylesheet",type:"text/css",id:n.id,"data-mce-key":e}),r.dom.innerHTML=t,a(r)},loadAll:e=>Promise.allSettled(V(e,(e=>d(e).then(N(e))))).then((e=>{const t=K(e,(e=>"fulfilled"===e.status));return t.fail.length>0?Promise.reject(V(t.fail,(e=>e.reason))):V(t.pass,(e=>e.value))})),unload:c,unloadRawCss:e=>{_e(o,e).each((t=>{0==--t.count&&(delete o[e],i(t.id))}))},unloadAll:e=>{q(e,(e=>{c(e)}))},_setReferrerPolicy:e=>{t.referrerPolicy=e},_setContentCssCors:e=>{t.contentCssCors=e}}},Ys=(()=>{const e=new WeakMap;return{forElement:(t,n)=>{const o=Yn(t).dom;return I.from(e.get(o)).getOrThunk((()=>{const t=Ks(o,n);return e.set(o,t),t}))}}})(),Gs=(e,t)=>C(e)&&(xs(t,e)||t.isInline(e.nodeName.toLowerCase())),Xs=e=>(e=>"span"===e.nodeName.toLowerCase())(e)&&"bookmark"===e.getAttribute("data-mce-type"),Zs=(e,t,n,o)=>{var r;const s=o||t;if(qr(t)&&Xs(t))return t;const a=t.childNodes;for(let t=a.length-1;t>=0;t--)Zs(e,a[t],n,s);if(qr(t)){const e=t.childNodes;1===e.length&&Xs(e[0])&&(null===(r=t.parentNode)||void 0===r||r.insertBefore(e[0],t))}return(e=>ss(e)||rs(e))(t)||xs(n,t)||(e=>!!qr(e)&&e.childNodes.length>0)(t)||((e,t,n)=>es(e)&&e.data.length>0&&((e,t,n)=>{const o=new Fr(e,t).prev(!1),r=new Fr(e,t).next(!1),s=v(o)||Gs(o,n),a=v(r)||Gs(r,n);return s&&a})(e,t,n))(t,s,n)||e.remove(t),t},Qs=an.makeMap,Js=/[&<>\"\u0060\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,ea=/[<>&\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,ta=/[<>&\"\']/g,na=/&#([a-z0-9]+);?|&([a-z0-9]+);/gi,oa={128:"\u20ac",130:"\u201a",131:"\u0192",132:"\u201e",133:"\u2026",134:"\u2020",135:"\u2021",136:"\u02c6",137:"\u2030",138:"\u0160",139:"\u2039",140:"\u0152",142:"\u017d",145:"\u2018",146:"\u2019",147:"\u201c",148:"\u201d",149:"\u2022",150:"\u2013",151:"\u2014",152:"\u02dc",153:"\u2122",154:"\u0161",155:"\u203a",156:"\u0153",158:"\u017e",159:"\u0178"},ra={'"':"&quot;","'":"&#39;","<":"&lt;",">":"&gt;","&":"&amp;","`":"&#96;"},sa={"&lt;":"<","&gt;":">","&amp;":"&","&quot;":'"',"&apos;":"'"},aa=(e,t)=>{const n={};if(e){const o=e.split(",");t=t||10;for(let e=0;e<o.length;e+=2){const r=String.fromCharCode(parseInt(o[e],t));if(!ra[r]){const t="&"+o[e+1]+";";n[r]=t,n[t]=r}}return n}},ia=aa("50,nbsp,51,iexcl,52,cent,53,pound,54,curren,55,yen,56,brvbar,57,sect,58,uml,59,copy,5a,ordf,5b,laquo,5c,not,5d,shy,5e,reg,5f,macr,5g,deg,5h,plusmn,5i,sup2,5j,sup3,5k,acute,5l,micro,5m,para,5n,middot,5o,cedil,5p,sup1,5q,ordm,5r,raquo,5s,frac14,5t,frac12,5u,frac34,5v,iquest,60,Agrave,61,Aacute,62,Acirc,63,Atilde,64,Auml,65,Aring,66,AElig,67,Ccedil,68,Egrave,69,Eacute,6a,Ecirc,6b,Euml,6c,Igrave,6d,Iacute,6e,Icirc,6f,Iuml,6g,ETH,6h,Ntilde,6i,Ograve,6j,Oacute,6k,Ocirc,6l,Otilde,6m,Ouml,6n,times,6o,Oslash,6p,Ugrave,6q,Uacute,6r,Ucirc,6s,Uuml,6t,Yacute,6u,THORN,6v,szlig,70,agrave,71,aacute,72,acirc,73,atilde,74,auml,75,aring,76,aelig,77,ccedil,78,egrave,79,eacute,7a,ecirc,7b,euml,7c,igrave,7d,iacute,7e,icirc,7f,iuml,7g,eth,7h,ntilde,7i,ograve,7j,oacute,7k,ocirc,7l,otilde,7m,ouml,7n,divide,7o,oslash,7p,ugrave,7q,uacute,7r,ucirc,7s,uuml,7t,yacute,7u,thorn,7v,yuml,ci,fnof,sh,Alpha,si,Beta,sj,Gamma,sk,Delta,sl,Epsilon,sm,Zeta,sn,Eta,so,Theta,sp,Iota,sq,Kappa,sr,Lambda,ss,Mu,st,Nu,su,Xi,sv,Omicron,t0,Pi,t1,Rho,t3,Sigma,t4,Tau,t5,Upsilon,t6,Phi,t7,Chi,t8,Psi,t9,Omega,th,alpha,ti,beta,tj,gamma,tk,delta,tl,epsilon,tm,zeta,tn,eta,to,theta,tp,iota,tq,kappa,tr,lambda,ts,mu,tt,nu,tu,xi,tv,omicron,u0,pi,u1,rho,u2,sigmaf,u3,sigma,u4,tau,u5,upsilon,u6,phi,u7,chi,u8,psi,u9,omega,uh,thetasym,ui,upsih,um,piv,812,bull,816,hellip,81i,prime,81j,Prime,81u,oline,824,frasl,88o,weierp,88h,image,88s,real,892,trade,89l,alefsym,8cg,larr,8ch,uarr,8ci,rarr,8cj,darr,8ck,harr,8dl,crarr,8eg,lArr,8eh,uArr,8ei,rArr,8ej,dArr,8ek,hArr,8g0,forall,8g2,part,8g3,exist,8g5,empty,8g7,nabla,8g8,isin,8g9,notin,8gb,ni,8gf,prod,8gh,sum,8gi,minus,8gn,lowast,8gq,radic,8gt,prop,8gu,infin,8h0,ang,8h7,and,8h8,or,8h9,cap,8ha,cup,8hb,int,8hk,there4,8hs,sim,8i5,cong,8i8,asymp,8j0,ne,8j1,equiv,8j4,le,8j5,ge,8k2,sub,8k3,sup,8k4,nsub,8k6,sube,8k7,supe,8kl,oplus,8kn,otimes,8l5,perp,8m5,sdot,8o8,lceil,8o9,rceil,8oa,lfloor,8ob,rfloor,8p9,lang,8pa,rang,9ea,loz,9j0,spades,9j3,clubs,9j5,hearts,9j6,diams,ai,OElig,aj,oelig,b0,Scaron,b1,scaron,bo,Yuml,m6,circ,ms,tilde,802,ensp,803,emsp,809,thinsp,80c,zwnj,80d,zwj,80e,lrm,80f,rlm,80j,ndash,80k,mdash,80o,lsquo,80p,rsquo,80q,sbquo,80s,ldquo,80t,rdquo,80u,bdquo,810,dagger,811,Dagger,81g,permil,81p,lsaquo,81q,rsaquo,85c,euro",32),la=(e,t)=>e.replace(t?Js:ea,(e=>ra[e]||e)),da=(e,t)=>e.replace(t?Js:ea,(e=>e.length>1?"&#"+(1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536)+";":ra[e]||"&#"+e.charCodeAt(0)+";")),ca=(e,t,n)=>{const o=n||ia;return e.replace(t?Js:ea,(e=>ra[e]||o[e]||e))},ua={encodeRaw:la,encodeAllRaw:e=>(""+e).replace(ta,(e=>ra[e]||e)),encodeNumeric:da,encodeNamed:ca,getEncodeFunc:(e,t)=>{const n=aa(t)||ia,o=Qs(e.replace(/\+/g,","));return o.named&&o.numeric?(e,t)=>e.replace(t?Js:ea,(e=>void 0!==ra[e]?ra[e]:void 0!==n[e]?n[e]:e.length>1?"&#"+(1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536)+";":"&#"+e.charCodeAt(0)+";")):o.named?t?(e,t)=>ca(e,t,n):ca:o.numeric?da:la},decode:e=>e.replace(na,((e,t)=>t?(t="x"===t.charAt(0).toLowerCase()?parseInt(t.substr(1),16):parseInt(t,10))>65535?(t-=65536,String.fromCharCode(55296+(t>>10),56320+(1023&t))):oa[t]||String.fromCharCode(t):sa[e]||ia[e]||(e=>{const t=cn("div").dom;return t.innerHTML=e,t.textContent||t.innerText||e})(e)))},ma=(e,t)=>(e=an.trim(e))?e.split(t||" "):[],fa=e=>new RegExp("^"+e.replace(/([?+*])/g,".$1")+"$"),ga=e=>Object.freeze(["id","accesskey","class","dir","lang","style","tabindex","title","role",..."html4"!==e?["contenteditable","contextmenu","draggable","dropzone","hidden","spellcheck","translate","itemprop","itemscope","itemtype"]:[],..."html5-strict"!==e?["xml:lang"]:[]]),pa=e=>{let t,n;t="address blockquote div dl fieldset form h1 h2 h3 h4 h5 h6 hr menu ol p pre table ul",n="a abbr b bdo br button cite code del dfn em embed i iframe img input ins kbd label map noscript object q s samp script select small span strong sub sup textarea u var #text #comment","html4"!==e&&(t+=" article aside details dialog figure main header footer hgroup section nav a ins del canvas map",n+=" audio canvas command data datalist mark meter output picture progress time wbr video ruby bdi keygen svg"),"html5-strict"!==e&&(n=[n,"acronym applet basefont big font strike tt"].join(" "),t=[t,"center dir isindex noframes"].join(" "));const o=[t,n].join(" ");return{blockContent:t,phrasingContent:n,flowContent:o}},ha=e=>{const{blockContent:t,phrasingContent:n,flowContent:o}=pa(e),r=e=>Object.freeze(e.split(" "));return Object.freeze({blockContent:r(t),phrasingContent:r(n),flowContent:r(o)})},ba={html4:st((()=>ha("html4"))),html5:st((()=>ha("html5"))),"html5-strict":st((()=>ha("html5-strict")))},va=(e,t)=>{const{blockContent:n,phrasingContent:o,flowContent:r}=ba[e]();return"blocks"===t?I?.some(n):"phrasing"===t?I?.some(o):"flow"===t?I?.some(r):I.none()},ya=e=>I.from(/^(@?)([A-Za-z0-9_\-.\u00b7\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]+)$/.exec(e))?.map((e=>({preset:"@"===e[1],name:e[2]}))),Ca={},wa=an.makeMap,Ea=an.each,_a=an.extend,xa=an.explode,Sa=(e,t={})=>{const n=wa(e," ",wa(e.toUpperCase()," "));return _a(n,t)},ka=e=>Sa("td th li dt dd figcaption caption details summary",e.getTextBlockElements()),Na=(e,t)=>{if(e){const n={};return m(e)&&(e={"*":e}),Ea(e,((e,o)=>{n[o]=n[o.toUpperCase()]="map"===t?wa(e,/[, ]/):xa(e,/[, ]/)})),n}},Ra=(e={})=>{var t;const n={},o={};let r=[];const s={},a={},i=(t,n,o)=>{const r=e[t];if(r)return wa(r,/[, ]/,wa(r.toUpperCase(),/[, ]/));{let e=Ca[t];return e||(e=Sa(n,o),Ca[t]=e),e}},l=null!==(t=e.schema)&&void 0!==t?t:"html5",d=(e=>{const t=ga(e),{phrasingContent:n,flowContent:o}=pa(e),r={},s=(e,t,n)=>{r[e]={attributes:se(t,N({})),attributesOrder:t,children:se(n,N({}))}},a=(e,n="",o="")=>{const r=ma(o),a=ma(e);let i=a.length;const l=[...t,...ma(n)];for(;i--;)s(a[i],l.slice(),r)},i=(e,t)=>{const n=ma(e),o=ma(t);let s=n.length;for(;s--;){const e=r[n[s]];for(let t=0,n=o.length;t<n;t++)e.attributes[o[t]]={},e.attributesOrder.push(o[t])}};return"html5-strict"!==e&&(q(ma("acronym applet basefont big font strike tt"),(e=>{a(e,"",n)})),q(ma("center dir isindex noframes"),(e=>{a(e,"",o)}))),a("html","manifest","head body"),a("head","","base command link meta noscript script style title"),a("title hr noscript br"),a("base","href target"),a("link","href rel media hreflang type sizes hreflang"),a("meta","name http-equiv content charset"),a("style","media type scoped"),a("script","src async defer type charset"),a("body","onafterprint onbeforeprint onbeforeunload onblur onerror onfocus onhashchange onload onmessage onoffline ononline onpagehide onpageshow onpopstate onresize onscroll onstorage onunload",o),a("dd div","",o),a("address dt caption","","html4"===e?n:o),a("h1 h2 h3 h4 h5 h6 pre p abbr code var samp kbd sub sup i b u bdo span legend em strong small s cite dfn","",n),a("blockquote","cite",o),a("ol","reversed start type","li"),a("ul","","li"),a("li","value",o),a("dl","","dt dd"),a("a","href target rel media hreflang type","html4"===e?n:o),a("q","cite",n),a("ins del","cite datetime",o),a("img","src sizes srcset alt usemap ismap width height"),a("iframe","src name width height",o),a("embed","src type width height"),a("object","data type typemustmatch name usemap form width height",[o,"param"].join(" ")),a("param","name value"),a("map","name",[o,"area"].join(" ")),a("area","alt coords shape href target rel media hreflang type"),a("table","border","caption colgroup thead tfoot tbody tr"+("html4"===e?" col":"")),a("colgroup","span","col"),a("col","span"),a("tbody thead tfoot","","tr"),a("tr","","td th"),a("td","colspan rowspan headers",o),a("th","colspan rowspan headers scope abbr",o),a("form","accept-charset action autocomplete enctype method name novalidate target",o),a("fieldset","disabled form name",[o,"legend"].join(" ")),a("label","form for",n),a("input","accept alt autocomplete checked dirname disabled form formaction formenctype formmethod formnovalidate formtarget height list max maxlength min multiple name pattern readonly required size src step type value width"),a("button","disabled form formaction formenctype formmethod formnovalidate formtarget name type value","html4"===e?o:n),a("select","disabled form multiple name required size","option optgroup"),a("optgroup","disabled label","option"),a("option","disabled label selected value"),a("textarea","cols dirname disabled form maxlength name readonly required rows wrap"),a("menu","type label",[o,"li"].join(" ")),a("noscript","",o),"html4"!==e&&(a("wbr"),a("ruby","",[n,"rt rp"].join(" ")),a("figcaption","",o),a("mark rt rp bdi","",n),a("summary","",[n,"h1 h2 h3 h4 h5 h6"].join(" ")),a("canvas","width height",o),a("data","value",n),a("video","src crossorigin poster preload autoplay mediagroup loop muted controls width height buffered",[o,"track source"].join(" ")),a("audio","src crossorigin preload autoplay mediagroup loop muted controls buffered volume",[o,"track source"].join(" ")),a("picture","","img source"),a("source","src srcset type media sizes"),a("track","kind src srclang label default"),a("datalist","",[n,"option"].join(" ")),a("article section nav aside main header footer","",o),a("hgroup","","h1 h2 h3 h4 h5 h6"),a("figure","",[o,"figcaption"].join(" ")),a("time","datetime",n),a("dialog","open",o),a("command","type label icon disabled checked radiogroup command"),a("output","for form name",n),a("progress","value max",n),a("meter","value min max low high optimum",n),a("details","open",[o,"summary"].join(" ")),a("keygen","autofocus challenge disabled form keytype name"),s("svg","id tabindex lang xml:space class style x y width height viewBox preserveAspectRatio zoomAndPan transform".split(" "),[])),"html5-strict"!==e&&(i("script","language xml:space"),i("style","xml:space"),i("object","declare classid code codebase codetype archive standby align border hspace vspace"),i("embed","align name hspace vspace"),i("param","valuetype type"),i("a","charset name rev shape coords"),i("br","clear"),i("applet","codebase archive code object alt name width height align hspace vspace"),i("img","name longdesc align border hspace vspace"),i("iframe","longdesc frameborder marginwidth marginheight scrolling align"),i("font basefont","size color face"),i("input","usemap align"),i("select"),i("textarea"),i("h1 h2 h3 h4 h5 h6 div p legend caption","align"),i("ul","type compact"),i("li","type"),i("ol dl menu dir","compact"),i("pre","width xml:space"),i("hr","align noshade size width"),i("isindex","prompt"),i("table","summary width frame rules cellspacing cellpadding align bgcolor"),i("col","width align char charoff valign"),i("colgroup","width align char charoff valign"),i("thead","align char charoff valign"),i("tr","align char charoff valign bgcolor"),i("th","axis align char charoff valign nowrap bgcolor width height"),i("form","accept"),i("td","abbr axis scope align char charoff valign nowrap bgcolor width height"),i("tfoot","align char charoff valign"),i("tbody","align char charoff valign"),i("area","nohref"),i("body","background bgcolor text link vlink alink")),"html4"!==e&&(i("input button select textarea","autofocus"),i("input textarea","placeholder"),i("a","download"),i("link script img","crossorigin"),i("img","loading"),i("iframe","sandbox seamless allow allowfullscreen loading referrerpolicy")),"html4"!==e&&q([r.video,r.audio],(e=>{delete e.children.audio,delete e.children.video})),q(ma("a form meter progress dfn"),(e=>{r[e]&&delete r[e].children[e]})),delete r.caption.children.table,delete r.script,r})(l);!1===e.verify_html&&(e.valid_elements="*[*]");const c=Na(e.valid_styles),u=Na(e.invalid_styles,"map"),g=Na(e.valid_classes,"map"),h=i("whitespace_elements","pre script noscript style textarea video audio iframe object code"),v=i("self_closing_elements","colgroup dd dt li option p td tfoot th thead tr"),y=i("void_elements","area base basefont br col frame hr img input isindex link meta param embed source wbr track"),C=i("boolean_attributes","checked compact declare defer disabled ismap multiple nohref noresize noshade nowrap readonly selected autoplay loop controls allowfullscreen"),w="td th iframe video audio object script code",E=i("non_empty_elements",w+" pre svg textarea summary",y),_=i("move_caret_before_on_enter_elements",w+" table",y),x="h1 h2 h3 h4 h5 h6",S=i("text_block_elements",x+" p div address pre form blockquote center dir fieldset header footer article section hgroup aside main nav figure"),k=i("block_elements","hr table tbody thead tfoot th tr td li ol ul caption dl dt dd noscript menu isindex option datalist select optgroup figcaption details summary html body multicol listing",S),R=i("text_inline_elements","span strong b em i font s strike u var cite dfn code mark q sup sub samp"),A=i("transparent_elements","a ins del canvas map"),T=i("wrap_block_elements","pre "+x);Ea("script noscript iframe noframes noembed title style textarea xmp plaintext".split(" "),(e=>{a[e]=new RegExp("</"+e+"[^>]*>","gi")}));const O=e=>{const t=I.from(n["@"]),o=/[*?+]/;q(((e,t)=>{const n=/^([#+\-])?([^\[!\/]+)(?:\/([^\[!]+))?(?:(!?)\[([^\]]+)])?$/;return te(ma(t,","),(t=>{const o=n.exec(t);if(o){const t=o[1],n=o[2],r=o[3],s=o[4],a=o[5],i={attributes:{},attributesOrder:[]};if(e.each((e=>((e,t)=>{pe(e.attributes,((e,n)=>{t.attributes[n]=e})),t.attributesOrder.push(...e.attributesOrder)})(e,i))),"#"===t?i.paddEmpty=!0:"-"===t&&(i.removeEmpty=!0),"!"===s&&(i.removeEmptyAttrs=!0),a&&((e,t)=>{const n=/^([!\-])?(\w+[\\:]:\w+|[^=~<]+)?(?:([=~<])(.*))?$/,o=/[*?+]/,{attributes:r,attributesOrder:s}=t;q(ma(e,"|"),(e=>{const a=n.exec(e);if(a){const e={},n=a[1],i=a[2].replace(/[\\:]:/g,":"),l=a[3],d=a[4];if("!"===n&&(t.attributesRequired=t.attributesRequired||[],t.attributesRequired.push(i),e.required=!0),"-"===n)return delete r[i],void s.splice(an.inArray(s,i),1);if(l&&("="===l?(t.attributesDefault=t.attributesDefault||[],t.attributesDefault.push({name:i,value:d}),e.defaultValue=d):"~"===l?(t.attributesForced=t.attributesForced||[],t.attributesForced.push({name:i,value:d}),e.forcedValue=d):"<"===l&&(e.validValues=an.makeMap(d,"?"))),o.test(i)){const n=e;t.attributePatterns=t.attributePatterns||[],n.pattern=fa(i),t.attributePatterns.push(n)}else r[i]||s.push(i),r[i]=e}}))})(a,i),r&&(i.outputName=n),"@"===n){if(!e.isNone())return[];e=I?.some(i)}return[r?{name:n,element:i,aliasName:r}:{name:n,element:i}]}return[]}))})(t,null!=e?e:""),(({name:e,element:t,aliasName:s})=>{if(s&&(n[s]=t),o.test(e)){const n=t;n.pattern=fa(e),r.push(n)}else n[e]=t}))},B=e=>{r=[],q(fe(n),(e=>{delete n[e]})),O(e)},P=(e,t)=>{var r,a;delete Ca.text_block_elements,delete Ca.block_elements;const i=!!t.extends&&!oe(t.extends),d=t.extends;if(o[e]=d?o[d]:{},s[e]=null!=d?d:e,E[e.toUpperCase()]={},E[e]={},i||(k[e.toUpperCase()]={},k[e]={}),d&&!n[e]&&n[d]){const t=(e=>{const t=e=>p(e)?V(e,t):(e=>f(e)&&e.source&&"[object RegExp]"===Object.prototype.toString.call(e))(e)?new RegExp(e.source,e.flags):f(e)?he(e,t):e;return t(e)})(n[d]);delete t.removeEmptyAttrs,delete t.removeEmpty,n[e]=t}else n[e]={attributesOrder:[],attributes:{}};if(p(t.attributes)){const o=e=>{s.attributesOrder.push(e),s.attributes[e]={}},s=null!==(r=n[e])&&void 0!==r?r:{};delete s.attributesDefault,delete s.attributesForced,delete s.attributePatterns,delete s.attributesRequired,s.attributesOrder=[],s.attributes={},q(t.attributes,(e=>{const t=ga(l);ya(e).each((({preset:e,name:n})=>{e?"global"===n&&q(t,o):o(n)}))})),n[e]=s}if(b(t.padEmpty)){const o=null!==(a=n[e])&&void 0!==a?a:{};o.paddEmpty=t.padEmpty,n[e]=o}if(p(t.children)){const n={},r=e=>{n[e]={}},s=e=>{va(l,e).each((e=>{q(e,r)}))};q(t.children,(e=>{ya(e).each((({preset:e,name:t})=>{e?s(t):r(t)}))})),o[e]=n}d&&pe(o,((t,n)=>{t[d]&&(o[n]=t=_a({},o[n]),t[e]=t[d])}))},D=e=>{f(e)?pe(e,((e,t)=>P(t,e))):m(e)&&(e=>{q((e=>{const t=/^(~)?(.+)$/;return te(ma(e,","),(e=>{const n=t.exec(e);return n?[{cloneName:"~"===n[1]?"span":"div",name:n[2]}]:[]}))})(null!=e?e:""),(({name:e,cloneName:t})=>{P(e,{extends:t})}))})(e)},L=e=>{q((e=>{const t=/^([+\-]?)([A-Za-z0-9_\-.\u00b7\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]+)\[([^\]]+)]$/;return te(ma(e,","),(e=>{const n=t.exec(e);if(n){const e=n[1],t=e?(e=>"-"===e?"remove":"add")(e):"replace";return[{operation:t,name:n[2],validChildren:te(ma(n[3],"|"),(e=>ya(e).toArray()))}]}return[]}))})(null!=e?e:""),(({operation:e,name:t,validChildren:n})=>{const r="replace"===e?{"#comment":{}}:o[t],s=t=>{"remove"===e?delete r[t]:r[t]={}};q(n,(({preset:e,name:t})=>{e?(e=>{va(l,e).each((e=>{q(e,s)}))})(t):s(t)})),o[t]=r}))},M=e=>{const t=n[e];if(t)return t;let o=r.length;for(;o--;){const t=r[o];if(t.pattern.test(e))return t}},F=N(c),U=N(u),z=N(g),j=N(C),H=N(k),$=N(S),W=N(R),K=N(Object.seal(y)),Y=N(v),G=N(E),X=N(_),Z=N(h),Q=N(A),J=N(T),ee=N(Object.seal(a)),ne=(e,t)=>{const n=M(e);if(n){if(!t)return!0;{if(n.attributes[t])return!0;const e=n.attributePatterns;if(e){let n=e.length;for(;n--;)if(e[n].pattern.test(t))return!0}}}return!1},oe=e=>xe(H(),e),re=e=>!Ye(e,"#")&&ne(e)&&!oe(e),ae=N(s);return e.valid_elements?(B(e.valid_elements),Ea(d,((e,t)=>{o[t]=e.children}))):(Ea(d,((e,t)=>{n[t]={attributes:e.attributes,attributesOrder:e.attributesOrder},o[t]=e.children})),Ea(ma("strong/b em/i"),(e=>{const t=ma(e,"/");n[t[1]].outputName=t[0]})),Ea(R,((t,o)=>{n[o]&&(e.padd_empty_block_inline_children&&(n[o].paddInEmptyBlock=!0),n[o].removeEmpty=!0)})),Ea(ma("ol ul blockquote a table tbody"),(e=>{n[e]&&(n[e].removeEmpty=!0)})),Ea(ma("p h1 h2 h3 h4 h5 h6 th td pre div address caption li summary"),(e=>{n[e]&&(n[e].paddEmpty=!0)})),Ea(ma("span"),(e=>{n[e].removeEmptyAttrs=!0}))),delete n.svg,D(e.custom_elements),L(e.valid_children),O(e.extended_valid_elements),L("+ol[ul|ol],+ul[ul|ol]"),Ea({dd:"dl",dt:"dl",li:"ul ol",td:"tr",th:"tr",tr:"tbody thead tfoot",tbody:"table",thead:"table",tfoot:"table",legend:"fieldset",area:"map",param:"video audio object"},((e,t)=>{n[t]&&(n[t].parentsRequired=ma(e))})),e.invalid_elements&&Ea(xa(e.invalid_elements),(e=>{n[e]&&delete n[e]})),M("span")||O("span[!data-mce-type|*]"),{type:l,children:o,elements:n,getValidStyles:F,getValidClasses:z,getBlockElements:H,getInvalidStyles:U,getVoidElements:K,getTextBlockElements:$,getTextInlineElements:W,getBoolAttrs:j,getElementRule:M,getSelfClosingElements:Y,getNonEmptyElements:G,getMoveCaretBeforeOnEnterElements:X,getWhitespaceElements:Z,getTransparentElements:Q,getSpecialElements:ee,isValidChild:(e,t)=>{const n=o[e.toLowerCase()];return!(!n||!n[t.toLowerCase()])},isValid:ne,isBlock:oe,isInline:re,isWrapper:e=>xe(J(),e)||re(e),getCustomElements:ae,addValidElements:O,setValidElements:B,addCustomElements:D,addValidChildren:L}},Aa=e=>{const t=e.toString(16);return(1===t.length?"0"+t:t).toUpperCase()},Ta=e=>(e=>{return{value:(t=e,We(t,"#").toUpperCase())};var t})(Aa(e.red)+Aa(e.green)+Aa(e.blue)),Oa=/^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i,Ba=/^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i,Pa=(e,t,n,o)=>((e,t,n,o)=>({red:e,green:t,blue:n,alpha:o}))(parseInt(e,10),parseInt(t,10),parseInt(n,10),parseFloat(o)),Da=e=>{const t=Oa.exec(e);if(null!==t)return I?.some(Pa(t[1],t[2],t[3],"1"));const n=Ba.exec(e);return null!==n?I?.some(Pa(n[1],n[2],n[3],n[4])):I.none()},La=e=>`rgba(${e.red},${e.green},${e.blue},${e.alpha})`,Ma=e=>Da(e)?.map(Ta)?.map((e=>"#"+e.value)).getOr(e),Ia=(e={},t)=>{const n=/(?:url(?:(?:\(\s*\"([^\"]+)\"\s*\))|(?:\(\s*\'([^\']+)\'\s*\))|(?:\(\s*([^)\s]+)\s*\))))|(?:\'([^\']+)\')|(?:\"([^\"]+)\")/gi,o=/\s*([^:]+):\s*([^;]+);?/g,r=/\s+$/,s={};let a,i;const l=at;t&&(a=t.getValidStyles(),i=t.getInvalidStyles());const d="\\\" \\' \\; \\: ; : \ufeff".split(" ");for(let e=0;e<d.length;e++)s[d[e]]=l+e,s[l+e]=d[e];const c={parse:t=>{const a={};let i=!1;const d=e.url_converter,u=e.url_converter_scope||c,m=(e,t,n)=>{const o=a[e+"-top"+t];if(!o)return;const r=a[e+"-right"+t];if(!r)return;const s=a[e+"-bottom"+t];if(!s)return;const i=a[e+"-left"+t];if(!i)return;const l=[o,r,s,i];let d=l.length-1;for(;d--&&l[d]===l[d+1];);d>-1&&n||(a[e+t]=-1===d?l[0]:l.join(" "),delete a[e+"-top"+t],delete a[e+"-right"+t],delete a[e+"-bottom"+t],delete a[e+"-left"+t])},f=e=>{const t=a[e];if(!t)return;const n=t.indexOf(",")>-1?[t]:t.split(" ");let o=n.length;for(;o--;)if(n[o]!==n[0])return!1;return a[e]=n[0],!0},g=e=>(i=!0,s[e]),p=(e,t)=>(i&&(e=e.replace(/\uFEFF[0-9]/g,(e=>s[e]))),t||(e=e.replace(/\\([\'\";:])/g,"$1")),e),h=e=>String.fromCharCode(parseInt(e.slice(1),16)),b=e=>e.replace(/\\[0-9a-f]+/gi,h),v=(t,n,o,r,s,a)=>{if(s=s||a)return"'"+(s=p(s)).replace(/\'/g,"\\'")+"'";if(n=p(n||o||r||""),!e.allow_script_urls){const t=n.replace(/[\s\r\n]+/g,"");if(/(java|vb)script:/i.test(t))return"";if(!e.allow_svg_data_urls&&/^data:image\/svg/i.test(t))return""}return d&&(n=d.call(u,n,"style")),"url('"+n.replace(/\'/g,"\\'")+"')"};if(t){let s;for(t=(t=t.replace(/[\u0000-\u001F]/g,"")).replace(/\\[\"\';:\uFEFF]/g,g).replace(/\"[^\"]+\"|\'[^\']+\'/g,(e=>e.replace(/[;:]/g,g)));s=o.exec(t);){o.lastIndex=s.index+s[0].length;let t=s[1].replace(r,"").toLowerCase(),d=s[2].replace(r,"");if(t&&d){if(t=b(t),d=b(d),-1!==t.indexOf(l)||-1!==t.indexOf('"'))continue;if(!e.allow_script_urls&&("behavior"===t||/expression\s*\(|\/\*|\*\//.test(d)))continue;"font-weight"===t&&"700"===d?d="bold":"color"!==t&&"background-color"!==t||(d=d.toLowerCase()),"rgb"==(E=d,Oa.test(E)?"rgb":Ba.test(E)?"rgba":"other")&&Da(d).each((e=>{d=Ma(La(e)).toLowerCase()})),d=d.replace(n,v),a[t]=i?p(d,!0):d}}m("border","",!0),m("border","-width"),m("border","-color"),m("border","-style"),m("padding",""),m("margin",""),C="border-style",w="border-color",f(y="border-width")&&f(C)&&f(w)&&(a.border=a[y]+" "+a[C]+" "+a[w],delete a[y],delete a[C],delete a[w]),"medium none"===a.border&&delete a.border,"none"===a["border-image"]&&delete a["border-image"]}var y,C,w,E;return a},serialize:(e,t)=>{let n="";const o=(t,o)=>{const r=o[t];if(r)for(let t=0,o=r.length;t<o;t++){const o=r[t],s=e[o];s&&(n+=(n.length>0?" ":"")+o+": "+s+";")}};return t&&a?(o("*",a),o(t,a)):pe(e,((e,o)=>{e&&((e,t)=>{if(!i||!t)return!0;let n=i["*"];return!(n&&n[e]||(n=i[t],n&&n[e]))})(o,t)&&(n+=(n.length>0?" ":"")+o+": "+e+";")})),n}};return c},Fa={keyLocation:!0,layerX:!0,layerY:!0,returnValue:!0,webkitMovementX:!0,webkitMovementY:!0,keyIdentifier:!0,mozPressure:!0,mozInputSource:!0},Ua=(e,t)=>{const n=null!=t?t:{};for(const t in e)xe(Fa,t)||(n[t]=e[t]);return C(e.composedPath)&&(n.composedPath=()=>e.composedPath()),C(e.getModifierState)&&(n.getModifierState=t=>e.getModifierState(t)),C(e.getTargetRanges)&&(n.getTargetRanges=()=>e.getTargetRanges()),n},za=(e,t,n,o)=>{var r;const s=Ua(t,o);return s.type=e,y(s.target)&&(s.target=null!==(r=s.srcElement)&&void 0!==r?r:n),(e=>y(e.preventDefault)||(e=>e instanceof Event||w(e.initEvent))(e))(t)&&(s.preventDefault=()=>{s.defaultPrevented=!0,s.isDefaultPrevented=M,w(t.preventDefault)&&t.preventDefault()},s.stopPropagation=()=>{s.cancelBubble=!0,s.isPropagationStopped=M,w(t.stopPropagation)&&t.stopPropagation()},s.stopImmediatePropagation=()=>{s.isImmediatePropagationStopped=M,s.stopPropagation()},(e=>e.isDefaultPrevented===M||e.isDefaultPrevented===L)(s)||(s.isDefaultPrevented=!0===s.defaultPrevented?M:L,s.isPropagationStopped=!0===s.cancelBubble?M:L,s.isImmediatePropagationStopped=L)),s},ja=/^(?:mouse|contextmenu)|click/,Ha=(e,t,n,o)=>{e.addEventListener(t,n,o||!1)},$a=(e,t,n,o)=>{e.removeEventListener(t,n,o||!1)},Va=(e,t)=>{const n=za(e.type,e,document,t);if((e=>C(e)&&ja.test(e.type))(e)&&v(e.pageX)&&!v(e.clientX)){const t=n.target.ownerDocument||document,o=t.documentElement,r=t.body,s=n;s.pageX=e.clientX+(o&&o.scrollLeft||r&&r.scrollLeft||0)-(o&&o.clientLeft||r&&r.clientLeft||0),s.pageY=e.clientY+(o&&o.scrollTop||r&&r.scrollTop||0)-(o&&o.clientTop||r&&r.clientTop||0)}return n},qa=(e,t,n)=>{const o=e.document,r={type:"ready"};if(n.domLoaded)return void t(r);const s=()=>{$a(e,"DOMContentLoaded",s),$a(e,"load",s),n.domLoaded||(n.domLoaded=!0,t(r)),e=null};"complete"===o.readyState||"interactive"===o.readyState&&o.body?s():Ha(e,"DOMContentLoaded",s),n.domLoaded||Ha(e,"load",s)};class Wa{constructor(){this.domLoaded=!1,this.events={},this.count=1,this.expando="mce-data-"+(+new Date).toString(32),this.hasFocusIn="onfocusin"in document.documentElement,this.count=1}bind(e,t,n,o){const r=this;let s;const a=window,i=e=>{r.executeHandlers(Va(e||a.event),l)};if(!e||es(e)||os(e))return n;let l;e[r.expando]?l=e[r.expando]:(l=r.count++,e[r.expando]=l,r.events[l]={}),o=o||e;const d=t.split(" ");let c=d.length;for(;c--;){let t=d[c],u=i,m=!1,f=!1;"DOMContentLoaded"===t&&(t="ready"),r.domLoaded&&"ready"===t&&"complete"===e.readyState?n.call(o,Va({type:t})):(r.hasFocusIn||"focusin"!==t&&"focusout"!==t||(m=!0,f="focusin"===t?"focus":"blur",u=e=>{const t=Va(e||a.event);t.type="focus"===t.type?"focusin":"focusout",r.executeHandlers(t,l)}),s=r.events[l][t],s?"ready"===t&&r.domLoaded?n(Va({type:t})):s.push({func:n,scope:o}):(r.events[l][t]=s=[{func:n,scope:o}],s.fakeName=f,s.capture=m,s.nativeHandler=u,"ready"===t?qa(e,u,r):Ha(e,f||t,u,m)))}return e=s=null,n}unbind(e,t,n){if(!e||es(e)||os(e))return this;const o=e[this.expando];if(o){let r=this.events[o];if(t){const o=t.split(" ");let s=o.length;for(;s--;){const t=o[s],a=r[t];if(a){if(n){let e=a.length;for(;e--;)if(a[e].func===n){const n=a.nativeHandler,o=a.fakeName,s=a.capture,i=a.slice(0,e).concat(a.slice(e+1));i.nativeHandler=n,i.fakeName=o,i.capture=s,r[t]=i}}n&&0!==a.length||(delete r[t],$a(e,a.fakeName||t,a.nativeHandler,a.capture))}}}else pe(r,((t,n)=>{$a(e,t.fakeName||n,t.nativeHandler,t.capture)})),r={};for(const e in r)if(xe(r,e))return this;delete this.events[o];try{delete e[this.expando]}catch(t){e[this.expando]=null}}return this}fire(e,t,n){return this.dispatch(e,t,n)}dispatch(e,t,n){if(!e||es(e)||os(e))return this;const o=Va({type:t,target:e},n);do{const t=e[this.expando];t&&this.executeHandlers(o,t),e=e.parentNode||e.ownerDocument||e.defaultView||e.parentWindow}while(e&&!o.isPropagationStopped());return this}clean(e){if(!e||es(e)||os(e))return this;if(e[this.expando]&&this.unbind(e),e.getElementsByTagName||(e=e.document),e&&e.getElementsByTagName){this.unbind(e);const t=e.getElementsByTagName("*");let n=t.length;for(;n--;)(e=t[n])[this.expando]&&this.unbind(e)}return this}destroy(){this.events={}}cancel(e){return e&&(e.preventDefault(),e.stopImmediatePropagation()),!1}executeHandlers(e,t){const n=this.events[t],o=n&&n[e.type];if(o)for(let t=0,n=o.length;t<n;t++){const n=o[t];if(n&&!1===n.func.call(n.scope,e)&&e.preventDefault(),e.isImmediatePropagationStopped())return}}}Wa.Event=new Wa;const Ka=an.each,Ya=an.grep,Ga="data-mce-style",Xa=an.makeMap("fill-opacity font-weight line-height opacity orphans widows z-index zoom"," "),Za=(e,t,n)=>{y(n)||""===n?yo(e,t):go(e,t,n)},Qa=e=>e.replace(/[A-Z]/g,(e=>"-"+e.toLowerCase())),Ja=(e,t)=>{let n=0;if(e)for(let o=e.nodeType,r=e.previousSibling;r;r=r.previousSibling){const e=r.nodeType;(!t||!es(r)||e!==o&&r.data.length)&&(n++,o=e)}return n},ei=(e,t)=>{const n=ho(t,"style"),o=e.serialize(e.parse(n),_n(t));Za(t,Ga,o)},ti=(e,t,n)=>{const o=Qa(t);y(n)||""===n?Uo(e,o):Po(e,o,((e,t)=>E(e)?xe(Xa,t)?e+"":e+"px":e)(n,o))},ni=(e,t={})=>{const n={},o=window,r={};let s=0;const a=Ys.forElement(mn(e),{contentCssCors:t.contentCssCors,referrerPolicy:t.referrerPolicy}),i=[],l=t.schema?t.schema:Ra({}),d=Ia({url_converter:t.url_converter,url_converter_scope:t.url_converter_scope},t.schema),c=t.ownEvents?new Wa:Wa.Event,u=l.getBlockElements(),f=t=>t&&e&&m(t)?e.getElementById(t):t,h=e=>{const t=f(e);return C(t)?mn(t):null},b=(e,t,n="")=>{let o;const r=h(e);if(C(r)&&Nn(r)){const e=G[t];o=e&&e.get?e.get(r.dom,t):ho(r,t)}return C(o)?o:n},v=e=>{const t=f(e);return y(t)?[]:t.attributes},E=(e,n,o)=>{B(e,(e=>{if(qr(e)){const r=mn(e),s=""===o?null:o,a=ho(r,n),i=G[n];i&&i.set?i.set(r.dom,s,n):Za(r,n,s),a!==s&&t.onSetAttrib&&t.onSetAttrib({attrElm:r.dom,attrName:n,attrValue:s})}}))},_=()=>t.root_element||e.body,S=(t,n)=>((e,t,n)=>{let o=0,r=0;const s=e.ownerDocument;if(n=n||e,t){if(n===e&&t.getBoundingClientRect&&"static"===Lo(mn(e),"position")){const n=t.getBoundingClientRect();return o=n.left+(s.documentElement.scrollLeft||e.scrollLeft)-s.documentElement.clientLeft,r=n.top+(s.documentElement.scrollTop||e.scrollTop)-s.documentElement.clientTop,{x:o,y:r}}let a=t;for(;a&&a!==n&&a.nodeType&&!Ws(a,n);){const e=a;o+=e.offsetLeft||0,r+=e.offsetTop||0,a=e.offsetParent}for(a=t.parentNode;a&&a!==n&&a.nodeType&&!Ws(a,n);)o-=a.scrollLeft||0,r-=a.scrollTop||0,a=a.parentNode;r+=(e=>Vs.isFirefox()&&"table"===_n(e)?qs(Hn(e)).filter((e=>"caption"===_n(e))).bind((e=>qs(jn(e))?.map((t=>{const n=t.dom.offsetTop,o=e.dom.offsetTop,r=e.dom.offsetHeight;return n<=o?-r:0})))).getOr(0):0)(mn(t))}return{x:o,y:r}})(e.body,f(t),n),k=(e,t,n)=>{const o=f(e);var r;if(!y(o)&&(Wr(o)||qr(r=o)&&"http://www.w3.org/2000/svg"===r.namespaceURI))return n?Lo(mn(o),Qa(t)):("float"===(t=t.replace(/-(\D)/g,((e,t)=>t.toUpperCase())))&&(t="cssFloat"),o.style?o.style[t]:void 0)},R=e=>{const t=f(e);if(!t)return{w:0,h:0};let n=k(t,"width"),o=k(t,"height");return n&&-1!==n.indexOf("px")||(n="0"),o&&-1!==o.indexOf("px")||(o="0"),{w:parseInt(n,10)||t.offsetWidth||t.clientWidth,h:parseInt(o,10)||t.offsetHeight||t.clientHeight}},A=(e,t)=>{if(!e)return!1;const n=p(e)?e:[e];return $(n,(e=>vn(mn(e),t)))},T=(e,t,n,o)=>{const r=[];let s=f(e);o=void 0===o;const a=n||("BODY"!==_().nodeName?_().parentNode:null);if(m(t))if("*"===t)t=qr;else{const e=t;t=t=>A(t,e)}for(;s&&!(s===a||y(s.nodeType)||rs(s)||ss(s));){if(!t||t(s)){if(!o)return[s];r.push(s)}s=s.parentNode}return o?r:null},O=(e,t,n)=>{let o=t;if(e){m(t)&&(o=e=>A(e,t));for(let t=e[n];t;t=t[n])if(w(o)&&o(t))return t}return null},B=function(e,t,n){const o=null!=n?n:this;if(p(e)){const n=[];return Ka(e,((e,r)=>{const s=f(e);s&&n.push(t.call(o,s,r))})),n}{const n=f(e);return!!n&&t.call(o,n)}},P=(e,t)=>{B(e,(e=>{pe(t,((t,n)=>{E(e,n,t)}))}))},D=(e,t)=>{B(e,(e=>{const n=mn(e);Ao(n,t)}))},L=(t,n,o,r,s)=>B(t,(t=>{const a=m(n)?e.createElement(n):n;return C(o)&&P(a,o),r&&(!m(r)&&r.nodeType?a.appendChild(r):m(r)&&D(a,r)),s?a:t.appendChild(a)})),M=(t,n,o)=>L(e.createElement(t),t,n,o,!0),I=ua.encodeAllRaw,F=(e,t)=>B(e,(e=>{const n=mn(e);return t&&q(Hn(n),(e=>{Rn(e)&&0===e.dom.length?Eo(e):ao(n,e)})),Eo(n),n.dom})),U=(e,t,n)=>{B(e,(e=>{if(qr(e)){const o=mn(e),r=t.split(" ");q(r,(e=>{C(n)?(n?cr:mr)(o,e):((e,t)=>{const n=ar(e)?e.dom.classList.toggle(t):((e,t)=>H(ir(e),t)?dr(e,t):lr(e,t))(e,t);ur(e)})(o,e)}))}}))},z=(e,t,n)=>B(t,(o=>{var r;const s=p(t)?e.cloneNode(!0):e;return n&&Ka(Ya(o.childNodes),(e=>{s.appendChild(e)})),null===(r=o.parentNode)||void 0===r||r.replaceChild(s,o),o})),j=()=>e.createRange(),V=(n,r,s,a)=>{if(p(n)){let e=n.length;const t=[];for(;e--;)t[e]=V(n[e],r,s,a);return t}return!t.collect||n!==e&&n!==o||i.push([n,r,s,a]),c.bind(n,r,s,a||Y)},W=(t,n,r)=>{if(p(t)){let e=t.length;const o=[];for(;e--;)o[e]=W(t[e],n,r);return o}if(i.length>0&&(t===e||t===o)){let e=i.length;for(;e--;){const[o,s,a]=i[e];t!==o||n&&n!==s||r&&r!==a||c.unbind(o,s,a)}}return c.unbind(t,n,r)},K=e=>{if(e&&Wr(e)){const t=e.getAttribute("data-mce-contenteditable");return t&&"inherit"!==t?t:"inherit"!==e.contentEditable?e.contentEditable:null}return null},Y={doc:e,settings:t,win:o,files:r,stdMode:!0,boxModel:!0,styleSheetLoader:a,boundEvents:i,styles:d,schema:l,events:c,isBlock:e=>m(e)?xe(u,e):qr(e)&&(xe(u,e.nodeName)||js(l,e)),root:null,clone:(e,t)=>e.cloneNode(t),getRoot:_,getViewPort:e=>{const t=Ir(e);return{x:t.x,y:t.y,w:t.width,h:t.height}},getRect:e=>{const t=f(e),n=S(t),o=R(t);return{x:n.x,y:n.y,w:o.w,h:o.h}},getSize:R,getParent:(e,t,n)=>{const o=T(e,t,n,!1);return o&&o.length>0?o[0]:null},getParents:T,get:f,getNext:(e,t)=>O(e,t,"nextSibling"),getPrev:(e,t)=>O(e,t,"previousSibling"),select:(n,o)=>{var r,s;const a=null!==(s=null!==(r=f(o))&&void 0!==r?r:t.root_element)&&void 0!==s?s:e;return w(a.querySelectorAll)?ce(a.querySelectorAll(n)):[]},is:A,add:L,create:M,createHTML:(e,t,n="")=>{let o="<"+e;for(const e in t)Se(t,e)&&(o+=" "+e+'="'+I(t[e])+'"');return tt(n)&&xe(l.getVoidElements(),e)?o+" />":o+">"+n+"</"+e+">"},createFragment:t=>{const n=e.createElement("div"),o=e.createDocumentFragment();let r;for(o.appendChild(n),t&&(n.innerHTML=t);r=n.firstChild;)o.appendChild(r);return o.removeChild(n),o},remove:F,setStyle:(e,n,o)=>{B(e,(e=>{const r=mn(e);ti(r,n,o),t.update_styles&&ei(d,r)}))},getStyle:k,setStyles:(e,n)=>{B(e,(e=>{const o=mn(e);pe(n,((e,t)=>{ti(o,t,e)})),t.update_styles&&ei(d,o)}))},removeAllAttribs:e=>B(e,(e=>{const t=e.attributes;for(let n=t.length-1;n>=0;n--)e.removeAttributeNode(t.item(n))})),setAttrib:E,setAttribs:P,getAttrib:b,getPos:S,parseStyle:e=>d.parse(e),serializeStyle:(e,t)=>d.serialize(e,t),addStyle:t=>{if(Y!==ni.DOM&&e===document){if(n[t])return;n[t]=!0}let o=e.getElementById("mceDefaultStyles");if(!o){o=e.createElement("style"),o.id="mceDefaultStyles",o.type="text/css";const t=e.head;t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o)}o.styleSheet?o.styleSheet.cssText+=t:o.appendChild(e.createTextNode(t))},loadCSS:e=>{e||(e=""),q(e.split(","),(e=>{r[e]=!0,a.load(e).catch(x)}))},addClass:(e,t)=>{U(e,t,!0)},removeClass:(e,t)=>{U(e,t,!1)},hasClass:(e,t)=>{const n=h(e),o=t.split(" ");return C(n)&&ne(o,(e=>fr(n,e)))},toggleClass:U,show:e=>{B(e,(e=>Uo(mn(e),"display")))},hide:e=>{B(e,(e=>Po(mn(e),"display","none")))},isHidden:e=>{const t=h(e);return C(t)&&Fe(Io(t,"display"),"none")},uniqueId:e=>(e||"mce_")+s++,setHTML:D,getOuterHTML:e=>{const t=h(e);return C(t)?qr(t.dom)?t.dom.outerHTML:(e=>{const t=cn("div"),n=mn(e.dom.cloneNode(!0));return co(t,n),Ro(t)})(t):""},setOuterHTML:(e,t)=>{B(e,(e=>{qr(e)&&(e.outerHTML=t)}))},decode:ua.decode,encode:I,insertAfter:(e,t)=>{const n=f(t);return B(e,(e=>{const t=null==n?void 0:n.parentNode,o=null==n?void 0:n.nextSibling;return t&&(o?t.insertBefore(e,o):t.appendChild(e)),e}))},replace:z,rename:(e,t)=>{if(e.nodeName!==t.toUpperCase()){const n=M(t);return Ka(v(e),(t=>{E(n,t.nodeName,b(e,t.nodeName))})),z(n,e,!0),n}return e},findCommonAncestor:(e,t)=>{let n=e;for(;n;){let e=t;for(;e&&n!==e;)e=e.parentNode;if(n===e)break;n=n.parentNode}return!n&&e.ownerDocument?e.ownerDocument.documentElement:n},run:B,getAttribs:v,isEmpty:(e,t,n)=>{if(g(t)){const o=e=>{const n=e.nodeName.toLowerCase();return Boolean(t[n])};return Es(l,e,{...n,isContent:o})}return Es(l,e,n)},createRng:j,nodeIndex:Ja,split:(e,t,n)=>{let o,r,s=j();if(e&&t&&e.parentNode&&t.parentNode){const a=e.parentNode;return s.setStart(a,Ja(e)),s.setEnd(t.parentNode,Ja(t)),o=s.extractContents(),s=j(),s.setStart(t.parentNode,Ja(t)+1),s.setEnd(a,Ja(e)+1),r=s.extractContents(),a.insertBefore(Zs(Y,o,l),e),n?a.insertBefore(n,e):a.insertBefore(t,e),a.insertBefore(Zs(Y,r,l),e),F(e),n||t}},bind:V,unbind:W,fire:(e,t,n)=>c.dispatch(e,t,n),dispatch:(e,t,n)=>c.dispatch(e,t,n),getContentEditable:K,getContentEditableParent:e=>{const t=_();let n=null;for(let o=e;o&&o!==t&&(n=K(o),null===n);o=o.parentNode);return n},isEditable:e=>{if(C(e)){const t=qr(e)?e:e.parentElement;return C(t)&&Wr(t)&&gr(mn(t))}return!1},destroy:()=>{if(i.length>0){let e=i.length;for(;e--;){const[t,n,o]=i[e];c.unbind(t,n,o)}}pe(r,((e,t)=>{a.unload(t),delete r[t]}))},isChildOf:(e,t)=>e===t||t.contains(e),dumpRng:e=>"startContainer: "+e.startContainer.nodeName+", startOffset: "+e.startOffset+", endContainer: "+e.endContainer.nodeName+", endOffset: "+e.endOffset},G=((e,t,n)=>{const o=t.keep_values,r={set:(e,o,r)=>{const s=mn(e);w(t.url_converter)&&C(o)&&(o=t.url_converter.call(t.url_converter_scope||n(),String(o),r,e)),Za(s,"data-mce-"+r,o),Za(s,r,o)},get:(e,t)=>{const n=mn(e);return ho(n,"data-mce-"+t)||ho(n,t)}},s={style:{set:(t,n)=>{const r=mn(t);o&&Za(r,Ga,n),yo(r,"style"),m(n)&&Do(r,e.parse(n))},get:t=>{const n=mn(t),o=ho(n,Ga)||ho(n,"style");return e.serialize(e.parse(o),_n(n))}}};return o&&(s.href=s.src=r),s})(d,t,N(Y));return Y};ni.DOM=ni(document),ni.nodeIndex=Ja;const oi=ni.DOM;class ri{constructor(e={}){this.states={},this.queue=[],this.scriptLoadedCallbacks={},this.queueLoadedCallbacks=[],this.loading=!1,this.settings=e}_setReferrerPolicy(e){this.settings.referrerPolicy=e}loadScript(e){return new Promise(((t,n)=>{const o=oi;let r;const s=()=>{o.remove(a),r&&(r.onerror=r.onload=r=null)},a=o.uniqueId();r=document.createElement("script"),r.id=a,r.type="text/javascript",r.src=an._addCacheSuffix(e),this.settings.referrerPolicy&&o.setAttrib(r,"referrerpolicy",this.settings.referrerPolicy),r.onload=()=>{s(),t()},r.onerror=()=>{s(),n("Failed to load script: "+e)},(document.getElementsByTagName("head")[0]||document.body).appendChild(r)}))}isDone(e){return 2===this.states[e]}markDone(e){this.states[e]=2}add(e){const t=this;return t.queue.push(e),void 0===t.states[e]&&(t.states[e]=0),new Promise(((n,o)=>{t.scriptLoadedCallbacks[e]||(t.scriptLoadedCallbacks[e]=[]),t.scriptLoadedCallbacks[e].push({resolve:n,reject:o})}))}load(e){return this.add(e)}remove(e){delete this.states[e],delete this.scriptLoadedCallbacks[e]}loadQueue(){const e=this.queue;return this.queue=[],this.loadScripts(e)}loadScripts(e){const t=this,n=(e,n)=>{_e(t.scriptLoadedCallbacks,n).each((t=>{q(t,(t=>t[e](n)))})),delete t.scriptLoadedCallbacks[n]},o=e=>{const t=Y(e,(e=>"rejected"===e.status));return t.length>0?Promise.reject(te(t,(({reason:e})=>p(e)?e:[e]))):Promise.resolve()},r=e=>Promise.allSettled(V(e,(e=>2===t.states[e]?(n("resolve",e),Promise.resolve()):3===t.states[e]?(n("reject",e),Promise.reject(e)):(t.states[e]=1,t.loadScript(e).then((()=>{t.states[e]=2,n("resolve",e);const s=t.queue;return s.length>0?(t.queue=[],r(s).then(o)):Promise.resolve()}),(()=>(t.states[e]=3,n("reject",e),Promise.reject(e)))))))),s=e=>(t.loading=!0,r(e).then((e=>{t.loading=!1;const n=t.queueLoadedCallbacks.shift();return I.from(n).each(D),o(e)}))),a=dt(e);return t.loading?new Promise(((e,n)=>{t.queueLoadedCallbacks.push((()=>{s(a).then(e,n)}))})):s(a)}}ri.ScriptLoader=new ri;const si={},ai=Ne("en"),ii=()=>_e(si,ai.get()),li={getData:()=>he(si,(e=>({...e}))),setCode:e=>{e&&ai.set(e)},getCode:()=>ai.get(),add:(e,t)=>{let n=si[e];n||(si[e]=n={});const o=V(fe(t),(e=>e.toLowerCase()));pe(t,((e,r)=>{const s=r.toLowerCase();s!==r&&((e,t)=>{const n=e.indexOf(t);return-1!==n&&e.indexOf(t,n+1)>n})(o,s)?(xe(t,s)||(n[s]=e),n[r]=e):n[s]=e}))},translate:e=>{const t=ii().getOr({}),n=e=>w(e)?Object.prototype.toString.call(e):o(e)?"":""+e,o=e=>""===e||null==e,r=e=>{const o=n(e);return xe(t,o)?n(t[o]):_e(t,o.toLowerCase())?.map(n).getOr(o)},s=e=>e.replace(/{context:\w+}$/,"");if(o(e))return"";if(f(a=e)&&xe(a,"raw"))return n(e.raw);var a;if((e=>p(e)&&e.length>1)(e)){const t=e.slice(1);return s(r(e[0]).replace(/\{([0-9]+)\}/g,((e,o)=>xe(t,o)?n(t[o]):e)))}return s(r(e))},isRtl:()=>ii().bind((e=>_e(e,"_dir"))).exists((e=>"rtl"===e)),hasCode:e=>xe(si,e)},di=()=>{const e=[],t={},n={},o=[],r=(e,t)=>{const n=Y(o,(n=>n.name===e&&n.state===t));q(n,(e=>e.resolve()))},s=e=>xe(t,e),a=(e,n)=>{const o=li.getCode();!o||n&&-1===(","+(n||"")+",").indexOf(","+o+",")||ri.ScriptLoader.add(t[e]+"/langs/"+o+".js")},i=(e,t="added")=>"added"===t&&(e=>xe(n,e))(e)||"loaded"===t&&s(e)?Promise.resolve():new Promise((n=>{o.push({name:e,state:t,resolve:n})}));return{items:e,urls:t,lookup:n,get:e=>{if(n[e])return n[e].instance},requireLangPack:(e,t)=>{!1!==di.languageLoad&&(s(e)?a(e,t):i(e,"loaded").then((()=>a(e,t))))},add:(t,o)=>(e.push(o),n[t]={instance:o},r(t,"added"),o),remove:e=>{delete t[e],delete n[e]},createUrl:(e,t)=>m(t)?m(e)?{prefix:"",resource:t,suffix:""}:{prefix:e.prefix,resource:t,suffix:e.suffix}:t,load:(e,o)=>{if(t[e])return Promise.resolve();let s=m(o)?o:o.prefix+o.resource+o.suffix;0!==s.indexOf("/")&&-1===s.indexOf("://")&&(s=di.baseURL+"/"+s),t[e]=s.substring(0,s.lastIndexOf("/"));const a=()=>(r(e,"loaded"),Promise.resolve());return n[e]?a():ri.ScriptLoader.add(s).then(a)},waitFor:i}};di.languageLoad=!0,di.baseURL="",di.PluginManager=di(),di.ThemeManager=di(),di.ModelManager=di();const ci=N("mce-annotation"),ui=N("data-mce-annotation"),mi=N("data-mce-annotation-uid"),fi=N("data-mce-annotation-active"),gi=N("data-mce-annotation-classes"),pi=N("data-mce-annotation-attrs"),hi=e=>t=>Cn(t,e),bi=(e,t)=>{const n=e.selection.getRng(),o=mn(n.startContainer),r=mn(e.getBody()),s=t.fold((()=>"."+ci()),(e=>`[${ui()}="${e}"]`)),a=$n(o,n.startOffset).getOr(o);return sr(a,s,hi(r)).bind((t=>bo(t,`${mi()}`).bind((n=>bo(t,`${ui()}`)?.map((t=>{const o=yi(e,n);return{uid:n,name:t,elements:o}}))))))},vi=(e,t)=>vo(e,"data-mce-bogus")||((e,t,n)=>or(e,'[data-mce-bogus="all"]',n).isSome())(e,0,hi(t)),yi=(e,t)=>{const n=mn(e.getBody()),o=vr(n,`[${mi()}="${t}"]`);return Y(o,(e=>!vi(e,n)))},Ci=(e,t)=>{const n=mn(e.getBody()),o=vr(n,`[${ui()}="${t}"]`),r={};return q(o,(e=>{if(!vi(e,n)){const t=ho(e,mi()),n=_e(r,t).getOr([]);r[t]=n.concat([e])}})),r},wi=(e,t,n=L)=>{const o=new Fr(e,t),r=e=>{let t;do{t=o[e]()}while(t&&!es(t)&&!n(t));return I.from(t).filter(es)};return{current:()=>I.from(o.current()).filter(es),next:()=>r("next"),prev:()=>r("prev"),prev2:()=>r("prev2")}},Ei=(e,t)=>{const n=t||(t=>e.isBlock(t)||as(t)||cs(t)),o=(e,t,n,r)=>{if(es(e)){const n=r(e,t,e.data);if(-1!==n)return I?.some({container:e,offset:n})}return n().bind((e=>o(e.container,e.offset,n,r)))};return{backwards:(t,r,s,a)=>{const i=wi(t,null!=a?a:e.getRoot(),n);return o(t,r,(()=>i.prev()?.map((e=>({container:e,offset:e.length})))),s).getOrNull()},forwards:(t,r,s,a)=>{const i=wi(t,null!=a?a:e.getRoot(),n);return o(t,r,(()=>i.next()?.map((e=>({container:e,offset:0})))),s).getOrNull()}}},_i=e=>{let t;return n=>(t=t||se(e,M),xe(t,_n(n)))},xi=e=>Nn(e)&&"br"===_n(e),Si=_i(["h1","h2","h3","h4","h5","h6","p","div","address","pre","form","blockquote","center","dir","fieldset","header","footer","article","section","hgroup","aside","nav","figure"]),ki=_i(["ul","ol","dl"]),Ni=_i(["li","dd","dt"]),Ri=_i(["thead","tbody","tfoot"]),Ai=_i(["td","th"]),Ti=_i(["pre","script","textarea","style"]),Oi=()=>{const e=cn("br");return go(e,"data-mce-bogus","1"),e},Bi=e=>{wo(e),co(e,Oi())},Pi=at,Di=lt,Li=e=>e.replace(/\uFEFF/g,""),Mi=qr,Ii=es,Fi=e=>(Ii(e)&&(e=e.parentNode),Mi(e)&&e.hasAttribute("data-mce-caret")),Ui=e=>Ii(e)&&Di(e.data),zi=e=>Fi(e)||Ui(e),ji=e=>e.firstChild!==e.lastChild||!as(e.firstChild),Hi=e=>{const t=e.container();return!!es(t)&&(t.data.charAt(e.offset())===Pi||e.isAtStart()&&Ui(t.previousSibling))},$i=e=>{const t=e.container();return!!es(t)&&(t.data.charAt(e.offset()-1)===Pi||e.isAtEnd()&&Ui(t.nextSibling))},Vi=e=>Ii(e)&&e.data[0]===Pi,qi=e=>Ii(e)&&e.data[e.data.length-1]===Pi,Wi=e=>e&&e.hasAttribute("data-mce-caret")?((e=>{var t;const n=e.getElementsByTagName("br"),o=n[n.length-1];Xr(o)&&(null===(t=o.parentNode)||void 0===t||t.removeChild(o))})(e),e.removeAttribute("data-mce-caret"),e.removeAttribute("data-mce-bogus"),e.removeAttribute("style"),e.removeAttribute("data-mce-style"),e.removeAttribute("_moz_abspos"),e):null,Ki=e=>Fi(e.startContainer),Yi=Math.round,Gi=e=>e?{left:Yi(e.left),top:Yi(e.top),bottom:Yi(e.bottom),right:Yi(e.right),width:Yi(e.width),height:Yi(e.height)}:{left:0,top:0,bottom:0,right:0,width:0,height:0},Xi=(e,t)=>(e=Gi(e),t||(e.left=e.left+e.width),e.right=e.left,e.width=0,e),Zi=(e,t,n)=>e>=0&&e<=Math.min(t.height,n.height)/2,Qi=(e,t)=>{const n=Math.min(t.height/2,e.height/2);return e.bottom-n<t.top||!(e.top>t.bottom)&&Zi(t.top-e.bottom,e,t)},Ji=(e,t)=>e.top>t.bottom||!(e.bottom<t.top)&&Zi(t.bottom-e.top,e,t),el=(e,t,n)=>{const o=Math.max(Math.min(t,e.left+e.width),e.left),r=Math.max(Math.min(n,e.top+e.height),e.top);return Math.sqrt((t-o)*(t-o)+(n-r)*(n-r))},tl=e=>{const t=e.startContainer,n=e.startOffset;return t===e.endContainer&&t.hasChildNodes()&&e.endOffset===n+1?t.childNodes[n]:null},nl=(e,t)=>{if(qr(e)&&e.hasChildNodes()){const n=e.childNodes,o=((e,t,n)=>Math.min(Math.max(e,0),n))(t,0,n.length-1);return n[o]}return e},ol=new RegExp("[\u0300-\u036f\u0483-\u0487\u0488-\u0489\u0591-\u05bd\u05bf\u05c1-\u05c2\u05c4-\u05c5\u05c7\u0610-\u061a\u064b-\u065f\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7-\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u08e3-\u0902\u093a\u093c\u0941-\u0948\u094d\u0951-\u0957\u0962-\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2-\u09e3\u0a01-\u0a02\u0a3c\u0a41-\u0a42\u0a47-\u0a48\u0a4b-\u0a4d\u0a51\u0a70-\u0a71\u0a75\u0a81-\u0a82\u0abc\u0ac1-\u0ac5\u0ac7-\u0ac8\u0acd\u0ae2-\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62-\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c00\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55-\u0c56\u0c62-\u0c63\u0c81\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc-\u0ccd\u0cd5-\u0cd6\u0ce2-\u0ce3\u0d01\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62-\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb-\u0ebc\u0ec8-\u0ecd\u0f18-\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86-\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039-\u103a\u103d-\u103e\u1058-\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085-\u1086\u108d\u109d\u135d-\u135f\u1712-\u1714\u1732-\u1734\u1752-\u1753\u1772-\u1773\u17b4-\u17b5\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927-\u1928\u1932\u1939-\u193b\u1a17-\u1a18\u1a1b\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1ab0-\u1abd\u1abe\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80-\u1b81\u1ba2-\u1ba5\u1ba8-\u1ba9\u1bab-\u1bad\u1be6\u1be8-\u1be9\u1bed\u1bef-\u1bf1\u1c2c-\u1c33\u1c36-\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1cf4\u1cf8-\u1cf9\u1dc0-\u1df5\u1dfc-\u1dff\u200c-\u200d\u20d0-\u20dc\u20dd-\u20e0\u20e1\u20e2-\u20e4\u20e5-\u20f0\u2cef-\u2cf1\u2d7f\u2de0-\u2dff\u302a-\u302d\u302e-\u302f\u3099-\u309a\ua66f\ua670-\ua672\ua674-\ua67d\ua69e-\ua69f\ua6f0-\ua6f1\ua802\ua806\ua80b\ua825-\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\ua9e5\uaa29-\uaa2e\uaa31-\uaa32\uaa35-\uaa36\uaa43\uaa4c\uaa7c\uaab0\uaab2-\uaab4\uaab7-\uaab8\uaabe-\uaabf\uaac1\uaaec-\uaaed\uaaf6\uabe5\uabe8\uabed\ufb1e\ufe00-\ufe0f\ufe20-\ufe2f\uff9e-\uff9f]"),rl=e=>m(e)&&e.charCodeAt(0)>=768&&ol.test(e),sl=ds,al=cs,il=as,ll=es,dl=Yr(["script","style","textarea"]),cl=Yr(["img","input","textarea","hr","iframe","video","audio","object","embed"]),ul=Yr(["table"]),ml=zi,fl=e=>!ml(e)&&(ll(e)?!dl(e.parentNode):cl(e)||il(e)||ul(e)||gl(e)),gl=e=>!(e=>qr(e)&&"true"===e.getAttribute("unselectable"))(e)&&al(e),pl=(e,t)=>fl(e)&&((e,t)=>{for(let n=e.parentNode;n&&n!==t;n=n.parentNode){if(gl(n))return!1;if(sl(n))return!0}return!0})(e,t),hl=qr,bl=fl,vl=Gr("display","block table"),yl=Gr("float","left right"),Cl=((...e)=>t=>{for(let n=0;n<e.length;n++)if(!e[n](t))return!1;return!0})(hl,bl,O(yl)),wl=O(Gr("white-space","pre pre-line pre-wrap")),El=es,_l=as,xl=ni.nodeIndex,Sl=(e,t)=>t<0&&qr(e)&&e.hasChildNodes()?void 0:nl(e,t),kl=e=>e?e.createRange():ni.DOM.createRng(),Nl=e=>m(e)&&/[\r\n\t ]/.test(e),Rl=e=>!!e.setStart&&!!e.setEnd,Al=e=>{const t=e.startContainer,n=e.startOffset;if(Nl(e.toString())&&wl(t.parentNode)&&es(t)){const e=t.data;if(Nl(e[n-1])||Nl(e[n+1]))return!0}return!1},Tl=e=>0===e.left&&0===e.right&&0===e.top&&0===e.bottom,Ol=e=>{var t;let n;const o=e.getClientRects();return n=o.length>0?Gi(o[0]):Gi(e.getBoundingClientRect()),!Rl(e)&&_l(e)&&Tl(n)?(e=>{const t=e.ownerDocument,n=kl(t),o=t.createTextNode(it),r=e.parentNode;r.insertBefore(o,e),n.setStart(o,0),n.setEnd(o,1);const s=Gi(n.getBoundingClientRect());return r.removeChild(o),s})(e):Tl(n)&&Rl(e)&&null!==(t=(e=>{const t=e.startContainer,n=e.endContainer,o=e.startOffset,r=e.endOffset;if(t===n&&es(n)&&0===o&&1===r){const t=e.cloneRange();return t.setEndAfter(n),Ol(t)}return null})(e))&&void 0!==t?t:n},Bl=(e,t)=>{const n=Xi(e,t);return n.width=1,n.right=n.left+1,n},Pl=(e,t,n)=>{const o=()=>(n||(n=(e=>{const t=[],n=e=>{var n,o;0!==e.height&&(t.length>0&&(n=e,o=t[t.length-1],n.left===o.left&&n.top===o.top&&n.bottom===o.bottom&&n.right===o.right)||t.push(e))},o=(e,t)=>{const o=kl(e.ownerDocument);if(t<e.data.length){if(rl(e.data[t]))return;if(rl(e.data[t-1])&&(o.setStart(e,t),o.setEnd(e,t+1),!Al(o)))return void n(Bl(Ol(o),!1))}t>0&&(o.setStart(e,t-1),o.setEnd(e,t),Al(o)||n(Bl(Ol(o),!1))),t<e.data.length&&(o.setStart(e,t),o.setEnd(e,t+1),Al(o)||n(Bl(Ol(o),!0)))},r=e.container(),s=e.offset();if(El(r))return o(r,s),t;if(hl(r))if(e.isAtEnd()){const e=Sl(r,s);El(e)&&o(e,e.data.length),Cl(e)&&!_l(e)&&n(Bl(Ol(e),!1))}else{const a=Sl(r,s);if(El(a)&&o(a,0),Cl(a)&&e.isAtEnd())return n(Bl(Ol(a),!1)),t;const i=Sl(e.container(),e.offset()-1);Cl(i)&&!_l(i)&&(vl(i)||vl(a)||!Cl(a))&&n(Bl(Ol(i),!1)),Cl(a)&&n(Bl(Ol(a),!0))}return t})(Pl(e,t))),n);return{container:N(e),offset:N(t),toRange:()=>{const n=kl(e.ownerDocument);return n.setStart(e,t),n.setEnd(e,t),n},getClientRects:o,isVisible:()=>o().length>0,isAtStart:()=>(El(e),0===t),isAtEnd:()=>El(e)?t>=e.data.length:t>=e.childNodes.length,isEqual:n=>n&&e===n.container()&&t===n.offset(),getNode:n=>Sl(e,n?t-1:t)}};Pl.fromRangeStart=e=>Pl(e.startContainer,e.startOffset),Pl.fromRangeEnd=e=>Pl(e.endContainer,e.endOffset),Pl.after=e=>Pl(e.parentNode,xl(e)+1),Pl.before=e=>Pl(e.parentNode,xl(e)),Pl.isAbove=(e,t)=>ze(le(t.getClientRects()),de(e.getClientRects()),Qi).getOr(!1),Pl.isBelow=(e,t)=>ze(de(t.getClientRects()),le(e.getClientRects()),Ji).getOr(!1),Pl.isAtStart=e=>!!e&&e.isAtStart(),Pl.isAtEnd=e=>!!e&&e.isAtEnd(),Pl.isTextPosition=e=>!!e&&es(e.container()),Pl.isElementPosition=e=>!Pl.isTextPosition(e);const Dl=(e,t)=>{es(t)&&0===t.data.length&&e.remove(t)},Ll=(e,t,n)=>{ss(n)?((e,t,n)=>{const o=I.from(n.firstChild),r=I.from(n.lastChild);t.insertNode(n),o.each((t=>Dl(e,t.previousSibling))),r.each((t=>Dl(e,t.nextSibling)))})(e,t,n):((e,t,n)=>{t.insertNode(n),Dl(e,n.previousSibling),Dl(e,n.nextSibling)})(e,t,n)},Ml=es,Il=Xr,Fl=ni.nodeIndex,Ul=e=>{const t=e.parentNode;return Il(t)?Ul(t):t},zl=e=>e?pt(e.childNodes,((e,t)=>(Il(t)&&"BR"!==t.nodeName?e=e.concat(zl(t)):e.push(t),e)),[]):[],jl=e=>t=>e===t,Hl=e=>(Ml(e)?"text()":e.nodeName.toLowerCase())+"["+(e=>{let t,n;t=zl(Ul(e)),n=ht(t,jl(e),e),t=t.slice(0,n+1);const o=pt(t,((e,n,o)=>(Ml(n)&&Ml(t[o-1])&&e++,e)),0);return t=gt(t,Yr([e.nodeName])),n=ht(t,jl(e),e),n-o})(e)+"]",$l=(e,t)=>{let n,o=[],r=t.container(),s=t.offset();if(Ml(r))n=((e,t)=>{let n=e;for(;(n=n.previousSibling)&&Ml(n);)t+=n.data.length;return t})(r,s);else{const e=r.childNodes;s>=e.length?(n="after",s=e.length-1):n="before",r=e[s]}o.push(Hl(r));let a=((e,t)=>{const n=[];for(let o=t.parentNode;o&&o!==e;o=o.parentNode)n.push(o);return n})(e,r);return a=gt(a,O(Xr)),o=o.concat(ft(a,(e=>Hl(e)))),o.reverse().join("/")+","+n},Vl=(e,t)=>{if(!t)return null;const n=t.split(","),o=n[0].split("/"),r=n.length>1?n[1]:"before",s=pt(o,((e,t)=>{const n=/([\w\-\(\)]+)\[([0-9]+)\]/.exec(t);return n?("text()"===n[1]&&(n[1]="#text"),((e,t,n)=>{let o=zl(e);return o=gt(o,((e,t)=>!Ml(e)||!Ml(o[t-1]))),o=gt(o,Yr([t])),o[n]})(e,n[1],parseInt(n[2],10))):null}),e);if(!s)return null;if(!Ml(s)&&s.parentNode){let e;return e="after"===r?Fl(s)+1:Fl(s),Pl(s.parentNode,e)}return((e,t)=>{let n=e,o=0;for(;Ml(n);){const r=n.data.length;if(t>=o&&t<=o+r){e=n,t-=o;break}if(!Ml(n.nextSibling)){e=n,t=r;break}o+=r,n=n.nextSibling}return Ml(e)&&t>e.data.length&&(t=e.data.length),Pl(e,t)})(s,parseInt(r,10))},ql=cs,Wl=(e,t,n,o,r)=>{const s=r?o.startContainer:o.endContainer;let a=r?o.startOffset:o.endOffset;const i=[],l=e.getRoot();if(es(s))i.push(n?((e,t,n)=>{let o=e(t.data.slice(0,n)).length;for(let n=t.previousSibling;n&&es(n);n=n.previousSibling)o+=e(n.data).length;return o})(t,s,a):a);else{let t=0;const o=s.childNodes;a>=o.length&&o.length&&(t=1,a=Math.max(0,o.length-1)),i.push(e.nodeIndex(o[a],n)+t)}for(let t=s;t&&t!==l;t=t.parentNode)i.push(e.nodeIndex(t,n));return i},Kl=(e,t,n)=>{let o=0;return an.each(e.select(t),(e=>"all"===e.getAttribute("data-mce-bogus")?void 0:e!==n&&void o++)),o},Yl=(e,t)=>{let n=t?e.startContainer:e.endContainer,o=t?e.startOffset:e.endOffset;if(qr(n)&&"TR"===n.nodeName){const r=n.childNodes;n=r[Math.min(t?o:o-1,r.length-1)],n&&(o=t?0:n.childNodes.length,t?e.setStart(n,o):e.setEnd(n,o))}},Gl=e=>(Yl(e,!0),Yl(e,!1),e),Xl=(e,t)=>{if(qr(e)&&(e=nl(e,t),ql(e)))return e;if(zi(e)){es(e)&&Fi(e)&&(e=e.parentNode);let t=e.previousSibling;if(ql(t))return t;if(t=e.nextSibling,ql(t))return t}},Zl=(e,t,n)=>{const o=n.getNode(),r=n.getRng();if("IMG"===o.nodeName||ql(o)){const e=o.nodeName;return{name:e,index:Kl(n.dom,e,o)}}const s=(e=>Xl(e.startContainer,e.startOffset)||Xl(e.endContainer,e.endOffset))(r);if(s){const e=s.tagName;return{name:e,index:Kl(n.dom,e,s)}}return((e,t,n,o)=>{const r=t.dom,s=Wl(r,e,n,o,!0),a=t.isForward(),i=Ki(o)?{isFakeCaret:!0}:{};return t.isCollapsed()?{start:s,forward:a,...i}:{start:s,end:Wl(r,e,n,o,!1),forward:a,...i}})(e,n,t,r)},Ql=(e,t,n)=>{const o={"data-mce-type":"bookmark",id:t,style:"overflow:hidden;line-height:0px"};return n?e.create("span",o,"&#xFEFF;"):e.create("span",o)},Jl=(e,t)=>{const n=e.dom;let o=e.getRng();const r=n.uniqueId(),s=e.isCollapsed(),a=e.getNode(),i=a.nodeName,l=e.isForward();if("IMG"===i)return{name:i,index:Kl(n,i,a)};const d=Gl(o.cloneRange());if(!s){d.collapse(!1);const e=Ql(n,r+"_end",t);Ll(n,d,e)}o=Gl(o),o.collapse(!0);const c=Ql(n,r+"_start",t);return Ll(n,o,c),e.moveToBookmark({id:r,keep:!0,forward:l}),{id:r,forward:l}},ed=T(Zl,R,!0),td=e=>"inline-command"===e.type||"inline-format"===e.type,nd=e=>"block-command"===e.type||"block-format"===e.type,od=e=>{var t;const n=t=>Te.error({message:t,pattern:e}),o=(t,o,r)=>{if(void 0!==e.format){let r;if(p(e.format)){if(!ne(e.format,m))return n(t+" pattern has non-string items in the `format` array");r=e.format}else{if(!m(e.format))return n(t+" pattern has non-string `format` parameter");r=[e.format]}return Te.value(o(r))}return void 0!==e.cmd?m(e.cmd)?Te.value(r(e.cmd,e.value)):n(t+" pattern has non-string `cmd` parameter"):n(t+" pattern is missing both `format` and `cmd` parameters")};if(!f(e))return n("Raw pattern is not an object");if(!m(e.start))return n("Raw pattern is missing `start` parameter");if(void 0!==e.end){if(!m(e.end))return n("Inline pattern has non-string `end` parameter");if(0===e.start.length&&0===e.end.length)return n("Inline pattern has empty `start` and `end` parameters");let t=e.start,r=e.end;return 0===r.length&&(r=t,t=""),o("Inline",(e=>({type:"inline-format",start:t,end:r,format:e})),((e,n)=>({type:"inline-command",start:t,end:r,cmd:e,value:n})))}if(void 0!==e.replacement)return m(e.replacement)?0===e.start.length?n("Replacement pattern has empty `start` parameter"):Te.value({type:"inline-command",start:"",end:e.start,cmd:"mceInsertContent",value:e.replacement}):n("Replacement pattern has non-string `replacement` parameter");{const r=null!==(t=e.trigger)&&void 0!==t?t:"space";return 0===e.start.length?n("Block pattern has empty `start` parameter"):o("Block",(t=>({type:"block-format",start:e.start,format:t[0],trigger:r})),((t,n)=>({type:"block-command",start:e.start,cmd:t,value:n,trigger:r})))}},rd=e=>Y(e,nd),sd=e=>Y(e,td),ad=(e,t)=>({...e,blockPatterns:Y(e.blockPatterns,(e=>((e,t)=>("block-command"===e.type||"block-format"===e.type)&&e.trigger===t)(e,t)))}),id=e=>{const t=(e=>{const t=[],n=[];return q(e,(e=>{e.fold((e=>{t.push(e)}),(e=>{n.push(e)}))})),{errors:t,values:n}})(V(e,od));return q(t.errors,(e=>console.error(e.message,e.pattern))),t.values},ld=(e,t,n)=>{e.dispatch(t,n)},dd=(e,t,n,o)=>{e.dispatch("FormatApply",{format:t,node:n,vars:o})},cd=(e,t,n,o)=>{e.dispatch("FormatRemove",{format:t,node:n,vars:o})},ud=(e,t)=>e.dispatch("SetContent",t),md=(e,t)=>e.dispatch("GetContent",t),fd=(e,t)=>{e.dispatch("AutocompleterUpdateActiveRange",t)},gd=(e,t)=>e.dispatch("PastePlainTextToggle",{state:t}),pd=Kt().deviceType,hd=pd.isTouch(),bd=ni.DOM,vd=e=>u(e,RegExp),yd=e=>t=>t.options.get(e),Cd=e=>m(e)||f(e),wd=(e,t="")=>n=>{const o=m(n);if(o){if(-1!==n.indexOf("=")){const r=(e=>{const t=e.indexOf("=")>0?e.split(/[;,](?![^=;,]*(?:[;,]|$))/):e.split(",");return X(t,((e,t)=>{const n=t.split("="),o=n[0],r=n.length>1?n[1]:o;return e[Ze(o)]=Ze(r),e}),{})})(n);return{value:_e(r,e.id).getOr(t),valid:o}}return{value:n,valid:o}}return{valid:!1,message:"Must be a string."}},Ed=yd("iframe_attrs"),_d=yd("doctype"),xd=yd("document_base_url"),Sd=yd("body_id"),kd=yd("body_class"),Nd=yd("content_security_policy"),Rd=yd("br_in_pre"),Ad=yd("forced_root_block"),Td=yd("forced_root_block_attrs"),Od=yd("newline_behavior"),Bd=yd("br_newline_selector"),Pd=yd("no_newline_selector"),Dd=yd("keep_styles"),Ld=yd("end_container_on_empty_block"),Md=yd("automatic_uploads"),Id=yd("images_reuse_filename"),Fd=yd("images_replace_blob_uris"),Ud=yd("icons"),zd=yd("icons_url"),jd=yd("images_upload_url"),Hd=yd("images_upload_base_path"),$d=yd("images_upload_credentials"),Vd=yd("images_upload_handler"),qd=yd("content_css_cors"),Wd=yd("referrer_policy"),Kd=yd("language"),Yd=yd("language_url"),Gd=yd("indent_use_margin"),Xd=yd("indentation"),Zd=yd("content_css"),Qd=yd("content_style"),Jd=yd("font_css"),ec=yd("directionality"),tc=yd("inline_boundaries_selector"),nc=yd("object_resizing"),oc=yd("resize_img_proportional"),rc=yd("placeholder"),sc=yd("event_root"),ac=yd("service_message"),ic=yd("theme"),lc=yd("theme_url"),dc=yd("model"),cc=yd("model_url"),uc=yd("inline_boundaries"),mc=yd("formats"),fc=yd("preview_styles"),gc=yd("format_empty_lines"),pc=yd("format_noneditable_selector"),hc=yd("custom_ui_selector"),bc=yd("inline"),vc=yd("hidden_input"),yc=yd("submit_patch"),Cc=yd("add_form_submit_trigger"),wc=yd("add_unload_trigger"),Ec=yd("custom_undo_redo_levels"),_c=yd("disable_nodechange"),xc=yd("readonly"),Sc=yd("editable_root"),kc=yd("content_css_cors"),Nc=yd("plugins"),Rc=yd("external_plugins"),Ac=yd("block_unsupported_drop"),Tc=yd("visual"),Oc=yd("visual_table_class"),Bc=yd("visual_anchor_class"),Pc=yd("iframe_aria_text"),Dc=yd("setup"),Lc=yd("init_instance_callback"),Mc=yd("urlconverter_callback"),Ic=yd("auto_focus"),Fc=yd("browser_spellcheck"),Uc=yd("protect"),zc=yd("paste_block_drop"),jc=yd("paste_data_images"),Hc=yd("paste_preprocess"),$c=yd("paste_postprocess"),Vc=yd("newdocument_content"),qc=yd("paste_webkit_styles"),Wc=yd("paste_remove_styles_if_webkit"),Kc=yd("paste_merge_formats"),Yc=yd("smart_paste"),Gc=yd("paste_as_text"),Xc=yd("paste_tab_spaces"),Zc=yd("allow_html_data_urls"),Qc=yd("text_patterns"),Jc=yd("text_patterns_lookup"),eu=yd("noneditable_class"),tu=yd("editable_class"),nu=yd("noneditable_regexp"),ou=yd("preserve_cdata"),ru=yd("highlight_on_focus"),su=yd("xss_sanitization"),au=yd("init_content_sync"),iu=e=>an.explode(e.options.get("images_file_types")),lu=yd("table_tab_navigation"),du=yd("details_initial_state"),cu=yd("details_serialized_state"),uu=yd("sandbox_iframes"),mu=e=>e.options.get("sandbox_iframes_exclusions"),fu=yd("convert_unsafe_embeds"),gu=yd("license_key"),pu=yd("api_key"),hu=yd("disabled"),bu=qr,vu=es,yu=e=>{const t=e.parentNode;t&&t.removeChild(e)},Cu=e=>{const t=Li(e);return{count:e.length-t.length,text:t}},wu=e=>{let t;for(;-1!==(t=e.data.lastIndexOf(Pi));)e.deleteData(t,1)},Eu=(e,t)=>(xu(e),t),_u=(e,t)=>Pl.isTextPosition(t)?((e,t)=>vu(e)&&t.container()===e?((e,t)=>{const n=Cu(e.data.substr(0,t.offset())),o=Cu(e.data.substr(t.offset()));return(n.text+o.text).length>0?(wu(e),Pl(e,t.offset()-n.count)):t})(e,t):Eu(e,t))(e,t):((e,t)=>t.container()===e.parentNode?((e,t)=>{const n=t.container(),o=((e,t)=>{const n=j(e,t);return-1===n?I.none():I?.some(n)})(ce(n.childNodes),e)?.map((e=>e<t.offset()?Pl(n,t.offset()-1):t)).getOr(t);return xu(e),o})(e,t):Eu(e,t))(e,t),xu=e=>{bu(e)&&zi(e)&&(ji(e)?e.removeAttribute("data-mce-caret"):yu(e)),vu(e)&&(wu(e),0===e.data.length&&yu(e))},Su=cs,ku=gs,Nu=ms,Ru=(e,t,n)=>{const o=Xi(t.getBoundingClientRect(),n);let r,s;if("BODY"===e.tagName){const t=e.ownerDocument.documentElement;r=e.scrollLeft||t.scrollLeft,s=e.scrollTop||t.scrollTop}else{const t=e.getBoundingClientRect();r=e.scrollLeft-t.left,s=e.scrollTop-t.top}o.left+=r,o.right+=r,o.top+=s,o.bottom+=s,o.width=1;let a=t.offsetWidth-t.clientWidth;return a>0&&(n&&(a*=-1),o.left+=a,o.right+=a),o},Au=(e,t,n,o)=>{const r=Ve();let s,a;const i=Ad(e),l=e.dom,d=()=>{(e=>{var t,n;const o=vr(mn(e),"*[contentEditable=false],video,audio,embed,object");for(let e=0;e<o.length;e++){const r=o[e].dom;let s=r.previousSibling;if(qi(s)){const e=s.data;1===e.length?null===(t=s.parentNode)||void 0===t||t.removeChild(s):s.deleteData(e.length-1,1)}s=r.nextSibling,Vi(s)&&(1===s.data.length?null===(n=s.parentNode)||void 0===n||n.removeChild(s):s.deleteData(0,1))}})(t),a&&(xu(a),a=null),r.on((e=>{l.remove(e.caret),r.clear()})),s&&(clearInterval(s),s=void 0)};return{isShowing:r.isSet,show:(e,c)=>{let u;if(d(),Nu(c))return null;if(!n(c))return a=((e,t)=>{var n;const o=(null!==(n=e.ownerDocument)&&void 0!==n?n:document).createTextNode(Pi),r=e.parentNode;if(t){const t=e.previousSibling;if(Ii(t)){if(zi(t))return t;if(qi(t))return t.splitText(t.data.length-1)}null==r||r.insertBefore(o,e)}else{const t=e.nextSibling;if(Ii(t)){if(zi(t))return t;if(Vi(t))return t.splitText(1),t}e.nextSibling?null==r||r.insertBefore(o,e.nextSibling):null==r||r.appendChild(o)}return o})(c,e),u=c.ownerDocument.createRange(),Ou(a.nextSibling)?(u.setStart(a,0),u.setEnd(a,0)):(u.setStart(a,1),u.setEnd(a,1)),u;{const n=((e,t,n)=>{var o;const r=(null!==(o=t.ownerDocument)&&void 0!==o?o:document).createElement(e);r.setAttribute("data-mce-caret",n?"before":"after"),r.setAttribute("data-mce-bogus","all"),r.appendChild(Oi().dom);const s=t.parentNode;return n?null==s||s.insertBefore(r,t):t.nextSibling?null==s||s.insertBefore(r,t.nextSibling):null==s||s.appendChild(r),r})(i,c,e),d=Ru(t,c,e);l.setStyle(n,"top",d.top),l.setStyle(n,"caret-color","transparent"),a=n;const m=l.create("div",{class:"mce-visual-caret","data-mce-bogus":"all"});l.setStyles(m,{...d}),l.add(t,m),r.set({caret:m,element:c,before:e}),e&&l.addClass(m,"mce-visual-caret-before"),s=window.setInterval((()=>{r.on((e=>{o()?l.toggleClass(e.caret,"mce-visual-caret-hidden"):l.addClass(e.caret,"mce-visual-caret-hidden")}))}),500),u=c.ownerDocument.createRange(),u.setStart(n,0),u.setEnd(n,0)}return u},hide:d,getCss:()=>".mce-visual-caret {position: absolute;background-color: black;background-color: currentcolor;}.mce-visual-caret-hidden {display: none;}*[data-mce-caret] {position: absolute;left: -1000px;right: auto;top: 0;margin: 0;padding: 0;}",reposition:()=>{r.on((e=>{const n=Ru(t,e.element,e.before);l.setStyles(e.caret,{...n})}))},destroy:()=>clearInterval(s)}},Tu=()=>nn.browser.isFirefox(),Ou=e=>Su(e)||ku(e),Bu=e=>(Ou(e)||Zr(e)&&Tu())&&Mn(mn(e)).exists(gr),Pu=ds,Du=cs,Lu=gs,Mu=Gr("display","block table table-cell table-row table-caption list-item"),Iu=zi,Fu=Fi,Uu=qr,zu=es,ju=fl,Hu=e=>1===e,$u=e=>-1===e,Vu=(e,t)=>{let n;for(;n=e(t);)if(!Fu(n))return n;return null},qu=(e,t,n,o,r)=>{const s=new Fr(e,o),a=Du(e)||Fu(e);let i;if($u(t)){if(a&&(i=Vu(s.prev.bind(s),!0),n(i)))return i;for(;i=Vu(s.prev.bind(s),r);)if(n(i))return i}if(Hu(t)){if(a&&(i=Vu(s.next.bind(s),!0),n(i)))return i;for(;i=Vu(s.next.bind(s),r);)if(n(i))return i}return null},Wu=(e,t)=>{for(;e&&e!==t;){if(Mu(e))return e;e=e.parentNode}return null},Ku=(e,t,n)=>Wu(e.container(),n)===Wu(t.container(),n),Yu=(e,t)=>{if(!t)return I.none();const n=t.container(),o=t.offset();return Uu(n)?I.from(n.childNodes[o+e]):I.none()},Gu=(e,t)=>{var n;const o=(null!==(n=t.ownerDocument)&&void 0!==n?n:document).createRange();return e?(o.setStartBefore(t),o.setEndBefore(t)):(o.setStartAfter(t),o.setEndAfter(t)),o},Xu=(e,t,n)=>Wu(t,e)===Wu(n,e),Zu=(e,t,n)=>{const o=e?"previousSibling":"nextSibling";let r=n;for(;r&&r!==t;){let e=r[o];if(e&&Iu(e)&&(e=e[o]),Du(e)||Lu(e)){if(Xu(t,e,r))return e;break}if(ju(e))break;r=r.parentNode}return null},Qu=T(Gu,!0),Ju=T(Gu,!1),em=(e,t,n)=>{let o;const r=T(Zu,!0,t),s=T(Zu,!1,t),a=n.startContainer,i=n.startOffset;if(Fi(a)){const e=zu(a)?a.parentNode:a,t=e.getAttribute("data-mce-caret");if("before"===t&&(o=e.nextSibling,Bu(o)))return Qu(o);if("after"===t&&(o=e.previousSibling,Bu(o)))return Ju(o)}if(!n.collapsed)return n;if(es(a)){if(Iu(a)){if(1===e){if(o=s(a),o)return Qu(o);if(o=r(a),o)return Ju(o)}if(-1===e){if(o=r(a),o)return Ju(o);if(o=s(a),o)return Qu(o)}return n}if(qi(a)&&i>=a.data.length-1)return 1===e&&(o=s(a),o)?Qu(o):n;if(Vi(a)&&i<=1)return-1===e&&(o=r(a),o)?Ju(o):n;if(i===a.data.length)return o=s(a),o?Qu(o):n;if(0===i)return o=r(a),o?Ju(o):n}return n},tm=(e,t)=>Yu(e?0:-1,t).filter(Du),nm=(e,t,n)=>{const o=em(e,t,n);return-1===e?Pl.fromRangeStart(o):Pl.fromRangeEnd(o)},om=e=>I.from(e.getNode())?.map(mn),rm=(e,t)=>{let n=t;for(;n=e(n);)if(n.isVisible())return n;return n},sm=(e,t)=>{const n=Ku(e,t);return!(n||!as(e.getNode()))||n},am=cs,im=es,lm=qr,dm=as,cm=fl,um=e=>cl(e)||(e=>!!gl(e)&&!X(ce(e.getElementsByTagName("*")),((e,t)=>e||sl(t)),!1))(e),mm=pl,fm=(e,t)=>e.hasChildNodes()&&t<e.childNodes.length?e.childNodes[t]:null,gm=(e,t)=>{if(Hu(e)){if(cm(t.previousSibling)&&!im(t.previousSibling))return Pl.before(t);if(im(t))return Pl(t,0)}if($u(e)){if(cm(t.nextSibling)&&!im(t.nextSibling))return Pl.after(t);if(im(t))return Pl(t,t.data.length)}return $u(e)?dm(t)?Pl.before(t):Pl.after(t):Pl.before(t)},pm=(e,t,n)=>{let o,r,s,a;if(!lm(n)||!t)return null;if(t.isEqual(Pl.after(n))&&n.lastChild){if(a=Pl.after(n.lastChild),$u(e)&&cm(n.lastChild)&&lm(n.lastChild))return dm(n.lastChild)?Pl.before(n.lastChild):a}else a=t;const i=a.container();let l=a.offset();if(im(i)){if($u(e)&&l>0)return Pl(i,--l);if(Hu(e)&&l<i.length)return Pl(i,++l);o=i}else{if($u(e)&&l>0&&(r=fm(i,l-1),cm(r)))return!um(r)&&(s=qu(r,e,mm,r),s)?im(s)?Pl(s,s.data.length):Pl.after(s):im(r)?Pl(r,r.data.length):Pl.before(r);if(Hu(e)&&l<i.childNodes.length&&(r=fm(i,l),cm(r)))return dm(r)?((e,t)=>{const n=t.nextSibling;return n&&cm(n)?im(n)?Pl(n,0):Pl.before(n):pm(1,Pl.after(t),e)})(n,r):!um(r)&&(s=qu(r,e,mm,r),s)?im(s)?Pl(s,0):Pl.before(s):im(r)?Pl(r,0):Pl.after(r);o=r||a.getNode()}if(o&&(Hu(e)&&a.isAtEnd()||$u(e)&&a.isAtStart())&&(o=qu(o,e,M,n,!0),mm(o,n)))return gm(e,o);r=o?qu(o,e,mm,n):o;const d=bt(Y(((e,t)=>{const n=[];let o=e;for(;o&&o!==t;)n.push(o),o=o.parentNode;return n})(i,n),am));return!d||r&&d.contains(r)?r?gm(e,r):null:(a=Hu(e)?Pl.after(d):Pl.before(d),a)},hm=e=>({next:t=>pm(1,t,e),prev:t=>pm(-1,t,e)}),bm=e=>Pl.isTextPosition(e)?0===e.offset():fl(e.getNode()),vm=e=>{if(Pl.isTextPosition(e)){const t=e.container();return e.offset()===t.data.length}return fl(e.getNode(!0))},ym=(e,t)=>!Pl.isTextPosition(e)&&!Pl.isTextPosition(t)&&e.getNode()===t.getNode(!0),Cm=(e,t,n)=>{const o=hm(t);return I.from(e?o.next(n):o.prev(n))},wm=(e,t,n)=>Cm(e,t,n).bind((o=>Ku(n,o,t)&&((e,t,n)=>{return e?!ym(t,n)&&(o=t,!(!Pl.isTextPosition(o)&&as(o.getNode())))&&vm(t)&&bm(n):!ym(n,t)&&bm(t)&&vm(n);var o})(e,n,o)?Cm(e,t,o):I?.some(o))),Em=(e,t,n,o)=>wm(e,t,n).bind((n=>o(n)?Em(e,t,n,o):I?.some(n))),_m=(e,t)=>{const n=e?t.firstChild:t.lastChild;return es(n)?I?.some(Pl(n,e?0:n.data.length)):n?fl(n)?I?.some(e?Pl.before(n):as(o=n)?Pl.before(o):Pl.after(o)):((e,t,n)=>{const o=e?Pl.before(n):Pl.after(n);return Cm(e,t,o)})(e,t,n):I.none();var o},xm=T(Cm,!0),Sm=T(Cm,!1),km=T(_m,!0),Nm=T(_m,!1),Rm="_mce_caret",Am=e=>qr(e)&&e.id===Rm,Tm=(e,t)=>{let n=t;for(;n&&n!==e;){if(Am(n))return n;n=n.parentNode}return null},Om=e=>xe(e,"name"),Bm=e=>an.isArray(e.start),Pm=e=>!(!Om(e)&&b(e.forward))||e.forward,Dm=(e,t)=>(qr(t)&&e.isBlock(t)&&!t.innerHTML&&(t.innerHTML='<br data-mce-bogus="1" />'),t),Lm=(e,t)=>Nm(e).fold(L,(e=>(t.setStart(e.container(),e.offset()),t.setEnd(e.container(),e.offset()),!0))),Mm=(e,t,n)=>!(!(e=>!e.hasChildNodes())(t)||!Tm(e,t)||(((e,t)=>{var n;const o=(null!==(n=e.ownerDocument)&&void 0!==n?n:document).createTextNode(Pi);e.appendChild(o),t.setStart(o,0),t.setEnd(o,0)})(t,n),0)),Im=(e,t,n,o)=>{const r=n[t?"start":"end"],s=e.getRoot();if(r){let e=s,n=r[0];for(let t=r.length-1;e&&t>=1;t--){const n=e.childNodes;if(Mm(s,e,o))return!0;if(r[t]>n.length-1)return!!Mm(s,e,o)||Lm(e,o);e=n[r[t]]}es(e)&&(n=Math.min(r[0],e.data.length)),qr(e)&&(n=Math.min(r[0],e.childNodes.length)),t?o.setStart(e,n):o.setEnd(e,n)}return!0},Fm=e=>es(e)&&e.data.length>0,Um=(e,t,n)=>{const o=e.get(n.id+"_"+t),r=null==o?void 0:o.parentNode,s=n.keep;if(o&&r){let a,i;if("start"===t?s?o.hasChildNodes()?(a=o.firstChild,i=1):Fm(o.nextSibling)?(a=o.nextSibling,i=0):Fm(o.previousSibling)?(a=o.previousSibling,i=o.previousSibling.data.length):(a=r,i=e.nodeIndex(o)+1):(a=r,i=e.nodeIndex(o)):s?o.hasChildNodes()?(a=o.firstChild,i=1):Fm(o.previousSibling)?(a=o.previousSibling,i=o.previousSibling.data.length):(a=r,i=e.nodeIndex(o)):(a=r,i=e.nodeIndex(o)),!s){const r=o.previousSibling,s=o.nextSibling;let l;for(an.each(an.grep(o.childNodes),(e=>{es(e)&&(e.data=e.data.replace(/\uFEFF/g,""))}));l=e.get(n.id+"_"+t);)e.remove(l,!0);if(es(s)&&es(r)&&!nn.browser.isOpera()){const t=r.data.length;r.appendData(s.data),e.remove(s),a=r,i=t}}return I?.some(Pl(a,i))}return I.none()},zm=(e,t,n)=>((e,t,n=!1)=>2===t?Zl(Li,n,e):3===t?(e=>{const t=e.getRng();return{start:$l(e.dom.getRoot(),Pl.fromRangeStart(t)),end:$l(e.dom.getRoot(),Pl.fromRangeEnd(t)),forward:e.isForward()}})(e):t?(e=>({rng:e.getRng(),forward:e.isForward()}))(e):Jl(e,!1))(e,t,n),jm=(e,t)=>{((e,t)=>{const n=e.dom;if(t){if(Bm(t))return((e,t)=>{const n=e.createRng();return Im(e,!0,t,n)&&Im(e,!1,t,n)?I?.some({range:n,forward:Pm(t)}):I.none()})(n,t);if((e=>m(e.start))(t))return((e,t)=>{const n=I.from(Vl(e.getRoot(),t.start)),o=I.from(Vl(e.getRoot(),t.end));return ze(n,o,((n,o)=>{const r=e.createRng();return r.setStart(n.container(),n.offset()),r.setEnd(o.container(),o.offset()),{range:r,forward:Pm(t)}}))})(n,t);if((e=>xe(e,"id"))(t))return((e,t)=>{const n=Um(e,"start",t),o=Um(e,"end",t);return ze(n,o.or(n),((n,o)=>{const r=e.createRng();return r.setStart(Dm(e,n.container()),n.offset()),r.setEnd(Dm(e,o.container()),o.offset()),{range:r,forward:Pm(t)}}))})(n,t);if(Om(t))return((e,t)=>I.from(e.select(t.name)[t.index])?.map((t=>{const n=e.createRng();return n.selectNode(t),{range:n,forward:!0}})))(n,t);if((e=>xe(e,"rng"))(t))return I?.some({range:t.rng,forward:Pm(t)})}return I.none()})(e,t).each((({range:t,forward:n})=>{e.setRng(t,n)}))},Hm=e=>qr(e)&&"SPAN"===e.tagName&&"bookmark"===e.getAttribute("data-mce-type"),$m=(Vm=it,e=>Vm===e);var Vm;const qm=e=>""!==e&&-1!==" \f\n\r\t\v".indexOf(e),Wm=e=>!qm(e)&&!$m(e)&&!lt(e),Km=e=>{const t=[];if(e)for(let n=0;n<e.rangeCount;n++)t.push(e.getRangeAt(n));return t},Ym=(e,t)=>{const n=vr(t,"td[data-mce-selected],th[data-mce-selected]");return n.length>0?n:(e=>Y((e=>te(e,(e=>{const t=tl(e);return t?[mn(t)]:[]})))(e),Ai))(e)},Gm=e=>Ym(Km(e.selection.getSel()),mn(e.getBody())),Xm=(e,t)=>or(e,"table",t),Zm=e=>Vn(e).fold(N([e]),(t=>[e].concat(Zm(t)))),Qm=e=>qn(e).fold(N([e]),(t=>"br"===_n(t)?Fn(t)?.map((t=>[e].concat(Qm(t)))).getOr([]):[e].concat(Qm(t)))),Jm=(e,t)=>ze((e=>{const t=e.startContainer,n=e.startOffset;return es(t)?0===n?I?.some(mn(t)):I.none():I.from(t.childNodes[n])?.map(mn)})(t),(e=>{const t=e.endContainer,n=e.endOffset;return es(t)?n===t.data.length?I?.some(mn(t)):I.none():I.from(t.childNodes[n-1])?.map(mn)})(t),((t,n)=>{const o=Q(Zm(e),T(Cn,t)),r=Q(Qm(e),T(Cn,n));return o.isSome()&&r.isSome()})).getOr(!1),ef=(e,t,n,o)=>{const r=n,s=new Fr(n,r),a=Ce(e.schema.getMoveCaretBeforeOnEnterElements(),((e,t)=>!H(["td","th","table"],t.toLowerCase())));let i=n;do{if(es(i)&&0!==an.trim(i.data).length)return void(o?t.setStart(i,0):t.setEnd(i,i.data.length));if(a[i.nodeName])return void(o?t.setStartBefore(i):"BR"===i.nodeName?t.setEndBefore(i):t.setEndAfter(i))}while(i=o?s.next():s.prev());"BODY"===r.nodeName&&(o?t.setStart(r,0):t.setEnd(r,r.childNodes.length))},tf=e=>{const t=e.selection.getSel();return C(t)&&t.rangeCount>0},nf=(e,t)=>{const n=Gm(e);n.length>0?q(n,(n=>{const o=n.dom,r=e.dom.createRng();r.setStartBefore(o),r.setEndAfter(o),t(r,!0)})):t(e.selection.getRng(),!1)},of=(e,t,n)=>{const o=Jl(e,t);n(o),e.moveToBookmark(o)},rf=e=>E(null==e?void 0:e.nodeType),sf=e=>qr(e)&&!Hm(e)&&!Am(e)&&!Xr(e),af=(e,t,n)=>{const{selection:o,dom:r}=e,s=o.getNode(),a=cs(s);of(o,!0,(()=>{t()})),a&&cs(s)&&r.isChildOf(s,e.getBody())?e.selection.select(s):n(o.getStart())&&lf(r,o)},lf=(e,t)=>{var n,o;const r=t.getRng(),{startContainer:s,startOffset:a}=r;if(!((e,t)=>{if(sf(t)&&!/^(TD|TH)$/.test(t.nodeName)){const n=e.getAttrib(t,"data-mce-selected"),o=parseInt(n,10);return!isNaN(o)&&o>0}return!1})(e,t.getNode())&&qr(s)){const i=s.childNodes,l=e.getRoot();let d;if(a<i.length){const t=i[a];d=new Fr(t,null!==(n=e.getParent(t,e.isBlock))&&void 0!==n?n:l)}else{const t=i[i.length-1];d=new Fr(t,null!==(o=e.getParent(t,e.isBlock))&&void 0!==o?o:l),d.next(!0)}for(let n=d.current();n;n=d.next()){if("false"===e.getContentEditable(n))return;if(es(n)&&!mf(n))return r.setStart(n,0),void t.setRng(r)}}},df=(e,t,n)=>{if(e){const o=t?"nextSibling":"previousSibling";for(e=n?e:e[o];e;e=e[o])if(qr(e)||!mf(e))return e}},cf=(e,t)=>!!e.getTextBlockElements()[t.nodeName.toLowerCase()]||js(e,t),uf=(e,t,n)=>e.schema.isValidChild(t,n),mf=(e,t=!1)=>{if(C(e)&&es(e)){const n=t?e.data.replace(/ /g,"\xa0"):e.data;return zr(n)}return!1},ff=(e,t)=>{const n=e.dom;return sf(t)&&"false"===n.getContentEditable(t)&&((e,t)=>{const n="[data-mce-cef-wrappable]",o=pc(e),r=tt(o)?n:`${n},${o}`;return vn(mn(t),r)})(e,t)&&0===n.select('[contenteditable="true"]',t).length},gf=(e,t)=>w(e)?e(t):(C(t)&&(e=e.replace(/%(\w+)/g,((e,n)=>t[n]||e))),e),pf=(e,t)=>(t=t||"",e=""+((e=e||"").nodeName||e),t=""+(t.nodeName||t),e.toLowerCase()===t.toLowerCase()),hf=(e,t)=>{if(y(e))return null;{let n=String(e);return"color"!==t&&"backgroundColor"!==t||(n=Ma(n)),"fontWeight"===t&&700===e&&(n="bold"),"fontFamily"===t&&(n=n.replace(/[\'\"]/g,"").replace(/,\s+/g,",")),n}},bf=(e,t,n)=>{const o=e.getStyle(t,n);return hf(o,n)},vf=(e,t)=>{let n;return e.getParent(t,(t=>!!qr(t)&&(n=e.getStyle(t,"text-decoration"),!!n&&"none"!==n))),n},yf=(e,t,n)=>e.getParents(t,n,e.getRoot()),Cf=(e,t,n)=>{const o=e.formatter.get(t);return C(o)&&$(o,n)},wf=e=>Se(e,"block"),Ef=e=>Se(e,"selector"),_f=e=>Se(e,"inline"),xf=e=>Ef(e)&&!1!==e.expand&&!_f(e),Sf=e=>(e=>{const t=[];let n=e;for(;n;){if(es(n)&&n.data!==Pi||n.childNodes.length>1)return[];qr(n)&&t.push(n),n=n.firstChild}return t})(e).length>0,kf=e=>Am(e.dom)&&Sf(e.dom),Nf=Hm,Rf=yf,Af=mf,Tf=cf,Of=(e,t)=>{let n=t;for(;n;){if(qr(n)&&e.getContentEditable(n))return"false"===e.getContentEditable(n)?n:t;n=n.parentNode}return t},Bf=(e,t,n,o)=>{const r=t.data;if(e){for(let e=n;e>0;e--)if(o(r.charAt(e-1)))return e}else for(let e=n;e<r.length;e++)if(o(r.charAt(e)))return e;return-1},Pf=(e,t,n)=>Bf(e,t,n,(e=>$m(e)||qm(e))),Df=(e,t,n)=>Bf(e,t,n,Wm),Lf=(e,t,n,o,r,s)=>{let a;const i=e.getParent(n,(t=>us(t)||e.isBlock(t))),l=C(i)?i:t,d=(t,n,o)=>{const s=Ei(e),i=r?s.backwards:s.forwards;return I.from(i(t,n,((e,t)=>Nf(e.parentNode)?-1:(a=e,o(r,e,t))),l))};return d(n,o,Pf).bind((e=>s?d(e.container,e.offset+(r?-1:0),Df):I?.some(e))).orThunk((()=>a?I?.some({container:a,offset:r?0:a.length}):I.none()))},Mf=(e,t,n,o,r)=>{const s=o[r];es(o)&&tt(o.data)&&s&&(o=s);const a=Rf(e,o);for(let o=0;o<a.length;o++)for(let r=0;r<t.length;r++){const s=t[r];if((!C(s.collapsed)||s.collapsed===n.collapsed)&&Ef(s)&&e.is(a[o],s.selector))return a[o]}return o},If=(e,t,n,o)=>{var r;let s=n;const a=e.getRoot(),i=t[0];if(wf(i)&&(s=i.wrapper?null:e.getParent(n,i.block,a)),!s){const t=null!==(r=e.getParent(n,"LI,TD,TH,SUMMARY"))&&void 0!==r?r:a;s=e.getParent(es(n)?n.parentNode:n,(t=>t!==a&&Tf(e.schema,t)),t)}if(s&&wf(i)&&i.wrapper&&(s=Rf(e,s,"ul,ol").reverse()[0]||s),!s)for(s=n;s&&s[o]&&!e.isBlock(s[o])&&(s=s[o],!pf(s,"br")););return s||n},Ff=(e,t,n,o)=>{const r=n.parentNode;return!C(n[o])&&(!(r!==t&&!y(r)&&!e.isBlock(r))||Ff(e,t,r,o))},Uf=(e,t,n,o,r,s)=>{let a=n;const i=r?"previousSibling":"nextSibling",l=e.getRoot();if(es(n)&&!Af(n)&&(r?o>0:o<n.data.length))return n;for(;a;){if(us(a))return n;if(!t[0].block_expand&&e.isBlock(a))return s?a:n;for(let t=a[i];t;t=t[i]){const n=es(t)&&!Ff(e,l,t,i);if(!Nf(t)&&(!as(d=t)||!d.getAttribute("data-mce-bogus")||d.nextSibling)&&!Af(t,n))return a}if(a===l||a.parentNode===l){n=a;break}a=a.parentNode}var d;return n},zf=e=>Nf(e.parentNode)||Nf(e),jf=(e,t,n,o={})=>{const{includeTrailingSpace:r=!1,expandToBlock:s=!0}=o,a=e.getParent(t.commonAncestorContainer,(e=>us(e))),i=C(a)?a:e.getRoot();let{startContainer:l,startOffset:d,endContainer:c,endOffset:u}=t;const m=n[0];return qr(l)&&l.hasChildNodes()&&(l=nl(l,d),es(l)&&(d=0)),qr(c)&&c.hasChildNodes()&&(c=nl(c,t.collapsed?u:u-1),es(c)&&(u=c.data.length)),l=Of(e,l),c=Of(e,c),zf(l)&&(l=Nf(l)?l:l.parentNode,l=t.collapsed?l.previousSibling||l:l.nextSibling||l,es(l)&&(d=t.collapsed?l.length:0)),zf(c)&&(c=Nf(c)?c:c.parentNode,c=t.collapsed?c.nextSibling||c:c.previousSibling||c,es(c)&&(u=t.collapsed?0:c.length)),t.collapsed&&(Lf(e,i,l,d,!0,r).each((({container:e,offset:t})=>{l=e,d=t})),Lf(e,i,c,u,!1,r).each((({container:e,offset:t})=>{c=e,u=t}))),(_f(m)||m.block_expand)&&(_f(m)&&es(l)&&0!==d||(l=Uf(e,n,l,d,!0,s)),_f(m)&&es(c)&&u!==c.data.length||(c=Uf(e,n,c,u,!1,s))),xf(m)&&(l=Mf(e,n,t,l,"previousSibling"),c=Mf(e,n,t,c,"nextSibling")),(wf(m)||Ef(m))&&(l=If(e,n,l,"previousSibling"),c=If(e,n,c,"nextSibling"),wf(m)&&(e.isBlock(l)||(l=Uf(e,n,l,d,!0,s),es(l)&&(d=0)),e.isBlock(c)||(c=Uf(e,n,c,u,!1,s),es(c)&&(u=c.data.length)))),qr(l)&&l.parentNode&&(d=e.nodeIndex(l),l=l.parentNode),qr(c)&&c.parentNode&&(u=e.nodeIndex(c)+1,c=c.parentNode),{startContainer:l,startOffset:d,endContainer:c,endOffset:u}},Hf=(e,t,n)=>{var o;const r=t.startOffset,s=nl(t.startContainer,r),a=t.endOffset,i=nl(t.endContainer,a-1),l=e=>{const t=e[0];es(t)&&t===s&&r>=t.data.length&&e.splice(0,1);const n=e[e.length-1];return 0===a&&e.length>0&&n===i&&es(n)&&e.splice(e.length-1,1),e},d=(e,t,n)=>{const o=[];for(;e&&e!==n;e=e[t])o.push(e);return o},c=(t,n)=>e.getParent(t,(e=>e.parentNode===n),n),u=(e,t,o)=>{const r=o?"nextSibling":"previousSibling";for(let s=e,a=s.parentNode;s&&s!==t;s=a){a=s.parentNode;const t=d(s===e?s:s[r],r);t.length&&(o||t.reverse(),n(l(t)))}};if(s===i)return n(l([s]));const m=null!==(o=e.findCommonAncestor(s,i))&&void 0!==o?o:e.getRoot();if(e.isChildOf(s,i))return u(s,m,!0);if(e.isChildOf(i,s))return u(i,m);const f=c(s,m)||s,g=c(i,m)||i;u(s,f,!0);const p=d(f===s?f:f.nextSibling,"nextSibling",g===i?g.nextSibling:g);p.length&&n(l(p)),u(i,g)},$f=['pre[class*=language-][contenteditable="false"]',"figure.image","div[data-ephox-embed-iri]","div.tiny-pageembed","div.mce-toc","div[data-mce-toc]","div.mce-footnotes"],Vf=(e,t,n,o,r,s)=>{const{uid:a=t,...i}=n;cr(e,ci()),go(e,`${mi()}`,a),go(e,`${ui()}`,o);const{attributes:l={},classes:d=[]}=r(a,i);if(po(e,l),((e,t)=>{q(t,(t=>{cr(e,t)}))})(e,d),s){d.length>0&&go(e,`${gi()}`,d.join(","));const t=fe(l);t.length>0&&go(e,`${pi()}`,t.join(","))}},qf=(e,t,n,o,r)=>{const s=cn("span",e);return Vf(s,t,n,o,r,!1),s},Wf=(e,t,n,o,r,s)=>{const a=[],i=qf(e.getDoc(),n,s,o,r),l=Ve(),d=()=>{l.clear()},c=e=>{q(e,u)},u=t=>{switch(((e,t,n,o)=>Mn(t).fold((()=>"skipping"),(r=>"br"===o||(e=>Rn(e)&&Xo(e)===Pi)(t)?"valid":(e=>Nn(e)&&fr(e,ci()))(t)?"existing":Am(t.dom)?"caret":$($f,(e=>vn(t,e)))?"valid-block":uf(e,n,o)&&uf(e,_n(r),n)?"valid":"invalid-child")))(e,t,"span",_n(t))){case"invalid-child":{d();const e=Hn(t);c(e),d();break}case"valid-block":d(),Vf(t,n,s,o,r,!0);break;case"valid":{const e=l.get().getOrThunk((()=>{const e=So(i);return a.push(e),l.set(e),e}));uo(t,e);break}}};return Hf(e.dom,t,(e=>{d(),(e=>{const t=V(e,mn);c(t)})(e)})),a},Kf=e=>{const t=(()=>{const e={};return{register:(t,n)=>{e[t]={name:t,settings:n}},lookup:t=>_e(e,t)?.map((e=>e.settings)),getNames:()=>fe(e)}})();((e,t)=>{const n=ui(),o=e=>I.from(e.attr(n)).bind(t.lookup),r=e=>{var t,n;e.attr(mi(),null),e.attr(ui(),null),e.attr(fi(),null);const o=I.from(e.attr(pi()))?.map((e=>e.split(","))).getOr([]),r=I.from(e.attr(gi()))?.map((e=>e.split(","))).getOr([]);q(o,(t=>e.attr(t,null)));const s=null!==(n=null===(t=e.attr("class"))||void 0===t?void 0:t.split(" "))&&void 0!==n?n:[],a=re(s,[ci()].concat(r));e.attr("class",a.length>0?a.join(" "):null),e.attr(gi(),null),e.attr(pi(),null)};e.serializer.addTempAttr(fi()),e.serializer.addAttributeFilter(n,(e=>{for(const t of e)o(t).each((e=>{!1===e.persistent&&("span"===t.name?t.unwrap():r(t))}))}))})(e,t);const n=((e,t)=>{const n=Ne({}),o=()=>({listeners:[],previous:Ve()}),r=(e,t)=>{s(e,(e=>(t(e),e)))},s=(e,t)=>{const r=n.get(),s=t(_e(r,e).getOrThunk(o));r[e]=s,n.set(r)},a=(t,n)=>{q(yi(e,t),(e=>{n?go(e,fi(),"true"):yo(e,fi())}))},i=rt((()=>{const n=ae(t.getNames());q(n,(t=>{s(t,(n=>{const o=n.previous.get();return bi(e,I?.some(t)).fold((()=>{o.each((e=>{(e=>{r(e,(t=>{q(t.listeners,(t=>t(!1,e)))}))})(t),n.previous.clear(),a(e,!1)}))}),(({uid:e,name:t,elements:s})=>{Fe(o,e)||(o.each((e=>a(e,!1))),((e,t,n)=>{r(e,(o=>{q(o.listeners,(o=>o(!0,e,{uid:t,nodes:V(n,(e=>e.dom))})))}))})(t,e,s),n.previous.set(e),a(e,!0))})),{previous:n.previous,listeners:n.listeners}}))}))}),30);return e.on("remove",(()=>{i.cancel()})),e.on("NodeChange",(()=>{i.throttle()})),{addListener:(e,t)=>{s(e,(e=>({previous:e.previous,listeners:e.listeners.concat([t])})))}}})(e,t),o=On("span"),r=e=>{q(e,(e=>{o(e)?_o(e):(e=>{mr(e,ci()),yo(e,`${mi()}`),yo(e,`${ui()}`),yo(e,`${fi()}`);const t=bo(e,`${pi()}`)?.map((e=>e.split(","))).getOr([]),n=bo(e,`${gi()}`)?.map((e=>e.split(","))).getOr([]);var o;q(t,(t=>yo(e,t))),o=e,q(n,(e=>{mr(o,e)})),yo(e,`${gi()}`),yo(e,`${pi()}`)})(e)}))};return{register:(e,n)=>{t.register(e,n)},annotate:(n,o)=>{t.lookup(n).each((t=>{((e,t,n,o)=>{e.undoManager.transact((()=>{const r=e.selection,s=r.getRng(),a=Gm(e).length>0,i=De("mce-annotation");if(s.collapsed&&!a&&((e,t)=>{const n=jf(e.dom,t,[{inline:"span"}]);t.setStart(n.startContainer,n.startOffset),t.setEnd(n.endContainer,n.endOffset),e.selection.setRng(t)})(e,s),r.getRng().collapsed&&!a){const s=qf(e.getDoc(),i,o,t,n.decorate);Ao(s,it),r.getRng().insertNode(s.dom),r.select(s.dom)}else of(r,!1,(()=>{nf(e,(r=>{Wf(e,r,i,t,n.decorate,o)}))}))}))})(e,n,t,o)}))},annotationChanged:(e,t)=>{n.addListener(e,t)},remove:t=>{bi(e,I?.some(t)).each((({elements:t})=>{const n=e.selection.getBookmark();r(t),e.selection.moveToBookmark(n)}))},removeAll:t=>{const n=e.selection.getBookmark();pe(Ci(e,t),((e,t)=>{r(e)})),e.selection.moveToBookmark(n)},getAll:t=>{const n=Ci(e,t);return he(n,(e=>V(e,(e=>e.dom))))}}},Yf=e=>({getBookmark:T(zm,e),moveToBookmark:T(jm,e)});Yf.isBookmarkNode=Hm;const Gf=(e,t,n)=>!n.collapsed&&$(n.getClientRects(),(n=>((e,t,n)=>t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom)(n,e,t))),Xf=(e,t)=>{const n=Rn(t)?Xo(t).length:Hn(t).length+1;return e>n?n:e<0?0:e},Zf=e=>Tr.range(e.start,Xf(e.soffset,e.start),e.finish,Xf(e.foffset,e.finish)),Qf=(e,t)=>!Vr(t.dom)&&(wn(e,t)||Cn(e,t)),Jf=e=>t=>Qf(e,t.start)&&Qf(e,t.finish),eg=e=>Tr.range(mn(e.startContainer),e.startOffset,mn(e.endContainer),e.endOffset),tg=e=>{const t=document.createRange();try{return t.setStart(e.start.dom,e.soffset),t.setEnd(e.finish.dom,e.foffset),I?.some(t)}catch(e){return I.none()}},ng=e=>{const t=(e=>e.inline||nn.browser.isFirefox())(e)?(n=mn(e.getBody()),(e=>{const t=e.getSelection();return(t&&0!==t.rangeCount?I.from(t.getRangeAt(0)):I.none())?.map(eg)})(Dn(n).dom).filter(Jf(n))):I.none();var n;e.bookmark=t.isSome()?t:e.bookmark},og=e=>(e.bookmark?e.bookmark:I.none()).bind((t=>{return n=mn(e.getBody()),o=t,I.from(o).filter(Jf(n))?.map(Zf);var n,o})).bind(tg),rg={isEditorUIElement:e=>{const t=e.className.toString();return-1!==t.indexOf("tox-")||-1!==t.indexOf("mce-")}},sg={setEditorTimeout:(e,t,n)=>((e,t)=>(E(t)||(t=0),window.setTimeout(e,t)))((()=>{e.removed||t()}),n),setEditorInterval:(e,t,n)=>{const o=((e,t)=>(E(t)||(t=0),window.setInterval(e,t)))((()=>{e.removed?window.clearInterval(o):t()}),n);return o}},ag=(e,t)=>e.view(t).fold(N([]),(t=>{const n=e.owner(t),o=ag(e,n);return[t].concat(o)}));var ig=Object.freeze({__proto__:null,view:e=>{var t;return(e.dom===document?I.none():I.from(null===(t=e.dom.defaultView)||void 0===t?void 0:t.frameElement))?.map(mn)},owner:e=>Pn(e)});const lg=e=>{const t=no(),n=qo(t),o=((e,t)=>{const n=t.owner(e);return ag(t,n)})(e,ig),r=Vo(e),s=G(o,((e,t)=>{const n=Vo(t);return{left:e.left+n.left,top:e.top+n.top}}),{left:0,top:0});return Ho(s.left+r.left+n.left,s.top+r.top+n.top)};let dg;const cg=ni.DOM,ug=e=>{const t=e.classList;return void 0!==t&&(t.contains("tox-edit-area")||t.contains("tox-edit-area__iframe")||t.contains("mce-content-body"))},mg=(e,t)=>{const n=hc(e),o=cg.getParent(t,(t=>(e=>qr(e)&&rg.isEditorUIElement(e))(t)||!!n&&e.dom.is(t,n)));return null!==o},fg=e=>{try{const t=Yn(mn(e.getElement()));return so(t).fold((()=>document.body),(e=>e.dom))}catch(e){return document.body}},gg=(e,t)=>{const n=t.editor;(e=>{const t=ot((()=>{ng(e)}),0);e.on("init",(()=>{e.inline&&((e,t)=>{const n=()=>{t.throttle()};ni.DOM.bind(document,"mouseup",n),e.on("remove",(()=>{ni.DOM.unbind(document,"mouseup",n)}))})(e,t),((e,t)=>{((e,t)=>{e.on("mouseup touchend",(e=>{t.throttle()}))})(e,t),e.on("keyup NodeChange AfterSetSelectionRange",(t=>{(e=>"nodechange"===e.type&&e.selectionChange)(t)||ng(e)}))})(e,t)})),e.on("remove",(()=>{t.cancel()}))})(n);const o=(e,t)=>{ru(e)&&!0!==e.inline&&t(mn(e.getContainer()),"tox-edit-focus")};n.on("focusin",(()=>{const t=e.focusedEditor;if(ug(fg(n))&&o(n,cr),t!==n){t&&t.dispatch("blur",{focusedEditor:n}),e.setActive(n),e.focusedEditor=n,n.dispatch("focus",{blurredEditor:t}),n.focus(!0);const o=Kt().browser;!0!==n.inline&&(o.isSafari()||o.isChromium())&&(e=>{if(!e.iframeElement)return;const t=mn(e.iframeElement),n=lg(t),o=Ir(window);(n.top<o.y||n.top>o.bottom-25)&&t.dom.scrollIntoView({block:"center"})})(n)}})),n.on("focusout",(()=>{sg.setEditorTimeout(n,(()=>{const t=e.focusedEditor;ug(fg(n))&&t===n||o(n,mr),mg(n,fg(n))||t!==n||(n.dispatch("blur",{focusedEditor:null}),e.focusedEditor=null)}))})),dg||(dg=t=>{const n=e.activeEditor;n&&Zn(t).each((t=>{const o=t;o.ownerDocument===document&&(o===document.body||mg(n,o)||e.focusedEditor!==n||(n.dispatch("blur",{focusedEditor:null}),e.focusedEditor=null))}))},cg.bind(document,"focusin",dg))},pg=(e,t)=>{e.focusedEditor===t.editor&&(e.focusedEditor=null),!e.activeEditor&&dg&&(cg.unbind(document,"focusin",dg),dg=null)},hg=(e,t)=>{((e,t)=>(e=>e.collapsed?I.from(nl(e.startContainer,e.startOffset))?.map(mn):I.none())(t).bind((t=>Ri(t)?I?.some(t):wn(e,t)?I.none():I?.some(e))))(mn(e.getBody()),t).bind((e=>km(e.dom))).fold((()=>{e.selection.normalize()}),(t=>e.selection.setRng(t.toRange())))},bg=e=>{if(e.setActive)try{e.setActive()}catch(t){e.focus()}else e.focus()},vg=e=>e.inline?(e=>{const t=e.getBody();return t&&(n=mn(t),ro(n)||(o=n,so(Yn(o)).filter((e=>o.dom.contains(e.dom)))).isSome());var n,o})(e):(e=>C(e.iframeElement)&&ro(mn(e.iframeElement)))(e),yg=e=>vg(e)||(e=>{const t=Yn(mn(e.getElement()));return so(t).filter((t=>!ug(t.dom)&&mg(e,t.dom))).isSome()})(e),Cg=e=>e.editorManager.setActive(e),wg={BACKSPACE:8,DELETE:46,DOWN:40,ENTER:13,ESC:27,LEFT:37,RIGHT:39,SPACEBAR:32,TAB:9,UP:38,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,modifierPressed:e=>e.shiftKey||e.ctrlKey||e.altKey||wg.metaKeyPressed(e),metaKeyPressed:e=>nn.os.isMacOS()||nn.os.isiOS()?e.metaKey:e.ctrlKey&&!e.altKey},Eg="data-mce-selected",_g=Math.abs,xg=Math.round,Sg={nw:[0,0,-1,-1],ne:[1,0,1,-1],se:[1,1,1,1],sw:[0,1,-1,1]},kg=(e,t)=>{const n=t.dom,o=t.getDoc(),r=document,s=t.getBody();let a,i,l,d,c,u,m,f,g,p,h,b,v,y,w;const E=e=>C(e)&&(is(e)||n.is(e,"figure.image")),_=e=>gs(e)||n.hasClass(e,"mce-preview-object"),x=e=>{const n=e.target;((e,t)=>{if((e=>"longpress"===e.type||0===e.type.indexOf("touch"))(e)){const n=e.touches[0];return E(e.target)&&!Gf(n.clientX,n.clientY,t)}return E(e.target)&&!Gf(e.clientX,e.clientY,t)})(e,t.selection.getRng())&&!e.isDefaultPrevented()&&t.selection.select(n)},S=e=>n.hasClass(e,"mce-preview-object")&&C(e.firstElementChild)?[e,e.firstElementChild]:n.is(e,"figure.image")?[e.querySelector("img")]:[e],k=e=>{const o=nc(t);return!(!o||t.mode.isReadOnly())&&"false"!==e.getAttribute("data-mce-resize")&&e!==t.getBody()&&(n.hasClass(e,"mce-preview-object")&&C(e.firstElementChild)?vn(mn(e.firstElementChild),o):vn(mn(e),o))},N=(e,o,r)=>{if(C(r)){const s=S(e);q(s,(e=>{e.style[o]||!t.schema.isValid(e.nodeName.toLowerCase(),o)?n.setStyle(e,o,r):n.setAttrib(e,o,""+r)}))}},R=(e,t,n)=>{N(e,"width",t),N(e,"height",n)},A=e=>{let o,r,c,C,x;o=e.screenX-u,r=e.screenY-m,b=o*d[2]+f,v=r*d[3]+g,b=b<5?5:b,v=v<5?5:v,c=(E(a)||_(a))&&!1!==oc(t)?!wg.modifierPressed(e):wg.modifierPressed(e),c&&(_g(o)>_g(r)?(v=xg(b*p),b=xg(v/p)):(b=xg(v/p),v=xg(b*p))),R(i,b,v),C=d.startPos.x+o,x=d.startPos.y+r,C=C>0?C:0,x=x>0?x:0,n.setStyles(l,{left:C,top:x,display:"block"}),l.innerHTML=b+" &times; "+v,o=s.scrollWidth-y,r=s.scrollHeight-w,o+r!==0&&n.setStyles(l,{left:C-o,top:x-r}),h||(((e,t,n,o,r)=>{e.dispatch("ObjectResizeStart",{target:t,width:n,height:o,origin:r})})(t,a,f,g,"corner-"+d.name),h=!0)},T=()=>{const e=h;h=!1,e&&(N(a,"width",b),N(a,"height",v)),n.unbind(o,"mousemove",A),n.unbind(o,"mouseup",T),r!==o&&(n.unbind(r,"mousemove",A),n.unbind(r,"mouseup",T)),n.remove(i),n.remove(l),n.remove(c),O(a),e&&(((e,t,n,o,r)=>{e.dispatch("ObjectResized",{target:t,width:n,height:o,origin:r})})(t,a,b,v,"corner-"+d.name),n.setAttrib(a,"style",n.getAttrib(a,"style"))),t.nodeChanged()},O=e=>{M();const h=n.getPos(e,s),C=h.x,E=h.y,x=e.getBoundingClientRect(),N=x.width||x.right-x.left,O=x.height||x.bottom-x.top;a!==e&&(P(),a=e,b=v=0);const B=t.dispatch("ObjectSelected",{target:e});k(e)&&!B.isDefaultPrevented()?pe(Sg,((e,t)=>{let h=n.get("mceResizeHandle"+t);h&&n.remove(h),h=n.add(s,"div",{id:"mceResizeHandle"+t,"data-mce-bogus":"all",class:"mce-resizehandle",unselectable:!0,style:"cursor:"+t+"-resize; margin:0; padding:0"}),n.bind(h,"mousedown",(h=>{h.stopImmediatePropagation(),h.preventDefault(),(h=>{const b=S(a)[0];u=h.screenX,m=h.screenY,f=b.clientWidth,g=b.clientHeight,p=g/f,d=e,d.name=t,d.startPos={x:N*e[0]+C,y:O*e[1]+E},y=s.scrollWidth,w=s.scrollHeight,c=n.add(s,"div",{class:"mce-resize-backdrop","data-mce-bogus":"all"}),n.setStyles(c,{position:"fixed",left:"0",top:"0",width:"100%",height:"100%"}),i=((e,t)=>{if(_(t))return e.create("img",{src:nn.transparentSrc});if(Zr(t)){const n=Ye(d.name,"n")?le:de,o=t.cloneNode(!0);return n(e.select("tr",o)).each((t=>{const n=e.select("td,th",t);e.setStyle(t,"height",null),q(n,(t=>e.setStyle(t,"height",null)))})),o}return t.cloneNode(!0)})(n,a),n.addClass(i,"mce-clonedresizable"),n.setAttrib(i,"data-mce-bogus","all"),i.contentEditable="false",n.setStyles(i,{left:C,top:E,margin:0}),R(i,N,O),i.removeAttribute(Eg),s.appendChild(i),n.bind(o,"mousemove",A),n.bind(o,"mouseup",T),r!==o&&(n.bind(r,"mousemove",A),n.bind(r,"mouseup",T)),l=n.add(s,"div",{class:"mce-resize-helper","data-mce-bogus":"all"},f+" &times; "+g)})(h)})),e.elm=h,n.setStyles(h,{left:N*e[0]+C-h.offsetWidth/2,top:O*e[1]+E-h.offsetHeight/2})})):P(!1)},B=ot(O,0),P=(e=!0)=>{B.cancel(),M(),a&&e&&a.removeAttribute(Eg),pe(Sg,((e,t)=>{const o=n.get("mceResizeHandle"+t);o&&(n.unbind(o),n.remove(o))}))},D=(e,t)=>n.isChildOf(e,t),L=o=>{if(h||t.removed||t.composing)return;const r="mousedown"===o.type?o.target:e.getNode(),a=sr(mn(r),"table,img,figure.image,hr,video,span.mce-preview-object,details")?.map((e=>e.dom)).filter((e=>n.isEditable(e.parentElement)||"IMG"===e.nodeName&&n.isEditable(e))).getOrUndefined(),i=C(a)?n.getAttrib(a,Eg,"1"):"1";if(q(n.select(`img[${Eg}],hr[${Eg}]`),(e=>{e.removeAttribute(Eg)})),C(a)&&D(a,s)&&yg(t)){I();const t=e.getStart(!0);if(D(t,a)&&D(e.getEnd(!0),a))return n.setAttrib(a,Eg,i),void B.throttle(a)}P()},M=()=>{pe(Sg,(e=>{e.elm&&(n.unbind(e.elm),delete e.elm)}))},I=()=>{try{t.getDoc().execCommand("enableObjectResizing",!1,"false")}catch(e){}};return t.on("init",(()=>{I(),t.on("NodeChange ResizeEditor ResizeWindow ResizeContent drop",L),t.on("keyup compositionend",(e=>{a&&"TABLE"===a.nodeName&&L(e)})),t.on("hide blur",P),t.on("contextmenu longpress",x,!0)})),t.on("remove",M),{isResizable:k,showResizeRect:O,hideResizeRect:P,updateResizeRect:L,destroy:()=>{B.cancel(),a=i=c=null}}},Ng=(e,t,n)=>{const o=Dn(mn(n));return Lr(o.dom,e,t)?.map((e=>{const t=n.createRange();return t.setStart(e.start.dom,e.soffset),t.setEnd(e.finish.dom,e.foffset),t})).getOrUndefined()},Rg=(e,t)=>C(e)&&C(t)&&e.startContainer===t.startContainer&&e.startOffset===t.startOffset&&e.endContainer===t.endContainer&&e.endOffset===t.endOffset,Ag=(e,t,n)=>null!==((e,t,n)=>{let o=e;for(;o&&o!==t;){if(n(o))return o;o=o.parentNode}return null})(e,t,n),Tg=(e,t,n)=>Ag(e,t,(e=>e.nodeName===n)),Og=(e,t)=>zi(e)&&!Ag(e,t,Am),Bg=(e,t,n)=>{const o=t.parentNode;if(o){const r=new Fr(t,e.getParent(o,e.isBlock)||e.getRoot());let s;for(;s=r[n?"prev":"next"]();)if(as(s))return!0}return!1},Pg=(e,t,n,o,r)=>{const s=e.getRoot(),a=e.schema.getNonEmptyElements(),i=r.parentNode;let l,d;if(!i)return I.none();const c=e.getParent(i,e.isBlock)||s;if(o&&as(r)&&t&&e.isEmpty(c))return I?.some(Pl(i,e.nodeIndex(r)));const u=new Fr(r,c);for(;d=u[o?"prev":"next"]();){if("false"===e.getContentEditableParent(d)||Og(d,s))return I.none();if(es(d)&&d.data.length>0)return Tg(d,s,"A")?I.none():I?.some(Pl(d,o?d.data.length:0));if(e.isBlock(d)||a[d.nodeName.toLowerCase()])return I.none();l=d}return os(l)?I.none():n&&l?I?.some(Pl(l,0)):I.none()},Dg=(e,t,n,o)=>{const r=e.getRoot();let s,a=!1,i=n?o.startContainer:o.endContainer,l=n?o.startOffset:o.endOffset;const d=qr(i)&&l===i.childNodes.length,c=e.schema.getNonEmptyElements();let u=n;if(zi(i))return I.none();if(qr(i)&&l>i.childNodes.length-1&&(u=!1),rs(i)&&(i=r,l=0),i===r){if(u&&(s=i.childNodes[l>0?l-1:0],s)){if(zi(s))return I.none();if(c[s.nodeName]||Zr(s))return I.none()}if(i.hasChildNodes()){if(l=Math.min(!u&&l>0?l-1:l,i.childNodes.length-1),i=i.childNodes[l],l=es(i)&&d?i.data.length:0,!t&&i===r.lastChild&&Zr(i))return I.none();if(((e,t)=>{let n=t;for(;n&&n!==e;){if(cs(n))return!0;n=n.parentNode}return!1})(r,i)||zi(i))return I.none();if(hs(i))return I.none();if(i.hasChildNodes()&&!Zr(i)){s=i;const t=new Fr(i,r);do{if(cs(s)||zi(s)){a=!1;break}if(es(s)&&s.data.length>0){l=u?0:s.data.length,i=s,a=!0;break}if(c[s.nodeName.toLowerCase()]&&!fs(s)){l=e.nodeIndex(s),i=s.parentNode,u||l++,a=!0;break}}while(s=u?t.next():t.prev())}}}return t&&(es(i)&&0===l&&Pg(e,d,t,!0,i).each((e=>{i=e.container(),l=e.offset(),a=!0})),qr(i)&&(s=i.childNodes[l],s||(s=i.childNodes[l-1]),!s||!as(s)||(e=>{var t;return"A"===(null===(t=e.previousSibling)||void 0===t?void 0:t.nodeName)})(s)||Bg(e,s,!1)||Bg(e,s,!0)||Pg(e,d,t,!0,s).each((e=>{i=e.container(),l=e.offset(),a=!0})))),u&&!t&&es(i)&&l===i.data.length&&Pg(e,d,t,!1,i).each((e=>{i=e.container(),l=e.offset(),a=!0})),a&&i?I?.some(Pl(i,l)):I.none()},Lg=(e,t)=>{const n=t.collapsed,o=t.cloneRange(),r=Pl.fromRangeStart(t);return Dg(e,n,!0,o).each((e=>{n&&Pl.isAbove(r,e)||o.setStart(e.container(),e.offset())})),n||Dg(e,n,!1,o).each((e=>{o.setEnd(e.container(),e.offset())})),n&&o.collapse(!0),Rg(t,o)?I.none():I?.some(o)},Mg=(e,t)=>e.splitText(t),Ig=e=>{let t=e.startContainer,n=e.startOffset,o=e.endContainer,r=e.endOffset;if(t===o&&es(t)){if(n>0&&n<t.data.length)if(o=Mg(t,n),t=o.previousSibling,r>n){r-=n;const e=Mg(o,r).previousSibling;t=o=e,r=e.data.length,n=0}else r=0}else if(es(t)&&n>0&&n<t.data.length&&(t=Mg(t,n),n=0),es(o)&&r>0&&r<o.data.length){const e=Mg(o,r).previousSibling;o=e,r=e.data.length}return{startContainer:t,startOffset:n,endContainer:o,endOffset:r}},Fg=e=>({walk:(t,n)=>Hf(e,t,n),split:Ig,expand:(t,n={type:"word"})=>{if("word"===n.type){const n=jf(e,t,[{inline:"span"}],{includeTrailingSpace:!1,expandToBlock:!1}),o=e.createRng();return o.setStart(n.startContainer,n.startOffset),o.setEnd(n.endContainer,n.endOffset),o}return t},normalize:t=>Lg(e,t).fold(L,(e=>(t.setStart(e.startContainer,e.startOffset),t.setEnd(e.endContainer,e.endOffset),!0)))});Fg.compareRanges=Rg,Fg.getCaretRangeFromPoint=Ng,Fg.getSelectedNode=tl,Fg.getNode=nl;const Ug=e=>"textarea"===_n(e),zg=(e,t)=>{const n=(e=>{const t=e.dom.ownerDocument,n=t.body,o=t.defaultView,r=t.documentElement;if(n===e.dom)return Ho(n.offsetLeft,n.offsetTop);const s=$o(null==o?void 0:o.pageYOffset,r.scrollTop),a=$o(null==o?void 0:o.pageXOffset,r.scrollLeft),i=$o(r.clientTop,n.clientTop),l=$o(r.clientLeft,n.clientLeft);return Vo(e).translate(a-l,s-i)})(e),o=(e=>zo.get(e))(e);return{element:e,bottom:n.top+o,height:o,pos:n,cleanup:t}},jg=(e,t,n,o)=>{qg(e,((r,s)=>$g(e,t,n,o)),n)},Hg=(e,t,n,o,r)=>{const s={elm:o.element.dom,alignToTop:r};((e,t)=>e.dispatch("ScrollIntoView",t).isDefaultPrevented())(e,s)||(n(e,t,qo(t).top,o,r),((e,t)=>{e.dispatch("AfterScrollIntoView",t)})(e,s))},$g=(e,t,n,o)=>{const r=mn(e.getBody()),s=mn(e.getDoc());r.dom.offsetWidth;const a=((e,t)=>{const n=((e,t)=>{const n=Hn(e);if(0===n.length||Ug(e))return{element:e,offset:t};if(t<n.length&&!Ug(n[t]))return{element:n[t],offset:0};{const o=n[n.length-1];return Ug(o)?{element:e,offset:t}:"img"===_n(o)?{element:o,offset:1}:Rn(o)?{element:o,offset:Xo(o).length}:{element:o,offset:Hn(o).length}}})(e,t),o=dn('<span data-mce-bogus="all" style="display: inline-block;">\ufeff</span>');return ao(n.element,o),zg(o,(()=>Eo(o)))})(mn(n.startContainer),n.startOffset);Hg(e,s,t,a,o),a.cleanup()},Vg=(e,t,n,o)=>{const r=mn(e.getDoc());Hg(e,r,n,(e=>zg(mn(e),x))(t),o)},qg=(e,t,n)=>{const o=n.startContainer,r=n.startOffset,s=n.endContainer,a=n.endOffset;t(mn(o),mn(s));const i=e.dom.createRng();i.setStart(o,r),i.setEnd(s,a),e.selection.setRng(n)},Wg=(e,t,n,o,r)=>{const s=t.pos;if(o)Wo(s.left,Math.max(0,s.top-30),r);else{const o=s.top-n+t.height+30;Wo(-e.getBody().getBoundingClientRect().left,o,r)}},Kg=(e,t,n,o,r,s)=>{const a=o+n,i=r.pos.top,l=r.bottom,d=l-i>=o;i<n?Wg(e,r,o,!1!==s,t):i>a?Wg(e,r,o,d?!1!==s:!0===s,t):l>a&&!d&&Wg(e,r,o,!0===s,t)},Yg=(e,t,n,o,r)=>{const s=Dn(t).dom.innerHeight;Kg(e,t,n,s,o,r)},Gg=(e,t,n,o,r)=>{const s=Dn(t).dom.innerHeight;Kg(e,t,n,s,o,r);const a=lg(o.element),i=Ir(window);a.top<i.y?Ko(o.element,!1!==r):a.top>i.bottom&&Ko(o.element,!0===r)},Xg=(e,t,n)=>jg(e,Yg,t,n),Zg=(e,t,n)=>Vg(e,t,Yg,n),Qg=(e,t,n)=>jg(e,Gg,t,n),Jg=(e,t,n)=>Vg(e,t,Gg,n),ep=(e,t,n)=>{(e.inline?Xg:Qg)(e,t,n)},tp=(e,t)=>t.collapsed?e.isEditable(t.startContainer):e.isEditable(t.startContainer)&&e.isEditable(t.endContainer),np=(e,t,n,o,r)=>{const s=n?t.startContainer:t.endContainer,a=n?t.startOffset:t.endOffset;return I.from(s)?.map(mn)?.map((e=>o&&t.collapsed?e:$n(e,r(e,a)).getOr(e))).bind((e=>Nn(e)?I?.some(e):Ln(e).filter(Nn)))?.map((e=>e.dom)).getOr(e)},op=(e,t,n=!1)=>np(e,t,!0,n,((e,t)=>Math.min(Wn(e),t))),rp=(e,t,n=!1)=>np(e,t,!1,n,((e,t)=>t>0?t-1:t)),sp=(e,t)=>{const n=e;for(;e&&es(e)&&0===e.length;)e=t?e.nextSibling:e.previousSibling;return e||n},ap=(e,t)=>V(t,(t=>{const n=e.dispatch("GetSelectionRange",{range:t});return n.range!==t?n.range:t})),ip={"#text":3,"#comment":8,"#cdata":4,"#pi":7,"#doctype":10,"#document-fragment":11},lp=(e,t,n)=>{const o=n?"lastChild":"firstChild",r=n?"prev":"next";if(e[o])return e[o];if(e!==t){let n=e[r];if(n)return n;for(let o=e.parent;o&&o!==t;o=o.parent)if(n=o[r],n)return n}},dp=e=>{var t;const n=null!==(t=e.value)&&void 0!==t?t:"";if(!zr(n))return!1;const o=e.parent;return!o||"span"===o.name&&!o.attr("style")||!/^[ ]+$/.test(n)},cp=e=>{const t="a"===e.name&&!e.attr("href")&&e.attr("id");return e.attr("name")||e.attr("id")&&!e.firstChild||e.attr("data-mce-bookmark")||t};class up{static create(e,t){const n=new up(e,ip[e]||1);return t&&pe(t,((e,t)=>{n.attr(t,e)})),n}constructor(e,t){this.name=e,this.type=t,1===t&&(this.attributes=[],this.attributes.map={})}replace(e){const t=this;return e.parent&&e.remove(),t.insert(e,t),t.remove(),t}attr(e,t){const n=this;if(!m(e))return C(e)&&pe(e,((e,t)=>{n.attr(t,e)})),n;const o=n.attributes;if(o){if(void 0!==t){if(null===t){if(e in o.map){delete o.map[e];let t=o.length;for(;t--;)if(o[t].name===e)return o.splice(t,1),n}return n}if(e in o.map){let n=o.length;for(;n--;)if(o[n].name===e){o[n].value=t;break}}else o.push({name:e,value:t});return o.map[e]=t,n}return o.map[e]}}clone(){const e=this,t=new up(e.name,e.type),n=e.attributes;if(n){const e=[];e.map={};for(let t=0,o=n.length;t<o;t++){const o=n[t];"id"!==o.name&&(e[e.length]={name:o.name,value:o.value},e.map[o.name]=o.value)}t.attributes=e}return t.value=e.value,t}wrap(e){const t=this;return t.parent&&(t.parent.insert(e,t),e.append(t)),t}unwrap(){const e=this;for(let t=e.firstChild;t;){const n=t.next;e.insert(t,e,!0),t=n}e.remove()}remove(){const e=this,t=e.parent,n=e.next,o=e.prev;return t&&(t.firstChild===e?(t.firstChild=n,n&&(n.prev=null)):o&&(o.next=n),t.lastChild===e?(t.lastChild=o,o&&(o.next=null)):n&&(n.prev=o),e.parent=e.next=e.prev=null),e}append(e){const t=this;e.parent&&e.remove();const n=t.lastChild;return n?(n.next=e,e.prev=n,t.lastChild=e):t.lastChild=t.firstChild=e,e.parent=t,e}insert(e,t,n){e.parent&&e.remove();const o=t.parent||this;return n?(t===o.firstChild?o.firstChild=e:t.prev&&(t.prev.next=e),e.prev=t.prev,e.next=t,t.prev=e):(t===o.lastChild?o.lastChild=e:t.next&&(t.next.prev=e),e.next=t.next,e.prev=t,t.next=e),e.parent=o,e}getAll(e){const t=this,n=[];for(let o=t.firstChild;o;o=lp(o,t))o.name===e&&n.push(o);return n}children(){const e=[];for(let t=this.firstChild;t;t=t.next)e.push(t);return e}empty(){const e=this;if(e.firstChild){const t=[];for(let n=e.firstChild;n;n=lp(n,e))t.push(n);let n=t.length;for(;n--;){const e=t[n];e.parent=e.firstChild=e.lastChild=e.next=e.prev=null}}return e.firstChild=e.lastChild=null,e}isEmpty(e,t={},n){var o;const r=this;let s=r.firstChild;if(cp(r))return!1;if(s)do{if(1===s.type){if(s.attr("data-mce-bogus"))continue;if(e[s.name])return!1;if(cp(s))return!1}if(8===s.type)return!1;if(3===s.type&&!dp(s))return!1;if(3===s.type&&s.parent&&t[s.parent.name]&&zr(null!==(o=s.value)&&void 0!==o?o:""))return!1;if(n&&n(s))return!1}while(s=lp(s,r));return!0}walk(e){return lp(this,null,e)}}const mp=an.makeMap("NOSCRIPT STYLE SCRIPT XMP IFRAME NOEMBED NOFRAMES PLAINTEXT"," "),fp=e=>m(e.nodeValue)&&e.nodeValue.includes(Pi),gp=e=>(0===e.length?"":`${V(e,(e=>`[${e}]`)).join(",")},`)+'[data-mce-bogus="all"]',pp=e=>document.createTreeWalker(e,NodeFilter.SHOW_COMMENT,(e=>fp(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP)),hp=e=>document.createTreeWalker(e,NodeFilter.SHOW_TEXT,(e=>{if(fp(e)){const t=e.parentNode;return t&&xe(mp,t.nodeName)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}return NodeFilter.FILTER_SKIP})),bp=e=>null!==pp(e).nextNode(),vp=e=>null!==hp(e).nextNode(),yp=(e,t)=>null!==t.querySelector(gp(e)),Cp=(e,t)=>{q(((e,t)=>t.querySelectorAll(gp(e)))(e,t),(t=>{const n=mn(t);"all"===ho(n,"data-mce-bogus")?Eo(n):q(e,(e=>{vo(n,e)&&yo(n,e)}))}))},wp=e=>{let t=e.nextNode();for(;null!==t;)t.nodeValue=null,t=e.nextNode()},Ep=S(wp,pp),_p=S(wp,hp),xp=(e,t)=>{const n=[{condition:T(yp,t),action:T(Cp,t)},{condition:bp,action:Ep},{condition:vp,action:_p}];let o=e,r=!1;return q(n,(({condition:t,action:n})=>{t(o)&&(r||(o=e.cloneNode(!0),r=!0),n(o))})),o},Sp=e=>{const t=vr(e,"[data-mce-bogus]");q(t,(e=>{"all"===ho(e,"data-mce-bogus")?Eo(e):xi(e)?(ao(e,un(at)),Eo(e)):_o(e)}))},kp=e=>{const t=vr(e,"input");q(t,(e=>{yo(e,"name")}))},Np=(e,t,n)=>{let o;return o="raw"===t.format?an.trim(Li(xp(n,e.serializer.getTempAttrs()).innerHTML)):"text"===t.format?((e,t)=>{const n=e.getDoc(),o=Yn(mn(e.getBody())),r=cn("div",n);go(r,"data-mce-bogus","all"),Do(r,{position:"fixed",left:"-9999999px",top:"0"}),Ao(r,t.innerHTML),Sp(r),kp(r);const s=(e=>Kn(e)?e:mn(Pn(e).dom.body))(o);co(s,r);const a=Li(r.dom.innerText);return Eo(r),a})(e,n):"tree"===t.format?e.serializer.serialize(n,t):((e,t)=>{const n=Ad(e),o=new RegExp(`^(<${n}[^>]*>(&nbsp;|&#160;|\\s|\xa0|<br \\/>|)<\\/${n}>[\r\n]*|<br \\/>[\r\n]*)$`);return t.replace(o,"")})(e,e.serializer.serialize(n,t)),"text"!==t.format&&!Ti(mn(n))&&m(o)?an.trim(o):o},Rp=an.makeMap,Ap=e=>{const t=[],n=(e=e||{}).indent,o=Rp(e.indent_before||""),r=Rp(e.indent_after||""),s=ua.getEncodeFunc(e.entity_encoding||"raw",e.entities),a="xhtml"!==e.element_format;return{start:(e,i,l)=>{if(n&&o[e]&&t.length>0){const e=t[t.length-1];e.length>0&&"\n"!==e&&t.push("\n")}if(t.push("<",e),i)for(let e=0,n=i.length;e<n;e++){const n=i[e];t.push(" ",n.name,'="',s(n.value,!0),'"')}if(t[t.length]=!l||a?">":" />",l&&n&&r[e]&&t.length>0){const e=t[t.length-1];e.length>0&&"\n"!==e&&t.push("\n")}},end:e=>{let o;t.push("</",e,">"),n&&r[e]&&t.length>0&&(o=t[t.length-1],o.length>0&&"\n"!==o&&t.push("\n"))},text:(e,n)=>{e.length>0&&(t[t.length]=n?e:s(e))},cdata:e=>{t.push("<![CDATA[",e,"]]>")},comment:e=>{t.push("\x3c!--",e,"--\x3e")},pi:(e,o)=>{o?t.push("<?",e," ",s(o),"?>"):t.push("<?",e,"?>"),n&&t.push("\n")},doctype:e=>{t.push("<!DOCTYPE",e,">",n?"\n":"")},reset:()=>{t.length=0},getContent:()=>t.join("").replace(/\n$/,"")}},Tp=(e={},t=Ra())=>{const n=Ap(e);return e.validate=!("validate"in e)||e.validate,{serialize:o=>{const r=e.validate,s={3:e=>{var t;n.text(null!==(t=e.value)&&void 0!==t?t:"",e.raw)},8:e=>{var t;n.comment(null!==(t=e.value)&&void 0!==t?t:"")},7:e=>{n.pi(e.name,e.value)},10:e=>{var t;n.doctype(null!==(t=e.value)&&void 0!==t?t:"")},4:e=>{var t;n.cdata(null!==(t=e.value)&&void 0!==t?t:"")},11:e=>{let t=e;if(t=t.firstChild)do{a(t)}while(t=t.next)}};n.reset();const a=e=>{var o;const i=s[e.type];if(i)i(e);else{const s=e.name,i=s in t.getVoidElements();let l=e.attributes;if(r&&l&&l.length>1){const n=[];n.map={};const o=t.getElementRule(e.name);if(o){for(let e=0,t=o.attributesOrder.length;e<t;e++){const t=o.attributesOrder[e];if(t in l.map){const e=l.map[t];n.map[t]=e,n.push({name:t,value:e})}}for(let e=0,t=l.length;e<t;e++){const t=l[e].name;if(!(t in n.map)){const e=l.map[t];n.map[t]=e,n.push({name:t,value:e})}}l=n}}if(n.start(s,l,i),ks(s))m(e.value)&&n.text(e.value,!0),n.end(s);else if(!i){let t=e.firstChild;if(t){"pre"!==s&&"textarea"!==s||3!==t.type||"\n"!==(null===(o=t.value)||void 0===o?void 0:o[0])||n.text("\n",!0);do{a(t)}while(t=t.next)}n.end(s)}}};return 1!==o.type||e.inner?3===o.type?s[3](o):s[11](o):a(o),n.getContent()}}},Op=new Set;q(["margin","margin-left","margin-right","margin-top","margin-bottom","padding","padding-left","padding-right","padding-top","padding-bottom","border","border-width","border-style","border-color","background","background-attachment","background-clip","background-image","background-origin","background-position","background-repeat","background-size","float","position","left","right","top","bottom","z-index","display","transform","width","max-width","min-width","height","max-height","min-height","overflow","overflow-x","overflow-y","text-overflow","vertical-align","transition","transition-delay","transition-duration","transition-property","transition-timing-function"],(e=>{Op.add(e)}));const Bp=new Set;q(["background-color"],(e=>{Bp.add(e)}));const Pp=["font","text-decoration","text-emphasis"],Dp=(e,t)=>fe(((e,t)=>e.parseStyle(e.getAttrib(t,"style")))(e,t)),Lp=(e,t)=>$(Dp(e,t),(e=>(e=>Op.has(e))(e))),Mp=(e,t,n)=>I.from(n.container()).filter(es).exists((o=>{const r=e?0:-1;return t(o.data.charAt(n.offset()+r))})),Ip=T(Mp,!0,qm),Fp=T(Mp,!1,qm),Up=e=>{const t=e.container();return es(t)&&(0===t.data.length||Di(t.data)&&Yf.isBookmarkNode(t.parentNode))},zp=(e,t)=>n=>Yu(e?0:-1,n).filter(t).isSome(),jp=e=>is(e)&&"block"===Lo(mn(e),"display"),Hp=e=>cs(e)&&!(e=>qr(e)&&"all"===e.getAttribute("data-mce-bogus"))(e),$p=zp(!0,jp),Vp=zp(!1,jp),qp=zp(!0,gs),Wp=zp(!1,gs),Kp=zp(!0,Zr),Yp=zp(!1,Zr),Gp=zp(!0,Hp),Xp=zp(!1,Hp),Zp=(e,t)=>((e,t,n)=>wn(t,e)?In(e,(e=>n(e)||Cn(e,t))).slice(0,-1):[])(e,t,L),Qp=(e,t)=>[e].concat(Zp(e,t)),Jp=(e,t,n)=>Em(e,t,n,Up),eh=(e,t,n)=>Q(Qp(mn(t.container()),e),(e=>t=>e.isBlock(_n(t)))(n)),th=(e,t,n,o)=>Jp(e,t.dom,n).forall((e=>eh(t,n,o).fold((()=>!Ku(e,n,t.dom)),(o=>!Ku(e,n,t.dom)&&wn(o,mn(e.container())))))),nh=(e,t,n,o)=>eh(t,n,o).fold((()=>Jp(e,t.dom,n).forall((e=>!Ku(e,n,t.dom)))),(t=>Jp(e,t.dom,n).isNone())),oh=T(nh,!1),rh=T(nh,!0),sh=T(th,!1),ah=T(th,!0),ih=e=>om(e).exists(xi),lh=(e,t,n,o)=>{const r=Y(Qp(mn(n.container()),t),(e=>o.isBlock(_n(e)))),s=le(r).getOr(t);return Cm(e,s.dom,n).filter(ih)},dh=(e,t,n)=>om(t).exists(xi)||lh(!0,e,t,n).isSome(),ch=(e,t,n)=>(e=>I.from(e.getNode(!0))?.map(mn))(t).exists(xi)||lh(!1,e,t,n).isSome(),uh=T(lh,!1),mh=T(lh,!0),fh=e=>Pl.isTextPosition(e)&&!e.isAtStart()&&!e.isAtEnd(),gh=(e,t,n)=>{const o=Y(Qp(mn(t.container()),e),(e=>n.isBlock(_n(e))));return le(o).getOr(e)},ph=(e,t,n)=>fh(t)?Fp(t):Fp(t)||Sm(gh(e,t,n).dom,t).exists(Fp),hh=(e,t,n)=>fh(t)?Ip(t):Ip(t)||xm(gh(e,t,n).dom,t).exists(Ip),bh=e=>om(e).bind((e=>tr(e,Nn))).exists((e=>(e=>H(["pre","pre-wrap"],e))(Lo(e,"white-space")))),vh=(e,t)=>n=>{return o=new Fr(n,e)[t](),C(o)&&cs(o)&&Mu(o);var o},yh=(e,t,n)=>!bh(t)&&(((e,t,n)=>((e,t)=>Sm(e.dom,t).isNone())(e,t)||((e,t)=>xm(e.dom,t).isNone())(e,t)||oh(e,t,n)||rh(e,t,n)||ch(e,t,n)||dh(e,t,n))(e,t,n)||ph(e,t,n)||hh(e,t,n)),Ch=(e,t,n)=>!bh(t)&&(oh(e,t,n)||sh(e,t,n)||ch(e,t,n)||ph(e,t,n)||((e,t)=>{const n=Sm(e.dom,t).getOr(t),o=vh(e.dom,"prev");return t.isAtStart()&&(o(t.container())||o(n.container()))})(e,t)),wh=(e,t,n)=>!bh(t)&&(rh(e,t,n)||ah(e,t,n)||dh(e,t,n)||hh(e,t,n)||((e,t)=>{const n=xm(e.dom,t).getOr(t),o=vh(e.dom,"next");return t.isAtEnd()&&(o(t.container())||o(n.container()))})(e,t)),Eh=(e,t,n)=>Ch(e,t,n)||wh(e,(e=>{const t=e.container(),n=e.offset();return es(t)&&n<t.data.length?Pl(t,n+1):e})(t),n),_h=(e,t)=>$m(e.charAt(t)),xh=(e,t)=>qm(e.charAt(t)),Sh=(e,t,n,o)=>{const r=t.data,s=Pl(t,0);return n||!_h(r,0)||Eh(e,s,o)?!!(n&&xh(r,0)&&Ch(e,s,o))&&(t.data=it+r.slice(1),!0):(t.data=" "+r.slice(1),!0)},kh=(e,t,n,o)=>{const r=t.data,s=Pl(t,r.length-1);return n||!_h(r,r.length-1)||Eh(e,s,o)?!!(n&&xh(r,r.length-1)&&wh(e,s,o))&&(t.data=r.slice(0,-1)+it,!0):(t.data=r.slice(0,-1)+" ",!0)},Nh=(e,t,n)=>{const o=t.container();if(!es(o))return I.none();if((e=>{const t=e.container();return es(t)&&Ke(t.data,it)})(t)){const r=Sh(e,o,!1,n)||(e=>{const t=e.data,n=(e=>{const t=e.split("");return V(t,((e,n)=>$m(e)&&n>0&&n<t.length-1&&Wm(t[n-1])&&Wm(t[n+1])?" ":e)).join("")})(t);return n!==t&&(e.data=n,!0)})(o)||kh(e,o,!1,n);return je(r,t)}if(Eh(e,t,n)){const r=Sh(e,o,!0,n)||kh(e,o,!0,n);return je(r,t)}return I.none()},Rh=(e,t,n,o)=>{if(0===n)return;const r=mn(e),s=er(r,(e=>o.isBlock(_n(e)))).getOr(r),a=e.data.slice(t,t+n),i=t+n>=e.data.length&&wh(s,Pl(e,e.data.length),o),l=0===t&&Ch(s,Pl(e,0),o);e.replaceData(t,n,Hr(a,4,l,i))},Ah=(e,t,n)=>{const o=e.data.slice(t),r=o.length-Qe(o).length;Rh(e,t,r,n)},Th=(e,t,n)=>{const o=e.data.slice(0,t),r=o.length-Je(o).length;Rh(e,t-r,r,n)},Oh=(e,t,n,o,r=!0)=>{const s=Je(e.data).length,a=r?e:t,i=r?t:e;return r?a.appendData(i.data):a.insertData(0,i.data),Eo(mn(i)),o&&Ah(a,s,n),a},Bh=(e,t)=>((e,t)=>{const n=e.container(),o=e.offset();return!Pl.isTextPosition(e)&&n===t.parentNode&&o>Pl.before(t).offset()})(t,e)?Pl(t.container(),t.offset()-1):t,Ph=e=>{return fl(e.previousSibling)?I?.some((t=e.previousSibling,es(t)?Pl(t,t.data.length):Pl.after(t))):e.previousSibling?Nm(e.previousSibling):I.none();var t},Dh=e=>{return fl(e.nextSibling)?I?.some((t=e.nextSibling,es(t)?Pl(t,0):Pl.before(t))):e.nextSibling?km(e.nextSibling):I.none();var t},Lh=(e,t,n)=>((e,t,n)=>e?((e,t)=>Dh(t).orThunk((()=>Ph(t))).orThunk((()=>((e,t)=>xm(e,Pl.after(t)).orThunk((()=>Sm(e,Pl.before(t)))))(e,t))))(t,n):((e,t)=>Ph(t).orThunk((()=>Dh(t))).orThunk((()=>((e,t)=>I.from(t.previousSibling?t.previousSibling:t.parentNode).bind((t=>Sm(e,Pl.before(t)))).orThunk((()=>xm(e,Pl.after(t)))))(e,t))))(t,n))(e,t,n)?.map(T(Bh,n)),Mh=(e,t,n)=>{n.fold((()=>{e.focus()}),(n=>{e.selection.setRng(n.toRange(),t)}))},Ih=(e,t)=>t&&xe(e.schema.getBlockElements(),_n(t)),Fh=(e,t,n,o=!0,r=!1)=>{const s=Lh(t,e.getBody(),n.dom),a=er(n,T(Ih,e),(i=e.getBody(),e=>e.dom===i));var i;const l=((e,t,n,o)=>{const r=Fn(e).filter(Rn),s=Un(e).filter(Rn);return Eo(e),(a=r,i=s,l=t,d=(e,t,r)=>{const s=e.dom,a=t.dom,i=s.data.length;return Oh(s,a,n,o),r.container()===a?Pl(s,i):r},a.isSome()&&i.isSome()&&l.isSome()?I?.some(d(a.getOrDie(),i.getOrDie(),l.getOrDie())):I.none()).orThunk((()=>(o&&(r.each((e=>Th(e.dom,e.dom.length,n))),s.each((e=>Ah(e.dom,0,n)))),t)));var a,i,l,d})(n,s,e.schema,((e,t)=>xe(e.schema.getTextInlineElements(),_n(t)))(e,n));e.dom.isEmpty(e.getBody())?(e.setContent(""),e.selection.setCursorLocation()):a.bind((t=>((e,t,n)=>{if(_s(e,t)){const e=dn('<br data-mce-bogus="1">');return n?q(Hn(t),(e=>{kf(e)||Eo(e)})):wo(t),co(t,e),I?.some(Pl.before(e.dom))}return I.none()})(e.schema,t,r))).fold((()=>{o&&Mh(e,t,l)}),(n=>{o&&Mh(e,t,I?.some(n))}))},Uh=/[\u0591-\u07FF\uFB1D-\uFDFF\uFE70-\uFEFC]/,zh=(e,t)=>vn(mn(t),tc(e))&&!js(e.schema,t)&&e.dom.isEditable(t),jh=e=>{var t;return"rtl"===ni.DOM.getStyle(e,"direction",!0)||(e=>Uh.test(e))(null!==(t=e.textContent)&&void 0!==t?t:"")},Hh=(e,t,n)=>{const o=((e,t,n)=>Y(ni.DOM.getParents(n.container(),"*",t),e))(e,t,n);return I.from(o[o.length-1])},$h=(e,t)=>{const n=t.container(),o=t.offset();return e?Ui(n)?es(n.nextSibling)?Pl(n.nextSibling,0):Pl.after(n):Hi(t)?Pl(n,o+1):t:Ui(n)?es(n.previousSibling)?Pl(n.previousSibling,n.previousSibling.data.length):Pl.before(n):$i(t)?Pl(n,o-1):t},Vh=T($h,!0),qh=T($h,!1),Wh=(e,t)=>{const n=e=>e.stopImmediatePropagation();e.on("beforeinput input",n,!0),e.getDoc().execCommand(t),e.off("beforeinput input",n)},Kh=e=>Wh(e,"Delete"),Yh=e=>Wh(e,"ForwardDelete"),Gh=e=>Si(e)||Ni(e),Xh=(e,t)=>wn(e,t)?tr(t,Gh,(e=>t=>Fe(Ln(t),e,Cn))(e)):I.none(),Zh=(e,t=!0)=>{e.dom.isEmpty(e.getBody())&&e.setContent("",{no_selection:!t})},Qh=(e,t,n)=>ze(km(n),Nm(n),((o,r)=>{const s=$h(!0,o),a=$h(!1,r),i=$h(!1,t);return e?xm(n,i).exists((e=>e.isEqual(a)&&t.isEqual(s))):Sm(n,i).exists((e=>e.isEqual(s)&&t.isEqual(a)))})).getOr(!0),Jh=e=>{var t;return(8===xn(t=e)||"#comment"===_n(t)?Fn(e):qn(e)).bind(Jh).orThunk((()=>I?.some(e)))},eb=(e,t,n,o=!0)=>{var r;t.deleteContents();const s=Jh(n).getOr(n),a=mn(null!==(r=e.dom.getParent(s.dom,e.dom.isBlock))&&void 0!==r?r:n.dom);if(a.dom===e.getBody()?Zh(e,o):_s(e.schema,a,{checkRootAsContent:!1})&&(Bi(a),o&&e.selection.setCursorLocation(a.dom,0)),!Cn(n,a)){const t=Fe(Ln(a),n)?[]:Ln(i=a)?.map(Hn)?.map((e=>Y(e,(e=>!Cn(i,e))))).getOr([]);q(t.concat(Hn(n)),(t=>{Cn(t,a)||wn(t,a)||!_s(e.schema,t)||Eo(t)}))}var i},tb=e=>vr(e,"td,th"),nb=(e,t)=>Xm(mn(e),t),ob=(e,t)=>({start:e,end:t}),rb=ke([{singleCellTable:["rng","cell"]},{fullTable:["table"]},{partialTable:["cells","outsideDetails"]},{multiTable:["startTableCells","endTableCells","betweenRng"]}]),sb=(e,t)=>sr(mn(e),"td,th",t),ab=e=>!Cn(e.start,e.end),ib=(e,t)=>Xm(e.start,t).bind((n=>Xm(e.end,t).bind((e=>je(Cn(n,e),n))))),lb=e=>t=>ib(t,e)?.map((e=>((e,t,n)=>({rng:e,table:t,cells:n}))(t,e,tb(e)))),db=(e,t,n,o)=>{if(n.collapsed||!e.forall(ab))return I.none();if(t.isSameTable){const t=e.bind(lb(o));return I?.some({start:t,end:t})}{const e=sb(n.startContainer,o),t=sb(n.endContainer,o),r=e.bind((e=>t=>Xm(t,e).bind((e=>de(tb(e))?.map((e=>ob(t,e))))))(o)).bind(lb(o)),s=t.bind((e=>t=>Xm(t,e).bind((e=>le(tb(e))?.map((e=>ob(e,t))))))(o)).bind(lb(o));return I?.some({start:r,end:s})}},cb=(e,t)=>J(e,(e=>Cn(e,t))),ub=e=>ze(cb(e.cells,e.rng.start),cb(e.cells,e.rng.end),((t,n)=>e.cells.slice(t,n+1))),mb=(e,t)=>{const{startTable:n,endTable:o}=t,r=e.cloneRange();return n.each((e=>r.setStartAfter(e.dom))),o.each((e=>r.setEndBefore(e.dom))),r},fb=(e,t)=>{const n=(e=>t=>Cn(e,t))(e),o=((e,t)=>{const n=sb(e.startContainer,t),o=sb(e.endContainer,t);return ze(n,o,ob)})(t,n),r=((e,t)=>{const n=nb(e.startContainer,t),o=nb(e.endContainer,t),r=n.isSome(),s=o.isSome(),a=ze(n,o,Cn).getOr(!1);return(e=>ze(e.startTable,e.endTable,((t,n)=>{const o=wr(t,(e=>Cn(e,n))),r=wr(n,(e=>Cn(e,t)));return o||r?{...e,startTable:o?I.none():e.startTable,endTable:r?I.none():e.endTable,isSameTable:!1,isMultiTable:!1}:e})).getOr(e))({startTable:n,endTable:o,isStartInTable:r,isEndInTable:s,isSameTable:a,isMultiTable:!a&&r&&s})})(t,n);return((e,t,n)=>e.exists((e=>((e,t)=>!ab(e)&&ib(e,t).exists((e=>{const t=e.dom.rows;return 1===t.length&&1===t[0].cells.length})))(e,n)&&Jm(e.start,t))))(o,t,n)?o?.map((e=>rb.singleCellTable(t,e.start))):r.isMultiTable?((e,t,n,o)=>db(e,t,n,o).bind((({start:e,end:o})=>{const r=e.bind(ub).getOr([]),s=o.bind(ub).getOr([]);if(r.length>0&&s.length>0){const e=mb(n,t);return I?.some(rb.multiTable(r,s,e))}return I.none()})))(o,r,t,n):((e,t,n,o)=>db(e,t,n,o).bind((({start:e,end:t})=>e.or(t))).bind((e=>{const{isSameTable:o}=t,r=ub(e).getOr([]);if(o&&e.cells.length===r.length)return I?.some(rb.fullTable(e.table));if(r.length>0){if(o)return I?.some(rb.partialTable(r,I.none()));{const e=mb(n,t);return I?.some(rb.partialTable(r,I?.some({...t,rng:e})))}}return I.none()})))(o,r,t,n)},gb=e=>q(e,(e=>{yo(e,"contenteditable"),Bi(e)})),pb=(e,t,n,o)=>{const r=n.cloneRange();o?(r.setStart(n.startContainer,n.startOffset),r.setEndAfter(t.dom.lastChild)):(r.setStartBefore(t.dom.firstChild),r.setEnd(n.endContainer,n.endOffset)),yb(e,r,t,!1).each((e=>e()))},hb=e=>{const t=Gm(e),n=mn(e.selection.getNode());ms(n.dom)&&_s(e.schema,n)?e.selection.setCursorLocation(n.dom,0):e.selection.collapse(!0),t.length>1&&$(t,(e=>Cn(e,n)))&&go(n,"data-mce-selected","1")},bb=(e,t,n)=>I?.some((()=>{const o=e.selection.getRng(),r=n.bind((({rng:n,isStartInTable:r})=>{const s=((e,t)=>I.from(e.dom.getParent(t,e.dom.isBlock))?.map(mn))(e,r?n.endContainer:n.startContainer);n.deleteContents(),((e,t,n)=>{n.each((n=>{t?Eo(n):(Bi(n),e.selection.setCursorLocation(n.dom,0))}))})(e,r,s.filter(T(_s,e.schema)));const a=r?t[0]:t[t.length-1];return pb(e,a,o,r),_s(e.schema,a)?I.none():I?.some(r?t.slice(1):t.slice(0,-1))})).getOr(t);gb(r),hb(e)})),vb=(e,t,n,o)=>I?.some((()=>{const r=e.selection.getRng(),s=t[0],a=n[n.length-1];pb(e,s,r,!0),pb(e,a,r,!1);const i=_s(e.schema,s)?t:t.slice(1),l=_s(e.schema,a)?n:n.slice(0,-1);gb(i.concat(l)),o.deleteContents(),hb(e)})),yb=(e,t,n,o=!0)=>I?.some((()=>{eb(e,t,n,o)})),Cb=(e,t)=>I?.some((()=>Fh(e,!1,t))),wb=(e,t)=>Q(Qp(t,e),Ai),Eb=(e,t)=>Q(Qp(t,e),On("caption")),_b=(e,t)=>I?.some((()=>{Bi(t),e.selection.setCursorLocation(t.dom,0)})),xb=(e,t)=>e?Kp(t):Yp(t),Sb=(e,t,n)=>{const o=mn(e.getBody());return Eb(o,n).fold((()=>((e,t,n,o)=>{const r=Pl.fromRangeStart(e.selection.getRng());return wb(n,o).bind((o=>_s(e.schema,o,{checkRootAsContent:!1})?_b(e,o):((e,t,n,o,r)=>wm(n,e.getBody(),r).bind((e=>wb(t,mn(e.getNode())).bind((e=>Cn(e,o)?I.none():I?.some(x))))))(e,n,t,o,r)))})(e,t,o,n).orThunk((()=>je(((e,t)=>{const n=Pl.fromRangeStart(e.selection.getRng());return xb(t,n)||Cm(t,e.getBody(),n).exists((e=>xb(t,e)))})(e,t),x)))),(n=>((e,t,n,o)=>{const r=Pl.fromRangeStart(e.selection.getRng());return _s(e.schema,o)?_b(e,o):((e,t,n,o,r)=>wm(n,e.getBody(),r).fold((()=>I?.some(x)),(s=>((e,t,n,o)=>km(e.dom).bind((r=>Nm(e.dom)?.map((e=>t?n.isEqual(r)&&o.isEqual(e):n.isEqual(e)&&o.isEqual(r))))).getOr(!0))(o,n,r,s)?((e,t)=>_b(e,t))(e,o):((e,t,n)=>Eb(e,mn(n.getNode())).fold((()=>I?.some(x)),(e=>je(!Cn(e,t),x))))(t,o,s))))(e,n,t,o,r)})(e,t,o,n)))},kb=(e,t)=>{const n=mn(e.selection.getStart(!0)),o=Gm(e);return e.selection.isCollapsed()&&0===o.length?Sb(e,t,n):((e,t,n)=>{const o=mn(e.getBody()),r=e.selection.getRng();return 0!==n.length?bb(e,n,I.none()):((e,t,n,o)=>Eb(t,o).fold((()=>((e,t,n)=>fb(t,n).bind((t=>t.fold(T(yb,e),T(Cb,e),T(bb,e),T(vb,e)))))(e,t,n)),(t=>((e,t)=>_b(e,t))(e,t))))(e,o,r,t)})(e,n,o)},Nb=(e,t)=>{let n=t;for(;n&&n!==e;){if(ds(n)||cs(n))return n;n=n.parentNode}return null},Rb=["data-ephox-","data-mce-","data-alloy-","data-snooker-","_"],Ab=an.each,Tb=e=>{const t=e.dom,n=new Set(e.serializer.getTempAttrs()),o=e=>$(Rb,(t=>Ye(e,t)))||n.has(e);return{compare:(e,n)=>{if(e.nodeName!==n.nodeName||e.nodeType!==n.nodeType)return!1;const r=e=>{const n={};return Ab(t.getAttribs(e),(r=>{const s=r.nodeName.toLowerCase();"style"===s||o(s)||(n[s]=t.getAttrib(e,s))})),n},s=(e,t)=>{for(const n in e)if(xe(e,n)){const o=t[n];if(v(o))return!1;if(e[n]!==o)return!1;delete t[n]}for(const e in t)if(xe(t,e))return!1;return!0};if(qr(e)&&qr(n)){if(!s(r(e),r(n)))return!1;if(!s(t.parseStyle(t.getAttrib(e,"style")),t.parseStyle(t.getAttrib(n,"style"))))return!1}return!Hm(e)&&!Hm(n)},isAttributeInternal:o}},Ob=e=>["h1","h2","h3","h4","h5","h6"].includes(e.name),Bb=(e,t,n,o)=>{const r=n.name;for(let t=0,s=e.length;t<s;t++){const s=e[t];if(s.name===r){const e=o.nodes[r];e?e.nodes.push(n):o.nodes[r]={filter:s,nodes:[n]}}}if(n.attributes)for(let e=0,r=t.length;e<r;e++){const r=t[e],s=r.name;if(s in n.attributes.map){const e=o.attributes[s];e?e.nodes.push(n):o.attributes[s]={filter:r,nodes:[n]}}}},Pb=(e,t)=>{const n=(e,n)=>{pe(e,(e=>{const o=ce(e.nodes);q(e.filter.callbacks,(r=>{for(let t=o.length-1;t>=0;t--){const r=o[t];(n?void 0!==r.attr(e.filter.name):r.name===e.filter.name)&&!y(r.parent)||o.splice(t,1)}o.length>0&&r(o,e.filter.name,t)}))}))};n(e.nodes,!1),n(e.attributes,!0)},Db=(e,t,n,o={})=>{const r=((e,t,n)=>{const o={nodes:{},attributes:{}};return n.firstChild&&(n=>{let r=n;for(;r=r.walk();)Bb(e,t,r,o)})(n),o})(e,t,n);Pb(r,o)},Lb=(e,t,n,o)=>{if((e.pad_empty_with_br||t.insert)&&n(o)){const e=new up("br",1);t.insert&&e.attr("data-mce-bogus","1"),o.empty().append(e)}else o.empty().append(new up("#text",3)).value=it},Mb=(e,t)=>{const n=null==e?void 0:e.firstChild;return C(n)&&n===e.lastChild&&n.name===t},Ib=(e,t,n,o)=>o.isEmpty(t,n,(t=>((e,t)=>{const n=e.getElementRule(t.name);return!0===(null==n?void 0:n.paddEmpty)})(e,t))),Fb=e=>{let t;for(let n=e;n;n=n.parent){const e=n.attr("contenteditable");if("false"===e)break;"true"===e&&(t=n)}return I.from(t)},Ub=(e,t,n=e.parent)=>{if(t.getSpecialElements()[e.name])e.empty().remove();else{const o=e.children();for(const e of o)n&&!t.isValidChild(n.name,e.name)&&Ub(e,t,n);e.unwrap()}},zb=(e,t,n,o=x)=>{const r=t.getTextBlockElements(),s=t.getNonEmptyElements(),a=t.getWhitespaceElements(),i=an.makeMap("tr,td,th,tbody,thead,tfoot,table,summary"),l=new Set,d=e=>e!==n&&!i[e.name];for(let n=0;n<e.length;n++){const i=e[n];let c,u,m;if(!i.parent||l.has(i))continue;if(r[i.name]&&"li"===i.parent.name){let e=i.next;for(;e&&r[e.name];)e.name="li",l.add(e),i.parent.insert(e,i.parent),e=e.next;i.unwrap();continue}const f=[i];for(c=i.parent;c&&!t.isValidChild(c.name,i.name)&&d(c);c=c.parent)f.push(c);if(c&&f.length>1)if(jb(t,i,c))Ub(i,t);else{f.reverse(),u=f[0].clone(),o(u);let e=u;for(let n=0;n<f.length-1;n++){t.isValidChild(e.name,f[n].name)&&n>0?(m=f[n].clone(),o(m),e.append(m)):m=e;for(let e=f[n].firstChild;e&&e!==f[n+1];){const t=e.next;m.append(e),e=t}e=m}Ib(t,s,a,u)?c.insert(i,f[0],!0):(c.insert(u,f[0],!0),c.insert(i,u)),c=f[0],(Ib(t,s,a,c)||Mb(c,"br"))&&c.empty().remove()}else if(i.parent){if("li"===i.name){let e=i.prev;if(e&&("ul"===e.name||"ol"===e.name)){e.append(i);continue}if(e=i.next,e&&("ul"===e.name||"ol"===e.name)&&e.firstChild){e.insert(i,e.firstChild,!0);continue}const t=new up("ul",1);o(t),i.wrap(t);continue}if(t.isValidChild(i.parent.name,"div")&&t.isValidChild("div",i.name)){const e=new up("div",1);o(e),i.wrap(e)}else Ub(i,t)}}},jb=(e,t,n=t.parent)=>!(!n||(!e.children[t.name]||e.isValidChild(n.name,t.name))&&("a"!==t.name||!(e=>{let t=e;for(;t;){if("a"===t.name)return!0;t=t.parent}return!1})(n))&&(!(e=>"summary"===e.name)(n)||!Ob(t)||(null==n?void 0:n.firstChild)===t&&(null==n?void 0:n.lastChild)===t)),Hb=e=>e.collapsed?e:(e=>{const t=Pl.fromRangeStart(e),n=Pl.fromRangeEnd(e),o=e.commonAncestorContainer;return Cm(!1,o,n)?.map((r=>!Ku(t,n,o)&&Ku(t,r,o)?((e,t,n,o)=>{const r=document.createRange();return r.setStart(e,t),r.setEnd(n,o),r})(t.container(),t.offset(),r.container(),r.offset()):e)).getOr(e)})(e),$b=(e,t)=>{let n=t.firstChild,o=t.lastChild;return n&&"meta"===n.name&&(n=n.next),o&&"mce_marker"===o.attr("id")&&(o=o.prev),((e,t)=>{const n=e.getNonEmptyElements();return C(t)&&(t.isEmpty(n)||((e,t)=>e.getBlockElements()[t.name]&&(e=>C(e.firstChild)&&e.firstChild===e.lastChild)(t)&&(e=>"br"===e.name||e.value===it)(t.firstChild))(e,t))})(e,o)&&(o=null==o?void 0:o.prev),!(!n||n!==o||"ul"!==n.name&&"ol"!==n.name)},Vb=e=>{return e.length>0&&(!(n=e[e.length-1]).firstChild||C(null==(t=n)?void 0:t.firstChild)&&t.firstChild===t.lastChild&&(e=>e.data===it||as(e))(t.firstChild))?e.slice(0,-1):e;var t,n},qb=(e,t)=>{const n=e.getParent(t,e.isBlock);return n&&"LI"===n.nodeName?n:null},Wb=(e,t)=>{const n=Pl.after(e),o=hm(t).prev(n);return o?o.toRange():null},Kb=(e,t,n,o)=>{const r=((e,t,n)=>{const o=t.serialize(n);return(e=>{var t,n;const o=e.firstChild,r=e.lastChild;return o&&"META"===o.nodeName&&(null===(t=o.parentNode)||void 0===t||t.removeChild(o)),r&&"mce_marker"===r.id&&(null===(n=r.parentNode)||void 0===n||n.removeChild(r)),e})(e.createFragment(o))})(t,e,o),s=qb(t,n.startContainer),a=Vb((i=r.firstChild,Y(null!==(l=null==i?void 0:i.childNodes)&&void 0!==l?l:[],(e=>"LI"===e.nodeName))));var i,l;const d=t.getRoot(),c=e=>{const o=Pl.fromRangeStart(n),r=hm(t.getRoot()),a=1===e?r.prev(o):r.next(o),i=null==a?void 0:a.getNode();return!i||qb(t,i)!==s};return s?c(1)?((e,t,n)=>{const o=e.parentNode;return o&&an.each(t,(t=>{o.insertBefore(t,e)})),((e,t)=>{const n=Pl.before(e),o=hm(t).next(n);return o?o.toRange():null})(e,n)})(s,a,d):c(2)?((e,t,n,o)=>(o.insertAfter(t.reverse(),e),Wb(t[0],n)))(s,a,d,t):((e,t,n,o)=>{const r=((e,t)=>{const n=t.cloneRange(),o=t.cloneRange();return n.setStartBefore(e),o.setEndAfter(e),[n.cloneContents(),o.cloneContents()]})(e,o),s=e.parentNode;return s&&(s.insertBefore(r[0],e),an.each(t,(t=>{s.insertBefore(t,e)})),s.insertBefore(r[1],e),s.removeChild(e)),Wb(t[t.length-1],n)})(s,a,d,n):null},Yb=["pre"],Gb=ms,Xb=e=>Qb(e,es),Zb=e=>Qb(e,ls),Qb=(e,t)=>e.startContainer===e.endContainer&&e.endOffset-e.startOffset==1&&t(e.startContainer.childNodes[e.startOffset]),Jb=(e,t,n)=>{var o,r;const s=e.selection,a=e.dom,i=e.parser,l=n.merge,d=Tp({validate:!0},e.schema),c='<span id="mce_marker" data-mce-type="bookmark">&#xFEFF;</span>';n.preserve_zwsp||(t=Li(t)),-1===t.indexOf("{$caret}")&&(t+="{$caret}"),t=t.replace(/\{\$caret\}/,c);let u=s.getRng();const m=u.startContainer,f=e.getBody();m===f&&s.isCollapsed()&&a.isBlock(f.firstChild)&&((e,t)=>C(t)&&!e.schema.getVoidElements()[t.nodeName])(e,f.firstChild)&&a.isEmpty(f.firstChild)&&(u=a.createRng(),u.setStart(f.firstChild,0),u.setEnd(f.firstChild,0),s.setRng(u)),s.isCollapsed()||(e=>{const t=e.dom,n=Hb(e.selection.getRng());e.selection.setRng(n);const o=t.getParent(n.startContainer,Gb);((e,t,n)=>!!C(n)&&n===e.getParent(t.endContainer,Gb)&&Jm(mn(n),t))(t,n,o)?yb(e,n,mn(o)):Zb(n)||Xb(n)?n.deleteContents():e.getDoc().execCommand("Delete",!1)})(e);const g=s.getNode(),p={context:g.nodeName.toLowerCase(),data:n.data,insert:!0},h=i.parse(t,p);if(!0===n.paste&&$b(e.schema,h)&&((e,t)=>!!qb(e,t))(a,g))return u=Kb(d,a,s.getRng(),h),u&&s.setRng(u),t;!0===n.paste&&((e,t,n,o)=>{var r;const s=t.firstChild,a=t.lastChild,i=s===("bookmark"===a.attr("data-mce-type")?a.prev:a),l=H(Yb,s.name);if(i&&l){const t="false"!==s.attr("contenteditable"),a=(null===(r=e.getParent(n,e.isBlock))||void 0===r?void 0:r.nodeName.toLowerCase())===s.name,i=I.from(Nb(o,n)).forall(ds);return t&&a&&i}return!1})(a,h,g,e.getBody())&&(null===(o=h.firstChild)||void 0===o||o.unwrap()),(e=>{let t=e;for(;t=t.walk();)1===t.type&&t.attr("data-mce-fragment","1")})(h);let b=h.lastChild;if(b&&"mce_marker"===b.attr("id")){const t=b;for(b=b.prev;b&&"table"!==b.name;b=b.walk(!0))if(3===b.type||!a.isBlock(b.name)){b.parent&&e.schema.isValidChild(b.parent.name,"span")&&b.parent.insert(t,b,"br"===b.name);break}}if(e._selectionOverrides.showBlockCaretContainer(g),p.invalid||((e,t,n)=>{var o;return $(n.children(),Ob)&&"SUMMARY"===(null===(o=e.getParent(t,e.isBlock))||void 0===o?void 0:o.nodeName)})(a,g,h)){e.selection.setContent(c);let n,o=s.getNode();const l=e.getBody();for(rs(o)?o=n=l:n=o;n&&n!==l;)o=n,n=n.parentNode;t=o===l?l.innerHTML:a.getOuterHTML(o);const u=i.parse(t),m=(e=>{for(let t=e;t;t=t.walk())if("mce_marker"===t.attr("id"))return I?.some(t);return I.none()})(u),f=m.bind(Fb).getOr(u);m.each((e=>e.replace(h)));const g=h.children(),p=null!==(r=h.parent)&&void 0!==r?r:u;h.unwrap();const b=Y(g,(t=>jb(e.schema,t,p)));zb(b,e.schema,f),Db(i.getNodeFilters(),i.getAttributeFilters(),u),t=d.serialize(u),o===l?a.setHTML(l,t):a.setOuterHTML(o,t)}else t=d.serialize(h),((e,t,n)=>{var o;"all"===n.getAttribute("data-mce-bogus")?null===(o=n.parentNode)||void 0===o||o.insertBefore(e.dom.createFragment(t),n):((e,t)=>{if(e.isBlock(t)&&e.isEditable(t)){const e=t.childNodes;return 1===e.length&&as(e[0])||0===e.length}return!1})(e.dom,n)?e.dom.setHTML(n,t):e.selection.setContent(t,{no_events:!0})})(e,t,g);var v;return((e,t)=>{const n=e.schema.getTextInlineElements(),o=e.dom;if(t){const t=e.getBody(),r=Tb(e),s="*[data-mce-fragment]",a=o.select(s);an.each(a,(e=>{const a=e=>C(n[e.nodeName.toLowerCase()]),i=e=>1===e.childNodes.length;if(!Lp(o,l=e)&&!((e,t)=>Lp(e,t)&&$(Dp(e,t),(e=>(e=>Bp.has(e))(e))))(o,l)&&a(e)&&i(e)){const n=Dp(o,e),l=(e,t)=>ne(e,(e=>H(t,e))),d=t=>i(e)&&o.is(t,s)&&a(t)&&(t.nodeName===e.nodeName&&l(n,Dp(o,t))||d(t.children[0])),c=n=>C(n)&&n!==t&&(r.compare(e,n)||c(n.parentElement)),u=n=>C(n)&&n!==t&&o.is(n,s)&&(((e,t,n)=>{const o=Dp(e,t),r=Dp(e,n),s=o=>{var r,s;const a=null!==(r=e.getStyle(t,o))&&void 0!==r?r:"",i=null!==(s=e.getStyle(n,o))&&void 0!==s?s:"";return et(a)&&et(i)&&a!==i};return $(o,(e=>{const t=t=>$(t,(t=>t===e));if(!t(r)&&t(Pp)){const e=Y(r,(e=>$(Pp,(t=>Ye(e,t)))));return $(e,s)}return s(e)}))})(o,e,n)||u(n.parentElement));(d(e.children[0])||c(e.parentElement)&&!u(e.parentElement))&&o.remove(e,!0)}var l}))}})(e,l),((e,t)=>{var n,o,r;let s;const a=e.dom,i=e.selection;if(!t)return;i.scrollIntoView(t);const l=Nb(e.getBody(),t);if(l&&"false"===a.getContentEditable(l))return a.remove(t),void i.select(l);let d=a.createRng();const c=t.previousSibling;if(es(c)){d.setStart(c,null!==(o=null===(n=c.nodeValue)||void 0===n?void 0:n.length)&&void 0!==o?o:0);const e=t.nextSibling;es(e)&&(c.appendData(e.data),null===(r=e.parentNode)||void 0===r||r.removeChild(e))}else d.setStartBefore(t),d.setEndBefore(t);const u=a.getParent(t,a.isBlock);if(a.remove(t),u&&a.isEmpty(u)){const t=Gb(u);wo(mn(u)),d.setStart(u,0),d.setEnd(u,0),t||(e=>!!e.getAttribute("data-mce-fragment"))(u)||!(s=(t=>{let n=Pl.fromRangeStart(t);return n=hm(e.getBody()).next(n),null==n?void 0:n.toRange()})(d))?a.add(u,a.create("br",t?{}:{"data-mce-bogus":"1"})):(d=s,a.remove(u))}i.setRng(d)})(e,a.get("mce_marker")),v=e.getBody(),an.each(v.getElementsByTagName("*"),(e=>{e.removeAttribute("data-mce-fragment")})),((e,t,n)=>{I.from(e.getParent(t,"td,th"))?.map(mn).each((e=>((e,t)=>{qn(e).each((n=>{Fn(n).each((o=>{t.isBlock(_n(e))&&xi(n)&&t.isBlock(_n(o))&&Eo(n)}))}))})(e,n)))})(a,s.getStart(),e.schema),((e,t,n)=>{const o=In(mn(n),(e=>Cn(e,mn(t))));ie(o,o.length-2).filter(Nn).fold((()=>Ms(e,t)),(t=>Ms(e,t.dom)))})(e.schema,e.getBody(),s.getStart()),t},ev=e=>e instanceof up,tv=(e,t,n)=>{e.dom.setHTML(e.getBody(),t),!0!==n&&(e=>{vg(e)&&km(e.getBody()).each((t=>{const n=t.getNode(),o=Zr(n)?km(n).getOr(t):t;e.selection.setRng(o.toRange())}))})(e)},nv=pf,ov=(e,t,n)=>{const o=e.formatter.get(n);if(o)for(let n=0;n<o.length;n++){const r=o[n];if(Ef(r)&&!1===r.inherit&&e.dom.is(t,r.selector))return!0}return!1},rv=(e,t,n,o,r)=>{const s=e.dom.getRoot();if(t===s)return!1;const a=e.dom.getParent(t,(t=>!!ov(e,t,n)||t.parentNode===s||!!iv(e,t,n,o,!0)));return!!iv(e,a,n,o,r)},sv=(e,t,n)=>!(!_f(n)||!nv(t,n.inline))||!(!wf(n)||!nv(t,n.block))||!!Ef(n)&&qr(t)&&e.is(t,n.selector),av=(e,t,n,o,r,s)=>{const a=n[o],i="attributes"===o;if(w(n.onmatch))return n.onmatch(t,n,o);if(a)if(ct(a)){for(let n=0;n<a.length;n++)if(i?e.getAttrib(t,a[n]):bf(e,t,a[n]))return!0}else for(const o in a)if(xe(a,o)){const l=i?e.getAttrib(t,o):bf(e,t,o),d=gf(a[o],s),c=y(l)||tt(l);if(c&&y(d))continue;if(r&&c&&!n.exact)return!1;if((!r||n.exact)&&!nv(l,hf(d,o)))return!1}return!0},iv=(e,t,n,o,r)=>{const s=e.formatter.get(n),a=e.dom;if(s&&qr(t))for(let n=0;n<s.length;n++){const i=s[n];if(sv(e.dom,t,i)&&av(a,t,i,"attributes",r,o)&&av(a,t,i,"styles",r,o)){const n=i.classes;if(n)for(let r=0;r<n.length;r++)if(!e.dom.hasClass(t,gf(n[r],o)))return;return i}}},lv=(e,t,n,o,r)=>{if(o)return rv(e,o,t,n,r);if(o=e.selection.getNode(),rv(e,o,t,n,r))return!0;const s=e.selection.getStart();return!(s===o||!rv(e,s,t,n,r))},dv=Pi,cv=e=>{if(e){const t=new Fr(e,e);for(let e=t.current();e;e=t.next())if(es(e))return e}return null},uv=e=>{const t=cn("span");return po(t,{id:Rm,"data-mce-bogus":"1","data-mce-type":"format-caret"}),e&&co(t,un(dv)),t},mv=(e,t,n)=>{const o=e.dom,r=e.selection;if(Sf(t))Fh(e,!1,mn(t),n,!0);else{const e=r.getRng(),n=o.getParent(t,o.isBlock),s=e.startContainer,a=e.startOffset,i=e.endContainer,l=e.endOffset,d=(e=>{const t=cv(e);return t&&t.data.charAt(0)===dv&&t.deleteData(0,1),t})(t);o.remove(t,!0),s===d&&a>0&&e.setStart(d,a-1),i===d&&l>0&&e.setEnd(d,l-1),n&&o.isEmpty(n)&&Bi(mn(n)),r.setRng(e)}},fv=(e,t,n)=>{const o=e.dom,r=e.selection;if(t)mv(e,t,n);else if(!(t=Tm(e.getBody(),r.getStart())))for(;t=o.get(Rm);)mv(e,t,n)},gv=(e,t)=>(e.appendChild(t),t),pv=(e,t)=>{var n;const o=G(e,((e,t)=>gv(e,t.cloneNode(!1))),t),r=null!==(n=o.ownerDocument)&&void 0!==n?n:document;return gv(o,r.createTextNode(dv))},hv=e=>Zo(e,Xo(e).replace(new RegExp(`${it}$`)," ")),bv=(e,t)=>{const n=()=>{null===t||e.dom.isEmpty(t)||Fn(mn(t)).each((e=>{Rn(e)?hv(e):nr(e,(e=>Rn(e))).each((e=>{Rn(e)&&hv(e)}))}))};e.once("input",(t=>{t.data&&!qm(t.data)&&(t.isComposing?e.once("compositionend",(()=>{n()})):n())}))},vv=(e,t,n,o)=>{const a=e.dom,i=e.selection;let l=!1;const d=e.formatter.get(t);if(!d)return;const c=i.getRng(),u=c.startContainer,m=c.startOffset;let f=u;es(u)&&(m!==u.data.length&&(l=!0),f=f.parentNode);const g=[];let h;for(;f;){if(iv(e,f,t,n,o)){h=f;break}f.nextSibling&&(l=!0),g.push(f),f=f.parentNode}if(h)if(l){const r=i.getBookmark();c.collapse(!0);let s=jf(a,c,d,{includeTrailingSpace:!0});s=Ig(s),e.formatter.remove(t,n,s,o),i.moveToBookmark(r)}else{const l=Tm(e.getBody(),h),d=C(l)?a.getParents(h.parentNode,M,l):[],c=uv(!1).dom;((e,t,n)=>{var o,r;const s=e.dom,a=s.getParent(n,T(cf,e.schema));a&&s.isEmpty(a)?null===(o=n.parentNode)||void 0===o||o.replaceChild(t,n):((e=>{const t=vr(e,"br"),n=Y((e=>{const t=[];let n=e.dom;for(;n;)t.push(mn(n)),n=n.lastChild;return t})(e).slice(-1),xi);t.length===n.length&&q(n,Eo)})(mn(n)),s.isEmpty(n)?null===(r=n.parentNode)||void 0===r||r.replaceChild(t,n):s.insertAfter(t,n))})(e,c,null!=l?l:h);const u=((e,t,n,o,a,i)=>{const l=e.formatter,d=e.dom,c=Y(fe(l.get()),(e=>e!==o&&!Ke(e,"removeformat"))),u=((e,t,n)=>X(n,((n,o)=>{const r=((e,t)=>Cf(e,t,(e=>{const t=e=>w(e)||e.length>1&&"%"===e.charAt(0);return $(["styles","attributes"],(n=>_e(e,n).exists((e=>{const n=p(e)?e:Ee(e);return $(n,t)}))))})))(e,o);return e.formatter.matchNode(t,o,{},r)?n.concat([o]):n}),[]))(e,n,c);if(Y(u,(t=>!((e,t,n)=>{const o=["inline","block","selector","attributes","styles","classes"],a=e=>Ce(e,((e,t)=>$(o,(e=>e===t))));return Cf(e,t,(t=>{const o=a(t);return Cf(e,n,(e=>{const t=a(e);return((e,t,n=s)=>r(n).eq(e,t))(o,t)}))}))})(e,t,o))).length>0){const e=n.cloneNode(!1);return d.add(t,e),l.remove(o,a,e,i),d.remove(e),I?.some(e)}return I.none()})(e,c,h,t,n,o),m=pv([...g,...u.toArray(),...d],c);l&&mv(e,l,C(l)),i.setCursorLocation(m,1),bv(e,c),a.isEmpty(h)&&a.remove(h)}},yv=e=>{const t=uv(!1),n=pv(e,t.dom);return{caretContainer:t,caretPosition:Pl(n,0)}},Cv=(e,t)=>{const{caretContainer:n,caretPosition:o}=yv(t);return ao(mn(e),n),Eo(mn(e)),o},wv=(e,t)=>{if(Am(t.dom))return!1;const n=e.schema.getTextInlineElements();return xe(n,_n(t))&&!Am(t.dom)&&!Xr(t.dom)},Ev={},_v=Yr(["pre"]);(e=>{Ev[e]||(Ev[e]=[]),Ev[e].push((e=>{if(!e.selection.getRng().collapsed){const t=e.selection.getSelectedBlocks(),n=Y(Y(t,_v),(e=>t=>{const n=t.previousSibling;return _v(n)&&H(e,n)})(t));q(n,(e=>{((e,t)=>{const n=mn(t),o=Pn(n).dom;Eo(n),mo(mn(e),[cn("br",o),cn("br",o),...Hn(n)])})(e.previousSibling,e)}))}}))})("pre");const xv=["fontWeight","fontStyle","color","fontSize","fontFamily"],Sv=(e,t)=>{const n=e.get(t);return p(n)?Q(n,(e=>_f(e)&&"span"===e.inline&&(e=>f(e.styles)&&$(fe(e.styles),(e=>H(xv,e))))(e))):I.none()},kv=(e,t)=>Sm(t,Pl.fromRangeStart(e)).isNone(),Nv=(e,t)=>!1===xm(t,Pl.fromRangeEnd(e)).exists((e=>!as(e.getNode())||xm(t,e).isSome())),Rv=e=>t=>ps(t)&&e.isEditable(t),Av=e=>Y(e.getSelectedBlocks(),Rv(e.dom)),Tv=an.each,Ov=e=>qr(e)&&!Hm(e)&&!Am(e)&&!Xr(e),Bv=(e,t)=>{for(let n=e;n;n=n[t]){if(es(n)&&et(n.data))return e;if(qr(n)&&!Hm(n))return n}return e},Pv=(e,t,n)=>{const o=Tb(e),r=Wr(t)&&e.dom.isEditable(t),s=Wr(n)&&e.dom.isEditable(n);if(r&&s){const r=Bv(t,"previousSibling"),s=Bv(n,"nextSibling");if(o.compare(r,s)){for(let e=r.nextSibling;e&&e!==s;){const t=e;e=e.nextSibling,r.appendChild(t)}return e.dom.remove(s),an.each(an.grep(s.childNodes),(e=>{r.appendChild(e)})),r}}return n},Dv=(e,t,n,o)=>{var r;if(o&&!1!==t.merge_siblings){const t=null!==(r=Pv(e,df(o),o))&&void 0!==r?r:o;Pv(e,t,df(t,!0))}},Lv=(e,t,n)=>{Tv(e.childNodes,(e=>{Ov(e)&&(t(e)&&n(e),e.hasChildNodes()&&Lv(e,t,n))}))},Mv=(e,t)=>n=>!(!n||!bf(e,n,t)),Iv=(e,t,n)=>o=>{e.setStyle(o,t,n),""===o.getAttribute("style")&&o.removeAttribute("style"),((e,t)=>{"SPAN"===t.nodeName&&0===e.getAttribs(t).length&&e.remove(t,!0)})(e,o)},Fv=ke([{keep:[]},{rename:["name"]},{removed:[]}]),Uv=/^(src|href|style)$/,zv=an.each,jv=pf,Hv=(e,t,n)=>e.isChildOf(t,n)&&t!==n&&!e.isBlock(n),$v=(e,t,n)=>{let o=t[n?"startContainer":"endContainer"],r=t[n?"startOffset":"endOffset"];if(qr(o)){const e=o.childNodes.length-1;!n&&r&&r--,o=o.childNodes[r>e?e:r]}return es(o)&&n&&r>=o.data.length&&(o=new Fr(o,e.getBody()).next()||o),es(o)&&!n&&0===r&&(o=new Fr(o,e.getBody()).prev()||o),o},Vv=(e,t)=>{const n=t?"firstChild":"lastChild",o=e[n];return(e=>/^(TR|TH|TD)$/.test(e.nodeName))(e)&&o?"TR"===e.nodeName&&o[n]||o:e},qv=(e,t,n,o)=>{var r;const s=e.create(n,o);return null===(r=t.parentNode)||void 0===r||r.insertBefore(s,t),s.appendChild(t),s},Wv=(e,t,n,o,r)=>{const s=mn(t),a=mn(e.create(o,r)),i=n?jn(s):zn(s);return mo(a,i),n?(ao(s,a),lo(a,s)):(io(s,a),co(a,s)),a.dom},Kv=(e,t,n)=>{const o=t.parentNode;let r;const s=e.dom,a=Ad(e);wf(n)&&o===s.getRoot()&&(n.list_block&&jv(t,n.list_block)||q(ce(t.childNodes),(t=>{uf(e,a,t.nodeName.toLowerCase())?r?r.appendChild(t):(r=qv(s,t,a),s.setAttribs(r,Td(e))):r=null}))),(e=>Ef(e)&&_f(e)&&Fe(_e(e,"mixed"),!0))(n)&&!jv(n.inline,t)||s.remove(t,!0)},Yv=(e,t,n)=>E(e)?{name:t,value:null}:{name:e,value:gf(t,n)},Gv=(e,t)=>{""===e.getAttrib(t,"style")&&(t.removeAttribute("style"),t.removeAttribute("data-mce-style"))},Xv=(e,t,n,o,r)=>{let s=!1;zv(n.styles,((a,i)=>{const{name:l,value:d}=Yv(i,a,o),c=hf(d,l);(n.remove_similar||h(d)||!qr(r)||jv(bf(e,r,l),c))&&e.setStyle(t,l,""),s=!0})),s&&Gv(e,t)},Zv=(e,t,n,o,r)=>{const s=e.dom,a=Tb(e),i=e.schema;if(_f(t)&&Us(i,t.inline)&&js(i,o)&&o.parentElement===e.getBody())return Kv(e,o,t),Fv.removed();if(!t.ceFalseOverride&&o&&"false"===s.getContentEditableParent(o))return Fv.keep();if(o&&!sv(s,o,t)&&!((e,t)=>t.links&&"A"===e.nodeName)(o,t))return Fv.keep();const l=o,d=t.preserve_attributes;if(_f(t)&&"all"===t.remove&&p(d)){const e=Y(s.getAttribs(l),(e=>H(d,e.name.toLowerCase())));if(s.removeAllAttribs(l),q(e,(e=>s.setAttrib(l,e.name,e.value))),e.length>0)return Fv.rename("span")}if("all"!==t.remove){Xv(s,l,t,n,r),zv(t.attributes,((e,o)=>{const{name:a,value:i}=Yv(o,e,n);if(t.remove_similar||h(i)||!qr(r)||jv(s.getAttrib(r,a),i)){if("class"===a){const e=s.getAttrib(l,a);if(e){let t="";if(q(e.split(/\s+/),(e=>{/mce\-\w+/.test(e)&&(t+=(t?" ":"")+e)})),t)return void s.setAttrib(l,a,t)}}if(Uv.test(a)&&l.removeAttribute("data-mce-"+a),"style"===a&&Yr(["li"])(l)&&"none"===s.getStyle(l,"list-style-type"))return l.removeAttribute(a),void s.setStyle(l,"list-style-type","none");"class"===a&&l.removeAttribute("className"),l.removeAttribute(a)}})),zv(t.classes,(e=>{e=gf(e,n),qr(r)&&!s.hasClass(r,e)||s.removeClass(l,e)}));const e=s.getAttribs(l);for(let t=0;t<e.length;t++){const n=e[t].nodeName;if(!a.isAttributeInternal(n))return Fv.keep()}}return"none"!==t.remove?(Kv(e,l,t),Fv.removed()):Fv.keep()},Qv=(e,t,n,o)=>Zv(e,t,n,o,o).fold(N(o),(t=>(e.dom.createFragment().appendChild(o),e.dom.rename(o,t))),N(null)),Jv=(e,t,n,o,r)=>{(o||e.selection.isEditable())&&((e,t,n,o,r)=>{const s=e.formatter.get(t),a=s[0],i=e.dom,l=e.selection,d=o=>{const i=((e,t,n,o,r)=>{let s;return t.parentNode&&q(yf(e.dom,t.parentNode).reverse(),(t=>{if(!s&&qr(t)&&"_start"!==t.id&&"_end"!==t.id){const a=iv(e,t,n,o,r);a&&!1!==a.split&&(s=t)}})),s})(e,o,t,n,r);return((e,t,n,o,r,s,a,i)=>{var l,d;let c,u;const m=e.dom;if(n){const s=n.parentNode;for(let n=o.parentNode;n&&n!==s;n=n.parentNode){let o=m.clone(n,!1);for(let n=0;n<t.length&&(o=Qv(e,t[n],i,o),null!==o);n++);o&&(c&&o.appendChild(c),u||(u=o),c=o)}a.mixed&&m.isBlock(n)||(o=null!==(l=m.split(n,o))&&void 0!==l?l:o),c&&u&&(null===(d=r.parentNode)||void 0===d||d.insertBefore(c,r),u.appendChild(r),_f(a)&&Dv(e,a,0,c))}return o})(e,s,i,o,o,0,a,n)},c=t=>$(s,(o=>ey(e,o,n,t,t))),u=t=>{const n=ce(t.childNodes),o=c(t)||$(s,(e=>sv(i,t,e))),r=t.parentNode;if(!o&&C(r)&&xf(a)&&c(r),a.deep&&n.length)for(let e=0;e<n.length;e++)u(n[e]);q(["underline","line-through","overline"],(n=>{qr(t)&&e.dom.getStyle(t,"text-decoration")===n&&t.parentNode&&vf(i,t.parentNode)===n&&ey(e,{deep:!1,exact:!0,inline:"span",styles:{textDecoration:n}},void 0,t)}))},m=e=>{const t=i.get(e?"_start":"_end");if(t){let n=t[e?"firstChild":"lastChild"];return(e=>Hm(e)&&qr(e)&&("_start"===e.id||"_end"===e.id))(n)&&(n=n[e?"firstChild":"lastChild"]),es(n)&&0===n.data.length&&(n=e?t.previousSibling||t.nextSibling:t.nextSibling||t.previousSibling),i.remove(t,!0),n}return null},f=t=>{let n,o,r=jf(i,t,s,{includeTrailingSpace:t.collapsed});if(a.split){if(r=Ig(r),n=$v(e,r,!0),o=$v(e,r),n!==o){if(n=Vv(n,!0),o=Vv(o,!1),Hv(i,n,o)){const e=I.from(n.firstChild).getOr(n);return d(Wv(i,e,!0,"span",{id:"_start","data-mce-type":"bookmark"})),void m(!0)}if(Hv(i,o,n)){const e=I.from(o.lastChild).getOr(o);return d(Wv(i,e,!1,"span",{id:"_end","data-mce-type":"bookmark"})),void m(!1)}n=qv(i,n,"span",{id:"_start","data-mce-type":"bookmark"}),o=qv(i,o,"span",{id:"_end","data-mce-type":"bookmark"});const e=i.createRng();e.setStartAfter(n),e.setEndBefore(o),Hf(i,e,(e=>{q(e,(e=>{Hm(e)||Hm(e.parentNode)||d(e)}))})),d(n),d(o),n=m(!0),o=m()}else n=o=d(n);r.startContainer=n.parentNode?n.parentNode:n,r.startOffset=i.nodeIndex(n),r.endContainer=o.parentNode?o.parentNode:o,r.endOffset=i.nodeIndex(o)+1}Hf(i,r,(e=>{q(e,u)}))};if(o){if(rf(o)){const e=i.createRng();e.setStartBefore(o),e.setEndAfter(o),f(e)}else f(o);cd(e,t,o,n)}else l.isCollapsed()&&_f(a)&&!Gm(e).length?vv(e,t,n,r):(af(e,(()=>nf(e,f)),(o=>_f(a)&&lv(e,t,n,o))),e.nodeChanged()),((e,t,n)=>{"removeformat"===t?q(Av(e.selection),(t=>{q(xv,(n=>e.dom.setStyle(t,n,""))),Gv(e.dom,t)})):Sv(e.formatter,t).each((t=>{q(Av(e.selection),(o=>Xv(e.dom,o,t,n,null)))}))})(e,t,n),cd(e,t,o,n)})(e,t,n,o,r)},ey=(e,t,n,o,r)=>Zv(e,t,n,o,r).fold(L,(t=>(e.dom.rename(o,t),!0)),M),ty=an.each,ny=an.each,oy=(e,t,n,o)=>{if(ny(n.styles,((n,r)=>{e.setStyle(t,r,gf(n,o))})),n.styles){const n=e.getAttrib(t,"style");n&&e.setAttrib(t,"data-mce-style",n)}},ry=(e,t,n,o)=>{const r=e.formatter.get(t),s=r[0],a=!o&&e.selection.isCollapsed(),i=e.dom,l=e.selection,d=(e,t=s)=>{w(t.onformat)&&t.onformat(e,t,n,o),oy(i,e,t,n),ny(t.attributes,((t,o)=>{i.setAttrib(e,o,gf(t,n))})),ny(t.classes,(t=>{const o=gf(t,n);i.hasClass(e,o)||i.addClass(e,o)}))},c=(e,t)=>{let n=!1;return ny(e,(e=>!(!Ef(e)||("false"!==i.getContentEditable(t)||e.ceFalseOverride)&&(!C(e.collapsed)||e.collapsed===a)&&i.is(t,e.selector)&&!Am(t)&&(d(t,e),n=!0,1)))),n},u=e=>{if(m(e)){const t=i.create(e);return d(t),t}return null},f=(o,a,i)=>{const l=[];let m=!0;const f=s.inline||s.block,g=u(f);Hf(o,a,(a=>{let u;const p=a=>{let h=!1,b=m,v=!1;const y=a.parentNode,w=y.nodeName.toLowerCase(),E=o.getContentEditable(a);C(E)&&(b=m,m="true"===E,h=!0,v=ff(e,a));const _=m&&!h;if(as(a)&&!((e,t,n,o)=>{if(gc(e)&&_f(t)&&n.parentNode){const t=ka(e.schema),r=Cr(mn(n),(e=>Am(e.dom)));return Se(t,o)&&Es(e.schema,n.parentNode,{skipBogus:!1,includeZwsp:!0})&&!r}return!1})(e,s,a,w))return u=null,void(wf(s)&&o.remove(a));if((o=>(e=>wf(e)&&!0===e.wrapper)(s)&&iv(e,o,t,n))(a))u=null;else{if(((t,n,o)=>{const r=(e=>wf(e)&&!0!==e.wrapper)(s)&&cf(e.schema,t)&&uf(e,n,f);return o&&r})(a,w,_)){const e=o.rename(a,f);return d(e),l.push(e),void(u=null)}if(Ef(s)){let e=c(r,a);if(!e&&C(y)&&xf(s)&&(e=c(r,y)),!_f(s)||e)return void(u=null)}C(g)&&((t,n,r,a)=>{const l=t.nodeName.toLowerCase(),d=uf(e,f,l)&&uf(e,n,f),c=!i&&es(t)&&Di(t.data),u=Am(t),m=!_f(s)||!o.isBlock(t);return(r||a)&&d&&!c&&!u&&m})(a,w,_,v)?(u||(u=o.clone(g,!1),y.insertBefore(u,a),l.push(u)),v&&h&&(m=b),u.appendChild(a)):(u=null,q(ce(a.childNodes),p),h&&(m=b),u=null)}};q(a,p)})),!0===s.links&&q(l,(e=>{const t=e=>{"A"===e.nodeName&&d(e,s),q(ce(e.childNodes),t)};t(e)})),q(l,(a=>{const i=(e=>{let t=0;return q(e.childNodes,(e=>{(e=>C(e)&&es(e)&&0===e.length)(e)||Hm(e)||t++})),t})(a);!(l.length>1)&&o.isBlock(a)||0!==i?(_f(s)||wf(s)&&s.wrapper)&&(s.exact||1!==i||(a=(e=>{const t=Q(e.childNodes,sf).filter((e=>"false"!==o.getContentEditable(e)&&sv(o,e,s)));return t?.map((t=>{const n=o.clone(t,!1);return d(n),o.replace(n,e,!0),o.remove(t,!0),n})).getOr(e)})(a)),((e,t,n,o)=>{ty(t,(t=>{_f(t)&&ty(e.dom.select(t.inline,o),(o=>{Ov(o)&&ey(e,t,n,o,t.exact?o:null)})),((e,t,n)=>{if(t.clear_child_styles){const o=t.links?"*:not(a)":"*";Tv(e.select(o,n),(n=>{Ov(n)&&e.isEditable(n)&&Tv(t.styles,((t,o)=>{e.setStyle(n,o,"")}))}))}})(e.dom,t,o)}))})(e,r,n,a),((e,t,n,o,r)=>{const s=r.parentNode;iv(e,s,n,o)&&ey(e,t,o,r)||t.merge_with_parents&&s&&e.dom.getParent(s,(s=>!!iv(e,s,n,o)&&(ey(e,t,o,r),!0)))})(e,s,t,n,a),((e,t,n,o)=>{if(t.styles&&t.styles.backgroundColor){const r=Mv(e,"fontSize");Lv(o,(t=>r(t)&&e.isEditable(t)),Iv(e,"backgroundColor",gf(t.styles.backgroundColor,n)))}})(o,s,n,a),((e,t,n,o)=>{const r=t=>{if(Wr(t)&&qr(t.parentNode)&&e.isEditable(t)){const n=vf(e,t.parentNode);e.getStyle(t,"color")&&n?e.setStyle(t,"text-decoration",n):e.getStyle(t,"text-decoration")===n&&e.setStyle(t,"text-decoration",null)}};t.styles&&(t.styles.color||t.styles.textDecoration)&&(an.walk(o,r,"childNodes"),r(o))})(o,s,0,a),((e,t,n,o)=>{if(_f(t)&&("sub"===t.inline||"sup"===t.inline)){const n=Mv(e,"fontSize");Lv(o,(t=>n(t)&&e.isEditable(t)),Iv(e,"fontSize",""));const r=Y(e.select("sup"===t.inline?"sub":"sup",o),e.isEditable);e.remove(r,!0)}})(o,s,0,a),Dv(e,s,0,a)):o.remove(a,!0)}))},g=rf(o)?o:l.getNode();if("false"===i.getContentEditable(g)&&!ff(e,g))return c(r,o=g),void dd(e,t,o,n);if(s){if(o)if(rf(o)){if(!c(r,o)){const e=i.createRng();e.setStartBefore(o),e.setEndAfter(o),f(i,jf(i,e,r),!0)}}else f(i,o,!0);else a&&_f(s)&&!Gm(e).length?((e,t,n)=>{let o;const r=e.selection,s=e.formatter.get(t);if(!s)return;const a=r.getRng();let i=a.startOffset;const l=a.startContainer.nodeValue;o=Tm(e.getBody(),r.getStart());const d=/[^\s\u00a0\u00ad\u200b\ufeff]/;if(l&&i>0&&i<l.length&&d.test(l.charAt(i))&&d.test(l.charAt(i-1))){const o=r.getBookmark();a.collapse(!0);let i=jf(e.dom,a,s);i=Ig(i),e.formatter.apply(t,n,i),r.moveToBookmark(o)}else{let s=o?cv(o):null;o&&(null==s?void 0:s.data)===dv||(c=e.getDoc(),u=uv(!0).dom,o=c.importNode(u,!0),s=o.firstChild,a.insertNode(o),i=1,bv(e,o)),e.formatter.apply(t,n,o),r.setCursorLocation(s,i)}var c,u})(e,t,n):(l.setRng(Hb(l.getRng())),af(e,(()=>{nf(e,((e,t)=>{const n=t?e:jf(i,e,r);f(i,n,!1)}))}),M),e.nodeChanged()),Sv(e.formatter,t).each((t=>{q((e=>Y((e=>{const t=e.getSelectedBlocks(),n=e.getRng();if(e.isCollapsed())return[];if(1===t.length)return kv(n,t[0])&&Nv(n,t[0])?t:[];{const e=le(t).filter((e=>kv(n,e))).toArray(),o=de(t).filter((e=>Nv(n,e))).toArray(),r=t.slice(1,-1);return e.concat(r).concat(o)}})(e),Rv(e.dom)))(e.selection),(e=>oy(i,e,t,n)))}));((e,t)=>{xe(Ev,e)&&q(Ev[e],(e=>{e(t)}))})(t,e)}dd(e,t,o,n)},sy=(e,t,n,o)=>{(o||e.selection.isEditable())&&ry(e,t,n,o)},ay=e=>xe(e,"vars"),iy=e=>e.selection.getStart(),ly=(e,t,n,o,r)=>Z(t,(t=>{const s=e.formatter.matchNode(t,n,null!=r?r:{},o);return!v(s)}),(t=>!!ov(e,t,n)||!o&&C(e.formatter.matchNode(t,n,r,!0)))),dy=(e,t)=>{const n=null!=t?t:iy(e);return Y(yf(e.dom,n),(e=>qr(e)&&!Xr(e)))},cy=(e,t,n)=>{const o=dy(e,t);pe(n,((n,r)=>{const s=n=>{const s=ly(e,o,r,n.similar,ay(n)?n.vars:void 0),a=s.isSome();if(n.state.get()!==a){n.state.set(a);const e=s.getOr(t);ay(n)?n.callback(a,{node:e,format:r,parents:o}):q(n.callbacks,(t=>t(a,{node:e,format:r,parents:o})))}};q([n.withSimilar,n.withoutSimilar],s),q(n.withVars,s)}))},uy=an.explode,my=()=>{const e={};return{addFilter:(t,n)=>{q(uy(t),(t=>{xe(e,t)||(e[t]={name:t,callbacks:[]}),e[t].callbacks.push(n)}))},getFilters:()=>Ee(e),removeFilter:(t,n)=>{q(uy(t),(t=>{if(xe(e,t))if(C(n)){const o=e[t],r=Y(o.callbacks,(e=>e!==n));r.length>0?o.callbacks=r:delete e[t]}else delete e[t]}))}}},fy=e=>e.replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&"),gy=(e,t,n)=>{var o;const r=Ia();t.convert_fonts_to_spans&&((e,t,n)=>{e.addNodeFilter("font",(e=>{q(e,(e=>{const o=t.parse(e.attr("style")),r=e.attr("color"),s=e.attr("face"),a=e.attr("size");r&&(o.color=r),s&&(o["font-family"]=s),a&&nt(a).each((e=>{o["font-size"]=n[e-1]})),e.name="span",e.attr("style",t.serialize(o)),(e=>{q(["color","face","size"],(t=>{e.attr(t,null)}))})(e)}))}))})(e,r,an.explode(null!==(o=t.font_size_legacy_values)&&void 0!==o?o:"")),((e,t,n)=>{e.addNodeFilter("strike",(e=>{const o="html4"!==t.type;q(e,(e=>{if(o)e.name="s";else{const t=n.parse(e.attr("style"));t["text-decoration"]="line-through",e.name="span",e.attr("style",n.serialize(t))}}))}))})(e,n,r)},py=e=>{const[t,...n]=e.split(","),o=n.join(","),r=/data:([^/]+\/[^;]+)(;.+)?/.exec(t);if(r){const e=";base64"===r[2],t=(e=>{try{return decodeURIComponent(e)}catch(t){return e}})(o),n=e?(e=>{const t=/([a-z0-9+\/=\s]+)/i.exec(e);return t?t[1]:""})(t):t;return I?.some({type:r[1],data:n,base64Encoded:e})}return I.none()},hy=(e,t,n=!0)=>{let o=t;if(n)try{o=atob(t)}catch(e){return I.none()}const r=new Uint8Array(o.length);for(let e=0;e<r.length;e++)r[e]=o.charCodeAt(e);return I?.some(new Blob([r],{type:e}))},by=e=>new Promise(((t,n)=>{const o=new FileReader;o.onloadend=()=>{t(o.result)},o.onerror=()=>{var e;n(null===(e=o.error)||void 0===e?void 0:e.message)},o.readAsDataURL(e)}));let vy=0;const yy=(e,t,n)=>py(e).bind((({data:e,type:o,base64Encoded:r})=>{if(t&&!r)return I.none();{const t=r?e:btoa(e);return n(t,o)}})),Cy=(e,t,n)=>{const o=e.create("blobid"+vy++,t,n);return e.add(o),o},wy=(e,t,n=!1)=>yy(t,n,((t,n)=>I.from(e.getByData(t,n)).orThunk((()=>hy(n,t)?.map((n=>Cy(e,n,t))))))),Ey=/^(?:(?:(?:[A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?|www\.|[-;:&=+$,.\w]+@)([A-Za-z\d-]+(?:\.[A-Za-z\d-]+)*))(?::\d+)?(?:\/(?:[-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w])?)?(?:\?(?:[-.~*+=!&;:'%@?^${}(),\/\w]+)?)?(?:#(?:[-.~*+=!&;:'%@?^${}(),\/\w]+)?)?)$/,_y=e=>I.from(e.match(Ey)).bind((e=>ie(e,1)))?.map((e=>Ye(e,"www.")?e.substring(4):e)),xy=(e,t)=>{I.from(e.attr("src")).bind(_y).forall((e=>!H(t,e)))&&e.attr("sandbox","")},Sy=(e,t)=>Ye(e,`${t}/`),{entries:ky,setPrototypeOf:Ny,isFrozen:Ry,getPrototypeOf:Ay,getOwnPropertyDescriptor:Ty}=Object;let{freeze:Oy,seal:By,create:Py}=Object,{apply:Dy,construct:Ly}="undefined"!=typeof Reflect&&Reflect;Oy||(Oy=function(e){return e}),By||(By=function(e){return e}),Dy||(Dy=function(e,t,n){return e.apply(t,n)}),Ly||(Ly=function(e,t){return new e(...t)});const My=Zy(Array.prototype.forEach),Iy=Zy(Array.prototype.lastIndexOf),Fy=Zy(Array.prototype.pop),Uy=Zy(Array.prototype.push),zy=Zy(Array.prototype.splice),jy=Zy(String.prototype.toLowerCase),Hy=Zy(String.prototype.toString),$y=Zy(String.prototype.match),Vy=Zy(String.prototype.replace),qy=Zy(String.prototype.indexOf),Wy=Zy(String.prototype.trim),Ky=Zy(Object.prototype.hasOwnProperty),Yy=Zy(RegExp.prototype.test),Gy=(Xy=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return Ly(Xy,t)});var Xy;function Zy(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return Dy(e,t,o)}}function Qy(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:jy;Ny&&Ny(e,null);let o=t.length;for(;o--;){let r=t[o];if("string"==typeof r){const e=n(r);e!==r&&(Ry(t)||(t[o]=e),r=e)}e[r]=!0}return e}function Jy(e){for(let t=0;t<e.length;t++)Ky(e,t)||(e[t]=null);return e}function eC(e){const t=Py(null);for(const[n,o]of ky(e))Ky(e,n)&&(Array.isArray(o)?t[n]=Jy(o):o&&"object"==typeof o&&o.constructor===Object?t[n]=eC(o):t[n]=o);return t}function tC(e,t){for(;null!==e;){const n=Ty(e,t);if(n){if(n.get)return Zy(n.get);if("function"==typeof n.value)return Zy(n.value)}e=Ay(e)}return function(){return null}}const nC=Oy(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),oC=Oy(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),rC=Oy(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),sC=Oy(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),aC=Oy(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),iC=Oy(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),lC=Oy(["#text"]),dC=Oy(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),cC=Oy(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),uC=Oy(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),mC=Oy(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),fC=By(/\{\{[\w\W]*|[\w\W]*\}\}/gm),gC=By(/<%[\w\W]*|[\w\W]*%>/gm),pC=By(/\$\{[\w\W]*/gm),hC=By(/^data-[\-\w.\u00B7-\uFFFF]+$/),bC=By(/^aria-[\-\w]+$/),vC=By(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),yC=By(/^(?:\w+script|data):/i),CC=By(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),wC=By(/^html$/i),EC=By(/^[a-z][.\w]*(-[.\w]+)+$/i);var _C=Object.freeze({__proto__:null,ARIA_ATTR:bC,ATTR_WHITESPACE:CC,CUSTOM_ELEMENT:EC,DATA_ATTR:hC,DOCTYPE_NAME:wC,ERB_EXPR:gC,IS_ALLOWED_URI:vC,IS_SCRIPT_OR_DATA:yC,MUSTACHE_EXPR:fC,TMPLIT_EXPR:pC});const xC=function(){return"undefined"==typeof window?null:window};var SC=function e(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:xC();const n=t=>e(t);if(n.version="3.2.6",n.removed=[],!t||!t.document||9!==t.document.nodeType||!t.Element)return n.isSupported=!1,n;let{document:o}=t;const r=o,s=r.currentScript,{DocumentFragment:a,HTMLTemplateElement:i,Node:l,Element:d,NodeFilter:c,NamedNodeMap:u=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:m,DOMParser:f,trustedTypes:g}=t,p=d.prototype,h=tC(p,"cloneNode"),b=tC(p,"remove"),v=tC(p,"nextSibling"),y=tC(p,"childNodes"),C=tC(p,"parentNode");if("function"==typeof i){const e=o.createElement("template");e.content&&e.content.ownerDocument&&(o=e.content.ownerDocument)}let w,E="";const{implementation:_,createNodeIterator:x,createDocumentFragment:S,getElementsByTagName:k}=o,{importNode:N}=r;let R={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};n.isSupported="function"==typeof ky&&"function"==typeof C&&_&&void 0!==_.createHTMLDocument;const{MUSTACHE_EXPR:A,ERB_EXPR:T,TMPLIT_EXPR:O,DATA_ATTR:B,ARIA_ATTR:P,IS_SCRIPT_OR_DATA:D,ATTR_WHITESPACE:L,CUSTOM_ELEMENT:M}=_C;let{IS_ALLOWED_URI:I}=_C,F=null;const U=Qy({},[...nC,...oC,...rC,...aC,...lC]);let z=null;const j=Qy({},[...dC,...cC,...uC,...mC]);let H=Object.seal(Py(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),$=null,V=null,q=!0,W=!0,K=!1,Y=!0,G=!1,X=!0,Z=!1,Q=!1,J=!1,ee=!1,te=!1,ne=!1,oe=!0,re=!1,se=!0,ae=!1,ie={},le=null;const de=Qy({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let ce=null;const ue=Qy({},["audio","video","img","source","image","track"]);let me=null;const fe=Qy({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),ge="http://www.w3.org/1998/Math/MathML",pe="http://www.w3.org/2000/svg",he="http://www.w3.org/1999/xhtml";let be=he,ve=!1,ye=null;const Ce=Qy({},[ge,pe,he],Hy);let we=Qy({},["mi","mo","mn","ms","mtext"]),Ee=Qy({},["annotation-xml"]);const _e=Qy({},["title","style","font","a","script"]);let xe=null;const Se=["application/xhtml+xml","text/html"];let ke=null,Ne=null;const Re=o.createElement("form"),Ae=function(e){return e instanceof RegExp||e instanceof Function},Te=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!Ne||Ne!==e){if(e&&"object"==typeof e||(e={}),e=eC(e),xe=-1===Se.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE,ke="application/xhtml+xml"===xe?Hy:jy,F=Ky(e,"ALLOWED_TAGS")?Qy({},e.ALLOWED_TAGS,ke):U,z=Ky(e,"ALLOWED_ATTR")?Qy({},e.ALLOWED_ATTR,ke):j,ye=Ky(e,"ALLOWED_NAMESPACES")?Qy({},e.ALLOWED_NAMESPACES,Hy):Ce,me=Ky(e,"ADD_URI_SAFE_ATTR")?Qy(eC(fe),e.ADD_URI_SAFE_ATTR,ke):fe,ce=Ky(e,"ADD_DATA_URI_TAGS")?Qy(eC(ue),e.ADD_DATA_URI_TAGS,ke):ue,le=Ky(e,"FORBID_CONTENTS")?Qy({},e.FORBID_CONTENTS,ke):de,$=Ky(e,"FORBID_TAGS")?Qy({},e.FORBID_TAGS,ke):eC({}),V=Ky(e,"FORBID_ATTR")?Qy({},e.FORBID_ATTR,ke):eC({}),ie=!!Ky(e,"USE_PROFILES")&&e.USE_PROFILES,q=!1!==e.ALLOW_ARIA_ATTR,W=!1!==e.ALLOW_DATA_ATTR,K=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Y=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,G=e.SAFE_FOR_TEMPLATES||!1,X=!1!==e.SAFE_FOR_XML,Z=e.WHOLE_DOCUMENT||!1,ee=e.RETURN_DOM||!1,te=e.RETURN_DOM_FRAGMENT||!1,ne=e.RETURN_TRUSTED_TYPE||!1,J=e.FORCE_BODY||!1,oe=!1!==e.SANITIZE_DOM,re=e.SANITIZE_NAMED_PROPS||!1,se=!1!==e.KEEP_CONTENT,ae=e.IN_PLACE||!1,I=e.ALLOWED_URI_REGEXP||vC,be=e.NAMESPACE||he,we=e.MATHML_TEXT_INTEGRATION_POINTS||we,Ee=e.HTML_INTEGRATION_POINTS||Ee,H=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&Ae(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(H.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&Ae(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(H.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(H.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),G&&(W=!1),te&&(ee=!0),ie&&(F=Qy({},lC),z=[],!0===ie.html&&(Qy(F,nC),Qy(z,dC)),!0===ie.svg&&(Qy(F,oC),Qy(z,cC),Qy(z,mC)),!0===ie.svgFilters&&(Qy(F,rC),Qy(z,cC),Qy(z,mC)),!0===ie.mathMl&&(Qy(F,aC),Qy(z,uC),Qy(z,mC))),e.ADD_TAGS&&(F===U&&(F=eC(F)),Qy(F,e.ADD_TAGS,ke)),e.ADD_ATTR&&(z===j&&(z=eC(z)),Qy(z,e.ADD_ATTR,ke)),e.ADD_URI_SAFE_ATTR&&Qy(me,e.ADD_URI_SAFE_ATTR,ke),e.FORBID_CONTENTS&&(le===de&&(le=eC(le)),Qy(le,e.FORBID_CONTENTS,ke)),se&&(F["#text"]=!0),Z&&Qy(F,["html","head","body"]),F.table&&(Qy(F,["tbody"]),delete $.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw Gy('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw Gy('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');w=e.TRUSTED_TYPES_POLICY,E=w.createHTML("")}else void 0===w&&(w=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));const r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}}(g,s)),null!==w&&"string"==typeof E&&(E=w.createHTML(""));Oy&&Oy(e),Ne=e}},Oe=Qy({},[...oC,...rC,...sC]),Be=Qy({},[...aC,...iC]),Pe=function(e){Uy(n.removed,{element:e});try{C(e).removeChild(e)}catch(t){b(e)}},De=function(e,t){try{Uy(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){Uy(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e)if(ee||te)try{Pe(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},Le=function(e){let t=null,n=null;if(J)e="<remove></remove>"+e;else{const t=$y(e,/^[\r\n\t ]+/);n=t&&t[0]}"application/xhtml+xml"===xe&&be===he&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const r=w?w.createHTML(e):e;if(be===he)try{t=(new f).parseFromString(r,xe)}catch(e){}if(!t||!t.documentElement){t=_.createDocument(be,"template",null);try{t.documentElement.innerHTML=ve?E:r}catch(e){}}const s=t.body||t.documentElement;return e&&n&&s.insertBefore(o.createTextNode(n),s.childNodes[0]||null),be===he?k.call(t,Z?"html":"body")[0]:Z?t.documentElement:s},Me=function(e){return x.call(e.ownerDocument||e,e,c.SHOW_ELEMENT|c.SHOW_COMMENT|c.SHOW_TEXT|c.SHOW_PROCESSING_INSTRUCTION|c.SHOW_CDATA_SECTION,null)},Ie=function(e){return e instanceof m&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof u)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},Fe=function(e){return"function"==typeof l&&e instanceof l};function Ue(e,t,o){My(e,(e=>{e.call(n,t,o,Ne)}))}const ze=function(e){let t=null;if(Ue(R.beforeSanitizeElements,e,null),Ie(e))return Pe(e),!0;const o=ke(e.nodeName);if(Ue(R.uponSanitizeElement,e,{tagName:o,allowedTags:F}),X&&e.hasChildNodes()&&!Fe(e.firstElementChild)&&Yy(/<[/\w!]/g,e.innerHTML)&&Yy(/<[/\w!]/g,e.textContent))return Pe(e),!0;if(7===e.nodeType)return Pe(e),!0;if(X&&8===e.nodeType&&Yy(/<[/\w]/g,e.data))return Pe(e),!0;if(!F[o]||$[o]){if(!$[o]&&He(o)){if(H.tagNameCheck instanceof RegExp&&Yy(H.tagNameCheck,o))return!1;if(H.tagNameCheck instanceof Function&&H.tagNameCheck(o))return!1}if(se&&!le[o]){const t=C(e)||e.parentNode,n=y(e)||e.childNodes;if(n&&t)for(let o=n.length-1;o>=0;--o){const r=h(n[o],!0);r.__removalCount=(e.__removalCount||0)+1,t.insertBefore(r,v(e))}}return Pe(e),!0}return e instanceof d&&!function(e){let t=C(e);t&&t.tagName||(t={namespaceURI:be,tagName:"template"});const n=jy(e.tagName),o=jy(t.tagName);return!!ye[e.namespaceURI]&&(e.namespaceURI===pe?t.namespaceURI===he?"svg"===n:t.namespaceURI===ge?"svg"===n&&("annotation-xml"===o||we[o]):Boolean(Oe[n]):e.namespaceURI===ge?t.namespaceURI===he?"math"===n:t.namespaceURI===pe?"math"===n&&Ee[o]:Boolean(Be[n]):e.namespaceURI===he?!(t.namespaceURI===pe&&!Ee[o])&&!(t.namespaceURI===ge&&!we[o])&&!Be[n]&&(_e[n]||!Oe[n]):!("application/xhtml+xml"!==xe||!ye[e.namespaceURI]))}(e)?(Pe(e),!0):"noscript"!==o&&"noembed"!==o&&"noframes"!==o||!Yy(/<\/no(script|embed|frames)/i,e.innerHTML)?(G&&3===e.nodeType&&(t=e.textContent,My([A,T,O],(e=>{t=Vy(t,e," ")})),e.textContent!==t&&(Uy(n.removed,{element:e.cloneNode()}),e.textContent=t)),Ue(R.afterSanitizeElements,e,null),!1):(Pe(e),!0)},je=function(e,t,n){if(oe&&("id"===t||"name"===t)&&(n in o||n in Re))return!1;if(W&&!V[t]&&Yy(B,t));else if(q&&Yy(P,t));else if(!z[t]||V[t]){if(!(He(e)&&(H.tagNameCheck instanceof RegExp&&Yy(H.tagNameCheck,e)||H.tagNameCheck instanceof Function&&H.tagNameCheck(e))&&(H.attributeNameCheck instanceof RegExp&&Yy(H.attributeNameCheck,t)||H.attributeNameCheck instanceof Function&&H.attributeNameCheck(t))||"is"===t&&H.allowCustomizedBuiltInElements&&(H.tagNameCheck instanceof RegExp&&Yy(H.tagNameCheck,n)||H.tagNameCheck instanceof Function&&H.tagNameCheck(n))))return!1}else if(me[t]);else if(Yy(I,Vy(n,L,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==qy(n,"data:")||!ce[e])if(K&&!Yy(D,Vy(n,L,"")));else if(n)return!1;return!0},He=function(e){return"annotation-xml"!==e&&$y(e,M)},$e=function(e){Ue(R.beforeSanitizeAttributes,e,null);const{attributes:t}=e;if(!t||Ie(e))return;const o={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:z,forceKeepAttr:void 0};let r=t.length;for(;r--;){const s=t[r],{name:a,namespaceURI:i,value:l}=s,d=ke(a),c=l;let u="value"===a?c:Wy(c);if(o.attrName=d,o.attrValue=u,o.keepAttr=!0,o.forceKeepAttr=void 0,Ue(R.uponSanitizeAttribute,e,o),u=o.attrValue,!re||"id"!==d&&"name"!==d||(De(a,e),u="user-content-"+u),X&&Yy(/((--!?|])>)|<\/(style|title)/i,u)){De(a,e);continue}if(o.forceKeepAttr)continue;if(!o.keepAttr){De(a,e);continue}if(!Y&&Yy(/\/>/i,u)){De(a,e);continue}G&&My([A,T,O],(e=>{u=Vy(u,e," ")}));const m=ke(e.nodeName);if(je(m,d,u)){if(w&&"object"==typeof g&&"function"==typeof g.getAttributeType)if(i);else switch(g.getAttributeType(m,d)){case"TrustedHTML":u=w.createHTML(u);break;case"TrustedScriptURL":u=w.createScriptURL(u)}if(u!==c)try{i?e.setAttributeNS(i,a,u):e.setAttribute(a,u),Ie(e)?Pe(e):Fy(n.removed)}catch(t){De(a,e)}}else De(a,e)}Ue(R.afterSanitizeAttributes,e,null)},Ve=function e(t){let n=null;const o=Me(t);for(Ue(R.beforeSanitizeShadowDOM,t,null);n=o.nextNode();)Ue(R.uponSanitizeShadowNode,n,null),ze(n),$e(n),n.content instanceof a&&e(n.content);Ue(R.afterSanitizeShadowDOM,t,null)};return n.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=null,s=null,i=null,d=null;if(ve=!e,ve&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Fe(e)){if("function"!=typeof e.toString)throw Gy("toString is not a function");if("string"!=typeof(e=e.toString()))throw Gy("dirty is not a string, aborting")}if(!n.isSupported)return e;if(Q||Te(t),n.removed=[],"string"==typeof e&&(ae=!1),ae){if(e.nodeName){const t=ke(e.nodeName);if(!F[t]||$[t])throw Gy("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof l)o=Le("\x3c!----\x3e"),s=o.ownerDocument.importNode(e,!0),1===s.nodeType&&"BODY"===s.nodeName||"HTML"===s.nodeName?o=s:o.appendChild(s);else{if(!ee&&!G&&!Z&&-1===e.indexOf("<"))return w&&ne?w.createHTML(e):e;if(o=Le(e),!o)return ee?null:ne?E:""}o&&J&&Pe(o.firstChild);const c=Me(ae?e:o);for(;i=c.nextNode();)ze(i),$e(i),i.content instanceof a&&Ve(i.content);if(ae)return e;if(ee){if(te)for(d=S.call(o.ownerDocument);o.firstChild;)d.appendChild(o.firstChild);else d=o;return(z.shadowroot||z.shadowrootmode)&&(d=N.call(r,d,!0)),d}let u=Z?o.outerHTML:o.innerHTML;return Z&&F["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&Yy(wC,o.ownerDocument.doctype.name)&&(u="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+u),G&&My([A,T,O],(e=>{u=Vy(u,e," ")})),w&&ne?w.createHTML(u):u},n.setConfig=function(){Te(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Q=!0},n.clearConfig=function(){Ne=null,Q=!1},n.isValidAttribute=function(e,t,n){Ne||Te({});const o=ke(e),r=ke(t);return je(o,r,n)},n.addHook=function(e,t){"function"==typeof t&&Uy(R[e],t)},n.removeHook=function(e,t){if(void 0!==t){const n=Iy(R[e],t);return-1===n?void 0:zy(R[e],n,1)[0]}return Fy(R[e])},n.removeHooks=function(e){R[e]=[]},n.removeAllHooks=function(){R={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},n}();const kC=an.each,NC=an.trim,RC=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"],AC={ftp:21,http:80,https:443,mailto:25},TC=["img","video"],OC=(e,t,n)=>{const o=(e=>{try{return decodeURIComponent(e)}catch(t){return unescape(e)}})(t).replace(/\s/g,"");return!e.allow_script_urls&&(!!/((java|vb)script|mhtml):/i.test(o)||!e.allow_html_data_urls&&(/^data:image\//i.test(o)?((e,t)=>C(e)?!e:!C(t)||!H(TC,t))(e.allow_svg_data_urls,n)&&/^data:image\/svg\+xml/i.test(o):/^data:/i.test(o)))};class BC{static parseDataUri(e){let t;const n=decodeURIComponent(e).split(","),o=/data:([^;]+)/.exec(n[0]);return o&&(t=o[1]),{type:t,data:n[1]}}static isDomSafe(e,t,n={}){if(n.allow_script_urls)return!0;{const o=ua.decode(e).replace(/[\s\u0000-\u001F]+/g,"");return!OC(n,o,t)}}static getDocumentBaseUrl(e){var t;let n;return n=0!==e.protocol.indexOf("http")&&"file:"!==e.protocol?null!==(t=e.href)&&void 0!==t?t:"":e.protocol+"//"+e.host+e.pathname,/^[^:]+:\/\/\/?[^\/]+\//.test(n)&&(n=n.replace(/[\?#].*$/,"").replace(/[\/\\][^\/]+$/,""),/[\/\\]$/.test(n)||(n+="/")),n}constructor(e,t={}){this.path="",this.directory="",e=NC(e),this.settings=t;const n=t.base_uri,o=this;if(/^([\w\-]+):([^\/]{2})/i.test(e)||/^\s*#/.test(e))return void(o.source=e);const r=0===e.indexOf("//");if(0!==e.indexOf("/")||r||(e=(n&&n.protocol||"http")+"://mce_host"+e),!/^[\w\-]*:?\/\//.test(e)){const t=n?n.path:new BC(document.location.href).directory;if(""===(null==n?void 0:n.protocol))e="//mce_host"+o.toAbsPath(t,e);else{const r=/([^#?]*)([#?]?.*)/.exec(e);r&&(e=(n&&n.protocol||"http")+"://mce_host"+o.toAbsPath(t,r[1])+r[2])}}e=e.replace(/@@/g,"(mce_at)");const s=/^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@\/]*):?([^:@\/]*))?@)?(\[[a-zA-Z0-9:.%]+\]|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/.exec(e);s&&kC(RC,((e,t)=>{let n=s[t];n&&(n=n.replace(/\(mce_at\)/g,"@@")),o[e]=n})),n&&(o.protocol||(o.protocol=n.protocol),o.userInfo||(o.userInfo=n.userInfo),o.port||"mce_host"!==o.host||(o.port=n.port),o.host&&"mce_host"!==o.host||(o.host=n.host),o.source=""),r&&(o.protocol="")}setPath(e){const t=/^(.*?)\/?(\w+)?$/.exec(e);t&&(this.path=t[0],this.directory=t[1],this.file=t[2]),this.source="",this.getURI()}toRelative(e){if("./"===e)return e;const t=new BC(e,{base_uri:this});if("mce_host"!==t.host&&this.host!==t.host&&t.host||this.port!==t.port||this.protocol!==t.protocol&&""!==t.protocol)return t.getURI();const n=this.getURI(),o=t.getURI();if(n===o||"/"===n.charAt(n.length-1)&&n.substr(0,n.length-1)===o)return n;let r=this.toRelPath(this.path,t.path);return t.query&&(r+="?"+t.query),t.anchor&&(r+="#"+t.anchor),r}toAbsolute(e,t){const n=new BC(e,{base_uri:this});return n.getURI(t&&this.isSameOrigin(n))}isSameOrigin(e){if(this.host==e.host&&this.protocol==e.protocol){if(this.port==e.port)return!0;const t=this.protocol?AC[this.protocol]:null;if(t&&(this.port||t)==(e.port||t))return!0}return!1}toRelPath(e,t){let n,o,r=0,s="";const a=e.substring(0,e.lastIndexOf("/")).split("/"),i=t.split("/");if(a.length>=i.length)for(n=0,o=a.length;n<o;n++)if(n>=i.length||a[n]!==i[n]){r=n+1;break}if(a.length<i.length)for(n=0,o=i.length;n<o;n++)if(n>=a.length||a[n]!==i[n]){r=n+1;break}if(1===r)return t;for(n=0,o=a.length-(r-1);n<o;n++)s+="../";for(n=r-1,o=i.length;n<o;n++)s+=n!==r-1?"/"+i[n]:i[n];return s}toAbsPath(e,t){let n=0;const o=/\/$/.test(t)?"/":"",r=e.split("/"),s=t.split("/"),a=[];kC(r,(e=>{e&&a.push(e)}));const i=[];for(let e=s.length-1;e>=0;e--)0!==s[e].length&&"."!==s[e]&&(".."!==s[e]?n>0?n--:i.push(s[e]):n++);const l=a.length-n;let d;return d=l<=0?oe(i).join("/"):a.slice(0,l).join("/")+"/"+oe(i).join("/"),0!==d.indexOf("/")&&(d="/"+d),o&&d.lastIndexOf("/")!==d.length-1&&(d+=o),d}getURI(e=!1){let t;return this.source&&!e||(t="",e||(this.protocol?t+=this.protocol+"://":t+="//",this.userInfo&&(t+=this.userInfo+"@"),this.host&&(t+=this.host),this.port&&(t+=":"+this.port)),this.path&&(t+=this.path),this.query&&(t+="?"+this.query),this.anchor&&(t+="#"+this.anchor),this.source=t),this.source}}const PC=an.makeMap("src,href,data,background,action,formaction,poster,xlink:href"),DC="data-mce-type";let LC=0;const MC=(e,t,n,o,r)=>{var s,a,i,l;const d=t.validate,c=n.getSpecialElements();8===e.nodeType&&(!t.allow_conditional_comments&&/^\[if/i.test(null!==(s=e.nodeValue)&&void 0!==s?s:"")&&(e.nodeValue=" "+e.nodeValue),t.sanitize&&t.allow_html_in_comments&&m(e.nodeValue)&&(e.nodeValue=(e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"))(e.nodeValue)));const u=null!==(a=null==r?void 0:r.tagName)&&void 0!==a?a:e.nodeName.toLowerCase();if("html"!==o&&n.isValid(o))return void(C(r)&&(r.allowedTags[u]=!0));if(1!==e.nodeType||"body"===u)return;const f=mn(e),g=vo(f,DC),p=ho(f,"data-mce-bogus");if(!g&&m(p))return void("all"===p?Eo(f):_o(f));const h=n.getElementRule(u);if(!d||h){if(C(r)&&(r.allowedTags[u]=!0),d&&h&&!g){if(q(null!==(i=h.attributesForced)&&void 0!==i?i:[],(e=>{go(f,e.name,"{$uid}"===e.value?"mce_"+LC++:e.value)})),q(null!==(l=h.attributesDefault)&&void 0!==l?l:[],(e=>{vo(f,e.name)||go(f,e.name,"{$uid}"===e.value?"mce_"+LC++:e.value)})),h.attributesRequired&&!$(h.attributesRequired,(e=>vo(f,e))))return void _o(f);if(h.removeEmptyAttrs&&(e=>{const t=e.dom.attributes;return null==t||0===t.length})(f))return void _o(f);h.outputName&&h.outputName!==u&&((e,t)=>{const n=((e,t)=>{const n=cn(t),o=Co(e);return po(n,o),n})(e,t);io(e,n);const o=Hn(e);mo(n,o),Eo(e)})(f,h.outputName)}}else xe(c,u)?Eo(f):_o(f)},IC=(e,t,n,o,r,s)=>"html"!==n&&!ks(o)||!(r in PC&&OC(e,s,o))&&(!e.validate||t.isValid(o,r)||Ye(r,"data-")||Ye(r,"aria-")),FC=(e,t)=>e.hasAttribute(DC)&&("id"===t||"class"===t||"style"===t),UC=(e,t)=>e in t.getBoolAttrs(),zC=(e,t,n,o)=>{const{attributes:r}=e;for(let s=r.length-1;s>=0;s--){const a=r[s],i=a.name,l=a.value;IC(t,n,o,e.tagName.toLowerCase(),i,l)||FC(e,i)?UC(i,n)&&e.setAttribute(i,i):e.removeAttribute(i)}},jC=(e,t,n)=>{const o=SC();return o.addHook("uponSanitizeElement",((o,r)=>{MC(o,e,t,n.track(o),r)})),o.addHook("uponSanitizeAttribute",((o,r)=>{((e,t,n,o,r)=>{const s=e.tagName.toLowerCase(),{attrName:a,attrValue:i}=r;r.keepAttr=IC(t,n,o,s,a,i),r.keepAttr?(r.allowedAttributes[a]=!0,UC(a,n)&&(r.attrValue=a),t.allow_svg_data_urls&&Ye(i,"data:image/svg+xml")&&(r.forceKeepAttr=!0)):FC(e,a)&&(r.forceKeepAttr=!0)})(o,e,t,n.current(),r)})),o},HC=(e,t)=>{const n=SC(),o=t.allow_mathml_annotation_encodings,r=p(o)&&o.length>0;n.addHook("uponSanitizeElement",((e,n)=>{var s;const a=null!==(s=n.tagName)&&void 0!==s?s:e.nodeName.toLowerCase();((e,n)=>r&&"semantics"===n?I?.some(!0):"annotation"===n?I?.some(qr(e)&&(e=>{const t=e.getAttribute("encoding");return r&&m(t)&&H(o,t)})(e)):p(t.extended_mathml_elements)&&t.extended_mathml_elements.includes(n)?I.from(!0):I.none())(e,a).each((o=>{n.allowedTags[a]=o,!o&&t.sanitize&&qr(e)&&e.remove()}))})),n.addHook("uponSanitizeAttribute",((e,n)=>{p(t.extended_mathml_attributes)&&t.extended_mathml_attributes.includes(n.attrName)&&(n.forceKeepAttr=!0)})),n.sanitize(e,{IN_PLACE:!0,USE_PROFILES:{mathMl:!0}})},$C=e=>t=>{const n=Rs(t);if("svg"===n)(e=>{const t=["type","href","role","arcrole","title","show","actuate","label","from","to"]?.map((e=>`xlink:${e}`)),n={IN_PLACE:!0,USE_PROFILES:{html:!0,svg:!0,svgFilters:!0},ALLOWED_ATTR:t};SC().sanitize(e,n)})(t);else{if("math"!==n)throw new Error("Not a namespace element");HC(t,e)}},VC=an.makeMap,qC=an.extend,WC=(e,t,n,o,r)=>{const s=e.name,a=s in n&&"title"!==s&&"textarea"!==s&&"noscript"!==s,i=t.childNodes;for(let t=0,s=i.length;t<s;t++){const s=i[t],l=new up(s.nodeName.toLowerCase(),s.nodeType);if(qr(s)){const e=s.attributes;for(let t=0,n=e.length;t<n;t++){const n=e[t];l.attr(n.name,n.value)}ks(l.name)&&(o(s),l.value=s.innerHTML)}else es(s)?(l.value=s.data,a&&(l.raw=!0)):os(s)?l.value=r?fy(s.data):s.data:(ts(s)||ns(s))&&(l.value=s.data);ks(l.name)||WC(l,s,n,o,r),e.append(l)}},KC=(e={},t=Ra())=>{const n=my(),o=my(),r={validate:!0,root_name:"body",sanitize:!0,allow_html_in_comments:!0,...e},s=new DOMParser,a=((e,t)=>{const n=(()=>{const e=Ve(),t=()=>e.get()?.map(Rs).getOr("html");return{track:n=>(Ns(n)?e.set(n):e.get().exists((e=>!e.contains(n)))&&e.clear(),t()),current:t,reset:()=>{e.clear()}}})();if(e.sanitize){const o=jC(e,t,n),r=(t,r)=>{o.sanitize(t,((e,t)=>{const n={IN_PLACE:!0,ALLOW_UNKNOWN_PROTOCOLS:!0,ALLOWED_TAGS:["#comment","#cdata-section","body"],ALLOWED_ATTR:[]};return n.PARSER_MEDIA_TYPE=t,e.allow_script_urls?n.ALLOWED_URI_REGEXP=/.*/:e.allow_html_data_urls&&(n.ALLOWED_URI_REGEXP=/^(?!(\w+script|mhtml):)/i),n})(e,r)),o.removed=[],n.reset()};return{sanitizeHtmlElement:r,sanitizeNamespaceElement:$C(e)}}return{sanitizeHtmlElement:(o,r)=>{const s=document.createNodeIterator(o,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_TEXT);let a;for(;a=s.nextNode();){const o=n.track(a);MC(a,e,t,o),qr(a)&&zC(a,e,t,o)}n.reset()},sanitizeNamespaceElement:x}})(r,t),i=n.addFilter,l=n.getFilters,d=n.removeFilter,c=o.addFilter,u=o.getFilters,f=o.removeFilter,g=(e,n)=>{const o=m(n.attr(DC)),r=1===n.type&&!xe(e,n.name)&&!$s(t,n)&&!ks(n.name);return 3===n.type||r&&!o},p={schema:t,addAttributeFilter:c,getAttributeFilters:u,removeAttributeFilter:f,addNodeFilter:i,getNodeFilters:l,removeNodeFilter:d,parse:(e,n={})=>{var o;const i=r.validate,d=null!==(o=n.context)&&void 0!==o?o:r.root_name,c=((e,n,o="html")=>{const r="xhtml"===o?"application/xhtml+xml":"text/html",i=xe(t.getSpecialElements(),n.toLowerCase()),l=i?`<${n}>${e}</${n}>`:e,d=s.parseFromString("xhtml"===o?`<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>${l}</body></html>`:/^[\s]*<head/i.test(e)||/^[\s]*<html/i.test(e)||/^[\s]*<!DOCTYPE/i.test(e)?`<html>${l}</html>`:`<body>${l}</body>`,r).body;return a.sanitizeHtmlElement(d,r),i?d.firstChild:d})(e,d,n.format);Ms(t,c);const m=new up(d,11);WC(m,c,t.getSpecialElements(),a.sanitizeNamespaceElement,r.sanitize&&r.allow_html_in_comments),c.innerHTML="";const[f,p]=((e,t,n,o)=>{const r=n.validate,s=t.getNonEmptyElements(),a=t.getWhitespaceElements(),i=qC(VC("script,style,head,html,body,title,meta,param"),t.getBlockElements()),l=ka(t),d=/[ \t\r\n]+/g,c=/^[ \t\r\n]+/,u=/[ \t\r\n]+$/,m=e=>{let t=e.parent;for(;C(t);){if(t.name in a)return!0;t=t.parent}return!1},f=n=>n.name in i||$s(t,n)||ks(n.name)&&n.parent===e,g=(t,n)=>{const r=n?t.prev:t.next;return!C(r)&&!y(t.parent)&&f(t.parent)&&(t.parent!==e||!0===o.isRootContent)};return[e=>{var t;if(3===e.type&&!m(e)){let n=null!==(t=e.value)&&void 0!==t?t:"";n=n.replace(d," "),(((e,t)=>C(e)&&(t(e)||"br"===e.name))(e.prev,f)||g(e,!0))&&(n=n.replace(c,"")),0===n.length||" "===n&&e.prev&&8===e.prev.type&&e.next&&8===e.next.type?e.remove():e.value=n}},e=>{var i;if(1===e.type){const i=t.getElementRule(e.name);if(r&&i){const r=Ib(t,s,a,e);i.paddInEmptyBlock&&r&&(e=>{let n=e;for(;C(n);){if(n.name in l)return Ib(t,s,a,n);n=n.parent}return!1})(e)?Lb(n,o,f,e):i.removeEmpty&&r?f(e)?e.remove():e.unwrap():i.paddEmpty&&(r||(e=>{var t;return Mb(e,"#text")&&(null===(t=null==e?void 0:e.firstChild)||void 0===t?void 0:t.value)===it})(e))&&Lb(n,o,f,e)}}else if(3===e.type&&!m(e)){let t=null!==(i=e.value)&&void 0!==i?i:"";(e.next&&f(e.next)||g(e,!1))&&(t=t.replace(u,"")),0===t.length?e.remove():e.value=t}}]})(m,t,r,n),h=[],b=i?e=>((e,n)=>{jb(t,e)&&n.push(e)})(e,h):x,v={nodes:{},attributes:{}},w=e=>Bb(l(),u(),e,v);if(((e,t,n)=>{const o=[];for(let n=e,r=n;n;r=n,n=n.walk()){const s=n;q(t,(e=>e(s))),y(s.parent)&&s!==e?n=r:o.push(s)}for(let e=o.length-1;e>=0;e--){const t=o[e];q(n,(e=>e(t)))}})(m,[f,w],[p,b]),h.reverse(),i&&h.length>0)if(n.context){const{pass:e,fail:o}=K(h,(e=>e.parent===m));zb(o,t,m,w),n.invalid=e.length>0}else zb(h,t,m,w);const E=((e,t)=>{var n;const o=null!==(n=t.forced_root_block)&&void 0!==n?n:e.forced_root_block;return!1===o?"":!0===o?"p":o})(r,n);return E&&("body"===m.name||n.isRootContent)&&((e,n)=>{const o=qC(VC("script,style,head,html,body,title,meta,param"),t.getBlockElements()),s=/^[ \t\r\n]+/,a=/[ \t\r\n]+$/;let i=e.firstChild,l=null;const d=e=>{var t,n;e&&(i=e.firstChild,i&&3===i.type&&(i.value=null===(t=i.value)||void 0===t?void 0:t.replace(s,"")),i=e.lastChild,i&&3===i.type&&(i.value=null===(n=i.value)||void 0===n?void 0:n.replace(a,"")))};if(t.isValidChild(e.name,n.toLowerCase())){for(;i;){const t=i.next;g(o,i)?(l||(l=new up(n,1),l.attr(r.forced_root_block_attrs),e.insert(l,i)),l.append(i)):(d(l),l=null),i=t}d(l)}})(m,E),n.invalid||Pb(v,n),m}};return((e,t)=>{var n,o;const r=e.schema;e.addAttributeFilter("href",(e=>{let n=e.length;const o=e=>{const t=e?an.trim(e):"";return/\b(noopener)\b/g.test(t)?t:(e=>e.split(" ").filter((e=>e.length>0)).concat(["noopener"]).sort().join(" "))(t)};if(!t.allow_unsafe_link_target)for(;n--;){const t=e[n];"a"===t.name&&"_blank"===t.attr("target")&&t.attr("rel",o(t.attr("rel")))}})),t.allow_html_in_named_anchor||e.addAttributeFilter("id,name",(e=>{let t,n,o,r,s=e.length;for(;s--;)if(r=e[s],"a"===r.name&&r.firstChild&&!r.attr("href"))for(o=r.parent,t=r.lastChild;t&&o;)n=t.prev,o.insert(t,r),t=n})),t.fix_list_elements&&e.addNodeFilter("ul,ol",(e=>{let t,n,o=e.length;for(;o--;)if(t=e[o],n=t.parent,n&&("ul"===n.name||"ol"===n.name))if(t.prev&&"li"===t.prev.name)t.prev.append(t);else{const e=new up("li",1);e.attr("style","list-style-type: none"),t.wrap(e)}}));const s=r.getValidClasses();t.validate&&s&&e.addAttributeFilter("class",(e=>{var t;let n=e.length;for(;n--;){const o=e[n],r=null!==(t=o.attr("class"))&&void 0!==t?t:"",a=an.explode(r," ");let i="";for(let e=0;e<a.length;e++){const t=a[e];let n=!1,r=s["*"];r&&r[t]&&(n=!0),r=s[o.name],!n&&r&&r[t]&&(n=!0),n&&(i&&(i+=" "),i+=t)}i.length||(i=null),o.attr("class",i)}})),((e,t)=>{const{blob_cache:n}=t;if(n){const t=e=>{const t=e.attr("src");(e=>e.attr("src")===nn.transparentSrc||C(e.attr("data-mce-placeholder")))(e)||(e=>C(e.attr("data-mce-bogus")))(e)||y(t)||wy(n,t,!0).each((t=>{e.attr("src",t.blobUri())}))};e.addAttributeFilter("src",(e=>q(e,t)))}})(e,t);const a=null!==(n=t.sandbox_iframes)&&void 0!==n&&n,i=me(null!==(o=t.sandbox_iframes_exclusions)&&void 0!==o?o:[]);t.convert_unsafe_embeds&&e.addNodeFilter("object,embed",(e=>q(e,(e=>{e.replace((({type:e,src:t,width:n,height:o}={},r,s)=>{const a=(e=>v(e)?"iframe":Sy(e,"image")?"img":Sy(e,"video")?"video":Sy(e,"audio")?"audio":"iframe")(e),i=new up(a,1);return i.attr("audio"===a?{src:t}:{src:t,width:n,height:o}),"audio"!==a&&"video"!==a||i.attr("controls",""),"iframe"===a&&r&&xy(i,s),i})({type:e.attr("type"),src:"object"===e.name?e.attr("data"):e.attr("src"),width:e.attr("width"),height:e.attr("height")},a,i))})))),a&&e.addNodeFilter("iframe",(e=>q(e,(e=>xy(e,i)))))})(p,r),((e,t,n)=>{t.inline_styles&&gy(e,t,n)})(p,r,t),p},YC=(e,t,n)=>{const o=(e=>ev(e)?Tp({validate:!1}).serialize(e):e)(e),r=t(o);if(r.isDefaultPrevented())return r;if(ev(e)){if(r.content!==o){const t=KC({validate:!1,forced_root_block:!1,...n}).parse(r.content,{context:e.name});return{...r,content:t}}return{...r,content:e}}return r},GC=e=>({sanitize:su(e),sandbox_iframes:uu(e),sandbox_iframes_exclusions:mu(e)}),XC=(e,t)=>{if(t.no_events)return Te.value(t);{const n=((e,t)=>e.dispatch("BeforeGetContent",t))(e,t);return n.isDefaultPrevented()?Te.error(md(e,{content:"",...n}).content):Te.value(n)}},ZC=(e,t,n)=>{if(n.no_events)return t;{const o=YC(t,(t=>md(e,{...n,content:t})),GC(e));return o.content}},QC=(e,t)=>{if(t.no_events)return Te.value(t);{const n=YC(t.content,(n=>((e,t)=>e.dispatch("BeforeSetContent",t))(e,{...t,content:n})),GC(e));return n.isDefaultPrevented()?(ud(e,n),Te.error(void 0)):Te.value(n)}},JC=(e,t,n)=>{n.no_events||ud(e,{...n,content:t})},ew=(e,t,n)=>({element:e,width:t,rows:n}),tw=(e,t)=>({element:e,cells:t}),nw=(e,t)=>({x:e,y:t}),ow=(e,t)=>bo(e,t).bind(nt).getOr(1),rw=(e,t,n)=>{const o=e.rows;return!!(o[n]?o[n].cells:[])[t]},sw=e=>X(e,((e,t)=>t.cells.length>e?t.cells.length:e),0),aw=(e,t)=>{const n=e.rows;for(let e=0;e<n.length;e++){const o=n[e].cells;for(let n=0;n<o.length;n++)if(Cn(o[n],t))return I?.some(nw(n,e))}return I.none()},iw=(e,t,n,o,r)=>{const s=[],a=e.rows;for(let e=n;e<=r;e++){const n=a[e].cells,r=t<o?n.slice(t,o+1):n.slice(o,t+1);s.push(tw(a[e].element,r))}return s},lw=e=>((e,t)=>{const n=So(e.element),o=cn("tbody");return mo(o,t),co(n,o),n})(e,(e=>V(e.rows,(e=>{const t=V(e.cells,(e=>{const t=ko(e);return yo(t,"colspan"),yo(t,"rowspan"),t})),n=So(e.element);return mo(n,t),n})))(e)),dw=(e,t,n)=>{const o=mn(t.commonAncestorContainer),r=Qp(o,e),s=Y(r,(e=>n.isWrapper(_n(e)))),a=((e,t)=>Q(e,(e=>"li"===_n(e)&&Jm(e,t))).fold(N([]),(t=>(e=>Q(e,(e=>"ul"===_n(e)||"ol"===_n(e))))(e)?.map((e=>{const t=cn(_n(e)),n=Ce(Fo(e),((e,t)=>Ye(t,"list-style")));return Do(t,n),[cn("li"),t]})).getOr([]))))(r,t),i=s.concat(a.length?a:(e=>Ni(e)?Ln(e).filter(ki).fold(N([]),(t=>[e,t])):ki(e)?[e]:[])(o));return V(i,So)},cw=()=>Yo([]),uw=(e,t)=>((e,t)=>or(t,"table",T(Cn,e)))(e,t[0]).bind((e=>{const n=t[0],o=t[t.length-1],r=(e=>{const t=ew(So(e),0,[]);return q(vr(e,"tr"),((e,n)=>{q(vr(e,"td,th"),((o,r)=>{((e,t,n,o,r)=>{const s=ow(r,"rowspan"),a=ow(r,"colspan"),i=e.rows;for(let e=n;e<n+s;e++){i[e]||(i[e]=tw(ko(o),[]));for(let o=t;o<t+a;o++)i[e].cells[o]=e===n&&o===t?r:So(r)}})(t,((e,t,n)=>{for(;rw(e,t,n);)t++;return t})(t,r,n),n,e,o)}))})),ew(t.element,sw(t.rows),t.rows)})(e);return((e,t,n)=>aw(e,t).bind((t=>aw(e,n)?.map((n=>((e,t,n)=>{const o=t.x,r=t.y,s=n.x,a=n.y,i=r<a?iw(e,o,r,s,a):iw(e,o,a,s,r);return ew(e.element,sw(i),i)})(e,t,n))))))(r,n,o)?.map((e=>Yo([lw(e)])))})).getOrThunk(cw),mw=(e,t,n)=>{const o=Ym(t,e);return o.length>0?uw(e,o):((e,t,n)=>t.length>0&&t[0].collapsed?cw():((e,t,n)=>((e,t)=>{const n=X(t,((e,t)=>(co(t,e),t)),e);return t.length>0?Yo([n]):n})(mn(t.cloneContents()),dw(e,t,n)))(e,t[0],n))(e,t,n)},fw=(e,t)=>t>=0&&t<e.length&&qm(e.charAt(t)),gw=e=>Li(e.innerText),pw=e=>qr(e)?e.outerHTML:es(e)?ua.encodeRaw(e.data,!1):os(e)?"\x3c!--"+e.data+"--\x3e":"",hw=(e,t)=>(((e,t)=>{let n=0;q(e,(e=>{0===e[0]?n++:1===e[0]?(((e,t,n)=>{const o=(e=>{let t;const n=document.createElement("div"),o=document.createDocumentFragment();for(e&&(n.innerHTML=e);t=n.firstChild;)o.appendChild(t);return o})(t);if(e.hasChildNodes()&&n<e.childNodes.length){const t=e.childNodes[n];e.insertBefore(o,t)}else e.appendChild(o)})(t,e[1],n),n++):2===e[0]&&((e,t)=>{if(e.hasChildNodes()&&t<e.childNodes.length){const n=e.childNodes[t];e.removeChild(n)}})(t,n)}))})(((e,t)=>{const n=e.length+t.length+2,o=new Array(n),r=new Array(n),s=(n,o,r,a,l)=>{const d=i(n,o,r,a);if(null===d||d.start===o&&d.diag===o-a||d.end===n&&d.diag===n-r){let s=n,i=r;for(;s<o||i<a;)s<o&&i<a&&e[s]===t[i]?(l.push([0,e[s]]),++s,++i):o-n>a-r?(l.push([2,e[s]]),++s):(l.push([1,t[i]]),++i)}else{s(n,d.start,r,d.start-d.diag,l);for(let t=d.start;t<d.end;++t)l.push([0,e[t]]);s(d.end,o,d.end-d.diag,a,l)}},a=(n,o,r,s)=>{let a=n;for(;a-o<s&&a<r&&e[a]===t[a-o];)++a;return((e,t,n)=>({start:e,end:t,diag:n}))(n,a,o)},i=(n,s,i,l)=>{const d=s-n,c=l-i;if(0===d||0===c)return null;const u=d-c,m=c+d,f=(m%2==0?m:m+1)/2;let g,p,h,b,v;for(o[1+f]=n,r[1+f]=s+1,g=0;g<=f;++g){for(p=-g;p<=g;p+=2){for(h=p+f,p===-g||p!==g&&o[h-1]<o[h+1]?o[h]=o[h+1]:o[h]=o[h-1]+1,b=o[h],v=b-n+i-p;b<s&&v<l&&e[b]===t[v];)o[h]=++b,++v;if(u%2!=0&&u-g<=p&&p<=u+g&&r[h-u]<=o[h])return a(r[h-u],p+n-i,s,l)}for(p=u-g;p<=u+g;p+=2){for(h=p+f-u,p===u-g||p!==u+g&&r[h+1]<=r[h-1]?r[h]=r[h+1]-1:r[h]=r[h-1],b=r[h]-1,v=b-n+i-p;b>=n&&v>=i&&e[b]===t[v];)r[h]=b--,v--;if(u%2==0&&-g<=p&&p<=g&&r[h]<=o[h+u])return a(r[h],p+n-i,s,l)}}return null},l=[];return s(0,e.length,0,t.length,l),l})(V(ce(t.childNodes),pw),e),t),t),bw=st((()=>document.implementation.createHTMLDocument("undo"))),vw=e=>{const t=e.serializer.getTempAttrs(),n=xp(e.getBody(),t);return(e=>null!==e.querySelector("iframe"))(n)?{type:"fragmented",fragments:Y(V(ce(n.childNodes),S(Li,pw)),(e=>e.length>0)),content:"",bookmark:null,beforeBookmark:null}:{type:"complete",fragments:null,content:Li(n.innerHTML),bookmark:null,beforeBookmark:null}},yw=(e,t,n)=>{const o=n?t.beforeBookmark:t.bookmark;"fragmented"===t.type?hw(t.fragments,e.getBody()):e.setContent(t.content,{format:"raw",no_selection:!C(o)||!Bm(o)||!o.isFakeCaret}),o&&(e.selection.moveToBookmark(o),e.selection.scrollIntoView())},Cw=e=>"fragmented"===e.type?e.fragments.join(""):e.content,ww=e=>{const t=cn("body",bw());return Ao(t,Cw(e)),q(vr(t,"*[data-mce-bogus]"),_o),Ro(t)},Ew=(e,t)=>!(!e||!t)&&(!!((e,t)=>Cw(e)===Cw(t))(e,t)||((e,t)=>ww(e)===ww(t))(e,t)),_w=e=>0===e.get(),xw=(e,t,n)=>{_w(n)&&(e.typing=t)},Sw=(e,t)=>{e.typing&&(xw(e,!1,t),e.add())},kw=e=>({init:{bindEvents:x},undoManager:{beforeChange:(t,n)=>((e,t,n)=>{_w(t)&&n.set(ed(e.selection))})(e,t,n),add:(t,n,o,r,s,a)=>((e,t,n,o,r,s,a)=>{const i=vw(e),l=an.extend(s||{},i);if(!_w(o)||e.removed)return null;const d=t.data[n.get()];if(e.dispatch("BeforeAddUndo",{level:l,lastLevel:d,originalEvent:a}).isDefaultPrevented())return null;if(d&&Ew(d,l))return null;t.data[n.get()]&&r.get().each((e=>{t.data[n.get()].beforeBookmark=e}));const c=Ec(e);if(c&&t.data.length>c){for(let e=0;e<t.data.length-1;e++)t.data[e]=t.data[e+1];t.data.length--,n.set(t.data.length)}l.bookmark=ed(e.selection),n.get()<t.data.length-1&&(t.data.length=n.get()+1),t.data.push(l),n.set(t.data.length-1);const u={level:l,lastLevel:d,originalEvent:a};return n.get()>0?(e.setDirty(!0),e.dispatch("AddUndo",u),e.dispatch("change",u)):e.dispatch("AddUndo",u),l})(e,t,n,o,r,s,a),undo:(t,n,o)=>((e,t,n,o)=>{let r;return t.typing&&(t.add(),t.typing=!1,xw(t,!1,n)),o.get()>0&&(o.set(o.get()-1),r=t.data[o.get()],yw(e,r,!0),e.setDirty(!0),e.dispatch("Undo",{level:r})),r})(e,t,n,o),redo:(t,n)=>((e,t,n)=>{let o;return t.get()<n.length-1&&(t.set(t.get()+1),o=n[t.get()],yw(e,o,!1),e.setDirty(!0),e.dispatch("Redo",{level:o})),o})(e,t,n),clear:(t,n)=>((e,t,n)=>{t.data=[],n.set(0),t.typing=!1,e.dispatch("ClearUndos")})(e,t,n),reset:e=>(e=>{e.clear(),e.add()})(e),hasUndo:(t,n)=>((e,t,n)=>n.get()>0||t.typing&&t.data[0]&&!Ew(vw(e),t.data[0]))(e,t,n),hasRedo:(e,t)=>((e,t)=>t.get()<e.data.length-1&&!e.typing)(e,t),transact:(e,t,n)=>((e,t,n)=>(Sw(e,t),e.beforeChange(),e.ignore(n),e.add()))(e,t,n),ignore:(e,t)=>((e,t)=>{try{e.set(e.get()+1),t()}finally{e.set(e.get()-1)}})(e,t),extra:(t,n,o,r)=>((e,t,n,o,r)=>{if(t.transact(o)){const o=t.data[n.get()].bookmark,s=t.data[n.get()-1];yw(e,s,!0),t.transact(r)&&(t.data[n.get()-1].beforeBookmark=o)}})(e,t,n,o,r)},formatter:{match:(t,n,o,r)=>lv(e,t,n,o,r),matchAll:(t,n)=>((e,t,n)=>{const o=[],r={},s=e.selection.getStart();return e.dom.getParent(s,(s=>{for(let a=0;a<t.length;a++){const i=t[a];!r[i]&&iv(e,s,i,n)&&(r[i]=!0,o.push(i))}}),e.dom.getRoot()),o})(e,t,n),matchNode:(t,n,o,r)=>iv(e,t,n,o,r),canApply:t=>((e,t)=>{const n=e.formatter.get(t),o=e.dom;if(n&&e.selection.isEditable()){const t=e.selection.getStart(),r=yf(o,t);for(let e=n.length-1;e>=0;e--){const t=n[e];if(!Ef(t))return!0;for(let e=r.length-1;e>=0;e--)if(o.is(r[e],t.selector))return!0}}return!1})(e,t),closest:t=>((e,t)=>{const n=t=>Cn(t,mn(e.getBody()));return I.from(e.selection.getStart(!0)).bind((o=>_r(mn(o),(n=>ue(t,(t=>((t,n)=>iv(e,t.dom,n)?I?.some(n):I.none())(n,t)))),n))).getOrNull()})(e,t),apply:(t,n,o)=>sy(e,t,n,o),remove:(t,n,o,r)=>Jv(e,t,n,o,r),toggle:(t,n,o)=>((e,t,n,o)=>{const r=e.formatter.get(t);r&&(!lv(e,t,n,o)||"toggle"in r[0]&&!r[0].toggle?sy(e,t,n,o):Jv(e,t,n,o))})(e,t,n,o),formatChanged:(t,n,o,r,s)=>((e,t,n,o,r,s)=>(((e,t,n,o,r,s)=>{const a=t.get();q(n.split(","),(t=>{const n=_e(a,t).getOrThunk((()=>{const e={withSimilar:{state:Ne(!1),similar:!0,callbacks:[]},withoutSimilar:{state:Ne(!1),similar:!1,callbacks:[]},withVars:[]};return a[t]=e,e})),i=()=>{const n=dy(e);return ly(e,n,t,r,s).isSome()};if(v(s)){const e=r?n.withSimilar:n.withoutSimilar;e.callbacks.push(o),1===e.callbacks.length&&e.state.set(i())}else n.withVars.push({state:Ne(i()),similar:r,vars:s,callback:o})})),t.set(a)})(e,t,n,o,r,s),{unbind:()=>((e,t,n)=>{const o=e.get();q(t.split(","),(e=>_e(o,e).each((t=>{o[e]={withSimilar:{...t.withSimilar,callbacks:Y(t.withSimilar.callbacks,(e=>e!==n))},withoutSimilar:{...t.withoutSimilar,callbacks:Y(t.withoutSimilar.callbacks,(e=>e!==n))},withVars:Y(t.withVars,(e=>e.callback!==n))}})))),e.set(o)})(t,n,o)}))(e,t,n,o,r,s)},editor:{getContent:t=>((e,t)=>I.from(e.getBody()).fold(N("tree"===t.format?new up("body",11):""),(n=>Np(e,t,n))))(e,t),setContent:(t,n)=>((e,t,n)=>I.from(e.getBody())?.map((o=>ev(t)?((e,t,n,o)=>{Db(e.parser.getNodeFilters(),e.parser.getAttributeFilters(),n);const r=Tp({validate:!1},e.schema).serialize(n),s=Li(Ti(mn(t))?r:an.trim(r));return tv(e,s,o.no_selection),{content:n,html:s}})(e,o,t,n):((e,t,n,o)=>{if(0===(n=Li(n)).length||/^\s+$/.test(n)){const r='<br data-mce-bogus="1">';"TABLE"===t.nodeName?n="<tr><td>"+r+"</td></tr>":/^(UL|OL)$/.test(t.nodeName)&&(n="<li>"+r+"</li>");const s=Ad(e);return e.schema.isValidChild(t.nodeName.toLowerCase(),s.toLowerCase())?(n=r,n=e.dom.createHTML(s,Td(e),n)):n||(n=r),tv(e,n,o.no_selection),{content:n,html:n}}{"raw"!==o.format&&(n=Tp({validate:!1},e.schema).serialize(e.parser.parse(n,{isRootContent:!0,insert:!0})));const r=Ti(mn(t))?n:an.trim(n);return tv(e,r,o.no_selection),{content:r,html:r}}})(e,o,t,n))).getOr({content:t,html:ev(n.content)?"":n.content}))(e,t,n),insertContent:(t,n)=>Jb(e,t,n),addVisual:t=>((e,t)=>{const n=e.dom,o=C(t)?t:e.getBody();q(n.select("table,a",o),(t=>{switch(t.nodeName){case"TABLE":const o=Oc(e),r=n.getAttrib(t,"border");r&&"0"!==r||!e.hasVisual?n.removeClass(t,o):n.addClass(t,o);break;case"A":if(!n.getAttrib(t,"href")){const o=n.getAttrib(t,"name")||t.id,r=Bc(e);o&&e.hasVisual?n.addClass(t,r):n.removeClass(t,r)}}})),e.dispatch("VisualAid",{element:t,hasVisual:e.hasVisual})})(e,t)},selection:{getContent:(t,n)=>((e,t,n={})=>{const o=((e,t)=>({...e,format:t,get:!0,selection:!0,getInner:!0}))(n,t);return XC(e,o).fold(R,(t=>{const n=((e,t)=>{if("text"===t.format)return(e=>I.from(e.selection.getRng())?.map((t=>{var n;const o=I.from(e.dom.getParent(t.commonAncestorContainer,e.dom.isBlock)),r=e.getBody(),s=(e=>e?.map((e=>e.nodeName)).getOr("div").toLowerCase())(o),a=mn(t.cloneContents());Sp(a),kp(a);const i=e.dom.add(r,s,{"data-mce-bogus":"all",style:"overflow: hidden; opacity: 0;"},a.dom),l=gw(i),d=Li(null!==(n=i.textContent)&&void 0!==n?n:"");if(e.dom.remove(i),fw(d,0)||fw(d,d.length-1)){const e=o.getOr(r),t=gw(e),n=t.indexOf(l);return-1===n?l:(fw(t,n-1)?" ":"")+l+(fw(t,n+l.length)?" ":"")}return l})).getOr(""))(e);{const n=((e,t)=>{const n=e.selection.getRng(),o=e.dom.create("body"),r=e.selection.getSel(),s=ap(e,Km(r)),a=t.contextual?mw(mn(e.getBody()),s,e.schema).dom:n.cloneContents();return a&&o.appendChild(a),e.selection.serializer.serialize(o,t)})(e,t);return"tree"===t.format?n:e.selection.isCollapsed()?"":n}})(e,t);return ZC(e,n,t)}))})(e,t,n)},autocompleter:{addDecoration:x,removeDecoration:x},raw:{getModel:()=>I.none()}}),Nw=e=>xe(e.plugins,"rtc"),Rw=e=>e.rtcInstance?e.rtcInstance:kw(e),Aw=e=>{const t=e.rtcInstance;if(t)return t;throw new Error("Failed to get RTC instance not yet initialized.")},Tw=e=>Aw(e).init.bindEvents(),Ow=e=>0===e.dom.length?(Eo(e),I.none()):I?.some(e),Bw=(e,t,n,o,r)=>{e.bind((e=>((o?Th:Ah)(e.dom,o?e.dom.length:0,r),t.filter(Rn)?.map((t=>((e,t,n,o,r)=>{const s=e.dom,a=t.dom,i=o?s.length:a.length;o?(Oh(s,a,r,!1,!o),n.setStart(a,i)):(Oh(a,s,r,!1,!o),n.setEnd(a,i))})(e,t,n,o,r)))))).orThunk((()=>{const e=((e,t)=>e.filter((e=>Yf.isBookmarkNode(e.dom))).bind(t?Un:Fn))(t,o).or(t).filter(Rn);return e?.map((e=>((e,t,n)=>{Ln(e).each((o=>{const r=e.dom;t&&Ch(o,Pl(r,0),n)?Ah(r,0,n):!t&&wh(o,Pl(r,r.length),n)&&Th(r,r.length,n)}))})(e,o,r)))}))},Pw=(e,t,n)=>{if(xe(e,t)){const o=Y(e[t],(e=>e!==n));0===o.length?delete e[t]:e[t]=o}};const Dw=e=>!(!e||!e.ownerDocument)&&wn(mn(e.ownerDocument),mn(e)),Lw=(e,t,n,o)=>{let r,s;const{selectorChangedWithUnbind:a}=((e,t)=>{let n,o;const r=(t,n)=>Q(n,(n=>e.is(n,t))),s=t=>e.getParents(t,void 0,e.getRoot());return{selectorChangedWithUnbind:(e,a)=>(n||(n={},o={},t.on("NodeChange",(e=>{const t=e.element,a=s(t),i={};pe(n,((e,t)=>{r(t,a).each((n=>{o[t]||(q(e,(e=>{e(!0,{node:n,selector:t,parents:a})})),o[t]=e),i[t]=e}))})),pe(o,((e,n)=>{i[n]||(delete o[n],q(e,(e=>{e(!1,{node:t,selector:n,parents:a})})))}))}))),n[e]||(n[e]=[]),n[e].push(a),r(e,s(t.selection.getStart())).each((()=>{o[e]=n[e]})),{unbind:()=>{Pw(n,e,a),Pw(o,e,a)}})}})(e,o),i=(e,t)=>((e,t,n={})=>{const o=((e,t)=>({format:"html",...e,set:!0,selection:!0,content:t}))(n,t);QC(e,o).each((t=>{const n=((e,t)=>{if("raw"!==t.format){const n=e.selection.getRng(),o=e.dom.getParent(n.commonAncestorContainer,e.dom.isBlock),r=o?{context:o.nodeName.toLowerCase()}:{},s=e.parser.parse(t.content,{forced_root_block:!1,...r,...t});return Tp({validate:!1},e.schema).serialize(s)}return t.content})(e,t),o=e.selection.getRng();((e,t,n)=>{const o=I.from(t.firstChild)?.map(mn),r=I.from(t.lastChild)?.map(mn);e.deleteContents(),e.insertNode(t);const s=o.bind(Fn).filter(Rn).bind(Ow),a=r.bind(Un).filter(Rn).bind(Ow);Bw(s,o,e,!0,n),Bw(a,r,e,!1,n),e.collapse(!1)})(o,o.createContextualFragment(n),e.schema),e.selection.setRng(o),ep(e,o),JC(e,n,t)}))})(o,e,t),l=e=>{const t=c();t.collapse(!!e),u(t)},d=()=>t.getSelection?t.getSelection():t.document.selection,c=()=>{let n;const a=(e,t,n)=>{try{return t.compareBoundaryPoints(e,n)}catch(e){return-1}},i=t.document;if(C(o.bookmark)&&!vg(o)){const e=og(o);if(e.isSome())return e?.map((e=>ap(o,[e])[0])).getOr(i.createRange())}try{const e=d();e&&!Vr(e.anchorNode)&&(n=e.rangeCount>0?e.getRangeAt(0):i.createRange(),n=ap(o,[n])[0])}catch(e){}if(n||(n=i.createRange()),rs(n.startContainer)&&n.collapsed){const t=e.getRoot();n.setStart(t,0),n.setEnd(t,0)}return r&&s&&(0===a(n.START_TO_START,n,r)&&0===a(n.END_TO_END,n,r)?n=s:(r=null,s=null)),n},u=(e,t)=>{if(!(e=>!!e&&Dw(e.startContainer)&&Dw(e.endContainer))(e))return;const n=d();if(e=o.dispatch("SetSelectionRange",{range:e,forward:t}).range,n){s=e;try{n.removeAllRanges(),n.addRange(e)}catch(e){}!1===t&&n.extend&&(n.collapse(e.endContainer,e.endOffset),n.extend(e.startContainer,e.startOffset)),r=n.rangeCount>0?n.getRangeAt(0):null}if(!e.collapsed&&e.startContainer===e.endContainer&&(null==n?void 0:n.setBaseAndExtent)&&e.endOffset-e.startOffset<2&&e.startContainer.hasChildNodes()){const t=e.startContainer.childNodes[e.startOffset];t&&"IMG"===t.nodeName&&(n.setBaseAndExtent(e.startContainer,e.startOffset,e.endContainer,e.endOffset),n.anchorNode===e.startContainer&&n.focusNode===e.endContainer||n.setBaseAndExtent(t,0,t,1))}o.dispatch("AfterSetSelectionRange",{range:e,forward:t})},m=()=>{const t=d(),n=null==t?void 0:t.anchorNode,o=null==t?void 0:t.focusNode;if(!t||!n||!o||Vr(n)||Vr(o))return!0;const r=e.createRng(),s=e.createRng();try{r.setStart(n,t.anchorOffset),r.collapse(!0),s.setStart(o,t.focusOffset),s.collapse(!0)}catch(e){return!0}return r.compareBoundaryPoints(r.START_TO_START,s)<=0},f={dom:e,win:t,serializer:n,editor:o,expand:(t={type:"word"})=>u(Fg(e).expand(c(),t)),collapse:l,setCursorLocation:(t,n)=>{const r=e.createRng();C(t)&&C(n)?(r.setStart(t,n),r.setEnd(t,n),u(r),l(!1)):(ef(e,r,o.getBody(),!0),u(r))},getContent:e=>((e,t={})=>((e,t,n)=>Aw(e).selection.getContent(t,n))(e,t.format?t.format:"html",t))(o,e),setContent:i,getBookmark:(e,t)=>g.getBookmark(e,t),moveToBookmark:e=>g.moveToBookmark(e),select:(t,n)=>(((e,t,n)=>I.from(t).bind((t=>I.from(t.parentNode)?.map((o=>{const r=e.nodeIndex(t),s=e.createRng();return s.setStart(o,r),s.setEnd(o,r+1),n&&(ef(e,s,t,!0),ef(e,s,t,!1)),s})))))(e,t,n).each(u),t),isCollapsed:()=>{const e=c(),t=d();return!(!e||e.item)&&(e.compareEndPoints?0===e.compareEndPoints("StartToEnd",e):!t||e.collapsed)},isEditable:()=>{if(o.mode.isReadOnly())return!1;const t=c(),n=o.getBody().querySelectorAll('[data-mce-selected="1"]');return n.length>0?ne(n,(t=>e.isEditable(t.parentElement))):tp(e,t)},isForward:m,setNode:t=>(i(e.getOuterHTML(t)),t),getNode:()=>((e,t)=>{if(!t)return e;let n=t.startContainer,o=t.endContainer;const r=t.startOffset,s=t.endOffset;let a=t.commonAncestorContainer;t.collapsed||(n===o&&s-r<2&&n.hasChildNodes()&&(a=n.childNodes[r]),es(n)&&es(o)&&(n=n.length===r?sp(n.nextSibling,!0):n.parentNode,o=0===s?sp(o.previousSibling,!1):o.parentNode,n&&n===o&&(a=n)));const i=es(a)?a.parentNode:a;return Wr(i)?i:e})(o.getBody(),c()),getSel:d,setRng:u,getRng:c,getStart:e=>op(o.getBody(),c(),e),getEnd:e=>rp(o.getBody(),c(),e),getSelectedBlocks:(t,n)=>((e,t,n,o)=>{const r=[],s=e.getRoot(),a=e.getParent(n||op(s,t,t.collapsed),e.isBlock),i=e.getParent(o||rp(s,t,t.collapsed),e.isBlock);if(a&&a!==s&&r.push(a),a&&i&&a!==i){let t;const n=new Fr(a,s);for(;(t=n.next())&&t!==i;)e.isBlock(t)&&r.push(t)}return i&&a!==i&&i!==s&&r.push(i),r})(e,c(),t,n),normalize:()=>{const t=c(),n=d();if(!(Km(n).length>1)&&tf(o)){const n=Lg(e,t);return n.each((e=>{u(e,m())})),n.getOr(t)}return t},selectorChanged:(e,t)=>(a(e,t),f),selectorChangedWithUnbind:a,getScrollContainer:()=>{let t,n=e.getRoot();for(;n&&"BODY"!==n.nodeName;){if(n.scrollHeight>n.clientHeight){t=n;break}n=n.parentNode}return t},scrollIntoView:(e,t)=>{C(e)?((e,t,n)=>{(e.inline?Zg:Jg)(e,t,n)})(o,e,t):ep(o,c(),t)},placeCaretAt:(e,t)=>u(Ng(e,t,o.getDoc())),getBoundingClientRect:()=>{const e=c();return e.collapsed?Pl.fromRangeStart(e).getClientRects()[0]:e.getBoundingClientRect()},destroy:()=>{t=r=s=null,p.destroy()}},g=Yf(f),p=kg(f,o);return f.bookmarkManager=g,f.controlSelection=p,f},Mw=(e,t,n)=>{-1===an.inArray(t,n)&&(e.addAttributeFilter(n,((e,t)=>{let n=e.length;for(;n--;)e[n].attr(t,null)})),t.push(n))},Iw=(e,t)=>{const n=["data-mce-selected"],o={entity_encoding:"named",remove_trailing_brs:!0,pad_empty_with_br:!1,...e},r=t&&t.dom?t.dom:ni.DOM,s=t&&t.schema?t.schema:Ra(o),a=KC(o,s);return((e,t,n)=>{e.addAttributeFilter("data-mce-tabindex",((e,t)=>{let n=e.length;for(;n--;){const o=e[n];o.attr("tabindex",o.attr("data-mce-tabindex")),o.attr(t,null)}})),e.addAttributeFilter("src,href,style",((e,o)=>{const r="data-mce-"+o,s=t.url_converter,a=t.url_converter_scope;let i=e.length;for(;i--;){const t=e[i];let l=t.attr(r);void 0!==l?(t.attr(o,l.length>0?l:null),t.attr(r,null)):(l=t.attr(o),"style"===o?l=n.serializeStyle(n.parseStyle(l),t.name):s&&(l=s.call(a,l,o,t.name)),t.attr(o,l.length>0?l:null))}})),e.addAttributeFilter("class",(e=>{let t=e.length;for(;t--;){const n=e[t];let o=n.attr("class");o&&(o=o.replace(/(?:^|\s)mce-item-\w+(?!\S)/g,""),n.attr("class",o.length>0?o:null))}})),e.addAttributeFilter("data-mce-type",((e,t,n)=>{let o=e.length;for(;o--;){const t=e[o];if("bookmark"===t.attr("data-mce-type")&&!n.cleanup){const e=I.from(t.firstChild).exists((e=>{var t;return!Di(null!==(t=e.value)&&void 0!==t?t:"")}));e?t.unwrap():t.remove()}}})),e.addNodeFilter("script,style",((e,n)=>{var o;const r=e=>e.replace(/(<!--\[CDATA\[|\]\]-->)/g,"\n").replace(/^[\r\n]*|[\r\n]*$/g,"").replace(/^\s*((<!--)?(\s*\/\/)?\s*<!\[CDATA\[|(<!--\s*)?\/\*\s*<!\[CDATA\[\s*\*\/|(\/\/)?\s*<!--|\/\*\s*<!--\s*\*\/)\s*[\r\n]*/gi,"").replace(/\s*(\/\*\s*\]\]>\s*\*\/(-->)?|\s*\/\/\s*\]\]>(-->)?|\/\/\s*(-->)?|\]\]>|\/\*\s*-->\s*\*\/|\s*-->\s*)\s*$/g,"");let s=e.length;for(;s--;){const a=e[s],i=a.firstChild,l=null!==(o=null==i?void 0:i.value)&&void 0!==o?o:"";if("script"===n){const e=a.attr("type");e&&a.attr("type","mce-no/type"===e?null:e.replace(/^mce\-/,"")),"xhtml"===t.element_format&&i&&l.length>0&&(i.value="// <![CDATA[\n"+r(l)+"\n// ]]>")}else"xhtml"===t.element_format&&i&&l.length>0&&(i.value="\x3c!--\n"+r(l)+"\n--\x3e")}})),e.addNodeFilter("#comment",(e=>{let o=e.length;for(;o--;){const r=e[o],s=r.value;t.preserve_cdata&&0===(null==s?void 0:s.indexOf("[CDATA["))&&(r.name="#cdata",r.type=4,r.value=n.decode(s.replace(/^\[CDATA\[|\]\]$/g,"")))}})),e.addNodeFilter("xml:namespace,input",((e,t)=>{let n=e.length;for(;n--;){const o=e[n];7===o.type?o.remove():1===o.type&&("input"!==t||o.attr("type")||o.attr("type","text"))}})),e.addAttributeFilter("data-mce-type",(t=>{q(t,(t=>{"format-caret"===t.attr("data-mce-type")&&(t.isEmpty(e.schema.getNonEmptyElements())?t.remove():t.unwrap())}))})),e.addAttributeFilter("data-mce-src,data-mce-href,data-mce-style,data-mce-selected,data-mce-expando,data-mce-block,data-mce-type,data-mce-resize,data-mce-placeholder",((e,t)=>{let n=e.length;for(;n--;)e[n].attr(t,null)})),t.remove_trailing_brs&&((e,t,n)=>{t.addNodeFilter("br",((t,o,r)=>{const s=an.extend({},n.getBlockElements()),a=n.getNonEmptyElements(),i=n.getWhitespaceElements();s.body=1;const l=e=>e.name in s||$s(n,e);for(let o=0,d=t.length;o<d;o++){let d=t[o],c=d.parent;if(c&&l(c)&&d===c.lastChild){let t=d.prev;for(;t;){const e=t.name;if("span"!==e||"bookmark"!==t.attr("data-mce-type")){"br"===e&&(d=null);break}t=t.prev}if(d&&(d.remove(),Ib(n,a,i,c))){const t=n.getElementRule(c.name);t&&(t.removeEmpty?c.remove():t.paddEmpty&&Lb(e,r,l,c))}}else{let e=d;for(;c&&c.firstChild===e&&c.lastChild===e&&(e=c,!s[c.name]);)c=c.parent;if(e===c){const e=new up("#text",3);e.value=it,d.replace(e)}}}}))})(t,e,e.schema)})(a,o,r),{schema:s,addNodeFilter:a.addNodeFilter,addAttributeFilter:a.addAttributeFilter,serialize:(e,n={})=>{const i={format:"html",...n},l=((e,t,n)=>((e,t)=>C(e)&&e.hasEventListeners("PreProcess")&&!t.no_events)(e,n)?((e,t,n)=>{let o;const r=e.dom;let s=t.cloneNode(!0);const a=document.implementation;if(a.createHTMLDocument){const e=a.createHTMLDocument("");an.each("BODY"===s.nodeName?s.childNodes:[s],(t=>{e.body.appendChild(e.importNode(t,!0))})),s="BODY"!==s.nodeName?e.body.firstChild:e.body,o=r.doc,r.doc=e}return((e,t)=>{e.dispatch("PreProcess",t)})(e,{...n,node:s}),o&&(r.doc=o),s})(e,t,n):t)(t,e,i),d=((e,t,n)=>{const o=Li(n.getInner?t.innerHTML:e.getOuterHTML(t));return n.selection||Ti(mn(t))?o:an.trim(o)})(r,l,i),c=((e,t,n)=>{const o=n.selection?{forced_root_block:!1,...n}:n,r=e.parse(t,o);return(e=>{const t=e=>"br"===(null==e?void 0:e.name),n=e.lastChild;if(t(n)){const e=n.prev;t(e)&&(n.remove(),e.remove())}})(r),r})(a,d,i);return"tree"===i.format?c:((e,t,n,o,r)=>{const s=((e,t,n)=>Tp(e,t).serialize(n))(t,n,o);return((e,t,n)=>{if(!t.no_events&&e){const o=((e,t)=>e.dispatch("PostProcess",t))(e,{...t,content:n});return o.content}return n})(e,r,s)})(t,o,s,c,i)},addRules:s.addValidElements,setRules:s.setValidElements,addTempAttr:T(Mw,a,n),getTempAttrs:N(n),getNodeFilters:a.getNodeFilters,getAttributeFilters:a.getAttributeFilters,removeNodeFilter:a.removeNodeFilter,removeAttributeFilter:a.removeAttributeFilter}},Fw=(e,t)=>{const n=Iw(e,t);return{schema:n.schema,addNodeFilter:n.addNodeFilter,addAttributeFilter:n.addAttributeFilter,serialize:n.serialize,addRules:n.addRules,setRules:n.setRules,addTempAttr:n.addTempAttr,getTempAttrs:n.getTempAttrs,getNodeFilters:n.getNodeFilters,getAttributeFilters:n.getAttributeFilters,removeNodeFilter:n.removeNodeFilter,removeAttributeFilter:n.removeAttributeFilter}},Uw=(e,t,n={})=>{const o=((e,t)=>({format:"html",...e,set:!0,content:t}))(n,t);return QC(e,o)?.map((t=>{const n=((e,t,n)=>Rw(e).editor.setContent(t,n))(e,t.content,t);return JC(e,n.html,t),n.content})).getOr(t)},zw="autoresize_on_init,content_editable_state,padd_empty_with_br,block_elements,boolean_attributes,editor_deselector,editor_selector,elements,file_browser_callback_types,filepicker_validator_handler,force_hex_style_colors,force_p_newlines,gecko_spellcheck,images_dataimg_filter,media_scripts,mode,move_caret_before_on_enter_elements,non_empty_elements,self_closing_elements,short_ended_elements,special,spellchecker_select_languages,spellchecker_whitelist,tab_focus,tabfocus_elements,table_responsive_width,text_block_elements,text_inline_elements,toolbar_drawer,types,validate,whitespace_elements,paste_enable_default_filters,paste_filter_drop,paste_word_valid_elements,paste_retain_style_properties,paste_convert_word_fake_lists,template_cdate_classes,template_mdate_classes,template_selected_content_classes,template_preview_replace_values,template_replace_values,templates,template_cdate_format,template_mdate_format".split(","),jw=[],Hw="bbcode,colorpicker,contextmenu,fullpage,legacyoutput,spellchecker,template,textcolor,rtc".split(","),$w=[{name:"export",replacedWith:"Export to PDF"}],Vw=(e,t)=>{const n=Y(t,(t=>xe(e,t)));return ae(n)},qw=e=>{const t=Vw(e,zw),n=e.forced_root_block;return!1!==n&&""!==n||t.push("forced_root_block (false only)"),ae(t)},Ww=e=>Vw(e,jw),Kw=(e,t)=>{const n=an.makeMap(e.plugins," "),o=Y(t,(e=>xe(n,e)));return ae(o)},Yw=e=>Kw(e,Hw),Gw=e=>Kw(e,$w?.map((e=>e.name))),Xw=e=>Q($w,(t=>t.name===e)).fold((()=>e),(t=>t.replacedWith?`${e}, replaced by ${t.replacedWith}`:e)),Zw=ni.DOM,Qw=e=>I.from(e).each((e=>e.destroy())),Jw=(()=>{const e={};return{add:(t,n)=>{e[t]=n},get:t=>e[t]?e[t]:{icons:{}},has:t=>xe(e,t)}})(),eE=di.ModelManager,tE=(e,t)=>t.dom[e],nE=(e,t)=>parseInt(Lo(t,e),10),oE=T(tE,"clientWidth"),rE=T(tE,"clientHeight"),sE=T(nE,"margin-top"),aE=T(nE,"margin-left"),iE=e=>{const t=[],n=()=>{const t=e.theme;return t&&t.getNotificationManagerImpl?t.getNotificationManagerImpl():(()=>{const e=()=>{throw new Error("Theme did not provide a NotificationManager implementation.")};return{open:e,close:e,getArgs:e}})()},o=()=>I.from(t[0]),r=()=>{o().each((e=>{e.reposition()}))},s=e=>{J(t,(t=>t===e)).each((e=>{t.splice(e,1)}))},a=(o,a=!0)=>e.removed||!(e=>{return(t=e.inline?e.getBody():e.getContentAreaContainer(),I.from(t)?.map(mn))?.map(Oo).getOr(!1);var t})(e)?{}:(a&&e.dispatch("BeforeOpenNotification",{notification:o}),Q(t,(e=>{return t=n().getArgs(e),r=o,!(t.type!==r.type||t.text!==r.text||t.progressBar||t.timeout||r.progressBar||r.timeout);var t,r})).getOrThunk((()=>{e.editorManager.setActive(e);const a=n().open(o,(()=>{s(a)}),(()=>yg(e)));return(e=>{t.push(e)})(a),r(),e.dispatch("OpenNotification",{notification:{...a}}),a}))),i=N(t);return(e=>{e.on("SkinLoaded",(()=>{const t=ac(e);t&&a({text:t,type:"warning",timeout:0},!1),r()})),e.on("show ResizeEditor ResizeWindow NodeChange ToggleView FullscreenStateChanged",(()=>{requestAnimationFrame(r)})),e.on("remove",(()=>{q(t.slice(),(e=>{n().close(e)}))})),e.on("keydown",(e=>{var t;const n="f12"===(null===(t=e.key)||void 0===t?void 0:t.toLowerCase())||123===e.keyCode;e.altKey&&n&&(e.preventDefault(),o()?.map((e=>mn(e.getEl()))).each((e=>oo(e))))}))})(e),{open:a,close:()=>{o().each((e=>{n().close(e),s(e),r()}))},getNotifications:i}},lE=di.PluginManager,dE=di.ThemeManager,cE=e=>{let t=[];const n=()=>{const t=e.theme;return t&&t.getWindowManagerImpl?t.getWindowManagerImpl():(()=>{const e=()=>{throw new Error("Theme did not provide a WindowManager implementation.")};return{open:e,openUrl:e,alert:e,confirm:e,close:e}})()},o=(e,t)=>(...n)=>t?t.apply(e,n):void 0,r=n=>{(t=>{e.dispatch("CloseWindow",{dialog:t})})(n),t=Y(t,(e=>e!==n)),0===t.length&&e.focus()},s=n=>{e.editorManager.setActive(e),ng(e),e.ui.show();const o=n();return(n=>{t.push(n),(t=>{e.dispatch("OpenWindow",{dialog:t})})(n)})(o),o};return e.on("remove",(()=>{q(t,(e=>{n().close(e)}))})),{open:(e,t)=>s((()=>n().open(e,t,r))),openUrl:e=>s((()=>n().openUrl(e,r))),alert:(e,t,r)=>{const s=n();s.alert(e,o(r||s,t))},confirm:(e,t,r)=>{const s=n();s.confirm(e,o(r||s,t))},close:()=>{I.from(t[t.length-1]).each((e=>{n().close(e),r(e)}))}}},uE=(e,t)=>{e.notificationManager.open({type:"error",text:t})},mE=(e,t)=>{e._skinLoaded?uE(e,t):e.on("SkinLoaded",(()=>{uE(e,t)}))},fE=(e,t,n)=>{ld(e,t,{message:n}),console.error(n)},gE=(e,t,n)=>n?`Failed to load ${e}: ${n} from url ${t}`:`Failed to load ${e} url: ${t}`,pE=(e,...t)=>{const n=window.console;n&&(n.error?n.error(e,...t):n.log(e,...t))},hE=(e,t,n)=>{try{e.getDoc().execCommand(t,!1,String(n))}catch(e){}},bE=(e,t,n)=>{fr(e,t)&&!n?mr(e,t):n&&cr(e,t)},vE=e=>{const t=mn(e.getBody());bE(t,"mce-content-readonly",!0),e.selection.controlSelection.hideResizeRect(),e._selectionOverrides.hideFakeCaret(),(e=>{I.from(e.selection.getNode()).each((e=>{e.removeAttribute("data-mce-selected")}))})(e)},yE=e=>{const t=mn(e.getBody());bE(t,"mce-content-readonly",!1),e.hasEditableRoot()&&hr(t,!0),((e,t)=>{hE(e,"StyleWithCSS",t),hE(e,"enableInlineTableEditing",t),hE(e,"enableObjectResizing",t)})(e,!1),yg(e)&&e.focus(),(e=>{e.selection.setRng(e.selection.getRng())})(e),e.nodeChanged()},CE=e=>hu(e),wE="data-mce-contenteditable",EE=(e,t)=>{const n=mn(e.getBody());t?(vE(e),hr(n,!1),q(vr(n,'*[contenteditable="true"]'),(e=>{go(e,wE,"true"),hr(e,!1)}))):(q(vr(n,`*[${wE}="true"]`),(e=>{yo(e,wE),hr(e,!0)})),yE(e))},_E=e=>{e.parser.addAttributeFilter("contenteditable",(t=>{CE(e)&&q(t,(e=>{e.attr(wE,e.attr("contenteditable")),e.attr("contenteditable","false")}))})),e.serializer.addAttributeFilter(wE,(t=>{CE(e)&&q(t,(e=>{e.attr("contenteditable",e.attr(wE))}))})),e.serializer.addTempAttr(wE)},xE=["copy"],SE=e=>"content/"+e+"/content.css",kE=(e,t)=>{const n=e.editorManager.baseURL+"/skins/content",o=`content${e.editorManager.suffix}.css`;return V(t,(t=>(e=>tinymce.Resource.has(SE(e)))(t)?t:(e=>/^[a-z0-9\-]+$/i.test(e))(t)&&!e.inline?`${n}/${t}/${o}`:e.documentBaseURI.toAbsolute(t)))},NE=(e,t)=>{const n={};return{findAll:(o,r=M)=>{const s=Y((e=>e?ce(e.getElementsByTagName("img")):[])(o),(t=>{const n=t.src;return!t.hasAttribute("data-mce-bogus")&&!t.hasAttribute("data-mce-placeholder")&&!(!n||n===nn.transparentSrc)&&(Ye(n,"blob:")?!e.isUploaded(n)&&r(t):!!Ye(n,"data:")&&r(t))})),a=V(s,(e=>{const o=e.src;if(xe(n,o))return n[o].then((t=>m(t)?t:{image:e,blobInfo:t.blobInfo}));{const r=((e,t)=>{const n=()=>Promise.reject("Invalid data URI");if(Ye(t,"blob:")){const s=e.getByUri(t);return C(s)?Promise.resolve(s):(o=t,Ye(o,"blob:")?(e=>fetch(e).then((e=>e.ok?e.blob():Promise.reject())).catch((()=>Promise.reject({message:`Cannot convert ${e} to Blob. Resource might not exist or is inaccessible.`,uriType:"blob"}))))(o):Ye(o,"data:")?(r=o,new Promise(((e,t)=>{py(r).bind((({type:e,data:t,base64Encoded:n})=>hy(e,t,n))).fold((()=>t("Invalid data URI")),e)}))):Promise.reject("Unknown URI format")).then((t=>by(t).then((o=>yy(o,!1,(n=>I?.some(Cy(e,t,n)))).getOrThunk(n)))))}var o,r;return Ye(t,"data:")?wy(e,t).fold(n,(e=>Promise.resolve(e))):Promise.reject("Unknown image data format")})(t,o).then((t=>(delete n[o],{image:e,blobInfo:t}))).catch((e=>(delete n[o],e)));return n[o]=r,r}}));return Promise.all(a)}}},RE=()=>{let e={};const t=(e,t)=>({status:e,resultUri:t}),n=t=>t in e;return{hasBlobUri:n,getResultUri:t=>{const n=e[t];return n?n.resultUri:null},isPending:t=>!!n(t)&&1===e[t].status,isUploaded:t=>!!n(t)&&2===e[t].status,markPending:n=>{e[n]=t(1,null)},markUploaded:(n,o)=>{e[n]=t(2,o)},removeFailed:t=>{delete e[t]},destroy:()=>{e={}}}};let AE=0;const TE=(e,t)=>{const n={},o=(e,n)=>new Promise(((o,r)=>{const s=new XMLHttpRequest;s.open("POST",t.url),s.withCredentials=t.credentials,s.upload.onprogress=e=>{n(e.loaded/e.total*100)},s.onerror=()=>{r("Image upload failed due to a XHR Transport error. Code: "+s.status)},s.onload=()=>{if(s.status<200||s.status>=300)return void r("HTTP Error: "+s.status);const e=JSON.parse(s.responseText);var n,a;e&&m(e.location)?o((n=t.basePath,a=e.location,n?n.replace(/\/$/,"")+"/"+a.replace(/^\//,""):a)):r("Invalid JSON: "+s.responseText)};const a=new FormData;a.append("file",e.blob(),e.filename()),s.send(a)})),r=w(t.handler)?t.handler:o,s=(e,t)=>({url:t,blobInfo:e,status:!0}),a=(e,t)=>({url:"",blobInfo:e,status:!1,error:t}),i=(e,t)=>{an.each(n[e],(e=>{e(t)})),delete n[e]};return{upload:(l,d)=>t.url||r!==o?((t,o)=>(t=an.grep(t,(t=>!e.isUploaded(t.blobUri()))),Promise.all(an?.map(t,(t=>e.isPending(t.blobUri())?(e=>{const t=e.blobUri();return new Promise((e=>{n[t]=n[t]||[],n[t].push(e)}))})(t):((t,n,o)=>(e.markPending(t.blobUri()),new Promise((r=>{let l,d;try{const c=()=>{l&&(l.close(),d=x)},u=n=>{c(),e.markUploaded(t.blobUri(),n),i(t.blobUri(),s(t,n)),r(s(t,n))},f=n=>{c(),e.removeFailed(t.blobUri()),i(t.blobUri(),a(t,n)),r(a(t,n))};d=e=>{e<0||e>100||I.from(l).orThunk((()=>I.from(o)?.map(P))).each((t=>{l=t,t.progressBar.value(e)}))},n(t,d).then(u,(e=>{f(m(e)?{message:e}:e)}))}catch(e){r(a(t,e))}}))))(t,r,o))))))(l,d):new Promise((e=>{e([])}))}},OE=e=>()=>e.notificationManager.open({text:e.translate("Image uploading..."),type:"info",timeout:-1,progressBar:!0}),BE=(e,t)=>TE(t,{url:jd(e),basePath:Hd(e),credentials:$d(e),handler:Vd(e)}),PE=e=>{const t=(()=>{let e=[];const t=e=>{if(!e.blob||!e.base64)throw new Error("blob and base64 representations of the image are required for BlobInfo to be created");const t=e.id||"blobid"+AE+++(()=>{const e=()=>Math.round(4294967295*Be()).toString(36);return"s"+(new Date).getTime().toString(36)+e()+e()+e()})(),n=e.name||t,o=e.blob;var r;return{id:N(t),name:N(n),filename:N(e.filename||n+"."+(r=o.type,{"image/jpeg":"jpg","image/jpg":"jpg","image/gif":"gif","image/png":"png","image/apng":"apng","image/avif":"avif","image/svg+xml":"svg","image/webp":"webp","image/bmp":"bmp","image/tiff":"tiff"}[r.toLowerCase()]||"dat")),blob:N(o),base64:N(e.base64),blobUri:N(e.blobUri||URL.createObjectURL(o)),uri:N(e.uri)}},n=t=>Q(e,t).getOrUndefined(),o=e=>n((t=>t.id()===e));return{create:(e,n,o,r,s)=>{if(m(e))return t({id:e,name:r,filename:s,blob:n,base64:o});if(f(e))return t(e);throw new Error("Unknown input type")},add:t=>{o(t.id())||e.push(t)},get:o,getByUri:e=>n((t=>t.blobUri()===e)),getByData:(e,t)=>n((n=>n.base64()===e&&n.blob().type===t)),findFirst:n,removeByUri:t=>{e=Y(e,(e=>e.blobUri()!==t||(URL.revokeObjectURL(e.blobUri()),!1)))},destroy:()=>{q(e,(e=>{URL.revokeObjectURL(e.blobUri())})),e=[]}}})();let n,o;const r=RE(),s=[],a=t=>n=>e.selection?t(n):[],i=(e,t,n)=>{let o=0;do{o=e.indexOf(t,o),-1!==o&&(e=e.substring(0,o)+n+e.substr(o+t.length),o+=n.length-t.length+1)}while(-1!==o);return e},l=(e,t,n)=>{const o=`src="${n}"${n===nn.transparentSrc?' data-mce-placeholder="1"':""}`;return e=i(e,`src="${t}"`,o),i(e,'data-mce-src="'+t+'"','data-mce-src="'+n+'"')},d=(t,n)=>{q(e.undoManager.data,(e=>{"fragmented"===e.type?e.fragments=V(e.fragments,(e=>l(e,t,n))):e.content=l(e.content,t,n)}))},c=()=>(n||(n=BE(e,r)),p().then(a((o=>{const r=V(o,(e=>e.blobInfo));return n.upload(r,OE(e)).then(a((n=>{const r=[];let s=!1;const a=V(n,((n,a)=>{const{blobInfo:i,image:l}=o[a];let c=!1;return n.status&&Fd(e)?(n.url&&!Ke(l.src,n.url)&&(s=!0),t.removeByUri(l.src),Nw(e)||((t,n)=>{const o=e.convertURL(n,"src");var r;d(t.src,n),po(mn(t),{src:Id(e)?(r=n,r+(-1===r.indexOf("?")?"?":"&")+(new Date).getTime()):n,"data-mce-src":o})})(l,n.url)):n.error&&(n.error.remove&&(d(l.src,nn.transparentSrc),r.push(l),c=!0),((e,t)=>{mE(e,li.translate(["Failed to upload image: {0}",t]))})(e,n.error.message)),{element:l,status:n.status,uploadUri:n.url,blobInfo:i,removed:c}}));return r.length>0&&!Nw(e)?e.undoManager.transact((()=>{q(No(r),(n=>{const o=Ln(n);Eo(n),o.each((e=>t=>{((e,t)=>e.dom.isEmpty(t.dom)&&C(e.schema.getTextBlockElements()[_n(t)]))(e,t)&&co(t,dn('<br data-mce-bogus="1" />'))})(e)),t.removeByUri(n.dom.src)}))})):s&&e.undoManager.dispatchChange(),a})))})))),u=()=>Md(e)?c():Promise.resolve([]),g=e=>ne(s,(t=>t(e))),p=()=>(o||(o=NE(r,t)),o.findAll(e.getBody(),g).then(a((t=>{const n=Y(t,(t=>m(t)?(mE(e,t),!1):"blob"!==t.uriType));return Nw(e)||q(n,(e=>{d(e.image.src,e.blobInfo.blobUri()),e.image.src=e.blobInfo.blobUri(),e.image.removeAttribute("data-mce-src")})),n})))),h=n=>n.replace(/src="(blob:[^"]+)"/g,((n,o)=>{const s=r.getResultUri(o);if(s)return'src="'+s+'"';let a=t.getByUri(o);return a||(a=X(e.editorManager.get(),((e,t)=>e||t.editorUpload&&t.editorUpload.blobCache.getByUri(o)),void 0)),a?'src="data:'+a.blob().type+";base64,"+a.base64()+'"':n}));return e.on("SetContent",(()=>{Md(e)?u():p()})),e.on("RawSaveContent",(e=>{e.content=h(e.content)})),e.on("GetContent",(e=>{e.source_view||"raw"===e.format||"tree"===e.format||(e.content=h(e.content))})),e.on("PostRender",(()=>{e.parser.addNodeFilter("img",(e=>{q(e,(e=>{const n=e.attr("src");if(!n||t.getByUri(n))return;const o=r.getResultUri(n);o&&e.attr("src",o)}))}))})),{blobCache:t,addFilter:e=>{s.push(e)},uploadImages:c,uploadImagesAuto:u,scanForImages:p,destroy:()=>{t.destroy(),r.destroy(),o=n=null}}},DE={remove_similar:!0,inherit:!1},LE={selector:"td,th",...DE},ME={tablecellbackgroundcolor:{styles:{backgroundColor:"%value"},...LE},tablecellverticalalign:{styles:{"vertical-align":"%value"},...LE},tablecellbordercolor:{styles:{borderColor:"%value"},...LE},tablecellclass:{classes:["%value"],...LE},tableclass:{selector:"table",classes:["%value"],...DE},tablecellborderstyle:{styles:{borderStyle:"%value"},...LE},tablecellborderwidth:{styles:{borderWidth:"%value"},...LE}},IE=N(ME),FE=an.each,UE=ni.DOM,zE=e=>C(e)&&f(e),jE=(e,t)=>{const n=t&&t.schema||Ra({}),o=e=>{const t=m(e)?{name:e,classes:[],attrs:{}}:e,n=UE.create(t.name);return((e,t)=>{t.classes.length>0&&UE.addClass(e,t.classes.join(" ")),UE.setAttribs(e,t.attrs)})(n,t),n},r=(e,t,s)=>{let a;const i=t[0],l=zE(i)?i.name:void 0,d=((e,t)=>{const o=n.getElementRule(e.nodeName.toLowerCase()),r=null==o?void 0:o.parentsRequired;return!(!r||!r.length)&&(t&&H(r,t)?t:r[0])})(e,l);if(d)l===d?(a=i,t=t.slice(1)):a=d;else if(i)a=i,t=t.slice(1);else if(!s)return e;const c=a?o(a):UE.create("div");c.appendChild(e),s&&an.each(s,(t=>{const n=o(t);c.insertBefore(n,e)}));const u=zE(a)?a.siblings:void 0;return r(c,t,u)},s=UE.create("div");if(e.length>0){const t=e[0],n=o(t),a=zE(t)?t.siblings:void 0;s.appendChild(r(n,e.slice(1),a))}return s},HE=e=>{let t="div";const n={name:t,classes:[],attrs:{},selector:e=an.trim(e)};return"*"!==e&&(t=e.replace(/(?:([#\.]|::?)([\w\-]+)|(\[)([^\]]+)\]?)/g,((e,t,o,r,s)=>{switch(t){case"#":n.attrs.id=o;break;case".":n.classes.push(o);break;case":":-1!==an.inArray("checked disabled enabled read-only required".split(" "),o)&&(n.attrs[o]=o)}if("["===r){const e=s.match(/([\w\-]+)(?:\=\"([^\"]+))?/);e&&(n.attrs[e[1]]=e[2])}return""}))),n.name=t||"div",n},$E=(e,t)=>{let n="",o=fc(e);if(""===o)return"";const r=e=>m(e)?e.replace(/%(\w+)/g,""):"",s=(t,n)=>UE.getStyle(null!=n?n:e.getBody(),t,!0);if(m(t)){const n=e.formatter.get(t);if(!n)return"";t=n[0]}if("preview"in t){const e=t.preview;if(!1===e)return"";o=e||o}let a,i=t.block||t.inline||"span";const l=(d=t.selector,m(d)?(d=(d=d.split(/\s*,\s*/)[0]).replace(/\s*(~\+|~|\+|>)\s*/g,"$1"),an?.map(d.split(/(?:>|\s+(?![^\[\]]+\]))/),(e=>{const t=an?.map(e.split(/(?:~\+|~|\+)/),HE),n=t.pop();return t.length&&(n.siblings=t),n})).reverse()):[]);var d;l.length>0?(l[0].name||(l[0].name=i),i=t.selector,a=jE(l,e)):a=jE([i],e);const c=UE.select(i,a)[0]||a.firstChild;FE(t.styles,((e,t)=>{const n=r(e);n&&UE.setStyle(c,t,n)})),FE(t.attributes,((e,t)=>{const n=r(e);n&&UE.setAttrib(c,t,n)})),FE(t.classes,(e=>{const t=r(e);UE.hasClass(c,t)||UE.addClass(c,t)})),e.dispatch("PreviewFormats"),UE.setStyles(a,{position:"absolute",left:-65535}),e.getBody().appendChild(a);const u=s("fontSize"),f=/px$/.test(u)?parseInt(u,10):0;return FE(o.split(" "),(e=>{let t=s(e,c);if(!("background-color"===e&&/transparent|rgba\s*\([^)]+,\s*0\)/.test(t)&&(t=s(e),"#ffffff"===Ma(t).toLowerCase())||"color"===e&&"#000000"===Ma(t).toLowerCase())){if("font-size"===e&&/em|%$/.test(t)){if(0===f)return;t=parseFloat(t)/(/%$/.test(t)?100:1)*f+"px"}"border"===e&&t&&(n+="padding:0 2px;"),n+=e+":"+t+";"}})),e.dispatch("AfterPreviewFormats"),UE.remove(a),n},VE=e=>{const t=(e=>{const t={},n=(e,o)=>{e&&(m(e)?(p(o)||(o=[o]),q(o,(e=>{v(e.deep)&&(e.deep=!Ef(e)),v(e.split)&&(e.split=!Ef(e)||_f(e)),v(e.remove)&&Ef(e)&&!_f(e)&&(e.remove="none"),Ef(e)&&_f(e)&&(e.mixed=!0,e.block_expand=!0),m(e.classes)&&(e.classes=e.classes.split(/\s+/))})),t[e]=o):pe(e,((e,t)=>{n(t,e)})))};return n((e=>{const t=e.dom,n=e.schema.type,o={valigntop:[{selector:"td,th",styles:{verticalAlign:"top"}}],valignmiddle:[{selector:"td,th",styles:{verticalAlign:"middle"}}],valignbottom:[{selector:"td,th",styles:{verticalAlign:"bottom"}}],alignleft:[{selector:"figure.image",collapsed:!1,classes:"align-left",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre",styles:{textAlign:"left"},inherit:!1,preview:!1},{selector:"img,audio,video",collapsed:!1,styles:{float:"left"},preview:"font-family font-size"},{selector:".mce-placeholder",styles:{float:"left"},ceFalseOverride:!0},{selector:"table",collapsed:!1,styles:{marginLeft:"0px",marginRight:"auto"},onformat:e=>{t.setStyle(e,"float",null)},preview:"font-family font-size"},{selector:".mce-preview-object,[data-ephox-embed-iri]",ceFalseOverride:!0,styles:{float:"left"}}],aligncenter:[{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre",styles:{textAlign:"center"},inherit:!1,preview:"font-family font-size"},{selector:"figure.image",collapsed:!1,classes:"align-center",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"img,audio,video",collapsed:!1,styles:{display:"block",marginLeft:"auto",marginRight:"auto"},preview:!1},{selector:".mce-placeholder",styles:{display:"block",marginLeft:"auto",marginRight:"auto"},ceFalseOverride:!0},{selector:"table",collapsed:!1,styles:{marginLeft:"auto",marginRight:"auto"},preview:"font-family font-size"},{selector:".mce-preview-object",ceFalseOverride:!0,styles:{display:"table",marginLeft:"auto",marginRight:"auto"},preview:!1},{selector:"[data-ephox-embed-iri]",ceFalseOverride:!0,styles:{marginLeft:"auto",marginRight:"auto"},preview:!1}],alignright:[{selector:"figure.image",collapsed:!1,classes:"align-right",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre",styles:{textAlign:"right"},inherit:!1,preview:"font-family font-size"},{selector:"img,audio,video",collapsed:!1,styles:{float:"right"},preview:"font-family font-size"},{selector:".mce-placeholder",styles:{float:"right"},ceFalseOverride:!0},{selector:"table",collapsed:!1,styles:{marginRight:"0px",marginLeft:"auto"},onformat:e=>{t.setStyle(e,"float",null)},preview:"font-family font-size"},{selector:".mce-preview-object,[data-ephox-embed-iri]",ceFalseOverride:!0,styles:{float:"right"},preview:!1}],alignjustify:[{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre",styles:{textAlign:"justify"},inherit:!1,preview:"font-family font-size"}],bold:[{inline:"strong",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{fontWeight:"bold"}},{inline:"b",remove:"all",preserve_attributes:["class","style"]}],italic:[{inline:"em",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{fontStyle:"italic"}},{inline:"i",remove:"all",preserve_attributes:["class","style"]}],underline:[{inline:"span",styles:{textDecoration:"underline"},exact:!0},{inline:"u",remove:"all",preserve_attributes:["class","style"]}],strikethrough:(()=>{const e={inline:"span",styles:{textDecoration:"line-through"},exact:!0},t={inline:"strike",remove:"all",preserve_attributes:["class","style"]},o={inline:"s",remove:"all",preserve_attributes:["class","style"]};return"html4"!==n?[o,e,t]:[e,o,t]})(),forecolor:{inline:"span",styles:{color:"%value"},links:!0,remove_similar:!0,clear_child_styles:!0},hilitecolor:{inline:"span",styles:{backgroundColor:"%value"},links:!0,remove_similar:!0,clear_child_styles:!0},fontname:{inline:"span",toggle:!1,styles:{fontFamily:"%value"},clear_child_styles:!0},fontsize:{inline:"span",toggle:!1,styles:{fontSize:"%value"},clear_child_styles:!0},lineheight:{selector:"h1,h2,h3,h4,h5,h6,p,li,td,th,div",styles:{lineHeight:"%value"}},fontsize_class:{inline:"span",attributes:{class:"%value"}},blockquote:{block:"blockquote",wrapper:!0,remove:"all"},subscript:{inline:"sub"},superscript:{inline:"sup"},code:{inline:"code"},samp:{inline:"samp"},link:{inline:"a",selector:"a",remove:"all",split:!0,deep:!0,onmatch:(e,t,n)=>qr(e)&&e.hasAttribute("href"),onformat:(e,n,o)=>{an.each(o,((n,o)=>{t.setAttrib(e,o,n)}))}},lang:{inline:"span",clear_child_styles:!0,remove_similar:!0,attributes:{lang:"%value","data-mce-lang":e=>{var t;return null!==(t=null==e?void 0:e.customValue)&&void 0!==t?t:null}}},removeformat:[{selector:"b,strong,em,i,font,u,strike,s,sub,sup,dfn,code,samp,kbd,var,cite,mark,q,del,ins,small",remove:"all",split:!0,expand:!1,block_expand:!0,deep:!0},{selector:"span",attributes:["style","class"],remove:"empty",split:!0,expand:!1,deep:!0},{selector:"*",attributes:["style","class"],split:!1,expand:!1,deep:!0}]};return an.each("p h1 h2 h3 h4 h5 h6 div address pre dt dd".split(/\s/),(e=>{o[e]={block:e,remove:"all"}})),o})(e)),n(IE()),n(mc(e)),{get:e=>C(e)?t[e]:t,has:e=>xe(t,e),register:n,unregister:e=>(e&&t[e]&&delete t[e],t)}})(e),n=Ne({});return(e=>{e.addShortcut("meta+b","","Bold"),e.addShortcut("meta+i","","Italic"),e.addShortcut("meta+u","","Underline");for(let t=1;t<=6;t++)e.addShortcut("access+"+t,"",["FormatBlock",!1,"h"+t]);e.addShortcut("access+7","",["FormatBlock",!1,"p"]),e.addShortcut("access+8","",["FormatBlock",!1,"div"]),e.addShortcut("access+9","",["FormatBlock",!1,"address"])})(e),(e=>{e.on("mouseup keydown",(t=>{var n;((e,t,n)=>{const o=e.selection,r=e.getBody();fv(e,null,n),8!==t&&46!==t||!o.isCollapsed()||o.getStart().innerHTML!==dv||fv(e,Tm(r,o.getStart()),!0),37!==t&&39!==t||fv(e,Tm(r,o.getStart()),!0)})(e,t.keyCode,(n=e.selection.getRng().endContainer,es(n)&&Ge(n.data,it)))}))})(e),Nw(e)||((e,t)=>{e.set({}),t.on("NodeChange",(n=>{cy(t,n.element,e.get())})),t.on("FormatApply FormatRemove",(n=>{const o=I.from(n.node)?.map((e=>rf(e)?e:e.startContainer)).bind((e=>qr(e)?I?.some(e):I.from(e.parentElement))).getOrThunk((()=>iy(t)));cy(t,o,e.get())}))})(n,e),{get:t.get,has:t.has,register:t.register,unregister:t.unregister,apply:(t,n,o)=>{((e,t,n,o)=>{Aw(e).formatter.apply(t,n,o)})(e,t,n,o)},remove:(t,n,o,r)=>{((e,t,n,o,r)=>{Aw(e).formatter.remove(t,n,o,r)})(e,t,n,o,r)},toggle:(t,n,o)=>{((e,t,n,o)=>{Aw(e).formatter.toggle(t,n,o)})(e,t,n,o)},match:(t,n,o,r)=>((e,t,n,o,r)=>Aw(e).formatter.match(t,n,o,r))(e,t,n,o,r),closest:t=>((e,t)=>Aw(e).formatter.closest(t))(e,t),matchAll:(t,n)=>((e,t,n)=>Aw(e).formatter.matchAll(t,n))(e,t,n),matchNode:(t,n,o,r)=>((e,t,n,o,r)=>Aw(e).formatter.matchNode(t,n,o,r))(e,t,n,o,r),canApply:t=>((e,t)=>Aw(e).formatter.canApply(t))(e,t),formatChanged:(t,o,r,s)=>((e,t,n,o,r,s)=>Aw(e).formatter.formatChanged(t,n,o,r,s))(e,n,t,o,r,s),getCssText:T($E,e)}},qE=e=>{switch(e.toLowerCase()){case"undo":case"redo":case"mcefocus":return!0;default:return!1}},WE=e=>{const t=Ve(),n=Ne(0),o=Ne(0),r={data:[],typing:!1,beforeChange:()=>{((e,t,n)=>{Aw(e).undoManager.beforeChange(t,n)})(e,n,t)},add:(s,a)=>((e,t,n,o,r,s,a)=>Aw(e).undoManager.add(t,n,o,r,s,a))(e,r,o,n,t,s,a),dispatchChange:()=>{e.setDirty(!0);const t=vw(e);t.bookmark=ed(e.selection),e.dispatch("change",{level:t,lastLevel:ie(r.data,o.get()).getOrUndefined()})},undo:()=>((e,t,n,o)=>Aw(e).undoManager.undo(t,n,o))(e,r,n,o),redo:()=>((e,t,n)=>Aw(e).undoManager.redo(t,n))(e,o,r.data),clear:()=>{((e,t,n)=>{Aw(e).undoManager.clear(t,n)})(e,r,o)},reset:()=>{((e,t)=>{Aw(e).undoManager.reset(t)})(e,r)},hasUndo:()=>((e,t,n)=>Aw(e).undoManager.hasUndo(t,n))(e,r,o),hasRedo:()=>((e,t,n)=>Aw(e).undoManager.hasRedo(t,n))(e,r,o),transact:t=>((e,t,n,o)=>Aw(e).undoManager.transact(t,n,o))(e,r,n,t),ignore:t=>{((e,t,n)=>{Aw(e).undoManager.ignore(t,n)})(e,n,t)},extra:(t,n)=>{((e,t,n,o,r)=>{Aw(e).undoManager.extra(t,n,o,r)})(e,r,o,t,n)}};return Nw(e)||((e,t,n)=>{const o=Ne(!1),r=e=>{xw(t,!1,n),t.add({},e)};e.on("init",(()=>{t.add()})),e.on("BeforeExecCommand",(e=>{const o=e.command;qE(o)||(Sw(t,n),t.beforeChange())})),e.on("ExecCommand",(e=>{const t=e.command;qE(t)||r(e)})),e.on("ObjectResizeStart cut",(()=>{t.beforeChange()})),e.on("SaveContent ObjectResized blur",r),e.on("dragend",r),e.on("keyup",(n=>{const s=n.keyCode;if(n.isDefaultPrevented())return;const a=nn.os.isMacOS()&&"Meta"===n.key;(s>=33&&s<=36||s>=37&&s<=40||45===s||n.ctrlKey||a)&&(r(),e.nodeChanged()),46!==s&&8!==s||e.nodeChanged(),o.get()&&t.typing&&!Ew(vw(e),t.data[0])&&(e.isDirty()||e.setDirty(!0),e.dispatch("TypingUndo"),o.set(!1),e.nodeChanged())})),e.on("keydown",(e=>{const s=e.keyCode;if(e.isDefaultPrevented())return;if(s>=33&&s<=36||s>=37&&s<=40||45===s)return void(t.typing&&r(e));const a=e.ctrlKey&&!e.altKey||e.metaKey;if((s<16||s>20)&&224!==s&&91!==s&&!t.typing&&!a)return t.beforeChange(),xw(t,!0,n),t.add({},e),void o.set(!0);(nn.os.isMacOS()?e.metaKey:e.ctrlKey&&!e.altKey)&&t.beforeChange()})),e.on("mousedown",(e=>{t.typing&&r(e)})),e.on("input",(e=>{var t;e.inputType&&("insertReplacementText"===e.inputType||"insertText"===(t=e).inputType&&null===t.data||(e=>"insertFromPaste"===e.inputType||"insertFromDrop"===e.inputType)(e))&&r(e)})),e.on("AddUndo Undo Redo ClearUndos",(t=>{t.isDefaultPrevented()||e.nodeChanged()}))})(e,r,n),(e=>{e.addShortcut("meta+z","","Undo"),e.addShortcut("meta+y,meta+shift+z","","Redo")})(e),r},KE=[9,27,wg.HOME,wg.END,19,20,44,144,145,33,34,45,16,17,18,91,92,93,wg.DOWN,wg.UP,wg.LEFT,wg.RIGHT].concat(nn.browser.isFirefox()?[224]:[]),YE="data-mce-placeholder",GE=e=>"keydown"===e.type||"keyup"===e.type,XE=e=>{const t=e.keyCode;return t===wg.BACKSPACE||t===wg.DELETE},ZE=(e,t)=>({from:e,to:t}),QE=(e,t)=>{const n=mn(e),o=mn(t.container());return Xh(n,o)?.map((e=>((e,t)=>({block:e,position:t}))(e,t)))},JE=(e,t)=>tr(t,(e=>Ai(e)||ds(e.dom)),(t=>Cn(t,e))).filter(Nn).getOr(e),e_=(e,t)=>{const n=((e,t)=>{const n=Hn(e);return J(n,(e=>t.isBlock(_n(e)))).fold(N(n),(e=>n.slice(0,e)))})(e,t);return q(n,Eo),n},t_=(e,t,n)=>{const o=Qp(n,t);return Q(o.reverse(),(t=>_s(e,t))).each(Eo)},n_=(e,t,n,o,r)=>{if(_s(o,n))return Bi(n),km(n.dom);((e,t)=>0===Y(zn(t),(t=>!_s(e,t))).length)(o,r)&&_s(o,t)&&ao(r,cn("br"));const s=Sm(n.dom,Pl.before(r.dom));return q(e_(t,o),(e=>{ao(r,e)})),t_(o,e,t),s},o_=(e,t,n,o)=>{if(_s(o,n)){if(_s(o,t)){const e=e=>{const t=(e,n)=>Vn(e).fold((()=>n),(e=>((e,t)=>e.isInline(_n(t)))(o,e)?t(e,n.concat(So(e))):n));return t(e,[])},r=G(e(n),((e,t)=>(uo(e,t),t)),Oi());wo(t),co(t,r)}return Eo(n),km(t.dom)}const r=Nm(n.dom);return q(e_(t,o),(e=>{co(n,e)})),t_(o,e,t),r},r_=(e,t)=>{_m(e,t.dom).bind((e=>I.from(e.getNode())))?.map(mn).filter(xi).each(Eo)},s_=(e,t,n,o)=>(r_(!0,t),r_(!1,n),((e,t)=>wn(t,e)?((e,t)=>{const n=Qp(t,e);return I.from(n[n.length-1])})(t,e):I.none())(t,n).fold(T(o_,e,t,n,o),T(n_,e,t,n,o))),a_=(e,t,n,o,r)=>t?s_(e,o,n,r):s_(e,n,o,r),i_=(e,t)=>{const n=mn(e.getBody()),o=((e,t,n,o)=>o.collapsed?((e,t,n,o)=>{const r=QE(t,Pl.fromRangeStart(o)),s=r.bind((o=>Cm(n,t,o.position).bind((o=>QE(t,o)?.map((o=>((e,t,n,o)=>as(o.position.getNode())&&!_s(e,o.block)?_m(!1,o.block.dom).bind((e=>e.isEqual(o.position)?Cm(n,t,e).bind((e=>QE(t,e))):I?.some(o))).getOr(o):o)(e,t,n,o)))))));return ze(r,s,ZE).filter((e=>(e=>!Cn(e.from.block,e.to.block))(e)&&((e,t)=>{const n=mn(e);return Cn(JE(n,t.from.block),JE(n,t.to.block))})(t,e)&&(e=>!1===cs(e.from.block.dom)&&!1===cs(e.to.block.dom))(e)&&(e=>{const t=e=>Si(e)||Fs(e.dom)||Ni(e);return t(e.from.block)&&t(e.to.block)})(e)&&(e=>!(wn(e.to.block,e.from.block)||wn(e.from.block,e.to.block)))(e)))})(e,t,n,o):I.none())(e.schema,n.dom,t,e.selection.getRng())?.map((o=>()=>{a_(n,t,o.from.block,o.to.block,e.schema).each((t=>{e.selection.setRng(t.toRange())}))}));return o},l_=(e,t)=>{const n=mn(t),o=T(Cn,e);return er(n,Ai,o).isSome()},d_=e=>{const t=mn(e.getBody());return((e,t)=>{const n=Sm(e.dom,Pl.fromRangeStart(t)).isNone(),o=xm(e.dom,Pl.fromRangeEnd(t)).isNone();return!((e,t)=>l_(e,t.startContainer)||l_(e,t.endContainer))(e,t)&&n&&o})(t,e.selection.getRng())?(e=>I?.some((()=>{e.setContent(""),e.selection.setCursorLocation()})))(e):((e,t,n)=>{const o=t.getRng();return ze(Xh(e,mn(o.startContainer)),Xh(e,mn(o.endContainer)),((r,s)=>Cn(r,s)?I.none():I?.some((()=>{o.deleteContents(),a_(e,!0,r,s,n).each((e=>{t.setRng(e.toRange())}))})))).getOr(I.none())})(t,e.selection,e.schema)},c_=(e,t)=>e.selection.isCollapsed()?I.none():d_(e),u_=(e,t,n,o,r)=>I.from(t._selectionOverrides.showCaret(e,n,o,r)),m_=(e,t)=>e.dispatch("BeforeObjectSelected",{target:t}).isDefaultPrevented()?I.none():I?.some((e=>{const t=e.ownerDocument.createRange();return t.selectNode(e),t})(t)),f_=(e,t,n)=>t.collapsed?((e,t,n)=>{const o=em(1,e.getBody(),t),r=Pl.fromRangeStart(o),s=r.getNode();if(Ou(s))return u_(1,e,s,!r.isAtEnd(),!1);const a=r.getNode(!0);if(Ou(a))return u_(1,e,a,!1,!1);const i=Nb(e.dom.getRoot(),r.getNode());return Ou(i)?u_(1,e,i,!1,n):I.none()})(e,t,n).getOr(t):t,g_=e=>Gp(e)||qp(e),p_=e=>Xp(e)||Wp(e),h_=(e,t,n,o,r,s)=>{u_(o,e,s.getNode(!r),r,!0).each((n=>{if(t.collapsed){const e=t.cloneRange();r?e.setEnd(n.startContainer,n.startOffset):e.setStart(n.endContainer,n.endOffset),e.deleteContents()}else t.deleteContents();e.selection.setRng(n)})),((e,t)=>{es(t)&&0===t.data.length&&e.remove(t)})(e.dom,n)},b_=(e,t)=>((e,t)=>{const n=e.selection.getRng();if(!es(n.commonAncestorContainer))return I.none();const o=t?1:-1,r=hm(e.getBody()),s=T(rm,t?r.next:r.prev),a=t?g_:p_,i=nm(o,e.getBody(),n),l=s(i),d=l?$h(t,l):l;if(!d||!sm(i,d))return I.none();if(a(d))return I?.some((()=>h_(e,n,i.getNode(),o,t,d)));const c=s(d);return c&&a(c)&&sm(d,c)?I?.some((()=>h_(e,n,i.getNode(),o,t,c))):I.none()})(e,t),v_=(e,t)=>{const n=e.getBody();return t?km(n).filter(Gp):Nm(n).filter(Xp)},y_=e=>{const t=e.selection.getRng();return!t.collapsed&&(v_(e,!0).exists((e=>e.isEqual(Pl.fromRangeStart(t))))||v_(e,!1).exists((e=>e.isEqual(Pl.fromRangeEnd(t)))))},C_=ke([{remove:["element"]},{moveToElement:["element"]},{moveToPosition:["position"]}]),w_=(e,t,n,o)=>Cm(t,e,n).bind((r=>{return s=r.getNode(),C(s)&&(Ai(mn(s))||Ni(mn(s)))||((e,t,n,o,r)=>{const s=t=>r.isInline(t.nodeName.toLowerCase())&&!Ku(n,o,e);return tm(!t,n).fold((()=>tm(t,o).fold(L,s)),s)})(e,t,n,r,o)?I.none():t&&cs(r.getNode())||!t&&cs(r.getNode(!0))?((e,t,n,o,r)=>{const s=r.getNode(!n);return Xh(mn(t),mn(o.getNode()))?.map((t=>_s(e,t)?C_.remove(t.dom):C_.moveToElement(s))).orThunk((()=>I?.some(C_.moveToElement(s))))})(o,e,t,n,r):t&&Xp(n)||!t&&Gp(n)?I?.some(C_.moveToPosition(r)):I.none();var s})),E_=(e,t)=>I.from(Nb(e.getBody(),t)),__=(e,t)=>{const n=e.selection.getNode();return E_(e,n).filter(cs).fold((()=>((e,t,n,o)=>{const r=em(t?1:-1,e,n),s=Pl.fromRangeStart(r),a=mn(e);return!t&&Xp(s)?I?.some(C_.remove(s.getNode(!0))):t&&Gp(s)?I?.some(C_.remove(s.getNode())):!t&&Gp(s)&&ch(a,s,o)?uh(a,s,o)?.map((e=>C_.remove(e.getNode()))):t&&Xp(s)&&dh(a,s,o)?mh(a,s,o)?.map((e=>C_.remove(e.getNode()))):((e,t,n,o)=>((e,t)=>{const n=t.getNode(!e),o=e?"after":"before";return qr(n)&&n.getAttribute("data-mce-caret")===o})(t,n)?((e,t)=>y(t)?I.none():e&&cs(t.nextSibling)?I?.some(C_.moveToElement(t.nextSibling)):!e&&cs(t.previousSibling)?I?.some(C_.moveToElement(t.previousSibling)):I.none())(t,n.getNode(!t)).orThunk((()=>w_(e,t,n,o))):w_(e,t,n,o).bind((t=>((e,t,n)=>n.fold((e=>I?.some(C_.remove(e))),(e=>I?.some(C_.moveToElement(e))),(n=>Ku(t,n,e)?I.none():I?.some(C_.moveToPosition(n)))))(e,n,t))))(e,t,s,o)})(e.getBody(),t,e.selection.getRng(),e.schema)?.map((n=>()=>n.fold(((e,t)=>n=>(e._selectionOverrides.hideFakeCaret(),Fh(e,t,mn(n)),!0))(e,t),((e,t)=>n=>{const o=t?Pl.before(n):Pl.after(n);return e.selection.setRng(o.toRange()),!0})(e,t),(e=>t=>(e.selection.setRng(t.toRange()),!0))(e))))),(()=>I?.some(x)))},x_=e=>{const t=e.dom,n=e.selection,o=Nb(e.getBody(),n.getNode());if(ds(o)&&t.isBlock(o)&&t.isEmpty(o)){const e=t.create("br",{"data-mce-bogus":"1"});t.setHTML(o,""),o.appendChild(e),n.setRng(Pl.before(e).toRange())}return!0},S_=(e,t)=>e.selection.isCollapsed()?__(e,t):((e,t)=>{const n=e.selection.getNode();return cs(n)&&!ms(n)?E_(e,n.parentNode).filter(cs).fold((()=>I?.some((()=>{var n;n=mn(e.getBody()),q(vr(n,".mce-offscreen-selection"),Eo),Fh(e,t,mn(e.selection.getNode())),Zh(e)}))),(()=>I?.some(x))):y_(e)?I?.some((()=>{eb(e,e.selection.getRng(),mn(e.getBody()))})):I.none()})(e,t),k_=e=>e.hasOwnProperty("text"),N_=e=>e.hasOwnProperty("marker"),R_=(e,t)=>{const n=(e,n)=>{if(es(e))return{text:e,offset:n};{const o=t(),r=e.childNodes;return n<r.length?(e.insertBefore(o,r[n]),{marker:o,before:!0}):(e.appendChild(o),{marker:o,before:!1})}},o=n(e.endContainer,e.endOffset);return{start:n(e.startContainer,e.startOffset),end:o}},A_=e=>{var t,n;const{start:o,end:r}=e,s=new window.Range;return k_(o)?s.setStart(o.text,o.offset):N_(o)&&(o.before?s.setStartBefore(o.marker):s.setStartAfter(o.marker),null===(t=o.marker.parentNode)||void 0===t||t.removeChild(o.marker)),k_(r)?s.setEnd(r.text,r.offset):N_(r)&&(r.before?s.setEndBefore(r.marker):s.setEndAfter(r.marker),null===(n=r.marker.parentNode)||void 0===n||n.removeChild(r.marker)),s},T_=(e,t)=>{var n;const o=e.dom,r=o.getParent(e.selection.getStart(),o.isBlock),s=o.getParent(e.selection.getEnd(),o.isBlock),a=e.getBody();if("div"===(null===(n=null==r?void 0:r.nodeName)||void 0===n?void 0:n.toLowerCase())&&r&&s&&r===a.firstChild&&s===a.lastChild&&!o.isEmpty(a)){const n=r.cloneNode(!1),o=()=>{if(t?Yh(e):Kh(e),a.firstChild!==r){const t=R_(e.selection.getRng(),(()=>document.createElement("span")));Array.from(a.childNodes).forEach((e=>n.appendChild(e))),a.appendChild(n),e.selection.setRng(A_(t))}};return I?.some(o)}return I.none()},O_=(e,t)=>e.selection.isCollapsed()?((e,t)=>{const n=Pl.fromRangeStart(e.selection.getRng());return Cm(t,e.getBody(),n).filter((e=>t?$p(e):Vp(e))).bind((e=>Yu(t?0:-1,e)))?.map((t=>()=>e.selection.select(t)))})(e,t):I.none(),B_=es,P_=e=>B_(e)&&e.data[0]===Pi,D_=e=>B_(e)&&e.data[e.data.length-1]===Pi,L_=e=>{var t;return(null!==(t=e.ownerDocument)&&void 0!==t?t:document).createTextNode(Pi)},M_=(e,t)=>e?(e=>{var t;if(B_(e.previousSibling))return D_(e.previousSibling)||e.previousSibling.appendData(Pi),e.previousSibling;if(B_(e))return P_(e)||e.insertData(0,Pi),e;{const n=L_(e);return null===(t=e.parentNode)||void 0===t||t.insertBefore(n,e),n}})(t):(e=>{var t,n;if(B_(e.nextSibling))return P_(e.nextSibling)||e.nextSibling.insertData(0,Pi),e.nextSibling;if(B_(e))return D_(e)||e.appendData(Pi),e;{const o=L_(e);return e.nextSibling?null===(t=e.parentNode)||void 0===t||t.insertBefore(o,e.nextSibling):null===(n=e.parentNode)||void 0===n||n.appendChild(o),o}})(t),I_=T(M_,!0),F_=T(M_,!1),U_=(e,t)=>es(e.container())?M_(t,e.container()):M_(t,e.getNode()),z_=(e,t)=>{const n=t.get();return n&&e.container()===n&&Ui(n)},j_=(e,t)=>t.fold((t=>{xu(e.get());const n=I_(t);return e.set(n),I?.some(Pl(n,n.length-1))}),(t=>km(t)?.map((t=>{if(z_(t,e)){const t=e.get();return Pl(t,1)}{xu(e.get());const n=U_(t,!0);return e.set(n),Pl(n,1)}}))),(t=>Nm(t)?.map((t=>{if(z_(t,e)){const t=e.get();return Pl(t,t.length-1)}{xu(e.get());const n=U_(t,!1);return e.set(n),Pl(n,n.length-1)}}))),(t=>{xu(e.get());const n=F_(t);return e.set(n),I?.some(Pl(n,1))})),H_=(e,t)=>{for(let n=0;n<e.length;n++){const o=e[n].apply(null,t);if(o.isSome())return o}return I.none()},$_=ke([{before:["element"]},{start:["element"]},{end:["element"]},{after:["element"]}]),V_=(e,t)=>Wu(t,e)||e,q_=(e,t,n)=>{const o=Vh(n),r=V_(t,o.container());return Hh(e,r,o).fold((()=>xm(r,o).bind(T(Hh,e,r))?.map((e=>$_.before(e)))),I.none)},W_=(e,t)=>null===Tm(e,t),K_=(e,t,n)=>Hh(e,t,n).filter(T(W_,t)),Y_=(e,t,n)=>{const o=qh(n);return K_(e,t,o).bind((e=>Sm(e,o).isNone()?I?.some($_.start(e)):I.none()))},G_=(e,t,n)=>{const o=Vh(n);return K_(e,t,o).bind((e=>xm(e,o).isNone()?I?.some($_.end(e)):I.none()))},X_=(e,t,n)=>{const o=qh(n),r=V_(t,o.container());return Hh(e,r,o).fold((()=>Sm(r,o).bind(T(Hh,e,r))?.map((e=>$_.after(e)))),I.none)},Z_=e=>!jh(J_(e)),Q_=(e,t,n)=>H_([q_,Y_,G_,X_],[e,t,n]).filter(Z_),J_=e=>e.fold(R,R,R,R),ex=e=>e.fold(N("before"),N("start"),N("end"),N("after")),tx=e=>e.fold($_.before,$_.before,$_.after,$_.after),nx=e=>e.fold($_.start,$_.start,$_.end,$_.end),ox=(e,t,n,o,r,s)=>ze(Hh(t,n,o),Hh(t,n,r),((t,o)=>t!==o&&((e,t,n)=>{const o=Wu(t,e),r=Wu(n,e);return C(o)&&o===r})(n,t,o)?$_.after(e?t:o):s)).getOr(s),rx=(e,t)=>e.fold(M,(e=>{return o=t,!(ex(n=e)===ex(o)&&J_(n)===J_(o));var n,o})),sx=(e,t)=>e?t.fold(S(I.some,$_.start),I.none,S(I.some,$_.after),I.none):t.fold(I.none,S(I.some,$_.before),I.none,S(I.some,$_.end)),ax=(e,t,n)=>{const o=e?1:-1;return t.setRng(Pl(n.container(),n.offset()+o).toRange()),t.getSel().modify("move",e?"forward":"backward","word"),!0};var ix;!function(e){e[e.Br=0]="Br",e[e.Block=1]="Block",e[e.Wrap=2]="Wrap",e[e.Eol=3]="Eol"}(ix||(ix={}));const lx=(e,t)=>-1===e?oe(t):t,dx=(e,t,n)=>1===e?t.next(n):t.prev(n),cx=(e,t,n,o)=>as(o.getNode(1===t))?ix.Br:!1===Ku(n,o)?ix.Block:ix.Wrap,ux=(e,t,n,o)=>{const r=hm(n);let s=o;const a=[];for(;s;){const n=dx(t,r,s);if(!n)break;if(as(n.getNode(!1)))return 1===t?{positions:lx(t,a).concat([n]),breakType:ix.Br,breakAt:I?.some(n)}:{positions:lx(t,a),breakType:ix.Br,breakAt:I?.some(n)};if(n.isVisible()){if(e(s,n)){const e=cx(0,t,s,n);return{positions:lx(t,a),breakType:e,breakAt:I?.some(n)}}a.push(n),s=n}else s=n}return{positions:lx(t,a),breakType:ix.Eol,breakAt:I.none()}},mx=(e,t,n,o)=>t(n,o).breakAt?.map((o=>{const r=t(n,o).positions;return-1===e?r.concat(o):[o].concat(r)})).getOr([]),fx=(e,t)=>X(e,((e,n)=>e.fold((()=>I?.some(n)),(o=>ze(le(o.getClientRects()),le(n.getClientRects()),((e,r)=>{const s=Math.abs(t-e.left);return Math.abs(t-r.left)<=s?n:o})).or(e)))),I.none()),gx=(e,t)=>le(t.getClientRects()).bind((t=>fx(e,t.left))),px=T(ux,Pl.isAbove,-1),hx=T(ux,Pl.isBelow,1),bx=T(mx,-1,px),vx=T(mx,1,hx),yx=(e,t)=>px(e,t).breakAt.isNone(),Cx=(e,t)=>hx(e,t).breakAt.isNone(),wx=(e,t)=>gx(bx(e,t),t),Ex=(e,t)=>gx(vx(e,t),t),_x=cs,xx=(e,t)=>Math.abs(e.left-t),Sx=(e,t)=>Math.abs(e.right-t),kx=(e,t)=>pt(e,((e,n)=>{const o=Math.min(xx(e,t),Sx(e,t)),r=Math.min(xx(n,t),Sx(n,t));return r===o&&Se(n,"node")&&_x(n.node)||r<o?n:e})),Nx=e=>{const t=t=>V(t,(t=>{const n=Gi(t);return n.node=e,n}));if(qr(e))return t(e.getClientRects());if(es(e)){const n=e.ownerDocument.createRange();return n.setStart(e,0),n.setEnd(e,e.data.length),t(n.getClientRects())}return[]},Rx=e=>te(e,Nx);var Ax;!function(e){e[e.Up=-1]="Up",e[e.Down=1]="Down"}(Ax||(Ax={}));const Tx=(e,t,n,o,r,s)=>{let a=0;const i=[],l=o=>{let s=Rx([o]);e===Ax.Up&&(s=s.reverse());for(let e=0;e<s.length;e++){const o=s[e];if(!n(o,d)){if(i.length>0&&t(o,bt(i))&&a++,o.line=a,r(o))return!0;i.push(o)}}return!1},d=bt(s.getClientRects());if(!d)return i;const c=s.getNode();return c&&(l(c),((e,t,n,o)=>{let r=o;for(;r=qu(r,e,pl,t);)if(n(r))return})(e,o,l,c)),i},Ox=T(Tx,Ax.Up,Qi,Ji),Bx=T(Tx,Ax.Down,Ji,Qi),Px=e=>bt(e.getClientRects()),Dx=e=>t=>((e,t)=>t.line>e)(e,t),Lx=e=>t=>((e,t)=>t.line===e)(e,t),Mx=(e,t)=>{e.selection.setRng(t),ep(e,e.selection.getRng())},Ix=(e,t,n)=>I?.some(f_(e,t,n)),Fx=(e,t,n,o,r,s)=>{const a=1===t,i=hm(e.getBody()),l=T(rm,a?i.next:i.prev),d=a?o:r;if(!n.collapsed){const o=tl(n);if(s(o))return u_(t,e,o,-1===t,!1);if(y_(e)){const e=n.cloneRange();return e.collapse(-1===t),I.from(e)}}const c=nm(t,e.getBody(),n);if(d(c))return m_(e,c.getNode(!a));let u=l(c);const m=Ki(n);if(!u)return m?I?.some(n):I.none();if(u=$h(a,u),d(u))return u_(t,e,u.getNode(!a),a,!1);const f=l(u);return f&&d(f)&&sm(u,f)?u_(t,e,f.getNode(!a),a,!1):m?Ix(e,u.toRange(),!1):I.none()},Ux=(e,t,n,o,r,s)=>{const a=nm(t,e.getBody(),n),i=bt(a.getClientRects()),l=t===Ax.Down,d=e.getBody();if(!i)return I.none();if(y_(e)){const e=l?Pl.fromRangeEnd(n):Pl.fromRangeStart(n);return(l?Ex:wx)(d,e).orThunk((()=>I.from(e)))?.map((e=>e.toRange()))}const c=(l?Bx:Ox)(d,Dx(1),a),u=Y(c,Lx(1)),m=i.left,f=kx(u,m);if(f&&s(f.node)){const n=Math.abs(m-f.left),o=Math.abs(m-f.right);return u_(t,e,f.node,n<o,!1)}let g;if(g=o(a)?a.getNode():r(a)?a.getNode(!0):tl(n),g){const n=((e,t,n,o)=>{const r=hm(t);let s,a,i,l;const d=[];let c=0;e===Ax.Down?(s=r.next,a=Ji,i=Qi,l=Pl.after(o)):(s=r.prev,a=Qi,i=Ji,l=Pl.before(o));const u=Px(l);do{if(!l.isVisible())continue;const e=Px(l);if(i(e,u))continue;d.length>0&&a(e,bt(d))&&c++;const t=Gi(e);if(t.position=l,t.line=c,n(t))return d;d.push(t)}while(l=s(l));return d})(t,d,Dx(1),g);let o=kx(Y(n,Lx(1)),m);if(o)return Ix(e,o.position.toRange(),!1);if(o=bt(Y(n,Lx(0))),o)return Ix(e,o.position.toRange(),!1)}return 0===u.length?zx(e,l).filter(l?r:o)?.map((t=>f_(e,t.toRange(),!1))):I.none()},zx=(e,t)=>{const n=e.selection.getRng(),o=t?Pl.fromRangeEnd(n):Pl.fromRangeStart(n),r=(s=o.container(),a=e.getBody(),er(mn(s),(e=>Pu(e.dom)),(e=>e.dom===a))?.map((e=>e.dom)).getOr(a));var s,a;if(t){const e=hx(r,o);return de(e.positions)}{const e=px(r,o);return le(e.positions)}},jx=(e,t,n)=>zx(e,t).filter(n).exists((t=>(e.selection.setRng(t.toRange()),!0))),Hx=(e,t)=>{const n=e.dom.createRng();n.setStart(t.container(),t.offset()),n.setEnd(t.container(),t.offset()),e.selection.setRng(n)},$x=(e,t)=>{e?t.setAttribute("data-mce-selected","inline-boundary"):t.removeAttribute("data-mce-selected")},Vx=(e,t,n)=>j_(t,n)?.map((t=>(Hx(e,t),n))),qx=(e,t,n)=>{const o=e.getBody(),r=((e,t,n)=>{const o=Pl.fromRangeStart(e);if(e.collapsed)return o;{const r=Pl.fromRangeEnd(e);return n?Sm(t,r).getOr(r):xm(t,o).getOr(o)}})(e.selection.getRng(),o,n);return((e,t,n,o)=>{const r=$h(e,o),s=Q_(t,n,r);return Q_(t,n,r).bind(T(sx,e)).orThunk((()=>((e,t,n,o,r)=>{const s=$h(e,r);return Cm(e,n,s)?.map(T($h,e)).fold((()=>o?.map(tx)),(r=>Q_(t,n,r)?.map(T(ox,e,t,n,s,r)).filter(T(rx,o)))).filter(Z_)})(e,t,n,s,o)))})(n,T(zh,e),o,r).bind((n=>Vx(e,t,n)))},Wx=(e,t,n)=>!!uc(e)&&qx(e,t,n).isSome(),Kx=(e,t,n)=>!!uc(t)&&((e,t)=>{const n=t.selection.getRng(),o=e?Pl.fromRangeEnd(n):Pl.fromRangeStart(n);return!!(e=>w(e.selection.getSel().modify))(t)&&(e&&Hi(o)?ax(!0,t.selection,o):!(e||!$i(o))&&ax(!1,t.selection,o))})(e,t),Yx=e=>{const t=Ne(null),n=T(zh,e);return e.on("NodeChange",(o=>{uc(e)&&(((e,t,n)=>{const o=V(vr(mn(t.getRoot()),'*[data-mce-selected="inline-boundary"]'),(e=>e.dom)),r=Y(o,e),s=Y(n,e);q(re(r,s),T($x,!1)),q(re(s,r),T($x,!0))})(n,e.dom,o.parents),((e,t)=>{const n=t.get();if(e.selection.isCollapsed()&&!e.composing&&n){const o=Pl.fromRangeStart(e.selection.getRng());Pl.isTextPosition(o)&&!(e=>Hi(e)||$i(e))(o)&&(Hx(e,_u(n,o)),t.set(null))}})(e,t),((e,t,n,o)=>{if(t.selection.isCollapsed()){const r=Y(o,e);q(r,(o=>{const r=Pl.fromRangeStart(t.selection.getRng());Q_(e,t.getBody(),r).bind((e=>Vx(t,n,e)))}))}})(n,e,t,o.parents))})),t},Gx=T(Kx,!0),Xx=T(Kx,!1),Zx=(e,t,n)=>{if(uc(e)){const o=zx(e,t).getOrThunk((()=>{const n=e.selection.getRng();return t?Pl.fromRangeEnd(n):Pl.fromRangeStart(n)}));return Q_(T(zh,e),e.getBody(),o).exists((t=>{const o=tx(t);return j_(n,o).exists((t=>(Hx(e,t),!0)))}))}return!1},Qx=(e,t)=>n=>j_(t,n)?.map((t=>()=>Hx(e,t))),Jx=(e,t,n,o)=>{const r=e.getBody(),s=T(zh,e);e.undoManager.ignore((()=>{e.selection.setRng(((e,t)=>{const n=document.createRange();return n.setStart(e.container(),e.offset()),n.setEnd(t.container(),t.offset()),n})(n,o)),Kh(e),Q_(s,r,Pl.fromRangeStart(e.selection.getRng()))?.map(nx).bind(Qx(e,t)).each(D)})),e.nodeChanged()},eS=(e,t,n)=>{if(e.selection.isCollapsed()&&uc(e)){const o=Pl.fromRangeStart(e.selection.getRng());return((e,t,n,o)=>{const r=((e,t)=>Wu(t,e)||e)(e.getBody(),o.container()),s=T(zh,e),a=Q_(s,r,o);return a.bind((e=>n?e.fold(N(I?.some(nx(e))),I.none,N(I?.some(tx(e))),I.none):e.fold(I.none,N(I?.some(tx(e))),I.none,N(I?.some(nx(e))))))?.map(Qx(e,t)).getOrThunk((()=>{const i=wm(n,r,o),l=i.bind((e=>Q_(s,r,e)));return ze(a,l,(()=>Hh(s,r,o).bind((t=>(e=>ze(km(e),Nm(e),((t,n)=>{const o=$h(!0,t),r=$h(!1,n);return xm(e,o).forall((e=>e.isEqual(r)))})).getOr(!0))(t)?I?.some((()=>{Fh(e,n,mn(t))})):I.none())))).getOrThunk((()=>l.bind((()=>i?.map((r=>()=>{n?Jx(e,t,o,r):Jx(e,t,r,o)}))))))}))})(e,t,n,o)}return I.none()},tS=(e,t)=>{const n=mn(e.getBody()),o=mn(e.selection.getStart()),r=Qp(o,n);return J(r,t).fold(N(r),(e=>r.slice(0,e)))},nS=e=>1===Wn(e),oS=(e,t)=>{const n=T(wv,e);return te(t,(e=>n(e)?[e.dom]:[]))},rS=e=>{const t=(e=>tS(e,(t=>e.schema.isBlock(_n(t)))))(e);return oS(e,t)},sS=(e,t)=>{const n=Y((e=>tS(e,(t=>e.schema.isBlock(_n(t))||(e=>Wn(e)>1)(t))))(e),nS);return de(n).bind((o=>{const r=Pl.fromRangeStart(e.selection.getRng());return Qh(t,r,o.dom)&&!kf(o)?I?.some((()=>((e,t,n,o)=>{const r=oS(t,o);if(0===r.length)Fh(t,e,n);else{const e=Cv(n.dom,r);t.selection.setRng(e.toRange())}})(t,e,o,n))):I.none()}))},aS=(e,t)=>{const n=e.selection.getStart(),o=((e,t)=>{const n=t.parentElement;return as(t)&&!h(n)&&e.dom.isEmpty(n)})(e,n)||kf(mn(n))?Cv(n,t):((e,t)=>{const{caretContainer:n,caretPosition:o}=yv(t);return e.insertNode(n.dom),o})(e.selection.getRng(),t);e.selection.setRng(o.toRange())},iS=e=>es(e.startContainer),lS=e=>{const t=e.selection.getRng();return(e=>0===e.startOffset&&iS(e))(t)&&((e,t)=>{const n=t.startContainer.parentElement;return!h(n)&&wv(e,mn(n))})(e,t)&&(e=>(e=>(e=>{const t=e.startContainer.parentNode,n=e.endContainer.parentNode;return!h(t)&&!h(n)&&t.isEqualNode(n)})(e)&&(e=>{const t=e.endContainer;return e.endOffset===(es(t)?t.length:t.childNodes.length)})(e))(e)||(e=>!e.endContainer.isEqualNode(e.commonAncestorContainer))(e))(t)},dS=(e,t)=>e.selection.isCollapsed()?sS(e,t):(e=>{if(lS(e)){const t=rS(e);return I?.some((()=>{Kh(e),((e,t)=>{const n=re(t,rS(e));n.length>0&&aS(e,n)})(e,t)}))}return I.none()})(e),cS=e=>((e=>{const t=e.selection.getRng();return t.collapsed&&(iS(t)||e.dom.isEmpty(t.startContainer))&&!(e=>{return t=mn(e.selection.getStart()),n=e.schema,yr(t,(e=>Am(e.dom)),(e=>n.isBlock(_n(e))));var t,n})(e)})(e)&&aS(e,[]),!0),uS=(e,t,n)=>C(n)?I?.some((()=>{e._selectionOverrides.hideFakeCaret(),Fh(e,t,mn(n))})):I.none(),mS=(e,t)=>e.selection.isCollapsed()?((e,t)=>{const n=t?qp:Wp,o=nm(t?1:-1,e.getBody(),e.selection.getRng());return n(o)?uS(e,t,o.getNode(!t)):I.from($h(t,o)).filter((e=>n(e)&&sm(o,e))).bind((n=>uS(e,t,n.getNode(!t))))})(e,t):((e,t)=>{const n=e.selection.getNode();return gs(n)?uS(e,t,n):I.none()})(e,t),fS=e=>nt(null!=e?e:"").getOr(0),gS=(e,t)=>(e||"table"===_n(t)?"margin":"padding")+("rtl"===Lo(t,"direction")?"-right":"-left"),pS=e=>{const t=bS(e);return!e.mode.isReadOnly()&&(t.length>1||((e,t)=>ne(t,(t=>{const n=gS(Gd(e),t),o=Io(t,n)?.map(fS).getOr(0);return"false"!==e.dom.getContentEditable(t.dom)&&o>0})))(e,t))},hS=e=>ki(e)||Ni(e),bS=e=>Y(No(e.selection.getSelectedBlocks()),(e=>!hS(e)&&!(e=>Ln(e).exists(hS))(e)&&tr(e,(e=>ds(e.dom)||cs(e.dom))).exists((e=>ds(e.dom))))),vS=(e,t)=>{var n,o;if(e.mode.isReadOnly())return;const{dom:r}=e,s=Xd(e),a=null!==(o=null===(n=/[a-z%]+$/i.exec(s))||void 0===n?void 0:n[0])&&void 0!==o?o:"px",i=fS(s),l=Gd(e);q(bS(e),(e=>{((e,t,n,o,r,s)=>{const a=gS(n,mn(s)),i=fS(e.getStyle(s,a));if("outdent"===t){const t=Math.max(0,i-o);e.setStyle(s,a,t?t+r:"")}else{const t=i+o+r;e.setStyle(s,a,t)}})(r,t,l,i,a,e.dom)}))},yS=e=>vS(e,"outdent"),CS=e=>{if(e.selection.isCollapsed()&&pS(e)){const t=e.dom,n=e.selection.getRng(),o=Pl.fromRangeStart(n),r=t.getParent(n.startContainer,t.isBlock);if(null!==r&&oh(mn(r),o,e.schema))return I?.some((()=>yS(e)))}return I.none()},wS=(e,t,n)=>ue([CS,S_,b_,(e,n)=>eS(e,t,n),i_,kb,O_,mS,c_,dS,T_],(t=>t(e,n))).filter((t=>e.selection.isEditable())),ES=e=>void 0===e.touches||1!==e.touches.length?I.none():I?.some(e.touches[0]),_S=(e,t)=>xe(e,t.nodeName),xS=(e,t)=>!!es(t)||!!qr(t)&&!(_S(e.getBlockElements(),t)||Hm(t)||js(e,t)||Ns(t)),SS=(e,t)=>{if(es(t)){if(0===t.data.length)return!0;if(/^\s+$/.test(t.data))return!t.nextSibling||_S(e,t.nextSibling)||Ns(t.nextSibling)}return!1},kS=e=>e.dom.create(Ad(e),Td(e)),NS=(e,t,n)=>{const o=mn(kS(e)),r=Oi();co(o,r),n(t,o);const s=document.createRange();return s.setStartBefore(r.dom),s.setEndBefore(r.dom),s},RS=e=>t=>-1!==(" "+t.attr("class")+" ").indexOf(e),AS=(e,t,n)=>function(o){const r=arguments,s=r[r.length-2],a=s>0?t.charAt(s-1):"";if('"'===a)return o;if(">"===a){const e=t.lastIndexOf("<",s);if(-1!==e&&-1!==t.substring(e,s).indexOf('contenteditable="false"'))return o}return'<span class="'+n+'" data-mce-content="'+e.dom.encode(r[0])+'">'+e.dom.encode("string"==typeof r[1]?r[1]:r[0])+"</span>"},TS=(e,t)=>ne(e,(e=>{const n=t.match(e);return null!==n&&n[0].length===t.length})),OS=(e,t)=>{t.hasAttribute("data-mce-caret")&&(Wi(t),e.selection.setRng(e.selection.getRng()),e.selection.scrollIntoView(t))},BS=(e,t)=>{const n=(e=>rr(mn(e.getBody()),"*[data-mce-caret]")?.map((e=>e.dom)).getOrNull())(e);if(n)return"compositionstart"===t.type?(t.preventDefault(),t.stopPropagation(),void OS(e,n)):void(ji(n)&&(OS(e,n),e.undoManager.add()))},PS=cs,DS=(e,t,n)=>{const o=hm(e.getBody()),r=T(rm,1===t?o.next:o.prev);if(n.collapsed){const o=e.dom.getParent(n.startContainer,"PRE");if(!o)return;if(!r(Pl.fromRangeStart(n))){const n=mn((e=>{const t=e.dom.create(Ad(e));return t.innerHTML='<br data-mce-bogus="1">',t})(e));1===t?io(mn(o),n):ao(mn(o),n),e.selection.select(n.dom,!0),e.selection.collapse()}}},LS=(e,t)=>((e,t)=>{const n=t?1:-1,o=e.selection.getRng();return((e,t,n)=>Fx(t,e,n,Gp,Xp,PS))(n,e,o).orThunk((()=>(DS(e,n,o),I.none())))})(e,((e,t)=>{const n=t?e.getEnd(!0):e.getStart(!0);return jh(n)?!t:t})(e.selection,t)).exists((t=>(Mx(e,t),!0))),MS=(e,t)=>((e,t)=>{const n=t?1:-1,o=e.selection.getRng();return((e,t,n)=>Ux(t,e,n,(e=>Gp(e)||Kp(e)),(e=>Xp(e)||Yp(e)),PS))(n,e,o).orThunk((()=>(DS(e,n,o),I.none())))})(e,t).exists((t=>(Mx(e,t),!0))),IS=(e,t)=>jx(e,t,t?Xp:Gp),FS=(e,t)=>v_(e,!t)?.map((n=>{const o=n.toRange(),r=e.selection.getRng();return t?o.setStart(r.startContainer,r.startOffset):o.setEnd(r.endContainer,r.endOffset),o})).exists((t=>(Mx(e,t),!0))),US=e=>H(["figcaption"],_n(e)),zS=(e,t)=>!!e.selection.isCollapsed()&&((e,t)=>{const n=mn(e.getBody()),o=Pl.fromRangeStart(e.selection.getRng());return((e,t,n)=>{const o=T(Cn,t);return tr(mn(e.container()),(e=>n.isBlock(_n(e))),o).filter(US)})(o,n,e.schema).exists((()=>{if(((e,t,n)=>t?Cx(e.dom,n):yx(e.dom,n))(n,t,o)){const o=NS(e,n,t?co:lo);return e.selection.setRng(o),!0}return!1}))})(e,t),jS=(e,t)=>((e,t)=>t?I.from(e.dom.getParent(e.selection.getNode(),"details"))?.map((t=>((e,t)=>{const n=e.selection.getRng(),o=Pl.fromRangeStart(n);return!(e.getBody().lastChild!==t||!Cx(t,o)||(e.execCommand("InsertNewBlockAfter"),0))})(e,t))).getOr(!1):I.from(e.dom.getParent(e.selection.getNode(),"summary")).bind((t=>I.from(e.dom.getParent(t,"details"))?.map((n=>((e,t,n)=>{const o=e.selection.getRng(),r=Pl.fromRangeStart(o);return!(e.getBody().firstChild!==t||!yx(n,r)||(e.execCommand("InsertNewBlockBefore"),0))})(e,n,t))))).getOr(!1))(e,t),HS={shiftKey:!1,altKey:!1,ctrlKey:!1,metaKey:!1,keyCode:0},$S=(e,t)=>t.keyCode===e.keyCode&&t.shiftKey===e.shiftKey&&t.altKey===e.altKey&&t.ctrlKey===e.ctrlKey&&t.metaKey===e.metaKey,VS=(e,...t)=>()=>e.apply(null,t),qS=(e,t)=>Q(((e,t)=>te((e=>V(e,(e=>({...HS,...e}))))(e),(e=>$S(e,t)?[e]:[])))(e,t),(e=>e.action())),WS=(e,t)=>ue(((e,t)=>te((e=>V(e,(e=>({...HS,...e}))))(e),(e=>$S(e,t)?[e]:[])))(e,t),(e=>e.action())),KS=(e,t)=>{const n=t?1:-1,o=e.selection.getRng();return Fx(e,n,o,qp,Wp,gs).exists((t=>(Mx(e,t),!0)))},YS=(e,t)=>{const n=t?1:-1,o=e.selection.getRng();return Ux(e,n,o,qp,Wp,gs).exists((t=>(Mx(e,t),!0)))},GS=(e,t)=>jx(e,t,t?Wp:qp),XS=(e,t,n)=>te(Hn(e),(e=>vn(e,t)?n(e)?[e]:[]:XS(e,t,n))),ZS=(e,t)=>sr(e,"table",t),QS=ke([{none:["current"]},{first:["current"]},{middle:["current","target"]},{last:["current"]}]),JS={...QS,none:e=>QS.none(e)},ek=(e,t,n,o,r=M)=>{const s=1===o;if(!s&&n<=0)return JS.first(e[0]);if(s&&n>=e.length-1)return JS.last(e[e.length-1]);{const s=n+o,a=e[s];return r(a)?JS.middle(t,a):ek(e,t,s,o,r)}},tk=(e,t)=>ZS(e,t).bind((t=>{const n=XS(t,"th,td",M);return J(n,(t=>Cn(e,t)))?.map((e=>({index:e,all:n})))})),nk=De("image"),ok=De("event"),rk=e=>t=>{t[ok]=e},sk=rk(0),ak=rk(2),ik=rk(1),lk=e=>{const t=e;return I.from(t[ok]).exists((e=>0===e))};const dk=De("mode"),ck=e=>t=>{t[dk]=e},uk=(e,t)=>ck(t)(e),mk=ck(0),fk=ck(2),gk=ck(1),pk=e=>t=>{const n=t;return I.from(n[dk]).exists((t=>t===e))},hk=pk(0),bk=pk(1),vk=["none","copy","link","move"],yk=["none","copy","copyLink","copyMove","link","linkMove","move","all","uninitialized"],Ck=()=>{const e=new window.DataTransfer;let t="move",n="all";const o={get dropEffect(){return t},set dropEffect(e){H(vk,e)&&(t=e)},get effectAllowed(){return n},set effectAllowed(e){lk(o)&&H(yk,e)&&(n=e)},get items(){return((e,t)=>({...t,get length(){return t.length},add:(n,o)=>{if(hk(e)){if(!m(n))return t.add(n);if(!v(o))return t.add(n,o)}return null},remove:n=>{hk(e)&&t.remove(n)},clear:()=>{hk(e)&&t.clear()}}))(o,e.items)},get files(){return bk(o)?Object.freeze({length:0,item:e=>null}):e.files},get types(){return e.types},setDragImage:(t,n,r)=>{var s;hk(o)&&(s={image:t,x:n,y:r},o[nk]=s,e.setDragImage(t,n,r))},getData:t=>bk(o)?"":e.getData(t),setData:(t,n)=>{hk(o)&&e.setData(t,n)},clearData:t=>{hk(o)&&e.clearData(t)}};return mk(o),o},wk=(e,t)=>e.setData("text/html",t),Ek=(e,t,n,o,r)=>{const s=vr(mn(n),"td,th,caption")?.map((e=>e.dom)),a=Y(((e,t)=>te(t,(t=>{const n=((e,t)=>({left:e.left-t,top:e.top-t,right:e.right+-2,bottom:e.bottom+-2,width:e.width+t,height:e.height+t}))(Gi(t.getBoundingClientRect()),-1);return[{x:n.left,y:e(n),cell:t},{x:n.right,y:e(n),cell:t}]})))(e,s),(e=>t(e,r)));return((e,t,n)=>X(e,((e,o)=>e.fold((()=>I?.some(o)),(e=>{const r=Math.sqrt(Math.abs(e.x-t)+Math.abs(e.y-n)),s=Math.sqrt(Math.abs(o.x-t)+Math.abs(o.y-n));return I?.some(s<r?o:e)}))),I.none()))(a,o,r)?.map((e=>e.cell))},_k=T(Ek,(e=>e.bottom),((e,t)=>e.y<t)),xk=T(Ek,(e=>e.top),((e,t)=>e.y>t)),Sk=(e,t,n)=>{const o=e(t,n);return(e=>e.breakType===ix.Wrap&&0===e.positions.length)(o)||!as(n.getNode())&&(e=>e.breakType===ix.Br&&1===e.positions.length)(o)?!((e,t,n)=>n.breakAt.exists((n=>e(t,n).breakAt.isSome())))(e,t,o):o.breakAt.isNone()},kk=T(Sk,px),Nk=T(Sk,hx),Rk=(e,t,n,o)=>{const r=e.selection.getRng(),s=t?1:-1;return!(!Tu()||!((e,t,n)=>{const o=Pl.fromRangeStart(t);return _m(!e,n).exists((e=>e.isEqual(o)))})(t,r,n)||(u_(s,e,n,!t,!1).each((t=>{Mx(e,t)})),0))},Ak=(e,t,n)=>{const o=((e,t)=>{const n=t.getNode(e);return Zr(n)?I?.some(n):I.none()})(!!t,n),r=!1===t;o.fold((()=>Mx(e,n.toRange())),(o=>_m(r,e.getBody()).filter((e=>e.isEqual(n))).fold((()=>Mx(e,n.toRange())),(n=>((e,t,n)=>{t.undoManager.transact((()=>{const o=e?io:ao,r=NS(t,mn(n),o);Mx(t,r)}))})(t,e,o)))))},Tk=(e,t,n,o)=>{const r=e.selection.getRng(),s=Pl.fromRangeStart(r),a=e.getBody();if(!t&&kk(o,s)){const o=((e,t,n)=>((e,t)=>le(t.getClientRects()).bind((t=>_k(e,t.left,t.top))).bind((e=>{return gx(Nm(n=e)?.map((e=>px(n,e).positions.concat(e))).getOr([]),t);var n})))(t,n).orThunk((()=>le(n.getClientRects()).bind((n=>fx(bx(e,Pl.before(t)),n.left))))).getOr(Pl.before(t)))(a,n,s);return Ak(e,t,o),!0}if(t&&Nk(o,s)){const o=((e,t,n)=>((e,t)=>de(t.getClientRects()).bind((t=>xk(e,t.left,t.top))).bind((e=>{return gx(km(n=e)?.map((e=>[e].concat(hx(n,e).positions))).getOr([]),t);var n})))(t,n).orThunk((()=>le(n.getClientRects()).bind((n=>fx(vx(e,Pl.after(t)),n.left))))).getOr(Pl.after(t)))(a,n,s);return Ak(e,t,o),!0}return!1},Ok=(e,t,n)=>I.from(e.dom.getParent(e.selection.getNode(),"td,th")).bind((o=>I.from(e.dom.getParent(o,"table"))?.map((r=>n(e,t,r,o))))).getOr(!1),Bk=(e,t)=>Ok(e,t,Rk),Pk=(e,t)=>Ok(e,t,Tk),Dk=(e,t,n)=>n.fold(I.none,I.none,((e,t)=>{return(n=t,nr(n,Sr))?.map((e=>(e=>{const t=Tr.exact(e,0,e,0);return Dr(t)})(e)));var n}),(n=>e.mode.isReadOnly()||!Lk(n)?I.none():(e.execCommand("mceTableInsertRowAfter"),Mk(e,t,n)))),Lk=e=>tr(e,On("table")).exists(gr),Mk=(e,t,n)=>{return Dk(e,t,(r=Fk,tk(o=n,void 0).fold((()=>JS.none(o)),(e=>ek(e.all,o,e.index,1,r)))));var o,r},Ik=(e,t,n)=>{return Dk(e,t,(r=Fk,tk(o=n,void 0).fold((()=>JS.none()),(e=>ek(e.all,o,e.index,-1,r)))));var o,r},Fk=e=>gr(e)||wr(e,Uk),Uk=e=>kn(e)&&gr(e),zk=(e,t)=>{const n=["table","li","dl"],o=mn(e.getBody()),r=e=>{const t=_n(e);return Cn(e,o)||H(n,t)},s=e.selection.getRng();return((e,t)=>((e,t,n=L)=>n(t)?I.none():H(e,_n(t))?I?.some(t):or(t,e.join(","),(e=>vn(e,"table")||n(e))))(["td","th"],e,t))(mn(t?s.endContainer:s.startContainer),r)?.map((n=>(ZS(n,r).each((t=>{e.model.table.clearSelectedCells(t.dom)})),e.selection.collapse(!t),(t?Mk:Ik)(e,r,n).each((t=>{e.selection.setRng(t)})),!0))).getOr(!1)},jk=(e,t)=>({container:e,offset:t}),Hk=ni.DOM,$k=e=>t=>e===t?-1:0,Vk=(e,t,n)=>{if(es(e)&&t>=0)return I?.some(jk(e,t));{const o=Ei(Hk);return I.from(o.backwards(e,t,$k(e),n))?.map((e=>jk(e.container,e.container.data.length)))}},qk=(e,t,n)=>{if(!es(e))return I.none();const o=e.data;if(t>=0&&t<=o.length)return I?.some(jk(e,t));{const o=Ei(Hk);return I.from(o.backwards(e,t,$k(e),n)).bind((e=>{const o=e.container.data;return qk(e.container,t+o.length,n)}))}},Wk=(e,t,n)=>{if(!es(e))return I.none();const o=e.data;if(t<=o.length)return I?.some(jk(e,t));{const r=Ei(Hk);return I.from(r.forwards(e,t,$k(e),n)).bind((e=>Wk(e.container,t-o.length,n)))}},Kk=(e,t,n,o,r)=>{const s=Ei(e,(e=>t=>e.isBlock(t)||H(["BR","IMG","HR","INPUT"],t.nodeName)||"false"===e.getContentEditable(t))(e));return I.from(s.backwards(t,n,o,r))},Yk=e=>""!==e&&-1!==" \xa0\ufeff\f\n\r\t\v".indexOf(e),Gk=(e,t)=>e.substring(t.length),Xk=(e,t,n,o=!1)=>{if(!(r=t).collapsed||!es(r.startContainer))return I.none();var r;const s={text:"",offset:0},a=e.getParent(t.startContainer,e.isBlock)||e.getRoot();return Kk(e,t.startContainer,t.startOffset,((e,t,r)=>(s.text=r+s.text,s.offset+=t,((e,t,n,o=!1)=>{let r;const s=n.charAt(0);for(r=t-1;r>=0;r--){const a=e.charAt(r);if(!o&&Yk(a))return I.none();if(s===a&&Ke(e,n,r,t))break}return I?.some(r)})(s.text,s.offset,n,o).getOr(t))),a).bind((e=>{const o=t.cloneRange();if(o.setStart(e.container,e.offset),o.setEnd(t.endContainer,t.endOffset),o.collapsed)return I.none();const r=(e=>Li(e.toString().replace(/\u00A0/g," ")))(o);return 0!==r.lastIndexOf(n)?I.none():I?.some({text:Gk(r,n),range:o,trigger:n})}))},Zk=e=>{if((e=>3===e.nodeType)(e))return jk(e,e.data.length);{const t=e.childNodes;return t.length>0?Zk(t[t.length-1]):jk(e,t.length)}},Qk=(e,t)=>{const n=e.childNodes;return n.length>0&&t<n.length?Qk(n[t],0):n.length>0&&(e=>1===e.nodeType)(e)&&n.length===t?Zk(n[n.length-1]):jk(e,t)},Jk=(e,t,n,o={})=>{var r;const s=t(),a=null!==(r=e.selection.getRng().startContainer.nodeValue)&&void 0!==r?r:"",i=Y(s.lookupByTrigger(n.trigger),(t=>n.text.length>=t.minChars&&t.matches.getOrThunk((()=>(e=>t=>{const n=Qk(t.startContainer,t.startOffset);return!((e,t)=>{var n;const o=null!==(n=e.getParent(t.container,e.isBlock))&&void 0!==n?n:e.getRoot();return Kk(e,t.container,t.offset,((e,t)=>0===t?-1:t),o).filter((e=>{const t=e.container.data.charAt(e.offset-1);return!Yk(t)})).isSome()})(e,n)})(e.dom)))(n.range,a,n.text)));if(0===i.length)return I.none();const l=Promise.all(V(i,(e=>e.fetch(n.text,e.maxResults,o).then((t=>({matchText:n.text,items:t,columns:e.columns,onAction:e.onAction,highlightOn:e.highlightOn}))))));return I?.some({lookupData:l,context:n})};var eN;!function(e){e[e.Error=0]="Error",e[e.Value=1]="Value"}(eN||(eN={}));const tN=(e,t,n)=>e.stype===eN.Error?t(e.serror):n(e.svalue),nN=e=>({stype:eN.Value,svalue:e}),oN=e=>({stype:eN.Error,serror:e}),rN=tN,sN=e=>f(e)&&fe(e).length>100?" removed due to size":JSON.stringify(e,null,2),aN=(e,t)=>oN([{path:e,getErrorInfo:t}]),iN=e=>({extract:(t,n)=>{return o=e(n),r=e=>((e,t)=>aN(e,N(t)))(t,e),o.stype===eN.Error?r(o.serror):o;var o,r},toString:N("val")}),lN=iN(nN),dN=N(lN),cN=(e,t)=>iN((n=>{const o=typeof n;return e(n)?nN(n):oN(`Expected type: ${t} but got: ${o}`)})),uN=cN(E,"number"),mN=cN(m,"string"),fN=cN(b,"boolean"),gN=cN(w,"function"),pN=e=>{if(Object(e)!==e)return!0;switch({}.toString.call(e).slice(8,-1)){case"Boolean":case"Number":case"String":case"Date":case"RegExp":case"Blob":case"FileList":case"ImageData":case"ImageBitmap":case"ArrayBuffer":return!0;case"Array":case"Object":return Object.keys(e).every((t=>pN(e[t])));default:return!1}};iN((e=>pN(e)?nN(e):oN("Expected value to be acceptable for sending via postMessage")));const hN=e=>({tag:"defaultedThunk",process:N(e)}),bN=(e,t,n)=>{switch(e.tag){case"field":return t(e.key,e.newKey,e.presence,e.prop);case"custom":return n(e.newKey,e.instantiator)}},vN=e=>{const t=(e=>{const t=[],n=[];return q(e,(e=>{tN(e,(e=>n.push(e)),(e=>t.push(e)))})),{values:t,errors:n}})(e);return t.errors.length>0?(n=t.errors,S(oN,ee)(n)):nN(t.values);var n},yN=(e,t,n,o)=>o(_e(e,t).getOrThunk((()=>n(e)))),CN=(e,t,n,o,r)=>{const s=e=>r.extract(t.concat([o]),e),a=e=>e.fold((()=>nN(I.none())),(e=>{const n=r.extract(t.concat([o]),e);return s=n,a=I.some,s.stype===eN.Value?{stype:eN.Value,svalue:a(s.svalue)}:s;var s,a}));switch(e.tag){case"required":return((e,t,n,o)=>_e(t,n).fold((()=>((e,t,n)=>aN(e,(()=>'Could not find valid *required* value for "'+t+'" in '+sN(n))))(e,n,t)),o))(t,n,o,s);case"defaultedThunk":return yN(n,o,e.process,s);case"option":return((e,t,n)=>n(_e(e,t)))(n,o,a);case"defaultedOptionThunk":return((e,t,n,o)=>o(_e(e,t)?.map((t=>!0===t?n(e):t))))(n,o,e.process,a);case"mergeWithThunk":return yN(n,o,N({}),(t=>{const o=Me(e.process(n),t);return s(o)}))}},wN=e=>({extract:(t,n)=>((e,t,n)=>{const o={},r=[];for(const s of n)bN(s,((n,s,a,i)=>{const l=CN(a,e,t,n,i);rN(l,(e=>{r.push(...e)}),(e=>{o[s]=e}))}),((e,n)=>{o[e]=n(t)}));return r.length>0?oN(r):nN(o)})(t,n,e),toString:()=>{const t=V(e,(e=>bN(e,((e,t,n,o)=>e+" -> "+o.toString()),((e,t)=>"state("+e+")"))));return"obj{\n"+t.join("\n")+"}"}}),EN=(e,t,n)=>{return o=((e,t,n)=>((e,t)=>e.stype===eN.Error?{stype:eN.Error,serror:t(e.serror)}:e)(t.extract([e],n),(e=>({input:n,errors:e}))))(e,t,n),tN(o,Te.error,Te.value);var o},_N=(e,t,n,o)=>({tag:"field",key:e,newKey:t,presence:n,prop:o}),xN=(e,t)=>_N(e,e,{tag:"required",process:{}},t),SN=e=>xN(e,mN),kN=e=>xN(e,gN),NN=(e,t)=>_N(e,e,{tag:"option",process:{}},t),RN=e=>NN(e,mN),AN=e=>NN(e,gN),TN=(e,t)=>_N(e,e,hN(t),dN()),ON=(e,t,n)=>_N(e,e,hN(t),n),BN=(e,t)=>ON(e,t,uN),PN=(e,t)=>ON(e,t,fN),DN=(e,t)=>ON(e,t,gN),LN=SN("type");SN("name"),SN("label"),SN("text"),SN("title"),SN("icon"),SN("url");const MN=SN("value"),IN=kN("fetch");kN("getSubmenuItems");const FN=kN("onAction");kN("onItemAction"),DN("onSetup",(()=>x)),RN("name");const UN=RN("text");RN("role");const zN=RN("icon");RN("url"),RN("tooltip"),RN("label"),RN("shortcut"),AN("select");const jN=PN("active",!1);PN("borderless",!1);const HN=PN("enabled",!0);PN("primary",!1);const $N=TN("meta",{});DN("onAction",x),wN([(()=>ON("type","autocompleteitem",mN))(0,"autocompleteitem"),jN,HN,$N,MN,UN,zN]);const VN=wN([LN,SN("trigger"),BN("minChars",1),TN("columns",1),BN("maxResults",10),AN("matches"),IN,FN,(qN=mN,ON("highlightOn",[],(WN=qN,{extract:(e,t)=>{const n=V(t,((t,n)=>WN.extract(e.concat(["["+n+"]"]),t)));return vN(n)},toString:()=>"array("+WN.toString()+")"})))]);var qN,WN;const KN=e=>{const t=e.ui.registry.getAll().popups,n=he(t,(e=>{return(t=e,EN("Autocompleter",VN,t)).fold((e=>{throw new Error("Errors: \n"+(e=>{const t=e.length>10?e.slice(0,10).concat([{path:[],getErrorInfo:N("... (only showing first ten failures)")}]):e;return V(t,(e=>"Failed path: ("+e.path.join(" > ")+")\n"+e.getErrorInfo()))})((t=e).errors).join("\n")+"\n\nInput object: "+sN(t.input));var t}),R);var t})),o=dt(we(n,(e=>e.trigger))),r=Ee(n);return{dataset:n,triggers:o,lookupByTrigger:e=>Y(r,(t=>t.trigger===e))}},YN=e=>{const t=Ve(),n=Ne(!1),o=t.isSet,r=()=>{o()&&((e=>{e.dispatch("AutocompleterEnd")})(e),n.set(!1),t.clear())},s=st((()=>KN(e))),a=a=>{(n=>t.get()?.map((t=>Xk(e.dom,e.selection.getRng(),t.trigger,!0).bind((t=>Jk(e,s,t,n))))).getOrThunk((()=>((e,t)=>{const n=t(),o=e.selection.getRng();return((e,t,n)=>ue(n.triggers,(n=>Xk(e,t,n))))(e.dom,o,n).bind((n=>Jk(e,t,n)))})(e,s))))(a).fold(r,(r=>{(e=>{o()||t.set({trigger:e.trigger,matchLength:e.text.length})})(r.context),r.lookupData.then((o=>{t.get()?.map((s=>{const a=r.context;s.trigger===a.trigger&&(t.set({...s,matchLength:a.text.length}),n.get()?(fd(e,{range:a.range}),((e,t)=>{e.dispatch("AutocompleterUpdate",t)})(e,{lookupData:o})):(n.set(!0),fd(e,{range:a.range}),((e,t)=>{e.dispatch("AutocompleterStart",t)})(e,{lookupData:o})))}))}))}))},i=()=>t.get().bind((({trigger:t})=>{const o=e.selection.getRng();return Xk(e.dom,o,t,n.get()).filter((({range:e})=>((e,t)=>{const n=e.compareBoundaryPoints(window.Range.START_TO_START,t),o=e.compareBoundaryPoints(window.Range.END_TO_END,t);return n>=0&&o<=0})(o,e)))?.map((({range:e})=>e))}));e.addCommand("mceAutocompleterReload",((e,t)=>{const n=f(t)?t.fetchOptions:{};a(n)})),e.addCommand("mceAutocompleterClose",r),e.addCommand("mceAutocompleterRefreshActiveRange",(()=>{i().each((t=>{fd(e,{range:t})}))})),e.editorCommands.addQueryStateHandler("mceAutoCompleterInRange",(()=>i().isSome())),((e,t)=>{const n=rt(t.load,50);e.on("input",(t=>{("insertCompositionText"!==t.inputType||e.composing)&&n.throttle()})),e.on("keydown",(e=>{const o=e.which;8===o?n.throttle():27===o?(n.cancel(),t.cancelIfNecessary()):38!==o&&40!==o||n.cancel()}),!0),e.on("remove",n.cancel)})(e,{cancelIfNecessary:r,load:a})},GN=Kt().browser.isSafari(),XN=e=>Bi(mn(e)),ZN=(e,t)=>{var n;return 0===e.startOffset&&e.endOffset===(null===(n=t.textContent)||void 0===n?void 0:n.length)},QN=(e,t)=>I.from(e.getParent(t.container(),"details")),JN=(e,t)=>QN(e,t).isSome(),eR=(e,t)=>{const n=t.getNode();v(n)||e.selection.setCursorLocation(n,t.offset())},tR=(e,t,n)=>{const o=e.dom.getParent(t.container(),"details");if(o&&!o.open){const t=e.dom.select("summary",o)[0];t&&(n?km(t):Nm(t)).each((t=>eR(e,t)))}else eR(e,t)},nR=(e,t,n)=>{const{dom:o,selection:r}=e,s=e.getBody();if("character"===n){const n=Pl.fromRangeStart(r.getRng()),a=o.getParent(n.container(),o.isBlock),i=QN(o,n),l=a&&o.isEmpty(a),d=h(null==a?void 0:a.previousSibling),c=h(null==a?void 0:a.nextSibling);return!!(l&&(t?c:d)&&wm(!t,s,n).exists((e=>JN(o,e)&&!Ue(i,QN(o,e)))))||wm(t,s,n).fold(L,(n=>{const r=QN(o,n);if(JN(o,n)&&!Ue(i,r)){if(t||tR(e,n,!1),a&&l){if(t&&d)return!0;if(!t&&c)return!0;tR(e,n,t),e.dom.remove(a)}return!0}return!1}))}return!1},oR=(e,t,n,o)=>{const r=e.selection.getRng(),s=Pl.fromRangeStart(r),a=e.getBody();return"selection"===o?((e,t)=>{const n=t.startSummary.exists((t=>t.contains(e.startContainer))),o=t.startSummary.exists((t=>t.contains(e.endContainer))),r=t.startDetails.forall((e=>t.endDetails.forall((t=>e!==t))));return(n||o)&&!(n&&o)||r})(r,t):n?((e,t)=>t.startSummary.exists((t=>((e,t)=>Nm(t).exists((n=>as(n.getNode())&&Sm(t,n).exists((t=>t.isEqual(e)))||n.isEqual(e))))(e,t))))(s,t)||((e,t,n)=>n.startDetails.exists((n=>xm(e,t).forall((e=>!n.contains(e.container()))))))(a,s,t):((e,t)=>t.startSummary.exists((t=>((e,t)=>km(t).exists((t=>t.isEqual(e))))(e,t))))(s,t)||((e,t)=>t.startDetails.exists((n=>Sm(n,e).forall((n=>t.startSummary.exists((t=>!t.contains(e.container())&&t.contains(n.container()))))))))(s,t)},rR=(e,t,n)=>((e,t,n)=>((e,t)=>{const n=I.from(e.getParent(t.startContainer,"details")),o=I.from(e.getParent(t.endContainer,"details"));if(n.isSome()||o.isSome()){const t=n.bind((t=>I.from(e.select("summary",t)[0])));return I?.some({startSummary:t,startDetails:n,endDetails:o})}return I.none()})(e.dom,e.selection.getRng()).fold((()=>nR(e,t,n)),(o=>oR(e,o,t,n)||nR(e,t,n))))(e,t,n)||GN&&((e,t,n)=>{const o=e.selection,r=o.getNode(),s=o.getRng(),a=Pl.fromRangeStart(s);return!!bs(r)&&("selection"===n&&ZN(s,r)||Qh(t,a,r)?XN(r):e.undoManager.transact((()=>{const s=o.getSel();let{anchorNode:a,anchorOffset:i,focusNode:l,focusOffset:d}=null!=s?s:{};const c=()=>{C(a)&&C(i)&&C(l)&&C(d)&&(null==s||s.setBaseAndExtent(a,i,l,d))},u=(e,t)=>{q(e.childNodes,(e=>{rf(e)&&t.appendChild(e)}))},m=e.dom.create("span",{"data-mce-bogus":"1"});u(r,m),r.appendChild(m),c(),"word"!==n&&"line"!==n||null==s||s.modify("extend",t?"right":"left",n),!o.isCollapsed()&&ZN(o.getRng(),m)?XN(r):(e.execCommand(t?"ForwardDelete":"Delete"),a=null==s?void 0:s.anchorNode,i=null==s?void 0:s.anchorOffset,l=null==s?void 0:s.focusNode,d=null==s?void 0:s.focusOffset,u(m,r),c()),e.dom.remove(m)})),!0)})(e,t,n)?I?.some(x):I.none(),sR=e=>(t,n,o={})=>{const r=t.getBody(),s={bubbles:!0,composed:!0,data:null,isComposing:!1,detail:0,view:null,target:r,currentTarget:r,eventPhase:Event.AT_TARGET,originalTarget:r,explicitOriginalTarget:r,isTrusted:!1,srcElement:r,cancelable:!1,preventDefault:x,inputType:n},a=Ua(new InputEvent(e));return t.dispatch(e,{...a,...s,...o})},aR=sR("input"),iR=sR("beforeinput"),lR=Kt(),dR=lR.os,cR=dR.isMacOS()||dR.isiOS(),uR=lR.browser.isFirefox(),mR=(e,t)=>{const n=e.dom,o=e.schema.getMoveCaretBeforeOnEnterElements();if(!t)return;if(/^(LI|DT|DD)$/.test(t.nodeName)){const e=(e=>{for(;e;){if(qr(e)||es(e)&&e.data&&/[\r\n\s]/.test(e.data))return e;e=e.nextSibling}return null})(t.firstChild);e&&/^(UL|OL|DL)$/.test(e.nodeName)&&t.insertBefore(n.doc.createTextNode(it),t.firstChild)}const r=n.createRng();if(t.normalize(),t.hasChildNodes()){const e=new Fr(t,t);let n,s=t;for(;n=e.current();){if(es(n)){r.setStart(n,0),r.setEnd(n,0);break}if(o[n.nodeName.toLowerCase()]){r.setStartBefore(n),r.setEndBefore(n);break}s=n,n=e.next()}n||(r.setStart(s,0),r.setEnd(s,0))}else as(t)?t.nextSibling&&n.isBlock(t.nextSibling)?(r.setStartBefore(t),r.setEndBefore(t)):(r.setStartAfter(t),r.setEndAfter(t)):(r.setStart(t,0),r.setEnd(t,0));e.selection.setRng(r),ep(e,r)},fR=(e,t)=>{const n=e.getRoot();let o,r=t;for(;r!==n&&r&&"false"!==e.getContentEditable(r);){if("true"===e.getContentEditable(r)){o=r;break}r=r.parentNode}return r!==n?o:n},gR=e=>I.from(e.dom.getParent(e.selection.getStart(!0),e.dom.isBlock)),pR=e=>{e.innerHTML='<br data-mce-bogus="1">'},hR=(e,t)=>{Ad(e).toLowerCase()===t.tagName.toLowerCase()&&((e,t,n)=>{const o=e.dom;I.from(n.style)?.map(o.parseStyle).each((e=>{const n={...Fo(mn(t)),...e};o.setStyles(t,n)}));const r=I.from(n.class)?.map((e=>e.split(/\s+/))),s=I.from(t.className)?.map((e=>Y(e.split(/\s+/),(e=>""!==e))));ze(r,s,((e,n)=>{const r=Y(n,(t=>!H(e,t))),s=[...e,...r];o.setAttrib(t,"class",s.join(" "))}));const a=["style","class"],i=Ce(n,((e,t)=>!H(a,t)));o.setAttribs(t,i)})(e,t,Td(e))},bR=(e,t,n,o,r=!0,s,a)=>{const i=e.dom,l=e.schema,d=Ad(e),c=n?n.nodeName.toUpperCase():"";let u=t;const m=l.getTextInlineElements();let f;f=s||"TABLE"===c||"HR"===c?i.create(s||d,a||{}):n.cloneNode(!1);let g=f;if(r){do{if(m[u.nodeName]){if(Am(u)||Hm(u))continue;const e=u.cloneNode(!1);i.setAttrib(e,"id",""),f.hasChildNodes()?(e.appendChild(f.firstChild),f.appendChild(e)):(g=e,f.appendChild(e))}}while((u=u.parentNode)&&u!==o)}else i.setAttrib(f,"style",null),i.setAttrib(f,"class",null);return hR(e,f),pR(g),f},vR=(e,t)=>{const n=null==e?void 0:e.parentNode;return C(n)&&n.nodeName===t},yR=e=>C(e)&&/^(OL|UL|LI)$/.test(e.nodeName),CR=e=>C(e)&&/^(LI|DT|DD)$/.test(e.nodeName),wR=e=>{const t=e.parentNode;return CR(t)?t:e},ER=(e,t,n)=>{let o=e[n?"firstChild":"lastChild"];for(;o&&!qr(o);)o=o[n?"nextSibling":"previousSibling"];return o===t},_R=e=>X(we(Fo(mn(e)),((e,t)=>`${t}: ${e};`)),((e,t)=>e+t),""),xR=(e,t)=>t&&"A"===t.nodeName&&e.isEmpty(t),SR=(e,t)=>e.nodeName===t||e.previousSibling&&e.previousSibling.nodeName===t,kR=(e,t)=>C(t)&&e.isBlock(t)&&!/^(TD|TH|CAPTION|FORM)$/.test(t.nodeName)&&!/^(fixed|absolute)/i.test(t.style.position)&&e.isEditable(t.parentNode)&&"false"!==e.getContentEditable(t),NR=(e,t,n)=>es(t)?e?1===n&&t.data.charAt(n-1)===Pi?0:n:n===t.data.length-1&&t.data.charAt(n)===Pi?t.data.length:n:n,RR={insert:(e,t)=>{let n,o,r,s,a=!1;const i=e.dom,l=e.schema.getNonEmptyElements(),d=e.selection.getRng(),c=Ad(e),u=mn(d.startContainer),f=$n(u,d.startOffset),g=f.exists((e=>kn(e)&&!gr(e))),p=d.collapsed&&g,b=(t,o)=>bR(e,n,S,x,Dd(e),t,o),v=e=>{const t=NR(e,n,o);if(es(n)&&(e?t>0:t<n.data.length))return!1;if((n.parentNode===S||n===S)&&a&&!e)return!0;if(e&&qr(n)&&n===S.firstChild)return!0;if(SR(n,"TABLE")||SR(n,"HR"))return(e=>"BR"===e.nodeName||e.nextSibling&&"BR"===e.nextSibling.nodeName)(n)?!e:a&&!e||!a&&e;const r=new Fr(n,S);let s;for(es(n)&&(e&&0===t?r.prev():e||t!==n.data.length||r.next());s=r.current();){if(qr(s)){if(!s.getAttribute("data-mce-bogus")){const e=s.nodeName.toLowerCase();if(l[e]&&"br"!==e)return!1}}else if(es(s)&&!zr(s.data))return!1;e?r.prev():r.next()}return!0},w=()=>{let t;return t=/^(H[1-6]|PRE|FIGURE)$/.test(r)&&"HGROUP"!==k?b(c):b(),((e,t)=>{const n=Ld(e);return!y(t)&&(m(n)?H(an.explode(n),t.nodeName.toLowerCase()):n)})(e,s)&&kR(i,s)&&i.isEmpty(S,void 0,{includeZwsp:!0})?t=i.split(s,S):i.insertAfter(t,S),mR(e,t),t};Lg(i,d).each((e=>{d.setStart(e.startContainer,e.startOffset),d.setEnd(e.endContainer,e.endOffset)})),n=d.startContainer,o=d.startOffset;const E=!(!t||!t.shiftKey),_=!(!t||!t.ctrlKey);qr(n)&&n.hasChildNodes()&&!p&&(a=o>n.childNodes.length-1,n=n.childNodes[Math.min(o,n.childNodes.length-1)]||n,o=a&&es(n)?n.data.length:0);const x=fR(i,n);if(!x||((e,t)=>{const n=e.dom.getParent(t,"ol,ul,dl");return null!==n&&"false"===e.dom.getContentEditableParent(n)})(e,n))return;E||(n=((e,t,n,o,r)=>{var s,a;const i=e.dom,l=null!==(s=fR(i,o))&&void 0!==s?s:i.getRoot();let d=i.getParent(o,i.isBlock);if(!d||!kR(i,d)){if(d=d||l,!d.hasChildNodes()){const o=i.create(t);return hR(e,o),d.appendChild(o),n.setStart(o,0),n.setEnd(o,0),o}let s,c=o;for(;c&&c.parentNode!==d;)c=c.parentNode;for(;c&&!i.isBlock(c);)s=c,c=c.previousSibling;const u=null===(a=null==s?void 0:s.parentElement)||void 0===a?void 0:a.nodeName;if(s&&u&&e.schema.isValidChild(u,t.toLowerCase())){const a=s.parentNode,l=i.create(t);for(hR(e,l),a.insertBefore(l,s),c=s;c&&!i.isBlock(c);){const e=c.nextSibling;l.appendChild(c),c=e}n.setStart(o,r),n.setEnd(o,r)}}return o})(e,c,d,n,o));let S=i.getParent(n,i.isBlock)||i.getRoot();s=C(null==S?void 0:S.parentNode)?i.getParent(S.parentNode,i.isBlock):null,r=S?S.nodeName.toUpperCase():"";const k=s?s.nodeName.toUpperCase():"";if("LI"!==k||_||(S=s,s=s.parentNode,r=k),qr(s)&&((e,t,n)=>!t&&n.nodeName.toLowerCase()===Ad(e)&&e.dom.isEmpty(n)&&((t,n)=>{let o=n;for(;o&&o!==t&&h(o.nextSibling);){const t=o.parentElement;if(!t||(r=t,!xe(e.schema.getTextBlockElements(),r.nodeName.toLowerCase())))return hs(t);o=t}var r;return!1})(e.getBody(),n))(e,E,S))return((e,t,n)=>{var o,r,s;const a=t(Ad(e)),i=((e,t)=>e.dom.getParent(t,hs))(e,n);i&&(e.dom.insertAfter(a,i),mR(e,a),(null!==(s=null===(r=null===(o=n.parentElement)||void 0===o?void 0:o.childNodes)||void 0===r?void 0:r.length)&&void 0!==s?s:0)>1&&e.dom.remove(n))})(e,b,S);if(/^(LI|DT|DD)$/.test(r)&&qr(s)&&i.isEmpty(S))return void((e,t,n,o,r)=>{const s=e.dom,a=e.selection.getRng(),i=n.parentNode;if(n===e.getBody()||!i)return;var l;yR(l=n)&&yR(l.parentNode)&&(r="LI");const d=CR(o)?_R(o):void 0;let c=CR(o)&&d?t(r,{style:_R(o)}):t(r);if(ER(n,o,!0)&&ER(n,o,!1))if(vR(n,"LI")){const e=wR(n);s.insertAfter(c,e),(e=>{var t;return(null===(t=e.parentNode)||void 0===t?void 0:t.firstChild)===e})(n)?s.remove(e):s.remove(n)}else s.replace(c,n);else if(ER(n,o,!0))vR(n,"LI")?(s.insertAfter(c,wR(n)),c.appendChild(s.doc.createTextNode(" ")),c.appendChild(n)):i.insertBefore(c,n),s.remove(o);else if(ER(n,o,!1))s.insertAfter(c,wR(n)),s.remove(o);else{n=wR(n);const e=a.cloneRange();e.setStartAfter(o),e.setEndAfter(n);const t=e.extractContents();if("LI"===r&&(e=>e.firstChild&&"LI"===e.firstChild.nodeName)(t)){const e=Y(V(c.children,mn),O(On("br")));c=t.firstChild,s.insertAfter(t,n),q(e,(e=>lo(mn(c),e))),d&&c.setAttribute("style",d)}else s.insertAfter(t,n),s.insertAfter(c,n);s.remove(o)}mR(e,c)})(e,b,s,S,c);if(!(p||S!==e.getBody()&&kR(i,S)))return;const N=S.parentNode;let R;if(p)R=b(c),f.fold((()=>{co(u,mn(R))}),(e=>{ao(e,mn(R))})),e.selection.setCursorLocation(R,0);else if(Fi(S))R=Wi(S),i.isEmpty(S)&&pR(S),hR(e,R),mR(e,R);else if(v(!1))R=w();else if(v(!0)&&N){const t=Pl.fromRangeStart(d),n=Yp(t),o=mn(S),r=ch(o,t,e.schema)?uh(o,t,e.schema).bind((e=>I.from(e.getNode()))):I.none();R=N.insertBefore(b(),S);const s=SR(S,"HR")||n?R:r.getOr(S);mR(e,s)}else{const t=(e=>{const t=e.cloneRange();return t.setStart(e.startContainer,NR(!0,e.startContainer,e.startOffset)),t.setEnd(e.endContainer,NR(!1,e.endContainer,e.endOffset)),t})(d).cloneRange();t.setEndAfter(S);const n=t.extractContents();(e=>{q(br(mn(e),Rn),(e=>{const t=e.dom;t.nodeValue=Li(t.data)}))})(n),(e=>{let t=e;do{es(t)&&(t.data=t.data.replace(/^[\r\n]+/,"")),t=t.firstChild}while(t)})(n),R=n.firstChild,i.insertAfter(n,S),((e,t,n)=>{var o;const r=[];if(!n)return;let s=n;for(;s=s.firstChild;){if(e.isBlock(s))return;qr(s)&&!t[s.nodeName.toLowerCase()]&&r.push(s)}let a=r.length;for(;a--;)s=r[a],(!s.hasChildNodes()||s.firstChild===s.lastChild&&""===(null===(o=s.firstChild)||void 0===o?void 0:o.nodeValue)||xR(e,s))&&e.remove(s)})(i,l,R),((e,t)=>{t.normalize();const n=t.lastChild;(!n||qr(n)&&/^(left|right)$/gi.test(e.getStyle(n,"float",!0)))&&e.add(t,"br")})(i,S),i.isEmpty(S)&&pR(S),R.normalize(),i.isEmpty(R)?(i.remove(R),w()):(hR(e,R),mR(e,R))}i.setAttrib(R,"id",""),e.dispatch("NewBlock",{newBlock:R})},fakeEventName:"insertParagraph"},AR=(e,t,n)=>{const o=e.dom.createRng();n?(o.setStartBefore(t),o.setEndBefore(t)):(o.setStartAfter(t),o.setEndAfter(t)),e.selection.setRng(o),ep(e,o)},TR=(e,t)=>{const n=cn("br");ao(mn(t),n),e.undoManager.add()},OR=(e,t)=>{BR(e.getBody(),t)||io(mn(t),cn("br"));const n=cn("br");io(mn(t),n),AR(e,n.dom,!1),e.undoManager.add()},BR=(e,t)=>{return n=Pl.after(t),!!as(n.getNode())||xm(e,Pl.after(t))?.map((e=>as(e.getNode()))).getOr(!1);var n},PR=e=>e&&"A"===e.nodeName&&"href"in e,DR=e=>e.fold(L,PR,PR,L),LR=(e,t)=>{t.fold(x,T(TR,e),T(OR,e),x)},MR={insert:(e,t)=>{const n=(e=>{const t=T(zh,e),n=Pl.fromRangeStart(e.selection.getRng());return Q_(t,e.getBody(),n).filter(DR)})(e);n.isSome()?n.each(T(LR,e)):((e,t)=>{const n=e.selection,o=e.dom,r=n.getRng();let s,a=!1;Lg(o,r).each((e=>{r.setStart(e.startContainer,e.startOffset),r.setEnd(e.endContainer,e.endOffset)}));let i=r.startOffset,l=r.startContainer;if(qr(l)&&l.hasChildNodes()){const e=i>l.childNodes.length-1;l=l.childNodes[Math.min(i,l.childNodes.length-1)]||l,i=e&&es(l)?l.data.length:0}let d=o.getParent(l,o.isBlock);const c=d&&d.parentNode?o.getParent(d.parentNode,o.isBlock):null,u=c?c.nodeName.toUpperCase():"",m=!(!t||!t.ctrlKey);"LI"!==u||m||(d=c),es(l)&&i>=l.data.length&&(((e,t,n)=>{const o=new Fr(t,n);let r;const s=e.getNonEmptyElements();for(;r=o.next();)if(s[r.nodeName.toLowerCase()]||es(r)&&r.length>0)return!0;return!1})(e.schema,l,d||o.getRoot())||(s=o.create("br"),r.insertNode(s),r.setStartAfter(s),r.setEndAfter(s),a=!0)),s=o.create("br"),Ll(o,r,s),AR(e,s,a),e.undoManager.add()})(e,t)},fakeEventName:"insertLineBreak"},IR=(e,t)=>gR(e).filter((e=>t.length>0&&vn(mn(e),t))).isSome(),FR=ke([{br:[]},{block:[]},{none:[]}]),UR=(e,t)=>(e=>IR(e,Pd(e)))(e),zR=e=>(t,n)=>(e=>gR(e).filter((e=>Ni(mn(e)))).isSome())(t)===e,jR=(e,t)=>(n,o)=>{const r=(e=>gR(e).fold(N(""),(e=>e.nodeName.toUpperCase())))(n)===e.toUpperCase();return r===t},HR=e=>{const t=fR(e.dom,e.selection.getStart());return y(t)},$R=e=>jR("pre",e),VR=e=>(t,n)=>Rd(t)===e,qR=(e,t)=>(e=>IR(e,Bd(e)))(e),WR=(e,t)=>t,KR=e=>{const t=Ad(e),n=fR(e.dom,e.selection.getStart());return C(n)&&e.schema.isValidChild(n.nodeName,t)},YR=e=>{const t=e.selection.getRng(),n=mn(t.startContainer),o=$n(n,t.startOffset)?.map((e=>kn(e)&&!gr(e)));return t.collapsed&&o.getOr(!0)},GR=(e,t)=>(n,o)=>X(e,((e,t)=>e&&t(n,o)),!0)?I?.some(t):I.none(),XR=(e,t,n)=>{if(!t.mode.isReadOnly()){if(t.selection.isCollapsed()||(e=>{e.execCommand("delete")})(t),C(n)&&iR(t,e.fakeEventName).isDefaultPrevented())return;e.insert(t,n),C(n)&&aR(t,e.fakeEventName)}},ZR=(e,t)=>{if(e.mode.isReadOnly())return;const n=()=>XR(MR,e,t),o=()=>XR(RR,e,t),r=((e,t)=>H_([GR([UR],FR.none()),GR([$R(!0),HR],FR.none()),GR([jR("summary",!0)],FR.br()),GR([$R(!0),VR(!1),WR],FR.br()),GR([$R(!0),VR(!1)],FR.block()),GR([$R(!0),VR(!0),WR],FR.block()),GR([$R(!0),VR(!0)],FR.br()),GR([zR(!0),WR],FR.br()),GR([zR(!0)],FR.block()),GR([qR],FR.br()),GR([WR],FR.br()),GR([KR],FR.block()),GR([YR],FR.block())],[e,!(!t||!t.shiftKey)]).getOr(FR.none()))(e,t);switch(Od(e)){case"linebreak":r.fold(n,n,x);break;case"block":r.fold(o,o,x);break;case"invert":r.fold(o,n,x);break;default:r.fold(n,o,x)}},QR=Kt(),JR=QR.os.isiOS()&&QR.browser.isSafari(),eA=(e,t)=>{var n;t.isDefaultPrevented()||(t.preventDefault(),(n=e.undoManager).typing&&(n.typing=!1,n.add()),e.undoManager.transact((()=>{ZR(e,t)})))},tA=Kt(),nA=e=>e.stopImmediatePropagation(),oA=e=>e.keyCode===wg.PAGE_UP||e.keyCode===wg.PAGE_DOWN,rA=(e,t,n)=>{n&&!e.get()?t.on("NodeChange",nA,!0):!n&&e.get()&&t.off("NodeChange",nA),e.set(n)},sA=(e,t)=>e===t||e.contains(t),aA=(e,t)=>{const n=t.container(),o=t.offset();return es(n)?(n.insertData(o,e),I?.some(Pl(n,o+e.length))):om(t)?.map((n=>{const o=un(e);return t.isAtEnd()?io(n,o):ao(n,o),Pl(o.dom,e.length)}))},iA=T(aA,it),lA=T(aA," "),dA=e=>t=>{e.selection.setRng(t.toRange()),e.nodeChanged()},cA=e=>{const t=Pl.fromRangeStart(e.selection.getRng()),n=mn(e.getBody());if(e.selection.isCollapsed()){const o=T(zh,e),r=Pl.fromRangeStart(e.selection.getRng());return Q_(o,e.getBody(),r).bind((e=>t=>t.fold((t=>Sm(e.dom,Pl.before(t))),(e=>km(e)),(e=>Nm(e)),(t=>xm(e.dom,Pl.after(t)))))(n))?.map((o=>()=>((e,t,n)=>o=>yh(e,o,n)?iA(t):lA(t))(n,t,e.schema)(o).each(dA(e))))}return I.none()},uA=e=>{return je(nn.browser.isFirefox()&&e.selection.isEditable()&&(t=e.dom,n=e.selection.getRng().startContainer,t.isEditable(t.getParent(n,"summary"))),(()=>{const t=mn(e.getBody());e.selection.isCollapsed()||e.getDoc().execCommand("Delete"),((e,t,n)=>yh(e,t,n)?iA(t):lA(t))(t,Pl.fromRangeStart(e.selection.getRng()),e.schema).each(dA(e))}));var t,n},mA=e=>lu(e)?[{keyCode:wg.TAB,action:VS(zk,e,!0)},{keyCode:wg.TAB,shiftKey:!0,action:VS(zk,e,!1)}]:[],fA=e=>{if(e.addShortcut("Meta+P","","mcePrint"),YN(e),Nw(e))return Ne(null);{const t=Yx(e);return(e=>{e.on("beforeinput",(t=>{e.selection.isEditable()&&!$(t.getTargetRanges(),(t=>!((e,t)=>!sA(e.getBody(),t.startContainer)||!sA(e.getBody(),t.endContainer)||tp(e.dom,t))(e,t)))||t.preventDefault()}))})(e),(e=>{e.on("keyup compositionstart",T(BS,e))})(e),((e,t)=>{e.on("keydown",(n=>{n.isDefaultPrevented()||((e,t,n)=>{const o=nn.os.isMacOS()||nn.os.isiOS();qS([{keyCode:wg.RIGHT,action:VS(LS,e,!0)},{keyCode:wg.LEFT,action:VS(LS,e,!1)},{keyCode:wg.UP,action:VS(MS,e,!1)},{keyCode:wg.DOWN,action:VS(MS,e,!0)},...o?[{keyCode:wg.UP,action:VS(FS,e,!1),metaKey:!0,shiftKey:!0},{keyCode:wg.DOWN,action:VS(FS,e,!0),metaKey:!0,shiftKey:!0}]:[],{keyCode:wg.RIGHT,action:VS(Bk,e,!0)},{keyCode:wg.LEFT,action:VS(Bk,e,!1)},{keyCode:wg.UP,action:VS(Pk,e,!1)},{keyCode:wg.DOWN,action:VS(Pk,e,!0)},{keyCode:wg.UP,action:VS(Pk,e,!1)},{keyCode:wg.UP,action:VS(jS,e,!1)},{keyCode:wg.DOWN,action:VS(jS,e,!0)},{keyCode:wg.RIGHT,action:VS(KS,e,!0)},{keyCode:wg.LEFT,action:VS(KS,e,!1)},{keyCode:wg.UP,action:VS(YS,e,!1)},{keyCode:wg.DOWN,action:VS(YS,e,!0)},{keyCode:wg.RIGHT,action:VS(Wx,e,t,!0)},{keyCode:wg.LEFT,action:VS(Wx,e,t,!1)},{keyCode:wg.RIGHT,ctrlKey:!o,altKey:o,action:VS(Gx,e,t)},{keyCode:wg.LEFT,ctrlKey:!o,altKey:o,action:VS(Xx,e,t)},{keyCode:wg.UP,action:VS(zS,e,!1)},{keyCode:wg.DOWN,action:VS(zS,e,!0)}],n).each((e=>{n.preventDefault()}))})(e,t,n)}))})(e,t),((e,t)=>{let n=!1;e.on("keydown",(o=>{n=o.keyCode===wg.BACKSPACE,o.isDefaultPrevented()||((e,t,n)=>{const o=n.keyCode===wg.BACKSPACE?"deleteContentBackward":"deleteContentForward",r=e.selection.isCollapsed(),s=r?"character":"selection",a=e=>r?e?"word":"line":"selection";WS([{keyCode:wg.BACKSPACE,action:VS(CS,e)},{keyCode:wg.BACKSPACE,action:VS(S_,e,!1)},{keyCode:wg.DELETE,action:VS(S_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(b_,e,!1)},{keyCode:wg.DELETE,action:VS(b_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(eS,e,t,!1)},{keyCode:wg.DELETE,action:VS(eS,e,t,!0)},{keyCode:wg.BACKSPACE,action:VS(kb,e,!1)},{keyCode:wg.DELETE,action:VS(kb,e,!0)},{keyCode:wg.BACKSPACE,action:VS(rR,e,!1,s)},{keyCode:wg.DELETE,action:VS(rR,e,!0,s)},...cR?[{keyCode:wg.BACKSPACE,altKey:!0,action:VS(rR,e,!1,a(!0))},{keyCode:wg.DELETE,altKey:!0,action:VS(rR,e,!0,a(!0))},{keyCode:wg.BACKSPACE,metaKey:!0,action:VS(rR,e,!1,a(!1))}]:[{keyCode:wg.BACKSPACE,ctrlKey:!0,action:VS(rR,e,!1,a(!0))},{keyCode:wg.DELETE,ctrlKey:!0,action:VS(rR,e,!0,a(!0))}],{keyCode:wg.BACKSPACE,action:VS(O_,e,!1)},{keyCode:wg.DELETE,action:VS(O_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(mS,e,!1)},{keyCode:wg.DELETE,action:VS(mS,e,!0)},{keyCode:wg.BACKSPACE,action:VS(c_,e,!1)},{keyCode:wg.DELETE,action:VS(c_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(i_,e,!1)},{keyCode:wg.DELETE,action:VS(i_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(dS,e,!1)},{keyCode:wg.DELETE,action:VS(dS,e,!0)},{keyCode:wg.BACKSPACE,action:VS(T_,e,!1)},{keyCode:wg.DELETE,action:VS(T_,e,!0)}],n).filter((t=>e.selection.isEditable())).each((t=>{n.preventDefault(),iR(e,o).isDefaultPrevented()||(t(),aR(e,o))}))})(e,t,o)})),e.on("keyup",(t=>{t.isDefaultPrevented()||((e,t,n)=>{qS([{keyCode:wg.BACKSPACE,action:VS(x_,e)},{keyCode:wg.DELETE,action:VS(x_,e)},...cR?[{keyCode:wg.BACKSPACE,altKey:!0,action:VS(cS,e)},{keyCode:wg.DELETE,altKey:!0,action:VS(cS,e)},...n?[{keyCode:uR?224:91,action:VS(cS,e)}]:[]]:[{keyCode:wg.BACKSPACE,ctrlKey:!0,action:VS(cS,e)},{keyCode:wg.DELETE,ctrlKey:!0,action:VS(cS,e)}]],t)})(e,t,n),n=!1}))})(e,t),(e=>{let t=I.none();e.on("keydown",(n=>{n.keyCode===wg.ENTER&&(JR&&(e=>{if(!e.collapsed)return!1;const t=e.startContainer;if(es(t)){const n=/^[\uAC00-\uD7AF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uD7B0-\uD7FF]$/,o=t.data.charAt(e.startOffset-1);return n.test(o)}return!1})(e.selection.getRng())?(e=>{t=I?.some(e.selection.getBookmark()),e.undoManager.add()})(e):eA(e,n))})),e.on("keyup",(n=>{n.keyCode===wg.ENTER&&t.each((()=>((e,n)=>{e.undoManager.undo(),t.fold(x,(t=>e.selection.moveToBookmark(t))),eA(e,n),t=I.none()})(e,n)))}))})(e),(e=>{e.on("keydown",(t=>{t.isDefaultPrevented()||((e,t)=>{WS([{keyCode:wg.SPACEBAR,action:VS(cA,e)},{keyCode:wg.SPACEBAR,action:VS(uA,e)}],t).each((n=>{t.preventDefault(),iR(e,"insertText",{data:" "}).isDefaultPrevented()||(n(),aR(e,"insertText",{data:" "}))}))})(e,t)}))})(e),(e=>{e.on("input",(t=>{t.isComposing||(e=>{const t=mn(e.getBody());e.selection.isCollapsed()&&Nh(t,Pl.fromRangeStart(e.selection.getRng()),e.schema).each((t=>{e.selection.setRng(t.toRange())}))})(e)}))})(e),(e=>{e.on("keydown",(t=>{t.isDefaultPrevented()||((e,t)=>{qS([...mA(e)],t).each((e=>{t.preventDefault()}))})(e,t)}))})(e),((e,t)=>{e.on("keydown",(n=>{n.isDefaultPrevented()||((e,t,n)=>{const o=nn.os.isMacOS()||nn.os.isiOS();qS([{keyCode:wg.END,action:VS(IS,e,!0)},{keyCode:wg.HOME,action:VS(IS,e,!1)},...o?[]:[{keyCode:wg.HOME,action:VS(FS,e,!1),ctrlKey:!0,shiftKey:!0},{keyCode:wg.END,action:VS(FS,e,!0),ctrlKey:!0,shiftKey:!0}],{keyCode:wg.END,action:VS(GS,e,!0)},{keyCode:wg.HOME,action:VS(GS,e,!1)},{keyCode:wg.END,action:VS(Zx,e,!0,t)},{keyCode:wg.HOME,action:VS(Zx,e,!1,t)}],n).each((e=>{n.preventDefault()}))})(e,t,n)}))})(e,t),((e,t)=>{if(tA.os.isMacOS())return;const n=Ne(!1);e.on("keydown",(t=>{oA(t)&&rA(n,e,!0)})),e.on("keyup",(o=>{o.isDefaultPrevented()||((e,t,n)=>{qS([{keyCode:wg.PAGE_UP,action:VS(Zx,e,!1,t)},{keyCode:wg.PAGE_DOWN,action:VS(Zx,e,!0,t)}],n)})(e,t,o),oA(o)&&n.get()&&(rA(n,e,!1),e.nodeChanged())}))})(e,t),t}};class gA{constructor(e){let t;this.lastPath=[],this.editor=e;const n=this;"onselectionchange"in e.getDoc()||e.on("NodeChange click mouseup keyup focus",(n=>{const o=e.selection.getRng(),r={startContainer:o.startContainer,startOffset:o.startOffset,endContainer:o.endContainer,endOffset:o.endOffset};"nodechange"!==n.type&&Rg(r,t)||e.dispatch("SelectionChange"),t=r})),e.on("contextmenu",(()=>{ng(e),e.dispatch("SelectionChange")})),e.on("SelectionChange",(()=>{const t=e.selection.getStart(!0);t&&tf(e)&&!n.isSameElementPath(t)&&e.dom.isChildOf(t,e.getBody())&&e.nodeChanged({selectionChange:!0})})),e.on("mouseup",(t=>{!t.isDefaultPrevented()&&tf(e)&&("IMG"===e.selection.getNode().nodeName?sg.setEditorTimeout(e,(()=>{e.nodeChanged()})):e.nodeChanged())}))}nodeChanged(e={}){const t=this.editor,n=t.selection;let o;if(t.initialized&&n&&!_c(t)&&!hu(t)){const r=t.getBody();o=n.getStart(!0)||r,o.ownerDocument===t.getDoc()&&t.dom.isChildOf(o,r)||(o=r);const s=[];t.dom.getParent(o,(e=>e===r||(s.push(e),!1))),t.dispatch("NodeChange",{...e,element:o,parents:s})}}isSameElementPath(e){let t;const n=this.editor,o=oe(n.dom.getParents(e,M,n.getBody()));if(o.length===this.lastPath.length){for(t=o.length;t>=0&&o[t]===this.lastPath[t];t--);if(-1===t)return this.lastPath=o,!0}return this.lastPath=o,!1}}const pA="x-tinymce/html",hA=N(pA),bA="\x3c!-- "+pA+" --\x3e",vA=e=>bA+e,yA=e=>-1!==e.indexOf(bA),CA="%MCEPASTEBIN%",wA=e=>e.dom.get("mcepastebin"),EA=e=>C(e)&&"mcepastebin"===e.id,_A=e=>e===CA,xA=(e,t)=>(an.each(t,(t=>{e=u(t,RegExp)?e.replace(t,""):e.replace(t[0],t[1])})),e),SA=e=>xA(e,[/^[\s\S]*<body[^>]*>\s*|\s*<\/body[^>]*>[\s\S]*$/gi,/<!--StartFragment-->|<!--EndFragment-->/g,[/( ?)<span class="Apple-converted-space">\u00a0<\/span>( ?)/g,(e,t,n)=>t||n?it:" "],/<br class="Apple-interchange-newline">/g,/<br>$/i]),kA=(e,t)=>({content:e,cancelled:t}),NA=(e,t)=>(e.insertContent(t,{merge:Kc(e),paste:!0}),!0),RA=e=>/^https?:\/\/[\w\-\/+=.,!;:&%@^~(){}?#]+$/i.test(e),AA=(e,t,n)=>!(e.selection.isCollapsed()||!RA(t))&&((e,t,n)=>(e.undoManager.extra((()=>{n(e,t)}),(()=>{e.execCommand("mceInsertLink",!1,t)})),!0))(e,t,n),TA=(e,t,n)=>!!((e,t)=>RA(t)&&$(iu(e),(e=>Ge(t.toLowerCase(),`.${e.toLowerCase()}`))))(e,t)&&((e,t,n)=>(e.undoManager.extra((()=>{n(e,t)}),(()=>{e.insertContent('<img src="'+t+'">')})),!0))(e,t,n),OA=(()=>{let e=0;return()=>"mceclip"+e++})(),BA=e=>{const t=Ck();return wk(t,e),fk(t),t},PA=(e,t,n,o,r)=>{const s=((e,t,n)=>((e,t,n)=>{const o=((e,t,n)=>e.dispatch("PastePreProcess",{content:t,internal:n}))(e,t,n),r=((e,t)=>{const n=KC({sanitize:su(e),sandbox_iframes:uu(e),sandbox_iframes_exclusions:mu(e),convert_unsafe_embeds:fu(e)},e.schema);n.addNodeFilter("meta",(e=>{an.each(e,(e=>{e.remove()}))}));const o=n.parse(t,{forced_root_block:!1,isRootContent:!0});return Tp({validate:!0},e.schema).serialize(o)})(e,o.content);return e.hasEventListeners("PastePostProcess")&&!o.isDefaultPrevented()?((e,t,n)=>{const o=e.dom.create("div",{style:"display:none"},t),r=((e,t,n)=>e.dispatch("PastePostProcess",{node:t,internal:n}))(e,o,n);return kA(r.node.innerHTML,r.isDefaultPrevented())})(e,r,n):kA(r,o.isDefaultPrevented())})(e,t,n))(e,t,n);if(!s.cancelled){const t=s.content,n=()=>((e,t,n)=>{n||!Yc(e)?NA(e,t):((e,t)=>{an.each([AA,TA,NA],(n=>!n(e,t,NA)))})(e,t)})(e,t,o);r?iR(e,"insertFromPaste",{dataTransfer:BA(t)}).isDefaultPrevented()||(n(),aR(e,"insertFromPaste")):n()}},DA=(e,t,n,o)=>{const r=n||yA(t);PA(e,(e=>e.replace(bA,""))(t),r,!1,o)},LA=(e,t,n)=>{const o=e.dom.encode(t).replace(/\r\n/g,"\n"),r=((e,t,n)=>{const o=e.split(/\n\n/),r=((e,t)=>{let n="<"+e;const o=we(t,((e,t)=>t+'="'+ua.encodeAllRaw(e)+'"'));return o.length&&(n+=" "+o.join(" ")),n+">"})(t,n),s="</"+t+">",a=V(o,(e=>e.split(/\n/).join("<br />")));return 1===a.length?a[0]:V(a,(e=>r+e+s)).join("")})(Hr(o,Xc(e)),Ad(e),Td(e));PA(e,r,!1,!0,n)},MA=e=>{const t={};if(e&&e.types)for(let n=0;n<e.types.length;n++){const o=e.types[n];try{t[o]=e.getData(o)}catch(e){t[o]=""}}return t},IA=(e,t)=>t in e&&e[t].length>0,FA=e=>IA(e,"text/html")||IA(e,"text/plain"),UA=(e,t,n)=>{const o="paste"===t.type?t.clipboardData:t.dataTransfer;var r;if(jc(e)&&o){const s=((e,t)=>{const n=t.items?te(ce(t.items),(e=>"file"===e.kind?[e.getAsFile()]:[])):[],o=t.files?ce(t.files):[];return Y(n.length>0?n:o,(e=>{const t=iu(e);return e=>Ye(e.type,"image/")&&$(t,(t=>(e=>{const t=e.toLowerCase(),n={jpg:"jpeg",jpe:"jpeg",jfi:"jpeg",jif:"jpeg",jfif:"jpeg",pjpeg:"jpeg",pjp:"jpeg",svg:"svg+xml"};return an.hasOwn(n,t)?"image/"+n[t]:"image/"+t})(t)===e.type))})(e))})(e,o);if(s.length>0)return t.preventDefault(),(r=s,Promise.all(V(r,(e=>by(e).then((t=>({file:e,uri:t}))))))).then((t=>{n&&e.selection.setRng(n),q(t,(t=>{((e,t)=>{py(t.uri).each((({data:n,type:o,base64Encoded:r})=>{const s=r?n:btoa(n),a=t.file,i=e.editorUpload.blobCache,l=i.getByData(s,o),d=null!=l?l:((e,t,n,o)=>{const r=OA(),s=Id(e)&&C(n.name),a=s?((e,t)=>{const n=t.match(/([\s\S]+?)(?:\.[a-z0-9.]+)$/i);return C(n)?e.dom.encode(n[1]):void 0})(e,n.name):r,i=s?n.name:void 0,l=t.create(r,n,o,a,i);return t.add(l),l})(e,i,a,s);DA(e,`<img src="${d.blobUri()}">`,!1,!0)}))})(e,t)}))})),!0}return!1},zA=(e,t,n,o,r)=>{let s=SA(n);const a=IA(t,hA())||yA(n),i=!a&&(e=>!/<(?:\/?(?!(?:div|p|br|span)>)\w+|(?:(?!(?:span style="white-space:\s?pre;?">)|br\s?\/>))\w+\s[^>]+)>/i.test(e))(s),l=RA(s);(_A(s)||!s.length||i&&!l)&&(o=!0),(o||l)&&(s=IA(t,"text/plain")&&i?t["text/plain"]:(e=>{const t=Ra(),n=KC({},t);let o="";const r=t.getVoidElements(),s=an.makeMap("script noscript style textarea video audio iframe object"," "),a=t.getBlockElements(),i=e=>{const n=e.name,l=e;if("br"!==n){if("wbr"!==n)if(r[n]&&(o+=" "),s[n])o+=" ";else{if(3===e.type&&(o+=e.value),!(e.name in t.getVoidElements())){let t=e.firstChild;if(t)do{i(t)}while(t=t.next)}a[n]&&l.next&&(o+="\n","p"===n&&(o+="\n"))}}else o+="\n"};return e=xA(e,[/<!\[[^\]]+\]>/g]),i(n.parse(e)),o})(s)),_A(s)||(o?LA(e,s,r):DA(e,s,a,r))},jA=(e,t,n)=>{((e,t,n)=>{let o;e.on("keydown",(e=>{(e=>wg.metaKeyPressed(e)&&86===e.keyCode||e.shiftKey&&45===e.keyCode)(e)&&!e.isDefaultPrevented()&&(o=e.shiftKey&&86===e.keyCode)})),e.on("paste",(r=>{if(r.isDefaultPrevented()||(e=>{var t,n;return nn.os.isAndroid()&&0===(null===(n=null===(t=e.clipboardData)||void 0===t?void 0:t.items)||void 0===n?void 0:n.length)})(r))return;const s="text"===n.get()||o;o=!1;const a=MA(r.clipboardData);!FA(a)&&UA(e,r,t.getLastRng()||e.selection.getRng())||(IA(a,"text/html")?(r.preventDefault(),zA(e,a,a["text/html"],s,!0)):IA(a,"text/plain")&&IA(a,"text/uri-list")?(r.preventDefault(),zA(e,a,a["text/plain"],s,!0)):(t.create(),sg.setEditorTimeout(e,(()=>{const n=t.getHtml();t.remove(),zA(e,a,n,s,!1)}),0)))}))})(e,t,n),(e=>{const t=e=>Ye(e,"webkit-fake-url"),n=e=>Ye(e,"data:");e.parser.addNodeFilter("img",((o,r,s)=>{if(!jc(e)&&(e=>{var t;return!0===(null===(t=e.data)||void 0===t?void 0:t.paste)})(s))for(const r of o){const o=r.attr("src");m(o)&&!r.attr("data-mce-object")&&o!==nn.transparentSrc&&(t(o)||!Zc(e)&&n(o))&&r.remove()}}))})(e)},HA=(e,t,n,o)=>{((e,t,n)=>{if(!e)return!1;try{return e.clearData(),e.setData("text/html",t),e.setData("text/plain",n),e.setData(hA(),t),!0}catch(e){return!1}})(e.clipboardData,t.html,t.text)?(e.preventDefault(),o()):n(t.html,o)},$A=e=>(t,n)=>{const{dom:o,selection:r}=e,s=o.create("div",{contenteditable:"false","data-mce-bogus":"all"}),a=o.create("div",{contenteditable:"true"},t);o.setStyles(s,{position:"fixed",top:"0",left:"-3000px",width:"1000px",overflow:"hidden"}),s.appendChild(a),o.add(e.getBody(),s);const i=r.getRng();a.focus();const l=o.createRng();l.selectNodeContents(a),r.setRng(l),sg.setEditorTimeout(e,(()=>{r.setRng(i),o.remove(s),n()}),0)},VA=e=>({html:vA(e.selection.getContent({contextual:!0})),text:e.selection.getContent({format:"text"})}),qA=e=>!e.selection.isCollapsed()||(e=>!!e.dom.getParent(e.selection.getStart(),"td[data-mce-selected],th[data-mce-selected]",e.getBody()))(e),WA=(e,t)=>{var n,o;return Fg.getCaretRangeFromPoint(null!==(n=t.clientX)&&void 0!==n?n:0,null!==(o=t.clientY)&&void 0!==o?o:0,e.getDoc())},KA=(e,t)=>{e.focus(),t&&e.selection.setRng(t)},YA=/rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi,GA=e=>an.trim(e).replace(YA,Ma).toLowerCase(),XA=(e,t,n)=>{const o=qc(e);if(n||"all"===o||!Wc(e))return t;const r=o?o.split(/[, ]/):[];if(r&&"none"!==o){const n=e.dom,o=e.selection.getNode();t=t.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi,((e,t,s,a)=>{const i=n.parseStyle(n.decode(s)),l={};for(let e=0;e<r.length;e++){const t=i[r[e]];let s=t,a=n.getStyle(o,r[e],!0);/color/.test(r[e])&&(s=GA(s),a=GA(a)),a!==s&&(l[r[e]]=t)}const d=n.serializeStyle(l,"span");return d?t+' style="'+d+'"'+a:t+a}))}else t=t.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi,"$1$3");return t=t.replace(/(<[^>]+) data-mce-style="([^"]+)"([^>]*>)/gi,((e,t,n,o)=>t+' style="'+n+'"'+o)),t},ZA=e=>{const t=Ne(!1),n=Ne(Gc(e)?"text":"html"),o=(e=>{const t=Ne(null);return{create:()=>((e,t)=>{const{dom:n,selection:o}=e,r=e.getBody();t.set(o.getRng());const s=n.add(e.getBody(),"div",{id:"mcepastebin",class:"mce-pastebin",contentEditable:!0,"data-mce-bogus":"all",style:"position: fixed; top: 50%; width: 10px; height: 10px; overflow: hidden; opacity: 0"},CA);nn.browser.isFirefox()&&n.setStyle(s,"left","rtl"===n.getStyle(r,"direction",!0)?65535:-65535),n.bind(s,"beforedeactivate focusin focusout",(e=>{e.stopPropagation()})),s.focus(),o.select(s,!0)})(e,t),remove:()=>((e,t)=>{const n=e.dom;if(wA(e)){let o;const r=t.get();for(;o=wA(e);)n.remove(o),n.unbind(o);r&&e.selection.setRng(r)}t.set(null)})(e,t),getEl:()=>wA(e),getHtml:()=>(e=>{const t=e.dom,n=(e,n)=>{e.appendChild(n),t.remove(n,!0)},[o,...r]=Y(e.getBody().childNodes,EA);q(r,(e=>{n(o,e)}));const s=t.select("div[id=mcepastebin]",o);for(let e=s.length-1;e>=0;e--){const r=t.create("div");o.insertBefore(r,s[e]),n(r,s[e])}return o?o.innerHTML:""})(e),getLastRng:t.get}})(e);(e=>{(nn.browser.isChromium()||nn.browser.isSafari())&&((e,t)=>{e.on("PastePreProcess",(n=>{n.content=t(e,n.content,n.internal)}))})(e,XA)})(e),((e,t)=>{e.addCommand("mceTogglePlainTextPaste",(()=>{((e,t)=>{"text"===t.get()?(t.set("html"),gd(e,!1)):(t.set("text"),gd(e,!0)),e.focus()})(e,t)})),e.addCommand("mceInsertClipboardContent",((t,n)=>{n.html&&DA(e,n.html,n.internal,!1),n.text&&LA(e,n.text,!1)}))})(e,n),(e=>{const t=t=>n=>{t(e,n)},n=Hc(e);w(n)&&e.on("PastePreProcess",t(n));const o=$c(e);w(o)&&e.on("PastePostProcess",t(o))})(e),e.addQueryStateHandler("mceTogglePlainTextPaste",(()=>"text"===n.get())),e.on("PreInit",(()=>{(e=>{e.on("cut",(e=>t=>{!t.isDefaultPrevented()&&qA(e)&&e.selection.isEditable()&&HA(t,VA(e),$A(e),(()=>{if(nn.browser.isChromium()||nn.browser.isFirefox()){const t=e.selection.getRng();sg.setEditorTimeout(e,(()=>{e.selection.setRng(t),e.execCommand("Delete")}),0)}else e.execCommand("Delete")}))})(e)),e.on("copy",(e=>t=>{!t.isDefaultPrevented()&&qA(e)&&HA(t,VA(e),$A(e),x)})(e))})(e),((e,t)=>{zc(e)&&e.on("dragend dragover draggesture dragdrop drop drag",(e=>{e.preventDefault(),e.stopPropagation()})),jc(e)||e.on("drop",(e=>{const t=e.dataTransfer;t&&(e=>$(e.files,(e=>/^image\//.test(e.type))))(t)&&e.preventDefault()})),e.on("drop",(n=>{if(n.isDefaultPrevented())return;const o=WA(e,n);if(y(o))return;const r=MA(n.dataTransfer),s=IA(r,hA());if((!FA(r)||(e=>{const t=e["text/plain"];return!!t&&0===t.indexOf("file://")})(r))&&UA(e,n,o))return;const a=r[hA()],i=a||r["text/html"]||r["text/plain"],l=((e,t,n,o)=>{const r=e.getParent(n,(e=>js(t,e)));if(!h(e.getParent(n,"summary")))return!0;if(r&&xe(o,"text/html")){const e=(new DOMParser).parseFromString(o["text/html"],"text/html").body;return!h(e.querySelector(r.nodeName.toLowerCase()))}return!1})(e.dom,e.schema,o.startContainer,r),d=t.get();d&&!l||i&&(n.preventDefault(),sg.setEditorTimeout(e,(()=>{e.undoManager.transact((()=>{(a||d&&l)&&e.execCommand("Delete"),KA(e,o);const t=SA(i);r["text/html"]?DA(e,t,s,!0):LA(e,t,!0)}))})))})),e.on("dragstart",(e=>{t.set(!0)})),e.on("dragover dragend",(n=>{jc(e)&&!t.get()&&(n.preventDefault(),KA(e,WA(e,n))),"dragend"===n.type&&t.set(!1)})),(e=>{e.on("input",(t=>{const n=e=>h(e.querySelector("summary"));if("deleteByDrag"===t.inputType){const t=Y(e.dom.select("details"),n);q(t,(t=>{as(t.firstChild)&&t.firstChild.remove();const n=e.dom.create("summary");n.appendChild(Oi().dom),t.prepend(n)}))}}))})(e)})(e,t),jA(e,o,n)}))},QA=as,JA=es,eT=e=>cs(e.dom),tT=e=>t=>Cn(mn(e),t),nT=(e,t)=>tr(mn(e),eT,tT(t)),oT=(e,t,n)=>{const o=new Fr(e,t),r=n?o.next.bind(o):o.prev.bind(o);let s=e;for(let t=n?e:r();t&&!QA(t);t=r())fl(t)&&(s=t);return s},rT=e=>{const t=((e,t,n)=>{const o=Pl.fromRangeStart(e).getNode(),r=((e,t,n)=>tr(mn(e),(e=>(e=>ds(e.dom))(e)||n.isBlock(_n(e))),tT(t)).getOr(mn(t)).dom)(o,t,n),s=oT(o,r,!1),a=oT(o,r,!0),i=document.createRange();return nT(s,r).fold((()=>{JA(s)?i.setStart(s,0):i.setStartBefore(s)}),(e=>i.setStartBefore(e.dom))),nT(a,r).fold((()=>{JA(a)?i.setEnd(a,a.data.length):i.setEndAfter(a)}),(e=>i.setEndAfter(e.dom))),i})(e.selection.getRng(),e.getBody(),e.schema);e.selection.setRng(Hb(t))};var sT;!function(e){e.Before="before",e.After="after"}(sT||(sT={}));const aT=(e,t)=>Math.abs(e.left-t),iT=(e,t)=>Math.abs(e.right-t),lT=(e,t)=>(e=>X(e,((e,t)=>e.fold((()=>I?.some(t)),(e=>{const n=Math.min(t.left,e.left),o=Math.min(t.top,e.top),r=Math.max(t.right,e.right),s=Math.max(t.bottom,e.bottom);return I?.some({top:o,right:r,bottom:s,left:n,width:r-n,height:s-o})}))),I.none()))(Y(e,(e=>{return(n=t)>=(o=e).top&&n<=o.bottom;var n,o}))).fold((()=>[[],e]),(t=>{const{pass:n,fail:o}=K(e,(e=>((e,t)=>{const n=((e,t)=>Math.max(0,Math.min(e.bottom,t.bottom)-Math.max(e.top,t.top)))(e,t)/Math.min(e.height,t.height);return((e,t)=>e.top<t.bottom&&e.bottom>t.top)(e,t)&&n>.5})(e,t)));return[n,o]})),dT=(e,t,n)=>t>e.left&&t<e.right?0:Math.min(Math.abs(e.left-t),Math.abs(e.right-t)),cT=(e,t,n,o)=>{const r=e=>fl(e.node)?I?.some(e):qr(e.node)?cT(ce(e.node.childNodes),t,n,!1):I.none(),s=(e,s)=>{const a=ae(e,((e,o)=>s(e,t,n)-s(o,t,n)));return ue(a,r)?.map((e=>o&&!es(e.node)&&a.length>1?((e,o,s)=>r(o).filter((o=>Math.abs(s(e,t,n)-s(o,t,n))<2&&es(o.node))))(e,a[1],s).getOr(e):e))},[a,i]=lT(Rx(e),n),{pass:l,fail:d}=K(i,(e=>e.top<n));return s(a,dT).orThunk((()=>s(d,el))).orThunk((()=>s(l,el)))},uT=(e,t,n)=>((e,t,n)=>{const o=mn(e),r=Pn(o),s=fn(r,t,n).filter((e=>wn(o,e))).getOr(o);return((e,t,n,o)=>{const r=(t,s)=>{const a=Y(t.dom.childNodes,O((e=>qr(e)&&e.classList.contains("mce-drag-container"))));return s.fold((()=>cT(a,n,o,!0)),(e=>{const t=Y(a,(t=>t!==e.dom));return cT(t,n,o,!0)})).orThunk((()=>(Cn(t,e)?I.none():Mn(t)).bind((e=>r(e,I?.some(t))))))};return r(t,I.none())})(o,s,t,n)})(e,t,n).filter((e=>Bu(e.node)))?.map((e=>((e,t)=>({node:e.node,position:aT(e,t)<iT(e,t)?sT.Before:sT.After}))(e,t))),mT=e=>{var t,n;const o=e.getBoundingClientRect(),r=e.ownerDocument,s=r.documentElement,a=r.defaultView;return{top:o.top+(null!==(t=null==a?void 0:a.scrollY)&&void 0!==t?t:0)-s.clientTop,left:o.left+(null!==(n=null==a?void 0:a.scrollX)&&void 0!==n?n:0)-s.clientLeft}},fT=e=>({target:e,srcElement:e}),gT=(e,t,n,o)=>{const r=((e,t)=>{const n=(e=>{const t=Ck(),n=(e=>{const t=e;return I.from(t[dk])})(e);return fk(e),sk(t),t.dropEffect=e.dropEffect,t.effectAllowed=e.effectAllowed,(e=>{const t=e;return I.from(t[nk])})(e).each((e=>t.setDragImage(e.image,e.x,e.y))),q(e.types,(n=>{"Files"!==n&&t.setData(n,e.getData(n))})),q(e.files,(e=>t.items.add(e))),(e=>{const t=e;return I.from(t[ok])})(e).each((e=>{((e,t)=>{rk(t)(e)})(t,e)})),n.each((n=>{uk(e,n),uk(t,n)})),t})(e);return"dragstart"===t?(sk(n),mk(n)):"drop"===t?(ak(n),fk(n)):(ik(n),gk(n)),n})(n,e);return v(o)?((e,t,n)=>{const o=B("Function not supported on simulated event.");return{bubbles:!0,cancelBubble:!1,cancelable:!0,composed:!1,currentTarget:null,defaultPrevented:!1,eventPhase:0,isTrusted:!0,returnValue:!1,timeStamp:0,type:e,composedPath:o,initEvent:o,preventDefault:x,stopImmediatePropagation:x,stopPropagation:x,AT_TARGET:window.Event.AT_TARGET,BUBBLING_PHASE:window.Event.BUBBLING_PHASE,CAPTURING_PHASE:window.Event.CAPTURING_PHASE,NONE:window.Event.NONE,altKey:!1,button:0,buttons:0,clientX:0,clientY:0,ctrlKey:!1,layerX:0,layerY:0,metaKey:!1,movementX:0,movementY:0,offsetX:0,offsetY:0,pageX:0,pageY:0,relatedTarget:null,screenX:0,screenY:0,shiftKey:!1,x:0,y:0,detail:0,view:null,which:0,initUIEvent:o,initMouseEvent:o,getModifierState:o,dataTransfer:n,...fT(t)}})(e,t,r):((e,t,n,o)=>({...t,dataTransfer:o,type:e,...fT(n)}))(e,o,t,r)},pT=cs,hT=((...e)=>t=>{for(let n=0;n<e.length;n++)if(e[n](t))return!0;return!1})(pT,ds),bT=(e,t,n,o)=>{const r=e.dom,s=t.cloneNode(!0);r.setStyles(s,{width:n,height:o}),r.setAttrib(s,"data-mce-selected",null);const a=r.create("div",{class:"mce-drag-container","data-mce-bogus":"all",unselectable:"on",contenteditable:"false"});return r.setStyles(a,{position:"absolute",opacity:.5,overflow:"hidden",border:0,padding:0,margin:0,width:n,height:o}),r.setStyles(s,{margin:0,boxSizing:"border-box"}),a.appendChild(s),a},vT=(e,t)=>n=>()=>{const o="left"===e?n.scrollX:n.scrollY;n.scroll({[e]:o+t,behavior:"smooth"})},yT=vT("left",-32),CT=vT("left",32),wT=vT("top",-32),ET=vT("top",32),_T=e=>{e&&e.parentNode&&e.parentNode.removeChild(e)},xT=(e,t,n,o,r)=>{"dragstart"===t&&wk(o,e.dom.getOuterHTML(n));const s=gT(t,n,o,r);return e.dispatch(t,s)},ST=(e,t)=>{const n=ot(((e,n)=>((e,t,n)=>{e._selectionOverrides.hideFakeCaret(),uT(e.getBody(),t,n).fold((()=>e.selection.placeCaretAt(t,n)),(o=>{const r=e._selectionOverrides.showCaret(1,o.node,o.position===sT.Before,!1);r?e.selection.setRng(r):e.selection.placeCaretAt(t,n)}))})(t,e,n)),0);t.on("remove",n.cancel);const o=e;return r=>e.on((e=>{const s=Math.max(Math.abs(r.screenX-e.screenX),Math.abs(r.screenY-e.screenY));if(!e.dragging&&s>10){const n=xT(t,"dragstart",e.element,e.dataTransfer,r);if(C(n.dataTransfer)&&(e.dataTransfer=n.dataTransfer),n.isDefaultPrevented())return;e.dragging=!0,t.focus()}if(e.dragging){const s=r.currentTarget===t.getDoc().documentElement,l=((e,t)=>({pageX:t.pageX-e.relX,pageY:t.pageY+5}))(e,((e,t)=>{return n=(e=>e.inline?mT(e.getBody()):{left:0,top:0})(e),o=(e=>{const t=e.getBody();return e.inline?{left:t.scrollLeft,top:t.scrollTop}:{left:0,top:0}})(e),r=((e,t)=>{if(t.target.ownerDocument!==e.getDoc()){const n=mT(e.getContentAreaContainer()),o=(e=>{const t=e.getBody(),n=e.getDoc().documentElement,o={left:t.scrollLeft,top:t.scrollTop},r={left:t.scrollLeft||n.scrollLeft,top:t.scrollTop||n.scrollTop};return e.inline?o:r})(e);return{left:t.pageX-n.left+o.left,top:t.pageY-n.top+o.top}}return{left:t.pageX,top:t.pageY}})(e,t),{pageX:r.left-n.left+o.left,pageY:r.top-n.top+o.top};var n,o,r})(t,r));a=e.ghost,i=t.getBody(),a.parentNode!==i&&i.appendChild(a),((e,t,n,o,r,s,a,i,l,d,c,u)=>{let m=0,f=0;e.style.left=t.pageX+"px",e.style.top=t.pageY+"px",t.pageX+n>r&&(m=t.pageX+n-r),t.pageY+o>s&&(f=t.pageY+o-s),e.style.width=n-m+"px",e.style.height=o-f+"px";const g=l.clientHeight,p=l.clientWidth,h=a+l.getBoundingClientRect().top,b=i+l.getBoundingClientRect().left;c.on((e=>{e.intervalId.clear(),e.dragging&&u&&(a+8>=g?e.intervalId.set(ET(d)):a-8<=0?e.intervalId.set(wT(d)):i+8>=p?e.intervalId.set(CT(d)):i-8<=0?e.intervalId.set(yT(d)):h+16>=window.innerHeight?e.intervalId.set(ET(window)):h-16<=0?e.intervalId.set(wT(window)):b+16>=window.innerWidth?e.intervalId.set(CT(window)):b-16<=0&&e.intervalId.set(yT(window)))}))})(e.ghost,l,e.width,e.height,e.maxX,e.maxY,r.clientY,r.clientX,t.getContentAreaContainer(),t.getWin(),o,s),n.throttle(r.clientX,r.clientY)}var a,i}))},kT=(e,t,n)=>{e.on((e=>{e.intervalId.clear(),e.dragging&&n.fold((()=>xT(t,"dragend",e.element,e.dataTransfer)),(n=>xT(t,"dragend",e.element,e.dataTransfer,n)))})),NT(e)},NT=e=>{e.on((e=>{e.intervalId.clear(),_T(e.ghost)})),e.clear()},RT=e=>{const t=Ve(),n=ni.DOM,o=document,r=((e,t)=>n=>{if((e=>0===e.button)(n)){const o=Q(t.dom.getParents(n.target),hT).getOr(null);if(C(o)&&((e,t,n)=>pT(n)&&n!==t&&e.isEditable(n.parentElement))(t.dom,t.getBody(),o)){const r=t.dom.getPos(o),s=t.getBody(),a=t.getDoc().documentElement;e.set({element:o,dataTransfer:Ck(),dragging:!1,screenX:n.screenX,screenY:n.screenY,maxX:(t.inline?s.scrollWidth:a.offsetWidth)-2,maxY:(t.inline?s.scrollHeight:a.offsetHeight)-2,relX:n.pageX-r.x,relY:n.pageY-r.y,width:o.offsetWidth,height:o.offsetHeight,ghost:bT(t,o,o.offsetWidth,o.offsetHeight),intervalId:$e(100)})}}})(t,e),s=ST(t,e),a=((e,t)=>n=>{e.on((e=>{var o;if(e.intervalId.clear(),e.dragging){if(((e,t,n)=>!y(t)&&t!==n&&!e.dom.isChildOf(t,n)&&e.dom.isEditable(t))(t,(e=>{const t=e.getSel();if(C(t)){const e=t.getRangeAt(0).startContainer;return es(e)?e.parentNode:e}return null})(t.selection),e.element)){const r=null!==(o=t.getDoc().elementFromPoint(n.clientX,n.clientY))&&void 0!==o?o:t.getBody();xT(t,"drop",r,e.dataTransfer,n).isDefaultPrevented()||t.undoManager.transact((()=>{((e,t)=>{const n=e.getParent(t.parentNode,e.isBlock);_T(t),n&&n!==e.getRoot()&&e.isEmpty(n)&&Bi(mn(n))})(t.dom,e.element),(e=>{const t=e.getData("text/html");return""===t?I.none():I?.some(t)})(e.dataTransfer).each((e=>t.insertContent(e))),t._selectionOverrides.hideFakeCaret()}))}xT(t,"dragend",t.getBody(),e.dataTransfer,n)}})),NT(e)})(t,e),i=((e,t)=>n=>kT(e,t,I?.some(n)))(t,e);e.on("mousedown",r),e.on("mousemove",s),e.on("mouseup",a),n.bind(o,"mousemove",s),n.bind(o,"mouseup",i),e.on("remove",(()=>{n.unbind(o,"mousemove",s),n.unbind(o,"mouseup",i)})),e.on("keydown",(n=>{n.keyCode===wg.ESC&&kT(t,e,I.none())}))},AT=cs,TT=(e,t)=>Nb(e.getBody(),t),OT=e=>{const t=e.selection,n=e.dom,o=e.getBody(),r=Au(e,o,n.isBlock,(()=>vg(e))),s="sel-"+n.uniqueId(),a="data-mce-selected";let i;const l=e=>e!==o&&(AT(e)||gs(e))&&n.isChildOf(e,o)&&n.isEditable(e.parentNode),d=(n,o,s,a=!0)=>e.dispatch("ShowCaret",{target:o,direction:n,before:s}).isDefaultPrevented()?null:(a&&t.scrollIntoView(o,-1===n),r.show(s,o)),c=e=>zi(e)||Vi(e)||qi(e),u=e=>c(e.startContainer)||c(e.endContainer),m=t=>{const o=e.schema.getVoidElements(),r=n.createRng(),s=t.startContainer,a=t.startOffset,i=t.endContainer,l=t.endOffset;return xe(o,s.nodeName.toLowerCase())?0===a?r.setStartBefore(s):r.setStartAfter(s):r.setStart(s,a),xe(o,i.nodeName.toLowerCase())?0===l?r.setEndBefore(i):r.setEndAfter(i):r.setEnd(i,l),r},f=(r,c)=>{if(!r)return null;if(r.collapsed){if(!u(r)){const e=c?1:-1,t=nm(e,o,r),s=t.getNode(!c);if(C(s)){if(Bu(s))return d(e,s,!!c&&!t.isAtEnd(),!1);if(Ui(s)&&cs(s.nextSibling)){const e=n.createRng();return e.setStart(s,0),e.setEnd(s,0),e}}const a=t.getNode(c);if(C(a)){if(Bu(a))return d(e,a,!c&&!t.isAtEnd(),!1);if(Ui(a)&&cs(a.previousSibling)){const e=n.createRng();return e.setStart(a,1),e.setEnd(a,1),e}}}return null}let m=r.startContainer,f=r.startOffset;const g=r.endOffset;if(es(m)&&0===f&&AT(m.parentNode)&&(m=m.parentNode,f=n.nodeIndex(m),m=m.parentNode),!qr(m))return null;if(g===f+1&&m===r.endContainer){const o=m.childNodes[f];if(l(o))return(o=>{const r=o.cloneNode(!0),l=e.dispatch("ObjectSelected",{target:o,targetClone:r});if(l.isDefaultPrevented())return null;const d=((o,r)=>{const a=mn(e.getBody()),i=e.getDoc(),l=rr(a,"#"+s).getOrThunk((()=>{const e=dn('<div data-mce-bogus="all" class="mce-offscreen-selection"></div>',i);return go(e,"id",s),co(a,e),e})),d=n.createRng();wo(l),mo(l,[un(it,i),mn(r),un(it,i)]),d.setStart(l.dom.firstChild,1),d.setEnd(l.dom.lastChild,0),Do(l,{top:n.getPos(o,e.getBody()).y+"px"}),oo(l);const c=t.getSel();return c&&(c.removeAllRanges(),c.addRange(d)),d})(o,l.targetClone),c=mn(o);return q(vr(mn(e.getBody()),`*[${a}]`),(e=>{Cn(c,e)||yo(e,a)})),n.getAttrib(o,a)||o.setAttribute(a,"1"),i=o,p(),d})(o)}return null},g=()=>{i&&i.removeAttribute(a),rr(mn(e.getBody()),"#"+s).each(Eo),i=null},p=()=>{r.hide()};return Nw(e)||(e.on("click",(t=>{n.isEditable(t.target)||(t.preventDefault(),e.focus())})),e.on("blur NewBlock",g),e.on("ResizeWindow FullscreenStateChanged",r.reposition),e.on("tap",(t=>{const n=t.target,o=TT(e,n);AT(o)?(t.preventDefault(),m_(e,o).each(f)):l(n)&&m_(e,n).each(f)}),!0),e.on("mousedown",(r=>{const s=r.target;if(s!==o&&"HTML"!==s.nodeName&&!n.isChildOf(s,o))return;if(!((e,t,n)=>{const o=mn(e.getBody()),r=e.inline?o:mn(Pn(o).dom.documentElement),s=((e,t,n,o)=>{const r=(e=>e.dom.getBoundingClientRect())(t);return{x:n-(e?r.left+t.dom.clientLeft+aE(t):0),y:o-(e?r.top+t.dom.clientTop+sE(t):0)}})(e.inline,r,t,n);return((e,t,n)=>{const o=oE(e),r=rE(e);return t>=0&&n>=0&&t<=o&&n<=r})(r,s.x,s.y)})(e,r.clientX,r.clientY))return;g(),p();const a=TT(e,s);AT(a)?(r.preventDefault(),m_(e,a).each(f)):uT(o,r.clientX,r.clientY).each((n=>{var o;r.preventDefault(),(o=d(1,n.node,n.position===sT.Before,!1))&&t.setRng(o),Wr(a)?a.focus():e.getBody().focus()}))})),e.on("keypress",(e=>{wg.modifierPressed(e)||AT(t.getNode())&&e.preventDefault()})),e.on("GetSelectionRange",(e=>{let t=e.range;if(i){if(!i.parentNode)return void(i=null);t=t.cloneRange(),t.selectNode(i),e.range=t}})),e.on("focusin",(t=>{if(r.isShowing()&&e.getBody().contains(t.target)&&t.target!==e.getBody()&&!e.dom.isEditable(t.target.parentNode)){r.hide(),t.target.contains(e.selection.getNode())||(e.selection.select(t.target,!0),e.selection.collapse(!0));const n=f(e.selection.getRng(),!0);n&&e.selection.setRng(n)}})),e.on("SetSelectionRange",(e=>{e.range=m(e.range);const t=f(e.range,e.forward);t&&(e.range=t)})),e.on("AfterSetSelectionRange",(e=>{const t=e.range,o=t.startContainer.parentElement;var r;u(t)||qr(r=o)&&"mcepastebin"===r.id||p(),(e=>C(e)&&n.hasClass(e,"mce-offscreen-selection"))(o)||g()})),(e=>{RT(e),Ac(e)&&(e=>{const t=t=>{if(!t.isDefaultPrevented()){const n=t.dataTransfer;n&&(H(n.types,"Files")||n.files.length>0)&&(t.preventDefault(),"drop"===t.type&&mE(e,"Dropped file type is not supported"))}},n=n=>{mg(e,n.target)&&t(n)},o=()=>{const o=ni.DOM,r=e.dom,s=document,a=e.inline?e.getBody():e.getDoc(),i=["drop","dragover"];q(i,(e=>{o.bind(s,e,n),r.bind(a,e,t)})),e.on("remove",(()=>{q(i,(e=>{o.unbind(s,e,n),r.unbind(a,e,t)}))}))};e.on("init",(()=>{sg.setEditorTimeout(e,o,0)}))})(e)})(e),(e=>{const t=ot((()=>{if(!e.removed&&e.getBody().contains(document.activeElement)){const t=e.selection.getRng();if(t.collapsed){const n=f_(e,t,!1);e.selection.setRng(n)}}}),0);e.on("focus",(()=>{t.throttle()})),e.on("blur",(()=>{t.cancel()}))})(e),(e=>{e.on("init",(()=>{e.on("focusin",(t=>{const n=t.target;if(gs(n)){const t=Nb(e.getBody(),n),o=cs(t)?t:n;e.selection.getNode()!==o&&m_(e,o).each((t=>e.selection.setRng(t)))}}))}))})(e)),{showCaret:d,showBlockCaretContainer:e=>{e.hasAttribute("data-mce-caret")&&(Wi(e),t.scrollIntoView(e))},hideFakeCaret:p,destroy:()=>{r.destroy(),i=null}}},BT=(e,t)=>{let n=t;for(let t=e.previousSibling;es(t);t=t.previousSibling)n+=t.data.length;return n},PT=(e,t,n,o,r)=>{if(es(n)&&(o<0||o>n.data.length))return[];const s=r&&es(n)?[BT(n,o)]:[o];let a=n;for(;a!==t&&a.parentNode;)s.push(e.nodeIndex(a,r)),a=a.parentNode;return a===t?s.reverse():[]},DT=(e,t,n,o,r,s,a=!1)=>({start:PT(e,t,n,o,a),end:PT(e,t,r,s,a)}),LT=(e,t)=>{const n=t.slice(),o=n.pop();return E(o)?X(n,((e,t)=>e.bind((e=>I.from(e.childNodes[t])))),I?.some(e)).bind((e=>es(e)&&(o<0||o>e.data.length)?I.none():I?.some({node:e,offset:o}))):I.none()},MT=(e,t)=>LT(e,t.start).bind((({node:n,offset:o})=>LT(e,t.end)?.map((({node:e,offset:t})=>{const r=document.createRange();return r.setStart(n,o),r.setEnd(e,t),r})))),IT=(e,t,n)=>{if(t&&e.isEmpty(t)&&!n(t)){const o=t.parentNode;e.remove(t,es(t.firstChild)&&zr(t.firstChild.data)),IT(e,o,n)}},FT=(e,t,n,o=!0)=>{const r=t.startContainer.parentNode,s=t.endContainer.parentNode;t.deleteContents(),o&&!n(t.startContainer)&&(es(t.startContainer)&&0===t.startContainer.data.length&&e.remove(t.startContainer),es(t.endContainer)&&0===t.endContainer.data.length&&e.remove(t.endContainer),IT(e,r,n),r!==s&&IT(e,s,n))},UT=(e,t)=>I.from(e.dom.getParent(t.startContainer,e.dom.isBlock)),zT=(e,t,n)=>{const o=e.dynamicPatternsLookup({text:n,block:t});return{...e,blockPatterns:rd(o).concat(e.blockPatterns),inlinePatterns:sd(o).concat(e.inlinePatterns)}},jT=(e,t,n,o)=>{const r=e.createRng();return r.setStart(t,0),r.setEnd(n,o),r.toString()},HT=(e,t)=>e.create("span",{"data-mce-type":"bookmark",id:t}),$T=(e,t)=>{const n=e.createRng();return n.setStartAfter(t.start),n.setEndBefore(t.end),n},VT=(e,t,n)=>{const o=MT(e.getRoot(),n).getOrDie("Unable to resolve path range"),r=o.startContainer,s=o.endContainer,a=0===o.endOffset?s:s.splitText(o.endOffset),i=0===o.startOffset?r:r.splitText(o.startOffset),l=i.parentNode;return{prefix:t,end:a.parentNode.insertBefore(HT(e,t+"-end"),a),start:l.insertBefore(HT(e,t+"-start"),i)}},qT=(e,t,n)=>{IT(e,e.get(t.prefix+"-end"),n),IT(e,e.get(t.prefix+"-start"),n)},WT=e=>0===e.start.length,KT=(e,t,n,o)=>{const r=t.start;var s;return Kk(e,o.container,o.offset,(s=r,(e,t)=>{const n=e.data.substring(0,t),o=n.lastIndexOf(s.charAt(s.length-1)),r=n.lastIndexOf(s);return-1!==r?r+s.length:-1!==o?o+1:-1}),n).bind((o=>{var s,a;const i=null!==(a=null===(s=n.textContent)||void 0===s?void 0:s.indexOf(r))&&void 0!==a?a:-1;if(-1!==i&&o.offset>=i+r.length){const t=e.createRng();return t.setStart(o.container,o.offset-r.length),t.setEnd(o.container,o.offset),I?.some(t)}{const s=o.offset-r.length;return qk(o.container,s,n)?.map((t=>{const n=e.createRng();return n.setStart(t.container,t.offset),n.setEnd(o.container,o.offset),n})).filter((e=>e.toString()===r)).orThunk((()=>KT(e,t,n,jk(o.container,0))))}}))},YT=(e,t,n,o)=>{const r=e.dom,s=r.getRoot(),a=n.pattern,i=n.position.container,l=n.position.offset;return qk(i,l-n.pattern.end.length,t).bind((d=>{const c=DT(r,s,d.container,d.offset,i,l,o);if(WT(a))return I?.some({matches:[{pattern:a,startRng:c,endRng:c}],position:d});{const i=GT(e,n.remainingPatterns,d.container,d.offset,t,o),l=i.getOr({matches:[],position:d}),u=l.position,m=((e,t,n,o,r,s=!1)=>{if(0===t.start.length&&!s){const t=e.createRng();return t.setStart(n,o),t.setEnd(n,o),I?.some(t)}return Vk(n,o,r).bind((n=>KT(e,t,r,n).bind((e=>{var t;if(s){if(e.endContainer===n.container&&e.endOffset===n.offset)return I.none();if(0===n.offset&&(null===(t=e.endContainer.textContent)||void 0===t?void 0:t.length)===e.endOffset)return I.none()}return I?.some(e)}))))})(r,a,u.container,u.offset,t,i.isNone());return m?.map((e=>{const t=((e,t,n,o=!1)=>DT(e,t,n.startContainer,n.startOffset,n.endContainer,n.endOffset,o))(r,s,e,o);return{matches:l.matches.concat([{pattern:a,startRng:t,endRng:c}]),position:jk(e.startContainer,e.startOffset)}}))}}))},GT=(e,t,n,o,r,s)=>{const a=e.dom;return Vk(n,o,a.getRoot()).bind((i=>{const l=jT(a,r,n,o);for(let a=0;a<t.length;a++){const d=t[a];if(!Ge(l,d.end))continue;const c=t.slice();c.splice(a,1);const u=YT(e,r,{pattern:d,remainingPatterns:c,position:i},s);if(u.isNone()&&o>0)return GT(e,t,n,o-1,r,s);if(u.isSome())return u}return I.none()}))},XT=(e,t,n)=>{e.selection.setRng(n),"inline-format"===t.type?q(t.format,(t=>{e.formatter.apply(t)})):e.execCommand(t.cmd,!1,t.value)},ZT=(e,t,n,o,r,s)=>{var a;return((e,t)=>{const n=ne(e,(e=>$(t,(t=>e.pattern.start===t.pattern.start&&e.pattern.end===t.pattern.end))));return e.length===t.length?n?e:t:e.length>t.length?e:t})(GT(e,r.inlinePatterns,n,o,t,s).fold((()=>[]),(e=>e.matches)),GT(e,(a=r.inlinePatterns,ae(a,((e,t)=>t.end.length-e.end.length))),n,o,t,s).fold((()=>[]),(e=>e.matches)))},QT=(e,t)=>{if(0===t.length)return;const n=e.dom,o=e.selection.getBookmark(),r=((e,t)=>{const n=De("mce_textpattern"),o=G(t,((t,o)=>{const r=VT(e,n+`_end${t.length}`,o.endRng);return t.concat([{...o,endMarker:r}])}),[]);return G(o,((t,r)=>{const s=o.length-t.length-1,a=WT(r.pattern)?r.endMarker:VT(e,n+`_start${s}`,r.startRng);return t.concat([{...r,startMarker:a}])}),[])})(n,t);q(r,(t=>{const o=n.getParent(t.startMarker.start,n.isBlock),r=e=>e===o;WT(t.pattern)?((e,t,n,o)=>{const r=$T(e.dom,n);FT(e.dom,r,o),XT(e,t,r)})(e,t.pattern,t.endMarker,r):((e,t,n,o,r)=>{const s=e.dom,a=$T(s,o),i=$T(s,n);FT(s,i,r),FT(s,a,r);const l={prefix:n.prefix,start:n.end,end:o.start},d=$T(s,l);XT(e,t,d)})(e,t.pattern,t.startMarker,t.endMarker,r),qT(n,t.endMarker,r),qT(n,t.startMarker,r)})),e.selection.moveToBookmark(o)},JT=(e,t,n)=>((e,t,n)=>{if(es(e)&&0>=e.length)return I?.some(jk(e,0));{const t=Ei(Hk);return I.from(t.forwards(e,0,$k(e),n))?.map((e=>jk(e.container,0)))}})(t,0,t)?.map((o=>{const r=o.container;return Wk(r,n.start.length,t).each((n=>{const o=e.createRng();o.setStart(r,0),o.setEnd(n.container,n.offset),FT(e,o,(e=>e===t))})),r})),eO=e=>(t,n)=>{const o=t.dom,r=n.pattern,s=MT(o.getRoot(),n.range).getOrDie("Unable to resolve path range");return UT(t,s).each((n=>{"block-format"===r.type?((e,t)=>{const n=t.get(e);return p(n)&&le(n).exists((e=>xe(e,"block")))})(r.format,t.formatter)&&t.undoManager.transact((()=>{e(t.dom,n,r),t.formatter.apply(r.format)})):"block-command"===r.type&&t.undoManager.transact((()=>{e(t.dom,n,r),t.execCommand(r.cmd,!1,r.value)}))})),!0},tO=e=>(t,n)=>{const o=(e=>ae(e,((e,t)=>t.start.length-e.start.length)))(t),r=n.replace(it," ");return Q(o,(t=>e(t,n,r)))},nO=(e,t)=>(n,o,r,s,a)=>{var i;void 0===a&&(a=null!==(i=o.textContent)&&void 0!==i?i:"");const l=n.dom,d=Ad(n);return l.is(o,d)?e(r.blockPatterns,a)?.map((e=>t&&an.trim(a).length===e.start.length?[]:[{pattern:e,range:DT(l,l.getRoot(),o,0,o,0,s)}])).getOr([]):[]},oO=eO(((e,t,n)=>{JT(e,t,n).each((e=>{const t=mn(e),n=Xo(t);/^\s[^\s]/.test(n)&&Zo(t,n.slice(1))}))})),rO=tO(((e,t,n)=>0===t.indexOf(e.start)||0===n.indexOf(e.start))),sO=nO(rO,!0),aO=eO(JT),iO=tO(((e,t,n)=>t===e.start||n===e.start)),lO=nO(iO,!1),dO=(e,t,n)=>{for(let o=0;o<e.length;o++)if(n(e[o],t))return!0;return!1},cO=e=>{const t=[",",".",";",":","!","?"],n=[32],o=()=>{return t=Qc(e).filter((t=>"inline-command"!==t.type&&"block-command"!==t.type||e.queryCommandSupported(t.cmd))),n=Jc(e),{inlinePatterns:sd(t),blockPatterns:rd(t),dynamicPatternsLookup:n};var t,n},r=()=>(e=>e.options.isSet("text_patterns_lookup"))(e);e.on("keydown",(t=>{if(13===t.keyCode&&!wg.modifierPressed(t)&&e.selection.isCollapsed()&&e.selection.isEditable()){const n=ad(o(),"enter");(n.inlinePatterns.length>0||n.blockPatterns.length>0||r())&&((e,t)=>((e,t)=>{const n=e.selection.getRng();return UT(e,n)?.map((o=>{var r;const s=Math.max(0,n.startOffset),a=zT(t,o,null!==(r=o.textContent)&&void 0!==r?r:"");return{inlineMatches:ZT(e,o,n.startContainer,s,a,!0),blockMatches:sO(e,o,a,!0)}})).filter((({inlineMatches:e,blockMatches:t})=>t.length>0||e.length>0))})(e,t).fold(L,(({inlineMatches:t,blockMatches:n})=>(e.undoManager.add(),e.undoManager.extra((()=>{e.execCommand("mceInsertNewLine")}),(()=>{(e=>{e.insertContent(Pi,{preserve_zwsp:!0})})(e),QT(e,t),((e,t)=>{if(0===t.length)return;const n=e.selection.getBookmark();q(t,(t=>oO(e,t))),e.selection.moveToBookmark(n)})(e,n);const o=e.selection.getRng(),r=Vk(o.startContainer,o.startOffset,e.dom.getRoot());e.execCommand("mceInsertNewLine"),r.each((t=>{const n=t.container;n.data.charAt(t.offset-1)===at&&(n.deleteData(t.offset-1,1),IT(e.dom,n.parentNode,(t=>t===e.dom.getRoot())))}))})),!0))))(e,n)&&t.preventDefault()}}),!0),e.on("keydown",(t=>{if(32===t.keyCode&&e.selection.isCollapsed()&&e.selection.isEditable()){const n=ad(o(),"space");(n.blockPatterns.length>0||r())&&((e,t)=>((e,t)=>{const n=e.selection.getRng();return UT(e,n)?.map((o=>{const r=Math.max(0,n.startOffset),s=jT(e.dom,o,n.startContainer,r),a=zT(t,o,s);return lO(e,o,a,!1,s)})).filter((e=>e.length>0))})(e,t).fold(L,(t=>(e.undoManager.transact((()=>{((e,t)=>{q(t,(t=>aO(e,t)))})(e,t)})),!0))))(e,n)&&t.preventDefault()}}),!0);const s=()=>{if(e.selection.isCollapsed()&&e.selection.isEditable()){const t=ad(o(),"space");(t.inlinePatterns.length>0||r())&&((e,t)=>{const n=e.selection.getRng();UT(e,n)?.map((o=>{const r=Math.max(0,n.startOffset-1),s=jT(e.dom,o,n.startContainer,r),a=zT(t,o,s),i=ZT(e,o,n.startContainer,r,a,!1);i.length>0&&e.undoManager.transact((()=>{QT(e,i)}))}))})(e,t)}};e.on("keyup",(e=>{dO(n,e,((e,t)=>e===t.keyCode&&!wg.modifierPressed(t)))&&s()})),e.on("keypress",(n=>{dO(t,n,((e,t)=>e.charCodeAt(0)===t.charCode))&&sg.setEditorTimeout(e,s)}))},uO=e=>{const t=an.each,n=wg.BACKSPACE,o=wg.DELETE,r=e.dom,s=e.selection,a=e.parser,i=nn.browser,l=i.isFirefox(),d=i.isChromium()||i.isSafari(),c=nn.deviceType.isiPhone()||nn.deviceType.isiPad(),u=nn.os.isMacOS()||nn.os.isiOS(),m=(t,n)=>{try{e.getDoc().execCommand(t,!1,String(n))}catch(e){}},f=e=>e.isDefaultPrevented(),g=()=>{e.shortcuts.add("meta+a",null,"SelectAll")},p=()=>{e.inline||r.bind(e.getDoc(),"mousedown mouseup",(t=>{let n;if(t.target===e.getDoc().documentElement)if(n=s.getRng(),e.getBody().focus(),"mousedown"===t.type){if(zi(n.startContainer))return;s.placeCaretAt(t.clientX,t.clientY)}else s.setRng(n)}))},h=()=>{Range.prototype.getClientRects||e.on("mousedown",(t=>{if(!f(t)&&"HTML"===t.target.nodeName){const t=e.getBody();t.blur(),sg.setEditorTimeout(e,(()=>{t.focus()}))}}))},b=()=>{const t=Bc(e);e.on("click",(n=>{const o=n.target;/^(IMG|HR)$/.test(o.nodeName)&&r.isEditable(o)&&(n.preventDefault(),e.selection.select(o),e.nodeChanged()),"A"===o.nodeName&&r.hasClass(o,t)&&0===o.childNodes.length&&r.isEditable(o.parentNode)&&(n.preventDefault(),s.select(o))}))},v=()=>{e.on("keydown",(e=>{if(!f(e)&&e.keyCode===n&&s.isCollapsed()&&0===s.getRng().startOffset){const t=s.getNode().previousSibling;if(t&&t.nodeName&&"table"===t.nodeName.toLowerCase())return e.preventDefault(),!1}return!0}))},y=()=>{xc(e)||e.on("BeforeExecCommand mousedown",(()=>{m("StyleWithCSS",!1),m("enableInlineTableEditing",!1),nc(e)||m("enableObjectResizing",!1)}))},C=()=>{e.contentStyles.push("img:-moz-broken {-moz-force-broken-image-icon:1;min-width:24px;min-height:24px}")},w=()=>{e.inline||e.on("keydown",(()=>{document.activeElement===document.body&&e.getWin().focus()}))},E=()=>{e.inline||(e.contentStyles.push("body {min-height: 150px}"),e.on("click",(t=>{let n;"HTML"===t.target.nodeName&&(n=e.selection.getRng(),e.getBody().focus(),e.selection.setRng(n),e.selection.normalize(),e.nodeChanged())})))},_=()=>{u&&e.on("keydown",(t=>{!wg.metaKeyPressed(t)||t.shiftKey||37!==t.keyCode&&39!==t.keyCode||(t.preventDefault(),e.selection.getSel().modify("move",37===t.keyCode?"backward":"forward","lineboundary"))}))},S=()=>{e.on("click",(e=>{let t=e.target;do{if("A"===t.tagName)return void e.preventDefault()}while(t=t.parentNode)})),e.contentStyles.push(".mce-content-body {-webkit-touch-callout: none}")},k=()=>{e.on("init",(()=>{e.dom.bind(e.getBody(),"submit",(e=>{e.preventDefault()}))}))},N=x;return Nw(e)?(d&&(p(),b(),k(),g(),c&&(w(),E(),S())),l&&(h(),y(),C(),_())):(e.on("keydown",(t=>{if(f(t)||t.keyCode!==wg.BACKSPACE)return;let n=s.getRng();const o=n.startContainer,a=n.startOffset,i=r.getRoot();let l=o;if(n.collapsed&&0===a){for(;l.parentNode&&l.parentNode.firstChild===l&&l.parentNode!==i;)l=l.parentNode;"BLOCKQUOTE"===l.nodeName&&(e.formatter.toggle("blockquote",void 0,l),n=r.createRng(),n.setStart(o,0),n.setEnd(o,0),s.setRng(n))}})),(()=>{const t=e=>{const t=r.create("body"),n=e.cloneContents();return t.appendChild(n),s.serializer.serialize(t,{format:"html"})};e.on("keydown",(s=>{const a=s.keyCode;if(!f(s)&&(a===o||a===n)&&e.selection.isEditable()){const n=e.selection.isCollapsed(),o=e.getBody();if(n&&!Es(e.schema,o))return;if(!n&&!(n=>{const o=t(n),s=r.createRng();return s.selectNode(e.getBody()),o===t(s)})(e.selection.getRng()))return;s.preventDefault(),e.setContent(""),o.firstChild&&r.isBlock(o.firstChild)?e.selection.setCursorLocation(o.firstChild,0):e.selection.setCursorLocation(o,0),e.nodeChanged()}}))})(),nn.windowsPhone||e.on("keyup focusin mouseup",(t=>{wg.modifierPressed(t)||(e=>{const t=e.getBody(),n=e.selection.getRng();return n.startContainer===n.endContainer&&n.startContainer===t&&0===n.startOffset&&n.endOffset===t.childNodes.length})(e)||s.normalize()}),!0),d&&(p(),b(),e.on("init",(()=>{m("DefaultParagraphSeparator",Ad(e))})),k(),v(),a.addNodeFilter("br",(e=>{let t=e.length;for(;t--;)"Apple-interchange-newline"===e[t].attr("class")&&e[t].remove()})),c?(w(),E(),S()):g()),l&&(e.on("mousedown",(t=>{ze(I.from(t.clientX),I.from(t.clientY),((n,o)=>{const r=e.getDoc().caretPositionFromPoint(n,o),s=(null==r?void 0:r.offsetNode.childNodes[r.offset-(r.offset>0?1:0)])||(null==r?void 0:r.offsetNode);if(s&&"IMG"===(a=s).nodeName&&e.dom.isEditable(a)){const n=s.getBoundingClientRect();t.preventDefault(),e.hasFocus()||e.focus(),e.selection.select(s),t.clientX<n.left||t.clientY<n.top?e.selection.collapse(!0):(t.clientX>n.right||t.clientY>n.bottom)&&e.selection.collapse(!1)}var a}))})),e.on("keydown",(t=>{if(!f(t)&&t.keyCode===n){if(!e.getBody().getElementsByTagName("hr").length)return;if(s.isCollapsed()&&0===s.getRng().startOffset){const e=s.getNode(),n=e.previousSibling;if("HR"===e.nodeName)return r.remove(e),void t.preventDefault();n&&n.nodeName&&"hr"===n.nodeName.toLowerCase()&&(r.remove(n),t.preventDefault())}}})),h(),(()=>{const n=()=>{const n=r.getAttribs(s.getStart().cloneNode(!1));return()=>{const o=s.getStart();o!==e.getBody()&&(r.setAttrib(o,"style",null),t(n,(e=>{o.setAttributeNode(e.cloneNode(!0))})))}},o=()=>!s.isCollapsed()&&r.getParent(s.getStart(),r.isBlock)!==r.getParent(s.getEnd(),r.isBlock);e.on("keypress",(t=>{let r;return!(!(f(t)||8!==t.keyCode&&46!==t.keyCode)&&o()&&(r=n(),e.getDoc().execCommand("delete",!1),r(),t.preventDefault(),1))})),r.bind(e.getDoc(),"cut",(t=>{if(!f(t)&&o()){const t=n();sg.setEditorTimeout(e,(()=>{t()}))}}))})(),y(),e.on("SetContent ExecCommand",(e=>{"setcontent"!==e.type&&"mceInsertLink"!==e.command||t(r.select("a:not([data-mce-block])"),(e=>{var t;let n=e.parentNode;const o=r.getRoot();if((null==n?void 0:n.lastChild)===e){for(;n&&!r.isBlock(n);){if((null===(t=n.parentNode)||void 0===t?void 0:t.lastChild)!==n||n===o)return;n=n.parentNode}r.add(n,"br",{"data-mce-bogus":1})}}))})),C(),_(),v())),{refreshContentEditable:N,isHidden:()=>{if(!l||e.removed)return!1;const t=e.selection.getSel();return!t||!t.rangeCount||0===t.rangeCount}}},mO=ni.DOM,fO=e=>e.inline?e.getElement().nodeName.toLowerCase():void 0,gO=e=>Ce(e,(e=>!1===v(e))),pO=e=>{const t=e.options.get,n=e.editorUpload.blobCache;return gO({allow_conditional_comments:t("allow_conditional_comments"),allow_html_data_urls:t("allow_html_data_urls"),allow_svg_data_urls:t("allow_svg_data_urls"),allow_html_in_named_anchor:t("allow_html_in_named_anchor"),allow_script_urls:t("allow_script_urls"),allow_html_in_comments:t("allow_html_in_comments"),allow_mathml_annotation_encodings:t("allow_mathml_annotation_encodings"),allow_unsafe_link_target:t("allow_unsafe_link_target"),convert_unsafe_embeds:t("convert_unsafe_embeds"),convert_fonts_to_spans:t("convert_fonts_to_spans"),extended_mathml_attributes:t("extended_mathml_attributes"),extended_mathml_elements:t("extended_mathml_elements"),fix_list_elements:t("fix_list_elements"),font_size_legacy_values:t("font_size_legacy_values"),forced_root_block:t("forced_root_block"),forced_root_block_attrs:t("forced_root_block_attrs"),preserve_cdata:t("preserve_cdata"),inline_styles:t("inline_styles"),root_name:fO(e),sandbox_iframes:t("sandbox_iframes"),sandbox_iframes_exclusions:mu(e),sanitize:t("xss_sanitization"),validate:!0,blob_cache:n,document:e.getDoc()})},hO=e=>{const t=e.options.get;return gO({custom_elements:t("custom_elements"),extended_valid_elements:t("extended_valid_elements"),invalid_elements:t("invalid_elements"),invalid_styles:t("invalid_styles"),schema:t("schema"),valid_children:t("valid_children"),valid_classes:t("valid_classes"),valid_elements:t("valid_elements"),valid_styles:t("valid_styles"),verify_html:t("verify_html"),padd_empty_block_inline_children:t("format_empty_lines")})},bO=e=>e.inline?e.ui.styleSheetLoader:e.dom.styleSheetLoader,vO=e=>{const t=bO(e),n=Jd(e),o=e.contentCSS,r=()=>{t.unloadAll(o),e.inline||e.ui.styleSheetLoader.unloadAll(n)},s=()=>{e.removed?r():e.on("remove",r)};if(e.contentStyles.length>0){let t="";an.each(e.contentStyles,(e=>{t+=e+"\r\n"})),e.dom.addStyle(t)}const a=Promise.all(((e,t,n)=>{const{pass:o,fail:r}=K(t,(e=>tinymce.Resource.has(SE(e)))),s=o?.map((t=>{const n=tinymce.Resource.get(SE(t));return m(n)?Promise.resolve(bO(e).loadRawCss(t,n)):Promise.resolve()})),a=[...s,bO(e).loadAll(r)];return e.inline?a:a.concat([e.ui.styleSheetLoader.loadAll(n)])})(e,o,n)).then(s).catch(s),i=Qd(e);return i&&((e,t)=>{const n=mn(e.getBody()),o=Gn(Yn(n)),r=cn("style");go(r,"type","text/css"),co(r,un(t)),co(o,r),e.on("remove",(()=>{Eo(r)}))})(e,i),a},yO=e=>{!0!==e.removed&&((e=>{Nw(e)||e.load({initial:!0,format:"html"}),e.startContent=e.getContent({format:"raw"})})(e),(e=>{e.bindPendingEventDelegates(),e.initialized=!0,(e=>{e.dispatch("Init")})(e),e.focus(!0),(e=>{const t=e.dom.getRoot();e.inline||tf(e)&&e.selection.getStart(!0)!==t||km(t).each((t=>{const n=t.getNode(),o=Zr(n)?km(n).getOr(t):t;e.selection.setRng(o.toRange())}))})(e),e.nodeChanged({initial:!0});const t=Lc(e);w(t)&&t.call(e,e),(e=>{const t=Ic(e);t&&sg.setEditorTimeout(e,(()=>{let n;n=!0===t?e:e.editorManager.get(t),n&&!n.destroyed&&(n.focus(),n.selection.scrollIntoView())}),100)})(e),CE(e)&&EE(e,!0)})(e))},CO=e=>{const t=e.getElement();let n=e.getDoc();e.inline&&(mO.addClass(t,"mce-content-body"),e.contentDocument=n=document,e.contentWindow=window,e.bodyElement=t,e.contentAreaContainer=t);const o=e.getBody();o.disabled=!0,e.readonly=xc(e),e._editableRoot=Sc(e),!hu(e)&&e.hasEditableRoot()&&(e.inline&&"static"===mO.getStyle(o,"position",!0)&&(o.style.position="relative"),o.contentEditable="true"),o.disabled=!1,e.editorUpload=PE(e),e.schema=Ra(hO(e)),e.dom=ni(n,{keep_values:!0,url_converter:e.convertURL,url_converter_scope:e,update_styles:!0,root_element:e.inline?e.getBody():null,collect:e.inline,schema:e.schema,contentCssCors:qd(e),referrerPolicy:Wd(e),onSetAttrib:t=>{e.dispatch("SetAttrib",t)}}),e.parser=(e=>{const t=KC(pO(e),e.schema);return t.addAttributeFilter("data-mce-src,data-mce-href,data-mce-style",((e,t)=>{for(let n=0;n<e.length;n++)e[n].attr(t,null)})),t.addAttributeFilter("src,href,style,tabindex",((t,n)=>{const o=e.dom,r="data-mce-"+n;let s=t.length;for(;s--;){const a=t[s];let i=a.attr(n);if(i&&!a.attr(r)){if(0===i.indexOf("data:")||0===i.indexOf("blob:"))continue;"style"===n?(i=o.serializeStyle(o.parseStyle(i),a.name),i.length||(i=null),a.attr(r,i),a.attr(n,i)):"tabindex"===n?(a.attr(r,i),a.attr(n,null)):a.attr(r,e.convertURL(i,n,a.name))}}})),t.addNodeFilter("script",(e=>{let t=e.length;for(;t--;){const n=e[t],o=n.attr("type")||"no/type";0!==o.indexOf("mce-")&&n.attr("type","mce-"+o)}})),ou(e)&&t.addNodeFilter("#cdata",(t=>{var n;let o=t.length;for(;o--;){const r=t[o];r.type=8,r.name="#comment",r.value="[CDATA["+e.dom.encode(null!==(n=r.value)&&void 0!==n?n:"")+"]]"}})),t.addNodeFilter("p,h1,h2,h3,h4,h5,h6,div",(t=>{let n=t.length;const o=e.schema.getNonEmptyElements();for(;n--;){const e=t[n];e.isEmpty(o)&&0===e.getAll("br").length&&e.append(new up("br",1))}})),t})(e),e.serializer=Fw((e=>{const t=e.options.get;return{...pO(e),...hO(e),...gO({remove_trailing_brs:t("remove_trailing_brs"),pad_empty_with_br:t("pad_empty_with_br"),url_converter:t("url_converter"),url_converter_scope:t("url_converter_scope"),element_format:t("element_format"),entities:t("entities"),entity_encoding:t("entity_encoding"),indent:t("indent"),indent_after:t("indent_after"),indent_before:t("indent_before")})}})(e),e),e.selection=Lw(e.dom,e.getWin(),e.serializer,e),e.annotator=Kf(e),e.formatter=VE(e),e.undoManager=WE(e),e._nodeChangeDispatcher=new gA(e),e._selectionOverrides=OT(e),(e=>{const t=Ve(),n=Ne(!1),o=rt((t=>{e.dispatch("longpress",{...t,type:"longpress"}),n.set(!0)}),400);e.on("touchstart",(e=>{ES(e).each((r=>{o.cancel();const s={x:r.clientX,y:r.clientY,target:e.target};o.throttle(e),n.set(!1),t.set(s)}))}),!0),e.on("touchmove",(r=>{o.cancel(),ES(r).each((o=>{t.on((r=>{((e,t)=>{const n=Math.abs(e.clientX-t.x),o=Math.abs(e.clientY-t.y);return n>5||o>5})(o,r)&&(t.clear(),n.set(!1),e.dispatch("longpresscancel"))}))}))}),!0),e.on("touchend touchcancel",(r=>{o.cancel(),"touchcancel"!==r.type&&t.get().filter((e=>e.target.isEqualNode(r.target))).each((()=>{n.get()?r.preventDefault():e.dispatch("tap",{...r,type:"tap"})}))}),!0)})(e),(e=>{(e=>{e.on("click",(t=>{e.dom.getParent(t.target,"details")&&t.preventDefault()}))})(e),(e=>{e.parser.addNodeFilter("details",(t=>{const n=du(e);q(t,(e=>{"expanded"===n?e.attr("open","open"):"collapsed"===n&&e.attr("open",null)}))})),e.serializer.addNodeFilter("details",(t=>{const n=cu(e);q(t,(e=>{"expanded"===n?e.attr("open","open"):"collapsed"===n&&e.attr("open",null)}))}))})(e)})(e),(e=>{const t="contenteditable",n=" "+an.trim(tu(e))+" ",o=" "+an.trim(eu(e))+" ",r=RS(n),s=RS(o),a=nu(e);a.length>0&&e.on("BeforeSetContent",(t=>{((e,t,n)=>{let o=t.length,r=n.content;if("raw"!==n.format){for(;o--;)r=r.replace(t[o],AS(e,r,eu(e)));n.content=r}})(e,a,t)})),e.parser.addAttributeFilter("class",(e=>{let n=e.length;for(;n--;){const o=e[n];r(o)?o.attr(t,"true"):s(o)&&o.attr(t,"false")}})),e.serializer.addAttributeFilter(t,(e=>{let n=e.length;for(;n--;){const o=e[n];if(!r(o)&&!s(o))continue;const i=o.attr("data-mce-content");a.length>0&&i?TS(a,i)?(o.name="#text",o.type=3,o.raw=!0,o.value=i):o.remove():o.attr(t,null)}}))})(e),Nw(e)||((e=>{e.on("mousedown",(t=>{t.detail>=3&&(t.preventDefault(),rT(e))}))})(e),(e=>{cO(e)})(e));const r=fA(e);((e,t)=>{e.addCommand("delete",(()=>{((e,t)=>{wS(e,t,!1).fold((()=>{e.selection.isEditable()&&(Kh(e),Zh(e))}),D)})(e,t)})),e.addCommand("forwardDelete",(()=>{((e,t)=>{wS(e,t,!0).fold((()=>{e.selection.isEditable()&&Yh(e)}),D)})(e,t)}))})(e,r),(e=>{e.on("NodeChange",(()=>(e=>{const t=e.dom,n=e.selection,o=e.schema,r=o.getBlockElements(),s=n.getStart(),a=e.getBody();let i,l,d=null;const c=Ad(e);if(!s||!qr(s))return;const u=a.nodeName.toLowerCase();if(!o.isValidChild(u,c.toLowerCase())||((e,t,n)=>$(Zp(mn(n),mn(t)),(t=>_S(e,t.dom))))(r,a,s))return;if(a.firstChild===a.lastChild&&as(a.firstChild))return i=kS(e),i.appendChild(Oi().dom),a.replaceChild(i,a.firstChild),e.selection.setCursorLocation(i,0),void e.nodeChanged();let m=a.firstChild;for(;m;)if(qr(m)&&Is(o,m),xS(o,m)){if(SS(r,m)){l=m,m=m.nextSibling,t.remove(l);continue}if(!i){if(!d&&e.hasFocus()&&(d=R_(e.selection.getRng(),(()=>document.createElement("span")))),!m.parentNode){m=null;break}i=kS(e),a.insertBefore(i,m)}l=m,m=m.nextSibling,i.appendChild(l)}else i=null,m=m.nextSibling;d&&(e.selection.setRng(A_(d)),e.nodeChanged())})(e)))})(e),(e=>{var t;const n=e.dom,o=Ad(e),r=null!==(t=rc(e))&&void 0!==t?t:"",s=(t,a)=>{if((e=>{if(GE(e)){const t=e.keyCode;return!XE(e)&&(wg.metaKeyPressed(e)||e.altKey||t>=112&&t<=123||H(KE,t))}return!1})(t))return;const i=e.getBody(),l=!(e=>GE(e)&&!(XE(e)||"keyup"===e.type&&229===e.keyCode))(t)&&((e,t,n)=>{if(e.isEmpty(t,void 0,{skipBogus:!1,includeZwsp:!0})){const o=t.firstElementChild;return!o||!e.getStyle(t.firstElementChild,"padding-left")&&!e.getStyle(t.firstElementChild,"padding-right")&&n===o.nodeName.toLowerCase()}return!1})(n,i,o);(""!==n.getAttrib(i,YE)!==l||a)&&(n.setAttrib(i,YE,l?r:null),((e,t)=>{e.dispatch("PlaceholderToggle",{state:t})})(e,l),e.on(l?"keydown":"keyup",s),e.off(l?"keyup":"keydown",s))};et(r)&&e.on("init",(t=>{s(t,!0),e.on("change SetContent ExecCommand",s),e.on("paste",(t=>sg.setEditorTimeout(e,(()=>s(t)))))}))})(e),ZA(e);const s=(e=>{const t=e;return(e=>_e(e.plugins,"rtc").bind((e=>I.from(e.setup))))(e).fold((()=>(t.rtcInstance=kw(e),I.none())),(e=>(t.rtcInstance=(()=>{const e=N(null),t=N("");return{init:{bindEvents:x},undoManager:{beforeChange:x,add:e,undo:e,redo:e,clear:x,reset:x,hasUndo:L,hasRedo:L,transact:e,ignore:x,extra:x},formatter:{match:L,matchAll:N([]),matchNode:N(void 0),canApply:L,closest:t,apply:x,remove:x,toggle:x,formatChanged:N({unbind:x})},editor:{getContent:t,setContent:N({content:"",html:""}),insertContent:N(""),addVisual:x},selection:{getContent:t},autocompleter:{addDecoration:x,removeDecoration:x},raw:{getModel:N(I.none())}}})(),I?.some((()=>e().then((e=>(t.rtcInstance=(e=>{const t=e=>f(e)?e:{},{init:n,undoManager:o,formatter:r,editor:s,selection:a,autocompleter:i,raw:l}=e;return{init:{bindEvents:n.bindEvents},undoManager:{beforeChange:o.beforeChange,add:o.add,undo:o.undo,redo:o.redo,clear:o.clear,reset:o.reset,hasUndo:o.hasUndo,hasRedo:o.hasRedo,transact:(e,t,n)=>o.transact(n),ignore:(e,t)=>o.ignore(t),extra:(e,t,n,r)=>o.extra(n,r)},formatter:{match:(e,n,o,s)=>r.match(e,t(n),s),matchAll:r.matchAll,matchNode:r.matchNode,canApply:e=>r.canApply(e),closest:e=>r.closest(e),apply:(e,n,o)=>r.apply(e,t(n)),remove:(e,n,o,s)=>r.remove(e,t(n)),toggle:(e,n,o)=>r.toggle(e,t(n)),formatChanged:(e,t,n,o,s)=>r.formatChanged(t,n,o,s)},editor:{getContent:e=>s.getContent(e),setContent:(e,t)=>({content:s.setContent(e,t),html:""}),insertContent:(e,t)=>(s.insertContent(e),""),addVisual:s.addVisual},selection:{getContent:(e,t)=>a.getContent(t)},autocompleter:{addDecoration:i.addDecoration,removeDecoration:i.removeDecoration},raw:{getModel:()=>I?.some(l.getRawModel())}}})(e),e.rtc.isRemote))))))))})(e);(e=>{const t=e.getDoc(),n=e.getBody();(e=>{e.dispatch("PreInit")})(e),Fc(e)||(t.body.spellcheck=!1,mO.setAttrib(n,"spellcheck","false")),e.quirks=uO(e),(e=>{e.dispatch("PostRender")})(e);const o=ec(e);void 0!==o&&(n.dir=o);const r=Uc(e);r&&((e,t)=>{((e,t)=>{e.on("BeforeSetContent",(e=>{q(t,(t=>{e.content=e.content.replace(t,(e=>"\x3c!--mce:protected "+escape(e)+"--\x3e"))}))}))})(e,t),((e,t)=>{e.serializer.addNodeFilter("#comment",(e=>{let n=e.length;for(;n--;){const o=e[n],r=o.value;if(0===(null==r?void 0:r.indexOf("mce:protected "))){const e=unescape(r).substr(14);$(t,(t=>{const n=e.match(t);return null!==n&&n[0].length===e.length}))?(o.name="#text",o.type=3,o.raw=!0,o.value=e):o.remove()}}}))})(e,t)})(e,r),e.on("SetContent",(()=>{e.addVisual(e.getBody())})),e.on("compositionstart compositionend",(t=>{e.composing="compositionstart"===t.type}))})(e),(e=>{const t=gu(e);var n;m(pu(e))||!v(t)&&"INVALID"!=((e=>"gpl"===e.toLowerCase())(n=t)||(e=>e.length>=64&&e.length<=255)(n)?"VALID":"INVALID")||console.warn("TinyMCE is running in evaluation mode. Provide a valid license key or add license_key: 'gpl' to the init config to agree to the open source license terms. Read more at https://www.tiny.cloud/license-key/")})(e),s.fold((()=>{const t=(e=>{let t=!1;const n=setTimeout((()=>{t||e.setProgressState(!0)}),500);return()=>{clearTimeout(n),t=!0,e.setProgressState(!1)}})(e);vO(e).then((()=>{yO(e),t()}))}),(t=>{e.setProgressState(!0),vO(e).then((()=>{t().then((t=>{e.setProgressState(!1),yO(e),Tw(e)}),(t=>{e.notificationManager.open({type:"error",text:String(t)}),yO(e),Tw(e)}))}))}))},wO=ni.DOM,EO=ni.DOM,_O=(e,t)=>({editorContainer:e,iframeContainer:t,api:{}}),xO=e=>{const t=e.getElement();return e.inline?_O(null):(e=>{const t=EO.create("div");return EO.insertAfter(t,e),_O(t,t)})(t)},SO=async e=>{e.dispatch("ScriptsLoaded"),(e=>{const t=an.trim(Ud(e)),n=e.ui.registry.getAll().icons,o={...Jw.get("default").icons,...Jw.get(t).icons};pe(o,((t,o)=>{xe(n,o)||e.ui.registry.addIcon(o,t)}))})(e),(e=>{const t=ic(e);if(m(t)){const n=dE.get(t);e.theme=n(e,dE.urls[t])||{},w(e.theme.init)&&e.theme.init(e,dE.urls[t]||e.documentBaseUrl.replace(/\/$/,""))}else e.theme={}})(e),(e=>{const t=dc(e),n=eE.get(t);e.model=n(e,eE.urls[t])})(e),(e=>{const t=[];q(Nc(e),(n=>{((e,t,n)=>{const o=lE.get(n),r=lE.urls[n]||e.documentBaseUrl.replace(/\/$/,"");if(n=an.trim(n),o&&-1===an.inArray(t,n)){if(e.plugins[n])return;try{const s=o(e,r)||{};e.plugins[n]=s,w(s.init)&&(s.init(e,r),t.push(n))}catch(t){((e,t,n)=>{const o=li.translate(["Failed to initialize plugin: {0}",t]);ld(e,"PluginLoadError",{message:o}),pE(o,n),mE(e,o)})(e,n,t)}}})(e,t,(e=>e.replace(/^\-/,""))(n))}))})(e);const t=await(e=>{const t=e.getElement();return e.orgDisplay=t.style.display,m(ic(e))?(e=>{const t=e.theme.renderUI;return t?t():xO(e)})(e):w(ic(e))?(e=>{const t=e.getElement(),n=ic(e)(e,t);return n.editorContainer.nodeType&&(n.editorContainer.id=n.editorContainer.id||e.id+"_parent"),n.iframeContainer&&n.iframeContainer.nodeType&&(n.iframeContainer.id=n.iframeContainer.id||e.id+"_iframecontainer"),n.height=n.iframeHeight?n.iframeHeight:t.offsetHeight,n})(e):xO(e)})(e);((e,t)=>{const n={show:I.from(t.show).getOr(x),hide:I.from(t.hide).getOr(x),isEnabled:I.from(t.isEnabled).getOr(M),setEnabled:n=>{n&&("readonly"===e.mode.get()||CE(e))||I.from(t.setEnabled).each((e=>e(n)))}};e.ui={...e.ui,...n}})(e,I.from(t.api).getOr({})),e.editorContainer=t.editorContainer,(e=>{e.contentCSS=e.contentCSS.concat((e=>kE(e,Zd(e)))(e),(e=>kE(e,Jd(e)))(e))})(e),e.inline?CO(e):((e,t)=>{((e,t)=>{const n=nn.browser.isFirefox()?Pc(e):"Rich Text Area",o=e.translate(n),r=bo(mn(e.getElement()),"tabindex").bind(nt),s=((e,t,n,o)=>{const r=cn("iframe");return o.each((e=>go(r,"tabindex",e))),po(r,n),po(r,{id:e+"_ifr",frameBorder:"0",allowTransparency:"true",title:t}),cr(r,"tox-edit-area__iframe"),r})(e.id,o,Ed(e),r).dom;s.onload=()=>{s.onload=null,e.dispatch("load")},e.contentAreaContainer=t.iframeContainer,e.iframeElement=s,e.iframeHTML=(e=>{let t=_d(e)+"<html><head>";xd(e)!==e.documentBaseUrl&&(t+='<base href="'+e.documentBaseURI.getURI()+'" />'),t+='<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';const n=Sd(e),o=kd(e),r=e.translate(Pc(e));return Nd(e)&&(t+='<meta http-equiv="Content-Security-Policy" content="'+Nd(e)+'" />'),t+=`</head><body id="${n}" class="mce-content-body ${o}" data-id="${e.id}" aria-label="${r}"><br></body></html>`,t})(e),wO.add(t.iframeContainer,s)})(e,t),t.editorContainer&&(t.editorContainer.style.display=e.orgDisplay,e.hidden=wO.isHidden(t.editorContainer)),e.getElement().style.display="none",wO.setAttrib(e.id,"aria-hidden","true"),e.getElement().style.visibility=e.orgVisibility,(e=>{const t=e.iframeElement,n=()=>{e.contentDocument=t.contentDocument,CO(e)};if(au(e)||nn.browser.isFirefox()){const t=e.getDoc();t.open(),t.write(e.iframeHTML),t.close(),n()}else{const r=(o=mn(t),Jn(o,"load",to,(()=>{r.unbind(),n()})));t.srcdoc=e.iframeHTML}var o})(e)})(e,{editorContainer:t.editorContainer,iframeContainer:t.iframeContainer})},kO=ni.DOM,NO=e=>"-"===e.charAt(0),RO=(e,t,n)=>I.from(t).filter((e=>et(e)&&!Jw.has(e)))?.map((t=>({url:`${e.editorManager.baseURL}/icons/${t}/icons${n}.js`,name:I?.some(t)}))),AO=(e,t)=>{const n=ri.ScriptLoader,o=()=>{!e.removed&&(e=>{const t=ic(e);return!m(t)||C(dE.get(t))})(e)&&(e=>{const t=dc(e);return C(eE.get(t))})(e)&&SO(e)};((e,t)=>{const n=ic(e);if(m(n)&&!NO(n)&&!xe(dE.urls,n)){const o=lc(e),r=o?e.documentBaseURI.toAbsolute(o):`themes/${n}/theme${t}.js`;dE.load(n,r).catch((()=>{((e,t,n)=>{fE(e,"ThemeLoadError",gE("theme",t,n))})(e,r,n)}))}})(e,t),((e,t)=>{const n=dc(e);if("plugin"!==n&&!xe(eE.urls,n)){const o=cc(e),r=m(o)?e.documentBaseURI.toAbsolute(o):`models/${n}/model${t}.js`;eE.load(n,r).catch((()=>{((e,t,n)=>{fE(e,"ModelLoadError",gE("model",t,n))})(e,r,n)}))}})(e,t),((e,t)=>{const n=Kd(t),o=Yd(t);if(!li.hasCode(n)&&"en"!==n){const r=et(o)?o:`${t.editorManager.baseURL}/langs/${n}.js`;e.add(r).catch((()=>{((e,t,n)=>{fE(e,"LanguageLoadError",gE("language",t,n))})(t,r,n)}))}})(n,e),((e,t,n)=>{const o=RO(t,"default",n),r=(e=>I.from(zd(e)).filter(et)?.map((e=>({url:e,name:I.none()}))))(t).orThunk((()=>RO(t,Ud(t),"")));q((e=>{const t=[],n=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(n);return t})([o,r]),(n=>{e.add(n.url).catch((()=>{((e,t,n)=>{fE(e,"IconsLoadError",gE("icons",t,n))})(t,n.url,n.name.getOrUndefined())}))}))})(n,e,t),((e,t)=>{const n=(t,n)=>{lE.load(t,n).catch((()=>{((e,t,n)=>{fE(e,"PluginLoadError",gE("plugin",t,n))})(e,n,t)}))};pe(Rc(e),((t,o)=>{n(o,t),e.options.set("plugins",Nc(e).concat(o))})),q(Nc(e),(e=>{!(e=an.trim(e))||lE.urls[e]||NO(e)||n(e,`plugins/${e}/plugin${t}.js`)}))})(e,t),n.loadQueue().then(o,o)},TO=Kt().deviceType,OO=TO.isPhone(),BO=TO.isTablet(),PO=e=>{if(y(e))return[];{const t=p(e)?e:e.split(/[ ,]/),n=V(t,Ze);return Y(n,et)}},DO=(e,t)=>{const n=(t=>{const n={},o={};return ye(t,((t,n)=>H(e,n)),ve(n),ve(o)),{t:n,f:o}})(t);return o=n.t,r=n.f,{sections:N(o),options:N(r)};var o,r},LO=(e,t)=>xe(e.sections(),t),MO=(e,t)=>({table_grid:!1,object_resizing:!1,resize:!1,toolbar_mode:_e(e,"toolbar_mode").getOr("scrolling"),toolbar_sticky:!1,...t?{menubar:!1}:{}}),IO=(e,t)=>{var n;const o=null!==(n=t.external_plugins)&&void 0!==n?n:{};return e&&e.external_plugins?an.extend({},e.external_plugins,o):o},FO=(e,t,n,o,r)=>{var s;const a=e?{mobile:MO(null!==(s=r.mobile)&&void 0!==s?s:{},t)}:{},i=DO(["mobile"],Me(a,r)),l=an.extend(n,o,i.options(),((e,t)=>e&&LO(t,"mobile"))(e,i)?((e,t,n={})=>{const o=e.sections(),r=_e(o,t).getOr({});return an.extend({},n,r)})(i,"mobile"):{},{external_plugins:IO(o,i.options())});return((e,t,n,o)=>{const r=PO(n.forced_plugins),s=PO(o.plugins),a=((e,t)=>LO(e,t)?e.sections()[t]:{})(t,"mobile"),i=((e,t,n,o)=>e&&LO(t,"mobile")?o:n)(e,t,s,a.plugins?PO(a.plugins):s),l=((e,t)=>[...PO(e),...PO(t)])(r,i);return an.extend(o,{forced_plugins:r,plugins:l})})(e,i,o,l)},UO=e=>{(e=>{const t=t=>()=>{q("left,center,right,justify".split(","),(n=>{t!==n&&e.formatter.remove("align"+n)})),"none"!==t&&(t=>{e.formatter.toggle(t,void 0),e.nodeChanged()})("align"+t)};e.editorCommands.addCommands({JustifyLeft:t("left"),JustifyCenter:t("center"),JustifyRight:t("right"),JustifyFull:t("justify"),JustifyNone:t("none")})})(e),(e=>{const t=t=>()=>{const n=e.selection,o=n.isCollapsed()?[e.dom.getParent(n.getNode(),e.dom.isBlock)]:n.getSelectedBlocks();return $(o,(n=>C(e.formatter.matchNode(n,t))))};e.editorCommands.addCommands({JustifyLeft:t("alignleft"),JustifyCenter:t("aligncenter"),JustifyRight:t("alignright"),JustifyFull:t("alignjustify")},"state")})(e)},zO=(e,t)=>{const n=e.selection,o=e.dom;return/^ | $/.test(t)?((e,t,n,o)=>{const r=mn(e.getRoot());return n=Ch(r,Pl.fromRangeStart(t),o)?n.replace(/^ /,"&nbsp;"):n.replace(/^&nbsp;/," "),wh(r,Pl.fromRangeEnd(t),o)?n.replace(/(&nbsp;| )(<br( \/)>)?$/,"&nbsp;"):n.replace(/&nbsp;(<br( \/)?>)?$/," ")})(o,n.getRng(),t,e.schema):t},jO=(e,t)=>{if(e.selection.isEditable()){const{content:n,details:o}=(e=>{if("string"!=typeof e){const t=an.extend({paste:e.paste,data:{paste:e.paste}},e);return{content:e.content,details:t}}return{content:e,details:{}}})(t);QC(e,{...o,content:zO(e,n),format:"html",set:!1,selection:!0}).each((t=>{const n=((e,t,n)=>Rw(e).editor.insertContent(t,n))(e,t.content,o);JC(e,n,t),e.addVisual()}))}},HO={"font-size":"size","font-family":"face"},$O=On("font"),VO=e=>(t,n)=>I.from(n)?.map(mn).filter(Nn).bind((n=>((e,t,n)=>_r(mn(n),(t=>(t=>Io(t,e).orThunk((()=>$O(t)?_e(HO,e).bind((e=>bo(t,e))):I.none())))(t)),(e=>Cn(mn(t),e))))(e,t,n.dom).or(((e,t)=>I.from(ni.DOM.getStyle(t,e,!0)))(e,n.dom)))).getOr(""),qO=VO("font-size"),WO=S((e=>e.replace(/[\'\"\\]/g,"").replace(/,\s+/g,",")),VO("font-family")),KO=e=>km(e.getBody()).bind((e=>{const t=e.container();return I.from(es(t)?t.parentNode:t)})),YO=(e,t)=>((e,t)=>(e=>I.from(e.selection.getRng()).bind((t=>{const n=e.getBody();return t.startContainer===n&&0===t.startOffset?I.none():I.from(e.selection.getStart(!0))})))(e).orThunk(T(KO,e))?.map(mn).filter(Nn).bind(t))(e,k(I.some,t)),GO=(e,t)=>{if(/^[0-9.]+$/.test(t)){const n=parseInt(t,10);if(n>=1&&n<=7){const o=(e=>an.explode(e.options.get("font_size_style_values")))(e),r=(e=>an.explode(e.options.get("font_size_classes")))(e);return r.length>0?r[n-1]||t:o[n-1]||t}return t}return t},XO=e=>{const t=e.split(/\s*,\s*/);return V(t,(e=>-1===e.indexOf(" ")||Ye(e,'"')||Ye(e,"'")?e:`'${e}'`)).join(",")},ZO=(e,t)=>{if(e.mode.isReadOnly())return;const n=e.dom,o=e.selection.getRng(),r=t?e.selection.getStart():e.selection.getEnd(),s=t?o.startContainer:o.endContainer,a=fR(n,s);if(!a||!a.isContentEditable)return;const i=t?ao:io,l=Ad(e);((e,t,n,o)=>{const r=e.dom,s=e=>r.isBlock(e)&&e.parentElement===n,a=s(t)?t:r.getParent(o,s,n);return I.from(a)?.map(mn)})(e,r,a,s).each((t=>{const n=bR(e,s,t.dom,a,!1,l);i(t,mn(n)),e.selection.setCursorLocation(n,0),e.dispatch("NewBlock",{newBlock:n}),aR(e,"insertParagraph")}))},QO=e=>{UO(e),(e=>{e.editorCommands.addCommands({"Cut,Copy,Paste":t=>{const n=e.getDoc();let o;try{n.execCommand(t)}catch(e){o=!0}if("paste"!==t||n.queryCommandEnabled(t)||(o=!0),o||!n.queryCommandSupported(t)){let t=e.translate("Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.");(nn.os.isMacOS()||nn.os.isiOS())&&(t=t.replace(/Ctrl\+/g,"\u2318+")),e.notificationManager.open({text:t,type:"error"})}}})})(e),(e=>{e.editorCommands.addCommands({mceAddUndoLevel:()=>{e.undoManager.add()},mceEndUndoLevel:()=>{e.undoManager.add()},Undo:()=>{e.undoManager.undo()},Redo:()=>{e.undoManager.redo()}})})(e),(e=>{e.editorCommands.addCommands({mceSelectNodeDepth:(t,n,o)=>{let r=0;e.dom.getParent(e.selection.getNode(),(t=>!qr(t)||r++!==o||(e.selection.select(t),!1)),e.getBody())},mceSelectNode:(t,n,o)=>{e.selection.select(o)},selectAll:()=>{const t=e.dom.getParent(e.selection.getStart(),ds);if(t){const n=e.dom.createRng();n.selectNodeContents(t),e.selection.setRng(n)}}})})(e),(e=>{e.editorCommands.addCommands({mceCleanup:()=>{const t=e.selection.getBookmark();e.setContent(e.getContent()),e.selection.moveToBookmark(t)},insertImage:(t,n,o)=>{jO(e,e.dom.createHTML("img",{src:o}))},insertHorizontalRule:()=>{e.execCommand("mceInsertContent",!1,"<hr>")},insertText:(t,n,o)=>{jO(e,e.dom.encode(o))},insertHTML:(t,n,o)=>{jO(e,o)},mceInsertContent:(t,n,o)=>{jO(e,o)},mceSetContent:(t,n,o)=>{e.setContent(o)},mceReplaceContent:(t,n,o)=>{e.execCommand("mceInsertContent",!1,o.replace(/\{\$selection\}/g,e.selection.getContent({format:"text"})))},mceNewDocument:()=>{e.setContent(Vc(e))}})})(e),(e=>{const t=(t,n,o)=>{if(e.mode.isReadOnly())return;const r=m(o)?{href:o}:o,s=e.dom.getParent(e.selection.getNode(),"a");f(r)&&m(r.href)&&(r.href=r.href.replace(/ /g,"%20"),s&&r.href||e.formatter.remove("link"),r.href&&e.formatter.apply("link",r,s))};e.editorCommands.addCommands({unlink:()=>{if(e.selection.isEditable()){if(e.selection.isCollapsed()){const t=e.dom.getParent(e.selection.getStart(),"a");return void(t&&e.dom.remove(t,!0))}e.formatter.remove("link")}},mceInsertLink:t,createLink:t})})(e),(e=>{e.editorCommands.addCommands({Indent:()=>{(e=>{vS(e,"indent")})(e)},Outdent:()=>{yS(e)}}),e.editorCommands.addCommands({Outdent:()=>pS(e)},"state")})(e),(e=>{e.editorCommands.addCommands({InsertNewBlockBefore:()=>{(e=>{ZO(e,!0)})(e)},InsertNewBlockAfter:()=>{(e=>{ZO(e,!1)})(e)}})})(e),(e=>{e.editorCommands.addCommands({insertParagraph:()=>{XR(RR,e)},mceInsertNewLine:(t,n,o)=>{ZR(e,o)},InsertLineBreak:(t,n,o)=>{XR(MR,e)}})})(e),(e=>{(e=>{const t=(t,n)=>{e.formatter.toggle(t,n),e.nodeChanged()};e.editorCommands.addCommands({"Bold,Italic,Underline,Strikethrough,Superscript,Subscript":e=>{t(e)},"ForeColor,HiliteColor":(e,n,o)=>{t(e,{value:o})},BackColor:(e,n,o)=>{t("hilitecolor",{value:o})},FontName:(t,n,o)=>{((e,t)=>{const n=GO(e,t);e.formatter.toggle("fontname",{value:XO(n)}),e.nodeChanged()})(e,o)},FontSize:(t,n,o)=>{((e,t)=>{e.formatter.toggle("fontsize",{value:GO(e,t)}),e.nodeChanged()})(e,o)},LineHeight:(t,n,o)=>{((e,t)=>{e.formatter.toggle("lineheight",{value:String(t)}),e.nodeChanged()})(e,o)},Lang:(e,n,o)=>{var r;t(e,{value:o.code,customValue:null!==(r=o.customCode)&&void 0!==r?r:null})},RemoveFormat:t=>{e.formatter.remove(t)},mceBlockQuote:()=>{t("blockquote")},FormatBlock:(e,n,o)=>{t(m(o)?o:"p")},mceToggleFormat:(e,n,o)=>{t(o)}})})(e),(e=>{const t=t=>e.formatter.match(t);e.editorCommands.addCommands({"Bold,Italic,Underline,Strikethrough,Superscript,Subscript":e=>t(e),mceBlockQuote:()=>t("blockquote")},"state"),e.editorCommands.addQueryValueHandler("FontName",(()=>(e=>YO(e,(t=>WO(e.getBody(),t.dom))).getOr(""))(e))),e.editorCommands.addQueryValueHandler("FontSize",(()=>(e=>YO(e,(t=>qO(e.getBody(),t.dom))).getOr(""))(e))),e.editorCommands.addQueryValueHandler("LineHeight",(()=>(e=>YO(e,(t=>{const n=mn(e.getBody()),o=_r(t,(e=>Io(e,"line-height")),T(Cn,n));return o.getOrThunk((()=>{const e=parseFloat(Lo(t,"line-height")),n=parseFloat(Lo(t,"font-size"));return String(e/n)}))})).getOr(""))(e)))})(e)})(e),(e=>{e.editorCommands.addCommands({mceRemoveNode:(t,n,o)=>{const r=null!=o?o:e.selection.getNode();if(r!==e.getBody()){const t=e.selection.getBookmark();e.dom.remove(r,!0),e.selection.moveToBookmark(t)}},mcePrint:()=>{e.getWin().print()},mceFocus:(t,n,o)=>{((e,t)=>{e.removed||(t?Cg(e):(e=>{const t=e.selection,n=e.getBody();let o=t.getRng();e.quirks.refreshContentEditable();const r=e=>{og(e).each((t=>{e.selection.setRng(t),o=t}))};!vg(e)&&e.hasEditableRoot()&&r(e);const s=((e,t)=>e.dom.getParent(t,(t=>"true"===e.dom.getContentEditable(t))))(e,t.getNode());if(s&&e.dom.isChildOf(s,n))return((e,t)=>null!==e.dom.getParent(t,(t=>"false"===e.dom.getContentEditable(t))))(e,s)||bg(n),bg(s),e.hasEditableRoot()||r(e),hg(e,o),void Cg(e);e.inline||(nn.browser.isOpera()||bg(n),e.getWin().focus()),(nn.browser.isFirefox()||e.inline)&&(bg(n),hg(e,o)),Cg(e)})(e))})(e,!0===o)},mceToggleVisualAid:()=>{e.hasVisual=!e.hasVisual,e.addVisual()}})})(e)},JO=["toggleview"],eB=e=>H(JO,e.toLowerCase());class tB{constructor(e){this.commands={state:{},exec:{},value:{}},this.editor=e}execCommand(e,t=!1,n,o){const r=this.editor,s=e.toLowerCase(),a=null==o?void 0:o.skip_focus;if(r.removed)return!1;if("mcefocus"!==s&&(/^(mceAddUndoLevel|mceEndUndoLevel)$/i.test(s)||a?(e=>{og(e).each((t=>e.selection.setRng(t)))})(r):r.focus()),r.dispatch("BeforeExecCommand",{command:e,ui:t,value:n}).isDefaultPrevented())return!1;const i=this.commands.exec[s];return!!w(i)&&(i(s,t,n),r.dispatch("ExecCommand",{command:e,ui:t,value:n}),!0)}queryCommandState(e){if(!eB(e)&&this.editor.quirks.isHidden()||this.editor.removed)return!1;const t=e.toLowerCase(),n=this.commands.state[t];return!!w(n)&&n(t)}queryCommandValue(e){if(!eB(e)&&this.editor.quirks.isHidden()||this.editor.removed)return"";const t=e.toLowerCase(),n=this.commands.value[t];return w(n)?n(t):""}addCommands(e,t="exec"){const n=this.commands;pe(e,((e,o)=>{q(o.toLowerCase().split(","),(o=>{n[t][o]=e}))}))}addCommand(e,t,n){const o=e.toLowerCase();this.commands.exec[o]=(e,o,r)=>t.call(null!=n?n:this.editor,o,r)}queryCommandSupported(e){const t=e.toLowerCase();return!!this.commands.exec[t]}addQueryStateHandler(e,t,n){this.commands.state[e.toLowerCase()]=()=>t.call(null!=n?n:this.editor)}addQueryValueHandler(e,t,n){this.commands.value[e.toLowerCase()]=()=>t.call(null!=n?n:this.editor)}}const nB=an.makeMap("focus blur focusin focusout click dblclick mousedown mouseup mousemove mouseover beforepaste paste cut copy selectionchange mouseout mouseenter mouseleave wheel keydown keypress keyup input beforeinput contextmenu dragstart dragend dragover draggesture dragdrop drop drag submit compositionstart compositionend compositionupdate touchstart touchmove touchend touchcancel"," ");class oB{static isNative(e){return!!nB[e.toLowerCase()]}constructor(e){this.bindings={},this.settings=e||{},this.scope=this.settings.scope||this,this.toggleEvent=this.settings.toggleEvent||L}fire(e,t){return this.dispatch(e,t)}dispatch(e,t){const n=e.toLowerCase(),o=za(n,null!=t?t:{},this.scope);this.settings.beforeFire&&this.settings.beforeFire(o);const r=this.bindings[n];if(r)for(let e=0,t=r.length;e<t;e++){const t=r[e];if(!t.removed){if(t.once&&this.off(n,t.func),o.isImmediatePropagationStopped())return o;if(!1===t.func.call(this.scope,o))return o.preventDefault(),o}}return o}on(e,t,n,o){if(!1===t&&(t=L),t){const r={func:t,removed:!1};o&&an.extend(r,o);const s=e.toLowerCase().split(" ");let a=s.length;for(;a--;){const e=s[a];let t=this.bindings[e];t||(t=[],this.toggleEvent(e,!0)),t=n?[r,...t]:[...t,r],this.bindings[e]=t}}return this}off(e,t){if(e){const n=e.toLowerCase().split(" ");let o=n.length;for(;o--;){const r=n[o];let s=this.bindings[r];if(!r)return pe(this.bindings,((e,t)=>{this.toggleEvent(t,!1),delete this.bindings[t]})),this;if(s){if(t){const e=K(s,(e=>e.func===t));s=e.fail,this.bindings[r]=s,q(e.pass,(e=>{e.removed=!0}))}else s.length=0;s.length||(this.toggleEvent(e,!1),delete this.bindings[r])}}}else pe(this.bindings,((e,t)=>{this.toggleEvent(t,!1)})),this.bindings={};return this}once(e,t,n){return this.on(e,t,n,{once:!0})}has(e){e=e.toLowerCase();const t=this.bindings[e];return!(!t||0===t.length)}}const rB=e=>(e._eventDispatcher||(e._eventDispatcher=new oB({scope:e,toggleEvent:(t,n)=>{oB.isNative(t)&&e.toggleNativeEvent&&e.toggleNativeEvent(t,n)}})),e._eventDispatcher),sB={fire(e,t,n){return console.warn('The "fire" event api has been deprecated and will be removed in TinyMCE 9. Use "dispatch" instead.',(new Error).stack),this.dispatch(e,t,n)},dispatch(e,t,n){const o=this;if(o.removed&&"remove"!==e&&"detach"!==e)return za(e.toLowerCase(),null!=t?t:{},o);const r=rB(o).dispatch(e,t);if(!1!==n&&o.parent){let t=o.parent();for(;t&&!r.isPropagationStopped();)t.dispatch(e,r,!1),t=t.parent?t.parent():void 0}return r},on(e,t,n){return rB(this).on(e,t,n)},off(e,t){return rB(this).off(e,t)},once(e,t){return rB(this).once(e,t)},hasEventListeners(e){return rB(this).has(e)}},aB=ni.DOM;let iB;const lB=(e,t)=>{if("selectionchange"===t)return e.getDoc();if(!e.inline&&/^(?:mouse|touch|click|contextmenu|drop|dragover|dragend)/.test(t))return e.getDoc().documentElement;const n=sc(e);return n?(e.eventRoot||(e.eventRoot=aB.select(n)[0]),e.eventRoot):e.getBody()},dB=(e,t,n)=>{(e=>!e.hidden&&!CE(e))(e)?e.dispatch(t,n):CE(e)&&((e,t)=>{if((e=>"click"===e.type)(t)&&!wg.metaKeyPressed(t)){const n=mn(t.target);((e,t)=>sr(t,"a",(t=>Cn(t,mn(e.getBody())))).bind((e=>bo(e,"href"))))(e,n).each((n=>{if(t.preventDefault(),/^#/.test(n)){const t=e.dom.select(`${n},[name="${We(n,"#")}"]`);t.length&&e.selection.scrollIntoView(t[0],!0)}else window.open(n,"_blank","rel=noopener noreferrer,menubar=yes,toolbar=yes,location=yes,status=yes,resizable=yes,scrollbars=yes")}))}else(e=>H(xE,e.type))(t)&&e.dispatch(t.type,t)})(e,n)},cB=(e,t)=>{if(e.delegates||(e.delegates={}),e.delegates[t]||e.removed)return;const n=lB(e,t);if(sc(e)){if(iB||(iB={},e.editorManager.on("removeEditor",(()=>{e.editorManager.activeEditor||iB&&(pe(iB,((t,n)=>{e.dom.unbind(lB(e,n))})),iB=null)}))),iB[t])return;const o=n=>{const o=n.target,r=e.editorManager.get();let s=r.length;for(;s--;){const e=r[s].getBody();(e===o||aB.isChildOf(o,e))&&dB(r[s],t,n)}};iB[t]=o,aB.bind(n,t,o)}else{const o=n=>{dB(e,t,n)};aB.bind(n,t,o),e.delegates[t]=o}},uB={...sB,bindPendingEventDelegates(){const e=this;an.each(e._pendingNativeEvents,(t=>{cB(e,t)}))},toggleNativeEvent(e,t){const n=this;"focus"!==e&&"blur"!==e&&(n.removed||(t?n.initialized?cB(n,e):n._pendingNativeEvents?n._pendingNativeEvents.push(e):n._pendingNativeEvents=[e]:n.initialized&&n.delegates&&(n.dom.unbind(lB(n,e),e,n.delegates[e]),delete n.delegates[e])))},unbindAllNativeEvents(){const e=this,t=e.getBody(),n=e.dom;e.delegates&&(pe(e.delegates,((t,n)=>{e.dom.unbind(lB(e,n),n,t)})),delete e.delegates),!e.inline&&t&&n&&(t.onload=null,n.unbind(e.getWin()),n.unbind(e.getDoc())),n&&(n.unbind(t),n.unbind(e.getContainer()))}},mB=e=>m(e)?{value:e.split(/[ ,]/),valid:!0}:_(e,m)?{value:e,valid:!0}:{valid:!1,message:"The value must be a string[] or a comma/space separated string."},fB=(e,t)=>e+(tt(t.message)?"":`. ${t.message}`),gB=e=>e.valid,pB=(e,t,n="")=>{const o=t(e);return b(o)?o?{value:e,valid:!0}:{valid:!1,message:n}:o},hB=e=>e.readonly,bB=["design","readonly"],vB=(e,t,n,o)=>{const r=n[t.get()],s=n[o];try{s.activate()}catch(e){return void console.error(`problem while activating editor mode ${o}:`,e)}r.deactivate(),r.editorReadOnly!==s.editorReadOnly&&((e,t)=>{const n=mn(e.getBody());t?(e.readonly=!0,e.hasEditableRoot()&&(n.dom.contentEditable="true"),vE(e)):(e.readonly=!1,yE(e))})(e,s.editorReadOnly),t.set(o),((e,t)=>{e.dispatch("SwitchMode",{mode:t})})(e,o)},yB=e=>{const t=Ne("design"),n=Ne({design:{activate:x,deactivate:x,editorReadOnly:!1},readonly:{activate:x,deactivate:x,editorReadOnly:!0}});return(e=>{const t=t=>{hB(e)&&(e=>$(e,(e=>"characterData"===e.type||"childList"===e.type)))(t)&&(e=>{const t=e.undoManager.add();C(t)&&(e.undoManager.undo(),e.undoManager.reset())})(e)},n=new MutationObserver(t);e.on("beforeinput paste cut dragend dragover draggesture dragdrop drop drag",(t=>{hB(e)&&t.preventDefault()})),e.on("BeforeExecCommand",(t=>{"Undo"!==t.command&&"Redo"!==t.command||!hB(e)||t.preventDefault()})),e.on("compositionstart",(()=>{hB(e)&&n.observe(e.getBody(),{characterData:!0,childList:!0,subtree:!0})})),e.on("compositionend",(()=>{if(hB(e)){const e=n.takeRecords();t(e)}n.disconnect()}))})(e),(e=>{(e=>{e.serializer?_E(e):e.on("PreInit",(()=>{_E(e)}))})(e),(e=>{e.on("ShowCaret ObjectSelected",(t=>{CE(e)&&t.preventDefault()})),e.on("DisabledStateChange",(t=>{t.isDefaultPrevented()||EE(e,t.state)}))})(e)})(e),{isReadOnly:()=>hB(e),set:o=>((e,t,n,o)=>{if(!(o===n.get()||e.initialized&&CE(e))){if(!xe(t,o))throw new Error(`Editor mode '${o}' is invalid`);e.initialized?vB(e,n,t,o):e.on("init",(()=>vB(e,n,t,o)))}})(e,n.get(),t,o),get:()=>t.get(),register:(e,t)=>{n.set(((e,t,n)=>{if(H(bB,t))throw new Error(`Cannot override default mode ${t}`);return{...e,[t]:{...n,deactivate:()=>{try{n.deactivate()}catch(e){console.error(`problem while deactivating editor mode ${t}:`,e)}}}}})(n.get(),e,t))}}},CB=an.each,wB=an.explode,EB={f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},_B=an.makeMap("alt,ctrl,shift,meta,access"),xB=e=>{const t={},n=nn.os.isMacOS()||nn.os.isiOS();CB(wB(e.toLowerCase(),"+"),(e=>{(e=>e in _B)(e)?t[e]=!0:/^[0-9]{2,}$/.test(e)?t.keyCode=parseInt(e,10):(t.charCode=e.charCodeAt(0),t.keyCode=EB[e]||e.toUpperCase().charCodeAt(0))}));const o=[t.keyCode];let r;for(r in _B)t[r]?o.push(r):t[r]=!1;return t.id=o.join(","),t.access&&(t.alt=!0,n?t.ctrl=!0:t.shift=!0),t.meta&&(n?t.meta=!0:(t.ctrl=!0,t.meta=!1)),t};class SB{constructor(e){this.shortcuts={},this.pendingPatterns=[],this.editor=e;const t=this;e.on("keyup keypress keydown",(e=>{!t.hasModifier(e)&&!t.isFunctionKey(e)||e.isDefaultPrevented()||(CB(t.shortcuts,(n=>{t.matchShortcut(e,n)&&(t.pendingPatterns=n.subpatterns.slice(0),"keydown"===e.type&&t.executeShortcutAction(n))})),t.matchShortcut(e,t.pendingPatterns[0])&&(1===t.pendingPatterns.length&&"keydown"===e.type&&t.executeShortcutAction(t.pendingPatterns[0]),t.pendingPatterns.shift()))}))}add(e,t,n,o){const r=this,s=r.normalizeCommandFunc(n);return CB(wB(an.trim(e)),(e=>{const n=r.createShortcut(e,t,s,o);r.shortcuts[n.id]=n})),!0}remove(e){const t=this.createShortcut(e);return!!this.shortcuts[t.id]&&(delete this.shortcuts[t.id],!0)}normalizeCommandFunc(e){const t=this,n=e;return"string"==typeof n?()=>{t.editor.execCommand(n,!1,null)}:an.isArray(n)?()=>{t.editor.execCommand(n[0],n[1],n[2])}:n}createShortcut(e,t,n,o){const r=an?.map(wB(e,">"),xB);return r[r.length-1]=an.extend(r[r.length-1],{func:n,scope:o||this.editor}),an.extend(r[0],{desc:this.editor.translate(t),subpatterns:r.slice(1)})}hasModifier(e){return e.altKey||e.ctrlKey||e.metaKey}isFunctionKey(e){return"keydown"===e.type&&e.keyCode>=112&&e.keyCode<=123}matchShortcut(e,t){return!!t&&t.ctrl===e.ctrlKey&&t.meta===e.metaKey&&t.alt===e.altKey&&t.shift===e.shiftKey&&!!(e.keyCode===t.keyCode||e.charCode&&e.charCode===t.charCode)&&(e.preventDefault(),!0)}executeShortcutAction(e){return e.func?e.func.call(e.scope):null}}const kB=()=>{const e=(()=>{const e={},t={},n={},o={},r={},s={},a={},i={},l={},d=(e,t)=>(n,o)=>{e[n.toLowerCase()]={...o,type:t}};return{addButton:d(e,"button"),addGroupToolbarButton:d(e,"grouptoolbarbutton"),addToggleButton:d(e,"togglebutton"),addMenuButton:d(e,"menubutton"),addSplitButton:d(e,"splitbutton"),addMenuItem:d(t,"menuitem"),addNestedMenuItem:d(t,"nestedmenuitem"),addToggleMenuItem:d(t,"togglemenuitem"),addAutocompleter:d(n,"autocompleter"),addContextMenu:d(r,"contextmenu"),addContextToolbar:d(s,"contexttoolbar"),addContextForm:(c=s,(e,t)=>{c[e.toLowerCase()]={type:"contextform",...t}}),addSidebar:d(i,"sidebar"),addView:d(l,"views"),addIcon:(e,t)=>o[e.toLowerCase()]=t,addContext:(e,t)=>a[e.toLowerCase()]=t,getAll:()=>({buttons:e,menuItems:t,icons:o,popups:n,contextMenus:r,contextToolbars:s,sidebars:i,views:l,contexts:a})};var c})();return{addAutocompleter:e.addAutocompleter,addButton:e.addButton,addContextForm:e.addContextForm,addContextMenu:e.addContextMenu,addContextToolbar:e.addContextToolbar,addIcon:e.addIcon,addMenuButton:e.addMenuButton,addMenuItem:e.addMenuItem,addNestedMenuItem:e.addNestedMenuItem,addSidebar:e.addSidebar,addSplitButton:e.addSplitButton,addToggleButton:e.addToggleButton,addGroupToolbarButton:e.addGroupToolbarButton,addToggleMenuItem:e.addToggleMenuItem,addView:e.addView,addContext:e.addContext,getAll:e.getAll}},NB=ni.DOM,RB=an.extend,AB=an.each;class TB{constructor(e,t,n){this.plugins={},this.contentCSS=[],this.contentStyles=[],this.loadedCSS={},this.isNotDirty=!1,this.composing=!1,this.destroyed=!1,this.hasHiddenInput=!1,this.iframeElement=null,this.initialized=!1,this.readonly=!1,this.removed=!1,this.startContent="",this._pendingNativeEvents=[],this._skinLoaded=!1,this._editableRoot=!0,this.editorManager=n,this.documentBaseUrl=n.documentBaseURL,RB(this,uB);const o=this;this.id=e,this.hidden=!1;const r=((e,t)=>{const n=Ie(t);return FO(OO||BO,OO,n,e,n)})(n.defaultOptions,t);this.options=((e,t,n=t)=>{const o={},r={},s=(e,t,n)=>{const o=pB(t,n);return gB(o)?(r[e]=o.value,!0):(console.warn(fB(`Invalid value passed for the ${e} option`,o)),!1)},a=e=>xe(o,e);return{register:(e,n)=>{const a=(e=>m(e.processor))(n)?(e=>{const t=(()=>{switch(e){case"array":return p;case"boolean":return b;case"function":return w;case"number":return E;case"object":return f;case"string":return m;case"string[]":return mB;case"object[]":return e=>_(e,f);case"regexp":return e=>u(e,RegExp);default:return M}})();return n=>pB(n,t,`The value must be a ${e}.`)})(n.processor):n.processor,i=((e,t,n)=>{if(!v(t)){const o=pB(t,n);if(gB(o))return o.value;console.error(fB(`Invalid default value passed for the "${e}" option`,o))}})(e,n.default,a);o[e]={...n,default:i,processor:a},_e(r,e).orThunk((()=>_e(t,e))).each((t=>s(e,t,a)))},isRegistered:a,get:e=>_e(r,e).orThunk((()=>_e(o,e)?.map((e=>e.default)))).getOrUndefined(),set:(e,t)=>{if(a(e)){const n=o[e];return n.immutable?(console.error(`"${e}" is an immutable option and cannot be updated`),!1):s(e,t,n.processor)}return console.warn(`"${e}" is not a registered option. Ensure the option has been registered before setting a value.`),!1},unset:e=>{const t=a(e);return t&&delete r[e],t},isSet:e=>xe(r,e),debug:()=>{try{console.log(JSON.parse(JSON.stringify(n,((e,t)=>b(t)||E(t)||m(t)||h(t)||p(t)||g(t)?t:Object.prototype.toString.call(t)))))}catch(e){console.error(e)}}}})(0,r,t),(e=>{const t=e.options.register;t("id",{processor:"string",default:e.id}),t("selector",{processor:"string"}),t("target",{processor:"object"}),t("suffix",{processor:"string"}),t("cache_suffix",{processor:"string"}),t("base_url",{processor:"string"}),t("referrer_policy",{processor:"string",default:""}),t("language_load",{processor:"boolean",default:!0}),t("inline",{processor:"boolean",default:!1}),t("iframe_attrs",{processor:"object",default:{}}),t("doctype",{processor:"string",default:"<!DOCTYPE html>"}),t("document_base_url",{processor:"string",default:e.documentBaseUrl}),t("body_id",{processor:wd(e,"tinymce"),default:"tinymce"}),t("body_class",{processor:wd(e),default:""}),t("content_security_policy",{processor:"string",default:""}),t("br_in_pre",{processor:"boolean",default:!0}),t("forced_root_block",{processor:e=>{const t=m(e)&&et(e);return t?{value:e,valid:t}:{valid:!1,message:"Must be a non-empty string."}},default:"p"}),t("forced_root_block_attrs",{processor:"object",default:{}}),t("newline_behavior",{processor:e=>{const t=H(["block","linebreak","invert","default"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be one of: block, linebreak, invert or default."}},default:"default"}),t("br_newline_selector",{processor:"string",default:".mce-toc h2,figcaption,caption"}),t("no_newline_selector",{processor:"string",default:""}),t("keep_styles",{processor:"boolean",default:!0}),t("end_container_on_empty_block",{processor:e=>b(e)||m(e)?{valid:!0,value:e}:{valid:!1,message:"Must be boolean or a string"},default:"blockquote"}),t("font_size_style_values",{processor:"string",default:"xx-small,x-small,small,medium,large,x-large,xx-large"}),t("font_size_legacy_values",{processor:"string",default:"xx-small,small,medium,large,x-large,xx-large,300%"}),t("font_size_classes",{processor:"string",default:""}),t("automatic_uploads",{processor:"boolean",default:!0}),t("images_reuse_filename",{processor:"boolean",default:!1}),t("images_replace_blob_uris",{processor:"boolean",default:!0}),t("icons",{processor:"string",default:""}),t("icons_url",{processor:"string",default:""}),t("images_upload_url",{processor:"string",default:""}),t("images_upload_base_path",{processor:"string",default:""}),t("images_upload_credentials",{processor:"boolean",default:!1}),t("images_upload_handler",{processor:"function"}),t("language",{processor:"string",default:"en"}),t("language_url",{processor:"string",default:""}),t("entity_encoding",{processor:"string",default:"named"}),t("indent",{processor:"boolean",default:!0}),t("indent_before",{processor:"string",default:"p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,tfoot,tbody,tr,section,details,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist"}),t("indent_after",{processor:"string",default:"p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,tfoot,tbody,tr,section,details,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist"}),t("indent_use_margin",{processor:"boolean",default:!1}),t("indentation",{processor:"string",default:"40px"}),t("content_css",{processor:e=>{const t=!1===e||m(e)||_(e,m);return t?m(e)?{value:V(e.split(","),Ze),valid:t}:p(e)?{value:e,valid:t}:!1===e?{value:[],valid:t}:{value:e,valid:t}:{valid:!1,message:"Must be false, a string or an array of strings."}},default:bc(e)?[]:["default"]}),t("content_style",{processor:"string"}),t("content_css_cors",{processor:"boolean",default:!1}),t("font_css",{processor:e=>{const t=m(e)||_(e,m);return t?{value:p(e)?e:V(e.split(","),Ze),valid:t}:{valid:!1,message:"Must be a string or an array of strings."}},default:[]}),t("extended_mathml_attributes",{processor:"string[]"}),t("extended_mathml_elements",{processor:"string[]"}),t("inline_boundaries",{processor:"boolean",default:!0}),t("inline_boundaries_selector",{processor:"string",default:"a[href],code,span.mce-annotation"}),t("object_resizing",{processor:e=>{const t=b(e)||m(e);return t?!1===e||pd.isiPhone()||pd.isiPad()?{value:"",valid:t}:{value:!0===e?"table,img,figure.image,div,video,iframe":e,valid:t}:{valid:!1,message:"Must be boolean or a string"}},default:!hd}),t("resize_img_proportional",{processor:"boolean",default:!0}),t("event_root",{processor:"string"}),t("service_message",{processor:"string"}),t("onboarding",{processor:"boolean",default:!0}),t("tiny_cloud_entry_url",{processor:"string"}),t("theme",{processor:e=>!1===e||m(e)||w(e),default:"silver"}),t("theme_url",{processor:"string"}),t("formats",{processor:"object"}),t("format_empty_lines",{processor:"boolean",default:!1}),t("format_noneditable_selector",{processor:"string",default:""}),t("preview_styles",{processor:e=>{const t=!1===e||m(e);return t?{value:!1===e?"":e,valid:t}:{valid:!1,message:"Must be false or a string"}},default:"font-family font-size font-weight font-style text-decoration text-transform color background-color border border-radius outline text-shadow"}),t("custom_ui_selector",{processor:"string",default:""}),t("hidden_input",{processor:"boolean",default:!0}),t("submit_patch",{processor:"boolean",default:!0}),t("encoding",{processor:"string"}),t("add_form_submit_trigger",{processor:"boolean",default:!0}),t("add_unload_trigger",{processor:"boolean",default:!0}),t("custom_undo_redo_levels",{processor:"number",default:0}),t("disable_nodechange",{processor:"boolean",default:!1}),t("disabled",{processor:t=>b(t)?(e.initialized&&hu(e)!==t&&Promise.resolve().then((()=>{((e,t)=>{e.dispatch("DisabledStateChange",{state:t})})(e,t)})),{valid:!0,value:t}):{valid:!1,message:"The value must be a boolean."},default:!1}),t("readonly",{processor:"boolean",default:!1}),t("editable_root",{processor:"boolean",default:!0}),t("plugins",{processor:"string[]",default:[]}),t("external_plugins",{processor:"object"}),t("forced_plugins",{processor:"string[]"}),t("model",{processor:"string",default:e.hasPlugin("rtc")?"plugin":"dom"}),t("model_url",{processor:"string"}),t("block_unsupported_drop",{processor:"boolean",default:!0}),t("visual",{processor:"boolean",default:!0}),t("visual_table_class",{processor:"string",default:"mce-item-table"}),t("visual_anchor_class",{processor:"string",default:"mce-item-anchor"}),t("iframe_aria_text",{processor:"string",default:"Rich Text Area".concat(e.hasPlugin("help")?". Press ALT-0 for help.":"")}),t("setup",{processor:"function"}),t("init_instance_callback",{processor:"function"}),t("url_converter",{processor:"function",default:e.convertURL}),t("url_converter_scope",{processor:"object",default:e}),t("urlconverter_callback",{processor:"function"}),t("allow_conditional_comments",{processor:"boolean",default:!1}),t("allow_html_data_urls",{processor:"boolean",default:!1}),t("allow_svg_data_urls",{processor:"boolean"}),t("allow_html_in_named_anchor",{processor:"boolean",default:!1}),t("allow_html_in_comments",{processor:"boolean",default:!0}),t("allow_script_urls",{processor:"boolean",default:!1}),t("allow_unsafe_link_target",{processor:"boolean",default:!1}),t("allow_mathml_annotation_encodings",{processor:e=>{const t=_(e,m);return t?{value:e,valid:t}:{valid:!1,message:"Must be an array of strings."}},default:[]}),t("convert_fonts_to_spans",{processor:"boolean",default:!0,deprecated:!0}),t("fix_list_elements",{processor:"boolean",default:!1}),t("preserve_cdata",{processor:"boolean",default:!1}),t("remove_trailing_brs",{processor:"boolean",default:!0}),t("pad_empty_with_br",{processor:"boolean",default:!1}),t("inline_styles",{processor:"boolean",default:!0,deprecated:!0}),t("element_format",{processor:"string",default:"html"}),t("entities",{processor:"string"}),t("schema",{processor:"string",default:"html5"}),t("convert_urls",{processor:"boolean",default:!0}),t("relative_urls",{processor:"boolean",default:!0}),t("remove_script_host",{processor:"boolean",default:!0}),t("custom_elements",{processor:Cd}),t("extended_valid_elements",{processor:"string"}),t("invalid_elements",{processor:"string"}),t("invalid_styles",{processor:Cd}),t("valid_children",{processor:"string"}),t("valid_classes",{processor:Cd}),t("valid_elements",{processor:"string"}),t("valid_styles",{processor:Cd}),t("verify_html",{processor:"boolean",default:!0}),t("auto_focus",{processor:e=>m(e)||!0===e}),t("browser_spellcheck",{processor:"boolean",default:!1}),t("protect",{processor:"array"}),t("images_file_types",{processor:"string",default:"jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp"}),t("deprecation_warnings",{processor:"boolean",default:!0}),t("a11y_advanced_options",{processor:"boolean",default:!1}),t("api_key",{processor:"string"}),t("license_key",{processor:"string"}),t("paste_block_drop",{processor:"boolean",default:!1}),t("paste_data_images",{processor:"boolean",default:!0}),t("paste_preprocess",{processor:"function"}),t("paste_postprocess",{processor:"function"}),t("paste_webkit_styles",{processor:"string",default:"none"}),t("paste_remove_styles_if_webkit",{processor:"boolean",default:!0}),t("paste_merge_formats",{processor:"boolean",default:!0}),t("smart_paste",{processor:"boolean",default:!0}),t("paste_as_text",{processor:"boolean",default:!1}),t("paste_tab_spaces",{processor:"number",default:4}),t("text_patterns",{processor:e=>_(e,f)||!1===e?{value:id(!1===e?[]:e),valid:!0}:{valid:!1,message:"Must be an array of objects or false."},default:[{start:"*",end:"*",format:"italic"},{start:"**",end:"**",format:"bold"},{start:"#",format:"h1",trigger:"space"},{start:"##",format:"h2",trigger:"space"},{start:"###",format:"h3",trigger:"space"},{start:"####",format:"h4",trigger:"space"},{start:"#####",format:"h5",trigger:"space"},{start:"######",format:"h6",trigger:"space"},{start:"1.",cmd:"InsertOrderedList",trigger:"space"},{start:"*",cmd:"InsertUnorderedList",trigger:"space"},{start:"-",cmd:"InsertUnorderedList",trigger:"space"},{start:">",cmd:"mceBlockQuote",trigger:"space"},{start:"---",cmd:"InsertHorizontalRule",trigger:"space"}]}),t("text_patterns_lookup",{processor:e=>{return w(e)?{value:(t=e,e=>{const n=t(e);return id(n)}),valid:!0}:{valid:!1,message:"Must be a single function"};var t},default:e=>[]}),t("noneditable_class",{processor:"string",default:"mceNonEditable"}),t("editable_class",{processor:"string",default:"mceEditable"}),t("noneditable_regexp",{processor:e=>_(e,vd)?{value:e,valid:!0}:vd(e)?{value:[e],valid:!0}:{valid:!1,message:"Must be a RegExp or an array of RegExp."},default:[]}),t("table_tab_navigation",{processor:"boolean",default:!0}),t("highlight_on_focus",{processor:"boolean",default:!0}),t("xss_sanitization",{processor:"boolean",default:!0}),t("details_initial_state",{processor:e=>{const t=H(["inherited","collapsed","expanded"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be one of: inherited, collapsed, or expanded."}},default:"inherited"}),t("details_serialized_state",{processor:e=>{const t=H(["inherited","collapsed","expanded"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be one of: inherited, collapsed, or expanded."}},default:"inherited"}),t("init_content_sync",{processor:"boolean",default:!1}),t("newdocument_content",{processor:"string",default:""}),t("sandbox_iframes",{processor:"boolean",default:!0}),t("sandbox_iframes_exclusions",{processor:"string[]",default:["youtube.com","youtu.be","vimeo.com","player.vimeo.com","dailymotion.com","embed.music.apple.com","open.spotify.com","giphy.com","dai.ly","codepen.io"]}),t("convert_unsafe_embeds",{processor:"boolean",default:!0}),e.on("ScriptsLoaded",(()=>{t("directionality",{processor:"string",default:li.isRtl()?"rtl":void 0}),t("placeholder",{processor:"string",default:bd.getAttrib(e.getElement(),"placeholder")})}))})(o);const s=this.options.get;s("deprecation_warnings")&&((e,t)=>{((e,t)=>{const n=qw(e),o=Yw(t),r=o.length>0,s=n.length>0,a="mobile"===t.theme;if(r||s||a){const e="\n- ",t=a?`\n\nThemes:${e}mobile`:"",i=r?`\n\nPlugins:${e}${o.join(e)}`:"",l=s?`\n\nOptions:${e}${n.join(e)}`:"";console.warn("The following deprecated features are currently enabled and have been removed in TinyMCE 7.0. These features will no longer work and should be removed from the TinyMCE configuration. See https://www.tiny.cloud/docs/tinymce/7/migration-from-6x/ for more information."+t+i+l)}})(e,t),((e,t)=>{const n=Ww(e),o=Gw(t),r=o.length>0,s=n.length>0;if(r||s){const e="\n- ",t=r?`\n\nPlugins:${e}${o?.map(Xw).join(e)}`:"",a=s?`\n\nOptions:${e}${n.join(e)}`:"";console.warn("The following deprecated features are currently enabled but will be removed soon."+t+a)}})(e,t)})(t,r);const a=s("suffix");a&&(n.suffix=a),this.suffix=n.suffix;const i=s("base_url");i&&n._setBaseUrl(i),this.baseUri=n.baseURI;const l=Wd(o);l&&(ri.ScriptLoader._setReferrerPolicy(l),ni.DOM.styleSheetLoader._setReferrerPolicy(l));const d=kc(o);C(d)&&ni.DOM.styleSheetLoader._setContentCssCors(d),di.languageLoad=s("language_load"),di.baseURL=n.baseURL,this.setDirty(!1),this.documentBaseURI=new BC(xd(o),{base_uri:this.baseUri}),this.baseURI=this.baseUri,this.inline=bc(o),this.hasVisual=Tc(o),this.shortcuts=new SB(this),this.editorCommands=new tB(this),QO(this);const c=s("cache_suffix");c&&(nn.cacheSuffix=c.replace(/^[\?\&]+/,"")),this.ui={registry:kB(),styleSheetLoader:void 0,show:x,hide:x,setEnabled:x,isEnabled:M},this.mode=yB(o),n.dispatch("SetupEditor",{editor:this});const y=Dc(o);w(y)&&y.call(o,o)}render(){(e=>{const t=e.id;li.setCode(Kd(e));const n=()=>{kO.unbind(window,"ready",n),e.render()};if(!Wa.Event.domLoaded)return void kO.bind(window,"ready",n);if(!e.getElement())return;const o=mn(e.getElement()),r=Co(o);e.on("remove",(()=>{W(o.dom.attributes,(e=>yo(o,e.name))),po(o,r)})),e.ui.styleSheetLoader=((e,t)=>Ys.forElement(e,{contentCssCors:kc(t),referrerPolicy:Wd(t)}))(o,e),bc(e)?e.inline=!0:(e.orgVisibility=e.getElement().style.visibility,e.getElement().style.visibility="hidden");const s=e.getElement().form||kO.getParent(t,"form");s&&(e.formElement=s,vc(e)&&!Jr(e.getElement())&&(kO.insertAfter(kO.create("input",{type:"hidden",name:t}),t),e.hasHiddenInput=!0),e.formEventDelegate=t=>{e.dispatch(t.type,t)},kO.bind(s,"submit reset",e.formEventDelegate),e.on("reset",(()=>{e.resetContent()})),!yc(e)||s.submit.nodeType||s.submit.length||s._mceOldSubmit||(s._mceOldSubmit=s.submit,s.submit=()=>(e.editorManager.triggerSave(),e.setDirty(!1),s._mceOldSubmit(s)))),e.windowManager=cE(e),e.notificationManager=iE(e),(e=>"xml"===e.options.get("encoding"))(e)&&e.on("GetContent",(e=>{e.save&&(e.content=kO.encode(e.content))})),Cc(e)&&e.on("submit",(()=>{e.initialized&&e.save()})),wc(e)&&(e._beforeUnload=()=>{!e.initialized||e.destroyed||e.isHidden()||e.save({format:"raw",no_events:!0,set_dirty:!1})},e.editorManager.on("BeforeUnload",e._beforeUnload)),e.editorManager.add(e),AO(e,e.suffix)})(this)}focus(e){this.execCommand("mceFocus",!1,e)}hasFocus(){return vg(this)}translate(e){return li.translate(e)}getParam(e,t,n){const o=this.options;return o.isRegistered(e)||(C(n)?o.register(e,{processor:n,default:t}):o.register(e,{processor:M,default:t})),o.isSet(e)||v(t)?o.get(e):t}hasPlugin(e,t){return!(!H(Nc(this),e)||t&&void 0===lE.get(e))}nodeChanged(e){this._nodeChangeDispatcher.nodeChanged(e)}addCommand(e,t,n){this.editorCommands.addCommand(e,t,n)}addQueryStateHandler(e,t,n){this.editorCommands.addQueryStateHandler(e,t,n)}addQueryValueHandler(e,t,n){this.editorCommands.addQueryValueHandler(e,t,n)}addShortcut(e,t,n,o){this.shortcuts.add(e,t,n,o)}execCommand(e,t,n,o){return this.editorCommands.execCommand(e,t,n,o)}queryCommandState(e){return this.editorCommands.queryCommandState(e)}queryCommandValue(e){return this.editorCommands.queryCommandValue(e)}queryCommandSupported(e){return this.editorCommands.queryCommandSupported(e)}show(){const e=this;e.hidden&&(e.hidden=!1,e.inline?e.getBody().contentEditable="true":(NB.show(e.getContainer()),NB.hide(e.id)),e.load(),e.dispatch("show"))}hide(){const e=this;e.hidden||(e.save(),e.inline?(e.getBody().contentEditable="false",e===e.editorManager.focusedEditor&&(e.editorManager.focusedEditor=null)):(NB.hide(e.getContainer()),NB.setStyle(e.id,"display",e.orgDisplay)),e.hidden=!0,e.dispatch("hide"))}isHidden(){return this.hidden}setProgressState(e,t){this.dispatch("ProgressState",{state:e,time:t})}load(e={}){const t=this,n=t.getElement();if(t.removed)return"";if(n){const o={...e,load:!0},r=Jr(n)?n.value:n.innerHTML,s=t.setContent(r,o);return o.no_events||t.dispatch("LoadContent",{...o,element:n}),s}return""}save(e={}){const t=this;let n=t.getElement();if(!n||!t.initialized||t.removed)return"";const o={...e,save:!0,element:n};let r=t.getContent(o);const s={...o,content:r};if(s.no_events||t.dispatch("SaveContent",s),"raw"===s.format&&t.dispatch("RawSaveContent",s),r=s.content,Jr(n))n.value=r;else{!e.is_removing&&t.inline||(n.innerHTML=r);const o=NB.getParent(t.id,"form");o&&AB(o.elements,(e=>e.name!==t.id||(e.value=r,!1)))}return s.element=o.element=n=null,!1!==s.set_dirty&&t.setDirty(!1),r}setContent(e,t){return Uw(this,e,t)}getContent(e){return((e,t={})=>{const n=((e,t)=>({...e,format:t,get:!0,getInner:!0}))(t,t.format?t.format:"html");return XC(e,n).fold(R,(t=>{const n=((e,t)=>Rw(e).editor.getContent(t))(e,t);return ZC(e,n,t)}))})(this,e)}insertContent(e,t){t&&(e=RB({content:e},t)),this.execCommand("mceInsertContent",!1,e)}resetContent(e){void 0===e?Uw(this,this.startContent,{format:"raw"}):Uw(this,e),this.undoManager.reset(),this.setDirty(!1),this.nodeChanged()}isDirty(){return!this.isNotDirty}setDirty(e){const t=!this.isNotDirty;this.isNotDirty=!e,e&&e!==t&&this.dispatch("dirty")}getContainer(){const e=this;return e.container||(e.container=e.editorContainer||NB.get(e.id+"_parent")),e.container}getContentAreaContainer(){return this.contentAreaContainer}getElement(){return this.targetElm||(this.targetElm=NB.get(this.id)),this.targetElm}getWin(){const e=this;if(!e.contentWindow){const t=e.iframeElement;t&&(e.contentWindow=t.contentWindow)}return e.contentWindow}getDoc(){const e=this;if(!e.contentDocument){const t=e.getWin();t&&(e.contentDocument=t.document)}return e.contentDocument}getBody(){var e,t;const n=this.getDoc();return null!==(t=null!==(e=this.bodyElement)&&void 0!==e?e:null==n?void 0:n.body)&&void 0!==t?t:null}convertURL(e,t,n){const o=this,r=o.options.get,s=Mc(o);if(w(s))return s.call(o,e,n,!0,t);if(!r("convert_urls")||"link"===n||f(n)&&"LINK"===n.nodeName||0===e.indexOf("file:")||0===e.length)return e;const a=new BC(e);return"http"!==a.protocol&&"https"!==a.protocol&&""!==a.protocol?e:r("relative_urls")?o.documentBaseURI.toRelative(e):e=o.documentBaseURI.toAbsolute(e,r("remove_script_host"))}addVisual(e){((e,t)=>{((e,t)=>{Aw(e).editor.addVisual(t)})(e,t)})(this,e)}setEditableRoot(e){((e,t)=>{e._editableRoot!==t&&(e._editableRoot=t,CE(e)||(e.getBody().contentEditable=String(e.hasEditableRoot()),e.nodeChanged()),((e,t)=>{e.dispatch("EditableRootStateChange",{state:t})})(e,t))})(this,e)}hasEditableRoot(){return this._editableRoot}remove(){(e=>{if(!e.removed){const{_selectionOverrides:t,editorUpload:n}=e,o=e.getBody(),r=e.getElement();o&&e.save({is_removing:!0}),e.removed=!0,e.unbindAllNativeEvents(),e.hasHiddenInput&&C(null==r?void 0:r.nextSibling)&&Zw.remove(r.nextSibling),(e=>{e.dispatch("remove")})(e),e.editorManager.remove(e),!e.inline&&o&&(e=>{Zw.setStyle(e.id,"display",e.orgDisplay)})(e),(e=>{e.dispatch("detach")})(e),Zw.remove(e.getContainer()),Qw(t),Qw(n),e.destroy()}})(this)}destroy(e){((e,t)=>{const{selection:n,dom:o}=e;e.destroyed||(t||e.removed?(t||(e.editorManager.off("beforeunload",e._beforeUnload),e.theme&&e.theme.destroy&&e.theme.destroy(),Qw(n),Qw(o)),(e=>{const t=e.formElement;t&&(t._mceOldSubmit&&(t.submit=t._mceOldSubmit,delete t._mceOldSubmit),Zw.unbind(t,"submit reset",e.formEventDelegate))})(e),(e=>{const t=e;t.contentAreaContainer=t.formElement=t.container=t.editorContainer=null,t.bodyElement=t.contentDocument=t.contentWindow=null,t.iframeElement=t.targetElm=null;const n=e.selection;if(n){const e=n.dom;t.selection=n.win=n.dom=e.doc=null}})(e),e.destroyed=!0):e.remove())})(this,e)}uploadImages(){return this.editorUpload.uploadImages()}_scanForImages(){return this.editorUpload.scanForImages()}}const OB=ni.DOM,BB=an.each;let PB,DB=!1,LB=[];const MB=e=>{const t=e.type;BB(zB.get(),(n=>{switch(t){case"scroll":n.dispatch("ScrollWindow",e);break;case"resize":n.dispatch("ResizeWindow",e)}}))},IB=e=>{if(e!==DB){const t=ni.DOM;e?(t.bind(window,"resize",MB),t.bind(window,"scroll",MB)):(t.unbind(window,"resize",MB),t.unbind(window,"scroll",MB)),DB=e}},FB=e=>{const t=LB;return LB=Y(LB,(t=>e!==t)),zB.activeEditor===e&&(zB.activeEditor=LB.length>0?LB[0]:null),zB.focusedEditor===e&&(zB.focusedEditor=null),t.length!==LB.length},UB="CSS1Compat"!==document.compatMode,zB={...sB,baseURI:null,baseURL:null,defaultOptions:{},documentBaseURL:null,suffix:null,majorVersion:"7",minorVersion:"9.3",releaseDate:"2026-05-19",i18n:li,activeEditor:null,focusedEditor:null,setup(){const e=this;let t="",n="",o=BC.getDocumentBaseUrl(document.location);/^[^:]+:\/\/\/?[^\/]+\//.test(o)&&(o=o.replace(/[\?#].*$/,"").replace(/[\/\\][^\/]+$/,""),/[\/\\]$/.test(o)||(o+="/"));const r=window.tinymce||window.tinyMCEPreInit;if(r)t=r.base||r.baseURL,n=r.suffix;else{const e=document.getElementsByTagName("script");for(let o=0;o<e.length;o++){const r=e[o].src||"";if(""===r)continue;const s=r.substring(r.lastIndexOf("/"));if(/tinymce(\.full|\.jquery|)(\.min|\.dev|)\.js/.test(r)){-1!==s.indexOf(".min")&&(n=".min"),t=r.substring(0,r.lastIndexOf("/"));break}}if(!t&&document.currentScript){const e=document.currentScript.src;-1!==e.indexOf(".min")&&(n=".min"),t=e.substring(0,e.lastIndexOf("/"))}}var s;e.baseURL=new BC(o).toAbsolute(t),e.documentBaseURL=o,e.baseURI=new BC(e.baseURL),e.suffix=n,(s=e).on("AddEditor",T(gg,s)),s.on("RemoveEditor",T(pg,s))},overrideDefaults(e){const t=e.base_url;t&&this._setBaseUrl(t);const n=e.suffix;n&&(this.suffix=n),this.defaultOptions=e;const o=e.plugin_base_urls;void 0!==o&&pe(o,((e,t)=>{di.PluginManager.urls[t]=e}))},init(e){const t=this;let n;const o=an.makeMap("area base basefont br col frame hr img input isindex link meta param embed source wbr track colgroup option table tbody tfoot thead tr th td script noscript style textarea video audio iframe object menu"," ");let r=e=>{n=e};const s=()=>{let n=0;const a=[];let i;OB.unbind(window,"ready",s),(()=>{const n=e.onpageload;n&&n.apply(t,[])})(),i=me((e=>nn.browser.isIE()||nn.browser.isEdge()?(pE("TinyMCE does not support the browser you are using. For a list of supported browsers please see: https://www.tiny.cloud/docs/tinymce/7/support/#supportedwebbrowsers"),[]):UB?(pE("Failed to initialize the editor as the document is not in standards mode. TinyMCE requires standards mode."),[]):m(e.selector)?OB.select(e.selector):C(e.target)?[e.target]:[])(e)),an.each(i,(e=>{var n;(n=t.get(e.id))&&n.initialized&&!(n.getContainer()||n.getBody()).parentNode&&(FB(n),n.unbindAllNativeEvents(),n.destroy(!0),n.removed=!0)})),i=an.grep(i,(e=>!t.get(e.id))),0===i.length?r([]):BB(i,(s=>{((e,t)=>e.inline&&t.tagName.toLowerCase()in o)(e,s)?pE("Could not initialize inline editor on invalid inline target element",s):((e,o,s)=>{const l=new TB(e,o,t);a.push(l),l.on("init",(()=>{++n===i.length&&r(a)})),l.targetElm=l.targetElm||s,l.render()})((e=>{let t=e.id;return t||(t=_e(e,"name").filter((e=>!OB.get(e))).getOrThunk(OB.uniqueId),e.setAttribute("id",t)),t})(s),e,s)}))};return OB.bind(window,"ready",s),new Promise((e=>{n?e(n):r=t=>{e(t)}}))},get(e){return 0===arguments.length?LB.slice(0):m(e)?Q(LB,(t=>t.id===e)).getOr(null):E(e)&&LB[e]?LB[e]:null},add(e){const t=this,n=t.get(e.id);return n===e||(null===n&&LB.push(e),IB(!0),t.activeEditor=e,t.dispatch("AddEditor",{editor:e}),PB||(PB=e=>{const n=t.dispatch("BeforeUnload");if(n.returnValue)return e.preventDefault(),e.returnValue=n.returnValue,n.returnValue},window.addEventListener("beforeunload",PB))),e},createEditor(e,t){return this.add(new TB(e,t,this))},remove(e){const t=this;let n;if(e){if(!m(e))return n=e,h(t.get(n.id))?null:(FB(n)&&t.dispatch("RemoveEditor",{editor:n}),0===LB.length&&window.removeEventListener("beforeunload",PB),n.remove(),IB(LB.length>0),n);BB(OB.select(e),(e=>{n=t.get(e.id),n&&t.remove(n)}))}else for(let e=LB.length-1;e>=0;e--)t.remove(LB[e])},execCommand(e,t,n){var o;const r=this,s=f(n)?null!==(o=n.id)&&void 0!==o?o:n.index:n;switch(e){case"mceAddEditor":if(!r.get(s)){const e=n.options;new TB(s,e,r).render()}return!0;case"mceRemoveEditor":{const e=r.get(s);return e&&e.remove(),!0}case"mceToggleEditor":{const e=r.get(s);return e?(e.isHidden()?e.show():e.hide(),!0):(r.execCommand("mceAddEditor",!1,n),!0)}}return!!r.activeEditor&&r.activeEditor.execCommand(e,t,n)},triggerSave:()=>{BB(LB,(e=>{e.save()}))},addI18n:(e,t)=>{li.add(e,t)},translate:e=>li.translate(e),setActive(e){const t=this.activeEditor;this.activeEditor!==e&&(t&&t.dispatch("deactivate",{relatedTarget:e}),e.dispatch("activate",{relatedTarget:t})),this.activeEditor=e},_setBaseUrl(e){this.baseURL=new BC(this.documentBaseURL).toAbsolute(e.replace(/\/+$/,"")),this.baseURI=new BC(this.baseURL)}};zB.setup();const jB=(()=>{const e=Ve();return{FakeClipboardItem:e=>({items:e,types:fe(e),getType:t=>_e(e,t).getOrUndefined()}),write:t=>{e.set(t)},read:()=>e.get().getOrUndefined(),clear:e.clear}})(),HB=Math.min,$B=Math.max,VB=Math.round,qB=(e,t,n)=>{let o=t.x,r=t.y;const s=e.w,a=e.h,i=t.w,l=t.h,d=(n||"").split("");return"b"===d[0]&&(r+=l),"r"===d[1]&&(o+=i),"c"===d[0]&&(r+=VB(l/2)),"c"===d[1]&&(o+=VB(i/2)),"b"===d[3]&&(r-=a),"r"===d[4]&&(o-=s),"c"===d[3]&&(r-=VB(a/2)),"c"===d[4]&&(o-=VB(s/2)),WB(o,r,s,a)},WB=(e,t,n,o)=>({x:e,y:t,w:n,h:o}),KB={inflate:(e,t,n)=>WB(e.x-t,e.y-n,e.w+2*t,e.h+2*n),relativePosition:qB,findBestRelativePosition:(e,t,n,o)=>{for(let r=0;r<o.length;r++){const s=qB(e,t,o[r]);if(s.x>=n.x&&s.x+s.w<=n.w+n.x&&s.y>=n.y&&s.y+s.h<=n.h+n.y)return o[r]}return null},intersect:(e,t)=>{const n=$B(e.x,t.x),o=$B(e.y,t.y),r=HB(e.x+e.w,t.x+t.w),s=HB(e.y+e.h,t.y+t.h);return r-n<0||s-o<0?null:WB(n,o,r-n,s-o)},clamp:(e,t,n)=>{let o=e.x,r=e.y,s=e.x+e.w,a=e.y+e.h;const i=t.x+t.w,l=t.y+t.h,d=$B(0,t.x-o),c=$B(0,t.y-r),u=$B(0,s-i),m=$B(0,a-l);return o+=d,r+=c,n&&(s+=d,a+=c,o-=u,r-=m),s-=u,a-=m,WB(o,r,s-o,a-r)},create:WB,fromClientRect:e=>WB(e.left,e.top,e.width,e.height)},YB=(()=>{const e={},t={},n={};return{load:(n,o)=>{const r=`Script at URL "${o}" failed to load`,s=`Script at URL "${o}" did not call \`tinymce.Resource.add('${n}', data)\` within 1 second`;if(void 0!==e[n])return e[n];{const a=new Promise(((e,a)=>{const i=((e,t,n=1e3)=>{let o=!1,r=null;const s=e=>(...t)=>{o||(o=!0,null!==r&&(window.clearTimeout(r),r=null),e.apply(null,t))},a=s(e),i=s(t);return{start:(...e)=>{o||null!==r||(r=window.setTimeout((()=>i.apply(null,e)),n))},resolve:a,reject:i}})(e,a);t[n]=i.resolve,ri.ScriptLoader.loadScript(o).then((()=>i.start(s)),(()=>i.reject(r)))}));return e[n]=a,a}},add:(o,r)=>{void 0!==t[o]&&(t[o](r),delete t[o]),e[o]=Promise.resolve(r),n[o]=r},has:e=>e in n,get:e=>n[e],unload:t=>{delete e[t],delete n[t]}}})();let GB;try{const e="__storage_test__";GB=window.localStorage,GB.setItem(e,e),GB.removeItem(e)}catch(e){GB=(()=>{let e={},t=[];const n={getItem:t=>e[t]||null,setItem:(n,o)=>{t.push(n),e[n]=String(o)},key:e=>t[e],removeItem:n=>{t=t.filter((e=>e===n)),delete e[n]},clear:()=>{t=[],e={}},length:0};return Object.defineProperty(n,"length",{get:()=>t.length,configurable:!1,enumerable:!1}),n})()}const XB={geom:{Rect:KB},util:{Delay:sg,Tools:an,VK:wg,URI:BC,EventDispatcher:oB,Observable:sB,I18n:li,LocalStorage:GB,ImageUploader:e=>{const t=RE(),n=BE(e,t);return{upload:(t,o=!0)=>n.upload(t,o?OE(e):void 0)}}},dom:{EventUtils:Wa,TreeWalker:Fr,TextSeeker:Ei,DOMUtils:ni,ScriptLoader:ri,RangeUtils:Fg,Serializer:Fw,StyleSheetLoader:Ks,ControlSelection:kg,BookmarkManager:Yf,Selection:Lw,Event:Wa.Event},html:{Styles:Ia,Entities:ua,Node:up,Schema:Ra,DomParser:KC,Writer:Ap,Serializer:Tp},Env:nn,AddOnManager:di,Annotator:Kf,Formatter:VE,UndoManager:WE,EditorCommands:tB,WindowManager:cE,NotificationManager:iE,EditorObservable:uB,Shortcuts:SB,Editor:TB,FocusManager:rg,EditorManager:zB,DOM:ni.DOM,ScriptLoader:ri.ScriptLoader,PluginManager:lE,ThemeManager:dE,ModelManager:eE,IconManager:Jw,Resource:YB,FakeClipboard:jB,trim:an.trim,isArray:an.isArray,is:an.is,toArray:an.toArray,makeMap:an.makeMap,each:an.each,map:an.map,grep:an.grep,inArray:an.inArray,extend:an.extend,walk:an.walk,resolve:an.resolve,explode:an.explode,_addCacheSuffix:an._addCacheSuffix},ZB=an.extend(zB,XB);(e=>{window.tinymce=e,window.tinyMCE=e})(ZB),(e=>{if("object"==typeof module)try{module.exports=e}catch(e){}})(ZB)}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/icons/default/icons.js b/apps/edr-freight-web/backoffice/public/tinymce/icons/default/icons.js
new file mode 100644
index 000000000..1bfa16e9a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/icons/default/icons.js
@@ -0,0 +1,231 @@
+tinymce.IconManager.add('default', {
+  icons: {
+    'accessibility-check': '<svg width="24" height="24"><path d="M12 2a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.1.9-2 2-2Zm8 7h-5v12c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-5c0-.6-.4-1-1-1a1 1 0 0 0-1 1v5c0 .6-.4 1-1 1a1 1 0 0 1-1-1V9H4a1 1 0 1 1 0-2h16c.6 0 1 .4 1 1s-.4 1-1 1Z" fill-rule="nonzero"/></svg>',
+    'accordion-toggle': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 15c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6a1 1 0 0 1-1-1Z"/><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M4 15c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 19c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6a1 1 0 0 1-1-1Z"/><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M4 19c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3 7.3a1 1 0 0 1 1.4 0L16 9.6l2.3-2.3a1 1 0 1 1 1.4 1.4L16 12.4l-3.7-3.7a1 1 0 0 1 0-1.4ZM4.3 11.7a1 1 0 0 1 0-1.4L6.6 8 4.3 5.7a1 1 0 0 1 1.4-1.4L9.4 8l-3.7 3.7a1 1 0 0 1-1.4 0Z"/></svg>',
+    'accordion': '<svg width="24" height="24"><rect x="12" y="7" width="10" height="2" rx="1"/><rect x="12" y="11" width="10" height="2" rx="1"/><rect x="12" y="15" width="6" height="2" rx="1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.3 7.3a1 1 0 0 1 1.4 0L6 9.6l2.3-2.3a1 1 0 0 1 1.4 1.4L6 12.4 2.3 8.7a1 1 0 0 1 0-1.4Z"/></svg>',
+    'action-next': '<svg width="24" height="24"><path fill-rule="nonzero" d="M5.7 7.3a1 1 0 0 0-1.4 1.4l7.7 7.7 7.7-7.7a1 1 0 1 0-1.4-1.4L12 13.6 5.7 7.3Z"/></svg>',
+    'action-prev': '<svg width="24" height="24"><path fill-rule="nonzero" d="M18.3 15.7a1 1 0 0 0 1.4-1.4L12 6.6l-7.7 7.7a1 1 0 0 0 1.4 1.4L12 9.4l6.3 6.3Z"/></svg>',
+    'addtag': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 5a2 2 0 0 1 1.6.8L21 12l-4.4 6.2a2 2 0 0 1-1.6.8h-3v-2h3l3.5-5L15 7H5v3H3V7c0-1.1.9-2 2-2h10Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 12a1 1 0 0 0-1 1v2H3a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2H7v-2c0-.6-.4-1-1-1Z"/></svg>',
+    'ai-prompt': '<svg width="24" height="24"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 6.7a1 1 0 0 0-1.4 0l-9.9 10a1 1 0 0 0 0 1.3l2.1 2.1c.4.4 1 .4 1.4 0l10-9.9c.3-.3.3-1 0-1.4l-2.2-2Zm1.4 2.8-2-2-3 2.7 2.2 2.2 2.8-2.9Z"/><path d="m18.5 7.3-.7-1.5-1.5-.8 1.5-.7.7-1.5.7 1.5 1.5.7-1.5.8-.7 1.5ZM18.5 16.5l-.7-1.6-1.5-.7 1.5-.7.7-1.6.7 1.6 1.5.7-1.5.7-.7 1.6ZM9.7 7.3 9 5.8 7.5 5 9 4.3l.7-1.5.7 1.5L12 5l-1.5.8-.7 1.5Z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',
+    'ai': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H5Zm6.8 11.5.5 1.2a68.3 68.3 0 0 0 .7 1.1l.4.1c.3 0 .5 0 .7-.3.2-.1.3-.3.3-.6l-.3-1-2.6-6.2a20.4 20.4 0 0 0-.5-1.3l-.5-.4-.7-.2c-.2 0-.5 0-.6.2-.2 0-.4.2-.5.4l-.3.6-.3.7L5.7 15l-.2.6-.1.4c0 .3 0 .5.3.7l.6.2c.3 0 .5 0 .7-.2l.4-1 .5-1.2h3.9ZM9.8 9l1.5 4h-3l1.5-4Zm5.6-.9v7.6c0 .4 0 .7.2 1l.7.2c.3 0 .6 0 .8-.3l.2-.9V8.1c0-.4 0-.7-.2-.9a1 1 0 0 0-.8-.3c-.2 0-.5.1-.7.3l-.2 1Z"/></svg>',
+    'align-center': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm3 4h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm-3-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'align-justify': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'align-left': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'align-none': '<svg width="24" height="24"><path d="M14.2 5 13 7H5a1 1 0 1 1 0-2h9.2Zm4 0h.8a1 1 0 0 1 0 2h-2l1.2-2Zm-6.4 4-1.2 2H5a1 1 0 0 1 0-2h6.8Zm4 0H19a1 1 0 0 1 0 2h-4.4l1.2-2Zm-6.4 4-1.2 2H5a1 1 0 0 1 0-2h4.4Zm4 0H19a1 1 0 0 1 0 2h-6.8l1.2-2ZM7 17l-1.2 2H5a1 1 0 0 1 0-2h2Zm4 0h8a1 1 0 0 1 0 2H9.8l1.2-2Zm5.2-13.5 1.3.7-9.7 16.3-1.3-.7 9.7-16.3Z" fill-rule="evenodd"/></svg>',
+    'align-right': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm6 4h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-6-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'arrow-left': '<svg width="24" height="24"><path d="m5.6 13 12 6a1 1 0 0 0 1.4-1V6a1 1 0 0 0-1.4-.9l-12 6a1 1 0 0 0 0 1.8Z" fill-rule="evenodd"/></svg>',
+    'arrow-right': '<svg width="24" height="24"><path d="m18.5 13-12 6A1 1 0 0 1 5 18V6a1 1 0 0 1 1.4-.9l12 6a1 1 0 0 1 0 1.8Z" fill-rule="evenodd"/></svg>',
+    'bold': '<svg width="24" height="24"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 0 1-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8Zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4Zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4Z" fill-rule="evenodd"/></svg>',
+    'bookmark': '<svg width="24" height="24"><path d="M6 4v17l6-4 6 4V4c0-.6-.4-1-1-1H7a1 1 0 0 0-1 1Z" fill-rule="nonzero"/></svg>',
+    'border-style': '<svg width="24" height="24"><g fill-rule="evenodd"><rect width="18" height="2" x="3" y="6" rx="1"/><rect width="2.8" height="2" x="3" y="16" rx="1"/><rect width="2.8" height="2" x="6.8" y="16" rx="1"/><rect width="2.8" height="2" x="10.6" y="16" rx="1"/><rect width="2.8" height="2" x="14.4" y="16" rx="1"/><rect width="2.8" height="2" x="18.2" y="16" rx="1"/><rect width="8" height="2" x="3" y="11" rx="1"/><rect width="8" height="2" x="13" y="11" rx="1"/></g></svg>',
+    'border-width': '<svg width="24" height="24"><g fill-rule="evenodd"><rect width="18" height="5" x="3" y="5" rx="1"/><rect width="18" height="3.5" x="3" y="11.5" rx="1"/><rect width="18" height="2" x="3" y="17" rx="1"/></g></svg>',
+    'brightness': '<svg width="24" height="24"><path d="M12.7 18.3a1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v1a1 1 0 0 0 .3.7 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7v-1a1 1 0 0 0-.3-.7ZM11.3 5.7a1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3A1 1 0 0 0 13 5V4a1 1 0 0 0-.3-.7A1 1 0 0 0 12 3a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v1a1 1 0 0 0 .3.7Zm9.4 5.6a1 1 0 0 0-.7-.3h-1a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.7 1 1 0 0 0 .7.3h1a1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7Zm-15 1.4A1 1 0 0 0 6 12a1 1 0 0 0-.3-.7A1 1 0 0 0 5 11H4a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.7 1 1 0 0 0 .7.3h1a1 1 0 0 0 .7-.3Zm13 4.6-.7-.8a1 1 0 0 0-.8-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.8l.7.7a1 1 0 0 0 .7.3 1 1 0 0 0 .8-.3 1 1 0 0 0 .3-.8 1 1 0 0 0-.3-.7ZM5.3 6.7l.7.8a1 1 0 0 0 .8.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.8l-.7-.7A1 1 0 0 0 6 5a1 1 0 0 0-.8.3 1 1 0 0 0-.3.8 1 1 0 0 0 .3.6Zm12 1a1 1 0 0 0 .7-.2l.7-.7A1 1 0 0 0 19 6a1 1 0 0 0-.3-.8 1 1 0 0 0-.8-.3 1 1 0 0 0-.7.3l-.7.7a1 1 0 0 0-.3.8 1 1 0 0 0 .3.7 1 1 0 0 0 .7.2ZM6.7 16.4a1 1 0 0 0-.8.2l-.7.7a1 1 0 0 0-.3.7 1 1 0 0 0 .3.8 1 1 0 0 0 .8.3 1 1 0 0 0 .7-.3l.7-.7a1 1 0 0 0 .3-.8 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3Z"/><path fill-rule="evenodd" d="M13.6 8.3A4 4 0 0 0 12 8a4 4 0 0 0-1.6.3A4 4 0 0 0 9 9.5a4 4 0 0 0-.6 1A4 4 0 0 0 8 12c0 .6.1 1 .3 1.6a4 4 0 0 0 2.1 2 4 4 0 0 0 1.6.4 4 4 0 0 0 1.6-.3 4 4 0 0 0 2-2.1A4 4 0 0 0 16 12a4 4 0 0 0-.3-1.6 4 4 0 0 0-2.1-2ZM14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/></svg>',
+    'browse': '<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4v-2h4V8H5v10h4v2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9.4-2.3 2.3a1 1 0 1 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L13 13.4V20a1 1 0 0 1-2 0v-6.6Z" fill-rule="nonzero"/></svg>',
+    'cancel': '<svg width="24" height="24"><path d="M12 4.6a7.4 7.4 0 1 1 0 14.8 7.4 7.4 0 0 1 0-14.8ZM12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 8L14.8 8l1 1.1-2.7 2.8 2.7 2.7-1.1 1.1-2.7-2.7-2.7 2.7-1-1.1 2.6-2.7-2.7-2.7 1-1.1 2.8 2.7Z" fill-rule="nonzero"/></svg>',
+    'cell-background-color': '<svg width="24" height="24"><path d="m15.7 2 1.6 1.6-2.7 2.6 5.9 5.8c.7.7.7 1.7 0 2.4l-6.3 6.1a1.7 1.7 0 0 1-2.4 0l-6.3-6.1c-.7-.7-.7-1.7 0-2.4L15.7 2ZM18 12l-4.5-4L9 12h9ZM4 16s2 2.4 2 3.8C6 21 5.1 22 4 22s-2-1-2-2.2C2 18.4 4 16 4 16Z"/></svg>',
+    'cell-border-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M5 13v5h2v2H5a2 2 0 0 1-2-2v-5h2zm8-7V4h6a2 2 0 0 1 2 2h-8z" opacity=".2"/><path fill-rule="nonzero" d="M13 4v2H5v7H3V6c0-1.1.9-2 2-2h8zm-2.6 14.1.1-.1.1.1.2.3.2.2.2.2c.4.6.8 1.2.8 1.7 0 .8-.7 1.5-1.5 1.5S9 21.3 9 20.5c0-.5.4-1.1.8-1.7l.2-.2.2-.2.2-.3z"/><path d="m13 11-2 2H5v-2h6V6h2z"/><path fill-rule="nonzero" d="m18.4 8 1 1-1.8 1.9 4 4c.5.4.5 1.1 0 1.6l-4.3 4.2a1.2 1.2 0 0 1-1.6 0l-4.4-4.2c-.4-.5-.4-1.2 0-1.7l7-6.8Zm1.6 7-3-3-3 3h6Z"/></g></svg>',
+    'change-case': '<svg width="24" height="24"><path d="M18.4 18.2v-.6c-.5.8-1.3 1.2-2.4 1.2-2.2 0-3.3-1.6-3.3-4.8 0-3.1 1-4.7 3.3-4.7 1.1 0 1.8.3 2.4 1.1v-.6c0-.5.4-.8.8-.8s.8.3.8.8v8.4c0 .5-.4.8-.8.8a.8.8 0 0 1-.8-.8zm-2-7.4c-1.3 0-1.8.9-1.8 3.2 0 2.4.5 3.3 1.7 3.3 1.3 0 1.8-.9 1.8-3.2 0-2.4-.5-3.3-1.7-3.3zM10 15.7H5.5l-.8 2.6a1 1 0 0 1-1 .7h-.2a.7.7 0 0 1-.7-1l4-12a1 1 0 0 1 2 0l4 12a.7.7 0 0 1-.8 1h-.2a1 1 0 0 1-1-.7l-.8-2.6zm-.3-1.5-2-6.5-1.9 6.5h3.9z" fill-rule="evenodd"/></svg>',
+    'character-count': '<svg width="24" height="24"><path d="M4 11.5h16v1H4v-1Zm4.8-6.8V10H7.7V5.8h-1v-1h2ZM11 8.3V9h2v1h-3V7.7l2-1v-.9h-2v-1h3v2.4l-2 1Zm6.3-3.4V10h-3.1V9h2.1V8h-2.1V6.8h2.1v-1h-2.1v-1h3.1ZM5.8 16.4c0-.5.2-.8.5-1 .2-.2.6-.3 1.2-.3l.8.1c.2 0 .4.2.5.3l.4.4v2.8l.2.3H8.2V18.7l-.6.3H7c-.4 0-.7 0-1-.2a1 1 0 0 1-.3-.9c0-.3 0-.6.3-.8.3-.2.7-.4 1.2-.4l.6-.2h.3v-.2l-.1-.2a.8.8 0 0 0-.5-.1 1 1 0 0 0-.4 0l-.3.4h-1Zm2.3.8h-.2l-.2.1-.4.1a1 1 0 0 0-.4.2l-.2.2.1.3.5.1h.4l.4-.4v-.6Zm2-3.4h1.2v1.7l.5-.3h.5c.5 0 .9.1 1.2.5.3.4.5.8.5 1.4 0 .6-.2 1.1-.5 1.5-.3.4-.7.6-1.3.6l-.6-.1-.4-.4v.4h-1.1v-5.4Zm1.1 3.3c0 .3 0 .6.2.8a.7.7 0 0 0 1.2 0l.2-.8c0-.4 0-.6-.2-.8a.7.7 0 0 0-.6-.3l-.6.3-.2.8Zm6.1-.5c0-.2 0-.3-.2-.4a.8.8 0 0 0-.5-.2c-.3 0-.5.1-.6.3l-.2.9c0 .3 0 .6.2.8.1.2.3.3.6.3.2 0 .4 0 .5-.2l.2-.4h1.1c0 .5-.3.8-.6 1.1a2 2 0 0 1-1.3.4c-.5 0-1-.2-1.3-.6a2 2 0 0 1-.5-1.4c0-.6.1-1.1.5-1.5.3-.4.8-.5 1.4-.5.5 0 1 0 1.2.3.4.3.5.7.5 1.2h-1v-.1Z" fill-rule="evenodd"/></svg>',
+    'checklist-rtl': '<svg width="24" height="24"><path d="M5 17h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2zm14.2 11c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 8c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8z" fill-rule="evenodd"/></svg>',
+    'checklist': '<svg width="24" height="24"><path d="M11 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2ZM7.2 16c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 8c-.2.3-.7.4-1 0L3.8 6.9a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Z" fill-rule="evenodd"/></svg>',
+    'checkmark': '<svg width="24" height="24"><path d="M18.2 5.4a1 1 0 0 1 1.6 1.2l-8 12a1 1 0 0 1-1.5.1l-5-5a1 1 0 1 1 1.4-1.4l4.1 4.1 7.4-11Z" fill-rule="nonzero"/></svg>',
+    'chevron-down': '<svg width="10" height="10"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"/></svg>',
+    'chevron-left': '<svg width="10" height="10"><path d="M7.8 1.3 4 5l3.8 3.7c.3.3.3.8 0 1-.4.4-.9.4-1.2 0L2.2 5.7a.8.8 0 0 1 0-1.2L6.6.2C7 0 7.4 0 7.8.2c.3.3.3.8 0 1.1Z" fill-rule="nonzero"/></svg>',
+    'chevron-right': '<svg width="10" height="10"><path d="M2.2 1.3a.8.8 0 0 1 0-1c.4-.4.9-.4 1.2 0l4.4 4.1c.3.4.3.9 0 1.2L3.4 9.8c-.3.3-.8.3-1.2 0a.8.8 0 0 1 0-1.1L6 5 2.2 1.3Z" fill-rule="nonzero"/></svg>',
+    'chevron-up': '<svg width="10" height="10"><path d="M8.7 7.8 5 4 1.3 7.8c-.3.3-.8.3-1 0a.8.8 0 0 1 0-1.2l4.1-4.4c.3-.3.9-.3 1.2 0l4.2 4.4c.3.3.3.9 0 1.2-.3.3-.8.3-1.1 0Z" fill-rule="nonzero"/></svg>',
+    'close': '<svg width="24" height="24"><path d="M17.3 8.2 13.4 12l3.9 3.8a1 1 0 0 1-1.5 1.5L12 13.4l-3.8 3.9a1 1 0 0 1-1.5-1.5l3.9-3.8-3.9-3.8a1 1 0 0 1 1.5-1.5l3.8 3.9 3.8-3.9a1 1 0 0 1 1.5 1.5Z" fill-rule="evenodd"/></svg>',
+    'code-sample': '<svg width="24" height="26"><path d="M7.1 11a2.8 2.8 0 0 1-.8 2 2.8 2.8 0 0 1 .8 2v1.7c0 .3.1.6.4.8.2.3.5.4.8.4.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.7 0-1.4-.3-2-.8-.5-.6-.8-1.3-.8-2V15c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 0 1-.4-.4v-.8c0-.2.2-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V9.3c0-.7.3-1.4.8-2 .6-.5 1.3-.8 2-.8.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8V11Zm9.8 0V9.3c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 0 1-.4-.4V7c0-.2.1-.4.4-.4.7 0 1.4.3 2 .8.5.6.8 1.3.8 2V11c0 .3.1.6.4.8.2.3.5.4.8.4.2 0 .4.2.4.4v.8c0 .2-.2.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8v1.7c0 .7-.3 1.4-.8 2-.6.5-1.3.8-2 .8a.4.4 0 0 1-.4-.4v-.8c0-.2.1-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V15a2.8 2.8 0 0 1 .8-2 2.8 2.8 0 0 1-.8-2Zm-3.3-.4c0 .4-.1.8-.5 1.1-.3.3-.7.5-1.1.5-.4 0-.8-.2-1.1-.5-.4-.3-.5-.7-.5-1.1 0-.5.1-.9.5-1.2.3-.3.7-.4 1.1-.4.4 0 .8.1 1.1.4.4.3.5.7.5 1.2ZM12 13c.4 0 .8.1 1.1.5.4.3.5.7.5 1.1 0 1-.1 1.6-.5 2a3 3 0 0 1-1.1 1c-.4.3-.8.4-1.1.4a.5.5 0 0 1-.5-.5V17a3 3 0 0 0 1-.2l.6-.6c-.6 0-1-.2-1.3-.5-.2-.3-.3-.7-.3-1 0-.5.1-1 .5-1.2.3-.4.7-.5 1.1-.5Z" fill-rule="evenodd"/></svg>',
+    'color-levels': '<svg width="24" height="24"><path d="M17.5 11.4A9 9 0 0 1 18 14c0 .5 0 1-.2 1.4 0 .4-.3.9-.5 1.3a6.2 6.2 0 0 1-3.7 3 5.7 5.7 0 0 1-3.2 0A5.9 5.9 0 0 1 7.6 18a6.2 6.2 0 0 1-1.4-2.6 6.7 6.7 0 0 1 0-2.8c0-.4.1-.9.3-1.3a13.6 13.6 0 0 1 2.3-4A20 20 0 0 1 12 4a26.4 26.4 0 0 1 3.2 3.4 18.2 18.2 0 0 1 2.3 4Zm-2 4.5c.4-.7.5-1.4.5-2a7.3 7.3 0 0 0-1-3.2c.2.6.2 1.2.2 1.9a4.5 4.5 0 0 1-1.3 3 5.3 5.3 0 0 1-2.3 1.5 4.9 4.9 0 0 1-2 .1 4.3 4.3 0 0 0 2.4.8 4 4 0 0 0 2-.6 4 4 0 0 0 1.5-1.5Z" fill-rule="evenodd"/></svg>',
+    'color-picker': '<svg width="24" height="24"><path d="M12 3a9 9 0 0 0 0 18 1.5 1.5 0 0 0 1.1-2.5c-.2-.3-.4-.6-.4-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8Zm-5.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3-4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z" fill-rule="nonzero"/></svg>',
+    'color-swatch-remove-color': '<svg width="24" height="24" class="color-swatch-remove-color"><path stroke="#000" stroke-width="2" d="M21 3 3 21" fill-rule="evenodd"/></svg>',
+    'color-swatch': '<svg width="24" height="24"><rect x="3" y="3" width="18" height="18" rx="1" fill-rule="evenodd"/></svg>',
+    'comment-add': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="m9 19 3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h4v2Zm-2 4v-4H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-6.4L7 23Z"/><path d="M13 10h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H9a1 1 0 0 1 0-2h2V8a1 1 0 0 1 2 0v2Z"/></g></svg>',
+    'comment': '<svg width="24" height="24"><path fill-rule="nonzero" d="m9 19 3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h4v2Zm-2 4v-4H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-6.4L7 23Z"/></svg>',
+    'contrast': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 0 1 19.4 9c.4 1 .6 2 .6 3.1s-.2 2.1-.6 3.1a8 8 0 0 1-1.7 2.6 8 8 0 0 1-2.6 1.7 7.8 7.8 0 0 1-3.1.6 7.8 7.8 0 0 1-3.1-.6 8 8 0 0 1-2.6-1.7A8 8 0 0 1 4.6 15 7.8 7.8 0 0 1 4 12c0-1.1.2-2.1.6-3.1a8 8 0 0 1 1.7-2.6A8 8 0 0 1 9 4.6 7.8 7.8 0 0 1 12 4Zm-6 8a6 6 0 0 0 1.8 4.2 6 6 0 0 0 1.9 1.3 5.8 5.8 0 0 0 2.3.5V6c-.8 0-1.6.2-2.3.5a6 6 0 0 0-2 1.3 6 6 0 0 0-1.2 1.9A5.8 5.8 0 0 0 6 12Z"/></svg>',
+    'copy': '<svg width="24" height="24"><path d="M16 3H6a2 2 0 0 0-2 2v11h2V5h10V3Zm1 4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9c0-1.2.9-2 2-2h7Zm0 12V9h-7v10h7Z" fill-rule="nonzero"/></svg>',
+    'crop': '<svg width="24" height="24"><path d="M17 8v7h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v2c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-2H7V9H5a1 1 0 1 1 0-2h2V5c0-.6.4-1 1-1s1 .4 1 1v2h7l3-3 1 1-3 3ZM9 9v5l5-5H9Zm1 6h5v-5l-5 5Z" fill-rule="evenodd"/></svg>',
+    'cut-column': '<svg width="24" height="24"><path fill-rule="evenodd" d="M7.2 4.5c.9 0 1.6.4 2.2 1A3.7 3.7 0 0 1 10.5 8v.5l1 1 4-4 1-.5a3.3 3.3 0 0 1 2 0c.4 0 .7.3 1 .5L17 8h4v13h-6V10l-1.5 1.5.5.5v4l-2.5-2.5-1 1v.5c0 .4 0 .8-.3 1.2-.2.5-.4.9-.8 1.2-.6.7-1.3 1-2.2 1-.8.2-1.5 0-2-.6l-.5-.8-.2-1c0-.4 0-.8.3-1.2A3.9 3.9 0 0 1 7 12.7c.5-.2 1-.3 1.5-.2l1-1-1-1c-.5 0-1 0-1.5-.2-.5-.1-1-.4-1.4-.9-.4-.3-.6-.7-.8-1.2L4.5 7c0-.4 0-.7.2-1 0-.3.3-.6.5-.8.5-.5 1.2-.8 2-.7Zm12.3 5h-3v10h3v-10ZM8 13.8h-.3l-.4.2a2.8 2.8 0 0 0-.7.4v.1a2.8 2.8 0 0 0-.6.8l-.1.4v.7l.2.5.5.2h.7a2.6 2.6 0 0 0 .8-.3 2.4 2.4 0 0 0 .7-.7 2.5 2.5 0 0 0 .3-.8 1.5 1.5 0 0 0 0-.8 1 1 0 0 0-.2-.4 1 1 0 0 0-.5-.2H8Zm3.5-3.7c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4ZM7 5.8h-.4a1 1 0 0 0-.5.3 1 1 0 0 0-.2.5v.7a2.5 2.5 0 0 0 .3.8l.2.3h.1l.4.4.4.2.4.1h.7L9 9l.2-.4a1.6 1.6 0 0 0 0-.8 2.6 2.6 0 0 0-.3-.8A2.5 2.5 0 0 0 7.7 6l-.4-.1H7Z"/></svg>',
+    'cut-row': '<svg width="24" height="24"><path fill-rule="evenodd" d="M22 3v5H9l3 3 2-2h4l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8.7.6 1 1.3 1 2.2.2.8 0 1.5-.6 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 0 1-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 0 1 8.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 0 1 0-2c0-.4.3-.7.5-1l2 2V3h14ZM8.5 15.3h-.3a2.6 2.6 0 0 0-.8.4 2.5 2.5 0 0 0-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 0 0 .8-.3L9 18V18l.4-.4.2-.4.1-.4v-.7a1 1 0 0 0-.2-.5 1 1 0 0 0-.4-.2h-.5Zm7 0H15a1 1 0 0 0-.4.3 1 1 0 0 0-.2.5 1.5 1.5 0 0 0 0 .7v.4a2.8 2.8 0 0 0 .5.7h.1a2.8 2.8 0 0 0 .8.6l.4.1h.7l.5-.2.2-.5v-.7a2.6 2.6 0 0 0-.3-.8 2.4 2.4 0 0 0-.7-.7 2.5 2.5 0 0 0-.8-.3h-.3ZM12 11.6c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4Zm8.5-7.1h-11v2h11v-2Z"/></svg>',
+    'cut': '<svg width="24" height="24"><path d="M18 15c.6.7 1 1.4 1 2.3 0 .8-.2 1.5-.7 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 0 1-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 0 1 8.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 0 1 0-2c0-.4.3-.7.5-1l6 6 6-6 .5 1a3.3 3.3 0 0 1 0 2c0 .4-.3.7-.5 1l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8Zm-8.5 2.2.1-.4v-.7a1 1 0 0 0-.2-.5 1 1 0 0 0-.4-.2 1.6 1.6 0 0 0-.8 0 2.6 2.6 0 0 0-.8.3 2.5 2.5 0 0 0-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 0 0 .8-.3 2.8 2.8 0 0 0 1-1Zm2.5-2.8c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4Zm5.4 4 .2-.5v-.7a2.6 2.6 0 0 0-.3-.8 2.4 2.4 0 0 0-.7-.7 2.5 2.5 0 0 0-.8-.3 1.5 1.5 0 0 0-.8 0 1 1 0 0 0-.4.2 1 1 0 0 0-.2.5 1.5 1.5 0 0 0 0 .7v.4l.3.4.3.4a2.8 2.8 0 0 0 .8.5l.4.1h.7l.5-.2Z" fill-rule="evenodd"/></svg>',
+    'document-properties': '<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',
+    'drag': '<svg width="24" height="24"><path d="M13 5h2v2h-2V5Zm0 4h2v2h-2V9ZM9 9h2v2H9V9Zm4 4h2v2h-2v-2Zm-4 0h2v2H9v-2Zm0 4h2v2H9v-2Zm4 0h2v2h-2v-2ZM9 5h2v2H9V5Z" fill-rule="evenodd"/></svg>',
+    'duplicate-column': '<svg width="24" height="24"><path d="M17 6v16h-7V6h7Zm-2 2h-3v12h3V8Zm-2-6v2H8v15H6V2h7Z"/></svg>',
+    'duplicate-row': '<svg width="24" height="24"><path d="M22 11v7H6v-7h16Zm-2 2H8v3h12v-3Zm-1-6v2H4v5H2V7h17Z"/></svg>',
+    'duplicate': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M16 3v2H6v11H4V5c0-1.1.9-2 2-2h10Zm3 8h-2V9h-7v10h9a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9c0-1.2.9-2 2-2h7a2 2 0 0 1 2 2v2Z"/><path d="M17 14h1a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1Z"/></g></svg>',
+    'edit-block': '<svg width="24" height="24"><path fill-rule="nonzero" d="m19.8 8.8-9.4 9.4c-.2.2-.5.4-.9.4l-5.4 1.2 1.2-5.4.5-.8 9.4-9.4c.7-.7 1.8-.7 2.5 0l2.1 2.1c.7.7.7 1.8 0 2.5Zm-2-.2 1-.9v-.3l-2.2-2.2a.3.3 0 0 0-.3 0l-1 1L18 8.5Zm-1 1-2.5-2.4-6 6 2.5 2.5 6-6Zm-7 7.1-2.6-2.4-.3.3-.1.2-.7 3 3.1-.6h.1l.4-.5Z"/></svg>',
+    'edit-image': '<svg width="24" height="24"><path d="M18 16h2V7a2 2 0 0 0-2-2H7v2h11v9ZM6 17h15a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1H6a2 2 0 0 1-2-2V7H3a1 1 0 1 1 0-2h1V4a1 1 0 1 1 2 0v13Zm3-5.3 1.3 2 3-4.7 3.7 6H7l2-3.3Z" fill-rule="nonzero"/></svg>',
+    'embed-page': '<svg width="24" height="24"><path d="M19 6V5H5v14h2A13 13 0 0 1 19 6Zm0 1.4c-.8.8-1.6 2.4-2.2 4.6H19V7.4Zm0 5.6h-2.4c-.4 1.8-.6 3.8-.6 6h3v-6Zm-4 6c0-2.2.2-4.2.6-6H13c-.7 1.8-1.1 3.8-1.1 6h3Zm-4 0c0-2.2.4-4.2 1-6H9.6A12 12 0 0 0 8 19h3ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm11.8 9c.4-1.9 1-3.4 1.8-4.5a9.2 9.2 0 0 0-4 4.5h2.2Zm-3.4 0a12 12 0 0 1 2.8-4 12 12 0 0 0-5 4h2.2Z" fill-rule="nonzero"/></svg>',
+    'embed': '<svg width="24" height="24"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm1 2v14h14V5H5Zm4.8 2.6 5.6 4a.5.5 0 0 1 0 .8l-5.6 4A.5.5 0 0 1 9 16V8a.5.5 0 0 1 .8-.4Z" fill-rule="nonzero"/></svg>',
+    'emoji': '<svg width="24" height="24"><path d="M9 11c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm6 0c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm-3 5.5c2.1 0 4-1.5 4.4-3.5H7.6c.5 2 2.3 3.5 4.4 3.5ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13Z" fill-rule="nonzero"/></svg>',
+    'export': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M14.4 3 18 7v1h-5V5H7v14h9a1 1 0 0 1 2 0c0 1-.8 2-1.9 2H7c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2h7.5Z"/><path d="M18.1 12c.5 0 .9.4.9 1 0 .5-.3 1-.8 1h-7.3c-.5 0-.9-.4-.9-1 0-.5.3-1 .8-1h7.3Z"/><path d="M16.4 9.2a1 1 0 0 1 1.4.2l2.4 3.6-2.4 3.6a1 1 0 0 1-1.7-1v-.2l1.7-2.4-1.6-2.4a1 1 0 0 1 .2-1.4Z"/></g></svg>',
+    'fill': '<svg width="24" height="26"><path d="m16.6 12-9-9-1.4 1.4 2.4 2.4-5.2 5.1c-.5.6-.5 1.6 0 2.2L9 19.6a1.5 1.5 0 0 0 2.2 0l5.5-5.5c.5-.6.5-1.6 0-2.2ZM5.2 13 10 8.2l4.8 4.8H5.2ZM19 14.5s-2 2.2-2 3.5c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.3-2-3.5-2-3.5Z" fill-rule="nonzero"/></svg>',
+    'flip-horizontally': '<svg width="24" height="24"><path d="M14 19h2v-2h-2v2Zm4-8h2V9h-2v2ZM4 7v10c0 1.1.9 2 2 2h3v-2H6V7h3V5H6a2 2 0 0 0-2 2Zm14-2v2h2a2 2 0 0 0-2-2Zm-7 16h2V3h-2v18Zm7-6h2v-2h-2v2Zm-4-8h2V5h-2v2Zm4 12a2 2 0 0 0 2-2h-2v2Z" fill-rule="nonzero"/></svg>',
+    'flip-vertically': '<svg width="24" height="24"><path d="M5 14v2h2v-2H5Zm8 4v2h2v-2h-2Zm4-14H7a2 2 0 0 0-2 2v3h2V6h10v3h2V6a2 2 0 0 0-2-2Zm2 14h-2v2a2 2 0 0 0 2-2ZM3 11v2h18v-2H3Zm6 7v2h2v-2H9Zm8-4v2h2v-2h-2ZM5 18c0 1.1.9 2 2 2v-2H5Z" fill-rule="nonzero"/></svg>',
+    'footnote': '<svg width="24" height="24"><path d="M19 13c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2h14Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 4v6h-1V5h-1.5V4h2.6Z"/><path d="M12 18c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2h7ZM14 8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2h9Z"/></svg>',
+    'format-code': '<svg width="24" height="24"><path d="m10 22 2-7H6l9-13h2l-2 8h7L12 22h-2ZM6 2h7l-1.4 2H6V2Zm4.2 4H4v2h4.8l1.4-2Zm-2.7 4H2v2h4l1.5-2Z"/></svg>',
+    'format-painter': '<svg width="24" height="24"><path d="M18 5V4c0-.5-.4-1-1-1H5a1 1 0 0 0-1 1v4c0 .6.5 1 1 1h12c.6 0 1-.4 1-1V7h1v4H9v9c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-7h8V5h-3Z" fill-rule="nonzero"/></svg>',
+    'format': '<svg width="24" height="24"><path fill-rule="evenodd" d="M17 5a1 1 0 0 1 0 2h-4v11a1 1 0 0 1-2 0V7H7a1 1 0 1 1 0-2h10Z"/></svg>',
+    'fullscreen': '<svg width="24" height="24"><path d="m15.3 10-1.2-1.3 2.9-3h-2.3a.9.9 0 1 1 0-1.7H19c.5 0 .9.4.9.9v4.4a.9.9 0 1 1-1.8 0V7l-2.9 3Zm0 4 3 3v-2.3a.9.9 0 1 1 1.7 0V19c0 .5-.4.9-.9.9h-4.4a.9.9 0 1 1 0-1.8H17l-3-2.9 1.3-1.2ZM10 15.4l-2.9 3h2.3a.9.9 0 1 1 0 1.7H5a.9.9 0 0 1-.9-.9v-4.4a.9.9 0 1 1 1.8 0V17l2.9-3 1.2 1.3ZM8.7 10 5.7 7v2.3a.9.9 0 0 1-1.7 0V5c0-.5.4-.9.9-.9h4.4a.9.9 0 0 1 0 1.8H7l3 2.9-1.3 1.2Z" fill-rule="nonzero"/></svg>',
+    'gallery': '<svg width="24" height="24"><path fill-rule="nonzero" d="m5 15.7 2.3-2.2c.3-.3.7-.3 1 0L11 16l5.1-5c.3-.4.8-.4 1 0l2 1.9V8H5v7.7ZM5 18V19h3l1.8-1.9-2-2L5 17.9Zm14-3-2.5-2.4-6.4 6.5H19v-4ZM4 6h16c.6 0 1 .4 1 1v13c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V7c0-.6.4-1 1-1Zm6 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM4.5 4h15a.5.5 0 1 1 0 1h-15a.5.5 0 0 1 0-1Zm2-2h11a.5.5 0 1 1 0 1h-11a.5.5 0 0 1 0-1Z"/></svg>',
+    'gamma': '<svg height="24" width="24"><path d="M11.5 16.3a.7.7 0 1 0 1.4 0V14l2.7-6a.7.7 0 1 0-1.2-.6l-2.2 5-2.3-4.9C9.6 7 8.7 7 8 7.2v1.1c.8-.2.9 0 1.2 1l2.3 4.7z"/><path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2h14v14H5z" fill-rule="evenodd"/></svg>',
+    'help': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M12 5.5a6.5 6.5 0 0 0-6 9 6.3 6.3 0 0 0 1.4 2l1 1a6.3 6.3 0 0 0 3.6 1 6.5 6.5 0 0 0 6-9 6.3 6.3 0 0 0-1.4-2l-1-1a6.3 6.3 0 0 0-3.6-1ZM12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 1 1 12 4Z"/><path d="M9.6 9.7a.7.7 0 0 1-.7-.8c0-1.1 1.5-1.8 3.2-1.8 1.8 0 3.2.8 3.2 2.4 0 1.4-.4 2.1-1.5 2.8-.2 0-.3.1-.3.2a2 2 0 0 0-.8.8.8.8 0 0 1-1.4-.6c.3-.7.8-1 1.3-1.5l.4-.2c.7-.4.8-.6.8-1.5 0-.5-.6-.9-1.7-.9-.5 0-1 .1-1.4.3-.2 0-.3.1-.3.2v-.2c0 .4-.4.8-.8.8Z" fill-rule="nonzero"/><circle cx="12" cy="16" r="1"/></g></svg>',
+    'highlight-bg-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z"/><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"/></g></svg>',
+    'home': '<svg width="24" height="24"><path fill-rule="nonzero" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>',
+    'horizontal-rule': '<svg width="24" height="24"><path d="M4 11h16v2H4z" fill-rule="evenodd"/></svg>',
+    'image-options': '<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',
+    'image': '<svg width="24" height="24"><path d="m5 15.7 3.3-3.2c.3-.3.7-.3 1 0L12 15l4.1-4c.3-.4.8-.4 1 0l2 1.9V5H5v10.7ZM5 18V19h3l2.8-2.9-2-2L5 17.9Zm14-3-2.5-2.4-6.4 6.5H19v-4ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill-rule="nonzero"/></svg>',
+    'indent': '<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 1 1 0-2Zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm-5 4h12a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2Zm-2.6-3.8L6.2 12l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',
+    'info': '<svg width="24" height="24"><path d="M12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 1 1 12 4Zm-1 3v2h2V7h-2Zm3 10v-1h-1v-5h-3v1h1v4h-1v1h4Z" fill-rule="evenodd"/></svg>',
+    'insert-character': '<svg width="24" height="24"><path d="M15 18h4l1-2v4h-6v-3.3l1.4-1a6 6 0 0 0 1.8-2.9 6.3 6.3 0 0 0-.1-4.1 5.8 5.8 0 0 0-3-3.2c-.6-.3-1.3-.5-2.1-.5a5.1 5.1 0 0 0-3.9 1.8 6.3 6.3 0 0 0-1.3 6 6.2 6.2 0 0 0 1.8 3l1.4.9V20H4v-4l1 2h4v-.5l-2-1L5.4 15A6.5 6.5 0 0 1 4 11c0-1 .2-1.9.6-2.7A7 7 0 0 1 6.3 6C7.1 5.4 8 5 9 4.5c1-.3 2-.5 3.1-.5a8.8 8.8 0 0 1 5.7 2 7 7 0 0 1 1.7 2.3 6 6 0 0 1 .2 4.8c-.2.7-.6 1.3-1 1.9a7.6 7.6 0 0 1-3.6 2.5v.5Z" fill-rule="evenodd"/></svg>',
+    'insert-time': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm0 2a9 9 0 1 1 0-18 9 9 0 0 1 0 18Z"/><path d="M16 12h-3V7c0-.6-.4-1-1-1a1 1 0 0 0-1 1v7h5c.6 0 1-.4 1-1s-.4-1-1-1Z"/></g></svg>',
+    'invert': '<svg height="24" width="24"><path d="M5 4 3.6 5.4l3.9 4C6.6 10.7 6 12.3 6 14a6 6 0 0 0 10.3 4.2l1.9 1.8 1.4-1.4z" fill-rule="evenodd"/><path d="M13.4 8.4c.9 1 1.6 2.1 2 3.2l2.6 2.6V14c0-5-6-10-6-10s-1 .8-2.1 2l1.4 1.5.7-.7 1.4 1.6z"/></svg>',
+    'italic': '<svg width="24" height="24"><path d="m16.7 4.7-.1.9h-.3c-.6 0-1 0-1.4.3-.3.3-.4.6-.5 1.1l-2.1 9.8v.6c0 .5.4.8 1.4.8h.2l-.2.8H8l.2-.8h.2c1.1 0 1.8-.5 2-1.5l2-9.8.1-.5c0-.6-.4-.8-1.4-.8h-.3l.2-.9h5.8Z" fill-rule="evenodd"/></svg>',
+    'language': '<svg width="24" height="24"><path d="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm4.3 13.3c-.5 1-1.2 2-2 2.9a7.5 7.5 0 0 0 3.2-2.1l-.2-.2a6 6 0 0 0-1-.6Zm-8.6 0c-.5.2-.9.5-1.2.8.9 1 2 1.7 3.2 2a10 10 0 0 1-2-2.8Zm3.6-.8c-.8 0-1.6.1-2.2.3.5 1 1.2 1.9 2.1 2.7Zm1.5 0v3c.9-.8 1.6-1.7 2.1-2.7-.6-.2-1.4-.3-2.1-.3Zm-6-2.7H4.5c.2 1 .5 2.1 1 3h.3l1.3-1a10 10 0 0 1-.3-2Zm12.7 0h-2.3c0 .7-.1 1.4-.3 2l1.6 1.1c.5-1 .9-2 1-3.1Zm-3.8 0h-3V14c1 0 2 .1 2.7.4.2-.5.3-1 .3-1.6Zm-4.4 0h-3l.3 1.6c.8-.3 1.7-.4 2.7-.4v-1.3Zm-5.5-5c-.7 1-1.1 2.2-1.3 3.5h2.3c0-1 .2-1.8.5-2.6l-1.5-1Zm2.9 1.4v.1c-.2.6-.4 1.3-.4 2h3V9.4c-1 0-1.8-.1-2.6-.3Zm6.6 0h-.1l-2.4.3v1.8h3l-.5-2.1Zm3-1.4-.3.1-1.3.8c.3.8.5 1.6.5 2.6h2.3a7.5 7.5 0 0 0-1.3-3.5Zm-9 0 2 .2V5.5a9 9 0 0 0-2 2.2Zm3.5-2.3V8c.6 0 1.3 0 1.9-.2a9 9 0 0 0-2-2.3Zm-3-.7h-.1c-1.1.4-2.1 1-3 1.8l1.2.7a10 10 0 0 1 1.9-2.5Zm4.4 0 .1.1a10 10 0 0 1 1.8 2.4l1.1-.7a7.5 7.5 0 0 0-3-1.8Z"/></svg>',
+    'line-height': '<svg width="24" height="24"><path d="M21 5a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zM7 3.6l3.7 3.7a1 1 0 0 1-1.3 1.5h-.1L8 7.3v9.2l1.3-1.3a1 1 0 0 1 1.3 0h.1c.4.4.4 1 0 1.3v.1L7 20.4l-3.7-3.7a1 1 0 0 1 1.3-1.5h.1L6 16.7V7.4L4.7 8.7a1 1 0 0 1-1.3 0h-.1a1 1 0 0 1 0-1.3v-.1L7 3.6z"/></svg>',
+    'line': '<svg width="24" height="24"><path d="m15 9-8 8H4v-3l8-8 3 3Zm1-1-3-3 1-1h1c-.2 0 0 0 0 0l2 2s0 .2 0 0v1l-1 1ZM4 18h16v2H4v-2Z" fill-rule="evenodd"/></svg>',
+    'link': '<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2-2a2 2 0 1 0-2.6-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2Z" fill-rule="nonzero"/></svg>',
+    'list-bull-circle': '<svg height="48" width="48"><path d="M8 14a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 24a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 34a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" fill-rule="evenodd"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',
+    'list-bull-default': '<svg height="48" width="48"><path d="M14 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M12 24a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" fill-rule="evenodd"/><path d="M16 31h6v6h-6z"/><path d="M16 31h6v6h-6z"/><path d="M18 12h22v4H18zm4 10h18v4H22zm4 10h14v4H26z" opacity=".2"/></svg>',
+    'list-bull-disc': '<svg height="48" width="48"><path d="M14 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',
+    'list-bull-square': '<svg height="48" width="48"><path d="M8 21h6v6H8zm0 10h6v6H8zm0-20h6v6H8z"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',
+    'list-num-default-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 17v-4.8h-.1l-1.5 1v-1.1l1.6-1.1h1.2v6zM33.3 17.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm1.7 5.7c0-1.2 1-2 2.2-2 1.3 0 2.1.8 2.1 1.8 0 .7-.3 1.2-1.3 2.2l-1.2 1v.2h2.6v1h-4.3v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H35zm-1.7 4.3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm3.2 7.3v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H35c0-1.1 1-1.8 2.2-1.8 1.2 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.7.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .6 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7zm-3.3 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7z"/></g></svg>',
+    'list-num-default': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10 17v-4.8l-1.5 1v-1.1l1.6-1h1.2V17h-1.2Zm3.6.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm-5 5.7c0-1.2.8-2 2.1-2s2.1.8 2.1 1.8c0 .7-.3 1.2-1.4 2.2l-1.1 1v.2h2.6v1H8.6v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H8.5Zm6.3 4.3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM10 34.4v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H8.6c0-1.1 1-1.8 2.2-1.8 1.3 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.8.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .7 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7Zm4.7 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7Z"/></g></svg>',
+    'list-num-lower-alpha-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M36.5 16c-.9 0-1.5-.5-1.5-1.3s.6-1.3 1.8-1.4h1v-.4c0-.4-.2-.6-.7-.6-.4 0-.7.1-.8.4h-1.1c0-.8.8-1.4 2-1.4S39 12 39 13V16h-1.2v-.6c-.3.4-.8.7-1.4.7Zm.4-.8c.6 0 1-.4 1-.9V14h-1c-.5.1-.7.3-.7.6 0 .4.3.6.7.6ZM33.1 16.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7ZM37.7 26c-.7 0-1.2-.2-1.5-.7v.7H35v-6.3h1.2v2.5c.3-.5.8-.9 1.5-.9 1.1 0 1.8 1 1.8 2.4 0 1.5-.7 2.4-1.8 2.4Zm-.5-3.6c-.6 0-1 .5-1 1.3s.4 1.4 1 1.4c.7 0 1-.6 1-1.4 0-.8-.3-1.3-1-1.3ZM33.2 26.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zm6 7h-1c-.1-.5-.4-.8-1-.8s-1 .5-1 1.4c0 1 .4 1.4 1 1.4.5 0 .9-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7zm-6.1 3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',
+    'list-num-lower-alpha': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.3 15.2c.5 0 1-.4 1-.9V14h-1c-.5.1-.8.3-.8.6 0 .4.3.6.8.6Zm-.4.9c-1 0-1.5-.6-1.5-1.4 0-.8.6-1.3 1.7-1.4h1.1v-.4c0-.4-.2-.6-.7-.6-.5 0-.8.1-.9.4h-1c0-.8.8-1.4 2-1.4 1.1 0 1.8.6 1.8 1.6V16h-1.1v-.6h-.1c-.2.4-.7.7-1.3.7Zm4.6 0c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-3.2 10c-.6 0-1.2-.3-1.4-.8v.7H8.5v-6.3H10v2.5c.3-.5.8-.9 1.4-.9 1.2 0 1.9 1 1.9 2.4 0 1.5-.7 2.4-1.9 2.4Zm-.4-3.7c-.7 0-1 .5-1 1.3s.3 1.4 1 1.4c.6 0 1-.6 1-1.4 0-.8-.4-1.3-1-1.3Zm4 3.7c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-2.2 7h-1.2c0-.5-.4-.8-.9-.8-.6 0-1 .5-1 1.4 0 1 .4 1.4 1 1.4.5 0 .8-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7Zm1.8 3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-lower-greek-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 16c-1.2 0-2-.8-2-2.3 0-1.5.8-2.4 2-2.4.6 0 1 .4 1.3 1v-.9H40v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1-.7h-.2c-.2.4-.7.8-1.3.8Zm.3-1c.6 0 1-.5 1-1.3s-.4-1.3-1-1.3-1 .5-1 1.3.4 1.4 1 1.4ZM33.3 16.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM36 21.9c0-1.5.8-2.3 2.1-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.9 1.3.9.3 1.3.8 1.3 1.7 0 1.2-.7 1.9-1.8 1.9-.6 0-1.1-.3-1.4-.8v2.2H36V22Zm1.8 1.2v-1h.3c.5 0 .9-.2.9-.7 0-.5-.3-.8-.9-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1 1.3s1-.4 1-1-.4-1-1.2-1h-.3ZM33.3 26.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM37.1 34.6 34.8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.2.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2Zm.7 1a2 2 0 0 0-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1ZM33.3 36.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-lower-greek': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.5 15c.7 0 1-.5 1-1.3s-.3-1.3-1-1.3c-.5 0-.9.5-.9 1.3s.4 1.4 1 1.4Zm-.3 1c-1.1 0-1.8-.8-1.8-2.3 0-1.5.7-2.4 1.8-2.4.7 0 1.1.4 1.3 1h.1v-.9h1.2v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1.1-.7h-.1c-.2.4-.7.8-1.4.8Zm5 .1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7Zm-4.9 7v-1h.3c.6 0 1-.2 1-.7 0-.5-.4-.8-1-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1.1 1.3.6 0 1-.4 1-1s-.5-1-1.3-1h-.3ZM8.6 22c0-1.5.7-2.3 2-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.8 1.3.8.3 1.3.8 1.3 1.7 0 1.2-.8 1.9-1.9 1.9-.6 0-1.1-.3-1.3-.8v2.2H8.5V22Zm6.2 4.2c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm-4.5 8.5L8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.1.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2Zm.7 1a2 2 0 0 0-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1Zm4.5.5c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-lower-roman-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M32.9 16v-1.2h-1.3V16H33Zm0 10v-1.2h-1.3V26H33Zm0 10v-1.2h-1.3V36H33Z"/><path fill-rule="nonzero" d="M36 21h-1.5v5H36zM36 31h-1.5v5H36zM39 21h-1.5v5H39zM39 31h-1.5v5H39zM42 31h-1.5v5H42zM36 11h-1.5v5H36zM36 19h-1.5v1H36zM36 29h-1.5v1H36zM39 19h-1.5v1H39zM39 29h-1.5v1H39zM42 29h-1.5v1H42zM36 9h-1.5v1H36z"/></g></svg>',
+    'list-num-lower-roman': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 16v-1.2h1.3V16H15Zm0 10v-1.2h1.3V26H15Zm0 10v-1.2h1.3V36H15Z"/><path fill-rule="nonzero" d="M12 21h1.5v5H12zM12 31h1.5v5H12zM9 21h1.5v5H9zM9 31h1.5v5H9zM6 31h1.5v5H6zM12 11h1.5v5H12zM12 19h1.5v1H12zM12 29h1.5v1H12zM9 19h1.5v1H9zM9 29h1.5v1H9zM6 29h1.5v1H6zM12 9h1.5v1H12z"/></g></svg>',
+    'list-num-upper-alpha-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="m39.3 17-.5-1.4h-2l-.5 1.4H35l2-6h1.6l2 6h-1.3Zm-1.6-4.7-.7 2.3h1.6l-.8-2.3ZM33.4 17c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm4.7 9.9h-2.7v-6H38c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7Zm-1.4-5v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1Zm0 4h1.1c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9h-1.1V26ZM33 27.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm4.9 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2Zm-4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-upper-alpha': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="m12.6 17-.5-1.4h-2L9.5 17H8.3l2-6H12l2 6h-1.3ZM11 12.3l-.7 2.3h1.6l-.8-2.3Zm4.7 4.8c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7ZM11.4 27H8.7v-6h2.6c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7ZM10 22v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1Zm0 4H11c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9H10V26Zm5.4 1.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-4.1 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2Zm4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',
+    'list-num-upper-roman-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M31.6 17v-1.2H33V17h-1.3Zm0 10v-1.2H33V27h-1.3Zm0 10v-1.2H33V37h-1.3Z"/><path fill-rule="nonzero" d="M34.5 20H36v7h-1.5zM34.5 30H36v7h-1.5zM37.5 20H39v7h-1.5zM37.5 30H39v7h-1.5zM40.5 30H42v7h-1.5zM34.5 10H36v7h-1.5z"/></g></svg>',
+    'list-num-upper-roman': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 17v-1.2h1.3V17H15Zm0 10v-1.2h1.3V27H15Zm0 10v-1.2h1.3V37H15Z"/><path fill-rule="nonzero" d="M12 20h1.5v7H12zM12 30h1.5v7H12zM9 20h1.5v7H9zM9 30h1.5v7H9zM6 30h1.5v7H6zM12 10h1.5v7H12z"/></g></svg>',
+    'lock': '<svg width="24" height="24"><path d="M16.3 11c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H8V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h.3ZM10 8v3h4V8a1 1 0 0 0-.3-.7A1 1 0 0 0 13 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7Z" fill-rule="evenodd"/></svg>',
+    'ltr': '<svg width="24" height="24"><path d="M11 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 7.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L11 5ZM4.4 16.2 6.2 15l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',
+    'math-equation': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.8c.1-.5.5-.8 1-.8h10a1 1 0 1 1 0 2h-9.2L8.3 19.2a1 1 0 0 1-1.7.4l-3.4-4.2a1 1 0 0 1 1.6-1.2l2 2.5L9 4.8Zm9.7 5.5c.4.4.4 1 0 1.4L17 13.5l1.8 1.8a1 1 0 1 1-1.4 1.4L15.5 15l-1.8 1.8a1 1 0 0 1-1.4-1.4l1.8-1.8-1.8-1.8a1 1 0 0 1 1.4-1.4l1.8 1.8 1.8-1.8a1 1 0 0 1 1.4 0Z"/></svg>',
+    'mentions': '<svg height="24" width="24"><path d="M12 21a8.8 8.8 0 0 1-3.5-.7 9 9 0 0 1-2.9-2 9 9 0 0 1-1.9-2.8A8.8 8.8 0 0 1 3 12c0-1.3.2-2.4.7-3.5a9 9 0 0 1 4.8-4.8A8.8 8.8 0 0 1 12 3c1.3 0 2.4.2 3.5.7a9.1 9.1 0 0 1 4.8 4.8A8.7 8.7 0 0 1 21 12v1.4a3 3 0 0 1-.9 2.2 3 3 0 0 1-2.2.9c-.5 0-1-.1-1.5-.4a3.8 3.8 0 0 1-1.1-1 4.8 4.8 0 0 1-1.5 1 4.3 4.3 0 0 1-1.8.4c-1.2 0-2.3-.4-3.2-1.3-.9-.9-1.3-2-1.3-3.2s.4-2.3 1.3-3.2c.9-.9 2-1.3 3.2-1.3s2.3.4 3.2 1.3c.9.9 1.3 2 1.3 3.2v1.4c0 .4.1.7.4 1 .3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1V12c0-2-.7-3.8-2.1-5.2S14 4.7 12 4.7s-3.8.7-5.2 2.1S4.7 10 4.7 12s.7 3.8 2.1 5.2 3.2 2.1 5.2 2.1h4.5V21zm0-6.2c.8 0 1.4-.3 2-.8a2.7 2.7 0 0 0 .8-2c0-.8-.3-1.4-.8-2a2.7 2.7 0 0 0-2-.8c-.8 0-1.4.3-2 .8a2.7 2.7 0 0 0-.8 2c0 .8.3 1.4.8 2a2.7 2.7 0 0 0 2 .8z"/></svg>',
+    'minus': '<svg width="24" height="24"><path d="M19 11a1 1 0 0 1 .1 2H5a1 1 0 0 1-.1-2H19Z"/></svg>',
+    'more-drawer': '<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',
+    'new-document': '<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',
+    'new-tab': '<svg width="24" height="24"><path d="m15 13 2-2v8H5V7h8l-2 2H7v8h8v-4Zm4-8v5.5l-2-2-5.6 5.5H10v-1.4L15.5 7l-2-2H19Z" fill-rule="evenodd"/></svg>',
+    'non-breaking': '<svg width="24" height="24"><path d="M11 11H8a1 1 0 1 1 0-2h3V6c0-.6.4-1 1-1s1 .4 1 1v3h3c.6 0 1 .4 1 1s-.4 1-1 1h-3v3c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-3Zm10 4v5H3v-5c0-.6.4-1 1-1s1 .4 1 1v3h14v-3c0-.6.4-1 1-1s1 .4 1 1Z" fill-rule="evenodd"/></svg>',
+    'notice': '<svg width="24" height="24"><path d="M15.5 4 20 8.5v7L15.5 20h-7L4 15.5v-7L8.5 4h7ZM13 17v-2h-2v2h2Zm0-4V7h-2v6h2Z" fill-rule="evenodd" clip-rule="evenodd"/></svg>',
+    'ordered-list-rtl': '<svg width="24" height="24"><path d="M6 17h8a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2Zm13-1v3.5a.5.5 0 1 1-1 0V5h-.5a.5.5 0 1 1 0-1H19Zm-1 8.8.2.2h1.3a.5.5 0 1 1 0 1h-1.6a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0-.2-.2h-1.3a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3Zm2 4.2v2c0 .6-.4 1-1 1h-1.5a.5.5 0 0 1 0-1h1.2a.3.3 0 1 0 0-.6h-1.3a.4.4 0 1 1 0-.8h1.3a.3.3 0 0 0 0-.6h-1.2a.5.5 0 1 1 0-1H19c.6 0 1 .4 1 1Z" fill-rule="evenodd"/></svg>',
+    'ordered-list': '<svg width="24" height="24"><path d="M10 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 1 1 0-2ZM6 4v3.5c0 .3-.2.5-.5.5a.5.5 0 0 1-.5-.5V5h-.5a.5.5 0 0 1 0-1H6Zm-1 8.8.2.2h1.3c.3 0 .5.2.5.5s-.2.5-.5.5H4.9a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0-.2-.2H4.5a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3ZM7 17v2c0 .6-.4 1-1 1H4.5a.5.5 0 0 1 0-1h1.2c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.4a.4.4 0 1 1 0-.8h1.3c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.5a.5.5 0 1 1 0-1H6c.6 0 1 .4 1 1Z" fill-rule="evenodd"/></svg>',
+    'orientation': '<svg width="24" height="24"><path d="M7.3 6.4 1 13l6.4 6.5 6.5-6.5-6.5-6.5ZM3.7 13l3.6-3.7L11 13l-3.7 3.7-3.6-3.7ZM12 6l2.8 2.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0L9.2 5.7a.8.8 0 0 1 0-1.2L13.6.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L12 4h1a9 9 0 1 1-4.3 16.9l1.5-1.5A7 7 0 1 0 13 6h-1Z" fill-rule="nonzero"/></svg>',
+    'outdent': '<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 1 1 0-2Zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm-5 4h12a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2Zm1.6-3.8a1 1 0 0 1-1.2 1.6l-3-2a1 1 0 0 1 0-1.6l3-2a1 1 0 0 1 1.2 1.6L6.8 12l1.8 1.2Z" fill-rule="evenodd"/></svg>',
+    'export-pdf': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H7v3H5V5c0-1.1.9-2 2-2Z"/><path d="M2.6 15.2v-1.9h1c.6 0 1-.2 1.4-.5.3-.3.5-.7.5-1.2s-.2-.9-.5-1.2a2 2 0 0 0-1.3-.4H1v5.2h1.6Zm.4-3h-.4v-1.1h.5l.6.1.2.5c0 .1 0 .3-.2.4l-.7.1Zm5.7 3 1-.1c.3 0 .5-.2.7-.4l.5-.8c.2-.3.2-.7.2-1.3v-1l-.5-.8c-.2-.3-.4-.5-.7-.6L8.7 10H6.3v5.2h2.4Zm-.4-1.1H8v-3h.4c.5 0 .8.2 1 .4l.2 1.1-.1 1-.3.3-.8.2Zm5.3 1.2V13h2v-1h-2v-1H16V10h-4v5.2h1.6Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"/></svg>',
+    'export-word': '<svg width="24" height="24"><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H5c0-1.1.9-2 2-2ZM15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"/></svg>',
+    'import-word': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V15h-2V9h-4V5H5c0-1.1.9-2 2-2Z"/><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4 18.2a1 1 0 0 0 1.2 1.6l1.4-1V22a1 1 0 1 0 2 0v-3.1l1.4 1a1 1 0 0 0 1.2-1.7L15 15.8l-3.6 2.4Z"/></svg>',
+    'page-break': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M5 11c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1h-1a1 1 0 0 1 0-2Zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2ZM7 3v5h10V3c0-.6.4-1 1-1s1 .4 1 1v7H5V3c0-.6.4-1 1-1s1 .4 1 1ZM6 22a1 1 0 0 1-1-1v-7h14v7c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-5H7v5c0 .6-.4 1-1 1Z"/></g></svg>',
+    'paragraph': '<svg width="24" height="24"><path fill-rule="evenodd" d="M10 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 6.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L10 5Z"/></svg>',
+    'paste-column-after': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h7v2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm8 7v12h-6V8h6Zm-1.5 1.5h-3v9h3v-9ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',
+    'paste-column-before': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V18c0 1-.8 2-1.9 2H11v-2h7V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v2H4V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm-2 7v12H4V8h6ZM8.5 9.5h-3v9h3v-9ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',
+    'paste-row-after': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V11h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h14c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm10 11v5H8v-5h14Zm-1.5 1.5h-11v2h11v-2ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',
+    'paste-row-before': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h12v-4h2v4c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm10 7v5H8V8h14Zm-1.5 1.5h-11v2h11v-2ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',
+    'paste-text': '<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h3V9h9ZM9 20H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0 1 12 1a3 3 0 0 1 2.8 2H18a2 2 0 0 1 2 2v4h1v12H9v-1Zm1.5-9.5v9h9v-9h-9ZM12 3a1 1 0 0 0-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1Zm0 9h6v2h-.5l-.5-1h-1v4h.8v1h-3.6v-1h.8v-4h-1l-.5 1H12v-2Z" fill-rule="nonzero"/></svg>',
+    'paste': '<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h3V9h9ZM9 20H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0 1 12 1a3 3 0 0 1 2.8 2H18a2 2 0 0 1 2 2v4h1v12H9v-1Zm1.5-9.5v9h9v-9h-9ZM12 3a1 1 0 0 0-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1Z" fill-rule="nonzero"/></svg>',
+    'permanent-pen': '<svg width="24" height="24"><path d="M10.5 17.5 8 20H3v-3l3.5-3.5a2 2 0 0 1 0-3L14 3l1 1-7.3 7.3a1 1 0 0 0 0 1.4l3.6 3.6c.4.4 1 .4 1.4 0L20 9l1 1-7.6 7.6a2 2 0 0 1-2.8 0l-.1-.1Z" fill-rule="nonzero"/></svg>',
+    'plus': '<svg width="24" height="24"><path d="M12 4c.5 0 1 .4 1 .9V11h6a1 1 0 0 1 .1 2H13v6a1 1 0 0 1-2 .1V13H5a1 1 0 0 1-.1-2H11V5c0-.6.4-1 1-1Z"/></svg>',
+    'preferences': '<svg width="24" height="24"><path d="m20.1 13.5-1.9.2a5.8 5.8 0 0 1-.6 1.5l1.2 1.5c.4.4.3 1 0 1.4l-.7.7a1 1 0 0 1-1.4 0l-1.5-1.2a6.2 6.2 0 0 1-1.5.6l-.2 1.9c0 .5-.5.9-1 .9h-1a1 1 0 0 1-1-.9l-.2-1.9a5.8 5.8 0 0 1-1.5-.6l-1.5 1.2a1 1 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.4l1.2-1.5a6.2 6.2 0 0 1-.6-1.5l-1.9-.2a1 1 0 0 1-.9-1v-1c0-.5.4-1 .9-1l1.9-.2a5.8 5.8 0 0 1 .6-1.5L5.2 7.3a1 1 0 0 1 0-1.4l.7-.7a1 1 0 0 1 1.4 0l1.5 1.2a6.2 6.2 0 0 1 1.5-.6l.2-1.9c0-.5.5-.9 1-.9h1c.5 0 1 .4 1 .9l.2 1.9a5.8 5.8 0 0 1 1.5.6l1.5-1.2a1 1 0 0 1 1.4 0l.7.7c.3.4.4 1 0 1.4l-1.2 1.5a6.2 6.2 0 0 1 .6 1.5l1.9.2c.5 0 .9.5.9 1v1c0 .5-.4 1-.9 1ZM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" fill-rule="evenodd"/></svg>',
+    'preview': '<svg width="24" height="24"><path d="M3.5 12.5c.5.8 1.1 1.6 1.8 2.3 2 2 4.2 3.2 6.7 3.2s4.7-1.2 6.7-3.2a16.2 16.2 0 0 0 2.1-2.8 15.7 15.7 0 0 0-2.1-2.8c-2-2-4.2-3.2-6.7-3.2a9.3 9.3 0 0 0-6.7 3.2A16.2 16.2 0 0 0 3.2 12c0 .2.2.3.3.5Zm-2.4-1 .7-1.2L4 7.8C6.2 5.4 8.9 4 12 4c3 0 5.8 1.4 8.1 3.8a18.2 18.2 0 0 1 2.8 3.7v1l-.7 1.2-2.1 2.5c-2.3 2.4-5 3.8-8.1 3.8-3 0-5.8-1.4-8.1-3.8a18.2 18.2 0 0 1-2.8-3.7 1 1 0 0 1 0-1Zm12-3.3a2 2 0 1 0 2.7 2.6 4 4 0 1 1-2.6-2.6Z" fill-rule="nonzero"/></svg>',
+    'print': '<svg width="24" height="24"><path d="M18 8H6a3 3 0 0 0-3 3v6h2v3h14v-3h2v-6a3 3 0 0 0-3-3Zm-1 10H7v-4h10v4Zm.5-5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5Zm.5-8H6v2h12V5Z" fill-rule="nonzero"/></svg>',
+    'quote': '<svg width="24" height="24"><path d="M7.5 17h.9c.4 0 .7-.2.9-.6L11 13V8c0-.6-.4-1-1-1H6a1 1 0 0 0-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 0 0 .8 1.3Zm8 0h.9c.4 0 .7-.2.9-.6L19 13V8c0-.6-.4-1-1-1h-4a1 1 0 0 0-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 0 0 .8 1.3Z" fill-rule="nonzero"/></svg>',
+    'redo': '<svg width="24" height="24"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"/></svg>',
+    'reload': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="m5 22.1-1.2-4.7v-.2a1 1 0 0 1 1-1l5 .4a1 1 0 1 1-.2 2l-2.2-.2a7.8 7.8 0 0 0 8.4.2 7.5 7.5 0 0 0 3.5-6.4 1 1 0 1 1 2 0 9.5 9.5 0 0 1-4.5 8 9.9 9.9 0 0 1-10.2 0l.4 1.4a1 1 0 1 1-2 .5ZM13.6 7.4c0-.5.5-1 1-.9l2.8.2a8 8 0 0 0-9.5-1 7.5 7.5 0 0 0-3.6 7 1 1 0 0 1-2 0 9.5 9.5 0 0 1 4.5-8.6 10 10 0 0 1 10.9.3l-.3-1a1 1 0 0 1 2-.5l1.1 4.8a1 1 0 0 1-1 1.2l-5-.4a1 1 0 0 1-.9-1Z"/></g></svg>',
+    'remove-formatting': '<svg width="24" height="24"><path d="M13.2 6a1 1 0 0 1 0 .2l-2.6 10a1 1 0 0 1-1 .8h-.2a.8.8 0 0 1-.8-1l2.6-10H8a1 1 0 1 1 0-2h9a1 1 0 0 1 0 2h-3.8ZM5 18h7a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Zm13 1.5L16.5 18 15 19.5a.7.7 0 0 1-1-1l1.5-1.5-1.5-1.5a.7.7 0 0 1 1-1l1.5 1.5 1.5-1.5a.7.7 0 0 1 1 1L17.5 17l1.5 1.5a.7.7 0 0 1-1 1Z" fill-rule="evenodd"/></svg>',
+    'remove': '<svg width="24" height="24"><path d="M16 7h3a1 1 0 0 1 0 2h-1v9a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9H5a1 1 0 1 1 0-2h3V6a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1Zm-2 0V6c0-.6-.4-1-1-1h-2a1 1 0 0 0-1 1v1h4Zm2 2H8v9c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V9Zm-7 3a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0v-4Zm4 0a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0v-4Z" fill-rule="nonzero"/></svg>',
+    'resize-handle': '<svg width="10" height="10"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"/></g></svg>',
+    'resize': '<svg width="24" height="24"><path d="M4 5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h6c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3H7.4L18 16.6V13c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v6c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3h-6a1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3.6L6 7.4V11c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3A1 1 0 0 1 4 11V5Z" fill-rule="evenodd"/></svg>',
+    'restore-draft': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1Z"/><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></g></svg>',
+    'revision-history': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1Z"/><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></g></svg>',
+    'rotate-left': '<svg width="24" height="24"><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></svg>',
+    'rotate-right': '<svg width="24" height="24"><path d="M20 8V5a1 1 0 0 1 2 0v6c0 .6-.4 1-1 1h-6a1 1 0 0 1 0-2h4.3L16 7A7.2 7.2 0 0 0 7.7 6a7 7 0 0 0 3 13.1c1.9.1 3.7-.5 5-1.7a1 1 0 0 1 1.4 1.5A9.2 9.2 0 0 1 2.2 14c-.9-3.9 1-8 4.5-9.9 3.5-1.9 8-1.3 10.8 1.5L20 8Z" fill-rule="nonzero"/></svg>',
+    'rtl': '<svg width="24" height="24"><path d="M8 5h8v2h-2v12h-2V7h-2v12H8v-7c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 4.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L8 5Zm12 11.2a1 1 0 1 1-1 1.6l-3-2a1 1 0 0 1 0-1.6l3-2a1 1 0 1 1 1 1.6L18.4 15l1.8 1.2Z" fill-rule="evenodd"/></svg>',
+    'save': '<svg width="24" height="24"><path d="M5 16h14a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2Zm0 2v2h14v-2H5Zm10 0h2v2h-2v-2Zm-4-6.4L8.7 9.3a1 1 0 1 0-1.4 1.4l4 4c.4.4 1 .4 1.4 0l4-4a1 1 0 1 0-1.4-1.4L13 11.6V4a1 1 0 0 0-2 0v7.6Z" fill-rule="nonzero"/></svg>',
+    'search': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill-rule="nonzero"/></svg>',
+    'select-all': '<svg width="24" height="24"><path d="M3 5h2V3a2 2 0 0 0-2 2Zm0 8h2v-2H3v2Zm4 8h2v-2H7v2ZM3 9h2V7H3v2Zm10-6h-2v2h2V3Zm6 0v2h2a2 2 0 0 0-2-2ZM5 21v-2H3c0 1.1.9 2 2 2Zm-2-4h2v-2H3v2ZM9 3H7v2h2V3Zm2 18h2v-2h-2v2Zm8-8h2v-2h-2v2Zm0 8a2 2 0 0 0 2-2h-2v2Zm0-12h2V7h-2v2Zm0 8h2v-2h-2v2Zm-4 4h2v-2h-2v2Zm0-16h2V3h-2v2ZM7 17h10V7H7v10Zm2-8h6v6H9V9Z" fill-rule="nonzero"/></svg>',
+    'selected': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Zm3.6 10.9L7 12.3a.7.7 0 0 0-1 1L9.6 17 18 8.6a.7.7 0 0 0 0-1 .7.7 0 0 0-1 0l-7.4 7.3Z"/></svg>',
+    'send': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="m13.3 22 7-18.3-18.3 7L9 15l4.3 7ZM18 6.8l-.7-.7L9.4 14l.7.7L18 6.8Z"/></svg>',
+    'settings': '<svg width="24" height="24"><path d="M11 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V8H5a1 1 0 1 1 0-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.5V6ZM8 8h2V6H8v2Zm9 2.8v.2h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v.3c0 .2 0 .3-.2.5l-.6.2h-2.4c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V13H5a1 1 0 0 1 0-2h8v-.3c0-.2 0-.3.2-.5l.6-.2h2.4c.3 0 .4 0 .6.2l.2.6ZM14 13h2v-2h-2v2Zm-3 2.8v.2h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V18H5a1 1 0 0 1 0-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.6ZM8 18h2v-2H8v2Z" fill-rule="evenodd"/></svg>',
+    'sharpen': '<svg width="24" height="24"><path fill-rule="evenodd" d="m16 6 4 4-8 9-8-9 4-4h8Zm-4 10.2 5.5-6.2-.1-.1H12v-.3h5.1l-.2-.2H12V9h4.6l-.2-.2H12v-.3h4.1l-.2-.2H12V8h3.6l-.2-.2H8.7L6.5 10l.1.1H12v.3H6.9l.2.2H12v.3H7.3l.2.2H12v.3H7.7l.3.2h4v.3H8.2l.2.2H12v.3H8.6l.3.2H12v.3H9l.3.2H12v.3H9.5l.2.2H12v.3h-2l.2.2H12v.3h-1.6l.2.2H12v.3h-1.1l.2.2h.9v.3h-.7l.2.2h.5v.3h-.3l.3.2Z"/></svg>',
+    'sourcecode': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M9.8 15.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0l-4.4-4.1a.8.8 0 0 1 0-1.2l4.4-4.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L6 12l3.8 3.7ZM14.2 15.7c-.3.3-.3.8 0 1 .4.4.9.4 1.2 0l4.4-4.1c.3-.3.3-.9 0-1.2l-4.4-4.2a.8.8 0 0 0-1.2 0c-.3.3-.3.8 0 1.1L18 12l-3.8 3.7Z"/></g></svg>',
+    'spell-check': '<svg width="24" height="24"><path d="M6 8v3H5V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h2c.3 0 .5.1.7.3.2.2.3.4.3.7v6H8V8H6Zm0-3v2h2V5H6Zm13 0h-3v5h3v1h-3a1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3v1Zm-5 1.5-.1.7c-.1.2-.3.3-.6.3.3 0 .5.1.6.3l.1.7V10c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3h-3V4h3c.3 0 .5.1.7.3.2.2.3.4.3.7v1.5ZM13 10V8h-2v2h2Zm0-3V5h-2v2h2Zm3 5 1 1-6.5 7L7 15.5l1.3-1 2.2 2.2L16 12Z" fill-rule="evenodd"/></svg>',
+    'strike-through': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M15.6 8.5c-.5-.7-1-1.1-1.3-1.3-.6-.4-1.3-.6-2-.6-2.7 0-2.8 1.7-2.8 2.1 0 1.6 1.8 2 3.2 2.3 4.4.9 4.6 2.8 4.6 3.9 0 1.4-.7 4.1-5 4.1A6.2 6.2 0 0 1 7 16.4l1.5-1.1c.4.6 1.6 2 3.7 2 1.6 0 2.5-.4 3-1.2.4-.8.3-2-.8-2.6-.7-.4-1.6-.7-2.9-1-1-.2-3.9-.8-3.9-3.6C7.6 6 10.3 5 12.4 5c2.9 0 4.2 1.6 4.7 2.4l-1.5 1.1Z"/><path d="M5 11h14a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" fill-rule="nonzero"/></g></svg>',
+    'subscript': '<svg width="24" height="24"><path d="m10.4 10 4.6 4.6-1.4 1.4L9 11.4 4.4 16 3 14.6 7.6 10 3 5.4 4.4 4 9 8.6 13.6 4 15 5.4 10.4 10ZM21 19h-5v-1l1-.8 1.7-1.6c.3-.4.5-.8.5-1.2 0-.3 0-.6-.2-.7-.2-.2-.5-.3-.9-.3a2 2 0 0 0-.8.2l-.7.3-.4-1.1 1-.6 1.2-.2c.8 0 1.4.3 1.8.7.4.4.6.9.6 1.5s-.2 1.1-.5 1.6a8 8 0 0 1-1.3 1.3l-.6.6h2.6V19Z" fill-rule="nonzero"/></svg>',
+    'superscript': '<svg width="24" height="24"><path d="M15 9.4 10.4 14l4.6 4.6-1.4 1.4L9 15.4 4.4 20 3 18.6 7.6 14 3 9.4 4.4 8 9 12.6 13.6 8 15 9.4Zm5.9 1.6h-5v-1l1-.8 1.7-1.6c.3-.5.5-.9.5-1.3 0-.3 0-.5-.2-.7-.2-.2-.5-.3-.9-.3l-.8.2-.7.4-.4-1.2c.2-.2.5-.4 1-.5.3-.2.8-.2 1.2-.2.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.6 0 .5-.2 1-.5 1.5l-1.3 1.4-.6.5h2.6V11Z" fill-rule="nonzero"/></svg>',
+    'table-caption': '<svg width="24" height="24"><g fill-rule="nonzero"><rect width="12" height="2" x="3" y="4" rx="1"/><path d="M19 8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8c0-1.1.9-2 2-2h14ZM5 15v3h6v-3H5Zm14 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></g></svg>',
+    'table-cell-classes': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M13 4v9H3V6c0-1.1.9-2 2-2h8Zm-2 2H5v5h6V6Z"/><path fill-rule="nonzero" d="M13 4h6a2 2 0 0 1 2 2v7h-8v-2h6V6h-6V4Z" opacity=".2"/><path d="m18 20-2.6 1.6.7-3-2.4-2 3.1-.2 1.2-2.9 1.2 2.9 3.1.2-2.4 2 .7 3z"/><path fill-rule="nonzero" d="M3 13v5c0 1.1.9 2 2 2h8v-7h-2v5H5v-5H3Z" opacity=".2"/></g></svg>',
+    'table-cell-properties': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9H5v5h6v-5Zm8 0h-6v5h6v-5Zm-8-7H5v5h6V6Z"/></svg>',
+    'table-cell-select-all': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v12h14V6Z"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2Z" opacity=".2"/></g></svg>',
+    'table-cell-select-inner': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v12h14V6Z" opacity=".2"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2Z"/></g></svg>',
+    'table-classes': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v7h-8v7H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9H5v5h6v-5Zm8-7h-6v5h6V6Zm-8 0H5v5h6V6Z"/><path d="m18 20-2.6 1.6.7-3-2.4-2 3.1-.2 1.2-2.9 1.2 2.9 3.1.2-2.4 2 .7 3z"/></g></svg>',
+    'table-delete-column': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-4 4h-2V6h-2v2H9V6H5v12h4v-2h2v2h2v-2h2v2h4V6h-4v2Zm.3.5 1 1.2-3 2.3 3 2.3-1 1.2L12 13l-3.3 2.6-1-1.2 3-2.3-3-2.3 1-1.2L12 11l3.3-2.5Z"/></svg>',
+    'table-delete-row': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v3h2.5v2H5v2h2.5v2H5v3h14v-3h-2.5v-2H19v-2h-2.5V9H19V6Zm-4.7 1.8 1.2 1L13 12l2.6 3.3-1.2 1-2.3-3-2.3 3-1.2-1L11 12 8.5 8.7l1.2-1 2.3 3 2.3-3Z"/></svg>',
+    'table-delete-table': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 6v12h14V6H5Z"/><path d="m14.4 8.6 1.1 1-2.4 2.4 2.4 2.4-1.1 1.1-2.4-2.4-2.4 2.4-1-1.1 2.3-2.4-2.3-2.4 1-1 2.4 2.3z"/></g></svg>',
+    'table-insert-column-after': '<svg width="24" height="24"><path fill-rule="nonzero" d="M20 4c.6 0 1 .4 1 1v2a1 1 0 0 1-2 0V6h-8v12h8v-1a1 1 0 0 1 2 0v2c0 .5-.4 1-.9 1H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h15ZM9 13H5v5h4v-5Zm7-5c.5 0 1 .4 1 .9V11h2a1 1 0 0 1 .1 2H17v2a1 1 0 0 1-2 .1V13h-2a1 1 0 0 1-.1-2H15V9c0-.6.4-1 1-1ZM9 6H5v5h4V6Z"/></svg>',
+    'table-insert-column-before': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v1h8V6H5v1a1 1 0 1 1-2 0V5c0-.6.4-1 1-1h15Zm0 9h-4v5h4v-5ZM8 8c.5 0 1 .4 1 .9V11h2a1 1 0 0 1 .1 2H9v2a1 1 0 0 1-2 .1V13H5a1 1 0 0 1-.1-2H7V9c0-.6.4-1 1-1Zm11-2h-4v5h4V6Z"/></svg>',
+    'table-insert-row-above': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4a1 1 0 1 1 0 2H5v6h14V6h-1a1 1 0 0 1 0-2h2c.6 0 1 .4 1 1v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-.6.4-1 1-1h2Zm5 10H5v4h6v-4Zm8 0h-6v4h6v-4ZM12 3c.5 0 1 .4 1 .9V6h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 .1V8H9a1 1 0 0 1 0-2h2V4c0-.6.4-1 1-1Z"/></svg>',
+    'table-insert-row-after': '<svg width="24" height="24"><path fill-rule="nonzero" d="M12 13c.5 0 1 .4 1 .9V16h2a1 1 0 0 1 .1 2H13v2a1 1 0 0 1-2 .1V18H9a1 1 0 0 1-.1-2H11v-2c0-.6.4-1 1-1Zm6 7a1 1 0 0 1 0-2h1v-6H5v6h1a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1V6c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v13c0 .5-.4 1-.9 1H18ZM11 6H5v4h6V6Zm8 0h-6v4h6V6Z"/></svg>',
+    'table-left-header': '<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 9h-4v5h4v-5Zm-6 0H9v5h4v-5Zm0-7H9v5h4V6Zm6 0h-4v5h4V6Z"/></svg>',
+    'table-merge-cells': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 15.5V18h3v-2.5H5Zm14-5h-9V18h9v-7.5ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Zm-8 7.5h3v-3H5v3Z"/></svg>',
+    'table-row-numbering-rtl': '<svg width="24" height="24"><path d="M6 4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6Zm0 12h8v3H6v-3Zm11 0c.6 0 1 .4 1 1v1a1 1 0 0 1-2 0v-1c0-.6.4-1 1-1ZM6 11h8v3H6v-3Zm11 0c.6 0 1 .4 1 1v1a1 1 0 0 1-2 0v-1c0-.6.4-1 1-1ZM6 6h8v3H6V6Zm11 0c.6 0 1 .4 1 1v1a1 1 0 1 1-2 0V7c0-.6.4-1 1-1Z"/></svg>',
+    'table-row-numbering': '<svg width="24" height="24"><path d="M18 4a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h12Zm0 12h-8v3h8v-3ZM7 16a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1Zm11-5h-8v3h8v-3ZM7 11a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1Zm11-5h-8v3h8V6ZM7 6a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0V7c0-.6-.4-1-1-1Z"/></svg>',
+    'table-row-properties': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 15v3h6v-3H5Zm14 0h-6v3h6v-3Zm0-9h-6v3h6V6ZM5 9h6V6H5v3Z"/></svg>',
+    'table-split-cells': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM8 15.5H5V18h3v-2.5Zm11-5h-9V18h9v-7.5Zm-2.5 1 1 1-2 2 2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2Zm-8.5-1H5v3h3v-3ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Z"/></svg>',
+    'table-top-header': '<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 11H5v3h6v-3Zm8 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></svg>',
+    'table': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 14v4h6v-4H5Zm14 0h-6v4h6v-4Zm0-6h-6v4h6V8ZM5 12h6V8H5v4Z"/></svg>',
+    'template-add': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 12v4H5a2 2 0 0 0-2 2v3h9.3a6 6 0 0 1-.3-2H5v-1h7a6 6 0 0 1 .8-2H11v-5l-.8-.6a3 3 0 1 1 3.6 0l-.8.6v4.7a6 6 0 0 1 2-1.9V12a5 5 0 1 0-6 0Z"/><path d="M18 15c.5 0 1 .4 1 .9V18h2a1 1 0 0 1 .1 2H19v2a1 1 0 0 1-2 .1V20h-2a1 1 0 0 1-.1-2H17v-2c0-.6.4-1 1-1Z"/></svg>',
+    'template': '<svg width="24" height="24"><path d="M19 19v-1H5v1h14ZM9 16v-4a5 5 0 1 1 6 0v4h4a2 2 0 0 1 2 2v3H3v-3c0-1.1.9-2 2-2h4Zm4 0v-5l.8-.6a3 3 0 1 0-3.6 0l.8.6v5h2Z" fill-rule="nonzero"/></svg>',
+    'temporary-placeholder': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M9 7.6V6h2.5V4.5a.5.5 0 1 1 1 0V6H15v1.6a8 8 0 1 1-6 0Zm-2.6 5.3a.5.5 0 0 0 .3.6c.3 0 .6 0 .6-.3l.1-.2a5 5 0 0 1 3.3-2.8c.3-.1.4-.4.4-.6-.1-.3-.4-.5-.6-.4a6 6 0 0 0-4.1 3.7Z"/><circle cx="14" cy="4" r="1"/><circle cx="12" cy="2" r="1"/><circle cx="10" cy="4" r="1"/></g></svg>',
+    'text-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path class="tox-icon-text-color__color" d="M3 18h18v3H3z"/><path d="M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z"/></g></svg>',
+    'text-size-decrease': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM14 12a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"/></svg>',
+    'text-size-increase': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM17 9a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2c0-.6-.4-1-1-1Z"/></svg>',
+    'toc': '<svg width="24" height="24"><path d="M5 5c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm0-4c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'translate': '<svg width="24" height="24"><path d="m12.7 14.3-.3.7-.4.7-2.2-2.2-3.1 3c-.3.4-.8.4-1 0a.7.7 0 0 1 0-1l3.1-3A12.4 12.4 0 0 1 6.7 9H8a10.1 10.1 0 0 0 1.7 2.4c.5-.5 1-1.1 1.4-1.8l.9-2H4.7a.7.7 0 1 1 0-1.5h4.4v-.7c0-.4.3-.8.7-.8.4 0 .7.4.7.8v.7H15c.4 0 .8.3.8.7 0 .4-.4.8-.8.8h-1.4a12.3 12.3 0 0 1-1 2.4 13.5 13.5 0 0 1-1.7 2.3l1.9 1.8Zm4.3-3 2.7 7.3a.5.5 0 0 1-.4.7 1 1 0 0 1-1-.7l-.6-1.5h-3.4l-.6 1.5a1 1 0 0 1-1 .7.5.5 0 0 1-.4-.7l2.7-7.4a1 1 0 0 1 2 0Zm-2.2 4.4h2.4L16 12.5l-1.2 3.2Z" fill-rule="evenodd"/></svg>',
+    'typography': '<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H7a1 1 0 0 1 0-2h10Z"/><path d="m17.5 14 .8-1.7 1.7-.8-1.7-.8-.8-1.7-.8 1.7-1.7.8 1.7.8.8 1.7ZM7 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2Z"/></svg>',
+    'underline': '<svg width="24" height="24"><path d="M16 5c.6 0 1 .4 1 1v5.5a4 4 0 0 1-.4 1.8l-1 1.4a5.3 5.3 0 0 1-5.5 1 5 5 0 0 1-1.6-1c-.5-.4-.8-.9-1.1-1.4a4 4 0 0 1-.4-1.8V6c0-.6.4-1 1-1s1 .4 1 1v5.5c0 .3 0 .6.2 1l.6.7a3.3 3.3 0 0 0 2.2.8 3.4 3.4 0 0 0 2.2-.8c.3-.2.4-.5.6-.8l.2-.9V6c0-.6.4-1 1-1ZM8 17h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',
+    'undo': '<svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"/></svg>',
+    'unlink': '<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2.1-2a2 2 0 1 0-2.7-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2ZM7.6 6.3a.8.8 0 0 1-1 1.1L3.3 4.2a.7.7 0 1 1 1-1l3.2 3.1ZM5.1 8.6a.8.8 0 0 1 0 1.5H3a.8.8 0 0 1 0-1.5H5Zm5-3.5a.8.8 0 0 1-1.5 0V3a.8.8 0 0 1 1.5 0V5Zm6 11.8a.8.8 0 0 1 1-1l3.2 3.2a.8.8 0 0 1-1 1L16 17Zm-2.2 2a.8.8 0 0 1 1.5 0V21a.8.8 0 0 1-1.5 0V19Zm5-3.5a.7.7 0 1 1 0-1.5H21a.8.8 0 0 1 0 1.5H19Z" fill-rule="nonzero"/></svg>',
+    'unlock': '<svg width="24" height="24"><path d="M16 5c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h-2V8a1 1 0 0 0-.3-.7A1 1 0 0 0 16 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v3h.3c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H4.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H11V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2Z" fill-rule="evenodd"/></svg>',
+    'unordered-list': '<svg width="24" height="24"><path d="M11 5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2ZM4.5 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Z" fill-rule="evenodd"/></svg>',
+    'unselected': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Zm0 1a1 1 0 0 0-1 1v12c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H6Z"/></svg>',
+    'upload': '<svg width="24" height="24"><path d="M18 19v-2a1 1 0 0 1 2 0v3c0 .6-.4 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v2h12ZM11 6.4 8.7 8.7a1 1 0 0 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l4 4a1 1 0 1 1-1.4 1.4L13 6.4V16a1 1 0 0 1-2 0V6.4Z" fill-rule="nonzero"/></svg>',
+    'add-file': '<svg height="24" width="24"><path d="M2 7h2V4h3V2H4a2 2 0 0 0-2 2zm20 0h-2V4h-3V2h3a2 2 0 0 1 2 2zm0 2h-2v6h2zm0 8h-2v3h-3v2h3a2 2 0 0 0 2-2zM2 9h2v6H2zm0 8h2v3h3v2H4a2 2 0 0 1-2-2zm7 5v-2h6v2zm6-20v2H9V2zM6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M2 7h2V4h3V2H4a2 2 0 0 0-2 2zm20 0h-2V4h-3V2h3a2 2 0 0 1 2 2zm0 2h-2v6h2zm0 8h-2v3h-3v2h3a2 2 0 0 0 2-2zM2 9h2v6H2zm0 8h2v3h3v2H4a2 2 0 0 1-2-2zm7 5v-2h6v2zm6-20v2H9V2zM6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/></svg>',
+    'adjustments': '<svg width="24" height="24"><path d="M16 11a3 3 0 1 1 2.8-4H21v2h-2.2a3 3 0 0 1-2.8 2Zm0-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3 9h8V7H3v2Zm5 10a3 3 0 1 0-2.8-4H3v2h2.2A3 3 0 0 0 8 19Zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13 0h-8v-2h8v2Z"/></svg>',
+    'alt-text': '<svg width="24" height="24"><path d="M3 20a2 2 0 0 1-1.4-.6A2 2 0 0 1 1 18V6c0-.6.2-1 .6-1.4A2 2 0 0 1 3 4h18c.6 0 1 .2 1.4.6.4.4.6.9.6 1.4v12c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6H3Zm0-2h18V6H3v12Zm1.5-3H6v-1.5h1.5V15H9v-5a1 1 0 0 0-.3-.7A1 1 0 0 0 8 9H5.5a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v5ZM6 12v-1.5h1.5V12H6Z"/><path d="M11 15V9h1.3v4.5h2V15H11Zm5.8-4.5V15h1.4v-4.5h1.3V9h-4v1.5h1.3Z"/></svg>',
+    'auto-image-enhancement': '<svg width="24" height="24"><path d="M7.7 10.6a5.8 5.8 0 0 0 5.7 5.7A5.8 5.8 0 0 0 7.7 22 5.8 5.8 0 0 0 2 16.3a5.8 5.8 0 0 0 5.7-5.7ZM15.5 2c.3 3 3.3 6 6.5 6.4-3.2.5-6.2 3.4-6.5 6.5-.3-3.4-3-6-6.4-6.5 3.3-.5 6.1-3 6.4-6.4Z"/></svg>',
+    'blur': '<svg width="24" height="24"><path d="M19.3 9.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7A1 1 0 0 0 20 9a1 1 0 0 0-.7.3Zm-16 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3A1 1 0 0 0 5 10a1 1 0 0 0-.3-.7A1 1 0 0 0 4 9a1 1 0 0 0-.7.3Zm16 6a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3Zm-16 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3A1 1 0 0 0 5 16a1 1 0 0 0-.3-.7A1 1 0 0 0 4 15a1 1 0 0 0-.7.3Zm5-11A1 1 0 0 0 8 5a1 1 0 0 0 1 1c.3 0 .5-.1.7-.3A1 1 0 0 0 10 5a1 1 0 0 0-.3-.7A1 1 0 0 0 9 4a1 1 0 0 0-.7.3Zm6 0a1 1 0 0 0-.3.7 1 1 0 0 0 1 1c.3 0 .5-.1.7-.3A1 1 0 0 0 16 5a1 1 0 0 0-.3-.7A1 1 0 0 0 15 4a1 1 0 0 0-.7.3Zm-6 16a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7A1 1 0 0 0 9 20a1 1 0 0 0-.7.3Zm6 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3ZM7.6 8.6A2 2 0 0 0 7 10c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 9 8a2 2 0 0 0-1.4.6Zm0 6A2 2 0 0 0 7 16c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 9 14a2 2 0 0 0-1.4.6Zm6-6A2 2 0 0 0 13 10c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 15 8a2 2 0 0 0-1.4.6Zm0 6A2 2 0 0 0 13 16c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 15 14a2 2 0 0 0-1.4.6Z"/></svg>',
+    'box': '<svg width="24" height="24"><path d="M3.8 7a1 1 0 0 0-.7.6l-.1 3V13.8a3.5 3.5 0 0 0 4 2.7c.8-.2 1.4-.5 2-1l.3-.3.3.2c.7.7 1.4 1 2.4 1.1 1.2 0 2.4-.6 3-1.6.9-1.2.8-2.8 0-4a3.7 3.7 0 0 0-2-1.2c-.4-.1-1.2-.1-1.6 0a3.4 3.4 0 0 0-1.7 1l-.3.2-.2-.1c-.4-.5-1.2-1-2-1.1-.6-.2-1.5 0-2 .2H5V9c0-1.3 0-1.3-.3-1.6a1 1 0 0 0-1-.3Zm12 2.6c-.3.2-.5.4-.6.8v.6l.9 1 .7 1v.1l-.8 1-.7 1a1 1 0 0 0 0 .7 1 1 0 0 0 1.3.6c.2 0 .3-.2 1-1l.5-.7.6.8.7.8c.4.3 1 .3 1.3 0l.2-.3a1 1 0 0 0 0-.8l-.8-1.2-.7-1a26 26 0 0 0 1.5-2 .8.8 0 0 0 .1-.4c0-.4-.1-.7-.5-.9H20c-.4 0-.5 0-1.2.8l-.7.8-.6-.7-.7-.9a1 1 0 0 0-1 0Zm-9 2 .4.1c.3.1.6.5.7.8l.1.6v.6c-.6 1-2 1.2-2.7.3-.3-.3-.3-.5-.3-1v-.5c.3-.5.7-.8 1.1-1a1.5 1.5 0 0 1 .7 0Zm5.7 0c.4 0 .8.4 1 .8l.2.6-.1.7c-.5.9-1.6 1.1-2.4.6a1.4 1.4 0 0 1-.6-1.1 1.4 1.4 0 0 1 .5-1.2 1.5 1.5 0 0 1 1.4-.4Z"/></svg>',
+    'camera': '<svg height="24" width="24"><g clip-rule="evenodd" fill-rule="evenodd"><path d="M10 5.4a1 1 0 0 1 .8-.4h4.4a1 1 0 0 1 .8.4l1.2 1.8h2.3A2.5 2.5 0 0 1 22 9.6v8a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 4 17.6v-8a2.5 2.5 0 0 1 2.5-2.4h2.3zM11.4 7l-1.2 1.7a1 1 0 0 1-.8.5h-3a.5.5 0 0 0-.4.4v8a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.4h-2.9a1 1 0 0 1-.8-.5L14.6 7z"/><path d="M13 11.4a2 2 0 1 0 0 3.8 2 2 0 0 0 0-3.8zm-4 1.9a4 4 0 1 1 8 0 4 4 0 0 1-8 0z"/></g></svg>',
+    'caption': '<svg height="24" width="24"><path d="M6 16h8v-2H6zm10 0h2v-2h-2zM4 20a2 2 0 0 1-1.5-.6A2 2 0 0 1 2 18V6c0-.6.2-1 .6-1.4A2 2 0 0 1 4 4h16c.6 0 1 .2 1.4.6.4.4.6.9.6 1.4v12c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6zm0-2h16V6H4z"/></svg>',
+    'dropbox': '<svg height="24" width="24"><path clip-rule="evenodd" d="m6.4 9.3-3-2a1 1 0 0 1 0-1.6l4-2.5a1 1 0 0 1 1 0L12 5.5l3.6-2.3a1 1 0 0 1 1 0l4 2.5a1 1 0 0 1 0 1.7l-3 1.9 3 1.9a1 1 0 0 1 0 1.6l-2.9 1.9V16c0 .3-.1.6-.4.8l-4.5 3a1 1 0 0 1-1.2 0l-4.4-3a1 1 0 0 1-.5-.9v-1l-3.2-2.2a1 1 0 0 1 0-1.6zm3 0L12 7.5l2.6 1.8L12 11zM8.9 15v.4l3.3 2.3 3.4-2.3v-.2L12 13l-3.1 2zm-1-10-2 1.4 2 1.3 2-1.3zm8.2 0-2 1.4 2 1.3 2-1.3zm-2 6.9 2-1.3 2 1.3-2 1.3-2-1.3zm-8.3 0 2-1.3L10 12l-2 1.3-2-1.3z" fill-rule="evenodd"/></svg>',
+    'evernote': '<svg width="24" height="24"><path fill-rule="evenodd" d="m9.5 3-.3.1-2.6 2.6C3.8 8.5 4 8.2 4 8.7c0 1.3.3 3 .6 4.3.5 2 1.1 3.2 2 3.7l1.2.3c1 .2 1.5.2 2.2.2 1.3 0 1.7 0 2.2-.4.3-.2.3-.4.4-1a38.4 38.4 0 0 1 .3-.4l.3.1 1.8.1h1.6v-1.8H14l-.1-.2a6.8 6.8 0 0 1-.5-1c-.2-.4-.3-.6-.5-.7a.8.8 0 0 0-.5-.1.9.9 0 0 0-.8.5l-.4 1.6-.3 1.5H9.4l-2-.3a1 1 0 0 1-.1-.2A10.1 10.1 0 0 1 6 9.7v-.2h4l.5-.5V5H12c.4.2.7.7.8 1.1a1 1 0 0 0 .2.6c.2.2.3.2 1 .3 1.2 0 2 .2 2.5.6.4.2.8.7 1 1.2.3 1.2.5 4 .3 6.4 0 1.8-.4 3.4-.8 4h-.7a8 8 0 0 1-.8 0c-.2 0-.3-.3-.2-.5a.5.5 0 0 1 .4-.3h.9v-1.8H16c-.7 0-.9 0-1.2.2-.9.4-1.4 1.2-1.4 2.1l.1.4.1.2a1 1 0 0 1 .1.2c.3.7.8 1.2 1.4 1.3l1.2.1h1.2a2 2 0 0 0 1-.8 9 9 0 0 0 1.1-4.3c.2-3 0-6.3-.4-7.7A4.3 4.3 0 0 0 16 5.3a7 7 0 0 0-1.3-.2 7.2 7.2 0 0 1-.4 0 5.5 5.5 0 0 1 0-.3c-.2-.5-.6-1-1.2-1.4a3 3 0 0 0-.5-.2c-.4-.2-.5-.2-1.8-.2a26.5 26.5 0 0 0-1.3 0Zm-.8 4v.7H7.2l.7-.8.8-.7v.7Zm7 3.5c-.4 0-.7.5-.9 1v.7h.3c.7 0 1.1.2 1.5.6l.3.2.3-.6V11a1 1 0 0 0-.6-.4 2 2 0 0 0-.8 0Z" clip-rule="evenodd"/></svg>',
+    'exposure': '<svg width="24" height="24"><path d="M5 21a2 2 0 0 1-1.4-.6A2 2 0 0 1 3 19V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5 3h14c.6 0 1 .2 1.4.6.4.4.6.8.6 1.4v14c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6H5Zm0-2h14V5L5 19Zm9.5-1v-2h-2v-1.5h2v-2H16v2h2V16h-2v2h-1.5ZM6 8.5h5V7H6v1.5Z"/></svg>',
+    'fb': '<svg width="24" height="24"><path fill-rule="evenodd" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-11 6.7V14H8.1v-2.5h2v-1C10 8.2 11.5 7 12.8 7H16v2.5h-2.4c-.8 0-1 .7-1 1.3v.7h3.2l-1 2.5h-2v5a7 7 0 1 0-2.8-.2Z" clip-rule="evenodd"/></svg>',
+    'flickr': '<svg width="24" height="24"><path d="M8.2 15.3c1.7 0 3.1-1.4 3.1-3.1A3.2 3.2 0 0 0 8.1 9 3.2 3.2 0 0 0 5 12.2c0 1.7 1.4 3 3.2 3Zm7.6 0c1.7 0 3.2-1.4 3.2-3.1a3.2 3.2 0 0 0-6.3 0c0 1.7 1.4 3 3.1 3Z"/></svg>',
+    'folder': '<svg width="24" height="24"><path fill-rule="evenodd" d="M5.6 6a.6.6 0 0 0-.6.6v11.2a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6V9a.6.6 0 0 0-.6-.6h-7.2a1 1 0 0 1-.8-.4L9 6H5.6ZM3.8 4.8A2.6 2.6 0 0 1 5.6 4h4a1 1 0 0 1 .8.4l1.3 2h6.7A2.6 2.6 0 0 1 21 9v8.8a2.6 2.6 0 0 1-2.6 2.6H5.6A2.6 2.6 0 0 1 3 17.8V6.6c0-.7.3-1.4.8-1.8Z" clip-rule="evenodd"/></svg>',
+    'google-drive': '<svg height="24" width="24"><path clip-rule="evenodd" d="M8.7 4.5a1 1 0 0 1 .9-.5h4.8a1 1 0 0 1 .9.5l5.6 9.7a1 1 0 0 1 0 1l-2.4 4.2a1 1 0 0 1-.9.5H6.4a1 1 0 0 1-.9-.5l-2.4-4.2a1 1 0 0 1 0-1zM10.2 6l-4.5 7.7h2.5L12.7 6h-2.5zm4.2 1 4.4 7.7-1.2 2.2-4.4-7.7zM12 11.2l-1.5 2.5h3zm2.6 4.5H5.7L7 17.9h8.9l-1.3-2.2z" fill-rule="evenodd"/></svg>',
+    'google-photos': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12.4 3c-.8 0-1.4.7-1.4 1.4v3.2a5 5 0 0 0-8 4c0 .8.6 1.4 1.4 1.4h3.2a5 5 0 0 0-1 3 5 5 0 0 0 5 5c.8 0 1.4-.6 1.4-1.4v-3.2a5 5 0 0 0 8-4c0-.8-.7-1.4-1.4-1.4h-3.2a5 5 0 0 0-4-8Zm.6 8V5a3 3 0 0 1 2.4 3 3 3 0 0 1-2.4 3Zm-2 0H5a3 3 0 0 1 3-2.4 3 3 0 0 1 3 2.4Zm2 2a3 3 0 0 0 3 2.4 3 3 0 0 0 3-2.4h-6Zm-4.4 3a3 3 0 0 1 2.4-3v6a3 3 0 0 1-2.4-3Z" clip-rule="evenodd"/></svg>',
+    'grayscale': '<svg height="24" width="24"><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12.4 0H19v3.6zm-2.8 0h-2.2l8.6 8.6v-2.2zm-5 0H5l14 14v-2.6z" fill-rule="evenodd"/></svg>',
+    'huddle': '<svg height="24" width="24"><path d="M10.3 5.6V8h.8v-2l3.5 2 4.3-2.5L14.6 3l-4.3 2.6zM14.6 8v5.2l4.3-2.6V5.6L14.6 8zM6 13.3v2.5h.9v-2l3.4 2 4.3-2.5-4.3-2.6zm4.3 2.6V21l4.3-2.6v-5.1l-4.3 2.6z"/></svg>',
+    'image-decorative': '<svg width="24" height="24"><path d="M12 10c.3 0 .5-.1.7-.3A1 1 0 0 0 13 9a1 1 0 0 0-.3-.7A1 1 0 0 0 12 8a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 1 1Zm0 6a3 3 0 0 1-1.8-.5A3 3 0 0 1 9.1 14a2 2 0 0 0-.2 0 3 3 0 0 1-2.5-1 3 3 0 0 1-.9-2.2A3 3 0 0 1 6.2 9a3.4 3.4 0 0 1-.5-1 3 3 0 0 1-.2-1 3 3 0 0 1 1-2.2A3 3 0 0 1 8.8 4H9a3 3 0 0 1 1.1-1.4A3 3 0 0 1 12 2a3 3 0 0 1 1.8.5c.5.4.9.9 1.1 1.5h.2a3 3 0 0 1 2.5.8 3 3 0 0 1 .9 2.3c0 .3 0 .7-.2 1a2.8 2.8 0 0 1-.5.9l.5 1 .2 1a3 3 0 0 1-1 2.2 3 3 0 0 1-2.4.9 1.8 1.8 0 0 0-.2 0 3 3 0 0 1-1.1 1.4 3 3 0 0 1-1.8.5Zm0 7a8.7 8.7 0 0 1 .7-3.5 9.2 9.2 0 0 1 2-2.8 9.2 9.2 0 0 1 2.8-2A8.6 8.6 0 0 1 21 14a8.6 8.6 0 0 1-.7 3.5 9.2 9.2 0 0 1-2 2.8 9.2 9.2 0 0 1-2.8 2 8.6 8.6 0 0 1-3.5.7Zm2.5-2.5a6.8 6.8 0 0 0 2.4-1.5 6.8 6.8 0 0 0 1.7-2.6c-1 .4-1.8 1-2.6 1.7a6.8 6.8 0 0 0-1.5 2.4ZM12 23a8.6 8.6 0 0 0-.7-3.5 9.2 9.2 0 0 0-2-2.9 9.2 9.2 0 0 0-2.8-1.9A8.6 8.6 0 0 0 3 14a8.7 8.7 0 0 0 .7 3.5 9.2 9.2 0 0 0 2 2.9 9.2 9.2 0 0 0 2.8 1.9 8.6 8.6 0 0 0 3.5.7Zm-2.5-2.5A6.8 6.8 0 0 1 7.2 19a6.8 6.8 0 0 1-1.6-2.6c.9.4 1.7 1 2.5 1.7a6.8 6.8 0 0 1 1.6 2.4Zm5.9-8.4c.3 0 .5-.1.8-.4.2-.2.3-.5.3-.8 0-.2 0-.4-.2-.6a1.3 1.3 0 0 0-.5-.4l-.8-.4a3 3 0 0 1-.2.5 3.8 3.8 0 0 1-.2.5 2.5 2.5 0 0 1-.3.4 4 4 0 0 1-.4.4l.8.6a.8.8 0 0 0 .3.1h.4ZM15 8.5l.8-.4.5-.4.2-.6a1.1 1.1 0 0 0-.3-.8 1 1 0 0 0-.8-.4 1.1 1.1 0 0 0-.7.2l-.8.6.4.4.3.4a3.9 3.9 0 0 1 .4 1Zm-4-2.3a2.7 2.7 0 0 1 1-.2 2.7 2.7 0 0 1 1 .2l.2-1.1c0-.3-.1-.6-.4-.8A1.2 1.2 0 0 0 12 4c-.3 0-.6.1-.8.3-.3.2-.4.5-.3.8v1.1Zm1 7.8c.3 0 .6-.1.8-.3.3-.2.4-.5.3-.8v-1.1a2.7 2.7 0 0 1-1.1.2 2.7 2.7 0 0 1-1-.2l-.2 1.1c0 .3.1.6.4.8.2.2.5.3.8.3ZM9 8.5a3 3 0 0 1 .4-1l.3-.4.4-.4-.8-.6A.9.9 0 0 0 9 6a1.2 1.2 0 0 0-.3 0c-.4 0-.6 0-.9.3a1.1 1.1 0 0 0-.3.8c0 .2 0 .4.2.6l.5.4.9.4Zm-.3 3.6H9l.3-.2.8-.6a5.5 5.5 0 0 1-.4-.4 2.1 2.1 0 0 1-.3-.4 3.8 3.8 0 0 1-.2-.5 3 3 0 0 1-.1-.5l-1 .4-.4.4a1.1 1.1 0 0 0-.2.6c0 .3.2.6.4.8.2.2.4.4.7.4Z"/></svg>',
+    'image-enhancements': '<svg height="24" width="24"><path d="M5.3 21a2 2 0 0 1-1.5-.6 2 2 0 0 1-.6-1.4V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5.2 3H13v2H5.2v14h14v-8h2v8c0 .6-.1 1-.5 1.4a2 2 0 0 1-1.4.6z"/><path d="M11 9a4 4 0 0 0 4 4 4 4 0 0 0-4 4 4 4 0 0 0-4-4 4 4 0 0 0 4-4zm5.5-6c.2 2.1 2.2 4.1 4.5 4.5-2.3.4-4.3 2.4-4.5 4.5A5.2 5.2 0 0 0 12 7.5 5.2 5.2 0 0 0 16.5 3z"/></svg>',
+    'instagram': '<svg height="24" width="24"><path clip-rule="evenodd" d="M10.1 9a4 4 0 1 1 4.4 6.6A4 4 0 0 1 10.1 9zm2.2 1.3a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill-rule="evenodd"/><path d="M16 9.3a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6z"/><path clip-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z" fill-rule="evenodd"/></svg>',
+    'onedrive': '<svg height="24" width="24"><path d="M4 13.7h1zm16 .7h-1zm-11.7-4A4.4 4.4 0 0 1 12.1 8V6a6.4 6.4 0 0 0-5.6 3.4l1.8 1zM12.1 8c2 0 3.6 1.4 4 2.8l2-.5A6.3 6.3 0 0 0 12 6v2zm8.1 6.8-9.8-5.5-1 1.8 9.8 5.5 1-1.8zm-9.8-5.5A5 5 0 0 0 3 13.7h2A3 3 0 0 1 9.5 11l1-1.8zM3 13.7a5 5 0 0 0 1 2.8l1.5-1.1a3 3 0 0 1-.5-1.7zm15.8 1.6a2.3 2.3 0 0 1-2 1.4v2a4.3 4.3 0 0 0 3.9-2.6zm-2 1.4H8v2h8.7zm-8.8 0a3 3 0 0 1-2.5-1.3L4 16.5a5 5 0 0 0 4 2.2v-2zm12.7-.6c.2-.6.3-1.1.3-1.7h-2c0 .3 0 .6-.2.9zm.3-1.7c0-3-3.1-5.1-6-4l.8 1.9a2.3 2.3 0 0 1 3.2 2h2zm-6-4L4.4 15l.8 1.9 10.7-4.6-.7-1.8z"/></svg>',
+    'photo-filter': '<svg height="24" width="24"><path d="M4.4 21c-.3 0-.6-.2-.9-.5-.3-.3-.4-.6-.5-.9L19.6 3c.3 0 .6.3.9.5l.5.9zM3 14.7v-2.8L11.9 3h2.8zM3 7V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5 3h2zm14 14 4-4v2c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6zm-7.7 0L21 9.3v2.8L12 21z"/></svg>',
+    'revert-changes': '<svg height="24" width="24"><path d="m8.9 18.8.4 3.2H13v-2h-2v-2.6a4.6 4.6 0 0 1-1.6-.6 5.9 5.9 0 0 1-1.3-1l-2.5 1-1-1.7 2.2-1.6a4 4 0 0 1-.2-.7 5.9 5.9 0 0 1 0-.8v-.8l.2-.8-2.2-1.6 1-1.7 2.5 1a6 6 0 0 1 1.2-.9l1.4-.6.4-2.6h2l.3 2.6A5.6 5.6 0 0 1 16 8.2l2.5-1 1 1.6-2.2 1.7.2.7v.8a5 5 0 0 1 0 1h2a2.6 2.6 0 0 0 0-.5V11.3l2.6-2-2.8-4.7-3 1.3a8.2 8.2 0 0 0-.5-.4 3.8 3.8 0 0 0-.6-.3L14.8 2H9.3l-.4 3.2a5 5 0 0 0-1.2.7l-3-1.3L2 9.4l2.6 2V12.6l-2.6 2 2.7 4.7 3-1.3a8 8 0 0 0 1.2.7z"/><path d="m14.5 20.3 2.1-2-2.1-2.2 1.4-1.4 2.1 2.1 2.1-2 1.4 1.3-2 2.1 2 2.1-1.4 1.4-2.1-2-2.1 2zM12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>',
+    'saturation': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 20.5a6 6 0 1 1-5.9-10.2 6 6 0 1 1 11.8 0A6 6 0 1 1 12 20.5Zm-1.1-7.7a6 6 0 0 0-.2.3 4.3 4.3 0 0 1-2-1.3c.9.1 1.6.5 2.2 1Zm2.4.3a6 6 0 0 0-.2-.3 4.3 4.3 0 0 1 2.2-1 4.3 4.3 0 0 1-2 1.3ZM12.2 15a6.3 6.3 0 0 1-.4 0 4.3 4.3 0 0 0 .2 2.5 4.3 4.3 0 0 0 .2-2.5Zm.9 4.2a6 6 0 0 0 .8-4.5 6 6 0 0 0 3.4-2.8 4.3 4.3 0 0 1-1.3 8.4 4.3 4.3 0 0 1-2.9-1.1Zm-2.2 0a4.3 4.3 0 1 1-4.2-7.3 6 6 0 0 0 3.4 2.8 6 6 0 0 0 .8 4.5Zm-3-9.2a4.3 4.3 0 1 1 8.3 0 6 6 0 0 0-4.2 1.5A6 6 0 0 0 7.8 10Z"/></svg>',
+    'transform-image': '<svg height="24" width="24"><path d="M3 21v-6h2V9H3V3h6v2h6V3h6v6h-2v6h2v6h-6v-2H9v2zm6-4h6v-2h2V9h-2V7H9v2H7v6h2zM5 7h2V5H5zm12 0h2V5h-2zm0 12h2v-2h-2zM5 19h2v-2H5z"/></svg>',
+    'vibrance': '<svg height="24" width="24"><path d="M12 20 22 4H2zm2.6-8 1.3-2H8l1.3 2h5.2zm-1.2 2h-2.8l1.4 2.2zm5-8L17 8H7L5.6 6h12.8z" fill-rule="evenodd"/></svg>',
+    'vk': '<svg width="24" height="24"><path fill-rule="evenodd" d="M14.8 17.4a2 2 0 0 1-1.3.7 8 8 0 0 1-7.7-3.6c-1.4-2-2.2-4.4-2.6-5.7L3 8.6A2 2 0 0 1 5 6h2.5c.4 0 .8.1 1.2.4A2 2 0 0 1 9.8 6h3.5a2 2 0 0 1 1.4.6 2 2 0 0 1 1.5-.6h2.4a2 2 0 0 1 2 2.5c-.5 1.5-1.2 2.6-1.8 3.6a12.5 12.5 0 0 1 2 3.2A2 2 0 0 1 19 18h-2.6a2 2 0 0 1-1.3-.5 6.9 6.9 0 0 1-.3-.2Zm.5-2.5-1.2-1a3 3 0 0 0-.8-.2v2.4h-1.7a5.6 5.6 0 0 1-.3 0c-3-.7-4.7-3.7-5.6-6.1A38.1 38.1 0 0 1 5 8.1V8h2.5a80.5 80.5 0 0 1 1.2 2.5c.6 1.2 1.2 2 2 2.1V9l-.9-1h3.5v4.1a5 5 0 0 0 .4-.3c.7-.7 1.2-1.4 1.6-2.2l.2-.3.7-1.3h2.4a8.5 8.5 0 0 1-.8 2l-1.3 2-.3.3a10.5 10.5 0 0 1 2.8 3.8h-2.6l-.8-.9a20.6 20.6 0 0 0-.3-.3Z" clip-rule="evenodd"/></svg>',
+    'warmth': '<svg height="24" width="24"><path d="M12 21.1c-1.4 0-2.6-.5-3.6-1.5s-1.5-2.1-1.5-3.5c0-.8.2-1.6.6-2.2A5 5 0 0 1 8.9 12v-6c0-.8.3-1.5 1-2.1a2.9 2.9 0 0 1 2-.9c.9 0 1.6.3 2.2.9.5.6.8 1.3.8 2.1v6a5 5 0 0 1 1.5 1.8A4.9 4.9 0 0 1 17 16c0 1.4-.5 2.6-1.4 3.5s-2.2 1.5-3.6 1.5zm-3-5h6c0-.5-.2-1-.4-1.4a3 3 0 0 0-.9-1l-.8-.6v-7a1 1 0 0 0-.3-.7A1 1 0 0 0 12 5a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v7l-.8.6a2.9 2.9 0 0 0-.9 1 3 3 0 0 0-.3 1.4z"/></svg>',
+    'user': '<svg width="24" height="24"><path d="M12 24a12 12 0 1 1 0-24 12 12 0 0 1 0 24Zm-8.7-5.3a11 11 0 0 0 17.4 0C19.4 16.3 14.6 15 12 15c-2.6 0-7.4 1.3-8.7 3.7ZM12 13c2.2 0 4-2 4-4.5S14.2 4 12 4 8 6 8 8.5 9.8 13 12 13Z" fill-rule="nonzero"/></svg>',
+    'vertical-align': '<svg width="24" height="24"><g fill-rule="nonzero"><rect width="18" height="2" x="3" y="11" rx="1"/><path d="M12 2c.6 0 1 .4 1 1v4l2-1.3a1 1 0 0 1 1.2 1.5l-.1.1-4.1 3-4-3a1 1 0 0 1 1-1.7l2 1.5V3c0-.6.4-1 1-1zm0 11.8 4 2.9a1 1 0 0 1-1 1.7l-2-1.5V21c0 .5-.4 1-.9 1H12a1 1 0 0 1-1-1v-4l-2 1.3a1 1 0 0 1-1.2-.1l-.1-.1a1 1 0 0 1 .1-1.3l.1-.1 4.1-3z"/></g></svg>',
+    'visualblocks': '<svg width="24" height="24"><path d="M9 19v2H7v-2h2Zm-4 0v2a2 2 0 0 1-2-2h2Zm8 0v2h-2v-2h2Zm8 0a2 2 0 0 1-2 2v-2h2Zm-4 0v2h-2v-2h2ZM15 7a1 1 0 0 1 0 2v7a1 1 0 0 1-2 0V9h-1v7a1 1 0 0 1-2 0v-4a2.5 2.5 0 0 1-.2-5H15ZM5 15v2H3v-2h2Zm16 0v2h-2v-2h2ZM5 11v2H3v-2h2Zm16 0v2h-2v-2h2ZM5 7v2H3V7h2Zm16 0v2h-2V7h2ZM5 3v2H3c0-1.1.9-2 2-2Zm8 0v2h-2V3h2Zm6 0a2 2 0 0 1 2 2h-2V3ZM9 3v2H7V3h2Zm8 0v2h-2V3h2Z" fill-rule="evenodd"/></svg>',
+    'visualchars': '<svg width="24" height="24"><path d="M10 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 6.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L10 5Z" fill-rule="evenodd"/></svg>',
+    'warning': '<svg width="24" height="24"><path d="M19.8 18.3c.2.5.3.9 0 1.2-.1.3-.5.5-1 .5H5.2c-.5 0-.9-.2-1-.5-.3-.3-.2-.7 0-1.2L11 4.7l.5-.5.5-.2c.2 0 .3 0 .5.2.2 0 .3.3.5.5l6.8 13.6ZM12 18c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7a1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3Zm.7-3 .3-4a1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7l.3 4h1.4Z" fill-rule="evenodd"/></svg>',
+    'zoom-in': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-1-9a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0V8Zm-2 4a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8Z" fill-rule="nonzero"/></svg>',
+    'zoom-out': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-3-5a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8Z" fill-rule="nonzero"/></svg>',
+  }
+});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/icons/default/icons.min.js b/apps/edr-freight-web/backoffice/public/tinymce/icons/default/icons.min.js
new file mode 100644
index 000000000..e177f1fc3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/icons/default/icons.min.js
@@ -0,0 +1 @@
+tinymce.IconManager.add("default",{icons:{"accessibility-check":'<svg width="24" height="24"><path d="M12 2a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.1.9-2 2-2Zm8 7h-5v12c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-5c0-.6-.4-1-1-1a1 1 0 0 0-1 1v5c0 .6-.4 1-1 1a1 1 0 0 1-1-1V9H4a1 1 0 1 1 0-2h16c.6 0 1 .4 1 1s-.4 1-1 1Z" fill-rule="nonzero"/></svg>',"accordion-toggle":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 15c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6a1 1 0 0 1-1-1Z"/><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M4 15c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 19c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6a1 1 0 0 1-1-1Z"/><path opacity=".2" fill-rule="evenodd" clip-rule="evenodd" d="M4 19c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1-1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3 7.3a1 1 0 0 1 1.4 0L16 9.6l2.3-2.3a1 1 0 1 1 1.4 1.4L16 12.4l-3.7-3.7a1 1 0 0 1 0-1.4ZM4.3 11.7a1 1 0 0 1 0-1.4L6.6 8 4.3 5.7a1 1 0 0 1 1.4-1.4L9.4 8l-3.7 3.7a1 1 0 0 1-1.4 0Z"/></svg>',accordion:'<svg width="24" height="24"><rect x="12" y="7" width="10" height="2" rx="1"/><rect x="12" y="11" width="10" height="2" rx="1"/><rect x="12" y="15" width="6" height="2" rx="1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.3 7.3a1 1 0 0 1 1.4 0L6 9.6l2.3-2.3a1 1 0 0 1 1.4 1.4L6 12.4 2.3 8.7a1 1 0 0 1 0-1.4Z"/></svg>',"action-next":'<svg width="24" height="24"><path fill-rule="nonzero" d="M5.7 7.3a1 1 0 0 0-1.4 1.4l7.7 7.7 7.7-7.7a1 1 0 1 0-1.4-1.4L12 13.6 5.7 7.3Z"/></svg>',"action-prev":'<svg width="24" height="24"><path fill-rule="nonzero" d="M18.3 15.7a1 1 0 0 0 1.4-1.4L12 6.6l-7.7 7.7a1 1 0 0 0 1.4 1.4L12 9.4l6.3 6.3Z"/></svg>',addtag:'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 5a2 2 0 0 1 1.6.8L21 12l-4.4 6.2a2 2 0 0 1-1.6.8h-3v-2h3l3.5-5L15 7H5v3H3V7c0-1.1.9-2 2-2h10Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 12a1 1 0 0 0-1 1v2H3a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2H7v-2c0-.6-.4-1-1-1Z"/></svg>',"ai-prompt":'<svg width="24" height="24"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 6.7a1 1 0 0 0-1.4 0l-9.9 10a1 1 0 0 0 0 1.3l2.1 2.1c.4.4 1 .4 1.4 0l10-9.9c.3-.3.3-1 0-1.4l-2.2-2Zm1.4 2.8-2-2-3 2.7 2.2 2.2 2.8-2.9Z"/><path d="m18.5 7.3-.7-1.5-1.5-.8 1.5-.7.7-1.5.7 1.5 1.5.7-1.5.8-.7 1.5ZM18.5 16.5l-.7-1.6-1.5-.7 1.5-.7.7-1.6.7 1.6 1.5.7-1.5.7-.7 1.6ZM9.7 7.3 9 5.8 7.5 5 9 4.3l.7-1.5.7 1.5L12 5l-1.5.8-.7 1.5Z"/></g><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg>',ai:'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H5Zm6.8 11.5.5 1.2a68.3 68.3 0 0 0 .7 1.1l.4.1c.3 0 .5 0 .7-.3.2-.1.3-.3.3-.6l-.3-1-2.6-6.2a20.4 20.4 0 0 0-.5-1.3l-.5-.4-.7-.2c-.2 0-.5 0-.6.2-.2 0-.4.2-.5.4l-.3.6-.3.7L5.7 15l-.2.6-.1.4c0 .3 0 .5.3.7l.6.2c.3 0 .5 0 .7-.2l.4-1 .5-1.2h3.9ZM9.8 9l1.5 4h-3l1.5-4Zm5.6-.9v7.6c0 .4 0 .7.2 1l.7.2c.3 0 .6 0 .8-.3l.2-.9V8.1c0-.4 0-.7-.2-.9a1 1 0 0 0-.8-.3c-.2 0-.5.1-.7.3l-.2 1Z"/></svg>',"align-center":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm3 4h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm-3-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',"align-justify":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',"align-left":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',"align-none":'<svg width="24" height="24"><path d="M14.2 5 13 7H5a1 1 0 1 1 0-2h9.2Zm4 0h.8a1 1 0 0 1 0 2h-2l1.2-2Zm-6.4 4-1.2 2H5a1 1 0 0 1 0-2h6.8Zm4 0H19a1 1 0 0 1 0 2h-4.4l1.2-2Zm-6.4 4-1.2 2H5a1 1 0 0 1 0-2h4.4Zm4 0H19a1 1 0 0 1 0 2h-6.8l1.2-2ZM7 17l-1.2 2H5a1 1 0 0 1 0-2h2Zm4 0h8a1 1 0 0 1 0 2H9.8l1.2-2Zm5.2-13.5 1.3.7-9.7 16.3-1.3-.7 9.7-16.3Z" fill-rule="evenodd"/></svg>',"align-right":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm6 4h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-6-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',"arrow-left":'<svg width="24" height="24"><path d="m5.6 13 12 6a1 1 0 0 0 1.4-1V6a1 1 0 0 0-1.4-.9l-12 6a1 1 0 0 0 0 1.8Z" fill-rule="evenodd"/></svg>',"arrow-right":'<svg width="24" height="24"><path d="m18.5 13-12 6A1 1 0 0 1 5 18V6a1 1 0 0 1 1.4-.9l12 6a1 1 0 0 1 0 1.8Z" fill-rule="evenodd"/></svg>',bold:'<svg width="24" height="24"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 0 1-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8Zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4Zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4Z" fill-rule="evenodd"/></svg>',bookmark:'<svg width="24" height="24"><path d="M6 4v17l6-4 6 4V4c0-.6-.4-1-1-1H7a1 1 0 0 0-1 1Z" fill-rule="nonzero"/></svg>',"border-style":'<svg width="24" height="24"><g fill-rule="evenodd"><rect width="18" height="2" x="3" y="6" rx="1"/><rect width="2.8" height="2" x="3" y="16" rx="1"/><rect width="2.8" height="2" x="6.8" y="16" rx="1"/><rect width="2.8" height="2" x="10.6" y="16" rx="1"/><rect width="2.8" height="2" x="14.4" y="16" rx="1"/><rect width="2.8" height="2" x="18.2" y="16" rx="1"/><rect width="8" height="2" x="3" y="11" rx="1"/><rect width="8" height="2" x="13" y="11" rx="1"/></g></svg>',"border-width":'<svg width="24" height="24"><g fill-rule="evenodd"><rect width="18" height="5" x="3" y="5" rx="1"/><rect width="18" height="3.5" x="3" y="11.5" rx="1"/><rect width="18" height="2" x="3" y="17" rx="1"/></g></svg>',brightness:'<svg width="24" height="24"><path d="M12.7 18.3a1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v1a1 1 0 0 0 .3.7 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7v-1a1 1 0 0 0-.3-.7ZM11.3 5.7a1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3A1 1 0 0 0 13 5V4a1 1 0 0 0-.3-.7A1 1 0 0 0 12 3a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v1a1 1 0 0 0 .3.7Zm9.4 5.6a1 1 0 0 0-.7-.3h-1a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.7 1 1 0 0 0 .7.3h1a1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7Zm-15 1.4A1 1 0 0 0 6 12a1 1 0 0 0-.3-.7A1 1 0 0 0 5 11H4a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.7 1 1 0 0 0 .7.3h1a1 1 0 0 0 .7-.3Zm13 4.6-.7-.8a1 1 0 0 0-.8-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 .3.8l.7.7a1 1 0 0 0 .7.3 1 1 0 0 0 .8-.3 1 1 0 0 0 .3-.8 1 1 0 0 0-.3-.7ZM5.3 6.7l.7.8a1 1 0 0 0 .8.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.8l-.7-.7A1 1 0 0 0 6 5a1 1 0 0 0-.8.3 1 1 0 0 0-.3.8 1 1 0 0 0 .3.6Zm12 1a1 1 0 0 0 .7-.2l.7-.7A1 1 0 0 0 19 6a1 1 0 0 0-.3-.8 1 1 0 0 0-.8-.3 1 1 0 0 0-.7.3l-.7.7a1 1 0 0 0-.3.8 1 1 0 0 0 .3.7 1 1 0 0 0 .7.2ZM6.7 16.4a1 1 0 0 0-.8.2l-.7.7a1 1 0 0 0-.3.7 1 1 0 0 0 .3.8 1 1 0 0 0 .8.3 1 1 0 0 0 .7-.3l.7-.7a1 1 0 0 0 .3-.8 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3Z"/><path fill-rule="evenodd" d="M13.6 8.3A4 4 0 0 0 12 8a4 4 0 0 0-1.6.3A4 4 0 0 0 9 9.5a4 4 0 0 0-.6 1A4 4 0 0 0 8 12c0 .6.1 1 .3 1.6a4 4 0 0 0 2.1 2 4 4 0 0 0 1.6.4 4 4 0 0 0 1.6-.3 4 4 0 0 0 2-2.1A4 4 0 0 0 16 12a4 4 0 0 0-.3-1.6 4 4 0 0 0-2.1-2ZM14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/></svg>',browse:'<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4v-2h4V8H5v10h4v2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9.4-2.3 2.3a1 1 0 1 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L13 13.4V20a1 1 0 0 1-2 0v-6.6Z" fill-rule="nonzero"/></svg>',cancel:'<svg width="24" height="24"><path d="M12 4.6a7.4 7.4 0 1 1 0 14.8 7.4 7.4 0 0 1 0-14.8ZM12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 8L14.8 8l1 1.1-2.7 2.8 2.7 2.7-1.1 1.1-2.7-2.7-2.7 2.7-1-1.1 2.6-2.7-2.7-2.7 1-1.1 2.8 2.7Z" fill-rule="nonzero"/></svg>',"cell-background-color":'<svg width="24" height="24"><path d="m15.7 2 1.6 1.6-2.7 2.6 5.9 5.8c.7.7.7 1.7 0 2.4l-6.3 6.1a1.7 1.7 0 0 1-2.4 0l-6.3-6.1c-.7-.7-.7-1.7 0-2.4L15.7 2ZM18 12l-4.5-4L9 12h9ZM4 16s2 2.4 2 3.8C6 21 5.1 22 4 22s-2-1-2-2.2C2 18.4 4 16 4 16Z"/></svg>',"cell-border-color":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M5 13v5h2v2H5a2 2 0 0 1-2-2v-5h2zm8-7V4h6a2 2 0 0 1 2 2h-8z" opacity=".2"/><path fill-rule="nonzero" d="M13 4v2H5v7H3V6c0-1.1.9-2 2-2h8zm-2.6 14.1.1-.1.1.1.2.3.2.2.2.2c.4.6.8 1.2.8 1.7 0 .8-.7 1.5-1.5 1.5S9 21.3 9 20.5c0-.5.4-1.1.8-1.7l.2-.2.2-.2.2-.3z"/><path d="m13 11-2 2H5v-2h6V6h2z"/><path fill-rule="nonzero" d="m18.4 8 1 1-1.8 1.9 4 4c.5.4.5 1.1 0 1.6l-4.3 4.2a1.2 1.2 0 0 1-1.6 0l-4.4-4.2c-.4-.5-.4-1.2 0-1.7l7-6.8Zm1.6 7-3-3-3 3h6Z"/></g></svg>',"change-case":'<svg width="24" height="24"><path d="M18.4 18.2v-.6c-.5.8-1.3 1.2-2.4 1.2-2.2 0-3.3-1.6-3.3-4.8 0-3.1 1-4.7 3.3-4.7 1.1 0 1.8.3 2.4 1.1v-.6c0-.5.4-.8.8-.8s.8.3.8.8v8.4c0 .5-.4.8-.8.8a.8.8 0 0 1-.8-.8zm-2-7.4c-1.3 0-1.8.9-1.8 3.2 0 2.4.5 3.3 1.7 3.3 1.3 0 1.8-.9 1.8-3.2 0-2.4-.5-3.3-1.7-3.3zM10 15.7H5.5l-.8 2.6a1 1 0 0 1-1 .7h-.2a.7.7 0 0 1-.7-1l4-12a1 1 0 0 1 2 0l4 12a.7.7 0 0 1-.8 1h-.2a1 1 0 0 1-1-.7l-.8-2.6zm-.3-1.5-2-6.5-1.9 6.5h3.9z" fill-rule="evenodd"/></svg>',"character-count":'<svg width="24" height="24"><path d="M4 11.5h16v1H4v-1Zm4.8-6.8V10H7.7V5.8h-1v-1h2ZM11 8.3V9h2v1h-3V7.7l2-1v-.9h-2v-1h3v2.4l-2 1Zm6.3-3.4V10h-3.1V9h2.1V8h-2.1V6.8h2.1v-1h-2.1v-1h3.1ZM5.8 16.4c0-.5.2-.8.5-1 .2-.2.6-.3 1.2-.3l.8.1c.2 0 .4.2.5.3l.4.4v2.8l.2.3H8.2V18.7l-.6.3H7c-.4 0-.7 0-1-.2a1 1 0 0 1-.3-.9c0-.3 0-.6.3-.8.3-.2.7-.4 1.2-.4l.6-.2h.3v-.2l-.1-.2a.8.8 0 0 0-.5-.1 1 1 0 0 0-.4 0l-.3.4h-1Zm2.3.8h-.2l-.2.1-.4.1a1 1 0 0 0-.4.2l-.2.2.1.3.5.1h.4l.4-.4v-.6Zm2-3.4h1.2v1.7l.5-.3h.5c.5 0 .9.1 1.2.5.3.4.5.8.5 1.4 0 .6-.2 1.1-.5 1.5-.3.4-.7.6-1.3.6l-.6-.1-.4-.4v.4h-1.1v-5.4Zm1.1 3.3c0 .3 0 .6.2.8a.7.7 0 0 0 1.2 0l.2-.8c0-.4 0-.6-.2-.8a.7.7 0 0 0-.6-.3l-.6.3-.2.8Zm6.1-.5c0-.2 0-.3-.2-.4a.8.8 0 0 0-.5-.2c-.3 0-.5.1-.6.3l-.2.9c0 .3 0 .6.2.8.1.2.3.3.6.3.2 0 .4 0 .5-.2l.2-.4h1.1c0 .5-.3.8-.6 1.1a2 2 0 0 1-1.3.4c-.5 0-1-.2-1.3-.6a2 2 0 0 1-.5-1.4c0-.6.1-1.1.5-1.5.3-.4.8-.5 1.4-.5.5 0 1 0 1.2.3.4.3.5.7.5 1.2h-1v-.1Z" fill-rule="evenodd"/></svg>',"checklist-rtl":'<svg width="24" height="24"><path d="M5 17h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2zm14.2 11c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 8c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8z" fill-rule="evenodd"/></svg>',checklist:'<svg width="24" height="24"><path d="M11 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2ZM7.2 16c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 8c-.2.3-.7.4-1 0L3.8 6.9a.7.7 0 0 1 0-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8Z" fill-rule="evenodd"/></svg>',checkmark:'<svg width="24" height="24"><path d="M18.2 5.4a1 1 0 0 1 1.6 1.2l-8 12a1 1 0 0 1-1.5.1l-5-5a1 1 0 1 1 1.4-1.4l4.1 4.1 7.4-11Z" fill-rule="nonzero"/></svg>',"chevron-down":'<svg width="10" height="10"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"/></svg>',"chevron-left":'<svg width="10" height="10"><path d="M7.8 1.3 4 5l3.8 3.7c.3.3.3.8 0 1-.4.4-.9.4-1.2 0L2.2 5.7a.8.8 0 0 1 0-1.2L6.6.2C7 0 7.4 0 7.8.2c.3.3.3.8 0 1.1Z" fill-rule="nonzero"/></svg>',"chevron-right":'<svg width="10" height="10"><path d="M2.2 1.3a.8.8 0 0 1 0-1c.4-.4.9-.4 1.2 0l4.4 4.1c.3.4.3.9 0 1.2L3.4 9.8c-.3.3-.8.3-1.2 0a.8.8 0 0 1 0-1.1L6 5 2.2 1.3Z" fill-rule="nonzero"/></svg>',"chevron-up":'<svg width="10" height="10"><path d="M8.7 7.8 5 4 1.3 7.8c-.3.3-.8.3-1 0a.8.8 0 0 1 0-1.2l4.1-4.4c.3-.3.9-.3 1.2 0l4.2 4.4c.3.3.3.9 0 1.2-.3.3-.8.3-1.1 0Z" fill-rule="nonzero"/></svg>',close:'<svg width="24" height="24"><path d="M17.3 8.2 13.4 12l3.9 3.8a1 1 0 0 1-1.5 1.5L12 13.4l-3.8 3.9a1 1 0 0 1-1.5-1.5l3.9-3.8-3.9-3.8a1 1 0 0 1 1.5-1.5l3.8 3.9 3.8-3.9a1 1 0 0 1 1.5 1.5Z" fill-rule="evenodd"/></svg>',"code-sample":'<svg width="24" height="26"><path d="M7.1 11a2.8 2.8 0 0 1-.8 2 2.8 2.8 0 0 1 .8 2v1.7c0 .3.1.6.4.8.2.3.5.4.8.4.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.7 0-1.4-.3-2-.8-.5-.6-.8-1.3-.8-2V15c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 0 1-.4-.4v-.8c0-.2.2-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V9.3c0-.7.3-1.4.8-2 .6-.5 1.3-.8 2-.8.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8V11Zm9.8 0V9.3c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 0 1-.4-.4V7c0-.2.1-.4.4-.4.7 0 1.4.3 2 .8.5.6.8 1.3.8 2V11c0 .3.1.6.4.8.2.3.5.4.8.4.2 0 .4.2.4.4v.8c0 .2-.2.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8v1.7c0 .7-.3 1.4-.8 2-.6.5-1.3.8-2 .8a.4.4 0 0 1-.4-.4v-.8c0-.2.1-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V15a2.8 2.8 0 0 1 .8-2 2.8 2.8 0 0 1-.8-2Zm-3.3-.4c0 .4-.1.8-.5 1.1-.3.3-.7.5-1.1.5-.4 0-.8-.2-1.1-.5-.4-.3-.5-.7-.5-1.1 0-.5.1-.9.5-1.2.3-.3.7-.4 1.1-.4.4 0 .8.1 1.1.4.4.3.5.7.5 1.2ZM12 13c.4 0 .8.1 1.1.5.4.3.5.7.5 1.1 0 1-.1 1.6-.5 2a3 3 0 0 1-1.1 1c-.4.3-.8.4-1.1.4a.5.5 0 0 1-.5-.5V17a3 3 0 0 0 1-.2l.6-.6c-.6 0-1-.2-1.3-.5-.2-.3-.3-.7-.3-1 0-.5.1-1 .5-1.2.3-.4.7-.5 1.1-.5Z" fill-rule="evenodd"/></svg>',"color-levels":'<svg width="24" height="24"><path d="M17.5 11.4A9 9 0 0 1 18 14c0 .5 0 1-.2 1.4 0 .4-.3.9-.5 1.3a6.2 6.2 0 0 1-3.7 3 5.7 5.7 0 0 1-3.2 0A5.9 5.9 0 0 1 7.6 18a6.2 6.2 0 0 1-1.4-2.6 6.7 6.7 0 0 1 0-2.8c0-.4.1-.9.3-1.3a13.6 13.6 0 0 1 2.3-4A20 20 0 0 1 12 4a26.4 26.4 0 0 1 3.2 3.4 18.2 18.2 0 0 1 2.3 4Zm-2 4.5c.4-.7.5-1.4.5-2a7.3 7.3 0 0 0-1-3.2c.2.6.2 1.2.2 1.9a4.5 4.5 0 0 1-1.3 3 5.3 5.3 0 0 1-2.3 1.5 4.9 4.9 0 0 1-2 .1 4.3 4.3 0 0 0 2.4.8 4 4 0 0 0 2-.6 4 4 0 0 0 1.5-1.5Z" fill-rule="evenodd"/></svg>',"color-picker":'<svg width="24" height="24"><path d="M12 3a9 9 0 0 0 0 18 1.5 1.5 0 0 0 1.1-2.5c-.2-.3-.4-.6-.4-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8Zm-5.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3-4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z" fill-rule="nonzero"/></svg>',"color-swatch-remove-color":'<svg width="24" height="24" class="color-swatch-remove-color"><path stroke="#000" stroke-width="2" d="M21 3 3 21" fill-rule="evenodd"/></svg>',"color-swatch":'<svg width="24" height="24"><rect x="3" y="3" width="18" height="18" rx="1" fill-rule="evenodd"/></svg>',"comment-add":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="m9 19 3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h4v2Zm-2 4v-4H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-6.4L7 23Z"/><path d="M13 10h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-2H9a1 1 0 0 1 0-2h2V8a1 1 0 0 1 2 0v2Z"/></g></svg>',comment:'<svg width="24" height="24"><path fill-rule="nonzero" d="m9 19 3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h4v2Zm-2 4v-4H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-6.4L7 23Z"/></svg>',contrast:'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 0 1 19.4 9c.4 1 .6 2 .6 3.1s-.2 2.1-.6 3.1a8 8 0 0 1-1.7 2.6 8 8 0 0 1-2.6 1.7 7.8 7.8 0 0 1-3.1.6 7.8 7.8 0 0 1-3.1-.6 8 8 0 0 1-2.6-1.7A8 8 0 0 1 4.6 15 7.8 7.8 0 0 1 4 12c0-1.1.2-2.1.6-3.1a8 8 0 0 1 1.7-2.6A8 8 0 0 1 9 4.6 7.8 7.8 0 0 1 12 4Zm-6 8a6 6 0 0 0 1.8 4.2 6 6 0 0 0 1.9 1.3 5.8 5.8 0 0 0 2.3.5V6c-.8 0-1.6.2-2.3.5a6 6 0 0 0-2 1.3 6 6 0 0 0-1.2 1.9A5.8 5.8 0 0 0 6 12Z"/></svg>',copy:'<svg width="24" height="24"><path d="M16 3H6a2 2 0 0 0-2 2v11h2V5h10V3Zm1 4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9c0-1.2.9-2 2-2h7Zm0 12V9h-7v10h7Z" fill-rule="nonzero"/></svg>',crop:'<svg width="24" height="24"><path d="M17 8v7h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v2c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-2H7V9H5a1 1 0 1 1 0-2h2V5c0-.6.4-1 1-1s1 .4 1 1v2h7l3-3 1 1-3 3ZM9 9v5l5-5H9Zm1 6h5v-5l-5 5Z" fill-rule="evenodd"/></svg>',"cut-column":'<svg width="24" height="24"><path fill-rule="evenodd" d="M7.2 4.5c.9 0 1.6.4 2.2 1A3.7 3.7 0 0 1 10.5 8v.5l1 1 4-4 1-.5a3.3 3.3 0 0 1 2 0c.4 0 .7.3 1 .5L17 8h4v13h-6V10l-1.5 1.5.5.5v4l-2.5-2.5-1 1v.5c0 .4 0 .8-.3 1.2-.2.5-.4.9-.8 1.2-.6.7-1.3 1-2.2 1-.8.2-1.5 0-2-.6l-.5-.8-.2-1c0-.4 0-.8.3-1.2A3.9 3.9 0 0 1 7 12.7c.5-.2 1-.3 1.5-.2l1-1-1-1c-.5 0-1 0-1.5-.2-.5-.1-1-.4-1.4-.9-.4-.3-.6-.7-.8-1.2L4.5 7c0-.4 0-.7.2-1 0-.3.3-.6.5-.8.5-.5 1.2-.8 2-.7Zm12.3 5h-3v10h3v-10ZM8 13.8h-.3l-.4.2a2.8 2.8 0 0 0-.7.4v.1a2.8 2.8 0 0 0-.6.8l-.1.4v.7l.2.5.5.2h.7a2.6 2.6 0 0 0 .8-.3 2.4 2.4 0 0 0 .7-.7 2.5 2.5 0 0 0 .3-.8 1.5 1.5 0 0 0 0-.8 1 1 0 0 0-.2-.4 1 1 0 0 0-.5-.2H8Zm3.5-3.7c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4ZM7 5.8h-.4a1 1 0 0 0-.5.3 1 1 0 0 0-.2.5v.7a2.5 2.5 0 0 0 .3.8l.2.3h.1l.4.4.4.2.4.1h.7L9 9l.2-.4a1.6 1.6 0 0 0 0-.8 2.6 2.6 0 0 0-.3-.8A2.5 2.5 0 0 0 7.7 6l-.4-.1H7Z"/></svg>',"cut-row":'<svg width="24" height="24"><path fill-rule="evenodd" d="M22 3v5H9l3 3 2-2h4l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8.7.6 1 1.3 1 2.2.2.8 0 1.5-.6 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 0 1-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 0 1 8.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 0 1 0-2c0-.4.3-.7.5-1l2 2V3h14ZM8.5 15.3h-.3a2.6 2.6 0 0 0-.8.4 2.5 2.5 0 0 0-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 0 0 .8-.3L9 18V18l.4-.4.2-.4.1-.4v-.7a1 1 0 0 0-.2-.5 1 1 0 0 0-.4-.2h-.5Zm7 0H15a1 1 0 0 0-.4.3 1 1 0 0 0-.2.5 1.5 1.5 0 0 0 0 .7v.4a2.8 2.8 0 0 0 .5.7h.1a2.8 2.8 0 0 0 .8.6l.4.1h.7l.5-.2.2-.5v-.7a2.6 2.6 0 0 0-.3-.8 2.4 2.4 0 0 0-.7-.7 2.5 2.5 0 0 0-.8-.3h-.3ZM12 11.6c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4Zm8.5-7.1h-11v2h11v-2Z"/></svg>',cut:'<svg width="24" height="24"><path d="M18 15c.6.7 1 1.4 1 2.3 0 .8-.2 1.5-.7 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 0 1-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 0 1 8.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 0 1 0-2c0-.4.3-.7.5-1l6 6 6-6 .5 1a3.3 3.3 0 0 1 0 2c0 .4-.3.7-.5 1l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8Zm-8.5 2.2.1-.4v-.7a1 1 0 0 0-.2-.5 1 1 0 0 0-.4-.2 1.6 1.6 0 0 0-.8 0 2.6 2.6 0 0 0-.8.3 2.5 2.5 0 0 0-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 0 0 .8-.3 2.8 2.8 0 0 0 1-1Zm2.5-2.8c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4Zm5.4 4 .2-.5v-.7a2.6 2.6 0 0 0-.3-.8 2.4 2.4 0 0 0-.7-.7 2.5 2.5 0 0 0-.8-.3 1.5 1.5 0 0 0-.8 0 1 1 0 0 0-.4.2 1 1 0 0 0-.2.5 1.5 1.5 0 0 0 0 .7v.4l.3.4.3.4a2.8 2.8 0 0 0 .8.5l.4.1h.7l.5-.2Z" fill-rule="evenodd"/></svg>',"document-properties":'<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',drag:'<svg width="24" height="24"><path d="M13 5h2v2h-2V5Zm0 4h2v2h-2V9ZM9 9h2v2H9V9Zm4 4h2v2h-2v-2Zm-4 0h2v2H9v-2Zm0 4h2v2H9v-2Zm4 0h2v2h-2v-2ZM9 5h2v2H9V5Z" fill-rule="evenodd"/></svg>',"duplicate-column":'<svg width="24" height="24"><path d="M17 6v16h-7V6h7Zm-2 2h-3v12h3V8Zm-2-6v2H8v15H6V2h7Z"/></svg>',"duplicate-row":'<svg width="24" height="24"><path d="M22 11v7H6v-7h16Zm-2 2H8v3h12v-3Zm-1-6v2H4v5H2V7h17Z"/></svg>',duplicate:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M16 3v2H6v11H4V5c0-1.1.9-2 2-2h10Zm3 8h-2V9h-7v10h9a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V9c0-1.2.9-2 2-2h7a2 2 0 0 1 2 2v2Z"/><path d="M17 14h1a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1Z"/></g></svg>',"edit-block":'<svg width="24" height="24"><path fill-rule="nonzero" d="m19.8 8.8-9.4 9.4c-.2.2-.5.4-.9.4l-5.4 1.2 1.2-5.4.5-.8 9.4-9.4c.7-.7 1.8-.7 2.5 0l2.1 2.1c.7.7.7 1.8 0 2.5Zm-2-.2 1-.9v-.3l-2.2-2.2a.3.3 0 0 0-.3 0l-1 1L18 8.5Zm-1 1-2.5-2.4-6 6 2.5 2.5 6-6Zm-7 7.1-2.6-2.4-.3.3-.1.2-.7 3 3.1-.6h.1l.4-.5Z"/></svg>',"edit-image":'<svg width="24" height="24"><path d="M18 16h2V7a2 2 0 0 0-2-2H7v2h11v9ZM6 17h15a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1H6a2 2 0 0 1-2-2V7H3a1 1 0 1 1 0-2h1V4a1 1 0 1 1 2 0v13Zm3-5.3 1.3 2 3-4.7 3.7 6H7l2-3.3Z" fill-rule="nonzero"/></svg>',"embed-page":'<svg width="24" height="24"><path d="M19 6V5H5v14h2A13 13 0 0 1 19 6Zm0 1.4c-.8.8-1.6 2.4-2.2 4.6H19V7.4Zm0 5.6h-2.4c-.4 1.8-.6 3.8-.6 6h3v-6Zm-4 6c0-2.2.2-4.2.6-6H13c-.7 1.8-1.1 3.8-1.1 6h3Zm-4 0c0-2.2.4-4.2 1-6H9.6A12 12 0 0 0 8 19h3ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm11.8 9c.4-1.9 1-3.4 1.8-4.5a9.2 9.2 0 0 0-4 4.5h2.2Zm-3.4 0a12 12 0 0 1 2.8-4 12 12 0 0 0-5 4h2.2Z" fill-rule="nonzero"/></svg>',embed:'<svg width="24" height="24"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm1 2v14h14V5H5Zm4.8 2.6 5.6 4a.5.5 0 0 1 0 .8l-5.6 4A.5.5 0 0 1 9 16V8a.5.5 0 0 1 .8-.4Z" fill-rule="nonzero"/></svg>',emoji:'<svg width="24" height="24"><path d="M9 11c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm6 0c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 0 0-1 1c0 .6.4 1 1 1Zm-3 5.5c2.1 0 4-1.5 4.4-3.5H7.6c.5 2 2.3 3.5 4.4 3.5ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13Z" fill-rule="nonzero"/></svg>',export:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M14.4 3 18 7v1h-5V5H7v14h9a1 1 0 0 1 2 0c0 1-.8 2-1.9 2H7c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2h7.5Z"/><path d="M18.1 12c.5 0 .9.4.9 1 0 .5-.3 1-.8 1h-7.3c-.5 0-.9-.4-.9-1 0-.5.3-1 .8-1h7.3Z"/><path d="M16.4 9.2a1 1 0 0 1 1.4.2l2.4 3.6-2.4 3.6a1 1 0 0 1-1.7-1v-.2l1.7-2.4-1.6-2.4a1 1 0 0 1 .2-1.4Z"/></g></svg>',fill:'<svg width="24" height="26"><path d="m16.6 12-9-9-1.4 1.4 2.4 2.4-5.2 5.1c-.5.6-.5 1.6 0 2.2L9 19.6a1.5 1.5 0 0 0 2.2 0l5.5-5.5c.5-.6.5-1.6 0-2.2ZM5.2 13 10 8.2l4.8 4.8H5.2ZM19 14.5s-2 2.2-2 3.5c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.3-2-3.5-2-3.5Z" fill-rule="nonzero"/></svg>',"flip-horizontally":'<svg width="24" height="24"><path d="M14 19h2v-2h-2v2Zm4-8h2V9h-2v2ZM4 7v10c0 1.1.9 2 2 2h3v-2H6V7h3V5H6a2 2 0 0 0-2 2Zm14-2v2h2a2 2 0 0 0-2-2Zm-7 16h2V3h-2v18Zm7-6h2v-2h-2v2Zm-4-8h2V5h-2v2Zm4 12a2 2 0 0 0 2-2h-2v2Z" fill-rule="nonzero"/></svg>',"flip-vertically":'<svg width="24" height="24"><path d="M5 14v2h2v-2H5Zm8 4v2h2v-2h-2Zm4-14H7a2 2 0 0 0-2 2v3h2V6h10v3h2V6a2 2 0 0 0-2-2Zm2 14h-2v2a2 2 0 0 0 2-2ZM3 11v2h18v-2H3Zm6 7v2h2v-2H9Zm8-4v2h2v-2h-2ZM5 18c0 1.1.9 2 2 2v-2H5Z" fill-rule="nonzero"/></svg>',footnote:'<svg width="24" height="24"><path d="M19 13c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2h14Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19 4v6h-1V5h-1.5V4h2.6Z"/><path d="M12 18c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2h7ZM14 8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2h9Z"/></svg>',"format-code":'<svg width="24" height="24"><path d="m10 22 2-7H6l9-13h2l-2 8h7L12 22h-2ZM6 2h7l-1.4 2H6V2Zm4.2 4H4v2h4.8l1.4-2Zm-2.7 4H2v2h4l1.5-2Z"/></svg>',"format-painter":'<svg width="24" height="24"><path d="M18 5V4c0-.5-.4-1-1-1H5a1 1 0 0 0-1 1v4c0 .6.5 1 1 1h12c.6 0 1-.4 1-1V7h1v4H9v9c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-7h8V5h-3Z" fill-rule="nonzero"/></svg>',format:'<svg width="24" height="24"><path fill-rule="evenodd" d="M17 5a1 1 0 0 1 0 2h-4v11a1 1 0 0 1-2 0V7H7a1 1 0 1 1 0-2h10Z"/></svg>',fullscreen:'<svg width="24" height="24"><path d="m15.3 10-1.2-1.3 2.9-3h-2.3a.9.9 0 1 1 0-1.7H19c.5 0 .9.4.9.9v4.4a.9.9 0 1 1-1.8 0V7l-2.9 3Zm0 4 3 3v-2.3a.9.9 0 1 1 1.7 0V19c0 .5-.4.9-.9.9h-4.4a.9.9 0 1 1 0-1.8H17l-3-2.9 1.3-1.2ZM10 15.4l-2.9 3h2.3a.9.9 0 1 1 0 1.7H5a.9.9 0 0 1-.9-.9v-4.4a.9.9 0 1 1 1.8 0V17l2.9-3 1.2 1.3ZM8.7 10 5.7 7v2.3a.9.9 0 0 1-1.7 0V5c0-.5.4-.9.9-.9h4.4a.9.9 0 0 1 0 1.8H7l3 2.9-1.3 1.2Z" fill-rule="nonzero"/></svg>',gallery:'<svg width="24" height="24"><path fill-rule="nonzero" d="m5 15.7 2.3-2.2c.3-.3.7-.3 1 0L11 16l5.1-5c.3-.4.8-.4 1 0l2 1.9V8H5v7.7ZM5 18V19h3l1.8-1.9-2-2L5 17.9Zm14-3-2.5-2.4-6.4 6.5H19v-4ZM4 6h16c.6 0 1 .4 1 1v13c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V7c0-.6.4-1 1-1Zm6 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM4.5 4h15a.5.5 0 1 1 0 1h-15a.5.5 0 0 1 0-1Zm2-2h11a.5.5 0 1 1 0 1h-11a.5.5 0 0 1 0-1Z"/></svg>',gamma:'<svg height="24" width="24"><path d="M11.5 16.3a.7.7 0 1 0 1.4 0V14l2.7-6a.7.7 0 1 0-1.2-.6l-2.2 5-2.3-4.9C9.6 7 8.7 7 8 7.2v1.1c.8-.2.9 0 1.2 1l2.3 4.7z"/><path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2h14v14H5z" fill-rule="evenodd"/></svg>',help:'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M12 5.5a6.5 6.5 0 0 0-6 9 6.3 6.3 0 0 0 1.4 2l1 1a6.3 6.3 0 0 0 3.6 1 6.5 6.5 0 0 0 6-9 6.3 6.3 0 0 0-1.4-2l-1-1a6.3 6.3 0 0 0-3.6-1ZM12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 1 1 12 4Z"/><path d="M9.6 9.7a.7.7 0 0 1-.7-.8c0-1.1 1.5-1.8 3.2-1.8 1.8 0 3.2.8 3.2 2.4 0 1.4-.4 2.1-1.5 2.8-.2 0-.3.1-.3.2a2 2 0 0 0-.8.8.8.8 0 0 1-1.4-.6c.3-.7.8-1 1.3-1.5l.4-.2c.7-.4.8-.6.8-1.5 0-.5-.6-.9-1.7-.9-.5 0-1 .1-1.4.3-.2 0-.3.1-.3.2v-.2c0 .4-.4.8-.8.8Z" fill-rule="nonzero"/><circle cx="12" cy="16" r="1"/></g></svg>',"highlight-bg-color":'<svg width="24" height="24"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z"/><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"/></g></svg>',home:'<svg width="24" height="24"><path fill-rule="nonzero" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>',"horizontal-rule":'<svg width="24" height="24"><path d="M4 11h16v2H4z" fill-rule="evenodd"/></svg>',"image-options":'<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',image:'<svg width="24" height="24"><path d="m5 15.7 3.3-3.2c.3-.3.7-.3 1 0L12 15l4.1-4c.3-.4.8-.4 1 0l2 1.9V5H5v10.7ZM5 18V19h3l2.8-2.9-2-2L5 17.9Zm14-3-2.5-2.4-6.4 6.5H19v-4ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill-rule="nonzero"/></svg>',indent:'<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 1 1 0-2Zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm-5 4h12a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2Zm-2.6-3.8L6.2 12l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',info:'<svg width="24" height="24"><path d="M12 4a7.8 7.8 0 0 1 5.7 2.3A8 8 0 1 1 12 4Zm-1 3v2h2V7h-2Zm3 10v-1h-1v-5h-3v1h1v4h-1v1h4Z" fill-rule="evenodd"/></svg>',"insert-character":'<svg width="24" height="24"><path d="M15 18h4l1-2v4h-6v-3.3l1.4-1a6 6 0 0 0 1.8-2.9 6.3 6.3 0 0 0-.1-4.1 5.8 5.8 0 0 0-3-3.2c-.6-.3-1.3-.5-2.1-.5a5.1 5.1 0 0 0-3.9 1.8 6.3 6.3 0 0 0-1.3 6 6.2 6.2 0 0 0 1.8 3l1.4.9V20H4v-4l1 2h4v-.5l-2-1L5.4 15A6.5 6.5 0 0 1 4 11c0-1 .2-1.9.6-2.7A7 7 0 0 1 6.3 6C7.1 5.4 8 5 9 4.5c1-.3 2-.5 3.1-.5a8.8 8.8 0 0 1 5.7 2 7 7 0 0 1 1.7 2.3 6 6 0 0 1 .2 4.8c-.2.7-.6 1.3-1 1.9a7.6 7.6 0 0 1-3.6 2.5v.5Z" fill-rule="evenodd"/></svg>',"insert-time":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm0 2a9 9 0 1 1 0-18 9 9 0 0 1 0 18Z"/><path d="M16 12h-3V7c0-.6-.4-1-1-1a1 1 0 0 0-1 1v7h5c.6 0 1-.4 1-1s-.4-1-1-1Z"/></g></svg>',invert:'<svg height="24" width="24"><path d="M5 4 3.6 5.4l3.9 4C6.6 10.7 6 12.3 6 14a6 6 0 0 0 10.3 4.2l1.9 1.8 1.4-1.4z" fill-rule="evenodd"/><path d="M13.4 8.4c.9 1 1.6 2.1 2 3.2l2.6 2.6V14c0-5-6-10-6-10s-1 .8-2.1 2l1.4 1.5.7-.7 1.4 1.6z"/></svg>',italic:'<svg width="24" height="24"><path d="m16.7 4.7-.1.9h-.3c-.6 0-1 0-1.4.3-.3.3-.4.6-.5 1.1l-2.1 9.8v.6c0 .5.4.8 1.4.8h.2l-.2.8H8l.2-.8h.2c1.1 0 1.8-.5 2-1.5l2-9.8.1-.5c0-.6-.4-.8-1.4-.8h-.3l.2-.9h5.8Z" fill-rule="evenodd"/></svg>',language:'<svg width="24" height="24"><path d="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm4.3 13.3c-.5 1-1.2 2-2 2.9a7.5 7.5 0 0 0 3.2-2.1l-.2-.2a6 6 0 0 0-1-.6Zm-8.6 0c-.5.2-.9.5-1.2.8.9 1 2 1.7 3.2 2a10 10 0 0 1-2-2.8Zm3.6-.8c-.8 0-1.6.1-2.2.3.5 1 1.2 1.9 2.1 2.7Zm1.5 0v3c.9-.8 1.6-1.7 2.1-2.7-.6-.2-1.4-.3-2.1-.3Zm-6-2.7H4.5c.2 1 .5 2.1 1 3h.3l1.3-1a10 10 0 0 1-.3-2Zm12.7 0h-2.3c0 .7-.1 1.4-.3 2l1.6 1.1c.5-1 .9-2 1-3.1Zm-3.8 0h-3V14c1 0 2 .1 2.7.4.2-.5.3-1 .3-1.6Zm-4.4 0h-3l.3 1.6c.8-.3 1.7-.4 2.7-.4v-1.3Zm-5.5-5c-.7 1-1.1 2.2-1.3 3.5h2.3c0-1 .2-1.8.5-2.6l-1.5-1Zm2.9 1.4v.1c-.2.6-.4 1.3-.4 2h3V9.4c-1 0-1.8-.1-2.6-.3Zm6.6 0h-.1l-2.4.3v1.8h3l-.5-2.1Zm3-1.4-.3.1-1.3.8c.3.8.5 1.6.5 2.6h2.3a7.5 7.5 0 0 0-1.3-3.5Zm-9 0 2 .2V5.5a9 9 0 0 0-2 2.2Zm3.5-2.3V8c.6 0 1.3 0 1.9-.2a9 9 0 0 0-2-2.3Zm-3-.7h-.1c-1.1.4-2.1 1-3 1.8l1.2.7a10 10 0 0 1 1.9-2.5Zm4.4 0 .1.1a10 10 0 0 1 1.8 2.4l1.1-.7a7.5 7.5 0 0 0-3-1.8Z"/></svg>',"line-height":'<svg width="24" height="24"><path d="M21 5a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zm0 4a1 1 0 0 1 .1 2H13a1 1 0 0 1-.1-2H21zM7 3.6l3.7 3.7a1 1 0 0 1-1.3 1.5h-.1L8 7.3v9.2l1.3-1.3a1 1 0 0 1 1.3 0h.1c.4.4.4 1 0 1.3v.1L7 20.4l-3.7-3.7a1 1 0 0 1 1.3-1.5h.1L6 16.7V7.4L4.7 8.7a1 1 0 0 1-1.3 0h-.1a1 1 0 0 1 0-1.3v-.1L7 3.6z"/></svg>',line:'<svg width="24" height="24"><path d="m15 9-8 8H4v-3l8-8 3 3Zm1-1-3-3 1-1h1c-.2 0 0 0 0 0l2 2s0 .2 0 0v1l-1 1ZM4 18h16v2H4v-2Z" fill-rule="evenodd"/></svg>',link:'<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2-2a2 2 0 1 0-2.6-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2Z" fill-rule="nonzero"/></svg>',"list-bull-circle":'<svg height="48" width="48"><path d="M8 14a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 24a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 34a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" fill-rule="evenodd"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',"list-bull-default":'<svg height="48" width="48"><path d="M14 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M12 24a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm5 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" fill-rule="evenodd"/><path d="M16 31h6v6h-6z"/><path d="M16 31h6v6h-6z"/><path d="M18 12h22v4H18zm4 10h18v4H22zm4 10h14v4H26z" opacity=".2"/></svg>',"list-bull-disc":'<svg height="48" width="48"><path d="M14 14a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm0 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',"list-bull-square":'<svg height="48" width="48"><path d="M8 21h6v6H8zm0 10h6v6H8zm0-20h6v6H8z"/><path d="M18 12h22v4H18zm0 10h22v4H18zm0 10h22v4H18z" opacity=".2"/></svg>',"list-num-default-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 17v-4.8h-.1l-1.5 1v-1.1l1.6-1.1h1.2v6zM33.3 17.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm1.7 5.7c0-1.2 1-2 2.2-2 1.3 0 2.1.8 2.1 1.8 0 .7-.3 1.2-1.3 2.2l-1.2 1v.2h2.6v1h-4.3v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H35zm-1.7 4.3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm3.2 7.3v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H35c0-1.1 1-1.8 2.2-1.8 1.2 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.7.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .6 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7zm-3.3 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7z"/></g></svg>',"list-num-default":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10 17v-4.8l-1.5 1v-1.1l1.6-1h1.2V17h-1.2Zm3.6.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm-5 5.7c0-1.2.8-2 2.1-2s2.1.8 2.1 1.8c0 .7-.3 1.2-1.4 2.2l-1.1 1v.2h2.6v1H8.6v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H8.5Zm6.3 4.3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM10 34.4v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H8.6c0-1.1 1-1.8 2.2-1.8 1.3 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.8.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .7 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7Zm4.7 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7Z"/></g></svg>',"list-num-lower-alpha-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M36.5 16c-.9 0-1.5-.5-1.5-1.3s.6-1.3 1.8-1.4h1v-.4c0-.4-.2-.6-.7-.6-.4 0-.7.1-.8.4h-1.1c0-.8.8-1.4 2-1.4S39 12 39 13V16h-1.2v-.6c-.3.4-.8.7-1.4.7Zm.4-.8c.6 0 1-.4 1-.9V14h-1c-.5.1-.7.3-.7.6 0 .4.3.6.7.6ZM33.1 16.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7ZM37.7 26c-.7 0-1.2-.2-1.5-.7v.7H35v-6.3h1.2v2.5c.3-.5.8-.9 1.5-.9 1.1 0 1.8 1 1.8 2.4 0 1.5-.7 2.4-1.8 2.4Zm-.5-3.6c-.6 0-1 .5-1 1.3s.4 1.4 1 1.4c.7 0 1-.6 1-1.4 0-.8-.3-1.3-1-1.3ZM33.2 26.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zm6 7h-1c-.1-.5-.4-.8-1-.8s-1 .5-1 1.4c0 1 .4 1.4 1 1.4.5 0 .9-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7zm-6.1 3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',"list-num-lower-alpha":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.3 15.2c.5 0 1-.4 1-.9V14h-1c-.5.1-.8.3-.8.6 0 .4.3.6.8.6Zm-.4.9c-1 0-1.5-.6-1.5-1.4 0-.8.6-1.3 1.7-1.4h1.1v-.4c0-.4-.2-.6-.7-.6-.5 0-.8.1-.9.4h-1c0-.8.8-1.4 2-1.4 1.1 0 1.8.6 1.8 1.6V16h-1.1v-.6h-.1c-.2.4-.7.7-1.3.7Zm4.6 0c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-3.2 10c-.6 0-1.2-.3-1.4-.8v.7H8.5v-6.3H10v2.5c.3-.5.8-.9 1.4-.9 1.2 0 1.9 1 1.9 2.4 0 1.5-.7 2.4-1.9 2.4Zm-.4-3.7c-.7 0-1 .5-1 1.3s.3 1.4 1 1.4c.6 0 1-.6 1-1.4 0-.8-.4-1.3-1-1.3Zm4 3.7c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-2.2 7h-1.2c0-.5-.4-.8-.9-.8-.6 0-1 .5-1 1.4 0 1 .4 1.4 1 1.4.5 0 .8-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7Zm1.8 3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-lower-greek-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 16c-1.2 0-2-.8-2-2.3 0-1.5.8-2.4 2-2.4.6 0 1 .4 1.3 1v-.9H40v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1-.7h-.2c-.2.4-.7.8-1.3.8Zm.3-1c.6 0 1-.5 1-1.3s-.4-1.3-1-1.3-1 .5-1 1.3.4 1.4 1 1.4ZM33.3 16.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM36 21.9c0-1.5.8-2.3 2.1-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.9 1.3.9.3 1.3.8 1.3 1.7 0 1.2-.7 1.9-1.8 1.9-.6 0-1.1-.3-1.4-.8v2.2H36V22Zm1.8 1.2v-1h.3c.5 0 .9-.2.9-.7 0-.5-.3-.8-.9-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1 1.3s1-.4 1-1-.4-1-1.2-1h-.3ZM33.3 26.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7ZM37.1 34.6 34.8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.2.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2Zm.7 1a2 2 0 0 0-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1ZM33.3 36.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-lower-greek":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.5 15c.7 0 1-.5 1-1.3s-.3-1.3-1-1.3c-.5 0-.9.5-.9 1.3s.4 1.4 1 1.4Zm-.3 1c-1.1 0-1.8-.8-1.8-2.3 0-1.5.7-2.4 1.8-2.4.7 0 1.1.4 1.3 1h.1v-.9h1.2v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1.1-.7h-.1c-.2.4-.7.8-1.4.8Zm5 .1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7Zm-4.9 7v-1h.3c.6 0 1-.2 1-.7 0-.5-.4-.8-1-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1.1 1.3.6 0 1-.4 1-1s-.5-1-1.3-1h-.3ZM8.6 22c0-1.5.7-2.3 2-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.8 1.3.8.3 1.3.8 1.3 1.7 0 1.2-.8 1.9-1.9 1.9-.6 0-1.1-.3-1.3-.8v2.2H8.5V22Zm6.2 4.2c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm-4.5 8.5L8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.1.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2Zm.7 1a2 2 0 0 0-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1Zm4.5.5c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-lower-roman-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M32.9 16v-1.2h-1.3V16H33Zm0 10v-1.2h-1.3V26H33Zm0 10v-1.2h-1.3V36H33Z"/><path fill-rule="nonzero" d="M36 21h-1.5v5H36zM36 31h-1.5v5H36zM39 21h-1.5v5H39zM39 31h-1.5v5H39zM42 31h-1.5v5H42zM36 11h-1.5v5H36zM36 19h-1.5v1H36zM36 29h-1.5v1H36zM39 19h-1.5v1H39zM39 29h-1.5v1H39zM42 29h-1.5v1H42zM36 9h-1.5v1H36z"/></g></svg>',"list-num-lower-roman":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 16v-1.2h1.3V16H15Zm0 10v-1.2h1.3V26H15Zm0 10v-1.2h1.3V36H15Z"/><path fill-rule="nonzero" d="M12 21h1.5v5H12zM12 31h1.5v5H12zM9 21h1.5v5H9zM9 31h1.5v5H9zM6 31h1.5v5H6zM12 11h1.5v5H12zM12 19h1.5v1H12zM12 29h1.5v1H12zM9 19h1.5v1H9zM9 29h1.5v1H9zM6 29h1.5v1H6zM12 9h1.5v1H12z"/></g></svg>',"list-num-upper-alpha-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="m39.3 17-.5-1.4h-2l-.5 1.4H35l2-6h1.6l2 6h-1.3Zm-1.6-4.7-.7 2.3h1.6l-.8-2.3ZM33.4 17c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7Zm4.7 9.9h-2.7v-6H38c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7Zm-1.4-5v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1Zm0 4h1.1c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9h-1.1V26ZM33 27.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm4.9 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2Zm-4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-upper-alpha":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="m12.6 17-.5-1.4h-2L9.5 17H8.3l2-6H12l2 6h-1.3ZM11 12.3l-.7 2.3h1.6l-.8-2.3Zm4.7 4.8c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7ZM11.4 27H8.7v-6h2.6c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7ZM10 22v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1Zm0 4H11c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9H10V26Zm5.4 1.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Zm-4.1 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2Zm4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7Z"/></g></svg>',"list-num-upper-roman-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M31.6 17v-1.2H33V17h-1.3Zm0 10v-1.2H33V27h-1.3Zm0 10v-1.2H33V37h-1.3Z"/><path fill-rule="nonzero" d="M34.5 20H36v7h-1.5zM34.5 30H36v7h-1.5zM37.5 20H39v7h-1.5zM37.5 30H39v7h-1.5zM40.5 30H42v7h-1.5zM34.5 10H36v7h-1.5z"/></g></svg>',"list-num-upper-roman":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 17v-1.2h1.3V17H15Zm0 10v-1.2h1.3V27H15Zm0 10v-1.2h1.3V37H15Z"/><path fill-rule="nonzero" d="M12 20h1.5v7H12zM12 30h1.5v7H12zM9 20h1.5v7H9zM9 30h1.5v7H9zM6 30h1.5v7H6zM12 10h1.5v7H12z"/></g></svg>',lock:'<svg width="24" height="24"><path d="M16.3 11c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H8V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h.3ZM10 8v3h4V8a1 1 0 0 0-.3-.7A1 1 0 0 0 13 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7Z" fill-rule="evenodd"/></svg>',ltr:'<svg width="24" height="24"><path d="M11 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 7.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L11 5ZM4.4 16.2 6.2 15l-1.8-1.2a1 1 0 0 1 1.2-1.6l3 2a1 1 0 0 1 0 1.6l-3 2a1 1 0 1 1-1.2-1.6Z" fill-rule="evenodd"/></svg>',"math-equation":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.8c.1-.5.5-.8 1-.8h10a1 1 0 1 1 0 2h-9.2L8.3 19.2a1 1 0 0 1-1.7.4l-3.4-4.2a1 1 0 0 1 1.6-1.2l2 2.5L9 4.8Zm9.7 5.5c.4.4.4 1 0 1.4L17 13.5l1.8 1.8a1 1 0 1 1-1.4 1.4L15.5 15l-1.8 1.8a1 1 0 0 1-1.4-1.4l1.8-1.8-1.8-1.8a1 1 0 0 1 1.4-1.4l1.8 1.8 1.8-1.8a1 1 0 0 1 1.4 0Z"/></svg>',mentions:'<svg height="24" width="24"><path d="M12 21a8.8 8.8 0 0 1-3.5-.7 9 9 0 0 1-2.9-2 9 9 0 0 1-1.9-2.8A8.8 8.8 0 0 1 3 12c0-1.3.2-2.4.7-3.5a9 9 0 0 1 4.8-4.8A8.8 8.8 0 0 1 12 3c1.3 0 2.4.2 3.5.7a9.1 9.1 0 0 1 4.8 4.8A8.7 8.7 0 0 1 21 12v1.4a3 3 0 0 1-.9 2.2 3 3 0 0 1-2.2.9c-.5 0-1-.1-1.5-.4a3.8 3.8 0 0 1-1.1-1 4.8 4.8 0 0 1-1.5 1 4.3 4.3 0 0 1-1.8.4c-1.2 0-2.3-.4-3.2-1.3-.9-.9-1.3-2-1.3-3.2s.4-2.3 1.3-3.2c.9-.9 2-1.3 3.2-1.3s2.3.4 3.2 1.3c.9.9 1.3 2 1.3 3.2v1.4c0 .4.1.7.4 1 .3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1V12c0-2-.7-3.8-2.1-5.2S14 4.7 12 4.7s-3.8.7-5.2 2.1S4.7 10 4.7 12s.7 3.8 2.1 5.2 3.2 2.1 5.2 2.1h4.5V21zm0-6.2c.8 0 1.4-.3 2-.8a2.7 2.7 0 0 0 .8-2c0-.8-.3-1.4-.8-2a2.7 2.7 0 0 0-2-.8c-.8 0-1.4.3-2 .8a2.7 2.7 0 0 0-.8 2c0 .8.3 1.4.8 2a2.7 2.7 0 0 0 2 .8z"/></svg>',minus:'<svg width="24" height="24"><path d="M19 11a1 1 0 0 1 .1 2H5a1 1 0 0 1-.1-2H19Z"/></svg>',"more-drawer":'<svg width="24" height="24"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"/></svg>',"new-document":'<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2V7.6L14.4 3ZM17 19H7V5h6v4h4v10Z" fill-rule="nonzero"/></svg>',"new-tab":'<svg width="24" height="24"><path d="m15 13 2-2v8H5V7h8l-2 2H7v8h8v-4Zm4-8v5.5l-2-2-5.6 5.5H10v-1.4L15.5 7l-2-2H19Z" fill-rule="evenodd"/></svg>',"non-breaking":'<svg width="24" height="24"><path d="M11 11H8a1 1 0 1 1 0-2h3V6c0-.6.4-1 1-1s1 .4 1 1v3h3c.6 0 1 .4 1 1s-.4 1-1 1h-3v3c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-3Zm10 4v5H3v-5c0-.6.4-1 1-1s1 .4 1 1v3h14v-3c0-.6.4-1 1-1s1 .4 1 1Z" fill-rule="evenodd"/></svg>',notice:'<svg width="24" height="24"><path d="M15.5 4 20 8.5v7L15.5 20h-7L4 15.5v-7L8.5 4h7ZM13 17v-2h-2v2h2Zm0-4V7h-2v6h2Z" fill-rule="evenodd" clip-rule="evenodd"/></svg>',"ordered-list-rtl":'<svg width="24" height="24"><path d="M6 17h8a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2Zm0-6h8a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2Zm13-1v3.5a.5.5 0 1 1-1 0V5h-.5a.5.5 0 1 1 0-1H19Zm-1 8.8.2.2h1.3a.5.5 0 1 1 0 1h-1.6a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0-.2-.2h-1.3a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3Zm2 4.2v2c0 .6-.4 1-1 1h-1.5a.5.5 0 0 1 0-1h1.2a.3.3 0 1 0 0-.6h-1.3a.4.4 0 1 1 0-.8h1.3a.3.3 0 0 0 0-.6h-1.2a.5.5 0 1 1 0-1H19c.6 0 1 .4 1 1Z" fill-rule="evenodd"/></svg>',"ordered-list":'<svg width="24" height="24"><path d="M10 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 1 1 0-2ZM6 4v3.5c0 .3-.2.5-.5.5a.5.5 0 0 1-.5-.5V5h-.5a.5.5 0 0 1 0-1H6Zm-1 8.8.2.2h1.3c.3 0 .5.2.5.5s-.2.5-.5.5H4.9a1 1 0 0 1-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 0 0-.2-.2H4.5a.5.5 0 0 1-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3ZM7 17v2c0 .6-.4 1-1 1H4.5a.5.5 0 0 1 0-1h1.2c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.4a.4.4 0 1 1 0-.8h1.3c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.5a.5.5 0 1 1 0-1H6c.6 0 1 .4 1 1Z" fill-rule="evenodd"/></svg>',orientation:'<svg width="24" height="24"><path d="M7.3 6.4 1 13l6.4 6.5 6.5-6.5-6.5-6.5ZM3.7 13l3.6-3.7L11 13l-3.7 3.7-3.6-3.7ZM12 6l2.8 2.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0L9.2 5.7a.8.8 0 0 1 0-1.2L13.6.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L12 4h1a9 9 0 1 1-4.3 16.9l1.5-1.5A7 7 0 1 0 13 6h-1Z" fill-rule="nonzero"/></svg>',outdent:'<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 1 1 0-2Zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 0 1 0-2Zm-5 4h12a1 1 0 0 1 0 2H7a1 1 0 0 1 0-2Zm1.6-3.8a1 1 0 0 1-1.2 1.6l-3-2a1 1 0 0 1 0-1.6l3-2a1 1 0 0 1 1.2 1.6L6.8 12l1.8 1.2Z" fill-rule="evenodd"/></svg>',"export-pdf":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H7v3H5V5c0-1.1.9-2 2-2Z"/><path d="M2.6 15.2v-1.9h1c.6 0 1-.2 1.4-.5.3-.3.5-.7.5-1.2s-.2-.9-.5-1.2a2 2 0 0 0-1.3-.4H1v5.2h1.6Zm.4-3h-.4v-1.1h.5l.6.1.2.5c0 .1 0 .3-.2.4l-.7.1Zm5.7 3 1-.1c.3 0 .5-.2.7-.4l.5-.8c.2-.3.2-.7.2-1.3v-1l-.5-.8c-.2-.3-.4-.5-.7-.6L8.7 10H6.3v5.2h2.4Zm-.4-1.1H8v-3h.4c.5 0 .8.2 1 .4l.2 1.1-.1 1-.3.3-.8.2Zm5.3 1.2V13h2v-1h-2v-1H16V10h-4v5.2h1.6Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"/></svg>',"export-word":'<svg width="24" height="24"><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H5c0-1.1.9-2 2-2ZM15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"/></svg>',"import-word":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V15h-2V9h-4V5H5c0-1.1.9-2 2-2Z"/><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4 18.2a1 1 0 0 0 1.2 1.6l1.4-1V22a1 1 0 1 0 2 0v-3.1l1.4 1a1 1 0 0 0 1.2-1.7L15 15.8l-3.6 2.4Z"/></svg>',"page-break":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M5 11c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1h-1a1 1 0 0 1 0-2Zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2ZM7 3v5h10V3c0-.6.4-1 1-1s1 .4 1 1v7H5V3c0-.6.4-1 1-1s1 .4 1 1ZM6 22a1 1 0 0 1-1-1v-7h14v7c0 .6-.4 1-1 1a1 1 0 0 1-1-1v-5H7v5c0 .6-.4 1-1 1Z"/></g></svg>',paragraph:'<svg width="24" height="24"><path fill-rule="evenodd" d="M10 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 6.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L10 5Z"/></svg>',"paste-column-after":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h7v2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm8 7v12h-6V8h6Zm-1.5 1.5h-3v9h3v-9ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',"paste-column-before":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V18c0 1-.8 2-1.9 2H11v-2h7V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v2H4V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm-2 7v12H4V8h6ZM8.5 9.5h-3v9h3v-9ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',"paste-row-after":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V11h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h14c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm10 11v5H8v-5h14Zm-1.5 1.5h-11v2h11v-2ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',"paste-row-before":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h12v-4h2v4c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0 1 12 1Zm10 7v5H8V8h14Zm-1.5 1.5h-11v2h11v-2ZM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>',"paste-text":'<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h3V9h9ZM9 20H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0 1 12 1a3 3 0 0 1 2.8 2H18a2 2 0 0 1 2 2v4h1v12H9v-1Zm1.5-9.5v9h9v-9h-9ZM12 3a1 1 0 0 0-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1Zm0 9h6v2h-.5l-.5-1h-1v4h.8v1h-3.6v-1h.8v-4h-1l-.5 1H12v-2Z" fill-rule="nonzero"/></svg>',paste:'<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h3V9h9ZM9 20H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0 1 12 1a3 3 0 0 1 2.8 2H18a2 2 0 0 1 2 2v4h1v12H9v-1Zm1.5-9.5v9h9v-9h-9ZM12 3a1 1 0 0 0-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1Z" fill-rule="nonzero"/></svg>',"permanent-pen":'<svg width="24" height="24"><path d="M10.5 17.5 8 20H3v-3l3.5-3.5a2 2 0 0 1 0-3L14 3l1 1-7.3 7.3a1 1 0 0 0 0 1.4l3.6 3.6c.4.4 1 .4 1.4 0L20 9l1 1-7.6 7.6a2 2 0 0 1-2.8 0l-.1-.1Z" fill-rule="nonzero"/></svg>',plus:'<svg width="24" height="24"><path d="M12 4c.5 0 1 .4 1 .9V11h6a1 1 0 0 1 .1 2H13v6a1 1 0 0 1-2 .1V13H5a1 1 0 0 1-.1-2H11V5c0-.6.4-1 1-1Z"/></svg>',preferences:'<svg width="24" height="24"><path d="m20.1 13.5-1.9.2a5.8 5.8 0 0 1-.6 1.5l1.2 1.5c.4.4.3 1 0 1.4l-.7.7a1 1 0 0 1-1.4 0l-1.5-1.2a6.2 6.2 0 0 1-1.5.6l-.2 1.9c0 .5-.5.9-1 .9h-1a1 1 0 0 1-1-.9l-.2-1.9a5.8 5.8 0 0 1-1.5-.6l-1.5 1.2a1 1 0 0 1-1.4 0l-.7-.7a1 1 0 0 1 0-1.4l1.2-1.5a6.2 6.2 0 0 1-.6-1.5l-1.9-.2a1 1 0 0 1-.9-1v-1c0-.5.4-1 .9-1l1.9-.2a5.8 5.8 0 0 1 .6-1.5L5.2 7.3a1 1 0 0 1 0-1.4l.7-.7a1 1 0 0 1 1.4 0l1.5 1.2a6.2 6.2 0 0 1 1.5-.6l.2-1.9c0-.5.5-.9 1-.9h1c.5 0 1 .4 1 .9l.2 1.9a5.8 5.8 0 0 1 1.5.6l1.5-1.2a1 1 0 0 1 1.4 0l.7.7c.3.4.4 1 0 1.4l-1.2 1.5a6.2 6.2 0 0 1 .6 1.5l1.9.2c.5 0 .9.5.9 1v1c0 .5-.4 1-.9 1ZM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" fill-rule="evenodd"/></svg>',preview:'<svg width="24" height="24"><path d="M3.5 12.5c.5.8 1.1 1.6 1.8 2.3 2 2 4.2 3.2 6.7 3.2s4.7-1.2 6.7-3.2a16.2 16.2 0 0 0 2.1-2.8 15.7 15.7 0 0 0-2.1-2.8c-2-2-4.2-3.2-6.7-3.2a9.3 9.3 0 0 0-6.7 3.2A16.2 16.2 0 0 0 3.2 12c0 .2.2.3.3.5Zm-2.4-1 .7-1.2L4 7.8C6.2 5.4 8.9 4 12 4c3 0 5.8 1.4 8.1 3.8a18.2 18.2 0 0 1 2.8 3.7v1l-.7 1.2-2.1 2.5c-2.3 2.4-5 3.8-8.1 3.8-3 0-5.8-1.4-8.1-3.8a18.2 18.2 0 0 1-2.8-3.7 1 1 0 0 1 0-1Zm12-3.3a2 2 0 1 0 2.7 2.6 4 4 0 1 1-2.6-2.6Z" fill-rule="nonzero"/></svg>',print:'<svg width="24" height="24"><path d="M18 8H6a3 3 0 0 0-3 3v6h2v3h14v-3h2v-6a3 3 0 0 0-3-3Zm-1 10H7v-4h10v4Zm.5-5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5Zm.5-8H6v2h12V5Z" fill-rule="nonzero"/></svg>',quote:'<svg width="24" height="24"><path d="M7.5 17h.9c.4 0 .7-.2.9-.6L11 13V8c0-.6-.4-1-1-1H6a1 1 0 0 0-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 0 0 .8 1.3Zm8 0h.9c.4 0 .7-.2.9-.6L19 13V8c0-.6-.4-1-1-1h-4a1 1 0 0 0-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 0 0 .8 1.3Z" fill-rule="nonzero"/></svg>',redo:'<svg width="24" height="24"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"/></svg>',reload:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="m5 22.1-1.2-4.7v-.2a1 1 0 0 1 1-1l5 .4a1 1 0 1 1-.2 2l-2.2-.2a7.8 7.8 0 0 0 8.4.2 7.5 7.5 0 0 0 3.5-6.4 1 1 0 1 1 2 0 9.5 9.5 0 0 1-4.5 8 9.9 9.9 0 0 1-10.2 0l.4 1.4a1 1 0 1 1-2 .5ZM13.6 7.4c0-.5.5-1 1-.9l2.8.2a8 8 0 0 0-9.5-1 7.5 7.5 0 0 0-3.6 7 1 1 0 0 1-2 0 9.5 9.5 0 0 1 4.5-8.6 10 10 0 0 1 10.9.3l-.3-1a1 1 0 0 1 2-.5l1.1 4.8a1 1 0 0 1-1 1.2l-5-.4a1 1 0 0 1-.9-1Z"/></g></svg>',"remove-formatting":'<svg width="24" height="24"><path d="M13.2 6a1 1 0 0 1 0 .2l-2.6 10a1 1 0 0 1-1 .8h-.2a.8.8 0 0 1-.8-1l2.6-10H8a1 1 0 1 1 0-2h9a1 1 0 0 1 0 2h-3.8ZM5 18h7a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Zm13 1.5L16.5 18 15 19.5a.7.7 0 0 1-1-1l1.5-1.5-1.5-1.5a.7.7 0 0 1 1-1l1.5 1.5 1.5-1.5a.7.7 0 0 1 1 1L17.5 17l1.5 1.5a.7.7 0 0 1-1 1Z" fill-rule="evenodd"/></svg>',remove:'<svg width="24" height="24"><path d="M16 7h3a1 1 0 0 1 0 2h-1v9a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9H5a1 1 0 1 1 0-2h3V6a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v1Zm-2 0V6c0-.6-.4-1-1-1h-2a1 1 0 0 0-1 1v1h4Zm2 2H8v9c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V9Zm-7 3a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0v-4Zm4 0a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0v-4Z" fill-rule="nonzero"/></svg>',"resize-handle":'<svg width="10" height="10"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"/></g></svg>',resize:'<svg width="24" height="24"><path d="M4 5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h6c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3H7.4L18 16.6V13c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v6c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3h-6a1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3.6L6 7.4V11c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3A1 1 0 0 1 4 11V5Z" fill-rule="evenodd"/></svg>',"restore-draft":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1Z"/><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></g></svg>',"revision-history":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1Z"/><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></g></svg>',"rotate-left":'<svg width="24" height="24"><path d="M4.7 10H9a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3l2.5-2.4a9.2 9.2 0 0 1 10.8-1.5A9 9 0 0 1 13.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 1 1 1.3-1.5 7.2 7.2 0 0 0 11.6-3.7 7 7 0 0 0-3.5-7.7A7.2 7.2 0 0 0 8 7L4.7 10Z" fill-rule="nonzero"/></svg>',"rotate-right":'<svg width="24" height="24"><path d="M20 8V5a1 1 0 0 1 2 0v6c0 .6-.4 1-1 1h-6a1 1 0 0 1 0-2h4.3L16 7A7.2 7.2 0 0 0 7.7 6a7 7 0 0 0 3 13.1c1.9.1 3.7-.5 5-1.7a1 1 0 0 1 1.4 1.5A9.2 9.2 0 0 1 2.2 14c-.9-3.9 1-8 4.5-9.9 3.5-1.9 8-1.3 10.8 1.5L20 8Z" fill-rule="nonzero"/></svg>',rtl:'<svg width="24" height="24"><path d="M8 5h8v2h-2v12h-2V7h-2v12H8v-7c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 4.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L8 5Zm12 11.2a1 1 0 1 1-1 1.6l-3-2a1 1 0 0 1 0-1.6l3-2a1 1 0 1 1 1 1.6L18.4 15l1.8 1.2Z" fill-rule="evenodd"/></svg>',save:'<svg width="24" height="24"><path d="M5 16h14a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2Zm0 2v2h14v-2H5Zm10 0h2v2h-2v-2Zm-4-6.4L8.7 9.3a1 1 0 1 0-1.4 1.4l4 4c.4.4 1 .4 1.4 0l4-4a1 1 0 1 0-1.4-1.4L13 11.6V4a1 1 0 0 0-2 0v7.6Z" fill-rule="nonzero"/></svg>',search:'<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill-rule="nonzero"/></svg>',"select-all":'<svg width="24" height="24"><path d="M3 5h2V3a2 2 0 0 0-2 2Zm0 8h2v-2H3v2Zm4 8h2v-2H7v2ZM3 9h2V7H3v2Zm10-6h-2v2h2V3Zm6 0v2h2a2 2 0 0 0-2-2ZM5 21v-2H3c0 1.1.9 2 2 2Zm-2-4h2v-2H3v2ZM9 3H7v2h2V3Zm2 18h2v-2h-2v2Zm8-8h2v-2h-2v2Zm0 8a2 2 0 0 0 2-2h-2v2Zm0-12h2V7h-2v2Zm0 8h2v-2h-2v2Zm-4 4h2v-2h-2v2Zm0-16h2V3h-2v2ZM7 17h10V7H7v10Zm2-8h6v6H9V9Z" fill-rule="nonzero"/></svg>',selected:'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Zm3.6 10.9L7 12.3a.7.7 0 0 0-1 1L9.6 17 18 8.6a.7.7 0 0 0 0-1 .7.7 0 0 0-1 0l-7.4 7.3Z"/></svg>',send:'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="m13.3 22 7-18.3-18.3 7L9 15l4.3 7ZM18 6.8l-.7-.7L9.4 14l.7.7L18 6.8Z"/></svg>',settings:'<svg width="24" height="24"><path d="M11 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V8H5a1 1 0 1 1 0-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.5V6ZM8 8h2V6H8v2Zm9 2.8v.2h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v.3c0 .2 0 .3-.2.5l-.6.2h-2.4c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V13H5a1 1 0 0 1 0-2h8v-.3c0-.2 0-.3.2-.5l.6-.2h2.4c.3 0 .4 0 .6.2l.2.6ZM14 13h2v-2h-2v2Zm-3 2.8v.2h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6V18H5a1 1 0 0 1 0-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.6ZM8 18h2v-2H8v2Z" fill-rule="evenodd"/></svg>',sharpen:'<svg width="24" height="24"><path fill-rule="evenodd" d="m16 6 4 4-8 9-8-9 4-4h8Zm-4 10.2 5.5-6.2-.1-.1H12v-.3h5.1l-.2-.2H12V9h4.6l-.2-.2H12v-.3h4.1l-.2-.2H12V8h3.6l-.2-.2H8.7L6.5 10l.1.1H12v.3H6.9l.2.2H12v.3H7.3l.2.2H12v.3H7.7l.3.2h4v.3H8.2l.2.2H12v.3H8.6l.3.2H12v.3H9l.3.2H12v.3H9.5l.2.2H12v.3h-2l.2.2H12v.3h-1.6l.2.2H12v.3h-1.1l.2.2h.9v.3h-.7l.2.2h.5v.3h-.3l.3.2Z"/></svg>',sourcecode:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M9.8 15.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0l-4.4-4.1a.8.8 0 0 1 0-1.2l4.4-4.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L6 12l3.8 3.7ZM14.2 15.7c-.3.3-.3.8 0 1 .4.4.9.4 1.2 0l4.4-4.1c.3-.3.3-.9 0-1.2l-4.4-4.2a.8.8 0 0 0-1.2 0c-.3.3-.3.8 0 1.1L18 12l-3.8 3.7Z"/></g></svg>',"spell-check":'<svg width="24" height="24"><path d="M6 8v3H5V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h2c.3 0 .5.1.7.3.2.2.3.4.3.7v6H8V8H6Zm0-3v2h2V5H6Zm13 0h-3v5h3v1h-3a1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3v1Zm-5 1.5-.1.7c-.1.2-.3.3-.6.3.3 0 .5.1.6.3l.1.7V10c0 .3-.1.5-.3.7a1 1 0 0 1-.7.3h-3V4h3c.3 0 .5.1.7.3.2.2.3.4.3.7v1.5ZM13 10V8h-2v2h2Zm0-3V5h-2v2h2Zm3 5 1 1-6.5 7L7 15.5l1.3-1 2.2 2.2L16 12Z" fill-rule="evenodd"/></svg>',"strike-through":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M15.6 8.5c-.5-.7-1-1.1-1.3-1.3-.6-.4-1.3-.6-2-.6-2.7 0-2.8 1.7-2.8 2.1 0 1.6 1.8 2 3.2 2.3 4.4.9 4.6 2.8 4.6 3.9 0 1.4-.7 4.1-5 4.1A6.2 6.2 0 0 1 7 16.4l1.5-1.1c.4.6 1.6 2 3.7 2 1.6 0 2.5-.4 3-1.2.4-.8.3-2-.8-2.6-.7-.4-1.6-.7-2.9-1-1-.2-3.9-.8-3.9-3.6C7.6 6 10.3 5 12.4 5c2.9 0 4.2 1.6 4.7 2.4l-1.5 1.1Z"/><path d="M5 11h14a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z" fill-rule="nonzero"/></g></svg>',subscript:'<svg width="24" height="24"><path d="m10.4 10 4.6 4.6-1.4 1.4L9 11.4 4.4 16 3 14.6 7.6 10 3 5.4 4.4 4 9 8.6 13.6 4 15 5.4 10.4 10ZM21 19h-5v-1l1-.8 1.7-1.6c.3-.4.5-.8.5-1.2 0-.3 0-.6-.2-.7-.2-.2-.5-.3-.9-.3a2 2 0 0 0-.8.2l-.7.3-.4-1.1 1-.6 1.2-.2c.8 0 1.4.3 1.8.7.4.4.6.9.6 1.5s-.2 1.1-.5 1.6a8 8 0 0 1-1.3 1.3l-.6.6h2.6V19Z" fill-rule="nonzero"/></svg>',superscript:'<svg width="24" height="24"><path d="M15 9.4 10.4 14l4.6 4.6-1.4 1.4L9 15.4 4.4 20 3 18.6 7.6 14 3 9.4 4.4 8 9 12.6 13.6 8 15 9.4Zm5.9 1.6h-5v-1l1-.8 1.7-1.6c.3-.5.5-.9.5-1.3 0-.3 0-.5-.2-.7-.2-.2-.5-.3-.9-.3l-.8.2-.7.4-.4-1.2c.2-.2.5-.4 1-.5.3-.2.8-.2 1.2-.2.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.6 0 .5-.2 1-.5 1.5l-1.3 1.4-.6.5h2.6V11Z" fill-rule="nonzero"/></svg>',"table-caption":'<svg width="24" height="24"><g fill-rule="nonzero"><rect width="12" height="2" x="3" y="4" rx="1"/><path d="M19 8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8c0-1.1.9-2 2-2h14ZM5 15v3h6v-3H5Zm14 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></g></svg>',"table-cell-classes":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M13 4v9H3V6c0-1.1.9-2 2-2h8Zm-2 2H5v5h6V6Z"/><path fill-rule="nonzero" d="M13 4h6a2 2 0 0 1 2 2v7h-8v-2h6V6h-6V4Z" opacity=".2"/><path d="m18 20-2.6 1.6.7-3-2.4-2 3.1-.2 1.2-2.9 1.2 2.9 3.1.2-2.4 2 .7 3z"/><path fill-rule="nonzero" d="M3 13v5c0 1.1.9 2 2 2h8v-7h-2v5H5v-5H3Z" opacity=".2"/></g></svg>',"table-cell-properties":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9H5v5h6v-5Zm8 0h-6v5h6v-5Zm-8-7H5v5h6V6Z"/></svg>',"table-cell-select-all":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v12h14V6Z"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2Z" opacity=".2"/></g></svg>',"table-cell-select-inner":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v12h14V6Z" opacity=".2"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2Z"/></g></svg>',"table-classes":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v7h-8v7H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 9H5v5h6v-5Zm8-7h-6v5h6V6Zm-8 0H5v5h6V6Z"/><path d="m18 20-2.6 1.6.7-3-2.4-2 3.1-.2 1.2-2.9 1.2 2.9 3.1.2-2.4 2 .7 3z"/></g></svg>',"table-delete-column":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-4 4h-2V6h-2v2H9V6H5v12h4v-2h2v2h2v-2h2v2h4V6h-4v2Zm.3.5 1 1.2-3 2.3 3 2.3-1 1.2L12 13l-3.3 2.6-1-1.2 3-2.3-3-2.3 1-1.2L12 11l3.3-2.5Z"/></svg>',"table-delete-row":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 2H5v3h2.5v2H5v2h2.5v2H5v3h14v-3h-2.5v-2H19v-2h-2.5V9H19V6Zm-4.7 1.8 1.2 1L13 12l2.6 3.3-1.2 1-2.3-3-2.3 3-1.2-1L11 12 8.5 8.7l1.2-1 2.3 3 2.3-3Z"/></svg>',"table-delete-table":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 6v12h14V6H5Z"/><path d="m14.4 8.6 1.1 1-2.4 2.4 2.4 2.4-1.1 1.1-2.4-2.4-2.4 2.4-1-1.1 2.3-2.4-2.3-2.4 1-1 2.4 2.3z"/></g></svg>',"table-insert-column-after":'<svg width="24" height="24"><path fill-rule="nonzero" d="M20 4c.6 0 1 .4 1 1v2a1 1 0 0 1-2 0V6h-8v12h8v-1a1 1 0 0 1 2 0v2c0 .5-.4 1-.9 1H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h15ZM9 13H5v5h4v-5Zm7-5c.5 0 1 .4 1 .9V11h2a1 1 0 0 1 .1 2H17v2a1 1 0 0 1-2 .1V13h-2a1 1 0 0 1-.1-2H15V9c0-.6.4-1 1-1ZM9 6H5v5h4V6Z"/></svg>',"table-insert-column-before":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v1h8V6H5v1a1 1 0 1 1-2 0V5c0-.6.4-1 1-1h15Zm0 9h-4v5h4v-5ZM8 8c.5 0 1 .4 1 .9V11h2a1 1 0 0 1 .1 2H9v2a1 1 0 0 1-2 .1V13H5a1 1 0 0 1-.1-2H7V9c0-.6.4-1 1-1Zm11-2h-4v5h4V6Z"/></svg>',"table-insert-row-above":'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4a1 1 0 1 1 0 2H5v6h14V6h-1a1 1 0 0 1 0-2h2c.6 0 1 .4 1 1v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-.6.4-1 1-1h2Zm5 10H5v4h6v-4Zm8 0h-6v4h6v-4ZM12 3c.5 0 1 .4 1 .9V6h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 .1V8H9a1 1 0 0 1 0-2h2V4c0-.6.4-1 1-1Z"/></svg>',"table-insert-row-after":'<svg width="24" height="24"><path fill-rule="nonzero" d="M12 13c.5 0 1 .4 1 .9V16h2a1 1 0 0 1 .1 2H13v2a1 1 0 0 1-2 .1V18H9a1 1 0 0 1-.1-2H11v-2c0-.6.4-1 1-1Zm6 7a1 1 0 0 1 0-2h1v-6H5v6h1a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1V6c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v13c0 .5-.4 1-.9 1H18ZM11 6H5v4h6V6Zm8 0h-6v4h6V6Z"/></svg>',"table-left-header":'<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm0 9h-4v5h4v-5Zm-6 0H9v5h4v-5Zm0-7H9v5h4V6Zm6 0h-4v5h4V6Z"/></svg>',"table-merge-cells":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 15.5V18h3v-2.5H5Zm14-5h-9V18h9v-7.5ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Zm-8 7.5h3v-3H5v3Z"/></svg>',"table-row-numbering-rtl":'<svg width="24" height="24"><path d="M6 4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6Zm0 12h8v3H6v-3Zm11 0c.6 0 1 .4 1 1v1a1 1 0 0 1-2 0v-1c0-.6.4-1 1-1ZM6 11h8v3H6v-3Zm11 0c.6 0 1 .4 1 1v1a1 1 0 0 1-2 0v-1c0-.6.4-1 1-1ZM6 6h8v3H6V6Zm11 0c.6 0 1 .4 1 1v1a1 1 0 1 1-2 0V7c0-.6.4-1 1-1Z"/></svg>',"table-row-numbering":'<svg width="24" height="24"><path d="M18 4a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h12Zm0 12h-8v3h8v-3ZM7 16a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1Zm11-5h-8v3h8v-3ZM7 11a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1Zm11-5h-8v3h8V6ZM7 6a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0V7c0-.6-.4-1-1-1Z"/></svg>',"table-row-properties":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 15v3h6v-3H5Zm14 0h-6v3h6v-3Zm0-9h-6v3h6V6ZM5 9h6V6H5v3Z"/></svg>',"table-split-cells":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM8 15.5H5V18h3v-2.5Zm11-5h-9V18h9v-7.5Zm-2.5 1 1 1-2 2 2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2Zm-8.5-1H5v3h3v-3ZM19 6h-4v2.5h4V6ZM8 6H5v2.5h3V6Zm5 0h-3v2.5h3V6Z"/></svg>',"table-top-header":'<svg width="24" height="24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14Zm-8 11H5v3h6v-3Zm8 0h-6v3h6v-3Zm0-5h-6v3h6v-3ZM5 13h6v-3H5v3Z"/></svg>',table:'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14ZM5 14v4h6v-4H5Zm14 0h-6v4h6v-4Zm0-6h-6v4h6V8ZM5 12h6V8H5v4Z"/></svg>',"template-add":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 12v4H5a2 2 0 0 0-2 2v3h9.3a6 6 0 0 1-.3-2H5v-1h7a6 6 0 0 1 .8-2H11v-5l-.8-.6a3 3 0 1 1 3.6 0l-.8.6v4.7a6 6 0 0 1 2-1.9V12a5 5 0 1 0-6 0Z"/><path d="M18 15c.5 0 1 .4 1 .9V18h2a1 1 0 0 1 .1 2H19v2a1 1 0 0 1-2 .1V20h-2a1 1 0 0 1-.1-2H17v-2c0-.6.4-1 1-1Z"/></svg>',template:'<svg width="24" height="24"><path d="M19 19v-1H5v1h14ZM9 16v-4a5 5 0 1 1 6 0v4h4a2 2 0 0 1 2 2v3H3v-3c0-1.1.9-2 2-2h4Zm4 0v-5l.8-.6a3 3 0 1 0-3.6 0l.8.6v5h2Z" fill-rule="nonzero"/></svg>',"temporary-placeholder":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M9 7.6V6h2.5V4.5a.5.5 0 1 1 1 0V6H15v1.6a8 8 0 1 1-6 0Zm-2.6 5.3a.5.5 0 0 0 .3.6c.3 0 .6 0 .6-.3l.1-.2a5 5 0 0 1 3.3-2.8c.3-.1.4-.4.4-.6-.1-.3-.4-.5-.6-.4a6 6 0 0 0-4.1 3.7Z"/><circle cx="14" cy="4" r="1"/><circle cx="12" cy="2" r="1"/><circle cx="10" cy="4" r="1"/></g></svg>',"text-color":'<svg width="24" height="24"><g fill-rule="evenodd"><path class="tox-icon-text-color__color" d="M3 18h18v3H3z"/><path d="M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z"/></g></svg>',"text-size-decrease":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM14 12a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"/></svg>',"text-size-increase":'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H4a1 1 0 0 1 0-2h10ZM17 9a1 1 0 0 0-1 1v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2c0-.6-.4-1-1-1Z"/></svg>',toc:'<svg width="24" height="24"><path d="M5 5c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm0-4c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 1 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 0 1 0-2Zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',translate:'<svg width="24" height="24"><path d="m12.7 14.3-.3.7-.4.7-2.2-2.2-3.1 3c-.3.4-.8.4-1 0a.7.7 0 0 1 0-1l3.1-3A12.4 12.4 0 0 1 6.7 9H8a10.1 10.1 0 0 0 1.7 2.4c.5-.5 1-1.1 1.4-1.8l.9-2H4.7a.7.7 0 1 1 0-1.5h4.4v-.7c0-.4.3-.8.7-.8.4 0 .7.4.7.8v.7H15c.4 0 .8.3.8.7 0 .4-.4.8-.8.8h-1.4a12.3 12.3 0 0 1-1 2.4 13.5 13.5 0 0 1-1.7 2.3l1.9 1.8Zm4.3-3 2.7 7.3a.5.5 0 0 1-.4.7 1 1 0 0 1-1-.7l-.6-1.5h-3.4l-.6 1.5a1 1 0 0 1-1 .7.5.5 0 0 1-.4-.7l2.7-7.4a1 1 0 0 1 2 0Zm-2.2 4.4h2.4L16 12.5l-1.2 3.2Z" fill-rule="evenodd"/></svg>',typography:'<svg width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 5a1 1 0 1 1 0 2h-4v11a1 1 0 1 1-2 0V7H7a1 1 0 0 1 0-2h10Z"/><path d="m17.5 14 .8-1.7 1.7-.8-1.7-.8-.8-1.7-.8 1.7-1.7.8 1.7.8.8 1.7ZM7 14l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2Z"/></svg>',underline:'<svg width="24" height="24"><path d="M16 5c.6 0 1 .4 1 1v5.5a4 4 0 0 1-.4 1.8l-1 1.4a5.3 5.3 0 0 1-5.5 1 5 5 0 0 1-1.6-1c-.5-.4-.8-.9-1.1-1.4a4 4 0 0 1-.4-1.8V6c0-.6.4-1 1-1s1 .4 1 1v5.5c0 .3 0 .6.2 1l.6.7a3.3 3.3 0 0 0 2.2.8 3.4 3.4 0 0 0 2.2-.8c.3-.2.4-.5.6-.8l.2-.9V6c0-.6.4-1 1-1ZM8 17h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Z" fill-rule="evenodd"/></svg>',undo:'<svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"/></svg>',unlink:'<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 0 1 1.4 1.4l-2 2a2 2 0 1 0 2.6 2.8l4.8-4.8a1 1 0 0 0 0-1.4 1 1 0 1 1 1.4-1.3 2.9 2.9 0 0 1 0 4L9.6 20a3.9 3.9 0 0 1-5.5-5.5l2-2Zm11.6-.6a1 1 0 0 1-1.4-1.4l2.1-2a2 2 0 1 0-2.7-2.8L11 10.3a1 1 0 0 0 0 1.4A1 1 0 1 1 9.6 13a2.9 2.9 0 0 1 0-4L14.4 4a3.9 3.9 0 0 1 5.5 5.5l-2 2ZM7.6 6.3a.8.8 0 0 1-1 1.1L3.3 4.2a.7.7 0 1 1 1-1l3.2 3.1ZM5.1 8.6a.8.8 0 0 1 0 1.5H3a.8.8 0 0 1 0-1.5H5Zm5-3.5a.8.8 0 0 1-1.5 0V3a.8.8 0 0 1 1.5 0V5Zm6 11.8a.8.8 0 0 1 1-1l3.2 3.2a.8.8 0 0 1-1 1L16 17Zm-2.2 2a.8.8 0 0 1 1.5 0V21a.8.8 0 0 1-1.5 0V19Zm5-3.5a.7.7 0 1 1 0-1.5H21a.8.8 0 0 1 0 1.5H19Z" fill-rule="nonzero"/></svg>',unlock:'<svg width="24" height="24"><path d="M16 5c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h-2V8a1 1 0 0 0-.3-.7A1 1 0 0 0 16 7h-2a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v3h.3c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H4.8c-.3 0-.4 0-.6-.2a.7.7 0 0 1-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H11V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2Z" fill-rule="evenodd"/></svg>',"unordered-list":'<svg width="24" height="24"><path d="M11 5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2ZM4.5 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1Z" fill-rule="evenodd"/></svg>',unselected:'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2Zm0 1a1 1 0 0 0-1 1v12c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H6Z"/></svg>',upload:'<svg width="24" height="24"><path d="M18 19v-2a1 1 0 0 1 2 0v3c0 .6-.4 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v2h12ZM11 6.4 8.7 8.7a1 1 0 0 1-1.4-1.4l4-4a1 1 0 0 1 1.4 0l4 4a1 1 0 1 1-1.4 1.4L13 6.4V16a1 1 0 0 1-2 0V6.4Z" fill-rule="nonzero"/></svg>',"add-file":'<svg height="24" width="24"><path d="M2 7h2V4h3V2H4a2 2 0 0 0-2 2zm20 0h-2V4h-3V2h3a2 2 0 0 1 2 2zm0 2h-2v6h2zm0 8h-2v3h-3v2h3a2 2 0 0 0 2-2zM2 9h2v6H2zm0 8h2v3h3v2H4a2 2 0 0 1-2-2zm7 5v-2h6v2zm6-20v2H9V2zM6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M2 7h2V4h3V2H4a2 2 0 0 0-2 2zm20 0h-2V4h-3V2h3a2 2 0 0 1 2 2zm0 2h-2v6h2zm0 8h-2v3h-3v2h3a2 2 0 0 0 2-2zM2 9h2v6H2zm0 8h2v3h3v2H4a2 2 0 0 1-2-2zm7 5v-2h6v2zm6-20v2H9V2zM6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/><path d="M6 17h12l-4-5-3 3.8-2-2.6z"/></svg>',adjustments:'<svg width="24" height="24"><path d="M16 11a3 3 0 1 1 2.8-4H21v2h-2.2a3 3 0 0 1-2.8 2Zm0-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM3 9h8V7H3v2Zm5 10a3 3 0 1 0-2.8-4H3v2h2.2A3 3 0 0 0 8 19Zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13 0h-8v-2h8v2Z"/></svg>',"alt-text":'<svg width="24" height="24"><path d="M3 20a2 2 0 0 1-1.4-.6A2 2 0 0 1 1 18V6c0-.6.2-1 .6-1.4A2 2 0 0 1 3 4h18c.6 0 1 .2 1.4.6.4.4.6.9.6 1.4v12c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6H3Zm0-2h18V6H3v12Zm1.5-3H6v-1.5h1.5V15H9v-5a1 1 0 0 0-.3-.7A1 1 0 0 0 8 9H5.5a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v5ZM6 12v-1.5h1.5V12H6Z"/><path d="M11 15V9h1.3v4.5h2V15H11Zm5.8-4.5V15h1.4v-4.5h1.3V9h-4v1.5h1.3Z"/></svg>',"auto-image-enhancement":'<svg width="24" height="24"><path d="M7.7 10.6a5.8 5.8 0 0 0 5.7 5.7A5.8 5.8 0 0 0 7.7 22 5.8 5.8 0 0 0 2 16.3a5.8 5.8 0 0 0 5.7-5.7ZM15.5 2c.3 3 3.3 6 6.5 6.4-3.2.5-6.2 3.4-6.5 6.5-.3-3.4-3-6-6.4-6.5 3.3-.5 6.1-3 6.4-6.4Z"/></svg>',blur:'<svg width="24" height="24"><path d="M19.3 9.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7A1 1 0 0 0 20 9a1 1 0 0 0-.7.3Zm-16 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3A1 1 0 0 0 5 10a1 1 0 0 0-.3-.7A1 1 0 0 0 4 9a1 1 0 0 0-.7.3Zm16 6a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3Zm-16 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3A1 1 0 0 0 5 16a1 1 0 0 0-.3-.7A1 1 0 0 0 4 15a1 1 0 0 0-.7.3Zm5-11A1 1 0 0 0 8 5a1 1 0 0 0 1 1c.3 0 .5-.1.7-.3A1 1 0 0 0 10 5a1 1 0 0 0-.3-.7A1 1 0 0 0 9 4a1 1 0 0 0-.7.3Zm6 0a1 1 0 0 0-.3.7 1 1 0 0 0 1 1c.3 0 .5-.1.7-.3A1 1 0 0 0 16 5a1 1 0 0 0-.3-.7A1 1 0 0 0 15 4a1 1 0 0 0-.7.3Zm-6 16a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7A1 1 0 0 0 9 20a1 1 0 0 0-.7.3Zm6 0a1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3s.5-.1.7-.3a1 1 0 0 0 .3-.7 1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3ZM7.6 8.6A2 2 0 0 0 7 10c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 9 8a2 2 0 0 0-1.4.6Zm0 6A2 2 0 0 0 7 16c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 9 14a2 2 0 0 0-1.4.6Zm6-6A2 2 0 0 0 13 10c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 15 8a2 2 0 0 0-1.4.6Zm0 6A2 2 0 0 0 13 16c0 .6.2 1 .6 1.4.4.4.8.6 1.4.6s1-.2 1.4-.6c.4-.4.6-.8.6-1.4s-.2-1-.6-1.4A2 2 0 0 0 15 14a2 2 0 0 0-1.4.6Z"/></svg>',box:'<svg width="24" height="24"><path d="M3.8 7a1 1 0 0 0-.7.6l-.1 3V13.8a3.5 3.5 0 0 0 4 2.7c.8-.2 1.4-.5 2-1l.3-.3.3.2c.7.7 1.4 1 2.4 1.1 1.2 0 2.4-.6 3-1.6.9-1.2.8-2.8 0-4a3.7 3.7 0 0 0-2-1.2c-.4-.1-1.2-.1-1.6 0a3.4 3.4 0 0 0-1.7 1l-.3.2-.2-.1c-.4-.5-1.2-1-2-1.1-.6-.2-1.5 0-2 .2H5V9c0-1.3 0-1.3-.3-1.6a1 1 0 0 0-1-.3Zm12 2.6c-.3.2-.5.4-.6.8v.6l.9 1 .7 1v.1l-.8 1-.7 1a1 1 0 0 0 0 .7 1 1 0 0 0 1.3.6c.2 0 .3-.2 1-1l.5-.7.6.8.7.8c.4.3 1 .3 1.3 0l.2-.3a1 1 0 0 0 0-.8l-.8-1.2-.7-1a26 26 0 0 0 1.5-2 .8.8 0 0 0 .1-.4c0-.4-.1-.7-.5-.9H20c-.4 0-.5 0-1.2.8l-.7.8-.6-.7-.7-.9a1 1 0 0 0-1 0Zm-9 2 .4.1c.3.1.6.5.7.8l.1.6v.6c-.6 1-2 1.2-2.7.3-.3-.3-.3-.5-.3-1v-.5c.3-.5.7-.8 1.1-1a1.5 1.5 0 0 1 .7 0Zm5.7 0c.4 0 .8.4 1 .8l.2.6-.1.7c-.5.9-1.6 1.1-2.4.6a1.4 1.4 0 0 1-.6-1.1 1.4 1.4 0 0 1 .5-1.2 1.5 1.5 0 0 1 1.4-.4Z"/></svg>',camera:'<svg height="24" width="24"><g clip-rule="evenodd" fill-rule="evenodd"><path d="M10 5.4a1 1 0 0 1 .8-.4h4.4a1 1 0 0 1 .8.4l1.2 1.8h2.3A2.5 2.5 0 0 1 22 9.6v8a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 4 17.6v-8a2.5 2.5 0 0 1 2.5-2.4h2.3zM11.4 7l-1.2 1.7a1 1 0 0 1-.8.5h-3a.5.5 0 0 0-.4.4v8a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.4h-2.9a1 1 0 0 1-.8-.5L14.6 7z"/><path d="M13 11.4a2 2 0 1 0 0 3.8 2 2 0 0 0 0-3.8zm-4 1.9a4 4 0 1 1 8 0 4 4 0 0 1-8 0z"/></g></svg>',caption:'<svg height="24" width="24"><path d="M6 16h8v-2H6zm10 0h2v-2h-2zM4 20a2 2 0 0 1-1.5-.6A2 2 0 0 1 2 18V6c0-.6.2-1 .6-1.4A2 2 0 0 1 4 4h16c.6 0 1 .2 1.4.6.4.4.6.9.6 1.4v12c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6zm0-2h16V6H4z"/></svg>',dropbox:'<svg height="24" width="24"><path clip-rule="evenodd" d="m6.4 9.3-3-2a1 1 0 0 1 0-1.6l4-2.5a1 1 0 0 1 1 0L12 5.5l3.6-2.3a1 1 0 0 1 1 0l4 2.5a1 1 0 0 1 0 1.7l-3 1.9 3 1.9a1 1 0 0 1 0 1.6l-2.9 1.9V16c0 .3-.1.6-.4.8l-4.5 3a1 1 0 0 1-1.2 0l-4.4-3a1 1 0 0 1-.5-.9v-1l-3.2-2.2a1 1 0 0 1 0-1.6zm3 0L12 7.5l2.6 1.8L12 11zM8.9 15v.4l3.3 2.3 3.4-2.3v-.2L12 13l-3.1 2zm-1-10-2 1.4 2 1.3 2-1.3zm8.2 0-2 1.4 2 1.3 2-1.3zm-2 6.9 2-1.3 2 1.3-2 1.3-2-1.3zm-8.3 0 2-1.3L10 12l-2 1.3-2-1.3z" fill-rule="evenodd"/></svg>',evernote:'<svg width="24" height="24"><path fill-rule="evenodd" d="m9.5 3-.3.1-2.6 2.6C3.8 8.5 4 8.2 4 8.7c0 1.3.3 3 .6 4.3.5 2 1.1 3.2 2 3.7l1.2.3c1 .2 1.5.2 2.2.2 1.3 0 1.7 0 2.2-.4.3-.2.3-.4.4-1a38.4 38.4 0 0 1 .3-.4l.3.1 1.8.1h1.6v-1.8H14l-.1-.2a6.8 6.8 0 0 1-.5-1c-.2-.4-.3-.6-.5-.7a.8.8 0 0 0-.5-.1.9.9 0 0 0-.8.5l-.4 1.6-.3 1.5H9.4l-2-.3a1 1 0 0 1-.1-.2A10.1 10.1 0 0 1 6 9.7v-.2h4l.5-.5V5H12c.4.2.7.7.8 1.1a1 1 0 0 0 .2.6c.2.2.3.2 1 .3 1.2 0 2 .2 2.5.6.4.2.8.7 1 1.2.3 1.2.5 4 .3 6.4 0 1.8-.4 3.4-.8 4h-.7a8 8 0 0 1-.8 0c-.2 0-.3-.3-.2-.5a.5.5 0 0 1 .4-.3h.9v-1.8H16c-.7 0-.9 0-1.2.2-.9.4-1.4 1.2-1.4 2.1l.1.4.1.2a1 1 0 0 1 .1.2c.3.7.8 1.2 1.4 1.3l1.2.1h1.2a2 2 0 0 0 1-.8 9 9 0 0 0 1.1-4.3c.2-3 0-6.3-.4-7.7A4.3 4.3 0 0 0 16 5.3a7 7 0 0 0-1.3-.2 7.2 7.2 0 0 1-.4 0 5.5 5.5 0 0 1 0-.3c-.2-.5-.6-1-1.2-1.4a3 3 0 0 0-.5-.2c-.4-.2-.5-.2-1.8-.2a26.5 26.5 0 0 0-1.3 0Zm-.8 4v.7H7.2l.7-.8.8-.7v.7Zm7 3.5c-.4 0-.7.5-.9 1v.7h.3c.7 0 1.1.2 1.5.6l.3.2.3-.6V11a1 1 0 0 0-.6-.4 2 2 0 0 0-.8 0Z" clip-rule="evenodd"/></svg>',exposure:'<svg width="24" height="24"><path d="M5 21a2 2 0 0 1-1.4-.6A2 2 0 0 1 3 19V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5 3h14c.6 0 1 .2 1.4.6.4.4.6.8.6 1.4v14c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6H5Zm0-2h14V5L5 19Zm9.5-1v-2h-2v-1.5h2v-2H16v2h2V16h-2v2h-1.5ZM6 8.5h5V7H6v1.5Z"/></svg>',fb:'<svg width="24" height="24"><path fill-rule="evenodd" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-11 6.7V14H8.1v-2.5h2v-1C10 8.2 11.5 7 12.8 7H16v2.5h-2.4c-.8 0-1 .7-1 1.3v.7h3.2l-1 2.5h-2v5a7 7 0 1 0-2.8-.2Z" clip-rule="evenodd"/></svg>',flickr:'<svg width="24" height="24"><path d="M8.2 15.3c1.7 0 3.1-1.4 3.1-3.1A3.2 3.2 0 0 0 8.1 9 3.2 3.2 0 0 0 5 12.2c0 1.7 1.4 3 3.2 3Zm7.6 0c1.7 0 3.2-1.4 3.2-3.1a3.2 3.2 0 0 0-6.3 0c0 1.7 1.4 3 3.1 3Z"/></svg>',folder:'<svg width="24" height="24"><path fill-rule="evenodd" d="M5.6 6a.6.6 0 0 0-.6.6v11.2a.6.6 0 0 0 .6.6h12.8a.6.6 0 0 0 .6-.6V9a.6.6 0 0 0-.6-.6h-7.2a1 1 0 0 1-.8-.4L9 6H5.6ZM3.8 4.8A2.6 2.6 0 0 1 5.6 4h4a1 1 0 0 1 .8.4l1.3 2h6.7A2.6 2.6 0 0 1 21 9v8.8a2.6 2.6 0 0 1-2.6 2.6H5.6A2.6 2.6 0 0 1 3 17.8V6.6c0-.7.3-1.4.8-1.8Z" clip-rule="evenodd"/></svg>',"google-drive":'<svg height="24" width="24"><path clip-rule="evenodd" d="M8.7 4.5a1 1 0 0 1 .9-.5h4.8a1 1 0 0 1 .9.5l5.6 9.7a1 1 0 0 1 0 1l-2.4 4.2a1 1 0 0 1-.9.5H6.4a1 1 0 0 1-.9-.5l-2.4-4.2a1 1 0 0 1 0-1zM10.2 6l-4.5 7.7h2.5L12.7 6h-2.5zm4.2 1 4.4 7.7-1.2 2.2-4.4-7.7zM12 11.2l-1.5 2.5h3zm2.6 4.5H5.7L7 17.9h8.9l-1.3-2.2z" fill-rule="evenodd"/></svg>',"google-photos":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12.4 3c-.8 0-1.4.7-1.4 1.4v3.2a5 5 0 0 0-8 4c0 .8.6 1.4 1.4 1.4h3.2a5 5 0 0 0-1 3 5 5 0 0 0 5 5c.8 0 1.4-.6 1.4-1.4v-3.2a5 5 0 0 0 8-4c0-.8-.7-1.4-1.4-1.4h-3.2a5 5 0 0 0-4-8Zm.6 8V5a3 3 0 0 1 2.4 3 3 3 0 0 1-2.4 3Zm-2 0H5a3 3 0 0 1 3-2.4 3 3 0 0 1 3 2.4Zm2 2a3 3 0 0 0 3 2.4 3 3 0 0 0 3-2.4h-6Zm-4.4 3a3 3 0 0 1 2.4-3v6a3 3 0 0 1-2.4-3Z" clip-rule="evenodd"/></svg>',grayscale:'<svg height="24" width="24"><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12.4 0H19v3.6zm-2.8 0h-2.2l8.6 8.6v-2.2zm-5 0H5l14 14v-2.6z" fill-rule="evenodd"/></svg>',huddle:'<svg height="24" width="24"><path d="M10.3 5.6V8h.8v-2l3.5 2 4.3-2.5L14.6 3l-4.3 2.6zM14.6 8v5.2l4.3-2.6V5.6L14.6 8zM6 13.3v2.5h.9v-2l3.4 2 4.3-2.5-4.3-2.6zm4.3 2.6V21l4.3-2.6v-5.1l-4.3 2.6z"/></svg>',"image-decorative":'<svg width="24" height="24"><path d="M12 10c.3 0 .5-.1.7-.3A1 1 0 0 0 13 9a1 1 0 0 0-.3-.7A1 1 0 0 0 12 8a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7 1 1 0 0 0 1 1Zm0 6a3 3 0 0 1-1.8-.5A3 3 0 0 1 9.1 14a2 2 0 0 0-.2 0 3 3 0 0 1-2.5-1 3 3 0 0 1-.9-2.2A3 3 0 0 1 6.2 9a3.4 3.4 0 0 1-.5-1 3 3 0 0 1-.2-1 3 3 0 0 1 1-2.2A3 3 0 0 1 8.8 4H9a3 3 0 0 1 1.1-1.4A3 3 0 0 1 12 2a3 3 0 0 1 1.8.5c.5.4.9.9 1.1 1.5h.2a3 3 0 0 1 2.5.8 3 3 0 0 1 .9 2.3c0 .3 0 .7-.2 1a2.8 2.8 0 0 1-.5.9l.5 1 .2 1a3 3 0 0 1-1 2.2 3 3 0 0 1-2.4.9 1.8 1.8 0 0 0-.2 0 3 3 0 0 1-1.1 1.4 3 3 0 0 1-1.8.5Zm0 7a8.7 8.7 0 0 1 .7-3.5 9.2 9.2 0 0 1 2-2.8 9.2 9.2 0 0 1 2.8-2A8.6 8.6 0 0 1 21 14a8.6 8.6 0 0 1-.7 3.5 9.2 9.2 0 0 1-2 2.8 9.2 9.2 0 0 1-2.8 2 8.6 8.6 0 0 1-3.5.7Zm2.5-2.5a6.8 6.8 0 0 0 2.4-1.5 6.8 6.8 0 0 0 1.7-2.6c-1 .4-1.8 1-2.6 1.7a6.8 6.8 0 0 0-1.5 2.4ZM12 23a8.6 8.6 0 0 0-.7-3.5 9.2 9.2 0 0 0-2-2.9 9.2 9.2 0 0 0-2.8-1.9A8.6 8.6 0 0 0 3 14a8.7 8.7 0 0 0 .7 3.5 9.2 9.2 0 0 0 2 2.9 9.2 9.2 0 0 0 2.8 1.9 8.6 8.6 0 0 0 3.5.7Zm-2.5-2.5A6.8 6.8 0 0 1 7.2 19a6.8 6.8 0 0 1-1.6-2.6c.9.4 1.7 1 2.5 1.7a6.8 6.8 0 0 1 1.6 2.4Zm5.9-8.4c.3 0 .5-.1.8-.4.2-.2.3-.5.3-.8 0-.2 0-.4-.2-.6a1.3 1.3 0 0 0-.5-.4l-.8-.4a3 3 0 0 1-.2.5 3.8 3.8 0 0 1-.2.5 2.5 2.5 0 0 1-.3.4 4 4 0 0 1-.4.4l.8.6a.8.8 0 0 0 .3.1h.4ZM15 8.5l.8-.4.5-.4.2-.6a1.1 1.1 0 0 0-.3-.8 1 1 0 0 0-.8-.4 1.1 1.1 0 0 0-.7.2l-.8.6.4.4.3.4a3.9 3.9 0 0 1 .4 1Zm-4-2.3a2.7 2.7 0 0 1 1-.2 2.7 2.7 0 0 1 1 .2l.2-1.1c0-.3-.1-.6-.4-.8A1.2 1.2 0 0 0 12 4c-.3 0-.6.1-.8.3-.3.2-.4.5-.3.8v1.1Zm1 7.8c.3 0 .6-.1.8-.3.3-.2.4-.5.3-.8v-1.1a2.7 2.7 0 0 1-1.1.2 2.7 2.7 0 0 1-1-.2l-.2 1.1c0 .3.1.6.4.8.2.2.5.3.8.3ZM9 8.5a3 3 0 0 1 .4-1l.3-.4.4-.4-.8-.6A.9.9 0 0 0 9 6a1.2 1.2 0 0 0-.3 0c-.4 0-.6 0-.9.3a1.1 1.1 0 0 0-.3.8c0 .2 0 .4.2.6l.5.4.9.4Zm-.3 3.6H9l.3-.2.8-.6a5.5 5.5 0 0 1-.4-.4 2.1 2.1 0 0 1-.3-.4 3.8 3.8 0 0 1-.2-.5 3 3 0 0 1-.1-.5l-1 .4-.4.4a1.1 1.1 0 0 0-.2.6c0 .3.2.6.4.8.2.2.4.4.7.4Z"/></svg>',"image-enhancements":'<svg height="24" width="24"><path d="M5.3 21a2 2 0 0 1-1.5-.6 2 2 0 0 1-.6-1.4V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5.2 3H13v2H5.2v14h14v-8h2v8c0 .6-.1 1-.5 1.4a2 2 0 0 1-1.4.6z"/><path d="M11 9a4 4 0 0 0 4 4 4 4 0 0 0-4 4 4 4 0 0 0-4-4 4 4 0 0 0 4-4zm5.5-6c.2 2.1 2.2 4.1 4.5 4.5-2.3.4-4.3 2.4-4.5 4.5A5.2 5.2 0 0 0 12 7.5 5.2 5.2 0 0 0 16.5 3z"/></svg>',instagram:'<svg height="24" width="24"><path clip-rule="evenodd" d="M10.1 9a4 4 0 1 1 4.4 6.6A4 4 0 0 1 10.1 9zm2.2 1.3a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill-rule="evenodd"/><path d="M16 9.3a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6z"/><path clip-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z" fill-rule="evenodd"/></svg>',onedrive:'<svg height="24" width="24"><path d="M4 13.7h1zm16 .7h-1zm-11.7-4A4.4 4.4 0 0 1 12.1 8V6a6.4 6.4 0 0 0-5.6 3.4l1.8 1zM12.1 8c2 0 3.6 1.4 4 2.8l2-.5A6.3 6.3 0 0 0 12 6v2zm8.1 6.8-9.8-5.5-1 1.8 9.8 5.5 1-1.8zm-9.8-5.5A5 5 0 0 0 3 13.7h2A3 3 0 0 1 9.5 11l1-1.8zM3 13.7a5 5 0 0 0 1 2.8l1.5-1.1a3 3 0 0 1-.5-1.7zm15.8 1.6a2.3 2.3 0 0 1-2 1.4v2a4.3 4.3 0 0 0 3.9-2.6zm-2 1.4H8v2h8.7zm-8.8 0a3 3 0 0 1-2.5-1.3L4 16.5a5 5 0 0 0 4 2.2v-2zm12.7-.6c.2-.6.3-1.1.3-1.7h-2c0 .3 0 .6-.2.9zm.3-1.7c0-3-3.1-5.1-6-4l.8 1.9a2.3 2.3 0 0 1 3.2 2h2zm-6-4L4.4 15l.8 1.9 10.7-4.6-.7-1.8z"/></svg>',"photo-filter":'<svg height="24" width="24"><path d="M4.4 21c-.3 0-.6-.2-.9-.5-.3-.3-.4-.6-.5-.9L19.6 3c.3 0 .6.3.9.5l.5.9zM3 14.7v-2.8L11.9 3h2.8zM3 7V5c0-.6.2-1 .6-1.4A2 2 0 0 1 5 3h2zm14 14 4-4v2c0 .6-.2 1-.6 1.4a2 2 0 0 1-1.4.6zm-7.7 0L21 9.3v2.8L12 21z"/></svg>',"revert-changes":'<svg height="24" width="24"><path d="m8.9 18.8.4 3.2H13v-2h-2v-2.6a4.6 4.6 0 0 1-1.6-.6 5.9 5.9 0 0 1-1.3-1l-2.5 1-1-1.7 2.2-1.6a4 4 0 0 1-.2-.7 5.9 5.9 0 0 1 0-.8v-.8l.2-.8-2.2-1.6 1-1.7 2.5 1a6 6 0 0 1 1.2-.9l1.4-.6.4-2.6h2l.3 2.6A5.6 5.6 0 0 1 16 8.2l2.5-1 1 1.6-2.2 1.7.2.7v.8a5 5 0 0 1 0 1h2a2.6 2.6 0 0 0 0-.5V11.3l2.6-2-2.8-4.7-3 1.3a8.2 8.2 0 0 0-.5-.4 3.8 3.8 0 0 0-.6-.3L14.8 2H9.3l-.4 3.2a5 5 0 0 0-1.2.7l-3-1.3L2 9.4l2.6 2V12.6l-2.6 2 2.7 4.7 3-1.3a8 8 0 0 0 1.2.7z"/><path d="m14.5 20.3 2.1-2-2.1-2.2 1.4-1.4 2.1 2.1 2.1-2 1.4 1.3-2 2.1 2 2.1-1.4 1.4-2.1-2-2.1 2zM12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>',saturation:'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 20.5a6 6 0 1 1-5.9-10.2 6 6 0 1 1 11.8 0A6 6 0 1 1 12 20.5Zm-1.1-7.7a6 6 0 0 0-.2.3 4.3 4.3 0 0 1-2-1.3c.9.1 1.6.5 2.2 1Zm2.4.3a6 6 0 0 0-.2-.3 4.3 4.3 0 0 1 2.2-1 4.3 4.3 0 0 1-2 1.3ZM12.2 15a6.3 6.3 0 0 1-.4 0 4.3 4.3 0 0 0 .2 2.5 4.3 4.3 0 0 0 .2-2.5Zm.9 4.2a6 6 0 0 0 .8-4.5 6 6 0 0 0 3.4-2.8 4.3 4.3 0 0 1-1.3 8.4 4.3 4.3 0 0 1-2.9-1.1Zm-2.2 0a4.3 4.3 0 1 1-4.2-7.3 6 6 0 0 0 3.4 2.8 6 6 0 0 0 .8 4.5Zm-3-9.2a4.3 4.3 0 1 1 8.3 0 6 6 0 0 0-4.2 1.5A6 6 0 0 0 7.8 10Z"/></svg>',"transform-image":'<svg height="24" width="24"><path d="M3 21v-6h2V9H3V3h6v2h6V3h6v6h-2v6h2v6h-6v-2H9v2zm6-4h6v-2h2V9h-2V7H9v2H7v6h2zM5 7h2V5H5zm12 0h2V5h-2zm0 12h2v-2h-2zM5 19h2v-2H5z"/></svg>',vibrance:'<svg height="24" width="24"><path d="M12 20 22 4H2zm2.6-8 1.3-2H8l1.3 2h5.2zm-1.2 2h-2.8l1.4 2.2zm5-8L17 8H7L5.6 6h12.8z" fill-rule="evenodd"/></svg>',vk:'<svg width="24" height="24"><path fill-rule="evenodd" d="M14.8 17.4a2 2 0 0 1-1.3.7 8 8 0 0 1-7.7-3.6c-1.4-2-2.2-4.4-2.6-5.7L3 8.6A2 2 0 0 1 5 6h2.5c.4 0 .8.1 1.2.4A2 2 0 0 1 9.8 6h3.5a2 2 0 0 1 1.4.6 2 2 0 0 1 1.5-.6h2.4a2 2 0 0 1 2 2.5c-.5 1.5-1.2 2.6-1.8 3.6a12.5 12.5 0 0 1 2 3.2A2 2 0 0 1 19 18h-2.6a2 2 0 0 1-1.3-.5 6.9 6.9 0 0 1-.3-.2Zm.5-2.5-1.2-1a3 3 0 0 0-.8-.2v2.4h-1.7a5.6 5.6 0 0 1-.3 0c-3-.7-4.7-3.7-5.6-6.1A38.1 38.1 0 0 1 5 8.1V8h2.5a80.5 80.5 0 0 1 1.2 2.5c.6 1.2 1.2 2 2 2.1V9l-.9-1h3.5v4.1a5 5 0 0 0 .4-.3c.7-.7 1.2-1.4 1.6-2.2l.2-.3.7-1.3h2.4a8.5 8.5 0 0 1-.8 2l-1.3 2-.3.3a10.5 10.5 0 0 1 2.8 3.8h-2.6l-.8-.9a20.6 20.6 0 0 0-.3-.3Z" clip-rule="evenodd"/></svg>',warmth:'<svg height="24" width="24"><path d="M12 21.1c-1.4 0-2.6-.5-3.6-1.5s-1.5-2.1-1.5-3.5c0-.8.2-1.6.6-2.2A5 5 0 0 1 8.9 12v-6c0-.8.3-1.5 1-2.1a2.9 2.9 0 0 1 2-.9c.9 0 1.6.3 2.2.9.5.6.8 1.3.8 2.1v6a5 5 0 0 1 1.5 1.8A4.9 4.9 0 0 1 17 16c0 1.4-.5 2.6-1.4 3.5s-2.2 1.5-3.6 1.5zm-3-5h6c0-.5-.2-1-.4-1.4a3 3 0 0 0-.9-1l-.8-.6v-7a1 1 0 0 0-.3-.7A1 1 0 0 0 12 5a1 1 0 0 0-.7.3 1 1 0 0 0-.3.7v7l-.8.6a2.9 2.9 0 0 0-.9 1 3 3 0 0 0-.3 1.4z"/></svg>',user:'<svg width="24" height="24"><path d="M12 24a12 12 0 1 1 0-24 12 12 0 0 1 0 24Zm-8.7-5.3a11 11 0 0 0 17.4 0C19.4 16.3 14.6 15 12 15c-2.6 0-7.4 1.3-8.7 3.7ZM12 13c2.2 0 4-2 4-4.5S14.2 4 12 4 8 6 8 8.5 9.8 13 12 13Z" fill-rule="nonzero"/></svg>',"vertical-align":'<svg width="24" height="24"><g fill-rule="nonzero"><rect width="18" height="2" x="3" y="11" rx="1"/><path d="M12 2c.6 0 1 .4 1 1v4l2-1.3a1 1 0 0 1 1.2 1.5l-.1.1-4.1 3-4-3a1 1 0 0 1 1-1.7l2 1.5V3c0-.6.4-1 1-1zm0 11.8 4 2.9a1 1 0 0 1-1 1.7l-2-1.5V21c0 .5-.4 1-.9 1H12a1 1 0 0 1-1-1v-4l-2 1.3a1 1 0 0 1-1.2-.1l-.1-.1a1 1 0 0 1 .1-1.3l.1-.1 4.1-3z"/></g></svg>',visualblocks:'<svg width="24" height="24"><path d="M9 19v2H7v-2h2Zm-4 0v2a2 2 0 0 1-2-2h2Zm8 0v2h-2v-2h2Zm8 0a2 2 0 0 1-2 2v-2h2Zm-4 0v2h-2v-2h2ZM15 7a1 1 0 0 1 0 2v7a1 1 0 0 1-2 0V9h-1v7a1 1 0 0 1-2 0v-4a2.5 2.5 0 0 1-.2-5H15ZM5 15v2H3v-2h2Zm16 0v2h-2v-2h2ZM5 11v2H3v-2h2Zm16 0v2h-2v-2h2ZM5 7v2H3V7h2Zm16 0v2h-2V7h2ZM5 3v2H3c0-1.1.9-2 2-2Zm8 0v2h-2V3h2Zm6 0a2 2 0 0 1 2 2h-2V3ZM9 3v2H7V3h2Zm8 0v2h-2V3h2Z" fill-rule="evenodd"/></svg>',visualchars:'<svg width="24" height="24"><path d="M10 5h7a1 1 0 0 1 0 2h-1v11a1 1 0 0 1-2 0V7h-2v11a1 1 0 0 1-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 0 1 6.8 10a3.3 3.3 0 0 1 0-2.8 3.4 3.4 0 0 1 1.8-1.8L10 5Z" fill-rule="evenodd"/></svg>',warning:'<svg width="24" height="24"><path d="M19.8 18.3c.2.5.3.9 0 1.2-.1.3-.5.5-1 .5H5.2c-.5 0-.9-.2-1-.5-.3-.3-.2-.7 0-1.2L11 4.7l.5-.5.5-.2c.2 0 .3 0 .5.2.2 0 .3.3.5.5l6.8 13.6ZM12 18c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7a1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3Zm.7-3 .3-4a1 1 0 0 0-.3-.7 1 1 0 0 0-.7-.3 1 1 0 0 0-.7.3 1 1 0 0 0-.3.7l.3 4h1.4Z" fill-rule="evenodd"/></svg>',"zoom-in":'<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-1-9a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0V8Zm-2 4a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8Z" fill-rule="nonzero"/></svg>',"zoom-out":'<svg width="24" height="24"><path d="M16 17.3a8 8 0 1 1 1.4-1.4l4.3 4.4a1 1 0 0 1-1.4 1.4l-4.4-4.3Zm-5-.3a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-3-5a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2H8Z" fill-rule="nonzero"/></svg>'}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/icons/default/index.js b/apps/edr-freight-web/backoffice/public/tinymce/icons/default/index.js
new file mode 100644
index 000000000..ca4184a42
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/icons/default/index.js
@@ -0,0 +1,7 @@
+// Exports the "default" icons for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/icons/default')
+//   ES2015:
+//     import 'tinymce/icons/default'
+require('./icons.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/models/dom/index.js b/apps/edr-freight-web/backoffice/public/tinymce/models/dom/index.js
new file mode 100644
index 000000000..7ed634af9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/models/dom/index.js
@@ -0,0 +1,7 @@
+// Exports the "dom" model for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/models/dom')
+//   ES2015:
+//     import 'tinymce/models/dom'
+require('./model.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/models/dom/model.js b/apps/edr-freight-web/backoffice/public/tinymce/models/dom/model.js
new file mode 100644
index 000000000..99f729cf6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/models/dom/model.js
@@ -0,0 +1,8994 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.ModelManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$2 = (t) => (a) => t === a;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isArray = isType$1('array');
+    const isNull = eq$2(null);
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$2(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    /** Compose a unary function with an n-ary function */
+    const compose = (fa, fb) => {
+        return (...args) => {
+            return fa(fb.apply(null, args));
+        };
+    };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const identity = (x) => {
+        return x;
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const not = (f) => (t) => !f(t);
+    const die = (msg) => {
+        return () => {
+            throw new Error(msg);
+        };
+    };
+    const apply = (f) => {
+        return f();
+    };
+    const never = constant(false);
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains$2 = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const range$1 = (num, f) => {
+        const r = [];
+        for (let i = 0; i < num; i++) {
+            r.push(f(i));
+        }
+        return r;
+    };
+    const map$1 = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$2 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const partition = (xs, pred) => {
+        const pass = [];
+        const fail = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            const arr = pred(x, i) ? pass : fail;
+            arr.push(x);
+        }
+        return { pass, fail };
+    };
+    const filter$2 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldr = (xs, f, acc) => {
+        eachr(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const foldl = (xs, f, acc) => {
+        each$2(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$1 = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const findIndex = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(i);
+            }
+        }
+        return Optional.none();
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind$2 = (xs, f) => flatten(map$1(xs, f));
+    const forall = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            const x = xs[i];
+            if (pred(x, i) !== true) {
+                return false;
+            }
+        }
+        return true;
+    };
+    const reverse = (xs) => {
+        const r = nativeSlice.call(xs, 0);
+        r.reverse();
+        return r;
+    };
+    const mapToObject = (xs, f) => {
+        const r = {};
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            r[String(x)] = f(x, i);
+        }
+        return r;
+    };
+    const sort$1 = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+    const get$d = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$d(xs, 0);
+    const last$2 = (xs) => get$d(xs, xs.length - 1);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each$1 = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each$1(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each$1(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter$1 = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const mapToArray = (obj, f) => {
+        const r = [];
+        each$1(obj, (value, name) => {
+            r.push(f(value, name));
+        });
+        return r;
+    };
+    const values = (obj) => {
+        return mapToArray(obj, identity);
+    };
+    const get$c = (obj, key) => {
+        return has$1(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has$1 = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has$1(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    const isEmpty = (r) => {
+        for (const x in r) {
+            if (hasOwnProperty.call(r, x)) {
+                return false;
+            }
+        }
+        return true;
+    };
+
+    /*
+     * Generates a church encoded ADT (https://en.wikipedia.org/wiki/Church_encoding)
+     * For syntax and use, look at the test code.
+     */
+    const generate$1 = (cases) => {
+        // validation
+        if (!isArray(cases)) {
+            throw new Error('cases must be an array');
+        }
+        if (cases.length === 0) {
+            throw new Error('there must be at least one case');
+        }
+        const constructors = [];
+        // adt is mutated to add the individual cases
+        const adt = {};
+        each$2(cases, (acase, count) => {
+            const keys$1 = keys(acase);
+            // validation
+            if (keys$1.length !== 1) {
+                throw new Error('one and only one name per case');
+            }
+            const key = keys$1[0];
+            const value = acase[key];
+            // validation
+            if (adt[key] !== undefined) {
+                throw new Error('duplicate key detected:' + key);
+            }
+            else if (key === 'cata') {
+                throw new Error('cannot have a case named cata (sorry)');
+            }
+            else if (!isArray(value)) {
+                // this implicitly checks if acase is an object
+                throw new Error('case arguments must be an array');
+            }
+            constructors.push(key);
+            //
+            // constructor for key
+            //
+            adt[key] = (...args) => {
+                const argLength = args.length;
+                // validation
+                if (argLength !== value.length) {
+                    throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+                }
+                const match = (branches) => {
+                    const branchKeys = keys(branches);
+                    if (constructors.length !== branchKeys.length) {
+                        throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+                    }
+                    const allReqd = forall(constructors, (reqKey) => {
+                        return contains$2(branchKeys, reqKey);
+                    });
+                    if (!allReqd) {
+                        throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+                    }
+                    return branches[key].apply(null, args);
+                };
+                //
+                // the fold function for key
+                //
+                return {
+                    fold: (...foldArgs) => {
+                        // runtime validation
+                        if (foldArgs.length !== cases.length) {
+                            throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + foldArgs.length);
+                        }
+                        const target = foldArgs[count];
+                        return target.apply(null, args);
+                    },
+                    match,
+                    // NOTE: Only for debugging.
+                    log: (label) => {
+                        // eslint-disable-next-line no-console
+                        console.log(label, {
+                            constructors,
+                            constructor: key,
+                            params: args
+                        });
+                    }
+                };
+            };
+        });
+        return adt;
+    };
+    const Adt = {
+        generate: generate$1
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const sort = (arr) => {
+        return arr.slice(0).sort();
+    };
+    const reqMessage = (required, keys) => {
+        throw new Error('All required keys (' + sort(required).join(', ') + ') were not specified. Specified keys were: ' + sort(keys).join(', ') + '.');
+    };
+    const unsuppMessage = (unsupported) => {
+        throw new Error('Unsupported keys for object: ' + sort(unsupported).join(', '));
+    };
+    const validateStrArr = (label, array) => {
+        if (!isArray(array)) {
+            throw new Error('The ' + label + ' fields must be an array. Was: ' + array + '.');
+        }
+        each$2(array, (a) => {
+            if (!isString(a)) {
+                throw new Error('The value ' + a + ' in the ' + label + ' fields was not a string.');
+            }
+        });
+    };
+    const invalidTypeMessage = (incorrect, type) => {
+        throw new Error('All values need to be of type: ' + type + '. Keys (' + sort(incorrect).join(', ') + ') were not.');
+    };
+    const checkDupes = (everything) => {
+        const sorted = sort(everything);
+        const dupe = find$1(sorted, (s, i) => {
+            return i < sorted.length - 1 && s === sorted[i + 1];
+        });
+        dupe.each((d) => {
+            throw new Error('The field: ' + d + ' occurs more than once in the combined fields: [' + sorted.join(', ') + '].');
+        });
+    };
+
+    // Ensure that the object has all required fields. They must be functions.
+    const base = (handleUnsupported, required) => {
+        return baseWith(handleUnsupported, required, {
+            validate: isFunction,
+            label: 'function'
+        });
+    };
+    // Ensure that the object has all required fields. They must satisy predicates.
+    const baseWith = (handleUnsupported, required, pred) => {
+        if (required.length === 0) {
+            throw new Error('You must specify at least one required field.');
+        }
+        validateStrArr('required', required);
+        checkDupes(required);
+        return (obj) => {
+            const keys$1 = keys(obj);
+            // Ensure all required keys are present.
+            const allReqd = forall(required, (req) => {
+                return contains$2(keys$1, req);
+            });
+            if (!allReqd) {
+                reqMessage(required, keys$1);
+            }
+            handleUnsupported(required, keys$1);
+            const invalidKeys = filter$2(required, (key) => {
+                return !pred.validate(obj[key], key);
+            });
+            if (invalidKeys.length > 0) {
+                invalidTypeMessage(invalidKeys, pred.label);
+            }
+            return obj;
+        };
+    };
+    const handleExact = (required, keys) => {
+        const unsupported = filter$2(keys, (key) => {
+            return !contains$2(required, key);
+        });
+        if (unsupported.length > 0) {
+            unsuppMessage(unsupported);
+        }
+    };
+    const exactly = (required) => base(handleExact, required);
+
+    /**
+     * Creates a new `Result<T, E>` that **does** contain a value.
+     */
+    const value$1 = (value) => {
+        const applyHelper = (fn) => fn(value);
+        const constHelper = constant(value);
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: true,
+            inner: value,
+            // Actual Result methods
+            fold: (_onError, onValue) => onValue(value),
+            isValue: always,
+            isError: never,
+            map: (mapper) => Result.value(mapper(value)),
+            mapError: outputHelper,
+            bind: applyHelper,
+            exists: applyHelper,
+            forall: applyHelper,
+            getOr: constHelper,
+            or: outputHelper,
+            getOrThunk: constHelper,
+            orThunk: outputHelper,
+            getOrDie: constHelper,
+            each: (fn) => {
+                // Can't write the function inline because we don't want to return something by mistake
+                fn(value);
+            },
+            toOptional: () => Optional?.some(value),
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` that **does not** contain a value, and therefore
+     * contains an error.
+     */
+    const error = (error) => {
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: false,
+            inner: error,
+            // Actual Result methods
+            fold: (onError, _onValue) => onError(error),
+            isValue: never,
+            isError: always,
+            map: outputHelper,
+            mapError: (mapper) => Result.error(mapper(error)),
+            bind: outputHelper,
+            exists: never,
+            forall: always,
+            getOr: identity,
+            or: identity,
+            getOrThunk: apply,
+            orThunk: apply,
+            getOrDie: die(String(error)),
+            each: noop,
+            toOptional: Optional.none,
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` from an `Optional<T>` and an `E`. If the
+     * `Optional` contains a value, so will the outputted `Result`. If it does not,
+     * the outputted `Result` will contain an error (and that error will be the
+     * error passed in).
+     */
+    const fromOption = (optional, err) => optional.fold(() => error(err), value$1);
+    const Result = {
+        value: value$1,
+        error,
+        fromOption
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    // This API is intended to give the capability to return namespaced strings.
+    // For CSS, since dots are not valid class names, the dots are turned into dashes.
+    const css = (namespace) => {
+        const dashNamespace = namespace.replace(/\./g, '-');
+        const resolve = (str) => {
+            return dashNamespace + '-' + str;
+        };
+        return {
+            resolve
+        };
+    };
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$2 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    const bindFrom = (a, f) => (a !== undefined && a !== null) ? f(a) : Optional.none();
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve$2 = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    const contains$1 = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+    /** Does 'str' end with 'suffix'?
+     *  Note: all strings end with the empty string.
+     *        More formally, for all strings x, endsWith(x, "").
+     *        This is so that for all strings x and y, endsWith(x + y, y)
+     */
+    const endsWith = (str, suffix) => {
+        return checkRange(str, suffix, str.length - suffix.length);
+    };
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const toFloat = (value) => {
+        const num = parseFloat(value);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last$1 = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const nbsp = '\u00A0';
+
+    const validSectionList = ['tfoot', 'thead', 'tbody', 'colgroup'];
+    const isValidSection = (parentName) => contains$2(validSectionList, parentName);
+    const grid = (rows, columns) => ({
+        rows,
+        columns
+    });
+    const address = (row, column) => ({
+        row,
+        column
+    });
+    const detail = (element, rowspan, colspan) => ({
+        element,
+        rowspan,
+        colspan
+    });
+    const detailnew = (element, rowspan, colspan, isNew) => ({
+        element,
+        rowspan,
+        colspan,
+        isNew
+    });
+    const extended = (element, rowspan, colspan, row, column, isLocked) => ({
+        element,
+        rowspan,
+        colspan,
+        row,
+        column,
+        isLocked
+    });
+    const rowdetail = (element, cells, section) => ({
+        element,
+        cells,
+        section
+    });
+    const rowdetailnew = (element, cells, section, isNew) => ({
+        element,
+        cells,
+        section,
+        isNew
+    });
+    const elementnew = (element, isNew, isLocked) => ({
+        element,
+        isNew,
+        isLocked
+    });
+    const rowcells = (element, cells, section, isNew) => ({
+        element,
+        cells,
+        section,
+        isNew
+    });
+    const bounds = (startRow, startCol, finishRow, finishCol) => ({
+        startRow,
+        startCol,
+        finishRow,
+        finishCol
+    });
+    const columnext = (element, colspan, column) => ({
+        element,
+        colspan,
+        column
+    });
+    const colgroup = (element, columns) => ({
+        element,
+        columns
+    });
+
+    const addCells = (gridRow, index, cells) => {
+        const existingCells = gridRow.cells;
+        const before = existingCells.slice(0, index);
+        const after = existingCells.slice(index);
+        const newCells = before.concat(cells).concat(after);
+        return setCells(gridRow, newCells);
+    };
+    const addCell = (gridRow, index, cell) => addCells(gridRow, index, [cell]);
+    const mutateCell = (gridRow, index, cell) => {
+        const cells = gridRow.cells;
+        cells[index] = cell;
+    };
+    const setCells = (gridRow, cells) => rowcells(gridRow.element, cells, gridRow.section, gridRow.isNew);
+    const mapCells = (gridRow, f) => {
+        const cells = gridRow.cells;
+        const r = map$1(cells, f);
+        return rowcells(gridRow.element, r, gridRow.section, gridRow.isNew);
+    };
+    const getCell = (gridRow, index) => gridRow.cells[index];
+    const getCellElement = (gridRow, index) => getCell(gridRow, index).element;
+    const cellLength = (gridRow) => gridRow.cells.length;
+    const extractGridDetails = (grid) => {
+        const result = partition(grid, (row) => row.section === 'colgroup');
+        return {
+            rows: result.fail,
+            cols: result.pass
+        };
+    };
+    const clone$2 = (gridRow, cloneRow, cloneCell) => {
+        const newCells = map$1(gridRow.cells, cloneCell);
+        return rowcells(cloneRow(gridRow.element), newCells, gridRow.section, true);
+    };
+
+    const fromHtml$1 = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom$1(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom$1(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom$1(node);
+    };
+    const fromDom$1 = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint$1 = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom$1);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml: fromHtml$1,
+        fromTag,
+        fromText,
+        fromDom: fromDom$1,
+        fromPoint: fromPoint$1
+    };
+
+    const selectNode = (win, element) => {
+        const rng = win.document.createRange();
+        rng.selectNode(element.dom);
+        return rng;
+    };
+    const selectNodeContents = (win, element) => {
+        const rng = win.document.createRange();
+        selectNodeContentsUsing(rng, element);
+        return rng;
+    };
+    const selectNodeContentsUsing = (rng, element) => rng.selectNodeContents(element.dom);
+    // NOTE: Mutates the range.
+    const setStart = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setStartBefore(e.dom);
+        }, (e, o) => {
+            rng.setStart(e.dom, o);
+        }, (e) => {
+            rng.setStartAfter(e.dom);
+        });
+    };
+    const setFinish = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setEndBefore(e.dom);
+        }, (e, o) => {
+            rng.setEnd(e.dom, o);
+        }, (e) => {
+            rng.setEndAfter(e.dom);
+        });
+    };
+    const relativeToNative = (win, startSitu, finishSitu) => {
+        const range = win.document.createRange();
+        setStart(range, startSitu);
+        setFinish(range, finishSitu);
+        return range;
+    };
+    const exactToNative = (win, start, soffset, finish, foffset) => {
+        const rng = win.document.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+    const toRect = (rect) => ({
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height
+    });
+    const getFirstRect$1 = (rng) => {
+        const rects = rng.getClientRects();
+        // ASSUMPTION: The first rectangle is the start of the selection
+        const rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
+        return rect.width > 0 || rect.height > 0 ? Optional?.some(rect)?.map(toRect) : Optional.none();
+    };
+
+    const adt$6 = Adt.generate([
+        { ltr: ['start', 'soffset', 'finish', 'foffset'] },
+        { rtl: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const fromRange = (win, type, range) => type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
+    const getRanges = (win, selection) => selection.match({
+        domRange: (rng) => {
+            return {
+                ltr: constant(rng),
+                rtl: Optional.none
+            };
+        },
+        relative: (startSitu, finishSitu) => {
+            return {
+                ltr: cached(() => relativeToNative(win, startSitu, finishSitu)),
+                rtl: cached(() => Optional?.some(relativeToNative(win, finishSitu, startSitu)))
+            };
+        },
+        exact: (start, soffset, finish, foffset) => {
+            return {
+                ltr: cached(() => exactToNative(win, start, soffset, finish, foffset)),
+                rtl: cached(() => Optional?.some(exactToNative(win, finish, foffset, start, soffset)))
+            };
+        }
+    });
+    const doDiagnose = (win, ranges) => {
+        // If we cannot create a ranged selection from start > finish, it could be RTL
+        const rng = ranges.ltr();
+        if (rng.collapsed) {
+            // Let's check if it's RTL ... if it is, then reversing the direction will not be collapsed
+            const reversed = ranges.rtl().filter((rev) => rev.collapsed === false);
+            return reversed?.map((rev) => 
+            // We need to use "reversed" here, because the original only has one point (collapsed)
+            adt$6.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset)).getOrThunk(() => fromRange(win, adt$6.ltr, rng));
+        }
+        else {
+            return fromRange(win, adt$6.ltr, rng);
+        }
+    };
+    const diagnose = (win, selection) => {
+        const ranges = getRanges(win, selection);
+        return doDiagnose(win, ranges);
+    };
+    const asLtrRange = (win, selection) => {
+        const diagnosis = diagnose(win, selection);
+        return diagnosis.match({
+            ltr: (start, soffset, finish, foffset) => {
+                const rng = win.document.createRange();
+                rng.setStart(start.dom, soffset);
+                rng.setEnd(finish.dom, foffset);
+                return rng;
+            },
+            rtl: (start, soffset, finish, foffset) => {
+                // NOTE: Reversing start and finish
+                const rng = win.document.createRange();
+                rng.setStart(finish.dom, foffset);
+                rng.setEnd(start.dom, soffset);
+                return rng;
+            }
+        });
+    };
+    adt$6.ltr;
+    adt$6.rtl;
+
+    const COMMENT = 8;
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all$1 = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map$1(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq$1 = (e1, e2) => e1.dom === e2.dom;
+    // Returns: true if node e1 contains e2, otherwise false.
+    // (returns false if e1===e2: A node does not contain itself).
+    const contains = (e1, e2) => {
+        const d1 = e1.dom;
+        const d2 = e2.dom;
+        return d1 === d2 ? false : d1.contains(d2);
+    };
+    const is = is$1;
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant(isiPad),
+            isiPhone: constant(isiPhone),
+            isTablet: constant(isTablet),
+            isPhone: constant(isPhone),
+            isTouch: constant(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant(iOSwebview),
+            isDesktop: constant(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$2(group(1), group(2));
+    };
+    const detect$5 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$2();
+        }
+        return find(versionRegexes, cleanedAgent);
+    };
+    const unknown$2 = () => {
+        return nu$2(0, 0);
+    };
+    const nu$2 = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$2,
+        detect: detect$5,
+        unknown: unknown$2
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$1(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$4 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$1(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$4(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$4(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains$1(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant(browsers),
+        oses: constant(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$1 = () => {
+        return nu$1({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$1 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$1,
+        nu: nu$1,
+        edge: constant(edge),
+        chromium: constant(chromium),
+        ie: constant(ie),
+        opera: constant(opera),
+        firefox: constant(firefox),
+        safari: constant(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown = () => {
+        return nu({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown,
+        nu,
+        windows: constant(windows),
+        ios: constant(ios),
+        android: constant(android),
+        linux: constant(linux),
+        macos: constant(macos),
+        solaris: constant(solaris),
+        freebsd: constant(freebsd),
+        chromeos: constant(chromeos)
+    };
+
+    const detect$3 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$3
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect$2 = () => platform();
+
+    const unsafe = (name, scope) => {
+        return resolve$2(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve$2('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isComment = (element) => type(element) === COMMENT || name(element) === '#comment';
+    const isHTMLElement = (element) => isElement(element) && isPrototypeOf(element.dom);
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement(e) && name(e) === tag;
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument(dos) ? dos : owner(dos);
+    const documentElement = (element) => SugarElement.fromDom(documentOrOwner(element).dom.documentElement);
+    /**
+     * The window element associated with the element
+     * NOTE: this will throw if the defaultView is null.
+     */
+    const defaultView = (element) => SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parentElement = (element) => Optional.from(element.dom.parentElement)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const prevSibling = (element) => Optional.from(element.dom.previousSibling)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children$2 = (element) => map$1(element.dom.childNodes, SugarElement.fromDom);
+    const child$2 = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child$2(element, 0);
+
+    const makeRange = (start, soffset, finish, foffset) => {
+        const doc = owner(start);
+        // TODO: We need to think about a better place to put native range creation code. Does it even belong in sugar?
+        // Could the `Compare` checks (node.compareDocumentPosition) handle these situations better?
+        const rng = doc.dom.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+    const after$5 = (start, soffset, finish, foffset) => {
+        const r = makeRange(start, soffset, finish, foffset);
+        const same = eq$1(start, finish) && soffset === foffset;
+        return r.collapsed && !same;
+    };
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** Where content needs to go. ShadowRoot or document body */
+    const getContentContainer = (dos) => 
+    // Can't use SugarBody.body without causing a circular module reference (since SugarBody.inBody uses SugarShadowDom)
+    isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+    /**
+     * When Events bubble up through a ShadowRoot, the browser changes the target to be the shadow host.
+     * This function gets the "original" event target if possible.
+     * This only works if the shadow tree is open - if the shadow tree is closed, event.target is returned.
+     * See: https://developers.google.com/web/fundamentals/web-components/shadowdom#events
+     */
+    const getOriginalEventTarget = (event) => {
+        if (isNonNullable(event.target)) {
+            const el = SugarElement.fromDom(event.target);
+            if (isElement(el) && isOpenShadowHost(el)) {
+                // When target element is inside Shadow DOM we need to take first element from composedPath
+                // otherwise we'll get Shadow Root parent, not actual target element.
+                if (event.composed && event.composedPath) {
+                    const composedPath = event.composedPath();
+                    if (composedPath) {
+                        return head(composedPath);
+                    }
+                }
+            }
+        }
+        return Optional.from(event.target);
+    };
+    /** Return true if the element is a host of an open shadow root.
+     *  Return false if the element is a host of a closed shadow root, or if the element is not a host.
+     */
+    const isOpenShadowHost = (element) => isNonNullable(element.dom.shadowRoot);
+
+    const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
+        target,
+        x,
+        y,
+        stop,
+        prevent,
+        kill,
+        raw
+    });
+    /** Wraps an Event in an EventArgs structure.
+     * The returned EventArgs structure has its target set to the "original" target if possible.
+     * See SugarShadowDom.getOriginalEventTarget
+     */
+    const fromRawEvent$1 = (rawEvent) => {
+        const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+        const stop = () => rawEvent.stopPropagation();
+        const prevent = () => rawEvent.preventDefault();
+        const kill = compose(prevent, stop); // more of a sequence than a compose, but same effect
+        // FIX: Don't just expose the raw event. Need to identify what needs standardisation.
+        return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    const handle$1 = (filter, handler) => (rawEvent) => {
+        if (filter(rawEvent)) {
+            handler(fromRawEvent$1(rawEvent));
+        }
+    };
+    const binder = (element, event, filter, handler, useCapture) => {
+        const wrapped = handle$1(filter, handler);
+        // IE9 minimum
+        element.dom.addEventListener(event, wrapped, useCapture);
+        return {
+            unbind: curry(unbind, element, event, wrapped, useCapture)
+        };
+    };
+    const bind$1 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
+    const unbind = (element, event, handler, useCapture) => {
+        // IE9 minimum
+        element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    const filter = always; // no filter on plain DomEvents
+    const bind = (element, event, handler) => bind$1(element, event, filter, handler);
+    const fromRawEvent = fromRawEvent$1;
+
+    const before$3 = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$4 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before$3(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const appendAt = (parent, element, index) => {
+        child$2(parent, index).fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            before$3(v, element);
+        });
+    };
+    const wrap = (element, wrapper) => {
+        before$3(element, wrapper);
+        append$1(wrapper, element);
+    };
+
+    const after$3 = (marker, elements) => {
+        each$2(elements, (x, i) => {
+            const e = i === 0 ? marker : elements[i - 1];
+            after$4(e, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$2(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$2 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll$1 = (element, attrs) => {
+        const dom = element.dom;
+        each$1(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const setOptions = (element, attrs) => {
+        each$1(attrs, (v, k) => {
+            v.fold(() => {
+                remove$6(element, k);
+            }, (value) => {
+                rawSet(element.dom, k, value);
+            });
+        });
+    };
+    const get$b = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$b(element, key));
+    const remove$6 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const clone$1 = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const empty = (element) => {
+        // shortcut "empty node" trick. Requires IE 9.
+        element.dom.textContent = '';
+        // If the contents was a single empty text node, the above doesn't remove it. But, it's still faster in general
+        // than removing every child node manually.
+        // The following is (probably) safe for performance as 99.9% of the time the trick works and
+        // Traverse.children will return an empty array.
+        each$2(children$2(element), (rogue) => {
+            remove$5(rogue);
+        });
+    };
+    const remove$5 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+    const unwrap = (wrapper) => {
+        const children = children$2(wrapper);
+        if (children.length > 0) {
+            after$3(wrapper, children);
+        }
+        remove$5(wrapper);
+    };
+
+    const clone = (original, isDeep) => SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    /** Shallow clone - just the tag, no children */
+    const shallow = (original) => clone(original, false);
+    /** Deep clone - everything copied including children */
+    const deep = (original) => clone(original, true);
+    /** Shallow clone, with a new tag */
+    const shallowAs = (original, tag) => {
+        const nu = SugarElement.fromTag(tag);
+        const attributes = clone$1(original);
+        setAll$1(nu, attributes);
+        return nu;
+    };
+    /** Deep clone, with a new tag */
+    const copy$2 = (original, tag) => {
+        const nu = shallowAs(original, tag);
+        // NOTE
+        // previously this used serialisation:
+        // nu.dom.innerHTML = original.dom.innerHTML;
+        //
+        // Clone should be equivalent (and faster), but if TD <-> TH toggle breaks, put it back.
+        const cloneChildren = children$2(deep(original));
+        append(nu, cloneChildren);
+        return nu;
+    };
+    /** Change the tag name, but keep all children */
+    const mutate$1 = (original, tag) => {
+        const nu = shallowAs(original, tag);
+        after$4(original, nu);
+        const children = children$2(original);
+        append(nu, children);
+        remove$5(original);
+        return nu;
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        return children$2(SugarElement.fromDom(div));
+    };
+    const fromDom = (nodes) => map$1(nodes, SugarElement.fromDom);
+
+    const get$a = (element) => element.dom.innerHTML;
+    const getOuter$2 = (element) => {
+        const container = SugarElement.fromTag('div');
+        const clone = SugarElement.fromDom(element.dom.cloneNode(true));
+        append$1(container, clone);
+        return get$a(container);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+    const getBody$1 = (doc) => {
+        const b = doc.dom.body;
+        if (b === null || b === undefined) {
+            throw new Error('Body is not available yet');
+        }
+        return SugarElement.fromDom(b);
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$1 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    const setAll = (element, css) => {
+        const dom = element.dom;
+        each$1(css, (v, k) => {
+            internalSet(dom, k, v);
+        });
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$9 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw$2 = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const remove$4 = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$2(getOpt(element, 'style')?.map(trim), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$6(element, 'style');
+        }
+    };
+    const copy$1 = (source, target) => {
+        const sourceDom = source.dom;
+        const targetDom = target.dom;
+        if (isSupported(sourceDom) && isSupported(targetDom)) {
+            targetDom.style.cssText = sourceDom.style.cssText;
+        }
+    };
+
+    const Dimension = (name, getOffset) => {
+        const set = (element, h) => {
+            if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+                throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+            }
+            const dom = element.dom;
+            if (isSupported(dom)) {
+                dom.style[name] = h + 'px';
+            }
+        };
+        /*
+         * jQuery supports querying width and height on the document and window objects.
+         *
+         * TBIO doesn't do this, so the code is removed to save space, but left here just in case.
+         */
+        /*
+        var getDocumentWidth = (element) => {
+          var dom = element.dom;
+          if (Node.isDocument(element)) {
+            var body = dom.body;
+            var doc = dom.documentElement;
+            return Math.max(
+              body.scrollHeight,
+              doc.scrollHeight,
+              body.offsetHeight,
+              doc.offsetHeight,
+              doc.clientHeight
+            );
+          }
+        };
+      
+        var getWindowWidth = (element) => {
+          var dom = element.dom;
+          if (dom.window === dom) {
+            // There is no offsetHeight on a window, so use the clientHeight of the document
+            return dom.document.documentElement.clientHeight;
+          }
+        };
+      */
+        const get = (element) => {
+            const r = getOffset(element);
+            // zero or null means non-standard or disconnected, fall back to CSS
+            if (r <= 0 || r === null) {
+                const css = get$9(element, name);
+                // ugh this feels dirty, but it saves cycles
+                return parseFloat(css) || 0;
+            }
+            return r;
+        };
+        // in jQuery, getOuter replicates (or uses) box-sizing: border-box calculations
+        // although these calculations only seem relevant for quirks mode, and edge cases TBIO doesn't rely on
+        const getOuter = get;
+        const aggregate = (element, properties) => foldl(properties, (acc, property) => {
+            const val = get$9(element, property);
+            const value = val === undefined ? 0 : parseInt(val, 10);
+            return isNaN(value) ? acc : acc + value;
+        }, 0);
+        const max = (element, value, properties) => {
+            const cumulativeInclusions = aggregate(element, properties);
+            // if max-height is 100px and your cumulativeInclusions is 150px, there is no way max-height can be 100px, so we return 0.
+            const absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+            return absoluteMax;
+        };
+        return {
+            set,
+            get,
+            getOuter,
+            aggregate,
+            max
+        };
+    };
+
+    const toNumber = (px, fallback) => toFloat(px).getOr(fallback);
+    const getProp = (element, name, fallback) => toNumber(get$9(element, name), fallback);
+    const calcContentBoxSize = (element, size, upper, lower) => {
+        const paddingUpper = getProp(element, `padding-${upper}`, 0);
+        const paddingLower = getProp(element, `padding-${lower}`, 0);
+        const borderUpper = getProp(element, `border-${upper}-width`, 0);
+        const borderLower = getProp(element, `border-${lower}-width`, 0);
+        return size - paddingUpper - paddingLower - borderUpper - borderLower;
+    };
+    const getCalculatedWidth = (element, boxSizing) => {
+        const dom = element.dom;
+        const width = dom.getBoundingClientRect().width || dom.offsetWidth;
+        return boxSizing === 'border-box' ? width : calcContentBoxSize(element, width, 'left', 'right');
+    };
+    const getHeight$1 = (element) => getProp(element, 'height', element.dom.offsetHeight);
+    const getWidth = (element) => getProp(element, 'width', element.dom.offsetWidth);
+    const getInnerWidth = (element) => getCalculatedWidth(element, 'content-box');
+
+    const api$2 = Dimension('height', (element) => {
+        // getBoundingClientRect gives better results than offsetHeight for tables with captions on Firefox
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    const get$8 = (element) => api$2.get(element);
+    const getOuter$1 = (element) => api$2.getOuter(element);
+    const getRuntime$1 = getHeight$1;
+
+    const api$1 = Dimension('width', (element) => 
+    // IMO passing this function is better than using dom['offset' + 'width']
+    element.dom.offsetWidth);
+    Dimension('width', (element) => {
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().width : dom.offsetWidth;
+    });
+    const get$7 = (element) => api$1.get(element);
+    const getOuter = (element) => api$1.getOuter(element);
+    const getInner = getInnerWidth;
+    const getRuntime = getWidth;
+
+    const r = (left, top) => {
+        const translate = (x, y) => r(left + x, top + y);
+        return {
+            left,
+            top,
+            translate
+        };
+    };
+    // tslint:disable-next-line:variable-name
+    const SugarPosition = r;
+
+    const boxPosition = (dom) => {
+        const box = dom.getBoundingClientRect();
+        return SugarPosition(box.left, box.top);
+    };
+    // Avoids falsy false fallthrough
+    const firstDefinedOrZero = (a, b) => {
+        if (a !== undefined) {
+            return a;
+        }
+        else {
+            return b !== undefined ? b : 0;
+        }
+    };
+    const absolute = (element) => {
+        const doc = element.dom.ownerDocument;
+        const body = doc.body;
+        const win = doc.defaultView;
+        const html = doc.documentElement;
+        if (body === element.dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        const scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
+        const scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
+        const clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
+        const clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
+        return viewport(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
+    };
+    const viewport = (element) => {
+        const dom = element.dom;
+        const doc = dom.ownerDocument;
+        const body = doc.body;
+        if (body === dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        if (!inBody(element)) {
+            return SugarPosition(0, 0);
+        }
+        return boxPosition(dom);
+    };
+
+    // get scroll position (x,y) relative to document _doc (or global if not supplied)
+    const get$6 = (_DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        // ASSUMPTION: This is for cross-browser support, body works for Safari & EDGE, and when we have an iframe body scroller
+        const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+        const y = doc.body.scrollTop || doc.documentElement.scrollTop;
+        return SugarPosition(x, y);
+    };
+    // Scroll content by (x,y) relative to document _doc (or global if not supplied)
+    const by = (x, y, _DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        const win = doc.defaultView;
+        if (win) {
+            win.scrollBy(x, y);
+        }
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText, 'text');
+    const get$5 = (element) => api.get(element);
+    const getOption = (element) => api.getOption(element);
+    const set = (element, value) => api.set(element, value);
+
+    const onDirection = (isLtr, isRtl) => (element) => getDirection(element) === 'rtl' ? isRtl : isLtr;
+    const getDirection = (element) => get$9(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+
+    // Methods for handling attributes that contain a list of values <div foo="alpha beta theta">
+    const read = (element, attr) => {
+        const value = get$b(element, attr);
+        return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    const add$3 = (element, attr, id) => {
+        const old = read(element, attr);
+        const nu = old.concat([id]);
+        set$2(element, attr, nu.join(' '));
+        return true;
+    };
+    const remove$3 = (element, attr, id) => {
+        const nu = filter$2(read(element, attr), (v) => v !== id);
+        if (nu.length > 0) {
+            set$2(element, attr, nu.join(' '));
+        }
+        else {
+            remove$6(element, attr);
+        }
+        return false;
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$2 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$2 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$2, scope, predicate, isRoot);
+    };
+    const child$1 = (scope, predicate) => {
+        const pred = (node) => predicate(SugarElement.fromDom(node));
+        const result = find$1(scope.dom.childNodes, pred);
+        return result?.map(SugarElement.fromDom);
+    };
+    const descendant$1 = (scope, predicate) => {
+        const descend = (node) => {
+            // tslint:disable-next-line:prefer-for-of
+            for (let i = 0; i < node.childNodes.length; i++) {
+                const child = SugarElement.fromDom(node.childNodes[i]);
+                if (predicate(child)) {
+                    return Optional?.some(child);
+                }
+                const res = descend(node.childNodes[i]);
+                if (res.isSome()) {
+                    return res;
+                }
+            }
+            return Optional.none();
+        };
+        return descend(scope.dom);
+    };
+
+    const ancestor$1 = (scope, selector, isRoot) => ancestor$2(scope, (e) => is$1(e, selector), isRoot);
+    const child = (scope, selector) => child$1(scope, (e) => is$1(e, selector));
+    const descendant = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$1 = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor$1, scope, selector, isRoot);
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+    const get$4 = (element) => read(element, 'class');
+    const add$2 = (element, clazz) => add$3(element, 'class', clazz);
+    const remove$2 = (element, clazz) => remove$3(element, 'class', clazz);
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     *
+     * Note that IE doesn't support the second argument to toggle (at all).
+     * If it did, the toggler could be better.
+     */
+    const add$1 = (element, clazz) => {
+        if (supports(element)) {
+            element.dom.classList.add(clazz);
+        }
+        else {
+            add$2(element, clazz);
+        }
+    };
+    const cleanClass = (element) => {
+        const classList = supports(element) ? element.dom.classList : get$4(element);
+        // classList is a "live list", so this is up to date already
+        if (classList.length === 0) {
+            // No more classes left, remove the class attribute as well
+            remove$6(element, 'class');
+        }
+    };
+    const remove$1 = (element, clazz) => {
+        if (supports(element)) {
+            const classList = element.dom.classList;
+            classList.remove(clazz);
+        }
+        else {
+            remove$2(element, clazz);
+        }
+        cleanClass(element);
+    };
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    const remove = (element, classes) => {
+        each$2(classes, (x) => {
+            remove$1(element, x);
+        });
+    };
+
+    const closest = (target) => closest$1(target, '[contenteditable]');
+    const isEditable$1 = (element, assumeEditable = false) => {
+        if (inBody(element)) {
+            return element.dom.isContentEditable;
+        }
+        else {
+            // Find the closest contenteditable element and check if it's editable
+            return closest(element).fold(constant(assumeEditable), (editable) => getRaw$1(editable) === 'true');
+        }
+    };
+    const getRaw$1 = (element) => element.dom.contentEditable;
+
+    const addClass = (clazz) => (element) => {
+        add$1(element, clazz);
+    };
+    const removeClasses = (classes) => (element) => {
+        remove(element, classes);
+    };
+
+    const ancestors$4 = (scope, predicate, isRoot) => filter$2(parents(scope, isRoot), predicate);
+    const children$1 = (scope, predicate) => filter$2(children$2(scope), predicate);
+    const descendants$1 = (scope, predicate) => {
+        let result = [];
+        // Recurse.toArray() might help here
+        each$2(children$2(scope), (x) => {
+            if (predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(descendants$1(x, predicate));
+        });
+        return result;
+    };
+
+    // For all of the following:
+    //
+    // jQuery does siblings of firstChild. IE9+ supports scope.dom.children (similar to Traverse.children but elements only).
+    // Traverse should also do this (but probably not by default).
+    //
+    const ancestors$3 = (scope, selector, isRoot) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all this wrapping and unwrapping
+    ancestors$4(scope, (e) => is$1(e, selector), isRoot);
+    const children = (scope, selector) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all the wrapping and unwrapping
+    children$1(scope, (e) => is$1(e, selector));
+    const descendants = (scope, selector) => all$1(selector, scope);
+
+    const inParent = (parent, children, element, index) => ({
+        parent,
+        children,
+        element,
+        index
+    });
+    const indexInParent = (element) => parent(element).bind((parent) => {
+        const children = children$2(parent);
+        return indexOf(children, element)?.map((index) => inParent(parent, children, element, index));
+    });
+    const indexOf = (elements, element) => findIndex(elements, curry(eq$1, element));
+
+    const ancestor = (scope, predicate, isRoot) => ancestor$2(scope, predicate, isRoot).isSome();
+
+    const getEnd = (element) => name(element) === 'img' ? 1 : getOption(element).fold(() => children$2(element).length, (v) => v.length);
+    const isTextNodeWithCursorPosition = (el) => getOption(el).filter((text) => 
+    // For the purposes of finding cursor positions only allow text nodes with content,
+    // but trim removes &nbsp; and that's allowed
+    text.trim().length !== 0 || text.indexOf(nbsp) > -1).isSome();
+    const isContentEditableFalse = (elem) => isHTMLElement(elem) && (get$b(elem, 'contenteditable') === 'false');
+    const elementsWithCursorPosition = ['img', 'br'];
+    const isCursorPosition = (elem) => {
+        const hasCursorPosition = isTextNodeWithCursorPosition(elem);
+        return hasCursorPosition || contains$2(elementsWithCursorPosition, name(elem)) || isContentEditableFalse(elem);
+    };
+
+    const first = (element) => descendant$1(element, isCursorPosition);
+    const last = (element) => descendantRtl(element, isCursorPosition);
+    // Note, sugar probably needs some RTL traversals.
+    const descendantRtl = (scope, predicate) => {
+        const descend = (element) => {
+            const children = children$2(element);
+            for (let i = children.length - 1; i >= 0; i--) {
+                const child = children[i];
+                if (predicate(child)) {
+                    return Optional?.some(child);
+                }
+                const res = descend(child);
+                if (res.isSome()) {
+                    return res;
+                }
+            }
+            return Optional.none();
+        };
+        return descend(scope);
+    };
+
+    const create$4 = (start, soffset, finish, foffset) => ({
+        start,
+        soffset,
+        finish,
+        foffset
+    });
+    // tslint:disable-next-line:variable-name
+    const SimRange = {
+        create: create$4
+    };
+
+    const adt$5 = Adt.generate([
+        { before: ['element'] },
+        { on: ['element', 'offset'] },
+        { after: ['element'] }
+    ]);
+    // Probably don't need this given that we now have "match"
+    const cata$1 = (subject, onBefore, onOn, onAfter) => subject.fold(onBefore, onOn, onAfter);
+    const getStart$1 = (situ) => situ.fold(identity, identity, identity);
+    const before$2 = adt$5.before;
+    const on = adt$5.on;
+    const after$2 = adt$5.after;
+    // tslint:disable-next-line:variable-name
+    const Situ = {
+        before: before$2,
+        on,
+        after: after$2,
+        cata: cata$1,
+        getStart: getStart$1
+    };
+
+    // Consider adding a type for "element"
+    const adt$4 = Adt.generate([
+        { domRange: ['rng'] },
+        { relative: ['startSitu', 'finishSitu'] },
+        { exact: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const exactFromRange = (simRange) => adt$4.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    const getStart = (selection) => selection.match({
+        domRange: (rng) => SugarElement.fromDom(rng.startContainer),
+        relative: (startSitu, _finishSitu) => Situ.getStart(startSitu),
+        exact: (start, _soffset, _finish, _foffset) => start
+    });
+    const domRange = adt$4.domRange;
+    const relative = adt$4.relative;
+    const exact = adt$4.exact;
+    const getWin = (selection) => {
+        const start = getStart(selection);
+        return defaultView(start);
+    };
+    // This is out of place but it's API so I can't remove it
+    const range = SimRange.create;
+    // tslint:disable-next-line:variable-name
+    const SimSelection = {
+        domRange,
+        relative,
+        exact,
+        exactFromRange,
+        getWin,
+        range
+    };
+
+    const caretPositionFromPoint = (doc, x, y) => {
+        var _a;
+        return Optional.from((_a = doc.caretPositionFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, x, y))
+            .bind((pos) => {
+            // It turns out that Firefox can return null for pos.offsetNode
+            if (pos.offsetNode === null) {
+                return Optional.none();
+            }
+            const r = doc.createRange();
+            r.setStart(pos.offsetNode, pos.offset);
+            r.collapse();
+            return Optional?.some(r);
+        });
+    };
+    const caretRangeFromPoint = (doc, x, y) => { var _a; return Optional.from((_a = doc.caretRangeFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, x, y)); };
+    const availableSearch = (doc, x, y) => {
+        if (doc.caretPositionFromPoint) {
+            return caretPositionFromPoint(doc, x, y); // defined standard, firefox only
+        }
+        else if (doc.caretRangeFromPoint) {
+            return caretRangeFromPoint(doc, x, y); // webkit/blink implementation
+        }
+        else {
+            return Optional.none(); // unsupported browser
+        }
+    };
+    const fromPoint = (win, x, y) => {
+        const doc = win.document;
+        return availableSearch(doc, x, y)?.map((rng) => SimRange.create(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
+    };
+
+    const beforeSpecial = (element, offset) => {
+        // From memory, we don't want to use <br> directly on Firefox because it locks the keyboard input.
+        // It turns out that <img> directly on IE locks the keyboard as well.
+        // If the offset is 0, use before. If the offset is 1, use after.
+        // TBIO-3889: Firefox Situ.on <input> results in a child of the <input>; Situ.before <input> results in platform inconsistencies
+        const name$1 = name(element);
+        if ('input' === name$1) {
+            return Situ.after(element);
+        }
+        else if (!contains$2(['br', 'img'], name$1)) {
+            return Situ.on(element, offset);
+        }
+        else {
+            return offset === 0 ? Situ.before(element) : Situ.after(element);
+        }
+    };
+    const preprocessRelative = (startSitu, finishSitu) => {
+        const start = startSitu.fold(Situ.before, beforeSpecial, Situ.after);
+        const finish = finishSitu.fold(Situ.before, beforeSpecial, Situ.after);
+        return SimSelection.relative(start, finish);
+    };
+    const preprocessExact = (start, soffset, finish, foffset) => {
+        const startSitu = beforeSpecial(start, soffset);
+        const finishSitu = beforeSpecial(finish, foffset);
+        return SimSelection.relative(startSitu, finishSitu);
+    };
+
+    const getNativeSelection = (win) => Optional.from(win.getSelection());
+    const doSetNativeRange = (win, rng) => {
+        getNativeSelection(win).each((selection) => {
+            selection.removeAllRanges();
+            selection.addRange(rng);
+        });
+    };
+    const doSetRange = (win, start, soffset, finish, foffset) => {
+        const rng = exactToNative(win, start, soffset, finish, foffset);
+        doSetNativeRange(win, rng);
+    };
+    const setLegacyRtlRange = (win, selection, start, soffset, finish, foffset) => {
+        selection.collapse(start.dom, soffset);
+        selection.extend(finish.dom, foffset);
+    };
+    const setRangeFromRelative = (win, relative) => diagnose(win, relative).match({
+        ltr: (start, soffset, finish, foffset) => {
+            doSetRange(win, start, soffset, finish, foffset);
+        },
+        rtl: (start, soffset, finish, foffset) => {
+            getNativeSelection(win).each((selection) => {
+                // If this selection is backwards, then we need to use extend.
+                if (selection.setBaseAndExtent) {
+                    selection.setBaseAndExtent(start.dom, soffset, finish.dom, foffset);
+                }
+                else if (selection.extend) {
+                    // This try catch is for older browsers (Firefox 52) as they're sometimes unable to handle setting backwards selections using selection.extend and error out.
+                    try {
+                        setLegacyRtlRange(win, selection, start, soffset, finish, foffset);
+                    }
+                    catch (_a) {
+                        // If it does fail, try again with ltr.
+                        doSetRange(win, finish, foffset, start, soffset);
+                    }
+                }
+                else {
+                    doSetRange(win, finish, foffset, start, soffset);
+                }
+            });
+        }
+    });
+    const setExact = (win, start, soffset, finish, foffset) => {
+        const relative = preprocessExact(start, soffset, finish, foffset);
+        setRangeFromRelative(win, relative);
+    };
+    const setRelative = (win, startSitu, finishSitu) => {
+        const relative = preprocessRelative(startSitu, finishSitu);
+        setRangeFromRelative(win, relative);
+    };
+    // NOTE: We are still reading the range because it gives subtly different behaviour
+    // than using the anchorNode and focusNode. I'm not sure if this behaviour is any
+    // better or worse; it's just different.
+    const readRange = (selection) => {
+        if (selection.rangeCount > 0) {
+            const firstRng = selection.getRangeAt(0);
+            const lastRng = selection.getRangeAt(selection.rangeCount - 1);
+            return Optional?.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const doGetExact = (selection) => {
+        if (selection.anchorNode === null || selection.focusNode === null) {
+            return readRange(selection);
+        }
+        else {
+            const anchor = SugarElement.fromDom(selection.anchorNode);
+            const focus = SugarElement.fromDom(selection.focusNode);
+            // if this returns true anchor is _after_ focus, so we need a custom selection object to maintain the RTL selection
+            return after$5(anchor, selection.anchorOffset, focus, selection.focusOffset) ? Optional?.some(SimRange.create(anchor, selection.anchorOffset, focus, selection.focusOffset)) : readRange(selection);
+        }
+    };
+    const setToElement = (win, element, selectNodeContents$1 = true) => {
+        const rngGetter = selectNodeContents$1 ? selectNodeContents : selectNode;
+        const rng = rngGetter(win, element);
+        doSetNativeRange(win, rng);
+    };
+    const getExact = (win) => 
+    // We want to retrieve the selection as it is.
+    getNativeSelection(win)
+        .filter((sel) => sel.rangeCount > 0)
+        .bind(doGetExact);
+    // TODO: Test this.
+    const get$3 = (win) => getExact(win)?.map((range) => SimSelection.exact(range.start, range.soffset, range.finish, range.foffset));
+    const getFirstRect = (win, selection) => {
+        const rng = asLtrRange(win, selection);
+        return getFirstRect$1(rng);
+    };
+    const getAtPoint = (win, x, y) => fromPoint(win, x, y);
+    const clear = (win) => {
+        getNativeSelection(win).each((selection) => selection.removeAllRanges());
+    };
+
+    const units = {
+        // we don't really support all of these different ways to express a length
+        unsupportedLength: [
+            'em',
+            'ex',
+            'cap',
+            'ch',
+            'ic',
+            'rem',
+            'lh',
+            'rlh',
+            'vw',
+            'vh',
+            'vi',
+            'vb',
+            'vmin',
+            'vmax',
+            'cm',
+            'mm',
+            'Q',
+            'in',
+            'pc',
+            'pt',
+            'px'
+        ],
+        // these are the length values we do support
+        fixed: ['px', 'pt'],
+        relative: ['%'],
+        empty: ['']
+    };
+    // Built from https://tc39.es/ecma262/#prod-StrDecimalLiteral
+    // Matches a float followed by a trailing set of characters
+    const pattern = (() => {
+        const decimalDigits = '[0-9]+';
+        const signedInteger = '[+-]?' + decimalDigits;
+        const exponentPart = '[eE]' + signedInteger;
+        const dot = '\\.';
+        const opt = (input) => `(?:${input})?`;
+        const unsignedDecimalLiteral = [
+            'Infinity',
+            decimalDigits + dot + opt(decimalDigits) + opt(exponentPart),
+            dot + decimalDigits + opt(exponentPart),
+            decimalDigits + opt(exponentPart)
+        ].join('|');
+        const float = `[+-]?(?:${unsignedDecimalLiteral})`;
+        return new RegExp(`^(${float})(.*)$`);
+    })();
+    const isUnit = (unit, accepted) => exists(accepted, (acc) => exists(units[acc], (check) => unit === check));
+    const parse = (input, accepted) => {
+        const match = Optional.from(pattern.exec(input));
+        return match.bind((array) => {
+            const value = Number(array[1]);
+            const unitRaw = array[2];
+            if (isUnit(unitRaw, accepted)) {
+                return Optional?.some({
+                    value,
+                    unit: unitRaw
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        });
+    };
+
+    const zero = (array) => map$1(array, constant(0));
+    const surround = (sizes, startIndex, endIndex, results, f) => f(sizes.slice(0, startIndex)).concat(results).concat(f(sizes.slice(endIndex)));
+    // Clamp positive or negative delta so that a column/row cannot be reduced past its min size
+    const clampDeltaHelper = (predicate) => (sizes, index, delta, minCellSize) => {
+        if (!predicate(delta)) {
+            return delta;
+        }
+        else {
+            const newSize = Math.max(minCellSize, sizes[index] - Math.abs(delta));
+            const diff = Math.abs(newSize - sizes[index]);
+            return delta >= 0 ? diff : -diff;
+        }
+    };
+    const clampNegativeDelta = clampDeltaHelper((delta) => delta < 0);
+    const clampDelta = clampDeltaHelper(always);
+    // Preserve the size of the columns/rows and adjust the table size
+    const resizeTable = () => {
+        const calcFixedDeltas = (sizes, index, next, delta, minCellSize) => {
+            const clampedDelta = clampNegativeDelta(sizes, index, delta, minCellSize);
+            return surround(sizes, index, next + 1, [clampedDelta, 0], zero);
+        };
+        // Calculate delta for adjusted column
+        // Also need to calculate deltas for all other columns/rows to ensure they stay at the same visual width/height
+        // when the table width/height is adjusted
+        const calcRelativeDeltas = (sizes, index, delta, minCellSize) => {
+            // ASSUMPTION: The delta will be a percentage. This may not be correct if other relative sizing is added, so we probably
+            // need a better way to calc the ratio.
+            const ratio = (100 + delta) / 100;
+            const newThis = Math.max(minCellSize, (sizes[index] + delta) / ratio);
+            return map$1(sizes, (size, idx) => {
+                const newSize = idx === index ? newThis : size / ratio;
+                return newSize - size;
+            });
+        };
+        // Calculations for the inner columns/rows
+        const calcLeftEdgeDeltas = (sizes, index, next, delta, minCellSize, isRelative) => {
+            if (isRelative) {
+                return calcRelativeDeltas(sizes, index, delta, minCellSize);
+            }
+            else {
+                return calcFixedDeltas(sizes, index, next, delta, minCellSize);
+            }
+        };
+        const calcMiddleDeltas = (sizes, _prev, index, next, delta, minCellSize, isRelative) => calcLeftEdgeDeltas(sizes, index, next, delta, minCellSize, isRelative);
+        const resizeTable = (resizer, delta) => resizer(delta);
+        // Calculations for the last column/row resizer
+        const calcRightEdgeDeltas = (sizes, _prev, index, delta, minCellSize, isRelative) => {
+            if (isRelative) {
+                return calcRelativeDeltas(sizes, index, delta, minCellSize);
+            }
+            else {
+                const clampedDelta = clampNegativeDelta(sizes, index, delta, minCellSize);
+                return zero(sizes.slice(0, index)).concat([clampedDelta]);
+            }
+        };
+        const calcRedestributedWidths = (sizes, totalWidth, pixelDelta, isRelative) => {
+            if (isRelative) {
+                const tableWidth = totalWidth + pixelDelta;
+                const ratio = tableWidth / totalWidth;
+                const newSizes = map$1(sizes, (size) => size / ratio);
+                return {
+                    delta: (ratio * 100) - 100,
+                    newSizes,
+                };
+            }
+            else {
+                return {
+                    delta: pixelDelta,
+                    newSizes: sizes,
+                };
+            }
+        };
+        return {
+            resizeTable,
+            clampTableDelta: clampNegativeDelta,
+            calcLeftEdgeDeltas,
+            calcMiddleDeltas,
+            calcRightEdgeDeltas,
+            calcRedestributedWidths,
+        };
+    };
+    // Distribute the column/rows and try to preserve the table size
+    const preserveTable = () => {
+        // Calculations for the inner columns/rows
+        const calcLeftEdgeDeltas = (sizes, index, next, delta, minCellSize) => {
+            const idx = delta >= 0 ? next : index;
+            const clampedDelta = clampDelta(sizes, idx, delta, minCellSize);
+            // negative delta -> deltas becomes [ neg, pos ], positive delta -> deltas becomes [ pos, neg ]
+            return surround(sizes, index, next + 1, [clampedDelta, -clampedDelta], zero);
+        };
+        const calcMiddleDeltas = (sizes, _prev, index, next, delta, minCellSize) => calcLeftEdgeDeltas(sizes, index, next, delta, minCellSize);
+        const resizeTable = (resizer, delta, isLastColumn) => {
+            if (isLastColumn) {
+                resizer(delta);
+            }
+        };
+        // Calculations for the last column/row resizer
+        const calcRightEdgeDeltas = (sizes, _prev, _index, delta, _minCellSize, isRelative) => {
+            if (isRelative) {
+                return zero(sizes);
+            }
+            else {
+                // Distribute the delta amongst all of the columns/rows
+                const diff = delta / sizes.length;
+                return map$1(sizes, constant(diff));
+            }
+        };
+        const clampTableDelta = (sizes, index, delta, minCellSize, isLastColumn) => {
+            // Don't clamp the last resizer using normal methods
+            // Need to allow table width to be reduced past the last column position to allow for distributive resizing
+            if (isLastColumn) {
+                if (delta >= 0) {
+                    return delta;
+                }
+                else {
+                    // Clamp delta so that none of the columns/rows can reduce below their min size
+                    const maxDelta = foldl(sizes, (a, b) => a + b - minCellSize, 0);
+                    return Math.max(-maxDelta, delta);
+                }
+            }
+            else {
+                return clampNegativeDelta(sizes, index, delta, minCellSize);
+            }
+        };
+        const calcRedestributedWidths = (sizes, _totalWidth, _pixelDelta, _isRelative) => ({
+            delta: 0,
+            newSizes: sizes,
+        });
+        return {
+            resizeTable,
+            clampTableDelta,
+            calcLeftEdgeDeltas,
+            calcMiddleDeltas,
+            calcRightEdgeDeltas,
+            calcRedestributedWidths
+        };
+    };
+
+    const getAttrValue = (cell, name, fallback = 0) => getOpt(cell, name)?.map((value) => parseInt(value, 10)).getOr(fallback);
+    const getSpan = (cell, type) => getAttrValue(cell, type, 1);
+    const hasColspan = (cellOrCol) => {
+        if (isTag('col')(cellOrCol)) {
+            return getAttrValue(cellOrCol, 'span', 1) > 1;
+        }
+        else {
+            return getSpan(cellOrCol, 'colspan') > 1;
+        }
+    };
+    const hasRowspan = (cell) => getSpan(cell, 'rowspan') > 1;
+    const getCssValue = (element, property) => parseInt(get$9(element, property), 10);
+    const minWidth = constant(10);
+    const minHeight = constant(10);
+
+    const firstLayer = (scope, selector) => {
+        return filterFirstLayer(scope, selector, always);
+    };
+    const filterFirstLayer = (scope, selector, predicate) => {
+        return bind$2(children$2(scope), (x) => {
+            if (is$1(x, selector)) {
+                return predicate(x) ? [x] : [];
+            }
+            else {
+                return filterFirstLayer(x, selector, predicate);
+            }
+        });
+    };
+
+    // lookup inside this table
+    const lookup = (tags, element, isRoot = never) => {
+        // If the element we're inspecting is the root, we definitely don't want it.
+        if (isRoot(element)) {
+            return Optional.none();
+        }
+        // This looks a lot like SelectorFind.closest, with one big exception - the isRoot check.
+        // The code here will look for parents if passed a table, SelectorFind.closest with that specific isRoot check won't.
+        if (contains$2(tags, name(element))) {
+            return Optional?.some(element);
+        }
+        const isRootOrUpperTable = (elm) => is$1(elm, 'table') || isRoot(elm);
+        return ancestor$1(element, tags.join(','), isRootOrUpperTable);
+    };
+    /*
+     * Identify the optional cell that element represents.
+     */
+    const cell = (element, isRoot) => lookup(['td', 'th'], element, isRoot);
+    const cells$1 = (ancestor) => firstLayer(ancestor, 'th,td');
+    const columns$1 = (ancestor) => {
+        if (is$1(ancestor, 'colgroup')) {
+            return children(ancestor, 'col');
+        }
+        else {
+            return bind$2(columnGroups(ancestor), (columnGroup) => children(columnGroup, 'col'));
+        }
+    };
+    const table = (element, isRoot) => closest$1(element, 'table', isRoot);
+    const rows$1 = (ancestor) => firstLayer(ancestor, 'tr');
+    const columnGroups = (ancestor) => table(ancestor).fold(constant([]), (table) => children(table, 'colgroup'));
+
+    const isHeaderCell = isTag('th');
+    const isHeaderCells = (cells) => forall(cells, (cell) => isHeaderCell(cell.element));
+    const getRowHeaderType = (isHeaderRow, isHeaderCells) => {
+        if (isHeaderRow && isHeaderCells) {
+            return 'sectionCells';
+        }
+        else if (isHeaderRow) {
+            return 'section';
+        }
+        else {
+            return 'cells';
+        }
+    };
+    const getRowType = (row) => {
+        // Header rows can use a combination of theads and ths - want to detect the different combinations
+        const isHeaderRow = row.section === 'thead';
+        const isHeaderCells = is$2(findCommonCellType(row.cells), 'th');
+        if (row.section === 'tfoot') {
+            return { type: 'footer' };
+        }
+        else if (isHeaderRow || isHeaderCells) {
+            return { type: 'header', subType: getRowHeaderType(isHeaderRow, isHeaderCells) };
+        }
+        else {
+            return { type: 'body' };
+        }
+    };
+    const findCommonCellType = (cells) => {
+        const headerCells = filter$2(cells, (cell) => isHeaderCell(cell.element));
+        if (headerCells.length === 0) {
+            return Optional?.some('td');
+        }
+        else if (headerCells.length === cells.length) {
+            return Optional?.some('th');
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const findCommonRowType = (rows) => {
+        const rowTypes = map$1(rows, (row) => getRowType(row).type);
+        const hasHeader = contains$2(rowTypes, 'header');
+        const hasFooter = contains$2(rowTypes, 'footer');
+        if (!hasHeader && !hasFooter) {
+            return Optional?.some('body');
+        }
+        else {
+            const hasBody = contains$2(rowTypes, 'body');
+            if (hasHeader && !hasBody && !hasFooter) {
+                return Optional?.some('header');
+            }
+            else if (!hasHeader && !hasBody && hasFooter) {
+                return Optional?.some('footer');
+            }
+            else {
+                return Optional.none();
+            }
+        }
+    };
+    const findTableRowHeaderType = (warehouse) => findMap(warehouse.all, (row) => {
+        const rowType = getRowType(row);
+        return rowType.type === 'header' ? Optional.from(rowType.subType) : Optional.none();
+    });
+
+    const fromRowsOrColGroups = (elems, getSection) => map$1(elems, (row) => {
+        if (name(row) === 'colgroup') {
+            const cells = map$1(columns$1(row), (column) => {
+                const colspan = getAttrValue(column, 'span', 1);
+                return detail(column, 1, colspan);
+            });
+            return rowdetail(row, cells, 'colgroup');
+        }
+        else {
+            const cells = map$1(cells$1(row), (cell) => {
+                const rowspan = getAttrValue(cell, 'rowspan', 1);
+                const colspan = getAttrValue(cell, 'colspan', 1);
+                return detail(cell, rowspan, colspan);
+            });
+            return rowdetail(row, cells, getSection(row));
+        }
+    });
+    const getParentSection = (group) => parent(group)?.map((parent) => {
+        const parentName = name(parent);
+        return isValidSection(parentName) ? parentName : 'tbody';
+    }).getOr('tbody');
+    /*
+     * Takes a DOM table and returns a list of list of:
+       element: row element
+       cells: (id, rowspan, colspan) structs
+     */
+    const fromTable$1 = (table) => {
+        const rows = rows$1(table);
+        const columnGroups$1 = columnGroups(table);
+        const elems = [...columnGroups$1, ...rows];
+        return fromRowsOrColGroups(elems, getParentSection);
+    };
+    const fromPastedRows = (elems, section) => fromRowsOrColGroups(elems, () => section);
+
+    const LOCKED_COL_ATTR = 'data-snooker-locked-cols';
+    const getLockedColumnsFromTable = (table) => getOpt(table, LOCKED_COL_ATTR)
+        .bind((lockedColStr) => Optional.from(lockedColStr.match(/\d+/g)))
+        ?.map((lockedCols) => mapToObject(lockedCols, always));
+    // Need to check all of the cells to determine which columns are locked - reasoning is because rowspan and colspan cells where the same cell is used by multiple columns
+    const getLockedColumnsFromGrid = (grid) => {
+        const locked = foldl(extractGridDetails(grid).rows, (acc, row) => {
+            each$2(row.cells, (cell, idx) => {
+                if (cell.isLocked) {
+                    acc[idx] = true;
+                }
+            });
+            return acc;
+        }, {});
+        const lockedArr = mapToArray(locked, (_val, key) => parseInt(key, 10));
+        return sort$1(lockedArr);
+    };
+
+    const key = (row, column) => {
+        return row + ',' + column;
+    };
+    const getAt = (warehouse, row, column) => Optional.from(warehouse.access[key(row, column)]);
+    const findItem = (warehouse, item, comparator) => {
+        const filtered = filterItems(warehouse, (detail) => {
+            return comparator(item, detail.element);
+        });
+        return filtered.length > 0 ? Optional?.some(filtered[0]) : Optional.none();
+    };
+    const filterItems = (warehouse, predicate) => {
+        const all = bind$2(warehouse.all, (r) => {
+            return r.cells;
+        });
+        return filter$2(all, predicate);
+    };
+    const generateColumns = (rowData) => {
+        const columnsGroup = {};
+        let index = 0;
+        each$2(rowData.cells, (column) => {
+            const colspan = column.colspan;
+            range$1(colspan, (columnIndex) => {
+                const colIndex = index + columnIndex;
+                columnsGroup[colIndex] = columnext(column.element, colspan, colIndex);
+            });
+            index += colspan;
+        });
+        return columnsGroup;
+    };
+    /*
+     * From a list of list of Detail, generate three pieces of information:
+     *  1. the grid size
+     *  2. a data structure which can efficiently identify which cell is in which row,column position
+     *  3. a list of all cells in order left-to-right, top-to-bottom
+     */
+    const generate = (list) => {
+        // list is an array of objects, made by cells and elements
+        // elements: is the TR
+        // cells: is an array of objects representing the cells in the row.
+        //        It is made of:
+        //          colspan (merge cell)
+        //          element
+        //          rowspan (merge cols)
+        const access = {};
+        const cells = [];
+        const tableOpt = head(list)?.map((rowData) => rowData.element).bind(table);
+        const lockedColumns = tableOpt.bind(getLockedColumnsFromTable).getOr({});
+        let maxRows = 0;
+        let maxColumns = 0;
+        let rowCount = 0;
+        const { pass: colgroupRows, fail: rows } = partition(list, (rowData) => rowData.section === 'colgroup');
+        // Handle rows first
+        each$2(rows, (rowData) => {
+            const currentRow = [];
+            each$2(rowData.cells, (rowCell) => {
+                let start = 0;
+                // If this spot has been taken by a previous rowspan, skip it.
+                while (access[key(rowCount, start)] !== undefined) {
+                    start++;
+                }
+                const isLocked = hasNonNullableKey(lockedColumns, start.toString());
+                const current = extended(rowCell.element, rowCell.rowspan, rowCell.colspan, rowCount, start, isLocked);
+                // Occupy all the (row, column) positions that this cell spans for.
+                for (let occupiedColumnPosition = 0; occupiedColumnPosition < rowCell.colspan; occupiedColumnPosition++) {
+                    for (let occupiedRowPosition = 0; occupiedRowPosition < rowCell.rowspan; occupiedRowPosition++) {
+                        const rowPosition = rowCount + occupiedRowPosition;
+                        const columnPosition = start + occupiedColumnPosition;
+                        const newpos = key(rowPosition, columnPosition);
+                        access[newpos] = current;
+                        maxColumns = Math.max(maxColumns, columnPosition + 1);
+                    }
+                }
+                currentRow.push(current);
+            });
+            maxRows++;
+            cells.push(rowdetail(rowData.element, currentRow, rowData.section));
+            rowCount++;
+        });
+        // Handle colgroups
+        // Note: Currently only a single colgroup is supported so just use the last one
+        const { columns, colgroups } = last$2(colgroupRows)?.map((rowData) => {
+            const columns = generateColumns(rowData);
+            const colgroup$1 = colgroup(rowData.element, values(columns));
+            return {
+                colgroups: [colgroup$1],
+                columns
+            };
+        }).getOrThunk(() => ({
+            colgroups: [],
+            columns: {}
+        }));
+        const grid$1 = grid(maxRows, maxColumns);
+        return {
+            grid: grid$1,
+            access,
+            all: cells,
+            columns,
+            colgroups
+        };
+    };
+    const fromTable = (table) => {
+        const list = fromTable$1(table);
+        return generate(list);
+    };
+    const justCells = (warehouse) => bind$2(warehouse.all, (w) => w.cells);
+    const justColumns = (warehouse) => values(warehouse.columns);
+    const hasColumns = (warehouse) => keys(warehouse.columns).length > 0;
+    const getColumnAt = (warehouse, columnIndex) => Optional.from(warehouse.columns[columnIndex]);
+    const Warehouse = {
+        fromTable,
+        generate,
+        getAt,
+        findItem,
+        filterItems,
+        justCells,
+        justColumns,
+        hasColumns,
+        getColumnAt
+    };
+
+    const transformCell = (cell, comparator, substitution) => elementnew(substitution(cell.element, comparator), true, cell.isLocked);
+    const transformRow = (row, section) => row.section !== section ? rowcells(row.element, row.cells, section, row.isNew) : row;
+    const section = () => ({
+        transformRow,
+        transformCell: (cell, comparator, substitution) => {
+            const newCell = substitution(cell.element, comparator);
+            // Convert the cell to a td element as "section" should always use td element
+            const fixedCell = name(newCell) !== 'td' ? mutate$1(newCell, 'td') : newCell;
+            return elementnew(fixedCell, cell.isNew, cell.isLocked);
+        }
+    });
+    const sectionCells = () => ({
+        transformRow,
+        transformCell
+    });
+    const cells = () => ({
+        transformRow: (row, section) => {
+            // Ensure that cells are always within the tbody for headers
+            const newSection = section === 'thead' ? 'tbody' : section;
+            return transformRow(row, newSection);
+        },
+        transformCell
+    });
+    // A fallback legacy type that won't adjust the row/section type
+    // and instead will only modify cells
+    const fallback = () => ({
+        transformRow: identity,
+        transformCell
+    });
+    const getTableSectionType = (table, fallback) => {
+        const warehouse = Warehouse.fromTable(table);
+        const type = findTableRowHeaderType(warehouse).getOr(fallback);
+        switch (type) {
+            case 'section':
+                return section();
+            case 'sectionCells':
+                return sectionCells();
+            case 'cells':
+                return cells();
+        }
+    };
+    const TableSection = {
+        getTableSectionType,
+        section,
+        sectionCells,
+        cells,
+        fallback
+    };
+
+    /*
+     * Identify for each column, a cell that has colspan 1. Note, this
+     * may actually fail, and future work will be to calculate column
+     * sizes that are only available through the difference of two
+     * spanning columns.
+     */
+    const columns = (warehouse, isValidCell = always) => {
+        const grid = warehouse.grid;
+        const cols = range$1(grid.columns, identity);
+        const rowsArr = range$1(grid.rows, identity);
+        return map$1(cols, (col) => {
+            const getBlock = () => bind$2(rowsArr, (r) => Warehouse.getAt(warehouse, r, col)
+                .filter((detail) => detail.column === col)
+                .toArray());
+            const isValid = (detail) => detail.colspan === 1 && isValidCell(detail.element);
+            const getFallback = () => Warehouse.getAt(warehouse, 0, col);
+            return decide(getBlock, isValid, getFallback);
+        });
+    };
+    const decide = (getBlock, isValid, getFallback) => {
+        const inBlock = getBlock();
+        const validInBlock = find$1(inBlock, isValid);
+        const detailOption = validInBlock.orThunk(() => Optional.from(inBlock[0]).orThunk(getFallback));
+        return detailOption?.map((detail) => detail.element);
+    };
+    const rows = (warehouse) => {
+        const grid = warehouse.grid;
+        const rowsArr = range$1(grid.rows, identity);
+        const cols = range$1(grid.columns, identity);
+        return map$1(rowsArr, (row) => {
+            const getBlock = () => bind$2(cols, (c) => Warehouse.getAt(warehouse, row, c)
+                .filter((detail) => detail.row === row)
+                .fold(constant([]), (detail) => [detail]));
+            const isSingle = (detail) => detail.rowspan === 1;
+            const getFallback = () => Warehouse.getAt(warehouse, row, 0);
+            return decide(getBlock, isSingle, getFallback);
+        });
+    };
+
+    const deduce = (xs, index) => {
+        if (index < 0 || index >= xs.length - 1) {
+            return Optional.none();
+        }
+        const current = xs[index].fold(() => {
+            const rest = reverse(xs.slice(0, index));
+            return findMap(rest, (a, i) => a?.map((aa) => ({ value: aa, delta: i + 1 })));
+        }, (c) => Optional?.some({ value: c, delta: 0 }));
+        const next = xs[index + 1].fold(() => {
+            const rest = xs.slice(index + 1);
+            return findMap(rest, (a, i) => a?.map((aa) => ({ value: aa, delta: i + 1 })));
+        }, (n) => Optional?.some({ value: n, delta: 1 }));
+        return current.bind((c) => next?.map((n) => {
+            const extras = n.delta + c.delta;
+            return Math.abs(n.value - c.value) / extras;
+        }));
+    };
+
+    const rowInfo = (row, y) => ({
+        row,
+        y
+    });
+    const colInfo = (col, x) => ({
+        col,
+        x
+    });
+    const rtlEdge = (cell) => {
+        const pos = absolute(cell);
+        return pos.left + getOuter(cell);
+    };
+    const ltrEdge = (cell) => {
+        return absolute(cell).left;
+    };
+    const getLeftEdge = (index, cell) => {
+        return colInfo(index, ltrEdge(cell));
+    };
+    const getRightEdge = (index, cell) => {
+        return colInfo(index, rtlEdge(cell));
+    };
+    const getTop$1 = (cell) => {
+        return absolute(cell).top;
+    };
+    const getTopEdge = (index, cell) => {
+        return rowInfo(index, getTop$1(cell));
+    };
+    const getBottomEdge = (index, cell) => {
+        return rowInfo(index, getTop$1(cell) + getOuter$1(cell));
+    };
+    const findPositions = (getInnerEdge, getOuterEdge, array) => {
+        if (array.length === 0) {
+            return [];
+        }
+        const lines = map$1(array.slice(1), (cellOption, index) => {
+            return cellOption?.map((cell) => {
+                return getInnerEdge(index, cell);
+            });
+        });
+        const lastLine = array[array.length - 1]?.map((cell) => {
+            return getOuterEdge(array.length - 1, cell);
+        });
+        return lines.concat([lastLine]);
+    };
+    const negate = (step) => {
+        return -step;
+    };
+    const height = {
+        delta: identity,
+        positions: (optElements) => findPositions(getTopEdge, getBottomEdge, optElements),
+        edge: getTop$1
+    };
+    const ltr$1 = {
+        delta: identity,
+        edge: ltrEdge,
+        positions: (optElements) => findPositions(getLeftEdge, getRightEdge, optElements)
+    };
+    const rtl$1 = {
+        delta: negate,
+        edge: rtlEdge,
+        positions: (optElements) => findPositions(getRightEdge, getLeftEdge, optElements)
+    };
+    const detect$1 = onDirection(ltr$1, rtl$1);
+    const width = {
+        delta: (amount, table) => detect$1(table).delta(amount, table),
+        positions: (cols, table) => detect$1(table).positions(cols, table),
+        edge: (cell) => detect$1(cell).edge(cell)
+    };
+
+    const rPercentageBasedSizeRegex = /(\d+(\.\d+)?)%/;
+    const rPixelBasedSizeRegex = /(\d+(\.\d+)?)px|em/;
+    const isCol$2 = isTag('col');
+    const isRow$2 = isTag('tr');
+    const getPercentSize = (elm, outerGetter, innerGetter) => {
+        const relativeParent = parentElement(elm).getOrThunk(() => getBody$1(owner(elm)));
+        return outerGetter(elm) / innerGetter(relativeParent) * 100;
+    };
+    const setPixelWidth = (cell, amount) => {
+        set$1(cell, 'width', amount + 'px');
+    };
+    const setPercentageWidth = (cell, amount) => {
+        set$1(cell, 'width', amount + '%');
+    };
+    const setHeight = (cell, amount) => {
+        set$1(cell, 'height', amount + 'px');
+    };
+    const removeHeight = (cell) => {
+        remove$4(cell, 'height');
+    };
+    const getHeightValue = (cell) => getRuntime$1(cell) + 'px';
+    const convert = (cell, number, getter, setter) => {
+        const newSize = table(cell)?.map((table) => {
+            const total = getter(table);
+            return Math.floor((number / 100.0) * total);
+        }).getOr(number);
+        setter(cell, newSize);
+        return newSize;
+    };
+    const normalizePixelSize = (value, cell, getter, setter) => {
+        const number = parseFloat(value);
+        return endsWith(value, '%') && name(cell) !== 'table' ? convert(cell, number, getter, setter) : number;
+    };
+    const getTotalHeight = (cell) => {
+        const value = getHeightValue(cell);
+        if (!value) {
+            return get$8(cell);
+        }
+        return normalizePixelSize(value, cell, get$8, setHeight);
+    };
+    const get$2 = (cell, type, f) => {
+        const v = f(cell);
+        const span = getSpan(cell, type);
+        return v / span;
+    };
+    const getRaw = (element, prop) => {
+        // Try to use the style first, otherwise attempt to get the value from an attribute
+        return getRaw$2(element, prop).orThunk(() => {
+            return getOpt(element, prop)?.map((val) => val + 'px');
+        });
+    };
+    const getRawWidth$1 = (element) => getRaw(element, 'width');
+    const getRawHeight$1 = (element) => getRaw(element, 'height');
+    // Get a percentage size for a percentage parent table
+    const getPercentageWidth = (cell) => getPercentSize(cell, get$7, getInner);
+    const getPixelWidth$1 = (cell) => 
+    // For col elements use the computed width as col elements aren't affected by borders, padding, etc...
+    isCol$2(cell) ? get$7(cell) : getRuntime(cell);
+    const getHeight = (cell) => {
+        return isRow$2(cell) ? get$8(cell) : get$2(cell, 'rowspan', getTotalHeight);
+    };
+    const getGenericWidth = (cell) => {
+        const width = getRawWidth$1(cell);
+        return width.bind((w) => parse(w, ['fixed', 'relative', 'empty']));
+    };
+    const setGenericWidth = (cell, amount, unit) => {
+        set$1(cell, 'width', amount + unit);
+    };
+    const getPixelTableWidth = (table) => get$7(table) + 'px';
+    const getPixelTableHeight = (table) => get$8(table) + 'px';
+    const getPercentTableWidth = (table) => getPercentSize(table, get$7, getInner) + '%';
+    const isPercentSizing$1 = (table) => getRawWidth$1(table).exists((size) => rPercentageBasedSizeRegex.test(size));
+    const isPixelSizing$1 = (table) => getRawWidth$1(table).exists((size) => rPixelBasedSizeRegex.test(size));
+    const isNoneSizing$1 = (table) => getRawWidth$1(table).isNone();
+    const percentageBasedSizeRegex = constant(rPercentageBasedSizeRegex);
+
+    const isCol$1 = isTag('col');
+    const getRawW = (cell) => {
+        return getRawWidth$1(cell).getOrThunk(() => getPixelWidth$1(cell) + 'px');
+    };
+    const getRawH = (cell) => {
+        return getRawHeight$1(cell).getOrThunk(() => getHeight(cell) + 'px');
+    };
+    const justCols = (warehouse) => map$1(Warehouse.justColumns(warehouse), (column) => Optional.from(column.element));
+    // Col elements don't have valid computed widths/positions in all browsers, so treat them as invalid in that case
+    const isValidColumn = (cell) => {
+        const browser = detect$2().browser;
+        const supportsColWidths = browser.isChromium() || browser.isFirefox();
+        return isCol$1(cell) ? supportsColWidths : true;
+    };
+    const getDimension = (cellOpt, index, backups, filter, getter, fallback) => cellOpt.filter(filter).fold(
+    // Can't just read the width of a cell, so calculate.
+    () => fallback(deduce(backups, index)), (cell) => getter(cell));
+    const getWidthFrom = (warehouse, table, getWidth, fallback) => {
+        // Only treat a cell as being valid for a column representation if it has a raw width, otherwise we won't be able to calculate the expected width.
+        // This is needed as one cell may have a width but others may not, so we need to try and use one with a specified width first.
+        const columnCells = columns(warehouse);
+        const columns$1 = Warehouse.hasColumns(warehouse) ? justCols(warehouse) : columnCells;
+        const backups = [Optional?.some(width.edge(table))].concat(map$1(width.positions(columnCells, table), (pos) => pos?.map((p) => p.x)));
+        // Only use the width of cells that have no column span (or colspan 1)
+        const colFilter = not(hasColspan);
+        return map$1(columns$1, (cellOption, c) => {
+            return getDimension(cellOption, c, backups, colFilter, (column) => {
+                if (isValidColumn(column)) {
+                    return getWidth(column);
+                }
+                else {
+                    // Invalid column so fallback to trying to get the computed width from the cell
+                    const cell = bindFrom(columnCells[c], identity);
+                    return getDimension(cell, c, backups, colFilter, (cell) => fallback(Optional?.some(get$7(cell))), fallback);
+                }
+            }, fallback);
+        });
+    };
+    const getDeduced = (deduced) => {
+        return deduced?.map((d) => {
+            return d + 'px';
+        }).getOr('');
+    };
+    const getRawWidths = (warehouse, table) => {
+        return getWidthFrom(warehouse, table, getRawW, getDeduced);
+    };
+    const getPercentageWidths = (warehouse, table, tableSize) => {
+        return getWidthFrom(warehouse, table, getPercentageWidth, (deduced) => {
+            return deduced.fold(() => {
+                return tableSize.minCellWidth();
+            }, (cellWidth) => {
+                return cellWidth / tableSize.pixelWidth() * 100;
+            });
+        });
+    };
+    const getPixelWidths = (warehouse, table, tableSize) => {
+        return getWidthFrom(warehouse, table, getPixelWidth$1, (deduced) => {
+            // Minimum cell width when all else fails.
+            return deduced.getOrThunk(tableSize.minCellWidth);
+        });
+    };
+    const getHeightFrom = (warehouse, table, getHeight, fallback) => {
+        const rowCells = rows(warehouse);
+        const rows$1 = map$1(warehouse.all, (r) => Optional?.some(r.element));
+        const backups = [Optional?.some(height.edge(table))].concat(map$1(height.positions(rowCells, table), (pos) => pos?.map((p) => p.y)));
+        return map$1(rows$1, (row, i) => getDimension(row, i, backups, always, getHeight, fallback));
+    };
+    const getPixelHeights = (warehouse, table) => {
+        return getHeightFrom(warehouse, table, getHeight, (deduced) => {
+            return deduced.getOrThunk(minHeight);
+        });
+    };
+    const getRawHeights = (warehouse, table) => {
+        return getHeightFrom(warehouse, table, getRawH, getDeduced);
+    };
+
+    const widthLookup = (table, getter) => () => {
+        // Use the actual width if attached, otherwise fallback to the raw width
+        if (inBody(table)) {
+            return getter(table);
+        }
+        else {
+            return parseFloat(getRaw$2(table, 'width').getOr('0'));
+        }
+    };
+    const noneSize = (table) => {
+        const getWidth = widthLookup(table, get$7);
+        const zero = constant(0);
+        const getWidths = (warehouse, tableSize) => getPixelWidths(warehouse, table, tableSize);
+        // Note: The 3 delta functions below return 0 to signify a change shouldn't be made
+        // however this is currently not used, so may need changing if ever used
+        return {
+            width: getWidth,
+            pixelWidth: getWidth,
+            getWidths,
+            getCellDelta: zero,
+            singleColumnWidth: constant([0]),
+            minCellWidth: zero,
+            setElementWidth: noop,
+            adjustTableWidth: noop,
+            isRelative: true,
+            label: 'none'
+        };
+    };
+    const percentageSize = (table) => {
+        const getFloatWidth = widthLookup(table, (elem) => parseFloat(getPercentTableWidth(elem)));
+        const getWidth = widthLookup(table, get$7);
+        const getCellDelta = (delta) => delta / getWidth() * 100;
+        // If we have one column in a percent based table, that column should be 100% of the width of the table.
+        const singleColumnWidth = (w, _delta) => [100 - w];
+        // Get the width of a 10 pixel wide cell over the width of the table as a percentage
+        const minCellWidth = () => minWidth() / getWidth() * 100;
+        const adjustTableWidth = (delta) => {
+            const currentWidth = getFloatWidth();
+            const change = delta / 100 * currentWidth;
+            const newWidth = currentWidth + change;
+            setPercentageWidth(table, newWidth);
+        };
+        const getWidths = (warehouse, tableSize) => getPercentageWidths(warehouse, table, tableSize);
+        return {
+            width: getFloatWidth,
+            pixelWidth: getWidth,
+            getWidths,
+            getCellDelta,
+            singleColumnWidth,
+            minCellWidth,
+            setElementWidth: setPercentageWidth,
+            adjustTableWidth,
+            isRelative: true,
+            label: 'percent'
+        };
+    };
+    const pixelSize = (table) => {
+        const getWidth = widthLookup(table, get$7);
+        const getCellDelta = identity;
+        const singleColumnWidth = (w, delta) => {
+            const newNext = Math.max(minWidth(), w + delta);
+            return [newNext - w];
+        };
+        const adjustTableWidth = (delta) => {
+            const newWidth = getWidth() + delta;
+            setPixelWidth(table, newWidth);
+        };
+        const getWidths = (warehouse, tableSize) => getPixelWidths(warehouse, table, tableSize);
+        return {
+            width: getWidth,
+            pixelWidth: getWidth,
+            getWidths,
+            getCellDelta,
+            singleColumnWidth,
+            minCellWidth: minWidth,
+            setElementWidth: setPixelWidth,
+            adjustTableWidth,
+            isRelative: false,
+            label: 'pixel'
+        };
+    };
+    const chooseSize = (element, width) => {
+        const percentMatch = percentageBasedSizeRegex().exec(width);
+        if (percentMatch !== null) {
+            return percentageSize(element);
+        }
+        else {
+            return pixelSize(element);
+        }
+    };
+    const getTableSize = (table) => {
+        const width = getRawWidth$1(table);
+        return width.fold(() => noneSize(table), (w) => chooseSize(table, w));
+    };
+    const TableSize = {
+        getTableSize,
+        pixelSize,
+        percentageSize,
+        noneSize
+    };
+
+    const setIfNot = (element, property, value, ignore) => {
+        if (value === ignore) {
+            remove$6(element, property);
+        }
+        else {
+            set$2(element, property, value);
+        }
+    };
+    const insert$1 = (table, selector, element) => {
+        last$2(children(table, selector)).fold(() => prepend(table, element), (child) => after$4(child, element));
+    };
+    const generateSection = (table, sectionName) => {
+        const section = child(table, sectionName).getOrThunk(() => {
+            const newSection = SugarElement.fromTag(sectionName, owner(table).dom);
+            if (sectionName === 'thead') {
+                insert$1(table, 'caption,colgroup', newSection);
+            }
+            else if (sectionName === 'colgroup') {
+                insert$1(table, 'caption', newSection);
+            }
+            else {
+                append$1(table, newSection);
+            }
+            return newSection;
+        });
+        empty(section);
+        return section;
+    };
+    const render$1 = (table, grid) => {
+        const newRows = [];
+        const newCells = [];
+        const syncRows = (gridSection) => map$1(gridSection, (row) => {
+            if (row.isNew) {
+                newRows.push(row.element);
+            }
+            const tr = row.element;
+            empty(tr);
+            each$2(row.cells, (cell) => {
+                if (cell.isNew) {
+                    newCells.push(cell.element);
+                }
+                setIfNot(cell.element, 'colspan', cell.colspan, 1);
+                setIfNot(cell.element, 'rowspan', cell.rowspan, 1);
+                append$1(tr, cell.element);
+            });
+            return tr;
+        });
+        // Assumption we should only ever have 1 colgroup. The spec allows for multiple, however it's currently unsupported
+        const syncColGroup = (gridSection) => bind$2(gridSection, (colGroup) => map$1(colGroup.cells, (col) => {
+            setIfNot(col.element, 'span', col.colspan, 1);
+            return col.element;
+        }));
+        const renderSection = (gridSection, sectionName) => {
+            const section = generateSection(table, sectionName);
+            const sync = sectionName === 'colgroup' ? syncColGroup : syncRows;
+            const sectionElems = sync(gridSection);
+            append(section, sectionElems);
+        };
+        const removeSection = (sectionName) => {
+            child(table, sectionName).each(remove$5);
+        };
+        const renderOrRemoveSection = (gridSection, sectionName) => {
+            if (gridSection.length > 0) {
+                renderSection(gridSection, sectionName);
+            }
+            else {
+                removeSection(sectionName);
+            }
+        };
+        const headSection = [];
+        const bodySection = [];
+        const footSection = [];
+        const columnGroupsSection = [];
+        each$2(grid, (row) => {
+            switch (row.section) {
+                case 'thead':
+                    headSection.push(row);
+                    break;
+                case 'tbody':
+                    bodySection.push(row);
+                    break;
+                case 'tfoot':
+                    footSection.push(row);
+                    break;
+                case 'colgroup':
+                    columnGroupsSection.push(row);
+                    break;
+            }
+        });
+        renderOrRemoveSection(columnGroupsSection, 'colgroup');
+        renderOrRemoveSection(headSection, 'thead');
+        renderOrRemoveSection(bodySection, 'tbody');
+        renderOrRemoveSection(footSection, 'tfoot');
+        return {
+            newRows,
+            newCells
+        };
+    };
+    const copy = (grid) => map$1(grid, (row) => {
+        // Shallow copy the row element
+        const tr = shallow(row.element);
+        each$2(row.cells, (cell) => {
+            const clonedCell = deep(cell.element);
+            setIfNot(clonedCell, 'colspan', cell.colspan, 1);
+            setIfNot(clonedCell, 'rowspan', cell.rowspan, 1);
+            append$1(tr, clonedCell);
+        });
+        return tr;
+    });
+
+    const getColumn = (grid, index) => {
+        return map$1(grid, (row) => {
+            return getCell(row, index);
+        });
+    };
+    const getRow = (grid, index) => {
+        return grid[index];
+    };
+    const findDiff = (xs, comp) => {
+        if (xs.length === 0) {
+            return 0;
+        }
+        const first = xs[0];
+        const index = findIndex(xs, (x) => {
+            return !comp(first.element, x.element);
+        });
+        return index.getOr(xs.length);
+    };
+    /*
+     * grid is the grid
+     * row is the row index into the grid
+     * column in the column index into the grid
+     *
+     * Return
+     *   colspan: column span of the cell at (row, column)
+     *   rowspan: row span of the cell at (row, column)
+     */
+    const subgrid = (grid, row, column, comparator) => {
+        const gridRow = getRow(grid, row);
+        const isColRow = gridRow.section === 'colgroup';
+        const colspan = findDiff(gridRow.cells.slice(column), comparator);
+        const rowspan = isColRow ? 1 : findDiff(getColumn(grid.slice(row), column), comparator);
+        return {
+            colspan,
+            rowspan
+        };
+    };
+
+    const toDetails = (grid, comparator) => {
+        const seen = map$1(grid, (row) => map$1(row.cells, never));
+        const updateSeen = (rowIndex, columnIndex, rowspan, colspan) => {
+            for (let row = rowIndex; row < rowIndex + rowspan; row++) {
+                for (let column = columnIndex; column < columnIndex + colspan; column++) {
+                    seen[row][column] = true;
+                }
+            }
+        };
+        return map$1(grid, (row, rowIndex) => {
+            const details = bind$2(row.cells, (cell, columnIndex) => {
+                // if we have seen this one, then skip it.
+                if (seen[rowIndex][columnIndex] === false) {
+                    const result = subgrid(grid, rowIndex, columnIndex, comparator);
+                    updateSeen(rowIndex, columnIndex, result.rowspan, result.colspan);
+                    return [detailnew(cell.element, result.rowspan, result.colspan, cell.isNew)];
+                }
+                else {
+                    return [];
+                }
+            });
+            return rowdetailnew(row.element, details, row.section, row.isNew);
+        });
+    };
+    const toGrid = (warehouse, generators, isNew) => {
+        const grid = [];
+        each$2(warehouse.colgroups, (colgroup) => {
+            const colgroupCols = [];
+            // This will add missing cols as well as clamp the number of cols to the max number of actual columns
+            // Note: Spans on cols are unsupported so clamping cols may result in a span on a col element being incorrect
+            for (let columnIndex = 0; columnIndex < warehouse.grid.columns; columnIndex++) {
+                const element = Warehouse.getColumnAt(warehouse, columnIndex)
+                    ?.map((column) => elementnew(column.element, isNew, false))
+                    .getOrThunk(() => elementnew(generators.colGap(), true, false));
+                colgroupCols.push(element);
+            }
+            grid.push(rowcells(colgroup.element, colgroupCols, 'colgroup', isNew));
+        });
+        for (let rowIndex = 0; rowIndex < warehouse.grid.rows; rowIndex++) {
+            const rowCells = [];
+            for (let columnIndex = 0; columnIndex < warehouse.grid.columns; columnIndex++) {
+                // The element is going to be the element at that position, or a newly generated gap.
+                const element = Warehouse.getAt(warehouse, rowIndex, columnIndex)?.map((item) => elementnew(item.element, isNew, item.isLocked)).getOrThunk(() => elementnew(generators.gap(), true, false));
+                rowCells.push(element);
+            }
+            const rowDetail = warehouse.all[rowIndex];
+            const row = rowcells(rowDetail.element, rowCells, rowDetail.section, isNew);
+            grid.push(row);
+        }
+        return grid;
+    };
+
+    const fromWarehouse = (warehouse, generators) => toGrid(warehouse, generators, false);
+    const toDetailList = (grid) => toDetails(grid, eq$1);
+    const findInWarehouse = (warehouse, element) => findMap(warehouse.all, (r) => find$1(r.cells, (e) => eq$1(element, e.element)));
+    const extractCells = (warehouse, target, predicate) => {
+        const details = map$1(target.selection, (cell$1) => {
+            return cell(cell$1)
+                .bind((lc) => findInWarehouse(warehouse, lc))
+                .filter(predicate);
+        });
+        const cells = cat(details);
+        return someIf(cells.length > 0, cells);
+    };
+    const run = (operation, extract, adjustment, postAction, genWrappers, table, target, generators, behaviours) => {
+        const warehouse = Warehouse.fromTable(table);
+        const tableSection = Optional.from(behaviours === null || behaviours === void 0 ? void 0 : behaviours.section).getOrThunk(TableSection.fallback);
+        const output = extract(warehouse, target)?.map((info) => {
+            const model = fromWarehouse(warehouse, generators);
+            const result = operation(model, info, eq$1, genWrappers(generators), tableSection);
+            const lockedColumns = getLockedColumnsFromGrid(result.grid);
+            const grid = toDetailList(result.grid);
+            return {
+                info,
+                grid,
+                cursor: result.cursor,
+                lockedColumns
+            };
+        });
+        return output.bind((out) => {
+            const newElements = render$1(table, out.grid);
+            const tableSizing = Optional.from(behaviours === null || behaviours === void 0 ? void 0 : behaviours.sizing).getOrThunk(() => TableSize.getTableSize(table));
+            const resizing = Optional.from(behaviours === null || behaviours === void 0 ? void 0 : behaviours.resize).getOrThunk(preserveTable);
+            adjustment(table, out.grid, out.info, { sizing: tableSizing, resize: resizing, section: tableSection });
+            postAction(table);
+            // Update locked cols attribute
+            remove$6(table, LOCKED_COL_ATTR);
+            if (out.lockedColumns.length > 0) {
+                set$2(table, LOCKED_COL_ATTR, out.lockedColumns.join(','));
+            }
+            return Optional?.some({
+                cursor: out.cursor,
+                newRows: newElements.newRows,
+                newCells: newElements.newCells
+            });
+        });
+    };
+    const onPaste = (warehouse, target) => cell(target.element).bind((cell) => findInWarehouse(warehouse, cell)?.map((details) => {
+        const value = {
+            ...details,
+            generators: target.generators,
+            clipboard: target.clipboard
+        };
+        return value;
+    }));
+    const onPasteByEditor = (warehouse, target) => extractCells(warehouse, target, always)?.map((cells) => ({
+        cells,
+        generators: target.generators,
+        clipboard: target.clipboard
+    }));
+    const onMergable = (_warehouse, target) => target.mergable;
+    const onUnmergable = (_warehouse, target) => target.unmergable;
+    const onCells = (warehouse, target) => extractCells(warehouse, target, always);
+    const onUnlockedCells = (warehouse, target) => extractCells(warehouse, target, (detail) => !detail.isLocked);
+    const isUnlockedTableCell = (warehouse, cell) => findInWarehouse(warehouse, cell).exists((detail) => !detail.isLocked);
+    const allUnlocked = (warehouse, cells) => forall(cells, (cell) => isUnlockedTableCell(warehouse, cell));
+    // If any locked columns are present in the selection, then don't want to be able to merge
+    const onUnlockedMergable = (warehouse, target) => onMergable(warehouse, target).filter((mergeable) => allUnlocked(warehouse, mergeable.cells));
+    // If any locked columns are present in the selection, then don't want to be able to unmerge
+    const onUnlockedUnmergable = (warehouse, target) => onUnmergable(warehouse, target).filter((cells) => allUnlocked(warehouse, cells));
+
+    const adt$3 = Adt.generate([
+        { none: [] },
+        { only: ['index'] },
+        { left: ['index', 'next'] },
+        { middle: ['prev', 'index', 'next'] },
+        { right: ['prev', 'index'] }
+    ]);
+    const ColumnContext = {
+        ...adt$3
+    };
+
+    /*
+     * Based on the column index, identify the context
+     */
+    const neighbours = (input, index) => {
+        if (input.length === 0) {
+            return ColumnContext.none();
+        }
+        if (input.length === 1) {
+            return ColumnContext.only(0);
+        }
+        if (index === 0) {
+            return ColumnContext.left(0, 1);
+        }
+        if (index === input.length - 1) {
+            return ColumnContext.right(index - 1, index);
+        }
+        if (index > 0 && index < input.length - 1) {
+            return ColumnContext.middle(index - 1, index, index + 1);
+        }
+        return ColumnContext.none();
+    };
+    /*
+     * Calculate the offsets to apply to each column width (not the absolute widths themselves)
+     * based on a resize at column: column of step: step
+     */
+    const determine = (input, column, step, tableSize, resize) => {
+        const result = input.slice(0);
+        const context = neighbours(input, column);
+        const onNone = constant(map$1(result, constant(0)));
+        const onOnly = (index) => tableSize.singleColumnWidth(result[index], step);
+        const onLeft = (index, next) => resize.calcLeftEdgeDeltas(result, index, next, step, tableSize.minCellWidth(), tableSize.isRelative);
+        const onMiddle = (prev, index, next) => resize.calcMiddleDeltas(result, prev, index, next, step, tableSize.minCellWidth(), tableSize.isRelative);
+        // Applies to the last column bar
+        const onRight = (prev, index) => resize.calcRightEdgeDeltas(result, prev, index, step, tableSize.minCellWidth(), tableSize.isRelative);
+        return context.fold(onNone, onOnly, onLeft, onMiddle, onRight);
+    };
+
+    // Returns the sum of elements of measures in the half-open range [start, end)
+    // Measures is in pixels, treated as an array of integers or integers in string format.
+    // NOTE: beware of accumulated rounding errors over multiple columns - could result in noticeable table width changes
+    const total = (start, end, measures) => {
+        let r = 0;
+        for (let i = start; i < end; i++) {
+            r += measures[i] !== undefined ? measures[i] : 0;
+        }
+        return r;
+    };
+    // Returns an array of all cells in warehouse with updated cell-widths, using
+    // the array 'widths' of the representative widths of each column of the table 'warehouse'
+    const recalculateWidthForCells = (warehouse, widths) => {
+        const all = Warehouse.justCells(warehouse);
+        return map$1(all, (cell) => {
+            // width of a spanning cell is sum of widths of representative columns it spans
+            const width = total(cell.column, cell.column + cell.colspan, widths);
+            return {
+                element: cell.element,
+                width,
+                colspan: cell.colspan
+            };
+        });
+    };
+    const recalculateWidthForColumns = (warehouse, widths) => {
+        const groups = Warehouse.justColumns(warehouse);
+        return map$1(groups, (column, index) => ({
+            element: column.element,
+            width: widths[index],
+            colspan: column.colspan
+        }));
+    };
+    const matchRowHeight = (warehouse, heights) => {
+        return map$1(warehouse.all, (row, i) => {
+            return {
+                element: row.element,
+                height: heights[i]
+            };
+        });
+    };
+
+    const sumUp = (newSize) => foldr(newSize, (b, a) => b + a, 0);
+    const recalculate = (warehouse, widths) => {
+        if (Warehouse.hasColumns(warehouse)) {
+            return recalculateWidthForColumns(warehouse, widths);
+        }
+        else {
+            return recalculateWidthForCells(warehouse, widths);
+        }
+    };
+    const recalculateAndApply = (warehouse, widths, tableSize) => {
+        // Set the width of each cell based on the column widths
+        const newSizes = recalculate(warehouse, widths);
+        each$2(newSizes, (cell) => {
+            tableSize.setElementWidth(cell.element, cell.width);
+        });
+    };
+    const adjustWidth = (table, delta, index, resizing, tableSize) => {
+        const warehouse = Warehouse.fromTable(table);
+        const step = tableSize.getCellDelta(delta);
+        const widths = tableSize.getWidths(warehouse, tableSize);
+        const isLastColumn = index === warehouse.grid.columns - 1;
+        const clampedStep = resizing.clampTableDelta(widths, index, step, tableSize.minCellWidth(), isLastColumn);
+        // Calculate all of the new widths for columns
+        const deltas = determine(widths, index, clampedStep, tableSize, resizing);
+        const newWidths = map$1(deltas, (dx, i) => dx + widths[i]);
+        recalculateAndApply(warehouse, newWidths, tableSize);
+        resizing.resizeTable(tableSize.adjustTableWidth, clampedStep, isLastColumn);
+    };
+    const adjustHeight = (table, delta, index) => {
+        const warehouse = Warehouse.fromTable(table);
+        const heights = getPixelHeights(warehouse, table);
+        const newHeights = map$1(heights, (dy, i) => index === i ? Math.max(delta + dy, minHeight()) : dy);
+        const newRowSizes = matchRowHeight(warehouse, newHeights);
+        each$2(newRowSizes, (row) => {
+            setHeight(row.element, row.height);
+        });
+        each$2(Warehouse.justCells(warehouse), (cell) => {
+            removeHeight(cell.element);
+        });
+        const total = sumUp(newHeights);
+        setHeight(table, total);
+    };
+    // Using the width of the added/removed columns gathered on extraction (pixelDelta), get and apply the new column sizes and overall table width delta
+    const adjustAndRedistributeWidths$1 = (_table, list, details, tableSize, resizeBehaviour) => {
+        const warehouse = Warehouse.generate(list);
+        const sizes = tableSize.getWidths(warehouse, tableSize);
+        const tablePixelWidth = tableSize.pixelWidth();
+        const { newSizes, delta } = resizeBehaviour.calcRedestributedWidths(sizes, tablePixelWidth, details.pixelDelta, tableSize.isRelative);
+        recalculateAndApply(warehouse, newSizes, tableSize);
+        tableSize.adjustTableWidth(delta);
+    };
+    // Ensure that the width of table cells match the passed in table information.
+    const adjustWidthTo = (_table, list, _info, tableSize) => {
+        const warehouse = Warehouse.generate(list);
+        const widths = tableSize.getWidths(warehouse, tableSize);
+        recalculateAndApply(warehouse, widths, tableSize);
+    };
+
+    const halve = (main, other) => {
+        // Only set width on the new cell if we have a colspan of 1 (or no colspan) as we can only safely do that for cells
+        // that are a single column, since we don't know the individual column widths for a cell with a colspan.
+        // Instead, we'll rely on the adjustments/postAction logic to set the widths based on other cells in the column
+        if (!hasColspan(main)) {
+            const width = getGenericWidth(main);
+            width.each((w) => {
+                const newWidth = w.value / 2;
+                setGenericWidth(main, newWidth, w.unit);
+                setGenericWidth(other, newWidth, w.unit);
+            });
+        }
+    };
+
+    const constrainSpan = (element, property, value) => {
+        const currentColspan = getAttrValue(element, property, 1);
+        if (value === 1 || currentColspan <= 1) {
+            remove$6(element, property);
+        }
+        else {
+            set$2(element, property, Math.min(value, currentColspan));
+        }
+    };
+    const isColInRange = (minColRange, maxColRange) => (cell) => {
+        const endCol = cell.column + cell.colspan - 1;
+        const startCol = cell.column;
+        return endCol >= minColRange && startCol < maxColRange;
+    };
+    const generateColGroup = (house, minColRange, maxColRange) => {
+        if (Warehouse.hasColumns(house)) {
+            const colsToCopy = filter$2(Warehouse.justColumns(house), isColInRange(minColRange, maxColRange));
+            const copiedCols = map$1(colsToCopy, (c) => {
+                const clonedCol = deep(c.element);
+                constrainSpan(clonedCol, 'span', maxColRange - minColRange);
+                return clonedCol;
+            });
+            const fakeColgroup = SugarElement.fromTag('colgroup');
+            append(fakeColgroup, copiedCols);
+            return [fakeColgroup];
+        }
+        else {
+            return [];
+        }
+    };
+    const generateRows = (house, minColRange, maxColRange) => map$1(house.all, (row) => {
+        const cellsToCopy = filter$2(row.cells, isColInRange(minColRange, maxColRange));
+        const copiedCells = map$1(cellsToCopy, (cell) => {
+            const clonedCell = deep(cell.element);
+            constrainSpan(clonedCell, 'colspan', maxColRange - minColRange);
+            return clonedCell;
+        });
+        const fakeTR = SugarElement.fromTag('tr');
+        append(fakeTR, copiedCells);
+        return fakeTR;
+    });
+    const copyCols = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onUnlockedCells(house, target);
+        return details?.map((selectedCells) => {
+            const lastSelectedCell = selectedCells[selectedCells.length - 1];
+            const minColRange = selectedCells[0].column;
+            const maxColRange = lastSelectedCell.column + lastSelectedCell.colspan;
+            const fakeColGroups = generateColGroup(house, minColRange, maxColRange);
+            const fakeRows = generateRows(house, minColRange, maxColRange);
+            return [...fakeColGroups, ...fakeRows];
+        });
+    };
+
+    const copyRows = (table, target, generators) => {
+        const warehouse = Warehouse.fromTable(table);
+        // Cannot use onUnlockedCells like extractor here as if only cells in a locked column are selected, then this will be Optional.none and
+        // there is now no way of knowing which rows are selected
+        const details = onCells(warehouse, target);
+        return details.bind((selectedCells) => {
+            const grid = toGrid(warehouse, generators, false);
+            const rows = extractGridDetails(grid).rows;
+            const slicedGrid = rows.slice(selectedCells[0].row, selectedCells[selectedCells.length - 1].row + selectedCells[selectedCells.length - 1].rowspan);
+            // Remove any locked cells from the copied grid rows
+            const filteredGrid = bind$2(slicedGrid, (row) => {
+                const newCells = filter$2(row.cells, (cell) => !cell.isLocked);
+                return newCells.length > 0 ? [{ ...row, cells: newCells }] : [];
+            });
+            const slicedDetails = toDetailList(filteredGrid);
+            return someIf(slicedDetails.length > 0, slicedDetails);
+        })?.map((slicedDetails) => copy(slicedDetails));
+    };
+
+    const statsStruct = (minRow, minCol, maxRow, maxCol, allCells, selectedCells) => ({
+        minRow,
+        minCol,
+        maxRow,
+        maxCol,
+        allCells,
+        selectedCells,
+    });
+    const findSelectedStats = (house, isSelected) => {
+        const totalColumns = house.grid.columns;
+        const totalRows = house.grid.rows;
+        /* Refactor into a method returning a struct to hide the mutation */
+        let minRow = totalRows;
+        let minCol = totalColumns;
+        let maxRow = 0;
+        let maxCol = 0;
+        const allCells = [];
+        const selectedCells = [];
+        each$1(house.access, (detail) => {
+            allCells.push(detail);
+            if (isSelected(detail)) {
+                selectedCells.push(detail);
+                const startRow = detail.row;
+                const endRow = startRow + detail.rowspan - 1;
+                const startCol = detail.column;
+                const endCol = startCol + detail.colspan - 1;
+                if (startRow < minRow) {
+                    minRow = startRow;
+                }
+                else if (endRow > maxRow) {
+                    maxRow = endRow;
+                }
+                if (startCol < minCol) {
+                    minCol = startCol;
+                }
+                else if (endCol > maxCol) {
+                    maxCol = endCol;
+                }
+            }
+        });
+        return statsStruct(minRow, minCol, maxRow, maxCol, allCells, selectedCells);
+    };
+    const makeCell = (list, seenSelected, rowIndex) => {
+        // no need to check bounds, as anything outside this index is removed in the nested for loop
+        const row = list[rowIndex].element;
+        const td = SugarElement.fromTag('td');
+        append$1(td, SugarElement.fromTag('br'));
+        const f = seenSelected ? append$1 : prepend;
+        f(row, td);
+    };
+    const fillInGaps = (list, house, stats, isSelected) => {
+        const rows = filter$2(list, (row) => row.section !== 'colgroup');
+        const totalColumns = house.grid.columns;
+        const totalRows = house.grid.rows;
+        // unselected cells have been deleted, now fill in the gaps in the model
+        for (let i = 0; i < totalRows; i++) {
+            let seenSelected = false;
+            for (let j = 0; j < totalColumns; j++) {
+                if (!(i < stats.minRow || i > stats.maxRow || j < stats.minCol || j > stats.maxCol)) {
+                    // if there is a hole in the table itself, or it's an unselected position, we need a cell
+                    const needCell = Warehouse.getAt(house, i, j).filter(isSelected).isNone();
+                    if (needCell) {
+                        makeCell(rows, seenSelected, i);
+                    }
+                    else {
+                        seenSelected = true;
+                    }
+                }
+            }
+        }
+    };
+    const clean = (replica, stats, house, widthDelta) => {
+        // remove columns that are not in the new table
+        each$1(house.columns, (col) => {
+            if (col.column < stats.minCol || col.column > stats.maxCol) {
+                remove$5(col.element);
+            }
+        });
+        // can't use :empty selector as that will not include TRs made up of whitespace
+        const emptyRows = filter$2(firstLayer(replica, 'tr'), (row) => 
+        // there is no sugar method for this, and Traverse.children() does too much processing
+        row.dom.childElementCount === 0);
+        each$2(emptyRows, remove$5);
+        // If there is only one column, or only one row, delete all the colspan/rowspan
+        if (stats.minCol === stats.maxCol || stats.minRow === stats.maxRow) {
+            each$2(firstLayer(replica, 'th,td'), (cell) => {
+                remove$6(cell, 'rowspan');
+                remove$6(cell, 'colspan');
+            });
+        }
+        // Remove any attributes that should not be in the replicated table
+        remove$6(replica, LOCKED_COL_ATTR);
+        // TODO: TINY-6944 - need to figure out a better way of handling this
+        remove$6(replica, 'data-snooker-col-series'); // For advtable series column feature
+        const tableSize = TableSize.getTableSize(replica);
+        tableSize.adjustTableWidth(widthDelta);
+        // TODO TINY-6863: If using relative widths, ensure cell and column widths are redistributed
+    };
+    const getTableWidthDelta = (table, warehouse, tableSize, stats) => {
+        // short circuit entire table selected
+        if (stats.minCol === 0 && warehouse.grid.columns === stats.maxCol + 1) {
+            return 0;
+        }
+        const colWidths = getPixelWidths(warehouse, table, tableSize);
+        const allColsWidth = foldl(colWidths, (acc, width) => acc + width, 0);
+        const selectedColsWidth = foldl(colWidths.slice(stats.minCol, stats.maxCol + 1), (acc, width) => acc + width, 0);
+        const newWidth = (selectedColsWidth / allColsWidth) * tableSize.pixelWidth();
+        const delta = newWidth - tableSize.pixelWidth();
+        return tableSize.getCellDelta(delta);
+    };
+    const extract$1 = (table, selectedSelector) => {
+        const isSelected = (detail) => is$1(detail.element, selectedSelector);
+        const replica = deep(table);
+        const list = fromTable$1(replica);
+        const tableSize = TableSize.getTableSize(table);
+        const replicaHouse = Warehouse.generate(list);
+        const replicaStats = findSelectedStats(replicaHouse, isSelected);
+        // remove unselected cells
+        const selector = 'th:not(' + selectedSelector + ')' + ',td:not(' + selectedSelector + ')';
+        const unselectedCells = filterFirstLayer(replica, 'th,td', (cell) => is$1(cell, selector));
+        each$2(unselectedCells, remove$5);
+        fillInGaps(list, replicaHouse, replicaStats, isSelected);
+        const house = Warehouse.fromTable(table);
+        const widthDelta = getTableWidthDelta(table, house, tableSize, replicaStats);
+        clean(replica, replicaStats, replicaHouse, widthDelta);
+        return replica;
+    };
+
+    const isCol = isTag('col');
+    const isColgroup = isTag('colgroup');
+    const isRow$1 = (element) => name(element) === 'tr' || isColgroup(element);
+    const elementToData = (element) => {
+        const colspan = getAttrValue(element, 'colspan', 1);
+        const rowspan = getAttrValue(element, 'rowspan', 1);
+        return {
+            element,
+            colspan,
+            rowspan
+        };
+    };
+    // note that `toData` seems to be only for testing
+    const modification = (generators, toData = elementToData) => {
+        const nuCell = (data) => isCol(data.element) ? generators.col(data) : generators.cell(data);
+        const nuRow = (data) => isColgroup(data.element) ? generators.colgroup(data) : generators.row(data);
+        const add = (element) => {
+            if (isRow$1(element)) {
+                return nuRow({ element });
+            }
+            else {
+                const cell = element;
+                const replacement = nuCell(toData(cell));
+                recent = Optional?.some({ item: cell, replacement });
+                return replacement;
+            }
+        };
+        let recent = Optional.none();
+        const getOrInit = (element, comparator) => {
+            return recent.fold(() => {
+                return add(element);
+            }, (p) => {
+                return comparator(element, p.item) ? p.replacement : add(element);
+            });
+        };
+        return {
+            getOrInit
+        };
+    };
+    const transform$1 = (tag) => {
+        return (generators) => {
+            const list = [];
+            const find = (element, comparator) => {
+                return find$1(list, (x) => {
+                    return comparator(x.item, element);
+                });
+            };
+            const makeNew = (element) => {
+                // Ensure scope is never set on a td element as it's a deprecated attribute
+                const attrs = tag === 'td' ? { scope: null } : {};
+                const cell = generators.replace(element, tag, attrs);
+                list.push({
+                    item: element,
+                    sub: cell
+                });
+                return cell;
+            };
+            const replaceOrInit = (element, comparator) => {
+                if (isRow$1(element) || isCol(element)) {
+                    return element;
+                }
+                else {
+                    const cell = element;
+                    return find(cell, comparator).fold(() => {
+                        return makeNew(cell);
+                    }, (p) => {
+                        return comparator(element, p.item) ? p.sub : makeNew(cell);
+                    });
+                }
+            };
+            return {
+                replaceOrInit
+            };
+        };
+    };
+    const getScopeAttribute = (cell) => getOpt(cell, 'scope')?.map(
+    // Attribute can be col, colgroup, row, and rowgroup.
+    // As col and colgroup are to be treated as if they are the same, lob off everything after the first three characters and there is no difference.
+    (attribute) => attribute.substr(0, 3));
+    const merging = (generators) => {
+        const unmerge = (cell) => {
+            const scope = getScopeAttribute(cell);
+            scope.each((attribute) => set$2(cell, 'scope', attribute));
+            return () => {
+                const raw = generators.cell({
+                    element: cell,
+                    colspan: 1,
+                    rowspan: 1
+                });
+                // Remove any width calculations because they are no longer relevant.
+                remove$4(raw, 'width');
+                remove$4(cell, 'width');
+                scope.each((attribute) => set$2(raw, 'scope', attribute));
+                return raw;
+            };
+        };
+        const merge = (cells) => {
+            const getScopeProperty = () => {
+                const stringAttributes = cat(map$1(cells, getScopeAttribute));
+                if (stringAttributes.length === 0) {
+                    return Optional.none();
+                }
+                else {
+                    const baseScope = stringAttributes[0];
+                    const scopes = ['row', 'col'];
+                    const isMixed = exists(stringAttributes, (attribute) => {
+                        return attribute !== baseScope && contains$2(scopes, attribute);
+                    });
+                    return isMixed ? Optional.none() : Optional.from(baseScope);
+                }
+            };
+            remove$4(cells[0], 'width');
+            getScopeProperty().fold(() => remove$6(cells[0], 'scope'), (attribute) => set$2(cells[0], 'scope', attribute + 'group'));
+            return constant(cells[0]);
+        };
+        return {
+            unmerge,
+            merge
+        };
+    };
+    const Generators = {
+        modification,
+        transform: transform$1,
+        merging
+    };
+
+    const getUpOrLeftCells = (grid, selectedCells) => {
+        // Get rows up or at the row of the bottom right cell
+        const upGrid = grid.slice(0, selectedCells[selectedCells.length - 1].row + 1);
+        const upDetails = toDetailList(upGrid);
+        // Get an array of the cells up or to the left of the bottom right cell
+        return bind$2(upDetails, (detail) => {
+            const slicedCells = detail.cells.slice(0, selectedCells[selectedCells.length - 1].column + 1);
+            return map$1(slicedCells, (cell) => cell.element);
+        });
+    };
+    const getDownOrRightCells = (grid, selectedCells) => {
+        // Get rows down or at the row of the top left cell (including rowspans)
+        const downGrid = grid.slice(selectedCells[0].row + selectedCells[0].rowspan - 1, grid.length);
+        const downDetails = toDetailList(downGrid);
+        // Get an array of the cells down or to the right of the bottom right cell
+        return bind$2(downDetails, (detail) => {
+            const slicedCells = detail.cells.slice(selectedCells[0].column + selectedCells[0].colspan - 1, detail.cells.length);
+            return map$1(slicedCells, (cell) => cell.element);
+        });
+    };
+    const getOtherCells = (table, target, generators) => {
+        const warehouse = Warehouse.fromTable(table);
+        const details = onCells(warehouse, target);
+        return details?.map((selectedCells) => {
+            const grid = toGrid(warehouse, generators, false);
+            const { rows } = extractGridDetails(grid);
+            const upOrLeftCells = getUpOrLeftCells(rows, selectedCells);
+            const downOrRightCells = getDownOrRightCells(rows, selectedCells);
+            return {
+                upOrLeftCells,
+                downOrRightCells
+            };
+        });
+    };
+
+    const only = (element, isResizable) => {
+        // If element is a 'document', use the document element ('HTML' tag) for appending.
+        const parent = isDocument(element) ? documentElement(element) : element;
+        return {
+            parent: constant(parent),
+            view: constant(element),
+            dragContainer: constant(parent),
+            origin: constant(SugarPosition(0, 0)),
+            isResizable
+        };
+    };
+    const detached = (editable, chrome, isResizable) => {
+        const origin = () => absolute(chrome);
+        return {
+            parent: constant(chrome),
+            view: constant(editable),
+            dragContainer: constant(chrome),
+            origin,
+            isResizable
+        };
+    };
+    const body = (editable, isResizable) => {
+        return {
+            parent: constant(editable),
+            view: constant(editable),
+            dragContainer: constant(editable),
+            origin: () => absolute(editable),
+            isResizable
+        };
+    };
+    const ResizeWire = {
+        only,
+        detached,
+        body
+    };
+
+    const adt$2 = Adt.generate([
+        { invalid: ['raw'] },
+        { pixels: ['value'] },
+        { percent: ['value'] }
+    ]);
+    const validateFor = (suffix, type, value) => {
+        const rawAmount = value.substring(0, value.length - suffix.length);
+        const amount = parseFloat(rawAmount);
+        return rawAmount === amount.toString() ? type(amount) : adt$2.invalid(value);
+    };
+    const from = (value) => {
+        if (endsWith(value, '%')) {
+            return validateFor('%', adt$2.percent, value);
+        }
+        if (endsWith(value, 'px')) {
+            return validateFor('px', adt$2.pixels, value);
+        }
+        return adt$2.invalid(value);
+    };
+    const Size = {
+        ...adt$2,
+        from
+    };
+
+    // Convert all column widths to percent.
+    const redistributeToPercent = (widths, totalWidth) => {
+        return map$1(widths, (w) => {
+            const colType = Size.from(w);
+            return colType.fold(() => {
+                return w;
+            }, (px) => {
+                const ratio = px / totalWidth * 100;
+                return ratio + '%';
+            }, (pc) => {
+                return pc + '%';
+            });
+        });
+    };
+    const redistributeToPx = (widths, totalWidth, newTotalWidth) => {
+        const scale = newTotalWidth / totalWidth;
+        return map$1(widths, (w) => {
+            const colType = Size.from(w);
+            return colType.fold(() => {
+                return w;
+            }, (px) => {
+                return (px * scale) + 'px';
+            }, (pc) => {
+                return (pc / 100 * newTotalWidth) + 'px';
+            });
+        });
+    };
+    const redistributeEmpty = (newWidthType, columns) => {
+        const f = newWidthType.fold(() => constant(''), (pixels) => {
+            const num = pixels / columns;
+            return constant(num + 'px');
+        }, () => {
+            const num = 100 / columns;
+            return constant(num + '%');
+        });
+        return range$1(columns, f);
+    };
+    const redistributeValues = (newWidthType, widths, totalWidth) => {
+        return newWidthType.fold(() => {
+            return widths;
+        }, (px) => {
+            return redistributeToPx(widths, totalWidth, px);
+        }, (_pc) => {
+            return redistributeToPercent(widths, totalWidth);
+        });
+    };
+    const redistribute$1 = (widths, totalWidth, newWidth) => {
+        const newType = Size.from(newWidth);
+        const floats = forall(widths, (s) => {
+            return s === '0px';
+        }) ? redistributeEmpty(newType, widths.length) : redistributeValues(newType, widths, totalWidth);
+        return normalize(floats);
+    };
+    const sum = (values, fallback) => {
+        if (values.length === 0) {
+            return fallback;
+        }
+        return foldr(values, (rest, v) => {
+            return Size.from(v).fold(constant(0), identity, identity) + rest;
+        }, 0);
+    };
+    const roundDown = (num, unit) => {
+        const floored = Math.floor(num);
+        return { value: floored + unit, remainder: num - floored };
+    };
+    const add = (value, amount) => {
+        return Size.from(value).fold(constant(value), (px) => {
+            return (px + amount) + 'px';
+        }, (pc) => {
+            return (pc + amount) + '%';
+        });
+    };
+    const normalize = (values) => {
+        if (values.length === 0) {
+            return values;
+        }
+        const scan = foldr(values, (rest, value) => {
+            const info = Size.from(value).fold(() => ({ value, remainder: 0 }), (num) => roundDown(num, 'px'), (num) => ({ value: num + '%', remainder: 0 }));
+            return {
+                output: [info.value].concat(rest.output),
+                remainder: rest.remainder + info.remainder
+            };
+        }, { output: [], remainder: 0 });
+        const r = scan.output;
+        return r.slice(0, r.length - 1).concat([add(r[r.length - 1], Math.round(scan.remainder))]);
+    };
+    const validate = Size.from;
+
+    const redistributeToW = (newWidths, cells, unit) => {
+        each$2(cells, (cell) => {
+            const widths = newWidths.slice(cell.column, cell.colspan + cell.column);
+            const w = sum(widths, minWidth());
+            set$1(cell.element, 'width', w + unit);
+        });
+    };
+    const redistributeToColumns = (newWidths, columns, unit) => {
+        each$2(columns, (column, index) => {
+            const width = sum([newWidths[index]], minWidth());
+            set$1(column.element, 'width', width + unit);
+        });
+    };
+    const redistributeToH = (newHeights, rows, cells) => {
+        each$2(cells, (cell) => {
+            remove$4(cell.element, 'height');
+        });
+        each$2(rows, (row, i) => {
+            set$1(row.element, 'height', newHeights[i]);
+        });
+    };
+    const getUnit = (newSize) => {
+        return validate(newSize).fold(constant('px'), constant('px'), constant('%'));
+    };
+    // Procedure to resize table dimensions to optWidth x optHeight and redistribute cell and row dimensions.
+    // Updates CSS of the table, rows, and cells.
+    const redistribute = (table, optWidth, optHeight) => {
+        const warehouse = Warehouse.fromTable(table);
+        const rows = warehouse.all;
+        const cells = Warehouse.justCells(warehouse);
+        const columns = Warehouse.justColumns(warehouse);
+        optWidth.each((newWidth) => {
+            const widthUnit = getUnit(newWidth);
+            const totalWidth = get$7(table);
+            const oldWidths = getRawWidths(warehouse, table);
+            const nuWidths = redistribute$1(oldWidths, totalWidth, newWidth);
+            if (Warehouse.hasColumns(warehouse)) {
+                redistributeToColumns(nuWidths, columns, widthUnit);
+            }
+            else {
+                redistributeToW(nuWidths, cells, widthUnit);
+            }
+            set$1(table, 'width', newWidth);
+        });
+        optHeight.each((newHeight) => {
+            const totalHeight = get$8(table);
+            const oldHeights = getRawHeights(warehouse, table);
+            const nuHeights = redistribute$1(oldHeights, totalHeight, newHeight);
+            redistributeToH(nuHeights, rows, cells);
+            set$1(table, 'height', newHeight);
+        });
+    };
+    const isPercentSizing = isPercentSizing$1;
+    const isPixelSizing = isPixelSizing$1;
+    const isNoneSizing = isNoneSizing$1;
+
+    var TagBoundaries = [
+        'body',
+        'p',
+        'div',
+        'article',
+        'aside',
+        'figcaption',
+        'figure',
+        'footer',
+        'header',
+        'nav',
+        'section',
+        'ol',
+        'ul',
+        'li',
+        'table',
+        'thead',
+        'tbody',
+        'tfoot',
+        'caption',
+        'tr',
+        'td',
+        'th',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'blockquote',
+        'pre',
+        'address'
+    ];
+
+    var DomUniverse = () => {
+        const clone = (element) => {
+            return SugarElement.fromDom(element.dom.cloneNode(false));
+        };
+        const document = (element) => documentOrOwner(element).dom;
+        const isBoundary = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            if (name(element) === 'body') {
+                return true;
+            }
+            return contains$2(TagBoundaries, name(element));
+        };
+        const isEmptyTag = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            return contains$2(['br', 'img', 'hr', 'input'], name(element));
+        };
+        const isNonEditable = (element) => isElement(element) && get$b(element, 'contenteditable') === 'false';
+        const comparePosition = (element, other) => {
+            return element.dom.compareDocumentPosition(other.dom);
+        };
+        const copyAttributesTo = (source, destination) => {
+            const as = clone$1(source);
+            setAll$1(destination, as);
+        };
+        const isSpecial = (element) => {
+            const tag = name(element);
+            return contains$2([
+                'script', 'noscript', 'iframe', 'noframes', 'noembed', 'title', 'style', 'textarea', 'xmp'
+            ], tag);
+        };
+        const getLanguage = (element) => isElement(element) ? getOpt(element, 'lang') : Optional.none();
+        return {
+            up: constant({
+                selector: ancestor$1,
+                closest: closest$1,
+                predicate: ancestor$2,
+                all: parents
+            }),
+            down: constant({
+                selector: descendants,
+                predicate: descendants$1
+            }),
+            styles: constant({
+                get: get$9,
+                getRaw: getRaw$2,
+                set: set$1,
+                remove: remove$4
+            }),
+            attrs: constant({
+                get: get$b,
+                set: set$2,
+                remove: remove$6,
+                copyTo: copyAttributesTo
+            }),
+            insert: constant({
+                before: before$3,
+                after: after$4,
+                afterAll: after$3,
+                append: append$1,
+                appendAll: append,
+                prepend: prepend,
+                wrap: wrap
+            }),
+            remove: constant({
+                unwrap: unwrap,
+                remove: remove$5
+            }),
+            create: constant({
+                nu: SugarElement.fromTag,
+                clone,
+                text: SugarElement.fromText
+            }),
+            query: constant({
+                comparePosition,
+                prevSibling: prevSibling,
+                nextSibling: nextSibling
+            }),
+            property: constant({
+                children: children$2,
+                name: name,
+                parent: parent,
+                document,
+                isText: isText,
+                isComment: isComment,
+                isElement: isElement,
+                isSpecial,
+                getLanguage,
+                getText: get$5,
+                setText: set,
+                isBoundary,
+                isEmptyTag,
+                isNonEditable
+            }),
+            eq: eq$1,
+            is: is
+        };
+    };
+
+    const traverse = (item, mode) => ({
+        item,
+        mode
+    });
+    const backtrack = (universe, item, _direction, transition = sidestep) => {
+        return universe.property().parent(item)?.map((p) => {
+            return traverse(p, transition);
+        });
+    };
+    const sidestep = (universe, item, direction, transition = advance) => {
+        return direction.sibling(universe, item)?.map((p) => {
+            return traverse(p, transition);
+        });
+    };
+    const advance = (universe, item, direction, transition = advance) => {
+        const children = universe.property().children(item);
+        const result = direction.first(children);
+        return result?.map((r) => {
+            return traverse(r, transition);
+        });
+    };
+    /*
+     * Rule breakdown:
+     *
+     * current: the traversal that we are applying.
+     * next: the next traversal to apply if the current traversal succeeds (e.g. advance after sidestepping)
+     * fallback: the traversal to fallback to when the current traversal does not find a node
+     */
+    const successors = [
+        { current: backtrack, next: sidestep, fallback: Optional.none() },
+        { current: sidestep, next: advance, fallback: Optional?.some(backtrack) },
+        { current: advance, next: advance, fallback: Optional?.some(sidestep) }
+    ];
+    const go = (universe, item, mode, direction, rules = successors) => {
+        // INVESTIGATE: Find a way which doesn't require an array search first to identify the current mode.
+        const ruleOpt = find$1(rules, (succ) => {
+            return succ.current === mode;
+        });
+        return ruleOpt.bind((rule) => {
+            // Attempt the current mode. If not, use the fallback and try again.
+            return rule.current(universe, item, direction, rule.next).orThunk(() => {
+                return rule.fallback.bind((fb) => {
+                    return go(universe, item, fb, direction);
+                });
+            });
+        });
+    };
+
+    const left$1 = () => {
+        const sibling = (universe, item) => {
+            return universe.query().prevSibling(item);
+        };
+        const first = (children) => {
+            return children.length > 0 ? Optional?.some(children[children.length - 1]) : Optional.none();
+        };
+        return {
+            sibling,
+            first
+        };
+    };
+    const right$1 = () => {
+        const sibling = (universe, item) => {
+            return universe.query().nextSibling(item);
+        };
+        const first = (children) => {
+            return children.length > 0 ? Optional?.some(children[0]) : Optional.none();
+        };
+        return {
+            sibling,
+            first
+        };
+    };
+    const Walkers = {
+        left: left$1,
+        right: right$1
+    };
+
+    const hone = (universe, item, predicate, mode, direction, isRoot) => {
+        const next = go(universe, item, mode, direction);
+        return next.bind((n) => {
+            if (isRoot(n.item)) {
+                return Optional.none();
+            }
+            else {
+                return predicate(n.item) ? Optional?.some(n.item) : hone(universe, n.item, predicate, n.mode, direction, isRoot);
+            }
+        });
+    };
+    const left = (universe, item, predicate, isRoot) => {
+        return hone(universe, item, predicate, sidestep, Walkers.left(), isRoot);
+    };
+    const right = (universe, item, predicate, isRoot) => {
+        return hone(universe, item, predicate, sidestep, Walkers.right(), isRoot);
+    };
+
+    const point = (element, offset) => ({
+        element,
+        offset
+    });
+
+    const scan$1 = (universe, element, direction) => {
+        // if a comment or zero-length text, scan the siblings
+        if ((universe.property().isText(element) && universe.property().getText(element).trim().length === 0)
+            || universe.property().isComment(element)) {
+            return direction(element).bind((elem) => {
+                return scan$1(universe, elem, direction).orThunk(() => {
+                    return Optional?.some(elem);
+                });
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const toEnd = (universe, element) => {
+        if (universe.property().isText(element)) {
+            return universe.property().getText(element).length;
+        }
+        const children = universe.property().children(element);
+        return children.length;
+    };
+    const freefallRtl$2 = (universe, element) => {
+        const candidate = scan$1(universe, element, universe.query().prevSibling).getOr(element);
+        if (universe.property().isText(candidate)) {
+            return point(candidate, toEnd(universe, candidate));
+        }
+        const children = universe.property().children(candidate);
+        return children.length > 0 ? freefallRtl$2(universe, children[children.length - 1]) : point(candidate, toEnd(universe, candidate));
+    };
+
+    const freefallRtl$1 = freefallRtl$2;
+
+    const universe$3 = DomUniverse();
+    const freefallRtl = (element) => {
+        return freefallRtl$1(universe$3, element);
+    };
+
+    const isLeaf = (universe) => (element) => universe.property().children(element).length === 0;
+    const before$1 = (universe, item, isRoot) => {
+        return seekLeft$1(universe, item, isLeaf(universe), isRoot);
+    };
+    const after$1 = (universe, item, isRoot) => {
+        return seekRight$1(universe, item, isLeaf(universe), isRoot);
+    };
+    const seekLeft$1 = left;
+    const seekRight$1 = right;
+    go;
+
+    const universe$2 = DomUniverse();
+    const before = (element, isRoot) => {
+        return before$1(universe$2, element, isRoot);
+    };
+    const after = (element, isRoot) => {
+        return after$1(universe$2, element, isRoot);
+    };
+    const seekLeft = (element, predicate, isRoot) => {
+        return seekLeft$1(universe$2, element, predicate, isRoot);
+    };
+    const seekRight = (element, predicate, isRoot) => {
+        return seekRight$1(universe$2, element, predicate, isRoot);
+    };
+
+    const blockList = [
+        'body',
+        'p',
+        'div',
+        'article',
+        'aside',
+        'figcaption',
+        'figure',
+        'footer',
+        'header',
+        'nav',
+        'section',
+        'ol',
+        'ul',
+        // --- NOTE, TagBoundaries has li here. That means universe.isBoundary => true for li tags.
+        'table',
+        'thead',
+        'tfoot',
+        'tbody',
+        'caption',
+        'tr',
+        'td',
+        'th',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'blockquote',
+        'pre',
+        'address'
+    ];
+    const isList$1 = (universe, item) => {
+        const tagName = universe.property().name(item);
+        return contains$2(['ol', 'ul'], tagName);
+    };
+    const isBlock$1 = (universe, item) => {
+        const tagName = universe.property().name(item);
+        return contains$2(blockList, tagName);
+    };
+    const isEmptyTag$1 = (universe, item) => {
+        return contains$2(['br', 'img', 'hr', 'input'], universe.property().name(item));
+    };
+
+    const leftRight = (left, right) => ({
+        left,
+        right
+    });
+    const brokenPath = (first, second, splits) => ({
+        first,
+        second,
+        splits
+    });
+    const bisect = (universe, parent, child) => {
+        const children = universe.property().children(parent);
+        const index = findIndex(children, curry(universe.eq, child));
+        return index?.map((ind) => {
+            return {
+                before: children.slice(0, ind),
+                after: children.slice(ind + 1)
+            };
+        });
+    };
+    /**
+     * Clone parent to the RIGHT and move everything after child in the parent element into
+     * a clone of the parent (placed after parent).
+     */
+    const breakToRight = (universe, parent, child) => {
+        return bisect(universe, parent, child)?.map((parts) => {
+            const second = universe.create().clone(parent);
+            universe.insert().appendAll(second, parts.after);
+            universe.insert().after(parent, second);
+            return leftRight(parent, second);
+        });
+    };
+    /**
+     * Clone parent to the LEFT and move everything before and including child into
+     * the a clone of the parent (placed before parent)
+     */
+    const breakToLeft = (universe, parent, child) => {
+        return bisect(universe, parent, child)?.map((parts) => {
+            const prior = universe.create().clone(parent);
+            universe.insert().appendAll(prior, parts.before.concat([child]));
+            universe.insert().appendAll(parent, parts.after);
+            universe.insert().before(parent, prior);
+            return leftRight(prior, parent);
+        });
+    };
+    /*
+     * Using the breaker, break from the child up to the top element defined by the predicate.
+     * It returns three values:
+     *   first: the top level element that completed the break
+     *   second: the optional element representing second part of the top-level split if the breaking completed successfully to the top
+     *   splits: a list of (Element, Element) pairs that represent the splits that have occurred on the way to the top.
+     */
+    const breakPath = (universe, item, isTop, breaker) => {
+        const next = (child, group, splits) => {
+            const fallback = brokenPath(child, Optional.none(), splits);
+            // Found the top, so stop.
+            if (isTop(child)) {
+                return brokenPath(child, group, splits);
+            }
+            else {
+                // Split the child at parent, and keep going
+                return universe.property().parent(child).bind((parent) => {
+                    return breaker(universe, parent, child)?.map((breakage) => {
+                        const extra = [{ first: breakage.left, second: breakage.right }];
+                        // Our isTop is based on the left-side parent, so keep it regardless of split.
+                        const nextChild = isTop(parent) ? parent : breakage.left;
+                        return next(nextChild, Optional?.some(breakage.right), splits.concat(extra));
+                    });
+                }).getOr(fallback);
+            }
+        };
+        return next(item, Optional.none(), []);
+    };
+
+    const all = (universe, look, elements, f) => {
+        const head = elements[0];
+        const tail = elements.slice(1);
+        return f(universe, look, head, tail);
+    };
+    /**
+     * Check if look returns the same element for all elements, and return it if it exists.
+     */
+    const oneAll = (universe, look, elements) => {
+        return elements.length > 0 ?
+            all(universe, look, elements, unsafeOne) :
+            Optional.none();
+    };
+    const unsafeOne = (universe, look, head, tail) => {
+        const start = look(universe, head);
+        return foldr(tail, (b, a) => {
+            const current = look(universe, a);
+            return commonElement(universe, b, current);
+        }, start);
+    };
+    const commonElement = (universe, start, end) => {
+        return start.bind((s) => {
+            return end.filter(curry(universe.eq, s));
+        });
+    };
+
+    const eq = (universe, item) => {
+        return curry(universe.eq, item);
+    };
+    // Note: this can be exported if it is required in the future.
+    const ancestors$2 = (universe, start, end, isRoot = never) => {
+        // Inefficient if no isRoot is supplied.
+        // TODO: Andy knows there is a graph-based algorithm to find a common parent, but can't remember it
+        //        This also includes something to get the subset after finding the common parent
+        const ps1 = [start].concat(universe.up().all(start));
+        const ps2 = [end].concat(universe.up().all(end));
+        const prune = (path) => {
+            const index = findIndex(path, isRoot);
+            return index.fold(() => {
+                return path;
+            }, (ind) => {
+                return path.slice(0, ind + 1);
+            });
+        };
+        const pruned1 = prune(ps1);
+        const pruned2 = prune(ps2);
+        const shared = find$1(pruned1, (x) => {
+            return exists(pruned2, eq(universe, x));
+        });
+        return {
+            firstpath: pruned1,
+            secondpath: pruned2,
+            shared
+        };
+    };
+
+    const sharedOne$1 = oneAll;
+    const ancestors$1 = ancestors$2;
+    breakToLeft;
+    breakToRight;
+    breakPath;
+
+    const universe$1 = DomUniverse();
+    const sharedOne = (look, elements) => {
+        return sharedOne$1(universe$1, (_universe, element) => {
+            return look(element);
+        }, elements);
+    };
+    const ancestors = (start, finish, isRoot) => {
+        return ancestors$1(universe$1, start, finish, isRoot);
+    };
+
+    const universe = DomUniverse();
+    const isBlock = (element) => {
+        return isBlock$1(universe, element);
+    };
+    const isList = (element) => {
+        return isList$1(universe, element);
+    };
+    const isEmptyTag = (element) => {
+        return isEmptyTag$1(universe, element);
+    };
+
+    const merge$2 = (cells) => {
+        const isBr = isTag('br');
+        const advancedBr = (children) => {
+            return forall(children, (c) => {
+                return isBr(c) || (isText(c) && get$5(c).trim().length === 0);
+            });
+        };
+        const isListItem = (el) => {
+            return name(el) === 'li' || ancestor$2(el, isList).isSome();
+        };
+        const siblingIsBlock = (el) => {
+            return nextSibling(el)?.map((rightSibling) => {
+                if (isBlock(rightSibling)) {
+                    return true;
+                }
+                if (isEmptyTag(rightSibling)) {
+                    return name(rightSibling) === 'img' ? false : true;
+                }
+                return false;
+            }).getOr(false);
+        };
+        const markCell = (cell) => {
+            return last(cell).bind((rightEdge) => {
+                const rightSiblingIsBlock = siblingIsBlock(rightEdge);
+                return parent(rightEdge)?.map((parent) => {
+                    return rightSiblingIsBlock === true || isListItem(parent) || isBr(rightEdge) || (isBlock(parent) && !eq$1(cell, parent)) ? [] : [SugarElement.fromTag('br')];
+                });
+            }).getOr([]);
+        };
+        const markContent = () => {
+            const content = bind$2(cells, (cell) => {
+                const children = children$2(cell);
+                return advancedBr(children) ? [] : children.concat(markCell(cell));
+            });
+            return content.length === 0 ? [SugarElement.fromTag('br')] : content;
+        };
+        const contents = markContent();
+        empty(cells[0]);
+        append(cells[0], contents);
+    };
+
+    // Remove legacy sizing attributes such as "width"
+    const cleanupLegacyAttributes = (element) => {
+        remove$6(element, 'width');
+        remove$6(element, 'height');
+    };
+    const convertToPercentSizeWidth = (table) => {
+        const newWidth = getPercentTableWidth(table);
+        redistribute(table, Optional?.some(newWidth), Optional.none());
+        cleanupLegacyAttributes(table);
+    };
+    const convertToPixelSizeWidth = (table) => {
+        const newWidth = getPixelTableWidth(table);
+        redistribute(table, Optional?.some(newWidth), Optional.none());
+        cleanupLegacyAttributes(table);
+    };
+    const convertToPixelSizeHeight = (table) => {
+        const newHeight = getPixelTableHeight(table);
+        redistribute(table, Optional.none(), Optional?.some(newHeight));
+        cleanupLegacyAttributes(table);
+    };
+    const convertToNoneSizeWidth = (table) => {
+        remove$4(table, 'width');
+        const columns = columns$1(table);
+        const rowElements = columns.length > 0 ? columns : cells$1(table);
+        each$2(rowElements, (cell) => {
+            remove$4(cell, 'width');
+            cleanupLegacyAttributes(cell);
+        });
+        cleanupLegacyAttributes(table);
+    };
+
+    const transferableAttributes = {
+        scope: [
+            'row',
+            'col'
+        ]
+    };
+    // NOTE: This may create a td instead of a th, but it is for irregular table handling.
+    const createCell = (doc) => () => {
+        const td = SugarElement.fromTag('td', doc.dom);
+        append$1(td, SugarElement.fromTag('br', doc.dom));
+        return td;
+    };
+    const createCol = (doc) => () => {
+        return SugarElement.fromTag('col', doc.dom);
+    };
+    const createColgroup = (doc) => () => {
+        return SugarElement.fromTag('colgroup', doc.dom);
+    };
+    const createRow$1 = (doc) => () => {
+        return SugarElement.fromTag('tr', doc.dom);
+    };
+    const replace$1 = (cell, tag, attrs) => {
+        const replica = copy$2(cell, tag);
+        // TODO: Snooker passes null to indicate 'remove attribute'
+        each$1(attrs, (v, k) => {
+            if (v === null) {
+                remove$6(replica, k);
+            }
+            else {
+                set$2(replica, k, v);
+            }
+        });
+        return replica;
+    };
+    // eslint-disable-next-line @tinymce/prefer-fun
+    const pasteReplace = (cell) => {
+        // TODO: check for empty content and don't return anything
+        return cell;
+    };
+    const cloneFormats = (oldCell, newCell, formats) => {
+        const first$1 = first(oldCell);
+        return first$1?.map((firstText) => {
+            const formatSelector = formats.join(',');
+            // Find the ancestors of the first text node that match the given formats.
+            const parents = ancestors$3(firstText, formatSelector, (element) => {
+                return eq$1(element, oldCell);
+            });
+            // Add the matched ancestors to the new cell, then return the new cell.
+            return foldr(parents, (last, parent) => {
+                const clonedFormat = shallow(parent);
+                append$1(last, clonedFormat);
+                return clonedFormat;
+            }, newCell);
+        }).getOr(newCell);
+    };
+    const cloneAppropriateAttributes = (original, clone) => {
+        each$1(transferableAttributes, (validAttributes, attributeName) => getOpt(original, attributeName)
+            .filter((attribute) => contains$2(validAttributes, attribute))
+            .each((attribute) => set$2(clone, attributeName, attribute)));
+    };
+    const cellOperations = (mutate, doc, formatsToClone) => {
+        const cloneCss = (prev, clone) => {
+            // inherit the style and width, dont inherit the row height
+            copy$1(prev.element, clone);
+            remove$4(clone, 'height');
+            // dont inherit the width of spanning columns
+            if (prev.colspan !== 1) {
+                remove$4(clone, 'width');
+            }
+        };
+        const newCell = (prev) => {
+            const td = SugarElement.fromTag(name(prev.element), doc.dom);
+            const formats = formatsToClone.getOr(['strong', 'em', 'b', 'i', 'span', 'font', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'div']);
+            // If we aren't cloning the child formatting, we can just give back the new td immediately.
+            const lastNode = formats.length > 0 ? cloneFormats(prev.element, td, formats) : td;
+            append$1(lastNode, SugarElement.fromTag('br'));
+            cloneCss(prev, td);
+            cloneAppropriateAttributes(prev.element, td);
+            mutate(prev.element, td);
+            return td;
+        };
+        const newCol = (prev) => {
+            const col = SugarElement.fromTag(name(prev.element), doc.dom);
+            cloneCss(prev, col);
+            mutate(prev.element, col);
+            return col;
+        };
+        return {
+            col: newCol,
+            colgroup: createColgroup(doc),
+            row: createRow$1(doc),
+            cell: newCell,
+            replace: replace$1,
+            colGap: createCol(doc),
+            gap: createCell(doc)
+        };
+    };
+    const paste$1 = (doc) => {
+        return {
+            col: createCol(doc),
+            colgroup: createColgroup(doc),
+            row: createRow$1(doc),
+            cell: createCell(doc),
+            replace: pasteReplace,
+            colGap: createCol(doc),
+            gap: createCell(doc)
+        };
+    };
+
+    const getGridSize = (table) => {
+        const warehouse = Warehouse.fromTable(table);
+        return warehouse.grid;
+    };
+
+    // substitution: () -> item
+    const merge$1 = (grid, bounds, comparator, substitution) => {
+        const rows = extractGridDetails(grid).rows;
+        // Mutating. Do we care about the efficiency gain?
+        if (rows.length === 0) {
+            return grid;
+        }
+        for (let i = bounds.startRow; i <= bounds.finishRow; i++) {
+            for (let j = bounds.startCol; j <= bounds.finishCol; j++) {
+                // We can probably simplify this again now that we aren't reusing merge.
+                const row = rows[i];
+                const isLocked = getCell(row, j).isLocked;
+                mutateCell(row, j, elementnew(substitution(), false, isLocked));
+            }
+        }
+        return grid;
+    };
+    // substitution: () -> item
+    const unmerge = (grid, target, comparator, substitution) => {
+        const rows = extractGridDetails(grid).rows;
+        // Mutating. Do we care about the efficiency gain?
+        let first = true;
+        // tslint:disable-next-line:prefer-for-of
+        for (let i = 0; i < rows.length; i++) {
+            for (let j = 0; j < cellLength(rows[0]); j++) {
+                const row = rows[i];
+                const currentCell = getCell(row, j);
+                const currentCellElm = currentCell.element;
+                const isToReplace = comparator(currentCellElm, target);
+                if (isToReplace && !first) {
+                    mutateCell(row, j, elementnew(substitution(), true, currentCell.isLocked));
+                }
+                else if (isToReplace) {
+                    first = false;
+                }
+            }
+        }
+        return grid;
+    };
+    const uniqueCells = (row, comparator) => {
+        return foldl(row, (rest, cell) => {
+            return exists(rest, (currentCell) => {
+                return comparator(currentCell.element, cell.element);
+            }) ? rest : rest.concat([cell]);
+        }, []);
+    };
+    const splitCols = (grid, index, comparator, substitution) => {
+        // We don't need to split rows if we're inserting at the first or last row of the old table
+        if (index > 0 && index < grid[0].cells.length) {
+            each$2(grid, (row) => {
+                const prevCell = row.cells[index - 1];
+                let offset = 0;
+                const substitute = substitution();
+                while (row.cells.length > index + offset && comparator(prevCell.element, row.cells[index + offset].element)) {
+                    mutateCell(row, index + offset, elementnew(substitute, true, row.cells[index + offset].isLocked));
+                    offset++;
+                }
+            });
+        }
+        return grid;
+    };
+    const splitRows = (grid, index, comparator, substitution) => {
+        // We don't need to split rows if we're inserting at the first or last row of the old table
+        const rows = extractGridDetails(grid).rows;
+        if (index > 0 && index < rows.length) {
+            const rowPrevCells = rows[index - 1].cells;
+            const cells = uniqueCells(rowPrevCells, comparator);
+            each$2(cells, (cell) => {
+                // only make a sub when we have to
+                let replacement = Optional.none();
+                for (let i = index; i < rows.length; i++) {
+                    for (let j = 0; j < cellLength(rows[0]); j++) {
+                        const row = rows[i];
+                        const current = getCell(row, j);
+                        const isToReplace = comparator(current.element, cell.element);
+                        if (isToReplace) {
+                            if (replacement.isNone()) {
+                                replacement = Optional?.some(substitution());
+                            }
+                            replacement.each((sub) => {
+                                mutateCell(row, j, elementnew(sub, true, current.isLocked));
+                            });
+                        }
+                    }
+                }
+            });
+        }
+        return grid;
+    };
+
+    /*
+      Fitment, is a module used to ensure that the Inserted table (gridB) can fit squareley within the Host table (gridA).
+        - measure returns a delta of rows and cols, eg:
+            - col: 3 means gridB can fit with 3 spaces to spare
+            - row: -5 means gridB can needs 5 more rows to completely fit into gridA
+            - col: 0, row: 0 depics perfect fitment
+
+        - tailor, requires a delta and returns grid that is built to match the delta, tailored to fit.
+          eg: 3x3 gridA, with a delta col: -3, row: 2 returns a new grid 3 rows x 6 cols
+
+        - assumptions: All grids used by this module should be rectangular
+    */
+    const measure = (startAddress, gridA, gridB) => {
+        if (startAddress.row >= gridA.length || startAddress.column > cellLength(gridA[0])) {
+            return Result.error('invalid start address out of table bounds, row: ' + startAddress.row + ', column: ' + startAddress.column);
+        }
+        const rowRemainder = gridA.slice(startAddress.row);
+        const colRemainder = rowRemainder[0].cells.slice(startAddress.column);
+        const colRequired = cellLength(gridB[0]);
+        const rowRequired = gridB.length;
+        return Result.value({
+            rowDelta: rowRemainder.length - rowRequired,
+            colDelta: colRemainder.length - colRequired
+        });
+    };
+    const measureWidth = (gridA, gridB) => {
+        const colLengthA = cellLength(gridA[0]);
+        const colLengthB = cellLength(gridB[0]);
+        return {
+            rowDelta: 0,
+            colDelta: colLengthA - colLengthB
+        };
+    };
+    const measureHeight = (gridA, gridB) => {
+        const rowLengthA = gridA.length;
+        const rowLengthB = gridB.length;
+        return {
+            rowDelta: rowLengthA - rowLengthB,
+            colDelta: 0
+        };
+    };
+    const generateElements = (amount, row, generators, isLocked) => {
+        const generator = row.section === 'colgroup' ? generators.col : generators.cell;
+        return range$1(amount, (idx) => elementnew(generator(), true, isLocked(idx)));
+    };
+    const rowFill = (grid, amount, generators, lockedColumns) => {
+        const exampleRow = grid[grid.length - 1];
+        return grid.concat(range$1(amount, () => {
+            const generator = exampleRow.section === 'colgroup' ? generators.colgroup : generators.row;
+            const row = clone$2(exampleRow, generator, identity);
+            const elements = generateElements(row.cells.length, row, generators, (idx) => has$1(lockedColumns, idx.toString()));
+            return setCells(row, elements);
+        }));
+    };
+    const colFill = (grid, amount, generators, startIndex) => map$1(grid, (row) => {
+        const newChildren = generateElements(amount, row, generators, never);
+        return addCells(row, startIndex, newChildren);
+    });
+    const lockedColFill = (grid, generators, lockedColumns) => map$1(grid, (row) => {
+        return foldl(lockedColumns, (acc, colNum) => {
+            const newChild = generateElements(1, row, generators, always)[0];
+            return addCell(acc, colNum, newChild);
+        }, row);
+    });
+    const tailor = (gridA, delta, generators) => {
+        const fillCols = delta.colDelta < 0 ? colFill : identity;
+        const fillRows = delta.rowDelta < 0 ? rowFill : identity;
+        const lockedColumns = getLockedColumnsFromGrid(gridA);
+        const gridWidth = cellLength(gridA[0]);
+        const isLastColLocked = exists(lockedColumns, (locked) => locked === gridWidth - 1);
+        const modifiedCols = fillCols(gridA, Math.abs(delta.colDelta), generators, isLastColLocked ? gridWidth - 1 : gridWidth);
+        // Need to recalculate locked column positions
+        const newLockedColumns = getLockedColumnsFromGrid(modifiedCols);
+        return fillRows(modifiedCols, Math.abs(delta.rowDelta), generators, mapToObject(newLockedColumns, always));
+    };
+
+    const isSpanning = (grid, row, col, comparator) => {
+        const candidate = getCell(grid[row], col);
+        const matching = curry(comparator, candidate.element);
+        const currentRow = grid[row];
+        // sanity check, 1x1 has no spans
+        return grid.length > 1 && cellLength(currentRow) > 1 &&
+            (
+            // search left, if we're not on the left edge
+            // search down, if we're not on the bottom edge
+            (col > 0 && matching(getCellElement(currentRow, col - 1))) ||
+                // search right, if we're not on the right edge
+                (col < currentRow.cells.length - 1 && matching(getCellElement(currentRow, col + 1))) ||
+                // search up, if we're not on the top edge
+                (row > 0 && matching(getCellElement(grid[row - 1], col))) ||
+                (row < grid.length - 1 && matching(getCellElement(grid[row + 1], col))));
+    };
+    const mergeTables = (startAddress, gridA, gridBRows, generator, comparator, lockedColumns) => {
+        // Assumes
+        //  - gridA is square and gridB is square
+        const startRow = startAddress.row;
+        const startCol = startAddress.column;
+        const mergeHeight = gridBRows.length;
+        const mergeWidth = cellLength(gridBRows[0]);
+        const endRow = startRow + mergeHeight;
+        const endCol = startCol + mergeWidth + lockedColumns.length;
+        const lockedColumnObj = mapToObject(lockedColumns, always);
+        // embrace the mutation - I think this is easier to follow? To discuss.
+        for (let r = startRow; r < endRow; r++) {
+            let skippedCol = 0;
+            for (let c = startCol; c < endCol; c++) {
+                if (lockedColumnObj[c]) {
+                    skippedCol++;
+                    continue;
+                }
+                if (isSpanning(gridA, r, c, comparator)) {
+                    // mutation within mutation, it's mutatception
+                    unmerge(gridA, getCellElement(gridA[r], c), comparator, generator.cell);
+                }
+                const gridBColIndex = c - startCol - skippedCol;
+                const newCell = getCell(gridBRows[r - startRow], gridBColIndex);
+                // This can't be a col element at this point so we can cast it to a cell
+                const newCellElm = newCell.element;
+                const replacement = generator.replace(newCellElm);
+                mutateCell(gridA[r], c, elementnew(replacement, true, newCell.isLocked));
+            }
+        }
+        return gridA;
+    };
+    const getValidStartAddress = (currentStartAddress, grid, lockedColumns) => {
+        const gridColLength = cellLength(grid[0]);
+        /*
+          When we paste from a table without colgroups to a table that has them, we need to ensure we are inserting them at
+          the correct row index (the `col`s are treated as cells in the Structs.RowCells array).
+      
+          To do this, we get the number of `col`s in the destination table and add that to the startAddress row.
+        */
+        const adjustedRowAddress = extractGridDetails(grid).cols.length + currentStartAddress.row;
+        const possibleColAddresses = range$1(gridColLength - currentStartAddress.column, (num) => num + currentStartAddress.column);
+        // Find a starting column address that isn't a locked column
+        const validColAddress = find$1(possibleColAddresses, (num) => forall(lockedColumns, (col) => col !== num)).getOr(gridColLength - 1);
+        return {
+            row: adjustedRowAddress,
+            column: validColAddress
+        };
+    };
+    const getLockedColumnsWithinBounds = (startAddress, rows, lockedColumns) => filter$2(lockedColumns, (colNum) => colNum >= startAddress.column && colNum <= cellLength(rows[0]) + startAddress.column);
+    const merge = (startAddress, gridA, gridB, generator, comparator) => {
+        const lockedColumns = getLockedColumnsFromGrid(gridA);
+        const validStartAddress = getValidStartAddress(startAddress, gridA, lockedColumns);
+        /*
+          We always remove the cols (extract the rows) from the table being pasted. This ensures that if we are pasting from a table with colgroups into a table
+          without them, we don't insert the `col` elements as if they were `td`s
+        */
+        const gridBRows = extractGridDetails(gridB).rows;
+        const lockedColumnsWithinBounds = getLockedColumnsWithinBounds(validStartAddress, gridBRows, lockedColumns);
+        const result = measure(validStartAddress, gridA, gridBRows);
+        /*
+          Need to subtract extra delta for locked columns between startAddress and the startAddress + gridB column count as
+          locked column cells cannot be merged into. Therefore, extra column cells need to be added to gridA to allow gridB cells to be merged
+        */
+        return result?.map((diff) => {
+            const delta = {
+                ...diff,
+                colDelta: diff.colDelta - lockedColumnsWithinBounds.length
+            };
+            const fittedGrid = tailor(gridA, delta, generator);
+            // Need to recalculate lockedColumnsWithinBounds as tailoring may have inserted columns before last locked column which changes the locked index
+            const newLockedColumns = getLockedColumnsFromGrid(fittedGrid);
+            const newLockedColumnsWithinBounds = getLockedColumnsWithinBounds(validStartAddress, gridBRows, newLockedColumns);
+            return mergeTables(validStartAddress, fittedGrid, gridBRows, generator, comparator, newLockedColumnsWithinBounds);
+        });
+    };
+    const insertCols = (index, gridA, gridB, generator, comparator) => {
+        splitCols(gridA, index, comparator, generator.cell);
+        const delta = measureHeight(gridB, gridA);
+        const fittedNewGrid = tailor(gridB, delta, generator);
+        const secondDelta = measureHeight(gridA, fittedNewGrid);
+        const fittedOldGrid = tailor(gridA, secondDelta, generator);
+        return map$1(fittedOldGrid, (gridRow, i) => {
+            return addCells(gridRow, index, fittedNewGrid[i].cells);
+        });
+    };
+    /*
+      Inserting rows with locked columns
+      - Tailor gridA first (this needs to be done first as the position of the locked columns may change when tailoring gridA and the location of the locked columns needs to be stable before tailoring gridB)
+        - measure delta between gridA and gridB (pasted rows) - if negative colDelta, gridA needs extra columns added to match gridB
+        - need to calculate how many columns in gridB cannot be directly inserted into gridA - this is how many extra columns need to be added to gridA (this consideres the fact locked column cannot be inserted into)
+          - nonLockedGridA + lockedGridA - gridB = colDelta (By subtracting locked column count, can get required diff)
+        - tailor gridA by adding the required extra columns if necessary either at the end of gridA or before the last column depending on whether it is locked
+      - Recalculate where the locked columns are in gridA after tailoring
+      - Measure and determine if extra columns need to be added to gridB (locked columns should not count towards the delta as colFilling (adding extra columns) for locked columns is handled separately)
+      - Do a lockedColFill on gridB
+      - Tailor gridB by adding extra columns to end of gridB if required
+    */
+    const insertRows = (index, gridA, gridB, generator, comparator) => {
+        splitRows(gridA, index, comparator, generator.cell);
+        const locked = getLockedColumnsFromGrid(gridA);
+        const diff = measureWidth(gridA, gridB);
+        const delta = {
+            ...diff,
+            colDelta: diff.colDelta - locked.length
+        };
+        const fittedOldGrid = tailor(gridA, delta, generator);
+        const { cols: oldCols, rows: oldRows } = extractGridDetails(fittedOldGrid);
+        const newLocked = getLockedColumnsFromGrid(fittedOldGrid);
+        const secondDiff = measureWidth(gridB, gridA);
+        // Don't want the locked columns to count towards to the colDelta as column filling for locked columns is handled separately
+        const secondDelta = {
+            ...secondDiff,
+            colDelta: secondDiff.colDelta + newLocked.length
+        };
+        const fittedGridB = lockedColFill(gridB, generator, newLocked);
+        const fittedNewGrid = tailor(fittedGridB, secondDelta, generator);
+        return [
+            ...oldCols,
+            ...oldRows.slice(0, index),
+            ...fittedNewGrid,
+            ...oldRows.slice(index, oldRows.length)
+        ];
+    };
+
+    const cloneRow = (row, cloneCell, comparator, substitution) => clone$2(row, (elem) => substitution(elem, comparator), cloneCell);
+    // substitution :: (item, comparator) -> item
+    // example is the location of the cursor (the row index)
+    // index is the insert position (at - or after - example) (the row index)
+    const insertRowAt = (grid, index, example, comparator, substitution) => {
+        const { rows, cols } = extractGridDetails(grid);
+        const before = rows.slice(0, index);
+        const after = rows.slice(index);
+        const newRow = cloneRow(rows[example], (ex, c) => {
+            const withinSpan = index > 0 && index < rows.length && comparator(getCellElement(rows[index - 1], c), getCellElement(rows[index], c));
+            const ret = withinSpan ? getCell(rows[index], c) : elementnew(substitution(ex.element, comparator), true, ex.isLocked);
+            return ret;
+        }, comparator, substitution);
+        return [
+            ...cols,
+            ...before,
+            newRow,
+            ...after
+        ];
+    };
+    const getElementFor = (row, column, section, withinSpan, example, comparator, substitution) => {
+        if (section === 'colgroup' || !withinSpan) {
+            const cell = getCell(row, example);
+            // locked is explicitly set to false so the newly inserted column doesn't inherit example column locked state
+            return elementnew(substitution(cell.element, comparator), true, false);
+        }
+        else {
+            return getCell(row, column);
+        }
+    };
+    // substitution :: (item, comparator) -> item
+    // example is the location of the cursor (the column index)
+    // index is the insert position (at - or after - example) (the column index)
+    const insertColumnAt = (grid, index, example, comparator, substitution) => map$1(grid, (row) => {
+        const withinSpan = index > 0 && index < cellLength(row) && comparator(getCellElement(row, index - 1), getCellElement(row, index));
+        const sub = getElementFor(row, index, row.section, withinSpan, example, comparator, substitution);
+        return addCell(row, index, sub);
+    });
+    const deleteColumnsAt = (grid, columns) => bind$2(grid, (row) => {
+        const existingCells = row.cells;
+        const cells = foldr(columns, (acc, column) => column >= 0 && column < acc.length ? acc.slice(0, column).concat(acc.slice(column + 1)) : acc, existingCells);
+        return cells.length > 0 ? [rowcells(row.element, cells, row.section, row.isNew)] : [];
+    });
+    const deleteRowsAt = (grid, start, finish) => {
+        const { rows, cols } = extractGridDetails(grid);
+        return [
+            ...cols,
+            ...rows.slice(0, start),
+            ...rows.slice(finish + 1)
+        ];
+    };
+
+    const notInStartRow = (grid, rowIndex, colIndex, comparator) => getCellElement(grid[rowIndex], colIndex) !== undefined && (rowIndex > 0 && comparator(getCellElement(grid[rowIndex - 1], colIndex), getCellElement(grid[rowIndex], colIndex)));
+    const notInStartColumn = (row, index, comparator) => index > 0 && comparator(getCellElement(row, index - 1), getCellElement(row, index));
+    // This checks for cells that aren't in the "start" position as the model will create duplicate element references for
+    // each column/row that the cell spans. As an example, for a merged cell with rowspan="2", the cell in the second row is a duplicate
+    // of the cell in the first row.
+    const isDuplicatedCell = (grid, rowIndex, colIndex, comparator) => notInStartRow(grid, rowIndex, colIndex, comparator) || notInStartColumn(grid[rowIndex], colIndex, comparator);
+    const rowReplacerPredicate = (targetRow, columnHeaders) => {
+        const entireTableIsHeader = forall(columnHeaders, identity) && isHeaderCells(targetRow.cells);
+        return entireTableIsHeader ? always : (cell, _rowIndex, colIndex) => {
+            const type = name(cell.element);
+            return !(type === 'th' && columnHeaders[colIndex]);
+        };
+    };
+    const columnReplacePredicate = (targetColumn, rowHeaders) => {
+        const entireTableIsHeader = forall(rowHeaders, identity) && isHeaderCells(targetColumn);
+        return entireTableIsHeader ? always : (cell, rowIndex, _colIndex) => {
+            const type = name(cell.element);
+            return !(type === 'th' && rowHeaders[rowIndex]);
+        };
+    };
+    const determineScope = (applyScope, cell, newScope, isInHeader) => {
+        const hasSpan = (scope) => scope === 'row' ? hasRowspan(cell) : hasColspan(cell);
+        const getScope = (scope) => hasSpan(scope) ? `${scope}group` : scope;
+        if (applyScope) {
+            return isHeaderCell(cell) ? getScope(newScope) : null;
+        }
+        else if (isInHeader && isHeaderCell(cell)) {
+            // The cell is still in a header row/column so ensure the right scope is reverted to
+            const oppositeScope = newScope === 'row' ? 'col' : 'row';
+            return getScope(oppositeScope);
+        }
+        else {
+            // No longer a header so ensure the scope is removed
+            return null;
+        }
+    };
+    const rowScopeGenerator = (applyScope, columnHeaders) => (cell, rowIndex, columnIndex) => Optional?.some(determineScope(applyScope, cell.element, 'col', columnHeaders[columnIndex]));
+    const columnScopeGenerator = (applyScope, rowHeaders) => (cell, rowIndex) => Optional?.some(determineScope(applyScope, cell.element, 'row', rowHeaders[rowIndex]));
+    const replace = (cell, comparator, substitute) => elementnew(substitute(cell.element, comparator), true, cell.isLocked);
+    const replaceIn = (grid, targets, comparator, substitute, replacer, genScope, shouldReplace) => {
+        const isTarget = (cell) => {
+            return exists(targets, (target) => {
+                return comparator(cell.element, target.element);
+            });
+        };
+        return map$1(grid, (row, rowIndex) => {
+            return mapCells(row, (cell, colIndex) => {
+                if (isTarget(cell)) {
+                    const newCell = shouldReplace(cell, rowIndex, colIndex) ? replacer(cell, comparator, substitute) : cell;
+                    // Update the scope
+                    genScope(newCell, rowIndex, colIndex).each((scope) => {
+                        setOptions(newCell.element, { scope: Optional.from(scope) });
+                    });
+                    return newCell;
+                }
+                else {
+                    return cell;
+                }
+            });
+        });
+    };
+    const getColumnCells = (rows, columnIndex, comparator) => bind$2(rows, (row, i) => {
+        // check if already added.
+        return isDuplicatedCell(rows, i, columnIndex, comparator) ? [] : [getCell(row, columnIndex)];
+    });
+    const getRowCells = (rows, rowIndex, comparator) => {
+        const targetRow = rows[rowIndex];
+        return bind$2(targetRow.cells, (item, i) => {
+            // Check that we haven't already added this one.
+            return isDuplicatedCell(rows, rowIndex, i, comparator) ? [] : [item];
+        });
+    };
+    const replaceColumns = (grid, indexes, applyScope, comparator, substitution) => {
+        // Make this efficient later.
+        const rows = extractGridDetails(grid).rows;
+        const targets = bind$2(indexes, (index) => getColumnCells(rows, index, comparator));
+        const rowHeaders = map$1(rows, (row) => isHeaderCells(row.cells));
+        const shouldReplaceCell = columnReplacePredicate(targets, rowHeaders);
+        const scopeGenerator = columnScopeGenerator(applyScope, rowHeaders);
+        return replaceIn(grid, targets, comparator, substitution, replace, scopeGenerator, shouldReplaceCell);
+    };
+    const replaceRows = (grid, indexes, section, applyScope, comparator, substitution, tableSection) => {
+        const { cols, rows } = extractGridDetails(grid);
+        const targetRow = rows[indexes[0]];
+        const targets = bind$2(indexes, (index) => getRowCells(rows, index, comparator));
+        const columnHeaders = map$1(targetRow.cells, (_cell, index) => isHeaderCells(getColumnCells(rows, index, comparator)));
+        // Transform and replace the target row
+        // TODO: TINY-7776: This doesn't deal with rowspans which can break the layout when moving to a new section
+        const newRows = [...rows];
+        each$2(indexes, (index) => {
+            newRows[index] = tableSection.transformRow(rows[index], section);
+        });
+        const newGrid = [...cols, ...newRows];
+        const shouldReplaceCell = rowReplacerPredicate(targetRow, columnHeaders);
+        const scopeGenerator = rowScopeGenerator(applyScope, columnHeaders);
+        return replaceIn(newGrid, targets, comparator, substitution, tableSection.transformCell, scopeGenerator, shouldReplaceCell);
+    };
+    const replaceCells = (grid, details, comparator, substitution) => {
+        const rows = extractGridDetails(grid).rows;
+        const targetCells = map$1(details, (detail) => getCell(rows[detail.row], detail.column));
+        return replaceIn(grid, targetCells, comparator, substitution, replace, Optional.none, always);
+    };
+
+    const uniqueColumns = (details) => {
+        const uniqueCheck = (rest, detail) => {
+            const columnExists = exists(rest, (currentDetail) => currentDetail.column === detail.column);
+            return columnExists ? rest : rest.concat([detail]);
+        };
+        return foldl(details, uniqueCheck, []).sort((detailA, detailB) => detailA.column - detailB.column);
+    };
+
+    // This uses a slight variation to the default `ContentEditable.isEditable` behaviour,
+    // as when the element is detached we assume it is editable because it is a new cell.
+    const isEditable = (elem) => isEditable$1(elem, true);
+    const prune = (table) => {
+        const cells = cells$1(table);
+        if (cells.length === 0) {
+            remove$5(table);
+        }
+    };
+    const outcome = (grid, cursor) => ({
+        grid,
+        cursor
+    });
+    const findEditableCursorPosition = (rows) => findMap(rows, (row) => findMap(row.cells, (cell) => {
+        const elem = cell.element;
+        return someIf(isEditable(elem), elem);
+    }));
+    const elementFromGrid = (grid, row, column) => {
+        var _a, _b;
+        const rows = extractGridDetails(grid).rows;
+        return Optional.from((_b = (_a = rows[row]) === null || _a === void 0 ? void 0 : _a.cells[column]) === null || _b === void 0 ? void 0 : _b.element)
+            .filter(isEditable)
+            // Fallback to the first valid position in the table
+            .orThunk(() => findEditableCursorPosition(rows));
+    };
+    const bundle = (grid, row, column) => {
+        const cursorElement = elementFromGrid(grid, row, column);
+        return outcome(grid, cursorElement);
+    };
+    const uniqueRows = (details) => {
+        const rowCompilation = (rest, detail) => {
+            const rowExists = exists(rest, (currentDetail) => currentDetail.row === detail.row);
+            return rowExists ? rest : rest.concat([detail]);
+        };
+        return foldl(details, rowCompilation, []).sort((detailA, detailB) => detailA.row - detailB.row);
+    };
+    const opInsertRowsBefore = (grid, details, comparator, genWrappers) => {
+        const targetIndex = details[0].row;
+        const rows = uniqueRows(details);
+        const newGrid = foldr(rows, (acc, row) => {
+            const newG = insertRowAt(acc.grid, targetIndex, row.row + acc.delta, comparator, genWrappers.getOrInit);
+            return { grid: newG, delta: acc.delta + 1 };
+        }, { grid, delta: 0 }).grid;
+        return bundle(newGrid, targetIndex, details[0].column);
+    };
+    const opInsertRowsAfter = (grid, details, comparator, genWrappers) => {
+        const rows = uniqueRows(details);
+        const target = rows[rows.length - 1];
+        const targetIndex = target.row + target.rowspan;
+        const newGrid = foldr(rows, (newG, row) => {
+            return insertRowAt(newG, targetIndex, row.row, comparator, genWrappers.getOrInit);
+        }, grid);
+        return bundle(newGrid, targetIndex, details[0].column);
+    };
+    const opInsertColumnsBefore = (grid, extractDetail, comparator, genWrappers) => {
+        const details = extractDetail.details;
+        const columns = uniqueColumns(details);
+        const targetIndex = columns[0].column;
+        const newGrid = foldr(columns, (acc, col) => {
+            const newG = insertColumnAt(acc.grid, targetIndex, col.column + acc.delta, comparator, genWrappers.getOrInit);
+            return { grid: newG, delta: acc.delta + 1 };
+        }, { grid, delta: 0 }).grid;
+        return bundle(newGrid, details[0].row, targetIndex);
+    };
+    const opInsertColumnsAfter = (grid, extractDetail, comparator, genWrappers) => {
+        const details = extractDetail.details;
+        const target = details[details.length - 1];
+        const targetIndex = target.column + target.colspan;
+        const columns = uniqueColumns(details);
+        const newGrid = foldr(columns, (newG, col) => {
+            return insertColumnAt(newG, targetIndex, col.column, comparator, genWrappers.getOrInit);
+        }, grid);
+        return bundle(newGrid, details[0].row, targetIndex);
+    };
+    const opMakeColumnsHeader = (initialGrid, details, comparator, genWrappers) => {
+        const columns = uniqueColumns(details);
+        const columnIndexes = map$1(columns, (detail) => detail.column);
+        const newGrid = replaceColumns(initialGrid, columnIndexes, true, comparator, genWrappers.replaceOrInit);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const opMakeCellsHeader = (initialGrid, details, comparator, genWrappers) => {
+        const newGrid = replaceCells(initialGrid, details, comparator, genWrappers.replaceOrInit);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const opUnmakeColumnsHeader = (initialGrid, details, comparator, genWrappers) => {
+        const columns = uniqueColumns(details);
+        const columnIndexes = map$1(columns, (detail) => detail.column);
+        const newGrid = replaceColumns(initialGrid, columnIndexes, false, comparator, genWrappers.replaceOrInit);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const opUnmakeCellsHeader = (initialGrid, details, comparator, genWrappers) => {
+        const newGrid = replaceCells(initialGrid, details, comparator, genWrappers.replaceOrInit);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const makeRowsSection = (section, applyScope) => (initialGrid, details, comparator, genWrappers, tableSection) => {
+        const rows = uniqueRows(details);
+        const rowIndexes = map$1(rows, (detail) => detail.row);
+        const newGrid = replaceRows(initialGrid, rowIndexes, section, applyScope, comparator, genWrappers.replaceOrInit, tableSection);
+        return bundle(newGrid, details[0].row, details[0].column);
+    };
+    const opMakeRowsHeader = makeRowsSection('thead', true);
+    const opMakeRowsBody = makeRowsSection('tbody', false);
+    const opMakeRowsFooter = makeRowsSection('tfoot', false);
+    const opEraseColumns = (grid, extractDetail, _comparator, _genWrappers) => {
+        const columns = uniqueColumns(extractDetail.details);
+        const newGrid = deleteColumnsAt(grid, map$1(columns, (column) => column.column));
+        const maxColIndex = newGrid.length > 0 ? newGrid[0].cells.length - 1 : 0;
+        return bundle(newGrid, columns[0].row, Math.min(columns[0].column, maxColIndex));
+    };
+    const opEraseRows = (grid, details, _comparator, _genWrappers) => {
+        const rows = uniqueRows(details);
+        const newGrid = deleteRowsAt(grid, rows[0].row, rows[rows.length - 1].row);
+        const maxRowIndex = Math.max(extractGridDetails(newGrid).rows.length - 1, 0);
+        return bundle(newGrid, Math.min(details[0].row, maxRowIndex), details[0].column);
+    };
+    const opMergeCells = (grid, mergable, comparator, genWrappers) => {
+        const cells = mergable.cells;
+        merge$2(cells);
+        const newGrid = merge$1(grid, mergable.bounds, comparator, genWrappers.merge(cells));
+        return outcome(newGrid, Optional.from(cells[0]));
+    };
+    const opUnmergeCells = (grid, unmergable, comparator, genWrappers) => {
+        const unmerge$1 = (b, cell) => unmerge(b, cell, comparator, genWrappers.unmerge(cell));
+        const newGrid = foldr(unmergable, unmerge$1, grid);
+        return outcome(newGrid, Optional.from(unmergable[0]));
+    };
+    const opPasteCells = (grid, pasteDetails, comparator, _genWrappers) => {
+        const gridify = (table, generators) => {
+            const wh = Warehouse.fromTable(table);
+            return toGrid(wh, generators, true);
+        };
+        const gridB = gridify(pasteDetails.clipboard, pasteDetails.generators);
+        const startAddress = address(pasteDetails.row, pasteDetails.column);
+        const mergedGrid = merge(startAddress, grid, gridB, pasteDetails.generators, comparator);
+        return mergedGrid.fold(() => outcome(grid, Optional?.some(pasteDetails.element)), (newGrid) => {
+            return bundle(newGrid, pasteDetails.row, pasteDetails.column);
+        });
+    };
+    const gridifyRows = (rows, generators, context) => {
+        const pasteDetails = fromPastedRows(rows, context.section);
+        const wh = Warehouse.generate(pasteDetails);
+        return toGrid(wh, generators, true);
+    };
+    const opPasteColsBefore = (grid, pasteDetails, comparator, _genWrappers) => {
+        const rows = extractGridDetails(grid).rows;
+        const index = pasteDetails.cells[0].column;
+        const context = rows[pasteDetails.cells[0].row];
+        const gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+        const mergedGrid = insertCols(index, grid, gridB, pasteDetails.generators, comparator);
+        return bundle(mergedGrid, pasteDetails.cells[0].row, pasteDetails.cells[0].column);
+    };
+    const opPasteColsAfter = (grid, pasteDetails, comparator, _genWrappers) => {
+        const rows = extractGridDetails(grid).rows;
+        const index = pasteDetails.cells[pasteDetails.cells.length - 1].column + pasteDetails.cells[pasteDetails.cells.length - 1].colspan;
+        const context = rows[pasteDetails.cells[0].row];
+        const gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+        const mergedGrid = insertCols(index, grid, gridB, pasteDetails.generators, comparator);
+        return bundle(mergedGrid, pasteDetails.cells[0].row, index);
+    };
+    const opPasteRowsBefore = (grid, pasteDetails, comparator, _genWrappers) => {
+        const rows = extractGridDetails(grid).rows;
+        const index = pasteDetails.cells[0].row;
+        const context = rows[index];
+        const gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+        const mergedGrid = insertRows(index, grid, gridB, pasteDetails.generators, comparator);
+        return bundle(mergedGrid, pasteDetails.cells[0].row, pasteDetails.cells[0].column);
+    };
+    const opPasteRowsAfter = (grid, pasteDetails, comparator, _genWrappers) => {
+        const rows = extractGridDetails(grid).rows;
+        const index = pasteDetails.cells[pasteDetails.cells.length - 1].row + pasteDetails.cells[pasteDetails.cells.length - 1].rowspan;
+        const context = rows[pasteDetails.cells[0].row];
+        const gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+        const mergedGrid = insertRows(index, grid, gridB, pasteDetails.generators, comparator);
+        return bundle(mergedGrid, index, pasteDetails.cells[0].column);
+    };
+    const opGetColumnsType = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onCells(house, target);
+        return details.bind((selectedCells) => {
+            const lastSelectedCell = selectedCells[selectedCells.length - 1];
+            const minColRange = selectedCells[0].column;
+            const maxColRange = lastSelectedCell.column + lastSelectedCell.colspan;
+            const selectedColumnCells = flatten(map$1(house.all, (row) => filter$2(row.cells, (cell) => cell.column >= minColRange && cell.column < maxColRange)));
+            return findCommonCellType(selectedColumnCells);
+        }).getOr('');
+    };
+    const opGetCellsType = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onCells(house, target);
+        return details.bind(findCommonCellType).getOr('');
+    };
+    const opGetRowsType = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onCells(house, target);
+        return details.bind((selectedCells) => {
+            const lastSelectedCell = selectedCells[selectedCells.length - 1];
+            const minRowRange = selectedCells[0].row;
+            const maxRowRange = lastSelectedCell.row + lastSelectedCell.rowspan;
+            const selectedRows = house.all.slice(minRowRange, maxRowRange);
+            return findCommonRowType(selectedRows);
+        }).getOr('');
+    };
+    // Only column modifications force a resizing. Everything else just tries to preserve the table as is.
+    const resize = (table, list, details, behaviours) => adjustWidthTo(table, list, details, behaviours.sizing);
+    const adjustAndRedistributeWidths = (table, list, details, behaviours) => adjustAndRedistributeWidths$1(table, list, details, behaviours.sizing, behaviours.resize);
+    // Custom selection extractors
+    const firstColumnIsLocked = (_warehouse, details) => exists(details, (detail) => detail.column === 0 && detail.isLocked);
+    // TODO: Maybe have an Arr.existsR which would be more efficient for most cases below
+    const lastColumnIsLocked = (warehouse, details) => exists(details, (detail) => detail.column + detail.colspan >= warehouse.grid.columns && detail.isLocked);
+    const getColumnsWidth = (warehouse, details) => {
+        const columns$1 = columns(warehouse);
+        const uniqueCols = uniqueColumns(details);
+        return foldl(uniqueCols, (acc, detail) => {
+            const column = columns$1[detail.column];
+            const colWidth = column?.map(getOuter).getOr(0);
+            return acc + colWidth;
+        }, 0);
+    };
+    const insertColumnsExtractor = (before) => (warehouse, target) => onCells(warehouse, target).filter((details) => {
+        const checkLocked = before ? firstColumnIsLocked : lastColumnIsLocked;
+        return !checkLocked(warehouse, details);
+    })?.map((details) => ({
+        details,
+        pixelDelta: getColumnsWidth(warehouse, details),
+    }));
+    const eraseColumnsExtractor = (warehouse, target) => onUnlockedCells(warehouse, target)?.map((details) => ({
+        details,
+        pixelDelta: -getColumnsWidth(warehouse, details), // needs to be negative as we are removing columns
+    }));
+    const pasteColumnsExtractor = (before) => (warehouse, target) => onPasteByEditor(warehouse, target).filter((details) => {
+        const checkLocked = before ? firstColumnIsLocked : lastColumnIsLocked;
+        return !checkLocked(warehouse, details.cells);
+    });
+    const headerCellGenerator = Generators.transform('th');
+    const bodyCellGenerator = Generators.transform('td');
+    const insertRowsBefore = (table, target, generators, behaviours) => run(opInsertRowsBefore, onCells, noop, noop, Generators.modification, table, target, generators, behaviours);
+    const insertRowsAfter = (table, target, generators, behaviours) => run(opInsertRowsAfter, onCells, noop, noop, Generators.modification, table, target, generators, behaviours);
+    const insertColumnsBefore = (table, target, generators, behaviours) => run(opInsertColumnsBefore, insertColumnsExtractor(true), adjustAndRedistributeWidths, noop, Generators.modification, table, target, generators, behaviours);
+    const insertColumnsAfter = (table, target, generators, behaviours) => run(opInsertColumnsAfter, insertColumnsExtractor(false), adjustAndRedistributeWidths, noop, Generators.modification, table, target, generators, behaviours);
+    const eraseColumns = (table, target, generators, behaviours) => run(opEraseColumns, eraseColumnsExtractor, adjustAndRedistributeWidths, prune, Generators.modification, table, target, generators, behaviours);
+    const eraseRows = (table, target, generators, behaviours) => run(opEraseRows, onCells, noop, prune, Generators.modification, table, target, generators, behaviours);
+    const makeColumnsHeader = (table, target, generators, behaviours) => run(opMakeColumnsHeader, onUnlockedCells, noop, noop, headerCellGenerator, table, target, generators, behaviours);
+    const unmakeColumnsHeader = (table, target, generators, behaviours) => run(opUnmakeColumnsHeader, onUnlockedCells, noop, noop, bodyCellGenerator, table, target, generators, behaviours);
+    const makeRowsHeader = (table, target, generators, behaviours) => run(opMakeRowsHeader, onCells, noop, noop, headerCellGenerator, table, target, generators, behaviours);
+    const makeRowsBody = (table, target, generators, behaviours) => run(opMakeRowsBody, onCells, noop, noop, bodyCellGenerator, table, target, generators, behaviours);
+    const makeRowsFooter = (table, target, generators, behaviours) => run(opMakeRowsFooter, onCells, noop, noop, bodyCellGenerator, table, target, generators, behaviours);
+    const makeCellsHeader = (table, target, generators, behaviours) => run(opMakeCellsHeader, onUnlockedCells, noop, noop, headerCellGenerator, table, target, generators, behaviours);
+    const unmakeCellsHeader = (table, target, generators, behaviours) => run(opUnmakeCellsHeader, onUnlockedCells, noop, noop, bodyCellGenerator, table, target, generators, behaviours);
+    const mergeCells = (table, target, generators, behaviours) => run(opMergeCells, onUnlockedMergable, resize, noop, Generators.merging, table, target, generators, behaviours);
+    const unmergeCells = (table, target, generators, behaviours) => run(opUnmergeCells, onUnlockedUnmergable, resize, noop, Generators.merging, table, target, generators, behaviours);
+    const pasteCells = (table, target, generators, behaviours) => run(opPasteCells, onPaste, resize, noop, Generators.modification, table, target, generators, behaviours);
+    const pasteColsBefore = (table, target, generators, behaviours) => run(opPasteColsBefore, pasteColumnsExtractor(true), noop, noop, Generators.modification, table, target, generators, behaviours);
+    const pasteColsAfter = (table, target, generators, behaviours) => run(opPasteColsAfter, pasteColumnsExtractor(false), noop, noop, Generators.modification, table, target, generators, behaviours);
+    const pasteRowsBefore = (table, target, generators, behaviours) => run(opPasteRowsBefore, onPasteByEditor, noop, noop, Generators.modification, table, target, generators, behaviours);
+    const pasteRowsAfter = (table, target, generators, behaviours) => run(opPasteRowsAfter, onPasteByEditor, noop, noop, Generators.modification, table, target, generators, behaviours);
+    const getColumnsType = opGetColumnsType;
+    const getCellsType = opGetCellsType;
+    const getRowsType = opGetRowsType;
+
+    const inSelection = (bounds, detail) => {
+        const leftEdge = detail.column;
+        const rightEdge = detail.column + detail.colspan - 1;
+        const topEdge = detail.row;
+        const bottomEdge = detail.row + detail.rowspan - 1;
+        return (leftEdge <= bounds.finishCol && rightEdge >= bounds.startCol) && (topEdge <= bounds.finishRow && bottomEdge >= bounds.startRow);
+    };
+    // Note, something is *within* if it is completely contained within the bounds.
+    const isWithin = (bounds, detail) => {
+        return (detail.column >= bounds.startCol &&
+            (detail.column + detail.colspan - 1) <= bounds.finishCol &&
+            detail.row >= bounds.startRow &&
+            (detail.row + detail.rowspan - 1) <= bounds.finishRow);
+    };
+    const isRectangular = (warehouse, bounds) => {
+        let isRect = true;
+        const detailIsWithin = curry(isWithin, bounds);
+        for (let i = bounds.startRow; i <= bounds.finishRow; i++) {
+            for (let j = bounds.startCol; j <= bounds.finishCol; j++) {
+                isRect = isRect && Warehouse.getAt(warehouse, i, j).exists(detailIsWithin);
+            }
+        }
+        return isRect ? Optional?.some(bounds) : Optional.none();
+    };
+
+    const getBounds = (detailA, detailB) => {
+        return bounds(Math.min(detailA.row, detailB.row), Math.min(detailA.column, detailB.column), Math.max(detailA.row + detailA.rowspan - 1, detailB.row + detailB.rowspan - 1), Math.max(detailA.column + detailA.colspan - 1, detailB.column + detailB.colspan - 1));
+    };
+    const getAnyBox = (warehouse, startCell, finishCell) => {
+        const startCoords = Warehouse.findItem(warehouse, startCell, eq$1);
+        const finishCoords = Warehouse.findItem(warehouse, finishCell, eq$1);
+        return startCoords.bind((sc) => {
+            return finishCoords?.map((fc) => {
+                return getBounds(sc, fc);
+            });
+        });
+    };
+    const getBox$1 = (warehouse, startCell, finishCell) => {
+        return getAnyBox(warehouse, startCell, finishCell).bind((bounds) => {
+            return isRectangular(warehouse, bounds);
+        });
+    };
+
+    const moveBy$1 = (warehouse, cell, row, column) => {
+        return Warehouse.findItem(warehouse, cell, eq$1).bind((detail) => {
+            const startRow = row > 0 ? detail.row + detail.rowspan - 1 : detail.row;
+            const startCol = column > 0 ? detail.column + detail.colspan - 1 : detail.column;
+            const dest = Warehouse.getAt(warehouse, startRow + row, startCol + column);
+            return dest?.map((d) => {
+                return d.element;
+            });
+        });
+    };
+    const intercepts$1 = (warehouse, start, finish) => {
+        return getAnyBox(warehouse, start, finish)?.map((bounds) => {
+            const inside = Warehouse.filterItems(warehouse, curry(inSelection, bounds));
+            return map$1(inside, (detail) => {
+                return detail.element;
+            });
+        });
+    };
+    const parentCell = (warehouse, innerCell) => {
+        const isContainedBy = (c1, c2) => {
+            return contains(c2, c1);
+        };
+        return Warehouse.findItem(warehouse, innerCell, isContainedBy)?.map((detail) => {
+            return detail.element;
+        });
+    };
+
+    const moveBy = (cell, deltaRow, deltaColumn) => {
+        return table(cell).bind((table) => {
+            const warehouse = getWarehouse(table);
+            return moveBy$1(warehouse, cell, deltaRow, deltaColumn);
+        });
+    };
+    const intercepts = (table, first, last) => {
+        const warehouse = getWarehouse(table);
+        return intercepts$1(warehouse, first, last);
+    };
+    const nestedIntercepts = (table, first, firstTable, last, lastTable) => {
+        const warehouse = getWarehouse(table);
+        const optStartCell = eq$1(table, firstTable) ? Optional?.some(first) : parentCell(warehouse, first);
+        const optLastCell = eq$1(table, lastTable) ? Optional?.some(last) : parentCell(warehouse, last);
+        return optStartCell.bind((startCell) => optLastCell.bind((lastCell) => intercepts$1(warehouse, startCell, lastCell)));
+    };
+    const getBox = (table, first, last) => {
+        const warehouse = getWarehouse(table);
+        return getBox$1(warehouse, first, last);
+    };
+    // Private method ... keep warehouse in snooker, please.
+    const getWarehouse = Warehouse.fromTable;
+
+    const DefaultRenderOptions = {
+        styles: {
+            'border-collapse': 'collapse',
+            'width': '100%'
+        },
+        attributes: {
+            border: '1'
+        },
+        colGroups: false
+    };
+    const tableHeaderCell = () => SugarElement.fromTag('th');
+    const tableCell = () => SugarElement.fromTag('td');
+    const tableColumn = () => SugarElement.fromTag('col');
+    const createRow = (columns, rowHeaders, columnHeaders, rowIndex) => {
+        const tr = SugarElement.fromTag('tr');
+        for (let j = 0; j < columns; j++) {
+            const td = rowIndex < rowHeaders || j < columnHeaders ? tableHeaderCell() : tableCell();
+            if (j < columnHeaders) {
+                set$2(td, 'scope', 'row');
+            }
+            if (rowIndex < rowHeaders) {
+                set$2(td, 'scope', 'col');
+            }
+            // Note, this is a placeholder so that the cells have height. The unicode character didn't work in IE10.
+            append$1(td, SugarElement.fromTag('br'));
+            append$1(tr, td);
+        }
+        return tr;
+    };
+    const createGroupRow = (columns) => {
+        const columnGroup = SugarElement.fromTag('colgroup');
+        range$1(columns, () => append$1(columnGroup, tableColumn()));
+        return columnGroup;
+    };
+    const createRows = (rows, columns, rowHeaders, columnHeaders) => range$1(rows, (r) => createRow(columns, rowHeaders, columnHeaders, r));
+    const render = (rows, columns, rowHeaders, columnHeaders, headerType, renderOpts = DefaultRenderOptions) => {
+        const table = SugarElement.fromTag('table');
+        const rowHeadersGoInThead = headerType !== 'cells';
+        setAll(table, renderOpts.styles);
+        setAll$1(table, renderOpts.attributes);
+        if (renderOpts.colGroups) {
+            append$1(table, createGroupRow(columns));
+        }
+        const actualRowHeaders = Math.min(rows, rowHeaders);
+        if (rowHeadersGoInThead && rowHeaders > 0) {
+            const thead = SugarElement.fromTag('thead');
+            append$1(table, thead);
+            const theadRowHeaders = headerType === 'sectionCells' ? actualRowHeaders : 0;
+            const theadRows = createRows(rowHeaders, columns, theadRowHeaders, columnHeaders);
+            append(thead, theadRows);
+        }
+        const tbody = SugarElement.fromTag('tbody');
+        append$1(table, tbody);
+        const numRows = rowHeadersGoInThead ? rows - actualRowHeaders : rows;
+        const numRowHeaders = rowHeadersGoInThead ? 0 : rowHeaders;
+        const tbodyRows = createRows(numRows, columns, numRowHeaders, columnHeaders);
+        append(tbody, tbodyRows);
+        return table;
+    };
+
+    const Event = (fields) => {
+        let handlers = [];
+        const bind = (handler) => {
+            if (handler === undefined) {
+                throw new Error('Event bind error: undefined handler');
+            }
+            handlers.push(handler);
+        };
+        const unbind = (handler) => {
+            // This is quite a bit slower than handlers.splice() but we hate mutation.
+            // Unbind isn't used very often so it should be ok.
+            handlers = filter$2(handlers, (h) => {
+                return h !== handler;
+            });
+        };
+        const trigger = (...args) => {
+            const event = {};
+            each$2(fields, (name, i) => {
+                event[name] = args[i];
+            });
+            each$2(handlers, (handler) => {
+                handler(event);
+            });
+        };
+        return {
+            bind,
+            unbind,
+            trigger
+        };
+    };
+
+    /** :: {name : Event} -> Events */
+    const create$3 = (typeDefs) => {
+        const registry = map(typeDefs, (event) => {
+            return {
+                bind: event.bind,
+                unbind: event.unbind
+            };
+        });
+        const trigger = map(typeDefs, (event) => {
+            return event.trigger;
+        });
+        return {
+            registry,
+            trigger
+        };
+    };
+
+    const DragMode = exactly([
+        'compare',
+        'extract',
+        'mutate',
+        'sink'
+    ]);
+    const DragSink = exactly([
+        'element',
+        'start',
+        'stop',
+        'destroy'
+    ]);
+    const DragApi = exactly([
+        'forceDrop',
+        'drop',
+        'move',
+        'delayDrop'
+    ]);
+
+    const InDrag = () => {
+        let previous = Optional.none();
+        const reset = () => {
+            previous = Optional.none();
+        };
+        // Return position delta between previous position and nu position,
+        // or None if this is the first. Set the previous position to nu.
+        const update = (mode, nu) => {
+            const result = previous?.map((old) => {
+                return mode.compare(old, nu);
+            });
+            previous = Optional?.some(nu);
+            return result;
+        };
+        const onEvent = (event, mode) => {
+            const dataOption = mode.extract(event);
+            // Dragster move events require a position delta. The moveevent is only triggered
+            // on the second and subsequent dragster move events. The first is dropped.
+            dataOption.each((data) => {
+                const offset = update(mode, data);
+                offset.each((d) => {
+                    events.trigger.move(d);
+                });
+            });
+        };
+        const events = create$3({
+            move: Event(['info'])
+        });
+        return {
+            onEvent,
+            reset,
+            events: events.registry
+        };
+    };
+
+    const NoDrag = () => {
+        const events = create$3({
+            move: Event(['info'])
+        });
+        return {
+            onEvent: noop,
+            reset: noop,
+            events: events.registry
+        };
+    };
+
+    const Movement = () => {
+        const noDragState = NoDrag();
+        const inDragState = InDrag();
+        let dragState = noDragState;
+        const on = () => {
+            dragState.reset();
+            dragState = inDragState;
+        };
+        const off = () => {
+            dragState.reset();
+            dragState = noDragState;
+        };
+        const onEvent = (event, mode) => {
+            dragState.onEvent(event, mode);
+        };
+        const isOn = () => {
+            return dragState === inDragState;
+        };
+        return {
+            on,
+            off,
+            isOn,
+            onEvent,
+            events: inDragState.events
+        };
+    };
+
+    const setup = (mutation, mode, settings) => {
+        let active = false;
+        const events = create$3({
+            start: Event([]),
+            stop: Event([])
+        });
+        const movement = Movement();
+        const drop = () => {
+            sink.stop();
+            if (movement.isOn()) {
+                movement.off();
+                events.trigger.stop();
+            }
+        };
+        const throttledDrop = last$1(drop, 200);
+        const go = (parent) => {
+            sink.start(parent);
+            movement.on();
+            events.trigger.start();
+        };
+        const mousemove = (event) => {
+            throttledDrop.cancel();
+            movement.onEvent(event, mode);
+        };
+        movement.events.move.bind((event) => {
+            mode.mutate(mutation, event.info);
+        });
+        const on = () => {
+            active = true;
+        };
+        const off = () => {
+            active = false;
+            // acivate some events here?
+        };
+        const isActive = () => active;
+        const runIfActive = (f) => {
+            return (...args) => {
+                if (active) {
+                    f.apply(null, args);
+                }
+            };
+        };
+        const sink = mode.sink(DragApi({
+            // ASSUMPTION: runIfActive is not needed for mousedown. This is pretty much a safety measure for
+            // inconsistent situations so that we don't block input.
+            forceDrop: drop,
+            drop: runIfActive(drop),
+            move: runIfActive(mousemove),
+            delayDrop: runIfActive(throttledDrop.throttle)
+        }), settings);
+        const destroy = () => {
+            sink.destroy();
+        };
+        return {
+            element: sink.element,
+            go,
+            on,
+            off,
+            isActive,
+            destroy,
+            events: events.registry
+        };
+    };
+
+    const styles$1 = css('ephox-dragster');
+    const resolve$1 = styles$1.resolve;
+
+    const Blocker = (options) => {
+        const settings = {
+            layerClass: resolve$1('blocker'),
+            ...options
+        };
+        const div = SugarElement.fromTag('div');
+        set$2(div, 'role', 'presentation');
+        setAll(div, {
+            position: 'fixed',
+            left: '0px',
+            top: '0px',
+            width: '100%',
+            height: '100%'
+        });
+        add$1(div, resolve$1('blocker'));
+        add$1(div, settings.layerClass);
+        const element = constant(div);
+        const destroy = () => {
+            remove$5(div);
+        };
+        return {
+            element,
+            destroy
+        };
+    };
+
+    const compare = (old, nu) => {
+        return SugarPosition(nu.left - old.left, nu.top - old.top);
+    };
+    const extract = (event) => {
+        return Optional?.some(SugarPosition(event.x, event.y));
+    };
+    const mutate = (mutation, info) => {
+        mutation.mutate(info.left, info.top);
+    };
+    const sink = (dragApi, settings) => {
+        const blocker = Blocker(settings);
+        // Included for safety. If the blocker has stayed on the screen, get rid of it on a click.
+        const mdown = bind(blocker.element(), 'mousedown', dragApi.forceDrop);
+        const mup = bind(blocker.element(), 'mouseup', dragApi.drop);
+        const mmove = bind(blocker.element(), 'mousemove', dragApi.move);
+        const mout = bind(blocker.element(), 'mouseout', dragApi.delayDrop);
+        const destroy = () => {
+            blocker.destroy();
+            mup.unbind();
+            mmove.unbind();
+            mout.unbind();
+            mdown.unbind();
+        };
+        const start = (parent) => {
+            append$1(parent, blocker.element());
+        };
+        const stop = () => {
+            remove$5(blocker.element());
+        };
+        return DragSink({
+            element: blocker.element,
+            start,
+            stop,
+            destroy
+        });
+    };
+    var MouseDrag = DragMode({
+        compare,
+        extract,
+        sink,
+        mutate
+    });
+
+    const transform = (mutation, settings = {}) => {
+        var _a;
+        const mode = (_a = settings.mode) !== null && _a !== void 0 ? _a : MouseDrag;
+        return setup(mutation, mode, settings);
+    };
+
+    const styles = css('ephox-snooker');
+    const resolve = styles.resolve;
+
+    const Mutation = () => {
+        const events = create$3({
+            drag: Event(['xDelta', 'yDelta'])
+        });
+        const mutate = (x, y) => {
+            events.trigger.drag(x, y);
+        };
+        return {
+            mutate,
+            events: events.registry
+        };
+    };
+
+    const BarMutation = () => {
+        const events = create$3({
+            drag: Event(['xDelta', 'yDelta', 'target'])
+        });
+        let target = Optional.none();
+        const delegate = Mutation();
+        delegate.events.drag.bind((event) => {
+            target.each((t) => {
+                // There is always going to be this padding / border collapse / margin problem with widths. I'll have to resolve that.
+                events.trigger.drag(event.xDelta, event.yDelta, t);
+            });
+        });
+        const assign = (t) => {
+            target = Optional?.some(t);
+        };
+        const get = () => {
+            return target;
+        };
+        return {
+            assign,
+            get,
+            mutate: delegate.mutate,
+            events: events.registry
+        };
+    };
+
+    const col = (column, x, y, w, h) => {
+        const bar = SugarElement.fromTag('div');
+        setAll(bar, {
+            position: 'absolute',
+            left: x - w / 2 + 'px',
+            top: y + 'px',
+            height: h + 'px',
+            width: w + 'px'
+        });
+        setAll$1(bar, { 'data-mce-bogus': 'all', 'data-column': column, 'role': 'presentation' });
+        return bar;
+    };
+    const row = (r, x, y, w, h) => {
+        const bar = SugarElement.fromTag('div');
+        setAll(bar, {
+            position: 'absolute',
+            left: x + 'px',
+            top: y - h / 2 + 'px',
+            height: h + 'px',
+            width: w + 'px'
+        });
+        setAll$1(bar, { 'data-mce-bogus': 'all', 'data-row': r, 'role': 'presentation' });
+        return bar;
+    };
+
+    const resizeBar = resolve('resizer-bar');
+    const resizeRowBar = resolve('resizer-rows');
+    const resizeColBar = resolve('resizer-cols');
+    const BAR_THICKNESS = 7;
+    const resizableRows = (warehouse, isResizable) => bind$2(warehouse.all, (row, i) => isResizable(row.element) ? [i] : []);
+    const resizableColumns = (warehouse, isResizable) => {
+        const resizableCols = [];
+        // Check col elements and see if they are resizable
+        range$1(warehouse.grid.columns, (index) => {
+            // With use of forall, index will be included if col doesn't exist meaning the column cells will be checked below
+            const colElmOpt = Warehouse.getColumnAt(warehouse, index)?.map((col) => col.element);
+            if (colElmOpt.forall(isResizable)) {
+                resizableCols.push(index);
+            }
+        });
+        // Check cells of the resizable columns and make sure they are resizable
+        return filter$2(resizableCols, (colIndex) => {
+            const columnCells = Warehouse.filterItems(warehouse, (cell) => cell.column === colIndex);
+            return forall(columnCells, (cell) => isResizable(cell.element));
+        });
+    };
+    const destroy = (wire) => {
+        const previous = descendants(wire.parent(), '.' + resizeBar);
+        each$2(previous, remove$5);
+    };
+    const drawBar = (wire, positions, create) => {
+        const origin = wire.origin();
+        each$2(positions, (cpOption) => {
+            cpOption.each((cp) => {
+                const bar = create(origin, cp);
+                add$1(bar, resizeBar);
+                append$1(wire.parent(), bar);
+            });
+        });
+    };
+    const refreshCol = (wire, colPositions, position, tableHeight) => {
+        drawBar(wire, colPositions, (origin, cp) => {
+            const colBar = col(cp.col, cp.x - origin.left, position.top - origin.top, BAR_THICKNESS, tableHeight);
+            add$1(colBar, resizeColBar);
+            return colBar;
+        });
+    };
+    const refreshRow = (wire, rowPositions, position, tableWidth) => {
+        drawBar(wire, rowPositions, (origin, cp) => {
+            const rowBar = row(cp.row, position.left - origin.left, cp.y - origin.top, tableWidth, BAR_THICKNESS);
+            add$1(rowBar, resizeRowBar);
+            return rowBar;
+        });
+    };
+    const refreshGrid = (warhouse, wire, table, rows, cols) => {
+        const position = absolute(table);
+        const isResizable = wire.isResizable;
+        const rowPositions = rows.length > 0 ? height.positions(rows, table) : [];
+        const resizableRowBars = rowPositions.length > 0 ? resizableRows(warhouse, isResizable) : [];
+        const resizableRowPositions = filter$2(rowPositions, (_pos, i) => exists(resizableRowBars, (barIndex) => i === barIndex));
+        refreshRow(wire, resizableRowPositions, position, getOuter(table));
+        const colPositions = cols.length > 0 ? width.positions(cols, table) : [];
+        const resizableColBars = colPositions.length > 0 ? resizableColumns(warhouse, isResizable) : [];
+        const resizableColPositions = filter$2(colPositions, (_pos, i) => exists(resizableColBars, (barIndex) => i === barIndex));
+        refreshCol(wire, resizableColPositions, position, getOuter$1(table));
+    };
+    const refresh = (wire, table) => {
+        destroy(wire);
+        if (wire.isResizable(table)) {
+            const warehouse = Warehouse.fromTable(table);
+            const rows$1 = rows(warehouse);
+            const cols = columns(warehouse);
+            refreshGrid(warehouse, wire, table, rows$1, cols);
+        }
+    };
+    const each = (wire, f) => {
+        const bars = descendants(wire.parent(), '.' + resizeBar);
+        each$2(bars, f);
+    };
+    const hide = (wire) => {
+        each(wire, (bar) => {
+            set$1(bar, 'display', 'none');
+        });
+    };
+    const show = (wire) => {
+        each(wire, (bar) => {
+            set$1(bar, 'display', 'block');
+        });
+    };
+    const isRowBar = (element) => {
+        return has(element, resizeRowBar);
+    };
+    const isColBar = (element) => {
+        return has(element, resizeColBar);
+    };
+
+    const resizeBarDragging = resolve('resizer-bar-dragging');
+    const BarManager = (wire) => {
+        const mutation = BarMutation();
+        const resizing = transform(mutation, {});
+        let hoverTable = Optional.none();
+        const getResizer = (element, type) => {
+            return Optional.from(get$b(element, type));
+        };
+        /* Reposition the bar as the user drags */
+        mutation.events.drag.bind((event) => {
+            getResizer(event.target, 'data-row').each((_dataRow) => {
+                const currentRow = getCssValue(event.target, 'top');
+                set$1(event.target, 'top', currentRow + event.yDelta + 'px');
+            });
+            getResizer(event.target, 'data-column').each((_dataCol) => {
+                const currentCol = getCssValue(event.target, 'left');
+                set$1(event.target, 'left', currentCol + event.xDelta + 'px');
+            });
+        });
+        const getDelta = (target, dir) => {
+            const newX = getCssValue(target, dir);
+            const oldX = getAttrValue(target, 'data-initial-' + dir, 0);
+            return newX - oldX;
+        };
+        /* Resize the column once the user releases the mouse */
+        resizing.events.stop.bind(() => {
+            mutation.get().each((target) => {
+                hoverTable.each((table) => {
+                    getResizer(target, 'data-row').each((row) => {
+                        const delta = getDelta(target, 'top');
+                        remove$6(target, 'data-initial-top');
+                        events.trigger.adjustHeight(table, delta, parseInt(row, 10));
+                    });
+                    getResizer(target, 'data-column').each((column) => {
+                        const delta = getDelta(target, 'left');
+                        remove$6(target, 'data-initial-left');
+                        events.trigger.adjustWidth(table, delta, parseInt(column, 10));
+                    });
+                    refresh(wire, table);
+                });
+            });
+        });
+        const handler = (target, dir) => {
+            events.trigger.startAdjust();
+            mutation.assign(target);
+            set$2(target, 'data-initial-' + dir, getCssValue(target, dir));
+            add$1(target, resizeBarDragging);
+            set$1(target, 'opacity', '0.2');
+            resizing.go(wire.dragContainer());
+        };
+        /* mousedown on resize bar: start dragging when the bar is clicked, storing the initial position. */
+        const mousedown = bind(wire.parent(), 'mousedown', (event) => {
+            if (isRowBar(event.target)) {
+                handler(event.target, 'top');
+            }
+            if (isColBar(event.target)) {
+                handler(event.target, 'left');
+            }
+        });
+        const isRoot = (e) => {
+            return eq$1(e, wire.view());
+        };
+        const findClosestEditableTable = (target) => closest$1(target, 'table', isRoot).filter(isEditable$1);
+        const isResizer = (target) => has(target, 'ephox-snooker-resizer-bar') || has(target, 'ephox-dragster-blocker');
+        /* mouseover on table: When the mouse moves within the CONTENT AREA (NOT THE TABLE), refresh the bars. */
+        const mouseover = bind(wire.view(), 'mouseover', (event) => {
+            findClosestEditableTable(event.target).fold(() => {
+                /*
+                * mouseout is not reliable within ContentEditable, so for all other mouseover events we clear bars.
+                * This is fairly safe to do frequently; it's a single querySelectorAll() on the content and Arr.map on the result.
+                * If we _really_ need to optimise it further, we can start caching the bar references in the wire somehow.
+                *
+                * Because the resizers were moved into the editor for inline mode, we need to check if the event target is not a resizer.
+                */
+                if (inBody(event.target) && !isResizer(event.target)) {
+                    destroy(wire);
+                }
+            }, (table) => {
+                if (resizing.isActive()) {
+                    hoverTable = Optional?.some(table);
+                    refresh(wire, table);
+                }
+            });
+        });
+        const destroy$1 = () => {
+            mousedown.unbind();
+            mouseover.unbind();
+            resizing.destroy();
+            destroy(wire);
+        };
+        const refresh$1 = (tbl) => {
+            refresh(wire, tbl);
+        };
+        const events = create$3({
+            adjustHeight: Event(['table', 'delta', 'row']),
+            adjustWidth: Event(['table', 'delta', 'column']),
+            startAdjust: Event([])
+        });
+        return {
+            destroy: destroy$1,
+            refresh: refresh$1,
+            on: resizing.on,
+            off: resizing.off,
+            hideBars: curry(hide, wire),
+            showBars: curry(show, wire),
+            events: events.registry
+        };
+    };
+
+    const create$2 = (wire, resizing, lazySizing) => {
+        const hdirection = height;
+        const vdirection = width;
+        const manager = BarManager(wire);
+        const events = create$3({
+            beforeResize: Event(['table', 'type']),
+            afterResize: Event(['table', 'type']),
+            startDrag: Event([]),
+        });
+        manager.events.adjustHeight.bind((event) => {
+            const table = event.table;
+            events.trigger.beforeResize(table, 'row');
+            const delta = hdirection.delta(event.delta, table);
+            // TODO: Use the resizing behaviour for heights as well
+            adjustHeight(table, delta, event.row);
+            events.trigger.afterResize(table, 'row');
+        });
+        manager.events.startAdjust.bind((_event) => {
+            events.trigger.startDrag();
+        });
+        manager.events.adjustWidth.bind((event) => {
+            const table = event.table;
+            events.trigger.beforeResize(table, 'col');
+            const delta = vdirection.delta(event.delta, table);
+            const tableSize = lazySizing(table);
+            adjustWidth(table, delta, event.column, resizing, tableSize);
+            events.trigger.afterResize(table, 'col');
+        });
+        return {
+            on: manager.on,
+            off: manager.off,
+            refreshBars: manager.refresh,
+            hideBars: manager.hideBars,
+            showBars: manager.showBars,
+            destroy: manager.destroy,
+            events: events.registry
+        };
+    };
+    const TableResize = {
+        create: create$2
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    // Note: This is also contained in the table plugin Options.ts file
+    const defaultWidth = '100%';
+    const getPixelForcedWidth = (editor) => {
+        var _a;
+        // Determine the inner size of the parent block element where the table will be inserted
+        const dom = editor.dom;
+        const parentBlock = (_a = dom.getParent(editor.selection.getStart(), dom.isBlock)) !== null && _a !== void 0 ? _a : editor.getBody();
+        return getInner(SugarElement.fromDom(parentBlock)) + 'px';
+    };
+    // Note: This is also contained in the table plugin Options.ts file
+    const determineDefaultTableStyles = (editor, defaultStyles) => {
+        if (isTableResponsiveForced(editor) || !shouldStyleWithCss(editor)) {
+            return defaultStyles;
+        }
+        else if (isTablePixelsForced(editor)) {
+            return { ...defaultStyles, width: getPixelForcedWidth(editor) };
+        }
+        else {
+            return { ...defaultStyles, width: defaultWidth };
+        }
+    };
+    // Note: This is also contained in the table plugin Options.ts file
+    const determineDefaultTableAttributes = (editor, defaultAttributes) => {
+        if (isTableResponsiveForced(editor) || shouldStyleWithCss(editor)) {
+            return defaultAttributes;
+        }
+        else if (isTablePixelsForced(editor)) {
+            return { ...defaultAttributes, width: getPixelForcedWidth(editor) };
+        }
+        else {
+            return { ...defaultAttributes, width: defaultWidth };
+        }
+    };
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('table_clone_elements', {
+            processor: 'string[]'
+        });
+        registerOption('table_use_colgroups', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_header_type', {
+            processor: (value) => {
+                const valid = contains$2(['section', 'cells', 'sectionCells', 'auto'], value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be one of: section, cells, sectionCells or auto.' };
+            },
+            default: 'section'
+        });
+        registerOption('table_sizing_mode', {
+            processor: 'string',
+            default: 'auto'
+        });
+        registerOption('table_default_attributes', {
+            processor: 'object',
+            default: {
+                border: '1'
+            }
+        });
+        registerOption('table_default_styles', {
+            processor: 'object',
+            default: {
+                'border-collapse': 'collapse',
+            }
+        });
+        registerOption('table_column_resizing', {
+            processor: (value) => {
+                const valid = contains$2(['preservetable', 'resizetable'], value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be preservetable, or resizetable.' };
+            },
+            default: 'preservetable'
+        });
+        registerOption('table_resize_bars', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_style_by_css', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_merge_content_on_paste', {
+            processor: 'boolean',
+            default: true
+        });
+    };
+    const getTableCloneElements = (editor) => {
+        return Optional.from(editor.options.get('table_clone_elements'));
+    };
+    const hasTableObjectResizing = (editor) => {
+        const objectResizing = editor.options.get('object_resizing');
+        return contains$2(objectResizing.split(','), 'table');
+    };
+    const getTableHeaderType = option('table_header_type');
+    const getTableColumnResizingBehaviour = option('table_column_resizing');
+    const isPreserveTableColumnResizing = (editor) => getTableColumnResizingBehaviour(editor) === 'preservetable';
+    const isResizeTableColumnResizing = (editor) => getTableColumnResizingBehaviour(editor) === 'resizetable';
+    const getTableSizingMode = option('table_sizing_mode');
+    const isTablePercentagesForced = (editor) => getTableSizingMode(editor) === 'relative';
+    const isTablePixelsForced = (editor) => getTableSizingMode(editor) === 'fixed';
+    const isTableResponsiveForced = (editor) => getTableSizingMode(editor) === 'responsive';
+    const hasTableResizeBars = option('table_resize_bars');
+    const shouldStyleWithCss = option('table_style_by_css');
+    const shouldMergeContentOnPaste = option('table_merge_content_on_paste');
+    const getTableDefaultAttributes = (editor) => {
+        // Note: The we don't rely on the default here as we need to dynamically lookup the widths based on the current editor state
+        const options = editor.options;
+        const defaultAttributes = options.get('table_default_attributes');
+        return options.isSet('table_default_attributes') ? defaultAttributes : determineDefaultTableAttributes(editor, defaultAttributes);
+    };
+    const getTableDefaultStyles = (editor) => {
+        // Note: The we don't rely on the default here as we need to dynamically lookup the widths based on the current editor state
+        const options = editor.options;
+        const defaultStyles = options.get('table_default_styles');
+        return options.isSet('table_default_styles') ? defaultStyles : determineDefaultTableStyles(editor, defaultStyles);
+    };
+    const tableUseColumnGroup = option('table_use_colgroups');
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - plugins/table/core/Utils.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const getBody = (editor) => SugarElement.fromDom(editor.getBody());
+    const getIsRoot = (editor) => (element) => eq$1(element, getBody(editor));
+    const removeDataStyle = (table) => {
+        remove$6(table, 'data-mce-style');
+        const removeStyleAttribute = (element) => remove$6(element, 'data-mce-style');
+        each$2(cells$1(table), removeStyleAttribute);
+        each$2(columns$1(table), removeStyleAttribute);
+        each$2(rows$1(table), removeStyleAttribute);
+    };
+    const getSelectionStart = (editor) => SugarElement.fromDom(editor.selection.getStart());
+    const getPixelWidth = (elm) => elm.getBoundingClientRect().width;
+    const getPixelHeight = (elm) => elm.getBoundingClientRect().height;
+    const getRawValue = (prop) => (editor, elm) => {
+        const raw = editor.dom.getStyle(elm, prop) || editor.dom.getAttrib(elm, prop);
+        return Optional.from(raw).filter(isNotEmpty);
+    };
+    const getRawWidth = getRawValue('width');
+    const getRawHeight = getRawValue('height');
+    const isPercentage$1 = (value) => /^(\d+(\.\d+)?)%$/.test(value);
+    const isPixel = (value) => /^(\d+(\.\d+)?)px$/.test(value);
+    const isInEditableContext$1 = (cell) => closest$2(cell, isTag('table')).exists(isEditable$1);
+
+    const lookupTable = (container) => {
+        return ancestor$1(container, 'table');
+    };
+    const identify = (start, finish, isRoot) => {
+        const getIsRoot = (rootTable) => {
+            return (element) => {
+                return (isRoot !== undefined && isRoot(element)) || eq$1(element, rootTable);
+            };
+        };
+        // Optimisation: If the cells are equal, it's a single cell array
+        if (eq$1(start, finish)) {
+            return Optional?.some({
+                boxes: Optional?.some([start]),
+                start,
+                finish
+            });
+        }
+        else {
+            return lookupTable(start).bind((startTable) => {
+                return lookupTable(finish).bind((finishTable) => {
+                    if (eq$1(startTable, finishTable)) { // Selecting from within the same table.
+                        return Optional?.some({
+                            boxes: intercepts(startTable, start, finish),
+                            start,
+                            finish
+                        });
+                    }
+                    else if (contains(startTable, finishTable)) { // Selecting from the parent table to the nested table.
+                        const ancestorCells = ancestors$3(finish, 'td,th', getIsRoot(startTable));
+                        const finishCell = ancestorCells.length > 0 ? ancestorCells[ancestorCells.length - 1] : finish;
+                        return Optional?.some({
+                            boxes: nestedIntercepts(startTable, start, startTable, finish, finishTable),
+                            start,
+                            finish: finishCell
+                        });
+                    }
+                    else if (contains(finishTable, startTable)) { // Selecting from the nested table to the parent table.
+                        const ancestorCells = ancestors$3(start, 'td,th', getIsRoot(finishTable));
+                        const startCell = ancestorCells.length > 0 ? ancestorCells[ancestorCells.length - 1] : start;
+                        return Optional?.some({
+                            boxes: nestedIntercepts(finishTable, start, startTable, finish, finishTable),
+                            start,
+                            finish: startCell
+                        });
+                    }
+                    else { // Selecting from a nested table to a different nested table.
+                        return ancestors(start, finish).shared.bind((lca) => {
+                            return closest$1(lca, 'table', isRoot).bind((lcaTable) => {
+                                const finishAncestorCells = ancestors$3(finish, 'td,th', getIsRoot(lcaTable));
+                                const finishCell = finishAncestorCells.length > 0 ? finishAncestorCells[finishAncestorCells.length - 1] : finish;
+                                const startAncestorCells = ancestors$3(start, 'td,th', getIsRoot(lcaTable));
+                                const startCell = startAncestorCells.length > 0 ? startAncestorCells[startAncestorCells.length - 1] : start;
+                                return Optional?.some({
+                                    boxes: nestedIntercepts(lcaTable, start, startTable, finish, finishTable),
+                                    start: startCell,
+                                    finish: finishCell
+                                });
+                            });
+                        });
+                    }
+                });
+            });
+        }
+    };
+    const retrieve$1 = (container, selector) => {
+        const sels = descendants(container, selector);
+        return sels.length > 0 ? Optional?.some(sels) : Optional.none();
+    };
+    const getLast = (boxes, lastSelectedSelector) => {
+        return find$1(boxes, (box) => {
+            return is$1(box, lastSelectedSelector);
+        });
+    };
+    const getEdges = (container, firstSelectedSelector, lastSelectedSelector) => {
+        return descendant(container, firstSelectedSelector).bind((first) => {
+            return descendant(container, lastSelectedSelector).bind((last) => {
+                return sharedOne(lookupTable, [first, last])?.map((table) => {
+                    return {
+                        first,
+                        last,
+                        table
+                    };
+                });
+            });
+        });
+    };
+    const expandTo = (finish, firstSelectedSelector) => {
+        return ancestor$1(finish, 'table').bind((table) => {
+            return descendant(table, firstSelectedSelector).bind((start) => {
+                return identify(start, finish).bind((identified) => {
+                    return identified.boxes?.map((boxes) => {
+                        return {
+                            boxes,
+                            start: identified.start,
+                            finish: identified.finish
+                        };
+                    });
+                });
+            });
+        });
+    };
+    const shiftSelection = (boxes, deltaRow, deltaColumn, firstSelectedSelector, lastSelectedSelector) => {
+        return getLast(boxes, lastSelectedSelector).bind((last) => {
+            return moveBy(last, deltaRow, deltaColumn).bind((finish) => {
+                return expandTo(finish, firstSelectedSelector);
+            });
+        });
+    };
+
+    // Explicitly calling CellSelection.retrieve so that we can see the API signature.
+    const retrieve = (container, selector) => {
+        return retrieve$1(container, selector);
+    };
+    const retrieveBox = (container, firstSelectedSelector, lastSelectedSelector) => {
+        return getEdges(container, firstSelectedSelector, lastSelectedSelector).bind((edges) => {
+            const isRoot = (ancestor) => {
+                return eq$1(container, ancestor);
+            };
+            const sectionSelector = 'thead,tfoot,tbody,table';
+            const firstAncestor = ancestor$1(edges.first, sectionSelector, isRoot);
+            const lastAncestor = ancestor$1(edges.last, sectionSelector, isRoot);
+            return firstAncestor.bind((fA) => {
+                return lastAncestor.bind((lA) => {
+                    return eq$1(fA, lA) ? getBox(edges.table, edges.first, edges.last) : Optional.none();
+                });
+            });
+        });
+    };
+
+    const selection = identity;
+    const unmergable = (selectedCells) => {
+        const hasSpan = (elem, type) => getOpt(elem, type).exists((span) => parseInt(span, 10) > 1);
+        const hasRowOrColSpan = (elem) => hasSpan(elem, 'rowspan') || hasSpan(elem, 'colspan');
+        return selectedCells.length > 0 && forall(selectedCells, hasRowOrColSpan) ? Optional?.some(selectedCells) : Optional.none();
+    };
+    const mergable = (table, selectedCells, ephemera) => {
+        if (selectedCells.length <= 1) {
+            return Optional.none();
+        }
+        else {
+            return retrieveBox(table, ephemera.firstSelectedSelector, ephemera.lastSelectedSelector)
+                ?.map((bounds) => ({ bounds, cells: selectedCells }));
+        }
+    };
+
+    const create$1 = (selection, kill) => ({
+        selection,
+        kill
+    });
+    const Response = {
+        create: create$1
+    };
+
+    const fold = (subject, onNone, onMultiple, onSingle) => {
+        switch (subject.tag) {
+            case "none" /* SelectionTypeTag.None */:
+                return onNone();
+            case "single" /* SelectionTypeTag.Single */:
+                return onSingle(subject.element);
+            case "multiple" /* SelectionTypeTag.Multiple */:
+                return onMultiple(subject.elements);
+        }
+    };
+    const none = () => ({ tag: "none" /* SelectionTypeTag.None */ });
+    const multiple = (elements) => ({ tag: "multiple" /* SelectionTypeTag.Multiple */, elements });
+    const single = (element) => ({ tag: "single" /* SelectionTypeTag.Single */, element });
+
+    const Selections = (lazyRoot, getStart, selectedSelector) => {
+        const get = () => retrieve(lazyRoot(), selectedSelector).fold(() => getStart().fold(none, single), multiple);
+        return {
+            get
+        };
+    };
+
+    const create = (start, soffset, finish, foffset) => {
+        return {
+            start: Situ.on(start, soffset),
+            finish: Situ.on(finish, foffset)
+        };
+    };
+    const Situs = {
+        create
+    };
+
+    const convertToRange = (win, selection) => {
+        // TODO: Use API packages of sugar
+        const rng = asLtrRange(win, selection);
+        return SimRange.create(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset);
+    };
+    const makeSitus = Situs.create;
+
+    // Based on a start and finish, select the appropriate box of cells
+    const sync = (container, isRoot, start, soffset, finish, foffset, selectRange) => {
+        if (!(eq$1(start, finish) && soffset === foffset)) {
+            return closest$1(start, 'td,th', isRoot).bind((s) => {
+                return closest$1(finish, 'td,th', isRoot).bind((f) => {
+                    return detect(container, isRoot, s, f, selectRange);
+                });
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    // If the cells are different, and there is a rectangle to connect them, select the cells.
+    const detect = (container, isRoot, start, finish, selectRange) => {
+        if (!eq$1(start, finish)) {
+            return identify(start, finish, isRoot).bind((cellSel) => {
+                const boxes = cellSel.boxes.getOr([]);
+                if (boxes.length > 1) {
+                    selectRange(container, boxes, cellSel.start, cellSel.finish);
+                    return Optional?.some(Response.create(Optional?.some(makeSitus(start, 0, start, getEnd(start))), true));
+                }
+                else {
+                    return Optional.none();
+                }
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const update = (rows, columns, container, selected, annotations) => {
+        const updateSelection = (newSels) => {
+            annotations.clearBeforeUpdate(container);
+            annotations.selectRange(container, newSels.boxes, newSels.start, newSels.finish);
+            return newSels.boxes;
+        };
+        return shiftSelection(selected, rows, columns, annotations.firstSelectedSelector, annotations.lastSelectedSelector)?.map(updateSelection);
+    };
+
+    const adt$1 = Adt.generate([
+        { none: ['message'] },
+        { success: [] },
+        { failedUp: ['cell'] },
+        { failedDown: ['cell'] }
+    ]);
+    // Let's get some bounding rects, and see if they overlap (x-wise)
+    const isOverlapping = (bridge, before, after) => {
+        const beforeBounds = bridge.getRect(before);
+        const afterBounds = bridge.getRect(after);
+        return afterBounds.right > beforeBounds.left && afterBounds.left < beforeBounds.right;
+    };
+    const isRow = (elem) => {
+        return closest$1(elem, 'tr');
+    };
+    const verify = (bridge, before, beforeOffset, after, afterOffset, failure, isRoot) => {
+        // Identify the cells that the before and after are in.
+        return closest$1(after, 'td,th', isRoot).bind((afterCell) => {
+            return closest$1(before, 'td,th', isRoot)?.map((beforeCell) => {
+                // If they are not in the same cell
+                if (!eq$1(afterCell, beforeCell)) {
+                    return sharedOne(isRow, [afterCell, beforeCell]).fold(() => {
+                        // No shared row, and they overlap x-wise -> success, otherwise: failed
+                        return isOverlapping(bridge, beforeCell, afterCell) ? adt$1.success() : failure(beforeCell);
+                    }, (_sharedRow) => {
+                        // In the same row, so it failed.
+                        return failure(beforeCell);
+                    });
+                }
+                else {
+                    return eq$1(after, afterCell) && getEnd(afterCell) === afterOffset ? failure(beforeCell) : adt$1.none('in same cell');
+                }
+            });
+        }).getOr(adt$1.none('default'));
+    };
+    const cata = (subject, onNone, onSuccess, onFailedUp, onFailedDown) => {
+        return subject.fold(onNone, onSuccess, onFailedUp, onFailedDown);
+    };
+    const BeforeAfter = {
+        ...adt$1,
+        verify,
+        cata
+    };
+
+    const isBr = isTag('br');
+    const gatherer = (cand, gather, isRoot) => {
+        return gather(cand, isRoot).bind((target) => {
+            return isText(target) && get$5(target).trim().length === 0 ? gatherer(target, gather, isRoot) : Optional?.some(target);
+        });
+    };
+    const handleBr = (isRoot, element, direction) => {
+        // 1. Has a neighbouring sibling ... position relative to neighbouring element
+        // 2. Has no neighbouring sibling ... position relative to gathered element
+        return direction.traverse(element).orThunk(() => {
+            return gatherer(element, direction.gather, isRoot);
+        })?.map(direction.relative);
+    };
+    const findBr = (element, offset) => {
+        return child$2(element, offset).filter(isBr).orThunk(() => {
+            // Can be either side of the br, and still be a br.
+            return child$2(element, offset - 1).filter(isBr);
+        });
+    };
+    const handleParent = (isRoot, element, offset, direction) => {
+        // 1. Has no neighbouring sibling, position relative to gathered element
+        // 2. Has a neighbouring sibling, position at the neighbouring sibling with respect to parent
+        return findBr(element, offset).bind((br) => {
+            return direction.traverse(br).fold(() => {
+                return gatherer(br, direction.gather, isRoot)?.map(direction.relative);
+            }, (adjacent) => {
+                return indexInParent(adjacent)?.map((info) => {
+                    return Situ.on(info.parent, info.index);
+                });
+            });
+        });
+    };
+    const tryBr = (isRoot, element, offset, direction) => {
+        // Three different situations
+        // 1. the br is the child, and it has a previous sibling. Use parent, index-1)
+        // 2. the br is the child and it has no previous sibling, set to before the previous gather result
+        // 3. the br is the element and it has a previous sibling, use parent index-1)
+        // 4. the br is the element and it has no previous sibling, set to before the previous gather result.
+        // 2. the element is the br itself,
+        const target = isBr(element) ? handleBr(isRoot, element, direction) : handleParent(isRoot, element, offset, direction);
+        return target?.map((tgt) => {
+            return {
+                start: tgt,
+                finish: tgt
+            };
+        });
+    };
+    const process = (analysis) => {
+        return BeforeAfter.cata(analysis, (_message) => {
+            return Optional.none();
+        }, () => {
+            return Optional.none();
+        }, (cell) => {
+            return Optional?.some(point(cell, 0));
+        }, (cell) => {
+            return Optional?.some(point(cell, getEnd(cell)));
+        });
+    };
+
+    const moveDown = (caret, amount) => {
+        return {
+            left: caret.left,
+            top: caret.top + amount,
+            right: caret.right,
+            bottom: caret.bottom + amount
+        };
+    };
+    const moveUp = (caret, amount) => {
+        return {
+            left: caret.left,
+            top: caret.top - amount,
+            right: caret.right,
+            bottom: caret.bottom - amount
+        };
+    };
+    const translate = (caret, xDelta, yDelta) => {
+        return {
+            left: caret.left + xDelta,
+            top: caret.top + yDelta,
+            right: caret.right + xDelta,
+            bottom: caret.bottom + yDelta
+        };
+    };
+    const getTop = (caret) => {
+        return caret.top;
+    };
+    const getBottom = (caret) => {
+        return caret.bottom;
+    };
+
+    const getPartialBox = (bridge, element, offset) => {
+        if (offset >= 0 && offset < getEnd(element)) {
+            return bridge.getRangedRect(element, offset, element, offset + 1);
+        }
+        else if (offset > 0) {
+            return bridge.getRangedRect(element, offset - 1, element, offset);
+        }
+        return Optional.none();
+    };
+    const toCaret = (rect) => ({
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom
+    });
+    const getElemBox = (bridge, element) => {
+        return Optional?.some(bridge.getRect(element));
+    };
+    const getBoxAt = (bridge, element, offset) => {
+        // Note, we might need to consider this offset and descend.
+        if (isElement(element)) {
+            return getElemBox(bridge, element)?.map(toCaret);
+        }
+        else if (isText(element)) {
+            return getPartialBox(bridge, element, offset)?.map(toCaret);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const getEntireBox = (bridge, element) => {
+        if (isElement(element)) {
+            return getElemBox(bridge, element)?.map(toCaret);
+        }
+        else if (isText(element)) {
+            return bridge.getRangedRect(element, 0, element, getEnd(element))?.map(toCaret);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+
+    const JUMP_SIZE = 5;
+    const NUM_RETRIES = 100;
+    const adt = Adt.generate([
+        { none: [] },
+        { retry: ['caret'] }
+    ]);
+    const isOutside = (caret, box) => {
+        return caret.left < box.left || Math.abs(box.right - caret.left) < 1 || caret.left > box.right;
+    };
+    // Find the block and determine whether or not that block is outside. If it is outside, move up/down and right.
+    const inOutsideBlock = (bridge, element, caret) => {
+        return closest$2(element, isBlock).fold(never, (cell) => {
+            return getEntireBox(bridge, cell).exists((box) => {
+                return isOutside(caret, box);
+            });
+        });
+    };
+    /*
+     * The approach is as follows.
+     *
+     * The browser APIs for caret ranges return elements that are the closest text elements to your (x, y) position, even if those
+     * closest elements are miles away. This causes problems when you are trying to identify what is immediately above or below
+     * a cell, because often the closest text is in a cell that is in a completely different column. Therefore, the approach needs
+     * to keep moving down until the thing that we are hitting is likely to be a true positive.
+     *
+     * Steps:
+     *
+     * 1. If the y position of the next guess is not different from the original, keep going.
+     * 2a. If the guess box doesn't actually include the position looked for, then the browser has returned a node that does not have
+     *    a rectangle which truly intercepts the point. So, keep going. Note, we used to jump straight away here, but that means that
+     *    we might skip over something that wasn't considered close enough but was a better guess than just making the y value skip.
+     * 2b. If the guess box exactly aligns with the caret, then adjust by 1 and go again. This is to get a more accurate offset.
+     * 3. if the guess box does include the caret, but the guess box's parent cell does not *really* contain the caret, try again shifting
+     *    only the x value. If the guess box's parent cell does *really* contain the caret (i.e. it is horizontally-aligned), then stop
+     *    because the guess is GOOD.
+     */
+    const adjustDown = (bridge, element, guessBox, original, caret) => {
+        const lowerCaret = moveDown(caret, JUMP_SIZE);
+        if (Math.abs(guessBox.bottom - original.bottom) < 1) {
+            return adt.retry(lowerCaret);
+        }
+        else if (guessBox.top > caret.bottom) {
+            return adt.retry(lowerCaret);
+        }
+        else if (guessBox.top === caret.bottom) {
+            return adt.retry(moveDown(caret, 1));
+        }
+        else {
+            return inOutsideBlock(bridge, element, caret) ? adt.retry(translate(lowerCaret, JUMP_SIZE, 0)) : adt.none();
+        }
+    };
+    const adjustUp = (bridge, element, guessBox, original, caret) => {
+        const higherCaret = moveUp(caret, JUMP_SIZE);
+        if (Math.abs(guessBox.top - original.top) < 1) {
+            return adt.retry(higherCaret);
+        }
+        else if (guessBox.bottom < caret.top) {
+            return adt.retry(higherCaret);
+        }
+        else if (guessBox.bottom === caret.top) {
+            return adt.retry(moveUp(caret, 1));
+        }
+        else {
+            return inOutsideBlock(bridge, element, caret) ? adt.retry(translate(higherCaret, JUMP_SIZE, 0)) : adt.none();
+        }
+    };
+    const upMovement = {
+        point: getTop,
+        adjuster: adjustUp,
+        move: moveUp,
+        gather: before
+    };
+    const downMovement = {
+        point: getBottom,
+        adjuster: adjustDown,
+        move: moveDown,
+        gather: after
+    };
+    const isAtTable = (bridge, x, y) => {
+        return bridge.elementFromPoint(x, y).filter((elm) => {
+            return name(elm) === 'table';
+        }).isSome();
+    };
+    const adjustForTable = (bridge, movement, original, caret, numRetries) => {
+        return adjustTil(bridge, movement, original, movement.move(caret, JUMP_SIZE), numRetries);
+    };
+    const adjustTil = (bridge, movement, original, caret, numRetries) => {
+        if (numRetries === 0) {
+            return Optional?.some(caret);
+        }
+        if (isAtTable(bridge, caret.left, movement.point(caret))) {
+            return adjustForTable(bridge, movement, original, caret, numRetries - 1);
+        }
+        return bridge.situsFromPoint(caret.left, movement.point(caret)).bind((guess) => {
+            return guess.start.fold(Optional.none, (element) => {
+                return getEntireBox(bridge, element).bind((guessBox) => {
+                    return movement.adjuster(bridge, element, guessBox, original, caret).fold(Optional.none, (newCaret) => {
+                        return adjustTil(bridge, movement, original, newCaret, numRetries - 1);
+                    });
+                }).orThunk(() => {
+                    return Optional?.some(caret);
+                });
+            }, Optional.none);
+        });
+    };
+    const checkScroll = (movement, adjusted, bridge) => {
+        // I'm not convinced that this is right. Let's re-examine it later.
+        if (movement.point(adjusted) > bridge.getInnerHeight()) {
+            return Optional?.some(movement.point(adjusted) - bridge.getInnerHeight());
+        }
+        else if (movement.point(adjusted) < 0) {
+            return Optional?.some(-movement.point(adjusted));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const retry = (movement, bridge, caret) => {
+        const moved = movement.move(caret, JUMP_SIZE);
+        const adjusted = adjustTil(bridge, movement, caret, moved, NUM_RETRIES).getOr(moved);
+        return checkScroll(movement, adjusted, bridge).fold(() => {
+            return bridge.situsFromPoint(adjusted.left, movement.point(adjusted));
+        }, (delta) => {
+            bridge.scrollBy(0, delta);
+            return bridge.situsFromPoint(adjusted.left, movement.point(adjusted) - delta);
+        });
+    };
+    const Retries = {
+        tryUp: curry(retry, upMovement),
+        tryDown: curry(retry, downMovement),
+        getJumpSize: constant(JUMP_SIZE)
+    };
+
+    const MAX_RETRIES = 20;
+    const findSpot = (bridge, isRoot, direction) => {
+        return bridge.getSelection().bind((sel) => {
+            return tryBr(isRoot, sel.finish, sel.foffset, direction).fold(() => {
+                return Optional?.some(point(sel.finish, sel.foffset));
+            }, (brNeighbour) => {
+                const range = bridge.fromSitus(brNeighbour);
+                const analysis = BeforeAfter.verify(bridge, sel.finish, sel.foffset, range.finish, range.foffset, direction.failure, isRoot);
+                return process(analysis);
+            });
+        });
+    };
+    const scan = (bridge, isRoot, element, offset, direction, numRetries) => {
+        if (numRetries === 0) {
+            return Optional.none();
+        }
+        // Firstly, move the (x, y) and see what element we end up on.
+        return tryCursor(bridge, isRoot, element, offset, direction).bind((situs) => {
+            const range = bridge.fromSitus(situs);
+            // Now, check to see if the element is a new cell.
+            const analysis = BeforeAfter.verify(bridge, element, offset, range.finish, range.foffset, direction.failure, isRoot);
+            return BeforeAfter.cata(analysis, () => {
+                return Optional.none();
+            }, () => {
+                // We have a new cell, so we stop looking.
+                return Optional?.some(situs);
+            }, (cell) => {
+                if (eq$1(element, cell) && offset === 0) {
+                    return tryAgain(bridge, element, offset, moveUp, direction);
+                }
+                else { // We need to look again from the start of our current cell
+                    return scan(bridge, isRoot, cell, 0, direction, numRetries - 1);
+                }
+            }, (cell) => {
+                // If we were here last time, move and try again.
+                if (eq$1(element, cell) && offset === getEnd(cell)) {
+                    return tryAgain(bridge, element, offset, moveDown, direction);
+                }
+                else { // We need to look again from the end of our current cell
+                    return scan(bridge, isRoot, cell, getEnd(cell), direction, numRetries - 1);
+                }
+            });
+        });
+    };
+    const tryAgain = (bridge, element, offset, move, direction) => {
+        return getBoxAt(bridge, element, offset).bind((box) => {
+            return tryAt(bridge, direction, move(box, Retries.getJumpSize()));
+        });
+    };
+    const tryAt = (bridge, direction, box) => {
+        const browser = detect$2().browser;
+        // NOTE: As we attempt to take over selection everywhere, we'll probably need to separate these again.
+        if (browser.isChromium() || browser.isSafari() || browser.isFirefox()) {
+            return direction.retry(bridge, box);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const tryCursor = (bridge, isRoot, element, offset, direction) => {
+        return getBoxAt(bridge, element, offset).bind((box) => {
+            return tryAt(bridge, direction, box);
+        });
+    };
+    const handle = (bridge, isRoot, direction) => {
+        return findSpot(bridge, isRoot, direction).bind((spot) => {
+            // There is a point to start doing box-hitting from
+            return scan(bridge, isRoot, spot.element, spot.offset, direction, MAX_RETRIES)?.map(bridge.fromSitus);
+        });
+    };
+
+    const inSameTable = (elem, table) => {
+        return ancestor(elem, (e) => {
+            return parent(e).exists((p) => {
+                return eq$1(p, table);
+            });
+        });
+    };
+    // Note: initial is the finishing element, because that's where the cursor starts from
+    // Anchor is the starting element, and is only used to work out if we are in the same table
+    const simulate = (bridge, isRoot, direction, initial, anchor) => {
+        return closest$1(initial, 'td,th', isRoot).bind((start) => {
+            return closest$1(start, 'table', isRoot).bind((table) => {
+                if (!inSameTable(anchor, table)) {
+                    return Optional.none();
+                }
+                return handle(bridge, isRoot, direction).bind((range) => {
+                    return closest$1(range.finish, 'td,th', isRoot)?.map((finish) => {
+                        return {
+                            start,
+                            finish,
+                            range
+                        };
+                    });
+                });
+            });
+        });
+    };
+    const navigate = (bridge, isRoot, direction, initial, anchor, precheck) => {
+        return precheck(initial, isRoot).orThunk(() => {
+            return simulate(bridge, isRoot, direction, initial, anchor)?.map((info) => {
+                const range = info.range;
+                return Response.create(Optional?.some(makeSitus(range.start, range.soffset, range.finish, range.foffset)), true);
+            });
+        });
+    };
+    const firstUpCheck = (initial, isRoot) => {
+        return closest$1(initial, 'tr', isRoot).bind((startRow) => {
+            return closest$1(startRow, 'table', isRoot).bind((table) => {
+                const rows = descendants(table, 'tr');
+                if (eq$1(startRow, rows[0])) {
+                    return seekLeft(table, (element) => {
+                        return last(element).isSome();
+                    }, isRoot)?.map((last) => {
+                        const lastOffset = getEnd(last);
+                        return Response.create(Optional?.some(makeSitus(last, lastOffset, last, lastOffset)), true);
+                    });
+                }
+                else {
+                    return Optional.none();
+                }
+            });
+        });
+    };
+    const lastDownCheck = (initial, isRoot) => {
+        return closest$1(initial, 'tr', isRoot).bind((startRow) => {
+            return closest$1(startRow, 'table', isRoot).bind((table) => {
+                const rows = descendants(table, 'tr');
+                if (eq$1(startRow, rows[rows.length - 1])) {
+                    return seekRight(table, (element) => {
+                        return first(element).isSome();
+                    }, isRoot)?.map((first) => {
+                        return Response.create(Optional?.some(makeSitus(first, 0, first, 0)), true);
+                    });
+                }
+                else {
+                    return Optional.none();
+                }
+            });
+        });
+    };
+    const select = (bridge, container, isRoot, direction, initial, anchor, selectRange) => {
+        return simulate(bridge, isRoot, direction, initial, anchor).bind((info) => {
+            return detect(container, isRoot, info.start, info.finish, selectRange);
+        });
+    };
+
+    const findCell = (target, isRoot) => closest$1(target, 'td,th', isRoot);
+    const isInEditableContext = (cell) => parentElement(cell).exists(isEditable$1);
+    const MouseSelection = (bridge, container, isRoot, annotations) => {
+        const cursor = value();
+        const clearstate = cursor.clear;
+        const applySelection = (event) => {
+            cursor.on((start) => {
+                annotations.clearBeforeUpdate(container);
+                findCell(event.target, isRoot).each((finish) => {
+                    identify(start, finish, isRoot).each((cellSel) => {
+                        const boxes = cellSel.boxes.getOr([]);
+                        if (boxes.length === 1) {
+                            // If a single noneditable cell is selected and the actual selection target within the cell
+                            // is also noneditable, make sure it is annotated
+                            const singleCell = boxes[0];
+                            const isNonEditableCell = getRaw$1(singleCell) === 'false';
+                            const isCellClosestContentEditable = is$2(closest(event.target), singleCell, eq$1);
+                            if (isNonEditableCell && isCellClosestContentEditable) {
+                                // Not selecting the contents or the node of the actual cell as shown below, keeping the selection on the offscreen element.
+                                annotations.selectRange(container, boxes, singleCell, singleCell);
+                            }
+                        }
+                        else if (boxes.length > 1) {
+                            // Wait until we have more than one, otherwise you can't do text selection inside a cell.
+                            annotations.selectRange(container, boxes, cellSel.start, cellSel.finish);
+                            // stop the browser from creating a big text selection, select the cell where the cursor is
+                            bridge.selectContents(finish);
+                        }
+                    });
+                });
+            });
+        };
+        /* Keep this as lightweight as possible when we're not in a table selection, it runs constantly */
+        const mousedown = (event) => {
+            annotations.clear(container);
+            findCell(event.target, isRoot).filter(isInEditableContext).each(cursor.set);
+        };
+        /* Keep this as lightweight as possible when we're not in a table selection, it runs constantly */
+        const mouseover = (event) => {
+            applySelection(event);
+        };
+        /* Keep this as lightweight as possible when we're not in a table selection, it runs constantly */
+        const mouseup = (event) => {
+            // Needed as Firefox will change the selection between the mouseover and mouseup when selecting
+            // just 2 cells as Firefox supports multiple selection ranges
+            applySelection(event);
+            clearstate();
+        };
+        return {
+            clearstate,
+            mousedown,
+            mouseover,
+            mouseup
+        };
+    };
+
+    const down = {
+        traverse: nextSibling,
+        gather: after,
+        relative: Situ.before,
+        retry: Retries.tryDown,
+        failure: BeforeAfter.failedDown
+    };
+    const up = {
+        traverse: prevSibling,
+        gather: before,
+        relative: Situ.before,
+        retry: Retries.tryUp,
+        failure: BeforeAfter.failedUp
+    };
+
+    const isKey = (key) => {
+        return (keycode) => {
+            return keycode === key;
+        };
+    };
+    const isUp = isKey(38);
+    const isDown = isKey(40);
+    const isNavigation = (keycode) => {
+        return keycode >= 37 && keycode <= 40;
+    };
+    const ltr = {
+        // We need to move KEYS out of keytar and into something much more low-level.
+        isBackward: isKey(37),
+        isForward: isKey(39)
+    };
+    const rtl = {
+        isBackward: isKey(39),
+        isForward: isKey(37)
+    };
+
+    const WindowBridge = (win) => {
+        const elementFromPoint = (x, y) => {
+            return SugarElement.fromPoint(SugarElement.fromDom(win.document), x, y);
+        };
+        const getRect = (element) => {
+            return element.dom.getBoundingClientRect();
+        };
+        const getRangedRect = (start, soffset, finish, foffset) => {
+            const sel = SimSelection.exact(start, soffset, finish, foffset);
+            return getFirstRect(win, sel);
+        };
+        const getSelection = () => {
+            return get$3(win)?.map((exactAdt) => {
+                return convertToRange(win, exactAdt);
+            });
+        };
+        const fromSitus = (situs) => {
+            const relative = SimSelection.relative(situs.start, situs.finish);
+            return convertToRange(win, relative);
+        };
+        const situsFromPoint = (x, y) => {
+            return getAtPoint(win, x, y)?.map((exact) => {
+                return Situs.create(exact.start, exact.soffset, exact.finish, exact.foffset);
+            });
+        };
+        const clearSelection = () => {
+            clear(win);
+        };
+        const collapseSelection = (toStart = false) => {
+            get$3(win).each((sel) => sel.fold((rng) => rng.collapse(toStart), (startSitu, finishSitu) => {
+                const situ = toStart ? startSitu : finishSitu;
+                setRelative(win, situ, situ);
+            }, (start, soffset, finish, foffset) => {
+                const node = toStart ? start : finish;
+                const offset = toStart ? soffset : foffset;
+                setExact(win, node, offset, node, offset);
+            }));
+        };
+        const selectNode = (element) => {
+            setToElement(win, element, false);
+        };
+        const selectContents = (element) => {
+            setToElement(win, element);
+        };
+        const setSelection = (sel) => {
+            setExact(win, sel.start, sel.soffset, sel.finish, sel.foffset);
+        };
+        const setRelativeSelection = (start, finish) => {
+            setRelative(win, start, finish);
+        };
+        const getInnerHeight = () => {
+            return win.innerHeight;
+        };
+        const getScrollY = () => {
+            const pos = get$6(SugarElement.fromDom(win.document));
+            return pos.top;
+        };
+        const scrollBy = (x, y) => {
+            by(x, y, SugarElement.fromDom(win.document));
+        };
+        return {
+            elementFromPoint,
+            getRect,
+            getRangedRect,
+            getSelection,
+            fromSitus,
+            situsFromPoint,
+            clearSelection,
+            collapseSelection,
+            setSelection,
+            setRelativeSelection,
+            selectNode,
+            selectContents,
+            getInnerHeight,
+            getScrollY,
+            scrollBy
+        };
+    };
+
+    const rc = (rows, cols) => ({ rows, cols });
+    const mouse = (win, container, isRoot, annotations) => {
+        const bridge = WindowBridge(win);
+        const handlers = MouseSelection(bridge, container, isRoot, annotations);
+        return {
+            clearstate: handlers.clearstate,
+            mousedown: handlers.mousedown,
+            mouseover: handlers.mouseover,
+            mouseup: handlers.mouseup
+        };
+    };
+    const isEditableNode = (node) => closest$2(node, isHTMLElement).exists(isEditable$1);
+    const isEditableSelection = (start, finish) => isEditableNode(start) || isEditableNode(finish);
+    const keyboard = (win, container, isRoot, annotations) => {
+        const bridge = WindowBridge(win);
+        const clearToNavigate = () => {
+            annotations.clear(container);
+            return Optional.none();
+        };
+        const keydown = (event, start, soffset, finish, foffset, direction) => {
+            const realEvent = event.raw;
+            const keycode = realEvent.which;
+            const shiftKey = realEvent.shiftKey === true;
+            const handler = retrieve$1(container, annotations.selectedSelector).fold(() => {
+                // Make sure any possible lingering annotations are cleared
+                if (isNavigation(keycode) && !shiftKey) {
+                    annotations.clearBeforeUpdate(container);
+                }
+                // Shift down should predict the movement and set the selection.
+                if (isNavigation(keycode) && shiftKey && !isEditableSelection(start, finish)) {
+                    return Optional.none;
+                }
+                else if (isDown(keycode) && shiftKey) {
+                    return curry(select, bridge, container, isRoot, down, finish, start, annotations.selectRange);
+                }
+                else if (isUp(keycode) && shiftKey) { // Shift up should predict the movement and set the selection.
+                    return curry(select, bridge, container, isRoot, up, finish, start, annotations.selectRange);
+                }
+                else if (isDown(keycode)) { // Down should predict the movement and set the cursor
+                    return curry(navigate, bridge, isRoot, down, finish, start, lastDownCheck);
+                }
+                else if (isUp(keycode)) { // Up should predict the movement and set the cursor
+                    return curry(navigate, bridge, isRoot, up, finish, start, firstUpCheck);
+                }
+                else {
+                    return Optional.none;
+                }
+            }, (selected) => {
+                const update$1 = (attempts) => {
+                    return () => {
+                        const navigation = findMap(attempts, (delta) => {
+                            return update(delta.rows, delta.cols, container, selected, annotations);
+                        });
+                        // Shift the selected rows and update the selection.
+                        return navigation.fold(() => {
+                            // The cell selection went outside the table, so clear it and bridge from the first box to before/after
+                            // the table
+                            return getEdges(container, annotations.firstSelectedSelector, annotations.lastSelectedSelector)?.map((edges) => {
+                                const relative = isDown(keycode) || direction.isForward(keycode) ? Situ.after : Situ.before;
+                                bridge.setRelativeSelection(Situ.on(edges.first, 0), relative(edges.table));
+                                annotations.clear(container);
+                                return Response.create(Optional.none(), true);
+                            });
+                        }, (_) => {
+                            return Optional?.some(Response.create(Optional.none(), true));
+                        });
+                    };
+                };
+                if (isNavigation(keycode) && shiftKey && !isEditableSelection(start, finish)) {
+                    return Optional.none;
+                }
+                else if (isDown(keycode) && shiftKey) {
+                    return update$1([rc(+1, 0)]);
+                }
+                else if (isUp(keycode) && shiftKey) {
+                    return update$1([rc(-1, 0)]);
+                }
+                else if (direction.isBackward(keycode) && shiftKey) { // Left and right should try up/down respectively if they fail.
+                    return update$1([rc(0, -1), rc(-1, 0)]);
+                }
+                else if (direction.isForward(keycode) && shiftKey) {
+                    return update$1([rc(0, +1), rc(+1, 0)]);
+                }
+                else if (isNavigation(keycode) && !shiftKey) { // Clear the selection on normal arrow keys.
+                    return clearToNavigate;
+                }
+                else {
+                    return Optional.none;
+                }
+            });
+            return handler();
+        };
+        const keyup = (event, start, soffset, finish, foffset) => {
+            return retrieve$1(container, annotations.selectedSelector).fold(() => {
+                const realEvent = event.raw;
+                const keycode = realEvent.which;
+                const shiftKey = realEvent.shiftKey === true;
+                if (!shiftKey) {
+                    return Optional.none();
+                }
+                if (isNavigation(keycode) && isEditableSelection(start, finish)) {
+                    return sync(container, isRoot, start, soffset, finish, foffset, annotations.selectRange);
+                }
+                else {
+                    return Optional.none();
+                }
+            }, Optional.none);
+        };
+        return {
+            keydown,
+            keyup
+        };
+    };
+    const external = (win, container, isRoot, annotations) => {
+        const bridge = WindowBridge(win);
+        return (start, finish) => {
+            annotations.clearBeforeUpdate(container);
+            identify(start, finish, isRoot).each((cellSel) => {
+                const boxes = cellSel.boxes.getOr([]);
+                annotations.selectRange(container, boxes, cellSel.start, cellSel.finish);
+                // stop the browser from creating a big text selection, place the selection at the end of the cell where the cursor is
+                bridge.selectContents(finish);
+                bridge.collapseSelection();
+            });
+        };
+    };
+
+    const byClass = (ephemera) => {
+        const addSelectionClass = addClass(ephemera.selected);
+        const removeSelectionClasses = removeClasses([ephemera.selected, ephemera.lastSelected, ephemera.firstSelected]);
+        const clear = (container) => {
+            const sels = descendants(container, ephemera.selectedSelector);
+            each$2(sels, removeSelectionClasses);
+        };
+        const selectRange = (container, cells, start, finish) => {
+            clear(container);
+            each$2(cells, addSelectionClass);
+            add$1(start, ephemera.firstSelected);
+            add$1(finish, ephemera.lastSelected);
+        };
+        return {
+            clearBeforeUpdate: clear,
+            clear,
+            selectRange,
+            selectedSelector: ephemera.selectedSelector,
+            firstSelectedSelector: ephemera.firstSelectedSelector,
+            lastSelectedSelector: ephemera.lastSelectedSelector
+        };
+    };
+    const byAttr = (ephemera, onSelection, onClear) => {
+        const removeSelectionAttributes = (element) => {
+            remove$6(element, ephemera.selected);
+            remove$6(element, ephemera.firstSelected);
+            remove$6(element, ephemera.lastSelected);
+        };
+        const addSelectionAttribute = (element) => {
+            set$2(element, ephemera.selected, '1');
+        };
+        const clear = (container) => {
+            clearBeforeUpdate(container);
+            onClear();
+        };
+        const clearBeforeUpdate = (container) => {
+            const sels = descendants(container, `${ephemera.selectedSelector},${ephemera.firstSelectedSelector},${ephemera.lastSelectedSelector}`);
+            each$2(sels, removeSelectionAttributes);
+        };
+        const selectRange = (container, cells, start, finish) => {
+            clear(container);
+            each$2(cells, addSelectionAttribute);
+            set$2(start, ephemera.firstSelected, '1');
+            set$2(finish, ephemera.lastSelected, '1');
+            onSelection(cells, start, finish);
+        };
+        return {
+            clearBeforeUpdate,
+            clear,
+            selectRange,
+            selectedSelector: ephemera.selectedSelector,
+            firstSelectedSelector: ephemera.firstSelectedSelector,
+            lastSelectedSelector: ephemera.lastSelectedSelector
+        };
+    };
+    const SelectionAnnotation = {
+        byClass,
+        byAttr
+    };
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - plugins/table/selection/Ephemera.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const strSelected = 'data-mce-selected';
+    const strSelectedSelector = 'td[' + strSelected + '],th[' + strSelected + ']';
+    // used with not selectors
+    const strAttributeSelector = '[' + strSelected + ']';
+    const strFirstSelected = 'data-mce-first-selected';
+    const strFirstSelectedSelector = 'td[' + strFirstSelected + '],th[' + strFirstSelected + ']';
+    const strLastSelected = 'data-mce-last-selected';
+    const strLastSelectedSelector = 'td[' + strLastSelected + '],th[' + strLastSelected + ']';
+    const attributeSelector = strAttributeSelector;
+    const ephemera = {
+        selected: strSelected,
+        selectedSelector: strSelectedSelector,
+        firstSelected: strFirstSelected,
+        firstSelectedSelector: strFirstSelectedSelector,
+        lastSelected: strLastSelected,
+        lastSelectedSelector: strLastSelectedSelector
+    };
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - plugins/table/queries/TableTargets.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const forMenu = (selectedCells, table, cell) => ({
+        element: cell,
+        mergable: mergable(table, selectedCells, ephemera),
+        unmergable: unmergable(selectedCells),
+        selection: selection(selectedCells)
+    });
+    const paste = (element, clipboard, generators) => ({
+        element,
+        clipboard,
+        generators
+    });
+    const pasteRows = (selectedCells, _cell, clipboard, generators) => ({
+        selection: selection(selectedCells),
+        clipboard,
+        generators
+    });
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - plugins/table/selection/TableSelection.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const getSelectionCellFallback = (element) => table(element).bind((table) => retrieve(table, ephemera.firstSelectedSelector)).fold(constant(element), (cells) => cells[0]);
+    const getSelectionFromSelector = (selector) => (initCell, isRoot) => {
+        const cellName = name(initCell);
+        const cell = cellName === 'col' || cellName === 'colgroup' ? getSelectionCellFallback(initCell) : initCell;
+        return closest$1(cell, selector, isRoot);
+    };
+    const getSelectionCellOrCaption = getSelectionFromSelector('th,td,caption');
+    const getSelectionCell = getSelectionFromSelector('th,td');
+    // Note: Includes single cell if the start of the selection whether collapsed or ranged is within a table cell
+    const getCellsFromSelection = (editor) => fromDom(editor.model.table.getSelectedCells());
+    const getCellsFromFakeSelection = (editor) => filter$2(getCellsFromSelection(editor), (cell) => is$1(cell, ephemera.selectedSelector));
+
+    const extractSelected = (cells) => {
+        // Assume for now that we only have one table (also handles the case where we multi select outside a table)
+        return table(cells[0])?.map((table) => {
+            const replica = extract$1(table, attributeSelector);
+            removeDataStyle(replica);
+            return [replica];
+        });
+    };
+    const serializeElements = (editor, elements) => map$1(elements, (elm) => editor.selection.serializer.serialize(elm.dom, {})).join('');
+    const getTextContent = (editor, replicaElements) => {
+        const doc = editor.getDoc();
+        const dos = getRootNode(SugarElement.fromDom(editor.getBody()));
+        // Set up offscreen div so that the extracted table element can be inserted into the DOM
+        // TINY-10847: If the table element is detached from the DOM, calling innerText is equivalent to calling
+        // textContent which does not include '\n' and '\t' characters to separate rows and cells respectively
+        const offscreenDiv = SugarElement.fromTag('div', doc);
+        set$2(offscreenDiv, 'data-mce-bogus', 'all');
+        setAll(offscreenDiv, {
+            position: 'fixed',
+            left: '-9999999px',
+            top: '0',
+            overflow: 'hidden',
+            opacity: '0'
+        });
+        const root = getContentContainer(dos);
+        append(offscreenDiv, replicaElements);
+        append$1(root, offscreenDiv);
+        const textContent = offscreenDiv.dom.innerText;
+        remove$5(offscreenDiv);
+        return textContent;
+    };
+    const registerEvents = (editor, actions) => {
+        editor.on('BeforeGetContent', (e) => {
+            const multiCellContext = (cells) => {
+                e.preventDefault();
+                extractSelected(cells).each((replicaElements) => {
+                    const content = e.format === 'text' ? getTextContent(editor, replicaElements) : serializeElements(editor, replicaElements);
+                    e.content = content;
+                });
+            };
+            if (e.selection === true) {
+                const cells = getCellsFromFakeSelection(editor);
+                if (cells.length >= 1) {
+                    multiCellContext(cells);
+                }
+            }
+        });
+        editor.on('BeforeSetContent', (e) => {
+            if (e.selection === true && e.paste === true) {
+                const selectedCells = getCellsFromSelection(editor);
+                head(selectedCells).each((cell) => {
+                    table(cell).each((table) => {
+                        const elements = filter$2(fromHtml(e.content), (content) => {
+                            return name(content) !== 'meta';
+                        });
+                        const isTable = isTag('table');
+                        if (shouldMergeContentOnPaste(editor) && elements.length === 1 && isTable(elements[0])) {
+                            e.preventDefault();
+                            const doc = SugarElement.fromDom(editor.getDoc());
+                            const generators = paste$1(doc);
+                            const targets = paste(cell, elements[0], generators);
+                            actions.pasteCells(table, targets).each(() => {
+                                editor.focus();
+                            });
+                        }
+                    });
+                });
+            }
+        });
+    };
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - core/api/TableEvents.ts
+      - plugins/table/api/Events.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const fireNewRow = (editor, row) => editor.dispatch('NewRow', { node: row });
+    const fireNewCell = (editor, cell) => editor.dispatch('NewCell', { node: cell });
+    const fireTableModified = (editor, table, data) => {
+        editor.dispatch('TableModified', { ...data, table });
+    };
+    const fireTableSelectionChange = (editor, cells, start, finish, otherCells) => {
+        editor.dispatch('TableSelectionChange', {
+            cells,
+            start,
+            finish,
+            otherCells
+        });
+    };
+    const fireTableSelectionClear = (editor) => {
+        editor.dispatch('TableSelectionClear');
+    };
+    const fireObjectResizeStart = (editor, target, width, height, origin) => {
+        editor.dispatch('ObjectResizeStart', { target, width, height, origin });
+    };
+    const fireObjectResized = (editor, target, width, height, origin) => {
+        editor.dispatch('ObjectResized', { target, width, height, origin });
+    };
+    const styleModified = { structure: false, style: true };
+    const structureModified = { structure: true, style: false };
+    const styleAndStructureModified = { structure: true, style: true };
+
+    const get$1 = (editor, table) => {
+        // Note: We can't enforce none (responsive), as if someone manually resizes a table
+        // then it must switch to either pixel (fixed) or percentage (relative) sizing
+        if (isTablePercentagesForced(editor)) {
+            return TableSize.percentageSize(table);
+        }
+        else if (isTablePixelsForced(editor)) {
+            return TableSize.pixelSize(table);
+        }
+        else {
+            // Detect based on the table width
+            return TableSize.getTableSize(table);
+        }
+    };
+
+    const TableActions = (editor, resizeHandler, cellSelectionHandler) => {
+        const isTableBody = (editor) => name(getBody(editor)) === 'table';
+        const lastRowGuard = (table) => !isTableBody(editor) || getGridSize(table).rows > 1;
+        const lastColumnGuard = (table) => !isTableBody(editor) || getGridSize(table).columns > 1;
+        // Optional.none gives the default cloneFormats.
+        const cloneFormats = getTableCloneElements(editor);
+        const colMutationOp = isResizeTableColumnResizing(editor) ? noop : halve;
+        const getTableSectionType = (table) => {
+            switch (getTableHeaderType(editor)) {
+                case 'section':
+                    return TableSection.section();
+                case 'sectionCells':
+                    return TableSection.sectionCells();
+                case 'cells':
+                    return TableSection.cells();
+                default:
+                    // Attempt to automatically find the type. If a type can't be found
+                    // then fallback to "section" to maintain backwards compatibility.
+                    return TableSection.getTableSectionType(table, 'section');
+            }
+        };
+        const setSelectionFromAction = (table, result) => result.cursor.fold(() => {
+            // Snooker has reported we don't have a good cursor position. However, we may have a locked column
+            // with noneditable cells, so lets check if we have a noneditable cell and if so place the selection
+            const cells = cells$1(table);
+            return head(cells).filter(inBody)?.map((firstCell) => {
+                cellSelectionHandler.clearSelectedCells(table.dom);
+                const rng = editor.dom.createRng();
+                rng.selectNode(firstCell.dom);
+                editor.selection.setRng(rng);
+                set$2(firstCell, 'data-mce-selected', '1');
+                return rng;
+            });
+        }, (cell) => {
+            const des = freefallRtl(cell);
+            const rng = editor.dom.createRng();
+            rng.setStart(des.element.dom, des.offset);
+            rng.setEnd(des.element.dom, des.offset);
+            editor.selection.setRng(rng);
+            cellSelectionHandler.clearSelectedCells(table.dom);
+            return Optional?.some(rng);
+        });
+        const execute = (operation, guard, mutate, effect) => (table, target, noEvents = false) => {
+            removeDataStyle(table);
+            const doc = SugarElement.fromDom(editor.getDoc());
+            const generators = cellOperations(mutate, doc, cloneFormats);
+            const behaviours = {
+                sizing: get$1(editor, table),
+                resize: isResizeTableColumnResizing(editor) ? resizeTable() : preserveTable(),
+                section: getTableSectionType(table)
+            };
+            return guard(table) ? operation(table, target, generators, behaviours).bind((result) => {
+                // Update the resize bars after the table operation
+                resizeHandler.refresh(table.dom);
+                // INVESTIGATE: Should "noEvents" prevent these from firing as well?
+                each$2(result.newRows, (row) => {
+                    fireNewRow(editor, row.dom);
+                });
+                each$2(result.newCells, (cell) => {
+                    fireNewCell(editor, cell.dom);
+                });
+                const range = setSelectionFromAction(table, result);
+                if (inBody(table)) {
+                    removeDataStyle(table);
+                    if (!noEvents) {
+                        fireTableModified(editor, table.dom, effect);
+                    }
+                }
+                return range?.map((rng) => ({
+                    rng,
+                    effect
+                }));
+            }) : Optional.none();
+        };
+        const deleteRow = execute(eraseRows, lastRowGuard, noop, structureModified);
+        const deleteColumn = execute(eraseColumns, lastColumnGuard, noop, structureModified);
+        const insertRowsBefore$1 = execute(insertRowsBefore, always, noop, structureModified);
+        const insertRowsAfter$1 = execute(insertRowsAfter, always, noop, structureModified);
+        const insertColumnsBefore$1 = execute(insertColumnsBefore, always, colMutationOp, structureModified);
+        const insertColumnsAfter$1 = execute(insertColumnsAfter, always, colMutationOp, structureModified);
+        const mergeCells$1 = execute(mergeCells, always, noop, structureModified);
+        const unmergeCells$1 = execute(unmergeCells, always, noop, structureModified);
+        const pasteColsBefore$1 = execute(pasteColsBefore, always, noop, structureModified);
+        const pasteColsAfter$1 = execute(pasteColsAfter, always, noop, structureModified);
+        const pasteRowsBefore$1 = execute(pasteRowsBefore, always, noop, structureModified);
+        const pasteRowsAfter$1 = execute(pasteRowsAfter, always, noop, structureModified);
+        const pasteCells$1 = execute(pasteCells, always, noop, styleAndStructureModified);
+        const makeCellsHeader$1 = execute(makeCellsHeader, always, noop, structureModified);
+        const unmakeCellsHeader$1 = execute(unmakeCellsHeader, always, noop, structureModified);
+        const makeColumnsHeader$1 = execute(makeColumnsHeader, always, noop, structureModified);
+        const unmakeColumnsHeader$1 = execute(unmakeColumnsHeader, always, noop, structureModified);
+        const makeRowsHeader$1 = execute(makeRowsHeader, always, noop, structureModified);
+        const makeRowsBody$1 = execute(makeRowsBody, always, noop, structureModified);
+        const makeRowsFooter$1 = execute(makeRowsFooter, always, noop, structureModified);
+        const getTableCellType = getCellsType;
+        const getTableColType = getColumnsType;
+        const getTableRowType = getRowsType;
+        return {
+            deleteRow,
+            deleteColumn,
+            insertRowsBefore: insertRowsBefore$1,
+            insertRowsAfter: insertRowsAfter$1,
+            insertColumnsBefore: insertColumnsBefore$1,
+            insertColumnsAfter: insertColumnsAfter$1,
+            mergeCells: mergeCells$1,
+            unmergeCells: unmergeCells$1,
+            pasteColsBefore: pasteColsBefore$1,
+            pasteColsAfter: pasteColsAfter$1,
+            pasteRowsBefore: pasteRowsBefore$1,
+            pasteRowsAfter: pasteRowsAfter$1,
+            pasteCells: pasteCells$1,
+            makeCellsHeader: makeCellsHeader$1,
+            unmakeCellsHeader: unmakeCellsHeader$1,
+            makeColumnsHeader: makeColumnsHeader$1,
+            unmakeColumnsHeader: unmakeColumnsHeader$1,
+            makeRowsHeader: makeRowsHeader$1,
+            makeRowsBody: makeRowsBody$1,
+            makeRowsFooter: makeRowsFooter$1,
+            getTableRowType,
+            getTableCellType,
+            getTableColType
+        };
+    };
+
+    const placeCaretInCell = (editor, cell) => {
+        editor.selection.select(cell.dom, true);
+        editor.selection.collapse(true);
+    };
+    const selectFirstCellInTable = (editor, tableElm) => {
+        descendant(tableElm, 'td,th').each(curry(placeCaretInCell, editor));
+    };
+    const fireEvents = (editor, table) => {
+        each$2(descendants(table, 'tr'), (row) => {
+            fireNewRow(editor, row.dom);
+            each$2(descendants(row, 'th,td'), (cell) => {
+                fireNewCell(editor, cell.dom);
+            });
+        });
+    };
+    const isPercentage = (width) => isString(width) && width.indexOf('%') !== -1;
+    const insert = (editor, columns, rows, colHeaders, rowHeaders) => {
+        const defaultStyles = getTableDefaultStyles(editor);
+        const options = {
+            styles: defaultStyles,
+            attributes: getTableDefaultAttributes(editor),
+            colGroups: tableUseColumnGroup(editor)
+        };
+        // Don't create an undo level when inserting the base table HTML otherwise we can end up with 2 undo levels
+        editor.undoManager.ignore(() => {
+            const table = render(rows, columns, rowHeaders, colHeaders, getTableHeaderType(editor), options);
+            set$2(table, 'data-mce-id', '__mce');
+            const html = getOuter$2(table);
+            editor.insertContent(html);
+            editor.addVisual();
+        });
+        // Enforce the sizing mode of the table
+        return descendant(getBody(editor), 'table[data-mce-id="__mce"]')?.map((table) => {
+            if (isTablePixelsForced(editor)) {
+                convertToPixelSizeWidth(table);
+            }
+            else if (isTableResponsiveForced(editor)) {
+                convertToNoneSizeWidth(table);
+            }
+            else if (isTablePercentagesForced(editor) || isPercentage(defaultStyles.width)) {
+                convertToPercentSizeWidth(table);
+            }
+            removeDataStyle(table);
+            remove$6(table, 'data-mce-id');
+            fireEvents(editor, table);
+            selectFirstCellInTable(editor, table);
+            return table.dom;
+        }).getOrNull();
+    };
+    const insertTable = (editor, rows, columns, options = {}) => {
+        const checkInput = (val) => isNumber(val) && val > 0;
+        if (checkInput(rows) && checkInput(columns)) {
+            const headerRows = options.headerRows || 0;
+            const headerColumns = options.headerColumns || 0;
+            return insert(editor, columns, rows, headerColumns, headerRows);
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid values for mceInsertTable - rows and columns values are required to insert a table.');
+            return null;
+        }
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.FakeClipboard');
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - plugins/table/api/Clipboard.ts
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const tableTypeBase = 'x-tinymce/dom-table-';
+    const tableTypeRow = tableTypeBase + 'rows';
+    const tableTypeColumn = tableTypeBase + 'columns';
+    const setData = (items) => {
+        const fakeClipboardItem = global.FakeClipboardItem(items);
+        global.write([fakeClipboardItem]);
+    };
+    const getData = (type) => {
+        var _a;
+        const items = (_a = global.read()) !== null && _a !== void 0 ? _a : [];
+        return findMap(items, (item) => Optional.from(item.getType(type)));
+    };
+    const clearData = (type) => {
+        if (getData(type).isSome()) {
+            global.clear();
+        }
+    };
+    const setRows = (rowsOpt) => {
+        rowsOpt.fold(clearRows, (rows) => setData({ [tableTypeRow]: rows }));
+    };
+    const getRows = () => getData(tableTypeRow);
+    const clearRows = () => clearData(tableTypeRow);
+    const setColumns = (columnsOpt) => {
+        columnsOpt.fold(clearColumns, (columns) => setData({ [tableTypeColumn]: columns }));
+    };
+    const getColumns = () => getData(tableTypeColumn);
+    const clearColumns = () => clearData(tableTypeColumn);
+
+    const getSelectionStartCellOrCaption = (editor) => getSelectionCellOrCaption(getSelectionStart(editor), getIsRoot(editor)).filter(isInEditableContext$1);
+    const getSelectionStartCell = (editor) => getSelectionCell(getSelectionStart(editor), getIsRoot(editor)).filter(isInEditableContext$1);
+    const registerCommands = (editor, actions) => {
+        const isRoot = getIsRoot(editor);
+        const eraseTable = () => getSelectionStartCellOrCaption(editor).each((cellOrCaption) => {
+            table(cellOrCaption, isRoot).filter(not(isRoot)).each((table) => {
+                const cursor = SugarElement.fromText('');
+                after$4(table, cursor);
+                remove$5(table);
+                if (editor.dom.isEmpty(editor.getBody())) {
+                    editor.setContent('');
+                    editor.selection.setCursorLocation();
+                }
+                else {
+                    const rng = editor.dom.createRng();
+                    rng.setStart(cursor.dom, 0);
+                    rng.setEnd(cursor.dom, 0);
+                    editor.selection.setRng(rng);
+                    editor.nodeChanged();
+                }
+            });
+        });
+        const setSizingMode = (sizing) => getSelectionStartCellOrCaption(editor).each((cellOrCaption) => {
+            // Do nothing if tables are forced to use a specific sizing mode
+            const isForcedSizing = isTableResponsiveForced(editor) || isTablePixelsForced(editor) || isTablePercentagesForced(editor);
+            if (!isForcedSizing) {
+                table(cellOrCaption, isRoot).each((table) => {
+                    if (sizing === 'relative' && !isPercentSizing(table)) {
+                        convertToPercentSizeWidth(table);
+                    }
+                    else if (sizing === 'fixed' && !isPixelSizing(table)) {
+                        convertToPixelSizeWidth(table);
+                    }
+                    else if (sizing === 'responsive' && !isNoneSizing(table)) {
+                        convertToNoneSizeWidth(table);
+                    }
+                    removeDataStyle(table);
+                    fireTableModified(editor, table.dom, structureModified);
+                });
+            }
+        });
+        const getTableFromCell = (cell) => table(cell, isRoot);
+        const performActionOnSelection = (action) => getSelectionStartCell(editor).bind((cell) => getTableFromCell(cell)?.map((table) => action(table, cell)));
+        const toggleTableClass = (_ui, clazz) => {
+            performActionOnSelection((table) => {
+                editor.formatter.toggle('tableclass', { value: clazz }, table.dom);
+                fireTableModified(editor, table.dom, styleModified);
+            });
+        };
+        const toggleTableCellClass = (_ui, clazz) => {
+            performActionOnSelection((table) => {
+                const selectedCells = getCellsFromSelection(editor);
+                const allHaveClass = forall(selectedCells, (cell) => editor.formatter.match('tablecellclass', { value: clazz }, cell.dom));
+                const formatterAction = allHaveClass ? editor.formatter.remove : editor.formatter.apply;
+                each$2(selectedCells, (cell) => formatterAction('tablecellclass', { value: clazz }, cell.dom));
+                fireTableModified(editor, table.dom, styleModified);
+            });
+        };
+        const toggleCaption = () => {
+            getSelectionStartCellOrCaption(editor).each((cellOrCaption) => {
+                table(cellOrCaption, isRoot).each((table) => {
+                    child(table, 'caption').fold(() => {
+                        const caption = SugarElement.fromTag('caption');
+                        append$1(caption, SugarElement.fromText('Caption'));
+                        appendAt(table, caption, 0);
+                        editor.selection.setCursorLocation(caption.dom, 0);
+                    }, (caption) => {
+                        if (isTag('caption')(cellOrCaption)) {
+                            one('td', table).each((td) => editor.selection.setCursorLocation(td.dom, 0));
+                        }
+                        remove$5(caption);
+                    });
+                    fireTableModified(editor, table.dom, structureModified);
+                });
+            });
+        };
+        const postExecute = (_data) => {
+            editor.focus();
+        };
+        const actOnSelection = (execute, noEvents = false) => performActionOnSelection((table, startCell) => {
+            const targets = forMenu(getCellsFromSelection(editor), table, startCell);
+            execute(table, targets, noEvents).each(postExecute);
+        });
+        const copyRowSelection = () => performActionOnSelection((table, startCell) => {
+            const targets = forMenu(getCellsFromSelection(editor), table, startCell);
+            const generators = cellOperations(noop, SugarElement.fromDom(editor.getDoc()), Optional.none());
+            return copyRows(table, targets, generators);
+        });
+        const copyColSelection = () => performActionOnSelection((table, startCell) => {
+            const targets = forMenu(getCellsFromSelection(editor), table, startCell);
+            return copyCols(table, targets);
+        });
+        const pasteOnSelection = (execute, getRows) => 
+        // If we have FakeClipboard rows to paste
+        getRows().each((rows) => {
+            const clonedRows = map$1(rows, (row) => deep(row));
+            performActionOnSelection((table, startCell) => {
+                const generators = paste$1(SugarElement.fromDom(editor.getDoc()));
+                const targets = pasteRows(getCellsFromSelection(editor), startCell, clonedRows, generators);
+                execute(table, targets).each(postExecute);
+            });
+        });
+        const actOnType = (getAction) => (_ui, args) => get$c(args, 'type').each((type) => {
+            actOnSelection(getAction(type), args.no_events);
+        });
+        // Register action commands
+        each$1({
+            mceTableSplitCells: () => actOnSelection(actions.unmergeCells),
+            mceTableMergeCells: () => actOnSelection(actions.mergeCells),
+            mceTableInsertRowBefore: () => actOnSelection(actions.insertRowsBefore),
+            mceTableInsertRowAfter: () => actOnSelection(actions.insertRowsAfter),
+            mceTableInsertColBefore: () => actOnSelection(actions.insertColumnsBefore),
+            mceTableInsertColAfter: () => actOnSelection(actions.insertColumnsAfter),
+            mceTableDeleteCol: () => actOnSelection(actions.deleteColumn),
+            mceTableDeleteRow: () => actOnSelection(actions.deleteRow),
+            mceTableCutCol: () => copyColSelection().each((selection) => {
+                setColumns(selection);
+                actOnSelection(actions.deleteColumn);
+            }),
+            mceTableCutRow: () => copyRowSelection().each((selection) => {
+                setRows(selection);
+                actOnSelection(actions.deleteRow);
+            }),
+            mceTableCopyCol: () => copyColSelection().each((selection) => setColumns(selection)),
+            mceTableCopyRow: () => copyRowSelection().each((selection) => setRows(selection)),
+            mceTablePasteColBefore: () => pasteOnSelection(actions.pasteColsBefore, getColumns),
+            mceTablePasteColAfter: () => pasteOnSelection(actions.pasteColsAfter, getColumns),
+            mceTablePasteRowBefore: () => pasteOnSelection(actions.pasteRowsBefore, getRows),
+            mceTablePasteRowAfter: () => pasteOnSelection(actions.pasteRowsAfter, getRows),
+            mceTableDelete: eraseTable,
+            mceTableCellToggleClass: toggleTableCellClass,
+            mceTableToggleClass: toggleTableClass,
+            mceTableToggleCaption: toggleCaption,
+            mceTableSizingMode: (_ui, sizing) => setSizingMode(sizing),
+            mceTableCellType: actOnType((type) => type === 'th' ? actions.makeCellsHeader : actions.unmakeCellsHeader),
+            mceTableColType: actOnType((type) => type === 'th' ? actions.makeColumnsHeader : actions.unmakeColumnsHeader),
+            mceTableRowType: actOnType((type) => {
+                switch (type) {
+                    case 'header':
+                        return actions.makeRowsHeader;
+                    case 'footer':
+                        return actions.makeRowsFooter;
+                    default:
+                        return actions.makeRowsBody;
+                }
+            })
+        }, (func, name) => editor.addCommand(name, func));
+        editor.addCommand('mceInsertTable', (_ui, args) => {
+            insertTable(editor, args.rows, args.columns, args.options);
+        });
+        // Apply cell style using command (background color, border color, border style and border width)
+        // tinyMCE.activeEditor.execCommand('mceTableApplyCellStyle', false, { backgroundColor: 'red', borderColor: 'blue' })
+        // Remove cell style using command (an empty string indicates to remove the style)
+        // tinyMCE.activeEditor.execCommand('mceTableApplyCellStyle', false, { backgroundColor: '' })
+        editor.addCommand('mceTableApplyCellStyle', (_ui, args) => {
+            const getFormatName = (style) => 'tablecell' + style.toLowerCase().replace('-', '');
+            if (!isObject(args)) {
+                return;
+            }
+            const cells = filter$2(getCellsFromSelection(editor), isInEditableContext$1);
+            if (cells.length === 0) {
+                return;
+            }
+            const validArgs = filter$1(args, (value, style) => editor.formatter.has(getFormatName(style)) && isString(value));
+            if (isEmpty(validArgs)) {
+                return;
+            }
+            each$1(validArgs, (value, style) => {
+                const formatName = getFormatName(style);
+                each$2(cells, (cell) => {
+                    if (value === '') {
+                        editor.formatter.remove(formatName, { value: null }, cell.dom, true);
+                    }
+                    else {
+                        editor.formatter.apply(formatName, { value }, cell.dom);
+                    }
+                });
+            });
+            /*
+              Use the first cell in the selection to get the table and fire the TableModified event.
+              If this command is applied over multiple tables, only the first table selected
+              will have a TableModified event thrown.
+            */
+            getTableFromCell(cells[0]).each((table) => fireTableModified(editor, table.dom, styleModified));
+        });
+    };
+
+    const registerQueryCommands = (editor, actions) => {
+        const isRoot = getIsRoot(editor);
+        const lookupOnSelection = (action) => getSelectionCell(getSelectionStart(editor)).bind((cell) => table(cell, isRoot)?.map((table) => {
+            const targets = forMenu(getCellsFromSelection(editor), table, cell);
+            return action(table, targets);
+        })).getOr('');
+        each$1({
+            mceTableRowType: () => lookupOnSelection(actions.getTableRowType),
+            mceTableCellType: () => lookupOnSelection(actions.getTableCellType),
+            mceTableColType: () => lookupOnSelection(actions.getTableColType)
+        }, (func, name) => editor.addQueryValueHandler(name, func));
+    };
+
+    const hasInternalTarget = (e) => !has(SugarElement.fromDom(e.target), 'ephox-snooker-resizer-bar');
+    const TableCellSelectionHandler = (editor, resizeHandler) => {
+        const cellSelection = Selections(() => SugarElement.fromDom(editor.getBody()), () => getSelectionCell(getSelectionStart(editor), getIsRoot(editor)), ephemera.selectedSelector);
+        const onSelection = (cells, start, finish) => {
+            const tableOpt = table(start);
+            tableOpt.each((table) => {
+                const cellsDom = map$1(cells, (cell) => cell.dom);
+                const cloneFormats = getTableCloneElements(editor);
+                const generators = cellOperations(noop, SugarElement.fromDom(editor.getDoc()), cloneFormats);
+                const selectedCells = getCellsFromSelection(editor);
+                const otherCellsDom = getOtherCells(table, { selection: selectedCells }, generators)
+                    ?.map((otherCells) => map(otherCells, (cellArr) => map$1(cellArr, (cell) => cell.dom)))
+                    .getOrUndefined();
+                fireTableSelectionChange(editor, cellsDom, start.dom, finish.dom, otherCellsDom);
+            });
+        };
+        const onClear = () => fireTableSelectionClear(editor);
+        const annotations = SelectionAnnotation.byAttr(ephemera, onSelection, onClear);
+        editor.on('init', (_e) => {
+            const win = editor.getWin();
+            const body = getBody(editor);
+            const isRoot = getIsRoot(editor);
+            // When the selection changes through either the mouse or keyboard, and the selection is no longer within the table.
+            // Remove the selection.
+            const syncSelection = () => {
+                const sel = editor.selection;
+                const start = SugarElement.fromDom(sel.getStart());
+                const end = SugarElement.fromDom(sel.getEnd());
+                const shared = sharedOne(table, [start, end]);
+                shared.fold(() => annotations.clear(body), noop);
+            };
+            const mouseHandlers = mouse(win, body, isRoot, annotations);
+            const keyHandlers = keyboard(win, body, isRoot, annotations);
+            const external$1 = external(win, body, isRoot, annotations);
+            const hasShiftKey = (event) => event.raw.shiftKey === true;
+            editor.on('TableSelectorChange', (e) => external$1(e.start, e.finish));
+            const handleResponse = (event, response) => {
+                // Only handle shift key non shiftkey cell navigation is handled by core
+                if (!hasShiftKey(event)) {
+                    return;
+                }
+                if (response.kill) {
+                    event.kill();
+                }
+                response.selection.each((ns) => {
+                    const relative = SimSelection.relative(ns.start, ns.finish);
+                    const rng = asLtrRange(win, relative);
+                    editor.selection.setRng(rng);
+                });
+            };
+            const keyup = (event) => {
+                const wrappedEvent = fromRawEvent(event);
+                // Note, this is an optimisation.
+                if (wrappedEvent.raw.shiftKey && isNavigation(wrappedEvent.raw.which)) {
+                    const rng = editor.selection.getRng();
+                    const start = SugarElement.fromDom(rng.startContainer);
+                    const end = SugarElement.fromDom(rng.endContainer);
+                    keyHandlers.keyup(wrappedEvent, start, rng.startOffset, end, rng.endOffset).each((response) => {
+                        handleResponse(wrappedEvent, response);
+                    });
+                }
+            };
+            const keydown = (event) => {
+                const wrappedEvent = fromRawEvent(event);
+                resizeHandler.hide();
+                const rng = editor.selection.getRng();
+                const start = SugarElement.fromDom(rng.startContainer);
+                const end = SugarElement.fromDom(rng.endContainer);
+                const direction = onDirection(ltr, rtl)(SugarElement.fromDom(editor.selection.getStart()));
+                keyHandlers.keydown(wrappedEvent, start, rng.startOffset, end, rng.endOffset, direction).each((response) => {
+                    handleResponse(wrappedEvent, response);
+                });
+                resizeHandler.show();
+            };
+            const isLeftMouse = (raw) => raw.button === 0;
+            // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons
+            const isLeftButtonPressed = (raw) => {
+                // Only added by Chrome/Firefox in June 2015.
+                // This is only to fix a 1px bug (TBIO-2836) so return true if we're on an older browser
+                if (raw.buttons === undefined) {
+                    return true;
+                }
+                // use bitwise & for optimal comparison
+                // eslint-disable-next-line no-bitwise
+                return (raw.buttons & 1) !== 0;
+            };
+            const dragStart = (_e) => {
+                mouseHandlers.clearstate();
+            };
+            const mouseDown = (e) => {
+                if (isLeftMouse(e) && hasInternalTarget(e)) {
+                    mouseHandlers.mousedown(fromRawEvent(e));
+                }
+            };
+            const mouseOver = (e) => {
+                if (isLeftButtonPressed(e) && hasInternalTarget(e)) {
+                    mouseHandlers.mouseover(fromRawEvent(e));
+                }
+            };
+            const mouseUp = (e) => {
+                if (isLeftMouse(e) && hasInternalTarget(e)) {
+                    mouseHandlers.mouseup(fromRawEvent(e));
+                }
+            };
+            const getDoubleTap = () => {
+                const lastTarget = Cell(SugarElement.fromDom(body));
+                const lastTimeStamp = Cell(0);
+                const touchEnd = (t) => {
+                    const target = SugarElement.fromDom(t.target);
+                    if (isTag('td')(target) || isTag('th')(target)) {
+                        const lT = lastTarget.get();
+                        const lTS = lastTimeStamp.get();
+                        if (eq$1(lT, target) && (t.timeStamp - lTS) < 300) {
+                            t.preventDefault();
+                            external$1(target, target);
+                        }
+                    }
+                    lastTarget.set(target);
+                    lastTimeStamp.set(t.timeStamp);
+                };
+                return {
+                    touchEnd
+                };
+            };
+            const doubleTap = getDoubleTap();
+            editor.on('dragstart', dragStart);
+            editor.on('mousedown', mouseDown);
+            editor.on('mouseover', mouseOver);
+            editor.on('mouseup', mouseUp);
+            editor.on('touchend', doubleTap.touchEnd);
+            editor.on('keyup', keyup);
+            editor.on('keydown', keydown);
+            editor.on('NodeChange', syncSelection);
+        });
+        editor.on('PreInit', () => {
+            editor.serializer.addTempAttr(ephemera.firstSelected);
+            editor.serializer.addTempAttr(ephemera.lastSelected);
+        });
+        const clearSelectedCells = (container) => annotations.clear(SugarElement.fromDom(container));
+        const getSelectedCells = () => fold(cellSelection.get(), 
+        // No fake selected cells
+        constant([]), 
+        // This path is taken whenever there is fake cell selection even for just a single selected cell
+        (cells) => {
+            return map$1(cells, (cell) => cell.dom);
+        }, 
+        // For this path, the start of the selection whether collapsed or ranged is within a table cell
+        (cell) => [cell.dom]);
+        return {
+            getSelectedCells,
+            clearSelectedCells
+        };
+    };
+
+    const get = (editor, isResizable) => {
+        const editorBody = SugarElement.fromDom(editor.getBody());
+        return ResizeWire.body(editorBody, isResizable);
+    };
+
+    const isTable = (node) => isNonNullable(node) && node.nodeName === 'TABLE';
+    const barResizerPrefix = 'bar-';
+    const isResizable = (elm) => get$b(elm, 'data-mce-resize') !== 'false';
+    const syncTableCellPixels = (table) => {
+        const warehouse = Warehouse.fromTable(table);
+        if (!Warehouse.hasColumns(warehouse)) {
+            // Ensure the specified width matches the actual cell width
+            each$2(cells$1(table), (cell) => {
+                const computedWidth = get$9(cell, 'width');
+                set$1(cell, 'width', computedWidth);
+                remove$6(cell, 'width');
+            });
+        }
+    };
+    const isCornerResize = (origin) => startsWith(origin, 'corner-');
+    const getCornerLocation = (origin) => removeLeading(origin, 'corner-');
+    const TableResizeHandler = (editor) => {
+        const selectionRng = value();
+        const tableResize = value();
+        const resizeWire = value();
+        let startW;
+        let startRawW;
+        let startH;
+        let startRawH;
+        const lazySizing = (table) => get$1(editor, table);
+        const lazyResizingBehaviour = () => isPreserveTableColumnResizing(editor) ? preserveTable() : resizeTable();
+        const getNumColumns = (table) => getGridSize(table).columns;
+        const getNumRows = (table) => getGridSize(table).rows;
+        const afterCornerResize = (table, origin, width, height) => {
+            // Origin will tell us which handle was clicked, eg corner-se or corner-nw
+            // so check to see if it ends with `e` (eg east edge)
+            const location = getCornerLocation(origin);
+            const isRightEdgeResize = endsWith(location, 'e');
+            const isNorthEdgeResize = startsWith(location, 'n');
+            // Responsive tables don't have a width so we need to convert it to a relative/percent
+            // table instead, as that's closer to responsive sizing than fixed sizing
+            if (startRawW === '') {
+                convertToPercentSizeWidth(table);
+            }
+            // Responsive tables don't have a height so we need to convert it to a fixed value to be able to resize the table height
+            if (startRawH === '') {
+                convertToPixelSizeHeight(table);
+            }
+            // Adjust the column sizes and update the table width to use the right sizing, if the table changed size.
+            // This is needed as core will always use pixels when setting the width.
+            if (width !== startW && startRawW !== '') {
+                // Restore the original size and then let snooker resize appropriately
+                set$1(table, 'width', startRawW);
+                const resizing = lazyResizingBehaviour();
+                const tableSize = lazySizing(table);
+                // For preserve table we want to always resize the entire table. So pretend the last column is being resized
+                const col = isPreserveTableColumnResizing(editor) || isRightEdgeResize ? getNumColumns(table) - 1 : 0;
+                adjustWidth(table, width - startW, col, resizing, tableSize);
+                // Handle the edge case where someone might fire this event without resizing.
+                // If so then we need to ensure the table is still using percent
+            }
+            else if (isPercentage$1(startRawW)) {
+                const percentW = parseFloat(startRawW.replace('%', ''));
+                const targetPercentW = width * percentW / startW;
+                set$1(table, 'width', targetPercentW + '%');
+            }
+            // Sync the cell sizes, as the core resizing logic doesn't update them, but snooker does
+            if (isPixel(startRawW)) {
+                syncTableCellPixels(table);
+            }
+            // NOTE: This will only change the height of the first or last tr
+            if (height !== startH && startRawH !== '') {
+                // Restore the original size and then let snooker resize appropriately
+                set$1(table, 'height', startRawH);
+                const idx = isNorthEdgeResize ? 0 : getNumRows(table) - 1;
+                adjustHeight(table, height - startH, idx);
+            }
+        };
+        const destroy = () => {
+            tableResize.on((sz) => {
+                sz.destroy();
+            });
+        };
+        editor.on('init', () => {
+            const rawWire = get(editor, isResizable);
+            resizeWire.set(rawWire);
+            if (hasTableObjectResizing(editor) && hasTableResizeBars(editor)) {
+                const resizing = lazyResizingBehaviour();
+                const sz = TableResize.create(rawWire, resizing, lazySizing);
+                if (!editor.mode.isReadOnly()) {
+                    sz.on();
+                }
+                sz.events.startDrag.bind((_event) => {
+                    selectionRng.set(editor.selection.getRng());
+                });
+                sz.events.beforeResize.bind((event) => {
+                    const rawTable = event.table.dom;
+                    fireObjectResizeStart(editor, rawTable, getPixelWidth(rawTable), getPixelHeight(rawTable), barResizerPrefix + event.type);
+                });
+                sz.events.afterResize.bind((event) => {
+                    const table = event.table;
+                    const rawTable = table.dom;
+                    removeDataStyle(table);
+                    selectionRng.on((rng) => {
+                        editor.selection.setRng(rng);
+                        editor.focus();
+                    });
+                    fireObjectResized(editor, rawTable, getPixelWidth(rawTable), getPixelHeight(rawTable), barResizerPrefix + event.type);
+                    editor.undoManager.add();
+                });
+                tableResize.set(sz);
+            }
+        });
+        // If we're updating the table width via the old mechanic, we need to update the constituent cells' widths/heights too.
+        editor.on('ObjectResizeStart', (e) => {
+            const targetElm = e.target;
+            if (isTable(targetElm) && !editor.mode.isReadOnly()) {
+                const table = SugarElement.fromDom(targetElm);
+                // Add a class based on the resizing mode
+                each$2(editor.dom.select('.mce-clonedresizable'), (clone) => {
+                    editor.dom.addClass(clone, 'mce-' + getTableColumnResizingBehaviour(editor) + '-columns');
+                });
+                if (!isPixelSizing(table) && isTablePixelsForced(editor)) {
+                    convertToPixelSizeWidth(table);
+                }
+                else if (!isPercentSizing(table) && isTablePercentagesForced(editor)) {
+                    convertToPercentSizeWidth(table);
+                }
+                // TINY-6601: If resizing using a bar, then snooker will base the resizing on the initial size. So
+                // when using a responsive table we need to ensure we convert to a relative table before resizing
+                if (isNoneSizing(table) && startsWith(e.origin, barResizerPrefix)) {
+                    convertToPercentSizeWidth(table);
+                }
+                startW = e.width;
+                startRawW = isTableResponsiveForced(editor) ? '' : getRawWidth(editor, targetElm).getOr('');
+                startH = e.height;
+                startRawH = getRawHeight(editor, targetElm).getOr('');
+            }
+        });
+        editor.on('ObjectResized', (e) => {
+            const targetElm = e.target;
+            if (isTable(targetElm)) {
+                const table = SugarElement.fromDom(targetElm);
+                // Resize based on the snooker logic to adjust the individual col/rows if resized from a corner
+                const origin = e.origin;
+                if (isCornerResize(origin)) {
+                    afterCornerResize(table, origin, e.width, e.height);
+                }
+                removeDataStyle(table);
+                fireTableModified(editor, table.dom, styleModified);
+            }
+        });
+        const showResizeBars = () => {
+            tableResize.on((resize) => {
+                resize.on();
+                resize.showBars();
+            });
+        };
+        const hideResizeBars = () => {
+            tableResize.on((resize) => {
+                resize.off();
+                resize.hideBars();
+            });
+        };
+        editor.on('DisabledStateChange', (e) => {
+            e.state ? hideResizeBars() : showResizeBars();
+        });
+        editor.on('SwitchMode', () => {
+            editor.mode.isReadOnly() ? hideResizeBars() : showResizeBars();
+        });
+        editor.on('dragstart dragend', (e) => {
+            e.type === 'dragstart' ? hideResizeBars() : showResizeBars();
+        });
+        editor.on('remove', () => {
+            destroy();
+        });
+        const refresh = (table) => {
+            tableResize.on((resize) => resize.refreshBars(SugarElement.fromDom(table)));
+        };
+        const hide = () => {
+            tableResize.on((resize) => resize.hideBars());
+        };
+        const show = () => {
+            tableResize.on((resize) => resize.showBars());
+        };
+        return {
+            refresh,
+            hide,
+            show
+        };
+    };
+
+    const setupTable = (editor) => {
+        register(editor);
+        const resizeHandler = TableResizeHandler(editor);
+        const cellSelectionHandler = TableCellSelectionHandler(editor, resizeHandler);
+        const actions = TableActions(editor, resizeHandler, cellSelectionHandler);
+        registerCommands(editor, actions);
+        registerQueryCommands(editor, actions);
+        // TODO: TINY-8385 Maybe move to core. Although, will need RTC to have that working first
+        registerEvents(editor, actions);
+        return {
+            getSelectedCells: cellSelectionHandler.getSelectedCells,
+            clearSelectedCells: cellSelectionHandler.clearSelectedCells
+        };
+    };
+
+    const DomModel = (editor) => {
+        const table = setupTable(editor);
+        return {
+            table
+        };
+    };
+    var Model = () => {
+        global$1.add('dom', DomModel);
+    };
+
+    Model();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/models/dom/model.min.js b/apps/edr-freight-web/backoffice/public/tinymce/models/dom/model.min.js
new file mode 100644
index 000000000..bb31f14e4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/models/dom/model.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.ModelManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(o=n=e,(r=String).prototype.isPrototypeOf(o)||(null===(s=n.constructor)||void 0===s?void 0:s.name)===r.name)?"string":t;var o,n,r,s})(t)===e,o=e=>t=>typeof t===e,n=e=>t=>e===t,r=t("string"),s=t("object"),l=t("array"),a=n(null),c=o("boolean"),i=n(void 0),m=e=>!(e=>null==e)(e),d=o("function"),u=o("number"),f=()=>{},g=e=>()=>e,h=e=>e,p=(e,t)=>e===t;function b(e,...t){return(...o)=>{const n=t.concat(o);return e.apply(null,n)}}const w=e=>t=>!e(t),v=e=>e(),y=g(!1),x=g(!0);class C{constructor(e,t){this.tag=e,this.value=t}static some(e){return new C(!0,e)}static none(){return C.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?C?.some(e(this.value)):C.none()}bind(e){return this.tag?e(this.value):C.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:C.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return m(e)?C?.some(e):C.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}C.singletonNone=new C(!1);const S=Array.prototype.slice,T=Array.prototype.indexOf,R=Array.prototype.push,D=(e,t)=>{return o=e,n=t,T.call(o,n)>-1;var o,n},O=(e,t)=>{for(let o=0,n=e.length;o<n;o++)if(t(e[o],o))return!0;return!1},k=(e,t)=>{const o=[];for(let n=0;n<e;n++)o.push(t(n));return o},E=(e,t)=>{const o=e.length,n=new Array(o);for(let r=0;r<o;r++){const o=e[r];n[r]=t(o,r)}return n},N=(e,t)=>{for(let o=0,n=e.length;o<n;o++)t(e[o],o)},B=(e,t)=>{const o=[],n=[];for(let r=0,s=e.length;r<s;r++){const s=e[r];(t(s,r)?o:n).push(s)}return{pass:o,fail:n}},_=(e,t)=>{const o=[];for(let n=0,r=e.length;n<r;n++){const r=e[n];t(r,n)&&o.push(r)}return o},z=(e,t,o)=>(((e,t)=>{for(let o=e.length-1;o>=0;o--)t(e[o],o)})(e,((e,n)=>{o=t(o,e,n)})),o),A=(e,t,o)=>(N(e,((e,n)=>{o=t(o,e,n)})),o),W=(e,t)=>((e,t,o)=>{for(let n=0,r=e.length;n<r;n++){const r=e[n];if(t(r,n))return C?.some(r);if(o(r,n))break}return C.none()})(e,t,y),L=(e,t)=>{for(let o=0,n=e.length;o<n;o++)if(t(e[o],o))return C?.some(o);return C.none()},M=e=>{const t=[];for(let o=0,n=e.length;o<n;++o){if(!l(e[o]))throw new Error("Arr.flatten item "+o+" was not an array, input: "+e);R.apply(t,e[o])}return t},j=(e,t)=>M(E(e,t)),P=(e,t)=>{for(let o=0,n=e.length;o<n;++o)if(!0!==t(e[o],o))return!1;return!0},I=(e,t)=>{const o={};for(let n=0,r=e.length;n<r;n++){const r=e[n];o[String(r)]=t(r,n)}return o},F=(e,t)=>t>=0&&t<e.length?C?.some(e[t]):C.none(),H=e=>F(e,0),$=e=>F(e,e.length-1),V=(e,t)=>{for(let o=0;o<e.length;o++){const n=t(e[o],o);if(n.isSome())return n}return C.none()},q=Object.keys,U=Object.hasOwnProperty,G=(e,t)=>{const o=q(e);for(let n=0,r=o.length;n<r;n++){const r=o[n];t(e[r],r)}},K=(e,t)=>Y(e,((e,o)=>({k:o,v:t(e,o)}))),Y=(e,t)=>{const o={};return G(e,((e,n)=>{const r=t(e,n);o[r.k]=r.v})),o},J=(e,t)=>{const o=[];return G(e,((e,n)=>{o.push(t(e,n))})),o},Q=e=>J(e,h),X=(e,t)=>U.call(e,t),Z=e=>{if(!l(e))throw new Error("cases must be an array");if(0===e.length)throw new Error("there must be at least one case");const t=[],o={};return N(e,((n,r)=>{const s=q(n);if(1!==s.length)throw new Error("one and only one name per case");const a=s[0],c=n[a];if(void 0!==o[a])throw new Error("duplicate key detected:"+a);if("cata"===a)throw new Error("cannot have a case named cata (sorry)");if(!l(c))throw new Error("case arguments must be an array");t.push(a),o[a]=(...o)=>{const n=o.length;if(n!==c.length)throw new Error("Wrong number of arguments to case "+a+". Expected "+c.length+" ("+c+"), got "+n);return{fold:(...t)=>{if(t.length!==e.length)throw new Error("Wrong number of arguments to fold. Expected "+e.length+", got "+t.length);return t[r].apply(null,o)},match:e=>{const n=q(e);if(t.length!==n.length)throw new Error("Wrong number of arguments to match. Expected: "+t.join(",")+"\nActual: "+n.join(","));if(!P(t,(e=>D(n,e))))throw new Error("Not all branches were specified when using match. Specified: "+n.join(", ")+"\nRequired: "+t.join(", "));return e[a].apply(null,o)},log:e=>{console.log(e,{constructors:t,constructor:a,params:o})}}}})),o},ee=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},te=e=>e.slice(0).sort(),oe=(e,t)=>{const o=_(t,(t=>!D(e,t)));o.length>0&&(e=>{throw new Error("Unsupported keys for object: "+te(e).join(", "))})(o)},ne=e=>((e,t)=>((e,t,o)=>{if(0===t.length)throw new Error("You must specify at least one required field.");return((e,t)=>{if(!l(t))throw new Error("The "+e+" fields must be an array. Was: "+t+".");N(t,(t=>{if(!r(t))throw new Error("The value "+t+" in the "+e+" fields was not a string.")}))})("required",t),(e=>{const t=te(e);W(t,((e,o)=>o<t.length-1&&e===t[o+1])).each((e=>{throw new Error("The field: "+e+" occurs more than once in the combined fields: ["+t.join(", ")+"].")}))})(t),n=>{const r=q(n);P(t,(e=>D(r,e)))||((e,t)=>{throw new Error("All required keys ("+te(e).join(", ")+") were not specified. Specified keys were: "+te(t).join(", ")+".")})(t,r),e(t,r);const s=_(t,(e=>!o.validate(n[e],e)));return s.length>0&&((e,t)=>{throw new Error("All values need to be of type: "+t+". Keys ("+te(e).join(", ")+") were not.")})(s,o.label),n}})(e,t,{validate:d,label:"function"}))(oe,e),re=e=>{const t=t=>t(e),o=g(e),n=()=>r,r={tag:!0,inner:e,fold:(t,o)=>o(e),isValue:x,isError:y,map:t=>le.value(t(e)),mapError:n,bind:t,exists:t,forall:t,getOr:o,or:n,getOrThunk:o,orThunk:n,getOrDie:o,each:t=>{t(e)},toOptional:()=>C?.some(e)};return r},se=e=>{const t=()=>o,o={tag:!1,inner:e,fold:(t,o)=>t(e),isValue:y,isError:x,map:t,mapError:t=>le.error(t(e)),bind:t,exists:y,forall:x,getOr:h,or:h,getOrThunk:v,orThunk:v,getOrDie:(n=String(e),()=>{throw new Error(n)}),each:f,toOptional:C.none};var n;return o},le={value:re,error:se,fromOption:(e,t)=>e.fold((()=>se(t)),re)},ae="undefined"!=typeof window?window:Function("return this;")(),ce=e=>{const t=e.replace(/\./g,"-");return{resolve:e=>t+"-"+e}},ie=(e,t,o=p)=>e.exists((e=>o(e,t))),me=e=>{const t=[],o=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(o);return t},de=(e,t)=>e?C?.some(t):C.none(),ue=(e,t)=>((e,t)=>{let o=null!=t?t:ae;for(let t=0;t<e.length&&null!=o;++t)o=o[e[t]];return o})(e.split("."),t),fe=()=>{const e=(e=>{const t=ee(C.none()),o=()=>t.get().each(e);return{clear:()=>{o(),t.set(C.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{o(),t.set(C?.some(e))}}})(f);return{...e,on:t=>e.get().each(t)}},ge=(e,t,o)=>""===t||e.length>=t.length&&e.substr(o,o+t.length)===t,he=(e,t,o=0,n)=>{const r=e.indexOf(t,o);return-1!==r&&(!!i(n)||r+t.length<=n)},pe=(e,t)=>ge(e,t,0),be=(e,t)=>ge(e,t,e.length-t.length),we=(e=>t=>t.replace(e,""))(/^\s+|\s+$/g),ve=e=>e.length>0,ye=e=>{let t,o=!1;return(...n)=>(o||(o=!0,t=e.apply(null,n)),t)},xe=["tfoot","thead","tbody","colgroup"],Ce=(e,t,o)=>({element:e,rowspan:t,colspan:o}),Se=(e,t,o)=>({element:e,cells:t,section:o}),Te=(e,t,o)=>({element:e,isNew:t,isLocked:o}),Re=(e,t,o,n)=>({element:e,cells:t,section:o,isNew:n}),De=(e,t,o)=>{const n=e.cells,r=n.slice(0,t),s=n.slice(t),l=r.concat(o).concat(s);return Ee(e,l)},Oe=(e,t,o)=>De(e,t,[o]),ke=(e,t,o)=>{e.cells[t]=o},Ee=(e,t)=>Re(e.element,t,e.section,e.isNew),Ne=(e,t)=>e.cells[t],Be=(e,t)=>Ne(e,t).element,_e=e=>e.cells.length,ze=e=>{const t=B(e,(e=>"colgroup"===e.section));return{rows:t.fail,cols:t.pass}},Ae=(e,t,o)=>{const n=E(e.cells,o);return Re(t(e.element),n,e.section,!0)},We=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},Le={fromHtml:(e,t)=>{const o=(t||document).createElement("div");if(o.innerHTML=e,!o.hasChildNodes()||o.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return We(o.childNodes[0])},fromTag:(e,t)=>{const o=(t||document).createElement(e);return We(o)},fromText:(e,t)=>{const o=(t||document).createTextNode(e);return We(o)},fromDom:We,fromPoint:(e,t,o)=>C.from(e.dom.elementFromPoint(t,o))?.map(We)},Me=(e,t)=>{const o=e.document.createRange();return o.selectNode(t.dom),o},je=(e,t)=>{const o=e.document.createRange();return Pe(o,t),o},Pe=(e,t)=>e.selectNodeContents(t.dom),Ie=(e,t,o)=>{const n=e.document.createRange();var r;return r=n,t.fold((e=>{r.setStartBefore(e.dom)}),((e,t)=>{r.setStart(e.dom,t)}),(e=>{r.setStartAfter(e.dom)})),((e,t)=>{t.fold((t=>{e.setEndBefore(t.dom)}),((t,o)=>{e.setEnd(t.dom,o)}),(t=>{e.setEndAfter(t.dom)}))})(n,o),n},Fe=(e,t,o,n,r)=>{const s=e.document.createRange();return s.setStart(t.dom,o),s.setEnd(n.dom,r),s},He=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),$e=Z([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),Ve=(e,t,o)=>t(Le.fromDom(o.startContainer),o.startOffset,Le.fromDom(o.endContainer),o.endOffset),qe=(e,t)=>{const o=((e,t)=>t.match({domRange:e=>({ltr:g(e),rtl:C.none}),relative:(t,o)=>({ltr:ye((()=>Ie(e,t,o))),rtl:ye((()=>C?.some(Ie(e,o,t))))}),exact:(t,o,n,r)=>({ltr:ye((()=>Fe(e,t,o,n,r))),rtl:ye((()=>C?.some(Fe(e,n,r,t,o))))})}))(e,t);return((e,t)=>{const o=t.ltr();return o.collapsed?t.rtl().filter((e=>!1===e.collapsed))?.map((e=>$e.rtl(Le.fromDom(e.endContainer),e.endOffset,Le.fromDom(e.startContainer),e.startOffset))).getOrThunk((()=>Ve(0,$e.ltr,o))):Ve(0,$e.ltr,o)})(0,o)},Ue=(e,t)=>qe(e,t).match({ltr:(t,o,n,r)=>{const s=e.document.createRange();return s.setStart(t.dom,o),s.setEnd(n.dom,r),s},rtl:(t,o,n,r)=>{const s=e.document.createRange();return s.setStart(n.dom,r),s.setEnd(t.dom,o),s}});$e.ltr,$e.rtl;const Ge=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},Ke=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,Ye=(e,t)=>{const o=void 0===t?document:t.dom;return Ke(o)?C.none():C.from(o.querySelector(e))?.map(Le.fromDom)},Je=(e,t)=>e.dom===t.dom,Qe=(e,t)=>{const o=e.dom,n=t.dom;return o!==n&&o.contains(n)},Xe=Ge,Ze=()=>et(0,0),et=(e,t)=>({major:e,minor:t}),tt={nu:et,detect:(e,t)=>{const o=String(t).toLowerCase();return 0===e.length?Ze():((e,t)=>{const o=((e,t)=>{for(let o=0;o<e.length;o++){const n=e[o];if(n.test(t))return n}})(e,t);if(!o)return{major:0,minor:0};const n=e=>Number(t.replace(o,"$"+e));return et(n(1),n(2))})(e,o)},unknown:Ze},ot=(e,t)=>{const o=String(t).toLowerCase();return W(e,(e=>e.search(o)))},nt=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,rt=e=>t=>he(t,e),st=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>he(e,"edge/")&&he(e,"chrome")&&he(e,"safari")&&he(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,nt],search:e=>he(e,"chrome")&&!he(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>he(e,"msie")||he(e,"trident")},{name:"Opera",versionRegexes:[nt,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:rt("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:rt("firefox")},{name:"Safari",versionRegexes:[nt,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(he(e,"safari")||he(e,"mobile/"))&&he(e,"applewebkit")}],lt=[{name:"Windows",search:rt("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>he(e,"iphone")||he(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:rt("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:rt("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:rt("linux"),versionRegexes:[]},{name:"Solaris",search:rt("sunos"),versionRegexes:[]},{name:"FreeBSD",search:rt("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:rt("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],at={browsers:g(st),oses:g(lt)},ct="Edge",it="Chromium",mt="Opera",dt="Firefox",ut="Safari",ft=e=>{const t=e.current,o=e.version,n=e=>()=>t===e;return{current:t,version:o,isEdge:n(ct),isChromium:n(it),isIE:n("IE"),isOpera:n(mt),isFirefox:n(dt),isSafari:n(ut)}},gt=()=>ft({current:void 0,version:tt.unknown()}),ht=ft,pt=(g(ct),g(it),g("IE"),g(mt),g(dt),g(ut),"Windows"),bt="Android",wt="Linux",vt="macOS",yt="Solaris",xt="FreeBSD",Ct="ChromeOS",St=e=>{const t=e.current,o=e.version,n=e=>()=>t===e;return{current:t,version:o,isWindows:n(pt),isiOS:n("iOS"),isAndroid:n(bt),isMacOS:n(vt),isLinux:n(wt),isSolaris:n(yt),isFreeBSD:n(xt),isChromeOS:n(Ct)}},Tt=()=>St({current:void 0,version:tt.unknown()}),Rt=St,Dt=(g(pt),g("iOS"),g(bt),g(wt),g(vt),g(yt),g(xt),g(Ct),e=>window.matchMedia(e).matches);let Ot=ye((()=>((e,t,o)=>{const n=at.browsers(),r=at.oses(),s=t.bind((e=>((e,t)=>V(t.brands,(t=>{const o=t.brand.toLowerCase();return W(e,(e=>{var t;return o===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:tt.nu(parseInt(t.version,10),0)})))})))(n,e))).orThunk((()=>((e,t)=>ot(e,t)?.map((e=>{const o=tt.detect(e.versionRegexes,t);return{current:e.name,version:o}})))(n,e))).fold(gt,ht),l=((e,t)=>ot(e,t)?.map((e=>{const o=tt.detect(e.versionRegexes,t);return{current:e.name,version:o}})))(r,e).fold(Tt,Rt),a=((e,t,o,n)=>{const r=e.isiOS()&&!0===/ipad/i.test(o),s=e.isiOS()&&!r,l=e.isiOS()||e.isAndroid(),a=l||n("(pointer:coarse)"),c=r||!s&&l&&n("(min-device-width:768px)"),i=s||l&&!c,m=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(o),d=!i&&!c&&!m;return{isiPad:g(r),isiPhone:g(s),isTablet:g(c),isPhone:g(i),isTouch:g(a),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:g(m),isDesktop:g(d)}})(l,s,e,o);return{browser:s,os:l,deviceType:a}})(window.navigator.userAgent,C.from(window.navigator.userAgentData),Dt)));const kt=()=>Ot(),Et=Object.getPrototypeOf,Nt=e=>{const t=ue("ownerDocument.defaultView",e);return s(e)&&((e=>((e,t)=>{const o=((e,t)=>ue(e,t))(e,t);if(null==o)throw new Error(e+" not available on this browser");return o})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(Et(e).constructor.name))},Bt=e=>e.dom.nodeName.toLowerCase(),_t=e=>e.dom.nodeType,zt=e=>t=>_t(t)===e,At=e=>8===_t(e)||"#comment"===Bt(e),Wt=e=>Lt(e)&&Nt(e.dom),Lt=zt(1),Mt=zt(3),jt=zt(9),Pt=zt(11),It=e=>t=>Lt(t)&&Bt(t)===e,Ft=e=>Le.fromDom(e.dom.ownerDocument),Ht=e=>jt(e)?e:Ft(e),$t=e=>C.from(e.dom.parentNode)?.map(Le.fromDom),Vt=e=>C.from(e.dom.parentElement)?.map(Le.fromDom),qt=(e,t)=>{const o=d(t)?t:y;let n=e.dom;const r=[];for(;null!==n.parentNode&&void 0!==n.parentNode;){const e=n.parentNode,t=Le.fromDom(e);if(r.push(t),!0===o(t))break;n=e}return r},Ut=e=>C.from(e.dom.previousSibling)?.map(Le.fromDom),Gt=e=>C.from(e.dom.nextSibling)?.map(Le.fromDom),Kt=e=>E(e.dom.childNodes,Le.fromDom),Yt=(e,t)=>{const o=e.dom.childNodes;return C.from(o[t])?.map(Le.fromDom)},Jt=e=>Pt(e)&&m(e.dom.host),Qt=e=>Le.fromDom(e.dom.getRootNode()),Xt=e=>Le.fromDom(e.dom.host),Zt=e=>{const t=Le.fromDom((e=>{if(m(e.target)){const t=Le.fromDom(e.target);if(Lt(t)&&m(t.dom.shadowRoot)&&e.composed&&e.composedPath){const t=e.composedPath();if(t)return H(t)}}return C.from(e.target)})(e).getOr(e.target)),o=()=>e.stopPropagation(),n=()=>e.preventDefault(),r=(s=n,l=o,(...e)=>s(l.apply(null,e)));var s,l;return((e,t,o,n,r,s,l)=>({target:e,x:t,y:o,stop:n,prevent:r,kill:s,raw:l}))(t,e.clientX,e.clientY,o,n,r,e)},eo=(e,t,o,n)=>{e.dom.removeEventListener(t,o,n)},to=x,oo=(e,t,o)=>((e,t,o,n)=>((e,t,o,n,r)=>{const s=((e,t)=>o=>{e(o)&&t(Zt(o))})(o,n);return e.dom.addEventListener(t,s,r),{unbind:b(eo,e,t,s,r)}})(e,t,o,n,!1))(e,t,to,o),no=Zt,ro=(e,t)=>{$t(e).each((o=>{o.dom.insertBefore(t.dom,e.dom)}))},so=(e,t)=>{Gt(e).fold((()=>{$t(e).each((e=>{ao(e,t)}))}),(e=>{ro(e,t)}))},lo=(e,t)=>{const o=(e=>Yt(e,0))(e);o.fold((()=>{ao(e,t)}),(o=>{e.dom.insertBefore(t.dom,o.dom)}))},ao=(e,t)=>{e.dom.appendChild(t.dom)},co=(e,t)=>{ro(e,t),ao(t,e)},io=(e,t)=>{N(t,((o,n)=>{const r=0===n?e:t[n-1];so(r,o)}))},mo=(e,t)=>{N(t,(t=>{ao(e,t)}))},uo=(e,t,o)=>{if(!(r(o)||c(o)||u(o)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",o,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,o+"")},fo=(e,t,o)=>{uo(e.dom,t,o)},go=(e,t)=>{const o=e.dom;G(t,((e,t)=>{uo(o,t,e)}))},ho=(e,t)=>{const o=e.dom.getAttribute(t);return null===o?void 0:o},po=(e,t)=>C.from(ho(e,t)),bo=(e,t)=>{e.dom.removeAttribute(t)},wo=e=>A(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}),vo=e=>{e.dom.textContent="",N(Kt(e),(e=>{yo(e)}))},yo=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},xo=e=>{const t=Kt(e);t.length>0&&io(e,t),yo(e)},Co=(e,t)=>Le.fromDom(e.dom.cloneNode(t)),So=e=>Co(e,!1),To=e=>Co(e,!0),Ro=(e,t)=>{const o=Le.fromTag(t),n=wo(e);return go(o,n),o},Do=e=>void 0!==e.style&&d(e.style.getPropertyValue),Oo=e=>{const t=Mt(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const o=t.ownerDocument;return(e=>{const t=Qt(e);return Jt(t)?C?.some(t):C.none()})(Le.fromDom(t)).fold((()=>o.body.contains(t)),(n=Oo,r=Xt,e=>n(r(e))));var n,r},ko=(e,t,o)=>{if(!r(o))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",o,":: Element ",e),new Error("CSS value must be a string: "+o);Do(e)&&e.style.setProperty(t,o)},Eo=(e,t,o)=>{const n=e.dom;ko(n,t,o)},No=(e,t)=>{const o=e.dom;G(t,((e,t)=>{ko(o,t,e)}))},Bo=(e,t)=>{const o=e.dom,n=window.getComputedStyle(o).getPropertyValue(t);return""!==n||Oo(e)?n:_o(o,t)},_o=(e,t)=>Do(e)?e.style.getPropertyValue(t):"",zo=(e,t)=>{const o=e.dom,n=_o(o,t);return C.from(n).filter((e=>e.length>0))},Ao=(e,t)=>{((e,t)=>{Do(e)&&e.style.removeProperty(t)})(e.dom,t),ie(po(e,"style")?.map(we),"")&&bo(e,"style")},Wo=(e,t)=>{const o=o=>{const n=t(o);if(n<=0||null===n){const t=Bo(o,e);return parseFloat(t)||0}return n},n=(e,t)=>A(t,((t,o)=>{const n=Bo(e,o),r=void 0===n?0:parseInt(n,10);return isNaN(r)?t:t+r}),0);return{set:(t,o)=>{if(!u(o)&&!o.match(/^[0-9]+$/))throw new Error(e+".set accepts only positive integer values. Value was "+o);const n=t.dom;Do(n)&&(n.style[e]=o+"px")},get:o,getOuter:o,aggregate:n,max:(e,t,o)=>{const r=n(e,o);return t>r?t-r:0}}},Lo=(e,t,o)=>((e,t)=>(e=>{const t=parseFloat(e);return isNaN(t)?C.none():C?.some(t)})(e).getOr(t))(Bo(e,t),o),Mo=Wo("height",(e=>{const t=e.dom;return Oo(e)?t.getBoundingClientRect().height:t.offsetHeight})),jo=e=>Mo.get(e),Po=e=>Mo.getOuter(e),Io=Wo("width",(e=>e.dom.offsetWidth));Wo("width",(e=>{const t=e.dom;return Oo(e)?t.getBoundingClientRect().width:t.offsetWidth}));const Fo=e=>Io.get(e),Ho=e=>Io.getOuter(e),$o=e=>((e,t)=>{const o=e.dom,n=o.getBoundingClientRect().width||o.offsetWidth;return"border-box"===t?n:((e,t,o,n)=>t-Lo(e,`padding-${o}`,0)-Lo(e,`padding-${n}`,0)-Lo(e,`border-${o}-width`,0)-Lo(e,`border-${n}-width`,0))(e,n,"left","right")})(e,"content-box"),Vo=(e,t)=>({left:e,top:t,translate:(o,n)=>Vo(e+o,t+n)}),qo=Vo,Uo=(e,t)=>void 0!==e?e:void 0!==t?t:0,Go=e=>{const t=e.dom.ownerDocument,o=t.body,n=t.defaultView,r=t.documentElement;if(o===e.dom)return qo(o.offsetLeft,o.offsetTop);const s=Uo(null==n?void 0:n.pageYOffset,r.scrollTop),l=Uo(null==n?void 0:n.pageXOffset,r.scrollLeft),a=Uo(r.clientTop,o.clientTop),c=Uo(r.clientLeft,o.clientLeft);return Ko(e).translate(l-c,s-a)},Ko=e=>{const t=e.dom,o=t.ownerDocument.body;return o===t?qo(o.offsetLeft,o.offsetTop):Oo(e)?(e=>{const t=e.getBoundingClientRect();return qo(t.left,t.top)})(t):qo(0,0)},Yo=(e=>{const t=t=>e(t)?C.from(t.dom.nodeValue):C.none();return{get:o=>{if(!e(o))throw new Error("Can only get text value of a text node");return t(o).getOr("")},getOption:t,set:(t,o)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=o}}})(Mt),Jo=e=>Yo.get(e),Qo=e=>Yo.getOption(e),Xo=(e,t)=>Yo.set(e,t),Zo=(e,t)=>o=>"rtl"===en(o)?t:e,en=e=>"rtl"===Bo(e,"direction")?"rtl":"ltr";var tn=(e,t,o,n,r)=>e(o,n)?C?.some(o):d(r)&&r(o)?C.none():t(o,n,r);const on=(e,t,o)=>{let n=e.dom;const r=d(o)?o:y;for(;n.parentNode;){n=n.parentNode;const e=Le.fromDom(n);if(t(e))return C?.some(e);if(r(e))break}return C.none()},nn=(e,t,o)=>tn(((e,t)=>t(e)),on,e,t,o),rn=(e,t,o)=>on(e,(e=>Ge(e,t)),o),sn=(e,t)=>(e=>W(e.dom.childNodes,(e=>{return o=Le.fromDom(e),Ge(o,t);var o}))?.map(Le.fromDom))(e),ln=(e,t)=>Ye(t,e),an=(e,t,o)=>tn(((e,t)=>Ge(e,t)),rn,e,t,o),cn=e=>void 0!==e.dom.classList,mn=(e,t)=>((e,t,o)=>{const n=((e,t)=>{const o=ho(e,t);return void 0===o||""===o?[]:o.split(" ")})(e,t).concat([o]);return fo(e,t,n.join(" ")),!0})(e,"class",t),dn=(e,t)=>{cn(e)?e.dom.classList.add(t):mn(e,t)},un=(e,t)=>cn(e)&&e.dom.classList.contains(t),fn=e=>an(e,"[contenteditable]"),gn=(e,t=!1)=>Oo(e)?e.dom.isContentEditable:fn(e).fold(g(t),(e=>"true"===hn(e))),hn=e=>e.dom.contentEditable,pn=(e,t)=>{let o=[];return N(Kt(e),(e=>{t(e)&&(o=o.concat([e])),o=o.concat(pn(e,t))})),o},bn=(e,t,o)=>((e,o,n)=>_(qt(e,n),(e=>Ge(e,t))))(e,0,o),wn=(e,t)=>(e=>_(Kt(e),(e=>Ge(e,t))))(e),vn=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return Ke(o)?[]:E(o.querySelectorAll(e),Le.fromDom)})(t,e),yn=e=>"img"===Bt(e)?1:Qo(e).fold((()=>Kt(e).length),(e=>e.length)),xn=["img","br"],Cn=e=>Qo(e).filter((e=>0!==e.trim().length||e.indexOf("\xa0")>-1)).isSome()||D(xn,Bt(e))||(e=>Wt(e)&&"false"===ho(e,"contenteditable"))(e),Sn=e=>((e,t)=>{const o=e=>{for(let n=0;n<e.childNodes.length;n++){const r=Le.fromDom(e.childNodes[n]);if(t(r))return C?.some(r);const s=o(e.childNodes[n]);if(s.isSome())return s}return C.none()};return o(e.dom)})(e,Cn),Tn=e=>Rn(e,Cn),Rn=(e,t)=>{const o=e=>{const n=Kt(e);for(let e=n.length-1;e>=0;e--){const r=n[e];if(t(r))return C?.some(r);const s=o(r);if(s.isSome())return s}return C.none()};return o(e)},Dn=(e,t,o,n)=>({start:e,soffset:t,finish:o,foffset:n}),On=Z([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),kn={before:On.before,on:On.on,after:On.after,cata:(e,t,o,n)=>e.fold(t,o,n),getStart:e=>e.fold(h,h,h)},En=Z([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),Nn={domRange:En.domRange,relative:En.relative,exact:En.exact,exactFromRange:e=>En.exact(e.start,e.soffset,e.finish,e.foffset),getWin:e=>{const t=(e=>e.match({domRange:e=>Le.fromDom(e.startContainer),relative:(e,t)=>kn.getStart(e),exact:(e,t,o,n)=>e}))(e);return Le.fromDom(Ht(t).dom.defaultView)},range:Dn},Bn=(e,t)=>{const o=Bt(e);return"input"===o?kn.after(e):D(["br","img"],o)?0===t?kn.before(e):kn.after(e):kn.on(e,t)},_n=e=>C.from(e.getSelection()),zn=(e,t)=>{_n(e).each((e=>{e.removeAllRanges(),e.addRange(t)}))},An=(e,t,o,n,r)=>{const s=Fe(e,t,o,n,r);zn(e,s)},Wn=(e,t)=>qe(e,t).match({ltr:(t,o,n,r)=>{An(e,t,o,n,r)},rtl:(t,o,n,r)=>{_n(e).each((s=>{if(s.setBaseAndExtent)s.setBaseAndExtent(t.dom,o,n.dom,r);else if(s.extend)try{((e,t,o,n,r,s)=>{t.collapse(o.dom,n),t.extend(r.dom,s)})(0,s,t,o,n,r)}catch(s){An(e,n,r,t,o)}else An(e,n,r,t,o)}))}}),Ln=(e,t,o,n,r)=>{const s=((e,t,o,n)=>{const r=Bn(e,t),s=Bn(o,n);return Nn.relative(r,s)})(t,o,n,r);Wn(e,s)},Mn=(e,t,o)=>{const n=((e,t)=>{const o=e.fold(kn.before,Bn,kn.after),n=t.fold(kn.before,Bn,kn.after);return Nn.relative(o,n)})(t,o);Wn(e,n)},jn=e=>{if(e.rangeCount>0){const t=e.getRangeAt(0),o=e.getRangeAt(e.rangeCount-1);return C?.some(Dn(Le.fromDom(t.startContainer),t.startOffset,Le.fromDom(o.endContainer),o.endOffset))}return C.none()},Pn=e=>{if(null===e.anchorNode||null===e.focusNode)return jn(e);{const t=Le.fromDom(e.anchorNode),o=Le.fromDom(e.focusNode);return((e,t,o,n)=>{const r=((e,t,o,n)=>{const r=Ft(e).dom.createRange();return r.setStart(e.dom,t),r.setEnd(o.dom,n),r})(e,t,o,n),s=Je(e,o)&&t===n;return r.collapsed&&!s})(t,e.anchorOffset,o,e.focusOffset)?C?.some(Dn(t,e.anchorOffset,o,e.focusOffset)):jn(e)}},In=(e,t,o=!0)=>{const n=(o?je:Me)(e,t);zn(e,n)},Fn=e=>(e=>_n(e).filter((e=>e.rangeCount>0)).bind(Pn))(e)?.map((e=>Nn.exact(e.start,e.soffset,e.finish,e.foffset))),Hn=(e,t,o)=>((e,t,o)=>((e,t,o)=>e.caretPositionFromPoint?((e,t,o)=>{var n;return C.from(null===(n=e.caretPositionFromPoint)||void 0===n?void 0:n.call(e,t,o)).bind((t=>{if(null===t.offsetNode)return C.none();const o=e.createRange();return o.setStart(t.offsetNode,t.offset),o.collapse(),C?.some(o)}))})(e,t,o):e.caretRangeFromPoint?((e,t,o)=>{var n;return C.from(null===(n=e.caretRangeFromPoint)||void 0===n?void 0:n.call(e,t,o))})(e,t,o):C.none())(e.document,t,o)?.map((e=>Dn(Le.fromDom(e.startContainer),e.startOffset,Le.fromDom(e.endContainer),e.endOffset))))(e,t,o),$n={unsupportedLength:["em","ex","cap","ch","ic","rem","lh","rlh","vw","vh","vi","vb","vmin","vmax","cm","mm","Q","in","pc","pt","px"],fixed:["px","pt"],relative:["%"],empty:[""]},Vn=(()=>{const e="[0-9]+",t="[eE][+-]?"+e,o=e=>`(?:${e})?`,n=["Infinity",e+"\\."+o(e)+o(t),"\\."+e+o(t),e+o(t)].join("|");return new RegExp(`^([+-]?(?:${n}))(.*)$`)})(),qn=e=>E(e,g(0)),Un=(e,t,o,n,r)=>r(e.slice(0,t)).concat(n).concat(r(e.slice(o))),Gn=e=>(t,o,n,r)=>{if(e(n)){const e=Math.max(r,t[o]-Math.abs(n)),s=Math.abs(e-t[o]);return n>=0?s:-s}return n},Kn=Gn((e=>e<0)),Yn=Gn(x),Jn=()=>{const e=(e,t,o,n)=>{const r=(100+o)/100,s=Math.max(n,(e[t]+o)/r);return E(e,((e,o)=>(o===t?s:e/r)-e))},t=(t,o,n,r,s,l)=>l?e(t,o,r,s):((e,t,o,n,r)=>{const s=Kn(e,t,n,r);return Un(e,t,o+1,[s,0],qn)})(t,o,n,r,s);return{resizeTable:(e,t)=>e(t),clampTableDelta:Kn,calcLeftEdgeDeltas:t,calcMiddleDeltas:(e,o,n,r,s,l,a)=>t(e,n,r,s,l,a),calcRightEdgeDeltas:(t,o,n,r,s,l)=>{if(l)return e(t,n,r,s);{const e=Kn(t,n,r,s);return qn(t.slice(0,n)).concat([e])}},calcRedestributedWidths:(e,t,o,n)=>{if(n){const n=(t+o)/t,r=E(e,(e=>e/n));return{delta:100*n-100,newSizes:r}}return{delta:o,newSizes:e}}}},Qn=()=>{const e=(e,t,o,n,r)=>{const s=Yn(e,n>=0?o:t,n,r);return Un(e,t,o+1,[s,-s],qn)};return{resizeTable:(e,t,o)=>{o&&e(t)},clampTableDelta:(e,t,o,n,r)=>{if(r){if(o>=0)return o;{const t=A(e,((e,t)=>e+t-n),0);return Math.max(-t,o)}}return Kn(e,t,o,n)},calcLeftEdgeDeltas:e,calcMiddleDeltas:(t,o,n,r,s,l)=>e(t,n,r,s,l),calcRightEdgeDeltas:(e,t,o,n,r,s)=>{if(s)return qn(e);{const t=n/e.length;return E(e,g(t))}},calcRedestributedWidths:(e,t,o,n)=>({delta:0,newSizes:e})}},Xn=(e,t,o=0)=>po(e,t)?.map((e=>parseInt(e,10))).getOr(o),Zn=(e,t)=>Xn(e,t,1),er=e=>It("col")(e)?Xn(e,"span",1)>1:Zn(e,"colspan")>1,tr=(e,t)=>parseInt(Bo(e,t),10),or=g(10),nr=g(10),rr=(e,t)=>sr(e,t,x),sr=(e,t,o)=>j(Kt(e),(e=>Ge(e,t)?o(e)?[e]:[]:sr(e,t,o))),lr=(e,t)=>((e,t,o=y)=>o(t)?C.none():D(e,Bt(t))?C?.some(t):rn(t,e.join(","),(e=>Ge(e,"table")||o(e))))(["td","th"],e,t),ar=e=>rr(e,"th,td"),cr=e=>Ge(e,"colgroup")?wn(e,"col"):j(dr(e),(e=>wn(e,"col"))),ir=(e,t)=>an(e,"table",t),mr=e=>rr(e,"tr"),dr=e=>ir(e).fold(g([]),(e=>wn(e,"colgroup"))),ur=It("th"),fr=e=>P(e,(e=>ur(e.element))),gr=(e,t)=>e&&t?"sectionCells":e?"section":"cells",hr=e=>{const t="thead"===e.section,o=ie(pr(e.cells),"th");return"tfoot"===e.section?{type:"footer"}:t||o?{type:"header",subType:gr(t,o)}:{type:"body"}},pr=e=>{const t=_(e,(e=>ur(e.element)));return 0===t.length?C?.some("td"):t.length===e.length?C?.some("th"):C.none()},br=(e,t)=>E(e,(e=>{if("colgroup"===Bt(e)){const t=E(cr(e),(e=>{const t=Xn(e,"span",1);return Ce(e,1,t)}));return Se(e,t,"colgroup")}{const o=E(ar(e),(e=>{const t=Xn(e,"rowspan",1),o=Xn(e,"colspan",1);return Ce(e,t,o)}));return Se(e,o,t(e))}})),wr=e=>$t(e)?.map((e=>{const t=Bt(e);return(e=>D(xe,e))(t)?t:"tbody"})).getOr("tbody"),vr=e=>{const t=mr(e),o=[...dr(e),...t];return br(o,wr)},yr="data-snooker-locked-cols",xr=e=>po(e,yr).bind((e=>C.from(e.match(/\d+/g))))?.map((e=>I(e,x))),Cr=e=>{const t=A(ze(e).rows,((e,t)=>(N(t.cells,((t,o)=>{t.isLocked&&(e[o]=!0)})),e)),{}),o=J(t,((e,t)=>parseInt(t,10)));return(e=>{const t=S.call(e,0);return t.sort(void 0),t})(o)},Sr=(e,t)=>e+","+t,Tr=(e,t)=>{const o=j(e.all,(e=>e.cells));return _(o,t)},Rr=e=>{const t={},o=[],n=H(e)?.map((e=>e.element)).bind(ir).bind(xr).getOr({});let r=0,s=0,l=0;const{pass:a,fail:c}=B(e,(e=>"colgroup"===e.section));N(c,(e=>{const a=[];N(e.cells,(e=>{let o=0;for(;void 0!==t[Sr(l,o)];)o++;const r=((e,t)=>X(e,t)&&void 0!==e[t]&&null!==e[t])(n,o.toString()),c=((e,t,o,n,r,s)=>({element:e,rowspan:t,colspan:o,row:n,column:r,isLocked:s}))(e.element,e.rowspan,e.colspan,l,o,r);for(let n=0;n<e.colspan;n++)for(let r=0;r<e.rowspan;r++){const e=o+n,a=Sr(l+r,e);t[a]=c,s=Math.max(s,e+1)}a.push(c)})),r++,o.push(Se(e.element,a,e.section)),l++}));const{columns:i,colgroups:m}=$(a)?.map((e=>{const t=(e=>{const t={};let o=0;return N(e.cells,(e=>{const n=e.colspan;k(n,(r=>{const s=o+r;t[s]=((e,t,o)=>({element:e,colspan:t,column:o}))(e.element,n,s)})),o+=n})),t})(e),o=((e,t)=>({element:e,columns:t}))(e.element,Q(t));return{colgroups:[o],columns:t}})).getOrThunk((()=>({colgroups:[],columns:{}}))),d=((e,t)=>({rows:e,columns:t}))(r,s);return{grid:d,access:t,all:o,columns:i,colgroups:m}},Dr=e=>{const t=vr(e);return Rr(t)},Or=Rr,kr=(e,t,o)=>C.from(e.access[Sr(t,o)]),Er=(e,t,o)=>{const n=Tr(e,(e=>o(t,e.element)));return n.length>0?C?.some(n[0]):C.none()},Nr=Tr,Br=e=>j(e.all,(e=>e.cells)),_r=e=>Q(e.columns),zr=e=>q(e.columns).length>0,Ar=(e,t)=>C.from(e.columns[t]),Wr=(e,t,o)=>Te(o(e.element,t),!0,e.isLocked),Lr=(e,t)=>e.section!==t?Re(e.element,e.cells,t,e.isNew):e,Mr=()=>({transformRow:Lr,transformCell:(e,t,o)=>{const n=o(e.element,t),r="td"!==Bt(n)?(e=>{const t=Ro(e,"td");so(e,t);const o=Kt(e);return mo(t,o),yo(e),t})(n):n;return Te(r,e.isNew,e.isLocked)}}),jr=()=>({transformRow:Lr,transformCell:Wr}),Pr=()=>({transformRow:(e,t)=>Lr(e,"thead"===t?"tbody":t),transformCell:Wr}),Ir=Mr,Fr=jr,Hr=Pr,$r=()=>({transformRow:h,transformCell:Wr}),Vr=(e,t=x)=>{const o=e.grid,n=k(o.columns,h),r=k(o.rows,h);return E(n,(o=>qr((()=>j(r,(t=>kr(e,t,o).filter((e=>e.column===o)).toArray()))),(e=>1===e.colspan&&t(e.element)),(()=>kr(e,0,o)))))},qr=(e,t,o)=>{const n=e();return W(n,t).orThunk((()=>C.from(n[0]).orThunk(o)))?.map((e=>e.element))},Ur=e=>{const t=e.grid,o=k(t.rows,h),n=k(t.columns,h);return E(o,(t=>qr((()=>j(n,(o=>kr(e,t,o).filter((e=>e.row===t)).fold(g([]),(e=>[e]))))),(e=>1===e.rowspan),(()=>kr(e,t,0)))))},Gr=(e,t)=>({row:e,y:t}),Kr=(e,t)=>({col:e,x:t}),Yr=e=>Go(e).left+Ho(e),Jr=e=>Go(e).left,Qr=(e,t)=>Kr(e,Jr(t)),Xr=(e,t)=>Kr(e,Yr(t)),Zr=e=>Go(e).top,es=(e,t)=>Gr(e,Zr(t)),ts=(e,t)=>Gr(e,Zr(t)+Po(t)),os=(e,t,o)=>{if(0===o.length)return[];const n=E(o.slice(1),((t,o)=>t?.map((t=>e(o,t))))),r=o[o.length-1]?.map((e=>t(o.length-1,e)));return n.concat([r])},ns={delta:h,positions:e=>os(es,ts,e),edge:Zr},rs=Zo({delta:h,edge:Jr,positions:e=>os(Qr,Xr,e)},{delta:e=>-e,edge:Yr,positions:e=>os(Xr,Qr,e)}),ss={delta:(e,t)=>rs(t).delta(e,t),positions:(e,t)=>rs(t).positions(e,t),edge:e=>rs(e).edge(e)},ls=/(\d+(\.\d+)?)%/,as=/(\d+(\.\d+)?)px|em/,cs=It("col"),is=It("tr"),ms=(e,t,o)=>{const n=Vt(e).getOrThunk((()=>(e=>{const t=e.dom.body;if(null==t)throw new Error("Body is not available yet");return Le.fromDom(t)})(Ft(e))));return t(e)/o(n)*100},ds=(e,t)=>{Eo(e,"width",t+"px")},us=(e,t)=>{Eo(e,"width",t+"%")},fs=(e,t)=>{Eo(e,"height",t+"px")},gs=e=>{const t=(e=>{return Lo(t=e,"height",t.dom.offsetHeight)+"px";var t})(e);return t?((e,t,o,n)=>{const r=parseFloat(e);return be(e,"%")&&"table"!==Bt(t)?((e,t,o,n)=>{const r=ir(e)?.map((e=>{const n=o(e);return Math.floor(t/100*n)})).getOr(t);return n(e,r),r})(t,r,o,n):r})(t,e,jo,fs):jo(e)},hs=(e,t)=>zo(e,t).orThunk((()=>po(e,t)?.map((e=>e+"px")))),ps=e=>hs(e,"width"),bs=e=>ms(e,Fo,$o),ws=e=>{return cs(e)?Fo(e):Lo(t=e,"width",t.dom.offsetWidth);var t},vs=e=>is(e)?jo(e):((e,t,o)=>o(e)/Zn(e,"rowspan"))(e,0,gs),ys=(e,t,o)=>{Eo(e,"width",t+o)},xs=e=>ms(e,Fo,$o)+"%",Cs=g(ls),Ss=It("col"),Ts=e=>ps(e).getOrThunk((()=>ws(e)+"px")),Rs=e=>{return(t=e,hs(t,"height")).getOrThunk((()=>vs(e)+"px"));var t},Ds=(e,t,o,n,r,s)=>e.filter(n).fold((()=>s(((e,t)=>{if(t<0||t>=e.length-1)return C.none();const o=e[t].fold((()=>{const o=(e=>{const t=S.call(e,0);return t.reverse(),t})(e.slice(0,t));return V(o,((e,t)=>e?.map((e=>({value:e,delta:t+1})))))}),(e=>C?.some({value:e,delta:0}))),n=e[t+1].fold((()=>{const o=e.slice(t+1);return V(o,((e,t)=>e?.map((e=>({value:e,delta:t+1})))))}),(e=>C?.some({value:e,delta:1})));return o.bind((e=>n?.map((t=>{const o=t.delta+e.delta;return Math.abs(t.value-e.value)/o}))))})(o,t))),(e=>r(e))),Os=(e,t,o,n)=>{const r=Vr(e),s=zr(e)?(e=>E(_r(e),(e=>C.from(e.element))))(e):r,l=[C?.some(ss.edge(t))].concat(E(ss.positions(r,t),(e=>e?.map((e=>e.x))))),a=w(er);return E(s,((e,t)=>Ds(e,t,l,a,(e=>{if((e=>{const t=kt().browser,o=t.isChromium()||t.isFirefox();return!Ss(e)||o})(e))return o(e);{const e=null!=(s=r[t])?h(s):C.none();return Ds(e,t,l,a,(e=>n(C?.some(Fo(e)))),n)}var s}),n)))},ks=e=>e?.map((e=>e+"px")).getOr(""),Es=(e,t,o)=>Os(e,t,ws,(e=>e.getOrThunk(o.minCellWidth))),Ns=(e,t,o,n)=>{const r=Ur(e),s=E(e.all,(e=>C?.some(e.element))),l=[C?.some(ns.edge(t))].concat(E(ns.positions(r,t),(e=>e?.map((e=>e.y)))));return E(s,((e,t)=>Ds(e,t,l,x,o,n)))},Bs=(e,t)=>()=>Oo(e)?t(e):parseFloat(zo(e,"width").getOr("0")),_s=e=>{const t=Bs(e,(e=>parseFloat(xs(e)))),o=Bs(e,Fo);return{width:t,pixelWidth:o,getWidths:(t,o)=>((e,t,o)=>Os(e,t,bs,(e=>e.fold((()=>o.minCellWidth()),(e=>e/o.pixelWidth()*100)))))(t,e,o),getCellDelta:e=>e/o()*100,singleColumnWidth:(e,t)=>[100-e],minCellWidth:()=>or()/o()*100,setElementWidth:us,adjustTableWidth:o=>{const n=t();us(e,n+o/100*n)},isRelative:!0,label:"percent"}},zs=e=>{const t=Bs(e,Fo);return{width:t,pixelWidth:t,getWidths:(t,o)=>Es(t,e,o),getCellDelta:h,singleColumnWidth:(e,t)=>[Math.max(or(),e+t)-e],minCellWidth:or,setElementWidth:ds,adjustTableWidth:o=>{const n=t()+o;ds(e,n)},isRelative:!1,label:"pixel"}},As=e=>ps(e).fold((()=>(e=>{const t=Bs(e,Fo),o=g(0);return{width:t,pixelWidth:t,getWidths:(t,o)=>Es(t,e,o),getCellDelta:o,singleColumnWidth:g([0]),minCellWidth:o,setElementWidth:f,adjustTableWidth:f,isRelative:!0,label:"none"}})(e)),(t=>((e,t)=>null!==Cs().exec(t)?_s(e):zs(e))(e,t))),Ws=zs,Ls=_s,Ms=(e,t,o,n)=>{o===n?bo(e,t):fo(e,t,o)},js=(e,t,o)=>{$(wn(e,t)).fold((()=>lo(e,o)),(e=>so(e,o)))},Ps=(e,t)=>{const o=[],n=[],r=e=>E(e,(e=>{e.isNew&&o.push(e.element);const t=e.element;return vo(t),N(e.cells,(e=>{e.isNew&&n.push(e.element),Ms(e.element,"colspan",e.colspan,1),Ms(e.element,"rowspan",e.rowspan,1),ao(t,e.element)})),t})),s=e=>j(e,(e=>E(e.cells,(e=>(Ms(e.element,"span",e.colspan,1),e.element))))),l=(t,o)=>{const n=((e,t)=>{const o=sn(e,t).getOrThunk((()=>{const o=Le.fromTag(t,Ft(e).dom);return"thead"===t?js(e,"caption,colgroup",o):"colgroup"===t?js(e,"caption",o):ao(e,o),o}));return vo(o),o})(e,o),l=("colgroup"===o?s:r)(t);mo(n,l)},a=(t,o)=>{t.length>0?l(t,o):(t=>{sn(e,t).each(yo)})(o)},c=[],i=[],m=[],d=[];return N(t,(e=>{switch(e.section){case"thead":c.push(e);break;case"tbody":i.push(e);break;case"tfoot":m.push(e);break;case"colgroup":d.push(e)}})),a(d,"colgroup"),a(c,"thead"),a(i,"tbody"),a(m,"tfoot"),{newRows:o,newCells:n}},Is=(e,t)=>{if(0===e.length)return 0;const o=e[0];return L(e,(e=>!t(o.element,e.element))).getOr(e.length)},Fs=(e,t)=>{const o=E(e,(e=>E(e.cells,y)));return E(e,((n,r)=>{const s=j(n.cells,((n,s)=>{if(!1===o[r][s]){const m=((e,t,o,n)=>{const r=((e,t)=>e[t])(e,t),s="colgroup"===r.section,l=Is(r.cells.slice(o),n),a=s?1:Is(((e,t)=>E(e,(e=>Ne(e,t))))(e.slice(t),o),n);return{colspan:l,rowspan:a}})(e,r,s,t);return((e,t,n,r)=>{for(let s=e;s<e+n;s++)for(let e=t;e<t+r;e++)o[s][e]=!0})(r,s,m.rowspan,m.colspan),[(l=n.element,a=m.rowspan,c=m.colspan,i=n.isNew,{element:l,rowspan:a,colspan:c,isNew:i})]}return[];var l,a,c,i}));return((e,t,o,n)=>({element:e,cells:t,section:o,isNew:n}))(n.element,s,n.section,n.isNew)}))},Hs=(e,t,o)=>{const n=[];N(e.colgroups,(r=>{const s=[];for(let n=0;n<e.grid.columns;n++){const r=Ar(e,n)?.map((e=>Te(e.element,o,!1))).getOrThunk((()=>Te(t.colGap(),!0,!1)));s.push(r)}n.push(Re(r.element,s,"colgroup",o))}));for(let r=0;r<e.grid.rows;r++){const s=[];for(let n=0;n<e.grid.columns;n++){const l=kr(e,r,n)?.map((e=>Te(e.element,o,e.isLocked))).getOrThunk((()=>Te(t.gap(),!0,!1)));s.push(l)}const l=e.all[r],a=Re(l.element,s,l.section,o);n.push(a)}return n},$s=e=>Fs(e,Je),Vs=(e,t)=>V(e.all,(e=>W(e.cells,(e=>Je(t,e.element))))),qs=(e,t,o)=>{const n=E(t.selection,(t=>lr(t).bind((t=>Vs(e,t))).filter(o))),r=me(n);return de(r.length>0,r)},Us=(e,t,o,n,r,s,l,a,c)=>{const i=Dr(s),m=C.from(null==c?void 0:c.section).getOrThunk($r);return t(i,l)?.map((t=>{const o=((e,t)=>Hs(e,t,!1))(i,a),n=e(o,t,Je,r(a),m),s=Cr(n.grid);return{info:t,grid:$s(n.grid),cursor:n.cursor,lockedColumns:s}})).bind((e=>{const t=Ps(s,e.grid),r=C.from(null==c?void 0:c.sizing).getOrThunk((()=>As(s))),l=C.from(null==c?void 0:c.resize).getOrThunk(Qn);return o(s,e.grid,e.info,{sizing:r,resize:l,section:m}),n(s),bo(s,yr),e.lockedColumns.length>0&&fo(s,yr,e.lockedColumns.join(",")),C?.some({cursor:e.cursor,newRows:t.newRows,newCells:t.newCells})}))},Gs=(e,t)=>lr(t.element).bind((o=>Vs(e,o)?.map((e=>({...e,generators:t.generators,clipboard:t.clipboard}))))),Ks=(e,t)=>qs(e,t,x)?.map((e=>({cells:e,generators:t.generators,clipboard:t.clipboard}))),Ys=(e,t)=>qs(e,t,x),Js=(e,t)=>qs(e,t,(e=>!e.isLocked)),Qs=(e,t)=>P(t,(t=>((e,t)=>Vs(e,t).exists((e=>!e.isLocked)))(e,t))),Xs=(e,t)=>((e,t)=>t.mergable)(0,t).filter((t=>Qs(e,t.cells))),Zs=(e,t)=>((e,t)=>t.unmergable)(0,t).filter((t=>Qs(e,t))),el={...Z([{none:[]},{only:["index"]},{left:["index","next"]},{middle:["prev","index","next"]},{right:["prev","index"]}])},tl=(e,t,o)=>{const n=((e,t)=>zr(e)?((e,t)=>{const o=_r(e);return E(o,((e,o)=>({element:e.element,width:t[o],colspan:e.colspan})))})(e,t):((e,t)=>{const o=Br(e);return E(o,(e=>{const o=((e,t,o)=>{let n=0;for(let r=e;r<t;r++)n+=void 0!==o[r]?o[r]:0;return n})(e.column,e.column+e.colspan,t);return{element:e.element,width:o,colspan:e.colspan}}))})(e,t))(e,t);N(n,(e=>{o.setElementWidth(e.element,e.width)}))},ol=(e,t,o,n,r)=>{const s=Dr(e),l=r.getCellDelta(t),a=r.getWidths(s,r),c=o===s.grid.columns-1,i=n.clampTableDelta(a,o,l,r.minCellWidth(),c),m=((e,t,o,n,r)=>{const s=e.slice(0),l=((e,t)=>0===e.length?el.none():1===e.length?el.only(0):0===t?el.left(0,1):t===e.length-1?el.right(t-1,t):t>0&&t<e.length-1?el.middle(t-1,t,t+1):el.none())(e,t),a=g(E(s,g(0)));return l.fold(a,(e=>n.singleColumnWidth(s[e],o)),((e,t)=>r.calcLeftEdgeDeltas(s,e,t,o,n.minCellWidth(),n.isRelative)),((e,t,l)=>r.calcMiddleDeltas(s,e,t,l,o,n.minCellWidth(),n.isRelative)),((e,t)=>r.calcRightEdgeDeltas(s,e,t,o,n.minCellWidth(),n.isRelative)))})(a,o,i,r,n),d=E(m,((e,t)=>e+a[t]));tl(s,d,r),n.resizeTable(r.adjustTableWidth,i,c)},nl=(e,t,o)=>{const n=Dr(e),r=((e,t)=>Ns(e,t,vs,(e=>e.getOrThunk(nr))))(n,e),s=E(r,((e,n)=>o===n?Math.max(t+e,nr()):e)),l=((e,t)=>E(e.all,((e,o)=>({element:e.element,height:t[o]}))))(n,s);N(l,(e=>{fs(e.element,e.height)})),N(Br(n),(e=>{(e=>{Ao(e,"height")})(e.element)}));const a=z(s,((e,t)=>e+t),0);fs(e,a)},rl=(e,t)=>{if(!er(e)){const o=(e=>ps(e).bind((e=>{return t=e,o=["fixed","relative","empty"],C.from(Vn.exec(t)).bind((e=>{const t=Number(e[1]),n=e[2];return((e,t)=>O(t,(t=>O($n[t],(t=>e===t)))))(n,o)?C?.some({value:t,unit:n}):C.none()}));var t,o})))(e);o.each((o=>{const n=o.value/2;ys(e,n,o.unit),ys(t,n,o.unit)}))}},sl=(e,t,o)=>{const n=Xn(e,t,1);1===o||n<=1?bo(e,t):fo(e,t,Math.min(o,n))},ll=(e,t)=>o=>{const n=o.column+o.colspan-1,r=o.column;return n>=e&&r<t},al=(e,t,o)=>{const n=e[o].element,r=Le.fromTag("td");ao(r,Le.fromTag("br")),(t?ao:lo)(n,r)},cl=It("col"),il=It("colgroup"),ml=e=>"tr"===Bt(e)||il(e),dl=e=>({element:e,colspan:Xn(e,"colspan",1),rowspan:Xn(e,"rowspan",1)}),ul=e=>po(e,"scope")?.map((e=>e.substr(0,3))),fl=(e,t=dl)=>{const o=o=>{if(ml(o))return il((r={element:o}).element)?e.colgroup(r):e.row(r);{const r=o,s=(t=>cl(t.element)?e.col(t):e.cell(t))(t(r));return n=C?.some({item:r,replacement:s}),s}var r};let n=C.none();return{getOrInit:(e,t)=>n.fold((()=>o(e)),(n=>t(e,n.item)?n.replacement:o(e)))}},gl=e=>t=>{const o=[],n=n=>{const r="td"===e?{scope:null}:{},s=t.replace(n,e,r);return o.push({item:n,sub:s}),s};return{replaceOrInit:(e,t)=>{if(ml(e)||cl(e))return e;{const r=e;return((e,t)=>W(o,(o=>t(o.item,e))))(r,t).fold((()=>n(r)),(o=>t(e,o.item)?o.sub:n(r)))}}}},hl=e=>({unmerge:t=>{const o=ul(t);return o.each((e=>fo(t,"scope",e))),()=>{const n=e.cell({element:t,colspan:1,rowspan:1});return Ao(n,"width"),Ao(t,"width"),o.each((e=>fo(n,"scope",e))),n}},merge:e=>(Ao(e[0],"width"),(()=>{const t=me(E(e,ul));if(0===t.length)return C.none();{const e=t[0],o=["row","col"];return O(t,(t=>t!==e&&D(o,t)))?C.none():C.from(e)}})().fold((()=>bo(e[0],"scope")),(t=>fo(e[0],"scope",t+"group"))),g(e[0]))}),pl=Z([{invalid:["raw"]},{pixels:["value"]},{percent:["value"]}]),bl=(e,t,o)=>{const n=o.substring(0,o.length-e.length),r=parseFloat(n);return n===r.toString()?t(r):pl.invalid(o)},wl={...pl,from:e=>be(e,"%")?bl("%",pl.percent,e):be(e,"px")?bl("px",pl.pixels,e):pl.invalid(e)},vl=(e,t,o)=>{const n=wl.from(o),r=P(e,(e=>"0px"===e))?((e,t)=>{const o=e.fold((()=>g("")),(e=>g(e/t+"px")),(()=>g(100/t+"%")));return k(t,o)})(n,e.length):((e,t,o)=>e.fold((()=>t),(e=>((e,t,o)=>{const n=o/t;return E(e,(e=>wl.from(e).fold((()=>e),(e=>e*n+"px"),(e=>e/100*o+"px"))))})(t,o,e)),(e=>((e,t)=>E(e,(e=>wl.from(e).fold((()=>e),(e=>e/t*100+"%"),(e=>e+"%")))))(t,o))))(n,e,t);return Cl(r)},yl=(e,t)=>0===e.length?t:z(e,((e,t)=>wl.from(t).fold(g(0),h,h)+e),0),xl=(e,t)=>wl.from(e).fold(g(e),(e=>e+t+"px"),(e=>e+t+"%")),Cl=e=>{if(0===e.length)return e;const t=z(e,((e,t)=>{const o=wl.from(t).fold((()=>({value:t,remainder:0})),(e=>(e=>{const t=Math.floor(e);return{value:t+"px",remainder:e-t}})(e)),(e=>({value:e+"%",remainder:0})));return{output:[o.value].concat(e.output),remainder:e.remainder+o.remainder}}),{output:[],remainder:0}),o=t.output;return o.slice(0,o.length-1).concat([xl(o[o.length-1],Math.round(t.remainder))])},Sl=wl.from,Tl=(e,t,o)=>{const n=Dr(e),r=n.all,s=Br(n),l=_r(n);t.each((t=>{const o=Sl(t).fold(g("px"),g("px"),g("%")),r=Fo(e),a=((e,t)=>Os(e,t,Ts,ks))(n,e),c=vl(a,r,t);zr(n)?((e,t,o)=>{N(t,((t,n)=>{const r=yl([e[n]],or());Eo(t.element,"width",r+o)}))})(c,l,o):((e,t,o)=>{N(t,(t=>{const n=e.slice(t.column,t.colspan+t.column),r=yl(n,or());Eo(t.element,"width",r+o)}))})(c,s,o),Eo(e,"width",t)})),o.each((t=>{const o=jo(e),l=((e,t)=>Ns(e,t,Rs,ks))(n,e);((e,t,o)=>{N(o,(e=>{Ao(e.element,"height")})),N(t,((t,o)=>{Eo(t.element,"height",e[o])}))})(vl(l,o,t),r,s),Eo(e,"height",t)}))},Rl=e=>ps(e).exists((e=>ls.test(e))),Dl=e=>ps(e).exists((e=>as.test(e))),Ol=e=>ps(e).isNone();var kl=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","li","table","thead","tbody","tfoot","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"],El=()=>({up:g({selector:rn,closest:an,predicate:on,all:qt}),down:g({selector:vn,predicate:pn}),styles:g({get:Bo,getRaw:zo,set:Eo,remove:Ao}),attrs:g({get:ho,set:fo,remove:bo,copyTo:(e,t)=>{const o=wo(e);go(t,o)}}),insert:g({before:ro,after:so,afterAll:io,append:ao,appendAll:mo,prepend:lo,wrap:co}),remove:g({unwrap:xo,remove:yo}),create:g({nu:Le.fromTag,clone:e=>Le.fromDom(e.dom.cloneNode(!1)),text:Le.fromText}),query:g({comparePosition:(e,t)=>e.dom.compareDocumentPosition(t.dom),prevSibling:Ut,nextSibling:Gt}),property:g({children:Kt,name:Bt,parent:$t,document:e=>Ht(e).dom,isText:Mt,isComment:At,isElement:Lt,isSpecial:e=>{const t=Bt(e);return D(["script","noscript","iframe","noframes","noembed","title","style","textarea","xmp"],t)},getLanguage:e=>Lt(e)?po(e,"lang"):C.none(),getText:Jo,setText:Xo,isBoundary:e=>!!Lt(e)&&("body"===Bt(e)||D(kl,Bt(e))),isEmptyTag:e=>!!Lt(e)&&D(["br","img","hr","input"],Bt(e)),isNonEditable:e=>Lt(e)&&"false"===ho(e,"contenteditable")}),eq:Je,is:Xe});const Nl=(e,t)=>({item:e,mode:t}),Bl=(e,t,o,n=_l)=>e.property().parent(t)?.map((e=>Nl(e,n))),_l=(e,t,o,n=zl)=>o.sibling(e,t)?.map((e=>Nl(e,n))),zl=(e,t,o,n=zl)=>{const r=e.property().children(t);return o.first(r)?.map((e=>Nl(e,n)))},Al=[{current:Bl,next:_l,fallback:C.none()},{current:_l,next:zl,fallback:C?.some(Bl)},{current:zl,next:zl,fallback:C?.some(_l)}],Wl=(e,t,o,n,r=Al)=>W(r,(e=>e.current===o)).bind((o=>o.current(e,t,n,o.next).orThunk((()=>o.fallback.bind((o=>Wl(e,t,o,n))))))),Ll=(e,t,o,n,r,s)=>Wl(e,t,n,r).bind((t=>s(t.item)?C.none():o(t.item)?C?.some(t.item):Ll(e,t.item,o,t.mode,r,s))),Ml=(e,t)=>({element:e,offset:t}),jl=(e,t,o)=>e.property().isText(t)&&0===e.property().getText(t).trim().length||e.property().isComment(t)?o(t).bind((t=>jl(e,t,o).orThunk((()=>C?.some(t))))):C.none(),Pl=(e,t)=>e.property().isText(t)?e.property().getText(t).length:e.property().children(t).length,Il=(e,t)=>{const o=jl(e,t,e.query().prevSibling).getOr(t);if(e.property().isText(o))return Ml(o,Pl(e,o));const n=e.property().children(o);return n.length>0?Il(e,n[n.length-1]):Ml(o,Pl(e,o))},Fl=Il,Hl=El(),$l=e=>t=>0===e.property().children(t).length,Vl=(e,t,o,n)=>Ll(e,t,o,_l,{sibling:(e,t)=>e.query().prevSibling(t),first:e=>e.length>0?C?.some(e[e.length-1]):C.none()},n),ql=(e,t,o,n)=>Ll(e,t,o,_l,{sibling:(e,t)=>e.query().nextSibling(t),first:e=>e.length>0?C?.some(e[0]):C.none()},n),Ul=El(),Gl=(e,t)=>((e,t,o)=>Vl(e,t,$l(e),o))(Ul,e,t),Kl=(e,t)=>((e,t,o)=>ql(e,t,$l(e),o))(Ul,e,t),Yl=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","table","thead","tfoot","tbody","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"],Jl=(e,t,o,n)=>{const r=t(e,o);return z(n,((o,n)=>{const r=t(e,n);return Ql(e,o,r)}),r)},Ql=(e,t,o)=>t.bind((t=>o.filter(b(e.eq,t)))),Xl=El(),Zl=(e,t)=>((e,t,o)=>o.length>0?((e,t,o,n)=>n(e,t,o[0],o.slice(1)))(e,t,o,Jl):C.none())(Xl,((t,o)=>e(o)),t),ea=El(),ta=e=>((e,t)=>{const o=e.property().name(t);return D(Yl,o)})(ea,e),oa=e=>((e,t)=>{const o=e.property().name(t);return D(["ol","ul"],o)})(ea,e),na=e=>{const t=It("br"),o=e=>Tn(e).bind((o=>{const n=Gt(o)?.map((e=>!!ta(e)||!!((e,t)=>D(["br","img","hr","input"],e.property().name(t)))(ea,e)&&"img"!==Bt(e))).getOr(!1);return $t(o)?.map((r=>{return!0===n||("li"===Bt(s=r)||on(s,oa).isSome())||t(o)||ta(r)&&!Je(e,r)?[]:[Le.fromTag("br")];var s}))})).getOr([]),n=(()=>{const n=j(e,(e=>{const n=Kt(e);return(e=>P(e,(e=>t(e)||Mt(e)&&0===Jo(e).trim().length)))(n)?[]:n.concat(o(e))}));return 0===n.length?[Le.fromTag("br")]:n})();vo(e[0]),mo(e[0],n)},ra=e=>{bo(e,"width"),bo(e,"height")},sa=e=>{const t=xs(e);Tl(e,C?.some(t),C.none()),ra(e)},la=e=>{const t=(e=>Fo(e)+"px")(e);Tl(e,C?.some(t),C.none()),ra(e)},aa=e=>{Ao(e,"width");const t=cr(e),o=t.length>0?t:ar(e);N(o,(e=>{Ao(e,"width"),ra(e)})),ra(e)},ca={scope:["row","col"]},ia=e=>()=>{const t=Le.fromTag("td",e.dom);return ao(t,Le.fromTag("br",e.dom)),t},ma=e=>()=>Le.fromTag("col",e.dom),da=e=>()=>Le.fromTag("colgroup",e.dom),ua=e=>()=>Le.fromTag("tr",e.dom),fa=(e,t,o)=>{const n=((e,t)=>{const o=Ro(e,t),n=Kt(To(e));return mo(o,n),o})(e,t);return G(o,((e,t)=>{null===e?bo(n,t):fo(n,t,e)})),n},ga=e=>e,ha=(e,t,o)=>{const n=(e,t)=>{((e,t)=>{const o=e.dom,n=t.dom;Do(o)&&Do(n)&&(n.style.cssText=o.style.cssText)})(e.element,t),Ao(t,"height"),1!==e.colspan&&Ao(t,"width")};return{col:o=>{const r=Le.fromTag(Bt(o.element),t.dom);return n(o,r),e(o.element,r),r},colgroup:da(t),row:ua(t),cell:r=>{const s=Le.fromTag(Bt(r.element),t.dom),l=o.getOr(["strong","em","b","i","span","font","h1","h2","h3","h4","h5","h6","p","div"]),a=l.length>0?((e,t,o)=>Sn(e)?.map((n=>{const r=o.join(","),s=bn(n,r,(t=>Je(t,e)));return z(s,((e,t)=>{const o=So(t);return ao(e,o),o}),t)})).getOr(t))(r.element,s,l):s;return ao(a,Le.fromTag("br")),n(r,s),((e,t)=>{G(ca,((o,n)=>po(e,n).filter((e=>D(o,e))).each((e=>fo(t,n,e)))))})(r.element,s),e(r.element,s),s},replace:fa,colGap:ma(t),gap:ia(t)}},pa=e=>({col:ma(e),colgroup:da(e),row:ua(e),cell:ia(e),replace:ga,colGap:ma(e),gap:ia(e)}),ba=e=>Dr(e).grid,wa=(e,t,o,n)=>{const r=ze(e).rows;let s=!0;for(let e=0;e<r.length;e++)for(let l=0;l<_e(r[0]);l++){const a=r[e],c=Ne(a,l),i=o(c.element,t);i&&!s?ke(a,l,Te(n(),!0,c.isLocked)):i&&(s=!1)}return e},va=(e,t)=>({rowDelta:0,colDelta:_e(e[0])-_e(t[0])}),ya=(e,t)=>({rowDelta:e.length-t.length,colDelta:0}),xa=(e,t,o,n)=>{const r="colgroup"===t.section?o.col:o.cell;return k(e,(e=>Te(r(),!0,n(e))))},Ca=(e,t,o,n)=>{const r=e[e.length-1];return e.concat(k(t,(()=>{const e="colgroup"===r.section?o.colgroup:o.row,t=Ae(r,e,h),s=xa(t.cells.length,t,o,(e=>X(n,e.toString())));return Ee(t,s)})))},Sa=(e,t,o,n)=>E(e,(e=>{const r=xa(t,e,o,y);return De(e,n,r)})),Ta=(e,t,o)=>{const n=t.colDelta<0?Sa:h,r=t.rowDelta<0?Ca:h,s=Cr(e),l=_e(e[0]),a=O(s,(e=>e===l-1)),c=n(e,Math.abs(t.colDelta),o,a?l-1:l),i=Cr(c);return r(c,Math.abs(t.rowDelta),o,I(i,x))},Ra=(e,t,o,n)=>{const r=b(n,Ne(e[t],o).element),s=e[t];return e.length>1&&_e(s)>1&&(o>0&&r(Be(s,o-1))||o<s.cells.length-1&&r(Be(s,o+1))||t>0&&r(Be(e[t-1],o))||t<e.length-1&&r(Be(e[t+1],o)))},Da=(e,t,o)=>_(o,(o=>o>=e.column&&o<=_e(t[0])+e.column)),Oa=(e,t,o,n,r)=>{((e,t,o,n)=>{t>0&&t<e[0].cells.length&&N(e,(e=>{const r=e.cells[t-1];let s=0;const l=n();for(;e.cells.length>t+s&&o(r.element,e.cells[t+s].element);)ke(e,t+s,Te(l,!0,e.cells[t+s].isLocked)),s++}))})(t,e,r,n.cell);const s=ya(o,t),l=Ta(o,s,n),a=ya(t,l),c=Ta(t,a,n);return E(c,((t,o)=>De(t,e,l[o].cells)))},ka=(e,t,o,n,r)=>{((e,t,o,n)=>{const r=ze(e).rows;if(t>0&&t<r.length){const e=((e,t)=>A(e,((e,o)=>O(e,(e=>t(e.element,o.element)))?e:e.concat([o])),[]))(r[t-1].cells,o);N(e,(e=>{let s=C.none();for(let l=t;l<r.length;l++)for(let t=0;t<_e(r[0]);t++){const a=r[l],c=Ne(a,t);o(c.element,e.element)&&(s.isNone()&&(s=C?.some(n())),s.each((e=>{ke(a,t,Te(e,!0,c.isLocked))})))}}))}})(t,e,r,n.cell);const s=Cr(t),l=va(t,o),a={...l,colDelta:l.colDelta-s.length},c=Ta(t,a,n),{cols:i,rows:m}=ze(c),d=Cr(c),u=va(o,t),f={...u,colDelta:u.colDelta+d.length},g=(p=n,b=d,E(o,(e=>A(b,((t,o)=>{const n=xa(1,e,p,x)[0];return Oe(t,o,n)}),e)))),h=Ta(g,f,n);var p,b;return[...i,...m.slice(0,e),...h,...m.slice(e,m.length)]},Ea=(e,t,o,n,r)=>{const{rows:s,cols:l}=ze(e),a=s.slice(0,t),c=s.slice(t);return[...l,...a,((e,t,o,n)=>Ae(e,(e=>n(e,o)),t))(s[o],((e,o)=>t>0&&t<s.length&&n(Be(s[t-1],o),Be(s[t],o))?Ne(s[t],o):Te(r(e.element,n),!0,e.isLocked)),n,r),...c]},Na=(e,t,o,n,r)=>E(e,(e=>{const s=t>0&&t<_e(e)&&n(Be(e,t-1),Be(e,t)),l=((e,t,o,n,r,s,l)=>{if("colgroup"!==o&&n)return Ne(e,t);{const t=Ne(e,r);return Te(l(t.element,s),!0,!1)}})(e,t,e.section,s,o,n,r);return Oe(e,t,l)})),Ba=(e,t,o,n)=>((e,t,o,n)=>void 0!==Be(e[t],o)&&t>0&&n(Be(e[t-1],o),Be(e[t],o)))(e,t,o,n)||((e,t,o)=>t>0&&o(Be(e,t-1),Be(e,t)))(e[t],o,n),_a=(e,t,o,n)=>{const r=e=>(e=>"row"===e?(e=>Zn(e,"rowspan")>1)(t):er(t))(e)?`${e}group`:e;return e?ur(t)?r(o):null:n&&ur(t)?r("row"===o?"col":"row"):null},za=(e,t,o)=>Te(o(e.element,t),!0,e.isLocked),Aa=(e,t,o,n,r,s,l)=>E(e,((e,a)=>(e=>{const c=e.cells,i=E(c,((e,c)=>{if((e=>O(t,(t=>o(e.element,t.element))))(e)){const t=l(e,a,c)?r(e,o,n):e;return s(t,a,c).each((e=>{var o,n;o=t.element,n={scope:C.from(e)},G(n,((e,t)=>{e.fold((()=>{bo(o,t)}),(e=>{uo(o.dom,t,e)}))}))})),t}return e}));return Re(e.element,i,e.section,e.isNew)})(e))),Wa=(e,t,o)=>j(e,((n,r)=>Ba(e,r,t,o)?[]:[Ne(n,t)])),La=(e,t,o,n,r)=>{const s=ze(e).rows,l=j(t,(e=>Wa(s,e,n))),a=E(s,(e=>fr(e.cells))),c=((e,t)=>P(t,h)&&fr(e)?x:(e,o,n)=>!("th"===Bt(e.element)&&t[o]))(l,a),i=((e,t)=>(o,n)=>C?.some(_a(e,o.element,"row",t[n])))(o,a);return Aa(e,l,n,r,za,i,c)},Ma=(e,t,o,n)=>{const r=ze(e).rows,s=E(t,(e=>Ne(r[e.row],e.column)));return Aa(e,s,o,n,za,C.none,x)},ja=e=>A(e,((e,t)=>O(e,(e=>e.column===t.column))?e:e.concat([t])),[]).sort(((e,t)=>e.column-t.column)),Pa=e=>gn(e,!0),Ia=e=>{0===ar(e).length&&yo(e)},Fa=(e,t)=>({grid:e,cursor:t}),Ha=(e,t,o)=>{const n=((e,t,o)=>{var n,r;const s=ze(e).rows;return C.from(null===(r=null===(n=s[t])||void 0===n?void 0:n.cells[o])||void 0===r?void 0:r.element).filter(Pa).orThunk((()=>(e=>V(e,(e=>V(e.cells,(e=>{const t=e.element;return de(Pa(t),t)})))))(s)))})(e,t,o);return Fa(e,n)},$a=e=>A(e,((e,t)=>O(e,(e=>e.row===t.row))?e:e.concat([t])),[]).sort(((e,t)=>e.row-t.row)),Va=(e,t,o,n)=>{const r=t[0].row,s=$a(t),l=z(s,((e,t)=>({grid:Ea(e.grid,r,t.row+e.delta,o,n.getOrInit),delta:e.delta+1})),{grid:e,delta:0}).grid;return Ha(l,r,t[0].column)},qa=(e,t,o,n)=>{const r=$a(t),s=r[r.length-1],l=s.row+s.rowspan,a=z(r,((e,t)=>Ea(e,l,t.row,o,n.getOrInit)),e);return Ha(a,l,t[0].column)},Ua=(e,t,o,n)=>{const r=t.details,s=ja(r),l=s[0].column,a=z(s,((e,t)=>({grid:Na(e.grid,l,t.column+e.delta,o,n.getOrInit),delta:e.delta+1})),{grid:e,delta:0}).grid;return Ha(a,r[0].row,l)},Ga=(e,t,o,n)=>{const r=t.details,s=r[r.length-1],l=s.column+s.colspan,a=ja(r),c=z(a,((e,t)=>Na(e,l,t.column,o,n.getOrInit)),e);return Ha(c,r[0].row,l)},Ka=(e,t,o,n)=>{const r=ja(t),s=E(r,(e=>e.column)),l=La(e,s,!0,o,n.replaceOrInit);return Ha(l,t[0].row,t[0].column)},Ya=(e,t,o,n)=>{const r=Ma(e,t,o,n.replaceOrInit);return Ha(r,t[0].row,t[0].column)},Ja=(e,t,o,n)=>{const r=ja(t),s=E(r,(e=>e.column)),l=La(e,s,!1,o,n.replaceOrInit);return Ha(l,t[0].row,t[0].column)},Qa=(e,t,o,n)=>{const r=Ma(e,t,o,n.replaceOrInit);return Ha(r,t[0].row,t[0].column)},Xa=(e,t)=>(o,n,r,s,l)=>{const a=$a(n),c=E(a,(e=>e.row)),i=((e,t,o,n,r,s,l)=>{const{cols:a,rows:c}=ze(e),i=c[t[0]],m=j(t,(e=>((e,t,o)=>{const n=e[t];return j(n.cells,((n,r)=>Ba(e,t,r,o)?[]:[n]))})(c,e,r))),d=E(i.cells,((e,t)=>fr(Wa(c,t,r)))),u=[...c];N(t,(e=>{u[e]=l.transformRow(c[e],o)}));const f=[...a,...u],g=((e,t)=>P(t,h)&&fr(e.cells)?x:(e,o,n)=>!("th"===Bt(e.element)&&t[n]))(i,d),p=((e,t)=>(o,n,r)=>C?.some(_a(e,o.element,"col",t[r])))(n,d);return Aa(f,m,r,s,l.transformCell,p,g)})(o,c,e,t,r,s.replaceOrInit,l);return Ha(i,n[0].row,n[0].column)},Za=Xa("thead",!0),ec=Xa("tbody",!1),tc=Xa("tfoot",!1),oc=(e,t,o,n)=>{const r=ja(t.details),s=((e,t)=>j(e,(e=>{const o=e.cells,n=z(t,((e,t)=>t>=0&&t<e.length?e.slice(0,t).concat(e.slice(t+1)):e),o);return n.length>0?[Re(e.element,n,e.section,e.isNew)]:[]})))(e,E(r,(e=>e.column))),l=s.length>0?s[0].cells.length-1:0;return Ha(s,r[0].row,Math.min(r[0].column,l))},nc=(e,t,o,n)=>{const r=$a(t),s=((e,t,o)=>{const{rows:n,cols:r}=ze(e);return[...r,...n.slice(0,t),...n.slice(o+1)]})(e,r[0].row,r[r.length-1].row),l=Math.max(ze(s).rows.length-1,0);return Ha(s,Math.min(t[0].row,l),t[0].column)},rc=(e,t,o,n)=>{const r=t.cells;na(r);const s=((e,t,o,n)=>{const r=ze(e).rows;if(0===r.length)return e;for(let e=t.startRow;e<=t.finishRow;e++)for(let o=t.startCol;o<=t.finishCol;o++){const t=r[e],s=Ne(t,o).isLocked;ke(t,o,Te(n(),!1,s))}return e})(e,t.bounds,0,n.merge(r));return Fa(s,C.from(r[0]))},sc=(e,t,o,n)=>{const r=z(t,((e,t)=>wa(e,t,o,n.unmerge(t))),e);return Fa(r,C.from(t[0]))},lc=(e,t,o,n)=>{const r=((e,t)=>{const o=Dr(e);return Hs(o,t,!0)})(t.clipboard,t.generators);var s,l;return((e,t,o,n,r)=>{const s=Cr(t),l=((e,t,o)=>{const n=_e(t[0]),r=ze(t).cols.length+e.row,s=k(n-e.column,(t=>t+e.column));return{row:r,column:W(s,(e=>P(o,(t=>t!==e)))).getOr(n-1)}})(e,t,s),a=ze(o).rows,c=Da(l,a,s),i=((e,t,o)=>{if(e.row>=t.length||e.column>_e(t[0]))return le.error("invalid start address out of table bounds, row: "+e.row+", column: "+e.column);const n=t.slice(e.row),r=n[0].cells.slice(e.column),s=_e(o[0]),l=o.length;return le.value({rowDelta:n.length-l,colDelta:r.length-s})})(l,t,a);return i?.map((e=>{const o={...e,colDelta:e.colDelta-c.length},s=Ta(t,o,n),i=Cr(s),m=Da(l,a,i);return((e,t,o,n,r,s)=>{const l=e.row,a=e.column,c=l+o.length,i=a+_e(o[0])+s.length,m=I(s,x);for(let e=l;e<c;e++){let s=0;for(let c=a;c<i;c++){if(m[c]){s++;continue}Ra(t,e,c,r)&&wa(t,Be(t[e],c),r,n.cell);const i=c-a-s,d=Ne(o[e-l],i),u=d.element,f=n.replace(u);ke(t[e],c,Te(f,!0,d.isLocked))}}return t})(l,s,a,n,r,m)}))})((s=t.row,l=t.column,{row:s,column:l}),e,r,t.generators,o).fold((()=>Fa(e,C?.some(t.element))),(e=>Ha(e,t.row,t.column)))},ac=(e,t,o)=>{const n=((e,t)=>br(e,(()=>t)))(e,o.section),r=Or(n);return Hs(r,t,!0)},cc=(e,t,o,n)=>{const r=ze(e).rows,s=t.cells[0].column,l=r[t.cells[0].row],a=ac(t.clipboard,t.generators,l),c=Oa(s,e,a,t.generators,o);return Ha(c,t.cells[0].row,t.cells[0].column)},ic=(e,t,o,n)=>{const r=ze(e).rows,s=t.cells[t.cells.length-1].column+t.cells[t.cells.length-1].colspan,l=r[t.cells[0].row],a=ac(t.clipboard,t.generators,l),c=Oa(s,e,a,t.generators,o);return Ha(c,t.cells[0].row,s)},mc=(e,t,o,n)=>{const r=ze(e).rows,s=t.cells[0].row,l=r[s],a=ac(t.clipboard,t.generators,l),c=ka(s,e,a,t.generators,o);return Ha(c,t.cells[0].row,t.cells[0].column)},dc=(e,t,o,n)=>{const r=ze(e).rows,s=t.cells[t.cells.length-1].row+t.cells[t.cells.length-1].rowspan,l=r[t.cells[0].row],a=ac(t.clipboard,t.generators,l),c=ka(s,e,a,t.generators,o);return Ha(c,s,t.cells[0].column)},uc=(e,t,o,n)=>((e,t,o,n)=>{const r=Or(t),s=n.getWidths(r,n);tl(r,s,n)})(0,t,0,n.sizing),fc=(e,t,o,n)=>((e,t,o,n,r)=>{const s=Or(t),l=n.getWidths(s,n),a=n.pixelWidth(),{newSizes:c,delta:i}=r.calcRedestributedWidths(l,a,o.pixelDelta,n.isRelative);tl(s,c,n),n.adjustTableWidth(i)})(0,t,o,n.sizing,n.resize),gc=(e,t)=>O(t,(e=>0===e.column&&e.isLocked)),hc=(e,t)=>O(t,(t=>t.column+t.colspan>=e.grid.columns&&t.isLocked)),pc=(e,t)=>{const o=Vr(e),n=ja(t);return A(n,((e,t)=>e+o[t.column]?.map(Ho).getOr(0)),0)},bc=e=>(t,o)=>Ys(t,o).filter((o=>!(e?gc:hc)(t,o)))?.map((e=>({details:e,pixelDelta:pc(t,e)}))),wc=(e,t)=>Js(e,t)?.map((t=>({details:t,pixelDelta:-pc(e,t)}))),vc=e=>(t,o)=>Ks(t,o).filter((o=>!(e?gc:hc)(t,o.cells))),yc=gl("th"),xc=gl("td"),Cc=(e,t,o,n)=>Us(Va,Ys,f,f,fl,e,t,o,n),Sc=(e,t,o,n)=>Us(qa,Ys,f,f,fl,e,t,o,n),Tc=(e,t,o,n)=>Us(Ua,bc(!0),fc,f,fl,e,t,o,n),Rc=(e,t,o,n)=>Us(Ga,bc(!1),fc,f,fl,e,t,o,n),Dc=(e,t,o,n)=>Us(oc,wc,fc,Ia,fl,e,t,o,n),Oc=(e,t,o,n)=>Us(nc,Ys,f,Ia,fl,e,t,o,n),kc=(e,t,o,n)=>Us(Ka,Js,f,f,yc,e,t,o,n),Ec=(e,t,o,n)=>Us(Ja,Js,f,f,xc,e,t,o,n),Nc=(e,t,o,n)=>Us(Za,Ys,f,f,yc,e,t,o,n),Bc=(e,t,o,n)=>Us(ec,Ys,f,f,xc,e,t,o,n),_c=(e,t,o,n)=>Us(tc,Ys,f,f,xc,e,t,o,n),zc=(e,t,o,n)=>Us(Ya,Js,f,f,yc,e,t,o,n),Ac=(e,t,o,n)=>Us(Qa,Js,f,f,xc,e,t,o,n),Wc=(e,t,o,n)=>Us(rc,Xs,uc,f,hl,e,t,o,n),Lc=(e,t,o,n)=>Us(sc,Zs,uc,f,hl,e,t,o,n),Mc=(e,t,o,n)=>Us(lc,Gs,uc,f,fl,e,t,o,n),jc=(e,t,o,n)=>Us(cc,vc(!0),f,f,fl,e,t,o,n),Pc=(e,t,o,n)=>Us(ic,vc(!1),f,f,fl,e,t,o,n),Ic=(e,t,o,n)=>Us(mc,Ks,f,f,fl,e,t,o,n),Fc=(e,t,o,n)=>Us(dc,Ks,f,f,fl,e,t,o,n),Hc=(e,t)=>{const o=Dr(e);return Ys(o,t).bind((e=>{const t=e[e.length-1],n=e[0].column,r=t.column+t.colspan,s=M(E(o.all,(e=>_(e.cells,(e=>e.column>=n&&e.column<r)))));return pr(s)})).getOr("")},$c=(e,t)=>{const o=Dr(e);return Ys(o,t).bind(pr).getOr("")},Vc=(e,t)=>{const o=Dr(e);return Ys(o,t).bind((e=>{const t=e[e.length-1],n=e[0].row,r=t.row+t.rowspan;return(e=>{const t=E(e,(e=>hr(e).type)),o=D(t,"header"),n=D(t,"footer");if(o||n){const e=D(t,"body");return!o||e||n?o||e||!n?C.none():C?.some("footer"):C?.some("header")}return C?.some("body")})(o.all.slice(n,r))})).getOr("")},qc=(e,t)=>{const o=t.column,n=t.column+t.colspan-1,r=t.row,s=t.row+t.rowspan-1;return o<=e.finishCol&&n>=e.startCol&&r<=e.finishRow&&s>=e.startRow},Uc=(e,t)=>t.column>=e.startCol&&t.column+t.colspan-1<=e.finishCol&&t.row>=e.startRow&&t.row+t.rowspan-1<=e.finishRow,Gc=(e,t,o)=>{const n=Er(e,t,Je),r=Er(e,o,Je);return n.bind((e=>r?.map((t=>{return o=e,n=t,{startRow:Math.min(o.row,n.row),startCol:Math.min(o.column,n.column),finishRow:Math.max(o.row+o.rowspan-1,n.row+n.rowspan-1),finishCol:Math.max(o.column+o.colspan-1,n.column+n.colspan-1)};var o,n}))))},Kc=(e,t,o)=>Gc(e,t,o)?.map((t=>{const o=Nr(e,b(qc,t));return E(o,(e=>e.element))})),Yc=(e,t)=>Er(e,t,((e,t)=>Qe(t,e)))?.map((e=>e.element)),Jc=(e,t,o)=>{const n=Xc(e);return Kc(n,t,o)},Qc=(e,t,o,n,r)=>{const s=Xc(e),l=Je(e,o)?C?.some(t):Yc(s,t),a=Je(e,r)?C?.some(n):Yc(s,n);return l.bind((e=>a.bind((t=>Kc(s,e,t)))))},Xc=Dr,Zc={styles:{"border-collapse":"collapse",width:"100%"},attributes:{border:"1"},colGroups:!1},ei=(e,t,o,n)=>k(e,(e=>((e,t,o,n)=>{const r=Le.fromTag("tr");for(let s=0;s<e;s++){const e=Le.fromTag(n<t||s<o?"th":"td");s<o&&fo(e,"scope","row"),n<t&&fo(e,"scope","col"),ao(e,Le.fromTag("br")),ao(r,e)}return r})(t,o,n,e))),ti=e=>{let t=[];return{bind:e=>{if(void 0===e)throw new Error("Event bind error: undefined handler");t.push(e)},unbind:e=>{t=_(t,(t=>t!==e))},trigger:(...o)=>{const n={};N(e,((e,t)=>{n[e]=o[t]})),N(t,(e=>{e(n)}))}}},oi=e=>({registry:K(e,(e=>({bind:e.bind,unbind:e.unbind}))),trigger:K(e,(e=>e.trigger))}),ni=ne(["compare","extract","mutate","sink"]),ri=ne(["element","start","stop","destroy"]),si=ne(["forceDrop","drop","move","delayDrop"]),li=()=>{const e=(()=>{const e=oi({move:ti(["info"])});return{onEvent:f,reset:f,events:e.registry}})(),t=(()=>{let e=C.none();const t=oi({move:ti(["info"])});return{onEvent:(o,n)=>{n.extract(o).each((o=>{const r=((t,o)=>{const n=e?.map((e=>t.compare(e,o)));return e=C?.some(o),n})(n,o);r.each((e=>{t.trigger.move(e)}))}))},reset:()=>{e=C.none()},events:t.registry}})();let o=e;return{on:()=>{o.reset(),o=t},off:()=>{o.reset(),o=e},isOn:()=>o===t,onEvent:(e,t)=>{o.onEvent(e,t)},events:t.events}},ai=ce("ephox-dragster").resolve;var ci=ni({compare:(e,t)=>qo(t.left-e.left,t.top-e.top),extract:e=>C?.some(qo(e.x,e.y)),sink:(e,t)=>{const o=(e=>{const t={layerClass:ai("blocker"),...e},o=Le.fromTag("div");return fo(o,"role","presentation"),No(o,{position:"fixed",left:"0px",top:"0px",width:"100%",height:"100%"}),dn(o,ai("blocker")),dn(o,t.layerClass),{element:g(o),destroy:()=>{yo(o)}}})(t),n=oo(o.element(),"mousedown",e.forceDrop),r=oo(o.element(),"mouseup",e.drop),s=oo(o.element(),"mousemove",e.move),l=oo(o.element(),"mouseout",e.delayDrop);return ri({element:o.element,start:e=>{ao(e,o.element())},stop:()=>{yo(o.element())},destroy:()=>{o.destroy(),r.unbind(),s.unbind(),l.unbind(),n.unbind()}})},mutate:(e,t)=>{e.mutate(t.left,t.top)}});const ii=ce("ephox-snooker").resolve,mi=ii("resizer-bar"),di=ii("resizer-rows"),ui=ii("resizer-cols"),fi=e=>{const t=vn(e.parent(),"."+mi);N(t,yo)},gi=(e,t,o)=>{const n=e.origin();N(t,(t=>{t.each((t=>{const r=o(n,t);dn(r,mi),ao(e.parent(),r)}))}))},hi=(e,t,o,n,r)=>{const s=Go(o),l=t.isResizable,a=n.length>0?ns.positions(n,o):[],c=a.length>0?((e,t)=>j(e.all,((e,o)=>t(e.element)?[o]:[])))(e,l):[];((e,t,o,n)=>{gi(e,t,((e,t)=>{const r=((e,t,o,n)=>{const r=Le.fromTag("div");return No(r,{position:"absolute",left:t+"px",top:o-3.5+"px",height:"7px",width:n+"px"}),go(r,{"data-mce-bogus":"all","data-row":e,role:"presentation"}),r})(t.row,o.left-e.left,t.y-e.top,n);return dn(r,di),r}))})(t,_(a,((e,t)=>O(c,(e=>t===e)))),s,Ho(o));const i=r.length>0?ss.positions(r,o):[],m=i.length>0?((e,t)=>{const o=[];return k(e.grid.columns,(n=>{Ar(e,n)?.map((e=>e.element)).forall(t)&&o.push(n)})),_(o,(o=>{const n=Nr(e,(e=>e.column===o));return P(n,(e=>t(e.element)))}))})(e,l):[];((e,t,o,n)=>{gi(e,t,((e,t)=>{const r=((e,t,o,n,r)=>{const s=Le.fromTag("div");return No(s,{position:"absolute",left:t-3.5+"px",top:o+"px",height:r+"px",width:"7px"}),go(s,{"data-mce-bogus":"all","data-column":e,role:"presentation"}),s})(t.col,t.x-e.left,o.top-e.top,0,n);return dn(r,ui),r}))})(t,_(i,((e,t)=>O(m,(e=>t===e)))),s,Po(o))},pi=(e,t)=>{if(fi(e),e.isResizable(t)){const o=Dr(t),n=Ur(o),r=Vr(o);hi(o,e,t,n,r)}},bi=(e,t)=>{const o=vn(e.parent(),"."+mi);N(o,t)},wi=e=>{bi(e,(e=>{Eo(e,"display","none")}))},vi=e=>{bi(e,(e=>{Eo(e,"display","block")}))},yi=ii("resizer-bar-dragging"),xi=e=>{const t=(()=>{const e=oi({drag:ti(["xDelta","yDelta","target"])});let t=C.none();const o=(()=>{const e=oi({drag:ti(["xDelta","yDelta"])});return{mutate:(t,o)=>{e.trigger.drag(t,o)},events:e.registry}})();return o.events.drag.bind((o=>{t.each((t=>{e.trigger.drag(o.xDelta,o.yDelta,t)}))})),{assign:e=>{t=C?.some(e)},get:()=>t,mutate:o.mutate,events:e.registry}})(),o=((e,t={})=>{var o;return((e,t,o)=>{let n=!1;const r=oi({start:ti([]),stop:ti([])}),s=li(),l=()=>{m.stop(),s.isOn()&&(s.off(),r.trigger.stop())},c=(e=>{let t=null;const o=()=>{a(t)||(clearTimeout(t),t=null)};return{cancel:o,throttle:(...n)=>{o(),t=setTimeout((()=>{t=null,e.apply(null,n)}),200)}}})(l);s.events.move.bind((o=>{t.mutate(e,o.info)}));const i=e=>(...t)=>{n&&e.apply(null,t)},m=t.sink(si({forceDrop:l,drop:i(l),move:i((e=>{c.cancel(),s.onEvent(e,t)})),delayDrop:i(c.throttle)}),o);return{element:m.element,go:e=>{m.start(e),s.on(),r.trigger.start()},on:()=>{n=!0},off:()=>{n=!1},isActive:()=>n,destroy:()=>{m.destroy()},events:r.registry}})(e,null!==(o=t.mode)&&void 0!==o?o:ci,t)})(t,{});let n=C.none();const r=(e,t)=>C.from(ho(e,t));t.events.drag.bind((e=>{r(e.target,"data-row").each((t=>{const o=tr(e.target,"top");Eo(e.target,"top",o+e.yDelta+"px")})),r(e.target,"data-column").each((t=>{const o=tr(e.target,"left");Eo(e.target,"left",o+e.xDelta+"px")}))}));const s=(e,t)=>tr(e,t)-Xn(e,"data-initial-"+t,0);o.events.stop.bind((()=>{t.get().each((t=>{n.each((o=>{r(t,"data-row").each((e=>{const n=s(t,"top");bo(t,"data-initial-top"),d.trigger.adjustHeight(o,n,parseInt(e,10))})),r(t,"data-column").each((e=>{const n=s(t,"left");bo(t,"data-initial-left"),d.trigger.adjustWidth(o,n,parseInt(e,10))})),pi(e,o)}))}))}));const l=(n,r)=>{d.trigger.startAdjust(),t.assign(n),fo(n,"data-initial-"+r,tr(n,r)),dn(n,yi),Eo(n,"opacity","0.2"),o.go(e.dragContainer())},c=oo(e.parent(),"mousedown",(e=>{var t;t=e.target,un(t,di)&&l(e.target,"top"),(e=>un(e,ui))(e.target)&&l(e.target,"left")})),i=t=>Je(t,e.view()),m=oo(e.view(),"mouseover",(t=>{var r;(r=t.target,an(r,"table",i).filter(gn)).fold((()=>{Oo(t.target)&&!(e=>un(e,"ephox-snooker-resizer-bar")||un(e,"ephox-dragster-blocker"))(t.target)&&fi(e)}),(t=>{o.isActive()&&(n=C?.some(t),pi(e,t))}))})),d=oi({adjustHeight:ti(["table","delta","row"]),adjustWidth:ti(["table","delta","column"]),startAdjust:ti([])});return{destroy:()=>{c.unbind(),m.unbind(),o.destroy(),fi(e)},refresh:t=>{pi(e,t)},on:o.on,off:o.off,hideBars:b(wi,e),showBars:b(vi,e),events:d.registry}},Ci=e=>t=>t.options.get(e),Si="100%",Ti=e=>{var t;const o=e.dom,n=null!==(t=o.getParent(e.selection.getStart(),o.isBlock))&&void 0!==t?t:e.getBody();return $o(Le.fromDom(n))+"px"},Ri=e=>C.from(e.options.get("table_clone_elements")),Di=Ci("table_header_type"),Oi=Ci("table_column_resizing"),ki=e=>"preservetable"===Oi(e),Ei=e=>"resizetable"===Oi(e),Ni=Ci("table_sizing_mode"),Bi=e=>"relative"===Ni(e),_i=e=>"fixed"===Ni(e),zi=e=>"responsive"===Ni(e),Ai=Ci("table_resize_bars"),Wi=Ci("table_style_by_css"),Li=Ci("table_merge_content_on_paste"),Mi=e=>{const t=e.options,o=t.get("table_default_attributes");return t.isSet("table_default_attributes")?o:((e,t)=>zi(e)||Wi(e)?t:_i(e)?{...t,width:Ti(e)}:{...t,width:Si})(e,o)},ji=Ci("table_use_colgroups"),Pi=e=>Le.fromDom(e.getBody()),Ii=e=>t=>Je(t,Pi(e)),Fi=e=>{bo(e,"data-mce-style");const t=e=>bo(e,"data-mce-style");N(ar(e),t),N(cr(e),t),N(mr(e),t)},Hi=e=>Le.fromDom(e.selection.getStart()),$i=e=>e.getBoundingClientRect().width,Vi=e=>e.getBoundingClientRect().height,qi=e=>(t,o)=>{const n=t.dom.getStyle(o,e)||t.dom.getAttrib(o,e);return C.from(n).filter(ve)},Ui=qi("width"),Gi=qi("height"),Ki=e=>nn(e,It("table")).exists(gn),Yi=e=>rn(e,"table"),Ji=(e,t,o)=>{const n=e=>t=>void 0!==o&&o(t)||Je(t,e);return Je(e,t)?C?.some({boxes:C?.some([e]),start:e,finish:t}):Yi(e).bind((r=>Yi(t).bind((s=>{if(Je(r,s))return C?.some({boxes:Jc(r,e,t),start:e,finish:t});if(Qe(r,s)){const o=bn(t,"td,th",n(r)),l=o.length>0?o[o.length-1]:t;return C?.some({boxes:Qc(r,e,r,t,s),start:e,finish:l})}if(Qe(s,r)){const o=bn(e,"td,th",n(s)),l=o.length>0?o[o.length-1]:e;return C?.some({boxes:Qc(s,e,r,t,s),start:e,finish:l})}return((e,t)=>((e,t,o,n=y)=>{const r=[t].concat(e.up().all(t)),s=[o].concat(e.up().all(o)),l=e=>L(e,n).fold((()=>e),(t=>e.slice(0,t+1))),a=l(r),c=l(s),i=W(a,(t=>O(c,((e,t)=>b(e.eq,t))(e,t))));return{firstpath:a,secondpath:c,shared:i}})(Xl,e,t,void 0))(e,t).shared.bind((l=>an(l,"table",o).bind((o=>{const l=bn(t,"td,th",n(o)),a=l.length>0?l[l.length-1]:t,c=bn(e,"td,th",n(o)),i=c.length>0?c[c.length-1]:e;return C?.some({boxes:Qc(o,e,r,t,s),start:i,finish:a})}))))}))))},Qi=(e,t)=>{const o=vn(e,t);return o.length>0?C?.some(o):C.none()},Xi=(e,t,o)=>ln(e,t).bind((t=>ln(e,o).bind((e=>Zl(Yi,[t,e])?.map((o=>({first:t,last:e,table:o}))))))),Zi=(e,t,o,n,r)=>((e,t)=>W(e,(e=>Ge(e,t))))(e,r).bind((e=>((e,t,o)=>ir(e).bind((n=>((e,t,o,n)=>Er(e,t,Je).bind((t=>{const r=o>0?t.row+t.rowspan-1:t.row,s=n>0?t.column+t.colspan-1:t.column;return kr(e,r+o,s+n)?.map((e=>e.element))})))(Xc(n),e,t,o))))(e,t,o).bind((e=>((e,t)=>rn(e,"table").bind((o=>ln(o,t).bind((t=>Ji(t,e).bind((e=>e.boxes?.map((t=>({boxes:t,start:e.start,finish:e.finish}))))))))))(e,n))))),em=(e,t)=>Qi(e,t),tm=(e,t,o)=>Xi(e,t,o).bind((t=>{const o=t=>Je(e,t),n="thead,tfoot,tbody,table",r=rn(t.first,n,o),s=rn(t.last,n,o);return r.bind((e=>s.bind((o=>Je(e,o)?((e,t,o)=>((e,t,o)=>Gc(e,t,o).bind((t=>((e,t)=>{let o=!0;const n=b(Uc,t);for(let r=t.startRow;r<=t.finishRow;r++)for(let s=t.startCol;s<=t.finishCol;s++)o=o&&kr(e,r,s).exists(n);return o?C?.some(t):C.none()})(e,t))))(Xc(e),t,o))(t.table,t.first,t.last):C.none()))))})),om=h,nm=e=>{const t=(e,t)=>po(e,t).exists((e=>parseInt(e,10)>1));return e.length>0&&P(e,(e=>t(e,"rowspan")||t(e,"colspan")))?C?.some(e):C.none()},rm=(e,t,o)=>t.length<=1?C.none():tm(e,o.firstSelectedSelector,o.lastSelectedSelector)?.map((e=>({bounds:e,cells:t}))),sm=(e,t)=>({selection:e,kill:t}),lm=()=>({tag:"none"}),am=e=>({tag:"multiple",elements:e}),cm=e=>({tag:"single",element:e}),im=(e,t,o,n)=>({start:kn.on(e,t),finish:kn.on(o,n)}),mm=(e,t)=>{const o=Ue(e,t);return Dn(Le.fromDom(o.startContainer),o.startOffset,Le.fromDom(o.endContainer),o.endOffset)},dm=im,um=(e,t,o,n,r)=>Je(o,n)?C.none():Ji(o,n,t).bind((t=>{const n=t.boxes.getOr([]);return n.length>1?(r(e,n,t.start,t.finish),C?.some(sm(C?.some(dm(o,0,o,yn(o))),!0))):C.none()})),fm=Z([{none:["message"]},{success:[]},{failedUp:["cell"]},{failedDown:["cell"]}]),gm=e=>an(e,"tr"),hm={...fm,verify:(e,t,o,n,r,s,l)=>an(n,"td,th",l).bind((o=>an(t,"td,th",l)?.map((t=>Je(o,t)?Je(n,o)&&yn(o)===r?s(t):fm.none("in same cell"):Zl(gm,[o,t]).fold((()=>((e,t,o)=>{const n=e.getRect(t),r=e.getRect(o);return r.right>n.left&&r.left<n.right})(e,t,o)?fm.success():s(t)),(e=>s(t))))))).getOr(fm.none("default")),cata:(e,t,o,n,r)=>e.fold(t,o,n,r)},pm=It("br"),bm=(e,t,o)=>t(e,o).bind((e=>Mt(e)&&0===Jo(e).trim().length?bm(e,t,o):C?.some(e))),wm=(e,t,o,n)=>((e,t)=>Yt(e,t).filter(pm).orThunk((()=>Yt(e,t-1).filter(pm))))(t,o).bind((t=>n.traverse(t).fold((()=>bm(t,n.gather,e)?.map(n.relative)),(e=>(e=>$t(e).bind((t=>{const o=Kt(t);return((e,t)=>L(e,b(Je,t)))(o,e)?.map((n=>((e,t,o,n)=>({parent:e,children:t,element:o,index:n}))(t,o,e,n)))})))(e)?.map((e=>kn.on(e.parent,e.index))))))),vm=(e,t)=>({left:e.left,top:e.top+t,right:e.right,bottom:e.bottom+t}),ym=(e,t)=>({left:e.left,top:e.top-t,right:e.right,bottom:e.bottom-t}),xm=(e,t,o)=>({left:e.left+t,top:e.top+o,right:e.right+t,bottom:e.bottom+o}),Cm=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom}),Sm=(e,t)=>C?.some(e.getRect(t)),Tm=(e,t,o)=>Lt(t)?Sm(e,t)?.map(Cm):Mt(t)?((e,t,o)=>o>=0&&o<yn(t)?e.getRangedRect(t,o,t,o+1):o>0?e.getRangedRect(t,o-1,t,o):C.none())(e,t,o)?.map(Cm):C.none(),Rm=(e,t)=>Lt(t)?Sm(e,t)?.map(Cm):Mt(t)?e.getRangedRect(t,0,t,yn(t))?.map(Cm):C.none(),Dm=Z([{none:[]},{retry:["caret"]}]),Om=(e,t,o)=>nn(t,ta).fold(y,(t=>Rm(e,t).exists((e=>((e,t)=>e.left<t.left||Math.abs(t.right-e.left)<1||e.left>t.right)(o,e))))),km={point:e=>e.bottom,adjuster:(e,t,o,n,r)=>{const s=vm(r,5);return Math.abs(o.bottom-n.bottom)<1||o.top>r.bottom?Dm.retry(s):o.top===r.bottom?Dm.retry(vm(r,1)):Om(e,t,r)?Dm.retry(xm(s,5,0)):Dm.none()},move:vm,gather:Kl},Em=(e,t,o,n,r)=>0===r?C?.some(n):((e,t,o)=>e.elementFromPoint(t,o).filter((e=>"table"===Bt(e))).isSome())(e,n.left,t.point(n))?((e,t,o,n,r)=>Em(e,t,o,t.move(n,5),r))(e,t,o,n,r-1):e.situsFromPoint(n.left,t.point(n)).bind((s=>s.start.fold(C.none,(s=>Rm(e,s).bind((l=>t.adjuster(e,s,l,o,n).fold(C.none,(n=>Em(e,t,o,n,r-1))))).orThunk((()=>C?.some(n)))),C.none))),Nm=(e,t,o)=>{const n=e.move(o,5),r=Em(t,e,o,n,100).getOr(n);return((e,t,o)=>e.point(t)>o.getInnerHeight()?C?.some(e.point(t)-o.getInnerHeight()):e.point(t)<0?C?.some(-e.point(t)):C.none())(e,r,t).fold((()=>t.situsFromPoint(r.left,e.point(r))),(o=>(t.scrollBy(0,o),t.situsFromPoint(r.left,e.point(r)-o))))},Bm={tryUp:b(Nm,{point:e=>e.top,adjuster:(e,t,o,n,r)=>{const s=ym(r,5);return Math.abs(o.top-n.top)<1||o.bottom<r.top?Dm.retry(s):o.bottom===r.top?Dm.retry(ym(r,1)):Om(e,t,r)?Dm.retry(xm(s,5,0)):Dm.none()},move:ym,gather:Gl}),tryDown:b(Nm,km),getJumpSize:g(5)},_m=(e,t,o)=>e.getSelection().bind((n=>((e,t,o,n)=>{const r=pm(t)?((e,t,o)=>o.traverse(t).orThunk((()=>bm(t,o.gather,e)))?.map(o.relative))(e,t,n):wm(e,t,o,n);return r?.map((e=>({start:e,finish:e})))})(t,n.finish,n.foffset,o).fold((()=>C?.some(Ml(n.finish,n.foffset))),(r=>{const s=e.fromSitus(r);return l=hm.verify(e,n.finish,n.foffset,s.finish,s.foffset,o.failure,t),hm.cata(l,(e=>C.none()),(()=>C.none()),(e=>C?.some(Ml(e,0))),(e=>C?.some(Ml(e,yn(e)))));var l})))),zm=(e,t,o,n,r,s)=>0===s?C.none():Lm(e,t,o,n,r).bind((l=>{const a=e.fromSitus(l),c=hm.verify(e,o,n,a.finish,a.foffset,r.failure,t);return hm.cata(c,(()=>C.none()),(()=>C?.some(l)),(l=>Je(o,l)&&0===n?Am(e,o,n,ym,r):zm(e,t,l,0,r,s-1)),(l=>Je(o,l)&&n===yn(l)?Am(e,o,n,vm,r):zm(e,t,l,yn(l),r,s-1)))})),Am=(e,t,o,n,r)=>Tm(e,t,o).bind((t=>Wm(e,r,n(t,Bm.getJumpSize())))),Wm=(e,t,o)=>{const n=kt().browser;return n.isChromium()||n.isSafari()||n.isFirefox()?t.retry(e,o):C.none()},Lm=(e,t,o,n,r)=>Tm(e,o,n).bind((t=>Wm(e,r,t))),Mm=(e,t,o,n,r)=>an(n,"td,th",t).bind((n=>an(n,"table",t).bind((s=>((e,t)=>on(e,(e=>$t(e).exists((e=>Je(e,t)))),void 0).isSome())(r,s)?((e,t,o)=>_m(e,t,o).bind((n=>zm(e,t,n.element,n.offset,o,20)?.map(e.fromSitus))))(e,t,o).bind((e=>an(e.finish,"td,th",t)?.map((t=>({start:n,finish:t,range:e}))))):C.none())))),jm=(e,t,o,n,r,s)=>s(n,t).orThunk((()=>Mm(e,t,o,n,r)?.map((e=>{const t=e.range;return sm(C?.some(dm(t.start,t.soffset,t.finish,t.foffset)),!0)})))),Pm=(e,t)=>an(e,"tr",t).bind((e=>an(e,"table",t).bind((o=>{const n=vn(o,"tr");return Je(e,n[0])?((e,t,o)=>Vl(Ul,e,(e=>Tn(e).isSome()),o))(o,0,t)?.map((e=>{const t=yn(e);return sm(C?.some(dm(e,t,e,t)),!0)})):C.none()})))),Im=(e,t)=>an(e,"tr",t).bind((e=>an(e,"table",t).bind((o=>{const n=vn(o,"tr");return Je(e,n[n.length-1])?((e,t,o)=>ql(Ul,e,(e=>Sn(e).isSome()),o))(o,0,t)?.map((e=>sm(C?.some(dm(e,0,e,0)),!0))):C.none()})))),Fm=(e,t,o,n,r,s,l)=>Mm(e,o,n,r,s).bind((e=>um(t,o,e.start,e.finish,l))),Hm=(e,t)=>an(e,"td,th",t),$m=e=>Vt(e).exists(gn),Vm={traverse:Gt,gather:Kl,relative:kn.before,retry:Bm.tryDown,failure:hm.failedDown},qm={traverse:Ut,gather:Gl,relative:kn.before,retry:Bm.tryUp,failure:hm.failedUp},Um=e=>t=>t===e,Gm=Um(38),Km=Um(40),Ym=e=>e>=37&&e<=40,Jm={isBackward:Um(37),isForward:Um(39)},Qm={isBackward:Um(39),isForward:Um(37)},Xm=e=>({elementFromPoint:(t,o)=>Le.fromPoint(Le.fromDom(e.document),t,o),getRect:e=>e.dom.getBoundingClientRect(),getRangedRect:(t,o,n,r)=>{const s=Nn.exact(t,o,n,r);return((e,t)=>(e=>{const t=e.getClientRects(),o=t.length>0?t[0]:e.getBoundingClientRect();return o.width>0||o.height>0?C?.some(o)?.map(He):C.none()})(Ue(e,t)))(e,s)},getSelection:()=>Fn(e)?.map((t=>mm(e,t))),fromSitus:t=>{const o=Nn.relative(t.start,t.finish);return mm(e,o)},situsFromPoint:(t,o)=>Hn(e,t,o)?.map((e=>im(e.start,e.soffset,e.finish,e.foffset))),clearSelection:()=>{(e=>{_n(e).each((e=>e.removeAllRanges()))})(e)},collapseSelection:(t=!1)=>{Fn(e).each((o=>o.fold((e=>e.collapse(t)),((o,n)=>{const r=t?o:n;Mn(e,r,r)}),((o,n,r,s)=>{const l=t?o:r,a=t?n:s;Ln(e,l,a,l,a)}))))},setSelection:t=>{Ln(e,t.start,t.soffset,t.finish,t.foffset)},setRelativeSelection:(t,o)=>{Mn(e,t,o)},selectNode:t=>{In(e,t,!1)},selectContents:t=>{In(e,t)},getInnerHeight:()=>e.innerHeight,getScrollY:()=>(e=>{const t=void 0!==e?e.dom:document,o=t.body.scrollLeft||t.documentElement.scrollLeft,n=t.body.scrollTop||t.documentElement.scrollTop;return qo(o,n)})(Le.fromDom(e.document)).top,scrollBy:(t,o)=>{((e,t,o)=>{const n=(void 0!==o?o.dom:document).defaultView;n&&n.scrollBy(e,t)})(t,o,Le.fromDom(e.document))}}),Zm=(e,t)=>({rows:e,cols:t}),ed=e=>nn(e,Wt).exists(gn),td=(e,t)=>ed(e)||ed(t),od="data-mce-selected",nd="data-mce-first-selected",rd="data-mce-last-selected",sd="["+od+"]",ld={selected:od,selectedSelector:"td["+od+"],th["+od+"]",firstSelected:nd,firstSelectedSelector:"td["+nd+"],th["+nd+"]",lastSelected:rd,lastSelectedSelector:"td["+rd+"],th["+rd+"]"},ad=(e,t,o)=>({element:o,mergable:rm(t,e,ld),unmergable:nm(e),selection:om(e)}),cd=e=>(t,o)=>{const n=Bt(t),r="col"===n||"colgroup"===n?ir(s=t).bind((e=>em(e,ld.firstSelectedSelector))).fold(g(s),(e=>e[0])):t;var s;return an(r,e,o)},id=cd("th,td,caption"),md=cd("th,td"),dd=e=>{return t=e.model.table.getSelectedCells(),E(t,Le.fromDom);var t},ud=(e,t)=>{e.on("BeforeGetContent",(t=>{const o=o=>{t.preventDefault(),(e=>ir(e[0])?.map((e=>{const t=((e,t)=>{const o=e=>Ge(e.element,t),n=To(e),r=vr(n),s=As(e),l=Or(r),a=((e,t)=>{const o=e.grid.columns;let n=e.grid.rows,r=o,s=0,l=0;const a=[],c=[];return G(e.access,(e=>{if(a.push(e),t(e)){c.push(e);const t=e.row,o=t+e.rowspan-1,a=e.column,i=a+e.colspan-1;t<n?n=t:o>s&&(s=o),a<r?r=a:i>l&&(l=i)}})),((e,t,o,n,r,s)=>({minRow:e,minCol:t,maxRow:o,maxCol:n,allCells:r,selectedCells:s}))(n,r,s,l,a,c)})(l,o),c="th:not("+t+"),td:not("+t+")",i=sr(n,"th,td",(e=>Ge(e,c)));N(i,yo),((e,t,o,n)=>{const r=_(e,(e=>"colgroup"!==e.section)),s=t.grid.columns,l=t.grid.rows;for(let e=0;e<l;e++){let l=!1;for(let a=0;a<s;a++)e<o.minRow||e>o.maxRow||a<o.minCol||a>o.maxCol||(kr(t,e,a).filter(n).isNone()?al(r,l,e):l=!0)}})(r,l,a,o);const m=((e,t,o,n)=>{if(0===n.minCol&&t.grid.columns===n.maxCol+1)return 0;const r=Es(t,e,o),s=A(r,((e,t)=>e+t),0),l=A(r.slice(n.minCol,n.maxCol+1),((e,t)=>e+t),0),a=l/s*o.pixelWidth()-o.pixelWidth();return o.getCellDelta(a)})(e,Dr(e),s,a);return((e,t,o,n)=>{G(o.columns,(e=>{(e.column<t.minCol||e.column>t.maxCol)&&yo(e.element)}));const r=_(rr(e,"tr"),(e=>0===e.dom.childElementCount));N(r,yo),t.minCol!==t.maxCol&&t.minRow!==t.maxRow||N(rr(e,"th,td"),(e=>{bo(e,"rowspan"),bo(e,"colspan")})),bo(e,yr),bo(e,"data-snooker-col-series"),As(e).adjustTableWidth(n)})(n,a,l,m),n})(e,sd);return Fi(t),[t]})))(o).each((o=>{const n="text"===t.format?((e,t)=>{const o=e.getDoc(),n=Qt(Le.fromDom(e.getBody())),r=Le.fromTag("div",o);fo(r,"data-mce-bogus","all"),No(r,{position:"fixed",left:"-9999999px",top:"0",overflow:"hidden",opacity:"0"});const s=(e=>Jt(e)?e:Le.fromDom(Ht(e).dom.body))(n);mo(r,t),ao(s,r);const l=r.dom.innerText;return yo(r),l})(e,o):((e,t)=>E(t,(t=>e.selection.serializer.serialize(t.dom,{}))).join(""))(e,o);t.content=n}))};if(!0===t.selection){const t=(e=>_(dd(e),(e=>Ge(e,ld.selectedSelector))))(e);t.length>=1&&o(t)}})),e.on("BeforeSetContent",(o=>{if(!0===o.selection&&!0===o.paste){const n=dd(e);H(n).each((n=>{ir(n).each((r=>{const s=_((e=>{const t=document.createElement("div");return t.innerHTML=e,Kt(Le.fromDom(t))})(o.content),(e=>"meta"!==Bt(e))),l=It("table");if(Li(e)&&1===s.length&&l(s[0])){o.preventDefault();const l=Le.fromDom(e.getDoc()),a=pa(l),c=((e,t,o)=>({element:e,clipboard:t,generators:o}))(n,s[0],a);t.pasteCells(r,c).each((()=>{e.focus()}))}}))}))}}))},fd=(e,t)=>e.dispatch("NewRow",{node:t}),gd=(e,t)=>e.dispatch("NewCell",{node:t}),hd=(e,t,o)=>{e.dispatch("TableModified",{...o,table:t})},pd={structure:!1,style:!0},bd={structure:!0,style:!1},wd={structure:!0,style:!0},vd=(e,t)=>Bi(e)?Ls(t):_i(e)?Ws(t):As(t),yd=(e,t,o)=>{const n=e=>"table"===Bt(Pi(e)),r=Ri(e),s=Ei(e)?f:rl,l=t=>{switch(Di(e)){case"section":return Ir();case"sectionCells":return Fr();case"cells":return Hr();default:return((e,t)=>{var o;switch((o=Dr(e),V(o.all,(e=>{const t=hr(e);return"header"===t.type?C.from(t.subType):C.none()}))).getOr(t)){case"section":return Mr();case"sectionCells":return jr();case"cells":return Pr()}})(t,"section")}},a=(n,s,a,c)=>(i,m,d=!1)=>{Fi(i);const u=Le.fromDom(e.getDoc()),f=ha(a,u,r),g={sizing:vd(e,i),resize:Ei(e)?Jn():Qn(),section:l(i)};return s(i)?n(i,m,f,g).bind((n=>{t.refresh(i.dom),N(n.newRows,(t=>{fd(e,t.dom)})),N(n.newCells,(t=>{gd(e,t.dom)}));const r=((t,n)=>n.cursor.fold((()=>{const n=ar(t);return H(n).filter(Oo)?.map((n=>{o.clearSelectedCells(t.dom);const r=e.dom.createRng();return r.selectNode(n.dom),e.selection.setRng(r),fo(n,"data-mce-selected","1"),r}))}),(n=>{const r=Fl(Hl,n),s=e.dom.createRng();return s.setStart(r.element.dom,r.offset),s.setEnd(r.element.dom,r.offset),e.selection.setRng(s),o.clearSelectedCells(t.dom),C?.some(s)})))(i,n);return Oo(i)&&(Fi(i),d||hd(e,i.dom,c)),r?.map((e=>({rng:e,effect:c})))})):C.none()},c=a(Oc,(t=>!n(e)||ba(t).rows>1),f,bd),i=a(Dc,(t=>!n(e)||ba(t).columns>1),f,bd);return{deleteRow:c,deleteColumn:i,insertRowsBefore:a(Cc,x,f,bd),insertRowsAfter:a(Sc,x,f,bd),insertColumnsBefore:a(Tc,x,s,bd),insertColumnsAfter:a(Rc,x,s,bd),mergeCells:a(Wc,x,f,bd),unmergeCells:a(Lc,x,f,bd),pasteColsBefore:a(jc,x,f,bd),pasteColsAfter:a(Pc,x,f,bd),pasteRowsBefore:a(Ic,x,f,bd),pasteRowsAfter:a(Fc,x,f,bd),pasteCells:a(Mc,x,f,wd),makeCellsHeader:a(zc,x,f,bd),unmakeCellsHeader:a(Ac,x,f,bd),makeColumnsHeader:a(kc,x,f,bd),unmakeColumnsHeader:a(Ec,x,f,bd),makeRowsHeader:a(Nc,x,f,bd),makeRowsBody:a(Bc,x,f,bd),makeRowsFooter:a(_c,x,f,bd),getTableRowType:Vc,getTableCellType:$c,getTableColType:Hc}},xd=(e,t)=>{e.selection.select(t.dom,!0),e.selection.collapse(!0)},Cd=(e,t,o,n,s)=>{const l=(e=>{const t=e.options,o=t.get("table_default_styles");return t.isSet("table_default_styles")?o:((e,t)=>zi(e)||!Wi(e)?t:_i(e)?{...t,width:Ti(e)}:{...t,width:Si})(e,o)})(e),a={styles:l,attributes:Mi(e),colGroups:ji(e)};return e.undoManager.ignore((()=>{const r=((e,t,o,n,r,s=Zc)=>{const l=Le.fromTag("table"),a="cells"!==r;No(l,s.styles),go(l,s.attributes),s.colGroups&&ao(l,(e=>{const t=Le.fromTag("colgroup");return k(e,(()=>ao(t,Le.fromTag("col")))),t})(t));const c=Math.min(e,o);if(a&&o>0){const e=Le.fromTag("thead");ao(l,e);const s=ei(o,t,"sectionCells"===r?c:0,n);mo(e,s)}const i=Le.fromTag("tbody");ao(l,i);const m=ei(a?e-c:e,t,a?0:o,n);return mo(i,m),l})(o,t,s,n,Di(e),a);fo(r,"data-mce-id","__mce");const l=(e=>{const t=Le.fromTag("div"),o=Le.fromDom(e.dom.cloneNode(!0));return ao(t,o),(e=>e.dom.innerHTML)(t)})(r);e.insertContent(l),e.addVisual()})),ln(Pi(e),'table[data-mce-id="__mce"]')?.map((t=>(_i(e)?la(t):zi(e)?aa(t):(Bi(e)||(e=>r(e)&&-1!==e.indexOf("%"))(l.width))&&sa(t),Fi(t),bo(t,"data-mce-id"),((e,t)=>{N(vn(t,"tr"),(t=>{fd(e,t.dom),N(vn(t,"th,td"),(t=>{gd(e,t.dom)}))}))})(e,t),((e,t)=>{ln(t,"td,th").each(b(xd,e))})(e,t),t.dom))).getOrNull()};var Sd=tinymce.util.Tools.resolve("tinymce.FakeClipboard");const Td="x-tinymce/dom-table-",Rd=Td+"rows",Dd=Td+"columns",Od=e=>{const t=Sd.FakeClipboardItem(e);Sd.write([t])},kd=e=>{var t;const o=null!==(t=Sd.read())&&void 0!==t?t:[];return V(o,(t=>C.from(t.getType(e))))},Ed=e=>{kd(e).isSome()&&Sd.clear()},Nd=e=>{e.fold(_d,(e=>Od({[Rd]:e})))},Bd=()=>kd(Rd),_d=()=>Ed(Rd),zd=e=>{e.fold(Wd,(e=>Od({[Dd]:e})))},Ad=()=>kd(Dd),Wd=()=>Ed(Dd),Ld=e=>id(Hi(e),Ii(e)).filter(Ki),Md=(e,t)=>{const o=Ii(e),n=e=>ir(e,o),l=t=>(e=>md(Hi(e),Ii(e)).filter(Ki))(e).bind((e=>n(e)?.map((o=>t(o,e))))),a=t=>{e.focus()},c=(t,o=!1)=>l(((n,r)=>{const s=ad(dd(e),n,r);t(n,s,o).each(a)})),i=()=>l(((t,o)=>((e,t,o)=>{const n=Dr(e);return Ys(n,t).bind((e=>{const t=Hs(n,o,!1),r=ze(t).rows.slice(e[0].row,e[e.length-1].row+e[e.length-1].rowspan),s=j(r,(e=>{const t=_(e.cells,(e=>!e.isLocked));return t.length>0?[{...e,cells:t}]:[]})),l=$s(s);return de(l.length>0,l)}))?.map((e=>E(e,(e=>{const t=So(e.element);return N(e.cells,(e=>{const o=To(e.element);Ms(o,"colspan",e.colspan,1),Ms(o,"rowspan",e.rowspan,1),ao(t,o)})),t}))))})(t,ad(dd(e),t,o),ha(f,Le.fromDom(e.getDoc()),C.none())))),m=()=>l(((t,o)=>((e,t)=>{const o=Dr(e);return Js(o,t)?.map((e=>{const t=e[e.length-1],n=e[0].column,r=t.column+t.colspan,s=((e,t,o)=>{if(zr(e)){const n=_(_r(e),ll(t,o)),r=E(n,(e=>{const n=To(e.element);return sl(n,"span",o-t),n})),s=Le.fromTag("colgroup");return mo(s,r),[s]}return[]})(o,n,r),l=((e,t,o)=>E(e.all,(e=>{const n=_(e.cells,ll(t,o)),r=E(n,(e=>{const n=To(e.element);return sl(n,"colspan",o-t),n})),s=Le.fromTag("tr");return mo(s,r),s})))(o,n,r);return[...s,...l]}))})(t,ad(dd(e),t,o)))),d=(t,o)=>o().each((o=>{const n=E(o,(e=>To(e)));l(((o,r)=>{const s=pa(Le.fromDom(e.getDoc())),l=((e,t,o,n)=>({selection:om(e),clipboard:o,generators:n}))(dd(e),0,n,s);t(o,l).each(a)}))})),g=e=>(t,o)=>((e,t)=>X(e,t)?C.from(e[t]):C.none())(o,"type").each((t=>{c(e(t),o.no_events)}));G({mceTableSplitCells:()=>c(t.unmergeCells),mceTableMergeCells:()=>c(t.mergeCells),mceTableInsertRowBefore:()=>c(t.insertRowsBefore),mceTableInsertRowAfter:()=>c(t.insertRowsAfter),mceTableInsertColBefore:()=>c(t.insertColumnsBefore),mceTableInsertColAfter:()=>c(t.insertColumnsAfter),mceTableDeleteCol:()=>c(t.deleteColumn),mceTableDeleteRow:()=>c(t.deleteRow),mceTableCutCol:()=>m().each((e=>{zd(e),c(t.deleteColumn)})),mceTableCutRow:()=>i().each((e=>{Nd(e),c(t.deleteRow)})),mceTableCopyCol:()=>m().each((e=>zd(e))),mceTableCopyRow:()=>i().each((e=>Nd(e))),mceTablePasteColBefore:()=>d(t.pasteColsBefore,Ad),mceTablePasteColAfter:()=>d(t.pasteColsAfter,Ad),mceTablePasteRowBefore:()=>d(t.pasteRowsBefore,Bd),mceTablePasteRowAfter:()=>d(t.pasteRowsAfter,Bd),mceTableDelete:()=>Ld(e).each((t=>{ir(t,o).filter(w(o)).each((t=>{const o=Le.fromText("");if(so(t,o),yo(t),e.dom.isEmpty(e.getBody()))e.setContent(""),e.selection.setCursorLocation();else{const t=e.dom.createRng();t.setStart(o.dom,0),t.setEnd(o.dom,0),e.selection.setRng(t),e.nodeChanged()}}))})),mceTableCellToggleClass:(t,o)=>{l((t=>{const n=dd(e),r=P(n,(t=>e.formatter.match("tablecellclass",{value:o},t.dom))),s=r?e.formatter.remove:e.formatter.apply;N(n,(e=>s("tablecellclass",{value:o},e.dom))),hd(e,t.dom,pd)}))},mceTableToggleClass:(t,o)=>{l((t=>{e.formatter.toggle("tableclass",{value:o},t.dom),hd(e,t.dom,pd)}))},mceTableToggleCaption:()=>{Ld(e).each((t=>{ir(t,o).each((o=>{sn(o,"caption").fold((()=>{const t=Le.fromTag("caption");ao(t,Le.fromText("Caption")),((e,t)=>{Yt(e,0).fold((()=>{ao(e,t)}),(e=>{ro(e,t)}))})(o,t),e.selection.setCursorLocation(t.dom,0)}),(n=>{It("caption")(t)&&Ye("td",o).each((t=>e.selection.setCursorLocation(t.dom,0))),yo(n)})),hd(e,o.dom,bd)}))}))},mceTableSizingMode:(t,n)=>(t=>Ld(e).each((n=>{zi(e)||_i(e)||Bi(e)||ir(n,o).each((o=>{"relative"!==t||Rl(o)?"fixed"!==t||Dl(o)?"responsive"!==t||Ol(o)||aa(o):la(o):sa(o),Fi(o),hd(e,o.dom,bd)}))})))(n),mceTableCellType:g((e=>"th"===e?t.makeCellsHeader:t.unmakeCellsHeader)),mceTableColType:g((e=>"th"===e?t.makeColumnsHeader:t.unmakeColumnsHeader)),mceTableRowType:g((e=>{switch(e){case"header":return t.makeRowsHeader;case"footer":return t.makeRowsFooter;default:return t.makeRowsBody}}))},((t,o)=>e.addCommand(o,t))),e.addCommand("mceInsertTable",((t,o)=>{((e,t,o,n={})=>{const r=e=>u(e)&&e>0;if(r(t)&&r(o)){const r=n.headerRows||0,s=n.headerColumns||0;return Cd(e,o,t,s,r)}console.error("Invalid values for mceInsertTable - rows and columns values are required to insert a table.")})(e,o.rows,o.columns,o.options)})),e.addCommand("mceTableApplyCellStyle",((t,o)=>{const l=e=>"tablecell"+e.toLowerCase().replace("-","");if(!s(o))return;const a=_(dd(e),Ki);if(0===a.length)return;const c=((e,t)=>{const o={};return((e,t,o,n)=>{G(e,((e,r)=>{(t(e,r)?o:n)(e,r)}))})(e,t,(e=>(t,o)=>{e[o]=t})(o),f),o})(o,((t,o)=>e.formatter.has(l(o))&&r(t)));(e=>{for(const t in e)if(U.call(e,t))return!1;return!0})(c)||(G(c,((t,o)=>{const n=l(o);N(a,(o=>{""===t?e.formatter.remove(n,{value:null},o.dom,!0):e.formatter.apply(n,{value:t},o.dom)}))})),n(a[0]).each((t=>hd(e,t.dom,pd))))}))},jd=e=>!un(Le.fromDom(e.target),"ephox-snooker-resizer-bar"),Pd=(e,t)=>{const o=(r=ld.selectedSelector,{get:()=>em(Le.fromDom(e.getBody()),r).fold((()=>md(Hi(e),Ii(e)).fold(lm,cm)),am)}),n=((e,t,o)=>{const n=t=>{bo(t,e.selected),bo(t,e.firstSelected),bo(t,e.lastSelected)},r=t=>{fo(t,e.selected,"1")},s=e=>{l(e),o()},l=t=>{const o=vn(t,`${e.selectedSelector},${e.firstSelectedSelector},${e.lastSelectedSelector}`);N(o,n)};return{clearBeforeUpdate:l,clear:s,selectRange:(o,n,l,a)=>{s(o),N(n,r),fo(l,e.firstSelected,"1"),fo(a,e.lastSelected,"1"),t(n,l,a)},selectedSelector:e.selectedSelector,firstSelectedSelector:e.firstSelectedSelector,lastSelectedSelector:e.lastSelectedSelector}})(ld,((t,o,n)=>{ir(o).each((r=>{const s=E(t,(e=>e.dom)),l=Ri(e),a=ha(f,Le.fromDom(e.getDoc()),l),c=((e,t,o)=>{const n=Dr(e);return Ys(n,t)?.map((e=>{const t=Hs(n,o,!1),{rows:r}=ze(t),s=((e,t)=>{const o=e.slice(0,t[t.length-1].row+1),n=$s(o);return j(n,(e=>{const o=e.cells.slice(0,t[t.length-1].column+1);return E(o,(e=>e.element))}))})(r,e),l=((e,t)=>{const o=e.slice(t[0].row+t[0].rowspan-1,e.length),n=$s(o);return j(n,(e=>{const o=e.cells.slice(t[0].column+t[0].colspan-1,e.cells.length);return E(o,(e=>e.element))}))})(r,e);return{upOrLeftCells:s,downOrRightCells:l}}))})(r,{selection:dd(e)},a)?.map((e=>K(e,(e=>E(e,(e=>e.dom)))))).getOrUndefined();((e,t,o,n,r)=>{e.dispatch("TableSelectionChange",{cells:t,start:o,finish:n,otherCells:r})})(e,s,o.dom,n.dom,c)}))}),(()=>(e=>{e.dispatch("TableSelectionClear")})(e)));var r;return e.on("init",(o=>{const r=e.getWin(),s=Pi(e),l=Ii(e),a=((e,t,o,n)=>{const r=((e,t,o,n)=>{const r=fe(),s=r.clear,l=s=>{r.on((r=>{n.clearBeforeUpdate(t),Hm(s.target,o).each((l=>{Ji(r,l,o).each((o=>{const r=o.boxes.getOr([]);if(1===r.length){const e=r[0],o="false"===hn(e),l=ie(fn(s.target),e,Je);o&&l&&n.selectRange(t,r,e,e)}else r.length>1&&(n.selectRange(t,r,o.start,o.finish),e.selectContents(l))}))}))}))};return{clearstate:s,mousedown:e=>{n.clear(t),Hm(e.target,o).filter($m).each(r.set)},mouseover:e=>{l(e)},mouseup:e=>{l(e),s()}}})(Xm(e),t,o,n);return{clearstate:r.clearstate,mousedown:r.mousedown,mouseover:r.mouseover,mouseup:r.mouseup}})(r,s,l,n),c=((e,t,o,n)=>{const r=Xm(e),s=()=>(n.clear(t),C.none());return{keydown:(e,l,a,c,i,m)=>{const d=e.raw,u=d.which,f=!0===d.shiftKey,g=Qi(t,n.selectedSelector).fold((()=>(Ym(u)&&!f&&n.clearBeforeUpdate(t),Ym(u)&&f&&!td(l,c)?C.none:Km(u)&&f?b(Fm,r,t,o,Vm,c,l,n.selectRange):Gm(u)&&f?b(Fm,r,t,o,qm,c,l,n.selectRange):Km(u)?b(jm,r,o,Vm,c,l,Im):Gm(u)?b(jm,r,o,qm,c,l,Pm):C.none)),(e=>{const o=o=>()=>{const s=V(o,(o=>((e,t,o,n,r)=>Zi(n,e,t,r.firstSelectedSelector,r.lastSelectedSelector)?.map((e=>(r.clearBeforeUpdate(o),r.selectRange(o,e.boxes,e.start,e.finish),e.boxes))))(o.rows,o.cols,t,e,n)));return s.fold((()=>Xi(t,n.firstSelectedSelector,n.lastSelectedSelector)?.map((e=>{const o=Km(u)||m.isForward(u)?kn.after:kn.before;return r.setRelativeSelection(kn.on(e.first,0),o(e.table)),n.clear(t),sm(C.none(),!0)}))),(e=>C?.some(sm(C.none(),!0))))};return Ym(u)&&f&&!td(l,c)?C.none:Km(u)&&f?o([Zm(1,0)]):Gm(u)&&f?o([Zm(-1,0)]):m.isBackward(u)&&f?o([Zm(0,-1),Zm(-1,0)]):m.isForward(u)&&f?o([Zm(0,1),Zm(1,0)]):Ym(u)&&!f?s:C.none}));return g()},keyup:(e,r,s,l,a)=>Qi(t,n.selectedSelector).fold((()=>{const c=e.raw,i=c.which;return!0===c.shiftKey&&Ym(i)&&td(r,l)?((e,t,o,n,r,s,l)=>Je(o,r)&&n===s?C.none():an(o,"td,th",t).bind((o=>an(r,"td,th",t).bind((n=>um(e,t,o,n,l))))))(t,o,r,s,l,a,n.selectRange):C.none()}),C.none)}})(r,s,l,n),i=((e,t,o,n)=>{const r=Xm(e);return(e,s)=>{n.clearBeforeUpdate(t),Ji(e,s,o).each((e=>{const o=e.boxes.getOr([]);n.selectRange(t,o,e.start,e.finish),r.selectContents(s),r.collapseSelection()}))}})(r,s,l,n);e.on("TableSelectorChange",(e=>i(e.start,e.finish)));const m=(t,o)=>{(e=>!0===e.raw.shiftKey)(t)&&(o.kill&&t.kill(),o.selection.each((t=>{const o=Nn.relative(t.start,t.finish),n=Ue(r,o);e.selection.setRng(n)})))},d=e=>0===e.button,u=(()=>{const e=ee(Le.fromDom(s)),t=ee(0);return{touchEnd:o=>{const n=Le.fromDom(o.target);if(It("td")(n)||It("th")(n)){const r=e.get(),s=t.get();Je(r,n)&&o.timeStamp-s<300&&(o.preventDefault(),i(n,n))}e.set(n),t.set(o.timeStamp)}}})();e.on("dragstart",(e=>{a.clearstate()})),e.on("mousedown",(e=>{d(e)&&jd(e)&&a.mousedown(no(e))})),e.on("mouseover",(e=>{var t;(void 0===(t=e).buttons||1&t.buttons)&&jd(e)&&a.mouseover(no(e))})),e.on("mouseup",(e=>{d(e)&&jd(e)&&a.mouseup(no(e))})),e.on("touchend",u.touchEnd),e.on("keyup",(t=>{const o=no(t);if(o.raw.shiftKey&&Ym(o.raw.which)){const t=e.selection.getRng(),n=Le.fromDom(t.startContainer),r=Le.fromDom(t.endContainer);c.keyup(o,n,t.startOffset,r,t.endOffset).each((e=>{m(o,e)}))}})),e.on("keydown",(o=>{const n=no(o);t.hide();const r=e.selection.getRng(),s=Le.fromDom(r.startContainer),l=Le.fromDom(r.endContainer),a=Zo(Jm,Qm)(Le.fromDom(e.selection.getStart()));c.keydown(n,s,r.startOffset,l,r.endOffset,a).each((e=>{m(n,e)})),t.show()})),e.on("NodeChange",(()=>{const t=e.selection,o=Le.fromDom(t.getStart()),r=Le.fromDom(t.getEnd());Zl(ir,[o,r]).fold((()=>n.clear(s)),f)}))})),e.on("PreInit",(()=>{e.serializer.addTempAttr(ld.firstSelected),e.serializer.addTempAttr(ld.lastSelected)})),{getSelectedCells:()=>((e,t)=>{switch(e.tag){case"none":return t();case"single":return(e=>[e.dom])(e.element);case"multiple":return(e=>E(e,(e=>e.dom)))(e.elements)}})(o.get(),g([])),clearSelectedCells:e=>n.clear(Le.fromDom(e))}},Id=e=>m(e)&&"TABLE"===e.nodeName,Fd="bar-",Hd=e=>"false"!==ho(e,"data-mce-resize"),$d=e=>{const t=fe(),o=fe(),n=fe();let r,s,l,a;const c=t=>vd(e,t),i=()=>ki(e)?Qn():Jn(),m=(t,o,n,m)=>{const d=(e=>{return pe(t=e,"corner-")?(e=>e.substring(7))(t):t;var t})(o),u=be(d,"e"),f=pe(d,"n");if(""===s&&sa(t),""===a&&(e=>{const t=(e=>jo(e)+"px")(e);Tl(e,C.none(),C?.some(t)),ra(e)})(t),n!==r&&""!==s){Eo(t,"width",s);const o=i(),l=c(t),a=ki(e)||u?(e=>ba(e).columns)(t)-1:0;ol(t,n-r,a,o,l)}else if((e=>/^(\d+(\.\d+)?)%$/.test(e))(s)){const e=parseFloat(s.replace("%",""));Eo(t,"width",n*e/r+"%")}if((e=>/^(\d+(\.\d+)?)px$/.test(e))(s)&&(e=>{const t=Dr(e);zr(t)||N(ar(e),(e=>{const t=Bo(e,"width");Eo(e,"width",t),bo(e,"width")}))})(t),m!==l&&""!==a){Eo(t,"height",a);const e=f?0:(e=>ba(e).rows)(t)-1;nl(t,m-l,e)}};e.on("init",(()=>{const r=((e,t)=>((e,t)=>({parent:g(e),view:g(e),dragContainer:g(e),origin:()=>Go(e),isResizable:t}))(Le.fromDom(e.getBody()),t))(e,Hd);if(n.set(r),(e=>{const t=e.options.get("object_resizing");return D(t.split(","),"table")})(e)&&Ai(e)){const n=((e,t,o)=>{const n=ns,r=ss,s=xi(e),l=oi({beforeResize:ti(["table","type"]),afterResize:ti(["table","type"]),startDrag:ti([])});return s.events.adjustHeight.bind((e=>{const t=e.table;l.trigger.beforeResize(t,"row");const o=n.delta(e.delta,t);nl(t,o,e.row),l.trigger.afterResize(t,"row")})),s.events.startAdjust.bind((e=>{l.trigger.startDrag()})),s.events.adjustWidth.bind((e=>{const n=e.table;l.trigger.beforeResize(n,"col");const s=r.delta(e.delta,n),a=o(n);ol(n,s,e.column,t,a),l.trigger.afterResize(n,"col")})),{on:s.on,off:s.off,refreshBars:s.refresh,hideBars:s.hideBars,showBars:s.showBars,destroy:s.destroy,events:l.registry}})(r,i(),c);e.mode.isReadOnly()||n.on(),n.events.startDrag.bind((o=>{t.set(e.selection.getRng())})),n.events.beforeResize.bind((t=>{const o=t.table.dom;((e,t,o,n,r)=>{e.dispatch("ObjectResizeStart",{target:t,width:o,height:n,origin:r})})(e,o,$i(o),Vi(o),Fd+t.type)})),n.events.afterResize.bind((o=>{const n=o.table,r=n.dom;Fi(n),t.on((t=>{e.selection.setRng(t),e.focus()})),((e,t,o,n,r)=>{e.dispatch("ObjectResized",{target:t,width:o,height:n,origin:r})})(e,r,$i(r),Vi(r),Fd+o.type),e.undoManager.add()})),o.set(n)}})),e.on("ObjectResizeStart",(t=>{const o=t.target;if(Id(o)&&!e.mode.isReadOnly()){const n=Le.fromDom(o);N(e.dom.select(".mce-clonedresizable"),(t=>{e.dom.addClass(t,"mce-"+Oi(e)+"-columns")})),!Dl(n)&&_i(e)?la(n):!Rl(n)&&Bi(e)&&sa(n),Ol(n)&&pe(t.origin,Fd)&&sa(n),r=t.width,s=zi(e)?"":Ui(e,o).getOr(""),l=t.height,a=Gi(e,o).getOr("")}})),e.on("ObjectResized",(t=>{const o=t.target;if(Id(o)){const n=Le.fromDom(o),r=t.origin;(e=>pe(e,"corner-"))(r)&&m(n,r,t.width,t.height),Fi(n),hd(e,n.dom,pd)}}));const d=()=>{o.on((e=>{e.on(),e.showBars()}))},u=()=>{o.on((e=>{e.off(),e.hideBars()}))};return e.on("DisabledStateChange",(e=>{e.state?u():d()})),e.on("SwitchMode",(()=>{e.mode.isReadOnly()?u():d()})),e.on("dragstart dragend",(e=>{"dragstart"===e.type?u():d()})),e.on("remove",(()=>{o.on((e=>{e.destroy()}))})),{refresh:e=>{o.on((t=>t.refreshBars(Le.fromDom(e))))},hide:()=>{o.on((e=>e.hideBars()))},show:()=>{o.on((e=>e.showBars()))}}},Vd=e=>{(e=>{const t=e.options.register;t("table_clone_elements",{processor:"string[]"}),t("table_use_colgroups",{processor:"boolean",default:!0}),t("table_header_type",{processor:e=>{const t=D(["section","cells","sectionCells","auto"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be one of: section, cells, sectionCells or auto."}},default:"section"}),t("table_sizing_mode",{processor:"string",default:"auto"}),t("table_default_attributes",{processor:"object",default:{border:"1"}}),t("table_default_styles",{processor:"object",default:{"border-collapse":"collapse"}}),t("table_column_resizing",{processor:e=>{const t=D(["preservetable","resizetable"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be preservetable, or resizetable."}},default:"preservetable"}),t("table_resize_bars",{processor:"boolean",default:!0}),t("table_style_by_css",{processor:"boolean",default:!0}),t("table_merge_content_on_paste",{processor:"boolean",default:!0})})(e);const t=$d(e),o=Pd(e,t),n=yd(e,t,o);return Md(e,n),((e,t)=>{const o=Ii(e),n=t=>md(Hi(e)).bind((n=>ir(n,o)?.map((o=>{const r=ad(dd(e),o,n);return t(o,r)})))).getOr("");G({mceTableRowType:()=>n(t.getTableRowType),mceTableCellType:()=>n(t.getTableCellType),mceTableColType:()=>n(t.getTableColType)},((t,o)=>e.addQueryValueHandler(o,t)))})(e,n),ud(e,n),{getSelectedCells:o.getSelectedCells,clearSelectedCells:o.clearSelectedCells}};e.add("dom",(e=>({table:Vd(e)})))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/index.js
new file mode 100644
index 000000000..bba980719
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/index.js
@@ -0,0 +1,7 @@
+// Exports the "accordion" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/accordion')
+//   ES2015:
+//     import 'tinymce/plugins/accordion'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/plugin.js
new file mode 100644
index 000000000..472d53bd5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/plugin.js
@@ -0,0 +1,1349 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType$1('string');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const nativeIndexOf = Array.prototype.indexOf;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$2 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+
+    const point = (element, offset) => ({
+        element,
+        offset
+    });
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const COMMENT = 8;
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    const is = is$1;
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isComment = (element) => type(element) === COMMENT || name(element) === '#comment';
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument(dos) ? dos : owner(dos);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const prevSibling = (element) => Optional.from(element.dom.previousSibling)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+    const child = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child(element, 0);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+
+    const before = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$1 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const wrap = (element, wrapper) => {
+        before(element, wrapper);
+        append$1(wrapper, element);
+    };
+
+    const after = (marker, elements) => {
+        each$1(elements, (x, i) => {
+            const e = i === 0 ? marker : elements[i - 1];
+            after$1(e, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$1(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$2 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll = (element, attrs) => {
+        const dom = element.dom;
+        each(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const get$2 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$2(element, key));
+    const remove$2 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const clone = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const remove$1 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+    const unwrap = (wrapper) => {
+        const children$1 = children(wrapper);
+        if (children$1.length > 0) {
+            after(wrapper, children$1);
+        }
+        remove$1(wrapper);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$1 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$1 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const remove = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$2(getOpt(element, 'style')?.map(trim), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$2(element, 'style');
+        }
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText, 'text');
+    const get = (element) => api.get(element);
+    const set = (element, value) => api.set(element, value);
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$1 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+
+    const ancestor = (scope, selector, isRoot) => ancestor$1(scope, (e) => is$1(e, selector), isRoot);
+    const descendant = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor, scope, selector, isRoot);
+    };
+
+    const descendants$1 = (scope, predicate) => {
+        let result = [];
+        // Recurse.toArray() might help here
+        each$1(children(scope), (x) => {
+            if (predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(descendants$1(x, predicate));
+        });
+        return result;
+    };
+
+    const descendants = (scope, selector) => all(selector, scope);
+
+    var TagBoundaries = [
+        'body',
+        'p',
+        'div',
+        'article',
+        'aside',
+        'figcaption',
+        'figure',
+        'footer',
+        'header',
+        'nav',
+        'section',
+        'ol',
+        'ul',
+        'li',
+        'table',
+        'thead',
+        'tbody',
+        'tfoot',
+        'caption',
+        'tr',
+        'td',
+        'th',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'blockquote',
+        'pre',
+        'address'
+    ];
+
+    var DomUniverse = () => {
+        const clone$1 = (element) => {
+            return SugarElement.fromDom(element.dom.cloneNode(false));
+        };
+        const document = (element) => documentOrOwner(element).dom;
+        const isBoundary = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            if (name(element) === 'body') {
+                return true;
+            }
+            return contains(TagBoundaries, name(element));
+        };
+        const isEmptyTag = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            return contains(['br', 'img', 'hr', 'input'], name(element));
+        };
+        const isNonEditable = (element) => isElement(element) && get$2(element, 'contenteditable') === 'false';
+        const comparePosition = (element, other) => {
+            return element.dom.compareDocumentPosition(other.dom);
+        };
+        const copyAttributesTo = (source, destination) => {
+            const as = clone(source);
+            setAll(destination, as);
+        };
+        const isSpecial = (element) => {
+            const tag = name(element);
+            return contains([
+                'script', 'noscript', 'iframe', 'noframes', 'noembed', 'title', 'style', 'textarea', 'xmp'
+            ], tag);
+        };
+        const getLanguage = (element) => isElement(element) ? getOpt(element, 'lang') : Optional.none();
+        return {
+            up: constant({
+                selector: ancestor,
+                closest: closest,
+                predicate: ancestor$1,
+                all: parents
+            }),
+            down: constant({
+                selector: descendants,
+                predicate: descendants$1
+            }),
+            styles: constant({
+                get: get$1,
+                getRaw: getRaw,
+                set: set$1,
+                remove: remove
+            }),
+            attrs: constant({
+                get: get$2,
+                set: set$2,
+                remove: remove$2,
+                copyTo: copyAttributesTo
+            }),
+            insert: constant({
+                before: before,
+                after: after$1,
+                afterAll: after,
+                append: append$1,
+                appendAll: append,
+                prepend: prepend,
+                wrap: wrap
+            }),
+            remove: constant({
+                unwrap: unwrap,
+                remove: remove$1
+            }),
+            create: constant({
+                nu: SugarElement.fromTag,
+                clone: clone$1,
+                text: SugarElement.fromText
+            }),
+            query: constant({
+                comparePosition,
+                prevSibling: prevSibling,
+                nextSibling: nextSibling
+            }),
+            property: constant({
+                children: children,
+                name: name,
+                parent: parent,
+                document,
+                isText: isText,
+                isComment: isComment,
+                isElement: isElement,
+                isSpecial,
+                getLanguage,
+                getText: get,
+                setText: set,
+                isBoundary,
+                isEmptyTag,
+                isNonEditable
+            }),
+            eq: eq,
+            is: is
+        };
+    };
+
+    const scan = (universe, element, direction) => {
+        // if a comment or zero-length text, scan the siblings
+        if ((universe.property().isText(element) && universe.property().getText(element).trim().length === 0)
+            || universe.property().isComment(element)) {
+            return direction(element).bind((elem) => {
+                return scan(universe, elem, direction).orThunk(() => {
+                    return Optional?.some(elem);
+                });
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const toEnd = (universe, element) => {
+        if (universe.property().isText(element)) {
+            return universe.property().getText(element).length;
+        }
+        const children = universe.property().children(element);
+        return children.length;
+    };
+    const freefallRtl$2 = (universe, element) => {
+        const candidate = scan(universe, element, universe.query().prevSibling).getOr(element);
+        if (universe.property().isText(candidate)) {
+            return point(candidate, toEnd(universe, candidate));
+        }
+        const children = universe.property().children(candidate);
+        return children.length > 0 ? freefallRtl$2(universe, children[children.length - 1]) : point(candidate, toEnd(universe, candidate));
+    };
+
+    const freefallRtl$1 = freefallRtl$2;
+
+    const universe = DomUniverse();
+    const freefallRtl = (element) => {
+        return freefallRtl$1(universe, element);
+    };
+
+    const fireToggleAccordionEvent = (editor, element, state) => editor.dispatch('ToggledAccordion', { element, state });
+    const fireToggleAllAccordionsEvent = (editor, elements, state) => editor.dispatch('ToggledAllAccordions', { elements, state });
+
+    const accordionTag = 'details';
+    const accordionDetailsClass = 'mce-accordion';
+    const accordionSummaryClass = 'mce-accordion-summary';
+    const accordionBodyWrapperClass = 'mce-accordion-body';
+    const accordionBodyWrapperTag = 'div';
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const isSummary = (node) => (node === null || node === void 0 ? void 0 : node.nodeName) === 'SUMMARY';
+    const isDetails = (node) => (node === null || node === void 0 ? void 0 : node.nodeName) === 'DETAILS';
+    const isOpen = (details) => details.hasAttribute('open');
+    const isInSummary = (editor) => {
+        const node = editor.selection.getNode();
+        return isSummary(node) || Boolean(editor.dom.getParent(node, isSummary));
+    };
+    const isAtDetailsStart = (editor) => {
+        const rng = editor.selection.getRng();
+        return isDetails(rng.startContainer)
+            && rng.collapsed
+            && rng.startOffset === 0;
+    };
+    const isInsertAllowed = (editor) => !isInSummary(editor) && editor.dom.isEditable(editor.selection.getNode()) && !editor.mode.isReadOnly();
+    const getSelectedDetails = (editor) => Optional.from(editor.dom.getParent(editor.selection.getNode(), isDetails));
+    const isDetailsSelected = (editor) => getSelectedDetails(editor).isSome();
+    const insertBogus = (element) => {
+        element.innerHTML = '<br data-mce-bogus="1" />';
+        return element;
+    };
+    const createParagraph = (editor) => insertBogus(editor.dom.create('p'));
+    const createSummary = (editor) => insertBogus(editor.dom.create('summary'));
+    const insertAndSelectParagraphAfter = (editor, target) => {
+        const paragraph = createParagraph(editor);
+        target.insertAdjacentElement('afterend', paragraph);
+        editor.selection.setCursorLocation(paragraph, 0);
+    };
+    const normalizeContent = (editor, accordion) => {
+        if (isSummary(accordion === null || accordion === void 0 ? void 0 : accordion.lastChild)) {
+            const paragraph = createParagraph(editor);
+            accordion.appendChild(paragraph);
+            editor.selection.setCursorLocation(paragraph, 0);
+        }
+    };
+    const normalizeSummary = (editor, accordion) => {
+        if (!isSummary(accordion === null || accordion === void 0 ? void 0 : accordion.firstChild)) {
+            const summary = createSummary(editor);
+            accordion.prepend(summary);
+            editor.selection.setCursorLocation(summary, 0);
+        }
+    };
+    const normalizeAccordion = (editor) => (accordion) => {
+        normalizeContent(editor, accordion);
+        normalizeSummary(editor, accordion);
+    };
+    const normalizeDetails = (editor) => {
+        global$3.each(global$3.grep(editor.dom.select('details', editor.getBody())), normalizeAccordion(editor));
+    };
+
+    const insertAccordion = (editor) => {
+        if (!isInsertAllowed(editor)) {
+            return;
+        }
+        const editorBody = SugarElement.fromDom(editor.getBody());
+        const uid = generate('acc');
+        const summaryText = editor.dom.encode(editor.selection.getRng().toString() || editor.translate('Accordion summary...'));
+        const bodyText = editor.dom.encode(editor.translate('Accordion body...'));
+        const accordionSummaryHtml = `<summary class="${accordionSummaryClass}">${summaryText}</summary>`;
+        const accordionBodyHtml = `<${accordionBodyWrapperTag} class="${accordionBodyWrapperClass}"><p>${bodyText}</p></${accordionBodyWrapperTag}>`;
+        editor.undoManager.transact(() => {
+            editor.insertContent([
+                `<details data-mce-id="${uid}" class="${accordionDetailsClass}" open="open">`,
+                accordionSummaryHtml,
+                accordionBodyHtml,
+                `</details>`
+            ].join(''));
+            descendant(editorBody, `[data-mce-id="${uid}"]`).each((detailsElm) => {
+                remove$2(detailsElm, 'data-mce-id');
+                descendant(detailsElm, `summary`).each((summaryElm) => {
+                    // Set the cursor location to be at the end of the summary text
+                    const rng = editor.dom.createRng();
+                    const des = freefallRtl(summaryElm);
+                    rng.setStart(des.element.dom, des.offset);
+                    rng.setEnd(des.element.dom, des.offset);
+                    editor.selection.setRng(rng);
+                });
+            });
+        });
+    };
+    const toggleDetailsElement = (details, state) => {
+        const shouldOpen = state !== null && state !== void 0 ? state : !isOpen(details);
+        if (shouldOpen) {
+            details.setAttribute('open', 'open');
+        }
+        else {
+            details.removeAttribute('open');
+        }
+        return shouldOpen;
+    };
+    const toggleAccordion = (editor, state) => {
+        getSelectedDetails(editor).each((details) => {
+            fireToggleAccordionEvent(editor, details, toggleDetailsElement(details, state));
+        });
+    };
+    const removeAccordion = (editor) => {
+        if (!editor.mode.isReadOnly()) {
+            getSelectedDetails(editor)
+                .each((details) => {
+                const { nextSibling } = details;
+                if (nextSibling) {
+                    editor.selection.select(nextSibling, true);
+                    editor.selection.collapse(true);
+                }
+                else {
+                    insertAndSelectParagraphAfter(editor, details);
+                }
+                details.remove();
+            });
+        }
+    };
+    const toggleAllAccordions = (editor, state) => {
+        const accordions = Array.from(editor.getBody().querySelectorAll('details'));
+        if (accordions.length === 0) {
+            return;
+        }
+        each$1(accordions, (accordion) => toggleDetailsElement(accordion, state !== null && state !== void 0 ? state : !isOpen(accordion)));
+        fireToggleAllAccordionsEvent(editor, accordions, state);
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('InsertAccordion', () => insertAccordion(editor));
+        editor.addCommand('ToggleAccordion', (_ui, value) => toggleAccordion(editor, value));
+        editor.addCommand('ToggleAllAccordions', (_ui, value) => toggleAllAccordions(editor, value));
+        editor.addCommand('RemoveAccordion', () => removeAccordion(editor));
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    const getClassList = (node) => { var _a, _b; return (_b = (_a = node.attr('class')) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : []; };
+    const addClasses = (node, classes) => {
+        const classListSet = new Set([...getClassList(node), ...classes]);
+        const newClassList = Array.from(classListSet);
+        if (newClassList.length > 0) {
+            node.attr('class', newClassList.join(' '));
+        }
+    };
+    const removeClasses = (node, classes) => {
+        const newClassList = filter(getClassList(node), (clazz) => !classes.has(clazz));
+        node.attr('class', newClassList.length > 0 ? newClassList.join(' ') : null);
+    };
+    const isAccordionDetailsNode = (node) => node.name === accordionTag && contains(getClassList(node), accordionDetailsClass);
+    const isAccordionBodyWrapperNode = (node) => node.name === accordionBodyWrapperTag && contains(getClassList(node), accordionBodyWrapperClass);
+    const getAccordionChildren = (accordionNode) => {
+        const children = accordionNode.children();
+        let summaryNode;
+        let wrapperNode;
+        const otherNodes = [];
+        for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            // Only want to get the first summary element
+            if (child.name === 'summary' && isNullable(summaryNode)) {
+                summaryNode = child;
+            }
+            else if (isAccordionBodyWrapperNode(child) && isNullable(wrapperNode)) {
+                wrapperNode = child;
+            }
+            else {
+                otherNodes.push(child);
+            }
+        }
+        return {
+            summaryNode,
+            wrapperNode,
+            otherNodes
+        };
+    };
+    const padInputNode = (node) => {
+        // Add br to node to ensure the cursor can be placed inside the node
+        // Mark as bogus so that it is converted to an nbsp on serialization
+        const br = new global$2('br', 1);
+        br.attr('data-mce-bogus', '1');
+        node.empty();
+        node.append(br);
+    };
+    const setup$2 = (editor) => {
+        editor.on('PreInit', () => {
+            const { serializer, parser } = editor;
+            // Purpose:
+            // - add mce-accordion-summary class to summary node
+            // - wrap details body in div and add mce-accordion-body class (TINY-9959 assists with Chrome selection issue)
+            parser.addNodeFilter(accordionTag, (nodes) => {
+                // Using a traditional for loop here as we may have to iterate over many nodes and it is the most performant way of doing so
+                for (let i = 0; i < nodes.length; i++) {
+                    const node = nodes[i];
+                    if (isAccordionDetailsNode(node)) {
+                        const accordionNode = node;
+                        const { summaryNode, wrapperNode, otherNodes } = getAccordionChildren(accordionNode);
+                        const hasSummaryNode = isNonNullable(summaryNode);
+                        const newSummaryNode = hasSummaryNode ? summaryNode : new global$2('summary', 1);
+                        // If there is nothing in the summary, pad it with a br
+                        // so the cursor can be put inside the accordion summary
+                        if (isNullable(newSummaryNode.firstChild)) {
+                            padInputNode(newSummaryNode);
+                        }
+                        addClasses(newSummaryNode, [accordionSummaryClass]);
+                        if (!hasSummaryNode) {
+                            if (isNonNullable(accordionNode.firstChild)) {
+                                accordionNode.insert(newSummaryNode, accordionNode.firstChild, true);
+                            }
+                            else {
+                                accordionNode.append(newSummaryNode);
+                            }
+                        }
+                        const hasWrapperNode = isNonNullable(wrapperNode);
+                        const newWrapperNode = hasWrapperNode ? wrapperNode : new global$2(accordionBodyWrapperTag, 1);
+                        newWrapperNode.attr('data-mce-bogus', '1');
+                        addClasses(newWrapperNode, [accordionBodyWrapperClass]);
+                        if (otherNodes.length > 0) {
+                            for (let j = 0; j < otherNodes.length; j++) {
+                                const otherNode = otherNodes[j];
+                                newWrapperNode.append(otherNode);
+                            }
+                        }
+                        // If there is nothing in the wrapper, append a placeholder p tag
+                        // so the cursor can be put inside the accordion body
+                        if (isNullable(newWrapperNode.firstChild)) {
+                            const pNode = new global$2('p', 1);
+                            padInputNode(pNode);
+                            newWrapperNode.append(pNode);
+                        }
+                        if (!hasWrapperNode) {
+                            accordionNode.append(newWrapperNode);
+                        }
+                    }
+                }
+            });
+            // Purpose:
+            // - remove div wrapping details content as it is only required during editor (see TINY-9959 for details)
+            // - remove mce-accordion-summary class on the summary node
+            serializer.addNodeFilter(accordionTag, (nodes) => {
+                const summaryClassRemoveSet = new Set([accordionSummaryClass]);
+                // Using a traditional for loop here as we may have to iterate over many nodes and it is the most performant way of doing so
+                for (let i = 0; i < nodes.length; i++) {
+                    const node = nodes[i];
+                    if (isAccordionDetailsNode(node)) {
+                        const accordionNode = node;
+                        const { summaryNode, wrapperNode } = getAccordionChildren(accordionNode);
+                        if (isNonNullable(summaryNode)) {
+                            removeClasses(summaryNode, summaryClassRemoveSet);
+                        }
+                        if (isNonNullable(wrapperNode)) {
+                            wrapperNode.unwrap();
+                        }
+                    }
+                }
+            });
+        });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const setupEnterKeyInSummary = (editor) => {
+        editor.on('keydown', (event) => {
+            if (!event.shiftKey && event.keyCode === global$1.ENTER
+                && isInSummary(editor) || isAtDetailsStart(editor)) {
+                event.preventDefault();
+                editor.execCommand('ToggleAccordion');
+            }
+        });
+    };
+    const setup$1 = (editor) => {
+        setupEnterKeyInSummary(editor);
+        editor.on('ExecCommand', (e) => {
+            const cmd = e.command.toLowerCase();
+            if ((cmd === 'delete' || cmd === 'forwarddelete') && isDetailsSelected(editor)) {
+                normalizeDetails(editor);
+            }
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const setup = (editor) => {
+        // TINY-10177: On Safari, clicking on the expand arrow of the `details` element sets the selection before the `summary`,
+        // so we override the selection to the beginning of `summary` content
+        if (global.browser.isSafari()) {
+            editor.on('click', (e) => {
+                if (isSummary(e.target)) {
+                    const summary = e.target;
+                    const rng = editor.selection.getRng();
+                    if (rng.collapsed && rng.startContainer === summary.parentNode && rng.startOffset === 0) {
+                        editor.selection.setCursorLocation(summary, 0);
+                    }
+                }
+            });
+        }
+    };
+
+    const onSetup = (editor) => (buttonApi) => {
+        const onNodeChange = () => buttonApi.setEnabled(isInsertAllowed(editor));
+        editor.on('NodeChange', onNodeChange);
+        return () => editor.off('NodeChange', onNodeChange);
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('InsertAccordion');
+        editor.ui.registry.addButton('accordion', { icon: 'accordion', tooltip: 'Insert accordion', onSetup: onSetup(editor), onAction });
+        editor.ui.registry.addMenuItem('accordion', { icon: 'accordion', text: 'Accordion', onSetup: onSetup(editor), onAction });
+        editor.ui.registry.addToggleButton('accordiontoggle', {
+            icon: 'accordion-toggle',
+            tooltip: 'Toggle accordion',
+            onAction: () => editor.execCommand('ToggleAccordion')
+        });
+        editor.ui.registry.addToggleButton('accordionremove', {
+            icon: 'remove',
+            tooltip: 'Delete accordion',
+            onAction: () => editor.execCommand('RemoveAccordion')
+        });
+        editor.ui.registry.addContextToolbar('accordion', {
+            predicate: (accordion) => editor.dom.is(accordion, 'details') && editor.getBody().contains(accordion) && editor.dom.isEditable(accordion.parentNode),
+            items: 'accordiontoggle accordionremove',
+            scope: 'node',
+            position: 'node'
+        });
+    };
+
+    var Plugin = () => {
+        global$4.add('accordion', (editor) => {
+            register(editor);
+            register$1(editor);
+            setup$1(editor);
+            setup$2(editor);
+            setup(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/plugin.min.js
new file mode 100644
index 000000000..bc9f938cd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/accordion/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>typeof t===e,o=e=>"string"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(o=n=e,(r=String).prototype.isPrototypeOf(o)||(null===(s=n.constructor)||void 0===s?void 0:s.name)===r.name)?"string":t;var o,n,r,s})(e),n=t("boolean"),r=e=>null==e,s=e=>!r(e),a=t("function"),i=t("number"),l=e=>()=>e,d=(e,t)=>e===t,c=l(!1);class m{constructor(e,t){this.tag=e,this.value=t}static some(e){return new m(!0,e)}static none(){return m.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?m?.some(e(this.value)):m.none()}bind(e){return this.tag?e(this.value):m.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:m.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return s(e)?m?.some(e):m.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}m.singletonNone=new m(!1);const u=Array.prototype.indexOf,g=(e,t)=>{return o=e,n=t,u.call(o,n)>-1;var o,n},p=(e,t)=>{const o=e.length,n=new Array(o);for(let r=0;r<o;r++){const o=e[r];n[r]=t(o,r)}return n},h=(e,t)=>{for(let o=0,n=e.length;o<n;o++)t(e[o],o)},f=Object.keys;let y=0;const v=(w=/^\s+|\s+$/g,e=>e.replace(w,""));var w;const b=(e,t)=>({element:e,offset:t}),N=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},T={fromHtml:(e,t)=>{const o=(t||document).createElement("div");if(o.innerHTML=e,!o.hasChildNodes()||o.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return N(o.childNodes[0])},fromTag:(e,t)=>{const o=(t||document).createElement(e);return N(o)},fromText:(e,t)=>{const o=(t||document).createTextNode(e);return N(o)},fromDom:N,fromPoint:(e,t,o)=>m.from(e.dom.elementFromPoint(t,o))?.map(N)},A=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},C=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,S=A,x=e=>e.dom.nodeName.toLowerCase(),D=e=>e.dom.nodeType,E=e=>t=>D(t)===e,O=E(1),M=E(3),P=E(9),R=E(11),k=e=>m.from(e.dom.parentNode)?.map(T.fromDom),B=e=>m.from(e.dom.nextSibling)?.map(T.fromDom),L=e=>p(e.dom.childNodes,T.fromDom),$=e=>T.fromDom(e.dom.host),V=(e,t)=>{k(e).each((o=>{o.dom.insertBefore(t.dom,e.dom)}))},I=(e,t)=>{B(e).fold((()=>{k(e).each((e=>{j(e,t)}))}),(e=>{V(e,t)}))},j=(e,t)=>{e.dom.appendChild(t.dom)},q=(e,t)=>{h(t,((o,n)=>{const r=0===n?e:t[n-1];I(r,o)}))},H=(e,t,r)=>{if(!(o(r)||n(r)||i(r)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",r,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,r+"")},z=(e,t)=>{const o=e.dom.getAttribute(t);return null===o?void 0:o},F=(e,t)=>m.from(z(e,t)),K=(e,t)=>{e.dom.removeAttribute(t)},U=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},Y=e=>void 0!==e.style&&a(e.style.getPropertyValue),_=e=>{const t=M(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const o=t.ownerDocument;return(e=>{const t=(e=>T.fromDom(e.dom.getRootNode()))(e);return R(o=t)&&s(o.dom.host)?m?.some(t):m.none();var o})(T.fromDom(t)).fold((()=>o.body.contains(t)),(n=_,r=$,e=>n(r(e))));var n,r},G=(e,t)=>Y(e)?e.style.getPropertyValue(t):"",J=(e=>{const t=t=>e(t)?m.from(t.dom.nodeValue):m.none();return{get:o=>{if(!e(o))throw new Error("Can only get text value of a text node");return t(o).getOr("")},getOption:t,set:(t,o)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=o}}})(M),Q=(e,t,o)=>{let n=e.dom;const r=a(o)?o:c;for(;n.parentNode;){n=n.parentNode;const e=T.fromDom(n);if(t(e))return m?.some(e);if(r(e))break}return m.none()},W=(e,t,o)=>Q(e,(e=>A(e,t)),o),X=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return C(o)?m.none():m.from(o.querySelector(e))?.map(T.fromDom)})(t,e),Z=(e,t)=>{let o=[];return h(L(e),(e=>{t(e)&&(o=o.concat([e])),o=o.concat(Z(e,t))})),o};var ee=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","li","table","thead","tbody","tfoot","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"];const te=(e,t,o)=>e.property().isText(t)&&0===e.property().getText(t).trim().length||e.property().isComment(t)?o(t).bind((t=>te(e,t,o).orThunk((()=>m?.some(t))))):m.none(),oe=(e,t)=>e.property().isText(t)?e.property().getText(t).length:e.property().children(t).length,ne=(e,t)=>{const o=te(e,t,e.query().prevSibling).getOr(t);if(e.property().isText(o))return b(o,oe(e,o));const n=e.property().children(o);return n.length>0?ne(e,n[n.length-1]):b(o,oe(e,o))},re=ne,se={up:l({selector:W,closest:(e,t,o)=>((e,t,o,n,r)=>((e,t)=>A(e,t))(o,n)?m?.some(o):a(r)&&r(o)?m.none():t(o,n,r))(0,W,e,t,o),predicate:Q,all:(e,t)=>{const o=a(t)?t:c;let n=e.dom;const r=[];for(;null!==n.parentNode&&void 0!==n.parentNode;){const e=n.parentNode,t=T.fromDom(e);if(r.push(t),!0===o(t))break;n=e}return r}}),down:l({selector:(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return C(o)?[]:p(o.querySelectorAll(e),T.fromDom)})(t,e),predicate:Z}),styles:l({get:(e,t)=>{const o=e.dom,n=window.getComputedStyle(o).getPropertyValue(t);return""!==n||_(e)?n:G(o,t)},getRaw:(e,t)=>{const o=e.dom,n=G(o,t);return m.from(n).filter((e=>e.length>0))},set:(e,t,n)=>{((e,t,n)=>{if(!o(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);Y(e)&&e.style.setProperty(t,n)})(e.dom,t,n)},remove:(e,t)=>{((e,t)=>{Y(e)&&e.style.removeProperty(t)})(e.dom,t),((e,t,o=d)=>e.exists((e=>o(e,t))))(F(e,"style")?.map(v),"")&&K(e,"style")}}),attrs:l({get:z,set:(e,t,o)=>{H(e.dom,t,o)},remove:K,copyTo:(e,t)=>{const o=(n=e.dom.attributes,r=(e,t)=>(e[t.name]=t.value,e),s={},h(n,((e,t)=>{s=r(s,e)})),s);var n,r,s;((e,t)=>{const o=e.dom;((e,t)=>{const o=f(e);for(let n=0,r=o.length;n<r;n++){const r=o[n];t(e[r],r)}})(t,((e,t)=>{H(o,t,e)}))})(t,o)}}),insert:l({before:V,after:I,afterAll:q,append:j,appendAll:(e,t)=>{h(t,(t=>{j(e,t)}))},prepend:(e,t)=>{(e=>(e=>{const t=e.dom.childNodes;return m.from(t[0])?.map(T.fromDom)})(e))(e).fold((()=>{j(e,t)}),(o=>{e.dom.insertBefore(t.dom,o.dom)}))},wrap:(e,t)=>{V(e,t),j(t,e)}}),remove:l({unwrap:e=>{const t=L(e);t.length>0&&q(e,t),U(e)},remove:U}),create:l({nu:T.fromTag,clone:e=>T.fromDom(e.dom.cloneNode(!1)),text:T.fromText}),query:l({comparePosition:(e,t)=>e.dom.compareDocumentPosition(t.dom),prevSibling:e=>m.from(e.dom.previousSibling)?.map(T.fromDom),nextSibling:B}),property:l({children:L,name:x,parent:k,document:e=>{return(t=e,P(t)?t:T.fromDom(t.dom.ownerDocument)).dom;var t},isText:M,isComment:e=>8===D(e)||"#comment"===x(e),isElement:O,isSpecial:e=>{const t=x(e);return g(["script","noscript","iframe","noframes","noembed","title","style","textarea","xmp"],t)},getLanguage:e=>O(e)?F(e,"lang"):m.none(),getText:e=>J.get(e),setText:(e,t)=>J.set(e,t),isBoundary:e=>!!O(e)&&("body"===x(e)||g(ee,x(e))),isEmptyTag:e=>!!O(e)&&g(["br","img","hr","input"],x(e)),isNonEditable:e=>O(e)&&"false"===z(e,"contenteditable")}),eq:(e,t)=>e.dom===t.dom,is:S},ae="details",ie="mce-accordion",le="mce-accordion-summary",de="mce-accordion-body",ce="div";var me=tinymce.util.Tools.resolve("tinymce.util.Tools");const ue=e=>"SUMMARY"===(null==e?void 0:e.nodeName),ge=e=>"DETAILS"===(null==e?void 0:e.nodeName),pe=e=>e.hasAttribute("open"),he=e=>{const t=e.selection.getNode();return ue(t)||Boolean(e.dom.getParent(t,ue))},fe=e=>!he(e)&&e.dom.isEditable(e.selection.getNode())&&!e.mode.isReadOnly(),ye=e=>m.from(e.dom.getParent(e.selection.getNode(),ge)),ve=e=>(e.innerHTML='<br data-mce-bogus="1" />',e),we=e=>ve(e.dom.create("p")),be=e=>t=>{((e,t)=>{if(ue(null==t?void 0:t.lastChild)){const o=we(e);t.appendChild(o),e.selection.setCursorLocation(o,0)}})(e,t),((e,t)=>{if(!ue(null==t?void 0:t.firstChild)){const o=(e=>ve(e.dom.create("summary")))(e);t.prepend(o),e.selection.setCursorLocation(o,0)}})(e,t)},Ne=e=>{if(!fe(e))return;const t=T.fromDom(e.getBody()),o=(e=>{const t=(new Date).getTime(),o=Math.floor(window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295*1e9);return y++,e+"_"+o+y+String(t)})("acc"),n=e.dom.encode(e.selection.getRng().toString()||e.translate("Accordion summary...")),r=e.dom.encode(e.translate("Accordion body...")),s=`<summary class="${le}">${n}</summary>`,a=`<${ce} class="${de}"><p>${r}</p></${ce}>`;e.undoManager.transact((()=>{e.insertContent([`<details data-mce-id="${o}" class="${ie}" open="open">`,s,a,"</details>"].join("")),X(t,`[data-mce-id="${o}"]`).each((t=>{K(t,"data-mce-id"),X(t,"summary").each((t=>{const o=e.dom.createRng(),n=re(se,t);o.setStart(n.element.dom,n.offset),o.setEnd(n.element.dom,n.offset),e.selection.setRng(o)}))}))}))},Te=(e,t)=>{const o=null!=t?t:!pe(e);return o?e.setAttribute("open","open"):e.removeAttribute("open"),o},Ae=e=>{e.addCommand("InsertAccordion",(()=>Ne(e))),e.addCommand("ToggleAccordion",((t,o)=>((e,t)=>{ye(e).each((o=>{((e,t,o)=>{e.dispatch("ToggledAccordion",{element:t,state:o})})(e,o,Te(o,t))}))})(e,o))),e.addCommand("ToggleAllAccordions",((t,o)=>((e,t)=>{const o=Array.from(e.getBody().querySelectorAll("details"));0!==o.length&&(h(o,(e=>Te(e,null!=t?t:!pe(e)))),((e,t,o)=>{e.dispatch("ToggledAllAccordions",{elements:t,state:o})})(e,o,t))})(e,o))),e.addCommand("RemoveAccordion",(()=>(e=>{e.mode.isReadOnly()||ye(e).each((t=>{const{nextSibling:o}=t;o?(e.selection.select(o,!0),e.selection.collapse(!0)):((e,t)=>{const o=we(e);t.insertAdjacentElement("afterend",o),e.selection.setCursorLocation(o,0)})(e,t),t.remove()}))})(e)))};var Ce=tinymce.util.Tools.resolve("tinymce.html.Node");const Se=e=>{var t,o;return null!==(o=null===(t=e.attr("class"))||void 0===t?void 0:t.split(" "))&&void 0!==o?o:[]},xe=(e,t)=>{const o=new Set([...Se(e),...t]),n=Array.from(o);n.length>0&&e.attr("class",n.join(" "))},De=(e,t)=>{const o=(e=>{const o=[];for(let r=0,s=e.length;r<s;r++){const s=e[r];n=s,!t.has(n)&&o.push(s)}var n;return o})(Se(e));e.attr("class",o.length>0?o.join(" "):null)},Ee=e=>e.name===ae&&g(Se(e),ie),Oe=e=>{const t=e.children();let o,n;const s=[];for(let e=0;e<t.length;e++){const i=t[e];"summary"===i.name&&r(o)?o=i:(a=i).name===ce&&g(Se(a),de)&&r(n)?n=i:s.push(i)}var a;return{summaryNode:o,wrapperNode:n,otherNodes:s}},Me=e=>{const t=new Ce("br",1);t.attr("data-mce-bogus","1"),e.empty(),e.append(t)};var Pe=tinymce.util.Tools.resolve("tinymce.util.VK");const Re=e=>{(e=>{e.on("keydown",(t=>{(!t.shiftKey&&t.keyCode===Pe.ENTER&&he(e)||(e=>{const t=e.selection.getRng();return ge(t.startContainer)&&t.collapsed&&0===t.startOffset})(e))&&(t.preventDefault(),e.execCommand("ToggleAccordion"))}))})(e),e.on("ExecCommand",(t=>{const o=t.command.toLowerCase();"delete"!==o&&"forwarddelete"!==o||!(e=>ye(e).isSome())(e)||(e=>{me.each(me.grep(e.dom.select("details",e.getBody())),be(e))})(e)}))};var ke=tinymce.util.Tools.resolve("tinymce.Env");const Be=e=>t=>{const o=()=>t.setEnabled(fe(e));return e.on("NodeChange",o),()=>e.off("NodeChange",o)};e.add("accordion",(e=>{(e=>{const t=()=>e.execCommand("InsertAccordion");e.ui.registry.addButton("accordion",{icon:"accordion",tooltip:"Insert accordion",onSetup:Be(e),onAction:t}),e.ui.registry.addMenuItem("accordion",{icon:"accordion",text:"Accordion",onSetup:Be(e),onAction:t}),e.ui.registry.addToggleButton("accordiontoggle",{icon:"accordion-toggle",tooltip:"Toggle accordion",onAction:()=>e.execCommand("ToggleAccordion")}),e.ui.registry.addToggleButton("accordionremove",{icon:"remove",tooltip:"Delete accordion",onAction:()=>e.execCommand("RemoveAccordion")}),e.ui.registry.addContextToolbar("accordion",{predicate:t=>e.dom.is(t,"details")&&e.getBody().contains(t)&&e.dom.isEditable(t.parentNode),items:"accordiontoggle accordionremove",scope:"node",position:"node"})})(e),Ae(e),Re(e),(e=>{e.on("PreInit",(()=>{const{serializer:t,parser:o}=e;o.addNodeFilter(ae,(e=>{for(let t=0;t<e.length;t++){const o=e[t];if(Ee(o)){const e=o,{summaryNode:t,wrapperNode:n,otherNodes:a}=Oe(e),i=s(t),l=i?t:new Ce("summary",1);r(l.firstChild)&&Me(l),xe(l,[le]),i||(s(e.firstChild)?e.insert(l,e.firstChild,!0):e.append(l));const d=s(n),c=d?n:new Ce(ce,1);if(c.attr("data-mce-bogus","1"),xe(c,[de]),a.length>0)for(let e=0;e<a.length;e++){const t=a[e];c.append(t)}if(r(c.firstChild)){const e=new Ce("p",1);Me(e),c.append(e)}d||e.append(c)}}})),t.addNodeFilter(ae,(e=>{const t=new Set([le]);for(let o=0;o<e.length;o++){const n=e[o];if(Ee(n)){const e=n,{summaryNode:o,wrapperNode:r}=Oe(e);s(o)&&De(o,t),s(r)&&r.unwrap()}}}))}))})(e),(e=>{ke.browser.isSafari()&&e.on("click",(t=>{if(ue(t.target)){const o=t.target,n=e.selection.getRng();n.collapsed&&n.startContainer===o.parentNode&&0===n.startOffset&&e.selection.setCursorLocation(o,0)}}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/index.js
new file mode 100644
index 000000000..7428d1089
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/index.js
@@ -0,0 +1,7 @@
+// Exports the "advlist" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/advlist')
+//   ES2015:
+//     import 'tinymce/plugins/advlist'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/plugin.js
new file mode 100644
index 000000000..39f52ebd0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/plugin.js
@@ -0,0 +1,471 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const applyListFormat = (editor, listName, styleValue) => {
+        const cmd = listName === 'UL' ? 'InsertUnorderedList' : 'InsertOrderedList';
+        editor.execCommand(cmd, false, styleValue === false ? null : { 'list-style-type': styleValue });
+    };
+
+    const register$2 = (editor) => {
+        editor.addCommand('ApplyUnorderedListStyle', (ui, value) => {
+            applyListFormat(editor, 'UL', value['list-style-type']);
+        });
+        editor.addCommand('ApplyOrderedListStyle', (ui, value) => {
+            applyListFormat(editor, 'OL', value['list-style-type']);
+        });
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('advlist_number_styles', {
+            processor: 'string[]',
+            default: 'default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman'.split(',')
+        });
+        registerOption('advlist_bullet_styles', {
+            processor: 'string[]',
+            default: 'default,disc,circle,square'.split(',')
+        });
+    };
+    const getNumberStyles = option('advlist_number_styles');
+    const getBulletStyles = option('advlist_bullet_styles');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const nativeIndexOf = Array.prototype.indexOf;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const isCustomList = (list) => /\btox\-/.test(list.className);
+    const isChildOfBody = (editor, elm) => {
+        return editor.dom.isChildOf(elm, editor.getBody());
+    };
+    const matchNodeNames = (regex) => (node) => isNonNullable(node) && regex.test(node.nodeName);
+    const isListNode = matchNodeNames(/^(OL|UL|DL)$/);
+    const isTableCellNode = matchNodeNames(/^(TH|TD)$/);
+    const inList = (editor, parents, nodeName) => findUntil(parents, (parent) => isListNode(parent) && !isCustomList(parent), isTableCellNode)
+        .exists((list) => list.nodeName === nodeName && isChildOfBody(editor, list));
+    const getSelectedStyleType = (editor) => {
+        const listElm = editor.dom.getParent(editor.selection.getNode(), 'ol,ul');
+        const style = editor.dom.getStyle(listElm, 'listStyleType');
+        return Optional.from(style);
+    };
+    // Lists/core/Util.ts - Duplicated in Lists plugin
+    const isWithinNonEditable = (editor, element) => element !== null && !editor.dom.isEditable(element);
+    const isWithinNonEditableList = (editor, element) => {
+        const parentList = editor.dom.getParent(element, 'ol,ul,dl');
+        return isWithinNonEditable(editor, parentList) || !editor.selection.isEditable();
+    };
+    const setNodeChangeHandler = (editor, nodeChangeHandler) => {
+        const initialNode = editor.selection.getNode();
+        // Set the initial state
+        nodeChangeHandler({
+            parents: editor.dom.getParents(initialNode),
+            element: initialNode
+        });
+        editor.on('NodeChange', nodeChangeHandler);
+        return () => editor.off('NodeChange', nodeChangeHandler);
+    };
+
+    // <ListStyles>
+    const styleValueToText = (styleValue) => {
+        return styleValue.replace(/\-/g, ' ').replace(/\b\w/g, (chr) => {
+            return chr.toUpperCase();
+        });
+    };
+    const normalizeStyleValue = (styleValue) => isNullable(styleValue) || styleValue === 'default' ? '' : styleValue;
+    const makeSetupHandler = (editor, nodeName) => (api) => {
+        const updateButtonState = (editor, parents) => {
+            const element = editor.selection.getStart(true);
+            api.setActive(inList(editor, parents, nodeName));
+            api.setEnabled(!isWithinNonEditableList(editor, element));
+        };
+        const nodeChangeHandler = (e) => updateButtonState(editor, e.parents);
+        return setNodeChangeHandler(editor, nodeChangeHandler);
+    };
+    const addSplitButton = (editor, id, tooltip, cmd, nodeName, styles) => {
+        const listStyleTypeAliases = {
+            'lower-latin': 'lower-alpha',
+            'upper-latin': 'upper-alpha',
+            'lower-alpha': 'lower-latin',
+            'upper-alpha': 'upper-latin'
+        };
+        const stylesContainsAliasMap = map(listStyleTypeAliases, (alias) => contains(styles, alias));
+        editor.ui.registry.addSplitButton(id, {
+            tooltip,
+            icon: nodeName === "OL" /* ListType.OrderedList */ ? 'ordered-list' : 'unordered-list',
+            presets: 'listpreview',
+            columns: nodeName === "OL" /* ListType.OrderedList */ ? 3 : 4,
+            fetch: (callback) => {
+                const items = global?.map(styles, (styleValue) => {
+                    const iconStyle = nodeName === "OL" /* ListType.OrderedList */ ? 'num' : 'bull';
+                    const iconName = styleValue === 'decimal' ? 'default' : styleValue;
+                    const itemValue = normalizeStyleValue(styleValue);
+                    const displayText = styleValueToText(styleValue);
+                    return {
+                        type: 'choiceitem',
+                        value: itemValue,
+                        icon: 'list-' + iconStyle + '-' + iconName,
+                        text: displayText
+                    };
+                });
+                callback(items);
+            },
+            onAction: () => editor.execCommand(cmd),
+            onItemAction: (_splitButtonApi, value) => {
+                applyListFormat(editor, nodeName, value);
+            },
+            select: (value) => {
+                const listStyleType = getSelectedStyleType(editor);
+                return listStyleType.exists((listStyle) => value === listStyle || (listStyleTypeAliases[listStyle] === value && !stylesContainsAliasMap[value]));
+            },
+            onSetup: makeSetupHandler(editor, nodeName)
+        });
+    };
+    const addButton = (editor, id, tooltip, cmd, nodeName, styleValue) => {
+        editor.ui.registry.addToggleButton(id, {
+            active: false,
+            tooltip,
+            icon: nodeName === "OL" /* ListType.OrderedList */ ? 'ordered-list' : 'unordered-list',
+            onSetup: makeSetupHandler(editor, nodeName),
+            // Need to make sure the button removes rather than applies if a list of the same type is selected
+            onAction: () => editor.queryCommandState(cmd) || styleValue === '' ? editor.execCommand(cmd) : applyListFormat(editor, nodeName, styleValue)
+        });
+    };
+    const addControl = (editor, id, tooltip, cmd, nodeName, styles) => {
+        if (styles.length > 1) {
+            addSplitButton(editor, id, tooltip, cmd, nodeName, styles);
+        }
+        else {
+            addButton(editor, id, tooltip, cmd, nodeName, normalizeStyleValue(styles[0]));
+        }
+    };
+    const register = (editor) => {
+        addControl(editor, 'numlist', 'Numbered list', 'InsertOrderedList', "OL" /* ListType.OrderedList */, getNumberStyles(editor));
+        addControl(editor, 'bullist', 'Bullet list', 'InsertUnorderedList', "UL" /* ListType.UnorderedList */, getBulletStyles(editor));
+    };
+
+    var Plugin = () => {
+        global$1.add('advlist', (editor) => {
+            if (editor.hasPlugin('lists')) {
+                register$1(editor);
+                register(editor);
+                register$2(editor);
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.error('Please use the Lists plugin together with the List Styles plugin.');
+            }
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/plugin.min.js
new file mode 100644
index 000000000..732ecd02b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/advlist/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=(t,e,s)=>{const r="UL"===e?"InsertUnorderedList":"InsertOrderedList";t.execCommand(r,!1,!1===s?null:{"list-style-type":s})},s=t=>e=>e.options.get(t),r=s("advlist_number_styles"),n=s("advlist_bullet_styles"),l=t=>null==t,i=t=>!l(t);class o{constructor(t,e){this.tag=t,this.value=e}static some(t){return new o(!0,t)}static none(){return o.singletonNone}fold(t,e){return this.tag?e(this.value):t()}isSome(){return this.tag}isNone(){return!this.tag}map(t){return this.tag?o?.some(t(this.value)):o.none()}bind(t){return this.tag?t(this.value):o.none()}exists(t){return this.tag&&t(this.value)}forall(t){return!this.tag||t(this.value)}filter(t){return!this.tag||t(this.value)?this:o.none()}getOr(t){return this.tag?this.value:t}or(t){return this.tag?this:t}getOrThunk(t){return this.tag?this.value:t()}orThunk(t){return this.tag?this:t()}getOrDie(t){if(this.tag)return this.value;throw new Error(null!=t?t:"Called getOrDie on None")}static from(t){return i(t)?o?.some(t):o.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(t){this.tag&&t(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}o.singletonNone=new o(!1);const a=Array.prototype.indexOf,u=Object.keys;var d=tinymce.util.Tools.resolve("tinymce.util.Tools");const c=t=>e=>i(e)&&t.test(e.nodeName),h=c(/^(OL|UL|DL)$/),g=c(/^(TH|TD)$/),p=t=>l(t)||"default"===t?"":t,m=(t,e)=>s=>((t,e)=>{const s=t.selection.getNode();return e({parents:t.dom.getParents(s),element:s}),t.on("NodeChange",e),()=>t.off("NodeChange",e)})(t,(r=>((t,r)=>{const n=t.selection.getStart(!0);s.setActive(((t,e,s)=>((t,e,s)=>{for(let e=0,n=t.length;e<n;e++){const n=t[e];if(h(r=n)&&!/\btox\-/.test(r.className))return o?.some(n);if(s(n,e))break}var r;return o.none()})(e,0,g).exists((e=>e.nodeName===s&&((t,e)=>t.dom.isChildOf(e,t.getBody()))(t,e))))(t,r,e)),s.setEnabled(!((t,e)=>{const s=t.dom.getParent(e,"ol,ul,dl");return((t,e)=>null!==e&&!t.dom.isEditable(e))(t,s)||!t.selection.isEditable()})(t,n))})(t,r.parents))),v=(t,s,r,n,l,i)=>{const c={"lower-latin":"lower-alpha","upper-latin":"upper-alpha","lower-alpha":"lower-latin","upper-alpha":"upper-latin"},h=(g=t=>{return e=i,s=t,a.call(e,s)>-1;var e,s},((t,e)=>{const s={};return((t,e)=>{const s=u(t);for(let r=0,n=s.length;r<n;r++){const n=s[r];e(t[n],n)}})(t,((t,r)=>{const n=e(t,r);s[n.k]=n.v})),s})(c,((t,e)=>({k:e,v:g(t)}))));var g;t.ui.registry.addSplitButton(s,{tooltip:r,icon:"OL"===l?"ordered-list":"unordered-list",presets:"listpreview",columns:"OL"===l?3:4,fetch:t=>{t(d?.map(i,(t=>{const e="OL"===l?"num":"bull",s="decimal"===t?"default":t,r=p(t),n=(t=>t.replace(/\-/g," ").replace(/\b\w/g,(t=>t.toUpperCase())))(t);return{type:"choiceitem",value:r,icon:"list-"+e+"-"+s,text:n}})))},onAction:()=>t.execCommand(n),onItemAction:(s,r)=>{e(t,l,r)},select:e=>{const s=(t=>{const e=t.dom.getParent(t.selection.getNode(),"ol,ul"),s=t.dom.getStyle(e,"listStyleType");return o.from(s)})(t);return s.exists((t=>e===t||c[t]===e&&!h[e]))},onSetup:m(t,l)})},y=(t,s,r,n,l,i)=>{i.length>1?v(t,s,r,n,l,i):((t,s,r,n,l,i)=>{t.ui.registry.addToggleButton(s,{active:!1,tooltip:r,icon:"OL"===l?"ordered-list":"unordered-list",onSetup:m(t,l),onAction:()=>t.queryCommandState(n)||""===i?t.execCommand(n):e(t,l,i)})})(t,s,r,n,l,p(i[0]))};t.add("advlist",(t=>{t.hasPlugin("lists")?((t=>{const e=t.options.register;e("advlist_number_styles",{processor:"string[]",default:"default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman".split(",")}),e("advlist_bullet_styles",{processor:"string[]",default:"default,disc,circle,square".split(",")})})(t),(t=>{y(t,"numlist","Numbered list","InsertOrderedList","OL",r(t)),y(t,"bullist","Bullet list","InsertUnorderedList","UL",n(t))})(t),(t=>{t.addCommand("ApplyUnorderedListStyle",((s,r)=>{e(t,"UL",r["list-style-type"])})),t.addCommand("ApplyOrderedListStyle",((s,r)=>{e(t,"OL",r["list-style-type"])}))})(t)):console.error("Please use the Lists plugin together with the List Styles plugin.")}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/index.js
new file mode 100644
index 000000000..ceddfe3d3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/index.js
@@ -0,0 +1,7 @@
+// Exports the "anchor" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/anchor')
+//   ES2015:
+//     import 'tinymce/plugins/anchor'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/plugin.js
new file mode 100644
index 000000000..56f23aab1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/plugin.js
@@ -0,0 +1,237 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('allow_html_in_named_anchor', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const allowHtmlInNamedAnchor = option('allow_html_in_named_anchor');
+
+    const namedAnchorSelector = 'a:not([href])';
+    const isEmptyString = (str) => !str;
+    const getIdFromAnchor = (elm) => {
+        const id = elm.getAttribute('id') || elm.getAttribute('name');
+        return id || '';
+    };
+    const isAnchor = (elm) => elm.nodeName.toLowerCase() === 'a';
+    const isNamedAnchor = (elm) => isAnchor(elm) && !elm.getAttribute('href') && getIdFromAnchor(elm) !== '';
+    const isEmptyNamedAnchor = (elm) => isNamedAnchor(elm) && !elm.firstChild;
+
+    const removeEmptyNamedAnchorsInSelection = (editor) => {
+        const dom = editor.dom;
+        global$1(dom).walk(editor.selection.getRng(), (nodes) => {
+            global.each(nodes, (node) => {
+                if (isEmptyNamedAnchor(node)) {
+                    dom.remove(node, false);
+                }
+            });
+        });
+    };
+    const isValidId = (id) => 
+    // Follows HTML4 rules: https://www.w3.org/TR/html401/types.html#type-id
+    /^[A-Za-z][A-Za-z0-9\-:._]*$/.test(id);
+    const getNamedAnchor = (editor) => editor.dom.getParent(editor.selection.getStart(), namedAnchorSelector);
+    const getId = (editor) => {
+        const anchor = getNamedAnchor(editor);
+        if (anchor) {
+            return getIdFromAnchor(anchor);
+        }
+        else {
+            return '';
+        }
+    };
+    const createAnchor = (editor, id) => {
+        editor.undoManager.transact(() => {
+            if (!allowHtmlInNamedAnchor(editor)) {
+                editor.selection.collapse(true);
+            }
+            if (editor.selection.isCollapsed()) {
+                editor.insertContent(editor.dom.createHTML('a', { id }));
+            }
+            else {
+                // Remove any empty named anchors in the selection as they cannot be removed by the formatter since they are cef
+                removeEmptyNamedAnchorsInSelection(editor);
+                // Format is set up to truncate any partially selected named anchors so that they are not completely removed
+                editor.formatter.remove('namedAnchor', undefined, undefined, true);
+                // Insert new anchor using the formatter - will wrap selected content in anchor
+                editor.formatter.apply('namedAnchor', { value: id });
+                // Need to add visual classes to anchors if required
+                editor.addVisual();
+            }
+        });
+    };
+    const updateAnchor = (editor, id, anchorElement) => {
+        anchorElement.removeAttribute('name');
+        anchorElement.id = id;
+        editor.addVisual(); // Need to add visual classes to anchors if required
+        editor.undoManager.add();
+    };
+    const insert = (editor, id) => {
+        const anchor = getNamedAnchor(editor);
+        if (anchor) {
+            updateAnchor(editor, id, anchor);
+        }
+        else {
+            createAnchor(editor, id);
+        }
+        editor.focus();
+    };
+
+    const insertAnchor = (editor, newId) => {
+        if (!isValidId(newId)) {
+            editor.windowManager.alert('ID should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.');
+            return false;
+        }
+        else {
+            insert(editor, newId);
+            return true;
+        }
+    };
+    const open = (editor) => {
+        const currentId = getId(editor);
+        editor.windowManager.open({
+            title: 'Anchor',
+            size: 'normal',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        name: 'id',
+                        type: 'input',
+                        label: 'ID',
+                        placeholder: 'example'
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: {
+                id: currentId
+            },
+            onSubmit: (api) => {
+                if (insertAnchor(editor, api.getData().id)) { // TODO we need a better way to do validation
+                    api.close();
+                }
+            }
+        });
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceAnchor', () => {
+            open(editor);
+        });
+    };
+
+    // Note: node.firstChild check is for the 'allow_html_in_named_anchor' setting
+    // Only want to add contenteditable attributes if there is no text within the anchor
+    const isNamedAnchorNode = (node) => isEmptyString(node.attr('href')) && !isEmptyString(node.attr('id') || node.attr('name'));
+    const isEmptyNamedAnchorNode = (node) => isNamedAnchorNode(node) && !node.firstChild;
+    const setContentEditable = (state) => (nodes) => {
+        for (let i = 0; i < nodes.length; i++) {
+            const node = nodes[i];
+            if (isEmptyNamedAnchorNode(node)) {
+                node.attr('contenteditable', state);
+            }
+        }
+    };
+    const setup = (editor) => {
+        editor.on('PreInit', () => {
+            editor.parser.addNodeFilter('a', setContentEditable('false'));
+            editor.serializer.addNodeFilter('a', setContentEditable(null));
+        });
+    };
+
+    const registerFormats = (editor) => {
+        editor.formatter.register('namedAnchor', {
+            inline: 'a',
+            selector: namedAnchorSelector,
+            remove: 'all',
+            split: true,
+            deep: true,
+            attributes: {
+                id: '%value'
+            },
+            onmatch: (node, _fmt, _itemName) => {
+                return isNamedAnchor(node);
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceAnchor');
+        editor.ui.registry.addToggleButton('anchor', {
+            icon: 'bookmark',
+            tooltip: 'Anchor',
+            onAction,
+            onSetup: (buttonApi) => {
+                const unbindSelectorChanged = editor.selection.selectorChangedWithUnbind('a:not([href])', buttonApi.setActive).unbind;
+                const unbindEditableChanged = onSetupEditable(editor)(buttonApi);
+                return () => {
+                    unbindSelectorChanged();
+                    unbindEditableChanged();
+                };
+            }
+        });
+        editor.ui.registry.addMenuItem('anchor', {
+            icon: 'bookmark',
+            text: 'Anchor...',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$2.add('anchor', (editor) => {
+            register$2(editor);
+            setup(editor);
+            register$1(editor);
+            register(editor);
+            editor.on('PreInit', () => {
+                registerFormats(editor);
+            });
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/plugin.min.js
new file mode 100644
index 000000000..c52c6d780
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/anchor/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=tinymce.util.Tools.resolve("tinymce.dom.RangeUtils"),o=tinymce.util.Tools.resolve("tinymce.util.Tools");const n=e=>e.options.get("allow_html_in_named_anchor");const a="a:not([href])",r=e=>!e,i=e=>e.getAttribute("id")||e.getAttribute("name")||"",l=e=>(e=>"a"===e.nodeName.toLowerCase())(e)&&!e.getAttribute("href")&&""!==i(e),s=e=>e.dom.getParent(e.selection.getStart(),a),d=(e,a)=>{const r=s(e);r?((e,t,o)=>{o.removeAttribute("name"),o.id=t,e.addVisual(),e.undoManager.add()})(e,a,r):((e,a)=>{e.undoManager.transact((()=>{n(e)||e.selection.collapse(!0),e.selection.isCollapsed()?e.insertContent(e.dom.createHTML("a",{id:a})):((e=>{const n=e.dom;t(n).walk(e.selection.getRng(),(e=>{o.each(e,(e=>{var t;l(t=e)&&!t.firstChild&&n.remove(e,!1)}))}))})(e),e.formatter.remove("namedAnchor",void 0,void 0,!0),e.formatter.apply("namedAnchor",{value:a}),e.addVisual())}))})(e,a),e.focus()},c=e=>(e=>r(e.attr("href"))&&!r(e.attr("id")||e.attr("name")))(e)&&!e.firstChild,m=e=>t=>{for(let o=0;o<t.length;o++){const n=t[o];c(n)&&n.attr("contenteditable",e)}},u=e=>t=>{const o=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",o),o(),()=>{e.off("NodeChange",o)}};e.add("anchor",(e=>{(e=>{(0,e.options.register)("allow_html_in_named_anchor",{processor:"boolean",default:!1})})(e),(e=>{e.on("PreInit",(()=>{e.parser.addNodeFilter("a",m("false")),e.serializer.addNodeFilter("a",m(null))}))})(e),(e=>{e.addCommand("mceAnchor",(()=>{(e=>{const t=(e=>{const t=s(e);return t?i(t):""})(e);e.windowManager.open({title:"Anchor",size:"normal",body:{type:"panel",items:[{name:"id",type:"input",label:"ID",placeholder:"example"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{id:t},onSubmit:t=>{((e,t)=>/^[A-Za-z][A-Za-z0-9\-:._]*$/.test(t)?(d(e,t),!0):(e.windowManager.alert("ID should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores."),!1))(e,t.getData().id)&&t.close()}})})(e)}))})(e),(e=>{const t=()=>e.execCommand("mceAnchor");e.ui.registry.addToggleButton("anchor",{icon:"bookmark",tooltip:"Anchor",onAction:t,onSetup:t=>{const o=e.selection.selectorChangedWithUnbind("a:not([href])",t.setActive).unbind,n=u(e)(t);return()=>{o(),n()}}}),e.ui.registry.addMenuItem("anchor",{icon:"bookmark",text:"Anchor...",onAction:t,onSetup:u(e)})})(e),e.on("PreInit",(()=>{(e=>{e.formatter.register("namedAnchor",{inline:"a",selector:a,remove:"all",split:!0,deep:!0,attributes:{id:"%value"},onmatch:(e,t,o)=>l(e)})})(e)}))}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/index.js
new file mode 100644
index 000000000..ae8a759dc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/index.js
@@ -0,0 +1,7 @@
+// Exports the "autolink" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/autolink')
+//   ES2015:
+//     import 'tinymce/plugins/autolink'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/plugin.js
new file mode 100644
index 000000000..0e2349f7e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/plugin.js
@@ -0,0 +1,318 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType('string');
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+
+    const not = (f) => (t) => !f(t);
+
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+
+    const zeroWidth = '\uFEFF';
+    const isZwsp = (char) => char === zeroWidth;
+    const removeZwsp = (s) => s.replace(/\uFEFF/g, '');
+
+    /*
+      The RegEx parses the following components (https://www.rfc-editor.org/rfc/rfc3986.txt):
+
+        scheme:[//[user:password@]host[:port]][/]path[?query][#fragment]
+
+              foo://example.com:8042/over/there?name=ferret#nose
+              \_/   \______________/\_________/ \_________/ \__/
+              |           |            |            |        |
+            scheme     authority       path        query   fragment
+
+      Originally from:
+        http://blog.mattheworiordan.com/post/13174566389/url-regular-expression-for-links-with-or-without-the
+
+      Modified to:
+      - include port numbers
+      - allow full stops in email addresses
+      - allow [-.~*+=!&;:'%@?^${}(),\/\w] after the #
+      - allow [-.~*+=!&;:'%@?^${}(),\/\w] after the ?
+      - move allow -_.~*+=!&;:'%@?^${}() in email usernames to the first @ match (TBIO-4809)
+      - enforce domains to be [A-Za-z0-9-]+(?:\.[A-Za-z0-9-]+)* so they can't end in a period (TBIO-4809)
+      - removed a bunch of escaping, made every group non-capturing (during TBIO-4809)
+      - colons are only valid when followed directly by // or some text and then @ (TBIO-4867)
+      - only include the fragment '#' if it has 1 or more trailing matches
+      - only include the query '?' if it has 1 or more trailing matches
+      - allow commas in URL path
+      - exclude trailing comma and period in URL path
+      - allow up to 15 character schemes including all valid characters from the spec https://url.spec.whatwg.org/#url-scheme-string (TINY-5074)
+      - changed instances of 0-9 to be \d (TINY-5074)
+      - reduced duplication (TINY-5074)
+      - allow [*!;:'@$] in the path segment as they are valid characters per the spec: https://url.spec.whatwg.org/#url-path-segment-string (TINY-8069)
+
+    (?:
+      (?:
+        [A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?
+        | www\.
+        | [-;:&=+$,.\w]+@
+      )
+      [A-Za-z\d-]+
+      (?:\.[A-Za-z\d-]+)*
+    )
+    (?::\d+)?
+    (?:
+      \/
+      (?:
+         [-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w]
+       )?
+    )?
+    (?:
+      \?
+      (?:
+        [-.~*+=!&;:'%@?^${}(),\/\w]+
+      )
+    )?
+    (?:
+      #
+      (?:
+        [-.~*+=!&;:'%@?^${}(),\/\w]+
+      )
+    )?
+    */
+    const link = () => 
+    // eslint-disable-next-line max-len
+    /(?:[A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?|www\.|[-;:&=+$,.\w]+@)[A-Za-z\d-]+(?:\.[A-Za-z\d-]+)*(?::\d+)?(?:\/(?:[-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w])?)?(?:\?(?:[-.~*+=!&;:'%@?^${}(),\/\w]+))?(?:#(?:[-.~*+=!&;:'%@?^${}(),\/\w]+))?/g;
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('autolink_pattern', {
+            processor: 'regexp',
+            // Use the Polaris link detection, however for autolink we need to make it be an exact match
+            default: new RegExp('^' + link().source + '$', 'i')
+        });
+        registerOption('link_default_target', {
+            processor: 'string'
+        });
+        registerOption('link_default_protocol', {
+            processor: 'string',
+            default: 'https'
+        });
+    };
+    const getAutoLinkPattern = option('autolink_pattern');
+    const getDefaultLinkTarget = option('link_default_target');
+    const getDefaultLinkProtocol = option('link_default_protocol');
+    const allowUnsafeLinkTarget = option('allow_unsafe_link_target');
+
+    var global = tinymce.util.Tools.resolve('tinymce.dom.TextSeeker');
+
+    const isTextNode = (node) => node.nodeType === 3;
+    const isElement = (node) => node.nodeType === 1;
+    const isBracketOrSpace = (char) => /^[(\[{ \u00a0]$/.test(char);
+    // Note: This is similar to the Polaris protocol detection, except it also handles `mailto` and any length scheme
+    const hasProtocol = (url) => /^([A-Za-z][A-Za-z\d.+-]*:\/\/)|mailto:/.test(url);
+    // A limited list of punctuation characters that might be used after a link
+    const isPunctuation = (char) => /[?!,.;:]/.test(char);
+    const findChar = (text, index, predicate) => {
+        for (let i = index - 1; i >= 0; i--) {
+            const char = text.charAt(i);
+            if (!isZwsp(char) && predicate(char)) {
+                return i;
+            }
+        }
+        return -1;
+    };
+    const freefallRtl = (container, offset) => {
+        let tempNode = container;
+        let tempOffset = offset;
+        while (isElement(tempNode) && tempNode.childNodes[tempOffset]) {
+            tempNode = tempNode.childNodes[tempOffset];
+            tempOffset = isTextNode(tempNode) ? tempNode.data.length : tempNode.childNodes.length;
+        }
+        return { container: tempNode, offset: tempOffset };
+    };
+
+    const parseCurrentLine = (editor, offset) => {
+        var _a;
+        const voidElements = editor.schema.getVoidElements();
+        const autoLinkPattern = getAutoLinkPattern(editor);
+        const { dom, selection } = editor;
+        // Never create a link when we are inside a link
+        if (dom.getParent(selection.getNode(), 'a[href]') !== null || editor.mode.isReadOnly()) {
+            return null;
+        }
+        const rng = selection.getRng();
+        const textSeeker = global(dom, (node) => {
+            return dom.isBlock(node) || has(voidElements, node.nodeName.toLowerCase()) || dom.getContentEditable(node) === 'false' || dom.getParent(node, 'a[href]') !== null;
+        });
+        // Descend down the end container to find the text node
+        const { container: endContainer, offset: endOffset } = freefallRtl(rng.endContainer, rng.endOffset);
+        // Find the root container to use when walking
+        const root = (_a = dom.getParent(endContainer, dom.isBlock)) !== null && _a !== void 0 ? _a : dom.getRoot();
+        // Move the selection backwards to the start of the potential URL to account for the pressed character
+        // while also excluding the last full stop from a word like "www.site.com."
+        const endSpot = textSeeker.backwards(endContainer, endOffset + offset, (node, offset) => {
+            const text = node.data;
+            const idx = findChar(text, offset, not(isBracketOrSpace));
+            // Move forward one so the offset is after the found character unless the found char is a punctuation char
+            return idx === -1 || isPunctuation(text[idx]) ? idx : idx + 1;
+        }, root);
+        if (!endSpot) {
+            return null;
+        }
+        // Walk backwards until we find a boundary or a bracket/space
+        let lastTextNode = endSpot.container;
+        const startSpot = textSeeker.backwards(endSpot.container, endSpot.offset, (node, offset) => {
+            lastTextNode = node;
+            const idx = findChar(node.data, offset, isBracketOrSpace);
+            // Move forward one so that the offset is after the bracket/space
+            return idx === -1 ? idx : idx + 1;
+        }, root);
+        const newRng = dom.createRng();
+        if (!startSpot) {
+            newRng.setStart(lastTextNode, 0);
+        }
+        else {
+            newRng.setStart(startSpot.container, startSpot.offset);
+        }
+        newRng.setEnd(endSpot.container, endSpot.offset);
+        const rngText = removeZwsp(newRng.toString());
+        const matches = rngText.match(autoLinkPattern);
+        if (matches) {
+            let url = matches[0];
+            if (startsWith(url, 'www.')) {
+                const protocol = getDefaultLinkProtocol(editor);
+                url = protocol + '://' + url;
+            }
+            else if (contains(url, '@') && !hasProtocol(url)) {
+                url = 'mailto:' + url;
+            }
+            return { rng: newRng, url };
+        }
+        else {
+            return null;
+        }
+    };
+    const convertToLink = (editor, result) => {
+        const { dom, selection } = editor;
+        const { rng, url } = result;
+        const bookmark = selection.getBookmark();
+        selection.setRng(rng);
+        // Needs to be a native createlink command since this is executed in a keypress event handler
+        // so the pending character that is to be inserted needs to be inserted after the link. That will not
+        // happen if we use the formatter create link version. Since we're using the native command
+        // then we also need to ensure the exec command events are fired for backwards compatibility.
+        const command = 'createlink';
+        const args = { command, ui: false, value: url };
+        const beforeExecEvent = editor.dispatch('BeforeExecCommand', args);
+        if (!beforeExecEvent.isDefaultPrevented()) {
+            editor.getDoc().execCommand(command, false, url);
+            editor.dispatch('ExecCommand', args);
+            const defaultLinkTarget = getDefaultLinkTarget(editor);
+            if (isString(defaultLinkTarget)) {
+                const anchor = selection.getNode();
+                dom.setAttrib(anchor, 'target', defaultLinkTarget);
+                // Ensure noopener is added for blank targets to prevent window opener attacks
+                if (defaultLinkTarget === '_blank' && !allowUnsafeLinkTarget(editor)) {
+                    dom.setAttrib(anchor, 'rel', 'noopener');
+                }
+            }
+        }
+        selection.moveToBookmark(bookmark);
+        editor.nodeChanged();
+    };
+    const handleSpacebar = (editor) => {
+        const result = parseCurrentLine(editor, -1);
+        if (isNonNullable(result)) {
+            convertToLink(editor, result);
+        }
+    };
+    const handleBracket = handleSpacebar;
+    const handleEnter = (editor) => {
+        const result = parseCurrentLine(editor, 0);
+        if (isNonNullable(result)) {
+            convertToLink(editor, result);
+        }
+    };
+    const setup = (editor) => {
+        editor.on('keydown', (e) => {
+            if (e.keyCode === 13 && !e.isDefaultPrevented()) {
+                handleEnter(editor);
+            }
+        });
+        editor.on('keyup', (e) => {
+            if (e.keyCode === 32) {
+                handleSpacebar(editor);
+                // One of the closing bracket keys: ), ] or }
+            }
+            else if (e.keyCode === 48 && e.shiftKey || e.keyCode === 221) {
+                handleBracket(editor);
+            }
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('autolink', (editor) => {
+            register(editor);
+            setup(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/plugin.min.js
new file mode 100644
index 000000000..8d9f0548f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autolink/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>"string"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=o=e,(r=String).prototype.isPrototypeOf(n)||(null===(a=o.constructor)||void 0===a?void 0:a.name)===r.name)?"string":t;var n,o,r,a})(e);const n=e=>undefined===e;const o=e=>!(e=>null==e)(e),r=Object.hasOwnProperty,a=e=>"\ufeff"===e,s=e=>t=>t.options.get(e),l=s("autolink_pattern"),i=s("link_default_target"),c=s("link_default_protocol"),d=s("allow_unsafe_link_target");var u=tinymce.util.Tools.resolve("tinymce.dom.TextSeeker");const f=e=>/^[(\[{ \u00a0]$/.test(e),g=(e,t,n)=>{for(let o=t-1;o>=0;o--){const t=e.charAt(o);if(!a(t)&&n(t))return o}return-1},m=(e,t)=>{var o;const a=e.schema.getVoidElements(),s=l(e),{dom:i,selection:d}=e;if(null!==i.getParent(d.getNode(),"a[href]")||e.mode.isReadOnly())return null;const m=d.getRng(),k=u(i,(e=>{return i.isBlock(e)||(t=a,n=e.nodeName.toLowerCase(),r.call(t,n))||"false"===i.getContentEditable(e)||null!==i.getParent(e,"a[href]");var t,n})),{container:p,offset:y}=((e,t)=>{let n=e,o=t;for(;1===n.nodeType&&n.childNodes[o];)n=n.childNodes[o],o=3===n.nodeType?n.data.length:n.childNodes.length;return{container:n,offset:o}})(m.endContainer,m.endOffset),w=null!==(o=i.getParent(p,i.isBlock))&&void 0!==o?o:i.getRoot(),h=k.backwards(p,y+t,((e,t)=>{const n=e.data,o=g(n,t,(r=f,e=>!r(e)));var r,a;return-1===o||(a=n[o],/[?!,.;:]/.test(a))?o:o+1}),w);if(!h)return null;let v=h.container;const _=k.backwards(h.container,h.offset,((e,t)=>{v=e;const n=g(e.data,t,f);return-1===n?n:n+1}),w),A=i.createRng();_?A.setStart(_.container,_.offset):A.setStart(v,0),A.setEnd(h.container,h.offset);const C=A.toString().replace(/\uFEFF/g,"").match(s);if(C){let t=C[0];return P="www.",(b=t).length>=4&&b.substr(0,4)===P?t=c(e)+"://"+t:((e,t,o=0,r)=>{const a=e.indexOf(t,o);return-1!==a&&(!!n(r)||a+t.length<=r)})(t,"@")&&!(e=>/^([A-Za-z][A-Za-z\d.+-]*:\/\/)|mailto:/.test(e))(t)&&(t="mailto:"+t),{rng:A,url:t}}var b,P;return null},k=(e,n)=>{const{dom:o,selection:r}=e,{rng:a,url:s}=n,l=r.getBookmark();r.setRng(a);const c="createlink",u={command:c,ui:!1,value:s};if(!e.dispatch("BeforeExecCommand",u).isDefaultPrevented()){e.getDoc().execCommand(c,!1,s),e.dispatch("ExecCommand",u);const n=i(e);if(t(n)){const t=r.getNode();o.setAttrib(t,"target",n),"_blank"!==n||d(e)||o.setAttrib(t,"rel","noopener")}}r.moveToBookmark(l),e.nodeChanged()},p=e=>{const t=m(e,-1);o(t)&&k(e,t)},y=p;e.add("autolink",(e=>{(e=>{const t=e.options.register;t("autolink_pattern",{processor:"regexp",default:new RegExp("^"+/(?:[A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?|www\.|[-;:&=+$,.\w]+@)[A-Za-z\d-]+(?:\.[A-Za-z\d-]+)*(?::\d+)?(?:\/(?:[-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w])?)?(?:\?(?:[-.~*+=!&;:'%@?^${}(),\/\w]+))?(?:#(?:[-.~*+=!&;:'%@?^${}(),\/\w]+))?/g.source+"$","i")}),t("link_default_target",{processor:"string"}),t("link_default_protocol",{processor:"string",default:"https"})})(e),(e=>{e.on("keydown",(t=>{13!==t.keyCode||t.isDefaultPrevented()||(e=>{const t=m(e,0);o(t)&&k(e,t)})(e)})),e.on("keyup",(t=>{32===t.keyCode?p(e):(48===t.keyCode&&t.shiftKey||221===t.keyCode)&&y(e)}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/index.js
new file mode 100644
index 000000000..a4a7a42c8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/index.js
@@ -0,0 +1,7 @@
+// Exports the "autoresize" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/autoresize')
+//   ES2015:
+//     import 'tinymce/plugins/autoresize'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/plugin.js
new file mode 100644
index 000000000..84cd8d17d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/plugin.js
@@ -0,0 +1,223 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const fireResizeEditor = (editor) => editor.dispatch('ResizeEditor');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('autoresize_overflow_padding', {
+            processor: 'number',
+            default: 1
+        });
+        registerOption('autoresize_bottom_margin', {
+            processor: 'number',
+            default: 50
+        });
+    };
+    const getMinHeight = option('min_height');
+    const getMaxHeight = option('max_height');
+    const getAutoResizeOverflowPadding = option('autoresize_overflow_padding');
+    const getAutoResizeBottomMargin = option('autoresize_bottom_margin');
+
+    /**
+     * This class contains all core logic for the autoresize plugin.
+     *
+     * @class tinymce.autoresize.Plugin
+     * @private
+     */
+    const isFullscreen = (editor) => editor.plugins.fullscreen && editor.plugins.fullscreen.isFullscreen();
+    const toggleScrolling = (editor, state) => {
+        const body = editor.getBody();
+        if (body) {
+            body.style.overflowY = state ? '' : 'hidden';
+            if (!state) {
+                body.scrollTop = 0;
+            }
+        }
+    };
+    const parseCssValueToInt = (dom, elm, name, computed) => {
+        var _a;
+        const value = parseInt((_a = dom.getStyle(elm, name, computed)) !== null && _a !== void 0 ? _a : '', 10);
+        // The value maybe be an empty string, so in that case treat it as being 0
+        return isNaN(value) ? 0 : value;
+    };
+    const shouldScrollIntoView = (trigger) => {
+        // Only scroll the selection into view when we're inserting content. Any other
+        // triggers the selection should already be in view and resizing would only
+        // extend the content area.
+        if ((trigger === null || trigger === void 0 ? void 0 : trigger.type.toLowerCase()) === 'setcontent') {
+            const setContentEvent = trigger;
+            return setContentEvent.selection === true || setContentEvent.paste === true;
+        }
+        else {
+            return false;
+        }
+    };
+    /**
+     * This method gets executed each time the editor needs to resize.
+     */
+    const resize = (editor, oldSize, trigger, getExtraMarginBottom) => {
+        var _a;
+        const dom = editor.dom;
+        const doc = editor.getDoc();
+        if (!doc) {
+            return;
+        }
+        if (isFullscreen(editor)) {
+            toggleScrolling(editor, true);
+            return;
+        }
+        const docEle = doc.documentElement;
+        const resizeBottomMargin = getExtraMarginBottom ? getExtraMarginBottom() : getAutoResizeOverflowPadding(editor);
+        const minHeight = (_a = getMinHeight(editor)) !== null && _a !== void 0 ? _a : editor.getElement().offsetHeight;
+        let resizeHeight = minHeight;
+        // Calculate outer height of the doc element using CSS styles
+        const marginTop = parseCssValueToInt(dom, docEle, 'margin-top', true);
+        const marginBottom = parseCssValueToInt(dom, docEle, 'margin-bottom', true);
+        let contentHeight = docEle.offsetHeight + marginTop + marginBottom + resizeBottomMargin;
+        // Make sure we have a valid height
+        if (contentHeight < 0) {
+            contentHeight = 0;
+        }
+        // Determine the size of the chroming (menubar, toolbar, etc...)
+        const containerHeight = editor.getContainer().offsetHeight;
+        const contentAreaHeight = editor.getContentAreaContainer().offsetHeight;
+        const chromeHeight = containerHeight - contentAreaHeight;
+        // Don't make it smaller than the minimum height
+        if (contentHeight + chromeHeight > minHeight) {
+            resizeHeight = contentHeight + chromeHeight;
+        }
+        // If a maximum height has been defined don't exceed this height
+        const maxHeight = getMaxHeight(editor);
+        if (maxHeight && resizeHeight > maxHeight) {
+            resizeHeight = maxHeight;
+            toggleScrolling(editor, true);
+        }
+        else {
+            toggleScrolling(editor, false);
+        }
+        const old = oldSize.get();
+        if (old.set) {
+            editor.dom.setStyles(editor.getDoc().documentElement, { 'min-height': 0 });
+            editor.dom.setStyles(editor.getBody(), { 'min-height': 'inherit' });
+        }
+        // Resize content element
+        if (resizeHeight !== old.totalHeight && (contentHeight - resizeBottomMargin !== old.contentHeight || !old.set)) {
+            const deltaSize = (resizeHeight - old.totalHeight);
+            dom.setStyle(editor.getContainer(), 'height', resizeHeight + 'px');
+            oldSize.set({
+                totalHeight: resizeHeight,
+                contentHeight,
+                set: true,
+            });
+            fireResizeEditor(editor);
+            // iPadOS has an issue where it won't rerender the body when the iframe is resized
+            // however if we reset the scroll position then it re-renders correctly
+            if (global.browser.isSafari() && (global.os.isMacOS() || global.os.isiOS())) {
+                const win = editor.getWin();
+                win.scrollTo(win.pageXOffset, win.pageYOffset);
+            }
+            // Ensure the selection is in view, as it's potentially out of view after inserting content into the editor
+            if (editor.hasFocus() && shouldScrollIntoView(trigger)) {
+                editor.selection.scrollIntoView();
+            }
+            // WebKit doesn't decrease the size of the body element until the iframe gets resized
+            // So we need to continue to resize the iframe down until the size gets fixed
+            if ((global.browser.isSafari() || global.browser.isChromium()) && deltaSize < 0) {
+                resize(editor, oldSize, trigger, getExtraMarginBottom);
+            }
+        }
+    };
+    const setup = (editor, oldSize) => {
+        const getExtraMarginBottom = () => getAutoResizeBottomMargin(editor);
+        editor.on('init', (e) => {
+            const overflowPadding = getAutoResizeOverflowPadding(editor);
+            const dom = editor.dom;
+            // Disable height 100% on the root document element otherwise we'll end up resizing indefinitely
+            dom.setStyles(editor.getDoc().documentElement, {
+                height: 'auto'
+            });
+            if (global.browser.isEdge() || global.browser.isIE()) {
+                dom.setStyles(editor.getBody(), {
+                    'paddingLeft': overflowPadding,
+                    'paddingRight': overflowPadding,
+                    // IE & Edge have a min height of 150px by default on the body, so override that
+                    'min-height': 0
+                });
+            }
+            else {
+                dom.setStyles(editor.getBody(), {
+                    paddingLeft: overflowPadding,
+                    paddingRight: overflowPadding
+                });
+            }
+            resize(editor, oldSize, e, getExtraMarginBottom);
+        });
+        editor.on('NodeChange SetContent keyup FullscreenStateChanged ResizeContent', (e) => {
+            resize(editor, oldSize, e, getExtraMarginBottom);
+        });
+    };
+
+    const register = (editor, oldSize) => {
+        editor.addCommand('mceAutoResize', () => {
+            resize(editor, oldSize);
+        });
+    };
+
+    /**
+     * This class contains all core logic for the autoresize plugin.
+     *
+     * @class tinymce.autoresize.Plugin
+     * @private
+     */
+    var Plugin = () => {
+        global$1.add('autoresize', (editor) => {
+            register$1(editor);
+            // If autoresize is enabled, disable resize if the user hasn't explicitly enabled it
+            // TINY-8288: This currently does nothing because of a bug in the theme
+            if (!editor.options.isSet('resize')) {
+                editor.options.set('resize', false);
+            }
+            if (!editor.inline) {
+                const oldSize = Cell({
+                    totalHeight: 0,
+                    contentHeight: 0,
+                    set: false,
+                });
+                register(editor, oldSize);
+                setup(editor, oldSize);
+            }
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/plugin.min.js
new file mode 100644
index 000000000..654d63fd0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autoresize/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=tinymce.util.Tools.resolve("tinymce.Env");const o=e=>t=>t.options.get(e),n=o("min_height"),s=o("max_height"),i=o("autoresize_overflow_padding"),r=o("autoresize_bottom_margin"),g=(e,t)=>{const o=e.getBody();o&&(o.style.overflowY=t?"":"hidden",t||(o.scrollTop=0))},l=(e,t,o,n)=>{var s;const i=parseInt(null!==(s=e.getStyle(t,o,n))&&void 0!==s?s:"",10);return isNaN(i)?0:i},a=(e,o,r,c)=>{var d;const u=e.dom,h=e.getDoc();if(!h)return;if((e=>e.plugins.fullscreen&&e.plugins.fullscreen.isFullscreen())(e))return void g(e,!0);const m=h.documentElement,f=c?c():i(e),p=null!==(d=n(e))&&void 0!==d?d:e.getElement().offsetHeight;let y=p;const S=l(u,m,"margin-top",!0),v=l(u,m,"margin-bottom",!0);let C=m.offsetHeight+S+v+f;C<0&&(C=0);const H=e.getContainer().offsetHeight-e.getContentAreaContainer().offsetHeight;C+H>p&&(y=C+H);const b=s(e);b&&y>b?(y=b,g(e,!0)):g(e,!1);const w=o.get();if(w.set&&(e.dom.setStyles(e.getDoc().documentElement,{"min-height":0}),e.dom.setStyles(e.getBody(),{"min-height":"inherit"})),y!==w.totalHeight&&(C-f!==w.contentHeight||!w.set)){const n=y-w.totalHeight;if(u.setStyle(e.getContainer(),"height",y+"px"),o.set({totalHeight:y,contentHeight:C,set:!0}),(e=>{e.dispatch("ResizeEditor")})(e),t.browser.isSafari()&&(t.os.isMacOS()||t.os.isiOS())){const t=e.getWin();t.scrollTo(t.pageXOffset,t.pageYOffset)}e.hasFocus()&&(e=>{if("setcontent"===(null==e?void 0:e.type.toLowerCase())){const t=e;return!0===t.selection||!0===t.paste}return!1})(r)&&e.selection.scrollIntoView(),(t.browser.isSafari()||t.browser.isChromium())&&n<0&&a(e,o,r,c)}};e.add("autoresize",(e=>{if((e=>{const t=e.options.register;t("autoresize_overflow_padding",{processor:"number",default:1}),t("autoresize_bottom_margin",{processor:"number",default:50})})(e),e.options.isSet("resize")||e.options.set("resize",!1),!e.inline){const o=(()=>{let e={totalHeight:0,contentHeight:0,set:!1};return{get:()=>e,set:t=>{e=t}}})();((e,t)=>{e.addCommand("mceAutoResize",(()=>{a(e,t)}))})(e,o),((e,o)=>{const n=()=>r(e);e.on("init",(s=>{const r=i(e),g=e.dom;g.setStyles(e.getDoc().documentElement,{height:"auto"}),t.browser.isEdge()||t.browser.isIE()?g.setStyles(e.getBody(),{paddingLeft:r,paddingRight:r,"min-height":0}):g.setStyles(e.getBody(),{paddingLeft:r,paddingRight:r}),a(e,o,s,n)})),e.on("NodeChange SetContent keyup FullscreenStateChanged ResizeContent",(t=>{a(e,o,t,n)}))})(e,o)}}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/index.js
new file mode 100644
index 000000000..261d5c99a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/index.js
@@ -0,0 +1,7 @@
+// Exports the "autosave" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/autosave')
+//   ES2015:
+//     import 'tinymce/plugins/autosave'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/plugin.js
new file mode 100644
index 000000000..edd2bc192
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/plugin.js
@@ -0,0 +1,252 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType('string');
+    const isUndefined = eq(undefined);
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.LocalStorage');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const fireRestoreDraft = (editor) => editor.dispatch('RestoreDraft');
+    const fireStoreDraft = (editor) => editor.dispatch('StoreDraft');
+    const fireRemoveDraft = (editor) => editor.dispatch('RemoveDraft');
+
+    const parse = (timeString) => {
+        const multiples = {
+            s: 1000,
+            m: 60000
+        };
+        const parsedTime = /^(\d+)([ms]?)$/.exec(timeString);
+        return (parsedTime && parsedTime[2] ? multiples[parsedTime[2]] : 1) * parseInt(timeString, 10);
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        const timeProcessor = (value) => {
+            const valid = isString(value);
+            if (valid) {
+                return { value: parse(value), valid };
+            }
+            else {
+                return { valid: false, message: 'Must be a string.' };
+            }
+        };
+        registerOption('autosave_ask_before_unload', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('autosave_prefix', {
+            processor: 'string',
+            default: 'tinymce-autosave-{path}{query}{hash}-{id}-'
+        });
+        registerOption('autosave_restore_when_empty', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('autosave_interval', {
+            processor: timeProcessor,
+            default: '30s'
+        });
+        registerOption('autosave_retention', {
+            processor: timeProcessor,
+            default: '20m'
+        });
+    };
+    const shouldAskBeforeUnload = option('autosave_ask_before_unload');
+    const shouldRestoreWhenEmpty = option('autosave_restore_when_empty');
+    const getAutoSaveInterval = option('autosave_interval');
+    const getAutoSaveRetention = option('autosave_retention');
+    const getAutoSavePrefix = (editor) => {
+        const location = document.location;
+        return editor.options.get('autosave_prefix').replace(/{path}/g, location.pathname)
+            .replace(/{query}/g, location.search)
+            .replace(/{hash}/g, location.hash)
+            .replace(/{id}/g, editor.id);
+    };
+
+    const isEmpty = (editor, html) => {
+        if (isUndefined(html)) {
+            return editor.dom.isEmpty(editor.getBody());
+        }
+        else {
+            const trimmedHtml = global$1.trim(html);
+            if (trimmedHtml === '') {
+                return true;
+            }
+            else {
+                const fragment = new DOMParser().parseFromString(trimmedHtml, 'text/html');
+                return editor.dom.isEmpty(fragment);
+            }
+        }
+    };
+    const hasDraft = (editor) => {
+        var _a;
+        const time = parseInt((_a = global$2.getItem(getAutoSavePrefix(editor) + 'time')) !== null && _a !== void 0 ? _a : '0', 10) || 0;
+        if (new Date().getTime() - time > getAutoSaveRetention(editor)) {
+            removeDraft(editor, false);
+            return false;
+        }
+        return true;
+    };
+    const removeDraft = (editor, fire) => {
+        const prefix = getAutoSavePrefix(editor);
+        global$2.removeItem(prefix + 'draft');
+        global$2.removeItem(prefix + 'time');
+        if (fire !== false) {
+            fireRemoveDraft(editor);
+        }
+    };
+    const storeDraft = (editor) => {
+        const prefix = getAutoSavePrefix(editor);
+        if (!isEmpty(editor) && editor.isDirty()) {
+            global$2.setItem(prefix + 'draft', editor.getContent({ format: 'raw', no_events: true }));
+            global$2.setItem(prefix + 'time', new Date().getTime().toString());
+            fireStoreDraft(editor);
+        }
+    };
+    const restoreDraft = (editor) => {
+        var _a;
+        const prefix = getAutoSavePrefix(editor);
+        if (hasDraft(editor)) {
+            editor.setContent((_a = global$2.getItem(prefix + 'draft')) !== null && _a !== void 0 ? _a : '', { format: 'raw' });
+            fireRestoreDraft(editor);
+        }
+    };
+    const startStoreDraft = (editor) => {
+        const interval = getAutoSaveInterval(editor);
+        global$3.setEditorInterval(editor, () => {
+            storeDraft(editor);
+        }, interval);
+    };
+    const restoreLastDraft = (editor) => {
+        editor.undoManager.transact(() => {
+            restoreDraft(editor);
+            removeDraft(editor);
+        });
+        editor.focus();
+    };
+
+    const get = (editor) => ({
+        hasDraft: () => hasDraft(editor),
+        storeDraft: () => storeDraft(editor),
+        restoreDraft: () => restoreDraft(editor),
+        removeDraft: (fire) => removeDraft(editor, fire),
+        isEmpty: (html) => isEmpty(editor, html)
+    });
+
+    var global = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    const setup = (editor) => {
+        editor.editorManager.on('BeforeUnload', (e) => {
+            let msg;
+            global$1.each(global.get(), (editor) => {
+                // Store a draft for each editor instance
+                if (editor.plugins.autosave) {
+                    editor.plugins.autosave.storeDraft();
+                }
+                // Setup a return message if the editor is dirty
+                if (!msg && editor.isDirty() && shouldAskBeforeUnload(editor)) {
+                    msg = editor.translate('You have unsaved changes are you sure you want to navigate away?');
+                }
+            });
+            if (msg) {
+                e.preventDefault();
+                e.returnValue = msg;
+            }
+        });
+    };
+
+    const makeSetupHandler = (editor) => (api) => {
+        const shouldEnable = () => hasDraft(editor) && !editor.mode.isReadOnly();
+        api.setEnabled(shouldEnable());
+        const editorEventCallback = () => api.setEnabled(shouldEnable());
+        editor.on('StoreDraft RestoreDraft RemoveDraft', editorEventCallback);
+        return () => editor.off('StoreDraft RestoreDraft RemoveDraft', editorEventCallback);
+    };
+    const register = (editor) => {
+        // TODO: This was moved from makeSetupHandler as it would only be called when the menu item was rendered?
+        //       Is it safe to start this process when the plugin is registered?
+        startStoreDraft(editor);
+        const onAction = () => {
+            restoreLastDraft(editor);
+        };
+        editor.ui.registry.addButton('restoredraft', {
+            tooltip: 'Restore last draft',
+            icon: 'restore-draft',
+            onAction,
+            onSetup: makeSetupHandler(editor)
+        });
+        editor.ui.registry.addMenuItem('restoredraft', {
+            text: 'Restore last draft',
+            icon: 'restore-draft',
+            onAction,
+            onSetup: makeSetupHandler(editor)
+        });
+    };
+
+    /**
+     * This class contains all core logic for the autosave plugin.
+     *
+     * @class tinymce.autosave.Plugin
+     * @private
+     */
+    var Plugin = () => {
+        global$4.add('autosave', (editor) => {
+            register$1(editor);
+            setup(editor);
+            register(editor);
+            editor.on('init', () => {
+                if (shouldRestoreWhenEmpty(editor) && editor.dom.isEmpty(editor.getBody())) {
+                    restoreDraft(editor);
+                }
+            });
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/plugin.min.js
new file mode 100644
index 000000000..4f4235a47
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/autosave/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=t=>"string"===(t=>{const e=typeof t;return null===t?"null":"object"===e&&Array.isArray(t)?"array":"object"===e&&(r=o=t,(a=String).prototype.isPrototypeOf(r)||(null===(s=o.constructor)||void 0===s?void 0:s.name)===a.name)?"string":e;var r,o,a,s})(t);const r=t=>undefined===t;var o=tinymce.util.Tools.resolve("tinymce.util.Delay"),a=tinymce.util.Tools.resolve("tinymce.util.LocalStorage"),s=tinymce.util.Tools.resolve("tinymce.util.Tools");const n=t=>{const e=/^(\d+)([ms]?)$/.exec(t);return(e&&e[2]?{s:1e3,m:6e4}[e[2]]:1)*parseInt(t,10)},i=t=>e=>e.options.get(t),u=i("autosave_ask_before_unload"),l=i("autosave_restore_when_empty"),c=i("autosave_interval"),d=i("autosave_retention"),m=t=>{const e=document.location;return t.options.get("autosave_prefix").replace(/{path}/g,e.pathname).replace(/{query}/g,e.search).replace(/{hash}/g,e.hash).replace(/{id}/g,t.id)},v=(t,e)=>{if(r(e))return t.dom.isEmpty(t.getBody());{const r=s.trim(e);if(""===r)return!0;{const e=(new DOMParser).parseFromString(r,"text/html");return t.dom.isEmpty(e)}}},f=t=>{var e;const r=parseInt(null!==(e=a.getItem(m(t)+"time"))&&void 0!==e?e:"0",10)||0;return!((new Date).getTime()-r>d(t)&&(p(t,!1),1))},p=(t,e)=>{const r=m(t);a.removeItem(r+"draft"),a.removeItem(r+"time"),!1!==e&&(t=>{t.dispatch("RemoveDraft")})(t)},y=t=>{const e=m(t);!v(t)&&t.isDirty()&&(a.setItem(e+"draft",t.getContent({format:"raw",no_events:!0})),a.setItem(e+"time",(new Date).getTime().toString()),(t=>{t.dispatch("StoreDraft")})(t))},g=t=>{var e;const r=m(t);f(t)&&(t.setContent(null!==(e=a.getItem(r+"draft"))&&void 0!==e?e:"",{format:"raw"}),(t=>{t.dispatch("RestoreDraft")})(t))};var D=tinymce.util.Tools.resolve("tinymce.EditorManager");const h=t=>e=>{const r=()=>f(t)&&!t.mode.isReadOnly();e.setEnabled(r());const o=()=>e.setEnabled(r());return t.on("StoreDraft RestoreDraft RemoveDraft",o),()=>t.off("StoreDraft RestoreDraft RemoveDraft",o)};t.add("autosave",(t=>((t=>{const r=t.options.register,o=t=>{const r=e(t);return r?{value:n(t),valid:r}:{valid:!1,message:"Must be a string."}};r("autosave_ask_before_unload",{processor:"boolean",default:!0}),r("autosave_prefix",{processor:"string",default:"tinymce-autosave-{path}{query}{hash}-{id}-"}),r("autosave_restore_when_empty",{processor:"boolean",default:!1}),r("autosave_interval",{processor:o,default:"30s"}),r("autosave_retention",{processor:o,default:"20m"})})(t),(t=>{t.editorManager.on("BeforeUnload",(t=>{let e;s.each(D.get(),(t=>{t.plugins.autosave&&t.plugins.autosave.storeDraft(),!e&&t.isDirty()&&u(t)&&(e=t.translate("You have unsaved changes are you sure you want to navigate away?"))})),e&&(t.preventDefault(),t.returnValue=e)}))})(t),(t=>{(t=>{const e=c(t);o.setEditorInterval(t,(()=>{y(t)}),e)})(t);const e=()=>{(t=>{t.undoManager.transact((()=>{g(t),p(t)})),t.focus()})(t)};t.ui.registry.addButton("restoredraft",{tooltip:"Restore last draft",icon:"restore-draft",onAction:e,onSetup:h(t)}),t.ui.registry.addMenuItem("restoredraft",{text:"Restore last draft",icon:"restore-draft",onAction:e,onSetup:h(t)})})(t),t.on("init",(()=>{l(t)&&t.dom.isEmpty(t.getBody())&&g(t)})),(t=>({hasDraft:()=>f(t),storeDraft:()=>y(t),restoreDraft:()=>g(t),removeDraft:e=>p(t,e),isEmpty:e=>v(t,e)}))(t))))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/index.js
new file mode 100644
index 000000000..13a16738c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/index.js
@@ -0,0 +1,7 @@
+// Exports the "charmap" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/charmap')
+//   ES2015:
+//     import 'tinymce/plugins/charmap'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/plugin.js
new file mode 100644
index 000000000..474685425
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/plugin.js
@@ -0,0 +1,997 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const fireInsertCustomChar = (editor, chr) => {
+        return editor.dispatch('insertCustomChar', { chr });
+    };
+
+    const insertChar = (editor, chr) => {
+        const evtChr = fireInsertCustomChar(editor, chr).chr;
+        editor.execCommand('mceInsertContent', false, evtChr);
+    };
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isArray$1 = isType('array');
+    const isNull = eq(null);
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray$1(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    const fromCodePoint = String.fromCodePoint;
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        const charMapProcessor = (value) => isFunction(value) || isArray$1(value);
+        registerOption('charmap', {
+            processor: charMapProcessor,
+        });
+        registerOption('charmap_append', {
+            processor: charMapProcessor
+        });
+    };
+    const getCharMap$1 = option('charmap');
+    const getCharMapAppend = option('charmap_append');
+
+    const isArray = global.isArray;
+    const UserDefined = 'User Defined';
+    const getDefaultCharMap = () => {
+        return [
+            // TODO: Merge categories with TBIO
+            // {
+            //   name: 'Unknown',
+            //   characters : [
+            //     [160, 'no-break space'],
+            //     [173, 'soft hyphen'],
+            //     [34, 'quotation mark']
+            //   ]
+            // },
+            { name: 'Currency',
+                characters: [
+                    [36, 'dollar sign'],
+                    [162, 'cent sign'],
+                    [8364, 'euro sign'],
+                    [163, 'pound sign'],
+                    [165, 'yen sign'],
+                    [164, 'currency sign'],
+                    [8352, 'euro-currency sign'],
+                    [8353, 'colon sign'],
+                    [8354, 'cruzeiro sign'],
+                    [8355, 'french franc sign'],
+                    [8356, 'lira sign'],
+                    [8357, 'mill sign'],
+                    [8358, 'naira sign'],
+                    [8359, 'peseta sign'],
+                    [8360, 'rupee sign'],
+                    [8361, 'won sign'],
+                    [8362, 'new sheqel sign'],
+                    [8363, 'dong sign'],
+                    [8365, 'kip sign'],
+                    [8366, 'tugrik sign'],
+                    [8367, 'drachma sign'],
+                    [8368, 'german penny symbol'],
+                    [8369, 'peso sign'],
+                    [8370, 'guarani sign'],
+                    [8371, 'austral sign'],
+                    [8372, 'hryvnia sign'],
+                    [8373, 'cedi sign'],
+                    [8374, 'livre tournois sign'],
+                    [8375, 'spesmilo sign'],
+                    [8376, 'tenge sign'],
+                    [8377, 'indian rupee sign'],
+                    [8378, 'turkish lira sign'],
+                    [8379, 'nordic mark sign'],
+                    [8380, 'manat sign'],
+                    [8381, 'ruble sign'],
+                    [20870, 'yen character'],
+                    [20803, 'yuan character'],
+                    [22291, 'yuan character, in hong kong and taiwan'],
+                    [22278, 'yen/yuan character variant one']
+                ]
+            },
+            { name: 'Text',
+                characters: [
+                    [169, 'copyright sign'],
+                    [174, 'registered sign'],
+                    [8482, 'trade mark sign'],
+                    [8240, 'per mille sign'],
+                    [181, 'micro sign'],
+                    [183, 'middle dot'],
+                    [8226, 'bullet'],
+                    [8230, 'three dot leader'],
+                    [8242, 'minutes / feet'],
+                    [8243, 'seconds / inches'],
+                    [167, 'section sign'],
+                    [182, 'paragraph sign'],
+                    [223, 'sharp s / ess-zed']
+                ]
+            },
+            { name: 'Quotations',
+                characters: [
+                    [8249, 'single left-pointing angle quotation mark'],
+                    [8250, 'single right-pointing angle quotation mark'],
+                    [171, 'left pointing guillemet'],
+                    [187, 'right pointing guillemet'],
+                    [8216, 'left single quotation mark'],
+                    [8217, 'right single quotation mark'],
+                    [8220, 'left double quotation mark'],
+                    [8221, 'right double quotation mark'],
+                    [8218, 'single low-9 quotation mark'],
+                    [8222, 'double low-9 quotation mark'],
+                    [60, 'less-than sign'],
+                    [62, 'greater-than sign'],
+                    [8804, 'less-than or equal to'],
+                    [8805, 'greater-than or equal to'],
+                    [8211, 'en dash'],
+                    [8212, 'em dash'],
+                    [175, 'macron'],
+                    [8254, 'overline'],
+                    [164, 'currency sign'],
+                    [166, 'broken bar'],
+                    [168, 'diaeresis'],
+                    [161, 'inverted exclamation mark'],
+                    [191, 'turned question mark'],
+                    [710, 'circumflex accent'],
+                    [732, 'small tilde'],
+                    [176, 'degree sign'],
+                    [8722, 'minus sign'],
+                    [177, 'plus-minus sign'],
+                    [247, 'division sign'],
+                    [8260, 'fraction slash'],
+                    [215, 'multiplication sign'],
+                    [185, 'superscript one'],
+                    [178, 'superscript two'],
+                    [179, 'superscript three'],
+                    [188, 'fraction one quarter'],
+                    [189, 'fraction one half'],
+                    [190, 'fraction three quarters']
+                ]
+            },
+            {
+                name: 'Mathematical',
+                characters: [
+                    [402, 'function / florin'],
+                    [8747, 'integral'],
+                    [8721, 'n-ary sumation'],
+                    [8734, 'infinity'],
+                    [8730, 'square root'],
+                    [8764, 'similar to'],
+                    [8773, 'approximately equal to'],
+                    [8776, 'almost equal to'],
+                    [8800, 'not equal to'],
+                    [8801, 'identical to'],
+                    [8712, 'element of'],
+                    [8713, 'not an element of'],
+                    [8715, 'contains as member'],
+                    [8719, 'n-ary product'],
+                    [8743, 'logical and'],
+                    [8744, 'logical or'],
+                    [172, 'not sign'],
+                    [8745, 'intersection'],
+                    [8746, 'union'],
+                    [8706, 'partial differential'],
+                    [8704, 'for all'],
+                    [8707, 'there exists'],
+                    [8709, 'diameter'],
+                    [8711, 'backward difference'],
+                    [8727, 'asterisk operator'],
+                    [8733, 'proportional to'],
+                    [8736, 'angle']
+                ]
+            },
+            // TODO: Merge categories with TBIO
+            // {
+            //   name: 'Undefined',
+            //   characters: [
+            //     [180, 'acute accent'],
+            //     [184, 'cedilla'],
+            //     [170, 'feminine ordinal indicator'],
+            //     [186, 'masculine ordinal indicator'],
+            //     [8224, 'dagger'],
+            //     [8225, 'double dagger']
+            //   ]
+            // },
+            {
+                name: 'Extended Latin',
+                characters: [
+                    [192, 'A - grave'],
+                    [193, 'A - acute'],
+                    [194, 'A - circumflex'],
+                    [195, 'A - tilde'],
+                    [196, 'A - diaeresis'],
+                    [197, 'A - ring above'],
+                    [256, 'A - macron'],
+                    [198, 'ligature AE'],
+                    [199, 'C - cedilla'],
+                    [200, 'E - grave'],
+                    [201, 'E - acute'],
+                    [202, 'E - circumflex'],
+                    [203, 'E - diaeresis'],
+                    [274, 'E - macron'],
+                    [204, 'I - grave'],
+                    [205, 'I - acute'],
+                    [206, 'I - circumflex'],
+                    [207, 'I - diaeresis'],
+                    [298, 'I - macron'],
+                    [208, 'ETH'],
+                    [209, 'N - tilde'],
+                    [210, 'O - grave'],
+                    [211, 'O - acute'],
+                    [212, 'O - circumflex'],
+                    [213, 'O - tilde'],
+                    [214, 'O - diaeresis'],
+                    [216, 'O - slash'],
+                    [332, 'O - macron'],
+                    [338, 'ligature OE'],
+                    [352, 'S - caron'],
+                    [217, 'U - grave'],
+                    [218, 'U - acute'],
+                    [219, 'U - circumflex'],
+                    [220, 'U - diaeresis'],
+                    [362, 'U - macron'],
+                    [221, 'Y - acute'],
+                    [376, 'Y - diaeresis'],
+                    [562, 'Y - macron'],
+                    [222, 'THORN'],
+                    [224, 'a - grave'],
+                    [225, 'a - acute'],
+                    [226, 'a - circumflex'],
+                    [227, 'a - tilde'],
+                    [228, 'a - diaeresis'],
+                    [229, 'a - ring above'],
+                    [257, 'a - macron'],
+                    [230, 'ligature ae'],
+                    [231, 'c - cedilla'],
+                    [232, 'e - grave'],
+                    [233, 'e - acute'],
+                    [234, 'e - circumflex'],
+                    [235, 'e - diaeresis'],
+                    [275, 'e - macron'],
+                    [236, 'i - grave'],
+                    [237, 'i - acute'],
+                    [238, 'i - circumflex'],
+                    [239, 'i - diaeresis'],
+                    [299, 'i - macron'],
+                    [240, 'eth'],
+                    [241, 'n - tilde'],
+                    [242, 'o - grave'],
+                    [243, 'o - acute'],
+                    [244, 'o - circumflex'],
+                    [245, 'o - tilde'],
+                    [246, 'o - diaeresis'],
+                    [248, 'o slash'],
+                    [333, 'o macron'],
+                    [339, 'ligature oe'],
+                    [353, 's - caron'],
+                    [249, 'u - grave'],
+                    [250, 'u - acute'],
+                    [251, 'u - circumflex'],
+                    [252, 'u - diaeresis'],
+                    [363, 'u - macron'],
+                    [253, 'y - acute'],
+                    [254, 'thorn'],
+                    [255, 'y - diaeresis'],
+                    [563, 'y - macron'],
+                    [913, 'Alpha'],
+                    [914, 'Beta'],
+                    [915, 'Gamma'],
+                    [916, 'Delta'],
+                    [917, 'Epsilon'],
+                    [918, 'Zeta'],
+                    [919, 'Eta'],
+                    [920, 'Theta'],
+                    [921, 'Iota'],
+                    [922, 'Kappa'],
+                    [923, 'Lambda'],
+                    [924, 'Mu'],
+                    [925, 'Nu'],
+                    [926, 'Xi'],
+                    [927, 'Omicron'],
+                    [928, 'Pi'],
+                    [929, 'Rho'],
+                    [931, 'Sigma'],
+                    [932, 'Tau'],
+                    [933, 'Upsilon'],
+                    [934, 'Phi'],
+                    [935, 'Chi'],
+                    [936, 'Psi'],
+                    [937, 'Omega'],
+                    [945, 'alpha'],
+                    [946, 'beta'],
+                    [947, 'gamma'],
+                    [948, 'delta'],
+                    [949, 'epsilon'],
+                    [950, 'zeta'],
+                    [951, 'eta'],
+                    [952, 'theta'],
+                    [953, 'iota'],
+                    [954, 'kappa'],
+                    [955, 'lambda'],
+                    [956, 'mu'],
+                    [957, 'nu'],
+                    [958, 'xi'],
+                    [959, 'omicron'],
+                    [960, 'pi'],
+                    [961, 'rho'],
+                    [962, 'final sigma'],
+                    [963, 'sigma'],
+                    [964, 'tau'],
+                    [965, 'upsilon'],
+                    [966, 'phi'],
+                    [967, 'chi'],
+                    [968, 'psi'],
+                    [969, 'omega']
+                ]
+            },
+            {
+                name: 'Symbols',
+                characters: [
+                    [8501, 'alef symbol'],
+                    [982, 'pi symbol'],
+                    [8476, 'real part symbol'],
+                    [978, 'upsilon - hook symbol'],
+                    [8472, 'Weierstrass p'],
+                    [8465, 'imaginary part']
+                ]
+            },
+            {
+                name: 'Arrows',
+                characters: [
+                    [8592, 'leftwards arrow'],
+                    [8593, 'upwards arrow'],
+                    [8594, 'rightwards arrow'],
+                    [8595, 'downwards arrow'],
+                    [8596, 'left right arrow'],
+                    [8629, 'carriage return'],
+                    [8656, 'leftwards double arrow'],
+                    [8657, 'upwards double arrow'],
+                    [8658, 'rightwards double arrow'],
+                    [8659, 'downwards double arrow'],
+                    [8660, 'left right double arrow'],
+                    [8756, 'therefore'],
+                    [8834, 'subset of'],
+                    [8835, 'superset of'],
+                    [8836, 'not a subset of'],
+                    [8838, 'subset of or equal to'],
+                    [8839, 'superset of or equal to'],
+                    [8853, 'circled plus'],
+                    [8855, 'circled times'],
+                    [8869, 'perpendicular'],
+                    [8901, 'dot operator'],
+                    [8968, 'left ceiling'],
+                    [8969, 'right ceiling'],
+                    [8970, 'left floor'],
+                    [8971, 'right floor'],
+                    [9001, 'left-pointing angle bracket'],
+                    [9002, 'right-pointing angle bracket'],
+                    [9674, 'lozenge'],
+                    [9824, 'black spade suit'],
+                    [9827, 'black club suit'],
+                    [9829, 'black heart suit'],
+                    [9830, 'black diamond suit'],
+                    [8194, 'en space'],
+                    [8195, 'em space'],
+                    [8201, 'thin space'],
+                    [8204, 'zero width non-joiner'],
+                    [8205, 'zero width joiner'],
+                    [8206, 'left-to-right mark'],
+                    [8207, 'right-to-left mark']
+                ]
+            }
+        ];
+    };
+    const charmapFilter = (charmap) => {
+        return global.grep(charmap, (item) => {
+            return isArray(item) && item.length === 2;
+        });
+    };
+    const getCharsFromOption = (optionValue) => {
+        if (isArray(optionValue)) {
+            return charmapFilter(optionValue);
+        }
+        if (typeof optionValue === 'function') {
+            return optionValue();
+        }
+        return [];
+    };
+    const extendCharMap = (editor, charmap) => {
+        const userCharMap = getCharMap$1(editor);
+        if (userCharMap) {
+            charmap = [{ name: UserDefined, characters: getCharsFromOption(userCharMap) }];
+        }
+        const userCharMapAppend = getCharMapAppend(editor);
+        if (userCharMapAppend) {
+            const userDefinedGroup = global.grep(charmap, (cg) => cg.name === UserDefined);
+            if (userDefinedGroup.length) {
+                userDefinedGroup[0].characters = [...userDefinedGroup[0].characters, ...getCharsFromOption(userCharMapAppend)];
+                return charmap;
+            }
+            return charmap.concat({ name: UserDefined, characters: getCharsFromOption(userCharMapAppend) });
+        }
+        return charmap;
+    };
+    const getCharMap = (editor) => {
+        const groups = extendCharMap(editor, getDefaultCharMap());
+        return groups.length > 1 ? [
+            {
+                name: 'All',
+                characters: bind(groups, (g) => g.characters)
+            }
+        ].concat(groups) : groups;
+    };
+
+    const get = (editor) => {
+        const getCharMap$1 = () => {
+            return getCharMap(editor);
+        };
+        const insertChar$1 = (chr) => {
+            insertChar(editor, chr);
+        };
+        return {
+            getCharMap: getCharMap$1,
+            insertChar: insertChar$1
+        };
+    };
+
+    const charMatches = (charCode, name, lowerCasePattern) => {
+        if (contains(fromCodePoint(charCode).toLowerCase(), lowerCasePattern)) {
+            return true;
+        }
+        else {
+            return contains(name.toLowerCase(), lowerCasePattern) || contains(name.toLowerCase().replace(/\s+/g, ''), lowerCasePattern);
+        }
+    };
+    const scan = (group, pattern) => {
+        const matches = [];
+        const lowerCasePattern = pattern.toLowerCase();
+        each(group.characters, (g) => {
+            if (charMatches(g[0], g[1], lowerCasePattern)) {
+                matches.push(g);
+            }
+        });
+        return map(matches, (m) => ({
+            text: m[1],
+            value: fromCodePoint(m[0]),
+            icon: fromCodePoint(m[0])
+        }));
+    };
+
+    const patternName = 'pattern';
+    const open = (editor, charMap) => {
+        const makeGroupItems = () => [
+            {
+                label: 'Search',
+                type: 'input',
+                name: patternName
+            },
+            {
+                type: 'collection',
+                name: 'results'
+                // TODO TINY-3229 implement collection columns properly
+                // columns: 'auto'
+            }
+        ];
+        const makeTabs = () => map(charMap, (charGroup) => ({
+            title: charGroup.name,
+            name: charGroup.name,
+            items: makeGroupItems()
+        }));
+        const makePanel = () => ({ type: 'panel', items: makeGroupItems() });
+        const makeTabPanel = () => ({ type: 'tabpanel', tabs: makeTabs() });
+        const currentTab = charMap.length === 1 ? Cell(UserDefined) : Cell('All');
+        const scanAndSet = (dialogApi, pattern) => {
+            find(charMap, (group) => group.name === currentTab.get()).each((f) => {
+                const items = scan(f, pattern);
+                dialogApi.setData({
+                    results: items
+                });
+            });
+        };
+        const SEARCH_DELAY = 40;
+        const updateFilter = last((dialogApi) => {
+            const pattern = dialogApi.getData().pattern;
+            scanAndSet(dialogApi, pattern);
+        }, SEARCH_DELAY);
+        const body = charMap.length === 1 ? makePanel() : makeTabPanel();
+        const initialData = {
+            pattern: '',
+            results: scan(charMap[0], '')
+        };
+        const bridgeSpec = {
+            title: 'Special Character',
+            size: 'normal',
+            body,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'close',
+                    text: 'Close',
+                    primary: true
+                }
+            ],
+            initialData,
+            onAction: (api, details) => {
+                if (details.name === 'results') {
+                    insertChar(editor, details.value);
+                    api.close();
+                }
+            },
+            onTabChange: (dialogApi, details) => {
+                currentTab.set(details.newTabName);
+                updateFilter.throttle(dialogApi);
+            },
+            onChange: (dialogApi, changeData) => {
+                if (changeData.name === patternName) {
+                    updateFilter.throttle(dialogApi);
+                }
+            }
+        };
+        const dialogApi = editor.windowManager.open(bridgeSpec);
+        dialogApi.focus(patternName);
+    };
+
+    const register$1 = (editor, charMap) => {
+        editor.addCommand('mceShowCharmap', () => {
+            open(editor, charMap);
+        });
+    };
+
+    const init = (editor, all) => {
+        editor.ui.registry.addAutocompleter('charmap', {
+            trigger: ':',
+            columns: 'auto',
+            minChars: 2,
+            fetch: (pattern, _maxResults) => new Promise((resolve, _reject) => {
+                resolve(scan(all, pattern));
+            }),
+            onAction: (autocompleteApi, rng, value) => {
+                editor.selection.setRng(rng);
+                editor.insertContent(value);
+                autocompleteApi.hide();
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceShowCharmap');
+        editor.ui.registry.addButton('charmap', {
+            icon: 'insert-character',
+            tooltip: 'Special character',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addMenuItem('charmap', {
+            icon: 'insert-character',
+            text: 'Special character...',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('charmap', (editor) => {
+            register$2(editor);
+            const charMap = getCharMap(editor);
+            register$1(editor, charMap);
+            register(editor);
+            init(editor, charMap[0]);
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/plugin.min.js
new file mode 100644
index 000000000..47ffdc7c0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/charmap/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=(e,t)=>{const r=((e,t)=>e.dispatch("insertCustomChar",{chr:t}))(e,t).chr;e.execCommand("mceInsertContent",!1,r)},r=e=>t=>e===t,a=e=>"array"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(r=a=e,(n=String).prototype.isPrototypeOf(r)||(null===(i=a.constructor)||void 0===i?void 0:i.name)===n.name)?"string":t;var r,a,n,i})(e);const n=r(null),i=r(void 0),o=e=>"function"==typeof e,s=()=>false;class l{constructor(e,t){this.tag=e,this.value=t}static some(e){return new l(!0,e)}static none(){return l.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?l?.some(e(this.value)):l.none()}bind(e){return this.tag?e(this.value):l.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:l.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?l.none():l?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}l.singletonNone=new l(!1),Array.prototype.slice;const c=Array.prototype.push,u=(e,t)=>{const r=e.length,a=new Array(r);for(let n=0;n<r;n++){const r=e[n];a[n]=t(r,n)}return a};o(Array.from)&&Array.from;const g=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},h=(e,t,r=0,a)=>{const n=e.indexOf(t,r);return-1!==n&&(!!i(a)||n+t.length<=a)},m=String.fromCodePoint;var p=tinymce.util.Tools.resolve("tinymce.util.Tools");const d=e=>t=>t.options.get(e),f=d("charmap"),y=d("charmap_append"),b=p.isArray,w="User Defined",v=e=>{return b(e)?(t=e,p.grep(t,(e=>b(e)&&2===e.length))):"function"==typeof e?e():[];var t},k=e=>{const t=((e,t)=>{const r=f(e);r&&(t=[{name:w,characters:v(r)}]);const a=y(e);if(a){const e=p.grep(t,(e=>e.name===w));return e.length?(e[0].characters=[...e[0].characters,...v(a)],t):t.concat({name:w,characters:v(a)})}return t})(e,[{name:"Currency",characters:[[36,"dollar sign"],[162,"cent sign"],[8364,"euro sign"],[163,"pound sign"],[165,"yen sign"],[164,"currency sign"],[8352,"euro-currency sign"],[8353,"colon sign"],[8354,"cruzeiro sign"],[8355,"french franc sign"],[8356,"lira sign"],[8357,"mill sign"],[8358,"naira sign"],[8359,"peseta sign"],[8360,"rupee sign"],[8361,"won sign"],[8362,"new sheqel sign"],[8363,"dong sign"],[8365,"kip sign"],[8366,"tugrik sign"],[8367,"drachma sign"],[8368,"german penny symbol"],[8369,"peso sign"],[8370,"guarani sign"],[8371,"austral sign"],[8372,"hryvnia sign"],[8373,"cedi sign"],[8374,"livre tournois sign"],[8375,"spesmilo sign"],[8376,"tenge sign"],[8377,"indian rupee sign"],[8378,"turkish lira sign"],[8379,"nordic mark sign"],[8380,"manat sign"],[8381,"ruble sign"],[20870,"yen character"],[20803,"yuan character"],[22291,"yuan character, in hong kong and taiwan"],[22278,"yen/yuan character variant one"]]},{name:"Text",characters:[[169,"copyright sign"],[174,"registered sign"],[8482,"trade mark sign"],[8240,"per mille sign"],[181,"micro sign"],[183,"middle dot"],[8226,"bullet"],[8230,"three dot leader"],[8242,"minutes / feet"],[8243,"seconds / inches"],[167,"section sign"],[182,"paragraph sign"],[223,"sharp s / ess-zed"]]},{name:"Quotations",characters:[[8249,"single left-pointing angle quotation mark"],[8250,"single right-pointing angle quotation mark"],[171,"left pointing guillemet"],[187,"right pointing guillemet"],[8216,"left single quotation mark"],[8217,"right single quotation mark"],[8220,"left double quotation mark"],[8221,"right double quotation mark"],[8218,"single low-9 quotation mark"],[8222,"double low-9 quotation mark"],[60,"less-than sign"],[62,"greater-than sign"],[8804,"less-than or equal to"],[8805,"greater-than or equal to"],[8211,"en dash"],[8212,"em dash"],[175,"macron"],[8254,"overline"],[164,"currency sign"],[166,"broken bar"],[168,"diaeresis"],[161,"inverted exclamation mark"],[191,"turned question mark"],[710,"circumflex accent"],[732,"small tilde"],[176,"degree sign"],[8722,"minus sign"],[177,"plus-minus sign"],[247,"division sign"],[8260,"fraction slash"],[215,"multiplication sign"],[185,"superscript one"],[178,"superscript two"],[179,"superscript three"],[188,"fraction one quarter"],[189,"fraction one half"],[190,"fraction three quarters"]]},{name:"Mathematical",characters:[[402,"function / florin"],[8747,"integral"],[8721,"n-ary sumation"],[8734,"infinity"],[8730,"square root"],[8764,"similar to"],[8773,"approximately equal to"],[8776,"almost equal to"],[8800,"not equal to"],[8801,"identical to"],[8712,"element of"],[8713,"not an element of"],[8715,"contains as member"],[8719,"n-ary product"],[8743,"logical and"],[8744,"logical or"],[172,"not sign"],[8745,"intersection"],[8746,"union"],[8706,"partial differential"],[8704,"for all"],[8707,"there exists"],[8709,"diameter"],[8711,"backward difference"],[8727,"asterisk operator"],[8733,"proportional to"],[8736,"angle"]]},{name:"Extended Latin",characters:[[192,"A - grave"],[193,"A - acute"],[194,"A - circumflex"],[195,"A - tilde"],[196,"A - diaeresis"],[197,"A - ring above"],[256,"A - macron"],[198,"ligature AE"],[199,"C - cedilla"],[200,"E - grave"],[201,"E - acute"],[202,"E - circumflex"],[203,"E - diaeresis"],[274,"E - macron"],[204,"I - grave"],[205,"I - acute"],[206,"I - circumflex"],[207,"I - diaeresis"],[298,"I - macron"],[208,"ETH"],[209,"N - tilde"],[210,"O - grave"],[211,"O - acute"],[212,"O - circumflex"],[213,"O - tilde"],[214,"O - diaeresis"],[216,"O - slash"],[332,"O - macron"],[338,"ligature OE"],[352,"S - caron"],[217,"U - grave"],[218,"U - acute"],[219,"U - circumflex"],[220,"U - diaeresis"],[362,"U - macron"],[221,"Y - acute"],[376,"Y - diaeresis"],[562,"Y - macron"],[222,"THORN"],[224,"a - grave"],[225,"a - acute"],[226,"a - circumflex"],[227,"a - tilde"],[228,"a - diaeresis"],[229,"a - ring above"],[257,"a - macron"],[230,"ligature ae"],[231,"c - cedilla"],[232,"e - grave"],[233,"e - acute"],[234,"e - circumflex"],[235,"e - diaeresis"],[275,"e - macron"],[236,"i - grave"],[237,"i - acute"],[238,"i - circumflex"],[239,"i - diaeresis"],[299,"i - macron"],[240,"eth"],[241,"n - tilde"],[242,"o - grave"],[243,"o - acute"],[244,"o - circumflex"],[245,"o - tilde"],[246,"o - diaeresis"],[248,"o slash"],[333,"o macron"],[339,"ligature oe"],[353,"s - caron"],[249,"u - grave"],[250,"u - acute"],[251,"u - circumflex"],[252,"u - diaeresis"],[363,"u - macron"],[253,"y - acute"],[254,"thorn"],[255,"y - diaeresis"],[563,"y - macron"],[913,"Alpha"],[914,"Beta"],[915,"Gamma"],[916,"Delta"],[917,"Epsilon"],[918,"Zeta"],[919,"Eta"],[920,"Theta"],[921,"Iota"],[922,"Kappa"],[923,"Lambda"],[924,"Mu"],[925,"Nu"],[926,"Xi"],[927,"Omicron"],[928,"Pi"],[929,"Rho"],[931,"Sigma"],[932,"Tau"],[933,"Upsilon"],[934,"Phi"],[935,"Chi"],[936,"Psi"],[937,"Omega"],[945,"alpha"],[946,"beta"],[947,"gamma"],[948,"delta"],[949,"epsilon"],[950,"zeta"],[951,"eta"],[952,"theta"],[953,"iota"],[954,"kappa"],[955,"lambda"],[956,"mu"],[957,"nu"],[958,"xi"],[959,"omicron"],[960,"pi"],[961,"rho"],[962,"final sigma"],[963,"sigma"],[964,"tau"],[965,"upsilon"],[966,"phi"],[967,"chi"],[968,"psi"],[969,"omega"]]},{name:"Symbols",characters:[[8501,"alef symbol"],[982,"pi symbol"],[8476,"real part symbol"],[978,"upsilon - hook symbol"],[8472,"Weierstrass p"],[8465,"imaginary part"]]},{name:"Arrows",characters:[[8592,"leftwards arrow"],[8593,"upwards arrow"],[8594,"rightwards arrow"],[8595,"downwards arrow"],[8596,"left right arrow"],[8629,"carriage return"],[8656,"leftwards double arrow"],[8657,"upwards double arrow"],[8658,"rightwards double arrow"],[8659,"downwards double arrow"],[8660,"left right double arrow"],[8756,"therefore"],[8834,"subset of"],[8835,"superset of"],[8836,"not a subset of"],[8838,"subset of or equal to"],[8839,"superset of or equal to"],[8853,"circled plus"],[8855,"circled times"],[8869,"perpendicular"],[8901,"dot operator"],[8968,"left ceiling"],[8969,"right ceiling"],[8970,"left floor"],[8971,"right floor"],[9001,"left-pointing angle bracket"],[9002,"right-pointing angle bracket"],[9674,"lozenge"],[9824,"black spade suit"],[9827,"black club suit"],[9829,"black heart suit"],[9830,"black diamond suit"],[8194,"en space"],[8195,"em space"],[8201,"thin space"],[8204,"zero width non-joiner"],[8205,"zero width joiner"],[8206,"left-to-right mark"],[8207,"right-to-left mark"]]}]);return t.length>1?[{name:"All",characters:(r=t,n=e=>e.characters,(e=>{const t=[];for(let r=0,n=e.length;r<n;++r){if(!a(e[r]))throw new Error("Arr.flatten item "+r+" was not an array, input: "+e);c.apply(t,e[r])}return t})(u(r,n)))}].concat(t):t;var r,n},A=(e,t)=>{const r=[],a=t.toLowerCase();return(e=>{for(let n=0,i=e.length;n<i;n++)((e,t,r)=>!!h(m(e).toLowerCase(),r)||h(t.toLowerCase(),r)||h(t.toLowerCase().replace(/\s+/g,""),r))((t=e[n])[0],t[1],a)&&r.push(t);var t})(e.characters),u(r,(e=>({text:e[1],value:m(e[0]),icon:m(e[0])})))},C="pattern",x=(e,r)=>{const a=()=>[{label:"Search",type:"input",name:C},{type:"collection",name:"results"}],i=1===r.length?g(w):g("All"),o=(e=>{let t=null;const r=()=>{n(t)||(clearTimeout(t),t=null)};return{cancel:r,throttle:(...a)=>{r(),t=setTimeout((()=>{t=null,e.apply(null,a)}),40)}}})((e=>{const t=e.getData().pattern;((e,t)=>{var a,n;(a=r,n=e=>e.name===i.get(),((e,t,r)=>{for(let a=0,n=e.length;a<n;a++){const n=e[a];if(t(n,a))return l?.some(n);if(r(n,a))break}return l.none()})(a,n,s)).each((r=>{const a=A(r,t);e.setData({results:a})}))})(e,t)})),c={title:"Special Character",size:"normal",body:1===r.length?{type:"panel",items:a()}:{type:"tabpanel",tabs:u(r,(e=>({title:e.name,name:e.name,items:a()})))},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{pattern:"",results:A(r[0],"")},onAction:(r,a)=>{"results"===a.name&&(t(e,a.value),r.close())},onTabChange:(e,t)=>{i.set(t.newTabName),o.throttle(e)},onChange:(e,t)=>{t.name===C&&o.throttle(e)}};e.windowManager.open(c).focus(C)},q=e=>t=>{const r=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",r),r(),()=>{e.off("NodeChange",r)}};e.add("charmap",(e=>{(e=>{const t=e.options.register,r=e=>o(e)||a(e);t("charmap",{processor:r}),t("charmap_append",{processor:r})})(e);const r=k(e);return((e,t)=>{e.addCommand("mceShowCharmap",(()=>{x(e,t)}))})(e,r),(e=>{const t=()=>e.execCommand("mceShowCharmap");e.ui.registry.addButton("charmap",{icon:"insert-character",tooltip:"Special character",onAction:t,onSetup:q(e)}),e.ui.registry.addMenuItem("charmap",{icon:"insert-character",text:"Special character...",onAction:t,onSetup:q(e)})})(e),((e,t)=>{e.ui.registry.addAutocompleter("charmap",{trigger:":",columns:"auto",minChars:2,fetch:(e,r)=>new Promise(((r,a)=>{r(A(t,e))})),onAction:(t,r,a)=>{e.selection.setRng(r),e.insertContent(a),t.hide()}})})(e,r[0]),(e=>({getCharMap:()=>k(e),insertChar:r=>{t(e,r)}}))(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/index.js
new file mode 100644
index 000000000..1e412f359
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/index.js
@@ -0,0 +1,7 @@
+// Exports the "code" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/code')
+//   ES2015:
+//     import 'tinymce/plugins/code'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/plugin.js
new file mode 100644
index 000000000..53382d7e0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/plugin.js
@@ -0,0 +1,97 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const setContent = (editor, html) => {
+        // We get a lovely "Wrong document" error in IE 11 if we
+        // don't move the focus to the editor before creating an undo
+        // transaction since it tries to make a bookmark for the current selection
+        editor.focus();
+        editor.undoManager.transact(() => {
+            editor.setContent(html);
+        });
+        editor.selection.setCursorLocation();
+        editor.nodeChanged();
+    };
+    const getContent = (editor) => {
+        return editor.getContent({ source_view: true });
+    };
+
+    const open = (editor) => {
+        const editorContent = getContent(editor);
+        editor.windowManager.open({
+            title: 'Source Code',
+            size: 'large',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'textarea',
+                        name: 'code'
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: {
+                code: editorContent
+            },
+            onSubmit: (api) => {
+                setContent(editor, api.getData().code);
+                api.close();
+            }
+        });
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceCodeEditor', () => {
+            open(editor);
+        });
+    };
+
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceCodeEditor');
+        editor.ui.registry.addButton('code', {
+            icon: 'sourcecode',
+            tooltip: 'Source code',
+            onAction
+        });
+        editor.ui.registry.addMenuItem('code', {
+            icon: 'sourcecode',
+            text: 'Source code',
+            onAction
+        });
+    };
+
+    var Plugin = () => {
+        global.add('code', (editor) => {
+            register$1(editor);
+            register(editor);
+            return {};
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/plugin.min.js
new file mode 100644
index 000000000..3e323acf7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/code/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";tinymce.util.Tools.resolve("tinymce.PluginManager").add("code",(e=>((e=>{e.addCommand("mceCodeEditor",(()=>{(e=>{const o=(e=>e.getContent({source_view:!0}))(e);e.windowManager.open({title:"Source Code",size:"large",body:{type:"panel",items:[{type:"textarea",name:"code"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{code:o},onSubmit:o=>{((e,o)=>{e.focus(),e.undoManager.transact((()=>{e.setContent(o)})),e.selection.setCursorLocation(),e.nodeChanged()})(e,o.getData().code),o.close()}})})(e)}))})(e),(e=>{const o=()=>e.execCommand("mceCodeEditor");e.ui.registry.addButton("code",{icon:"sourcecode",tooltip:"Source code",onAction:o}),e.ui.registry.addMenuItem("code",{icon:"sourcecode",text:"Source code",onAction:o})})(e),{})))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/index.js
new file mode 100644
index 000000000..c400ec3d3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/index.js
@@ -0,0 +1,7 @@
+// Exports the "codesample" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/codesample')
+//   ES2015:
+//     import 'tinymce/plugins/codesample'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/plugin.js
new file mode 100644
index 000000000..349a78088
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/plugin.js
@@ -0,0 +1,3654 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+
+    const noop = () => { };
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const get$1 = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$1(xs, 0);
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    const prismjs = function(global, module, exports) {
+    // preserve the global if it has already been loaded
+    const oldprism = window.Prism;
+    window.Prism = { manual: true };
+    /// <reference lib="WebWorker"/>
+
+    var _self = (typeof window !== 'undefined')
+    	? window   // if in browser
+    	: (
+    		(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
+    			? self // if in worker
+    			: {}   // if in node js
+    	);
+
+    /**
+     * Prism: Lightweight, robust, elegant syntax highlighting
+     *
+     * @license MIT <https://opensource.org/licenses/MIT>
+     * @author Lea Verou <https://lea.verou.me>
+     * @namespace
+     * @public
+     */
+    var Prism = (function (_self) {
+
+    	// Private helper vars
+    	var lang = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
+    	var uniqueId = 0;
+
+    	// The grammar object for plaintext
+    	var plainTextGrammar = {};
+
+
+    	var _ = {
+    		/**
+    		 * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
+    		 * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
+    		 * additional languages or plugins yourself.
+    		 *
+    		 * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.
+    		 *
+    		 * You obviously have to change this value before the automatic highlighting started. To do this, you can add an
+    		 * empty Prism object into the global scope before loading the Prism script like this:
+    		 *
+    		 * ```js
+    		 * window.Prism = window.Prism || {};
+    		 * Prism.manual = true;
+    		 * // add a new <script> to load Prism's script
+    		 * ```
+    		 *
+    		 * @default false
+    		 * @type {boolean}
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		manual: _self.Prism && _self.Prism.manual,
+    		/**
+    		 * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses
+    		 * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your
+    		 * own worker, you don't want it to do this.
+    		 *
+    		 * By setting this value to `true`, Prism will not add its own listeners to the worker.
+    		 *
+    		 * You obviously have to change this value before Prism executes. To do this, you can add an
+    		 * empty Prism object into the global scope before loading the Prism script like this:
+    		 *
+    		 * ```js
+    		 * window.Prism = window.Prism || {};
+    		 * Prism.disableWorkerMessageHandler = true;
+    		 * // Load Prism's script
+    		 * ```
+    		 *
+    		 * @default false
+    		 * @type {boolean}
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
+
+    		/**
+    		 * A namespace for utility methods.
+    		 *
+    		 * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may
+    		 * change or disappear at any time.
+    		 *
+    		 * @namespace
+    		 * @memberof Prism
+    		 */
+    		util: {
+    			encode: function encode(tokens) {
+    				if (tokens instanceof Token) {
+    					return new Token(tokens.type, encode(tokens.content), tokens.alias);
+    				} else if (Array.isArray(tokens)) {
+    					return tokens?.map(encode);
+    				} else {
+    					return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
+    				}
+    			},
+
+    			/**
+    			 * Returns the name of the type of the given value.
+    			 *
+    			 * @param {any} o
+    			 * @returns {string}
+    			 * @example
+    			 * type(null)      === 'Null'
+    			 * type(undefined) === 'Undefined'
+    			 * type(123)       === 'Number'
+    			 * type('foo')     === 'String'
+    			 * type(true)      === 'Boolean'
+    			 * type([1, 2])    === 'Array'
+    			 * type({})        === 'Object'
+    			 * type(String)    === 'Function'
+    			 * type(/abc+/)    === 'RegExp'
+    			 */
+    			type: function (o) {
+    				return Object.prototype.toString.call(o).slice(8, -1);
+    			},
+
+    			/**
+    			 * Returns a unique number for the given object. Later calls will still return the same number.
+    			 *
+    			 * @param {Object} obj
+    			 * @returns {number}
+    			 */
+    			objId: function (obj) {
+    				if (!obj['__id']) {
+    					Object.defineProperty(obj, '__id', { value: ++uniqueId });
+    				}
+    				return obj['__id'];
+    			},
+
+    			/**
+    			 * Creates a deep clone of the given object.
+    			 *
+    			 * The main intended use of this function is to clone language definitions.
+    			 *
+    			 * @param {T} o
+    			 * @param {Record<number, any>} [visited]
+    			 * @returns {T}
+    			 * @template T
+    			 */
+    			clone: function deepClone(o, visited) {
+    				visited = visited || {};
+
+    				var clone; var id;
+    				switch (_.util.type(o)) {
+    					case 'Object':
+    						id = _.util.objId(o);
+    						if (visited[id]) {
+    							return visited[id];
+    						}
+    						clone = /** @type {Record<string, any>} */ ({});
+    						visited[id] = clone;
+
+    						for (var key in o) {
+    							if (o.hasOwnProperty(key)) {
+    								clone[key] = deepClone(o[key], visited);
+    							}
+    						}
+
+    						return /** @type {any} */ (clone);
+
+    					case 'Array':
+    						id = _.util.objId(o);
+    						if (visited[id]) {
+    							return visited[id];
+    						}
+    						clone = [];
+    						visited[id] = clone;
+
+    						(/** @type {Array} */(/** @type {any} */(o))).forEach(function (v, i) {
+    							clone[i] = deepClone(v, visited);
+    						});
+
+    						return /** @type {any} */ (clone);
+
+    					default:
+    						return o;
+    				}
+    			},
+
+    			/**
+    			 * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
+    			 *
+    			 * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
+    			 *
+    			 * @param {Element} element
+    			 * @returns {string}
+    			 */
+    			getLanguage: function (element) {
+    				while (element) {
+    					var m = lang.exec(element.className);
+    					if (m) {
+    						return m[1].toLowerCase();
+    					}
+    					element = element.parentElement;
+    				}
+    				return 'none';
+    			},
+
+    			/**
+    			 * Sets the Prism `language-xxxx` class of the given element.
+    			 *
+    			 * @param {Element} element
+    			 * @param {string} language
+    			 * @returns {void}
+    			 */
+    			setLanguage: function (element, language) {
+    				// remove all `language-xxxx` classes
+    				// (this might leave behind a leading space)
+    				element.className = element.className.replace(RegExp(lang, 'gi'), '');
+
+    				// add the new `language-xxxx` class
+    				// (using `classList` will automatically clean up spaces for us)
+    				element.classList.add('language-' + language);
+    			},
+
+    			/**
+    			 * Returns the script element that is currently executing.
+    			 *
+    			 * This does __not__ work for line script element.
+    			 *
+    			 * @returns {HTMLScriptElement | null}
+    			 */
+    			currentScript: function () {
+    				if (typeof document === 'undefined') {
+    					return null;
+    				}
+    				if ('currentScript' in document && 1 < 2 /* hack to trip TS' flow analysis */) {
+    					return /** @type {any} */ (document.currentScript);
+    				}
+
+    				// IE11 workaround
+    				// we'll get the src of the current script by parsing IE11's error stack trace
+    				// this will not work for inline scripts
+
+    				try {
+    					throw new Error();
+    				} catch (err) {
+    					// Get file src url from stack. Specifically works with the format of stack traces in IE.
+    					// A stack will look like this:
+    					//
+    					// Error
+    					//    at _.util.currentScript (http://localhost/components/prism-core.js:119:5)
+    					//    at Global code (http://localhost/components/prism-core.js:606:1)
+
+    					var src = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(err.stack) || [])[1];
+    					if (src) {
+    						var scripts = document.getElementsByTagName('script');
+    						for (var i in scripts) {
+    							if (scripts[i].src == src) {
+    								return scripts[i];
+    							}
+    						}
+    					}
+    					return null;
+    				}
+    			},
+
+    			/**
+    			 * Returns whether a given class is active for `element`.
+    			 *
+    			 * The class can be activated if `element` or one of its ancestors has the given class and it can be deactivated
+    			 * if `element` or one of its ancestors has the negated version of the given class. The _negated version_ of the
+    			 * given class is just the given class with a `no-` prefix.
+    			 *
+    			 * Whether the class is active is determined by the closest ancestor of `element` (where `element` itself is
+    			 * closest ancestor) that has the given class or the negated version of it. If neither `element` nor any of its
+    			 * ancestors have the given class or the negated version of it, then the default activation will be returned.
+    			 *
+    			 * In the paradoxical situation where the closest ancestor contains __both__ the given class and the negated
+    			 * version of it, the class is considered active.
+    			 *
+    			 * @param {Element} element
+    			 * @param {string} className
+    			 * @param {boolean} [defaultActivation=false]
+    			 * @returns {boolean}
+    			 */
+    			isActive: function (element, className, defaultActivation) {
+    				var no = 'no-' + className;
+
+    				while (element) {
+    					var classList = element.classList;
+    					if (classList.contains(className)) {
+    						return true;
+    					}
+    					if (classList.contains(no)) {
+    						return false;
+    					}
+    					element = element.parentElement;
+    				}
+    				return !!defaultActivation;
+    			}
+    		},
+
+    		/**
+    		 * This namespace contains all currently loaded languages and the some helper functions to create and modify languages.
+    		 *
+    		 * @namespace
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		languages: {
+    			/**
+    			 * The grammar for plain, unformatted text.
+    			 */
+    			plain: plainTextGrammar,
+    			plaintext: plainTextGrammar,
+    			text: plainTextGrammar,
+    			txt: plainTextGrammar,
+
+    			/**
+    			 * Creates a deep copy of the language with the given id and appends the given tokens.
+    			 *
+    			 * If a token in `redef` also appears in the copied language, then the existing token in the copied language
+    			 * will be overwritten at its original position.
+    			 *
+    			 * ## Best practices
+    			 *
+    			 * Since the position of overwriting tokens (token in `redef` that overwrite tokens in the copied language)
+    			 * doesn't matter, they can technically be in any order. However, this can be confusing to others that trying to
+    			 * understand the language definition because, normally, the order of tokens matters in Prism grammars.
+    			 *
+    			 * Therefore, it is encouraged to order overwriting tokens according to the positions of the overwritten tokens.
+    			 * Furthermore, all non-overwriting tokens should be placed after the overwriting ones.
+    			 *
+    			 * @param {string} id The id of the language to extend. This has to be a key in `Prism.languages`.
+    			 * @param {Grammar} redef The new tokens to append.
+    			 * @returns {Grammar} The new language created.
+    			 * @public
+    			 * @example
+    			 * Prism.languages['css-with-colors'] = Prism.languages.extend('css', {
+    			 *     // Prism.languages.css already has a 'comment' token, so this token will overwrite CSS' 'comment' token
+    			 *     // at its original position
+    			 *     'comment': { ... },
+    			 *     // CSS doesn't have a 'color' token, so this token will be appended
+    			 *     'color': /\b(?:red|green|blue)\b/
+    			 * });
+    			 */
+    			extend: function (id, redef) {
+    				var lang = _.util.clone(_.languages[id]);
+
+    				for (var key in redef) {
+    					lang[key] = redef[key];
+    				}
+
+    				return lang;
+    			},
+
+    			/**
+    			 * Inserts tokens _before_ another token in a language definition or any other grammar.
+    			 *
+    			 * ## Usage
+    			 *
+    			 * This helper method makes it easy to modify existing languages. For example, the CSS language definition
+    			 * not only defines CSS highlighting for CSS documents, but also needs to define highlighting for CSS embedded
+    			 * in HTML through `<style>` elements. To do this, it needs to modify `Prism.languages.markup` and add the
+    			 * appropriate tokens. However, `Prism.languages.markup` is a regular JavaScript object literal, so if you do
+    			 * this:
+    			 *
+    			 * ```js
+    			 * Prism.languages.markup.style = {
+    			 *     // token
+    			 * };
+    			 * ```
+    			 *
+    			 * then the `style` token will be added (and processed) at the end. `insertBefore` allows you to insert tokens
+    			 * before existing tokens. For the CSS example above, you would use it like this:
+    			 *
+    			 * ```js
+    			 * Prism.languages.insertBefore('markup', 'cdata', {
+    			 *     'style': {
+    			 *         // token
+    			 *     }
+    			 * });
+    			 * ```
+    			 *
+    			 * ## Special cases
+    			 *
+    			 * If the grammars of `inside` and `insert` have tokens with the same name, the tokens in `inside`'s grammar
+    			 * will be ignored.
+    			 *
+    			 * This behavior can be used to insert tokens after `before`:
+    			 *
+    			 * ```js
+    			 * Prism.languages.insertBefore('markup', 'comment', {
+    			 *     'comment': Prism.languages.markup.comment,
+    			 *     // tokens after 'comment'
+    			 * });
+    			 * ```
+    			 *
+    			 * ## Limitations
+    			 *
+    			 * The main problem `insertBefore` has to solve is iteration order. Since ES2015, the iteration order for object
+    			 * properties is guaranteed to be the insertion order (except for integer keys) but some browsers behave
+    			 * differently when keys are deleted and re-inserted. So `insertBefore` can't be implemented by temporarily
+    			 * deleting properties which is necessary to insert at arbitrary positions.
+    			 *
+    			 * To solve this problem, `insertBefore` doesn't actually insert the given tokens into the target object.
+    			 * Instead, it will create a new object and replace all references to the target object with the new one. This
+    			 * can be done without temporarily deleting properties, so the iteration order is well-defined.
+    			 *
+    			 * However, only references that can be reached from `Prism.languages` or `insert` will be replaced. I.e. if
+    			 * you hold the target object in a variable, then the value of the variable will not change.
+    			 *
+    			 * ```js
+    			 * var oldMarkup = Prism.languages.markup;
+    			 * var newMarkup = Prism.languages.insertBefore('markup', 'comment', { ... });
+    			 *
+    			 * assert(oldMarkup !== Prism.languages.markup);
+    			 * assert(newMarkup === Prism.languages.markup);
+    			 * ```
+    			 *
+    			 * @param {string} inside The property of `root` (e.g. a language id in `Prism.languages`) that contains the
+    			 * object to be modified.
+    			 * @param {string} before The key to insert before.
+    			 * @param {Grammar} insert An object containing the key-value pairs to be inserted.
+    			 * @param {Object<string, any>} [root] The object containing `inside`, i.e. the object that contains the
+    			 * object to be modified.
+    			 *
+    			 * Defaults to `Prism.languages`.
+    			 * @returns {Grammar} The new grammar object.
+    			 * @public
+    			 */
+    			insertBefore: function (inside, before, insert, root) {
+    				root = root || /** @type {any} */ (_.languages);
+    				var grammar = root[inside];
+    				/** @type {Grammar} */
+    				var ret = {};
+
+    				for (var token in grammar) {
+    					if (grammar.hasOwnProperty(token)) {
+
+    						if (token == before) {
+    							for (var newToken in insert) {
+    								if (insert.hasOwnProperty(newToken)) {
+    									ret[newToken] = insert[newToken];
+    								}
+    							}
+    						}
+
+    						// Do not insert token which also occur in insert. See #1525
+    						if (!insert.hasOwnProperty(token)) {
+    							ret[token] = grammar[token];
+    						}
+    					}
+    				}
+
+    				var old = root[inside];
+    				root[inside] = ret;
+
+    				// Update references in other language definitions
+    				_.languages.DFS(_.languages, function (key, value) {
+    					if (value === old && key != inside) {
+    						this[key] = ret;
+    					}
+    				});
+
+    				return ret;
+    			},
+
+    			// Traverse a language definition with Depth First Search
+    			DFS: function DFS(o, callback, type, visited) {
+    				visited = visited || {};
+
+    				var objId = _.util.objId;
+
+    				for (var i in o) {
+    					if (o.hasOwnProperty(i)) {
+    						callback.call(o, i, o[i], type || i);
+
+    						var property = o[i];
+    						var propertyType = _.util.type(property);
+
+    						if (propertyType === 'Object' && !visited[objId(property)]) {
+    							visited[objId(property)] = true;
+    							DFS(property, callback, null, visited);
+    						} else if (propertyType === 'Array' && !visited[objId(property)]) {
+    							visited[objId(property)] = true;
+    							DFS(property, callback, i, visited);
+    						}
+    					}
+    				}
+    			}
+    		},
+
+    		plugins: {},
+
+    		/**
+    		 * This is the most high-level function in Prism’s API.
+    		 * It fetches all the elements that have a `.language-xxxx` class and then calls {@link Prism.highlightElement} on
+    		 * each one of them.
+    		 *
+    		 * This is equivalent to `Prism.highlightAllUnder(document, async, callback)`.
+    		 *
+    		 * @param {boolean} [async=false] Same as in {@link Prism.highlightAllUnder}.
+    		 * @param {HighlightCallback} [callback] Same as in {@link Prism.highlightAllUnder}.
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		highlightAll: function (async, callback) {
+    			_.highlightAllUnder(document, async, callback);
+    		},
+
+    		/**
+    		 * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
+    		 * {@link Prism.highlightElement} on each one of them.
+    		 *
+    		 * The following hooks will be run:
+    		 * 1. `before-highlightall`
+    		 * 2. `before-all-elements-highlight`
+    		 * 3. All hooks of {@link Prism.highlightElement} for each element.
+    		 *
+    		 * @param {ParentNode} container The root element, whose descendants that have a `.language-xxxx` class will be highlighted.
+    		 * @param {boolean} [async=false] Whether each element is to be highlighted asynchronously using Web Workers.
+    		 * @param {HighlightCallback} [callback] An optional callback to be invoked on each element after its highlighting is done.
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		highlightAllUnder: function (container, async, callback) {
+    			var env = {
+    				callback: callback,
+    				container: container,
+    				selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
+    			};
+
+    			_.hooks.run('before-highlightall', env);
+
+    			env.elements = Array.prototype.slice.apply(env.container.querySelectorAll(env.selector));
+
+    			_.hooks.run('before-all-elements-highlight', env);
+
+    			for (var i = 0, element; (element = env.elements[i++]);) {
+    				_.highlightElement(element, async === true, env.callback);
+    			}
+    		},
+
+    		/**
+    		 * Highlights the code inside a single element.
+    		 *
+    		 * The following hooks will be run:
+    		 * 1. `before-sanity-check`
+    		 * 2. `before-highlight`
+    		 * 3. All hooks of {@link Prism.highlight}. These hooks will be run by an asynchronous worker if `async` is `true`.
+    		 * 4. `before-insert`
+    		 * 5. `after-highlight`
+    		 * 6. `complete`
+    		 *
+    		 * Some the above hooks will be skipped if the element doesn't contain any text or there is no grammar loaded for
+    		 * the element's language.
+    		 *
+    		 * @param {Element} element The element containing the code.
+    		 * It must have a class of `language-xxxx` to be processed, where `xxxx` is a valid language identifier.
+    		 * @param {boolean} [async=false] Whether the element is to be highlighted asynchronously using Web Workers
+    		 * to improve performance and avoid blocking the UI when highlighting very large chunks of code. This option is
+    		 * [disabled by default](https://prismjs.com/faq.html#why-is-asynchronous-highlighting-disabled-by-default).
+    		 *
+    		 * Note: All language definitions required to highlight the code must be included in the main `prism.js` file for
+    		 * asynchronous highlighting to work. You can build your own bundle on the
+    		 * [Download page](https://prismjs.com/download.html).
+    		 * @param {HighlightCallback} [callback] An optional callback to be invoked after the highlighting is done.
+    		 * Mostly useful when `async` is `true`, since in that case, the highlighting is done asynchronously.
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		highlightElement: function (element, async, callback) {
+    			// Find language
+    			var language = _.util.getLanguage(element);
+    			var grammar = _.languages[language];
+
+    			// Set language on the element, if not present
+    			_.util.setLanguage(element, language);
+
+    			// Set language on the parent, for styling
+    			var parent = element.parentElement;
+    			if (parent && parent.nodeName.toLowerCase() === 'pre') {
+    				_.util.setLanguage(parent, language);
+    			}
+
+    			var code = element.textContent;
+
+    			var env = {
+    				element: element,
+    				language: language,
+    				grammar: grammar,
+    				code: code
+    			};
+
+    			function insertHighlightedCode(highlightedCode) {
+    				env.highlightedCode = highlightedCode;
+
+    				_.hooks.run('before-insert', env);
+
+    				env.element.innerHTML = env.highlightedCode;
+
+    				_.hooks.run('after-highlight', env);
+    				_.hooks.run('complete', env);
+    				callback && callback.call(env.element);
+    			}
+
+    			_.hooks.run('before-sanity-check', env);
+
+    			// plugins may change/add the parent/element
+    			parent = env.element.parentElement;
+    			if (parent && parent.nodeName.toLowerCase() === 'pre' && !parent.hasAttribute('tabindex')) {
+    				parent.setAttribute('tabindex', '0');
+    			}
+
+    			if (!env.code) {
+    				_.hooks.run('complete', env);
+    				callback && callback.call(env.element);
+    				return;
+    			}
+
+    			_.hooks.run('before-highlight', env);
+
+    			if (!env.grammar) {
+    				insertHighlightedCode(_.util.encode(env.code));
+    				return;
+    			}
+
+    			if (async && _self.Worker) {
+    				var worker = new Worker(_.filename);
+
+    				worker.onmessage = function (evt) {
+    					insertHighlightedCode(evt.data);
+    				};
+
+    				worker.postMessage(JSON.stringify({
+    					language: env.language,
+    					code: env.code,
+    					immediateClose: true
+    				}));
+    			} else {
+    				insertHighlightedCode(_.highlight(env.code, env.grammar, env.language));
+    			}
+    		},
+
+    		/**
+    		 * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
+    		 * and the language definitions to use, and returns a string with the HTML produced.
+    		 *
+    		 * The following hooks will be run:
+    		 * 1. `before-tokenize`
+    		 * 2. `after-tokenize`
+    		 * 3. `wrap`: On each {@link Token}.
+    		 *
+    		 * @param {string} text A string with the code to be highlighted.
+    		 * @param {Grammar} grammar An object containing the tokens to use.
+    		 *
+    		 * Usually a language definition like `Prism.languages.markup`.
+    		 * @param {string} language The name of the language definition passed to `grammar`.
+    		 * @returns {string} The highlighted HTML.
+    		 * @memberof Prism
+    		 * @public
+    		 * @example
+    		 * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
+    		 */
+    		highlight: function (text, grammar, language) {
+    			var env = {
+    				code: text,
+    				grammar: grammar,
+    				language: language
+    			};
+    			_.hooks.run('before-tokenize', env);
+    			if (!env.grammar) {
+    				throw new Error('The language "' + env.language + '" has no grammar.');
+    			}
+    			env.tokens = _.tokenize(env.code, env.grammar);
+    			_.hooks.run('after-tokenize', env);
+    			return Token.stringify(_.util.encode(env.tokens), env.language);
+    		},
+
+    		/**
+    		 * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
+    		 * and the language definitions to use, and returns an array with the tokenized code.
+    		 *
+    		 * When the language definition includes nested tokens, the function is called recursively on each of these tokens.
+    		 *
+    		 * This method could be useful in other contexts as well, as a very crude parser.
+    		 *
+    		 * @param {string} text A string with the code to be highlighted.
+    		 * @param {Grammar} grammar An object containing the tokens to use.
+    		 *
+    		 * Usually a language definition like `Prism.languages.markup`.
+    		 * @returns {TokenStream} An array of strings and tokens, a token stream.
+    		 * @memberof Prism
+    		 * @public
+    		 * @example
+    		 * let code = `var foo = 0;`;
+    		 * let tokens = Prism.tokenize(code, Prism.languages.javascript);
+    		 * tokens.forEach(token => {
+    		 *     if (token instanceof Prism.Token && token.type === 'number') {
+    		 *         console.log(`Found numeric literal: ${token.content}`);
+    		 *     }
+    		 * });
+    		 */
+    		tokenize: function (text, grammar) {
+    			var rest = grammar.rest;
+    			if (rest) {
+    				for (var token in rest) {
+    					grammar[token] = rest[token];
+    				}
+
+    				delete grammar.rest;
+    			}
+
+    			var tokenList = new LinkedList();
+    			addAfter(tokenList, tokenList.head, text);
+
+    			matchGrammar(text, tokenList, grammar, tokenList.head, 0);
+
+    			return toArray(tokenList);
+    		},
+
+    		/**
+    		 * @namespace
+    		 * @memberof Prism
+    		 * @public
+    		 */
+    		hooks: {
+    			all: {},
+
+    			/**
+    			 * Adds the given callback to the list of callbacks for the given hook.
+    			 *
+    			 * The callback will be invoked when the hook it is registered for is run.
+    			 * Hooks are usually directly run by a highlight function but you can also run hooks yourself.
+    			 *
+    			 * One callback function can be registered to multiple hooks and the same hook multiple times.
+    			 *
+    			 * @param {string} name The name of the hook.
+    			 * @param {HookCallback} callback The callback function which is given environment variables.
+    			 * @public
+    			 */
+    			add: function (name, callback) {
+    				var hooks = _.hooks.all;
+
+    				hooks[name] = hooks[name] || [];
+
+    				hooks[name].push(callback);
+    			},
+
+    			/**
+    			 * Runs a hook invoking all registered callbacks with the given environment variables.
+    			 *
+    			 * Callbacks will be invoked synchronously and in the order in which they were registered.
+    			 *
+    			 * @param {string} name The name of the hook.
+    			 * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
+    			 * @public
+    			 */
+    			run: function (name, env) {
+    				var callbacks = _.hooks.all[name];
+
+    				if (!callbacks || !callbacks.length) {
+    					return;
+    				}
+
+    				for (var i = 0, callback; (callback = callbacks[i++]);) {
+    					callback(env);
+    				}
+    			}
+    		},
+
+    		Token: Token
+    	};
+    	_self.Prism = _;
+
+
+    	// Typescript note:
+    	// The following can be used to import the Token type in JSDoc:
+    	//
+    	//   @typedef {InstanceType<import("./prism-core")["Token"]>} Token
+
+    	/**
+    	 * Creates a new token.
+    	 *
+    	 * @param {string} type See {@link Token#type type}
+    	 * @param {string | TokenStream} content See {@link Token#content content}
+    	 * @param {string|string[]} [alias] The alias(es) of the token.
+    	 * @param {string} [matchedStr=""] A copy of the full string this token was created from.
+    	 * @class
+    	 * @global
+    	 * @public
+    	 */
+    	function Token(type, content, alias, matchedStr) {
+    		/**
+    		 * The type of the token.
+    		 *
+    		 * This is usually the key of a pattern in a {@link Grammar}.
+    		 *
+    		 * @type {string}
+    		 * @see GrammarToken
+    		 * @public
+    		 */
+    		this.type = type;
+    		/**
+    		 * The strings or tokens contained by this token.
+    		 *
+    		 * This will be a token stream if the pattern matched also defined an `inside` grammar.
+    		 *
+    		 * @type {string | TokenStream}
+    		 * @public
+    		 */
+    		this.content = content;
+    		/**
+    		 * The alias(es) of the token.
+    		 *
+    		 * @type {string|string[]}
+    		 * @see GrammarToken
+    		 * @public
+    		 */
+    		this.alias = alias;
+    		// Copy of the full string this token was created from
+    		this.length = (matchedStr || '').length | 0;
+    	}
+
+    	/**
+    	 * A token stream is an array of strings and {@link Token Token} objects.
+    	 *
+    	 * Token streams have to fulfill a few properties that are assumed by most functions (mostly internal ones) that process
+    	 * them.
+    	 *
+    	 * 1. No adjacent strings.
+    	 * 2. No empty strings.
+    	 *
+    	 *    The only exception here is the token stream that only contains the empty string and nothing else.
+    	 *
+    	 * @typedef {Array<string | Token>} TokenStream
+    	 * @global
+    	 * @public
+    	 */
+
+    	/**
+    	 * Converts the given token or token stream to an HTML representation.
+    	 *
+    	 * The following hooks will be run:
+    	 * 1. `wrap`: On each {@link Token}.
+    	 *
+    	 * @param {string | Token | TokenStream} o The token or token stream to be converted.
+    	 * @param {string} language The name of current language.
+    	 * @returns {string} The HTML representation of the token or token stream.
+    	 * @memberof Token
+    	 * @static
+    	 */
+    	Token.stringify = function stringify(o, language) {
+    		if (typeof o == 'string') {
+    			return o;
+    		}
+    		if (Array.isArray(o)) {
+    			var s = '';
+    			o.forEach(function (e) {
+    				s += stringify(e, language);
+    			});
+    			return s;
+    		}
+
+    		var env = {
+    			type: o.type,
+    			content: stringify(o.content, language),
+    			tag: 'span',
+    			classes: ['token', o.type],
+    			attributes: {},
+    			language: language
+    		};
+
+    		var aliases = o.alias;
+    		if (aliases) {
+    			if (Array.isArray(aliases)) {
+    				Array.prototype.push.apply(env.classes, aliases);
+    			} else {
+    				env.classes.push(aliases);
+    			}
+    		}
+
+    		_.hooks.run('wrap', env);
+
+    		var attributes = '';
+    		for (var name in env.attributes) {
+    			attributes += ' ' + name + '="' + (env.attributes[name] || '').replace(/"/g, '&quot;') + '"';
+    		}
+
+    		return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + attributes + '>' + env.content + '</' + env.tag + '>';
+    	};
+
+    	/**
+    	 * @param {RegExp} pattern
+    	 * @param {number} pos
+    	 * @param {string} text
+    	 * @param {boolean} lookbehind
+    	 * @returns {RegExpExecArray | null}
+    	 */
+    	function matchPattern(pattern, pos, text, lookbehind) {
+    		pattern.lastIndex = pos;
+    		var match = pattern.exec(text);
+    		if (match && lookbehind && match[1]) {
+    			// change the match to remove the text matched by the Prism lookbehind group
+    			var lookbehindLength = match[1].length;
+    			match.index += lookbehindLength;
+    			match[0] = match[0].slice(lookbehindLength);
+    		}
+    		return match;
+    	}
+
+    	/**
+    	 * @param {string} text
+    	 * @param {LinkedList<string | Token>} tokenList
+    	 * @param {any} grammar
+    	 * @param {LinkedListNode<string | Token>} startNode
+    	 * @param {number} startPos
+    	 * @param {RematchOptions} [rematch]
+    	 * @returns {void}
+    	 * @private
+    	 *
+    	 * @typedef RematchOptions
+    	 * @property {string} cause
+    	 * @property {number} reach
+    	 */
+    	function matchGrammar(text, tokenList, grammar, startNode, startPos, rematch) {
+    		for (var token in grammar) {
+    			if (!grammar.hasOwnProperty(token) || !grammar[token]) {
+    				continue;
+    			}
+
+    			var patterns = grammar[token];
+    			patterns = Array.isArray(patterns) ? patterns : [patterns];
+
+    			for (var j = 0; j < patterns.length; ++j) {
+    				if (rematch && rematch.cause == token + ',' + j) {
+    					return;
+    				}
+
+    				var patternObj = patterns[j];
+    				var inside = patternObj.inside;
+    				var lookbehind = !!patternObj.lookbehind;
+    				var greedy = !!patternObj.greedy;
+    				var alias = patternObj.alias;
+
+    				if (greedy && !patternObj.pattern.global) {
+    					// Without the global flag, lastIndex won't work
+    					var flags = patternObj.pattern.toString().match(/[imsuy]*$/)[0];
+    					patternObj.pattern = RegExp(patternObj.pattern.source, flags + 'g');
+    				}
+
+    				/** @type {RegExp} */
+    				var pattern = patternObj.pattern || patternObj;
+
+    				for ( // iterate the token list and keep track of the current token/string position
+    					var currentNode = startNode.next, pos = startPos;
+    					currentNode !== tokenList.tail;
+    					pos += currentNode.value.length, currentNode = currentNode.next
+    				) {
+
+    					if (rematch && pos >= rematch.reach) {
+    						break;
+    					}
+
+    					var str = currentNode.value;
+
+    					if (tokenList.length > text.length) {
+    						// Something went terribly wrong, ABORT, ABORT!
+    						return;
+    					}
+
+    					if (str instanceof Token) {
+    						continue;
+    					}
+
+    					var removeCount = 1; // this is the to parameter of removeBetween
+    					var match;
+
+    					if (greedy) {
+    						match = matchPattern(pattern, pos, text, lookbehind);
+    						if (!match || match.index >= text.length) {
+    							break;
+    						}
+
+    						var from = match.index;
+    						var to = match.index + match[0].length;
+    						var p = pos;
+
+    						// find the node that contains the match
+    						p += currentNode.value.length;
+    						while (from >= p) {
+    							currentNode = currentNode.next;
+    							p += currentNode.value.length;
+    						}
+    						// adjust pos (and p)
+    						p -= currentNode.value.length;
+    						pos = p;
+
+    						// the current node is a Token, then the match starts inside another Token, which is invalid
+    						if (currentNode.value instanceof Token) {
+    							continue;
+    						}
+
+    						// find the last node which is affected by this match
+    						for (
+    							var k = currentNode;
+    							k !== tokenList.tail && (p < to || typeof k.value === 'string');
+    							k = k.next
+    						) {
+    							removeCount++;
+    							p += k.value.length;
+    						}
+    						removeCount--;
+
+    						// replace with the new match
+    						str = text.slice(pos, p);
+    						match.index -= pos;
+    					} else {
+    						match = matchPattern(pattern, 0, str, lookbehind);
+    						if (!match) {
+    							continue;
+    						}
+    					}
+
+    					// eslint-disable-next-line no-redeclare
+    					var from = match.index;
+    					var matchStr = match[0];
+    					var before = str.slice(0, from);
+    					var after = str.slice(from + matchStr.length);
+
+    					var reach = pos + str.length;
+    					if (rematch && reach > rematch.reach) {
+    						rematch.reach = reach;
+    					}
+
+    					var removeFrom = currentNode.prev;
+
+    					if (before) {
+    						removeFrom = addAfter(tokenList, removeFrom, before);
+    						pos += before.length;
+    					}
+
+    					removeRange(tokenList, removeFrom, removeCount);
+
+    					var wrapped = new Token(token, inside ? _.tokenize(matchStr, inside) : matchStr, alias, matchStr);
+    					currentNode = addAfter(tokenList, removeFrom, wrapped);
+
+    					if (after) {
+    						addAfter(tokenList, currentNode, after);
+    					}
+
+    					if (removeCount > 1) {
+    						// at least one Token object was removed, so we have to do some rematching
+    						// this can only happen if the current pattern is greedy
+
+    						/** @type {RematchOptions} */
+    						var nestedRematch = {
+    							cause: token + ',' + j,
+    							reach: reach
+    						};
+    						matchGrammar(text, tokenList, grammar, currentNode.prev, pos, nestedRematch);
+
+    						// the reach might have been extended because of the rematching
+    						if (rematch && nestedRematch.reach > rematch.reach) {
+    							rematch.reach = nestedRematch.reach;
+    						}
+    					}
+    				}
+    			}
+    		}
+    	}
+
+    	/**
+    	 * @typedef LinkedListNode
+    	 * @property {T} value
+    	 * @property {LinkedListNode<T> | null} prev The previous node.
+    	 * @property {LinkedListNode<T> | null} next The next node.
+    	 * @template T
+    	 * @private
+    	 */
+
+    	/**
+    	 * @template T
+    	 * @private
+    	 */
+    	function LinkedList() {
+    		/** @type {LinkedListNode<T>} */
+    		var head = { value: null, prev: null, next: null };
+    		/** @type {LinkedListNode<T>} */
+    		var tail = { value: null, prev: head, next: null };
+    		head.next = tail;
+
+    		/** @type {LinkedListNode<T>} */
+    		this.head = head;
+    		/** @type {LinkedListNode<T>} */
+    		this.tail = tail;
+    		this.length = 0;
+    	}
+
+    	/**
+    	 * Adds a new node with the given value to the list.
+    	 *
+    	 * @param {LinkedList<T>} list
+    	 * @param {LinkedListNode<T>} node
+    	 * @param {T} value
+    	 * @returns {LinkedListNode<T>} The added node.
+    	 * @template T
+    	 */
+    	function addAfter(list, node, value) {
+    		// assumes that node != list.tail && values.length >= 0
+    		var next = node.next;
+
+    		var newNode = { value: value, prev: node, next: next };
+    		node.next = newNode;
+    		next.prev = newNode;
+    		list.length++;
+
+    		return newNode;
+    	}
+    	/**
+    	 * Removes `count` nodes after the given node. The given node will not be removed.
+    	 *
+    	 * @param {LinkedList<T>} list
+    	 * @param {LinkedListNode<T>} node
+    	 * @param {number} count
+    	 * @template T
+    	 */
+    	function removeRange(list, node, count) {
+    		var next = node.next;
+    		for (var i = 0; i < count && next !== list.tail; i++) {
+    			next = next.next;
+    		}
+    		node.next = next;
+    		next.prev = node;
+    		list.length -= i;
+    	}
+    	/**
+    	 * @param {LinkedList<T>} list
+    	 * @returns {T[]}
+    	 * @template T
+    	 */
+    	function toArray(list) {
+    		var array = [];
+    		var node = list.head.next;
+    		while (node !== list.tail) {
+    			array.push(node.value);
+    			node = node.next;
+    		}
+    		return array;
+    	}
+
+
+    	if (!_self.document) {
+    		if (!_self.addEventListener) {
+    			// in Node.js
+    			return _;
+    		}
+
+    		if (!_.disableWorkerMessageHandler) {
+    			// In worker
+    			_self.addEventListener('message', function (evt) {
+    				var message = JSON.parse(evt.data);
+    				var lang = message.language;
+    				var code = message.code;
+    				var immediateClose = message.immediateClose;
+
+    				_self.postMessage(_.highlight(code, _.languages[lang], lang));
+    				if (immediateClose) {
+    					_self.close();
+    				}
+    			}, false);
+    		}
+
+    		return _;
+    	}
+
+    	// Get current script and highlight
+    	var script = _.util.currentScript();
+
+    	if (script) {
+    		_.filename = script.src;
+
+    		if (script.hasAttribute('data-manual')) {
+    			_.manual = true;
+    		}
+    	}
+
+    	function highlightAutomaticallyCallback() {
+    		if (!_.manual) {
+    			_.highlightAll();
+    		}
+    	}
+
+    	if (!_.manual) {
+    		// If the document state is "loading", then we'll use DOMContentLoaded.
+    		// If the document state is "interactive" and the prism.js script is deferred, then we'll also use the
+    		// DOMContentLoaded event because there might be some plugins or languages which have also been deferred and they
+    		// might take longer one animation frame to execute which can create a race condition where only some plugins have
+    		// been loaded when Prism.highlightAll() is executed, depending on how fast resources are loaded.
+    		// See https://github.com/PrismJS/prism/issues/2102
+    		var readyState = document.readyState;
+    		if (readyState === 'loading' || readyState === 'interactive' && script && script.defer) {
+    			document.addEventListener('DOMContentLoaded', highlightAutomaticallyCallback);
+    		} else {
+    			if (window.requestAnimationFrame) {
+    				window.requestAnimationFrame(highlightAutomaticallyCallback);
+    			} else {
+    				window.setTimeout(highlightAutomaticallyCallback, 16);
+    			}
+    		}
+    	}
+
+    	return _;
+
+    }(_self));
+
+    if (typeof module !== 'undefined' && module.exports) {
+    	module.exports = Prism;
+    }
+
+    // hack for components to work correctly in node.js
+    if (typeof global !== 'undefined') {
+    	global.Prism = Prism;
+    }
+
+    // some additional documentation/types
+
+    /**
+     * The expansion of a simple `RegExp` literal to support additional properties.
+     *
+     * @typedef GrammarToken
+     * @property {RegExp} pattern The regular expression of the token.
+     * @property {boolean} [lookbehind=false] If `true`, then the first capturing group of `pattern` will (effectively)
+     * behave as a lookbehind group meaning that the captured text will not be part of the matched text of the new token.
+     * @property {boolean} [greedy=false] Whether the token is greedy.
+     * @property {string|string[]} [alias] An optional alias or list of aliases.
+     * @property {Grammar} [inside] The nested grammar of this token.
+     *
+     * The `inside` grammar will be used to tokenize the text value of each token of this kind.
+     *
+     * This can be used to make nested and even recursive language definitions.
+     *
+     * Note: This can cause infinite recursion. Be careful when you embed different languages or even the same language into
+     * each another.
+     * @global
+     * @public
+     */
+
+    /**
+     * @typedef Grammar
+     * @type {Object<string, RegExp | GrammarToken | Array<RegExp | GrammarToken>>}
+     * @property {Grammar} [rest] An optional grammar object that will be appended to this grammar.
+     * @global
+     * @public
+     */
+
+    /**
+     * A function which will invoked after an element was successfully highlighted.
+     *
+     * @callback HighlightCallback
+     * @param {Element} element The element successfully highlighted.
+     * @returns {void}
+     * @global
+     * @public
+     */
+
+    /**
+     * @callback HookCallback
+     * @param {Object<string, any>} env The environment variables of the hook.
+     * @returns {void}
+     * @global
+     * @public
+     */
+
+    Prism.languages.clike = {
+    	'comment': [
+    		{
+    			pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+    			lookbehind: true,
+    			greedy: true
+    		},
+    		{
+    			pattern: /(^|[^\\:])\/\/.*/,
+    			lookbehind: true,
+    			greedy: true
+    		}
+    	],
+    	'string': {
+    		pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+    		greedy: true
+    	},
+    	'class-name': {
+    		pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
+    		lookbehind: true,
+    		inside: {
+    			'punctuation': /[.\\]/
+    		}
+    	},
+    	'keyword': /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
+    	'boolean': /\b(?:false|true)\b/,
+    	'function': /\b\w+(?=\()/,
+    	'number': /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
+    	'operator': /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
+    	'punctuation': /[{}[\];(),.:]/
+    };
+
+    (function (Prism) {
+
+    	/**
+    	 * Returns the placeholder for the given language id and index.
+    	 *
+    	 * @param {string} language
+    	 * @param {string|number} index
+    	 * @returns {string}
+    	 */
+    	function getPlaceholder(language, index) {
+    		return '___' + language.toUpperCase() + index + '___';
+    	}
+
+    	Object.defineProperties(Prism.languages['markup-templating'] = {}, {
+    		buildPlaceholders: {
+    			/**
+    			 * Tokenize all inline templating expressions matching `placeholderPattern`.
+    			 *
+    			 * If `replaceFilter` is provided, only matches of `placeholderPattern` for which `replaceFilter` returns
+    			 * `true` will be replaced.
+    			 *
+    			 * @param {object} env The environment of the `before-tokenize` hook.
+    			 * @param {string} language The language id.
+    			 * @param {RegExp} placeholderPattern The matches of this pattern will be replaced by placeholders.
+    			 * @param {(match: string) => boolean} [replaceFilter]
+    			 */
+    			value: function (env, language, placeholderPattern, replaceFilter) {
+    				if (env.language !== language) {
+    					return;
+    				}
+
+    				var tokenStack = env.tokenStack = [];
+
+    				env.code = env.code.replace(placeholderPattern, function (match) {
+    					if (typeof replaceFilter === 'function' && !replaceFilter(match)) {
+    						return match;
+    					}
+    					var i = tokenStack.length;
+    					var placeholder;
+
+    					// Check for existing strings
+    					while (env.code.indexOf(placeholder = getPlaceholder(language, i)) !== -1) {
+    						++i;
+    					}
+
+    					// Create a sparse array
+    					tokenStack[i] = match;
+
+    					return placeholder;
+    				});
+
+    				// Switch the grammar to markup
+    				env.grammar = Prism.languages.markup;
+    			}
+    		},
+    		tokenizePlaceholders: {
+    			/**
+    			 * Replace placeholders with proper tokens after tokenizing.
+    			 *
+    			 * @param {object} env The environment of the `after-tokenize` hook.
+    			 * @param {string} language The language id.
+    			 */
+    			value: function (env, language) {
+    				if (env.language !== language || !env.tokenStack) {
+    					return;
+    				}
+
+    				// Switch the grammar back
+    				env.grammar = Prism.languages[language];
+
+    				var j = 0;
+    				var keys = Object.keys(env.tokenStack);
+
+    				function walkTokens(tokens) {
+    					for (var i = 0; i < tokens.length; i++) {
+    						// all placeholders are replaced already
+    						if (j >= keys.length) {
+    							break;
+    						}
+
+    						var token = tokens[i];
+    						if (typeof token === 'string' || (token.content && typeof token.content === 'string')) {
+    							var k = keys[j];
+    							var t = env.tokenStack[k];
+    							var s = typeof token === 'string' ? token : token.content;
+    							var placeholder = getPlaceholder(language, k);
+
+    							var index = s.indexOf(placeholder);
+    							if (index > -1) {
+    								++j;
+
+    								var before = s.substring(0, index);
+    								var middle = new Prism.Token(language, Prism.tokenize(t, env.grammar), 'language-' + language, t);
+    								var after = s.substring(index + placeholder.length);
+
+    								var replacement = [];
+    								if (before) {
+    									replacement.push.apply(replacement, walkTokens([before]));
+    								}
+    								replacement.push(middle);
+    								if (after) {
+    									replacement.push.apply(replacement, walkTokens([after]));
+    								}
+
+    								if (typeof token === 'string') {
+    									tokens.splice.apply(tokens, [i, 1].concat(replacement));
+    								} else {
+    									token.content = replacement;
+    								}
+    							}
+    						} else if (token.content /* && typeof token.content !== 'string' */) {
+    							walkTokens(token.content);
+    						}
+    					}
+
+    					return tokens;
+    				}
+
+    				walkTokens(env.tokens);
+    			}
+    		}
+    	});
+
+    }(Prism));
+
+    Prism.languages.c = Prism.languages.extend('clike', {
+    	'comment': {
+    		pattern: /\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,
+    		greedy: true
+    	},
+    	'string': {
+    		// https://en.cppreference.com/w/c/language/string_literal
+    		pattern: /"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,
+    		greedy: true
+    	},
+    	'class-name': {
+    		pattern: /(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,
+    		lookbehind: true
+    	},
+    	'keyword': /\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,
+    	'function': /\b[a-z_]\w*(?=\s*\()/i,
+    	'number': /(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,
+    	'operator': />>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/
+    });
+
+    Prism.languages.insertBefore('c', 'string', {
+    	'char': {
+    		// https://en.cppreference.com/w/c/language/character_constant
+    		pattern: /'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,
+    		greedy: true
+    	}
+    });
+
+    Prism.languages.insertBefore('c', 'string', {
+    	'macro': {
+    		// allow for multiline macro definitions
+    		// spaces after the # character compile fine with gcc
+    		pattern: /(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,
+    		lookbehind: true,
+    		greedy: true,
+    		alias: 'property',
+    		inside: {
+    			'string': [
+    				{
+    					// highlight the path of the include statement as a string
+    					pattern: /^(#\s*include\s*)<[^>]+>/,
+    					lookbehind: true
+    				},
+    				Prism.languages.c['string']
+    			],
+    			'char': Prism.languages.c['char'],
+    			'comment': Prism.languages.c['comment'],
+    			'macro-name': [
+    				{
+    					pattern: /(^#\s*define\s+)\w+\b(?!\()/i,
+    					lookbehind: true
+    				},
+    				{
+    					pattern: /(^#\s*define\s+)\w+\b(?=\()/i,
+    					lookbehind: true,
+    					alias: 'function'
+    				}
+    			],
+    			// highlight macro directives as keywords
+    			'directive': {
+    				pattern: /^(#\s*)[a-z]+/,
+    				lookbehind: true,
+    				alias: 'keyword'
+    			},
+    			'directive-hash': /^#/,
+    			'punctuation': /##|\\(?=[\r\n])/,
+    			'expression': {
+    				pattern: /\S[\s\S]*/,
+    				inside: Prism.languages.c
+    			}
+    		}
+    	}
+    });
+
+    Prism.languages.insertBefore('c', 'function', {
+    	// highlight predefined macros as constants
+    	'constant': /\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/
+    });
+
+    delete Prism.languages.c['boolean'];
+
+    (function (Prism) {
+
+    	var keyword = /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/;
+    	var modName = /\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g, function () { return keyword.source; });
+
+    	Prism.languages.cpp = Prism.languages.extend('c', {
+    		'class-name': [
+    			{
+    				pattern: RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source
+    					.replace(/<keyword>/g, function () { return keyword.source; })),
+    				lookbehind: true
+    			},
+    			// This is intended to capture the class name of method implementations like:
+    			//   void foo::bar() const {}
+    			// However! The `foo` in the above example could also be a namespace, so we only capture the class name if
+    			// it starts with an uppercase letter. This approximation should give decent results.
+    			/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,
+    			// This will capture the class name before destructors like:
+    			//   Foo::~Foo() {}
+    			/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,
+    			// This also intends to capture the class name of method implementations but here the class has template
+    			// parameters, so it can't be a namespace (until C++ adds generic namespaces).
+    			/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/
+    		],
+    		'keyword': keyword,
+    		'number': {
+    			pattern: /(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,
+    			greedy: true
+    		},
+    		'operator': />>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,
+    		'boolean': /\b(?:false|true)\b/
+    	});
+
+    	Prism.languages.insertBefore('cpp', 'string', {
+    		'module': {
+    			// https://en.cppreference.com/w/cpp/language/modules
+    			pattern: RegExp(
+    				/(\b(?:import|module)\s+)/.source +
+    				'(?:' +
+    				// header-name
+    				/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source +
+    				'|' +
+    				// module name or partition or both
+    				/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g, function () { return modName; }) +
+    				')'
+    			),
+    			lookbehind: true,
+    			greedy: true,
+    			inside: {
+    				'string': /^[<"][\s\S]+/,
+    				'operator': /:/,
+    				'punctuation': /\./
+    			}
+    		},
+    		'raw-string': {
+    			pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,
+    			alias: 'string',
+    			greedy: true
+    		}
+    	});
+
+    	Prism.languages.insertBefore('cpp', 'keyword', {
+    		'generic-function': {
+    			pattern: /\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,
+    			inside: {
+    				'function': /^\w+/,
+    				'generic': {
+    					pattern: /<[\s\S]+/,
+    					alias: 'class-name',
+    					inside: Prism.languages.cpp
+    				}
+    			}
+    		}
+    	});
+
+    	Prism.languages.insertBefore('cpp', 'operator', {
+    		'double-colon': {
+    			pattern: /::/,
+    			alias: 'punctuation'
+    		}
+    	});
+
+    	Prism.languages.insertBefore('cpp', 'class-name', {
+    		// the base clause is an optional list of parent classes
+    		// https://en.cppreference.com/w/cpp/language/class
+    		'base-clause': {
+    			pattern: /(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,
+    			lookbehind: true,
+    			greedy: true,
+    			inside: Prism.languages.extend('cpp', {})
+    		}
+    	});
+
+    	Prism.languages.insertBefore('inside', 'double-colon', {
+    		// All untokenized words that are not namespaces should be class names
+    		'class-name': /\b[a-z_]\w*\b(?!\s*::)/i
+    	}, Prism.languages.cpp['base-clause']);
+
+    }(Prism));
+
+    (function (Prism) {
+
+    	/**
+    	 * Replaces all placeholders "<<n>>" of given pattern with the n-th replacement (zero based).
+    	 *
+    	 * Note: This is a simple text based replacement. Be careful when using backreferences!
+    	 *
+    	 * @param {string} pattern the given pattern.
+    	 * @param {string[]} replacements a list of replacement which can be inserted into the given pattern.
+    	 * @returns {string} the pattern with all placeholders replaced with their corresponding replacements.
+    	 * @example replace(/a<<0>>a/.source, [/b+/.source]) === /a(?:b+)a/.source
+    	 */
+    	function replace(pattern, replacements) {
+    		return pattern.replace(/<<(\d+)>>/g, function (m, index) {
+    			return '(?:' + replacements[+index] + ')';
+    		});
+    	}
+    	/**
+    	 * @param {string} pattern
+    	 * @param {string[]} replacements
+    	 * @param {string} [flags]
+    	 * @returns {RegExp}
+    	 */
+    	function re(pattern, replacements, flags) {
+    		return RegExp(replace(pattern, replacements), flags || '');
+    	}
+
+    	/**
+    	 * Creates a nested pattern where all occurrences of the string `<<self>>` are replaced with the pattern itself.
+    	 *
+    	 * @param {string} pattern
+    	 * @param {number} depthLog2
+    	 * @returns {string}
+    	 */
+    	function nested(pattern, depthLog2) {
+    		for (var i = 0; i < depthLog2; i++) {
+    			pattern = pattern.replace(/<<self>>/g, function () { return '(?:' + pattern + ')'; });
+    		}
+    		return pattern.replace(/<<self>>/g, '[^\\s\\S]');
+    	}
+
+    	// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/
+    	var keywordKinds = {
+    		// keywords which represent a return or variable type
+    		type: 'bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void',
+    		// keywords which are used to declare a type
+    		typeDeclaration: 'class enum interface record struct',
+    		// contextual keywords
+    		// ("var" and "dynamic" are missing because they are used like types)
+    		contextual: 'add alias and ascending async await by descending from(?=\\s*(?:\\w|$)) get global group into init(?=\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\s*{)',
+    		// all other keywords
+    		other: 'abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield'
+    	};
+
+    	// keywords
+    	function keywordsToPattern(words) {
+    		return '\\b(?:' + words.trim().replace(/ /g, '|') + ')\\b';
+    	}
+    	var typeDeclarationKeywords = keywordsToPattern(keywordKinds.typeDeclaration);
+    	var keywords = RegExp(keywordsToPattern(keywordKinds.type + ' ' + keywordKinds.typeDeclaration + ' ' + keywordKinds.contextual + ' ' + keywordKinds.other));
+    	var nonTypeKeywords = keywordsToPattern(keywordKinds.typeDeclaration + ' ' + keywordKinds.contextual + ' ' + keywordKinds.other);
+    	var nonContextualKeywords = keywordsToPattern(keywordKinds.type + ' ' + keywordKinds.typeDeclaration + ' ' + keywordKinds.other);
+
+    	// types
+    	var generic = nested(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source, 2); // the idea behind the other forbidden characters is to prevent false positives. Same for tupleElement.
+    	var nestedRound = nested(/\((?:[^()]|<<self>>)*\)/.source, 2);
+    	var name = /@?\b[A-Za-z_]\w*\b/.source;
+    	var genericName = replace(/<<0>>(?:\s*<<1>>)?/.source, [name, generic]);
+    	var identifier = replace(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source, [nonTypeKeywords, genericName]);
+    	var array = /\[\s*(?:,\s*)*\]/.source;
+    	var typeExpressionWithoutTuple = replace(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source, [identifier, array]);
+    	var tupleElement = replace(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source, [generic, nestedRound, array]);
+    	var tuple = replace(/\(<<0>>+(?:,<<0>>+)+\)/.source, [tupleElement]);
+    	var typeExpression = replace(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source, [tuple, identifier, array]);
+
+    	var typeInside = {
+    		'keyword': keywords,
+    		'punctuation': /[<>()?,.:[\]]/
+    	};
+
+    	// strings & characters
+    	// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#character-literals
+    	// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#string-literals
+    	var character = /'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source; // simplified pattern
+    	var regularString = /"(?:\\.|[^\\"\r\n])*"/.source;
+    	var verbatimString = /@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;
+
+
+    	Prism.languages.csharp = Prism.languages.extend('clike', {
+    		'string': [
+    			{
+    				pattern: re(/(^|[^$\\])<<0>>/.source, [verbatimString]),
+    				lookbehind: true,
+    				greedy: true
+    			},
+    			{
+    				pattern: re(/(^|[^@$\\])<<0>>/.source, [regularString]),
+    				lookbehind: true,
+    				greedy: true
+    			}
+    		],
+    		'class-name': [
+    			{
+    				// Using static
+    				// using static System.Math;
+    				pattern: re(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source, [identifier]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Using alias (type)
+    				// using Project = PC.MyCompany.Project;
+    				pattern: re(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source, [name, typeExpression]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Using alias (alias)
+    				// using Project = PC.MyCompany.Project;
+    				pattern: re(/(\busing\s+)<<0>>(?=\s*=)/.source, [name]),
+    				lookbehind: true
+    			},
+    			{
+    				// Type declarations
+    				// class Foo<A, B>
+    				// interface Foo<out A, B>
+    				pattern: re(/(\b<<0>>\s+)<<1>>/.source, [typeDeclarationKeywords, genericName]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Single catch exception declaration
+    				// catch(Foo)
+    				// (things like catch(Foo e) is covered by variable declaration)
+    				pattern: re(/(\bcatch\s*\(\s*)<<0>>/.source, [identifier]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Name of the type parameter of generic constraints
+    				// where Foo : class
+    				pattern: re(/(\bwhere\s+)<<0>>/.source, [name]),
+    				lookbehind: true
+    			},
+    			{
+    				// Casts and checks via as and is.
+    				// as Foo<A>, is Bar<B>
+    				// (things like if(a is Foo b) is covered by variable declaration)
+    				pattern: re(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source, [typeExpressionWithoutTuple]),
+    				lookbehind: true,
+    				inside: typeInside
+    			},
+    			{
+    				// Variable, field and parameter declaration
+    				// (Foo bar, Bar baz, Foo[,,] bay, Foo<Bar, FooBar<Bar>> bax)
+    				pattern: re(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source, [typeExpression, nonContextualKeywords, name]),
+    				inside: typeInside
+    			}
+    		],
+    		'keyword': keywords,
+    		// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#literals
+    		'number': /(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:[dflmu]|lu|ul)?\b/i,
+    		'operator': />>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,
+    		'punctuation': /\?\.?|::|[{}[\];(),.:]/
+    	});
+
+    	Prism.languages.insertBefore('csharp', 'number', {
+    		'range': {
+    			pattern: /\.\./,
+    			alias: 'operator'
+    		}
+    	});
+
+    	Prism.languages.insertBefore('csharp', 'punctuation', {
+    		'named-parameter': {
+    			pattern: re(/([(,]\s*)<<0>>(?=\s*:)/.source, [name]),
+    			lookbehind: true,
+    			alias: 'punctuation'
+    		}
+    	});
+
+    	Prism.languages.insertBefore('csharp', 'class-name', {
+    		'namespace': {
+    			// namespace Foo.Bar {}
+    			// using Foo.Bar;
+    			pattern: re(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source, [name]),
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /\./
+    			}
+    		},
+    		'type-expression': {
+    			// default(Foo), typeof(Foo<Bar>), sizeof(int)
+    			pattern: re(/(\b(?:default|sizeof|typeof)\s*\(\s*(?!\s))(?:[^()\s]|\s(?!\s)|<<0>>)*(?=\s*\))/.source, [nestedRound]),
+    			lookbehind: true,
+    			alias: 'class-name',
+    			inside: typeInside
+    		},
+    		'return-type': {
+    			// Foo<Bar> ForBar(); Foo IFoo.Bar() => 0
+    			// int this[int index] => 0; T IReadOnlyList<T>.this[int index] => this[index];
+    			// int Foo => 0; int Foo { get; set } = 0;
+    			pattern: re(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source, [typeExpression, identifier]),
+    			inside: typeInside,
+    			alias: 'class-name'
+    		},
+    		'constructor-invocation': {
+    			// new List<Foo<Bar[]>> { }
+    			pattern: re(/(\bnew\s+)<<0>>(?=\s*[[({])/.source, [typeExpression]),
+    			lookbehind: true,
+    			inside: typeInside,
+    			alias: 'class-name'
+    		},
+    		/*'explicit-implementation': {
+    			// int IFoo<Foo>.Bar => 0; void IFoo<Foo<Foo>>.Foo<T>();
+    			pattern: replace(/\b<<0>>(?=\.<<1>>)/, className, methodOrPropertyDeclaration),
+    			inside: classNameInside,
+    			alias: 'class-name'
+    		},*/
+    		'generic-method': {
+    			// foo<Bar>()
+    			pattern: re(/<<0>>\s*<<1>>(?=\s*\()/.source, [name, generic]),
+    			inside: {
+    				'function': re(/^<<0>>/.source, [name]),
+    				'generic': {
+    					pattern: RegExp(generic),
+    					alias: 'class-name',
+    					inside: typeInside
+    				}
+    			}
+    		},
+    		'type-list': {
+    			// The list of types inherited or of generic constraints
+    			// class Foo<F> : Bar, IList<FooBar>
+    			// where F : Bar, IList<int>
+    			pattern: re(
+    				/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source,
+    				[typeDeclarationKeywords, genericName, name, typeExpression, keywords.source, nestedRound, /\bnew\s*\(\s*\)/.source]
+    			),
+    			lookbehind: true,
+    			inside: {
+    				'record-arguments': {
+    					pattern: re(/(^(?!new\s*\()<<0>>\s*)<<1>>/.source, [genericName, nestedRound]),
+    					lookbehind: true,
+    					greedy: true,
+    					inside: Prism.languages.csharp
+    				},
+    				'keyword': keywords,
+    				'class-name': {
+    					pattern: RegExp(typeExpression),
+    					greedy: true,
+    					inside: typeInside
+    				},
+    				'punctuation': /[,()]/
+    			}
+    		},
+    		'preprocessor': {
+    			pattern: /(^[\t ]*)#.*/m,
+    			lookbehind: true,
+    			alias: 'property',
+    			inside: {
+    				// highlight preprocessor directives as keywords
+    				'directive': {
+    					pattern: /(#)\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\b/,
+    					lookbehind: true,
+    					alias: 'keyword'
+    				}
+    			}
+    		}
+    	});
+
+    	// attributes
+    	var regularStringOrCharacter = regularString + '|' + character;
+    	var regularStringCharacterOrComment = replace(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source, [regularStringOrCharacter]);
+    	var roundExpression = nested(replace(/[^"'/()]|<<0>>|\(<<self>>*\)/.source, [regularStringCharacterOrComment]), 2);
+
+    	// https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/attributes/#attribute-targets
+    	var attrTarget = /\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source;
+    	var attr = replace(/<<0>>(?:\s*\(<<1>>*\))?/.source, [identifier, roundExpression]);
+
+    	Prism.languages.insertBefore('csharp', 'class-name', {
+    		'attribute': {
+    			// Attributes
+    			// [Foo], [Foo(1), Bar(2, Prop = "foo")], [return: Foo(1), Bar(2)], [assembly: Foo(Bar)]
+    			pattern: re(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source, [attrTarget, attr]),
+    			lookbehind: true,
+    			greedy: true,
+    			inside: {
+    				'target': {
+    					pattern: re(/^<<0>>(?=\s*:)/.source, [attrTarget]),
+    					alias: 'keyword'
+    				},
+    				'attribute-arguments': {
+    					pattern: re(/\(<<0>>*\)/.source, [roundExpression]),
+    					inside: Prism.languages.csharp
+    				},
+    				'class-name': {
+    					pattern: RegExp(identifier),
+    					inside: {
+    						'punctuation': /\./
+    					}
+    				},
+    				'punctuation': /[:,]/
+    			}
+    		}
+    	});
+
+
+    	// string interpolation
+    	var formatString = /:[^}\r\n]+/.source;
+    	// multi line
+    	var mInterpolationRound = nested(replace(/[^"'/()]|<<0>>|\(<<self>>*\)/.source, [regularStringCharacterOrComment]), 2);
+    	var mInterpolation = replace(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source, [mInterpolationRound, formatString]);
+    	// single line
+    	var sInterpolationRound = nested(replace(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<<self>>*\)/.source, [regularStringOrCharacter]), 2);
+    	var sInterpolation = replace(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source, [sInterpolationRound, formatString]);
+
+    	function createInterpolationInside(interpolation, interpolationRound) {
+    		return {
+    			'interpolation': {
+    				pattern: re(/((?:^|[^{])(?:\{\{)*)<<0>>/.source, [interpolation]),
+    				lookbehind: true,
+    				inside: {
+    					'format-string': {
+    						pattern: re(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source, [interpolationRound, formatString]),
+    						lookbehind: true,
+    						inside: {
+    							'punctuation': /^:/
+    						}
+    					},
+    					'punctuation': /^\{|\}$/,
+    					'expression': {
+    						pattern: /[\s\S]+/,
+    						alias: 'language-csharp',
+    						inside: Prism.languages.csharp
+    					}
+    				}
+    			},
+    			'string': /[\s\S]+/
+    		};
+    	}
+
+    	Prism.languages.insertBefore('csharp', 'string', {
+    		'interpolation-string': [
+    			{
+    				pattern: re(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source, [mInterpolation]),
+    				lookbehind: true,
+    				greedy: true,
+    				inside: createInterpolationInside(mInterpolation, mInterpolationRound),
+    			},
+    			{
+    				pattern: re(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source, [sInterpolation]),
+    				lookbehind: true,
+    				greedy: true,
+    				inside: createInterpolationInside(sInterpolation, sInterpolationRound),
+    			}
+    		],
+    		'char': {
+    			pattern: RegExp(character),
+    			greedy: true
+    		}
+    	});
+
+    	Prism.languages.dotnet = Prism.languages.cs = Prism.languages.csharp;
+
+    }(Prism));
+
+    (function (Prism) {
+
+    	var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
+
+    	Prism.languages.css = {
+    		'comment': /\/\*[\s\S]*?\*\//,
+    		'atrule': {
+    			pattern: RegExp('@[\\w-](?:' + /[^;{\s"']|\s+(?!\s)/.source + '|' + string.source + ')*?' + /(?:;|(?=\s*\{))/.source),
+    			inside: {
+    				'rule': /^@[\w-]+/,
+    				'selector-function-argument': {
+    					pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
+    					lookbehind: true,
+    					alias: 'selector'
+    				},
+    				'keyword': {
+    					pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
+    					lookbehind: true
+    				}
+    				// See rest below
+    			}
+    		},
+    		'url': {
+    			// https://drafts.csswg.org/css-values-3/#urls
+    			pattern: RegExp('\\burl\\((?:' + string.source + '|' + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ')\\)', 'i'),
+    			greedy: true,
+    			inside: {
+    				'function': /^url/i,
+    				'punctuation': /^\(|\)$/,
+    				'string': {
+    					pattern: RegExp('^' + string.source + '$'),
+    					alias: 'url'
+    				}
+    			}
+    		},
+    		'selector': {
+    			pattern: RegExp('(^|[{}\\s])[^{}\\s](?:[^{};"\'\\s]|\\s+(?![\\s{])|' + string.source + ')*(?=\\s*\\{)'),
+    			lookbehind: true
+    		},
+    		'string': {
+    			pattern: string,
+    			greedy: true
+    		},
+    		'property': {
+    			pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
+    			lookbehind: true
+    		},
+    		'important': /!important\b/i,
+    		'function': {
+    			pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
+    			lookbehind: true
+    		},
+    		'punctuation': /[(){};:,]/
+    	};
+
+    	Prism.languages.css['atrule'].inside.rest = Prism.languages.css;
+
+    	var markup = Prism.languages.markup;
+    	if (markup) {
+    		markup.tag.addInlined('style', 'css');
+    		markup.tag.addAttribute('style', 'css');
+    	}
+
+    }(Prism));
+
+    (function (Prism) {
+
+    	var keywords = /\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/;
+
+    	// full package (optional) + parent classes (optional)
+    	var classNamePrefix = /(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source;
+
+    	// based on the java naming conventions
+    	var className = {
+    		pattern: RegExp(/(^|[^\w.])/.source + classNamePrefix + /[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),
+    		lookbehind: true,
+    		inside: {
+    			'namespace': {
+    				pattern: /^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,
+    				inside: {
+    					'punctuation': /\./
+    				}
+    			},
+    			'punctuation': /\./
+    		}
+    	};
+
+    	Prism.languages.java = Prism.languages.extend('clike', {
+    		'string': {
+    			pattern: /(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,
+    			lookbehind: true,
+    			greedy: true
+    		},
+    		'class-name': [
+    			className,
+    			{
+    				// variables, parameters, and constructor references
+    				// this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
+    				pattern: RegExp(/(^|[^\w.])/.source + classNamePrefix + /[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),
+    				lookbehind: true,
+    				inside: className.inside
+    			},
+    			{
+    				// class names based on keyword
+    				// this to support class names (or generic parameters) which do not contain a lower case letter (also works for methods)
+    				pattern: RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source + classNamePrefix + /[A-Z]\w*\b/.source),
+    				lookbehind: true,
+    				inside: className.inside
+    			}
+    		],
+    		'keyword': keywords,
+    		'function': [
+    			Prism.languages.clike.function,
+    			{
+    				pattern: /(::\s*)[a-z_]\w*/,
+    				lookbehind: true
+    			}
+    		],
+    		'number': /\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,
+    		'operator': {
+    			pattern: /(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,
+    			lookbehind: true
+    		},
+    		'constant': /\b[A-Z][A-Z_\d]+\b/
+    	});
+
+    	Prism.languages.insertBefore('java', 'string', {
+    		'triple-quoted-string': {
+    			// http://openjdk.java.net/jeps/355#Description
+    			pattern: /"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,
+    			greedy: true,
+    			alias: 'string'
+    		},
+    		'char': {
+    			pattern: /'(?:\\.|[^'\\\r\n]){1,6}'/,
+    			greedy: true
+    		}
+    	});
+
+    	Prism.languages.insertBefore('java', 'class-name', {
+    		'annotation': {
+    			pattern: /(^|[^.])@\w+(?:\s*\.\s*\w+)*/,
+    			lookbehind: true,
+    			alias: 'punctuation'
+    		},
+    		'generics': {
+    			pattern: /<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,
+    			inside: {
+    				'class-name': className,
+    				'keyword': keywords,
+    				'punctuation': /[<>(),.:]/,
+    				'operator': /[?&|]/
+    			}
+    		},
+    		'import': [
+    			{
+    				pattern: RegExp(/(\bimport\s+)/.source + classNamePrefix + /(?:[A-Z]\w*|\*)(?=\s*;)/.source),
+    				lookbehind: true,
+    				inside: {
+    					'namespace': className.inside.namespace,
+    					'punctuation': /\./,
+    					'operator': /\*/,
+    					'class-name': /\w+/
+    				}
+    			},
+    			{
+    				pattern: RegExp(/(\bimport\s+static\s+)/.source + classNamePrefix + /(?:\w+|\*)(?=\s*;)/.source),
+    				lookbehind: true,
+    				alias: 'static',
+    				inside: {
+    					'namespace': className.inside.namespace,
+    					'static': /\b\w+$/,
+    					'punctuation': /\./,
+    					'operator': /\*/,
+    					'class-name': /\w+/
+    				}
+    			}
+    		],
+    		'namespace': {
+    			pattern: RegExp(
+    				/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/
+    					.source.replace(/<keyword>/g, function () { return keywords.source; })),
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /\./,
+    			}
+    		}
+    	});
+    }(Prism));
+
+    Prism.languages.javascript = Prism.languages.extend('clike', {
+    	'class-name': [
+    		Prism.languages.clike['class-name'],
+    		{
+    			pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
+    			lookbehind: true
+    		}
+    	],
+    	'keyword': [
+    		{
+    			pattern: /((?:^|\})\s*)catch\b/,
+    			lookbehind: true
+    		},
+    		{
+    			pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+    			lookbehind: true
+    		},
+    	],
+    	// Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
+    	'function': /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+    	'number': {
+    		pattern: RegExp(
+    			/(^|[^\w$])/.source +
+    			'(?:' +
+    			(
+    				// constant
+    				/NaN|Infinity/.source +
+    				'|' +
+    				// binary integer
+    				/0[bB][01]+(?:_[01]+)*n?/.source +
+    				'|' +
+    				// octal integer
+    				/0[oO][0-7]+(?:_[0-7]+)*n?/.source +
+    				'|' +
+    				// hexadecimal integer
+    				/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source +
+    				'|' +
+    				// decimal bigint
+    				/\d+(?:_\d+)*n/.source +
+    				'|' +
+    				// decimal number (integer or float) but no bigint
+    				/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source
+    			) +
+    			')' +
+    			/(?![\w$])/.source
+    		),
+    		lookbehind: true
+    	},
+    	'operator': /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+    });
+
+    Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
+
+    Prism.languages.insertBefore('javascript', 'keyword', {
+    	'regex': {
+    		pattern: RegExp(
+    			// lookbehind
+    			// eslint-disable-next-line regexp/no-dupe-characters-character-class
+    			/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source +
+    			// Regex pattern:
+    			// There are 2 regex patterns here. The RegExp set notation proposal added support for nested character
+    			// classes if the `v` flag is present. Unfortunately, nested CCs are both context-free and incompatible
+    			// with the only syntax, so we have to define 2 different regex patterns.
+    			/\//.source +
+    			'(?:' +
+    			/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source +
+    			'|' +
+    			// `v` flag syntax. This supports 3 levels of nested character classes.
+    			/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source +
+    			')' +
+    			// lookahead
+    			/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source
+    		),
+    		lookbehind: true,
+    		greedy: true,
+    		inside: {
+    			'regex-source': {
+    				pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+    				lookbehind: true,
+    				alias: 'language-regex',
+    				inside: Prism.languages.regex
+    			},
+    			'regex-delimiter': /^\/|\/$/,
+    			'regex-flags': /^[a-z]+$/,
+    		}
+    	},
+    	// This must be declared before keyword because we use "function" inside the look-forward
+    	'function-variable': {
+    		pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
+    		alias: 'function'
+    	},
+    	'parameter': [
+    		{
+    			pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
+    			lookbehind: true,
+    			inside: Prism.languages.javascript
+    		},
+    		{
+    			pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
+    			lookbehind: true,
+    			inside: Prism.languages.javascript
+    		},
+    		{
+    			pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
+    			lookbehind: true,
+    			inside: Prism.languages.javascript
+    		},
+    		{
+    			pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
+    			lookbehind: true,
+    			inside: Prism.languages.javascript
+    		}
+    	],
+    	'constant': /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+    });
+
+    Prism.languages.insertBefore('javascript', 'string', {
+    	'hashbang': {
+    		pattern: /^#!.*/,
+    		greedy: true,
+    		alias: 'comment'
+    	},
+    	'template-string': {
+    		pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
+    		greedy: true,
+    		inside: {
+    			'template-punctuation': {
+    				pattern: /^`|`$/,
+    				alias: 'string'
+    			},
+    			'interpolation': {
+    				pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
+    				lookbehind: true,
+    				inside: {
+    					'interpolation-punctuation': {
+    						pattern: /^\$\{|\}$/,
+    						alias: 'punctuation'
+    					},
+    					rest: Prism.languages.javascript
+    				}
+    			},
+    			'string': /[\s\S]+/
+    		}
+    	},
+    	'string-property': {
+    		pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+    		lookbehind: true,
+    		greedy: true,
+    		alias: 'property'
+    	}
+    });
+
+    Prism.languages.insertBefore('javascript', 'operator', {
+    	'literal-property': {
+    		pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+    		lookbehind: true,
+    		alias: 'property'
+    	},
+    });
+
+    if (Prism.languages.markup) {
+    	Prism.languages.markup.tag.addInlined('script', 'javascript');
+
+    	// add attribute support for all DOM events.
+    	// https://developer.mozilla.org/en-US/docs/Web/Events#Standard_events
+    	Prism.languages.markup.tag.addAttribute(
+    		/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,
+    		'javascript'
+    	);
+    }
+
+    Prism.languages.js = Prism.languages.javascript;
+
+    Prism.languages.markup = {
+    	'comment': {
+    		pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
+    		greedy: true
+    	},
+    	'prolog': {
+    		pattern: /<\?[\s\S]+?\?>/,
+    		greedy: true
+    	},
+    	'doctype': {
+    		// https://www.w3.org/TR/xml/#NT-doctypedecl
+    		pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
+    		greedy: true,
+    		inside: {
+    			'internal-subset': {
+    				pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/,
+    				lookbehind: true,
+    				greedy: true,
+    				inside: null // see below
+    			},
+    			'string': {
+    				pattern: /"[^"]*"|'[^']*'/,
+    				greedy: true
+    			},
+    			'punctuation': /^<!|>$|[[\]]/,
+    			'doctype-tag': /^DOCTYPE/i,
+    			'name': /[^\s<>'"]+/
+    		}
+    	},
+    	'cdata': {
+    		pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+    		greedy: true
+    	},
+    	'tag': {
+    		pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
+    		greedy: true,
+    		inside: {
+    			'tag': {
+    				pattern: /^<\/?[^\s>\/]+/,
+    				inside: {
+    					'punctuation': /^<\/?/,
+    					'namespace': /^[^\s>\/:]+:/
+    				}
+    			},
+    			'special-attr': [],
+    			'attr-value': {
+    				pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
+    				inside: {
+    					'punctuation': [
+    						{
+    							pattern: /^=/,
+    							alias: 'attr-equals'
+    						},
+    						{
+    							pattern: /^(\s*)["']|["']$/,
+    							lookbehind: true
+    						}
+    					]
+    				}
+    			},
+    			'punctuation': /\/?>/,
+    			'attr-name': {
+    				pattern: /[^\s>\/]+/,
+    				inside: {
+    					'namespace': /^[^\s>\/:]+:/
+    				}
+    			}
+
+    		}
+    	},
+    	'entity': [
+    		{
+    			pattern: /&[\da-z]{1,8};/i,
+    			alias: 'named-entity'
+    		},
+    		/&#x?[\da-f]{1,8};/i
+    	]
+    };
+
+    Prism.languages.markup['tag'].inside['attr-value'].inside['entity'] =
+    	Prism.languages.markup['entity'];
+    Prism.languages.markup['doctype'].inside['internal-subset'].inside = Prism.languages.markup;
+
+    // Plugin to make entity title show the real entity, idea by Roman Komarov
+    Prism.hooks.add('wrap', function (env) {
+
+    	if (env.type === 'entity') {
+    		env.attributes['title'] = env.content.replace(/&amp;/, '&');
+    	}
+    });
+
+    Object.defineProperty(Prism.languages.markup.tag, 'addInlined', {
+    	/**
+    	 * Adds an inlined language to markup.
+    	 *
+    	 * An example of an inlined language is CSS with `<style>` tags.
+    	 *
+    	 * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as
+    	 * case insensitive.
+    	 * @param {string} lang The language key.
+    	 * @example
+    	 * addInlined('style', 'css');
+    	 */
+    	value: function addInlined(tagName, lang) {
+    		var includedCdataInside = {};
+    		includedCdataInside['language-' + lang] = {
+    			pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
+    			lookbehind: true,
+    			inside: Prism.languages[lang]
+    		};
+    		includedCdataInside['cdata'] = /^<!\[CDATA\[|\]\]>$/i;
+
+    		var inside = {
+    			'included-cdata': {
+    				pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+    				inside: includedCdataInside
+    			}
+    		};
+    		inside['language-' + lang] = {
+    			pattern: /[\s\S]+/,
+    			inside: Prism.languages[lang]
+    		};
+
+    		var def = {};
+    		def[tagName] = {
+    			pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function () { return tagName; }), 'i'),
+    			lookbehind: true,
+    			greedy: true,
+    			inside: inside
+    		};
+
+    		Prism.languages.insertBefore('markup', 'cdata', def);
+    	}
+    });
+    Object.defineProperty(Prism.languages.markup.tag, 'addAttribute', {
+    	/**
+    	 * Adds an pattern to highlight languages embedded in HTML attributes.
+    	 *
+    	 * An example of an inlined language is CSS with `style` attributes.
+    	 *
+    	 * @param {string} attrName The name of the tag that contains the inlined language. This name will be treated as
+    	 * case insensitive.
+    	 * @param {string} lang The language key.
+    	 * @example
+    	 * addAttribute('style', 'css');
+    	 */
+    	value: function (attrName, lang) {
+    		Prism.languages.markup.tag.inside['special-attr'].push({
+    			pattern: RegExp(
+    				/(^|["'\s])/.source + '(?:' + attrName + ')' + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
+    				'i'
+    			),
+    			lookbehind: true,
+    			inside: {
+    				'attr-name': /^[^\s=]+/,
+    				'attr-value': {
+    					pattern: /=[\s\S]+/,
+    					inside: {
+    						'value': {
+    							pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
+    							lookbehind: true,
+    							alias: [lang, 'language-' + lang],
+    							inside: Prism.languages[lang]
+    						},
+    						'punctuation': [
+    							{
+    								pattern: /^=/,
+    								alias: 'attr-equals'
+    							},
+    							/"|'/
+    						]
+    					}
+    				}
+    			}
+    		});
+    	}
+    });
+
+    Prism.languages.html = Prism.languages.markup;
+    Prism.languages.mathml = Prism.languages.markup;
+    Prism.languages.svg = Prism.languages.markup;
+
+    Prism.languages.xml = Prism.languages.extend('markup', {});
+    Prism.languages.ssml = Prism.languages.xml;
+    Prism.languages.atom = Prism.languages.xml;
+    Prism.languages.rss = Prism.languages.xml;
+
+    /**
+     * Original by Aaron Harun: http://aahacreative.com/2012/07/31/php-syntax-highlighting-prism/
+     * Modified by Miles Johnson: http://milesj.me
+     * Rewritten by Tom Pavelec
+     *
+     * Supports PHP 5.3 - 8.0
+     */
+    (function (Prism) {
+    	var comment = /\/\*[\s\S]*?\*\/|\/\/.*|#(?!\[).*/;
+    	var constant = [
+    		{
+    			pattern: /\b(?:false|true)\b/i,
+    			alias: 'boolean'
+    		},
+    		{
+    			pattern: /(::\s*)\b[a-z_]\w*\b(?!\s*\()/i,
+    			greedy: true,
+    			lookbehind: true,
+    		},
+    		{
+    			pattern: /(\b(?:case|const)\s+)\b[a-z_]\w*(?=\s*[;=])/i,
+    			greedy: true,
+    			lookbehind: true,
+    		},
+    		/\b(?:null)\b/i,
+    		/\b[A-Z_][A-Z0-9_]*\b(?!\s*\()/,
+    	];
+    	var number = /\b0b[01]+(?:_[01]+)*\b|\b0o[0-7]+(?:_[0-7]+)*\b|\b0x[\da-f]+(?:_[\da-f]+)*\b|(?:\b\d+(?:_\d+)*\.?(?:\d+(?:_\d+)*)?|\B\.\d+)(?:e[+-]?\d+)?/i;
+    	var operator = /<?=>|\?\?=?|\.{3}|\??->|[!=]=?=?|::|\*\*=?|--|\+\+|&&|\|\||<<|>>|[?~]|[/^|%*&<>.+-]=?/;
+    	var punctuation = /[{}\[\](),:;]/;
+
+    	Prism.languages.php = {
+    		'delimiter': {
+    			pattern: /\?>$|^<\?(?:php(?=\s)|=)?/i,
+    			alias: 'important'
+    		},
+    		'comment': comment,
+    		'variable': /\$+(?:\w+\b|(?=\{))/,
+    		'package': {
+    			pattern: /(namespace\s+|use\s+(?:function\s+)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /\\/
+    			}
+    		},
+    		'class-name-definition': {
+    			pattern: /(\b(?:class|enum|interface|trait)\s+)\b[a-z_]\w*(?!\\)\b/i,
+    			lookbehind: true,
+    			alias: 'class-name'
+    		},
+    		'function-definition': {
+    			pattern: /(\bfunction\s+)[a-z_]\w*(?=\s*\()/i,
+    			lookbehind: true,
+    			alias: 'function'
+    		},
+    		'keyword': [
+    			{
+    				pattern: /(\(\s*)\b(?:array|bool|boolean|float|int|integer|object|string)\b(?=\s*\))/i,
+    				alias: 'type-casting',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /([(,?]\s*)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|object|self|static|string)\b(?=\s*\$)/i,
+    				alias: 'type-hint',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /(\)\s*:\s*(?:\?\s*)?)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|never|object|self|static|string|void)\b/i,
+    				alias: 'return-type',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /\b(?:array(?!\s*\()|bool|float|int|iterable|mixed|object|string|void)\b/i,
+    				alias: 'type-declaration',
+    				greedy: true
+    			},
+    			{
+    				pattern: /(\|\s*)(?:false|null)\b|\b(?:false|null)(?=\s*\|)/i,
+    				alias: 'type-declaration',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /\b(?:parent|self|static)(?=\s*::)/i,
+    				alias: 'static-context',
+    				greedy: true
+    			},
+    			{
+    				// yield from
+    				pattern: /(\byield\s+)from\b/i,
+    				lookbehind: true
+    			},
+    			// `class` is always a keyword unlike other keywords
+    			/\bclass\b/i,
+    			{
+    				// https://www.php.net/manual/en/reserved.keywords.php
+    				//
+    				// keywords cannot be preceded by "->"
+    				// the complex lookbehind means `(?<!(?:->|::)\s*)`
+    				pattern: /((?:^|[^\s>:]|(?:^|[^-])>|(?:^|[^:]):)\s*)\b(?:abstract|and|array|as|break|callable|case|catch|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|enum|eval|exit|extends|final|finally|fn|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|match|namespace|never|new|or|parent|print|private|protected|public|readonly|require|require_once|return|self|static|switch|throw|trait|try|unset|use|var|while|xor|yield|__halt_compiler)\b/i,
+    				lookbehind: true
+    			}
+    		],
+    		'argument-name': {
+    			pattern: /([(,]\s*)\b[a-z_]\w*(?=\s*:(?!:))/i,
+    			lookbehind: true
+    		},
+    		'class-name': [
+    			{
+    				pattern: /(\b(?:extends|implements|instanceof|new(?!\s+self|\s+static))\s+|\bcatch\s*\()\b[a-z_]\w*(?!\\)\b/i,
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /(\|\s*)\b[a-z_]\w*(?!\\)\b/i,
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /\b[a-z_]\w*(?!\\)\b(?=\s*\|)/i,
+    				greedy: true
+    			},
+    			{
+    				pattern: /(\|\s*)(?:\\?\b[a-z_]\w*)+\b/i,
+    				alias: 'class-name-fully-qualified',
+    				greedy: true,
+    				lookbehind: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /(?:\\?\b[a-z_]\w*)+\b(?=\s*\|)/i,
+    				alias: 'class-name-fully-qualified',
+    				greedy: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /(\b(?:extends|implements|instanceof|new(?!\s+self\b|\s+static\b))\s+|\bcatch\s*\()(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,
+    				alias: 'class-name-fully-qualified',
+    				greedy: true,
+    				lookbehind: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /\b[a-z_]\w*(?=\s*\$)/i,
+    				alias: 'type-declaration',
+    				greedy: true
+    			},
+    			{
+    				pattern: /(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,
+    				alias: ['class-name-fully-qualified', 'type-declaration'],
+    				greedy: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /\b[a-z_]\w*(?=\s*::)/i,
+    				alias: 'static-context',
+    				greedy: true
+    			},
+    			{
+    				pattern: /(?:\\?\b[a-z_]\w*)+(?=\s*::)/i,
+    				alias: ['class-name-fully-qualified', 'static-context'],
+    				greedy: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /([(,?]\s*)[a-z_]\w*(?=\s*\$)/i,
+    				alias: 'type-hint',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /([(,?]\s*)(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,
+    				alias: ['class-name-fully-qualified', 'type-hint'],
+    				greedy: true,
+    				lookbehind: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			},
+    			{
+    				pattern: /(\)\s*:\s*(?:\?\s*)?)\b[a-z_]\w*(?!\\)\b/i,
+    				alias: 'return-type',
+    				greedy: true,
+    				lookbehind: true
+    			},
+    			{
+    				pattern: /(\)\s*:\s*(?:\?\s*)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,
+    				alias: ['class-name-fully-qualified', 'return-type'],
+    				greedy: true,
+    				lookbehind: true,
+    				inside: {
+    					'punctuation': /\\/
+    				}
+    			}
+    		],
+    		'constant': constant,
+    		'function': {
+    			pattern: /(^|[^\\\w])\\?[a-z_](?:[\w\\]*\w)?(?=\s*\()/i,
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /\\/
+    			}
+    		},
+    		'property': {
+    			pattern: /(->\s*)\w+/,
+    			lookbehind: true
+    		},
+    		'number': number,
+    		'operator': operator,
+    		'punctuation': punctuation
+    	};
+
+    	var string_interpolation = {
+    		pattern: /\{\$(?:\{(?:\{[^{}]+\}|[^{}]+)\}|[^{}])+\}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)?)/,
+    		lookbehind: true,
+    		inside: Prism.languages.php
+    	};
+
+    	var string = [
+    		{
+    			pattern: /<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,
+    			alias: 'nowdoc-string',
+    			greedy: true,
+    			inside: {
+    				'delimiter': {
+    					pattern: /^<<<'[^']+'|[a-z_]\w*;$/i,
+    					alias: 'symbol',
+    					inside: {
+    						'punctuation': /^<<<'?|[';]$/
+    					}
+    				}
+    			}
+    		},
+    		{
+    			pattern: /<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,
+    			alias: 'heredoc-string',
+    			greedy: true,
+    			inside: {
+    				'delimiter': {
+    					pattern: /^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,
+    					alias: 'symbol',
+    					inside: {
+    						'punctuation': /^<<<"?|[";]$/
+    					}
+    				},
+    				'interpolation': string_interpolation
+    			}
+    		},
+    		{
+    			pattern: /`(?:\\[\s\S]|[^\\`])*`/,
+    			alias: 'backtick-quoted-string',
+    			greedy: true
+    		},
+    		{
+    			pattern: /'(?:\\[\s\S]|[^\\'])*'/,
+    			alias: 'single-quoted-string',
+    			greedy: true
+    		},
+    		{
+    			pattern: /"(?:\\[\s\S]|[^\\"])*"/,
+    			alias: 'double-quoted-string',
+    			greedy: true,
+    			inside: {
+    				'interpolation': string_interpolation
+    			}
+    		}
+    	];
+
+    	Prism.languages.insertBefore('php', 'variable', {
+    		'string': string,
+    		'attribute': {
+    			pattern: /#\[(?:[^"'\/#]|\/(?![*/])|\/\/.*$|#(?!\[).*$|\/\*(?:[^*]|\*(?!\/))*\*\/|"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*')+\](?=\s*[a-z$#])/im,
+    			greedy: true,
+    			inside: {
+    				'attribute-content': {
+    					pattern: /^(#\[)[\s\S]+(?=\]$)/,
+    					lookbehind: true,
+    					// inside can appear subset of php
+    					inside: {
+    						'comment': comment,
+    						'string': string,
+    						'attribute-class-name': [
+    							{
+    								pattern: /([^:]|^)\b[a-z_]\w*(?!\\)\b/i,
+    								alias: 'class-name',
+    								greedy: true,
+    								lookbehind: true
+    							},
+    							{
+    								pattern: /([^:]|^)(?:\\?\b[a-z_]\w*)+/i,
+    								alias: [
+    									'class-name',
+    									'class-name-fully-qualified'
+    								],
+    								greedy: true,
+    								lookbehind: true,
+    								inside: {
+    									'punctuation': /\\/
+    								}
+    							}
+    						],
+    						'constant': constant,
+    						'number': number,
+    						'operator': operator,
+    						'punctuation': punctuation
+    					}
+    				},
+    				'delimiter': {
+    					pattern: /^#\[|\]$/,
+    					alias: 'punctuation'
+    				}
+    			}
+    		},
+    	});
+
+    	Prism.hooks.add('before-tokenize', function (env) {
+    		if (!/<\?/.test(env.code)) {
+    			return;
+    		}
+
+    		var phpPattern = /<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#(?!\[))(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|#\[|\/\*(?:[^*]|\*(?!\/))*(?:\*\/|$))*?(?:\?>|$)/g;
+    		Prism.languages['markup-templating'].buildPlaceholders(env, 'php', phpPattern);
+    	});
+
+    	Prism.hooks.add('after-tokenize', function (env) {
+    		Prism.languages['markup-templating'].tokenizePlaceholders(env, 'php');
+    	});
+
+    }(Prism));
+
+    Prism.languages.python = {
+    	'comment': {
+    		pattern: /(^|[^\\])#.*/,
+    		lookbehind: true,
+    		greedy: true
+    	},
+    	'string-interpolation': {
+    		pattern: /(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
+    		greedy: true,
+    		inside: {
+    			'interpolation': {
+    				// "{" <expression> <optional "!s", "!r", or "!a"> <optional ":" format specifier> "}"
+    				pattern: /((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,
+    				lookbehind: true,
+    				inside: {
+    					'format-spec': {
+    						pattern: /(:)[^:(){}]+(?=\}$)/,
+    						lookbehind: true
+    					},
+    					'conversion-option': {
+    						pattern: /![sra](?=[:}]$)/,
+    						alias: 'punctuation'
+    					},
+    					rest: null
+    				}
+    			},
+    			'string': /[\s\S]+/
+    		}
+    	},
+    	'triple-quoted-string': {
+    		pattern: /(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,
+    		greedy: true,
+    		alias: 'string'
+    	},
+    	'string': {
+    		pattern: /(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
+    		greedy: true
+    	},
+    	'function': {
+    		pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
+    		lookbehind: true
+    	},
+    	'class-name': {
+    		pattern: /(\bclass\s+)\w+/i,
+    		lookbehind: true
+    	},
+    	'decorator': {
+    		pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
+    		lookbehind: true,
+    		alias: ['annotation', 'punctuation'],
+    		inside: {
+    			'punctuation': /\./
+    		}
+    	},
+    	'keyword': /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
+    	'builtin': /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
+    	'boolean': /\b(?:False|None|True)\b/,
+    	'number': /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,
+    	'operator': /[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
+    	'punctuation': /[{}[\];(),.:]/
+    };
+
+    Prism.languages.python['string-interpolation'].inside['interpolation'].inside.rest = Prism.languages.python;
+
+    Prism.languages.py = Prism.languages.python;
+
+    /**
+     * Original by Samuel Flores
+     *
+     * Adds the following new token classes:
+     *     constant, builtin, variable, symbol, regex
+     */
+    (function (Prism) {
+    	Prism.languages.ruby = Prism.languages.extend('clike', {
+    		'comment': {
+    			pattern: /#.*|^=begin\s[\s\S]*?^=end/m,
+    			greedy: true
+    		},
+    		'class-name': {
+    			pattern: /(\b(?:class|module)\s+|\bcatch\s+\()[\w.\\]+|\b[A-Z_]\w*(?=\s*\.\s*new\b)/,
+    			lookbehind: true,
+    			inside: {
+    				'punctuation': /[.\\]/
+    			}
+    		},
+    		'keyword': /\b(?:BEGIN|END|alias|and|begin|break|case|class|def|define_method|defined|do|each|else|elsif|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|private|protected|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/,
+    		'operator': /\.{2,3}|&\.|===|<?=>|[!=]?~|(?:&&|\|\||<<|>>|\*\*|[+\-*/%<>!^&|=])=?|[?:]/,
+    		'punctuation': /[(){}[\].,;]/,
+    	});
+
+    	Prism.languages.insertBefore('ruby', 'operator', {
+    		'double-colon': {
+    			pattern: /::/,
+    			alias: 'punctuation'
+    		},
+    	});
+
+    	var interpolation = {
+    		pattern: /((?:^|[^\\])(?:\\{2})*)#\{(?:[^{}]|\{[^{}]*\})*\}/,
+    		lookbehind: true,
+    		inside: {
+    			'content': {
+    				pattern: /^(#\{)[\s\S]+(?=\}$)/,
+    				lookbehind: true,
+    				inside: Prism.languages.ruby
+    			},
+    			'delimiter': {
+    				pattern: /^#\{|\}$/,
+    				alias: 'punctuation'
+    			}
+    		}
+    	};
+
+    	delete Prism.languages.ruby.function;
+
+    	var percentExpression = '(?:' + [
+    		/([^a-zA-Z0-9\s{(\[<=])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,
+    		/\((?:[^()\\]|\\[\s\S]|\((?:[^()\\]|\\[\s\S])*\))*\)/.source,
+    		/\{(?:[^{}\\]|\\[\s\S]|\{(?:[^{}\\]|\\[\s\S])*\})*\}/.source,
+    		/\[(?:[^\[\]\\]|\\[\s\S]|\[(?:[^\[\]\\]|\\[\s\S])*\])*\]/.source,
+    		/<(?:[^<>\\]|\\[\s\S]|<(?:[^<>\\]|\\[\s\S])*>)*>/.source
+    	].join('|') + ')';
+
+    	var symbolName = /(?:"(?:\\.|[^"\\\r\n])*"|(?:\b[a-zA-Z_]\w*|[^\s\0-\x7F]+)[?!]?|\$.)/.source;
+
+    	Prism.languages.insertBefore('ruby', 'keyword', {
+    		'regex-literal': [
+    			{
+    				pattern: RegExp(/%r/.source + percentExpression + /[egimnosux]{0,6}/.source),
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'regex': /[\s\S]+/
+    				}
+    			},
+    			{
+    				pattern: /(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,
+    				lookbehind: true,
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'regex': /[\s\S]+/
+    				}
+    			}
+    		],
+    		'variable': /[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,
+    		'symbol': [
+    			{
+    				pattern: RegExp(/(^|[^:]):/.source + symbolName),
+    				lookbehind: true,
+    				greedy: true
+    			},
+    			{
+    				pattern: RegExp(/([\r\n{(,][ \t]*)/.source + symbolName + /(?=:(?!:))/.source),
+    				lookbehind: true,
+    				greedy: true
+    			},
+    		],
+    		'method-definition': {
+    			pattern: /(\bdef\s+)\w+(?:\s*\.\s*\w+)?/,
+    			lookbehind: true,
+    			inside: {
+    				'function': /\b\w+$/,
+    				'keyword': /^self\b/,
+    				'class-name': /^\w+/,
+    				'punctuation': /\./
+    			}
+    		}
+    	});
+
+    	Prism.languages.insertBefore('ruby', 'string', {
+    		'string-literal': [
+    			{
+    				pattern: RegExp(/%[qQiIwWs]?/.source + percentExpression),
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'string': /[\s\S]+/
+    				}
+    			},
+    			{
+    				pattern: /("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'string': /[\s\S]+/
+    				}
+    			},
+    			{
+    				pattern: /<<[-~]?([a-z_]\w*)[\r\n](?:.*[\r\n])*?[\t ]*\1/i,
+    				alias: 'heredoc-string',
+    				greedy: true,
+    				inside: {
+    					'delimiter': {
+    						pattern: /^<<[-~]?[a-z_]\w*|\b[a-z_]\w*$/i,
+    						inside: {
+    							'symbol': /\b\w+/,
+    							'punctuation': /^<<[-~]?/
+    						}
+    					},
+    					'interpolation': interpolation,
+    					'string': /[\s\S]+/
+    				}
+    			},
+    			{
+    				pattern: /<<[-~]?'([a-z_]\w*)'[\r\n](?:.*[\r\n])*?[\t ]*\1/i,
+    				alias: 'heredoc-string',
+    				greedy: true,
+    				inside: {
+    					'delimiter': {
+    						pattern: /^<<[-~]?'[a-z_]\w*'|\b[a-z_]\w*$/i,
+    						inside: {
+    							'symbol': /\b\w+/,
+    							'punctuation': /^<<[-~]?'|'$/,
+    						}
+    					},
+    					'string': /[\s\S]+/
+    				}
+    			}
+    		],
+    		'command-literal': [
+    			{
+    				pattern: RegExp(/%x/.source + percentExpression),
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'command': {
+    						pattern: /[\s\S]+/,
+    						alias: 'string'
+    					}
+    				}
+    			},
+    			{
+    				pattern: /`(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|[^\\`#\r\n])*`/,
+    				greedy: true,
+    				inside: {
+    					'interpolation': interpolation,
+    					'command': {
+    						pattern: /[\s\S]+/,
+    						alias: 'string'
+    					}
+    				}
+    			}
+    		]
+    	});
+
+    	delete Prism.languages.ruby.string;
+
+    	Prism.languages.insertBefore('ruby', 'number', {
+    		'builtin': /\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Fixnum|Float|Hash|IO|Integer|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|Stat|String|Struct|Symbol|TMS|Thread|ThreadGroup|Time|TrueClass)\b/,
+    		'constant': /\b[A-Z][A-Z0-9_]*(?:[?!]|\b)/
+    	});
+
+    	Prism.languages.rb = Prism.languages.ruby;
+    }(Prism));
+
+    // restore the original Prism reference
+    window.Prism = oldprism;
+    return Prism;
+    }(undefined, undefined);
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('codesample_languages', {
+            processor: 'object[]'
+        });
+        registerOption('codesample_global_prismjs', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const getLanguages$1 = option('codesample_languages');
+    const useGlobalPrismJS = option('codesample_global_prismjs');
+
+    const get = (editor) => Global.Prism && useGlobalPrismJS(editor) ? Global.Prism : prismjs;
+
+    const isCodeSample = (elm) => {
+        return isNonNullable(elm) && elm.nodeName === 'PRE' && elm.className.indexOf('language-') !== -1;
+    };
+
+    const getSelectedCodeSample = (editor) => {
+        const node = editor.selection ? editor.selection.getNode() : null;
+        return isCodeSample(node) ? Optional?.some(node) : Optional.none();
+    };
+    const insertCodeSample = (editor, language, code) => {
+        const dom = editor.dom;
+        editor.undoManager.transact(() => {
+            const node = getSelectedCodeSample(editor);
+            code = global$1.DOM.encode(code);
+            return node.fold(() => {
+                editor.insertContent('<pre id="__new" class="language-' + language + '">' + code + '</pre>');
+                const newPre = dom.select('#__new')[0];
+                dom.setAttrib(newPre, 'id', null);
+                editor.selection.select(newPre);
+            }, (n) => {
+                dom.setAttrib(n, 'class', 'language-' + language);
+                n.innerHTML = code;
+                get(editor).highlightElement(n);
+                editor.selection.select(n);
+            });
+        });
+    };
+    const getCurrentCode = (editor) => {
+        const node = getSelectedCodeSample(editor);
+        return node.bind((n) => Optional.from(n.textContent)).getOr('');
+    };
+
+    const getLanguages = (editor) => {
+        const defaultLanguages = [
+            { text: 'HTML/XML', value: 'markup' },
+            { text: 'JavaScript', value: 'javascript' },
+            { text: 'CSS', value: 'css' },
+            { text: 'PHP', value: 'php' },
+            { text: 'Ruby', value: 'ruby' },
+            { text: 'Python', value: 'python' },
+            { text: 'Java', value: 'java' },
+            { text: 'C', value: 'c' },
+            { text: 'C#', value: 'csharp' },
+            { text: 'C++', value: 'cpp' }
+        ];
+        const customLanguages = getLanguages$1(editor);
+        return customLanguages ? customLanguages : defaultLanguages;
+    };
+    const getCurrentLanguage = (editor, fallback) => {
+        const node = getSelectedCodeSample(editor);
+        return node.fold(() => fallback, (n) => {
+            const matches = n.className.match(/language-(\w+)/);
+            return matches ? matches[1] : fallback;
+        });
+    };
+
+    const open = (editor) => {
+        const languages = getLanguages(editor);
+        const defaultLanguage = head(languages).fold(constant(''), (l) => l.value);
+        const currentLanguage = getCurrentLanguage(editor, defaultLanguage);
+        const currentCode = getCurrentCode(editor);
+        editor.windowManager.open({
+            title: 'Insert/Edit Code Sample',
+            size: 'large',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'listbox',
+                        name: 'language',
+                        label: 'Language',
+                        items: languages
+                    },
+                    {
+                        type: 'textarea',
+                        name: 'code',
+                        label: 'Code view'
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: {
+                language: currentLanguage,
+                code: currentCode
+            },
+            onSubmit: (api) => {
+                const data = api.getData();
+                insertCodeSample(editor, data.language, data.code);
+                api.close();
+            }
+        });
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('codesample', () => {
+            const node = editor.selection.getNode();
+            if (editor.selection.isCollapsed() || isCodeSample(node)) {
+                open(editor);
+            }
+            else {
+                editor.formatter.toggle('code');
+            }
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const setup = (editor) => {
+        editor.on('PreProcess', (e) => {
+            const dom = editor.dom;
+            const pres = dom.select('pre[contenteditable=false]', e.node);
+            global.each(global.grep(pres, isCodeSample), (elm) => {
+                const code = elm.textContent;
+                dom.setAttrib(elm, 'class', trim(dom.getAttrib(elm, 'class')));
+                dom.setAttrib(elm, 'contentEditable', null);
+                dom.setAttrib(elm, 'data-mce-highlighted', null);
+                // Empty the pre element
+                let child;
+                while ((child = elm.firstChild)) {
+                    elm.removeChild(child);
+                }
+                const codeElm = dom.add(elm, 'code');
+                // Needs to be textContent since innerText produces BR:s
+                codeElm.textContent = code;
+            });
+        });
+        editor.on('SetContent', () => {
+            const dom = editor.dom;
+            const unprocessedCodeSamples = global.grep(dom.select('pre'), (elm) => {
+                return isCodeSample(elm) && dom.getAttrib(elm, 'data-mce-highlighted') !== 'true';
+            });
+            if (unprocessedCodeSamples.length) {
+                editor.undoManager.transact(() => {
+                    global.each(unprocessedCodeSamples, (elm) => {
+                        var _a;
+                        global.each(dom.select('br', elm), (elm) => {
+                            dom.replace(editor.getDoc().createTextNode('\n'), elm);
+                        });
+                        elm.innerHTML = dom.encode((_a = elm.textContent) !== null && _a !== void 0 ? _a : '');
+                        get(editor).highlightElement(elm);
+                        dom.setAttrib(elm, 'data-mce-highlighted', true);
+                        elm.className = trim(elm.className);
+                    });
+                });
+            }
+        });
+        editor.on('PreInit', () => {
+            editor.parser.addNodeFilter('pre', (nodes) => {
+                var _a;
+                for (let i = 0, l = nodes.length; i < l; i++) {
+                    const node = nodes[i];
+                    const isCodeSample = ((_a = node.attr('class')) !== null && _a !== void 0 ? _a : '').indexOf('language-') !== -1;
+                    if (isCodeSample) {
+                        node.attr('contenteditable', 'false');
+                        node.attr('data-mce-highlighted', 'false');
+                    }
+                }
+            });
+        });
+    };
+
+    const onSetupEditable = (editor, onChanged = noop) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+            onChanged(api);
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const isCodeSampleSelection = (editor) => {
+        const node = editor.selection.getStart();
+        return editor.dom.is(node, 'pre[class*="language-"]');
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('codesample');
+        editor.ui.registry.addToggleButton('codesample', {
+            icon: 'code-sample',
+            tooltip: 'Insert/edit code sample',
+            onAction,
+            onSetup: onSetupEditable(editor, (api) => {
+                api.setActive(isCodeSampleSelection(editor));
+            })
+        });
+        editor.ui.registry.addMenuItem('codesample', {
+            text: 'Code sample...',
+            icon: 'code-sample',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$2.add('codesample', (editor) => {
+            register$2(editor);
+            setup(editor);
+            register(editor);
+            register$1(editor);
+            editor.on('dblclick', (ev) => {
+                if (isCodeSample(ev.target)) {
+                    open(editor);
+                }
+            });
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/plugin.min.js
new file mode 100644
index 000000000..c9a0cf8c1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/codesample/plugin.min.js
@@ -0,0 +1,9 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>!(e=>null==e)(e),n=()=>{};class a{constructor(e,t){this.tag=e,this.value=t}static some(e){return new a(!0,e)}static none(){return a.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?a?.some(e(this.value)):a.none()}bind(e){return this.tag?e(this.value):a.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:a.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return t(e)?a?.some(e):a.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}a.singletonNone=new a(!1);const s="undefined"!=typeof window?window:Function("return this;")(),r=(i=/^\s+|\s+$/g,e=>e.replace(i,""));var i,o=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils");const l=function(){const e=window.Prism;window.Prism={manual:!0};var t=function(e){var t=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,a={},s={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t?.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++n}),e.__id},clone:function e(t,n){var a,r;switch(n=n||{},s.util.type(t)){case"Object":if(r=s.util.objId(t),n[r])return n[r];for(var i in a={},n[r]=a,t)t.hasOwnProperty(i)&&(a[i]=e(t[i],n));return a;case"Array":return r=s.util.objId(t),n[r]?n[r]:(a=[],n[r]=a,t.forEach((function(t,s){a[s]=e(t,n)})),a);default:return t}},getLanguage:function(e){for(;e;){var n=t.exec(e.className);if(n)return n[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,n){e.className=e.className.replace(RegExp(t,"gi"),""),e.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(a){var e=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(a.stack)||[])[1];if(e){var t=document.getElementsByTagName("script");for(var n in t)if(t[n].src==e)return t[n]}return null}},isActive:function(e,t,n){for(var a="no-"+t;e;){var s=e.classList;if(s.contains(t))return!0;if(s.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:a,plaintext:a,text:a,txt:a,extend:function(e,t){var n=s.util.clone(s.languages[e]);for(var a in t)n[a]=t[a];return n},insertBefore:function(e,t,n,a){var r=(a=a||s.languages)[e],i={};for(var o in r)if(r.hasOwnProperty(o)){if(o==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(o)||(i[o]=r[o])}var u=a[e];return a[e]=i,s.languages.DFS(s.languages,(function(t,n){n===u&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,a,r){r=r||{};var i=s.util.objId;for(var o in t)if(t.hasOwnProperty(o)){n.call(t,o,t[o],a||o);var l=t[o],u=s.util.type(l);"Object"!==u||r[i(l)]?"Array"!==u||r[i(l)]||(r[i(l)]=!0,e(l,n,o,r)):(r[i(l)]=!0,e(l,n,null,r))}}},plugins:{},highlightAll:function(e,t){s.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var a={callback:n,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};s.hooks.run("before-highlightall",a),a.elements=Array.prototype.slice.apply(a.container.querySelectorAll(a.selector)),s.hooks.run("before-all-elements-highlight",a);for(var r,i=0;r=a.elements[i++];)s.highlightElement(r,!0===t,a.callback)},highlightElement:function(t,n,a){var r=s.util.getLanguage(t),i=s.languages[r];s.util.setLanguage(t,r);var o=t.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&s.util.setLanguage(o,r);var l={element:t,language:r,grammar:i,code:t.textContent};function u(e){l.highlightedCode=e,s.hooks.run("before-insert",l),l.element.innerHTML=l.highlightedCode,s.hooks.run("after-highlight",l),s.hooks.run("complete",l),a&&a.call(l.element)}if(s.hooks.run("before-sanity-check",l),(o=l.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!l.code)return s.hooks.run("complete",l),void(a&&a.call(l.element));if(s.hooks.run("before-highlight",l),l.grammar)if(n&&e.Worker){var c=new Worker(s.filename);c.onmessage=function(e){u(e.data)},c.postMessage(JSON.stringify({language:l.language,code:l.code,immediateClose:!0}))}else u(s.highlight(l.code,l.grammar,l.language));else u(s.util.encode(l.code))},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};if(s.hooks.run("before-tokenize",a),!a.grammar)throw new Error('The language "'+a.language+'" has no grammar.');return a.tokens=s.tokenize(a.code,a.grammar),s.hooks.run("after-tokenize",a),r.stringify(s.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var s=new l;return u(s,s.head,e),o(e,s,t,s.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(s)},hooks:{all:{},add:function(e,t){var n=s.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=s.hooks.all[e];if(n&&n.length)for(var a,r=0;a=n[r++];)a(t)}},Token:r};function r(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function i(e,t,n,a){e.lastIndex=t;var s=e.exec(n);if(s&&a&&s[1]){var r=s[1].length;s.index+=r,s[0]=s[0].slice(r)}return s}function o(e,t,n,a,l,d){for(var g in n)if(n.hasOwnProperty(g)&&n[g]){var p=n[g];p=Array.isArray(p)?p:[p];for(var b=0;b<p.length;++b){if(d&&d.cause==g+","+b)return;var h=p[b],f=h.inside,m=!!h.lookbehind,y=!!h.greedy,w=h.alias;if(y&&!h.pattern.global){var k=h.pattern.toString().match(/[imsuy]*$/)[0];h.pattern=RegExp(h.pattern.source,k+"g")}for(var v=h.pattern||h,_=a.next,x=l;_!==t.tail&&!(d&&x>=d.reach);x+=_.value.length,_=_.next){var F=_.value;if(t.length>e.length)return;if(!(F instanceof r)){var A,S=1;if(y){if(!(A=i(v,x,e,m))||A.index>=e.length)break;var $=A.index,z=A.index+A[0].length,E=x;for(E+=_.value.length;$>=E;)E+=(_=_.next).value.length;if(x=E-=_.value.length,_.value instanceof r)continue;for(var C=_;C!==t.tail&&(E<z||"string"==typeof C.value);C=C.next)S++,E+=C.value.length;S--,F=e.slice(x,E),A.index-=x}else if(!(A=i(v,0,F,m)))continue;$=A.index;var j=A[0],B=F.slice(0,$),T=F.slice($+j.length),O=x+F.length;d&&O>d.reach&&(d.reach=O);var P=_.prev;if(B&&(P=u(t,P,B),x+=B.length),c(t,P,S),_=u(t,P,new r(g,f?s.tokenize(j,f):j,w,j)),T&&u(t,_,T),S>1){var N={cause:g+","+b,reach:O};o(e,t,n,_.prev,x,N),d&&N.reach>d.reach&&(d.reach=N.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function u(e,t,n){var a=t.next,s={value:n,prev:t,next:a};return t.next=s,a.prev=s,e.length++,s}function c(e,t,n){for(var a=t.next,s=0;s<n&&a!==e.tail;s++)a=a.next;t.next=a,a.prev=t,e.length-=s}if(e.Prism=s,r.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var a="";return t.forEach((function(t){a+=e(t,n)})),a}var r={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(r.classes,i):r.classes.push(i)),s.hooks.run("wrap",r);var o="";for(var l in r.attributes)o+=" "+l+'="'+(r.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+o+">"+r.content+"</"+r.tag+">"},!e.document)return e.addEventListener?(s.disableWorkerMessageHandler||e.addEventListener("message",(function(t){var n=JSON.parse(t.data),a=n.language,r=n.code,i=n.immediateClose;e.postMessage(s.highlight(r,s.languages[a],a)),i&&e.close()}),!1),s):s;var d=s.util.currentScript();function g(){s.manual||s.highlightAll()}if(d&&(s.filename=d.src,d.hasAttribute("data-manual")&&(s.manual=!0)),!s.manual){var p=document.readyState;"loading"===p||"interactive"===p&&d&&d.defer?document.addEventListener("DOMContentLoaded",g):window.requestAnimationFrame?window.requestAnimationFrame(g):window.setTimeout(g,16)}return s}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});
+/**
+     * Prism: Lightweight, robust, elegant syntax highlighting
+     *
+     * @license MIT <https://opensource.org/licenses/MIT>
+     * @author Lea Verou <https://lea.verou.me>
+     * @namespace
+     * @public
+     */return t.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,s,r){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(s,(function(e){if("function"==typeof r&&!r(e))return e;for(var s,o=i.length;-1!==n.code.indexOf(s=t(a,o));)++o;return i[o]=e,s})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var s=0,r=Object.keys(n.tokenStack);!function i(o){for(var l=0;l<o.length&&!(s>=r.length);l++){var u=o[l];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=r[s],d=n.tokenStack[c],g="string"==typeof u?u:u.content,p=t(a,c),b=g.indexOf(p);if(b>-1){++s;var h=g.substring(0,b),f=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),m=g.substring(b+p.length),y=[];h&&y.push.apply(y,i([h])),y.push(f),m&&y.push.apply(y,i([m])),"string"==typeof u?o.splice.apply(o,[l,1].concat(y)):u.content=y}}else u.content&&i(u.content)}return o}(n.tokens)}}}})}(t),t.languages.c=t.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),t.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),t.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},t.languages.c.string],char:t.languages.c.char,comment:t.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:t.languages.c}}}}),t.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete t.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(t),function(e){function t(e,t){return e.replace(/<<(\d+)>>/g,(function(e,n){return"(?:"+t[+n]+")"}))}function n(e,n,a){return RegExp(t(e,n),a||"")}function a(e,t){for(var n=0;n<t;n++)e=e.replace(/<<self>>/g,(function(){return"(?:"+e+")"}));return e.replace(/<<self>>/g,"[^\\s\\S]")}var s="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",r="class enum interface record struct",i="add alias and ascending async await by descending from(?=\\s*(?:\\w|$)) get global group into init(?=\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\s*{)",o="abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield";function l(e){return"\\b(?:"+e.trim().replace(/ /g,"|")+")\\b"}var u=l(r),c=RegExp(l(s+" "+r+" "+i+" "+o)),d=l(r+" "+i+" "+o),g=l(s+" "+r+" "+o),p=a(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source,2),b=a(/\((?:[^()]|<<self>>)*\)/.source,2),h=/@?\b[A-Za-z_]\w*\b/.source,f=t(/<<0>>(?:\s*<<1>>)?/.source,[h,p]),m=t(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source,[d,f]),y=/\[\s*(?:,\s*)*\]/.source,w=t(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source,[m,y]),k=t(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source,[p,b,y]),v=t(/\(<<0>>+(?:,<<0>>+)+\)/.source,[k]),_=t(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source,[v,m,y]),x={keyword:c,punctuation:/[<>()?,.:[\]]/},F=/'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source,A=/"(?:\\.|[^\\"\r\n])*"/.source,S=/@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;e.languages.csharp=e.languages.extend("clike",{string:[{pattern:n(/(^|[^$\\])<<0>>/.source,[S]),lookbehind:!0,greedy:!0},{pattern:n(/(^|[^@$\\])<<0>>/.source,[A]),lookbehind:!0,greedy:!0}],"class-name":[{pattern:n(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source,[m]),lookbehind:!0,inside:x},{pattern:n(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source,[h,_]),lookbehind:!0,inside:x},{pattern:n(/(\busing\s+)<<0>>(?=\s*=)/.source,[h]),lookbehind:!0},{pattern:n(/(\b<<0>>\s+)<<1>>/.source,[u,f]),lookbehind:!0,inside:x},{pattern:n(/(\bcatch\s*\(\s*)<<0>>/.source,[m]),lookbehind:!0,inside:x},{pattern:n(/(\bwhere\s+)<<0>>/.source,[h]),lookbehind:!0},{pattern:n(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source,[w]),lookbehind:!0,inside:x},{pattern:n(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source,[_,g,h]),inside:x}],keyword:c,number:/(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:[dflmu]|lu|ul)?\b/i,operator:/>>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,punctuation:/\?\.?|::|[{}[\];(),.:]/}),e.languages.insertBefore("csharp","number",{range:{pattern:/\.\./,alias:"operator"}}),e.languages.insertBefore("csharp","punctuation",{"named-parameter":{pattern:n(/([(,]\s*)<<0>>(?=\s*:)/.source,[h]),lookbehind:!0,alias:"punctuation"}}),e.languages.insertBefore("csharp","class-name",{namespace:{pattern:n(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source,[h]),lookbehind:!0,inside:{punctuation:/\./}},"type-expression":{pattern:n(/(\b(?:default|sizeof|typeof)\s*\(\s*(?!\s))(?:[^()\s]|\s(?!\s)|<<0>>)*(?=\s*\))/.source,[b]),lookbehind:!0,alias:"class-name",inside:x},"return-type":{pattern:n(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source,[_,m]),inside:x,alias:"class-name"},"constructor-invocation":{pattern:n(/(\bnew\s+)<<0>>(?=\s*[[({])/.source,[_]),lookbehind:!0,inside:x,alias:"class-name"},"generic-method":{pattern:n(/<<0>>\s*<<1>>(?=\s*\()/.source,[h,p]),inside:{function:n(/^<<0>>/.source,[h]),generic:{pattern:RegExp(p),alias:"class-name",inside:x}}},"type-list":{pattern:n(/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source,[u,f,h,_,c.source,b,/\bnew\s*\(\s*\)/.source]),lookbehind:!0,inside:{"record-arguments":{pattern:n(/(^(?!new\s*\()<<0>>\s*)<<1>>/.source,[f,b]),lookbehind:!0,greedy:!0,inside:e.languages.csharp},keyword:c,"class-name":{pattern:RegExp(_),greedy:!0,inside:x},punctuation:/[,()]/}},preprocessor:{pattern:/(^[\t ]*)#.*/m,lookbehind:!0,alias:"property",inside:{directive:{pattern:/(#)\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\b/,lookbehind:!0,alias:"keyword"}}}});var $=A+"|"+F,z=t(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source,[$]),E=a(t(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[z]),2),C=/\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source,j=t(/<<0>>(?:\s*\(<<1>>*\))?/.source,[m,E]);e.languages.insertBefore("csharp","class-name",{attribute:{pattern:n(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source,[C,j]),lookbehind:!0,greedy:!0,inside:{target:{pattern:n(/^<<0>>(?=\s*:)/.source,[C]),alias:"keyword"},"attribute-arguments":{pattern:n(/\(<<0>>*\)/.source,[E]),inside:e.languages.csharp},"class-name":{pattern:RegExp(m),inside:{punctuation:/\./}},punctuation:/[:,]/}}});var B=/:[^}\r\n]+/.source,T=a(t(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[z]),2),O=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[T,B]),P=a(t(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<<self>>*\)/.source,[$]),2),N=t(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[P,B]);function R(t,a){return{interpolation:{pattern:n(/((?:^|[^{])(?:\{\{)*)<<0>>/.source,[t]),lookbehind:!0,inside:{"format-string":{pattern:n(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source,[a,B]),lookbehind:!0,inside:{punctuation:/^:/}},punctuation:/^\{|\}$/,expression:{pattern:/[\s\S]+/,alias:"language-csharp",inside:e.languages.csharp}}},string:/[\s\S]+/}}e.languages.insertBefore("csharp","string",{"interpolation-string":[{pattern:n(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source,[O]),lookbehind:!0,greedy:!0,inside:R(O,T)},{pattern:n(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source,[N]),lookbehind:!0,greedy:!0,inside:R(N,P)}],char:{pattern:RegExp(F),greedy:!0}}),e.languages.dotnet=e.languages.cs=e.languages.csharp}(t),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(t),function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,n=/(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source,a={pattern:RegExp(/(^|[^\w.])/.source+n+/[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}},punctuation:/\./}};e.languages.java=e.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,lookbehind:!0,greedy:!0},"class-name":[a,{pattern:RegExp(/(^|[^\w.])/.source+n+/[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),lookbehind:!0,inside:a.inside},{pattern:RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source+n+/[A-Z]\w*\b/.source),lookbehind:!0,inside:a.inside}],keyword:t,function:[e.languages.clike.function,{pattern:/(::\s*)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0},constant:/\b[A-Z][A-Z_\d]+\b/}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"},char:{pattern:/'(?:\\.|[^'\\\r\n]){1,6}'/,greedy:!0}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},import:[{pattern:RegExp(/(\bimport\s+)/.source+n+/(?:[A-Z]\w*|\*)(?=\s*;)/.source),lookbehind:!0,inside:{namespace:a.inside.namespace,punctuation:/\./,operator:/\*/,"class-name":/\w+/}},{pattern:RegExp(/(\bimport\s+static\s+)/.source+n+/(?:\w+|\*)(?=\s*;)/.source),lookbehind:!0,alias:"static",inside:{namespace:a.inside.namespace,static:/\b\w+$/,punctuation:/\./,operator:/\*/,"class-name":/\w+/}}],namespace:{pattern:RegExp(/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0,inside:{punctuation:/\./}}})}(t),t.languages.javascript=t.languages.extend("clike",{"class-name":[t.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),t.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,t.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:t.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:t.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:t.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:t.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:t.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),t.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:t.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),t.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),t.languages.markup&&(t.languages.markup.tag.addInlined("script","javascript"),t.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),t.languages.js=t.languages.javascript,t.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},t.languages.markup.tag.inside["attr-value"].inside.entity=t.languages.markup.entity,t.languages.markup.doctype.inside["internal-subset"].inside=t.languages.markup,t.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(t.languages.markup.tag,"addInlined",{value:function(e,n){var a={};a["language-"+n]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:t.languages[n]},a.cdata=/^<!\[CDATA\[|\]\]>$/i;var s={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:a}};s["language-"+n]={pattern:/[\s\S]+/,inside:t.languages[n]};var r={};r[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:s},t.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(t.languages.markup.tag,"addAttribute",{value:function(e,n){t.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[n,"language-"+n],inside:t.languages[n]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),t.languages.html=t.languages.markup,t.languages.mathml=t.languages.markup,t.languages.svg=t.languages.markup,t.languages.xml=t.languages.extend("markup",{}),t.languages.ssml=t.languages.xml,t.languages.atom=t.languages.xml,t.languages.rss=t.languages.xml,function(e){var t=/\/\*[\s\S]*?\*\/|\/\/.*|#(?!\[).*/,n=[{pattern:/\b(?:false|true)\b/i,alias:"boolean"},{pattern:/(::\s*)\b[a-z_]\w*\b(?!\s*\()/i,greedy:!0,lookbehind:!0},{pattern:/(\b(?:case|const)\s+)\b[a-z_]\w*(?=\s*[;=])/i,greedy:!0,lookbehind:!0},/\b(?:null)\b/i,/\b[A-Z_][A-Z0-9_]*\b(?!\s*\()/],a=/\b0b[01]+(?:_[01]+)*\b|\b0o[0-7]+(?:_[0-7]+)*\b|\b0x[\da-f]+(?:_[\da-f]+)*\b|(?:\b\d+(?:_\d+)*\.?(?:\d+(?:_\d+)*)?|\B\.\d+)(?:e[+-]?\d+)?/i,s=/<?=>|\?\?=?|\.{3}|\??->|[!=]=?=?|::|\*\*=?|--|\+\+|&&|\|\||<<|>>|[?~]|[/^|%*&<>.+-]=?/,r=/[{}\[\](),:;]/;e.languages.php={delimiter:{pattern:/\?>$|^<\?(?:php(?=\s)|=)?/i,alias:"important"},comment:t,variable:/\$+(?:\w+\b|(?=\{))/,package:{pattern:/(namespace\s+|use\s+(?:function\s+)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,lookbehind:!0,inside:{punctuation:/\\/}},"class-name-definition":{pattern:/(\b(?:class|enum|interface|trait)\s+)\b[a-z_]\w*(?!\\)\b/i,lookbehind:!0,alias:"class-name"},"function-definition":{pattern:/(\bfunction\s+)[a-z_]\w*(?=\s*\()/i,lookbehind:!0,alias:"function"},keyword:[{pattern:/(\(\s*)\b(?:array|bool|boolean|float|int|integer|object|string)\b(?=\s*\))/i,alias:"type-casting",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|object|self|static|string)\b(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|never|object|self|static|string|void)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/\b(?:array(?!\s*\()|bool|float|int|iterable|mixed|object|string|void)\b/i,alias:"type-declaration",greedy:!0},{pattern:/(\|\s*)(?:false|null)\b|\b(?:false|null)(?=\s*\|)/i,alias:"type-declaration",greedy:!0,lookbehind:!0},{pattern:/\b(?:parent|self|static)(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(\byield\s+)from\b/i,lookbehind:!0},/\bclass\b/i,{pattern:/((?:^|[^\s>:]|(?:^|[^-])>|(?:^|[^:]):)\s*)\b(?:abstract|and|array|as|break|callable|case|catch|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|enum|eval|exit|extends|final|finally|fn|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|match|namespace|never|new|or|parent|print|private|protected|public|readonly|require|require_once|return|self|static|switch|throw|trait|try|unset|use|var|while|xor|yield|__halt_compiler)\b/i,lookbehind:!0}],"argument-name":{pattern:/([(,]\s*)\b[a-z_]\w*(?=\s*:(?!:))/i,lookbehind:!0},"class-name":[{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self|\s+static))\s+|\bcatch\s*\()\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/(\|\s*)\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/\b[a-z_]\w*(?!\\)\b(?=\s*\|)/i,greedy:!0},{pattern:/(\|\s*)(?:\\?\b[a-z_]\w*)+\b/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(?:\\?\b[a-z_]\w*)+\b(?=\s*\|)/i,alias:"class-name-fully-qualified",greedy:!0,inside:{punctuation:/\\/}},{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self\b|\s+static\b))\s+|\bcatch\s*\()(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*\$)/i,alias:"type-declaration",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-declaration"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*::)/i,alias:["class-name-fully-qualified","static-context"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/([(,?]\s*)[a-z_]\w*(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-hint"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b[a-z_]\w*(?!\\)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:["class-name-fully-qualified","return-type"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:n,function:{pattern:/(^|[^\\\w])\\?[a-z_](?:[\w\\]*\w)?(?=\s*\()/i,lookbehind:!0,inside:{punctuation:/\\/}},property:{pattern:/(->\s*)\w+/,lookbehind:!0},number:a,operator:s,punctuation:r};var i={pattern:/\{\$(?:\{(?:\{[^{}]+\}|[^{}]+)\}|[^{}])+\}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)?)/,lookbehind:!0,inside:e.languages.php},o=[{pattern:/<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,alias:"nowdoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<'[^']+'|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<'?|[';]$/}}}},{pattern:/<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<"?|[";]$/}},interpolation:i}},{pattern:/`(?:\\[\s\S]|[^\\`])*`/,alias:"backtick-quoted-string",greedy:!0},{pattern:/'(?:\\[\s\S]|[^\\'])*'/,alias:"single-quoted-string",greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,alias:"double-quoted-string",greedy:!0,inside:{interpolation:i}}];e.languages.insertBefore("php","variable",{string:o,attribute:{pattern:/#\[(?:[^"'\/#]|\/(?![*/])|\/\/.*$|#(?!\[).*$|\/\*(?:[^*]|\*(?!\/))*\*\/|"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*')+\](?=\s*[a-z$#])/im,greedy:!0,inside:{"attribute-content":{pattern:/^(#\[)[\s\S]+(?=\]$)/,lookbehind:!0,inside:{comment:t,string:o,"attribute-class-name":[{pattern:/([^:]|^)\b[a-z_]\w*(?!\\)\b/i,alias:"class-name",greedy:!0,lookbehind:!0},{pattern:/([^:]|^)(?:\\?\b[a-z_]\w*)+/i,alias:["class-name","class-name-fully-qualified"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:n,number:a,operator:s,punctuation:r}},delimiter:{pattern:/^#\[|\]$/,alias:"punctuation"}}}}),e.hooks.add("before-tokenize",(function(t){/<\?/.test(t.code)&&e.languages["markup-templating"].buildPlaceholders(t,"php",/<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#(?!\[))(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|#\[|\/\*(?:[^*]|\*(?!\/))*(?:\*\/|$))*?(?:\?>|$)/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"php")}))}(t),t.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},t.languages.python["string-interpolation"].inside.interpolation.inside.rest=t.languages.python,t.languages.py=t.languages.python,function(e){e.languages.ruby=e.languages.extend("clike",{comment:{pattern:/#.*|^=begin\s[\s\S]*?^=end/m,greedy:!0},"class-name":{pattern:/(\b(?:class|module)\s+|\bcatch\s+\()[\w.\\]+|\b[A-Z_]\w*(?=\s*\.\s*new\b)/,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:BEGIN|END|alias|and|begin|break|case|class|def|define_method|defined|do|each|else|elsif|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|private|protected|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/,operator:/\.{2,3}|&\.|===|<?=>|[!=]?~|(?:&&|\|\||<<|>>|\*\*|[+\-*/%<>!^&|=])=?|[?:]/,punctuation:/[(){}[\].,;]/}),e.languages.insertBefore("ruby","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}});var t={pattern:/((?:^|[^\\])(?:\\{2})*)#\{(?:[^{}]|\{[^{}]*\})*\}/,lookbehind:!0,inside:{content:{pattern:/^(#\{)[\s\S]+(?=\}$)/,lookbehind:!0,inside:e.languages.ruby},delimiter:{pattern:/^#\{|\}$/,alias:"punctuation"}}};delete e.languages.ruby.function;var n="(?:"+[/([^a-zA-Z0-9\s{(\[<=])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,/\((?:[^()\\]|\\[\s\S]|\((?:[^()\\]|\\[\s\S])*\))*\)/.source,/\{(?:[^{}\\]|\\[\s\S]|\{(?:[^{}\\]|\\[\s\S])*\})*\}/.source,/\[(?:[^\[\]\\]|\\[\s\S]|\[(?:[^\[\]\\]|\\[\s\S])*\])*\]/.source,/<(?:[^<>\\]|\\[\s\S]|<(?:[^<>\\]|\\[\s\S])*>)*>/.source].join("|")+")",a=/(?:"(?:\\.|[^"\\\r\n])*"|(?:\b[a-zA-Z_]\w*|[^\s\0-\x7F]+)[?!]?|\$.)/.source;e.languages.insertBefore("ruby","keyword",{"regex-literal":[{pattern:RegExp(/%r/.source+n+/[egimnosux]{0,6}/.source),greedy:!0,inside:{interpolation:t,regex:/[\s\S]+/}},{pattern:/(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,lookbehind:!0,greedy:!0,inside:{interpolation:t,regex:/[\s\S]+/}}],variable:/[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,symbol:[{pattern:RegExp(/(^|[^:]):/.source+a),lookbehind:!0,greedy:!0},{pattern:RegExp(/([\r\n{(,][ \t]*)/.source+a+/(?=:(?!:))/.source),lookbehind:!0,greedy:!0}],"method-definition":{pattern:/(\bdef\s+)\w+(?:\s*\.\s*\w+)?/,lookbehind:!0,inside:{function:/\b\w+$/,keyword:/^self\b/,"class-name":/^\w+/,punctuation:/\./}}}),e.languages.insertBefore("ruby","string",{"string-literal":[{pattern:RegExp(/%[qQiIwWs]?/.source+n),greedy:!0,inside:{interpolation:t,string:/[\s\S]+/}},{pattern:/("|')(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|(?!\1)[^\\#\r\n])*\1/,greedy:!0,inside:{interpolation:t,string:/[\s\S]+/}},{pattern:/<<[-~]?([a-z_]\w*)[\r\n](?:.*[\r\n])*?[\t ]*\1/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<[-~]?[a-z_]\w*|\b[a-z_]\w*$/i,inside:{symbol:/\b\w+/,punctuation:/^<<[-~]?/}},interpolation:t,string:/[\s\S]+/}},{pattern:/<<[-~]?'([a-z_]\w*)'[\r\n](?:.*[\r\n])*?[\t ]*\1/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<[-~]?'[a-z_]\w*'|\b[a-z_]\w*$/i,inside:{symbol:/\b\w+/,punctuation:/^<<[-~]?'|'$/}},string:/[\s\S]+/}}],"command-literal":[{pattern:RegExp(/%x/.source+n),greedy:!0,inside:{interpolation:t,command:{pattern:/[\s\S]+/,alias:"string"}}},{pattern:/`(?:#\{[^}]+\}|#(?!\{)|\\(?:\r\n|[\s\S])|[^\\`#\r\n])*`/,greedy:!0,inside:{interpolation:t,command:{pattern:/[\s\S]+/,alias:"string"}}}]}),delete e.languages.ruby.string,e.languages.insertBefore("ruby","number",{builtin:/\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Fixnum|Float|Hash|IO|Integer|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|Stat|String|Struct|Symbol|TMS|Thread|ThreadGroup|Time|TrueClass)\b/,constant:/\b[A-Z][A-Z0-9_]*(?:[?!]|\b)/}),e.languages.rb=e.languages.ruby}(t),window.Prism=e,t}(),u=e=>t=>t.options.get(e),c=u("codesample_languages"),d=u("codesample_global_prismjs"),g=e=>s.Prism&&d(e)?s.Prism:l,p=e=>t(e)&&"PRE"===e.nodeName&&-1!==e.className.indexOf("language-"),b=e=>{const t=e.selection?e.selection.getNode():null;return p(t)?a?.some(t):a.none()},h=e=>{const t=(e=>c(e)||[{text:"HTML/XML",value:"markup"},{text:"JavaScript",value:"javascript"},{text:"CSS",value:"css"},{text:"PHP",value:"php"},{text:"Ruby",value:"ruby"},{text:"Python",value:"python"},{text:"Java",value:"java"},{text:"C",value:"c"},{text:"C#",value:"csharp"},{text:"C++",value:"cpp"}])(e),n=(s=t,(e=>0<e.length?a?.some(e[0]):a.none())(s)).fold((()=>""),(e=>e.value));var s;const r=((e,t)=>b(e).fold((()=>t),(e=>{const n=e.className.match(/language-(\w+)/);return n?n[1]:t})))(e,n),i=(e=>b(e).bind((e=>a.from(e.textContent))).getOr(""))(e);e.windowManager.open({title:"Insert/Edit Code Sample",size:"large",body:{type:"panel",items:[{type:"listbox",name:"language",label:"Language",items:t},{type:"textarea",name:"code",label:"Code view"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{language:r,code:i},onSubmit:t=>{const n=t.getData();((e,t,n)=>{const a=e.dom;e.undoManager.transact((()=>{const s=b(e);return n=o.DOM.encode(n),s.fold((()=>{e.insertContent('<pre id="__new" class="language-'+t+'">'+n+"</pre>");const s=a.select("#__new")[0];a.setAttrib(s,"id",null),e.selection.select(s)}),(s=>{a.setAttrib(s,"class","language-"+t),s.innerHTML=n,g(e).highlightElement(s),e.selection.select(s)}))}))})(e,n.language,n.code),t.close()}})};var f=tinymce.util.Tools.resolve("tinymce.util.Tools");const m=(e,t=n)=>n=>{const a=()=>{n.setEnabled(e.selection.isEditable()),t(n)};return e.on("NodeChange",a),a(),()=>{e.off("NodeChange",a)}};e.add("codesample",(e=>{(e=>{const t=e.options.register;t("codesample_languages",{processor:"object[]"}),t("codesample_global_prismjs",{processor:"boolean",default:!1})})(e),(e=>{e.on("PreProcess",(t=>{const n=e.dom,a=n.select("pre[contenteditable=false]",t.node);f.each(f.grep(a,p),(e=>{const t=e.textContent;let a;for(n.setAttrib(e,"class",r(n.getAttrib(e,"class"))),n.setAttrib(e,"contentEditable",null),n.setAttrib(e,"data-mce-highlighted",null);a=e.firstChild;)e.removeChild(a);n.add(e,"code").textContent=t}))})),e.on("SetContent",(()=>{const t=e.dom,n=f.grep(t.select("pre"),(e=>p(e)&&"true"!==t.getAttrib(e,"data-mce-highlighted")));n.length&&e.undoManager.transact((()=>{f.each(n,(n=>{var a;f.each(t.select("br",n),(n=>{t.replace(e.getDoc().createTextNode("\n"),n)})),n.innerHTML=t.encode(null!==(a=n.textContent)&&void 0!==a?a:""),g(e).highlightElement(n),t.setAttrib(n,"data-mce-highlighted",!0),n.className=r(n.className)}))}))})),e.on("PreInit",(()=>{e.parser.addNodeFilter("pre",(e=>{var t;for(let n=0,a=e.length;n<a;n++){const a=e[n];-1!==(null!==(t=a.attr("class"))&&void 0!==t?t:"").indexOf("language-")&&(a.attr("contenteditable","false"),a.attr("data-mce-highlighted","false"))}}))}))})(e),(e=>{const t=()=>e.execCommand("codesample");e.ui.registry.addToggleButton("codesample",{icon:"code-sample",tooltip:"Insert/edit code sample",onAction:t,onSetup:m(e,(t=>{t.setActive((e=>{const t=e.selection.getStart();return e.dom.is(t,'pre[class*="language-"]')})(e))}))}),e.ui.registry.addMenuItem("codesample",{text:"Code sample...",icon:"code-sample",onAction:t,onSetup:m(e)})})(e),(e=>{e.addCommand("codesample",(()=>{const t=e.selection.getNode();e.selection.isCollapsed()||p(t)?h(e):e.formatter.toggle("code")}))})(e),e.on("dblclick",(t=>{p(t.target)&&h(e)}))}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/index.js
new file mode 100644
index 000000000..e2740c3b8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/index.js
@@ -0,0 +1,7 @@
+// Exports the "directionality" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/directionality')
+//   ES2015:
+//     import 'tinymce/plugins/directionality'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/plugin.js
new file mode 100644
index 000000000..98da5dbec
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/plugin.js
@@ -0,0 +1,636 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType$1('string');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement(e) && name(e) === tag;
+
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const children$2 = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const remove = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+
+    const getDirection = (element) => get(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+
+    const ancestor$1 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+
+    const ancestor = (scope, selector, isRoot) => ancestor$1(scope, (e) => is(e, selector), isRoot);
+
+    const children$1 = (scope, predicate) => filter(children$2(scope), predicate);
+
+    const children = (scope, selector) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all the wrapping and unwrapping
+    children$1(scope, (e) => is(e, selector));
+
+    const getParentElement = (element) => parent(element).filter(isElement);
+    // if the block is a list item, we need to get the parent of the list itself
+    const getNormalizedBlock = (element, isListItem) => {
+        const normalizedElement = isListItem ? ancestor(element, 'ol,ul') : Optional?.some(element);
+        return normalizedElement.getOr(element);
+    };
+    const isListItem = isTag('li');
+    const setDirOnElements = (dom, blocks, dir) => {
+        each(blocks, (block) => {
+            const blockElement = SugarElement.fromDom(block);
+            const isBlockElementListItem = isListItem(blockElement);
+            const normalizedBlock = getNormalizedBlock(blockElement, isBlockElementListItem);
+            const normalizedBlockParent = getParentElement(normalizedBlock);
+            normalizedBlockParent.each((parent) => {
+                // TINY-9314: Remove any inline direction style to ensure that it is only set when necessary and that
+                // the dir attribute is favored
+                dom.setStyle(normalizedBlock.dom, 'direction', null);
+                const parentDirection = getDirection(parent);
+                if (parentDirection === dir) {
+                    remove(normalizedBlock, 'dir');
+                }
+                else {
+                    set(normalizedBlock, 'dir', dir);
+                }
+                // TINY-9314: Set an inline direction style if computed css direction is still not as desired. This can
+                // happen when the direction style is derived from a stylesheet.
+                if (getDirection(normalizedBlock) !== dir) {
+                    dom.setStyle(normalizedBlock.dom, 'direction', dir);
+                }
+                // Remove dir attr and direction style from list children
+                if (isBlockElementListItem) {
+                    const listItems = children(normalizedBlock, 'li[dir],li[style]');
+                    each(listItems, (listItem) => {
+                        remove(listItem, 'dir');
+                        dom.setStyle(listItem.dom, 'direction', null);
+                    });
+                }
+            });
+        });
+    };
+    const setDir = (editor, dir) => {
+        if (editor.selection.isEditable()) {
+            setDirOnElements(editor.dom, editor.selection.getSelectedBlocks(), dir);
+            editor.nodeChanged();
+        }
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceDirectionLTR', () => {
+            setDir(editor, 'ltr');
+        });
+        editor.addCommand('mceDirectionRTL', () => {
+            setDir(editor, 'rtl');
+        });
+    };
+
+    const getNodeChangeHandler = (editor, dir) => (api) => {
+        const nodeChangeHandler = (e) => {
+            const element = SugarElement.fromDom(e.element);
+            api.setActive(getDirection(element) === dir);
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChangeHandler);
+        api.setEnabled(editor.selection.isEditable());
+        return () => editor.off('NodeChange', nodeChangeHandler);
+    };
+    const register = (editor) => {
+        editor.ui.registry.addToggleButton('ltr', {
+            tooltip: 'Left to right',
+            icon: 'ltr',
+            onAction: () => editor.execCommand('mceDirectionLTR'),
+            onSetup: getNodeChangeHandler(editor, 'ltr')
+        });
+        editor.ui.registry.addToggleButton('rtl', {
+            tooltip: 'Right to left',
+            icon: 'rtl',
+            onAction: () => editor.execCommand('mceDirectionRTL'),
+            onSetup: getNodeChangeHandler(editor, 'rtl')
+        });
+    };
+
+    var Plugin = () => {
+        global.add('directionality', (editor) => {
+            register$1(editor);
+            register(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/plugin.min.js
new file mode 100644
index 000000000..a91bb8318
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/directionality/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=t=>e=>typeof e===t,r=t=>"string"===(t=>{const e=typeof t;return null===t?"null":"object"===e&&Array.isArray(t)?"array":"object"===e&&(r=o=t,(n=String).prototype.isPrototypeOf(r)||(null===(i=o.constructor)||void 0===i?void 0:i.name)===n.name)?"string":e;var r,o,n,i})(t),o=e("boolean"),n=t=>!(t=>null==t)(t),i=e("function"),s=e("number"),l=()=>false;class a{constructor(t,e){this.tag=t,this.value=e}static some(t){return new a(!0,t)}static none(){return a.singletonNone}fold(t,e){return this.tag?e(this.value):t()}isSome(){return this.tag}isNone(){return!this.tag}map(t){return this.tag?a?.some(t(this.value)):a.none()}bind(t){return this.tag?t(this.value):a.none()}exists(t){return this.tag&&t(this.value)}forall(t){return!this.tag||t(this.value)}filter(t){return!this.tag||t(this.value)?this:a.none()}getOr(t){return this.tag?this.value:t}or(t){return this.tag?this:t}getOrThunk(t){return this.tag?this.value:t()}orThunk(t){return this.tag?this:t()}getOrDie(t){if(this.tag)return this.value;throw new Error(null!=t?t:"Called getOrDie on None")}static from(t){return n(t)?a?.some(t):a.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(t){this.tag&&t(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}a.singletonNone=new a(!1),Array.prototype.slice;const u=(t,e)=>{for(let r=0,o=t.length;r<o;r++)e(t[r],r)};i(Array.from)&&Array.from;const c=t=>{if(null==t)throw new Error("Node cannot be null or undefined");return{dom:t}},d=c,h=(t,e)=>{const r=t.dom;if(1!==r.nodeType)return!1;{const t=r;if(void 0!==t.matches)return t.matches(e);if(void 0!==t.msMatchesSelector)return t.msMatchesSelector(e);if(void 0!==t.webkitMatchesSelector)return t.webkitMatchesSelector(e);if(void 0!==t.mozMatchesSelector)return t.mozMatchesSelector(e);throw new Error("Browser lacks native selectors")}},m=t=>e=>(t=>t.dom.nodeType)(e)===t,g=m(1),f=m(3),v=m(11),y=t=>d(t.dom.host),p=(t,e)=>{t.dom.removeAttribute(e)},w=t=>{const e=f(t)?t.dom.parentNode:t.dom;if(null==e||null===e.ownerDocument)return!1;const r=e.ownerDocument;return(t=>{const e=(t=>d(t.dom.getRootNode()))(t);return v(r=e)&&n(r.dom.host)?a?.some(e):a.none();var r})(d(e)).fold((()=>r.body.contains(e)),(o=w,i=y,t=>o(i(t))));var o,i},b=t=>"rtl"===((t,e)=>{const r=t.dom,o=window.getComputedStyle(r).getPropertyValue(e);return""!==o||w(t)?o:((t,e)=>(t=>void 0!==t.style&&i(t.style.getPropertyValue))(t)?t.style.getPropertyValue(e):"")(r,e)})(t,"direction")?"rtl":"ltr",S=(t,e)=>(t=>((t,e)=>{const r=[];for(let o=0,n=t.length;o<n;o++){const n=t[o];e(n,o)&&r.push(n)}return r})(((t,e)=>{const r=t.length,o=new Array(r);for(let n=0;n<r;n++){const r=t[n];o[n]=e(r,n)}return o})(t.dom.childNodes,d),(t=>h(t,e))))(t),N=t=>g(t)&&"li"===t.dom.nodeName.toLowerCase();const A=(t,e,n)=>{u(e,(e=>{const c=d(e),m=N(c),f=((t,e)=>{return(e?(r=t,o="ol,ul",((t,e,r)=>{let n=t.dom;const s=i(r)?r:l;for(;n.parentNode;){n=n.parentNode;const t=d(n);if(h(t,o))return a?.some(t);if(s(t))break}return a.none()})(r,0,n)):a?.some(t)).getOr(t);var r,o,n})(c,m);var v;(v=f,(t=>a.from(t.dom.parentNode)?.map(d))(v).filter(g)).each((e=>{if(t.setStyle(f.dom,"direction",null),b(e)===n?p(f,"dir"):((t,e,n)=>{((t,e,n)=>{if(!(r(n)||o(n)||s(n)))throw console.error("Invalid call to Attribute.set. Key ",e,":: Value ",n,":: Element ",t),new Error("Attribute value was not simple");t.setAttribute(e,n+"")})(t.dom,e,n)})(f,"dir",n),b(f)!==n&&t.setStyle(f.dom,"direction",n),m){const e=S(f,"li[dir],li[style]");u(e,(e=>{p(e,"dir"),t.setStyle(e.dom,"direction",null)}))}}))}))},T=(t,e)=>{t.selection.isEditable()&&(A(t.dom,t.selection.getSelectedBlocks(),e),t.nodeChanged())},C=(t,e)=>r=>{const o=o=>{const n=d(o.element);r.setActive(b(n)===e),r.setEnabled(t.selection.isEditable())};return t.on("NodeChange",o),r.setEnabled(t.selection.isEditable()),()=>t.off("NodeChange",o)};t.add("directionality",(t=>{(t=>{t.addCommand("mceDirectionLTR",(()=>{T(t,"ltr")})),t.addCommand("mceDirectionRTL",(()=>{T(t,"rtl")}))})(t),(t=>{t.ui.registry.addToggleButton("ltr",{tooltip:"Left to right",icon:"ltr",onAction:()=>t.execCommand("mceDirectionLTR"),onSetup:C(t,"ltr")}),t.ui.registry.addToggleButton("rtl",{tooltip:"Right to left",icon:"rtl",onAction:()=>t.execCommand("mceDirectionRTL"),onSetup:C(t,"rtl")})})(t)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/index.js
new file mode 100644
index 000000000..7a9737980
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/index.js
@@ -0,0 +1,7 @@
+// Exports the "emoticons" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/emoticons')
+//   ES2015:
+//     import 'tinymce/plugins/emoticons'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojiimages.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojiimages.js
new file mode 100644
index 000000000..6fcec717a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojiimages.js
@@ -0,0 +1 @@
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💯" src="1f4af.png"/>',fitzpatrick_scale:false,category:"symbols"},1234:{keywords:["numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔢" src="1f522.png"/>',fitzpatrick_scale:false,category:"symbols"},grinning:{keywords:["face","smile","happy","joy",":D","grin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😀" src="1f600.png"/>',fitzpatrick_scale:false,category:"people"},grimacing:{keywords:["face","grimace","teeth"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😬" src="1f62c.png"/>',fitzpatrick_scale:false,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😁" src="1f601.png"/>',fitzpatrick_scale:false,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😂" src="1f602.png"/>',fitzpatrick_scale:false,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤣" src="1f923.png"/>',fitzpatrick_scale:false,category:"people"},partying:{keywords:["face","celebration","woohoo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥳" src="1f973.png"/>',fitzpatrick_scale:false,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😃" src="1f603.png"/>',fitzpatrick_scale:false,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😄" src="1f604.png"/>',fitzpatrick_scale:false,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😅" src="1f605.png"/>',fitzpatrick_scale:false,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😆" src="1f606.png"/>',fitzpatrick_scale:false,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😇" src="1f607.png"/>',fitzpatrick_scale:false,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😉" src="1f609.png"/>',fitzpatrick_scale:false,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😊" src="1f60a.png"/>',fitzpatrick_scale:false,category:"people"},slightly_smiling_face:{keywords:["face","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙂" src="1f642.png"/>',fitzpatrick_scale:false,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙃" src="1f643.png"/>',fitzpatrick_scale:false,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☺️" src="263a.png"/>',fitzpatrick_scale:false,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😋" src="1f60b.png"/>',fitzpatrick_scale:false,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😌" src="1f60c.png"/>',fitzpatrick_scale:false,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😍" src="1f60d.png"/>',fitzpatrick_scale:false,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥰" src="1f970.png"/>',fitzpatrick_scale:false,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😘" src="1f618.png"/>',fitzpatrick_scale:false,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😗" src="1f617.png"/>',fitzpatrick_scale:false,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😙" src="1f619.png"/>',fitzpatrick_scale:false,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😚" src="1f61a.png"/>',fitzpatrick_scale:false,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😜" src="1f61c.png"/>',fitzpatrick_scale:false,category:"people"},zany:{keywords:["face","goofy","crazy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤪" src="1f92a.png"/>',fitzpatrick_scale:false,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤨" src="1f928.png"/>',fitzpatrick_scale:false,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧐" src="1f9d0.png"/>',fitzpatrick_scale:false,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😝" src="1f61d.png"/>',fitzpatrick_scale:false,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😛" src="1f61b.png"/>',fitzpatrick_scale:false,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤑" src="1f911.png"/>',fitzpatrick_scale:false,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤓" src="1f913.png"/>',fitzpatrick_scale:false,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😎" src="1f60e.png"/>',fitzpatrick_scale:false,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤩" src="1f929.png"/>',fitzpatrick_scale:false,category:"people"},clown_face:{keywords:["face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤡" src="1f921.png"/>',fitzpatrick_scale:false,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤠" src="1f920.png"/>',fitzpatrick_scale:false,category:"people"},hugs:{keywords:["face","smile","hug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤗" src="1f917.png"/>',fitzpatrick_scale:false,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😏" src="1f60f.png"/>',fitzpatrick_scale:false,category:"people"},no_mouth:{keywords:["face","hellokitty"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😶" src="1f636.png"/>',fitzpatrick_scale:false,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😐" src="1f610.png"/>',fitzpatrick_scale:false,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😑" src="1f611.png"/>',fitzpatrick_scale:false,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😒" src="1f612.png"/>',fitzpatrick_scale:false,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙄" src="1f644.png"/>',fitzpatrick_scale:false,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤔" src="1f914.png"/>',fitzpatrick_scale:false,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤥" src="1f925.png"/>',fitzpatrick_scale:false,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤭" src="1f92d.png"/>',fitzpatrick_scale:false,category:"people"},shushing:{keywords:["face","quiet","shhh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤫" src="1f92b.png"/>',fitzpatrick_scale:false,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤬" src="1f92c.png"/>',fitzpatrick_scale:false,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤯" src="1f92f.png"/>',fitzpatrick_scale:false,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😳" src="1f633.png"/>',fitzpatrick_scale:false,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😞" src="1f61e.png"/>',fitzpatrick_scale:false,category:"people"},worried:{keywords:["face","concern","nervous",":("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😟" src="1f61f.png"/>',fitzpatrick_scale:false,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😠" src="1f620.png"/>',fitzpatrick_scale:false,category:"people"},rage:{keywords:["angry","mad","hate","despise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😡" src="1f621.png"/>',fitzpatrick_scale:false,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😔" src="1f614.png"/>',fitzpatrick_scale:false,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😕" src="1f615.png"/>',fitzpatrick_scale:false,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙁" src="1f641.png"/>',fitzpatrick_scale:false,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☹" src="2639.png"/>',fitzpatrick_scale:false,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😣" src="1f623.png"/>',fitzpatrick_scale:false,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😖" src="1f616.png"/>',fitzpatrick_scale:false,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😫" src="1f62b.png"/>',fitzpatrick_scale:false,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😩" src="1f629.png"/>',fitzpatrick_scale:false,category:"people"},pleading:{keywords:["face","begging","mercy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥺" src="1f97a.png"/>',fitzpatrick_scale:false,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😤" src="1f624.png"/>',fitzpatrick_scale:false,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😮" src="1f62e.png"/>',fitzpatrick_scale:false,category:"people"},scream:{keywords:["face","munch","scared","omg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😱" src="1f631.png"/>',fitzpatrick_scale:false,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😨" src="1f628.png"/>',fitzpatrick_scale:false,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😰" src="1f630.png"/>',fitzpatrick_scale:false,category:"people"},hushed:{keywords:["face","woo","shh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😯" src="1f62f.png"/>',fitzpatrick_scale:false,category:"people"},frowning:{keywords:["face","aw","what"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😦" src="1f626.png"/>',fitzpatrick_scale:false,category:"people"},anguished:{keywords:["face","stunned","nervous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😧" src="1f627.png"/>',fitzpatrick_scale:false,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😢" src="1f622.png"/>',fitzpatrick_scale:false,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😥" src="1f625.png"/>',fitzpatrick_scale:false,category:"people"},drooling_face:{keywords:["face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤤" src="1f924.png"/>',fitzpatrick_scale:false,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😪" src="1f62a.png"/>',fitzpatrick_scale:false,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😓" src="1f613.png"/>',fitzpatrick_scale:false,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥵" src="1f975.png"/>',fitzpatrick_scale:false,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥶" src="1f976.png"/>',fitzpatrick_scale:false,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😭" src="1f62d.png"/>',fitzpatrick_scale:false,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😵" src="1f635.png"/>',fitzpatrick_scale:false,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😲" src="1f632.png"/>',fitzpatrick_scale:false,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤐" src="1f910.png"/>',fitzpatrick_scale:false,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤢" src="1f922.png"/>',fitzpatrick_scale:false,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤧" src="1f927.png"/>',fitzpatrick_scale:false,category:"people"},vomiting:{keywords:["face","sick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤮" src="1f92e.png"/>',fitzpatrick_scale:false,category:"people"},mask:{keywords:["face","sick","ill","disease"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😷" src="1f637.png"/>',fitzpatrick_scale:false,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤒" src="1f912.png"/>',fitzpatrick_scale:false,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤕" src="1f915.png"/>',fitzpatrick_scale:false,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥴" src="1f974.png"/>',fitzpatrick_scale:false,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😴" src="1f634.png"/>',fitzpatrick_scale:false,category:"people"},zzz:{keywords:["sleepy","tired","dream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💤" src="1f4a4.png"/>',fitzpatrick_scale:false,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💩" src="1f4a9.png"/>',fitzpatrick_scale:false,category:"people"},smiling_imp:{keywords:["devil","horns"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😈" src="1f608.png"/>',fitzpatrick_scale:false,category:"people"},imp:{keywords:["devil","angry","horns"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👿" src="1f47f.png"/>',fitzpatrick_scale:false,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👹" src="1f479.png"/>',fitzpatrick_scale:false,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👺" src="1f47a.png"/>',fitzpatrick_scale:false,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💀" src="1f480.png"/>',fitzpatrick_scale:false,category:"people"},ghost:{keywords:["halloween","spooky","scary"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👻" src="1f47b.png"/>',fitzpatrick_scale:false,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👽" src="1f47d.png"/>',fitzpatrick_scale:false,category:"people"},robot:{keywords:["computer","machine","bot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤖" src="1f916.png"/>',fitzpatrick_scale:false,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😺" src="1f63a.png"/>',fitzpatrick_scale:false,category:"people"},smile_cat:{keywords:["animal","cats","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😸" src="1f638.png"/>',fitzpatrick_scale:false,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😹" src="1f639.png"/>',fitzpatrick_scale:false,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😻" src="1f63b.png"/>',fitzpatrick_scale:false,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😼" src="1f63c.png"/>',fitzpatrick_scale:false,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😽" src="1f63d.png"/>',fitzpatrick_scale:false,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙀" src="1f640.png"/>',fitzpatrick_scale:false,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😿" src="1f63f.png"/>',fitzpatrick_scale:false,category:"people"},pouting_cat:{keywords:["animal","cats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="😾" src="1f63e.png"/>',fitzpatrick_scale:false,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤲" src="1f932.png"/>',fitzpatrick_scale:true,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙌" src="1f64c.png"/>',fitzpatrick_scale:true,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👏" src="1f44f.png"/>',fitzpatrick_scale:true,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👋" src="1f44b.png"/>',fitzpatrick_scale:true,category:"people"},call_me_hand:{keywords:["hands","gesture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤙" src="1f919.png"/>',fitzpatrick_scale:true,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👍" src="1f44d.png"/>',fitzpatrick_scale:true,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👎" src="1f44e.png"/>',fitzpatrick_scale:true,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👊" src="1f44a.png"/>',fitzpatrick_scale:true,category:"people"},fist:{keywords:["fingers","hand","grasp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✊" src="270a.png"/>',fitzpatrick_scale:true,category:"people"},fist_left:{keywords:["hand","fistbump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤛" src="1f91b.png"/>',fitzpatrick_scale:true,category:"people"},fist_right:{keywords:["hand","fistbump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤜" src="1f91c.png"/>',fitzpatrick_scale:true,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✌" src="270c.png"/>',fitzpatrick_scale:true,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👌" src="1f44c.png"/>',fitzpatrick_scale:true,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✋" src="270b.png"/>',fitzpatrick_scale:true,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤚" src="1f91a.png"/>',fitzpatrick_scale:true,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👐" src="1f450.png"/>',fitzpatrick_scale:true,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💪" src="1f4aa.png"/>',fitzpatrick_scale:true,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙏" src="1f64f.png"/>',fitzpatrick_scale:true,category:"people"},foot:{keywords:["kick","stomp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦶" src="1f9b6.png"/>',fitzpatrick_scale:true,category:"people"},leg:{keywords:["kick","limb"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦵" src="1f9b5.png"/>',fitzpatrick_scale:true,category:"people"},handshake:{keywords:["agreement","shake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤝" src="1f91d.png"/>',fitzpatrick_scale:false,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☝" src="261d.png"/>',fitzpatrick_scale:true,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👆" src="1f446.png"/>',fitzpatrick_scale:true,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👇" src="1f447.png"/>',fitzpatrick_scale:true,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👈" src="1f448.png"/>',fitzpatrick_scale:true,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👉" src="1f449.png"/>',fitzpatrick_scale:true,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖕" src="1f595.png"/>',fitzpatrick_scale:true,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖐" src="1f590.png"/>',fitzpatrick_scale:true,category:"people"},love_you:{keywords:["hand","fingers","gesture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤟" src="1f91f.png"/>',fitzpatrick_scale:true,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤘" src="1f918.png"/>',fitzpatrick_scale:true,category:"people"},crossed_fingers:{keywords:["good","lucky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤞" src="1f91e.png"/>',fitzpatrick_scale:true,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖖" src="1f596.png"/>',fitzpatrick_scale:true,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✍" src="270d.png"/>',fitzpatrick_scale:true,category:"people"},selfie:{keywords:["camera","phone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤳" src="1f933.png"/>',fitzpatrick_scale:true,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💅" src="1f485.png"/>',fitzpatrick_scale:true,category:"people"},lips:{keywords:["mouth","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👄" src="1f444.png"/>',fitzpatrick_scale:false,category:"people"},tooth:{keywords:["teeth","dentist"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦷" src="1f9b7.png"/>',fitzpatrick_scale:false,category:"people"},tongue:{keywords:["mouth","playful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👅" src="1f445.png"/>',fitzpatrick_scale:false,category:"people"},ear:{keywords:["face","hear","sound","listen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👂" src="1f442.png"/>',fitzpatrick_scale:true,category:"people"},nose:{keywords:["smell","sniff"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👃" src="1f443.png"/>',fitzpatrick_scale:true,category:"people"},eye:{keywords:["face","look","see","watch","stare"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👁" src="1f441.png"/>',fitzpatrick_scale:false,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👀" src="1f440.png"/>',fitzpatrick_scale:false,category:"people"},brain:{keywords:["smart","intelligent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧠" src="1f9e0.png"/>',fitzpatrick_scale:false,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👤" src="1f464.png"/>',fitzpatrick_scale:false,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👥" src="1f465.png"/>',fitzpatrick_scale:false,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗣" src="1f5e3.png"/>',fitzpatrick_scale:false,category:"people"},baby:{keywords:["child","boy","girl","toddler"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👶" src="1f476.png"/>',fitzpatrick_scale:true,category:"people"},child:{keywords:["gender-neutral","young"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧒" src="1f9d2.png"/>',fitzpatrick_scale:true,category:"people"},boy:{keywords:["man","male","guy","teenager"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👦" src="1f466.png"/>',fitzpatrick_scale:true,category:"people"},girl:{keywords:["female","woman","teenager"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👧" src="1f467.png"/>',fitzpatrick_scale:true,category:"people"},adult:{keywords:["gender-neutral","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧑" src="1f9d1.png"/>',fitzpatrick_scale:true,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨" src="1f468.png"/>',fitzpatrick_scale:true,category:"people"},woman:{keywords:["female","girls","lady"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩" src="1f469.png"/>',fitzpatrick_scale:true,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👱‍♀️" src="1f471-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👱" src="1f471.png"/>',fitzpatrick_scale:true,category:"people"},bearded_person:{keywords:["person","bewhiskered"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧔" src="1f9d4.png"/>',fitzpatrick_scale:true,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧓" src="1f9d3.png"/>',fitzpatrick_scale:true,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👴" src="1f474.png"/>',fitzpatrick_scale:true,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👵" src="1f475.png"/>',fitzpatrick_scale:true,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👲" src="1f472.png"/>',fitzpatrick_scale:true,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧕" src="1f9d5.png"/>',fitzpatrick_scale:true,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👳‍♀️" src="1f473-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👳" src="1f473.png"/>',fitzpatrick_scale:true,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👮‍♀️" src="1f46e-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👮" src="1f46e.png"/>',fitzpatrick_scale:true,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👷‍♀️" src="1f477-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👷" src="1f477.png"/>',fitzpatrick_scale:true,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💂‍♀️" src="1f482-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💂" src="1f482.png"/>',fitzpatrick_scale:true,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕵️‍♀️" src="1f575-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},male_detective:{keywords:["human","spy","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕵" src="1f575.png"/>',fitzpatrick_scale:true,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍⚕️" src="1f469-200d-2695-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍⚕️" src="1f468-200d-2695-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🌾" src="1f469-200d-1f33e.png"/>',fitzpatrick_scale:true,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🌾" src="1f468-200d-1f33e.png"/>',fitzpatrick_scale:true,category:"people"},woman_cook:{keywords:["chef","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🍳" src="1f469-200d-1f373.png"/>',fitzpatrick_scale:true,category:"people"},man_cook:{keywords:["chef","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🍳" src="1f468-200d-1f373.png"/>',fitzpatrick_scale:true,category:"people"},woman_student:{keywords:["graduate","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🎓" src="1f469-200d-1f393.png"/>',fitzpatrick_scale:true,category:"people"},man_student:{keywords:["graduate","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🎓" src="1f468-200d-1f393.png"/>',fitzpatrick_scale:true,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🎤" src="1f469-200d-1f3a4.png"/>',fitzpatrick_scale:true,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🎤" src="1f468-200d-1f3a4.png"/>',fitzpatrick_scale:true,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🏫" src="1f469-200d-1f3eb.png"/>',fitzpatrick_scale:true,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🏫" src="1f468-200d-1f3eb.png"/>',fitzpatrick_scale:true,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🏭" src="1f469-200d-1f3ed.png"/>',fitzpatrick_scale:true,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🏭" src="1f468-200d-1f3ed.png"/>',fitzpatrick_scale:true,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍💻" src="1f469-200d-1f4bb.png"/>',fitzpatrick_scale:true,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍💻" src="1f468-200d-1f4bb.png"/>',fitzpatrick_scale:true,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍💼" src="1f469-200d-1f4bc.png"/>',fitzpatrick_scale:true,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍💼" src="1f468-200d-1f4bc.png"/>',fitzpatrick_scale:true,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🔧" src="1f469-200d-1f527.png"/>',fitzpatrick_scale:true,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🔧" src="1f468-200d-1f527.png"/>',fitzpatrick_scale:true,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🔬" src="1f469-200d-1f52c.png"/>',fitzpatrick_scale:true,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🔬" src="1f468-200d-1f52c.png"/>',fitzpatrick_scale:true,category:"people"},woman_artist:{keywords:["painter","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🎨" src="1f469-200d-1f3a8.png"/>',fitzpatrick_scale:true,category:"people"},man_artist:{keywords:["painter","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🎨" src="1f468-200d-1f3a8.png"/>',fitzpatrick_scale:true,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🚒" src="1f469-200d-1f692.png"/>',fitzpatrick_scale:true,category:"people"},man_firefighter:{keywords:["fireman","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🚒" src="1f468-200d-1f692.png"/>',fitzpatrick_scale:true,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍✈️" src="1f469-200d-2708-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍✈️" src="1f468-200d-2708-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍🚀" src="1f469-200d-1f680.png"/>',fitzpatrick_scale:true,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍🚀" src="1f468-200d-1f680.png"/>',fitzpatrick_scale:true,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍⚖️" src="1f469-200d-2696-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_judge:{keywords:["justice","court","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍⚖️" src="1f468-200d-2696-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦸‍♀️" src="1f9b8-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦸‍♂️" src="1f9b8-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦹‍♀️" src="1f9b9-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦹‍♂️" src="1f9b9-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤶" src="1f936.png"/>',fitzpatrick_scale:true,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎅" src="1f385.png"/>',fitzpatrick_scale:true,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧙‍♀️" src="1f9d9-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧙‍♂️" src="1f9d9-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_elf:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧝‍♀️" src="1f9dd-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_elf:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧝‍♂️" src="1f9dd-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_vampire:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧛‍♀️" src="1f9db-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_vampire:{keywords:["man","male","dracula"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧛‍♂️" src="1f9db-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧟‍♀️" src="1f9df-200d-2640-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧟‍♂️" src="1f9df-200d-2642-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},woman_genie:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧞‍♀️" src="1f9de-200d-2640-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},man_genie:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧞‍♂️" src="1f9de-200d-2642-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧜‍♀️" src="1f9dc-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},merman:{keywords:["man","male","triton"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧜‍♂️" src="1f9dc-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_fairy:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧚‍♀️" src="1f9da-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_fairy:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧚‍♂️" src="1f9da-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},angel:{keywords:["heaven","wings","halo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👼" src="1f47c.png"/>',fitzpatrick_scale:true,category:"people"},pregnant_woman:{keywords:["baby"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤰" src="1f930.png"/>',fitzpatrick_scale:true,category:"people"},breastfeeding:{keywords:["nursing","baby"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤱" src="1f931.png"/>',fitzpatrick_scale:true,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👸" src="1f478.png"/>',fitzpatrick_scale:true,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤴" src="1f934.png"/>',fitzpatrick_scale:true,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👰" src="1f470.png"/>',fitzpatrick_scale:true,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤵" src="1f935.png"/>',fitzpatrick_scale:true,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏃‍♀️" src="1f3c3-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏃" src="1f3c3.png"/>',fitzpatrick_scale:true,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚶‍♀️" src="1f6b6-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},walking_man:{keywords:["human","feet","steps"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚶" src="1f6b6.png"/>',fitzpatrick_scale:true,category:"people"},dancer:{keywords:["female","girl","woman","fun"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💃" src="1f483.png"/>',fitzpatrick_scale:true,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕺" src="1f57a.png"/>',fitzpatrick_scale:true,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👯" src="1f46f.png"/>',fitzpatrick_scale:false,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👯‍♂️" src="1f46f-200d-2642-fe0f.png"/>',fitzpatrick_scale:false,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👫" src="1f46b.png"/>',fitzpatrick_scale:false,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👬" src="1f46c.png"/>',fitzpatrick_scale:false,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👭" src="1f46d.png"/>',fitzpatrick_scale:false,category:"people"},bowing_woman:{keywords:["woman","female","girl"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙇‍♀️" src="1f647-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},bowing_man:{keywords:["man","male","boy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙇" src="1f647.png"/>',fitzpatrick_scale:true,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤦‍♂️" src="1f926-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤦‍♀️" src="1f926-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤷" src="1f937.png"/>',fitzpatrick_scale:true,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤷‍♂️" src="1f937-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💁" src="1f481.png"/>',fitzpatrick_scale:true,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💁‍♂️" src="1f481-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙅" src="1f645.png"/>',fitzpatrick_scale:true,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙅‍♂️" src="1f645-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙆" src="1f646.png"/>',fitzpatrick_scale:true,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙆‍♂️" src="1f646-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙋" src="1f64b.png"/>',fitzpatrick_scale:true,category:"people"},raising_hand_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙋‍♂️" src="1f64b-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},pouting_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙎" src="1f64e.png"/>',fitzpatrick_scale:true,category:"people"},pouting_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙎‍♂️" src="1f64e-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙍" src="1f64d.png"/>',fitzpatrick_scale:true,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙍‍♂️" src="1f64d-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},haircut_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💇" src="1f487.png"/>',fitzpatrick_scale:true,category:"people"},haircut_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💇‍♂️" src="1f487-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💆" src="1f486.png"/>',fitzpatrick_scale:true,category:"people"},massage_man:{keywords:["male","boy","man","head"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💆‍♂️" src="1f486-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧖‍♀️" src="1f9d6-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧖‍♂️" src="1f9d6-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💑" src="1f491.png"/>',fitzpatrick_scale:false,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍❤️‍👩" src="1f469-200d-2764-fe0f-200d-1f469.png"/>',fitzpatrick_scale:false,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍❤️‍👨" src="1f468-200d-2764-fe0f-200d-1f468.png"/>',fitzpatrick_scale:false,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💏" src="1f48f.png"/>',fitzpatrick_scale:false,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍❤️‍💋‍👩" src="1f469-200d-2764-fe0f-200d-1f48b-200d-1f469.png"/>',fitzpatrick_scale:false,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍❤️‍💋‍👨" src="1f468-200d-2764-fe0f-200d-1f48b-200d-1f468.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👪" src="1f46a.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👩‍👧" src="1f468-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👩‍👧‍👦" src="1f468-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👩‍👦‍👦" src="1f468-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👩‍👧‍👧" src="1f468-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👦" src="1f469-200d-1f469-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👧" src="1f469-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👧‍👦" src="1f469-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👦‍👦" src="1f469-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👩‍👧‍👧" src="1f469-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👦" src="1f468-200d-1f468-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👧" src="1f468-200d-1f468-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👧‍👦" src="1f468-200d-1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👦‍👦" src="1f468-200d-1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👨‍👧‍👧" src="1f468-200d-1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👦" src="1f469-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👧" src="1f469-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👧‍👦" src="1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👦‍👦" src="1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👩‍👧‍👧" src="1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👦" src="1f468-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👧" src="1f468-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👧‍👦" src="1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👦‍👦" src="1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:false,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👨‍👧‍👧" src="1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:false,category:"people"},yarn:{keywords:["ball","crochet","knit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧶" src="1f9f6.png"/>',fitzpatrick_scale:false,category:"people"},thread:{keywords:["needle","sewing","spool","string"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧵" src="1f9f5.png"/>',fitzpatrick_scale:false,category:"people"},coat:{keywords:["jacket"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧥" src="1f9e5.png"/>',fitzpatrick_scale:false,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥼" src="1f97c.png"/>',fitzpatrick_scale:false,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👚" src="1f45a.png"/>',fitzpatrick_scale:false,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👕" src="1f455.png"/>',fitzpatrick_scale:false,category:"people"},jeans:{keywords:["fashion","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👖" src="1f456.png"/>',fitzpatrick_scale:false,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👔" src="1f454.png"/>',fitzpatrick_scale:false,category:"people"},dress:{keywords:["clothes","fashion","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👗" src="1f457.png"/>',fitzpatrick_scale:false,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👙" src="1f459.png"/>',fitzpatrick_scale:false,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👘" src="1f458.png"/>',fitzpatrick_scale:false,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💄" src="1f484.png"/>',fitzpatrick_scale:false,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💋" src="1f48b.png"/>',fitzpatrick_scale:false,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👣" src="1f463.png"/>',fitzpatrick_scale:false,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥿" src="1f97f.png"/>',fitzpatrick_scale:false,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👠" src="1f460.png"/>',fitzpatrick_scale:false,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👡" src="1f461.png"/>',fitzpatrick_scale:false,category:"people"},boot:{keywords:["shoes","fashion"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👢" src="1f462.png"/>',fitzpatrick_scale:false,category:"people"},mans_shoe:{keywords:["fashion","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👞" src="1f45e.png"/>',fitzpatrick_scale:false,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👟" src="1f45f.png"/>',fitzpatrick_scale:false,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥾" src="1f97e.png"/>',fitzpatrick_scale:false,category:"people"},socks:{keywords:["stockings","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧦" src="1f9e6.png"/>',fitzpatrick_scale:false,category:"people"},gloves:{keywords:["hands","winter","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧤" src="1f9e4.png"/>',fitzpatrick_scale:false,category:"people"},scarf:{keywords:["neck","winter","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧣" src="1f9e3.png"/>',fitzpatrick_scale:false,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👒" src="1f452.png"/>',fitzpatrick_scale:false,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎩" src="1f3a9.png"/>',fitzpatrick_scale:false,category:"people"},billed_hat:{keywords:["cap","baseball"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧢" src="1f9e2.png"/>',fitzpatrick_scale:false,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛑" src="26d1.png"/>',fitzpatrick_scale:false,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎓" src="1f393.png"/>',fitzpatrick_scale:false,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👑" src="1f451.png"/>',fitzpatrick_scale:false,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎒" src="1f392.png"/>',fitzpatrick_scale:false,category:"people"},luggage:{keywords:["packing","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧳" src="1f9f3.png"/>',fitzpatrick_scale:false,category:"people"},pouch:{keywords:["bag","accessories","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👝" src="1f45d.png"/>',fitzpatrick_scale:false,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👛" src="1f45b.png"/>',fitzpatrick_scale:false,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👜" src="1f45c.png"/>',fitzpatrick_scale:false,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💼" src="1f4bc.png"/>',fitzpatrick_scale:false,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👓" src="1f453.png"/>',fitzpatrick_scale:false,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕶" src="1f576.png"/>',fitzpatrick_scale:false,category:"people"},goggles:{keywords:["eyes","protection","safety"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥽" src="1f97d.png"/>',fitzpatrick_scale:false,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💍" src="1f48d.png"/>',fitzpatrick_scale:false,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌂" src="1f302.png"/>',fitzpatrick_scale:false,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐶" src="1f436.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐱" src="1f431.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐭" src="1f42d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐹" src="1f439.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐰" src="1f430.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦊" src="1f98a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐻" src="1f43b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐼" src="1f43c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},koala:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐨" src="1f428.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐯" src="1f42f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},lion:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦁" src="1f981.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐮" src="1f42e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐷" src="1f437.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐽" src="1f43d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐸" src="1f438.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦑" src="1f991.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐙" src="1f419.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦐" src="1f990.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐵" src="1f435.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦍" src="1f98d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙈" src="1f648.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙉" src="1f649.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🙊" src="1f64a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐒" src="1f412.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐔" src="1f414.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐧" src="1f427.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐦" src="1f426.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐤" src="1f424.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐣" src="1f423.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐥" src="1f425.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦆" src="1f986.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦅" src="1f985.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦉" src="1f989.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦇" src="1f987.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐺" src="1f43a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},boar:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐗" src="1f417.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐴" src="1f434.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦄" src="1f984.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐝" src="1f41d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐛" src="1f41b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦋" src="1f98b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐌" src="1f40c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐞" src="1f41e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐜" src="1f41c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦗" src="1f997.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕷" src="1f577.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦂" src="1f982.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦀" src="1f980.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐍" src="1f40d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦎" src="1f98e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦖" src="1f996.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦕" src="1f995.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐢" src="1f422.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐠" src="1f420.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐟" src="1f41f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐡" src="1f421.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐬" src="1f42c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦈" src="1f988.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐳" src="1f433.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐋" src="1f40b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐊" src="1f40a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐆" src="1f406.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦓" src="1f993.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐅" src="1f405.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐃" src="1f403.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐂" src="1f402.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐄" src="1f404.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦌" src="1f98c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐪" src="1f42a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐫" src="1f42b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦒" src="1f992.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐘" src="1f418.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦏" src="1f98f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},goat:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐐" src="1f410.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐏" src="1f40f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐑" src="1f411.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐎" src="1f40e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐖" src="1f416.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐀" src="1f400.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐁" src="1f401.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐓" src="1f413.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦃" src="1f983.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dove:{keywords:["animal","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕊" src="1f54a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐕" src="1f415.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐩" src="1f429.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐈" src="1f408.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐇" src="1f407.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐿" src="1f43f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦔" src="1f994.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦝" src="1f99d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦙" src="1f999.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦛" src="1f99b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦘" src="1f998.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦡" src="1f9a1.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦢" src="1f9a2.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦚" src="1f99a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦜" src="1f99c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦞" src="1f99e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦟" src="1f99f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐾" src="1f43e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐉" src="1f409.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐲" src="1f432.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌵" src="1f335.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎄" src="1f384.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌲" src="1f332.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌳" src="1f333.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌴" src="1f334.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌱" src="1f331.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌿" src="1f33f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☘" src="2618.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍀" src="1f340.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎍" src="1f38d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎋" src="1f38b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍃" src="1f343.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍂" src="1f342.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍁" src="1f341.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌾" src="1f33e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌺" src="1f33a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌻" src="1f33b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌹" src="1f339.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥀" src="1f940.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌷" src="1f337.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌼" src="1f33c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌸" src="1f338.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💐" src="1f490.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍄" src="1f344.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌰" src="1f330.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎃" src="1f383.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🐚" src="1f41a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕸" src="1f578.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌎" src="1f30e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌍" src="1f30d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌏" src="1f30f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌕" src="1f315.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌖" src="1f316.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌗" src="1f317.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌘" src="1f318.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌑" src="1f311.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌒" src="1f312.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌓" src="1f313.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌔" src="1f314.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌚" src="1f31a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌝" src="1f31d.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌛" src="1f31b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌜" src="1f31c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌞" src="1f31e.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌙" src="1f319.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},star:{keywords:["night","yellow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⭐" src="2b50.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌟" src="1f31f.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💫" src="1f4ab.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✨" src="2728.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},comet:{keywords:["space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☄" src="2604.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☀️" src="2600.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌤" src="1f324.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛅" src="26c5.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌥" src="1f325.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌦" src="1f326.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☁️" src="2601.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌧" src="1f327.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛈" src="26c8.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌩" src="1f329.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚡" src="26a1.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔥" src="1f525.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💥" src="1f4a5.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❄️" src="2744.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌨" src="1f328.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛄" src="26c4.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☃" src="2603.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌬" src="1f32c.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💨" src="1f4a8.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌪" src="1f32a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},fog:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌫" src="1f32b.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☂" src="2602.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☔" src="2614.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💧" src="1f4a7.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💦" src="1f4a6.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌊" src="1f30a.png"/>',fitzpatrick_scale:false,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍏" src="1f34f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍎" src="1f34e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍐" src="1f350.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍊" src="1f34a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍋" src="1f34b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍌" src="1f34c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍉" src="1f349.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍇" src="1f347.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍓" src="1f353.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍈" src="1f348.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cherries:{keywords:["food","fruit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍒" src="1f352.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍑" src="1f351.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍍" src="1f34d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥥" src="1f965.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥝" src="1f95d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥭" src="1f96d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},avocado:{keywords:["fruit","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥑" src="1f951.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥦" src="1f966.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍅" src="1f345.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍆" src="1f346.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥒" src="1f952.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥕" src="1f955.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌶" src="1f336.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥔" src="1f954.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌽" src="1f33d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥬" src="1f96c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍠" src="1f360.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},peanuts:{keywords:["food","nut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥜" src="1f95c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍯" src="1f36f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥐" src="1f950.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍞" src="1f35e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥖" src="1f956.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥯" src="1f96f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥨" src="1f968.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cheese:{keywords:["food","chadder"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧀" src="1f9c0.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥚" src="1f95a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥓" src="1f953.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥩" src="1f969.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥞" src="1f95e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍗" src="1f357.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍖" src="1f356.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bone:{keywords:["skeleton"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦴" src="1f9b4.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍤" src="1f364.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍳" src="1f373.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍔" src="1f354.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍟" src="1f35f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥙" src="1f959.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌭" src="1f32d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pizza:{keywords:["food","party"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍕" src="1f355.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥪" src="1f96a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},canned_food:{keywords:["food","soup"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥫" src="1f96b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍝" src="1f35d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},taco:{keywords:["food","mexican"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌮" src="1f32e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},burrito:{keywords:["food","mexican"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌯" src="1f32f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥗" src="1f957.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥘" src="1f958.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍜" src="1f35c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍲" src="1f372.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍥" src="1f365.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥠" src="1f960.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍣" src="1f363.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍱" src="1f371.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍛" src="1f35b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍙" src="1f359.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},rice:{keywords:["food","china","asian"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍚" src="1f35a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍘" src="1f358.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},oden:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍢" src="1f362.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍡" src="1f361.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍧" src="1f367.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍨" src="1f368.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍦" src="1f366.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥧" src="1f967.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cake:{keywords:["food","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍰" src="1f370.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧁" src="1f9c1.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥮" src="1f96e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎂" src="1f382.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},custard:{keywords:["dessert","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍮" src="1f36e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍬" src="1f36c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍭" src="1f36d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍫" src="1f36b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍿" src="1f37f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥟" src="1f95f.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍩" src="1f369.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍪" src="1f36a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥛" src="1f95b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍺" src="1f37a.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍻" src="1f37b.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥂" src="1f942.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍷" src="1f377.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥃" src="1f943.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍸" src="1f378.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍹" src="1f379.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍾" src="1f37e.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍶" src="1f376.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍵" src="1f375.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥤" src="1f964.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☕" src="2615.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍼" src="1f37c.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧂" src="1f9c2.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥄" src="1f944.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍴" src="1f374.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🍽" src="1f37d.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥣" src="1f963.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥡" src="1f961.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},chopsticks:{keywords:["food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥢" src="1f962.png"/>',fitzpatrick_scale:false,category:"food_and_drink"},soccer:{keywords:["sports","football"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚽" src="26bd.png"/>',fitzpatrick_scale:false,category:"activity"},basketball:{keywords:["sports","balls","NBA"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏀" src="1f3c0.png"/>',fitzpatrick_scale:false,category:"activity"},football:{keywords:["sports","balls","NFL"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏈" src="1f3c8.png"/>',fitzpatrick_scale:false,category:"activity"},baseball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚾" src="26be.png"/>',fitzpatrick_scale:false,category:"activity"},softball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥎" src="1f94e.png"/>',fitzpatrick_scale:false,category:"activity"},tennis:{keywords:["sports","balls","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎾" src="1f3be.png"/>',fitzpatrick_scale:false,category:"activity"},volleyball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏐" src="1f3d0.png"/>',fitzpatrick_scale:false,category:"activity"},rugby_football:{keywords:["sports","team"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏉" src="1f3c9.png"/>',fitzpatrick_scale:false,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥏" src="1f94f.png"/>',fitzpatrick_scale:false,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎱" src="1f3b1.png"/>',fitzpatrick_scale:false,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛳" src="26f3.png"/>',fitzpatrick_scale:false,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏌️‍♀️" src="1f3cc-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:false,category:"activity"},golfing_man:{keywords:["sports","business"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏌" src="1f3cc.png"/>',fitzpatrick_scale:true,category:"activity"},ping_pong:{keywords:["sports","pingpong"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏓" src="1f3d3.png"/>',fitzpatrick_scale:false,category:"activity"},badminton:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏸" src="1f3f8.png"/>',fitzpatrick_scale:false,category:"activity"},goal_net:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥅" src="1f945.png"/>',fitzpatrick_scale:false,category:"activity"},ice_hockey:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏒" src="1f3d2.png"/>',fitzpatrick_scale:false,category:"activity"},field_hockey:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏑" src="1f3d1.png"/>',fitzpatrick_scale:false,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥍" src="1f94d.png"/>',fitzpatrick_scale:false,category:"activity"},cricket:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏏" src="1f3cf.png"/>',fitzpatrick_scale:false,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎿" src="1f3bf.png"/>',fitzpatrick_scale:false,category:"activity"},skier:{keywords:["sports","winter","snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛷" src="26f7.png"/>',fitzpatrick_scale:false,category:"activity"},snowboarder:{keywords:["sports","winter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏂" src="1f3c2.png"/>',fitzpatrick_scale:true,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤺" src="1f93a.png"/>',fitzpatrick_scale:false,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤼‍♀️" src="1f93c-200d-2640-fe0f.png"/>',fitzpatrick_scale:false,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤼‍♂️" src="1f93c-200d-2642-fe0f.png"/>',fitzpatrick_scale:false,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤸‍♀️" src="1f938-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤸‍♂️" src="1f938-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},woman_playing_handball:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤾‍♀️" src="1f93e-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_playing_handball:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤾‍♂️" src="1f93e-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},ice_skate:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛸" src="26f8.png"/>',fitzpatrick_scale:false,category:"activity"},curling_stone:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥌" src="1f94c.png"/>',fitzpatrick_scale:false,category:"activity"},skateboard:{keywords:["board"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛹" src="1f6f9.png"/>',fitzpatrick_scale:false,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛷" src="1f6f7.png"/>',fitzpatrick_scale:false,category:"activity"},bow_and_arrow:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏹" src="1f3f9.png"/>',fitzpatrick_scale:false,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎣" src="1f3a3.png"/>',fitzpatrick_scale:false,category:"activity"},boxing_glove:{keywords:["sports","fighting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥊" src="1f94a.png"/>',fitzpatrick_scale:false,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥋" src="1f94b.png"/>',fitzpatrick_scale:false,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚣‍♀️" src="1f6a3-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚣" src="1f6a3.png"/>',fitzpatrick_scale:true,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧗‍♀️" src="1f9d7-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧗‍♂️" src="1f9d7-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏊‍♀️" src="1f3ca-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏊" src="1f3ca.png"/>',fitzpatrick_scale:true,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤽‍♀️" src="1f93d-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤽‍♂️" src="1f93d-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧘‍♀️" src="1f9d8-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧘‍♂️" src="1f9d8-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏄‍♀️" src="1f3c4-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏄" src="1f3c4.png"/>',fitzpatrick_scale:true,category:"activity"},bath:{keywords:["clean","shower","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛀" src="1f6c0.png"/>',fitzpatrick_scale:true,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛹️‍♀️" src="26f9-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},basketball_man:{keywords:["sports","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛹" src="26f9.png"/>',fitzpatrick_scale:true,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏋️‍♀️" src="1f3cb-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏋" src="1f3cb.png"/>',fitzpatrick_scale:true,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚴‍♀️" src="1f6b4-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚴" src="1f6b4.png"/>',fitzpatrick_scale:true,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚵‍♀️" src="1f6b5-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚵" src="1f6b5.png"/>',fitzpatrick_scale:true,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏇" src="1f3c7.png"/>',fitzpatrick_scale:true,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕴" src="1f574.png"/>',fitzpatrick_scale:true,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏆" src="1f3c6.png"/>',fitzpatrick_scale:false,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎽" src="1f3bd.png"/>',fitzpatrick_scale:false,category:"activity"},medal_sports:{keywords:["award","winning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏅" src="1f3c5.png"/>',fitzpatrick_scale:false,category:"activity"},medal_military:{keywords:["award","winning","army"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎖" src="1f396.png"/>',fitzpatrick_scale:false,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥇" src="1f947.png"/>',fitzpatrick_scale:false,category:"activity"},"2nd_place_medal":{keywords:["award","second"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥈" src="1f948.png"/>',fitzpatrick_scale:false,category:"activity"},"3rd_place_medal":{keywords:["award","third"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥉" src="1f949.png"/>',fitzpatrick_scale:false,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎗" src="1f397.png"/>',fitzpatrick_scale:false,category:"activity"},rosette:{keywords:["flower","decoration","military"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏵" src="1f3f5.png"/>',fitzpatrick_scale:false,category:"activity"},ticket:{keywords:["event","concert","pass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎫" src="1f3ab.png"/>',fitzpatrick_scale:false,category:"activity"},tickets:{keywords:["sports","concert","entrance"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎟" src="1f39f.png"/>',fitzpatrick_scale:false,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎭" src="1f3ad.png"/>',fitzpatrick_scale:false,category:"activity"},art:{keywords:["design","paint","draw","colors"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎨" src="1f3a8.png"/>',fitzpatrick_scale:false,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎪" src="1f3aa.png"/>',fitzpatrick_scale:false,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤹‍♀️" src="1f939-200d-2640-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🤹‍♂️" src="1f939-200d-2642-fe0f.png"/>',fitzpatrick_scale:true,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎤" src="1f3a4.png"/>',fitzpatrick_scale:false,category:"activity"},headphones:{keywords:["music","score","gadgets"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎧" src="1f3a7.png"/>',fitzpatrick_scale:false,category:"activity"},musical_score:{keywords:["treble","clef","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎼" src="1f3bc.png"/>',fitzpatrick_scale:false,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎹" src="1f3b9.png"/>',fitzpatrick_scale:false,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🥁" src="1f941.png"/>',fitzpatrick_scale:false,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎷" src="1f3b7.png"/>',fitzpatrick_scale:false,category:"activity"},trumpet:{keywords:["music","brass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎺" src="1f3ba.png"/>',fitzpatrick_scale:false,category:"activity"},guitar:{keywords:["music","instrument"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎸" src="1f3b8.png"/>',fitzpatrick_scale:false,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎻" src="1f3bb.png"/>',fitzpatrick_scale:false,category:"activity"},clapper:{keywords:["movie","film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎬" src="1f3ac.png"/>',fitzpatrick_scale:false,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎮" src="1f3ae.png"/>',fitzpatrick_scale:false,category:"activity"},space_invader:{keywords:["game","arcade","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="👾" src="1f47e.png"/>',fitzpatrick_scale:false,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎯" src="1f3af.png"/>',fitzpatrick_scale:false,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎲" src="1f3b2.png"/>',fitzpatrick_scale:false,category:"activity"},chess_pawn:{keywords:["expendable"],char:"♟",fitzpatrick_scale:false,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎰" src="1f3b0.png"/>',fitzpatrick_scale:false,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧩" src="1f9e9.png"/>',fitzpatrick_scale:false,category:"activity"},bowling:{keywords:["sports","fun","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎳" src="1f3b3.png"/>',fitzpatrick_scale:false,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚗" src="1f697.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚕" src="1f695.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚙" src="1f699.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚌" src="1f68c.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚎" src="1f68e.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏎" src="1f3ce.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚓" src="1f693.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚑" src="1f691.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚒" src="1f692.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚐" src="1f690.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},truck:{keywords:["cars","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚚" src="1f69a.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚛" src="1f69b.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚜" src="1f69c.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛴" src="1f6f4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏍" src="1f3cd.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚲" src="1f6b2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛵" src="1f6f5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚨" src="1f6a8.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚔" src="1f694.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚍" src="1f68d.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚘" src="1f698.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚖" src="1f696.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚡" src="1f6a1.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚠" src="1f6a0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚟" src="1f69f.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚃" src="1f683.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚋" src="1f68b.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚝" src="1f69d.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚄" src="1f684.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚅" src="1f685.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚈" src="1f688.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚞" src="1f69e.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚂" src="1f682.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚆" src="1f686.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚇" src="1f687.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚊" src="1f68a.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚉" src="1f689.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛸" src="1f6f8.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚁" src="1f681.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛩" src="1f6e9.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✈️" src="2708.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛫" src="1f6eb.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛬" src="1f6ec.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛵" src="26f5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},motor_boat:{keywords:["ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛥" src="1f6e5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚤" src="1f6a4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛴" src="26f4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛳" src="1f6f3.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚀" src="1f680.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛰" src="1f6f0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💺" src="1f4ba.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛶" src="1f6f6.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚓" src="2693.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚧" src="1f6a7.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛽" src="26fd.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚏" src="1f68f.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚦" src="1f6a6.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚥" src="1f6a5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏁" src="1f3c1.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚢" src="1f6a2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎡" src="1f3a1.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎢" src="1f3a2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎠" src="1f3a0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏗" src="1f3d7.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌁" src="1f301.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗼" src="1f5fc.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏭" src="1f3ed.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛲" src="26f2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎑" src="1f391.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛰" src="26f0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏔" src="1f3d4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗻" src="1f5fb.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌋" src="1f30b.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗾" src="1f5fe.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏕" src="1f3d5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛺" src="26fa.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏞" src="1f3de.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛣" src="1f6e3.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛤" src="1f6e4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌅" src="1f305.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌄" src="1f304.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏜" src="1f3dc.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏖" src="1f3d6.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏝" src="1f3dd.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌇" src="1f307.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌆" src="1f306.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏙" src="1f3d9.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌃" src="1f303.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌉" src="1f309.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌌" src="1f30c.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},stars:{keywords:["night","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌠" src="1f320.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎇" src="1f387.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎆" src="1f386.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌈" src="1f308.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},houses:{keywords:["buildings","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏘" src="1f3d8.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏰" src="1f3f0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏯" src="1f3ef.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏟" src="1f3df.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗽" src="1f5fd.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},house:{keywords:["building","home"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏠" src="1f3e0.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏡" src="1f3e1.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏚" src="1f3da.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},office:{keywords:["building","bureau","work"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏢" src="1f3e2.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏬" src="1f3ec.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏣" src="1f3e3.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},european_post_office:{keywords:["building","email"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏤" src="1f3e4.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏥" src="1f3e5.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏦" src="1f3e6.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏨" src="1f3e8.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏪" src="1f3ea.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏫" src="1f3eb.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏩" src="1f3e9.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💒" src="1f492.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏛" src="1f3db.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},church:{keywords:["building","religion","christ"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛪" src="26ea.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕌" src="1f54c.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕍" src="1f54d.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕋" src="1f54b.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛩" src="26e9.png"/>',fitzpatrick_scale:false,category:"travel_and_places"},watch:{keywords:["time","accessories"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⌚" src="231a.png"/>',fitzpatrick_scale:false,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📱" src="1f4f1.png"/>',fitzpatrick_scale:false,category:"objects"},calling:{keywords:["iphone","incoming"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📲" src="1f4f2.png"/>',fitzpatrick_scale:false,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💻" src="1f4bb.png"/>',fitzpatrick_scale:false,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⌨" src="2328.png"/>',fitzpatrick_scale:false,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖥" src="1f5a5.png"/>',fitzpatrick_scale:false,category:"objects"},printer:{keywords:["paper","ink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖨" src="1f5a8.png"/>',fitzpatrick_scale:false,category:"objects"},computer_mouse:{keywords:["click"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖱" src="1f5b1.png"/>',fitzpatrick_scale:false,category:"objects"},trackball:{keywords:["technology","trackpad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖲" src="1f5b2.png"/>',fitzpatrick_scale:false,category:"objects"},joystick:{keywords:["game","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕹" src="1f579.png"/>',fitzpatrick_scale:false,category:"objects"},clamp:{keywords:["tool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗜" src="1f5dc.png"/>',fitzpatrick_scale:false,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💽" src="1f4bd.png"/>',fitzpatrick_scale:false,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💾" src="1f4be.png"/>',fitzpatrick_scale:false,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💿" src="1f4bf.png"/>',fitzpatrick_scale:false,category:"objects"},dvd:{keywords:["cd","disk","disc"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📀" src="1f4c0.png"/>',fitzpatrick_scale:false,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📼" src="1f4fc.png"/>',fitzpatrick_scale:false,category:"objects"},camera:{keywords:["gadgets","photography"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📷" src="1f4f7.png"/>',fitzpatrick_scale:false,category:"objects"},camera_flash:{keywords:["photography","gadgets"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📸" src="1f4f8.png"/>',fitzpatrick_scale:false,category:"objects"},video_camera:{keywords:["film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📹" src="1f4f9.png"/>',fitzpatrick_scale:false,category:"objects"},movie_camera:{keywords:["film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎥" src="1f3a5.png"/>',fitzpatrick_scale:false,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📽" src="1f4fd.png"/>',fitzpatrick_scale:false,category:"objects"},film_strip:{keywords:["movie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎞" src="1f39e.png"/>',fitzpatrick_scale:false,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📞" src="1f4de.png"/>',fitzpatrick_scale:false,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☎️" src="260e.png"/>',fitzpatrick_scale:false,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📟" src="1f4df.png"/>',fitzpatrick_scale:false,category:"objects"},fax:{keywords:["communication","technology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📠" src="1f4e0.png"/>',fitzpatrick_scale:false,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📺" src="1f4fa.png"/>',fitzpatrick_scale:false,category:"objects"},radio:{keywords:["communication","music","podcast","program"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📻" src="1f4fb.png"/>',fitzpatrick_scale:false,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎙" src="1f399.png"/>',fitzpatrick_scale:false,category:"objects"},level_slider:{keywords:["scale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎚" src="1f39a.png"/>',fitzpatrick_scale:false,category:"objects"},control_knobs:{keywords:["dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎛" src="1f39b.png"/>',fitzpatrick_scale:false,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧭" src="1f9ed.png"/>',fitzpatrick_scale:false,category:"objects"},stopwatch:{keywords:["time","deadline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏱" src="23f1.png"/>',fitzpatrick_scale:false,category:"objects"},timer_clock:{keywords:["alarm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏲" src="23f2.png"/>',fitzpatrick_scale:false,category:"objects"},alarm_clock:{keywords:["time","wake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏰" src="23f0.png"/>',fitzpatrick_scale:false,category:"objects"},mantelpiece_clock:{keywords:["time"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕰" src="1f570.png"/>',fitzpatrick_scale:false,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏳" src="23f3.png"/>',fitzpatrick_scale:false,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⌛" src="231b.png"/>',fitzpatrick_scale:false,category:"objects"},satellite:{keywords:["communication","future","radio","space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📡" src="1f4e1.png"/>',fitzpatrick_scale:false,category:"objects"},battery:{keywords:["power","energy","sustain"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔋" src="1f50b.png"/>',fitzpatrick_scale:false,category:"objects"},electric_plug:{keywords:["charger","power"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔌" src="1f50c.png"/>',fitzpatrick_scale:false,category:"objects"},bulb:{keywords:["light","electricity","idea"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💡" src="1f4a1.png"/>',fitzpatrick_scale:false,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔦" src="1f526.png"/>',fitzpatrick_scale:false,category:"objects"},candle:{keywords:["fire","wax"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕯" src="1f56f.png"/>',fitzpatrick_scale:false,category:"objects"},fire_extinguisher:{keywords:["quench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧯" src="1f9ef.png"/>',fitzpatrick_scale:false,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗑" src="1f5d1.png"/>',fitzpatrick_scale:false,category:"objects"},oil_drum:{keywords:["barrell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛢" src="1f6e2.png"/>',fitzpatrick_scale:false,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💸" src="1f4b8.png"/>',fitzpatrick_scale:false,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💵" src="1f4b5.png"/>',fitzpatrick_scale:false,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💴" src="1f4b4.png"/>',fitzpatrick_scale:false,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💶" src="1f4b6.png"/>',fitzpatrick_scale:false,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💷" src="1f4b7.png"/>',fitzpatrick_scale:false,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💰" src="1f4b0.png"/>',fitzpatrick_scale:false,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💳" src="1f4b3.png"/>',fitzpatrick_scale:false,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💎" src="1f48e.png"/>',fitzpatrick_scale:false,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚖" src="2696.png"/>',fitzpatrick_scale:false,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧰" src="1f9f0.png"/>',fitzpatrick_scale:false,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔧" src="1f527.png"/>',fitzpatrick_scale:false,category:"objects"},hammer:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔨" src="1f528.png"/>',fitzpatrick_scale:false,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚒" src="2692.png"/>',fitzpatrick_scale:false,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛠" src="1f6e0.png"/>',fitzpatrick_scale:false,category:"objects"},pick:{keywords:["tools","dig"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛏" src="26cf.png"/>',fitzpatrick_scale:false,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔩" src="1f529.png"/>',fitzpatrick_scale:false,category:"objects"},gear:{keywords:["cog"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚙" src="2699.png"/>',fitzpatrick_scale:false,category:"objects"},brick:{keywords:["bricks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧱" src="1f9f1.png"/>',fitzpatrick_scale:false,category:"objects"},chains:{keywords:["lock","arrest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛓" src="26d3.png"/>',fitzpatrick_scale:false,category:"objects"},magnet:{keywords:["attraction","magnetic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧲" src="1f9f2.png"/>',fitzpatrick_scale:false,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔫" src="1f52b.png"/>',fitzpatrick_scale:false,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💣" src="1f4a3.png"/>',fitzpatrick_scale:false,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧨" src="1f9e8.png"/>',fitzpatrick_scale:false,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔪" src="1f52a.png"/>',fitzpatrick_scale:false,category:"objects"},dagger:{keywords:["weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗡" src="1f5e1.png"/>',fitzpatrick_scale:false,category:"objects"},crossed_swords:{keywords:["weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚔" src="2694.png"/>',fitzpatrick_scale:false,category:"objects"},shield:{keywords:["protection","security"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛡" src="1f6e1.png"/>',fitzpatrick_scale:false,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚬" src="1f6ac.png"/>',fitzpatrick_scale:false,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☠" src="2620.png"/>',fitzpatrick_scale:false,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚰" src="26b0.png"/>',fitzpatrick_scale:false,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚱" src="26b1.png"/>',fitzpatrick_scale:false,category:"objects"},amphora:{keywords:["vase","jar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏺" src="1f3fa.png"/>',fitzpatrick_scale:false,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔮" src="1f52e.png"/>',fitzpatrick_scale:false,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📿" src="1f4ff.png"/>',fitzpatrick_scale:false,category:"objects"},nazar_amulet:{keywords:["bead","charm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧿" src="1f9ff.png"/>',fitzpatrick_scale:false,category:"objects"},barber:{keywords:["hair","salon","style"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💈" src="1f488.png"/>',fitzpatrick_scale:false,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚗" src="2697.png"/>',fitzpatrick_scale:false,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔭" src="1f52d.png"/>',fitzpatrick_scale:false,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔬" src="1f52c.png"/>',fitzpatrick_scale:false,category:"objects"},hole:{keywords:["embarrassing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕳" src="1f573.png"/>',fitzpatrick_scale:false,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💊" src="1f48a.png"/>',fitzpatrick_scale:false,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💉" src="1f489.png"/>',fitzpatrick_scale:false,category:"objects"},dna:{keywords:["biologist","genetics","life"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧬" src="1f9ec.png"/>',fitzpatrick_scale:false,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🦠" src="1f9a0.png"/>',fitzpatrick_scale:false,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧫" src="1f9eb.png"/>',fitzpatrick_scale:false,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧪" src="1f9ea.png"/>',fitzpatrick_scale:false,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌡" src="1f321.png"/>',fitzpatrick_scale:false,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧹" src="1f9f9.png"/>',fitzpatrick_scale:false,category:"objects"},basket:{keywords:["laundry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧺" src="1f9fa.png"/>',fitzpatrick_scale:false,category:"objects"},toilet_paper:{keywords:["roll"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧻" src="1f9fb.png"/>',fitzpatrick_scale:false,category:"objects"},label:{keywords:["sale","tag"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏷" src="1f3f7.png"/>',fitzpatrick_scale:false,category:"objects"},bookmark:{keywords:["favorite","label","save"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔖" src="1f516.png"/>',fitzpatrick_scale:false,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚽" src="1f6bd.png"/>',fitzpatrick_scale:false,category:"objects"},shower:{keywords:["clean","water","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚿" src="1f6bf.png"/>',fitzpatrick_scale:false,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛁" src="1f6c1.png"/>',fitzpatrick_scale:false,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧼" src="1f9fc.png"/>',fitzpatrick_scale:false,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧽" src="1f9fd.png"/>',fitzpatrick_scale:false,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧴" src="1f9f4.png"/>',fitzpatrick_scale:false,category:"objects"},key:{keywords:["lock","door","password"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔑" src="1f511.png"/>',fitzpatrick_scale:false,category:"objects"},old_key:{keywords:["lock","door","password"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗝" src="1f5dd.png"/>',fitzpatrick_scale:false,category:"objects"},couch_and_lamp:{keywords:["read","chill"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛋" src="1f6cb.png"/>',fitzpatrick_scale:false,category:"objects"},sleeping_bed:{keywords:["bed","rest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛌" src="1f6cc.png"/>',fitzpatrick_scale:true,category:"objects"},bed:{keywords:["sleep","rest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛏" src="1f6cf.png"/>',fitzpatrick_scale:false,category:"objects"},door:{keywords:["house","entry","exit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚪" src="1f6aa.png"/>',fitzpatrick_scale:false,category:"objects"},bellhop_bell:{keywords:["service"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛎" src="1f6ce.png"/>',fitzpatrick_scale:false,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧸" src="1f9f8.png"/>',fitzpatrick_scale:false,category:"objects"},framed_picture:{keywords:["photography"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖼" src="1f5bc.png"/>',fitzpatrick_scale:false,category:"objects"},world_map:{keywords:["location","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗺" src="1f5fa.png"/>',fitzpatrick_scale:false,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛱" src="26f1.png"/>',fitzpatrick_scale:false,category:"objects"},moyai:{keywords:["rock","easter island","moai"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗿" src="1f5ff.png"/>',fitzpatrick_scale:false,category:"objects"},shopping:{keywords:["mall","buy","purchase"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛍" src="1f6cd.png"/>',fitzpatrick_scale:false,category:"objects"},shopping_cart:{keywords:["trolley"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛒" src="1f6d2.png"/>',fitzpatrick_scale:false,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎈" src="1f388.png"/>',fitzpatrick_scale:false,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎏" src="1f38f.png"/>',fitzpatrick_scale:false,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎀" src="1f380.png"/>',fitzpatrick_scale:false,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎁" src="1f381.png"/>',fitzpatrick_scale:false,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎊" src="1f38a.png"/>',fitzpatrick_scale:false,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎉" src="1f389.png"/>',fitzpatrick_scale:false,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎎" src="1f38e.png"/>',fitzpatrick_scale:false,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎐" src="1f390.png"/>',fitzpatrick_scale:false,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎌" src="1f38c.png"/>',fitzpatrick_scale:false,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏮" src="1f3ee.png"/>',fitzpatrick_scale:false,category:"objects"},red_envelope:{keywords:["gift"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧧" src="1f9e7.png"/>',fitzpatrick_scale:false,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✉️" src="2709.png"/>',fitzpatrick_scale:false,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📩" src="1f4e9.png"/>',fitzpatrick_scale:false,category:"objects"},incoming_envelope:{keywords:["email","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📨" src="1f4e8.png"/>',fitzpatrick_scale:false,category:"objects"},"e-mail":{keywords:["communication","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📧" src="1f4e7.png"/>',fitzpatrick_scale:false,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💌" src="1f48c.png"/>',fitzpatrick_scale:false,category:"objects"},postbox:{keywords:["email","letter","envelope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📮" src="1f4ee.png"/>',fitzpatrick_scale:false,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📪" src="1f4ea.png"/>',fitzpatrick_scale:false,category:"objects"},mailbox:{keywords:["email","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📫" src="1f4eb.png"/>',fitzpatrick_scale:false,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📬" src="1f4ec.png"/>',fitzpatrick_scale:false,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📭" src="1f4ed.png"/>',fitzpatrick_scale:false,category:"objects"},package:{keywords:["mail","gift","cardboard","box","moving"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📦" src="1f4e6.png"/>',fitzpatrick_scale:false,category:"objects"},postal_horn:{keywords:["instrument","music"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📯" src="1f4ef.png"/>',fitzpatrick_scale:false,category:"objects"},inbox_tray:{keywords:["email","documents"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📥" src="1f4e5.png"/>',fitzpatrick_scale:false,category:"objects"},outbox_tray:{keywords:["inbox","email"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📤" src="1f4e4.png"/>',fitzpatrick_scale:false,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📜" src="1f4dc.png"/>',fitzpatrick_scale:false,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📃" src="1f4c3.png"/>',fitzpatrick_scale:false,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📑" src="1f4d1.png"/>',fitzpatrick_scale:false,category:"objects"},receipt:{keywords:["accounting","expenses"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧾" src="1f9fe.png"/>',fitzpatrick_scale:false,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📊" src="1f4ca.png"/>',fitzpatrick_scale:false,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📈" src="1f4c8.png"/>',fitzpatrick_scale:false,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📉" src="1f4c9.png"/>',fitzpatrick_scale:false,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📄" src="1f4c4.png"/>',fitzpatrick_scale:false,category:"objects"},date:{keywords:["calendar","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📅" src="1f4c5.png"/>',fitzpatrick_scale:false,category:"objects"},calendar:{keywords:["schedule","date","planning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📆" src="1f4c6.png"/>',fitzpatrick_scale:false,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗓" src="1f5d3.png"/>',fitzpatrick_scale:false,category:"objects"},card_index:{keywords:["business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📇" src="1f4c7.png"/>',fitzpatrick_scale:false,category:"objects"},card_file_box:{keywords:["business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗃" src="1f5c3.png"/>',fitzpatrick_scale:false,category:"objects"},ballot_box:{keywords:["election","vote"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗳" src="1f5f3.png"/>',fitzpatrick_scale:false,category:"objects"},file_cabinet:{keywords:["filing","organizing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗄" src="1f5c4.png"/>',fitzpatrick_scale:false,category:"objects"},clipboard:{keywords:["stationery","documents"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📋" src="1f4cb.png"/>',fitzpatrick_scale:false,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗒" src="1f5d2.png"/>',fitzpatrick_scale:false,category:"objects"},file_folder:{keywords:["documents","business","office"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📁" src="1f4c1.png"/>',fitzpatrick_scale:false,category:"objects"},open_file_folder:{keywords:["documents","load"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📂" src="1f4c2.png"/>',fitzpatrick_scale:false,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗂" src="1f5c2.png"/>',fitzpatrick_scale:false,category:"objects"},newspaper_roll:{keywords:["press","headline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗞" src="1f5de.png"/>',fitzpatrick_scale:false,category:"objects"},newspaper:{keywords:["press","headline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📰" src="1f4f0.png"/>',fitzpatrick_scale:false,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📓" src="1f4d3.png"/>',fitzpatrick_scale:false,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📕" src="1f4d5.png"/>',fitzpatrick_scale:false,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📗" src="1f4d7.png"/>',fitzpatrick_scale:false,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📘" src="1f4d8.png"/>',fitzpatrick_scale:false,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📙" src="1f4d9.png"/>',fitzpatrick_scale:false,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📔" src="1f4d4.png"/>',fitzpatrick_scale:false,category:"objects"},ledger:{keywords:["notes","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📒" src="1f4d2.png"/>',fitzpatrick_scale:false,category:"objects"},books:{keywords:["literature","library","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📚" src="1f4da.png"/>',fitzpatrick_scale:false,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📖" src="1f4d6.png"/>',fitzpatrick_scale:false,category:"objects"},safety_pin:{keywords:["diaper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧷" src="1f9f7.png"/>',fitzpatrick_scale:false,category:"objects"},link:{keywords:["rings","url"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔗" src="1f517.png"/>',fitzpatrick_scale:false,category:"objects"},paperclip:{keywords:["documents","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📎" src="1f4ce.png"/>',fitzpatrick_scale:false,category:"objects"},paperclips:{keywords:["documents","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖇" src="1f587.png"/>',fitzpatrick_scale:false,category:"objects"},scissors:{keywords:["stationery","cut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✂️" src="2702.png"/>',fitzpatrick_scale:false,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📐" src="1f4d0.png"/>',fitzpatrick_scale:false,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📏" src="1f4cf.png"/>',fitzpatrick_scale:false,category:"objects"},abacus:{keywords:["calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧮" src="1f9ee.png"/>',fitzpatrick_scale:false,category:"objects"},pushpin:{keywords:["stationery","mark","here"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📌" src="1f4cc.png"/>',fitzpatrick_scale:false,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📍" src="1f4cd.png"/>',fitzpatrick_scale:false,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚩" src="1f6a9.png"/>',fitzpatrick_scale:false,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏳" src="1f3f3.png"/>',fitzpatrick_scale:false,category:"objects"},black_flag:{keywords:["pirate"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴" src="1f3f4.png"/>',fitzpatrick_scale:false,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏳️‍🌈" src="1f3f3-fe0f-200d-1f308.png"/>',fitzpatrick_scale:false,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔐" src="1f510.png"/>',fitzpatrick_scale:false,category:"objects"},lock:{keywords:["security","password","padlock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔒" src="1f512.png"/>',fitzpatrick_scale:false,category:"objects"},unlock:{keywords:["privacy","security"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔓" src="1f513.png"/>',fitzpatrick_scale:false,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔏" src="1f50f.png"/>',fitzpatrick_scale:false,category:"objects"},pen:{keywords:["stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖊" src="1f58a.png"/>',fitzpatrick_scale:false,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖋" src="1f58b.png"/>',fitzpatrick_scale:false,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✒️" src="2712.png"/>',fitzpatrick_scale:false,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📝" src="1f4dd.png"/>',fitzpatrick_scale:false,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✏️" src="270f.png"/>',fitzpatrick_scale:false,category:"objects"},crayon:{keywords:["drawing","creativity"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖍" src="1f58d.png"/>',fitzpatrick_scale:false,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖌" src="1f58c.png"/>',fitzpatrick_scale:false,category:"objects"},mag:{keywords:["search","zoom","find","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔍" src="1f50d.png"/>',fitzpatrick_scale:false,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔎" src="1f50e.png"/>',fitzpatrick_scale:false,category:"objects"},heart:{keywords:["love","like","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❤️" src="2764.png"/>',fitzpatrick_scale:false,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🧡" src="1f9e1.png"/>',fitzpatrick_scale:false,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💛" src="1f49b.png"/>',fitzpatrick_scale:false,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💚" src="1f49a.png"/>',fitzpatrick_scale:false,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💙" src="1f499.png"/>',fitzpatrick_scale:false,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💜" src="1f49c.png"/>',fitzpatrick_scale:false,category:"symbols"},black_heart:{keywords:["evil"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🖤" src="1f5a4.png"/>',fitzpatrick_scale:false,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💔" src="1f494.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❣" src="2763.png"/>',fitzpatrick_scale:false,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💕" src="1f495.png"/>',fitzpatrick_scale:false,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💞" src="1f49e.png"/>',fitzpatrick_scale:false,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💓" src="1f493.png"/>',fitzpatrick_scale:false,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💗" src="1f497.png"/>',fitzpatrick_scale:false,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💖" src="1f496.png"/>',fitzpatrick_scale:false,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💘" src="1f498.png"/>',fitzpatrick_scale:false,category:"symbols"},gift_heart:{keywords:["love","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💝" src="1f49d.png"/>',fitzpatrick_scale:false,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💟" src="1f49f.png"/>',fitzpatrick_scale:false,category:"symbols"},peace_symbol:{keywords:["hippie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☮" src="262e.png"/>',fitzpatrick_scale:false,category:"symbols"},latin_cross:{keywords:["christianity"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✝" src="271d.png"/>',fitzpatrick_scale:false,category:"symbols"},star_and_crescent:{keywords:["islam"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☪" src="262a.png"/>',fitzpatrick_scale:false,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕉" src="1f549.png"/>',fitzpatrick_scale:false,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☸" src="2638.png"/>',fitzpatrick_scale:false,category:"symbols"},star_of_david:{keywords:["judaism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✡" src="2721.png"/>',fitzpatrick_scale:false,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔯" src="1f52f.png"/>',fitzpatrick_scale:false,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕎" src="1f54e.png"/>',fitzpatrick_scale:false,category:"symbols"},yin_yang:{keywords:["balance"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☯" src="262f.png"/>',fitzpatrick_scale:false,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☦" src="2626.png"/>',fitzpatrick_scale:false,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛐" src="1f6d0.png"/>',fitzpatrick_scale:false,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛎" src="26ce.png"/>',fitzpatrick_scale:false,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♈" src="2648.png"/>',fitzpatrick_scale:false,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♉" src="2649.png"/>',fitzpatrick_scale:false,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♊" src="264a.png"/>',fitzpatrick_scale:false,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♋" src="264b.png"/>',fitzpatrick_scale:false,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♌" src="264c.png"/>',fitzpatrick_scale:false,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♍" src="264d.png"/>',fitzpatrick_scale:false,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♎" src="264e.png"/>',fitzpatrick_scale:false,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♏" src="264f.png"/>',fitzpatrick_scale:false,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♐" src="2650.png"/>',fitzpatrick_scale:false,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♑" src="2651.png"/>',fitzpatrick_scale:false,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♒" src="2652.png"/>',fitzpatrick_scale:false,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♓" src="2653.png"/>',fitzpatrick_scale:false,category:"symbols"},id:{keywords:["purple-square","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆔" src="1f194.png"/>',fitzpatrick_scale:false,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚛" src="269b.png"/>',fitzpatrick_scale:false,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈳" src="1f233.png"/>',fitzpatrick_scale:false,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈹" src="1f239.png"/>',fitzpatrick_scale:false,category:"symbols"},radioactive:{keywords:["nuclear","danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☢" src="2622.png"/>',fitzpatrick_scale:false,category:"symbols"},biohazard:{keywords:["danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☣" src="2623.png"/>',fitzpatrick_scale:false,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📴" src="1f4f4.png"/>',fitzpatrick_scale:false,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📳" src="1f4f3.png"/>',fitzpatrick_scale:false,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈶" src="1f236.png"/>',fitzpatrick_scale:false,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈚" src="1f21a.png"/>',fitzpatrick_scale:false,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈸" src="1f238.png"/>',fitzpatrick_scale:false,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈺" src="1f23a.png"/>',fitzpatrick_scale:false,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈷️" src="1f237.png"/>',fitzpatrick_scale:false,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✴️" src="2734.png"/>',fitzpatrick_scale:false,category:"symbols"},vs:{keywords:["words","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆚" src="1f19a.png"/>',fitzpatrick_scale:false,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🉑" src="1f251.png"/>',fitzpatrick_scale:false,category:"symbols"},white_flower:{keywords:["japanese","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💮" src="1f4ae.png"/>',fitzpatrick_scale:false,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🉐" src="1f250.png"/>',fitzpatrick_scale:false,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="㊙️" src="3299.png"/>',fitzpatrick_scale:false,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="㊗️" src="3297.png"/>',fitzpatrick_scale:false,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈴" src="1f234.png"/>',fitzpatrick_scale:false,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈵" src="1f235.png"/>',fitzpatrick_scale:false,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈲" src="1f232.png"/>',fitzpatrick_scale:false,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🅰️" src="1f170.png"/>',fitzpatrick_scale:false,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🅱️" src="1f171.png"/>',fitzpatrick_scale:false,category:"symbols"},ab:{keywords:["red-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆎" src="1f18e.png"/>',fitzpatrick_scale:false,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆑" src="1f191.png"/>',fitzpatrick_scale:false,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🅾️" src="1f17e.png"/>',fitzpatrick_scale:false,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆘" src="1f198.png"/>',fitzpatrick_scale:false,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⛔" src="26d4.png"/>',fitzpatrick_scale:false,category:"symbols"},name_badge:{keywords:["fire","forbid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📛" src="1f4db.png"/>',fitzpatrick_scale:false,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚫" src="1f6ab.png"/>',fitzpatrick_scale:false,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❌" src="274c.png"/>',fitzpatrick_scale:false,category:"symbols"},o:{keywords:["circle","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⭕" src="2b55.png"/>',fitzpatrick_scale:false,category:"symbols"},stop_sign:{keywords:["stop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛑" src="1f6d1.png"/>',fitzpatrick_scale:false,category:"symbols"},anger:{keywords:["angry","mad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💢" src="1f4a2.png"/>',fitzpatrick_scale:false,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♨️" src="2668.png"/>',fitzpatrick_scale:false,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚷" src="1f6b7.png"/>',fitzpatrick_scale:false,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚯" src="1f6af.png"/>',fitzpatrick_scale:false,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚳" src="1f6b3.png"/>',fitzpatrick_scale:false,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚱" src="1f6b1.png"/>',fitzpatrick_scale:false,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔞" src="1f51e.png"/>',fitzpatrick_scale:false,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📵" src="1f4f5.png"/>',fitzpatrick_scale:false,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❗" src="2757.png"/>',fitzpatrick_scale:false,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❕" src="2755.png"/>',fitzpatrick_scale:false,category:"symbols"},question:{keywords:["doubt","confused"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❓" src="2753.png"/>',fitzpatrick_scale:false,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❔" src="2754.png"/>',fitzpatrick_scale:false,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="‼️" src="203c.png"/>',fitzpatrick_scale:false,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⁉️" src="2049.png"/>',fitzpatrick_scale:false,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔅" src="1f505.png"/>',fitzpatrick_scale:false,category:"symbols"},high_brightness:{keywords:["sun","light"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔆" src="1f506.png"/>',fitzpatrick_scale:false,category:"symbols"},trident:{keywords:["weapon","spear"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔱" src="1f531.png"/>',fitzpatrick_scale:false,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚜" src="269c.png"/>',fitzpatrick_scale:false,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="〽️" src="303d.png"/>',fitzpatrick_scale:false,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚠️" src="26a0.png"/>',fitzpatrick_scale:false,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚸" src="1f6b8.png"/>',fitzpatrick_scale:false,category:"symbols"},beginner:{keywords:["badge","shield"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔰" src="1f530.png"/>',fitzpatrick_scale:false,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♻️" src="267b.png"/>',fitzpatrick_scale:false,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈯" src="1f22f.png"/>',fitzpatrick_scale:false,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💹" src="1f4b9.png"/>',fitzpatrick_scale:false,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❇️" src="2747.png"/>',fitzpatrick_scale:false,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✳️" src="2733.png"/>',fitzpatrick_scale:false,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="❎" src="274e.png"/>',fitzpatrick_scale:false,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✅" src="2705.png"/>',fitzpatrick_scale:false,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💠" src="1f4a0.png"/>',fitzpatrick_scale:false,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌀" src="1f300.png"/>',fitzpatrick_scale:false,category:"symbols"},loop:{keywords:["tape","cassette"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➿" src="27bf.png"/>',fitzpatrick_scale:false,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🌐" src="1f310.png"/>',fitzpatrick_scale:false,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="Ⓜ️" src="24c2.png"/>',fitzpatrick_scale:false,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏧" src="1f3e7.png"/>',fitzpatrick_scale:false,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈂️" src="1f202.png"/>',fitzpatrick_scale:false,category:"symbols"},passport_control:{keywords:["custom","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛂" src="1f6c2.png"/>',fitzpatrick_scale:false,category:"symbols"},customs:{keywords:["passport","border","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛃" src="1f6c3.png"/>',fitzpatrick_scale:false,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛄" src="1f6c4.png"/>',fitzpatrick_scale:false,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🛅" src="1f6c5.png"/>',fitzpatrick_scale:false,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♿" src="267f.png"/>',fitzpatrick_scale:false,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚭" src="1f6ad.png"/>',fitzpatrick_scale:false,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚾" src="1f6be.png"/>',fitzpatrick_scale:false,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🅿️" src="1f17f.png"/>',fitzpatrick_scale:false,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚰" src="1f6b0.png"/>',fitzpatrick_scale:false,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚹" src="1f6b9.png"/>',fitzpatrick_scale:false,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚺" src="1f6ba.png"/>',fitzpatrick_scale:false,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚼" src="1f6bc.png"/>',fitzpatrick_scale:false,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚻" src="1f6bb.png"/>',fitzpatrick_scale:false,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🚮" src="1f6ae.png"/>',fitzpatrick_scale:false,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎦" src="1f3a6.png"/>',fitzpatrick_scale:false,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📶" src="1f4f6.png"/>',fitzpatrick_scale:false,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🈁" src="1f201.png"/>',fitzpatrick_scale:false,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆖" src="1f196.png"/>',fitzpatrick_scale:false,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆗" src="1f197.png"/>',fitzpatrick_scale:false,category:"symbols"},up:{keywords:["blue-square","above","high"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆙" src="1f199.png"/>',fitzpatrick_scale:false,category:"symbols"},cool:{keywords:["words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆒" src="1f192.png"/>',fitzpatrick_scale:false,category:"symbols"},new:{keywords:["blue-square","words","start"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆕" src="1f195.png"/>',fitzpatrick_scale:false,category:"symbols"},free:{keywords:["blue-square","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🆓" src="1f193.png"/>',fitzpatrick_scale:false,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="0️⃣" src="30-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},one:{keywords:["blue-square","numbers","1"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="1️⃣" src="31-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="2️⃣" src="32-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="3️⃣" src="33-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},four:{keywords:["4","numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="4️⃣" src="34-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="5️⃣" src="35-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},six:{keywords:["6","numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="6️⃣" src="36-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="7️⃣" src="37-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="8️⃣" src="38-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="9️⃣" src="39-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔟" src="1f51f.png"/>',fitzpatrick_scale:false,category:"symbols"},asterisk:{keywords:["star","keycap"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="*⃣" src="2a-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},eject_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏏️" src="23cf.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="▶️" src="25b6.png"/>',fitzpatrick_scale:false,category:"symbols"},pause_button:{keywords:["pause","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏸" src="23f8.png"/>',fitzpatrick_scale:false,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏭" src="23ed.png"/>',fitzpatrick_scale:false,category:"symbols"},stop_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏹" src="23f9.png"/>',fitzpatrick_scale:false,category:"symbols"},record_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏺" src="23fa.png"/>',fitzpatrick_scale:false,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏯" src="23ef.png"/>',fitzpatrick_scale:false,category:"symbols"},previous_track_button:{keywords:["backward"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏮" src="23ee.png"/>',fitzpatrick_scale:false,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏩" src="23e9.png"/>',fitzpatrick_scale:false,category:"symbols"},rewind:{keywords:["play","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏪" src="23ea.png"/>',fitzpatrick_scale:false,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔀" src="1f500.png"/>',fitzpatrick_scale:false,category:"symbols"},repeat:{keywords:["loop","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔁" src="1f501.png"/>',fitzpatrick_scale:false,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔂" src="1f502.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◀️" src="25c0.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔼" src="1f53c.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔽" src="1f53d.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏫" src="23eb.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⏬" src="23ec.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_right:{keywords:["blue-square","next"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➡️" src="27a1.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬅️" src="2b05.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬆️" src="2b06.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬇️" src="2b07.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↗️" src="2197.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↘️" src="2198.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↙️" src="2199.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↖️" src="2196.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↕️" src="2195.png"/>',fitzpatrick_scale:false,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↔️" src="2194.png"/>',fitzpatrick_scale:false,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔄" src="1f504.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↪️" src="21aa.png"/>',fitzpatrick_scale:false,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="↩️" src="21a9.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⤴️" src="2934.png"/>',fitzpatrick_scale:false,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⤵️" src="2935.png"/>',fitzpatrick_scale:false,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="#️⃣" src="23-20e3.png"/>',fitzpatrick_scale:false,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="ℹ️" src="2139.png"/>',fitzpatrick_scale:false,category:"symbols"},abc:{keywords:["blue-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔤" src="1f524.png"/>',fitzpatrick_scale:false,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔡" src="1f521.png"/>',fitzpatrick_scale:false,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔠" src="1f520.png"/>',fitzpatrick_scale:false,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔣" src="1f523.png"/>',fitzpatrick_scale:false,category:"symbols"},musical_note:{keywords:["score","tone","sound"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎵" src="1f3b5.png"/>',fitzpatrick_scale:false,category:"symbols"},notes:{keywords:["music","score"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎶" src="1f3b6.png"/>',fitzpatrick_scale:false,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="〰️" src="3030.png"/>',fitzpatrick_scale:false,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➰" src="27b0.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✔️" src="2714.png"/>',fitzpatrick_scale:false,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔃" src="1f503.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➕" src="2795.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➖" src="2796.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="➗" src="2797.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="✖️" src="2716.png"/>',fitzpatrick_scale:false,category:"symbols"},infinity:{keywords:["forever"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♾" src="267e.png"/>',fitzpatrick_scale:false,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💲" src="1f4b2.png"/>',fitzpatrick_scale:false,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💱" src="1f4b1.png"/>',fitzpatrick_scale:false,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="©️" src="a9.png"/>',fitzpatrick_scale:false,category:"symbols"},registered:{keywords:["alphabet","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="®️" src="ae.png"/>',fitzpatrick_scale:false,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="™️" src="2122.png"/>',fitzpatrick_scale:false,category:"symbols"},end:{keywords:["words","arrow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔚" src="1f51a.png"/>',fitzpatrick_scale:false,category:"symbols"},back:{keywords:["arrow","words","return"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔙" src="1f519.png"/>',fitzpatrick_scale:false,category:"symbols"},on:{keywords:["arrow","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔛" src="1f51b.png"/>',fitzpatrick_scale:false,category:"symbols"},top:{keywords:["words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔝" src="1f51d.png"/>',fitzpatrick_scale:false,category:"symbols"},soon:{keywords:["arrow","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔜" src="1f51c.png"/>',fitzpatrick_scale:false,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="☑️" src="2611.png"/>',fitzpatrick_scale:false,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔘" src="1f518.png"/>',fitzpatrick_scale:false,category:"symbols"},white_circle:{keywords:["shape","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚪" src="26aa.png"/>',fitzpatrick_scale:false,category:"symbols"},black_circle:{keywords:["shape","button","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⚫" src="26ab.png"/>',fitzpatrick_scale:false,category:"symbols"},red_circle:{keywords:["shape","error","danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔴" src="1f534.png"/>',fitzpatrick_scale:false,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔵" src="1f535.png"/>',fitzpatrick_scale:false,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔸" src="1f538.png"/>',fitzpatrick_scale:false,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔹" src="1f539.png"/>',fitzpatrick_scale:false,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔶" src="1f536.png"/>',fitzpatrick_scale:false,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔷" src="1f537.png"/>',fitzpatrick_scale:false,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔺" src="1f53a.png"/>',fitzpatrick_scale:false,category:"symbols"},black_small_square:{keywords:["shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="▪️" src="25aa.png"/>',fitzpatrick_scale:false,category:"symbols"},white_small_square:{keywords:["shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="▫️" src="25ab.png"/>',fitzpatrick_scale:false,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬛" src="2b1b.png"/>',fitzpatrick_scale:false,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="⬜" src="2b1c.png"/>',fitzpatrick_scale:false,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔻" src="1f53b.png"/>',fitzpatrick_scale:false,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◼️" src="25fc.png"/>',fitzpatrick_scale:false,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◻️" src="25fb.png"/>',fitzpatrick_scale:false,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◾" src="25fe.png"/>',fitzpatrick_scale:false,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="◽" src="25fd.png"/>',fitzpatrick_scale:false,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔲" src="1f532.png"/>',fitzpatrick_scale:false,category:"symbols"},white_square_button:{keywords:["shape","input"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔳" src="1f533.png"/>',fitzpatrick_scale:false,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔈" src="1f508.png"/>',fitzpatrick_scale:false,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔉" src="1f509.png"/>',fitzpatrick_scale:false,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔊" src="1f50a.png"/>',fitzpatrick_scale:false,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔇" src="1f507.png"/>',fitzpatrick_scale:false,category:"symbols"},mega:{keywords:["sound","speaker","volume"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📣" src="1f4e3.png"/>',fitzpatrick_scale:false,category:"symbols"},loudspeaker:{keywords:["volume","sound"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="📢" src="1f4e2.png"/>',fitzpatrick_scale:false,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔔" src="1f514.png"/>',fitzpatrick_scale:false,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🔕" src="1f515.png"/>',fitzpatrick_scale:false,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🃏" src="1f0cf.png"/>',fitzpatrick_scale:false,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🀄" src="1f004.png"/>',fitzpatrick_scale:false,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♠️" src="2660.png"/>',fitzpatrick_scale:false,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♣️" src="2663.png"/>',fitzpatrick_scale:false,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♥️" src="2665.png"/>',fitzpatrick_scale:false,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="♦️" src="2666.png"/>',fitzpatrick_scale:false,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🎴" src="1f3b4.png"/>',fitzpatrick_scale:false,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💭" src="1f4ad.png"/>',fitzpatrick_scale:false,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗯" src="1f5ef.png"/>',fitzpatrick_scale:false,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="💬" src="1f4ac.png"/>',fitzpatrick_scale:false,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🗨" src="1f5e8.png"/>',fitzpatrick_scale:false,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕐" src="1f550.png"/>',fitzpatrick_scale:false,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕑" src="1f551.png"/>',fitzpatrick_scale:false,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕒" src="1f552.png"/>',fitzpatrick_scale:false,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕓" src="1f553.png"/>',fitzpatrick_scale:false,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕔" src="1f554.png"/>',fitzpatrick_scale:false,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕕" src="1f555.png"/>',fitzpatrick_scale:false,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕖" src="1f556.png"/>',fitzpatrick_scale:false,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕗" src="1f557.png"/>',fitzpatrick_scale:false,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕘" src="1f558.png"/>',fitzpatrick_scale:false,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕙" src="1f559.png"/>',fitzpatrick_scale:false,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕚" src="1f55a.png"/>',fitzpatrick_scale:false,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕛" src="1f55b.png"/>',fitzpatrick_scale:false,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕜" src="1f55c.png"/>',fitzpatrick_scale:false,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕝" src="1f55d.png"/>',fitzpatrick_scale:false,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕞" src="1f55e.png"/>',fitzpatrick_scale:false,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕟" src="1f55f.png"/>',fitzpatrick_scale:false,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕠" src="1f560.png"/>',fitzpatrick_scale:false,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕡" src="1f561.png"/>',fitzpatrick_scale:false,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕢" src="1f562.png"/>',fitzpatrick_scale:false,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕣" src="1f563.png"/>',fitzpatrick_scale:false,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕤" src="1f564.png"/>',fitzpatrick_scale:false,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕥" src="1f565.png"/>',fitzpatrick_scale:false,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕦" src="1f566.png"/>',fitzpatrick_scale:false,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🕧" src="1f567.png"/>',fitzpatrick_scale:false,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇫" src="1f1e6-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},aland_islands:{keywords:["Åland","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇽" src="1f1e6-1f1fd.png"/>',fitzpatrick_scale:false,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇱" src="1f1e6-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇿" src="1f1e9-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇸" src="1f1e6-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇩" src="1f1e6-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇴" src="1f1e6-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇮" src="1f1e6-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇶" src="1f1e6-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇬" src="1f1e6-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇷" src="1f1e6-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇲" src="1f1e6-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇼" src="1f1e6-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇺" src="1f1e6-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇹" src="1f1e6-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇿" src="1f1e6-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇸" src="1f1e7-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇭" src="1f1e7-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇩" src="1f1e7-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇧" src="1f1e7-1f1e7.png"/>',fitzpatrick_scale:false,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇾" src="1f1e7-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇪" src="1f1e7-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇿" src="1f1e7-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇯" src="1f1e7-1f1ef.png"/>',fitzpatrick_scale:false,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇲" src="1f1e7-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇹" src="1f1e7-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇴" src="1f1e7-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇶" src="1f1e7-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇦" src="1f1e7-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇼" src="1f1e7-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇷" src="1f1e7-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇴" src="1f1ee-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇬" src="1f1fb-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇳" src="1f1e7-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇬" src="1f1e7-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇫" src="1f1e7-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇮" src="1f1e7-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇻" src="1f1e8-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇭" src="1f1f0-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇲" src="1f1e8-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇦" src="1f1e8-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇨" src="1f1ee-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇾" src="1f1f0-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇫" src="1f1e8-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇩" src="1f1f9-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},chile:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇱" src="1f1e8-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇳" src="1f1e8-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇽" src="1f1e8-1f1fd.png"/>',fitzpatrick_scale:false,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇨" src="1f1e8-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇴" src="1f1e8-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇲" src="1f1f0-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇬" src="1f1e8-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇩" src="1f1e8-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇰" src="1f1e8-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇷" src="1f1e8-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇷" src="1f1ed-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇺" src="1f1e8-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},curacao:{keywords:["curaçao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇼" src="1f1e8-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇾" src="1f1e8-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇿" src="1f1e8-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇰" src="1f1e9-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇯" src="1f1e9-1f1ef.png"/>',fitzpatrick_scale:false,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇲" src="1f1e9-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇴" src="1f1e9-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇨" src="1f1ea-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇬" src="1f1ea-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇻" src="1f1f8-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇶" src="1f1ec-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇷" src="1f1ea-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇪" src="1f1ea-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇹" src="1f1ea-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},eu:{keywords:["european","union","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇺" src="1f1ea-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇰" src="1f1eb-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇴" src="1f1eb-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇯" src="1f1eb-1f1ef.png"/>',fitzpatrick_scale:false,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇮" src="1f1eb-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇷" src="1f1eb-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇫" src="1f1ec-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇫" src="1f1f5-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇫" src="1f1f9-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇦" src="1f1ec-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇲" src="1f1ec-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇪" src="1f1ec-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇩🇪" src="1f1e9-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇭" src="1f1ec-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇮" src="1f1ec-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇷" src="1f1ec-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇱" src="1f1ec-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇩" src="1f1ec-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇵" src="1f1ec-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇺" src="1f1ec-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇹" src="1f1ec-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇬" src="1f1ec-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇳" src="1f1ec-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇼" src="1f1ec-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇾" src="1f1ec-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇹" src="1f1ed-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇳" src="1f1ed-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇰" src="1f1ed-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇭🇺" src="1f1ed-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇸" src="1f1ee-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇳" src="1f1ee-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇩" src="1f1ee-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇷" src="1f1ee-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇶" src="1f1ee-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇪" src="1f1ee-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇲" src="1f1ee-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇱" src="1f1ee-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇮🇹" src="1f1ee-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇮" src="1f1e8-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇯🇲" src="1f1ef-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇯🇵" src="1f1ef-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇯🇪" src="1f1ef-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇯🇴" src="1f1ef-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇿" src="1f1f0-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇪" src="1f1f0-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇮" src="1f1f0-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇽🇰" src="1f1fd-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇼" src="1f1f0-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇬" src="1f1f0-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇦" src="1f1f1-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇻" src="1f1f1-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇧" src="1f1f1-1f1e7.png"/>',fitzpatrick_scale:false,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇸" src="1f1f1-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇷" src="1f1f1-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇾" src="1f1f1-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇮" src="1f1f1-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇹" src="1f1f1-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇺" src="1f1f1-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇴" src="1f1f2-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇰" src="1f1f2-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇬" src="1f1f2-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇼" src="1f1f2-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇾" src="1f1f2-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇻" src="1f1f2-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇱" src="1f1f2-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇹" src="1f1f2-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇭" src="1f1f2-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇶" src="1f1f2-1f1f6.png"/>',fitzpatrick_scale:false,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇷" src="1f1f2-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇺" src="1f1f2-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇾🇹" src="1f1fe-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇽" src="1f1f2-1f1fd.png"/>',fitzpatrick_scale:false,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇫🇲" src="1f1eb-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇩" src="1f1f2-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇨" src="1f1f2-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇳" src="1f1f2-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇪" src="1f1f2-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇸" src="1f1f2-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇦" src="1f1f2-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇿" src="1f1f2-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇲" src="1f1f2-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇦" src="1f1f3-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇷" src="1f1f3-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇵" src="1f1f3-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇱" src="1f1f3-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇨" src="1f1f3-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇿" src="1f1f3-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇮" src="1f1f3-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇪" src="1f1f3-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇬" src="1f1f3-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇺" src="1f1f3-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇫" src="1f1f3-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇲🇵" src="1f1f2-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇵" src="1f1f0-1f1f5.png"/>',fitzpatrick_scale:false,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇳🇴" src="1f1f3-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇴🇲" src="1f1f4-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇰" src="1f1f5-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇼" src="1f1f5-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇸" src="1f1f5-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇦" src="1f1f5-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇬" src="1f1f5-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇾" src="1f1f5-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇪" src="1f1f5-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇭" src="1f1f5-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇳" src="1f1f5-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇱" src="1f1f5-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇹" src="1f1f5-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇷" src="1f1f5-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇶🇦" src="1f1f6-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},reunion:{keywords:["réunion","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇪" src="1f1f7-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇴" src="1f1f7-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇺" src="1f1f7-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇼" src="1f1f7-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},st_barthelemy:{keywords:["saint","barthélemy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇧🇱" src="1f1e7-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇭" src="1f1f8-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇳" src="1f1f0-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇨" src="1f1f1-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇵🇲" src="1f1f5-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇨" src="1f1fb-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇼🇸" src="1f1fc-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇲" src="1f1f8-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇹" src="1f1f8-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇦" src="1f1f8-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇳" src="1f1f8-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇷🇸" src="1f1f7-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇨" src="1f1f8-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇱" src="1f1f8-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇬" src="1f1f8-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇽" src="1f1f8-1f1fd.png"/>',fitzpatrick_scale:false,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇰" src="1f1f8-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇮" src="1f1f8-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇧" src="1f1f8-1f1e7.png"/>',fitzpatrick_scale:false,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇴" src="1f1f8-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇿🇦" src="1f1ff-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇸" src="1f1ec-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇰🇷" src="1f1f0-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇸" src="1f1f8-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇸" src="1f1ea-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇱🇰" src="1f1f1-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇩" src="1f1f8-1f1e9.png"/>',fitzpatrick_scale:false,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇷" src="1f1f8-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇿" src="1f1f8-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇪" src="1f1f8-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇨🇭" src="1f1e8-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇸🇾" src="1f1f8-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇼" src="1f1f9-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇯" src="1f1f9-1f1ef.png"/>',fitzpatrick_scale:false,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇿" src="1f1f9-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇭" src="1f1f9-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇱" src="1f1f9-1f1f1.png"/>',fitzpatrick_scale:false,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇬" src="1f1f9-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇰" src="1f1f9-1f1f0.png"/>',fitzpatrick_scale:false,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇴" src="1f1f9-1f1f4.png"/>',fitzpatrick_scale:false,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇹" src="1f1f9-1f1f9.png"/>',fitzpatrick_scale:false,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇳" src="1f1f9-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇷" src="1f1f9-1f1f7.png"/>',fitzpatrick_scale:false,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇲" src="1f1f9-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇨" src="1f1f9-1f1e8.png"/>',fitzpatrick_scale:false,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇹🇻" src="1f1f9-1f1fb.png"/>',fitzpatrick_scale:false,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇬" src="1f1fa-1f1ec.png"/>',fitzpatrick_scale:false,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇦" src="1f1fa-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇦🇪" src="1f1e6-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇬🇧" src="1f1ec-1f1e7.png"/>',fitzpatrick_scale:false,category:"flags"},england:{keywords:["flag","english"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴󠁧󠁢󠁥󠁮󠁧󠁿" src="1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.png"/>',fitzpatrick_scale:false,category:"flags"},scotland:{keywords:["flag","scottish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴󠁧󠁢󠁳󠁣󠁴󠁿" src="1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.png"/>',fitzpatrick_scale:false,category:"flags"},wales:{keywords:["flag","welsh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴󠁧󠁢󠁷󠁬󠁳󠁿" src="1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.png"/>',fitzpatrick_scale:false,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇸" src="1f1fa-1f1f8.png"/>',fitzpatrick_scale:false,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇮" src="1f1fb-1f1ee.png"/>',fitzpatrick_scale:false,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇾" src="1f1fa-1f1fe.png"/>',fitzpatrick_scale:false,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇿" src="1f1fa-1f1ff.png"/>',fitzpatrick_scale:false,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇺" src="1f1fb-1f1fa.png"/>',fitzpatrick_scale:false,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇦" src="1f1fb-1f1e6.png"/>',fitzpatrick_scale:false,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇪" src="1f1fb-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇻🇳" src="1f1fb-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇼🇫" src="1f1fc-1f1eb.png"/>',fitzpatrick_scale:false,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇪🇭" src="1f1ea-1f1ed.png"/>',fitzpatrick_scale:false,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇾🇪" src="1f1fe-1f1ea.png"/>',fitzpatrick_scale:false,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇿🇲" src="1f1ff-1f1f2.png"/>',fitzpatrick_scale:false,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇿🇼" src="1f1ff-1f1fc.png"/>',fitzpatrick_scale:false,category:"flags"},united_nations:{keywords:["un","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🇺🇳" src="1f1fa-1f1f3.png"/>',fitzpatrick_scale:false,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="🏴‍☠️" src="1f3f4-200d-2620-fe0f.png"/>',fitzpatrick_scale:false,category:"flags"}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojiimages.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojiimages.min.js
new file mode 100644
index 000000000..5f4622186
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojiimages.min.js
@@ -0,0 +1 @@
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4af}" src="1f4af.png"/>',fitzpatrick_scale:!1,category:"symbols"},1234:{keywords:["numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f522}" src="1f522.png"/>',fitzpatrick_scale:!1,category:"symbols"},grinning:{keywords:["face","smile","happy","joy",":D","grin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f600}" src="1f600.png"/>',fitzpatrick_scale:!1,category:"people"},grimacing:{keywords:["face","grimace","teeth"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62c}" src="1f62c.png"/>',fitzpatrick_scale:!1,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f601}" src="1f601.png"/>',fitzpatrick_scale:!1,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f602}" src="1f602.png"/>',fitzpatrick_scale:!1,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f923}" src="1f923.png"/>',fitzpatrick_scale:!1,category:"people"},partying:{keywords:["face","celebration","woohoo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f973}" src="1f973.png"/>',fitzpatrick_scale:!1,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f603}" src="1f603.png"/>',fitzpatrick_scale:!1,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f604}" src="1f604.png"/>',fitzpatrick_scale:!1,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f605}" src="1f605.png"/>',fitzpatrick_scale:!1,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f606}" src="1f606.png"/>',fitzpatrick_scale:!1,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f607}" src="1f607.png"/>',fitzpatrick_scale:!1,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f609}" src="1f609.png"/>',fitzpatrick_scale:!1,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60a}" src="1f60a.png"/>',fitzpatrick_scale:!1,category:"people"},slightly_smiling_face:{keywords:["face","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f642}" src="1f642.png"/>',fitzpatrick_scale:!1,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f643}" src="1f643.png"/>',fitzpatrick_scale:!1,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u263a\ufe0f" src="263a.png"/>',fitzpatrick_scale:!1,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60b}" src="1f60b.png"/>',fitzpatrick_scale:!1,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60c}" src="1f60c.png"/>',fitzpatrick_scale:!1,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60d}" src="1f60d.png"/>',fitzpatrick_scale:!1,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f970}" src="1f970.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f618}" src="1f618.png"/>',fitzpatrick_scale:!1,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f617}" src="1f617.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f619}" src="1f619.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61a}" src="1f61a.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61c}" src="1f61c.png"/>',fitzpatrick_scale:!1,category:"people"},zany:{keywords:["face","goofy","crazy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92a}" src="1f92a.png"/>',fitzpatrick_scale:!1,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f928}" src="1f928.png"/>',fitzpatrick_scale:!1,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d0}" src="1f9d0.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61d}" src="1f61d.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61b}" src="1f61b.png"/>',fitzpatrick_scale:!1,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f911}" src="1f911.png"/>',fitzpatrick_scale:!1,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f913}" src="1f913.png"/>',fitzpatrick_scale:!1,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60e}" src="1f60e.png"/>',fitzpatrick_scale:!1,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f929}" src="1f929.png"/>',fitzpatrick_scale:!1,category:"people"},clown_face:{keywords:["face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f921}" src="1f921.png"/>',fitzpatrick_scale:!1,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f920}" src="1f920.png"/>',fitzpatrick_scale:!1,category:"people"},hugs:{keywords:["face","smile","hug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f917}" src="1f917.png"/>',fitzpatrick_scale:!1,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f60f}" src="1f60f.png"/>',fitzpatrick_scale:!1,category:"people"},no_mouth:{keywords:["face","hellokitty"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f636}" src="1f636.png"/>',fitzpatrick_scale:!1,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f610}" src="1f610.png"/>',fitzpatrick_scale:!1,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f611}" src="1f611.png"/>',fitzpatrick_scale:!1,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f612}" src="1f612.png"/>',fitzpatrick_scale:!1,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f644}" src="1f644.png"/>',fitzpatrick_scale:!1,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f914}" src="1f914.png"/>',fitzpatrick_scale:!1,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f925}" src="1f925.png"/>',fitzpatrick_scale:!1,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92d}" src="1f92d.png"/>',fitzpatrick_scale:!1,category:"people"},shushing:{keywords:["face","quiet","shhh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92b}" src="1f92b.png"/>',fitzpatrick_scale:!1,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92c}" src="1f92c.png"/>',fitzpatrick_scale:!1,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92f}" src="1f92f.png"/>',fitzpatrick_scale:!1,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f633}" src="1f633.png"/>',fitzpatrick_scale:!1,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61e}" src="1f61e.png"/>',fitzpatrick_scale:!1,category:"people"},worried:{keywords:["face","concern","nervous",":("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f61f}" src="1f61f.png"/>',fitzpatrick_scale:!1,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f620}" src="1f620.png"/>',fitzpatrick_scale:!1,category:"people"},rage:{keywords:["angry","mad","hate","despise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f621}" src="1f621.png"/>',fitzpatrick_scale:!1,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f614}" src="1f614.png"/>',fitzpatrick_scale:!1,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f615}" src="1f615.png"/>',fitzpatrick_scale:!1,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f641}" src="1f641.png"/>',fitzpatrick_scale:!1,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2639" src="2639.png"/>',fitzpatrick_scale:!1,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f623}" src="1f623.png"/>',fitzpatrick_scale:!1,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f616}" src="1f616.png"/>',fitzpatrick_scale:!1,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62b}" src="1f62b.png"/>',fitzpatrick_scale:!1,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f629}" src="1f629.png"/>',fitzpatrick_scale:!1,category:"people"},pleading:{keywords:["face","begging","mercy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97a}" src="1f97a.png"/>',fitzpatrick_scale:!1,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f624}" src="1f624.png"/>',fitzpatrick_scale:!1,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62e}" src="1f62e.png"/>',fitzpatrick_scale:!1,category:"people"},scream:{keywords:["face","munch","scared","omg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f631}" src="1f631.png"/>',fitzpatrick_scale:!1,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f628}" src="1f628.png"/>',fitzpatrick_scale:!1,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f630}" src="1f630.png"/>',fitzpatrick_scale:!1,category:"people"},hushed:{keywords:["face","woo","shh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62f}" src="1f62f.png"/>',fitzpatrick_scale:!1,category:"people"},frowning:{keywords:["face","aw","what"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f626}" src="1f626.png"/>',fitzpatrick_scale:!1,category:"people"},anguished:{keywords:["face","stunned","nervous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f627}" src="1f627.png"/>',fitzpatrick_scale:!1,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f622}" src="1f622.png"/>',fitzpatrick_scale:!1,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f625}" src="1f625.png"/>',fitzpatrick_scale:!1,category:"people"},drooling_face:{keywords:["face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f924}" src="1f924.png"/>',fitzpatrick_scale:!1,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62a}" src="1f62a.png"/>',fitzpatrick_scale:!1,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f613}" src="1f613.png"/>',fitzpatrick_scale:!1,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f975}" src="1f975.png"/>',fitzpatrick_scale:!1,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f976}" src="1f976.png"/>',fitzpatrick_scale:!1,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f62d}" src="1f62d.png"/>',fitzpatrick_scale:!1,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f635}" src="1f635.png"/>',fitzpatrick_scale:!1,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f632}" src="1f632.png"/>',fitzpatrick_scale:!1,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f910}" src="1f910.png"/>',fitzpatrick_scale:!1,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f922}" src="1f922.png"/>',fitzpatrick_scale:!1,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f927}" src="1f927.png"/>',fitzpatrick_scale:!1,category:"people"},vomiting:{keywords:["face","sick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f92e}" src="1f92e.png"/>',fitzpatrick_scale:!1,category:"people"},mask:{keywords:["face","sick","ill","disease"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f637}" src="1f637.png"/>',fitzpatrick_scale:!1,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f912}" src="1f912.png"/>',fitzpatrick_scale:!1,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f915}" src="1f915.png"/>',fitzpatrick_scale:!1,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f974}" src="1f974.png"/>',fitzpatrick_scale:!1,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f634}" src="1f634.png"/>',fitzpatrick_scale:!1,category:"people"},zzz:{keywords:["sleepy","tired","dream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a4}" src="1f4a4.png"/>',fitzpatrick_scale:!1,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a9}" src="1f4a9.png"/>',fitzpatrick_scale:!1,category:"people"},smiling_imp:{keywords:["devil","horns"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f608}" src="1f608.png"/>',fitzpatrick_scale:!1,category:"people"},imp:{keywords:["devil","angry","horns"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47f}" src="1f47f.png"/>',fitzpatrick_scale:!1,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f479}" src="1f479.png"/>',fitzpatrick_scale:!1,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47a}" src="1f47a.png"/>',fitzpatrick_scale:!1,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f480}" src="1f480.png"/>',fitzpatrick_scale:!1,category:"people"},ghost:{keywords:["halloween","spooky","scary"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47b}" src="1f47b.png"/>',fitzpatrick_scale:!1,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47d}" src="1f47d.png"/>',fitzpatrick_scale:!1,category:"people"},robot:{keywords:["computer","machine","bot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f916}" src="1f916.png"/>',fitzpatrick_scale:!1,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63a}" src="1f63a.png"/>',fitzpatrick_scale:!1,category:"people"},smile_cat:{keywords:["animal","cats","smile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f638}" src="1f638.png"/>',fitzpatrick_scale:!1,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f639}" src="1f639.png"/>',fitzpatrick_scale:!1,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63b}" src="1f63b.png"/>',fitzpatrick_scale:!1,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63c}" src="1f63c.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63d}" src="1f63d.png"/>',fitzpatrick_scale:!1,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f640}" src="1f640.png"/>',fitzpatrick_scale:!1,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63f}" src="1f63f.png"/>',fitzpatrick_scale:!1,category:"people"},pouting_cat:{keywords:["animal","cats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f63e}" src="1f63e.png"/>',fitzpatrick_scale:!1,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f932}" src="1f932.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64c}" src="1f64c.png"/>',fitzpatrick_scale:!0,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44f}" src="1f44f.png"/>',fitzpatrick_scale:!0,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44b}" src="1f44b.png"/>',fitzpatrick_scale:!0,category:"people"},call_me_hand:{keywords:["hands","gesture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f919}" src="1f919.png"/>',fitzpatrick_scale:!0,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44d}" src="1f44d.png"/>',fitzpatrick_scale:!0,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44e}" src="1f44e.png"/>',fitzpatrick_scale:!0,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44a}" src="1f44a.png"/>',fitzpatrick_scale:!0,category:"people"},fist:{keywords:["fingers","hand","grasp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270a" src="270a.png"/>',fitzpatrick_scale:!0,category:"people"},fist_left:{keywords:["hand","fistbump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91b}" src="1f91b.png"/>',fitzpatrick_scale:!0,category:"people"},fist_right:{keywords:["hand","fistbump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91c}" src="1f91c.png"/>',fitzpatrick_scale:!0,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270c" src="270c.png"/>',fitzpatrick_scale:!0,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f44c}" src="1f44c.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270b" src="270b.png"/>',fitzpatrick_scale:!0,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91a}" src="1f91a.png"/>',fitzpatrick_scale:!0,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f450}" src="1f450.png"/>',fitzpatrick_scale:!0,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4aa}" src="1f4aa.png"/>',fitzpatrick_scale:!0,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64f}" src="1f64f.png"/>',fitzpatrick_scale:!0,category:"people"},foot:{keywords:["kick","stomp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b6}" src="1f9b6.png"/>',fitzpatrick_scale:!0,category:"people"},leg:{keywords:["kick","limb"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b5}" src="1f9b5.png"/>',fitzpatrick_scale:!0,category:"people"},handshake:{keywords:["agreement","shake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91d}" src="1f91d.png"/>',fitzpatrick_scale:!1,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u261d" src="261d.png"/>',fitzpatrick_scale:!0,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f446}" src="1f446.png"/>',fitzpatrick_scale:!0,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f447}" src="1f447.png"/>',fitzpatrick_scale:!0,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f448}" src="1f448.png"/>',fitzpatrick_scale:!0,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f449}" src="1f449.png"/>',fitzpatrick_scale:!0,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f595}" src="1f595.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f590}" src="1f590.png"/>',fitzpatrick_scale:!0,category:"people"},love_you:{keywords:["hand","fingers","gesture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91f}" src="1f91f.png"/>',fitzpatrick_scale:!0,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f918}" src="1f918.png"/>',fitzpatrick_scale:!0,category:"people"},crossed_fingers:{keywords:["good","lucky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f91e}" src="1f91e.png"/>',fitzpatrick_scale:!0,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f596}" src="1f596.png"/>',fitzpatrick_scale:!0,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270d" src="270d.png"/>',fitzpatrick_scale:!0,category:"people"},selfie:{keywords:["camera","phone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f933}" src="1f933.png"/>',fitzpatrick_scale:!0,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f485}" src="1f485.png"/>',fitzpatrick_scale:!0,category:"people"},lips:{keywords:["mouth","kiss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f444}" src="1f444.png"/>',fitzpatrick_scale:!1,category:"people"},tooth:{keywords:["teeth","dentist"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b7}" src="1f9b7.png"/>',fitzpatrick_scale:!1,category:"people"},tongue:{keywords:["mouth","playful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f445}" src="1f445.png"/>',fitzpatrick_scale:!1,category:"people"},ear:{keywords:["face","hear","sound","listen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f442}" src="1f442.png"/>',fitzpatrick_scale:!0,category:"people"},nose:{keywords:["smell","sniff"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f443}" src="1f443.png"/>',fitzpatrick_scale:!0,category:"people"},eye:{keywords:["face","look","see","watch","stare"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f441}" src="1f441.png"/>',fitzpatrick_scale:!1,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f440}" src="1f440.png"/>',fitzpatrick_scale:!1,category:"people"},brain:{keywords:["smart","intelligent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e0}" src="1f9e0.png"/>',fitzpatrick_scale:!1,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f464}" src="1f464.png"/>',fitzpatrick_scale:!1,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f465}" src="1f465.png"/>',fitzpatrick_scale:!1,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5e3}" src="1f5e3.png"/>',fitzpatrick_scale:!1,category:"people"},baby:{keywords:["child","boy","girl","toddler"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f476}" src="1f476.png"/>',fitzpatrick_scale:!0,category:"people"},child:{keywords:["gender-neutral","young"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d2}" src="1f9d2.png"/>',fitzpatrick_scale:!0,category:"people"},boy:{keywords:["man","male","guy","teenager"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f466}" src="1f466.png"/>',fitzpatrick_scale:!0,category:"people"},girl:{keywords:["female","woman","teenager"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f467}" src="1f467.png"/>',fitzpatrick_scale:!0,category:"people"},adult:{keywords:["gender-neutral","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d1}" src="1f9d1.png"/>',fitzpatrick_scale:!0,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}" src="1f468.png"/>',fitzpatrick_scale:!0,category:"people"},woman:{keywords:["female","girls","lady"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}" src="1f469.png"/>',fitzpatrick_scale:!0,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f471}\u200d\u2640\ufe0f" src="1f471-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f471}" src="1f471.png"/>',fitzpatrick_scale:!0,category:"people"},bearded_person:{keywords:["person","bewhiskered"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d4}" src="1f9d4.png"/>',fitzpatrick_scale:!0,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d3}" src="1f9d3.png"/>',fitzpatrick_scale:!0,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f474}" src="1f474.png"/>',fitzpatrick_scale:!0,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f475}" src="1f475.png"/>',fitzpatrick_scale:!0,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f472}" src="1f472.png"/>',fitzpatrick_scale:!0,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d5}" src="1f9d5.png"/>',fitzpatrick_scale:!0,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f473}\u200d\u2640\ufe0f" src="1f473-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f473}" src="1f473.png"/>',fitzpatrick_scale:!0,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46e}\u200d\u2640\ufe0f" src="1f46e-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46e}" src="1f46e.png"/>',fitzpatrick_scale:!0,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f477}\u200d\u2640\ufe0f" src="1f477-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f477}" src="1f477.png"/>',fitzpatrick_scale:!0,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f482}\u200d\u2640\ufe0f" src="1f482-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f482}" src="1f482.png"/>',fitzpatrick_scale:!0,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f575}\ufe0f\u200d\u2640\ufe0f" src="1f575-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},male_detective:{keywords:["human","spy","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f575}" src="1f575.png"/>',fitzpatrick_scale:!0,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2695\ufe0f" src="1f469-200d-2695-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2695\ufe0f" src="1f468-200d-2695-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f33e}" src="1f469-200d-1f33e.png"/>',fitzpatrick_scale:!0,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f33e}" src="1f468-200d-1f33e.png"/>',fitzpatrick_scale:!0,category:"people"},woman_cook:{keywords:["chef","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f373}" src="1f469-200d-1f373.png"/>',fitzpatrick_scale:!0,category:"people"},man_cook:{keywords:["chef","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f373}" src="1f468-200d-1f373.png"/>',fitzpatrick_scale:!0,category:"people"},woman_student:{keywords:["graduate","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f393}" src="1f469-200d-1f393.png"/>',fitzpatrick_scale:!0,category:"people"},man_student:{keywords:["graduate","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f393}" src="1f468-200d-1f393.png"/>',fitzpatrick_scale:!0,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f3a4}" src="1f469-200d-1f3a4.png"/>',fitzpatrick_scale:!0,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f3a4}" src="1f468-200d-1f3a4.png"/>',fitzpatrick_scale:!0,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f3eb}" src="1f469-200d-1f3eb.png"/>',fitzpatrick_scale:!0,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f3eb}" src="1f468-200d-1f3eb.png"/>',fitzpatrick_scale:!0,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f3ed}" src="1f469-200d-1f3ed.png"/>',fitzpatrick_scale:!0,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f3ed}" src="1f468-200d-1f3ed.png"/>',fitzpatrick_scale:!0,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f4bb}" src="1f469-200d-1f4bb.png"/>',fitzpatrick_scale:!0,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f4bb}" src="1f468-200d-1f4bb.png"/>',fitzpatrick_scale:!0,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f4bc}" src="1f469-200d-1f4bc.png"/>',fitzpatrick_scale:!0,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f4bc}" src="1f468-200d-1f4bc.png"/>',fitzpatrick_scale:!0,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f527}" src="1f469-200d-1f527.png"/>',fitzpatrick_scale:!0,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f527}" src="1f468-200d-1f527.png"/>',fitzpatrick_scale:!0,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f52c}" src="1f469-200d-1f52c.png"/>',fitzpatrick_scale:!0,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f52c}" src="1f468-200d-1f52c.png"/>',fitzpatrick_scale:!0,category:"people"},woman_artist:{keywords:["painter","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f3a8}" src="1f469-200d-1f3a8.png"/>',fitzpatrick_scale:!0,category:"people"},man_artist:{keywords:["painter","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f3a8}" src="1f468-200d-1f3a8.png"/>',fitzpatrick_scale:!0,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f692}" src="1f469-200d-1f692.png"/>',fitzpatrick_scale:!0,category:"people"},man_firefighter:{keywords:["fireman","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f692}" src="1f468-200d-1f692.png"/>',fitzpatrick_scale:!0,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2708\ufe0f" src="1f469-200d-2708-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2708\ufe0f" src="1f468-200d-2708-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f680}" src="1f469-200d-1f680.png"/>',fitzpatrick_scale:!0,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f680}" src="1f468-200d-1f680.png"/>',fitzpatrick_scale:!0,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2696\ufe0f" src="1f469-200d-2696-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_judge:{keywords:["justice","court","man","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2696\ufe0f" src="1f468-200d-2696-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b8}\u200d\u2640\ufe0f" src="1f9b8-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b8}\u200d\u2642\ufe0f" src="1f9b8-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b9}\u200d\u2640\ufe0f" src="1f9b9-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b9}\u200d\u2642\ufe0f" src="1f9b9-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f936}" src="1f936.png"/>',fitzpatrick_scale:!0,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f385}" src="1f385.png"/>',fitzpatrick_scale:!0,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d9}\u200d\u2640\ufe0f" src="1f9d9-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d9}\u200d\u2642\ufe0f" src="1f9d9-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_elf:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9dd}\u200d\u2640\ufe0f" src="1f9dd-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_elf:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9dd}\u200d\u2642\ufe0f" src="1f9dd-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_vampire:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9db}\u200d\u2640\ufe0f" src="1f9db-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_vampire:{keywords:["man","male","dracula"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9db}\u200d\u2642\ufe0f" src="1f9db-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9df}\u200d\u2640\ufe0f" src="1f9df-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9df}\u200d\u2642\ufe0f" src="1f9df-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},woman_genie:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9de}\u200d\u2640\ufe0f" src="1f9de-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},man_genie:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9de}\u200d\u2642\ufe0f" src="1f9de-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9dc}\u200d\u2640\ufe0f" src="1f9dc-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},merman:{keywords:["man","male","triton"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9dc}\u200d\u2642\ufe0f" src="1f9dc-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_fairy:{keywords:["woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9da}\u200d\u2640\ufe0f" src="1f9da-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_fairy:{keywords:["man","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9da}\u200d\u2642\ufe0f" src="1f9da-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},angel:{keywords:["heaven","wings","halo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47c}" src="1f47c.png"/>',fitzpatrick_scale:!0,category:"people"},pregnant_woman:{keywords:["baby"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f930}" src="1f930.png"/>',fitzpatrick_scale:!0,category:"people"},breastfeeding:{keywords:["nursing","baby"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f931}" src="1f931.png"/>',fitzpatrick_scale:!0,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f478}" src="1f478.png"/>',fitzpatrick_scale:!0,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f934}" src="1f934.png"/>',fitzpatrick_scale:!0,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f470}" src="1f470.png"/>',fitzpatrick_scale:!0,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f935}" src="1f935.png"/>',fitzpatrick_scale:!0,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c3}\u200d\u2640\ufe0f" src="1f3c3-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c3}" src="1f3c3.png"/>',fitzpatrick_scale:!0,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b6}\u200d\u2640\ufe0f" src="1f6b6-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},walking_man:{keywords:["human","feet","steps"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b6}" src="1f6b6.png"/>',fitzpatrick_scale:!0,category:"people"},dancer:{keywords:["female","girl","woman","fun"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f483}" src="1f483.png"/>',fitzpatrick_scale:!0,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f57a}" src="1f57a.png"/>',fitzpatrick_scale:!0,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46f}" src="1f46f.png"/>',fitzpatrick_scale:!1,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46f}\u200d\u2642\ufe0f" src="1f46f-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46b}" src="1f46b.png"/>',fitzpatrick_scale:!1,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46c}" src="1f46c.png"/>',fitzpatrick_scale:!1,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46d}" src="1f46d.png"/>',fitzpatrick_scale:!1,category:"people"},bowing_woman:{keywords:["woman","female","girl"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f647}\u200d\u2640\ufe0f" src="1f647-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},bowing_man:{keywords:["man","male","boy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f647}" src="1f647.png"/>',fitzpatrick_scale:!0,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f926}\u200d\u2642\ufe0f" src="1f926-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f926}\u200d\u2640\ufe0f" src="1f926-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f937}" src="1f937.png"/>',fitzpatrick_scale:!0,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f937}\u200d\u2642\ufe0f" src="1f937-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f481}" src="1f481.png"/>',fitzpatrick_scale:!0,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f481}\u200d\u2642\ufe0f" src="1f481-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f645}" src="1f645.png"/>',fitzpatrick_scale:!0,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f645}\u200d\u2642\ufe0f" src="1f645-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f646}" src="1f646.png"/>',fitzpatrick_scale:!0,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f646}\u200d\u2642\ufe0f" src="1f646-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64b}" src="1f64b.png"/>',fitzpatrick_scale:!0,category:"people"},raising_hand_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64b}\u200d\u2642\ufe0f" src="1f64b-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},pouting_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64e}" src="1f64e.png"/>',fitzpatrick_scale:!0,category:"people"},pouting_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64e}\u200d\u2642\ufe0f" src="1f64e-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64d}" src="1f64d.png"/>',fitzpatrick_scale:!0,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64d}\u200d\u2642\ufe0f" src="1f64d-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},haircut_woman:{keywords:["female","girl","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f487}" src="1f487.png"/>',fitzpatrick_scale:!0,category:"people"},haircut_man:{keywords:["male","boy","man"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f487}\u200d\u2642\ufe0f" src="1f487-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f486}" src="1f486.png"/>',fitzpatrick_scale:!0,category:"people"},massage_man:{keywords:["male","boy","man","head"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f486}\u200d\u2642\ufe0f" src="1f486-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d6}\u200d\u2640\ufe0f" src="1f9d6-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d6}\u200d\u2642\ufe0f" src="1f9d6-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f491}" src="1f491.png"/>',fitzpatrick_scale:!1,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2764\ufe0f\u200d\u{1f469}" src="1f469-200d-2764-fe0f-200d-1f469.png"/>',fitzpatrick_scale:!1,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2764\ufe0f\u200d\u{1f468}" src="1f468-200d-2764-fe0f-200d-1f468.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48f}" src="1f48f.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u2764\ufe0f\u200d\u{1f48b}\u200d\u{1f469}" src="1f469-200d-2764-fe0f-200d-1f48b-200d-1f469.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u2764\ufe0f\u200d\u{1f48b}\u200d\u{1f468}" src="1f468-200d-2764-fe0f-200d-1f48b-200d-1f468.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f46a}" src="1f46a.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f469}\u200d\u{1f467}" src="1f468-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f466}" src="1f468-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f469}\u200d\u{1f466}\u200d\u{1f466}" src="1f468-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f467}" src="1f468-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f466}" src="1f469-200d-1f469-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f467}" src="1f469-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f466}" src="1f469-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f466}\u200d\u{1f466}" src="1f469-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f467}" src="1f469-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f466}" src="1f468-200d-1f468-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f467}" src="1f468-200d-1f468-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f467}\u200d\u{1f466}" src="1f468-200d-1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f466}\u200d\u{1f466}" src="1f468-200d-1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f468}\u200d\u{1f467}\u200d\u{1f467}" src="1f468-200d-1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f466}" src="1f469-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f467}" src="1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f467}\u200d\u{1f466}" src="1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f466}\u200d\u{1f466}" src="1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f469}\u200d\u{1f467}\u200d\u{1f467}" src="1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f466}" src="1f468-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f467}" src="1f468-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f467}\u200d\u{1f466}" src="1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f466}\u200d\u{1f466}" src="1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f468}\u200d\u{1f467}\u200d\u{1f467}" src="1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},yarn:{keywords:["ball","crochet","knit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f6}" src="1f9f6.png"/>',fitzpatrick_scale:!1,category:"people"},thread:{keywords:["needle","sewing","spool","string"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f5}" src="1f9f5.png"/>',fitzpatrick_scale:!1,category:"people"},coat:{keywords:["jacket"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e5}" src="1f9e5.png"/>',fitzpatrick_scale:!1,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97c}" src="1f97c.png"/>',fitzpatrick_scale:!1,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45a}" src="1f45a.png"/>',fitzpatrick_scale:!1,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f455}" src="1f455.png"/>',fitzpatrick_scale:!1,category:"people"},jeans:{keywords:["fashion","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f456}" src="1f456.png"/>',fitzpatrick_scale:!1,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f454}" src="1f454.png"/>',fitzpatrick_scale:!1,category:"people"},dress:{keywords:["clothes","fashion","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f457}" src="1f457.png"/>',fitzpatrick_scale:!1,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f459}" src="1f459.png"/>',fitzpatrick_scale:!1,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f458}" src="1f458.png"/>',fitzpatrick_scale:!1,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f484}" src="1f484.png"/>',fitzpatrick_scale:!1,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48b}" src="1f48b.png"/>',fitzpatrick_scale:!1,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f463}" src="1f463.png"/>',fitzpatrick_scale:!1,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97f}" src="1f97f.png"/>',fitzpatrick_scale:!1,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f460}" src="1f460.png"/>',fitzpatrick_scale:!1,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f461}" src="1f461.png"/>',fitzpatrick_scale:!1,category:"people"},boot:{keywords:["shoes","fashion"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f462}" src="1f462.png"/>',fitzpatrick_scale:!1,category:"people"},mans_shoe:{keywords:["fashion","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45e}" src="1f45e.png"/>',fitzpatrick_scale:!1,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45f}" src="1f45f.png"/>',fitzpatrick_scale:!1,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97e}" src="1f97e.png"/>',fitzpatrick_scale:!1,category:"people"},socks:{keywords:["stockings","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e6}" src="1f9e6.png"/>',fitzpatrick_scale:!1,category:"people"},gloves:{keywords:["hands","winter","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e4}" src="1f9e4.png"/>',fitzpatrick_scale:!1,category:"people"},scarf:{keywords:["neck","winter","clothes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e3}" src="1f9e3.png"/>',fitzpatrick_scale:!1,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f452}" src="1f452.png"/>',fitzpatrick_scale:!1,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a9}" src="1f3a9.png"/>',fitzpatrick_scale:!1,category:"people"},billed_hat:{keywords:["cap","baseball"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e2}" src="1f9e2.png"/>',fitzpatrick_scale:!1,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d1" src="26d1.png"/>',fitzpatrick_scale:!1,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f393}" src="1f393.png"/>',fitzpatrick_scale:!1,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f451}" src="1f451.png"/>',fitzpatrick_scale:!1,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f392}" src="1f392.png"/>',fitzpatrick_scale:!1,category:"people"},luggage:{keywords:["packing","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f3}" src="1f9f3.png"/>',fitzpatrick_scale:!1,category:"people"},pouch:{keywords:["bag","accessories","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45d}" src="1f45d.png"/>',fitzpatrick_scale:!1,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45b}" src="1f45b.png"/>',fitzpatrick_scale:!1,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f45c}" src="1f45c.png"/>',fitzpatrick_scale:!1,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4bc}" src="1f4bc.png"/>',fitzpatrick_scale:!1,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f453}" src="1f453.png"/>',fitzpatrick_scale:!1,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f576}" src="1f576.png"/>',fitzpatrick_scale:!1,category:"people"},goggles:{keywords:["eyes","protection","safety"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f97d}" src="1f97d.png"/>',fitzpatrick_scale:!1,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48d}" src="1f48d.png"/>',fitzpatrick_scale:!1,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f302}" src="1f302.png"/>',fitzpatrick_scale:!1,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f436}" src="1f436.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f431}" src="1f431.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42d}" src="1f42d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f439}" src="1f439.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f430}" src="1f430.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98a}" src="1f98a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43b}" src="1f43b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43c}" src="1f43c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},koala:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f428}" src="1f428.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42f}" src="1f42f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lion:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f981}" src="1f981.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42e}" src="1f42e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f437}" src="1f437.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43d}" src="1f43d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f438}" src="1f438.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f991}" src="1f991.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f419}" src="1f419.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f990}" src="1f990.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f435}" src="1f435.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98d}" src="1f98d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f648}" src="1f648.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f649}" src="1f649.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f64a}" src="1f64a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f412}" src="1f412.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f414}" src="1f414.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f427}" src="1f427.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f426}" src="1f426.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f424}" src="1f424.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f423}" src="1f423.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f425}" src="1f425.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f986}" src="1f986.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f985}" src="1f985.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f989}" src="1f989.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f987}" src="1f987.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43a}" src="1f43a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},boar:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f417}" src="1f417.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f434}" src="1f434.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f984}" src="1f984.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41d}" src="1f41d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41b}" src="1f41b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98b}" src="1f98b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40c}" src="1f40c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41e}" src="1f41e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41c}" src="1f41c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f997}" src="1f997.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f577}" src="1f577.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f982}" src="1f982.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f980}" src="1f980.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40d}" src="1f40d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98e}" src="1f98e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f996}" src="1f996.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f995}" src="1f995.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f422}" src="1f422.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f420}" src="1f420.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41f}" src="1f41f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f421}" src="1f421.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42c}" src="1f42c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f988}" src="1f988.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f433}" src="1f433.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40b}" src="1f40b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40a}" src="1f40a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f406}" src="1f406.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f993}" src="1f993.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f405}" src="1f405.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f403}" src="1f403.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f402}" src="1f402.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f404}" src="1f404.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98c}" src="1f98c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42a}" src="1f42a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f42b}" src="1f42b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f992}" src="1f992.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f418}" src="1f418.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f98f}" src="1f98f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},goat:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f410}" src="1f410.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40f}" src="1f40f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f411}" src="1f411.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f40e}" src="1f40e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f416}" src="1f416.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f400}" src="1f400.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f401}" src="1f401.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f413}" src="1f413.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f983}" src="1f983.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dove:{keywords:["animal","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54a}" src="1f54a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f415}" src="1f415.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f429}" src="1f429.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f408}" src="1f408.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f407}" src="1f407.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43f}" src="1f43f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f994}" src="1f994.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99d}" src="1f99d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f999}" src="1f999.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99b}" src="1f99b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f998}" src="1f998.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9a1}" src="1f9a1.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9a2}" src="1f9a2.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99a}" src="1f99a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99c}" src="1f99c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99e}" src="1f99e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f99f}" src="1f99f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f43e}" src="1f43e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f409}" src="1f409.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f432}" src="1f432.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f335}" src="1f335.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f384}" src="1f384.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f332}" src="1f332.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f333}" src="1f333.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f334}" src="1f334.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f331}" src="1f331.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33f}" src="1f33f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2618" src="2618.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f340}" src="1f340.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38d}" src="1f38d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38b}" src="1f38b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f343}" src="1f343.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f342}" src="1f342.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f341}" src="1f341.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33e}" src="1f33e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33a}" src="1f33a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33b}" src="1f33b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f339}" src="1f339.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f940}" src="1f940.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f337}" src="1f337.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33c}" src="1f33c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f338}" src="1f338.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f490}" src="1f490.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f344}" src="1f344.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f330}" src="1f330.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f383}" src="1f383.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f41a}" src="1f41a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f578}" src="1f578.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30e}" src="1f30e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30d}" src="1f30d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30f}" src="1f30f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f315}" src="1f315.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f316}" src="1f316.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f317}" src="1f317.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f318}" src="1f318.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f311}" src="1f311.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f312}" src="1f312.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f313}" src="1f313.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f314}" src="1f314.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31a}" src="1f31a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31d}" src="1f31d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31b}" src="1f31b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31c}" src="1f31c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31e}" src="1f31e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f319}" src="1f319.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},star:{keywords:["night","yellow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b50" src="2b50.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f31f}" src="1f31f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ab}" src="1f4ab.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2728" src="2728.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},comet:{keywords:["space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2604" src="2604.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2600\ufe0f" src="2600.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f324}" src="1f324.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c5" src="26c5.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f325}" src="1f325.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f326}" src="1f326.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2601\ufe0f" src="2601.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f327}" src="1f327.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c8" src="26c8.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f329}" src="1f329.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26a1" src="26a1.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f525}" src="1f525.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a5}" src="1f4a5.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2744\ufe0f" src="2744.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f328}" src="1f328.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c4" src="26c4.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2603" src="2603.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32c}" src="1f32c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a8}" src="1f4a8.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32a}" src="1f32a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fog:{keywords:["weather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32b}" src="1f32b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2602" src="2602.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2614" src="2614.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a7}" src="1f4a7.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a6}" src="1f4a6.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30a}" src="1f30a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34f}" src="1f34f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34e}" src="1f34e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f350}" src="1f350.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34a}" src="1f34a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34b}" src="1f34b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34c}" src="1f34c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f349}" src="1f349.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f347}" src="1f347.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f353}" src="1f353.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f348}" src="1f348.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cherries:{keywords:["food","fruit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f352}" src="1f352.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f351}" src="1f351.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f34d}" src="1f34d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f965}" src="1f965.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95d}" src="1f95d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96d}" src="1f96d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},avocado:{keywords:["fruit","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f951}" src="1f951.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f966}" src="1f966.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f345}" src="1f345.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f346}" src="1f346.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f952}" src="1f952.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f955}" src="1f955.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f336}" src="1f336.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f954}" src="1f954.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f33d}" src="1f33d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96c}" src="1f96c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f360}" src="1f360.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},peanuts:{keywords:["food","nut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95c}" src="1f95c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36f}" src="1f36f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f950}" src="1f950.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35e}" src="1f35e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f956}" src="1f956.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96f}" src="1f96f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f968}" src="1f968.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cheese:{keywords:["food","chadder"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9c0}" src="1f9c0.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95a}" src="1f95a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f953}" src="1f953.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f969}" src="1f969.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95e}" src="1f95e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f357}" src="1f357.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f356}" src="1f356.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bone:{keywords:["skeleton"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9b4}" src="1f9b4.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f364}" src="1f364.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f373}" src="1f373.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f354}" src="1f354.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35f}" src="1f35f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f959}" src="1f959.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32d}" src="1f32d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pizza:{keywords:["food","party"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f355}" src="1f355.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96a}" src="1f96a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},canned_food:{keywords:["food","soup"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96b}" src="1f96b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35d}" src="1f35d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},taco:{keywords:["food","mexican"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32e}" src="1f32e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},burrito:{keywords:["food","mexican"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f32f}" src="1f32f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f957}" src="1f957.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f958}" src="1f958.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35c}" src="1f35c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f372}" src="1f372.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f365}" src="1f365.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f960}" src="1f960.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f363}" src="1f363.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f371}" src="1f371.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35b}" src="1f35b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f359}" src="1f359.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice:{keywords:["food","china","asian"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f35a}" src="1f35a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f358}" src="1f358.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},oden:{keywords:["food","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f362}" src="1f362.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f361}" src="1f361.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f367}" src="1f367.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f368}" src="1f368.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f366}" src="1f366.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f967}" src="1f967.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cake:{keywords:["food","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f370}" src="1f370.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9c1}" src="1f9c1.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f96e}" src="1f96e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f382}" src="1f382.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},custard:{keywords:["dessert","food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36e}" src="1f36e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36c}" src="1f36c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36d}" src="1f36d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36b}" src="1f36b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37f}" src="1f37f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95f}" src="1f95f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f369}" src="1f369.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f36a}" src="1f36a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f95b}" src="1f95b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37a}" src="1f37a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37b}" src="1f37b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f942}" src="1f942.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f377}" src="1f377.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f943}" src="1f943.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f378}" src="1f378.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f379}" src="1f379.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37e}" src="1f37e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f376}" src="1f376.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f375}" src="1f375.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f964}" src="1f964.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2615" src="2615.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37c}" src="1f37c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9c2}" src="1f9c2.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f944}" src="1f944.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f374}" src="1f374.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f37d}" src="1f37d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f963}" src="1f963.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f961}" src="1f961.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},chopsticks:{keywords:["food"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f962}" src="1f962.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},soccer:{keywords:["sports","football"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26bd" src="26bd.png"/>',fitzpatrick_scale:!1,category:"activity"},basketball:{keywords:["sports","balls","NBA"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c0}" src="1f3c0.png"/>',fitzpatrick_scale:!1,category:"activity"},football:{keywords:["sports","balls","NFL"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c8}" src="1f3c8.png"/>',fitzpatrick_scale:!1,category:"activity"},baseball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26be" src="26be.png"/>',fitzpatrick_scale:!1,category:"activity"},softball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94e}" src="1f94e.png"/>',fitzpatrick_scale:!1,category:"activity"},tennis:{keywords:["sports","balls","green"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3be}" src="1f3be.png"/>',fitzpatrick_scale:!1,category:"activity"},volleyball:{keywords:["sports","balls"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d0}" src="1f3d0.png"/>',fitzpatrick_scale:!1,category:"activity"},rugby_football:{keywords:["sports","team"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c9}" src="1f3c9.png"/>',fitzpatrick_scale:!1,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94f}" src="1f94f.png"/>',fitzpatrick_scale:!1,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b1}" src="1f3b1.png"/>',fitzpatrick_scale:!1,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f3" src="26f3.png"/>',fitzpatrick_scale:!1,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cc}\ufe0f\u200d\u2640\ufe0f" src="1f3cc-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},golfing_man:{keywords:["sports","business"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cc}" src="1f3cc.png"/>',fitzpatrick_scale:!0,category:"activity"},ping_pong:{keywords:["sports","pingpong"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d3}" src="1f3d3.png"/>',fitzpatrick_scale:!1,category:"activity"},badminton:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f8}" src="1f3f8.png"/>',fitzpatrick_scale:!1,category:"activity"},goal_net:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f945}" src="1f945.png"/>',fitzpatrick_scale:!1,category:"activity"},ice_hockey:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d2}" src="1f3d2.png"/>',fitzpatrick_scale:!1,category:"activity"},field_hockey:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d1}" src="1f3d1.png"/>',fitzpatrick_scale:!1,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94d}" src="1f94d.png"/>',fitzpatrick_scale:!1,category:"activity"},cricket:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cf}" src="1f3cf.png"/>',fitzpatrick_scale:!1,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3bf}" src="1f3bf.png"/>',fitzpatrick_scale:!1,category:"activity"},skier:{keywords:["sports","winter","snow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f7" src="26f7.png"/>',fitzpatrick_scale:!1,category:"activity"},snowboarder:{keywords:["sports","winter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c2}" src="1f3c2.png"/>',fitzpatrick_scale:!0,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93a}" src="1f93a.png"/>',fitzpatrick_scale:!1,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93c}\u200d\u2640\ufe0f" src="1f93c-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93c}\u200d\u2642\ufe0f" src="1f93c-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f938}\u200d\u2640\ufe0f" src="1f938-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f938}\u200d\u2642\ufe0f" src="1f938-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_playing_handball:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93e}\u200d\u2640\ufe0f" src="1f93e-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_playing_handball:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93e}\u200d\u2642\ufe0f" src="1f93e-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},ice_skate:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f8" src="26f8.png"/>',fitzpatrick_scale:!1,category:"activity"},curling_stone:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94c}" src="1f94c.png"/>',fitzpatrick_scale:!1,category:"activity"},skateboard:{keywords:["board"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f9}" src="1f6f9.png"/>',fitzpatrick_scale:!1,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f7}" src="1f6f7.png"/>',fitzpatrick_scale:!1,category:"activity"},bow_and_arrow:{keywords:["sports"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f9}" src="1f3f9.png"/>',fitzpatrick_scale:!1,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a3}" src="1f3a3.png"/>',fitzpatrick_scale:!1,category:"activity"},boxing_glove:{keywords:["sports","fighting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94a}" src="1f94a.png"/>',fitzpatrick_scale:!1,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f94b}" src="1f94b.png"/>',fitzpatrick_scale:!1,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a3}\u200d\u2640\ufe0f" src="1f6a3-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a3}" src="1f6a3.png"/>',fitzpatrick_scale:!0,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d7}\u200d\u2640\ufe0f" src="1f9d7-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d7}\u200d\u2642\ufe0f" src="1f9d7-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ca}\u200d\u2640\ufe0f" src="1f3ca-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ca}" src="1f3ca.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93d}\u200d\u2640\ufe0f" src="1f93d-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f93d}\u200d\u2642\ufe0f" src="1f93d-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d8}\u200d\u2640\ufe0f" src="1f9d8-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9d8}\u200d\u2642\ufe0f" src="1f9d8-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c4}\u200d\u2640\ufe0f" src="1f3c4-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c4}" src="1f3c4.png"/>',fitzpatrick_scale:!0,category:"activity"},bath:{keywords:["clean","shower","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c0}" src="1f6c0.png"/>',fitzpatrick_scale:!0,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f9\ufe0f\u200d\u2640\ufe0f" src="26f9-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},basketball_man:{keywords:["sports","human"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f9" src="26f9.png"/>',fitzpatrick_scale:!0,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cb}\ufe0f\u200d\u2640\ufe0f" src="1f3cb-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cb}" src="1f3cb.png"/>',fitzpatrick_scale:!0,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b4}\u200d\u2640\ufe0f" src="1f6b4-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b4}" src="1f6b4.png"/>',fitzpatrick_scale:!0,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b5}\u200d\u2640\ufe0f" src="1f6b5-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b5}" src="1f6b5.png"/>',fitzpatrick_scale:!0,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c7}" src="1f3c7.png"/>',fitzpatrick_scale:!0,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f574}" src="1f574.png"/>',fitzpatrick_scale:!0,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c6}" src="1f3c6.png"/>',fitzpatrick_scale:!1,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3bd}" src="1f3bd.png"/>',fitzpatrick_scale:!1,category:"activity"},medal_sports:{keywords:["award","winning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c5}" src="1f3c5.png"/>',fitzpatrick_scale:!1,category:"activity"},medal_military:{keywords:["award","winning","army"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f396}" src="1f396.png"/>',fitzpatrick_scale:!1,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f947}" src="1f947.png"/>',fitzpatrick_scale:!1,category:"activity"},"2nd_place_medal":{keywords:["award","second"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f948}" src="1f948.png"/>',fitzpatrick_scale:!1,category:"activity"},"3rd_place_medal":{keywords:["award","third"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f949}" src="1f949.png"/>',fitzpatrick_scale:!1,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f397}" src="1f397.png"/>',fitzpatrick_scale:!1,category:"activity"},rosette:{keywords:["flower","decoration","military"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f5}" src="1f3f5.png"/>',fitzpatrick_scale:!1,category:"activity"},ticket:{keywords:["event","concert","pass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ab}" src="1f3ab.png"/>',fitzpatrick_scale:!1,category:"activity"},tickets:{keywords:["sports","concert","entrance"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f39f}" src="1f39f.png"/>',fitzpatrick_scale:!1,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ad}" src="1f3ad.png"/>',fitzpatrick_scale:!1,category:"activity"},art:{keywords:["design","paint","draw","colors"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a8}" src="1f3a8.png"/>',fitzpatrick_scale:!1,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3aa}" src="1f3aa.png"/>',fitzpatrick_scale:!1,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f939}\u200d\u2640\ufe0f" src="1f939-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f939}\u200d\u2642\ufe0f" src="1f939-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a4}" src="1f3a4.png"/>',fitzpatrick_scale:!1,category:"activity"},headphones:{keywords:["music","score","gadgets"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a7}" src="1f3a7.png"/>',fitzpatrick_scale:!1,category:"activity"},musical_score:{keywords:["treble","clef","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3bc}" src="1f3bc.png"/>',fitzpatrick_scale:!1,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b9}" src="1f3b9.png"/>',fitzpatrick_scale:!1,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f941}" src="1f941.png"/>',fitzpatrick_scale:!1,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b7}" src="1f3b7.png"/>',fitzpatrick_scale:!1,category:"activity"},trumpet:{keywords:["music","brass"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ba}" src="1f3ba.png"/>',fitzpatrick_scale:!1,category:"activity"},guitar:{keywords:["music","instrument"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b8}" src="1f3b8.png"/>',fitzpatrick_scale:!1,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3bb}" src="1f3bb.png"/>',fitzpatrick_scale:!1,category:"activity"},clapper:{keywords:["movie","film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ac}" src="1f3ac.png"/>',fitzpatrick_scale:!1,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ae}" src="1f3ae.png"/>',fitzpatrick_scale:!1,category:"activity"},space_invader:{keywords:["game","arcade","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f47e}" src="1f47e.png"/>',fitzpatrick_scale:!1,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3af}" src="1f3af.png"/>',fitzpatrick_scale:!1,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b2}" src="1f3b2.png"/>',fitzpatrick_scale:!1,category:"activity"},chess_pawn:{keywords:["expendable"],char:"\u265f",fitzpatrick_scale:!1,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b0}" src="1f3b0.png"/>',fitzpatrick_scale:!1,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e9}" src="1f9e9.png"/>',fitzpatrick_scale:!1,category:"activity"},bowling:{keywords:["sports","fun","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b3}" src="1f3b3.png"/>',fitzpatrick_scale:!1,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f697}" src="1f697.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f695}" src="1f695.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f699}" src="1f699.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68c}" src="1f68c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68e}" src="1f68e.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ce}" src="1f3ce.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f693}" src="1f693.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f691}" src="1f691.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f692}" src="1f692.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f690}" src="1f690.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},truck:{keywords:["cars","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69a}" src="1f69a.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69b}" src="1f69b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69c}" src="1f69c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f4}" src="1f6f4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3cd}" src="1f3cd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b2}" src="1f6b2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f5}" src="1f6f5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a8}" src="1f6a8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f694}" src="1f694.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68d}" src="1f68d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f698}" src="1f698.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f696}" src="1f696.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a1}" src="1f6a1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a0}" src="1f6a0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69f}" src="1f69f.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f683}" src="1f683.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68b}" src="1f68b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69d}" src="1f69d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f684}" src="1f684.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f685}" src="1f685.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f688}" src="1f688.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f69e}" src="1f69e.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f682}" src="1f682.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f686}" src="1f686.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f687}" src="1f687.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68a}" src="1f68a.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f689}" src="1f689.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f8}" src="1f6f8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f681}" src="1f681.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e9}" src="1f6e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2708\ufe0f" src="2708.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6eb}" src="1f6eb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ec}" src="1f6ec.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f5" src="26f5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motor_boat:{keywords:["ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e5}" src="1f6e5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a4}" src="1f6a4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f4" src="26f4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f3}" src="1f6f3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f680}" src="1f680.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f0}" src="1f6f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ba}" src="1f4ba.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6f6}" src="1f6f6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2693" src="2693.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a7}" src="1f6a7.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26fd" src="26fd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f68f}" src="1f68f.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a6}" src="1f6a6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a5}" src="1f6a5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3c1}" src="1f3c1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a2}" src="1f6a2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a1}" src="1f3a1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a2}" src="1f3a2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a0}" src="1f3a0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d7}" src="1f3d7.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f301}" src="1f301.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fc}" src="1f5fc.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ed}" src="1f3ed.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f2" src="26f2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f391}" src="1f391.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f0" src="26f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d4}" src="1f3d4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fb}" src="1f5fb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30b}" src="1f30b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fe}" src="1f5fe.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d5}" src="1f3d5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26fa" src="26fa.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3de}" src="1f3de.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e3}" src="1f6e3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e4}" src="1f6e4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f305}" src="1f305.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f304}" src="1f304.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3dc}" src="1f3dc.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d6}" src="1f3d6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3dd}" src="1f3dd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f307}" src="1f307.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f306}" src="1f306.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d9}" src="1f3d9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f303}" src="1f303.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f309}" src="1f309.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f30c}" src="1f30c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},stars:{keywords:["night","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f320}" src="1f320.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f387}" src="1f387.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f386}" src="1f386.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f308}" src="1f308.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},houses:{keywords:["buildings","photo"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3d8}" src="1f3d8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f0}" src="1f3f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ef}" src="1f3ef.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3df}" src="1f3df.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fd}" src="1f5fd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},house:{keywords:["building","home"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e0}" src="1f3e0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e1}" src="1f3e1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3da}" src="1f3da.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},office:{keywords:["building","bureau","work"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e2}" src="1f3e2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ec}" src="1f3ec.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e3}" src="1f3e3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},european_post_office:{keywords:["building","email"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e4}" src="1f3e4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e5}" src="1f3e5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e6}" src="1f3e6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e8}" src="1f3e8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ea}" src="1f3ea.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3eb}" src="1f3eb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e9}" src="1f3e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f492}" src="1f492.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3db}" src="1f3db.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},church:{keywords:["building","religion","christ"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ea" src="26ea.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54c}" src="1f54c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54d}" src="1f54d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54b}" src="1f54b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26e9" src="26e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},watch:{keywords:["time","accessories"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u231a" src="231a.png"/>',fitzpatrick_scale:!1,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f1}" src="1f4f1.png"/>',fitzpatrick_scale:!1,category:"objects"},calling:{keywords:["iphone","incoming"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f2}" src="1f4f2.png"/>',fitzpatrick_scale:!1,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4bb}" src="1f4bb.png"/>',fitzpatrick_scale:!1,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2328" src="2328.png"/>',fitzpatrick_scale:!1,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5a5}" src="1f5a5.png"/>',fitzpatrick_scale:!1,category:"objects"},printer:{keywords:["paper","ink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5a8}" src="1f5a8.png"/>',fitzpatrick_scale:!1,category:"objects"},computer_mouse:{keywords:["click"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5b1}" src="1f5b1.png"/>',fitzpatrick_scale:!1,category:"objects"},trackball:{keywords:["technology","trackpad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5b2}" src="1f5b2.png"/>',fitzpatrick_scale:!1,category:"objects"},joystick:{keywords:["game","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f579}" src="1f579.png"/>',fitzpatrick_scale:!1,category:"objects"},clamp:{keywords:["tool"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5dc}" src="1f5dc.png"/>',fitzpatrick_scale:!1,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4bd}" src="1f4bd.png"/>',fitzpatrick_scale:!1,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4be}" src="1f4be.png"/>',fitzpatrick_scale:!1,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4bf}" src="1f4bf.png"/>',fitzpatrick_scale:!1,category:"objects"},dvd:{keywords:["cd","disk","disc"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c0}" src="1f4c0.png"/>',fitzpatrick_scale:!1,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4fc}" src="1f4fc.png"/>',fitzpatrick_scale:!1,category:"objects"},camera:{keywords:["gadgets","photography"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f7}" src="1f4f7.png"/>',fitzpatrick_scale:!1,category:"objects"},camera_flash:{keywords:["photography","gadgets"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f8}" src="1f4f8.png"/>',fitzpatrick_scale:!1,category:"objects"},video_camera:{keywords:["film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f9}" src="1f4f9.png"/>',fitzpatrick_scale:!1,category:"objects"},movie_camera:{keywords:["film","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a5}" src="1f3a5.png"/>',fitzpatrick_scale:!1,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4fd}" src="1f4fd.png"/>',fitzpatrick_scale:!1,category:"objects"},film_strip:{keywords:["movie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f39e}" src="1f39e.png"/>',fitzpatrick_scale:!1,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4de}" src="1f4de.png"/>',fitzpatrick_scale:!1,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u260e\ufe0f" src="260e.png"/>',fitzpatrick_scale:!1,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4df}" src="1f4df.png"/>',fitzpatrick_scale:!1,category:"objects"},fax:{keywords:["communication","technology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e0}" src="1f4e0.png"/>',fitzpatrick_scale:!1,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4fa}" src="1f4fa.png"/>',fitzpatrick_scale:!1,category:"objects"},radio:{keywords:["communication","music","podcast","program"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4fb}" src="1f4fb.png"/>',fitzpatrick_scale:!1,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f399}" src="1f399.png"/>',fitzpatrick_scale:!1,category:"objects"},level_slider:{keywords:["scale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f39a}" src="1f39a.png"/>',fitzpatrick_scale:!1,category:"objects"},control_knobs:{keywords:["dial"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f39b}" src="1f39b.png"/>',fitzpatrick_scale:!1,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ed}" src="1f9ed.png"/>',fitzpatrick_scale:!1,category:"objects"},stopwatch:{keywords:["time","deadline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f1" src="23f1.png"/>',fitzpatrick_scale:!1,category:"objects"},timer_clock:{keywords:["alarm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f2" src="23f2.png"/>',fitzpatrick_scale:!1,category:"objects"},alarm_clock:{keywords:["time","wake"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f0" src="23f0.png"/>',fitzpatrick_scale:!1,category:"objects"},mantelpiece_clock:{keywords:["time"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f570}" src="1f570.png"/>',fitzpatrick_scale:!1,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f3" src="23f3.png"/>',fitzpatrick_scale:!1,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u231b" src="231b.png"/>',fitzpatrick_scale:!1,category:"objects"},satellite:{keywords:["communication","future","radio","space"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e1}" src="1f4e1.png"/>',fitzpatrick_scale:!1,category:"objects"},battery:{keywords:["power","energy","sustain"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50b}" src="1f50b.png"/>',fitzpatrick_scale:!1,category:"objects"},electric_plug:{keywords:["charger","power"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50c}" src="1f50c.png"/>',fitzpatrick_scale:!1,category:"objects"},bulb:{keywords:["light","electricity","idea"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a1}" src="1f4a1.png"/>',fitzpatrick_scale:!1,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f526}" src="1f526.png"/>',fitzpatrick_scale:!1,category:"objects"},candle:{keywords:["fire","wax"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f56f}" src="1f56f.png"/>',fitzpatrick_scale:!1,category:"objects"},fire_extinguisher:{keywords:["quench"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ef}" src="1f9ef.png"/>',fitzpatrick_scale:!1,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5d1}" src="1f5d1.png"/>',fitzpatrick_scale:!1,category:"objects"},oil_drum:{keywords:["barrell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e2}" src="1f6e2.png"/>',fitzpatrick_scale:!1,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b8}" src="1f4b8.png"/>',fitzpatrick_scale:!1,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b5}" src="1f4b5.png"/>',fitzpatrick_scale:!1,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b4}" src="1f4b4.png"/>',fitzpatrick_scale:!1,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b6}" src="1f4b6.png"/>',fitzpatrick_scale:!1,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b7}" src="1f4b7.png"/>',fitzpatrick_scale:!1,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b0}" src="1f4b0.png"/>',fitzpatrick_scale:!1,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b3}" src="1f4b3.png"/>',fitzpatrick_scale:!1,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48e}" src="1f48e.png"/>',fitzpatrick_scale:!1,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2696" src="2696.png"/>',fitzpatrick_scale:!1,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f0}" src="1f9f0.png"/>',fitzpatrick_scale:!1,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f527}" src="1f527.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f528}" src="1f528.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2692" src="2692.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e0}" src="1f6e0.png"/>',fitzpatrick_scale:!1,category:"objects"},pick:{keywords:["tools","dig"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26cf" src="26cf.png"/>',fitzpatrick_scale:!1,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f529}" src="1f529.png"/>',fitzpatrick_scale:!1,category:"objects"},gear:{keywords:["cog"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2699" src="2699.png"/>',fitzpatrick_scale:!1,category:"objects"},brick:{keywords:["bricks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f1}" src="1f9f1.png"/>',fitzpatrick_scale:!1,category:"objects"},chains:{keywords:["lock","arrest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d3" src="26d3.png"/>',fitzpatrick_scale:!1,category:"objects"},magnet:{keywords:["attraction","magnetic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f2}" src="1f9f2.png"/>',fitzpatrick_scale:!1,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52b}" src="1f52b.png"/>',fitzpatrick_scale:!1,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a3}" src="1f4a3.png"/>',fitzpatrick_scale:!1,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e8}" src="1f9e8.png"/>',fitzpatrick_scale:!1,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52a}" src="1f52a.png"/>',fitzpatrick_scale:!1,category:"objects"},dagger:{keywords:["weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5e1}" src="1f5e1.png"/>',fitzpatrick_scale:!1,category:"objects"},crossed_swords:{keywords:["weapon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2694" src="2694.png"/>',fitzpatrick_scale:!1,category:"objects"},shield:{keywords:["protection","security"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6e1}" src="1f6e1.png"/>',fitzpatrick_scale:!1,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ac}" src="1f6ac.png"/>',fitzpatrick_scale:!1,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2620" src="2620.png"/>',fitzpatrick_scale:!1,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26b0" src="26b0.png"/>',fitzpatrick_scale:!1,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26b1" src="26b1.png"/>',fitzpatrick_scale:!1,category:"objects"},amphora:{keywords:["vase","jar"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3fa}" src="1f3fa.png"/>',fitzpatrick_scale:!1,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52e}" src="1f52e.png"/>',fitzpatrick_scale:!1,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ff}" src="1f4ff.png"/>',fitzpatrick_scale:!1,category:"objects"},nazar_amulet:{keywords:["bead","charm"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ff}" src="1f9ff.png"/>',fitzpatrick_scale:!1,category:"objects"},barber:{keywords:["hair","salon","style"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f488}" src="1f488.png"/>',fitzpatrick_scale:!1,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2697" src="2697.png"/>',fitzpatrick_scale:!1,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52d}" src="1f52d.png"/>',fitzpatrick_scale:!1,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52c}" src="1f52c.png"/>',fitzpatrick_scale:!1,category:"objects"},hole:{keywords:["embarrassing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f573}" src="1f573.png"/>',fitzpatrick_scale:!1,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48a}" src="1f48a.png"/>',fitzpatrick_scale:!1,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f489}" src="1f489.png"/>',fitzpatrick_scale:!1,category:"objects"},dna:{keywords:["biologist","genetics","life"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ec}" src="1f9ec.png"/>',fitzpatrick_scale:!1,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9a0}" src="1f9a0.png"/>',fitzpatrick_scale:!1,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9eb}" src="1f9eb.png"/>',fitzpatrick_scale:!1,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ea}" src="1f9ea.png"/>',fitzpatrick_scale:!1,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f321}" src="1f321.png"/>',fitzpatrick_scale:!1,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f9}" src="1f9f9.png"/>',fitzpatrick_scale:!1,category:"objects"},basket:{keywords:["laundry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fa}" src="1f9fa.png"/>',fitzpatrick_scale:!1,category:"objects"},toilet_paper:{keywords:["roll"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fb}" src="1f9fb.png"/>',fitzpatrick_scale:!1,category:"objects"},label:{keywords:["sale","tag"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f7}" src="1f3f7.png"/>',fitzpatrick_scale:!1,category:"objects"},bookmark:{keywords:["favorite","label","save"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f516}" src="1f516.png"/>',fitzpatrick_scale:!1,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6bd}" src="1f6bd.png"/>',fitzpatrick_scale:!1,category:"objects"},shower:{keywords:["clean","water","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6bf}" src="1f6bf.png"/>',fitzpatrick_scale:!1,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c1}" src="1f6c1.png"/>',fitzpatrick_scale:!1,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fc}" src="1f9fc.png"/>',fitzpatrick_scale:!1,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fd}" src="1f9fd.png"/>',fitzpatrick_scale:!1,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f4}" src="1f9f4.png"/>',fitzpatrick_scale:!1,category:"objects"},key:{keywords:["lock","door","password"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f511}" src="1f511.png"/>',fitzpatrick_scale:!1,category:"objects"},old_key:{keywords:["lock","door","password"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5dd}" src="1f5dd.png"/>',fitzpatrick_scale:!1,category:"objects"},couch_and_lamp:{keywords:["read","chill"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6cb}" src="1f6cb.png"/>',fitzpatrick_scale:!1,category:"objects"},sleeping_bed:{keywords:["bed","rest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6cc}" src="1f6cc.png"/>',fitzpatrick_scale:!0,category:"objects"},bed:{keywords:["sleep","rest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6cf}" src="1f6cf.png"/>',fitzpatrick_scale:!1,category:"objects"},door:{keywords:["house","entry","exit"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6aa}" src="1f6aa.png"/>',fitzpatrick_scale:!1,category:"objects"},bellhop_bell:{keywords:["service"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ce}" src="1f6ce.png"/>',fitzpatrick_scale:!1,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f8}" src="1f9f8.png"/>',fitzpatrick_scale:!1,category:"objects"},framed_picture:{keywords:["photography"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5bc}" src="1f5bc.png"/>',fitzpatrick_scale:!1,category:"objects"},world_map:{keywords:["location","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5fa}" src="1f5fa.png"/>',fitzpatrick_scale:!1,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f1" src="26f1.png"/>',fitzpatrick_scale:!1,category:"objects"},moyai:{keywords:["rock","easter island","moai"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5ff}" src="1f5ff.png"/>',fitzpatrick_scale:!1,category:"objects"},shopping:{keywords:["mall","buy","purchase"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6cd}" src="1f6cd.png"/>',fitzpatrick_scale:!1,category:"objects"},shopping_cart:{keywords:["trolley"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6d2}" src="1f6d2.png"/>',fitzpatrick_scale:!1,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f388}" src="1f388.png"/>',fitzpatrick_scale:!1,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38f}" src="1f38f.png"/>',fitzpatrick_scale:!1,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f380}" src="1f380.png"/>',fitzpatrick_scale:!1,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f381}" src="1f381.png"/>',fitzpatrick_scale:!1,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38a}" src="1f38a.png"/>',fitzpatrick_scale:!1,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f389}" src="1f389.png"/>',fitzpatrick_scale:!1,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38e}" src="1f38e.png"/>',fitzpatrick_scale:!1,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f390}" src="1f390.png"/>',fitzpatrick_scale:!1,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f38c}" src="1f38c.png"/>',fitzpatrick_scale:!1,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3ee}" src="1f3ee.png"/>',fitzpatrick_scale:!1,category:"objects"},red_envelope:{keywords:["gift"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e7}" src="1f9e7.png"/>',fitzpatrick_scale:!1,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2709\ufe0f" src="2709.png"/>',fitzpatrick_scale:!1,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e9}" src="1f4e9.png"/>',fitzpatrick_scale:!1,category:"objects"},incoming_envelope:{keywords:["email","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e8}" src="1f4e8.png"/>',fitzpatrick_scale:!1,category:"objects"},"e-mail":{keywords:["communication","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e7}" src="1f4e7.png"/>',fitzpatrick_scale:!1,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f48c}" src="1f48c.png"/>',fitzpatrick_scale:!1,category:"objects"},postbox:{keywords:["email","letter","envelope"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ee}" src="1f4ee.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ea}" src="1f4ea.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox:{keywords:["email","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4eb}" src="1f4eb.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ec}" src="1f4ec.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ed}" src="1f4ed.png"/>',fitzpatrick_scale:!1,category:"objects"},package:{keywords:["mail","gift","cardboard","box","moving"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e6}" src="1f4e6.png"/>',fitzpatrick_scale:!1,category:"objects"},postal_horn:{keywords:["instrument","music"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ef}" src="1f4ef.png"/>',fitzpatrick_scale:!1,category:"objects"},inbox_tray:{keywords:["email","documents"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e5}" src="1f4e5.png"/>',fitzpatrick_scale:!1,category:"objects"},outbox_tray:{keywords:["inbox","email"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e4}" src="1f4e4.png"/>',fitzpatrick_scale:!1,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4dc}" src="1f4dc.png"/>',fitzpatrick_scale:!1,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c3}" src="1f4c3.png"/>',fitzpatrick_scale:!1,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d1}" src="1f4d1.png"/>',fitzpatrick_scale:!1,category:"objects"},receipt:{keywords:["accounting","expenses"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9fe}" src="1f9fe.png"/>',fitzpatrick_scale:!1,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ca}" src="1f4ca.png"/>',fitzpatrick_scale:!1,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c8}" src="1f4c8.png"/>',fitzpatrick_scale:!1,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c9}" src="1f4c9.png"/>',fitzpatrick_scale:!1,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c4}" src="1f4c4.png"/>',fitzpatrick_scale:!1,category:"objects"},date:{keywords:["calendar","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c5}" src="1f4c5.png"/>',fitzpatrick_scale:!1,category:"objects"},calendar:{keywords:["schedule","date","planning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c6}" src="1f4c6.png"/>',fitzpatrick_scale:!1,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5d3}" src="1f5d3.png"/>',fitzpatrick_scale:!1,category:"objects"},card_index:{keywords:["business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c7}" src="1f4c7.png"/>',fitzpatrick_scale:!1,category:"objects"},card_file_box:{keywords:["business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5c3}" src="1f5c3.png"/>',fitzpatrick_scale:!1,category:"objects"},ballot_box:{keywords:["election","vote"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5f3}" src="1f5f3.png"/>',fitzpatrick_scale:!1,category:"objects"},file_cabinet:{keywords:["filing","organizing"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5c4}" src="1f5c4.png"/>',fitzpatrick_scale:!1,category:"objects"},clipboard:{keywords:["stationery","documents"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4cb}" src="1f4cb.png"/>',fitzpatrick_scale:!1,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5d2}" src="1f5d2.png"/>',fitzpatrick_scale:!1,category:"objects"},file_folder:{keywords:["documents","business","office"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c1}" src="1f4c1.png"/>',fitzpatrick_scale:!1,category:"objects"},open_file_folder:{keywords:["documents","load"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4c2}" src="1f4c2.png"/>',fitzpatrick_scale:!1,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5c2}" src="1f5c2.png"/>',fitzpatrick_scale:!1,category:"objects"},newspaper_roll:{keywords:["press","headline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5de}" src="1f5de.png"/>',fitzpatrick_scale:!1,category:"objects"},newspaper:{keywords:["press","headline"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f0}" src="1f4f0.png"/>',fitzpatrick_scale:!1,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d3}" src="1f4d3.png"/>',fitzpatrick_scale:!1,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d5}" src="1f4d5.png"/>',fitzpatrick_scale:!1,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d7}" src="1f4d7.png"/>',fitzpatrick_scale:!1,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d8}" src="1f4d8.png"/>',fitzpatrick_scale:!1,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d9}" src="1f4d9.png"/>',fitzpatrick_scale:!1,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d4}" src="1f4d4.png"/>',fitzpatrick_scale:!1,category:"objects"},ledger:{keywords:["notes","paper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d2}" src="1f4d2.png"/>',fitzpatrick_scale:!1,category:"objects"},books:{keywords:["literature","library","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4da}" src="1f4da.png"/>',fitzpatrick_scale:!1,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d6}" src="1f4d6.png"/>',fitzpatrick_scale:!1,category:"objects"},safety_pin:{keywords:["diaper"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9f7}" src="1f9f7.png"/>',fitzpatrick_scale:!1,category:"objects"},link:{keywords:["rings","url"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f517}" src="1f517.png"/>',fitzpatrick_scale:!1,category:"objects"},paperclip:{keywords:["documents","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ce}" src="1f4ce.png"/>',fitzpatrick_scale:!1,category:"objects"},paperclips:{keywords:["documents","stationery"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f587}" src="1f587.png"/>',fitzpatrick_scale:!1,category:"objects"},scissors:{keywords:["stationery","cut"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2702\ufe0f" src="2702.png"/>',fitzpatrick_scale:!1,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4d0}" src="1f4d0.png"/>',fitzpatrick_scale:!1,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4cf}" src="1f4cf.png"/>',fitzpatrick_scale:!1,category:"objects"},abacus:{keywords:["calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9ee}" src="1f9ee.png"/>',fitzpatrick_scale:!1,category:"objects"},pushpin:{keywords:["stationery","mark","here"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4cc}" src="1f4cc.png"/>',fitzpatrick_scale:!1,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4cd}" src="1f4cd.png"/>',fitzpatrick_scale:!1,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6a9}" src="1f6a9.png"/>',fitzpatrick_scale:!1,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f3}" src="1f3f3.png"/>',fitzpatrick_scale:!1,category:"objects"},black_flag:{keywords:["pirate"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}" src="1f3f4.png"/>',fitzpatrick_scale:!1,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f3}\ufe0f\u200d\u{1f308}" src="1f3f3-fe0f-200d-1f308.png"/>',fitzpatrick_scale:!1,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f510}" src="1f510.png"/>',fitzpatrick_scale:!1,category:"objects"},lock:{keywords:["security","password","padlock"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f512}" src="1f512.png"/>',fitzpatrick_scale:!1,category:"objects"},unlock:{keywords:["privacy","security"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f513}" src="1f513.png"/>',fitzpatrick_scale:!1,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50f}" src="1f50f.png"/>',fitzpatrick_scale:!1,category:"objects"},pen:{keywords:["stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f58a}" src="1f58a.png"/>',fitzpatrick_scale:!1,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f58b}" src="1f58b.png"/>',fitzpatrick_scale:!1,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2712\ufe0f" src="2712.png"/>',fitzpatrick_scale:!1,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4dd}" src="1f4dd.png"/>',fitzpatrick_scale:!1,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270f\ufe0f" src="270f.png"/>',fitzpatrick_scale:!1,category:"objects"},crayon:{keywords:["drawing","creativity"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f58d}" src="1f58d.png"/>',fitzpatrick_scale:!1,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f58c}" src="1f58c.png"/>',fitzpatrick_scale:!1,category:"objects"},mag:{keywords:["search","zoom","find","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50d}" src="1f50d.png"/>',fitzpatrick_scale:!1,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50e}" src="1f50e.png"/>',fitzpatrick_scale:!1,category:"objects"},heart:{keywords:["love","like","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2764\ufe0f" src="2764.png"/>',fitzpatrick_scale:!1,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f9e1}" src="1f9e1.png"/>',fitzpatrick_scale:!1,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49b}" src="1f49b.png"/>',fitzpatrick_scale:!1,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49a}" src="1f49a.png"/>',fitzpatrick_scale:!1,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f499}" src="1f499.png"/>',fitzpatrick_scale:!1,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49c}" src="1f49c.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_heart:{keywords:["evil"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5a4}" src="1f5a4.png"/>',fitzpatrick_scale:!1,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f494}" src="1f494.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2763" src="2763.png"/>',fitzpatrick_scale:!1,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f495}" src="1f495.png"/>',fitzpatrick_scale:!1,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49e}" src="1f49e.png"/>',fitzpatrick_scale:!1,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f493}" src="1f493.png"/>',fitzpatrick_scale:!1,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f497}" src="1f497.png"/>',fitzpatrick_scale:!1,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f496}" src="1f496.png"/>',fitzpatrick_scale:!1,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f498}" src="1f498.png"/>',fitzpatrick_scale:!1,category:"symbols"},gift_heart:{keywords:["love","valentines"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49d}" src="1f49d.png"/>',fitzpatrick_scale:!1,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f49f}" src="1f49f.png"/>',fitzpatrick_scale:!1,category:"symbols"},peace_symbol:{keywords:["hippie"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262e" src="262e.png"/>',fitzpatrick_scale:!1,category:"symbols"},latin_cross:{keywords:["christianity"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u271d" src="271d.png"/>',fitzpatrick_scale:!1,category:"symbols"},star_and_crescent:{keywords:["islam"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262a" src="262a.png"/>',fitzpatrick_scale:!1,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f549}" src="1f549.png"/>',fitzpatrick_scale:!1,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2638" src="2638.png"/>',fitzpatrick_scale:!1,category:"symbols"},star_of_david:{keywords:["judaism"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2721" src="2721.png"/>',fitzpatrick_scale:!1,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f52f}" src="1f52f.png"/>',fitzpatrick_scale:!1,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f54e}" src="1f54e.png"/>',fitzpatrick_scale:!1,category:"symbols"},yin_yang:{keywords:["balance"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262f" src="262f.png"/>',fitzpatrick_scale:!1,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2626" src="2626.png"/>',fitzpatrick_scale:!1,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6d0}" src="1f6d0.png"/>',fitzpatrick_scale:!1,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ce" src="26ce.png"/>',fitzpatrick_scale:!1,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2648" src="2648.png"/>',fitzpatrick_scale:!1,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2649" src="2649.png"/>',fitzpatrick_scale:!1,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264a" src="264a.png"/>',fitzpatrick_scale:!1,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264b" src="264b.png"/>',fitzpatrick_scale:!1,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264c" src="264c.png"/>',fitzpatrick_scale:!1,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264d" src="264d.png"/>',fitzpatrick_scale:!1,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264e" src="264e.png"/>',fitzpatrick_scale:!1,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264f" src="264f.png"/>',fitzpatrick_scale:!1,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2650" src="2650.png"/>',fitzpatrick_scale:!1,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2651" src="2651.png"/>',fitzpatrick_scale:!1,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2652" src="2652.png"/>',fitzpatrick_scale:!1,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2653" src="2653.png"/>',fitzpatrick_scale:!1,category:"symbols"},id:{keywords:["purple-square","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f194}" src="1f194.png"/>',fitzpatrick_scale:!1,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u269b" src="269b.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f233}" src="1f233.png"/>',fitzpatrick_scale:!1,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f239}" src="1f239.png"/>',fitzpatrick_scale:!1,category:"symbols"},radioactive:{keywords:["nuclear","danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2622" src="2622.png"/>',fitzpatrick_scale:!1,category:"symbols"},biohazard:{keywords:["danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2623" src="2623.png"/>',fitzpatrick_scale:!1,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f4}" src="1f4f4.png"/>',fitzpatrick_scale:!1,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f3}" src="1f4f3.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f236}" src="1f236.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f21a}" src="1f21a.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f238}" src="1f238.png"/>',fitzpatrick_scale:!1,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f23a}" src="1f23a.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f237}\ufe0f" src="1f237.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2734\ufe0f" src="2734.png"/>',fitzpatrick_scale:!1,category:"symbols"},vs:{keywords:["words","orange-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f19a}" src="1f19a.png"/>',fitzpatrick_scale:!1,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f251}" src="1f251.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_flower:{keywords:["japanese","spring"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ae}" src="1f4ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f250}" src="1f250.png"/>',fitzpatrick_scale:!1,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3299\ufe0f" src="3299.png"/>',fitzpatrick_scale:!1,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3297\ufe0f" src="3297.png"/>',fitzpatrick_scale:!1,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f234}" src="1f234.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f235}" src="1f235.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f232}" src="1f232.png"/>',fitzpatrick_scale:!1,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f170}\ufe0f" src="1f170.png"/>',fitzpatrick_scale:!1,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f171}\ufe0f" src="1f171.png"/>',fitzpatrick_scale:!1,category:"symbols"},ab:{keywords:["red-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f18e}" src="1f18e.png"/>',fitzpatrick_scale:!1,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f191}" src="1f191.png"/>',fitzpatrick_scale:!1,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f17e}\ufe0f" src="1f17e.png"/>',fitzpatrick_scale:!1,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f198}" src="1f198.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d4" src="26d4.png"/>',fitzpatrick_scale:!1,category:"symbols"},name_badge:{keywords:["fire","forbid"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4db}" src="1f4db.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ab}" src="1f6ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u274c" src="274c.png"/>',fitzpatrick_scale:!1,category:"symbols"},o:{keywords:["circle","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b55" src="2b55.png"/>',fitzpatrick_scale:!1,category:"symbols"},stop_sign:{keywords:["stop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6d1}" src="1f6d1.png"/>',fitzpatrick_scale:!1,category:"symbols"},anger:{keywords:["angry","mad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a2}" src="1f4a2.png"/>',fitzpatrick_scale:!1,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2668\ufe0f" src="2668.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b7}" src="1f6b7.png"/>',fitzpatrick_scale:!1,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6af}" src="1f6af.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b3}" src="1f6b3.png"/>',fitzpatrick_scale:!1,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b1}" src="1f6b1.png"/>',fitzpatrick_scale:!1,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51e}" src="1f51e.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f5}" src="1f4f5.png"/>',fitzpatrick_scale:!1,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2757" src="2757.png"/>',fitzpatrick_scale:!1,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2755" src="2755.png"/>',fitzpatrick_scale:!1,category:"symbols"},question:{keywords:["doubt","confused"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2753" src="2753.png"/>',fitzpatrick_scale:!1,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2754" src="2754.png"/>',fitzpatrick_scale:!1,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u203c\ufe0f" src="203c.png"/>',fitzpatrick_scale:!1,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2049\ufe0f" src="2049.png"/>',fitzpatrick_scale:!1,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f505}" src="1f505.png"/>',fitzpatrick_scale:!1,category:"symbols"},high_brightness:{keywords:["sun","light"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f506}" src="1f506.png"/>',fitzpatrick_scale:!1,category:"symbols"},trident:{keywords:["weapon","spear"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f531}" src="1f531.png"/>',fitzpatrick_scale:!1,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u269c" src="269c.png"/>',fitzpatrick_scale:!1,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u303d\ufe0f" src="303d.png"/>',fitzpatrick_scale:!1,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26a0\ufe0f" src="26a0.png"/>',fitzpatrick_scale:!1,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b8}" src="1f6b8.png"/>',fitzpatrick_scale:!1,category:"symbols"},beginner:{keywords:["badge","shield"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f530}" src="1f530.png"/>',fitzpatrick_scale:!1,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267b\ufe0f" src="267b.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f22f}" src="1f22f.png"/>',fitzpatrick_scale:!1,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b9}" src="1f4b9.png"/>',fitzpatrick_scale:!1,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2747\ufe0f" src="2747.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2733\ufe0f" src="2733.png"/>',fitzpatrick_scale:!1,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u274e" src="274e.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2705" src="2705.png"/>',fitzpatrick_scale:!1,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4a0}" src="1f4a0.png"/>',fitzpatrick_scale:!1,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f300}" src="1f300.png"/>',fitzpatrick_scale:!1,category:"symbols"},loop:{keywords:["tape","cassette"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27bf" src="27bf.png"/>',fitzpatrick_scale:!1,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f310}" src="1f310.png"/>',fitzpatrick_scale:!1,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u24c2\ufe0f" src="24c2.png"/>',fitzpatrick_scale:!1,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3e7}" src="1f3e7.png"/>',fitzpatrick_scale:!1,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f202}\ufe0f" src="1f202.png"/>',fitzpatrick_scale:!1,category:"symbols"},passport_control:{keywords:["custom","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c2}" src="1f6c2.png"/>',fitzpatrick_scale:!1,category:"symbols"},customs:{keywords:["passport","border","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c3}" src="1f6c3.png"/>',fitzpatrick_scale:!1,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c4}" src="1f6c4.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6c5}" src="1f6c5.png"/>',fitzpatrick_scale:!1,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267f" src="267f.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ad}" src="1f6ad.png"/>',fitzpatrick_scale:!1,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6be}" src="1f6be.png"/>',fitzpatrick_scale:!1,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f17f}\ufe0f" src="1f17f.png"/>',fitzpatrick_scale:!1,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b0}" src="1f6b0.png"/>',fitzpatrick_scale:!1,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6b9}" src="1f6b9.png"/>',fitzpatrick_scale:!1,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ba}" src="1f6ba.png"/>',fitzpatrick_scale:!1,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6bc}" src="1f6bc.png"/>',fitzpatrick_scale:!1,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6bb}" src="1f6bb.png"/>',fitzpatrick_scale:!1,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f6ae}" src="1f6ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3a6}" src="1f3a6.png"/>',fitzpatrick_scale:!1,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4f6}" src="1f4f6.png"/>',fitzpatrick_scale:!1,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f201}" src="1f201.png"/>',fitzpatrick_scale:!1,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f196}" src="1f196.png"/>',fitzpatrick_scale:!1,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f197}" src="1f197.png"/>',fitzpatrick_scale:!1,category:"symbols"},up:{keywords:["blue-square","above","high"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f199}" src="1f199.png"/>',fitzpatrick_scale:!1,category:"symbols"},cool:{keywords:["words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f192}" src="1f192.png"/>',fitzpatrick_scale:!1,category:"symbols"},new:{keywords:["blue-square","words","start"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f195}" src="1f195.png"/>',fitzpatrick_scale:!1,category:"symbols"},free:{keywords:["blue-square","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f193}" src="1f193.png"/>',fitzpatrick_scale:!1,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="0\ufe0f\u20e3" src="30-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},one:{keywords:["blue-square","numbers","1"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="1\ufe0f\u20e3" src="31-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="2\ufe0f\u20e3" src="32-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="3\ufe0f\u20e3" src="33-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},four:{keywords:["4","numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="4\ufe0f\u20e3" src="34-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="5\ufe0f\u20e3" src="35-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},six:{keywords:["6","numbers","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="6\ufe0f\u20e3" src="36-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="7\ufe0f\u20e3" src="37-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="8\ufe0f\u20e3" src="38-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="9\ufe0f\u20e3" src="39-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51f}" src="1f51f.png"/>',fitzpatrick_scale:!1,category:"symbols"},asterisk:{keywords:["star","keycap"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="*\u20e3" src="2a-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},eject_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23cf\ufe0f" src="23cf.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25b6\ufe0f" src="25b6.png"/>',fitzpatrick_scale:!1,category:"symbols"},pause_button:{keywords:["pause","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f8" src="23f8.png"/>',fitzpatrick_scale:!1,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ed" src="23ed.png"/>',fitzpatrick_scale:!1,category:"symbols"},stop_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f9" src="23f9.png"/>',fitzpatrick_scale:!1,category:"symbols"},record_button:{keywords:["blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23fa" src="23fa.png"/>',fitzpatrick_scale:!1,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ef" src="23ef.png"/>',fitzpatrick_scale:!1,category:"symbols"},previous_track_button:{keywords:["backward"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ee" src="23ee.png"/>',fitzpatrick_scale:!1,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23e9" src="23e9.png"/>',fitzpatrick_scale:!1,category:"symbols"},rewind:{keywords:["play","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ea" src="23ea.png"/>',fitzpatrick_scale:!1,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f500}" src="1f500.png"/>',fitzpatrick_scale:!1,category:"symbols"},repeat:{keywords:["loop","record"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f501}" src="1f501.png"/>',fitzpatrick_scale:!1,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f502}" src="1f502.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25c0\ufe0f" src="25c0.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f53c}" src="1f53c.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f53d}" src="1f53d.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23eb" src="23eb.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ec" src="23ec.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_right:{keywords:["blue-square","next"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27a1\ufe0f" src="27a1.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b05\ufe0f" src="2b05.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b06\ufe0f" src="2b06.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b07\ufe0f" src="2b07.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2197\ufe0f" src="2197.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2198\ufe0f" src="2198.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2199\ufe0f" src="2199.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2196\ufe0f" src="2196.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2195\ufe0f" src="2195.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2194\ufe0f" src="2194.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f504}" src="1f504.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u21aa\ufe0f" src="21aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u21a9\ufe0f" src="21a9.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2934\ufe0f" src="2934.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2935\ufe0f" src="2935.png"/>',fitzpatrick_scale:!1,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="#\ufe0f\u20e3" src="23-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2139\ufe0f" src="2139.png"/>',fitzpatrick_scale:!1,category:"symbols"},abc:{keywords:["blue-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f524}" src="1f524.png"/>',fitzpatrick_scale:!1,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f521}" src="1f521.png"/>',fitzpatrick_scale:!1,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f520}" src="1f520.png"/>',fitzpatrick_scale:!1,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f523}" src="1f523.png"/>',fitzpatrick_scale:!1,category:"symbols"},musical_note:{keywords:["score","tone","sound"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b5}" src="1f3b5.png"/>',fitzpatrick_scale:!1,category:"symbols"},notes:{keywords:["music","score"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b6}" src="1f3b6.png"/>',fitzpatrick_scale:!1,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3030\ufe0f" src="3030.png"/>',fitzpatrick_scale:!1,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27b0" src="27b0.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2714\ufe0f" src="2714.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f503}" src="1f503.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2795" src="2795.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2796" src="2796.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2797" src="2797.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2716\ufe0f" src="2716.png"/>',fitzpatrick_scale:!1,category:"symbols"},infinity:{keywords:["forever"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267e" src="267e.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b2}" src="1f4b2.png"/>',fitzpatrick_scale:!1,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4b1}" src="1f4b1.png"/>',fitzpatrick_scale:!1,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\xa9\ufe0f" src="a9.png"/>',fitzpatrick_scale:!1,category:"symbols"},registered:{keywords:["alphabet","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\xae\ufe0f" src="ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2122\ufe0f" src="2122.png"/>',fitzpatrick_scale:!1,category:"symbols"},end:{keywords:["words","arrow"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51a}" src="1f51a.png"/>',fitzpatrick_scale:!1,category:"symbols"},back:{keywords:["arrow","words","return"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f519}" src="1f519.png"/>',fitzpatrick_scale:!1,category:"symbols"},on:{keywords:["arrow","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51b}" src="1f51b.png"/>',fitzpatrick_scale:!1,category:"symbols"},top:{keywords:["words","blue-square"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51d}" src="1f51d.png"/>',fitzpatrick_scale:!1,category:"symbols"},soon:{keywords:["arrow","words"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f51c}" src="1f51c.png"/>',fitzpatrick_scale:!1,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2611\ufe0f" src="2611.png"/>',fitzpatrick_scale:!1,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f518}" src="1f518.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_circle:{keywords:["shape","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26aa" src="26aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_circle:{keywords:["shape","button","round"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ab" src="26ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},red_circle:{keywords:["shape","error","danger"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f534}" src="1f534.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f535}" src="1f535.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f538}" src="1f538.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f539}" src="1f539.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f536}" src="1f536.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f537}" src="1f537.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f53a}" src="1f53a.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_small_square:{keywords:["shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25aa\ufe0f" src="25aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_small_square:{keywords:["shape","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25ab\ufe0f" src="25ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b1b" src="2b1b.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b1c" src="2b1c.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f53b}" src="1f53b.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fc\ufe0f" src="25fc.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fb\ufe0f" src="25fb.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fe" src="25fe.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fd" src="25fd.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f532}" src="1f532.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_square_button:{keywords:["shape","input"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f533}" src="1f533.png"/>',fitzpatrick_scale:!1,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f508}" src="1f508.png"/>',fitzpatrick_scale:!1,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f509}" src="1f509.png"/>',fitzpatrick_scale:!1,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f50a}" src="1f50a.png"/>',fitzpatrick_scale:!1,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f507}" src="1f507.png"/>',fitzpatrick_scale:!1,category:"symbols"},mega:{keywords:["sound","speaker","volume"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e3}" src="1f4e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},loudspeaker:{keywords:["volume","sound"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4e2}" src="1f4e2.png"/>',fitzpatrick_scale:!1,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f514}" src="1f514.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f515}" src="1f515.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f0cf}" src="1f0cf.png"/>',fitzpatrick_scale:!1,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f004}" src="1f004.png"/>',fitzpatrick_scale:!1,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2660\ufe0f" src="2660.png"/>',fitzpatrick_scale:!1,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2663\ufe0f" src="2663.png"/>',fitzpatrick_scale:!1,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2665\ufe0f" src="2665.png"/>',fitzpatrick_scale:!1,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2666\ufe0f" src="2666.png"/>',fitzpatrick_scale:!1,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3b4}" src="1f3b4.png"/>',fitzpatrick_scale:!1,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ad}" src="1f4ad.png"/>',fitzpatrick_scale:!1,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5ef}" src="1f5ef.png"/>',fitzpatrick_scale:!1,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f4ac}" src="1f4ac.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f5e8}" src="1f5e8.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f550}" src="1f550.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f551}" src="1f551.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f552}" src="1f552.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f553}" src="1f553.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f554}" src="1f554.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f555}" src="1f555.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f556}" src="1f556.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f557}" src="1f557.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f558}" src="1f558.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f559}" src="1f559.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55a}" src="1f55a.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55b}" src="1f55b.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55c}" src="1f55c.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55d}" src="1f55d.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55e}" src="1f55e.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f55f}" src="1f55f.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f560}" src="1f560.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f561}" src="1f561.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f562}" src="1f562.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f563}" src="1f563.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f564}" src="1f564.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f565}" src="1f565.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f566}" src="1f566.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f567}" src="1f567.png"/>',fitzpatrick_scale:!1,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1eb}" src="1f1e6-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},aland_islands:{keywords:["\xc5land","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1fd}" src="1f1e6-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f1}" src="1f1e6-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1ff}" src="1f1e9-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f8}" src="1f1e6-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1e9}" src="1f1e6-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f4}" src="1f1e6-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1ee}" src="1f1e6-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f6}" src="1f1e6-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1ec}" src="1f1e6-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f7}" src="1f1e6-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f2}" src="1f1e6-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1fc}" src="1f1e6-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1fa}" src="1f1e6-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1f9}" src="1f1e6-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1ff}" src="1f1e6-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f8}" src="1f1e7-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ed}" src="1f1e7-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1e9}" src="1f1e7-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1e7}" src="1f1e7-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1fe}" src="1f1e7-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ea}" src="1f1e7-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ff}" src="1f1e7-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ef}" src="1f1e7-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f2}" src="1f1e7-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f9}" src="1f1e7-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f4}" src="1f1e7-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f6}" src="1f1e7-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1e6}" src="1f1e7-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1fc}" src="1f1e7-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f7}" src="1f1e7-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f4}" src="1f1ee-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1ec}" src="1f1fb-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f3}" src="1f1e7-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ec}" src="1f1e7-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1eb}" src="1f1e7-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1ee}" src="1f1e7-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fb}" src="1f1e8-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ed}" src="1f1f0-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f2}" src="1f1e8-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1e6}" src="1f1e8-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1e8}" src="1f1ee-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1fe}" src="1f1f0-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1eb}" src="1f1e8-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1e9}" src="1f1f9-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},chile:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f1}" src="1f1e8-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f3}" src="1f1e8-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fd}" src="1f1e8-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1e8}" src="1f1e8-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f4}" src="1f1e8-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1f2}" src="1f1f0-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1ec}" src="1f1e8-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1e9}" src="1f1e8-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f0}" src="1f1e8-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1f7}" src="1f1e8-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1f7}" src="1f1ed-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fa}" src="1f1e8-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},curacao:{keywords:["cura\xe7ao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fc}" src="1f1e8-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1fe}" src="1f1e8-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1ff}" src="1f1e8-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1f0}" src="1f1e9-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1ef}" src="1f1e9-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1f2}" src="1f1e9-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1f4}" src="1f1e9-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1e8}" src="1f1ea-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1ec}" src="1f1ea-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1fb}" src="1f1f8-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f6}" src="1f1ec-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1f7}" src="1f1ea-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1ea}" src="1f1ea-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1f9}" src="1f1ea-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},eu:{keywords:["european","union","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1fa}" src="1f1ea-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1f0}" src="1f1eb-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1f4}" src="1f1eb-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1ef}" src="1f1eb-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1ee}" src="1f1eb-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1f7}" src="1f1eb-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1eb}" src="1f1ec-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1eb}" src="1f1f5-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1eb}" src="1f1f9-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1e6}" src="1f1ec-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f2}" src="1f1ec-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1ea}" src="1f1ec-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e9}\u{1f1ea}" src="1f1e9-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1ed}" src="1f1ec-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1ee}" src="1f1ec-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f7}" src="1f1ec-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f1}" src="1f1ec-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1e9}" src="1f1ec-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f5}" src="1f1ec-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1fa}" src="1f1ec-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f9}" src="1f1ec-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1ec}" src="1f1ec-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f3}" src="1f1ec-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1fc}" src="1f1ec-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1fe}" src="1f1ec-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1f9}" src="1f1ed-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1f3}" src="1f1ed-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1f0}" src="1f1ed-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ed}\u{1f1fa}" src="1f1ed-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f8}" src="1f1ee-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f3}" src="1f1ee-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1e9}" src="1f1ee-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f7}" src="1f1ee-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f6}" src="1f1ee-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1ea}" src="1f1ee-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f2}" src="1f1ee-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f1}" src="1f1ee-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ee}\u{1f1f9}" src="1f1ee-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1ee}" src="1f1e8-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ef}\u{1f1f2}" src="1f1ef-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ef}\u{1f1f5}" src="1f1ef-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ef}\u{1f1ea}" src="1f1ef-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ef}\u{1f1f4}" src="1f1ef-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ff}" src="1f1f0-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ea}" src="1f1f0-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ee}" src="1f1f0-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fd}\u{1f1f0}" src="1f1fd-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1fc}" src="1f1f0-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1ec}" src="1f1f0-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1e6}" src="1f1f1-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1fb}" src="1f1f1-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1e7}" src="1f1f1-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1f8}" src="1f1f1-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1f7}" src="1f1f1-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1fe}" src="1f1f1-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1ee}" src="1f1f1-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1f9}" src="1f1f1-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1fa}" src="1f1f1-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f4}" src="1f1f2-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f0}" src="1f1f2-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1ec}" src="1f1f2-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fc}" src="1f1f2-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fe}" src="1f1f2-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fb}" src="1f1f2-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f1}" src="1f1f2-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f9}" src="1f1f2-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1ed}" src="1f1f2-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f6}" src="1f1f2-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f7}" src="1f1f2-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fa}" src="1f1f2-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fe}\u{1f1f9}" src="1f1fe-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1fd}" src="1f1f2-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1eb}\u{1f1f2}" src="1f1eb-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1e9}" src="1f1f2-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1e8}" src="1f1f2-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f3}" src="1f1f2-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1ea}" src="1f1f2-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f8}" src="1f1f2-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1e6}" src="1f1f2-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1ff}" src="1f1f2-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f2}" src="1f1f2-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1e6}" src="1f1f3-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1f7}" src="1f1f3-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1f5}" src="1f1f3-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1f1}" src="1f1f3-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1e8}" src="1f1f3-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1ff}" src="1f1f3-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1ee}" src="1f1f3-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1ea}" src="1f1f3-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1ec}" src="1f1f3-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1fa}" src="1f1f3-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1eb}" src="1f1f3-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f2}\u{1f1f5}" src="1f1f2-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1f5}" src="1f1f0-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f3}\u{1f1f4}" src="1f1f3-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f4}\u{1f1f2}" src="1f1f4-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f0}" src="1f1f5-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1fc}" src="1f1f5-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f8}" src="1f1f5-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1e6}" src="1f1f5-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1ec}" src="1f1f5-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1fe}" src="1f1f5-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1ea}" src="1f1f5-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1ed}" src="1f1f5-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f3}" src="1f1f5-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f1}" src="1f1f5-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f9}" src="1f1f5-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f7}" src="1f1f5-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f6}\u{1f1e6}" src="1f1f6-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},reunion:{keywords:["r\xe9union","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1ea}" src="1f1f7-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1f4}" src="1f1f7-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1fa}" src="1f1f7-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1fc}" src="1f1f7-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},st_barthelemy:{keywords:["saint","barth\xe9lemy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e7}\u{1f1f1}" src="1f1e7-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ed}" src="1f1f8-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1f3}" src="1f1f0-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1e8}" src="1f1f1-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f5}\u{1f1f2}" src="1f1f5-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1e8}" src="1f1fb-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fc}\u{1f1f8}" src="1f1fc-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f2}" src="1f1f8-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f9}" src="1f1f8-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1e6}" src="1f1f8-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f3}" src="1f1f8-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f7}\u{1f1f8}" src="1f1f7-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1e8}" src="1f1f8-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f1}" src="1f1f8-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ec}" src="1f1f8-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1fd}" src="1f1f8-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f0}" src="1f1f8-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ee}" src="1f1f8-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1e7}" src="1f1f8-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f4}" src="1f1f8-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ff}\u{1f1e6}" src="1f1ff-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1f8}" src="1f1ec-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f0}\u{1f1f7}" src="1f1f0-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f8}" src="1f1f8-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1f8}" src="1f1ea-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f1}\u{1f1f0}" src="1f1f1-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1e9}" src="1f1f8-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1f7}" src="1f1f8-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ff}" src="1f1f8-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1ea}" src="1f1f8-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e8}\u{1f1ed}" src="1f1e8-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f8}\u{1f1fe}" src="1f1f8-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1fc}" src="1f1f9-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1ef}" src="1f1f9-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1ff}" src="1f1f9-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1ed}" src="1f1f9-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f1}" src="1f1f9-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1ec}" src="1f1f9-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f0}" src="1f1f9-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f4}" src="1f1f9-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f9}" src="1f1f9-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f3}" src="1f1f9-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f7}" src="1f1f9-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1f2}" src="1f1f9-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1e8}" src="1f1f9-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1f9}\u{1f1fb}" src="1f1f9-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1ec}" src="1f1fa-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1e6}" src="1f1fa-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1e6}\u{1f1ea}" src="1f1e6-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ec}\u{1f1e7}" src="1f1ec-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},england:{keywords:["flag","english"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}\u{e0067}\u{e0062}\u{e0065}\u{e006e}\u{e0067}\u{e007f}" src="1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},scotland:{keywords:["flag","scottish"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}\u{e0067}\u{e0062}\u{e0073}\u{e0063}\u{e0074}\u{e007f}" src="1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},wales:{keywords:["flag","welsh"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}\u{e0067}\u{e0062}\u{e0077}\u{e006c}\u{e0073}\u{e007f}" src="1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1f8}" src="1f1fa-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1ee}" src="1f1fb-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1fe}" src="1f1fa-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1ff}" src="1f1fa-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1fa}" src="1f1fb-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1e6}" src="1f1fb-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1ea}" src="1f1fb-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fb}\u{1f1f3}" src="1f1fb-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fc}\u{1f1eb}" src="1f1fc-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ea}\u{1f1ed}" src="1f1ea-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fe}\u{1f1ea}" src="1f1fe-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ff}\u{1f1f2}" src="1f1ff-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1ff}\u{1f1fc}" src="1f1ff-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},united_nations:{keywords:["un","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f1fa}\u{1f1f3}" src="1f1fa-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],char:'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u{1f3f4}\u200d\u2620\ufe0f" src="1f3f4-200d-2620-fe0f.png"/>',fitzpatrick_scale:!1,category:"flags"}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojis.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojis.js
new file mode 100644
index 000000000..88455e9a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojis.js
@@ -0,0 +1 @@
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{grinning:{keywords:["face","smile","happy","joy",":D","grin"],char:"😀",fitzpatrick_scale:false,category:"people"},grimacing:{keywords:["face","grimace","teeth"],char:"😬",fitzpatrick_scale:false,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],char:"😁",fitzpatrick_scale:false,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],char:"😂",fitzpatrick_scale:false,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],char:"🤣",fitzpatrick_scale:false,category:"people"},partying:{keywords:["face","celebration","woohoo"],char:"🥳",fitzpatrick_scale:false,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],char:"😃",fitzpatrick_scale:false,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],char:"😄",fitzpatrick_scale:false,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],char:"😅",fitzpatrick_scale:false,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],char:"😆",fitzpatrick_scale:false,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],char:"😇",fitzpatrick_scale:false,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],char:"😉",fitzpatrick_scale:false,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],char:"😊",fitzpatrick_scale:false,category:"people"},slightly_smiling_face:{keywords:["face","smile"],char:"🙂",fitzpatrick_scale:false,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],char:"🙃",fitzpatrick_scale:false,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],char:"☺️",fitzpatrick_scale:false,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],char:"😋",fitzpatrick_scale:false,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],char:"😌",fitzpatrick_scale:false,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],char:"😍",fitzpatrick_scale:false,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],char:"🥰",fitzpatrick_scale:false,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:"😘",fitzpatrick_scale:false,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],char:"😗",fitzpatrick_scale:false,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],char:"😙",fitzpatrick_scale:false,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:"😚",fitzpatrick_scale:false,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],char:"😜",fitzpatrick_scale:false,category:"people"},zany:{keywords:["face","goofy","crazy"],char:"🤪",fitzpatrick_scale:false,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],char:"🤨",fitzpatrick_scale:false,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],char:"🧐",fitzpatrick_scale:false,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],char:"😝",fitzpatrick_scale:false,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],char:"😛",fitzpatrick_scale:false,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],char:"🤑",fitzpatrick_scale:false,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],char:"🤓",fitzpatrick_scale:false,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],char:"😎",fitzpatrick_scale:false,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],char:"🤩",fitzpatrick_scale:false,category:"people"},clown_face:{keywords:["face"],char:"🤡",fitzpatrick_scale:false,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],char:"🤠",fitzpatrick_scale:false,category:"people"},hugs:{keywords:["face","smile","hug"],char:"🤗",fitzpatrick_scale:false,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],char:"😏",fitzpatrick_scale:false,category:"people"},no_mouth:{keywords:["face","hellokitty"],char:"😶",fitzpatrick_scale:false,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],char:"😐",fitzpatrick_scale:false,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],char:"😑",fitzpatrick_scale:false,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],char:"😒",fitzpatrick_scale:false,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],char:"🙄",fitzpatrick_scale:false,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],char:"🤔",fitzpatrick_scale:false,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],char:"🤥",fitzpatrick_scale:false,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],char:"🤭",fitzpatrick_scale:false,category:"people"},shushing:{keywords:["face","quiet","shhh"],char:"🤫",fitzpatrick_scale:false,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],char:"🤬",fitzpatrick_scale:false,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],char:"🤯",fitzpatrick_scale:false,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],char:"😳",fitzpatrick_scale:false,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],char:"😞",fitzpatrick_scale:false,category:"people"},worried:{keywords:["face","concern","nervous",":("],char:"😟",fitzpatrick_scale:false,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],char:"😠",fitzpatrick_scale:false,category:"people"},rage:{keywords:["angry","mad","hate","despise"],char:"😡",fitzpatrick_scale:false,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],char:"😔",fitzpatrick_scale:false,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],char:"😕",fitzpatrick_scale:false,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],char:"🙁",fitzpatrick_scale:false,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],char:"☹",fitzpatrick_scale:false,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],char:"😣",fitzpatrick_scale:false,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],char:"😖",fitzpatrick_scale:false,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],char:"😫",fitzpatrick_scale:false,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],char:"😩",fitzpatrick_scale:false,category:"people"},pleading:{keywords:["face","begging","mercy"],char:"🥺",fitzpatrick_scale:false,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],char:"😤",fitzpatrick_scale:false,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],char:"😮",fitzpatrick_scale:false,category:"people"},scream:{keywords:["face","munch","scared","omg"],char:"😱",fitzpatrick_scale:false,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],char:"😨",fitzpatrick_scale:false,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],char:"😰",fitzpatrick_scale:false,category:"people"},hushed:{keywords:["face","woo","shh"],char:"😯",fitzpatrick_scale:false,category:"people"},frowning:{keywords:["face","aw","what"],char:"😦",fitzpatrick_scale:false,category:"people"},anguished:{keywords:["face","stunned","nervous"],char:"😧",fitzpatrick_scale:false,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],char:"😢",fitzpatrick_scale:false,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],char:"😥",fitzpatrick_scale:false,category:"people"},drooling_face:{keywords:["face"],char:"🤤",fitzpatrick_scale:false,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],char:"😪",fitzpatrick_scale:false,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],char:"😓",fitzpatrick_scale:false,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],char:"🥵",fitzpatrick_scale:false,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],char:"🥶",fitzpatrick_scale:false,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],char:"😭",fitzpatrick_scale:false,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],char:"😵",fitzpatrick_scale:false,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],char:"😲",fitzpatrick_scale:false,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],char:"🤐",fitzpatrick_scale:false,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],char:"🤢",fitzpatrick_scale:false,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],char:"🤧",fitzpatrick_scale:false,category:"people"},vomiting:{keywords:["face","sick"],char:"🤮",fitzpatrick_scale:false,category:"people"},mask:{keywords:["face","sick","ill","disease"],char:"😷",fitzpatrick_scale:false,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],char:"🤒",fitzpatrick_scale:false,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],char:"🤕",fitzpatrick_scale:false,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],char:"🥴",fitzpatrick_scale:false,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],char:"😴",fitzpatrick_scale:false,category:"people"},zzz:{keywords:["sleepy","tired","dream"],char:"💤",fitzpatrick_scale:false,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],char:"💩",fitzpatrick_scale:false,category:"people"},smiling_imp:{keywords:["devil","horns"],char:"😈",fitzpatrick_scale:false,category:"people"},imp:{keywords:["devil","angry","horns"],char:"👿",fitzpatrick_scale:false,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],char:"👹",fitzpatrick_scale:false,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],char:"👺",fitzpatrick_scale:false,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],char:"💀",fitzpatrick_scale:false,category:"people"},ghost:{keywords:["halloween","spooky","scary"],char:"👻",fitzpatrick_scale:false,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],char:"👽",fitzpatrick_scale:false,category:"people"},robot:{keywords:["computer","machine","bot"],char:"🤖",fitzpatrick_scale:false,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],char:"😺",fitzpatrick_scale:false,category:"people"},smile_cat:{keywords:["animal","cats","smile"],char:"😸",fitzpatrick_scale:false,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],char:"😹",fitzpatrick_scale:false,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],char:"😻",fitzpatrick_scale:false,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],char:"😼",fitzpatrick_scale:false,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],char:"😽",fitzpatrick_scale:false,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],char:"🙀",fitzpatrick_scale:false,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],char:"😿",fitzpatrick_scale:false,category:"people"},pouting_cat:{keywords:["animal","cats"],char:"😾",fitzpatrick_scale:false,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],char:"🤲",fitzpatrick_scale:true,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],char:"🙌",fitzpatrick_scale:true,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],char:"👏",fitzpatrick_scale:true,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],char:"👋",fitzpatrick_scale:true,category:"people"},call_me_hand:{keywords:["hands","gesture"],char:"🤙",fitzpatrick_scale:true,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],char:"👍",fitzpatrick_scale:true,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],char:"👎",fitzpatrick_scale:true,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],char:"👊",fitzpatrick_scale:true,category:"people"},fist:{keywords:["fingers","hand","grasp"],char:"✊",fitzpatrick_scale:true,category:"people"},fist_left:{keywords:["hand","fistbump"],char:"🤛",fitzpatrick_scale:true,category:"people"},fist_right:{keywords:["hand","fistbump"],char:"🤜",fitzpatrick_scale:true,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],char:"✌",fitzpatrick_scale:true,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],char:"👌",fitzpatrick_scale:true,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],char:"✋",fitzpatrick_scale:true,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],char:"🤚",fitzpatrick_scale:true,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],char:"👐",fitzpatrick_scale:true,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],char:"💪",fitzpatrick_scale:true,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],char:"🙏",fitzpatrick_scale:true,category:"people"},foot:{keywords:["kick","stomp"],char:"🦶",fitzpatrick_scale:true,category:"people"},leg:{keywords:["kick","limb"],char:"🦵",fitzpatrick_scale:true,category:"people"},handshake:{keywords:["agreement","shake"],char:"🤝",fitzpatrick_scale:false,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],char:"☝",fitzpatrick_scale:true,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],char:"👆",fitzpatrick_scale:true,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],char:"👇",fitzpatrick_scale:true,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],char:"👈",fitzpatrick_scale:true,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],char:"👉",fitzpatrick_scale:true,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],char:"🖕",fitzpatrick_scale:true,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],char:"🖐",fitzpatrick_scale:true,category:"people"},love_you:{keywords:["hand","fingers","gesture"],char:"🤟",fitzpatrick_scale:true,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],char:"🤘",fitzpatrick_scale:true,category:"people"},crossed_fingers:{keywords:["good","lucky"],char:"🤞",fitzpatrick_scale:true,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],char:"🖖",fitzpatrick_scale:true,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],char:"✍",fitzpatrick_scale:true,category:"people"},selfie:{keywords:["camera","phone"],char:"🤳",fitzpatrick_scale:true,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],char:"💅",fitzpatrick_scale:true,category:"people"},lips:{keywords:["mouth","kiss"],char:"👄",fitzpatrick_scale:false,category:"people"},tooth:{keywords:["teeth","dentist"],char:"🦷",fitzpatrick_scale:false,category:"people"},tongue:{keywords:["mouth","playful"],char:"👅",fitzpatrick_scale:false,category:"people"},ear:{keywords:["face","hear","sound","listen"],char:"👂",fitzpatrick_scale:true,category:"people"},nose:{keywords:["smell","sniff"],char:"👃",fitzpatrick_scale:true,category:"people"},eye:{keywords:["face","look","see","watch","stare"],char:"👁",fitzpatrick_scale:false,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],char:"👀",fitzpatrick_scale:false,category:"people"},brain:{keywords:["smart","intelligent"],char:"🧠",fitzpatrick_scale:false,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],char:"👤",fitzpatrick_scale:false,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],char:"👥",fitzpatrick_scale:false,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],char:"🗣",fitzpatrick_scale:false,category:"people"},baby:{keywords:["child","boy","girl","toddler"],char:"👶",fitzpatrick_scale:true,category:"people"},child:{keywords:["gender-neutral","young"],char:"🧒",fitzpatrick_scale:true,category:"people"},boy:{keywords:["man","male","guy","teenager"],char:"👦",fitzpatrick_scale:true,category:"people"},girl:{keywords:["female","woman","teenager"],char:"👧",fitzpatrick_scale:true,category:"people"},adult:{keywords:["gender-neutral","person"],char:"🧑",fitzpatrick_scale:true,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],char:"👨",fitzpatrick_scale:true,category:"people"},woman:{keywords:["female","girls","lady"],char:"👩",fitzpatrick_scale:true,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],char:"👱‍♀️",fitzpatrick_scale:true,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],char:"👱",fitzpatrick_scale:true,category:"people"},bearded_person:{keywords:["person","bewhiskered"],char:"🧔",fitzpatrick_scale:true,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],char:"🧓",fitzpatrick_scale:true,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],char:"👴",fitzpatrick_scale:true,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],char:"👵",fitzpatrick_scale:true,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],char:"👲",fitzpatrick_scale:true,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],char:"🧕",fitzpatrick_scale:true,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],char:"👳‍♀️",fitzpatrick_scale:true,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],char:"👳",fitzpatrick_scale:true,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],char:"👮‍♀️",fitzpatrick_scale:true,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],char:"👮",fitzpatrick_scale:true,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],char:"👷‍♀️",fitzpatrick_scale:true,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],char:"👷",fitzpatrick_scale:true,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],char:"💂‍♀️",fitzpatrick_scale:true,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],char:"💂",fitzpatrick_scale:true,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],char:"🕵️‍♀️",fitzpatrick_scale:true,category:"people"},male_detective:{keywords:["human","spy","detective"],char:"🕵",fitzpatrick_scale:true,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],char:"👩‍⚕️",fitzpatrick_scale:true,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],char:"👨‍⚕️",fitzpatrick_scale:true,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],char:"👩‍🌾",fitzpatrick_scale:true,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],char:"👨‍🌾",fitzpatrick_scale:true,category:"people"},woman_cook:{keywords:["chef","woman","human"],char:"👩‍🍳",fitzpatrick_scale:true,category:"people"},man_cook:{keywords:["chef","man","human"],char:"👨‍🍳",fitzpatrick_scale:true,category:"people"},woman_student:{keywords:["graduate","woman","human"],char:"👩‍🎓",fitzpatrick_scale:true,category:"people"},man_student:{keywords:["graduate","man","human"],char:"👨‍🎓",fitzpatrick_scale:true,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],char:"👩‍🎤",fitzpatrick_scale:true,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],char:"👨‍🎤",fitzpatrick_scale:true,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],char:"👩‍🏫",fitzpatrick_scale:true,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],char:"👨‍🏫",fitzpatrick_scale:true,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],char:"👩‍🏭",fitzpatrick_scale:true,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],char:"👨‍🏭",fitzpatrick_scale:true,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],char:"👩‍💻",fitzpatrick_scale:true,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],char:"👨‍💻",fitzpatrick_scale:true,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],char:"👩‍💼",fitzpatrick_scale:true,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],char:"👨‍💼",fitzpatrick_scale:true,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],char:"👩‍🔧",fitzpatrick_scale:true,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],char:"👨‍🔧",fitzpatrick_scale:true,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],char:"👩‍🔬",fitzpatrick_scale:true,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],char:"👨‍🔬",fitzpatrick_scale:true,category:"people"},woman_artist:{keywords:["painter","woman","human"],char:"👩‍🎨",fitzpatrick_scale:true,category:"people"},man_artist:{keywords:["painter","man","human"],char:"👨‍🎨",fitzpatrick_scale:true,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],char:"👩‍🚒",fitzpatrick_scale:true,category:"people"},man_firefighter:{keywords:["fireman","man","human"],char:"👨‍🚒",fitzpatrick_scale:true,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],char:"👩‍✈️",fitzpatrick_scale:true,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],char:"👨‍✈️",fitzpatrick_scale:true,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],char:"👩‍🚀",fitzpatrick_scale:true,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],char:"👨‍🚀",fitzpatrick_scale:true,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],char:"👩‍⚖️",fitzpatrick_scale:true,category:"people"},man_judge:{keywords:["justice","court","man","human"],char:"👨‍⚖️",fitzpatrick_scale:true,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],char:"🦸‍♀️",fitzpatrick_scale:true,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],char:"🦸‍♂️",fitzpatrick_scale:true,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],char:"🦹‍♀️",fitzpatrick_scale:true,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],char:"🦹‍♂️",fitzpatrick_scale:true,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],char:"🤶",fitzpatrick_scale:true,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],char:"🎅",fitzpatrick_scale:true,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],char:"🧙‍♀️",fitzpatrick_scale:true,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],char:"🧙‍♂️",fitzpatrick_scale:true,category:"people"},woman_elf:{keywords:["woman","female"],char:"🧝‍♀️",fitzpatrick_scale:true,category:"people"},man_elf:{keywords:["man","male"],char:"🧝‍♂️",fitzpatrick_scale:true,category:"people"},woman_vampire:{keywords:["woman","female"],char:"🧛‍♀️",fitzpatrick_scale:true,category:"people"},man_vampire:{keywords:["man","male","dracula"],char:"🧛‍♂️",fitzpatrick_scale:true,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],char:"🧟‍♀️",fitzpatrick_scale:false,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],char:"🧟‍♂️",fitzpatrick_scale:false,category:"people"},woman_genie:{keywords:["woman","female"],char:"🧞‍♀️",fitzpatrick_scale:false,category:"people"},man_genie:{keywords:["man","male"],char:"🧞‍♂️",fitzpatrick_scale:false,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],char:"🧜‍♀️",fitzpatrick_scale:true,category:"people"},merman:{keywords:["man","male","triton"],char:"🧜‍♂️",fitzpatrick_scale:true,category:"people"},woman_fairy:{keywords:["woman","female"],char:"🧚‍♀️",fitzpatrick_scale:true,category:"people"},man_fairy:{keywords:["man","male"],char:"🧚‍♂️",fitzpatrick_scale:true,category:"people"},angel:{keywords:["heaven","wings","halo"],char:"👼",fitzpatrick_scale:true,category:"people"},pregnant_woman:{keywords:["baby"],char:"🤰",fitzpatrick_scale:true,category:"people"},breastfeeding:{keywords:["nursing","baby"],char:"🤱",fitzpatrick_scale:true,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],char:"👸",fitzpatrick_scale:true,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],char:"🤴",fitzpatrick_scale:true,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],char:"👰",fitzpatrick_scale:true,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],char:"🤵",fitzpatrick_scale:true,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],char:"🏃‍♀️",fitzpatrick_scale:true,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],char:"🏃",fitzpatrick_scale:true,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],char:"🚶‍♀️",fitzpatrick_scale:true,category:"people"},walking_man:{keywords:["human","feet","steps"],char:"🚶",fitzpatrick_scale:true,category:"people"},dancer:{keywords:["female","girl","woman","fun"],char:"💃",fitzpatrick_scale:true,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],char:"🕺",fitzpatrick_scale:true,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],char:"👯",fitzpatrick_scale:false,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],char:"👯‍♂️",fitzpatrick_scale:false,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],char:"👫",fitzpatrick_scale:false,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],char:"👬",fitzpatrick_scale:false,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],char:"👭",fitzpatrick_scale:false,category:"people"},bowing_woman:{keywords:["woman","female","girl"],char:"🙇‍♀️",fitzpatrick_scale:true,category:"people"},bowing_man:{keywords:["man","male","boy"],char:"🙇",fitzpatrick_scale:true,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],char:"🤦‍♂️",fitzpatrick_scale:true,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],char:"🤦‍♀️",fitzpatrick_scale:true,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],char:"🤷",fitzpatrick_scale:true,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],char:"🤷‍♂️",fitzpatrick_scale:true,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],char:"💁",fitzpatrick_scale:true,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],char:"💁‍♂️",fitzpatrick_scale:true,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],char:"🙅",fitzpatrick_scale:true,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],char:"🙅‍♂️",fitzpatrick_scale:true,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],char:"🙆",fitzpatrick_scale:true,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],char:"🙆‍♂️",fitzpatrick_scale:true,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],char:"🙋",fitzpatrick_scale:true,category:"people"},raising_hand_man:{keywords:["male","boy","man"],char:"🙋‍♂️",fitzpatrick_scale:true,category:"people"},pouting_woman:{keywords:["female","girl","woman"],char:"🙎",fitzpatrick_scale:true,category:"people"},pouting_man:{keywords:["male","boy","man"],char:"🙎‍♂️",fitzpatrick_scale:true,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],char:"🙍",fitzpatrick_scale:true,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],char:"🙍‍♂️",fitzpatrick_scale:true,category:"people"},haircut_woman:{keywords:["female","girl","woman"],char:"💇",fitzpatrick_scale:true,category:"people"},haircut_man:{keywords:["male","boy","man"],char:"💇‍♂️",fitzpatrick_scale:true,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],char:"💆",fitzpatrick_scale:true,category:"people"},massage_man:{keywords:["male","boy","man","head"],char:"💆‍♂️",fitzpatrick_scale:true,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],char:"🧖‍♀️",fitzpatrick_scale:true,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],char:"🧖‍♂️",fitzpatrick_scale:true,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"💑",fitzpatrick_scale:false,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"👩‍❤️‍👩",fitzpatrick_scale:false,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"👨‍❤️‍👨",fitzpatrick_scale:false,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:"💏",fitzpatrick_scale:false,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:"👩‍❤️‍💋‍👩",fitzpatrick_scale:false,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],char:"👨‍❤️‍💋‍👨",fitzpatrick_scale:false,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],char:"👪",fitzpatrick_scale:false,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],char:"👨‍👩‍👧",fitzpatrick_scale:false,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👩‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👩‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:"👨‍👩‍👧‍👧",fitzpatrick_scale:false,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👦",fitzpatrick_scale:false,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👧",fitzpatrick_scale:false,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:"👩‍👩‍👧‍👧",fitzpatrick_scale:false,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👦",fitzpatrick_scale:false,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👧",fitzpatrick_scale:false,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],char:"👨‍👨‍👧‍👧",fitzpatrick_scale:false,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],char:"👩‍👦",fitzpatrick_scale:false,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],char:"👩‍👧",fitzpatrick_scale:false,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],char:"👩‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],char:"👩‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],char:"👩‍👧‍👧",fitzpatrick_scale:false,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],char:"👨‍👦",fitzpatrick_scale:false,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],char:"👨‍👧",fitzpatrick_scale:false,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],char:"👨‍👧‍👦",fitzpatrick_scale:false,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],char:"👨‍👦‍👦",fitzpatrick_scale:false,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],char:"👨‍👧‍👧",fitzpatrick_scale:false,category:"people"},yarn:{keywords:["ball","crochet","knit"],char:"🧶",fitzpatrick_scale:false,category:"people"},thread:{keywords:["needle","sewing","spool","string"],char:"🧵",fitzpatrick_scale:false,category:"people"},coat:{keywords:["jacket"],char:"🧥",fitzpatrick_scale:false,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],char:"🥼",fitzpatrick_scale:false,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],char:"👚",fitzpatrick_scale:false,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],char:"👕",fitzpatrick_scale:false,category:"people"},jeans:{keywords:["fashion","shopping"],char:"👖",fitzpatrick_scale:false,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],char:"👔",fitzpatrick_scale:false,category:"people"},dress:{keywords:["clothes","fashion","shopping"],char:"👗",fitzpatrick_scale:false,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],char:"👙",fitzpatrick_scale:false,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],char:"👘",fitzpatrick_scale:false,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],char:"💄",fitzpatrick_scale:false,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],char:"💋",fitzpatrick_scale:false,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],char:"👣",fitzpatrick_scale:false,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],char:"🥿",fitzpatrick_scale:false,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],char:"👠",fitzpatrick_scale:false,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],char:"👡",fitzpatrick_scale:false,category:"people"},boot:{keywords:["shoes","fashion"],char:"👢",fitzpatrick_scale:false,category:"people"},mans_shoe:{keywords:["fashion","male"],char:"👞",fitzpatrick_scale:false,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],char:"👟",fitzpatrick_scale:false,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],char:"🥾",fitzpatrick_scale:false,category:"people"},socks:{keywords:["stockings","clothes"],char:"🧦",fitzpatrick_scale:false,category:"people"},gloves:{keywords:["hands","winter","clothes"],char:"🧤",fitzpatrick_scale:false,category:"people"},scarf:{keywords:["neck","winter","clothes"],char:"🧣",fitzpatrick_scale:false,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],char:"👒",fitzpatrick_scale:false,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],char:"🎩",fitzpatrick_scale:false,category:"people"},billed_hat:{keywords:["cap","baseball"],char:"🧢",fitzpatrick_scale:false,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],char:"⛑",fitzpatrick_scale:false,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],char:"🎓",fitzpatrick_scale:false,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],char:"👑",fitzpatrick_scale:false,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],char:"🎒",fitzpatrick_scale:false,category:"people"},luggage:{keywords:["packing","travel"],char:"🧳",fitzpatrick_scale:false,category:"people"},pouch:{keywords:["bag","accessories","shopping"],char:"👝",fitzpatrick_scale:false,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],char:"👛",fitzpatrick_scale:false,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],char:"👜",fitzpatrick_scale:false,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],char:"💼",fitzpatrick_scale:false,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],char:"👓",fitzpatrick_scale:false,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],char:"🕶",fitzpatrick_scale:false,category:"people"},goggles:{keywords:["eyes","protection","safety"],char:"🥽",fitzpatrick_scale:false,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],char:"💍",fitzpatrick_scale:false,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],char:"🌂",fitzpatrick_scale:false,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],char:"🐶",fitzpatrick_scale:false,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],char:"🐱",fitzpatrick_scale:false,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],char:"🐭",fitzpatrick_scale:false,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],char:"🐹",fitzpatrick_scale:false,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],char:"🐰",fitzpatrick_scale:false,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],char:"🦊",fitzpatrick_scale:false,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],char:"🐻",fitzpatrick_scale:false,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],char:"🐼",fitzpatrick_scale:false,category:"animals_and_nature"},koala:{keywords:["animal","nature"],char:"🐨",fitzpatrick_scale:false,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],char:"🐯",fitzpatrick_scale:false,category:"animals_and_nature"},lion:{keywords:["animal","nature"],char:"🦁",fitzpatrick_scale:false,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],char:"🐮",fitzpatrick_scale:false,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],char:"🐷",fitzpatrick_scale:false,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],char:"🐽",fitzpatrick_scale:false,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],char:"🐸",fitzpatrick_scale:false,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],char:"🦑",fitzpatrick_scale:false,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],char:"🐙",fitzpatrick_scale:false,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],char:"🦐",fitzpatrick_scale:false,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],char:"🐵",fitzpatrick_scale:false,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],char:"🦍",fitzpatrick_scale:false,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],char:"🙈",fitzpatrick_scale:false,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],char:"🙉",fitzpatrick_scale:false,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],char:"🙊",fitzpatrick_scale:false,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],char:"🐒",fitzpatrick_scale:false,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],char:"🐔",fitzpatrick_scale:false,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],char:"🐧",fitzpatrick_scale:false,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],char:"🐦",fitzpatrick_scale:false,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],char:"🐤",fitzpatrick_scale:false,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],char:"🐣",fitzpatrick_scale:false,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],char:"🐥",fitzpatrick_scale:false,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],char:"🦆",fitzpatrick_scale:false,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],char:"🦅",fitzpatrick_scale:false,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],char:"🦉",fitzpatrick_scale:false,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],char:"🦇",fitzpatrick_scale:false,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],char:"🐺",fitzpatrick_scale:false,category:"animals_and_nature"},boar:{keywords:["animal","nature"],char:"🐗",fitzpatrick_scale:false,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],char:"🐴",fitzpatrick_scale:false,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],char:"🦄",fitzpatrick_scale:false,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],char:"🐝",fitzpatrick_scale:false,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],char:"🐛",fitzpatrick_scale:false,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],char:"🦋",fitzpatrick_scale:false,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],char:"🐌",fitzpatrick_scale:false,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],char:"🐞",fitzpatrick_scale:false,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],char:"🐜",fitzpatrick_scale:false,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],char:"🦗",fitzpatrick_scale:false,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],char:"🕷",fitzpatrick_scale:false,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],char:"🦂",fitzpatrick_scale:false,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],char:"🦀",fitzpatrick_scale:false,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],char:"🐍",fitzpatrick_scale:false,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],char:"🦎",fitzpatrick_scale:false,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],char:"🦖",fitzpatrick_scale:false,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],char:"🦕",fitzpatrick_scale:false,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],char:"🐢",fitzpatrick_scale:false,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],char:"🐠",fitzpatrick_scale:false,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],char:"🐟",fitzpatrick_scale:false,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],char:"🐡",fitzpatrick_scale:false,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],char:"🐬",fitzpatrick_scale:false,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],char:"🦈",fitzpatrick_scale:false,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],char:"🐳",fitzpatrick_scale:false,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],char:"🐋",fitzpatrick_scale:false,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],char:"🐊",fitzpatrick_scale:false,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],char:"🐆",fitzpatrick_scale:false,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],char:"🦓",fitzpatrick_scale:false,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],char:"🐅",fitzpatrick_scale:false,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],char:"🐃",fitzpatrick_scale:false,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],char:"🐂",fitzpatrick_scale:false,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],char:"🐄",fitzpatrick_scale:false,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],char:"🦌",fitzpatrick_scale:false,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],char:"🐪",fitzpatrick_scale:false,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],char:"🐫",fitzpatrick_scale:false,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],char:"🦒",fitzpatrick_scale:false,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],char:"🐘",fitzpatrick_scale:false,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],char:"🦏",fitzpatrick_scale:false,category:"animals_and_nature"},goat:{keywords:["animal","nature"],char:"🐐",fitzpatrick_scale:false,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],char:"🐏",fitzpatrick_scale:false,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],char:"🐑",fitzpatrick_scale:false,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],char:"🐎",fitzpatrick_scale:false,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],char:"🐖",fitzpatrick_scale:false,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],char:"🐀",fitzpatrick_scale:false,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],char:"🐁",fitzpatrick_scale:false,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],char:"🐓",fitzpatrick_scale:false,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],char:"🦃",fitzpatrick_scale:false,category:"animals_and_nature"},dove:{keywords:["animal","bird"],char:"🕊",fitzpatrick_scale:false,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],char:"🐕",fitzpatrick_scale:false,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],char:"🐩",fitzpatrick_scale:false,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],char:"🐈",fitzpatrick_scale:false,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],char:"🐇",fitzpatrick_scale:false,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],char:"🐿",fitzpatrick_scale:false,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],char:"🦔",fitzpatrick_scale:false,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],char:"🦝",fitzpatrick_scale:false,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],char:"🦙",fitzpatrick_scale:false,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],char:"🦛",fitzpatrick_scale:false,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],char:"🦘",fitzpatrick_scale:false,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],char:"🦡",fitzpatrick_scale:false,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],char:"🦢",fitzpatrick_scale:false,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],char:"🦚",fitzpatrick_scale:false,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],char:"🦜",fitzpatrick_scale:false,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],char:"🦞",fitzpatrick_scale:false,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],char:"🦟",fitzpatrick_scale:false,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],char:"🐾",fitzpatrick_scale:false,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],char:"🐉",fitzpatrick_scale:false,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],char:"🐲",fitzpatrick_scale:false,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],char:"🌵",fitzpatrick_scale:false,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],char:"🎄",fitzpatrick_scale:false,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],char:"🌲",fitzpatrick_scale:false,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],char:"🌳",fitzpatrick_scale:false,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],char:"🌴",fitzpatrick_scale:false,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],char:"🌱",fitzpatrick_scale:false,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],char:"🌿",fitzpatrick_scale:false,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],char:"☘",fitzpatrick_scale:false,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],char:"🍀",fitzpatrick_scale:false,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],char:"🎍",fitzpatrick_scale:false,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],char:"🎋",fitzpatrick_scale:false,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],char:"🍃",fitzpatrick_scale:false,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],char:"🍂",fitzpatrick_scale:false,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],char:"🍁",fitzpatrick_scale:false,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],char:"🌾",fitzpatrick_scale:false,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],char:"🌺",fitzpatrick_scale:false,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],char:"🌻",fitzpatrick_scale:false,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],char:"🌹",fitzpatrick_scale:false,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],char:"🥀",fitzpatrick_scale:false,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],char:"🌷",fitzpatrick_scale:false,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],char:"🌼",fitzpatrick_scale:false,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],char:"🌸",fitzpatrick_scale:false,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],char:"💐",fitzpatrick_scale:false,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],char:"🍄",fitzpatrick_scale:false,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],char:"🌰",fitzpatrick_scale:false,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],char:"🎃",fitzpatrick_scale:false,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],char:"🐚",fitzpatrick_scale:false,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],char:"🕸",fitzpatrick_scale:false,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],char:"🌎",fitzpatrick_scale:false,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],char:"🌍",fitzpatrick_scale:false,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],char:"🌏",fitzpatrick_scale:false,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],char:"🌕",fitzpatrick_scale:false,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],char:"🌖",fitzpatrick_scale:false,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌗",fitzpatrick_scale:false,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌘",fitzpatrick_scale:false,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌑",fitzpatrick_scale:false,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌒",fitzpatrick_scale:false,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌓",fitzpatrick_scale:false,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],char:"🌔",fitzpatrick_scale:false,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌚",fitzpatrick_scale:false,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌝",fitzpatrick_scale:false,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌛",fitzpatrick_scale:false,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"🌜",fitzpatrick_scale:false,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],char:"🌞",fitzpatrick_scale:false,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],char:"🌙",fitzpatrick_scale:false,category:"animals_and_nature"},star:{keywords:["night","yellow"],char:"⭐",fitzpatrick_scale:false,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],char:"🌟",fitzpatrick_scale:false,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],char:"💫",fitzpatrick_scale:false,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],char:"✨",fitzpatrick_scale:false,category:"animals_and_nature"},comet:{keywords:["space"],char:"☄",fitzpatrick_scale:false,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],char:"☀️",fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],char:"🌤",fitzpatrick_scale:false,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],char:"⛅",fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],char:"🌥",fitzpatrick_scale:false,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],char:"🌦",fitzpatrick_scale:false,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],char:"☁️",fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],char:"🌧",fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],char:"⛈",fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],char:"🌩",fitzpatrick_scale:false,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],char:"⚡",fitzpatrick_scale:false,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],char:"🔥",fitzpatrick_scale:false,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],char:"💥",fitzpatrick_scale:false,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],char:"❄️",fitzpatrick_scale:false,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],char:"🌨",fitzpatrick_scale:false,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],char:"⛄",fitzpatrick_scale:false,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],char:"☃",fitzpatrick_scale:false,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],char:"🌬",fitzpatrick_scale:false,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],char:"💨",fitzpatrick_scale:false,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],char:"🌪",fitzpatrick_scale:false,category:"animals_and_nature"},fog:{keywords:["weather"],char:"🌫",fitzpatrick_scale:false,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],char:"☂",fitzpatrick_scale:false,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],char:"☔",fitzpatrick_scale:false,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],char:"💧",fitzpatrick_scale:false,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],char:"💦",fitzpatrick_scale:false,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],char:"🌊",fitzpatrick_scale:false,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],char:"🍏",fitzpatrick_scale:false,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],char:"🍎",fitzpatrick_scale:false,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],char:"🍐",fitzpatrick_scale:false,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],char:"🍊",fitzpatrick_scale:false,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],char:"🍋",fitzpatrick_scale:false,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],char:"🍌",fitzpatrick_scale:false,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],char:"🍉",fitzpatrick_scale:false,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],char:"🍇",fitzpatrick_scale:false,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],char:"🍓",fitzpatrick_scale:false,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],char:"🍈",fitzpatrick_scale:false,category:"food_and_drink"},cherries:{keywords:["food","fruit"],char:"🍒",fitzpatrick_scale:false,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],char:"🍑",fitzpatrick_scale:false,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],char:"🍍",fitzpatrick_scale:false,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],char:"🥥",fitzpatrick_scale:false,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],char:"🥝",fitzpatrick_scale:false,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],char:"🥭",fitzpatrick_scale:false,category:"food_and_drink"},avocado:{keywords:["fruit","food"],char:"🥑",fitzpatrick_scale:false,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],char:"🥦",fitzpatrick_scale:false,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],char:"🍅",fitzpatrick_scale:false,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],char:"🍆",fitzpatrick_scale:false,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],char:"🥒",fitzpatrick_scale:false,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],char:"🥕",fitzpatrick_scale:false,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],char:"🌶",fitzpatrick_scale:false,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],char:"🥔",fitzpatrick_scale:false,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],char:"🌽",fitzpatrick_scale:false,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],char:"🥬",fitzpatrick_scale:false,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],char:"🍠",fitzpatrick_scale:false,category:"food_and_drink"},peanuts:{keywords:["food","nut"],char:"🥜",fitzpatrick_scale:false,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],char:"🍯",fitzpatrick_scale:false,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],char:"🥐",fitzpatrick_scale:false,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],char:"🍞",fitzpatrick_scale:false,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],char:"🥖",fitzpatrick_scale:false,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],char:"🥯",fitzpatrick_scale:false,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],char:"🥨",fitzpatrick_scale:false,category:"food_and_drink"},cheese:{keywords:["food","chadder"],char:"🧀",fitzpatrick_scale:false,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],char:"🥚",fitzpatrick_scale:false,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],char:"🥓",fitzpatrick_scale:false,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],char:"🥩",fitzpatrick_scale:false,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],char:"🥞",fitzpatrick_scale:false,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],char:"🍗",fitzpatrick_scale:false,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],char:"🍖",fitzpatrick_scale:false,category:"food_and_drink"},bone:{keywords:["skeleton"],char:"🦴",fitzpatrick_scale:false,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],char:"🍤",fitzpatrick_scale:false,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],char:"🍳",fitzpatrick_scale:false,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],char:"🍔",fitzpatrick_scale:false,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],char:"🍟",fitzpatrick_scale:false,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],char:"🥙",fitzpatrick_scale:false,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],char:"🌭",fitzpatrick_scale:false,category:"food_and_drink"},pizza:{keywords:["food","party"],char:"🍕",fitzpatrick_scale:false,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],char:"🥪",fitzpatrick_scale:false,category:"food_and_drink"},canned_food:{keywords:["food","soup"],char:"🥫",fitzpatrick_scale:false,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],char:"🍝",fitzpatrick_scale:false,category:"food_and_drink"},taco:{keywords:["food","mexican"],char:"🌮",fitzpatrick_scale:false,category:"food_and_drink"},burrito:{keywords:["food","mexican"],char:"🌯",fitzpatrick_scale:false,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],char:"🥗",fitzpatrick_scale:false,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],char:"🥘",fitzpatrick_scale:false,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],char:"🍜",fitzpatrick_scale:false,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],char:"🍲",fitzpatrick_scale:false,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],char:"🍥",fitzpatrick_scale:false,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],char:"🥠",fitzpatrick_scale:false,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],char:"🍣",fitzpatrick_scale:false,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],char:"🍱",fitzpatrick_scale:false,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],char:"🍛",fitzpatrick_scale:false,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],char:"🍙",fitzpatrick_scale:false,category:"food_and_drink"},rice:{keywords:["food","china","asian"],char:"🍚",fitzpatrick_scale:false,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],char:"🍘",fitzpatrick_scale:false,category:"food_and_drink"},oden:{keywords:["food","japanese"],char:"🍢",fitzpatrick_scale:false,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],char:"🍡",fitzpatrick_scale:false,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],char:"🍧",fitzpatrick_scale:false,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],char:"🍨",fitzpatrick_scale:false,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],char:"🍦",fitzpatrick_scale:false,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],char:"🥧",fitzpatrick_scale:false,category:"food_and_drink"},cake:{keywords:["food","dessert"],char:"🍰",fitzpatrick_scale:false,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],char:"🧁",fitzpatrick_scale:false,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],char:"🥮",fitzpatrick_scale:false,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],char:"🎂",fitzpatrick_scale:false,category:"food_and_drink"},custard:{keywords:["dessert","food"],char:"🍮",fitzpatrick_scale:false,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],char:"🍬",fitzpatrick_scale:false,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],char:"🍭",fitzpatrick_scale:false,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],char:"🍫",fitzpatrick_scale:false,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],char:"🍿",fitzpatrick_scale:false,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],char:"🥟",fitzpatrick_scale:false,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],char:"🍩",fitzpatrick_scale:false,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],char:"🍪",fitzpatrick_scale:false,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],char:"🥛",fitzpatrick_scale:false,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:"🍺",fitzpatrick_scale:false,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:"🍻",fitzpatrick_scale:false,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],char:"🥂",fitzpatrick_scale:false,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],char:"🍷",fitzpatrick_scale:false,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],char:"🥃",fitzpatrick_scale:false,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],char:"🍸",fitzpatrick_scale:false,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],char:"🍹",fitzpatrick_scale:false,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],char:"🍾",fitzpatrick_scale:false,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],char:"🍶",fitzpatrick_scale:false,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],char:"🍵",fitzpatrick_scale:false,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],char:"🥤",fitzpatrick_scale:false,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],char:"☕",fitzpatrick_scale:false,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],char:"🍼",fitzpatrick_scale:false,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],char:"🧂",fitzpatrick_scale:false,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],char:"🥄",fitzpatrick_scale:false,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],char:"🍴",fitzpatrick_scale:false,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],char:"🍽",fitzpatrick_scale:false,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],char:"🥣",fitzpatrick_scale:false,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],char:"🥡",fitzpatrick_scale:false,category:"food_and_drink"},chopsticks:{keywords:["food"],char:"🥢",fitzpatrick_scale:false,category:"food_and_drink"},soccer:{keywords:["sports","football"],char:"⚽",fitzpatrick_scale:false,category:"activity"},basketball:{keywords:["sports","balls","NBA"],char:"🏀",fitzpatrick_scale:false,category:"activity"},football:{keywords:["sports","balls","NFL"],char:"🏈",fitzpatrick_scale:false,category:"activity"},baseball:{keywords:["sports","balls"],char:"⚾",fitzpatrick_scale:false,category:"activity"},softball:{keywords:["sports","balls"],char:"🥎",fitzpatrick_scale:false,category:"activity"},tennis:{keywords:["sports","balls","green"],char:"🎾",fitzpatrick_scale:false,category:"activity"},volleyball:{keywords:["sports","balls"],char:"🏐",fitzpatrick_scale:false,category:"activity"},rugby_football:{keywords:["sports","team"],char:"🏉",fitzpatrick_scale:false,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],char:"🥏",fitzpatrick_scale:false,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],char:"🎱",fitzpatrick_scale:false,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],char:"⛳",fitzpatrick_scale:false,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],char:"🏌️‍♀️",fitzpatrick_scale:false,category:"activity"},golfing_man:{keywords:["sports","business"],char:"🏌",fitzpatrick_scale:true,category:"activity"},ping_pong:{keywords:["sports","pingpong"],char:"🏓",fitzpatrick_scale:false,category:"activity"},badminton:{keywords:["sports"],char:"🏸",fitzpatrick_scale:false,category:"activity"},goal_net:{keywords:["sports"],char:"🥅",fitzpatrick_scale:false,category:"activity"},ice_hockey:{keywords:["sports"],char:"🏒",fitzpatrick_scale:false,category:"activity"},field_hockey:{keywords:["sports"],char:"🏑",fitzpatrick_scale:false,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],char:"🥍",fitzpatrick_scale:false,category:"activity"},cricket:{keywords:["sports"],char:"🏏",fitzpatrick_scale:false,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],char:"🎿",fitzpatrick_scale:false,category:"activity"},skier:{keywords:["sports","winter","snow"],char:"⛷",fitzpatrick_scale:false,category:"activity"},snowboarder:{keywords:["sports","winter"],char:"🏂",fitzpatrick_scale:true,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],char:"🤺",fitzpatrick_scale:false,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],char:"🤼‍♀️",fitzpatrick_scale:false,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],char:"🤼‍♂️",fitzpatrick_scale:false,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],char:"🤸‍♀️",fitzpatrick_scale:true,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],char:"🤸‍♂️",fitzpatrick_scale:true,category:"activity"},woman_playing_handball:{keywords:["sports"],char:"🤾‍♀️",fitzpatrick_scale:true,category:"activity"},man_playing_handball:{keywords:["sports"],char:"🤾‍♂️",fitzpatrick_scale:true,category:"activity"},ice_skate:{keywords:["sports"],char:"⛸",fitzpatrick_scale:false,category:"activity"},curling_stone:{keywords:["sports"],char:"🥌",fitzpatrick_scale:false,category:"activity"},skateboard:{keywords:["board"],char:"🛹",fitzpatrick_scale:false,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],char:"🛷",fitzpatrick_scale:false,category:"activity"},bow_and_arrow:{keywords:["sports"],char:"🏹",fitzpatrick_scale:false,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],char:"🎣",fitzpatrick_scale:false,category:"activity"},boxing_glove:{keywords:["sports","fighting"],char:"🥊",fitzpatrick_scale:false,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],char:"🥋",fitzpatrick_scale:false,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],char:"🚣‍♀️",fitzpatrick_scale:true,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],char:"🚣",fitzpatrick_scale:true,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],char:"🧗‍♀️",fitzpatrick_scale:true,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],char:"🧗‍♂️",fitzpatrick_scale:true,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],char:"🏊‍♀️",fitzpatrick_scale:true,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],char:"🏊",fitzpatrick_scale:true,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],char:"🤽‍♀️",fitzpatrick_scale:true,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],char:"🤽‍♂️",fitzpatrick_scale:true,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],char:"🧘‍♀️",fitzpatrick_scale:true,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],char:"🧘‍♂️",fitzpatrick_scale:true,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],char:"🏄‍♀️",fitzpatrick_scale:true,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],char:"🏄",fitzpatrick_scale:true,category:"activity"},bath:{keywords:["clean","shower","bathroom"],char:"🛀",fitzpatrick_scale:true,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],char:"⛹️‍♀️",fitzpatrick_scale:true,category:"activity"},basketball_man:{keywords:["sports","human"],char:"⛹",fitzpatrick_scale:true,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],char:"🏋️‍♀️",fitzpatrick_scale:true,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],char:"🏋",fitzpatrick_scale:true,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],char:"🚴‍♀️",fitzpatrick_scale:true,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],char:"🚴",fitzpatrick_scale:true,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],char:"🚵‍♀️",fitzpatrick_scale:true,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],char:"🚵",fitzpatrick_scale:true,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],char:"🏇",fitzpatrick_scale:true,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],char:"🕴",fitzpatrick_scale:true,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],char:"🏆",fitzpatrick_scale:false,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],char:"🎽",fitzpatrick_scale:false,category:"activity"},medal_sports:{keywords:["award","winning"],char:"🏅",fitzpatrick_scale:false,category:"activity"},medal_military:{keywords:["award","winning","army"],char:"🎖",fitzpatrick_scale:false,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],char:"🥇",fitzpatrick_scale:false,category:"activity"},"2nd_place_medal":{keywords:["award","second"],char:"🥈",fitzpatrick_scale:false,category:"activity"},"3rd_place_medal":{keywords:["award","third"],char:"🥉",fitzpatrick_scale:false,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],char:"🎗",fitzpatrick_scale:false,category:"activity"},rosette:{keywords:["flower","decoration","military"],char:"🏵",fitzpatrick_scale:false,category:"activity"},ticket:{keywords:["event","concert","pass"],char:"🎫",fitzpatrick_scale:false,category:"activity"},tickets:{keywords:["sports","concert","entrance"],char:"🎟",fitzpatrick_scale:false,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],char:"🎭",fitzpatrick_scale:false,category:"activity"},art:{keywords:["design","paint","draw","colors"],char:"🎨",fitzpatrick_scale:false,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],char:"🎪",fitzpatrick_scale:false,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],char:"🤹‍♀️",fitzpatrick_scale:true,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],char:"🤹‍♂️",fitzpatrick_scale:true,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],char:"🎤",fitzpatrick_scale:false,category:"activity"},headphones:{keywords:["music","score","gadgets"],char:"🎧",fitzpatrick_scale:false,category:"activity"},musical_score:{keywords:["treble","clef","compose"],char:"🎼",fitzpatrick_scale:false,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],char:"🎹",fitzpatrick_scale:false,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],char:"🥁",fitzpatrick_scale:false,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],char:"🎷",fitzpatrick_scale:false,category:"activity"},trumpet:{keywords:["music","brass"],char:"🎺",fitzpatrick_scale:false,category:"activity"},guitar:{keywords:["music","instrument"],char:"🎸",fitzpatrick_scale:false,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],char:"🎻",fitzpatrick_scale:false,category:"activity"},clapper:{keywords:["movie","film","record"],char:"🎬",fitzpatrick_scale:false,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],char:"🎮",fitzpatrick_scale:false,category:"activity"},space_invader:{keywords:["game","arcade","play"],char:"👾",fitzpatrick_scale:false,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],char:"🎯",fitzpatrick_scale:false,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],char:"🎲",fitzpatrick_scale:false,category:"activity"},chess_pawn:{keywords:["expendable"],char:"♟",fitzpatrick_scale:false,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],char:"🎰",fitzpatrick_scale:false,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],char:"🧩",fitzpatrick_scale:false,category:"activity"},bowling:{keywords:["sports","fun","play"],char:"🎳",fitzpatrick_scale:false,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],char:"🚗",fitzpatrick_scale:false,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],char:"🚕",fitzpatrick_scale:false,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],char:"🚙",fitzpatrick_scale:false,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],char:"🚌",fitzpatrick_scale:false,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],char:"🚎",fitzpatrick_scale:false,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],char:"🏎",fitzpatrick_scale:false,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],char:"🚓",fitzpatrick_scale:false,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],char:"🚑",fitzpatrick_scale:false,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],char:"🚒",fitzpatrick_scale:false,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],char:"🚐",fitzpatrick_scale:false,category:"travel_and_places"},truck:{keywords:["cars","transportation"],char:"🚚",fitzpatrick_scale:false,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],char:"🚛",fitzpatrick_scale:false,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],char:"🚜",fitzpatrick_scale:false,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],char:"🛴",fitzpatrick_scale:false,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],char:"🏍",fitzpatrick_scale:false,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],char:"🚲",fitzpatrick_scale:false,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],char:"🛵",fitzpatrick_scale:false,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],char:"🚨",fitzpatrick_scale:false,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],char:"🚔",fitzpatrick_scale:false,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],char:"🚍",fitzpatrick_scale:false,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],char:"🚘",fitzpatrick_scale:false,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],char:"🚖",fitzpatrick_scale:false,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],char:"🚡",fitzpatrick_scale:false,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],char:"🚠",fitzpatrick_scale:false,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],char:"🚟",fitzpatrick_scale:false,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],char:"🚃",fitzpatrick_scale:false,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],char:"🚋",fitzpatrick_scale:false,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],char:"🚝",fitzpatrick_scale:false,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],char:"🚄",fitzpatrick_scale:false,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],char:"🚅",fitzpatrick_scale:false,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],char:"🚈",fitzpatrick_scale:false,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],char:"🚞",fitzpatrick_scale:false,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],char:"🚂",fitzpatrick_scale:false,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],char:"🚆",fitzpatrick_scale:false,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],char:"🚇",fitzpatrick_scale:false,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],char:"🚊",fitzpatrick_scale:false,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],char:"🚉",fitzpatrick_scale:false,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],char:"🛸",fitzpatrick_scale:false,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],char:"🚁",fitzpatrick_scale:false,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],char:"🛩",fitzpatrick_scale:false,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],char:"✈️",fitzpatrick_scale:false,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],char:"🛫",fitzpatrick_scale:false,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],char:"🛬",fitzpatrick_scale:false,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],char:"⛵",fitzpatrick_scale:false,category:"travel_and_places"},motor_boat:{keywords:["ship"],char:"🛥",fitzpatrick_scale:false,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],char:"🚤",fitzpatrick_scale:false,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],char:"⛴",fitzpatrick_scale:false,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],char:"🛳",fitzpatrick_scale:false,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],char:"🚀",fitzpatrick_scale:false,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],char:"🛰",fitzpatrick_scale:false,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],char:"💺",fitzpatrick_scale:false,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],char:"🛶",fitzpatrick_scale:false,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],char:"⚓",fitzpatrick_scale:false,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],char:"🚧",fitzpatrick_scale:false,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],char:"⛽",fitzpatrick_scale:false,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],char:"🚏",fitzpatrick_scale:false,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],char:"🚦",fitzpatrick_scale:false,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],char:"🚥",fitzpatrick_scale:false,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],char:"🏁",fitzpatrick_scale:false,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],char:"🚢",fitzpatrick_scale:false,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],char:"🎡",fitzpatrick_scale:false,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],char:"🎢",fitzpatrick_scale:false,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],char:"🎠",fitzpatrick_scale:false,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],char:"🏗",fitzpatrick_scale:false,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],char:"🌁",fitzpatrick_scale:false,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],char:"🗼",fitzpatrick_scale:false,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],char:"🏭",fitzpatrick_scale:false,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],char:"⛲",fitzpatrick_scale:false,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],char:"🎑",fitzpatrick_scale:false,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],char:"⛰",fitzpatrick_scale:false,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],char:"🏔",fitzpatrick_scale:false,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],char:"🗻",fitzpatrick_scale:false,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],char:"🌋",fitzpatrick_scale:false,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],char:"🗾",fitzpatrick_scale:false,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],char:"🏕",fitzpatrick_scale:false,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],char:"⛺",fitzpatrick_scale:false,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],char:"🏞",fitzpatrick_scale:false,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],char:"🛣",fitzpatrick_scale:false,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],char:"🛤",fitzpatrick_scale:false,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],char:"🌅",fitzpatrick_scale:false,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],char:"🌄",fitzpatrick_scale:false,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],char:"🏜",fitzpatrick_scale:false,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],char:"🏖",fitzpatrick_scale:false,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],char:"🏝",fitzpatrick_scale:false,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],char:"🌇",fitzpatrick_scale:false,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],char:"🌆",fitzpatrick_scale:false,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],char:"🏙",fitzpatrick_scale:false,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],char:"🌃",fitzpatrick_scale:false,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],char:"🌉",fitzpatrick_scale:false,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],char:"🌌",fitzpatrick_scale:false,category:"travel_and_places"},stars:{keywords:["night","photo"],char:"🌠",fitzpatrick_scale:false,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],char:"🎇",fitzpatrick_scale:false,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],char:"🎆",fitzpatrick_scale:false,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],char:"🌈",fitzpatrick_scale:false,category:"travel_and_places"},houses:{keywords:["buildings","photo"],char:"🏘",fitzpatrick_scale:false,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],char:"🏰",fitzpatrick_scale:false,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],char:"🏯",fitzpatrick_scale:false,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],char:"🏟",fitzpatrick_scale:false,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],char:"🗽",fitzpatrick_scale:false,category:"travel_and_places"},house:{keywords:["building","home"],char:"🏠",fitzpatrick_scale:false,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],char:"🏡",fitzpatrick_scale:false,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],char:"🏚",fitzpatrick_scale:false,category:"travel_and_places"},office:{keywords:["building","bureau","work"],char:"🏢",fitzpatrick_scale:false,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],char:"🏬",fitzpatrick_scale:false,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],char:"🏣",fitzpatrick_scale:false,category:"travel_and_places"},european_post_office:{keywords:["building","email"],char:"🏤",fitzpatrick_scale:false,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],char:"🏥",fitzpatrick_scale:false,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],char:"🏦",fitzpatrick_scale:false,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],char:"🏨",fitzpatrick_scale:false,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],char:"🏪",fitzpatrick_scale:false,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],char:"🏫",fitzpatrick_scale:false,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],char:"🏩",fitzpatrick_scale:false,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],char:"💒",fitzpatrick_scale:false,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],char:"🏛",fitzpatrick_scale:false,category:"travel_and_places"},church:{keywords:["building","religion","christ"],char:"⛪",fitzpatrick_scale:false,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],char:"🕌",fitzpatrick_scale:false,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],char:"🕍",fitzpatrick_scale:false,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],char:"🕋",fitzpatrick_scale:false,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],char:"⛩",fitzpatrick_scale:false,category:"travel_and_places"},watch:{keywords:["time","accessories"],char:"⌚",fitzpatrick_scale:false,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],char:"📱",fitzpatrick_scale:false,category:"objects"},calling:{keywords:["iphone","incoming"],char:"📲",fitzpatrick_scale:false,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],char:"💻",fitzpatrick_scale:false,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],char:"⌨",fitzpatrick_scale:false,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],char:"🖥",fitzpatrick_scale:false,category:"objects"},printer:{keywords:["paper","ink"],char:"🖨",fitzpatrick_scale:false,category:"objects"},computer_mouse:{keywords:["click"],char:"🖱",fitzpatrick_scale:false,category:"objects"},trackball:{keywords:["technology","trackpad"],char:"🖲",fitzpatrick_scale:false,category:"objects"},joystick:{keywords:["game","play"],char:"🕹",fitzpatrick_scale:false,category:"objects"},clamp:{keywords:["tool"],char:"🗜",fitzpatrick_scale:false,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],char:"💽",fitzpatrick_scale:false,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],char:"💾",fitzpatrick_scale:false,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],char:"💿",fitzpatrick_scale:false,category:"objects"},dvd:{keywords:["cd","disk","disc"],char:"📀",fitzpatrick_scale:false,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],char:"📼",fitzpatrick_scale:false,category:"objects"},camera:{keywords:["gadgets","photography"],char:"📷",fitzpatrick_scale:false,category:"objects"},camera_flash:{keywords:["photography","gadgets"],char:"📸",fitzpatrick_scale:false,category:"objects"},video_camera:{keywords:["film","record"],char:"📹",fitzpatrick_scale:false,category:"objects"},movie_camera:{keywords:["film","record"],char:"🎥",fitzpatrick_scale:false,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],char:"📽",fitzpatrick_scale:false,category:"objects"},film_strip:{keywords:["movie"],char:"🎞",fitzpatrick_scale:false,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],char:"📞",fitzpatrick_scale:false,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],char:"☎️",fitzpatrick_scale:false,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],char:"📟",fitzpatrick_scale:false,category:"objects"},fax:{keywords:["communication","technology"],char:"📠",fitzpatrick_scale:false,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],char:"📺",fitzpatrick_scale:false,category:"objects"},radio:{keywords:["communication","music","podcast","program"],char:"📻",fitzpatrick_scale:false,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],char:"🎙",fitzpatrick_scale:false,category:"objects"},level_slider:{keywords:["scale"],char:"🎚",fitzpatrick_scale:false,category:"objects"},control_knobs:{keywords:["dial"],char:"🎛",fitzpatrick_scale:false,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],char:"🧭",fitzpatrick_scale:false,category:"objects"},stopwatch:{keywords:["time","deadline"],char:"⏱",fitzpatrick_scale:false,category:"objects"},timer_clock:{keywords:["alarm"],char:"⏲",fitzpatrick_scale:false,category:"objects"},alarm_clock:{keywords:["time","wake"],char:"⏰",fitzpatrick_scale:false,category:"objects"},mantelpiece_clock:{keywords:["time"],char:"🕰",fitzpatrick_scale:false,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],char:"⏳",fitzpatrick_scale:false,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],char:"⌛",fitzpatrick_scale:false,category:"objects"},satellite:{keywords:["communication","future","radio","space"],char:"📡",fitzpatrick_scale:false,category:"objects"},battery:{keywords:["power","energy","sustain"],char:"🔋",fitzpatrick_scale:false,category:"objects"},electric_plug:{keywords:["charger","power"],char:"🔌",fitzpatrick_scale:false,category:"objects"},bulb:{keywords:["light","electricity","idea"],char:"💡",fitzpatrick_scale:false,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],char:"🔦",fitzpatrick_scale:false,category:"objects"},candle:{keywords:["fire","wax"],char:"🕯",fitzpatrick_scale:false,category:"objects"},fire_extinguisher:{keywords:["quench"],char:"🧯",fitzpatrick_scale:false,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],char:"🗑",fitzpatrick_scale:false,category:"objects"},oil_drum:{keywords:["barrell"],char:"🛢",fitzpatrick_scale:false,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],char:"💸",fitzpatrick_scale:false,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],char:"💵",fitzpatrick_scale:false,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],char:"💴",fitzpatrick_scale:false,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],char:"💶",fitzpatrick_scale:false,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],char:"💷",fitzpatrick_scale:false,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],char:"💰",fitzpatrick_scale:false,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],char:"💳",fitzpatrick_scale:false,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],char:"💎",fitzpatrick_scale:false,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],char:"⚖",fitzpatrick_scale:false,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],char:"🧰",fitzpatrick_scale:false,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],char:"🔧",fitzpatrick_scale:false,category:"objects"},hammer:{keywords:["tools","build","create"],char:"🔨",fitzpatrick_scale:false,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],char:"⚒",fitzpatrick_scale:false,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],char:"🛠",fitzpatrick_scale:false,category:"objects"},pick:{keywords:["tools","dig"],char:"⛏",fitzpatrick_scale:false,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],char:"🔩",fitzpatrick_scale:false,category:"objects"},gear:{keywords:["cog"],char:"⚙",fitzpatrick_scale:false,category:"objects"},brick:{keywords:["bricks"],char:"🧱",fitzpatrick_scale:false,category:"objects"},chains:{keywords:["lock","arrest"],char:"⛓",fitzpatrick_scale:false,category:"objects"},magnet:{keywords:["attraction","magnetic"],char:"🧲",fitzpatrick_scale:false,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],char:"🔫",fitzpatrick_scale:false,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],char:"💣",fitzpatrick_scale:false,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],char:"🧨",fitzpatrick_scale:false,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],char:"🔪",fitzpatrick_scale:false,category:"objects"},dagger:{keywords:["weapon"],char:"🗡",fitzpatrick_scale:false,category:"objects"},crossed_swords:{keywords:["weapon"],char:"⚔",fitzpatrick_scale:false,category:"objects"},shield:{keywords:["protection","security"],char:"🛡",fitzpatrick_scale:false,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],char:"🚬",fitzpatrick_scale:false,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],char:"☠",fitzpatrick_scale:false,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],char:"⚰",fitzpatrick_scale:false,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],char:"⚱",fitzpatrick_scale:false,category:"objects"},amphora:{keywords:["vase","jar"],char:"🏺",fitzpatrick_scale:false,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],char:"🔮",fitzpatrick_scale:false,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],char:"📿",fitzpatrick_scale:false,category:"objects"},nazar_amulet:{keywords:["bead","charm"],char:"🧿",fitzpatrick_scale:false,category:"objects"},barber:{keywords:["hair","salon","style"],char:"💈",fitzpatrick_scale:false,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],char:"⚗",fitzpatrick_scale:false,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],char:"🔭",fitzpatrick_scale:false,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],char:"🔬",fitzpatrick_scale:false,category:"objects"},hole:{keywords:["embarrassing"],char:"🕳",fitzpatrick_scale:false,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],char:"💊",fitzpatrick_scale:false,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],char:"💉",fitzpatrick_scale:false,category:"objects"},dna:{keywords:["biologist","genetics","life"],char:"🧬",fitzpatrick_scale:false,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],char:"🦠",fitzpatrick_scale:false,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],char:"🧫",fitzpatrick_scale:false,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],char:"🧪",fitzpatrick_scale:false,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],char:"🌡",fitzpatrick_scale:false,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],char:"🧹",fitzpatrick_scale:false,category:"objects"},basket:{keywords:["laundry"],char:"🧺",fitzpatrick_scale:false,category:"objects"},toilet_paper:{keywords:["roll"],char:"🧻",fitzpatrick_scale:false,category:"objects"},label:{keywords:["sale","tag"],char:"🏷",fitzpatrick_scale:false,category:"objects"},bookmark:{keywords:["favorite","label","save"],char:"🔖",fitzpatrick_scale:false,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],char:"🚽",fitzpatrick_scale:false,category:"objects"},shower:{keywords:["clean","water","bathroom"],char:"🚿",fitzpatrick_scale:false,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],char:"🛁",fitzpatrick_scale:false,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],char:"🧼",fitzpatrick_scale:false,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],char:"🧽",fitzpatrick_scale:false,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],char:"🧴",fitzpatrick_scale:false,category:"objects"},key:{keywords:["lock","door","password"],char:"🔑",fitzpatrick_scale:false,category:"objects"},old_key:{keywords:["lock","door","password"],char:"🗝",fitzpatrick_scale:false,category:"objects"},couch_and_lamp:{keywords:["read","chill"],char:"🛋",fitzpatrick_scale:false,category:"objects"},sleeping_bed:{keywords:["bed","rest"],char:"🛌",fitzpatrick_scale:true,category:"objects"},bed:{keywords:["sleep","rest"],char:"🛏",fitzpatrick_scale:false,category:"objects"},door:{keywords:["house","entry","exit"],char:"🚪",fitzpatrick_scale:false,category:"objects"},bellhop_bell:{keywords:["service"],char:"🛎",fitzpatrick_scale:false,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],char:"🧸",fitzpatrick_scale:false,category:"objects"},framed_picture:{keywords:["photography"],char:"🖼",fitzpatrick_scale:false,category:"objects"},world_map:{keywords:["location","direction"],char:"🗺",fitzpatrick_scale:false,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],char:"⛱",fitzpatrick_scale:false,category:"objects"},moyai:{keywords:["rock","easter island","moai"],char:"🗿",fitzpatrick_scale:false,category:"objects"},shopping:{keywords:["mall","buy","purchase"],char:"🛍",fitzpatrick_scale:false,category:"objects"},shopping_cart:{keywords:["trolley"],char:"🛒",fitzpatrick_scale:false,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],char:"🎈",fitzpatrick_scale:false,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],char:"🎏",fitzpatrick_scale:false,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],char:"🎀",fitzpatrick_scale:false,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],char:"🎁",fitzpatrick_scale:false,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],char:"🎊",fitzpatrick_scale:false,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],char:"🎉",fitzpatrick_scale:false,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],char:"🎎",fitzpatrick_scale:false,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],char:"🎐",fitzpatrick_scale:false,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],char:"🎌",fitzpatrick_scale:false,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],char:"🏮",fitzpatrick_scale:false,category:"objects"},red_envelope:{keywords:["gift"],char:"🧧",fitzpatrick_scale:false,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],char:"✉️",fitzpatrick_scale:false,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],char:"📩",fitzpatrick_scale:false,category:"objects"},incoming_envelope:{keywords:["email","inbox"],char:"📨",fitzpatrick_scale:false,category:"objects"},"e-mail":{keywords:["communication","inbox"],char:"📧",fitzpatrick_scale:false,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],char:"💌",fitzpatrick_scale:false,category:"objects"},postbox:{keywords:["email","letter","envelope"],char:"📮",fitzpatrick_scale:false,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],char:"📪",fitzpatrick_scale:false,category:"objects"},mailbox:{keywords:["email","inbox","communication"],char:"📫",fitzpatrick_scale:false,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],char:"📬",fitzpatrick_scale:false,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],char:"📭",fitzpatrick_scale:false,category:"objects"},package:{keywords:["mail","gift","cardboard","box","moving"],char:"📦",fitzpatrick_scale:false,category:"objects"},postal_horn:{keywords:["instrument","music"],char:"📯",fitzpatrick_scale:false,category:"objects"},inbox_tray:{keywords:["email","documents"],char:"📥",fitzpatrick_scale:false,category:"objects"},outbox_tray:{keywords:["inbox","email"],char:"📤",fitzpatrick_scale:false,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],char:"📜",fitzpatrick_scale:false,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],char:"📃",fitzpatrick_scale:false,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],char:"📑",fitzpatrick_scale:false,category:"objects"},receipt:{keywords:["accounting","expenses"],char:"🧾",fitzpatrick_scale:false,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],char:"📊",fitzpatrick_scale:false,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],char:"📈",fitzpatrick_scale:false,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],char:"📉",fitzpatrick_scale:false,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],char:"📄",fitzpatrick_scale:false,category:"objects"},date:{keywords:["calendar","schedule"],char:"📅",fitzpatrick_scale:false,category:"objects"},calendar:{keywords:["schedule","date","planning"],char:"📆",fitzpatrick_scale:false,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],char:"🗓",fitzpatrick_scale:false,category:"objects"},card_index:{keywords:["business","stationery"],char:"📇",fitzpatrick_scale:false,category:"objects"},card_file_box:{keywords:["business","stationery"],char:"🗃",fitzpatrick_scale:false,category:"objects"},ballot_box:{keywords:["election","vote"],char:"🗳",fitzpatrick_scale:false,category:"objects"},file_cabinet:{keywords:["filing","organizing"],char:"🗄",fitzpatrick_scale:false,category:"objects"},clipboard:{keywords:["stationery","documents"],char:"📋",fitzpatrick_scale:false,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],char:"🗒",fitzpatrick_scale:false,category:"objects"},file_folder:{keywords:["documents","business","office"],char:"📁",fitzpatrick_scale:false,category:"objects"},open_file_folder:{keywords:["documents","load"],char:"📂",fitzpatrick_scale:false,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],char:"🗂",fitzpatrick_scale:false,category:"objects"},newspaper_roll:{keywords:["press","headline"],char:"🗞",fitzpatrick_scale:false,category:"objects"},newspaper:{keywords:["press","headline"],char:"📰",fitzpatrick_scale:false,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],char:"📓",fitzpatrick_scale:false,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],char:"📕",fitzpatrick_scale:false,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],char:"📗",fitzpatrick_scale:false,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],char:"📘",fitzpatrick_scale:false,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],char:"📙",fitzpatrick_scale:false,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],char:"📔",fitzpatrick_scale:false,category:"objects"},ledger:{keywords:["notes","paper"],char:"📒",fitzpatrick_scale:false,category:"objects"},books:{keywords:["literature","library","study"],char:"📚",fitzpatrick_scale:false,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],char:"📖",fitzpatrick_scale:false,category:"objects"},safety_pin:{keywords:["diaper"],char:"🧷",fitzpatrick_scale:false,category:"objects"},link:{keywords:["rings","url"],char:"🔗",fitzpatrick_scale:false,category:"objects"},paperclip:{keywords:["documents","stationery"],char:"📎",fitzpatrick_scale:false,category:"objects"},paperclips:{keywords:["documents","stationery"],char:"🖇",fitzpatrick_scale:false,category:"objects"},scissors:{keywords:["stationery","cut"],char:"✂️",fitzpatrick_scale:false,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],char:"📐",fitzpatrick_scale:false,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],char:"📏",fitzpatrick_scale:false,category:"objects"},abacus:{keywords:["calculation"],char:"🧮",fitzpatrick_scale:false,category:"objects"},pushpin:{keywords:["stationery","mark","here"],char:"📌",fitzpatrick_scale:false,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],char:"📍",fitzpatrick_scale:false,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],char:"🚩",fitzpatrick_scale:false,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],char:"🏳",fitzpatrick_scale:false,category:"objects"},black_flag:{keywords:["pirate"],char:"🏴",fitzpatrick_scale:false,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],char:"🏳️‍🌈",fitzpatrick_scale:false,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],char:"🔐",fitzpatrick_scale:false,category:"objects"},lock:{keywords:["security","password","padlock"],char:"🔒",fitzpatrick_scale:false,category:"objects"},unlock:{keywords:["privacy","security"],char:"🔓",fitzpatrick_scale:false,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],char:"🔏",fitzpatrick_scale:false,category:"objects"},pen:{keywords:["stationery","writing","write"],char:"🖊",fitzpatrick_scale:false,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],char:"🖋",fitzpatrick_scale:false,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],char:"✒️",fitzpatrick_scale:false,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],char:"📝",fitzpatrick_scale:false,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],char:"✏️",fitzpatrick_scale:false,category:"objects"},crayon:{keywords:["drawing","creativity"],char:"🖍",fitzpatrick_scale:false,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],char:"🖌",fitzpatrick_scale:false,category:"objects"},mag:{keywords:["search","zoom","find","detective"],char:"🔍",fitzpatrick_scale:false,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],char:"🔎",fitzpatrick_scale:false,category:"objects"},heart:{keywords:["love","like","valentines"],char:"❤️",fitzpatrick_scale:false,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],char:"🧡",fitzpatrick_scale:false,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],char:"💛",fitzpatrick_scale:false,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],char:"💚",fitzpatrick_scale:false,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],char:"💙",fitzpatrick_scale:false,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],char:"💜",fitzpatrick_scale:false,category:"symbols"},black_heart:{keywords:["evil"],char:"🖤",fitzpatrick_scale:false,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],char:"💔",fitzpatrick_scale:false,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],char:"❣",fitzpatrick_scale:false,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],char:"💕",fitzpatrick_scale:false,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],char:"💞",fitzpatrick_scale:false,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],char:"💓",fitzpatrick_scale:false,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],char:"💗",fitzpatrick_scale:false,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],char:"💖",fitzpatrick_scale:false,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],char:"💘",fitzpatrick_scale:false,category:"symbols"},gift_heart:{keywords:["love","valentines"],char:"💝",fitzpatrick_scale:false,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],char:"💟",fitzpatrick_scale:false,category:"symbols"},peace_symbol:{keywords:["hippie"],char:"☮",fitzpatrick_scale:false,category:"symbols"},latin_cross:{keywords:["christianity"],char:"✝",fitzpatrick_scale:false,category:"symbols"},star_and_crescent:{keywords:["islam"],char:"☪",fitzpatrick_scale:false,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],char:"🕉",fitzpatrick_scale:false,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],char:"☸",fitzpatrick_scale:false,category:"symbols"},star_of_david:{keywords:["judaism"],char:"✡",fitzpatrick_scale:false,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],char:"🔯",fitzpatrick_scale:false,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],char:"🕎",fitzpatrick_scale:false,category:"symbols"},yin_yang:{keywords:["balance"],char:"☯",fitzpatrick_scale:false,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],char:"☦",fitzpatrick_scale:false,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],char:"🛐",fitzpatrick_scale:false,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],char:"⛎",fitzpatrick_scale:false,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],char:"♈",fitzpatrick_scale:false,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],char:"♉",fitzpatrick_scale:false,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],char:"♊",fitzpatrick_scale:false,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],char:"♋",fitzpatrick_scale:false,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],char:"♌",fitzpatrick_scale:false,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],char:"♍",fitzpatrick_scale:false,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],char:"♎",fitzpatrick_scale:false,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],char:"♏",fitzpatrick_scale:false,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],char:"♐",fitzpatrick_scale:false,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],char:"♑",fitzpatrick_scale:false,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],char:"♒",fitzpatrick_scale:false,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],char:"♓",fitzpatrick_scale:false,category:"symbols"},id:{keywords:["purple-square","words"],char:"🆔",fitzpatrick_scale:false,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],char:"⚛",fitzpatrick_scale:false,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],char:"🈳",fitzpatrick_scale:false,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],char:"🈹",fitzpatrick_scale:false,category:"symbols"},radioactive:{keywords:["nuclear","danger"],char:"☢",fitzpatrick_scale:false,category:"symbols"},biohazard:{keywords:["danger"],char:"☣",fitzpatrick_scale:false,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],char:"📴",fitzpatrick_scale:false,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],char:"📳",fitzpatrick_scale:false,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],char:"🈶",fitzpatrick_scale:false,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],char:"🈚",fitzpatrick_scale:false,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],char:"🈸",fitzpatrick_scale:false,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],char:"🈺",fitzpatrick_scale:false,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],char:"🈷️",fitzpatrick_scale:false,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],char:"✴️",fitzpatrick_scale:false,category:"symbols"},vs:{keywords:["words","orange-square"],char:"🆚",fitzpatrick_scale:false,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],char:"🉑",fitzpatrick_scale:false,category:"symbols"},white_flower:{keywords:["japanese","spring"],char:"💮",fitzpatrick_scale:false,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],char:"🉐",fitzpatrick_scale:false,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],char:"㊙️",fitzpatrick_scale:false,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],char:"㊗️",fitzpatrick_scale:false,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],char:"🈴",fitzpatrick_scale:false,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],char:"🈵",fitzpatrick_scale:false,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],char:"🈲",fitzpatrick_scale:false,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],char:"🅰️",fitzpatrick_scale:false,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],char:"🅱️",fitzpatrick_scale:false,category:"symbols"},ab:{keywords:["red-square","alphabet"],char:"🆎",fitzpatrick_scale:false,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],char:"🆑",fitzpatrick_scale:false,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],char:"🅾️",fitzpatrick_scale:false,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],char:"🆘",fitzpatrick_scale:false,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],char:"⛔",fitzpatrick_scale:false,category:"symbols"},name_badge:{keywords:["fire","forbid"],char:"📛",fitzpatrick_scale:false,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],char:"🚫",fitzpatrick_scale:false,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],char:"❌",fitzpatrick_scale:false,category:"symbols"},o:{keywords:["circle","round"],char:"⭕",fitzpatrick_scale:false,category:"symbols"},stop_sign:{keywords:["stop"],char:"🛑",fitzpatrick_scale:false,category:"symbols"},anger:{keywords:["angry","mad"],char:"💢",fitzpatrick_scale:false,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],char:"♨️",fitzpatrick_scale:false,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],char:"🚷",fitzpatrick_scale:false,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],char:"🚯",fitzpatrick_scale:false,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],char:"🚳",fitzpatrick_scale:false,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],char:"🚱",fitzpatrick_scale:false,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],char:"🔞",fitzpatrick_scale:false,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],char:"📵",fitzpatrick_scale:false,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],char:"❗",fitzpatrick_scale:false,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],char:"❕",fitzpatrick_scale:false,category:"symbols"},question:{keywords:["doubt","confused"],char:"❓",fitzpatrick_scale:false,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],char:"❔",fitzpatrick_scale:false,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],char:"‼️",fitzpatrick_scale:false,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],char:"⁉️",fitzpatrick_scale:false,category:"symbols"},100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],char:"💯",fitzpatrick_scale:false,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],char:"🔅",fitzpatrick_scale:false,category:"symbols"},high_brightness:{keywords:["sun","light"],char:"🔆",fitzpatrick_scale:false,category:"symbols"},trident:{keywords:["weapon","spear"],char:"🔱",fitzpatrick_scale:false,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],char:"⚜",fitzpatrick_scale:false,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],char:"〽️",fitzpatrick_scale:false,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],char:"⚠️",fitzpatrick_scale:false,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],char:"🚸",fitzpatrick_scale:false,category:"symbols"},beginner:{keywords:["badge","shield"],char:"🔰",fitzpatrick_scale:false,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],char:"♻️",fitzpatrick_scale:false,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],char:"🈯",fitzpatrick_scale:false,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],char:"💹",fitzpatrick_scale:false,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],char:"❇️",fitzpatrick_scale:false,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],char:"✳️",fitzpatrick_scale:false,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],char:"❎",fitzpatrick_scale:false,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],char:"✅",fitzpatrick_scale:false,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],char:"💠",fitzpatrick_scale:false,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],char:"🌀",fitzpatrick_scale:false,category:"symbols"},loop:{keywords:["tape","cassette"],char:"➿",fitzpatrick_scale:false,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],char:"🌐",fitzpatrick_scale:false,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],char:"Ⓜ️",fitzpatrick_scale:false,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],char:"🏧",fitzpatrick_scale:false,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],char:"🈂️",fitzpatrick_scale:false,category:"symbols"},passport_control:{keywords:["custom","blue-square"],char:"🛂",fitzpatrick_scale:false,category:"symbols"},customs:{keywords:["passport","border","blue-square"],char:"🛃",fitzpatrick_scale:false,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],char:"🛄",fitzpatrick_scale:false,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],char:"🛅",fitzpatrick_scale:false,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],char:"♿",fitzpatrick_scale:false,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],char:"🚭",fitzpatrick_scale:false,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],char:"🚾",fitzpatrick_scale:false,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],char:"🅿️",fitzpatrick_scale:false,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],char:"🚰",fitzpatrick_scale:false,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],char:"🚹",fitzpatrick_scale:false,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],char:"🚺",fitzpatrick_scale:false,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],char:"🚼",fitzpatrick_scale:false,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],char:"🚻",fitzpatrick_scale:false,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],char:"🚮",fitzpatrick_scale:false,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],char:"🎦",fitzpatrick_scale:false,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],char:"📶",fitzpatrick_scale:false,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],char:"🈁",fitzpatrick_scale:false,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],char:"🆖",fitzpatrick_scale:false,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],char:"🆗",fitzpatrick_scale:false,category:"symbols"},up:{keywords:["blue-square","above","high"],char:"🆙",fitzpatrick_scale:false,category:"symbols"},cool:{keywords:["words","blue-square"],char:"🆒",fitzpatrick_scale:false,category:"symbols"},new:{keywords:["blue-square","words","start"],char:"🆕",fitzpatrick_scale:false,category:"symbols"},free:{keywords:["blue-square","words"],char:"🆓",fitzpatrick_scale:false,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],char:"0️⃣",fitzpatrick_scale:false,category:"symbols"},one:{keywords:["blue-square","numbers","1"],char:"1️⃣",fitzpatrick_scale:false,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],char:"2️⃣",fitzpatrick_scale:false,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],char:"3️⃣",fitzpatrick_scale:false,category:"symbols"},four:{keywords:["4","numbers","blue-square"],char:"4️⃣",fitzpatrick_scale:false,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],char:"5️⃣",fitzpatrick_scale:false,category:"symbols"},six:{keywords:["6","numbers","blue-square"],char:"6️⃣",fitzpatrick_scale:false,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],char:"7️⃣",fitzpatrick_scale:false,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],char:"8️⃣",fitzpatrick_scale:false,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],char:"9️⃣",fitzpatrick_scale:false,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],char:"🔟",fitzpatrick_scale:false,category:"symbols"},asterisk:{keywords:["star","keycap"],char:"*⃣",fitzpatrick_scale:false,category:"symbols"},1234:{keywords:["numbers","blue-square"],char:"🔢",fitzpatrick_scale:false,category:"symbols"},eject_button:{keywords:["blue-square"],char:"⏏️",fitzpatrick_scale:false,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],char:"▶️",fitzpatrick_scale:false,category:"symbols"},pause_button:{keywords:["pause","blue-square"],char:"⏸",fitzpatrick_scale:false,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],char:"⏭",fitzpatrick_scale:false,category:"symbols"},stop_button:{keywords:["blue-square"],char:"⏹",fitzpatrick_scale:false,category:"symbols"},record_button:{keywords:["blue-square"],char:"⏺",fitzpatrick_scale:false,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],char:"⏯",fitzpatrick_scale:false,category:"symbols"},previous_track_button:{keywords:["backward"],char:"⏮",fitzpatrick_scale:false,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],char:"⏩",fitzpatrick_scale:false,category:"symbols"},rewind:{keywords:["play","blue-square"],char:"⏪",fitzpatrick_scale:false,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],char:"🔀",fitzpatrick_scale:false,category:"symbols"},repeat:{keywords:["loop","record"],char:"🔁",fitzpatrick_scale:false,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],char:"🔂",fitzpatrick_scale:false,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],char:"◀️",fitzpatrick_scale:false,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],char:"🔼",fitzpatrick_scale:false,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],char:"🔽",fitzpatrick_scale:false,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],char:"⏫",fitzpatrick_scale:false,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],char:"⏬",fitzpatrick_scale:false,category:"symbols"},arrow_right:{keywords:["blue-square","next"],char:"➡️",fitzpatrick_scale:false,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],char:"⬅️",fitzpatrick_scale:false,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],char:"⬆️",fitzpatrick_scale:false,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],char:"⬇️",fitzpatrick_scale:false,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],char:"↗️",fitzpatrick_scale:false,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],char:"↘️",fitzpatrick_scale:false,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],char:"↙️",fitzpatrick_scale:false,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],char:"↖️",fitzpatrick_scale:false,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],char:"↕️",fitzpatrick_scale:false,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],char:"↔️",fitzpatrick_scale:false,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],char:"🔄",fitzpatrick_scale:false,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],char:"↪️",fitzpatrick_scale:false,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],char:"↩️",fitzpatrick_scale:false,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],char:"⤴️",fitzpatrick_scale:false,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],char:"⤵️",fitzpatrick_scale:false,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],char:"#️⃣",fitzpatrick_scale:false,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],char:"ℹ️",fitzpatrick_scale:false,category:"symbols"},abc:{keywords:["blue-square","alphabet"],char:"🔤",fitzpatrick_scale:false,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],char:"🔡",fitzpatrick_scale:false,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],char:"🔠",fitzpatrick_scale:false,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],char:"🔣",fitzpatrick_scale:false,category:"symbols"},musical_note:{keywords:["score","tone","sound"],char:"🎵",fitzpatrick_scale:false,category:"symbols"},notes:{keywords:["music","score"],char:"🎶",fitzpatrick_scale:false,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],char:"〰️",fitzpatrick_scale:false,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],char:"➰",fitzpatrick_scale:false,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],char:"✔️",fitzpatrick_scale:false,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],char:"🔃",fitzpatrick_scale:false,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],char:"➕",fitzpatrick_scale:false,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],char:"➖",fitzpatrick_scale:false,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],char:"➗",fitzpatrick_scale:false,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],char:"✖️",fitzpatrick_scale:false,category:"symbols"},infinity:{keywords:["forever"],char:"♾",fitzpatrick_scale:false,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],char:"💲",fitzpatrick_scale:false,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],char:"💱",fitzpatrick_scale:false,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],char:"©️",fitzpatrick_scale:false,category:"symbols"},registered:{keywords:["alphabet","circle"],char:"®️",fitzpatrick_scale:false,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],char:"™️",fitzpatrick_scale:false,category:"symbols"},end:{keywords:["words","arrow"],char:"🔚",fitzpatrick_scale:false,category:"symbols"},back:{keywords:["arrow","words","return"],char:"🔙",fitzpatrick_scale:false,category:"symbols"},on:{keywords:["arrow","words"],char:"🔛",fitzpatrick_scale:false,category:"symbols"},top:{keywords:["words","blue-square"],char:"🔝",fitzpatrick_scale:false,category:"symbols"},soon:{keywords:["arrow","words"],char:"🔜",fitzpatrick_scale:false,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],char:"☑️",fitzpatrick_scale:false,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],char:"🔘",fitzpatrick_scale:false,category:"symbols"},white_circle:{keywords:["shape","round"],char:"⚪",fitzpatrick_scale:false,category:"symbols"},black_circle:{keywords:["shape","button","round"],char:"⚫",fitzpatrick_scale:false,category:"symbols"},red_circle:{keywords:["shape","error","danger"],char:"🔴",fitzpatrick_scale:false,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],char:"🔵",fitzpatrick_scale:false,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],char:"🔸",fitzpatrick_scale:false,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],char:"🔹",fitzpatrick_scale:false,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],char:"🔶",fitzpatrick_scale:false,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],char:"🔷",fitzpatrick_scale:false,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],char:"🔺",fitzpatrick_scale:false,category:"symbols"},black_small_square:{keywords:["shape","icon"],char:"▪️",fitzpatrick_scale:false,category:"symbols"},white_small_square:{keywords:["shape","icon"],char:"▫️",fitzpatrick_scale:false,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],char:"⬛",fitzpatrick_scale:false,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],char:"⬜",fitzpatrick_scale:false,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],char:"🔻",fitzpatrick_scale:false,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],char:"◼️",fitzpatrick_scale:false,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],char:"◻️",fitzpatrick_scale:false,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],char:"◾",fitzpatrick_scale:false,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],char:"◽",fitzpatrick_scale:false,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],char:"🔲",fitzpatrick_scale:false,category:"symbols"},white_square_button:{keywords:["shape","input"],char:"🔳",fitzpatrick_scale:false,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],char:"🔈",fitzpatrick_scale:false,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],char:"🔉",fitzpatrick_scale:false,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],char:"🔊",fitzpatrick_scale:false,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],char:"🔇",fitzpatrick_scale:false,category:"symbols"},mega:{keywords:["sound","speaker","volume"],char:"📣",fitzpatrick_scale:false,category:"symbols"},loudspeaker:{keywords:["volume","sound"],char:"📢",fitzpatrick_scale:false,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],char:"🔔",fitzpatrick_scale:false,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],char:"🔕",fitzpatrick_scale:false,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],char:"🃏",fitzpatrick_scale:false,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],char:"🀄",fitzpatrick_scale:false,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],char:"♠️",fitzpatrick_scale:false,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],char:"♣️",fitzpatrick_scale:false,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],char:"♥️",fitzpatrick_scale:false,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],char:"♦️",fitzpatrick_scale:false,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],char:"🎴",fitzpatrick_scale:false,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],char:"💭",fitzpatrick_scale:false,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],char:"🗯",fitzpatrick_scale:false,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],char:"💬",fitzpatrick_scale:false,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],char:"🗨",fitzpatrick_scale:false,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],char:"🕐",fitzpatrick_scale:false,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],char:"🕑",fitzpatrick_scale:false,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],char:"🕒",fitzpatrick_scale:false,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],char:"🕓",fitzpatrick_scale:false,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],char:"🕔",fitzpatrick_scale:false,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],char:"🕕",fitzpatrick_scale:false,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],char:"🕖",fitzpatrick_scale:false,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],char:"🕗",fitzpatrick_scale:false,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],char:"🕘",fitzpatrick_scale:false,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],char:"🕙",fitzpatrick_scale:false,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],char:"🕚",fitzpatrick_scale:false,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],char:"🕛",fitzpatrick_scale:false,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],char:"🕜",fitzpatrick_scale:false,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],char:"🕝",fitzpatrick_scale:false,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],char:"🕞",fitzpatrick_scale:false,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],char:"🕟",fitzpatrick_scale:false,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],char:"🕠",fitzpatrick_scale:false,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],char:"🕡",fitzpatrick_scale:false,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],char:"🕢",fitzpatrick_scale:false,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],char:"🕣",fitzpatrick_scale:false,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],char:"🕤",fitzpatrick_scale:false,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],char:"🕥",fitzpatrick_scale:false,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],char:"🕦",fitzpatrick_scale:false,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],char:"🕧",fitzpatrick_scale:false,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],char:"🇦🇫",fitzpatrick_scale:false,category:"flags"},aland_islands:{keywords:["Åland","islands","flag","nation","country","banner"],char:"🇦🇽",fitzpatrick_scale:false,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],char:"🇦🇱",fitzpatrick_scale:false,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],char:"🇩🇿",fitzpatrick_scale:false,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],char:"🇦🇸",fitzpatrick_scale:false,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],char:"🇦🇩",fitzpatrick_scale:false,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],char:"🇦🇴",fitzpatrick_scale:false,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],char:"🇦🇮",fitzpatrick_scale:false,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],char:"🇦🇶",fitzpatrick_scale:false,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],char:"🇦🇬",fitzpatrick_scale:false,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],char:"🇦🇷",fitzpatrick_scale:false,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],char:"🇦🇲",fitzpatrick_scale:false,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],char:"🇦🇼",fitzpatrick_scale:false,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],char:"🇦🇺",fitzpatrick_scale:false,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],char:"🇦🇹",fitzpatrick_scale:false,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],char:"🇦🇿",fitzpatrick_scale:false,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],char:"🇧🇸",fitzpatrick_scale:false,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],char:"🇧🇭",fitzpatrick_scale:false,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],char:"🇧🇩",fitzpatrick_scale:false,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],char:"🇧🇧",fitzpatrick_scale:false,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],char:"🇧🇾",fitzpatrick_scale:false,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],char:"🇧🇪",fitzpatrick_scale:false,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],char:"🇧🇿",fitzpatrick_scale:false,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],char:"🇧🇯",fitzpatrick_scale:false,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],char:"🇧🇲",fitzpatrick_scale:false,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],char:"🇧🇹",fitzpatrick_scale:false,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],char:"🇧🇴",fitzpatrick_scale:false,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],char:"🇧🇶",fitzpatrick_scale:false,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],char:"🇧🇦",fitzpatrick_scale:false,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],char:"🇧🇼",fitzpatrick_scale:false,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],char:"🇧🇷",fitzpatrick_scale:false,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],char:"🇮🇴",fitzpatrick_scale:false,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],char:"🇻🇬",fitzpatrick_scale:false,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],char:"🇧🇳",fitzpatrick_scale:false,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],char:"🇧🇬",fitzpatrick_scale:false,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],char:"🇧🇫",fitzpatrick_scale:false,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],char:"🇧🇮",fitzpatrick_scale:false,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],char:"🇨🇻",fitzpatrick_scale:false,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],char:"🇰🇭",fitzpatrick_scale:false,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],char:"🇨🇲",fitzpatrick_scale:false,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],char:"🇨🇦",fitzpatrick_scale:false,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],char:"🇮🇨",fitzpatrick_scale:false,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],char:"🇰🇾",fitzpatrick_scale:false,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],char:"🇨🇫",fitzpatrick_scale:false,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],char:"🇹🇩",fitzpatrick_scale:false,category:"flags"},chile:{keywords:["flag","nation","country","banner"],char:"🇨🇱",fitzpatrick_scale:false,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],char:"🇨🇳",fitzpatrick_scale:false,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],char:"🇨🇽",fitzpatrick_scale:false,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],char:"🇨🇨",fitzpatrick_scale:false,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],char:"🇨🇴",fitzpatrick_scale:false,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],char:"🇰🇲",fitzpatrick_scale:false,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],char:"🇨🇬",fitzpatrick_scale:false,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],char:"🇨🇩",fitzpatrick_scale:false,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],char:"🇨🇰",fitzpatrick_scale:false,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],char:"🇨🇷",fitzpatrick_scale:false,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],char:"🇭🇷",fitzpatrick_scale:false,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],char:"🇨🇺",fitzpatrick_scale:false,category:"flags"},curacao:{keywords:["curaçao","flag","nation","country","banner"],char:"🇨🇼",fitzpatrick_scale:false,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],char:"🇨🇾",fitzpatrick_scale:false,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],char:"🇨🇿",fitzpatrick_scale:false,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],char:"🇩🇰",fitzpatrick_scale:false,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],char:"🇩🇯",fitzpatrick_scale:false,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],char:"🇩🇲",fitzpatrick_scale:false,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],char:"🇩🇴",fitzpatrick_scale:false,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],char:"🇪🇨",fitzpatrick_scale:false,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],char:"🇪🇬",fitzpatrick_scale:false,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],char:"🇸🇻",fitzpatrick_scale:false,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],char:"🇬🇶",fitzpatrick_scale:false,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],char:"🇪🇷",fitzpatrick_scale:false,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],char:"🇪🇪",fitzpatrick_scale:false,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],char:"🇪🇹",fitzpatrick_scale:false,category:"flags"},eu:{keywords:["european","union","flag","banner"],char:"🇪🇺",fitzpatrick_scale:false,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],char:"🇫🇰",fitzpatrick_scale:false,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],char:"🇫🇴",fitzpatrick_scale:false,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],char:"🇫🇯",fitzpatrick_scale:false,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],char:"🇫🇮",fitzpatrick_scale:false,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],char:"🇫🇷",fitzpatrick_scale:false,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],char:"🇬🇫",fitzpatrick_scale:false,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],char:"🇵🇫",fitzpatrick_scale:false,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],char:"🇹🇫",fitzpatrick_scale:false,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],char:"🇬🇦",fitzpatrick_scale:false,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],char:"🇬🇲",fitzpatrick_scale:false,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],char:"🇬🇪",fitzpatrick_scale:false,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],char:"🇩🇪",fitzpatrick_scale:false,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],char:"🇬🇭",fitzpatrick_scale:false,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],char:"🇬🇮",fitzpatrick_scale:false,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],char:"🇬🇷",fitzpatrick_scale:false,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],char:"🇬🇱",fitzpatrick_scale:false,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],char:"🇬🇩",fitzpatrick_scale:false,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],char:"🇬🇵",fitzpatrick_scale:false,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],char:"🇬🇺",fitzpatrick_scale:false,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],char:"🇬🇹",fitzpatrick_scale:false,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],char:"🇬🇬",fitzpatrick_scale:false,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],char:"🇬🇳",fitzpatrick_scale:false,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],char:"🇬🇼",fitzpatrick_scale:false,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],char:"🇬🇾",fitzpatrick_scale:false,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],char:"🇭🇹",fitzpatrick_scale:false,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],char:"🇭🇳",fitzpatrick_scale:false,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],char:"🇭🇰",fitzpatrick_scale:false,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],char:"🇭🇺",fitzpatrick_scale:false,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],char:"🇮🇸",fitzpatrick_scale:false,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],char:"🇮🇳",fitzpatrick_scale:false,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],char:"🇮🇩",fitzpatrick_scale:false,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],char:"🇮🇷",fitzpatrick_scale:false,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],char:"🇮🇶",fitzpatrick_scale:false,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],char:"🇮🇪",fitzpatrick_scale:false,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],char:"🇮🇲",fitzpatrick_scale:false,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],char:"🇮🇱",fitzpatrick_scale:false,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],char:"🇮🇹",fitzpatrick_scale:false,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],char:"🇨🇮",fitzpatrick_scale:false,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],char:"🇯🇲",fitzpatrick_scale:false,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],char:"🇯🇵",fitzpatrick_scale:false,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],char:"🇯🇪",fitzpatrick_scale:false,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],char:"🇯🇴",fitzpatrick_scale:false,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],char:"🇰🇿",fitzpatrick_scale:false,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],char:"🇰🇪",fitzpatrick_scale:false,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],char:"🇰🇮",fitzpatrick_scale:false,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],char:"🇽🇰",fitzpatrick_scale:false,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],char:"🇰🇼",fitzpatrick_scale:false,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],char:"🇰🇬",fitzpatrick_scale:false,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],char:"🇱🇦",fitzpatrick_scale:false,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],char:"🇱🇻",fitzpatrick_scale:false,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],char:"🇱🇧",fitzpatrick_scale:false,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],char:"🇱🇸",fitzpatrick_scale:false,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],char:"🇱🇷",fitzpatrick_scale:false,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],char:"🇱🇾",fitzpatrick_scale:false,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],char:"🇱🇮",fitzpatrick_scale:false,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],char:"🇱🇹",fitzpatrick_scale:false,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],char:"🇱🇺",fitzpatrick_scale:false,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],char:"🇲🇴",fitzpatrick_scale:false,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],char:"🇲🇰",fitzpatrick_scale:false,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],char:"🇲🇬",fitzpatrick_scale:false,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],char:"🇲🇼",fitzpatrick_scale:false,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],char:"🇲🇾",fitzpatrick_scale:false,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],char:"🇲🇻",fitzpatrick_scale:false,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],char:"🇲🇱",fitzpatrick_scale:false,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],char:"🇲🇹",fitzpatrick_scale:false,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],char:"🇲🇭",fitzpatrick_scale:false,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],char:"🇲🇶",fitzpatrick_scale:false,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],char:"🇲🇷",fitzpatrick_scale:false,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],char:"🇲🇺",fitzpatrick_scale:false,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],char:"🇾🇹",fitzpatrick_scale:false,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],char:"🇲🇽",fitzpatrick_scale:false,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],char:"🇫🇲",fitzpatrick_scale:false,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],char:"🇲🇩",fitzpatrick_scale:false,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],char:"🇲🇨",fitzpatrick_scale:false,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],char:"🇲🇳",fitzpatrick_scale:false,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],char:"🇲🇪",fitzpatrick_scale:false,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],char:"🇲🇸",fitzpatrick_scale:false,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],char:"🇲🇦",fitzpatrick_scale:false,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],char:"🇲🇿",fitzpatrick_scale:false,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],char:"🇲🇲",fitzpatrick_scale:false,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],char:"🇳🇦",fitzpatrick_scale:false,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],char:"🇳🇷",fitzpatrick_scale:false,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],char:"🇳🇵",fitzpatrick_scale:false,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],char:"🇳🇱",fitzpatrick_scale:false,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],char:"🇳🇨",fitzpatrick_scale:false,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],char:"🇳🇿",fitzpatrick_scale:false,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],char:"🇳🇮",fitzpatrick_scale:false,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],char:"🇳🇪",fitzpatrick_scale:false,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],char:"🇳🇬",fitzpatrick_scale:false,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],char:"🇳🇺",fitzpatrick_scale:false,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],char:"🇳🇫",fitzpatrick_scale:false,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],char:"🇲🇵",fitzpatrick_scale:false,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],char:"🇰🇵",fitzpatrick_scale:false,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],char:"🇳🇴",fitzpatrick_scale:false,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],char:"🇴🇲",fitzpatrick_scale:false,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],char:"🇵🇰",fitzpatrick_scale:false,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],char:"🇵🇼",fitzpatrick_scale:false,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],char:"🇵🇸",fitzpatrick_scale:false,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],char:"🇵🇦",fitzpatrick_scale:false,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],char:"🇵🇬",fitzpatrick_scale:false,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],char:"🇵🇾",fitzpatrick_scale:false,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],char:"🇵🇪",fitzpatrick_scale:false,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],char:"🇵🇭",fitzpatrick_scale:false,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],char:"🇵🇳",fitzpatrick_scale:false,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],char:"🇵🇱",fitzpatrick_scale:false,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],char:"🇵🇹",fitzpatrick_scale:false,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],char:"🇵🇷",fitzpatrick_scale:false,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],char:"🇶🇦",fitzpatrick_scale:false,category:"flags"},reunion:{keywords:["réunion","flag","nation","country","banner"],char:"🇷🇪",fitzpatrick_scale:false,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],char:"🇷🇴",fitzpatrick_scale:false,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],char:"🇷🇺",fitzpatrick_scale:false,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],char:"🇷🇼",fitzpatrick_scale:false,category:"flags"},st_barthelemy:{keywords:["saint","barthélemy","flag","nation","country","banner"],char:"🇧🇱",fitzpatrick_scale:false,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],char:"🇸🇭",fitzpatrick_scale:false,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],char:"🇰🇳",fitzpatrick_scale:false,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],char:"🇱🇨",fitzpatrick_scale:false,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],char:"🇵🇲",fitzpatrick_scale:false,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],char:"🇻🇨",fitzpatrick_scale:false,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],char:"🇼🇸",fitzpatrick_scale:false,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],char:"🇸🇲",fitzpatrick_scale:false,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],char:"🇸🇹",fitzpatrick_scale:false,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],char:"🇸🇦",fitzpatrick_scale:false,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],char:"🇸🇳",fitzpatrick_scale:false,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],char:"🇷🇸",fitzpatrick_scale:false,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],char:"🇸🇨",fitzpatrick_scale:false,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],char:"🇸🇱",fitzpatrick_scale:false,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],char:"🇸🇬",fitzpatrick_scale:false,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],char:"🇸🇽",fitzpatrick_scale:false,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],char:"🇸🇰",fitzpatrick_scale:false,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],char:"🇸🇮",fitzpatrick_scale:false,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],char:"🇸🇧",fitzpatrick_scale:false,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],char:"🇸🇴",fitzpatrick_scale:false,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],char:"🇿🇦",fitzpatrick_scale:false,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],char:"🇬🇸",fitzpatrick_scale:false,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],char:"🇰🇷",fitzpatrick_scale:false,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],char:"🇸🇸",fitzpatrick_scale:false,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],char:"🇪🇸",fitzpatrick_scale:false,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],char:"🇱🇰",fitzpatrick_scale:false,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],char:"🇸🇩",fitzpatrick_scale:false,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],char:"🇸🇷",fitzpatrick_scale:false,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],char:"🇸🇿",fitzpatrick_scale:false,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],char:"🇸🇪",fitzpatrick_scale:false,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],char:"🇨🇭",fitzpatrick_scale:false,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],char:"🇸🇾",fitzpatrick_scale:false,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],char:"🇹🇼",fitzpatrick_scale:false,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],char:"🇹🇯",fitzpatrick_scale:false,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],char:"🇹🇿",fitzpatrick_scale:false,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],char:"🇹🇭",fitzpatrick_scale:false,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],char:"🇹🇱",fitzpatrick_scale:false,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],char:"🇹🇬",fitzpatrick_scale:false,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],char:"🇹🇰",fitzpatrick_scale:false,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],char:"🇹🇴",fitzpatrick_scale:false,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],char:"🇹🇹",fitzpatrick_scale:false,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],char:"🇹🇳",fitzpatrick_scale:false,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],char:"🇹🇷",fitzpatrick_scale:false,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],char:"🇹🇲",fitzpatrick_scale:false,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],char:"🇹🇨",fitzpatrick_scale:false,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],char:"🇹🇻",fitzpatrick_scale:false,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],char:"🇺🇬",fitzpatrick_scale:false,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],char:"🇺🇦",fitzpatrick_scale:false,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],char:"🇦🇪",fitzpatrick_scale:false,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],char:"🇬🇧",fitzpatrick_scale:false,category:"flags"},england:{keywords:["flag","english"],char:"🏴󠁧󠁢󠁥󠁮󠁧󠁿",fitzpatrick_scale:false,category:"flags"},scotland:{keywords:["flag","scottish"],char:"🏴󠁧󠁢󠁳󠁣󠁴󠁿",fitzpatrick_scale:false,category:"flags"},wales:{keywords:["flag","welsh"],char:"🏴󠁧󠁢󠁷󠁬󠁳󠁿",fitzpatrick_scale:false,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],char:"🇺🇸",fitzpatrick_scale:false,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],char:"🇻🇮",fitzpatrick_scale:false,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],char:"🇺🇾",fitzpatrick_scale:false,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],char:"🇺🇿",fitzpatrick_scale:false,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],char:"🇻🇺",fitzpatrick_scale:false,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],char:"🇻🇦",fitzpatrick_scale:false,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],char:"🇻🇪",fitzpatrick_scale:false,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],char:"🇻🇳",fitzpatrick_scale:false,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],char:"🇼🇫",fitzpatrick_scale:false,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],char:"🇪🇭",fitzpatrick_scale:false,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],char:"🇾🇪",fitzpatrick_scale:false,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],char:"🇿🇲",fitzpatrick_scale:false,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],char:"🇿🇼",fitzpatrick_scale:false,category:"flags"},united_nations:{keywords:["un","flag","banner"],char:"🇺🇳",fitzpatrick_scale:false,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],char:"🏴‍☠️",fitzpatrick_scale:false,category:"flags"}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojis.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojis.min.js
new file mode 100644
index 000000000..950a6de1f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/js/emojis.min.js
@@ -0,0 +1 @@
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{grinning:{keywords:["face","smile","happy","joy",":D","grin"],char:"\u{1f600}",fitzpatrick_scale:!1,category:"people"},grimacing:{keywords:["face","grimace","teeth"],char:"\u{1f62c}",fitzpatrick_scale:!1,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],char:"\u{1f601}",fitzpatrick_scale:!1,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],char:"\u{1f602}",fitzpatrick_scale:!1,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],char:"\u{1f923}",fitzpatrick_scale:!1,category:"people"},partying:{keywords:["face","celebration","woohoo"],char:"\u{1f973}",fitzpatrick_scale:!1,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],char:"\u{1f603}",fitzpatrick_scale:!1,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],char:"\u{1f604}",fitzpatrick_scale:!1,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],char:"\u{1f605}",fitzpatrick_scale:!1,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],char:"\u{1f606}",fitzpatrick_scale:!1,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],char:"\u{1f607}",fitzpatrick_scale:!1,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],char:"\u{1f609}",fitzpatrick_scale:!1,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],char:"\u{1f60a}",fitzpatrick_scale:!1,category:"people"},slightly_smiling_face:{keywords:["face","smile"],char:"\u{1f642}",fitzpatrick_scale:!1,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],char:"\u{1f643}",fitzpatrick_scale:!1,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],char:"\u263a\ufe0f",fitzpatrick_scale:!1,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],char:"\u{1f60b}",fitzpatrick_scale:!1,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],char:"\u{1f60c}",fitzpatrick_scale:!1,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],char:"\u{1f60d}",fitzpatrick_scale:!1,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],char:"\u{1f970}",fitzpatrick_scale:!1,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:"\u{1f618}",fitzpatrick_scale:!1,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],char:"\u{1f617}",fitzpatrick_scale:!1,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],char:"\u{1f619}",fitzpatrick_scale:!1,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],char:"\u{1f61a}",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],char:"\u{1f61c}",fitzpatrick_scale:!1,category:"people"},zany:{keywords:["face","goofy","crazy"],char:"\u{1f92a}",fitzpatrick_scale:!1,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],char:"\u{1f928}",fitzpatrick_scale:!1,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],char:"\u{1f9d0}",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],char:"\u{1f61d}",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],char:"\u{1f61b}",fitzpatrick_scale:!1,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],char:"\u{1f911}",fitzpatrick_scale:!1,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],char:"\u{1f913}",fitzpatrick_scale:!1,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],char:"\u{1f60e}",fitzpatrick_scale:!1,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],char:"\u{1f929}",fitzpatrick_scale:!1,category:"people"},clown_face:{keywords:["face"],char:"\u{1f921}",fitzpatrick_scale:!1,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],char:"\u{1f920}",fitzpatrick_scale:!1,category:"people"},hugs:{keywords:["face","smile","hug"],char:"\u{1f917}",fitzpatrick_scale:!1,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],char:"\u{1f60f}",fitzpatrick_scale:!1,category:"people"},no_mouth:{keywords:["face","hellokitty"],char:"\u{1f636}",fitzpatrick_scale:!1,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],char:"\u{1f610}",fitzpatrick_scale:!1,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],char:"\u{1f611}",fitzpatrick_scale:!1,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],char:"\u{1f612}",fitzpatrick_scale:!1,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],char:"\u{1f644}",fitzpatrick_scale:!1,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],char:"\u{1f914}",fitzpatrick_scale:!1,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],char:"\u{1f925}",fitzpatrick_scale:!1,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],char:"\u{1f92d}",fitzpatrick_scale:!1,category:"people"},shushing:{keywords:["face","quiet","shhh"],char:"\u{1f92b}",fitzpatrick_scale:!1,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],char:"\u{1f92c}",fitzpatrick_scale:!1,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],char:"\u{1f92f}",fitzpatrick_scale:!1,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],char:"\u{1f633}",fitzpatrick_scale:!1,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],char:"\u{1f61e}",fitzpatrick_scale:!1,category:"people"},worried:{keywords:["face","concern","nervous",":("],char:"\u{1f61f}",fitzpatrick_scale:!1,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],char:"\u{1f620}",fitzpatrick_scale:!1,category:"people"},rage:{keywords:["angry","mad","hate","despise"],char:"\u{1f621}",fitzpatrick_scale:!1,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],char:"\u{1f614}",fitzpatrick_scale:!1,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],char:"\u{1f615}",fitzpatrick_scale:!1,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],char:"\u{1f641}",fitzpatrick_scale:!1,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],char:"\u2639",fitzpatrick_scale:!1,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],char:"\u{1f623}",fitzpatrick_scale:!1,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],char:"\u{1f616}",fitzpatrick_scale:!1,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],char:"\u{1f62b}",fitzpatrick_scale:!1,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],char:"\u{1f629}",fitzpatrick_scale:!1,category:"people"},pleading:{keywords:["face","begging","mercy"],char:"\u{1f97a}",fitzpatrick_scale:!1,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],char:"\u{1f624}",fitzpatrick_scale:!1,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],char:"\u{1f62e}",fitzpatrick_scale:!1,category:"people"},scream:{keywords:["face","munch","scared","omg"],char:"\u{1f631}",fitzpatrick_scale:!1,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],char:"\u{1f628}",fitzpatrick_scale:!1,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],char:"\u{1f630}",fitzpatrick_scale:!1,category:"people"},hushed:{keywords:["face","woo","shh"],char:"\u{1f62f}",fitzpatrick_scale:!1,category:"people"},frowning:{keywords:["face","aw","what"],char:"\u{1f626}",fitzpatrick_scale:!1,category:"people"},anguished:{keywords:["face","stunned","nervous"],char:"\u{1f627}",fitzpatrick_scale:!1,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],char:"\u{1f622}",fitzpatrick_scale:!1,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],char:"\u{1f625}",fitzpatrick_scale:!1,category:"people"},drooling_face:{keywords:["face"],char:"\u{1f924}",fitzpatrick_scale:!1,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],char:"\u{1f62a}",fitzpatrick_scale:!1,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],char:"\u{1f613}",fitzpatrick_scale:!1,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],char:"\u{1f975}",fitzpatrick_scale:!1,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],char:"\u{1f976}",fitzpatrick_scale:!1,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],char:"\u{1f62d}",fitzpatrick_scale:!1,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],char:"\u{1f635}",fitzpatrick_scale:!1,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],char:"\u{1f632}",fitzpatrick_scale:!1,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],char:"\u{1f910}",fitzpatrick_scale:!1,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],char:"\u{1f922}",fitzpatrick_scale:!1,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],char:"\u{1f927}",fitzpatrick_scale:!1,category:"people"},vomiting:{keywords:["face","sick"],char:"\u{1f92e}",fitzpatrick_scale:!1,category:"people"},mask:{keywords:["face","sick","ill","disease"],char:"\u{1f637}",fitzpatrick_scale:!1,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],char:"\u{1f912}",fitzpatrick_scale:!1,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],char:"\u{1f915}",fitzpatrick_scale:!1,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],char:"\u{1f974}",fitzpatrick_scale:!1,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],char:"\u{1f634}",fitzpatrick_scale:!1,category:"people"},zzz:{keywords:["sleepy","tired","dream"],char:"\u{1f4a4}",fitzpatrick_scale:!1,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],char:"\u{1f4a9}",fitzpatrick_scale:!1,category:"people"},smiling_imp:{keywords:["devil","horns"],char:"\u{1f608}",fitzpatrick_scale:!1,category:"people"},imp:{keywords:["devil","angry","horns"],char:"\u{1f47f}",fitzpatrick_scale:!1,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],char:"\u{1f479}",fitzpatrick_scale:!1,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],char:"\u{1f47a}",fitzpatrick_scale:!1,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],char:"\u{1f480}",fitzpatrick_scale:!1,category:"people"},ghost:{keywords:["halloween","spooky","scary"],char:"\u{1f47b}",fitzpatrick_scale:!1,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],char:"\u{1f47d}",fitzpatrick_scale:!1,category:"people"},robot:{keywords:["computer","machine","bot"],char:"\u{1f916}",fitzpatrick_scale:!1,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],char:"\u{1f63a}",fitzpatrick_scale:!1,category:"people"},smile_cat:{keywords:["animal","cats","smile"],char:"\u{1f638}",fitzpatrick_scale:!1,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],char:"\u{1f639}",fitzpatrick_scale:!1,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],char:"\u{1f63b}",fitzpatrick_scale:!1,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],char:"\u{1f63c}",fitzpatrick_scale:!1,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],char:"\u{1f63d}",fitzpatrick_scale:!1,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],char:"\u{1f640}",fitzpatrick_scale:!1,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],char:"\u{1f63f}",fitzpatrick_scale:!1,category:"people"},pouting_cat:{keywords:["animal","cats"],char:"\u{1f63e}",fitzpatrick_scale:!1,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],char:"\u{1f932}",fitzpatrick_scale:!0,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],char:"\u{1f64c}",fitzpatrick_scale:!0,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],char:"\u{1f44f}",fitzpatrick_scale:!0,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],char:"\u{1f44b}",fitzpatrick_scale:!0,category:"people"},call_me_hand:{keywords:["hands","gesture"],char:"\u{1f919}",fitzpatrick_scale:!0,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],char:"\u{1f44d}",fitzpatrick_scale:!0,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],char:"\u{1f44e}",fitzpatrick_scale:!0,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],char:"\u{1f44a}",fitzpatrick_scale:!0,category:"people"},fist:{keywords:["fingers","hand","grasp"],char:"\u270a",fitzpatrick_scale:!0,category:"people"},fist_left:{keywords:["hand","fistbump"],char:"\u{1f91b}",fitzpatrick_scale:!0,category:"people"},fist_right:{keywords:["hand","fistbump"],char:"\u{1f91c}",fitzpatrick_scale:!0,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],char:"\u270c",fitzpatrick_scale:!0,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],char:"\u{1f44c}",fitzpatrick_scale:!0,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],char:"\u270b",fitzpatrick_scale:!0,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],char:"\u{1f91a}",fitzpatrick_scale:!0,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],char:"\u{1f450}",fitzpatrick_scale:!0,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],char:"\u{1f4aa}",fitzpatrick_scale:!0,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],char:"\u{1f64f}",fitzpatrick_scale:!0,category:"people"},foot:{keywords:["kick","stomp"],char:"\u{1f9b6}",fitzpatrick_scale:!0,category:"people"},leg:{keywords:["kick","limb"],char:"\u{1f9b5}",fitzpatrick_scale:!0,category:"people"},handshake:{keywords:["agreement","shake"],char:"\u{1f91d}",fitzpatrick_scale:!1,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],char:"\u261d",fitzpatrick_scale:!0,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],char:"\u{1f446}",fitzpatrick_scale:!0,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],char:"\u{1f447}",fitzpatrick_scale:!0,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],char:"\u{1f448}",fitzpatrick_scale:!0,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],char:"\u{1f449}",fitzpatrick_scale:!0,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],char:"\u{1f595}",fitzpatrick_scale:!0,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],char:"\u{1f590}",fitzpatrick_scale:!0,category:"people"},love_you:{keywords:["hand","fingers","gesture"],char:"\u{1f91f}",fitzpatrick_scale:!0,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],char:"\u{1f918}",fitzpatrick_scale:!0,category:"people"},crossed_fingers:{keywords:["good","lucky"],char:"\u{1f91e}",fitzpatrick_scale:!0,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],char:"\u{1f596}",fitzpatrick_scale:!0,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],char:"\u270d",fitzpatrick_scale:!0,category:"people"},selfie:{keywords:["camera","phone"],char:"\u{1f933}",fitzpatrick_scale:!0,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],char:"\u{1f485}",fitzpatrick_scale:!0,category:"people"},lips:{keywords:["mouth","kiss"],char:"\u{1f444}",fitzpatrick_scale:!1,category:"people"},tooth:{keywords:["teeth","dentist"],char:"\u{1f9b7}",fitzpatrick_scale:!1,category:"people"},tongue:{keywords:["mouth","playful"],char:"\u{1f445}",fitzpatrick_scale:!1,category:"people"},ear:{keywords:["face","hear","sound","listen"],char:"\u{1f442}",fitzpatrick_scale:!0,category:"people"},nose:{keywords:["smell","sniff"],char:"\u{1f443}",fitzpatrick_scale:!0,category:"people"},eye:{keywords:["face","look","see","watch","stare"],char:"\u{1f441}",fitzpatrick_scale:!1,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],char:"\u{1f440}",fitzpatrick_scale:!1,category:"people"},brain:{keywords:["smart","intelligent"],char:"\u{1f9e0}",fitzpatrick_scale:!1,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],char:"\u{1f464}",fitzpatrick_scale:!1,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],char:"\u{1f465}",fitzpatrick_scale:!1,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],char:"\u{1f5e3}",fitzpatrick_scale:!1,category:"people"},baby:{keywords:["child","boy","girl","toddler"],char:"\u{1f476}",fitzpatrick_scale:!0,category:"people"},child:{keywords:["gender-neutral","young"],char:"\u{1f9d2}",fitzpatrick_scale:!0,category:"people"},boy:{keywords:["man","male","guy","teenager"],char:"\u{1f466}",fitzpatrick_scale:!0,category:"people"},girl:{keywords:["female","woman","teenager"],char:"\u{1f467}",fitzpatrick_scale:!0,category:"people"},adult:{keywords:["gender-neutral","person"],char:"\u{1f9d1}",fitzpatrick_scale:!0,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],char:"\u{1f468}",fitzpatrick_scale:!0,category:"people"},woman:{keywords:["female","girls","lady"],char:"\u{1f469}",fitzpatrick_scale:!0,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],char:"\u{1f471}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],char:"\u{1f471}",fitzpatrick_scale:!0,category:"people"},bearded_person:{keywords:["person","bewhiskered"],char:"\u{1f9d4}",fitzpatrick_scale:!0,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],char:"\u{1f9d3}",fitzpatrick_scale:!0,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],char:"\u{1f474}",fitzpatrick_scale:!0,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],char:"\u{1f475}",fitzpatrick_scale:!0,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],char:"\u{1f472}",fitzpatrick_scale:!0,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],char:"\u{1f9d5}",fitzpatrick_scale:!0,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],char:"\u{1f473}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],char:"\u{1f473}",fitzpatrick_scale:!0,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],char:"\u{1f46e}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],char:"\u{1f46e}",fitzpatrick_scale:!0,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],char:"\u{1f477}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],char:"\u{1f477}",fitzpatrick_scale:!0,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],char:"\u{1f482}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],char:"\u{1f482}",fitzpatrick_scale:!0,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],char:"\u{1f575}\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},male_detective:{keywords:["human","spy","detective"],char:"\u{1f575}",fitzpatrick_scale:!0,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],char:"\u{1f469}\u200d\u2695\ufe0f",fitzpatrick_scale:!0,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],char:"\u{1f468}\u200d\u2695\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],char:"\u{1f469}\u200d\u{1f33e}",fitzpatrick_scale:!0,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],char:"\u{1f468}\u200d\u{1f33e}",fitzpatrick_scale:!0,category:"people"},woman_cook:{keywords:["chef","woman","human"],char:"\u{1f469}\u200d\u{1f373}",fitzpatrick_scale:!0,category:"people"},man_cook:{keywords:["chef","man","human"],char:"\u{1f468}\u200d\u{1f373}",fitzpatrick_scale:!0,category:"people"},woman_student:{keywords:["graduate","woman","human"],char:"\u{1f469}\u200d\u{1f393}",fitzpatrick_scale:!0,category:"people"},man_student:{keywords:["graduate","man","human"],char:"\u{1f468}\u200d\u{1f393}",fitzpatrick_scale:!0,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],char:"\u{1f469}\u200d\u{1f3a4}",fitzpatrick_scale:!0,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],char:"\u{1f468}\u200d\u{1f3a4}",fitzpatrick_scale:!0,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],char:"\u{1f469}\u200d\u{1f3eb}",fitzpatrick_scale:!0,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],char:"\u{1f468}\u200d\u{1f3eb}",fitzpatrick_scale:!0,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],char:"\u{1f469}\u200d\u{1f3ed}",fitzpatrick_scale:!0,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],char:"\u{1f468}\u200d\u{1f3ed}",fitzpatrick_scale:!0,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],char:"\u{1f469}\u200d\u{1f4bb}",fitzpatrick_scale:!0,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],char:"\u{1f468}\u200d\u{1f4bb}",fitzpatrick_scale:!0,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],char:"\u{1f469}\u200d\u{1f4bc}",fitzpatrick_scale:!0,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],char:"\u{1f468}\u200d\u{1f4bc}",fitzpatrick_scale:!0,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],char:"\u{1f469}\u200d\u{1f527}",fitzpatrick_scale:!0,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],char:"\u{1f468}\u200d\u{1f527}",fitzpatrick_scale:!0,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],char:"\u{1f469}\u200d\u{1f52c}",fitzpatrick_scale:!0,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],char:"\u{1f468}\u200d\u{1f52c}",fitzpatrick_scale:!0,category:"people"},woman_artist:{keywords:["painter","woman","human"],char:"\u{1f469}\u200d\u{1f3a8}",fitzpatrick_scale:!0,category:"people"},man_artist:{keywords:["painter","man","human"],char:"\u{1f468}\u200d\u{1f3a8}",fitzpatrick_scale:!0,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],char:"\u{1f469}\u200d\u{1f692}",fitzpatrick_scale:!0,category:"people"},man_firefighter:{keywords:["fireman","man","human"],char:"\u{1f468}\u200d\u{1f692}",fitzpatrick_scale:!0,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],char:"\u{1f469}\u200d\u2708\ufe0f",fitzpatrick_scale:!0,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],char:"\u{1f468}\u200d\u2708\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],char:"\u{1f469}\u200d\u{1f680}",fitzpatrick_scale:!0,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],char:"\u{1f468}\u200d\u{1f680}",fitzpatrick_scale:!0,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],char:"\u{1f469}\u200d\u2696\ufe0f",fitzpatrick_scale:!0,category:"people"},man_judge:{keywords:["justice","court","man","human"],char:"\u{1f468}\u200d\u2696\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],char:"\u{1f9b8}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],char:"\u{1f9b8}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],char:"\u{1f9b9}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],char:"\u{1f9b9}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],char:"\u{1f936}",fitzpatrick_scale:!0,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],char:"\u{1f385}",fitzpatrick_scale:!0,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],char:"\u{1f9d9}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],char:"\u{1f9d9}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_elf:{keywords:["woman","female"],char:"\u{1f9dd}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_elf:{keywords:["man","male"],char:"\u{1f9dd}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_vampire:{keywords:["woman","female"],char:"\u{1f9db}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_vampire:{keywords:["man","male","dracula"],char:"\u{1f9db}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],char:"\u{1f9df}\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],char:"\u{1f9df}\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},woman_genie:{keywords:["woman","female"],char:"\u{1f9de}\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"people"},man_genie:{keywords:["man","male"],char:"\u{1f9de}\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],char:"\u{1f9dc}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},merman:{keywords:["man","male","triton"],char:"\u{1f9dc}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_fairy:{keywords:["woman","female"],char:"\u{1f9da}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_fairy:{keywords:["man","male"],char:"\u{1f9da}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},angel:{keywords:["heaven","wings","halo"],char:"\u{1f47c}",fitzpatrick_scale:!0,category:"people"},pregnant_woman:{keywords:["baby"],char:"\u{1f930}",fitzpatrick_scale:!0,category:"people"},breastfeeding:{keywords:["nursing","baby"],char:"\u{1f931}",fitzpatrick_scale:!0,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],char:"\u{1f478}",fitzpatrick_scale:!0,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],char:"\u{1f934}",fitzpatrick_scale:!0,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],char:"\u{1f470}",fitzpatrick_scale:!0,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],char:"\u{1f935}",fitzpatrick_scale:!0,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],char:"\u{1f3c3}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],char:"\u{1f3c3}",fitzpatrick_scale:!0,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],char:"\u{1f6b6}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},walking_man:{keywords:["human","feet","steps"],char:"\u{1f6b6}",fitzpatrick_scale:!0,category:"people"},dancer:{keywords:["female","girl","woman","fun"],char:"\u{1f483}",fitzpatrick_scale:!0,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],char:"\u{1f57a}",fitzpatrick_scale:!0,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],char:"\u{1f46f}",fitzpatrick_scale:!1,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],char:"\u{1f46f}\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],char:"\u{1f46b}",fitzpatrick_scale:!1,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],char:"\u{1f46c}",fitzpatrick_scale:!1,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],char:"\u{1f46d}",fitzpatrick_scale:!1,category:"people"},bowing_woman:{keywords:["woman","female","girl"],char:"\u{1f647}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},bowing_man:{keywords:["man","male","boy"],char:"\u{1f647}",fitzpatrick_scale:!0,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],char:"\u{1f926}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],char:"\u{1f926}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],char:"\u{1f937}",fitzpatrick_scale:!0,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],char:"\u{1f937}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],char:"\u{1f481}",fitzpatrick_scale:!0,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],char:"\u{1f481}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],char:"\u{1f645}",fitzpatrick_scale:!0,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],char:"\u{1f645}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],char:"\u{1f646}",fitzpatrick_scale:!0,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],char:"\u{1f646}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],char:"\u{1f64b}",fitzpatrick_scale:!0,category:"people"},raising_hand_man:{keywords:["male","boy","man"],char:"\u{1f64b}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},pouting_woman:{keywords:["female","girl","woman"],char:"\u{1f64e}",fitzpatrick_scale:!0,category:"people"},pouting_man:{keywords:["male","boy","man"],char:"\u{1f64e}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],char:"\u{1f64d}",fitzpatrick_scale:!0,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],char:"\u{1f64d}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},haircut_woman:{keywords:["female","girl","woman"],char:"\u{1f487}",fitzpatrick_scale:!0,category:"people"},haircut_man:{keywords:["male","boy","man"],char:"\u{1f487}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],char:"\u{1f486}",fitzpatrick_scale:!0,category:"people"},massage_man:{keywords:["male","boy","man","head"],char:"\u{1f486}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],char:"\u{1f9d6}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],char:"\u{1f9d6}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"\u{1f491}",fitzpatrick_scale:!1,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"\u{1f469}\u200d\u2764\ufe0f\u200d\u{1f469}",fitzpatrick_scale:!1,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],char:"\u{1f468}\u200d\u2764\ufe0f\u200d\u{1f468}",fitzpatrick_scale:!1,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:"\u{1f48f}",fitzpatrick_scale:!1,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],char:"\u{1f469}\u200d\u2764\ufe0f\u200d\u{1f48b}\u200d\u{1f469}",fitzpatrick_scale:!1,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],char:"\u{1f468}\u200d\u2764\ufe0f\u200d\u{1f48b}\u200d\u{1f468}",fitzpatrick_scale:!1,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],char:"\u{1f46a}",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],char:"\u{1f468}\u200d\u{1f469}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f469}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f469}\u200d\u{1f469}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],char:"\u{1f468}\u200d\u{1f468}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],char:"\u{1f469}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],char:"\u{1f469}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],char:"\u{1f469}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],char:"\u{1f469}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],char:"\u{1f469}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],char:"\u{1f468}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],char:"\u{1f468}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],char:"\u{1f468}\u200d\u{1f467}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],char:"\u{1f468}\u200d\u{1f466}\u200d\u{1f466}",fitzpatrick_scale:!1,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],char:"\u{1f468}\u200d\u{1f467}\u200d\u{1f467}",fitzpatrick_scale:!1,category:"people"},yarn:{keywords:["ball","crochet","knit"],char:"\u{1f9f6}",fitzpatrick_scale:!1,category:"people"},thread:{keywords:["needle","sewing","spool","string"],char:"\u{1f9f5}",fitzpatrick_scale:!1,category:"people"},coat:{keywords:["jacket"],char:"\u{1f9e5}",fitzpatrick_scale:!1,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],char:"\u{1f97c}",fitzpatrick_scale:!1,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],char:"\u{1f45a}",fitzpatrick_scale:!1,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],char:"\u{1f455}",fitzpatrick_scale:!1,category:"people"},jeans:{keywords:["fashion","shopping"],char:"\u{1f456}",fitzpatrick_scale:!1,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],char:"\u{1f454}",fitzpatrick_scale:!1,category:"people"},dress:{keywords:["clothes","fashion","shopping"],char:"\u{1f457}",fitzpatrick_scale:!1,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],char:"\u{1f459}",fitzpatrick_scale:!1,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],char:"\u{1f458}",fitzpatrick_scale:!1,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],char:"\u{1f484}",fitzpatrick_scale:!1,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],char:"\u{1f48b}",fitzpatrick_scale:!1,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],char:"\u{1f463}",fitzpatrick_scale:!1,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],char:"\u{1f97f}",fitzpatrick_scale:!1,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],char:"\u{1f460}",fitzpatrick_scale:!1,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],char:"\u{1f461}",fitzpatrick_scale:!1,category:"people"},boot:{keywords:["shoes","fashion"],char:"\u{1f462}",fitzpatrick_scale:!1,category:"people"},mans_shoe:{keywords:["fashion","male"],char:"\u{1f45e}",fitzpatrick_scale:!1,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],char:"\u{1f45f}",fitzpatrick_scale:!1,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],char:"\u{1f97e}",fitzpatrick_scale:!1,category:"people"},socks:{keywords:["stockings","clothes"],char:"\u{1f9e6}",fitzpatrick_scale:!1,category:"people"},gloves:{keywords:["hands","winter","clothes"],char:"\u{1f9e4}",fitzpatrick_scale:!1,category:"people"},scarf:{keywords:["neck","winter","clothes"],char:"\u{1f9e3}",fitzpatrick_scale:!1,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],char:"\u{1f452}",fitzpatrick_scale:!1,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],char:"\u{1f3a9}",fitzpatrick_scale:!1,category:"people"},billed_hat:{keywords:["cap","baseball"],char:"\u{1f9e2}",fitzpatrick_scale:!1,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],char:"\u26d1",fitzpatrick_scale:!1,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],char:"\u{1f393}",fitzpatrick_scale:!1,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],char:"\u{1f451}",fitzpatrick_scale:!1,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],char:"\u{1f392}",fitzpatrick_scale:!1,category:"people"},luggage:{keywords:["packing","travel"],char:"\u{1f9f3}",fitzpatrick_scale:!1,category:"people"},pouch:{keywords:["bag","accessories","shopping"],char:"\u{1f45d}",fitzpatrick_scale:!1,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],char:"\u{1f45b}",fitzpatrick_scale:!1,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],char:"\u{1f45c}",fitzpatrick_scale:!1,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],char:"\u{1f4bc}",fitzpatrick_scale:!1,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],char:"\u{1f453}",fitzpatrick_scale:!1,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],char:"\u{1f576}",fitzpatrick_scale:!1,category:"people"},goggles:{keywords:["eyes","protection","safety"],char:"\u{1f97d}",fitzpatrick_scale:!1,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],char:"\u{1f48d}",fitzpatrick_scale:!1,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],char:"\u{1f302}",fitzpatrick_scale:!1,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],char:"\u{1f436}",fitzpatrick_scale:!1,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],char:"\u{1f431}",fitzpatrick_scale:!1,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],char:"\u{1f42d}",fitzpatrick_scale:!1,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],char:"\u{1f439}",fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],char:"\u{1f430}",fitzpatrick_scale:!1,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],char:"\u{1f98a}",fitzpatrick_scale:!1,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],char:"\u{1f43b}",fitzpatrick_scale:!1,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],char:"\u{1f43c}",fitzpatrick_scale:!1,category:"animals_and_nature"},koala:{keywords:["animal","nature"],char:"\u{1f428}",fitzpatrick_scale:!1,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],char:"\u{1f42f}",fitzpatrick_scale:!1,category:"animals_and_nature"},lion:{keywords:["animal","nature"],char:"\u{1f981}",fitzpatrick_scale:!1,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],char:"\u{1f42e}",fitzpatrick_scale:!1,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],char:"\u{1f437}",fitzpatrick_scale:!1,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],char:"\u{1f43d}",fitzpatrick_scale:!1,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],char:"\u{1f438}",fitzpatrick_scale:!1,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],char:"\u{1f991}",fitzpatrick_scale:!1,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],char:"\u{1f419}",fitzpatrick_scale:!1,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],char:"\u{1f990}",fitzpatrick_scale:!1,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],char:"\u{1f435}",fitzpatrick_scale:!1,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],char:"\u{1f98d}",fitzpatrick_scale:!1,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],char:"\u{1f648}",fitzpatrick_scale:!1,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],char:"\u{1f649}",fitzpatrick_scale:!1,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],char:"\u{1f64a}",fitzpatrick_scale:!1,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],char:"\u{1f412}",fitzpatrick_scale:!1,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],char:"\u{1f414}",fitzpatrick_scale:!1,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],char:"\u{1f427}",fitzpatrick_scale:!1,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],char:"\u{1f426}",fitzpatrick_scale:!1,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],char:"\u{1f424}",fitzpatrick_scale:!1,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],char:"\u{1f423}",fitzpatrick_scale:!1,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],char:"\u{1f425}",fitzpatrick_scale:!1,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],char:"\u{1f986}",fitzpatrick_scale:!1,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],char:"\u{1f985}",fitzpatrick_scale:!1,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],char:"\u{1f989}",fitzpatrick_scale:!1,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],char:"\u{1f987}",fitzpatrick_scale:!1,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],char:"\u{1f43a}",fitzpatrick_scale:!1,category:"animals_and_nature"},boar:{keywords:["animal","nature"],char:"\u{1f417}",fitzpatrick_scale:!1,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],char:"\u{1f434}",fitzpatrick_scale:!1,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],char:"\u{1f984}",fitzpatrick_scale:!1,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],char:"\u{1f41d}",fitzpatrick_scale:!1,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],char:"\u{1f41b}",fitzpatrick_scale:!1,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],char:"\u{1f98b}",fitzpatrick_scale:!1,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],char:"\u{1f40c}",fitzpatrick_scale:!1,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],char:"\u{1f41e}",fitzpatrick_scale:!1,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],char:"\u{1f41c}",fitzpatrick_scale:!1,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],char:"\u{1f997}",fitzpatrick_scale:!1,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],char:"\u{1f577}",fitzpatrick_scale:!1,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],char:"\u{1f982}",fitzpatrick_scale:!1,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],char:"\u{1f980}",fitzpatrick_scale:!1,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],char:"\u{1f40d}",fitzpatrick_scale:!1,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],char:"\u{1f98e}",fitzpatrick_scale:!1,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],char:"\u{1f996}",fitzpatrick_scale:!1,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],char:"\u{1f995}",fitzpatrick_scale:!1,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],char:"\u{1f422}",fitzpatrick_scale:!1,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],char:"\u{1f420}",fitzpatrick_scale:!1,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],char:"\u{1f41f}",fitzpatrick_scale:!1,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],char:"\u{1f421}",fitzpatrick_scale:!1,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],char:"\u{1f42c}",fitzpatrick_scale:!1,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],char:"\u{1f988}",fitzpatrick_scale:!1,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],char:"\u{1f433}",fitzpatrick_scale:!1,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],char:"\u{1f40b}",fitzpatrick_scale:!1,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],char:"\u{1f40a}",fitzpatrick_scale:!1,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],char:"\u{1f406}",fitzpatrick_scale:!1,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],char:"\u{1f993}",fitzpatrick_scale:!1,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],char:"\u{1f405}",fitzpatrick_scale:!1,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],char:"\u{1f403}",fitzpatrick_scale:!1,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],char:"\u{1f402}",fitzpatrick_scale:!1,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],char:"\u{1f404}",fitzpatrick_scale:!1,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],char:"\u{1f98c}",fitzpatrick_scale:!1,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],char:"\u{1f42a}",fitzpatrick_scale:!1,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],char:"\u{1f42b}",fitzpatrick_scale:!1,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],char:"\u{1f992}",fitzpatrick_scale:!1,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],char:"\u{1f418}",fitzpatrick_scale:!1,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],char:"\u{1f98f}",fitzpatrick_scale:!1,category:"animals_and_nature"},goat:{keywords:["animal","nature"],char:"\u{1f410}",fitzpatrick_scale:!1,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],char:"\u{1f40f}",fitzpatrick_scale:!1,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],char:"\u{1f411}",fitzpatrick_scale:!1,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],char:"\u{1f40e}",fitzpatrick_scale:!1,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],char:"\u{1f416}",fitzpatrick_scale:!1,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],char:"\u{1f400}",fitzpatrick_scale:!1,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],char:"\u{1f401}",fitzpatrick_scale:!1,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],char:"\u{1f413}",fitzpatrick_scale:!1,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],char:"\u{1f983}",fitzpatrick_scale:!1,category:"animals_and_nature"},dove:{keywords:["animal","bird"],char:"\u{1f54a}",fitzpatrick_scale:!1,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],char:"\u{1f415}",fitzpatrick_scale:!1,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],char:"\u{1f429}",fitzpatrick_scale:!1,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],char:"\u{1f408}",fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],char:"\u{1f407}",fitzpatrick_scale:!1,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],char:"\u{1f43f}",fitzpatrick_scale:!1,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],char:"\u{1f994}",fitzpatrick_scale:!1,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],char:"\u{1f99d}",fitzpatrick_scale:!1,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],char:"\u{1f999}",fitzpatrick_scale:!1,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],char:"\u{1f99b}",fitzpatrick_scale:!1,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],char:"\u{1f998}",fitzpatrick_scale:!1,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],char:"\u{1f9a1}",fitzpatrick_scale:!1,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],char:"\u{1f9a2}",fitzpatrick_scale:!1,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],char:"\u{1f99a}",fitzpatrick_scale:!1,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],char:"\u{1f99c}",fitzpatrick_scale:!1,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],char:"\u{1f99e}",fitzpatrick_scale:!1,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],char:"\u{1f99f}",fitzpatrick_scale:!1,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],char:"\u{1f43e}",fitzpatrick_scale:!1,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],char:"\u{1f409}",fitzpatrick_scale:!1,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],char:"\u{1f432}",fitzpatrick_scale:!1,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],char:"\u{1f335}",fitzpatrick_scale:!1,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],char:"\u{1f384}",fitzpatrick_scale:!1,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],char:"\u{1f332}",fitzpatrick_scale:!1,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],char:"\u{1f333}",fitzpatrick_scale:!1,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],char:"\u{1f334}",fitzpatrick_scale:!1,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],char:"\u{1f331}",fitzpatrick_scale:!1,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],char:"\u{1f33f}",fitzpatrick_scale:!1,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],char:"\u2618",fitzpatrick_scale:!1,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],char:"\u{1f340}",fitzpatrick_scale:!1,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],char:"\u{1f38d}",fitzpatrick_scale:!1,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],char:"\u{1f38b}",fitzpatrick_scale:!1,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],char:"\u{1f343}",fitzpatrick_scale:!1,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],char:"\u{1f342}",fitzpatrick_scale:!1,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],char:"\u{1f341}",fitzpatrick_scale:!1,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],char:"\u{1f33e}",fitzpatrick_scale:!1,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],char:"\u{1f33a}",fitzpatrick_scale:!1,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],char:"\u{1f33b}",fitzpatrick_scale:!1,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],char:"\u{1f339}",fitzpatrick_scale:!1,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],char:"\u{1f940}",fitzpatrick_scale:!1,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],char:"\u{1f337}",fitzpatrick_scale:!1,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],char:"\u{1f33c}",fitzpatrick_scale:!1,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],char:"\u{1f338}",fitzpatrick_scale:!1,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],char:"\u{1f490}",fitzpatrick_scale:!1,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],char:"\u{1f344}",fitzpatrick_scale:!1,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],char:"\u{1f330}",fitzpatrick_scale:!1,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],char:"\u{1f383}",fitzpatrick_scale:!1,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],char:"\u{1f41a}",fitzpatrick_scale:!1,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],char:"\u{1f578}",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],char:"\u{1f30e}",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],char:"\u{1f30d}",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],char:"\u{1f30f}",fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],char:"\u{1f315}",fitzpatrick_scale:!1,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],char:"\u{1f316}",fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f317}",fitzpatrick_scale:!1,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f318}",fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f311}",fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f312}",fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f313}",fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],char:"\u{1f314}",fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f31a}",fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f31d}",fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f31b}",fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],char:"\u{1f31c}",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],char:"\u{1f31e}",fitzpatrick_scale:!1,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],char:"\u{1f319}",fitzpatrick_scale:!1,category:"animals_and_nature"},star:{keywords:["night","yellow"],char:"\u2b50",fitzpatrick_scale:!1,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],char:"\u{1f31f}",fitzpatrick_scale:!1,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],char:"\u{1f4ab}",fitzpatrick_scale:!1,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],char:"\u2728",fitzpatrick_scale:!1,category:"animals_and_nature"},comet:{keywords:["space"],char:"\u2604",fitzpatrick_scale:!1,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],char:"\u2600\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],char:"\u{1f324}",fitzpatrick_scale:!1,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],char:"\u26c5",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],char:"\u{1f325}",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],char:"\u{1f326}",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],char:"\u2601\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],char:"\u{1f327}",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],char:"\u26c8",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],char:"\u{1f329}",fitzpatrick_scale:!1,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],char:"\u26a1",fitzpatrick_scale:!1,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],char:"\u{1f525}",fitzpatrick_scale:!1,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],char:"\u{1f4a5}",fitzpatrick_scale:!1,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],char:"\u2744\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],char:"\u{1f328}",fitzpatrick_scale:!1,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],char:"\u26c4",fitzpatrick_scale:!1,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],char:"\u2603",fitzpatrick_scale:!1,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],char:"\u{1f32c}",fitzpatrick_scale:!1,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],char:"\u{1f4a8}",fitzpatrick_scale:!1,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],char:"\u{1f32a}",fitzpatrick_scale:!1,category:"animals_and_nature"},fog:{keywords:["weather"],char:"\u{1f32b}",fitzpatrick_scale:!1,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],char:"\u2602",fitzpatrick_scale:!1,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],char:"\u2614",fitzpatrick_scale:!1,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],char:"\u{1f4a7}",fitzpatrick_scale:!1,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],char:"\u{1f4a6}",fitzpatrick_scale:!1,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],char:"\u{1f30a}",fitzpatrick_scale:!1,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],char:"\u{1f34f}",fitzpatrick_scale:!1,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],char:"\u{1f34e}",fitzpatrick_scale:!1,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],char:"\u{1f350}",fitzpatrick_scale:!1,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],char:"\u{1f34a}",fitzpatrick_scale:!1,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],char:"\u{1f34b}",fitzpatrick_scale:!1,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],char:"\u{1f34c}",fitzpatrick_scale:!1,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],char:"\u{1f349}",fitzpatrick_scale:!1,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],char:"\u{1f347}",fitzpatrick_scale:!1,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],char:"\u{1f353}",fitzpatrick_scale:!1,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],char:"\u{1f348}",fitzpatrick_scale:!1,category:"food_and_drink"},cherries:{keywords:["food","fruit"],char:"\u{1f352}",fitzpatrick_scale:!1,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],char:"\u{1f351}",fitzpatrick_scale:!1,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],char:"\u{1f34d}",fitzpatrick_scale:!1,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],char:"\u{1f965}",fitzpatrick_scale:!1,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],char:"\u{1f95d}",fitzpatrick_scale:!1,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],char:"\u{1f96d}",fitzpatrick_scale:!1,category:"food_and_drink"},avocado:{keywords:["fruit","food"],char:"\u{1f951}",fitzpatrick_scale:!1,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],char:"\u{1f966}",fitzpatrick_scale:!1,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],char:"\u{1f345}",fitzpatrick_scale:!1,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],char:"\u{1f346}",fitzpatrick_scale:!1,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],char:"\u{1f952}",fitzpatrick_scale:!1,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],char:"\u{1f955}",fitzpatrick_scale:!1,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],char:"\u{1f336}",fitzpatrick_scale:!1,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],char:"\u{1f954}",fitzpatrick_scale:!1,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],char:"\u{1f33d}",fitzpatrick_scale:!1,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],char:"\u{1f96c}",fitzpatrick_scale:!1,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],char:"\u{1f360}",fitzpatrick_scale:!1,category:"food_and_drink"},peanuts:{keywords:["food","nut"],char:"\u{1f95c}",fitzpatrick_scale:!1,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],char:"\u{1f36f}",fitzpatrick_scale:!1,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],char:"\u{1f950}",fitzpatrick_scale:!1,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],char:"\u{1f35e}",fitzpatrick_scale:!1,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],char:"\u{1f956}",fitzpatrick_scale:!1,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],char:"\u{1f96f}",fitzpatrick_scale:!1,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],char:"\u{1f968}",fitzpatrick_scale:!1,category:"food_and_drink"},cheese:{keywords:["food","chadder"],char:"\u{1f9c0}",fitzpatrick_scale:!1,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],char:"\u{1f95a}",fitzpatrick_scale:!1,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],char:"\u{1f953}",fitzpatrick_scale:!1,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],char:"\u{1f969}",fitzpatrick_scale:!1,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],char:"\u{1f95e}",fitzpatrick_scale:!1,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],char:"\u{1f357}",fitzpatrick_scale:!1,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],char:"\u{1f356}",fitzpatrick_scale:!1,category:"food_and_drink"},bone:{keywords:["skeleton"],char:"\u{1f9b4}",fitzpatrick_scale:!1,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],char:"\u{1f364}",fitzpatrick_scale:!1,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],char:"\u{1f373}",fitzpatrick_scale:!1,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],char:"\u{1f354}",fitzpatrick_scale:!1,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],char:"\u{1f35f}",fitzpatrick_scale:!1,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],char:"\u{1f959}",fitzpatrick_scale:!1,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],char:"\u{1f32d}",fitzpatrick_scale:!1,category:"food_and_drink"},pizza:{keywords:["food","party"],char:"\u{1f355}",fitzpatrick_scale:!1,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],char:"\u{1f96a}",fitzpatrick_scale:!1,category:"food_and_drink"},canned_food:{keywords:["food","soup"],char:"\u{1f96b}",fitzpatrick_scale:!1,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],char:"\u{1f35d}",fitzpatrick_scale:!1,category:"food_and_drink"},taco:{keywords:["food","mexican"],char:"\u{1f32e}",fitzpatrick_scale:!1,category:"food_and_drink"},burrito:{keywords:["food","mexican"],char:"\u{1f32f}",fitzpatrick_scale:!1,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],char:"\u{1f957}",fitzpatrick_scale:!1,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],char:"\u{1f958}",fitzpatrick_scale:!1,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],char:"\u{1f35c}",fitzpatrick_scale:!1,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],char:"\u{1f372}",fitzpatrick_scale:!1,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],char:"\u{1f365}",fitzpatrick_scale:!1,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],char:"\u{1f960}",fitzpatrick_scale:!1,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],char:"\u{1f363}",fitzpatrick_scale:!1,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],char:"\u{1f371}",fitzpatrick_scale:!1,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],char:"\u{1f35b}",fitzpatrick_scale:!1,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],char:"\u{1f359}",fitzpatrick_scale:!1,category:"food_and_drink"},rice:{keywords:["food","china","asian"],char:"\u{1f35a}",fitzpatrick_scale:!1,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],char:"\u{1f358}",fitzpatrick_scale:!1,category:"food_and_drink"},oden:{keywords:["food","japanese"],char:"\u{1f362}",fitzpatrick_scale:!1,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],char:"\u{1f361}",fitzpatrick_scale:!1,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],char:"\u{1f367}",fitzpatrick_scale:!1,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],char:"\u{1f368}",fitzpatrick_scale:!1,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],char:"\u{1f366}",fitzpatrick_scale:!1,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],char:"\u{1f967}",fitzpatrick_scale:!1,category:"food_and_drink"},cake:{keywords:["food","dessert"],char:"\u{1f370}",fitzpatrick_scale:!1,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],char:"\u{1f9c1}",fitzpatrick_scale:!1,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],char:"\u{1f96e}",fitzpatrick_scale:!1,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],char:"\u{1f382}",fitzpatrick_scale:!1,category:"food_and_drink"},custard:{keywords:["dessert","food"],char:"\u{1f36e}",fitzpatrick_scale:!1,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],char:"\u{1f36c}",fitzpatrick_scale:!1,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],char:"\u{1f36d}",fitzpatrick_scale:!1,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],char:"\u{1f36b}",fitzpatrick_scale:!1,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],char:"\u{1f37f}",fitzpatrick_scale:!1,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],char:"\u{1f95f}",fitzpatrick_scale:!1,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],char:"\u{1f369}",fitzpatrick_scale:!1,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],char:"\u{1f36a}",fitzpatrick_scale:!1,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],char:"\u{1f95b}",fitzpatrick_scale:!1,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:"\u{1f37a}",fitzpatrick_scale:!1,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],char:"\u{1f37b}",fitzpatrick_scale:!1,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],char:"\u{1f942}",fitzpatrick_scale:!1,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],char:"\u{1f377}",fitzpatrick_scale:!1,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],char:"\u{1f943}",fitzpatrick_scale:!1,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],char:"\u{1f378}",fitzpatrick_scale:!1,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],char:"\u{1f379}",fitzpatrick_scale:!1,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],char:"\u{1f37e}",fitzpatrick_scale:!1,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],char:"\u{1f376}",fitzpatrick_scale:!1,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],char:"\u{1f375}",fitzpatrick_scale:!1,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],char:"\u{1f964}",fitzpatrick_scale:!1,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],char:"\u2615",fitzpatrick_scale:!1,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],char:"\u{1f37c}",fitzpatrick_scale:!1,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],char:"\u{1f9c2}",fitzpatrick_scale:!1,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],char:"\u{1f944}",fitzpatrick_scale:!1,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],char:"\u{1f374}",fitzpatrick_scale:!1,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],char:"\u{1f37d}",fitzpatrick_scale:!1,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],char:"\u{1f963}",fitzpatrick_scale:!1,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],char:"\u{1f961}",fitzpatrick_scale:!1,category:"food_and_drink"},chopsticks:{keywords:["food"],char:"\u{1f962}",fitzpatrick_scale:!1,category:"food_and_drink"},soccer:{keywords:["sports","football"],char:"\u26bd",fitzpatrick_scale:!1,category:"activity"},basketball:{keywords:["sports","balls","NBA"],char:"\u{1f3c0}",fitzpatrick_scale:!1,category:"activity"},football:{keywords:["sports","balls","NFL"],char:"\u{1f3c8}",fitzpatrick_scale:!1,category:"activity"},baseball:{keywords:["sports","balls"],char:"\u26be",fitzpatrick_scale:!1,category:"activity"},softball:{keywords:["sports","balls"],char:"\u{1f94e}",fitzpatrick_scale:!1,category:"activity"},tennis:{keywords:["sports","balls","green"],char:"\u{1f3be}",fitzpatrick_scale:!1,category:"activity"},volleyball:{keywords:["sports","balls"],char:"\u{1f3d0}",fitzpatrick_scale:!1,category:"activity"},rugby_football:{keywords:["sports","team"],char:"\u{1f3c9}",fitzpatrick_scale:!1,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],char:"\u{1f94f}",fitzpatrick_scale:!1,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],char:"\u{1f3b1}",fitzpatrick_scale:!1,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],char:"\u26f3",fitzpatrick_scale:!1,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],char:"\u{1f3cc}\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"activity"},golfing_man:{keywords:["sports","business"],char:"\u{1f3cc}",fitzpatrick_scale:!0,category:"activity"},ping_pong:{keywords:["sports","pingpong"],char:"\u{1f3d3}",fitzpatrick_scale:!1,category:"activity"},badminton:{keywords:["sports"],char:"\u{1f3f8}",fitzpatrick_scale:!1,category:"activity"},goal_net:{keywords:["sports"],char:"\u{1f945}",fitzpatrick_scale:!1,category:"activity"},ice_hockey:{keywords:["sports"],char:"\u{1f3d2}",fitzpatrick_scale:!1,category:"activity"},field_hockey:{keywords:["sports"],char:"\u{1f3d1}",fitzpatrick_scale:!1,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],char:"\u{1f94d}",fitzpatrick_scale:!1,category:"activity"},cricket:{keywords:["sports"],char:"\u{1f3cf}",fitzpatrick_scale:!1,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],char:"\u{1f3bf}",fitzpatrick_scale:!1,category:"activity"},skier:{keywords:["sports","winter","snow"],char:"\u26f7",fitzpatrick_scale:!1,category:"activity"},snowboarder:{keywords:["sports","winter"],char:"\u{1f3c2}",fitzpatrick_scale:!0,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],char:"\u{1f93a}",fitzpatrick_scale:!1,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],char:"\u{1f93c}\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],char:"\u{1f93c}\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],char:"\u{1f938}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],char:"\u{1f938}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},woman_playing_handball:{keywords:["sports"],char:"\u{1f93e}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_playing_handball:{keywords:["sports"],char:"\u{1f93e}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},ice_skate:{keywords:["sports"],char:"\u26f8",fitzpatrick_scale:!1,category:"activity"},curling_stone:{keywords:["sports"],char:"\u{1f94c}",fitzpatrick_scale:!1,category:"activity"},skateboard:{keywords:["board"],char:"\u{1f6f9}",fitzpatrick_scale:!1,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],char:"\u{1f6f7}",fitzpatrick_scale:!1,category:"activity"},bow_and_arrow:{keywords:["sports"],char:"\u{1f3f9}",fitzpatrick_scale:!1,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],char:"\u{1f3a3}",fitzpatrick_scale:!1,category:"activity"},boxing_glove:{keywords:["sports","fighting"],char:"\u{1f94a}",fitzpatrick_scale:!1,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],char:"\u{1f94b}",fitzpatrick_scale:!1,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],char:"\u{1f6a3}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],char:"\u{1f6a3}",fitzpatrick_scale:!0,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],char:"\u{1f9d7}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],char:"\u{1f9d7}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],char:"\u{1f3ca}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],char:"\u{1f3ca}",fitzpatrick_scale:!0,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],char:"\u{1f93d}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],char:"\u{1f93d}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],char:"\u{1f9d8}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],char:"\u{1f9d8}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],char:"\u{1f3c4}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],char:"\u{1f3c4}",fitzpatrick_scale:!0,category:"activity"},bath:{keywords:["clean","shower","bathroom"],char:"\u{1f6c0}",fitzpatrick_scale:!0,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],char:"\u26f9\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},basketball_man:{keywords:["sports","human"],char:"\u26f9",fitzpatrick_scale:!0,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],char:"\u{1f3cb}\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],char:"\u{1f3cb}",fitzpatrick_scale:!0,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],char:"\u{1f6b4}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],char:"\u{1f6b4}",fitzpatrick_scale:!0,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],char:"\u{1f6b5}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],char:"\u{1f6b5}",fitzpatrick_scale:!0,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],char:"\u{1f3c7}",fitzpatrick_scale:!0,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],char:"\u{1f574}",fitzpatrick_scale:!0,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],char:"\u{1f3c6}",fitzpatrick_scale:!1,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],char:"\u{1f3bd}",fitzpatrick_scale:!1,category:"activity"},medal_sports:{keywords:["award","winning"],char:"\u{1f3c5}",fitzpatrick_scale:!1,category:"activity"},medal_military:{keywords:["award","winning","army"],char:"\u{1f396}",fitzpatrick_scale:!1,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],char:"\u{1f947}",fitzpatrick_scale:!1,category:"activity"},"2nd_place_medal":{keywords:["award","second"],char:"\u{1f948}",fitzpatrick_scale:!1,category:"activity"},"3rd_place_medal":{keywords:["award","third"],char:"\u{1f949}",fitzpatrick_scale:!1,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],char:"\u{1f397}",fitzpatrick_scale:!1,category:"activity"},rosette:{keywords:["flower","decoration","military"],char:"\u{1f3f5}",fitzpatrick_scale:!1,category:"activity"},ticket:{keywords:["event","concert","pass"],char:"\u{1f3ab}",fitzpatrick_scale:!1,category:"activity"},tickets:{keywords:["sports","concert","entrance"],char:"\u{1f39f}",fitzpatrick_scale:!1,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],char:"\u{1f3ad}",fitzpatrick_scale:!1,category:"activity"},art:{keywords:["design","paint","draw","colors"],char:"\u{1f3a8}",fitzpatrick_scale:!1,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],char:"\u{1f3aa}",fitzpatrick_scale:!1,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],char:"\u{1f939}\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],char:"\u{1f939}\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],char:"\u{1f3a4}",fitzpatrick_scale:!1,category:"activity"},headphones:{keywords:["music","score","gadgets"],char:"\u{1f3a7}",fitzpatrick_scale:!1,category:"activity"},musical_score:{keywords:["treble","clef","compose"],char:"\u{1f3bc}",fitzpatrick_scale:!1,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],char:"\u{1f3b9}",fitzpatrick_scale:!1,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],char:"\u{1f941}",fitzpatrick_scale:!1,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],char:"\u{1f3b7}",fitzpatrick_scale:!1,category:"activity"},trumpet:{keywords:["music","brass"],char:"\u{1f3ba}",fitzpatrick_scale:!1,category:"activity"},guitar:{keywords:["music","instrument"],char:"\u{1f3b8}",fitzpatrick_scale:!1,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],char:"\u{1f3bb}",fitzpatrick_scale:!1,category:"activity"},clapper:{keywords:["movie","film","record"],char:"\u{1f3ac}",fitzpatrick_scale:!1,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],char:"\u{1f3ae}",fitzpatrick_scale:!1,category:"activity"},space_invader:{keywords:["game","arcade","play"],char:"\u{1f47e}",fitzpatrick_scale:!1,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],char:"\u{1f3af}",fitzpatrick_scale:!1,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],char:"\u{1f3b2}",fitzpatrick_scale:!1,category:"activity"},chess_pawn:{keywords:["expendable"],char:"\u265f",fitzpatrick_scale:!1,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],char:"\u{1f3b0}",fitzpatrick_scale:!1,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],char:"\u{1f9e9}",fitzpatrick_scale:!1,category:"activity"},bowling:{keywords:["sports","fun","play"],char:"\u{1f3b3}",fitzpatrick_scale:!1,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],char:"\u{1f697}",fitzpatrick_scale:!1,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],char:"\u{1f695}",fitzpatrick_scale:!1,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],char:"\u{1f699}",fitzpatrick_scale:!1,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],char:"\u{1f68c}",fitzpatrick_scale:!1,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],char:"\u{1f68e}",fitzpatrick_scale:!1,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],char:"\u{1f3ce}",fitzpatrick_scale:!1,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],char:"\u{1f693}",fitzpatrick_scale:!1,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],char:"\u{1f691}",fitzpatrick_scale:!1,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],char:"\u{1f692}",fitzpatrick_scale:!1,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],char:"\u{1f690}",fitzpatrick_scale:!1,category:"travel_and_places"},truck:{keywords:["cars","transportation"],char:"\u{1f69a}",fitzpatrick_scale:!1,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],char:"\u{1f69b}",fitzpatrick_scale:!1,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],char:"\u{1f69c}",fitzpatrick_scale:!1,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],char:"\u{1f6f4}",fitzpatrick_scale:!1,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],char:"\u{1f3cd}",fitzpatrick_scale:!1,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],char:"\u{1f6b2}",fitzpatrick_scale:!1,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],char:"\u{1f6f5}",fitzpatrick_scale:!1,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],char:"\u{1f6a8}",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],char:"\u{1f694}",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],char:"\u{1f68d}",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],char:"\u{1f698}",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],char:"\u{1f696}",fitzpatrick_scale:!1,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],char:"\u{1f6a1}",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],char:"\u{1f6a0}",fitzpatrick_scale:!1,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],char:"\u{1f69f}",fitzpatrick_scale:!1,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],char:"\u{1f683}",fitzpatrick_scale:!1,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],char:"\u{1f68b}",fitzpatrick_scale:!1,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],char:"\u{1f69d}",fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],char:"\u{1f684}",fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],char:"\u{1f685}",fitzpatrick_scale:!1,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],char:"\u{1f688}",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],char:"\u{1f69e}",fitzpatrick_scale:!1,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],char:"\u{1f682}",fitzpatrick_scale:!1,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],char:"\u{1f686}",fitzpatrick_scale:!1,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],char:"\u{1f687}",fitzpatrick_scale:!1,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],char:"\u{1f68a}",fitzpatrick_scale:!1,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],char:"\u{1f689}",fitzpatrick_scale:!1,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],char:"\u{1f6f8}",fitzpatrick_scale:!1,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],char:"\u{1f681}",fitzpatrick_scale:!1,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],char:"\u{1f6e9}",fitzpatrick_scale:!1,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],char:"\u2708\ufe0f",fitzpatrick_scale:!1,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],char:"\u{1f6eb}",fitzpatrick_scale:!1,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],char:"\u{1f6ec}",fitzpatrick_scale:!1,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],char:"\u26f5",fitzpatrick_scale:!1,category:"travel_and_places"},motor_boat:{keywords:["ship"],char:"\u{1f6e5}",fitzpatrick_scale:!1,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],char:"\u{1f6a4}",fitzpatrick_scale:!1,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],char:"\u26f4",fitzpatrick_scale:!1,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],char:"\u{1f6f3}",fitzpatrick_scale:!1,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],char:"\u{1f680}",fitzpatrick_scale:!1,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],char:"\u{1f6f0}",fitzpatrick_scale:!1,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],char:"\u{1f4ba}",fitzpatrick_scale:!1,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],char:"\u{1f6f6}",fitzpatrick_scale:!1,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],char:"\u2693",fitzpatrick_scale:!1,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],char:"\u{1f6a7}",fitzpatrick_scale:!1,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],char:"\u26fd",fitzpatrick_scale:!1,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],char:"\u{1f68f}",fitzpatrick_scale:!1,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],char:"\u{1f6a6}",fitzpatrick_scale:!1,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],char:"\u{1f6a5}",fitzpatrick_scale:!1,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],char:"\u{1f3c1}",fitzpatrick_scale:!1,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],char:"\u{1f6a2}",fitzpatrick_scale:!1,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],char:"\u{1f3a1}",fitzpatrick_scale:!1,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],char:"\u{1f3a2}",fitzpatrick_scale:!1,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],char:"\u{1f3a0}",fitzpatrick_scale:!1,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],char:"\u{1f3d7}",fitzpatrick_scale:!1,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],char:"\u{1f301}",fitzpatrick_scale:!1,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],char:"\u{1f5fc}",fitzpatrick_scale:!1,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],char:"\u{1f3ed}",fitzpatrick_scale:!1,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],char:"\u26f2",fitzpatrick_scale:!1,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],char:"\u{1f391}",fitzpatrick_scale:!1,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],char:"\u26f0",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],char:"\u{1f3d4}",fitzpatrick_scale:!1,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],char:"\u{1f5fb}",fitzpatrick_scale:!1,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],char:"\u{1f30b}",fitzpatrick_scale:!1,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],char:"\u{1f5fe}",fitzpatrick_scale:!1,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],char:"\u{1f3d5}",fitzpatrick_scale:!1,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],char:"\u26fa",fitzpatrick_scale:!1,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],char:"\u{1f3de}",fitzpatrick_scale:!1,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],char:"\u{1f6e3}",fitzpatrick_scale:!1,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],char:"\u{1f6e4}",fitzpatrick_scale:!1,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],char:"\u{1f305}",fitzpatrick_scale:!1,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],char:"\u{1f304}",fitzpatrick_scale:!1,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],char:"\u{1f3dc}",fitzpatrick_scale:!1,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],char:"\u{1f3d6}",fitzpatrick_scale:!1,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],char:"\u{1f3dd}",fitzpatrick_scale:!1,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],char:"\u{1f307}",fitzpatrick_scale:!1,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],char:"\u{1f306}",fitzpatrick_scale:!1,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],char:"\u{1f3d9}",fitzpatrick_scale:!1,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],char:"\u{1f303}",fitzpatrick_scale:!1,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],char:"\u{1f309}",fitzpatrick_scale:!1,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],char:"\u{1f30c}",fitzpatrick_scale:!1,category:"travel_and_places"},stars:{keywords:["night","photo"],char:"\u{1f320}",fitzpatrick_scale:!1,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],char:"\u{1f387}",fitzpatrick_scale:!1,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],char:"\u{1f386}",fitzpatrick_scale:!1,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],char:"\u{1f308}",fitzpatrick_scale:!1,category:"travel_and_places"},houses:{keywords:["buildings","photo"],char:"\u{1f3d8}",fitzpatrick_scale:!1,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],char:"\u{1f3f0}",fitzpatrick_scale:!1,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],char:"\u{1f3ef}",fitzpatrick_scale:!1,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],char:"\u{1f3df}",fitzpatrick_scale:!1,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],char:"\u{1f5fd}",fitzpatrick_scale:!1,category:"travel_and_places"},house:{keywords:["building","home"],char:"\u{1f3e0}",fitzpatrick_scale:!1,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],char:"\u{1f3e1}",fitzpatrick_scale:!1,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],char:"\u{1f3da}",fitzpatrick_scale:!1,category:"travel_and_places"},office:{keywords:["building","bureau","work"],char:"\u{1f3e2}",fitzpatrick_scale:!1,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],char:"\u{1f3ec}",fitzpatrick_scale:!1,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],char:"\u{1f3e3}",fitzpatrick_scale:!1,category:"travel_and_places"},european_post_office:{keywords:["building","email"],char:"\u{1f3e4}",fitzpatrick_scale:!1,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],char:"\u{1f3e5}",fitzpatrick_scale:!1,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],char:"\u{1f3e6}",fitzpatrick_scale:!1,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],char:"\u{1f3e8}",fitzpatrick_scale:!1,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],char:"\u{1f3ea}",fitzpatrick_scale:!1,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],char:"\u{1f3eb}",fitzpatrick_scale:!1,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],char:"\u{1f3e9}",fitzpatrick_scale:!1,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],char:"\u{1f492}",fitzpatrick_scale:!1,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],char:"\u{1f3db}",fitzpatrick_scale:!1,category:"travel_and_places"},church:{keywords:["building","religion","christ"],char:"\u26ea",fitzpatrick_scale:!1,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],char:"\u{1f54c}",fitzpatrick_scale:!1,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],char:"\u{1f54d}",fitzpatrick_scale:!1,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],char:"\u{1f54b}",fitzpatrick_scale:!1,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],char:"\u26e9",fitzpatrick_scale:!1,category:"travel_and_places"},watch:{keywords:["time","accessories"],char:"\u231a",fitzpatrick_scale:!1,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],char:"\u{1f4f1}",fitzpatrick_scale:!1,category:"objects"},calling:{keywords:["iphone","incoming"],char:"\u{1f4f2}",fitzpatrick_scale:!1,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],char:"\u{1f4bb}",fitzpatrick_scale:!1,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],char:"\u2328",fitzpatrick_scale:!1,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],char:"\u{1f5a5}",fitzpatrick_scale:!1,category:"objects"},printer:{keywords:["paper","ink"],char:"\u{1f5a8}",fitzpatrick_scale:!1,category:"objects"},computer_mouse:{keywords:["click"],char:"\u{1f5b1}",fitzpatrick_scale:!1,category:"objects"},trackball:{keywords:["technology","trackpad"],char:"\u{1f5b2}",fitzpatrick_scale:!1,category:"objects"},joystick:{keywords:["game","play"],char:"\u{1f579}",fitzpatrick_scale:!1,category:"objects"},clamp:{keywords:["tool"],char:"\u{1f5dc}",fitzpatrick_scale:!1,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],char:"\u{1f4bd}",fitzpatrick_scale:!1,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],char:"\u{1f4be}",fitzpatrick_scale:!1,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],char:"\u{1f4bf}",fitzpatrick_scale:!1,category:"objects"},dvd:{keywords:["cd","disk","disc"],char:"\u{1f4c0}",fitzpatrick_scale:!1,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],char:"\u{1f4fc}",fitzpatrick_scale:!1,category:"objects"},camera:{keywords:["gadgets","photography"],char:"\u{1f4f7}",fitzpatrick_scale:!1,category:"objects"},camera_flash:{keywords:["photography","gadgets"],char:"\u{1f4f8}",fitzpatrick_scale:!1,category:"objects"},video_camera:{keywords:["film","record"],char:"\u{1f4f9}",fitzpatrick_scale:!1,category:"objects"},movie_camera:{keywords:["film","record"],char:"\u{1f3a5}",fitzpatrick_scale:!1,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],char:"\u{1f4fd}",fitzpatrick_scale:!1,category:"objects"},film_strip:{keywords:["movie"],char:"\u{1f39e}",fitzpatrick_scale:!1,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],char:"\u{1f4de}",fitzpatrick_scale:!1,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],char:"\u260e\ufe0f",fitzpatrick_scale:!1,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],char:"\u{1f4df}",fitzpatrick_scale:!1,category:"objects"},fax:{keywords:["communication","technology"],char:"\u{1f4e0}",fitzpatrick_scale:!1,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],char:"\u{1f4fa}",fitzpatrick_scale:!1,category:"objects"},radio:{keywords:["communication","music","podcast","program"],char:"\u{1f4fb}",fitzpatrick_scale:!1,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],char:"\u{1f399}",fitzpatrick_scale:!1,category:"objects"},level_slider:{keywords:["scale"],char:"\u{1f39a}",fitzpatrick_scale:!1,category:"objects"},control_knobs:{keywords:["dial"],char:"\u{1f39b}",fitzpatrick_scale:!1,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],char:"\u{1f9ed}",fitzpatrick_scale:!1,category:"objects"},stopwatch:{keywords:["time","deadline"],char:"\u23f1",fitzpatrick_scale:!1,category:"objects"},timer_clock:{keywords:["alarm"],char:"\u23f2",fitzpatrick_scale:!1,category:"objects"},alarm_clock:{keywords:["time","wake"],char:"\u23f0",fitzpatrick_scale:!1,category:"objects"},mantelpiece_clock:{keywords:["time"],char:"\u{1f570}",fitzpatrick_scale:!1,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],char:"\u23f3",fitzpatrick_scale:!1,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],char:"\u231b",fitzpatrick_scale:!1,category:"objects"},satellite:{keywords:["communication","future","radio","space"],char:"\u{1f4e1}",fitzpatrick_scale:!1,category:"objects"},battery:{keywords:["power","energy","sustain"],char:"\u{1f50b}",fitzpatrick_scale:!1,category:"objects"},electric_plug:{keywords:["charger","power"],char:"\u{1f50c}",fitzpatrick_scale:!1,category:"objects"},bulb:{keywords:["light","electricity","idea"],char:"\u{1f4a1}",fitzpatrick_scale:!1,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],char:"\u{1f526}",fitzpatrick_scale:!1,category:"objects"},candle:{keywords:["fire","wax"],char:"\u{1f56f}",fitzpatrick_scale:!1,category:"objects"},fire_extinguisher:{keywords:["quench"],char:"\u{1f9ef}",fitzpatrick_scale:!1,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],char:"\u{1f5d1}",fitzpatrick_scale:!1,category:"objects"},oil_drum:{keywords:["barrell"],char:"\u{1f6e2}",fitzpatrick_scale:!1,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],char:"\u{1f4b8}",fitzpatrick_scale:!1,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],char:"\u{1f4b5}",fitzpatrick_scale:!1,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],char:"\u{1f4b4}",fitzpatrick_scale:!1,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],char:"\u{1f4b6}",fitzpatrick_scale:!1,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],char:"\u{1f4b7}",fitzpatrick_scale:!1,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],char:"\u{1f4b0}",fitzpatrick_scale:!1,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],char:"\u{1f4b3}",fitzpatrick_scale:!1,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],char:"\u{1f48e}",fitzpatrick_scale:!1,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],char:"\u2696",fitzpatrick_scale:!1,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],char:"\u{1f9f0}",fitzpatrick_scale:!1,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],char:"\u{1f527}",fitzpatrick_scale:!1,category:"objects"},hammer:{keywords:["tools","build","create"],char:"\u{1f528}",fitzpatrick_scale:!1,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],char:"\u2692",fitzpatrick_scale:!1,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],char:"\u{1f6e0}",fitzpatrick_scale:!1,category:"objects"},pick:{keywords:["tools","dig"],char:"\u26cf",fitzpatrick_scale:!1,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],char:"\u{1f529}",fitzpatrick_scale:!1,category:"objects"},gear:{keywords:["cog"],char:"\u2699",fitzpatrick_scale:!1,category:"objects"},brick:{keywords:["bricks"],char:"\u{1f9f1}",fitzpatrick_scale:!1,category:"objects"},chains:{keywords:["lock","arrest"],char:"\u26d3",fitzpatrick_scale:!1,category:"objects"},magnet:{keywords:["attraction","magnetic"],char:"\u{1f9f2}",fitzpatrick_scale:!1,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],char:"\u{1f52b}",fitzpatrick_scale:!1,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],char:"\u{1f4a3}",fitzpatrick_scale:!1,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],char:"\u{1f9e8}",fitzpatrick_scale:!1,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],char:"\u{1f52a}",fitzpatrick_scale:!1,category:"objects"},dagger:{keywords:["weapon"],char:"\u{1f5e1}",fitzpatrick_scale:!1,category:"objects"},crossed_swords:{keywords:["weapon"],char:"\u2694",fitzpatrick_scale:!1,category:"objects"},shield:{keywords:["protection","security"],char:"\u{1f6e1}",fitzpatrick_scale:!1,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],char:"\u{1f6ac}",fitzpatrick_scale:!1,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],char:"\u2620",fitzpatrick_scale:!1,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],char:"\u26b0",fitzpatrick_scale:!1,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],char:"\u26b1",fitzpatrick_scale:!1,category:"objects"},amphora:{keywords:["vase","jar"],char:"\u{1f3fa}",fitzpatrick_scale:!1,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],char:"\u{1f52e}",fitzpatrick_scale:!1,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],char:"\u{1f4ff}",fitzpatrick_scale:!1,category:"objects"},nazar_amulet:{keywords:["bead","charm"],char:"\u{1f9ff}",fitzpatrick_scale:!1,category:"objects"},barber:{keywords:["hair","salon","style"],char:"\u{1f488}",fitzpatrick_scale:!1,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],char:"\u2697",fitzpatrick_scale:!1,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],char:"\u{1f52d}",fitzpatrick_scale:!1,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],char:"\u{1f52c}",fitzpatrick_scale:!1,category:"objects"},hole:{keywords:["embarrassing"],char:"\u{1f573}",fitzpatrick_scale:!1,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],char:"\u{1f48a}",fitzpatrick_scale:!1,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],char:"\u{1f489}",fitzpatrick_scale:!1,category:"objects"},dna:{keywords:["biologist","genetics","life"],char:"\u{1f9ec}",fitzpatrick_scale:!1,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],char:"\u{1f9a0}",fitzpatrick_scale:!1,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],char:"\u{1f9eb}",fitzpatrick_scale:!1,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],char:"\u{1f9ea}",fitzpatrick_scale:!1,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],char:"\u{1f321}",fitzpatrick_scale:!1,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],char:"\u{1f9f9}",fitzpatrick_scale:!1,category:"objects"},basket:{keywords:["laundry"],char:"\u{1f9fa}",fitzpatrick_scale:!1,category:"objects"},toilet_paper:{keywords:["roll"],char:"\u{1f9fb}",fitzpatrick_scale:!1,category:"objects"},label:{keywords:["sale","tag"],char:"\u{1f3f7}",fitzpatrick_scale:!1,category:"objects"},bookmark:{keywords:["favorite","label","save"],char:"\u{1f516}",fitzpatrick_scale:!1,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],char:"\u{1f6bd}",fitzpatrick_scale:!1,category:"objects"},shower:{keywords:["clean","water","bathroom"],char:"\u{1f6bf}",fitzpatrick_scale:!1,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],char:"\u{1f6c1}",fitzpatrick_scale:!1,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],char:"\u{1f9fc}",fitzpatrick_scale:!1,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],char:"\u{1f9fd}",fitzpatrick_scale:!1,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],char:"\u{1f9f4}",fitzpatrick_scale:!1,category:"objects"},key:{keywords:["lock","door","password"],char:"\u{1f511}",fitzpatrick_scale:!1,category:"objects"},old_key:{keywords:["lock","door","password"],char:"\u{1f5dd}",fitzpatrick_scale:!1,category:"objects"},couch_and_lamp:{keywords:["read","chill"],char:"\u{1f6cb}",fitzpatrick_scale:!1,category:"objects"},sleeping_bed:{keywords:["bed","rest"],char:"\u{1f6cc}",fitzpatrick_scale:!0,category:"objects"},bed:{keywords:["sleep","rest"],char:"\u{1f6cf}",fitzpatrick_scale:!1,category:"objects"},door:{keywords:["house","entry","exit"],char:"\u{1f6aa}",fitzpatrick_scale:!1,category:"objects"},bellhop_bell:{keywords:["service"],char:"\u{1f6ce}",fitzpatrick_scale:!1,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],char:"\u{1f9f8}",fitzpatrick_scale:!1,category:"objects"},framed_picture:{keywords:["photography"],char:"\u{1f5bc}",fitzpatrick_scale:!1,category:"objects"},world_map:{keywords:["location","direction"],char:"\u{1f5fa}",fitzpatrick_scale:!1,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],char:"\u26f1",fitzpatrick_scale:!1,category:"objects"},moyai:{keywords:["rock","easter island","moai"],char:"\u{1f5ff}",fitzpatrick_scale:!1,category:"objects"},shopping:{keywords:["mall","buy","purchase"],char:"\u{1f6cd}",fitzpatrick_scale:!1,category:"objects"},shopping_cart:{keywords:["trolley"],char:"\u{1f6d2}",fitzpatrick_scale:!1,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],char:"\u{1f388}",fitzpatrick_scale:!1,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],char:"\u{1f38f}",fitzpatrick_scale:!1,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],char:"\u{1f380}",fitzpatrick_scale:!1,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],char:"\u{1f381}",fitzpatrick_scale:!1,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],char:"\u{1f38a}",fitzpatrick_scale:!1,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],char:"\u{1f389}",fitzpatrick_scale:!1,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],char:"\u{1f38e}",fitzpatrick_scale:!1,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],char:"\u{1f390}",fitzpatrick_scale:!1,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],char:"\u{1f38c}",fitzpatrick_scale:!1,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],char:"\u{1f3ee}",fitzpatrick_scale:!1,category:"objects"},red_envelope:{keywords:["gift"],char:"\u{1f9e7}",fitzpatrick_scale:!1,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],char:"\u2709\ufe0f",fitzpatrick_scale:!1,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],char:"\u{1f4e9}",fitzpatrick_scale:!1,category:"objects"},incoming_envelope:{keywords:["email","inbox"],char:"\u{1f4e8}",fitzpatrick_scale:!1,category:"objects"},"e-mail":{keywords:["communication","inbox"],char:"\u{1f4e7}",fitzpatrick_scale:!1,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],char:"\u{1f48c}",fitzpatrick_scale:!1,category:"objects"},postbox:{keywords:["email","letter","envelope"],char:"\u{1f4ee}",fitzpatrick_scale:!1,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],char:"\u{1f4ea}",fitzpatrick_scale:!1,category:"objects"},mailbox:{keywords:["email","inbox","communication"],char:"\u{1f4eb}",fitzpatrick_scale:!1,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],char:"\u{1f4ec}",fitzpatrick_scale:!1,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],char:"\u{1f4ed}",fitzpatrick_scale:!1,category:"objects"},package:{keywords:["mail","gift","cardboard","box","moving"],char:"\u{1f4e6}",fitzpatrick_scale:!1,category:"objects"},postal_horn:{keywords:["instrument","music"],char:"\u{1f4ef}",fitzpatrick_scale:!1,category:"objects"},inbox_tray:{keywords:["email","documents"],char:"\u{1f4e5}",fitzpatrick_scale:!1,category:"objects"},outbox_tray:{keywords:["inbox","email"],char:"\u{1f4e4}",fitzpatrick_scale:!1,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],char:"\u{1f4dc}",fitzpatrick_scale:!1,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],char:"\u{1f4c3}",fitzpatrick_scale:!1,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],char:"\u{1f4d1}",fitzpatrick_scale:!1,category:"objects"},receipt:{keywords:["accounting","expenses"],char:"\u{1f9fe}",fitzpatrick_scale:!1,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],char:"\u{1f4ca}",fitzpatrick_scale:!1,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],char:"\u{1f4c8}",fitzpatrick_scale:!1,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],char:"\u{1f4c9}",fitzpatrick_scale:!1,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],char:"\u{1f4c4}",fitzpatrick_scale:!1,category:"objects"},date:{keywords:["calendar","schedule"],char:"\u{1f4c5}",fitzpatrick_scale:!1,category:"objects"},calendar:{keywords:["schedule","date","planning"],char:"\u{1f4c6}",fitzpatrick_scale:!1,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],char:"\u{1f5d3}",fitzpatrick_scale:!1,category:"objects"},card_index:{keywords:["business","stationery"],char:"\u{1f4c7}",fitzpatrick_scale:!1,category:"objects"},card_file_box:{keywords:["business","stationery"],char:"\u{1f5c3}",fitzpatrick_scale:!1,category:"objects"},ballot_box:{keywords:["election","vote"],char:"\u{1f5f3}",fitzpatrick_scale:!1,category:"objects"},file_cabinet:{keywords:["filing","organizing"],char:"\u{1f5c4}",fitzpatrick_scale:!1,category:"objects"},clipboard:{keywords:["stationery","documents"],char:"\u{1f4cb}",fitzpatrick_scale:!1,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],char:"\u{1f5d2}",fitzpatrick_scale:!1,category:"objects"},file_folder:{keywords:["documents","business","office"],char:"\u{1f4c1}",fitzpatrick_scale:!1,category:"objects"},open_file_folder:{keywords:["documents","load"],char:"\u{1f4c2}",fitzpatrick_scale:!1,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],char:"\u{1f5c2}",fitzpatrick_scale:!1,category:"objects"},newspaper_roll:{keywords:["press","headline"],char:"\u{1f5de}",fitzpatrick_scale:!1,category:"objects"},newspaper:{keywords:["press","headline"],char:"\u{1f4f0}",fitzpatrick_scale:!1,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],char:"\u{1f4d3}",fitzpatrick_scale:!1,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],char:"\u{1f4d5}",fitzpatrick_scale:!1,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],char:"\u{1f4d7}",fitzpatrick_scale:!1,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],char:"\u{1f4d8}",fitzpatrick_scale:!1,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],char:"\u{1f4d9}",fitzpatrick_scale:!1,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],char:"\u{1f4d4}",fitzpatrick_scale:!1,category:"objects"},ledger:{keywords:["notes","paper"],char:"\u{1f4d2}",fitzpatrick_scale:!1,category:"objects"},books:{keywords:["literature","library","study"],char:"\u{1f4da}",fitzpatrick_scale:!1,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],char:"\u{1f4d6}",fitzpatrick_scale:!1,category:"objects"},safety_pin:{keywords:["diaper"],char:"\u{1f9f7}",fitzpatrick_scale:!1,category:"objects"},link:{keywords:["rings","url"],char:"\u{1f517}",fitzpatrick_scale:!1,category:"objects"},paperclip:{keywords:["documents","stationery"],char:"\u{1f4ce}",fitzpatrick_scale:!1,category:"objects"},paperclips:{keywords:["documents","stationery"],char:"\u{1f587}",fitzpatrick_scale:!1,category:"objects"},scissors:{keywords:["stationery","cut"],char:"\u2702\ufe0f",fitzpatrick_scale:!1,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],char:"\u{1f4d0}",fitzpatrick_scale:!1,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],char:"\u{1f4cf}",fitzpatrick_scale:!1,category:"objects"},abacus:{keywords:["calculation"],char:"\u{1f9ee}",fitzpatrick_scale:!1,category:"objects"},pushpin:{keywords:["stationery","mark","here"],char:"\u{1f4cc}",fitzpatrick_scale:!1,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],char:"\u{1f4cd}",fitzpatrick_scale:!1,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],char:"\u{1f6a9}",fitzpatrick_scale:!1,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],char:"\u{1f3f3}",fitzpatrick_scale:!1,category:"objects"},black_flag:{keywords:["pirate"],char:"\u{1f3f4}",fitzpatrick_scale:!1,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],char:"\u{1f3f3}\ufe0f\u200d\u{1f308}",fitzpatrick_scale:!1,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],char:"\u{1f510}",fitzpatrick_scale:!1,category:"objects"},lock:{keywords:["security","password","padlock"],char:"\u{1f512}",fitzpatrick_scale:!1,category:"objects"},unlock:{keywords:["privacy","security"],char:"\u{1f513}",fitzpatrick_scale:!1,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],char:"\u{1f50f}",fitzpatrick_scale:!1,category:"objects"},pen:{keywords:["stationery","writing","write"],char:"\u{1f58a}",fitzpatrick_scale:!1,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],char:"\u{1f58b}",fitzpatrick_scale:!1,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],char:"\u2712\ufe0f",fitzpatrick_scale:!1,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],char:"\u{1f4dd}",fitzpatrick_scale:!1,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],char:"\u270f\ufe0f",fitzpatrick_scale:!1,category:"objects"},crayon:{keywords:["drawing","creativity"],char:"\u{1f58d}",fitzpatrick_scale:!1,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],char:"\u{1f58c}",fitzpatrick_scale:!1,category:"objects"},mag:{keywords:["search","zoom","find","detective"],char:"\u{1f50d}",fitzpatrick_scale:!1,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],char:"\u{1f50e}",fitzpatrick_scale:!1,category:"objects"},heart:{keywords:["love","like","valentines"],char:"\u2764\ufe0f",fitzpatrick_scale:!1,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f9e1}",fitzpatrick_scale:!1,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f49b}",fitzpatrick_scale:!1,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f49a}",fitzpatrick_scale:!1,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f499}",fitzpatrick_scale:!1,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f49c}",fitzpatrick_scale:!1,category:"symbols"},black_heart:{keywords:["evil"],char:"\u{1f5a4}",fitzpatrick_scale:!1,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],char:"\u{1f494}",fitzpatrick_scale:!1,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],char:"\u2763",fitzpatrick_scale:!1,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],char:"\u{1f495}",fitzpatrick_scale:!1,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],char:"\u{1f49e}",fitzpatrick_scale:!1,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],char:"\u{1f493}",fitzpatrick_scale:!1,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],char:"\u{1f497}",fitzpatrick_scale:!1,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],char:"\u{1f496}",fitzpatrick_scale:!1,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],char:"\u{1f498}",fitzpatrick_scale:!1,category:"symbols"},gift_heart:{keywords:["love","valentines"],char:"\u{1f49d}",fitzpatrick_scale:!1,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],char:"\u{1f49f}",fitzpatrick_scale:!1,category:"symbols"},peace_symbol:{keywords:["hippie"],char:"\u262e",fitzpatrick_scale:!1,category:"symbols"},latin_cross:{keywords:["christianity"],char:"\u271d",fitzpatrick_scale:!1,category:"symbols"},star_and_crescent:{keywords:["islam"],char:"\u262a",fitzpatrick_scale:!1,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],char:"\u{1f549}",fitzpatrick_scale:!1,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],char:"\u2638",fitzpatrick_scale:!1,category:"symbols"},star_of_david:{keywords:["judaism"],char:"\u2721",fitzpatrick_scale:!1,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],char:"\u{1f52f}",fitzpatrick_scale:!1,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],char:"\u{1f54e}",fitzpatrick_scale:!1,category:"symbols"},yin_yang:{keywords:["balance"],char:"\u262f",fitzpatrick_scale:!1,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],char:"\u2626",fitzpatrick_scale:!1,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],char:"\u{1f6d0}",fitzpatrick_scale:!1,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],char:"\u26ce",fitzpatrick_scale:!1,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],char:"\u2648",fitzpatrick_scale:!1,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],char:"\u2649",fitzpatrick_scale:!1,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u264a",fitzpatrick_scale:!1,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u264b",fitzpatrick_scale:!1,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],char:"\u264c",fitzpatrick_scale:!1,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u264d",fitzpatrick_scale:!1,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],char:"\u264e",fitzpatrick_scale:!1,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],char:"\u264f",fitzpatrick_scale:!1,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u2650",fitzpatrick_scale:!1,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],char:"\u2651",fitzpatrick_scale:!1,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],char:"\u2652",fitzpatrick_scale:!1,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],char:"\u2653",fitzpatrick_scale:!1,category:"symbols"},id:{keywords:["purple-square","words"],char:"\u{1f194}",fitzpatrick_scale:!1,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],char:"\u269b",fitzpatrick_scale:!1,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],char:"\u{1f233}",fitzpatrick_scale:!1,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],char:"\u{1f239}",fitzpatrick_scale:!1,category:"symbols"},radioactive:{keywords:["nuclear","danger"],char:"\u2622",fitzpatrick_scale:!1,category:"symbols"},biohazard:{keywords:["danger"],char:"\u2623",fitzpatrick_scale:!1,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],char:"\u{1f4f4}",fitzpatrick_scale:!1,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],char:"\u{1f4f3}",fitzpatrick_scale:!1,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],char:"\u{1f236}",fitzpatrick_scale:!1,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],char:"\u{1f21a}",fitzpatrick_scale:!1,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],char:"\u{1f238}",fitzpatrick_scale:!1,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],char:"\u{1f23a}",fitzpatrick_scale:!1,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],char:"\u{1f237}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],char:"\u2734\ufe0f",fitzpatrick_scale:!1,category:"symbols"},vs:{keywords:["words","orange-square"],char:"\u{1f19a}",fitzpatrick_scale:!1,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],char:"\u{1f251}",fitzpatrick_scale:!1,category:"symbols"},white_flower:{keywords:["japanese","spring"],char:"\u{1f4ae}",fitzpatrick_scale:!1,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],char:"\u{1f250}",fitzpatrick_scale:!1,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],char:"\u3299\ufe0f",fitzpatrick_scale:!1,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],char:"\u3297\ufe0f",fitzpatrick_scale:!1,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],char:"\u{1f234}",fitzpatrick_scale:!1,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],char:"\u{1f235}",fitzpatrick_scale:!1,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],char:"\u{1f232}",fitzpatrick_scale:!1,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],char:"\u{1f170}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],char:"\u{1f171}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},ab:{keywords:["red-square","alphabet"],char:"\u{1f18e}",fitzpatrick_scale:!1,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],char:"\u{1f191}",fitzpatrick_scale:!1,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],char:"\u{1f17e}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],char:"\u{1f198}",fitzpatrick_scale:!1,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],char:"\u26d4",fitzpatrick_scale:!1,category:"symbols"},name_badge:{keywords:["fire","forbid"],char:"\u{1f4db}",fitzpatrick_scale:!1,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],char:"\u{1f6ab}",fitzpatrick_scale:!1,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],char:"\u274c",fitzpatrick_scale:!1,category:"symbols"},o:{keywords:["circle","round"],char:"\u2b55",fitzpatrick_scale:!1,category:"symbols"},stop_sign:{keywords:["stop"],char:"\u{1f6d1}",fitzpatrick_scale:!1,category:"symbols"},anger:{keywords:["angry","mad"],char:"\u{1f4a2}",fitzpatrick_scale:!1,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],char:"\u2668\ufe0f",fitzpatrick_scale:!1,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],char:"\u{1f6b7}",fitzpatrick_scale:!1,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],char:"\u{1f6af}",fitzpatrick_scale:!1,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],char:"\u{1f6b3}",fitzpatrick_scale:!1,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],char:"\u{1f6b1}",fitzpatrick_scale:!1,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],char:"\u{1f51e}",fitzpatrick_scale:!1,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],char:"\u{1f4f5}",fitzpatrick_scale:!1,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],char:"\u2757",fitzpatrick_scale:!1,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],char:"\u2755",fitzpatrick_scale:!1,category:"symbols"},question:{keywords:["doubt","confused"],char:"\u2753",fitzpatrick_scale:!1,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],char:"\u2754",fitzpatrick_scale:!1,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],char:"\u203c\ufe0f",fitzpatrick_scale:!1,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],char:"\u2049\ufe0f",fitzpatrick_scale:!1,category:"symbols"},100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],char:"\u{1f4af}",fitzpatrick_scale:!1,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],char:"\u{1f505}",fitzpatrick_scale:!1,category:"symbols"},high_brightness:{keywords:["sun","light"],char:"\u{1f506}",fitzpatrick_scale:!1,category:"symbols"},trident:{keywords:["weapon","spear"],char:"\u{1f531}",fitzpatrick_scale:!1,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],char:"\u269c",fitzpatrick_scale:!1,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],char:"\u303d\ufe0f",fitzpatrick_scale:!1,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],char:"\u26a0\ufe0f",fitzpatrick_scale:!1,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],char:"\u{1f6b8}",fitzpatrick_scale:!1,category:"symbols"},beginner:{keywords:["badge","shield"],char:"\u{1f530}",fitzpatrick_scale:!1,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],char:"\u267b\ufe0f",fitzpatrick_scale:!1,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],char:"\u{1f22f}",fitzpatrick_scale:!1,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],char:"\u{1f4b9}",fitzpatrick_scale:!1,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],char:"\u2747\ufe0f",fitzpatrick_scale:!1,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],char:"\u2733\ufe0f",fitzpatrick_scale:!1,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],char:"\u274e",fitzpatrick_scale:!1,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],char:"\u2705",fitzpatrick_scale:!1,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],char:"\u{1f4a0}",fitzpatrick_scale:!1,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],char:"\u{1f300}",fitzpatrick_scale:!1,category:"symbols"},loop:{keywords:["tape","cassette"],char:"\u27bf",fitzpatrick_scale:!1,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],char:"\u{1f310}",fitzpatrick_scale:!1,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],char:"\u24c2\ufe0f",fitzpatrick_scale:!1,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],char:"\u{1f3e7}",fitzpatrick_scale:!1,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],char:"\u{1f202}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},passport_control:{keywords:["custom","blue-square"],char:"\u{1f6c2}",fitzpatrick_scale:!1,category:"symbols"},customs:{keywords:["passport","border","blue-square"],char:"\u{1f6c3}",fitzpatrick_scale:!1,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],char:"\u{1f6c4}",fitzpatrick_scale:!1,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],char:"\u{1f6c5}",fitzpatrick_scale:!1,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],char:"\u267f",fitzpatrick_scale:!1,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],char:"\u{1f6ad}",fitzpatrick_scale:!1,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],char:"\u{1f6be}",fitzpatrick_scale:!1,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],char:"\u{1f17f}\ufe0f",fitzpatrick_scale:!1,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],char:"\u{1f6b0}",fitzpatrick_scale:!1,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],char:"\u{1f6b9}",fitzpatrick_scale:!1,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],char:"\u{1f6ba}",fitzpatrick_scale:!1,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],char:"\u{1f6bc}",fitzpatrick_scale:!1,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],char:"\u{1f6bb}",fitzpatrick_scale:!1,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],char:"\u{1f6ae}",fitzpatrick_scale:!1,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],char:"\u{1f3a6}",fitzpatrick_scale:!1,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],char:"\u{1f4f6}",fitzpatrick_scale:!1,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],char:"\u{1f201}",fitzpatrick_scale:!1,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],char:"\u{1f196}",fitzpatrick_scale:!1,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],char:"\u{1f197}",fitzpatrick_scale:!1,category:"symbols"},up:{keywords:["blue-square","above","high"],char:"\u{1f199}",fitzpatrick_scale:!1,category:"symbols"},cool:{keywords:["words","blue-square"],char:"\u{1f192}",fitzpatrick_scale:!1,category:"symbols"},new:{keywords:["blue-square","words","start"],char:"\u{1f195}",fitzpatrick_scale:!1,category:"symbols"},free:{keywords:["blue-square","words"],char:"\u{1f193}",fitzpatrick_scale:!1,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],char:"0\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},one:{keywords:["blue-square","numbers","1"],char:"1\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],char:"2\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],char:"3\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},four:{keywords:["4","numbers","blue-square"],char:"4\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],char:"5\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},six:{keywords:["6","numbers","blue-square"],char:"6\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],char:"7\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],char:"8\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],char:"9\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],char:"\u{1f51f}",fitzpatrick_scale:!1,category:"symbols"},asterisk:{keywords:["star","keycap"],char:"*\u20e3",fitzpatrick_scale:!1,category:"symbols"},1234:{keywords:["numbers","blue-square"],char:"\u{1f522}",fitzpatrick_scale:!1,category:"symbols"},eject_button:{keywords:["blue-square"],char:"\u23cf\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],char:"\u25b6\ufe0f",fitzpatrick_scale:!1,category:"symbols"},pause_button:{keywords:["pause","blue-square"],char:"\u23f8",fitzpatrick_scale:!1,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],char:"\u23ed",fitzpatrick_scale:!1,category:"symbols"},stop_button:{keywords:["blue-square"],char:"\u23f9",fitzpatrick_scale:!1,category:"symbols"},record_button:{keywords:["blue-square"],char:"\u23fa",fitzpatrick_scale:!1,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],char:"\u23ef",fitzpatrick_scale:!1,category:"symbols"},previous_track_button:{keywords:["backward"],char:"\u23ee",fitzpatrick_scale:!1,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],char:"\u23e9",fitzpatrick_scale:!1,category:"symbols"},rewind:{keywords:["play","blue-square"],char:"\u23ea",fitzpatrick_scale:!1,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],char:"\u{1f500}",fitzpatrick_scale:!1,category:"symbols"},repeat:{keywords:["loop","record"],char:"\u{1f501}",fitzpatrick_scale:!1,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],char:"\u{1f502}",fitzpatrick_scale:!1,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],char:"\u25c0\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],char:"\u{1f53c}",fitzpatrick_scale:!1,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],char:"\u{1f53d}",fitzpatrick_scale:!1,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],char:"\u23eb",fitzpatrick_scale:!1,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],char:"\u23ec",fitzpatrick_scale:!1,category:"symbols"},arrow_right:{keywords:["blue-square","next"],char:"\u27a1\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],char:"\u2b05\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],char:"\u2b06\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],char:"\u2b07\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],char:"\u2197\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],char:"\u2198\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],char:"\u2199\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],char:"\u2196\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],char:"\u2195\ufe0f",fitzpatrick_scale:!1,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],char:"\u2194\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],char:"\u{1f504}",fitzpatrick_scale:!1,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],char:"\u21aa\ufe0f",fitzpatrick_scale:!1,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],char:"\u21a9\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],char:"\u2934\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],char:"\u2935\ufe0f",fitzpatrick_scale:!1,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],char:"#\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],char:"\u2139\ufe0f",fitzpatrick_scale:!1,category:"symbols"},abc:{keywords:["blue-square","alphabet"],char:"\u{1f524}",fitzpatrick_scale:!1,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],char:"\u{1f521}",fitzpatrick_scale:!1,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],char:"\u{1f520}",fitzpatrick_scale:!1,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],char:"\u{1f523}",fitzpatrick_scale:!1,category:"symbols"},musical_note:{keywords:["score","tone","sound"],char:"\u{1f3b5}",fitzpatrick_scale:!1,category:"symbols"},notes:{keywords:["music","score"],char:"\u{1f3b6}",fitzpatrick_scale:!1,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],char:"\u3030\ufe0f",fitzpatrick_scale:!1,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],char:"\u27b0",fitzpatrick_scale:!1,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],char:"\u2714\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],char:"\u{1f503}",fitzpatrick_scale:!1,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],char:"\u2795",fitzpatrick_scale:!1,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],char:"\u2796",fitzpatrick_scale:!1,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],char:"\u2797",fitzpatrick_scale:!1,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],char:"\u2716\ufe0f",fitzpatrick_scale:!1,category:"symbols"},infinity:{keywords:["forever"],char:"\u267e",fitzpatrick_scale:!1,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],char:"\u{1f4b2}",fitzpatrick_scale:!1,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],char:"\u{1f4b1}",fitzpatrick_scale:!1,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],char:"\xa9\ufe0f",fitzpatrick_scale:!1,category:"symbols"},registered:{keywords:["alphabet","circle"],char:"\xae\ufe0f",fitzpatrick_scale:!1,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],char:"\u2122\ufe0f",fitzpatrick_scale:!1,category:"symbols"},end:{keywords:["words","arrow"],char:"\u{1f51a}",fitzpatrick_scale:!1,category:"symbols"},back:{keywords:["arrow","words","return"],char:"\u{1f519}",fitzpatrick_scale:!1,category:"symbols"},on:{keywords:["arrow","words"],char:"\u{1f51b}",fitzpatrick_scale:!1,category:"symbols"},top:{keywords:["words","blue-square"],char:"\u{1f51d}",fitzpatrick_scale:!1,category:"symbols"},soon:{keywords:["arrow","words"],char:"\u{1f51c}",fitzpatrick_scale:!1,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],char:"\u2611\ufe0f",fitzpatrick_scale:!1,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],char:"\u{1f518}",fitzpatrick_scale:!1,category:"symbols"},white_circle:{keywords:["shape","round"],char:"\u26aa",fitzpatrick_scale:!1,category:"symbols"},black_circle:{keywords:["shape","button","round"],char:"\u26ab",fitzpatrick_scale:!1,category:"symbols"},red_circle:{keywords:["shape","error","danger"],char:"\u{1f534}",fitzpatrick_scale:!1,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],char:"\u{1f535}",fitzpatrick_scale:!1,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],char:"\u{1f538}",fitzpatrick_scale:!1,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],char:"\u{1f539}",fitzpatrick_scale:!1,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],char:"\u{1f536}",fitzpatrick_scale:!1,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],char:"\u{1f537}",fitzpatrick_scale:!1,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],char:"\u{1f53a}",fitzpatrick_scale:!1,category:"symbols"},black_small_square:{keywords:["shape","icon"],char:"\u25aa\ufe0f",fitzpatrick_scale:!1,category:"symbols"},white_small_square:{keywords:["shape","icon"],char:"\u25ab\ufe0f",fitzpatrick_scale:!1,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],char:"\u2b1b",fitzpatrick_scale:!1,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],char:"\u2b1c",fitzpatrick_scale:!1,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],char:"\u{1f53b}",fitzpatrick_scale:!1,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],char:"\u25fc\ufe0f",fitzpatrick_scale:!1,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],char:"\u25fb\ufe0f",fitzpatrick_scale:!1,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],char:"\u25fe",fitzpatrick_scale:!1,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],char:"\u25fd",fitzpatrick_scale:!1,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],char:"\u{1f532}",fitzpatrick_scale:!1,category:"symbols"},white_square_button:{keywords:["shape","input"],char:"\u{1f533}",fitzpatrick_scale:!1,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],char:"\u{1f508}",fitzpatrick_scale:!1,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],char:"\u{1f509}",fitzpatrick_scale:!1,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],char:"\u{1f50a}",fitzpatrick_scale:!1,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],char:"\u{1f507}",fitzpatrick_scale:!1,category:"symbols"},mega:{keywords:["sound","speaker","volume"],char:"\u{1f4e3}",fitzpatrick_scale:!1,category:"symbols"},loudspeaker:{keywords:["volume","sound"],char:"\u{1f4e2}",fitzpatrick_scale:!1,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],char:"\u{1f514}",fitzpatrick_scale:!1,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],char:"\u{1f515}",fitzpatrick_scale:!1,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],char:"\u{1f0cf}",fitzpatrick_scale:!1,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],char:"\u{1f004}",fitzpatrick_scale:!1,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],char:"\u2660\ufe0f",fitzpatrick_scale:!1,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],char:"\u2663\ufe0f",fitzpatrick_scale:!1,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],char:"\u2665\ufe0f",fitzpatrick_scale:!1,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],char:"\u2666\ufe0f",fitzpatrick_scale:!1,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],char:"\u{1f3b4}",fitzpatrick_scale:!1,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],char:"\u{1f4ad}",fitzpatrick_scale:!1,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],char:"\u{1f5ef}",fitzpatrick_scale:!1,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],char:"\u{1f4ac}",fitzpatrick_scale:!1,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],char:"\u{1f5e8}",fitzpatrick_scale:!1,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],char:"\u{1f550}",fitzpatrick_scale:!1,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],char:"\u{1f551}",fitzpatrick_scale:!1,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],char:"\u{1f552}",fitzpatrick_scale:!1,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],char:"\u{1f553}",fitzpatrick_scale:!1,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],char:"\u{1f554}",fitzpatrick_scale:!1,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],char:"\u{1f555}",fitzpatrick_scale:!1,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],char:"\u{1f556}",fitzpatrick_scale:!1,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],char:"\u{1f557}",fitzpatrick_scale:!1,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],char:"\u{1f558}",fitzpatrick_scale:!1,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],char:"\u{1f559}",fitzpatrick_scale:!1,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],char:"\u{1f55a}",fitzpatrick_scale:!1,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],char:"\u{1f55b}",fitzpatrick_scale:!1,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],char:"\u{1f55c}",fitzpatrick_scale:!1,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],char:"\u{1f55d}",fitzpatrick_scale:!1,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],char:"\u{1f55e}",fitzpatrick_scale:!1,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],char:"\u{1f55f}",fitzpatrick_scale:!1,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],char:"\u{1f560}",fitzpatrick_scale:!1,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],char:"\u{1f561}",fitzpatrick_scale:!1,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],char:"\u{1f562}",fitzpatrick_scale:!1,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],char:"\u{1f563}",fitzpatrick_scale:!1,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],char:"\u{1f564}",fitzpatrick_scale:!1,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],char:"\u{1f565}",fitzpatrick_scale:!1,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],char:"\u{1f566}",fitzpatrick_scale:!1,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],char:"\u{1f567}",fitzpatrick_scale:!1,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},aland_islands:{keywords:["\xc5land","islands","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1fd}",fitzpatrick_scale:!1,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1e7}",fitzpatrick_scale:!1,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ef}",fitzpatrick_scale:!1,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},chile:{keywords:["flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],char:"\u{1f1e8}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fd}",fitzpatrick_scale:!1,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},curacao:{keywords:["cura\xe7ao","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1ef}",fitzpatrick_scale:!1,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],char:"\u{1f1e9}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},eu:{keywords:["european","union","flag","banner"],char:"\u{1f1ea}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1ef}",fitzpatrick_scale:!1,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],char:"\u{1f1eb}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],char:"\u{1f1e9}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],char:"\u{1f1ed}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],char:"\u{1f1ee}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],char:"\u{1f1ef}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],char:"\u{1f1ef}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],char:"\u{1f1ef}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],char:"\u{1f1ef}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],char:"\u{1f1fd}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1e7}",fitzpatrick_scale:!1,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f6}",fitzpatrick_scale:!1,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],char:"\u{1f1fe}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1fd}",fitzpatrick_scale:!1,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],char:"\u{1f1eb}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],char:"\u{1f1f2}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],char:"\u{1f1f0}\u{1f1f5}",fitzpatrick_scale:!1,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],char:"\u{1f1f3}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],char:"\u{1f1f4}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],char:"\u{1f1f6}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},reunion:{keywords:["r\xe9union","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},st_barthelemy:{keywords:["saint","barth\xe9lemy","flag","nation","country","banner"],char:"\u{1f1e7}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],char:"\u{1f1f0}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],char:"\u{1f1f5}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],char:"\u{1f1fc}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],char:"\u{1f1f7}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1fd}",fitzpatrick_scale:!1,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1e7}",fitzpatrick_scale:!1,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],char:"\u{1f1ff}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],char:"\u{1f1ec}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],char:"\u{1f1f0}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],char:"\u{1f1f1}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1e9}",fitzpatrick_scale:!1,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],char:"\u{1f1e8}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],char:"\u{1f1f8}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1ef}",fitzpatrick_scale:!1,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f1}",fitzpatrick_scale:!1,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f0}",fitzpatrick_scale:!1,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f4}",fitzpatrick_scale:!1,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f9}",fitzpatrick_scale:!1,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f7}",fitzpatrick_scale:!1,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1e8}",fitzpatrick_scale:!1,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],char:"\u{1f1f9}\u{1f1fb}",fitzpatrick_scale:!1,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1ec}",fitzpatrick_scale:!1,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],char:"\u{1f1e6}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],char:"\u{1f1ec}\u{1f1e7}",fitzpatrick_scale:!1,category:"flags"},england:{keywords:["flag","english"],char:"\u{1f3f4}\u{e0067}\u{e0062}\u{e0065}\u{e006e}\u{e0067}\u{e007f}",fitzpatrick_scale:!1,category:"flags"},scotland:{keywords:["flag","scottish"],char:"\u{1f3f4}\u{e0067}\u{e0062}\u{e0073}\u{e0063}\u{e0074}\u{e007f}",fitzpatrick_scale:!1,category:"flags"},wales:{keywords:["flag","welsh"],char:"\u{1f3f4}\u{e0067}\u{e0062}\u{e0077}\u{e006c}\u{e0073}\u{e007f}",fitzpatrick_scale:!1,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1f8}",fitzpatrick_scale:!1,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1ee}",fitzpatrick_scale:!1,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1fe}",fitzpatrick_scale:!1,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],char:"\u{1f1fa}\u{1f1ff}",fitzpatrick_scale:!1,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1fa}",fitzpatrick_scale:!1,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1e6}",fitzpatrick_scale:!1,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],char:"\u{1f1fb}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],char:"\u{1f1fc}\u{1f1eb}",fitzpatrick_scale:!1,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],char:"\u{1f1ea}\u{1f1ed}",fitzpatrick_scale:!1,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],char:"\u{1f1fe}\u{1f1ea}",fitzpatrick_scale:!1,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],char:"\u{1f1ff}\u{1f1f2}",fitzpatrick_scale:!1,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],char:"\u{1f1ff}\u{1f1fc}",fitzpatrick_scale:!1,category:"flags"},united_nations:{keywords:["un","flag","banner"],char:"\u{1f1fa}\u{1f1f3}",fitzpatrick_scale:!1,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],char:"\u{1f3f4}\u200d\u2620\ufe0f",fitzpatrick_scale:!1,category:"flags"}});
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/plugin.js
new file mode 100644
index 000000000..4f3964581
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/plugin.js
@@ -0,0 +1,809 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isNull = eq(null);
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    const noop = () => { };
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const map$1 = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const shallow = (old, nu) => {
+        return nu;
+    };
+    const baseMerge = (merger) => {
+        return (...objects) => {
+            if (objects.length === 0) {
+                throw new Error(`Can't merge zero objects`);
+            }
+            const ret = {};
+            for (let j = 0; j < objects.length; j++) {
+                const curObject = objects[j];
+                for (const key in curObject) {
+                    if (has(curObject, key)) {
+                        ret[key] = merger(ret[key], curObject[key]);
+                    }
+                }
+            }
+            return ret;
+        };
+    };
+    const merge = baseMerge(shallow);
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const insertEmoticon = (editor, ch) => {
+        editor.insertContent(ch);
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    const DEFAULT_ID = 'tinymce.plugins.emoticons';
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor, pluginUrl) => {
+        const registerOption = editor.options.register;
+        registerOption('emoticons_database', {
+            processor: 'string',
+            default: 'emojis'
+        });
+        registerOption('emoticons_database_url', {
+            processor: 'string',
+            default: `${pluginUrl}/js/${getEmojiDatabase(editor)}${editor.suffix}.js`
+        });
+        registerOption('emoticons_database_id', {
+            processor: 'string',
+            default: DEFAULT_ID
+        });
+        registerOption('emoticons_append', {
+            processor: 'object',
+            default: {}
+        });
+        registerOption('emoticons_images_url', {
+            processor: 'string',
+            default: 'https://cdnjs.cloudflare.com/ajax/libs/twemoji/15.1.0/72x72/'
+        });
+    };
+    const getEmojiDatabase = option('emoticons_database');
+    const getEmojiDatabaseUrl = option('emoticons_database_url');
+    const getEmojiDatabaseId = option('emoticons_database_id');
+    const getAppendedEmoji = option('emoticons_append');
+    const getEmojiImageUrl = option('emoticons_images_url');
+
+    const ALL_CATEGORY = 'All';
+    const categoryNameMap = {
+        symbols: 'Symbols',
+        people: 'People',
+        animals_and_nature: 'Animals and Nature',
+        food_and_drink: 'Food and Drink',
+        activity: 'Activity',
+        travel_and_places: 'Travel and Places',
+        objects: 'Objects',
+        flags: 'Flags',
+        user: 'User Defined'
+    };
+    const translateCategory = (categories, name) => has(categories, name) ? categories[name] : name;
+    const getUserDefinedEmoji = (editor) => {
+        const userDefinedEmoticons = getAppendedEmoji(editor);
+        return map(userDefinedEmoticons, (value) => 
+        // Set some sane defaults for the custom emoji entry
+        ({ keywords: [], category: 'user', ...value }));
+    };
+    // TODO: Consider how to share this loading across different editors
+    const initDatabase = (editor, databaseUrl, databaseId) => {
+        const categories = value();
+        const all = value();
+        const emojiImagesUrl = getEmojiImageUrl(editor);
+        const getEmoji = (lib) => {
+            // Note: This is a little hacky, but the database doesn't provide a way for us to tell what sort of database is being used
+            if (startsWith(lib.char, '<img')) {
+                return lib.char.replace(/src="([^"]+)"/, (match, url) => `src="${emojiImagesUrl}${url}"`);
+            }
+            else {
+                return lib.char;
+            }
+        };
+        const processEmojis = (emojis) => {
+            const cats = {};
+            const everything = [];
+            each(emojis, (lib, title) => {
+                const entry = {
+                    // Omitting fitzpatrick_scale
+                    title,
+                    keywords: lib.keywords,
+                    char: getEmoji(lib),
+                    category: translateCategory(categoryNameMap, lib.category)
+                };
+                const current = cats[entry.category] !== undefined ? cats[entry.category] : [];
+                cats[entry.category] = current.concat([entry]);
+                everything.push(entry);
+            });
+            categories.set(cats);
+            all.set(everything);
+        };
+        editor.on('init', () => {
+            global.load(databaseId, databaseUrl).then((emojis) => {
+                const userEmojis = getUserDefinedEmoji(editor);
+                processEmojis(merge(emojis, userEmojis));
+            }, (err) => {
+                // eslint-disable-next-line no-console
+                console.log(`Failed to load emojis: ${err}`);
+                categories.set({});
+                all.set([]);
+            });
+        });
+        const listCategory = (category) => {
+            if (category === ALL_CATEGORY) {
+                return listAll();
+            }
+            return categories.get().bind((cats) => Optional.from(cats[category])).getOr([]);
+        };
+        const listAll = () => all.get().getOr([]);
+        const listCategories = () => 
+        // TODO: Category key order should be adjusted to match the standard
+        [ALL_CATEGORY].concat(keys(categories.get().getOr({})));
+        const waitForLoad = () => {
+            if (hasLoaded()) {
+                return Promise.resolve(true);
+            }
+            else {
+                return new Promise((resolve, reject) => {
+                    let numRetries = 15;
+                    const interval = setInterval(() => {
+                        if (hasLoaded()) {
+                            clearInterval(interval);
+                            resolve(true);
+                        }
+                        else {
+                            numRetries--;
+                            if (numRetries < 0) {
+                                // eslint-disable-next-line no-console
+                                console.log('Could not load emojis from url: ' + databaseUrl);
+                                clearInterval(interval);
+                                reject(false);
+                            }
+                        }
+                    }, 100);
+                });
+            }
+        };
+        const hasLoaded = () => categories.isSet() && all.isSet();
+        return {
+            listCategories,
+            hasLoaded,
+            waitForLoad,
+            listAll,
+            listCategory
+        };
+    };
+
+    const emojiMatches = (emoji, lowerCasePattern) => contains(emoji.title.toLowerCase(), lowerCasePattern) ||
+        exists(emoji.keywords, (k) => contains(k.toLowerCase(), lowerCasePattern));
+    const emojisFrom = (list, pattern, maxResults) => {
+        const matches = [];
+        const lowerCasePattern = pattern.toLowerCase();
+        const reachedLimit = maxResults.fold(() => never, (max) => (size) => size >= max);
+        for (let i = 0; i < list.length; i++) {
+            // TODO: more intelligent search by showing title matches at the top, keyword matches after that (use two arrays and concat at the end)
+            if (pattern.length === 0 || emojiMatches(list[i], lowerCasePattern)) {
+                matches.push({
+                    value: list[i].char,
+                    text: list[i].title,
+                    icon: list[i].char
+                });
+                if (reachedLimit(matches.length)) {
+                    break;
+                }
+            }
+        }
+        return matches;
+    };
+
+    const patternName = 'pattern';
+    const open = (editor, database) => {
+        const initialState = {
+            pattern: '',
+            results: emojisFrom(database.listAll(), '', Optional?.some(300))
+        };
+        const currentTab = Cell(ALL_CATEGORY);
+        const scan = (dialogApi) => {
+            const dialogData = dialogApi.getData();
+            const category = currentTab.get();
+            const candidates = database.listCategory(category);
+            const results = emojisFrom(candidates, dialogData[patternName], category === ALL_CATEGORY ? Optional?.some(300) : Optional.none());
+            dialogApi.setData({
+                results
+            });
+        };
+        const updateFilter = last((dialogApi) => {
+            scan(dialogApi);
+        }, 200);
+        const searchField = {
+            label: 'Search',
+            type: 'input',
+            name: patternName
+        };
+        const resultsField = {
+            type: 'collection',
+            name: 'results'
+            // TODO TINY-3229 implement collection columns properly
+            // columns: 'auto'
+        };
+        const getInitialState = () => {
+            const body = {
+                type: 'tabpanel',
+                // All tabs have the same fields.
+                tabs: map$1(database.listCategories(), (cat) => ({
+                    title: cat,
+                    name: cat,
+                    items: [searchField, resultsField]
+                }))
+            };
+            return {
+                title: 'Emojis',
+                size: 'normal',
+                body,
+                initialData: initialState,
+                onTabChange: (dialogApi, details) => {
+                    currentTab.set(details.newTabName);
+                    updateFilter.throttle(dialogApi);
+                },
+                onChange: updateFilter.throttle,
+                onAction: (dialogApi, actionData) => {
+                    if (actionData.name === 'results') {
+                        insertEmoticon(editor, actionData.value);
+                        dialogApi.close();
+                    }
+                },
+                buttons: [
+                    {
+                        type: 'cancel',
+                        text: 'Close',
+                        primary: true
+                    }
+                ]
+            };
+        };
+        const dialogApi = editor.windowManager.open(getInitialState());
+        dialogApi.focus(patternName);
+        if (!database.hasLoaded()) {
+            dialogApi.block('Loading emojis...');
+            database.waitForLoad().then(() => {
+                dialogApi.redial(getInitialState());
+                updateFilter.throttle(dialogApi);
+                dialogApi.focus(patternName);
+                dialogApi.unblock();
+            }).catch((_err) => {
+                dialogApi.redial({
+                    title: 'Emojis',
+                    body: {
+                        type: 'panel',
+                        items: [
+                            {
+                                type: 'alertbanner',
+                                level: 'error',
+                                icon: 'warning',
+                                text: 'Could not load emojis'
+                            }
+                        ]
+                    },
+                    buttons: [
+                        {
+                            type: 'cancel',
+                            text: 'Close',
+                            primary: true
+                        }
+                    ],
+                    initialData: {
+                        pattern: '',
+                        results: []
+                    }
+                });
+                dialogApi.focus(patternName);
+                dialogApi.unblock();
+            });
+        }
+    };
+
+    const register$1 = (editor, database) => {
+        editor.addCommand('mceEmoticons', () => open(editor, database));
+    };
+
+    const setup = (editor) => {
+        editor.on('PreInit', () => {
+            editor.parser.addAttributeFilter('data-emoticon', (nodes) => {
+                each$1(nodes, (node) => {
+                    node.attr('data-mce-resize', 'false');
+                    node.attr('data-mce-placeholder', '1');
+                });
+            });
+        });
+    };
+
+    const init = (editor, database) => {
+        editor.ui.registry.addAutocompleter('emoticons', {
+            trigger: ':',
+            columns: 'auto',
+            minChars: 2,
+            fetch: (pattern, maxResults) => database.waitForLoad().then(() => {
+                const candidates = database.listAll();
+                return emojisFrom(candidates, pattern, Optional?.some(maxResults));
+            }),
+            onAction: (autocompleteApi, rng, value) => {
+                editor.selection.setRng(rng);
+                editor.insertContent(value);
+                autocompleteApi.hide();
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceEmoticons');
+        editor.ui.registry.addButton('emoticons', {
+            tooltip: 'Emojis',
+            icon: 'emoji',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addMenuItem('emoticons', {
+            text: 'Emojis...',
+            icon: 'emoji',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    /**
+     * This class contains all core logic for the emoticons plugin.
+     *
+     * @class tinymce.emoticons.Plugin
+     * @private
+     */
+    var Plugin = () => {
+        global$1.add('emoticons', (editor, pluginUrl) => {
+            register$2(editor, pluginUrl);
+            const databaseUrl = getEmojiDatabaseUrl(editor);
+            const databaseId = getEmojiDatabaseId(editor);
+            const database = initDatabase(editor, databaseUrl, databaseId);
+            register$1(editor, database);
+            register(editor);
+            init(editor, database);
+            setup(editor);
+            return {
+                getAllEmojis: () => database.waitForLoad().then(() => database.listAll())
+            };
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/plugin.min.js
new file mode 100644
index 000000000..09d9edd1c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/emoticons/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=t=>e=>t===e,o=e(null),n=e(void 0),r=t=>"function"==typeof t;const s=()=>{},a=()=>!1;class i{constructor(t,e){this.tag=t,this.value=e}static some(t){return new i(!0,t)}static none(){return i.singletonNone}fold(t,e){return this.tag?e(this.value):t()}isSome(){return this.tag}isNone(){return!this.tag}map(t){return this.tag?i?.some(t(this.value)):i.none()}bind(t){return this.tag?t(this.value):i.none()}exists(t){return this.tag&&t(this.value)}forall(t){return!this.tag||t(this.value)}filter(t){return!this.tag||t(this.value)?this:i.none()}getOr(t){return this.tag?this.value:t}or(t){return this.tag?this:t}getOrThunk(t){return this.tag?this.value:t()}orThunk(t){return this.tag?this:t()}getOrDie(t){if(this.tag)return this.value;throw new Error(null!=t?t:"Called getOrDie on None")}static from(t){return null==t?i.none():i?.some(t)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(t){this.tag&&t(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}i.singletonNone=new i(!1),Array.prototype.slice;const l=(t,e)=>{const o=t.length,n=new Array(o);for(let r=0;r<o;r++){const o=t[r];n[r]=e(o,r)}return n};r(Array.from)&&Array.from;const c=Object.keys,u=Object.hasOwnProperty,g=(t,e)=>{const o=c(t);for(let n=0,r=o.length;n<r;n++){const r=o[n];e(t[r],r)}},m=(t,e)=>u.call(t,e),d=t=>{let e=t;return{get:()=>e,set:t=>{e=t}}},h=(p=(t,e)=>e,(...t)=>{if(0===t.length)throw new Error("Can't merge zero objects");const e={};for(let o=0;o<t.length;o++){const n=t[o];for(const t in n)m(n,t)&&(e[t]=p(e[t],n[t]))}return e});var p;const y=()=>{const t=(t=>{const e=d(i.none()),o=()=>e.get().each(t);return{clear:()=>{o(),e.set(i.none())},isSet:()=>e.get().isSome(),get:()=>e.get(),set:t=>{o(),e.set(i?.some(t))}}})(s);return{...t,on:e=>t.get().each(e)}},f=(t,e,o=0,r)=>{const s=t.indexOf(e,o);return-1!==s&&(!!n(r)||s+e.length<=r)};var v=tinymce.util.Tools.resolve("tinymce.Resource");const b=t=>e=>e.options.get(t),w=b("emoticons_database"),j=b("emoticons_database_url"),C=b("emoticons_database_id"),_=b("emoticons_append"),A=b("emoticons_images_url"),k="All",O={symbols:"Symbols",people:"People",animals_and_nature:"Animals and Nature",food_and_drink:"Food and Drink",activity:"Activity",travel_and_places:"Travel and Places",objects:"Objects",flags:"Flags",user:"User Defined"},x=(t,e)=>m(t,e)?t[e]:e,E=t=>{const e=_(t);return o=t=>({keywords:[],category:"user",...t}),((t,e)=>{const o={};return g(t,((t,n)=>{const r=e(t,n);o[r.k]=r.v})),o})(e,((t,e)=>({k:e,v:o(t)})));var o},L=(t,e)=>f(t.title.toLowerCase(),e)||(t=>{for(let n=0,r=t.length;n<r;n++)if(o=t[n],f(o.toLowerCase(),e))return!0;var o;return!1})(t.keywords),S=(t,e,o)=>{const n=[],r=e.toLowerCase(),s=o.fold((()=>a),(t=>e=>e>=t));for(let o=0;o<t.length&&(0!==e.length&&!L(t[o],r)||(n.push({value:t[o].char,text:t[o].title,icon:t[o].char}),!s(n.length)));o++);return n},N="pattern",T=(t,e)=>{const n={pattern:"",results:S(e.listAll(),"",i?.some(300))},r=d(k),s=(t=>{let e=null;const n=()=>{o(e)||(clearTimeout(e),e=null)};return{cancel:n,throttle:(...o)=>{n(),e=setTimeout((()=>{e=null,t.apply(null,o)}),200)}}})((t=>{(t=>{const o=t.getData(),n=r.get(),s=e.listCategory(n),a=S(s,o[N],n===k?i?.some(300):i.none());t.setData({results:a})})(t)})),a={label:"Search",type:"input",name:N},c={type:"collection",name:"results"},u=()=>({title:"Emojis",size:"normal",body:{type:"tabpanel",tabs:l(e.listCategories(),(t=>({title:t,name:t,items:[a,c]})))},initialData:n,onTabChange:(t,e)=>{r.set(e.newTabName),s.throttle(t)},onChange:s.throttle,onAction:(e,o)=>{"results"===o.name&&(((t,e)=>{t.insertContent(e)})(t,o.value),e.close())},buttons:[{type:"cancel",text:"Close",primary:!0}]}),g=t.windowManager.open(u());g.focus(N),e.hasLoaded()||(g.block("Loading emojis..."),e.waitForLoad().then((()=>{g.redial(u()),s.throttle(g),g.focus(N),g.unblock()})).catch((t=>{g.redial({title:"Emojis",body:{type:"panel",items:[{type:"alertbanner",level:"error",icon:"warning",text:"Could not load emojis"}]},buttons:[{type:"cancel",text:"Close",primary:!0}],initialData:{pattern:"",results:[]}}),g.focus(N),g.unblock()})))},D=t=>e=>{const o=()=>{e.setEnabled(t.selection.isEditable())};return t.on("NodeChange",o),o(),()=>{t.off("NodeChange",o)}};t.add("emoticons",((t,e)=>{((t,e)=>{const o=t.options.register;o("emoticons_database",{processor:"string",default:"emojis"}),o("emoticons_database_url",{processor:"string",default:`${e}/js/${w(t)}${t.suffix}.js`}),o("emoticons_database_id",{processor:"string",default:"tinymce.plugins.emoticons"}),o("emoticons_append",{processor:"object",default:{}}),o("emoticons_images_url",{processor:"string",default:"https://cdnjs.cloudflare.com/ajax/libs/twemoji/15.1.0/72x72/"})})(t,e);const o=((t,e,o)=>{const n=y(),r=y(),s=A(t),a=t=>{return o="<img",(e=t.char).length>=4&&e.substr(0,4)===o?t.char.replace(/src="([^"]+)"/,((t,e)=>`src="${s}${e}"`)):t.char;var e,o};t.on("init",(()=>{v.load(o,e).then((e=>{const o=E(t);(t=>{const e={},o=[];g(t,((t,n)=>{const r={title:n,keywords:t.keywords,char:a(t),category:x(O,t.category)},s=void 0!==e[r.category]?e[r.category]:[];e[r.category]=s.concat([r]),o.push(r)})),n.set(e),r.set(o)})(h(e,o))}),(t=>{console.log(`Failed to load emojis: ${t}`),n.set({}),r.set([])}))}));const l=()=>r.get().getOr([]),u=()=>n.isSet()&&r.isSet();return{listCategories:()=>[k].concat(c(n.get().getOr({}))),hasLoaded:u,waitForLoad:()=>u()?Promise.resolve(!0):new Promise(((t,o)=>{let n=15;const r=setInterval((()=>{u()?(clearInterval(r),t(!0)):(n--,n<0&&(console.log("Could not load emojis from url: "+e),clearInterval(r),o(!1)))}),100)})),listAll:l,listCategory:t=>t===k?l():n.get().bind((e=>i.from(e[t]))).getOr([])}})(t,j(t),C(t));return((t,e)=>{t.addCommand("mceEmoticons",(()=>T(t,e)))})(t,o),(t=>{const e=()=>t.execCommand("mceEmoticons");t.ui.registry.addButton("emoticons",{tooltip:"Emojis",icon:"emoji",onAction:e,onSetup:D(t)}),t.ui.registry.addMenuItem("emoticons",{text:"Emojis...",icon:"emoji",onAction:e,onSetup:D(t)})})(t),((t,e)=>{t.ui.registry.addAutocompleter("emoticons",{trigger:":",columns:"auto",minChars:2,fetch:(t,o)=>e.waitForLoad().then((()=>{const n=e.listAll();return S(n,t,i?.some(o))})),onAction:(e,o,n)=>{t.selection.setRng(o),t.insertContent(n),e.hide()}})})(t,o),(t=>{t.on("PreInit",(()=>{t.parser.addAttributeFilter("data-emoticon",(t=>{(t=>{for(let o=0,n=t.length;o<n;o++)(e=t[o]).attr("data-mce-resize","false"),e.attr("data-mce-placeholder","1");var e})(t)}))}))})(t),{getAllEmojis:()=>o.waitForLoad().then((()=>o.listAll()))}}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/index.js
new file mode 100644
index 000000000..6b4e26329
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/index.js
@@ -0,0 +1,7 @@
+// Exports the "fullscreen" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/fullscreen')
+//   ES2015:
+//     import 'tinymce/plugins/fullscreen'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/plugin.js
new file mode 100644
index 000000000..76e6842aa
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/plugin.js
@@ -0,0 +1,1609 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$1 = (t) => (a) => t === a;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isArray = isType$1('array');
+    const isNull = eq$1(null);
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$1(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    /** Compose a unary function with an n-ary function */
+    const compose = (fa, fb) => {
+        return (...args) => {
+            return fa(fb.apply(null, args));
+        };
+    };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const never = constant(false);
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter$1 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$1 = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind$3 = (xs, f) => flatten(map(xs, f));
+    const get$5 = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$5(xs, 0);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const unbindable = () => singleton((s) => s.unbind());
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const get$4 = (fullscreenState) => ({
+        isFullscreen: () => fullscreenState.get() !== null
+    });
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all$1 = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant(isiPad),
+            isiPhone: constant(isiPhone),
+            isTablet: constant(isTablet),
+            isPhone: constant(isPhone),
+            isTouch: constant(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant(iOSwebview),
+            isDesktop: constant(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$2(group(1), group(2));
+    };
+    const detect$3 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$2();
+        }
+        return find(versionRegexes, cleanedAgent);
+    };
+    const unknown$2 = () => {
+        return nu$2(0, 0);
+    };
+    const nu$2 = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$2,
+        detect: detect$3,
+        unknown: unknown$2
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$1(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$2 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$1(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$2(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$2(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains(uastring, 'msie') || contains(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains(uastring, 'iphone') || contains(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant(browsers),
+        oses: constant(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$1 = () => {
+        return nu$1({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$1 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$1,
+        nu: nu$1,
+        edge: constant(edge),
+        chromium: constant(chromium),
+        ie: constant(ie),
+        opera: constant(opera),
+        firefox: constant(firefox),
+        safari: constant(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown = () => {
+        return nu({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown,
+        nu,
+        windows: constant(windows),
+        ios: constant(ios),
+        android: constant(android),
+        linux: constant(linux),
+        macos: constant(macos),
+        solaris: constant(solaris),
+        freebsd: constant(freebsd),
+        chromeos: constant(chromeos)
+    };
+
+    const detect$1 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$1
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect = () => platform();
+
+    const unsafe = (name, scope) => {
+        return resolve(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isHTMLElement = (element) => isElement(element) && isPrototypeOf(element.dom);
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const siblings$2 = (element) => {
+        // TODO: Refactor out children so we can just not add self instead of filtering afterwards
+        const filterSelf = (elements) => filter$1(elements, (x) => !eq(element, x));
+        return parent(element)?.map(children)?.map(filterSelf).getOr([]);
+    };
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+    /**
+     * When Events bubble up through a ShadowRoot, the browser changes the target to be the shadow host.
+     * This function gets the "original" event target if possible.
+     * This only works if the shadow tree is open - if the shadow tree is closed, event.target is returned.
+     * See: https://developers.google.com/web/fundamentals/web-components/shadowdom#events
+     */
+    const getOriginalEventTarget = (event) => {
+        if (isNonNullable(event.target)) {
+            const el = SugarElement.fromDom(event.target);
+            if (isElement(el) && isOpenShadowHost(el)) {
+                // When target element is inside Shadow DOM we need to take first element from composedPath
+                // otherwise we'll get Shadow Root parent, not actual target element.
+                if (event.composed && event.composedPath) {
+                    const composedPath = event.composedPath();
+                    if (composedPath) {
+                        return head(composedPath);
+                    }
+                }
+            }
+        }
+        return Optional.from(event.target);
+    };
+    /** Return true if the element is a host of an open shadow root.
+     *  Return false if the element is a host of a closed shadow root, or if the element is not a host.
+     */
+    const isOpenShadowHost = (element) => isNonNullable(element.dom.shadowRoot);
+
+    const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
+        target,
+        x,
+        y,
+        stop,
+        prevent,
+        kill,
+        raw
+    });
+    /** Wraps an Event in an EventArgs structure.
+     * The returned EventArgs structure has its target set to the "original" target if possible.
+     * See SugarShadowDom.getOriginalEventTarget
+     */
+    const fromRawEvent = (rawEvent) => {
+        const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+        const stop = () => rawEvent.stopPropagation();
+        const prevent = () => rawEvent.preventDefault();
+        const kill = compose(prevent, stop); // more of a sequence than a compose, but same effect
+        // FIX: Don't just expose the raw event. Need to identify what needs standardisation.
+        return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    const handle = (filter, handler) => (rawEvent) => {
+        if (filter(rawEvent)) {
+            handler(fromRawEvent(rawEvent));
+        }
+    };
+    const binder = (element, event, filter, handler, useCapture) => {
+        const wrapped = handle(filter, handler);
+        // IE9 minimum
+        element.dom.addEventListener(event, wrapped, useCapture);
+        return {
+            unbind: curry(unbind, element, event, wrapped, useCapture)
+        };
+    };
+    const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
+    const unbind = (element, event, handler, useCapture) => {
+        // IE9 minimum
+        element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    const filter = always; // no filter on plain DomEvents
+    const bind$1 = (element, event, handler) => bind$2(element, event, filter, handler);
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$1 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const get$3 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const remove = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+    const getBody = (doc) => {
+        const b = doc.dom.body;
+        if (b === null || b === undefined) {
+            throw new Error('Body is not available yet');
+        }
+        return SugarElement.fromDom(b);
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const set = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    const setAll = (element, css) => {
+        const dom = element.dom;
+        each(css, (v, k) => {
+            internalSet(dom, k, v);
+        });
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$2 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+
+    const r = (left, top) => {
+        const translate = (x, y) => r(left + x, top + y);
+        return {
+            left,
+            top,
+            translate
+        };
+    };
+    // tslint:disable-next-line:variable-name
+    const SugarPosition = r;
+
+    // get scroll position (x,y) relative to document _doc (or global if not supplied)
+    const get$1 = (_DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        // ASSUMPTION: This is for cross-browser support, body works for Safari & EDGE, and when we have an iframe body scroller
+        const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+        const y = doc.body.scrollTop || doc.documentElement.scrollTop;
+        return SugarPosition(x, y);
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    const ancestors$1 = (scope, predicate, isRoot) => filter$1(parents(scope, isRoot), predicate);
+    const siblings$1 = (scope, predicate) => filter$1(siblings$2(scope), predicate);
+
+    const all = (selector) => all$1(selector);
+    // For all of the following:
+    //
+    // jQuery does siblings of firstChild. IE9+ supports scope.dom.children (similar to Traverse.children but elements only).
+    // Traverse should also do this (but probably not by default).
+    //
+    const ancestors = (scope, selector, isRoot) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all this wrapping and unwrapping
+    ancestors$1(scope, (e) => is(e, selector), isRoot);
+    const siblings = (scope, selector) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all the wrapping and unwrapping
+    siblings$1(scope, (e) => is(e, selector));
+
+    const get = (_win) => {
+        const win = _win === undefined ? window : _win;
+        if (detect().browser.isFirefox()) {
+            // TINY-7984: Firefox 91 is returning incorrect values for visualViewport.pageTop, so disable it for now
+            return Optional.none();
+        }
+        else {
+            return Optional.from(win.visualViewport);
+        }
+    };
+    const bounds = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height,
+        right: x + width,
+        bottom: y + height
+    });
+    const getBounds = (_win) => {
+        const win = _win === undefined ? window : _win;
+        const doc = win.document;
+        const scroll = get$1(SugarElement.fromDom(doc));
+        return get(win).fold(() => {
+            const html = win.document.documentElement;
+            // Don't use window.innerWidth/innerHeight here, as we don't want to include scrollbars
+            // since the right/bottom position is based on the edge of the scrollbar not the window
+            const width = html.clientWidth;
+            const height = html.clientHeight;
+            return bounds(scroll.left, scroll.top, width, height);
+        }, (visualViewport) => 
+        // iOS doesn't update the pageTop/pageLeft when element.scrollIntoView() is called, so we need to fallback to the
+        // scroll position which will always be less than the page top/left values when page top/left are accurate/correct.
+        bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height));
+    };
+    const bind = (name, callback, _win) => get(_win)?.map((visualViewport) => {
+        const handler = (e) => callback(fromRawEvent(e));
+        visualViewport.addEventListener(name, handler);
+        return {
+            unbind: () => visualViewport.removeEventListener(name, handler)
+        };
+    }).getOrThunk(() => ({
+        unbind: noop
+    }));
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const fireFullscreenStateChanged = (editor, state) => {
+        editor.dispatch('FullscreenStateChanged', { state });
+        editor.dispatch('ResizeEditor');
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('fullscreen_native', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const getFullscreenNative = option('fullscreen_native');
+
+    const getFullscreenRoot = (editor) => {
+        const elem = SugarElement.fromDom(editor.getElement());
+        return getShadowRoot(elem)?.map(getShadowHost)
+            .getOrThunk(() => getBody(owner(elem)));
+    };
+    const getFullscreenElement = (root) => {
+        if (root.fullscreenElement !== undefined) {
+            return root.fullscreenElement;
+        }
+        else if (root.msFullscreenElement !== undefined) {
+            return root.msFullscreenElement;
+        }
+        else if (root.webkitFullscreenElement !== undefined) {
+            return root.webkitFullscreenElement;
+        }
+        else {
+            return null;
+        }
+    };
+    const getFullscreenchangeEventName = () => {
+        if (document.fullscreenElement !== undefined) {
+            return 'fullscreenchange';
+        }
+        else if (document.msFullscreenElement !== undefined) {
+            return 'MSFullscreenChange'; // warning, seems to be case sensitive
+        }
+        else if (document.webkitFullscreenElement !== undefined) {
+            return 'webkitfullscreenchange';
+        }
+        else {
+            return 'fullscreenchange';
+        }
+    };
+    const requestFullscreen = (sugarElem) => {
+        const elem = sugarElem.dom;
+        if (elem.requestFullscreen) {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            elem.requestFullscreen();
+        }
+        else if (elem.msRequestFullscreen) {
+            elem.msRequestFullscreen();
+        }
+        else if (elem.webkitRequestFullScreen) {
+            elem.webkitRequestFullScreen();
+        }
+    };
+    const exitFullscreen = (sugarDoc) => {
+        const doc = sugarDoc.dom;
+        if (doc.exitFullscreen) {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            doc.exitFullscreen();
+        }
+        else if (doc.msExitFullscreen) {
+            doc.msExitFullscreen();
+        }
+        else if (doc.webkitCancelFullScreen) {
+            doc.webkitCancelFullScreen();
+        }
+    };
+    const isFullscreenElement = (elem) => elem.dom === getFullscreenElement(owner(elem).dom);
+
+    const attr = 'data-ephox-mobile-fullscreen-style';
+    const siblingStyles = 'display:none!important;';
+    const ancestorPosition = 'position:absolute!important;';
+    // TINY-3407 ancestors need 'height:100%!important;overflow:visible!important;' to prevent collapsed ancestors hiding the editor
+    const ancestorStyles = 'top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;';
+    const bgFallback = 'background-color:rgb(255,255,255)!important;';
+    const isAndroid = global$1.os.isAndroid();
+    const matchColor = (editorBody) => {
+        // in iOS you can overscroll, sometimes when you overscroll you can reveal the bgcolor of an element beneath,
+        // by matching the bg color and clobbering ensures any reveals are 'camouflaged' the same color
+        const color = get$2(editorBody, 'background-color');
+        return (color !== undefined && color !== '') ? 'background-color:' + color + '!important' : bgFallback;
+    };
+    // We clobber all tags, direct ancestors to the editorBody get ancestorStyles, everything else gets siblingStyles
+    const clobberStyles = (dom, container, editorBody) => {
+        const gatherSiblings = (element) => {
+            return siblings(element, '*:not(.tox-silver-sink)');
+        };
+        const clobber = (clobberStyle) => (element) => {
+            const styles = get$3(element, 'style');
+            const backup = styles === undefined ? 'no-styles' : styles.trim();
+            if (backup === clobberStyle) {
+                return;
+            }
+            else {
+                set$1(element, attr, backup);
+                setAll(element, dom.parseStyle(clobberStyle));
+            }
+        };
+        const ancestors$1 = ancestors(container, '*');
+        const siblings$1 = bind$3(ancestors$1, gatherSiblings);
+        const bgColor = matchColor(editorBody);
+        /* NOTE: This assumes that container has no siblings itself */
+        each$1(siblings$1, clobber(siblingStyles));
+        each$1(ancestors$1, clobber(ancestorPosition + ancestorStyles + bgColor));
+        // position absolute on the outer-container breaks Android flex layout
+        const containerStyles = isAndroid === true ? '' : ancestorPosition;
+        clobber(containerStyles + ancestorStyles + bgColor)(container);
+    };
+    const restoreStyles = (dom) => {
+        const clobberedEls = all('[' + attr + ']');
+        each$1(clobberedEls, (element) => {
+            const restore = get$3(element, attr);
+            if (restore && restore !== 'no-styles') {
+                setAll(element, dom.parseStyle(restore));
+            }
+            else {
+                remove(element, 'style');
+            }
+            remove(element, attr);
+        });
+    };
+
+    const DOM = global$2.DOM;
+    const getScrollPos = () => getBounds(window);
+    const setScrollPos = (pos) => window.scrollTo(pos.x, pos.y);
+    const viewportUpdate = get().fold(() => ({ bind: noop, unbind: noop }), (visualViewport) => {
+        const editorContainer = value();
+        const resizeBinder = unbindable();
+        const scrollBinder = unbindable();
+        const refreshScroll = () => {
+            document.body.scrollTop = 0;
+            document.documentElement.scrollTop = 0;
+        };
+        const refreshVisualViewport = () => {
+            window.requestAnimationFrame(() => {
+                editorContainer.on((container) => setAll(container, {
+                    top: visualViewport.offsetTop + 'px',
+                    left: visualViewport.offsetLeft + 'px',
+                    height: visualViewport.height + 'px',
+                    width: visualViewport.width + 'px'
+                }));
+            });
+        };
+        const update = first(() => {
+            refreshScroll();
+            refreshVisualViewport();
+        }, 50);
+        const bind$1 = (element) => {
+            editorContainer.set(element);
+            update.throttle();
+            resizeBinder.set(bind('resize', update.throttle));
+            scrollBinder.set(bind('scroll', update.throttle));
+        };
+        const unbind = () => {
+            editorContainer.on(() => {
+                resizeBinder.clear();
+                scrollBinder.clear();
+            });
+            editorContainer.clear();
+        };
+        return {
+            bind: bind$1,
+            unbind
+        };
+    });
+    const toggleFullscreen = (editor, fullscreenState) => {
+        const body = document.body;
+        const documentElement = document.documentElement;
+        const editorContainer = editor.getContainer();
+        const editorContainerS = SugarElement.fromDom(editorContainer);
+        const sinkContainerS = nextSibling(editorContainerS)
+            .filter((elm) => isHTMLElement(elm) && has(elm, 'tox-silver-sink'));
+        const fullscreenRoot = getFullscreenRoot(editor);
+        const fullscreenInfo = fullscreenState.get();
+        const editorBody = SugarElement.fromDom(editor.getBody());
+        const isTouch = global$1.deviceType.isTouch();
+        const editorContainerStyle = editorContainer.style;
+        const iframe = editor.iframeElement;
+        const iframeStyle = iframe === null || iframe === void 0 ? void 0 : iframe.style;
+        const handleClasses = (handler) => {
+            handler(body, 'tox-fullscreen');
+            handler(documentElement, 'tox-fullscreen');
+            handler(editorContainer, 'tox-fullscreen');
+            getShadowRoot(editorContainerS)
+                ?.map((root) => getShadowHost(root).dom)
+                .each((host) => {
+                handler(host, 'tox-fullscreen');
+                handler(host, 'tox-shadowhost');
+            });
+        };
+        const cleanup = () => {
+            if (isTouch) {
+                restoreStyles(editor.dom);
+            }
+            handleClasses(DOM.removeClass);
+            viewportUpdate.unbind();
+            Optional.from(fullscreenState.get()).each((info) => info.fullscreenChangeHandler.unbind());
+        };
+        if (!fullscreenInfo) {
+            const fullscreenChangeHandler = bind$1(owner(fullscreenRoot), getFullscreenchangeEventName(), (_evt) => {
+                if (getFullscreenNative(editor)) {
+                    // if we have exited browser fullscreen with Escape then exit editor fullscreen too
+                    if (!isFullscreenElement(fullscreenRoot) && fullscreenState.get() !== null) {
+                        toggleFullscreen(editor, fullscreenState);
+                    }
+                }
+            });
+            const newFullScreenInfo = {
+                scrollPos: getScrollPos(),
+                containerWidth: editorContainerStyle.width,
+                containerHeight: editorContainerStyle.height,
+                containerTop: editorContainerStyle.top,
+                containerLeft: editorContainerStyle.left,
+                iframeWidth: iframeStyle.width,
+                iframeHeight: iframeStyle.height,
+                fullscreenChangeHandler,
+                sinkCssPosition: sinkContainerS?.map((elm) => get$2(elm, 'position'))
+            };
+            if (isTouch) {
+                clobberStyles(editor.dom, editorContainerS, editorBody);
+            }
+            iframeStyle.width = iframeStyle.height = '100%';
+            editorContainerStyle.width = editorContainerStyle.height = '';
+            handleClasses(DOM.addClass);
+            sinkContainerS.each((elm) => {
+                set(elm, 'position', 'fixed');
+            });
+            viewportUpdate.bind(editorContainerS);
+            editor.on('remove', cleanup);
+            fullscreenState.set(newFullScreenInfo);
+            if (getFullscreenNative(editor)) {
+                requestFullscreen(fullscreenRoot);
+            }
+            fireFullscreenStateChanged(editor, true);
+        }
+        else {
+            fullscreenInfo.fullscreenChangeHandler.unbind();
+            if (getFullscreenNative(editor) && isFullscreenElement(fullscreenRoot)) {
+                exitFullscreen(owner(fullscreenRoot));
+            }
+            iframeStyle.width = fullscreenInfo.iframeWidth;
+            iframeStyle.height = fullscreenInfo.iframeHeight;
+            editorContainerStyle.width = fullscreenInfo.containerWidth;
+            editorContainerStyle.height = fullscreenInfo.containerHeight;
+            editorContainerStyle.top = fullscreenInfo.containerTop;
+            editorContainerStyle.left = fullscreenInfo.containerLeft;
+            lift2(sinkContainerS, fullscreenInfo.sinkCssPosition, (elm, val) => {
+                set(elm, 'position', val);
+            });
+            cleanup();
+            setScrollPos(fullscreenInfo.scrollPos);
+            fullscreenState.set(null);
+            fireFullscreenStateChanged(editor, false);
+            editor.off('remove', cleanup);
+        }
+    };
+
+    const register$1 = (editor, fullscreenState) => {
+        editor.addCommand('mceFullScreen', () => {
+            toggleFullscreen(editor, fullscreenState);
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const setup = (editor, fullscreenState) => {
+        editor.on('init', () => {
+            editor.on('keydown', (e) => {
+                if (e.keyCode === global.TAB && !(e.metaKey || e.ctrlKey) && fullscreenState.get()) {
+                    e.preventDefault();
+                }
+            });
+        });
+    };
+
+    const makeSetupHandler = (editor, fullscreenState) => (api) => {
+        api.setActive(fullscreenState.get() !== null);
+        const editorEventCallback = (e) => api.setActive(e.state);
+        editor.on('FullscreenStateChanged', editorEventCallback);
+        return () => editor.off('FullscreenStateChanged', editorEventCallback);
+    };
+    const register = (editor, fullscreenState) => {
+        const onAction = () => editor.execCommand('mceFullScreen');
+        editor.ui.registry.addToggleMenuItem('fullscreen', {
+            text: 'Fullscreen',
+            icon: 'fullscreen',
+            shortcut: 'Meta+Shift+F',
+            onAction,
+            onSetup: makeSetupHandler(editor, fullscreenState),
+            context: 'any'
+        });
+        editor.ui.registry.addToggleButton('fullscreen', {
+            tooltip: 'Fullscreen',
+            icon: 'fullscreen',
+            onAction,
+            onSetup: makeSetupHandler(editor, fullscreenState),
+            shortcut: 'Meta+Shift+F',
+            context: 'any'
+        });
+    };
+
+    var Plugin = () => {
+        global$3.add('fullscreen', (editor) => {
+            const fullscreenState = Cell(null);
+            if (editor.inline) {
+                return get$4(fullscreenState);
+            }
+            register$2(editor);
+            register$1(editor, fullscreenState);
+            register(editor, fullscreenState);
+            setup(editor, fullscreenState);
+            editor.addShortcut('Meta+Shift+F', '', 'mceFullScreen');
+            return get$4(fullscreenState);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/plugin.min.js
new file mode 100644
index 000000000..06bbe295d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/fullscreen/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const e=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=r=e,(o=String).prototype.isPrototypeOf(n)||(null===(s=r.constructor)||void 0===s?void 0:s.name)===o.name)?"string":t;var n,r,o,s})(t)===e,t=e=>t=>typeof t===e,n=e=>t=>e===t,r=e("string"),o=e("object"),s=e("array"),i=n(null),l=t("boolean"),a=n(void 0),c=e=>!(e=>null==e)(e),u=t("function"),d=t("number"),m=()=>{},h=e=>()=>e;function g(e,...t){return(...n)=>{const r=t.concat(n);return e.apply(null,r)}}const p=h(!1),f=h(!0);class v{constructor(e,t){this.tag=e,this.value=t}static some(e){return new v(!0,e)}static none(){return v.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?v?.some(e(this.value)):v.none()}bind(e){return this.tag?e(this.value):v.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:v.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return c(e)?v?.some(e):v.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}v.singletonNone=new v(!1);const w=Array.prototype.push,y=(e,t)=>{const n=e.length,r=new Array(n);for(let o=0;o<n;o++){const n=e[o];r[o]=t(n,o)}return r},b=(e,t)=>{for(let n=0,r=e.length;n<r;n++)t(e[n],n)},S=(e,t)=>{const n=[];for(let r=0,o=e.length;r<o;r++){const o=e[r];t(o,r)&&n.push(o)}return n},x=(e,t)=>((e,t,n)=>{for(let r=0,o=e.length;r<o;r++){const o=e[r];if(t(o,r))return v?.some(o);if(n(o,r))break}return v.none()})(e,t,p),E=Object.keys,F=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},O="undefined"!=typeof window?window:Function("return this;")(),k=(e,t)=>((e,t)=>{let n=null!=t?t:O;for(let t=0;t<e.length&&null!=n;++t)n=n[e[t]];return n})(e.split("."),t),T=e=>{const t=F(v.none()),n=()=>t.get().each(e);return{clear:()=>{n(),t.set(v.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{n(),t.set(v?.some(e))}}},C=()=>T((e=>e.unbind())),A=(e,t,n=0,r)=>{const o=e.indexOf(t,n);return-1!==o&&(!!a(r)||o+t.length<=r)};var R=tinymce.util.Tools.resolve("tinymce.PluginManager");const L=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},M=L,P=(e,t)=>{const n=e.dom;if(1!==n.nodeType)return!1;{const e=n;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},D=()=>N(0,0),N=(e,t)=>({major:e,minor:t}),H={nu:N,detect:(e,t)=>{const n=String(t).toLowerCase();return 0===e.length?D():((e,t)=>{const n=((e,t)=>{for(let n=0;n<e.length;n++){const r=e[n];if(r.test(t))return r}})(e,t);if(!n)return{major:0,minor:0};const r=e=>Number(t.replace(n,"$"+e));return N(r(1),r(2))})(e,n)},unknown:D},V=(e,t)=>{const n=String(t).toLowerCase();return x(e,(e=>e.search(n)))},W=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,q=e=>t=>A(t,e),B=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>A(e,"edge/")&&A(e,"chrome")&&A(e,"safari")&&A(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,W],search:e=>A(e,"chrome")&&!A(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>A(e,"msie")||A(e,"trident")},{name:"Opera",versionRegexes:[W,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:q("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:q("firefox")},{name:"Safari",versionRegexes:[W,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(A(e,"safari")||A(e,"mobile/"))&&A(e,"applewebkit")}],I=[{name:"Windows",search:q("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>A(e,"iphone")||A(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:q("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:q("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:q("linux"),versionRegexes:[]},{name:"Solaris",search:q("sunos"),versionRegexes:[]},{name:"FreeBSD",search:q("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:q("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],j={browsers:h(B),oses:h(I)},_="Edge",z="Chromium",K="Opera",$="Firefox",U="Safari",X=e=>{const t=e.current,n=e.version,r=e=>()=>t===e;return{current:t,version:n,isEdge:r(_),isChromium:r(z),isIE:r("IE"),isOpera:r(K),isFirefox:r($),isSafari:r(U)}},Y=()=>X({current:void 0,version:H.unknown()}),G=X,J=(h(_),h(z),h("IE"),h(K),h($),h(U),"Windows"),Q="Android",Z="Linux",ee="macOS",te="Solaris",ne="FreeBSD",re="ChromeOS",oe=e=>{const t=e.current,n=e.version,r=e=>()=>t===e;return{current:t,version:n,isWindows:r(J),isiOS:r("iOS"),isAndroid:r(Q),isMacOS:r(ee),isLinux:r(Z),isSolaris:r(te),isFreeBSD:r(ne),isChromeOS:r(re)}},se=()=>oe({current:void 0,version:H.unknown()}),ie=oe,le=(h(J),h("iOS"),h(Q),h(Z),h(ee),h(te),h(ne),h(re),(e,t,n)=>{const r=j.browsers(),o=j.oses(),s=t.bind((e=>((e,t)=>((e,t)=>{for(let n=0;n<e.length;n++){const r=t(e[n]);if(r.isSome())return r}return v.none()})(t.brands,(t=>{const n=t.brand.toLowerCase();return x(e,(e=>{var t;return n===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:H.nu(parseInt(t.version,10),0)})))})))(r,e))).orThunk((()=>((e,t)=>V(e,t)?.map((e=>{const n=H.detect(e.versionRegexes,t);return{current:e.name,version:n}})))(r,e))).fold(Y,G),i=((e,t)=>V(e,t)?.map((e=>{const n=H.detect(e.versionRegexes,t);return{current:e.name,version:n}})))(o,e).fold(se,ie),l=((e,t,n,r)=>{const o=e.isiOS()&&!0===/ipad/i.test(n),s=e.isiOS()&&!o,i=e.isiOS()||e.isAndroid(),l=i||r("(pointer:coarse)"),a=o||!s&&i&&r("(min-device-width:768px)"),c=s||i&&!a,u=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(n),d=!c&&!a&&!u;return{isiPad:h(o),isiPhone:h(s),isTablet:h(a),isPhone:h(c),isTouch:h(l),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:h(u),isDesktop:h(d)}})(i,s,e,n);return{browser:s,os:i,deviceType:l}}),ae=e=>window.matchMedia(e).matches;let ce=(e=>{let t,n=!1;return(...r)=>(n||(n=!0,t=e.apply(null,r)),t)})((()=>le(window.navigator.userAgent,v.from(window.navigator.userAgentData),ae)));const ue=Object.getPrototypeOf,de=e=>{const t=k("ownerDocument.defaultView",e);return o(e)&&((e=>((e,t)=>{const n=((e,t)=>k(e,t))(e,t);if(null==n)throw new Error(e+" not available on this browser");return n})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(ue(e).constructor.name))},me=e=>t=>(e=>e.dom.nodeType)(t)===e,he=me(1),ge=me(3),pe=me(11),fe=e=>M(e.dom.ownerDocument),ve=e=>y(e.dom.childNodes,M),we=e=>{const t=(e=>M(e.dom.getRootNode()))(e);return pe(n=t)&&c(n.dom.host)?v?.some(t):v.none();var n},ye=e=>M(e.dom.host),be=e=>{const t=M((e=>{if(c(e.target)){const t=M(e.target);if(he(t)&&c(t.dom.shadowRoot)&&e.composed&&e.composedPath){const t=e.composedPath();if(t)return(e=>0<e.length?v?.some(e[0]):v.none())(t)}}return v.from(e.target)})(e).getOr(e.target)),n=()=>e.stopPropagation(),r=()=>e.preventDefault(),o=(s=r,i=n,(...e)=>s(i.apply(null,e)));var s,i;return((e,t,n,r,o,s,i)=>({target:e,x:t,y:n,stop:r,prevent:o,kill:s,raw:i}))(t,e.clientX,e.clientY,n,r,o,e)},Se=(e,t,n,r)=>{e.dom.removeEventListener(t,n,r)},xe=f,Ee=(e,t,n)=>((e,t,n,r)=>((e,t,n,r,o)=>{const s=((e,t)=>n=>{e(n)&&t(be(n))})(n,r);return e.dom.addEventListener(t,s,o),{unbind:g(Se,e,t,s,o)}})(e,t,n,r,!1))(e,t,xe,n),Fe=(e,t)=>{const n=e.dom.getAttribute(t);return null===n?void 0:n},Oe=(e,t)=>{e.dom.removeAttribute(t)},ke=e=>void 0!==e.style&&u(e.style.getPropertyValue),Te=e=>{const t=ge(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const n=t.ownerDocument;return we(M(t)).fold((()=>n.body.contains(t)),(r=Te,o=ye,e=>r(o(e))));var r,o},Ce=(e,t,n)=>{if(!r(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);ke(e)&&e.style.setProperty(t,n)},Ae=(e,t,n)=>{const r=e.dom;Ce(r,t,n)},Re=(e,t)=>{const n=e.dom;((e,t)=>{const n=E(e);for(let r=0,o=n.length;r<o;r++){const o=n[r];t(e[o],o)}})(t,((e,t)=>{Ce(n,t,e)}))},Le=(e,t)=>{const n=e.dom,r=window.getComputedStyle(n).getPropertyValue(t);return""!==r||Te(e)?r:Me(n,t)},Me=(e,t)=>ke(e)?e.style.getPropertyValue(t):"",Pe=(e,t)=>({left:e,top:t,translate:(n,r)=>Pe(e+n,t+r)}),De=Pe,Ne=(e,t,n)=>((e,t,n)=>S(((e,t)=>{const n=u(t)?t:p;let r=e.dom;const o=[];for(;null!==r.parentNode&&void 0!==r.parentNode;){const e=r.parentNode,t=M(e);if(o.push(t),!0===n(t))break;r=e}return o})(e,n),t))(e,(e=>P(e,t)),n),He=(e,t)=>(e=>{return S((e=>v.from(e.dom.parentNode)?.map(M))(n=e)?.map(ve)?.map((e=>S(e,(e=>{return t=e,!(n.dom===t.dom);var t})))).getOr([]),(e=>P(e,t)));var n})(e),Ve=e=>{const t=void 0===e?window:e;return ce().browser.isFirefox()?v.none():v.from(t.visualViewport)},We=(e,t,n,r)=>({x:e,y:t,width:n,height:r,right:e+n,bottom:t+r}),qe=e=>{const t=void 0===e?window:e,n=t.document,r=(e=>{const t=void 0!==e?e.dom:document,n=t.body.scrollLeft||t.documentElement.scrollLeft,r=t.body.scrollTop||t.documentElement.scrollTop;return De(n,r)})(M(n));return Ve(t).fold((()=>{const e=t.document.documentElement,n=e.clientWidth,o=e.clientHeight;return We(r.left,r.top,n,o)}),(e=>We(Math.max(e.pageLeft,r.left),Math.max(e.pageTop,r.top),e.width,e.height)))},Be=(e,t,n)=>Ve(n)?.map((n=>{const r=e=>t(be(e));return n.addEventListener(e,r),{unbind:()=>n.removeEventListener(e,r)}})).getOrThunk((()=>({unbind:m})));var Ie=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),je=tinymce.util.Tools.resolve("tinymce.Env");const _e=(e,t)=>{e.dispatch("FullscreenStateChanged",{state:t}),e.dispatch("ResizeEditor")},ze=e=>e.options.get("fullscreen_native");const Ke=e=>{return e.dom===(void 0!==(t=fe(e).dom).fullscreenElement?t.fullscreenElement:void 0!==t.msFullscreenElement?t.msFullscreenElement:void 0!==t.webkitFullscreenElement?t.webkitFullscreenElement:null);var t},$e="data-ephox-mobile-fullscreen-style",Ue="position:absolute!important;",Xe="top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;",Ye=je.os.isAndroid(),Ge=(e,t,n)=>{const o=t=>n=>{const o=Fe(n,"style"),s=void 0===o?"no-styles":o.trim();s!==t&&(((e,t,n)=>{((e,t,n)=>{if(!(r(n)||l(n)||d(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")})(e.dom,t,n)})(n,$e,s),Re(n,e.parseStyle(t)))},i=Ne(t,"*"),a=(e=>{const t=[];for(let n=0,r=e.length;n<r;++n){if(!s(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);w.apply(t,e[n])}return t})(y(i,(e=>He(e,"*:not(.tox-silver-sink)")))),c=(e=>{const t=Le(e,"background-color");return void 0!==t&&""!==t?"background-color:"+t+"!important":"background-color:rgb(255,255,255)!important;"})(n);b(a,o("display:none!important;")),b(i,o(Ue+Xe+c)),o((!0===Ye?"":Ue)+Xe+c)(t)},Je=Ie.DOM,Qe=Ve().fold((()=>({bind:m,unbind:m})),(e=>{const t=(()=>{const e=T(m);return{...e,on:t=>e.get().each(t)}})(),n=C(),r=C(),o=(e=>{let t=null;return{cancel:()=>{i(t)||(clearTimeout(t),t=null)},throttle:(...n)=>{i(t)&&(t=setTimeout((()=>{t=null,e.apply(null,n)}),50))}}})((()=>{document.body.scrollTop=0,document.documentElement.scrollTop=0,window.requestAnimationFrame((()=>{t.on((t=>Re(t,{top:e.offsetTop+"px",left:e.offsetLeft+"px",height:e.height+"px",width:e.width+"px"})))}))}));return{bind:e=>{t.set(e),o.throttle(),n.set(Be("resize",o.throttle)),r.set(Be("scroll",o.throttle))},unbind:()=>{t.on((()=>{n.clear(),r.clear()})),t.clear()}}})),Ze=(e,t)=>{const n=document.body,r=document.documentElement,o=e.getContainer(),s=M(o),i=(l=s,v.from(l.dom.nextSibling)?.map(M)).filter((e=>(e=>he(e)&&de(e.dom))(e)&&(e=>(e=>void 0!==e.dom.classList)(e)&&e.dom.classList.contains("tox-silver-sink"))(e)));var l;const a=(e=>{const t=M(e.getElement());return we(t)?.map(ye).getOrThunk((()=>(e=>{const t=e.dom.body;if(null==t)throw new Error("Body is not available yet");return M(t)})(fe(t))))})(e),c=t.get(),u=M(e.getBody()),d=je.deviceType.isTouch(),m=o.style,h=e.iframeElement,g=null==h?void 0:h.style,p=e=>{e(n,"tox-fullscreen"),e(r,"tox-fullscreen"),e(o,"tox-fullscreen"),we(s)?.map((e=>ye(e).dom)).each((t=>{e(t,"tox-fullscreen"),e(t,"tox-shadowhost")}))},f=()=>{d&&(e=>{const t=(e=>{const t=document;return 1!==(n=t).nodeType&&9!==n.nodeType&&11!==n.nodeType||0===n.childElementCount?[]:y(t.querySelectorAll(e),M);var n})("["+$e+"]");b(t,(t=>{const n=Fe(t,$e);n&&"no-styles"!==n?Re(t,e.parseStyle(n)):Oe(t,"style"),Oe(t,$e)}))})(e.dom),p(Je.removeClass),Qe.unbind(),v.from(t.get()).each((e=>e.fullscreenChangeHandler.unbind()))};if(c)c.fullscreenChangeHandler.unbind(),ze(e)&&Ke(a)&&(e=>{const t=e.dom;t.exitFullscreen?t.exitFullscreen():t.msExitFullscreen?t.msExitFullscreen():t.webkitCancelFullScreen&&t.webkitCancelFullScreen()})(fe(a)),g.width=c.iframeWidth,g.height=c.iframeHeight,m.width=c.containerWidth,m.height=c.containerHeight,m.top=c.containerTop,m.left=c.containerLeft,S=i,x=c.sinkCssPosition,E=(e,t)=>{Ae(e,"position",t)},S.isSome()&&x.isSome()?v?.some(E(S.getOrDie(),x.getOrDie())):v.none(),f(),w=c.scrollPos,window.scrollTo(w.x,w.y),t.set(null),_e(e,!1),e.off("remove",f);else{const n=Ee(fe(a),void 0!==document.fullscreenElement?"fullscreenchange":void 0!==document.msFullscreenElement?"MSFullscreenChange":void 0!==document.webkitFullscreenElement?"webkitfullscreenchange":"fullscreenchange",(n=>{ze(e)&&(Ke(a)||null===t.get()||Ze(e,t))})),r={scrollPos:qe(window),containerWidth:m.width,containerHeight:m.height,containerTop:m.top,containerLeft:m.left,iframeWidth:g.width,iframeHeight:g.height,fullscreenChangeHandler:n,sinkCssPosition:i?.map((e=>Le(e,"position")))};d&&Ge(e.dom,s,u),g.width=g.height="100%",m.width=m.height="",p(Je.addClass),i.each((e=>{Ae(e,"position","fixed")})),Qe.bind(s),e.on("remove",f),t.set(r),ze(e)&&(e=>{const t=e.dom;t.requestFullscreen?t.requestFullscreen():t.msRequestFullscreen?t.msRequestFullscreen():t.webkitRequestFullScreen&&t.webkitRequestFullScreen()})(a),_e(e,!0)}var w,S,x,E};var et=tinymce.util.Tools.resolve("tinymce.util.VK");const tt=(e,t)=>n=>{n.setActive(null!==t.get());const r=e=>n.setActive(e.state);return e.on("FullscreenStateChanged",r),()=>e.off("FullscreenStateChanged",r)};R.add("fullscreen",(e=>{const t=F(null);return e.inline||((e=>{(0,e.options.register)("fullscreen_native",{processor:"boolean",default:!1})})(e),((e,t)=>{e.addCommand("mceFullScreen",(()=>{Ze(e,t)}))})(e,t),((e,t)=>{const n=()=>e.execCommand("mceFullScreen");e.ui.registry.addToggleMenuItem("fullscreen",{text:"Fullscreen",icon:"fullscreen",shortcut:"Meta+Shift+F",onAction:n,onSetup:tt(e,t),context:"any"}),e.ui.registry.addToggleButton("fullscreen",{tooltip:"Fullscreen",icon:"fullscreen",onAction:n,onSetup:tt(e,t),shortcut:"Meta+Shift+F",context:"any"})})(e,t),((e,t)=>{e.on("init",(()=>{e.on("keydown",(e=>{e.keyCode!==et.TAB||e.metaKey||e.ctrlKey||!t.get()||e.preventDefault()}))}))})(e,t),e.addShortcut("Meta+Shift+F","","mceFullScreen")),(e=>({isFullscreen:()=>null!==e.get()}))(t)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/index.js
new file mode 100644
index 000000000..7f4bfe024
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/index.js
@@ -0,0 +1,7 @@
+// Exports the "help" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/help')
+//   ES2015:
+//     import 'tinymce/plugins/help'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ar.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ar.js
new file mode 100644
index 000000000..e2cf02f56
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ar.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ar',
+'<h1>بدء التنقل بواسطة لوحة المفاتيح</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>التركيز على شريط القوائم</dt>\n' +
+  '  <dd>نظاما التشغيل Windows أو Linux: Alt + F9</dd>\n' +
+  '  <dd>نظام التشغيل macOS: &#x2325;F9</dd>\n' +
+  '  <dt>التركيز على شريط الأدوات</dt>\n' +
+  '  <dd>نظاما التشغيل Windows أو Linux: Alt + F10</dd>\n' +
+  '  <dd>نظام التشغيل macOS: &#x2325;F10</dd>\n' +
+  '  <dt>التركيز على التذييل</dt>\n' +
+  '  <dd>نظاما التشغيل Windows أو Linux: Alt + F11</dd>\n' +
+  '  <dd>نظام التشغيل macOS: &#x2325;F11</dd>\n' +
+  '  <dt>تركيز الإشعارات</dt>\n' +
+  '  <dd>نظاما التشغيل Windows أو Linux: Alt + F12</dd>\n' +
+  '  <dd>نظام التشغيل macOS: &#x2325;F12</dd>\n' +
+  '  <dt>التركيز على شريط أدوات السياق</dt>\n' +
+  '  <dd>أنظمة التشغيل Windows أو Linux أو macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>سيبدأ التنقل عند عنصر واجهة المستخدم الأول، والذي سيتم تمييزه أو تسطيره في حالة العنصر الأول في\n' +
+  '  مسار عنصر التذييل.</p>\n' +
+  '\n' +
+  '<h1>التنقل بين أقسام واجهة المستخدم</h1>\n' +
+  '\n' +
+  '<p>للانتقال من أحد أقسام واجهة المستخدم إلى القسم التالي، اضغط على <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>للانتقال من أحد أقسام واجهة المستخدم إلى القسم السابق، اضغط على <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>ترتيب علامات <strong>Tab</strong> لأقسام واجهة المستخدم هذه هو:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>شريط القوائم</li>\n' +
+  '  <li>كل مجموعة شريط الأدوات</li>\n' +
+  '  <li>الشريط الجانبي</li>\n' +
+  '  <li>مسار العنصر في التذييل</li>\n' +
+  '  <li>زر تبديل عدد الكلمات في التذييل</li>\n' +
+  '  <li>رابط إدراج العلامة التجارية في التذييل</li>\n' +
+  '  <li>مؤشر تغيير حجم المحرر في التذييل</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>إذا لم يكن قسم واجهة المستخدم موجودًا، فسيتم تخطيه.</p>\n' +
+  '\n' +
+  '<p>إذا كان التذييل يحتوي على التركيز على ‏‫التنقل بواسطة لوحة المفاتيح، ولا يوجد شريط جانبي مرئي، فإن الضغط على <strong>Shift+Tab</strong>\n' +
+  '  ينقل التركيز إلى مجموعة شريط الأدوات الأولى، وليس الأخيرة.</p>\n' +
+  '\n' +
+  '<h1>التنقل بين أقسام واجهة المستخدم</h1>\n' +
+  '\n' +
+  '<p>للانتقال من أحد عناصر واجهة المستخدم إلى العنصر التالي، اضغط على مفتاح <strong>السهم</strong> المناسب.</p>\n' +
+  '\n' +
+  '<p>مفتاحا السهمين <strong>اليسار‎</strong> و<strong>اليمين‎</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>التنقل بين القوائم في شريط القوائم.</li>\n' +
+  '  <li>فتح قائمة فرعية في القائمة.</li>\n' +
+  '  <li>التنقل بين الأزرار في مجموعة شريط الأدوات.</li>\n' +
+  '  <li>التنقل بين العناصر في مسار عنصر التذييل.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>مفتاحا السهمين <strong>لأسفل‎</strong> و<strong>لأعلى‎</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>التنقل بين عناصر القائمة في القائمة.</li>\n' +
+  '  <li>التنقل بين العناصر في قائمة شريط الأدوات المنبثقة.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>دورة مفاتيح <strong>الأسهم‎</strong> داخل قسم واجهة المستخدم التي تم التركيز عليها.</p>\n' +
+  '\n' +
+  '<p>لإغلاق قائمة مفتوحة أو قائمة فرعية مفتوحة أو قائمة منبثقة مفتوحة، اضغط على مفتاح <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>إذا كان التركيز الحالي على "الجزء العلوي" من قسم معين لواجهة المستخدم، فإن الضغط على مفتاح <strong>Esc</strong> يؤدي أيضًا إلى الخروج\n' +
+  '  من التنقل بواسطة لوحة المفاتيح بالكامل.</p>\n' +
+  '\n' +
+  '<h1>تنفيذ عنصر قائمة أو زر شريط أدوات</h1>\n' +
+  '\n' +
+  '<p>عندما يتم تمييز عنصر القائمة المطلوب أو زر شريط الأدوات، اضغط على زر <strong>Return</strong>، أو <strong>Enter</strong>،\n' +
+  '  أو <strong>مفتاح المسافة</strong> لتنفيذ العنصر.</p>\n' +
+  '\n' +
+  '<h1>التنقل في مربعات الحوار غير المبوبة</h1>\n' +
+  '\n' +
+  '<p>في مربعات الحوار غير المبوبة، يتم التركيز على المكون التفاعلي الأول عند فتح مربع الحوار.</p>\n' +
+  '\n' +
+  '<p>التنقل بين مكونات الحوار التفاعلي بالضغط على زر <strong>Tab</strong> أو <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>التنقل في مربعات الحوار المبوبة</h1>\n' +
+  '\n' +
+  '<p>في مربعات الحوار المبوبة، يتم التركيز على الزر الأول في قائمة علامات التبويب عند فتح مربع الحوار.</p>\n' +
+  '\n' +
+  '<p>التنقل بين المكونات التفاعلية لعلامة التبويب لمربع الحوار هذه بالضغط على زر <strong>Tab</strong> أو\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>التبديل إلى علامة تبويب أخرى لمربع الحوار من خلال التركيز على قائمة علامة التبويب ثم الضغط على زر <strong>السهم</strong> المناسب\n' +
+  '  مفتاح للتنقل بين علامات التبويب المتاحة.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/bg_BG.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/bg_BG.js
new file mode 100644
index 000000000..09eacf3a8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/bg_BG.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.bg_BG',
+'<h1>Начало на навигацията с клавиатурата</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Фокусиране върху лентата с менюта</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Фокусиране върху лентата с инструменти</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Фокусиране върху долния колонтитул</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Фокусиране на известието</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Фокусиране върху контекстуалната лента с инструменти</dt>\n' +
+  '  <dd>Windows, Linux или macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Навигацията ще започне с първия елемент на ПИ, който ще бъде маркиран или подчертан в случая на първия елемент в\n' +
+  '  пътя до елемента в долния колонтитул.</p>\n' +
+  '\n' +
+  '<h1>Навигиране между раздели на ПИ</h1>\n' +
+  '\n' +
+  '<p>За да преминете от един раздел на ПИ към следващия, натиснете <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>За да преминете от един раздел на ПИ към предишния, натиснете <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Редът за <strong>обхождане с табулация</strong> на тези раздели на ПИ е:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Лентата с менюта</li>\n' +
+  '  <li>Всяка група на лентата с инструменти</li>\n' +
+  '  <li>Страничната лента</li>\n' +
+  '  <li>Пътят до елемента в долния колонтитул</li>\n' +
+  '  <li>Бутонът за превключване на броя на думите в долния колонтитул</li>\n' +
+  '  <li>Връзката за търговска марка в долния колонтитул</li>\n' +
+  '  <li>Манипулаторът за преоразмеряване на редактора в долния колонтитул</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Ако някой раздел на ПИ липсва, той се пропуска.</p>\n' +
+  '\n' +
+  '<p>Ако долният колонтитул има фокус за навигация с клавиатурата и няма странична лента, натискането на <strong>Shift+Tab</strong>\n' +
+  '  премества фокуса към първата група на лентата с инструменти, а не към последната.</p>\n' +
+  '\n' +
+  '<h1>Навигиране в разделите на ПИ</h1>\n' +
+  '\n' +
+  '<p>За да преминете от един елемент на ПИ към следващия, натиснете съответния клавиш със <strong>стрелка</strong>.</p>\n' +
+  '\n' +
+  '<p>С клавишите със стрелка <strong>наляво</strong> и <strong>надясно</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>се придвижвате между менютата в лентата с менюто;</li>\n' +
+  '  <li>отваряте подменю в меню;</li>\n' +
+  '  <li>се придвижвате между бутоните в група на лентата с инструменти;</li>\n' +
+  '  <li>се придвижвате между елементи в пътя до елемент в долния колонтитул.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>С клавишите със стрелка <strong>надолу</strong> и <strong>нагоре</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>се придвижвате между елементите от менюто в дадено меню;</li>\n' +
+  '  <li>се придвижвате между елементите в изскачащо меню на лентата с инструменти.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Клавишите със <strong>стрелки</strong> се придвижват в рамките на фокусирания раздел на ПИ.</p>\n' +
+  '\n' +
+  '<p>За да затворите отворено меню, подменю или изскачащо меню, натиснете клавиша <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Ако текущият фокус е върху „горната част“ на конкретен раздел на ПИ, натискането на клавиша <strong>Esc</strong> също излиза\n' +
+  '  напълно от навигацията с клавиатурата.</p>\n' +
+  '\n' +
+  '<h1>Изпълнение на елемент от менюто или бутон от лентата с инструменти</h1>\n' +
+  '\n' +
+  '<p>Когато желаният елемент от менюто или бутон от лентата с инструменти е маркиран, натиснете <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  или <strong>клавиша за интервал</strong>, за да изпълните елемента.</p>\n' +
+  '\n' +
+  '<h1>Навигиране в диалогови прозорци без раздели</h1>\n' +
+  '\n' +
+  '<p>В диалоговите прозорци без раздели първият интерактивен компонент се фокусира, когато се отвори диалоговият прозорец.</p>\n' +
+  '\n' +
+  '<p>Навигирайте между интерактивните компоненти на диалоговия прозорец, като натиснете <strong>Tab</strong> или <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Навигиране в диалогови прозорци с раздели</h1>\n' +
+  '\n' +
+  '<p>В диалоговите прозорци с раздели първият бутон в менюто с раздели се фокусира, когато се отвори диалоговият прозорец.</p>\n' +
+  '\n' +
+  '<p>Навигирайте между интерактивните компоненти на този диалогов раздел, като натиснете <strong>Tab</strong> или\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Превключете към друг диалогов раздел, като фокусирате върху менюто с раздели и след това натиснете съответния клавиш със <strong>стрелка</strong>,\n' +
+  '  за да преминете през наличните раздели.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ca.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ca.js
new file mode 100644
index 000000000..996e29cfe
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ca.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ca',
+'<h1>Inici de la navegació amb el teclat</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Enfocar la barra de menús</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  "  <dt>Enfocar la barra d'eines</dt>\n" +
+  '  <dd>Windows o Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Enfocar el peu de pàgina</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Enfocar la notificació</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  "  <dt>Enfocar una barra d'eines contextual</dt>\n" +
+  '  <dd>Windows, Linux o macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  "<p>La navegació començarà en el primer element de la interfície d'usuari, que es ressaltarà o subratllarà per al primer element a\n" +
+  "  la ruta de l'element de peu de pàgina.</p>\n" +
+  '\n' +
+  "<h1>Navegació entre seccions de la interfície d'usuari</h1>\n" +
+  '\n' +
+  "<p>Per desplaçar-vos des d'una secció de la interfície d'usuari a la següent, premeu la tecla <strong>Tab</strong>.</p>\n" +
+  '\n' +
+  "<p>Per desplaçar-vos des d'una secció de la interfície d'usuari a l'anterior, premeu les tecles <strong>Maj+Tab</strong>.</p>\n" +
+  '\n' +
+  "<p>L'ordre en prémer la tecla <strong>Tab</strong> d'aquestes secciones de la interfície d'usuari és:</p>\n" +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra de menús</li>\n' +
+  "  <li>Cada grup de la barra d'eines</li>\n" +
+  '  <li>Barra lateral</li>\n' +
+  "  <li>Ruta de l'element del peu de pàgina</li>\n" +
+  '  <li>Botó de commutació de recompte de paraules al peu de pàgina</li>\n' +
+  '  <li>Enllaç de marca del peu de pàgina</li>\n' +
+  "  <li>Control de canvi de mida de l'editor al peu de pàgina</li>\n" +
+  '</ol>\n' +
+  '\n' +
+  "<p>Si no hi ha una secció de la interfície d'usuari, s'ometrà.</p>\n" +
+  '\n' +
+  '<p>Si el peu de pàgina té el focus de navegació del teclat i no hi ha cap barra lateral visible, en prémer <strong>Maj+Tab</strong>\n' +
+  "  el focus es mou al primer grup de la barra d'eines, no l'últim.</p>\n" +
+  '\n' +
+  "<h1>Navegació dins de les seccions de la interfície d'usuari</h1>\n" +
+  '\n' +
+  "<p>Per desplaçar-vos des d'un element de la interfície d'usuari al següent, premeu la tecla de <strong>Fletxa</strong> adequada.</p>\n" +
+  '\n' +
+  '<p>Les tecles de fletxa <strong>Esquerra</strong> i <strong>Dreta</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>us permeten desplaçar-vos entre menús de la barra de menús.</li>\n' +
+  '  <li>obren un submenú en un menú.</li>\n' +
+  "  <li>us permeten desplaçar-vos entre botons d'un grup de la barra d'eines.</li>\n" +
+  "  <li>us permeten desplaçar-vos entre elements de la ruta d'elements del peu de pàgina.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  '<p>Les tecles de fletxa <strong>Avall</strong> i <strong>Amunt</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  "  <li>us permeten desplaçar-vos entre elements de menú d'un menú.</li>\n" +
+  "  <li>us permeten desplaçar-vos entre elements d'un menú emergent de la barra d'eines.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  "<p>Les tecles de <strong>Fletxa</strong> us permeten desplaçar-vos dins de la secció de la interfície d'usuari que té el focus.</p>\n" +
+  '\n' +
+  '<p>Per tancar un menú, un submenú o un menú emergent oberts, premeu la tecla <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  "<p>Si el focus actual es troba a la ‘part superior’ d'una secció específica de la interfície d'usuari, en prémer la tecla <strong>Esc</strong> també es tanca\n" +
+  '  completament la navegació amb el teclat.</p>\n' +
+  '\n' +
+  "<h1>Execució d'un element de menú o d'un botó de la barra d'eines</h1>\n" +
+  '\n' +
+  "<p>Quan l'element del menú o el botó de la barra d'eines que desitgeu estigui ressaltat, premeu <strong>Retorn</strong>, <strong>Intro</strong>\n" +
+  "  o la <strong>barra d'espai</strong> per executar l'element.</p>\n" +
+  '\n' +
+  '<h1>Navegació per quadres de diàleg sense pestanyes</h1>\n' +
+  '\n' +
+  "<p>En els quadres de diàleg sense pestanyes, el primer component interactiu pren el focus quan s'obre el quadre diàleg.</p>\n" +
+  '\n' +
+  '<p>Premeu la tecla <strong>Tab</strong> o les tecles <strong>Maj+Tab</strong> per desplaçar-vos entre components interactius del quadre de diàleg.</p>\n' +
+  '\n' +
+  '<h1>Navegació per quadres de diàleg amb pestanyes</h1>\n' +
+  '\n' +
+  "<p>En els quadres de diàleg amb pestanyes, el primer botó del menú de la pestanya pren el focus quan s'obre el quadre diàleg.</p>\n" +
+  '\n' +
+  "<p>Per desplaçar-vos entre components interactius d'aquest quadre de diàleg, premeu la tecla <strong>Tab</strong> o\n" +
+  '  les tecles <strong>Maj+Tab</strong>.</p>\n' +
+  '\n' +
+  "<p>Canvieu a la pestanya d'un altre quadre de diàleg, tot enfocant el menú de la pestanya, i després premeu la tecla <strong>Fletxa</strong> adequada\n" +
+  '  per canviar entre les pestanyes disponibles.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/cs.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/cs.js
new file mode 100644
index 000000000..4a5a9026e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/cs.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.cs',
+'<h1>Začínáme navigovat pomocí klávesnice</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Přejít na řádek nabídek</dt>\n' +
+  '  <dd>Windows nebo Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Přejít na panel nástrojů</dt>\n' +
+  '  <dd>Windows nebo Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Přejít na zápatí</dt>\n' +
+  '  <dd>Windows nebo Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Přejít na oznámení</dt>\n' +
+  '  <dd>Windows nebo Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Přejít na kontextový panel nástrojů</dt>\n' +
+  '  <dd>Windows, Linux nebo macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigace začne u první položky uživatelského rozhraní, která bude zvýrazněna nebo v případě první položky\n' +
+  '  cesty k prvku zápatí podtržena.</p>\n' +
+  '\n' +
+  '<h1>Navigace mezi oddíly uživatelského rozhraní</h1>\n' +
+  '\n' +
+  '<p>Stisknutím klávesy <strong>Tab</strong> se posunete z jednoho oddílu uživatelského rozhraní na další.</p>\n' +
+  '\n' +
+  '<p>Stisknutím kláves <strong>Shift+Tab</strong> se posunete z jednoho oddílu uživatelského rozhraní na předchozí.</p>\n' +
+  '\n' +
+  '<p>Pořadí přepínání mezi oddíly uživatelského rozhraní pomocí klávesy <strong>Tab</strong>:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Řádek nabídek</li>\n' +
+  '  <li>Každá skupina panelu nástrojů</li>\n' +
+  '  <li>Boční panel</li>\n' +
+  '  <li>Cesta k prvku v zápatí.</li>\n' +
+  '  <li>Tlačítko přepínače počtu slov v zápatí</li>\n' +
+  '  <li>Odkaz na informace o značce v zápatí</li>\n' +
+  '  <li>Úchyt pro změnu velikosti editoru v zápatí</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Pokud nějaký oddíl uživatelského rozhraní není přítomen, je přeskočen.</p>\n' +
+  '\n' +
+  '<p>Pokud je zápatí vybrané pro navigaci pomocí klávesnice a není zobrazen žádný boční panel, stisknutím kláves <strong>Shift+Tab</strong>\n' +
+  '  přejdete na první skupinu panelu nástrojů, nikoli na poslední.</p>\n' +
+  '\n' +
+  '<h1>Navigace v rámci oddílů uživatelského rozhraní</h1>\n' +
+  '\n' +
+  '<p>Chcete-li se přesunout z jednoho prvku uživatelského rozhraní na další, stiskněte příslušnou klávesu s <strong>šipkou</strong>.</p>\n' +
+  '\n' +
+  '<p>Klávesy s šipkou <strong>vlevo</strong> a <strong>vpravo</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>umožňují přesun mezi nabídkami na řádku nabídek;</li>\n' +
+  '  <li>otevírají podnabídku nabídky;</li>\n' +
+  '  <li>umožňují přesun mezi tlačítky ve skupině panelu nástrojů;</li>\n' +
+  '  <li>umožňují přesun mezi položkami cesty prvku v zápatí.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klávesy se šipkou <strong>dolů</strong> a <strong>nahoru</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>umožňují přesun mezi položkami nabídky;</li>\n' +
+  '  <li>umožňují přesun mezi položkami místní nabídky panelu nástrojů.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Šipky</strong> provádí přepínání v rámci vybraného oddílu uživatelského rozhraní.</p>\n' +
+  '\n' +
+  '<p>Chcete-li zavřít otevřenou nabídku, podnabídku nebo místní nabídku, stiskněte klávesu <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Pokud je aktuálně vybrána horní část oddílu uživatelského rozhraní, stisknutím klávesy <strong>Esc</strong> zcela ukončíte také\n' +
+  '  navigaci pomocí klávesnice.</p>\n' +
+  '\n' +
+  '<h1>Provedení příkazu položky nabídky nebo tlačítka panelu nástrojů</h1>\n' +
+  '\n' +
+  '<p>Pokud je zvýrazněna požadovaná položka nabídky nebo tlačítko panelu nástrojů, stisknutím klávesy <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  nebo <strong>mezerníku</strong> provedete příslušný příkaz.</p>\n' +
+  '\n' +
+  '<h1>Navigace v dialogových oknech bez záložek</h1>\n' +
+  '\n' +
+  '<p>Při otevření dialogových oken bez záložek přejdete na první interaktivní komponentu.</p>\n' +
+  '\n' +
+  '<p>Přecházet mezi interaktivními komponentami dialogového okna můžete stisknutím klávesy <strong>Tab</strong> nebo kombinace <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigace v dialogových oknech se záložkami</h1>\n' +
+  '\n' +
+  '<p>Při otevření dialogových oken se záložkami přejdete na první tlačítko v nabídce záložek.</p>\n' +
+  '\n' +
+  '<p>Přecházet mezi interaktivními komponentami této záložky dialogového okna můžete stisknutím klávesy <strong>Tab</strong> nebo\n' +
+  '  kombinace <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Chcete-li přepnout na další záložku dialogového okna, přejděte na nabídku záložek a poté můžete stisknutím požadované <strong>šipky</strong>\n' +
+  '  přepínat mezi dostupnými záložkami.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/da.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/da.js
new file mode 100644
index 000000000..4d1e1d4b9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/da.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.da',
+'<h1>Start tastaturnavigation</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokuser på menulinjen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokuser på værktøjslinjen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokuser på sidefoden</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokuser på meddelelsen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokuser på kontekstuel værktøjslinje</dt>\n' +
+  '  <dd>Windows, Linux eller macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigationen starter ved det første UI-element, som fremhæves eller understreges hvad angår det første element i\n' +
+  '  sidefodens sti til elementet.</p>\n' +
+  '\n' +
+  '<h1>Naviger mellem UI-sektioner</h1>\n' +
+  '\n' +
+  '<p>Gå fra én UI-sektion til den næste ved at trykke på <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Gå fra én UI-sektion til den forrige ved at trykke på <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong>-rækkefølgen af disse UI-sektioner er:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menulinje</li>\n' +
+  '  <li>Hver værktøjsgruppe</li>\n' +
+  '  <li>Sidepanel</li>\n' +
+  '  <li>Sti til elementet i sidefoden</li>\n' +
+  '  <li>Til/fra-knap for ordoptælling i sidefoden</li>\n' +
+  '  <li>Brandinglink i sidefoden</li>\n' +
+  '  <li>Tilpasningshåndtag for editor i sidefoden</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Hvis en UI-sektion ikke er til stede, springes den over.</p>\n' +
+  '\n' +
+  '<p>Hvis sidefoden har fokus til tastaturnavigation, og der ikke er noget synligt sidepanel, kan der trykkes på <strong>Shift+Tab</strong>\n' +
+  '  for at flytte fokus til den første værktøjsgruppe, ikke den sidste.</p>\n' +
+  '\n' +
+  '<h1>Naviger inden for UI-sektioner</h1>\n' +
+  '\n' +
+  '<p>Gå fra ét UI-element til det næste ved at trykke på den relevante <strong>piletast</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Venstre</strong> og <strong>højre</strong> piletast</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>flytter mellem menuerne i menulinjen.</li>\n' +
+  '  <li>åbner en undermenu i en menu.</li>\n' +
+  '  <li>flytter mellem knapperne i en værktøjsgruppe.</li>\n' +
+  '  <li>flytter mellem elementer i sidefodens sti til elementet.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Pil <strong>ned</strong> og <strong>op</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>flytter mellem menupunkterne i en menu.</li>\n' +
+  '  <li>flytter mellem punkterne i en genvejsmenu i værktøjslinjen.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Piletasterne</strong> kører rundt inden for UI-sektionen, der fokuseres på.</p>\n' +
+  '\n' +
+  '<p>For at lukke en åben menu, en åben undermenu eller en åben genvejsmenu trykkes der på <strong>Esc</strong>-tasten.</p>\n' +
+  '\n' +
+  "<p>Hvis det aktuelle fokus er i 'toppen' af en bestemt UI-sektion, vil tryk på <strong>Esc</strong>-tasten også afslutte\n" +
+  '  tastaturnavigationen helt.</p>\n' +
+  '\n' +
+  '<h1>Udfør et menupunkt eller en værktøjslinjeknap</h1>\n' +
+  '\n' +
+  '<p>Når det ønskede menupunkt eller den ønskede værktøjslinjeknap er fremhævet, trykkes der på <strong>Retur</strong>, <strong>Enter</strong>\n' +
+  '  eller <strong>mellemrumstasten</strong> for at udføre elementet.</p>\n' +
+  '\n' +
+  '<h1>Naviger i ikke-faneopdelte dialogbokse</h1>\n' +
+  '\n' +
+  '<p>I ikke-faneopdelte dialogbokse får den første interaktive komponent fokus, når dialogboksen åbnes.</p>\n' +
+  '\n' +
+  '<p>Naviger mellem interaktive dialogbokskomponenter ved at trykke på <strong>Tab</strong> eller <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Naviger i faneopdelte dialogbokse</h1>\n' +
+  '\n' +
+  '<p>I faneopdelte dialogbokse får den første knap i fanemenuen fokus, når dialogboksen åbnes.</p>\n' +
+  '\n' +
+  '<p>Naviger mellem interaktive komponenter i denne dialogboksfane ved at trykke på <strong>Tab</strong> eller\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Skift til en anden dialogboksfane ved at fokusere på fanemenuen og derefter trykke på den relevante <strong>piletast</strong>\n' +
+  '  for at køre igennem de tilgængelige faner.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/de.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/de.js
new file mode 100644
index 000000000..b8711ed43
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/de.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.de',
+'<h1>Grundlagen der Tastaturnavigation</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokus auf Menüleiste</dt>\n' +
+  '  <dd>Windows oder Linux: ALT+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokus auf Symbolleiste</dt>\n' +
+  '  <dd>Windows oder Linux: ALT+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokus auf Fußzeile</dt>\n' +
+  '  <dd>Windows oder Linux: ALT+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Benachrichtigung fokussieren</dt>\n' +
+  '  <dd>Windows oder Linux: ALT+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokus auf kontextbezogene Symbolleiste</dt>\n' +
+  '  <dd>Windows, Linux oder macOS: STRG+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Die Navigation beginnt beim ersten Benutzeroberflächenelement, welches hervorgehoben ist. Falls sich das erste Element im Pfad der Fußzeile befindet,\n' +
+  '  ist es unterstrichen.</p>\n' +
+  '\n' +
+  '<h1>Zwischen Abschnitten der Benutzeroberfläche navigieren</h1>\n' +
+  '\n' +
+  '<p>Um von einem Abschnitt der Benutzeroberfläche zum nächsten zu wechseln, drücken Sie <strong>TAB</strong>.</p>\n' +
+  '\n' +
+  '<p>Um von einem Abschnitt der Benutzeroberfläche zum vorherigen zu wechseln, drücken Sie <strong>UMSCHALT+TAB</strong>.</p>\n' +
+  '\n' +
+  '<p>Die Abschnitte der Benutzeroberfläche haben folgende <strong>TAB</strong>-Reihenfolge:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menüleiste</li>\n' +
+  '  <li>Einzelne Gruppen der Symbolleiste</li>\n' +
+  '  <li>Randleiste</li>\n' +
+  '  <li>Elementpfad in der Fußzeile</li>\n' +
+  '  <li>Umschaltfläche „Wörter zählen“ in der Fußzeile</li>\n' +
+  '  <li>Branding-Link in der Fußzeile</li>\n' +
+  '  <li>Editor-Ziehpunkt zur Größenänderung in der Fußzeile</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Falls ein Abschnitt der Benutzeroberflächen nicht vorhanden ist, wird er übersprungen.</p>\n' +
+  '\n' +
+  '<p>Wenn in der Fußzeile die Tastaturnavigation fokussiert ist und keine Randleiste angezeigt wird, wechselt der Fokus durch Drücken von <strong>UMSCHALT+TAB</strong>\n' +
+  '  zur ersten Gruppe der Symbolleiste, nicht zur letzten.</p>\n' +
+  '\n' +
+  '<h1>Innerhalb von Abschnitten der Benutzeroberfläche navigieren</h1>\n' +
+  '\n' +
+  '<p>Um von einem Element der Benutzeroberfläche zum nächsten zu wechseln, drücken Sie die entsprechende <strong>Pfeiltaste</strong>.</p>\n' +
+  '\n' +
+  '<p>Die Pfeiltasten <strong>Links</strong> und <strong>Rechts</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>wechseln zwischen Menüs in der Menüleiste.</li>\n' +
+  '  <li>öffnen das Untermenü eines Menüs.</li>\n' +
+  '  <li>wechseln zwischen Schaltflächen in einer Gruppe der Symbolleiste.</li>\n' +
+  '  <li>wechseln zwischen Elementen im Elementpfad der Fußzeile.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Die Pfeiltasten <strong>Abwärts</strong> und <strong>Aufwärts</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>wechseln zwischen Menüelementen in einem Menü.</li>\n' +
+  '  <li>wechseln zwischen Elementen in einem Popupmenü der Symbolleiste.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Die <strong>Pfeiltasten</strong> rotieren innerhalb des fokussierten Abschnitts der Benutzeroberfläche.</p>\n' +
+  '\n' +
+  '<p>Um ein geöffnetes Menü, ein geöffnetes Untermenü oder ein geöffnetes Popupmenü zu schließen, drücken Sie die <strong>ESC</strong>-Taste.</p>\n' +
+  '\n' +
+  '<p>Wenn sich der aktuelle Fokus ganz oben in einem bestimmten Abschnitt der Benutzeroberfläche befindet, wird durch Drücken der <strong>ESC</strong>-Taste auch\n' +
+  '  die Tastaturnavigation beendet.</p>\n' +
+  '\n' +
+  '<h1>Ein Menüelement oder eine Symbolleistenschaltfläche ausführen</h1>\n' +
+  '\n' +
+  '<p>Wenn das gewünschte Menüelement oder die gewünschte Symbolleistenschaltfläche hervorgehoben ist, drücken Sie <strong>Zurück</strong>, <strong>Eingabe</strong>\n' +
+  '  oder die <strong>Leertaste</strong>, um das Element auszuführen.</p>\n' +
+  '\n' +
+  '<h1>In Dialogfeldern ohne Registerkarten navigieren</h1>\n' +
+  '\n' +
+  '<p>In Dialogfeldern ohne Registerkarten ist beim Öffnen eines Dialogfelds die erste interaktive Komponente fokussiert.</p>\n' +
+  '\n' +
+  '<p>Navigieren Sie zwischen den interaktiven Komponenten eines Dialogfelds, indem Sie <strong>TAB</strong> oder <strong>UMSCHALT+TAB</strong> drücken.</p>\n' +
+  '\n' +
+  '<h1>In Dialogfeldern mit Registerkarten navigieren</h1>\n' +
+  '\n' +
+  '<p>In Dialogfeldern mit Registerkarten ist beim Öffnen eines Dialogfelds die erste Schaltfläche eines Registerkartenmenüs fokussiert.</p>\n' +
+  '\n' +
+  '<p>Navigieren Sie zwischen den interaktiven Komponenten auf dieser Registerkarte des Dialogfelds, indem Sie <strong>TAB</strong> oder\n' +
+  '  <strong>UMSCHALT+TAB</strong> drücken.</p>\n' +
+  '\n' +
+  '<p>Wechseln Sie zu einer anderen Registerkarte des Dialogfelds, indem Sie den Fokus auf das Registerkartenmenü legen und dann die entsprechende <strong>Pfeiltaste</strong>\n' +
+  '  drücken, um durch die verfügbaren Registerkarten zu rotieren.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/el.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/el.js
new file mode 100644
index 000000000..98afabe94
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/el.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.el',
+'<h1>Έναρξη πλοήγησης μέσω πληκτρολογίου</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Εστίαση στη γραμμή μενού</dt>\n' +
+  '  <dd>Windows ή Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Εστίαση στη γραμμή εργαλείων</dt>\n' +
+  '  <dd>Windows ή Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Εστίαση στο υποσέλιδο</dt>\n' +
+  '  <dd>Windows ή Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Εστίαση στην ειδοποίηση</dt>\n' +
+  '  <dd>Windows ή Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Εστίαση σε γραμμή εργαλείων βάσει περιεχομένου</dt>\n' +
+  '  <dd>Windows, Linux ή macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Η πλοήγηση θα ξεκινήσει από το πρώτο στοιχείο περιβάλλοντος χρήστη, που θα επισημαίνεται ή θα είναι υπογραμμισμένο,\n' +
+  '  όπως στην περίπτωση της διαδρομής του στοιχείου Υποσέλιδου.</p>\n' +
+  '\n' +
+  '<h1>Πλοήγηση μεταξύ ενοτήτων του περιβάλλοντος χρήστη</h1>\n' +
+  '\n' +
+  '<p>Για να μετακινηθείτε από μια ενότητα περιβάλλοντος χρήστη στην επόμενη, πιέστε το πλήκτρο <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Για να μετακινηθείτε από μια ενότητα περιβάλλοντος χρήστη στην προηγούμενη, πιέστε τα πλήκτρα <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Η σειρά <strong>Tab</strong> αυτών των ενοτήτων περιβάλλοντος χρήστη είναι η εξής:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Γραμμή μενού</li>\n' +
+  '  <li>Κάθε ομάδα γραμμής εργαλείων</li>\n' +
+  '  <li>Πλαϊνή γραμμή</li>\n' +
+  '  <li>Διαδρομή στοιχείου στο υποσέλιδο</li>\n' +
+  '  <li>Κουμπί εναλλαγής μέτρησης λέξεων στο υποσέλιδο</li>\n' +
+  '  <li>Σύνδεσμος επωνυμίας στο υποσέλιδο</li>\n' +
+  '  <li>Λαβή αλλαγής μεγέθους προγράμματος επεξεργασίας στο υποσέλιδο</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Εάν δεν εμφανίζεται ενότητα περιβάλλοντος χρήστη, παραλείπεται.</p>\n' +
+  '\n' +
+  '<p>Εάν η εστίαση πλοήγησης βρίσκεται στο πληκτρολόγιο και δεν υπάρχει εμφανής πλαϊνή γραμμή, εάν πιέσετε <strong>Shift+Tab</strong>\n' +
+  '  η εστίαση μετακινείται στην πρώτη ομάδα γραμμής εργαλείων, όχι στην τελευταία.</p>\n' +
+  '\n' +
+  '<h1>Πλοήγηση εντός των ενοτήτων του περιβάλλοντος χρήστη</h1>\n' +
+  '\n' +
+  '<p>Για να μετακινηθείτε από ένα στοιχείο περιβάλλοντος χρήστη στο επόμενο, πιέστε το αντίστοιχο πλήκτρο <strong>βέλους</strong>.</p>\n' +
+  '\n' +
+  '<p>Με τα πλήκτρα <strong>αριστερού</strong> και <strong>δεξιού</strong> βέλους</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ των μενού στη γραμμή μενού.</li>\n' +
+  '  <li>ανοίγει ένα υπομενού σε ένα μενού.</li>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ κουμπιών σε μια ομάδα γραμμής εργαλείων.</li>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ στοιχείων στη διαδρομή στοιχείου στο υποσέλιδο.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Με τα πλήκτρα <strong>επάνω</strong> και <strong>κάτω</strong> βέλους</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ των στοιχείων μενού σε ένα μενού.</li>\n' +
+  '  <li>γίνεται μετακίνηση μεταξύ των στοιχείων μενού σε ένα αναδυόμενο μενού γραμμής εργαλείων.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Με τα πλήκτρα <strong>βέλους</strong> γίνεται κυκλική μετακίνηση εντός της εστιασμένης ενότητας περιβάλλοντος χρήστη.</p>\n' +
+  '\n' +
+  '<p>Για να κλείσετε ένα ανοιχτό μενού, ένα ανοιχτό υπομενού ή ένα ανοιχτό αναδυόμενο μενού, πιέστε το πλήκτρο <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Εάν η τρέχουσα εστίαση βρίσκεται στην κορυφή μιας ενότητας περιβάλλοντος χρήστη, πιέζοντας το πλήκτρο <strong>Esc</strong>,\n' +
+  '  γίνεται επίσης πλήρης έξοδος από την πλοήγηση μέσω πληκτρολογίου.</p>\n' +
+  '\n' +
+  '<h1>Εκτέλεση ενός στοιχείου μενού ή κουμπιού γραμμής εργαλείων</h1>\n' +
+  '\n' +
+  '<p>Όταν το επιθυμητό στοιχείο μενού ή κουμπί γραμμής εργαλείων είναι επισημασμένο, πιέστε τα πλήκτρα <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  ή το <strong>πλήκτρο διαστήματος</strong> για να εκτελέσετε το στοιχείο.</p>\n' +
+  '\n' +
+  '<h1>Πλοήγηση σε παράθυρα διαλόγου χωρίς καρτέλες</h1>\n' +
+  '\n' +
+  '<p>Σε παράθυρα διαλόγου χωρίς καρτέλες, το πρώτο αλληλεπιδραστικό στοιχείο λαμβάνει την εστίαση όταν ανοίγει το παράθυρο διαλόγου.</p>\n' +
+  '\n' +
+  '<p>Μπορείτε να πλοηγηθείτε μεταξύ των αλληλεπιδραστικών στοιχείων παραθύρων διαλόγων πιέζοντας τα πλήκτρα <strong>Tab</strong> ή <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Πλοήγηση σε παράθυρα διαλόγου με καρτέλες</h1>\n' +
+  '\n' +
+  '<p>Σε παράθυρα διαλόγου με καρτέλες, το πρώτο κουμπί στο μενού καρτέλας λαμβάνει την εστίαση όταν ανοίγει το παράθυρο διαλόγου.</p>\n' +
+  '\n' +
+  '<p>Μπορείτε να πλοηγηθείτε μεταξύ των αλληλεπιδραστικών στοιχείων αυτής της καρτέλα διαλόγου πιέζοντας τα πλήκτρα <strong>Tab</strong> ή\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Μπορείτε να κάνετε εναλλαγή σε άλλη καρτέλα του παραθύρου διαλόγου, μεταφέροντας την εστίαση στο μενού καρτέλας και πιέζοντας το κατάλληλο πλήκτρο <strong>βέλους</strong>\n' +
+  '  για να μετακινηθείτε κυκλικά στις διαθέσιμες καρτέλες.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/en.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/en.js
new file mode 100644
index 000000000..5dd753e82
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/en.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.en',
+'<h1>Begin keyboard navigation</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Focus the Menu bar</dt>\n' +
+  '  <dd>Windows or Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Focus the Toolbar</dt>\n' +
+  '  <dd>Windows or Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Focus the footer</dt>\n' +
+  '  <dd>Windows or Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Focus the notification</dt>\n' +
+  '  <dd>Windows or Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Focus a contextual toolbar</dt>\n' +
+  '  <dd>Windows, Linux or macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigation will start at the first UI item, which will be highlighted, or underlined in the case of the first item in\n' +
+  '  the Footer element path.</p>\n' +
+  '\n' +
+  '<h1>Navigate between UI sections</h1>\n' +
+  '\n' +
+  '<p>To move from one UI section to the next, press <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>To move from one UI section to the previous, press <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>The <strong>Tab</strong> order of these UI sections is:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menu bar</li>\n' +
+  '  <li>Each toolbar group</li>\n' +
+  '  <li>Sidebar</li>\n' +
+  '  <li>Element path in the footer</li>\n' +
+  '  <li>Word count toggle button in the footer</li>\n' +
+  '  <li>Branding link in the footer</li>\n' +
+  '  <li>Editor resize handle in the footer</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>If a UI section is not present, it is skipped.</p>\n' +
+  '\n' +
+  '<p>If the footer has keyboard navigation focus, and there is no visible sidebar, pressing <strong>Shift+Tab</strong>\n' +
+  '  moves focus to the first toolbar group, not the last.</p>\n' +
+  '\n' +
+  '<h1>Navigate within UI sections</h1>\n' +
+  '\n' +
+  '<p>To move from one UI element to the next, press the appropriate <strong>Arrow</strong> key.</p>\n' +
+  '\n' +
+  '<p>The <strong>Left</strong> and <strong>Right</strong> arrow keys</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>move between menus in the menu bar.</li>\n' +
+  '  <li>open a sub-menu in a menu.</li>\n' +
+  '  <li>move between buttons in a toolbar group.</li>\n' +
+  '  <li>move between items in the footer’s element path.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>The <strong>Down</strong> and <strong>Up</strong> arrow keys</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>move between menu items in a menu.</li>\n' +
+  '  <li>move between items in a toolbar pop-up menu.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Arrow</strong> keys cycle within the focused UI section.</p>\n' +
+  '\n' +
+  '<p>To close an open menu, an open sub-menu, or an open pop-up menu, press the <strong>Esc</strong> key.</p>\n' +
+  '\n' +
+  '<p>If the current focus is at the ‘top’ of a particular UI section, pressing the <strong>Esc</strong> key also exits\n' +
+  '  keyboard navigation entirely.</p>\n' +
+  '\n' +
+  '<h1>Execute a menu item or toolbar button</h1>\n' +
+  '\n' +
+  '<p>When the desired menu item or toolbar button is highlighted, press <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  or the <strong>Space bar</strong> to execute the item.</p>\n' +
+  '\n' +
+  '<h1>Navigate non-tabbed dialogs</h1>\n' +
+  '\n' +
+  '<p>In non-tabbed dialogs, the first interactive component takes focus when the dialog opens.</p>\n' +
+  '\n' +
+  '<p>Navigate between interactive dialog components by pressing <strong>Tab</strong> or <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigate tabbed dialogs</h1>\n' +
+  '\n' +
+  '<p>In tabbed dialogs, the first button in the tab menu takes focus when the dialog opens.</p>\n' +
+  '\n' +
+  '<p>Navigate between interactive components of this dialog tab by pressing <strong>Tab</strong> or\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Switch to another dialog tab by giving the tab menu focus and then pressing the appropriate <strong>Arrow</strong>\n' +
+  '  key to cycle through the available tabs.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/es.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/es.js
new file mode 100644
index 000000000..e426c2e2e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/es.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.es',
+'<h1>Iniciar la navegación con el teclado</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Enfocar la barra de menús</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Enfocar la barra de herramientas</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Enfocar el pie de página</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Enfocar la notificación</dt>\n' +
+  '  <dd>Windows o Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Enfocar una barra de herramientas contextual</dt>\n' +
+  '  <dd>Windows, Linux o macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>La navegación comenzará por el primer elemento de la interfaz de usuario (IU), de tal manera que se resaltará, o bien se subrayará si se trata del primer elemento de\n' +
+  '  la ruta de elemento del pie de página.</p>\n' +
+  '\n' +
+  '<h1>Navegar entre las secciones de la IU</h1>\n' +
+  '\n' +
+  '<p>Para pasar de una sección de la IU a la siguiente, pulse la tecla <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Para pasar de una sección de la IU a la anterior, pulse <strong>Mayús+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>El orden de <strong>tabulación</strong> de estas secciones de la IU es:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra de menús</li>\n' +
+  '  <li>Cada grupo de barra de herramientas</li>\n' +
+  '  <li>Barra lateral</li>\n' +
+  '  <li>Ruta del elemento en el pie de página</li>\n' +
+  '  <li>Botón de alternancia de recuento de palabras en el pie de página</li>\n' +
+  '  <li>Enlace de personalización de marca en el pie de página</li>\n' +
+  '  <li>Controlador de cambio de tamaño en el pie de página</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Si una sección de la IU no está presente, esta se omite.</p>\n' +
+  '\n' +
+  '<p>Si el pie de página tiene un enfoque de navegación con el teclado y no hay ninguna barra lateral visible, al pulsar <strong>Mayús+Tab</strong>,\n' +
+  '  el enfoque se moverá al primer grupo de barra de herramientas, en lugar de al último.</p>\n' +
+  '\n' +
+  '<h1>Navegar dentro de las secciones de la IU</h1>\n' +
+  '\n' +
+  '<p>Para pasar de un elemento de la IU al siguiente, pulse la tecla de <strong>flecha</strong> correspondiente.</p>\n' +
+  '\n' +
+  '<p>Las teclas de flecha <strong>izquierda</strong> y <strong>derecha</strong> permiten</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>desplazarse entre los menús de la barra de menús.</li>\n' +
+  '  <li>abrir el submenú de un menú.</li>\n' +
+  '  <li>desplazarse entre los botones de un grupo de barra de herramientas.</li>\n' +
+  '  <li>desplazarse entre los elementos de la ruta de elemento del pie de página.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Las teclas de flecha <strong>abajo</strong> y <strong>arriba</strong> permiten</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>desplazarse entre los elementos de menú de un menú.</li>\n' +
+  '  <li>desplazarse entre los elementos de un menú emergente de una barra de herramientas.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Las teclas de <strong>flecha</strong> van cambiando dentro de la sección de la IU enfocada.</p>\n' +
+  '\n' +
+  '<p>Para cerrar un menú, un submenú o un menú emergente que estén abiertos, pulse la tecla <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Si el enfoque actual se encuentra en la parte superior de una sección de la IU determinada, al pulsar la tecla <strong>Esc</strong> saldrá\n' +
+  '  de la navegación con el teclado por completo.</p>\n' +
+  '\n' +
+  '<h1>Ejecutar un elemento de menú o un botón de barra de herramientas</h1>\n' +
+  '\n' +
+  '<p>Si el elemento de menú o el botón de barra de herramientas deseado está resaltado, pulse la tecla <strong>Retorno</strong> o <strong>Entrar</strong>,\n' +
+  '  o la <strong>barra espaciadora</strong> para ejecutar el elemento.</p>\n' +
+  '\n' +
+  '<h1>Navegar por cuadros de diálogo sin pestañas</h1>\n' +
+  '\n' +
+  '<p>En los cuadros de diálogo sin pestañas, el primer componente interactivo se enfoca al abrirse el cuadro de diálogo.</p>\n' +
+  '\n' +
+  '<p>Para navegar entre los componentes interactivos del cuadro de diálogo, pulse las teclas <strong>Tab</strong> o <strong>Mayús+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navegar por cuadros de diálogo con pestañas</h1>\n' +
+  '\n' +
+  '<p>En los cuadros de diálogo con pestañas, el primer botón del menú de pestaña se enfoca al abrirse el cuadro de diálogo.</p>\n' +
+  '\n' +
+  '<p>Para navegar entre componentes interactivos de esta pestaña del cuadro de diálogo, pulse las teclas <strong>Tab</strong> o\n' +
+  '  <strong>Mayús+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Si desea cambiar a otra pestaña del cuadro de diálogo, enfoque el menú de pestañas y, a continuación, pulse la tecla de <strong>flecha</strong>\n' +
+  '  correspondiente para moverse por las pestañas disponibles.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/eu.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/eu.js
new file mode 100644
index 000000000..c18b94030
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/eu.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.eu',
+'<h1>Hasi teklatuaren nabigazioa</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokuratu menu-barra</dt>\n' +
+  '  <dd>Windows edo Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokuratu tresna-barra</dt>\n' +
+  '  <dd>Windows edo Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokuratu orri-oina</dt>\n' +
+  '  <dd>Windows edo Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokuratu jakinarazpena</dt>\n' +
+  '  <dd>Windows edo Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokuratu testuinguruaren tresna-barra</dt>\n' +
+  '  <dd>Windows, Linux edo macOS: Ktrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Nabigazioa EIko lehen elementuan hasiko da: elementu hori nabarmendu egingo da, edo azpimarratu lehen elementua bada\n' +
+  '  orri-oineko elementuaren bidea.</p>\n' +
+  '\n' +
+  '<h1>Nabigatu EIko atalen artean</h1>\n' +
+  '\n' +
+  '<p>EIko atal batetik hurrengora mugitzeko, sakatu <strong>Tabuladorea</strong>.</p>\n' +
+  '\n' +
+  '<p>EIko atal batetik aurrekora mugitzeko, sakatu <strong>Maius+Tabuladorea</strong>.</p>\n' +
+  '\n' +
+  '<p>EIko atal hauen <strong>Tabuladorea</strong> da:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menu-barra</li>\n' +
+  '  <li>Tresna-barraren talde bakoitza</li>\n' +
+  '  <li>Alboko barra</li>\n' +
+  '  <li>Orri-oineko elementuaren bidea</li>\n' +
+  '  <li>Orri-oneko urrats-kontaketa txandakatzeko botoia</li>\n' +
+  '  <li>Orri-oineko marken esteka</li>\n' +
+  '  <li>Orri-oineko editorearen tamaina aldatzeko heldulekua</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>EIko atal bat ez badago, saltatu egin da.</p>\n' +
+  '\n' +
+  '<p>Orri-oinak teklatuaren nabigazioa fokuratuta badago, eta alboko barra ikusgai ez badago, <strong>Maius+Tabuladorea</strong> sakatuz gero,\n' +
+  '  fokua tresna-barrako lehen taldera eramaten da, ez azkenera.</p>\n' +
+  '\n' +
+  '<h1>Nabigatu EIko atalen barruan</h1>\n' +
+  '\n' +
+  '<p>EIko elementu batetik hurrengora mugitzeko, sakatu dagokion <strong>Gezia</strong> tekla.</p>\n' +
+  '\n' +
+  '<p><strong>Ezkerrera</strong> eta <strong>Eskuinera</strong> gezi-teklak</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>menu-barrako menuen artean mugitzen da.</li>\n' +
+  '  <li>ireki azpimenu bat menuan.</li>\n' +
+  '  <li>mugitu botoi batetik bestera tresna-barren talde batean.</li>\n' +
+  '  <li>mugitu orri-oineko elementuaren bideko elementu batetik bestera.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Gora</strong> eta <strong>Behera</strong> gezi-teklak</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>mugitu menu bateko menu-elementuen artean.</li>\n' +
+  '  <li>mugitu tresna-barrako menu gainerakor bateko menu-elementuen artean.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Gezia</strong> teklen zikloa nabarmendutako EI atalen barruan.</p>\n' +
+  '\n' +
+  '<p>Irekitako menu bat ixteko, ireki azpimenua, edo ireki menu gainerakorra, sakatu <strong>Ihes</strong> tekla.</p>\n' +
+  '\n' +
+  '<p>Une horretan fokuratzea EIko atal jakin baten "goialdean" badago, <strong>Ihes</strong> tekla sakatuz gero\n' +
+  '  teklatuaren nabigaziotik irtengo zara.</p>\n' +
+  '\n' +
+  '<h1>Exekutatu menuko elementu bat edo tresna-barrako botoi bat</h1>\n' +
+  '\n' +
+  '<p>Nahi den menuaren elementua edo tresna-barraren botoia nabarmenduta dagoenean, sakatu <strong>Itzuli</strong>, <strong>Sartu</strong>\n' +
+  '  edo <strong>Zuriune-barra</strong> elementua exekutatzeko.</p>\n' +
+  '\n' +
+  '<h1>Nabigatu fitxarik gabeko elkarrizketak</h1>\n' +
+  '\n' +
+  '<p>Fitxarik gabeko elkarrizketetan, lehen osagai interaktiboa fokuratzen da elkarrizketa irekitzen denean.</p>\n' +
+  '\n' +
+  '<p>Nabigatu elkarrizketa interaktiboko osagai batetik bestera <strong>Tabuladorea</strong> edo <strong>Maius+Tabuladorea</strong> sakatuta.</p>\n' +
+  '\n' +
+  '<h1>Nabigatu fitxadun elkarrizketak</h1>\n' +
+  '\n' +
+  '<p>Fitxadun elkarrizketetan, fitxa-menuko lehen botoia fokuratzen da elkarrizketa irekitzen denean.</p>\n' +
+  '\n' +
+  '<p>Nabigatu elkarrizketa-fitxa honen interaktiboko osagai batetik bestera <strong>Tabuladorea</strong> edo\n' +
+  '  <strong>Maius+Tabuladorea</strong> sakatuta.</p>\n' +
+  '\n' +
+  '<p>Aldatu beste elkarrizketa-fitxa batera fitxa-menua fokuratu eta dagokion <strong>Gezia</strong>\n' +
+  '  tekla sakatzeko, erabilgarri dauden fitxa batetik bestera txandakatzeko.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fa.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fa.js
new file mode 100644
index 000000000..2a55012e8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fa.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.fa',
+'<h1>شروع پیمایش صفحه‌کلید</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>تمرکز بر نوار منو</dt>\n' +
+  '  <dd>Windows یا Linux:‎‏: Alt+F9</dd>\n' +
+  '  <dd>‎‏macOS: &#x2325;F9‎‏</dd>\n' +
+  '  <dt>تمرکز بر نوار ابزار</dt>\n' +
+  '  <dd>Windows یا Linux‎‏: Alt+F10</dd>\n' +
+  '  <dd>‎‏macOS: &#x2325;F10‎‏</dd>\n' +
+  '  <dt>تمرکز بر پانویس</dt>\n' +
+  '  <dd>Windows یا Linux‎‏: Alt+F11</dd>\n' +
+  '  <dd>‎‏macOS: &#x2325;F11‎‏</dd>\n' +
+  '  <dt>تمرکز اعلان</dt>\n' +
+  '  <dd>ویندوز یا لینوکس: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>تمرکز بر نوار ابزار بافتاری</dt>\n' +
+  '  <dd>Windows ،Linux یا macOS:‏ Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>پیمایش در اولین مورد رابط کاربری شروع می‌شود و درخصوص اولین مورد در\n' +
+  '  مسیر عنصر پانویس، برجسته یا زیرخط‌دار می‌شود.</p>\n' +
+  '\n' +
+  '<h1>پیمایش بین بخش‌های رابط کاربری</h1>\n' +
+  '\n' +
+  '<p>برای جابجایی از یک بخش رابط کاربری به بخش بعدی، <strong>Tab</strong> را فشار دهید.</p>\n' +
+  '\n' +
+  '<p>برای جابجایی از یک بخش رابط کاربری به بخش قبلی، <strong>Shift+Tab</strong> را فشار دهید.</p>\n' +
+  '\n' +
+  '<p>ترتیب <strong>Tab</strong> این بخش‌های رابط کاربری عبارتند از:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>نوار منو</li>\n' +
+  '  <li>هر گروه نوار ابزار</li>\n' +
+  '  <li>نوار کناری</li>\n' +
+  '  <li>مسیر عنصر در پانویس</li>\n' +
+  '  <li>دکمه تغییر وضعیت تعداد کلمات در پانویس</li>\n' +
+  '  <li>پیوند نمانام‌سازی در پانویس</li>\n' +
+  '  <li>دسته تغییر اندازه ویرایشگر در پانویس</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>اگر بخشی از رابط کاربری موجود نباشد، رد می‌شود.</p>\n' +
+  '\n' +
+  '<p>اگر پانویس دارای تمرکز بر پیمایش صفحه‌کلید باشد،‌ و نوار کناری قابل‌مشاهده وجود ندارد، فشردن <strong>Shift+Tab</strong>\n' +
+  '  تمرکز را به گروه نوار ابزار اول می‌برد، نه آخر.</p>\n' +
+  '\n' +
+  '<h1>پیمایش در بخش‌های رابط کاربری</h1>\n' +
+  '\n' +
+  '<p>برای جابجایی از یک عنصر رابط کاربری به بعدی، کلید <strong>جهت‌نمای</strong> مناسب را فشار دهید.</p>\n' +
+  '\n' +
+  '<p>کلیدهای جهت‌نمای <strong>چپ</strong> و <strong>راست</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>جابجایی بین منوها در نوار منو.</li>\n' +
+  '  <li>باز کردن منوی فرعی در یک منو.</li>\n' +
+  '  <li>جابجایی بین دکمه‌ها در یک گروه نوار ابزار.</li>\n' +
+  '  <li>جابجایی بین موارد در مسیر عنصر پانویس.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>کلیدهای جهت‌نمای <strong>پایین</strong> و <strong>بالا</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>جابجایی بین موارد منو در یک منو.</li>\n' +
+  '  <li>جابجایی بین موارد در یک منوی بازشوی نوار ابزار.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>کلیدهای<strong>جهت‌نما</strong> در بخش رابط کاربری متمرکز می‌چرخند.</p>\n' +
+  '\n' +
+  '<p>برای بستن یک منوی باز، یک منوی فرعی باز، یا یک منوی بازشوی باز، کلید <strong>Esc</strong> را فشار دهید.</p>\n' +
+  '\n' +
+  '<p>اگر تمرکز فعلی در «بالای» یک بخش رابط کاربری خاص است، فشردن کلید <strong>Esc</strong> نیز موجب\n' +
+  '  خروج کامل از پیمایش صفحه‌کلید می‌شود.</p>\n' +
+  '\n' +
+  '<h1>اجرای یک مورد منو یا دکمه نوار ابزار</h1>\n' +
+  '\n' +
+  '<p>وقتی مورد منو یا دکمه نوار ابزار مورد نظر هایلایت شد، دکمه <strong>بازگشت</strong>، <strong>Enter</strong>،\n' +
+  '  یا <strong>نوار Space</strong> را فشار دهید تا مورد را اجرا کنید.</p>\n' +
+  '\n' +
+  '<h1>پیمایش در کادرهای گفتگوی بدون زبانه</h1>\n' +
+  '\n' +
+  '<p>در کادرهای گفتگوی بدون زبانه، وقتی کادر گفتگو باز می‌شود، اولین جزء تعاملی متمرکز می‌شود.</p>\n' +
+  '\n' +
+  '<p>با فشردن <strong>Tab</strong> یا <strong>Shift+Tab</strong>، بین اجزای کادر گفتگوی تعاملی پیمایش کنید.</p>\n' +
+  '\n' +
+  '<h1>پیمایش کادرهای گفتگوی زبانه‌دار</h1>\n' +
+  '\n' +
+  '<p>در کادرهای گفتگوی زبانه‌دار، وقتی کادر گفتگو باز می‌شود، اولین دکمه در منوی زبانه متمرکز می‌شود.</p>\n' +
+  '\n' +
+  '<p>با فشردن <strong>Tab</strong> یا\n' +
+  '  <strong>Shift+Tab</strong>، بین اجزای تعاملی این زبانه کادر گفتگو پیمایش کنید.</p>\n' +
+  '\n' +
+  '<p>با دادن تمرکز به منوی زبانه و سپس فشار دادن کلید <strong>جهت‌نمای</strong>\n' +
+  '  مناسب برای چرخش میان زبانه‌های موجود، به زبانه کادر گفتگوی دیگری بروید.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fi.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fi.js
new file mode 100644
index 000000000..f01dc91c8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fi.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.fi',
+'<h1>Näppäimistönavigoinnin aloittaminen</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Siirrä kohdistus valikkopalkkiin</dt>\n' +
+  '  <dd>Windows tai Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Siirrä kohdistus työkalupalkkiin</dt>\n' +
+  '  <dd>Windows tai Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Siirrä kohdistus alatunnisteeseen</dt>\n' +
+  '  <dd>Windows tai Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Keskitä ilmoitukseen</dt>\n' +
+  '  <dd>Windows ja Linux: Alt + F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Siirrä kohdistus kontekstuaaliseen työkalupalkkiin</dt>\n' +
+  '  <dd>Windows, Linux tai macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigointi aloitetaan ensimmäisestä käyttöliittymän kohteesta, joka joko korostetaan tai alleviivataan, jos\n' +
+  '  kyseessä on Alatunniste-elementin polun ensimmäinen kohde.</p>\n' +
+  '\n' +
+  '<h1>Käyttöliittymän eri osien välillä navigointi</h1>\n' +
+  '\n' +
+  '<p>Paina <strong>sarkainnäppäintä</strong> siirtyäksesi käyttöliittymän osasta seuraavaan.</p>\n' +
+  '\n' +
+  '<p>Jos haluat siirtyä edelliseen käyttöliittymän osaan, paina <strong>Shift+sarkainnäppäin</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Sarkainnäppäin</strong> siirtää sinua näissä käyttöliittymän osissa tässä järjestyksessä:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Valikkopalkki</li>\n' +
+  '  <li>Työkalupalkin ryhmät</li>\n' +
+  '  <li>Sivupalkki</li>\n' +
+  '  <li>Elementin polku alatunnisteessa</li>\n' +
+  '  <li>Sanalaskurin vaihtopainike alatunnisteessa</li>\n' +
+  '  <li>Brändäyslinkki alatunnisteessa</li>\n' +
+  '  <li>Editorin koon muuttamisen kahva alatunnisteessa</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Jos jotakin käyttöliittymän osaa ei ole, se ohitetaan.</p>\n' +
+  '\n' +
+  '<p>Jos kohdistus on siirretty alatunnisteeseen näppäimistönavigoinnilla eikä sivupalkkia ole näkyvissä, <strong>Shift+sarkainnäppäin</strong>\n' +
+  '  siirtää kohdistuksen työkalupalkin ensimmäiseen ryhmään, eikä viimeiseen.</p>\n' +
+  '\n' +
+  '<h1>Käyttöliittymän eri osien sisällä navigointi</h1>\n' +
+  '\n' +
+  '<p>Paina <strong>nuolinäppäimiä</strong> siirtyäksesi käyttöliittymäelementistä seuraavaan.</p>\n' +
+  '\n' +
+  '<p><strong>Vasen</strong>- ja <strong>Oikea</strong>-nuolinäppäimet</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>siirtävät sinua valikkopalkin valikoiden välillä.</li>\n' +
+  '  <li>avaavat valikon alavalikon.</li>\n' +
+  '  <li>siirtävät sinua työkalupalkin ryhmän painikkeiden välillä.</li>\n' +
+  '  <li>siirtävät sinua kohteiden välillä alatunnisteen elementin polussa.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Alas</strong>- ja <strong>Ylös</strong>-nuolinäppäimet</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>siirtävät sinua valikon valikkokohteiden välillä.</li>\n' +
+  '  <li>siirtävät sinua työkalupalkin ponnahdusvalikon kohteiden välillä.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Nuolinäppäimet</strong> siirtävät sinua käyttöliittymän korostetun osan sisällä syklissä.</p>\n' +
+  '\n' +
+  '<p>Paina <strong>Esc</strong>-näppäintä sulkeaksesi avoimen valikon, avataksesi alavalikon tai avataksesi ponnahdusvalikon.</p>\n' +
+  '\n' +
+  '<p>Jos kohdistus on käyttöliittymän tietyn osion ylälaidassa, <strong>Esc</strong>-näppäimen painaminen\n' +
+  '  poistuu myös näppäimistönavigoinnista kokonaan.</p>\n' +
+  '\n' +
+  '<h1>Suorita valikkokohde tai työkalupalkin painike</h1>\n' +
+  '\n' +
+  '<p>Kun haluamasi valikkokohde tai työkalupalkin painike on korostettuna, paina <strong>Return</strong>-, <strong>Enter</strong>-\n' +
+  '  tai <strong>välilyöntinäppäintä</strong> suorittaaksesi kohteen.</p>\n' +
+  '\n' +
+  '<h1>Välilehdittömissä valintaikkunoissa navigointi</h1>\n' +
+  '\n' +
+  '<p>Kun välilehdetön valintaikkuna avautuu, kohdistus siirtyy sen ensimmäiseen interaktiiviseen komponenttiin.</p>\n' +
+  '\n' +
+  '<p>Voit siirtyä valintaikkunan interaktiivisten komponenttien välillä painamalla <strong>sarkainnäppäintä</strong> tai <strong>Shift+sarkainnäppäin</strong>.</p>\n' +
+  '\n' +
+  '<h1>Välilehdellisissä valintaikkunoissa navigointi</h1>\n' +
+  '\n' +
+  '<p>Kun välilehdellinen valintaikkuna avautuu, kohdistus siirtyy välilehtivalikon ensimmäiseen painikkeeseen.</p>\n' +
+  '\n' +
+  '<p>Voit siirtyä valintaikkunan välilehden interaktiivisen komponenttien välillä painamalla <strong>sarkainnäppäintä</strong> tai\n' +
+  '  <strong>Shift+sarkainnäppäin</strong>.</p>\n' +
+  '\n' +
+  '<p>Voit siirtyä valintaikkunan toiseen välilehteen siirtämällä kohdistuksen välilehtivalikkoon ja painamalla sopivaa <strong>nuolinäppäintä</strong>\n' +
+  '  siirtyäksesi käytettävissä olevien välilehtien välillä syklissä.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fr_FR.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fr_FR.js
new file mode 100644
index 000000000..3f611e873
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/fr_FR.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.fr_FR',
+'<h1>Débuter la navigation au clavier</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Cibler la barre du menu</dt>\n' +
+  '  <dd>Windows ou Linux : Alt+F9</dd>\n' +
+  '  <dd>macOS : &#x2325;F9</dd>\n' +
+  "  <dt>Cibler la barre d'outils</dt>\n" +
+  '  <dd>Windows ou Linux : Alt+F10</dd>\n' +
+  '  <dd>macOS : &#x2325;F10</dd>\n' +
+  '  <dt>Cibler le pied de page</dt>\n' +
+  '  <dd>Windows ou Linux : Alt+F11</dd>\n' +
+  '  <dd>macOS : &#x2325;F11</dd>\n' +
+  '  <dt>Cibler la notification</dt>\n' +
+  '  <dd>Windows ou Linux : Alt+F12</dd>\n' +
+  '  <dd>macOS : &#x2325;F12</dd>\n' +
+  "  <dt>Cibler une barre d'outils contextuelle</dt>\n" +
+  '  <dd>Windows, Linux ou macOS : Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  "<p>La navigation débutera sur le premier élément de l'interface utilisateur, qui sera mis en surbrillance ou bien souligné dans le cas du premier élément du\n" +
+  "  chemin d'éléments du pied de page.</p>\n" +
+  '\n' +
+  "<h1>Naviguer entre les sections de l'interface utilisateur</h1>\n" +
+  '\n' +
+  "<p>Pour passer d'une section de l'interface utilisateur à la suivante, appuyez sur <strong>Tabulation</strong>.</p>\n" +
+  '\n' +
+  "<p>Pour passer d'une section de l'interface utilisateur à la précédente, appuyez sur <strong>Maj+Tabulation</strong>.</p>\n" +
+  '\n' +
+  "<p>L'ordre de <strong>Tabulation</strong> de ces sections de l'interface utilisateur est le suivant :</p>\n" +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barre du menu</li>\n' +
+  "  <li>Chaque groupe de barres d'outils</li>\n" +
+  '  <li>Barre latérale</li>\n' +
+  "  <li>Chemin d'éléments du pied de page</li>\n" +
+  "  <li>Bouton d'activation du compteur de mots dans le pied de page</li>\n" +
+  '  <li>Lien de marque dans le pied de page</li>\n' +
+  "  <li>Poignée de redimensionnement de l'éditeur dans le pied de page</li>\n" +
+  '</ol>\n' +
+  '\n' +
+  "<p>Si une section de l'interface utilisateur n'est pas présente, elle sera ignorée.</p>\n" +
+  '\n' +
+  "<p>Si le pied de page comporte un ciblage par navigation au clavier et qu'il n'y a aucune barre latérale visible, appuyer sur <strong>Maj+Tabulation</strong>\n" +
+  "  déplace le ciblage vers le premier groupe de barres d'outils et non le dernier.</p>\n" +
+  '\n' +
+  "<h1>Naviguer au sein des sections de l'interface utilisateur</h1>\n" +
+  '\n' +
+  "<p>Pour passer d'un élément de l'interface utilisateur au suivant, appuyez sur la <strong>Flèche</strong> appropriée.</p>\n" +
+  '\n' +
+  '<p>Les touches fléchées <strong>Gauche</strong> et <strong>Droite</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>se déplacent entre les menus de la barre des menus.</li>\n' +
+  "  <li>ouvrent un sous-menu au sein d'un menu.</li>\n" +
+  "  <li>se déplacent entre les boutons d'un groupe de barres d'outils.</li>\n" +
+  "  <li>se déplacent entre les éléments du chemin d'éléments du pied de page.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  '<p>Les touches fléchées <strong>Bas</strong> et <strong>Haut</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  "  <li>se déplacent entre les éléments de menu au sein d'un menu.</li>\n" +
+  "  <li>se déplacent entre les éléments au sein d'un menu contextuel de barre d'outils.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  "<p>Les <strong>Flèches</strong> parcourent la section de l'interface utilisateur ciblée.</p>\n" +
+  '\n' +
+  '<p>Pour fermer un menu ouvert, un sous-menu ouvert ou un menu contextuel ouvert, appuyez sur <strong>Echap</strong>.</p>\n' +
+  '\n' +
+  "<p>Si l'actuel ciblage se trouve en « haut » d'une section spécifique de l'interface utilisateur, appuyer sur <strong>Echap</strong> permet également de quitter\n" +
+  '  entièrement la navigation au clavier.</p>\n' +
+  '\n' +
+  "<h1>Exécuter un élément de menu ou un bouton de barre d'outils</h1>\n" +
+  '\n' +
+  "<p>Lorsque l'élément de menu ou le bouton de barre d'outils désiré est mis en surbrillance, appuyez sur la touche <strong>Retour arrière</strong>, <strong>Entrée</strong>\n" +
+  "  ou la <strong>Barre d'espace</strong> pour exécuter l'élément.</p>\n" +
+  '\n' +
+  '<h1>Naviguer au sein de dialogues sans onglets</h1>\n' +
+  '\n' +
+  "<p>Dans les dialogues sans onglets, le premier composant interactif est ciblé lorsque le dialogue s'ouvre.</p>\n" +
+  '\n' +
+  '<p>Naviguez entre les composants du dialogue interactif en appuyant sur <strong>Tabulation</strong> ou <strong>Maj+Tabulation</strong>.</p>\n' +
+  '\n' +
+  '<h1>Naviguer au sein de dialogues avec onglets</h1>\n' +
+  '\n' +
+  "<p>Dans les dialogues avec onglets, le premier bouton du menu de l'onglet est ciblé lorsque le dialogue s'ouvre.</p>\n" +
+  '\n' +
+  '<p>Naviguez entre les composants interactifs de cet onglet de dialogue en appuyant sur <strong>Tabulation</strong> ou\n' +
+  '  <strong>Maj+Tabulation</strong>.</p>\n' +
+  '\n' +
+  "<p>Passez à un autre onglet de dialogue en ciblant le menu de l'onglet et en appuyant sur la <strong>Flèche</strong>\n" +
+  '  appropriée pour parcourir les onglets disponibles.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/he_IL.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/he_IL.js
new file mode 100644
index 000000000..7d6513af8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/he_IL.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.he_IL',
+'<h1>התחל ניווט במקלדת</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>התמקד בשורת התפריטים</dt>\n' +
+  '  <dd>Windows או Linux:‏ Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>העבר מיקוד לסרגל הכלים</dt>\n' +
+  '  <dd>Windows או Linux:‏ Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>העבר מיקוד לכותרת התחתונה</dt>\n' +
+  '  <dd>Windows או Linux:‏ Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>העבר מיקוד להודעה</dt>\n' +
+  '  <dd>Windows או Linux:‏ Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>העבר מיקוד לסרגל כלים הקשרי</dt>\n' +
+  '  <dd>Windows‏, Linux או macOS:‏ Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>הניווט יתחיל ברכיב הראשון במשך, שיודגש או שיהיה מתחתיו קו תחתון במקרה של הפריט הראשון\n' +
+  '  הנתיב של רכיב הכותרת התחתונה.</p>\n' +
+  '\n' +
+  '<h1>עבור בין מקטעים במסך</h1>\n' +
+  '\n' +
+  '<p>כדי לעבור בין המקטעים במסך, הקש <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>כדי לעבור למקטע הקודם במסך, הקש <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>הסדר מבחינת מקש <strong>Tab</strong> של הרכיבים במסך:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>שורת התפריטים</li>\n' +
+  '  <li>כל קבוצה בסרגל הכלים</li>\n' +
+  '  <li>הסרגל הצידי</li>\n' +
+  '  <li>נתיב של רכיב בכותרת התחתונה</li>\n' +
+  '  <li>לחצן לספירת מילים בכותרת התחתונה</li>\n' +
+  '  <li>קישור של המותג בכותרת התחתונה</li>\n' +
+  '  <li>ידית לשינוי גודל עבור העורך בכותרת התחתונה</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>אם רכיב כלשהו במסך לא מופיע, המערכת תדלג עליו.</p>\n' +
+  '\n' +
+  '<p>אם בכותרת התחתונה יש מיקוד של ניווט במקלדת, ולא מופיע סרגל בצד, יש להקיש <strong>Shift+Tab</strong>\n' +
+  '  מעביר את המיקוד לקבוצה הראשונה בסרגל הכלים, לא האחרונה.</p>\n' +
+  '\n' +
+  '<h1>עבור בתוך מקטעים במסך</h1>\n' +
+  '\n' +
+  '<p>כדי לעבור מרכיב אחד לרכיב אחר במסך, הקש על מקש <strong>החץ</strong> המתאים.</p>\n' +
+  '\n' +
+  '<p>מקשי החיצים <strong>שמאלה</strong> ו<strong>ימינה</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>עבור בין תפריטים בשורת התפריטים.</li>\n' +
+  '  <li>פתח תפריט משני בתפריט.</li>\n' +
+  '  <li>עבור בין לחצנים בקבוצה בסרגל הכלים.</li>\n' +
+  '  <li>עבור בין פריטים ברכיב בכותרת התחתונה.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>מקשי החיצים <strong>למטה</strong> ו<strong>למעלה</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>עבור בין פריטים בתפריט.</li>\n' +
+  '  <li>עבור בין פריטים בחלון הקובץ של סרגל הכלים.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>מקשי <strong>החצים</strong> משתנים בתוך המקטע במסך שעליו נמצא המיקוד.</p>\n' +
+  '\n' +
+  '<p>כדי לסגור תפריט פתוח, תפריט משני פתוח או חלון קופץ, הקש על <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  "<p>אם המיקוד הוא על החלק 'העליון' של מקטע מסוים במסך, הקשה על <strong>Esc</strong> מביאה גם ליציאה\n" +
+  '  מהניווט במקלדת לחלוטין.</p>\n' +
+  '\n' +
+  '<h1>הפעל פריט בתפריט או לחצן בסרגל הכלים</h1>\n' +
+  '\n' +
+  '<p>כאשר הפריט הרצוי בתפריט או הלחצן בסרגל הכלים מודגשים, הקש על <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  או על <strong>מקש הרווח</strong> כדי להפעיל את הפריט.</p>\n' +
+  '\n' +
+  '<h1>ניווט בחלונות דו-שיח בלי כרטיסיות</h1>\n' +
+  '\n' +
+  '<p>בחלונות דו-שיח בלי כרטיסיות, הרכיב האינטראקטיבי הראשון מקבל את המיקוד כאשר החלון נפתח.</p>\n' +
+  '\n' +
+  '<p>עבור בין רכיבים אינטראקטיביים בחלון על ידי הקשה על <strong>Tab</strong> או <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>ניווט בחלונות דו-שיח עם כרטיסיות</h1>\n' +
+  '\n' +
+  '<p>בחלונות דו-שיח עם כרטיסיות, הלחצן הראשון בתפריט מקבל את המיקוד כאשר החלון נפתח.</p>\n' +
+  '\n' +
+  '<p>עבור בין רכיבים אינטראקטיביים בחלון על ידי הקשה על <strong>Tab</strong> או\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>עבור לכרטיסיה אחרת בחלון על ידי העברת המיקוד לתפריט הכרטיסיות והקשה על <strong>החץ</strong>המתאים\n' +
+  '  כדי לעבור בין הכרטיסיות הזמינות.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hi.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hi.js
new file mode 100644
index 000000000..ef59a5cff
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hi.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.hi',
+'<h1>कीबोर्ड नेविगेशन शुरू करें</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>मेन्यू बार पर फ़ोकस करें</dt>\n' +
+  '  <dd>Windows या Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>टूलबार पर फ़ोकस करें</dt>\n' +
+  '  <dd>Windows या Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>फ़ुटर पर फ़ोकस करें</dt>\n' +
+  '  <dd>Windows या Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>नोटिफ़िकेशन फ़ोकस</dt>\n' +
+  '  <dd>Windows या Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>प्रासंगिक टूलबार पर फ़ोकस करें</dt>\n' +
+  '  <dd>Windows, Linux या macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>नेविगेशन पहले UI आइटम पर शुरू होगा, जिसे हाइलाइट किया जाएगा या पहले आइटम के मामले में फ़ुटर तत्व पथ में\n' +
+  '  रेखांकित किया जाएगा।</p>\n' +
+  '\n' +
+  '<h1>UI सेक्शन के बीच नेविगेट करें</h1>\n' +
+  '\n' +
+  '<p>एक UI सेक्शन से दूसरे सेक्शन में जाने के लिए, <strong>Tab</strong> दबाएं।</p>\n' +
+  '\n' +
+  '<p>एक UI सेक्शन से पिछले सेक्शन में जाने के लिए, <strong>Shift+Tab</strong> दबाएं।</p>\n' +
+  '\n' +
+  '<p>इन UI सेक्शन का <strong>Tab</strong> क्रम नीचे दिया गया है:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>मेन्यू बार</li>\n' +
+  '  <li>प्रत्येक टूलबार समूह</li>\n' +
+  '  <li>साइडबार</li>\n' +
+  '  <li>फ़ुटर में तत्व पथ</li>\n' +
+  '  <li>फ़ुटर में शब्द गणना टॉगल बटन</li>\n' +
+  '  <li>फ़ुटर में ब्रांडिंग लिंक</li>\n' +
+  '  <li>फ़ुटर में संपादक का आकार बदलने का हैंडल</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>अगर कोई UI सेक्शन मौजूद नहीं है, तो उसे छोड़ दिया जाता है।</p>\n' +
+  '\n' +
+  '<p>अगर फ़ुटर में कीबोर्ड नेविगेशन फ़ोकस है, और कोई दिखा देने वाला साइडबार नहीं है, तो <strong>Shift+Tab</strong> दबाने से\n' +
+  '  फ़ोकस पहले टूलबार समूह पर चला जाता है, पिछले पर नहीं।</p>\n' +
+  '\n' +
+  '<h1>UI सेक्शन के भीतर नेविगेट करें</h1>\n' +
+  '\n' +
+  '<p>एक UI तत्व से दूसरे में जाने के लिए उपयुक्त <strong>ऐरो</strong> कुंजी दबाएं।</p>\n' +
+  '\n' +
+  '<p><strong>बाएं</strong> और <strong>दाएं</strong> ऐरो कुंजियां</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>मेन्यू बार में मेन्यू के बीच ले जाती हैं।</li>\n' +
+  '  <li>मेन्यू में एक सब-मेन्यू खोलें।</li>\n' +
+  '  <li>टूलबार समूह में बटनों के बीच ले जाएं।</li>\n' +
+  '  <li>फ़ुटर के तत्व पथ में आइटम के बीच ले जाएं।</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>नीचे</strong> और <strong>ऊपर</strong> ऐरो कुंजियां</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>मेन्यू में मेन्यू आइटम के बीच ले जाती हैं।</li>\n' +
+  '  <li>टूलबार पॉप-अप मेन्यू में आइटम के बीच ले जाएं।</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>फ़ोकस वाले UI सेक्शन के भीतर <strong>ऐरो</strong> कुंजियां चलाती रहती हैं।</p>\n' +
+  '\n' +
+  '<p>कोई खुला मेन्यू, कोई खुला सब-मेन्यू या कोई खुला पॉप-अप मेन्यू बंद करने के लिए <strong>Esc</strong> कुंजी दबाएं।</p>\n' +
+  '\n' +
+  "<p>अगर मौजूदा फ़ोकस किसी विशेष UI सेक्शन के 'शीर्ष' पर है, तो <strong>Esc</strong> कुंजी दबाने से भी\n" +
+  '  कीबोर्ड नेविगेशन पूरी तरह से बाहर हो जाता है।</p>\n' +
+  '\n' +
+  '<h1>मेन्यू आइटम या टूलबार बटन निष्पादित करें</h1>\n' +
+  '\n' +
+  '<p>जब वांछित मेन्यू आइटम या टूलबार बटन हाइलाइट किया जाता है, तो आइटम को निष्पादित करने के लिए <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  या <strong>Space bar</strong> दबाएं।</p>\n' +
+  '\n' +
+  '<h1>गैर-टैब वाले डायलॉग पर नेविगेट करें</h1>\n' +
+  '\n' +
+  '<p>गैर-टैब वाले डायलॉग में, डायलॉग खुलने पर पहला इंटरैक्टिव घटक फ़ोकस लेता है।</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> or <strong>Shift+Tab</strong> दबाकर इंटरैक्टिव डायलॉग घटकों के बीच नेविगेट करें।</p>\n' +
+  '\n' +
+  '<h1>टैब किए गए डायलॉग पर नेविगेट करें</h1>\n' +
+  '\n' +
+  '<p>टैब किए गए डायलॉग में, डायलॉग खुलने पर टैब मेन्यू में पहला बटन फ़ोकस लेता है।</p>\n' +
+  '\n' +
+  '<p>इस डायलॉग टैब के इंटरैक्टिव घटकों के बीच नेविगेट करने के लिए <strong>Tab</strong> या\n' +
+  '  <strong>Shift+Tab</strong> दबाएं।</p>\n' +
+  '\n' +
+  '<p>टैब मेन्यू को फ़ोकस देकर और फिर उपलब्ध टैब में के बीच जाने के लिए उपयुक्त <strong>ऐरो</strong>\n' +
+  '  कुंजी दबाकर दूसरे डायलॉग टैब पर स्विच करें।</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hr.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hr.js
new file mode 100644
index 000000000..1bf35c50c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hr.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.hr',
+'<h1>Početak navigacije na tipkovnici</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokusiranje trake izbornika</dt>\n' +
+  '  <dd>Windows ili Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokusiranje alatne trake</dt>\n' +
+  '  <dd>Windows ili Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokusiranje podnožja</dt>\n' +
+  '  <dd>Windows ili Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokusiranje obavijesti</dt>\n' +
+  '  <dd>Windows ili Linux: Alt + F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokusiranje kontekstne alatne trake</dt>\n' +
+  '  <dd>Windows, Linux ili macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigacija će započeti kod prve stavke na korisničkom sučelju, koja će biti istaknuta ili podcrtana ako se radi o prvoj stavci u\n' +
+  '  putu elementa u podnožju.</p>\n' +
+  '\n' +
+  '<h1>Navigacija između dijelova korisničkog sučelja</h1>\n' +
+  '\n' +
+  '<p>Za pomicanje s jednog dijela korisničkog sučelja na drugi pritisnite <strong>tabulator</strong>.</p>\n' +
+  '\n' +
+  '<p>Za pomicanje s jednog dijela korisničkog sučelja na prethodni pritisnite <strong>Shift + tabulator</strong>.</p>\n' +
+  '\n' +
+  '<p>Ovo je redoslijed pomicanja <strong>tabulatora</strong> po dijelovima korisničkog sučelja:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Traka izbornika</li>\n' +
+  '  <li>Pojedinačne grupe na alatnoj traci</li>\n' +
+  '  <li>Bočna traka</li>\n' +
+  '  <li>Put elemenata u podnožju</li>\n' +
+  '  <li>Gumb za pomicanje po broju riječi u podnožju</li>\n' +
+  '  <li>Veza na brand u podnožju</li>\n' +
+  '  <li>Značajka za promjenu veličine alata za uređivanje u podnožju</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Ako neki dio korisničkog sučelja nije naveden, on se preskače.</p>\n' +
+  '\n' +
+  '<p>Ako u podnožju postoji fokus za navigaciju na tipkovnici, a nema vidljive bočne trake, pritiskom na <strong>Shift + tabulator</strong>\n' +
+  '  fokus se prebacuje na prvu skupinu na alatnoj traci, ne na zadnju.</p>\n' +
+  '\n' +
+  '<h1>Navigacija unutar dijelova korisničkog sučelja</h1>\n' +
+  '\n' +
+  '<p>Za pomicanje s jednog elementa korisničkog sučelja na drugi pritisnite tipku s odgovarajućom <strong>strelicom</strong>.</p>\n' +
+  '\n' +
+  '<p>Tipke s <strong>lijevom</strong> i <strong>desnom</strong> strelicom</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>služe za pomicanje između izbornika na alatnoj traci.</li>\n' +
+  '  <li>otvaraju podizbornik unutar izbornika.</li>\n' +
+  '  <li>služe za pomicanje između gumba unutar skupina na alatnoj traci.</li>\n' +
+  '  <li>služe za pomicanje između stavki na elementu puta u podnožju.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tipke s <strong>donjom</strong> i <strong>gornjom</strong> strelicom</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>služe za pomicanje između stavki unutar izbornika.</li>\n' +
+  '  <li>služe za pomicanje između stavki na alatnoj traci skočnog izbornika.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tipkama <strong>strelica</strong> kružno se pomičete unutar dijela korisničkog sučelja koji je u fokusu.</p>\n' +
+  '\n' +
+  '<p>Za zatvaranje otvorenog izbornika, otvorenog podizbornika ili otvorenog skočnog izbornika pritisnite tipku <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Ako je fokus trenutačno postavljen na vrh pojedinačnog dijela korisničkog sučelja, pritiskom na tipku <strong>Esc</strong> također\n' +
+  '  u potpunosti zatvarate navigaciju na tipkovnici.</p>\n' +
+  '\n' +
+  '<h1>Izvršavanje radnji putem stavki izbornika ili gumba na alatnoj traci</h1>\n' +
+  '\n' +
+  '<p>Nakon što se istakne stavka izbornika ili gumb na alatnoj traci s radnjom koju želite izvršiti, pritisnite tipku <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  ili <strong>razmak</strong> da biste pokrenuli željenu radnju.</p>\n' +
+  '\n' +
+  '<h1>Navigacija dijaloškim okvirima izvan kartica</h1>\n' +
+  '\n' +
+  '<p>Prilikom otvaranja dijaloških okvira izvan kartica fokus se nalazi na prvoj interaktivnoj komponenti.</p>\n' +
+  '\n' +
+  '<p>Navigaciju između interaktivnih dijaloških komponenata vršite pritiskom na <strong>tabulator</strong> ili <strong>Shift + tabulator</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigacija dijaloškim okvirima u karticama</h1>\n' +
+  '\n' +
+  '<p>Prilikom otvaranja dijaloških okvira u karticama fokus se nalazi na prvom gumbu u izborniku unutar kartice.</p>\n' +
+  '\n' +
+  '<p>Navigaciju između interaktivnih komponenata dijaloškog okvira u kartici vršite pritiskom na <strong>tabulator</strong> ili\n' +
+  '  <strong>Shift + tabulator</strong>.</p>\n' +
+  '\n' +
+  '<p>Na karticu s drugim dijaloškim okvirom možete se prebaciti tako da stavite fokus na izbornik kartice pa pritisnete tipku s odgovarajućom <strong>strelicom</strong>\n' +
+  '  za kružno pomicanje između dostupnih kartica.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hu_HU.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hu_HU.js
new file mode 100644
index 000000000..5c984bb01
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/hu_HU.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.hu_HU',
+'<h1>Billentyűzetes navigáció indítása</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fókusz a menüsávra</dt>\n' +
+  '  <dd>Windows és Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fókusz az eszköztárra</dt>\n' +
+  '  <dd>Windows és Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fókusz a láblécre</dt>\n' +
+  '  <dd>Windows és Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Ráközelítés az értesítésre</dt>\n' +
+  '  <dd>Windows vagy Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fókusz egy környezetfüggő eszköztárra</dt>\n' +
+  '  <dd>Windows, Linux és macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>A navigáció az első felhasználói felületi elemnél kezdődik, amelyet a rendszer kiemel, illetve aláhúz, amennyiben az az első elem\n' +
+  '  a lábléc elemútvonalán.</p>\n' +
+  '\n' +
+  '<h1>Navigálás a felhasználói felület szakaszai között</h1>\n' +
+  '\n' +
+  '<p>A felhasználói felület következő szakaszára váltáshoz nyomja meg a <strong>Tab</strong> billentyűt.</p>\n' +
+  '\n' +
+  '<p>A felhasználói felület előző szakaszára váltáshoz nyomja meg a <strong>Shift+Tab</strong> billentyűt.</p>\n' +
+  '\n' +
+  '<p>A <strong>Tab</strong> billentyűvel a felhasználói felület szakaszai között a következő sorrendben vált:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menüsáv</li>\n' +
+  '  <li>Az egyes eszköztárcsoportok</li>\n' +
+  '  <li>Oldalsáv</li>\n' +
+  '  <li>Elemútvonal a láblécen</li>\n' +
+  '  <li>Szószámátkapcsoló gomb a láblécen</li>\n' +
+  '  <li>Márkalink a láblécen</li>\n' +
+  '  <li>Szerkesztő átméretezési fogópontja a láblécen</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Ha a felhasználói felület valamelyik eleme nincs jelen, a rendszer kihagyja.</p>\n' +
+  '\n' +
+  '<p>Ha a billentyűzetes navigáció fókusza a láblécen van, és nincs látható oldalsáv, a <strong>Shift+Tab</strong>\n' +
+  '  billentyűkombináció lenyomásakor az első eszköztárcsoportra ugrik a fókusz, nem az utolsóra.</p>\n' +
+  '\n' +
+  '<h1>Navigálás a felhasználói felület szakaszain belül</h1>\n' +
+  '\n' +
+  '<p>A felhasználói felület következő elemére váltáshoz nyomja meg a megfelelő <strong>nyílbillentyűt</strong>.</p>\n' +
+  '\n' +
+  '<p>A <strong>bal</strong> és a <strong>jobb</strong> nyílgomb</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>a menüsávban a menük között vált.</li>\n' +
+  '  <li>a menükben megnyit egy almenüt.</li>\n' +
+  '  <li>az eszköztárcsoportban a gombok között vált.</li>\n' +
+  '  <li>a lábléc elemútvonalán az elemek között vált.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>A <strong>le</strong> és a <strong>fel</strong> nyílgomb</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>a menükben a menüpontok között vált.</li>\n' +
+  '  <li>az eszköztár előugró menüjében az elemek között vált.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>A <strong>nyílbillentyűk</strong> lenyomásával körkörösen lépkedhet a fókuszban lévő felhasználói felületi szakasz elemei között.</p>\n' +
+  '\n' +
+  '<p>A megnyitott menüket, almenüket és előugró menüket az <strong>Esc</strong> billentyűvel zárhatja be.</p>\n' +
+  '\n' +
+  '<p>Ha a fókusz az aktuális felületi elem „felső” részén van, az <strong>Esc</strong> billentyűvel az egész\n' +
+  '  billentyűzetes navigációból kilép.</p>\n' +
+  '\n' +
+  '<h1>Menüpont vagy eszköztárgomb aktiválása</h1>\n' +
+  '\n' +
+  '<p>Amikor a kívánt menüelem vagy eszköztárgomb van kijelölve, nyomja meg a <strong>Return</strong>, az <strong>Enter</strong>\n' +
+  '  vagy a <strong>Szóköz</strong> billentyűt az adott elem vagy gomb aktiválásához.</p>\n' +
+  '\n' +
+  '<h1>Navigálás a lapokkal nem rendelkező párbeszédablakokban</h1>\n' +
+  '\n' +
+  '<p>A lapokkal nem rendelkező párbeszédablakokban az első interaktív összetevő kapja a fókuszt, amikor a párbeszédpanel megnyílik.</p>\n' +
+  '\n' +
+  '<p>A párbeszédpanelek interaktív összetevői között a <strong>Tab</strong> vagy a <strong>Shift+Tab</strong> billentyűvel navigálhat.</p>\n' +
+  '\n' +
+  '<h1>Navigálás a lapokkal rendelkező párbeszédablakokban</h1>\n' +
+  '\n' +
+  '<p>A lapokkal rendelkező párbeszédablakokban a lapmenü első gombja kapja a fókuszt, amikor a párbeszédpanel megnyílik.</p>\n' +
+  '\n' +
+  '<p>A párbeszédpanel e lapjának interaktív összetevői között a <strong>Tab</strong> vagy\n' +
+  '  <strong>Shift+Tab</strong> billentyűvel navigálhat.</p>\n' +
+  '\n' +
+  '<p>A párbeszédablak másik lapjára úgy léphet, hogy a fókuszt a lapmenüre állítja, majd lenyomja a megfelelő <strong>nyílbillentyűt</strong>\n' +
+  '  a rendelkezésre álló lapok közötti lépkedéshez.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/id.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/id.js
new file mode 100644
index 000000000..d607dd187
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/id.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.id',
+'<h1>Memulai navigasi keyboard</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokus pada bilah Menu</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokus pada Bilah Alat</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokus pada footer</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokuskan pemberitahuan</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokus pada bilah alat kontekstual</dt>\n' +
+  '  <dd>Windows, Linux, atau macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigasi akan dimulai dari item pertama UI, yang akan disorot atau digarisbawahi di\n' +
+  '  alur elemen Footer.</p>\n' +
+  '\n' +
+  '<h1>Berpindah antar-bagian UI</h1>\n' +
+  '\n' +
+  '<p>Untuk berpindah dari satu bagian UI ke bagian berikutnya, tekan <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Untuk berpindah dari satu bagian UI ke bagian sebelumnya, tekan <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Urutan <strong>Tab</strong> bagian-bagian UI ini adalah:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Bilah menu</li>\n' +
+  '  <li>Tiap grup bilah alat</li>\n' +
+  '  <li>Bilah sisi</li>\n' +
+  '  <li>Alur elemen di footer</li>\n' +
+  '  <li>Tombol aktifkan/nonaktifkan jumlah kata di footer</li>\n' +
+  '  <li>Tautan merek di footer</li>\n' +
+  '  <li>Pengatur pengubahan ukuran editor di footer</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Jika suatu bagian UI tidak ada, bagian tersebut dilewati.</p>\n' +
+  '\n' +
+  '<p>Jika fokus navigasi keyboard ada pada footer, tetapi tidak ada bilah sisi yang terlihat, menekan <strong>Shift+Tab</strong>\n' +
+  '  akan memindahkan fokus ke grup bilah alat pertama, bukan yang terakhir.</p>\n' +
+  '\n' +
+  '<h1>Berpindah di dalam bagian-bagian UI</h1>\n' +
+  '\n' +
+  '<p>Untuk berpindah dari satu elemen UI ke elemen berikutnya, tekan tombol <strong>Panah</strong> yang sesuai.</p>\n' +
+  '\n' +
+  '<p>Tombol panah <strong>Kiri</strong> dan <strong>Kanan</strong> untuk</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>berpindah-pindah antar-menu di dalam bilah menu.</li>\n' +
+  '  <li>membuka sub-menu di dalam menu.</li>\n' +
+  '  <li>berpindah-pindah antar-tombol di dalam grup bilah alat.</li>\n' +
+  '  <li>berpindah-pindah antar-item di dalam alur elemen footer.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tombol panah <strong>Bawah</strong> dan <strong>Atas</strong> untuk</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>berpindah-pindah antar-item menu di dalam menu.</li>\n' +
+  '  <li>berpindah-pindah antar-item di dalam menu pop-up bilah alat.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tombol <strong>Panah</strong> hanya bergerak di dalam bagian UI yang difokuskan.</p>\n' +
+  '\n' +
+  '<p>Untuk menutup menu, sub-menu, atau menu pop-up yang terbuka, tekan tombol <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Jika fokus sedang berada di ‘atas’ bagian UI tertentu, menekan tombol <strong>Esc</strong> juga dapat mengeluarkan fokus\n' +
+  '  dari seluruh navigasi keyboard.</p>\n' +
+  '\n' +
+  '<h1>Menjalankan item menu atau tombol bilah alat</h1>\n' +
+  '\n' +
+  '<p>Jika item menu atau tombol bilah alat yang diinginkan tersorot, tekan <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  atau <strong>Spasi</strong> untuk menjalankan item.</p>\n' +
+  '\n' +
+  '<h1>Berpindah dalam dialog tanpa tab</h1>\n' +
+  '\n' +
+  '<p>Dalam dialog tanpa tab, fokus diarahkan pada komponen interaktif pertama saat dialog terbuka.</p>\n' +
+  '\n' +
+  '<p>Berpindah di antara komponen dalam dialog interaktif dengan menekan <strong>Tab</strong> atau <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Berpindah dalam dialog dengan tab</h1>\n' +
+  '\n' +
+  '<p>Dalam dialog yang memiliki tab, fokus diarahkan pada tombol pertama di dalam menu saat dialog terbuka.</p>\n' +
+  '\n' +
+  '<p>Berpindah di antara komponen-komponen interaktif pada tab dialog ini dengan menekan <strong>Tab</strong> atau\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Beralih ke tab dialog lain dengan mengarahkan fokus pada menu tab lalu tekan tombol <strong>Panah</strong>\n' +
+  '  yang sesuai untuk berpindah ke berbagai tab yang tersedia.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/it.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/it.js
new file mode 100644
index 000000000..3a791c959
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/it.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.it',
+'<h1>Iniziare la navigazione tramite tastiera</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Impostare lo stato attivo per la barra dei menu</dt>\n' +
+  '  <dd>Windows o Linux: ALT+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Impostare lo stato attivo per la barra degli strumenti</dt>\n' +
+  '  <dd>Windows o Linux: ALT+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Impostare lo stato attivo per il piè di pagina</dt>\n' +
+  '  <dd>Windows o Linux: ALT+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Metti a fuoco la notifica</dt>\n' +
+  '  <dd>Windows o Linux: ALT+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Impostare lo stato attivo per la barra degli strumenti contestuale</dt>\n' +
+  '  <dd>Windows, Linux o macOS: CTRL+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  "<p>La navigazione inizierà dalla prima voce dell'interfaccia utente, che sarà evidenziata o sottolineata nel caso della prima voce\n" +
+  "  nel percorso dell'elemento del piè di pagina.</p>\n" +
+  '\n' +
+  "<h1>Navigare tra le sezioni dell'interfaccia utente</h1>\n" +
+  '\n' +
+  "<p>Per passare da una sezione dell'interfaccia utente alla successiva, premere <strong>TAB</strong>.</p>\n" +
+  '\n' +
+  "<p>Per passare da una sezione dell'interfaccia utente alla precedente, premere <strong>MAIUSC+TAB</strong>.</p>\n" +
+  '\n' +
+  "<p>L'ordine di <strong>tabulazione</strong> di queste sezioni dell'interfaccia utente è:</p>\n" +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra dei menu</li>\n' +
+  '  <li>Ogni gruppo di barre degli strumenti</li>\n' +
+  '  <li>Barra laterale</li>\n' +
+  "  <li>Percorso dell'elemento nel piè di pagina</li>\n" +
+  '  <li>Pulsante di attivazione/disattivazione del conteggio delle parole nel piè di pagina</li>\n' +
+  '  <li>Collegamento al marchio nel piè di pagina</li>\n' +
+  "  <li>Quadratino di ridimensionamento dell'editor nel piè di pagina</li>\n" +
+  '</ol>\n' +
+  '\n' +
+  "<p>Se una sezione dell'interfaccia utente non è presente, viene saltata.</p>\n" +
+  '\n' +
+  '<p>Se il piè di pagina ha lo stato attivo per la navigazione tramite tastiera e non è presente alcuna barra laterale visibile, premendo <strong>MAIUSC+TAB</strong>\n' +
+  "  si sposta lo stato attivo sul primo gruppo di barre degli strumenti, non sull'ultimo.</p>\n" +
+  '\n' +
+  "<h1>Navigare all'interno delle sezioni dell'interfaccia utente</h1>\n" +
+  '\n' +
+  "<p>Per passare da un elemento dell'interfaccia utente al successivo, premere il tasto <strong>freccia</strong> appropriato.</p>\n" +
+  '\n' +
+  '<p>I tasti freccia <strong>Sinistra</strong> e <strong>Destra</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>consentono di spostarsi tra i menu della barra dei menu.</li>\n' +
+  '  <li>aprono un sottomenu in un menu.</li>\n' +
+  '  <li>consentono di spostarsi tra i pulsanti di un gruppo di barre degli strumenti.</li>\n' +
+  "  <li>consentono di spostarsi tra le voci nel percorso dell'elemento del piè di pagina.</li>\n" +
+  '</ul>\n' +
+  '\n' +
+  '<p>I tasti freccia <strong>Giù</strong> e <strong>Su</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>consentono di spostarsi tra le voci di un menu.</li>\n' +
+  '  <li>consentono di spostarsi tra le voci di un menu a comparsa della barra degli strumenti.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  "<p>I tasti <strong>freccia</strong> consentono di spostarsi all'interno della sezione dell'interfaccia utente con stato attivo.</p>\n" +
+  '\n' +
+  '<p>Per chiudere un menu aperto, un sottomenu aperto o un menu a comparsa aperto, premere il tasto <strong>ESC</strong>.</p>\n' +
+  '\n' +
+  "<p>Se lo stato attivo corrente si trova nella parte superiore di una particolare sezione dell'interfaccia utente, premendo il tasto <strong>ESC</strong> si esce\n" +
+  '  completamente dalla navigazione tramite tastiera.</p>\n' +
+  '\n' +
+  '<h1>Eseguire una voce di menu o un pulsante della barra degli strumenti</h1>\n' +
+  '\n' +
+  '<p>Quando la voce di menu o il pulsante della barra degli strumenti desiderati sono evidenziati, premere il tasto di<strong>ritorno a capo</strong>, il tasto <strong>Invio</strong>\n' +
+  '  o la <strong>barra spaziatrice</strong> per eseguirli.</p>\n' +
+  '\n' +
+  '<h1>Navigare nelle finestre di dialogo non a schede</h1>\n' +
+  '\n' +
+  "<p>Nelle finestre di dialogo non a schede, all'apertura della finestra di dialogo diventa attivo il primo componente interattivo.</p>\n" +
+  '\n' +
+  '<p>Per spostarsi tra i componenti interattivi della finestra di dialogo, premere <strong>TAB</strong> o <strong>MAIUSC+TAB</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigare nelle finestre di dialogo a schede</h1>\n' +
+  '\n' +
+  "<p>Nelle finestre di dialogo a schede, all'apertura della finestra di dialogo diventa attivo il primo pulsante del menu della scheda.</p>\n" +
+  '\n' +
+  '<p>Per spostarsi tra i componenti interattivi di questa scheda della finestra di dialogo, premere <strong>TAB</strong> o\n' +
+  '  <strong>MAIUSC+TAB</strong>.</p>\n' +
+  '\n' +
+  "<p>Per passare a un'altra scheda della finestra di dialogo, attivare il menu della scheda e premere il tasto <strong>freccia</strong>\n" +
+  '  appropriato per scorrere le schede disponibili.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ja.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ja.js
new file mode 100644
index 000000000..26872db10
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ja.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ja',
+'<h1>キーボード ナビゲーションの開始</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>メニュー バーをフォーカス</dt>\n' +
+  '  <dd>Windows または Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>ツール バーをフォーカス</dt>\n' +
+  '  <dd>Windows または Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>フッターをフォーカス</dt>\n' +
+  '  <dd>Windows または Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>通知にフォーカス</dt>\n' +
+  '  <dd>Windows または Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>コンテキスト ツール バーをフォーカス</dt>\n' +
+  '  <dd>Windows、Linux または macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>ナビゲーションは最初の UI 項目から開始され、強調表示されるか、フッターの要素パスにある最初の項目の場合は\n' +
+  '  下線が引かれます。</p>\n' +
+  '\n' +
+  '<h1>UI セクション間の移動</h1>\n' +
+  '\n' +
+  '<p>次の UI セクションに移動するには、<strong>Tab</strong> を押します。</p>\n' +
+  '\n' +
+  '<p>前の UI セクションに移動するには、<strong>Shift+Tab</strong> を押します。</p>\n' +
+  '\n' +
+  '<p>これらの UI セクションの <strong>Tab</strong> の順序:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>メニュー バー</li>\n' +
+  '  <li>各ツール バー グループ</li>\n' +
+  '  <li>サイド バー</li>\n' +
+  '  <li>フッターの要素パス</li>\n' +
+  '  <li>フッターの単語数切り替えボタン</li>\n' +
+  '  <li>フッターのブランド リンク</li>\n' +
+  '  <li>フッターのエディター サイズ変更ハンドル</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>UI セクションが存在しない場合は、スキップされます。</p>\n' +
+  '\n' +
+  '<p>フッターにキーボード ナビゲーション フォーカスがあり、表示可能なサイド バーがない場合、<strong>Shift+Tab</strong> を押すと、\n' +
+  '  フォーカスが最後ではなく最初のツール バー グループに移動します。</p>\n' +
+  '\n' +
+  '<h1>UI セクション内の移動</h1>\n' +
+  '\n' +
+  '<p>次の UI 要素に移動するには、適切な<strong>矢印</strong>キーを押します。</p>\n' +
+  '\n' +
+  '<p><strong>左矢印</strong>と<strong>右矢印</strong>のキー</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>メニュー バーのメニュー間で移動します。</li>\n' +
+  '  <li>メニュー内のサブメニューを開きます。</li>\n' +
+  '  <li>ツール バー グループのボタン間で移動します。</li>\n' +
+  '  <li>フッターの要素パスの項目間で移動します。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>下矢印</strong>と<strong>上矢印</strong>のキー</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>メニュー内のメニュー項目間で移動します。</li>\n' +
+  '  <li>ツール バー ポップアップ メニュー内のメニュー項目間で移動します。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>矢印</strong>キーで、フォーカスされた UI セクション内で循環します。</p>\n' +
+  '\n' +
+  '<p>開いたメニュー、開いたサブメニュー、開いたポップアップ メニューを閉じるには、<strong>Esc</strong> キーを押します。</p>\n' +
+  '\n' +
+  '<p>現在のフォーカスが特定の UI セクションの「一番上」にある場合、<strong>Esc</strong> キーを押すと\n' +
+  '  キーボード ナビゲーションも完全に閉じられます。</p>\n' +
+  '\n' +
+  '<h1>メニュー項目またはツール バー ボタンの実行</h1>\n' +
+  '\n' +
+  '<p>目的のメニュー項目やツール バー ボタンが強調表示されている場合、<strong>リターン</strong>、<strong>Enter</strong>、\n' +
+  '  または<strong>スペース キー</strong>を押して項目を実行します。</p>\n' +
+  '\n' +
+  '<h1>タブのないダイアログの移動</h1>\n' +
+  '\n' +
+  '<p>タブのないダイアログでは、ダイアログが開くと最初の対話型コンポーネントがフォーカスされます。</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> または <strong>Shift+Tab</strong> を押して、対話型ダイアログ コンポーネント間で移動します。</p>\n' +
+  '\n' +
+  '<h1>タブ付きダイアログの移動</h1>\n' +
+  '\n' +
+  '<p>タブ付きダイアログでは、ダイアログが開くとタブ メニューの最初のボタンがフォーカスされます。</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> または\n' +
+  '  <strong>Shift+Tab</strong> を押して、このダイアログ タブの対話型コンポーネント間で移動します。</p>\n' +
+  '\n' +
+  '<p>タブ メニューをフォーカスしてから適切な<strong>矢印</strong>キーを押して表示可能なタブを循環して、\n' +
+  '  別のダイアログに切り替えます。</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/kk.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/kk.js
new file mode 100644
index 000000000..e31532f0e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/kk.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.kk',
+'<h1>Пернетақта навигациясын бастау</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Мәзір жолағын фокустау</dt>\n' +
+  '  <dd>Windows немесе Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Құралдар тақтасын фокустау</dt>\n' +
+  '  <dd>Windows немесе Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Төменгі деректемені фокустау</dt>\n' +
+  '  <dd>Windows немесе Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Хабарландыруды белгілеу</dt>\n' +
+  '  <dd>Windows немесе Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Мәтінмәндік құралдар тақтасын фокустау</dt>\n' +
+  '  <dd>Windows, Linux немесе macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Навигация бөлектелетін немесе Төменгі деректеме элементінің жолындағы бірінші элемент жағдайында асты сызылатын\n' +
+  '  бірінші ПИ элементінен басталады.</p>\n' +
+  '\n' +
+  '<h1>ПИ бөлімдері арасында навигациялау</h1>\n' +
+  '\n' +
+  '<p>Бір ПИ бөлімінен келесісіне өту үшін <strong>Tab</strong> пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<p>Бір ПИ бөлімінен алдыңғысына өту үшін <strong>Shift+Tab</strong> пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<p>Осы ПИ бөлімдерінің <strong>Tab</strong> реті:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Мәзір жолағы</li>\n' +
+  '  <li>Әрбір құралдар тақтасы тобы</li>\n' +
+  '  <li>Бүйірлік жолақ</li>\n' +
+  '  <li>Төменгі деректемедегі элемент жолы</li>\n' +
+  '  <li>Төменгі деректемедегі сөздер санын ауыстыру түймесі</li>\n' +
+  '  <li>Төменгі деректемедегі брендингтік сілтеме</li>\n' +
+  '  <li>Төменгі деректемедегі редактор өлшемін өзгерту тұтқасы</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>ПИ бөлімі көрсетілмесе, ол өткізіп жіберіледі.</p>\n' +
+  '\n' +
+  '<p>Төменгі деректемеде пернетақта навигациясының фокусы болса және бүйірлік жолақ көрінбесе, <strong>Shift+Tab</strong> тіркесімін басу әрекеті\n' +
+  '  фокусты соңғысы емес, бірінші құралдар тақтасы тобына жылжытады.</p>\n' +
+  '\n' +
+  '<h1>ПИ бөлімдерінде навигациялау</h1>\n' +
+  '\n' +
+  '<p>Бір ПИ элементінен келесісіне өту үшін <strong>Arrow</strong> (Көрсеткі) пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<p><strong>Left</strong> (Сол жақ) және <strong>Right</strong> (Оң жақ) көрсеткі пернелері</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>мәзір жолағындағы мәзірлер арасында жылжыту.</li>\n' +
+  '  <li>мәзірде ішкі мәзірді ашу.</li>\n' +
+  '  <li>құралдар тақтасы тобындағы түймелер арасында жылжыту.</li>\n' +
+  '  <li>төменгі деректеме элементінің жолындағы элементтер арасында жылжыту.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Down</strong> (Төмен) және <strong>Up</strong> (Жоғары) көрсеткі пернелері</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>мәзірдегі мәзір элементтері арасында жылжыту.</li>\n' +
+  '  <li>құралдар тақтасының ашылмалы мәзіріндегі мәзір элементтері арасында жылжыту.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Фокусталған ПИ бөліміндегі <strong>Arrow</strong> (Көрсеткі) пернелерінің циклі.</p>\n' +
+  '\n' +
+  '<p>Ашық мәзірді жабу үшін ішкі мәзірді ашып немесе ашылмалы мәзірді ашып, <strong>Esc</strong> пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<p>Ағымдағы фокус белгілі бір ПИ бөлімінің «үстінде» болса, <strong>Esc</strong> пернесін басу әрекеті пернетақта\n' +
+  '  навигациясын толығымен жабады.</p>\n' +
+  '\n' +
+  '<h1>Мәзір элементін немесе құралдар тақтасы түймесін орындау</h1>\n' +
+  '\n' +
+  '<p>Қажетті мәзір элементі немесе құралдар тақтасы түймесі бөлектелген кезде, элементті орындау үшін <strong>Return</strong> (Қайтару), <strong>Enter</strong> (Енгізу)\n' +
+  '  немесе <strong>Space bar</strong> (Бос орын) пернесін басыңыз.</p>\n' +
+  '\n' +
+  '<h1>Белгіленбеген диалог терезелерін навигациялау</h1>\n' +
+  '\n' +
+  '<p>Белгіленбеген диалог терезелерінде диалог терезесі ашылған кезде бірінші интерактивті құрамдас фокусталады.</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> немесе <strong>Shift+Tab</strong> пернесін басу арқылы интерактивті диалог терезесінің құрамдастары арасында навигациялаңыз.</p>\n' +
+  '\n' +
+  '<h1>Белгіленген диалог терезелерін навигациялау</h1>\n' +
+  '\n' +
+  '<p>Белгіленген диалог терезелерінде диалог терезесі ашылған кезде қойынды мәзіріндегі бірінші түйме фокусталады.</p>\n' +
+  '\n' +
+  '<p><strong>Tab</strong> немесе\n' +
+  '  <strong>Shift+Tab</strong> пернесін басу арқылы осы диалог терезесі қойындысының интерактивті құрамдастары арасында навигациялаңыз.</p>\n' +
+  '\n' +
+  '<p>Қойынды мәзірінің фокусын беру арқылы басқа диалог терезесінің қойындысына ауысып, тиісті <strong>Arrow</strong> (Көрсеткі)\n' +
+  '  пернесін басу арқылы қолжетімді қойындылар арасында айналдыруға болады.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ko_KR.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ko_KR.js
new file mode 100644
index 000000000..e7c8e7fcc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ko_KR.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ko_KR',
+'<h1>키보드 탐색 시작</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>메뉴 모음 포커스 표시</dt>\n' +
+  '  <dd>Windows 또는 Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>도구 모음 포커스 표시</dt>\n' +
+  '  <dd>Windows 또는 Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>푸터 포커스 표시</dt>\n' +
+  '  <dd>Windows 또는 Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>알림 포커스</dt>\n' +
+  '  <dd>Windows 또는 Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>컨텍스트 도구 모음에 포커스 표시</dt>\n' +
+  '  <dd>Windows, Linux 또는 macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>첫 번째 UI 항목에서 탐색이 시작되며, 이때 첫 번째 항목이 강조 표시되거나 푸터 요소 경로에 있는\n' +
+  '  경우 밑줄 표시됩니다.</p>\n' +
+  '\n' +
+  '<h1>UI 섹션 간 탐색</h1>\n' +
+  '\n' +
+  '<p>한 UI 섹션에서 다음 UI 섹션으로 이동하려면 <strong>Tab(탭)</strong>을 누릅니다.</p>\n' +
+  '\n' +
+  '<p>한 UI 섹션에서 이전 UI 섹션으로 돌아가려면 <strong>Shift+Tab(시프트+탭)</strong>을 누릅니다.</p>\n' +
+  '\n' +
+  '<p>이 UI 섹션의 <strong>Tab(탭)</strong> 순서는 다음과 같습니다.</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>메뉴 바</li>\n' +
+  '  <li>각 도구 모음 그룹</li>\n' +
+  '  <li>사이드바</li>\n' +
+  '  <li>푸터의 요소 경로</li>\n' +
+  '  <li>푸터의 단어 수 토글 버튼</li>\n' +
+  '  <li>푸터의 브랜딩 링크</li>\n' +
+  '  <li>푸터의 에디터 크기 변경 핸들</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>UI 섹션이 없는 경우 건너뛰기합니다.</p>\n' +
+  '\n' +
+  '<p>푸터에 키보드 탐색 포커스가 있고 사이드바는 보이지 않는 경우 <strong>Shift+Tab(시프트+탭)</strong>을 누르면\n' +
+  '  포커스 표시가 마지막이 아닌 첫 번째 도구 모음 그룹으로 이동합니다.</p>\n' +
+  '\n' +
+  '<h1>UI 섹션 내 탐색</h1>\n' +
+  '\n' +
+  '<p>한 UI 요소에서 다음 UI 요소로 이동하려면 적절한 <strong>화살표</strong> 키를 누릅니다.</p>\n' +
+  '\n' +
+  '<p><strong>왼쪽</strong>과 <strong>오른쪽</strong> 화살표 키의 용도:</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>메뉴 모음에서 메뉴 항목 사이를 이동합니다.</li>\n' +
+  '  <li>메뉴에서 하위 메뉴를 엽니다.</li>\n' +
+  '  <li>도구 모음 그룹에서 버튼 사이를 이동합니다.</li>\n' +
+  '  <li>푸터의 요소 경로에서 항목 간에 이동합니다.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>아래</strong>와 <strong>위</strong> 화살표 키의 용도:</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>메뉴에서 메뉴 항목 사이를 이동합니다.</li>\n' +
+  '  <li>도구 모음 팝업 메뉴에서 메뉴 항목 사이를 이동합니다.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>화살표</strong> 키는 포커스 표시 UI 섹션 내에서 순환됩니다.</p>\n' +
+  '\n' +
+  '<p>열려 있는 메뉴, 열려 있는 하위 메뉴 또는 열려 있는 팝업 메뉴를 닫으려면 <strong>Esc</strong> 키를 누릅니다.</p>\n' +
+  '\n' +
+  "<p>현재 포커스 표시가 특정 UI 섹션 '상단'에 있는 경우 이때도 <strong>Esc</strong> 키를 누르면\n" +
+  '  키보드 탐색이 완전히 종료됩니다.</p>\n' +
+  '\n' +
+  '<h1>메뉴 항목 또는 도구 모음 버튼 실행</h1>\n' +
+  '\n' +
+  '<p>원하는 메뉴 항목 또는 도구 모음 버튼이 강조 표시되어 있을 때 <strong>Return(리턴)</strong>, <strong>Enter(엔터)</strong>,\n' +
+  '  또는 <strong>Space bar(스페이스바)</strong>를 눌러 해당 항목을 실행합니다.</p>\n' +
+  '\n' +
+  '<h1>탭이 없는 대화 탐색</h1>\n' +
+  '\n' +
+  '<p>탭이 없는 대화의 경우, 첫 번째 대화형 요소가 포커스 표시된 상태로 대화가 열립니다.</p>\n' +
+  '\n' +
+  '<p>대화형 요소들 사이를 이동할 때는 <strong>Tab(탭)</strong> 또는 <strong>Shift+Tab(시프트+탭)</strong>을 누릅니다.</p>\n' +
+  '\n' +
+  '<h1>탭이 있는 대화 탐색</h1>\n' +
+  '\n' +
+  '<p>탭이 있는 대화의 경우, 탭 메뉴에서 첫 번째 버튼이 포커스 표시된 상태로 대화가 열립니다.</p>\n' +
+  '\n' +
+  '<p>이 대화 탭의 대화형 요소들 사이를 이동할 때는 <strong>Tab(탭)</strong> 또는\n' +
+  '  <strong>Shift+Tab(시프트+탭)</strong>을 누릅니다.</p>\n' +
+  '\n' +
+  '<p>다른 대화 탭으로 이동하려면 탭 메뉴를 포커스 표시한 다음 적절한 <strong>화살표</strong>\n' +
+  '  키를 눌러 사용 가능한 탭들을 지나 원하는 탭으로 이동합니다.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ms.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ms.js
new file mode 100644
index 000000000..2c047bb1a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ms.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ms',
+'<h1>Mulakan navigasi papan kekunci</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokus bar Menu</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokus Bar Alat</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokus pengaki</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Tumpu kepada pemberitahuan</dt>\n' +
+  '  <dd>Windows atau Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokus bar alat kontekstual</dt>\n' +
+  '  <dd>Windows, Linux atau macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigasi akan bermula pada item UI pertama, yang akan diserlahkan atau digaris bawah dalam saiz item pertama dalam\n' +
+  '  laluan elemen Pengaki.</p>\n' +
+  '\n' +
+  '<h1>Navigasi antara bahagian UI</h1>\n' +
+  '\n' +
+  '<p>Untuk bergerak dari satu bahagian UI ke yang seterusnya, tekan <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Untuk bergerak dari satu bahagian UI ke yang sebelumnya, tekan <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Tertib <strong>Tab</strong> bahagian UI ini ialah:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Bar menu</li>\n' +
+  '  <li>Setiap kumpulan bar alat</li>\n' +
+  '  <li>Bar sisi</li>\n' +
+  '  <li>Laluan elemen dalam pengaki</li>\n' +
+  '  <li>Butang togol kiraan perkataan dalam pengaki</li>\n' +
+  '  <li>Pautan penjenamaan dalam pengaki</li>\n' +
+  '  <li>Pemegang saiz semula editor dalam pengaki</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Jika bahagian UI tidak wujud, ia dilangkau.</p>\n' +
+  '\n' +
+  '<p>Jika pengaki mempunyai fokus navigasi papan kekunci dan tiada bar sisi kelihatan, menekan <strong>Shift+Tab</strong>\n' +
+  '  akan mengalihkan fokus ke kumpulan bar alat pertama, bukannya yang terakhir.</p>\n' +
+  '\n' +
+  '<h1>Navigasi dalam bahagian UI</h1>\n' +
+  '\n' +
+  '<p>Untuk bergerak dari satu elemen UI ke yang seterusnya, tekan kekunci <strong>Anak Panah</strong> yang bersesuaian.</p>\n' +
+  '\n' +
+  '<p>Kekunci anak panah <strong>Kiri</strong> dan <strong>Kanan</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>bergerak antara menu dalam bar menu.</li>\n' +
+  '  <li>membukan submenu dalam menu.</li>\n' +
+  '  <li>bergerak antara butang dalam kumpulan bar alat.</li>\n' +
+  '  <li>Laluan elemen dalam pengaki.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Kekunci anak panah <strong>Bawah</strong> dan <strong>Atas</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>bergerak antara item menu dalam menu.</li>\n' +
+  '  <li>bergerak antara item dalam menu timbul bar alat.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Kekunci <strong>Anak Panah</strong> berkitar dalam bahagian UI difokuskan.</p>\n' +
+  '\n' +
+  '<p>Untuk menutup menu buka, submenu terbuka atau menu timbul terbuka, tekan kekunci <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  "<p>Jika fokus semasa berada di bahagian 'atas' bahagian UI tertentu, menekan kekunci <strong>Esc</strong> juga akan keluar daripada\n" +
+  '  navigasi papan kekunci sepenuhnya.</p>\n' +
+  '\n' +
+  '<h1>Laksanakan item menu atau butang bar alat</h1>\n' +
+  '\n' +
+  '<p>Apabila item menu atau butang bar alat yang diinginkan diserlahkan, tekan <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  atau <strong>bar Space</strong> untuk melaksanakan item.</p>\n' +
+  '\n' +
+  '<h1>Navigasi ke dialog tidak bertab</h1>\n' +
+  '\n' +
+  '<p>Dalam dialog tidak bertab, komponen interaksi pertama difokuskan apabila dialog dibuka.</p>\n' +
+  '\n' +
+  '<p>Navigasi antara komponen dialog interaktif dengan menekan <strong>Tab</strong> atau <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigasi ke dialog bertab</h1>\n' +
+  '\n' +
+  '<p>Dalam dialog bertab, butang pertama dalam menu tab difokuskan apabila dialog dibuka.</p>\n' +
+  '\n' +
+  '<p>Navigasi antara komponen interaktif tab dialog ini dengan menekan <strong>Tab</strong> atau\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Tukar kepada tab dialog lain dengan memfokuskan menu tab, kemudian menekan kekunci <strong>Anak Panah</strong> yang bersesuaian\n' +
+  '  untuk berkitar menerusi tab yang tersedia.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/nb_NO.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/nb_NO.js
new file mode 100644
index 000000000..071e3f55c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/nb_NO.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.nb_NO',
+'<h1>Starte tastaturnavigering</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Utheve menylinjen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt + F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Utheve verktøylinjen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt + F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Utheve bunnteksten</dt>\n' +
+  '  <dd>Windows eller Linux: Alt + F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokuser på varselet</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Utheve en kontekstuell verktøylinje</dt>\n' +
+  '  <dd>Windows, Linux eller macOS: Ctrl + F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigeringen starter ved det første grensesnittelementet, som utheves, eller understrekes når det gjelder det første elementet i\n' +
+  '  elementstien i bunnteksten.</p>\n' +
+  '\n' +
+  '<h1>Navigere mellom grensesnittdeler</h1>\n' +
+  '\n' +
+  '<p>Du kan bevege deg fra én grensesnittdel til den neste ved å trykke på <strong>tabulatortasten</strong>.</p>\n' +
+  '\n' +
+  '<p>Du kan bevege deg fra én grensesnittdel til den forrige ved å trykke på <strong>Shift + tabulatortasten</strong>.</p>\n' +
+  '\n' +
+  '<p>Rekkefølgen til <strong>tabulatortasten</strong> gjennom grensesnittdelene er:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menylinjen</li>\n' +
+  '  <li>Hver gruppe på verktøylinjen</li>\n' +
+  '  <li>Sidestolpen</li>\n' +
+  '  <li>Elementstien i bunnteksten</li>\n' +
+  '  <li>Veksleknappen for ordantall i bunnteksten</li>\n' +
+  '  <li>Merkelenken i bunnteksten</li>\n' +
+  '  <li>Skaleringshåndtaket for redigeringsprogrammet i bunnteksten</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Hvis en grensesnittdel ikke er til stede, blir den hoppet over.</p>\n' +
+  '\n' +
+  '<p>Hvis tastaturnavigeringen har uthevet bunnteksten og det ikke finnes en synlig sidestolpe, kan du trykke på <strong>Shift + tabulatortasten</strong>\n' +
+  '  for å flytte fokuset til den første gruppen på verktøylinjen i stedet for den siste.</p>\n' +
+  '\n' +
+  '<h1>Navigere innenfor grensesnittdeler</h1>\n' +
+  '\n' +
+  '<p>Du kan bevege deg fra ett grensesnittelement til det neste ved å trykke på den aktuelle <strong>piltasten</strong>.</p>\n' +
+  '\n' +
+  '<p>De <strong>venstre</strong> og <strong>høyre</strong> piltastene</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>beveger deg mellom menyer på menylinjen.</li>\n' +
+  '  <li>åpner en undermeny i en meny.</li>\n' +
+  '  <li>beveger deg mellom knapper i en gruppe på verktøylinjen.</li>\n' +
+  '  <li>beveger deg mellom elementer i elementstien i bunnteksten.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Ned</strong>- og <strong>opp</strong>-piltastene</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>beveger deg mellom menyelementer i en meny.</li>\n' +
+  '  <li>beveger deg mellom elementer i en hurtigmeny på verktøylinjen.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Med <strong>piltastene</strong> kan du bevege deg innenfor den uthevede grensesnittdelen.</p>\n' +
+  '\n' +
+  '<p>Du kan lukke en åpen meny, en åpen undermeny eller en åpen hurtigmeny ved å klikke på <strong>Esc</strong>-tasten.</p>\n' +
+  '\n' +
+  '<p>Hvis det øverste nivået i en grensesnittdel er uthevet, kan du ved å trykke på <strong>Esc</strong> også avslutte\n' +
+  '  tastaturnavigeringen helt.</p>\n' +
+  '\n' +
+  '<h1>Utføre et menyelement eller en knapp på en verktøylinje</h1>\n' +
+  '\n' +
+  '<p>Når det ønskede menyelementet eller verktøylinjeknappen er uthevet, trykker du på <strong>Retur</strong>, <strong>Enter</strong>,\n' +
+  '  eller <strong>mellomromstasten</strong> for å utføre elementet.</p>\n' +
+  '\n' +
+  '<h1>Navigere i dialogbokser uten faner</h1>\n' +
+  '\n' +
+  '<p>I dialogbokser uten faner blir den første interaktive komponenten uthevet når dialogboksen åpnes.</p>\n' +
+  '\n' +
+  '<p>Naviger mellom interaktive komponenter i dialogboksen ved å trykke på <strong>tabulatortasten</strong> eller <strong>Shift + tabulatortasten</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigere i fanebaserte dialogbokser</h1>\n' +
+  '\n' +
+  '<p>I fanebaserte dialogbokser blir den første knappen i fanemenyen uthevet når dialogboksen åpnes.</p>\n' +
+  '\n' +
+  '<p>Naviger mellom interaktive komponenter i fanen ved å trykke på <strong>tabulatortasten</strong> eller\n' +
+  '  <strong>Shift + tabulatortasten</strong>.</p>\n' +
+  '\n' +
+  '<p>Veksle til en annen fane i dialogboksen ved å utheve fanemenyen, og trykk deretter på den aktuelle <strong>piltasten</strong>\n' +
+  '  for å bevege deg mellom de tilgjengelige fanene.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/nl.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/nl.js
new file mode 100644
index 000000000..05c07aee4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/nl.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.nl',
+'<h1>Toetsenbordnavigatie starten</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Focus op de menubalk instellen</dt>\n' +
+  '  <dd>Windows of Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Focus op de werkbalk instellen</dt>\n' +
+  '  <dd>Windows of Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Focus op de voettekst instellen</dt>\n' +
+  '  <dd>Windows of Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Focus op de melding instellen</dt>\n' +
+  '  <dd>Windows of Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Focus op een contextuele werkbalk instellen</dt>\n' +
+  '  <dd>Windows, Linux of macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>De navigatie start bij het eerste UI-item, dat wordt gemarkeerd of onderstreept als het eerste item zich in\n' +
+  '  in het elementenpad van de voettekst bevindt.</p>\n' +
+  '\n' +
+  '<h1>Navigeren tussen UI-secties</h1>\n' +
+  '\n' +
+  '<p>Druk op <strong>Tab</strong> om naar de volgende UI-sectie te gaan.</p>\n' +
+  '\n' +
+  '<p>Druk op <strong>Shift+Tab</strong> om naar de vorige UI-sectie te gaan.</p>\n' +
+  '\n' +
+  '<p>De <strong>Tab</strong>-volgorde van deze UI-secties is:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menubalk</li>\n' +
+  '  <li>Elke werkbalkgroep</li>\n' +
+  '  <li>Zijbalk</li>\n' +
+  '  <li>Elementenpad in de voettekst</li>\n' +
+  '  <li>Wisselknop voor aantal woorden in de voettekst</li>\n' +
+  '  <li>Merkkoppeling in de voettekst</li>\n' +
+  '  <li>Greep voor het wijzigen van het formaat van de editor in de voettekst</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Als een UI-sectie niet aanwezig is, wordt deze overgeslagen.</p>\n' +
+  '\n' +
+  '<p>Als de focus van de toetsenbordnavigatie is ingesteld op de voettekst en er geen zichtbare zijbalk is, kun je op <strong>Shift+Tab</strong> drukken\n' +
+  '  om de focus naar de eerste werkbalkgroep in plaats van de laatste te verplaatsen.</p>\n' +
+  '\n' +
+  '<h1>Navigeren binnen UI-secties</h1>\n' +
+  '\n' +
+  '<p>Druk op de <strong>pijltjestoets</strong> om naar het betreffende UI-element te gaan.</p>\n' +
+  '\n' +
+  '<p>Met de pijltjestoetsen <strong>Links</strong> en <strong>Rechts</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  "  <li>wissel je tussen menu's in de menubalk.</li>\n" +
+  '  <li>open je een submenu in een menu.</li>\n' +
+  '  <li>wissel je tussen knoppen in een werkbalkgroep.</li>\n' +
+  '  <li>wissel je tussen items in het elementenpad in de voettekst.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Met de pijltjestoetsen <strong>Omlaag</strong> en <strong>Omhoog</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>wissel je tussen menu-items in een menu.</li>\n' +
+  '  <li>wissel je tussen items in een werkbalkpop-upmenu.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Met de <strong>pijltjestoetsen</strong> wissel je binnen de UI-sectie waarop de focus is ingesteld.</p>\n' +
+  '\n' +
+  '<p>Druk op de toets <strong>Esc</strong> om een geopend menu, submenu of pop-upmenu te sluiten.</p>\n' +
+  '\n' +
+  "<p>Als de huidige focus is ingesteld 'bovenaan' een bepaalde UI-sectie, kun je op de toets <strong>Esc</strong> drukken\n" +
+  '  om de toetsenbordnavigatie af te sluiten.</p>\n' +
+  '\n' +
+  '<h1>Een menu-item of werkbalkknop uitvoeren</h1>\n' +
+  '\n' +
+  '<p>Als het gewenste menu-item of de gewenste werkbalkknop is gemarkeerd, kun je op <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  of de <strong>spatiebalk</strong> drukken om het item uit te voeren.</p>\n' +
+  '\n' +
+  '<h1>Navigeren in dialoogvensters zonder tabblad</h1>\n' +
+  '\n' +
+  '<p>Als een dialoogvenster zonder tabblad wordt geopend, wordt de focus ingesteld op het eerste interactieve onderdeel.</p>\n' +
+  '\n' +
+  '<p>Je kunt navigeren tussen interactieve onderdelen van een dialoogvenster door op <strong>Tab</strong> of <strong>Shift+Tab</strong> te drukken.</p>\n' +
+  '\n' +
+  '<h1>Navigeren in dialoogvensters met tabblad</h1>\n' +
+  '\n' +
+  '<p>Als een dialoogvenster met tabblad wordt geopend, wordt de focus ingesteld op de eerste knop in het tabbladmenu.</p>\n' +
+  '\n' +
+  '<p>Je kunt navigeren tussen interactieve onderdelen van dit tabblad van het dialoogvenster door op <strong>Tab</strong> of\n' +
+  '  <strong>Shift+Tab</strong> te drukken.</p>\n' +
+  '\n' +
+  '<p>Je kunt overschakelen naar een ander tabblad van het dialoogvenster door de focus in te stellen op het tabbladmenu en vervolgens op de juiste <strong>pijltjestoets</strong>\n' +
+  '  te drukken om tussen de beschikbare tabbladen te wisselen.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pl.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pl.js
new file mode 100644
index 000000000..e89f808a8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pl.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.pl',
+'<h1>Początek nawigacji przy użyciu klawiatury</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Ustaw fokus na pasek menu</dt>\n' +
+  '  <dd>Windows lub Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Ustaw fokus na pasek narzędzi</dt>\n' +
+  '  <dd>Windows lub Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Ustaw fokus na sekcję Footer</dt>\n' +
+  '  <dd>Windows lub Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Skup się na powiadomieniu</dt>\n' +
+  '  <dd>Windows lub Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Ustaw fokus na kontekstowy pasek narzędzi</dt>\n' +
+  '  <dd>Windows, Linux lub macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Nawigacja zostanie rozpoczęta od pierwszego elementu interfejsu użytkownika, który jest podświetlony lub — w przypadku pierwszego elementu\n' +
+  '  w ścieżce elementów w sekcji Footer — podkreślony.</p>\n' +
+  '\n' +
+  '<h1>Nawigacja pomiędzy sekcjami interfejsu użytkownika</h1>\n' +
+  '\n' +
+  '<p>Aby przenieść się z danej sekcji interfejsu użytkownika do następnej, naciśnij <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Aby przenieść się z danej sekcji interfejsu użytkownika do poprzedniej, naciśnij <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Kolejność klawisza <strong>Tab</strong> w takich sekcjach interfejsu użytkownika jest następująca:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Pasek menu</li>\n' +
+  '  <li>Każda grupa na pasku narzędzi</li>\n' +
+  '  <li>Pasek boczny</li>\n' +
+  '  <li>Ścieżka elementów w sekcji Footer</li>\n' +
+  '  <li>Przycisk przełączania liczby słów w sekcji Footer</li>\n' +
+  '  <li>Łącze brandujące w sekcji Footer</li>\n' +
+  '  <li>Uchwyt zmiany rozmiaru edytora w sekcji Footer</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Jeżeli nie ma sekcji interfejsu użytkownika, jest to pomijane.</p>\n' +
+  '\n' +
+  '<p>Jeżeli na sekcji Footer jest ustawiony fokus nawigacji przy użyciu klawiatury i nie ma widocznego paska bocznego, naciśnięcie <strong>Shift+Tab</strong>\n' +
+  '  przenosi fokus na pierwszą grupę paska narzędzi, a nie na ostatnią.</p>\n' +
+  '\n' +
+  '<h1>Nawigacja wewnątrz sekcji interfejsu użytkownika</h1>\n' +
+  '\n' +
+  '<p>Aby przenieść się z danego elementu interfejsu użytkownika do następnego, naciśnij odpowiedni klawisz <strong>strzałki</strong>.</p>\n' +
+  '\n' +
+  '<p>Klawisze strzałek <strong>w prawo</strong> i <strong>w lewo</strong> służą do</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>przenoszenia się pomiędzy menu na pasku menu,</li>\n' +
+  '  <li>otwarcia podmenu w menu,</li>\n' +
+  '  <li>przenoszenia się pomiędzy przyciskami w grupie paska narzędzi,</li>\n' +
+  '  <li>przenoszenia się pomiędzy elementami w ścieżce elementów w sekcji Footer.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klawisze strzałek <strong>w dół</strong> i <strong>w górę</strong> służą do</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>przenoszenia się pomiędzy elementami menu w menu,</li>\n' +
+  '  <li>przenoszenia się pomiędzy elementami w wyskakującym menu paska narzędzi.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klawisze <strong>strzałek</strong> służą do przemieszczania się w sekcji interfejsu użytkownika z ustawionym fokusem.</p>\n' +
+  '\n' +
+  '<p>Aby zamknąć otwarte menu, otwarte podmenu lub otwarte menu wyskakujące, naciśnij klawisz <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Jeżeli fokus jest ustawiony na górze konkretnej sekcji interfejsu użytkownika, naciśnięcie klawisza <strong>Esc</strong> powoduje wyjście\n' +
+  '  z nawigacji przy użyciu klawiatury.</p>\n' +
+  '\n' +
+  '<h1>Wykonanie elementu menu lub przycisku paska narzędzi</h1>\n' +
+  '\n' +
+  '<p>Gdy podświetlony jest żądany element menu lub przycisk paska narzędzi, naciśnij klawisz <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  lub <strong>Spacja</strong>, aby go wykonać.</p>\n' +
+  '\n' +
+  '<h1>Nawigacja po oknie dialogowym bez kart</h1>\n' +
+  '\n' +
+  '<p>Gdy otwiera się okno dialogowe bez kart, fokus ustawiany jest na pierwszą interaktywną część okna.</p>\n' +
+  '\n' +
+  '<p>Pomiędzy interaktywnymi częściami okna dialogowego nawiguj, naciskając klawisze <strong>Tab</strong> lub <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Nawigacja po oknie dialogowym z kartami</h1>\n' +
+  '\n' +
+  '<p>W przypadku okna dialogowego z kartami po otwarciu okna dialogowego fokus ustawiany jest na pierwszy przycisk w menu karty.</p>\n' +
+  '\n' +
+  '<p>Nawigację pomiędzy interaktywnymi częściami karty okna dialogowego prowadzi się poprzez naciskanie klawiszy <strong>Tab</strong> lub\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Przełączenie się na inną kartę okna dialogowego wykonuje się poprzez ustawienie fokusu na menu karty i naciśnięcie odpowiedniego klawisza <strong>strzałki</strong>\n' +
+  '  w celu przemieszczenia się pomiędzy dostępnymi kartami.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pt_BR.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pt_BR.js
new file mode 100644
index 000000000..2938fcfa5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pt_BR.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.pt_BR',
+'<h1>Iniciar navegação pelo teclado</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Foco na barra de menus</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Foco na barra de ferramentas</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Foco no rodapé</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Foco na notificação</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Foco na barra de ferramentas contextual</dt>\n' +
+  '  <dd>Windows, Linux ou macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>A navegação inicia no primeiro item da IU, que será destacado ou sublinhado no caso do primeiro item no\n' +
+  '  caminho do elemento Rodapé.</p>\n' +
+  '\n' +
+  '<h1>Navegar entre seções da IU</h1>\n' +
+  '\n' +
+  '<p>Para ir de uma seção da IU para a seguinte, pressione <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Para ir de uma seção da IU para a anterior, pressione <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>A ordem de <strong>Tab</strong> destas seções da IU é:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra de menus</li>\n' +
+  '  <li>Cada grupo da barra de ferramentas</li>\n' +
+  '  <li>Barra lateral</li>\n' +
+  '  <li>Caminho do elemento no rodapé</li>\n' +
+  '  <li>Botão de alternar contagem de palavras no rodapé</li>\n' +
+  '  <li>Link da marca no rodapé</li>\n' +
+  '  <li>Alça de redimensionamento do editor no rodapé</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Se não houver uma seção da IU, ela será pulada.</p>\n' +
+  '\n' +
+  '<p>Se o rodapé tiver o foco da navegação pelo teclado e não houver uma barra lateral visível, pressionar <strong>Shift+Tab</strong>\n' +
+  '  move o foco para o primeiro grupo da barra de ferramentas, não para o último.</p>\n' +
+  '\n' +
+  '<h1>Navegar dentro das seções da IU</h1>\n' +
+  '\n' +
+  '<p>Para ir de um elemento da IU para o seguinte, pressione a <strong>Seta</strong> correspondente.</p>\n' +
+  '\n' +
+  '<p>As teclas de seta <strong>Esquerda</strong> e <strong>Direita</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>movem entre menus na barra de menus.</li>\n' +
+  '  <li>abrem um submenu em um menu.</li>\n' +
+  '  <li>movem entre botões em um grupo da barra de ferramentas.</li>\n' +
+  '  <li>movem entre itens no caminho do elemento do rodapé.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>As teclas de seta <strong>Abaixo</strong> e <strong>Acima</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>movem entre itens de menu em um menu.</li>\n' +
+  '  <li>movem entre itens em um menu suspenso da barra de ferramentas.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>As teclas de <strong>Seta</strong> alternam dentre a seção da IU em foco.</p>\n' +
+  '\n' +
+  '<p>Para fechar um menu aberto, um submenu aberto ou um menu suspenso aberto, pressione <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Se o foco atual estiver no ‘alto’ de determinada seção da IU, pressionar <strong>Esc</strong> também sai\n' +
+  '  totalmente da navegação pelo teclado.</p>\n' +
+  '\n' +
+  '<h1>Executar um item de menu ou botão da barra de ferramentas</h1>\n' +
+  '\n' +
+  '<p>Com o item de menu ou botão da barra de ferramentas desejado destacado, pressione <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  ou a <strong>Barra de espaço</strong> para executar o item.</p>\n' +
+  '\n' +
+  '<h1>Navegar por caixas de diálogo sem guias</h1>\n' +
+  '\n' +
+  '<p>Em caixas de diálogo sem guias, o primeiro componente interativo recebe o foco quando a caixa de diálogo abre.</p>\n' +
+  '\n' +
+  '<p>Navegue entre componentes interativos de caixa de diálogo pressionando <strong>Tab</strong> ou <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navegar por caixas de diálogo com guias</h1>\n' +
+  '\n' +
+  '<p>Em caixas de diálogo com guias, o primeiro botão no menu da guia recebe o foco quando a caixa de diálogo abre.</p>\n' +
+  '\n' +
+  '<p>Navegue entre componentes interativos dessa guia da caixa de diálogo pressionando <strong>Tab</strong> ou\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Alterne para outra guia da caixa de diálogo colocando o foco no menu da guia e pressionando a <strong>Seta</strong>\n' +
+  '  adequada para percorrer as guias disponíveis.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pt_PT.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pt_PT.js
new file mode 100644
index 000000000..03da3d614
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/pt_PT.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.pt_PT',
+'<h1>Iniciar navegação com teclado</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Foco na barra de menu</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Foco na barra de ferramentas</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Foco no rodapé</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Focar a notificação</dt>\n' +
+  '  <dd>Windows ou Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Foco numa barra de ferramentas contextual</dt>\n' +
+  '  <dd>Windows, Linux ou macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>A navegação começará no primeiro item de IU, que estará realçado ou sublinhado, no caso do primeiro item no\n' +
+  '  caminho do elemento do rodapé.</p>\n' +
+  '\n' +
+  '<h1>Navegar entre secções de IU</h1>\n' +
+  '\n' +
+  '<p>Para se mover de uma secção de IU para a seguinte, prima <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Para se mover de uma secção de IU para a anterior, prima <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>A ordem de <strong>tabulação</strong> destas secções de IU é:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Barra de menu</li>\n' +
+  '  <li>Cada grupo da barra de ferramentas</li>\n' +
+  '  <li>Barra lateral</li>\n' +
+  '  <li>Caminho do elemento no rodapé</li>\n' +
+  '  <li>Botão de alternar da contagem de palavras no rodapé</li>\n' +
+  '  <li>Ligação da marca no rodapé</li>\n' +
+  '  <li>Alça de redimensionamento do editor no rodapé</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Se uma secção de IU não estiver presente, é ignorada.</p>\n' +
+  '\n' +
+  '<p>Se o rodapé tiver foco de navegação com teclado e não existir uma barra lateral visível, premir <strong>Shift+Tab</strong>\n' +
+  '  move o foco para o primeiro grupo da barra de ferramentas e não para o último.</p>\n' +
+  '\n' +
+  '<h1>Navegar nas secções de IU</h1>\n' +
+  '\n' +
+  '<p>Para se mover de um elemento de IU para o seguinte, prima a tecla de <strong>seta</strong> adequada.</p>\n' +
+  '\n' +
+  '<p>As teclas de seta <strong>Para a esquerda</strong> e <strong>Para a direita</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>movem-se entre menus na barra de menu.</li>\n' +
+  '  <li>abrem um submenu num menu.</li>\n' +
+  '  <li>movem-se entre botões num grupo da barra de ferramentas.</li>\n' +
+  '  <li>movem-se entre itens no caminho do elemento do rodapé.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>As teclas de seta <strong>Para cima</strong> e <strong>Para baixo</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>movem-se entre itens de menu num menu.</li>\n' +
+  '  <li>movem-se entre itens num menu de pop-up da barra de ferramentas.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>As teclas de <strong>seta</strong> deslocam-se ciclicamente na secção de IU em foco.</p>\n' +
+  '\n' +
+  '<p>Para fechar um menu aberto, um submenu aberto ou um menu de pop-up aberto, prima a tecla <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Se o foco atual estiver no "topo" de determinada secção de IU, premir a tecla <strong>Esc</strong> também fecha\n' +
+  '  completamente a navegação com teclado.</p>\n' +
+  '\n' +
+  '<h1>Executar um item de menu ou botão da barra de ferramentas</h1>\n' +
+  '\n' +
+  '<p>Quando o item de menu ou o botão da barra de ferramentas pretendido estiver realçado, prima <strong>Retrocesso</strong>, <strong>Enter</strong>\n' +
+  '  ou a <strong>Barra de espaço</strong> para executar o item.</p>\n' +
+  '\n' +
+  '<h1>Navegar em diálogos sem separadores</h1>\n' +
+  '\n' +
+  '<p>Nos diálogos sem separadores, o primeiro componente interativo fica em foco quando o diálogo abre.</p>\n' +
+  '\n' +
+  '<p>Navegue entre componentes interativos do diálogo, premindo <strong>Tab</strong> ou <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navegar em diálogos com separadores</h1>\n' +
+  '\n' +
+  '<p>Nos diálogos com separadores, o primeiro botão no menu do separador fica em foco quando o diálogo abre.</p>\n' +
+  '\n' +
+  '<p>Navegue entre os componentes interativos deste separador do diálogo, premindo <strong>Tab</strong> ou\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Mude para outro separador do diálogo colocando o menu do separador em foco e, em seguida, premindo a tecla de <strong>seta</strong>\n' +
+  '  adequada para se deslocar ciclicamente pelos separadores disponíveis.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ro.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ro.js
new file mode 100644
index 000000000..38d3441d8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ro.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ro',
+'<h1>Începeți navigarea de la tastatură</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Focalizare pe bara de meniu</dt>\n' +
+  '  <dd>Windows sau Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Focalizare pe bara de instrumente</dt>\n' +
+  '  <dd>Windows sau Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Focalizare pe subsol</dt>\n' +
+  '  <dd>Windows sau Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Focalizare pe notificare</dt>\n' +
+  '  <dd>Windows sau Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Focalizare pe o bară de instrumente contextuală</dt>\n' +
+  '  <dd>Windows, Linux sau macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigarea va începe de la primul element al interfeței cu utilizatorul, care va fi evidențiat sau subliniat în cazul primului element din\n' +
+  '  calea elementului Subsol.</p>\n' +
+  '\n' +
+  '<h1>Navigați între secțiunile interfeței cu utilizatorul</h1>\n' +
+  '\n' +
+  '<p>Pentru a trece de la o secțiune a interfeței cu utilizatorul la alta, apăsați <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Pentru a trece de la o secțiune a interfeței cu utilizatorul la cea anterioară, apăsați <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Ordinea cu <strong>Tab</strong> a acestor secțiuni ale interfeței cu utilizatorul este următoarea:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Bara de meniu</li>\n' +
+  '  <li>Fiecare grup de bare de instrumente</li>\n' +
+  '  <li>Bara laterală</li>\n' +
+  '  <li>Calea elementului în subsol</li>\n' +
+  '  <li>Buton de comutare a numărului de cuvinte în subsol</li>\n' +
+  '  <li>Link de branding în subsol</li>\n' +
+  '  <li>Mâner de redimensionare a editorului în subsol</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>În cazul în care o secțiune a interfeței cu utilizatorul nu este prezentă, aceasta este omisă.</p>\n' +
+  '\n' +
+  '<p>În cazul în care subsolul are focalizarea navigației asupra tastaturii și nu există o bară laterală vizibilă, apăsarea butonului <strong>Shift+Tab</strong>\n' +
+  '  mută focalizarea pe primul grup de bare de instrumente, nu pe ultimul.</p>\n' +
+  '\n' +
+  '<h1>Navigați în secțiunile interfeței cu utilizatorul</h1>\n' +
+  '\n' +
+  '<p>Pentru a trece de la un element de interfață cu utilizatorul la următorul, apăsați tasta cu <strong>săgeata</strong> corespunzătoare.</p>\n' +
+  '\n' +
+  '<p>Tastele cu săgeți către <strong>stânga</strong> și <strong>dreapta</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>navighează între meniurile din bara de meniuri.</li>\n' +
+  '  <li>deschid un sub-meniu dintr-un meniu.</li>\n' +
+  '  <li>navighează între butoanele dintr-un grup de bare de instrumente.</li>\n' +
+  '  <li>navighează între elementele din calea elementelor subsolului.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tastele cu săgeți în <strong>sus</strong> și în <strong>jos</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>navighează între elementele de meniu dintr-un meniu.</li>\n' +
+  '  <li>navighează între elementele unui meniu pop-up din bara de instrumente.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Tastele cu <strong>săgeți</strong> navighează în cadrul secțiunii interfeței cu utilizatorul asupra căreia se focalizează.</p>\n' +
+  '\n' +
+  '<p>Pentru a închide un meniu deschis, un sub-meniu deschis sau un meniu pop-up deschis, apăsați tasta <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Dacă focalizarea curentă este asupra „părții superioare” a unei anumite secțiuni a interfeței cu utilizatorul, prin apăsarea tastei <strong>Esc</strong> se iese, de asemenea,\n' +
+  '  în întregime din navigarea de la tastatură.</p>\n' +
+  '\n' +
+  '<h1>Executarea unui element de meniu sau a unui buton din bara de instrumente</h1>\n' +
+  '\n' +
+  '<p>Atunci când elementul de meniu dorit sau butonul dorit din bara de instrumente este evidențiat, apăsați <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  sau <strong>bara de spațiu</strong> pentru a executa elementul.</p>\n' +
+  '\n' +
+  '<h1>Navigarea de dialoguri fără file</h1>\n' +
+  '\n' +
+  '<p>În dialogurile fără file, prima componentă interactivă beneficiază de focalizare la deschiderea dialogului.</p>\n' +
+  '\n' +
+  '<p>Navigați între componentele dialogului interactiv apăsând <strong>Tab</strong> sau <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigarea de dialoguri cu file</h1>\n' +
+  '\n' +
+  '<p>În dialogurile cu file, primul buton din meniul cu file beneficiază de focalizare la deschiderea dialogului.</p>\n' +
+  '\n' +
+  '<p>Navigați între componentele interactive ale acestei file de dialog apăsând <strong>Tab</strong> sau\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Treceți la o altă filă de dialog focalizând asupra meniului cu file și apoi apăsând <strong>săgeata</strong> corespunzătoare\n' +
+  '  pentru a parcurge filele disponibile.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ru.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ru.js
new file mode 100644
index 000000000..d310f5441
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/ru.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.ru',
+'<h1>Начните управление с помощью клавиатуры</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Фокус на панели меню</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Фокус на панели инструментов</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Фокус на нижнем колонтитуле</dt>\n' +
+  '  <dd>Windows или Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Фокус на уведомлении</dt>\n' +
+  '  <dd>Windows или Linux: Alt+12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Фокус на контекстной панели инструментов</dt>\n' +
+  '  <dd>Windows, Linux или macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Первый доступный для управления элемент интерфейса будет выделен цветом или подчеркнут (если он находится\n' +
+  '  в пути элементов нижнего колонтитула).</p>\n' +
+  '\n' +
+  '<h1>Переход между разделами пользовательского интерфейса</h1>\n' +
+  '\n' +
+  '<p>Чтобы перейти из текущего раздела интерфейса в следующий, нажмите <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Чтобы перейти из текущего раздела интерфейса в предыдущий, нажмите <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Вкладки</strong> разделов интерфейса расположены в следующем порядке:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Панель меню</li>\n' +
+  '  <li>Группы панели инструментов</li>\n' +
+  '  <li>Боковая панель</li>\n' +
+  '  <li>Путь элементов нижнего колонтитула</li>\n' +
+  '  <li>Подсчет слов/символов в нижнем колонтитуле</li>\n' +
+  '  <li>Брендовая ссылка в нижнем колонтитуле</li>\n' +
+  '  <li>Угол для изменения размера окна редактора</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Если раздел интерфейса отсутствует, он пропускается.</p>\n' +
+  '\n' +
+  '<p>Если при управлении с клавиатуры фокус находится на нижнем колонтитуле, а видимая боковая панель отсутствует, то при нажатии сочетания клавиш <strong>Shift+Tab</strong>\n' +
+  '  фокус переносится на первую группу панели инструментов, а не на последнюю.</p>\n' +
+  '\n' +
+  '<h1>Переход между элементами внутри разделов пользовательского интерфейса</h1>\n' +
+  '\n' +
+  '<p>Чтобы перейти от текущего элемента интерфейса к следующему, нажмите соответствующую <strong>клавишу со стрелкой</strong>.</p>\n' +
+  '\n' +
+  '<p>Клавиши со стрелками <strong>влево</strong> и <strong>вправо</strong> позволяют</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>перемещаться между разными меню в панели меню.</li>\n' +
+  '  <li>открывать разделы меню.</li>\n' +
+  '  <li>перемещаться между кнопками в группе панели инструментов.</li>\n' +
+  '  <li>перемещаться между элементами в пути элементов нижнего колонтитула.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Клавиши со стрелками <strong>вниз</strong> и <strong>вверх</strong> позволяют</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>перемещаться между элементами одного меню.</li>\n' +
+  '  <li>перемещаться между элементами всплывающего меню в панели инструментов.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>При использовании <strong>клавиш со стрелками</strong> вы будете циклически перемещаться по элементам в пределах выбранного раздела интерфейса.</p>\n' +
+  '\n' +
+  '<p>Чтобы закрыть открытое меню, его раздел или всплывающее меню, нажмите клавишу <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Если фокус находится наверху какого-либо раздела интерфейса, нажатие клавиши <strong>Esc</strong> также приведет\n' +
+  '  к выходу из режима управления с помощью клавиатуры.</p>\n' +
+  '\n' +
+  '<h1>Использование элемента меню или кнопки на панели инструментов</h1>\n' +
+  '\n' +
+  '<p>Когда элемент меню или кнопка панели инструментов будут выделены, нажмите <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  или <strong>Space</strong>, чтобы их активировать.</p>\n' +
+  '\n' +
+  '<h1>Управление в диалоговом окне без вкладок</h1>\n' +
+  '\n' +
+  '<p>При открытии диалогового окна без вкладок фокус переносится на первый интерактивный компонент.</p>\n' +
+  '\n' +
+  '<p>Для перехода между интерактивными компонентами диалогового окна нажимайте <strong>Tab</strong> или <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Управление в диалоговом окне с вкладками</h1>\n' +
+  '\n' +
+  '<p>При открытии диалогового окна с вкладками фокус переносится на первую кнопку в меню вкладок.</p>\n' +
+  '\n' +
+  '<p>Для перехода между интерактивными компонентами этой вкладки диалогового окна нажимайте <strong>Tab</strong> или\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Для перехода на другую вкладку диалогового окна переместите фокус на меню вкладок, а затем используйте <strong>клавиши со стрелками</strong>\n' +
+  '  для циклического переключения между доступными вкладками.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sk.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sk.js
new file mode 100644
index 000000000..60cc6288c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sk.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.sk',
+'<h1>Začíname s navigáciou pomocou klávesnice</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Prejsť na panel s ponukami</dt>\n' +
+  '  <dd>Windows alebo Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Prejsť na panel nástrojov</dt>\n' +
+  '  <dd>Windows alebo Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Prejsť na pätičku</dt>\n' +
+  '  <dd>Windows alebo Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Zaostriť na oznámenie</dt>\n' +
+  '  <dd>Windows alebo Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Prejsť na kontextový panel nástrojov</dt>\n' +
+  '  <dd>Windows, Linux alebo macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigácia začne pri prvej položke používateľského rozhrania, ktorá bude zvýraznená alebo v prípade prvej položky\n' +
+  '  cesty k pätičke podčiarknutá.</p>\n' +
+  '\n' +
+  '<h1>Navigácia medzi časťami používateľského rozhrania</h1>\n' +
+  '\n' +
+  '<p>Ak sa chcete posunúť z jednej časti používateľského rozhrania do druhej, stlačte tlačidlo <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Ak sa chcete posunúť z jednej časti používateľského rozhrania do predchádzajúcej, stlačte tlačidlá <strong>Shift + Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Poradie prepínania medzi týmito časťami používateľského rozhrania pri stláčaní tlačidla <strong>Tab</strong>:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Panel s ponukou</li>\n' +
+  '  <li>Každá skupina panela nástrojov</li>\n' +
+  '  <li>Bočný panel</li>\n' +
+  '  <li>Cesta k prvku v pätičke</li>\n' +
+  '  <li>Prepínač počtu slov v pätičke</li>\n' +
+  '  <li>Odkaz na informácie o značke v pätičke</li>\n' +
+  '  <li>Úchyt na zmenu veľkosti editora v pätičke</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Ak nejaká časť používateľského rozhrania nie je prítomná, preskočí sa.</p>\n' +
+  '\n' +
+  '<p>Ak je pätička vybratá na navigáciu pomocou klávesnice a nie je viditeľný bočný panel, stlačením klávesov <strong>Shift+Tab</strong>\n' +
+  '  prejdete na prvú skupinu panela nástrojov, nie na poslednú.</p>\n' +
+  '\n' +
+  '<h1>Navigácia v rámci častí používateľského rozhrania</h1>\n' +
+  '\n' +
+  '<p>Ak sa chcete posunúť z jedného prvku používateľského rozhrania na ďalší, stlačte príslušný kláves so <strong>šípkou</strong>.</p>\n' +
+  '\n' +
+  '<p>Klávesy so šípkami <strong>doľava</strong> a <strong>doprava</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>umožňujú presun medzi ponukami na paneli ponúk,</li>\n' +
+  '  <li>otvárajú podponuku v rámci ponuky,</li>\n' +
+  '  <li>umožňujú presun medzi tlačidlami v skupine panelov nástrojov,</li>\n' +
+  '  <li>umožňujú presun medzi položkami cesty prvku v pätičke.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klávesy so šípkami <strong>dole</strong> a <strong>hore</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>umožňujú presun medzi položkami ponuky,</li>\n' +
+  '  <li>umožňujú presun medzi položkami v kontextovej ponuke panela nástrojov.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Klávesy so <strong>šípkami</strong> vykonávajú prepínanie v rámci vybranej časti používateľského rozhrania.</p>\n' +
+  '\n' +
+  '<p>Ak chcete zatvoriť otvorenú ponuku, otvorenú podponuku alebo otvorenú kontextovú ponuku, stlačte kláves <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Ak je aktuálne vybratá horná časť konkrétneho používateľského rozhrania, stlačením klávesu <strong>Esc</strong> úplne ukončíte tiež\n' +
+  '  navigáciu pomocou klávesnice.</p>\n' +
+  '\n' +
+  '<h1>Vykonanie príkazu položky ponuky alebo tlačidla panela nástrojov</h1>\n' +
+  '\n' +
+  '<p>Keď je zvýraznená požadovaná položka ponuky alebo tlačidlo panela nástrojov, stlačením klávesov <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  alebo <strong>medzerníka</strong> vykonáte príslušný príkaz položky.</p>\n' +
+  '\n' +
+  '<h1>Navigácia v dialógových oknách bez záložiek</h1>\n' +
+  '\n' +
+  '<p>Pri otvorení dialógových okien bez záložiek prejdete na prvý interaktívny komponent.</p>\n' +
+  '\n' +
+  '<p>Medzi interaktívnymi dialógovými komponentmi môžete prechádzať stlačením klávesov <strong>Tab</strong> alebo <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigácia v dialógových oknách so záložkami</h1>\n' +
+  '\n' +
+  '<p>Pri otvorení dialógových okien so záložkami prejdete na prvé tlačidlo v ponuke záložiek.</p>\n' +
+  '\n' +
+  '<p>Medzi interaktívnymi komponentmi tejto dialógovej záložky môžete prechádzať stlačením klávesov <strong>Tab</strong> alebo\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Ak chcete prepnúť na ďalšiu záložku dialógového okna, prejdite do ponuky záložiek a potom môžete stlačením príslušného klávesu so <strong>šípkou</strong>\n' +
+  '  prepínať medzi dostupnými záložkami.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sl_SI.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sl_SI.js
new file mode 100644
index 000000000..2b25f5a34
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sl_SI.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.sl_SI',
+'<h1>Začetek krmarjenja s tipkovnico</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokus na menijsko vrstico</dt>\n' +
+  '  <dd>Windows ali Linux: Alt + F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokus na orodno vrstico</dt>\n' +
+  '  <dd>Windows ali Linux: Alt + F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokus na nogo</dt>\n' +
+  '  <dd>Windows ali Linux: Alt + F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Označitev obvestila</dt>\n' +
+  '  <dd>Windows ali Linux: Alt + F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokus na kontekstualno orodno vrstico</dt>\n' +
+  '  <dd>Windows, Linux ali macOS: Ctrl + F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Krmarjenje se bo začelo s prvim elementom uporabniškega vmesnika, ki bo izpostavljena ali podčrtan, če gre za prvi element na\n' +
+  '  poti do elementa noge.</p>\n' +
+  '\n' +
+  '<h1>Krmarjenje med razdelki uporabniškega vmesnika</h1>\n' +
+  '\n' +
+  '<p>Če se želite pomakniti z enega dela uporabniškega vmesnika na naslednjega, pritisnite <strong>tabulatorko</strong>.</p>\n' +
+  '\n' +
+  '<p>Če se želite pomakniti z enega dela uporabniškega vmesnika na prejšnjega, pritisnite <strong>shift + tabulatorko</strong>.</p>\n' +
+  '\n' +
+  '<p>Zaporedje teh razdelkov uporabniškega vmesnika, ko pritiskate <strong>tabulatorko</strong>, je:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menijska vrstica</li>\n' +
+  '  <li>Posamezne skupine orodne vrstice</li>\n' +
+  '  <li>Stranska vrstica</li>\n' +
+  '  <li>Pod do elementa v nogi</li>\n' +
+  '  <li>Gumb za preklop štetja besed v nogi</li>\n' +
+  '  <li>Povezava do blagovne znamke v nogi</li>\n' +
+  '  <li>Ročaj za spreminjanje velikosti urejevalnika v nogi</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Če razdelek uporabniškega vmesnika ni prisoten, je preskočen.</p>\n' +
+  '\n' +
+  '<p>Če ima noga fokus za krmarjenje s tipkovnico in ni vidne stranske vrstice, s pritiskom na <strong>shift + tabulatorko</strong>\n' +
+  '  fokus premaknete na prvo skupino orodne vrstice, ne zadnjo.</p>\n' +
+  '\n' +
+  '<h1>Krmarjenje v razdelkih uporabniškega vmesnika</h1>\n' +
+  '\n' +
+  '<p>Če se želite premakniti z enega elementa uporabniškega vmesnika na naslednjega, pritisnite ustrezno <strong>puščično</strong> tipko.</p>\n' +
+  '\n' +
+  '<p><strong>Leva</strong> in <strong>desna</strong> puščična tipka</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>omogočata premikanje med meniji v menijski vrstici.</li>\n' +
+  '  <li>odpreta podmeni v meniju.</li>\n' +
+  '  <li>omogočata premikanje med gumbi v skupini orodne vrstice.</li>\n' +
+  '  <li>omogočata premikanje med elementi na poti do elementov noge.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Spodnja</strong> in <strong>zgornja</strong> puščična tipka</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>omogočata premikanje med elementi menija.</li>\n' +
+  '  <li>omogočata premikanje med elementi v pojavnem meniju orodne vrstice.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Puščične</strong> tipke omogočajo kroženje znotraj razdelka uporabniškega vmesnika, na katerem je fokus.</p>\n' +
+  '\n' +
+  '<p>Če želite zapreti odprt meni, podmeni ali pojavni meni, pritisnite tipko <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Če je trenutni fokus na »vrhu« določenega razdelka uporabniškega vmesnika, s pritiskom tipke <strong>Esc</strong> zaprete\n' +
+  '  tudi celotno krmarjenje s tipkovnico.</p>\n' +
+  '\n' +
+  '<h1>Izvajanje menijskega elementa ali gumba orodne vrstice</h1>\n' +
+  '\n' +
+  '<p>Ko je označen želeni menijski element ali orodja vrstica, pritisnite <strong>vračalko</strong>, <strong>Enter</strong>\n' +
+  '  ali <strong>preslednico</strong>, da izvedete element.</p>\n' +
+  '\n' +
+  '<h1>Krmarjenje po pogovornih oknih brez zavihkov</h1>\n' +
+  '\n' +
+  '<p>Ko odprete pogovorno okno brez zavihkov, ima fokus prva interaktivna komponenta.</p>\n' +
+  '\n' +
+  '<p>Med interaktivnimi komponentami pogovornega okna se premikate s pritiskom <strong>tabulatorke</strong> ali kombinacije tipke <strong>shift + tabulatorke</strong>.</p>\n' +
+  '\n' +
+  '<h1>Krmarjenje po pogovornih oknih z zavihki</h1>\n' +
+  '\n' +
+  '<p>Ko odprete pogovorno okno z zavihki, ima fokus prvi gumb v meniju zavihka.</p>\n' +
+  '\n' +
+  '<p>Med interaktivnimi komponentami tega zavihka pogovornega okna se premikate s pritiskom <strong>tabulatorke</strong> ali\n' +
+  '  kombinacije tipke <strong>shift + tabulatorke</strong>.</p>\n' +
+  '\n' +
+  '<p>Na drug zavihek pogovornega okna preklopite tako, da fokus prestavite na meni zavihka in nato pritisnete ustrezno <strong>puščično</strong>\n' +
+  '  tipko, da se pomaknete med razpoložljivimi zavihki.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sv_SE.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sv_SE.js
new file mode 100644
index 000000000..c30f2f253
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/sv_SE.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.sv_SE',
+'<h1>Påbörja tangentbordsnavigering</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Fokusera på menyraden</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Fokusera på verktygsraden</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Fokusera på verktygsraden</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Fokusera aviseringen</dt>\n' +
+  '  <dd>Windows eller Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Fokusera på en snabbverktygsrad</dt>\n' +
+  '  <dd>Windows, Linux eller macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Navigeringen börjar vid det första gränssnittsobjektet, vilket är markerat eller understruket om det gäller det första objektet i\n' +
+  '  sidfotens elementsökväg.</p>\n' +
+  '\n' +
+  '<h1>Navigera mellan UI-avsnitt</h1>\n' +
+  '\n' +
+  '<p>Flytta från ett UI-avsnitt till nästa genom att trycka på <strong>Tabb</strong>.</p>\n' +
+  '\n' +
+  '<p>Flytta från ett UI-avsnitt till det föregående genom att trycka på <strong>Skift+Tabb</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Tabb</strong>-ordningen för dessa UI-avsnitt är:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menyrad</li>\n' +
+  '  <li>Varje verktygsradsgrupp</li>\n' +
+  '  <li>Sidoruta</li>\n' +
+  '  <li>Elementsökväg i sidfoten</li>\n' +
+  '  <li>Växlingsknapp för ordantal i sidfoten</li>\n' +
+  '  <li>Varumärkeslänk i sidfoten</li>\n' +
+  '  <li>Storlekshandtag för redigeraren i sidfoten</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Om ett UI-avsnitt inte finns hoppas det över.</p>\n' +
+  '\n' +
+  '<p>Om sidfoten har fokus på tangentbordsnavigering, och det inte finns någon synlig sidoruta, flyttas fokus till den första verktygsradsgruppen\n' +
+  '  när du trycker på <strong>Skift+Tabb</strong>, inte till den sista.</p>\n' +
+  '\n' +
+  '<h1>Navigera i UI-avsnitt</h1>\n' +
+  '\n' +
+  '<p>Flytta från ett UI-element till nästa genom att trycka på motsvarande <strong>piltangent</strong>.</p>\n' +
+  '\n' +
+  '<p><strong>Vänsterpil</strong> och <strong>högerpil</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>flytta mellan menyer på menyraden.</li>\n' +
+  '  <li>öppna en undermeny på en meny.</li>\n' +
+  '  <li>flytta mellan knappar i en verktygsradgrupp.</li>\n' +
+  '  <li>flytta mellan objekt i sidfotens elementsökväg.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Nedpil</strong> och <strong>uppil</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>flytta mellan menyalternativ på en meny.</li>\n' +
+  '  <li>flytta mellan alternativ på en popup-meny på verktygsraden.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Piltangenterna</strong> cirkulerar inom det fokuserade UI-avsnittet.</p>\n' +
+  '\n' +
+  '<p>Tryck på <strong>Esc</strong>-tangenten om du vill stänga en öppen meny, undermeny eller popup-meny.</p>\n' +
+  '\n' +
+  '<p>Om det aktuella fokuset är högst upp i ett UI-avsnitt avlutas även tangentbordsnavigeringen helt när\n' +
+  '  du trycker på <strong>Esc</strong>-tangenten.</p>\n' +
+  '\n' +
+  '<h1>Köra ett menyalternativ eller en verktygfältsknapp</h1>\n' +
+  '\n' +
+  '<p>När menyalternativet eller verktygsradsknappen är markerad trycker du på <strong>Retur</strong>, <strong>Enter</strong>\n' +
+  '  eller <strong>blanksteg</strong> för att köra alternativet.</p>\n' +
+  '\n' +
+  '<h1>Navigera i dialogrutor utan flikar</h1>\n' +
+  '\n' +
+  '<p>I dialogrutor utan flikar är den första interaktiva komponenten i fokus när dialogrutan öppnas.</p>\n' +
+  '\n' +
+  '<p>Navigera mellan interaktiva dialogkomponenter genom att trycka på <strong>Tabb</strong> eller <strong>Skift+Tabb</strong>.</p>\n' +
+  '\n' +
+  '<h1>Navigera i dialogrutor med flikar</h1>\n' +
+  '\n' +
+  '<p>I dialogrutor utan flikar är den första knappen på flikmenyn i fokus när dialogrutan öppnas.</p>\n' +
+  '\n' +
+  '<p>Navigera mellan interaktiva komponenter på dialogrutefliken genom att trycka på <strong>Tabb</strong> eller\n' +
+  '  <strong>Skift+Tabb</strong>.</p>\n' +
+  '\n' +
+  '<p>Växla till en annan dialogruta genom att fokusera på flikmenyn och sedan trycka på motsvarande <strong>piltangent</strong>\n' +
+  '  för att cirkulera mellan de tillgängliga flikarna.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/th_TH.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/th_TH.js
new file mode 100644
index 000000000..562fe7a79
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/th_TH.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.th_TH',
+'<h1>เริ่มต้นการนำทางด้วยแป้นพิมพ์</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>โฟกัสที่แถบเมนู</dt>\n' +
+  '  <dd>Windows หรือ Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>โฟกัสที่แถบเครื่องมือ</dt>\n' +
+  '  <dd>Windows หรือ Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>โฟกัสที่ส่วนท้าย</dt>\n' +
+  '  <dd>Windows หรือ Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>โฟกัสไปที่การแจ้งเตือน</dt>\n' +
+  '  <dd>Windows หรือ Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>โฟกัสที่แถบเครื่องมือตามบริบท</dt>\n' +
+  '  <dd>Windows, Linux หรือ macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>การนำทางจะเริ่มที่รายการ UI แรก ซึ่งจะมีการไฮไลต์หรือขีดเส้นใต้ไว้ในกรณีที่รายการแรกอยู่ใน\n' +
+  '  พาธองค์ประกอบส่วนท้าย</p>\n' +
+  '\n' +
+  '<h1>การนำทางระหว่างส่วนต่างๆ ของ UI</h1>\n' +
+  '\n' +
+  '<p>ในการย้ายจากส่วน UI หนึ่งไปยังส่วนถัดไป ให้กด <strong>Tab</strong></p>\n' +
+  '\n' +
+  '<p>ในการย้ายจากส่วน UI หนึ่งไปยังส่วนก่อนหน้า ให้กด <strong>Shift+Tab</strong></p>\n' +
+  '\n' +
+  '<p>ลำดับ<strong>แท็บ</strong>ของส่วนต่างๆ ของ UI คือ:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>แถบเมนู</li>\n' +
+  '  <li>แต่ละกลุ่มแถบเครื่องมือ</li>\n' +
+  '  <li>แถบข้าง</li>\n' +
+  '  <li>พาธองค์ประกอบในส่วนท้าย</li>\n' +
+  '  <li>ปุ่มสลับเปิด/ปิดจำนวนคำในส่วนท้าย</li>\n' +
+  '  <li>ลิงก์ชื่อแบรนด์ในส่วนท้าย</li>\n' +
+  '  <li>จุดจับปรับขนาดของตัวแก้ไขในส่วนท้าย</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>หากส่วน UI ไม่ปรากฏ แสดงว่าถูกข้ามไป</p>\n' +
+  '\n' +
+  '<p>หากส่วนท้ายมีการโฟกัสการนำทางแป้นพิมพ์และไม่มีแถบข้างปรากฏ การกด <strong>Shift+Tab</strong>\n' +
+  '  จะย้ายการโฟกัสไปที่กลุ่มแถบเครื่องมือแรก ไม่ใช่สุดท้าย</p>\n' +
+  '\n' +
+  '<h1>การนำทางภายในส่วนต่างๆ ของ UI</h1>\n' +
+  '\n' +
+  '<p>ในการย้ายจากองค์ประกอบ UI หนึ่งไปยังองค์ประกอบส่วนถัดไป ให้กดปุ่ม<strong>ลูกศร</strong>ที่เหมาะสม</p>\n' +
+  '\n' +
+  '<p>ปุ่มลูกศร<strong>ซ้าย</strong>และ<strong>ขวา</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>ย้ายไปมาระหว่างเมนูต่างๆ ในแถบเมนู</li>\n' +
+  '  <li>เปิดเมนูย่อยในเมนู</li>\n' +
+  '  <li>ย้ายไปมาระหว่างปุ่มต่างๆ ในกลุ่มแถบเครื่องมือ</li>\n' +
+  '  <li>ย้ายไปมาระหว่างรายการต่างๆ ในพาธองค์ประกอบของส่วนท้าย</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>ปุ่มลูกศร<strong>ลง</strong>และ<strong>ขึ้น</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>ย้ายไปมาระหว่างรายการเมนูต่างๆ ในเมนู</li>\n' +
+  '  <li>ย้ายไปมาระหว่างรายการต่างๆ ในเมนูป๊อบอัพแถบเครื่องมือ</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>ปุ่ม<strong>ลูกศร</strong>จะเลื่อนไปมาภายในส่วน UI ที่โฟกัส</p>\n' +
+  '\n' +
+  '<p>ในการปิดเมนูที่เปิดอยู่ เมนูย่อยที่เปิดอยู่ หรือเมนูป๊อบอัพที่เปิดอยู่ ให้กดปุ่ม <strong>Esc</strong></p>\n' +
+  '\n' +
+  '<p>หากโฟกัสปัจจุบันอยู่ที่ ‘ด้านบนสุด’ ของส่วน UI เฉพาะ การกดปุ่ม <strong>Esc</strong> จะทำให้ออกจาก\n' +
+  '  การนำทางด้วยแป้นพิมพ์ทั้งหมดเช่นกัน</p>\n' +
+  '\n' +
+  '<h1>การดำเนินการรายการเมนูหรือปุ่มในแถบเครื่องมือ</h1>\n' +
+  '\n' +
+  '<p>เมื่อไฮไลต์รายการเมนูหรือปุ่มในแถบเครื่องมือที่ต้องการ ให้กด <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  หรือ <strong>Space bar</strong> เพื่อดำเนินการรายการดังกล่าว</p>\n' +
+  '\n' +
+  '<h1>การนำทางสำหรับกล่องโต้ตอบที่ไม่อยู่ในแท็บ</h1>\n' +
+  '\n' +
+  '<p>ในกล่องโต้ตอบที่ไม่อยู่ในแท็บ จะโฟกัสที่ส่วนประกอบเชิงโต้ตอบแรกเมื่อกล่องโต้ตอบเปิด</p>\n' +
+  '\n' +
+  '<p>นำทางระหว่างส่วนประกอบเชิงโต้ตอบต่างๆ ของกล่องโต้ตอบ โดยการกด <strong>Tab</strong> หรือ <strong>Shift+Tab</strong></p>\n' +
+  '\n' +
+  '<h1>การนำทางสำหรับกล่องโต้ตอบที่อยู่ในแท็บ</h1>\n' +
+  '\n' +
+  '<p>ในกล่องโต้ตอบที่อยู่ในแท็บ จะโฟกัสที่ปุ่มแรกในเมนูแท็บเมื่อกล่องโต้ตอบเปิด</p>\n' +
+  '\n' +
+  '<p>นำทางระหว่างส่วนประกอบเชิงโต้ตอบต่างๆ ของแท็บกล่องโต้ตอบนี้โดยการกด <strong>Tab</strong> หรือ\n' +
+  '  <strong>Shift+Tab</strong></p>\n' +
+  '\n' +
+  '<p>สลับไปยังแท็บกล่องโต้ตอบอื่นโดยการเลือกโฟกัสที่เมนูแท็บ แล้วกดปุ่ม<strong>ลูกศร</strong>ที่เหมาะสม\n' +
+  '  เพื่อเลือกแท็บที่ใช้ได้</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/tr.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/tr.js
new file mode 100644
index 000000000..37f39b0fc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/tr.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.tr',
+'<h1>Klavyeyle gezintiyi başlatma</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Menü çubuğuna odaklan</dt>\n' +
+  '  <dd>Windows veya Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Araç çubuğuna odaklan</dt>\n' +
+  '  <dd>Windows veya Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Alt bilgiye odaklan</dt>\n' +
+  '  <dd>Windows veya Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Bildirime odakla</dt>\n' +
+  '  <dd>Windows veya Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Bağlamsal araç çubuğuna odaklan</dt>\n' +
+  '  <dd>Windows, Linux veya macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Gezinti ilk kullanıcı arabirimi öğesinden başlar, bu öğe vurgulanır ya da ilk öğe, Alt bilgi elemanı\n' +
+  '  yolundaysa altı çizilir.</p>\n' +
+  '\n' +
+  '<h1>Kullanıcı arabirimi bölümleri arasında gezinme</h1>\n' +
+  '\n' +
+  '<p>Sonraki kullanıcı arabirimi bölümüne gitmek için <strong>Sekme</strong> tuşuna basın.</p>\n' +
+  '\n' +
+  '<p>Önceki kullanıcı arabirimi bölümüne gitmek için <strong>Shift+Sekme</strong> tuşlarına basın.</p>\n' +
+  '\n' +
+  '<p>Bu kullanıcı arabirimi bölümlerinin <strong>Sekme</strong> sırası:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Menü çubuğu</li>\n' +
+  '  <li>Her araç çubuğu grubu</li>\n' +
+  '  <li>Kenar çubuğu</li>\n' +
+  '  <li>Alt bilgide öğe yolu</li>\n' +
+  '  <li>Alt bilgide sözcük sayısı geçiş düğmesi</li>\n' +
+  '  <li>Alt bilgide marka bağlantısı</li>\n' +
+  '  <li>Alt bilgide düzenleyiciyi yeniden boyutlandırma tutamacı</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Kullanıcı arabirimi bölümü yoksa atlanır.</p>\n' +
+  '\n' +
+  '<p>Alt bilgide klavyeyle gezinti odağı yoksa ve görünür bir kenar çubuğu mevcut değilse <strong>Shift+Sekme</strong> tuşlarına basıldığında\n' +
+  '  odak son araç çubuğu yerine ilk araç çubuğu grubuna taşınır.</p>\n' +
+  '\n' +
+  '<h1>Kullanıcı arabirimi bölümleri içinde gezinme</h1>\n' +
+  '\n' +
+  '<p>Sonraki kullanıcı arabirimi elemanına gitmek için uygun <strong>Ok</strong> tuşuna basın.</p>\n' +
+  '\n' +
+  '<p><strong>Sol</strong> ve <strong>Sağ</strong> ok tuşları</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>menü çubuğundaki menüler arasında hareket eder.</li>\n' +
+  '  <li>menüde bir alt menü açar.</li>\n' +
+  '  <li>araç çubuğu grubundaki düğmeler arasında hareket eder.</li>\n' +
+  '  <li>alt bilginin öğe yolundaki öğeler arasında hareket eder.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Aşağı</strong> ve <strong>Yukarı</strong> ok tuşları</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>menüdeki menü öğeleri arasında hareket eder.</li>\n' +
+  '  <li>araç çubuğu açılır menüsündeki öğeler arasında hareket eder.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>Ok</strong> tuşları, odaklanılan kullanıcı arabirimi bölümü içinde döngüsel olarak hareket eder.</p>\n' +
+  '\n' +
+  '<p>Açık bir menüyü, açık bir alt menüyü veya açık bir açılır menüyü kapatmak için <strong>Esc</strong> tuşuna basın.</p>\n' +
+  '\n' +
+  '<p>Geçerli odak belirli bir kullanıcı arabirimi bölümünün "üst" kısmındaysa <strong>Esc</strong> tuşuna basıldığında\n' +
+  '  klavyeyle gezintiden de tamamen çıkılır.</p>\n' +
+  '\n' +
+  '<h1>Menü öğesini veya araç çubuğu düğmesini yürütme</h1>\n' +
+  '\n' +
+  '<p>İstediğiniz menü öğesi veya araç çubuğu düğmesi vurgulandığında <strong>Return</strong>, <strong>Enter</strong>\n' +
+  '  veya <strong>Ara çubuğu</strong> tuşuna basın.</p>\n' +
+  '\n' +
+  '<h1>Sekme bulunmayan iletişim kutularında gezinme</h1>\n' +
+  '\n' +
+  '<p>Sekme bulunmayan iletişim kutularında, iletişim kutusu açıldığında ilk etkileşimli bileşene odaklanılır.</p>\n' +
+  '\n' +
+  '<p>Etkileşimli iletişim kutusu bileşenleri arasında gezinmek için <strong>Sekme</strong> veya <strong>Shift+ Sekme</strong> tuşlarına basın.</p>\n' +
+  '\n' +
+  '<h1>Sekmeli iletişim kutularında gezinme</h1>\n' +
+  '\n' +
+  '<p>Sekmeli iletişim kutularında, iletişim kutusu açıldığında sekme menüsündeki ilk düğmeye odaklanılır.</p>\n' +
+  '\n' +
+  '<p>Bu iletişim kutusu sekmesinin etkileşimli bileşenleri arasında gezinmek için <strong>Sekme</strong> veya\n' +
+  '  <strong>Shift+Sekme</strong> tuşlarına basın.</p>\n' +
+  '\n' +
+  '<p>Mevcut sekmeler arasında geçiş yapmak için sekme menüsüne odaklanıp uygun <strong>Ok</strong> tuşuna basarak\n' +
+  '  başka bir iletişim kutusu sekmesine geçiş yapın.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/uk.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/uk.js
new file mode 100644
index 000000000..028d4a4c8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/uk.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.uk',
+'<h1>Початок роботи з навігацією за допомогою клавіатури</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Фокус на рядок меню</dt>\n' +
+  '  <dd>Windows або Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Фокус на панелі інструментів</dt>\n' +
+  '  <dd>Windows або Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Фокус на розділі "Нижній колонтитул"</dt>\n' +
+  '  <dd>Windows або Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Фокус на сповіщення</dt>\n' +
+  '  <dd>Windows або Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Фокус на контекстній панелі інструментів</dt>\n' +
+  '  <dd>Windows, Linux або macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Навігація почнеться з першого елемента інтерфейсу користувача, який буде виділено або підкреслено в разі, якщо перший елемент знаходиться в\n' +
+  '  шляху до елемента "Нижній колонтитул".</p>\n' +
+  '\n' +
+  '<h1>Навігація між розділами інтерфейсу користувача</h1>\n' +
+  '\n' +
+  '<p>Щоб перейти з одного розділу інтерфейсу користувача до наступного розділу, натисніть клавішу <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Щоб перейти з одного розділу інтерфейсу користувача до попереднього розділу, натисніть сполучення клавіш <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Порядок <strong>Вкладок</strong> цих розділів інтерфейсу користувача такий:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Рядок меню</li>\n' +
+  '  <li>Кожна група панелей інструментів</li>\n' +
+  '  <li>Бічна панель</li>\n' +
+  '  <li>Шлях до елементів у розділі "Нижній колонтитул"</li>\n' +
+  '  <li>Кнопка перемикача "Кількість слів" у розділі "Нижній колонтитул"</li>\n' +
+  '  <li>Посилання на брендинг у розділі "Нижній колонтитул"</li>\n' +
+  '  <li>Маркер змінення розміру в розділі "Нижній колонтитул"</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Якщо розділ інтерфейсу користувача відсутній, він пропускається.</p>\n' +
+  '\n' +
+  '<p>Якщо фокус навігації клавіатури знаходиться на розділі "Нижній колонтитул", але користувач не бачить видиму бічну панель, натисніть <strong>Shift+Tab</strong>,\n' +
+  '  щоб перемістити фокус на першу групу панелі інструментів, а не на останню.</p>\n' +
+  '\n' +
+  '<h1>Навігація в межах розділів інтерфейсу користувача</h1>\n' +
+  '\n' +
+  '<p>Щоб перейти з одного елементу інтерфейсу користувача до наступного, натисніть відповідну клавішу <strong>зі стрілкою</strong>.</p>\n' +
+  '\n' +
+  '<p>Клавіші зі стрілками <strong>Ліворуч</strong> і <strong>Праворуч</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>переміщують між меню в рядку меню.</li>\n' +
+  '  <li>відкривають вкладене меню в меню.</li>\n' +
+  '  <li>переміщують користувача між кнопками в групі панелі інструментів.</li>\n' +
+  '  <li>переміщують між елементами в шляху до елементів у розділі "Нижній колонтитул".</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Клавіші зі стрілками <strong>Вниз</strong> і <strong>Вгору</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>переміщують між елементами меню в меню.</li>\n' +
+  '  <li>переміщують між елементами в спливаючому меню панелі інструментів.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Клавіші <strong>зі стрілками</strong> переміщують фокус циклічно в межах розділу інтерфейсу користувача, на якому знаходиться фокус.</p>\n' +
+  '\n' +
+  '<p>Щоб закрити відкрите меню, відкрите вкладене меню або відкрите спливаюче меню, натисніть клавішу <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Якщо поточний фокус знаходиться на верхньому рівні певного розділу інтерфейсу користувача, натискання клавіші <strong>Esc</strong> також виконує вихід\n' +
+  '  з навігації за допомогою клавіатури повністю.</p>\n' +
+  '\n' +
+  '<h1>Виконання елементу меню або кнопки панелі інструментів</h1>\n' +
+  '\n' +
+  '<p>Коли потрібний елемент меню або кнопку панелі інструментів виділено, натисніть клавіші <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  або <strong>Пробіл</strong>, щоб виконати цей елемент.</p>\n' +
+  '\n' +
+  '<h1>Навігація по діалоговим вікнам без вкладок</h1>\n' +
+  '\n' +
+  '<p>У діалогових вікнах без вкладок перший інтерактивний компонент приймає фокус, коли відкривається діалогове вікно.</p>\n' +
+  '\n' +
+  '<p>Переходьте між інтерактивними компонентами діалогового вікна, натискаючи клавіші <strong>Tab</strong> або <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Навігація по діалоговим вікнам з вкладками</h1>\n' +
+  '\n' +
+  '<p>У діалогових вікнах із вкладками перша кнопка в меню вкладки приймає фокус, коли відкривається діалогове вікно.</p>\n' +
+  '\n' +
+  '<p>Переходьте між інтерактивними компонентами цієї вкладки діалогового вікна, натискаючи клавіші <strong>Tab</strong> або\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Щоб перейти на іншу вкладку діалогового вікна, перемістіть фокус на меню вкладки, а потім натисніть відповідну клавішу <strong>зі стрілкою</strong>,\n' +
+  '  щоб циклічно переходити по доступним вкладкам.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/vi.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/vi.js
new file mode 100644
index 000000000..d8eda11bc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/vi.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.vi',
+'<h1>Bắt đầu điều hướng bàn phím</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>Tập trung vào thanh menu</dt>\n' +
+  '  <dd>Windows hoặc Linux: Alt+F9</dd>\n' +
+  '  <dd>macOS: &#x2325;F9</dd>\n' +
+  '  <dt>Tập trung vào thanh công cụ</dt>\n' +
+  '  <dd>Windows hoặc Linux: Alt+F10</dd>\n' +
+  '  <dd>macOS: &#x2325;F10</dd>\n' +
+  '  <dt>Tập trung vào chân trang</dt>\n' +
+  '  <dd>Windows hoặc Linux: Alt+F11</dd>\n' +
+  '  <dd>macOS: &#x2325;F11</dd>\n' +
+  '  <dt>Tập trung vào thông báo</dt>\n' +
+  '  <dd>Windows hoặc Linux: Alt+F12</dd>\n' +
+  '  <dd>macOS: &#x2325;F12</dd>\n' +
+  '  <dt>Tập trung vào thanh công cụ ngữ cảnh</dt>\n' +
+  '  <dd>Windows, Linux hoặc macOS: Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>Điều hướng sẽ bắt đầu từ mục UI đầu tiên. Mục này sẽ được tô sáng hoặc có gạch dưới (nếu là mục đầu tiên trong\n' +
+  '  đường dẫn phần tử Chân trang).</p>\n' +
+  '\n' +
+  '<h1>Di chuyển qua lại giữa các phần UI</h1>\n' +
+  '\n' +
+  '<p>Để di chuyển từ một phần UI sang phần tiếp theo, ấn <strong>Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Để di chuyển từ một phần UI về phần trước đó, ấn <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Thứ tự <strong>Tab</strong> của các phần UI này như sau:</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>Thanh menu</li>\n' +
+  '  <li>Từng nhóm thanh công cụ</li>\n' +
+  '  <li>Thanh bên</li>\n' +
+  '  <li>Đường dẫn phần tử trong chân trang</li>\n' +
+  '  <li>Nút chuyển đổi đếm chữ ở chân trang</li>\n' +
+  '  <li>Liên kết thương hiệu ở chân trang</li>\n' +
+  '  <li>Núm điều tác chỉnh kích cỡ trình soạn thảo ở chân trang</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>Nếu người dùng không thấy một phần UI, thì có nghĩa phần đó bị bỏ qua.</p>\n' +
+  '\n' +
+  '<p>Nếu ở chân trang có tính năng tập trung điều hướng bàn phím, mà không có thanh bên nào hiện hữu, thao tác ấn <strong>Shift+Tab</strong>\n' +
+  '  sẽ chuyển hướng tập trung vào nhóm thanh công cụ đầu tiên, không phải cuối cùng.</p>\n' +
+  '\n' +
+  '<h1>Di chuyển qua lại trong các phần UI</h1>\n' +
+  '\n' +
+  '<p>Để di chuyển từ một phần tử UI sang phần tiếp theo, ấn phím <strong>Mũi tên</strong> tương ứng cho phù hợp.</p>\n' +
+  '\n' +
+  '<p>Các phím mũi tên <strong>Trái</strong> và <strong>Phải</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>di chuyển giữa các menu trong thanh menu.</li>\n' +
+  '  <li>mở menu phụ trong một menu.</li>\n' +
+  '  <li>di chuyển giữa các nút trong nhóm thanh công cụ.</li>\n' +
+  '  <li>di chuyển giữa các mục trong đường dẫn phần tử của chân trang.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Các phím mũi tên <strong>Hướng xuống</strong> và <strong>Hướng lên</strong></p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>di chuyển giữa các mục menu trong menu.</li>\n' +
+  '  <li>di chuyển giữa các mục trong menu thanh công cụ dạng bật lên.</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p>Các phím <strong>mũi tên</strong> xoay vòng trong một phần UI tập trung.</p>\n' +
+  '\n' +
+  '<p>Để đóng một menu mở, một menu phụ đang mở, hoặc một menu dạng bật lên đang mở, hãy ấn phím <strong>Esc</strong>.</p>\n' +
+  '\n' +
+  '<p>Nếu trọng tâm hiện tại là ở phần “đầu” của một phần UI cụ thể, thao tác ấn phím <strong>Esc</strong> cũng sẽ thoát\n' +
+  '  toàn bộ phần điều hướng bàn phím.</p>\n' +
+  '\n' +
+  '<h1>Thực hiện chức năng của một mục menu hoặc nút thanh công cụ</h1>\n' +
+  '\n' +
+  '<p>Khi mục menu hoặc nút thanh công cụ muốn dùng được tô sáng, hãy ấn <strong>Return</strong>, <strong>Enter</strong>,\n' +
+  '  hoặc <strong>Phím cách</strong> để thực hiện chức năng mục đó.</p>\n' +
+  '\n' +
+  '<h1>Điều hướng giữa các hộp thoại không có nhiều tab</h1>\n' +
+  '\n' +
+  '<p>Trong các hộp thoại không có nhiều tab, khi hộp thoại mở ra, trọng tâm sẽ hướng vào thành phần tương tác đầu tiên.</p>\n' +
+  '\n' +
+  '<p>Di chuyển giữa các thành phần hộp thoại tương tác bằng cách ấn <strong>Tab</strong> hoặc <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<h1>Điều hướng giữa các hộp thoại có nhiều tab</h1>\n' +
+  '\n' +
+  '<p>Trong các hộp thoại có nhiều tab, khi hộp thoại mở ra, trọng tâm sẽ hướng vào nút đầu tiên trong menu tab.</p>\n' +
+  '\n' +
+  '<p>Di chuyển giữa các thành phần tương tác của tab hộp thoại này bằng cách ấn <strong>Tab</strong> hoặc\n' +
+  '  <strong>Shift+Tab</strong>.</p>\n' +
+  '\n' +
+  '<p>Chuyển sang một tab hộp thoại khác bằng cách chuyển trọng tâm vào menu tab, rồi ấn phím <strong>Mũi tên</strong> phù hợp\n' +
+  '  để xoay vòng các tab hiện có.</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/zh_CN.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/zh_CN.js
new file mode 100644
index 000000000..f7e73d1fb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/zh_CN.js
@@ -0,0 +1,87 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.zh_CN',
+'<h1>开始键盘导航</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>使菜单栏处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F9</dd>\n' +
+  '  <dd>macOS：&#x2325;F9</dd>\n' +
+  '  <dt>使工具栏处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F10</dd>\n' +
+  '  <dd>macOS：&#x2325;F10</dd>\n' +
+  '  <dt>使页脚处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F11</dd>\n' +
+  '  <dd>macOS：&#x2325;F11</dd>\n' +
+  '  <dt>使通知处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F12</dd>\n' +
+  '  <dd>macOS：&#x2325;F12</dd>\n' +
+  '  <dt>使上下文工具栏处于焦点</dt>\n' +
+  '  <dd>Windows、Linux 或 macOS：Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>导航将在第一个 UI 项上开始，其中突出显示该项，或者对于页脚元素路径中的第一项，将为其添加下划线。</p>\n' +
+  '\n' +
+  '<h1>在 UI 部分之间导航</h1>\n' +
+  '\n' +
+  '<p>要从一个 UI 部分移至下一个，请按 <strong>Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>要从一个 UI 部分移至上一个，请按 <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>这些 UI 部分的 <strong>Tab</strong> 顺序为：</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>菜单栏</li>\n' +
+  '  <li>每个工具栏组</li>\n' +
+  '  <li>边栏</li>\n' +
+  '  <li>页脚中的元素路径</li>\n' +
+  '  <li>页脚中的字数切换按钮</li>\n' +
+  '  <li>页脚中的品牌链接</li>\n' +
+  '  <li>页脚中的编辑器调整大小图柄</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>如果不存在某个 UI 部分，则跳过它。</p>\n' +
+  '\n' +
+  '<p>如果键盘导航焦点在页脚，并且没有可见的边栏，则按 <strong>Shift+Tab</strong> 将焦点移至第一个工具栏组而非最后一个。</p>\n' +
+  '\n' +
+  '<h1>在 UI 部分内导航</h1>\n' +
+  '\n' +
+  '<p>要从一个 UI 元素移至下一个，请按相应的<strong>箭头</strong>键。</p>\n' +
+  '\n' +
+  '<p><strong>左</strong>和<strong>右</strong>箭头键</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在菜单栏中的菜单之间移动。</li>\n' +
+  '  <li>打开菜单中的子菜单。</li>\n' +
+  '  <li>在工具栏组中的按钮之间移动。</li>\n' +
+  '  <li>在页脚的元素路径中的各项之间移动。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>下</strong>和<strong>上</strong>箭头键</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在菜单中的菜单项之间移动。</li>\n' +
+  '  <li>在工具栏弹出菜单中的各项之间移动。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>箭头</strong>键在具有焦点的 UI 部分内循环。</p>\n' +
+  '\n' +
+  '<p>要关闭打开的菜单、打开的子菜单或打开的弹出菜单，请按 <strong>Esc</strong> 键。</p>\n' +
+  '\n' +
+  '<p>如果当前的焦点在特定 UI 部分的“顶部”，则按 <strong>Esc</strong> 键还将完全退出键盘导航。</p>\n' +
+  '\n' +
+  '<h1>执行菜单项或工具栏按钮</h1>\n' +
+  '\n' +
+  '<p>当突出显示所需的菜单项或工具栏按钮时，按 <strong>Return</strong>、<strong>Enter</strong> 或<strong>空格</strong>以执行该项。</p>\n' +
+  '\n' +
+  '<h1>在非标签页式对话框中导航</h1>\n' +
+  '\n' +
+  '<p>在非标签页式对话框中，当对话框打开时，第一个交互组件获得焦点。</p>\n' +
+  '\n' +
+  '<p>通过按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong>，在交互对话框组件之间导航。</p>\n' +
+  '\n' +
+  '<h1>在标签页式对话框中导航</h1>\n' +
+  '\n' +
+  '<p>在标签页式对话框中，当对话框打开时，标签页菜单中的第一个按钮获得焦点。</p>\n' +
+  '\n' +
+  '<p>通过按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong>，在此对话框的交互组件之间导航。</p>\n' +
+  '\n' +
+  '<p>通过将焦点移至另一对话框标签页的菜单，然后按相应的<strong>箭头</strong>键以在可用的标签页间循环，从而切换到该对话框标签页。</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/zh_TW.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/zh_TW.js
new file mode 100644
index 000000000..5912770f4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/js/i18n/keynav/zh_TW.js
@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.zh_TW',
+'<h1>開始鍵盤瀏覽</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>跳至功能表列</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F9</dd>\n' +
+  '  <dd>macOS：&#x2325;F9</dd>\n' +
+  '  <dt>跳至工具列</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F10</dd>\n' +
+  '  <dd>macOS：&#x2325;F10</dd>\n' +
+  '  <dt>跳至頁尾</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F11</dd>\n' +
+  '  <dd>macOS：&#x2325;F11</dd>\n' +
+  '  <dt>跳至通知</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F12</dd>\n' +
+  '  <dd>macOS：&#x2325;F12</dd>\n' +
+  '  <dt>跳至關聯式工具列</dt>\n' +
+  '  <dd>Windows、Linux 或 macOS：Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>瀏覽會從第一個 UI 項目開始，該項目會反白顯示，但如果是「頁尾」元素路徑的第一項，\n' +
+  '  則加底線。</p>\n' +
+  '\n' +
+  '<h1>在 UI 區段之間瀏覽</h1>\n' +
+  '\n' +
+  '<p>從 UI 區段移至下一個，請按 <strong>Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>從 UI 區段移回上一個，請按 <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>這些 UI 區段的 <strong>Tab</strong> 順序如下：</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>功能表列</li>\n' +
+  '  <li>各個工具列群組</li>\n' +
+  '  <li>側邊欄</li>\n' +
+  '  <li>頁尾中的元素路徑</li>\n' +
+  '  <li>頁尾中字數切換按鈕</li>\n' +
+  '  <li>頁尾中的品牌連結</li>\n' +
+  '  <li>頁尾中編輯器調整大小控點</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>如果 UI 區段未顯示，表示已略過該區段。</p>\n' +
+  '\n' +
+  '<p>如果鍵盤瀏覽跳至頁尾，但沒有顯示側邊欄，則按下 <strong>Shift+Tab</strong>\n' +
+  '  會跳至第一個工具列群組，而不是最後一個。</p>\n' +
+  '\n' +
+  '<h1>在 UI 區段之內瀏覽</h1>\n' +
+  '\n' +
+  '<p>在兩個 UI 元素之間移動，請按適當的<strong>方向</strong>鍵。</p>\n' +
+  '\n' +
+  '<p><strong>向左</strong>和<strong>向右</strong>方向鍵</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在功能表列中的功能表之間移動。</li>\n' +
+  '  <li>開啟功能表中的子功能表。</li>\n' +
+  '  <li>在工具列群組中的按鈕之間移動。</li>\n' +
+  '  <li>在頁尾的元素路徑中項目之間移動。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>向下</strong>和<strong>向上</strong>方向鍵</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在功能表中的功能表項目之間移動。</li>\n' +
+  '  <li>在工具列快顯功能表中的項目之間移動。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>方向</strong>鍵會在所跳至 UI 區段之內循環。</p>\n' +
+  '\n' +
+  '<p>若要關閉已開啟的功能表、已開啟的子功能表，或已開啟的快顯功能表，請按 <strong>Esc</strong> 鍵。</p>\n' +
+  '\n' +
+  '<p>如果目前已跳至特定 UI 區段的「頂端」，則按 <strong>Esc</strong> 鍵也會結束\n' +
+  '  整個鍵盤瀏覽。</p>\n' +
+  '\n' +
+  '<h1>執行功能表列項目或工具列按鈕</h1>\n' +
+  '\n' +
+  '<p>當想要的功能表項目或工具列按鈕已反白顯示時，按 <strong>Return</strong>、<strong>Enter</strong>、\n' +
+  '  或<strong>空白鍵</strong>即可執行該項目。</p>\n' +
+  '\n' +
+  '<h1>瀏覽非索引標籤式對話方塊</h1>\n' +
+  '\n' +
+  '<p>在非索引標籤式對話方塊中，開啟對話方塊時會跳至第一個互動元件。</p>\n' +
+  '\n' +
+  '<p>按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong> 即可在互動式對話方塊元件之間瀏覽。</p>\n' +
+  '\n' +
+  '<h1>瀏覽索引標籤式對話方塊</h1>\n' +
+  '\n' +
+  '<p>在索引標籤式對話方塊中，開啟對話方塊時會跳至索引標籤式功能表中的第一個按鈕。</p>\n' +
+  '\n' +
+  '<p>若要在此對話方塊的互動式元件之間瀏覽，請按 <strong>Tab</strong> 或\n' +
+  '  <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>先跳至索引標籤式功能表，然後按適當的<strong>方向</strong>鍵，即可切換至另一個對話方塊索引標籤，\n' +
+  '  以循環瀏覽可用的索引標籤。</p>\n');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/plugin.js
new file mode 100644
index 000000000..bc4d01dd0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/plugin.js
@@ -0,0 +1,828 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType('string');
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    const filter = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const sort = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const get$1 = (obj, key) => {
+        return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const get = (customTabs) => {
+        const addTab = (spec) => {
+            var _a;
+            const name = (_a = spec.name) !== null && _a !== void 0 ? _a : generate('tab-name');
+            const currentCustomTabs = customTabs.get();
+            currentCustomTabs[name] = spec;
+            customTabs.set(currentCustomTabs);
+        };
+        return {
+            addTab
+        };
+    };
+
+    const register$2 = (editor, dialogOpener) => {
+        editor.addCommand('mceHelp', dialogOpener);
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('help_tabs', {
+            processor: 'array'
+        });
+    };
+    const getHelpTabs = option('help_tabs');
+    const getForcedPlugins = option('forced_plugins');
+
+    const register = (editor, dialogOpener) => {
+        editor.ui.registry.addButton('help', {
+            icon: 'help',
+            tooltip: 'Help',
+            onAction: dialogOpener,
+            context: 'any'
+        });
+        editor.ui.registry.addMenuItem('help', {
+            text: 'Help',
+            icon: 'help',
+            shortcut: 'Alt+0',
+            onAction: dialogOpener,
+            context: 'any'
+        });
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    const pLoadHtmlByLangCode = (baseUrl, langCode) => global$3.load(`tinymce.html-i18n.help-keynav.${langCode}`, `${baseUrl}/js/i18n/keynav/${langCode}.js`);
+    const pLoadI18nHtml = (baseUrl) => 
+    // TINY-9928: Load language file for the current language, or English if the file is not available
+    pLoadHtmlByLangCode(baseUrl, global$2.getCode()).catch(() => pLoadHtmlByLangCode(baseUrl, 'en'));
+    const initI18nLoad = (editor, baseUrl) => {
+        editor.on('init', () => {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            pLoadI18nHtml(baseUrl);
+        });
+    };
+
+    const pTab = async (pluginUrl) => {
+        const body = {
+            type: 'htmlpanel',
+            presets: 'document',
+            html: await pLoadI18nHtml(pluginUrl)
+        };
+        return {
+            name: 'keyboardnav',
+            title: 'Keyboard Navigation',
+            items: [body]
+        };
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    // Converts shortcut format to Mac/PC variants
+    const convertText = (source) => {
+        const isMac = global$1.os.isMacOS() || global$1.os.isiOS();
+        const mac = {
+            alt: '&#x2325;',
+            ctrl: '&#x2303;',
+            shift: '&#x21E7;',
+            meta: '&#x2318;',
+            access: '&#x2303;&#x2325;'
+        };
+        const other = {
+            meta: 'Ctrl ',
+            access: 'Shift + Alt '
+        };
+        const replace = isMac ? mac : other;
+        const shortcut = source.split('+');
+        const updated = map(shortcut, (segment) => {
+            // search lowercase, but if not found use the original
+            const search = segment.toLowerCase().trim();
+            return has(replace, search) ? replace[search] : segment;
+        });
+        return isMac ? (updated.join('')).replace(/\s/, '') : updated.join('+');
+    };
+
+    const shortcuts = [
+        { shortcuts: ['Meta + B'], action: 'Bold' },
+        { shortcuts: ['Meta + I'], action: 'Italic' },
+        { shortcuts: ['Meta + U'], action: 'Underline' },
+        { shortcuts: ['Meta + A'], action: 'Select all' },
+        { shortcuts: ['Meta + Y', 'Meta + Shift + Z'], action: 'Redo' },
+        { shortcuts: ['Meta + Z'], action: 'Undo' },
+        { shortcuts: ['Access + 1'], action: 'Heading 1' },
+        { shortcuts: ['Access + 2'], action: 'Heading 2' },
+        { shortcuts: ['Access + 3'], action: 'Heading 3' },
+        { shortcuts: ['Access + 4'], action: 'Heading 4' },
+        { shortcuts: ['Access + 5'], action: 'Heading 5' },
+        { shortcuts: ['Access + 6'], action: 'Heading 6' },
+        { shortcuts: ['Access + 7'], action: 'Paragraph' },
+        { shortcuts: ['Access + 8'], action: 'Div' },
+        { shortcuts: ['Access + 9'], action: 'Address' },
+        { shortcuts: ['Alt + 0'], action: 'Open help dialog' },
+        { shortcuts: ['Alt + F9'], action: 'Focus to menubar' },
+        { shortcuts: ['Alt + F10'], action: 'Focus to toolbar' },
+        { shortcuts: ['Alt + F11'], action: 'Focus to element path' },
+        { shortcuts: ['Alt + F12'], action: 'Focus to notification' },
+        { shortcuts: ['Ctrl + F9'], action: 'Focus to contextual toolbar' },
+        { shortcuts: ['Shift + Enter'], action: 'Open popup menu for split buttons' },
+        { shortcuts: ['Meta + K'], action: 'Insert link (if link plugin activated)' },
+        { shortcuts: ['Meta + S'], action: 'Save (if save plugin activated)' },
+        { shortcuts: ['Meta + F'], action: 'Find (if searchreplace plugin activated)' },
+        { shortcuts: ['Meta + Shift + F'], action: 'Switch to or from fullscreen mode' }
+    ];
+
+    const tab$2 = () => {
+        const shortcutList = map(shortcuts, (shortcut) => {
+            const shortcutText = map(shortcut.shortcuts, convertText).join(' or ');
+            return [shortcut.action, shortcutText];
+        });
+        const tablePanel = {
+            type: 'table',
+            // TODO: Fix table styles #TINY-2909
+            header: ['Action', 'Shortcut'],
+            cells: shortcutList
+        };
+        return {
+            name: 'shortcuts',
+            title: 'Handy Shortcuts',
+            items: [
+                tablePanel
+            ]
+        };
+    };
+
+    // These lists are automatically sorted when generating the dialog.
+    const urls = map([
+        { key: 'accordion', name: 'Accordion' },
+        { key: 'anchor', name: 'Anchor' },
+        { key: 'autolink', name: 'Autolink' },
+        { key: 'autoresize', name: 'Autoresize' },
+        { key: 'autosave', name: 'Autosave' },
+        { key: 'charmap', name: 'Character Map' },
+        { key: 'code', name: 'Code' },
+        { key: 'codesample', name: 'Code Sample' },
+        { key: 'colorpicker', name: 'Color Picker' },
+        { key: 'directionality', name: 'Directionality' },
+        { key: 'emoticons', name: 'Emoticons' },
+        { key: 'fullscreen', name: 'Full Screen' },
+        { key: 'help', name: 'Help' },
+        { key: 'image', name: 'Image' },
+        { key: 'importcss', name: 'Import CSS' },
+        { key: 'insertdatetime', name: 'Insert Date/Time' },
+        { key: 'link', name: 'Link' },
+        { key: 'lists', name: 'Lists' },
+        { key: 'advlist', name: 'List Styles' },
+        { key: 'media', name: 'Media' },
+        { key: 'nonbreaking', name: 'Nonbreaking' },
+        { key: 'pagebreak', name: 'Page Break' },
+        { key: 'preview', name: 'Preview' },
+        { key: 'quickbars', name: 'Quick Toolbars' },
+        { key: 'save', name: 'Save' },
+        { key: 'searchreplace', name: 'Search and Replace' },
+        { key: 'table', name: 'Table' },
+        { key: 'textcolor', name: 'Text Color' },
+        { key: 'visualblocks', name: 'Visual Blocks' },
+        { key: 'visualchars', name: 'Visual Characters' },
+        { key: 'wordcount', name: 'Word Count' },
+        // TODO: Add other premium plugins when they are included in the website
+        { key: 'a11ychecker', name: 'Accessibility Checker', type: "premium" /* PluginType.Premium */ },
+        { key: 'typography', name: 'Advanced Typography', type: "premium" /* PluginType.Premium */, slug: 'advanced-typography' },
+        { key: 'ai', name: 'AI Assistant', type: "premium" /* PluginType.Premium */ },
+        { key: 'casechange', name: 'Case Change', type: "premium" /* PluginType.Premium */ },
+        { key: 'checklist', name: 'Checklist', type: "premium" /* PluginType.Premium */ },
+        { key: 'advcode', name: 'Enhanced Code Editor', type: "premium" /* PluginType.Premium */ },
+        { key: 'mediaembed', name: 'Enhanced Media Embed', type: "premium" /* PluginType.Premium */, slug: 'introduction-to-mediaembed' },
+        { key: 'advtable', name: 'Enhanced Tables', type: "premium" /* PluginType.Premium */ },
+        { key: 'exportpdf', name: 'Export to PDF', type: "premium" /* PluginType.Premium */ },
+        { key: 'exportword', name: 'Export to Word', type: "premium" /* PluginType.Premium */ },
+        { key: 'footnotes', name: 'Footnotes', type: "premium" /* PluginType.Premium */ },
+        { key: 'formatpainter', name: 'Format Painter', type: "premium" /* PluginType.Premium */ },
+        { key: 'editimage', name: 'Image Editing', type: "premium" /* PluginType.Premium */ },
+        { key: 'uploadcare', name: 'Image Optimizer Powered by Uploadcare', type: "premium" /* PluginType.Premium */ },
+        { key: 'importword', name: 'Import from Word', type: "premium" /* PluginType.Premium */ },
+        { key: 'inlinecss', name: 'Inline CSS', type: "premium" /* PluginType.Premium */, slug: 'inline-css' },
+        { key: 'linkchecker', name: 'Link Checker', type: "premium" /* PluginType.Premium */ },
+        { key: 'math', name: 'Math', type: "premium" /* PluginType.Premium */ },
+        { key: 'markdown', name: 'Markdown', type: "premium" /* PluginType.Premium */ },
+        { key: 'mentions', name: 'Mentions', type: "premium" /* PluginType.Premium */ },
+        { key: 'mergetags', name: 'Merge Tags', type: "premium" /* PluginType.Premium */ },
+        { key: 'pageembed', name: 'Page Embed', type: "premium" /* PluginType.Premium */ },
+        { key: 'permanentpen', name: 'Permanent Pen', type: "premium" /* PluginType.Premium */ },
+        { key: 'powerpaste', name: 'PowerPaste', type: "premium" /* PluginType.Premium */, slug: 'introduction-to-powerpaste' },
+        { key: 'revisionhistory', name: 'Revision History', type: "premium" /* PluginType.Premium */ },
+        { key: 'tinymcespellchecker', name: 'Spell Checker', type: "premium" /* PluginType.Premium */, slug: 'introduction-to-tiny-spellchecker' },
+        { key: 'autocorrect', name: 'Spelling Autocorrect', type: "premium" /* PluginType.Premium */ },
+        { key: 'tableofcontents', name: 'Table of Contents', type: "premium" /* PluginType.Premium */ },
+        { key: 'advtemplate', name: 'Templates', type: "premium" /* PluginType.Premium */, slug: 'advanced-templates' },
+        { key: 'tinycomments', name: 'Tiny Comments', type: "premium" /* PluginType.Premium */, slug: 'introduction-to-tiny-comments' },
+        { key: 'tinydrive', name: 'Tiny Drive', type: "premium" /* PluginType.Premium */, slug: 'tinydrive-introduction' },
+    ], (item) => ({
+        ...item,
+        // Set the defaults/fallbacks for the plugin urls
+        type: item.type || "opensource" /* PluginType.OpenSource */,
+        slug: item.slug || item.key
+    }));
+
+    const tab$1 = (editor) => {
+        const availablePlugins = () => {
+            const premiumPlugins = filter(urls, ({ type }) => {
+                return type === "premium" /* PluginUrls.PluginType.Premium */;
+            });
+            const sortedPremiumPlugins = sort(map(premiumPlugins, (p) => p.name), (s1, s2) => s1.localeCompare(s2));
+            const premiumPluginList = map(sortedPremiumPlugins, (pluginName) => `<li>${pluginName}</li>`).join('');
+            return '<div>' +
+                '<p><b>' + global$2.translate('Premium plugins:') + '</b></p>' +
+                '<ul>' +
+                premiumPluginList +
+                '<li class="tox-help__more-link" ">' +
+                '<a href="https://www.tiny.cloud/pricing/?utm_campaign=help_dialog_plugin_tab&utm_source=tiny&utm_medium=referral&utm_term=read_more&utm_content=premium_plugin_heading" rel="noopener" target="_blank"' +
+                ' data-alloy-tabstop="true" tabindex="-1">' + global$2.translate('Learn more...') + '</a></li>' +
+                '</ul>' +
+                '</div>';
+        };
+        const makeLink = (p) => `<a data-alloy-tabstop="true" tabindex="-1" href="${p.url}" target="_blank" rel="noopener">${p.name}</a>`;
+        const identifyUnknownPlugin = (editor, key) => {
+            const getMetadata = editor.plugins[key].getMetadata;
+            if (isFunction(getMetadata)) {
+                const metadata = getMetadata();
+                return { name: metadata.name, html: makeLink(metadata) };
+            }
+            else {
+                return { name: key, html: key };
+            }
+        };
+        const getPluginData = (editor, key) => find(urls, (x) => {
+            return x.key === key;
+        }).fold(() => {
+            return identifyUnknownPlugin(editor, key);
+        }, (x) => {
+            // We know this plugin, so use our stored details.
+            const name = x.type === "premium" /* PluginUrls.PluginType.Premium */ ? `${x.name}*` : x.name;
+            const html = makeLink({ name, url: `https://www.tiny.cloud/docs/tinymce/7/${x.slug}/` });
+            return { name, html };
+        });
+        const getPluginKeys = (editor) => {
+            const keys$1 = keys(editor.plugins);
+            const forcedPlugins = getForcedPlugins(editor);
+            const hiddenPlugins = isUndefined(forcedPlugins) ? ['onboarding'] : forcedPlugins.concat(['onboarding']);
+            return filter(keys$1, (k) => !contains(hiddenPlugins, k));
+        };
+        const pluginLister = (editor) => {
+            const pluginKeys = getPluginKeys(editor);
+            const sortedPluginData = sort(map(pluginKeys, (k) => getPluginData(editor, k)), (pd1, pd2) => pd1.name.localeCompare(pd2.name));
+            const pluginLis = map(sortedPluginData, (key) => {
+                return '<li>' + key.html + '</li>';
+            });
+            const count = pluginLis.length;
+            const pluginsString = pluginLis.join('');
+            const html = '<p><b>' + global$2.translate(['Plugins installed ({0}):', count]) + '</b></p>' +
+                '<ul>' + pluginsString + '</ul>';
+            return html;
+        };
+        const installedPlugins = (editor) => {
+            if (editor == null) {
+                return '';
+            }
+            return '<div>' +
+                pluginLister(editor) +
+                '</div>';
+        };
+        const htmlPanel = {
+            type: 'htmlpanel',
+            presets: 'document',
+            html: [
+                installedPlugins(editor),
+                availablePlugins()
+            ].join('')
+        };
+        return {
+            name: 'plugins',
+            title: 'Plugins',
+            items: [
+                htmlPanel
+            ]
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    const tab = () => {
+        const getVersion = (major, minor) => major.indexOf('@') === 0 ? 'X.X.X' : major + '.' + minor;
+        const version = getVersion(global.majorVersion, global.minorVersion);
+        const changeLogLink = '<a data-alloy-tabstop="true" tabindex="-1" href="https://www.tiny.cloud/docs/tinymce/7/changelog/?utm_campaign=help_dialog_version_tab&utm_source=tiny&utm_medium=referral" rel="noopener" target="_blank">TinyMCE ' + version + '</a>';
+        const htmlPanel = {
+            type: 'htmlpanel',
+            html: '<p>' + global$2.translate(['You are using {0}', changeLogLink]) + '</p>',
+            presets: 'document'
+        };
+        return {
+            name: 'versions',
+            title: 'Version',
+            items: [
+                htmlPanel
+            ]
+        };
+    };
+
+    const parseHelpTabsSetting = (tabsFromSettings, tabs) => {
+        const newTabs = {};
+        const names = map(tabsFromSettings, (t) => {
+            var _a;
+            if (isString(t)) {
+                // Code below shouldn't care if a tab name doesn't have a spec.
+                // If we find it does, we'll need to make this smarter.
+                // CustomTabsTest has a case for this.
+                if (has(tabs, t)) {
+                    newTabs[t] = tabs[t];
+                }
+                return t;
+            }
+            else {
+                const name = (_a = t.name) !== null && _a !== void 0 ? _a : generate('tab-name');
+                newTabs[name] = t;
+                return name;
+            }
+        });
+        return { tabs: newTabs, names };
+    };
+    const getNamesFromTabs = (tabs) => {
+        const names = keys(tabs);
+        // Move the versions tab to the end if it exists
+        const idx = names.indexOf('versions');
+        if (idx !== -1) {
+            names.splice(idx, 1);
+            names.push('versions');
+        }
+        return { tabs, names };
+    };
+    const pParseCustomTabs = async (editor, customTabs, pluginUrl) => {
+        const shortcuts = tab$2();
+        const nav = await pTab(pluginUrl);
+        const plugins = tab$1(editor);
+        const versions = tab();
+        const tabs = {
+            [shortcuts.name]: shortcuts,
+            [nav.name]: nav,
+            [plugins.name]: plugins,
+            [versions.name]: versions,
+            ...customTabs.get()
+        };
+        return Optional.from(getHelpTabs(editor)).fold(() => getNamesFromTabs(tabs), (tabsFromSettings) => parseHelpTabsSetting(tabsFromSettings, tabs));
+    };
+    const init = (editor, customTabs, pluginUrl) => () => {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        pParseCustomTabs(editor, customTabs, pluginUrl).then(({ tabs, names }) => {
+            const foundTabs = map(names, (name) => get$1(tabs, name));
+            const dialogTabs = cat(foundTabs);
+            const body = {
+                type: 'tabpanel',
+                tabs: dialogTabs
+            };
+            editor.windowManager.open({
+                title: 'Help',
+                size: 'medium',
+                body,
+                buttons: [
+                    {
+                        type: 'cancel',
+                        name: 'close',
+                        text: 'Close',
+                        primary: true
+                    }
+                ],
+                initialData: {}
+            });
+        });
+    };
+
+    var Plugin = () => {
+        global$4.add('help', (editor, pluginUrl) => {
+            const customTabs = Cell({});
+            const api = get(customTabs);
+            register$1(editor);
+            const dialogOpener = init(editor, customTabs, pluginUrl);
+            register(editor, dialogOpener);
+            register$2(editor, dialogOpener);
+            editor.shortcuts.add('Alt+0', 'Open help dialog', 'mceHelp');
+            initI18nLoad(editor, pluginUrl);
+            return api;
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/plugin.min.js
new file mode 100644
index 000000000..785ae6f11
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/help/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const e=e=>"string"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=a=e,(r=String).prototype.isPrototypeOf(n)||(null===(o=a.constructor)||void 0===o?void 0:o.name)===r.name)?"string":t;var n,a,r,o})(e);const t=e=>undefined===e;const n=e=>"function"==typeof e,a=()=>false;class r{constructor(e,t){this.tag=e,this.value=t}static some(e){return new r(!0,e)}static none(){return r.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?r?.some(e(this.value)):r.none()}bind(e){return this.tag?e(this.value):r.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:r.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?r.none():r?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}r.singletonNone=new r(!1);const o=Array.prototype.slice,i=Array.prototype.indexOf,s=(e,t)=>{const n=e.length,a=new Array(n);for(let r=0;r<n;r++){const n=e[r];a[r]=t(n,r)}return a},c=(e,t)=>{const n=[];for(let a=0,r=e.length;a<r;a++){const r=e[a];t(r,a)&&n.push(r)}return n},m=(e,t)=>{const n=o.call(e,0);return n.sort(t),n};n(Array.from)&&Array.from;const l=Object.keys,u=Object.hasOwnProperty,p=(e,t)=>u.call(e,t);let y=0;const h=e=>{const t=(new Date).getTime(),n=Math.floor(window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295*1e9);return y++,e+"_"+n+y+String(t)};var d=tinymce.util.Tools.resolve("tinymce.PluginManager");const g=e=>t=>t.options.get(e),k=g("help_tabs"),v=g("forced_plugins");var b=tinymce.util.Tools.resolve("tinymce.Resource"),f=tinymce.util.Tools.resolve("tinymce.util.I18n");const A=(e,t)=>b.load(`tinymce.html-i18n.help-keynav.${t}`,`${e}/js/i18n/keynav/${t}.js`),w=e=>A(e,f.getCode()).catch((()=>A(e,"en")));var C=tinymce.util.Tools.resolve("tinymce.Env");const S=e=>{const t=C.os.isMacOS()||C.os.isiOS(),n=t?{alt:"&#x2325;",ctrl:"&#x2303;",shift:"&#x21E7;",meta:"&#x2318;",access:"&#x2303;&#x2325;"}:{meta:"Ctrl ",access:"Shift + Alt "},a=e.split("+"),r=s(a,(e=>{const t=e.toLowerCase().trim();return p(n,t)?n[t]:e}));return t?r.join("").replace(/\s/,""):r.join("+")},M=[{shortcuts:["Meta + B"],action:"Bold"},{shortcuts:["Meta + I"],action:"Italic"},{shortcuts:["Meta + U"],action:"Underline"},{shortcuts:["Meta + A"],action:"Select all"},{shortcuts:["Meta + Y","Meta + Shift + Z"],action:"Redo"},{shortcuts:["Meta + Z"],action:"Undo"},{shortcuts:["Access + 1"],action:"Heading 1"},{shortcuts:["Access + 2"],action:"Heading 2"},{shortcuts:["Access + 3"],action:"Heading 3"},{shortcuts:["Access + 4"],action:"Heading 4"},{shortcuts:["Access + 5"],action:"Heading 5"},{shortcuts:["Access + 6"],action:"Heading 6"},{shortcuts:["Access + 7"],action:"Paragraph"},{shortcuts:["Access + 8"],action:"Div"},{shortcuts:["Access + 9"],action:"Address"},{shortcuts:["Alt + 0"],action:"Open help dialog"},{shortcuts:["Alt + F9"],action:"Focus to menubar"},{shortcuts:["Alt + F10"],action:"Focus to toolbar"},{shortcuts:["Alt + F11"],action:"Focus to element path"},{shortcuts:["Alt + F12"],action:"Focus to notification"},{shortcuts:["Ctrl + F9"],action:"Focus to contextual toolbar"},{shortcuts:["Shift + Enter"],action:"Open popup menu for split buttons"},{shortcuts:["Meta + K"],action:"Insert link (if link plugin activated)"},{shortcuts:["Meta + S"],action:"Save (if save plugin activated)"},{shortcuts:["Meta + F"],action:"Find (if searchreplace plugin activated)"},{shortcuts:["Meta + Shift + F"],action:"Switch to or from fullscreen mode"}],_=()=>({name:"shortcuts",title:"Handy Shortcuts",items:[{type:"table",header:["Action","Shortcut"],cells:s(M,(e=>{const t=s(e.shortcuts,S).join(" or ");return[e.action,t]}))}]}),x=s([{key:"accordion",name:"Accordion"},{key:"anchor",name:"Anchor"},{key:"autolink",name:"Autolink"},{key:"autoresize",name:"Autoresize"},{key:"autosave",name:"Autosave"},{key:"charmap",name:"Character Map"},{key:"code",name:"Code"},{key:"codesample",name:"Code Sample"},{key:"colorpicker",name:"Color Picker"},{key:"directionality",name:"Directionality"},{key:"emoticons",name:"Emoticons"},{key:"fullscreen",name:"Full Screen"},{key:"help",name:"Help"},{key:"image",name:"Image"},{key:"importcss",name:"Import CSS"},{key:"insertdatetime",name:"Insert Date/Time"},{key:"link",name:"Link"},{key:"lists",name:"Lists"},{key:"advlist",name:"List Styles"},{key:"media",name:"Media"},{key:"nonbreaking",name:"Nonbreaking"},{key:"pagebreak",name:"Page Break"},{key:"preview",name:"Preview"},{key:"quickbars",name:"Quick Toolbars"},{key:"save",name:"Save"},{key:"searchreplace",name:"Search and Replace"},{key:"table",name:"Table"},{key:"textcolor",name:"Text Color"},{key:"visualblocks",name:"Visual Blocks"},{key:"visualchars",name:"Visual Characters"},{key:"wordcount",name:"Word Count"},{key:"a11ychecker",name:"Accessibility Checker",type:"premium"},{key:"typography",name:"Advanced Typography",type:"premium",slug:"advanced-typography"},{key:"ai",name:"AI Assistant",type:"premium"},{key:"casechange",name:"Case Change",type:"premium"},{key:"checklist",name:"Checklist",type:"premium"},{key:"advcode",name:"Enhanced Code Editor",type:"premium"},{key:"mediaembed",name:"Enhanced Media Embed",type:"premium",slug:"introduction-to-mediaembed"},{key:"advtable",name:"Enhanced Tables",type:"premium"},{key:"exportpdf",name:"Export to PDF",type:"premium"},{key:"exportword",name:"Export to Word",type:"premium"},{key:"footnotes",name:"Footnotes",type:"premium"},{key:"formatpainter",name:"Format Painter",type:"premium"},{key:"editimage",name:"Image Editing",type:"premium"},{key:"uploadcare",name:"Image Optimizer Powered by Uploadcare",type:"premium"},{key:"importword",name:"Import from Word",type:"premium"},{key:"inlinecss",name:"Inline CSS",type:"premium",slug:"inline-css"},{key:"linkchecker",name:"Link Checker",type:"premium"},{key:"math",name:"Math",type:"premium"},{key:"markdown",name:"Markdown",type:"premium"},{key:"mentions",name:"Mentions",type:"premium"},{key:"mergetags",name:"Merge Tags",type:"premium"},{key:"pageembed",name:"Page Embed",type:"premium"},{key:"permanentpen",name:"Permanent Pen",type:"premium"},{key:"powerpaste",name:"PowerPaste",type:"premium",slug:"introduction-to-powerpaste"},{key:"revisionhistory",name:"Revision History",type:"premium"},{key:"tinymcespellchecker",name:"Spell Checker",type:"premium",slug:"introduction-to-tiny-spellchecker"},{key:"autocorrect",name:"Spelling Autocorrect",type:"premium"},{key:"tableofcontents",name:"Table of Contents",type:"premium"},{key:"advtemplate",name:"Templates",type:"premium",slug:"advanced-templates"},{key:"tinycomments",name:"Tiny Comments",type:"premium",slug:"introduction-to-tiny-comments"},{key:"tinydrive",name:"Tiny Drive",type:"premium",slug:"tinydrive-introduction"}],(e=>({...e,type:e.type||"opensource",slug:e.slug||e.key}))),T=e=>{const o=e=>`<a data-alloy-tabstop="true" tabindex="-1" href="${e.url}" target="_blank" rel="noopener">${e.name}</a>`,u=(e,t)=>{return(i=x,s=e=>e.key===t,((e,t,n)=>{for(let a=0,o=e.length;a<o;a++){const o=e[a];if(t(o,a))return r?.some(o);if(n(o,a))break}return r.none()})(i,s,a)).fold((()=>((e,t)=>{const a=e.plugins[t].getMetadata;if(n(a)){const e=a();return{name:e.name,html:o(e)}}return{name:t,html:t}})(e,t)),(e=>{const t="premium"===e.type?`${e.name}*`:e.name;return{name:t,html:o({name:t,url:`https://www.tiny.cloud/docs/tinymce/7/${e.slug}/`})}}));var i,s},p=e=>{const n=(e=>{const n=l(e.plugins),a=v(e),r=t(a)?["onboarding"]:a.concat(["onboarding"]);return c(n,(e=>!(((e,t)=>i.call(e,t))(r,e)>-1)))})(e),a=m(s(n,(t=>u(e,t))),((e,t)=>e.name.localeCompare(t.name))),r=s(a,(e=>"<li>"+e.html+"</li>")),o=r.length,p=r.join("");return"<p><b>"+f.translate(["Plugins installed ({0}):",o])+"</b></p><ul>"+p+"</ul>"},y={type:"htmlpanel",presets:"document",html:[(e=>null==e?"":"<div>"+p(e)+"</div>")(e),(()=>{const e=c(x,(({type:e})=>"premium"===e)),t=m(s(e,(e=>e.name)),((e,t)=>e.localeCompare(t))),n=s(t,(e=>`<li>${e}</li>`)).join("");return"<div><p><b>"+f.translate("Premium plugins:")+"</b></p><ul>"+n+'<li class="tox-help__more-link" "><a href="https://www.tiny.cloud/pricing/?utm_campaign=help_dialog_plugin_tab&utm_source=tiny&utm_medium=referral&utm_term=read_more&utm_content=premium_plugin_heading" rel="noopener" target="_blank" data-alloy-tabstop="true" tabindex="-1">'+f.translate("Learn more...")+"</a></li></ul></div>"})()].join("")};return{name:"plugins",title:"Plugins",items:[y]}};var O=tinymce.util.Tools.resolve("tinymce.EditorManager");const P=(t,n,a)=>()=>{(async(t,n,a)=>{const o=_(),i=await(async e=>({name:"keyboardnav",title:"Keyboard Navigation",items:[{type:"htmlpanel",presets:"document",html:await w(e)}]}))(a),c=T(t),m=(()=>{var e,t;const n='<a data-alloy-tabstop="true" tabindex="-1" href="https://www.tiny.cloud/docs/tinymce/7/changelog/?utm_campaign=help_dialog_version_tab&utm_source=tiny&utm_medium=referral" rel="noopener" target="_blank">TinyMCE '+(e=O.majorVersion,t=O.minorVersion,(0===e.indexOf("@")?"X.X.X":e+"."+t)+"</a>");return{name:"versions",title:"Version",items:[{type:"htmlpanel",html:"<p>"+f.translate(["You are using {0}",n])+"</p>",presets:"document"}]}})(),u={[o.name]:o,[i.name]:i,[c.name]:c,[m.name]:m,...n.get()};return r.from(k(t)).fold((()=>(e=>{const t=l(e),n=t.indexOf("versions");return-1!==n&&(t.splice(n,1),t.push("versions")),{tabs:e,names:t}})(u)),(t=>((t,n)=>{const a={},r=s(t,(t=>{var r;if(e(t))return p(n,t)&&(a[t]=n[t]),t;{const e=null!==(r=t.name)&&void 0!==r?r:h("tab-name");return a[e]=t,e}}));return{tabs:a,names:r}})(t,u)))})(t,n,a).then((({tabs:e,names:n})=>{const a={type:"tabpanel",tabs:(e=>{const t=[],n=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(n);return t})(s(n,(t=>{return p(n=e,a=t)?r.from(n[a]):r.none();var n,a})))};t.windowManager.open({title:"Help",size:"medium",body:a,buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{}})}))};d.add("help",((e,t)=>{const n=(()=>{let e={};return{get:()=>e,set:t=>{e=t}}})(),a=(e=>({addTab:t=>{var n;const a=null!==(n=t.name)&&void 0!==n?n:h("tab-name"),r=e.get();r[a]=t,e.set(r)}}))(n);(e=>{(0,e.options.register)("help_tabs",{processor:"array"})})(e);const r=P(e,n,t);return((e,t)=>{e.ui.registry.addButton("help",{icon:"help",tooltip:"Help",onAction:t,context:"any"}),e.ui.registry.addMenuItem("help",{text:"Help",icon:"help",shortcut:"Alt+0",onAction:t,context:"any"})})(e,r),((e,t)=>{e.addCommand("mceHelp",t)})(e,r),e.shortcuts.add("Alt+0","Open help dialog","mceHelp"),((e,t)=>{e.on("init",(()=>{w(t)}))})(e,t),a}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/index.js
new file mode 100644
index 000000000..092c73ad6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/index.js
@@ -0,0 +1,7 @@
+// Exports the "image" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/image')
+//   ES2015:
+//     import 'tinymce/plugins/image'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/plugin.js
new file mode 100644
index 000000000..fdbe29e69
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/plugin.js
@@ -0,0 +1,1689 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const getPrototypeOf = Object.getPrototypeOf;
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const is = (value, constructor) => isObject(value) && hasProto(value, constructor, (o, proto) => getPrototypeOf(o) === proto);
+    const isString = isType('string');
+    const isObject = isType('object');
+    const isPlainObject = (value) => is(value, Object);
+    const isArray = isType('array');
+    const isNull = eq(null);
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+    const isArrayOf = (value, pred) => {
+        if (isArray(value)) {
+            for (let i = 0, len = value.length; i < len; ++i) {
+                if (!(pred(value[i]))) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    };
+
+    const noop = () => { };
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const get = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get(xs, 0);
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+
+    const deep = (old, nu) => {
+        const bothObjects = isPlainObject(old) && isPlainObject(nu);
+        return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    const baseMerge = (merger) => {
+        return (...objects) => {
+            if (objects.length === 0) {
+                throw new Error(`Can't merge zero objects`);
+            }
+            const ret = {};
+            for (let j = 0; j < objects.length; j++) {
+                const curObject = objects[j];
+                for (const key in curObject) {
+                    if (has(curObject, key)) {
+                        ret[key] = merger(ret[key], curObject[key]);
+                    }
+                }
+            }
+            return ret;
+        };
+    };
+    const deepMerge = baseMerge(deep);
+
+    const isNotEmpty = (s) => s.length > 0;
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const remove = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('image_dimensions', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('image_advtab', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('image_uploadtab', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('image_prepend_url', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('image_class_list', {
+            processor: 'object[]'
+        });
+        registerOption('image_description', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('image_title', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('image_caption', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('image_list', {
+            processor: (value) => {
+                const valid = value === false || isString(value) || isArrayOf(value, isObject) || isFunction(value);
+                return valid ? { value, valid } : { valid: false, message: 'Must be false, a string, an array or a function.' };
+            },
+            default: false
+        });
+    };
+    const hasDimensions = option('image_dimensions');
+    const hasAdvTab = option('image_advtab');
+    const hasUploadTab = option('image_uploadtab');
+    const getPrependUrl = option('image_prepend_url');
+    const getClassList = option('image_class_list');
+    const hasDescription = option('image_description');
+    const hasImageTitle = option('image_title');
+    const hasImageCaption = option('image_caption');
+    const getImageList = option('image_list');
+    const showAccessibilityOptions = option('a11y_advanced_options');
+    const isAutomaticUploadsEnabled = option('automatic_uploads');
+    const hasUploadUrl = (editor) => isNotEmpty(editor.options.get('images_upload_url'));
+    const hasUploadHandler = (editor) => isNonNullable(editor.options.get('images_upload_handler'));
+
+    // TODO: Figure out if these would ever be something other than numbers. This was added in: #TINY-1350
+    const parseIntAndGetMax = (val1, val2) => Math.max(parseInt(val1, 10), parseInt(val2, 10));
+    const getImageSize = (url) => new Promise((callback) => {
+        const img = document.createElement('img');
+        const done = (dimensions) => {
+            if (img.parentNode) {
+                img.parentNode.removeChild(img);
+            }
+            callback(dimensions);
+        };
+        img.addEventListener('load', () => {
+            const width = parseIntAndGetMax(img.width, img.clientWidth);
+            const height = parseIntAndGetMax(img.height, img.clientHeight);
+            const dimensions = { width, height };
+            done(Promise.resolve(dimensions));
+        });
+        img.addEventListener('error', () => {
+            done(Promise.reject(`Failed to get image dimensions for: ${url}`));
+        });
+        const style = img.style;
+        style.visibility = 'hidden';
+        style.position = 'fixed';
+        style.bottom = style.left = '0px';
+        style.width = style.height = 'auto';
+        document.body.appendChild(img);
+        img.src = url;
+    });
+    const removePixelSuffix = (value) => {
+        if (value) {
+            value = value.replace(/px$/, '');
+        }
+        return value;
+    };
+    const addPixelSuffix = (value) => {
+        if (value.length > 0 && /^[0-9]+$/.test(value)) {
+            value += 'px';
+        }
+        return value;
+    };
+    const mergeMargins = (css) => {
+        if (css.margin) {
+            const splitMargin = String(css.margin).split(' ');
+            switch (splitMargin.length) {
+                case 1: // margin: toprightbottomleft;
+                    css['margin-top'] = css['margin-top'] || splitMargin[0];
+                    css['margin-right'] = css['margin-right'] || splitMargin[0];
+                    css['margin-bottom'] = css['margin-bottom'] || splitMargin[0];
+                    css['margin-left'] = css['margin-left'] || splitMargin[0];
+                    break;
+                case 2: // margin: topbottom rightleft;
+                    css['margin-top'] = css['margin-top'] || splitMargin[0];
+                    css['margin-right'] = css['margin-right'] || splitMargin[1];
+                    css['margin-bottom'] = css['margin-bottom'] || splitMargin[0];
+                    css['margin-left'] = css['margin-left'] || splitMargin[1];
+                    break;
+                case 3: // margin: top rightleft bottom;
+                    css['margin-top'] = css['margin-top'] || splitMargin[0];
+                    css['margin-right'] = css['margin-right'] || splitMargin[1];
+                    css['margin-bottom'] = css['margin-bottom'] || splitMargin[2];
+                    css['margin-left'] = css['margin-left'] || splitMargin[1];
+                    break;
+                case 4: // margin: top right bottom left;
+                    css['margin-top'] = css['margin-top'] || splitMargin[0];
+                    css['margin-right'] = css['margin-right'] || splitMargin[1];
+                    css['margin-bottom'] = css['margin-bottom'] || splitMargin[2];
+                    css['margin-left'] = css['margin-left'] || splitMargin[3];
+            }
+            delete css.margin;
+        }
+        return css;
+    };
+    // TODO: Input on this callback should really be validated
+    const createImageList = (editor, callback) => {
+        const imageList = getImageList(editor);
+        if (isString(imageList)) {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            fetch(imageList)
+                .then((res) => {
+                if (res.ok) {
+                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                    res.json().then(callback);
+                }
+            });
+        }
+        else if (isFunction(imageList)) {
+            imageList(callback);
+        }
+        else {
+            callback(imageList);
+        }
+    };
+    const waitLoadImage = (editor, data, imgElm) => {
+        const selectImage = () => {
+            imgElm.onload = imgElm.onerror = null;
+            if (editor.selection) {
+                editor.selection.select(imgElm);
+                editor.nodeChanged();
+            }
+        };
+        imgElm.onload = () => {
+            if (!data.width && !data.height && hasDimensions(editor)) {
+                editor.dom.setAttribs(imgElm, {
+                    width: String(imgElm.clientWidth),
+                    height: String(imgElm.clientHeight)
+                });
+            }
+            selectImage();
+        };
+        imgElm.onerror = selectImage;
+    };
+    const blobToDataUri = (blob) => new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            resolve(reader.result);
+        };
+        reader.onerror = () => {
+            var _a;
+            reject((_a = reader.error) === null || _a === void 0 ? void 0 : _a.message);
+        };
+        reader.readAsDataURL(blob);
+    });
+    const isPlaceholderImage = (imgElm) => imgElm.nodeName === 'IMG' && (imgElm.hasAttribute('data-mce-object') || imgElm.hasAttribute('data-mce-placeholder'));
+    const isSafeImageUrl = (editor, src) => {
+        const getOption = editor.options.get;
+        return global$2.isDomSafe(src, 'img', {
+            allow_html_data_urls: getOption('allow_html_data_urls'),
+            allow_script_urls: getOption('allow_script_urls'),
+            allow_svg_data_urls: getOption('allow_svg_data_urls')
+        });
+    };
+
+    const DOM = global$3.DOM;
+    const getHspace = (image) => {
+        if (image.style.marginLeft && image.style.marginRight && image.style.marginLeft === image.style.marginRight) {
+            return removePixelSuffix(image.style.marginLeft);
+        }
+        else {
+            return '';
+        }
+    };
+    const getVspace = (image) => {
+        if (image.style.marginTop && image.style.marginBottom && image.style.marginTop === image.style.marginBottom) {
+            return removePixelSuffix(image.style.marginTop);
+        }
+        else {
+            return '';
+        }
+    };
+    const getBorder = (image) => {
+        if (image.style.borderWidth) {
+            return removePixelSuffix(image.style.borderWidth);
+        }
+        else {
+            return '';
+        }
+    };
+    const getAttrib = (image, name) => {
+        var _a;
+        if (image.hasAttribute(name)) {
+            return (_a = image.getAttribute(name)) !== null && _a !== void 0 ? _a : '';
+        }
+        else {
+            return '';
+        }
+    };
+    const hasCaption = (image) => image.parentNode !== null && image.parentNode.nodeName === 'FIGURE';
+    const updateAttrib = (image, name, value) => {
+        if (value === '' || value === null) {
+            image.removeAttribute(name);
+        }
+        else {
+            image.setAttribute(name, value);
+        }
+    };
+    const wrapInFigure = (image) => {
+        const figureElm = DOM.create('figure', { class: 'image' });
+        DOM.insertAfter(figureElm, image);
+        figureElm.appendChild(image);
+        figureElm.appendChild(DOM.create('figcaption', { contentEditable: 'true' }, 'Caption'));
+        figureElm.contentEditable = 'false';
+    };
+    const removeFigure = (image) => {
+        const figureElm = image.parentNode;
+        if (isNonNullable(figureElm)) {
+            DOM.insertAfter(image, figureElm);
+            DOM.remove(figureElm);
+        }
+    };
+    const toggleCaption = (image) => {
+        if (hasCaption(image)) {
+            removeFigure(image);
+        }
+        else {
+            wrapInFigure(image);
+        }
+    };
+    const normalizeStyle = (image, normalizeCss) => {
+        const attrValue = image.getAttribute('style');
+        const value = normalizeCss(attrValue !== null ? attrValue : '');
+        if (value.length > 0) {
+            image.setAttribute('style', value);
+            image.setAttribute('data-mce-style', value);
+        }
+        else {
+            image.removeAttribute('style');
+        }
+    };
+    const setSize = (name, normalizeCss) => (image, name, value) => {
+        const styles = image.style;
+        if (styles[name]) {
+            styles[name] = addPixelSuffix(value);
+            normalizeStyle(image, normalizeCss);
+        }
+        else {
+            updateAttrib(image, name, value);
+        }
+    };
+    const getSize = (image, name) => {
+        if (image.style[name]) {
+            return removePixelSuffix(image.style[name]);
+        }
+        else {
+            return getAttrib(image, name);
+        }
+    };
+    const setHspace = (image, value) => {
+        const pxValue = addPixelSuffix(value);
+        image.style.marginLeft = pxValue;
+        image.style.marginRight = pxValue;
+    };
+    const setVspace = (image, value) => {
+        const pxValue = addPixelSuffix(value);
+        image.style.marginTop = pxValue;
+        image.style.marginBottom = pxValue;
+    };
+    const setBorder = (image, value) => {
+        const pxValue = addPixelSuffix(value);
+        image.style.borderWidth = pxValue;
+    };
+    const setBorderStyle = (image, value) => {
+        image.style.borderStyle = value;
+    };
+    const getBorderStyle = (image) => { var _a; return (_a = image.style.borderStyle) !== null && _a !== void 0 ? _a : ''; };
+    const isFigure = (elm) => isNonNullable(elm) && elm.nodeName === 'FIGURE';
+    const isImage = (elm) => elm.nodeName === 'IMG';
+    const getIsDecorative = (image) => DOM.getAttrib(image, 'alt').length === 0 && DOM.getAttrib(image, 'role') === 'presentation';
+    const getAlt = (image) => {
+        if (getIsDecorative(image)) {
+            return '';
+        }
+        else {
+            return getAttrib(image, 'alt');
+        }
+    };
+    const defaultData = () => ({
+        src: '',
+        alt: '',
+        title: '',
+        width: '',
+        height: '',
+        class: '',
+        style: '',
+        caption: false,
+        hspace: '',
+        vspace: '',
+        border: '',
+        borderStyle: '',
+        isDecorative: false
+    });
+    const getStyleValue = (normalizeCss, data) => {
+        var _a;
+        const image = document.createElement('img');
+        updateAttrib(image, 'style', data.style);
+        if (getHspace(image) || data.hspace !== '') {
+            setHspace(image, data.hspace);
+        }
+        if (getVspace(image) || data.vspace !== '') {
+            setVspace(image, data.vspace);
+        }
+        if (getBorder(image) || data.border !== '') {
+            setBorder(image, data.border);
+        }
+        if (getBorderStyle(image) || data.borderStyle !== '') {
+            setBorderStyle(image, data.borderStyle);
+        }
+        return normalizeCss((_a = image.getAttribute('style')) !== null && _a !== void 0 ? _a : '');
+    };
+    const create = (normalizeCss, data) => {
+        const image = document.createElement('img');
+        write(normalizeCss, { ...data, caption: false }, image);
+        // Always set alt even if data.alt is an empty string
+        setAlt(image, data.alt, data.isDecorative);
+        if (data.caption) {
+            const figure = DOM.create('figure', { class: 'image' });
+            figure.appendChild(image);
+            figure.appendChild(DOM.create('figcaption', { contentEditable: 'true' }, 'Caption'));
+            figure.contentEditable = 'false';
+            return figure;
+        }
+        else {
+            return image;
+        }
+    };
+    const read = (normalizeCss, image) => ({
+        src: getAttrib(image, 'src'),
+        alt: getAlt(image),
+        title: getAttrib(image, 'title'),
+        width: getSize(image, 'width'),
+        height: getSize(image, 'height'),
+        class: getAttrib(image, 'class'),
+        style: normalizeCss(getAttrib(image, 'style')),
+        caption: hasCaption(image),
+        hspace: getHspace(image),
+        vspace: getVspace(image),
+        border: getBorder(image),
+        borderStyle: getBorderStyle(image),
+        isDecorative: getIsDecorative(image)
+    });
+    const updateProp = (image, oldData, newData, name, set) => {
+        if (newData[name] !== oldData[name]) {
+            set(image, name, String(newData[name]));
+        }
+    };
+    const setAlt = (image, alt, isDecorative) => {
+        if (isDecorative) {
+            DOM.setAttrib(image, 'role', 'presentation');
+            // unfortunately can't set "" attr value with domutils
+            const sugarImage = SugarElement.fromDom(image);
+            set(sugarImage, 'alt', '');
+        }
+        else {
+            if (isNull(alt)) {
+                const sugarImage = SugarElement.fromDom(image);
+                remove(sugarImage, 'alt');
+            }
+            else {
+                // unfortunately can't set "" attr value with domutils
+                const sugarImage = SugarElement.fromDom(image);
+                set(sugarImage, 'alt', alt);
+            }
+            if (DOM.getAttrib(image, 'role') === 'presentation') {
+                DOM.setAttrib(image, 'role', '');
+            }
+        }
+    };
+    const updateAlt = (image, oldData, newData) => {
+        if (newData.alt !== oldData.alt || newData.isDecorative !== oldData.isDecorative) {
+            setAlt(image, newData.alt, newData.isDecorative);
+        }
+    };
+    const normalized = (set, normalizeCss) => (image, name, value) => {
+        set(image, value);
+        normalizeStyle(image, normalizeCss);
+    };
+    const write = (normalizeCss, newData, image) => {
+        const oldData = read(normalizeCss, image);
+        updateProp(image, oldData, newData, 'caption', (image, _name, _value) => toggleCaption(image));
+        updateProp(image, oldData, newData, 'src', updateAttrib);
+        updateProp(image, oldData, newData, 'title', updateAttrib);
+        updateProp(image, oldData, newData, 'width', setSize('width', normalizeCss));
+        updateProp(image, oldData, newData, 'height', setSize('height', normalizeCss));
+        updateProp(image, oldData, newData, 'class', updateAttrib);
+        updateProp(image, oldData, newData, 'style', normalized((image, value) => updateAttrib(image, 'style', value), normalizeCss));
+        updateProp(image, oldData, newData, 'hspace', normalized(setHspace, normalizeCss));
+        updateProp(image, oldData, newData, 'vspace', normalized(setVspace, normalizeCss));
+        updateProp(image, oldData, newData, 'border', normalized(setBorder, normalizeCss));
+        updateProp(image, oldData, newData, 'borderStyle', normalized(setBorderStyle, normalizeCss));
+        updateAlt(image, oldData, newData);
+    };
+
+    const normalizeCss$1 = (editor, cssText) => {
+        const css = editor.dom.styles.parse(cssText);
+        const mergedCss = mergeMargins(css);
+        const compressed = editor.dom.styles.parse(editor.dom.styles.serialize(mergedCss));
+        return editor.dom.styles.serialize(compressed);
+    };
+    const getSelectedImage = (editor) => {
+        const imgElm = editor.selection.getNode();
+        const figureElm = editor.dom.getParent(imgElm, 'figure.image');
+        if (figureElm) {
+            return editor.dom.select('img', figureElm)[0];
+        }
+        if (imgElm && (imgElm.nodeName !== 'IMG' || isPlaceholderImage(imgElm))) {
+            return null;
+        }
+        return imgElm;
+    };
+    const splitTextBlock = (editor, figure) => {
+        var _a;
+        const dom = editor.dom;
+        const textBlockElements = filter(editor.schema.getTextBlockElements(), (_, parentElm) => !editor.schema.isValidChild(parentElm, 'figure'));
+        const textBlock = dom.getParent(figure.parentNode, (node) => hasNonNullableKey(textBlockElements, node.nodeName), editor.getBody());
+        if (textBlock) {
+            return (_a = dom.split(textBlock, figure)) !== null && _a !== void 0 ? _a : figure;
+        }
+        else {
+            return figure;
+        }
+    };
+    const readImageDataFromSelection = (editor) => {
+        const image = getSelectedImage(editor);
+        return image ? read((css) => normalizeCss$1(editor, css), image) : defaultData();
+    };
+    const insertImageAtCaret = (editor, data) => {
+        const elm = create((css) => normalizeCss$1(editor, css), data);
+        editor.dom.setAttrib(elm, 'data-mce-id', '__mcenew');
+        editor.focus();
+        editor.selection.setContent(elm.outerHTML);
+        const insertedElm = editor.dom.select('*[data-mce-id="__mcenew"]')[0];
+        editor.dom.setAttrib(insertedElm, 'data-mce-id', null);
+        if (isFigure(insertedElm)) {
+            const figure = splitTextBlock(editor, insertedElm);
+            editor.selection.select(figure);
+        }
+        else {
+            editor.selection.select(insertedElm);
+        }
+    };
+    const syncSrcAttr = (editor, image) => {
+        editor.dom.setAttrib(image, 'src', image.getAttribute('src'));
+    };
+    const deleteImage = (editor, image) => {
+        if (image) {
+            const elm = editor.dom.is(image.parentNode, 'figure.image') ? image.parentNode : image;
+            editor.dom.remove(elm);
+            editor.focus();
+            editor.nodeChanged();
+            if (editor.dom.isEmpty(editor.getBody())) {
+                editor.setContent('');
+                editor.selection.setCursorLocation();
+            }
+        }
+    };
+    const writeImageDataToSelection = (editor, data) => {
+        const image = getSelectedImage(editor);
+        if (image) {
+            write((css) => normalizeCss$1(editor, css), data, image);
+            syncSrcAttr(editor, image);
+            if (isFigure(image.parentNode)) {
+                editor.dom.setStyle(image, 'float', '');
+                const figure = image.parentNode;
+                splitTextBlock(editor, figure);
+                editor.selection.select(image.parentNode);
+            }
+            else {
+                editor.selection.select(image);
+                waitLoadImage(editor, data, image);
+            }
+        }
+    };
+    const sanitizeImageData = (editor, data) => {
+        // Sanitize the URL
+        const src = data.src;
+        return {
+            ...data,
+            src: isSafeImageUrl(editor, src) ? src : ''
+        };
+    };
+    const insertOrUpdateImage = (editor, partialData) => {
+        const image = getSelectedImage(editor);
+        if (image) {
+            const selectedImageData = read((css) => normalizeCss$1(editor, css), image);
+            const data = { ...selectedImageData, ...partialData };
+            const sanitizedData = sanitizeImageData(editor, data);
+            if (data.src) {
+                writeImageDataToSelection(editor, sanitizedData);
+            }
+            else {
+                deleteImage(editor, image);
+            }
+        }
+        else if (partialData.src) {
+            insertImageAtCaret(editor, { ...defaultData(), ...partialData });
+        }
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.ImageUploader');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const getValue = (item) => isString(item.value) ? item.value : '';
+    const getText = (item) => {
+        if (isString(item.text)) {
+            return item.text;
+        }
+        else if (isString(item.title)) {
+            return item.title;
+        }
+        else {
+            return '';
+        }
+    };
+    const sanitizeList = (list, extractValue) => {
+        const out = [];
+        global.each(list, (item) => {
+            const text = getText(item);
+            if (item.menu !== undefined) {
+                const items = sanitizeList(item.menu, extractValue);
+                out.push({ text, items }); // list group
+            }
+            else {
+                const value = extractValue(item);
+                out.push({ text, value }); // list value
+            }
+        });
+        return out;
+    };
+    const sanitizer = (extractor = getValue) => (list) => {
+        if (list) {
+            return Optional.from(list)?.map((list) => sanitizeList(list, extractor));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const sanitize = (list) => sanitizer(getValue)(list);
+    const isGroup = (item) => has(item, 'items');
+    const findEntryDelegate = (list, value) => findMap(list, (item) => {
+        if (isGroup(item)) {
+            return findEntryDelegate(item.items, value);
+        }
+        else if (item.value === value) {
+            return Optional?.some(item);
+        }
+        else {
+            return Optional.none();
+        }
+    });
+    const findEntry = (optList, value) => optList.bind((list) => findEntryDelegate(list, value));
+    const ListUtils = {
+        sanitizer,
+        sanitize,
+        findEntry
+    };
+
+    const makeTab$2 = (_info) => ({
+        title: 'Advanced',
+        name: 'advanced',
+        items: [
+            {
+                type: 'grid',
+                columns: 2,
+                items: [
+                    {
+                        type: 'input',
+                        label: 'Vertical space',
+                        name: 'vspace',
+                        inputMode: 'numeric'
+                    },
+                    {
+                        type: 'input',
+                        label: 'Horizontal space',
+                        name: 'hspace',
+                        inputMode: 'numeric'
+                    },
+                    {
+                        type: 'input',
+                        label: 'Border width',
+                        name: 'border',
+                        inputMode: 'numeric'
+                    },
+                    {
+                        type: 'listbox',
+                        name: 'borderstyle',
+                        label: 'Border style',
+                        items: [
+                            { text: 'Select...', value: '' },
+                            { text: 'Solid', value: 'solid' },
+                            { text: 'Dotted', value: 'dotted' },
+                            { text: 'Dashed', value: 'dashed' },
+                            { text: 'Double', value: 'double' },
+                            { text: 'Groove', value: 'groove' },
+                            { text: 'Ridge', value: 'ridge' },
+                            { text: 'Inset', value: 'inset' },
+                            { text: 'Outset', value: 'outset' },
+                            { text: 'None', value: 'none' },
+                            { text: 'Hidden', value: 'hidden' }
+                        ]
+                    }
+                ]
+            }
+        ]
+    });
+    const AdvTab = {
+        makeTab: makeTab$2
+    };
+
+    const collect = (editor) => {
+        const urlListSanitizer = ListUtils.sanitizer((item) => editor.convertURL(item.value || item.url || '', 'src'));
+        const futureImageList = new Promise((completer) => {
+            createImageList(editor, (imageList) => {
+                completer(urlListSanitizer(imageList)?.map((items) => flatten([
+                    [{ text: 'None', value: '' }],
+                    items
+                ])));
+            });
+        });
+        const classList = ListUtils.sanitize(getClassList(editor));
+        const hasAdvTab$1 = hasAdvTab(editor);
+        const hasUploadTab$1 = hasUploadTab(editor);
+        const hasUploadUrl$1 = hasUploadUrl(editor);
+        const hasUploadHandler$1 = hasUploadHandler(editor);
+        const image = readImageDataFromSelection(editor);
+        const hasDescription$1 = hasDescription(editor);
+        const hasImageTitle$1 = hasImageTitle(editor);
+        const hasDimensions$1 = hasDimensions(editor);
+        const hasImageCaption$1 = hasImageCaption(editor);
+        const hasAccessibilityOptions = showAccessibilityOptions(editor);
+        const automaticUploads = isAutomaticUploadsEnabled(editor);
+        const prependURL = Optional?.some(getPrependUrl(editor)).filter((preUrl) => isString(preUrl) && preUrl.length > 0);
+        return futureImageList.then((imageList) => ({
+            image,
+            imageList,
+            classList,
+            hasAdvTab: hasAdvTab$1,
+            hasUploadTab: hasUploadTab$1,
+            hasUploadUrl: hasUploadUrl$1,
+            hasUploadHandler: hasUploadHandler$1,
+            hasDescription: hasDescription$1,
+            hasImageTitle: hasImageTitle$1,
+            hasDimensions: hasDimensions$1,
+            hasImageCaption: hasImageCaption$1,
+            prependURL,
+            hasAccessibilityOptions,
+            automaticUploads
+        }));
+    };
+
+    const makeItems = (info) => {
+        const imageUrl = {
+            name: 'src',
+            type: 'urlinput',
+            filetype: 'image',
+            label: 'Source',
+            picker_text: 'Browse files'
+        };
+        const imageList = info.imageList?.map((items) => ({
+            name: 'images',
+            type: 'listbox',
+            label: 'Image list',
+            items
+        }));
+        const imageDescription = {
+            name: 'alt',
+            type: 'input',
+            label: 'Alternative description',
+            enabled: !(info.hasAccessibilityOptions && info.image.isDecorative)
+        };
+        const imageTitle = {
+            name: 'title',
+            type: 'input',
+            label: 'Image title'
+        };
+        const imageDimensions = {
+            name: 'dimensions',
+            type: 'sizeinput'
+        };
+        const isDecorative = {
+            type: 'label',
+            label: 'Accessibility',
+            items: [{
+                    name: 'isDecorative',
+                    type: 'checkbox',
+                    label: 'Image is decorative'
+                }]
+        };
+        // TODO: the original listbox supported styled items but bridge does not seem to support this
+        const classList = info.classList?.map((items) => ({
+            name: 'classes',
+            type: 'listbox',
+            label: 'Class',
+            items
+        }));
+        const caption = {
+            type: 'label',
+            label: 'Caption',
+            items: [
+                {
+                    type: 'checkbox',
+                    name: 'caption',
+                    label: 'Show caption'
+                }
+            ]
+        };
+        const getDialogContainerType = (useColumns) => useColumns ? { type: 'grid', columns: 2 } : { type: 'panel' };
+        return flatten([
+            [imageUrl],
+            imageList.toArray(),
+            info.hasAccessibilityOptions && info.hasDescription ? [isDecorative] : [],
+            info.hasDescription ? [imageDescription] : [],
+            info.hasImageTitle ? [imageTitle] : [],
+            info.hasDimensions ? [imageDimensions] : [],
+            [{
+                    ...getDialogContainerType(info.classList.isSome() && info.hasImageCaption),
+                    items: flatten([
+                        classList.toArray(),
+                        info.hasImageCaption ? [caption] : []
+                    ])
+                }]
+        ]);
+    };
+    const makeTab$1 = (info) => ({
+        title: 'General',
+        name: 'general',
+        items: makeItems(info)
+    });
+    const MainTab = {
+        makeTab: makeTab$1,
+        makeItems
+    };
+
+    const makeTab = (_info) => {
+        const items = [
+            {
+                type: 'dropzone',
+                name: 'fileinput'
+            }
+        ];
+        return {
+            title: 'Upload',
+            name: 'upload',
+            items
+        };
+    };
+    const UploadTab = {
+        makeTab
+    };
+
+    const createState = (info) => ({
+        prevImage: ListUtils.findEntry(info.imageList, info.image.src),
+        prevAlt: info.image.alt,
+        open: true
+    });
+    const fromImageData = (image) => ({
+        src: {
+            value: image.src,
+            meta: {}
+        },
+        images: image.src,
+        alt: image.alt,
+        title: image.title,
+        dimensions: {
+            width: image.width,
+            height: image.height
+        },
+        classes: image.class,
+        caption: image.caption,
+        style: image.style,
+        vspace: image.vspace,
+        border: image.border,
+        hspace: image.hspace,
+        borderstyle: image.borderStyle,
+        fileinput: [],
+        isDecorative: image.isDecorative
+    });
+    const toImageData = (data, removeEmptyAlt) => ({
+        src: data.src.value,
+        alt: (data.alt === null || data.alt.length === 0) && removeEmptyAlt ? null : data.alt,
+        title: data.title,
+        width: data.dimensions.width,
+        height: data.dimensions.height,
+        class: data.classes,
+        style: data.style,
+        caption: data.caption,
+        hspace: data.hspace,
+        vspace: data.vspace,
+        border: data.border,
+        borderStyle: data.borderstyle,
+        isDecorative: data.isDecorative
+    });
+    const addPrependUrl2 = (info, srcURL) => {
+        // Add the prependURL
+        if (!/^(?:[a-zA-Z]+:)?\/\//.test(srcURL)) {
+            return info.prependURL.bind((prependUrl) => {
+                if (srcURL.substring(0, prependUrl.length) !== prependUrl) {
+                    return Optional?.some(prependUrl + srcURL);
+                }
+                return Optional.none();
+            });
+        }
+        return Optional.none();
+    };
+    const addPrependUrl = (info, api) => {
+        const data = api.getData();
+        addPrependUrl2(info, data.src.value).each((srcURL) => {
+            api.setData({ src: { value: srcURL, meta: data.src.meta } });
+        });
+    };
+    const formFillFromMeta2 = (info, data, meta) => {
+        if (info.hasDescription && isString(meta.alt)) {
+            data.alt = meta.alt;
+        }
+        if (info.hasAccessibilityOptions) {
+            data.isDecorative = meta.isDecorative || data.isDecorative || false;
+        }
+        if (info.hasImageTitle && isString(meta.title)) {
+            data.title = meta.title;
+        }
+        if (info.hasDimensions) {
+            if (isString(meta.width)) {
+                data.dimensions.width = meta.width;
+            }
+            if (isString(meta.height)) {
+                data.dimensions.height = meta.height;
+            }
+        }
+        if (isString(meta.class)) {
+            ListUtils.findEntry(info.classList, meta.class).each((entry) => {
+                data.classes = entry.value;
+            });
+        }
+        if (info.hasImageCaption) {
+            if (isBoolean(meta.caption)) {
+                data.caption = meta.caption;
+            }
+        }
+        if (info.hasAdvTab) {
+            if (isString(meta.style)) {
+                data.style = meta.style;
+            }
+            if (isString(meta.vspace)) {
+                data.vspace = meta.vspace;
+            }
+            if (isString(meta.border)) {
+                data.border = meta.border;
+            }
+            if (isString(meta.hspace)) {
+                data.hspace = meta.hspace;
+            }
+            if (isString(meta.borderstyle)) {
+                data.borderstyle = meta.borderstyle;
+            }
+        }
+    };
+    const formFillFromMeta = (info, api) => {
+        const data = api.getData();
+        const meta = data.src.meta;
+        if (meta !== undefined) {
+            const newData = deepMerge({}, data);
+            formFillFromMeta2(info, newData, meta);
+            api.setData(newData);
+        }
+    };
+    const calculateImageSize = (helpers, info, state, api) => {
+        const data = api.getData();
+        const url = data.src.value;
+        const meta = data.src.meta || {};
+        if (!meta.width && !meta.height && info.hasDimensions) {
+            if (isNotEmpty(url)) {
+                helpers.imageSize(url)
+                    .then((size) => {
+                    if (state.open) {
+                        api.setData({ dimensions: size });
+                    }
+                })
+                    // eslint-disable-next-line no-console
+                    .catch((e) => console.error(e));
+            }
+            else {
+                api.setData({ dimensions: { width: '', height: '' } });
+            }
+        }
+    };
+    const updateImagesDropdown = (info, state, api) => {
+        const data = api.getData();
+        const image = ListUtils.findEntry(info.imageList, data.src.value);
+        state.prevImage = image;
+        api.setData({ images: image?.map((entry) => entry.value).getOr('') });
+    };
+    const changeSrc = (helpers, info, state, api) => {
+        addPrependUrl(info, api);
+        formFillFromMeta(info, api);
+        calculateImageSize(helpers, info, state, api);
+        updateImagesDropdown(info, state, api);
+    };
+    const changeImages = (helpers, info, state, api) => {
+        const data = api.getData();
+        const image = ListUtils.findEntry(info.imageList, data.images);
+        image.each((img) => {
+            const updateAlt = data.alt === '' || state.prevImage?.map((image) => image.text === data.alt).getOr(false);
+            if (updateAlt) {
+                if (img.value === '') {
+                    api.setData({ src: img, alt: state.prevAlt });
+                }
+                else {
+                    api.setData({ src: img, alt: img.text });
+                }
+            }
+            else {
+                api.setData({ src: img });
+            }
+        });
+        state.prevImage = image;
+        changeSrc(helpers, info, state, api);
+    };
+    const changeFileInput = (helpers, info, state, api) => {
+        const data = api.getData();
+        api.block('Uploading image'); // What msg do we pass to the lock?
+        head(data.fileinput)
+            .fold(() => {
+            api.unblock();
+        }, (file) => {
+            const blobUri = URL.createObjectURL(file);
+            const finalize = () => {
+                api.unblock();
+                URL.revokeObjectURL(blobUri);
+            };
+            const updateSrcAndSwitchTab = (url) => {
+                api.setData({ src: { value: url, meta: {} } });
+                api.showTab('general');
+                changeSrc(helpers, info, state, api);
+                api.focus('src');
+            };
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            blobToDataUri(file).then((dataUrl) => {
+                const blobInfo = helpers.createBlobCache(file, blobUri, dataUrl);
+                if (info.automaticUploads) {
+                    helpers.uploadImage(blobInfo).then((result) => {
+                        updateSrcAndSwitchTab(result.url);
+                        finalize();
+                    }).catch((err) => {
+                        finalize();
+                        helpers.alertErr(err, () => {
+                            api.focus('fileinput');
+                        });
+                    });
+                }
+                else {
+                    helpers.addToBlobCache(blobInfo);
+                    updateSrcAndSwitchTab(blobInfo.blobUri());
+                    api.unblock();
+                }
+            });
+        });
+    };
+    const changeHandler = (helpers, info, state) => (api, evt) => {
+        if (evt.name === 'src') {
+            changeSrc(helpers, info, state, api);
+        }
+        else if (evt.name === 'images') {
+            changeImages(helpers, info, state, api);
+        }
+        else if (evt.name === 'alt') {
+            state.prevAlt = api.getData().alt;
+        }
+        else if (evt.name === 'fileinput') {
+            changeFileInput(helpers, info, state, api);
+        }
+        else if (evt.name === 'isDecorative') {
+            api.setEnabled('alt', !api.getData().isDecorative);
+        }
+    };
+    const closeHandler = (state) => () => {
+        state.open = false;
+    };
+    const makeDialogBody = (info) => {
+        if (info.hasAdvTab || info.hasUploadUrl || info.hasUploadHandler) {
+            const tabPanel = {
+                type: 'tabpanel',
+                tabs: flatten([
+                    [MainTab.makeTab(info)],
+                    info.hasAdvTab ? [AdvTab.makeTab(info)] : [],
+                    info.hasUploadTab && (info.hasUploadUrl || info.hasUploadHandler) ? [UploadTab.makeTab(info)] : []
+                ])
+            };
+            return tabPanel;
+        }
+        else {
+            const panel = {
+                type: 'panel',
+                items: MainTab.makeItems(info)
+            };
+            return panel;
+        }
+    };
+    const submitHandler = (editor, info, helpers) => (api) => {
+        const data = deepMerge(fromImageData(info.image), api.getData());
+        // The data architecture relies on passing everything through the style field for validation.
+        // Since the style field was removed that process must be simulated on submit.
+        const finalData = {
+            ...data,
+            style: getStyleValue(helpers.normalizeCss, toImageData(data, false))
+        };
+        editor.execCommand('mceUpdateImage', false, toImageData(finalData, info.hasAccessibilityOptions));
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        editor.editorUpload.uploadImagesAuto();
+        api.close();
+    };
+    const imageSize = (editor) => (url) => {
+        // If the URL isn't safe then don't attempt to load it to get the sizes
+        if (!isSafeImageUrl(editor, url)) {
+            return Promise.resolve({ width: '', height: '' });
+        }
+        else {
+            return getImageSize(editor.documentBaseURI.toAbsolute(url)).then((dimensions) => ({
+                width: String(dimensions.width),
+                height: String(dimensions.height)
+            }));
+        }
+    };
+    const createBlobCache = (editor) => (file, blobUri, dataUrl) => {
+        var _a;
+        return editor.editorUpload.blobCache.create({
+            blob: file,
+            blobUri,
+            name: (_a = file.name) === null || _a === void 0 ? void 0 : _a.replace(/\.[^\.]+$/, ''),
+            filename: file.name,
+            base64: dataUrl.split(',')[1]
+        });
+    };
+    const addToBlobCache = (editor) => (blobInfo) => {
+        editor.editorUpload.blobCache.add(blobInfo);
+    };
+    const alertErr = (editor) => (message, callback) => {
+        editor.windowManager.alert(message, callback);
+    };
+    const normalizeCss = (editor) => (cssText) => normalizeCss$1(editor, cssText);
+    const parseStyle = (editor) => (cssText) => editor.dom.parseStyle(cssText);
+    const serializeStyle = (editor) => (stylesArg, name) => editor.dom.serializeStyle(stylesArg, name);
+    const uploadImage = (editor) => (blobInfo) => global$1(editor).upload([blobInfo], false).then((results) => {
+        var _a;
+        if (results.length === 0) {
+            return Promise.reject('Failed to upload image');
+        }
+        else if (results[0].status === false) {
+            return Promise.reject((_a = results[0].error) === null || _a === void 0 ? void 0 : _a.message);
+        }
+        else {
+            return results[0];
+        }
+    });
+    const Dialog = (editor) => {
+        const helpers = {
+            imageSize: imageSize(editor),
+            addToBlobCache: addToBlobCache(editor),
+            createBlobCache: createBlobCache(editor),
+            alertErr: alertErr(editor),
+            normalizeCss: normalizeCss(editor),
+            parseStyle: parseStyle(editor),
+            serializeStyle: serializeStyle(editor),
+            uploadImage: uploadImage(editor)
+        };
+        const open = () => {
+            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+            collect(editor)
+                .then((info) => {
+                const state = createState(info);
+                return {
+                    title: 'Insert/Edit Image',
+                    size: 'normal',
+                    body: makeDialogBody(info),
+                    buttons: [
+                        {
+                            type: 'cancel',
+                            name: 'cancel',
+                            text: 'Cancel'
+                        },
+                        {
+                            type: 'submit',
+                            name: 'save',
+                            text: 'Save',
+                            primary: true
+                        }
+                    ],
+                    initialData: fromImageData(info.image),
+                    onSubmit: submitHandler(editor, info, helpers),
+                    onChange: changeHandler(helpers, info, state),
+                    onClose: closeHandler(state)
+                };
+            })
+                .then(editor.windowManager.open);
+        };
+        return {
+            open
+        };
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceImage', Dialog(editor).open);
+        // TODO: This command is likely to be short lived we only need it until we expose the rtc model though a new api so it shouldn't be documented
+        // it's just a command since that is a convenient method for the rtc plugin to override the default dom mutation behaviour
+        editor.addCommand('mceUpdateImage', (_ui, data) => {
+            editor.undoManager.transact(() => insertOrUpdateImage(editor, data));
+        });
+    };
+
+    const hasImageClass = (node) => {
+        const className = node.attr('class');
+        return isNonNullable(className) && /\bimage\b/.test(className);
+    };
+    const toggleContentEditableState = (state) => (nodes) => {
+        let i = nodes.length;
+        const toggleContentEditable = (node) => {
+            node.attr('contenteditable', state ? 'true' : null);
+        };
+        while (i--) {
+            const node = nodes[i];
+            if (hasImageClass(node)) {
+                node.attr('contenteditable', state ? 'false' : null);
+                global.each(node.getAll('figcaption'), toggleContentEditable);
+            }
+        }
+    };
+    const setup = (editor) => {
+        editor.on('PreInit', () => {
+            editor.parser.addNodeFilter('figure', toggleContentEditableState(true));
+            editor.serializer.addNodeFilter('figure', toggleContentEditableState(false));
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        editor.ui.registry.addToggleButton('image', {
+            icon: 'image',
+            tooltip: 'Insert/edit image',
+            onAction: Dialog(editor).open,
+            onSetup: (buttonApi) => {
+                // Set the initial state and then bind to selection changes to update the state when the selection changes
+                buttonApi.setActive(isNonNullable(getSelectedImage(editor)));
+                const unbindSelectorChanged = editor.selection.selectorChangedWithUnbind('img:not([data-mce-object]):not([data-mce-placeholder]),figure.image', buttonApi.setActive).unbind;
+                const unbindEditable = onSetupEditable(editor)(buttonApi);
+                return () => {
+                    unbindSelectorChanged();
+                    unbindEditable();
+                };
+            }
+        });
+        editor.ui.registry.addMenuItem('image', {
+            icon: 'image',
+            text: 'Image...',
+            onAction: Dialog(editor).open,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addContextMenu('image', {
+            update: (element) => editor.selection.isEditable() && (isFigure(element) || (isImage(element) && !isPlaceholderImage(element))) ? ['image'] : []
+        });
+    };
+
+    var Plugin = () => {
+        global$4.add('image', (editor) => {
+            register$2(editor);
+            setup(editor);
+            register(editor);
+            register$1(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/plugin.min.js
new file mode 100644
index 000000000..d12f662dd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/image/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=Object.getPrototypeOf,a=(e,t,a)=>{var i;return!!a(e,t.prototype)||(null===(i=e.constructor)||void 0===i?void 0:i.name)===t.name},i=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&a(e,String,((e,t)=>t.isPrototypeOf(e)))?"string":t})(t)===e,s=e=>t=>typeof t===e,r=i("string"),o=i("object"),n=e=>((e,i)=>o(e)&&a(e,i,((e,a)=>t(e)===a)))(e,Object),l=i("array"),c=e=>null===e;const m=s("boolean"),d=e=>!(e=>null==e)(e),g=s("function"),u=s("number"),p=()=>{};class h{constructor(e,t){this.tag=e,this.value=t}static some(e){return new h(!0,e)}static none(){return h.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?h?.some(e(this.value)):h.none()}bind(e){return this.tag?e(this.value):h.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:h.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return d(e)?h?.some(e):h.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}h.singletonNone=new h(!1),Array.prototype.slice;const b=Array.prototype.push,v=e=>{const t=[];for(let a=0,i=e.length;a<i;++a){if(!l(e[a]))throw new Error("Arr.flatten item "+a+" was not an array, input: "+e);b.apply(t,e[a])}return t};g(Array.from)&&Array.from;const y=Object.keys,f=Object.hasOwnProperty,A=(e,t)=>f.call(e,t),w=(D=(e,t)=>n(e)&&n(t)?w(e,t):t,(...e)=>{if(0===e.length)throw new Error("Can't merge zero objects");const t={};for(let a=0;a<e.length;a++){const i=e[a];for(const e in i)A(i,e)&&(t[e]=D(t[e],i[e]))}return t});var D;const _=e=>e.length>0,C=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},I=C,U=(e,t,a)=>{((e,t,a)=>{if(!(r(a)||m(a)||u(a)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",a,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,a+"")})(e.dom,t,a)};var S=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),x=tinymce.util.Tools.resolve("tinymce.util.URI");const N=e=>t=>t.options.get(e),T=N("image_dimensions"),E=N("image_advtab"),L=N("image_uploadtab"),O=N("image_prepend_url"),j=N("image_class_list"),M=N("image_description"),R=N("image_title"),k=N("image_caption"),z=N("image_list"),B=N("a11y_advanced_options"),P=N("automatic_uploads"),H=(e,t)=>Math.max(parseInt(e,10),parseInt(t,10)),F=e=>(e&&(e=e.replace(/px$/,"")),e),G=e=>(e.length>0&&/^[0-9]+$/.test(e)&&(e+="px"),e),W=e=>"IMG"===e.nodeName&&(e.hasAttribute("data-mce-object")||e.hasAttribute("data-mce-placeholder")),$=(e,t)=>{const a=e.options.get;return x.isDomSafe(t,"img",{allow_html_data_urls:a("allow_html_data_urls"),allow_script_urls:a("allow_script_urls"),allow_svg_data_urls:a("allow_svg_data_urls")})},V=S.DOM,K=e=>e.style.marginLeft&&e.style.marginRight&&e.style.marginLeft===e.style.marginRight?F(e.style.marginLeft):"",Z=e=>e.style.marginTop&&e.style.marginBottom&&e.style.marginTop===e.style.marginBottom?F(e.style.marginTop):"",q=e=>e.style.borderWidth?F(e.style.borderWidth):"",J=(e,t)=>{var a;return e.hasAttribute(t)&&null!==(a=e.getAttribute(t))&&void 0!==a?a:""},Q=e=>null!==e.parentNode&&"FIGURE"===e.parentNode.nodeName,X=(e,t,a)=>{""===a||null===a?e.removeAttribute(t):e.setAttribute(t,a)},Y=(e,t)=>{const a=e.getAttribute("style"),i=t(null!==a?a:"");i.length>0?(e.setAttribute("style",i),e.setAttribute("data-mce-style",i)):e.removeAttribute("style")},ee=(e,t)=>(e,a,i)=>{const s=e.style;s[a]?(s[a]=G(i),Y(e,t)):X(e,a,i)},te=(e,t)=>e.style[t]?F(e.style[t]):J(e,t),ae=(e,t)=>{const a=G(t);e.style.marginLeft=a,e.style.marginRight=a},ie=(e,t)=>{const a=G(t);e.style.marginTop=a,e.style.marginBottom=a},se=(e,t)=>{const a=G(t);e.style.borderWidth=a},re=(e,t)=>{e.style.borderStyle=t},oe=e=>{var t;return null!==(t=e.style.borderStyle)&&void 0!==t?t:""},ne=e=>d(e)&&"FIGURE"===e.nodeName,le=e=>0===V.getAttrib(e,"alt").length&&"presentation"===V.getAttrib(e,"role"),ce=e=>le(e)?"":J(e,"alt"),me=(e,t)=>{var a;const i=document.createElement("img");return X(i,"style",t.style),(K(i)||""!==t.hspace)&&ae(i,t.hspace),(Z(i)||""!==t.vspace)&&ie(i,t.vspace),(q(i)||""!==t.border)&&se(i,t.border),(oe(i)||""!==t.borderStyle)&&re(i,t.borderStyle),e(null!==(a=i.getAttribute("style"))&&void 0!==a?a:"")},de=(e,t)=>({src:J(t,"src"),alt:ce(t),title:J(t,"title"),width:te(t,"width"),height:te(t,"height"),class:J(t,"class"),style:e(J(t,"style")),caption:Q(t),hspace:K(t),vspace:Z(t),border:q(t),borderStyle:oe(t),isDecorative:le(t)}),ge=(e,t,a,i,s)=>{a[i]!==t[i]&&s(e,i,String(a[i]))},ue=(e,t,a)=>{if(a){V.setAttrib(e,"role","presentation");const t=I(e);U(t,"alt","")}else{if(c(t)){I(e).dom.removeAttribute("alt")}else{const a=I(e);U(a,"alt",t)}"presentation"===V.getAttrib(e,"role")&&V.setAttrib(e,"role","")}},pe=(e,t)=>(a,i,s)=>{e(a,s),Y(a,t)},he=(e,t,a)=>{const i=de(e,a);ge(a,i,t,"caption",((e,t,a)=>(e=>{Q(e)?(e=>{const t=e.parentNode;d(t)&&(V.insertAfter(e,t),V.remove(t))})(e):(e=>{const t=V.create("figure",{class:"image"});V.insertAfter(t,e),t.appendChild(e),t.appendChild(V.create("figcaption",{contentEditable:"true"},"Caption")),t.contentEditable="false"})(e)})(e))),ge(a,i,t,"src",X),ge(a,i,t,"title",X),ge(a,i,t,"width",ee(0,e)),ge(a,i,t,"height",ee(0,e)),ge(a,i,t,"class",X),ge(a,i,t,"style",pe(((e,t)=>X(e,"style",t)),e)),ge(a,i,t,"hspace",pe(ae,e)),ge(a,i,t,"vspace",pe(ie,e)),ge(a,i,t,"border",pe(se,e)),ge(a,i,t,"borderStyle",pe(re,e)),((e,t,a)=>{a.alt===t.alt&&a.isDecorative===t.isDecorative||ue(e,a.alt,a.isDecorative)})(a,i,t)},be=(e,t)=>{const a=(e=>{if(e.margin){const t=String(e.margin).split(" ");switch(t.length){case 1:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[0],e["margin-bottom"]=e["margin-bottom"]||t[0],e["margin-left"]=e["margin-left"]||t[0];break;case 2:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[0],e["margin-left"]=e["margin-left"]||t[1];break;case 3:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[2],e["margin-left"]=e["margin-left"]||t[1];break;case 4:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[2],e["margin-left"]=e["margin-left"]||t[3]}delete e.margin}return e})(e.dom.styles.parse(t)),i=e.dom.styles.parse(e.dom.styles.serialize(a));return e.dom.styles.serialize(i)},ve=e=>{const t=e.selection.getNode(),a=e.dom.getParent(t,"figure.image");return a?e.dom.select("img",a)[0]:t&&("IMG"!==t.nodeName||W(t))?null:t},ye=(e,t)=>{var a;const i=e.dom,s=(t=>{const a={};var i;return((e,t,a,i)=>{((e,t)=>{const a=y(e);for(let i=0,s=a.length;i<s;i++){const s=a[i];t(e[s],s)}})(e,((e,s)=>{(t(e,s)?a:i)(e,s)}))})(t,((t,a)=>!e.schema.isValidChild(a,"figure")),(i=a,(e,t)=>{i[t]=e}),p),a})(e.schema.getTextBlockElements()),r=i.getParent(t.parentNode,(e=>{return t=s,a=e.nodeName,A(t,a)&&void 0!==t[a]&&null!==t[a];var t,a}),e.getBody());return r&&null!==(a=i.split(r,t))&&void 0!==a?a:t},fe=(e,t)=>{const a=((t,a)=>{const i=document.createElement("img");if(he((t=>be(e,t)),{...a,caption:!1},i),ue(i,a.alt,a.isDecorative),a.caption){const e=V.create("figure",{class:"image"});return e.appendChild(i),e.appendChild(V.create("figcaption",{contentEditable:"true"},"Caption")),e.contentEditable="false",e}return i})(0,t);e.dom.setAttrib(a,"data-mce-id","__mcenew"),e.focus(),e.selection.setContent(a.outerHTML);const i=e.dom.select('*[data-mce-id="__mcenew"]')[0];if(e.dom.setAttrib(i,"data-mce-id",null),ne(i)){const t=ye(e,i);e.selection.select(t)}else e.selection.select(i)},Ae=(e,t)=>{const a=ve(e);if(a){const i={...de((t=>be(e,t)),a),...t},s=((e,t)=>{const a=t.src;return{...t,src:$(e,a)?a:""}})(e,i);i.src?((e,t)=>{const a=ve(e);if(a)if(he((t=>be(e,t)),t,a),((e,t)=>{e.dom.setAttrib(t,"src",t.getAttribute("src"))})(e,a),ne(a.parentNode)){e.dom.setStyle(a,"float","");const t=a.parentNode;ye(e,t),e.selection.select(a.parentNode)}else e.selection.select(a),((e,t,a)=>{const i=()=>{a.onload=a.onerror=null,e.selection&&(e.selection.select(a),e.nodeChanged())};a.onload=()=>{t.width||t.height||!T(e)||e.dom.setAttribs(a,{width:String(a.clientWidth),height:String(a.clientHeight)}),i()},a.onerror=i})(e,t,a)})(e,s):((e,t)=>{if(t){const a=e.dom.is(t.parentNode,"figure.image")?t.parentNode:t;e.dom.remove(a),e.focus(),e.nodeChanged(),e.dom.isEmpty(e.getBody())&&(e.setContent(""),e.selection.setCursorLocation())}})(e,a)}else t.src&&fe(e,{src:"",alt:"",title:"",width:"",height:"",class:"",style:"",caption:!1,hspace:"",vspace:"",border:"",borderStyle:"",isDecorative:!1,...t})};var we=tinymce.util.Tools.resolve("tinymce.util.ImageUploader"),De=tinymce.util.Tools.resolve("tinymce.util.Tools");const _e=e=>r(e.value)?e.value:"",Ce=(e,t)=>{const a=[];return De.each(e,(e=>{const i=(e=>r(e.text)?e.text:r(e.title)?e.title:"")(e);if(void 0!==e.menu){const s=Ce(e.menu,t);a.push({text:i,items:s})}else{const s=t(e);a.push({text:i,value:s})}})),a},Ie=(e=_e)=>t=>t?h.from(t)?.map((t=>Ce(t,e))):h.none(),Ue=(e,t)=>(e=>{for(let i=0;i<e.length;i++){const s=(e=>A(e,"items"))(a=e[i])?Ue(a.items,t):a.value===t?h?.some(a):h.none();if(s.isSome())return s}var a;return h.none()})(e),Se=Ie,xe=(e,t)=>e.bind((e=>Ue(e,t))),Ne=e=>{const t=Se((t=>e.convertURL(t.value||t.url||"","src"))),a=new Promise((a=>{((e,t)=>{const a=z(e);r(a)?fetch(a).then((e=>{e.ok&&e.json().then(t)})):g(a)?a(t):t(a)})(e,(e=>{a(t(e)?.map((e=>v([[{text:"None",value:""}],e]))))}))})),i=(w=j(e),Ie(_e)(w)),s=E(e),o=L(e),n=(e=>_(e.options.get("images_upload_url")))(e),l=(e=>d(e.options.get("images_upload_handler")))(e),c=(e=>{const t=ve(e);return t?de((t=>be(e,t)),t):{src:"",alt:"",title:"",width:"",height:"",class:"",style:"",caption:!1,hspace:"",vspace:"",border:"",borderStyle:"",isDecorative:!1}})(e),m=M(e),u=R(e),p=T(e),b=k(e),y=B(e),f=P(e),A=h?.some(O(e)).filter((e=>r(e)&&e.length>0));var w;return a.then((e=>({image:c,imageList:e,classList:i,hasAdvTab:s,hasUploadTab:o,hasUploadUrl:n,hasUploadHandler:l,hasDescription:m,hasImageTitle:u,hasDimensions:p,hasImageCaption:b,prependURL:A,hasAccessibilityOptions:y,automaticUploads:f})))},Te=e=>{const t=e.imageList?.map((e=>({name:"images",type:"listbox",label:"Image list",items:e}))),a={name:"alt",type:"input",label:"Alternative description",enabled:!(e.hasAccessibilityOptions&&e.image.isDecorative)},i=e.classList?.map((e=>({name:"classes",type:"listbox",label:"Class",items:e})));return v([[{name:"src",type:"urlinput",filetype:"image",label:"Source",picker_text:"Browse files"}],t.toArray(),e.hasAccessibilityOptions&&e.hasDescription?[{type:"label",label:"Accessibility",items:[{name:"isDecorative",type:"checkbox",label:"Image is decorative"}]}]:[],e.hasDescription?[a]:[],e.hasImageTitle?[{name:"title",type:"input",label:"Image title"}]:[],e.hasDimensions?[{name:"dimensions",type:"sizeinput"}]:[],[{...(s=e.classList.isSome()&&e.hasImageCaption,s?{type:"grid",columns:2}:{type:"panel"}),items:v([i.toArray(),e.hasImageCaption?[{type:"label",label:"Caption",items:[{type:"checkbox",name:"caption",label:"Show caption"}]}]:[]])}]]);var s},Ee=e=>({title:"General",name:"general",items:Te(e)}),Le=Te,Oe=e=>({src:{value:e.src,meta:{}},images:e.src,alt:e.alt,title:e.title,dimensions:{width:e.width,height:e.height},classes:e.class,caption:e.caption,style:e.style,vspace:e.vspace,border:e.border,hspace:e.hspace,borderstyle:e.borderStyle,fileinput:[],isDecorative:e.isDecorative}),je=(e,t)=>({src:e.src.value,alt:null!==e.alt&&0!==e.alt.length||!t?e.alt:null,title:e.title,width:e.dimensions.width,height:e.dimensions.height,class:e.classes,style:e.style,caption:e.caption,hspace:e.hspace,vspace:e.vspace,border:e.border,borderStyle:e.borderstyle,isDecorative:e.isDecorative}),Me=(e,t,a,i)=>{((e,t)=>{const a=t.getData();((e,t)=>/^(?:[a-zA-Z]+:)?\/\//.test(t)?h.none():e.prependURL.bind((e=>t.substring(0,e.length)!==e?h?.some(e+t):h.none())))(e,a.src.value).each((e=>{t.setData({src:{value:e,meta:a.src.meta}})}))})(t,i),((e,t)=>{const a=t.getData(),i=a.src.meta;if(void 0!==i){const s=w({},a);((e,t,a)=>{e.hasDescription&&r(a.alt)&&(t.alt=a.alt),e.hasAccessibilityOptions&&(t.isDecorative=a.isDecorative||t.isDecorative||!1),e.hasImageTitle&&r(a.title)&&(t.title=a.title),e.hasDimensions&&(r(a.width)&&(t.dimensions.width=a.width),r(a.height)&&(t.dimensions.height=a.height)),r(a.class)&&xe(e.classList,a.class).each((e=>{t.classes=e.value})),e.hasImageCaption&&m(a.caption)&&(t.caption=a.caption),e.hasAdvTab&&(r(a.style)&&(t.style=a.style),r(a.vspace)&&(t.vspace=a.vspace),r(a.border)&&(t.border=a.border),r(a.hspace)&&(t.hspace=a.hspace),r(a.borderstyle)&&(t.borderstyle=a.borderstyle))})(e,s,i),t.setData(s)}})(t,i),((e,t,a,i)=>{const s=i.getData(),r=s.src.value,o=s.src.meta||{};o.width||o.height||!t.hasDimensions||(_(r)?e.imageSize(r).then((e=>{a.open&&i.setData({dimensions:e})})).catch((e=>console.error(e))):i.setData({dimensions:{width:"",height:""}}))})(e,t,a,i),((e,t,a)=>{const i=a.getData(),s=xe(e.imageList,i.src.value);t.prevImage=s,a.setData({images:s?.map((e=>e.value)).getOr("")})})(t,a,i)},Re=(e,t,a,i)=>{const s=i.getData();var r;i.block("Uploading image"),(r=s.fileinput,(e=>0<e.length?h?.some(e[0]):h.none())(r)).fold((()=>{i.unblock()}),(s=>{const r=URL.createObjectURL(s),o=()=>{i.unblock(),URL.revokeObjectURL(r)},n=s=>{i.setData({src:{value:s,meta:{}}}),i.showTab("general"),Me(e,t,a,i),i.focus("src")};var l;(l=s,new Promise(((e,t)=>{const a=new FileReader;a.onload=()=>{e(a.result)},a.onerror=()=>{var e;t(null===(e=a.error)||void 0===e?void 0:e.message)},a.readAsDataURL(l)}))).then((a=>{const l=e.createBlobCache(s,r,a);t.automaticUploads?e.uploadImage(l).then((e=>{n(e.url),o()})).catch((t=>{o(),e.alertErr(t,(()=>{i.focus("fileinput")}))})):(e.addToBlobCache(l),n(l.blobUri()),i.unblock())}))}))},ke=(e,t,a)=>(i,s)=>{"src"===s.name?Me(e,t,a,i):"images"===s.name?((e,t,a,i)=>{const s=i.getData(),r=xe(t.imageList,s.images);r.each((e=>{const t=""===s.alt||a.prevImage?.map((e=>e.text===s.alt)).getOr(!1);t?""===e.value?i.setData({src:e,alt:a.prevAlt}):i.setData({src:e,alt:e.text}):i.setData({src:e})})),a.prevImage=r,Me(e,t,a,i)})(e,t,a,i):"alt"===s.name?a.prevAlt=i.getData().alt:"fileinput"===s.name?Re(e,t,a,i):"isDecorative"===s.name&&i.setEnabled("alt",!i.getData().isDecorative)},ze=e=>()=>{e.open=!1},Be=e=>e.hasAdvTab||e.hasUploadUrl||e.hasUploadHandler?{type:"tabpanel",tabs:v([[Ee(e)],e.hasAdvTab?[{title:"Advanced",name:"advanced",items:[{type:"grid",columns:2,items:[{type:"input",label:"Vertical space",name:"vspace",inputMode:"numeric"},{type:"input",label:"Horizontal space",name:"hspace",inputMode:"numeric"},{type:"input",label:"Border width",name:"border",inputMode:"numeric"},{type:"listbox",name:"borderstyle",label:"Border style",items:[{text:"Select...",value:""},{text:"Solid",value:"solid"},{text:"Dotted",value:"dotted"},{text:"Dashed",value:"dashed"},{text:"Double",value:"double"},{text:"Groove",value:"groove"},{text:"Ridge",value:"ridge"},{text:"Inset",value:"inset"},{text:"Outset",value:"outset"},{text:"None",value:"none"},{text:"Hidden",value:"hidden"}]}]}]}]:[],e.hasUploadTab&&(e.hasUploadUrl||e.hasUploadHandler)?[{title:"Upload",name:"upload",items:[{type:"dropzone",name:"fileinput"}]}]:[]])}:{type:"panel",items:Le(e)},Pe=(e,t,a)=>i=>{const s=w(Oe(t.image),i.getData()),r={...s,style:me(a.normalizeCss,je(s,!1))};e.execCommand("mceUpdateImage",!1,je(r,t.hasAccessibilityOptions)),e.editorUpload.uploadImagesAuto(),i.close()},He=e=>t=>$(e,t)?(e=>new Promise((t=>{const a=document.createElement("img"),i=e=>{a.parentNode&&a.parentNode.removeChild(a),t(e)};a.addEventListener("load",(()=>{const e={width:H(a.width,a.clientWidth),height:H(a.height,a.clientHeight)};i(Promise.resolve(e))})),a.addEventListener("error",(()=>{i(Promise.reject(`Failed to get image dimensions for: ${e}`))}));const s=a.style;s.visibility="hidden",s.position="fixed",s.bottom=s.left="0px",s.width=s.height="auto",document.body.appendChild(a),a.src=e})))(e.documentBaseURI.toAbsolute(t)).then((e=>({width:String(e.width),height:String(e.height)}))):Promise.resolve({width:"",height:""}),Fe=e=>(t,a,i)=>{var s;return e.editorUpload.blobCache.create({blob:t,blobUri:a,name:null===(s=t.name)||void 0===s?void 0:s.replace(/\.[^\.]+$/,""),filename:t.name,base64:i.split(",")[1]})},Ge=e=>t=>{e.editorUpload.blobCache.add(t)},We=e=>(t,a)=>{e.windowManager.alert(t,a)},$e=e=>t=>be(e,t),Ve=e=>t=>e.dom.parseStyle(t),Ke=e=>(t,a)=>e.dom.serializeStyle(t,a),Ze=e=>t=>we(e).upload([t],!1).then((e=>{var t;return 0===e.length?Promise.reject("Failed to upload image"):!1===e[0].status?Promise.reject(null===(t=e[0].error)||void 0===t?void 0:t.message):e[0]})),qe=e=>{const t={imageSize:He(e),addToBlobCache:Ge(e),createBlobCache:Fe(e),alertErr:We(e),normalizeCss:$e(e),parseStyle:Ve(e),serializeStyle:Ke(e),uploadImage:Ze(e)};return{open:()=>{Ne(e).then((a=>{const i=(e=>({prevImage:xe(e.imageList,e.image.src),prevAlt:e.image.alt,open:!0}))(a);return{title:"Insert/Edit Image",size:"normal",body:Be(a),buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:Oe(a.image),onSubmit:Pe(e,a,t),onChange:ke(t,a,i),onClose:ze(i)}})).then(e.windowManager.open)}}},Je=e=>{const t=e.attr("class");return d(t)&&/\bimage\b/.test(t)},Qe=e=>t=>{let a=t.length;const i=t=>{t.attr("contenteditable",e?"true":null)};for(;a--;){const s=t[a];Je(s)&&(s.attr("contenteditable",e?"false":null),De.each(s.getAll("figcaption"),i))}},Xe=e=>t=>{const a=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",a),a(),()=>{e.off("NodeChange",a)}};e.add("image",(e=>{(e=>{const t=e.options.register;t("image_dimensions",{processor:"boolean",default:!0}),t("image_advtab",{processor:"boolean",default:!1}),t("image_uploadtab",{processor:"boolean",default:!0}),t("image_prepend_url",{processor:"string",default:""}),t("image_class_list",{processor:"object[]"}),t("image_description",{processor:"boolean",default:!0}),t("image_title",{processor:"boolean",default:!1}),t("image_caption",{processor:"boolean",default:!1}),t("image_list",{processor:e=>{const t=!1===e||r(e)||((e,t)=>{if(l(e)){for(let a=0,i=e.length;a<i;++a)if(!t(e[a]))return!1;return!0}return!1})(e,o)||g(e);return t?{value:e,valid:t}:{valid:!1,message:"Must be false, a string, an array or a function."}},default:!1})})(e),(e=>{e.on("PreInit",(()=>{e.parser.addNodeFilter("figure",Qe(!0)),e.serializer.addNodeFilter("figure",Qe(!1))}))})(e),(e=>{e.ui.registry.addToggleButton("image",{icon:"image",tooltip:"Insert/edit image",onAction:qe(e).open,onSetup:t=>{t.setActive(d(ve(e)));const a=e.selection.selectorChangedWithUnbind("img:not([data-mce-object]):not([data-mce-placeholder]),figure.image",t.setActive).unbind,i=Xe(e)(t);return()=>{a(),i()}}}),e.ui.registry.addMenuItem("image",{icon:"image",text:"Image...",onAction:qe(e).open,onSetup:Xe(e)}),e.ui.registry.addContextMenu("image",{update:t=>e.selection.isEditable()&&(ne(t)||"IMG"===t.nodeName&&!W(t))?["image"]:[]})})(e),(e=>{e.addCommand("mceImage",qe(e).open),e.addCommand("mceUpdateImage",((t,a)=>{e.undoManager.transact((()=>Ae(e,a)))}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/index.js
new file mode 100644
index 000000000..b78264c90
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/index.js
@@ -0,0 +1,7 @@
+// Exports the "importcss" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/importcss')
+//   ES2015:
+//     import 'tinymce/plugins/importcss'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/plugin.js
new file mode 100644
index 000000000..032605288
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/plugin.js
@@ -0,0 +1,403 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType('string');
+    const isObject = isType('object');
+    const isArray = isType('array');
+    const isFunction = isSimpleType('function');
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        const filterProcessor = (value) => isString(value) || isFunction(value) || isObject(value);
+        registerOption('importcss_merge_classes', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('importcss_exclusive', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('importcss_selector_converter', {
+            processor: 'function'
+        });
+        registerOption('importcss_selector_filter', {
+            processor: filterProcessor
+        });
+        registerOption('importcss_file_filter', {
+            processor: filterProcessor
+        });
+        registerOption('importcss_groups', {
+            processor: 'object[]'
+        });
+        registerOption('importcss_append', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const shouldMergeClasses = option('importcss_merge_classes');
+    const shouldImportExclusive = option('importcss_exclusive');
+    const getSelectorConverter = option('importcss_selector_converter');
+    const getSelectorFilter = option('importcss_selector_filter');
+    const getCssGroups = option('importcss_groups');
+    const shouldAppend = option('importcss_append');
+    const getFileFilter = option('importcss_file_filter');
+    const getSkin = option('skin');
+    const getSkinUrl = option('skin_url');
+
+    const generate = () => {
+        const ungroupedOrder = [];
+        const groupOrder = [];
+        const groups = {};
+        const addItemToGroup = (groupTitle, itemInfo) => {
+            if (groups[groupTitle]) {
+                groups[groupTitle].push(itemInfo);
+            }
+            else {
+                groupOrder.push(groupTitle);
+                groups[groupTitle] = [itemInfo];
+            }
+        };
+        const addItem = (itemInfo) => {
+            ungroupedOrder.push(itemInfo);
+        };
+        const toFormats = () => {
+            const groupItems = bind(groupOrder, (g) => {
+                const items = groups[g];
+                return items.length === 0 ? [] : [{
+                        title: g,
+                        items
+                    }];
+            });
+            return groupItems.concat(ungroupedOrder);
+        };
+        return {
+            addItemToGroup,
+            addItem,
+            toFormats
+        };
+    };
+
+    const internalEditorStyle = /^\.(?:ephox|tiny-pageembed|mce)(?:[.-]+\w+)+$/;
+    const removeCacheSuffix = (url) => {
+        const cacheSuffix = global$1.cacheSuffix;
+        if (isString(url)) {
+            url = url.replace('?' + cacheSuffix, '').replace('&' + cacheSuffix, '');
+        }
+        return url;
+    };
+    const isSkinContentCss = (editor, href) => {
+        const skin = getSkin(editor);
+        if (skin) {
+            const skinUrlBase = getSkinUrl(editor);
+            const skinUrl = skinUrlBase ? editor.documentBaseURI.toAbsolute(skinUrlBase) : global$2.baseURL + '/skins/ui/' + skin;
+            const contentSkinUrlPart = global$2.baseURL + '/skins/content/';
+            const suffix = editor.editorManager.suffix;
+            return href === skinUrl + '/content' + (editor.inline ? '.inline' : '') + `${suffix}.css` || href.indexOf(contentSkinUrlPart) !== -1;
+        }
+        return false;
+    };
+    const compileFilter = (filter) => {
+        if (isString(filter)) {
+            return (value) => {
+                return value.indexOf(filter) !== -1;
+            };
+        }
+        else if (filter instanceof RegExp) {
+            return (value) => {
+                return filter.test(value);
+            };
+        }
+        return filter;
+    };
+    const isCssImportRule = (rule) => rule.styleSheet;
+    const isCssPageRule = (rule) => rule.selectorText;
+    const getSelectors = (editor, doc, fileFilter) => {
+        const selectors = [];
+        const contentCSSUrls = {};
+        const append = (styleSheet, imported) => {
+            let href = styleSheet.href;
+            let rules;
+            href = removeCacheSuffix(href);
+            if (!href || fileFilter && !fileFilter(href, imported) || isSkinContentCss(editor, href)) {
+                return;
+            }
+            // TODO: Is this still need as TypeScript/MDN says imports doesn't exist?
+            global.each(styleSheet.imports, (styleSheet) => {
+                append(styleSheet, true);
+            });
+            try {
+                rules = styleSheet.cssRules || styleSheet.rules;
+            }
+            catch (_a) {
+                // Firefox fails on rules to remote domain for example:
+                // @import url(//fonts.googleapis.com/css?family=Pathway+Gothic+One);
+            }
+            global.each(rules, (cssRule) => {
+                if (isCssImportRule(cssRule) && cssRule.styleSheet) {
+                    append(cssRule.styleSheet, true);
+                }
+                else if (isCssPageRule(cssRule)) {
+                    global.each(cssRule.selectorText.split(','), (selector) => {
+                        selectors.push(global.trim(selector));
+                    });
+                }
+            });
+        };
+        global.each(editor.contentCSS, (url) => {
+            contentCSSUrls[url] = true;
+        });
+        if (!fileFilter) {
+            fileFilter = (href, imported) => {
+                return imported || contentCSSUrls[href];
+            };
+        }
+        try {
+            global.each(doc.styleSheets, (styleSheet) => {
+                append(styleSheet);
+            });
+        }
+        catch (_a) {
+            // Ignore
+        }
+        return selectors;
+    };
+    const defaultConvertSelectorToFormat = (editor, selectorText) => {
+        let format = {};
+        // Parse simple element.class1, .class1
+        const selector = /^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(selectorText);
+        if (!selector) {
+            return;
+        }
+        const elementName = selector[1];
+        const classes = selector[2].substr(1).split('.').join(' ');
+        const inlineSelectorElements = global.makeMap('a,img');
+        // element.class - Produce block formats
+        if (selector[1]) {
+            format = {
+                title: selectorText
+            };
+            if (editor.schema.getTextBlockElements()[elementName]) {
+                // Text block format ex: h1.class1
+                format.block = elementName;
+            }
+            else if (editor.schema.getBlockElements()[elementName] || inlineSelectorElements[elementName.toLowerCase()]) {
+                // Block elements such as table.class and special inline elements such as a.class or img.class
+                format.selector = elementName;
+            }
+            else {
+                // Inline format strong.class1
+                format.inline = elementName;
+            }
+        }
+        else if (selector[2]) {
+            // .class - Produce inline span with classes
+            format = {
+                inline: 'span',
+                title: selectorText.substr(1),
+                classes
+            };
+        }
+        // Append to or override class attribute
+        if (shouldMergeClasses(editor)) {
+            format.classes = classes;
+        }
+        else {
+            format.attributes = { class: classes };
+        }
+        return format;
+    };
+    const getGroupsBySelector = (groups, selector) => {
+        return global.grep(groups, (group) => {
+            return !group.filter || group.filter(selector);
+        });
+    };
+    const compileUserDefinedGroups = (groups) => {
+        return global?.map(groups, (group) => {
+            return global.extend({}, group, {
+                original: group,
+                selectors: {},
+                filter: compileFilter(group.filter)
+            });
+        });
+    };
+    const isExclusiveMode = (editor, group) => {
+        // Exclusive mode can only be disabled when there are groups allowing the same style to be present in multiple groups
+        return group === null || shouldImportExclusive(editor);
+    };
+    const isUniqueSelector = (editor, selector, group, globallyUniqueSelectors) => {
+        return !(isExclusiveMode(editor, group) ? selector in globallyUniqueSelectors : selector in group.selectors);
+    };
+    const markUniqueSelector = (editor, selector, group, globallyUniqueSelectors) => {
+        if (isExclusiveMode(editor, group)) {
+            globallyUniqueSelectors[selector] = true;
+        }
+        else {
+            group.selectors[selector] = true;
+        }
+    };
+    const convertSelectorToFormat = (editor, plugin, selector, group) => {
+        let selectorConverter;
+        const converter = getSelectorConverter(editor);
+        if (group && group.selector_converter) {
+            selectorConverter = group.selector_converter;
+        }
+        else if (converter) {
+            selectorConverter = converter;
+        }
+        else {
+            selectorConverter = () => {
+                return defaultConvertSelectorToFormat(editor, selector);
+            };
+        }
+        return selectorConverter.call(plugin, selector, group);
+    };
+    const setup = (editor) => {
+        editor.on('init', () => {
+            const model = generate();
+            const globallyUniqueSelectors = {};
+            const selectorFilter = compileFilter(getSelectorFilter(editor));
+            const groups = compileUserDefinedGroups(getCssGroups(editor));
+            const processSelector = (selector, group) => {
+                if (isUniqueSelector(editor, selector, group, globallyUniqueSelectors)) {
+                    markUniqueSelector(editor, selector, group, globallyUniqueSelectors);
+                    const format = convertSelectorToFormat(editor, editor.plugins.importcss, selector, group);
+                    if (format) {
+                        const formatName = format.name || global$3.DOM.uniqueId();
+                        editor.formatter.register(formatName, format);
+                        return {
+                            title: format.title,
+                            format: formatName
+                        };
+                    }
+                }
+                return null;
+            };
+            global.each(getSelectors(editor, editor.getDoc(), compileFilter(getFileFilter(editor))), (selector) => {
+                if (!internalEditorStyle.test(selector)) {
+                    if (!selectorFilter || selectorFilter(selector)) {
+                        const selectorGroups = getGroupsBySelector(groups, selector);
+                        if (selectorGroups.length > 0) {
+                            global.each(selectorGroups, (group) => {
+                                const menuItem = processSelector(selector, group);
+                                if (menuItem) {
+                                    model.addItemToGroup(group.title, menuItem);
+                                }
+                            });
+                        }
+                        else {
+                            const menuItem = processSelector(selector, null);
+                            if (menuItem) {
+                                model.addItem(menuItem);
+                            }
+                        }
+                    }
+                }
+            });
+            const items = model.toFormats();
+            editor.dispatch('addStyleModifications', {
+                items,
+                replace: !shouldAppend(editor)
+            });
+        });
+    };
+
+    const get = (editor) => {
+        const convertSelectorToFormat = (selectorText) => {
+            return defaultConvertSelectorToFormat(editor, selectorText);
+        };
+        return {
+            convertSelectorToFormat
+        };
+    };
+
+    var Plugin = () => {
+        global$4.add('importcss', (editor) => {
+            register(editor);
+            setup(editor);
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/plugin.min.js
new file mode 100644
index 000000000..57b63e8eb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/importcss/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(s=r=e,(o=String).prototype.isPrototypeOf(s)||(null===(n=r.constructor)||void 0===n?void 0:n.name)===o.name)?"string":t;var s,r,o,n})(t)===e,s=t("string"),r=t("object"),o=t("array"),n=e=>"function"==typeof e;Array.prototype.slice;const c=Array.prototype.push;n(Array.from)&&Array.from;var i=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),l=tinymce.util.Tools.resolve("tinymce.EditorManager"),a=tinymce.util.Tools.resolve("tinymce.Env"),p=tinymce.util.Tools.resolve("tinymce.util.Tools");const u=e=>t=>t.options.get(e),m=u("importcss_merge_classes"),f=u("importcss_exclusive"),y=u("importcss_selector_converter"),d=u("importcss_selector_filter"),h=u("importcss_groups"),g=u("importcss_append"),_=u("importcss_file_filter"),v=u("skin"),b=u("skin_url"),x=/^\.(?:ephox|tiny-pageembed|mce)(?:[.-]+\w+)+$/,T=e=>s(e)?t=>-1!==t.indexOf(e):e instanceof RegExp?t=>e.test(t):e,S=(e,t)=>{let s={};const r=/^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(t);if(!r)return;const o=r[1],n=r[2].substr(1).split(".").join(" "),c=p.makeMap("a,img");return r[1]?(s={title:t},e.schema.getTextBlockElements()[o]?s.block=o:e.schema.getBlockElements()[o]||c[o.toLowerCase()]?s.selector=o:s.inline=o):r[2]&&(s={inline:"span",title:t.substr(1),classes:n}),m(e)?s.classes=n:s.attributes={class:n},s},A=(e,t)=>null===t||f(e),k=e=>{e.on("init",(()=>{const t=(()=>{const e=[],t=[],s={};return{addItemToGroup:(e,r)=>{s[e]?s[e].push(r):(t.push(e),s[e]=[r])},addItem:t=>{e.push(t)},toFormats:()=>{return(r=t,n=e=>{const t=s[e];return 0===t.length?[]:[{title:e,items:t}]},(e=>{const t=[];for(let s=0,r=e.length;s<r;++s){if(!o(e[s]))throw new Error("Arr.flatten item "+s+" was not an array, input: "+e);c.apply(t,e[s])}return t})(((e,t)=>{const s=e.length,r=new Array(s);for(let o=0;o<s;o++){const s=e[o];r[o]=t(s,o)}return r})(r,n))).concat(e);var r,n}}})(),r={},n=T(d(e)),u=(e=>p?.map(e,(e=>p.extend({},e,{original:e,selectors:{},filter:T(e.filter)}))))(h(e)),m=(t,s)=>{if(((e,t,s,r)=>!(A(e,s)?t in r:t in s.selectors))(e,t,s,r)){((e,t,s,r)=>{A(e,s)?r[t]=!0:s.selectors[t]=!0})(e,t,s,r);const o=((e,t,s,r)=>{let o;const n=y(e);return o=r&&r.selector_converter?r.selector_converter:n||(()=>S(e,s)),o.call(t,s,r)})(e,e.plugins.importcss,t,s);if(o){const t=o.name||i.DOM.uniqueId();return e.formatter.register(t,o),{title:o.title,format:t}}}return null};p.each(((e,t,r)=>{const o=[],n={},c=(t,n)=>{let i,u=t.href;if(u=(e=>{const t=a.cacheSuffix;return s(e)&&(e=e.replace("?"+t,"").replace("&"+t,"")),e})(u),u&&(!r||r(u,n))&&!((e,t)=>{const s=v(e);if(s){const r=b(e),o=r?e.documentBaseURI.toAbsolute(r):l.baseURL+"/skins/ui/"+s,n=l.baseURL+"/skins/content/",c=e.editorManager.suffix;return t===o+"/content"+(e.inline?".inline":"")+`${c}.css`||-1!==t.indexOf(n)}return!1})(e,u)){p.each(t.imports,(e=>{c(e,!0)}));try{i=t.cssRules||t.rules}catch(e){}p.each(i,(e=>{e.styleSheet&&e.styleSheet?c(e.styleSheet,!0):e.selectorText&&p.each(e.selectorText.split(","),(e=>{o.push(p.trim(e))}))}))}};p.each(e.contentCSS,(e=>{n[e]=!0})),r||(r=(e,t)=>t||n[e]);try{p.each(t.styleSheets,(e=>{c(e)}))}catch(e){}return o})(e,e.getDoc(),T(_(e))),(e=>{if(!x.test(e)&&(!n||n(e))){const s=((e,t)=>p.grep(e,(e=>!e.filter||e.filter(t))))(u,e);if(s.length>0)p.each(s,(s=>{const r=m(e,s);r&&t.addItemToGroup(s.title,r)}));else{const s=m(e,null);s&&t.addItem(s)}}}));const f=t.toFormats();e.dispatch("addStyleModifications",{items:f,replace:!g(e)})}))};e.add("importcss",(e=>((e=>{const t=e.options.register,o=e=>s(e)||n(e)||r(e);t("importcss_merge_classes",{processor:"boolean",default:!0}),t("importcss_exclusive",{processor:"boolean",default:!0}),t("importcss_selector_converter",{processor:"function"}),t("importcss_selector_filter",{processor:o}),t("importcss_file_filter",{processor:o}),t("importcss_groups",{processor:"object[]"}),t("importcss_append",{processor:"boolean",default:!1})})(e),k(e),(e=>({convertSelectorToFormat:t=>S(e,t)}))(e))))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/index.js
new file mode 100644
index 000000000..22a7f6e19
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/index.js
@@ -0,0 +1,7 @@
+// Exports the "insertdatetime" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/insertdatetime')
+//   ES2015:
+//     import 'tinymce/plugins/insertdatetime'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/plugin.js
new file mode 100644
index 000000000..045b7dc9a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/plugin.js
@@ -0,0 +1,186 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('insertdatetime_dateformat', {
+            processor: 'string',
+            default: editor.translate('%Y-%m-%d')
+        });
+        registerOption('insertdatetime_timeformat', {
+            processor: 'string',
+            default: editor.translate('%H:%M:%S')
+        });
+        registerOption('insertdatetime_formats', {
+            processor: 'string[]',
+            default: ['%H:%M:%S', '%Y-%m-%d', '%I:%M:%S %p', '%D']
+        });
+        registerOption('insertdatetime_element', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const getDateFormat = option('insertdatetime_dateformat');
+    const getTimeFormat = option('insertdatetime_timeformat');
+    const getFormats = option('insertdatetime_formats');
+    const shouldInsertTimeElement = option('insertdatetime_element');
+    const getDefaultDateTime = (editor) => {
+        const formats = getFormats(editor);
+        return formats.length > 0 ? formats[0] : getTimeFormat(editor);
+    };
+
+    const daysShort = 'Sun Mon Tue Wed Thu Fri Sat Sun'.split(' ');
+    const daysLong = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday'.split(' ');
+    const monthsShort = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' ');
+    const monthsLong = 'January February March April May June July August September October November December'.split(' ');
+    const addZeros = (value, len) => {
+        value = '' + value;
+        if (value.length < len) {
+            for (let i = 0; i < (len - value.length); i++) {
+                value = '0' + value;
+            }
+        }
+        return value;
+    };
+    const getDateTime = (editor, fmt, date = new Date()) => {
+        fmt = fmt.replace('%D', '%m/%d/%Y');
+        fmt = fmt.replace('%r', '%I:%M:%S %p');
+        fmt = fmt.replace('%Y', '' + date.getFullYear());
+        fmt = fmt.replace('%y', '' + date.getYear());
+        fmt = fmt.replace('%m', addZeros(date.getMonth() + 1, 2));
+        fmt = fmt.replace('%d', addZeros(date.getDate(), 2));
+        fmt = fmt.replace('%H', '' + addZeros(date.getHours(), 2));
+        fmt = fmt.replace('%M', '' + addZeros(date.getMinutes(), 2));
+        fmt = fmt.replace('%S', '' + addZeros(date.getSeconds(), 2));
+        fmt = fmt.replace('%I', '' + ((date.getHours() + 11) % 12 + 1));
+        fmt = fmt.replace('%p', '' + (date.getHours() < 12 ? 'AM' : 'PM'));
+        fmt = fmt.replace('%B', '' + editor.translate(monthsLong[date.getMonth()]));
+        fmt = fmt.replace('%b', '' + editor.translate(monthsShort[date.getMonth()]));
+        fmt = fmt.replace('%A', '' + editor.translate(daysLong[date.getDay()]));
+        fmt = fmt.replace('%a', '' + editor.translate(daysShort[date.getDay()]));
+        fmt = fmt.replace('%%', '%');
+        return fmt;
+    };
+    const updateElement = (editor, timeElm, computerTime, userTime) => {
+        const newTimeElm = editor.dom.create('time', { datetime: computerTime }, userTime);
+        editor.dom.replace(newTimeElm, timeElm);
+        editor.selection.select(newTimeElm, true);
+        editor.selection.collapse(false);
+    };
+    const insertDateTime = (editor, format) => {
+        if (shouldInsertTimeElement(editor) && editor.selection.isEditable()) {
+            const userTime = getDateTime(editor, format);
+            let computerTime;
+            if (/%[HMSIp]/.test(format)) {
+                computerTime = getDateTime(editor, '%Y-%m-%dT%H:%M');
+            }
+            else {
+                computerTime = getDateTime(editor, '%Y-%m-%d');
+            }
+            const timeElm = editor.dom.getParent(editor.selection.getStart(), 'time');
+            if (timeElm) {
+                updateElement(editor, timeElm, computerTime, userTime);
+            }
+            else {
+                editor.insertContent('<time datetime="' + computerTime + '">' + userTime + '</time>');
+            }
+        }
+        else {
+            editor.insertContent(getDateTime(editor, format));
+        }
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceInsertDate', (_ui, value) => {
+            insertDateTime(editor, value !== null && value !== void 0 ? value : getDateFormat(editor));
+        });
+        editor.addCommand('mceInsertTime', (_ui, value) => {
+            insertDateTime(editor, value !== null && value !== void 0 ? value : getTimeFormat(editor));
+        });
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const formats = getFormats(editor);
+        const defaultFormat = Cell(getDefaultDateTime(editor));
+        const insertDateTime = (format) => editor.execCommand('mceInsertDate', false, format);
+        editor.ui.registry.addSplitButton('insertdatetime', {
+            icon: 'insert-time',
+            tooltip: 'Insert date/time',
+            select: (value) => value === defaultFormat.get(),
+            fetch: (done) => {
+                done(global?.map(formats, (format) => ({ type: 'choiceitem', text: getDateTime(editor, format), value: format })));
+            },
+            onAction: (_api) => {
+                insertDateTime(defaultFormat.get());
+            },
+            onItemAction: (_api, value) => {
+                defaultFormat.set(value);
+                insertDateTime(value);
+            },
+            onSetup: onSetupEditable(editor)
+        });
+        const makeMenuItemHandler = (format) => () => {
+            defaultFormat.set(format);
+            insertDateTime(format);
+        };
+        editor.ui.registry.addNestedMenuItem('insertdatetime', {
+            icon: 'insert-time',
+            text: 'Date/time',
+            getSubmenuItems: () => global?.map(formats, (format) => ({
+                type: 'menuitem',
+                text: getDateTime(editor, format),
+                onAction: makeMenuItemHandler(format)
+            })),
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('insertdatetime', (editor) => {
+            register$2(editor);
+            register$1(editor);
+            register(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/plugin.min.js
new file mode 100644
index 000000000..5a98cd7ba
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/insertdatetime/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>t.options.get(e),a=t("insertdatetime_dateformat"),n=t("insertdatetime_timeformat"),r=t("insertdatetime_formats"),s=t("insertdatetime_element"),i="Sun Mon Tue Wed Thu Fri Sat Sun".split(" "),o="Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday".split(" "),l="Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),m="January February March April May June July August September October November December".split(" "),c=(e,t)=>{if((e=""+e).length<t)for(let a=0;a<t-e.length;a++)e="0"+e;return e},d=(e,t,a=new Date)=>(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=t.replace("%D","%m/%d/%Y")).replace("%r","%I:%M:%S %p")).replace("%Y",""+a.getFullYear())).replace("%y",""+a.getYear())).replace("%m",c(a.getMonth()+1,2))).replace("%d",c(a.getDate(),2))).replace("%H",""+c(a.getHours(),2))).replace("%M",""+c(a.getMinutes(),2))).replace("%S",""+c(a.getSeconds(),2))).replace("%I",""+((a.getHours()+11)%12+1))).replace("%p",a.getHours()<12?"AM":"PM")).replace("%B",""+e.translate(m[a.getMonth()]))).replace("%b",""+e.translate(l[a.getMonth()]))).replace("%A",""+e.translate(o[a.getDay()]))).replace("%a",""+e.translate(i[a.getDay()]))).replace("%%","%"),u=(e,t)=>{if(s(e)&&e.selection.isEditable()){const a=d(e,t);let n;n=/%[HMSIp]/.test(t)?d(e,"%Y-%m-%dT%H:%M"):d(e,"%Y-%m-%d");const r=e.dom.getParent(e.selection.getStart(),"time");r?((e,t,a,n)=>{const r=e.dom.create("time",{datetime:a},n);e.dom.replace(r,t),e.selection.select(r,!0),e.selection.collapse(!1)})(e,r,n,a):e.insertContent('<time datetime="'+n+'">'+a+"</time>")}else e.insertContent(d(e,t))};var p=tinymce.util.Tools.resolve("tinymce.util.Tools");const g=e=>t=>{const a=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",a),a(),()=>{e.off("NodeChange",a)}};e.add("insertdatetime",(e=>{(e=>{const t=e.options.register;t("insertdatetime_dateformat",{processor:"string",default:e.translate("%Y-%m-%d")}),t("insertdatetime_timeformat",{processor:"string",default:e.translate("%H:%M:%S")}),t("insertdatetime_formats",{processor:"string[]",default:["%H:%M:%S","%Y-%m-%d","%I:%M:%S %p","%D"]}),t("insertdatetime_element",{processor:"boolean",default:!1})})(e),(e=>{e.addCommand("mceInsertDate",((t,n)=>{u(e,null!=n?n:a(e))})),e.addCommand("mceInsertTime",((t,a)=>{u(e,null!=a?a:n(e))}))})(e),(e=>{const t=r(e),a=(e=>{let t=e;return{get:()=>t,set:e=>{t=e}}})((e=>{const t=r(e);return t.length>0?t[0]:n(e)})(e)),s=t=>e.execCommand("mceInsertDate",!1,t);e.ui.registry.addSplitButton("insertdatetime",{icon:"insert-time",tooltip:"Insert date/time",select:e=>e===a.get(),fetch:a=>{a(p?.map(t,(t=>({type:"choiceitem",text:d(e,t),value:t}))))},onAction:e=>{s(a.get())},onItemAction:(e,t)=>{a.set(t),s(t)},onSetup:g(e)});const i=e=>()=>{a.set(e),s(e)};e.ui.registry.addNestedMenuItem("insertdatetime",{icon:"insert-time",text:"Date/time",getSubmenuItems:()=>p?.map(t,(t=>({type:"menuitem",text:d(e,t),onAction:i(t)}))),onSetup:g(e)})})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/index.js
new file mode 100644
index 000000000..ff52930f7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/index.js
@@ -0,0 +1,7 @@
+// Exports the "link" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/link')
+//   ES2015:
+//     import 'tinymce/plugins/link'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/plugin.js
new file mode 100644
index 000000000..7e24c7482
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/plugin.js
@@ -0,0 +1,1577 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType('string');
+    const isObject = isType('object');
+    const isArray = isType('array');
+    const isNull = eq(null);
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isArrayOf = (value, pred) => {
+        if (isArray(value)) {
+            for (let i = 0, len = value.length; i < len; ++i) {
+                if (!(pred(value[i]))) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    };
+
+    const noop = () => { };
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('link_assume_external_targets', {
+            processor: (value) => {
+                const valid = isString(value) || isBoolean(value);
+                if (valid) {
+                    if (value === true) {
+                        return { value: 1 /* AssumeExternalTargets.WARN */, valid };
+                    }
+                    else if (value === "http" /* AssumeExternalTargets.ALWAYS_HTTP */ || value === "https" /* AssumeExternalTargets.ALWAYS_HTTPS */) {
+                        return { value, valid };
+                    }
+                    else {
+                        return { value: 0 /* AssumeExternalTargets.OFF */, valid };
+                    }
+                }
+                else {
+                    return { valid: false, message: 'Must be a string or a boolean.' };
+                }
+            },
+            default: false
+        });
+        registerOption('link_context_toolbar', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('link_list', {
+            processor: (value) => isString(value) || isFunction(value) || isArrayOf(value, isObject)
+        });
+        registerOption('link_default_target', {
+            processor: 'string'
+        });
+        registerOption('link_default_protocol', {
+            processor: 'string',
+            default: 'https'
+        });
+        registerOption('link_target_list', {
+            processor: (value) => isBoolean(value) || isArrayOf(value, isObject),
+            default: true
+        });
+        registerOption('link_rel_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('link_class_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('link_title', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('allow_unsafe_link_target', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('link_quicklink', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('link_attributes_postprocess', {
+            processor: 'function',
+        });
+    };
+    const assumeExternalTargets = option('link_assume_external_targets');
+    const hasContextToolbar = option('link_context_toolbar');
+    const getLinkList = option('link_list');
+    const getDefaultLinkTarget = option('link_default_target');
+    const getDefaultLinkProtocol = option('link_default_protocol');
+    const getTargetList = option('link_target_list');
+    const getRelList = option('link_rel_list');
+    const getLinkClassList = option('link_class_list');
+    const shouldShowLinkTitle = option('link_title');
+    const allowUnsafeLinkTarget = option('allow_unsafe_link_target');
+    const useQuickLink = option('link_quicklink');
+    const attributesPostProcess = option('link_attributes_postprocess');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const isAnchor = (elm) => isNonNullable(elm) && elm.nodeName.toLowerCase() === 'a';
+    const isLink = (elm) => isAnchor(elm) && !!getHref(elm);
+    const collectNodesInRange = (rng, predicate) => {
+        if (rng.collapsed) {
+            return [];
+        }
+        else {
+            const contents = rng.cloneContents();
+            const firstChild = contents.firstChild;
+            const walker = new global$3(firstChild, contents);
+            const elements = [];
+            let current = firstChild;
+            do {
+                if (predicate(current)) {
+                    elements.push(current);
+                }
+            } while ((current = walker.next()));
+            return elements;
+        }
+    };
+    const hasProtocol = (url) => /^\w+:/i.test(url);
+    const getHref = (elm) => {
+        var _a, _b;
+        // Returns the real href value not the resolved a.href value
+        return (_b = (_a = elm.getAttribute('data-mce-href')) !== null && _a !== void 0 ? _a : elm.getAttribute('href')) !== null && _b !== void 0 ? _b : '';
+    };
+    const applyRelTargetRules = (rel, isUnsafe) => {
+        const rules = ['noopener'];
+        const rels = rel ? rel.split(/\s+/) : [];
+        const toString = (rels) => global$2.trim(rels.sort().join(' '));
+        const addTargetRules = (rels) => {
+            rels = removeTargetRules(rels);
+            return rels.length > 0 ? rels.concat(rules) : rules;
+        };
+        const removeTargetRules = (rels) => rels.filter((val) => global$2.inArray(rules, val) === -1);
+        const newRels = isUnsafe ? addTargetRules(rels) : removeTargetRules(rels);
+        return newRels.length > 0 ? toString(newRels) : '';
+    };
+    const trimCaretContainers = (text) => text.replace(/\uFEFF/g, '');
+    const getAnchorElement = (editor, selectedElm) => {
+        selectedElm = selectedElm || getLinksInSelection(editor.selection.getRng())[0] || editor.selection.getNode();
+        if (isImageFigure(selectedElm)) {
+            // for an image contained in a figure we look for a link inside the selected element
+            return Optional.from(editor.dom.select('a[href]', selectedElm)[0]);
+        }
+        else {
+            return Optional.from(editor.dom.getParent(selectedElm, 'a[href]'));
+        }
+    };
+    const isInAnchor = (editor, selectedElm) => getAnchorElement(editor, selectedElm).isSome();
+    const getAnchorText = (selection, anchorElm) => {
+        const text = anchorElm.fold(() => selection.getContent({ format: 'text' }), (anchorElm) => anchorElm.innerText || anchorElm.textContent || '');
+        return trimCaretContainers(text);
+    };
+    const getLinksInSelection = (rng) => collectNodesInRange(rng, isLink);
+    const getLinks$1 = (elements) => global$2.grep(elements, isLink);
+    const hasLinks = (elements) => getLinks$1(elements).length > 0;
+    const hasLinksInSelection = (rng) => getLinksInSelection(rng).length > 0;
+    const isOnlyTextSelected = (editor) => {
+        // Allow anchor and inline text elements to be in the selection but nothing else
+        const inlineTextElements = editor.schema.getTextInlineElements();
+        const isElement = (elm) => elm.nodeType === 1 && !isAnchor(elm) && !has(inlineTextElements, elm.nodeName.toLowerCase());
+        // If selection is inside a block anchor then always treat it as non text only
+        const isInBlockAnchor = getAnchorElement(editor).exists((anchor) => anchor.hasAttribute('data-mce-block'));
+        if (isInBlockAnchor) {
+            return false;
+        }
+        const rng = editor.selection.getRng();
+        if (!rng.collapsed) {
+            // Collect all non inline text elements in the range and make sure no elements were found
+            const elements = collectNodesInRange(rng, isElement);
+            return elements.length === 0;
+        }
+        else {
+            return true;
+        }
+    };
+    const isImageFigure = (elm) => isNonNullable(elm) && elm.nodeName === 'FIGURE' && /\bimage\b/i.test(elm.className);
+
+    const getLinkAttrs = (data) => {
+        const attrs = ['title', 'rel', 'class', 'target'];
+        return foldl(attrs, (acc, key) => {
+            data[key].each((value) => {
+                // If dealing with an empty string, then treat that as being null so the attribute is removed
+                acc[key] = value.length > 0 ? value : null;
+            });
+            return acc;
+        }, {
+            href: data.href
+        });
+    };
+    const handleExternalTargets = (href, assumeExternalTargets) => {
+        if ((assumeExternalTargets === "http" /* AssumeExternalTargets.ALWAYS_HTTP */
+            || assumeExternalTargets === "https" /* AssumeExternalTargets.ALWAYS_HTTPS */)
+            && !hasProtocol(href)) {
+            return assumeExternalTargets + '://' + href;
+        }
+        return href;
+    };
+    const applyLinkOverrides = (editor, linkAttrs) => {
+        const newLinkAttrs = { ...linkAttrs };
+        if (getRelList(editor).length === 0 && !allowUnsafeLinkTarget(editor)) {
+            const newRel = applyRelTargetRules(newLinkAttrs.rel, newLinkAttrs.target === '_blank');
+            newLinkAttrs.rel = newRel ? newRel : null;
+        }
+        if (Optional.from(newLinkAttrs.target).isNone() && getTargetList(editor) === false) {
+            newLinkAttrs.target = getDefaultLinkTarget(editor);
+        }
+        newLinkAttrs.href = handleExternalTargets(newLinkAttrs.href, assumeExternalTargets(editor));
+        return newLinkAttrs;
+    };
+    const updateLink = (editor, anchorElm, text, linkAttrs) => {
+        // If we have text, then update the anchor elements text content
+        text.each((text) => {
+            if (has(anchorElm, 'innerText')) {
+                anchorElm.innerText = text;
+            }
+            else {
+                anchorElm.textContent = text;
+            }
+        });
+        editor.dom.setAttribs(anchorElm, linkAttrs);
+        // Move the cursor behind the updated link, so the user can go on typing.
+        const rng = editor.dom.createRng();
+        rng.setStartAfter(anchorElm);
+        rng.setEndAfter(anchorElm);
+        editor.selection.setRng(rng);
+    };
+    const createLink = (editor, selectedElm, text, linkAttrs) => {
+        const dom = editor.dom;
+        if (isImageFigure(selectedElm)) {
+            linkImageFigure(dom, selectedElm, linkAttrs);
+        }
+        else {
+            text.fold(() => {
+                editor.execCommand('mceInsertLink', false, linkAttrs);
+                // Now the newly inserted link is selected. Move the cursor behind the new link, so the user can go on typing.
+                const end = editor.selection.getEnd();
+                const rng = dom.createRng();
+                rng.setStartAfter(end);
+                rng.setEndAfter(end);
+                editor.selection.setRng(rng);
+            }, (text) => {
+                editor.insertContent(dom.createHTML('a', linkAttrs, dom.encode(text)));
+            });
+        }
+    };
+    const linkDomMutation = (editor, attachState, data) => {
+        const selectedElm = editor.selection.getNode();
+        const anchorElm = getAnchorElement(editor, selectedElm);
+        const linkAttrs = applyLinkOverrides(editor, getLinkAttrs(data));
+        const attributesPostProcess$1 = attributesPostProcess(editor);
+        if (isNonNullable(attributesPostProcess$1)) {
+            attributesPostProcess$1(linkAttrs);
+        }
+        editor.undoManager.transact(() => {
+            if (data.href === attachState.href) {
+                attachState.attach();
+            }
+            anchorElm.fold(() => {
+                createLink(editor, selectedElm, data.text, linkAttrs);
+            }, (elm) => {
+                editor.focus();
+                updateLink(editor, elm, data.text, linkAttrs);
+            });
+        });
+    };
+    const unlinkSelection = (editor) => {
+        const dom = editor.dom, selection = editor.selection;
+        const bookmark = selection.getBookmark();
+        const rng = selection.getRng().cloneRange();
+        // Extend the selection out to the entire anchor element
+        const startAnchorElm = dom.getParent(rng.startContainer, 'a[href]', editor.getBody());
+        const endAnchorElm = dom.getParent(rng.endContainer, 'a[href]', editor.getBody());
+        if (startAnchorElm) {
+            rng.setStartBefore(startAnchorElm);
+        }
+        if (endAnchorElm) {
+            rng.setEndAfter(endAnchorElm);
+        }
+        selection.setRng(rng);
+        // Remove the link
+        editor.execCommand('unlink');
+        selection.moveToBookmark(bookmark);
+    };
+    const unlinkDomMutation = (editor) => {
+        editor.undoManager.transact(() => {
+            const node = editor.selection.getNode();
+            if (isImageFigure(node)) {
+                unlinkImageFigure(editor, node);
+            }
+            else {
+                unlinkSelection(editor);
+            }
+            editor.focus();
+        });
+    };
+    /*
+     * RTC uses unwrapped options.
+     *
+     * To best simulate this, we unwrap to null and filter out empty values.
+     */
+    const unwrapOptions = (data) => {
+        const { class: cls, href, rel, target, text, title } = data;
+        return filter({
+            class: cls.getOrNull(),
+            href,
+            rel: rel.getOrNull(),
+            target: target.getOrNull(),
+            text: text.getOrNull(),
+            title: title.getOrNull()
+        }, (v, _k) => isNull(v) === false);
+    };
+    const sanitizeData = (editor, data) => {
+        const getOption = editor.options.get;
+        const uriOptions = {
+            allow_html_data_urls: getOption('allow_html_data_urls'),
+            allow_script_urls: getOption('allow_script_urls'),
+            allow_svg_data_urls: getOption('allow_svg_data_urls')
+        };
+        // Sanitize the URL
+        const href = data.href;
+        return {
+            ...data,
+            href: global$4.isDomSafe(href, 'a', uriOptions) ? href : ''
+        };
+    };
+    const link = (editor, attachState, data) => {
+        const sanitizedData = sanitizeData(editor, data);
+        editor.hasPlugin('rtc', true) ? editor.execCommand('createlink', false, unwrapOptions(sanitizedData)) : linkDomMutation(editor, attachState, sanitizedData);
+    };
+    const unlink = (editor) => {
+        editor.hasPlugin('rtc', true) ? editor.execCommand('unlink') : unlinkDomMutation(editor);
+    };
+    const unlinkImageFigure = (editor, fig) => {
+        var _a;
+        const img = editor.dom.select('img', fig)[0];
+        if (img) {
+            const a = editor.dom.getParents(img, 'a[href]', fig)[0];
+            if (a) {
+                (_a = a.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(img, a);
+                editor.dom.remove(a);
+            }
+        }
+    };
+    const linkImageFigure = (dom, fig, attrs) => {
+        var _a;
+        const img = dom.select('img', fig)[0];
+        if (img) {
+            const a = dom.create('a', attrs);
+            (_a = img.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(a, img);
+            a.appendChild(img);
+        }
+    };
+
+    const getValue = (item) => isString(item.value) ? item.value : '';
+    const getText = (item) => {
+        if (isString(item.text)) {
+            return item.text;
+        }
+        else if (isString(item.title)) {
+            return item.title;
+        }
+        else {
+            return '';
+        }
+    };
+    const sanitizeList = (list, extractValue) => {
+        const out = [];
+        global$2.each(list, (item) => {
+            const text = getText(item);
+            if (item.menu !== undefined) {
+                const items = sanitizeList(item.menu, extractValue);
+                out.push({ text, items }); // list group
+            }
+            else {
+                const value = extractValue(item);
+                out.push({ text, value }); // list value
+            }
+        });
+        return out;
+    };
+    const sanitizeWith = (extracter = getValue) => (list) => Optional.from(list)?.map((list) => sanitizeList(list, extracter));
+    const sanitize = (list) => sanitizeWith(getValue)(list);
+    // NOTE: May need to care about flattening.
+    const createUi = (name, label) => (items) => ({
+        name,
+        type: 'listbox',
+        label,
+        items
+    });
+    const ListOptions = {
+        sanitize,
+        sanitizeWith,
+        createUi,
+        getValue
+    };
+
+    const isListGroup = (item) => hasNonNullableKey(item, 'items');
+    const findTextByValue = (value, catalog) => findMap(catalog, (item) => {
+        if (isListGroup(item)) {
+            return findTextByValue(value, item.items);
+        }
+        else {
+            return someIf(item.value === value, item);
+        }
+    });
+    const getDelta = (persistentText, fieldName, catalog, data) => {
+        const value = data[fieldName];
+        const hasPersistentText = persistentText.length > 0;
+        return value !== undefined ? findTextByValue(value, catalog)?.map((i) => ({
+            url: {
+                value: i.value,
+                meta: {
+                    text: hasPersistentText ? persistentText : i.text,
+                    attach: noop
+                }
+            },
+            text: hasPersistentText ? persistentText : i.text
+        })) : Optional.none();
+    };
+    const findCatalog = (catalogs, fieldName) => {
+        if (fieldName === 'link') {
+            return catalogs.link;
+        }
+        else if (fieldName === 'anchor') {
+            return catalogs.anchor;
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const init = (initialData, linkCatalog) => {
+        const persistentData = {
+            text: initialData.text,
+            title: initialData.title
+        };
+        const getTitleFromUrlChange = (url) => { var _a; return someIf(persistentData.title.length <= 0, Optional.from((_a = url.meta) === null || _a === void 0 ? void 0 : _a.title).getOr('')); };
+        const getTextFromUrlChange = (url) => { var _a; return someIf(persistentData.text.length <= 0, Optional.from((_a = url.meta) === null || _a === void 0 ? void 0 : _a.text).getOr(url.value)); };
+        const onUrlChange = (data) => {
+            const text = getTextFromUrlChange(data.url);
+            const title = getTitleFromUrlChange(data.url);
+            // We are going to change the text/title because it has not been manually entered by the user.
+            if (text.isSome() || title.isSome()) {
+                return Optional?.some({
+                    ...text?.map((text) => ({ text })).getOr({}),
+                    ...title?.map((title) => ({ title })).getOr({})
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        const onCatalogChange = (data, change) => {
+            const catalog = findCatalog(linkCatalog, change).getOr([]);
+            return getDelta(persistentData.text, change, catalog, data);
+        };
+        const onChange = (getData, change) => {
+            const name = change.name;
+            if (name === 'url') {
+                return onUrlChange(getData());
+            }
+            else if (contains(['anchor', 'link'], name)) {
+                return onCatalogChange(getData(), name);
+            }
+            else if (name === 'text' || name === 'title') {
+                // Update the persistent text/title state, as a user has input custom text
+                persistentData[name] = getData()[name];
+                return Optional.none();
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        return {
+            onChange
+        };
+    };
+    const DialogChanges = {
+        init,
+        getDelta
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    // Delay confirm since onSubmit will move focus
+    const delayedConfirm = (editor, message, callback) => {
+        const rng = editor.selection.getRng();
+        global$1.setEditorTimeout(editor, () => {
+            editor.windowManager.confirm(message, (state) => {
+                editor.selection.setRng(rng);
+                callback(state);
+            });
+        });
+    };
+    const tryEmailTransform = (data) => {
+        const url = data.href;
+        const suggestMailTo = url.indexOf('@') > 0 && url.indexOf('/') === -1 && url.indexOf('mailto:') === -1;
+        return suggestMailTo ? Optional?.some({
+            message: 'The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?',
+            preprocess: (oldData) => ({ ...oldData, href: 'mailto:' + url })
+        }) : Optional.none();
+    };
+    const tryProtocolTransform = (assumeExternalTargets, defaultLinkProtocol) => (data) => {
+        const url = data.href;
+        const suggestProtocol = (assumeExternalTargets === 1 /* AssumeExternalTargets.WARN */ && !hasProtocol(url) ||
+            assumeExternalTargets === 0 /* AssumeExternalTargets.OFF */ && /^\s*www(\.|\d\.)/i.test(url));
+        return suggestProtocol ? Optional?.some({
+            message: `The URL you entered seems to be an external link. Do you want to add the required ${defaultLinkProtocol}:// prefix?`,
+            preprocess: (oldData) => ({ ...oldData, href: defaultLinkProtocol + '://' + url })
+        }) : Optional.none();
+    };
+    const preprocess = (editor, data) => findMap([tryEmailTransform, tryProtocolTransform(assumeExternalTargets(editor), getDefaultLinkProtocol(editor))], (f) => f(data)).fold(() => Promise.resolve(data), (transform) => new Promise((callback) => {
+        delayedConfirm(editor, transform.message, (state) => {
+            callback(state ? transform.preprocess(data) : data);
+        });
+    }));
+    const DialogConfirms = {
+        preprocess
+    };
+
+    // NOTE: you currently need anchors in the content for this field to appear
+    const getAnchors = (editor) => {
+        const anchorNodes = editor.dom.select('a:not([href])');
+        const anchors = bind(anchorNodes, (anchor) => {
+            const id = anchor.name || anchor.id;
+            return id ? [{ text: id, value: '#' + id }] : [];
+        });
+        return anchors.length > 0 ? Optional?.some([{ text: 'None', value: '' }].concat(anchors)) : Optional.none();
+    };
+    const AnchorListOptions = {
+        getAnchors
+    };
+
+    // Looks like tinymce currently renders menus, but doesn't
+    // let you choose from one.
+    const getClasses = (editor) => {
+        const list = getLinkClassList(editor);
+        if (list.length > 0) {
+            return ListOptions.sanitize(list);
+        }
+        return Optional.none();
+    };
+    const ClassListOptions = {
+        getClasses
+    };
+
+    const parseJson = (text) => {
+        // Do some proper modelling.
+        try {
+            return Optional?.some(JSON.parse(text));
+        }
+        catch (_a) {
+            return Optional.none();
+        }
+    };
+    const getLinks = (editor) => {
+        const extractor = (item) => editor.convertURL(item.value || item.url || '', 'href');
+        const linkList = getLinkList(editor);
+        return new Promise((resolve) => {
+            // TODO - better handling of failure
+            if (isString(linkList)) {
+                fetch(linkList)
+                    .then((res) => res.ok ? res.text().then(parseJson) : Promise.reject())
+                    .then(resolve, () => resolve(Optional.none()));
+            }
+            else if (isFunction(linkList)) {
+                linkList((output) => resolve(Optional?.some(output)));
+            }
+            else {
+                resolve(Optional.from(linkList));
+            }
+        }).then((optItems) => optItems.bind(ListOptions.sanitizeWith(extractor))?.map((items) => {
+            if (items.length > 0) {
+                const noneItem = [{ text: 'None', value: '' }];
+                return noneItem.concat(items);
+            }
+            else {
+                return items;
+            }
+        }));
+    };
+    const LinkListOptions = {
+        getLinks
+    };
+
+    const getRels = (editor, initialTarget) => {
+        const list = getRelList(editor);
+        if (list.length > 0) {
+            const isTargetBlank = is(initialTarget, '_blank');
+            const enforceSafe = allowUnsafeLinkTarget(editor) === false;
+            const safeRelExtractor = (item) => applyRelTargetRules(ListOptions.getValue(item), isTargetBlank);
+            const sanitizer = enforceSafe ? ListOptions.sanitizeWith(safeRelExtractor) : ListOptions.sanitize;
+            return sanitizer(list);
+        }
+        return Optional.none();
+    };
+    const RelOptions = {
+        getRels
+    };
+
+    // In current tinymce, targets can be nested menus.
+    // Do we really want to support that?
+    const fallbacks = [
+        { text: 'Current window', value: '' },
+        { text: 'New window', value: '_blank' }
+    ];
+    const getTargets = (editor) => {
+        const list = getTargetList(editor);
+        if (isArray(list)) {
+            return ListOptions.sanitize(list).orThunk(() => Optional?.some(fallbacks));
+        }
+        else if (list === false) {
+            return Optional.none();
+        }
+        return Optional?.some(fallbacks);
+    };
+    const TargetOptions = {
+        getTargets
+    };
+
+    const nonEmptyAttr = (dom, elem, name) => {
+        const val = dom.getAttrib(elem, name);
+        return val !== null && val.length > 0 ? Optional?.some(val) : Optional.none();
+    };
+    const extractFromAnchor = (editor, anchor) => {
+        const dom = editor.dom;
+        const onlyText = isOnlyTextSelected(editor);
+        const text = onlyText ? Optional?.some(getAnchorText(editor.selection, anchor)) : Optional.none();
+        const url = anchor.bind((anchorElm) => Optional.from(dom.getAttrib(anchorElm, 'href')));
+        const target = anchor.bind((anchorElm) => Optional.from(dom.getAttrib(anchorElm, 'target')));
+        const rel = anchor.bind((anchorElm) => nonEmptyAttr(dom, anchorElm, 'rel'));
+        const linkClass = anchor.bind((anchorElm) => nonEmptyAttr(dom, anchorElm, 'class'));
+        const title = anchor.bind((anchorElm) => nonEmptyAttr(dom, anchorElm, 'title'));
+        return {
+            url,
+            text,
+            title,
+            target,
+            rel,
+            linkClass
+        };
+    };
+    const collect = (editor, linkNode) => LinkListOptions.getLinks(editor).then((links) => {
+        const anchor = extractFromAnchor(editor, linkNode);
+        return {
+            anchor,
+            catalogs: {
+                targets: TargetOptions.getTargets(editor),
+                // This should be initial target. Is anchor.target that?
+                rels: RelOptions.getRels(editor, anchor.target),
+                classes: ClassListOptions.getClasses(editor),
+                anchor: AnchorListOptions.getAnchors(editor),
+                link: links
+            },
+            optNode: linkNode,
+            flags: {
+                titleEnabled: shouldShowLinkTitle(editor)
+            }
+        };
+    });
+    const DialogInfo = {
+        collect
+    };
+
+    const handleSubmit = (editor, info) => (api) => {
+        const data = api.getData();
+        if (!data.url.value) {
+            unlink(editor);
+            // Temporary fix. TODO: TINY-2811
+            api.close();
+            return;
+        }
+        // Check if a key is defined, meaning it was a field in the dialog. If it is,
+        // then check if it's changed and return none if nothing has changed.
+        const getChangedValue = (key) => Optional.from(data[key]).filter((value) => !is(info.anchor[key], value));
+        const changedData = {
+            href: data.url.value,
+            text: getChangedValue('text'),
+            target: getChangedValue('target'),
+            rel: getChangedValue('rel'),
+            class: getChangedValue('linkClass'),
+            title: getChangedValue('title')
+        };
+        const attachState = {
+            href: data.url.value,
+            attach: data.url.meta !== undefined && data.url.meta.attach ? data.url.meta.attach : noop
+        };
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        DialogConfirms.preprocess(editor, changedData).then((pData) => {
+            link(editor, attachState, pData);
+        });
+        api.close();
+    };
+    const collectData = (editor) => {
+        const anchorNode = getAnchorElement(editor);
+        return DialogInfo.collect(editor, anchorNode);
+    };
+    const getInitialData = (info, defaultTarget) => {
+        const anchor = info.anchor;
+        const url = anchor.url.getOr('');
+        return {
+            url: {
+                value: url,
+                meta: {
+                    original: {
+                        value: url
+                    }
+                }
+            },
+            text: anchor.text.getOr(''),
+            title: anchor.title.getOr(''),
+            anchor: url,
+            link: url,
+            rel: anchor.rel.getOr(''),
+            target: anchor.target.or(defaultTarget).getOr(''),
+            linkClass: anchor.linkClass.getOr('')
+        };
+    };
+    const makeDialog = (settings, onSubmit, editor) => {
+        const urlInput = [
+            {
+                name: 'url',
+                type: 'urlinput',
+                filetype: 'file',
+                label: 'URL',
+                picker_text: 'Browse links'
+            }
+        ];
+        const displayText = settings.anchor.text?.map(() => ({
+            name: 'text',
+            type: 'input',
+            label: 'Text to display'
+        })).toArray();
+        const titleText = settings.flags.titleEnabled ? [
+            {
+                name: 'title',
+                type: 'input',
+                label: 'Title'
+            }
+        ] : [];
+        const defaultTarget = Optional.from(getDefaultLinkTarget(editor));
+        const initialData = getInitialData(settings, defaultTarget);
+        const catalogs = settings.catalogs;
+        const dialogDelta = DialogChanges.init(initialData, catalogs);
+        const body = {
+            type: 'panel',
+            items: flatten([
+                urlInput,
+                displayText,
+                titleText,
+                cat([
+                    catalogs.anchor?.map(ListOptions.createUi('anchor', 'Anchors')),
+                    catalogs.rels?.map(ListOptions.createUi('rel', 'Rel')),
+                    catalogs.targets?.map(ListOptions.createUi('target', 'Open link in...')),
+                    catalogs.link?.map(ListOptions.createUi('link', 'Link list')),
+                    catalogs.classes?.map(ListOptions.createUi('linkClass', 'Class'))
+                ])
+            ])
+        };
+        return {
+            title: 'Insert/Edit Link',
+            size: 'normal',
+            body,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData,
+            onChange: (api, { name }) => {
+                dialogDelta.onChange(api.getData, { name }).each((newData) => {
+                    api.setData(newData);
+                });
+            },
+            onSubmit
+        };
+    };
+    const open = (editor) => {
+        const data = collectData(editor);
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        data.then((info) => {
+            const onSubmit = handleSubmit(editor, info);
+            return makeDialog(info, onSubmit, editor);
+        }).then((spec) => {
+            editor.windowManager.open(spec);
+        });
+    };
+
+    const register = (editor) => {
+        editor.addCommand('mceLink', (_ui, value) => {
+            if ((value === null || value === void 0 ? void 0 : value.dialog) === true || !useQuickLink(editor)) {
+                open(editor);
+            }
+            else {
+                editor.dispatch('contexttoolbar-show', {
+                    toolbarKey: 'quicklink'
+                });
+            }
+        });
+    };
+
+    const setup$2 = (editor) => {
+        editor.addShortcut('Meta+K', '', () => {
+            editor.execCommand('mceLink');
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const appendClickRemove = (link, evt) => {
+        document.body.appendChild(link);
+        link.dispatchEvent(evt);
+        document.body.removeChild(link);
+    };
+    const openLink = (url) => {
+        const link = document.createElement('a');
+        link.target = '_blank';
+        link.href = url;
+        link.rel = 'noreferrer noopener';
+        const evt = new MouseEvent('click', {
+            bubbles: true,
+            cancelable: true,
+            view: window
+        });
+        document.dispatchEvent(evt);
+        appendClickRemove(link, evt);
+    };
+    const hasOnlyAltModifier = (e) => {
+        return e.altKey === true && e.shiftKey === false && e.ctrlKey === false && e.metaKey === false;
+    };
+    const gotoLink = (editor, a) => {
+        if (a) {
+            const href = getHref(a);
+            if (/^#/.test(href)) {
+                const targetEl = editor.dom.select(`${href},[name="${removeLeading(href, '#')}"]`);
+                if (targetEl.length) {
+                    editor.selection.scrollIntoView(targetEl[0], true);
+                }
+            }
+            else {
+                openLink(a.href);
+            }
+        }
+    };
+    const isSelectionOnImageWithEmbeddedLink = (editor) => {
+        const rng = editor.selection.getRng();
+        const node = rng.startContainer;
+        // Handle a case where an image embedded with a link is selected
+        return isLink(node) && rng.startContainer === rng.endContainer && editor.dom.select('img', node).length === 1;
+    };
+    const getLinkFromElement = (editor, element) => {
+        const links = getLinks$1(editor.dom.getParents(element));
+        return someIf(links.length === 1, links[0]);
+    };
+    const getLinkInSelection = (editor) => {
+        const links = getLinksInSelection(editor.selection.getRng());
+        return someIf(links.length > 0, links[0]).or(getLinkFromElement(editor, editor.selection.getNode()));
+    };
+    const getLinkFromSelection = (editor) => editor.selection.isCollapsed() || isSelectionOnImageWithEmbeddedLink(editor)
+        ? getLinkFromElement(editor, editor.selection.getStart())
+        : getLinkInSelection(editor);
+    const setup$1 = (editor) => {
+        const selectedLink = value();
+        const getSelectedLink = () => selectedLink.get().or(getLinkFromSelection(editor));
+        const gotoSelectedLink = () => getSelectedLink().each((link) => gotoLink(editor, link));
+        editor.on('contextmenu', (e) => {
+            getLinkFromElement(editor, e.target).each(selectedLink.set);
+        });
+        editor.on('SelectionChange', () => {
+            if (!selectedLink.isSet()) {
+                getLinkFromSelection(editor).each(selectedLink.set);
+            }
+        });
+        editor.on('click', (e) => {
+            selectedLink.clear();
+            const links = getLinks$1(editor.dom.getParents(e.target));
+            if (links.length === 1 && global.metaKeyPressed(e)) {
+                e.preventDefault();
+                gotoLink(editor, links[0]);
+            }
+        });
+        editor.on('keydown', (e) => {
+            selectedLink.clear();
+            if (!e.isDefaultPrevented() && e.keyCode === 13 && hasOnlyAltModifier(e)) {
+                getSelectedLink().each((link) => {
+                    e.preventDefault();
+                    gotoLink(editor, link);
+                });
+            }
+        });
+        return {
+            gotoSelectedLink
+        };
+    };
+
+    const openDialog = (editor) => () => {
+        editor.execCommand('mceLink', false, { dialog: true });
+    };
+    const toggleState = (editor, toggler) => {
+        editor.on('NodeChange', toggler);
+        return () => editor.off('NodeChange', toggler);
+    };
+    const toggleLinkState = (editor) => (api) => {
+        const updateState = () => {
+            api.setActive(!editor.mode.isReadOnly() && isInAnchor(editor, editor.selection.getNode()));
+            api.setEnabled(editor.selection.isEditable());
+        };
+        updateState();
+        return toggleState(editor, updateState);
+    };
+    const toggleLinkMenuState = (editor) => (api) => {
+        const updateState = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        updateState();
+        return toggleState(editor, updateState);
+    };
+    const toggleRequiresLinkState = (editor) => (api) => {
+        const hasLinks$1 = (parents) => hasLinks(parents) || hasLinksInSelection(editor.selection.getRng());
+        const parents = editor.dom.getParents(editor.selection.getStart());
+        const updateEnabled = (parents) => {
+            api.setEnabled(hasLinks$1(parents) && editor.selection.isEditable());
+        };
+        updateEnabled(parents);
+        return toggleState(editor, (e) => updateEnabled(e.parents));
+    };
+    const setupButtons = (editor, openLink) => {
+        editor.ui.registry.addToggleButton('link', {
+            icon: 'link',
+            tooltip: 'Insert/edit link',
+            shortcut: 'Meta+K',
+            onAction: openDialog(editor),
+            onSetup: toggleLinkState(editor)
+        });
+        editor.ui.registry.addButton('openlink', {
+            icon: 'new-tab',
+            tooltip: 'Open link',
+            onAction: openLink.gotoSelectedLink,
+            onSetup: toggleRequiresLinkState(editor)
+        });
+        editor.ui.registry.addButton('unlink', {
+            icon: 'unlink',
+            tooltip: 'Remove link',
+            onAction: () => unlink(editor),
+            onSetup: toggleRequiresLinkState(editor)
+        });
+    };
+    const setupMenuItems = (editor, openLink) => {
+        editor.ui.registry.addMenuItem('openlink', {
+            text: 'Open link',
+            icon: 'new-tab',
+            onAction: openLink.gotoSelectedLink,
+            onSetup: toggleRequiresLinkState(editor)
+        });
+        editor.ui.registry.addMenuItem('link', {
+            icon: 'link',
+            text: 'Link...',
+            shortcut: 'Meta+K',
+            onAction: openDialog(editor),
+            onSetup: toggleLinkMenuState(editor)
+        });
+        editor.ui.registry.addMenuItem('unlink', {
+            icon: 'unlink',
+            text: 'Remove link',
+            onAction: () => unlink(editor),
+            onSetup: toggleRequiresLinkState(editor)
+        });
+    };
+    const setupContextMenu = (editor) => {
+        const inLink = 'link unlink openlink';
+        const noLink = 'link';
+        editor.ui.registry.addContextMenu('link', {
+            update: (element) => {
+                const isEditable = editor.dom.isEditable(element);
+                if (!isEditable) {
+                    return '';
+                }
+                return hasLinks(editor.dom.getParents(element, 'a')) ? inLink : noLink;
+            }
+        });
+    };
+    const setupContextToolbars = (editor, openLink) => {
+        const collapseSelectionToEnd = (editor) => {
+            editor.selection.collapse(false);
+        };
+        const onSetupLink = (buttonApi) => {
+            const node = editor.selection.getNode();
+            buttonApi.setEnabled(isInAnchor(editor, node) && editor.selection.isEditable());
+            return noop;
+        };
+        /**
+         * if we're editing a link, don't change the text.
+         * if anything other than text is selected, don't change the text.
+         * TINY-9593: If there is a text selection return `Optional.none`
+         * because `mceInsertLink` command will handle the selection.
+         */
+        const getLinkText = (value) => {
+            const anchor = getAnchorElement(editor);
+            const onlyText = isOnlyTextSelected(editor);
+            if (anchor.isNone() && onlyText) {
+                const text = getAnchorText(editor.selection, anchor);
+                return someIf(text.length === 0, value);
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        editor.ui.registry.addContextForm('quicklink', {
+            launch: {
+                type: 'contextformtogglebutton',
+                icon: 'link',
+                tooltip: 'Link',
+                onSetup: toggleLinkState(editor)
+            },
+            label: 'Link',
+            predicate: (node) => hasContextToolbar(editor) && isInAnchor(editor, node),
+            initValue: () => {
+                const elm = getAnchorElement(editor);
+                return elm.fold(constant(''), getHref);
+            },
+            commands: [
+                {
+                    type: 'contextformtogglebutton',
+                    icon: 'link',
+                    tooltip: 'Link',
+                    primary: true,
+                    onSetup: (buttonApi) => {
+                        const node = editor.selection.getNode();
+                        // TODO: Make a test for this later.
+                        buttonApi.setActive(isInAnchor(editor, node));
+                        return toggleLinkState(editor)(buttonApi);
+                    },
+                    onAction: (formApi) => {
+                        const value = formApi.getValue();
+                        const text = getLinkText(value);
+                        const attachState = { href: value, attach: noop };
+                        link(editor, attachState, {
+                            href: value,
+                            text,
+                            title: Optional.none(),
+                            rel: Optional.none(),
+                            target: Optional.from(getDefaultLinkTarget(editor)),
+                            class: Optional.none()
+                        });
+                        collapseSelectionToEnd(editor);
+                        formApi.hide();
+                    }
+                },
+                {
+                    type: 'contextformbutton',
+                    icon: 'unlink',
+                    tooltip: 'Remove link',
+                    onSetup: onSetupLink,
+                    // TODO: The original inlite action was quite complex. Are we missing something with this?
+                    onAction: (formApi) => {
+                        unlink(editor);
+                        formApi.hide();
+                    }
+                },
+                {
+                    type: 'contextformbutton',
+                    icon: 'new-tab',
+                    tooltip: 'Open link',
+                    onSetup: onSetupLink,
+                    onAction: (formApi) => {
+                        openLink.gotoSelectedLink();
+                        formApi.hide();
+                    }
+                }
+            ]
+        });
+    };
+    const setup = (editor) => {
+        const openLink = setup$1(editor);
+        setupButtons(editor, openLink);
+        setupMenuItems(editor, openLink);
+        setupContextMenu(editor);
+        setupContextToolbars(editor, openLink);
+    };
+
+    var Plugin = () => {
+        global$5.add('link', (editor) => {
+            register$1(editor);
+            register(editor);
+            setup(editor);
+            setup$2(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/plugin.min.js
new file mode 100644
index 000000000..f30e2dc3c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/link/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=o=e,(r=String).prototype.isPrototypeOf(n)||(null===(l=o.constructor)||void 0===l?void 0:l.name)===r.name)?"string":t;var n,o,r,l})(t)===e,n=e=>t=>typeof t===e,o=t("string"),r=t("object"),l=t("array"),s=e=>null===e;const a=n("boolean"),i=e=>!(e=>null==e)(e),c=n("function"),u=(e,t)=>{if(l(e)){for(let n=0,o=e.length;n<o;++n)if(!t(e[n]))return!1;return!0}return!1},g=()=>{},d=(e,t)=>e===t;class m{constructor(e,t){this.tag=e,this.value=t}static some(e){return new m(!0,e)}static none(){return m.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?m?.some(e(this.value)):m.none()}bind(e){return this.tag?e(this.value):m.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:m.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return i(e)?m?.some(e):m.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}m.singletonNone=new m(!1),Array.prototype.slice;const h=Array.prototype.indexOf,p=Array.prototype.push,f=e=>{const t=[];for(let n=0,o=e.length;n<o;++n){if(!l(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);p.apply(t,e[n])}return t};c(Array.from)&&Array.from;const k=(e,t)=>{for(let n=0;n<e.length;n++){const o=t(e[n],n);if(o.isSome())return o}return m.none()},v=Object.keys,y=Object.hasOwnProperty,b=(e,t)=>y.call(e,t),x=(e,t,n=d)=>e.exists((e=>n(e,t))),_=e=>{const t=[],n=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(n);return t},w=(e,t)=>e?m?.some(t):m.none(),C=e=>t=>t.options.get(e),A=C("link_assume_external_targets"),O=C("link_context_toolbar"),S=C("link_list"),N=C("link_default_target"),E=C("link_default_protocol"),R=C("link_target_list"),T=C("link_rel_list"),L=C("link_class_list"),P=C("link_title"),M=C("allow_unsafe_link_target"),D=C("link_quicklink"),B=C("link_attributes_postprocess");var I=tinymce.util.Tools.resolve("tinymce.util.URI"),K=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),j=tinymce.util.Tools.resolve("tinymce.util.Tools");const U=e=>i(e)&&"a"===e.nodeName.toLowerCase(),q=e=>U(e)&&!!$(e),F=(e,t)=>{if(e.collapsed)return[];{const n=e.cloneContents(),o=n.firstChild,r=new K(o,n),l=[];let s=o;do{t(s)&&l.push(s)}while(s=r.next());return l}},V=e=>/^\w+:/i.test(e),$=e=>{var t,n;return null!==(n=null!==(t=e.getAttribute("data-mce-href"))&&void 0!==t?t:e.getAttribute("href"))&&void 0!==n?n:""},z=(e,t)=>{const n=["noopener"],o=e?e.split(/\s+/):[],r=e=>e.filter((e=>-1===j.inArray(n,e))),l=t?(e=>(e=r(e)).length>0?e.concat(n):n)(o):r(o);return l.length>0?(e=>j.trim(e.sort().join(" ")))(l):""},G=(e,t)=>(t=t||W(e.selection.getRng())[0]||e.selection.getNode(),Z(t)?m.from(e.dom.select("a[href]",t)[0]):m.from(e.dom.getParent(t,"a[href]"))),H=(e,t)=>G(e,t).isSome(),J=(e,t)=>t.fold((()=>e.getContent({format:"text"})),(e=>e.innerText||e.textContent||"")).replace(/\uFEFF/g,""),W=e=>F(e,q),Q=e=>j.grep(e,q),X=e=>Q(e).length>0,Y=e=>{const t=e.schema.getTextInlineElements();if(G(e).exists((e=>e.hasAttribute("data-mce-block"))))return!1;const n=e.selection.getRng();return!!n.collapsed||0===F(n,(e=>1===e.nodeType&&!U(e)&&!b(t,e.nodeName.toLowerCase()))).length},Z=e=>i(e)&&"FIGURE"===e.nodeName&&/\bimage\b/i.test(e.className),ee=(e,t,n)=>{const o=e.selection.getNode(),r=G(e,o),l=((e,t)=>{const n={...t};if(0===T(e).length&&!M(e)){const e=z(n.rel,"_blank"===n.target);n.rel=e||null}return m.from(n.target).isNone()&&!1===R(e)&&(n.target=N(e)),n.href=((e,t)=>"http"!==t&&"https"!==t||V(e)?e:t+"://"+e)(n.href,A(e)),n})(e,(e=>{return t=["title","rel","class","target"],n=(t,n)=>(e[n].each((e=>{t[n]=e.length>0?e:null})),t),o={href:e.href},((e,t)=>{for(let n=0,o=e.length;n<o;n++)t(e[n],n)})(t,((e,t)=>{o=n(o,e)})),o;var t,n,o})(n)),s=B(e);i(s)&&s(l),e.undoManager.transact((()=>{n.href===t.href&&t.attach(),r.fold((()=>{((e,t,n,o)=>{const r=e.dom;Z(t)?le(r,t,o):n.fold((()=>{e.execCommand("mceInsertLink",!1,o);const t=e.selection.getEnd(),n=r.createRng();n.setStartAfter(t),n.setEndAfter(t),e.selection.setRng(n)}),(t=>{e.insertContent(r.createHTML("a",o,r.encode(t)))}))})(e,o,n.text,l)}),(t=>{e.focus(),((e,t,n,o)=>{n.each((e=>{b(t,"innerText")?t.innerText=e:t.textContent=e})),e.dom.setAttribs(t,o);const r=e.dom.createRng();r.setStartAfter(t),r.setEndAfter(t),e.selection.setRng(r)})(e,t,n.text,l)}))}))},te=e=>{const{class:t,href:n,rel:o,target:r,text:l,title:a}=e;return(e=>{const t={};var n;return((e,t,n,o)=>{((e,t)=>{const n=v(e);for(let o=0,r=n.length;o<r;o++){const r=n[o];t(e[r],r)}})(e,((e,r)=>{(t(e,r)?n:o)(e,r)}))})(e,((e,t)=>!1===s(e)),(n=t,(e,t)=>{n[t]=e}),g),t})({class:t.getOrNull(),href:n,rel:o.getOrNull(),target:r.getOrNull(),text:l.getOrNull(),title:a.getOrNull()})},ne=(e,t,n)=>{const o=((e,t)=>{const n=e.options.get,o={allow_html_data_urls:n("allow_html_data_urls"),allow_script_urls:n("allow_script_urls"),allow_svg_data_urls:n("allow_svg_data_urls")},r=t.href;return{...t,href:I.isDomSafe(r,"a",o)?r:""}})(e,n);e.hasPlugin("rtc",!0)?e.execCommand("createlink",!1,te(o)):ee(e,t,o)},oe=e=>{e.hasPlugin("rtc",!0)?e.execCommand("unlink"):(e=>{e.undoManager.transact((()=>{const t=e.selection.getNode();Z(t)?re(e,t):(e=>{const t=e.dom,n=e.selection,o=n.getBookmark(),r=n.getRng().cloneRange(),l=t.getParent(r.startContainer,"a[href]",e.getBody()),s=t.getParent(r.endContainer,"a[href]",e.getBody());l&&r.setStartBefore(l),s&&r.setEndAfter(s),n.setRng(r),e.execCommand("unlink"),n.moveToBookmark(o)})(e),e.focus()}))})(e)},re=(e,t)=>{var n;const o=e.dom.select("img",t)[0];if(o){const r=e.dom.getParents(o,"a[href]",t)[0];r&&(null===(n=r.parentNode)||void 0===n||n.insertBefore(o,r),e.dom.remove(r))}},le=(e,t,n)=>{var o;const r=e.select("img",t)[0];if(r){const t=e.create("a",n);null===(o=r.parentNode)||void 0===o||o.insertBefore(t,r),t.appendChild(r)}},se=e=>o(e.value)?e.value:"",ae=(e,t)=>{const n=[];return j.each(e,(e=>{const r=(e=>o(e.text)?e.text:o(e.title)?e.title:"")(e);if(void 0!==e.menu){const o=ae(e.menu,t);n.push({text:r,items:o})}else{const o=t(e);n.push({text:r,value:o})}})),n},ie=(e=se)=>t=>m.from(t)?.map((t=>ae(t,e))),ce=e=>ie(se)(e),ue=ie,ge=(e,t)=>n=>({name:e,type:"listbox",label:t,items:n}),de=se,me=(e,t)=>k(t,(t=>(e=>{return b(t=e,n="items")&&void 0!==t[n]&&null!==t[n];var t,n})(t)?me(e,t.items):w(t.value===e,t))),he=(e,t)=>{const n={text:e.text,title:e.title},o=(e,o)=>{const r=(l=t,s=o,"link"===s?l.link:"anchor"===s?l.anchor:m.none()).getOr([]);var l,s;return((e,t,n,o)=>{const r=o[t],l=e.length>0;return void 0!==r?me(r,n)?.map((t=>({url:{value:t.value,meta:{text:l?e:t.text,attach:g}},text:l?e:t.text}))):m.none()})(n.text,o,r,e)};return{onChange:(e,t)=>{const r=t.name;return"url"===r?(e=>{const t=(o=e.url,w(n.text.length<=0,m.from(null===(r=o.meta)||void 0===r?void 0:r.text).getOr(o.value)));var o,r;const l=(e=>{var t;return w(n.title.length<=0,m.from(null===(t=e.meta)||void 0===t?void 0:t.title).getOr(""))})(e.url);return t.isSome()||l.isSome()?m?.some({...t?.map((e=>({text:e}))).getOr({}),...l?.map((e=>({title:e}))).getOr({})}):m.none()})(e()):((e,t)=>h.call(e,t))(["anchor","link"],r)>-1?o(e(),r):"text"===r||"title"===r?(n[r]=e()[r],m.none()):m.none()}}};var pe=tinymce.util.Tools.resolve("tinymce.util.Delay");const fe=e=>{const t=e.href;return t.indexOf("@")>0&&-1===t.indexOf("/")&&-1===t.indexOf("mailto:")?m?.some({message:"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?",preprocess:e=>({...e,href:"mailto:"+t})}):m.none()},ke=(e,t)=>n=>{const o=n.href;return 1===e&&!V(o)||0===e&&/^\s*www(\.|\d\.)/i.test(o)?m?.some({message:`The URL you entered seems to be an external link. Do you want to add the required ${t}:// prefix?`,preprocess:e=>({...e,href:t+"://"+o})}):m.none()},ve=e=>{const t=e.dom.select("a:not([href])"),n=f(((e,t)=>{const n=e.length,o=new Array(n);for(let r=0;r<n;r++){const n=e[r];o[r]=t(n,r)}return o})(t,(e=>{const t=e.name||e.id;return t?[{text:t,value:"#"+t}]:[]})));return n.length>0?m?.some([{text:"None",value:""}].concat(n)):m.none()},ye=e=>{const t=L(e);return t.length>0?ce(t):m.none()},be=e=>{try{return m?.some(JSON.parse(e))}catch(e){return m.none()}},xe=(e,t)=>{const n=T(e);if(n.length>0){const o=x(t,"_blank"),r=e=>z(de(e),o);return(!1===M(e)?ue(r):ce)(n)}return m.none()},_e=[{text:"Current window",value:""},{text:"New window",value:"_blank"}],we=e=>{const t=R(e);return l(t)?ce(t).orThunk((()=>m?.some(_e))):!1===t?m.none():m?.some(_e)},Ce=(e,t,n)=>{const o=e.getAttrib(t,n);return null!==o&&o.length>0?m?.some(o):m.none()},Ae=(e,t)=>(e=>{const t=t=>e.convertURL(t.value||t.url||"","href"),n=S(e);return new Promise((e=>{o(n)?fetch(n).then((e=>e.ok?e.text().then(be):Promise.reject())).then(e,(()=>e(m.none()))):c(n)?n((t=>e(m?.some(t)))):e(m.from(n))})).then((e=>e.bind(ue(t))?.map((e=>e.length>0?[{text:"None",value:""}].concat(e):e))))})(e).then((n=>{const o=((e,t)=>{const n=e.dom,o=Y(e)?m?.some(J(e.selection,t)):m.none(),r=t.bind((e=>m.from(n.getAttrib(e,"href")))),l=t.bind((e=>m.from(n.getAttrib(e,"target")))),s=t.bind((e=>Ce(n,e,"rel"))),a=t.bind((e=>Ce(n,e,"class")));return{url:r,text:o,title:t.bind((e=>Ce(n,e,"title"))),target:l,rel:s,linkClass:a}})(e,t);return{anchor:o,catalogs:{targets:we(e),rels:xe(e,o.target),classes:ye(e),anchor:ve(e),link:n},optNode:t,flags:{titleEnabled:P(e)}}})),Oe=e=>{const t=(e=>{const t=G(e);return Ae(e,t)})(e);t.then((t=>{const n=((e,t)=>n=>{const o=n.getData();if(!o.url.value)return oe(e),void n.close();const r=e=>m.from(o[e]).filter((n=>!x(t.anchor[e],n))),l={href:o.url.value,text:r("text"),target:r("target"),rel:r("rel"),class:r("linkClass"),title:r("title")},s={href:o.url.value,attach:void 0!==o.url.meta&&o.url.meta.attach?o.url.meta.attach:g};((e,t)=>k([fe,ke(A(e),E(e))],(e=>e(t))).fold((()=>Promise.resolve(t)),(n=>new Promise((o=>{((e,t,n)=>{const o=e.selection.getRng();pe.setEditorTimeout(e,(()=>{e.windowManager.confirm(t,(t=>{e.selection.setRng(o),n(t)}))}))})(e,n.message,(e=>{o(e?n.preprocess(t):t)}))})))))(e,l).then((t=>{ne(e,s,t)})),n.close()})(e,t);return((e,t,n)=>{const o=e.anchor.text?.map((()=>({name:"text",type:"input",label:"Text to display"}))).toArray(),r=e.flags.titleEnabled?[{name:"title",type:"input",label:"Title"}]:[],l=((e,t)=>{const n=e.anchor,o=n.url.getOr("");return{url:{value:o,meta:{original:{value:o}}},text:n.text.getOr(""),title:n.title.getOr(""),anchor:o,link:o,rel:n.rel.getOr(""),target:n.target.or(t).getOr(""),linkClass:n.linkClass.getOr("")}})(e,m.from(N(n))),s=e.catalogs,a=he(l,s);return{title:"Insert/Edit Link",size:"normal",body:{type:"panel",items:f([[{name:"url",type:"urlinput",filetype:"file",label:"URL",picker_text:"Browse links"}],o,r,_([s.anchor?.map(ge("anchor","Anchors")),s.rels?.map(ge("rel","Rel")),s.targets?.map(ge("target","Open link in...")),s.link?.map(ge("link","Link list")),s.classes?.map(ge("linkClass","Class"))])])},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:l,onChange:(e,{name:t})=>{a.onChange(e.getData,{name:t}).each((t=>{e.setData(t)}))},onSubmit:t}})(t,n,e)})).then((t=>{e.windowManager.open(t)}))};var Se=tinymce.util.Tools.resolve("tinymce.util.VK");const Ne=(e,t)=>{if(t){const o=$(t);if(/^#/.test(o)){const t=e.dom.select(`${o},[name="${n=o,((e,t)=>((e,t)=>""===t||e.length>=t.length&&e.substr(0,0+t.length)===t)(e,t))(n,"#")?(e=>e.substring(1))(n):n}"]`);t.length&&e.selection.scrollIntoView(t[0],!0)}else(e=>{const t=document.createElement("a");t.target="_blank",t.href=e,t.rel="noreferrer noopener";const n=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});document.dispatchEvent(n),((e,t)=>{document.body.appendChild(e),e.dispatchEvent(t),document.body.removeChild(e)})(t,n)})(t.href)}var n},Ee=(e,t)=>{const n=Q(e.dom.getParents(t));return w(1===n.length,n[0])},Re=e=>e.selection.isCollapsed()||(e=>{const t=e.selection.getRng(),n=t.startContainer;return q(n)&&t.startContainer===t.endContainer&&1===e.dom.select("img",n).length})(e)?Ee(e,e.selection.getStart()):(e=>{const t=W(e.selection.getRng());return w(t.length>0,t[0]).or(Ee(e,e.selection.getNode()))})(e),Te=e=>()=>{e.execCommand("mceLink",!1,{dialog:!0})},Le=(e,t)=>(e.on("NodeChange",t),()=>e.off("NodeChange",t)),Pe=e=>t=>{const n=()=>{t.setActive(!e.mode.isReadOnly()&&H(e,e.selection.getNode())),t.setEnabled(e.selection.isEditable())};return n(),Le(e,n)},Me=e=>t=>{const n=()=>{t.setEnabled(e.selection.isEditable())};return n(),Le(e,n)},De=e=>t=>{const n=e.dom.getParents(e.selection.getStart()),o=n=>{t.setEnabled((t=>{return X(t)||(n=e.selection.getRng(),W(n).length>0);var n})(n)&&e.selection.isEditable())};return o(n),Le(e,(e=>o(e.parents)))},Be=e=>{const t=(e=>{const t=(()=>{const e=(e=>{const t=(e=>{let t=e;return{get:()=>t,set:e=>{t=e}}})(m.none()),n=()=>t.get().each(e);return{clear:()=>{n(),t.set(m.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{n(),t.set(m?.some(e))}}})(g);return{...e,on:t=>e.get().each(t)}})(),n=()=>t.get().or(Re(e));return e.on("contextmenu",(n=>{Ee(e,n.target).each(t.set)})),e.on("SelectionChange",(()=>{t.isSet()||Re(e).each(t.set)})),e.on("click",(n=>{t.clear();const o=Q(e.dom.getParents(n.target));1===o.length&&Se.metaKeyPressed(n)&&(n.preventDefault(),Ne(e,o[0]))})),e.on("keydown",(o=>{t.clear(),!o.isDefaultPrevented()&&13===o.keyCode&&(e=>!0===e.altKey&&!1===e.shiftKey&&!1===e.ctrlKey&&!1===e.metaKey)(o)&&n().each((t=>{o.preventDefault(),Ne(e,t)}))})),{gotoSelectedLink:()=>n().each((t=>Ne(e,t)))}})(e);((e,t)=>{e.ui.registry.addToggleButton("link",{icon:"link",tooltip:"Insert/edit link",shortcut:"Meta+K",onAction:Te(e),onSetup:Pe(e)}),e.ui.registry.addButton("openlink",{icon:"new-tab",tooltip:"Open link",onAction:t.gotoSelectedLink,onSetup:De(e)}),e.ui.registry.addButton("unlink",{icon:"unlink",tooltip:"Remove link",onAction:()=>oe(e),onSetup:De(e)})})(e,t),((e,t)=>{e.ui.registry.addMenuItem("openlink",{text:"Open link",icon:"new-tab",onAction:t.gotoSelectedLink,onSetup:De(e)}),e.ui.registry.addMenuItem("link",{icon:"link",text:"Link...",shortcut:"Meta+K",onAction:Te(e),onSetup:Me(e)}),e.ui.registry.addMenuItem("unlink",{icon:"unlink",text:"Remove link",onAction:()=>oe(e),onSetup:De(e)})})(e,t),(e=>{e.ui.registry.addContextMenu("link",{update:t=>e.dom.isEditable(t)?X(e.dom.getParents(t,"a"))?"link unlink openlink":"link":""})})(e),((e,t)=>{const n=t=>{const n=e.selection.getNode();return t.setEnabled(H(e,n)&&e.selection.isEditable()),g};e.ui.registry.addContextForm("quicklink",{launch:{type:"contextformtogglebutton",icon:"link",tooltip:"Link",onSetup:Pe(e)},label:"Link",predicate:t=>O(e)&&H(e,t),initValue:()=>G(e).fold((()=>""),$),commands:[{type:"contextformtogglebutton",icon:"link",tooltip:"Link",primary:!0,onSetup:t=>{const n=e.selection.getNode();return t.setActive(H(e,n)),Pe(e)(t)},onAction:t=>{const n=t.getValue(),o=(t=>{const n=G(e),o=Y(e);if(n.isNone()&&o){const o=J(e.selection,n);return w(0===o.length,t)}return m.none()})(n);ne(e,{href:n,attach:g},{href:n,text:o,title:m.none(),rel:m.none(),target:m.from(N(e)),class:m.none()}),(e=>{e.selection.collapse(!1)})(e),t.hide()}},{type:"contextformbutton",icon:"unlink",tooltip:"Remove link",onSetup:n,onAction:t=>{oe(e),t.hide()}},{type:"contextformbutton",icon:"new-tab",tooltip:"Open link",onSetup:n,onAction:e=>{t.gotoSelectedLink(),e.hide()}}]})})(e,t)};e.add("link",(e=>{(e=>{const t=e.options.register;t("link_assume_external_targets",{processor:e=>{const t=o(e)||a(e);return t?!0===e?{value:1,valid:t}:"http"===e||"https"===e?{value:e,valid:t}:{value:0,valid:t}:{valid:!1,message:"Must be a string or a boolean."}},default:!1}),t("link_context_toolbar",{processor:"boolean",default:!1}),t("link_list",{processor:e=>o(e)||c(e)||u(e,r)}),t("link_default_target",{processor:"string"}),t("link_default_protocol",{processor:"string",default:"https"}),t("link_target_list",{processor:e=>a(e)||u(e,r),default:!0}),t("link_rel_list",{processor:"object[]",default:[]}),t("link_class_list",{processor:"object[]",default:[]}),t("link_title",{processor:"boolean",default:!0}),t("allow_unsafe_link_target",{processor:"boolean",default:!1}),t("link_quicklink",{processor:"boolean",default:!1}),t("link_attributes_postprocess",{processor:"function"})})(e),(e=>{e.addCommand("mceLink",((t,n)=>{!0!==(null==n?void 0:n.dialog)&&D(e)?e.dispatch("contexttoolbar-show",{toolbarKey:"quicklink"}):Oe(e)}))})(e),Be(e),(e=>{e.addShortcut("Meta+K","",(()=>{e.execCommand("mceLink")}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/index.js
new file mode 100644
index 000000000..c7d055ea2
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/index.js
@@ -0,0 +1,7 @@
+// Exports the "lists" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/lists')
+//   ES2015:
+//     import 'tinymce/plugins/lists'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/plugin.js
new file mode 100644
index 000000000..2971e4e3c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/plugin.js
@@ -0,0 +1,2544 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$7 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isArray = isType$1('array');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const not = (f) => (t) => !f(t);
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains$1 = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter$1 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    /*
+     * Groups an array into contiguous arrays of like elements. Whether an element is like or not depends on f.
+     *
+     * f is a function that derives a value from an element - e.g. true or false, or a string.
+     * Elements are like if this function generates the same value for them (according to ===).
+     *
+     *
+     * Order of the elements is preserved. Arr.flatten() on the result will return the original list, as with Haskell groupBy function.
+     *  For a good explanation, see the group function (which is a special case of groupBy)
+     *  http://hackage.haskell.org/package/base-4.7.0.0/docs/Data-List.html#v:group
+     */
+    const groupBy = (xs, f) => {
+        if (xs.length === 0) {
+            return [];
+        }
+        else {
+            let wasType = f(xs[0]); // initial case for matching
+            const r = [];
+            let group = [];
+            for (let i = 0, len = xs.length; i < len; i++) {
+                const x = xs[i];
+                const type = f(x);
+                if (type !== wasType) {
+                    r.push(group);
+                    group = [];
+                }
+                wasType = type;
+                group.push(x);
+            }
+            if (group.length !== 0) {
+                r.push(group);
+            }
+            return r;
+        }
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    const reverse = (xs) => {
+        const r = nativeSlice.call(xs, 0);
+        r.reverse();
+        return r;
+    };
+    const get$1 = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$1(xs, 0);
+    const last = (xs) => get$1(xs, xs.length - 1);
+    const unique = (xs, comparator) => {
+        const r = [];
+        const isDuplicated = isFunction(comparator) ?
+            (x) => exists(r, (i) => comparator(i, x)) :
+            (x) => contains$1(r, x);
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (!isDuplicated(x)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$2 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    /**
+     * Are these two Optional objects equal? Equality here means either they're both
+     * `Some` (and the values are equal under the comparator) or they're both `None`.
+     */
+    const equals = (lhs, rhs, comparator = tripleEquals) => lift2(lhs, rhs, comparator).getOr(lhs.isNone() && rhs.isNone());
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const isEmpty$2 = (s) => !isNotEmpty(s);
+
+    const zeroWidth = '\uFEFF';
+    const isZwsp = (char) => char === zeroWidth;
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom$1(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom$1(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom$1(node);
+    };
+    const fromDom$1 = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom$1);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom: fromDom$1,
+        fromPoint
+    };
+
+    const COMMENT = 8;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    // Returns: true if node e1 contains e2, otherwise false.
+    // (returns false if e1===e2: A node does not contain itself).
+    const contains = (e1, e2) => {
+        const d1 = e1.dom;
+        const d2 = e2.dom;
+        return d1 === d2 ? false : d1.contains(d2);
+    };
+    const is = is$1;
+
+    const unsafe = (name, scope) => {
+        return resolve(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isComment = (element) => type(element) === COMMENT || name(element) === '#comment';
+    const isHTMLElement = (element) => isElement$1(element) && isPrototypeOf(element.dom);
+    const isElement$1 = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement$1(e) && name(e) === tag;
+
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parentElement = (element) => Optional.from(element.dom.parentElement)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+    const child = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child(element, 0);
+    const lastChild = (element) => child(element, element.dom.childNodes.length - 1);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+
+    const before$1 = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before$1(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+
+    const before = (marker, elements) => {
+        each$1(elements, (x) => {
+            before$1(marker, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$1(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const setAll = (element, attrs) => {
+        const dom = element.dom;
+        each(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const clone$1 = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const empty = (element) => {
+        // shortcut "empty node" trick. Requires IE 9.
+        element.dom.textContent = '';
+        // If the contents was a single empty text node, the above doesn't remove it. But, it's still faster in general
+        // than removing every child node manually.
+        // The following is (probably) safe for performance as 99.9% of the time the trick works and
+        // Traverse.children will return an empty array.
+        each$1(children(element), (rogue) => {
+            remove(rogue);
+        });
+    };
+    const remove = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+
+    const clone = (original, isDeep) => SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    /** Deep clone - everything copied including children */
+    const deep = (original) => clone(original, true);
+    /** Shallow clone, with a new tag */
+    const shallowAs = (original, tag) => {
+        const nu = SugarElement.fromTag(tag);
+        const attributes = clone$1(original);
+        setAll(nu, attributes);
+        return nu;
+    };
+    /** Change the tag name, but keep all children */
+    const mutate = (original, tag) => {
+        const nu = shallowAs(original, tag);
+        after(original, nu);
+        const children$1 = children(original);
+        append(nu, children$1);
+        remove(original);
+        return nu;
+    };
+
+    const fromDom = (nodes) => map(nodes, SugarElement.fromDom);
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const set = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+
+    const fromElements = (elements, scope) => {
+        const doc = scope || document;
+        const fragment = doc.createDocumentFragment();
+        each$1(elements, (element) => {
+            fragment.appendChild(element.dom);
+        });
+        return SugarElement.fromDom(fragment);
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$3 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$2 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$3, scope, predicate, isRoot);
+    };
+
+    const ancestor$2 = (scope, selector, isRoot) => ancestor$3(scope, (e) => is$1(e, selector), isRoot);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$1 = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor$2, scope, selector, isRoot);
+    };
+
+    const closest = (target) => closest$1(target, '[contenteditable]');
+    const isEditable = (element, assumeEditable = false) => {
+        if (inBody(element)) {
+            return element.dom.isContentEditable;
+        }
+        else {
+            // Find the closest contenteditable element and check if it's editable
+            return closest(element).fold(constant(assumeEditable), (editable) => getRaw(editable) === 'true');
+        }
+    };
+    const getRaw = (element) => element.dom.contentEditable;
+
+    const ancestor$1 = (scope, predicate, isRoot) => ancestor$3(scope, predicate, isRoot).isSome();
+
+    const ancestor = (element, target) => ancestor$1(element, curry(eq, target));
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const matchNodeName = (name) => (node) => isNonNullable(node) && node.nodeName.toLowerCase() === name;
+    const matchNodeNames = (regex) => (node) => isNonNullable(node) && regex.test(node.nodeName);
+    const isTextNode$1 = (node) => isNonNullable(node) && node.nodeType === 3;
+    const isElement = (node) => isNonNullable(node) && node.nodeType === 1;
+    const isListNode = matchNodeNames(/^(OL|UL|DL)$/);
+    const isOlUlNode = matchNodeNames(/^(OL|UL)$/);
+    const isOlNode = matchNodeName('ol');
+    const isListItemNode = matchNodeNames(/^(LI|DT|DD)$/);
+    const isDlItemNode = matchNodeNames(/^(DT|DD)$/);
+    const isTableCellNode = matchNodeNames(/^(TH|TD)$/);
+    const isBr = matchNodeName('br');
+    const isFirstChild = (node) => { var _a; return ((_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.firstChild) === node; };
+    const isTextBlock = (editor, node) => isNonNullable(node) && node.nodeName in editor.schema.getTextBlockElements();
+    const isBlock = (node, blockElements) => isNonNullable(node) && node.nodeName in blockElements;
+    const isVoid = (editor, node) => isNonNullable(node) && node.nodeName in editor.schema.getVoidElements();
+    const isBogusBr = (dom, node) => {
+        if (!isBr(node)) {
+            return false;
+        }
+        return dom.isBlock(node.nextSibling) && !isBr(node.previousSibling);
+    };
+    const isEmpty$1 = (dom, elm, keepBookmarks) => {
+        const empty = dom.isEmpty(elm);
+        if (keepBookmarks && dom.select('span[data-mce-type=bookmark]', elm).length > 0) {
+            return false;
+        }
+        return empty;
+    };
+    const isChildOfBody = (dom, elm) => dom.isChildOf(elm, dom.getRoot());
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$3 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('lists_indent_on_tab', {
+            processor: 'boolean',
+            default: true
+        });
+    };
+    const shouldIndentOnTab = option('lists_indent_on_tab');
+    const getForcedRootBlock = option('forced_root_block');
+    const getForcedRootBlockAttrs = option('forced_root_block_attrs');
+
+    const createTextBlock = (editor, contentNode, attrs = {}) => {
+        const dom = editor.dom;
+        const blockElements = editor.schema.getBlockElements();
+        const fragment = dom.createFragment();
+        const blockName = getForcedRootBlock(editor);
+        const blockAttrs = getForcedRootBlockAttrs(editor);
+        let node;
+        let textBlock;
+        let hasContentNode = false;
+        textBlock = dom.create(blockName, {
+            ...blockAttrs,
+            ...(attrs.style ? { style: attrs.style } : {})
+        });
+        if (!isBlock(contentNode.firstChild, blockElements)) {
+            fragment.appendChild(textBlock);
+        }
+        while ((node = contentNode.firstChild)) {
+            const nodeName = node.nodeName;
+            if (!hasContentNode && (nodeName !== 'SPAN' || node.getAttribute('data-mce-type') !== 'bookmark')) {
+                hasContentNode = true;
+            }
+            if (isBlock(node, blockElements)) {
+                fragment.appendChild(node);
+                textBlock = null;
+            }
+            else {
+                if (!textBlock) {
+                    textBlock = dom.create(blockName, blockAttrs);
+                    fragment.appendChild(textBlock);
+                }
+                textBlock.appendChild(node);
+            }
+        }
+        // BR is needed in empty blocks
+        if (!hasContentNode && textBlock) {
+            textBlock.appendChild(dom.create('br', { 'data-mce-bogus': '1' }));
+        }
+        return fragment;
+    };
+
+    const DOM$2 = global$3.DOM;
+    const splitList = (editor, list, li) => {
+        const removeAndKeepBookmarks = (targetNode) => {
+            const parent = targetNode.parentNode;
+            if (parent) {
+                global$2.each(bookmarks, (node) => {
+                    parent.insertBefore(node, li.parentNode);
+                });
+            }
+            DOM$2.remove(targetNode);
+        };
+        const bookmarks = DOM$2.select('span[data-mce-type="bookmark"]', list);
+        const newBlock = createTextBlock(editor, li);
+        const tmpRng = DOM$2.createRng();
+        tmpRng.setStartAfter(li);
+        tmpRng.setEndAfter(list);
+        const fragment = tmpRng.extractContents();
+        for (let node = fragment.firstChild; node; node = node.firstChild) {
+            if (node.nodeName === 'LI' && editor.dom.isEmpty(node)) {
+                DOM$2.remove(node);
+                break;
+            }
+        }
+        if (!editor.dom.isEmpty(fragment)) {
+            DOM$2.insertAfter(fragment, list);
+        }
+        DOM$2.insertAfter(newBlock, list);
+        const parent = li.parentElement;
+        if (parent && isEmpty$1(editor.dom, parent)) {
+            removeAndKeepBookmarks(parent);
+        }
+        DOM$2.remove(li);
+        if (isEmpty$1(editor.dom, list)) {
+            DOM$2.remove(list);
+        }
+    };
+
+    const isDescriptionDetail = isTag('dd');
+    const isDescriptionTerm = isTag('dt');
+    const outdentDlItem = (editor, item) => {
+        if (isDescriptionDetail(item)) {
+            mutate(item, 'dt');
+        }
+        else if (isDescriptionTerm(item)) {
+            parentElement(item).each((dl) => splitList(editor, dl.dom, item.dom));
+        }
+    };
+    const indentDlItem = (item) => {
+        if (isDescriptionTerm(item)) {
+            mutate(item, 'dd');
+        }
+    };
+    const dlIndentation = (editor, indentation, dlItems) => {
+        if (indentation === "Indent" /* Indentation.Indent */) {
+            each$1(dlItems, indentDlItem);
+        }
+        else {
+            each$1(dlItems, (item) => outdentDlItem(editor, item));
+        }
+    };
+
+    const getNormalizedPoint = (container, offset) => {
+        if (isTextNode$1(container)) {
+            return { container, offset };
+        }
+        const node = global$6.getNode(container, offset);
+        if (isTextNode$1(node)) {
+            return {
+                container: node,
+                offset: offset >= container.childNodes.length ? node.data.length : 0
+            };
+        }
+        else if (node.previousSibling && isTextNode$1(node.previousSibling)) {
+            return {
+                container: node.previousSibling,
+                offset: node.previousSibling.data.length
+            };
+        }
+        else if (node.nextSibling && isTextNode$1(node.nextSibling)) {
+            return {
+                container: node.nextSibling,
+                offset: 0
+            };
+        }
+        return { container, offset };
+    };
+    const normalizeRange = (rng) => {
+        const outRng = rng.cloneRange();
+        const rangeStart = getNormalizedPoint(rng.startContainer, rng.startOffset);
+        outRng.setStart(rangeStart.container, rangeStart.offset);
+        const rangeEnd = getNormalizedPoint(rng.endContainer, rng.endOffset);
+        outRng.setEnd(rangeEnd.container, rangeEnd.offset);
+        return outRng;
+    };
+
+    const listNames = ['OL', 'UL', 'DL'];
+    const listSelector = listNames.join(',');
+    const getParentList = (editor, node) => {
+        const selectionStart = node || editor.selection.getStart(true);
+        return editor.dom.getParent(selectionStart, listSelector, getClosestListHost(editor, selectionStart));
+    };
+    const isParentListSelected = (parentList, selectedBlocks) => isNonNullable(parentList) && selectedBlocks.length === 1 && selectedBlocks[0] === parentList;
+    const findSubLists = (parentList) => filter$1(parentList.querySelectorAll(listSelector), isListNode);
+    const getSelectedSubLists = (editor) => {
+        const parentList = getParentList(editor);
+        const selectedBlocks = editor.selection.getSelectedBlocks();
+        if (isParentListSelected(parentList, selectedBlocks)) {
+            return findSubLists(parentList);
+        }
+        else {
+            return filter$1(selectedBlocks, (elm) => {
+                return isListNode(elm) && parentList !== elm;
+            });
+        }
+    };
+    const findParentListItemsNodes = (editor, elms) => {
+        const listItemsElms = global$2?.map(elms, (elm) => {
+            const parentLi = editor.dom.getParent(elm, 'li,dd,dt', getClosestListHost(editor, elm));
+            return parentLi ? parentLi : elm;
+        });
+        return unique(listItemsElms);
+    };
+    const getSelectedListItems = (editor) => {
+        const selectedBlocks = editor.selection.getSelectedBlocks();
+        return filter$1(findParentListItemsNodes(editor, selectedBlocks), isListItemNode);
+    };
+    const getSelectedDlItems = (editor) => filter$1(getSelectedListItems(editor), isDlItemNode);
+    const getClosestEditingHost = (editor, elm) => {
+        const parentTableCell = editor.dom.getParents(elm, 'TD,TH');
+        return parentTableCell.length > 0 ? parentTableCell[0] : editor.getBody();
+    };
+    const isListHost = (schema, node) => !isListNode(node) && !isListItemNode(node) && exists(listNames, (listName) => schema.isValidChild(node.nodeName, listName));
+    const getClosestListHost = (editor, elm) => {
+        const parentBlocks = editor.dom.getParents(elm, editor.dom.isBlock);
+        const isNotForcedRootBlock = (elm) => elm.nodeName.toLowerCase() !== getForcedRootBlock(editor);
+        const parentBlock = find(parentBlocks, (elm) => isNotForcedRootBlock(elm) && isListHost(editor.schema, elm));
+        return parentBlock.getOr(editor.getBody());
+    };
+    const isListInsideAnLiWithFirstAndLastNotListElement = (list) => parent(list).exists((parent) => isListItemNode(parent.dom)
+        && firstChild(parent).exists((firstChild) => !isListNode(firstChild.dom))
+        && lastChild(parent).exists((lastChild) => !isListNode(lastChild.dom)));
+    const findLastParentListNode = (editor, elm) => {
+        const parentLists = editor.dom.getParents(elm, 'ol,ul', getClosestListHost(editor, elm));
+        return last(parentLists);
+    };
+    const getSelectedLists = (editor) => {
+        const firstList = findLastParentListNode(editor, editor.selection.getStart());
+        const subsequentLists = filter$1(editor.selection.getSelectedBlocks(), isOlUlNode);
+        return firstList.toArray().concat(subsequentLists);
+    };
+    const getParentLists = (editor) => {
+        const elm = editor.selection.getStart();
+        return editor.dom.getParents(elm, 'ol,ul', getClosestListHost(editor, elm));
+    };
+    const getSelectedListRoots = (editor) => {
+        const selectedLists = getSelectedLists(editor);
+        const parentLists = getParentLists(editor);
+        return find(parentLists, (p) => isListInsideAnLiWithFirstAndLastNotListElement(SugarElement.fromDom(p))).fold(() => getUniqueListRoots(editor, selectedLists), (l) => [l]);
+    };
+    const getUniqueListRoots = (editor, lists) => {
+        const listRoots = map(lists, (list) => findLastParentListNode(editor, list).getOr(list));
+        return unique(listRoots);
+    };
+
+    const isCustomList = (list) => /\btox\-/.test(list.className);
+    const inList = (parents, listName) => findUntil(parents, isListNode, isTableCellNode)
+        .exists((list) => list.nodeName === listName && !isCustomList(list));
+    // Advlist/core/ListUtils.ts - Duplicated in Advlist plugin
+    const isWithinNonEditable = (editor, element) => element !== null && !editor.dom.isEditable(element);
+    const selectionIsWithinNonEditableList = (editor) => {
+        const parentList = getParentList(editor);
+        return isWithinNonEditable(editor, parentList) || !editor.selection.isEditable();
+    };
+    const isWithinNonEditableList = (editor, element) => {
+        const parentList = editor.dom.getParent(element, 'ol,ul,dl');
+        return isWithinNonEditable(editor, parentList) || !editor.selection.isEditable();
+    };
+    const setNodeChangeHandler = (editor, nodeChangeHandler) => {
+        const initialNode = editor.selection.getNode();
+        // Set the initial state
+        nodeChangeHandler({
+            parents: editor.dom.getParents(initialNode),
+            element: initialNode
+        });
+        editor.on('NodeChange', nodeChangeHandler);
+        return () => editor.off('NodeChange', nodeChangeHandler);
+    };
+
+    const fireListEvent = (editor, action, element) => editor.dispatch('ListMutation', { action, element });
+
+    const isList = (el) => is(el, 'OL,UL');
+    const isListItem = (el) => is(el, 'LI');
+    const hasFirstChildList = (el) => firstChild(el).exists(isList);
+    const hasLastChildList = (el) => lastChild(el).exists(isList);
+
+    const isEntryList = (entry) => 'listAttributes' in entry;
+    const isEntryComment = (entry) => 'isComment' in entry;
+    const isEntryFragment = (entry) => 'isFragment' in entry;
+    const isIndented = (entry) => entry.depth > 0;
+    const isSelected = (entry) => entry.isSelected;
+    const cloneItemContent = (li) => {
+        const children$1 = children(li);
+        const content = hasLastChildList(li) ? children$1.slice(0, -1) : children$1;
+        return map(content, deep);
+    };
+    const createEntry = (li, depth, isSelected) => parent(li).filter(isElement$1)?.map((list) => ({
+        depth,
+        dirty: false,
+        isSelected,
+        content: cloneItemContent(li),
+        itemAttributes: clone$1(li),
+        listAttributes: clone$1(list),
+        listType: name(list),
+        isInPreviousLi: false
+    }));
+
+    const joinSegment = (parent, child) => {
+        append$1(parent.item, child.list);
+    };
+    const joinSegments = (segments) => {
+        for (let i = 1; i < segments.length; i++) {
+            joinSegment(segments[i - 1], segments[i]);
+        }
+    };
+    const appendSegments = (head$1, tail) => {
+        lift2(last(head$1), head(tail), joinSegment);
+    };
+    const createSegment = (scope, listType) => {
+        const segment = {
+            list: SugarElement.fromTag(listType, scope),
+            item: SugarElement.fromTag('li', scope)
+        };
+        append$1(segment.list, segment.item);
+        return segment;
+    };
+    const createSegments = (scope, entry, size) => {
+        const segments = [];
+        for (let i = 0; i < size; i++) {
+            segments.push(createSegment(scope, isEntryList(entry) ? entry.listType : entry.parentListType));
+        }
+        return segments;
+    };
+    const populateSegments = (segments, entry) => {
+        for (let i = 0; i < segments.length - 1; i++) {
+            set(segments[i].item, 'list-style-type', 'none');
+        }
+        last(segments).each((segment) => {
+            if (isEntryList(entry)) {
+                setAll(segment.list, entry.listAttributes);
+                setAll(segment.item, entry.itemAttributes);
+            }
+            append(segment.item, entry.content);
+        });
+    };
+    const normalizeSegment = (segment, entry) => {
+        if (name(segment.list) !== entry.listType) {
+            segment.list = mutate(segment.list, entry.listType);
+        }
+        setAll(segment.list, entry.listAttributes);
+    };
+    const createItem = (scope, attr, content) => {
+        const item = SugarElement.fromTag('li', scope);
+        setAll(item, attr);
+        append(item, content);
+        return item;
+    };
+    const appendItem = (segment, item) => {
+        append$1(segment.list, item);
+        segment.item = item;
+    };
+    const writeShallow = (scope, cast, entry) => {
+        const newCast = cast.slice(0, entry.depth);
+        last(newCast).each((segment) => {
+            if (isEntryList(entry)) {
+                const item = createItem(scope, entry.itemAttributes, entry.content);
+                appendItem(segment, item);
+                normalizeSegment(segment, entry);
+            }
+            else if (isEntryFragment(entry)) {
+                append(segment.item, entry.content);
+            }
+            else {
+                const item = SugarElement.fromHtml(`<!--${entry.content}-->`);
+                append$1(segment.list, item);
+            }
+        });
+        return newCast;
+    };
+    const writeDeep = (scope, cast, entry) => {
+        const segments = createSegments(scope, entry, entry.depth - cast.length);
+        joinSegments(segments);
+        populateSegments(segments, entry);
+        appendSegments(cast, segments);
+        return cast.concat(segments);
+    };
+    const composeList = (scope, entries) => {
+        let firstCommentEntryOpt = Optional.none();
+        const cast = foldl(entries, (cast, entry, i) => {
+            if (!isEntryComment(entry)) {
+                return entry.depth > cast.length ? writeDeep(scope, cast, entry) : writeShallow(scope, cast, entry);
+            }
+            else {
+                // this is needed becuase if the first element of the list is a comment we would not have the data to create the new list
+                if (i === 0) {
+                    firstCommentEntryOpt = Optional?.some(entry);
+                    return cast;
+                }
+                return writeShallow(scope, cast, entry);
+            }
+        }, []);
+        firstCommentEntryOpt.each((firstCommentEntry) => {
+            const item = SugarElement.fromHtml(`<!--${firstCommentEntry.content}-->`);
+            head(cast).each((fistCast) => {
+                prepend(fistCast.list, item);
+            });
+        });
+        return head(cast)?.map((segment) => segment.list);
+    };
+
+    const indentEntry = (indentation, entry) => {
+        switch (indentation) {
+            case "Indent" /* Indentation.Indent */:
+                entry.depth++;
+                break;
+            case "Outdent" /* Indentation.Outdent */:
+                entry.depth--;
+                break;
+            case "Flatten" /* Indentation.Flatten */:
+                entry.depth = 0;
+        }
+        entry.dirty = true;
+    };
+
+    const cloneListProperties = (target, source) => {
+        if (isEntryList(target) && isEntryList(source)) {
+            target.listType = source.listType;
+            target.listAttributes = { ...source.listAttributes };
+        }
+    };
+    const cleanListProperties = (entry) => {
+        // Remove the start attribute if generating a new list
+        entry.listAttributes = filter(entry.listAttributes, (_value, key) => key !== 'start');
+    };
+    // Closest entry above/below in the same list
+    const closestSiblingEntry = (entries, start) => {
+        const depth = entries[start].depth;
+        // Ignore dirty items as they've been moved and won't have the right list data yet
+        const matches = (entry) => entry.depth === depth && !entry.dirty;
+        const until = (entry) => entry.depth < depth;
+        // Check in reverse to see if there's an entry as the same depth before the current entry
+        // but if not, then try to walk forwards as well
+        return findUntil(reverse(entries.slice(0, start)), matches, until)
+            .orThunk(() => findUntil(entries.slice(start + 1), matches, until));
+    };
+    const normalizeEntries = (entries) => {
+        each$1(entries, (entry, i) => {
+            closestSiblingEntry(entries, i).fold(() => {
+                if (entry.dirty && isEntryList(entry)) {
+                    cleanListProperties(entry);
+                }
+            }, (matchingEntry) => cloneListProperties(entry, matchingEntry));
+        });
+        return entries;
+    };
+
+    const parseSingleItem = (depth, itemSelection, selectionState, item) => {
+        var _a;
+        if (isComment(item)) {
+            return [{
+                    depth: depth + 1,
+                    content: (_a = item.dom.nodeValue) !== null && _a !== void 0 ? _a : '',
+                    dirty: false,
+                    isSelected: false,
+                    isComment: true
+                }];
+        }
+        itemSelection.each((selection) => {
+            if (eq(selection.start, item)) {
+                selectionState.set(true);
+            }
+        });
+        const currentItemEntry = createEntry(item, depth, selectionState.get());
+        // Update selectionState (end)
+        itemSelection.each((selection) => {
+            if (eq(selection.end, item)) {
+                selectionState.set(false);
+            }
+        });
+        const childListEntries = lastChild(item)
+            .filter(isList)
+            ?.map((list) => parseList(depth, itemSelection, selectionState, list))
+            .getOr([]);
+        return currentItemEntry.toArray().concat(childListEntries);
+    };
+    const parseItem = (depth, itemSelection, selectionState, item) => firstChild(item).filter(isList).fold(() => parseSingleItem(depth, itemSelection, selectionState, item), (list) => {
+        const parsedSiblings = foldl(children(item), (acc, liChild, i) => {
+            if (i === 0) {
+                return acc;
+            }
+            else {
+                if (isListItem(liChild)) {
+                    return acc.concat(parseSingleItem(depth, itemSelection, selectionState, liChild));
+                }
+                else {
+                    const fragment = {
+                        isFragment: true,
+                        depth,
+                        content: [liChild],
+                        isSelected: false,
+                        dirty: false,
+                        parentListType: name(list)
+                    };
+                    return acc.concat(fragment);
+                }
+            }
+        }, []);
+        return parseList(depth, itemSelection, selectionState, list).concat(parsedSiblings);
+    });
+    const parseList = (depth, itemSelection, selectionState, list) => bind(children(list), (element) => {
+        const parser = isList(element) ? parseList : parseItem;
+        const newDepth = depth + 1;
+        return parser(newDepth, itemSelection, selectionState, element);
+    });
+    const parseLists = (lists, itemSelection) => {
+        const selectionState = Cell(false);
+        const initialDepth = 0;
+        return map(lists, (list) => ({
+            sourceList: list,
+            entries: parseList(initialDepth, itemSelection, selectionState, list)
+        }));
+    };
+
+    const outdentedComposer = (editor, entries) => {
+        const normalizedEntries = normalizeEntries(entries);
+        return map(normalizedEntries, (entry) => {
+            const content = !isEntryComment(entry)
+                ? fromElements(entry.content)
+                : fromElements([SugarElement.fromHtml(`<!--${entry.content}-->`)]);
+            const listItemAttrs = isEntryList(entry) ? entry.itemAttributes : {};
+            return SugarElement.fromDom(createTextBlock(editor, content.dom, listItemAttrs));
+        });
+    };
+    const indentedComposer = (editor, entries) => {
+        const normalizedEntries = normalizeEntries(entries);
+        return composeList(editor.contentDocument, normalizedEntries).toArray();
+    };
+    const composeEntries = (editor, entries) => bind(groupBy(entries, isIndented), (entries) => {
+        const groupIsIndented = head(entries).exists(isIndented);
+        return groupIsIndented ? indentedComposer(editor, entries) : outdentedComposer(editor, entries);
+    });
+    const indentSelectedEntries = (entries, indentation) => {
+        each$1(filter$1(entries, isSelected), (entry) => indentEntry(indentation, entry));
+    };
+    const getItemSelection = (editor) => {
+        const selectedListItems = map(getSelectedListItems(editor), SugarElement.fromDom);
+        return lift2(find(selectedListItems, not(hasFirstChildList)), find(reverse(selectedListItems), not(hasFirstChildList)), (start, end) => ({ start, end }));
+    };
+    const listIndentation = (editor, lists, indentation) => {
+        const entrySets = parseLists(lists, getItemSelection(editor));
+        each$1(entrySets, (entrySet) => {
+            indentSelectedEntries(entrySet.entries, indentation);
+            const composedLists = composeEntries(editor, entrySet.entries);
+            each$1(composedLists, (composedList) => {
+                fireListEvent(editor, indentation === "Indent" /* Indentation.Indent */ ? "IndentList" /* ListAction.IndentList */ : "OutdentList" /* ListAction.OutdentList */, composedList.dom);
+            });
+            before(entrySet.sourceList, composedLists);
+            remove(entrySet.sourceList);
+        });
+    };
+
+    const selectionIndentation = (editor, indentation) => {
+        const lists = fromDom(getSelectedListRoots(editor));
+        const dlItems = fromDom(getSelectedDlItems(editor));
+        let isHandled = false;
+        if (lists.length || dlItems.length) {
+            const bookmark = editor.selection.getBookmark();
+            listIndentation(editor, lists, indentation);
+            dlIndentation(editor, indentation, dlItems);
+            editor.selection.moveToBookmark(bookmark);
+            editor.selection.setRng(normalizeRange(editor.selection.getRng()));
+            editor.nodeChanged();
+            isHandled = true;
+        }
+        return isHandled;
+    };
+    const handleIndentation = (editor, indentation) => !selectionIsWithinNonEditableList(editor) && selectionIndentation(editor, indentation);
+    const indentListSelection = (editor) => handleIndentation(editor, "Indent" /* Indentation.Indent */);
+    const outdentListSelection = (editor) => handleIndentation(editor, "Outdent" /* Indentation.Outdent */);
+    const flattenListSelection = (editor) => handleIndentation(editor, "Flatten" /* Indentation.Flatten */);
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.BookmarkManager');
+
+    const DOM$1 = global$3.DOM;
+    /**
+     * Returns a range bookmark. This will convert indexed bookmarks into temporary span elements with
+     * index 0 so that they can be restored properly after the DOM has been modified. Text bookmarks will not have spans
+     * added to them since they can be restored after a dom operation.
+     *
+     * So this: <p><b>|</b><b>|</b></p>
+     * becomes: <p><b><span data-mce-type="bookmark">|</span></b><b data-mce-type="bookmark">|</span></b></p>
+     *
+     * @param  {DOMRange} rng DOM Range to get bookmark on.
+     * @return {Object} Bookmark object.
+     */
+    const createBookmark = (rng) => {
+        const bookmark = {};
+        const setupEndPoint = (start) => {
+            let container = rng[start ? 'startContainer' : 'endContainer'];
+            let offset = rng[start ? 'startOffset' : 'endOffset'];
+            if (isElement(container)) {
+                const offsetNode = DOM$1.create('span', { 'data-mce-type': 'bookmark' });
+                if (container.hasChildNodes()) {
+                    offset = Math.min(offset, container.childNodes.length - 1);
+                    if (start) {
+                        container.insertBefore(offsetNode, container.childNodes[offset]);
+                    }
+                    else {
+                        DOM$1.insertAfter(offsetNode, container.childNodes[offset]);
+                    }
+                }
+                else {
+                    container.appendChild(offsetNode);
+                }
+                container = offsetNode;
+                offset = 0;
+            }
+            bookmark[start ? 'startContainer' : 'endContainer'] = container;
+            bookmark[start ? 'startOffset' : 'endOffset'] = offset;
+        };
+        setupEndPoint(true);
+        if (!rng.collapsed) {
+            setupEndPoint();
+        }
+        return bookmark;
+    };
+    const resolveBookmark = (bookmark) => {
+        const restoreEndPoint = (start) => {
+            const nodeIndex = (container) => {
+                var _a;
+                let node = (_a = container.parentNode) === null || _a === void 0 ? void 0 : _a.firstChild;
+                let idx = 0;
+                while (node) {
+                    if (node === container) {
+                        return idx;
+                    }
+                    // Skip data-mce-type=bookmark nodes
+                    if (!isElement(node) || node.getAttribute('data-mce-type') !== 'bookmark') {
+                        idx++;
+                    }
+                    node = node.nextSibling;
+                }
+                return -1;
+            };
+            let container = bookmark[start ? 'startContainer' : 'endContainer'];
+            let offset = bookmark[start ? 'startOffset' : 'endOffset'];
+            if (!container) {
+                return;
+            }
+            if (isElement(container) && container.parentNode) {
+                const node = container;
+                offset = nodeIndex(container);
+                container = container.parentNode;
+                DOM$1.remove(node);
+                if (!container.hasChildNodes() && DOM$1.isBlock(container)) {
+                    container.appendChild(DOM$1.create('br'));
+                }
+            }
+            bookmark[start ? 'startContainer' : 'endContainer'] = container;
+            bookmark[start ? 'startOffset' : 'endOffset'] = offset;
+        };
+        restoreEndPoint(true);
+        restoreEndPoint();
+        const rng = DOM$1.createRng();
+        rng.setStart(bookmark.startContainer, bookmark.startOffset);
+        if (bookmark.endContainer) {
+            rng.setEnd(bookmark.endContainer, bookmark.endOffset);
+        }
+        return normalizeRange(rng);
+    };
+
+    const listToggleActionFromListName = (listName) => {
+        switch (listName) {
+            case 'UL': return "ToggleUlList" /* ListAction.ToggleUlList */;
+            case 'OL': return "ToggleOlList" /* ListAction.ToggleOlList */;
+            case 'DL': return "ToggleDLList" /* ListAction.ToggleDLList */;
+        }
+    };
+
+    const updateListStyle = (dom, el, detail) => {
+        const type = detail['list-style-type'] ? detail['list-style-type'] : null;
+        dom.setStyle(el, 'list-style-type', type);
+    };
+    const setAttribs = (elm, attrs) => {
+        global$2.each(attrs, (value, key) => {
+            elm.setAttribute(key, value);
+        });
+    };
+    const updateListAttrs = (dom, el, detail) => {
+        setAttribs(el, detail['list-attributes']);
+        global$2.each(dom.select('li', el), (li) => {
+            setAttribs(li, detail['list-item-attributes']);
+        });
+    };
+    const updateListWithDetails = (dom, el, detail) => {
+        updateListStyle(dom, el, detail);
+        updateListAttrs(dom, el, detail);
+    };
+    const removeStyles = (dom, element, styles) => {
+        global$2.each(styles, (style) => dom.setStyle(element, style, ''));
+    };
+    const isInline = (editor, node) => isNonNullable(node) && !isBlock(node, editor.schema.getBlockElements());
+    const getEndPointNode = (editor, rng, start, root) => {
+        let container = rng[start ? 'startContainer' : 'endContainer'];
+        const offset = rng[start ? 'startOffset' : 'endOffset'];
+        // Resolve node index
+        if (isElement(container)) {
+            container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
+        }
+        if (!start && isBr(container.nextSibling)) {
+            container = container.nextSibling;
+        }
+        const findBlockAncestor = (node) => {
+            while (!editor.dom.isBlock(node) && node.parentNode && root !== node) {
+                node = node.parentNode;
+            }
+            return node;
+        };
+        // The reason why the next two if statements exist is because when the root node is a table cell (possibly some other node types)
+        // then the highest we can go up the dom hierarchy is one level below the table cell.
+        // So what happens when we have a bunch of inline nodes and text nodes in the table cell
+        // and when the selection is collapsed inside one of the inline nodes then only that inline node (or text node) will be included
+        // in the created list because that would be one level below td node and the other inline nodes won't be included.
+        // So the fix proposed is to traverse left when looking for start node (and traverse right when looking for end node)
+        // and keep traversing as long as we have an inline or text node (same for traversing right).
+        // This way we end up including all the inline elements in the created list.
+        // For more info look at #TINY-6853
+        const findBetterContainer = (container, forward) => {
+            var _a;
+            const walker = new global$5(container, findBlockAncestor(container));
+            const dir = forward ? 'next' : 'prev';
+            let node;
+            while ((node = walker[dir]())) {
+                if (!(isVoid(editor, node) || isZwsp(node.textContent) || ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.length) === 0)) {
+                    return Optional?.some(node);
+                }
+            }
+            return Optional.none();
+        };
+        // Traverse left to include inline/text nodes
+        if (start && isTextNode$1(container)) {
+            if (isZwsp(container.textContent)) {
+                container = findBetterContainer(container, false).getOr(container);
+            }
+            else {
+                if (container.parentNode !== null && isInline(editor, container.parentNode)) {
+                    container = container.parentNode;
+                }
+                while (container.previousSibling !== null && (isInline(editor, container.previousSibling) || isTextNode$1(container.previousSibling))) {
+                    container = container.previousSibling;
+                }
+            }
+        }
+        // Traverse right to include inline/text nodes
+        if (!start && isTextNode$1(container)) {
+            if (isZwsp(container.textContent)) {
+                container = findBetterContainer(container, true).getOr(container);
+            }
+            else {
+                if (container.parentNode !== null && isInline(editor, container.parentNode)) {
+                    container = container.parentNode;
+                }
+                while (container.nextSibling !== null && (isInline(editor, container.nextSibling) || isTextNode$1(container.nextSibling))) {
+                    container = container.nextSibling;
+                }
+            }
+        }
+        while (container.parentNode !== root) {
+            const parent = container.parentNode;
+            if (isTextBlock(editor, container)) {
+                return container;
+            }
+            if (/^(TD|TH)$/.test(parent.nodeName)) {
+                return container;
+            }
+            container = parent;
+        }
+        return container;
+    };
+    const getSelectedTextBlocks = (editor, rng, root) => {
+        const textBlocks = [];
+        const dom = editor.dom;
+        const startNode = getEndPointNode(editor, rng, true, root);
+        const endNode = getEndPointNode(editor, rng, false, root);
+        let block;
+        const siblings = [];
+        for (let node = startNode; node; node = node.nextSibling) {
+            siblings.push(node);
+            if (node === endNode) {
+                break;
+            }
+        }
+        global$2.each(siblings, (node) => {
+            var _a;
+            if (isTextBlock(editor, node)) {
+                textBlocks.push(node);
+                block = null;
+                return;
+            }
+            if (dom.isBlock(node) || isBr(node)) {
+                if (isBr(node)) {
+                    dom.remove(node);
+                }
+                block = null;
+                return;
+            }
+            const nextSibling = node.nextSibling;
+            if (global$1.isBookmarkNode(node)) {
+                if (isListNode(nextSibling) || isTextBlock(editor, nextSibling) || (!nextSibling && node.parentNode === root)) {
+                    block = null;
+                    return;
+                }
+            }
+            if (!block) {
+                block = dom.create('p');
+                (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(block, node);
+                textBlocks.push(block);
+            }
+            block.appendChild(node);
+        });
+        return textBlocks;
+    };
+    const hasCompatibleStyle = (dom, sib, detail) => {
+        const sibStyle = dom.getStyle(sib, 'list-style-type');
+        let detailStyle = detail ? detail['list-style-type'] : '';
+        detailStyle = detailStyle === null ? '' : detailStyle;
+        return sibStyle === detailStyle;
+    };
+    /*
+      Find the first element we would transform into a li-element if given no constraints.
+      If the common ancestor is higher up than that provide it as the starting-point for the search for the root instead of the first selected element.
+      This helps avoid issues with divs that should become li-elements are detected as the root when they should not be.
+    */
+    const getRootSearchStart = (editor, range) => {
+        const start = editor.selection.getStart(true);
+        const startPoint = getEndPointNode(editor, range, true, editor.getBody());
+        if (ancestor(SugarElement.fromDom(startPoint), SugarElement.fromDom(range.commonAncestorContainer))) {
+            return range.commonAncestorContainer;
+        }
+        else {
+            return start;
+        }
+    };
+    const applyList = (editor, listName, detail) => {
+        const rng = editor.selection.getRng();
+        let listItemName = 'LI';
+        const root = getClosestListHost(editor, getRootSearchStart(editor, rng));
+        const dom = editor.dom;
+        if (dom.getContentEditable(editor.selection.getNode()) === 'false') {
+            return;
+        }
+        listName = listName.toUpperCase();
+        if (listName === 'DL') {
+            listItemName = 'DT';
+        }
+        const bookmark = createBookmark(rng);
+        const selectedTextBlocks = filter$1(getSelectedTextBlocks(editor, rng, root), editor.dom.isEditable);
+        global$2.each(selectedTextBlocks, (block) => {
+            let listBlock;
+            const sibling = block.previousSibling;
+            const parent = block.parentNode;
+            if (!isListItemNode(parent)) {
+                if (sibling && isListNode(sibling) && sibling.nodeName === listName && hasCompatibleStyle(dom, sibling, detail)) {
+                    listBlock = sibling;
+                    block = dom.rename(block, listItemName);
+                    sibling.appendChild(block);
+                }
+                else {
+                    listBlock = dom.create(listName);
+                    parent.insertBefore(listBlock, block);
+                    listBlock.appendChild(block);
+                    block = dom.rename(block, listItemName);
+                }
+                removeStyles(dom, block, [
+                    'margin', 'margin-right', 'margin-bottom', 'margin-left', 'margin-top',
+                    'padding', 'padding-right', 'padding-bottom', 'padding-left', 'padding-top'
+                ]);
+                updateListWithDetails(dom, listBlock, detail);
+                mergeWithAdjacentLists(editor.dom, listBlock);
+            }
+        });
+        editor.selection.setRng(resolveBookmark(bookmark));
+    };
+    const isValidLists = (list1, list2) => {
+        return isListNode(list1) && list1.nodeName === (list2 === null || list2 === void 0 ? void 0 : list2.nodeName);
+    };
+    const hasSameListStyle = (dom, list1, list2) => {
+        const targetStyle = dom.getStyle(list1, 'list-style-type', true);
+        const style = dom.getStyle(list2, 'list-style-type', true);
+        return targetStyle === style;
+    };
+    const hasSameClasses = (elm1, elm2) => {
+        return elm1.className === elm2.className;
+    };
+    const shouldMerge = (dom, list1, list2) => {
+        return isValidLists(list1, list2) &&
+            // Note: isValidLists will ensure list1 and list2 are a HTMLElement. Unfortunately TypeScript doesn't
+            // support type guards on multiple variables. See https://github.com/microsoft/TypeScript/issues/26916
+            hasSameListStyle(dom, list1, list2) &&
+            hasSameClasses(list1, list2);
+    };
+    const mergeWithAdjacentLists = (dom, listBlock) => {
+        let node;
+        let sibling = listBlock.nextSibling;
+        if (shouldMerge(dom, listBlock, sibling)) {
+            const liSibling = sibling;
+            while ((node = liSibling.firstChild)) {
+                listBlock.appendChild(node);
+            }
+            dom.remove(liSibling);
+        }
+        sibling = listBlock.previousSibling;
+        if (shouldMerge(dom, listBlock, sibling)) {
+            const liSibling = sibling;
+            while ((node = liSibling.lastChild)) {
+                listBlock.insertBefore(node, listBlock.firstChild);
+            }
+            dom.remove(liSibling);
+        }
+    };
+    const updateList$1 = (editor, list, listName, detail) => {
+        if (list.nodeName !== listName) {
+            const newList = editor.dom.rename(list, listName);
+            updateListWithDetails(editor.dom, newList, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), newList);
+        }
+        else {
+            updateListWithDetails(editor.dom, list, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), list);
+        }
+    };
+    const updateCustomList = (editor, list, listName, detail) => {
+        list.classList.forEach((cls, _, classList) => {
+            if (cls.startsWith('tox-')) {
+                classList.remove(cls);
+                if (classList.length === 0) {
+                    list.removeAttribute('class');
+                }
+            }
+        });
+        if (list.nodeName !== listName) {
+            const newList = editor.dom.rename(list, listName);
+            updateListWithDetails(editor.dom, newList, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), newList);
+        }
+        else {
+            updateListWithDetails(editor.dom, list, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), list);
+        }
+    };
+    const toggleMultipleLists = (editor, parentList, lists, listName, detail) => {
+        const parentIsList = isListNode(parentList);
+        if (parentIsList && parentList.nodeName === listName && !hasListStyleDetail(detail) && !isCustomList(parentList)) {
+            flattenListSelection(editor);
+        }
+        else {
+            applyList(editor, listName, detail);
+            const bookmark = createBookmark(editor.selection.getRng());
+            const allLists = parentIsList ? [parentList, ...lists] : lists;
+            const updateFunction = (parentIsList && isCustomList(parentList)) ? updateCustomList : updateList$1;
+            global$2.each(allLists, (elm) => {
+                updateFunction(editor, elm, listName, detail);
+            });
+            editor.selection.setRng(resolveBookmark(bookmark));
+        }
+    };
+    const hasListStyleDetail = (detail) => {
+        return 'list-style-type' in detail;
+    };
+    const toggleSingleList = (editor, parentList, listName, detail) => {
+        if (parentList === editor.getBody()) {
+            return;
+        }
+        if (parentList) {
+            if (parentList.nodeName === listName && !hasListStyleDetail(detail) && !isCustomList(parentList)) {
+                flattenListSelection(editor);
+            }
+            else {
+                const bookmark = createBookmark(editor.selection.getRng());
+                if (isCustomList(parentList)) {
+                    parentList.classList.forEach((cls, _, classList) => {
+                        if (cls.startsWith('tox-')) {
+                            classList.remove(cls);
+                            if (classList.length === 0) {
+                                parentList.removeAttribute('class');
+                            }
+                        }
+                    });
+                }
+                updateListWithDetails(editor.dom, parentList, detail);
+                const newList = editor.dom.rename(parentList, listName);
+                mergeWithAdjacentLists(editor.dom, newList);
+                editor.selection.setRng(resolveBookmark(bookmark));
+                applyList(editor, listName, detail);
+                fireListEvent(editor, listToggleActionFromListName(listName), newList);
+            }
+        }
+        else {
+            applyList(editor, listName, detail);
+            fireListEvent(editor, listToggleActionFromListName(listName), parentList);
+        }
+    };
+    const toggleList = (editor, listName, _detail) => {
+        const parentList = getParentList(editor);
+        if (isWithinNonEditableList(editor, parentList)) {
+            return;
+        }
+        const selectedSubLists = getSelectedSubLists(editor);
+        const detail = isObject(_detail) ? _detail : {};
+        if (selectedSubLists.length > 0) {
+            toggleMultipleLists(editor, parentList, selectedSubLists, listName, detail);
+        }
+        else {
+            toggleSingleList(editor, parentList, listName, detail);
+        }
+    };
+
+    const DOM = global$3.DOM;
+    const normalizeList = (dom, list) => {
+        const parentNode = list.parentElement;
+        // Move UL/OL to previous LI if it's the only child of a LI
+        if (parentNode && parentNode.nodeName === 'LI' && parentNode.firstChild === list) {
+            const sibling = parentNode.previousSibling;
+            if (sibling && sibling.nodeName === 'LI') {
+                sibling.appendChild(list);
+                if (isEmpty$1(dom, parentNode)) {
+                    DOM.remove(parentNode);
+                }
+            }
+            else {
+                DOM.setStyle(parentNode, 'listStyleType', 'none');
+            }
+        }
+        // Append OL/UL to previous LI if it's in a parent OL/UL i.e. old HTML4
+        if (isListNode(parentNode)) {
+            const sibling = parentNode.previousSibling;
+            if (sibling && sibling.nodeName === 'LI') {
+                sibling.appendChild(list);
+            }
+        }
+    };
+    const normalizeLists = (dom, element) => {
+        const lists = global$2.grep(dom.select('ol,ul', element));
+        global$2.each(lists, (list) => {
+            normalizeList(dom, list);
+        });
+    };
+
+    const findNextCaretContainer = (editor, rng, isForward, root) => {
+        let node = rng.startContainer;
+        const offset = rng.startOffset;
+        if (isTextNode$1(node) && (isForward ? offset < node.data.length : offset > 0)) {
+            return node;
+        }
+        const nonEmptyBlocks = editor.schema.getNonEmptyElements();
+        if (isElement(node)) {
+            node = global$6.getNode(node, offset);
+        }
+        const walker = new global$5(node, root);
+        // Delete at <li>|<br></li> then jump over the bogus br
+        if (isForward) {
+            if (isBogusBr(editor.dom, node)) {
+                walker.next();
+            }
+        }
+        const walkFn = isForward ? walker.next.bind(walker) : walker.prev2.bind(walker);
+        while ((node = walkFn())) {
+            if (node.nodeName === 'LI' && !node.hasChildNodes()) {
+                return node;
+            }
+            if (nonEmptyBlocks[node.nodeName]) {
+                return node;
+            }
+            if (isTextNode$1(node) && node.data.length > 0) {
+                return node;
+            }
+        }
+        return null;
+    };
+    const hasOnlyOneBlockChild = (dom, elm) => {
+        const childNodes = elm.childNodes;
+        return childNodes.length === 1 && !isListNode(childNodes[0]) && dom.isBlock(childNodes[0]);
+    };
+    const isUnwrappable = (node) => Optional.from(node)
+        ?.map(SugarElement.fromDom)
+        .filter(isHTMLElement)
+        .exists((el) => isEditable(el) && !contains$1(['details'], name(el)));
+    const unwrapSingleBlockChild = (dom, elm) => {
+        if (hasOnlyOneBlockChild(dom, elm) && isUnwrappable(elm.firstChild)) {
+            dom.remove(elm.firstChild, true);
+        }
+    };
+    const moveChildren = (dom, fromElm, toElm) => {
+        let node;
+        const targetElm = hasOnlyOneBlockChild(dom, toElm) ? toElm.firstChild : toElm;
+        unwrapSingleBlockChild(dom, fromElm);
+        if (!isEmpty$1(dom, fromElm, true)) {
+            while ((node = fromElm.firstChild)) {
+                targetElm.appendChild(node);
+            }
+        }
+    };
+    const mergeLiElements = (dom, fromElm, toElm) => {
+        let listNode;
+        const ul = fromElm.parentNode;
+        if (!isChildOfBody(dom, fromElm) || !isChildOfBody(dom, toElm)) {
+            return;
+        }
+        if (isListNode(toElm.lastChild)) {
+            listNode = toElm.lastChild;
+        }
+        if (ul === toElm.lastChild) {
+            if (isBr(ul.previousSibling)) {
+                dom.remove(ul.previousSibling);
+            }
+        }
+        const node = toElm.lastChild;
+        if (node && isBr(node) && fromElm.hasChildNodes()) {
+            dom.remove(node);
+        }
+        if (isEmpty$1(dom, toElm, true)) {
+            empty(SugarElement.fromDom(toElm));
+        }
+        moveChildren(dom, fromElm, toElm);
+        if (listNode) {
+            toElm.appendChild(listNode);
+        }
+        const contains$1 = contains(SugarElement.fromDom(toElm), SugarElement.fromDom(fromElm));
+        const nestedLists = contains$1 ? dom.getParents(fromElm, isListNode, toElm) : [];
+        dom.remove(fromElm);
+        each$1(nestedLists, (list) => {
+            if (isEmpty$1(dom, list) && list !== dom.getRoot()) {
+                dom.remove(list);
+            }
+        });
+    };
+    const mergeIntoEmptyLi = (editor, fromLi, toLi) => {
+        empty(SugarElement.fromDom(toLi));
+        mergeLiElements(editor.dom, fromLi, toLi);
+        editor.selection.setCursorLocation(toLi, 0);
+    };
+    const mergeForward = (editor, rng, fromLi, toLi) => {
+        const dom = editor.dom;
+        if (dom.isEmpty(toLi)) {
+            mergeIntoEmptyLi(editor, fromLi, toLi);
+        }
+        else {
+            const bookmark = createBookmark(rng);
+            mergeLiElements(dom, fromLi, toLi);
+            editor.selection.setRng(resolveBookmark(bookmark));
+        }
+    };
+    const mergeBackward = (editor, rng, fromLi, toLi) => {
+        const bookmark = createBookmark(rng);
+        mergeLiElements(editor.dom, fromLi, toLi);
+        const resolvedBookmark = resolveBookmark(bookmark);
+        editor.selection.setRng(resolvedBookmark);
+    };
+    const backspaceDeleteFromListToListCaret = (editor, isForward) => {
+        const dom = editor.dom, selection = editor.selection;
+        const selectionStartElm = selection.getStart();
+        const root = getClosestEditingHost(editor, selectionStartElm);
+        const li = dom.getParent(selection.getStart(), 'LI', root);
+        if (li) {
+            const ul = li.parentElement;
+            if (ul === editor.getBody() && isEmpty$1(dom, ul)) {
+                return true;
+            }
+            const rng = normalizeRange(selection.getRng());
+            const otherLi = dom.getParent(findNextCaretContainer(editor, rng, isForward, root), 'LI', root);
+            const willMergeParentIntoChild = otherLi && (isForward ? dom.isChildOf(li, otherLi) : dom.isChildOf(otherLi, li));
+            if (otherLi && otherLi !== li && !willMergeParentIntoChild) {
+                editor.undoManager.transact(() => {
+                    if (isForward) {
+                        mergeForward(editor, rng, otherLi, li);
+                    }
+                    else {
+                        if (isFirstChild(li)) {
+                            outdentListSelection(editor);
+                        }
+                        else {
+                            mergeBackward(editor, rng, li, otherLi);
+                        }
+                    }
+                });
+                return true;
+            }
+            else if (willMergeParentIntoChild && !isForward && otherLi !== li) {
+                const commonAncestorParent = rng.commonAncestorContainer.parentElement;
+                if (!commonAncestorParent || dom.isChildOf(otherLi, commonAncestorParent)) {
+                    return false;
+                }
+                editor.undoManager.transact(() => {
+                    const bookmark = createBookmark(rng);
+                    moveChildren(dom, commonAncestorParent, otherLi);
+                    commonAncestorParent.remove();
+                    const resolvedBookmark = resolveBookmark(bookmark);
+                    editor.selection.setRng(resolvedBookmark);
+                });
+                return true;
+            }
+            else if (!otherLi) {
+                if (!isForward && rng.startOffset === 0 && rng.endOffset === 0) {
+                    editor.undoManager.transact(() => {
+                        flattenListSelection(editor);
+                    });
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    const removeBlock = (dom, block, root) => {
+        const parentBlock = dom.getParent(block.parentNode, dom.isBlock, root);
+        dom.remove(block);
+        if (parentBlock && dom.isEmpty(parentBlock)) {
+            dom.remove(parentBlock);
+        }
+    };
+    const backspaceDeleteIntoListCaret = (editor, isForward) => {
+        const dom = editor.dom;
+        const selectionStartElm = editor.selection.getStart();
+        const root = getClosestEditingHost(editor, selectionStartElm);
+        const block = dom.getParent(selectionStartElm, dom.isBlock, root);
+        if (block && dom.isEmpty(block, undefined, { checkRootAsContent: true })) {
+            const rng = normalizeRange(editor.selection.getRng());
+            const nextCaretContainer = findNextCaretContainer(editor, rng, isForward, root);
+            const otherLi = dom.getParent(nextCaretContainer, 'LI', root);
+            if (nextCaretContainer && otherLi) {
+                const findValidElement = (element) => contains$1(['td', 'th', 'caption'], name(element));
+                const findRoot = (node) => node.dom === root;
+                const otherLiCell = closest$2(SugarElement.fromDom(otherLi), findValidElement, findRoot);
+                const caretCell = closest$2(SugarElement.fromDom(rng.startContainer), findValidElement, findRoot);
+                if (!equals(otherLiCell, caretCell, eq)) {
+                    return false;
+                }
+                editor.undoManager.transact(() => {
+                    const parentNode = otherLi.parentNode;
+                    removeBlock(dom, block, root);
+                    mergeWithAdjacentLists(dom, parentNode);
+                    editor.selection.select(nextCaretContainer, true);
+                    editor.selection.collapse(isForward);
+                });
+                return true;
+            }
+        }
+        return false;
+    };
+    const backspaceDeleteCaret = (editor, isForward) => {
+        return backspaceDeleteFromListToListCaret(editor, isForward) || backspaceDeleteIntoListCaret(editor, isForward);
+    };
+    const hasListSelection = (editor) => {
+        const selectionStartElm = editor.selection.getStart();
+        const root = getClosestEditingHost(editor, selectionStartElm);
+        const startListParent = editor.dom.getParent(selectionStartElm, 'LI,DT,DD', root);
+        return startListParent || getSelectedListItems(editor).length > 0;
+    };
+    const backspaceDeleteRange = (editor) => {
+        if (hasListSelection(editor)) {
+            editor.undoManager.transact(() => {
+                // Some delete actions may prevent the input event from being fired. If we do not detect it, we fire it ourselves.
+                let shouldFireInput = true;
+                const inputHandler = () => shouldFireInput = false;
+                editor.on('input', inputHandler);
+                editor.execCommand('Delete');
+                editor.off('input', inputHandler);
+                if (shouldFireInput) {
+                    editor.dispatch('input');
+                }
+                normalizeLists(editor.dom, editor.getBody());
+            });
+            return true;
+        }
+        return false;
+    };
+    const backspaceDelete = (editor, isForward) => {
+        const selection = editor.selection;
+        return !isWithinNonEditableList(editor, selection.getNode()) && (selection.isCollapsed() ?
+            backspaceDeleteCaret(editor, isForward) : backspaceDeleteRange(editor));
+    };
+    const setup$2 = (editor) => {
+        editor.on('ExecCommand', (e) => {
+            const cmd = e.command.toLowerCase();
+            if ((cmd === 'delete' || cmd === 'forwarddelete') && hasListSelection(editor)) {
+                normalizeLists(editor.dom, editor.getBody());
+            }
+        });
+        editor.on('keydown', (e) => {
+            if (e.keyCode === global$4.BACKSPACE) {
+                if (backspaceDelete(editor, false)) {
+                    e.preventDefault();
+                }
+            }
+            else if (e.keyCode === global$4.DELETE) {
+                if (backspaceDelete(editor, true)) {
+                    e.preventDefault();
+                }
+            }
+        });
+    };
+
+    const get = (editor) => ({
+        backspaceDelete: (isForward) => {
+            backspaceDelete(editor, isForward);
+        }
+    });
+
+    const updateList = (editor, update) => {
+        const parentList = getParentList(editor);
+        if (parentList === null || isWithinNonEditableList(editor, parentList)) {
+            return;
+        }
+        editor.undoManager.transact(() => {
+            if (isObject(update.styles)) {
+                editor.dom.setStyles(parentList, update.styles);
+            }
+            if (isObject(update.attrs)) {
+                each(update.attrs, (v, k) => editor.dom.setAttrib(parentList, k, v));
+            }
+        });
+    };
+
+    // Example: 'AB' -> 28
+    const parseAlphabeticBase26 = (str) => {
+        const chars = reverse(trim(str).split(''));
+        const values = map(chars, (char, i) => {
+            const charValue = char.toUpperCase().charCodeAt(0) - 'A'.charCodeAt(0) + 1;
+            return Math.pow(26, i) * charValue;
+        });
+        return foldl(values, (sum, v) => sum + v, 0);
+    };
+    // Example: 28 -> 'AB'
+    const composeAlphabeticBase26 = (value) => {
+        value--;
+        if (value < 0) {
+            return '';
+        }
+        else {
+            const remainder = value % 26;
+            const quotient = Math.floor(value / 26);
+            const rest = composeAlphabeticBase26(quotient);
+            const char = String.fromCharCode('A'.charCodeAt(0) + remainder);
+            return rest + char;
+        }
+    };
+    const isUppercase = (str) => /^[A-Z]+$/.test(str);
+    const isLowercase = (str) => /^[a-z]+$/.test(str);
+    const isNumeric = (str) => /^[0-9]+$/.test(str);
+    const deduceListType = (start) => {
+        if (isNumeric(start)) {
+            return 2 /* ListType.Numeric */;
+        }
+        else if (isUppercase(start)) {
+            return 0 /* ListType.UpperAlpha */;
+        }
+        else if (isLowercase(start)) {
+            return 1 /* ListType.LowerAlpha */;
+        }
+        else if (isEmpty$2(start)) {
+            return 3 /* ListType.None */;
+        }
+        else {
+            return 4 /* ListType.Unknown */;
+        }
+    };
+    const parseStartValue = (start) => {
+        switch (deduceListType(start)) {
+            case 2 /* ListType.Numeric */:
+                return Optional?.some({
+                    listStyleType: Optional.none(),
+                    start
+                });
+            case 0 /* ListType.UpperAlpha */:
+                return Optional?.some({
+                    listStyleType: Optional?.some('upper-alpha'),
+                    start: parseAlphabeticBase26(start).toString()
+                });
+            case 1 /* ListType.LowerAlpha */:
+                return Optional?.some({
+                    listStyleType: Optional?.some('lower-alpha'),
+                    start: parseAlphabeticBase26(start).toString()
+                });
+            case 3 /* ListType.None */:
+                return Optional?.some({
+                    listStyleType: Optional.none(),
+                    start: ''
+                });
+            case 4 /* ListType.Unknown */:
+                return Optional.none();
+        }
+    };
+    const parseDetail = (detail) => {
+        const start = parseInt(detail.start, 10);
+        if (is$2(detail.listStyleType, 'upper-alpha')) {
+            return composeAlphabeticBase26(start);
+        }
+        else if (is$2(detail.listStyleType, 'lower-alpha')) {
+            return composeAlphabeticBase26(start).toLowerCase();
+        }
+        else {
+            return detail.start;
+        }
+    };
+
+    const open = (editor) => {
+        // Find the current list and skip opening if the selection isn't in an ordered list
+        const currentList = getParentList(editor);
+        if (!isOlNode(currentList) || isWithinNonEditableList(editor, currentList)) {
+            return;
+        }
+        editor.windowManager.open({
+            title: 'List Properties',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'input',
+                        name: 'start',
+                        label: 'Start list at number',
+                        inputMode: 'numeric'
+                    }
+                ]
+            },
+            initialData: {
+                start: parseDetail({
+                    start: editor.dom.getAttrib(currentList, 'start', '1'),
+                    listStyleType: Optional.from(editor.dom.getStyle(currentList, 'list-style-type'))
+                })
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            onSubmit: (api) => {
+                const data = api.getData();
+                parseStartValue(data.start).each((detail) => {
+                    editor.execCommand('mceListUpdate', false, {
+                        attrs: {
+                            start: detail.start === '1' ? '' : detail.start
+                        },
+                        styles: {
+                            'list-style-type': detail.listStyleType.getOr('')
+                        }
+                    });
+                });
+                api.close();
+            }
+        });
+    };
+
+    const queryListCommandState = (editor, listName) => () => {
+        const parentList = getParentList(editor);
+        return isNonNullable(parentList) && parentList.nodeName === listName;
+    };
+    const registerDialog = (editor) => {
+        editor.addCommand('mceListProps', () => {
+            open(editor);
+        });
+    };
+    const register$2 = (editor) => {
+        editor.on('BeforeExecCommand', (e) => {
+            const cmd = e.command.toLowerCase();
+            if (cmd === 'indent') {
+                indentListSelection(editor);
+            }
+            else if (cmd === 'outdent') {
+                outdentListSelection(editor);
+            }
+        });
+        editor.addCommand('InsertUnorderedList', (ui, detail) => {
+            toggleList(editor, 'UL', detail);
+        });
+        editor.addCommand('InsertOrderedList', (ui, detail) => {
+            toggleList(editor, 'OL', detail);
+        });
+        editor.addCommand('InsertDefinitionList', (ui, detail) => {
+            toggleList(editor, 'DL', detail);
+        });
+        editor.addCommand('RemoveList', () => {
+            flattenListSelection(editor);
+        });
+        registerDialog(editor);
+        editor.addCommand('mceListUpdate', (ui, detail) => {
+            if (isObject(detail)) {
+                updateList(editor, detail);
+            }
+        });
+        editor.addQueryStateHandler('InsertUnorderedList', queryListCommandState(editor, 'UL'));
+        editor.addQueryStateHandler('InsertOrderedList', queryListCommandState(editor, 'OL'));
+        editor.addQueryStateHandler('InsertDefinitionList', queryListCommandState(editor, 'DL'));
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    const isTextNode = (node) => node.type === 3;
+    const isEmpty = (nodeBuffer) => nodeBuffer.length === 0;
+    const wrapInvalidChildren = (list) => {
+        const insertListItem = (buffer, refNode) => {
+            const li = global.create('li');
+            each$1(buffer, (node) => li.append(node));
+            if (refNode) {
+                list.insert(li, refNode, true);
+            }
+            else {
+                list.append(li);
+            }
+        };
+        const reducer = (buffer, node) => {
+            if (isTextNode(node)) {
+                return [...buffer, node];
+            }
+            else if (!isEmpty(buffer) && !isTextNode(node)) {
+                insertListItem(buffer, node);
+                return [];
+            }
+            else {
+                return buffer;
+            }
+        };
+        const restBuffer = foldl(list.children(), reducer, []);
+        if (!isEmpty(restBuffer)) {
+            insertListItem(restBuffer);
+        }
+    };
+    const setup$1 = (editor) => {
+        editor.on('PreInit', () => {
+            const { parser } = editor;
+            parser.addNodeFilter('ul,ol', (nodes) => each$1(nodes, wrapInvalidChildren));
+        });
+    };
+
+    const setupTabKey = (editor) => {
+        editor.on('keydown', (e) => {
+            // Check for tab but not ctrl/cmd+tab since it switches browser tabs
+            if (e.keyCode !== global$4.TAB || global$4.metaKeyPressed(e)) {
+                return;
+            }
+            editor.undoManager.transact(() => {
+                if (e.shiftKey ? outdentListSelection(editor) : indentListSelection(editor)) {
+                    e.preventDefault();
+                }
+            });
+        });
+    };
+    const setup = (editor) => {
+        if (shouldIndentOnTab(editor)) {
+            setupTabKey(editor);
+        }
+        setup$2(editor);
+    };
+
+    const setupToggleButtonHandler = (editor, listName) => (api) => {
+        const toggleButtonHandler = (e) => {
+            api.setActive(inList(e.parents, listName));
+            api.setEnabled(!isWithinNonEditableList(editor, e.element) && editor.selection.isEditable());
+        };
+        api.setEnabled(editor.selection.isEditable());
+        return setNodeChangeHandler(editor, toggleButtonHandler);
+    };
+    const register$1 = (editor) => {
+        const exec = (command) => () => editor.execCommand(command);
+        if (!editor.hasPlugin('advlist')) {
+            editor.ui.registry.addToggleButton('numlist', {
+                icon: 'ordered-list',
+                active: false,
+                tooltip: 'Numbered list',
+                onAction: exec('InsertOrderedList'),
+                onSetup: setupToggleButtonHandler(editor, 'OL')
+            });
+            editor.ui.registry.addToggleButton('bullist', {
+                icon: 'unordered-list',
+                active: false,
+                tooltip: 'Bullet list',
+                onAction: exec('InsertUnorderedList'),
+                onSetup: setupToggleButtonHandler(editor, 'UL')
+            });
+        }
+    };
+
+    const setupMenuButtonHandler = (editor, listName) => (api) => {
+        const menuButtonHandler = (e) => api.setEnabled(inList(e.parents, listName) && !isWithinNonEditableList(editor, e.element));
+        return setNodeChangeHandler(editor, menuButtonHandler);
+    };
+    const register = (editor) => {
+        const listProperties = {
+            text: 'List properties...',
+            icon: 'ordered-list',
+            onAction: () => editor.execCommand('mceListProps'),
+            onSetup: setupMenuButtonHandler(editor, 'OL')
+        };
+        editor.ui.registry.addMenuItem('listprops', listProperties);
+        editor.ui.registry.addContextMenu('lists', {
+            update: (node) => {
+                const parentList = getParentList(editor, node);
+                return isOlNode(parentList) ? ['listprops'] : [];
+            }
+        });
+    };
+
+    var Plugin = () => {
+        global$7.add('lists', (editor) => {
+            register$3(editor);
+            setup$1(editor);
+            if (!editor.hasPlugin('rtc', true)) {
+                setup(editor);
+                register$2(editor);
+            }
+            else {
+                registerDialog(editor);
+            }
+            register$1(editor);
+            register(editor);
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/plugin.min.js
new file mode 100644
index 000000000..4177ede0a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/lists/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=o=e,(r=String).prototype.isPrototypeOf(n)||(null===(s=o.constructor)||void 0===s?void 0:s.name)===r.name)?"string":t;var n,o,r,s})(t)===e,n=e=>t=>typeof t===e,o=t("string"),r=t("object"),s=t("array"),i=n("boolean"),l=e=>!(e=>null==e)(e),a=n("function"),d=n("number"),c=()=>{},m=e=>()=>e,u=(e,t)=>e===t,p=e=>t=>!e(t),g=m(!1);class h{constructor(e,t){this.tag=e,this.value=t}static some(e){return new h(!0,e)}static none(){return h.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?h?.some(e(this.value)):h.none()}bind(e){return this.tag?e(this.value):h.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:h.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return l(e)?h?.some(e):h.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}h.singletonNone=new h(!1);const f=Array.prototype.slice,y=Array.prototype.indexOf,v=Array.prototype.push,C=(e,t)=>{return n=e,o=t,y.call(n,o)>-1;var n,o},b=(e,t)=>{for(let n=0,o=e.length;n<o;n++)if(t(e[n],n))return!0;return!1},N=(e,t)=>{const n=e.length,o=new Array(n);for(let r=0;r<n;r++){const n=e[r];o[r]=t(n,r)}return o},S=(e,t)=>{for(let n=0,o=e.length;n<o;n++)t(e[n],n)},L=(e,t)=>{const n=[];for(let o=0,r=e.length;o<r;o++){const r=e[o];t(r,o)&&n.push(r)}return n},O=(e,t,n)=>(S(e,((e,o)=>{n=t(n,e,o)})),n),A=(e,t,n)=>{for(let o=0,r=e.length;o<r;o++){const r=e[o];if(t(r,o))return h?.some(r);if(n(r,o))break}return h.none()},T=(e,t)=>A(e,t,g),x=(e,t)=>(e=>{const t=[];for(let n=0,o=e.length;n<o;++n){if(!s(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);v.apply(t,e[n])}return t})(N(e,t)),k=e=>{const t=f.call(e,0);return t.reverse(),t},E=(e,t)=>t>=0&&t<e.length?h?.some(e[t]):h.none(),w=e=>E(e,0),D=e=>E(e,e.length-1),B=(e,t)=>{const n=[],o=a(t)?e=>b(n,(n=>t(n,e))):e=>C(n,e);for(let t=0,r=e.length;t<r;t++){const r=e[t];o(r)||n.push(r)}return n},M=Object.keys,P=(e,t)=>{const n=M(e);for(let o=0,r=n.length;o<r;o++){const r=n[o];t(e[r],r)}},I="undefined"!=typeof window?window:Function("return this;")(),R=(e,t,n=u)=>e.exists((e=>n(e,t))),U=(e,t,n)=>e.isSome()&&t.isSome()?h?.some(n(e.getOrDie(),t.getOrDie())):h.none(),$=(e,t)=>((e,t)=>{let n=null!=t?t:I;for(let t=0;t<e.length&&null!=n;++t)n=n[e[t]];return n})(e.split("."),t),_=(H=/^\s+|\s+$/g,e=>e.replace(H,""));var H;const F=e=>"\ufeff"===e,V=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},j=(e,t)=>{const n=(t||document).createElement("div");if(n.innerHTML=e,!n.hasChildNodes()||n.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return V(n.childNodes[0])},K=(e,t)=>{const n=(t||document).createElement(e);return V(n)},z=V,Q=(e,t)=>{const n=e.dom;if(1!==n.nodeType)return!1;{const e=n;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},W=(e,t)=>e.dom===t.dom,q=Q,Z=Object.getPrototypeOf,G=e=>{const t=$("ownerDocument.defaultView",e);return r(e)&&((e=>((e,t)=>{const n=((e,t)=>$(e,t))(e,t);if(null==n)throw new Error(e+" not available on this browser");return n})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(Z(e).constructor.name))},J=e=>e.dom.nodeName.toLowerCase(),X=e=>e.dom.nodeType,Y=e=>t=>X(t)===e,ee=e=>te(e)&&G(e.dom),te=Y(1),ne=Y(3),oe=Y(11),re=e=>t=>te(t)&&J(t)===e,se=e=>h.from(e.dom.parentNode)?.map(z),ie=e=>N(e.dom.childNodes,z),le=(e,t)=>{const n=e.dom.childNodes;return h.from(n[t])?.map(z)},ae=e=>le(e,0),de=e=>le(e,e.dom.childNodes.length-1),ce=e=>z(e.dom.host),me=(e,t)=>{se(e).each((n=>{n.dom.insertBefore(t.dom,e.dom)}))},ue=(e,t)=>{e.dom.appendChild(t.dom)},pe=(e,t)=>{S(t,(t=>{ue(e,t)}))},ge=(e,t)=>{const n=e.dom;P(t,((e,t)=>{((e,t,n)=>{if(!(o(n)||i(n)||d(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")})(n,t,e)}))},he=e=>O(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}),fe=e=>{e.dom.textContent="",S(ie(e),(e=>{ye(e)}))},ye=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},ve=e=>(e=>z(e.dom.cloneNode(!0)))(e),Ce=(e,t)=>{const n=((e,t)=>{const n=K(t),o=he(e);return ge(n,o),n})(e,t);var o,r;r=n,(e=>h.from(e.dom.nextSibling)?.map(z))(o=e).fold((()=>{se(o).each((e=>{ue(e,r)}))}),(e=>{me(e,r)}));const s=ie(e);return pe(n,s),ye(e),n},be=e=>N(e,z),Ne=e=>{const t=ne(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const n=t.ownerDocument;return(e=>{const t=(e=>z(e.dom.getRootNode()))(e);return oe(n=t)&&l(n.dom.host)?h?.some(t):h.none();var n})(z(t)).fold((()=>n.body.contains(t)),(o=Ne,r=ce,e=>o(r(e))));var o,r},Se=(e,t,n)=>{((e,t,n)=>{if(!o(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);(e=>void 0!==e.style&&a(e.style.getPropertyValue))(e)&&e.style.setProperty(t,n)})(e.dom,t,n)},Le=(e,t)=>{const n=(t||document).createDocumentFragment();return S(e,(e=>{n.appendChild(e.dom)})),z(n)};var Oe=(e,t,n,o,r)=>e(n,o)?h?.some(n):a(r)&&r(n)?h.none():t(n,o,r);const Ae=(e,t,n)=>{let o=e.dom;const r=a(n)?n:g;for(;o.parentNode;){o=o.parentNode;const e=z(o);if(t(e))return h?.some(e);if(r(e))break}return h.none()},Te=(e,t,n)=>Oe(((e,t)=>t(e)),Ae,e,t,n),xe=(e,t,n)=>Ae(e,(e=>Q(e,t)),n);var ke=tinymce.util.Tools.resolve("tinymce.dom.RangeUtils"),Ee=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),we=tinymce.util.Tools.resolve("tinymce.util.VK"),De=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),Be=tinymce.util.Tools.resolve("tinymce.util.Tools");const Me=e=>t=>l(t)&&t.nodeName.toLowerCase()===e,Pe=e=>t=>l(t)&&e.test(t.nodeName),Ie=e=>l(e)&&3===e.nodeType,Re=e=>l(e)&&1===e.nodeType,Ue=Pe(/^(OL|UL|DL)$/),$e=Pe(/^(OL|UL)$/),_e=Me("ol"),He=Pe(/^(LI|DT|DD)$/),Fe=Pe(/^(DT|DD)$/),Ve=Pe(/^(TH|TD)$/),je=Me("br"),Ke=(e,t)=>l(t)&&t.nodeName in e.schema.getTextBlockElements(),ze=(e,t)=>l(e)&&e.nodeName in t,Qe=(e,t)=>l(t)&&t.nodeName in e.schema.getVoidElements(),We=(e,t,n)=>{const o=e.isEmpty(t);return!(n&&e.select("span[data-mce-type=bookmark]",t).length>0)&&o},qe=(e,t)=>e.isChildOf(t,e.getRoot()),Ze=e=>t=>t.options.get(e),Ge=Ze("lists_indent_on_tab"),Je=Ze("forced_root_block"),Xe=Ze("forced_root_block_attrs"),Ye=(e,t,n={})=>{const o=e.dom,r=e.schema.getBlockElements(),s=o.createFragment(),i=Je(e),l=Xe(e);let a,d,c=!1;for(d=o.create(i,{...l,...n.style?{style:n.style}:{}}),ze(t.firstChild,r)||s.appendChild(d);a=t.firstChild;){const e=a.nodeName;c||"SPAN"===e&&"bookmark"===a.getAttribute("data-mce-type")||(c=!0),ze(a,r)?(s.appendChild(a),d=null):(d||(d=o.create(i,l),s.appendChild(d)),d.appendChild(a))}return!c&&d&&d.appendChild(o.create("br",{"data-mce-bogus":"1"})),s},et=De.DOM,tt=re("dd"),nt=re("dt"),ot=(e,t)=>{var n;tt(t)?Ce(t,"dt"):nt(t)&&(n=t,h.from(n.dom.parentElement)?.map(z)).each((n=>((e,t,n)=>{const o=et.select('span[data-mce-type="bookmark"]',t),r=Ye(e,n),s=et.createRng();s.setStartAfter(n),s.setEndAfter(t);const i=s.extractContents();for(let t=i.firstChild;t;t=t.firstChild)if("LI"===t.nodeName&&e.dom.isEmpty(t)){et.remove(t);break}e.dom.isEmpty(i)||et.insertAfter(i,t),et.insertAfter(r,t);const l=n.parentElement;l&&We(e.dom,l)&&(e=>{const t=e.parentNode;t&&Be.each(o,(e=>{t.insertBefore(e,n.parentNode)})),et.remove(e)})(l),et.remove(n),We(e.dom,t)&&et.remove(t)})(e,n.dom,t.dom)))},rt=e=>{nt(e)&&Ce(e,"dd")},st=(e,t)=>{if(Ie(e))return{container:e,offset:t};const n=ke.getNode(e,t);return Ie(n)?{container:n,offset:t>=e.childNodes.length?n.data.length:0}:n.previousSibling&&Ie(n.previousSibling)?{container:n.previousSibling,offset:n.previousSibling.data.length}:n.nextSibling&&Ie(n.nextSibling)?{container:n.nextSibling,offset:0}:{container:e,offset:t}},it=e=>{const t=e.cloneRange(),n=st(e.startContainer,e.startOffset);t.setStart(n.container,n.offset);const o=st(e.endContainer,e.endOffset);return t.setEnd(o.container,o.offset),t},lt=["OL","UL","DL"],at=lt.join(","),dt=(e,t)=>{const n=t||e.selection.getStart(!0);return e.dom.getParent(n,at,ut(e,n))},ct=e=>{const t=e.selection.getSelectedBlocks();return L(((e,t)=>{const n=Be?.map(t,(t=>e.dom.getParent(t,"li,dd,dt",ut(e,t))||t));return B(n)})(e,t),He)},mt=(e,t)=>{const n=e.dom.getParents(t,"TD,TH");return n.length>0?n[0]:e.getBody()},ut=(e,t)=>{const n=e.dom.getParents(t,e.dom.isBlock),o=T(n,(t=>{return(t=>t.nodeName.toLowerCase()!==Je(e))(t)&&(n=e.schema,!Ue(o=t)&&!He(o)&&b(lt,(e=>n.isValidChild(o.nodeName,e))));var n,o}));return o.getOr(e.getBody())},pt=(e,t)=>{const n=e.dom.getParents(t,"ol,ul",ut(e,t));return D(n)},gt=(e,t)=>{const n=N(t,(t=>pt(e,t).getOr(t)));return B(n)},ht=e=>/\btox\-/.test(e.className),ft=(e,t)=>A(e,Ue,Ve).exists((e=>e.nodeName===t&&!ht(e))),yt=(e,t)=>null!==t&&!e.dom.isEditable(t),vt=(e,t)=>{const n=e.dom.getParent(t,"ol,ul,dl");return yt(e,n)||!e.selection.isEditable()},Ct=(e,t)=>{const n=e.selection.getNode();return t({parents:e.dom.getParents(n),element:n}),e.on("NodeChange",t),()=>e.off("NodeChange",t)},bt=(e,t,n)=>e.dispatch("ListMutation",{action:t,element:n}),Nt=e=>q(e,"OL,UL"),St=e=>ae(e).exists(Nt),Lt=e=>"listAttributes"in e,Ot=e=>"isComment"in e,At=e=>e.depth>0,Tt=e=>e.isSelected,xt=e=>{const t=ie(e),n=de(e).exists(Nt)?t.slice(0,-1):t;return N(n,ve)},kt=(e,t)=>{ue(e.item,t.list)},Et=(e,t)=>{const n={list:K(t,e),item:K("li",e)};return ue(n.list,n.item),n},wt=(e,t,n)=>{const o=t.slice(0,n.depth);return D(o).each((t=>{if(Lt(n)){const o=((e,t,n)=>{const o=K("li",e);return ge(o,t),pe(o,n),o})(e,n.itemAttributes,n.content);((e,t)=>{ue(e.list,t),e.item=t})(t,o),((e,t)=>{J(e.list)!==t.listType&&(e.list=Ce(e.list,t.listType)),ge(e.list,t.listAttributes)})(t,n)}else if((e=>"isFragment"in e)(n))pe(t.item,n.content);else{const e=j(`\x3c!--${n.content}--\x3e`);ue(t.list,e)}})),o},Dt=(e,t)=>{let n=h.none();const o=O(t,((t,o,r)=>Ot(o)?0===r?(n=h?.some(o),t):wt(e,t,o):o.depth>t.length?((e,t,n)=>{const o=((e,t,n)=>{const o=[];for(let r=0;r<n;r++)o.push(Et(e,Lt(t)?t.listType:t.parentListType));return o})(e,n,n.depth-t.length);var r;return(e=>{for(let t=1;t<e.length;t++)kt(e[t-1],e[t])})(o),((e,t)=>{for(let t=0;t<e.length-1;t++)Se(e[t].item,"list-style-type","none");D(e).each((e=>{Lt(t)&&(ge(e.list,t.listAttributes),ge(e.item,t.itemAttributes)),pe(e.item,t.content)}))})(o,n),r=o,U(D(t),w(r),kt),t.concat(o)})(e,t,o):wt(e,t,o)),[]);return n.each((e=>{const t=j(`\x3c!--${e.content}--\x3e`);w(o).each((e=>{((e,t)=>{ae(e).fold((()=>{ue(e,t)}),(n=>{e.dom.insertBefore(t.dom,n.dom)}))})(e.list,t)}))})),w(o)?.map((e=>e.list))},Bt=e=>(S(e,((t,n)=>{((e,t)=>{const n=e[t].depth,o=e=>e.depth===n&&!e.dirty,r=e=>e.depth<n;return A(k(e.slice(0,t)),o,r).orThunk((()=>A(e.slice(t+1),o,r)))})(e,n).fold((()=>{t.dirty&&Lt(t)&&(e=>{e.listAttributes=((e,t)=>{const n={};var o;return((e,t,n,o)=>{P(e,((e,r)=>{(t(e,r)?n:o)(e,r)}))})(e,t,(o=n,(e,t)=>{o[t]=e}),c),n})(e.listAttributes,((e,t)=>"start"!==t))})(t)}),(e=>{return o=e,void(Lt(n=t)&&Lt(o)&&(n.listType=o.listType,n.listAttributes={...o.listAttributes}));var n,o}))})),e),Mt=(e,t,n,o)=>{var r,s;if(8===X(s=o)||"#comment"===J(s))return[{depth:e+1,content:null!==(r=o.dom.nodeValue)&&void 0!==r?r:"",dirty:!1,isSelected:!1,isComment:!0}];t.each((e=>{W(e.start,o)&&n.set(!0)}));const i=((e,t,n)=>se(e).filter(te)?.map((o=>({depth:t,dirty:!1,isSelected:n,content:xt(e),itemAttributes:he(e),listAttributes:he(o),listType:J(o),isInPreviousLi:!1}))))(o,e,n.get());t.each((e=>{W(e.end,o)&&n.set(!1)}));const l=de(o).filter(Nt)?.map((o=>It(e,t,n,o))).getOr([]);return i.toArray().concat(l)},Pt=(e,t,n,o)=>ae(o).filter(Nt).fold((()=>Mt(e,t,n,o)),(r=>{const s=O(ie(o),((o,s,i)=>{if(0===i)return o;if(q(s,"LI"))return o.concat(Mt(e,t,n,s));{const t={isFragment:!0,depth:e,content:[s],isSelected:!1,dirty:!1,parentListType:J(r)};return o.concat(t)}}),[]);return It(e,t,n,r).concat(s)})),It=(e,t,n,o)=>x(ie(o),(o=>(Nt(o)?It:Pt)(e+1,t,n,o))),Rt=(e,t,n)=>{const o=((e,t)=>{const n=(()=>{let e=!1;return{get:()=>e,set:t=>{e=t}}})();return N(e,(e=>({sourceList:e,entries:It(0,t,n,e)})))})(t,(e=>{const t=N(ct(e),z);return U(T(t,p(St)),T(k(t),p(St)),((e,t)=>({start:e,end:t})))})(e));S(o,(t=>{((e,t)=>{S(L(e,Tt),(e=>((e,t)=>{switch(e){case"Indent":t.depth++;break;case"Outdent":t.depth--;break;case"Flatten":t.depth=0}t.dirty=!0})(t,e)))})(t.entries,n);const o=((e,t)=>x(((e,t)=>{if(0===e.length)return[];{let n=t(e[0]);const o=[];let r=[];for(let s=0,i=e.length;s<i;s++){const i=e[s],l=t(i);l!==n&&(o.push(r),r=[]),n=l,r.push(i)}return 0!==r.length&&o.push(r),o}})(t,At),(t=>w(t).exists(At)?((e,t)=>{const n=Bt(t);return Dt(e.contentDocument,n).toArray()})(e,t):((e,t)=>{const n=Bt(t);return N(n,(t=>{const n=Ot(t)?Le([j(`\x3c!--${t.content}--\x3e`)]):Le(t.content),o=Lt(t)?t.itemAttributes:{};return z(Ye(e,n.dom,o))}))})(e,t))))(e,t.entries);var r;S(o,(t=>{bt(e,"Indent"===n?"IndentList":"OutdentList",t.dom)})),r=t.sourceList,S(o,(e=>{me(r,e)})),ye(t.sourceList)}))},Ut=(e,t)=>{const n=be((e=>{const t=(e=>{const t=pt(e,e.selection.getStart()),n=L(e.selection.getSelectedBlocks(),$e);return t.toArray().concat(n)})(e),n=(e=>{const t=e.selection.getStart();return e.dom.getParents(t,"ol,ul",ut(e,t))})(e);return T(n,(e=>{return t=z(e),se(t).exists((e=>He(e.dom)&&ae(e).exists((e=>!Ue(e.dom)))&&de(e).exists((e=>!Ue(e.dom)))));var t})).fold((()=>gt(e,t)),(e=>[e]))})(e)),o=be((e=>L(ct(e),Fe))(e));let r=!1;if(n.length||o.length){const s=e.selection.getBookmark();Rt(e,n,t),((e,t,n)=>{S(n,"Indent"===t?rt:t=>ot(e,t))})(e,t,o),e.selection.moveToBookmark(s),e.selection.setRng(it(e.selection.getRng())),e.nodeChanged(),r=!0}return r},$t=(e,t)=>!(e=>{const t=dt(e);return yt(e,t)||!e.selection.isEditable()})(e)&&Ut(e,t),_t=e=>$t(e,"Indent"),Ht=e=>$t(e,"Outdent"),Ft=e=>$t(e,"Flatten");var Vt=tinymce.util.Tools.resolve("tinymce.dom.BookmarkManager");const jt=De.DOM,Kt=e=>{const t={},n=n=>{let o=e[n?"startContainer":"endContainer"],r=e[n?"startOffset":"endOffset"];if(Re(o)){const e=jt.create("span",{"data-mce-type":"bookmark"});o.hasChildNodes()?(r=Math.min(r,o.childNodes.length-1),n?o.insertBefore(e,o.childNodes[r]):jt.insertAfter(e,o.childNodes[r])):o.appendChild(e),o=e,r=0}t[n?"startContainer":"endContainer"]=o,t[n?"startOffset":"endOffset"]=r};return n(!0),e.collapsed||n(),t},zt=e=>{const t=t=>{let n=e[t?"startContainer":"endContainer"],o=e[t?"startOffset":"endOffset"];if(n){if(Re(n)&&n.parentNode){const e=n;o=(e=>{var t;let n=null===(t=e.parentNode)||void 0===t?void 0:t.firstChild,o=0;for(;n;){if(n===e)return o;Re(n)&&"bookmark"===n.getAttribute("data-mce-type")||o++,n=n.nextSibling}return-1})(n),n=n.parentNode,jt.remove(e),!n.hasChildNodes()&&jt.isBlock(n)&&n.appendChild(jt.create("br"))}e[t?"startContainer":"endContainer"]=n,e[t?"startOffset":"endOffset"]=o}};t(!0),t();const n=jt.createRng();return n.setStart(e.startContainer,e.startOffset),e.endContainer&&n.setEnd(e.endContainer,e.endOffset),it(n)},Qt=e=>{switch(e){case"UL":return"ToggleUlList";case"OL":return"ToggleOlList";case"DL":return"ToggleDLList"}},Wt=(e,t)=>{Be.each(t,((t,n)=>{e.setAttribute(n,t)}))},qt=(e,t,n)=>{((e,t,n)=>{const o=n["list-style-type"]?n["list-style-type"]:null;e.setStyle(t,"list-style-type",o)})(e,t,n),((e,t,n)=>{Wt(t,n["list-attributes"]),Be.each(e.select("li",t),(e=>{Wt(e,n["list-item-attributes"])}))})(e,t,n)},Zt=(e,t)=>l(t)&&!ze(t,e.schema.getBlockElements()),Gt=(e,t,n,o)=>{let r=t[n?"startContainer":"endContainer"];const s=t[n?"startOffset":"endOffset"];Re(r)&&(r=r.childNodes[Math.min(s,r.childNodes.length-1)]||r),!n&&je(r.nextSibling)&&(r=r.nextSibling);const i=(t,n)=>{var r;const s=new Ee(t,(t=>{for(;!e.dom.isBlock(t)&&t.parentNode&&o!==t;)t=t.parentNode;return t})(t)),i=n?"next":"prev";let l;for(;l=s[i]();)if(!Qe(e,l)&&!F(l.textContent)&&0!==(null===(r=l.textContent)||void 0===r?void 0:r.length))return h?.some(l);return h.none()};if(n&&Ie(r))if(F(r.textContent))r=i(r,!1).getOr(r);else for(null!==r.parentNode&&Zt(e,r.parentNode)&&(r=r.parentNode);null!==r.previousSibling&&(Zt(e,r.previousSibling)||Ie(r.previousSibling));)r=r.previousSibling;if(!n&&Ie(r))if(F(r.textContent))r=i(r,!0).getOr(r);else for(null!==r.parentNode&&Zt(e,r.parentNode)&&(r=r.parentNode);null!==r.nextSibling&&(Zt(e,r.nextSibling)||Ie(r.nextSibling));)r=r.nextSibling;for(;r.parentNode!==o;){const t=r.parentNode;if(Ke(e,r))return r;if(/^(TD|TH)$/.test(t.nodeName))return r;r=t}return r},Jt=(e,t,n)=>{const o=e.selection.getRng();let r="LI";const s=ut(e,((e,t)=>{const n=e.selection.getStart(!0),o=Gt(e,t,!0,e.getBody());return r=z(o),s=z(t.commonAncestorContainer),i=r,l=function(e,...t){return(...n)=>{const o=t.concat(n);return e.apply(null,o)}}(W,s),Ae(i,l,void 0).isSome()?t.commonAncestorContainer:n;var r,s,i,l})(e,o)),i=e.dom;if("false"===i.getContentEditable(e.selection.getNode()))return;"DL"===(t=t.toUpperCase())&&(r="DT");const l=Kt(o),a=L(((e,t,n)=>{const o=[],r=e.dom,s=Gt(e,t,!0,n),i=Gt(e,t,!1,n);let l;const a=[];for(let e=s;e&&(a.push(e),e!==i);e=e.nextSibling);return Be.each(a,(t=>{var s;if(Ke(e,t))return o.push(t),void(l=null);if(r.isBlock(t)||je(t))return je(t)&&r.remove(t),void(l=null);const i=t.nextSibling;Vt.isBookmarkNode(t)&&(Ue(i)||Ke(e,i)||!i&&t.parentNode===n)?l=null:(l||(l=r.create("p"),null===(s=t.parentNode)||void 0===s||s.insertBefore(l,t),o.push(l)),l.appendChild(t))})),o})(e,o,s),e.dom.isEditable);Be.each(a,(o=>{let s;const l=o.previousSibling,a=o.parentNode;He(a)||(l&&Ue(l)&&l.nodeName===t&&((e,t,n)=>{const o=e.getStyle(t,"list-style-type");let r=n?n["list-style-type"]:"";return r=null===r?"":r,o===r})(i,l,n)?(s=l,o=i.rename(o,r),l.appendChild(o)):(s=i.create(t),a.insertBefore(s,o),s.appendChild(o),o=i.rename(o,r)),((e,t)=>{Be.each(["margin","margin-right","margin-bottom","margin-left","margin-top","padding","padding-right","padding-bottom","padding-left","padding-top"],(n=>e.setStyle(t,n,"")))})(i,o),qt(i,s,n),Yt(e.dom,s))})),e.selection.setRng(zt(l))},Xt=(e,t,n)=>{return((e,t)=>Ue(e)&&e.nodeName===(null==t?void 0:t.nodeName))(t,n)&&((e,t,n)=>e.getStyle(t,"list-style-type",!0)===e.getStyle(n,"list-style-type",!0))(e,t,n)&&(o=n,t.className===o.className);var o},Yt=(e,t)=>{let n,o=t.nextSibling;if(Xt(e,t,o)){const r=o;for(;n=r.firstChild;)t.appendChild(n);e.remove(r)}if(o=t.previousSibling,Xt(e,t,o)){const r=o;for(;n=r.lastChild;)t.insertBefore(n,t.firstChild);e.remove(r)}},en=(e,t,n,o)=>{if(t.nodeName!==n){const r=e.dom.rename(t,n);qt(e.dom,r,o),bt(e,Qt(n),r)}else qt(e.dom,t,o),bt(e,Qt(n),t)},tn=(e,t,n,o)=>{if(t.classList.forEach(((e,n,o)=>{e.startsWith("tox-")&&(o.remove(e),0===o.length&&t.removeAttribute("class"))})),t.nodeName!==n){const r=e.dom.rename(t,n);qt(e.dom,r,o),bt(e,Qt(n),r)}else qt(e.dom,t,o),bt(e,Qt(n),t)},nn=e=>"list-style-type"in e,on=(e,t,n)=>{const o=dt(e);if(vt(e,o))return;const s=(e=>{const t=dt(e),n=e.selection.getSelectedBlocks();return((e,t)=>l(e)&&1===t.length&&t[0]===e)(t,n)?(e=>L(e.querySelectorAll(at),Ue))(t):L(n,(e=>Ue(e)&&t!==e))})(e),i=r(n)?n:{};s.length>0?((e,t,n,o,r)=>{const s=Ue(t);if(!s||t.nodeName!==o||nn(r)||ht(t)){Jt(e,o,r);const i=Kt(e.selection.getRng()),l=s?[t,...n]:n,a=s&&ht(t)?tn:en;Be.each(l,(t=>{a(e,t,o,r)})),e.selection.setRng(zt(i))}else Ft(e)})(e,o,s,t,i):((e,t,n,o)=>{if(t!==e.getBody())if(t)if(t.nodeName!==n||nn(o)||ht(t)){const r=Kt(e.selection.getRng());ht(t)&&t.classList.forEach(((e,n,o)=>{e.startsWith("tox-")&&(o.remove(e),0===o.length&&t.removeAttribute("class"))})),qt(e.dom,t,o);const s=e.dom.rename(t,n);Yt(e.dom,s),e.selection.setRng(zt(r)),Jt(e,n,o),bt(e,Qt(n),s)}else Ft(e);else Jt(e,n,o),bt(e,Qt(n),t)})(e,o,t,i)},rn=De.DOM,sn=(e,t)=>{const n=Be.grep(e.select("ol,ul",t));Be.each(n,(t=>{((e,t)=>{const n=t.parentElement;if(n&&"LI"===n.nodeName&&n.firstChild===t){const o=n.previousSibling;o&&"LI"===o.nodeName?(o.appendChild(t),We(e,n)&&rn.remove(n)):rn.setStyle(n,"listStyleType","none")}if(Ue(n)){const e=n.previousSibling;e&&"LI"===e.nodeName&&e.appendChild(t)}})(e,t)}))},ln=(e,t,n,o)=>{let r=t.startContainer;const s=t.startOffset;if(Ie(r)&&(n?s<r.data.length:s>0))return r;const i=e.schema.getNonEmptyElements();Re(r)&&(r=ke.getNode(r,s));const l=new Ee(r,o);n&&((e,t)=>!!je(t)&&e.isBlock(t.nextSibling)&&!je(t.previousSibling))(e.dom,r)&&l.next();const a=n?l.next.bind(l):l.prev2.bind(l);for(;r=a();){if("LI"===r.nodeName&&!r.hasChildNodes())return r;if(i[r.nodeName])return r;if(Ie(r)&&r.data.length>0)return r}return null},an=(e,t)=>{const n=t.childNodes;return 1===n.length&&!Ue(n[0])&&e.isBlock(n[0])},dn=e=>h.from(e)?.map(z).filter(ee).exists((e=>((e,t=!1)=>{return Ne(e)?e.dom.isContentEditable:(n=e,Oe(((e,t)=>Q(e,t)),xe,n,"[contenteditable]",void 0)).fold(m(t),(e=>"true"===(e=>e.dom.contentEditable)(e)));var n})(e)&&!C(["details"],J(e)))),cn=(e,t,n)=>{let o;const r=an(e,n)?n.firstChild:n;if(((e,t)=>{an(e,t)&&dn(t.firstChild)&&e.remove(t.firstChild,!0)})(e,t),!We(e,t,!0))for(;o=t.firstChild;)r.appendChild(o)},mn=(e,t,n)=>{let o;const r=t.parentNode;if(!qe(e,t)||!qe(e,n))return;Ue(n.lastChild)&&(o=n.lastChild),r===n.lastChild&&je(r.previousSibling)&&e.remove(r.previousSibling);const s=n.lastChild;s&&je(s)&&t.hasChildNodes()&&e.remove(s),We(e,n,!0)&&fe(z(n)),cn(e,t,n),o&&n.appendChild(o);const i=((e,t)=>{const n=e.dom,o=t.dom;return n!==o&&n.contains(o)})(z(n),z(t))?e.getParents(t,Ue,n):[];e.remove(t),S(i,(t=>{We(e,t)&&t!==e.getRoot()&&e.remove(t)}))},un=(e,t)=>{const n=e.dom,o=e.selection,r=o.getStart(),s=mt(e,r),i=n.getParent(o.getStart(),"LI",s);if(i){const r=i.parentElement;if(r===e.getBody()&&We(n,r))return!0;const l=it(o.getRng()),a=n.getParent(ln(e,l,t,s),"LI",s),d=a&&(t?n.isChildOf(i,a):n.isChildOf(a,i));if(a&&a!==i&&!d)return e.undoManager.transact((()=>{var n,o;t?((e,t,n,o)=>{const r=e.dom;if(r.isEmpty(o))((e,t,n)=>{fe(z(n)),mn(e.dom,t,n),e.selection.setCursorLocation(n,0)})(e,n,o);else{const s=Kt(t);mn(r,n,o),e.selection.setRng(zt(s))}})(e,l,a,i):(null===(o=(n=i).parentNode)||void 0===o?void 0:o.firstChild)===n?Ht(e):((e,t,n,o)=>{const r=Kt(t);mn(e.dom,n,o);const s=zt(r);e.selection.setRng(s)})(e,l,i,a)})),!0;if(d&&!t&&a!==i){const t=l.commonAncestorContainer.parentElement;return!(!t||n.isChildOf(a,t)||(e.undoManager.transact((()=>{const o=Kt(l);cn(n,t,a),t.remove();const r=zt(o);e.selection.setRng(r)})),0))}if(!a&&!t&&0===l.startOffset&&0===l.endOffset)return e.undoManager.transact((()=>{Ft(e)})),!0}return!1},pn=e=>{const t=e.selection.getStart(),n=mt(e,t);return e.dom.getParent(t,"LI,DT,DD",n)||ct(e).length>0},gn=(e,t)=>{const n=e.selection;return!vt(e,n.getNode())&&(n.isCollapsed()?((e,t)=>un(e,t)||((e,t)=>{const n=e.dom,o=e.selection.getStart(),r=mt(e,o),s=n.getParent(o,n.isBlock,r);if(s&&n.isEmpty(s,void 0,{checkRootAsContent:!0})){const o=it(e.selection.getRng()),i=ln(e,o,t,r),l=n.getParent(i,"LI",r);if(i&&l){const a=e=>C(["td","th","caption"],J(e)),d=e=>e.dom===r;return!!((e,t,n=u)=>U(e,t,n).getOr(e.isNone()&&t.isNone()))(Te(z(l),a,d),Te(z(o.startContainer),a,d),W)&&(e.undoManager.transact((()=>{const o=l.parentNode;((e,t,n)=>{const o=e.getParent(t.parentNode,e.isBlock,n);e.remove(t),o&&e.isEmpty(o)&&e.remove(o)})(n,s,r),Yt(n,o),e.selection.select(i,!0),e.selection.collapse(t)})),!0)}}return!1})(e,t))(e,t):(e=>!!pn(e)&&(e.undoManager.transact((()=>{let t=!0;const n=()=>t=!1;e.on("input",n),e.execCommand("Delete"),e.off("input",n),t&&e.dispatch("input"),sn(e.dom,e.getBody())})),!0))(e))},hn=e=>{const t=k(_(e).split("")),n=N(t,((e,t)=>{const n=e.toUpperCase().charCodeAt(0)-"A".charCodeAt(0)+1;return Math.pow(26,t)*n}));return O(n,((e,t)=>e+t),0)},fn=e=>{if(--e<0)return"";{const t=e%26,n=Math.floor(e/26);return fn(n)+String.fromCharCode("A".charCodeAt(0)+t)}},yn=e=>{const t=parseInt(e.start,10);return R(e.listStyleType,"upper-alpha")?fn(t):R(e.listStyleType,"lower-alpha")?fn(t).toLowerCase():e.start},vn=(e,t)=>()=>{const n=dt(e);return l(n)&&n.nodeName===t},Cn=e=>{e.addCommand("mceListProps",(()=>{(e=>{const t=dt(e);_e(t)&&!vt(e,t)&&e.windowManager.open({title:"List Properties",body:{type:"panel",items:[{type:"input",name:"start",label:"Start list at number",inputMode:"numeric"}]},initialData:{start:yn({start:e.dom.getAttrib(t,"start","1"),listStyleType:h.from(e.dom.getStyle(t,"list-style-type"))})},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],onSubmit:t=>{(e=>{switch((e=>/^[0-9]+$/.test(e)?2:/^[A-Z]+$/.test(e)?0:/^[a-z]+$/.test(e)?1:e.length>0?4:3)(e)){case 2:return h?.some({listStyleType:h.none(),start:e});case 0:return h?.some({listStyleType:h?.some("upper-alpha"),start:hn(e).toString()});case 1:return h?.some({listStyleType:h?.some("lower-alpha"),start:hn(e).toString()});case 3:return h?.some({listStyleType:h.none(),start:""});case 4:return h.none()}})(t.getData().start).each((t=>{e.execCommand("mceListUpdate",!1,{attrs:{start:"1"===t.start?"":t.start},styles:{"list-style-type":t.listStyleType.getOr("")}})})),t.close()}})})(e)}))};var bn=tinymce.util.Tools.resolve("tinymce.html.Node");const Nn=e=>3===e.type,Sn=e=>0===e.length,Ln=e=>{const t=(t,n)=>{const o=bn.create("li");S(t,(e=>o.append(e))),n?e.insert(o,n,!0):e.append(o)},n=O(e.children(),((e,n)=>Nn(n)?[...e,n]:Sn(e)||Nn(n)?e:(t(e,n),[])),[]);Sn(n)||t(n)},On=(e,t)=>n=>(n.setEnabled(e.selection.isEditable()),Ct(e,(o=>{n.setActive(ft(o.parents,t)),n.setEnabled(!vt(e,o.element)&&e.selection.isEditable())}))),An=(e,t)=>n=>Ct(e,(o=>n.setEnabled(ft(o.parents,t)&&!vt(e,o.element))));e.add("lists",(e=>((e=>{(0,e.options.register)("lists_indent_on_tab",{processor:"boolean",default:!0})})(e),(e=>{e.on("PreInit",(()=>{const{parser:t}=e;t.addNodeFilter("ul,ol",(e=>S(e,Ln)))}))})(e),e.hasPlugin("rtc",!0)?Cn(e):((e=>{Ge(e)&&(e=>{e.on("keydown",(t=>{t.keyCode!==we.TAB||we.metaKeyPressed(t)||e.undoManager.transact((()=>{(t.shiftKey?Ht(e):_t(e))&&t.preventDefault()}))}))})(e),(e=>{e.on("ExecCommand",(t=>{const n=t.command.toLowerCase();"delete"!==n&&"forwarddelete"!==n||!pn(e)||sn(e.dom,e.getBody())})),e.on("keydown",(t=>{t.keyCode===we.BACKSPACE?gn(e,!1)&&t.preventDefault():t.keyCode===we.DELETE&&gn(e,!0)&&t.preventDefault()}))})(e)})(e),(e=>{e.on("BeforeExecCommand",(t=>{const n=t.command.toLowerCase();"indent"===n?_t(e):"outdent"===n&&Ht(e)})),e.addCommand("InsertUnorderedList",((t,n)=>{on(e,"UL",n)})),e.addCommand("InsertOrderedList",((t,n)=>{on(e,"OL",n)})),e.addCommand("InsertDefinitionList",((t,n)=>{on(e,"DL",n)})),e.addCommand("RemoveList",(()=>{Ft(e)})),Cn(e),e.addCommand("mceListUpdate",((t,n)=>{r(n)&&((e,t)=>{const n=dt(e);null===n||vt(e,n)||e.undoManager.transact((()=>{r(t.styles)&&e.dom.setStyles(n,t.styles),r(t.attrs)&&P(t.attrs,((t,o)=>e.dom.setAttrib(n,o,t)))}))})(e,n)})),e.addQueryStateHandler("InsertUnorderedList",vn(e,"UL")),e.addQueryStateHandler("InsertOrderedList",vn(e,"OL")),e.addQueryStateHandler("InsertDefinitionList",vn(e,"DL"))})(e)),(e=>{const t=t=>()=>e.execCommand(t);e.hasPlugin("advlist")||(e.ui.registry.addToggleButton("numlist",{icon:"ordered-list",active:!1,tooltip:"Numbered list",onAction:t("InsertOrderedList"),onSetup:On(e,"OL")}),e.ui.registry.addToggleButton("bullist",{icon:"unordered-list",active:!1,tooltip:"Bullet list",onAction:t("InsertUnorderedList"),onSetup:On(e,"UL")}))})(e),(e=>{const t={text:"List properties...",icon:"ordered-list",onAction:()=>e.execCommand("mceListProps"),onSetup:An(e,"OL")};e.ui.registry.addMenuItem("listprops",t),e.ui.registry.addContextMenu("lists",{update:t=>{const n=dt(e,t);return _e(n)?["listprops"]:[]}})})(e),(e=>({backspaceDelete:t=>{gn(e,t)}}))(e))))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/index.js
new file mode 100644
index 000000000..b69a10dcd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/index.js
@@ -0,0 +1,7 @@
+// Exports the "media" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/media')
+//   ES2015:
+//     import 'tinymce/plugins/media'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/plugin.js
new file mode 100644
index 000000000..683e30773
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/plugin.js
@@ -0,0 +1,1475 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType('string');
+    const isObject = isType('object');
+    const isArray = isType('array');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const get$1 = (obj, key) => {
+        return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('audio_template_callback', {
+            processor: 'function'
+        });
+        registerOption('video_template_callback', {
+            processor: 'function'
+        });
+        registerOption('iframe_template_callback', {
+            processor: 'function'
+        });
+        registerOption('media_live_embeds', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('media_filter_html', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('media_url_resolver', {
+            processor: 'function'
+        });
+        registerOption('media_alt_source', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('media_poster', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('media_dimensions', {
+            processor: 'boolean',
+            default: true
+        });
+    };
+    const getAudioTemplateCallback = option('audio_template_callback');
+    const getVideoTemplateCallback = option('video_template_callback');
+    const getIframeTemplateCallback = option('iframe_template_callback');
+    const hasLiveEmbeds = option('media_live_embeds');
+    const shouldFilterHtml = option('media_filter_html');
+    const getUrlResolver = option('media_url_resolver');
+    const hasAltSource = option('media_alt_source');
+    const hasPoster = option('media_poster');
+    const hasDimensions = option('media_dimensions');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.html.DomParser');
+
+    const DOM$1 = global$4.DOM;
+    const trimPx = (value) => value.replace(/px$/, '');
+    const getEphoxEmbedData = (node) => {
+        const style = node.attr('style');
+        const styles = style ? DOM$1.parseStyle(style) : {};
+        return {
+            type: 'ephox-embed-iri',
+            source: node.attr('data-ephox-embed-iri'),
+            altsource: '',
+            poster: '',
+            width: get$1(styles, 'max-width')?.map(trimPx).getOr(''),
+            height: get$1(styles, 'max-height')?.map(trimPx).getOr('')
+        };
+    };
+    const htmlToData = (html, schema) => {
+        let data = {};
+        const parser = global$3({ validate: false, forced_root_block: false }, schema);
+        const rootNode = parser.parse(html);
+        for (let node = rootNode; node; node = node.walk()) {
+            if (node.type === 1) {
+                const name = node.name;
+                if (node.attr('data-ephox-embed-iri')) {
+                    data = getEphoxEmbedData(node);
+                    // Don't continue to collect if we find an EME embed
+                    break;
+                }
+                else {
+                    if (!data.source && name === 'param') {
+                        data.source = node.attr('movie');
+                    }
+                    if (name === 'iframe' || name === 'object' || name === 'embed' || name === 'video' || name === 'audio') {
+                        if (!data.type) {
+                            data.type = name;
+                        }
+                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                        data = global$5.extend(node.attributes.map, data);
+                    }
+                    if (name === 'source') {
+                        if (!data.source) {
+                            data.source = node.attr('src');
+                        }
+                        else if (!data.altsource) {
+                            data.altsource = node.attr('src');
+                        }
+                    }
+                    if (name === 'img' && !data.poster) {
+                        data.poster = node.attr('src');
+                    }
+                }
+            }
+        }
+        data.source = data.source || data.src || '';
+        data.altsource = data.altsource || '';
+        data.poster = data.poster || '';
+        return data;
+    };
+
+    const guess = (url) => {
+        var _a;
+        const mimes = {
+            mp3: 'audio/mpeg',
+            m4a: 'audio/x-m4a',
+            wav: 'audio/wav',
+            mp4: 'video/mp4',
+            webm: 'video/webm',
+            ogg: 'video/ogg',
+            swf: 'application/x-shockwave-flash'
+        };
+        const fileEnd = (_a = url.toLowerCase().split('.').pop()) !== null && _a !== void 0 ? _a : '';
+        return get$1(mimes, fileEnd).getOr('');
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.html.Serializer');
+
+    const Parser = (schema, settings = {}) => global$3({
+        forced_root_block: false,
+        validate: false,
+        allow_conditional_comments: true,
+        ...settings
+    }, schema);
+
+    const DOM = global$4.DOM;
+    const addPx = (value) => /^[0-9.]+$/.test(value) ? (value + 'px') : value;
+    const updateEphoxEmbed = (data, node) => {
+        const style = node.attr('style');
+        const styleMap = style ? DOM.parseStyle(style) : {};
+        if (isNonNullable(data.width)) {
+            styleMap['max-width'] = addPx(data.width);
+        }
+        if (isNonNullable(data.height)) {
+            styleMap['max-height'] = addPx(data.height);
+        }
+        node.attr('style', DOM.serializeStyle(styleMap));
+    };
+    const sources = ['source', 'altsource'];
+    const updateHtml = (html, data, updateAll, schema) => {
+        let numSources = 0;
+        let sourceCount = 0;
+        const parser = Parser(schema);
+        parser.addNodeFilter('source', (nodes) => numSources = nodes.length);
+        const rootNode = parser.parse(html);
+        for (let node = rootNode; node; node = node.walk()) {
+            if (node.type === 1) {
+                const name = node.name;
+                if (node.attr('data-ephox-embed-iri')) {
+                    updateEphoxEmbed(data, node);
+                    // Don't continue to update if we find an EME embed
+                    break;
+                }
+                else {
+                    switch (name) {
+                        case 'video':
+                        case 'object':
+                        case 'embed':
+                        case 'img':
+                        case 'iframe':
+                            if (data.height !== undefined && data.width !== undefined) {
+                                node.attr('width', data.width);
+                                node.attr('height', data.height);
+                            }
+                            break;
+                    }
+                    if (updateAll) {
+                        switch (name) {
+                            case 'video':
+                                node.attr('poster', data.poster);
+                                node.attr('src', null);
+                                // Add <source> child elements
+                                for (let index = numSources; index < 2; index++) {
+                                    if (data[sources[index]]) {
+                                        const source = new global$2('source', 1);
+                                        source.attr('src', data[sources[index]]);
+                                        source.attr('type', data[sources[index] + 'mime'] || null);
+                                        node.append(source);
+                                    }
+                                }
+                                break;
+                            case 'iframe':
+                                node.attr('src', data.source);
+                                break;
+                            case 'object':
+                                const hasImage = node.getAll('img').length > 0;
+                                if (data.poster && !hasImage) {
+                                    node.attr('src', data.poster);
+                                    const img = new global$2('img', 1);
+                                    img.attr('src', data.poster);
+                                    img.attr('width', data.width);
+                                    img.attr('height', data.height);
+                                    node.append(img);
+                                }
+                                break;
+                            case 'source':
+                                if (sourceCount < 2) {
+                                    node.attr('src', data[sources[sourceCount]]);
+                                    node.attr('type', data[sources[sourceCount] + 'mime'] || null);
+                                    if (!data[sources[sourceCount]]) {
+                                        node.remove();
+                                        continue;
+                                    }
+                                }
+                                sourceCount++;
+                                break;
+                            case 'img':
+                                if (!data.poster) {
+                                    node.remove();
+                                }
+                                break;
+                        }
+                    }
+                }
+            }
+        }
+        return global$1({}, schema).serialize(rootNode);
+    };
+
+    const urlPatterns = [
+        {
+            regex: /youtu\.be\/([\w\-_\?&=.]+)/i,
+            type: 'iframe', w: 560, h: 314,
+            url: 'www.youtube.com/embed/$1',
+            allowFullscreen: true
+        },
+        {
+            regex: /youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i,
+            type: 'iframe', w: 560, h: 314,
+            url: 'www.youtube.com/embed/$2?$4',
+            allowFullscreen: true
+        },
+        {
+            regex: /youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i,
+            type: 'iframe', w: 560, h: 314,
+            url: 'www.youtube.com/embed/$1',
+            allowFullscreen: true
+        },
+        {
+            regex: /vimeo\.com\/([0-9]+)\?h=(\w+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'player.vimeo.com/video/$1?h=$2&title=0&byline=0&portrait=0&color=8dc7dc',
+            allowFullscreen: true
+        },
+        {
+            regex: /vimeo\.com\/(.*)\/([0-9]+)\?h=(\w+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'player.vimeo.com/video/$2?h=$3&title=0&amp;byline=0',
+            allowFullscreen: true
+        },
+        {
+            regex: /vimeo\.com\/([0-9]+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc',
+            allowFullscreen: true
+        },
+        {
+            regex: /vimeo\.com\/(.*)\/([0-9]+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'player.vimeo.com/video/$2?title=0&amp;byline=0',
+            allowFullscreen: true
+        },
+        {
+            regex: /maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/,
+            type: 'iframe', w: 425, h: 350,
+            url: 'maps.google.com/maps/ms?msid=$2&output=embed"',
+            allowFullscreen: false
+        },
+        {
+            regex: /dailymotion\.com\/video\/([^_]+)/,
+            type: 'iframe', w: 480, h: 270,
+            url: 'www.dailymotion.com/embed/video/$1',
+            allowFullscreen: true
+        },
+        {
+            regex: /dai\.ly\/([^_]+)/,
+            type: 'iframe', w: 480, h: 270,
+            url: 'www.dailymotion.com/embed/video/$1',
+            allowFullscreen: true
+        }
+    ];
+    const getProtocol = (url) => {
+        const protocolMatches = url.match(/^(https?:\/\/|www\.)(.+)$/i);
+        if (protocolMatches && protocolMatches.length > 1) {
+            return protocolMatches[1] === 'www.' ? 'https://' : protocolMatches[1];
+        }
+        else {
+            return 'https://';
+        }
+    };
+    const getUrl = (pattern, url) => {
+        const protocol = getProtocol(url);
+        const match = pattern.regex.exec(url);
+        let newUrl = protocol + pattern.url;
+        if (isNonNullable(match)) {
+            for (let i = 0; i < match.length; i++) {
+                newUrl = newUrl.replace('$' + i, () => match[i] ? match[i] : '');
+            }
+        }
+        return newUrl.replace(/\?$/, '');
+    };
+    const matchPattern = (url) => {
+        const patterns = urlPatterns.filter((pattern) => pattern.regex.test(url));
+        if (patterns.length > 0) {
+            return global$5.extend({}, patterns[0], { url: getUrl(patterns[0], url) });
+        }
+        else {
+            return null;
+        }
+    };
+
+    const getIframeHtml = (data, iframeTemplateCallback) => {
+        if (iframeTemplateCallback) {
+            return iframeTemplateCallback(data);
+        }
+        else {
+            const allowFullscreen = data.allowfullscreen ? ' allowFullscreen="1"' : '';
+            return '<iframe src="' + data.source + '" width="' + data.width + '" height="' + data.height + '"' + allowFullscreen + '></iframe>';
+        }
+    };
+    const getFlashHtml = (data) => {
+        let html = '<object data="' + data.source + '" width="' + data.width + '" height="' + data.height + '" type="application/x-shockwave-flash">';
+        if (data.poster) {
+            html += '<img src="' + data.poster + '" width="' + data.width + '" height="' + data.height + '" />';
+        }
+        html += '</object>';
+        return html;
+    };
+    const getAudioHtml = (data, audioTemplateCallback) => {
+        if (audioTemplateCallback) {
+            return audioTemplateCallback(data);
+        }
+        else {
+            return ('<audio controls="controls" src="' + data.source + '">' +
+                (data.altsource ?
+                    '\n<source src="' + data.altsource + '"' +
+                        (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') +
+                        ' />\n' : '') +
+                '</audio>');
+        }
+    };
+    const getVideoHtml = (data, videoTemplateCallback) => {
+        if (videoTemplateCallback) {
+            return videoTemplateCallback(data);
+        }
+        else {
+            return ('<video width="' + data.width +
+                '" height="' + data.height + '"' +
+                (data.poster ? ' poster="' + data.poster + '"' : '') + ' controls="controls">\n' +
+                '<source src="' + data.source + '"' +
+                (data.sourcemime ? ' type="' + data.sourcemime + '"' : '') + ' />\n' +
+                (data.altsource ? '<source src="' + data.altsource + '"' +
+                    (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') + ' />\n' : '') +
+                '</video>');
+        }
+    };
+    const dataToHtml = (editor, dataIn) => {
+        var _a;
+        const data = global$5.extend({}, dataIn);
+        if (!data.source) {
+            global$5.extend(data, htmlToData((_a = data.embed) !== null && _a !== void 0 ? _a : '', editor.schema));
+            if (!data.source) {
+                return '';
+            }
+        }
+        if (!data.altsource) {
+            data.altsource = '';
+        }
+        if (!data.poster) {
+            data.poster = '';
+        }
+        data.source = editor.convertURL(data.source, 'source');
+        data.altsource = editor.convertURL(data.altsource, 'source');
+        data.sourcemime = guess(data.source);
+        data.altsourcemime = guess(data.altsource);
+        data.poster = editor.convertURL(data.poster, 'poster');
+        const pattern = matchPattern(data.source);
+        if (pattern) {
+            data.source = pattern.url;
+            data.type = pattern.type;
+            data.allowfullscreen = pattern.allowFullscreen;
+            data.width = data.width || String(pattern.w);
+            data.height = data.height || String(pattern.h);
+        }
+        if (data.embed) {
+            return updateHtml(data.embed, data, true, editor.schema);
+        }
+        else {
+            const audioTemplateCallback = getAudioTemplateCallback(editor);
+            const videoTemplateCallback = getVideoTemplateCallback(editor);
+            const iframeTemplateCallback = getIframeTemplateCallback(editor);
+            data.width = data.width || '300';
+            data.height = data.height || '150';
+            global$5.each(data, (value, key) => {
+                data[key] = editor.dom.encode('' + value);
+            });
+            if (data.type === 'iframe') {
+                return getIframeHtml(data, iframeTemplateCallback);
+            }
+            else if (data.sourcemime === 'application/x-shockwave-flash') {
+                return getFlashHtml(data);
+            }
+            else if (data.sourcemime.indexOf('audio') !== -1) {
+                return getAudioHtml(data, audioTemplateCallback);
+            }
+            else {
+                return getVideoHtml(data, videoTemplateCallback);
+            }
+        }
+    };
+
+    const isMediaElement = (element) => element.hasAttribute('data-mce-object') || element.hasAttribute('data-ephox-embed-iri');
+    const setup$2 = (editor) => {
+        // TINY-10774: On Safari all events bubble out even if you click on the video play button on other browsers the video element doesn't bubble the event
+        editor.on('mousedown', (e) => {
+            const previewObj = editor.dom.getParent(e.target, '.mce-preview-object');
+            if (previewObj && editor.dom.getAttrib(previewObj, 'data-mce-selected') === '2') {
+                e.stopImmediatePropagation();
+            }
+        });
+        editor.on('click keyup touchend', () => {
+            const selectedNode = editor.selection.getNode();
+            if (selectedNode && editor.dom.hasClass(selectedNode, 'mce-preview-object')) {
+                if (editor.dom.getAttrib(selectedNode, 'data-mce-selected')) {
+                    selectedNode.setAttribute('data-mce-selected', '2');
+                }
+            }
+        });
+        editor.on('ObjectResized', (e) => {
+            const target = e.target;
+            if (target.getAttribute('data-mce-object')) {
+                let html = target.getAttribute('data-mce-html');
+                if (html) {
+                    html = unescape(html);
+                    target.setAttribute('data-mce-html', escape(updateHtml(html, {
+                        width: String(e.width),
+                        height: String(e.height)
+                    }, false, editor.schema)));
+                }
+            }
+        });
+    };
+
+    const cache = {};
+    const embedPromise = (data, dataToHtml, handler) => {
+        return new Promise((res, rej) => {
+            const wrappedResolve = (response) => {
+                if (response.html) {
+                    cache[data.source] = response;
+                }
+                return res({
+                    url: data.source,
+                    html: response.html ? response.html : dataToHtml(data)
+                });
+            };
+            if (cache[data.source]) {
+                wrappedResolve(cache[data.source]);
+            }
+            else {
+                handler({ url: data.source }).then(wrappedResolve).catch(rej);
+            }
+        });
+    };
+    const defaultPromise = (data, dataToHtml) => Promise.resolve({ html: dataToHtml(data), url: data.source });
+    const loadedData = (editor) => (data) => dataToHtml(editor, data);
+    const getEmbedHtml = (editor, data) => {
+        const embedHandler = getUrlResolver(editor);
+        return embedHandler ? embedPromise(data, loadedData(editor), embedHandler) : defaultPromise(data, loadedData(editor));
+    };
+    const isCached = (url) => has(cache, url);
+
+    const extractMeta = (sourceInput, data) => get$1(data, sourceInput).bind((mainData) => get$1(mainData, 'meta'));
+    const getValue = (data, metaData, sourceInput) => (prop) => {
+        // Cases:
+        // 1. Get the nested value prop (component is the executed urlinput)
+        // 2. Get from metadata (a urlinput was executed but urlinput != this component)
+        // 3. Not a urlinput so just get string
+        // If prop === sourceInput do 1, 2 then 3, else do 2 then 1 or 3
+        // ASSUMPTION: we only want to get values for props that already exist in data
+        const getFromData = () => get$1(data, prop);
+        const getFromMetaData = () => get$1(metaData, prop);
+        const getNonEmptyValue = (c) => get$1(c, 'value').bind((v) => v.length > 0 ? Optional?.some(v) : Optional.none());
+        const getFromValueFirst = () => getFromData().bind((child) => isObject(child)
+            ? getNonEmptyValue(child).orThunk(getFromMetaData)
+            : getFromMetaData().orThunk(() => Optional.from(child)));
+        const getFromMetaFirst = () => getFromMetaData().orThunk(() => getFromData().bind((child) => isObject(child)
+            ? getNonEmptyValue(child)
+            : Optional.from(child)));
+        return { [prop]: (prop === sourceInput ? getFromValueFirst() : getFromMetaFirst()).getOr('') };
+    };
+    const getDimensions = (data, metaData) => {
+        const dimensions = {};
+        get$1(data, 'dimensions').each((dims) => {
+            each$1(['width', 'height'], (prop) => {
+                get$1(metaData, prop).orThunk(() => get$1(dims, prop)).each((value) => dimensions[prop] = value);
+            });
+        });
+        return dimensions;
+    };
+    const unwrap = (data, sourceInput) => {
+        const metaData = sourceInput && sourceInput !== 'dimensions' ? extractMeta(sourceInput, data).getOr({}) : {};
+        const get = getValue(data, metaData, sourceInput);
+        return {
+            ...get('source'),
+            ...get('altsource'),
+            ...get('poster'),
+            ...get('embed'),
+            ...getDimensions(data, metaData)
+        };
+    };
+    const wrap = (data) => {
+        const wrapped = {
+            ...data,
+            source: { value: get$1(data, 'source').getOr('') },
+            altsource: { value: get$1(data, 'altsource').getOr('') },
+            poster: { value: get$1(data, 'poster').getOr('') }
+        };
+        // Add additional size values that may or may not have been in the html
+        each$1(['width', 'height'], (prop) => {
+            get$1(data, prop).each((value) => {
+                const dimensions = wrapped.dimensions || {};
+                dimensions[prop] = value;
+                wrapped.dimensions = dimensions;
+            });
+        });
+        return wrapped;
+    };
+    const handleError = (editor) => (error) => {
+        const errorMessage = error && error.msg ?
+            'Media embed handler error: ' + error.msg :
+            'Media embed handler threw unknown error.';
+        editor.notificationManager.open({ type: 'error', text: errorMessage });
+    };
+    const getEditorData = (editor) => {
+        const element = editor.selection.getNode();
+        const snippet = isMediaElement(element) ? editor.serializer.serialize(element, { selection: true }) : '';
+        const data = htmlToData(snippet, editor.schema);
+        const getDimensionsOfElement = () => {
+            if (isEmbedIframe(data.source, data.type)) {
+                const rect = editor.dom.getRect(element);
+                return {
+                    width: rect.w.toString().replace(/px$/, ''),
+                    height: rect.h.toString().replace(/px$/, ''),
+                };
+            }
+            else {
+                return {};
+            }
+        };
+        const dimensions = getDimensionsOfElement();
+        return {
+            embed: snippet,
+            ...data,
+            ...dimensions
+        };
+    };
+    const addEmbedHtml = (api, editor) => (response) => {
+        // Only set values if a URL has been defined
+        if (isString(response.url) && response.url.trim().length > 0) {
+            const html = response.html;
+            const snippetData = htmlToData(html, editor.schema);
+            const nuData = {
+                ...snippetData,
+                source: response.url,
+                embed: html
+            };
+            api.setData(wrap(nuData));
+        }
+    };
+    const selectPlaceholder = (editor, beforeObjects) => {
+        const afterObjects = editor.dom.select('*[data-mce-object]');
+        // Find new image placeholder so we can select it
+        for (let i = 0; i < beforeObjects.length; i++) {
+            for (let y = afterObjects.length - 1; y >= 0; y--) {
+                if (beforeObjects[i] === afterObjects[y]) {
+                    afterObjects.splice(y, 1);
+                }
+            }
+        }
+        editor.selection.select(afterObjects[0]);
+    };
+    const handleInsert = (editor, html) => {
+        const beforeObjects = editor.dom.select('*[data-mce-object]');
+        editor.insertContent(html);
+        selectPlaceholder(editor, beforeObjects);
+        editor.nodeChanged();
+    };
+    const isEmbedIframe = (url, mediaDataType) => isNonNullable(mediaDataType) && mediaDataType === 'ephox-embed-iri' && isNonNullable(matchPattern(url));
+    const shouldInsertAsNewIframe = (prevData, newData) => {
+        const hasDimensionsChanged = (prevData, newData) => prevData.width !== newData.width || prevData.height !== newData.height;
+        return hasDimensionsChanged(prevData, newData) && isEmbedIframe(newData.source, prevData.type);
+    };
+    const submitForm = (prevData, newData, editor) => {
+        var _a;
+        newData.embed =
+            shouldInsertAsNewIframe(prevData, newData) && hasDimensions(editor)
+                ? dataToHtml(editor, { ...newData, embed: '' })
+                : updateHtml((_a = newData.embed) !== null && _a !== void 0 ? _a : '', newData, false, editor.schema);
+        // Only fetch the embed HTML content if the URL has changed from what it previously was
+        if (newData.embed && (prevData.source === newData.source || isCached(newData.source))) {
+            handleInsert(editor, newData.embed);
+        }
+        else {
+            getEmbedHtml(editor, newData)
+                .then((response) => {
+                handleInsert(editor, response.html);
+            }).catch(handleError(editor));
+        }
+    };
+    const showDialog = (editor) => {
+        const editorData = getEditorData(editor);
+        const currentData = Cell(editorData);
+        const initialData = wrap(editorData);
+        const handleSource = (prevData, api) => {
+            const serviceData = unwrap(api.getData(), 'source');
+            // If a new URL is entered, then clear the embed html and fetch the new data
+            if (prevData.source !== serviceData.source) {
+                addEmbedHtml(win, editor)({ url: serviceData.source, html: '' });
+                getEmbedHtml(editor, serviceData)
+                    .then(addEmbedHtml(win, editor))
+                    .catch(handleError(editor));
+            }
+        };
+        const handleEmbed = (api) => {
+            var _a;
+            const data = unwrap(api.getData());
+            const dataFromEmbed = htmlToData((_a = data.embed) !== null && _a !== void 0 ? _a : '', editor.schema);
+            api.setData(wrap(dataFromEmbed));
+        };
+        const handleUpdate = (api, sourceInput, prevData) => {
+            const dialogData = unwrap(api.getData(), sourceInput);
+            const data = shouldInsertAsNewIframe(prevData, dialogData) && hasDimensions(editor)
+                ? { ...dialogData, embed: '' }
+                : dialogData;
+            const embed = dataToHtml(editor, data);
+            api.setData(wrap({
+                ...data,
+                embed
+            }));
+        };
+        const mediaInput = [{
+                name: 'source',
+                type: 'urlinput',
+                filetype: 'media',
+                label: 'Source',
+                picker_text: 'Browse files'
+            }];
+        const sizeInput = !hasDimensions(editor) ? [] : [{
+                type: 'sizeinput',
+                name: 'dimensions',
+                label: 'Constrain proportions',
+                constrain: true
+            }];
+        const generalTab = {
+            title: 'General',
+            name: 'general',
+            items: flatten([mediaInput, sizeInput])
+        };
+        const embedTextarea = {
+            type: 'textarea',
+            name: 'embed',
+            label: 'Paste your embed code below:'
+        };
+        const embedTab = {
+            title: 'Embed',
+            items: [
+                embedTextarea
+            ]
+        };
+        const advancedFormItems = [];
+        if (hasAltSource(editor)) {
+            advancedFormItems.push({
+                name: 'altsource',
+                type: 'urlinput',
+                filetype: 'media',
+                label: 'Alternative source URL'
+            });
+        }
+        if (hasPoster(editor)) {
+            advancedFormItems.push({
+                name: 'poster',
+                type: 'urlinput',
+                filetype: 'image',
+                label: 'Media poster (Image URL)'
+            });
+        }
+        const advancedTab = {
+            title: 'Advanced',
+            name: 'advanced',
+            items: advancedFormItems
+        };
+        const tabs = [
+            generalTab,
+            embedTab
+        ];
+        if (advancedFormItems.length > 0) {
+            tabs.push(advancedTab);
+        }
+        const body = {
+            type: 'tabpanel',
+            tabs
+        };
+        const win = editor.windowManager.open({
+            title: 'Insert/Edit Media',
+            size: 'normal',
+            body,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            onSubmit: (api) => {
+                const serviceData = unwrap(api.getData());
+                submitForm(currentData.get(), serviceData, editor);
+                api.close();
+            },
+            onChange: (api, detail) => {
+                switch (detail.name) {
+                    case 'source':
+                        handleSource(currentData.get(), api);
+                        break;
+                    case 'embed':
+                        handleEmbed(api);
+                        break;
+                    case 'dimensions':
+                    case 'altsource':
+                    case 'poster':
+                        handleUpdate(api, detail.name, currentData.get());
+                        break;
+                }
+                currentData.set(unwrap(api.getData()));
+            },
+            initialData
+        });
+    };
+
+    const get = (editor) => {
+        const showDialog$1 = () => {
+            showDialog(editor);
+        };
+        return {
+            showDialog: showDialog$1
+        };
+    };
+
+    const register$1 = (editor) => {
+        const showDialog$1 = () => {
+            showDialog(editor);
+        };
+        editor.addCommand('mceMedia', showDialog$1);
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const isLiveEmbedNode = (node) => {
+        const name = node.name;
+        return name === 'iframe' || name === 'video' || name === 'audio';
+    };
+    const getDimension = (node, styles, dimension, defaultValue = null) => {
+        const value = node.attr(dimension);
+        if (isNonNullable(value)) {
+            return value;
+        }
+        else if (!has(styles, dimension)) {
+            return defaultValue;
+        }
+        else {
+            return null;
+        }
+    };
+    const setDimensions = (node, previewNode, styles) => {
+        // Apply dimensions for video elements to maintain legacy behaviour
+        const useDefaults = previewNode.name === 'img' || node.name === 'video';
+        // Determine the defaults
+        const defaultWidth = useDefaults ? '300' : null;
+        const fallbackHeight = node.name === 'audio' ? '30' : '150';
+        const defaultHeight = useDefaults ? fallbackHeight : null;
+        previewNode.attr({
+            width: getDimension(node, styles, 'width', defaultWidth),
+            height: getDimension(node, styles, 'height', defaultHeight)
+        });
+    };
+    const appendNodeContent = (editor, nodeName, previewNode, html) => {
+        const newNode = Parser(editor.schema).parse(html, { context: nodeName });
+        while (newNode.firstChild) {
+            previewNode.append(newNode.firstChild);
+        }
+    };
+    const createPlaceholderNode = (editor, node) => {
+        const name = node.name;
+        const placeHolder = new global$2('img', 1);
+        retainAttributesAndInnerHtml(editor, node, placeHolder);
+        setDimensions(node, placeHolder, {});
+        placeHolder.attr({
+            'style': node.attr('style'),
+            'src': global.transparentSrc,
+            'data-mce-object': name,
+            'class': 'mce-object mce-object-' + name
+        });
+        return placeHolder;
+    };
+    const createPreviewNode = (editor, node) => {
+        var _a;
+        const name = node.name;
+        const previewWrapper = new global$2('span', 1);
+        previewWrapper.attr({
+            'contentEditable': 'false',
+            'style': node.attr('style'),
+            'data-mce-object': name,
+            'class': 'mce-preview-object mce-object-' + name
+        });
+        retainAttributesAndInnerHtml(editor, node, previewWrapper);
+        const styles = editor.dom.parseStyle((_a = node.attr('style')) !== null && _a !== void 0 ? _a : '');
+        const previewNode = new global$2(name, 1);
+        setDimensions(node, previewNode, styles);
+        previewNode.attr({
+            src: node.attr('src'),
+            style: node.attr('style'),
+            class: node.attr('class')
+        });
+        if (name === 'iframe') {
+            previewNode.attr({
+                allowfullscreen: node.attr('allowfullscreen'),
+                frameborder: '0',
+                sandbox: node.attr('sandbox'),
+                referrerpolicy: node.attr('referrerpolicy')
+            });
+        }
+        else {
+            // Exclude autoplay as we don't want video/audio to play by default
+            const attrs = ['controls', 'crossorigin', 'currentTime', 'loop', 'muted', 'poster', 'preload'];
+            each$1(attrs, (attrName) => {
+                previewNode.attr(attrName, node.attr(attrName));
+            });
+            // Recreate the child nodes using the sanitized inner HTML
+            const sanitizedHtml = previewWrapper.attr('data-mce-html');
+            if (isNonNullable(sanitizedHtml)) {
+                appendNodeContent(editor, name, previewNode, unescape(sanitizedHtml));
+            }
+        }
+        const shimNode = new global$2('span', 1);
+        shimNode.attr('class', 'mce-shim');
+        previewWrapper.append(previewNode);
+        previewWrapper.append(shimNode);
+        return previewWrapper;
+    };
+    const retainAttributesAndInnerHtml = (editor, sourceNode, targetNode) => {
+        var _a;
+        // Prefix all attributes except internal (data-mce-*), width, height and style since we
+        // will add these to the placeholder
+        const attribs = (_a = sourceNode.attributes) !== null && _a !== void 0 ? _a : [];
+        let ai = attribs.length;
+        while (ai--) {
+            const attrName = attribs[ai].name;
+            let attrValue = attribs[ai].value;
+            if (attrName !== 'width' && attrName !== 'height' && attrName !== 'style' && !startsWith(attrName, 'data-mce-')) {
+                if (attrName === 'data' || attrName === 'src') {
+                    attrValue = editor.convertURL(attrValue, attrName);
+                }
+                targetNode.attr('data-mce-p-' + attrName, attrValue);
+            }
+        }
+        // Place the inner HTML contents inside an escaped attribute
+        // This enables us to copy/paste the fake object
+        const serializer = global$1({ inner: true }, editor.schema);
+        const tempNode = new global$2('div', 1);
+        each$1(sourceNode.children(), (child) => tempNode.append(child));
+        const innerHtml = serializer.serialize(tempNode);
+        if (innerHtml) {
+            targetNode.attr('data-mce-html', escape(innerHtml));
+            targetNode.empty();
+        }
+    };
+    const isPageEmbedWrapper = (node) => {
+        const nodeClass = node.attr('class');
+        return isString(nodeClass) && /\btiny-pageembed\b/.test(nodeClass);
+    };
+    const isWithinEmbedWrapper = (node) => {
+        let tempNode = node;
+        while ((tempNode = tempNode.parent)) {
+            if (tempNode.attr('data-ephox-embed-iri') || isPageEmbedWrapper(tempNode)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const placeHolderConverter = (editor) => (nodes) => {
+        let i = nodes.length;
+        let node;
+        while (i--) {
+            node = nodes[i];
+            if (!node.parent) {
+                continue;
+            }
+            if (node.parent.attr('data-mce-object')) {
+                continue;
+            }
+            if (isLiveEmbedNode(node) && hasLiveEmbeds(editor)) {
+                if (!isWithinEmbedWrapper(node)) {
+                    node.replace(createPreviewNode(editor, node));
+                }
+            }
+            else {
+                if (!isWithinEmbedWrapper(node)) {
+                    node.replace(createPlaceholderNode(editor, node));
+                }
+            }
+        }
+    };
+
+    const parseAndSanitize = (editor, html) => {
+        const getEditorOption = editor.options.get;
+        const sanitize = getEditorOption('xss_sanitization');
+        const validate = shouldFilterHtml(editor);
+        return Parser(editor.schema, { sanitize, validate }).parse(html);
+    };
+
+    const buildMediaElement = (editor, node) => {
+        var _a;
+        const realElmName = node.attr('data-mce-object');
+        const element = document.createElement(realElmName);
+        // Add width/height to everything but audio
+        if (realElmName !== 'audio') {
+            const className = node.attr('class');
+            const firstChild = node.firstChild;
+            if (className && className.indexOf('mce-preview-object') !== -1 && firstChild) {
+                const width = firstChild.attr('width');
+                const height = firstChild.attr('height');
+                if (isString(width)) {
+                    element.setAttribute('width', width);
+                }
+                if (isString(height)) {
+                    element.setAttribute('height', height);
+                }
+            }
+            else {
+                const width = node.attr('width');
+                const height = node.attr('height');
+                if (isString(width)) {
+                    element.setAttribute('width', width);
+                }
+                if (isString(height)) {
+                    element.setAttribute('height', height);
+                }
+            }
+        }
+        const style = node.attr('style');
+        if (isString(style)) {
+            element.setAttribute('style', style);
+        }
+        // Unprefix all placeholder attributes
+        const attribs = (_a = node.attributes) !== null && _a !== void 0 ? _a : [];
+        let ai = attribs.length;
+        while (ai--) {
+            const attrName = attribs[ai].name;
+            if (attrName.indexOf('data-mce-p-') === 0) {
+                element.setAttribute(attrName.substr(11), attribs[ai].value);
+            }
+        }
+        // Inject innerhtml
+        const innerHtml = node.attr('data-mce-html');
+        if (isString(innerHtml)) {
+            element.innerHTML = unescape(innerHtml);
+        }
+        else {
+            element.innerHTML = '\u00a0';
+        }
+        const fragment = parseAndSanitize(editor, element.outerHTML);
+        const newElement = fragment.getAll(realElmName)[0];
+        if (isNonNullable(newElement)) {
+            if (!isString(innerHtml)) {
+                newElement.empty();
+            }
+            return Optional?.some(newElement);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const setup$1 = (editor) => {
+        editor.on('PreInit', () => {
+            const { schema, serializer, parser } = editor;
+            // Set browser specific allowFullscreen attribs as boolean
+            const boolAttrs = schema.getBoolAttrs();
+            each$1('webkitallowfullscreen mozallowfullscreen'.split(' '), (name) => {
+                boolAttrs[name] = {};
+            });
+            // Add some non-standard attributes to the schema
+            each({
+                embed: ['wmode']
+            }, (attrs, name) => {
+                const rule = schema.getElementRule(name);
+                if (rule) {
+                    each$1(attrs, (attr) => {
+                        rule.attributes[attr] = {};
+                        rule.attributesOrder.push(attr);
+                    });
+                }
+            });
+            // Converts iframe, video etc into placeholder images
+            parser.addNodeFilter('iframe,video,audio,object,embed', placeHolderConverter(editor));
+            // Replaces placeholder images with real elements for video, object, iframe etc
+            serializer.addAttributeFilter('data-mce-object', (nodes) => {
+                let i = nodes.length;
+                while (i--) {
+                    const node = nodes[i];
+                    if (!node.parent) {
+                        continue;
+                    }
+                    buildMediaElement(editor, node).fold(() => node.remove(), (realElm) => node.replace(realElm));
+                }
+            });
+        });
+        editor.on('SetContent', () => {
+            // TODO: This shouldn't be needed there should be a way to mark bogus
+            // elements so they are never removed except external save
+            const dom = editor.dom;
+            each$1(dom.select('span.mce-preview-object'), (elm) => {
+                if (dom.select('span.mce-shim', elm).length === 0) {
+                    dom.add(elm, 'span', { class: 'mce-shim' });
+                }
+            });
+        });
+    };
+
+    const setup = (editor) => {
+        editor.on('ResolveName', (e) => {
+            let name;
+            if (e.target.nodeType === 1 && (name = e.target.getAttribute('data-mce-object'))) {
+                e.name = name;
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceMedia');
+        editor.ui.registry.addToggleButton('media', {
+            tooltip: 'Insert/edit media',
+            icon: 'embed',
+            onAction,
+            onSetup: (buttonApi) => {
+                const selection = editor.selection;
+                buttonApi.setActive(isMediaElement(selection.getNode()));
+                const unbindSelectorChanged = selection.selectorChangedWithUnbind('img[data-mce-object],span[data-mce-object],div[data-ephox-embed-iri]', buttonApi.setActive).unbind;
+                const unbindEditable = onSetupEditable(editor)(buttonApi);
+                return () => {
+                    unbindSelectorChanged();
+                    unbindEditable();
+                };
+            }
+        });
+        editor.ui.registry.addMenuItem('media', {
+            icon: 'embed',
+            text: 'Media...',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$6.add('media', (editor) => {
+            register$2(editor);
+            register$1(editor);
+            register(editor);
+            setup(editor);
+            setup$1(editor);
+            setup$2(editor);
+            return get(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/plugin.min.js
new file mode 100644
index 000000000..a869b2f61
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/media/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(r=o=e,(a=String).prototype.isPrototypeOf(r)||(null===(s=o.constructor)||void 0===s?void 0:s.name)===a.name)?"string":t;var r,o,a,s})(t)===e,r=t("string"),o=t("object"),a=t("array"),s=e=>!(e=>null==e)(e),i=e=>"function"==typeof e;class n{constructor(e,t){this.tag=e,this.value=t}static some(e){return new n(!0,e)}static none(){return n.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?n?.some(e(this.value)):n.none()}bind(e){return this.tag?e(this.value):n.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:n.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return s(e)?n?.some(e):n.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}n.singletonNone=new n(!1),Array.prototype.slice;const l=Array.prototype.push,c=(e,t)=>{for(let r=0,o=e.length;r<o;r++)t(e[r],r)},m=e=>{const t=[];for(let r=0,o=e.length;r<o;++r){if(!a(e[r]))throw new Error("Arr.flatten item "+r+" was not an array, input: "+e);l.apply(t,e[r])}return t};i(Array.from)&&Array.from;const u=Object.keys,d=Object.hasOwnProperty,h=(e,t)=>p(e,t)?n.from(e[t]):n.none(),p=(e,t)=>d.call(e,t),g=e=>t=>t.options.get(e),b=g("audio_template_callback"),w=g("video_template_callback"),v=g("iframe_template_callback"),y=g("media_live_embeds"),f=g("media_filter_html"),x=g("media_url_resolver"),_=g("media_alt_source"),k=g("media_poster"),A=g("media_dimensions");var j=tinymce.util.Tools.resolve("tinymce.util.Tools"),O=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),S=tinymce.util.Tools.resolve("tinymce.html.DomParser");const $=O.DOM,T=e=>e.replace(/px$/,""),C=e=>{const t=e.attr("style"),r=t?$.parseStyle(t):{};return{type:"ephox-embed-iri",source:e.attr("data-ephox-embed-iri"),altsource:"",poster:"",width:h(r,"max-width")?.map(T).getOr(""),height:h(r,"max-height")?.map(T).getOr("")}},M=(e,t)=>{let r={};for(let o=S({validate:!1,forced_root_block:!1},t).parse(e);o;o=o.walk())if(1===o.type){const e=o.name;if(o.attr("data-ephox-embed-iri")){r=C(o);break}r.source||"param"!==e||(r.source=o.attr("movie")),"iframe"!==e&&"object"!==e&&"embed"!==e&&"video"!==e&&"audio"!==e||(r.type||(r.type=e),r=j.extend(o.attributes.map,r)),"source"===e&&(r.source?r.altsource||(r.altsource=o.attr("src")):r.source=o.attr("src")),"img"!==e||r.poster||(r.poster=o.attr("src"))}return r.source=r.source||r.src||"",r.altsource=r.altsource||"",r.poster=r.poster||"",r},z=e=>{var t;const r=null!==(t=e.toLowerCase().split(".").pop())&&void 0!==t?t:"";return h({mp3:"audio/mpeg",m4a:"audio/x-m4a",wav:"audio/wav",mp4:"video/mp4",webm:"video/webm",ogg:"video/ogg",swf:"application/x-shockwave-flash"},r).getOr("")};var D=tinymce.util.Tools.resolve("tinymce.html.Node"),F=tinymce.util.Tools.resolve("tinymce.html.Serializer");const N=(e,t={})=>S({forced_root_block:!1,validate:!1,allow_conditional_comments:!0,...t},e),E=O.DOM,L=e=>/^[0-9.]+$/.test(e)?e+"px":e,P=(e,t)=>{const r=t.attr("style"),o=r?E.parseStyle(r):{};s(e.width)&&(o["max-width"]=L(e.width)),s(e.height)&&(o["max-height"]=L(e.height)),t.attr("style",E.serializeStyle(o))},R=["source","altsource"],U=(e,t,r,o)=>{let a=0,s=0;const i=N(o);i.addNodeFilter("source",(e=>a=e.length));const n=i.parse(e);for(let e=n;e;e=e.walk())if(1===e.type){const o=e.name;if(e.attr("data-ephox-embed-iri")){P(t,e);break}switch(o){case"video":case"object":case"embed":case"img":case"iframe":void 0!==t.height&&void 0!==t.width&&(e.attr("width",t.width),e.attr("height",t.height))}if(r)switch(o){case"video":e.attr("poster",t.poster),e.attr("src",null);for(let r=a;r<2;r++)if(t[R[r]]){const o=new D("source",1);o.attr("src",t[R[r]]),o.attr("type",t[R[r]+"mime"]||null),e.append(o)}break;case"iframe":e.attr("src",t.source);break;case"object":const r=e.getAll("img").length>0;if(t.poster&&!r){e.attr("src",t.poster);const r=new D("img",1);r.attr("src",t.poster),r.attr("width",t.width),r.attr("height",t.height),e.append(r)}break;case"source":if(s<2&&(e.attr("src",t[R[s]]),e.attr("type",t[R[s]+"mime"]||null),!t[R[s]])){e.remove();continue}s++;break;case"img":t.poster||e.remove()}}return F({},o).serialize(n)},I=[{regex:/youtu\.be\/([\w\-_\?&=.]+)/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$1",allowFullscreen:!0},{regex:/youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$2?$4",allowFullscreen:!0},{regex:/youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$1",allowFullscreen:!0},{regex:/vimeo\.com\/([0-9]+)\?h=(\w+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$1?h=$2&title=0&byline=0&portrait=0&color=8dc7dc",allowFullscreen:!0},{regex:/vimeo\.com\/(.*)\/([0-9]+)\?h=(\w+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$2?h=$3&title=0&amp;byline=0",allowFullscreen:!0},{regex:/vimeo\.com\/([0-9]+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc",allowFullscreen:!0},{regex:/vimeo\.com\/(.*)\/([0-9]+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$2?title=0&amp;byline=0",allowFullscreen:!0},{regex:/maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/,type:"iframe",w:425,h:350,url:'maps.google.com/maps/ms?msid=$2&output=embed"',allowFullscreen:!1},{regex:/dailymotion\.com\/video\/([^_]+)/,type:"iframe",w:480,h:270,url:"www.dailymotion.com/embed/video/$1",allowFullscreen:!0},{regex:/dai\.ly\/([^_]+)/,type:"iframe",w:480,h:270,url:"www.dailymotion.com/embed/video/$1",allowFullscreen:!0}],B=(e,t)=>{const r=(e=>{const t=e.match(/^(https?:\/\/|www\.)(.+)$/i);return t&&t.length>1?"www."===t[1]?"https://":t[1]:"https://"})(t),o=e.regex.exec(t);let a=r+e.url;if(s(o))for(let e=0;e<o.length;e++)a=a.replace("$"+e,(()=>o[e]?o[e]:""));return a.replace(/\?$/,"")},H=e=>{const t=I.filter((t=>t.regex.test(e)));return t.length>0?j.extend({},t[0],{url:B(t[0],e)}):null},G=(e,t)=>{var r;const o=j.extend({},t);if(!o.source&&(j.extend(o,M(null!==(r=o.embed)&&void 0!==r?r:"",e.schema)),!o.source))return"";o.altsource||(o.altsource=""),o.poster||(o.poster=""),o.source=e.convertURL(o.source,"source"),o.altsource=e.convertURL(o.altsource,"source"),o.sourcemime=z(o.source),o.altsourcemime=z(o.altsource),o.poster=e.convertURL(o.poster,"poster");const a=H(o.source);if(a&&(o.source=a.url,o.type=a.type,o.allowfullscreen=a.allowFullscreen,o.width=o.width||String(a.w),o.height=o.height||String(a.h)),o.embed)return U(o.embed,o,!0,e.schema);{const t=b(e),r=w(e),a=v(e);return o.width=o.width||"300",o.height=o.height||"150",j.each(o,((t,r)=>{o[r]=e.dom.encode(""+t)})),"iframe"===o.type?((e,t)=>{if(t)return t(e);{const t=e.allowfullscreen?' allowFullscreen="1"':"";return'<iframe src="'+e.source+'" width="'+e.width+'" height="'+e.height+'"'+t+"></iframe>"}})(o,a):"application/x-shockwave-flash"===o.sourcemime?(e=>{let t='<object data="'+e.source+'" width="'+e.width+'" height="'+e.height+'" type="application/x-shockwave-flash">';return e.poster&&(t+='<img src="'+e.poster+'" width="'+e.width+'" height="'+e.height+'" />'),t+="</object>",t})(o):-1!==o.sourcemime.indexOf("audio")?((e,t)=>t?t(e):'<audio controls="controls" src="'+e.source+'">'+(e.altsource?'\n<source src="'+e.altsource+'"'+(e.altsourcemime?' type="'+e.altsourcemime+'"':"")+" />\n":"")+"</audio>")(o,t):((e,t)=>t?t(e):'<video width="'+e.width+'" height="'+e.height+'"'+(e.poster?' poster="'+e.poster+'"':"")+' controls="controls">\n<source src="'+e.source+'"'+(e.sourcemime?' type="'+e.sourcemime+'"':"")+" />\n"+(e.altsource?'<source src="'+e.altsource+'"'+(e.altsourcemime?' type="'+e.altsourcemime+'"':"")+" />\n":"")+"</video>")(o,r)}},W=e=>e.hasAttribute("data-mce-object")||e.hasAttribute("data-ephox-embed-iri"),q={},J=e=>t=>G(e,t),K=(e,t)=>{const r=x(e);return r?((e,t,r)=>new Promise(((o,a)=>{const s=r=>(r.html&&(q[e.source]=r),o({url:e.source,html:r.html?r.html:t(e)}));q[e.source]?s(q[e.source]):r({url:e.source}).then(s).catch(a)})))(t,J(e),r):((e,t)=>Promise.resolve({html:t(e),url:e.source}))(t,J(e))},Q=(e,t)=>{const r={};return h(e,"dimensions").each((e=>{c(["width","height"],(o=>{h(t,o).orThunk((()=>h(e,o))).each((e=>r[o]=e))}))})),r},V=(e,t)=>{const r=t&&"dimensions"!==t?((e,t)=>h(t,e).bind((e=>h(e,"meta"))))(t,e).getOr({}):{},a=((e,t,r)=>a=>{const s=()=>h(e,a),i=()=>h(t,a),l=e=>h(e,"value").bind((e=>e.length>0?n?.some(e):n.none()));return{[a]:(a===r?s().bind((e=>o(e)?l(e).orThunk(i):i().orThunk((()=>n.from(e))))):i().orThunk((()=>s().bind((e=>o(e)?l(e):n.from(e)))))).getOr("")}})(e,r,t);return{...a("source"),...a("altsource"),...a("poster"),...a("embed"),...Q(e,r)}},X=e=>{const t={...e,source:{value:h(e,"source").getOr("")},altsource:{value:h(e,"altsource").getOr("")},poster:{value:h(e,"poster").getOr("")}};return c(["width","height"],(r=>{h(e,r).each((e=>{const o=t.dimensions||{};o[r]=e,t.dimensions=o}))})),t},Y=e=>t=>{const r=t&&t.msg?"Media embed handler error: "+t.msg:"Media embed handler threw unknown error.";e.notificationManager.open({type:"error",text:r})},Z=(e,t)=>o=>{if(r(o.url)&&o.url.trim().length>0){const r=o.html,a={...M(r,t.schema),source:o.url,embed:r};e.setData(X(a))}},ee=(e,t)=>{const r=e.dom.select("*[data-mce-object]");e.insertContent(t),((e,t)=>{const r=e.dom.select("*[data-mce-object]");for(let e=0;e<t.length;e++)for(let o=r.length-1;o>=0;o--)t[e]===r[o]&&r.splice(o,1);e.selection.select(r[0])})(e,r),e.nodeChanged()},te=(e,t)=>s(t)&&"ephox-embed-iri"===t&&s(H(e)),re=(e,t)=>((e,t)=>e.width!==t.width||e.height!==t.height)(e,t)&&te(t.source,e.type),oe=e=>{const t=(e=>{const t=e.selection.getNode(),r=W(t)?e.serializer.serialize(t,{selection:!0}):"",o=M(r,e.schema),a=(()=>{if(te(o.source,o.type)){const r=e.dom.getRect(t);return{width:r.w.toString().replace(/px$/,""),height:r.h.toString().replace(/px$/,"")}}return{}})();return{embed:r,...o,...a}})(e),r=(e=>{let t=e;return{get:()=>t,set:e=>{t=e}}})(t),o=X(t),a=A(e)?[{type:"sizeinput",name:"dimensions",label:"Constrain proportions",constrain:!0}]:[],s={title:"General",name:"general",items:m([[{name:"source",type:"urlinput",filetype:"media",label:"Source",picker_text:"Browse files"}],a])},i=[];_(e)&&i.push({name:"altsource",type:"urlinput",filetype:"media",label:"Alternative source URL"}),k(e)&&i.push({name:"poster",type:"urlinput",filetype:"image",label:"Media poster (Image URL)"});const n={title:"Advanced",name:"advanced",items:i},l=[s,{title:"Embed",items:[{type:"textarea",name:"embed",label:"Paste your embed code below:"}]}];i.length>0&&l.push(n);const c={type:"tabpanel",tabs:l},u=e.windowManager.open({title:"Insert/Edit Media",size:"normal",body:c,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],onSubmit:t=>{const o=V(t.getData());((e,t,r)=>{var o,a;t.embed=re(e,t)&&A(r)?G(r,{...t,embed:""}):U(null!==(o=t.embed)&&void 0!==o?o:"",t,!1,r.schema),t.embed&&(e.source===t.source||(a=t.source,p(q,a)))?ee(r,t.embed):K(r,t).then((e=>{ee(r,e.html)})).catch(Y(r))})(r.get(),o,e),t.close()},onChange:(t,o)=>{switch(o.name){case"source":((t,r)=>{const o=V(r.getData(),"source");t.source!==o.source&&(Z(u,e)({url:o.source,html:""}),K(e,o).then(Z(u,e)).catch(Y(e)))})(r.get(),t);break;case"embed":(t=>{var r;const o=V(t.getData()),a=M(null!==(r=o.embed)&&void 0!==r?r:"",e.schema);t.setData(X(a))})(t);break;case"dimensions":case"altsource":case"poster":((t,r,o)=>{const a=V(t.getData(),r),s=re(o,a)&&A(e)?{...a,embed:""}:a,i=G(e,s);t.setData(X({...s,embed:i}))})(t,o.name,r.get())}r.set(V(t.getData()))},initialData:o})};var ae=tinymce.util.Tools.resolve("tinymce.Env");const se=e=>{const t=e.name;return"iframe"===t||"video"===t||"audio"===t},ie=(e,t,r,o=null)=>{const a=e.attr(r);return s(a)?a:p(t,r)?null:o},ne=(e,t,r)=>{const o="img"===t.name||"video"===e.name,a=o?"300":null,s="audio"===e.name?"30":"150",i=o?s:null;t.attr({width:ie(e,r,"width",a),height:ie(e,r,"height",i)})},le=(e,t)=>{const r=t.name,o=new D("img",1);return me(e,t,o),ne(t,o,{}),o.attr({style:t.attr("style"),src:ae.transparentSrc,"data-mce-object":r,class:"mce-object mce-object-"+r}),o},ce=(e,t)=>{var r;const o=t.name,a=new D("span",1);a.attr({contentEditable:"false",style:t.attr("style"),"data-mce-object":o,class:"mce-preview-object mce-object-"+o}),me(e,t,a);const i=e.dom.parseStyle(null!==(r=t.attr("style"))&&void 0!==r?r:""),n=new D(o,1);if(ne(t,n,i),n.attr({src:t.attr("src"),style:t.attr("style"),class:t.attr("class")}),"iframe"===o)n.attr({allowfullscreen:t.attr("allowfullscreen"),frameborder:"0",sandbox:t.attr("sandbox"),referrerpolicy:t.attr("referrerpolicy")});else{c(["controls","crossorigin","currentTime","loop","muted","poster","preload"],(e=>{n.attr(e,t.attr(e))}));const r=a.attr("data-mce-html");s(r)&&((e,t,r,o)=>{const a=N(e.schema).parse(o,{context:t});for(;a.firstChild;)r.append(a.firstChild)})(e,o,n,unescape(r))}const l=new D("span",1);return l.attr("class","mce-shim"),a.append(n),a.append(l),a},me=(e,t,r)=>{var o;const a=null!==(o=t.attributes)&&void 0!==o?o:[];let s=a.length;for(;s--;){const t=a[s].name;let o=a[s].value;"width"===t||"height"===t||"style"===t||(n="data-mce-",(i=t).length>=9&&i.substr(0,9)===n)||("data"!==t&&"src"!==t||(o=e.convertURL(o,t)),r.attr("data-mce-p-"+t,o))}var i,n;const l=F({inner:!0},e.schema),m=new D("div",1);c(t.children(),(e=>m.append(e)));const u=l.serialize(m);u&&(r.attr("data-mce-html",escape(u)),r.empty())},ue=e=>{const t=e.attr("class");return r(t)&&/\btiny-pageembed\b/.test(t)},de=e=>{let t=e;for(;t=t.parent;)if(t.attr("data-ephox-embed-iri")||ue(t))return!0;return!1},he=(e,t)=>{var o;const a=t.attr("data-mce-object"),i=document.createElement(a);if("audio"!==a){const e=t.attr("class"),o=t.firstChild;if(e&&-1!==e.indexOf("mce-preview-object")&&o){const e=o.attr("width"),t=o.attr("height");r(e)&&i.setAttribute("width",e),r(t)&&i.setAttribute("height",t)}else{const e=t.attr("width"),o=t.attr("height");r(e)&&i.setAttribute("width",e),r(o)&&i.setAttribute("height",o)}}const l=t.attr("style");r(l)&&i.setAttribute("style",l);const c=null!==(o=t.attributes)&&void 0!==o?o:[];let m=c.length;for(;m--;){const e=c[m].name;0===e.indexOf("data-mce-p-")&&i.setAttribute(e.substr(11),c[m].value)}const u=t.attr("data-mce-html");r(u)?i.innerHTML=unescape(u):i.innerHTML="\xa0";const d=((e,t)=>{const r=(0,e.options.get)("xss_sanitization"),o=f(e);return N(e.schema,{sanitize:r,validate:o}).parse(t)})(e,i.outerHTML),h=d.getAll(a)[0];return s(h)?(r(u)||h.empty(),n?.some(h)):n.none()},pe=e=>t=>{const r=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",r),r(),()=>{e.off("NodeChange",r)}};e.add("media",(e=>((e=>{const t=e.options.register;t("audio_template_callback",{processor:"function"}),t("video_template_callback",{processor:"function"}),t("iframe_template_callback",{processor:"function"}),t("media_live_embeds",{processor:"boolean",default:!0}),t("media_filter_html",{processor:"boolean",default:!0}),t("media_url_resolver",{processor:"function"}),t("media_alt_source",{processor:"boolean",default:!0}),t("media_poster",{processor:"boolean",default:!0}),t("media_dimensions",{processor:"boolean",default:!0})})(e),(e=>{e.addCommand("mceMedia",(()=>{oe(e)}))})(e),(e=>{const t=()=>e.execCommand("mceMedia");e.ui.registry.addToggleButton("media",{tooltip:"Insert/edit media",icon:"embed",onAction:t,onSetup:t=>{const r=e.selection;t.setActive(W(r.getNode()));const o=r.selectorChangedWithUnbind("img[data-mce-object],span[data-mce-object],div[data-ephox-embed-iri]",t.setActive).unbind,a=pe(e)(t);return()=>{o(),a()}}}),e.ui.registry.addMenuItem("media",{icon:"embed",text:"Media...",onAction:t,onSetup:pe(e)})})(e),(e=>{e.on("ResolveName",(e=>{let t;1===e.target.nodeType&&(t=e.target.getAttribute("data-mce-object"))&&(e.name=t)}))})(e),(e=>{e.on("PreInit",(()=>{const{schema:t,serializer:r,parser:o}=e,a=t.getBoolAttrs();c("webkitallowfullscreen mozallowfullscreen".split(" "),(e=>{a[e]={}})),((e,t)=>{const r=u(e);for(let o=0,a=r.length;o<a;o++){const a=r[o];t(e[a],a)}})({embed:["wmode"]},((e,r)=>{const o=t.getElementRule(r);o&&c(e,(e=>{o.attributes[e]={},o.attributesOrder.push(e)}))})),o.addNodeFilter("iframe,video,audio,object,embed",(e=>t=>{let r,o=t.length;for(;o--;)r=t[o],r.parent&&(r.parent.attr("data-mce-object")||(se(r)&&y(e)?de(r)||r.replace(ce(e,r)):de(r)||r.replace(le(e,r))))})(e)),r.addAttributeFilter("data-mce-object",(t=>{let r=t.length;for(;r--;){const o=t[r];o.parent&&he(e,o).fold((()=>o.remove()),(e=>o.replace(e)))}}))})),e.on("SetContent",(()=>{const t=e.dom;c(t.select("span.mce-preview-object"),(e=>{0===t.select("span.mce-shim",e).length&&t.add(e,"span",{class:"mce-shim"})}))}))})(e),(e=>{e.on("mousedown",(t=>{const r=e.dom.getParent(t.target,".mce-preview-object");r&&"2"===e.dom.getAttrib(r,"data-mce-selected")&&t.stopImmediatePropagation()})),e.on("click keyup touchend",(()=>{const t=e.selection.getNode();t&&e.dom.hasClass(t,"mce-preview-object")&&e.dom.getAttrib(t,"data-mce-selected")&&t.setAttribute("data-mce-selected","2")})),e.on("ObjectResized",(t=>{const r=t.target;if(r.getAttribute("data-mce-object")){let o=r.getAttribute("data-mce-html");o&&(o=unescape(o),r.setAttribute("data-mce-html",escape(U(o,{width:String(t.width),height:String(t.height)},!1,e.schema))))}}))})(e),(e=>({showDialog:()=>{oe(e)}}))(e))))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/index.js
new file mode 100644
index 000000000..b38ef5ef0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/index.js
@@ -0,0 +1,7 @@
+// Exports the "nonbreaking" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/nonbreaking')
+//   ES2015:
+//     import 'tinymce/plugins/nonbreaking'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/plugin.js
new file mode 100644
index 000000000..fa3605077
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/plugin.js
@@ -0,0 +1,128 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isBoolean = isSimpleType('boolean');
+    const isNumber = isSimpleType('number');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('nonbreaking_force_tab', {
+            processor: (value) => {
+                if (isBoolean(value)) {
+                    return { value: value ? 3 : 0, valid: true };
+                }
+                else if (isNumber(value)) {
+                    return { value, valid: true };
+                }
+                else {
+                    return { valid: false, message: 'Must be a boolean or number.' };
+                }
+            },
+            default: false
+        });
+        registerOption('nonbreaking_wrap', {
+            processor: 'boolean',
+            default: true
+        });
+    };
+    const getKeyboardSpaces = option('nonbreaking_force_tab');
+    const wrapNbsps = option('nonbreaking_wrap');
+
+    const stringRepeat = (string, repeats) => {
+        let str = '';
+        for (let index = 0; index < repeats; index++) {
+            str += string;
+        }
+        return str;
+    };
+    const isVisualCharsEnabled = (editor) => editor.plugins.visualchars ? editor.plugins.visualchars.isEnabled() : false;
+    const insertNbsp = (editor, times) => {
+        const classes = () => isVisualCharsEnabled(editor) ? 'mce-nbsp-wrap mce-nbsp' : 'mce-nbsp-wrap';
+        const nbspSpan = () => `<span class="${classes()}" contenteditable="false">${stringRepeat('&nbsp;', times)}</span>`;
+        const shouldWrap = wrapNbsps(editor);
+        const html = shouldWrap || editor.plugins.visualchars ? nbspSpan() : stringRepeat('&nbsp;', times);
+        editor.undoManager.transact(() => editor.insertContent(html));
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceNonBreaking', () => {
+            insertNbsp(editor, 1);
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const setup = (editor) => {
+        const spaces = getKeyboardSpaces(editor);
+        if (spaces > 0) {
+            editor.on('keydown', (e) => {
+                if (e.keyCode === global.TAB && !e.isDefaultPrevented()) {
+                    if (e.shiftKey) {
+                        return;
+                    }
+                    e.preventDefault();
+                    e.stopImmediatePropagation();
+                    insertNbsp(editor, spaces);
+                }
+            });
+        }
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceNonBreaking');
+        editor.ui.registry.addButton('nonbreaking', {
+            icon: 'non-breaking',
+            tooltip: 'Nonbreaking space',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addMenuItem('nonbreaking', {
+            icon: 'non-breaking',
+            text: 'Nonbreaking space',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    /**
+     * This class contains all core logic for the nonbreaking plugin.
+     *
+     * @class tinymce.nonbreaking.Plugin
+     * @private
+     */
+    var Plugin = () => {
+        global$1.add('nonbreaking', (editor) => {
+            register$2(editor);
+            register$1(editor);
+            register(editor);
+            setup(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/plugin.min.js
new file mode 100644
index 000000000..c33bce1b9
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/nonbreaking/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var n=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=n=>e=>typeof e===n,o=e("boolean"),a=e("number"),t=n=>e=>e.options.get(n),i=t("nonbreaking_force_tab"),s=t("nonbreaking_wrap"),r=(n,e)=>{let o="";for(let a=0;a<e;a++)o+=n;return o},c=(n,e)=>{const o=s(n)||n.plugins.visualchars?`<span class="${(n=>!!n.plugins.visualchars&&n.plugins.visualchars.isEnabled())(n)?"mce-nbsp-wrap mce-nbsp":"mce-nbsp-wrap"}" contenteditable="false">${r("&nbsp;",e)}</span>`:r("&nbsp;",e);n.undoManager.transact((()=>n.insertContent(o)))};var l=tinymce.util.Tools.resolve("tinymce.util.VK");const u=n=>e=>{const o=()=>{e.setEnabled(n.selection.isEditable())};return n.on("NodeChange",o),o(),()=>{n.off("NodeChange",o)}};n.add("nonbreaking",(n=>{(n=>{const e=n.options.register;e("nonbreaking_force_tab",{processor:n=>o(n)?{value:n?3:0,valid:!0}:a(n)?{value:n,valid:!0}:{valid:!1,message:"Must be a boolean or number."},default:!1}),e("nonbreaking_wrap",{processor:"boolean",default:!0})})(n),(n=>{n.addCommand("mceNonBreaking",(()=>{c(n,1)}))})(n),(n=>{const e=()=>n.execCommand("mceNonBreaking");n.ui.registry.addButton("nonbreaking",{icon:"non-breaking",tooltip:"Nonbreaking space",onAction:e,onSetup:u(n)}),n.ui.registry.addMenuItem("nonbreaking",{icon:"non-breaking",text:"Nonbreaking space",onAction:e,onSetup:u(n)})})(n),(n=>{const e=i(n);e>0&&n.on("keydown",(o=>{if(o.keyCode===l.TAB&&!o.isDefaultPrevented()){if(o.shiftKey)return;o.preventDefault(),o.stopImmediatePropagation(),c(n,e)}}))})(n)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/index.js
new file mode 100644
index 000000000..0ff61626b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/index.js
@@ -0,0 +1,7 @@
+// Exports the "pagebreak" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/pagebreak')
+//   ES2015:
+//     import 'tinymce/plugins/pagebreak'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/plugin.js
new file mode 100644
index 000000000..601660efe
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/plugin.js
@@ -0,0 +1,123 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('pagebreak_separator', {
+            processor: 'string',
+            default: '<!-- pagebreak -->'
+        });
+        registerOption('pagebreak_split_block', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const getSeparatorHtml = option('pagebreak_separator');
+    const shouldSplitBlock = option('pagebreak_split_block');
+
+    const pageBreakClass = 'mce-pagebreak';
+    const getPlaceholderHtml = (shouldSplitBlock) => {
+        const html = `<img src="${global.transparentSrc}" class="${pageBreakClass}" data-mce-resize="false" data-mce-placeholder />`;
+        return shouldSplitBlock ? `<p>${html}</p>` : html;
+    };
+    const setup$1 = (editor) => {
+        const separatorHtml = getSeparatorHtml(editor);
+        const shouldSplitBlock$1 = () => shouldSplitBlock(editor);
+        const pageBreakSeparatorRegExp = new RegExp(separatorHtml.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g, (a) => {
+            return '\\' + a;
+        }), 'gi');
+        editor.on('BeforeSetContent', (e) => {
+            e.content = e.content.replace(pageBreakSeparatorRegExp, getPlaceholderHtml(shouldSplitBlock$1()));
+        });
+        editor.on('PreInit', () => {
+            editor.serializer.addNodeFilter('img', (nodes) => {
+                let i = nodes.length, node, className;
+                while (i--) {
+                    node = nodes[i];
+                    className = node.attr('class');
+                    if (className && className.indexOf(pageBreakClass) !== -1) {
+                        // Replace parent block node if pagebreak_split_block is enabled
+                        const parentNode = node.parent;
+                        if (parentNode && editor.schema.getBlockElements()[parentNode.name] && shouldSplitBlock$1()) {
+                            parentNode.type = 3;
+                            parentNode.value = separatorHtml;
+                            parentNode.raw = true;
+                            node.remove();
+                            continue;
+                        }
+                        node.type = 3;
+                        node.value = separatorHtml;
+                        node.raw = true;
+                    }
+                }
+            });
+        });
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mcePageBreak', () => {
+            editor.insertContent(getPlaceholderHtml(shouldSplitBlock(editor)));
+        });
+    };
+
+    const setup = (editor) => {
+        editor.on('ResolveName', (e) => {
+            if (e.target.nodeName === 'IMG' && editor.dom.hasClass(e.target, pageBreakClass)) {
+                e.name = 'pagebreak';
+            }
+        });
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mcePageBreak');
+        editor.ui.registry.addButton('pagebreak', {
+            icon: 'page-break',
+            tooltip: 'Page break',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+        editor.ui.registry.addMenuItem('pagebreak', {
+            text: 'Page break',
+            icon: 'page-break',
+            onAction,
+            onSetup: onSetupEditable(editor)
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('pagebreak', (editor) => {
+            register$2(editor);
+            register$1(editor);
+            register(editor);
+            setup$1(editor);
+            setup(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/plugin.min.js
new file mode 100644
index 000000000..8cf44f243
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/pagebreak/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),a=tinymce.util.Tools.resolve("tinymce.Env");const t=e=>a=>a.options.get(e),n=t("pagebreak_separator"),o=t("pagebreak_split_block"),r="mce-pagebreak",s=e=>{const t=`<img src="${a.transparentSrc}" class="${r}" data-mce-resize="false" data-mce-placeholder />`;return e?`<p>${t}</p>`:t},c=e=>a=>{const t=()=>{a.setEnabled(e.selection.isEditable())};return e.on("NodeChange",t),t(),()=>{e.off("NodeChange",t)}};e.add("pagebreak",(e=>{(e=>{const a=e.options.register;a("pagebreak_separator",{processor:"string",default:"\x3c!-- pagebreak --\x3e"}),a("pagebreak_split_block",{processor:"boolean",default:!1})})(e),(e=>{e.addCommand("mcePageBreak",(()=>{e.insertContent(s(o(e)))}))})(e),(e=>{const a=()=>e.execCommand("mcePageBreak");e.ui.registry.addButton("pagebreak",{icon:"page-break",tooltip:"Page break",onAction:a,onSetup:c(e)}),e.ui.registry.addMenuItem("pagebreak",{text:"Page break",icon:"page-break",onAction:a,onSetup:c(e)})})(e),(e=>{const a=n(e),t=()=>o(e),c=new RegExp(a.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g,(e=>"\\"+e)),"gi");e.on("BeforeSetContent",(e=>{e.content=e.content.replace(c,s(t()))})),e.on("PreInit",(()=>{e.serializer.addNodeFilter("img",(n=>{let o,s,c=n.length;for(;c--;)if(o=n[c],s=o.attr("class"),s&&-1!==s.indexOf(r)){const n=o.parent;if(n&&e.schema.getBlockElements()[n.name]&&t()){n.type=3,n.value=a,n.raw=!0,o.remove();continue}o.type=3,o.value=a,o.raw=!0}}))}))})(e),(e=>{e.on("ResolveName",(a=>{"IMG"===a.target.nodeName&&e.dom.hasClass(a.target,r)&&(a.name="pagebreak")}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/index.js
new file mode 100644
index 000000000..4e8e817b3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/index.js
@@ -0,0 +1,7 @@
+// Exports the "preview" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/preview')
+//   ES2015:
+//     import 'tinymce/plugins/preview'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/plugin.js
new file mode 100644
index 000000000..84f278d62
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/plugin.js
@@ -0,0 +1,765 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const eq = (t) => (a) => t === a;
+    const isUndefined = eq(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$1 = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    const contains = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant(isiPad),
+            isiPhone: constant(isiPhone),
+            isTablet: constant(isTablet),
+            isPhone: constant(isPhone),
+            isTouch: constant(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant(iOSwebview),
+            isDesktop: constant(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$2(group(1), group(2));
+    };
+    const detect$3 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$2();
+        }
+        return find(versionRegexes, cleanedAgent);
+    };
+    const unknown$2 = () => {
+        return nu$2(0, 0);
+    };
+    const nu$2 = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$2,
+        detect: detect$3,
+        unknown: unknown$2
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$1(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$2 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$1(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$2(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$2(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains(uastring, 'msie') || contains(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains(uastring, 'iphone') || contains(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant(browsers),
+        oses: constant(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$1 = () => {
+        return nu$1({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$1 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$1,
+        nu: nu$1,
+        edge: constant(edge),
+        chromium: constant(chromium),
+        ie: constant(ie),
+        opera: constant(opera),
+        firefox: constant(firefox),
+        safari: constant(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown = () => {
+        return nu({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown,
+        nu,
+        windows: constant(windows),
+        ios: constant(ios),
+        android: constant(android),
+        linux: constant(linux),
+        macos: constant(macos),
+        solaris: constant(solaris),
+        freebsd: constant(freebsd),
+        chromeos: constant(chromeos)
+    };
+
+    const detect$1 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$1
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect = () => platform();
+
+    const isMacOS = () => detect().os.isMacOS();
+    const isiOS = () => detect().os.isiOS();
+
+    const getPreventClicksOnLinksScript = () => {
+        const isMacOSOrIOS = isMacOS() || isiOS();
+        const fn = (isMacOSOrIOS) => {
+            document.addEventListener('click', (e) => {
+                for (let elm = e.target; elm; elm = elm.parentNode) {
+                    if (elm.nodeName === 'A') {
+                        const anchor = elm;
+                        const href = anchor.getAttribute('href');
+                        if (href && href.startsWith('#')) {
+                            e.preventDefault();
+                            const targetElement = document.getElementById(href.substring(1));
+                            if (targetElement) {
+                                targetElement.scrollIntoView({ behavior: 'smooth' });
+                            }
+                            return;
+                        }
+                        const isMetaKeyPressed = isMacOSOrIOS ? e.metaKey : e.ctrlKey && !e.altKey;
+                        if (!isMetaKeyPressed) {
+                            e.preventDefault();
+                        }
+                    }
+                }
+            }, false);
+        };
+        return `<script>(${fn.toString()})(${isMacOSOrIOS})</script>`;
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const getContentStyle = option('content_style');
+    const shouldUseContentCssCors = option('content_css_cors');
+    const getBodyClass = option('body_class');
+    const getBodyId = option('body_id');
+
+    const getPreviewHtml = (editor) => {
+        var _a;
+        let headHtml = '';
+        const encode = editor.dom.encode;
+        const contentStyle = (_a = getContentStyle(editor)) !== null && _a !== void 0 ? _a : '';
+        headHtml += `<base href="${encode(editor.documentBaseURI.getURI())}">`;
+        const cors = shouldUseContentCssCors(editor) ? ' crossorigin="anonymous"' : '';
+        global.each(editor.contentCSS, (url) => {
+            headHtml += '<link type="text/css" rel="stylesheet" href="' + encode(editor.documentBaseURI.toAbsolute(url)) + '"' + cors + '>';
+        });
+        if (contentStyle) {
+            headHtml += '<style type="text/css">' + contentStyle + '</style>';
+        }
+        const bodyId = getBodyId(editor);
+        const bodyClass = getBodyClass(editor);
+        const directionality = editor.getBody().dir;
+        const dirAttr = directionality ? ' dir="' + encode(directionality) + '"' : '';
+        const previewHtml = ('<!DOCTYPE html>' +
+            '<html>' +
+            '<head>' +
+            headHtml +
+            '</head>' +
+            '<body id="' + encode(bodyId) + '" class="mce-content-body ' + encode(bodyClass) + '"' + dirAttr + '>' +
+            editor.getContent() +
+            getPreventClicksOnLinksScript() +
+            '</body>' +
+            '</html>');
+        return previewHtml;
+    };
+
+    const open = (editor) => {
+        const content = getPreviewHtml(editor);
+        const dataApi = editor.windowManager.open({
+            title: 'Preview',
+            size: 'large',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        name: 'preview',
+                        type: 'iframe',
+                        sandboxed: true,
+                        transparent: false
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'close',
+                    text: 'Close',
+                    primary: true
+                }
+            ],
+            initialData: {
+                preview: content
+            }
+        });
+        // Focus the close button, as by default the first element in the body is selected
+        // which we don't want to happen here since the body only has the iframe content
+        dataApi.focus('close');
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mcePreview', () => {
+            open(editor);
+        });
+    };
+
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mcePreview');
+        editor.ui.registry.addButton('preview', {
+            icon: 'preview',
+            tooltip: 'Preview',
+            onAction,
+            context: 'any'
+        });
+        editor.ui.registry.addMenuItem('preview', {
+            icon: 'preview',
+            text: 'Preview',
+            onAction,
+            context: 'any'
+        });
+    };
+
+    var Plugin = () => {
+        global$1.add('preview', (editor) => {
+            register$1(editor);
+            register(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/plugin.min.js
new file mode 100644
index 000000000..2bfd89f3c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/preview/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>undefined===e;const r=e=>()=>e,n=r(!1);class s{constructor(e,t){this.tag=e,this.value=t}static some(e){return new s(!0,e)}static none(){return s.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?s?.some(e(this.value)):s.none()}bind(e){return this.tag?e(this.value):s.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:s.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?s.none():s?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}s.singletonNone=new s(!1);const i=(e,t)=>((e,t,r)=>{for(let n=0,i=e.length;n<i;n++){const i=e[n];if(t(i,n))return s?.some(i);if(r(i,n))break}return s.none()})(e,t,n),o=(e,r,n=0,s)=>{const i=e.indexOf(r,n);return-1!==i&&(!!t(s)||i+r.length<=s)},a=()=>c(0,0),c=(e,t)=>({major:e,minor:t}),u={nu:c,detect:(e,t)=>{const r=String(t).toLowerCase();return 0===e.length?a():((e,t)=>{const r=((e,t)=>{for(let r=0;r<e.length;r++){const n=e[r];if(n.test(t))return n}})(e,t);if(!r)return{major:0,minor:0};const n=e=>Number(t.replace(r,"$"+e));return c(n(1),n(2))})(e,r)},unknown:a},l=(e,t)=>{const r=String(t).toLowerCase();return i(e,(e=>e.search(r)))},d=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,h=e=>t=>o(t,e),m=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>o(e,"edge/")&&o(e,"chrome")&&o(e,"safari")&&o(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,d],search:e=>o(e,"chrome")&&!o(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>o(e,"msie")||o(e,"trident")},{name:"Opera",versionRegexes:[d,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:h("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:h("firefox")},{name:"Safari",versionRegexes:[d,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(o(e,"safari")||o(e,"mobile/"))&&o(e,"applewebkit")}],v=[{name:"Windows",search:h("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>o(e,"iphone")||o(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:h("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:h("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:h("linux"),versionRegexes:[]},{name:"Solaris",search:h("sunos"),versionRegexes:[]},{name:"FreeBSD",search:h("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:h("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],g={browsers:r(m),oses:r(v)},p="Edge",f="Chromium",w="Opera",x="Firefox",S="Safari",y=e=>{const t=e.current,r=e.version,n=e=>()=>t===e;return{current:t,version:r,isEdge:n(p),isChromium:n(f),isIE:n("IE"),isOpera:n(w),isFirefox:n(x),isSafari:n(S)}},b=()=>y({current:void 0,version:u.unknown()}),O=y,R=(r(p),r(f),r("IE"),r(w),r(x),r(S),"Windows"),C="Android",A="Linux",k="macOS",D="Solaris",E="FreeBSD",I="ChromeOS",P=e=>{const t=e.current,r=e.version,n=e=>()=>t===e;return{current:t,version:r,isWindows:n(R),isiOS:n("iOS"),isAndroid:n(C),isMacOS:n(k),isLinux:n(A),isSolaris:n(D),isFreeBSD:n(E),isChromeOS:n(I)}},T=()=>P({current:void 0,version:u.unknown()}),_=P,B=(r(R),r("iOS"),r(C),r(A),r(k),r(D),r(E),r(I),(e,t,n)=>{const o=g.browsers(),a=g.oses(),c=t.bind((e=>((e,t)=>((e,t)=>{for(let r=0;r<e.length;r++){const n=t(e[r]);if(n.isSome())return n}return s.none()})(t.brands,(t=>{const r=t.brand.toLowerCase();return i(e,(e=>{var t;return r===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:u.nu(parseInt(t.version,10),0)})))})))(o,e))).orThunk((()=>((e,t)=>l(e,t)?.map((e=>{const r=u.detect(e.versionRegexes,t);return{current:e.name,version:r}})))(o,e))).fold(b,O),d=((e,t)=>l(e,t)?.map((e=>{const r=u.detect(e.versionRegexes,t);return{current:e.name,version:r}})))(a,e).fold(T,_),h=((e,t,n,s)=>{const i=e.isiOS()&&!0===/ipad/i.test(n),o=e.isiOS()&&!i,a=e.isiOS()||e.isAndroid(),c=a||s("(pointer:coarse)"),u=i||!o&&a&&s("(min-device-width:768px)"),l=o||a&&!u,d=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(n),h=!l&&!u&&!d;return{isiPad:r(i),isiPhone:r(o),isTablet:r(u),isPhone:r(l),isTouch:r(c),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:r(d),isDesktop:r(h)}})(d,c,e,n);return{browser:c,os:d,deviceType:h}}),L=e=>window.matchMedia(e).matches;let N=(e=>{let t,r=!1;return(...n)=>(r||(r=!0,t=e.apply(null,n)),t)})((()=>B(window.navigator.userAgent,s.from(window.navigator.userAgentData),L)));const F=()=>N();var M=tinymce.util.Tools.resolve("tinymce.util.Tools");const $=e=>t=>t.options.get(e),W=$("content_style"),U=$("content_css_cors"),K=$("body_class"),j=$("body_id"),V=e=>{const t=(e=>{var t;let r="";const n=e.dom.encode,s=null!==(t=W(e))&&void 0!==t?t:"";r+=`<base href="${n(e.documentBaseURI.getURI())}">`;const i=U(e)?' crossorigin="anonymous"':"";M.each(e.contentCSS,(t=>{r+='<link type="text/css" rel="stylesheet" href="'+n(e.documentBaseURI.toAbsolute(t))+'"'+i+">"})),s&&(r+='<style type="text/css">'+s+"</style>");const o=j(e),a=K(e),c=e.getBody().dir,u=c?' dir="'+n(c)+'"':"";return"<!DOCTYPE html><html><head>"+r+'</head><body id="'+n(o)+'" class="mce-content-body '+n(a)+'"'+u+">"+e.getContent()+(()=>{const e=F().os.isMacOS()||F().os.isiOS();return`<script>(${(e=>{document.addEventListener("click",(t=>{for(let r=t.target;r;r=r.parentNode)if("A"===r.nodeName){const n=r.getAttribute("href");if(n&&n.startsWith("#")){t.preventDefault();const e=document.getElementById(n.substring(1));return void(e&&e.scrollIntoView({behavior:"smooth"}))}(e?t.metaKey:t.ctrlKey&&!t.altKey)||t.preventDefault()}}),!1)}).toString()})(${e})<\/script>`})()+"</body></html>"})(e);e.windowManager.open({title:"Preview",size:"large",body:{type:"panel",items:[{name:"preview",type:"iframe",sandboxed:!0,transparent:!1}]},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{preview:t}}).focus("close")};e.add("preview",(e=>{(e=>{e.addCommand("mcePreview",(()=>{V(e)}))})(e),(e=>{const t=()=>e.execCommand("mcePreview");e.ui.registry.addButton("preview",{icon:"preview",tooltip:"Preview",onAction:t,context:"any"}),e.ui.registry.addMenuItem("preview",{icon:"preview",text:"Preview",onAction:t,context:"any"})})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/index.js
new file mode 100644
index 000000000..05d9f2001
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/index.js
@@ -0,0 +1,7 @@
+// Exports the "quickbars" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/quickbars')
+//   ES2015:
+//     import 'tinymce/plugins/quickbars'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/plugin.js
new file mode 100644
index 000000000..c4302ec82
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/plugin.js
@@ -0,0 +1,654 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType('string');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const never = constant(false);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    const insertTable = (editor, columns, rows) => {
+        editor.execCommand('mceInsertTable', false, { rows, columns });
+    };
+    const insertBlob = (editor, base64, blob) => {
+        const blobCache = editor.editorUpload.blobCache;
+        const blobInfo = blobCache.create(generate('mceu'), blob, base64);
+        blobCache.add(blobInfo);
+        editor.insertContent(editor.dom.createHTML('img', { src: blobInfo.blobUri() }));
+    };
+
+    const blobToBase64 = (blob) => {
+        return new Promise((resolve) => {
+            const reader = new FileReader();
+            reader.onloadend = () => {
+                resolve(reader.result.split(',')[1]);
+            };
+            reader.readAsDataURL(blob);
+        });
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    const pickFile = (editor) => new Promise((resolve) => {
+        let resolved = false;
+        const fileInput = document.createElement('input');
+        fileInput.type = 'file';
+        fileInput.accept = 'image/*';
+        fileInput.style.position = 'fixed';
+        fileInput.style.left = '0';
+        fileInput.style.top = '0';
+        fileInput.style.opacity = '0.001';
+        document.body.appendChild(fileInput);
+        const resolveFileInput = (value) => {
+            var _a;
+            if (!resolved) {
+                (_a = fileInput.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(fileInput);
+                resolved = true;
+                resolve(value);
+            }
+        };
+        const changeHandler = (e) => {
+            resolveFileInput(Array.prototype.slice.call(e.target.files));
+        };
+        fileInput.addEventListener('input', changeHandler);
+        fileInput.addEventListener('change', changeHandler);
+        const cancelHandler = (e) => {
+            const cleanup = () => {
+                resolveFileInput([]);
+            };
+            if (!resolved) {
+                if (e.type === 'focusin') {
+                    // Chrome will fire `focusin` before the input `change` event
+                    global.setEditorTimeout(editor, cleanup, 1000);
+                }
+                else {
+                    cleanup();
+                }
+            }
+            editor.off('focusin remove', cancelHandler);
+        };
+        editor.on('focusin remove', cancelHandler);
+        fileInput.click();
+    });
+
+    const register$1 = (editor) => {
+        editor.on('PreInit', () => {
+            if (!editor.queryCommandSupported('QuickbarInsertImage')) {
+                editor.addCommand('QuickbarInsertImage', () => {
+                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                    pickFile(editor).then((files) => {
+                        if (files.length > 0) {
+                            const blob = files[0];
+                            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                            blobToBase64(blob).then((base64) => {
+                                insertBlob(editor, base64, blob);
+                            });
+                        }
+                    });
+                });
+            }
+        });
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        const toolbarProcessor = (defaultValue) => (value) => {
+            const valid = isBoolean(value) || isString(value);
+            if (valid) {
+                if (isBoolean(value)) {
+                    return { value: value ? defaultValue : '', valid };
+                }
+                else {
+                    return { value: value.trim(), valid };
+                }
+            }
+            else {
+                return { valid: false, message: 'Must be a boolean or string.' };
+            }
+        };
+        const defaultSelectionToolbar = 'bold italic | quicklink h2 h3 blockquote';
+        registerOption('quickbars_selection_toolbar', {
+            processor: toolbarProcessor(defaultSelectionToolbar),
+            default: defaultSelectionToolbar
+        });
+        const defaultInsertToolbar = 'quickimage quicktable';
+        registerOption('quickbars_insert_toolbar', {
+            processor: toolbarProcessor(defaultInsertToolbar),
+            default: defaultInsertToolbar
+        });
+        const defaultImageToolbar = 'alignleft aligncenter alignright';
+        registerOption('quickbars_image_toolbar', {
+            processor: toolbarProcessor(defaultImageToolbar),
+            default: defaultImageToolbar
+        });
+    };
+    const getTextSelectionToolbarItems = option('quickbars_selection_toolbar');
+    const getInsertToolbarItems = option('quickbars_insert_toolbar');
+    const getImageToolbarItems = option('quickbars_image_toolbar');
+
+    const setupButtons = (editor) => {
+        editor.ui.registry.addButton('quickimage', {
+            icon: 'image',
+            tooltip: 'Insert image',
+            onAction: () => editor.execCommand('QuickbarInsertImage')
+        });
+        editor.ui.registry.addButton('quicktable', {
+            icon: 'table',
+            tooltip: 'Insert table',
+            onAction: () => {
+                insertTable(editor, 2, 2);
+            }
+        });
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const ELEMENT = 1;
+
+    const is = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+
+    const has$1 = (element, key) => {
+        const dom = element.dom;
+        // return false for non-element nodes, no point in throwing an error
+        return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$1 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$2 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$1, scope, predicate, isRoot);
+    };
+
+    const ancestor = (scope, selector, isRoot) => ancestor$1(scope, (e) => is(e, selector), isRoot);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$1 = (scope, selector, isRoot) => {
+        const is$1 = (element, selector) => is(element, selector);
+        return ClosestOrAncestor(is$1, ancestor, scope, selector, isRoot);
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    const closest = (scope, predicate, isRoot) => closest$2(scope, predicate, isRoot).isSome();
+
+    const addToEditor$1 = (editor) => {
+        const insertToolbarItems = getInsertToolbarItems(editor);
+        if (insertToolbarItems.length > 0) {
+            editor.ui.registry.addContextToolbar('quickblock', {
+                predicate: (node) => {
+                    const sugarNode = SugarElement.fromDom(node);
+                    const textBlockElementsMap = editor.schema.getTextBlockElements();
+                    const isRoot = (elem) => elem.dom === editor.getBody();
+                    return !has$1(sugarNode, 'data-mce-bogus') && closest$1(sugarNode, 'table,[data-mce-bogus="all"]', isRoot).fold(() => closest(sugarNode, (elem) => name(elem) in textBlockElementsMap && editor.dom.isEmpty(elem.dom), isRoot), never);
+                },
+                items: insertToolbarItems,
+                position: 'line',
+                scope: 'editor'
+            });
+        }
+    };
+
+    const addToEditor = (editor) => {
+        const isEditable = (node) => editor.dom.isEditable(node);
+        const isInEditableContext = (el) => isEditable(el.parentElement);
+        const isImage = (node) => {
+            const isImageFigure = node.nodeName === 'FIGURE' && /image/i.test(node.className);
+            const isImage = node.nodeName === 'IMG' || isImageFigure;
+            const isPagebreak = has(SugarElement.fromDom(node), 'mce-pagebreak');
+            return isImage && isInEditableContext(node) && !isPagebreak;
+        };
+        const imageToolbarItems = getImageToolbarItems(editor);
+        if (imageToolbarItems.length > 0) {
+            editor.ui.registry.addContextToolbar('imageselection', {
+                predicate: isImage,
+                items: imageToolbarItems,
+                position: 'node'
+            });
+        }
+        const textToolbarItems = getTextSelectionToolbarItems(editor);
+        if (textToolbarItems.length > 0) {
+            editor.ui.registry.addContextToolbar('textselection', {
+                predicate: (node) => !isImage(node) && !editor.selection.isCollapsed() && isEditable(node),
+                items: textToolbarItems,
+                position: 'selection',
+                scope: 'editor'
+            });
+        }
+    };
+
+    var Plugin = () => {
+        global$1.add('quickbars', (editor) => {
+            register(editor);
+            register$1(editor);
+            setupButtons(editor);
+            addToEditor$1(editor);
+            addToEditor(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/plugin.min.js
new file mode 100644
index 000000000..8b20beafc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/quickbars/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>typeof t===e,o=e=>"string"===(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(o=r=e,(n=String).prototype.isPrototypeOf(o)||(null===(i=r.constructor)||void 0===i?void 0:i.name)===n.name)?"string":t;var o,r,n,i})(e);const r=t("boolean"),n=t("function"),i=()=>false;class s{constructor(e,t){this.tag=e,this.value=t}static some(e){return new s(!0,e)}static none(){return s.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?s?.some(e(this.value)):s.none()}bind(e){return this.tag?e(this.value):s.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:s.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?s.none():s?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}s.singletonNone=new s(!1);let a=0;var l=tinymce.util.Tools.resolve("tinymce.util.Delay");const c=e=>{e.on("PreInit",(()=>{e.queryCommandSupported("QuickbarInsertImage")||e.addCommand("QuickbarInsertImage",(()=>{(e=>new Promise((t=>{let o=!1;const r=document.createElement("input");r.type="file",r.accept="image/*",r.style.position="fixed",r.style.left="0",r.style.top="0",r.style.opacity="0.001",document.body.appendChild(r);const n=e=>{var n;o||(null===(n=r.parentNode)||void 0===n||n.removeChild(r),o=!0,t(e))},i=e=>{n(Array.prototype.slice.call(e.target.files))};r.addEventListener("input",i),r.addEventListener("change",i);const s=t=>{const r=()=>{n([])};o||("focusin"===t.type?l.setEditorTimeout(e,r,1e3):r()),e.off("focusin remove",s)};e.on("focusin remove",s),r.click()})))(e).then((t=>{if(t.length>0){const o=t[0];(e=>new Promise((t=>{const o=new FileReader;o.onloadend=()=>{t(o.result.split(",")[1])},o.readAsDataURL(e)})))(o).then((t=>{((e,t,o)=>{const r=e.editorUpload.blobCache,n=r.create((e=>{const t=(new Date).getTime(),o=Math.floor(window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295*1e9);return a++,e+"_"+o+a+String(t)})("mceu"),o,t);r.add(n),e.insertContent(e.dom.createHTML("img",{src:n.blobUri()}))})(e,t,o)}))}}))}))}))},u=e=>t=>t.options.get(e),d=u("quickbars_selection_toolbar"),m=u("quickbars_insert_toolbar"),g=u("quickbars_image_toolbar"),h=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},b=h,p=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}};var v=(e,t,o,r,i)=>e(o,r)?s?.some(o):n(i)&&i(o)?s.none():t(o,r,i);const f=(e,t,o)=>{let r=e.dom;const a=n(o)?o:i;for(;r.parentNode;){r=r.parentNode;const e=b(r);if(t(e))return s?.some(e);if(a(e))break}return s.none()},y=(e,t,o)=>f(e,(e=>p(e,t)),o),k=e=>{const t=m(e);t.length>0&&e.ui.registry.addContextToolbar("quickblock",{predicate:t=>{const o=b(t),r=e.schema.getTextBlockElements(),n=t=>t.dom===e.getBody();return!(e=>{const t=e.dom;return!(!t||!t.hasAttribute)&&t.hasAttribute("data-mce-bogus")})(o)&&((e,t,o)=>v(((e,t)=>p(e,t)),y,e,'table,[data-mce-bogus="all"]',o))(o,0,n).fold((()=>((e,t,o)=>((e,t,o)=>v(((e,t)=>t(e)),f,e,t,o))(e,t,o).isSome())(o,(t=>t.dom.nodeName.toLowerCase()in r&&e.dom.isEmpty(t.dom)),n)),i)},items:t,position:"line",scope:"editor"})};e.add("quickbars",(e=>{(e=>{const t=e.options.register,n=e=>t=>{const n=r(t)||o(t);return n?r(t)?{value:t?e:"",valid:n}:{value:t.trim(),valid:n}:{valid:!1,message:"Must be a boolean or string."}},i="bold italic | quicklink h2 h3 blockquote";t("quickbars_selection_toolbar",{processor:n(i),default:i});const s="quickimage quicktable";t("quickbars_insert_toolbar",{processor:n(s),default:s});const a="alignleft aligncenter alignright";t("quickbars_image_toolbar",{processor:n(a),default:a})})(e),c(e),(e=>{e.ui.registry.addButton("quickimage",{icon:"image",tooltip:"Insert image",onAction:()=>e.execCommand("QuickbarInsertImage")}),e.ui.registry.addButton("quicktable",{icon:"table",tooltip:"Insert table",onAction:()=>{(e=>{e.execCommand("mceInsertTable",!1,{rows:2,columns:2})})(e)}})})(e),k(e),(e=>{const t=t=>e.dom.isEditable(t),o=e=>{const o="FIGURE"===e.nodeName&&/image/i.test(e.className),r="IMG"===e.nodeName||o,n=(e=>void 0!==e.dom.classList)(i=b(e))&&i.dom.classList.contains("mce-pagebreak");var i;return r&&t(e.parentElement)&&!n},r=g(e);r.length>0&&e.ui.registry.addContextToolbar("imageselection",{predicate:o,items:r,position:"node"});const n=d(e);n.length>0&&e.ui.registry.addContextToolbar("textselection",{predicate:r=>!o(r)&&!e.selection.isCollapsed()&&t(r),items:n,position:"selection",scope:"editor"})})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/index.js
new file mode 100644
index 000000000..86d83a970
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/index.js
@@ -0,0 +1,7 @@
+// Exports the "save" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/save')
+//   ES2015:
+//     import 'tinymce/plugins/save'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/plugin.js
new file mode 100644
index 000000000..befddd19b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/plugin.js
@@ -0,0 +1,136 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isFunction = isSimpleType('function');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$2 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('save_enablewhendirty', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('save_onsavecallback', {
+            processor: 'function'
+        });
+        registerOption('save_oncancelcallback', {
+            processor: 'function'
+        });
+    };
+    const enableWhenDirty = option('save_enablewhendirty');
+    const getOnSaveCallback = option('save_onsavecallback');
+    const getOnCancelCallback = option('save_oncancelcallback');
+
+    const displayErrorMessage = (editor, message) => {
+        editor.notificationManager.open({
+            text: message,
+            type: 'error'
+        });
+    };
+    const save = (editor) => {
+        const formObj = global$1.DOM.getParent(editor.id, 'form');
+        if (enableWhenDirty(editor) && !editor.isDirty()) {
+            return;
+        }
+        editor.save();
+        // Use callback instead
+        const onSaveCallback = getOnSaveCallback(editor);
+        if (isFunction(onSaveCallback)) {
+            onSaveCallback.call(editor, editor);
+            editor.nodeChanged();
+            return;
+        }
+        if (formObj) {
+            editor.setDirty(false);
+            // TODO: TINY-6105 this is probably broken, as an event should be passed to `onsubmit`
+            // so we need to investigate this at some point
+            if (!formObj.onsubmit || formObj.onsubmit()) {
+                if (typeof formObj.submit === 'function') {
+                    formObj.submit();
+                }
+                else {
+                    displayErrorMessage(editor, 'Error: Form submit field collision.');
+                }
+            }
+            editor.nodeChanged();
+        }
+        else {
+            displayErrorMessage(editor, 'Error: No form element found.');
+        }
+    };
+    const cancel = (editor) => {
+        const h = global.trim(editor.startContent);
+        // Use callback instead
+        const onCancelCallback = getOnCancelCallback(editor);
+        if (isFunction(onCancelCallback)) {
+            onCancelCallback.call(editor, editor);
+            return;
+        }
+        // Reset the editor content back to the initial state
+        editor.resetContent(h);
+    };
+
+    const register$1 = (editor) => {
+        editor.addCommand('mceSave', () => {
+            save(editor);
+        });
+        editor.addCommand('mceCancel', () => {
+            cancel(editor);
+        });
+    };
+
+    const stateToggle = (editor) => (api) => {
+        const handler = () => {
+            api.setEnabled(!enableWhenDirty(editor) || editor.isDirty());
+        };
+        handler();
+        editor.on('NodeChange dirty', handler);
+        return () => editor.off('NodeChange dirty', handler);
+    };
+    const register = (editor) => {
+        editor.ui.registry.addButton('save', {
+            icon: 'save',
+            tooltip: 'Save',
+            enabled: false,
+            onAction: () => editor.execCommand('mceSave'),
+            onSetup: stateToggle(editor),
+            shortcut: 'Meta+S'
+        });
+        editor.ui.registry.addButton('cancel', {
+            icon: 'cancel',
+            tooltip: 'Cancel',
+            enabled: false,
+            onAction: () => editor.execCommand('mceCancel'),
+            onSetup: stateToggle(editor)
+        });
+        editor.addShortcut('Meta+S', '', 'mceSave');
+    };
+
+    var Plugin = () => {
+        global$2.add('save', (editor) => {
+            register$2(editor);
+            register(editor);
+            register$1(editor);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/plugin.min.js
new file mode 100644
index 000000000..db770b411
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/save/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const o=e=>"function"==typeof e;var t=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),n=tinymce.util.Tools.resolve("tinymce.util.Tools");const a=e=>o=>o.options.get(e),c=a("save_enablewhendirty"),i=a("save_onsavecallback"),s=a("save_oncancelcallback"),r=(e,o)=>{e.notificationManager.open({text:o,type:"error"})},l=e=>o=>{const t=()=>{o.setEnabled(!c(e)||e.isDirty())};return t(),e.on("NodeChange dirty",t),()=>e.off("NodeChange dirty",t)};e.add("save",(e=>{(e=>{const o=e.options.register;o("save_enablewhendirty",{processor:"boolean",default:!0}),o("save_onsavecallback",{processor:"function"}),o("save_oncancelcallback",{processor:"function"})})(e),(e=>{e.ui.registry.addButton("save",{icon:"save",tooltip:"Save",enabled:!1,onAction:()=>e.execCommand("mceSave"),onSetup:l(e),shortcut:"Meta+S"}),e.ui.registry.addButton("cancel",{icon:"cancel",tooltip:"Cancel",enabled:!1,onAction:()=>e.execCommand("mceCancel"),onSetup:l(e)}),e.addShortcut("Meta+S","","mceSave")})(e),(e=>{e.addCommand("mceSave",(()=>{(e=>{const n=t.DOM.getParent(e.id,"form");if(c(e)&&!e.isDirty())return;e.save();const a=i(e);if(o(a))return a.call(e,e),void e.nodeChanged();n?(e.setDirty(!1),n.onsubmit&&!n.onsubmit()||("function"==typeof n.submit?n.submit():r(e,"Error: Form submit field collision.")),e.nodeChanged()):r(e,"Error: No form element found.")})(e)})),e.addCommand("mceCancel",(()=>{(e=>{const t=n.trim(e.startContent),a=s(e);o(a)?a.call(e,e):e.resetContent(t)})(e)}))})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/index.js
new file mode 100644
index 000000000..22f07a193
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/index.js
@@ -0,0 +1,7 @@
+// Exports the "searchreplace" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/searchreplace')
+//   ES2015:
+//     import 'tinymce/plugins/searchreplace'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/plugin.js
new file mode 100644
index 000000000..263385680
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/plugin.js
@@ -0,0 +1,1370 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const isString = isType$1('string');
+    const isArray = isType$1('array');
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativePush = Array.prototype.push;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    /*
+     * Groups an array into contiguous arrays of like elements. Whether an element is like or not depends on f.
+     *
+     * f is a function that derives a value from an element - e.g. true or false, or a string.
+     * Elements are like if this function generates the same value for them (according to ===).
+     *
+     *
+     * Order of the elements is preserved. Arr.flatten() on the result will return the original list, as with Haskell groupBy function.
+     *  For a good explanation, see the group function (which is a special case of groupBy)
+     *  http://hackage.haskell.org/package/base-4.7.0.0/docs/Data-List.html#v:group
+     */
+    const groupBy = (xs, f) => {
+        if (xs.length === 0) {
+            return [];
+        }
+        else {
+            let wasType = f(xs[0]); // initial case for matching
+            const r = [];
+            let group = [];
+            for (let i = 0, len = xs.length; i < len; i++) {
+                const x = xs[i];
+                const type = f(x);
+                if (type !== wasType) {
+                    r.push(group);
+                    group = [];
+                }
+                wasType = type;
+                group.push(x);
+            }
+            if (group.length !== 0) {
+                r.push(group);
+            }
+            return r;
+        }
+    };
+    const foldl = (xs, f, acc) => {
+        each(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten(map(xs, f));
+    const sort = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const value = () => {
+        const subject = singleton(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable max-len */
+    const punctuationStr = `[~№|!-*+-\\/:;?@\\[-\`{}\u00A1\u00AB\u00B7\u00BB\u00BF;\u00B7\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1361-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u3008\u3009\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30\u2E31\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]`;
+
+    const punctuation$1 = constant(punctuationStr);
+
+    // tslint:disable-next-line:variable-name
+    const Custom = (regex, prefix, suffix, flags) => {
+        const term = () => {
+            return new RegExp(regex, flags.getOr('g'));
+        };
+        return {
+            term,
+            prefix,
+            suffix
+        };
+    };
+
+    Custom;
+    const punctuation = punctuation$1;
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+
+    /*
+     * Most of sand doesn't alter the methods on the object.
+     * We're making an exception for Node, because bitwise and is so easy to get wrong.
+     *
+     * Might be nice to ADT this at some point instead of having individual methods.
+     */
+    const compareDocumentPosition = (a, b, match) => {
+        // Returns: 0 if e1 and e2 are the same node, or a bitmask comparing the positions
+        // of nodes e1 and e2 in their documents. See the URL below for bitmask interpretation
+        // https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
+        // eslint-disable-next-line no-bitwise
+        return (a.compareDocumentPosition(b) & match) !== 0;
+    };
+    const documentPositionPreceding = (a, b) => {
+        return compareDocumentPosition(a, b, Node.DOCUMENT_POSITION_PRECEDING);
+    };
+
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isText$1 = isType(TEXT);
+
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const children = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+    const spot = (element, offset) => ({
+        element,
+        offset
+    });
+    const leaf = (element, offset) => {
+        const cs = children(element);
+        return cs.length > 0 && offset < cs.length ? spot(cs[offset], 0) : spot(element, offset);
+    };
+
+    const before = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const append = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const wrap = (element, wrapper) => {
+        before(element, wrapper);
+        append(wrapper, element);
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText$1, 'text');
+    const get$1 = (element) => api.get(element);
+
+    const descendants = (scope, selector) => all(selector, scope);
+
+    var global = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    const isSimpleBoundary = (dom, node) => dom.isBlock(node) || has(dom.schema.getVoidElements(), node.nodeName);
+    const isContentEditableFalse = (dom, node) => !dom.isEditable(node);
+    const isContentEditableTrueInCef = (dom, node) => dom.getContentEditable(node) === 'true' && node.parentNode && !dom.isEditable(node.parentNode);
+    const isHidden = (dom, node) => !dom.isBlock(node) && has(dom.schema.getWhitespaceElements(), node.nodeName);
+    const isBoundary = (dom, node) => isSimpleBoundary(dom, node) || isContentEditableFalse(dom, node) || isHidden(dom, node) || isContentEditableTrueInCef(dom, node);
+    const isText = (node) => node.nodeType === 3;
+    const nuSection = () => ({
+        sOffset: 0,
+        fOffset: 0,
+        elements: []
+    });
+    const toLeaf = (node, offset) => leaf(SugarElement.fromDom(node), offset);
+    const walk = (dom, walkerFn, startNode, callbacks, endNode, skipStart = true) => {
+        let next = skipStart ? walkerFn(false) : startNode;
+        while (next) {
+            // Walk over content editable or hidden elements
+            const isCefNode = isContentEditableFalse(dom, next);
+            if (isCefNode || isHidden(dom, next)) {
+                const stopWalking = isCefNode ? callbacks.cef(next) : callbacks.boundary(next);
+                if (stopWalking) {
+                    break;
+                }
+                else {
+                    next = walkerFn(true);
+                    continue;
+                }
+            }
+            else if (isSimpleBoundary(dom, next)) {
+                if (callbacks.boundary(next)) {
+                    break;
+                }
+            }
+            else if (isText(next)) {
+                callbacks.text(next);
+            }
+            if (next === endNode) {
+                break;
+            }
+            else {
+                next = walkerFn(false);
+            }
+        }
+    };
+    const collectTextToBoundary = (dom, section, node, rootNode, forwards) => {
+        var _a;
+        // Don't bother collecting text nodes if we're already at a boundary
+        if (isBoundary(dom, node)) {
+            return;
+        }
+        const rootBlock = (_a = dom.getParent(rootNode, dom.isBlock)) !== null && _a !== void 0 ? _a : dom.getRoot();
+        const walker = new global(node, rootBlock);
+        const walkerFn = forwards ? walker.next.bind(walker) : walker.prev.bind(walker);
+        // Walk over and add text nodes to the section and increase the offsets
+        // so we know to ignore the additional text when matching
+        walk(dom, walkerFn, node, {
+            boundary: always,
+            cef: always,
+            text: (next) => {
+                if (forwards) {
+                    section.fOffset += next.length;
+                }
+                else {
+                    section.sOffset += next.length;
+                }
+                section.elements.push(SugarElement.fromDom(next));
+            }
+        });
+    };
+    const collect = (dom, rootNode, startNode, endNode, callbacks, skipStart = true) => {
+        const walker = new global(startNode, rootNode);
+        const sections = [];
+        let current = nuSection();
+        // Find any text between the start node and the closest boundary
+        collectTextToBoundary(dom, current, startNode, rootNode, false);
+        const finishSection = () => {
+            if (current.elements.length > 0) {
+                sections.push(current);
+                current = nuSection();
+            }
+            return false;
+        };
+        // Collect all the text nodes in the specified range and create sections from the
+        // boundaries within the range
+        walk(dom, walker.next.bind(walker), startNode, {
+            boundary: finishSection,
+            cef: (node) => {
+                finishSection();
+                // Collect additional nested contenteditable true content
+                if (callbacks) {
+                    sections.push(...callbacks.cef(node));
+                }
+                return false;
+            },
+            text: (next) => {
+                current.elements.push(SugarElement.fromDom(next));
+                if (callbacks) {
+                    callbacks.text(next, current);
+                }
+            }
+        }, endNode, skipStart);
+        // Find any text between the end node and the closest boundary, then finalise the section
+        if (endNode) {
+            collectTextToBoundary(dom, current, endNode, rootNode, true);
+        }
+        finishSection();
+        return sections;
+    };
+    const collectRangeSections = (dom, rng) => {
+        const start = toLeaf(rng.startContainer, rng.startOffset);
+        const startNode = start.element.dom;
+        const end = toLeaf(rng.endContainer, rng.endOffset);
+        const endNode = end.element.dom;
+        return collect(dom, rng.commonAncestorContainer, startNode, endNode, {
+            text: (node, section) => {
+                // Set the start/end offset of the section
+                if (node === endNode) {
+                    section.fOffset += node.length - end.offset;
+                }
+                else if (node === startNode) {
+                    section.sOffset += start.offset;
+                }
+            },
+            cef: (node) => {
+                // Collect the sections and then order them appropriately, as nested sections maybe out of order
+                // TODO: See if we can improve this to avoid the sort overhead
+                const sections = bind(descendants(SugarElement.fromDom(node), '*[contenteditable=true]'), (e) => {
+                    const ceTrueNode = e.dom;
+                    return collect(dom, ceTrueNode, ceTrueNode);
+                });
+                return sort(sections, (a, b) => (documentPositionPreceding(a.elements[0].dom, b.elements[0].dom)) ? 1 : -1);
+            }
+        }, false);
+    };
+    const fromRng = (dom, rng) => rng.collapsed ? [] : collectRangeSections(dom, rng);
+    const fromNode = (dom, node) => {
+        const rng = dom.createRng();
+        rng.selectNode(node);
+        return fromRng(dom, rng);
+    };
+    const fromNodes = (dom, nodes) => bind(nodes, (node) => fromNode(dom, node));
+
+    const find$2 = (text, pattern, start = 0, finish = text.length) => {
+        const regex = pattern.regex;
+        regex.lastIndex = start;
+        const results = [];
+        let match;
+        while ((match = regex.exec(text))) {
+            const matchedText = match[pattern.matchIndex];
+            const matchStart = match.index + match[0].indexOf(matchedText);
+            const matchFinish = matchStart + matchedText.length;
+            // Stop finding matches if we've hit the finish mark
+            if (matchFinish > finish) {
+                break;
+            }
+            results.push({
+                start: matchStart,
+                finish: matchFinish
+            });
+            regex.lastIndex = matchFinish;
+        }
+        return results;
+    };
+    const extract = (elements, matches) => {
+        // Walk over each text node and compare with the matches
+        const nodePositions = foldl(elements, (acc, element) => {
+            const content = get$1(element);
+            const start = acc.last;
+            const finish = start + content.length;
+            // Find positions for any matches in the current text node
+            const positions = bind(matches, (match, matchIdx) => {
+                // Check to see if the match overlaps with the text position
+                if (match.start < finish && match.finish > start) {
+                    return [{
+                            element,
+                            start: Math.max(start, match.start) - start,
+                            finish: Math.min(finish, match.finish) - start,
+                            matchId: matchIdx
+                        }];
+                }
+                else {
+                    return [];
+                }
+            });
+            return {
+                results: acc.results.concat(positions),
+                last: finish
+            };
+        }, { results: [], last: 0 }).results;
+        // Group the positions by the match id
+        return groupBy(nodePositions, (position) => position.matchId);
+    };
+
+    const find$1 = (pattern, sections) => bind(sections, (section) => {
+        const elements = section.elements;
+        const content = map(elements, get$1).join('');
+        const positions = find$2(content, pattern, section.sOffset, content.length - section.fOffset);
+        return extract(elements, positions);
+    });
+    const mark = (matches, replacementNode) => {
+        // Walk backwards and mark the positions
+        // Note: We need to walk backwards so the position indexes don't change
+        eachr(matches, (match, idx) => {
+            eachr(match, (pos) => {
+                const wrapper = SugarElement.fromDom(replacementNode.cloneNode(false));
+                set(wrapper, 'data-mce-index', idx);
+                const textNode = pos.element.dom;
+                if (textNode.length === pos.finish && pos.start === 0) {
+                    wrap(pos.element, wrapper);
+                }
+                else {
+                    if (textNode.length !== pos.finish) {
+                        textNode.splitText(pos.finish);
+                    }
+                    const matchNode = textNode.splitText(pos.start);
+                    wrap(SugarElement.fromDom(matchNode), wrapper);
+                }
+            });
+        });
+    };
+    const findAndMark = (dom, pattern, node, replacementNode) => {
+        const textSections = fromNode(dom, node);
+        const matches = find$1(pattern, textSections);
+        mark(matches, replacementNode);
+        return matches.length;
+    };
+    const findAndMarkInSelection = (dom, pattern, selection, replacementNode) => {
+        const bookmark = selection.getBookmark();
+        // Handle table cell selection as the table plugin enables
+        // you to fake select table cells and perform actions on them
+        const nodes = dom.select('td[data-mce-selected],th[data-mce-selected]');
+        const textSections = nodes.length > 0 ? fromNodes(dom, nodes) : fromRng(dom, selection.getRng());
+        // Find and mark matches
+        const matches = find$1(pattern, textSections);
+        mark(matches, replacementNode);
+        // Restore the selection
+        selection.moveToBookmark(bookmark);
+        return matches.length;
+    };
+
+    const getElmIndex = (elm) => {
+        return elm.getAttribute('data-mce-index');
+    };
+    const markAllMatches = (editor, currentSearchState, pattern, inSelection) => {
+        const marker = editor.dom.create('span', {
+            'data-mce-bogus': 1
+        });
+        marker.className = 'mce-match-marker';
+        const node = editor.getBody();
+        done(editor, currentSearchState, false);
+        if (inSelection) {
+            return findAndMarkInSelection(editor.dom, pattern, editor.selection, marker);
+        }
+        else {
+            return findAndMark(editor.dom, pattern, node, marker);
+        }
+    };
+    const unwrap = (node) => {
+        var _a;
+        const parentNode = node.parentNode;
+        if (node.firstChild) {
+            parentNode.insertBefore(node.firstChild, node);
+        }
+        (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(node);
+    };
+    const findSpansByIndex = (editor, index) => {
+        const spans = [];
+        const nodes = global$1.toArray(editor.getBody().getElementsByTagName('span'));
+        if (nodes.length) {
+            for (let i = 0; i < nodes.length; i++) {
+                const nodeIndex = getElmIndex(nodes[i]);
+                if (nodeIndex === null || !nodeIndex.length) {
+                    continue;
+                }
+                if (nodeIndex === index.toString()) {
+                    spans.push(nodes[i]);
+                }
+            }
+        }
+        return spans;
+    };
+    const moveSelection = (editor, currentSearchState, forward) => {
+        const searchState = currentSearchState.get();
+        let testIndex = searchState.index;
+        const dom = editor.dom;
+        if (forward) {
+            if (testIndex + 1 === searchState.count) {
+                testIndex = 0;
+            }
+            else {
+                testIndex++;
+            }
+        }
+        else {
+            if (testIndex - 1 === -1) {
+                testIndex = searchState.count - 1;
+            }
+            else {
+                testIndex--;
+            }
+        }
+        dom.removeClass(findSpansByIndex(editor, searchState.index), 'mce-match-marker-selected');
+        const spans = findSpansByIndex(editor, testIndex);
+        if (spans.length) {
+            dom.addClass(findSpansByIndex(editor, testIndex), 'mce-match-marker-selected');
+            editor.selection.scrollIntoView(spans[0]);
+            return testIndex;
+        }
+        return -1;
+    };
+    const removeNode = (dom, node) => {
+        const parent = node.parentNode;
+        dom.remove(node);
+        if (parent && dom.isEmpty(parent)) {
+            dom.remove(parent);
+        }
+    };
+    const escapeSearchText = (text, wholeWord) => {
+        const escapedText = text.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&').replace(/\s/g, '[^\\S\\r\\n\\uFEFF]');
+        const wordRegex = '(' + escapedText + ')';
+        return wholeWord ? `(?:^|\\s|${punctuation()})` + wordRegex + `(?=$|\\s|${punctuation()})` : wordRegex;
+    };
+    const find = (editor, currentSearchState, text, matchCase, wholeWord, inSelection) => {
+        const selection = editor.selection;
+        const escapedText = escapeSearchText(text, wholeWord);
+        const isForwardSelection = selection.isForward();
+        const pattern = {
+            regex: new RegExp(escapedText, matchCase ? 'g' : 'gi'),
+            matchIndex: 1
+        };
+        const count = markAllMatches(editor, currentSearchState, pattern, inSelection);
+        // Safari has a bug whereby splitting text nodes breaks the selection (which is done when marking matches).
+        // As such we need to manually reset it after doing a find action. See https://bugs.webkit.org/show_bug.cgi?id=230594
+        if (global$2.browser.isSafari()) {
+            selection.setRng(selection.getRng(), isForwardSelection);
+        }
+        if (count) {
+            const newIndex = moveSelection(editor, currentSearchState, true);
+            currentSearchState.set({
+                index: newIndex,
+                count,
+                text,
+                matchCase,
+                wholeWord,
+                inSelection
+            });
+        }
+        return count;
+    };
+    const next = (editor, currentSearchState) => {
+        const index = moveSelection(editor, currentSearchState, true);
+        currentSearchState.set({ ...currentSearchState.get(), index });
+    };
+    const prev = (editor, currentSearchState) => {
+        const index = moveSelection(editor, currentSearchState, false);
+        currentSearchState.set({ ...currentSearchState.get(), index });
+    };
+    const isMatchSpan = (node) => {
+        const matchIndex = getElmIndex(node);
+        return matchIndex !== null && matchIndex.length > 0;
+    };
+    const replace = (editor, currentSearchState, text, forward, all) => {
+        const searchState = currentSearchState.get();
+        const currentIndex = searchState.index;
+        let currentMatchIndex, nextIndex = currentIndex;
+        forward = forward !== false;
+        const node = editor.getBody();
+        const nodes = global$1.grep(global$1.toArray(node.getElementsByTagName('span')), isMatchSpan);
+        for (let i = 0; i < nodes.length; i++) {
+            const nodeIndex = getElmIndex(nodes[i]);
+            let matchIndex = currentMatchIndex = parseInt(nodeIndex, 10);
+            if (all || matchIndex === searchState.index) {
+                if (text.length) {
+                    nodes[i].innerText = text;
+                    unwrap(nodes[i]);
+                }
+                else {
+                    removeNode(editor.dom, nodes[i]);
+                }
+                while (nodes[++i]) {
+                    matchIndex = parseInt(getElmIndex(nodes[i]), 10);
+                    if (matchIndex === currentMatchIndex) {
+                        removeNode(editor.dom, nodes[i]);
+                    }
+                    else {
+                        i--;
+                        break;
+                    }
+                }
+                if (forward) {
+                    nextIndex--;
+                }
+            }
+            else if (currentMatchIndex > currentIndex) {
+                nodes[i].setAttribute('data-mce-index', String(currentMatchIndex - 1));
+            }
+        }
+        currentSearchState.set({
+            ...searchState,
+            count: all ? 0 : searchState.count - 1,
+            index: nextIndex
+        });
+        if (forward) {
+            next(editor, currentSearchState);
+        }
+        else {
+            prev(editor, currentSearchState);
+        }
+        return !all && currentSearchState.get().count > 0;
+    };
+    const done = (editor, currentSearchState, keepEditorSelection) => {
+        let startContainer;
+        let endContainer;
+        const searchState = currentSearchState.get();
+        const nodes = global$1.toArray(editor.getBody().getElementsByTagName('span'));
+        for (let i = 0; i < nodes.length; i++) {
+            const nodeIndex = getElmIndex(nodes[i]);
+            if (nodeIndex !== null && nodeIndex.length) {
+                if (nodeIndex === searchState.index.toString()) {
+                    // Note: The first child of the span node will be the highlighted text node
+                    if (!startContainer) {
+                        startContainer = nodes[i].firstChild;
+                    }
+                    endContainer = nodes[i].firstChild;
+                }
+                unwrap(nodes[i]);
+            }
+        }
+        // Reset the search state
+        currentSearchState.set({
+            ...searchState,
+            index: -1,
+            count: 0,
+            text: ''
+        });
+        if (startContainer && endContainer) {
+            const rng = editor.dom.createRng();
+            rng.setStart(startContainer, 0);
+            rng.setEnd(endContainer, endContainer.data.length);
+            if (keepEditorSelection !== false) {
+                editor.selection.setRng(rng);
+            }
+            return rng;
+        }
+        else {
+            return undefined;
+        }
+    };
+    const hasNext = (editor, currentSearchState) => currentSearchState.get().count > 1;
+    const hasPrev = (editor, currentSearchState) => currentSearchState.get().count > 1;
+
+    const get = (editor, currentState) => {
+        const done$1 = (keepEditorSelection) => {
+            return done(editor, currentState, keepEditorSelection);
+        };
+        const find$1 = (text, matchCase, wholeWord, inSelection = false) => {
+            return find(editor, currentState, text, matchCase, wholeWord, inSelection);
+        };
+        const next$1 = () => {
+            return next(editor, currentState);
+        };
+        const prev$1 = () => {
+            return prev(editor, currentState);
+        };
+        const replace$1 = (text, forward, all) => {
+            return replace(editor, currentState, text, forward, all);
+        };
+        return {
+            done: done$1,
+            find: find$1,
+            next: next$1,
+            prev: prev$1,
+            replace: replace$1
+        };
+    };
+
+    const open = (editor, currentSearchState) => {
+        const dialogApi = value();
+        editor.undoManager.add();
+        const selectedText = global$1.trim(editor.selection.getContent({ format: 'text' }));
+        const updateButtonStates = (api) => {
+            api.setEnabled('next', hasNext(editor, currentSearchState));
+            api.setEnabled('prev', hasPrev(editor, currentSearchState));
+        };
+        const updateSearchState = (api) => {
+            const data = api.getData();
+            const current = currentSearchState.get();
+            currentSearchState.set({
+                ...current,
+                matchCase: data.matchcase,
+                wholeWord: data.wholewords,
+                inSelection: data.inselection
+            });
+        };
+        const disableAll = (api, disable) => {
+            const buttons = ['replace', 'replaceall', 'prev', 'next'];
+            const toggle = (name) => api.setEnabled(name, !disable);
+            each(buttons, toggle);
+        };
+        const toggleNotFoundAlert = (isVisible, api) => {
+            api.redial(getDialogSpec(isVisible, api.getData()));
+        };
+        // Temporarily workaround for iOS/iPadOS dialog placement to hide the keyboard
+        // TODO: Remove in 5.2 once iOS fixed positioning is fixed. See TINY-4441
+        const focusButtonIfRequired = (api, name) => {
+            if (global$2.browser.isSafari() && global$2.deviceType.isTouch() && (name === 'find' || name === 'replace' || name === 'replaceall')) {
+                api.focus(name);
+            }
+        };
+        const reset = (api) => {
+            // Clean up the markers if required
+            done(editor, currentSearchState, false);
+            // Disable the buttons
+            disableAll(api, true);
+            updateButtonStates(api);
+        };
+        const doFind = (api) => {
+            const data = api.getData();
+            const last = currentSearchState.get();
+            if (!data.findtext.length) {
+                reset(api);
+                return;
+            }
+            // Same search text, so treat the find as a next click instead
+            if (last.text === data.findtext && last.matchCase === data.matchcase && last.wholeWord === data.wholewords) {
+                next(editor, currentSearchState);
+            }
+            else {
+                // Find new matches
+                const count = find(editor, currentSearchState, data.findtext, data.matchcase, data.wholewords, data.inselection);
+                if (count <= 0) {
+                    toggleNotFoundAlert(true, api);
+                }
+                disableAll(api, count === 0);
+            }
+            updateButtonStates(api);
+        };
+        const initialState = currentSearchState.get();
+        const initialData = {
+            findtext: selectedText,
+            replacetext: '',
+            wholewords: initialState.wholeWord,
+            matchcase: initialState.matchCase,
+            inselection: initialState.inSelection
+        };
+        const getPanelItems = (error) => {
+            const items = [
+                {
+                    type: 'label',
+                    label: 'Find',
+                    for: 'findtext',
+                    items: [
+                        {
+                            type: 'bar',
+                            items: [
+                                {
+                                    type: 'input',
+                                    name: 'findtext',
+                                    maximized: true,
+                                    inputMode: 'search'
+                                },
+                                {
+                                    type: 'button',
+                                    name: 'prev',
+                                    text: 'Previous',
+                                    icon: 'action-prev',
+                                    enabled: false,
+                                    borderless: true
+                                },
+                                {
+                                    type: 'button',
+                                    name: 'next',
+                                    text: 'Next',
+                                    icon: 'action-next',
+                                    enabled: false,
+                                    borderless: true
+                                }
+                            ]
+                        }
+                    ]
+                },
+                {
+                    type: 'input',
+                    name: 'replacetext',
+                    label: 'Replace with',
+                    inputMode: 'search'
+                },
+            ];
+            if (error) {
+                items.push({
+                    type: 'alertbanner',
+                    level: 'error',
+                    text: 'Could not find the specified string.',
+                    icon: 'warning',
+                });
+            }
+            return items;
+        };
+        const getDialogSpec = (showNoMatchesAlertBanner, initialData) => ({
+            title: 'Find and Replace',
+            size: 'normal',
+            body: {
+                type: 'panel',
+                items: getPanelItems(showNoMatchesAlertBanner)
+            },
+            buttons: [
+                {
+                    type: 'menu',
+                    name: 'options',
+                    icon: 'preferences',
+                    tooltip: 'Preferences',
+                    align: 'start',
+                    items: [
+                        {
+                            type: 'togglemenuitem',
+                            name: 'matchcase',
+                            text: 'Match case'
+                        }, {
+                            type: 'togglemenuitem',
+                            name: 'wholewords',
+                            text: 'Find whole words only'
+                        },
+                        {
+                            type: 'togglemenuitem',
+                            name: 'inselection',
+                            text: 'Find in selection'
+                        }
+                    ]
+                },
+                {
+                    type: 'custom',
+                    name: 'find',
+                    text: 'Find',
+                    primary: true
+                },
+                {
+                    type: 'custom',
+                    name: 'replace',
+                    text: 'Replace',
+                    enabled: false
+                },
+                {
+                    type: 'custom',
+                    name: 'replaceall',
+                    text: 'Replace all',
+                    enabled: false,
+                }
+            ],
+            initialData,
+            onChange: (api, details) => {
+                if (showNoMatchesAlertBanner) {
+                    toggleNotFoundAlert(false, api);
+                }
+                if (details.name === 'findtext' && currentSearchState.get().count > 0) {
+                    reset(api);
+                }
+            },
+            onAction: (api, details) => {
+                const data = api.getData();
+                switch (details.name) {
+                    case 'find':
+                        doFind(api);
+                        break;
+                    case 'replace':
+                        if (!replace(editor, currentSearchState, data.replacetext)) {
+                            reset(api);
+                        }
+                        else {
+                            updateButtonStates(api);
+                        }
+                        break;
+                    case 'replaceall':
+                        replace(editor, currentSearchState, data.replacetext, true, true);
+                        reset(api);
+                        break;
+                    case 'prev':
+                        prev(editor, currentSearchState);
+                        updateButtonStates(api);
+                        break;
+                    case 'next':
+                        next(editor, currentSearchState);
+                        updateButtonStates(api);
+                        break;
+                    case 'matchcase':
+                    case 'wholewords':
+                    case 'inselection':
+                        toggleNotFoundAlert(false, api);
+                        updateSearchState(api);
+                        reset(api);
+                        break;
+                }
+                focusButtonIfRequired(api, details.name);
+            },
+            onSubmit: (api) => {
+                doFind(api);
+                focusButtonIfRequired(api, 'find');
+            },
+            onClose: () => {
+                editor.focus();
+                done(editor, currentSearchState);
+                editor.undoManager.add();
+            }
+        });
+        dialogApi.set(editor.windowManager.open(getDialogSpec(false, initialData), { inline: 'toolbar' }));
+    };
+
+    const register$1 = (editor, currentSearchState) => {
+        editor.addCommand('SearchReplace', () => {
+            open(editor, currentSearchState);
+        });
+    };
+
+    const showDialog = (editor, currentSearchState) => () => {
+        open(editor, currentSearchState);
+    };
+    const register = (editor, currentSearchState) => {
+        editor.ui.registry.addMenuItem('searchreplace', {
+            text: 'Find and replace...',
+            shortcut: 'Meta+F',
+            onAction: showDialog(editor, currentSearchState),
+            icon: 'search'
+        });
+        editor.ui.registry.addButton('searchreplace', {
+            tooltip: 'Find and replace',
+            onAction: showDialog(editor, currentSearchState),
+            icon: 'search',
+            shortcut: 'Meta+F'
+        });
+        editor.shortcuts.add('Meta+F', '', showDialog(editor, currentSearchState));
+    };
+
+    var Plugin = () => {
+        global$3.add('searchreplace', (editor) => {
+            const currentSearchState = Cell({
+                index: -1,
+                count: 0,
+                text: '',
+                matchCase: false,
+                wholeWord: false,
+                inSelection: false
+            });
+            register$1(editor, currentSearchState);
+            register(editor, currentSearchState);
+            return get(editor, currentSearchState);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/plugin.min.js
new file mode 100644
index 000000000..6376af4ee
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/searchreplace/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const e=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(n=r=e,(o=String).prototype.isPrototypeOf(n)||(null===(s=r.constructor)||void 0===s?void 0:s.name)===o.name)?"string":t;var n,r,o,s})(t)===e,t=e=>t=>typeof t===e,n=e("string"),r=e("array"),o=t("boolean"),s=t("number"),a=()=>{},l=e=>()=>e,i=l(!0);class c{constructor(e,t){this.tag=e,this.value=t}static some(e){return new c(!0,e)}static none(){return c.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?c?.some(e(this.value)):c.none()}bind(e){return this.tag?e(this.value):c.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:c.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return null==e?c.none():c?.some(e)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}c.singletonNone=new c(!1);const d=Array.prototype.slice,u=Array.prototype.push,m=(e,t)=>{const n=e.length,r=new Array(n);for(let o=0;o<n;o++){const n=e[o];r[o]=t(n,o)}return r},h=(e,t)=>{for(let n=0,r=e.length;n<r;n++)t(e[n],n)},g=(e,t)=>{for(let n=e.length-1;n>=0;n--)t(e[n],n)},f=(e,t)=>(e=>{const t=[];for(let n=0,o=e.length;n<o;++n){if(!r(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);u.apply(t,e[n])}return t})(m(e,t)),p=Object.hasOwnProperty,x=(e,t)=>p.call(e,t),y=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}};var b=tinymce.util.Tools.resolve("tinymce.PluginManager");const v=l("[~\u2116|!-*+-\\/:;?@\\[-`{}\xa1\xab\xb7\xbb\xbf;\xb7\u055a-\u055f\u0589\u058a\u05be\u05c0\u05c3\u05c6\u05f3\u05f4\u0609\u060a\u060c\u060d\u061b\u061e\u061f\u066a-\u066d\u06d4\u0700-\u070d\u07f7-\u07f9\u0830-\u083e\u085e\u0964\u0965\u0970\u0df4\u0e4f\u0e5a\u0e5b\u0f04-\u0f12\u0f3a-\u0f3d\u0f85\u0fd0-\u0fd4\u0fd9\u0fda\u104a-\u104f\u10fb\u1361-\u1368\u1400\u166d\u166e\u169b\u169c\u16eb-\u16ed\u1735\u1736\u17d4-\u17d6\u17d8-\u17da\u1800-\u180a\u1944\u1945\u1a1e\u1a1f\u1aa0-\u1aa6\u1aa8-\u1aad\u1b5a-\u1b60\u1bfc-\u1bff\u1c3b-\u1c3f\u1c7e\u1c7f\u1cd3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205e\u207d\u207e\u208d\u208e\u3008\u3009\u2768-\u2775\u27c5\u27c6\u27e6-\u27ef\u2983-\u2998\u29d8-\u29db\u29fc\u29fd\u2cf9-\u2cfc\u2cfe\u2cff\u2d70\u2e00-\u2e2e\u2e30\u2e31\u3001-\u3003\u3008-\u3011\u3014-\u301f\u3030\u303d\u30a0\u30fb\ua4fe\ua4ff\ua60d-\ua60f\ua673\ua67e\ua6f2-\ua6f7\ua874-\ua877\ua8ce\ua8cf\ua8f8-\ua8fa\ua92e\ua92f\ua95f\ua9c1-\ua9cd\ua9de\ua9df\uaa5c-\uaa5f\uaade\uaadf\uabeb\ufd3e\ufd3f\ufe10-\ufe19\ufe30-\ufe52\ufe54-\ufe61\ufe63\ufe68\ufe6a\ufe6b\uff01-\uff03\uff05-\uff0a\uff0c-\uff0f\uff1a\uff1b\uff1f\uff20\uff3b-\uff3d\uff3f\uff5b\uff5d\uff5f-\uff65]");var w=tinymce.util.Tools.resolve("tinymce.Env"),C=tinymce.util.Tools.resolve("tinymce.util.Tools");const E=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},O=E,N=e=>3===(e=>e.dom.nodeType)(e);const T=(e,t)=>({element:e,offset:t}),k=(e,t)=>{((e,t)=>{const n=(e=>c.from(e.dom.parentNode)?.map(O))(e);n.each((n=>{n.dom.insertBefore(t.dom,e.dom)}))})(e,t),((e,t)=>{e.dom.appendChild(t.dom)})(t,e)},A=(e=>{const t=t=>e(t)?c.from(t.dom.nodeValue):c.none();return{get:n=>{if(!e(n))throw new Error("Can only get text value of a text node");return t(n).getOr("")},getOption:t,set:(t,n)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=n}}})(N),S=e=>A.get(e);var B=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker");const F=(e,t)=>e.isBlock(t)||x(e.schema.getVoidElements(),t.nodeName),I=(e,t)=>!e.isEditable(t),M=(e,t)=>!e.isBlock(t)&&x(e.schema.getWhitespaceElements(),t.nodeName),R=(e,t)=>((e,t)=>{const n=(e=>m(e.dom.childNodes,O))(e);return n.length>0&&t<n.length?T(n[t],0):T(e,t)})(O(e),t),D=(e,t,n,r,o,s=!0)=>{let a=s?t(!1):n;for(;a;){const n=I(e,a);if(n||M(e,a)){if(n?r.cef(a):r.boundary(a))break;a=t(!0)}else{if(F(e,a)){if(r.boundary(a))break}else 3===a.nodeType&&r.text(a);if(a===o)break;a=t(!1)}}},P=(e,t,n,r,o)=>{var s;if(((e,t)=>F(e,t)||I(e,t)||M(e,t)||((e,t)=>"true"===e.getContentEditable(t)&&t.parentNode&&!e.isEditable(t.parentNode))(e,t))(e,n))return;const a=null!==(s=e.getParent(r,e.isBlock))&&void 0!==s?s:e.getRoot(),l=new B(n,a),c=o?l.next.bind(l):l.prev.bind(l);D(e,c,n,{boundary:i,cef:i,text:e=>{o?t.fOffset+=e.length:t.sOffset+=e.length,t.elements.push(O(e))}})},W=(e,t,n,r,o,s=!0)=>{const a=new B(n,t),l=[];let i={sOffset:0,fOffset:0,elements:[]};P(e,i,n,t,!1);const c=()=>(i.elements.length>0&&(l.push(i),i={sOffset:0,fOffset:0,elements:[]}),!1);return D(e,a.next.bind(a),n,{boundary:c,cef:e=>(c(),o&&l.push(...o.cef(e)),!1),text:e=>{i.elements.push(O(e)),o&&o.text(e,i)}},r,s),r&&P(e,i,r,t,!0),c(),l},$=(e,t)=>{const n=R(t.startContainer,t.startOffset),r=n.element.dom,o=R(t.endContainer,t.endOffset),s=o.element.dom;return W(e,t.commonAncestorContainer,r,s,{text:(e,t)=>{e===s?t.fOffset+=e.length-o.offset:e===r&&(t.sOffset+=n.offset)},cef:t=>{return(e=>{const t=d.call(e,0);return t.sort(((e,t)=>((e,t)=>((e,t,n)=>!!(e.compareDocumentPosition(t)&n))(e,t,Node.DOCUMENT_POSITION_PRECEDING))(e.elements[0].dom,t.elements[0].dom)?1:-1)),t})(f((n=O(t),((e,t)=>{const n=void 0===t?document:t.dom;return 1!==(r=n).nodeType&&9!==r.nodeType&&11!==r.nodeType||0===r.childElementCount?[]:m(n.querySelectorAll(e),O);var r})("*[contenteditable=true]",n)),(t=>{const n=t.dom;return W(e,n,n)})));var n}},!1)},V=(e,t)=>t.collapsed?[]:$(e,t),j=(e,t)=>{const n=e.createRng();return n.selectNode(t),V(e,n)},z=(e,t)=>f(t,(t=>{const n=t.elements,r=m(n,S).join(""),o=((e,t,n=0,r=e.length)=>{const o=t.regex;o.lastIndex=n;const s=[];let a;for(;a=o.exec(e);){const e=a[t.matchIndex],n=a.index+a[0].indexOf(e),l=n+e.length;if(l>r)break;s.push({start:n,finish:l}),o.lastIndex=l}return s})(r,e,t.sOffset,r.length-t.fOffset);return((e,t)=>{const n=(r=e,o=(e,n)=>{const r=S(n),o=e.last,s=o+r.length,a=f(t,((e,t)=>e.start<s&&e.finish>o?[{element:n,start:Math.max(o,e.start)-o,finish:Math.min(s,e.finish)-o,matchId:t}]:[]));return{results:e.results.concat(a),last:s}},s={results:[],last:0},h(r,((e,t)=>{s=o(s,e)})),s).results;var r,o,s;return((e,t)=>{if(0===e.length)return[];{let n=t(e[0]);const r=[];let o=[];for(let s=0,a=e.length;s<a;s++){const a=e[s],l=t(a);l!==n&&(r.push(o),o=[]),n=l,o.push(a)}return 0!==o.length&&r.push(o),r}})(n,(e=>e.matchId))})(n,o)})),U=(e,t)=>{g(e,((e,r)=>{g(e,(e=>{const a=O(t.cloneNode(!1));((e,t,r)=>{((e,t,r)=>{if(!(n(r)||o(r)||s(r)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",r,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,r+"")})(e.dom,t,r)})(a,"data-mce-index",r);const l=e.element.dom;if(l.length===e.finish&&0===e.start)k(e.element,a);else{l.length!==e.finish&&l.splitText(e.finish);const t=l.splitText(e.start);k(O(t),a)}}))}))},_=e=>e.getAttribute("data-mce-index"),q=(e,t,n,r)=>{const o=e.dom.create("span",{"data-mce-bogus":1});o.className="mce-match-marker";const s=e.getBody();return ee(e,t,!1),r?((e,t,n,r)=>{const o=n.getBookmark(),s=e.select("td[data-mce-selected],th[data-mce-selected]"),a=s.length>0?((e,t)=>f(t,(t=>j(e,t))))(e,s):V(e,n.getRng()),l=z(t,a);return U(l,r),n.moveToBookmark(o),l.length})(e.dom,n,e.selection,o):((e,t,n,r)=>{const o=j(e,n),s=z(t,o);return U(s,r),s.length})(e.dom,n,s,o)},G=e=>{var t;const n=e.parentNode;e.firstChild&&n.insertBefore(e.firstChild,e),null===(t=e.parentNode)||void 0===t||t.removeChild(e)},K=(e,t)=>{const n=[],r=C.toArray(e.getBody().getElementsByTagName("span"));if(r.length)for(let e=0;e<r.length;e++){const o=_(r[e]);null!==o&&o.length&&o===t.toString()&&n.push(r[e])}return n},H=(e,t,n)=>{const r=t.get();let o=r.index;const s=e.dom;n?o+1===r.count?o=0:o++:o-1==-1?o=r.count-1:o--,s.removeClass(K(e,r.index),"mce-match-marker-selected");const a=K(e,o);return a.length?(s.addClass(K(e,o),"mce-match-marker-selected"),e.selection.scrollIntoView(a[0]),o):-1},J=(e,t)=>{const n=t.parentNode;e.remove(t),n&&e.isEmpty(n)&&e.remove(n)},L=(e,t,n,r,o,s)=>{const a=e.selection,l=((e,t)=>{const n="("+e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&").replace(/\s/g,"[^\\S\\r\\n\\uFEFF]")+")";return t?`(?:^|\\s|${v()})`+n+`(?=$|\\s|${v()})`:n})(n,o),i=a.isForward(),c={regex:new RegExp(l,r?"g":"gi"),matchIndex:1},d=q(e,t,c,s);if(w.browser.isSafari()&&a.setRng(a.getRng(),i),d){const a=H(e,t,!0);t.set({index:a,count:d,text:n,matchCase:r,wholeWord:o,inSelection:s})}return d},Q=(e,t)=>{const n=H(e,t,!0);t.set({...t.get(),index:n})},X=(e,t)=>{const n=H(e,t,!1);t.set({...t.get(),index:n})},Y=e=>{const t=_(e);return null!==t&&t.length>0},Z=(e,t,n,r,o)=>{const s=t.get(),a=s.index;let l,i=a;r=!1!==r;const c=e.getBody(),d=C.grep(C.toArray(c.getElementsByTagName("span")),Y);for(let t=0;t<d.length;t++){const c=_(d[t]);let u=l=parseInt(c,10);if(o||u===s.index){for(n.length?(d[t].innerText=n,G(d[t])):J(e.dom,d[t]);d[++t];){if(u=parseInt(_(d[t]),10),u!==l){t--;break}J(e.dom,d[t])}r&&i--}else l>a&&d[t].setAttribute("data-mce-index",String(l-1))}return t.set({...s,count:o?0:s.count-1,index:i}),r?Q(e,t):X(e,t),!o&&t.get().count>0},ee=(e,t,n)=>{let r,o;const s=t.get(),a=C.toArray(e.getBody().getElementsByTagName("span"));for(let e=0;e<a.length;e++){const t=_(a[e]);null!==t&&t.length&&(t===s.index.toString()&&(r||(r=a[e].firstChild),o=a[e].firstChild),G(a[e]))}if(t.set({...s,index:-1,count:0,text:""}),r&&o){const t=e.dom.createRng();return t.setStart(r,0),t.setEnd(o,o.data.length),!1!==n&&e.selection.setRng(t),t}},te=(e,t)=>{const n=(()=>{const e=(e=>{const t=y(c.none()),n=()=>t.get().each(e);return{clear:()=>{n(),t.set(c.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{n(),t.set(c?.some(e))}}})(a);return{...e,on:t=>e.get().each(t)}})();e.undoManager.add();const r=C.trim(e.selection.getContent({format:"text"})),o=e=>{e.setEnabled("next",((e,t)=>t.get().count>1)(0,t)),e.setEnabled("prev",((e,t)=>t.get().count>1)(0,t))},s=(e,t)=>{h(["replace","replaceall","prev","next"],(n=>e.setEnabled(n,!t)))},l=(e,t)=>{t.redial(p(e,t.getData()))},i=(e,t)=>{w.browser.isSafari()&&w.deviceType.isTouch()&&("find"===t||"replace"===t||"replaceall"===t)&&e.focus(t)},d=n=>{ee(e,t,!1),s(n,!0),o(n)},u=n=>{const r=n.getData(),a=t.get();if(r.findtext.length){if(a.text===r.findtext&&a.matchCase===r.matchcase&&a.wholeWord===r.wholewords)Q(e,t);else{const o=L(e,t,r.findtext,r.matchcase,r.wholewords,r.inselection);o<=0&&l(!0,n),s(n,0===o)}o(n)}else d(n)},m=t.get(),g={findtext:r,replacetext:"",wholewords:m.wholeWord,matchcase:m.matchCase,inselection:m.inSelection},f=e=>{const t=[{type:"label",label:"Find",for:"findtext",items:[{type:"bar",items:[{type:"input",name:"findtext",maximized:!0,inputMode:"search"},{type:"button",name:"prev",text:"Previous",icon:"action-prev",enabled:!1,borderless:!0},{type:"button",name:"next",text:"Next",icon:"action-next",enabled:!1,borderless:!0}]}]},{type:"input",name:"replacetext",label:"Replace with",inputMode:"search"}];return e&&t.push({type:"alertbanner",level:"error",text:"Could not find the specified string.",icon:"warning"}),t},p=(n,r)=>({title:"Find and Replace",size:"normal",body:{type:"panel",items:f(n)},buttons:[{type:"menu",name:"options",icon:"preferences",tooltip:"Preferences",align:"start",items:[{type:"togglemenuitem",name:"matchcase",text:"Match case"},{type:"togglemenuitem",name:"wholewords",text:"Find whole words only"},{type:"togglemenuitem",name:"inselection",text:"Find in selection"}]},{type:"custom",name:"find",text:"Find",primary:!0},{type:"custom",name:"replace",text:"Replace",enabled:!1},{type:"custom",name:"replaceall",text:"Replace all",enabled:!1}],initialData:r,onChange:(e,r)=>{n&&l(!1,e),"findtext"===r.name&&t.get().count>0&&d(e)},onAction:(n,r)=>{const s=n.getData();switch(r.name){case"find":u(n);break;case"replace":Z(e,t,s.replacetext)?o(n):d(n);break;case"replaceall":Z(e,t,s.replacetext,!0,!0),d(n);break;case"prev":X(e,t),o(n);break;case"next":Q(e,t),o(n);break;case"matchcase":case"wholewords":case"inselection":l(!1,n),(e=>{const n=e.getData(),r=t.get();t.set({...r,matchCase:n.matchcase,wholeWord:n.wholewords,inSelection:n.inselection})})(n),d(n)}i(n,r.name)},onSubmit:e=>{u(e),i(e,"find")},onClose:()=>{e.focus(),ee(e,t),e.undoManager.add()}});n.set(e.windowManager.open(p(!1,g),{inline:"toolbar"}))},ne=(e,t)=>()=>{te(e,t)};b.add("searchreplace",(e=>{const t=y({index:-1,count:0,text:"",matchCase:!1,wholeWord:!1,inSelection:!1});return((e,t)=>{e.addCommand("SearchReplace",(()=>{te(e,t)}))})(e,t),((e,t)=>{e.ui.registry.addMenuItem("searchreplace",{text:"Find and replace...",shortcut:"Meta+F",onAction:ne(e,t),icon:"search"}),e.ui.registry.addButton("searchreplace",{tooltip:"Find and replace",onAction:ne(e,t),icon:"search",shortcut:"Meta+F"}),e.shortcuts.add("Meta+F","",ne(e,t))})(e,t),((e,t)=>({done:n=>ee(e,t,n),find:(n,r,o,s=!1)=>L(e,t,n,r,o,s),next:()=>Q(e,t),prev:()=>X(e,t),replace:(n,r,o)=>Z(e,t,n,r,o)}))(e,t)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/index.js
new file mode 100644
index 000000000..08c641344
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/index.js
@@ -0,0 +1,7 @@
+// Exports the "table" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/table')
+//   ES2015:
+//     import 'tinymce/plugins/table'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/plugin.js
new file mode 100644
index 000000000..cc961f527
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/plugin.js
@@ -0,0 +1,4019 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$1 = (t) => (a) => t === a;
+    const isString = isType$1('string');
+    const isArray = isType$1('array');
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$1(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    const noop = () => { };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const identity = (x) => {
+        return x;
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const call = (f) => {
+        f();
+    };
+    const never = constant(false);
+    const always = constant(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const range = (num, f) => {
+        const r = [];
+        for (let i = 0; i < num; i++) {
+            r.push(f(i));
+        }
+        return r;
+    };
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const partition = (xs, pred) => {
+        const pass = [];
+        const fail = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            const arr = pred(x, i) ? pass : fail;
+            arr.push(x);
+        }
+        return { pass, fail };
+    };
+    const filter$1 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldr = (xs, f, acc) => {
+        eachr(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const findIndex = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(i);
+            }
+        }
+        return Optional.none();
+    };
+    const flatten$1 = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind = (xs, f) => flatten$1(map(xs, f));
+    const forall = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            const x = xs[i];
+            if (pred(x, i) !== true) {
+                return false;
+            }
+        }
+        return true;
+    };
+    const mapToObject = (xs, f) => {
+        const r = {};
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            r[String(x)] = f(x, i);
+        }
+        return r;
+    };
+    const get$4 = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$4(xs, 0);
+    const last = (xs) => get$4(xs, xs.length - 1);
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const filter = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const mapToArray = (obj, f) => {
+        const r = [];
+        each(obj, (value, name) => {
+            r.push(f(value, name));
+        });
+        return r;
+    };
+    const values = (obj) => {
+        return mapToArray(obj, identity);
+    };
+    const size = (obj) => {
+        return keys(obj).length;
+    };
+    const get$3 = (obj, key) => {
+        return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    const isEmpty$1 = (r) => {
+        for (const x in r) {
+            if (hasOwnProperty.call(r, x)) {
+                return false;
+            }
+        }
+        return true;
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$2 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    const flatten = (oot) => oot.bind(identity);
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    const singleton = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const unbindable = () => singleton((s) => s.unbind());
+
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim = blank(/^\s+|\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const isEmpty = (s) => !isNotEmpty(s);
+    const toInt = (value, radix = 10) => {
+        const num = parseInt(value, radix);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+    const toFloat = (value) => {
+        const num = parseFloat(value);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom$1(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom$1(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom$1(node);
+    };
+    const fromDom$1 = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom$1);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom: fromDom$1,
+        fromPoint
+    };
+
+    const COMMENT = 8;
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is$1 = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all$1 = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    const is = is$1;
+
+    const name = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type(element) === t;
+    const isComment = (element) => type(element) === COMMENT || name(element) === '#comment';
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement(e) && name(e) === tag;
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument(dos) ? dos : owner(dos);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const prevSibling = (element) => Optional.from(element.dom.previousSibling)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children$3 = (element) => map(element.dom.childNodes, SugarElement.fromDom);
+    const child$3 = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child$3(element, 0);
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+
+    const before = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$1 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$1(v, element);
+            });
+        }, (v) => {
+            before(v, element);
+        });
+    };
+    const prepend = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$1(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$1 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const wrap = (element, wrapper) => {
+        before(element, wrapper);
+        append$1(wrapper, element);
+    };
+
+    const after = (marker, elements) => {
+        each$1(elements, (x, i) => {
+            const e = i === 0 ? marker : elements[i - 1];
+            after$1(e, x);
+        });
+    };
+    const append = (parent, elements) => {
+        each$1(elements, (x) => {
+            append$1(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$2 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll = (element, attrs) => {
+        const dom = element.dom;
+        each(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const get$2 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$2(element, key));
+    const remove$2 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const clone = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const remove$1 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+    const unwrap = (wrapper) => {
+        const children = children$3(wrapper);
+        if (children.length > 0) {
+            after(wrapper, children);
+        }
+        remove$1(wrapper);
+    };
+
+    const fromDom = (nodes) => map(nodes, SugarElement.fromDom);
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$1 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$1 = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw$1 = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const remove = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$2(getOpt(element, 'style')?.map(trim), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$2(element, 'style');
+        }
+    };
+
+    const Dimension = (name, getOffset) => {
+        const set = (element, h) => {
+            if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+                throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+            }
+            const dom = element.dom;
+            if (isSupported(dom)) {
+                dom.style[name] = h + 'px';
+            }
+        };
+        /*
+         * jQuery supports querying width and height on the document and window objects.
+         *
+         * TBIO doesn't do this, so the code is removed to save space, but left here just in case.
+         */
+        /*
+        var getDocumentWidth = (element) => {
+          var dom = element.dom;
+          if (Node.isDocument(element)) {
+            var body = dom.body;
+            var doc = dom.documentElement;
+            return Math.max(
+              body.scrollHeight,
+              doc.scrollHeight,
+              body.offsetHeight,
+              doc.offsetHeight,
+              doc.clientHeight
+            );
+          }
+        };
+      
+        var getWindowWidth = (element) => {
+          var dom = element.dom;
+          if (dom.window === dom) {
+            // There is no offsetHeight on a window, so use the clientHeight of the document
+            return dom.document.documentElement.clientHeight;
+          }
+        };
+      */
+        const get = (element) => {
+            const r = getOffset(element);
+            // zero or null means non-standard or disconnected, fall back to CSS
+            if (r <= 0 || r === null) {
+                const css = get$1(element, name);
+                // ugh this feels dirty, but it saves cycles
+                return parseFloat(css) || 0;
+            }
+            return r;
+        };
+        // in jQuery, getOuter replicates (or uses) box-sizing: border-box calculations
+        // although these calculations only seem relevant for quirks mode, and edge cases TBIO doesn't rely on
+        const getOuter = get;
+        const aggregate = (element, properties) => foldl(properties, (acc, property) => {
+            const val = get$1(element, property);
+            const value = val === undefined ? 0 : parseInt(val, 10);
+            return isNaN(value) ? acc : acc + value;
+        }, 0);
+        const max = (element, value, properties) => {
+            const cumulativeInclusions = aggregate(element, properties);
+            // if max-height is 100px and your cumulativeInclusions is 150px, there is no way max-height can be 100px, so we return 0.
+            const absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+            return absoluteMax;
+        };
+        return {
+            set,
+            get,
+            getOuter,
+            aggregate,
+            max
+        };
+    };
+
+    const toNumber = (px, fallback) => toFloat(px).getOr(fallback);
+    const getProp = (element, name, fallback) => toNumber(get$1(element, name), fallback);
+    const calcContentBoxSize = (element, size, upper, lower) => {
+        const paddingUpper = getProp(element, `padding-${upper}`, 0);
+        const paddingLower = getProp(element, `padding-${lower}`, 0);
+        const borderUpper = getProp(element, `border-${upper}-width`, 0);
+        const borderLower = getProp(element, `border-${lower}-width`, 0);
+        return size - paddingUpper - paddingLower - borderUpper - borderLower;
+    };
+    const getCalculatedWidth = (element, boxSizing) => {
+        const dom = element.dom;
+        const width = dom.getBoundingClientRect().width || dom.offsetWidth;
+        return boxSizing === 'border-box' ? width : calcContentBoxSize(element, width, 'left', 'right');
+    };
+    const getInnerWidth = (element) => getCalculatedWidth(element, 'content-box');
+
+    Dimension('width', (element) => 
+    // IMO passing this function is better than using dom['offset' + 'width']
+    element.dom.offsetWidth);
+    Dimension('width', (element) => {
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().width : dom.offsetWidth;
+    });
+    const getInner = getInnerWidth;
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText, 'text');
+    const get = (element) => api.get(element);
+    const set = (element, value) => api.set(element, value);
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$1 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$2 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$1, scope, predicate, isRoot);
+    };
+    const child$2 = (scope, predicate) => {
+        const pred = (node) => predicate(SugarElement.fromDom(node));
+        const result = find(scope.dom.childNodes, pred);
+        return result?.map(SugarElement.fromDom);
+    };
+
+    const ancestor = (scope, selector, isRoot) => ancestor$1(scope, (e) => is$1(e, selector), isRoot);
+    const child$1 = (scope, selector) => child$2(scope, (e) => is$1(e, selector));
+    const descendant = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$1 = (scope, selector, isRoot) => {
+        const is = (element, selector) => is$1(element, selector);
+        return ClosestOrAncestor(is, ancestor, scope, selector, isRoot);
+    };
+
+    const closest = (target) => closest$1(target, '[contenteditable]');
+    const isEditable = (element, assumeEditable = false) => {
+        if (inBody(element)) {
+            return element.dom.isContentEditable;
+        }
+        else {
+            // Find the closest contenteditable element and check if it's editable
+            return closest(element).fold(constant(assumeEditable), (editable) => getRaw(editable) === 'true');
+        }
+    };
+    const getRaw = (element) => element.dom.contentEditable;
+
+    const children$2 = (scope, predicate) => filter$1(children$3(scope), predicate);
+    const descendants$1 = (scope, predicate) => {
+        let result = [];
+        // Recurse.toArray() might help here
+        each$1(children$3(scope), (x) => {
+            if (predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(descendants$1(x, predicate));
+        });
+        return result;
+    };
+
+    const children$1 = (scope, selector) => 
+    // It may surprise you to learn this is exactly what JQuery does
+    // TODO: Avoid all the wrapping and unwrapping
+    children$2(scope, (e) => is$1(e, selector));
+    const descendants = (scope, selector) => all$1(selector, scope);
+
+    const child = (scope, selector) => child$1(scope, selector).isSome();
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - models/dom/table/core/TableUtils.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const getNodeName = (elm) => elm.nodeName.toLowerCase();
+    const getBody = (editor) => SugarElement.fromDom(editor.getBody());
+    const getIsRoot = (editor) => (element) => eq(element, getBody(editor));
+    const removePxSuffix = (size) => size ? size.replace(/px$/, '') : '';
+    const addPxSuffix = (size) => /^\d+(\.\d+)?$/.test(size) ? size + 'px' : size;
+    const getSelectionStart = (editor) => SugarElement.fromDom(editor.selection.getStart());
+    const getSelectionEnd = (editor) => SugarElement.fromDom(editor.selection.getEnd());
+    const isInEditableContext = (cell) => closest$2(cell, isTag('table')).forall(isEditable);
+
+    const validSectionList = ['tfoot', 'thead', 'tbody', 'colgroup'];
+    const isValidSection = (parentName) => contains(validSectionList, parentName);
+    const grid = (rows, columns) => ({
+        rows,
+        columns
+    });
+    const detail = (element, rowspan, colspan) => ({
+        element,
+        rowspan,
+        colspan
+    });
+    const extended = (element, rowspan, colspan, row, column, isLocked) => ({
+        element,
+        rowspan,
+        colspan,
+        row,
+        column,
+        isLocked
+    });
+    const rowdetail = (element, cells, section) => ({
+        element,
+        cells,
+        section
+    });
+    const bounds = (startRow, startCol, finishRow, finishCol) => ({
+        startRow,
+        startCol,
+        finishRow,
+        finishCol
+    });
+    const columnext = (element, colspan, column) => ({
+        element,
+        colspan,
+        column
+    });
+    const colgroup = (element, columns) => ({
+        element,
+        columns
+    });
+
+    const getAttrValue = (cell, name, fallback = 0) => getOpt(cell, name)?.map((value) => parseInt(value, 10)).getOr(fallback);
+
+    const firstLayer = (scope, selector) => {
+        return filterFirstLayer(scope, selector, always);
+    };
+    const filterFirstLayer = (scope, selector, predicate) => {
+        return bind(children$3(scope), (x) => {
+            if (is$1(x, selector)) {
+                return predicate(x) ? [x] : [];
+            }
+            else {
+                return filterFirstLayer(x, selector, predicate);
+            }
+        });
+    };
+
+    // lookup inside this table
+    const lookup = (tags, element, isRoot = never) => {
+        // If the element we're inspecting is the root, we definitely don't want it.
+        if (isRoot(element)) {
+            return Optional.none();
+        }
+        // This looks a lot like SelectorFind.closest, with one big exception - the isRoot check.
+        // The code here will look for parents if passed a table, SelectorFind.closest with that specific isRoot check won't.
+        if (contains(tags, name(element))) {
+            return Optional?.some(element);
+        }
+        const isRootOrUpperTable = (elm) => is$1(elm, 'table') || isRoot(elm);
+        return ancestor(element, tags.join(','), isRootOrUpperTable);
+    };
+    /*
+     * Identify the optional cell that element represents.
+     */
+    const cell = (element, isRoot) => lookup(['td', 'th'], element, isRoot);
+    const cells = (ancestor) => firstLayer(ancestor, 'th,td');
+    const columns = (ancestor) => {
+        if (is$1(ancestor, 'colgroup')) {
+            return children$1(ancestor, 'col');
+        }
+        else {
+            return bind(columnGroups(ancestor), (columnGroup) => children$1(columnGroup, 'col'));
+        }
+    };
+    const table = (element, isRoot) => closest$1(element, 'table', isRoot);
+    const rows = (ancestor) => firstLayer(ancestor, 'tr');
+    const columnGroups = (ancestor) => table(ancestor).fold(constant([]), (table) => children$1(table, 'colgroup'));
+
+    const isHeaderCell = isTag('th');
+    const getRowHeaderType = (isHeaderRow, isHeaderCells) => {
+        if (isHeaderRow && isHeaderCells) {
+            return 'sectionCells';
+        }
+        else if (isHeaderRow) {
+            return 'section';
+        }
+        else {
+            return 'cells';
+        }
+    };
+    const getRowType$1 = (row) => {
+        // Header rows can use a combination of theads and ths - want to detect the different combinations
+        const isHeaderRow = row.section === 'thead';
+        const isHeaderCells = is$2(findCommonCellType(row.cells), 'th');
+        if (row.section === 'tfoot') {
+            return { type: 'footer' };
+        }
+        else if (isHeaderRow || isHeaderCells) {
+            return { type: 'header', subType: getRowHeaderType(isHeaderRow, isHeaderCells) };
+        }
+        else {
+            return { type: 'body' };
+        }
+    };
+    const findCommonCellType = (cells) => {
+        const headerCells = filter$1(cells, (cell) => isHeaderCell(cell.element));
+        if (headerCells.length === 0) {
+            return Optional?.some('td');
+        }
+        else if (headerCells.length === cells.length) {
+            return Optional?.some('th');
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const findCommonRowType = (rows) => {
+        const rowTypes = map(rows, (row) => getRowType$1(row).type);
+        const hasHeader = contains(rowTypes, 'header');
+        const hasFooter = contains(rowTypes, 'footer');
+        if (!hasHeader && !hasFooter) {
+            return Optional?.some('body');
+        }
+        else {
+            const hasBody = contains(rowTypes, 'body');
+            if (hasHeader && !hasBody && !hasFooter) {
+                return Optional?.some('header');
+            }
+            else if (!hasHeader && !hasBody && hasFooter) {
+                return Optional?.some('footer');
+            }
+            else {
+                return Optional.none();
+            }
+        }
+    };
+
+    const fromRowsOrColGroups = (elems, getSection) => map(elems, (row) => {
+        if (name(row) === 'colgroup') {
+            const cells = map(columns(row), (column) => {
+                const colspan = getAttrValue(column, 'span', 1);
+                return detail(column, 1, colspan);
+            });
+            return rowdetail(row, cells, 'colgroup');
+        }
+        else {
+            const cells$1 = map(cells(row), (cell) => {
+                const rowspan = getAttrValue(cell, 'rowspan', 1);
+                const colspan = getAttrValue(cell, 'colspan', 1);
+                return detail(cell, rowspan, colspan);
+            });
+            return rowdetail(row, cells$1, getSection(row));
+        }
+    });
+    const getParentSection = (group) => parent(group)?.map((parent) => {
+        const parentName = name(parent);
+        return isValidSection(parentName) ? parentName : 'tbody';
+    }).getOr('tbody');
+    /*
+     * Takes a DOM table and returns a list of list of:
+       element: row element
+       cells: (id, rowspan, colspan) structs
+     */
+    const fromTable$1 = (table) => {
+        const rows$1 = rows(table);
+        const columnGroups$1 = columnGroups(table);
+        const elems = [...columnGroups$1, ...rows$1];
+        return fromRowsOrColGroups(elems, getParentSection);
+    };
+
+    const LOCKED_COL_ATTR = 'data-snooker-locked-cols';
+    const getLockedColumnsFromTable = (table) => getOpt(table, LOCKED_COL_ATTR)
+        .bind((lockedColStr) => Optional.from(lockedColStr.match(/\d+/g)))
+        ?.map((lockedCols) => mapToObject(lockedCols, always));
+
+    const key = (row, column) => {
+        return row + ',' + column;
+    };
+    const getAt = (warehouse, row, column) => Optional.from(warehouse.access[key(row, column)]);
+    const findItem = (warehouse, item, comparator) => {
+        const filtered = filterItems(warehouse, (detail) => {
+            return comparator(item, detail.element);
+        });
+        return filtered.length > 0 ? Optional?.some(filtered[0]) : Optional.none();
+    };
+    const filterItems = (warehouse, predicate) => {
+        const all = bind(warehouse.all, (r) => {
+            return r.cells;
+        });
+        return filter$1(all, predicate);
+    };
+    const generateColumns = (rowData) => {
+        const columnsGroup = {};
+        let index = 0;
+        each$1(rowData.cells, (column) => {
+            const colspan = column.colspan;
+            range(colspan, (columnIndex) => {
+                const colIndex = index + columnIndex;
+                columnsGroup[colIndex] = columnext(column.element, colspan, colIndex);
+            });
+            index += colspan;
+        });
+        return columnsGroup;
+    };
+    /*
+     * From a list of list of Detail, generate three pieces of information:
+     *  1. the grid size
+     *  2. a data structure which can efficiently identify which cell is in which row,column position
+     *  3. a list of all cells in order left-to-right, top-to-bottom
+     */
+    const generate = (list) => {
+        // list is an array of objects, made by cells and elements
+        // elements: is the TR
+        // cells: is an array of objects representing the cells in the row.
+        //        It is made of:
+        //          colspan (merge cell)
+        //          element
+        //          rowspan (merge cols)
+        const access = {};
+        const cells = [];
+        const tableOpt = head(list)?.map((rowData) => rowData.element).bind(table);
+        const lockedColumns = tableOpt.bind(getLockedColumnsFromTable).getOr({});
+        let maxRows = 0;
+        let maxColumns = 0;
+        let rowCount = 0;
+        const { pass: colgroupRows, fail: rows } = partition(list, (rowData) => rowData.section === 'colgroup');
+        // Handle rows first
+        each$1(rows, (rowData) => {
+            const currentRow = [];
+            each$1(rowData.cells, (rowCell) => {
+                let start = 0;
+                // If this spot has been taken by a previous rowspan, skip it.
+                while (access[key(rowCount, start)] !== undefined) {
+                    start++;
+                }
+                const isLocked = hasNonNullableKey(lockedColumns, start.toString());
+                const current = extended(rowCell.element, rowCell.rowspan, rowCell.colspan, rowCount, start, isLocked);
+                // Occupy all the (row, column) positions that this cell spans for.
+                for (let occupiedColumnPosition = 0; occupiedColumnPosition < rowCell.colspan; occupiedColumnPosition++) {
+                    for (let occupiedRowPosition = 0; occupiedRowPosition < rowCell.rowspan; occupiedRowPosition++) {
+                        const rowPosition = rowCount + occupiedRowPosition;
+                        const columnPosition = start + occupiedColumnPosition;
+                        const newpos = key(rowPosition, columnPosition);
+                        access[newpos] = current;
+                        maxColumns = Math.max(maxColumns, columnPosition + 1);
+                    }
+                }
+                currentRow.push(current);
+            });
+            maxRows++;
+            cells.push(rowdetail(rowData.element, currentRow, rowData.section));
+            rowCount++;
+        });
+        // Handle colgroups
+        // Note: Currently only a single colgroup is supported so just use the last one
+        const { columns, colgroups } = last(colgroupRows)?.map((rowData) => {
+            const columns = generateColumns(rowData);
+            const colgroup$1 = colgroup(rowData.element, values(columns));
+            return {
+                colgroups: [colgroup$1],
+                columns
+            };
+        }).getOrThunk(() => ({
+            colgroups: [],
+            columns: {}
+        }));
+        const grid$1 = grid(maxRows, maxColumns);
+        return {
+            grid: grid$1,
+            access,
+            all: cells,
+            columns,
+            colgroups
+        };
+    };
+    const fromTable = (table) => {
+        const list = fromTable$1(table);
+        return generate(list);
+    };
+    const justCells = (warehouse) => bind(warehouse.all, (w) => w.cells);
+    const justColumns = (warehouse) => values(warehouse.columns);
+    const hasColumns = (warehouse) => keys(warehouse.columns).length > 0;
+    const getColumnAt = (warehouse, columnIndex) => Optional.from(warehouse.columns[columnIndex]);
+    const Warehouse = {
+        fromTable,
+        generate,
+        getAt,
+        findItem,
+        filterItems,
+        justCells,
+        justColumns,
+        hasColumns,
+        getColumnAt
+    };
+
+    const findInWarehouse = (warehouse, element) => findMap(warehouse.all, (r) => find(r.cells, (e) => eq(element, e.element)));
+    const extractCells = (warehouse, target, predicate) => {
+        const details = map(target.selection, (cell$1) => {
+            return cell(cell$1)
+                .bind((lc) => findInWarehouse(warehouse, lc))
+                .filter(predicate);
+        });
+        const cells = cat(details);
+        return someIf(cells.length > 0, cells);
+    };
+    const onMergable = (_warehouse, target) => target.mergable;
+    const onUnmergable = (_warehouse, target) => target.unmergable;
+    const onCells = (warehouse, target) => extractCells(warehouse, target, always);
+    const isUnlockedTableCell = (warehouse, cell) => findInWarehouse(warehouse, cell).exists((detail) => !detail.isLocked);
+    const allUnlocked = (warehouse, cells) => forall(cells, (cell) => isUnlockedTableCell(warehouse, cell));
+    // If any locked columns are present in the selection, then don't want to be able to merge
+    const onUnlockedMergable = (warehouse, target) => onMergable(warehouse, target).filter((mergeable) => allUnlocked(warehouse, mergeable.cells));
+    // If any locked columns are present in the selection, then don't want to be able to unmerge
+    const onUnlockedUnmergable = (warehouse, target) => onUnmergable(warehouse, target).filter((cells) => allUnlocked(warehouse, cells));
+
+    const isCol = isTag('col');
+    const isColgroup = isTag('colgroup');
+    const isRow = (element) => name(element) === 'tr' || isColgroup(element);
+    const elementToData = (element) => {
+        const colspan = getAttrValue(element, 'colspan', 1);
+        const rowspan = getAttrValue(element, 'rowspan', 1);
+        return {
+            element,
+            colspan,
+            rowspan
+        };
+    };
+    // note that `toData` seems to be only for testing
+    const modification = (generators, toData = elementToData) => {
+        const nuCell = (data) => isCol(data.element) ? generators.col(data) : generators.cell(data);
+        const nuRow = (data) => isColgroup(data.element) ? generators.colgroup(data) : generators.row(data);
+        const add = (element) => {
+            if (isRow(element)) {
+                return nuRow({ element });
+            }
+            else {
+                const cell = element;
+                const replacement = nuCell(toData(cell));
+                recent = Optional?.some({ item: cell, replacement });
+                return replacement;
+            }
+        };
+        let recent = Optional.none();
+        const getOrInit = (element, comparator) => {
+            return recent.fold(() => {
+                return add(element);
+            }, (p) => {
+                return comparator(element, p.item) ? p.replacement : add(element);
+            });
+        };
+        return {
+            getOrInit
+        };
+    };
+    const transform = (tag) => {
+        return (generators) => {
+            const list = [];
+            const find$1 = (element, comparator) => {
+                return find(list, (x) => {
+                    return comparator(x.item, element);
+                });
+            };
+            const makeNew = (element) => {
+                // Ensure scope is never set on a td element as it's a deprecated attribute
+                const attrs = tag === 'td' ? { scope: null } : {};
+                const cell = generators.replace(element, tag, attrs);
+                list.push({
+                    item: element,
+                    sub: cell
+                });
+                return cell;
+            };
+            const replaceOrInit = (element, comparator) => {
+                if (isRow(element) || isCol(element)) {
+                    return element;
+                }
+                else {
+                    const cell = element;
+                    return find$1(cell, comparator).fold(() => {
+                        return makeNew(cell);
+                    }, (p) => {
+                        return comparator(element, p.item) ? p.sub : makeNew(cell);
+                    });
+                }
+            };
+            return {
+                replaceOrInit
+            };
+        };
+    };
+    const getScopeAttribute = (cell) => getOpt(cell, 'scope')?.map(
+    // Attribute can be col, colgroup, row, and rowgroup.
+    // As col and colgroup are to be treated as if they are the same, lob off everything after the first three characters and there is no difference.
+    (attribute) => attribute.substr(0, 3));
+    const merging = (generators) => {
+        const unmerge = (cell) => {
+            const scope = getScopeAttribute(cell);
+            scope.each((attribute) => set$2(cell, 'scope', attribute));
+            return () => {
+                const raw = generators.cell({
+                    element: cell,
+                    colspan: 1,
+                    rowspan: 1
+                });
+                // Remove any width calculations because they are no longer relevant.
+                remove(raw, 'width');
+                remove(cell, 'width');
+                scope.each((attribute) => set$2(raw, 'scope', attribute));
+                return raw;
+            };
+        };
+        const merge = (cells) => {
+            const getScopeProperty = () => {
+                const stringAttributes = cat(map(cells, getScopeAttribute));
+                if (stringAttributes.length === 0) {
+                    return Optional.none();
+                }
+                else {
+                    const baseScope = stringAttributes[0];
+                    const scopes = ['row', 'col'];
+                    const isMixed = exists(stringAttributes, (attribute) => {
+                        return attribute !== baseScope && contains(scopes, attribute);
+                    });
+                    return isMixed ? Optional.none() : Optional.from(baseScope);
+                }
+            };
+            remove(cells[0], 'width');
+            getScopeProperty().fold(() => remove$2(cells[0], 'scope'), (attribute) => set$2(cells[0], 'scope', attribute + 'group'));
+            return constant(cells[0]);
+        };
+        return {
+            unmerge,
+            merge
+        };
+    };
+    const Generators = {
+        modification,
+        transform,
+        merging
+    };
+
+    var TagBoundaries = [
+        'body',
+        'p',
+        'div',
+        'article',
+        'aside',
+        'figcaption',
+        'figure',
+        'footer',
+        'header',
+        'nav',
+        'section',
+        'ol',
+        'ul',
+        'li',
+        'table',
+        'thead',
+        'tbody',
+        'tfoot',
+        'caption',
+        'tr',
+        'td',
+        'th',
+        'h1',
+        'h2',
+        'h3',
+        'h4',
+        'h5',
+        'h6',
+        'blockquote',
+        'pre',
+        'address'
+    ];
+
+    var DomUniverse = () => {
+        const clone$1 = (element) => {
+            return SugarElement.fromDom(element.dom.cloneNode(false));
+        };
+        const document = (element) => documentOrOwner(element).dom;
+        const isBoundary = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            if (name(element) === 'body') {
+                return true;
+            }
+            return contains(TagBoundaries, name(element));
+        };
+        const isEmptyTag = (element) => {
+            if (!isElement(element)) {
+                return false;
+            }
+            return contains(['br', 'img', 'hr', 'input'], name(element));
+        };
+        const isNonEditable = (element) => isElement(element) && get$2(element, 'contenteditable') === 'false';
+        const comparePosition = (element, other) => {
+            return element.dom.compareDocumentPosition(other.dom);
+        };
+        const copyAttributesTo = (source, destination) => {
+            const as = clone(source);
+            setAll(destination, as);
+        };
+        const isSpecial = (element) => {
+            const tag = name(element);
+            return contains([
+                'script', 'noscript', 'iframe', 'noframes', 'noembed', 'title', 'style', 'textarea', 'xmp'
+            ], tag);
+        };
+        const getLanguage = (element) => isElement(element) ? getOpt(element, 'lang') : Optional.none();
+        return {
+            up: constant({
+                selector: ancestor,
+                closest: closest$1,
+                predicate: ancestor$1,
+                all: parents
+            }),
+            down: constant({
+                selector: descendants,
+                predicate: descendants$1
+            }),
+            styles: constant({
+                get: get$1,
+                getRaw: getRaw$1,
+                set: set$1,
+                remove: remove
+            }),
+            attrs: constant({
+                get: get$2,
+                set: set$2,
+                remove: remove$2,
+                copyTo: copyAttributesTo
+            }),
+            insert: constant({
+                before: before,
+                after: after$1,
+                afterAll: after,
+                append: append$1,
+                appendAll: append,
+                prepend: prepend,
+                wrap: wrap
+            }),
+            remove: constant({
+                unwrap: unwrap,
+                remove: remove$1
+            }),
+            create: constant({
+                nu: SugarElement.fromTag,
+                clone: clone$1,
+                text: SugarElement.fromText
+            }),
+            query: constant({
+                comparePosition,
+                prevSibling: prevSibling,
+                nextSibling: nextSibling
+            }),
+            property: constant({
+                children: children$3,
+                name: name,
+                parent: parent,
+                document,
+                isText: isText,
+                isComment: isComment,
+                isElement: isElement,
+                isSpecial,
+                getLanguage,
+                getText: get,
+                setText: set,
+                isBoundary,
+                isEmptyTag,
+                isNonEditable
+            }),
+            eq: eq,
+            is: is
+        };
+    };
+
+    const leftRight = (left, right) => ({
+        left,
+        right
+    });
+    const brokenPath = (first, second, splits) => ({
+        first,
+        second,
+        splits
+    });
+    const bisect = (universe, parent, child) => {
+        const children = universe.property().children(parent);
+        const index = findIndex(children, curry(universe.eq, child));
+        return index?.map((ind) => {
+            return {
+                before: children.slice(0, ind),
+                after: children.slice(ind + 1)
+            };
+        });
+    };
+    /**
+     * Clone parent to the RIGHT and move everything after child in the parent element into
+     * a clone of the parent (placed after parent).
+     */
+    const breakToRight = (universe, parent, child) => {
+        return bisect(universe, parent, child)?.map((parts) => {
+            const second = universe.create().clone(parent);
+            universe.insert().appendAll(second, parts.after);
+            universe.insert().after(parent, second);
+            return leftRight(parent, second);
+        });
+    };
+    /**
+     * Clone parent to the LEFT and move everything before and including child into
+     * the a clone of the parent (placed before parent)
+     */
+    const breakToLeft = (universe, parent, child) => {
+        return bisect(universe, parent, child)?.map((parts) => {
+            const prior = universe.create().clone(parent);
+            universe.insert().appendAll(prior, parts.before.concat([child]));
+            universe.insert().appendAll(parent, parts.after);
+            universe.insert().before(parent, prior);
+            return leftRight(prior, parent);
+        });
+    };
+    /*
+     * Using the breaker, break from the child up to the top element defined by the predicate.
+     * It returns three values:
+     *   first: the top level element that completed the break
+     *   second: the optional element representing second part of the top-level split if the breaking completed successfully to the top
+     *   splits: a list of (Element, Element) pairs that represent the splits that have occurred on the way to the top.
+     */
+    const breakPath = (universe, item, isTop, breaker) => {
+        const next = (child, group, splits) => {
+            const fallback = brokenPath(child, Optional.none(), splits);
+            // Found the top, so stop.
+            if (isTop(child)) {
+                return brokenPath(child, group, splits);
+            }
+            else {
+                // Split the child at parent, and keep going
+                return universe.property().parent(child).bind((parent) => {
+                    return breaker(universe, parent, child)?.map((breakage) => {
+                        const extra = [{ first: breakage.left, second: breakage.right }];
+                        // Our isTop is based on the left-side parent, so keep it regardless of split.
+                        const nextChild = isTop(parent) ? parent : breakage.left;
+                        return next(nextChild, Optional?.some(breakage.right), splits.concat(extra));
+                    });
+                }).getOr(fallback);
+            }
+        };
+        return next(item, Optional.none(), []);
+    };
+
+    const all = (universe, look, elements, f) => {
+        const head = elements[0];
+        const tail = elements.slice(1);
+        return f(universe, look, head, tail);
+    };
+    /**
+     * Check if look returns the same element for all elements, and return it if it exists.
+     */
+    const oneAll = (universe, look, elements) => {
+        return elements.length > 0 ?
+            all(universe, look, elements, unsafeOne) :
+            Optional.none();
+    };
+    const unsafeOne = (universe, look, head, tail) => {
+        const start = look(universe, head);
+        return foldr(tail, (b, a) => {
+            const current = look(universe, a);
+            return commonElement(universe, b, current);
+        }, start);
+    };
+    const commonElement = (universe, start, end) => {
+        return start.bind((s) => {
+            return end.filter(curry(universe.eq, s));
+        });
+    };
+
+    const sharedOne$1 = oneAll;
+    breakToLeft;
+    breakToRight;
+    breakPath;
+
+    const universe = DomUniverse();
+    const sharedOne = (look, elements) => {
+        return sharedOne$1(universe, (_universe, element) => {
+            return look(element);
+        }, elements);
+    };
+
+    const opGetRowsType = (table, target) => {
+        const house = Warehouse.fromTable(table);
+        const details = onCells(house, target);
+        return details.bind((selectedCells) => {
+            const lastSelectedCell = selectedCells[selectedCells.length - 1];
+            const minRowRange = selectedCells[0].row;
+            const maxRowRange = lastSelectedCell.row + lastSelectedCell.rowspan;
+            const selectedRows = house.all.slice(minRowRange, maxRowRange);
+            return findCommonRowType(selectedRows);
+        }).getOr('');
+    };
+    Generators.transform('th');
+    Generators.transform('td');
+    const getRowsType = opGetRowsType;
+
+    // Note, something is *within* if it is completely contained within the bounds.
+    const isWithin = (bounds, detail) => {
+        return (detail.column >= bounds.startCol &&
+            (detail.column + detail.colspan - 1) <= bounds.finishCol &&
+            detail.row >= bounds.startRow &&
+            (detail.row + detail.rowspan - 1) <= bounds.finishRow);
+    };
+    const isRectangular = (warehouse, bounds) => {
+        let isRect = true;
+        const detailIsWithin = curry(isWithin, bounds);
+        for (let i = bounds.startRow; i <= bounds.finishRow; i++) {
+            for (let j = bounds.startCol; j <= bounds.finishCol; j++) {
+                isRect = isRect && Warehouse.getAt(warehouse, i, j).exists(detailIsWithin);
+            }
+        }
+        return isRect ? Optional?.some(bounds) : Optional.none();
+    };
+
+    const getBounds = (detailA, detailB) => {
+        return bounds(Math.min(detailA.row, detailB.row), Math.min(detailA.column, detailB.column), Math.max(detailA.row + detailA.rowspan - 1, detailB.row + detailB.rowspan - 1), Math.max(detailA.column + detailA.colspan - 1, detailB.column + detailB.colspan - 1));
+    };
+    const getAnyBox = (warehouse, startCell, finishCell) => {
+        const startCoords = Warehouse.findItem(warehouse, startCell, eq);
+        const finishCoords = Warehouse.findItem(warehouse, finishCell, eq);
+        return startCoords.bind((sc) => {
+            return finishCoords?.map((fc) => {
+                return getBounds(sc, fc);
+            });
+        });
+    };
+    const getBox$1 = (warehouse, startCell, finishCell) => {
+        return getAnyBox(warehouse, startCell, finishCell).bind((bounds) => {
+            return isRectangular(warehouse, bounds);
+        });
+    };
+
+    const getBox = (table, first, last) => {
+        const warehouse = getWarehouse(table);
+        return getBox$1(warehouse, first, last);
+    };
+    // Private method ... keep warehouse in snooker, please.
+    const getWarehouse = Warehouse.fromTable;
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const getTDTHOverallStyle = (dom, elm, name) => {
+        const cells = dom.select('td,th', elm);
+        let firstChildStyle;
+        for (let i = 0; i < cells.length; i++) {
+            const currentStyle = dom.getStyle(cells[i], name);
+            if (isUndefined(firstChildStyle)) {
+                firstChildStyle = currentStyle;
+            }
+            if (firstChildStyle !== currentStyle) {
+                return '';
+            }
+        }
+        return firstChildStyle;
+    };
+    const setAlign = (editor, elm, name) => {
+        // Alignment formats may not use the same styles so ensure to remove any existing horizontal alignment format first
+        global$2.each('left center right'.split(' '), (align) => {
+            if (align !== name) {
+                editor.formatter.remove('align' + align, {}, elm);
+            }
+        });
+        if (name) {
+            editor.formatter.apply('align' + name, {}, elm);
+        }
+    };
+    const setVAlign = (editor, elm, name) => {
+        // Alignment formats may not use the same styles so ensure to remove any existing vertical alignment format first
+        global$2.each('top middle bottom'.split(' '), (align) => {
+            if (align !== name) {
+                editor.formatter.remove('valign' + align, {}, elm);
+            }
+        });
+        if (name) {
+            editor.formatter.apply('valign' + name, {}, elm);
+        }
+    };
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - core/api/TableEvents.ts
+      - models/dom/table/api/Events.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const fireTableModified = (editor, table, data) => {
+        editor.dispatch('TableModified', { ...data, table });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    const defaultTableToolbar = 'tableprops tabledelete | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol';
+    const defaultCellBorderWidths = range(5, (i) => {
+        const size = `${i + 1}px`;
+        return { title: size, value: size };
+    });
+    const defaultCellBorderStyles = map(['Solid', 'Dotted', 'Dashed', 'Double', 'Groove', 'Ridge', 'Inset', 'Outset', 'None', 'Hidden'], (type) => {
+        return { title: type, value: type.toLowerCase() };
+    });
+    // Note: This is also contained in the core Options.ts file
+    const defaultWidth = '100%';
+    const getPixelForcedWidth = (editor) => {
+        var _a;
+        // Determine the inner size of the parent block element where the table will be inserted
+        const dom = editor.dom;
+        const parentBlock = (_a = dom.getParent(editor.selection.getStart(), dom.isBlock)) !== null && _a !== void 0 ? _a : editor.getBody();
+        return getInner(SugarElement.fromDom(parentBlock)) + 'px';
+    };
+    // Note: This is also contained in the core Options.ts file
+    const determineDefaultStyles = (editor, defaultStyles) => {
+        if (isResponsiveForced(editor) || !shouldStyleWithCss(editor)) {
+            return defaultStyles;
+        }
+        else if (isPixelsForced(editor)) {
+            return { ...defaultStyles, width: getPixelForcedWidth(editor) };
+        }
+        else {
+            return { ...defaultStyles, width: defaultWidth };
+        }
+    };
+    // Note: This is also contained in the core Options.ts file
+    const determineDefaultAttributes = (editor, defaultAttributes) => {
+        if (isResponsiveForced(editor) || shouldStyleWithCss(editor)) {
+            return defaultAttributes;
+        }
+        else if (isPixelsForced(editor)) {
+            return { ...defaultAttributes, width: getPixelForcedWidth(editor) };
+        }
+        else {
+            return { ...defaultAttributes, width: defaultWidth };
+        }
+    };
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('table_border_widths', {
+            processor: 'object[]',
+            default: defaultCellBorderWidths
+        });
+        registerOption('table_border_styles', {
+            processor: 'object[]',
+            default: defaultCellBorderStyles
+        });
+        registerOption('table_cell_advtab', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_row_advtab', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_advtab', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_appearance_options', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('table_grid', {
+            processor: 'boolean',
+            // Table grid relies on hover, which isn't available on touch devices so use the dialog instead
+            default: !global$1.deviceType.isTouch()
+        });
+        registerOption('table_cell_class_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('table_row_class_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('table_class_list', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('table_toolbar', {
+            processor: 'string',
+            default: defaultTableToolbar
+        });
+        registerOption('table_background_color_map', {
+            processor: 'object[]',
+            default: []
+        });
+        registerOption('table_border_color_map', {
+            processor: 'object[]',
+            default: []
+        });
+    };
+    const getTableSizingMode = option('table_sizing_mode');
+    const getTableBorderWidths = option('table_border_widths');
+    const getTableBorderStyles = option('table_border_styles');
+    const hasAdvancedCellTab = option('table_cell_advtab');
+    const hasAdvancedRowTab = option('table_row_advtab');
+    const hasAdvancedTableTab = option('table_advtab');
+    const hasAppearanceOptions = option('table_appearance_options');
+    const hasTableGrid = option('table_grid');
+    const shouldStyleWithCss = option('table_style_by_css');
+    const getCellClassList = option('table_cell_class_list');
+    const getRowClassList = option('table_row_class_list');
+    const getTableClassList = option('table_class_list');
+    const getToolbar = option('table_toolbar');
+    const getTableBackgroundColorMap = option('table_background_color_map');
+    const getTableBorderColorMap = option('table_border_color_map');
+    const isPixelsForced = (editor) => getTableSizingMode(editor) === 'fixed';
+    const isResponsiveForced = (editor) => getTableSizingMode(editor) === 'responsive';
+    const getDefaultStyles = (editor) => {
+        // Note: The we don't rely on the default here as we need to dynamically lookup the widths based on the current editor state
+        const options = editor.options;
+        const defaultStyles = options.get('table_default_styles');
+        return options.isSet('table_default_styles') ? defaultStyles : determineDefaultStyles(editor, defaultStyles);
+    };
+    const getDefaultAttributes = (editor) => {
+        // Note: The we don't rely on the default here as we need to dynamically lookup the widths based on the current editor state
+        const options = editor.options;
+        const defaultAttributes = options.get('table_default_attributes');
+        return options.isSet('table_default_attributes') ? defaultAttributes : determineDefaultAttributes(editor, defaultAttributes);
+    };
+
+    const lookupTable = (container) => {
+        return ancestor(container, 'table');
+    };
+    const retrieve$1 = (container, selector) => {
+        const sels = descendants(container, selector);
+        return sels.length > 0 ? Optional?.some(sels) : Optional.none();
+    };
+    const getEdges = (container, firstSelectedSelector, lastSelectedSelector) => {
+        return descendant(container, firstSelectedSelector).bind((first) => {
+            return descendant(container, lastSelectedSelector).bind((last) => {
+                return sharedOne(lookupTable, [first, last])?.map((table) => {
+                    return {
+                        first,
+                        last,
+                        table
+                    };
+                });
+            });
+        });
+    };
+
+    // Explicitly calling CellSelection.retrieve so that we can see the API signature.
+    const retrieve = (container, selector) => {
+        return retrieve$1(container, selector);
+    };
+    const retrieveBox = (container, firstSelectedSelector, lastSelectedSelector) => {
+        return getEdges(container, firstSelectedSelector, lastSelectedSelector).bind((edges) => {
+            const isRoot = (ancestor) => {
+                return eq(container, ancestor);
+            };
+            const sectionSelector = 'thead,tfoot,tbody,table';
+            const firstAncestor = ancestor(edges.first, sectionSelector, isRoot);
+            const lastAncestor = ancestor(edges.last, sectionSelector, isRoot);
+            return firstAncestor.bind((fA) => {
+                return lastAncestor.bind((lA) => {
+                    return eq(fA, lA) ? getBox(edges.table, edges.first, edges.last) : Optional.none();
+                });
+            });
+        });
+    };
+
+    const selection = identity;
+    const unmergable = (selectedCells) => {
+        const hasSpan = (elem, type) => getOpt(elem, type).exists((span) => parseInt(span, 10) > 1);
+        const hasRowOrColSpan = (elem) => hasSpan(elem, 'rowspan') || hasSpan(elem, 'colspan');
+        return selectedCells.length > 0 && forall(selectedCells, hasRowOrColSpan) ? Optional?.some(selectedCells) : Optional.none();
+    };
+    const mergable = (table, selectedCells, ephemera) => {
+        if (selectedCells.length <= 1) {
+            return Optional.none();
+        }
+        else {
+            return retrieveBox(table, ephemera.firstSelectedSelector, ephemera.lastSelectedSelector)
+                ?.map((bounds) => ({ bounds, cells: selectedCells }));
+        }
+    };
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - models/dom/table/selection/Ephemera.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const strSelected = 'data-mce-selected';
+    const strSelectedSelector = 'td[' + strSelected + '],th[' + strSelected + ']';
+    const strFirstSelected = 'data-mce-first-selected';
+    const strFirstSelectedSelector = 'td[' + strFirstSelected + '],th[' + strFirstSelected + ']';
+    const strLastSelected = 'data-mce-last-selected';
+    const strLastSelectedSelector = 'td[' + strLastSelected + '],th[' + strLastSelected + ']';
+    const ephemera = {
+        selected: strSelected,
+        selectedSelector: strSelectedSelector,
+        firstSelected: strFirstSelected,
+        firstSelectedSelector: strFirstSelectedSelector,
+        lastSelected: strLastSelected,
+        lastSelectedSelector: strLastSelectedSelector
+    };
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - models/dom/table/selection/TableSelection.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const getSelectionCellFallback = (element) => table(element).bind((table) => retrieve(table, ephemera.firstSelectedSelector)).fold(constant(element), (cells) => cells[0]);
+    const getSelectionFromSelector = (selector) => (initCell, isRoot) => {
+        const cellName = name(initCell);
+        const cell = cellName === 'col' || cellName === 'colgroup' ? getSelectionCellFallback(initCell) : initCell;
+        return closest$1(cell, selector, isRoot);
+    };
+    const getSelectionCellOrCaption = getSelectionFromSelector('th,td,caption');
+    const getSelectionCell = getSelectionFromSelector('th,td');
+    const getCellsFromSelection = (editor) => fromDom(editor.model.table.getSelectedCells());
+    const getRowsFromSelection = (selected, selector) => {
+        const cellOpt = getSelectionCell(selected);
+        const rowsOpt = cellOpt.bind((cell) => table(cell))
+            ?.map((table) => rows(table));
+        return lift2(cellOpt, rowsOpt, (cell, rows) => filter$1(rows, (row) => exists(fromDom(row.dom.cells), (rowCell) => get$2(rowCell, selector) === '1' || eq(rowCell, cell)))).getOr([]);
+    };
+
+    const verticalAlignValues = [
+        {
+            text: 'None',
+            value: ''
+        },
+        {
+            text: 'Top',
+            value: 'top'
+        },
+        {
+            text: 'Middle',
+            value: 'middle'
+        },
+        {
+            text: 'Bottom',
+            value: 'bottom'
+        }
+    ];
+
+    const hexColour = (value) => ({
+        value: normalizeHex(value)
+    });
+    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    const longformRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
+    const isHexString = (hex) => shorthandRegex.test(hex) || longformRegex.test(hex);
+    const normalizeHex = (hex) => removeLeading(hex, '#').toUpperCase();
+    const fromString$1 = (hex) => isHexString(hex) ? Optional?.some({ value: normalizeHex(hex) }) : Optional.none();
+    const toHex = (component) => {
+        const hex = component.toString(16);
+        return (hex.length === 1 ? '0' + hex : hex).toUpperCase();
+    };
+    const fromRgba = (rgbaColour) => {
+        const value = toHex(rgbaColour.red) + toHex(rgbaColour.green) + toHex(rgbaColour.blue);
+        return hexColour(value);
+    };
+
+    /* eslint-disable no-console */
+    const rgbRegex = /^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i;
+    // This regex will match rgba(0, 0, 0, 0.5) or rgba(0, 0, 0, 50%) , or without commas
+    const rgbaRegex = /^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i;
+    const rgbaColour = (red, green, blue, alpha) => ({
+        red,
+        green,
+        blue,
+        alpha
+    });
+    const fromStringValues = (red, green, blue, alpha) => {
+        const r = parseInt(red, 10);
+        const g = parseInt(green, 10);
+        const b = parseInt(blue, 10);
+        const a = parseFloat(alpha);
+        return rgbaColour(r, g, b, a);
+    };
+    const fromString = (rgbaString) => {
+        const rgbMatch = rgbRegex.exec(rgbaString);
+        if (rgbMatch !== null) {
+            return Optional?.some(fromStringValues(rgbMatch[1], rgbMatch[2], rgbMatch[3], '1'));
+        }
+        const rgbaMatch = rgbaRegex.exec(rgbaString);
+        if (rgbaMatch !== null) {
+            return Optional?.some(fromStringValues(rgbaMatch[1], rgbaMatch[2], rgbaMatch[3], rgbaMatch[4]));
+        }
+        return Optional.none();
+    };
+
+    const anyToHex = (color) => fromString$1(color)
+        .orThunk(() => fromString(color)?.map(fromRgba))
+        .getOrThunk(() => {
+        // Not dealing with Hex or RGBA so use a canvas to parse the color
+        const canvas = document.createElement('canvas');
+        canvas.height = 1;
+        canvas.width = 1;
+        const canvasContext = canvas.getContext('2d');
+        // all valid colors after this point
+        canvasContext.clearRect(0, 0, canvas.width, canvas.height);
+        // invalid colors will be shown as white - the first assignment will pass and the second may be ignored
+        canvasContext.fillStyle = '#FFFFFF';
+        canvasContext.fillStyle = color;
+        canvasContext.fillRect(0, 0, 1, 1);
+        const rgba = canvasContext.getImageData(0, 0, 1, 1).data;
+        const r = rgba[0];
+        const g = rgba[1];
+        const b = rgba[2];
+        const a = rgba[3];
+        return fromRgba(rgbaColour(r, g, b, a));
+    });
+    const rgbaToHexString = (color) => fromString(color)
+        ?.map(fromRgba)
+        ?.map((h) => '#' + h.value)
+        .getOr(color);
+
+    const onSetupToggle = (editor, formatName, formatValue) => {
+        return (api) => {
+            const boundCallback = unbindable();
+            const isNone = isEmpty(formatValue);
+            const init = () => {
+                const selectedCells = getCellsFromSelection(editor);
+                const checkNode = (cell) => editor.formatter.match(formatName, { value: formatValue }, cell.dom, isNone);
+                // If value is empty (A None-entry in the list), check if the format is not set at all. Otherwise, check if the format is set to the correct value.
+                if (isNone) {
+                    api.setActive(!exists(selectedCells, checkNode));
+                    boundCallback.set(editor.formatter.formatChanged(formatName, (match) => api.setActive(!match), true));
+                }
+                else {
+                    api.setActive(forall(selectedCells, checkNode));
+                    boundCallback.set(editor.formatter.formatChanged(formatName, api.setActive, false, { value: formatValue }));
+                }
+            };
+            // The editor may or may not have been setup yet, so check for that
+            editor.initialized ? init() : editor.on('init', init);
+            return boundCallback.clear;
+        };
+    };
+    const isListGroup = (item) => hasNonNullableKey(item, 'menu');
+    const buildListItems = (items) => map(items, (item) => {
+        // item.text is not documented - maybe deprecated option we can delete??
+        const text = item.text || item.title || '';
+        if (isListGroup(item)) {
+            return {
+                text,
+                items: buildListItems(item.menu)
+            };
+        }
+        else {
+            return {
+                text,
+                value: item.value
+            };
+        }
+    });
+    const buildClassList = (classList) => {
+        if (!classList.length) {
+            return Optional.none();
+        }
+        return Optional?.some(buildListItems([{ text: 'Select...', value: 'mce-no-match' }, ...classList]));
+    };
+    const buildMenuItems = (editor, items, format, onAction) => map(items, (item) => {
+        // item.text is not documented - maybe deprecated option we can delete??
+        const text = item.text || item.title;
+        if (isListGroup(item)) {
+            return {
+                type: 'nestedmenuitem',
+                text,
+                getSubmenuItems: () => buildMenuItems(editor, item.menu, format, onAction)
+            };
+        }
+        else {
+            return {
+                text,
+                type: 'togglemenuitem',
+                onAction: () => onAction(item.value),
+                onSetup: onSetupToggle(editor, format, item.value)
+            };
+        }
+    });
+    const applyTableCellStyle = (editor, style) => (value) => {
+        editor.execCommand('mceTableApplyCellStyle', false, { [style]: value });
+    };
+    const filterNoneItem = (list) => bind(list, (item) => {
+        if (isListGroup(item)) {
+            return [{ ...item, menu: filterNoneItem(item.menu) }];
+        }
+        else {
+            return isNotEmpty(item.value) ? [item] : [];
+        }
+    });
+    const generateMenuItemsCallback = (editor, items, format, onAction) => (callback) => callback(buildMenuItems(editor, items, format, onAction));
+    const buildColorMenu = (editor, colorList, style) => {
+        const colorMap = map(colorList, (entry) => ({
+            text: entry.title,
+            value: '#' + anyToHex(entry.value).value,
+            type: 'choiceitem'
+        }));
+        return [{
+                type: 'fancymenuitem',
+                fancytype: 'colorswatch',
+                initData: {
+                    colors: colorMap.length > 0 ? colorMap : undefined,
+                    allowCustomColors: false
+                },
+                onAction: (data) => {
+                    const value = data.value === 'remove' ? '' : data.value;
+                    editor.execCommand('mceTableApplyCellStyle', false, { [style]: value });
+                }
+            }];
+    };
+    const changeRowHeader = (editor) => () => {
+        const currentType = editor.queryCommandValue('mceTableRowType');
+        const newType = currentType === 'header' ? 'body' : 'header';
+        editor.execCommand('mceTableRowType', false, { type: newType });
+    };
+    const changeColumnHeader = (editor) => () => {
+        const currentType = editor.queryCommandValue('mceTableColType');
+        const newType = currentType === 'th' ? 'td' : 'th';
+        editor.execCommand('mceTableColType', false, { type: newType });
+    };
+
+    const getClassList$1 = (editor) => buildClassList(getCellClassList(editor))
+        ?.map((items) => ({
+        name: 'class',
+        type: 'listbox',
+        label: 'Class',
+        items
+    }));
+    const children = [
+        {
+            name: 'width',
+            type: 'input',
+            label: 'Width'
+        },
+        {
+            name: 'celltype',
+            type: 'listbox',
+            label: 'Cell type',
+            items: [
+                { text: 'Cell', value: 'td' },
+                { text: 'Header cell', value: 'th' }
+            ]
+        },
+        {
+            name: 'scope',
+            type: 'listbox',
+            label: 'Scope',
+            items: [
+                { text: 'None', value: '' },
+                { text: 'Row', value: 'row' },
+                { text: 'Column', value: 'col' },
+                { text: 'Row group', value: 'rowgroup' },
+                { text: 'Column group', value: 'colgroup' }
+            ]
+        },
+        {
+            name: 'halign',
+            type: 'listbox',
+            label: 'Horizontal align',
+            items: [
+                { text: 'None', value: '' },
+                { text: 'Left', value: 'left' },
+                { text: 'Center', value: 'center' },
+                { text: 'Right', value: 'right' }
+            ]
+        },
+        {
+            name: 'valign',
+            type: 'listbox',
+            label: 'Vertical align',
+            items: verticalAlignValues
+        }
+    ];
+    const getItems$2 = (editor) => children.concat(getClassList$1(editor).toArray());
+
+    const getAdvancedTab = (editor, dialogName) => {
+        const emptyBorderStyle = [{ text: 'Select...', value: '' }];
+        const advTabItems = [
+            {
+                name: 'borderstyle',
+                type: 'listbox',
+                label: 'Border style',
+                items: emptyBorderStyle.concat(buildListItems(getTableBorderStyles(editor)))
+            },
+            {
+                name: 'bordercolor',
+                type: 'colorinput',
+                label: 'Border color'
+            },
+            {
+                name: 'backgroundcolor',
+                type: 'colorinput',
+                label: 'Background color'
+            }
+        ];
+        const borderWidth = {
+            name: 'borderwidth',
+            type: 'input',
+            label: 'Border width'
+        };
+        const items = dialogName === 'cell' ? [borderWidth].concat(advTabItems) : advTabItems;
+        return {
+            title: 'Advanced',
+            name: 'advanced',
+            items
+        };
+    };
+
+    // The get node is required here because it can be transformed
+    // when switching between tags (e.g. th and td)
+    const normal = (editor, element) => {
+        const dom = editor.dom;
+        const setAttrib = (attr, value) => {
+            dom.setAttrib(element, attr, value);
+        };
+        const setStyle = (prop, value) => {
+            dom.setStyle(element, prop, value);
+        };
+        const setFormat = (formatName, value) => {
+            // Remove format if given an empty string
+            if (value === '') {
+                editor.formatter.remove(formatName, { value: null }, element, true);
+            }
+            else {
+                editor.formatter.apply(formatName, { value }, element);
+            }
+        };
+        return {
+            setAttrib,
+            setStyle,
+            setFormat
+        };
+    };
+    const DomModifier = {
+        normal
+    };
+
+    const rgbToHex = (value) => startsWith(value, 'rgb') ? rgbaToHexString(value) : value;
+    const extractAdvancedStyles = (elm) => {
+        const element = SugarElement.fromDom(elm);
+        return {
+            borderwidth: getRaw$1(element, 'border-width').getOr(''),
+            borderstyle: getRaw$1(element, 'border-style').getOr(''),
+            bordercolor: getRaw$1(element, 'border-color')?.map(rgbToHex).getOr(''),
+            backgroundcolor: getRaw$1(element, 'background-color')?.map(rgbToHex).getOr('')
+        };
+    };
+    const getSharedValues = (data) => {
+        // TODO surely there's a better way to do this??
+        // Mutates baseData to return an object that contains only the values
+        // that were the same across all objects in data
+        const baseData = data[0];
+        const comparisonData = data.slice(1);
+        each$1(comparisonData, (items) => {
+            each$1(keys(baseData), (key) => {
+                each(items, (itemValue, itemKey) => {
+                    const comparisonValue = baseData[key];
+                    if (comparisonValue !== '' && key === itemKey) {
+                        if (comparisonValue !== itemValue) {
+                            baseData[key] = key === 'class' ? 'mce-no-match' : '';
+                        }
+                    }
+                });
+            });
+        });
+        return baseData;
+    };
+    // The extractDataFrom... functions are in this file partly for code reuse and partly so we can test them,
+    // because some of these are crazy complicated
+    const getAlignment = (formats, formatName, editor, elm) => find(formats, (name) => !isUndefined(editor.formatter.matchNode(elm, formatName + name))).getOr('');
+    const getHAlignment = curry(getAlignment, ['left', 'center', 'right'], 'align');
+    const getVAlignment = curry(getAlignment, ['top', 'middle', 'bottom'], 'valign');
+    const extractDataFromSettings = (editor, hasAdvTableTab) => {
+        const style = getDefaultStyles(editor);
+        const attrs = getDefaultAttributes(editor);
+        const extractAdvancedStyleData = () => ({
+            borderstyle: get$3(style, 'border-style').getOr(''),
+            bordercolor: rgbToHex(get$3(style, 'border-color').getOr('')),
+            backgroundcolor: rgbToHex(get$3(style, 'background-color').getOr(''))
+        });
+        const defaultData = {
+            height: '',
+            width: '100%',
+            cellspacing: '',
+            cellpadding: '',
+            caption: false,
+            class: '',
+            align: '',
+            border: ''
+        };
+        const getBorder = () => {
+            const borderWidth = style['border-width'];
+            if (shouldStyleWithCss(editor) && borderWidth) {
+                return { border: borderWidth };
+            }
+            return get$3(attrs, 'border').fold(() => ({}), (border) => ({ border }));
+        };
+        const advStyle = (hasAdvTableTab ? extractAdvancedStyleData() : {});
+        const getCellPaddingCellSpacing = () => {
+            const spacing = get$3(style, 'border-spacing').or(get$3(attrs, 'cellspacing')).fold(() => ({}), (cellspacing) => ({ cellspacing }));
+            const padding = get$3(style, 'border-padding').or(get$3(attrs, 'cellpadding')).fold(() => ({}), (cellpadding) => ({ cellpadding }));
+            return {
+                ...spacing,
+                ...padding
+            };
+        };
+        const data = {
+            ...defaultData,
+            ...style,
+            ...attrs,
+            ...advStyle,
+            ...getBorder(),
+            ...getCellPaddingCellSpacing()
+        };
+        return data;
+    };
+    const getRowType = (elm) => table(SugarElement.fromDom(elm))?.map((table) => {
+        const target = { selection: fromDom(elm.cells) };
+        return getRowsType(table, target);
+    }).getOr('');
+    const extractDataFromTableElement = (editor, elm, hasAdvTableTab) => {
+        const getBorder = (dom, elm) => {
+            // Cases (in order to check):
+            // 1. shouldStyleWithCss - extract border-width style if it exists
+            // 2. !shouldStyleWithCss && border attribute - set border attribute as value
+            // 3. !shouldStyleWithCss && nothing on the table - grab styles from the first th or td
+            const optBorderWidth = getRaw$1(SugarElement.fromDom(elm), 'border-width');
+            if (shouldStyleWithCss(editor) && optBorderWidth.isSome()) {
+                return optBorderWidth.getOr('');
+            }
+            return dom.getAttrib(elm, 'border') || getTDTHOverallStyle(editor.dom, elm, 'border-width')
+                || getTDTHOverallStyle(editor.dom, elm, 'border') || '';
+        };
+        const dom = editor.dom;
+        const cellspacing = shouldStyleWithCss(editor) ?
+            dom.getStyle(elm, 'border-spacing') || dom.getAttrib(elm, 'cellspacing') :
+            dom.getAttrib(elm, 'cellspacing') || dom.getStyle(elm, 'border-spacing');
+        const cellpadding = shouldStyleWithCss(editor) ?
+            getTDTHOverallStyle(dom, elm, 'padding') || dom.getAttrib(elm, 'cellpadding') :
+            dom.getAttrib(elm, 'cellpadding') || getTDTHOverallStyle(dom, elm, 'padding');
+        return {
+            width: dom.getStyle(elm, 'width') || dom.getAttrib(elm, 'width'),
+            height: dom.getStyle(elm, 'height') || dom.getAttrib(elm, 'height'),
+            cellspacing: cellspacing !== null && cellspacing !== void 0 ? cellspacing : '',
+            cellpadding: cellpadding !== null && cellpadding !== void 0 ? cellpadding : '',
+            border: getBorder(dom, elm),
+            caption: !!dom.select('caption', elm)[0],
+            class: dom.getAttrib(elm, 'class', ''),
+            align: getHAlignment(editor, elm),
+            ...(hasAdvTableTab ? extractAdvancedStyles(elm) : {})
+        };
+    };
+    const extractDataFromRowElement = (editor, elm, hasAdvancedRowTab) => {
+        const dom = editor.dom;
+        return {
+            height: dom.getStyle(elm, 'height') || dom.getAttrib(elm, 'height'),
+            class: dom.getAttrib(elm, 'class', ''),
+            type: getRowType(elm),
+            align: getHAlignment(editor, elm),
+            ...(hasAdvancedRowTab ? extractAdvancedStyles(elm) : {})
+        };
+    };
+    const extractDataFromCellElement = (editor, cell, hasAdvancedCellTab, column) => {
+        const dom = editor.dom;
+        const colElm = column.getOr(cell);
+        const getStyle = (element, style) => dom.getStyle(element, style) || dom.getAttrib(element, style);
+        return {
+            width: getStyle(colElm, 'width'),
+            scope: dom.getAttrib(cell, 'scope'),
+            celltype: getNodeName(cell),
+            class: dom.getAttrib(cell, 'class', ''),
+            halign: getHAlignment(editor, cell),
+            valign: getVAlignment(editor, cell),
+            ...(hasAdvancedCellTab ? extractAdvancedStyles(cell) : {})
+        };
+    };
+
+    const getSelectedCells = (table, cells) => {
+        const warehouse = Warehouse.fromTable(table);
+        const allCells = Warehouse.justCells(warehouse);
+        const filtered = filter$1(allCells, (cellA) => exists(cells, (cellB) => eq(cellA.element, cellB)));
+        return map(filtered, (cell) => ({
+            element: cell.element.dom,
+            column: Warehouse.getColumnAt(warehouse, cell.column)?.map((col) => col.element.dom)
+        }));
+    };
+    const updateSimpleProps$1 = (modifier, colModifier, data, shouldUpdate) => {
+        if (shouldUpdate('scope')) {
+            modifier.setAttrib('scope', data.scope);
+        }
+        if (shouldUpdate('class') && data.class !== 'mce-no-match') {
+            modifier.setAttrib('class', data.class);
+        }
+        if (shouldUpdate('width')) {
+            colModifier.setStyle('width', addPxSuffix(data.width));
+        }
+    };
+    const updateAdvancedProps$1 = (modifier, data, shouldUpdate) => {
+        if (shouldUpdate('backgroundcolor')) {
+            modifier.setFormat('tablecellbackgroundcolor', data.backgroundcolor);
+        }
+        if (shouldUpdate('bordercolor')) {
+            modifier.setFormat('tablecellbordercolor', data.bordercolor);
+        }
+        if (shouldUpdate('borderstyle')) {
+            modifier.setFormat('tablecellborderstyle', data.borderstyle);
+        }
+        if (shouldUpdate('borderwidth')) {
+            modifier.setFormat('tablecellborderwidth', addPxSuffix(data.borderwidth));
+        }
+    };
+    const applyStyleData$1 = (editor, cells, data, wasChanged) => {
+        const isSingleCell = cells.length === 1;
+        each$1(cells, (item) => {
+            const cellElm = item.element;
+            const shouldOverrideCurrentValue = isSingleCell ? always : wasChanged;
+            const modifier = DomModifier.normal(editor, cellElm);
+            const colModifier = item.column?.map((col) => DomModifier.normal(editor, col)).getOr(modifier);
+            updateSimpleProps$1(modifier, colModifier, data, shouldOverrideCurrentValue);
+            if (hasAdvancedCellTab(editor)) {
+                updateAdvancedProps$1(modifier, data, shouldOverrideCurrentValue);
+            }
+            // Apply alignment
+            if (wasChanged('halign')) {
+                setAlign(editor, cellElm, data.halign);
+            }
+            // Apply vertical alignment
+            if (wasChanged('valign')) {
+                setVAlign(editor, cellElm, data.valign);
+            }
+        });
+    };
+    const applyStructureData$1 = (editor, data) => {
+        // Switch cell type if applicable. Note that we specifically tell the command to not fire events
+        // as we'll batch the events and fire a `TableModified` event at the end of the updates.
+        editor.execCommand('mceTableCellType', false, { type: data.celltype, no_events: true });
+    };
+    const applyCellData = (editor, cells, oldData, data) => {
+        const modifiedData = filter(data, (value, key) => oldData[key] !== value);
+        if (size(modifiedData) > 0 && cells.length >= 1) {
+            // Retrieve the table before the cells are modified as there is a case where cells
+            // are replaced and the reference will be lost when trying to fire events.
+            table(cells[0]).each((table) => {
+                const selectedCells = getSelectedCells(table, cells);
+                // style modified if there's at least one other change apart from 'celltype' and 'scope'
+                const styleModified = size(filter(modifiedData, (_value, key) => key !== 'scope' && key !== 'celltype')) > 0;
+                const structureModified = has(modifiedData, 'celltype');
+                // Update the cells styling using the dialog data
+                if (styleModified || has(modifiedData, 'scope')) {
+                    applyStyleData$1(editor, selectedCells, data, curry(has, modifiedData));
+                }
+                // Update the cells structure using the dialog data
+                if (structureModified) {
+                    applyStructureData$1(editor, data);
+                }
+                fireTableModified(editor, table.dom, {
+                    structure: structureModified,
+                    style: styleModified,
+                });
+            });
+        }
+    };
+    const onSubmitCellForm = (editor, cells, oldData, api) => {
+        const data = api.getData();
+        api.close();
+        editor.undoManager.transact(() => {
+            applyCellData(editor, cells, oldData, data);
+            editor.focus();
+        });
+    };
+    const getData$1 = (editor, cells) => {
+        const cellsData = table(cells[0])?.map((table) => map(getSelectedCells(table, cells), (item) => extractDataFromCellElement(editor, item.element, hasAdvancedCellTab(editor), item.column)));
+        return getSharedValues(cellsData.getOrDie());
+    };
+    const open$2 = (editor) => {
+        const cells = getCellsFromSelection(editor);
+        // Check if there are any cells to operate on
+        if (cells.length === 0) {
+            return;
+        }
+        const data = getData$1(editor, cells);
+        const dialogTabPanel = {
+            type: 'tabpanel',
+            tabs: [
+                {
+                    title: 'General',
+                    name: 'general',
+                    items: getItems$2(editor)
+                },
+                getAdvancedTab(editor, 'cell')
+            ]
+        };
+        const dialogPanel = {
+            type: 'panel',
+            items: [
+                {
+                    type: 'grid',
+                    columns: 2,
+                    items: getItems$2(editor)
+                }
+            ]
+        };
+        editor.windowManager.open({
+            title: 'Cell Properties',
+            size: 'normal',
+            body: hasAdvancedCellTab(editor) ? dialogTabPanel : dialogPanel,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: data,
+            onSubmit: curry(onSubmitCellForm, editor, cells, data)
+        });
+    };
+
+    const getClassList = (editor) => buildClassList(getRowClassList(editor))
+        ?.map((items) => ({
+        name: 'class',
+        type: 'listbox',
+        label: 'Class',
+        items
+    }));
+    const formChildren = [
+        {
+            type: 'listbox',
+            name: 'type',
+            label: 'Row type',
+            items: [
+                { text: 'Header', value: 'header' },
+                { text: 'Body', value: 'body' },
+                { text: 'Footer', value: 'footer' }
+            ]
+        },
+        {
+            type: 'listbox',
+            name: 'align',
+            label: 'Alignment',
+            items: [
+                { text: 'None', value: '' },
+                { text: 'Left', value: 'left' },
+                { text: 'Center', value: 'center' },
+                { text: 'Right', value: 'right' }
+            ]
+        },
+        {
+            label: 'Height',
+            name: 'height',
+            type: 'input'
+        }
+    ];
+    const getItems$1 = (editor) => formChildren.concat(getClassList(editor).toArray());
+
+    const updateSimpleProps = (modifier, data, shouldUpdate) => {
+        if (shouldUpdate('class') && data.class !== 'mce-no-match') {
+            modifier.setAttrib('class', data.class);
+        }
+        if (shouldUpdate('height')) {
+            modifier.setStyle('height', addPxSuffix(data.height));
+        }
+    };
+    const updateAdvancedProps = (modifier, data, shouldUpdate) => {
+        if (shouldUpdate('backgroundcolor')) {
+            modifier.setStyle('background-color', data.backgroundcolor);
+        }
+        if (shouldUpdate('bordercolor')) {
+            modifier.setStyle('border-color', data.bordercolor);
+        }
+        if (shouldUpdate('borderstyle')) {
+            modifier.setStyle('border-style', data.borderstyle);
+        }
+    };
+    const applyStyleData = (editor, rows, data, wasChanged) => {
+        const isSingleRow = rows.length === 1;
+        const shouldOverrideCurrentValue = isSingleRow ? always : wasChanged;
+        each$1(rows, (rowElm) => {
+            const rowCells = children$1(SugarElement.fromDom(rowElm), 'td,th');
+            const modifier = DomModifier.normal(editor, rowElm);
+            updateSimpleProps(modifier, data, shouldOverrideCurrentValue);
+            if (hasAdvancedRowTab(editor)) {
+                updateAdvancedProps(modifier, data, shouldOverrideCurrentValue);
+            }
+            // TINY-10617: Simplify number of height styles when applying height on tr
+            if (wasChanged('height')) {
+                each$1(rowCells, (cell) => {
+                    editor.dom.setStyle(cell.dom, 'height', null);
+                });
+            }
+            if (wasChanged('align')) {
+                setAlign(editor, rowElm, data.align);
+            }
+        });
+    };
+    const applyStructureData = (editor, data) => {
+        // Switch cell type if applicable. Note that we specifically tell the command to not fire events
+        // as we'll batch the events and fire a `TableModified` event at the end of the updates.
+        editor.execCommand('mceTableRowType', false, { type: data.type, no_events: true });
+    };
+    const applyRowData = (editor, rows, oldData, data) => {
+        const modifiedData = filter(data, (value, key) => oldData[key] !== value);
+        if (size(modifiedData) > 0) {
+            const typeModified = has(modifiedData, 'type');
+            // style modified if there's at least one other change apart from 'type'
+            const styleModified = typeModified ? size(modifiedData) > 1 : true;
+            // Update the rows styling using the dialog data
+            if (styleModified) {
+                applyStyleData(editor, rows, data, curry(has, modifiedData));
+            }
+            // Update the rows structure using the dialog data
+            if (typeModified) {
+                applyStructureData(editor, data);
+            }
+            table(SugarElement.fromDom(rows[0])).each((table) => fireTableModified(editor, table.dom, {
+                structure: typeModified,
+                style: styleModified
+            }));
+        }
+    };
+    const onSubmitRowForm = (editor, rows, oldData, api) => {
+        const data = api.getData();
+        api.close();
+        editor.undoManager.transact(() => {
+            applyRowData(editor, rows, oldData, data);
+            editor.focus();
+        });
+    };
+    const open$1 = (editor) => {
+        const rows = getRowsFromSelection(getSelectionStart(editor), ephemera.selected);
+        // Check if there are any rows to operate on
+        if (rows.length === 0) {
+            return;
+        }
+        // Get current data and find shared values between rows
+        const rowsData = map(rows, (rowElm) => extractDataFromRowElement(editor, rowElm.dom, hasAdvancedRowTab(editor)));
+        const data = getSharedValues(rowsData);
+        const dialogTabPanel = {
+            type: 'tabpanel',
+            tabs: [
+                {
+                    title: 'General',
+                    name: 'general',
+                    items: getItems$1(editor)
+                },
+                getAdvancedTab(editor, 'row')
+            ]
+        };
+        const dialogPanel = {
+            type: 'panel',
+            items: [
+                {
+                    type: 'grid',
+                    columns: 2,
+                    items: getItems$1(editor)
+                }
+            ]
+        };
+        editor.windowManager.open({
+            title: 'Row Properties',
+            size: 'normal',
+            body: hasAdvancedRowTab(editor) ? dialogTabPanel : dialogPanel,
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: data,
+            onSubmit: curry(onSubmitRowForm, editor, map(rows, (r) => r.dom), data)
+        });
+    };
+
+    const getItems = (editor, classes, insertNewTable) => {
+        const rowColCountItems = !insertNewTable ? [] : [
+            {
+                type: 'input',
+                name: 'cols',
+                label: 'Cols',
+                inputMode: 'numeric'
+            },
+            {
+                type: 'input',
+                name: 'rows',
+                label: 'Rows',
+                inputMode: 'numeric'
+            }
+        ];
+        const alwaysItems = [
+            {
+                type: 'input',
+                name: 'width',
+                label: 'Width'
+            },
+            {
+                type: 'input',
+                name: 'height',
+                label: 'Height'
+            }
+        ];
+        const appearanceItems = hasAppearanceOptions(editor) ? [
+            {
+                type: 'input',
+                name: 'cellspacing',
+                label: 'Cell spacing',
+                inputMode: 'numeric'
+            },
+            {
+                type: 'input',
+                name: 'cellpadding',
+                label: 'Cell padding',
+                inputMode: 'numeric'
+            },
+            {
+                type: 'input',
+                name: 'border',
+                label: 'Border width'
+            },
+            {
+                type: 'label',
+                label: 'Caption',
+                items: [
+                    {
+                        type: 'checkbox',
+                        name: 'caption',
+                        label: 'Show caption'
+                    }
+                ]
+            }
+        ] : [];
+        const alignmentItem = [
+            {
+                type: 'listbox',
+                name: 'align',
+                label: 'Alignment',
+                items: [
+                    { text: 'None', value: '' },
+                    { text: 'Left', value: 'left' },
+                    { text: 'Center', value: 'center' },
+                    { text: 'Right', value: 'right' }
+                ]
+            }
+        ];
+        const classListItem = classes.length > 0 ? [
+            {
+                name: 'class',
+                type: 'listbox',
+                label: 'Class',
+                items: classes
+            }
+        ] : [];
+        return rowColCountItems.concat(alwaysItems).concat(appearanceItems).concat(alignmentItem).concat(classListItem);
+    };
+
+    // Explore the layers of the table till we find the first layer of tds or ths
+    const styleTDTH = (dom, elm, name, value) => {
+        if (elm.tagName === 'TD' || elm.tagName === 'TH') {
+            if (isString(name) && isNonNullable(value)) {
+                dom.setStyle(elm, name, value);
+            }
+            else {
+                dom.setStyles(elm, name);
+            }
+        }
+        else {
+            if (elm.children) {
+                for (let i = 0; i < elm.children.length; i++) {
+                    styleTDTH(dom, elm.children[i], name, value);
+                }
+            }
+        }
+    };
+    const applyDataToElement = (editor, tableElm, data, shouldApplyOnCell) => {
+        const dom = editor.dom;
+        const attrs = {};
+        const styles = {};
+        const shouldStyleWithCss$1 = shouldStyleWithCss(editor);
+        const hasAdvancedTableTab$1 = hasAdvancedTableTab(editor);
+        const borderIsZero = parseFloat(data.border) === 0;
+        if (!isUndefined(data.class) && data.class !== 'mce-no-match') {
+            attrs.class = data.class;
+        }
+        styles.height = addPxSuffix(data.height);
+        if (shouldStyleWithCss$1) {
+            styles.width = addPxSuffix(data.width);
+        }
+        else if (dom.getAttrib(tableElm, 'width')) {
+            attrs.width = removePxSuffix(data.width);
+        }
+        if (shouldStyleWithCss$1) {
+            if (borderIsZero) {
+                attrs.border = 0;
+                styles['border-width'] = '';
+            }
+            else {
+                styles['border-width'] = addPxSuffix(data.border);
+                attrs.border = 1;
+            }
+            styles['border-spacing'] = addPxSuffix(data.cellspacing);
+        }
+        else {
+            attrs.border = borderIsZero ? 0 : data.border;
+            attrs.cellpadding = data.cellpadding;
+            attrs.cellspacing = data.cellspacing;
+        }
+        // TINY-9837: Relevant data are applied on child TD/THs only if they have been modified since the previous dialog submission
+        if (shouldStyleWithCss$1 && tableElm.children) {
+            const cellStyles = {};
+            if (borderIsZero) {
+                cellStyles['border-width'] = '';
+            }
+            else if (shouldApplyOnCell.border) {
+                cellStyles['border-width'] = addPxSuffix(data.border);
+            }
+            if (shouldApplyOnCell.cellpadding) {
+                cellStyles.padding = addPxSuffix(data.cellpadding);
+            }
+            if (hasAdvancedTableTab$1 && shouldApplyOnCell.bordercolor) {
+                cellStyles['border-color'] = data.bordercolor;
+            }
+            if (!isEmpty$1(cellStyles)) {
+                for (let i = 0; i < tableElm.children.length; i++) {
+                    styleTDTH(dom, tableElm.children[i], cellStyles);
+                }
+            }
+        }
+        if (hasAdvancedTableTab$1) {
+            const advData = data;
+            styles['background-color'] = advData.backgroundcolor;
+            styles['border-color'] = advData.bordercolor;
+            styles['border-style'] = advData.borderstyle;
+        }
+        dom.setStyles(tableElm, { ...getDefaultStyles(editor), ...styles });
+        dom.setAttribs(tableElm, { ...getDefaultAttributes(editor), ...attrs });
+    };
+    const onSubmitTableForm = (editor, tableElm, oldData, api) => {
+        const dom = editor.dom;
+        const data = api.getData();
+        const modifiedData = filter(data, (value, key) => oldData[key] !== value);
+        api.close();
+        editor.undoManager.transact(() => {
+            if (!tableElm) {
+                const cols = toInt(data.cols).getOr(1);
+                const rows = toInt(data.rows).getOr(1);
+                // Cases 1 & 3 - inserting a table
+                editor.execCommand('mceInsertTable', false, { rows, columns: cols });
+                tableElm = getSelectionCell(getSelectionStart(editor), getIsRoot(editor))
+                    .bind((cell) => table(cell, getIsRoot(editor)))
+                    ?.map((table) => table.dom)
+                    .getOrDie();
+            }
+            if (size(modifiedData) > 0) {
+                const applicableCellProperties = {
+                    border: has(modifiedData, 'border'),
+                    bordercolor: has(modifiedData, 'bordercolor'),
+                    cellpadding: has(modifiedData, 'cellpadding')
+                };
+                applyDataToElement(editor, tableElm, data, applicableCellProperties);
+                // Toggle caption on/off
+                const captionElm = dom.select('caption', tableElm)[0];
+                if (captionElm && !data.caption || !captionElm && data.caption) {
+                    editor.execCommand('mceTableToggleCaption');
+                }
+                setAlign(editor, tableElm, data.align);
+            }
+            editor.focus();
+            editor.addVisual();
+            if (size(modifiedData) > 0) {
+                const captionModified = has(modifiedData, 'caption');
+                // style modified if there's at least one other change apart from 'caption'
+                const styleModified = captionModified ? size(modifiedData) > 1 : true;
+                fireTableModified(editor, tableElm, { structure: captionModified, style: styleModified });
+            }
+        });
+    };
+    const open = (editor, insertNewTable) => {
+        const dom = editor.dom;
+        let tableElm;
+        let data = extractDataFromSettings(editor, hasAdvancedTableTab(editor));
+        // Cases for creation/update of tables:
+        // 1. isNew == true - called by mceInsertTable - we are inserting a new table so we don't care what the selection's parent is,
+        //    and we need to add cols and rows input fields to the dialog
+        // 2. isNew == false && selection parent is a table - update the table
+        // 3. isNew == false && selection parent isn't a table - open dialog with default values and insert a table
+        if (insertNewTable) {
+            // Case 1 - isNew == true. We're inserting a new table so use defaults and add cols and rows + adv properties.
+            data.cols = '1';
+            data.rows = '1';
+            if (hasAdvancedTableTab(editor)) {
+                data.borderstyle = '';
+                data.bordercolor = '';
+                data.backgroundcolor = '';
+            }
+        }
+        else {
+            tableElm = dom.getParent(editor.selection.getStart(), 'table', editor.getBody());
+            if (tableElm) {
+                // Case 2 - isNew == false && table parent
+                data = extractDataFromTableElement(editor, tableElm, hasAdvancedTableTab(editor));
+            }
+            else {
+                // Case 3 - isNew == false && non-table parent. data is set to basic defaults so just add the adv properties if needed
+                if (hasAdvancedTableTab(editor)) {
+                    data.borderstyle = '';
+                    data.bordercolor = '';
+                    data.backgroundcolor = '';
+                }
+            }
+        }
+        const classes = buildClassList(getTableClassList(editor));
+        if (classes.isSome()) {
+            if (data.class) {
+                data.class = data.class.replace(/\s*mce\-item\-table\s*/g, '');
+            }
+        }
+        const generalPanel = {
+            type: 'grid',
+            columns: 2,
+            items: getItems(editor, classes.getOr([]), insertNewTable)
+        };
+        const nonAdvancedForm = () => ({
+            type: 'panel',
+            items: [generalPanel]
+        });
+        const advancedForm = () => ({
+            type: 'tabpanel',
+            tabs: [
+                {
+                    title: 'General',
+                    name: 'general',
+                    items: [generalPanel]
+                },
+                getAdvancedTab(editor, 'table')
+            ]
+        });
+        const dialogBody = hasAdvancedTableTab(editor) ? advancedForm() : nonAdvancedForm();
+        editor.windowManager.open({
+            title: 'Table Properties',
+            size: 'normal',
+            body: dialogBody,
+            onSubmit: curry(onSubmitTableForm, editor, tableElm, data),
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData: data
+        });
+    };
+
+    const registerCommands = (editor) => {
+        const runAction = (f) => {
+            if (isInEditableContext(getSelectionStart(editor))) {
+                f();
+            }
+        };
+        // Register dialog commands
+        each({
+            // AP-101 TableDialog.open renders a slightly different dialog if isNew is true
+            mceTableProps: curry(open, editor, false),
+            mceTableRowProps: curry(open$1, editor),
+            mceTableCellProps: curry(open$2, editor),
+            mceInsertTableDialog: curry(open, editor, true),
+        }, (func, name) => editor.addCommand(name, () => runAction(func)));
+    };
+
+    /*
+     NOTE: This file is partially duplicated in the following locations:
+      - models/dom/table/queries/TableTargets.ts
+      - advtable
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const noMenu = (cell) => ({
+        element: cell,
+        mergable: Optional.none(),
+        unmergable: Optional.none(),
+        selection: [cell]
+    });
+    const forMenu = (selectedCells, table, cell) => ({
+        element: cell,
+        mergable: mergable(table, selectedCells, ephemera),
+        unmergable: unmergable(selectedCells),
+        selection: selection(selectedCells)
+    });
+
+    const getSelectionTargets = (editor) => {
+        const targets = Cell(Optional.none());
+        const changeHandlers = Cell([]);
+        let selectionDetails = Optional.none();
+        const isCaption = isTag('caption');
+        const isDisabledForSelection = (key) => selectionDetails.forall((details) => !details[key]);
+        const getStart = () => getSelectionCellOrCaption(getSelectionStart(editor), getIsRoot(editor));
+        const getEnd = () => getSelectionCellOrCaption(getSelectionEnd(editor), getIsRoot(editor));
+        const findTargets = () => getStart().bind((startCellOrCaption) => flatten(lift2(table(startCellOrCaption), getEnd().bind(table), (startTable, endTable) => {
+            if (eq(startTable, endTable)) {
+                if (isCaption(startCellOrCaption)) {
+                    return Optional?.some(noMenu(startCellOrCaption));
+                }
+                else {
+                    return Optional?.some(forMenu(getCellsFromSelection(editor), startTable, startCellOrCaption));
+                }
+            }
+            return Optional.none();
+        })));
+        const getExtractedDetails = (targets) => {
+            const tableOpt = table(targets.element);
+            return tableOpt?.map((table) => {
+                const warehouse = Warehouse.fromTable(table);
+                const selectedCells = onCells(warehouse, targets).getOr([]);
+                const locked = foldl(selectedCells, (acc, cell) => {
+                    if (cell.isLocked) {
+                        acc.onAny = true;
+                        if (cell.column === 0) {
+                            acc.onFirst = true;
+                        }
+                        else if (cell.column + cell.colspan >= warehouse.grid.columns) {
+                            acc.onLast = true;
+                        }
+                    }
+                    return acc;
+                }, { onAny: false, onFirst: false, onLast: false });
+                return {
+                    mergeable: onUnlockedMergable(warehouse, targets).isSome(),
+                    unmergeable: onUnlockedUnmergable(warehouse, targets).isSome(),
+                    locked
+                };
+            });
+        };
+        const resetTargets = () => {
+            // Reset the targets
+            targets.set(cached(findTargets)());
+            // Reset the selection details
+            selectionDetails = targets.get().bind(getExtractedDetails);
+            // Trigger change handlers
+            each$1(changeHandlers.get(), call);
+        };
+        const setupHandler = (handler) => {
+            // Execute the handler to set the initial state
+            handler();
+            // Register the handler so we can update the state when resetting targets
+            changeHandlers.set(changeHandlers.get().concat([handler]));
+            return () => {
+                changeHandlers.set(filter$1(changeHandlers.get(), (h) => h !== handler));
+            };
+        };
+        const onSetup = (api, isDisabled) => setupHandler(() => targets.get().fold(() => {
+            api.setEnabled(false);
+        }, (targets) => {
+            api.setEnabled(!isDisabled(targets) && editor.selection.isEditable());
+        }));
+        const onSetupWithToggle = (api, isDisabled, isActive) => setupHandler(() => targets.get().fold(() => {
+            api.setEnabled(false);
+            api.setActive(false);
+        }, (targets) => {
+            api.setEnabled(!isDisabled(targets) && editor.selection.isEditable());
+            api.setActive(isActive(targets));
+        }));
+        const isDisabledFromLocked = (lockedDisable) => selectionDetails.exists((details) => details.locked[lockedDisable]);
+        const onSetupTable = (api) => onSetup(api, (_) => false);
+        const onSetupCellOrRow = (api) => onSetup(api, (targets) => isCaption(targets.element));
+        const onSetupColumn = (lockedDisable) => (api) => onSetup(api, (targets) => isCaption(targets.element) || isDisabledFromLocked(lockedDisable));
+        const onSetupPasteable = (getClipboardData) => (api) => onSetup(api, (targets) => isCaption(targets.element) || getClipboardData().isNone());
+        const onSetupPasteableColumn = (getClipboardData, lockedDisable) => (api) => onSetup(api, (targets) => isCaption(targets.element) || getClipboardData().isNone() || isDisabledFromLocked(lockedDisable));
+        const onSetupMergeable = (api) => onSetup(api, (_targets) => isDisabledForSelection('mergeable'));
+        const onSetupUnmergeable = (api) => onSetup(api, (_targets) => isDisabledForSelection('unmergeable'));
+        const onSetupTableWithCaption = (api) => {
+            return onSetupWithToggle(api, never, (targets) => {
+                const tableOpt = table(targets.element, getIsRoot(editor));
+                return tableOpt.exists((table) => child(table, 'caption'));
+            });
+        };
+        const onSetupTableHeaders = (command, headerType) => (api) => {
+            return onSetupWithToggle(api, (targets) => isCaption(targets.element), () => editor.queryCommandValue(command) === headerType);
+        };
+        const onSetupTableRowHeaders = onSetupTableHeaders('mceTableRowType', 'header');
+        const onSetupTableColumnHeaders = onSetupTableHeaders('mceTableColType', 'th');
+        editor.on('NodeChange ExecCommand TableSelectorChange', resetTargets);
+        return {
+            onSetupTable,
+            onSetupCellOrRow,
+            onSetupColumn,
+            onSetupPasteable,
+            onSetupPasteableColumn,
+            onSetupMergeable,
+            onSetupUnmergeable,
+            resetTargets,
+            onSetupTableWithCaption,
+            onSetupTableRowHeaders,
+            onSetupTableColumnHeaders,
+            targets: targets.get
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.FakeClipboard');
+
+    /*
+     NOTE: This file is duplicated in the following locations:
+      - models/dom/table/api/Clipboard.ts
+     Make sure that if making changes to this file, the other files are updated as well
+     */
+    const tableTypeBase = 'x-tinymce/dom-table-';
+    const tableTypeRow = tableTypeBase + 'rows';
+    const tableTypeColumn = tableTypeBase + 'columns';
+    const getData = (type) => {
+        var _a;
+        const items = (_a = global.read()) !== null && _a !== void 0 ? _a : [];
+        return findMap(items, (item) => Optional.from(item.getType(type)));
+    };
+    const getRows = () => getData(tableTypeRow);
+    const getColumns = () => getData(tableTypeColumn);
+
+    const onSetupEditable$1 = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const addButtons = (editor, selectionTargets) => {
+        editor.ui.registry.addMenuButton('table', {
+            tooltip: 'Table',
+            icon: 'table',
+            onSetup: onSetupEditable$1(editor),
+            fetch: (callback) => callback('inserttable | cell row column | advtablesort | tableprops deletetable')
+        });
+        const cmd = (command) => () => editor.execCommand(command);
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        const addButtonIfRegistered = (name, spec) => {
+            if (editor.queryCommandSupported(spec.command)) {
+                editor.ui.registry.addButton(name, {
+                    ...spec,
+                    onAction: isFunction(spec.onAction) ? spec.onAction : cmd(spec.command)
+                });
+            }
+        };
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        const addToggleButtonIfRegistered = (name, spec) => {
+            if (editor.queryCommandSupported(spec.command)) {
+                editor.ui.registry.addToggleButton(name, {
+                    ...spec,
+                    onAction: isFunction(spec.onAction) ? spec.onAction : cmd(spec.command)
+                });
+            }
+        };
+        addButtonIfRegistered('tableprops', {
+            tooltip: 'Table properties',
+            command: 'mceTableProps',
+            icon: 'table',
+            onSetup: selectionTargets.onSetupTable
+        });
+        addButtonIfRegistered('tabledelete', {
+            tooltip: 'Delete table',
+            command: 'mceTableDelete',
+            icon: 'table-delete-table',
+            onSetup: selectionTargets.onSetupTable
+        });
+        addButtonIfRegistered('tablecellprops', {
+            tooltip: 'Cell properties',
+            command: 'mceTableCellProps',
+            icon: 'table-cell-properties',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tablemergecells', {
+            tooltip: 'Merge cells',
+            command: 'mceTableMergeCells',
+            icon: 'table-merge-cells',
+            onSetup: selectionTargets.onSetupMergeable
+        });
+        addButtonIfRegistered('tablesplitcells', {
+            tooltip: 'Split cell',
+            command: 'mceTableSplitCells',
+            icon: 'table-split-cells',
+            onSetup: selectionTargets.onSetupUnmergeable
+        });
+        addButtonIfRegistered('tableinsertrowbefore', {
+            tooltip: 'Insert row before',
+            command: 'mceTableInsertRowBefore',
+            icon: 'table-insert-row-above',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tableinsertrowafter', {
+            tooltip: 'Insert row after',
+            command: 'mceTableInsertRowAfter',
+            icon: 'table-insert-row-after',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tabledeleterow', {
+            tooltip: 'Delete row',
+            command: 'mceTableDeleteRow',
+            icon: 'table-delete-row',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tablerowprops', {
+            tooltip: 'Row properties',
+            command: 'mceTableRowProps',
+            icon: 'table-row-properties',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tableinsertcolbefore', {
+            tooltip: 'Insert column before',
+            command: 'mceTableInsertColBefore',
+            icon: 'table-insert-column-before',
+            onSetup: selectionTargets.onSetupColumn("onFirst" /* LockedDisable.onFirst */)
+        });
+        addButtonIfRegistered('tableinsertcolafter', {
+            tooltip: 'Insert column after',
+            command: 'mceTableInsertColAfter',
+            icon: 'table-insert-column-after',
+            onSetup: selectionTargets.onSetupColumn("onLast" /* LockedDisable.onLast */)
+        });
+        addButtonIfRegistered('tabledeletecol', {
+            tooltip: 'Delete column',
+            command: 'mceTableDeleteCol',
+            icon: 'table-delete-column',
+            onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+        });
+        addButtonIfRegistered('tablecutrow', {
+            tooltip: 'Cut row',
+            command: 'mceTableCutRow',
+            icon: 'cut-row',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tablecopyrow', {
+            tooltip: 'Copy row',
+            command: 'mceTableCopyRow',
+            icon: 'duplicate-row',
+            onSetup: selectionTargets.onSetupCellOrRow
+        });
+        addButtonIfRegistered('tablepasterowbefore', {
+            tooltip: 'Paste row before',
+            command: 'mceTablePasteRowBefore',
+            icon: 'paste-row-before',
+            onSetup: selectionTargets.onSetupPasteable(getRows)
+        });
+        addButtonIfRegistered('tablepasterowafter', {
+            tooltip: 'Paste row after',
+            command: 'mceTablePasteRowAfter',
+            icon: 'paste-row-after',
+            onSetup: selectionTargets.onSetupPasteable(getRows)
+        });
+        addButtonIfRegistered('tablecutcol', {
+            tooltip: 'Cut column',
+            command: 'mceTableCutCol',
+            icon: 'cut-column',
+            onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+        });
+        addButtonIfRegistered('tablecopycol', {
+            tooltip: 'Copy column',
+            command: 'mceTableCopyCol',
+            icon: 'duplicate-column',
+            onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+        });
+        addButtonIfRegistered('tablepastecolbefore', {
+            tooltip: 'Paste column before',
+            command: 'mceTablePasteColBefore',
+            icon: 'paste-column-before',
+            onSetup: selectionTargets.onSetupPasteableColumn(getColumns, "onFirst" /* LockedDisable.onFirst */)
+        });
+        addButtonIfRegistered('tablepastecolafter', {
+            tooltip: 'Paste column after',
+            command: 'mceTablePasteColAfter',
+            icon: 'paste-column-after',
+            onSetup: selectionTargets.onSetupPasteableColumn(getColumns, "onLast" /* LockedDisable.onLast */)
+        });
+        addButtonIfRegistered('tableinsertdialog', {
+            tooltip: 'Insert table',
+            command: 'mceInsertTableDialog',
+            icon: 'table',
+            onSetup: onSetupEditable$1(editor)
+        });
+        const tableClassList = filterNoneItem(getTableClassList(editor));
+        if (tableClassList.length !== 0 && editor.queryCommandSupported('mceTableToggleClass')) {
+            editor.ui.registry.addMenuButton('tableclass', {
+                icon: 'table-classes',
+                tooltip: 'Table styles',
+                fetch: generateMenuItemsCallback(editor, tableClassList, 'tableclass', (value) => editor.execCommand('mceTableToggleClass', false, value)),
+                onSetup: selectionTargets.onSetupTable
+            });
+        }
+        const tableCellClassList = filterNoneItem(getCellClassList(editor));
+        if (tableCellClassList.length !== 0 && editor.queryCommandSupported('mceTableCellToggleClass')) {
+            editor.ui.registry.addMenuButton('tablecellclass', {
+                icon: 'table-cell-classes',
+                tooltip: 'Cell styles',
+                fetch: generateMenuItemsCallback(editor, tableCellClassList, 'tablecellclass', (value) => editor.execCommand('mceTableCellToggleClass', false, value)),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+        }
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        if (editor.queryCommandSupported('mceTableApplyCellStyle')) {
+            editor.ui.registry.addMenuButton('tablecellvalign', {
+                icon: 'vertical-align',
+                tooltip: 'Vertical align',
+                fetch: generateMenuItemsCallback(editor, verticalAlignValues, 'tablecellverticalalign', applyTableCellStyle(editor, 'vertical-align')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addMenuButton('tablecellborderwidth', {
+                icon: 'border-width',
+                tooltip: 'Border width',
+                fetch: generateMenuItemsCallback(editor, getTableBorderWidths(editor), 'tablecellborderwidth', applyTableCellStyle(editor, 'border-width')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addMenuButton('tablecellborderstyle', {
+                icon: 'border-style',
+                tooltip: 'Border style',
+                fetch: generateMenuItemsCallback(editor, getTableBorderStyles(editor), 'tablecellborderstyle', applyTableCellStyle(editor, 'border-style')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addMenuButton('tablecellbackgroundcolor', {
+                icon: 'cell-background-color',
+                tooltip: 'Background color',
+                fetch: (callback) => callback(buildColorMenu(editor, getTableBackgroundColorMap(editor), 'background-color')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addMenuButton('tablecellbordercolor', {
+                icon: 'cell-border-color',
+                tooltip: 'Border color',
+                fetch: (callback) => callback(buildColorMenu(editor, getTableBorderColorMap(editor), 'border-color')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+        }
+        addToggleButtonIfRegistered('tablecaption', {
+            tooltip: 'Table caption',
+            icon: 'table-caption',
+            command: 'mceTableToggleCaption',
+            onSetup: selectionTargets.onSetupTableWithCaption
+        });
+        addToggleButtonIfRegistered('tablerowheader', {
+            tooltip: 'Row header',
+            icon: 'table-top-header',
+            command: 'mceTableRowType',
+            onAction: changeRowHeader(editor),
+            onSetup: selectionTargets.onSetupTableRowHeaders
+        });
+        addToggleButtonIfRegistered('tablecolheader', {
+            tooltip: 'Column header',
+            icon: 'table-left-header',
+            command: 'mceTableColType',
+            onAction: changeColumnHeader(editor),
+            onSetup: selectionTargets.onSetupTableColumnHeaders
+        });
+    };
+    const addToolbars = (editor) => {
+        const isEditableTable = (table) => editor.dom.is(table, 'table') && editor.getBody().contains(table) && editor.dom.isEditable(table.parentNode);
+        const toolbar = getToolbar(editor);
+        if (toolbar.length > 0) {
+            editor.ui.registry.addContextToolbar('table', {
+                predicate: isEditableTable,
+                items: toolbar,
+                scope: 'node',
+                position: 'node'
+            });
+        }
+    };
+
+    const onSetupEditable = (editor) => (api) => {
+        const nodeChanged = () => {
+            api.setEnabled(editor.selection.isEditable());
+        };
+        editor.on('NodeChange', nodeChanged);
+        nodeChanged();
+        return () => {
+            editor.off('NodeChange', nodeChanged);
+        };
+    };
+    const addMenuItems = (editor, selectionTargets) => {
+        const cmd = (command) => () => editor.execCommand(command);
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        const addMenuIfRegistered = (name, spec) => {
+            if (editor.queryCommandSupported(spec.command)) {
+                editor.ui.registry.addMenuItem(name, {
+                    ...spec,
+                    onAction: isFunction(spec.onAction) ? spec.onAction : cmd(spec.command)
+                });
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        const addToggleMenuIfRegistered = (name, spec) => {
+            if (editor.queryCommandSupported(spec.command)) {
+                editor.ui.registry.addToggleMenuItem(name, {
+                    ...spec,
+                    onAction: isFunction(spec.onAction) ? spec.onAction : cmd(spec.command)
+                });
+            }
+        };
+        const insertTableAction = (data) => {
+            editor.execCommand('mceInsertTable', false, {
+                rows: data.numRows,
+                columns: data.numColumns
+            });
+        };
+        const hasRowMenuItems = [
+            addMenuIfRegistered('tableinsertrowbefore', {
+                text: 'Insert row before',
+                icon: 'table-insert-row-above',
+                command: 'mceTableInsertRowBefore',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tableinsertrowafter', {
+                text: 'Insert row after',
+                icon: 'table-insert-row-after',
+                command: 'mceTableInsertRowAfter',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tabledeleterow', {
+                text: 'Delete row',
+                icon: 'table-delete-row',
+                command: 'mceTableDeleteRow',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablerowprops', {
+                text: 'Row properties',
+                icon: 'table-row-properties',
+                command: 'mceTableRowProps',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablecutrow', {
+                text: 'Cut row',
+                icon: 'cut-row',
+                command: 'mceTableCutRow',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablecopyrow', {
+                text: 'Copy row',
+                icon: 'duplicate-row',
+                command: 'mceTableCopyRow',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablepasterowbefore', {
+                text: 'Paste row before',
+                icon: 'paste-row-before',
+                command: 'mceTablePasteRowBefore',
+                onSetup: selectionTargets.onSetupPasteable(getRows)
+            }),
+            addMenuIfRegistered('tablepasterowafter', {
+                text: 'Paste row after',
+                icon: 'paste-row-after',
+                command: 'mceTablePasteRowAfter',
+                onSetup: selectionTargets.onSetupPasteable(getRows)
+            }),
+        ];
+        const hasColumnMenuItems = [
+            addMenuIfRegistered('tableinsertcolumnbefore', {
+                text: 'Insert column before',
+                icon: 'table-insert-column-before',
+                command: 'mceTableInsertColBefore',
+                onSetup: selectionTargets.onSetupColumn("onFirst" /* LockedDisable.onFirst */)
+            }),
+            addMenuIfRegistered('tableinsertcolumnafter', {
+                text: 'Insert column after',
+                icon: 'table-insert-column-after',
+                command: 'mceTableInsertColAfter',
+                onSetup: selectionTargets.onSetupColumn("onLast" /* LockedDisable.onLast */)
+            }),
+            addMenuIfRegistered('tabledeletecolumn', {
+                text: 'Delete column',
+                icon: 'table-delete-column',
+                command: 'mceTableDeleteCol',
+                onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+            }),
+            addMenuIfRegistered('tablecutcolumn', {
+                text: 'Cut column',
+                icon: 'cut-column',
+                command: 'mceTableCutCol',
+                onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+            }),
+            addMenuIfRegistered('tablecopycolumn', {
+                text: 'Copy column',
+                icon: 'duplicate-column',
+                command: 'mceTableCopyCol',
+                onSetup: selectionTargets.onSetupColumn("onAny" /* LockedDisable.onAny */)
+            }),
+            addMenuIfRegistered('tablepastecolumnbefore', {
+                text: 'Paste column before',
+                icon: 'paste-column-before',
+                command: 'mceTablePasteColBefore',
+                onSetup: selectionTargets.onSetupPasteableColumn(getColumns, "onFirst" /* LockedDisable.onFirst */)
+            }),
+            addMenuIfRegistered('tablepastecolumnafter', {
+                text: 'Paste column after',
+                icon: 'paste-column-after',
+                command: 'mceTablePasteColAfter',
+                onSetup: selectionTargets.onSetupPasteableColumn(getColumns, "onLast" /* LockedDisable.onLast */)
+            }),
+        ];
+        const hasCellMenuItems = [
+            addMenuIfRegistered('tablecellprops', {
+                text: 'Cell properties',
+                icon: 'table-cell-properties',
+                command: 'mceTableCellProps',
+                onSetup: selectionTargets.onSetupCellOrRow
+            }),
+            addMenuIfRegistered('tablemergecells', {
+                text: 'Merge cells',
+                icon: 'table-merge-cells',
+                command: 'mceTableMergeCells',
+                onSetup: selectionTargets.onSetupMergeable
+            }),
+            addMenuIfRegistered('tablesplitcells', {
+                text: 'Split cell',
+                icon: 'table-split-cells',
+                command: 'mceTableSplitCells',
+                onSetup: selectionTargets.onSetupUnmergeable
+            }),
+        ];
+        if (!hasTableGrid(editor)) {
+            editor.ui.registry.addMenuItem('inserttable', {
+                text: 'Table',
+                icon: 'table',
+                onAction: cmd('mceInsertTableDialog'),
+                onSetup: onSetupEditable(editor)
+            });
+        }
+        else {
+            editor.ui.registry.addNestedMenuItem('inserttable', {
+                text: 'Table',
+                icon: 'table',
+                getSubmenuItems: () => [{ type: 'fancymenuitem', fancytype: 'inserttable', onAction: insertTableAction }],
+                onSetup: onSetupEditable(editor)
+            });
+        }
+        // TINY-3636: We want a way to use the dialog even when tablegrid true.
+        // If tablegrid false then inserttable and inserttabledialog are the same,
+        // but that's preferrable to breaking things at this point.
+        editor.ui.registry.addMenuItem('inserttabledialog', {
+            text: 'Insert table',
+            icon: 'table',
+            onAction: cmd('mceInsertTableDialog'),
+            onSetup: onSetupEditable(editor)
+        });
+        addMenuIfRegistered('tableprops', {
+            text: 'Table properties',
+            onSetup: selectionTargets.onSetupTable,
+            command: 'mceTableProps'
+        });
+        addMenuIfRegistered('deletetable', {
+            text: 'Delete table',
+            icon: 'table-delete-table',
+            onSetup: selectionTargets.onSetupTable,
+            command: 'mceTableDelete'
+        });
+        // if any of the row menu items returned true
+        if (contains(hasRowMenuItems, true)) {
+            editor.ui.registry.addNestedMenuItem('row', {
+                type: 'nestedmenuitem',
+                text: 'Row',
+                getSubmenuItems: constant('tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops | tablecutrow tablecopyrow tablepasterowbefore tablepasterowafter')
+            });
+        }
+        if (contains(hasColumnMenuItems, true)) {
+            editor.ui.registry.addNestedMenuItem('column', {
+                type: 'nestedmenuitem',
+                text: 'Column',
+                getSubmenuItems: constant('tableinsertcolumnbefore tableinsertcolumnafter tabledeletecolumn | tablecutcolumn tablecopycolumn tablepastecolumnbefore tablepastecolumnafter')
+            });
+        }
+        if (contains(hasCellMenuItems, true)) {
+            editor.ui.registry.addNestedMenuItem('cell', {
+                type: 'nestedmenuitem',
+                text: 'Cell',
+                getSubmenuItems: constant('tablecellprops tablemergecells tablesplitcells')
+            });
+        }
+        editor.ui.registry.addContextMenu('table', {
+            update: () => {
+                // context menu fires before node change, so check the selection here first
+                selectionTargets.resetTargets();
+                // ignoring element since it's monitored elsewhere
+                return selectionTargets.targets().fold(constant(''), (targets) => {
+                    // If clicking in a caption, then we shouldn't show the cell/row/column options
+                    if (name(targets.element) === 'caption') {
+                        return 'tableprops deletetable';
+                    }
+                    else {
+                        return 'cell row column | advtablesort | tableprops deletetable';
+                    }
+                });
+            }
+        });
+        const tableClassList = filterNoneItem(getTableClassList(editor));
+        if (tableClassList.length !== 0 && editor.queryCommandSupported('mceTableToggleClass')) {
+            editor.ui.registry.addNestedMenuItem('tableclass', {
+                icon: 'table-classes',
+                text: 'Table styles',
+                getSubmenuItems: () => buildMenuItems(editor, tableClassList, 'tableclass', (value) => editor.execCommand('mceTableToggleClass', false, value)),
+                onSetup: selectionTargets.onSetupTable
+            });
+        }
+        const tableCellClassList = filterNoneItem(getCellClassList(editor));
+        if (tableCellClassList.length !== 0 && editor.queryCommandSupported('mceTableCellToggleClass')) {
+            editor.ui.registry.addNestedMenuItem('tablecellclass', {
+                icon: 'table-cell-classes',
+                text: 'Cell styles',
+                getSubmenuItems: () => buildMenuItems(editor, tableCellClassList, 'tablecellclass', (value) => editor.execCommand('mceTableCellToggleClass', false, value)),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+        }
+        // TODO: TINY-8172 Unwind this when an alternative solution is found
+        if (editor.queryCommandSupported('mceTableApplyCellStyle')) {
+            editor.ui.registry.addNestedMenuItem('tablecellvalign', {
+                icon: 'vertical-align',
+                text: 'Vertical align',
+                getSubmenuItems: () => buildMenuItems(editor, verticalAlignValues, 'tablecellverticalalign', applyTableCellStyle(editor, 'vertical-align')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addNestedMenuItem('tablecellborderwidth', {
+                icon: 'border-width',
+                text: 'Border width',
+                getSubmenuItems: () => buildMenuItems(editor, getTableBorderWidths(editor), 'tablecellborderwidth', applyTableCellStyle(editor, 'border-width')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addNestedMenuItem('tablecellborderstyle', {
+                icon: 'border-style',
+                text: 'Border style',
+                getSubmenuItems: () => buildMenuItems(editor, getTableBorderStyles(editor), 'tablecellborderstyle', applyTableCellStyle(editor, 'border-style')),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addNestedMenuItem('tablecellbackgroundcolor', {
+                icon: 'cell-background-color',
+                text: 'Background color',
+                getSubmenuItems: () => buildColorMenu(editor, getTableBackgroundColorMap(editor), 'background-color'),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+            editor.ui.registry.addNestedMenuItem('tablecellbordercolor', {
+                icon: 'cell-border-color',
+                text: 'Border color',
+                getSubmenuItems: () => buildColorMenu(editor, getTableBorderColorMap(editor), 'border-color'),
+                onSetup: selectionTargets.onSetupCellOrRow
+            });
+        }
+        addToggleMenuIfRegistered('tablecaption', {
+            icon: 'table-caption',
+            text: 'Table caption',
+            command: 'mceTableToggleCaption',
+            onSetup: selectionTargets.onSetupTableWithCaption
+        });
+        addToggleMenuIfRegistered('tablerowheader', {
+            text: 'Row header',
+            icon: 'table-top-header',
+            command: 'mceTableRowType',
+            onAction: changeRowHeader(editor),
+            onSetup: selectionTargets.onSetupTableRowHeaders
+        });
+        addToggleMenuIfRegistered('tablecolheader', {
+            text: 'Column header',
+            icon: 'table-left-header',
+            command: 'mceTableColType',
+            onAction: changeColumnHeader(editor),
+            onSetup: selectionTargets.onSetupTableRowHeaders
+        });
+    };
+
+    const Plugin = (editor) => {
+        const selectionTargets = getSelectionTargets(editor);
+        register(editor);
+        registerCommands(editor);
+        addMenuItems(editor, selectionTargets);
+        addButtons(editor, selectionTargets);
+        addToolbars(editor);
+    };
+    var Plugin$1 = () => {
+        global$3.add('table', Plugin);
+    };
+
+    Plugin$1();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/plugin.min.js
new file mode 100644
index 000000000..d548b38d8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/table/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager");const t=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&(o=l=e,(n=String).prototype.isPrototypeOf(o)||(null===(r=l.constructor)||void 0===r?void 0:r.name)===n.name)?"string":t;var o,l,n,r})(t)===e,o=e=>t=>typeof t===e,l=t("string"),n=t("array"),r=o("boolean"),a=e=>undefined===e;const s=e=>!(e=>null==e)(e),c=o("function"),i=o("number"),m=()=>{},d=e=>()=>e,u=e=>e,p=(e,t)=>e===t;function b(e,...t){return(...o)=>{const l=t.concat(o);return e.apply(null,l)}}const g=e=>{e()},h=d(!1),f=d(!0);class y{constructor(e,t){this.tag=e,this.value=t}static some(e){return new y(!0,e)}static none(){return y.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?y?.some(e(this.value)):y.none()}bind(e){return this.tag?e(this.value):y.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:y.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return s(e)?y?.some(e):y.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}y.singletonNone=new y(!1),Array.prototype.slice;const w=Array.prototype.indexOf,S=Array.prototype.push,C=(e,t)=>((e,t)=>w.call(e,t))(e,t)>-1,v=(e,t)=>{for(let o=0,l=e.length;o<l;o++)if(t(e[o],o))return!0;return!1},T=(e,t)=>{const o=[];for(let l=0;l<e;l++)o.push(t(l));return o},x=(e,t)=>{const o=e.length,l=new Array(o);for(let n=0;n<o;n++){const o=e[n];l[n]=t(o,n)}return l},A=(e,t)=>{for(let o=0,l=e.length;o<l;o++)t(e[o],o)},R=(e,t)=>{const o=[];for(let l=0,n=e.length;l<n;l++){const n=e[l];t(n,l)&&o.push(n)}return o},O=(e,t,o)=>(A(e,((e,l)=>{o=t(o,e,l)})),o),_=(e,t)=>((e,t,o)=>{for(let l=0,n=e.length;l<n;l++){const n=e[l];if(t(n,l))return y?.some(n);if(o(n,l))break}return y.none()})(e,t,h),D=(e,t)=>(e=>{const t=[];for(let o=0,l=e.length;o<l;++o){if(!n(e[o]))throw new Error("Arr.flatten item "+o+" was not an array, input: "+e);S.apply(t,e[o])}return t})(x(e,t)),I=(e,t)=>{for(let o=0,l=e.length;o<l;++o)if(!0!==t(e[o],o))return!1;return!0},N=(e,t)=>t>=0&&t<e.length?y?.some(e[t]):y.none();c(Array.from)&&Array.from;const M=(e,t)=>{for(let o=0;o<e.length;o++){const l=t(e[o],o);if(l.isSome())return l}return y.none()},P=Object.keys,k=Object.hasOwnProperty,B=(e,t)=>{const o=P(e);for(let l=0,n=o.length;l<n;l++){const n=o[l];t(e[n],n)}},E=(e,t)=>{const o={};var l;return((e,t,o,l)=>{B(e,((e,n)=>{(t(e,n)?o:l)(e,n)}))})(e,t,(l=o,(e,t)=>{l[t]=e}),m),o},F=e=>P(e).length,q=(e,t)=>L(e,t)?y.from(e[t]):y.none(),L=(e,t)=>k.call(e,t),H=(e,t)=>L(e,t)&&void 0!==e[t]&&null!==e[t],V=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},$=(e,t,o=p)=>e.exists((e=>o(e,t))),j=(e,t,o)=>e.isSome()&&t.isSome()?y?.some(o(e.getOrDie(),t.getOrDie())):y.none(),z=(e,t)=>((e,t)=>""===t||e.length>=t.length&&e.substr(0,0+t.length)===t)(e,t),W=(U=/^\s+|\s+$/g,e=>e.replace(U,""));var U;const G=e=>e.length>0,K=(e,t=10)=>{const o=parseInt(e,t);return isNaN(o)?y.none():y?.some(o)},J=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},Q={fromHtml:(e,t)=>{const o=(t||document).createElement("div");if(o.innerHTML=e,!o.hasChildNodes()||o.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return J(o.childNodes[0])},fromTag:(e,t)=>{const o=(t||document).createElement(e);return J(o)},fromText:(e,t)=>{const o=(t||document).createTextNode(e);return J(o)},fromDom:J,fromPoint:(e,t,o)=>y.from(e.dom.elementFromPoint(t,o))?.map(J)},X=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},Y=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,Z=(e,t)=>e.dom===t.dom,ee=X,te=e=>e.dom.nodeName.toLowerCase(),oe=e=>e.dom.nodeType,le=e=>t=>oe(t)===e,ne=le(1),re=le(3),ae=le(9),se=le(11),ce=e=>t=>ne(t)&&te(t)===e,ie=e=>y.from(e.dom.parentNode)?.map(Q.fromDom),me=e=>y.from(e.dom.nextSibling)?.map(Q.fromDom),de=e=>x(e.dom.childNodes,Q.fromDom),ue=e=>Q.fromDom(e.dom.host),pe=(e,t)=>{ie(e).each((o=>{o.dom.insertBefore(t.dom,e.dom)}))},be=(e,t)=>{me(e).fold((()=>{ie(e).each((e=>{ge(e,t)}))}),(e=>{pe(e,t)}))},ge=(e,t)=>{e.dom.appendChild(t.dom)},he=(e,t)=>{A(t,((o,l)=>{const n=0===l?e:t[l-1];be(n,o)}))},fe=(e,t,o)=>{if(!(l(o)||r(o)||i(o)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",o,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,o+"")},ye=(e,t)=>{const o=e.dom.getAttribute(t);return null===o?void 0:o},we=(e,t)=>y.from(ye(e,t)),Se=(e,t)=>{e.dom.removeAttribute(t)},Ce=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},ve=e=>x(e,Q.fromDom),Te=e=>void 0!==e.style&&c(e.style.getPropertyValue),xe=e=>{const t=re(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const o=t.ownerDocument;return(e=>{const t=(e=>Q.fromDom(e.dom.getRootNode()))(e);return se(o=t)&&s(o.dom.host)?y?.some(t):y.none();var o})(Q.fromDom(t)).fold((()=>o.body.contains(t)),(l=xe,n=ue,e=>l(n(e))));var l,n},Ae=(e,t)=>{const o=e.dom,l=window.getComputedStyle(o).getPropertyValue(t);return""!==l||xe(e)?l:Re(o,t)},Re=(e,t)=>Te(e)?e.style.getPropertyValue(t):"",Oe=(e,t)=>{const o=e.dom,l=Re(o,t);return y.from(l).filter((e=>e.length>0))},_e=(e,t)=>{const o=o=>{const l=t(o);if(l<=0||null===l){const t=Ae(o,e);return parseFloat(t)||0}return l},l=(e,t)=>O(t,((t,o)=>{const l=Ae(e,o),n=void 0===l?0:parseInt(l,10);return isNaN(n)?t:t+n}),0);return{set:(t,o)=>{if(!i(o)&&!o.match(/^[0-9]+$/))throw new Error(e+".set accepts only positive integer values. Value was "+o);const l=t.dom;Te(l)&&(l.style[e]=o+"px")},get:o,getOuter:o,aggregate:l,max:(e,t,o)=>{const n=l(e,o);return t>n?t-n:0}}},De=(e,t,o)=>((e,t)=>(e=>{const t=parseFloat(e);return isNaN(t)?y.none():y?.some(t)})(e).getOr(t))(Ae(e,t),o);_e("width",(e=>e.dom.offsetWidth)),_e("width",(e=>{const t=e.dom;return xe(e)?t.getBoundingClientRect().width:t.offsetWidth}));const Ie=e=>((e,t)=>{const o=e.dom,l=o.getBoundingClientRect().width||o.offsetWidth;return"border-box"===t?l:((e,t,o,l)=>t-De(e,`padding-${o}`,0)-De(e,`padding-${l}`,0)-De(e,`border-${o}-width`,0)-De(e,`border-${l}-width`,0))(e,l,"left","right")})(e,"content-box"),Ne=(e=>{const t=t=>e(t)?y.from(t.dom.nodeValue):y.none();return{get:o=>{if(!e(o))throw new Error("Can only get text value of a text node");return t(o).getOr("")},getOption:t,set:(t,o)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=o}}})(re);var Me=(e,t,o,l,n)=>e(o,l)?y?.some(o):c(n)&&n(o)?y.none():t(o,l,n);const Pe=(e,t,o)=>{let l=e.dom;const n=c(o)?o:h;for(;l.parentNode;){l=l.parentNode;const e=Q.fromDom(l);if(t(e))return y?.some(e);if(n(e))break}return y.none()},ke=(e,t,o)=>Pe(e,(e=>X(e,t)),o),Be=(e,t)=>(e=>_(e.dom.childNodes,(e=>{return o=Q.fromDom(e),X(o,t);var o}))?.map(Q.fromDom))(e),Ee=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return Y(o)?y.none():y.from(o.querySelector(e))?.map(Q.fromDom)})(t,e),Fe=(e,t,o)=>Me(((e,t)=>X(e,t)),ke,e,t,o),qe=(e,t=!1)=>{return xe(e)?e.dom.isContentEditable:(o=e,Fe(o,"[contenteditable]")).fold(d(t),(e=>"true"===Le(e)));var o},Le=e=>e.dom.contentEditable,He=(e,t)=>{let o=[];return A(de(e),(e=>{t(e)&&(o=o.concat([e])),o=o.concat(He(e,t))})),o},Ve=(e,t)=>(e=>R(de(e),(e=>X(e,t))))(e),$e=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return Y(o)?[]:x(o.querySelectorAll(e),Q.fromDom)})(t,e),je=e=>t=>Z(t,(e=>Q.fromDom(e.getBody()))(e)),ze=e=>/^\d+(\.\d+)?$/.test(e)?e+"px":e,We=e=>Q.fromDom(e.selection.getStart()),Ue=["tfoot","thead","tbody","colgroup"],Ge=(e,t,o)=>({element:e,rowspan:t,colspan:o}),Ke=(e,t,o)=>({element:e,cells:t,section:o}),Je=(e,t,o=0)=>we(e,t)?.map((e=>parseInt(e,10))).getOr(o),Qe=(e,t)=>Xe(e,t,f),Xe=(e,t,o)=>D(de(e),(e=>X(e,t)?o(e)?[e]:[]:Xe(e,t,o))),Ye=(e,t)=>Fe(e,"table",t),Ze=e=>Qe(e,"tr"),et=e=>Ye(e).fold(d([]),(e=>Ve(e,"colgroup"))),tt=ce("th"),ot=(e,t)=>e&&t?"sectionCells":e?"section":"cells",lt=e=>{const t=x(e,(e=>(e=>{const t="thead"===e.section,o=$((e=>{const t=R(e,(e=>tt(e.element)));return 0===t.length?y?.some("td"):t.length===e.length?y?.some("th"):y.none()})(e.cells),"th");return"tfoot"===e.section?{type:"footer"}:t||o?{type:"header",subType:ot(t,o)}:{type:"body"}})(e).type)),o=C(t,"header"),l=C(t,"footer");if(o||l){const e=C(t,"body");return!o||e||l?o||e||!l?y.none():y?.some("footer"):y?.some("header")}return y?.some("body")},nt=e=>ie(e)?.map((e=>{const t=te(e);return(e=>C(Ue,e))(t)?t:"tbody"})).getOr("tbody"),rt=e=>we(e,"data-snooker-locked-cols").bind((e=>y.from(e.match(/\d+/g))))?.map((e=>((e,t)=>{const o={};for(let l=0,n=e.length;l<n;l++){const n=e[l];o[String(n)]=t(n,l)}return o})(e,f))),at=(e,t)=>e+","+t,st=e=>{const t={},o=[];var l;const n=(l=e,N(l,0))?.map((e=>e.element)).bind(Ye).bind(rt).getOr({});let r=0,a=0,s=0;const{pass:c,fail:i}=(e=>{const t=[],o=[];for(let n=0,r=e.length;n<r;n++){const r=e[n];(l=r,"colgroup"===l.section?t:o).push(r)}var l;return{pass:t,fail:o}})(e);A(i,(e=>{const l=[];A(e.cells,(e=>{let o=0;for(;void 0!==t[at(s,o)];)o++;const r=H(n,o.toString()),c=((e,t,o,l,n,r)=>({element:e,rowspan:t,colspan:o,row:l,column:n,isLocked:r}))(e.element,e.rowspan,e.colspan,s,o,r);for(let l=0;l<e.colspan;l++)for(let n=0;n<e.rowspan;n++){const e=o+l,r=at(s+n,e);t[r]=c,a=Math.max(a,e+1)}l.push(c)})),r++,o.push(Ke(e.element,l,e.section)),s++}));const{columns:m,colgroups:d}=(e=>N(e,e.length-1))(c)?.map((e=>{const t=(e=>{const t={};let o=0;return A(e.cells,(e=>{const l=e.colspan;T(l,(n=>{const r=o+n;t[r]=((e,t,o)=>({element:e,colspan:t,column:o}))(e.element,l,r)})),o+=l})),t})(e),o=((e,t)=>({element:e,columns:t}))(e.element,((e,t)=>{const o=[];return B(e,((e,l)=>{o.push(t(e,l))})),o})(t,u));return{colgroups:[o],columns:t}})).getOrThunk((()=>({colgroups:[],columns:{}}))),p=((e,t)=>({rows:e,columns:t}))(r,a);return{grid:p,access:t,all:o,columns:m,colgroups:d}},ct=e=>{const t=(e=>{const t=Ze(e);return((e,t)=>x(e,(e=>{if("colgroup"===te(e)){const t=x((e=>X(e,"colgroup")?Ve(e,"col"):D(et(e),(e=>Ve(e,"col"))))(e),(e=>{const t=Je(e,"span",1);return Ge(e,1,t)}));return Ke(e,t,"colgroup")}{const o=x((e=>Qe(e,"th,td"))(e),(e=>{const t=Je(e,"rowspan",1),o=Je(e,"colspan",1);return Ge(e,t,o)}));return Ke(e,o,t(e))}})))([...et(e),...t],nt)})(e);return st(t)},it=(e,t,o)=>y.from(e.access[at(t,o)]),mt=(e,t,o)=>{const l=((e,t)=>{const o=D(e.all,(e=>e.cells));return R(o,t)})(e,(e=>o(t,e.element)));return l.length>0?y?.some(l[0]):y.none()},dt=(e,t)=>y.from(e.columns[t]),ut=(e,t)=>M(e.all,(e=>_(e.cells,(e=>Z(t,e.element))))),pt=(e,t,o)=>{const l=(e=>{const t=[],o=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(o);return t})(x(t.selection,(t=>{return(l=t,((e,t,o=h)=>o(t)?y.none():C(e,te(t))?y?.some(t):ke(t,e.join(","),(e=>X(e,"table")||o(e))))(["td","th"],l,n)).bind((t=>ut(e,t))).filter(o);var l,n})));return n=l,l.length>0?y?.some(n):y.none();var n},bt=(e,t)=>pt(e,t,f),gt=(e,t)=>I(t,(t=>((e,t)=>ut(e,t).exists((e=>!e.isLocked)))(e,t))),ht=(e,t)=>((e,t)=>t.mergable)(0,t).filter((t=>gt(e,t.cells))),ft=(e,t)=>((e,t)=>t.unmergable)(0,t).filter((t=>gt(e,t))),yt=ce("col"),wt=ce("colgroup"),St=e=>t=>{const o=[],l=l=>{const n="td"===e?{scope:null}:{},r=t.replace(l,e,n);return o.push({item:l,sub:r}),r};return{replaceOrInit:(e,t)=>{if((e=>"tr"===te(e)||wt(e))(e)||yt(e))return e;{const n=e;return((e,t)=>_(o,(o=>t(o.item,e))))(n,t).fold((()=>l(n)),(o=>t(e,o.item)?o.sub:l(n)))}}}};var Ct=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","li","table","thead","tbody","tfoot","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"];const vt=(e,t,o,l)=>{const n=t(e,o);return r=(o,l)=>{const n=t(e,l);return Tt(e,o,n)},a=n,((e,t)=>{for(let o=e.length-1;o>=0;o--)t(e[o],o)})(l,((e,t)=>{a=r(a,e)})),a;var r,a},Tt=(e,t,o)=>t.bind((t=>o.filter(b(e.eq,t)))),xt={up:d({selector:ke,closest:Fe,predicate:Pe,all:(e,t)=>{const o=c(t)?t:h;let l=e.dom;const n=[];for(;null!==l.parentNode&&void 0!==l.parentNode;){const e=l.parentNode,t=Q.fromDom(e);if(n.push(t),!0===o(t))break;l=e}return n}}),down:d({selector:$e,predicate:He}),styles:d({get:Ae,getRaw:Oe,set:(e,t,o)=>{((e,t,o)=>{if(!l(o))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",o,":: Element ",e),new Error("CSS value must be a string: "+o);Te(e)&&e.style.setProperty(t,o)})(e.dom,t,o)},remove:(e,t)=>{((e,t)=>{Te(e)&&e.style.removeProperty(t)})(e.dom,t),$(we(e,"style")?.map(W),"")&&Se(e,"style")}}),attrs:d({get:ye,set:(e,t,o)=>{fe(e.dom,t,o)},remove:Se,copyTo:(e,t)=>{((e,t)=>{const o=e.dom;B(t,((e,t)=>{fe(o,t,e)}))})(t,O(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}))}}),insert:d({before:pe,after:be,afterAll:he,append:ge,appendAll:(e,t)=>{A(t,(t=>{ge(e,t)}))},prepend:(e,t)=>{(e=>(e=>{const t=e.dom.childNodes;return y.from(t[0])?.map(Q.fromDom)})(e))(e).fold((()=>{ge(e,t)}),(o=>{e.dom.insertBefore(t.dom,o.dom)}))},wrap:(e,t)=>{pe(e,t),ge(t,e)}}),remove:d({unwrap:e=>{const t=de(e);t.length>0&&he(e,t),Ce(e)},remove:Ce}),create:d({nu:Q.fromTag,clone:e=>Q.fromDom(e.dom.cloneNode(!1)),text:Q.fromText}),query:d({comparePosition:(e,t)=>e.dom.compareDocumentPosition(t.dom),prevSibling:e=>y.from(e.dom.previousSibling)?.map(Q.fromDom),nextSibling:me}),property:d({children:de,name:te,parent:ie,document:e=>{return(t=e,ae(t)?t:Q.fromDom(t.dom.ownerDocument)).dom;var t},isText:re,isComment:e=>8===oe(e)||"#comment"===te(e),isElement:ne,isSpecial:e=>{const t=te(e);return C(["script","noscript","iframe","noframes","noembed","title","style","textarea","xmp"],t)},getLanguage:e=>ne(e)?we(e,"lang"):y.none(),getText:e=>Ne.get(e),setText:(e,t)=>Ne.set(e,t),isBoundary:e=>!!ne(e)&&("body"===te(e)||C(Ct,te(e))),isEmptyTag:e=>!!ne(e)&&C(["br","img","hr","input"],te(e)),isNonEditable:e=>ne(e)&&"false"===ye(e,"contenteditable")}),eq:Z,is:ee};St("th"),St("td");const At=(e,t)=>t.column>=e.startCol&&t.column+t.colspan-1<=e.finishCol&&t.row>=e.startRow&&t.row+t.rowspan-1<=e.finishRow,Rt=(e,t,o)=>((e,t,o)=>{const l=mt(e,t,Z),n=mt(e,o,Z);return l.bind((e=>n?.map((t=>{return o=e,l=t,{startRow:Math.min(o.row,l.row),startCol:Math.min(o.column,l.column),finishRow:Math.max(o.row+o.rowspan-1,l.row+l.rowspan-1),finishCol:Math.max(o.column+o.colspan-1,l.column+l.colspan-1)};var o,l}))))})(e,t,o).bind((t=>((e,t)=>{let o=!0;const l=b(At,t);for(let n=t.startRow;n<=t.finishRow;n++)for(let r=t.startCol;r<=t.finishCol;r++)o=o&&it(e,n,r).exists(l);return o?y?.some(t):y.none()})(e,t))),Ot=ct;var _t=tinymce.util.Tools.resolve("tinymce.util.Tools");const Dt=(e,t,o)=>{const l=e.select("td,th",t);let n;for(let t=0;t<l.length;t++){const r=e.getStyle(l[t],o);if(a(n)&&(n=r),n!==r)return""}return n},It=(e,t,o)=>{_t.each("left center right".split(" "),(l=>{l!==o&&e.formatter.remove("align"+l,{},t)})),o&&e.formatter.apply("align"+o,{},t)},Nt=(e,t,o)=>{e.dispatch("TableModified",{...o,table:t})};var Mt=tinymce.util.Tools.resolve("tinymce.Env");const Pt=T(5,(e=>{const t=`${e+1}px`;return{title:t,value:t}})),kt=x(["Solid","Dotted","Dashed","Double","Groove","Ridge","Inset","Outset","None","Hidden"],(e=>({title:e,value:e.toLowerCase()}))),Bt="100%",Et=e=>{var t;const o=e.dom,l=null!==(t=o.getParent(e.selection.getStart(),o.isBlock))&&void 0!==t?t:e.getBody();return Ie(Q.fromDom(l))+"px"},Ft=e=>t=>t.options.get(e),qt=Ft("table_sizing_mode"),Lt=Ft("table_border_widths"),Ht=Ft("table_border_styles"),Vt=Ft("table_cell_advtab"),$t=Ft("table_row_advtab"),jt=Ft("table_advtab"),zt=Ft("table_appearance_options"),Wt=Ft("table_grid"),Ut=Ft("table_style_by_css"),Gt=Ft("table_cell_class_list"),Kt=Ft("table_row_class_list"),Jt=Ft("table_class_list"),Qt=Ft("table_toolbar"),Xt=Ft("table_background_color_map"),Yt=Ft("table_border_color_map"),Zt=e=>"fixed"===qt(e),eo=e=>"responsive"===qt(e),to=e=>{const t=e.options,o=t.get("table_default_styles");return t.isSet("table_default_styles")?o:((e,t)=>eo(e)||!Ut(e)?t:Zt(e)?{...t,width:Et(e)}:{...t,width:Bt})(e,o)},oo=e=>{const t=e.options,o=t.get("table_default_attributes");return t.isSet("table_default_attributes")?o:((e,t)=>eo(e)||Ut(e)?t:Zt(e)?{...t,width:Et(e)}:{...t,width:Bt})(e,o)},lo=e=>ke(e,"table"),no=(e,t,o)=>Ee(e,t).bind((t=>Ee(e,o).bind((e=>{return(o=lo,l=[t,e],((e,t,o)=>o.length>0?((e,t,o,l)=>l(e,t,o[0],o.slice(1)))(e,t,o,vt):y.none())(xt,((e,t)=>o(t)),l))?.map((o=>({first:t,last:e,table:o})));var o,l})))),ro=u,ao=e=>{const t=(e,t)=>we(e,t).exists((e=>parseInt(e,10)>1));return e.length>0&&I(e,(e=>t(e,"rowspan")||t(e,"colspan")))?y?.some(e):y.none()},so=(e,t,o)=>{return t.length<=1?y.none():(l=e,n=o.firstSelectedSelector,r=o.lastSelectedSelector,no(l,n,r).bind((e=>{const t=e=>Z(l,e),o="thead,tfoot,tbody,table",n=ke(e.first,o,t),r=ke(e.last,o,t);return n.bind((t=>r.bind((o=>Z(t,o)?((e,t,o)=>{const l=Ot(e);return Rt(l,t,o)})(e.table,e.first,e.last):y.none()))))})))?.map((e=>({bounds:e,cells:t})));var l,n,r},co="data-mce-selected",io="data-mce-first-selected",mo="data-mce-last-selected",uo={selected:co,selectedSelector:"td["+co+"],th["+co+"]",firstSelected:io,firstSelectedSelector:"td["+io+"],th["+io+"]",lastSelected:mo,lastSelectedSelector:"td["+mo+"],th["+mo+"]"},po=e=>(t,o)=>{const l=te(t),n="col"===l||"colgroup"===l?Ye(r=t).bind((e=>((e,t)=>((e,t)=>{const o=$e(e,t);return o.length>0?y?.some(o):y.none()})(e,t))(e,uo.firstSelectedSelector))).fold(d(r),(e=>e[0])):t;var r;return Fe(n,e,o)},bo=po("th,td,caption"),go=po("th,td"),ho=e=>ve(e.model.table.getSelectedCells()),fo=(e,t)=>{const o=go(e),l=o.bind((e=>Ye(e)))?.map((e=>Ze(e)));return j(o,l,((e,o)=>R(o,(o=>v(ve(o.dom.cells),(o=>"1"===ye(o,t)||Z(o,e))))))).getOr([])},yo=[{text:"None",value:""},{text:"Top",value:"top"},{text:"Middle",value:"middle"},{text:"Bottom",value:"bottom"}],wo=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,So=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,Co=e=>{return(t=e,z(t,"#")?(e=>e.substring(1))(t):t).toUpperCase();var t},vo=e=>{const t=e.toString(16);return(1===t.length?"0"+t:t).toUpperCase()},To=e=>{return t=vo(e.red)+vo(e.green)+vo(e.blue),{value:Co(t)};var t},xo=/^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i,Ao=/^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i,Ro=(e,t,o,l)=>({red:e,green:t,blue:o,alpha:l}),Oo=(e,t,o,l)=>{const n=parseInt(e,10),r=parseInt(t,10),a=parseInt(o,10),s=parseFloat(l);return Ro(n,r,a,s)},_o=e=>{const t=xo.exec(e);if(null!==t)return y?.some(Oo(t[1],t[2],t[3],"1"));const o=Ao.exec(e);return null!==o?y?.some(Oo(o[1],o[2],o[3],o[4])):y.none()},Do=(e,t,o)=>l=>{const n=(e=>{const t=V(y.none()),o=()=>t.get().each(e);return{clear:()=>{o(),t.set(y.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{o(),t.set(y?.some(e))}}})((e=>e.unbind())),r=!G(o),a=()=>{const a=ho(e),s=l=>e.formatter.match(t,{value:o},l.dom,r);r?(l.setActive(!v(a,s)),n.set(e.formatter.formatChanged(t,(e=>l.setActive(!e)),!0))):(l.setActive(I(a,s)),n.set(e.formatter.formatChanged(t,l.setActive,!1,{value:o})))};return e.initialized?a():e.on("init",a),n.clear},Io=e=>H(e,"menu"),No=e=>x(e,(e=>{const t=e.text||e.title||"";return Io(e)?{text:t,items:No(e.menu)}:{text:t,value:e.value}})),Mo=e=>e.length?y?.some(No([{text:"Select...",value:"mce-no-match"},...e])):y.none(),Po=(e,t,o,l)=>x(t,(t=>{const n=t.text||t.title;return Io(t)?{type:"nestedmenuitem",text:n,getSubmenuItems:()=>Po(e,t.menu,o,l)}:{text:n,type:"togglemenuitem",onAction:()=>l(t.value),onSetup:Do(e,o,t.value)}})),ko=(e,t)=>o=>{e.execCommand("mceTableApplyCellStyle",!1,{[t]:o})},Bo=e=>D(e,(e=>Io(e)?[{...e,menu:Bo(e.menu)}]:G(e.value)?[e]:[])),Eo=(e,t,o,l)=>n=>n(Po(e,t,o,l)),Fo=(e,t,o)=>{const l=x(t,(e=>{return{text:e.title,value:"#"+(o=e.value,(t=o,(e=>wo.test(e)||So.test(e))(t)?y?.some({value:Co(t)}):y.none()).orThunk((()=>_o(o)?.map(To))).getOrThunk((()=>{const e=document.createElement("canvas");e.height=1,e.width=1;const t=e.getContext("2d");t.clearRect(0,0,e.width,e.height),t.fillStyle="#FFFFFF",t.fillStyle=o,t.fillRect(0,0,1,1);const l=t.getImageData(0,0,1,1).data,n=l[0],r=l[1],a=l[2],s=l[3];return To(Ro(n,r,a,s))}))).value,type:"choiceitem"};var t,o}));return[{type:"fancymenuitem",fancytype:"colorswatch",initData:{colors:l.length>0?l:void 0,allowCustomColors:!1},onAction:t=>{const l="remove"===t.value?"":t.value;e.execCommand("mceTableApplyCellStyle",!1,{[o]:l})}}]},qo=e=>()=>{const t="header"===e.queryCommandValue("mceTableRowType")?"body":"header";e.execCommand("mceTableRowType",!1,{type:t})},Lo=e=>()=>{const t="th"===e.queryCommandValue("mceTableColType")?"td":"th";e.execCommand("mceTableColType",!1,{type:t})},Ho=[{name:"width",type:"input",label:"Width"},{name:"celltype",type:"listbox",label:"Cell type",items:[{text:"Cell",value:"td"},{text:"Header cell",value:"th"}]},{name:"scope",type:"listbox",label:"Scope",items:[{text:"None",value:""},{text:"Row",value:"row"},{text:"Column",value:"col"},{text:"Row group",value:"rowgroup"},{text:"Column group",value:"colgroup"}]},{name:"halign",type:"listbox",label:"Horizontal align",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]},{name:"valign",type:"listbox",label:"Vertical align",items:yo}],Vo=e=>Ho.concat((e=>Mo(Gt(e))?.map((e=>({name:"class",type:"listbox",label:"Class",items:e}))))(e).toArray()),$o=(e,t)=>{const o=[{name:"borderstyle",type:"listbox",label:"Border style",items:[{text:"Select...",value:""}].concat(No(Ht(e)))},{name:"bordercolor",type:"colorinput",label:"Border color"},{name:"backgroundcolor",type:"colorinput",label:"Background color"}];return{title:"Advanced",name:"advanced",items:"cell"===t?[{name:"borderwidth",type:"input",label:"Border width"}].concat(o):o}},jo=(e,t)=>{const o=e.dom;return{setAttrib:(e,l)=>{o.setAttrib(t,e,l)},setStyle:(e,l)=>{o.setStyle(t,e,l)},setFormat:(o,l)=>{""===l?e.formatter.remove(o,{value:null},t,!0):e.formatter.apply(o,{value:l},t)}}},zo=e=>{return z(e,"rgb")?_o(t=e)?.map(To)?.map((e=>"#"+e.value)).getOr(t):e;var t},Wo=e=>{const t=Q.fromDom(e);return{borderwidth:Oe(t,"border-width").getOr(""),borderstyle:Oe(t,"border-style").getOr(""),bordercolor:Oe(t,"border-color")?.map(zo).getOr(""),backgroundcolor:Oe(t,"background-color")?.map(zo).getOr("")}},Uo=e=>{const t=e[0],o=e.slice(1);return A(o,(e=>{A(P(t),(o=>{B(e,((e,l)=>{const n=t[o];""!==n&&o===l&&n!==e&&(t[o]="class"===o?"mce-no-match":"")}))}))})),t},Go=(e,t,o,l)=>_(e,(e=>!a(o.formatter.matchNode(l,t+e)))).getOr(""),Ko=b(Go,["left","center","right"],"align"),Jo=b(Go,["top","middle","bottom"],"valign"),Qo=e=>Ye(Q.fromDom(e))?.map((t=>((e,t)=>{const o=ct(e);return bt(o,t).bind((e=>{const t=e[e.length-1],l=e[0].row,n=t.row+t.rowspan,r=o.all.slice(l,n);return lt(r)})).getOr("")})(t,{selection:ve(e.cells)}))).getOr(""),Xo=(e,t)=>{const o=ct(e),l=(e=>D(e.all,(e=>e.cells)))(o),n=R(l,(e=>v(t,(t=>Z(e.element,t)))));return x(n,(e=>({element:e.element.dom,column:dt(o,e.column)?.map((e=>e.element.dom))})))},Yo=(e,t,o,l)=>{const n=l.getData();l.close(),e.undoManager.transact((()=>{((e,t,o,l)=>{const n=E(l,((e,t)=>o[t]!==e));F(n)>0&&t.length>=1&&Ye(t[0]).each((o=>{const r=Xo(o,t),a=F(E(n,((e,t)=>"scope"!==t&&"celltype"!==t)))>0,s=L(n,"celltype");(a||L(n,"scope"))&&((e,t,o,l)=>{const n=1===t.length;A(t,(t=>{const r=t.element,a=n?f:l,s=jo(e,r);((e,t,o,l)=>{l("scope")&&e.setAttrib("scope",o.scope),l("class")&&"mce-no-match"!==o.class&&e.setAttrib("class",o.class),l("width")&&t.setStyle("width",ze(o.width))})(s,t.column?.map((t=>jo(e,t))).getOr(s),o,a),Vt(e)&&((e,t,o)=>{o("backgroundcolor")&&e.setFormat("tablecellbackgroundcolor",t.backgroundcolor),o("bordercolor")&&e.setFormat("tablecellbordercolor",t.bordercolor),o("borderstyle")&&e.setFormat("tablecellborderstyle",t.borderstyle),o("borderwidth")&&e.setFormat("tablecellborderwidth",ze(t.borderwidth))})(s,o,a),l("halign")&&It(e,r,o.halign),l("valign")&&((e,t,o)=>{_t.each("top middle bottom".split(" "),(l=>{l!==o&&e.formatter.remove("valign"+l,{},t)})),o&&e.formatter.apply("valign"+o,{},t)})(e,r,o.valign)}))})(e,r,l,b(L,n)),s&&((e,t)=>{e.execCommand("mceTableCellType",!1,{type:t.celltype,no_events:!0})})(e,l),Nt(e,o.dom,{structure:s,style:a})}))})(e,t,o,n),e.focus()}))},Zo=e=>{const t=ho(e);if(0===t.length)return;const o=((e,t)=>{const o=Ye(t[0])?.map((o=>x(Xo(o,t),(t=>((e,t,o,l)=>{const n=e.dom;return{width:(a=l.getOr(t),s="width",n.getStyle(a,s)||n.getAttrib(a,s)),scope:n.getAttrib(t,"scope"),celltype:(r=t,r.nodeName.toLowerCase()),class:n.getAttrib(t,"class",""),halign:Ko(e,t),valign:Jo(e,t),...o?Wo(t):{}};var r,a,s})(e,t.element,Vt(e),t.column)))));return Uo(o.getOrDie())})(e,t),l={type:"tabpanel",tabs:[{title:"General",name:"general",items:Vo(e)},$o(e,"cell")]},n={type:"panel",items:[{type:"grid",columns:2,items:Vo(e)}]};e.windowManager.open({title:"Cell Properties",size:"normal",body:Vt(e)?l:n,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:o,onSubmit:b(Yo,e,t,o)})},el=[{type:"listbox",name:"type",label:"Row type",items:[{text:"Header",value:"header"},{text:"Body",value:"body"},{text:"Footer",value:"footer"}]},{type:"listbox",name:"align",label:"Alignment",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]},{label:"Height",name:"height",type:"input"}],tl=e=>el.concat((e=>Mo(Kt(e))?.map((e=>({name:"class",type:"listbox",label:"Class",items:e}))))(e).toArray()),ol=(e,t,o,l)=>{const n=l.getData();l.close(),e.undoManager.transact((()=>{((e,t,o,l)=>{const n=E(l,((e,t)=>o[t]!==e));if(F(n)>0){const o=L(n,"type"),r=!o||F(n)>1;r&&((e,t,o,l)=>{const n=1===t.length?f:l;A(t,(t=>{const r=Ve(Q.fromDom(t),"td,th"),a=jo(e,t);((e,t,o)=>{o("class")&&"mce-no-match"!==t.class&&e.setAttrib("class",t.class),o("height")&&e.setStyle("height",ze(t.height))})(a,o,n),$t(e)&&((e,t,o)=>{o("backgroundcolor")&&e.setStyle("background-color",t.backgroundcolor),o("bordercolor")&&e.setStyle("border-color",t.bordercolor),o("borderstyle")&&e.setStyle("border-style",t.borderstyle)})(a,o,n),l("height")&&A(r,(t=>{e.dom.setStyle(t.dom,"height",null)})),l("align")&&It(e,t,o.align)}))})(e,t,l,b(L,n)),o&&((e,t)=>{e.execCommand("mceTableRowType",!1,{type:t.type,no_events:!0})})(e,l),Ye(Q.fromDom(t[0])).each((t=>Nt(e,t.dom,{structure:o,style:r})))}})(e,t,o,n),e.focus()}))},ll=e=>{const t=fo(We(e),uo.selected);if(0===t.length)return;const o=x(t,(t=>((e,t,o)=>{const l=e.dom;return{height:l.getStyle(t,"height")||l.getAttrib(t,"height"),class:l.getAttrib(t,"class",""),type:Qo(t),align:Ko(e,t),...o?Wo(t):{}}})(e,t.dom,$t(e)))),l=Uo(o),n={type:"tabpanel",tabs:[{title:"General",name:"general",items:tl(e)},$o(e,"row")]},r={type:"panel",items:[{type:"grid",columns:2,items:tl(e)}]};e.windowManager.open({title:"Row Properties",size:"normal",body:$t(e)?n:r,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:l,onSubmit:b(ol,e,x(t,(e=>e.dom)),l)})},nl=(e,t,o)=>{const l=o?[{type:"input",name:"cols",label:"Cols",inputMode:"numeric"},{type:"input",name:"rows",label:"Rows",inputMode:"numeric"}]:[],n=zt(e)?[{type:"input",name:"cellspacing",label:"Cell spacing",inputMode:"numeric"},{type:"input",name:"cellpadding",label:"Cell padding",inputMode:"numeric"},{type:"input",name:"border",label:"Border width"},{type:"label",label:"Caption",items:[{type:"checkbox",name:"caption",label:"Show caption"}]}]:[],r=t.length>0?[{name:"class",type:"listbox",label:"Class",items:t}]:[];return l.concat([{type:"input",name:"width",label:"Width"},{type:"input",name:"height",label:"Height"}]).concat(n).concat([{type:"listbox",name:"align",label:"Alignment",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]}]).concat(r)},rl=(e,t,o,n)=>{if("TD"===t.tagName||"TH"===t.tagName)l(o)&&s(n)?e.setStyle(t,o,n):e.setStyles(t,o);else if(t.children)for(let l=0;l<t.children.length;l++)rl(e,t.children[l],o,n)},al=(e,t,o,l)=>{const n=e.dom,r=l.getData(),s=E(r,((e,t)=>o[t]!==e));l.close(),e.undoManager.transact((()=>{if(!t){const o=K(r.cols).getOr(1),l=K(r.rows).getOr(1);e.execCommand("mceInsertTable",!1,{rows:l,columns:o}),t=go(We(e),je(e)).bind((t=>Ye(t,je(e))))?.map((e=>e.dom)).getOrDie()}if(F(s)>0){const o={border:L(s,"border"),bordercolor:L(s,"bordercolor"),cellpadding:L(s,"cellpadding")};((e,t,o,l)=>{const n=e.dom,r={},s={},c=Ut(e),i=jt(e),m=0===parseFloat(o.border);if(a(o.class)||"mce-no-match"===o.class||(r.class=o.class),s.height=ze(o.height),c?s.width=ze(o.width):n.getAttrib(t,"width")&&(r.width=(e=>e?e.replace(/px$/,""):"")(o.width)),c?(m?(r.border=0,s["border-width"]=""):(s["border-width"]=ze(o.border),r.border=1),s["border-spacing"]=ze(o.cellspacing)):(r.border=m?0:o.border,r.cellpadding=o.cellpadding,r.cellspacing=o.cellspacing),c&&t.children){const e={};if(m?e["border-width"]="":l.border&&(e["border-width"]=ze(o.border)),l.cellpadding&&(e.padding=ze(o.cellpadding)),i&&l.bordercolor&&(e["border-color"]=o.bordercolor),!(e=>{for(const t in e)if(k.call(e,t))return!1;return!0})(e))for(let o=0;o<t.children.length;o++)rl(n,t.children[o],e)}if(i){const e=o;s["background-color"]=e.backgroundcolor,s["border-color"]=e.bordercolor,s["border-style"]=e.borderstyle}n.setStyles(t,{...to(e),...s}),n.setAttribs(t,{...oo(e),...r})})(e,t,r,o);const l=n.select("caption",t)[0];(l&&!r.caption||!l&&r.caption)&&e.execCommand("mceTableToggleCaption"),It(e,t,r.align)}if(e.focus(),e.addVisual(),F(s)>0){const o=L(s,"caption"),l=!o||F(s)>1;Nt(e,t,{structure:o,style:l})}}))},sl=(e,t)=>{const o=e.dom;let l,n=((e,t)=>{const o=to(e),l=oo(e),n=t?{borderstyle:q(o,"border-style").getOr(""),bordercolor:zo(q(o,"border-color").getOr("")),backgroundcolor:zo(q(o,"background-color").getOr(""))}:{};return{height:"",width:"100%",cellspacing:"",cellpadding:"",caption:!1,class:"",align:"",border:"",...o,...l,...n,...(()=>{const t=o["border-width"];return Ut(e)&&t?{border:t}:q(l,"border").fold((()=>({})),(e=>({border:e})))})(),...{...q(o,"border-spacing").or(q(l,"cellspacing")).fold((()=>({})),(e=>({cellspacing:e}))),...q(o,"border-padding").or(q(l,"cellpadding")).fold((()=>({})),(e=>({cellpadding:e})))}}})(e,jt(e));t?(n.cols="1",n.rows="1",jt(e)&&(n.borderstyle="",n.bordercolor="",n.backgroundcolor="")):(l=o.getParent(e.selection.getStart(),"table",e.getBody()),l?n=((e,t,o)=>{const l=e.dom,n=Ut(e)?l.getStyle(t,"border-spacing")||l.getAttrib(t,"cellspacing"):l.getAttrib(t,"cellspacing")||l.getStyle(t,"border-spacing"),r=Ut(e)?Dt(l,t,"padding")||l.getAttrib(t,"cellpadding"):l.getAttrib(t,"cellpadding")||Dt(l,t,"padding");return{width:l.getStyle(t,"width")||l.getAttrib(t,"width"),height:l.getStyle(t,"height")||l.getAttrib(t,"height"),cellspacing:null!=n?n:"",cellpadding:null!=r?r:"",border:((t,o)=>{const l=Oe(Q.fromDom(o),"border-width");return Ut(e)&&l.isSome()?l.getOr(""):t.getAttrib(o,"border")||Dt(e.dom,o,"border-width")||Dt(e.dom,o,"border")||""})(l,t),caption:!!l.select("caption",t)[0],class:l.getAttrib(t,"class",""),align:Ko(e,t),...o?Wo(t):{}}})(e,l,jt(e)):jt(e)&&(n.borderstyle="",n.bordercolor="",n.backgroundcolor=""));const r=Mo(Jt(e));r.isSome()&&n.class&&(n.class=n.class.replace(/\s*mce\-item\-table\s*/g,""));const a={type:"grid",columns:2,items:nl(e,r.getOr([]),t)},s=jt(e)?{type:"tabpanel",tabs:[{title:"General",name:"general",items:[a]},$o(e,"table")]}:{type:"panel",items:[a]};e.windowManager.open({title:"Table Properties",size:"normal",body:s,onSubmit:b(al,e,l,n),buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:n})},cl=e=>{B({mceTableProps:b(sl,e,!1),mceTableRowProps:b(ll,e),mceTableCellProps:b(Zo,e),mceInsertTableDialog:b(sl,e,!0)},((t,o)=>e.addCommand(o,(()=>{return o=t,void((e=>{return(t=e,o=ce("table"),Me(((e,t)=>t(e)),Pe,t,o,void 0)).forall(qe);var t,o})(We(e))&&o());var o}))))},il=e=>{const t=V(y.none()),o=V([]);let l=y.none();const n=ce("caption"),r=e=>l.forall((t=>!t[e])),a=()=>bo(We(e),je(e)).bind((t=>{return o=j(Ye(t),bo((e=>Q.fromDom(e.selection.getEnd()))(e),je(e)).bind(Ye),((o,l)=>Z(o,l)?n(t)?y?.some((e=>({element:e,mergable:y.none(),unmergable:y.none(),selection:[e]}))(t)):y?.some(((e,t,o)=>({element:o,mergable:so(t,e,uo),unmergable:ao(e),selection:ro(e)}))(ho(e),o,t)):y.none())),o.bind(u);var o})),s=e=>Ye(e.element)?.map((t=>{const o=ct(t),l=bt(o,e).getOr([]),n=O(l,((e,t)=>(t.isLocked&&(e.onAny=!0,0===t.column?e.onFirst=!0:t.column+t.colspan>=o.grid.columns&&(e.onLast=!0)),e)),{onAny:!1,onFirst:!1,onLast:!1});return{mergeable:ht(o,e).isSome(),unmergeable:ft(o,e).isSome(),locked:n}})),c=()=>{t.set((e=>{let t,o=!1;return(...l)=>(o||(o=!0,t=e.apply(null,l)),t)})(a)()),l=t.get().bind(s),A(o.get(),g)},i=e=>(e(),o.set(o.get().concat([e])),()=>{o.set(R(o.get(),(t=>t!==e)))}),m=(o,l)=>i((()=>t.get().fold((()=>{o.setEnabled(!1)}),(t=>{o.setEnabled(!l(t)&&e.selection.isEditable())})))),d=(o,l,n)=>i((()=>t.get().fold((()=>{o.setEnabled(!1),o.setActive(!1)}),(t=>{o.setEnabled(!l(t)&&e.selection.isEditable()),o.setActive(n(t))})))),p=e=>l.exists((t=>t.locked[e])),b=(t,o)=>l=>d(l,(e=>n(e.element)),(()=>e.queryCommandValue(t)===o)),f=b("mceTableRowType","header"),w=b("mceTableColType","th");return e.on("NodeChange ExecCommand TableSelectorChange",c),{onSetupTable:e=>m(e,(e=>!1)),onSetupCellOrRow:e=>m(e,(e=>n(e.element))),onSetupColumn:e=>t=>m(t,(t=>n(t.element)||p(e))),onSetupPasteable:e=>t=>m(t,(t=>n(t.element)||e().isNone())),onSetupPasteableColumn:(e,t)=>o=>m(o,(o=>n(o.element)||e().isNone()||p(t))),onSetupMergeable:e=>m(e,(e=>r("mergeable"))),onSetupUnmergeable:e=>m(e,(e=>r("unmergeable"))),resetTargets:c,onSetupTableWithCaption:t=>d(t,h,(t=>Ye(t.element,je(e)).exists((e=>Be(e,"caption").isSome())))),onSetupTableRowHeaders:f,onSetupTableColumnHeaders:w,targets:t.get}};var ml=tinymce.util.Tools.resolve("tinymce.FakeClipboard");const dl="x-tinymce/dom-table-",ul=dl+"rows",pl=dl+"columns",bl=e=>{var t;const o=null!==(t=ml.read())&&void 0!==t?t:[];return M(o,(t=>y.from(t.getType(e))))},gl=()=>bl(ul),hl=()=>bl(pl),fl=e=>t=>{const o=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",o),o(),()=>{e.off("NodeChange",o)}},yl=e=>t=>{const o=()=>{t.setEnabled(e.selection.isEditable())};return e.on("NodeChange",o),o(),()=>{e.off("NodeChange",o)}};e.add("table",(e=>{const t=il(e);(e=>{const t=e.options.register;t("table_border_widths",{processor:"object[]",default:Pt}),t("table_border_styles",{processor:"object[]",default:kt}),t("table_cell_advtab",{processor:"boolean",default:!0}),t("table_row_advtab",{processor:"boolean",default:!0}),t("table_advtab",{processor:"boolean",default:!0}),t("table_appearance_options",{processor:"boolean",default:!0}),t("table_grid",{processor:"boolean",default:!Mt.deviceType.isTouch()}),t("table_cell_class_list",{processor:"object[]",default:[]}),t("table_row_class_list",{processor:"object[]",default:[]}),t("table_class_list",{processor:"object[]",default:[]}),t("table_toolbar",{processor:"string",default:"tableprops tabledelete | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol"}),t("table_background_color_map",{processor:"object[]",default:[]}),t("table_border_color_map",{processor:"object[]",default:[]})})(e),cl(e),((e,t)=>{const o=t=>()=>e.execCommand(t),l=(t,l)=>!!e.queryCommandSupported(l.command)&&(e.ui.registry.addMenuItem(t,{...l,onAction:c(l.onAction)?l.onAction:o(l.command)}),!0),n=(t,l)=>{e.queryCommandSupported(l.command)&&e.ui.registry.addToggleMenuItem(t,{...l,onAction:c(l.onAction)?l.onAction:o(l.command)})},r=t=>{e.execCommand("mceInsertTable",!1,{rows:t.numRows,columns:t.numColumns})},a=[l("tableinsertrowbefore",{text:"Insert row before",icon:"table-insert-row-above",command:"mceTableInsertRowBefore",onSetup:t.onSetupCellOrRow}),l("tableinsertrowafter",{text:"Insert row after",icon:"table-insert-row-after",command:"mceTableInsertRowAfter",onSetup:t.onSetupCellOrRow}),l("tabledeleterow",{text:"Delete row",icon:"table-delete-row",command:"mceTableDeleteRow",onSetup:t.onSetupCellOrRow}),l("tablerowprops",{text:"Row properties",icon:"table-row-properties",command:"mceTableRowProps",onSetup:t.onSetupCellOrRow}),l("tablecutrow",{text:"Cut row",icon:"cut-row",command:"mceTableCutRow",onSetup:t.onSetupCellOrRow}),l("tablecopyrow",{text:"Copy row",icon:"duplicate-row",command:"mceTableCopyRow",onSetup:t.onSetupCellOrRow}),l("tablepasterowbefore",{text:"Paste row before",icon:"paste-row-before",command:"mceTablePasteRowBefore",onSetup:t.onSetupPasteable(gl)}),l("tablepasterowafter",{text:"Paste row after",icon:"paste-row-after",command:"mceTablePasteRowAfter",onSetup:t.onSetupPasteable(gl)})],s=[l("tableinsertcolumnbefore",{text:"Insert column before",icon:"table-insert-column-before",command:"mceTableInsertColBefore",onSetup:t.onSetupColumn("onFirst")}),l("tableinsertcolumnafter",{text:"Insert column after",icon:"table-insert-column-after",command:"mceTableInsertColAfter",onSetup:t.onSetupColumn("onLast")}),l("tabledeletecolumn",{text:"Delete column",icon:"table-delete-column",command:"mceTableDeleteCol",onSetup:t.onSetupColumn("onAny")}),l("tablecutcolumn",{text:"Cut column",icon:"cut-column",command:"mceTableCutCol",onSetup:t.onSetupColumn("onAny")}),l("tablecopycolumn",{text:"Copy column",icon:"duplicate-column",command:"mceTableCopyCol",onSetup:t.onSetupColumn("onAny")}),l("tablepastecolumnbefore",{text:"Paste column before",icon:"paste-column-before",command:"mceTablePasteColBefore",onSetup:t.onSetupPasteableColumn(hl,"onFirst")}),l("tablepastecolumnafter",{text:"Paste column after",icon:"paste-column-after",command:"mceTablePasteColAfter",onSetup:t.onSetupPasteableColumn(hl,"onLast")})],i=[l("tablecellprops",{text:"Cell properties",icon:"table-cell-properties",command:"mceTableCellProps",onSetup:t.onSetupCellOrRow}),l("tablemergecells",{text:"Merge cells",icon:"table-merge-cells",command:"mceTableMergeCells",onSetup:t.onSetupMergeable}),l("tablesplitcells",{text:"Split cell",icon:"table-split-cells",command:"mceTableSplitCells",onSetup:t.onSetupUnmergeable})];Wt(e)?e.ui.registry.addNestedMenuItem("inserttable",{text:"Table",icon:"table",getSubmenuItems:()=>[{type:"fancymenuitem",fancytype:"inserttable",onAction:r}],onSetup:yl(e)}):e.ui.registry.addMenuItem("inserttable",{text:"Table",icon:"table",onAction:o("mceInsertTableDialog"),onSetup:yl(e)}),e.ui.registry.addMenuItem("inserttabledialog",{text:"Insert table",icon:"table",onAction:o("mceInsertTableDialog"),onSetup:yl(e)}),l("tableprops",{text:"Table properties",onSetup:t.onSetupTable,command:"mceTableProps"}),l("deletetable",{text:"Delete table",icon:"table-delete-table",onSetup:t.onSetupTable,command:"mceTableDelete"}),C(a,!0)&&e.ui.registry.addNestedMenuItem("row",{type:"nestedmenuitem",text:"Row",getSubmenuItems:d("tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops | tablecutrow tablecopyrow tablepasterowbefore tablepasterowafter")}),C(s,!0)&&e.ui.registry.addNestedMenuItem("column",{type:"nestedmenuitem",text:"Column",getSubmenuItems:d("tableinsertcolumnbefore tableinsertcolumnafter tabledeletecolumn | tablecutcolumn tablecopycolumn tablepastecolumnbefore tablepastecolumnafter")}),C(i,!0)&&e.ui.registry.addNestedMenuItem("cell",{type:"nestedmenuitem",text:"Cell",getSubmenuItems:d("tablecellprops tablemergecells tablesplitcells")}),e.ui.registry.addContextMenu("table",{update:()=>(t.resetTargets(),t.targets().fold(d(""),(e=>"caption"===te(e.element)?"tableprops deletetable":"cell row column | advtablesort | tableprops deletetable")))});const m=Bo(Jt(e));0!==m.length&&e.queryCommandSupported("mceTableToggleClass")&&e.ui.registry.addNestedMenuItem("tableclass",{icon:"table-classes",text:"Table styles",getSubmenuItems:()=>Po(e,m,"tableclass",(t=>e.execCommand("mceTableToggleClass",!1,t))),onSetup:t.onSetupTable});const u=Bo(Gt(e));0!==u.length&&e.queryCommandSupported("mceTableCellToggleClass")&&e.ui.registry.addNestedMenuItem("tablecellclass",{icon:"table-cell-classes",text:"Cell styles",getSubmenuItems:()=>Po(e,u,"tablecellclass",(t=>e.execCommand("mceTableCellToggleClass",!1,t))),onSetup:t.onSetupCellOrRow}),e.queryCommandSupported("mceTableApplyCellStyle")&&(e.ui.registry.addNestedMenuItem("tablecellvalign",{icon:"vertical-align",text:"Vertical align",getSubmenuItems:()=>Po(e,yo,"tablecellverticalalign",ko(e,"vertical-align")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addNestedMenuItem("tablecellborderwidth",{icon:"border-width",text:"Border width",getSubmenuItems:()=>Po(e,Lt(e),"tablecellborderwidth",ko(e,"border-width")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addNestedMenuItem("tablecellborderstyle",{icon:"border-style",text:"Border style",getSubmenuItems:()=>Po(e,Ht(e),"tablecellborderstyle",ko(e,"border-style")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addNestedMenuItem("tablecellbackgroundcolor",{icon:"cell-background-color",text:"Background color",getSubmenuItems:()=>Fo(e,Xt(e),"background-color"),onSetup:t.onSetupCellOrRow}),e.ui.registry.addNestedMenuItem("tablecellbordercolor",{icon:"cell-border-color",text:"Border color",getSubmenuItems:()=>Fo(e,Yt(e),"border-color"),onSetup:t.onSetupCellOrRow})),n("tablecaption",{icon:"table-caption",text:"Table caption",command:"mceTableToggleCaption",onSetup:t.onSetupTableWithCaption}),n("tablerowheader",{text:"Row header",icon:"table-top-header",command:"mceTableRowType",onAction:qo(e),onSetup:t.onSetupTableRowHeaders}),n("tablecolheader",{text:"Column header",icon:"table-left-header",command:"mceTableColType",onAction:Lo(e),onSetup:t.onSetupTableRowHeaders})})(e,t),((e,t)=>{e.ui.registry.addMenuButton("table",{tooltip:"Table",icon:"table",onSetup:fl(e),fetch:e=>e("inserttable | cell row column | advtablesort | tableprops deletetable")});const o=t=>()=>e.execCommand(t),l=(t,l)=>{e.queryCommandSupported(l.command)&&e.ui.registry.addButton(t,{...l,onAction:c(l.onAction)?l.onAction:o(l.command)})},n=(t,l)=>{e.queryCommandSupported(l.command)&&e.ui.registry.addToggleButton(t,{...l,onAction:c(l.onAction)?l.onAction:o(l.command)})};l("tableprops",{tooltip:"Table properties",command:"mceTableProps",icon:"table",onSetup:t.onSetupTable}),l("tabledelete",{tooltip:"Delete table",command:"mceTableDelete",icon:"table-delete-table",onSetup:t.onSetupTable}),l("tablecellprops",{tooltip:"Cell properties",command:"mceTableCellProps",icon:"table-cell-properties",onSetup:t.onSetupCellOrRow}),l("tablemergecells",{tooltip:"Merge cells",command:"mceTableMergeCells",icon:"table-merge-cells",onSetup:t.onSetupMergeable}),l("tablesplitcells",{tooltip:"Split cell",command:"mceTableSplitCells",icon:"table-split-cells",onSetup:t.onSetupUnmergeable}),l("tableinsertrowbefore",{tooltip:"Insert row before",command:"mceTableInsertRowBefore",icon:"table-insert-row-above",onSetup:t.onSetupCellOrRow}),l("tableinsertrowafter",{tooltip:"Insert row after",command:"mceTableInsertRowAfter",icon:"table-insert-row-after",onSetup:t.onSetupCellOrRow}),l("tabledeleterow",{tooltip:"Delete row",command:"mceTableDeleteRow",icon:"table-delete-row",onSetup:t.onSetupCellOrRow}),l("tablerowprops",{tooltip:"Row properties",command:"mceTableRowProps",icon:"table-row-properties",onSetup:t.onSetupCellOrRow}),l("tableinsertcolbefore",{tooltip:"Insert column before",command:"mceTableInsertColBefore",icon:"table-insert-column-before",onSetup:t.onSetupColumn("onFirst")}),l("tableinsertcolafter",{tooltip:"Insert column after",command:"mceTableInsertColAfter",icon:"table-insert-column-after",onSetup:t.onSetupColumn("onLast")}),l("tabledeletecol",{tooltip:"Delete column",command:"mceTableDeleteCol",icon:"table-delete-column",onSetup:t.onSetupColumn("onAny")}),l("tablecutrow",{tooltip:"Cut row",command:"mceTableCutRow",icon:"cut-row",onSetup:t.onSetupCellOrRow}),l("tablecopyrow",{tooltip:"Copy row",command:"mceTableCopyRow",icon:"duplicate-row",onSetup:t.onSetupCellOrRow}),l("tablepasterowbefore",{tooltip:"Paste row before",command:"mceTablePasteRowBefore",icon:"paste-row-before",onSetup:t.onSetupPasteable(gl)}),l("tablepasterowafter",{tooltip:"Paste row after",command:"mceTablePasteRowAfter",icon:"paste-row-after",onSetup:t.onSetupPasteable(gl)}),l("tablecutcol",{tooltip:"Cut column",command:"mceTableCutCol",icon:"cut-column",onSetup:t.onSetupColumn("onAny")}),l("tablecopycol",{tooltip:"Copy column",command:"mceTableCopyCol",icon:"duplicate-column",onSetup:t.onSetupColumn("onAny")}),l("tablepastecolbefore",{tooltip:"Paste column before",command:"mceTablePasteColBefore",icon:"paste-column-before",onSetup:t.onSetupPasteableColumn(hl,"onFirst")}),l("tablepastecolafter",{tooltip:"Paste column after",command:"mceTablePasteColAfter",icon:"paste-column-after",onSetup:t.onSetupPasteableColumn(hl,"onLast")}),l("tableinsertdialog",{tooltip:"Insert table",command:"mceInsertTableDialog",icon:"table",onSetup:fl(e)});const r=Bo(Jt(e));0!==r.length&&e.queryCommandSupported("mceTableToggleClass")&&e.ui.registry.addMenuButton("tableclass",{icon:"table-classes",tooltip:"Table styles",fetch:Eo(e,r,"tableclass",(t=>e.execCommand("mceTableToggleClass",!1,t))),onSetup:t.onSetupTable});const a=Bo(Gt(e));0!==a.length&&e.queryCommandSupported("mceTableCellToggleClass")&&e.ui.registry.addMenuButton("tablecellclass",{icon:"table-cell-classes",tooltip:"Cell styles",fetch:Eo(e,a,"tablecellclass",(t=>e.execCommand("mceTableCellToggleClass",!1,t))),onSetup:t.onSetupCellOrRow}),e.queryCommandSupported("mceTableApplyCellStyle")&&(e.ui.registry.addMenuButton("tablecellvalign",{icon:"vertical-align",tooltip:"Vertical align",fetch:Eo(e,yo,"tablecellverticalalign",ko(e,"vertical-align")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addMenuButton("tablecellborderwidth",{icon:"border-width",tooltip:"Border width",fetch:Eo(e,Lt(e),"tablecellborderwidth",ko(e,"border-width")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addMenuButton("tablecellborderstyle",{icon:"border-style",tooltip:"Border style",fetch:Eo(e,Ht(e),"tablecellborderstyle",ko(e,"border-style")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addMenuButton("tablecellbackgroundcolor",{icon:"cell-background-color",tooltip:"Background color",fetch:t=>t(Fo(e,Xt(e),"background-color")),onSetup:t.onSetupCellOrRow}),e.ui.registry.addMenuButton("tablecellbordercolor",{icon:"cell-border-color",tooltip:"Border color",fetch:t=>t(Fo(e,Yt(e),"border-color")),onSetup:t.onSetupCellOrRow})),n("tablecaption",{tooltip:"Table caption",icon:"table-caption",command:"mceTableToggleCaption",onSetup:t.onSetupTableWithCaption}),n("tablerowheader",{tooltip:"Row header",icon:"table-top-header",command:"mceTableRowType",onAction:qo(e),onSetup:t.onSetupTableRowHeaders}),n("tablecolheader",{tooltip:"Column header",icon:"table-left-header",command:"mceTableColType",onAction:Lo(e),onSetup:t.onSetupTableColumnHeaders})})(e,t),(e=>{const t=Qt(e);t.length>0&&e.ui.registry.addContextToolbar("table",{predicate:t=>e.dom.is(t,"table")&&e.getBody().contains(t)&&e.dom.isEditable(t.parentNode),items:t,scope:"node",position:"node"})})(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/index.js
new file mode 100644
index 000000000..f96f077bc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/index.js
@@ -0,0 +1,7 @@
+// Exports the "visualblocks" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/visualblocks')
+//   ES2015:
+//     import 'tinymce/plugins/visualblocks'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/plugin.js
new file mode 100644
index 000000000..5cdaa0029
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/plugin.js
@@ -0,0 +1,106 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const fireVisualBlocks = (editor, state) => {
+        editor.dispatch('VisualBlocks', { state });
+    };
+
+    const toggleVisualBlocks = (editor, pluginUrl, enabledState) => {
+        const dom = editor.dom;
+        dom.toggleClass(editor.getBody(), 'mce-visualblocks');
+        enabledState.set(!enabledState.get());
+        fireVisualBlocks(editor, enabledState.get());
+    };
+
+    const register$2 = (editor, pluginUrl, enabledState) => {
+        editor.addCommand('mceVisualBlocks', () => {
+            toggleVisualBlocks(editor, pluginUrl, enabledState);
+        });
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('visualblocks_default_state', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const isEnabledByDefault = option('visualblocks_default_state');
+
+    const setup = (editor, pluginUrl, enabledState) => {
+        // Prevents the visualblocks from being presented in the preview of formats when that is computed
+        editor.on('PreviewFormats AfterPreviewFormats', (e) => {
+            if (enabledState.get()) {
+                editor.dom.toggleClass(editor.getBody(), 'mce-visualblocks', e.type === 'afterpreviewformats');
+            }
+        });
+        editor.on('init', () => {
+            if (isEnabledByDefault(editor)) {
+                toggleVisualBlocks(editor, pluginUrl, enabledState);
+            }
+        });
+    };
+
+    const toggleActiveState = (editor, enabledState) => (api) => {
+        api.setActive(enabledState.get());
+        const editorEventCallback = (e) => api.setActive(e.state);
+        editor.on('VisualBlocks', editorEventCallback);
+        return () => editor.off('VisualBlocks', editorEventCallback);
+    };
+    const register = (editor, enabledState) => {
+        const onAction = () => editor.execCommand('mceVisualBlocks');
+        editor.ui.registry.addToggleButton('visualblocks', {
+            icon: 'visualblocks',
+            tooltip: 'Show blocks',
+            onAction,
+            onSetup: toggleActiveState(editor, enabledState),
+            context: 'any'
+        });
+        editor.ui.registry.addToggleMenuItem('visualblocks', {
+            text: 'Show blocks',
+            icon: 'visualblocks',
+            onAction,
+            onSetup: toggleActiveState(editor, enabledState),
+            context: 'any'
+        });
+    };
+
+    var Plugin = () => {
+        global.add('visualblocks', (editor, pluginUrl) => {
+            register$1(editor);
+            const enabledState = Cell(false);
+            register$2(editor, pluginUrl, enabledState);
+            register(editor, enabledState);
+            setup(editor, pluginUrl, enabledState);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/plugin.min.js
new file mode 100644
index 000000000..9a1630e4d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualblocks/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const o=(t,o,e)=>{t.dom.toggleClass(t.getBody(),"mce-visualblocks"),e.set(!e.get()),((t,o)=>{t.dispatch("VisualBlocks",{state:o})})(t,e.get())},e=t=>t.options.get("visualblocks_default_state");const s=(t,o)=>e=>{e.setActive(o.get());const s=t=>e.setActive(t.state);return t.on("VisualBlocks",s),()=>t.off("VisualBlocks",s)};t.add("visualblocks",((t,l)=>{(t=>{(0,t.options.register)("visualblocks_default_state",{processor:"boolean",default:!1})})(t);const a=(()=>{let t=!1;return{get:()=>t,set:o=>{t=o}}})();((t,e,s)=>{t.addCommand("mceVisualBlocks",(()=>{o(t,0,s)}))})(t,0,a),((t,o)=>{const e=()=>t.execCommand("mceVisualBlocks");t.ui.registry.addToggleButton("visualblocks",{icon:"visualblocks",tooltip:"Show blocks",onAction:e,onSetup:s(t,o),context:"any"}),t.ui.registry.addToggleMenuItem("visualblocks",{text:"Show blocks",icon:"visualblocks",onAction:e,onSetup:s(t,o),context:"any"})})(t,a),((t,s,l)=>{t.on("PreviewFormats AfterPreviewFormats",(o=>{l.get()&&t.dom.toggleClass(t.getBody(),"mce-visualblocks","afterpreviewformats"===o.type)})),t.on("init",(()=>{e(t)&&o(t,0,l)}))})(t,0,a)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/index.js
new file mode 100644
index 000000000..01dd9f15a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/index.js
@@ -0,0 +1,7 @@
+// Exports the "visualchars" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/visualchars')
+//   ES2015:
+//     import 'tinymce/plugins/visualchars'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/plugin.js
new file mode 100644
index 000000000..112756fc5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/plugin.js
@@ -0,0 +1,809 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq = (t) => (a) => t === a;
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isNull = eq(null);
+    const isBoolean = isSimpleType('boolean');
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const filter = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve = (p, scope) => {
+        const parts = p.split('.');
+        return path(parts, scope);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const get$2 = (toggleState) => {
+        const isEnabled = () => {
+            return toggleState.get();
+        };
+        return {
+            isEnabled
+        };
+    };
+
+    const fireVisualChars = (editor, state) => {
+        return editor.dispatch('VisualChars', { state });
+    };
+
+    const fromHtml = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const unsafe = (name, scope) => {
+        return resolve(name, scope);
+    };
+    const getOrDie = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name));
+    };
+
+    const type = (element) => element.dom.nodeType;
+    const value = (element) => element.dom.nodeValue;
+    const isType = (t) => (element) => type(element) === t;
+    const isHTMLElement = (element) => isElement(element) && isPrototypeOf(element.dom);
+    const isElement = isType(ELEMENT);
+    const isText = isType(TEXT);
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const get$1 = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const remove$3 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+
+    // Methods for handling attributes that contain a list of values <div foo="alpha beta theta">
+    const read = (element, attr) => {
+        const value = get$1(element, attr);
+        return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    const add$2 = (element, attr, id) => {
+        const old = read(element, attr);
+        const nu = old.concat([id]);
+        set(element, attr, nu.join(' '));
+        return true;
+    };
+    const remove$2 = (element, attr, id) => {
+        const nu = filter(read(element, attr), (v) => v !== id);
+        if (nu.length > 0) {
+            set(element, attr, nu.join(' '));
+        }
+        else {
+            remove$3(element, attr);
+        }
+        return false;
+    };
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+    const get = (element) => read(element, 'class');
+    const add$1 = (element, clazz) => add$2(element, 'class', clazz);
+    const remove$1 = (element, clazz) => remove$2(element, 'class', clazz);
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     *
+     * Note that IE doesn't support the second argument to toggle (at all).
+     * If it did, the toggler could be better.
+     */
+    const add = (element, clazz) => {
+        if (supports(element)) {
+            element.dom.classList.add(clazz);
+        }
+        else {
+            add$1(element, clazz);
+        }
+    };
+    const cleanClass = (element) => {
+        const classList = supports(element) ? element.dom.classList : get(element);
+        // classList is a "live list", so this is up to date already
+        if (classList.length === 0) {
+            // No more classes left, remove the class attribute as well
+            remove$3(element, 'class');
+        }
+    };
+    const remove = (element, clazz) => {
+        if (supports(element)) {
+            const classList = element.dom.classList;
+            classList.remove(clazz);
+        }
+        else {
+            remove$1(element, clazz);
+        }
+        cleanClass(element);
+    };
+
+    const getRaw = (element) => element.dom.contentEditable;
+
+    const charMap = {
+        '\u00a0': 'nbsp',
+        '\u00ad': 'shy'
+    };
+    const charMapToRegExp = (charMap, global) => {
+        let regExp = '';
+        each(charMap, (_value, key) => {
+            regExp += key;
+        });
+        return new RegExp('[' + regExp + ']', global ? 'g' : '');
+    };
+    const charMapToSelector = (charMap) => {
+        let selector = '';
+        each(charMap, (value) => {
+            if (selector) {
+                selector += ',';
+            }
+            selector += 'span.mce-' + value;
+        });
+        return selector;
+    };
+    const regExp = charMapToRegExp(charMap);
+    const regExpGlobal = charMapToRegExp(charMap, true);
+    const selector = charMapToSelector(charMap);
+    const nbspClass = 'mce-nbsp';
+
+    const wrapCharWithSpan = (value) => '<span data-mce-bogus="1" class="mce-' + charMap[value] + '">' + value + '</span>';
+
+    const isWrappedNbsp = (node) => node.nodeName.toLowerCase() === 'span' && node.classList.contains('mce-nbsp-wrap');
+    const isMatch = (n) => {
+        const value$1 = value(n);
+        return isText(n) &&
+            isString(value$1) &&
+            regExp.test(value$1);
+    };
+    const isContentEditableFalse = (node) => isHTMLElement(node) && getRaw(node) === 'false';
+    const isChildEditable = (node, currentState) => {
+        if (isHTMLElement(node) && !isWrappedNbsp(node.dom)) {
+            const value = getRaw(node);
+            if (value === 'true') {
+                return true;
+            }
+            else if (value === 'false') {
+                return false;
+            }
+        }
+        return currentState;
+    };
+    // inlined sugars PredicateFilter.descendants for file size but also make it only act on editable nodes it changes the current editable state when it traveses down
+    const filterEditableDescendants = (scope, predicate, editable) => {
+        let result = [];
+        const dom = scope.dom;
+        const children = map(dom.childNodes, SugarElement.fromDom);
+        const isEditable = (node) => isWrappedNbsp(node.dom) || !isContentEditableFalse(node);
+        each$1(children, (x) => {
+            if (editable && isEditable(x) && predicate(x)) {
+                result = result.concat([x]);
+            }
+            result = result.concat(filterEditableDescendants(x, predicate, isChildEditable(x, editable)));
+        });
+        return result;
+    };
+    const findParentElm = (elm, rootElm) => {
+        while (elm.parentNode) {
+            if (elm.parentNode === rootElm) {
+                return rootElm;
+            }
+            elm = elm.parentNode;
+        }
+        return undefined;
+    };
+    const replaceWithSpans = (text) => text.replace(regExpGlobal, wrapCharWithSpan);
+
+    const show = (editor, rootElm) => {
+        const dom = editor.dom;
+        const nodeList = filterEditableDescendants(SugarElement.fromDom(rootElm), isMatch, editor.dom.isEditable(rootElm));
+        each$1(nodeList, (n) => {
+            var _a;
+            const parent = n.dom.parentNode;
+            if (isWrappedNbsp(parent)) {
+                add(SugarElement.fromDom(parent), nbspClass);
+            }
+            else {
+                const withSpans = replaceWithSpans(dom.encode((_a = value(n)) !== null && _a !== void 0 ? _a : ''));
+                const div = dom.create('div', {}, withSpans);
+                let node;
+                while ((node = div.lastChild)) {
+                    dom.insertAfter(node, n.dom);
+                }
+                editor.dom.remove(n.dom);
+            }
+        });
+    };
+    const hide = (editor, rootElm) => {
+        const nodeList = editor.dom.select(selector, rootElm);
+        each$1(nodeList, (node) => {
+            if (isWrappedNbsp(node)) {
+                remove(SugarElement.fromDom(node), nbspClass);
+            }
+            else {
+                editor.dom.remove(node, true);
+            }
+        });
+    };
+    const toggle = (editor) => {
+        const body = editor.getBody();
+        const bookmark = editor.selection.getBookmark();
+        let parentNode = findParentElm(editor.selection.getNode(), body);
+        // if user does select all the parentNode will be undefined
+        parentNode = parentNode !== undefined ? parentNode : body;
+        hide(editor, parentNode);
+        show(editor, parentNode);
+        editor.selection.moveToBookmark(bookmark);
+    };
+
+    const applyVisualChars = (editor, toggleState) => {
+        fireVisualChars(editor, toggleState.get());
+        const body = editor.getBody();
+        if (toggleState.get() === true) {
+            show(editor, body);
+        }
+        else {
+            hide(editor, body);
+        }
+    };
+    // Toggle state and save selection bookmark before applying visualChars
+    const toggleVisualChars = (editor, toggleState) => {
+        toggleState.set(!toggleState.get());
+        const bookmark = editor.selection.getBookmark();
+        applyVisualChars(editor, toggleState);
+        editor.selection.moveToBookmark(bookmark);
+    };
+
+    const register$2 = (editor, toggleState) => {
+        editor.addCommand('mceVisualChars', () => {
+            toggleVisualChars(editor, toggleState);
+        });
+    };
+
+    const option = (name) => (editor) => editor.options.get(name);
+    const register$1 = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('visualchars_default_state', {
+            processor: 'boolean',
+            default: false
+        });
+    };
+    const isEnabledByDefault = option('visualchars_default_state');
+
+    const setup$1 = (editor, toggleState) => {
+        /*
+          Note: applyVisualChars does not place a bookmark before modifying the DOM on init.
+          This will cause a loss of selection if the following conditions are met:
+            - Autofocus enabled, or editor is manually focused on init
+            - The first piece of text in the editor must be a nbsp
+            - Integrator has manually set the selection before init
+      
+          Another improvement would be to ensure DOM elements aren't destroyed/recreated,
+          but rather wrapped/unwrapped when applying styling for visualchars so that selection
+          is not lost.
+        */
+        editor.on('init', () => {
+            applyVisualChars(editor, toggleState);
+        });
+    };
+
+    const setup = (editor, toggleState) => {
+        const debouncedToggle = first(() => {
+            toggle(editor);
+        }, 300);
+        editor.on('keydown', (e) => {
+            if (toggleState.get() === true) {
+                e.keyCode === 13 ? toggle(editor) : debouncedToggle.throttle();
+            }
+        });
+        editor.on('remove', debouncedToggle.cancel);
+    };
+
+    const toggleActiveState = (editor, enabledStated) => (api) => {
+        api.setActive(enabledStated.get());
+        const editorEventCallback = (e) => api.setActive(e.state);
+        editor.on('VisualChars', editorEventCallback);
+        return () => editor.off('VisualChars', editorEventCallback);
+    };
+    const register = (editor, toggleState) => {
+        const onAction = () => editor.execCommand('mceVisualChars');
+        editor.ui.registry.addToggleButton('visualchars', {
+            tooltip: 'Show invisible characters',
+            icon: 'visualchars',
+            onAction,
+            onSetup: toggleActiveState(editor, toggleState),
+            context: 'any'
+        });
+        editor.ui.registry.addToggleMenuItem('visualchars', {
+            text: 'Show invisible characters',
+            icon: 'visualchars',
+            onAction,
+            onSetup: toggleActiveState(editor, toggleState),
+            context: 'any'
+        });
+    };
+
+    var Plugin = () => {
+        global.add('visualchars', (editor) => {
+            register$1(editor);
+            const toggleState = Cell(isEnabledByDefault(editor));
+            register$2(editor, toggleState);
+            register(editor, toggleState);
+            setup(editor, toggleState);
+            setup$1(editor, toggleState);
+            return get$2(toggleState);
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/plugin.min.js
new file mode 100644
index 000000000..83781588f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/visualchars/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const t=t=>e=>(t=>{const e=typeof t;return null===t?"null":"object"===e&&Array.isArray(t)?"array":"object"===e&&(n=o=t,(r=String).prototype.isPrototypeOf(n)||(null===(s=o.constructor)||void 0===s?void 0:s.name)===r.name)?"string":e;var n,o,r,s})(e)===t,e=t=>e=>typeof e===t,n=t("string"),o=t("object"),r=t=>null===t;const s=e("boolean"),a=e("function"),l=e("number");class i{constructor(t,e){this.tag=t,this.value=e}static some(t){return new i(!0,t)}static none(){return i.singletonNone}fold(t,e){return this.tag?e(this.value):t()}isSome(){return this.tag}isNone(){return!this.tag}map(t){return this.tag?i?.some(t(this.value)):i.none()}bind(t){return this.tag?t(this.value):i.none()}exists(t){return this.tag&&t(this.value)}forall(t){return!this.tag||t(this.value)}filter(t){return!this.tag||t(this.value)?this:i.none()}getOr(t){return this.tag?this.value:t}or(t){return this.tag?this:t}getOrThunk(t){return this.tag?this.value:t()}orThunk(t){return this.tag?this:t()}getOrDie(t){if(this.tag)return this.value;throw new Error(null!=t?t:"Called getOrDie on None")}static from(t){return null==t?i.none():i?.some(t)}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(t){this.tag&&t(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}i.singletonNone=new i(!1),Array.prototype.slice;const u=(t,e)=>{for(let n=0,o=t.length;n<o;n++)e(t[n],n)};a(Array.from)&&Array.from;const c=Object.keys,d=(t,e)=>{const n=c(t);for(let o=0,r=n.length;o<r;o++){const r=n[o];e(t[r],r)}},h="undefined"!=typeof window?window:Function("return this;")(),m=(t,e)=>((t,e)=>{let n=null!=e?e:h;for(let e=0;e<t.length&&null!=n;++e)n=n[t[e]];return n})(t.split("."),e);var g=tinymce.util.Tools.resolve("tinymce.PluginManager");const v=t=>{if(null==t)throw new Error("Node cannot be null or undefined");return{dom:t}},f=v,p=Object.getPrototypeOf,y=t=>{const e=m("ownerDocument.defaultView",t);return o(t)&&((t=>((t,e)=>{const n=((t,e)=>m(t,e))(t,e);if(null==n)throw new Error(t+" not available on this browser");return n})("HTMLElement",t))(e).prototype.isPrototypeOf(t)||/^HTML\w*Element$/.test(p(t).constructor.name))},b=t=>t.dom.nodeValue,w=t=>e=>(t=>t.dom.nodeType)(e)===t,A=t=>k(t)&&y(t.dom),k=w(1),N=w(3),T=(t,e,o)=>{((t,e,o)=>{if(!(n(o)||s(o)||l(o)))throw console.error("Invalid call to Attribute.set. Key ",e,":: Value ",o,":: Element ",t),new Error("Attribute value was not simple");t.setAttribute(e,o+"")})(t.dom,e,o)},C=(t,e)=>{t.dom.removeAttribute(e)},E=(t,e)=>{const n=((t,e)=>{const n=t.dom.getAttribute(e);return null===n?void 0:n})(t,e);return void 0===n||""===n?[]:n.split(" ")},O=t=>void 0!==t.dom.classList,L=t=>t.dom.contentEditable,V={"\xa0":"nbsp","\xad":"shy"},j=(t,e)=>{let n="";return d(t,((t,e)=>{n+=e})),new RegExp("["+n+"]",e?"g":"")},B=j(V),S=j(V,!0),x=(t=>{let e="";return d(t,(t=>{e&&(e+=","),e+="span.mce-"+t})),e})(V),M="mce-nbsp",P=t=>'<span data-mce-bogus="1" class="mce-'+V[t]+'">'+t+"</span>",_=t=>"span"===t.nodeName.toLowerCase()&&t.classList.contains("mce-nbsp-wrap"),D=t=>{const e=b(t);return N(t)&&n(e)&&B.test(e)},H=(t,e,n)=>{let o=[];const r=((t,e)=>{const n=t.length,o=new Array(n);for(let r=0;r<n;r++){const n=t[r];o[r]=e(n,r)}return o})(t.dom.childNodes,f);return u(r,(t=>{var r;n&&(_((r=t).dom)||!(t=>A(t)&&"false"===L(t))(r))&&e(t)&&(o=o.concat([t])),o=o.concat(H(t,e,((t,e)=>{if(A(t)&&!_(t.dom)){const e=L(t);if("true"===e)return!0;if("false"===e)return!1}return e})(t,n)))})),o},I=(t,e)=>{const n=t.dom,o=H(f(e),D,t.dom.isEditable(e));u(o,(e=>{var o;const r=e.dom.parentNode;if(_(r))s=f(r),a=M,O(s)?s.dom.classList.add(a):((t,e)=>{((t,e,n)=>{const o=E(t,e).concat([n]);T(t,e,o.join(" "))})(t,"class",e)})(s,a);else{const r=n.encode(null!==(o=b(e))&&void 0!==o?o:"").replace(S,P),s=n.create("div",{},r);let a;for(;a=s.lastChild;)n.insertAfter(a,e.dom);t.dom.remove(e.dom)}var s,a}))},$=(t,e)=>{const n=t.dom.select(x,e);u(n,(e=>{var n,o;_(e)?(n=f(e),o=M,O(n)?n.dom.classList.remove(o):((t,e)=>{((t,e,n)=>{const o=(t=>{const e=[];for(let o=0,r=t.length;o<r;o++){const r=t[o];r!==n&&e.push(r)}return e})(E(t,e));o.length>0?T(t,e,o.join(" ")):C(t,e)})(t,"class",e)})(n,o),(t=>{const e=O(t)?t.dom.classList:(t=>E(t,"class"))(t);0===e.length&&C(t,"class")})(n)):t.dom.remove(e,!0)}))},F=t=>{const e=t.getBody(),n=t.selection.getBookmark();let o=((t,e)=>{for(;t.parentNode;){if(t.parentNode===e)return e;t=t.parentNode}})(t.selection.getNode(),e);o=void 0!==o?o:e,$(t,o),I(t,o),t.selection.moveToBookmark(n)},K=(t,e)=>{((t,e)=>{t.dispatch("VisualChars",{state:e})})(t,e.get());const n=t.getBody();!0===e.get()?I(t,n):$(t,n)},R=t=>t.options.get("visualchars_default_state");const U=(t,e)=>{const n=(t=>{let e=null;return{cancel:()=>{r(e)||(clearTimeout(e),e=null)},throttle:(...n)=>{r(e)&&(e=setTimeout((()=>{e=null,t.apply(null,n)}),300))}}})((()=>{F(t)}));t.on("keydown",(o=>{!0===e.get()&&(13===o.keyCode?F(t):n.throttle())})),t.on("remove",n.cancel)},q=(t,e)=>n=>{n.setActive(e.get());const o=t=>n.setActive(t.state);return t.on("VisualChars",o),()=>t.off("VisualChars",o)};g.add("visualchars",(t=>{(t=>{(0,t.options.register)("visualchars_default_state",{processor:"boolean",default:!1})})(t);const e=(t=>{let e=t;return{get:()=>e,set:t=>{e=t}}})(R(t));return((t,e)=>{t.addCommand("mceVisualChars",(()=>{((t,e)=>{e.set(!e.get());const n=t.selection.getBookmark();K(t,e),t.selection.moveToBookmark(n)})(t,e)}))})(t,e),((t,e)=>{const n=()=>t.execCommand("mceVisualChars");t.ui.registry.addToggleButton("visualchars",{tooltip:"Show invisible characters",icon:"visualchars",onAction:n,onSetup:q(t,e),context:"any"}),t.ui.registry.addToggleMenuItem("visualchars",{text:"Show invisible characters",icon:"visualchars",onAction:n,onSetup:q(t,e),context:"any"})})(t,e),U(t,e),((t,e)=>{t.on("init",(()=>{K(t,e)}))})(t,e),(t=>({isEnabled:()=>t.get()}))(e)}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/index.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/index.js
new file mode 100644
index 000000000..2f7cf001c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/index.js
@@ -0,0 +1,7 @@
+// Exports the "wordcount" plugin for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/plugins/wordcount')
+//   ES2015:
+//     import 'tinymce/plugins/wordcount'
+require('./plugin.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/plugin.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/plugin.js
new file mode 100644
index 000000000..b830d5152
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/plugin.js
@@ -0,0 +1,480 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const eq = (t) => (a) => t === a;
+    const isNull = eq(null);
+
+    const identity = (x) => {
+        return x;
+    };
+
+    const map = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const removeZwsp$1 = (s) => s.replace(/\uFEFF/g, '');
+
+    /* eslint-disable max-len */
+    const punctuationStr = `[~№|!-*+-\\/:;?@\\[-\`{}\u00A1\u00AB\u00B7\u00BB\u00BF;\u00B7\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1361-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u3008\u3009\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30\u2E31\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]`;
+    const regExps = {
+        aletter: '[A-Za-z\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F3\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u10A0-\u10C5\u10D0-\u10FA\u10FC\u1100-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F0\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1A00-\u1A16\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BC0-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u24B6-\u24E9\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2D00-\u2D25\u2D30-\u2D65\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u303B\u303C\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790\uA791\uA7A0-\uA7A9\uA7FA-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFFA0-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]',
+        midnumlet: `[-'\\.\u2018\u2019\u2024\uFE52\uFF07\uFF0E]`,
+        midletter: '[:\u00B7\u00B7\u05F4\u2027\uFE13\uFE55\uFF1A]',
+        midnum: '[±+*/,;;\u0589\u060C\u060D\u066C\u07F8\u2044\uFE10\uFE14\uFE50\uFE54\uFF0C\uFF1B]',
+        numeric: '[0-9\u0660-\u0669\u066B\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0BE6-\u0BEF\u0C66-\u0C6F\u0CE6-\u0CEF\u0D66-\u0D6F\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F29\u1040-\u1049\u1090-\u1099\u17E0-\u17E9\u1810-\u1819\u1946-\u194F\u19D0-\u19D9\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\uA620-\uA629\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uAA50-\uAA59\uABF0-\uABF9]',
+        cr: '\\r',
+        lf: '\\n',
+        newline: '[\u000B\u000C\u0085\u2028\u2029]',
+        extend: '[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u0900-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C01-\u0C03\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C82\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D02\u0D03\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B6-\u17D3\u17DD\u180B-\u180D\u18A9\u1920-\u192B\u1930-\u193B\u19B0-\u19C0\u19C8\u19C9\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAA\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2\u1DC0-\u1DE6\u1DFC-\u1DFF\u200C\u200D\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA67C\uA67D\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C4\uA8E0-\uA8F1\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE26\uFF9E\uFF9F]',
+        format: '[\u00AD\u0600-\u0603\u06DD\u070F\u17B4\u17B5\u200E\u200F\u202A-\u202E\u2060-\u2064\u206A-\u206F\uFEFF\uFFF9-\uFFFB]',
+        katakana: '[\u3031-\u3035\u309B\u309C\u30A0-\u30FA\u30FC-\u30FF\u31F0-\u31FF\u32D0-\u32FE\u3300-\u3357\uFF66-\uFF9D]',
+        extendnumlet: '[=_\u203F\u2040\u2054\uFE33\uFE34\uFE4D-\uFE4F\uFF3F\u2200-\u22FF\u003c\u003e]',
+        punctuation: punctuationStr
+    };
+    /* eslint-enable max-len */
+    const characterIndices = {
+        ALETTER: 0,
+        MIDNUMLET: 1,
+        MIDLETTER: 2,
+        MIDNUM: 3,
+        NUMERIC: 4,
+        CR: 5,
+        LF: 6,
+        NEWLINE: 7,
+        EXTEND: 8,
+        FORMAT: 9,
+        KATAKANA: 10,
+        EXTENDNUMLET: 11,
+        AT: 12,
+        OTHER: 13
+    };
+    // RegExp objects generated from code point data. Each regex matches a single
+    // character against a set of Unicode code points. The index of each item in
+    // this array must match its corresponding code point constant value defined
+    // above.
+    const SETS$1 = [
+        new RegExp(regExps.aletter),
+        new RegExp(regExps.midnumlet),
+        new RegExp(regExps.midletter),
+        new RegExp(regExps.midnum),
+        new RegExp(regExps.numeric),
+        new RegExp(regExps.cr),
+        new RegExp(regExps.lf),
+        new RegExp(regExps.newline),
+        new RegExp(regExps.extend),
+        new RegExp(regExps.format),
+        new RegExp(regExps.katakana),
+        new RegExp(regExps.extendnumlet),
+        new RegExp('@')
+    ];
+    const EMPTY_STRING$1 = '';
+    const PUNCTUATION$1 = new RegExp('^' + regExps.punctuation + '$');
+    const WHITESPACE$1 = /^\s+$/;
+
+    const SETS = SETS$1;
+    const OTHER = characterIndices.OTHER;
+    const getType = (char) => {
+        let type = OTHER;
+        const setsLength = SETS.length;
+        for (let j = 0; j < setsLength; ++j) {
+            const set = SETS[j];
+            if (set && set.test(char)) {
+                type = j;
+                break;
+            }
+        }
+        return type;
+    };
+    const memoize = (func) => {
+        const cache = {};
+        return (char) => {
+            if (cache[char]) {
+                return cache[char];
+            }
+            else {
+                const result = func(char);
+                cache[char] = result;
+                return result;
+            }
+        };
+    };
+    const classify = (characters) => {
+        const memoized = memoize(getType);
+        return map(characters, memoized);
+    };
+
+    const isWordBoundary = (map, index) => {
+        const type = map[index];
+        const nextType = map[index + 1];
+        if (index < 0 || (index > map.length - 1 && index !== 0)) {
+            return false;
+        }
+        // WB5. Don't break between most letters.
+        if (type === characterIndices.ALETTER && nextType === characterIndices.ALETTER) {
+            return false;
+        }
+        const nextNextType = map[index + 2];
+        // WB6. Don't break letters across certain punctuation.
+        if (type === characterIndices.ALETTER &&
+            (nextType === characterIndices.MIDLETTER || nextType === characterIndices.MIDNUMLET || nextType === characterIndices.AT) &&
+            nextNextType === characterIndices.ALETTER) {
+            return false;
+        }
+        const prevType = map[index - 1];
+        // WB7. Don't break letters across certain punctuation.
+        if ((type === characterIndices.MIDLETTER || type === characterIndices.MIDNUMLET || nextType === characterIndices.AT) &&
+            nextType === characterIndices.ALETTER &&
+            prevType === characterIndices.ALETTER) {
+            return false;
+        }
+        // WB8/WB9/WB10. Don't break inside sequences of digits or digits
+        // adjacent to letters.
+        if ((type === characterIndices.NUMERIC || type === characterIndices.ALETTER) &&
+            (nextType === characterIndices.NUMERIC || nextType === characterIndices.ALETTER)) {
+            return false;
+        }
+        // WB11. Don't break inside numeric sequences like "3.2" or
+        // "3,456.789".
+        if ((type === characterIndices.MIDNUM || type === characterIndices.MIDNUMLET) &&
+            nextType === characterIndices.NUMERIC &&
+            prevType === characterIndices.NUMERIC) {
+            return false;
+        }
+        // WB12. Don't break inside numeric sequences like "3.2" or
+        // "3,456.789".
+        if (type === characterIndices.NUMERIC &&
+            (nextType === characterIndices.MIDNUM || nextType === characterIndices.MIDNUMLET) &&
+            nextNextType === characterIndices.NUMERIC) {
+            return false;
+        }
+        // WB4. Ignore format and extend characters.
+        if ((type === characterIndices.EXTEND || type === characterIndices.FORMAT) &&
+            (nextType === characterIndices.ALETTER || nextType === characterIndices.NUMERIC || nextType === characterIndices.KATAKANA ||
+                nextType === characterIndices.EXTEND || nextType === characterIndices.FORMAT)
+            ||
+                (nextType === characterIndices.EXTEND ||
+                    // TINY-9654: Only ignore format characters if they do not precede a word boundary. Since some format characters overlap with whitespace characters (ex: \ufeff) and
+                    // our word extraction logic excludes whitespace characters, if a whitespace-overlapping format character that precedes a word boundary is not split on, whichever word
+                    // it is a part of will not be added to the list of extracted words, causing inaccuracies.
+                    nextType === characterIndices.FORMAT && (nextNextType === characterIndices.ALETTER || nextNextType === characterIndices.NUMERIC || nextNextType === characterIndices.KATAKANA || nextNextType === characterIndices.EXTEND || nextNextType === characterIndices.FORMAT))
+                    && (type === characterIndices.ALETTER || type === characterIndices.NUMERIC || type === characterIndices.KATAKANA || type === characterIndices.EXTEND || type === characterIndices.FORMAT)) {
+            return false;
+        }
+        // WB3. Don't break inside CRLF.
+        if (type === characterIndices.CR && nextType === characterIndices.LF) {
+            return false;
+        }
+        // WB3a. Break before newlines (including CR and LF).
+        if (type === characterIndices.NEWLINE || type === characterIndices.CR || type === characterIndices.LF) {
+            return true;
+        }
+        // WB3b. Break after newlines (including CR and LF).
+        if (nextType === characterIndices.NEWLINE || nextType === characterIndices.CR || nextType === characterIndices.LF) {
+            return true;
+        }
+        // WB13. Don't break between Katakana characters.
+        if (type === characterIndices.KATAKANA && nextType === characterIndices.KATAKANA) {
+            return false;
+        }
+        // WB13a. Don't break from extenders.
+        if (nextType === characterIndices.EXTENDNUMLET &&
+            (type === characterIndices.ALETTER || type === characterIndices.NUMERIC || type === characterIndices.KATAKANA ||
+                type === characterIndices.EXTENDNUMLET)) {
+            return false;
+        }
+        // WB13b. Don't break from extenders.
+        if (type === characterIndices.EXTENDNUMLET &&
+            (nextType === characterIndices.ALETTER || nextType === characterIndices.NUMERIC ||
+                nextType === characterIndices.KATAKANA)) {
+            return false;
+        }
+        if (type === characterIndices.AT) {
+            return false;
+        }
+        // Break after any character not covered by the rules above.
+        return true;
+    };
+
+    const EMPTY_STRING = EMPTY_STRING$1;
+    const WHITESPACE = WHITESPACE$1;
+    const PUNCTUATION = PUNCTUATION$1;
+    const isProtocol = (str) => str === 'http' || str === 'https';
+    const findWordEnd = (characters, startIndex) => {
+        let i;
+        for (i = startIndex; i < characters.length; i++) {
+            if (WHITESPACE.test(characters[i])) {
+                break;
+            }
+        }
+        return i;
+    };
+    const findUrlEnd = (characters, startIndex) => {
+        const endIndex = findWordEnd(characters, startIndex + 1);
+        const peakedWord = characters.slice(startIndex + 1, endIndex).join(EMPTY_STRING);
+        return peakedWord.substr(0, 3) === '://' ? endIndex : startIndex;
+    };
+    const findWordsWithIndices = (chars, sChars, characterMap, options) => {
+        const words = [];
+        const indices = [];
+        let word = [];
+        // Loop through each character in the classification map and determine whether
+        // it precedes a word boundary, building an array of distinct words as we go.
+        for (let i = 0; i < characterMap.length; ++i) {
+            // Append this character to the current word.
+            word.push(chars[i]);
+            // If there's a word boundary between the current character and the next character,
+            // append the current word to the words array and start building a new word.
+            if (isWordBoundary(characterMap, i)) {
+                const ch = sChars[i];
+                if ((options.includeWhitespace || !WHITESPACE.test(ch)) &&
+                    (options.includePunctuation || !PUNCTUATION.test(ch))) {
+                    const startOfWord = i - word.length + 1;
+                    const endOfWord = i + 1;
+                    const str = sChars.slice(startOfWord, endOfWord).join(EMPTY_STRING);
+                    if (isProtocol(str)) {
+                        const endOfUrl = findUrlEnd(sChars, i);
+                        const url = chars.slice(endOfWord, endOfUrl);
+                        Array.prototype.push.apply(word, url);
+                        i = endOfUrl;
+                    }
+                    // If the word is an abbreviation, include the next character if it's a period.
+                    if (sChars[i + 1] === '.' && /^([a-zA-Z]\.)+$/.test(str + '.')) {
+                        word.push(chars[i + 1]);
+                        indices.push({
+                            start: startOfWord,
+                            end: endOfWord + 1
+                        });
+                    }
+                    else {
+                        indices.push({
+                            start: startOfWord,
+                            end: endOfWord
+                        });
+                    }
+                    words.push(word);
+                }
+                word = [];
+            }
+        }
+        return { words, indices };
+    };
+    const getDefaultOptions = () => ({
+        includeWhitespace: false,
+        includePunctuation: false
+    });
+    const getWordsWithIndices = (chars, extract, options) => {
+        options = {
+            ...getDefaultOptions(),
+            ...options
+        };
+        const extractedChars = map(chars, extract);
+        const characterMap = classify(extractedChars);
+        return findWordsWithIndices(chars, extractedChars, characterMap, options);
+    };
+    const getWords$1 = (chars, extract, options) => getWordsWithIndices(chars, extract, options).words;
+
+    const getWords = getWords$1;
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    const getText = (node, schema) => {
+        const blockElements = schema.getBlockElements();
+        const voidElements = schema.getVoidElements();
+        const isNewline = (node) => blockElements[node.nodeName] || voidElements[node.nodeName];
+        const textBlocks = [];
+        let txt = '';
+        const treeWalker = new global$1(node, node);
+        let tempNode;
+        while ((tempNode = treeWalker.next())) {
+            if (tempNode.nodeType === 3) {
+                txt += removeZwsp$1(tempNode.data);
+            }
+            else if (isNewline(tempNode) && txt.length) {
+                textBlocks.push(txt);
+                txt = '';
+            }
+        }
+        if (txt.length) {
+            textBlocks.push(txt);
+        }
+        return textBlocks;
+    };
+
+    const removeZwsp = (text) => text.replace(/\u200B/g, '');
+    const strLen = (str) => str.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, '_').length;
+    const countWords = (node, schema) => {
+        // TODO - TINY-9708: See if TINY-7484 fix can be replaced by adding \u200B to the "format" character class as per Unicode standard
+        // TINY-7484: The grapheme word boundary logic used by Polaris states a ZWSP (\u200B) should be treated as
+        // a word boundary, however word counting normally does not consider it as anything so we strip it out.
+        const text = removeZwsp(getText(node, schema).join('\n'));
+        return getWords(text.split(''), identity).length;
+    };
+    const countCharacters = (node, schema) => {
+        const text = getText(node, schema).join('');
+        return strLen(text);
+    };
+    const countCharactersWithoutSpaces = (node, schema) => {
+        const text = getText(node, schema).join('').replace(/\s/g, '');
+        return strLen(text);
+    };
+
+    const createBodyCounter = (editor, count) => () => count(editor.getBody(), editor.schema);
+    const createSelectionCounter = (editor, count) => () => count(editor.selection.getRng().cloneContents(), editor.schema);
+    const createBodyWordCounter = (editor) => createBodyCounter(editor, countWords);
+    const get = (editor) => ({
+        body: {
+            getWordCount: createBodyWordCounter(editor),
+            getCharacterCount: createBodyCounter(editor, countCharacters),
+            getCharacterCountWithoutSpaces: createBodyCounter(editor, countCharactersWithoutSpaces)
+        },
+        selection: {
+            getWordCount: createSelectionCounter(editor, countWords),
+            getCharacterCount: createSelectionCounter(editor, countCharacters),
+            getCharacterCountWithoutSpaces: createSelectionCounter(editor, countCharactersWithoutSpaces)
+        },
+        getCount: createBodyWordCounter(editor)
+    });
+
+    const open = (editor, api) => {
+        editor.windowManager.open({
+            title: 'Word Count',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'table',
+                        header: ['Count', 'Document', 'Selection'],
+                        cells: [
+                            [
+                                'Words',
+                                String(api.body.getWordCount()),
+                                String(api.selection.getWordCount())
+                            ],
+                            [
+                                'Characters (no spaces)',
+                                String(api.body.getCharacterCountWithoutSpaces()),
+                                String(api.selection.getCharacterCountWithoutSpaces())
+                            ],
+                            [
+                                'Characters',
+                                String(api.body.getCharacterCount()),
+                                String(api.selection.getCharacterCount())
+                            ]
+                        ]
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'close',
+                    text: 'Close',
+                    primary: true
+                }
+            ]
+        });
+    };
+
+    const register$1 = (editor, api) => {
+        editor.addCommand('mceWordCount', () => open(editor, api));
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    const fireWordCountUpdate = (editor, api) => {
+        editor.dispatch('wordCountUpdate', {
+            wordCount: {
+                words: api.body.getWordCount(),
+                characters: api.body.getCharacterCount(),
+                charactersWithoutSpaces: api.body.getCharacterCountWithoutSpaces()
+            }
+        });
+    };
+
+    const updateCount = (editor, api) => {
+        fireWordCountUpdate(editor, api);
+    };
+    const setup = (editor, api, delay) => {
+        const debouncedUpdate = first(() => updateCount(editor, api), delay);
+        editor.on('init', () => {
+            updateCount(editor, api);
+            global.setEditorTimeout(editor, () => {
+                editor.on('SetContent BeforeAddUndo Undo Redo ViewUpdate keyup', debouncedUpdate.throttle);
+            }, 0);
+            editor.on('remove', debouncedUpdate.cancel);
+        });
+    };
+
+    const register = (editor) => {
+        const onAction = () => editor.execCommand('mceWordCount');
+        editor.ui.registry.addButton('wordcount', {
+            tooltip: 'Word count',
+            icon: 'character-count',
+            onAction,
+            context: 'any'
+        });
+        editor.ui.registry.addMenuItem('wordcount', {
+            text: 'Word count',
+            icon: 'character-count',
+            onAction,
+            context: 'any'
+        });
+    };
+
+    var Plugin = (delay = 300) => {
+        global$2.add('wordcount', (editor) => {
+            const api = get(editor);
+            register$1(editor, api);
+            register(editor);
+            setup(editor, api, delay);
+            return api;
+        });
+    };
+
+    Plugin();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/plugin.min.js b/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/plugin.min.js
new file mode 100644
index 000000000..ac4494677
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/plugins/wordcount/plugin.min.js
@@ -0,0 +1 @@
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager");const e=t=>null===t;const n=t=>t,o=(t,e)=>{const n=t.length,o=new Array(n);for(let r=0;r<n;r++){const n=t[r];o[r]=e(n,r)}return o},r="[-'\\.\u2018\u2019\u2024\ufe52\uff07\uff0e]",c="[:\xb7\xb7\u05f4\u2027\ufe13\ufe55\uff1a]",u="[\xb1+*/,;;\u0589\u060c\u060d\u066c\u07f8\u2044\ufe10\ufe14\ufe50\ufe54\uff0c\uff1b]",s="[0-9\u0660-\u0669\u066b\u06f0-\u06f9\u07c0-\u07c9\u0966-\u096f\u09e6-\u09ef\u0a66-\u0a6f\u0ae6-\u0aef\u0b66-\u0b6f\u0be6-\u0bef\u0c66-\u0c6f\u0ce6-\u0cef\u0d66-\u0d6f\u0e50-\u0e59\u0ed0-\u0ed9\u0f20-\u0f29\u1040-\u1049\u1090-\u1099\u17e0-\u17e9\u1810-\u1819\u1946-\u194f\u19d0-\u19d9\u1a80-\u1a89\u1a90-\u1a99\u1b50-\u1b59\u1bb0-\u1bb9\u1c40-\u1c49\u1c50-\u1c59\ua620-\ua629\ua8d0-\ua8d9\ua900-\ua909\ua9d0-\ua9d9\uaa50-\uaa59\uabf0-\uabf9]",a="\\r",i="\\n",l="[\v\f\x85\u2028\u2029]",d="[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065f\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u0900-\u0903\u093a-\u093c\u093e-\u094f\u0951-\u0957\u0962\u0963\u0981-\u0983\u09bc\u09be-\u09c4\u09c7\u09c8\u09cb-\u09cd\u09d7\u09e2\u09e3\u0a01-\u0a03\u0a3c\u0a3e-\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81-\u0a83\u0abc\u0abe-\u0ac5\u0ac7-\u0ac9\u0acb-\u0acd\u0ae2\u0ae3\u0b01-\u0b03\u0b3c\u0b3e-\u0b44\u0b47\u0b48\u0b4b-\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcd\u0bd7\u0c01-\u0c03\u0c3e-\u0c44\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0c82\u0c83\u0cbc\u0cbe-\u0cc4\u0cc6-\u0cc8\u0cca-\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d02\u0d03\u0d3e-\u0d44\u0d46-\u0d48\u0d4a-\u0d4d\u0d57\u0d62\u0d63\u0d82\u0d83\u0dca\u0dcf-\u0dd4\u0dd6\u0dd8-\u0ddf\u0df2\u0df3\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f3e\u0f3f\u0f71-\u0f84\u0f86\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u102b-\u103e\u1056-\u1059\u105e-\u1060\u1062-\u1064\u1067-\u106d\u1071-\u1074\u1082-\u108d\u108f\u109a-\u109d\u135d-\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b6-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u192b\u1930-\u193b\u19b0-\u19c0\u19c8\u19c9\u1a17-\u1a1b\u1a55-\u1a5e\u1a60-\u1a7c\u1a7f\u1b00-\u1b04\u1b34-\u1b44\u1b6b-\u1b73\u1b80-\u1b82\u1ba1-\u1baa\u1be6-\u1bf3\u1c24-\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce8\u1ced\u1cf2\u1dc0-\u1de6\u1dfc-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2d7f\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua823-\ua827\ua880\ua881\ua8b4-\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua953\ua980-\ua983\ua9b3-\ua9c0\uaa29-\uaa36\uaa43\uaa4c\uaa4d\uaa7b\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe3-\uabea\uabec\uabed\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]",g="[\xad\u0600-\u0603\u06dd\u070f\u17b4\u17b5\u200e\u200f\u202a-\u202e\u2060-\u2064\u206a-\u206f\ufeff\ufff9-\ufffb]",p="[\u3031-\u3035\u309b\u309c\u30a0-\u30fa\u30fc-\u30ff\u31f0-\u31ff\u32d0-\u32fe\u3300-\u3357\uff66-\uff9d]",h="[=_\u203f\u2040\u2054\ufe33\ufe34\ufe4d-\ufe4f\uff3f\u2200-\u22ff<>]",C="[~\u2116|!-*+-\\/:;?@\\[-`{}\xa1\xab\xb7\xbb\xbf;\xb7\u055a-\u055f\u0589\u058a\u05be\u05c0\u05c3\u05c6\u05f3\u05f4\u0609\u060a\u060c\u060d\u061b\u061e\u061f\u066a-\u066d\u06d4\u0700-\u070d\u07f7-\u07f9\u0830-\u083e\u085e\u0964\u0965\u0970\u0df4\u0e4f\u0e5a\u0e5b\u0f04-\u0f12\u0f3a-\u0f3d\u0f85\u0fd0-\u0fd4\u0fd9\u0fda\u104a-\u104f\u10fb\u1361-\u1368\u1400\u166d\u166e\u169b\u169c\u16eb-\u16ed\u1735\u1736\u17d4-\u17d6\u17d8-\u17da\u1800-\u180a\u1944\u1945\u1a1e\u1a1f\u1aa0-\u1aa6\u1aa8-\u1aad\u1b5a-\u1b60\u1bfc-\u1bff\u1c3b-\u1c3f\u1c7e\u1c7f\u1cd3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205e\u207d\u207e\u208d\u208e\u3008\u3009\u2768-\u2775\u27c5\u27c6\u27e6-\u27ef\u2983-\u2998\u29d8-\u29db\u29fc\u29fd\u2cf9-\u2cfc\u2cfe\u2cff\u2d70\u2e00-\u2e2e\u2e30\u2e31\u3001-\u3003\u3008-\u3011\u3014-\u301f\u3030\u303d\u30a0\u30fb\ua4fe\ua4ff\ua60d-\ua60f\ua673\ua67e\ua6f2-\ua6f7\ua874-\ua877\ua8ce\ua8cf\ua8f8-\ua8fa\ua92e\ua92f\ua95f\ua9c1-\ua9cd\ua9de\ua9df\uaa5c-\uaa5f\uaade\uaadf\uabeb\ufd3e\ufd3f\ufe10-\ufe19\ufe30-\ufe52\ufe54-\ufe61\ufe63\ufe68\ufe6a\ufe6b\uff01-\uff03\uff05-\uff0a\uff0c-\uff0f\uff1a\uff1b\uff1f\uff20\uff3b-\uff3d\uff3f\uff5b\uff5d\uff5f-\uff65]",y=10,m=[new RegExp("[A-Za-z\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec\u02ee\u0370-\u0374\u0376\u0377\u037a-\u037d\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u048a-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05d0-\u05ea\u05f0-\u05f3\u0620-\u064a\u066e\u066f\u0671-\u06d3\u06d5\u06e5\u06e6\u06ee\u06ef\u06fa-\u06fc\u06ff\u0710\u0712-\u072f\u074d-\u07a5\u07b1\u07ca-\u07ea\u07f4\u07f5\u07fa\u0800-\u0815\u081a\u0824\u0828\u0840-\u0858\u0904-\u0939\u093d\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097f\u0985-\u098c\u098f\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09ce\u09dc\u09dd\u09df-\u09e1\u09f0\u09f1\u0a05-\u0a0a\u0a0f\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32\u0a33\u0a35\u0a36\u0a38\u0a39\u0a59-\u0a5c\u0a5e\u0a72-\u0a74\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2\u0ab3\u0ab5-\u0ab9\u0abd\u0ad0\u0ae0\u0ae1\u0b05-\u0b0c\u0b0f\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32\u0b33\u0b35-\u0b39\u0b3d\u0b5c\u0b5d\u0b5f-\u0b61\u0b71\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99\u0b9a\u0b9c\u0b9e\u0b9f\u0ba3\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bd0\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c33\u0c35-\u0c39\u0c3d\u0c58\u0c59\u0c60\u0c61\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cde\u0ce0\u0ce1\u0cf1\u0cf2\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d4e\u0d60\u0d61\u0d7a-\u0d7f\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0f00\u0f40-\u0f47\u0f49-\u0f6c\u0f88-\u0f8c\u10a0-\u10c5\u10d0-\u10fa\u10fc\u1100-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1380-\u138f\u13a0-\u13f4\u1401-\u166c\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16ee-\u16f0\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1820-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191c\u1a00-\u1a16\u1b05-\u1b33\u1b45-\u1b4b\u1b83-\u1ba0\u1bae\u1baf\u1bc0-\u1be5\u1c00-\u1c23\u1c4d-\u1c4f\u1c5a-\u1c7d\u1ce9-\u1cec\u1cee-\u1cf1\u1d00-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2119-\u211d\u2124\u2126\u2128\u212a-\u212d\u212f-\u2139\u213c-\u213f\u2145-\u2149\u214e\u2160-\u2188\u24b6-\u24e9\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2ce4\u2ceb-\u2cee\u2d00-\u2d25\u2d30-\u2d65\u2d6f\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u2e2f\u3005\u303b\u303c\u3105-\u312d\u3131-\u318e\u31a0-\u31ba\ua000-\ua48c\ua4d0-\ua4fd\ua500-\ua60c\ua610-\ua61f\ua62a\ua62b\ua640-\ua66e\ua67f-\ua697\ua6a0-\ua6ef\ua717-\ua71f\ua722-\ua788\ua78b-\ua78e\ua790\ua791\ua7a0-\ua7a9\ua7fa-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua840-\ua873\ua882-\ua8b3\ua8f2-\ua8f7\ua8fb\ua90a-\ua925\ua930-\ua946\ua960-\ua97c\ua984-\ua9b2\ua9cf\uaa00-\uaa28\uaa40-\uaa42\uaa44-\uaa4b\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uabc0-\uabe2\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\ufb00-\ufb06\ufb13-\ufb17\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40\ufb41\ufb43\ufb44\ufb46-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\uff21-\uff3a\uff41-\uff5a\uffa0-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc]"),new RegExp(r),new RegExp(c),new RegExp(u),new RegExp(s),new RegExp(a),new RegExp(i),new RegExp(l),new RegExp(d),new RegExp(g),new RegExp(p),new RegExp(h),new RegExp("@")],w=new RegExp("^"+C+"$"),x=m,W=t=>{let e=13;const n=x.length;for(let o=0;o<n;++o){const n=x[o];if(n&&n.test(t)){e=o;break}}return e},f=(t,e)=>{const n=t[e],o=t[e+1];if(e<0||e>t.length-1&&0!==e)return!1;if(0===n&&0===o)return!1;const r=t[e+2];if(0===n&&(2===o||1===o||12===o)&&0===r)return!1;const c=t[e-1];return(2!==n&&1!==n&&12!==o||0!==o||0!==c)&&(4!==n&&0!==n||4!==o&&0!==o)&&(3!==n&&1!==n||4!==o||4!==c)&&(4!==n||3!==o&&1!==o||4!==r)&&(8!==n&&9!==n||0!==o&&4!==o&&o!==y&&8!==o&&9!==o)&&(8!==o&&(9!==o||0!==r&&4!==r&&r!==y&&8!==r&&9!==r)||0!==n&&4!==n&&n!==y&&8!==n&&9!==n)&&(5!==n||6!==o)&&(7===n||5===n||6===n||7===o||5===o||6===o||(n!==y||o!==y)&&(11!==o||0!==n&&4!==n&&n!==y&&11!==n)&&(11!==n||0!==o&&4!==o&&o!==y)&&12!==n)},E=/^\s+$/,R=w,S=t=>"http"===t||"https"===t,b=(t,e)=>{const n=((t,e)=>{let n;for(n=e;n<t.length&&!E.test(t[n]);n++);return n})(t,e+1);return"://"===t.slice(e+1,n).join("").substr(0,3)?n:e},v=(t,e,n)=>((t,e,n)=>{n={includeWhitespace:!1,includePunctuation:!1,...n};const r=o(t,e);return((t,e,n,o)=>{const r=[],c=[];let u=[];for(let s=0;s<n.length;++s)if(u.push(t[s]),f(n,s)){const n=e[s];if((o.includeWhitespace||!E.test(n))&&(o.includePunctuation||!R.test(n))){const n=s-u.length+1,o=s+1,a=e.slice(n,o).join("");if(S(a)){const n=b(e,s),r=t.slice(o,n);Array.prototype.push.apply(u,r),s=n}"."===e[s+1]&&/^([a-zA-Z]\.)+$/.test(a+".")?(u.push(t[s+1]),c.push({start:n,end:o+1})):c.push({start:n,end:o}),r.push(u)}u=[]}return{words:r,indices:c}})(t,r,(t=>{const e=(t=>{const e={};return n=>{if(e[n])return e[n];{const o=t(n);return e[n]=o,o}}})(W);return o(t,e)})(r),n)})(t,e,n).words;var F=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker");const T=(t,e)=>{const n=e.getBlockElements(),o=e.getVoidElements(),r=t=>n[t.nodeName]||o[t.nodeName],c=[];let u="";const s=new F(t,t);let a;for(;a=s.next();)3===a.nodeType?u+=a.data.replace(/\uFEFF/g,""):r(a)&&u.length&&(c.push(u),u="");return u.length&&c.push(u),c},A=t=>t.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,"_").length,B=(t,e)=>{const o=(t=>t.replace(/\u200B/g,""))(T(t,e).join("\n"));return v(o.split(""),n).length},D=(t,e)=>{const n=T(t,e).join("");return A(n)},j=(t,e)=>{const n=T(t,e).join("").replace(/\s/g,"");return A(n)},k=(t,e)=>()=>e(t.getBody(),t.schema),U=(t,e)=>()=>e(t.selection.getRng().cloneContents(),t.schema),M=t=>k(t,B);var P=tinymce.util.Tools.resolve("tinymce.util.Delay");const $=(t,e)=>{((t,e)=>{t.dispatch("wordCountUpdate",{wordCount:{words:e.body.getWordCount(),characters:e.body.getCharacterCount(),charactersWithoutSpaces:e.body.getCharacterCountWithoutSpaces()}})})(t,e)},z=(t,n,o)=>{const r=((t,n)=>{let o=null;return{cancel:()=>{e(o)||(clearTimeout(o),o=null)},throttle:(...r)=>{e(o)&&(o=setTimeout((()=>{o=null,t.apply(null,r)}),n))}}})((()=>$(t,n)),o);t.on("init",(()=>{$(t,n),P.setEditorTimeout(t,(()=>{t.on("SetContent BeforeAddUndo Undo Redo ViewUpdate keyup",r.throttle)}),0),t.on("remove",r.cancel)}))};((e=300)=>{t.add("wordcount",(t=>{const n=(t=>({body:{getWordCount:M(t),getCharacterCount:k(t,D),getCharacterCountWithoutSpaces:k(t,j)},selection:{getWordCount:U(t,B),getCharacterCount:U(t,D),getCharacterCountWithoutSpaces:U(t,j)},getCount:M(t)}))(t);return((t,e)=>{t.addCommand("mceWordCount",(()=>((t,e)=>{t.windowManager.open({title:"Word Count",body:{type:"panel",items:[{type:"table",header:["Count","Document","Selection"],cells:[["Words",String(e.body.getWordCount()),String(e.selection.getWordCount())],["Characters (no spaces)",String(e.body.getCharacterCountWithoutSpaces()),String(e.selection.getCharacterCountWithoutSpaces())],["Characters",String(e.body.getCharacterCount()),String(e.selection.getCharacterCount())]]}]},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}]})})(t,e)))})(t,n),(t=>{const e=()=>t.execCommand("mceWordCount");t.ui.registry.addButton("wordcount",{tooltip:"Word count",icon:"character-count",onAction:e,context:"any"}),t.ui.registry.addMenuItem("wordcount",{text:"Word count",icon:"character-count",onAction:e,context:"any"})})(t),z(t,n,e),n}))})()}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.css
new file mode 100644
index 000000000..32e8ebd9b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.css
@@ -0,0 +1,75 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  background-color: #222f3e;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+a {
+  color: #4099ff;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #6d737b;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #8a8f97;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #6d737b;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #6d737b;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #6d737b;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #6d737b;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.js
new file mode 100644
index 000000000..f6a4e702a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/dark/content.css', `body{background-color:#222f3e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.min.css
new file mode 100644
index 000000000..b0fd16d54
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/dark/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{background-color:#222f3e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.css
new file mode 100644
index 000000000..84253b630
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.css
@@ -0,0 +1,70 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.js
new file mode 100644
index 000000000..b8156a481
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/default/content.css', `body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.min.css
new file mode 100644
index 000000000..44e18ac45
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/default/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.css
new file mode 100644
index 000000000..54ce58610
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.css
@@ -0,0 +1,75 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@media screen {
+  html {
+    background: #f4f4f4;
+    min-height: 100%;
+  }
+}
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+@media screen {
+  body {
+    background-color: #fff;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+    box-sizing: border-box;
+    margin: 1rem auto 0;
+    max-width: 820px;
+    min-height: calc(100vh - 1rem);
+    padding: 4rem 6rem 6rem 6rem;
+  }
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure figcaption {
+  color: #999;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.js
new file mode 100644
index 000000000..a7c3c4703
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/document/content.css', `@media screen{html{background:#f4f4f4;min-height:100%}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}@media screen{body{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);box-sizing:border-box;margin:1rem auto 0;max-width:820px;min-height:calc(100vh - 1rem);padding:4rem 6rem 6rem 6rem}}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure figcaption{color:#999;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.min.css
new file mode 100644
index 000000000..af24a0ba5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/document/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@media screen{html{background:#f4f4f4;min-height:100%}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}@media screen{body{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);box-sizing:border-box;margin:1rem auto 0;max-width:820px;min-height:calc(100vh - 1rem);padding:4rem 6rem 6rem 6rem}}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure figcaption{color:#999;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.css
new file mode 100644
index 000000000..87e17f243
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.css
@@ -0,0 +1,75 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  background-color: #2f3742;
+  color: #dfe0e4;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+a {
+  color: #4099ff;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #6d737b;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #8a8f97;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #6d737b;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #6d737b;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #6d737b;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #6d737b;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.js
new file mode 100644
index 000000000..52320f30f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/tinymce-5-dark/content.css', `body{background-color:#2f3742;color:#dfe0e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.min.css
new file mode 100644
index 000000000..8568f6688
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5-dark/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{background-color:#2f3742;color:#dfe0e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.css
new file mode 100644
index 000000000..84253b630
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.css
@@ -0,0 +1,70 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.js
new file mode 100644
index 000000000..1a0da2d4d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/tinymce-5/content.css', `body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.min.css
new file mode 100644
index 000000000..44e18ac45
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/tinymce-5/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.css
new file mode 100644
index 000000000..bdf30d183
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.css
@@ -0,0 +1,71 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem auto;
+  max-width: 900px;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.js
new file mode 100644
index 000000000..83f3a221a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('content/writer/content.css', `body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem auto;max-width:900px}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.min.css
new file mode 100644
index 000000000..44e53a87f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/content/writer/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem auto;max-width:900px}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.css
new file mode 100644
index 000000000..109b01a04
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.css
@@ -0,0 +1,881 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #1b3b60;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #006ce7;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #1b3b60;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #1b3b60;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #1b3b60;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #006ce7;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #f8f8f2;
+  background: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+  border-radius: 0.3em;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #282a36;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #6272a4;
+}
+.token.punctuation {
+  color: #f8f8f2;
+}
+.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #ff79c6;
+}
+.token.boolean,
+.token.number {
+  color: #bd93f9;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #50fa7b;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #f8f8f2;
+}
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #f1fa8c;
+}
+.token.keyword {
+  color: #8be9fd;
+}
+.token.regex,
+.token.important {
+  color: #ffb86c;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.3);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.3);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #4099ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #4099ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid transparent;
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: lighten;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #4099ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #99c4f5;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #ffeb99;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #eb9999;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #99c4f5;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #ffeb99;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #eb9999;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.css
new file mode 100644
index 000000000..86ac0c46e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.css
@@ -0,0 +1,887 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.js
new file mode 100644
index 000000000..166db8ffe
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/oxide-dark/content.inline.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.min.css
new file mode 100644
index 000000000..2844f4ea3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.inline.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.js
new file mode 100644
index 000000000..7941dadc7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/oxide-dark/content.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #1b3b60}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #006ce7}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#1b3b60;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#1b3b60}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#1b3b60;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #006ce7}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.3)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.3);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#99c4f5}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#ffeb99}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#eb9999}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#99c4f5;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#ffeb99;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#eb9999;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.min.css
new file mode 100644
index 000000000..8851414e3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #1b3b60}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #006ce7}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#1b3b60;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#1b3b60}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#1b3b60;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #006ce7}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.3)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.3);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#99c4f5}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#ffeb99}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#eb9999}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#99c4f5;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#ffeb99;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#eb9999;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.css
new file mode 100644
index 000000000..de32a3c70
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.css
@@ -0,0 +1,5144 @@
+.tox {
+  box-shadow: none;
+  box-sizing: content-box;
+  color: #222f3e;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 2px solid #161f29;
+  border-radius: 10px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+  background-color: #222F3E;
+  border: 2px solid #161f29;
+  border-radius: 10px;
+  box-shadow: none;
+  overflow: hidden;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox[dir=rtl] .tox-icon--flip svg {
+  transform: rotateY(180deg);
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox #accessibility-issue__subheader {
+  font-size: 16px;
+  color: #fff;
+}
+.tox .accessbility-sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(0 0 99.9% 99.9%);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  padding: 0;
+  border: 0;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border-radius: 6px;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
+}
+.tox #accessibility-issue__contentID {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.tox #accessibility-issue__contentID span:first-child {
+  font-weight: bold;
+}
+.tox #accessibility-issue__document {
+  padding-bottom: 8px;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 8px;
+}
+.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
+  color: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: #1f354f;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  font-size: 14px;
+  color: #99c4f5;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
+  fill: #99c4f5;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #006ce7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #0060ce;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #0054b4;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: #383f38;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  font-size: 14px;
+  color: #ffeb99;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
+  fill: #ffeb99;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: #332a38;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  font-size: 14px;
+  color: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
+  fill: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.5);
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  display: none;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox .mce-codemirror {
+  background: #fff;
+  bottom: 0;
+  font-size: 13px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .mce-codemirror.tox-inline-codemirror {
+  margin: 8px;
+  position: absolute;
+}
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #161f29;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #006ce7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #006ce7;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-button::before {
+  border-radius: 6px;
+  bottom: -1px;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+  content: '';
+  left: -1px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.tox .tox-button[disabled] {
+  background-color: #006ce7;
+  background-image: none;
+  border-color: #006ce7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #0060ce;
+  background-image: none;
+  border-color: #0060ce;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #0060ce;
+  background-image: none;
+  border-color: #0060ce;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled[disabled] {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
+  background-color: #00489b;
+  background-image: none;
+  border-color: #00489b;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
+  background-color: #00489b;
+  background-image: none;
+  border-color: #00489b;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:active:not(:disabled) {
+  background-color: #003c81;
+  background-image: none;
+  border-color: #003c81;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button--secondary {
+  background-color: #3d546f;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #3d546f;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #3d546f;
+  background-image: none;
+  border-color: #3d546f;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #2b3b4e;
+  background-image: none;
+  border-color: #2b3b4e;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled {
+  background-color: #2b5c93;
+  background-image: none;
+  border-color: #2b5c93;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled[disabled] {
+  background-color: #2b5c93;
+  background-image: none;
+  border-color: #2b5c93;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
+  background-color: #254f80;
+  background-image: none;
+  border-color: #254f80;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
+  background-color: #254f80;
+  background-image: none;
+  border-color: #254f80;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
+  background-color: #1f436c;
+  background-image: none;
+  border-color: #1f436c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 6px 1px 5px 0;
+  padding: 0;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-color: transparent;
+  box-shadow: unset;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: rgba(255, 255, 255, 0.3);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #fff;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.2);
+}
+@media (forced-colors: active) {
+  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #006ce7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #006ce7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 6px;
+  box-shadow: inset 0 0 0 1px #006ce7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: rgba(255, 255, 255, 0.15);
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: rgba(255, 255, 255, 0.5);
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  border-radius: 3px;
+  color: #fff;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #fff;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #006ce7;
+  stroke: #006ce7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #222F3E;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #222F3E;
+  opacity: 0.8;
+  background-clip: content-box;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #2b3b4e;
+  color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #006ce7;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+    border: solid 1px;
+  }
+}
+.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #599fef;
+  color: #fff;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #2f4055;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff inset;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #599fef;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #fff;
+  background-color: #2b3b4e;
+  position: relative;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+  background-color: #2f4055;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
+  background-color: #2f4055;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection__item-image {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  max-width: 100%;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: currentColor;
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: currentColor;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #2b3b4e;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 28px;
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid transparent;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid transparent;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+@media (forced-colors: active) {
+  .tox .tox-hue-slider,
+  .tox .tox-rgb-form .tox-rgba-preview {
+    background-color: currentColor !important;
+    border: 1px solid highlight !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-spectrum:focus,
+.tox .tox-sv-palette-spectrum:focus {
+  outline: #08f solid;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  min-width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid #f00 !important;
+  box-shadow: 0 0 0 1px #f00;
+}
+.tox .tox-rgb-container {
+  position: relative;
+}
+.tox .tox-rgb-form .tox-invalid-icon {
+  align-content: center;
+  align-items: center;
+  display: none;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
+  margin: 0;
+}
+.tox .tox-rgb-warning-note {
+  background-color: #442632;
+  border: 1px solid #55212b;
+  border-radius: 3px;
+  color: #e68080;
+  padding: 3px;
+}
+.tox input.tox-invalid + .tox-invalid-icon {
+  display: flex;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px -4px;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+@media (forced-colors: active) {
+  .tox .tox-swatches__row {
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  fill: #fff;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #2f4055;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #fff;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
+  display: block;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox {
+  /* Animation for deleting a comment */
+  /* A comment fades to 0 when it is being deleted, then is removed */
+}
+.tox .tox-conversations {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  /* This is to give the sidebar a consistent width. Need a solution for this */
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+}
+.tox .tox-conversations__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  padding: 8px 12px;
+  background: #222F3E;
+  z-index: 1;
+}
+.tox .tox-conversations__title {
+  font-size: 20px;
+  font-weight: 400;
+  padding: 8px 0 8px 0;
+  color: #fff;
+  line-height: 28px;
+}
+.tox .tox-comment {
+  background: #222F3E;
+  border: 1px solid #222F3E;
+  border-radius: 6px;
+  padding: 8px;
+  padding-bottom: 16px;
+  position: relative;
+}
+.tox .tox-comment:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected {
+  background-color: #1b3b60;
+  border: 1px solid #006ce7;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected:focus {
+  border: 2px solid #fff;
+  margin: -1px;
+}
+.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
+  margin-top: 7px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single {
+  margin-bottom: 12px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
+  position: relative;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
+  top: -9px;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: block;
+  bottom: -9px;
+  left: -9px;
+  right: -9px;
+  border-radius: 6px;
+  border: 2px solid #fff;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: #fff;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-comment__body {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+  white-space: pre-wrap;
+  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
+}
+.tox .tox-comment__body.tox-comment__body--expanded {
+  max-height: 100em;
+  transition: max-height 1s ease-in-out;
+}
+.tox .tox-comment__body.tox-comment__body--pending {
+  transition: max-height 0s;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+  font-size: 16px;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #222F3E;
+  box-shadow: 0 0 8px 8px #222F3E;
+  color: #fff;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+  font-style: normal;
+  /* Need a focus highlight on the show more/less button */
+}
+.tox .tox-comment__expander p:focus {
+  font-weight: bold;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-tbtn.tox-comment__mention-btn {
+  display: flex;
+  width: 34px;
+  height: 34px;
+  padding: 5px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  background-color: transparent;
+}
+.tox .tox-comment-thread {
+  background: #222F3E;
+  position: relative;
+  border-radius: 6px;
+  background-color: transparent;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #222F3E;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(34, 47, 62, 0), #222F3E);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #222F3E;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #222F3E;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 12px;
+  scroll-behavior: smooth;
+}
+.tox .tox-comment__scroll:has(textarea:focus) {
+  scroll-behavior: auto;
+}
+.tox .tox-comment--disappearing {
+  transition: opacity 0.5s ease;
+}
+.tox .tox-comment[data-transitioning-destination="deleting"] {
+  opacity: 0;
+}
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
+.tox .tox-ring-loader {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #FFF;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-user__avatar img {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-user__name {
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 18px;
+  text-transform: none;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg,
+.tox:not([dir=rtl]) .tox-user__avatar img {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg,
+.tox[dir=rtl] .tox-user__avatar img {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox {
+  /* .tox-dialog-blocker-wrap {
+    //
+  } */
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #222F3E;
+}
+.tox .tox-dialog {
+  background-color: #2b3b4e;
+  border-color: #161f29;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 0;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    max-height: calc(100vh - 8px * 2);
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-bottom: none;
+  color: #fff;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #fff;
+  display: flex;
+  flex: 1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 16px 16px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(255, 255, 255, 0.5);
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  max-width: 13em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #67aeff;
+  color: #67aeff;
+}
+@media (forced-colors: active) {
+  .tox .tox-dialog__body-nav-item--active {
+    border-bottom: 2px solid highlight;
+    color: highlight;
+  }
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-height: min(650px, calc(100vh - 110px));
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #67aeff;
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #cde5ff;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #67aeff;
+  outline-offset: 2px;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #ffffff;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
+.tox .tox-dialog__body-content ul {
+  list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #fff;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-top: none;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #000000;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
+.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
+  background: #fff;
+}
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  content: '';
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered iframe {
+  border-radius: 6px;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #161f29;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(255, 255, 255, 0.5);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area::before {
+  border: 2px solid #FFFFFF;
+  border-radius: 4px;
+  content: '';
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
+@media (forced-colors: active) {
+  .tox .tox-edit-area::before {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #161f29;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #222F3E;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #222F3E;
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: none;
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-custom-preview {
+  border-color: #161f29;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  flex: 1;
+  padding: 8px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  box-sizing: border-box;
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(34 47 3.1%);
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span {
+    border-color: currentColor;
+    border-width: 2px !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #006ce7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #2b3b4e;
+  border-radius: 6px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span::before {
+    border: none;
+  }
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(255, 255, 255, 0.5);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  appearance: none;
+  background-color: #2b3b4e;
+  border-color: #161f29;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 5.5px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-toolbar-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #222f3e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-toolbar-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-focusable-wrapper:focus,
+.tox .tox-custom-editor:focus-within {
+  background-color: #2b3b4e;
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-toolbar-textfield {
+  max-width: 250px;
+  min-height: unset;
+  height: 28px;
+  margin: 5px 0 6px 0;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #006ce7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-textfield-size {
+  width: 80px;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-listbox__select-chevron svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  appearance: none;
+  background-color: #2b3b4e;
+  border-color: #161f29;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 5.5px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #2b3b4e;
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-selectfield select option:checked {
+  background-color: revert;
+  color: revert;
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea-wrap {
+  border-color: #161f29;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+.tox .tox-textarea {
+  appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-imagepreview {
+  background-color: #666;
+  height: 380px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+  overflow: auto;
+}
+.tox .tox-imagepreview__container {
+  display: flex;
+  left: 100vw;
+  position: absolute;
+  top: 100vw;
+}
+.tox .tox-imagepreview__image {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+  flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+  align-items: center;
+  display: flex;
+  height: 60px;
+  justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px -4px;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px -4px;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #161f29;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #fff;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #2f4055;
+}
+.tox .tox-insert-table-picker {
+  background-color: #222F3E;
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: rgba(255, 255, 255, 0.15);
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: #006ce7;
+  border-color: rgba(255, 255, 255, 0.15);
+}
+@media (forced-colors: active) {
+  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    border-color: Highlight;
+    filter: contrast(50%);
+  }
+}
+.tox .tox-insert-table-picker__label {
+  color: #fff;
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox-mentions__card-common {
+  z-index: 1200;
+}
+.tox.tox-mentions__card {
+  background: #222F3E;
+  border: 1px solid #161f29;
+  display: flex;
+  padding: 4px 8px;
+}
+.tox.tox-mentions__card .tox-mentions__container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin: 0 4px;
+}
+.tox .tox-mentions__avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+.tox .tox-mentions__username {
+  font-size: 14px;
+  line-height: 21px;
+}
+.tox .tox-mentions__description {
+  font-size: 12px;
+  line-height: 21px;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-collection__item--active .tox-mentions__description {
+  color: inherit;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #2b3b4e;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 6px;
+  box-shadow: none;
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 8px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 8px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-menu .tox-collection__item-label {
+    overflow-wrap: break-word;
+    word-break: normal;
+  }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
+  background-color: #222F3E;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  padding: 0 11px 0 12px;
+}
+.tox .tox-promotion + .tox-menubar {
+  grid-column: 1;
+}
+.tox .tox-promotion {
+  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
+  background-color: #222F3E;
+  grid-column: 2;
+  grid-row: 1;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
+  padding-top: 5px;
+}
+.tox .tox-promotion-link {
+  align-items: unsafe center;
+  background-color: #E8F1F8;
+  border-radius: 5px;
+  color: #086BE6;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  height: 26.6px;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.tox .tox-promotion-link:hover {
+  background-color: #B4D7FF;
+}
+.tox .tox-promotion-link:focus {
+  background-color: #D9EDF7;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: #222F3E;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  justify-content: center;
+  margin: 5px 1px 6px 0;
+  outline: none;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-mbtn:focus:not(:disabled)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-mbtn:focus:not(:disabled)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-mbtn--active,
+.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  width: max-content;
+}
+.tox .tox-notification a {
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification:focus {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #334840;
+  border-color: #3c5440;
+  color: #fff;
+}
+.tox .tox-notification--success p {
+  color: #fff;
+}
+.tox .tox-notification--success a {
+  color: #b5d199;
+}
+.tox .tox-notification--success a:hover,
+.tox .tox-notification--success a:focus {
+  color: #82b153;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #b5d199;
+  outline-offset: 2px;
+}
+.tox .tox-notification--success a:active {
+  color: #689041;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success svg {
+  fill: #fff;
+}
+.tox .tox-notification--error {
+  background-color: #442632;
+  border-color: #55212b;
+  color: #fff;
+}
+.tox .tox-notification--error p {
+  color: #fff;
+}
+.tox .tox-notification--error a {
+  color: #e68080;
+}
+.tox .tox-notification--error a:hover,
+.tox .tox-notification--error a:focus {
+  color: #d42b2b;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #e68080;
+  outline-offset: 2px;
+}
+.tox .tox-notification--error a:active {
+  color: #aa2222;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error svg {
+  fill: #fff;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #222F3E;
+  border-color: rgba(255, 255, 255, 0.15);
+  color: #fff0b3;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #fff0b3;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #ffcc00;
+}
+.tox .tox-notification--warn a:hover,
+.tox .tox-notification--warning a:hover,
+.tox .tox-notification--warn a:focus,
+.tox .tox-notification--warning a:focus {
+  color: #997a00;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn a:focus-visible,
+.tox .tox-notification--warning a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #ffcc00;
+  outline-offset: 2px;
+}
+.tox .tox-notification--warn a:active,
+.tox .tox-notification--warning a:active {
+  color: #665200;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #fff0b3;
+}
+.tox .tox-notification--info {
+  background-color: #254161;
+  border-color: #264972;
+  color: #fff;
+}
+.tox .tox-notification--info p {
+  color: #fff;
+}
+.tox .tox-notification--info a {
+  color: #83b7f3;
+}
+.tox .tox-notification--info a:hover,
+.tox .tox-notification--info a:focus {
+  color: #2681ea;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #83b7f3;
+  outline-offset: 2px;
+}
+.tox .tox-notification--info a:active {
+  color: #1368c9;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info svg {
+  fill: #fff;
+}
+.tox .tox-notification__body {
+  align-self: center;
+  color: #fff;
+  font-size: 14px;
+  grid-column-end: 3;
+  grid-column-start: 2;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  align-self: center;
+  grid-column-end: 2;
+  grid-column-start: 1;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  align-self: start;
+  grid-column-end: 4;
+  grid-column-start: 3;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  grid-column-end: 4;
+  grid-column-start: 1;
+  grid-row-end: 3;
+  grid-row-start: 2;
+  justify-self: center;
+}
+.tox .tox-notification-container-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-notification-container-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-notification-container-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #17202a;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #222F3E;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #fff;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #2b3b4e;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #fff;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #2b3b4e 24%, #202d3b 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #17202a;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #55367A;
+  color: #C290FB;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #C290FB;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #cde5ff;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #67aeff;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #ffffff;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+  transition: 0.15s ease;
+  transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+.tox .tox-pop__dialog {
+  background-color: #222F3E;
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  opacity: 1;
+  position: absolute;
+  width: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-pop::before,
+  .tox .tox-pop::after {
+    content: none;
+  }
+}
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+  opacity: 0;
+  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #222F3E transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #161f29 transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #222F3E transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #161f29 transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #222F3E transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #161f29 transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #222F3E;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #161f29;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #34485f;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #006ce7;
+  border: 2px solid #0054b4;
+  border-radius: 6px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+  margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+  margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+  margin-inline-start: 32px;
+}
+.tox .tox-toolbar-slider {
+  align-items: center;
+  display: inline-flex;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input {
+  appearance: none;
+  background: #161f29;
+  border-radius: 16px;
+  width: 130px;
+  height: 2px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background-color: #006ce7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-thumb {
+  appearance: none;
+  background-color: #006ce7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input:focus-visible {
+  outline: none;
+}
+.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
+  background-color: #0060ce;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+}
+.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
+  background-color: #0060ce;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+}
+.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
+  background-color: #0060ce;
+}
+.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
+  background-color: #0060ce;
+}
+.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
+  background-color: #0054b4;
+}
+.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
+  background-color: #0054b4;
+}
+.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #222F3E;
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  color: rgba(255, 255, 255, 0.75);
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-weight: normal;
+  height: 25px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: none;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
+  align-items: flex-start;
+  display: flex;
+  flex: 1 1 auto;
+  height: 16px;
+  justify-content: space-between;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+@media only screen and (max-width: 767px ) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: rgba(255, 255, 255, 0.75);
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #fff;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:focus-visible::after,
+.tox .tox-statusbar__path-item:focus-visible::after,
+.tox .tox-statusbar__wordcount:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar a:focus-visible::after,
+  .tox .tox-statusbar__path-item:focus-visible::after,
+  .tox .tox-statusbar__wordcount:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(255, 255, 255, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #fff;
+}
+.tox .tox-statusbar__resize-cursor-default {
+  cursor: ns-resize;
+}
+.tox .tox-statusbar__resize-cursor-both {
+  cursor: nwse-resize;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-bottom: 3px;
+  margin-left: 4px;
+  margin-right: calc(3px - 8px);
+  margin-top: 3px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-statusbar__resize-handle:hover svg,
+.tox .tox-statusbar__resize-handle:focus svg {
+  fill: #fff;
+}
+.tox .tox-statusbar__resize-handle:focus-visible {
+  background-color: transparent;
+  border-radius: 1px 1px 5px 1px;
+  box-shadow: 0 0 0 2px transparent;
+}
+.tox .tox-statusbar__resize-handle:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__resize-handle:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__resize-handle:only-child {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 2ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-throbber {
+  z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: #222F3E;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  justify-content: center;
+  margin: 6px 1px 5px 0;
+  outline: none;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:hover,
+  .tox .tox-tbtn.tox-tbtn:hover {
+    outline: 1px dashed currentColor;
+  }
+  .tox .tox-tbtn.tox-tbtn--active,
+  .tox .tox-tbtn.tox-tbtn--enabled,
+  .tox .tox-tbtn.tox-tbtn--enabled:hover,
+  .tox .tox-tbtn.tox-tbtn--enabled:focus,
+  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+    outline: 1px solid currentColor;
+    position: relative;
+  }
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn svg {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--enabled,
+  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--disabled,
+  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
+  .tox .tox-tbtn svg .tox-tbtn:disabled,
+  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
+    filter: contrast(0%);
+  }
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-tbtn:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:hover {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--active,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn--enabled:focus {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+}
+.tox .tox-tbtn--active > *,
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled:focus > * {
+  transform: none;
+}
+.tox .tox-tbtn--active svg,
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg,
+.tox .tox-tbtn--enabled:focus svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--active.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--enabled:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn--enabled:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 42px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 56px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-label--context-toolbar {
+  margin: 6px 1px 5px 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.tox .tox-number-input {
+  background: #2f4055;
+  border-radius: 3px;
+  display: flex;
+  margin: 6px 1px 5px 0;
+  position: relative;
+  width: auto;
+}
+.tox .tox-number-input:focus {
+  background: #2f4055;
+}
+.tox .tox-number-input:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper {
+  display: flex;
+  pointer-events: none;
+  position: relative;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background-color: #2f4055;
+  z-index: 1;
+}
+.tox .tox-number-input .tox-input-wrapper:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #fff;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  position: relative;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #2f4055;
+  color: #fff;
+}
+.tox .tox-number-input input:focus {
+  background-color: #2f4055;
+}
+.tox .tox-number-input input:disabled {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button {
+  color: #fff;
+  height: 28px;
+  position: relative;
+  text-align: center;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:hover,
+  .tox .tox-number-input button:focus,
+  .tox .tox-number-input button:active {
+    outline: 1px solid currentColor !important;
+  }
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #fff;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button svg,
+  .tox .tox-number-input button svg:active,
+  .tox .tox-number-input button svg:hover {
+    fill: currentColor !important;
+  }
+  .tox .tox-number-input button svg:disabled {
+    filter: contrast(0);
+  }
+}
+.tox .tox-number-input button:focus {
+  background: #2f4055;
+  z-index: 1;
+}
+.tox .tox-number-input button:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input button:hover {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #fff;
+}
+.tox .tox-number-input button:active {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-number-input button:active svg {
+  fill: #fff;
+}
+.tox .tox-number-input button:disabled {
+  background: #222F3E;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #2f4055;
+}
+.tox .tox-tbtn--select {
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #161f29;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  height: initial;
+  margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn__select-chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-tbtn--bespoke {
+  background: #2f4055;
+}
+.tox .tox-tbtn--bespoke:focus {
+  background: #2f4055;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+  margin-inline-start: 4px;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 6px 1px 5px 0;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #2f4055 inset;
+}
+.tox .tox-split-button:focus {
+  background: #222F3E;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-split-button:focus::after {
+  pointer-events: none;
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button > *:nth-child(1) {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.tox .tox-split-button > *:nth-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox .tox-split-button:focus .tox-tbtn {
+  background-color: transparent;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: #222F3E;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+  padding: 0 0px;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+  opacity: 0.3;
+}
+.tox .tox-toolbar-overlord {
+  background-color: #222F3E;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background-attachment: local;
+  background-color: #222F3E;
+  background-image: repeating-linear-gradient(rgba(255, 255, 255, 0.15) 0 1px, transparent 1px 39px);
+  background-position: center top 40px;
+  background-repeat: no-repeat;
+  background-size: calc(100% - 11px * 2) calc(100% - 41px);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0px;
+  transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+  background-position: center top 0px;
+  background-size: calc(100% - 11px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-toolbar-overlord,
+.tox .tox-anchorbar {
+  grid-column: 1 / -1;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: 1px solid transparent;
+  margin-top: -1px;
+  padding-bottom: 1px;
+  padding-top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-menubar + .tox-toolbar,
+  .tox .tox-menubar + .tox-toolbar-overlord {
+    outline: 1px solid currentColor;
+  }
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+  background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+  background-image: none;
+}
+.tox .tox-focusable-wrapper {
+  border: 1px solid transparent;
+  margin-right: 2px;
+  pointer-events: none;
+}
+.tox .tox-focusable-wrapper .tox-textfield-size {
+  pointer-events: all;
+}
+.tox .tox-focusable-wrapper:focus {
+  background-color: #2f4055;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #222F3E;
+  background-position: center top 43px;
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  border: none;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  overscroll-behavior: none;
+  padding: 4px 0;
+}
+@media (forced-colors: active) {
+  .tox.tox-tinymce-aux .tox-toolbar__overflow {
+    border: solid;
+  }
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+  background-position: center top 43px;
+  background-size: calc(100% - 11px * 2) calc(100% - 51px);
+  padding: 4px 0;
+}
+.tox-context-form__group {
+  display: flex;
+  align-items: center;
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 11px 0 12px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid transparent;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid transparent;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  max-width: 15em;
+  padding: 8px;
+  /*
+     * The pointer-events: none is designed to make mouse events bleed through the tooltip
+     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
+     * another item should trigger the hover of the item obscured by the tooltip, even though
+     * the tooltip is on top
+     */
+  pointer-events: none;
+  position: relative;
+  width: max-content;
+  z-index: 1150;
+}
+.tox .tox-tooltip__body {
+  background-color: #324053;
+  border-radius: 6px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  overflow-wrap: break-word;
+  padding: 4px 6px;
+  text-transform: none;
+}
+@media (forced-colors: active) {
+  .tox .tox-tooltip__body {
+    outline: outset 1px;
+  }
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #324053;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #324053;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #324053;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #324053;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #2f4055;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #599fef;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-icon-custom-state {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__pane {
+  padding: 0 !important;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-revisionhistory__container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-revisionhistory {
+  background-color: #222F3E;
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  display: flex;
+  flex: 1;
+  height: 100%;
+  margin-top: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-revisionhistory--align-right {
+  margin-left: auto;
+}
+.tox .tox-revisionhistory__iframe {
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 248px;
+  width: 316px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
+  background-color: #222F3E;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  color: #fff;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  padding: 12px;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
+  background-color: #2b3b4e;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow-y: auto;
+  padding: 10px 12px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  bottom: 1px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
+  background-color: #222F3E;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 6px;
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  gap: 12px;
+  padding: 12px;
+  width: 100%;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff #285ec7;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #285ec7;
+  box-shadow: 0 0 0 2px #285ec7 !important;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
+  background-color: #62430b;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  position: relative;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #fff #cea215;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #cea215;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 0;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
+  align-items: center;
+  display: flex;
+  flex: 1 0 0;
+  gap: 8px;
+  height: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 16px;
+  line-height: 24px;
+  padding: 5px 5.5px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
+  color: #fff;
+  height: 24px;
+}
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #222F3E;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 10px 10px 2px 10px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #fff;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 10px 10px 2px 10px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #161f29;
+  border-radius: 6px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.js
new file mode 100644
index 000000000..0d632b9a2
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/oxide-dark/skin.css', `.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #161f29;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#222f3e;border:2px solid #161f29;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#fff}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#1f354f;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#99c4f5}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#99c4f5}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#383f38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#332a38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#161f29;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled{background-color:#2b5c93;background-image:none;border-color:#2b5c93;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#2b5c93;background-image:none;border-color:#2b5c93;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#254f80;background-image:none;border-color:#254f80;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#254f80;background-image:none;border-color:#254f80;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#1f436c;background-image:none;border-color:#1f436c;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:6px 1px 5px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(255,255,255,.3);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,0.2)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:rgba(255,255,255,.15);border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.5);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#fff;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#fff;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#006ce7;stroke:#006ce7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#222f3e}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#222f3e;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#006ce7;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#599fef;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#2f4055;color:#fff;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#599fef;color:#fff}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff;background-color:#2b3b4e;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#2f4055;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#2f4055;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #161f29;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#442632;border:1px solid #55212b;border-radius:3px;color:#e68080;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#2f4055}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#fff;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#222f3e;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#fff;line-height:28px}.tox .tox-comment{background:#222f3e;border:1px solid #222f3e;border-radius:6px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#1b3b60;border:1px solid #006ce7;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid #fff;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:6px;border:2px solid #fff}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#fff;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#222f3e;box-shadow:0 0 8px 8px #222f3e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#222f3e;position:relative;border-radius:6px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#222f3e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(34,47,62,0),#222f3e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#222f3e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#222f3e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,0.5)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#161f29;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #67aeff;color:#67aeff}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#67aeff;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#cde5ff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #67aeff;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #161f29;border-radius:6px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:6px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #161f29;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #fff;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:2px solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #161f29}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#222f3e;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid rgba(255,255,255,.15);box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#222f3e;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:none}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#2b3b4e;border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#2b3b4e;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:28px;margin:5px 0 6px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#2b3b4e;border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:5px 0 6px 11px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px -4px;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px -4px}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #161f29;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#2f4055}.tox .tox-insert-table-picker{background-color:#222f3e;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:rgba(255,255,255,.15);border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:#006ce7;border-color:rgba(255,255,255,.15)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#222f3e;border:1px solid #161f29;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(255,255,255,.5)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#2b3b4e;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:none;display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#222f3e;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#222f3e;border:0;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#334840;border-color:#3c5440;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#b5d199}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#82b153;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #b5d199;outline-offset:2px}.tox .tox-notification--success a:active{color:#689041;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#442632;border-color:#55212b;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#e68080}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#d42b2b;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #e68080;outline-offset:2px}.tox .tox-notification--error a:active{color:#a22;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#222f3e;border-color:rgba(255,255,255,.15);color:#fff0b3}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff0b3}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fc0}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#997a00;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #ffcc00;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#665200;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff0b3}.tox .tox-notification--info{background-color:#254161;border-color:#264972;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#83b7f3}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#2681ea;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #83b7f3;outline-offset:2px}.tox .tox-notification--info a:active{color:#1368c9;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{align-self:center;color:#fff;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#17202a;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#222f3e;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid rgba(255,255,255,.15)}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#2b3b4e;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(255,255,255,.5)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(255,255,255,0.5)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid rgba(255,255,255,.15);padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#2b3b4e 24%,#202d3b 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#006ce7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#006ce7}.tox .tox-promotion-dialog--footer{background-color:#17202a;color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#55367a;color:#c290fb;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #C290FB}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(255,255,255,.5);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#cde5ff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #67aeff;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #161f29;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#161f29 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #161f29 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #161f29 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #161f29;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#34485f;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #161f29;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#161f29;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(255,255,255,.75);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(255,255,255,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#fff}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#fff}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#222f3e;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#599fef;border:0;box-shadow:none;color:#fff;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:#2f4055;border-radius:3px;display:flex;margin:6px 1px 5px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#2f4055}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#2f4055;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#fff;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#2f4055;color:#fff}.tox .tox-number-input input:focus{background-color:#2f4055}.tox .tox-number-input input:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button{color:#fff;height:28px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#fff;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#2f4055;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:hover svg{fill:#fff}.tox .tox-number-input button:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:active svg{fill:#fff}.tox .tox-number-input button:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#2f4055}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #161f29}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:#2f4055}.tox .tox-tbtn--bespoke:focus{background:#2f4055}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #2f4055 inset}.tox .tox-split-button:focus{background:#222f3e;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#222f3e;box-shadow:none;color:rgba(255,255,255,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#222f3e;background-image:repeating-linear-gradient(rgba(255,255,255,.15) 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#2f4055;border-radius:6px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#324053;border-radius:6px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #324053;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #324053;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #324053;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #324053;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#fff}.tox .tox-tree .tox-trbtn:focus{background:#2f4055;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:active svg{fill:#fff}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#fff}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#222f3e;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#fff;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#2b3b4e;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#222f3e;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff #285ec7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #285ec7;box-shadow:0 0 0 2px #285ec7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#62430b;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff #cea215;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #cea215}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(255,255,255,.5);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#fff;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#222f3e;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 10px 2px 10px;position:relative}.tox .tox-view__label{color:#fff;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:10px 10px 2px 10px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #161f29;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #161f29;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #161f29;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox.tox-tinymce-aux .tox-toolbar__overflow{box-shadow:0 0 0 1px rgba(255,255,255,.15)}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.min.css
new file mode 100644
index 000000000..24b144998
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.min.css
@@ -0,0 +1 @@
+.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #161f29;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#222f3e;border:2px solid #161f29;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#fff}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#1f354f;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#99c4f5}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#99c4f5}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#383f38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#332a38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#161f29;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled{background-color:#2b5c93;background-image:none;border-color:#2b5c93;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#2b5c93;background-image:none;border-color:#2b5c93;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#254f80;background-image:none;border-color:#254f80;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#254f80;background-image:none;border-color:#254f80;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#1f436c;background-image:none;border-color:#1f436c;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:6px 1px 5px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(255,255,255,.2);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(255,255,255,.3);border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,0.2)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:rgba(255,255,255,.15);border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.5);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#fff;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#fff;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#006ce7;stroke:#006ce7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#222f3e}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#222f3e;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#006ce7;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#599fef;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#2f4055;color:#fff;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#599fef;color:#fff}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff;background-color:#2b3b4e;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#2f4055;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#2f4055;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #161f29;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#442632;border:1px solid #55212b;border-radius:3px;color:#e68080;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#2f4055}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#fff;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#222f3e;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#fff;line-height:28px}.tox .tox-comment{background:#222f3e;border:1px solid #222f3e;border-radius:6px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#1b3b60;border:1px solid #006ce7;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid #fff;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:6px;border:2px solid #fff}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#fff;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#222f3e;box-shadow:0 0 8px 8px #222f3e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#222f3e;position:relative;border-radius:6px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#222f3e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(34,47,62,0),#222f3e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#222f3e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#222f3e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,0.5)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#161f29;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #67aeff;color:#67aeff}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#67aeff;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#cde5ff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #67aeff;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #161f29;border-radius:6px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:6px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #161f29;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #fff;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:2px solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #161f29}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#222f3e;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid rgba(255,255,255,.15);box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#222f3e;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:none}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#2b3b4e;border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#2b3b4e;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:28px;margin:5px 0 6px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#2b3b4e;border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#161f29;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:5px 0 6px 11px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px -4px;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px -4px}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #161f29;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#2f4055}.tox .tox-insert-table-picker{background-color:#222f3e;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:rgba(255,255,255,.15);border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:#006ce7;border-color:rgba(255,255,255,.15)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#222f3e;border:1px solid #161f29;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(255,255,255,.5)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#2b3b4e;border:1px solid rgba(255,255,255,.15);border-radius:6px;box-shadow:none;display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#222f3e;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#222f3e;border:0;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#334840;border-color:#3c5440;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#b5d199}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#82b153;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #b5d199;outline-offset:2px}.tox .tox-notification--success a:active{color:#689041;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#442632;border-color:#55212b;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#e68080}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#d42b2b;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #e68080;outline-offset:2px}.tox .tox-notification--error a:active{color:#a22;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#222f3e;border-color:rgba(255,255,255,.15);color:#fff0b3}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff0b3}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fc0}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#997a00;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #ffcc00;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#665200;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff0b3}.tox .tox-notification--info{background-color:#254161;border-color:#264972;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#83b7f3}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#2681ea;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #83b7f3;outline-offset:2px}.tox .tox-notification--info a:active{color:#1368c9;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{align-self:center;color:#fff;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#17202a;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#222f3e;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid rgba(255,255,255,.15)}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#2b3b4e;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(255,255,255,.5)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(255,255,255,0.5)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid rgba(255,255,255,.15);padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#2b3b4e 24%,#202d3b 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#006ce7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#006ce7}.tox .tox-promotion-dialog--footer{background-color:#17202a;color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#55367a;color:#c290fb;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #C290FB}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(255,255,255,.5);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#cde5ff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #67aeff;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#fff;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #161f29;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#161f29 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #161f29 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #161f29 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #161f29;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#34485f;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #161f29;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#161f29;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(255,255,255,.75);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(255,255,255,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#fff}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#fff}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#222f3e;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#599fef;border:0;box-shadow:none;color:#fff;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:#2f4055;border-radius:3px;display:flex;margin:6px 1px 5px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#2f4055}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#2f4055;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#fff;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#2f4055;color:#fff}.tox .tox-number-input input:focus{background-color:#2f4055}.tox .tox-number-input input:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button{color:#fff;height:28px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#fff;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#2f4055;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:hover svg{fill:#fff}.tox .tox-number-input button:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:active svg{fill:#fff}.tox .tox-number-input button:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#2f4055}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #161f29}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:#2f4055}.tox .tox-tbtn--bespoke:focus{background:#2f4055}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #2f4055 inset}.tox .tox-split-button:focus{background:#222f3e;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#222f3e;box-shadow:none;color:rgba(255,255,255,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#222f3e;background-image:repeating-linear-gradient(rgba(255,255,255,.15) 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#2f4055;border-radius:6px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#324053;border-radius:6px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #324053;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #324053;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #324053;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #324053;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#fff}.tox .tox-tree .tox-trbtn:focus{background:#2f4055;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#2f4055;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:active{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:active svg{fill:#fff}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#599fef;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#fff}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#222f3e;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#fff;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#2b3b4e;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#222f3e;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff #285ec7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #285ec7;box-shadow:0 0 0 2px #285ec7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#62430b;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #fff #cea215;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #cea215}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(255,255,255,.5);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#fff;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#222f3e;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 10px 2px 10px;position:relative}.tox .tox-view__label{color:#fff;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:10px 10px 2px 10px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #161f29;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #161f29;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #161f29;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox.tox-tinymce-aux .tox-toolbar__overflow{box-shadow:0 0 0 1px rgba(255,255,255,.15)}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
new file mode 100644
index 000000000..25b0a3710
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.js
new file mode 100644
index 000000000..ee202b424
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/oxide-dark/skin.shadowdom.css', `body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
new file mode 100644
index 000000000..8745951a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
@@ -0,0 +1 @@
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.css
new file mode 100644
index 000000000..5d4df6a76
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.css
@@ -0,0 +1,893 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.css
new file mode 100644
index 000000000..86ac0c46e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.css
@@ -0,0 +1,887 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.js
new file mode 100644
index 000000000..92642dba0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/oxide/content.inline.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.min.css
new file mode 100644
index 000000000..2844f4ea3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.inline.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.js
new file mode 100644
index 000000000..4ccc8acde
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/oxide/content.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.min.css
new file mode 100644
index 000000000..133a43eaa
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.css
new file mode 100644
index 000000000..aad147564
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.css
@@ -0,0 +1,5141 @@
+.tox {
+  box-shadow: none;
+  box-sizing: content-box;
+  color: #222f3e;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 2px solid #eeeeee;
+  border-radius: 10px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+  background-color: #fff;
+  border: 2px solid #eeeeee;
+  border-radius: 10px;
+  box-shadow: none;
+  overflow: hidden;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox[dir=rtl] .tox-icon--flip svg {
+  transform: rotateY(180deg);
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox #accessibility-issue__subheader {
+  font-size: 16px;
+  color: #222f3e;
+}
+.tox .accessbility-sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(0 0 99.9% 99.9%);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  padding: 0;
+  border: 0;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border-radius: 6px;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
+}
+.tox #accessibility-issue__contentID {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.tox #accessibility-issue__contentID span:first-child {
+  font-weight: bold;
+}
+.tox #accessibility-issue__document {
+  padding-bottom: 8px;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 8px;
+}
+.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: #e6f0fd;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  font-size: 14px;
+  color: #006ce7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
+  fill: #006ce7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #006ce7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #0060ce;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #0054b4;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: #fffae6;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  font-size: 14px;
+  color: #7a6e25;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
+  fill: #7a6e25;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: #fae6e6;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  font-size: 14px;
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
+  fill: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.1);
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  display: none;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #527530;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
+  fill: #527530;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox .mce-codemirror {
+  background: #fff;
+  bottom: 0;
+  font-size: 13px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .mce-codemirror.tox-inline-codemirror {
+  margin: 8px;
+  position: absolute;
+}
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #eeeeee;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #006ce7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #006ce7;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-button::before {
+  border-radius: 6px;
+  bottom: -1px;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+  content: '';
+  left: -1px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.tox .tox-button[disabled] {
+  background-color: #006ce7;
+  background-image: none;
+  border-color: #006ce7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #0060ce;
+  background-image: none;
+  border-color: #0060ce;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #0060ce;
+  background-image: none;
+  border-color: #0060ce;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled[disabled] {
+  background-color: #0054b4;
+  background-image: none;
+  border-color: #0054b4;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
+  background-color: #00489b;
+  background-image: none;
+  border-color: #00489b;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
+  background-color: #00489b;
+  background-image: none;
+  border-color: #00489b;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:active:not(:disabled) {
+  background-color: #003c81;
+  background-image: none;
+  border-color: #003c81;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button--secondary {
+  background-color: #f0f0f0;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #f0f0f0;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #f0f0f0;
+  background-image: none;
+  border-color: #f0f0f0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #d6d6d6;
+  background-image: none;
+  border-color: #d6d6d6;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled {
+  background-color: #a8c8ed;
+  background-image: none;
+  border-color: #a8c8ed;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled[disabled] {
+  background-color: #a8c8ed;
+  background-image: none;
+  border-color: #a8c8ed;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
+  background-color: #93bbe9;
+  background-image: none;
+  border-color: #93bbe9;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
+  background-color: #93bbe9;
+  background-image: none;
+  border-color: #93bbe9;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
+  background-color: #7daee4;
+  background-image: none;
+  border-color: #7daee4;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 6px 1px 5px 0;
+  padding: 0;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: rgba(34, 47, 62, 0.12);
+  border-color: transparent;
+  box-shadow: unset;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: rgba(34, 47, 62, 0.12);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: rgba(34, 47, 62, 0.12);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: rgba(34, 47, 62, 0.18);
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #222f3e;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.3);
+}
+@media (forced-colors: active) {
+  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #006ce7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #006ce7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 6px;
+  box-shadow: inset 0 0 0 1px #006ce7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: #e3e3e3;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: #fcfcfc;
+  color: rgba(34, 47, 62, 0.7);
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  border-radius: 3px;
+  color: #222f3e;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #222f3e;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #006ce7;
+  stroke: #006ce7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #fff;
+  opacity: 0.8;
+  background-clip: content-box;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+  color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #006ce7;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+    border: solid 1px;
+  }
+}
+.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #a6ccf7;
+  color: #222f3e;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #f0f0f0;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 inset;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #a6ccf7;
+  color: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #222f3e;
+  background-color: #fff;
+  position: relative;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+  background-color: #f0f0f0;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
+  background-color: #f0f0f0;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection__item-image {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  max-width: 100%;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: currentColor;
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: currentColor;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #fff;
+  border: 1px solid #e3e3e3;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 28px;
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid transparent;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid transparent;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+@media (forced-colors: active) {
+  .tox .tox-hue-slider,
+  .tox .tox-rgb-form .tox-rgba-preview {
+    background-color: currentColor !important;
+    border: 1px solid highlight !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-spectrum:focus,
+.tox .tox-sv-palette-spectrum:focus {
+  outline: #08f solid;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  min-width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid #f00 !important;
+  box-shadow: 0 0 0 1px #f00;
+}
+.tox .tox-rgb-container {
+  position: relative;
+}
+.tox .tox-rgb-form .tox-invalid-icon {
+  align-content: center;
+  align-items: center;
+  display: none;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
+  margin: 0;
+}
+.tox .tox-rgb-warning-note {
+  background-color: #f5cccc;
+  border: 1px solid #f0b3b3;
+  border-radius: 3px;
+  color: #77181f;
+  padding: 3px;
+}
+.tox input.tox-invalid + .tox-invalid-icon {
+  display: flex;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px -4px;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+@media (forced-colors: active) {
+  .tox .tox-swatches__row {
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #f0f0f0;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #222f3e;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
+  display: block;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox {
+  /* Animation for deleting a comment */
+  /* A comment fades to 0 when it is being deleted, then is removed */
+}
+.tox .tox-conversations {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  /* This is to give the sidebar a consistent width. Need a solution for this */
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+}
+.tox .tox-conversations__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  padding: 8px 12px;
+  background: #fff;
+  z-index: 1;
+}
+.tox .tox-conversations__title {
+  font-size: 20px;
+  font-weight: 400;
+  padding: 8px 0 8px 0;
+  color: #222f3e;
+  line-height: 28px;
+}
+.tox .tox-comment {
+  background: #fff;
+  border: 1px solid #fff;
+  border-radius: 6px;
+  padding: 8px;
+  padding-bottom: 16px;
+  position: relative;
+}
+.tox .tox-comment:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected {
+  background-color: #fff2c9;
+  border: 1px solid #ffcf30;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected:focus {
+  border: 2px solid #006ce7;
+  margin: -1px;
+}
+.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
+  margin-top: 7px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single {
+  margin-bottom: 12px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
+  position: relative;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
+  top: -9px;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: block;
+  bottom: -9px;
+  left: -9px;
+  right: -9px;
+  border-radius: 6px;
+  border: 2px solid #006ce7;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: #222f3e;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-comment__body {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+  white-space: pre-wrap;
+  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
+}
+.tox .tox-comment__body.tox-comment__body--expanded {
+  max-height: 100em;
+  transition: max-height 1s ease-in-out;
+}
+.tox .tox-comment__body.tox-comment__body--pending {
+  transition: max-height 0s;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+  font-size: 16px;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #fff;
+  box-shadow: 0 0 8px 8px #fff;
+  color: #222f3e;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+  font-style: normal;
+  /* Need a focus highlight on the show more/less button */
+}
+.tox .tox-comment__expander p:focus {
+  font-weight: bold;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-tbtn.tox-comment__mention-btn {
+  display: flex;
+  width: 34px;
+  height: 34px;
+  padding: 5px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  background-color: transparent;
+}
+.tox .tox-comment-thread {
+  background: #fff;
+  position: relative;
+  border-radius: 6px;
+  background-color: transparent;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #fff;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #fff;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #fff;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 12px;
+  scroll-behavior: smooth;
+}
+.tox .tox-comment__scroll:has(textarea:focus) {
+  scroll-behavior: auto;
+}
+.tox .tox-comment--disappearing {
+  transition: opacity 0.5s ease;
+}
+.tox .tox-comment[data-transitioning-destination="deleting"] {
+  opacity: 0;
+}
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
+.tox .tox-ring-loader {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #FFF;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-user__avatar img {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-user__name {
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 18px;
+  text-transform: none;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg,
+.tox:not([dir=rtl]) .tox-user__avatar img {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg,
+.tox[dir=rtl] .tox-user__avatar img {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox {
+  /* .tox-dialog-blocker-wrap {
+    //
+  } */
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #fff;
+}
+.tox .tox-dialog {
+  background-color: #fff;
+  border-color: #eeeeee;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 0;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    max-height: calc(100vh - 8px * 2);
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #fff;
+  border-bottom: none;
+  color: #222f3e;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #222f3e;
+  display: flex;
+  flex: 1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 16px 16px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(34, 47, 62, 0.7);
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  max-width: 13em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #144782;
+  color: #144782;
+}
+@media (forced-colors: active) {
+  .tox .tox-dialog__body-nav-item--active {
+    border-bottom: 2px solid highlight;
+    color: highlight;
+  }
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-height: min(650px, calc(100vh - 110px));
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #144782;
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #071729;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #144782;
+  outline-offset: 2px;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #222f3e;
+}
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
+.tox .tox-dialog__body-content ul {
+  list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #222f3e;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #fff;
+  border-top: none;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #626262;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
+.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
+  background: #fff;
+}
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  content: '';
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered iframe {
+  border-radius: 6px;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #eeeeee;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(34, 47, 62, 0.7);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area::before {
+  border: 2px solid #006ce7;
+  border-radius: 4px;
+  content: '';
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
+@media (forced-colors: active) {
+  .tox .tox-edit-area::before {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #eeeeee;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #fff;
+  border-bottom: none;
+  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid #e3e3e3;
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #fff;
+  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-custom-preview {
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  flex: 1;
+  padding: 8px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  box-sizing: border-box;
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(34 47 3.1%);
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span {
+    border-color: currentColor;
+    border-width: 2px !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #006ce7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #fff;
+  border-radius: 6px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span::before {
+    border: none;
+  }
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  appearance: none;
+  background-color: #fff;
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 5.5px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-toolbar-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-toolbar-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-focusable-wrapper:focus,
+.tox .tox-custom-editor:focus-within {
+  background-color: #fff;
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-toolbar-textfield {
+  max-width: 250px;
+  min-height: unset;
+  height: 28px;
+  margin: 5px 0 6px 0;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #006ce7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-textfield-size {
+  width: 80px;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-listbox__select-chevron svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  appearance: none;
+  background-color: #fff;
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 5.5px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #fff;
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+  outline: none;
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-selectfield select option:checked {
+  background-color: revert;
+  color: revert;
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea-wrap {
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+.tox .tox-textarea {
+  appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-imagepreview {
+  background-color: #666;
+  height: 380px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+  overflow: auto;
+}
+.tox .tox-imagepreview__container {
+  display: flex;
+  left: 100vw;
+  position: absolute;
+  top: 100vw;
+}
+.tox .tox-imagepreview__image {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+  flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+  align-items: center;
+  display: flex;
+  height: 60px;
+  justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px -4px;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px -4px;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #eeeeee;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #f0f0f0;
+}
+.tox .tox-insert-table-picker {
+  background-color: #fff;
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: #eeeeee;
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: #006ce7;
+  border-color: #eeeeee;
+}
+@media (forced-colors: active) {
+  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    border-color: Highlight;
+    filter: contrast(50%);
+  }
+}
+.tox .tox-insert-table-picker__label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox-mentions__card-common {
+  z-index: 1200;
+}
+.tox.tox-mentions__card {
+  background: #fff;
+  border: 1px solid #eeeeee;
+  display: flex;
+  padding: 4px 8px;
+}
+.tox.tox-mentions__card .tox-mentions__container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin: 0 4px;
+}
+.tox .tox-mentions__avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+.tox .tox-mentions__username {
+  font-size: 14px;
+  line-height: 21px;
+}
+.tox .tox-mentions__description {
+  font-size: 12px;
+  line-height: 21px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-collection__item--active .tox-mentions__description {
+  color: inherit;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 8px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 8px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-menu .tox-collection__item-label {
+    overflow-wrap: break-word;
+    word-break: normal;
+  }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
+  background-color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  padding: 0 11px 0 12px;
+}
+.tox .tox-promotion + .tox-menubar {
+  grid-column: 1;
+}
+.tox .tox-promotion {
+  background: repeating-linear-gradient(transparent 0 1px, transparent 1px 39px) center top 39px / 100% calc(100% - 39px) no-repeat;
+  background-color: #fff;
+  grid-column: 2;
+  grid-row: 1;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
+  padding-top: 5px;
+}
+.tox .tox-promotion-link {
+  align-items: unsafe center;
+  background-color: #E8F1F8;
+  border-radius: 5px;
+  color: #086BE6;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  height: 26.6px;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.tox .tox-promotion-link:hover {
+  background-color: #B4D7FF;
+}
+.tox .tox-promotion-link:focus {
+  background-color: #D9EDF7;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: #fff;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  justify-content: center;
+  margin: 5px 1px 6px 0;
+  outline: none;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-mbtn:focus:not(:disabled)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-mbtn:focus:not(:disabled)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-mbtn--active,
+.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  width: max-content;
+}
+.tox .tox-notification a {
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification:focus {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 1px #006ce7;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #e4eeda;
+  border-color: #d7e6c8;
+  color: #222f3e;
+}
+.tox .tox-notification--success p {
+  color: #222f3e;
+}
+.tox .tox-notification--success a {
+  color: #517342;
+}
+.tox .tox-notification--success a:hover,
+.tox .tox-notification--success a:focus {
+  color: #24321d;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #517342;
+  outline-offset: 2px;
+}
+.tox .tox-notification--success a:active {
+  color: #0d120a;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--error {
+  background-color: #f5cccc;
+  border-color: #f0b3b3;
+  color: #222f3e;
+}
+.tox .tox-notification--error p {
+  color: #222f3e;
+}
+.tox .tox-notification--error a {
+  color: #77181f;
+}
+.tox .tox-notification--error a:hover,
+.tox .tox-notification--error a:focus {
+  color: #220709;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #77181f;
+  outline-offset: 2px;
+}
+.tox .tox-notification--error a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #fff5cc;
+  border-color: #fff0b3;
+  color: #222f3e;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #222f3e;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #7a6e25;
+}
+.tox .tox-notification--warn a:hover,
+.tox .tox-notification--warning a:hover,
+.tox .tox-notification--warn a:focus,
+.tox .tox-notification--warning a:focus {
+  color: #2c280d;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn a:focus-visible,
+.tox .tox-notification--warning a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #7a6e25;
+  outline-offset: 2px;
+}
+.tox .tox-notification--warn a:active,
+.tox .tox-notification--warning a:active {
+  color: #050502;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--info {
+  background-color: #d6e7fb;
+  border-color: #c1dbf9;
+  color: #222f3e;
+}
+.tox .tox-notification--info p {
+  color: #222f3e;
+}
+.tox .tox-notification--info a {
+  color: #2a64a6;
+}
+.tox .tox-notification--info a:hover,
+.tox .tox-notification--info a:focus {
+  color: #163355;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #2a64a6;
+  outline-offset: 2px;
+}
+.tox .tox-notification--info a:active {
+  color: #0b1a2c;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info svg {
+  fill: #222f3e;
+}
+.tox .tox-notification__body {
+  align-self: center;
+  color: #222f3e;
+  font-size: 14px;
+  grid-column-end: 3;
+  grid-column-start: 2;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  align-self: center;
+  grid-column-end: 2;
+  grid-column-start: 1;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  align-self: start;
+  grid-column-end: 4;
+  grid-column-start: 3;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  grid-column-end: 4;
+  grid-column-start: 1;
+  grid-row-end: 3;
+  grid-row-start: 2;
+  justify-self: center;
+}
+.tox .tox-notification-container-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-notification-container-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-notification-container-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #f0f0f0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #222f3e;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid #e3e3e3;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #f0f0f0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid #e3e3e3;
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #fff 24%, #f0f0f0 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #f0f0f0;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #F1EBF9;
+  color: #851AFF;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #851AFF;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(34, 47, 62, 0.7);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #071729;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #144782;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+  transition: 0.15s ease;
+  transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+.tox .tox-pop__dialog {
+  background-color: #fff;
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  opacity: 1;
+  position: absolute;
+  width: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-pop::before,
+  .tox .tox-pop::after {
+    content: none;
+  }
+}
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+  opacity: 0;
+  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #fff transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #eeeeee transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #fff transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #eeeeee transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #fff transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #eeeeee transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #fff;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #eeeeee;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #f0f0f0;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #006ce7;
+  border: 2px solid #0054b4;
+  border-radius: 6px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+  margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+  margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+  margin-inline-start: 32px;
+}
+.tox .tox-toolbar-slider {
+  align-items: center;
+  display: inline-flex;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input {
+  appearance: none;
+  background: #eeeeee;
+  border-radius: 16px;
+  width: 130px;
+  height: 2px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background-color: #006ce7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-thumb {
+  appearance: none;
+  background-color: #006ce7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input:focus-visible {
+  outline: none;
+}
+.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
+  background-color: #0060ce;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+}
+.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
+  background-color: #0060ce;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #006ce7;
+}
+.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
+  background-color: #0060ce;
+}
+.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
+  background-color: #0060ce;
+}
+.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
+  background-color: #0054b4;
+}
+.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
+  background-color: #0054b4;
+}
+.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(34, 47, 62, 0.7);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #fff;
+  border-top: 1px solid #e3e3e3;
+  color: rgba(34, 47, 62, 0.7);
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-weight: normal;
+  height: 25px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: none;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
+  align-items: flex-start;
+  display: flex;
+  flex: 1 1 auto;
+  height: 16px;
+  justify-content: space-between;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+@media only screen and (max-width: 767px ) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: rgba(34, 47, 62, 0.7);
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #222f3e;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:focus-visible::after,
+.tox .tox-statusbar__path-item:focus-visible::after,
+.tox .tox-statusbar__wordcount:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar a:focus-visible::after,
+  .tox .tox-statusbar__path-item:focus-visible::after,
+  .tox .tox-statusbar__wordcount:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(34, 47, 62, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #222f3e;
+}
+.tox .tox-statusbar__resize-cursor-default {
+  cursor: ns-resize;
+}
+.tox .tox-statusbar__resize-cursor-both {
+  cursor: nwse-resize;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-bottom: 3px;
+  margin-left: 4px;
+  margin-right: calc(3px - 8px);
+  margin-top: 3px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-statusbar__resize-handle:hover svg,
+.tox .tox-statusbar__resize-handle:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-statusbar__resize-handle:focus-visible {
+  background-color: transparent;
+  border-radius: 1px 1px 5px 1px;
+  box-shadow: 0 0 0 2px transparent;
+}
+.tox .tox-statusbar__resize-handle:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__resize-handle:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__resize-handle:only-child {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 2ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-throbber {
+  z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: #fff;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  justify-content: center;
+  margin: 6px 1px 5px 0;
+  outline: none;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:hover,
+  .tox .tox-tbtn.tox-tbtn:hover {
+    outline: 1px dashed currentColor;
+  }
+  .tox .tox-tbtn.tox-tbtn--active,
+  .tox .tox-tbtn.tox-tbtn--enabled,
+  .tox .tox-tbtn.tox-tbtn--enabled:hover,
+  .tox .tox-tbtn.tox-tbtn--enabled:focus,
+  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+    outline: 1px solid currentColor;
+    position: relative;
+  }
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn svg {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--enabled,
+  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--disabled,
+  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
+  .tox .tox-tbtn svg .tox-tbtn:disabled,
+  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
+    filter: contrast(0%);
+  }
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-tbtn:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:hover {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--active,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn--enabled:focus {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+}
+.tox .tox-tbtn--active > *,
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled:focus > * {
+  transform: none;
+}
+.tox .tox-tbtn--active svg,
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg,
+.tox .tox-tbtn--enabled:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--active.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--enabled:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn--enabled:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 42px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 56px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-label--context-toolbar {
+  margin: 6px 1px 5px 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.tox .tox-number-input {
+  background: #f7f7f7;
+  border-radius: 3px;
+  display: flex;
+  margin: 6px 1px 5px 0;
+  position: relative;
+  width: auto;
+}
+.tox .tox-number-input:focus {
+  background: #f7f7f7;
+}
+.tox .tox-number-input:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper {
+  display: flex;
+  pointer-events: none;
+  position: relative;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background-color: #f7f7f7;
+  z-index: 1;
+}
+.tox .tox-number-input .tox-input-wrapper:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #222f3e;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  position: relative;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #f0f0f0;
+  color: #222f3e;
+}
+.tox .tox-number-input input:focus {
+  background-color: #f7f7f7;
+}
+.tox .tox-number-input input:disabled {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button {
+  color: #222f3e;
+  height: 28px;
+  position: relative;
+  text-align: center;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:hover,
+  .tox .tox-number-input button:focus,
+  .tox .tox-number-input button:active {
+    outline: 1px solid currentColor !important;
+  }
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #222f3e;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button svg,
+  .tox .tox-number-input button svg:active,
+  .tox .tox-number-input button svg:hover {
+    fill: currentColor !important;
+  }
+  .tox .tox-number-input button svg:disabled {
+    filter: contrast(0);
+  }
+}
+.tox .tox-number-input button:focus {
+  background: #f7f7f7;
+  z-index: 1;
+}
+.tox .tox-number-input button:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input button:hover {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:active svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:disabled {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #f7f7f7;
+}
+.tox .tox-tbtn--select {
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #eeeeee;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  height: initial;
+  margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn__select-chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-tbtn--bespoke {
+  background: #f7f7f7;
+}
+.tox .tox-tbtn--bespoke:focus {
+  background: #f7f7f7;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+  margin-inline-start: 4px;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 6px 1px 5px 0;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #f0f0f0 inset;
+}
+.tox .tox-split-button:focus {
+  background: #fff;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-split-button:focus::after {
+  pointer-events: none;
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button > *:nth-child(1) {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.tox .tox-split-button > *:nth-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox .tox-split-button:focus .tox-tbtn {
+  background-color: transparent;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: #fff;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+  padding: 0 0px;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+  opacity: 0.3;
+}
+.tox .tox-toolbar-overlord {
+  background-color: #fff;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background-attachment: local;
+  background-color: #fff;
+  background-image: repeating-linear-gradient(#e3e3e3 0 1px, transparent 1px 39px);
+  background-position: center top 40px;
+  background-repeat: no-repeat;
+  background-size: calc(100% - 11px * 2) calc(100% - 41px);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0px;
+  transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+  background-position: center top 0px;
+  background-size: calc(100% - 11px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-toolbar-overlord,
+.tox .tox-anchorbar {
+  grid-column: 1 / -1;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: 1px solid transparent;
+  margin-top: -1px;
+  padding-bottom: 1px;
+  padding-top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-menubar + .tox-toolbar,
+  .tox .tox-menubar + .tox-toolbar-overlord {
+    outline: 1px solid currentColor;
+  }
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+  background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+  background-image: none;
+}
+.tox .tox-focusable-wrapper {
+  border: 1px solid transparent;
+  margin-right: 2px;
+  pointer-events: none;
+}
+.tox .tox-focusable-wrapper .tox-textfield-size {
+  pointer-events: all;
+}
+.tox .tox-focusable-wrapper:focus {
+  background-color: #f7f7f7;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #fff;
+  background-position: center top 43px;
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  border: none;
+  border-radius: 6px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  overscroll-behavior: none;
+  padding: 4px 0;
+}
+@media (forced-colors: active) {
+  .tox.tox-tinymce-aux .tox-toolbar__overflow {
+    border: solid;
+  }
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+  background-position: center top 43px;
+  background-size: calc(100% - 11px * 2) calc(100% - 51px);
+  padding: 4px 0;
+}
+.tox-context-form__group {
+  display: flex;
+  align-items: center;
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 11px 0 12px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid transparent;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid transparent;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  max-width: 15em;
+  padding: 8px;
+  /*
+     * The pointer-events: none is designed to make mouse events bleed through the tooltip
+     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
+     * another item should trigger the hover of the item obscured by the tooltip, even though
+     * the tooltip is on top
+     */
+  pointer-events: none;
+  position: relative;
+  width: max-content;
+  z-index: 1150;
+}
+.tox .tox-tooltip__body {
+  background-color: #222f3e;
+  border-radius: 6px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  overflow-wrap: break-word;
+  padding: 4px 6px;
+  text-transform: none;
+}
+@media (forced-colors: active) {
+  .tox .tox-tooltip__body {
+    outline: outset 1px;
+  }
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #222f3e;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #222f3e;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #f0f0f0;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-icon-custom-state {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__pane {
+  padding: 0 !important;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-revisionhistory__container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-revisionhistory {
+  background-color: #fff;
+  border-top: 1px solid #f0f0f0;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  margin-top: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-revisionhistory--align-right {
+  margin-left: auto;
+}
+.tox .tox-revisionhistory__iframe {
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 248px;
+  width: 316px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
+  background-color: #fff;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  color: #222f3e;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  padding: 12px;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
+  background-color: #f0f0f0;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow-y: auto;
+  padding: 10px 12px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  bottom: 1px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
+  background-color: #fff;
+  border: 1px solid #f0f0f0;
+  border-radius: 6px;
+  color: #222f3e;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  gap: 12px;
+  padding: 12px;
+  width: 100%;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 #006ce7;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #006ce7;
+  box-shadow: 0 0 0 2px #006ce7 !important;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
+  background-color: #fff5cc;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  position: relative;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 2px #006ce7 #e3b82a;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #e3b82a;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 0;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
+  align-items: center;
+  display: flex;
+  flex: 1 0 0;
+  gap: 8px;
+  height: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 16px;
+  line-height: 24px;
+  padding: 5px 5.5px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
+  color: #222f3e;
+  height: 24px;
+}
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #fff;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 10px 10px 2px 10px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #222f3e;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 10px 10px 2px 10px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.js
new file mode 100644
index 000000000..47d90984e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/oxide/skin.css', `.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #eee;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:2px solid #eee;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#222f3e}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#e6f0fd;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#fffae6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#fae6e6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#eee;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#7daee4;background-image:none;border-color:#7daee4;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:6px 1px 5px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(34,47,62,.18);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,0.3)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#e3e3e3;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#fcfcfc;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#222f3e;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#006ce7;stroke:#006ce7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#fff}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#fff;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#006ce7;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#a6ccf7;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#f0f0f0;color:#222f3e;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#a6ccf7;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e;background-color:#fff;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#f0f0f0;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#f0f0f0;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #e3e3e3;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#f5cccc;border:1px solid #f0b3b3;border-radius:3px;color:#77181f;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#f0f0f0}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#fff;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#222f3e;line-height:28px}.tox .tox-comment{background:#fff;border:1px solid #fff;border-radius:6px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#fff2c9;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid #006ce7;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:6px;border:2px solid #006ce7}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#fff;position:relative;border-radius:6px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,0.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#eee;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #144782;color:#144782}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#144782;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#071729;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #144782;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #626262}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #eee;border-radius:6px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:6px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #eee;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #006ce7;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:2px solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #eee}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:0 2px 2px -2px rgba(34,47,62,.1),0 8px 8px -4px rgba(34,47,62,.07);padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #e3e3e3;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:28px;margin:5px 0 6px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:5px 0 6px 11px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px -4px;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px -4px}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #eee;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#f0f0f0}.tox .tox-insert-table-picker{background-color:#fff;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#eee;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:#006ce7;border-color:#eee}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#fff;border:1px solid #eee;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(34,47,62,.7)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#fff;border:0;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#24321d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #517342;outline-offset:2px}.tox .tox-notification--success a:active{color:#0d120a;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#220709;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #77181f;outline-offset:2px}.tox .tox-notification--error a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#2c280d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #7a6e25;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#050502;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#163355;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #2a64a6;outline-offset:2px}.tox .tox-notification--info a:active{color:#0b1a2c;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#f0f0f0;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#222f3e;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #e3e3e3}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(34,47,62,.7)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(34,47,62,0.7)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #e3e3e3;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#fff 24%,#f0f0f0 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#006ce7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#006ce7}.tox .tox-promotion-dialog--footer{background-color:#f0f0f0;color:rgba(34,47,62,.7);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#f1ebf9;color:#851aff;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #851AFF}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(34,47,62,.7);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#071729;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #144782;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#eee transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #eee transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #eee transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #eee;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#f0f0f0;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #eee;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#eee;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #e3e3e3;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#222f3e}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#222f3e}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#fff;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:#f7f7f7;border-radius:3px;display:flex;margin:6px 1px 5px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#f7f7f7}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#f7f7f7;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#f0f0f0;color:#222f3e}.tox .tox-number-input input:focus{background-color:#f7f7f7}.tox .tox-number-input input:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{color:#222f3e;height:28px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#f7f7f7;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#f7f7f7}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #eee}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:#f7f7f7}.tox .tox-tbtn--bespoke:focus{background:#f7f7f7}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #f0f0f0 inset}.tox .tox-split-button:focus{background:#fff;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#fff;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#e3e3e3 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#f7f7f7;border-radius:6px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:6px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#f0f0f0;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#fff;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#222f3e;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#f0f0f0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;color:#222f3e;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #006ce7;box-shadow:0 0 0 2px #006ce7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#fff5cc;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 #e3b82a;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #e3b82a}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(34,47,62,.7);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#222f3e;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 10px 2px 10px;position:relative}.tox .tox-view__label{color:#222f3e;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:10px 10px 2px 10px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #eee;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #eee;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #eee;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.min.css
new file mode 100644
index 000000000..cda156d0d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.min.css
@@ -0,0 +1 @@
+.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #eee;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:2px solid #eee;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#222f3e}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#e6f0fd;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#fffae6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#fae6e6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#eee;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#7daee4;background-image:none;border-color:#7daee4;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:6px 1px 5px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(34,47,62,.18);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,0.3)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#e3e3e3;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#fcfcfc;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#222f3e;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#006ce7;stroke:#006ce7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#fff}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#fff;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#006ce7;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#a6ccf7;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#f0f0f0;color:#222f3e;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#a6ccf7;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e;background-color:#fff;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#f0f0f0;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#f0f0f0;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #e3e3e3;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#f5cccc;border:1px solid #f0b3b3;border-radius:3px;color:#77181f;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#f0f0f0}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#fff;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#222f3e;line-height:28px}.tox .tox-comment{background:#fff;border:1px solid #fff;border-radius:6px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#fff2c9;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid #006ce7;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:6px;border:2px solid #006ce7}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#fff;position:relative;border-radius:6px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,0.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#eee;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #144782;color:#144782}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#144782;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#071729;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #144782;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #626262}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #eee;border-radius:6px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:6px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #eee;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #006ce7;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:2px solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #eee}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:0 2px 2px -2px rgba(34,47,62,.1),0 8px 8px -4px rgba(34,47,62,.07);padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #e3e3e3;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:28px;margin:5px 0 6px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 1px #006ce7;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:5px 0 6px 11px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px -4px;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px -4px}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #eee;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#f0f0f0}.tox .tox-insert-table-picker{background-color:#fff;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#eee;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:#006ce7;border-color:#eee}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#fff;border:1px solid #eee;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(34,47,62,.7)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#fff;border:0;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#006ce7;box-shadow:0 0 0 1px #006ce7}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#24321d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #517342;outline-offset:2px}.tox .tox-notification--success a:active{color:#0d120a;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#220709;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #77181f;outline-offset:2px}.tox .tox-notification--error a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#2c280d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #7a6e25;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#050502;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#163355;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #2a64a6;outline-offset:2px}.tox .tox-notification--info a:active{color:#0b1a2c;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#f0f0f0;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#222f3e;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #e3e3e3}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(34,47,62,.7)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(34,47,62,0.7)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #e3e3e3;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#fff 24%,#f0f0f0 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#006ce7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#006ce7}.tox .tox-promotion-dialog--footer{background-color:#f0f0f0;color:rgba(34,47,62,.7);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#f1ebf9;color:#851aff;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #851AFF}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(34,47,62,.7);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#071729;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #144782;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#eee transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #eee transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #eee transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #eee;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#f0f0f0;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #eee;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#eee;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#006ce7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#0060ce;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #006ce7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#0060ce}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#0054b4}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #e3e3e3;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#222f3e}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#222f3e}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#fff;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:#f7f7f7;border-radius:3px;display:flex;margin:6px 1px 5px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#f7f7f7}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#f7f7f7;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#f0f0f0;color:#222f3e}.tox .tox-number-input input:focus{background-color:#f7f7f7}.tox .tox-number-input input:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{color:#222f3e;height:28px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#f7f7f7;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#f7f7f7}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #eee}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:#f7f7f7}.tox .tox-tbtn--bespoke:focus{background:#f7f7f7}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #f0f0f0 inset}.tox .tox-split-button:focus{background:#fff;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#fff;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#e3e3e3 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#f7f7f7;border-radius:6px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:6px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#f0f0f0;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#f0f0f0;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#fff;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#222f3e;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#f0f0f0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;color:#222f3e;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #006ce7;box-shadow:0 0 0 2px #006ce7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#fff5cc;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 2px #006ce7 #e3b82a;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #e3b82a}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(34,47,62,.7);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#222f3e;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 10px 2px 10px;position:relative}.tox .tox-view__label{color:#222f3e;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:10px 10px 2px 10px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #eee;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #eee;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #eee;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.css
new file mode 100644
index 000000000..25b0a3710
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.js
new file mode 100644
index 000000000..8d38ac785
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/oxide/skin.shadowdom.css', `body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.min.css
new file mode 100644
index 000000000..8745951a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/oxide/skin.shadowdom.min.css
@@ -0,0 +1 @@
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.css
new file mode 100644
index 000000000..239136795
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.css
@@ -0,0 +1,881 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #4e4f3b;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #4e4f3b;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #4e4f3b;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #4e4f3b;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #f8f8f2;
+  background: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+  border-radius: 0.3em;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #282a36;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #6272a4;
+}
+.token.punctuation {
+  color: #f8f8f2;
+}
+.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #ff79c6;
+}
+.token.boolean,
+.token.number {
+  color: #bd93f9;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #50fa7b;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #f8f8f2;
+}
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #f1fa8c;
+}
+.token.keyword {
+  color: #8be9fd;
+}
+.token.regex,
+.token.important {
+  color: #ffb86c;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.3);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.3);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #4099ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #4099ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid transparent;
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: lighten;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #4099ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #99c4f5;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #ffeb99;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #eb9999;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #99c4f5;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #ffeb99;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #eb9999;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.css
new file mode 100644
index 000000000..86ac0c46e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.css
@@ -0,0 +1,887 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.js
new file mode 100644
index 000000000..e9eb2142e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/tinymce-5-dark/content.inline.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css
new file mode 100644
index 000000000..2844f4ea3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.js
new file mode 100644
index 000000000..cfb5c9cab
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/tinymce-5-dark/content.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #4e4f3b}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#4e4f3b;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#4e4f3b}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#4e4f3b;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.3)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.3);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#99c4f5}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#ffeb99}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#eb9999}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#99c4f5;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#ffeb99;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#eb9999;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.min.css
new file mode 100644
index 000000000..8d7fca987
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #4e4f3b}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#4e4f3b;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#4e4f3b}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#4e4f3b;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.3)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.3);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#99c4f5}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#ffeb99}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#eb9999}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#99c4f5;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#ffeb99;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#eb9999;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.css
new file mode 100644
index 000000000..9e43397eb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.css
@@ -0,0 +1,5260 @@
+.tox {
+  box-shadow: none;
+  box-sizing: content-box;
+  color: #2A3746;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 1px solid #000000;
+  border-radius: 0;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+  background-color: #222f3e;
+  border: 1px solid #000000;
+  border-radius: 0;
+  box-shadow: none;
+  overflow: hidden;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox[dir=rtl] .tox-icon--flip svg {
+  transform: rotateY(180deg);
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox #accessibility-issue__subheader {
+  font-size: 16px;
+  color: #fff;
+}
+.tox .accessbility-sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(0 0 99.9% 99.9%);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  padding: 0;
+  border: 0;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border-radius: 3px;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
+}
+.tox #accessibility-issue__contentID {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.tox #accessibility-issue__contentID span:first-child {
+  font-weight: bold;
+}
+.tox #accessibility-issue__document {
+  padding-bottom: 8px;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 8px;
+}
+.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
+  color: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: #22374a;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  font-size: 14px;
+  color: #a6cae2;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
+  fill: #a6cae2;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #207ab7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #1c6ca1;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #185d8c;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: #383f38;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  font-size: 14px;
+  color: #ffeb99;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
+  fill: #ffeb99;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: #332a38;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  font-size: 14px;
+  color: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
+  fill: #eb9999;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #2A3746;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.5);
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  display: none;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox .mce-codemirror {
+  background: #fff;
+  bottom: 0;
+  font-size: 13px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .mce-codemirror.tox-inline-codemirror {
+  margin: 8px;
+  position: absolute;
+}
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #000000;
+  border-radius: 0;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #207ab7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #207ab7;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-button::before {
+  border-radius: 3px;
+  bottom: -1px;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+  content: '';
+  left: -1px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.tox .tox-button[disabled] {
+  background-color: #207ab7;
+  background-image: none;
+  border-color: #207ab7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled[disabled] {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
+  background-color: #154f76;
+  background-image: none;
+  border-color: #154f76;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
+  background-color: #154f76;
+  background-image: none;
+  border-color: #154f76;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:active:not(:disabled) {
+  background-color: #114060;
+  background-image: none;
+  border-color: #114060;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button--secondary {
+  background-color: #3d546f;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #3d546f;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #3d546f;
+  background-image: none;
+  border-color: #3d546f;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #2b3b4e;
+  background-image: none;
+  border-color: #2b3b4e;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled {
+  background-color: #346085;
+  background-image: none;
+  border-color: #346085;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled[disabled] {
+  background-color: #346085;
+  background-image: none;
+  border-color: #346085;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
+  background-color: #2d5373;
+  background-image: none;
+  border-color: #2d5373;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
+  background-color: #2d5373;
+  background-image: none;
+  border-color: #2d5373;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
+  background-color: #264560;
+  background-image: none;
+  border-color: #264560;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 3px 0 2px 0;
+  padding: 0;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: #3d546f;
+  border-color: #3d546f;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: #34485f;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: #34485f;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: #2b3b4e;
+  border-color: #2b3b4e;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #fff;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 3px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.2);
+}
+@media (forced-colors: active) {
+  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 3px;
+  box-shadow: inset 0 0 0 1px #207ab7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: #1a1a1a;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: #333333;
+  color: #fff;
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  border-radius: 3px;
+  color: #fff;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #fff;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #207ab7;
+  stroke: #207ab7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #222f3e;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #222f3e;
+  opacity: 0.8;
+  background-clip: content-box;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #2b3b4e;
+  color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #4a5562;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+    border: solid 1px;
+  }
+}
+.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #757d87;
+  color: #fff;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #4a5562;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent inset;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #757d87;
+  color: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #fff;
+  background-color: #2b3b4e;
+  position: relative;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+  background-color: #4a5562;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
+  background-color: #4a5562;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection__item-image {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  max-width: 100%;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: currentColor;
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: currentColor;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #2b3b4e;
+  border: 1px solid #1a1a1a;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 34px;
+  margin: 3px 0 2px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid #000000;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid #000000;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+@media (forced-colors: active) {
+  .tox .tox-hue-slider,
+  .tox .tox-rgb-form .tox-rgba-preview {
+    background-color: currentColor !important;
+    border: 1px solid highlight !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-spectrum:focus,
+.tox .tox-sv-palette-spectrum:focus {
+  outline: #08f solid;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  min-width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid #f00 !important;
+  box-shadow: 0 0 0 1px #f00;
+}
+.tox .tox-rgb-container {
+  position: relative;
+}
+.tox .tox-rgb-form .tox-invalid-icon {
+  align-content: center;
+  align-items: center;
+  display: none;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
+  margin: 0;
+}
+.tox .tox-rgb-warning-note {
+  background-color: #442632;
+  border: 1px solid #55212b;
+  border-radius: 3px;
+  color: #e68080;
+  padding: 3px;
+}
+.tox input.tox-invalid + .tox-invalid-icon {
+  display: flex;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px 0;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+@media (forced-colors: active) {
+  .tox .tox-swatches__row {
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  fill: #fff;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #4a5562;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #fff;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
+  display: block;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox {
+  /* Animation for deleting a comment */
+  /* A comment fades to 0 when it is being deleted, then is removed */
+}
+.tox .tox-conversations {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  /* This is to give the sidebar a consistent width. Need a solution for this */
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+}
+.tox .tox-conversations__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+  padding: 8px 12px;
+  background: #222f3e;
+  z-index: 1;
+}
+.tox .tox-conversations__title {
+  font-size: 20px;
+  font-weight: 400;
+  padding: 8px 0 8px 0;
+  color: #fff;
+  line-height: 28px;
+}
+.tox .tox-comment {
+  background: #222f3e;
+  border: 1px solid #222f3e;
+  border-radius: 3px;
+  padding: 8px;
+  padding-bottom: 16px;
+  position: relative;
+}
+.tox .tox-comment:hover {
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+}
+.tox .tox-comment.tox-comment--selected {
+  background-color: #555542;
+  border: 1px solid #ffcf30;
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+}
+.tox .tox-comment.tox-comment--selected:focus {
+  border: 2px solid transparent;
+  margin: -1px;
+}
+.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
+  margin-top: 7px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single {
+  margin-bottom: 12px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
+  position: relative;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
+  top: -9px;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: block;
+  bottom: -9px;
+  left: -9px;
+  right: -9px;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: #fff;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-comment__body {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+  white-space: pre-wrap;
+  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
+}
+.tox .tox-comment__body.tox-comment__body--expanded {
+  max-height: 100em;
+  transition: max-height 1s ease-in-out;
+}
+.tox .tox-comment__body.tox-comment__body--pending {
+  transition: max-height 0s;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+  font-size: 16px;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #222f3e;
+  box-shadow: 0 0 8px 8px #222f3e;
+  color: #fff;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+  font-style: normal;
+  /* Need a focus highlight on the show more/less button */
+}
+.tox .tox-comment__expander p:focus {
+  font-weight: bold;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-tbtn.tox-comment__mention-btn {
+  display: flex;
+  width: 34px;
+  height: 34px;
+  padding: 5px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  background-color: transparent;
+}
+.tox .tox-comment-thread {
+  background: #222f3e;
+  position: relative;
+  border-radius: 3px;
+  background-color: transparent;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #222f3e;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(34, 47, 62, 0), #222f3e);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #222f3e;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #222f3e;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 12px;
+  scroll-behavior: smooth;
+}
+.tox .tox-comment__scroll:has(textarea:focus) {
+  scroll-behavior: auto;
+}
+.tox .tox-comment--disappearing {
+  transition: opacity 0.5s ease;
+}
+.tox .tox-comment[data-transitioning-destination="deleting"] {
+  opacity: 0;
+}
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
+.tox .tox-ring-loader {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #FFF;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-user__avatar img {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-user__name {
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 18px;
+  text-transform: none;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg,
+.tox:not([dir=rtl]) .tox-user__avatar img {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg,
+.tox[dir=rtl] .tox-user__avatar img {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox {
+  /* .tox-dialog-blocker-wrap {
+    //
+  } */
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #222f3e;
+}
+.tox .tox-dialog {
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    max-height: calc(100vh - 8px * 2);
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-bottom: none;
+  color: #fff;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #fff;
+  display: flex;
+  flex: 1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 16px 16px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(255, 255, 255, 0.5);
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  max-width: 13em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(32, 122, 183, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #90bddb;
+  color: #90bddb;
+}
+@media (forced-colors: active) {
+  .tox .tox-dialog__body-nav-item--active {
+    border-bottom: 2px solid highlight;
+    color: highlight;
+  }
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-height: min(650px, calc(100vh - 110px));
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #90bddb;
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #428fc2;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #90bddb;
+  outline-offset: 2px;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #33739e;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
+.tox .tox-dialog__body-content ul {
+  list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #fff;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-top: 1px solid #000000;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #000000;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
+.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
+  background: #fff;
+}
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  content: '';
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered iframe {
+  border-radius: 3px;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #000000;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(255, 255, 255, 0.5);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area::before {
+  border: 0 solid transparent;
+  border-radius: 4px;
+  content: '';
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
+@media (forced-colors: active) {
+  .tox .tox-edit-area::before {
+    border: 0 solid highlight;
+  }
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #000000;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #222f3e;
+  border-bottom: none;
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid #000000;
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #222f3e;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-custom-preview {
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  flex: 1;
+  padding: 8px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  box-sizing: border-box;
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(42 55 3.5%);
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span {
+    border-color: currentColor;
+    border-width: 2px !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #207ab7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #2b3b4e;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span::before {
+    border: none;
+  }
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(255, 255, 255, 0.5);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  appearance: none;
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-toolbar-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #222f3e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-toolbar-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-focusable-wrapper:focus,
+.tox .tox-custom-editor:focus-within {
+  background-color: #2b3b4e;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-toolbar-textfield {
+  max-width: 250px;
+  min-height: unset;
+  height: 34px;
+  margin: 2px 0 3px 0;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #207ab7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-textfield-size {
+  width: 80px;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-listbox__select-chevron svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  appearance: none;
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #2b3b4e;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-selectfield select option:checked {
+  background-color: revert;
+  color: revert;
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea-wrap {
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+.tox .tox-textarea {
+  appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-imagepreview {
+  background-color: #666;
+  height: 380px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+  overflow: auto;
+}
+.tox .tox-imagepreview__container {
+  display: flex;
+  left: 100vw;
+  position: absolute;
+  top: 100vw;
+}
+.tox .tox-imagepreview__image {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+  flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+  align-items: center;
+  display: flex;
+  height: 60px;
+  justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #207ab7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px 0;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px 0;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #fff;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #4a5562;
+}
+.tox .tox-insert-table-picker {
+  background-color: #222f3e;
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: #000000;
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: 0 -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: rgba(32, 122, 183, 0.5);
+  border-color: rgba(32, 122, 183, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    border-color: Highlight;
+    filter: contrast(50%);
+  }
+}
+.tox .tox-insert-table-picker__label {
+  color: #fff;
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox-mentions__card-common {
+  z-index: 1200;
+}
+.tox.tox-mentions__card {
+  background: #222f3e;
+  border: 1px solid #000000;
+  display: flex;
+  padding: 4px 8px;
+}
+.tox.tox-mentions__card .tox-mentions__container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin: 0 4px;
+}
+.tox .tox-mentions__avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+.tox .tox-mentions__username {
+  font-size: 14px;
+  line-height: 21px;
+}
+.tox .tox-mentions__description {
+  font-size: 12px;
+  line-height: 21px;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-collection__item--active .tox-mentions__description {
+  color: inherit;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #2b3b4e;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 4px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-menu .tox-collection__item-label {
+    overflow-wrap: break-word;
+    word-break: normal;
+  }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
+  background-color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-promotion + .tox-menubar {
+  grid-column: 1;
+}
+.tox .tox-promotion {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
+  background-color: #222f3e;
+  grid-column: 2;
+  grid-row: 1;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
+  padding-top: 5px;
+}
+.tox .tox-promotion-link {
+  align-items: unsafe center;
+  background-color: #E8F1F8;
+  border-radius: 5px;
+  color: #086BE6;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  height: 26.6px;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.tox .tox-promotion-link:hover {
+  background-color: #B4D7FF;
+}
+.tox .tox-promotion-link:focus {
+  background-color: #D9EDF7;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: #222f3e;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 2px 0 3px 0;
+  outline: none;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: #222f3e;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-mbtn:focus:not(:disabled)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-mbtn:focus:not(:disabled)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-mbtn--active,
+.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  width: max-content;
+}
+.tox .tox-notification a {
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification:focus {
+  border-color: #207ab7;
+  box-shadow: none;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #334840;
+  border-color: #3c5440;
+  color: #fff;
+}
+.tox .tox-notification--success p {
+  color: #fff;
+}
+.tox .tox-notification--success a {
+  color: #b5d199;
+}
+.tox .tox-notification--success a:hover,
+.tox .tox-notification--success a:focus {
+  color: #82b153;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #b5d199;
+  outline-offset: 2px;
+}
+.tox .tox-notification--success a:active {
+  color: #689041;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success svg {
+  fill: #fff;
+}
+.tox .tox-notification--error {
+  background-color: #442632;
+  border-color: #55212b;
+  color: #fff;
+}
+.tox .tox-notification--error p {
+  color: #fff;
+}
+.tox .tox-notification--error a {
+  color: #e68080;
+}
+.tox .tox-notification--error a:hover,
+.tox .tox-notification--error a:focus {
+  color: #d42b2b;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #e68080;
+  outline-offset: 2px;
+}
+.tox .tox-notification--error a:active {
+  color: #aa2222;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error svg {
+  fill: #fff;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #222f3e;
+  border-color: #000000;
+  color: #fff0b3;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #fff0b3;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #ffcc00;
+}
+.tox .tox-notification--warn a:hover,
+.tox .tox-notification--warning a:hover,
+.tox .tox-notification--warn a:focus,
+.tox .tox-notification--warning a:focus {
+  color: #997a00;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn a:focus-visible,
+.tox .tox-notification--warning a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #ffcc00;
+  outline-offset: 2px;
+}
+.tox .tox-notification--warn a:active,
+.tox .tox-notification--warning a:active {
+  color: #665200;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #fff0b3;
+}
+.tox .tox-notification--info {
+  background-color: #254161;
+  border-color: #264972;
+  color: #fff;
+}
+.tox .tox-notification--info p {
+  color: #fff;
+}
+.tox .tox-notification--info a {
+  color: #83b7f3;
+}
+.tox .tox-notification--info a:hover,
+.tox .tox-notification--info a:focus {
+  color: #2681ea;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #83b7f3;
+  outline-offset: 2px;
+}
+.tox .tox-notification--info a:active {
+  color: #1368c9;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info svg {
+  fill: #fff;
+}
+.tox .tox-notification__body {
+  align-self: center;
+  color: #fff;
+  font-size: 14px;
+  grid-column-end: 3;
+  grid-column-start: 2;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  align-self: center;
+  grid-column-end: 2;
+  grid-column-start: 1;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  align-self: start;
+  grid-column-end: 4;
+  grid-column-start: 3;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  grid-column-end: 4;
+  grid-column-start: 1;
+  grid-row-end: 3;
+  grid-row-start: 2;
+  justify-self: center;
+}
+.tox .tox-notification-container-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-notification-container-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-notification-container-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #17202a;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #222f3e;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid #000000;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #fff;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #2b3b4e;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid #000000;
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #fff;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #2b3b4e 24%, #202d3b 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #207ab7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #207ab7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #17202a;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #55367A;
+  color: #C290FB;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #C290FB;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #428fc2;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #90bddb;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #33739e;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+  transition: 0.15s ease;
+  transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+.tox .tox-pop__dialog {
+  background-color: #222f3e;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  opacity: 1;
+  position: absolute;
+  width: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-pop::before,
+  .tox .tox-pop::after {
+    content: none;
+  }
+}
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+  opacity: 0;
+  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #222f3e transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #000000 transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #222f3e transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #000000 transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #222f3e transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #000000 transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #222f3e;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #000000;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #34485f;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #207ab7;
+  border: 2px solid #185d8c;
+  border-radius: 3px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+  margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+  margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+  margin-inline-start: 32px;
+}
+.tox .tox-toolbar-slider {
+  align-items: center;
+  display: inline-flex;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input {
+  appearance: none;
+  background: #000000;
+  border-radius: 16px;
+  width: 130px;
+  height: 2px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background-color: #207ab7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-thumb {
+  appearance: none;
+  background-color: #207ab7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input:focus-visible {
+  outline: none;
+}
+.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
+  background-color: #1c6ca1;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+}
+.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
+  background-color: #1c6ca1;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+}
+.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
+  background-color: #1c6ca1;
+}
+.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
+  background-color: #1c6ca1;
+}
+.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
+  background-color: #185d8c;
+}
+.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
+  background-color: #185d8c;
+}
+.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #222f3e;
+  border-top: 1px solid #000000;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 12px;
+  font-weight: normal;
+  height: 18px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: uppercase;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
+  align-items: flex-start;
+  display: flex;
+  flex: 1 1 auto;
+  height: 16px;
+  justify-content: space-between;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+@media only screen and (max-width: 767px ) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: #fff;
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #fff;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:focus-visible::after,
+.tox .tox-statusbar__path-item:focus-visible::after,
+.tox .tox-statusbar__wordcount:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar a:focus-visible::after,
+  .tox .tox-statusbar__path-item:focus-visible::after,
+  .tox .tox-statusbar__wordcount:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(255, 255, 255, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #fff;
+}
+.tox .tox-statusbar__resize-cursor-default {
+  cursor: ns-resize;
+}
+.tox .tox-statusbar__resize-cursor-both {
+  cursor: nwse-resize;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-bottom: 3px;
+  margin-left: 4px;
+  margin-right: calc(3px - 8px);
+  margin-top: 3px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-statusbar__resize-handle:hover svg,
+.tox .tox-statusbar__resize-handle:focus svg {
+  fill: #fff;
+}
+.tox .tox-statusbar__resize-handle:focus-visible {
+  background-color: transparent;
+  border-radius: 1px 1px -4px 1px;
+  box-shadow: 0 0 0 2px transparent;
+}
+.tox .tox-statusbar__resize-handle:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__resize-handle:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__resize-handle:only-child {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 2ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-throbber {
+  z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: #222f3e;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 3px 0 2px 0;
+  outline: none;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:hover,
+  .tox .tox-tbtn.tox-tbtn:hover {
+    outline: 1px dashed currentColor;
+  }
+  .tox .tox-tbtn.tox-tbtn--active,
+  .tox .tox-tbtn.tox-tbtn--enabled,
+  .tox .tox-tbtn.tox-tbtn--enabled:hover,
+  .tox .tox-tbtn.tox-tbtn--enabled:focus,
+  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+    outline: 1px solid currentColor;
+    position: relative;
+  }
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #fff;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn svg {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--enabled,
+  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--disabled,
+  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
+  .tox .tox-tbtn svg .tox-tbtn:disabled,
+  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
+    filter: contrast(0%);
+  }
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-tbtn:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:hover {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: #222f3e;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--active,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn--enabled:focus {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+}
+.tox .tox-tbtn--active > *,
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled:focus > * {
+  transform: none;
+}
+.tox .tox-tbtn--active svg,
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg,
+.tox .tox-tbtn--enabled:focus svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--active.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--enabled:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn--enabled:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 51px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 68px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-label--context-toolbar {
+  margin: 6px 1px 5px 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.tox .tox-number-input {
+  background: transparent;
+  border-radius: 3px;
+  display: flex;
+  margin: 3px 0 2px 0;
+  position: relative;
+  width: auto;
+}
+.tox .tox-number-input:focus {
+  background: #4a5562;
+}
+.tox .tox-number-input:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper {
+  display: flex;
+  pointer-events: none;
+  position: relative;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background-color: #4a5562;
+  z-index: 1;
+}
+.tox .tox-number-input .tox-input-wrapper:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #fff;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  position: relative;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #4a5562;
+  color: #fff;
+}
+.tox .tox-number-input input:focus {
+  background-color: #4a5562;
+}
+.tox .tox-number-input input:disabled {
+  background: #222f3e;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button {
+  color: #fff;
+  height: 34px;
+  position: relative;
+  text-align: center;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:hover,
+  .tox .tox-number-input button:focus,
+  .tox .tox-number-input button:active {
+    outline: 1px solid currentColor !important;
+  }
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #fff;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button svg,
+  .tox .tox-number-input button svg:active,
+  .tox .tox-number-input button svg:hover {
+    fill: currentColor !important;
+  }
+  .tox .tox-number-input button svg:disabled {
+    filter: contrast(0);
+  }
+}
+.tox .tox-number-input button:focus {
+  background: #4a5562;
+  z-index: 1;
+}
+.tox .tox-number-input button:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input button:hover {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #fff;
+}
+.tox .tox-number-input button:active {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-number-input button:active svg {
+  fill: #fff;
+}
+.tox .tox-number-input button:disabled {
+  background: #222f3e;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #4a5562;
+}
+.tox .tox-tbtn--select {
+  margin: 3px 0 2px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #000000;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  height: initial;
+  margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn__select-chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-tbtn--bespoke {
+  background: transparent;
+}
+.tox .tox-tbtn--bespoke:focus {
+  background: #4a5562;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+  margin-inline-start: 0;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 3px 0 2px 0;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #4a5562 inset;
+}
+.tox .tox-split-button:focus {
+  background: #4a5562;
+  box-shadow: none;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-split-button:focus::after {
+  pointer-events: none;
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button > *:nth-child(1) {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.tox .tox-split-button > *:nth-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox .tox-split-button:focus .tox-tbtn {
+  background-color: transparent;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: #222f3e;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+  padding: 0 0px;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+  opacity: 0.3;
+}
+.tox .tox-toolbar-overlord {
+  background-color: #222f3e;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background-attachment: local;
+  background-color: #222f3e;
+  background-image: repeating-linear-gradient(#000000 0 1px, transparent 1px 39px);
+  background-position: center top 39px;
+  background-repeat: no-repeat;
+  background-size: calc(100% - 4px * 2) calc(100% - 39px);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0px;
+  transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+  background-position: center top 0px;
+  background-size: calc(100% - 4px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-toolbar-overlord,
+.tox .tox-anchorbar {
+  grid-column: 1 / -1;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: 1px solid #000000;
+  margin-top: -1px;
+  padding-bottom: 0;
+  padding-top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-menubar + .tox-toolbar,
+  .tox .tox-menubar + .tox-toolbar-overlord {
+    outline: 1px solid currentColor;
+  }
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+  background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+  background-image: none;
+}
+.tox .tox-focusable-wrapper {
+  border: 1px solid transparent;
+  margin-right: 2px;
+  pointer-events: none;
+}
+.tox .tox-focusable-wrapper .tox-textfield-size {
+  pointer-events: all;
+}
+.tox .tox-focusable-wrapper:focus {
+  background-color: #4a5562;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #222f3e;
+  background-position: center top 43px;
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  border: none;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+  overscroll-behavior: none;
+  padding: 4px 0;
+}
+@media (forced-colors: active) {
+  .tox.tox-tinymce-aux .tox-toolbar__overflow {
+    border: solid;
+  }
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+  background-position: center top 43px;
+  background-size: calc(100% - 4px * 2) calc(100% - 51px);
+  padding: 4px 0;
+}
+.tox-context-form__group {
+  display: flex;
+  align-items: center;
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid #000000;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid #000000;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  max-width: 15em;
+  padding: 8px;
+  /*
+     * The pointer-events: none is designed to make mouse events bleed through the tooltip
+     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
+     * another item should trigger the hover of the item obscured by the tooltip, even though
+     * the tooltip is on top
+     */
+  pointer-events: none;
+  position: relative;
+  width: max-content;
+  z-index: 1150;
+}
+.tox .tox-tooltip__body {
+  background-color: #2A3746;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  overflow-wrap: break-word;
+  padding: 4px 6px;
+  text-transform: none;
+}
+@media (forced-colors: active) {
+  .tox .tox-tooltip__body {
+    outline: outset 1px;
+  }
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #2A3746;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #2A3746;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #2A3746;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #2A3746;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #6ea9d0;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #6ea9d0;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #fff;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #fff;
+}
+.tox .tox-tree .tox-icon-custom-state {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__pane {
+  padding: 0 !important;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-revisionhistory__container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-revisionhistory {
+  background-color: #222f3e;
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+  display: flex;
+  flex: 1;
+  height: 100%;
+  margin-top: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-revisionhistory--align-right {
+  margin-left: auto;
+}
+.tox .tox-revisionhistory__iframe {
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 248px;
+  width: 316px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
+  background-color: #222f3e;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  color: #fff;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  padding: 12px;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
+  background-color: #2b3b4e;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow-y: auto;
+  padding: 10px 12px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 3px;
+  bottom: 1px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
+  background-color: #222f3e;
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 6px;
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  gap: 12px;
+  padding: 12px;
+  width: 100%;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent #285ec7;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #285ec7;
+  box-shadow: 0 0 0 2px #285ec7 !important;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
+  background-color: #62430b;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  position: relative;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent #cea215;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #cea215;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 0;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
+  align-items: center;
+  display: flex;
+  flex: 1 0 0;
+  gap: 8px;
+  height: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 16px;
+  line-height: 24px;
+  padding: 5px 5.5px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
+  color: #fff;
+  height: 24px;
+}
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #222f3e;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 8px 0 8px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #fff;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 8px 8px 0 8px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #000000;
+  border-radius: 3px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: none;
+  padding: 0;
+}
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+  margin-bottom: -1px;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: hidden;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: none;
+  box-shadow: none;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: transparent;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 0;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0;
+}
+.tox .tox-pop {
+  box-shadow: none;
+}
+.tox .tox-tbtn,
+.tox .tox-label,
+.tox .tox-number-input,
+.tox .tox-tbtn--select,
+.tox .tox-split-button,
+.tox .tox-toolbar-label {
+  margin: 2px 0 3px 0;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #000000;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e !important;
+}
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: none;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+  border-top: 1px solid #000000;
+  margin-top: -1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  border: 1px solid #000000;
+  padding: 0;
+}
+.tox .tox-pop .tox-pop__dialog .tox-toolbar {
+  padding: 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+  border-top: 1px solid #000000;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
+  border-top: 1px solid #000000;
+}
+.tox .tox-toolbar__group {
+  padding: 0 4px 0 4px;
+}
+.tox .tox-collection__item {
+  border-radius: 0;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #fff;
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(255, 255, 255, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #fff;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 1ch;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-statusbar__resize-handle {
+  padding-bottom: 0;
+  padding-right: 0;
+}
+.tox .tox-button::before {
+  display: none;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.js
new file mode 100644
index 000000000..d7e1d2acf
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/tinymce-5-dark/skin.css', `.tox{box-shadow:none;box-sizing:content-box;color:#2a3746;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #000;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#222f3e;border:1px solid #000;border-radius:0;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#fff}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:3px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#22374a;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#a6cae2}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#a6cae2}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#1c6ca1}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#185d8c}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#383f38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#332a38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#000;border-radius:0;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:3px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#114060;background-image:none;border-color:#114060;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled{background-color:#346085;background-image:none;border-color:#346085;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#346085;background-image:none;border-color:#346085;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#2d5373;background-image:none;border-color:#2d5373;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#2d5373;background-image:none;border-color:#2d5373;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#264560;background-image:none;border-color:#264560;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:3px 0 2px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:#3d546f;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:#2b3b4e;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,0.2)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#1a1a1a;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#333;color:#fff;cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#fff;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#fff;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#207ab7;stroke:#207ab7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#222f3e}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#222f3e;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#757d87;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#757d87;color:#fff}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff;background-color:#2b3b4e;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#4a5562;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#4a5562;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #000;border-radius:3px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid #1a1a1a;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:3px 0 2px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #000}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #000}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#442632;border:1px solid #55212b;border-radius:3px;color:#e68080;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#4a5562}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#fff;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);padding:8px 12px;background:#222f3e;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#fff;line-height:28px}.tox .tox-comment{background:#222f3e;border:1px solid #222f3e;border-radius:3px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(42,55,70,.1)}.tox .tox-comment.tox-comment--selected{background-color:#555542;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(42,55,70,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid transparent;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:3px;border:2px solid transparent}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#fff;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#222f3e;box-shadow:0 0 8px 8px #222f3e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#222f3e;position:relative;border-radius:3px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#222f3e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(34,47,62,0),#222f3e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#222f3e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#222f3e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,0.5)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #90bddb;color:#90bddb}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#90bddb;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#428fc2;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #90bddb;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#33739e;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:1px solid #000;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #000;border-radius:3px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:3px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #000;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:0 solid transparent;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:0 solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #000}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#222f3e;border-bottom:none;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #000;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#222f3e;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#000;border-radius:3px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(42 55 3.5%);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:34px;margin:2px 0 3px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#000;border-radius:3px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #207ab7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:2px 0 3px 4px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px 0;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px 0}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #000;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#4a5562}.tox .tox-insert-table-picker{background-color:#222f3e;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#000;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:0 -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#222f3e;border:1px solid #000;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(255,255,255,.5)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#2b3b4e;border:1px solid #000;border-radius:3px;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 4px 0 4px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#4a5562;border:0;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#207ab7;box-shadow:none}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#334840;border-color:#3c5440;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#b5d199}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#82b153;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #b5d199;outline-offset:2px}.tox .tox-notification--success a:active{color:#689041;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#442632;border-color:#55212b;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#e68080}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#d42b2b;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #e68080;outline-offset:2px}.tox .tox-notification--error a:active{color:#a22;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#222f3e;border-color:#000;color:#fff0b3}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff0b3}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fc0}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#997a00;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #ffcc00;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#665200;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff0b3}.tox .tox-notification--info{background-color:#254161;border-color:#264972;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#83b7f3}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#2681ea;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #83b7f3;outline-offset:2px}.tox .tox-notification--info a:active{color:#1368c9;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{align-self:center;color:#fff;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#17202a;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#222f3e;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #000}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#2b3b4e;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(255,255,255,.5)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(255,255,255,0.5)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #000;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#2b3b4e 24%,#202d3b 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#207ab7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#207ab7}.tox .tox-promotion-dialog--footer{background-color:#17202a;color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#55367a;color:#c290fb;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #C290FB}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(255,255,255,.5);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#428fc2;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #90bddb;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#33739e;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #000;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#000 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #000 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #000 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #000;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#34485f;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #000;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#000;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid #000;color:#fff;display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:#fff;position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(255,255,255,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#fff}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px -4px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:3px 0 2px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#fff}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#4a5562;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#757d87;border:0;box-shadow:none;color:#fff;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:0 0;border-radius:3px;display:flex;margin:3px 0 2px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#4a5562}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#4a5562;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#fff;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#4a5562;color:#fff}.tox .tox-number-input input:focus{background-color:#4a5562}.tox .tox-number-input input:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button{color:#fff;height:34px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#fff;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#4a5562;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:hover svg{fill:#fff}.tox .tox-number-input button:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:active svg{fill:#fff}.tox .tox-number-input button:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#4a5562}.tox .tox-tbtn--select{margin:3px 0 2px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #000}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:0 0}.tox .tox-tbtn--bespoke:focus{background:#4a5562}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:0}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:3px 0 2px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #4a5562 inset}.tox .tox-split-button:focus{background:#4a5562;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#222f3e;box-shadow:none;color:rgba(255,255,255,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#222f3e;background-image:repeating-linear-gradient(#000 0 1px,transparent 1px 39px);background-position:center top 39px;background-repeat:no-repeat;background-size:calc(100% - 4px * 2) calc(100% - 39px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 4px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid #000;margin-top:-1px;padding-bottom:0;padding-top:0}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#4a5562;border-radius:3px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 4px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #000}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #000}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#2a3746;border-radius:3px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2a3746;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #2a3746;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #2a3746;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #2a3746;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#fff}.tox .tox-tree .tox-trbtn:focus{background:#4a5562;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:active{background:#6ea9d0;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:active svg{fill:#fff}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#6ea9d0;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#fff}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#222f3e;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#fff;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#2b3b4e;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0;border-radius:3px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#222f3e;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #285ec7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #285ec7;box-shadow:0 0 0 2px #285ec7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#62430b;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #cea215;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #cea215}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(255,255,255,.5);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#fff;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#222f3e;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view__label{color:#fff;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #000;border-radius:3px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #000;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #000;border-radius:3px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:none;padding:0}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce-inline .tox-editor-container{overflow:hidden}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:none;box-shadow:none}.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:0}.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-pop{box-shadow:none}.tox .tox-label,.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select,.tox .tox-toolbar-label{margin:2px 0 3px 0}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #000}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e!important}.tox .tox-menubar+.tox-toolbar-overlord{border-top:none}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #000;margin-top:-1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{border:1px solid #000;padding:0}.tox .tox-pop .tox-pop__dialog .tox-toolbar{padding:0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #000}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #000}.tox .tox-toolbar__group{padding:0 4px 0 4px}.tox .tox-collection__item{border-radius:0;cursor:pointer}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-statusbar__resize-handle{padding-bottom:0;padding-right:0}.tox .tox-button::before{display:none}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.min.css
new file mode 100644
index 000000000..ee528e697
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.min.css
@@ -0,0 +1 @@
+.tox{box-shadow:none;box-sizing:content-box;color:#2a3746;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #000;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#222f3e;border:1px solid #000;border-radius:0;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#fff}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:3px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#22374a;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#a6cae2}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#a6cae2}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#1c6ca1}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#185d8c}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#383f38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#ffeb99}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#332a38;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#eb9999}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#2a3746}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#000;border-radius:0;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:3px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#114060;background-image:none;border-color:#114060;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled{background-color:#346085;background-image:none;border-color:#346085;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#346085;background-image:none;border-color:#346085;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#2d5373;background-image:none;border-color:#2d5373;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#2d5373;background-image:none;border-color:#2d5373;box-shadow:none;color:#fff}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#264560;background-image:none;border-color:#264560;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:3px 0 2px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:#3d546f;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:#2b3b4e;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,0.2)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#1a1a1a;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#333;color:#fff;cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#fff;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#fff;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#207ab7;stroke:#207ab7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#222f3e}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#222f3e;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#757d87;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#757d87;color:#fff}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff;background-color:#2b3b4e;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#4a5562;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#4a5562;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #000;border-radius:3px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid #1a1a1a;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:3px 0 2px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #000}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #000}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#442632;border:1px solid #55212b;border-radius:3px;color:#e68080;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#4a5562}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#fff;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);padding:8px 12px;background:#222f3e;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#fff;line-height:28px}.tox .tox-comment{background:#222f3e;border:1px solid #222f3e;border-radius:3px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(42,55,70,.1)}.tox .tox-comment.tox-comment--selected{background-color:#555542;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(42,55,70,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid transparent;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:3px;border:2px solid transparent}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#fff;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#222f3e;box-shadow:0 0 8px 8px #222f3e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#222f3e;position:relative;border-radius:3px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#222f3e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(34,47,62,0),#222f3e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#222f3e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#222f3e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,0.5)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #90bddb;color:#90bddb}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#90bddb;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#428fc2;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #90bddb;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#33739e;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:1px solid #000;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #000;border-radius:3px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:3px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #000;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:0 solid transparent;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:0 solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #000}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#222f3e;border-bottom:none;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #000;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#222f3e;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#000;border-radius:3px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(42 55 3.5%);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:34px;margin:2px 0 3px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#000;border-radius:3px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #207ab7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:2px 0 3px 4px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px 0;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px 0}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #000;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#fff;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#4a5562}.tox .tox-insert-table-picker{background-color:#222f3e;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#000;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:0 -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#222f3e;border:1px solid #000;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(255,255,255,.5)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#2b3b4e;border:1px solid #000;border-radius:3px;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 4px 0 4px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#4a5562;border:0;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#207ab7;box-shadow:none}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#334840;border-color:#3c5440;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#b5d199}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#82b153;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #b5d199;outline-offset:2px}.tox .tox-notification--success a:active{color:#689041;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#442632;border-color:#55212b;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#e68080}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#d42b2b;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #e68080;outline-offset:2px}.tox .tox-notification--error a:active{color:#a22;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#222f3e;border-color:#000;color:#fff0b3}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff0b3}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fc0}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#997a00;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #ffcc00;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#665200;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff0b3}.tox .tox-notification--info{background-color:#254161;border-color:#264972;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#83b7f3}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#2681ea;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #83b7f3;outline-offset:2px}.tox .tox-notification--info a:active{color:#1368c9;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{align-self:center;color:#fff;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#17202a;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#222f3e;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #000}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#2b3b4e;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(255,255,255,.5)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(255,255,255,0.5)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #000;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#2b3b4e 24%,#202d3b 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#207ab7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(255,255,255,.5);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#207ab7}.tox .tox-promotion-dialog--footer{background-color:#17202a;color:rgba(255,255,255,.5);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#55367a;color:#c290fb;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #C290FB}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(255,255,255,.5);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#428fc2;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #90bddb;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#33739e;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #000;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#000 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #000 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #000 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #000;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#34485f;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #000;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#000;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid #000;color:#fff;display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:#fff;position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(255,255,255,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#fff}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px -4px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#222f3e;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:3px 0 2px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#fff}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#4a5562;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#757d87;border:0;box-shadow:none;color:#fff;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:0 0;border-radius:3px;display:flex;margin:3px 0 2px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#4a5562}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#4a5562;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#fff;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#4a5562;color:#fff}.tox .tox-number-input input:focus{background-color:#4a5562}.tox .tox-number-input input:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button{color:#fff;height:34px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#fff;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#4a5562;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:hover svg{fill:#fff}.tox .tox-number-input button:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-number-input button:active svg{fill:#fff}.tox .tox-number-input button:disabled{background:#222f3e;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(255,255,255,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#4a5562}.tox .tox-tbtn--select{margin:3px 0 2px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #000}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:0 0}.tox .tox-tbtn--bespoke:focus{background:#4a5562}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:0}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:3px 0 2px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #4a5562 inset}.tox .tox-split-button:focus{background:#4a5562;box-shadow:none;color:#fff;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#222f3e;box-shadow:none;color:rgba(255,255,255,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#222f3e;background-image:repeating-linear-gradient(#000 0 1px,transparent 1px 39px);background-position:center top 39px;background-repeat:no-repeat;background-size:calc(100% - 4px * 2) calc(100% - 39px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 4px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid #000;margin-top:-1px;padding-bottom:0;padding-top:0}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#4a5562;border-radius:3px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:3px;box-shadow:0 0 2px 0 rgba(42,55,70,.2),0 4px 8px 0 rgba(42,55,70,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 4px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #000}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #000}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#2a3746;border-radius:3px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2a3746;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #2a3746;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #2a3746;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #2a3746;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#fff}.tox .tox-tree .tox-trbtn:focus{background:#4a5562;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:active{background:#6ea9d0;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn:active svg{fill:#fff}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(255,255,255,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#6ea9d0;border:0;box-shadow:none;color:#fff}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#fff}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#fff}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#fff}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#fff}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#222f3e;border-top:1px solid rgba(255,255,255,.15);display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#222f3e;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#fff;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#2b3b4e;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0;border-radius:3px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#222f3e;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #285ec7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #285ec7;box-shadow:0 0 0 2px #285ec7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#62430b;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #cea215;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #cea215}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(255,255,255,.5);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#fff;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#222f3e;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view__label{color:#fff;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #000;border-radius:3px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #000;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #000;border-radius:3px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:none;padding:0}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce-inline .tox-editor-container{overflow:hidden}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:none;box-shadow:none}.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:0}.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-pop{box-shadow:none}.tox .tox-label,.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select,.tox .tox-toolbar-label{margin:2px 0 3px 0}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #000}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e!important}.tox .tox-menubar+.tox-toolbar-overlord{border-top:none}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #000;margin-top:-1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{border:1px solid #000;padding:0}.tox .tox-pop .tox-pop__dialog .tox-toolbar{padding:0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #000}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #000}.tox .tox-toolbar__group{padding:0 4px 0 4px}.tox .tox-collection__item{border-radius:0;cursor:pointer}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#fff}.tox .tox-statusbar__branding svg{fill:rgba(255,255,255,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#fff}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-statusbar__resize-handle{padding-bottom:0;padding-right:0}.tox .tox-button::before{display:none}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css
new file mode 100644
index 000000000..25b0a3710
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js
new file mode 100644
index 000000000..125f5ad59
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/tinymce-5-dark/skin.shadowdom.css', `body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css
new file mode 100644
index 000000000..8745951a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css
@@ -0,0 +1 @@
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.css
new file mode 100644
index 000000000..5d4df6a76
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.css
@@ -0,0 +1,893 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.css
new file mode 100644
index 000000000..86ac0c46e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.css
@@ -0,0 +1,887 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+  background-position-x: 2px;
+  display: inline-block;
+  padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffe796;
+}
+.tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
+  background-color: #ffe796;
+  outline: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
+  background-color: #ffcf30;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] {
+  background-color: #ffcf30;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],
+        > audio[data-mce-selected],
+        > video[data-mce-selected],
+        span.mce-preview-object[data-mce-selected]) {
+  box-shadow: none;
+}
+.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]) {
+  box-shadow: 0 0 0 5px #006ce7;
+}
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
+.tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
+  outline: 3px solid #ffcf30;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 4;
+  hyphens: none;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  /* This background color was intended by the author of this theme. */
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+div.mce-footnotes hr {
+  margin-inline: 0 auto;
+  width: 25%;
+}
+div.mce-footnotes li > a.mce-footnotes-backlink {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+@media print {
+  sup.mce-footnote a {
+    color: black;
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  div.mce-footnotes {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    width: 100%;
+  }
+  div.mce-footnotes li > a.mce-footnotes-backlink {
+    display: none;
+  }
+}
+/* stylelint-disable selector-type-no-unknown */
+tiny-math-block {
+  display: flex;
+  justify-content: center;
+  margin: 16px 0 16px 0;
+}
+tiny-math-inline {
+  display: inline-block;
+}
+/* stylelint-enable selector-type-no-unknown */
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-content-body .mce-mergetag {
+  cursor: default !important;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body .mce-mergetag:hover {
+  background-color: rgba(0, 108, 231, 0.1);
+}
+.mce-content-body .mce-mergetag-affix {
+  background-color: rgba(0, 108, 231, 0.1);
+  color: #006ce7;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+@media (forced-colors: active) {
+  .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: highlight;
+    filter: brightness(30%);
+    z-index: -1;
+  }
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+  cursor: default;
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0 0 0%);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10002;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body details[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.mce-content-body img[data-mce-selected]::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc ul > li {
+  list-style-type: none;
+}
+[data-mce-block] {
+  display: block;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.tox-uc-loading-background {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+}
+.tox-uc-loading-spinner-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox-uc-loading-spinner {
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox-uploadcare-placeholder {
+  all: initial;
+  display: inline-block;
+  position: relative;
+  width: min(100%, 600px);
+  height: 80px;
+  --tox-uploadcare-placeholder--content-cursor: auto !important;
+  --tox-uploadcare-placeholder--content-color: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--content-background-color: #fff;
+  --tox-uploadcare-placeholder--content-border: 2px solid #e3e3e3;
+  --tox-uploadcare-placeholder--content-font-family: monospace, sans-serif;
+  --tox-uploadcare-placeholder--content-height: 100%;
+  --tox-uploadcare-placeholder--content-width: 100%;
+  --tox-uploadcare-placeholder--content-display: inline-flex;
+  --tox-uploadcare-placeholder--content-align-items: center;
+  --tox-uploadcare-placeholder--content-justify-content: center;
+  --tox-uploadcare-placeholder--content-gap: 8px;
+  --tox-uploadcare-placeholder--icon-fill: rgba(34, 47, 62, 0.7);
+  --tox-uploadcare-placeholder--icon-min-width: 24px;
+  --tox-uc-loading-spinner-wrapper-display-none: none;
+  --tox-uc-loading-spinner-wrapper-display: flex;
+  --tox-uc-loading-spinner-wrapper-position: absolute;
+  --tox-uc-loading-spinner-wrapper-top: 0;
+  --tox-uc-loading-spinner-wrapper-left: 0;
+  --tox-uc-loading-spinner-wrapper-width: 100%;
+  --tox-uc-loading-spinner-wrapper-height: 100%;
+  --tox-uc-loading-spinner-wrapper-justify-content: center;
+  --tox-uc-loading-spinner-wrapper-align-items: center;
+  --tox-uc-loading-spinner-aspect-ratio: 1 / 1;
+  --tox-uc-loading-spinner-width: min(24px, 30%);
+  --tox-uc-loading-spinner-border-radius: 50%;
+  --tox-uc-loading-spinner-border: 3px solid #006ce7;
+  --tox-uc-loading-spinner-border-bottom-color: transparent;
+  --tox-uc-loading-spinner-animation: tox-rotation 1s linear infinite;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+[data-ephox-foam-a11y-violation] {
+  outline: 2px solid;
+  position: relative;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation] {
+  outline-width: 4px;
+  transition: outline-width 0.1s ease-in-out, background-color 0.1s ease-in-out;
+  box-shadow: 0 0 0 99999px #222f3e80;
+  z-index: 1;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info] {
+  outline-color: #006ce7;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn] {
+  outline-color: #FFCC00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error] {
+  outline-color: #c00;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="info"] {
+  outline-color: #006ce7;
+  background-color: #e6f0fd;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="warning"] {
+  outline-color: #FFCC00;
+  background-color: #fffae6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation="error"] {
+  outline-color: #c00;
+  background-color: #fae6e6;
+}
+[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td, th, tr) {
+  position: static;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.js
new file mode 100644
index 000000000..6eeb1d451
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/tinymce-5/content.inline.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.min.css
new file mode 100644
index 000000000..2844f4ea3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.inline.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.js
new file mode 100644
index 000000000..7679f4a32
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.js
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+tinymce.Resource.add('ui/tinymce-5/content.css', `@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.min.css
new file mode 100644
index 000000000..133a43eaa
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/content.min.css
@@ -0,0 +1,10 @@
+/* This file is bundled with the code from the following third party libraries */
+
+/**
+ * http://prismjs.com/
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center}.mce-content-body .mce-item-anchor:empty{cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor:not(:empty){background-position-x:2px;display:inline-block;padding-left:12px}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]){outline:3px solid #ffe796}.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-comments-visible span.tox-comment:not([data-mce-selected]){background-color:#ffe796;outline:0}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]){background-color:#ffcf30}.tox-comments-visible span.tox-comment[data-mce-selected]{background-color:#ffcf30;border-radius:3px;box-shadow:0 0 0 2px #006ce7}.tox-comments-visible span.tox-comment[data-mce-selected]:has(img[data-mce-selected],> audio[data-mce-selected],> video[data-mce-selected],span.mce-preview-object[data-mce-selected]){box-shadow:none}.tox-comments-visible span.tox-comment[data-mce-selected] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-selected]>video:not([data-mce-selected]){box-shadow:0 0 0 5px #006ce7}.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]){outline:3px solid #ffcf30}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}div.mce-footnotes hr{margin-inline:0 auto;width:25%}div.mce-footnotes li>a.mce-footnotes-backlink{-webkit-text-decoration:none;text-decoration:none}@media print{sup.mce-footnote a{color:#000;-webkit-text-decoration:none;text-decoration:none}div.mce-footnotes{page-break-inside:avoid;break-inside:avoid;width:100%}div.mce-footnotes li>a.mce-footnotes-backlink{display:none}}tiny-math-block{display:flex;justify-content:center;margin:16px 0 16px 0}tiny-math-inline{display:inline-block}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px;position:relative}.mce-preview-object .mce-shim{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-content-body .mce-mergetag{cursor:default!important;-webkit-user-select:none;user-select:none}.mce-content-body .mce-mergetag:hover{background-color:rgba(0,108,231,.1)}.mce-content-body .mce-mergetag-affix{background-color:rgba(0,108,231,.1);color:#006ce7}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}@media (forced-colors:active){.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:highlight;filter:brightness(30%);z-index:-1}}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:first-of-type{cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed black;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0 0 0%);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}.mce-content-body img[data-mce-selected]::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc ul>li{list-style-type:none}[data-mce-block]{display:block}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.tox-uc-loading-background{width:100%;height:100%;background:rgba(255,255,255,.5)}.tox-uc-loading-spinner-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tox-uc-loading-spinner{width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #006ce7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox-uploadcare-placeholder{all:initial;display:inline-block;position:relative;width:min(100%,600px);height:80px;--tox-uploadcare-placeholder--content-cursor:auto!important;--tox-uploadcare-placeholder--content-color:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--content-background-color:#fff;--tox-uploadcare-placeholder--content-border:2px solid #e3e3e3;--tox-uploadcare-placeholder--content-font-family:monospace,sans-serif;--tox-uploadcare-placeholder--content-height:100%;--tox-uploadcare-placeholder--content-width:100%;--tox-uploadcare-placeholder--content-display:inline-flex;--tox-uploadcare-placeholder--content-align-items:center;--tox-uploadcare-placeholder--content-justify-content:center;--tox-uploadcare-placeholder--content-gap:8px;--tox-uploadcare-placeholder--icon-fill:rgba(34, 47, 62, 0.7);--tox-uploadcare-placeholder--icon-min-width:24px;--tox-uc-loading-spinner-wrapper-display-none:none;--tox-uc-loading-spinner-wrapper-display:flex;--tox-uc-loading-spinner-wrapper-position:absolute;--tox-uc-loading-spinner-wrapper-top:0;--tox-uc-loading-spinner-wrapper-left:0;--tox-uc-loading-spinner-wrapper-width:100%;--tox-uc-loading-spinner-wrapper-height:100%;--tox-uc-loading-spinner-wrapper-justify-content:center;--tox-uc-loading-spinner-wrapper-align-items:center;--tox-uc-loading-spinner-aspect-ratio:1/1;--tox-uc-loading-spinner-width:min(24px, 30%);--tox-uc-loading-spinner-border-radius:50%;--tox-uc-loading-spinner-border:3px solid #006ce7;--tox-uc-loading-spinner-border-bottom-color:transparent;--tox-uc-loading-spinner-animation:tox-rotation 1s linear infinite}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}[data-ephox-foam-a11y-violation]{outline:2px solid;position:relative}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]{outline-width:4px;transition:outline-width .1s ease-in-out,background-color .1s ease-in-out;box-shadow:0 0 0 99999px #222f3e80;z-index:1}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-info]{outline-color:#006ce7}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-warn]{outline-color:#fc0}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-severity-error]{outline-color:#c00}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=info]{outline-color:#006ce7;background-color:#e6f0fd}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=warning]{outline-color:#fc0;background-color:#fffae6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation=error]{outline-color:#c00;background-color:#fae6e6}[data-ephox-foam-a11y-violation][data-ephox-foam-a11y-current-violation]:is(td,th,tr){position:static}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.css
new file mode 100644
index 000000000..03ff5ec71
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.css
@@ -0,0 +1,5260 @@
+.tox {
+  box-shadow: none;
+  box-sizing: content-box;
+  color: #222f3e;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 1px solid #cccccc;
+  border-radius: 0;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 0;
+  box-shadow: none;
+  overflow: hidden;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox[dir=rtl] .tox-icon--flip svg {
+  transform: rotateY(180deg);
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox #accessibility-issue__subheader {
+  font-size: 16px;
+  color: #222f3e;
+}
+.tox .accessbility-sr-only {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(0 0 99.9% 99.9%);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  padding: 0;
+  border: 0;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border-radius: 3px;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
+}
+.tox #accessibility-issue__contentID {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.tox #accessibility-issue__contentID span:first-child {
+  font-weight: bold;
+}
+.tox #accessibility-issue__document {
+  padding-bottom: 8px;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 8px;
+}
+.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: #e9f2f8;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  font-size: 14px;
+  color: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
+  fill: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #207ab7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #1c6ca1;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #185d8c;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: #fffae6;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  font-size: 14px;
+  color: #7a6e25;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
+  fill: #7a6e25;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: #fae6e6;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  font-size: 14px;
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
+  fill: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.1);
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  display: none;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #527530;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
+  fill: #527530;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox .mce-codemirror {
+  background: #fff;
+  bottom: 0;
+  font-size: 13px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .mce-codemirror.tox-inline-codemirror {
+  margin: 8px;
+  position: absolute;
+}
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #cccccc;
+  border-radius: 0;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #207ab7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #207ab7;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  position: relative;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-button::before {
+  border-radius: 3px;
+  bottom: -1px;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+  content: '';
+  left: -1px;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+.tox .tox-button[disabled] {
+  background-color: #207ab7;
+  background-image: none;
+  border-color: #207ab7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled[disabled] {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
+  background-color: #154f76;
+  background-image: none;
+  border-color: #154f76;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
+  background-color: #154f76;
+  background-image: none;
+  border-color: #154f76;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button.tox-button--enabled:active:not(:disabled) {
+  background-color: #114060;
+  background-image: none;
+  border-color: #114060;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button--secondary {
+  background-color: #f0f0f0;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #f0f0f0;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #f0f0f0;
+  background-image: none;
+  border-color: #f0f0f0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #d6d6d6;
+  background-image: none;
+  border-color: #d6d6d6;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled {
+  background-color: #b1ccdf;
+  background-image: none;
+  border-color: #b1ccdf;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled[disabled] {
+  background-color: #b1ccdf;
+  background-image: none;
+  border-color: #b1ccdf;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
+  background-color: #9fc1d7;
+  background-image: none;
+  border-color: #9fc1d7;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
+  background-color: #9fc1d7;
+  background-image: none;
+  border-color: #9fc1d7;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
+  background-color: #8db5d0;
+  background-image: none;
+  border-color: #8db5d0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 3px 0 2px 0;
+  padding: 0;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: #f0f0f0;
+  border-color: #f0f0f0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: #e3e3e3;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: #e3e3e3;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: #d6d6d6;
+  border-color: #d6d6d6;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #222f3e;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 3px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.3);
+}
+@media (forced-colors: active) {
+  .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 3px;
+  box-shadow: inset 0 0 0 1px #207ab7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: #cccccc;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: #e6e6e6;
+  color: rgba(34, 47, 62, 0.7);
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  border-radius: 3px;
+  color: #222f3e;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #222f3e;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #207ab7;
+  stroke: #207ab7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #fff;
+  opacity: 0.8;
+  background-clip: content-box;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+  color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #dee0e2;
+  color: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+    border: solid 1px;
+  }
+}
+.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #c8cbcf;
+  color: #222f3e;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #dee0e2;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent inset;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  background-color: #c8cbcf;
+  color: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #222f3e;
+  background-color: #fff;
+  position: relative;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+  background-color: #dee0e2;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
+  background-color: #dee0e2;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
+    border: 2px solid highlight;
+  }
+}
+@media (forced-colors: active) {
+  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
+    border-radius: 3px;
+    outline: solid 1px;
+  }
+}
+.tox .tox-collection__item-image {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  max-width: 100%;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: currentColor;
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: currentColor;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 34px;
+  margin: 3px 0 2px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid #cccccc;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid #cccccc;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+@media (forced-colors: active) {
+  .tox .tox-hue-slider,
+  .tox .tox-rgb-form .tox-rgba-preview {
+    background-color: currentColor !important;
+    border: 1px solid highlight !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-spectrum:focus,
+.tox .tox-sv-palette-spectrum:focus {
+  outline: #08f solid;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  min-width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid #f00 !important;
+  box-shadow: 0 0 0 1px #f00;
+}
+.tox .tox-rgb-container {
+  position: relative;
+}
+.tox .tox-rgb-form .tox-invalid-icon {
+  align-content: center;
+  align-items: center;
+  display: none;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid {
+  margin: 0;
+}
+.tox .tox-rgb-warning-note {
+  background-color: #f5cccc;
+  border: 1px solid #f0b3b3;
+  border-radius: 3px;
+  color: #77181f;
+  padding: 3px;
+}
+.tox input.tox-invalid + .tox-invalid-icon {
+  display: flex;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px 0;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+@media (forced-colors: active) {
+  .tox .tox-swatches__row {
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #dee0e2;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #222f3e;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
+  display: block;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox {
+  /* Animation for deleting a comment */
+  /* A comment fades to 0 when it is being deleted, then is removed */
+}
+.tox .tox-conversations {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  /* This is to give the sidebar a consistent width. Need a solution for this */
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+}
+.tox .tox-conversations__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  padding: 8px 12px;
+  background: #fff;
+  z-index: 1;
+}
+.tox .tox-conversations__title {
+  font-size: 20px;
+  font-weight: 400;
+  padding: 8px 0 8px 0;
+  color: #222f3e;
+  line-height: 28px;
+}
+.tox .tox-comment {
+  background: #fff;
+  border: 1px solid #fff;
+  border-radius: 3px;
+  padding: 8px;
+  padding-bottom: 16px;
+  position: relative;
+}
+.tox .tox-comment:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected {
+  background-color: #fff2c9;
+  border: 1px solid #ffcf30;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-comment.tox-comment--selected:focus {
+  border: 2px solid transparent;
+  margin: -1px;
+}
+.tox .tox-comment.tox-comment--selected:focus:not(:first-child) {
+  margin-top: 7px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single {
+  margin-bottom: 12px;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus {
+  position: relative;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after {
+  top: -9px;
+  pointer-events: none;
+  position: absolute;
+  content: "";
+  display: block;
+  bottom: -9px;
+  left: -9px;
+  right: -9px;
+  border-radius: 3px;
+  border: 2px solid transparent;
+}
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: #222f3e;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-comment__body {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+  white-space: pre-wrap;
+  /* We remove the transitions when wanting to measure and jump straight to collapsed or expanded */
+}
+.tox .tox-comment__body.tox-comment__body--expanded {
+  max-height: 100em;
+  transition: max-height 1s ease-in-out;
+}
+.tox .tox-comment__body.tox-comment__body--pending {
+  transition: max-height 0s;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+  font-size: 16px;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #fff;
+  box-shadow: 0 0 8px 8px #fff;
+  color: #222f3e;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+  font-style: normal;
+  /* Need a focus highlight on the show more/less button */
+}
+.tox .tox-comment__expander p:focus {
+  font-weight: bold;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-tbtn.tox-comment__mention-btn {
+  display: flex;
+  width: 34px;
+  height: 34px;
+  padding: 5px;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  background-color: transparent;
+}
+.tox .tox-comment-thread {
+  background: #fff;
+  position: relative;
+  border-radius: 3px;
+  background-color: transparent;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #fff;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #fff;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #fff;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+  padding: 12px;
+  scroll-behavior: smooth;
+}
+.tox .tox-comment__scroll:has(textarea:focus) {
+  scroll-behavior: auto;
+}
+.tox .tox-comment--disappearing {
+  transition: opacity 0.5s ease;
+}
+.tox .tox-comment[data-transitioning-destination="deleting"] {
+  opacity: 0;
+}
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
+.tox .tox-ring-loader {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #FFF;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-user__avatar img {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-user__name {
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 18px;
+  text-transform: none;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg,
+.tox:not([dir=rtl]) .tox-user__avatar img {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg,
+.tox[dir=rtl] .tox-user__avatar img {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox {
+  /* .tox-dialog-blocker-wrap {
+    //
+  } */
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #fff;
+}
+.tox .tox-dialog {
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    max-height: calc(100vh - 8px * 2);
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #fff;
+  border-bottom: none;
+  color: #222f3e;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #222f3e;
+  display: flex;
+  flex: 1;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 16px 16px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(34, 47, 62, 0.7);
+  display: inline-block;
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  max-width: 13em;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(32, 122, 183, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #214d6e;
+  color: #214d6e;
+}
+@media (forced-colors: active) {
+  .tox .tox-dialog__body-nav-item--active {
+    border-bottom: 2px solid highlight;
+    color: highlight;
+  }
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-height: min(650px, calc(100vh - 110px));
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #214d6e;
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #0a1620;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #214d6e;
+  outline-offset: 2px;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #222f3e;
+}
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
+.tox .tox-dialog__body-content ul {
+  list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #222f3e;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #fff;
+  border-top: 1px solid #cccccc;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #404040;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
+.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
+  background: #fff;
+}
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  content: '';
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered iframe {
+  border-radius: 3px;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width: 767px ) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #cccccc;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(34, 47, 62, 0.7);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area::before {
+  border: 0 solid transparent;
+  border-radius: 4px;
+  content: '';
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
+@media (forced-colors: active) {
+  .tox .tox-edit-area::before {
+    border: 0 solid highlight;
+  }
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #cccccc;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #fff;
+  border-bottom: none;
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid #cccccc;
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #fff;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-custom-preview {
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  flex: 1;
+  padding: 8px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  box-sizing: border-box;
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(34 47 3.1%);
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span {
+    border-color: currentColor;
+    border-width: 2px !important;
+    forced-color-adjust: none;
+  }
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #207ab7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #fff;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+@media (forced-colors: active) {
+  .tox .tox-color-input span::before {
+    border: none;
+  }
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  appearance: none;
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-toolbar-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-toolbar-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-focusable-wrapper:focus,
+.tox .tox-custom-editor:focus-within {
+  background-color: #fff;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-toolbar-textfield {
+  max-width: 250px;
+  min-height: unset;
+  height: 34px;
+  margin: 2px 0 3px 0;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #207ab7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-textfield-size {
+  width: 80px;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-listbox__select-chevron svg {
+    fill: currentColor !important;
+  }
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  appearance: none;
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #fff;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-selectfield select option:checked {
+  background-color: revert;
+  color: revert;
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea-wrap {
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+.tox .tox-textarea {
+  appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-imagepreview {
+  background-color: #666;
+  height: 380px;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+  overflow: auto;
+}
+.tox .tox-imagepreview__container {
+  display: flex;
+  left: 100vw;
+  position: absolute;
+  top: 100vw;
+}
+.tox .tox-imagepreview__image {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+  flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+  align-items: center;
+  display: flex;
+  height: 60px;
+  justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #207ab7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px 0;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px 0;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #dee0e2;
+}
+.tox .tox-insert-table-picker {
+  background-color: #fff;
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: #cccccc;
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: 0 -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: rgba(32, 122, 183, 0.5);
+  border-color: rgba(32, 122, 183, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+    border-color: Highlight;
+    filter: contrast(50%);
+  }
+}
+.tox .tox-insert-table-picker__label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox-mentions__card-common {
+  z-index: 1200;
+}
+.tox.tox-mentions__card {
+  background: #fff;
+  border: 1px solid #cccccc;
+  display: flex;
+  padding: 4px 8px;
+}
+.tox.tox-mentions__card .tox-mentions__container {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  margin: 0 4px;
+}
+.tox .tox-mentions__avatar {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  margin-right: 4px;
+}
+.tox .tox-mentions__username {
+  font-size: 14px;
+  line-height: 21px;
+}
+.tox .tox-mentions__description {
+  font-size: 12px;
+  line-height: 21px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-collection__item--active .tox-mentions__description {
+  color: inherit;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 4px;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-menu .tox-collection__item-label {
+    overflow-wrap: break-word;
+    word-break: normal;
+  }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
+  background-color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  grid-column: 1 / -1;
+  grid-row: 1;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-promotion + .tox-menubar {
+  grid-column: 1;
+}
+.tox .tox-promotion {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
+  background-color: #fff;
+  grid-column: 2;
+  grid-row: 1;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
+  padding-top: 5px;
+}
+.tox .tox-promotion-link {
+  align-items: unsafe center;
+  background-color: #E8F1F8;
+  border-radius: 5px;
+  color: #086BE6;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  height: 26.6px;
+  padding: 4px 8px;
+  white-space: nowrap;
+}
+.tox .tox-promotion-link:hover {
+  background-color: #B4D7FF;
+}
+.tox .tox-promotion-link:focus {
+  background-color: #D9EDF7;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: #fff;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 2px 0 3px 0;
+  outline: none;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-mbtn:focus:not(:disabled)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-mbtn:focus:not(:disabled)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-mbtn--active,
+.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+  width: max-content;
+}
+.tox .tox-notification a {
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification:focus {
+  border-color: #207ab7;
+  box-shadow: none;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #e4eeda;
+  border-color: #d7e6c8;
+  color: #222f3e;
+}
+.tox .tox-notification--success p {
+  color: #222f3e;
+}
+.tox .tox-notification--success a {
+  color: #517342;
+}
+.tox .tox-notification--success a:hover,
+.tox .tox-notification--success a:focus {
+  color: #24321d;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #517342;
+  outline-offset: 2px;
+}
+.tox .tox-notification--success a:active {
+  color: #0d120a;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--success svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--error {
+  background-color: #f5cccc;
+  border-color: #f0b3b3;
+  color: #222f3e;
+}
+.tox .tox-notification--error p {
+  color: #222f3e;
+}
+.tox .tox-notification--error a {
+  color: #77181f;
+}
+.tox .tox-notification--error a:hover,
+.tox .tox-notification--error a:focus {
+  color: #220709;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #77181f;
+  outline-offset: 2px;
+}
+.tox .tox-notification--error a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--error svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #fff5cc;
+  border-color: #fff0b3;
+  color: #222f3e;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #222f3e;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #7a6e25;
+}
+.tox .tox-notification--warn a:hover,
+.tox .tox-notification--warning a:hover,
+.tox .tox-notification--warn a:focus,
+.tox .tox-notification--warning a:focus {
+  color: #2c280d;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn a:focus-visible,
+.tox .tox-notification--warning a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #7a6e25;
+  outline-offset: 2px;
+}
+.tox .tox-notification--warn a:active,
+.tox .tox-notification--warning a:active {
+  color: #050502;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--info {
+  background-color: #d6e7fb;
+  border-color: #c1dbf9;
+  color: #222f3e;
+}
+.tox .tox-notification--info p {
+  color: #222f3e;
+}
+.tox .tox-notification--info a {
+  color: #2a64a6;
+}
+.tox .tox-notification--info a:hover,
+.tox .tox-notification--info a:focus {
+  color: #163355;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #2a64a6;
+  outline-offset: 2px;
+}
+.tox .tox-notification--info a:active {
+  color: #0b1a2c;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-notification--info svg {
+  fill: #222f3e;
+}
+.tox .tox-notification__body {
+  align-self: center;
+  color: #222f3e;
+  font-size: 14px;
+  grid-column-end: 3;
+  grid-column-start: 2;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  align-self: center;
+  grid-column-end: 2;
+  grid-column-start: 1;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  align-self: start;
+  grid-column-end: 4;
+  grid-column-start: 3;
+  grid-row-end: 2;
+  grid-row-start: 1;
+  justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  grid-column-end: 4;
+  grid-column-start: 1;
+  grid-row-end: 3;
+  grid-row-start: 2;
+  justify-self: center;
+}
+.tox .tox-notification-container-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-notification-container-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-notification-container-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #f0f0f0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #222f3e;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid #c1c1c1;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #f0f0f0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid #c1c1c1;
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #fff 24%, #f0f0f0 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #207ab7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #207ab7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #f0f0f0;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #F1EBF9;
+  color: #851AFF;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #851AFF;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(34, 47, 62, 0.7);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #0a1620;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #214d6e;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+  transition: 0.15s ease;
+  transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+.tox .tox-pop__dialog {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  opacity: 1;
+  position: absolute;
+  width: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-pop::before,
+  .tox .tox-pop::after {
+    content: none;
+  }
+}
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+  opacity: 0;
+  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #fff transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #cccccc transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #fff transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #cccccc transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #fff transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #cccccc transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #fff;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #cccccc;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #f0f0f0;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #207ab7;
+  border: 2px solid #185d8c;
+  border-radius: 3px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+  margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+  margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+  margin-inline-start: 32px;
+}
+.tox .tox-toolbar-slider {
+  align-items: center;
+  display: inline-flex;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input {
+  appearance: none;
+  background: #cccccc;
+  border-radius: 16px;
+  width: 130px;
+  height: 2px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-track {
+  background-color: transparent;
+  height: 16px;
+}
+.tox .tox-toolbar-slider__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background-color: #207ab7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input::-moz-range-thumb {
+  appearance: none;
+  background-color: #207ab7;
+  border-radius: 16px;
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+.tox .tox-toolbar-slider__input:focus-visible {
+  outline: none;
+}
+.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb {
+  background-color: #1c6ca1;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+}
+.tox .tox-toolbar-slider__input:focus::-moz-range-thumb {
+  background-color: #1c6ca1;
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+}
+.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb {
+  background-color: #1c6ca1;
+}
+.tox .tox-toolbar-slider__input:hover::-moz-range-thumb {
+  background-color: #1c6ca1;
+}
+.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb {
+  background-color: #185d8c;
+}
+.tox .tox-toolbar-slider__input:active::-moz-range-thumb {
+  background-color: #185d8c;
+}
+.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(34, 47, 62, 0.7);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #fff;
+  border-top: 1px solid #cccccc;
+  color: rgba(34, 47, 62, 0.7);
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 12px;
+  font-weight: normal;
+  height: 18px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: uppercase;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
+  align-items: flex-start;
+  display: flex;
+  flex: 1 1 auto;
+  height: 16px;
+  justify-content: space-between;
+}
+@media only screen and (min-width: 768px ) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+@media only screen and (max-width: 767px ) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: rgba(34, 47, 62, 0.7);
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #222f3e;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:focus-visible::after,
+.tox .tox-statusbar__path-item:focus-visible::after,
+.tox .tox-statusbar__wordcount:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar a:focus-visible::after,
+  .tox .tox-statusbar__path-item:focus-visible::after,
+  .tox .tox-statusbar__wordcount:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(34, 47, 62, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #222f3e;
+}
+.tox .tox-statusbar__resize-cursor-default {
+  cursor: ns-resize;
+}
+.tox .tox-statusbar__resize-cursor-both {
+  cursor: nwse-resize;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-bottom: 3px;
+  margin-left: 4px;
+  margin-right: calc(3px - 8px);
+  margin-top: 3px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-statusbar__resize-handle:hover svg,
+.tox .tox-statusbar__resize-handle:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-statusbar__resize-handle:focus-visible {
+  background-color: transparent;
+  border-radius: 1px 1px -4px 1px;
+  box-shadow: 0 0 0 2px transparent;
+}
+.tox .tox-statusbar__resize-handle:focus-visible::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__resize-handle:focus-visible::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-statusbar__resize-handle:only-child {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 2ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-throbber {
+  z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: #fff;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 3px 0 2px 0;
+  outline: none;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:hover,
+  .tox .tox-tbtn.tox-tbtn:hover {
+    outline: 1px dashed currentColor;
+  }
+  .tox .tox-tbtn.tox-tbtn--active,
+  .tox .tox-tbtn.tox-tbtn--enabled,
+  .tox .tox-tbtn.tox-tbtn--enabled:hover,
+  .tox .tox-tbtn.tox-tbtn--enabled:focus,
+  .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+    outline: 1px solid currentColor;
+    position: relative;
+  }
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn svg {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--enabled,
+  .tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled) {
+    fill: currentColor !important;
+  }
+  .tox .tox-tbtn svg.tox-tbtn--disabled,
+  .tox .tox-tbtn svg.tox-tbtn--disabled:hover,
+  .tox .tox-tbtn svg .tox-tbtn:disabled,
+  .tox .tox-tbtn svg .tox-tbtn:disabled:hover {
+    filter: contrast(0%);
+  }
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-tbtn:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:hover {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--active,
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover,
+.tox .tox-tbtn--enabled:focus {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+}
+.tox .tox-tbtn--active > *,
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled:focus > * {
+  transform: none;
+}
+.tox .tox-tbtn--active svg,
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg,
+.tox .tox-tbtn--enabled:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--active.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--enabled:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn--enabled:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 51px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 68px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-label--context-toolbar {
+  margin: 6px 1px 5px 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.tox .tox-number-input {
+  background: transparent;
+  border-radius: 3px;
+  display: flex;
+  margin: 3px 0 2px 0;
+  position: relative;
+  width: auto;
+}
+.tox .tox-number-input:focus {
+  background: #dee0e2;
+}
+.tox .tox-number-input:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper {
+  display: flex;
+  pointer-events: none;
+  position: relative;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background-color: #dee0e2;
+  z-index: 1;
+}
+.tox .tox-number-input .tox-input-wrapper:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input .tox-input-wrapper:has(input:focus)::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #222f3e;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  position: relative;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #dee0e2;
+  color: #222f3e;
+}
+.tox .tox-number-input input:focus {
+  background-color: #dee0e2;
+}
+.tox .tox-number-input input:disabled {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button {
+  color: #222f3e;
+  height: 34px;
+  position: relative;
+  text-align: center;
+  width: 24px;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:hover,
+  .tox .tox-number-input button:focus,
+  .tox .tox-number-input button:active {
+    outline: 1px solid currentColor !important;
+  }
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #222f3e;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button svg,
+  .tox .tox-number-input button svg:active,
+  .tox .tox-number-input button svg:hover {
+    fill: currentColor !important;
+  }
+  .tox .tox-number-input button svg:disabled {
+    filter: contrast(0);
+  }
+}
+.tox .tox-number-input button:focus {
+  background: #dee0e2;
+  z-index: 1;
+}
+.tox .tox-number-input button:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-number-input button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-number-input button:hover {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:active {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:active svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:disabled {
+  background: #fff;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #dee0e2;
+}
+.tox .tox-tbtn--select {
+  margin: 3px 0 2px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #cccccc;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  height: initial;
+  margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-tbtn__select-chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-tbtn--bespoke {
+  background: transparent;
+}
+.tox .tox-tbtn--bespoke:focus {
+  background: #dee0e2;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+  margin-inline-start: 0;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 3px 0 2px 0;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #dee0e2 inset;
+}
+.tox .tox-split-button:focus {
+  background: #dee0e2;
+  box-shadow: none;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-split-button:focus::after {
+  pointer-events: none;
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button > *:nth-child(1) {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.tox .tox-split-button > *:nth-child(2) {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox .tox-split-button:focus .tox-tbtn {
+  background-color: transparent;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: #fff;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+  padding: 0 0px;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+  opacity: 0.3;
+}
+.tox .tox-toolbar-overlord {
+  background-color: #fff;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background-attachment: local;
+  background-color: #fff;
+  background-image: repeating-linear-gradient(#cccccc 0 1px, transparent 1px 39px);
+  background-position: center top 39px;
+  background-repeat: no-repeat;
+  background-size: calc(100% - 4px * 2) calc(100% - 39px);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0px;
+  transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+  background-position: center top 0px;
+  background-size: calc(100% - 4px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-toolbar-overlord,
+.tox .tox-anchorbar {
+  grid-column: 1 / -1;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: 1px solid #cccccc;
+  margin-top: -1px;
+  padding-bottom: 0;
+  padding-top: 0;
+}
+@media (forced-colors: active) {
+  .tox .tox-menubar + .tox-toolbar,
+  .tox .tox-menubar + .tox-toolbar-overlord {
+    outline: 1px solid currentColor;
+  }
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+  background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+  background-image: none;
+}
+.tox .tox-focusable-wrapper {
+  border: 1px solid transparent;
+  margin-right: 2px;
+  pointer-events: none;
+}
+.tox .tox-focusable-wrapper .tox-textfield-size {
+  pointer-events: all;
+}
+.tox .tox-focusable-wrapper:focus {
+  background-color: #dee0e2;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #fff;
+  background-position: center top 43px;
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  border: none;
+  border-radius: 3px;
+  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+  overscroll-behavior: none;
+  padding: 4px 0;
+}
+@media (forced-colors: active) {
+  .tox.tox-tinymce-aux .tox-toolbar__overflow {
+    border: solid;
+  }
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+  background-position: center top 43px;
+  background-size: calc(100% - 4px * 2) calc(100% - 51px);
+  padding: 4px 0;
+}
+.tox-context-form__group {
+  display: flex;
+  align-items: center;
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid #cccccc;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid #cccccc;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  max-width: 15em;
+  padding: 8px;
+  /*
+     * The pointer-events: none is designed to make mouse events bleed through the tooltip
+     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
+     * another item should trigger the hover of the item obscured by the tooltip, even though
+     * the tooltip is on top
+     */
+  pointer-events: none;
+  position: relative;
+  width: max-content;
+  z-index: 1150;
+}
+.tox .tox-tooltip__body {
+  background-color: #222f3e;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  overflow-wrap: break-word;
+  padding: 4px 6px;
+  text-transform: none;
+}
+@media (forced-colors: active) {
+  .tox .tox-tooltip__body {
+    outline: outset 1px;
+  }
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #222f3e;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #222f3e;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  cursor: default;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #b1d0e6;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #b1d0e6;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-icon-custom-state {
+  flex-grow: 1;
+  display: flex;
+  justify-content: flex-end;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__pane {
+  padding: 0 !important;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-revisionhistory__container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-revisionhistory {
+  background-color: #fff;
+  border-top: 1px solid #f0f0f0;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  margin-top: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-revisionhistory--align-right {
+  margin-left: auto;
+}
+.tox .tox-revisionhistory__iframe {
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 248px;
+  width: 316px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title {
+  background-color: #fff;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  color: #222f3e;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  padding: 12px;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions {
+  background-color: #f0f0f0;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow-y: auto;
+  padding: 10px 12px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus {
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 3px;
+  bottom: 1px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card {
+  background-color: #fff;
+  border: 1px solid #f0f0f0;
+  border-radius: 6px;
+  color: #222f3e;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  gap: 12px;
+  padding: 12px;
+  width: 100%;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover {
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus {
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent #006ce7;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #006ce7;
+  box-shadow: 0 0 0 2px #006ce7 !important;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected {
+  background-color: #fff5cc;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  position: relative;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent #e3b82a;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 6px;
+  box-shadow: 0 0 0 2px #e3b82a;
+}
+@media (forced-colors: active) {
+  .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after {
+    border: 2px solid highlight;
+  }
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 16px;
+  line-height: 24px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 0;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
+  align-items: center;
+  display: flex;
+  flex: 1 0 0;
+  gap: 8px;
+  height: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
+  border-radius: 50%;
+  height: 36px;
+  object-fit: cover;
+  vertical-align: middle;
+  width: 36px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 16px;
+  line-height: 24px;
+  padding: 5px 5.5px;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon {
+  color: #222f3e;
+  height: 24px;
+}
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #fff;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 8px 0 8px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #222f3e;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 8px 8px 0 8px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: none;
+  padding: 0;
+}
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+  margin-bottom: -1px;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+  overflow: hidden;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: none;
+  box-shadow: none;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: transparent;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 0;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0;
+}
+.tox .tox-pop {
+  box-shadow: none;
+}
+.tox .tox-tbtn,
+.tox .tox-label,
+.tox .tox-number-input,
+.tox .tox-tbtn--select,
+.tox .tox-split-button,
+.tox .tox-toolbar-label {
+  margin: 2px 0 3px 0;
+}
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #cccccc;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff !important;
+}
+.tox .tox-menubar + .tox-toolbar-overlord {
+  border-top: none;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+  border-top: 1px solid #cccccc;
+  margin-top: -1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  border: 1px solid #cccccc;
+  padding: 0;
+}
+.tox .tox-pop .tox-pop__dialog .tox-toolbar {
+  padding: 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+  border-top: 1px solid #cccccc;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
+  border-top: 1px solid #cccccc;
+}
+.tox .tox-toolbar__group {
+  padding: 0 4px 0 4px;
+}
+.tox .tox-collection__item {
+  border-radius: 0;
+  cursor: pointer;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  color: #222f3e;
+}
+.tox .tox-statusbar__branding svg {
+  fill: rgba(34, 47, 62, 0.8);
+  height: 1em;
+  margin-left: 0.3em;
+  width: auto;
+}
+@media (forced-colors: active) {
+  .tox .tox-statusbar__branding svg {
+    fill: currentColor;
+  }
+}
+.tox .tox-statusbar__branding a {
+  align-items: center;
+  display: inline-flex;
+}
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg {
+  fill: #222f3e;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 1ch;
+}
+.tox[dir=rtl] .tox-statusbar__branding svg {
+  margin-left: 0;
+  margin-right: 0.3em;
+}
+.tox .tox-statusbar__resize-handle {
+  padding-bottom: 0;
+  padding-right: 0;
+}
+.tox .tox-button::before {
+  display: none;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.js
new file mode 100644
index 000000000..ec998edfb
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/tinymce-5/skin.css', `.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:1px solid #ccc;border-radius:0;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#222f3e}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:3px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#e9f2f8;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#1c6ca1}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#185d8c}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#fffae6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#fae6e6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#ccc;border-radius:0;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:3px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#114060;background-image:none;border-color:#114060;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#b1ccdf;background-image:none;border-color:#b1ccdf;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#b1ccdf;background-image:none;border-color:#b1ccdf;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#9fc1d7;background-image:none;border-color:#9fc1d7;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#9fc1d7;background-image:none;border-color:#9fc1d7;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#8db5d0;background-image:none;border-color:#8db5d0;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:3px 0 2px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:#d6d6d6;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,0.3)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#ccc;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#e6e6e6;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#222f3e;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#207ab7;stroke:#207ab7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#fff}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#fff;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#c8cbcf;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e;background-color:#fff;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #ccc;border-radius:3px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:3px 0 2px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #ccc}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #ccc}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#f5cccc;border:1px solid #f0b3b3;border-radius:3px;color:#77181f;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#dee0e2}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#fff;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#222f3e;line-height:28px}.tox .tox-comment{background:#fff;border:1px solid #fff;border-radius:3px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#fff2c9;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid transparent;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:3px;border:2px solid transparent}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#fff;position:relative;border-radius:3px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,0.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #214d6e;color:#214d6e}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#214d6e;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#0a1620;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #214d6e;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #404040}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #ccc;border-radius:3px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:3px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:0 solid transparent;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:0 solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #ccc}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #ccc;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:34px;margin:2px 0 3px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #207ab7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:2px 0 3px 4px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px 0;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px 0}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #ccc;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#dee0e2}.tox .tox-insert-table-picker{background-color:#fff;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:0 -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#fff;border:1px solid #ccc;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(34,47,62,.7)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 4px 0 4px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#dee0e2;border:0;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#207ab7;box-shadow:none}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#24321d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #517342;outline-offset:2px}.tox .tox-notification--success a:active{color:#0d120a;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#220709;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #77181f;outline-offset:2px}.tox .tox-notification--error a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#2c280d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #7a6e25;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#050502;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#163355;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #2a64a6;outline-offset:2px}.tox .tox-notification--info a:active{color:#0b1a2c;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#f0f0f0;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#222f3e;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #c1c1c1}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(34,47,62,.7)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(34,47,62,0.7)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #c1c1c1;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#fff 24%,#f0f0f0 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#207ab7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#207ab7}.tox .tox-promotion-dialog--footer{background-color:#f0f0f0;color:rgba(34,47,62,.7);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#f1ebf9;color:#851aff;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #851AFF}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(34,47,62,.7);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#0a1620;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #214d6e;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#ccc transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #ccc transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #ccc transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #ccc;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#f0f0f0;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #ccc;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#ccc;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#222f3e}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px -4px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:3px 0 2px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#222f3e}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#dee0e2;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:0 0;border-radius:3px;display:flex;margin:3px 0 2px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#dee0e2}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#dee0e2;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#dee0e2;color:#222f3e}.tox .tox-number-input input:focus{background-color:#dee0e2}.tox .tox-number-input input:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{color:#222f3e;height:34px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#dee0e2;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#dee0e2}.tox .tox-tbtn--select{margin:3px 0 2px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #ccc}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:0 0}.tox .tox-tbtn--bespoke:focus{background:#dee0e2}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:0}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:3px 0 2px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #dee0e2 inset}.tox .tox-split-button:focus{background:#dee0e2;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#fff;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#ccc 0 1px,transparent 1px 39px);background-position:center top 39px;background-repeat:no-repeat;background-size:calc(100% - 4px * 2) calc(100% - 39px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 4px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid #ccc;margin-top:-1px;padding-bottom:0;padding-top:0}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#dee0e2;border-radius:3px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 4px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #ccc}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:3px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#dee0e2;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#b1d0e6;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#b1d0e6;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#fff;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#222f3e;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#f0f0f0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0;border-radius:3px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;color:#222f3e;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #006ce7;box-shadow:0 0 0 2px #006ce7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#fff5cc;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #e3b82a;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #e3b82a}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(34,47,62,.7);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#222f3e;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view__label{color:#222f3e;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #ccc;border-radius:3px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #ccc;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #ccc;border-radius:3px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:none;padding:0}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce-inline .tox-editor-container{overflow:hidden}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:none;box-shadow:none}.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:0}.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-pop{box-shadow:none}.tox .tox-label,.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select,.tox .tox-toolbar-label{margin:2px 0 3px 0}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #ccc}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff!important}.tox .tox-menubar+.tox-toolbar-overlord{border-top:none}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #ccc;margin-top:-1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{border:1px solid #ccc;padding:0}.tox .tox-pop .tox-pop__dialog .tox-toolbar{padding:0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #ccc}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #ccc}.tox .tox-toolbar__group{padding:0 4px 0 4px}.tox .tox-collection__item{border-radius:0;cursor:pointer}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-statusbar__resize-handle{padding-bottom:0;padding-right:0}.tox .tox-button::before{display:none}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.min.css
new file mode 100644
index 000000000..4bd067df4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.min.css
@@ -0,0 +1 @@
+.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:1px solid #ccc;border-radius:0;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}@keyframes tox-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox #accessibility-issue__subheader{font-size:16px;color:#222f3e}.tox .accessbility-sr-only{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.tox .accessibility-issue__description{align-items:stretch;border-radius:3px;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox #accessibility-issue__contentID{margin-top:8px;margin-bottom:8px}.tox #accessibility-issue__contentID span:first-child{font-weight:700}.tox #accessibility-issue__document{padding-bottom:8px}.tox .accessibility-issue__repair{margin-top:8px}.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:#e9f2f8;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{font-size:14px;color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg{fill:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#1c6ca1}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#185d8c}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:#fffae6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{font-size:14px;color:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg{fill:#7a6e25}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:#fae6e6;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{font-size:14px;color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .mce-codemirror{background:#fff;bottom:0;font-size:13px;left:0;position:absolute;right:0;top:0;z-index:1}.tox .mce-codemirror.tox-inline-codemirror{margin:8px;position:absolute}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#ccc;border-radius:0;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:3px;bottom:-1px;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7;content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:focus:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#154f76;background-image:none;border-color:#154f76;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#114060;background-image:none;border-color:#114060;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;-webkit-text-decoration:none;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#b1ccdf;background-image:none;border-color:#b1ccdf;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#b1ccdf;background-image:none;border-color:#b1ccdf;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#9fc1d7;background-image:none;border-color:#9fc1d7;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#9fc1d7;background-image:none;border-color:#9fc1d7;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#8db5d0;background-image:none;border-color:#8db5d0;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox-context-form__group .tox-button--icon,.tox-context-form__group .tox-button.tox-button--icon{margin:3px 0 2px 0;padding:0}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:#d6d6d6;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,0.3)}@media (forced-colors:active){.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:currentColor!important}}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,0.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,0.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#ccc;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#e6e6e6;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-image-selector-menu .tox-collection__item,.tox .tox-image-selector-menu .tox-collection__item-image-selector{flex-direction:column}.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image{flex-grow:1}.tox .tox-image-selector-menu .tox-collection__item label,.tox .tox-image-selector-menu .tox-collection__item-image-selector label{width:48px;white-space:nowrap;overflow:hidden;font-size:12px;color:#222f3e;text-align:center;align-self:flex-end}.tox .tox-image-selector-menu .tox-collection__item-checkmark{height:24px;width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path{fill:#207ab7;stroke:#207ab7}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#fff}.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled){z-index:2;background-color:#fff;opacity:.8;background-clip:content-box}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){border:solid 1px}}.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e;position:relative;z-index:1}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent inset;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){background-color:#c8cbcf;color:#222f3e}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled){border-radius:3px;outline:solid 1px}}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e;background-color:#fff;position:relative}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus{background-color:#dee0e2;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after{border:2px solid highlight}}@media (forced-colors:active){.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover{border-radius:3px;outline:solid 1px}}.tox .tox-collection__item-image{border:1px solid #ccc;border-radius:3px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:currentColor;display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:currentColor}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,0.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:3px 0 2px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #ccc}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #ccc}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}@media (forced-colors:active){.tox .tox-hue-slider,.tox .tox-rgb-form .tox-rgba-preview{background-color:currentColor!important;border:1px solid highlight!important;forced-color-adjust:none}}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{min-width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important;box-shadow:0 0 0 1px red}.tox .tox-rgb-container{position:relative}.tox .tox-rgb-form .tox-invalid-icon{align-content:center;align-items:center;display:none;height:100%;position:absolute;right:0;top:0}.tox .tox-rgb-form .tox-invalid-icon .tox-control-wrap__status-icon-invalid{margin:0}.tox .tox-rgb-warning-note{background-color:#f5cccc;border:1px solid #f0b3b3;border-radius:3px;color:#77181f;padding:3px}.tox input.tox-invalid+.tox-invalid-icon{display:flex}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}@media (forced-colors:active){.tox .tox-swatches__row{forced-color-adjust:none}}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#dee0e2}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-conversations{display:flex;flex-direction:column;position:relative;height:100%;min-width:300px;max-width:300px;width:300px}.tox .tox-conversations__header{align-items:center;display:flex;justify-content:space-between;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 12px;background:#fff;z-index:1}.tox .tox-conversations__title{font-size:20px;font-weight:400;padding:8px 0 8px 0;color:#222f3e;line-height:28px}.tox .tox-comment{background:#fff;border:1px solid #fff;border-radius:3px;padding:8px;padding-bottom:16px;position:relative}.tox .tox-comment:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected{background-color:#fff2c9;border:1px solid #ffcf30;box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-comment.tox-comment--selected:focus{border:2px solid transparent;margin:-1px}.tox .tox-comment.tox-comment--selected:focus:not(:first-child){margin-top:7px}.tox .tox-comment.tox-comment--selected .tox-comment__single{margin-bottom:12px}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus{position:relative}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus::after{top:-9px;pointer-events:none;position:absolute;content:"";display:block;bottom:-9px;left:-9px;right:-9px;border-radius:3px;border:2px solid transparent}.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after{bottom:calc((12px + 16px + 1px) * -1)}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial;transition:max-height .5s cubic-bezier(0, 1, 0, 1);white-space:pre-wrap}.tox .tox-comment__body.tox-comment__body--expanded{max-height:100em;transition:max-height 1s ease-in-out}.tox .tox-comment__body.tox-comment__body--pending{transition:max-height 0s}.tox .tox-comment__body p{margin:0}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%;font-size:16px}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__expander p:focus{font-weight:700}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-tbtn.tox-comment__mention-btn{display:flex;width:34px;height:34px;padding:5px;justify-content:center;align-items:center;margin:0;background-color:transparent}.tox .tox-comment-thread{background:#fff;position:relative;border-radius:3px;background-color:transparent}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto;padding:12px;scroll-behavior:smooth}.tox .tox-comment__scroll:has(textarea:focus){scroll-behavior:auto}.tox .tox-comment--disappearing{transition:opacity .5s ease}.tox .tox-comment[data-transitioning-destination=deleting]{opacity:0}.tox .tox-skeleton .tox-skeleton__line{height:16px;width:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}.tox .tox-skeleton .tox-skeleton__circle{height:36px;width:36px;margin-right:8px;border-radius:100%;background:linear-gradient(to right,rgba(240,240,240,.5) 8%,rgba(240,240,240,.7) 18%,rgba(240,240,240,.5) 33%);animation:wave 2s infinite ease-out}@keyframes wave{0%{background-position:-268px 0}100%{background-position:268px 0}}.tox .tox-ring-loader{width:10px;height:10px;border:1px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:tox-rotation 1s linear infinite}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,0.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;-webkit-text-decoration:none;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #214d6e;color:#214d6e}@media (forced-colors:active){.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid highlight;color:highlight}}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#214d6e;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#0a1620;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #214d6e;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{padding-inline-start:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block;margin-inline-end:0;margin-inline-start:0}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:end}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #404040}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #ccc;border-radius:3px;content:'';inset:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered iframe{border-radius:3px}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:0 solid transparent;border-radius:4px;content:'';inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}@media (forced-colors:active){.tox .tox-edit-area::before{border:0 solid highlight}}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #ccc}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:none;padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #ccc;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-custom-preview{border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;flex:1;padding:8px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34 47 3.1%);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}@media (forced-colors:active){.tox .tox-color-input span{border-color:currentColor;border-width:2px!important;forced-color-adjust:none}}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}@media (forced-colors:active){.tox .tox-color-input span::before{border:none}}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-context-form__group .tox-button--icon.tox-lock-context-form-size-input{margin-left:8px;margin-right:8px}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled],.tox .tox-toolbar-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor:focus-within,.tox .tox-focusable-wrapper:focus,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus,.tox .tox-toolbar-textfield:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-toolbar-textfield{max-width:250px;min-height:unset;height:34px;margin:2px 0 3px 0}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox .tox-textfield-size{width:80px}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}@media (forced-colors:active){.tox .tox-listbox__select-chevron svg{fill:currentColor!important}}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:2px solid rgba(32,122,183,.25)}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-selectfield select option:checked{background-color:revert;color:revert}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-image-selector-loading-spinner-wrapper{display:flex;justify-content:center;align-items:center}.tox .tox-image-selector-loading-spinner{position:absolute;width:min(24px,30%);aspect-ratio:1;border-radius:50%;border:3px solid #207ab7;border-bottom-color:transparent;animation:tox-rotation 1s linear infinite}.tox .tox-toolbar .tox-image-selector,.tox .tox-toolbar__overflow .tox-image-selector,.tox .tox-toolbar__primary .tox-image-selector{margin:2px 0 3px 4px}.tox .tox-image-selector-menu{border:0;border-radius:3px;margin:-4px 0;padding:4px}.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group{border:0;padding:0;margin:-4px 0}.tox .tox-image-selector-menu .tox-collection__item{max-width:48px}.tox .tox-image-selector-menu .tox-collection__item-icon{border:1px solid #ccc;border-radius:3px;margin-bottom:4px;width:100%}.tox .tox-image-selector-menu .tox-collection__item-icon svg path{stroke:#c00}.tox .tox-image-selector__row{display:flex}.tox .tox-image-selector--remove{align-items:center;display:flex;justify-content:center}.tox .tox-image-selector--remove svg path{stroke:#c00}.tox .tox-image-selector-image-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.tox .tox-image-selector-image-img{max-width:100%;max-height:100%}.tox .tox-image-selector__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-image-selector__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-image-selector__picker-btn:hover{background:#dee0e2}.tox .tox-insert-table-picker{background-color:#fff;display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:0 -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}@media (forced-colors:active){.tox .tox-insert-table-picker .tox-insert-table-picker__selected{border-color:Highlight;filter:contrast(50%)}}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox-mentions__card-common{z-index:1200}.tox.tox-mentions__card{background:#fff;border:1px solid #ccc;display:flex;padding:4px 8px}.tox.tox-mentions__card .tox-mentions__container{display:flex;flex-direction:column;align-self:center;margin:0 4px}.tox .tox-mentions__avatar{width:42px;height:42px;border-radius:50%;margin-right:4px}.tox .tox-mentions__username{font-size:14px;line-height:21px}.tox .tox-mentions__description{font-size:12px;line-height:21px;color:rgba(34,47,62,.7)}.tox .tox-collection__item--active .tox-mentions__description{color:inherit}.tox .tox-menu{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{overflow-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 4px 0 4px}.tox .tox-promotion+.tox-menubar{grid-column:1}.tox .tox-promotion{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;grid-column:2;grid-row:1;padding-inline-end:8px;padding-inline-start:4px;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#dee0e2;border:0;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-mbtn:focus:not(:disabled)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-mbtn:focus:not(:disabled)::after{border:2px solid highlight}}.tox .tox-mbtn--active,.tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-left:auto;margin-right:auto;margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in;width:max-content}.tox .tox-notification a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification:focus{border-color:#207ab7;box-shadow:none}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success a:focus,.tox .tox-notification--success a:hover{color:#24321d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success a:focus-visible{border-radius:1px;outline:2px solid #517342;outline-offset:2px}.tox .tox-notification--success a:active{color:#0d120a;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error a:focus,.tox .tox-notification--error a:hover{color:#220709;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error a:focus-visible{border-radius:1px;outline:2px solid #77181f;outline-offset:2px}.tox .tox-notification--error a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn a:focus,.tox .tox-notification--warn a:hover,.tox .tox-notification--warning a:focus,.tox .tox-notification--warning a:hover{color:#2c280d;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn a:focus-visible,.tox .tox-notification--warning a:focus-visible{border-radius:1px;outline:2px solid #7a6e25;outline-offset:2px}.tox .tox-notification--warn a:active,.tox .tox-notification--warning a:active{color:#050502;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info a:focus,.tox .tox-notification--info a:hover{color:#163355;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info a:focus-visible{border-radius:1px;outline:2px solid #2a64a6;outline-offset:2px}.tox .tox-notification--info a:active{color:#0b1a2c;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-notification-container-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-notification-container-dock-fadein{opacity:1;visibility:visible}.tox .tox-notification-container-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein{transition-delay:0s}.tox .tox-onboarding-overlay{height:100%;background-color:#f0f0f0;position:absolute;top:0;left:0;right:0;z-index:1;overflow:auto;display:grid;justify-content:center;align-items:center}.tox .tox-onboarding-dialog{max-width:512px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border-radius:12px;margin:8px}.tox .tox-onboarding-dialog .tox-onboarding-header{color:#222f3e;display:flex;justify-content:center;align-items:center;font-size:20px;margin:24px 0 8px}.tox .tox-onboarding-dialog .tox-onboarding-step{display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;margin:0 24px}.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child){border-bottom:1px solid #c1c1c1}.tox .tox-onboarding-dialog .tox-onboarding-step--number{width:24px;aspect-ratio:1;border-radius:50%;border:1px solid #00ad0e;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#00ad0e}.tox .tox-onboarding-dialog .tox-onboarding-step--body{padding:24px 0 24px 16px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-onboarding-dialog .tox-onboarding-step--body-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-onboarding-dialog .tox-onboarding-step--action{padding-left:24px}.tox .tox-onboarding-dialog .tox-onboarding-footer{background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.tox .tox-onboarding-dialog .tox-onboarding-footer p{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:rgba(34,47,62,.7)}.tox .tox-onboarding-dialog svg{width:24px;fill:rgba(34,47,62,0.7)}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin{display:grid;align-items:center;grid-template-columns:min-content 1fr min-content;border-bottom:1px solid #c1c1c1;padding:24px 0;margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body{margin:0 16px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header{color:#222f3e;font-size:14px;font-weight:700;margin-bottom:4px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details{color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon{display:grid;place-content:center;width:56px;height:56px;line-height:24px;font-size:24px;border-radius:12px;background:linear-gradient(180deg,#fff 24%,#f0f0f0 100%);box-shadow:0 1px 1px 0 #222f3e12,0 3px 6px 0 #222f3e06;color:#207ab7}.tox .tox-promotion-dialog--subtitle{margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore{text-align:center;margin:16px;color:rgba(34,47,62,.7);font-size:14px}.tox .tox-promotion-dialog--explore a{color:#207ab7}.tox .tox-promotion-dialog--footer{background-color:#f0f0f0;color:rgba(34,47,62,.7);font-size:12px;text-align:center;padding:16px}.tox .tox-promotion-button{display:flex;align-items:center;height:26.6px;line-height:26.6px;font-size:14px;font-weight:700;background-color:#f1ebf9;color:#851aff;padding:8px 16px;cursor:pointer;white-space:nowrap;border-radius:5px}.tox .tox-promotion-button:focus{outline:1px solid #851AFF}.tox .tox-onboarding-dialog a,.tox .tox-promotion-dialog--footer a{color:rgba(34,47,62,.7);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus,.tox .tox-onboarding-dialog a:hover,.tox .tox-promotion-dialog--footer a:focus,.tox .tox-promotion-dialog--footer a:hover{color:#0a1620;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-onboarding-dialog a:focus-visible,.tox .tox-promotion-dialog--footer a:focus-visible{border-radius:1px;outline:2px solid #214d6e;outline-offset:2px}.tox .tox-onboarding-dialog a:active,.tox .tox-promotion-dialog--footer a:active{color:#000;-webkit-text-decoration:underline;text-decoration:underline}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}@media (forced-colors:active){.tox .tox-pop::after,.tox .tox-pop::before{content:none}}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#ccc transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #ccc transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #ccc transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #ccc;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#f0f0f0;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #ccc;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-inline-start:8px}.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-inline-start:32px}.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-inline-start:32px}.tox .tox-toolbar-slider{align-items:center;display:inline-flex;height:16px}.tox .tox-toolbar-slider__input{appearance:none;background:#ccc;border-radius:16px;width:130px;height:2px}.tox .tox-toolbar-slider__input::-webkit-slider-runnable-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-moz-range-track{background-color:transparent;height:16px}.tox .tox-toolbar-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input::-moz-range-thumb{appearance:none;background-color:#207ab7;border-radius:16px;border:none;height:16px;width:16px}.tox .tox-toolbar-slider__input:focus-visible{outline:0}.tox .tox-toolbar-slider__input:focus::-webkit-slider-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:focus::-moz-range-thumb{background-color:#1c6ca1;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #207ab7}.tox .tox-toolbar-slider__input:hover::-webkit-slider-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:hover::-moz-range-thumb{background-color:#1c6ca1}.tox .tox-toolbar-slider__input:active::-webkit-slider-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input:active::-moz-range-thumb{background-color:#185d8c}.tox .tox-toolbar-slider__input[disabled]::-webkit-slider-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-toolbar-slider__input[disabled]::-moz-range-thumb{background-color:rgba(255,255,255,.5)}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:first-child{animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{align-items:flex-start;display:flex;flex:1 1 auto;height:16px;justify-content:space-between}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);position:relative;-webkit-text-decoration:none;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar a:focus-visible::after,.tox .tox-statusbar__path-item:focus-visible::after,.tox .tox-statusbar__wordcount:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-cursor-default{cursor:ns-resize}.tox .tox-statusbar__resize-cursor-both{cursor:nwse-resize}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;display:flex;flex:0 0 auto;justify-content:flex-end;margin-bottom:3px;margin-left:4px;margin-right:calc(3px - 8px);margin-top:3px;padding-bottom:0;padding-left:0;padding-right:0;position:relative}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,0.5)}.tox .tox-statusbar__resize-handle:focus svg,.tox .tox-statusbar__resize-handle:hover svg{fill:#222f3e}.tox .tox-statusbar__resize-handle:focus-visible{background-color:transparent;border-radius:1px 1px -4px 1px;box-shadow:0 0 0 2px transparent}.tox .tox-statusbar__resize-handle:focus-visible::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-statusbar__resize-handle:focus-visible::after{border:2px solid highlight}}.tox .tox-statusbar__resize-handle:only-child{margin-left:auto}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:#fff;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:3px 0 2px 0;outline:0;padding:0;text-transform:none;width:34px}@media (forced-colors:active){.tox .tox-tbtn.tox-tbtn:hover,.tox .tox-tbtn:hover{outline:1px dashed currentColor}.tox .tox-tbtn.tox-tbtn--active,.tox .tox-tbtn.tox-tbtn--enabled,.tox .tox-tbtn.tox-tbtn--enabled:focus,.tox .tox-tbtn.tox-tbtn--enabled:hover,.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){outline:1px solid currentColor;position:relative}}.tox .tox-tbtn svg{display:block;fill:#222f3e}@media (forced-colors:active){.tox .tox-tbtn svg{fill:currentColor!important}.tox .tox-tbtn svg.tox-tbtn--enabled,.tox .tox-tbtn svg:focus:not(.tox-tbtn--disabled){fill:currentColor!important}.tox .tox-tbtn svg .tox-tbtn:disabled,.tox .tox-tbtn svg .tox-tbtn:disabled:hover,.tox .tox-tbtn svg.tox-tbtn--disabled,.tox .tox-tbtn svg.tox-tbtn--disabled:hover{filter:contrast(0%)}}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#dee0e2;border:0;box-shadow:none;position:relative;z-index:1}.tox .tox-tbtn:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn:focus::after{border:2px solid highlight}}.tox .tox-tbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--active,.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:focus,.tox .tox-tbtn--enabled:hover{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e;position:relative}.tox .tox-tbtn--active>*,.tox .tox-tbtn--enabled:focus>*,.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--active svg,.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:focus svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--active.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:focus.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-tbtn--enabled:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-tbtn--enabled:focus::after{border:2px solid highlight}}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-label--context-toolbar{margin:6px 1px 5px 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tox .tox-number-input{background:0 0;border-radius:3px;display:flex;margin:3px 0 2px 0;position:relative;width:auto}.tox .tox-number-input:focus{background:#dee0e2}.tox .tox-number-input:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper{display:flex;pointer-events:none;position:relative;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background-color:#dee0e2;z-index:1}.tox .tox-number-input .tox-input-wrapper:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:focus::after{border:2px solid highlight}}.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input .tox-input-wrapper:has(input:focus)::after{border:2px solid highlight}}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;position:relative;width:60px}.tox .tox-number-input input:hover{background:#dee0e2;color:#222f3e}.tox .tox-number-input input:focus{background-color:#dee0e2}.tox .tox-number-input input:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{color:#222f3e;height:34px;position:relative;text-align:center;width:24px}@media (forced-colors:active){.tox .tox-number-input button:active,.tox .tox-number-input button:focus,.tox .tox-number-input button:hover{outline:1px solid currentColor!important}}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}@media (forced-colors:active){.tox .tox-number-input button svg,.tox .tox-number-input button svg:active,.tox .tox-number-input button svg:hover{fill:currentColor!important}.tox .tox-number-input button svg:disabled{filter:contrast(0)}}.tox .tox-number-input button:focus{background:#dee0e2;z-index:1}.tox .tox-number-input button:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-number-input button:focus::after{border:2px solid highlight}}.tox .tox-number-input button:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:#fff;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,0.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#dee0e2}.tox .tox-tbtn--select{margin:3px 0 2px 0;padding:0 4px;width:auto}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #ccc}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-tbtn__select-chevron svg{fill:currentColor}}.tox .tox-tbtn--bespoke{background:0 0}.tox .tox-tbtn--bespoke:focus{background:#dee0e2}.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-inline-start:0}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:3px 0 2px 0}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #dee0e2 inset}.tox .tox-split-button:focus{background:#dee0e2;box-shadow:none;color:#222f3e;position:relative;z-index:1}.tox .tox-split-button:focus::after{pointer-events:none;border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0}@media (forced-colors:active){.tox .tox-split-button:focus::after{border:2px solid highlight}}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button>:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.tox .tox-split-button>:nth-child(2){border-bottom-right-radius:3px;border-top-right-radius:3px}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,0.5)}@media (forced-colors:active){.tox .tox-split-button__chevron svg{fill:currentColor}}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button:focus .tox-tbtn{background-color:transparent}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:#fff;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color{opacity:.3}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#ccc 0 1px,transparent 1px 39px);background-position:center top 39px;background-repeat:no-repeat;background-size:calc(100% - 4px * 2) calc(100% - 39px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 4px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid #ccc;margin-top:-1px;padding-bottom:0;padding-top:0}@media (forced-colors:active){.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{outline:1px solid currentColor}}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox .tox-focusable-wrapper{border:1px solid transparent;margin-right:2px;pointer-events:none}.tox .tox-focusable-wrapper .tox-textfield-size{pointer-events:all}.tox .tox-focusable-wrapper:focus{background-color:#dee0e2;border-radius:3px;border-style:solid;border-width:1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:3px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}@media (forced-colors:active){.tox.tox-tinymce-aux .tox-toolbar__overflow{border:solid}}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 4px * 2) calc(100% - 51px);padding:4px 0}.tox-context-form__group{display:flex;align-items:center}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #ccc}.tox .tox-tooltip{display:inline-block;max-width:15em;padding:8px;pointer-events:none;position:relative;width:max-content;z-index:1150}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:3px;box-shadow:none;color:#fff;font-size:12px;font-style:normal;font-weight:600;overflow-wrap:break-word;padding:4px 6px;text-transform:none}@media (forced-colors:active){.tox .tox-tooltip__body{outline:outset 1px}}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#dee0e2;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#b1d0e6;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,0.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#b1d0e6;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-icon-custom-state{flex-grow:1;display:flex;justify-content:flex-end}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-revisionhistory__pane{padding:0!important}.tox .tox-revisionhistory__container{display:flex;flex-direction:column;height:100%}.tox .tox-revisionhistory{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;flex:1;height:100%;margin-top:8px;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.tox .tox-revisionhistory--align-right{margin-left:auto}.tox .tox-revisionhistory__iframe{flex:1}.tox .tox-revisionhistory__sidebar{display:flex;flex-direction:column;height:100%;min-width:248px;width:316px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__sidebar-title{background-color:#fff;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);color:#222f3e;font-size:20px;font-weight:400;line-height:28px;padding:12px;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions{background-color:#f0f0f0;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:10px 12px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus{height:100%;position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{bottom:0;box-shadow:0 0 0 0 transparent;content:'';left:0;position:absolute;right:0;top:0;border-radius:3px;bottom:1px;left:1px;right:1px;top:1px}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;color:#222f3e;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:12px;width:100%}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:hover{box-shadow:0 4px 8px 0 rgba(34,47,62,.1)}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus{position:relative;z-index:1}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #006ce7;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #006ce7;box-shadow:0 0 0 2px #006ce7!important}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card:focus::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected{background-color:#fff5cc;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);position:relative}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border-radius:3px;bottom:0;box-shadow:0 0 0 0 transparent #e3b82a;content:'';left:0;position:absolute;right:0;top:0;border-radius:6px;box-shadow:0 0 0 2px #e3b82a}@media (forced-colors:active){.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card.tox-revisionhistory__card--selected::after{border:2px solid highlight}}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date{display:flex;gap:12px;justify-content:space-between}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label{font-size:16px;line-height:24px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label{font-size:12px;font-weight:600;line-height:24px;padding:0}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author{align-items:center;display:flex;flex:1 0 0;gap:8px;height:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:18px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar{border-radius:50%;height:36px;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__norevision{color:rgba(34,47,62,.7);font-size:16px;line-height:24px;padding:5px 5.5px}.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-check-icon{color:#222f3e;height:24px}[data-mce-name=uploadcare-enhance-filter] .color-swatch-remove-color path{fill:#c00;stroke:#c00}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column;height:100%}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view__label{color:#222f3e;font-weight:700;line-height:24px;padding:4px 16px;text-align:center;white-space:nowrap}.tox .tox-view__label--normal{font-size:16px}.tox .tox-view__label--large{font-size:20px}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;gap:8px;justify-content:space-between;overflow-x:auto;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;position:relative;width:100%}.tox .tox-view__pane_panel{border:1px solid #ccc;border-radius:3px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #ccc;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #ccc;border-radius:3px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:none;padding:0}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce-inline .tox-editor-container{overflow:hidden}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:none;box-shadow:none}.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25);padding:0}.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-pop{box-shadow:none}.tox .tox-label,.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select,.tox .tox-toolbar-label{margin:2px 0 3px 0}.tox .tox-tbtn--bordered,.tox .tox-tbtn--bordered:focus,.tox .tox-tbtn--bordered:hover{border:1px solid #ccc}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff!important}.tox .tox-menubar+.tox-toolbar-overlord{border-top:none}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #ccc;margin-top:-1px}.tox.tox-tinymce-aux .tox-toolbar__overflow{border:1px solid #ccc;padding:0}.tox .tox-pop .tox-pop__dialog .tox-toolbar{padding:0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #ccc}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #ccc}.tox .tox-toolbar__group{padding:0 4px 0 4px}.tox .tox-collection__item{border-radius:0;cursor:pointer}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,0.8);height:1em;margin-left:.3em;width:auto}@media (forced-colors:active){.tox .tox-statusbar__branding svg{fill:currentColor}}.tox .tox-statusbar__branding a{align-items:center;display:inline-flex}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar__branding svg{margin-left:0;margin-right:.3em}.tox .tox-statusbar__resize-handle{padding-bottom:0;padding-right:0}.tox .tox-button::before{display:none}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.css
new file mode 100644
index 000000000..25b0a3710
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  overscroll-behavior: none;
+  padding: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.js b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.js
new file mode 100644
index 000000000..228a0dea8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.js
@@ -0,0 +1 @@
+tinymce.Resource.add('ui/tinymce-5/skin.shadowdom.css', `body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}`)
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css
new file mode 100644
index 000000000..8745951a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css
@@ -0,0 +1 @@
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/index.js b/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/index.js
new file mode 100644
index 000000000..09caa8655
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/index.js
@@ -0,0 +1,7 @@
+// Exports the "silver" theme for usage with module loaders
+// Usage:
+//   CommonJS:
+//     require('tinymce/themes/silver')
+//   ES2015:
+//     import 'tinymce/themes/silver'
+require('./theme.js');
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/theme.js b/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/theme.js
new file mode 100644
index 000000000..465cdd38c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/theme.js
@@ -0,0 +1,34802 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+(function () {
+    'use strict';
+
+    /* eslint-disable @typescript-eslint/no-wrapper-object-types */
+    const getPrototypeOf$2 = Object.getPrototypeOf;
+    const hasProto = (v, constructor, predicate) => {
+        var _a;
+        if (predicate(v, constructor.prototype)) {
+            return true;
+        }
+        else {
+            // String-based fallback time
+            return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+        }
+    };
+    const typeOf = (x) => {
+        const t = typeof x;
+        if (x === null) {
+            return 'null';
+        }
+        else if (t === 'object' && Array.isArray(x)) {
+            return 'array';
+        }
+        else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+            return 'string';
+        }
+        else {
+            return t;
+        }
+    };
+    const isType$1 = (type) => (value) => typeOf(value) === type;
+    const isSimpleType = (type) => (value) => typeof value === type;
+    const eq$1 = (t) => (a) => t === a;
+    const is$2 = (value, constructor) => isObject(value) && hasProto(value, constructor, (o, proto) => getPrototypeOf$2(o) === proto);
+    const isString = isType$1('string');
+    const isObject = isType$1('object');
+    const isPlainObject = (value) => is$2(value, Object);
+    const isArray = isType$1('array');
+    const isNull = eq$1(null);
+    const isBoolean = isSimpleType('boolean');
+    const isUndefined = eq$1(undefined);
+    const isNullable = (a) => a === null || a === undefined;
+    const isNonNullable = (a) => !isNullable(a);
+    const isFunction = isSimpleType('function');
+    const isNumber = isSimpleType('number');
+    const isArrayOf = (value, pred) => {
+        if (isArray(value)) {
+            for (let i = 0, len = value.length; i < len; ++i) {
+                if (!(pred(value[i]))) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    };
+
+    const noop = () => { };
+    const noarg = (f) => () => f();
+    /** Compose a unary function with an n-ary function */
+    const compose = (fa, fb) => {
+        return (...args) => {
+            return fa(fb.apply(null, args));
+        };
+    };
+    /** Compose two unary functions. Similar to compose, but avoids using Function.prototype.apply. */
+    const compose1 = (fbc, fab) => (a) => fbc(fab(a));
+    const constant$1 = (value) => {
+        return () => {
+            return value;
+        };
+    };
+    const identity = (x) => {
+        return x;
+    };
+    const tripleEquals = (a, b) => {
+        return a === b;
+    };
+    // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
+    function curry(fn, ...initialArgs) {
+        return (...restArgs) => {
+            const all = initialArgs.concat(restArgs);
+            return fn.apply(null, all);
+        };
+    }
+    const not = (f) => (t) => !f(t);
+    const die = (msg) => {
+        return () => {
+            throw new Error(msg);
+        };
+    };
+    const apply$1 = (f) => {
+        return f();
+    };
+    const never = constant$1(false);
+    const always = constant$1(true);
+
+    /**
+     * The `Optional` type represents a value (of any type) that potentially does
+     * not exist. Any `Optional<T>` can either be a `Some<T>` (in which case the
+     * value does exist) or a `None` (in which case the value does not exist). This
+     * module defines a whole lot of FP-inspired utility functions for dealing with
+     * `Optional` objects.
+     *
+     * Comparison with null or undefined:
+     * - We don't get fancy null coalescing operators with `Optional`
+     * - We do get fancy helper functions with `Optional`
+     * - `Optional` support nesting, and allow for the type to still be nullable (or
+     * another `Optional`)
+     * - There is no option to turn off strict-optional-checks like there is for
+     * strict-null-checks
+     */
+    class Optional {
+        // The internal representation has a `tag` and a `value`, but both are
+        // private: able to be console.logged, but not able to be accessed by code
+        constructor(tag, value) {
+            this.tag = tag;
+            this.value = value;
+        }
+        // --- Identities ---
+        /**
+         * Creates a new `Optional<T>` that **does** contain a value.
+         */
+        static some(value) {
+            return new Optional(true, value);
+        }
+        /**
+         * Create a new `Optional<T>` that **does not** contain a value. `T` can be
+         * any type because we don't actually have a `T`.
+         */
+        static none() {
+            return Optional.singletonNone;
+        }
+        /**
+         * Perform a transform on an `Optional` type. Regardless of whether this
+         * `Optional` contains a value or not, `fold` will return a value of type `U`.
+         * If this `Optional` does not contain a value, the `U` will be created by
+         * calling `onNone`. If this `Optional` does contain a value, the `U` will be
+         * created by calling `onSome`.
+         *
+         * For the FP enthusiasts in the room, this function:
+         * 1. Could be used to implement all of the functions below
+         * 2. Forms a catamorphism
+         */
+        fold(onNone, onSome) {
+            if (this.tag) {
+                return onSome(this.value);
+            }
+            else {
+                return onNone();
+            }
+        }
+        /**
+         * Determine if this `Optional` object contains a value.
+         */
+        isSome() {
+            return this.tag;
+        }
+        /**
+         * Determine if this `Optional` object **does not** contain a value.
+         */
+        isNone() {
+            return !this.tag;
+        }
+        // --- Functor (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value. If
+         * you provide a function to turn a T into a U, this is the function you use
+         * to turn an `Optional<T>` into an `Optional<U>`. If this **does** contain
+         * a value then the output will also contain a value (that value being the
+         * output of `mapper(this.value)`), and if this **does not** contain a value
+         * then neither will the output.
+         */
+        map(mapper) {
+            if (this.tag) {
+                return Optional?.some(mapper(this.value));
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Monad (name stolen from Haskell / maths) ---
+        /**
+         * Perform a transform on an `Optional` object, **if** there is a value.
+         * Unlike `map`, here the transform itself also returns an `Optional`.
+         */
+        bind(binder) {
+            if (this.tag) {
+                return binder(this.value);
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Traversable (name stolen from Haskell / maths) ---
+        /**
+         * For a given predicate, this function finds out if there **exists** a value
+         * inside this `Optional` object that meets the predicate. In practice, this
+         * means that for `Optional`s that do not contain a value it returns false (as
+         * no predicate-meeting value exists).
+         */
+        exists(predicate) {
+            return this.tag && predicate(this.value);
+        }
+        /**
+         * For a given predicate, this function finds out if **all** the values inside
+         * this `Optional` object meet the predicate. In practice, this means that
+         * for `Optional`s that do not contain a value it returns true (as all 0
+         * objects do meet the predicate).
+         */
+        forall(predicate) {
+            return !this.tag || predicate(this.value);
+        }
+        filter(predicate) {
+            if (!this.tag || predicate(this.value)) {
+                return this;
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        // --- Getters ---
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.
+         */
+        getOr(replacement) {
+            return this.tag ? this.value : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value.  Unlike `getOr`, in this method the `replacement` object is also
+         * `Optional` - meaning that this method will always return an `Optional`.
+         */
+        or(replacement) {
+            return this.tag ? this : replacement;
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided `Optional` object does not contain a
+         * value. Unlike `getOr`, in this method the `replacement` value is
+         * "thunked" - that is to say that you don't pass a value to `getOrThunk`, you
+         * pass a function which (if called) will **return** the `value` you want to
+         * use.
+         */
+        getOrThunk(thunk) {
+            return this.tag ? this.value : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, using a default
+         * `replacement` value if the provided Optional object does not contain a
+         * value.
+         *
+         * Unlike `or`, in this method the `replacement` value is "thunked" - that is
+         * to say that you don't pass a value to `orThunk`, you pass a function which
+         * (if called) will **return** the `value` you want to use.
+         *
+         * Unlike `getOrThunk`, in this method the `replacement` value is also
+         * `Optional`, meaning that this method will always return an `Optional`.
+         */
+        orThunk(thunk) {
+            return this.tag ? this : thunk();
+        }
+        /**
+         * Get the value out of the inside of the `Optional` object, throwing an
+         * exception if the provided `Optional` object does not contain a value.
+         *
+         * WARNING:
+         * You should only be using this function if you know that the `Optional`
+         * object **is not** empty (otherwise you're throwing exceptions in production
+         * code, which is bad).
+         *
+         * In tests this is more acceptable.
+         *
+         * Prefer other methods to this, such as `.each`.
+         */
+        getOrDie(message) {
+            if (!this.tag) {
+                throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+            }
+            else {
+                return this.value;
+            }
+        }
+        // --- Interop with null and undefined ---
+        /**
+         * Creates an `Optional` value from a nullable (or undefined-able) input.
+         * Null, or undefined, is converted to `None`, and anything else is converted
+         * to `Some`.
+         */
+        static from(value) {
+            return isNonNullable(value) ? Optional?.some(value) : Optional.none();
+        }
+        /**
+         * Converts an `Optional` to a nullable type, by getting the value if it
+         * exists, or returning `null` if it does not.
+         */
+        getOrNull() {
+            return this.tag ? this.value : null;
+        }
+        /**
+         * Converts an `Optional` to an undefined-able type, by getting the value if
+         * it exists, or returning `undefined` if it does not.
+         */
+        getOrUndefined() {
+            return this.value;
+        }
+        // --- Utilities ---
+        /**
+         * If the `Optional` contains a value, perform an action on that value.
+         * Unlike the rest of the methods on this type, `.each` has side-effects. If
+         * you want to transform an `Optional<T>` **into** something, then this is not
+         * the method for you. If you want to use an `Optional<T>` to **do**
+         * something, then this is the method for you - provided you're okay with not
+         * doing anything in the case where the `Optional` doesn't have a value inside
+         * it. If you're not sure whether your use-case fits into transforming
+         * **into** something or **doing** something, check whether it has a return
+         * value. If it does, you should be performing a transform.
+         */
+        each(worker) {
+            if (this.tag) {
+                worker(this.value);
+            }
+        }
+        /**
+         * Turn the `Optional` object into an array that contains all of the values
+         * stored inside the `Optional`. In practice, this means the output will have
+         * either 0 or 1 elements.
+         */
+        toArray() {
+            return this.tag ? [this.value] : [];
+        }
+        /**
+         * Turn the `Optional` object into a string for debugging or printing. Not
+         * recommended for production code, but good for debugging. Also note that
+         * these days an `Optional` object can be logged to the console directly, and
+         * its inner value (if it exists) will be visible.
+         */
+        toString() {
+            return this.tag ? `some(${this.value})` : 'none()';
+        }
+    }
+    // Sneaky optimisation: every instance of Optional.none is identical, so just
+    // reuse the same object
+    Optional.singletonNone = new Optional(false);
+
+    /* eslint-disable @typescript-eslint/unbound-method */
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const nativePush = Array.prototype.push;
+    /* eslint-enable */
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const indexOf = (xs, x) => {
+        // The rawIndexOf method does not wrap up in an option. This is for performance reasons.
+        const r = rawIndexOf(xs, x);
+        return r === -1 ? Optional.none() : Optional?.some(r);
+    };
+    const contains$2 = (xs, x) => rawIndexOf(xs, x) > -1;
+    const exists = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const range$2 = (num, f) => {
+        const r = [];
+        for (let i = 0; i < num; i++) {
+            r.push(f(i));
+        }
+        return r;
+    };
+    // It's a total micro optimisation, but these do make some difference.
+    // Particularly for browsers other than Chrome.
+    // - length caching
+    // http://jsperf.com/browser-diet-jquery-each-vs-for-loop/69
+    // - not using push
+    // http://jsperf.com/array-direct-assignment-vs-push/2
+    const chunk$1 = (array, size) => {
+        const r = [];
+        for (let i = 0; i < array.length; i += size) {
+            const s = nativeSlice.call(array, i, i + size);
+            r.push(s);
+        }
+        return r;
+    };
+    const map$2 = (xs, f) => {
+        // pre-allocating array size when it's guaranteed to be known
+        // http://jsperf.com/push-allocated-vs-dynamic/22
+        const len = xs.length;
+        const r = new Array(len);
+        for (let i = 0; i < len; i++) {
+            const x = xs[i];
+            r[i] = f(x, i);
+        }
+        return r;
+    };
+    // Unwound implementing other functions in terms of each.
+    // The code size is roughly the same, and it should allow for better optimisation.
+    // const each = function<T, U>(xs: T[], f: (x: T, i?: number, xs?: T[]) => void): void {
+    const each$1 = (xs, f) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const eachr = (xs, f) => {
+        for (let i = xs.length - 1; i >= 0; i--) {
+            const x = xs[i];
+            f(x, i);
+        }
+    };
+    const partition$3 = (xs, pred) => {
+        const pass = [];
+        const fail = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            const arr = pred(x, i) ? pass : fail;
+            arr.push(x);
+        }
+        return { pass, fail };
+    };
+    const filter$2 = (xs, pred) => {
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                r.push(x);
+            }
+        }
+        return r;
+    };
+    const foldr = (xs, f, acc) => {
+        eachr(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const foldl = (xs, f, acc) => {
+        each$1(xs, (x, i) => {
+            acc = f(acc, x, i);
+        });
+        return acc;
+    };
+    const findUntil = (xs, pred, until) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(x);
+            }
+            else if (until(x, i)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const find$5 = (xs, pred) => {
+        return findUntil(xs, pred, never);
+    };
+    const findIndex$1 = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            if (pred(x, i)) {
+                return Optional?.some(i);
+            }
+        }
+        return Optional.none();
+    };
+    const flatten = (xs) => {
+        // Note, this is possible because push supports multiple arguments:
+        // http://jsperf.com/concat-push/6
+        // Note that in the past, concat() would silently work (very slowly) for array-like objects.
+        // With this change it will throw an error.
+        const r = [];
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            // Ensure that each value is an array itself
+            if (!isArray(xs[i])) {
+                throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+            }
+            nativePush.apply(r, xs[i]);
+        }
+        return r;
+    };
+    const bind$3 = (xs, f) => flatten(map$2(xs, f));
+    const forall = (xs, pred) => {
+        for (let i = 0, len = xs.length; i < len; ++i) {
+            const x = xs[i];
+            if (pred(x, i) !== true) {
+                return false;
+            }
+        }
+        return true;
+    };
+    const reverse = (xs) => {
+        const r = nativeSlice.call(xs, 0);
+        r.reverse();
+        return r;
+    };
+    const difference = (a1, a2) => filter$2(a1, (x) => !contains$2(a2, x));
+    const mapToObject = (xs, f) => {
+        const r = {};
+        for (let i = 0, len = xs.length; i < len; i++) {
+            const x = xs[i];
+            r[String(x)] = f(x, i);
+        }
+        return r;
+    };
+    const pure$2 = (x) => [x];
+    const sort = (xs, comparator) => {
+        const copy = nativeSlice.call(xs, 0);
+        copy.sort(comparator);
+        return copy;
+    };
+    const get$i = (xs, i) => i >= 0 && i < xs.length ? Optional?.some(xs[i]) : Optional.none();
+    const head = (xs) => get$i(xs, 0);
+    const last$1 = (xs) => get$i(xs, xs.length - 1);
+    const from = isFunction(Array.from) ? Array.from : (x) => nativeSlice.call(x);
+    const findMap = (arr, f) => {
+        for (let i = 0; i < arr.length; i++) {
+            const r = f(arr[i], i);
+            if (r.isSome()) {
+                return r;
+            }
+        }
+        return Optional.none();
+    };
+
+    // There are many variations of Object iteration that are faster than the 'for-in' style:
+    // http://jsperf.com/object-keys-iteration/107
+    //
+    // Use the native keys if it is available (IE9+), otherwise fall back to manually filtering
+    const keys = Object.keys;
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    const hasOwnProperty = Object.hasOwnProperty;
+    const each = (obj, f) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            f(x, i);
+        }
+    };
+    const map$1 = (obj, f) => {
+        return tupleMap(obj, (x, i) => ({
+            k: i,
+            v: f(x, i)
+        }));
+    };
+    const tupleMap = (obj, f) => {
+        const r = {};
+        each(obj, (x, i) => {
+            const tuple = f(x, i);
+            r[tuple.k] = tuple.v;
+        });
+        return r;
+    };
+    const objAcc = (r) => (x, i) => {
+        r[i] = x;
+    };
+    const internalFilter = (obj, pred, onTrue, onFalse) => {
+        each(obj, (x, i) => {
+            (pred(x, i) ? onTrue : onFalse)(x, i);
+        });
+    };
+    const bifilter = (obj, pred) => {
+        const t = {};
+        const f = {};
+        internalFilter(obj, pred, objAcc(t), objAcc(f));
+        return { t, f };
+    };
+    const filter$1 = (obj, pred) => {
+        const t = {};
+        internalFilter(obj, pred, objAcc(t), noop);
+        return t;
+    };
+    const mapToArray = (obj, f) => {
+        const r = [];
+        each(obj, (value, name) => {
+            r.push(f(value, name));
+        });
+        return r;
+    };
+    const find$4 = (obj, pred) => {
+        const props = keys(obj);
+        for (let k = 0, len = props.length; k < len; k++) {
+            const i = props[k];
+            const x = obj[i];
+            if (pred(x, i, obj)) {
+                return Optional?.some(x);
+            }
+        }
+        return Optional.none();
+    };
+    const values = (obj) => {
+        return mapToArray(obj, identity);
+    };
+    const get$h = (obj, key) => {
+        return has$2(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    const has$2 = (obj, key) => hasOwnProperty.call(obj, key);
+    const hasNonNullableKey = (obj, key) => has$2(obj, key) && obj[key] !== undefined && obj[key] !== null;
+
+    /*
+     * Generates a church encoded ADT (https://en.wikipedia.org/wiki/Church_encoding)
+     * For syntax and use, look at the test code.
+     */
+    const generate$7 = (cases) => {
+        // validation
+        if (!isArray(cases)) {
+            throw new Error('cases must be an array');
+        }
+        if (cases.length === 0) {
+            throw new Error('there must be at least one case');
+        }
+        const constructors = [];
+        // adt is mutated to add the individual cases
+        const adt = {};
+        each$1(cases, (acase, count) => {
+            const keys$1 = keys(acase);
+            // validation
+            if (keys$1.length !== 1) {
+                throw new Error('one and only one name per case');
+            }
+            const key = keys$1[0];
+            const value = acase[key];
+            // validation
+            if (adt[key] !== undefined) {
+                throw new Error('duplicate key detected:' + key);
+            }
+            else if (key === 'cata') {
+                throw new Error('cannot have a case named cata (sorry)');
+            }
+            else if (!isArray(value)) {
+                // this implicitly checks if acase is an object
+                throw new Error('case arguments must be an array');
+            }
+            constructors.push(key);
+            //
+            // constructor for key
+            //
+            adt[key] = (...args) => {
+                const argLength = args.length;
+                // validation
+                if (argLength !== value.length) {
+                    throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+                }
+                const match = (branches) => {
+                    const branchKeys = keys(branches);
+                    if (constructors.length !== branchKeys.length) {
+                        throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+                    }
+                    const allReqd = forall(constructors, (reqKey) => {
+                        return contains$2(branchKeys, reqKey);
+                    });
+                    if (!allReqd) {
+                        throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+                    }
+                    return branches[key].apply(null, args);
+                };
+                //
+                // the fold function for key
+                //
+                return {
+                    fold: (...foldArgs) => {
+                        // runtime validation
+                        if (foldArgs.length !== cases.length) {
+                            throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + foldArgs.length);
+                        }
+                        const target = foldArgs[count];
+                        return target.apply(null, args);
+                    },
+                    match,
+                    // NOTE: Only for debugging.
+                    log: (label) => {
+                        // eslint-disable-next-line no-console
+                        console.log(label, {
+                            constructors,
+                            constructor: key,
+                            params: args
+                        });
+                    }
+                };
+            };
+        });
+        return adt;
+    };
+    const Adt = {
+        generate: generate$7
+    };
+
+    const Cell = (initial) => {
+        let value = initial;
+        const get = () => {
+            return value;
+        };
+        const set = (v) => {
+            value = v;
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const nu$d = (baseFn) => {
+        let data = Optional.none();
+        let callbacks = [];
+        /** map :: this LazyValue a -> (a -> b) -> LazyValue b */
+        const map = (f) => nu$d((nCallback) => {
+            get((data) => {
+                nCallback(f(data));
+            });
+        });
+        const get = (nCallback) => {
+            if (isReady()) {
+                call(nCallback);
+            }
+            else {
+                callbacks.push(nCallback);
+            }
+        };
+        const set = (x) => {
+            if (!isReady()) {
+                data = Optional?.some(x);
+                run(callbacks);
+                callbacks = [];
+            }
+        };
+        const isReady = () => data.isSome();
+        const run = (cbs) => {
+            each$1(cbs, call);
+        };
+        const call = (cb) => {
+            data.each((x) => {
+                setTimeout(() => {
+                    cb(x);
+                }, 0);
+            });
+        };
+        // Lazy values cache the value and kick off immediately
+        baseFn(set);
+        return {
+            get,
+            map,
+            isReady
+        };
+    };
+    const pure$1 = (a) => nu$d((callback) => {
+        callback(a);
+    });
+    const LazyValue = {
+        nu: nu$d,
+        pure: pure$1
+    };
+
+    const errorReporter = (err) => {
+        // we can not throw the error in the reporter as it will just be black-holed
+        // by the Promise so we use a setTimeout to escape the Promise.
+        setTimeout(() => {
+            throw err;
+        }, 0);
+    };
+    const make$8 = (run) => {
+        const get = (callback) => {
+            run().then(callback, errorReporter);
+        };
+        /** map :: this Future a -> (a -> b) -> Future b */
+        const map = (fab) => {
+            return make$8(() => run().then(fab));
+        };
+        /** bind :: this Future a -> (a -> Future b) -> Future b */
+        const bind = (aFutureB) => {
+            return make$8(() => run().then((v) => aFutureB(v).toPromise()));
+        };
+        /** anonBind :: this Future a -> Future b -> Future b
+         *  Returns a future, which evaluates the first future, ignores the result, then evaluates the second.
+         */
+        const anonBind = (futureB) => {
+            return make$8(() => run().then(() => futureB.toPromise()));
+        };
+        const toLazy = () => {
+            return LazyValue.nu(get);
+        };
+        const toCached = () => {
+            let cache = null;
+            return make$8(() => {
+                if (cache === null) {
+                    cache = run();
+                }
+                return cache;
+            });
+        };
+        const toPromise = run;
+        return {
+            map,
+            bind,
+            anonBind,
+            toLazy,
+            toCached,
+            toPromise,
+            get
+        };
+    };
+    const nu$c = (baseFn) => {
+        return make$8(() => new Promise(baseFn));
+    };
+    /** a -> Future a */
+    const pure = (a) => {
+        return make$8(() => Promise.resolve(a));
+    };
+    const Future = {
+        nu: nu$c,
+        pure
+    };
+
+    /**
+     * Creates a new `Result<T, E>` that **does** contain a value.
+     */
+    const value$4 = (value) => {
+        const applyHelper = (fn) => fn(value);
+        const constHelper = constant$1(value);
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: true,
+            inner: value,
+            // Actual Result methods
+            fold: (_onError, onValue) => onValue(value),
+            isValue: always,
+            isError: never,
+            map: (mapper) => Result.value(mapper(value)),
+            mapError: outputHelper,
+            bind: applyHelper,
+            exists: applyHelper,
+            forall: applyHelper,
+            getOr: constHelper,
+            or: outputHelper,
+            getOrThunk: constHelper,
+            orThunk: outputHelper,
+            getOrDie: constHelper,
+            each: (fn) => {
+                // Can't write the function inline because we don't want to return something by mistake
+                fn(value);
+            },
+            toOptional: () => Optional?.some(value),
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` that **does not** contain a value, and therefore
+     * contains an error.
+     */
+    const error$1 = (error) => {
+        const outputHelper = () => output;
+        const output = {
+            // Debug info
+            tag: false,
+            inner: error,
+            // Actual Result methods
+            fold: (onError, _onValue) => onError(error),
+            isValue: never,
+            isError: always,
+            map: outputHelper,
+            mapError: (mapper) => Result.error(mapper(error)),
+            bind: outputHelper,
+            exists: never,
+            forall: always,
+            getOr: identity,
+            or: identity,
+            getOrThunk: apply$1,
+            orThunk: apply$1,
+            getOrDie: die(String(error)),
+            each: noop,
+            toOptional: Optional.none,
+        };
+        return output;
+    };
+    /**
+     * Creates a new `Result<T, E>` from an `Optional<T>` and an `E`. If the
+     * `Optional` contains a value, so will the outputted `Result`. If it does not,
+     * the outputted `Result` will contain an error (and that error will be the
+     * error passed in).
+     */
+    const fromOption = (optional, err) => optional.fold(() => error$1(err), value$4);
+    const Result = {
+        value: value$4,
+        error: error$1,
+        fromOption
+    };
+
+    const wrap$2 = (delegate) => {
+        const toCached = () => {
+            return wrap$2(delegate.toCached());
+        };
+        const bindFuture = (f) => {
+            return wrap$2(delegate.bind((resA) => resA.fold((err) => (Future.pure(Result.error(err))), (a) => f(a))));
+        };
+        const bindResult = (f) => {
+            return wrap$2(delegate?.map((resA) => resA.bind(f)));
+        };
+        const mapResult = (f) => {
+            return wrap$2(delegate?.map((resA) => resA?.map(f)));
+        };
+        const mapError = (f) => {
+            return wrap$2(delegate?.map((resA) => resA.mapError(f)));
+        };
+        const foldResult = (whenError, whenValue) => {
+            return delegate?.map((res) => res.fold(whenError, whenValue));
+        };
+        const withTimeout = (timeout, errorThunk) => {
+            return wrap$2(Future.nu((callback) => {
+                let timedOut = false;
+                const timer = setTimeout(() => {
+                    timedOut = true;
+                    callback(Result.error(errorThunk()));
+                }, timeout);
+                delegate.get((result) => {
+                    if (!timedOut) {
+                        clearTimeout(timer);
+                        callback(result);
+                    }
+                });
+            }));
+        };
+        return {
+            ...delegate,
+            toCached,
+            bindFuture,
+            bindResult,
+            mapResult,
+            mapError,
+            foldResult,
+            withTimeout
+        };
+    };
+    const nu$b = (worker) => {
+        return wrap$2(Future.nu(worker));
+    };
+    const value$3 = (value) => {
+        return wrap$2(Future.pure(Result.value(value)));
+    };
+    const error = (error) => {
+        return wrap$2(Future.pure(Result.error(error)));
+    };
+    const fromResult$1 = (result) => {
+        return wrap$2(Future.pure(result));
+    };
+    const fromFuture = (future) => {
+        return wrap$2(future?.map(Result.value));
+    };
+    const fromPromise = (promise) => {
+        return nu$b((completer) => {
+            promise.then((value) => {
+                completer(Result.value(value));
+            }, (error) => {
+                completer(Result.error(error));
+            });
+        });
+    };
+    const FutureResult = {
+        nu: nu$b,
+        wrap: wrap$2,
+        pure: value$3,
+        value: value$3,
+        error,
+        fromResult: fromResult$1,
+        fromFuture,
+        fromPromise
+    };
+
+    // Use window object as the global if it's available since CSP will block script evals
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
+    const Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    /**
+     * Adds two numbers, and wrap to a range.
+     * If the result overflows to the right, snap to the left.
+     * If the result overflows to the left, snap to the right.
+     */
+    const cycleBy = (value, delta, min, max) => {
+        const r = value + delta;
+        if (r > max) {
+            return min;
+        }
+        else if (r < min) {
+            return max;
+        }
+        else {
+            return r;
+        }
+    };
+    // ASSUMPTION: Max will always be larger than min
+    const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+    // the division is meant to get a number between 0 and 1 for more information check this discussion: https://stackoverflow.com/questions/58285941/how-to-replace-math-random-with-crypto-getrandomvalues-and-keep-same-result
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
+    /**
+     * Generate a unique identifier.
+     *
+     * The unique portion of the identifier only contains an underscore
+     * and digits, so that it may safely be used within HTML attributes.
+     *
+     * The chance of generating a non-unique identifier has been minimized
+     * by combining the current time, a random number and a one-up counter.
+     *
+     * generate :: String -> String
+     */
+    let unique = 0;
+    const generate$6 = (prefix) => {
+        const date = new Date();
+        const time = date.getTime();
+        const random$1 = Math.floor(random() * 1000000000);
+        unique++;
+        return prefix + '_' + random$1 + unique + String(time);
+    };
+
+    const shallow$1 = (old, nu) => {
+        return nu;
+    };
+    const deep$1 = (old, nu) => {
+        const bothObjects = isPlainObject(old) && isPlainObject(nu);
+        return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    const baseMerge = (merger) => {
+        return (...objects) => {
+            if (objects.length === 0) {
+                throw new Error(`Can't merge zero objects`);
+            }
+            const ret = {};
+            for (let j = 0; j < objects.length; j++) {
+                const curObject = objects[j];
+                for (const key in curObject) {
+                    if (has$2(curObject, key)) {
+                        ret[key] = merger(ret[key], curObject[key]);
+                    }
+                }
+            }
+            return ret;
+        };
+    };
+    const deepMerge = baseMerge(deep$1);
+    const merge$1 = baseMerge(shallow$1);
+
+    /**
+     * **Is** the value stored inside this Optional object equal to `rhs`?
+     */
+    const is$1 = (lhs, rhs, comparator = tripleEquals) => lhs.exists((left) => comparator(left, rhs));
+    /**
+     * Are these two Optional objects equal? Equality here means either they're both
+     * `Some` (and the values are equal under the comparator) or they're both `None`.
+     */
+    const equals = (lhs, rhs, comparator = tripleEquals) => lift2(lhs, rhs, comparator).getOr(lhs.isNone() && rhs.isNone());
+    const cat = (arr) => {
+        const r = [];
+        const push = (x) => {
+            r.push(x);
+        };
+        for (let i = 0; i < arr.length; i++) {
+            arr[i].each(push);
+        }
+        return r;
+    };
+    const sequence = (arr) => {
+        const r = [];
+        for (let i = 0; i < arr.length; i++) {
+            const x = arr[i];
+            if (x.isSome()) {
+                r.push(x.getOrDie());
+            }
+            else {
+                return Optional.none();
+            }
+        }
+        return Optional?.some(r);
+    };
+    /*
+    Notes on the lift functions:
+    - We used to have a generic liftN, but we were concerned about its type-safety, and the below variants were faster in microbenchmarks.
+    - The getOrDie calls are partial functions, but are checked beforehand. This is faster and more convenient (but less safe) than folds.
+    - && is used instead of a loop for simplicity and performance.
+    */
+    const lift2 = (oa, ob, f) => oa.isSome() && ob.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    const lift3 = (oa, ob, oc, f) => oa.isSome() && ob.isSome() && oc.isSome() ? Optional?.some(f(oa.getOrDie(), ob.getOrDie(), oc.getOrDie())) : Optional.none();
+    const mapFrom = (a, f) => (a !== undefined && a !== null) ? Optional?.some(f(a)) : Optional.none();
+    // This can help with type inference, by specifying the type param on the none case, so the caller doesn't have to.
+    const someIf = (b, a) => b ? Optional?.some(a) : Optional.none();
+
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#escaping
+    const escape = (text) => text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+
+    /** path :: ([String], JsObj?) -> JsObj */
+    const path$1 = (parts, scope) => {
+        let o = scope !== undefined && scope !== null ? scope : Global;
+        for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) {
+            o = o[parts[i]];
+        }
+        return o;
+    };
+    /** resolve :: (String, JsObj?) -> JsObj */
+    const resolve = (p, scope) => {
+        const parts = p.split('.');
+        return path$1(parts, scope);
+    };
+
+    Adt.generate([
+        { bothErrors: ['error1', 'error2'] },
+        { firstError: ['error1', 'value2'] },
+        { secondError: ['value1', 'error2'] },
+        { bothValues: ['value1', 'value2'] }
+    ]);
+    /** partition :: [Result a] -> { errors: [String], values: [a] } */
+    const partition$2 = (results) => {
+        const errors = [];
+        const values = [];
+        each$1(results, (result) => {
+            result.fold((err) => {
+                errors.push(err);
+            }, (value) => {
+                values.push(value);
+            });
+        });
+        return { errors, values };
+    };
+
+    const singleton$1 = (doRevoke) => {
+        const subject = Cell(Optional.none());
+        const revoke = () => subject.get().each(doRevoke);
+        const clear = () => {
+            revoke();
+            subject.set(Optional.none());
+        };
+        const isSet = () => subject.get().isSome();
+        const get = () => subject.get();
+        const set = (s) => {
+            revoke();
+            subject.set(Optional?.some(s));
+        };
+        return {
+            clear,
+            isSet,
+            get,
+            set
+        };
+    };
+    const destroyable = () => singleton$1((s) => s.destroy());
+    const unbindable = () => singleton$1((s) => s.unbind());
+    const value$2 = () => {
+        const subject = singleton$1(noop);
+        const on = (f) => subject.get().each(f);
+        return {
+            ...subject,
+            on
+        };
+    };
+
+    const addToEnd = (str, suffix) => {
+        return str + suffix;
+    };
+    const removeFromStart = (str, numChars) => {
+        return str.substring(numChars);
+    };
+
+    const checkRange = (str, substr, start) => substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    const removeLeading = (str, prefix) => {
+        return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    const ensureTrailing = (str, suffix) => {
+        return endsWith(str, suffix) ? str : addToEnd(str, suffix);
+    };
+    const contains$1 = (str, substr, start = 0, end) => {
+        const idx = str.indexOf(substr, start);
+        if (idx !== -1) {
+            return isUndefined(end) ? true : idx + substr.length <= end;
+        }
+        else {
+            return false;
+        }
+    };
+    /** Does 'str' start with 'prefix'?
+     *  Note: all strings start with the empty string.
+     *        More formally, for all strings x, startsWith(x, "").
+     *        This is so that for all strings x and y, startsWith(y + x, y)
+     */
+    const startsWith = (str, prefix) => {
+        return checkRange(str, prefix, 0);
+    };
+    /** Does 'str' end with 'suffix'?
+     *  Note: all strings end with the empty string.
+     *        More formally, for all strings x, endsWith(x, "").
+     *        This is so that for all strings x and y, endsWith(x + y, y)
+     */
+    const endsWith = (str, suffix) => {
+        return checkRange(str, suffix, str.length - suffix.length);
+    };
+    const blank = (r) => (s) => s.replace(r, '');
+    /** removes all leading and trailing spaces */
+    const trim$1 = blank(/^\s+|\s+$/g);
+    const isNotEmpty = (s) => s.length > 0;
+    const isEmpty = (s) => !isNotEmpty(s);
+    const toFloat = (value) => {
+        const num = parseFloat(value);
+        return isNaN(num) ? Optional.none() : Optional?.some(num);
+    };
+
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, update the arguments f will run
+    // with (but keep the current schedule)
+    const adaptable = (fn, rate) => {
+        let timer = null;
+        let args = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+                args = null;
+            }
+        };
+        const throttle = (...newArgs) => {
+            args = newArgs;
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    const tempArgs = args;
+                    timer = null;
+                    args = null;
+                    fn.apply(null, tempArgs);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, ignore it completely.
+    const first$1 = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            if (isNull(timer)) {
+                timer = setTimeout(() => {
+                    timer = null;
+                    fn.apply(null, args);
+                }, rate);
+            }
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+    // Run a function fn after rate ms. If another invocation occurs
+    // during the time it is waiting, reschedule the function again
+    // with the new arguments.
+    const last = (fn, rate) => {
+        let timer = null;
+        const cancel = () => {
+            if (!isNull(timer)) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        };
+        const throttle = (...args) => {
+            cancel();
+            timer = setTimeout(() => {
+                timer = null;
+                fn.apply(null, args);
+            }, rate);
+        };
+        return {
+            cancel,
+            throttle
+        };
+    };
+
+    const cached = (f) => {
+        let called = false;
+        let r;
+        return (...args) => {
+            if (!called) {
+                called = true;
+                r = f.apply(null, args);
+            }
+            return r;
+        };
+    };
+
+    const zeroWidth = '\uFEFF';
+    const nbsp = '\u00A0';
+
+    const fromHtml$2 = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        if (!div.hasChildNodes() || div.childNodes.length > 1) {
+            const message = 'HTML does not have a single root node';
+            // eslint-disable-next-line no-console
+            console.error(message, html);
+            throw new Error(message);
+        }
+        return fromDom(div.childNodes[0]);
+    };
+    const fromTag = (tag, scope) => {
+        const doc = scope || document;
+        const node = doc.createElement(tag);
+        return fromDom(node);
+    };
+    const fromText = (text, scope) => {
+        const doc = scope || document;
+        const node = doc.createTextNode(text);
+        return fromDom(node);
+    };
+    const fromDom = (node) => {
+        // TODO: Consider removing this check, but left atm for safety
+        if (node === null || node === undefined) {
+            throw new Error('Node cannot be null or undefined');
+        }
+        return {
+            dom: node
+        };
+    };
+    const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y))?.map(fromDom);
+    // tslint:disable-next-line:variable-name
+    const SugarElement = {
+        fromHtml: fromHtml$2,
+        fromTag,
+        fromText,
+        fromDom,
+        fromPoint
+    };
+
+    // NOTE: Mutates the range.
+    const setStart = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setStartBefore(e.dom);
+        }, (e, o) => {
+            rng.setStart(e.dom, o);
+        }, (e) => {
+            rng.setStartAfter(e.dom);
+        });
+    };
+    const setFinish = (rng, situ) => {
+        situ.fold((e) => {
+            rng.setEndBefore(e.dom);
+        }, (e, o) => {
+            rng.setEnd(e.dom, o);
+        }, (e) => {
+            rng.setEndAfter(e.dom);
+        });
+    };
+    const relativeToNative = (win, startSitu, finishSitu) => {
+        const range = win.document.createRange();
+        setStart(range, startSitu);
+        setFinish(range, finishSitu);
+        return range;
+    };
+    const exactToNative = (win, start, soffset, finish, foffset) => {
+        const rng = win.document.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+    const toRect = (rect) => ({
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height
+    });
+    const getFirstRect$1 = (rng) => {
+        const rects = rng.getClientRects();
+        // ASSUMPTION: The first rectangle is the start of the selection
+        const rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
+        return rect.width > 0 || rect.height > 0 ? Optional?.some(rect)?.map(toRect) : Optional.none();
+    };
+    const getBounds$3 = (rng) => {
+        const rect = rng.getBoundingClientRect();
+        return rect.width > 0 || rect.height > 0 ? Optional?.some(rect)?.map(toRect) : Optional.none();
+    };
+
+    const adt$a = Adt.generate([
+        { ltr: ['start', 'soffset', 'finish', 'foffset'] },
+        { rtl: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const fromRange = (win, type, range) => type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
+    const getRanges = (win, selection) => selection.match({
+        domRange: (rng) => {
+            return {
+                ltr: constant$1(rng),
+                rtl: Optional.none
+            };
+        },
+        relative: (startSitu, finishSitu) => {
+            return {
+                ltr: cached(() => relativeToNative(win, startSitu, finishSitu)),
+                rtl: cached(() => Optional?.some(relativeToNative(win, finishSitu, startSitu)))
+            };
+        },
+        exact: (start, soffset, finish, foffset) => {
+            return {
+                ltr: cached(() => exactToNative(win, start, soffset, finish, foffset)),
+                rtl: cached(() => Optional?.some(exactToNative(win, finish, foffset, start, soffset)))
+            };
+        }
+    });
+    const doDiagnose = (win, ranges) => {
+        // If we cannot create a ranged selection from start > finish, it could be RTL
+        const rng = ranges.ltr();
+        if (rng.collapsed) {
+            // Let's check if it's RTL ... if it is, then reversing the direction will not be collapsed
+            const reversed = ranges.rtl().filter((rev) => rev.collapsed === false);
+            return reversed?.map((rev) => 
+            // We need to use "reversed" here, because the original only has one point (collapsed)
+            adt$a.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset)).getOrThunk(() => fromRange(win, adt$a.ltr, rng));
+        }
+        else {
+            return fromRange(win, adt$a.ltr, rng);
+        }
+    };
+    const diagnose = (win, selection) => {
+        const ranges = getRanges(win, selection);
+        return doDiagnose(win, ranges);
+    };
+    const asLtrRange = (win, selection) => {
+        const diagnosis = diagnose(win, selection);
+        return diagnosis.match({
+            ltr: (start, soffset, finish, foffset) => {
+                const rng = win.document.createRange();
+                rng.setStart(start.dom, soffset);
+                rng.setEnd(finish.dom, foffset);
+                return rng;
+            },
+            rtl: (start, soffset, finish, foffset) => {
+                // NOTE: Reversing start and finish
+                const rng = win.document.createRange();
+                rng.setStart(finish.dom, foffset);
+                rng.setEnd(start.dom, soffset);
+                return rng;
+            }
+        });
+    };
+    adt$a.ltr;
+    adt$a.rtl;
+
+    const DOCUMENT = 9;
+    const DOCUMENT_FRAGMENT = 11;
+    const ELEMENT = 1;
+    const TEXT = 3;
+
+    const is = (element, selector) => {
+        const dom = element.dom;
+        if (dom.nodeType !== ELEMENT) {
+            return false;
+        }
+        else {
+            const elem = dom;
+            if (elem.matches !== undefined) {
+                return elem.matches(selector);
+            }
+            else if (elem.msMatchesSelector !== undefined) {
+                return elem.msMatchesSelector(selector);
+            }
+            else if (elem.webkitMatchesSelector !== undefined) {
+                return elem.webkitMatchesSelector(selector);
+            }
+            else if (elem.mozMatchesSelector !== undefined) {
+                // cast to any as mozMatchesSelector doesn't exist in TS DOM lib
+                return elem.mozMatchesSelector(selector);
+            }
+            else {
+                throw new Error('Browser lacks native selectors');
+            } // unfortunately we can't throw this on startup :(
+        }
+    };
+    const bypassSelector = (dom) => 
+    // Only elements, documents and shadow roots support querySelector
+    // shadow root element type is DOCUMENT_FRAGMENT
+    dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT ||
+        // IE fix for complex queries on empty nodes: http://jsfiddle.net/spyder/fv9ptr5L/
+        dom.childElementCount === 0;
+    const all$3 = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? [] : map$2(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    const one = (selector, scope) => {
+        const base = scope === undefined ? document : scope.dom;
+        return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector))?.map(SugarElement.fromDom);
+    };
+
+    const eq = (e1, e2) => e1.dom === e2.dom;
+    // Returns: true if node e1 contains e2, otherwise false.
+    // (returns false if e1===e2: A node does not contain itself).
+    const contains = (e1, e2) => {
+        const d1 = e1.dom;
+        const d2 = e2.dom;
+        return d1 === d2 ? false : d1.contains(d2);
+    };
+
+    const DeviceType = (os, browser, userAgent, mediaMatch) => {
+        const isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+        const isiPhone = os.isiOS() && !isiPad;
+        const isMobile = os.isiOS() || os.isAndroid();
+        const isTouch = isMobile || mediaMatch('(pointer:coarse)');
+        const isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+        const isPhone = isiPhone || isMobile && !isTablet;
+        const iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+        const isDesktop = !isPhone && !isTablet && !iOSwebview;
+        return {
+            isiPad: constant$1(isiPad),
+            isiPhone: constant$1(isiPhone),
+            isTablet: constant$1(isTablet),
+            isPhone: constant$1(isPhone),
+            isTouch: constant$1(isTouch),
+            isAndroid: os.isAndroid,
+            isiOS: os.isiOS,
+            isWebView: constant$1(iOSwebview),
+            isDesktop: constant$1(isDesktop)
+        };
+    };
+
+    const firstMatch = (regexes, s) => {
+        for (let i = 0; i < regexes.length; i++) {
+            const x = regexes[i];
+            if (x.test(s)) {
+                return x;
+            }
+        }
+        return undefined;
+    };
+    const find$3 = (regexes, agent) => {
+        const r = firstMatch(regexes, agent);
+        if (!r) {
+            return { major: 0, minor: 0 };
+        }
+        const group = (i) => {
+            return Number(agent.replace(r, '$' + i));
+        };
+        return nu$a(group(1), group(2));
+    };
+    const detect$4 = (versionRegexes, agent) => {
+        const cleanedAgent = String(agent).toLowerCase();
+        if (versionRegexes.length === 0) {
+            return unknown$3();
+        }
+        return find$3(versionRegexes, cleanedAgent);
+    };
+    const unknown$3 = () => {
+        return nu$a(0, 0);
+    };
+    const nu$a = (major, minor) => {
+        return { major, minor };
+    };
+    const Version = {
+        nu: nu$a,
+        detect: detect$4,
+        unknown: unknown$3
+    };
+
+    const detectBrowser$1 = (browsers, userAgentData) => {
+        return findMap(userAgentData.brands, (uaBrand) => {
+            const lcBrand = uaBrand.brand.toLowerCase();
+            return find$5(browsers, (browser) => { var _a; return lcBrand === ((_a = browser.brand) === null || _a === void 0 ? void 0 : _a.toLowerCase()); })
+                ?.map((info) => ({
+                current: info.name,
+                version: Version.nu(parseInt(uaBrand.version, 10), 0)
+            }));
+        });
+    };
+
+    const detect$3 = (candidates, userAgent) => {
+        const agent = String(userAgent).toLowerCase();
+        return find$5(candidates, (candidate) => {
+            return candidate.search(agent);
+        });
+    };
+    // They (browser and os) are the same at the moment, but they might
+    // not stay that way.
+    const detectBrowser = (browsers, userAgent) => {
+        return detect$3(browsers, userAgent)?.map((browser) => {
+            const version = Version.detect(browser.versionRegexes, userAgent);
+            return {
+                current: browser.name,
+                version
+            };
+        });
+    };
+    const detectOs = (oses, userAgent) => {
+        return detect$3(oses, userAgent)?.map((os) => {
+            const version = Version.detect(os.versionRegexes, userAgent);
+            return {
+                current: os.name,
+                version
+            };
+        });
+    };
+
+    const normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    const checkContains = (target) => {
+        return (uastring) => {
+            return contains$1(uastring, target);
+        };
+    };
+    const browsers = [
+        // This is legacy Edge
+        {
+            name: 'Edge',
+            versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+            search: (uastring) => {
+                return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+            }
+        },
+        // This is Google Chrome and Chromium Edge
+        {
+            name: 'Chromium',
+            brand: 'Chromium',
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/, normalVersionRegex],
+            search: (uastring) => {
+                return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+            }
+        },
+        {
+            name: 'IE',
+            versionRegexes: [/.*?msie\ ?([0-9]+)\.([0-9]+).*/, /.*?rv:([0-9]+)\.([0-9]+).*/],
+            search: (uastring) => {
+                return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+            }
+        },
+        // INVESTIGATE: Is this still the Opera user agent?
+        {
+            name: 'Opera',
+            versionRegexes: [normalVersionRegex, /.*?opera\/([0-9]+)\.([0-9]+).*/],
+            search: checkContains('opera')
+        },
+        {
+            name: 'Firefox',
+            versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+            search: checkContains('firefox')
+        },
+        {
+            name: 'Safari',
+            versionRegexes: [normalVersionRegex, /.*?cpu os ([0-9]+)_([0-9]+).*/],
+            search: (uastring) => {
+                return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+            }
+        }
+    ];
+    const oses = [
+        {
+            name: 'Windows',
+            search: checkContains('win'),
+            versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'iOS',
+            search: (uastring) => {
+                return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+            },
+            versionRegexes: [/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, /.*cpu os ([0-9]+)_([0-9]+).*/, /.*cpu iphone os ([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Android',
+            search: checkContains('android'),
+            versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+        },
+        {
+            name: 'macOS',
+            search: checkContains('mac os x'),
+            versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+        },
+        {
+            name: 'Linux',
+            search: checkContains('linux'),
+            versionRegexes: []
+        },
+        { name: 'Solaris',
+            search: checkContains('sunos'),
+            versionRegexes: []
+        },
+        {
+            name: 'FreeBSD',
+            search: checkContains('freebsd'),
+            versionRegexes: []
+        },
+        {
+            name: 'ChromeOS',
+            search: checkContains('cros'),
+            versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+        }
+    ];
+    const PlatformInfo = {
+        browsers: constant$1(browsers),
+        oses: constant$1(oses)
+    };
+
+    const edge = 'Edge';
+    const chromium = 'Chromium';
+    const ie = 'IE';
+    const opera = 'Opera';
+    const firefox = 'Firefox';
+    const safari = 'Safari';
+    const unknown$2 = () => {
+        return nu$9({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$9 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isBrowser = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isEdge: isBrowser(edge),
+            isChromium: isBrowser(chromium),
+            // NOTE: isIe just looks too weird
+            isIE: isBrowser(ie),
+            isOpera: isBrowser(opera),
+            isFirefox: isBrowser(firefox),
+            isSafari: isBrowser(safari)
+        };
+    };
+    const Browser = {
+        unknown: unknown$2,
+        nu: nu$9,
+        edge: constant$1(edge),
+        chromium: constant$1(chromium),
+        ie: constant$1(ie),
+        opera: constant$1(opera),
+        firefox: constant$1(firefox),
+        safari: constant$1(safari)
+    };
+
+    const windows = 'Windows';
+    const ios = 'iOS';
+    const android = 'Android';
+    const linux = 'Linux';
+    const macos = 'macOS';
+    const solaris = 'Solaris';
+    const freebsd = 'FreeBSD';
+    const chromeos = 'ChromeOS';
+    // Though there is a bit of dupe with this and Browser, trying to
+    // reuse code makes it much harder to follow and change.
+    const unknown$1 = () => {
+        return nu$8({
+            current: undefined,
+            version: Version.unknown()
+        });
+    };
+    const nu$8 = (info) => {
+        const current = info.current;
+        const version = info.version;
+        const isOS = (name) => () => current === name;
+        return {
+            current,
+            version,
+            isWindows: isOS(windows),
+            // TODO: Fix capitalisation
+            isiOS: isOS(ios),
+            isAndroid: isOS(android),
+            isMacOS: isOS(macos),
+            isLinux: isOS(linux),
+            isSolaris: isOS(solaris),
+            isFreeBSD: isOS(freebsd),
+            isChromeOS: isOS(chromeos)
+        };
+    };
+    const OperatingSystem = {
+        unknown: unknown$1,
+        nu: nu$8,
+        windows: constant$1(windows),
+        ios: constant$1(ios),
+        android: constant$1(android),
+        linux: constant$1(linux),
+        macos: constant$1(macos),
+        solaris: constant$1(solaris),
+        freebsd: constant$1(freebsd),
+        chromeos: constant$1(chromeos)
+    };
+
+    const detect$2 = (userAgent, userAgentDataOpt, mediaMatch) => {
+        const browsers = PlatformInfo.browsers();
+        const oses = PlatformInfo.oses();
+        const browser = userAgentDataOpt.bind((userAgentData) => detectBrowser$1(browsers, userAgentData))
+            .orThunk(() => detectBrowser(browsers, userAgent))
+            .fold(Browser.unknown, Browser.nu);
+        const os = detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+        const deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+        return {
+            browser,
+            os,
+            deviceType
+        };
+    };
+    const PlatformDetection = {
+        detect: detect$2
+    };
+
+    const mediaMatch = (query) => window.matchMedia(query).matches;
+    // IMPORTANT: Must be in a thunk, otherwise rollup thinks calling this immediately
+    // causes side effects and won't tree shake this away
+    // Note: navigator.userAgentData is not part of the native typescript types yet
+    let platform = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from((window.navigator.userAgentData)), mediaMatch));
+    const detect$1 = () => platform();
+
+    const unsafe = (name, scope) => {
+        return resolve(name, scope);
+    };
+    const getOrDie$1 = (name, scope) => {
+        const actual = unsafe(name, scope);
+        if (actual === undefined || actual === null) {
+            throw new Error(name + ' not available on this browser');
+        }
+        return actual;
+    };
+
+    const getPrototypeOf$1 = Object.getPrototypeOf;
+    /*
+     * IE9 and above
+     *
+     * MDN no use on this one, but here's the link anyway:
+     * https://developer.mozilla.org/en/docs/Web/API/HTMLElement
+     */
+    const sandHTMLElement = (scope) => {
+        return getOrDie$1('HTMLElement', scope);
+    };
+    const isPrototypeOf = (x) => {
+        // use Resolve to get the window object for x and just return undefined if it can't find it.
+        // undefined scope later triggers using the global window.
+        const scope = resolve('ownerDocument.defaultView', x);
+        // TINY-7374: We can't rely on looking at the owner window HTMLElement as the element may have
+        // been constructed in a different window and then appended to the current window document.
+        return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf$1(x).constructor.name));
+    };
+
+    const name$3 = (element) => {
+        const r = element.dom.nodeName;
+        return r.toLowerCase();
+    };
+    const type$1 = (element) => element.dom.nodeType;
+    const isType = (t) => (element) => type$1(element) === t;
+    const isHTMLElement = (element) => isElement$1(element) && isPrototypeOf(element.dom);
+    const isElement$1 = isType(ELEMENT);
+    const isText = isType(TEXT);
+    const isDocument = isType(DOCUMENT);
+    const isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+    const isTag = (tag) => (e) => isElement$1(e) && name$3(e) === tag;
+
+    /**
+     * The document associated with the current element
+     * NOTE: this will throw if the owner is null.
+     */
+    const owner$4 = (element) => SugarElement.fromDom(element.dom.ownerDocument);
+    /**
+     * If the element is a document, return it. Otherwise, return its ownerDocument.
+     * @param dos
+     */
+    const documentOrOwner = (dos) => isDocument(dos) ? dos : owner$4(dos);
+    const documentElement = (element) => SugarElement.fromDom(documentOrOwner(element).dom.documentElement);
+    /**
+     * The window element associated with the element
+     * NOTE: this will throw if the defaultView is null.
+     */
+    const defaultView = (element) => SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    const parent = (element) => Optional.from(element.dom.parentNode)?.map(SugarElement.fromDom);
+    // Cast down to just be SugarElement<Node>
+    const parentNode = (element) => parent(element);
+    const parentElement = (element) => Optional.from(element.dom.parentElement)?.map(SugarElement.fromDom);
+    const parents = (element, isRoot) => {
+        const stop = isFunction(isRoot) ? isRoot : never;
+        // This is used a *lot* so it needs to be performant, not recursive
+        let dom = element.dom;
+        const ret = [];
+        while (dom.parentNode !== null && dom.parentNode !== undefined) {
+            const rawParent = dom.parentNode;
+            const p = SugarElement.fromDom(rawParent);
+            ret.push(p);
+            if (stop(p) === true) {
+                break;
+            }
+            else {
+                dom = rawParent;
+            }
+        }
+        return ret;
+    };
+    const offsetParent = (element) => Optional.from(element.dom.offsetParent)?.map(SugarElement.fromDom);
+    const nextSibling = (element) => Optional.from(element.dom.nextSibling)?.map(SugarElement.fromDom);
+    const children = (element) => map$2(element.dom.childNodes, SugarElement.fromDom);
+    const child$2 = (element, index) => {
+        const cs = element.dom.childNodes;
+        return Optional.from(cs[index])?.map(SugarElement.fromDom);
+    };
+    const firstChild = (element) => child$2(element, 0);
+    const spot = (element, offset) => ({
+        element,
+        offset
+    });
+    const leaf = (element, offset) => {
+        const cs = children(element);
+        return cs.length > 0 && offset < cs.length ? spot(cs[offset], 0) : spot(element, offset);
+    };
+
+    const makeRange = (start, soffset, finish, foffset) => {
+        const doc = owner$4(start);
+        // TODO: We need to think about a better place to put native range creation code. Does it even belong in sugar?
+        // Could the `Compare` checks (node.compareDocumentPosition) handle these situations better?
+        const rng = doc.dom.createRange();
+        rng.setStart(start.dom, soffset);
+        rng.setEnd(finish.dom, foffset);
+        return rng;
+    };
+    const after$2 = (start, soffset, finish, foffset) => {
+        const r = makeRange(start, soffset, finish, foffset);
+        const same = eq(start, finish) && soffset === foffset;
+        return r.collapsed && !same;
+    };
+
+    /**
+     * Is the element a ShadowRoot?
+     *
+     * Note: this is insufficient to test if any element is a shadow root, but it is sufficient to differentiate between
+     * a Document and a ShadowRoot.
+     */
+    const isShadowRoot = (dos) => isDocumentFragment(dos) && isNonNullable(dos.dom.host);
+    const getRootNode = (e) => SugarElement.fromDom(e.dom.getRootNode());
+    /** Where content needs to go. ShadowRoot or document body */
+    const getContentContainer = (dos) => 
+    // Can't use SugarBody.body without causing a circular module reference (since SugarBody.inBody uses SugarShadowDom)
+    isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
+    /** Is this element either a ShadowRoot or a descendent of a ShadowRoot. */
+    const isInShadowRoot = (e) => getShadowRoot(e).isSome();
+    /** If this element is in a ShadowRoot, return it. */
+    const getShadowRoot = (e) => {
+        const r = getRootNode(e);
+        return isShadowRoot(r) ? Optional?.some(r) : Optional.none();
+    };
+    /** Return the host of a ShadowRoot.
+     *
+     * This function will throw if Shadow DOM is unsupported in the browser, or if the host is null.
+     * If you actually have a ShadowRoot, this shouldn't happen.
+     */
+    const getShadowHost = (e) => SugarElement.fromDom(e.dom.host);
+    /**
+     * When Events bubble up through a ShadowRoot, the browser changes the target to be the shadow host.
+     * This function gets the "original" event target if possible.
+     * This only works if the shadow tree is open - if the shadow tree is closed, event.target is returned.
+     * See: https://developers.google.com/web/fundamentals/web-components/shadowdom#events
+     */
+    const getOriginalEventTarget = (event) => {
+        if (isNonNullable(event.target)) {
+            const el = SugarElement.fromDom(event.target);
+            if (isElement$1(el) && isOpenShadowHost(el)) {
+                // When target element is inside Shadow DOM we need to take first element from composedPath
+                // otherwise we'll get Shadow Root parent, not actual target element.
+                if (event.composed && event.composedPath) {
+                    const composedPath = event.composedPath();
+                    if (composedPath) {
+                        return head(composedPath);
+                    }
+                }
+            }
+        }
+        return Optional.from(event.target);
+    };
+    /** Return true if the element is a host of an open shadow root.
+     *  Return false if the element is a host of a closed shadow root, or if the element is not a host.
+     */
+    const isOpenShadowHost = (element) => isNonNullable(element.dom.shadowRoot);
+
+    const mkEvent = (target, x, y, stop, prevent, kill, raw) => ({
+        target,
+        x,
+        y,
+        stop,
+        prevent,
+        kill,
+        raw
+    });
+    /** Wraps an Event in an EventArgs structure.
+     * The returned EventArgs structure has its target set to the "original" target if possible.
+     * See SugarShadowDom.getOriginalEventTarget
+     */
+    const fromRawEvent$1 = (rawEvent) => {
+        const target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+        const stop = () => rawEvent.stopPropagation();
+        const prevent = () => rawEvent.preventDefault();
+        const kill = compose(prevent, stop); // more of a sequence than a compose, but same effect
+        // FIX: Don't just expose the raw event. Need to identify what needs standardisation.
+        return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    const handle = (filter, handler) => (rawEvent) => {
+        if (filter(rawEvent)) {
+            handler(fromRawEvent$1(rawEvent));
+        }
+    };
+    const binder = (element, event, filter, handler, useCapture) => {
+        const wrapped = handle(filter, handler);
+        // IE9 minimum
+        element.dom.addEventListener(event, wrapped, useCapture);
+        return {
+            unbind: curry(unbind, element, event, wrapped, useCapture)
+        };
+    };
+    const bind$2 = (element, event, filter, handler) => binder(element, event, filter, handler, false);
+    const capture$1 = (element, event, filter, handler) => binder(element, event, filter, handler, true);
+    const unbind = (element, event, handler, useCapture) => {
+        // IE9 minimum
+        element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    const filter = always; // no filter on plain DomEvents
+    const bind$1 = (element, event, handler) => bind$2(element, event, filter, handler);
+    const capture = (element, event, handler) => capture$1(element, event, filter, handler);
+    const fromRawEvent = fromRawEvent$1;
+
+    const getDocument = () => SugarElement.fromDom(document);
+
+    const focus$4 = (element, preventScroll = false) => element.dom.focus({ preventScroll });
+    const blur$1 = (element) => element.dom.blur();
+    const hasFocus = (element) => {
+        const root = getRootNode(element).dom;
+        return element.dom === root.activeElement;
+    };
+    // Note: assuming that activeElement will always be a HTMLElement (maybe we should add a runtime check?)
+    const active$1 = (root = getDocument()) => Optional.from(root.dom.activeElement)?.map(SugarElement.fromDom);
+    /**
+     * Return the descendant element that has focus.
+     * Use instead of SelectorFind.descendant(container, ':focus')
+     *  because the :focus selector relies on keyboard focus.
+     */
+    const search = (element) => active$1(getRootNode(element))
+        .filter((e) => element.dom.contains(e.dom));
+
+    const before$1 = (marker, element) => {
+        const parent$1 = parent(marker);
+        parent$1.each((v) => {
+            v.dom.insertBefore(element.dom, marker.dom);
+        });
+    };
+    const after$1 = (marker, element) => {
+        const sibling = nextSibling(marker);
+        sibling.fold(() => {
+            const parent$1 = parent(marker);
+            parent$1.each((v) => {
+                append$2(v, element);
+            });
+        }, (v) => {
+            before$1(v, element);
+        });
+    };
+    const prepend$1 = (parent, element) => {
+        const firstChild$1 = firstChild(parent);
+        firstChild$1.fold(() => {
+            append$2(parent, element);
+        }, (v) => {
+            parent.dom.insertBefore(element.dom, v.dom);
+        });
+    };
+    const append$2 = (parent, element) => {
+        parent.dom.appendChild(element.dom);
+    };
+    const appendAt = (parent, element, index) => {
+        child$2(parent, index).fold(() => {
+            append$2(parent, element);
+        }, (v) => {
+            before$1(v, element);
+        });
+    };
+
+    const append$1 = (parent, elements) => {
+        each$1(elements, (x) => {
+            append$2(parent, x);
+        });
+    };
+
+    const rawSet = (dom, key, value) => {
+        /*
+         * JQuery coerced everything to a string, and silently did nothing on text node/null/undefined.
+         *
+         * We fail on those invalid cases, only allowing numbers and booleans.
+         */
+        if (isString(value) || isBoolean(value) || isNumber(value)) {
+            dom.setAttribute(key, value + '');
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+            throw new Error('Attribute value was not simple');
+        }
+    };
+    const set$9 = (element, key, value) => {
+        rawSet(element.dom, key, value);
+    };
+    const setAll$1 = (element, attrs) => {
+        const dom = element.dom;
+        each(attrs, (v, k) => {
+            rawSet(dom, k, v);
+        });
+    };
+    const get$g = (element, key) => {
+        const v = element.dom.getAttribute(key);
+        // undefined is the more appropriate value for JS, and this matches JQuery
+        return v === null ? undefined : v;
+    };
+    const getOpt = (element, key) => Optional.from(get$g(element, key));
+    const has$1 = (element, key) => {
+        const dom = element.dom;
+        // return false for non-element nodes, no point in throwing an error
+        return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
+    };
+    const remove$8 = (element, key) => {
+        element.dom.removeAttribute(key);
+    };
+    const clone$2 = (element) => foldl(element.dom.attributes, (acc, attr) => {
+        acc[attr.name] = attr.value;
+        return acc;
+    }, {});
+
+    const empty = (element) => {
+        // shortcut "empty node" trick. Requires IE 9.
+        element.dom.textContent = '';
+        // If the contents was a single empty text node, the above doesn't remove it. But, it's still faster in general
+        // than removing every child node manually.
+        // The following is (probably) safe for performance as 99.9% of the time the trick works and
+        // Traverse.children will return an empty array.
+        each$1(children(element), (rogue) => {
+            remove$7(rogue);
+        });
+    };
+    const remove$7 = (element) => {
+        const dom = element.dom;
+        if (dom.parentNode !== null) {
+            dom.parentNode.removeChild(dom);
+        }
+    };
+
+    const clone$1 = (original, isDeep) => SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    /** Shallow clone - just the tag, no children */
+    const shallow = (original) => clone$1(original, false);
+    /** Deep clone - everything copied including children */
+    const deep = (original) => clone$1(original, true);
+
+    const fromHtml$1 = (html, scope) => {
+        const doc = scope || document;
+        const div = doc.createElement('div');
+        div.innerHTML = html;
+        return children(SugarElement.fromDom(div));
+    };
+
+    const get$f = (element) => element.dom.innerHTML;
+    const set$8 = (element, content) => {
+        const owner = owner$4(element);
+        const docDom = owner.dom;
+        // FireFox has *terrible* performance when using innerHTML = x
+        const fragment = SugarElement.fromDom(docDom.createDocumentFragment());
+        const contentElements = fromHtml$1(content, docDom);
+        append$1(fragment, contentElements);
+        empty(element);
+        append$2(element, fragment);
+    };
+    const getOuter$2 = (element) => {
+        const container = SugarElement.fromTag('div');
+        const clone = SugarElement.fromDom(element.dom.cloneNode(true));
+        append$2(container, clone);
+        return get$f(container);
+    };
+
+    const getHtml = (element) => {
+        if (isShadowRoot(element)) {
+            return '#shadow-root';
+        }
+        else {
+            const clone = shallow(element);
+            return getOuter$2(clone);
+        }
+    };
+
+    const image = (image) => new Promise((resolve, reject) => {
+        const loaded = () => {
+            destroy();
+            resolve(image);
+        };
+        const listeners = [
+            bind$1(image, 'load', loaded),
+            bind$1(image, 'error', () => {
+                destroy();
+                reject('Unable to load data from image: ' + image.dom.src);
+            }),
+        ];
+        const destroy = () => each$1(listeners, (l) => l.unbind());
+        if (image.dom.complete) {
+            loaded();
+        }
+    });
+
+    // some elements, such as mathml, don't have style attributes
+    // others, such as angular elements, have style attributes that aren't a CSSStyleDeclaration
+    const isSupported = (dom) => 
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+
+    // Node.contains() is very, very, very good performance
+    // http://jsperf.com/closest-vs-contains/5
+    const inBody = (element) => {
+        // Technically this is only required on IE, where contains() returns false for text nodes.
+        // But it's cheap enough to run everywhere and Sugar doesn't have platform detection (yet).
+        const dom = isText(element) ? element.dom.parentNode : element.dom;
+        // use ownerDocument.body to ensure this works inside iframes.
+        // Normally contains is bad because an element "contains" itself, but here we want that.
+        if (dom === undefined || dom === null || dom.ownerDocument === null) {
+            return false;
+        }
+        const doc = dom.ownerDocument;
+        return getShadowRoot(SugarElement.fromDom(dom)).fold(() => doc.body.contains(dom), compose1(inBody, getShadowHost));
+    };
+    const body = () => getBody(SugarElement.fromDom(document));
+    const getBody = (doc) => {
+        const b = doc.dom.body;
+        if (b === null || b === undefined) {
+            throw new Error('Body is not available yet');
+        }
+        return SugarElement.fromDom(b);
+    };
+
+    const internalSet = (dom, property, value) => {
+        // This is going to hurt. Apologies.
+        // JQuery coerces numbers to pixels for certain property names, and other times lets numbers through.
+        // we're going to be explicit; strings only.
+        if (!isString(value)) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+            throw new Error('CSS value must be a string: ' + value);
+        }
+        // removed: support for dom().style[property] where prop is camel case instead of normal property name
+        if (isSupported(dom)) {
+            dom.style.setProperty(property, value);
+        }
+    };
+    const internalRemove = (dom, property) => {
+        /*
+         * IE9 and above - MDN doesn't have details, but here's a couple of random internet claims
+         *
+         * http://help.dottoro.com/ljopsjck.php
+         * http://stackoverflow.com/a/7901886/7546
+         */
+        if (isSupported(dom)) {
+            dom.style.removeProperty(property);
+        }
+    };
+    const set$7 = (element, property, value) => {
+        const dom = element.dom;
+        internalSet(dom, property, value);
+    };
+    const setAll = (element, css) => {
+        const dom = element.dom;
+        each(css, (v, k) => {
+            internalSet(dom, k, v);
+        });
+    };
+    const setOptions = (element, css) => {
+        const dom = element.dom;
+        each(css, (v, k) => {
+            v.fold(() => {
+                internalRemove(dom, k);
+            }, (value) => {
+                internalSet(dom, k, value);
+            });
+        });
+    };
+    /*
+     * NOTE: For certain properties, this returns the "used value" which is subtly different to the "computed value" (despite calling getComputedStyle).
+     * Blame CSS 2.0.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     */
+    const get$e = (element, property) => {
+        const dom = element.dom;
+        /*
+         * IE9 and above per
+         * https://developer.mozilla.org/en/docs/Web/API/window.getComputedStyle
+         *
+         * Not in numerosity, because it doesn't memoize and looking this up dynamically in performance critical code would be horrendous.
+         *
+         * JQuery has some magic here for IE popups, but we don't really need that.
+         * It also uses element.ownerDocument.defaultView to handle iframes but that hasn't been required since FF 3.6.
+         */
+        const styles = window.getComputedStyle(dom);
+        const r = styles.getPropertyValue(property);
+        // jquery-ism: If r is an empty string, check that the element is not in a document. If it isn't, return the raw value.
+        // Turns out we do this a lot.
+        return (r === '' && !inBody(element)) ? getUnsafeProperty(dom, property) : r;
+    };
+    // removed: support for dom().style[property] where prop is camel case instead of normal property name
+    // empty string is what the browsers (IE11 and Chrome) return when the propertyValue doesn't exists.
+    const getUnsafeProperty = (dom, property) => isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    /*
+     * Gets the raw value from the style attribute. Useful for retrieving "used values" from the DOM:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
+     *
+     * Returns NONE if the property isn't set, or the value is an empty string.
+     */
+    const getRaw = (element, property) => {
+        const dom = element.dom;
+        const raw = getUnsafeProperty(dom, property);
+        return Optional.from(raw).filter((r) => r.length > 0);
+    };
+    const getAllRaw = (element) => {
+        const css = {};
+        const dom = element.dom;
+        if (isSupported(dom)) {
+            for (let i = 0; i < dom.style.length; i++) {
+                const ruleName = dom.style.item(i);
+                css[ruleName] = dom.style[ruleName];
+            }
+        }
+        return css;
+    };
+    const isValidValue$1 = (tag, property, value) => {
+        const element = SugarElement.fromTag(tag);
+        set$7(element, property, value);
+        const style = getRaw(element, property);
+        return style.isSome();
+    };
+    const remove$6 = (element, property) => {
+        const dom = element.dom;
+        internalRemove(dom, property);
+        if (is$1(getOpt(element, 'style')?.map(trim$1), '')) {
+            // No more styles left, remove the style attribute as well
+            remove$8(element, 'style');
+        }
+    };
+    /* NOTE: This function is here for the side effect it triggers.
+    The value itself is not used.
+    Be sure to not use the return value, and that it is not removed by a minifier.
+     */
+    const reflow = (e) => e.dom.offsetWidth;
+
+    const Dimension = (name, getOffset) => {
+        const set = (element, h) => {
+            if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+                throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+            }
+            const dom = element.dom;
+            if (isSupported(dom)) {
+                dom.style[name] = h + 'px';
+            }
+        };
+        /*
+         * jQuery supports querying width and height on the document and window objects.
+         *
+         * TBIO doesn't do this, so the code is removed to save space, but left here just in case.
+         */
+        /*
+        var getDocumentWidth = (element) => {
+          var dom = element.dom;
+          if (Node.isDocument(element)) {
+            var body = dom.body;
+            var doc = dom.documentElement;
+            return Math.max(
+              body.scrollHeight,
+              doc.scrollHeight,
+              body.offsetHeight,
+              doc.offsetHeight,
+              doc.clientHeight
+            );
+          }
+        };
+      
+        var getWindowWidth = (element) => {
+          var dom = element.dom;
+          if (dom.window === dom) {
+            // There is no offsetHeight on a window, so use the clientHeight of the document
+            return dom.document.documentElement.clientHeight;
+          }
+        };
+      */
+        const get = (element) => {
+            const r = getOffset(element);
+            // zero or null means non-standard or disconnected, fall back to CSS
+            if (r <= 0 || r === null) {
+                const css = get$e(element, name);
+                // ugh this feels dirty, but it saves cycles
+                return parseFloat(css) || 0;
+            }
+            return r;
+        };
+        // in jQuery, getOuter replicates (or uses) box-sizing: border-box calculations
+        // although these calculations only seem relevant for quirks mode, and edge cases TBIO doesn't rely on
+        const getOuter = get;
+        const aggregate = (element, properties) => foldl(properties, (acc, property) => {
+            const val = get$e(element, property);
+            const value = val === undefined ? 0 : parseInt(val, 10);
+            return isNaN(value) ? acc : acc + value;
+        }, 0);
+        const max = (element, value, properties) => {
+            const cumulativeInclusions = aggregate(element, properties);
+            // if max-height is 100px and your cumulativeInclusions is 150px, there is no way max-height can be 100px, so we return 0.
+            const absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+            return absoluteMax;
+        };
+        return {
+            set,
+            get,
+            getOuter,
+            aggregate,
+            max
+        };
+    };
+
+    const api$2 = Dimension('height', (element) => {
+        // getBoundingClientRect gives better results than offsetHeight for tables with captions on Firefox
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    const get$d = (element) => api$2.get(element);
+    const getOuter$1 = (element) => api$2.getOuter(element);
+    const setMax$1 = (element, value) => {
+        // These properties affect the absolute max-height, they are not counted natively, we want to include these properties.
+        const inclusions = ['margin-top', 'border-top-width', 'padding-top', 'padding-bottom', 'border-bottom-width', 'margin-bottom'];
+        const absMax = api$2.max(element, value, inclusions);
+        set$7(element, 'max-height', absMax + 'px');
+    };
+
+    const isHidden$1 = (dom) => dom.offsetWidth <= 0 && dom.offsetHeight <= 0;
+    const isVisible = (element) => !isHidden$1(element.dom);
+
+    const api$1 = Dimension('width', (element) => 
+    // IMO passing this function is better than using dom['offset' + 'width']
+    element.dom.offsetWidth);
+    const apiExact = Dimension('width', (element) => {
+        const dom = element.dom;
+        return inBody(element) ? dom.getBoundingClientRect().width : dom.offsetWidth;
+    });
+    const set$6 = (element, h) => api$1.set(element, h);
+    const get$c = (element) => api$1.get(element);
+    const getOuter = (element) => api$1.getOuter(element);
+    const getOuterExact = (element) => apiExact.getOuter(element);
+    const setMax = (element, value) => {
+        // These properties affect the absolute max-height, they are not counted natively, we want to include these properties.
+        const inclusions = ['margin-left', 'border-left-width', 'padding-left', 'padding-right', 'border-right-width', 'margin-right'];
+        const absMax = api$1.max(element, value, inclusions);
+        set$7(element, 'max-width', absMax + 'px');
+    };
+
+    const r$1 = (left, top) => {
+        const translate = (x, y) => r$1(left + x, top + y);
+        return {
+            left,
+            top,
+            translate
+        };
+    };
+    // tslint:disable-next-line:variable-name
+    const SugarPosition = r$1;
+
+    const boxPosition = (dom) => {
+        const box = dom.getBoundingClientRect();
+        return SugarPosition(box.left, box.top);
+    };
+    // Avoids falsy false fallthrough
+    const firstDefinedOrZero = (a, b) => {
+        if (a !== undefined) {
+            return a;
+        }
+        else {
+            return b !== undefined ? b : 0;
+        }
+    };
+    const absolute$3 = (element) => {
+        const doc = element.dom.ownerDocument;
+        const body = doc.body;
+        const win = doc.defaultView;
+        const html = doc.documentElement;
+        if (body === element.dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        const scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
+        const scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
+        const clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
+        const clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
+        return viewport$1(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
+    };
+    const viewport$1 = (element) => {
+        const dom = element.dom;
+        const doc = dom.ownerDocument;
+        const body = doc.body;
+        if (body === dom) {
+            return SugarPosition(body.offsetLeft, body.offsetTop);
+        }
+        if (!inBody(element)) {
+            return SugarPosition(0, 0);
+        }
+        return boxPosition(dom);
+    };
+
+    // get scroll position (x,y) relative to document _doc (or global if not supplied)
+    const get$b = (_DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        // ASSUMPTION: This is for cross-browser support, body works for Safari & EDGE, and when we have an iframe body scroller
+        const x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+        const y = doc.body.scrollTop || doc.documentElement.scrollTop;
+        return SugarPosition(x, y);
+    };
+    // Scroll content to (x,y) relative to document _doc (or global if not supplied)
+    const to = (x, y, _DOC) => {
+        const doc = _DOC !== undefined ? _DOC.dom : document;
+        const win = doc.defaultView;
+        if (win) {
+            win.scrollTo(x, y);
+        }
+    };
+
+    const NodeValue = (is, name) => {
+        const get = (element) => {
+            if (!is(element)) {
+                throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+            }
+            return getOption(element).getOr('');
+        };
+        const getOption = (element) => is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+        const set = (element, value) => {
+            if (!is(element)) {
+                throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+            }
+            element.dom.nodeValue = value;
+        };
+        return {
+            get,
+            getOption,
+            set
+        };
+    };
+
+    const api = NodeValue(isText, 'text');
+    const get$a = (element) => api.get(element);
+
+    const onDirection = (isLtr, isRtl) => (element) => getDirection(element) === 'rtl' ? isRtl : isLtr;
+    const getDirection = (element) => get$e(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+
+    // Methods for handling attributes that contain a list of values <div foo="alpha beta theta">
+    const read$2 = (element, attr) => {
+        const value = get$g(element, attr);
+        return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    const add$4 = (element, attr, id) => {
+        const old = read$2(element, attr);
+        const nu = old.concat([id]);
+        set$9(element, attr, nu.join(' '));
+        return true;
+    };
+    const remove$5 = (element, attr, id) => {
+        const nu = filter$2(read$2(element, attr), (v) => v !== id);
+        if (nu.length > 0) {
+            set$9(element, attr, nu.join(' '));
+        }
+        else {
+            remove$8(element, attr);
+        }
+        return false;
+    };
+
+    var ClosestOrAncestor = (is, ancestor, scope, a, isRoot) => {
+        if (is(scope, a)) {
+            return Optional?.some(scope);
+        }
+        else if (isFunction(isRoot) && isRoot(scope)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(scope, a, isRoot);
+        }
+    };
+
+    const ancestor$2 = (scope, predicate, isRoot) => {
+        let element = scope.dom;
+        const stop = isFunction(isRoot) ? isRoot : never;
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            if (predicate(el)) {
+                return Optional?.some(el);
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest$4 = (scope, predicate, isRoot) => {
+        // This is required to avoid ClosestOrAncestor passing the predicate to itself
+        const is = (s, test) => test(s);
+        return ClosestOrAncestor(is, ancestor$2, scope, predicate, isRoot);
+    };
+    const sibling$1 = (scope, predicate) => {
+        const element = scope.dom;
+        if (!element.parentNode) {
+            return Optional.none();
+        }
+        return child$1(SugarElement.fromDom(element.parentNode), (x) => !eq(scope, x) && predicate(x));
+    };
+    const child$1 = (scope, predicate) => {
+        const pred = (node) => predicate(SugarElement.fromDom(node));
+        const result = find$5(scope.dom.childNodes, pred);
+        return result?.map(SugarElement.fromDom);
+    };
+    const descendant$1 = (scope, predicate) => {
+        const descend = (node) => {
+            // tslint:disable-next-line:prefer-for-of
+            for (let i = 0; i < node.childNodes.length; i++) {
+                const child = SugarElement.fromDom(node.childNodes[i]);
+                if (predicate(child)) {
+                    return Optional?.some(child);
+                }
+                const res = descend(node.childNodes[i]);
+                if (res.isSome()) {
+                    return res;
+                }
+            }
+            return Optional.none();
+        };
+        return descend(scope.dom);
+    };
+
+    // TODO: An internal SelectorFilter module that doesn't SugarElement.fromDom() everything
+    const first = (selector) => one(selector);
+    const ancestor$1 = (scope, selector, isRoot) => ancestor$2(scope, (e) => is(e, selector), isRoot);
+    const sibling = (scope, selector) => sibling$1(scope, (e) => is(e, selector));
+    const child = (scope, selector) => child$1(scope, (e) => is(e, selector));
+    const descendant = (scope, selector) => one(selector, scope);
+    // Returns Some(closest ancestor element (sugared)) matching 'selector' up to isRoot, or None() otherwise
+    const closest$3 = (scope, selector, isRoot) => {
+        const is$1 = (element, selector) => is(element, selector);
+        return ClosestOrAncestor(is$1, ancestor$1, scope, selector, isRoot);
+    };
+
+    const set$5 = (element, status) => {
+        element.dom.checked = status;
+    };
+    const get$9 = (element) => element.dom.checked;
+
+    // IE11 Can return undefined for a classList on elements such as math, so we make sure it's not undefined before attempting to use it.
+    const supports = (element) => element.dom.classList !== undefined;
+    const get$8 = (element) => read$2(element, 'class');
+    const add$3 = (element, clazz) => add$4(element, 'class', clazz);
+    const remove$4 = (element, clazz) => remove$5(element, 'class', clazz);
+    const toggle$5 = (element, clazz) => {
+        if (contains$2(get$8(element), clazz)) {
+            return remove$4(element, clazz);
+        }
+        else {
+            return add$3(element, clazz);
+        }
+    };
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     *
+     * Note that IE doesn't support the second argument to toggle (at all).
+     * If it did, the toggler could be better.
+     */
+    const add$2 = (element, clazz) => {
+        if (supports(element)) {
+            element.dom.classList.add(clazz);
+        }
+        else {
+            add$3(element, clazz);
+        }
+    };
+    const cleanClass = (element) => {
+        const classList = supports(element) ? element.dom.classList : get$8(element);
+        // classList is a "live list", so this is up to date already
+        if (classList.length === 0) {
+            // No more classes left, remove the class attribute as well
+            remove$8(element, 'class');
+        }
+    };
+    const remove$3 = (element, clazz) => {
+        if (supports(element)) {
+            const classList = element.dom.classList;
+            classList.remove(clazz);
+        }
+        else {
+            remove$4(element, clazz);
+        }
+        cleanClass(element);
+    };
+    const toggle$4 = (element, clazz) => {
+        const result = supports(element) ? element.dom.classList.toggle(clazz) : toggle$5(element, clazz);
+        cleanClass(element);
+        return result;
+    };
+    const has = (element, clazz) => supports(element) && element.dom.classList.contains(clazz);
+
+    /*
+     * ClassList is IE10 minimum:
+     * https://developer.mozilla.org/en-US/docs/Web/API/Element.classList
+     */
+    const add$1 = (element, classes) => {
+        each$1(classes, (x) => {
+            add$2(element, x);
+        });
+    };
+    const remove$2 = (element, classes) => {
+        each$1(classes, (x) => {
+            remove$3(element, x);
+        });
+    };
+    const toggle$3 = (element, classes) => {
+        each$1(classes, (x) => {
+            toggle$4(element, x);
+        });
+    };
+    const hasAll = (element, classes) => forall(classes, (clazz) => has(element, clazz));
+    const getNative = (element) => {
+        const classList = element.dom.classList;
+        const r = new Array(classList.length);
+        for (let i = 0; i < classList.length; i++) {
+            const item = classList.item(i);
+            if (item !== null) {
+                r[i] = item;
+            }
+        }
+        return r;
+    };
+    const get$7 = (element) => supports(element) ? getNative(element) : get$8(element);
+
+    const get$6 = (element) => element.dom.textContent;
+
+    const get$5 = (element) => element.dom.value;
+    const set$4 = (element, value) => {
+        if (value === undefined) {
+            throw new Error('Value.set was undefined');
+        }
+        element.dom.value = value;
+    };
+
+    const ancestors = (scope, predicate, isRoot) => filter$2(parents(scope, isRoot), predicate);
+
+    const descendants = (scope, selector) => all$3(selector, scope);
+
+    const closest$2 = (scope, predicate, isRoot) => closest$4(scope, predicate, isRoot).isSome();
+
+    const closest$1 = (scope, selector, isRoot) => closest$3(scope, selector, isRoot).isSome();
+
+    const ensureIsRoot = (isRoot) => isFunction(isRoot) ? isRoot : never;
+    const ancestor = (scope, transform, isRoot) => {
+        let element = scope.dom;
+        const stop = ensureIsRoot(isRoot);
+        while (element.parentNode) {
+            element = element.parentNode;
+            const el = SugarElement.fromDom(element);
+            const transformed = transform(el);
+            if (transformed.isSome()) {
+                return transformed;
+            }
+            else if (stop(el)) {
+                break;
+            }
+        }
+        return Optional.none();
+    };
+    const closest = (scope, transform, isRoot) => {
+        const current = transform(scope);
+        const stop = ensureIsRoot(isRoot);
+        return current.orThunk(() => stop(scope) ? Optional.none() : ancestor(scope, transform, stop));
+    };
+
+    const create$5 = (start, soffset, finish, foffset) => ({
+        start,
+        soffset,
+        finish,
+        foffset
+    });
+    // tslint:disable-next-line:variable-name
+    const SimRange = {
+        create: create$5
+    };
+
+    const adt$9 = Adt.generate([
+        { before: ['element'] },
+        { on: ['element', 'offset'] },
+        { after: ['element'] }
+    ]);
+    // Probably don't need this given that we now have "match"
+    const cata$2 = (subject, onBefore, onOn, onAfter) => subject.fold(onBefore, onOn, onAfter);
+    const getStart$1 = (situ) => situ.fold(identity, identity, identity);
+    const before = adt$9.before;
+    const on$1 = adt$9.on;
+    const after = adt$9.after;
+    // tslint:disable-next-line:variable-name
+    const Situ = {
+        before,
+        on: on$1,
+        after,
+        cata: cata$2,
+        getStart: getStart$1
+    };
+
+    // Consider adding a type for "element"
+    const adt$8 = Adt.generate([
+        { domRange: ['rng'] },
+        { relative: ['startSitu', 'finishSitu'] },
+        { exact: ['start', 'soffset', 'finish', 'foffset'] }
+    ]);
+    const exactFromRange = (simRange) => adt$8.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    const getStart = (selection) => selection.match({
+        domRange: (rng) => SugarElement.fromDom(rng.startContainer),
+        relative: (startSitu, _finishSitu) => Situ.getStart(startSitu),
+        exact: (start, _soffset, _finish, _foffset) => start
+    });
+    const domRange = adt$8.domRange;
+    const relative$1 = adt$8.relative;
+    const exact = adt$8.exact;
+    const getWin = (selection) => {
+        const start = getStart(selection);
+        return defaultView(start);
+    };
+    // This is out of place but it's API so I can't remove it
+    const range$1 = SimRange.create;
+    // tslint:disable-next-line:variable-name
+    const SimSelection = {
+        domRange,
+        relative: relative$1,
+        exact,
+        exactFromRange,
+        getWin,
+        range: range$1
+    };
+
+    const getNativeSelection = (win) => Optional.from(win.getSelection());
+    // NOTE: We are still reading the range because it gives subtly different behaviour
+    // than using the anchorNode and focusNode. I'm not sure if this behaviour is any
+    // better or worse; it's just different.
+    const readRange = (selection) => {
+        if (selection.rangeCount > 0) {
+            const firstRng = selection.getRangeAt(0);
+            const lastRng = selection.getRangeAt(selection.rangeCount - 1);
+            return Optional?.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const doGetExact = (selection) => {
+        if (selection.anchorNode === null || selection.focusNode === null) {
+            return readRange(selection);
+        }
+        else {
+            const anchor = SugarElement.fromDom(selection.anchorNode);
+            const focus = SugarElement.fromDom(selection.focusNode);
+            // if this returns true anchor is _after_ focus, so we need a custom selection object to maintain the RTL selection
+            return after$2(anchor, selection.anchorOffset, focus, selection.focusOffset) ? Optional?.some(SimRange.create(anchor, selection.anchorOffset, focus, selection.focusOffset)) : readRange(selection);
+        }
+    };
+    const getExact = (win) => 
+    // We want to retrieve the selection as it is.
+    getNativeSelection(win)
+        .filter((sel) => sel.rangeCount > 0)
+        .bind(doGetExact);
+    const getFirstRect = (win, selection) => {
+        const rng = asLtrRange(win, selection);
+        return getFirstRect$1(rng);
+    };
+    const getBounds$2 = (win, selection) => {
+        const rng = asLtrRange(win, selection);
+        return getBounds$3(rng);
+    };
+
+    const units = {
+        // we don't really support all of these different ways to express a length
+        unsupportedLength: [
+            'em',
+            'ex',
+            'cap',
+            'ch',
+            'ic',
+            'rem',
+            'lh',
+            'rlh',
+            'vw',
+            'vh',
+            'vi',
+            'vb',
+            'vmin',
+            'vmax',
+            'cm',
+            'mm',
+            'Q',
+            'in',
+            'pc',
+            'pt',
+            'px'
+        ],
+        // these are the length values we do support
+        fixed: ['px', 'pt'],
+        relative: ['%'],
+        empty: ['']
+    };
+    // Built from https://tc39.es/ecma262/#prod-StrDecimalLiteral
+    // Matches a float followed by a trailing set of characters
+    const pattern = (() => {
+        const decimalDigits = '[0-9]+';
+        const signedInteger = '[+-]?' + decimalDigits;
+        const exponentPart = '[eE]' + signedInteger;
+        const dot = '\\.';
+        const opt = (input) => `(?:${input})?`;
+        const unsignedDecimalLiteral = [
+            'Infinity',
+            decimalDigits + dot + opt(decimalDigits) + opt(exponentPart),
+            dot + decimalDigits + opt(exponentPart),
+            decimalDigits + opt(exponentPart)
+        ].join('|');
+        const float = `[+-]?(?:${unsignedDecimalLiteral})`;
+        return new RegExp(`^(${float})(.*)$`);
+    })();
+    const isUnit = (unit, accepted) => exists(accepted, (acc) => exists(units[acc], (check) => unit === check));
+    const parse = (input, accepted) => {
+        const match = Optional.from(pattern.exec(input));
+        return match.bind((array) => {
+            const value = Number(array[1]);
+            const unitRaw = array[2];
+            if (isUnit(unitRaw, accepted)) {
+                return Optional?.some({
+                    value,
+                    unit: unitRaw
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        });
+    };
+    const normalise = (input, accepted) => parse(input, accepted)?.map(({ value, unit }) => value + unit);
+
+    const get$4 = (_win) => {
+        const win = _win === undefined ? window : _win;
+        if (detect$1().browser.isFirefox()) {
+            // TINY-7984: Firefox 91 is returning incorrect values for visualViewport.pageTop, so disable it for now
+            return Optional.none();
+        }
+        else {
+            return Optional.from(win.visualViewport);
+        }
+    };
+    const bounds$1 = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height,
+        right: x + width,
+        bottom: y + height
+    });
+    const getBounds$1 = (_win) => {
+        const win = _win === undefined ? window : _win;
+        const doc = win.document;
+        const scroll = get$b(SugarElement.fromDom(doc));
+        return get$4(win).fold(() => {
+            const html = win.document.documentElement;
+            // Don't use window.innerWidth/innerHeight here, as we don't want to include scrollbars
+            // since the right/bottom position is based on the edge of the scrollbar not the window
+            const width = html.clientWidth;
+            const height = html.clientHeight;
+            return bounds$1(scroll.left, scroll.top, width, height);
+        }, (visualViewport) => 
+        // iOS doesn't update the pageTop/pageLeft when element.scrollIntoView() is called, so we need to fallback to the
+        // scroll position which will always be less than the page top/left values when page top/left are accurate/correct.
+        bounds$1(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height));
+    };
+
+    const walkUp = (navigation, doc) => {
+        const frame = navigation.view(doc);
+        return frame.fold(constant$1([]), (f) => {
+            const parent = navigation.owner(f);
+            const rest = walkUp(navigation, parent);
+            return [f].concat(rest);
+        });
+    };
+    // TODO: Why is this an option if it is always some?
+    const pathTo = (element, navigation) => {
+        const d = navigation.owner(element);
+        const paths = walkUp(navigation, d);
+        return Optional?.some(paths);
+    };
+
+    const view = (doc) => {
+        var _a;
+        // Only walk up to the document this script is defined in.
+        // This prevents walking up to the parent window when the editor is in an iframe.
+        const element = doc.dom === document ? Optional.none() : Optional.from((_a = doc.dom.defaultView) === null || _a === void 0 ? void 0 : _a.frameElement);
+        return element?.map(SugarElement.fromDom);
+    };
+    const owner$3 = (element) => owner$4(element);
+
+    var Navigation = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        view: view,
+        owner: owner$3
+    });
+
+    const find$2 = (element) => {
+        const doc = getDocument();
+        const scroll = get$b(doc);
+        // Get the path of iframe elements to this element.
+        const path = pathTo(element, Navigation);
+        return path.fold(curry(absolute$3, element), (frames) => {
+            const offset = viewport$1(element);
+            const r = foldr(frames, (b, a) => {
+                const loc = viewport$1(a);
+                return {
+                    left: b.left + loc.left,
+                    top: b.top + loc.top
+                };
+            }, { left: 0, top: 0 });
+            return SugarPosition(r.left + offset.left + scroll.left, r.top + offset.top + scroll.top);
+        });
+    };
+
+    const pointed = (point, width, height) => ({
+        point,
+        width,
+        height
+    });
+    const rect = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height
+    });
+    const bounds = (x, y, width, height) => ({
+        x,
+        y,
+        width,
+        height,
+        right: x + width,
+        bottom: y + height
+    });
+    const box$1 = (element) => {
+        const xy = absolute$3(element);
+        const w = getOuter(element);
+        const h = getOuter$1(element);
+        return bounds(xy.left, xy.top, w, h);
+    };
+    // NOTE: We used to use AriaFocus.preserve here, but there is no reason to do that now that
+    // we are not changing the visibility of the element. Hopefully (2015-09-29).
+    const absolute$2 = (element) => {
+        const position = find$2(element);
+        const width = getOuter(element);
+        const height = getOuter$1(element);
+        return bounds(position.left, position.top, width, height);
+    };
+    const constrain = (original, constraint) => {
+        const left = Math.max(original.x, constraint.x);
+        const top = Math.max(original.y, constraint.y);
+        const right = Math.min(original.right, constraint.right);
+        const bottom = Math.min(original.bottom, constraint.bottom);
+        const width = right - left;
+        const height = bottom - top;
+        return bounds(left, top, width, height);
+    };
+    const constrainByMany = (original, constraints) => {
+        return foldl(constraints, (acc, c) => constrain(acc, c), original);
+    };
+    const win = () => getBounds$1(window);
+
+    const isSource = (component, simulatedEvent) => eq(component.element, simulatedEvent.event.target);
+
+    const getOffsetParent = (element) => {
+        // Firefox sets the offsetParent to the body when fixed instead of null like
+        // all other browsers. So we need to check if the element is fixed and if so then
+        // disregard the elements offsetParent.
+        const isFixed = is$1(getRaw(element, 'position'), 'fixed');
+        const offsetParent$1 = isFixed ? Optional.none() : offsetParent(element);
+        return offsetParent$1.orThunk(() => {
+            const marker = SugarElement.fromTag('span');
+            // PERFORMANCE: Append the marker to the parent element, as adding it before the current element will
+            // trigger the styles to be recalculated which is a little costly (particularly in scroll/resize events)
+            return parent(element).bind((parent) => {
+                append$2(parent, marker);
+                const offsetParent$1 = offsetParent(marker);
+                remove$7(marker);
+                return offsetParent$1;
+            });
+        });
+    };
+    /*
+     * This allows the absolute coordinates to be obtained by adding the
+     * origin to the offset coordinates and not needing to know scroll.
+     */
+    const getOrigin = (element) => getOffsetParent(element)?.map(absolute$3).getOrThunk(() => SugarPosition(0, 0));
+
+    const describedBy = (describedElement, describeElement) => {
+        const describeId = Optional.from(get$g(describedElement, 'id'))
+            .getOrThunk(() => {
+            const id = generate$6('aria');
+            set$9(describeElement, 'id', id);
+            return id;
+        });
+        set$9(describedElement, 'aria-describedby', describeId);
+    };
+    const remove$1 = (describedElement) => {
+        remove$8(describedElement, 'aria-describedby');
+    };
+
+    var SimpleResultType;
+    (function (SimpleResultType) {
+        SimpleResultType[SimpleResultType["Error"] = 0] = "Error";
+        SimpleResultType[SimpleResultType["Value"] = 1] = "Value";
+    })(SimpleResultType || (SimpleResultType = {}));
+    const fold$1 = (res, onError, onValue) => res.stype === SimpleResultType.Error ? onError(res.serror) : onValue(res.svalue);
+    const partition$1 = (results) => {
+        const values = [];
+        const errors = [];
+        each$1(results, (obj) => {
+            fold$1(obj, (err) => errors.push(err), (val) => values.push(val));
+        });
+        return { values, errors };
+    };
+    const mapError = (res, f) => {
+        if (res.stype === SimpleResultType.Error) {
+            return { stype: SimpleResultType.Error, serror: f(res.serror) };
+        }
+        else {
+            return res;
+        }
+    };
+    const map = (res, f) => {
+        if (res.stype === SimpleResultType.Value) {
+            return { stype: SimpleResultType.Value, svalue: f(res.svalue) };
+        }
+        else {
+            return res;
+        }
+    };
+    const bind = (res, f) => {
+        if (res.stype === SimpleResultType.Value) {
+            return f(res.svalue);
+        }
+        else {
+            return res;
+        }
+    };
+    const bindError = (res, f) => {
+        if (res.stype === SimpleResultType.Error) {
+            return f(res.serror);
+        }
+        else {
+            return res;
+        }
+    };
+    const svalue = (v) => ({ stype: SimpleResultType.Value, svalue: v });
+    const serror = (e) => ({ stype: SimpleResultType.Error, serror: e });
+    const toResult$1 = (res) => fold$1(res, Result.error, Result.value);
+    const fromResult = (res) => res.fold(serror, svalue);
+    const SimpleResult = {
+        fromResult,
+        toResult: toResult$1,
+        svalue,
+        partition: partition$1,
+        serror,
+        bind,
+        bindError,
+        map,
+        mapError,
+        fold: fold$1
+    };
+
+    const formatObj = (input) => {
+        return isObject(input) && keys(input).length > 100 ? ' removed due to size' : JSON.stringify(input, null, 2);
+    };
+    const formatErrors = (errors) => {
+        const es = errors.length > 10 ? errors.slice(0, 10).concat([
+            {
+                path: [],
+                getErrorInfo: constant$1('... (only showing first ten failures)')
+            }
+        ]) : errors;
+        // TODO: Work out a better split between PrettyPrinter and SchemaError
+        return map$2(es, (e) => {
+            return 'Failed path: (' + e.path.join(' > ') + ')\n' + e.getErrorInfo();
+        });
+    };
+
+    const nu$7 = (path, getErrorInfo) => {
+        return SimpleResult.serror([{
+                path,
+                // This is lazy so that it isn't calculated unnecessarily
+                getErrorInfo
+            }]);
+    };
+    const missingRequired = (path, key, obj) => nu$7(path, () => 'Could not find valid *required* value for "' + key + '" in ' + formatObj(obj));
+    const missingKey = (path, key) => nu$7(path, () => 'Choice schema did not contain choice key: "' + key + '"');
+    const missingBranch = (path, branches, branch) => nu$7(path, () => 'The chosen schema: "' + branch + '" did not exist in branches: ' + formatObj(branches));
+    const unsupportedFields = (path, unsupported) => nu$7(path, () => 'There are unsupported fields: [' + unsupported.join(', ') + '] specified');
+    const custom = (path, err) => nu$7(path, constant$1(err));
+
+    const value$1 = (validator) => {
+        const extract = (path, val) => {
+            return SimpleResult.bindError(validator(val), (err) => custom(path, err));
+        };
+        const toString = constant$1('val');
+        return {
+            extract,
+            toString
+        };
+    };
+    const anyValue$1 = value$1(SimpleResult.svalue);
+
+    const anyValue = constant$1(anyValue$1);
+    const typedValue = (validator, expectedType) => value$1((a) => {
+        const actualType = typeof a;
+        return validator(a) ? SimpleResult.svalue(a) : SimpleResult.serror(`Expected type: ${expectedType} but got: ${actualType}`);
+    });
+    const number = typedValue(isNumber, 'number');
+    const string = typedValue(isString, 'string');
+    const boolean = typedValue(isBoolean, 'boolean');
+    const functionProcessor = typedValue(isFunction, 'function');
+    // Test if a value can be copied by the structured clone algorithm and hence sendable via postMessage
+    // https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm
+    // from https://stackoverflow.com/a/32673910/7377237 with adjustments for typescript
+    const isPostMessageable = (val) => {
+        if (Object(val) !== val) { // Primitive value
+            return true;
+        }
+        switch ({}.toString.call(val).slice(8, -1)) { // Class
+            case 'Boolean':
+            case 'Number':
+            case 'String':
+            case 'Date':
+            case 'RegExp':
+            case 'Blob':
+            case 'FileList':
+            case 'ImageData':
+            case 'ImageBitmap':
+            case 'ArrayBuffer':
+                return true;
+            case 'Array':
+            case 'Object':
+                return Object.keys(val).every((prop) => isPostMessageable(val[prop]));
+            default:
+                return false;
+        }
+    };
+    const postMessageable = value$1((a) => {
+        if (isPostMessageable(a)) {
+            return SimpleResult.svalue(a);
+        }
+        else {
+            return SimpleResult.serror('Expected value to be acceptable for sending via postMessage');
+        }
+    });
+
+    const required$2 = () => ({ tag: "required" /* FieldPresenceTag.Required */, process: {} });
+    const defaultedThunk = (fallbackThunk) => ({ tag: "defaultedThunk" /* FieldPresenceTag.DefaultedThunk */, process: fallbackThunk });
+    const defaulted$1 = (fallback) => defaultedThunk(constant$1(fallback));
+    const asOption = () => ({ tag: "option" /* FieldPresenceTag.Option */, process: {} });
+    const mergeWithThunk = (baseThunk) => ({ tag: "mergeWithThunk" /* FieldPresenceTag.MergeWithThunk */, process: baseThunk });
+    const mergeWith = (base) => mergeWithThunk(constant$1(base));
+
+    const field$2 = (key, newKey, presence, prop) => ({ tag: "field" /* FieldTag.Field */, key, newKey, presence, prop });
+    const customField$1 = (newKey, instantiator) => ({ tag: "custom" /* FieldTag.CustomField */, newKey, instantiator });
+    const fold = (value, ifField, ifCustom) => {
+        switch (value.tag) {
+            case "field" /* FieldTag.Field */:
+                return ifField(value.key, value.newKey, value.presence, value.prop);
+            case "custom" /* FieldTag.CustomField */:
+                return ifCustom(value.newKey, value.instantiator);
+        }
+    };
+
+    const mergeValues$1 = (values, base) => values.length > 0 ? SimpleResult.svalue(deepMerge(base, merge$1.apply(undefined, values))) : SimpleResult.svalue(base);
+    const mergeErrors$1 = (errors) => compose(SimpleResult.serror, flatten)(errors);
+    const consolidateObj = (objects, base) => {
+        const partition = SimpleResult.partition(objects);
+        return partition.errors.length > 0 ? mergeErrors$1(partition.errors) : mergeValues$1(partition.values, base);
+    };
+    const consolidateArr = (objects) => {
+        const partitions = SimpleResult.partition(objects);
+        return partitions.errors.length > 0 ? mergeErrors$1(partitions.errors) : SimpleResult.svalue(partitions.values);
+    };
+    const ResultCombine = {
+        consolidateObj,
+        consolidateArr
+    };
+
+    const requiredAccess = (path, obj, key, bundle) => 
+    // In required mode, if it is undefined, it is an error.
+    get$h(obj, key).fold(() => missingRequired(path, key, obj), bundle);
+    const fallbackAccess = (obj, key, fallback, bundle) => {
+        const v = get$h(obj, key).getOrThunk(() => fallback(obj));
+        return bundle(v);
+    };
+    const optionAccess = (obj, key, bundle) => bundle(get$h(obj, key));
+    const optionDefaultedAccess = (obj, key, fallback, bundle) => {
+        const opt = get$h(obj, key)?.map((val) => val === true ? fallback(obj) : val);
+        return bundle(opt);
+    };
+    const extractField = (field, path, obj, key, prop) => {
+        const bundle = (av) => prop.extract(path.concat([key]), av);
+        const bundleAsOption = (optValue) => optValue.fold(() => SimpleResult.svalue(Optional.none()), (ov) => {
+            const result = prop.extract(path.concat([key]), ov);
+            return SimpleResult?.map(result, Optional.some);
+        });
+        switch (field.tag) {
+            case "required" /* FieldPresenceTag.Required */:
+                return requiredAccess(path, obj, key, bundle);
+            case "defaultedThunk" /* FieldPresenceTag.DefaultedThunk */:
+                return fallbackAccess(obj, key, field.process, bundle);
+            case "option" /* FieldPresenceTag.Option */:
+                return optionAccess(obj, key, bundleAsOption);
+            case "defaultedOptionThunk" /* FieldPresenceTag.DefaultedOptionThunk */:
+                return optionDefaultedAccess(obj, key, field.process, bundleAsOption);
+            case "mergeWithThunk" /* FieldPresenceTag.MergeWithThunk */: {
+                return fallbackAccess(obj, key, constant$1({}), (v) => {
+                    const result = deepMerge(field.process(obj), v);
+                    return bundle(result);
+                });
+            }
+        }
+    };
+    const extractFields = (path, obj, fields) => {
+        const success = {};
+        const errors = [];
+        // PERFORMANCE: We use a for loop here instead of Arr.each as this is a hot code path
+        for (const field of fields) {
+            fold(field, (key, newKey, presence, prop) => {
+                const result = extractField(presence, path, obj, key, prop);
+                SimpleResult.fold(result, (err) => {
+                    errors.push(...err);
+                }, (res) => {
+                    success[newKey] = res;
+                });
+            }, (newKey, instantiator) => {
+                success[newKey] = instantiator(obj);
+            });
+        }
+        return errors.length > 0 ? SimpleResult.serror(errors) : SimpleResult.svalue(success);
+    };
+    const valueThunk = (getDelegate) => {
+        const extract = (path, val) => getDelegate().extract(path, val);
+        const toString = () => getDelegate().toString();
+        return {
+            extract,
+            toString
+        };
+    };
+    // This is because Obj.keys can return things where the key is set to undefined.
+    const getSetKeys = (obj) => keys(filter$1(obj, isNonNullable));
+    const objOfOnly = (fields) => {
+        const delegate = objOf(fields);
+        const fieldNames = foldr(fields, (acc, value) => {
+            return fold(value, (key) => deepMerge(acc, { [key]: true }), constant$1(acc));
+        }, {});
+        const extract = (path, o) => {
+            const keys = isBoolean(o) ? [] : getSetKeys(o);
+            const extra = filter$2(keys, (k) => !hasNonNullableKey(fieldNames, k));
+            return extra.length === 0 ? delegate.extract(path, o) : unsupportedFields(path, extra);
+        };
+        return {
+            extract,
+            toString: delegate.toString
+        };
+    };
+    const objOf = (values) => {
+        const extract = (path, o) => extractFields(path, o, values);
+        const toString = () => {
+            const fieldStrings = map$2(values, (value) => fold(value, (key, _okey, _presence, prop) => key + ' -> ' + prop.toString(), (newKey, _instantiator) => 'state(' + newKey + ')'));
+            return 'obj{\n' + fieldStrings.join('\n') + '}';
+        };
+        return {
+            extract,
+            toString
+        };
+    };
+    const arrOf = (prop) => {
+        const extract = (path, array) => {
+            const results = map$2(array, (a, i) => prop.extract(path.concat(['[' + i + ']']), a));
+            return ResultCombine.consolidateArr(results);
+        };
+        const toString = () => 'array(' + prop.toString() + ')';
+        return {
+            extract,
+            toString
+        };
+    };
+    const oneOf = (props, rawF) => {
+        // If f is not supplied, then use identity.
+        const f = rawF !== undefined ? rawF : identity;
+        const extract = (path, val) => {
+            const errors = [];
+            // Return on first match
+            for (const prop of props) {
+                const res = prop.extract(path, val);
+                if (res.stype === SimpleResultType.Value) {
+                    return {
+                        stype: SimpleResultType.Value,
+                        svalue: f(res.svalue)
+                    };
+                }
+                errors.push(res);
+            }
+            // All failed, return errors
+            return ResultCombine.consolidateArr(errors);
+        };
+        const toString = () => 'oneOf(' + map$2(props, (prop) => prop.toString()).join(', ') + ')';
+        return {
+            extract,
+            toString
+        };
+    };
+    const setOf$1 = (validator, prop) => {
+        const validateKeys = (path, keys) => arrOf(value$1(validator)).extract(path, keys);
+        const extract = (path, o) => {
+            //
+            const keys$1 = keys(o);
+            const validatedKeys = validateKeys(path, keys$1);
+            return SimpleResult.bind(validatedKeys, (validKeys) => {
+                const schema = map$2(validKeys, (vk) => {
+                    return field$2(vk, vk, required$2(), prop);
+                });
+                return objOf(schema).extract(path, o);
+            });
+        };
+        const toString = () => 'setOf(' + prop.toString() + ')';
+        return {
+            extract,
+            toString
+        };
+    };
+    const thunk = (_desc, processor) => {
+        const getP = cached(processor);
+        const extract = (path, val) => getP().extract(path, val);
+        const toString = () => getP().toString();
+        return {
+            extract,
+            toString
+        };
+    };
+    const arrOfObj = compose(arrOf, objOf);
+
+    const chooseFrom = (path, input, branches, ch) => {
+        const fields = get$h(branches, ch);
+        return fields.fold(() => missingBranch(path, branches, ch), (vp) => vp.extract(path.concat(['branch: ' + ch]), input));
+    };
+    // The purpose of choose is to have a key which picks which of the schemas to follow.
+    // The key will index into the object of schemas: branches
+    const choose$2 = (key, branches) => {
+        const extract = (path, input) => {
+            const choice = get$h(input, key);
+            return choice.fold(() => missingKey(path, key), (chosen) => chooseFrom(path, input, branches, chosen));
+        };
+        const toString = () => 'chooseOn(' + key + '). Possible values: ' + keys(branches);
+        return {
+            extract,
+            toString
+        };
+    };
+
+    const arrOfVal = () => arrOf(anyValue$1);
+    const valueOf = (validator) => value$1((v) => validator(v).fold(SimpleResult.serror, SimpleResult.svalue));
+    const setOf = (validator, prop) => setOf$1((v) => SimpleResult.fromResult(validator(v)), prop);
+    const extractValue = (label, prop, obj) => {
+        const res = prop.extract([label], obj);
+        return SimpleResult.mapError(res, (errs) => ({ input: obj, errors: errs }));
+    };
+    const asRaw = (label, prop, obj) => SimpleResult.toResult(extractValue(label, prop, obj));
+    const getOrDie = (extraction) => {
+        return extraction.fold((errInfo) => {
+            // A readable version of the error.
+            throw new Error(formatError(errInfo));
+        }, identity);
+    };
+    const asRawOrDie$1 = (label, prop, obj) => getOrDie(asRaw(label, prop, obj));
+    const formatError = (errInfo) => {
+        return 'Errors: \n' + formatErrors(errInfo.errors).join('\n') +
+            '\n\nInput object: ' + formatObj(errInfo.input);
+    };
+    const choose$1 = (key, branches) => choose$2(key, map$1(branches, objOf));
+    const thunkOf = (desc, schema) => thunk(desc, schema);
+
+    const field$1 = field$2;
+    const customField = customField$1;
+    const validateEnum = (values) => valueOf((value) => contains$2(values, value) ?
+        Result.value(value) :
+        Result.error(`Unsupported value: "${value}", choose one of "${values.join(', ')}".`));
+    const required$1 = (key) => field$1(key, key, required$2(), anyValue());
+    const requiredOf = (key, schema) => field$1(key, key, required$2(), schema);
+    const requiredNumber = (key) => requiredOf(key, number);
+    const requiredString = (key) => requiredOf(key, string);
+    const requiredStringEnum = (key, values) => field$1(key, key, required$2(), validateEnum(values));
+    const requiredFunction = (key) => requiredOf(key, functionProcessor);
+    const forbid = (key, message) => field$1(key, key, asOption(), value$1((_v) => SimpleResult.serror('The field: ' + key + ' is forbidden. ' + message)));
+    const requiredObjOf = (key, objSchema) => field$1(key, key, required$2(), objOf(objSchema));
+    const requiredArrayOfObj = (key, objFields) => field$1(key, key, required$2(), arrOfObj(objFields));
+    const requiredArrayOf = (key, schema) => field$1(key, key, required$2(), arrOf(schema));
+    const option$3 = (key) => field$1(key, key, asOption(), anyValue());
+    const optionOf = (key, schema) => field$1(key, key, asOption(), schema);
+    const optionNumber = (key) => optionOf(key, number);
+    const optionString = (key) => optionOf(key, string);
+    const optionStringEnum = (key, values) => optionOf(key, validateEnum(values));
+    const optionFunction = (key) => optionOf(key, functionProcessor);
+    const optionArrayOf = (key, schema) => optionOf(key, arrOf(schema));
+    const optionObjOf = (key, objSchema) => optionOf(key, objOf(objSchema));
+    const optionObjOfOnly = (key, objSchema) => optionOf(key, objOfOnly(objSchema));
+    const defaulted = (key, fallback) => field$1(key, key, defaulted$1(fallback), anyValue());
+    const defaultedOf = (key, fallback, schema) => field$1(key, key, defaulted$1(fallback), schema);
+    const defaultedNumber = (key, fallback) => defaultedOf(key, fallback, number);
+    const defaultedString = (key, fallback) => defaultedOf(key, fallback, string);
+    const defaultedStringEnum = (key, fallback, values) => defaultedOf(key, fallback, validateEnum(values));
+    const defaultedBoolean = (key, fallback) => defaultedOf(key, fallback, boolean);
+    const defaultedFunction = (key, fallback) => defaultedOf(key, fallback, functionProcessor);
+    const defaultedPostMsg = (key, fallback) => defaultedOf(key, fallback, postMessageable);
+    const defaultedArrayOf = (key, fallback, schema) => defaultedOf(key, fallback, arrOf(schema));
+    const defaultedObjOf = (key, fallback, objSchema) => defaultedOf(key, fallback, objOf(objSchema));
+
+    const exclude$1 = (obj, fields) => {
+        const r = {};
+        each(obj, (v, k) => {
+            if (!contains$2(fields, k)) {
+                r[k] = v;
+            }
+        });
+        return r;
+    };
+
+    const wrap$1 = (key, value) => ({ [key]: value });
+    const wrapAll$1 = (keyvalues) => {
+        const r = {};
+        each$1(keyvalues, (kv) => {
+            r[kv.key] = kv.value;
+        });
+        return r;
+    };
+
+    const exclude = (obj, fields) => exclude$1(obj, fields);
+    const wrap = (key, value) => wrap$1(key, value);
+    const wrapAll = (keyvalues) => wrapAll$1(keyvalues);
+    const mergeValues = (values, base) => {
+        return values.length === 0 ? Result.value(base) : Result.value(deepMerge(base, merge$1.apply(undefined, values))
+        // Merger.deepMerge.apply(undefined, [ base ].concat(values))
+        );
+    };
+    const mergeErrors = (errors) => Result.error(flatten(errors));
+    const consolidate = (objs, base) => {
+        const partitions = partition$2(objs);
+        return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : mergeValues(partitions.values, base);
+    };
+
+    const constant = constant$1;
+    const touchstart = constant('touchstart');
+    const touchmove = constant('touchmove');
+    const touchend = constant('touchend');
+    const touchcancel = constant('touchcancel');
+    const mousedown = constant('mousedown');
+    const mousemove = constant('mousemove');
+    const mouseout = constant('mouseout');
+    const mouseup = constant('mouseup');
+    const mouseover = constant('mouseover');
+    // Not really a native event as it has to be simulated
+    const focusin = constant('focusin');
+    const focusout = constant('focusout');
+    const keydown = constant('keydown');
+    const keyup = constant('keyup');
+    const input = constant('input');
+    const change = constant('change');
+    const click = constant('click');
+    const transitioncancel = constant('transitioncancel');
+    const transitionend = constant('transitionend');
+    const transitionstart = constant('transitionstart');
+    const selectstart = constant('selectstart');
+
+    const prefixName = (name) => constant$1('alloy.' + name);
+    const alloy = { tap: prefixName('tap') };
+    // This is used to pass focus to a component. A component might interpret
+    // this event and pass the DOM focus to one of its children, depending on its
+    // focus model.
+    const focus$3 = prefixName('focus');
+    // This event is fired a small amount of time after the blur has fired. This
+    // allows the handler to know what was the focused element, and what is now.
+    const postBlur = prefixName('blur.post');
+    // This event is fired a small amount of time after the paste event has fired.
+    const postPaste = prefixName('paste.post');
+    // This event is fired by gui.broadcast*. It is defined by 'receivers'
+    const receive = prefixName('receive');
+    // This event is for executing buttons and things that have (mostly) enter actions
+    const execute$5 = prefixName('execute');
+    // This event is used by a menu to tell an item to focus itself because it has been
+    // selected. This might automatically focus inside the item, it might focus the outer
+    // part of the widget etc.
+    const focusItem = prefixName('focus.item');
+    // This event represents a touchstart and touchend on the same location, and fires on
+    // the touchend
+    const tap = alloy.tap;
+    // This event represents a longpress on the same location
+    const longpress = prefixName('longpress');
+    // Fire by a child element to tell the outer element to close
+    const sandboxClose = prefixName('sandbox.close');
+    // Tell the typeahead to cancel any pending fetches (that haven't already executed)
+    const typeaheadCancel = prefixName('typeahead.cancel');
+    // Fired when adding to a world
+    const systemInit = prefixName('system.init');
+    // Fired when a touchmove on the document happens
+    const documentTouchmove = prefixName('system.touchmove');
+    // Fired when a touchend on the document happens
+    const documentTouchend = prefixName('system.touchend');
+    // Fired when the window scrolls
+    const windowScroll = prefixName('system.scroll');
+    // Fired when the window resizes
+    const windowResize = prefixName('system.resize');
+    const attachedToDom = prefixName('system.attached');
+    const detachedFromDom = prefixName('system.detached');
+    const dismissRequested = prefixName('system.dismissRequested');
+    const repositionRequested = prefixName('system.repositionRequested');
+    const focusShifted = prefixName('focusmanager.shifted');
+    // Fired when slots are made hidden/shown
+    const slotVisibility = prefixName('slotcontainer.visibility');
+    // Used for containers outside the mothership that scroll. Used by docking.
+    const externalElementScroll = prefixName('system.external.element.scroll');
+    const changeTab = prefixName('change.tab');
+    const dismissTab = prefixName('dismiss.tab');
+    const highlight$1 = prefixName('highlight');
+    const dehighlight$1 = prefixName('dehighlight');
+
+    const element = (elem) => getHtml(elem);
+
+    const unknown = 'unknown';
+    /*
+      typescipt qwerk:
+      const debugging: boolean = true;
+      if (boolean === false) {  -> this throws a type error! // TS2365:Operator '===' cannot be applied to types 'false' and 'true'
+        https://www.typescriptlang.org/play/#src=const%20foo%3A%20boolean%20%3D%20true%3B%0D%0A%0D%0Aif%20(foo%20%3D%3D%3D%20false)%20%7B%0D%0A%20%20%20%20%0D%0A%7D
+      }
+    */
+    const debugging = true;
+    var EventConfiguration;
+    (function (EventConfiguration) {
+        EventConfiguration[EventConfiguration["STOP"] = 0] = "STOP";
+        EventConfiguration[EventConfiguration["NORMAL"] = 1] = "NORMAL";
+        EventConfiguration[EventConfiguration["LOGGING"] = 2] = "LOGGING";
+    })(EventConfiguration || (EventConfiguration = {}));
+    const eventConfig = Cell({});
+    const makeEventLogger = (eventName, initialTarget) => {
+        const sequence = [];
+        const startTime = new Date().getTime();
+        return {
+            logEventCut: (_name, target, purpose) => {
+                sequence.push({ outcome: 'cut', target, purpose });
+            },
+            logEventStopped: (_name, target, purpose) => {
+                sequence.push({ outcome: 'stopped', target, purpose });
+            },
+            logNoParent: (_name, target, purpose) => {
+                sequence.push({ outcome: 'no-parent', target, purpose });
+            },
+            logEventNoHandlers: (_name, target) => {
+                sequence.push({ outcome: 'no-handlers-left', target });
+            },
+            logEventResponse: (_name, target, purpose) => {
+                sequence.push({ outcome: 'response', purpose, target });
+            },
+            write: () => {
+                const finishTime = new Date().getTime();
+                if (contains$2(['mousemove', 'mouseover', 'mouseout', systemInit()], eventName)) {
+                    return;
+                }
+                // eslint-disable-next-line no-console
+                console.log(eventName, {
+                    event: eventName,
+                    time: finishTime - startTime,
+                    target: initialTarget.dom,
+                    sequence: map$2(sequence, (s) => {
+                        if (!contains$2(['cut', 'stopped', 'response'], s.outcome)) {
+                            return s.outcome;
+                        }
+                        else {
+                            return '{' + s.purpose + '} ' + s.outcome + ' at (' + element(s.target) + ')';
+                        }
+                    })
+                });
+            }
+        };
+    };
+    const processEvent = (eventName, initialTarget, f) => {
+        const status = get$h(eventConfig.get(), eventName).orThunk(() => {
+            const patterns = keys(eventConfig.get());
+            return findMap(patterns, (p) => eventName.indexOf(p) > -1 ? Optional?.some(eventConfig.get()[p]) : Optional.none());
+        }).getOr(EventConfiguration.NORMAL);
+        switch (status) {
+            case EventConfiguration.NORMAL:
+                return f(noLogger());
+            case EventConfiguration.LOGGING: {
+                const logger = makeEventLogger(eventName, initialTarget);
+                const output = f(logger);
+                logger.write();
+                return output;
+            }
+            case EventConfiguration.STOP:
+                // Does not even run the function to trigger event and listen to handlers
+                return true;
+        }
+    };
+    // Ignore these files in the error stack
+    const path = [
+        'alloy/data/Fields',
+        'alloy/debugging/Debugging'
+    ];
+    const getTrace = () => {
+        if (debugging === false) {
+            return unknown;
+        }
+        const err = new Error();
+        if (err.stack !== undefined) {
+            const lines = err.stack.split('\n');
+            return find$5(lines, (line) => line.indexOf('alloy') > 0 && !exists(path, (p) => line.indexOf(p) > -1)).getOr(unknown);
+        }
+        else {
+            return unknown;
+        }
+    };
+    const ignoreEvent = {
+        logEventCut: noop,
+        logEventStopped: noop,
+        logNoParent: noop,
+        logEventNoHandlers: noop,
+        logEventResponse: noop,
+        write: noop
+    };
+    const monitorEvent = (eventName, initialTarget, f) => processEvent(eventName, initialTarget, f);
+    const noLogger = constant$1(ignoreEvent);
+
+    const menuFields = constant$1([
+        required$1('menu'),
+        required$1('selectedMenu')
+    ]);
+    const itemFields = constant$1([
+        required$1('item'),
+        required$1('selectedItem')
+    ]);
+    constant$1(objOf(itemFields().concat(menuFields())));
+    const itemSchema$3 = constant$1(objOf(itemFields()));
+
+    const _initSize = requiredObjOf('initSize', [
+        required$1('numColumns'),
+        required$1('numRows')
+    ]);
+    const itemMarkers = () => requiredOf('markers', itemSchema$3());
+    const tieredMenuMarkers = () => requiredObjOf('markers', [
+        required$1('backgroundMenu')
+    ].concat(menuFields()).concat(itemFields()));
+    const markers$1 = (required) => requiredObjOf('markers', map$2(required, required$1));
+    const onPresenceHandler = (label, fieldName, presence) => {
+        // We care about where the handler was declared (in terms of which schema)
+        getTrace();
+        return field$1(fieldName, fieldName, presence, 
+        // Apply some wrapping to their supplied function
+        valueOf((f) => Result.value((...args) => {
+            return f.apply(undefined, args);
+        })));
+    };
+    const onHandler = (fieldName) => onPresenceHandler('onHandler', fieldName, defaulted$1(noop));
+    const onKeyboardHandler = (fieldName) => onPresenceHandler('onKeyboardHandler', fieldName, defaulted$1(Optional.none));
+    const onStrictHandler = (fieldName) => onPresenceHandler('onHandler', fieldName, required$2());
+    const onStrictKeyboardHandler = (fieldName) => onPresenceHandler('onKeyboardHandler', fieldName, required$2());
+    const output$1 = (name, value) => customField(name, constant$1(value));
+    const snapshot = (name) => customField(name, identity);
+    const initSize = constant$1(_initSize);
+
+    const markAsBehaviourApi = (f, apiName, apiFunction) => {
+        const delegate = apiFunction.toString();
+        const endIndex = delegate.indexOf(')') + 1;
+        const openBracketIndex = delegate.indexOf('(');
+        const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+        f.toFunctionAnnotation = () => ({
+            name: apiName,
+            parameters: cleanParameters(parameters.slice(0, 1).concat(parameters.slice(3)))
+        });
+        return f;
+    };
+    // Remove any comment (/*) at end of parameter names
+    const cleanParameters = (parameters) => map$2(parameters, (p) => endsWith(p, '/*') ? p.substring(0, p.length - '/*'.length) : p);
+    const markAsExtraApi = (f, extraName) => {
+        const delegate = f.toString();
+        const endIndex = delegate.indexOf(')') + 1;
+        const openBracketIndex = delegate.indexOf('(');
+        const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+        f.toFunctionAnnotation = () => ({
+            name: extraName,
+            parameters: cleanParameters(parameters)
+        });
+        return f;
+    };
+    const markAsSketchApi = (f, apiFunction) => {
+        const delegate = apiFunction.toString();
+        const endIndex = delegate.indexOf(')') + 1;
+        const openBracketIndex = delegate.indexOf('(');
+        const parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+        f.toFunctionAnnotation = () => ({
+            name: 'OVERRIDE',
+            parameters: cleanParameters(parameters.slice(1))
+        });
+        return f;
+    };
+
+    const DelayedFunction = (fun, delay) => {
+        let ref = null;
+        const schedule = (...args) => {
+            ref = setTimeout(() => {
+                fun.apply(null, args);
+                ref = null;
+            }, delay);
+        };
+        const cancel = () => {
+            if (ref !== null) {
+                clearTimeout(ref);
+                ref = null;
+            }
+        };
+        return {
+            cancel,
+            schedule
+        };
+    };
+
+    const SIGNIFICANT_MOVE = 5;
+    const LONGPRESS_DELAY = 400;
+    const getTouch = (event) => {
+        const raw = event.raw;
+        if (raw.touches === undefined || raw.touches.length !== 1) {
+            return Optional.none();
+        }
+        return Optional?.some(raw.touches[0]);
+    };
+    // Check to see if the touch has changed a *significant* amount
+    const isFarEnough = (touch, data) => {
+        const distX = Math.abs(touch.clientX - data.x);
+        const distY = Math.abs(touch.clientY - data.y);
+        return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
+    };
+    const monitor = (settings) => {
+        /* A tap event is a combination of touchstart and touchend on the same element
+         * without a *significant* touchmove in between.
+         */
+        const startData = value$2();
+        const longpressFired = Cell(false);
+        const longpress$1 = DelayedFunction((event) => {
+            settings.triggerEvent(longpress(), event);
+            longpressFired.set(true);
+        }, LONGPRESS_DELAY);
+        const handleTouchstart = (event) => {
+            getTouch(event).each((touch) => {
+                longpress$1.cancel();
+                const data = {
+                    x: touch.clientX,
+                    y: touch.clientY,
+                    target: event.target
+                };
+                longpress$1.schedule(event);
+                longpressFired.set(false);
+                startData.set(data);
+            });
+            return Optional.none();
+        };
+        const handleTouchmove = (event) => {
+            longpress$1.cancel();
+            getTouch(event).each((touch) => {
+                startData.on((data) => {
+                    if (isFarEnough(touch, data)) {
+                        startData.clear();
+                    }
+                });
+            });
+            return Optional.none();
+        };
+        const handleTouchend = (event) => {
+            longpress$1.cancel();
+            const isSame = (data) => eq(data.target, event.target);
+            return startData.get().filter(isSame)?.map((_data) => {
+                if (longpressFired.get()) {
+                    event.prevent();
+                    return false;
+                }
+                else {
+                    return settings.triggerEvent(tap(), event);
+                }
+            });
+        };
+        const handlers = wrapAll([
+            { key: touchstart(), value: handleTouchstart },
+            { key: touchmove(), value: handleTouchmove },
+            { key: touchend(), value: handleTouchend }
+        ]);
+        const fireIfReady = (event, type) => get$h(handlers, type).bind((handler) => handler(event));
+        return {
+            fireIfReady
+        };
+    };
+
+    var FocusInsideModes;
+    (function (FocusInsideModes) {
+        FocusInsideModes["OnFocusMode"] = "onFocus";
+        FocusInsideModes["OnEnterOrSpaceMode"] = "onEnterOrSpace";
+        FocusInsideModes["OnApiMode"] = "onApi";
+    })(FocusInsideModes || (FocusInsideModes = {}));
+
+    const _placeholder = 'placeholder';
+    const adt$7 = Adt.generate([
+        { single: ['required', 'valueThunk'] },
+        { multiple: ['required', 'valueThunks'] }
+    ]);
+    const isSubstituted = (spec) => has$2(spec, 'uiType');
+    const subPlaceholder = (owner, detail, compSpec, placeholders) => {
+        if (owner.exists((o) => o !== compSpec.owner)) {
+            return adt$7.single(true, constant$1(compSpec));
+        }
+        // Ignore having to find something for the time being.
+        return get$h(placeholders, compSpec.name).fold(() => {
+            throw new Error('Unknown placeholder component: ' + compSpec.name + '\nKnown: [' +
+                keys(placeholders) + ']\nNamespace: ' + owner.getOr('none') + '\nSpec: ' + JSON.stringify(compSpec, null, 2));
+        }, (newSpec) => 
+        // Must return a single/multiple type
+        newSpec.replace());
+    };
+    const scan = (owner, detail, compSpec, placeholders) => {
+        if (isSubstituted(compSpec) && compSpec.uiType === _placeholder) {
+            return subPlaceholder(owner, detail, compSpec, placeholders);
+        }
+        else {
+            return adt$7.single(false, constant$1(compSpec));
+        }
+    };
+    const substitute = (owner, detail, compSpec, placeholders) => {
+        const base = scan(owner, detail, compSpec, placeholders);
+        return base.fold((req, valueThunk) => {
+            const value = isSubstituted(compSpec) ? valueThunk(detail, compSpec.config, compSpec.validated) : valueThunk(detail);
+            const childSpecs = get$h(value, 'components').getOr([]);
+            const substituted = bind$3(childSpecs, (c) => substitute(owner, detail, c, placeholders));
+            return [
+                {
+                    ...value,
+                    components: substituted
+                }
+            ];
+        }, (req, valuesThunk) => {
+            if (isSubstituted(compSpec)) {
+                const values = valuesThunk(detail, compSpec.config, compSpec.validated);
+                // Allow a preprocessing step for groups before returning the components
+                const preprocessor = compSpec.validated.preprocess.getOr(identity);
+                return preprocessor(values);
+            }
+            else {
+                return valuesThunk(detail);
+            }
+        });
+    };
+    const substituteAll = (owner, detail, components, placeholders) => bind$3(components, (c) => substitute(owner, detail, c, placeholders));
+    const oneReplace = (label, replacements) => {
+        let called = false;
+        const used = () => called;
+        const replace = () => {
+            if (called) {
+                throw new Error('Trying to use the same placeholder more than once: ' + label);
+            }
+            called = true;
+            return replacements;
+        };
+        const required = () => replacements.fold((req, _) => req, (req, _) => req);
+        return {
+            name: constant$1(label),
+            required,
+            used,
+            replace
+        };
+    };
+    const substitutePlaces = (owner, detail, components, placeholders) => {
+        const ps = map$1(placeholders, (ph, name) => oneReplace(name, ph));
+        const outcome = substituteAll(owner, detail, components, ps);
+        each(ps, (p) => {
+            if (p.used() === false && p.required()) {
+                throw new Error('Placeholder: ' + p.name() + ' was not found in components list\nNamespace: ' + owner.getOr('none') + '\nComponents: ' +
+                    JSON.stringify(detail.components, null, 2));
+            }
+        });
+        return outcome;
+    };
+    const single$2 = adt$7.single;
+    const multiple = adt$7.multiple;
+    const placeholder = constant$1(_placeholder);
+
+    const adt$6 = Adt.generate([
+        { required: ['data'] },
+        { external: ['data'] },
+        { optional: ['data'] },
+        { group: ['data'] }
+    ]);
+    const fFactory = defaulted('factory', { sketch: identity });
+    const fSchema = defaulted('schema', []);
+    const fName = required$1('name');
+    const fPname = field$1('pname', 'pname', defaultedThunk((typeSpec) => '<alloy.' + generate$6(typeSpec.name) + '>'), anyValue());
+    // Groups cannot choose their schema.
+    const fGroupSchema = customField('schema', () => [
+        option$3('preprocess')
+    ]);
+    const fDefaults = defaulted('defaults', constant$1({}));
+    const fOverrides = defaulted('overrides', constant$1({}));
+    const requiredSpec = objOf([
+        fFactory, fSchema, fName, fPname, fDefaults, fOverrides
+    ]);
+    const externalSpec = objOf([
+        fFactory, fSchema, fName, fDefaults, fOverrides
+    ]);
+    const optionalSpec = objOf([
+        fFactory, fSchema, fName, fPname, fDefaults, fOverrides
+    ]);
+    const groupSpec = objOf([
+        fFactory, fGroupSchema, fName,
+        required$1('unit'),
+        fPname, fDefaults, fOverrides
+    ]);
+    const asNamedPart = (part) => {
+        return part.fold(Optional.some, Optional.none, Optional.some, Optional.some);
+    };
+    const name$2 = (part) => {
+        const get = (data) => data.name;
+        return part.fold(get, get, get, get);
+    };
+    const asCommon = (part) => {
+        return part.fold(identity, identity, identity, identity);
+    };
+    const convert = (adtConstructor, partSchema) => (spec) => {
+        const data = asRawOrDie$1('Converting part type', partSchema, spec);
+        return adtConstructor(data);
+    };
+    const required = convert(adt$6.required, requiredSpec);
+    const external$1 = convert(adt$6.external, externalSpec);
+    const optional = convert(adt$6.optional, optionalSpec);
+    const group = convert(adt$6.group, groupSpec);
+    const original = constant$1('entirety');
+
+    var PartType = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        required: required,
+        external: external$1,
+        optional: optional,
+        group: group,
+        asNamedPart: asNamedPart,
+        name: name$2,
+        asCommon: asCommon,
+        original: original
+    });
+
+    const combine$2 = (detail, data, partSpec, partValidated) => 
+    // Extremely confusing names and types :(
+    deepMerge(data.defaults(detail, partSpec, partValidated), partSpec, { uid: detail.partUids[data.name] }, data.overrides(detail, partSpec, partValidated));
+    const subs = (owner, detail, parts) => {
+        const internals = {};
+        const externals = {};
+        each$1(parts, (part) => {
+            part.fold(
+            // Internal
+            (data) => {
+                internals[data.pname] = single$2(true, (detail, partSpec, partValidated) => data.factory.sketch(combine$2(detail, data, partSpec, partValidated)));
+            }, 
+            // External
+            (data) => {
+                const partSpec = detail.parts[data.name];
+                externals[data.name] = constant$1(data.factory.sketch(combine$2(detail, data, partSpec[original()]), partSpec) // This is missing partValidated
+                );
+                // no placeholders
+            }, 
+            // Optional
+            (data) => {
+                internals[data.pname] = single$2(false, (detail, partSpec, partValidated) => data.factory.sketch(combine$2(detail, data, partSpec, partValidated)));
+            }, 
+            // Group
+            (data) => {
+                internals[data.pname] = multiple(true, (detail, _partSpec, _partValidated) => {
+                    const units = detail[data.name];
+                    return map$2(units, (u) => 
+                    // Group multiples do not take the uid because there is more than one.
+                    data.factory.sketch(deepMerge(data.defaults(detail, u, _partValidated), u, data.overrides(detail, u))));
+                });
+            });
+        });
+        return {
+            internals: constant$1(internals),
+            externals: constant$1(externals)
+        };
+    };
+
+    // TODO: Make more functional if performance isn't an issue.
+    const generate$5 = (owner, parts) => {
+        const r = {};
+        each$1(parts, (part) => {
+            asNamedPart(part).each((np) => {
+                const g = doGenerateOne(owner, np.pname);
+                r[np.name] = (config) => {
+                    const validated = asRawOrDie$1('Part: ' + np.name + ' in ' + owner, objOf(np.schema), config);
+                    return {
+                        ...g,
+                        config,
+                        validated
+                    };
+                };
+            });
+        });
+        return r;
+    };
+    // Does not have the config.
+    const doGenerateOne = (owner, pname) => ({
+        uiType: placeholder(),
+        owner,
+        name: pname
+    });
+    const generateOne$1 = (owner, pname, config) => ({
+        uiType: placeholder(),
+        owner,
+        name: pname,
+        config,
+        validated: {}
+    });
+    const schemas = (parts) => 
+    // This actually has to change. It needs to return the schemas for things that will
+    // not appear in the components list, which is only externals
+    bind$3(parts, (part) => part.fold(Optional.none, Optional.some, Optional.none, Optional.none)?.map((data) => requiredObjOf(data.name, data.schema.concat([
+        snapshot(original())
+    ]))).toArray());
+    const names = (parts) => map$2(parts, name$2);
+    const substitutes = (owner, detail, parts) => subs(owner, detail, parts);
+    const components$1 = (owner, detail, internals) => substitutePlaces(Optional?.some(owner), detail, detail.components, internals);
+    const getPart = (component, detail, partKey) => {
+        const uid = detail.partUids[partKey];
+        return component.getSystem().getByUid(uid).toOptional();
+    };
+    const getPartOrDie = (component, detail, partKey) => getPart(component, detail, partKey).getOrDie('Could not find part: ' + partKey);
+    const getParts = (component, detail, partKeys) => {
+        const r = {};
+        const uids = detail.partUids;
+        const system = component.getSystem();
+        each$1(partKeys, (pk) => {
+            r[pk] = constant$1(system.getByUid(uids[pk]));
+        });
+        return r;
+    };
+    const getAllParts = (component, detail) => {
+        const system = component.getSystem();
+        return map$1(detail.partUids, (pUid, _k) => constant$1(system.getByUid(pUid)));
+    };
+    const getAllPartNames = (detail) => keys(detail.partUids);
+    const getPartsOrDie = (component, detail, partKeys) => {
+        const r = {};
+        const uids = detail.partUids;
+        const system = component.getSystem();
+        each$1(partKeys, (pk) => {
+            r[pk] = constant$1(system.getByUid(uids[pk]).getOrDie());
+        });
+        return r;
+    };
+    const defaultUids = (baseUid, partTypes) => {
+        const partNames = names(partTypes);
+        return wrapAll(map$2(partNames, (pn) => ({ key: pn, value: baseUid + '-' + pn })));
+    };
+    const defaultUidsSchema = (partTypes) => field$1('partUids', 'partUids', mergeWithThunk((spec) => defaultUids(spec.uid, partTypes)), anyValue());
+
+    var AlloyParts = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        generate: generate$5,
+        generateOne: generateOne$1,
+        schemas: schemas,
+        names: names,
+        substitutes: substitutes,
+        components: components$1,
+        defaultUids: defaultUids,
+        defaultUidsSchema: defaultUidsSchema,
+        getAllParts: getAllParts,
+        getAllPartNames: getAllPartNames,
+        getPart: getPart,
+        getPartOrDie: getPartOrDie,
+        getParts: getParts,
+        getPartsOrDie: getPartsOrDie
+    });
+
+    const allAlignments = [
+        'valignCentre',
+        'alignLeft',
+        'alignRight',
+        'alignCentre',
+        'top',
+        'bottom',
+        'left',
+        'right',
+        'inset'
+    ];
+    const nu$6 = (xOffset, yOffset, classes, insetModifier = 1) => {
+        const insetXOffset = xOffset * insetModifier;
+        const insetYOffset = yOffset * insetModifier;
+        const getClasses = (prop) => get$h(classes, prop).getOr([]);
+        const make = (xDelta, yDelta, alignmentsOn) => {
+            const alignmentsOff = difference(allAlignments, alignmentsOn);
+            return {
+                offset: SugarPosition(xDelta, yDelta),
+                classesOn: bind$3(alignmentsOn, getClasses),
+                classesOff: bind$3(alignmentsOff, getClasses)
+            };
+        };
+        return {
+            southeast: () => make(-xOffset, yOffset, ['top', 'alignLeft']),
+            southwest: () => make(xOffset, yOffset, ['top', 'alignRight']),
+            south: () => make(-xOffset / 2, yOffset, ['top', 'alignCentre']),
+            northeast: () => make(-xOffset, -yOffset, ['bottom', 'alignLeft']),
+            northwest: () => make(xOffset, -yOffset, ['bottom', 'alignRight']),
+            north: () => make(-xOffset / 2, -yOffset, ['bottom', 'alignCentre']),
+            east: () => make(xOffset, -yOffset / 2, ['valignCentre', 'left']),
+            west: () => make(-xOffset, -yOffset / 2, ['valignCentre', 'right']),
+            insetNortheast: () => make(insetXOffset, insetYOffset, ['top', 'alignLeft', 'inset']),
+            insetNorthwest: () => make(-insetXOffset, insetYOffset, ['top', 'alignRight', 'inset']),
+            insetNorth: () => make(-insetXOffset / 2, insetYOffset, ['top', 'alignCentre', 'inset']),
+            insetSoutheast: () => make(insetXOffset, -insetYOffset, ['bottom', 'alignLeft', 'inset']),
+            insetSouthwest: () => make(-insetXOffset, -insetYOffset, ['bottom', 'alignRight', 'inset']),
+            insetSouth: () => make(-insetXOffset / 2, -insetYOffset, ['bottom', 'alignCentre', 'inset']),
+            insetEast: () => make(-insetXOffset, -insetYOffset / 2, ['valignCentre', 'right', 'inset']),
+            insetWest: () => make(insetXOffset, -insetYOffset / 2, ['valignCentre', 'left', 'inset'])
+        };
+    };
+    const fallback = () => nu$6(0, 0, {});
+
+    const nu$5 = (x, y, bubble, direction, placement, boundsRestriction, labelPrefix, alwaysFit = false) => ({
+        x,
+        y,
+        bubble,
+        direction,
+        placement,
+        restriction: boundsRestriction,
+        label: `${labelPrefix}-${placement}`,
+        alwaysFit
+    });
+
+    const adt$5 = Adt.generate([
+        { southeast: [] },
+        { southwest: [] },
+        { northeast: [] },
+        { northwest: [] },
+        { south: [] },
+        { north: [] },
+        { east: [] },
+        { west: [] }
+    ]);
+    const cata$1 = (subject, southeast, southwest, northeast, northwest, south, north, east, west) => subject.fold(southeast, southwest, northeast, northwest, south, north, east, west);
+    const cataVertical = (subject, south, middle, north) => subject.fold(south, south, north, north, south, north, middle, middle);
+    const cataHorizontal = (subject, east, middle, west) => subject.fold(east, west, east, west, middle, middle, east, west);
+    // TODO: Simplify with the typescript approach.
+    const southeast$3 = adt$5.southeast;
+    const southwest$3 = adt$5.southwest;
+    const northeast$3 = adt$5.northeast;
+    const northwest$3 = adt$5.northwest;
+    const south$3 = adt$5.south;
+    const north$3 = adt$5.north;
+    const east$3 = adt$5.east;
+    const west$3 = adt$5.west;
+
+    const getRestriction = (anchor, restriction) => {
+        switch (restriction) {
+            case 1 /* AnchorBoxBounds.LeftEdge */:
+                return anchor.x;
+            case 0 /* AnchorBoxBounds.RightEdge */:
+                return anchor.x + anchor.width;
+            case 2 /* AnchorBoxBounds.TopEdge */:
+                return anchor.y;
+            case 3 /* AnchorBoxBounds.BottomEdge */:
+                return anchor.y + anchor.height;
+        }
+    };
+    const boundsRestriction = (anchor, restrictions) => mapToObject(['left', 'right', 'top', 'bottom'], (dir) => get$h(restrictions, dir)?.map((restriction) => getRestriction(anchor, restriction)));
+    const adjustBounds = (bounds$1, restriction, bubbleOffset) => {
+        const applyRestriction = (dir, current) => restriction[dir]?.map((pos) => {
+            const isVerticalAxis = dir === 'top' || dir === 'bottom';
+            const offset = isVerticalAxis ? bubbleOffset.top : bubbleOffset.left;
+            const comparator = dir === 'left' || dir === 'top' ? Math.max : Math.min;
+            const newPos = comparator(pos, current) + offset;
+            // Ensure the new restricted position is within the current bounds
+            return isVerticalAxis ? clamp(newPos, bounds$1.y, bounds$1.bottom) : clamp(newPos, bounds$1.x, bounds$1.right);
+        }).getOr(current);
+        const adjustedLeft = applyRestriction('left', bounds$1.x);
+        const adjustedTop = applyRestriction('top', bounds$1.y);
+        const adjustedRight = applyRestriction('right', bounds$1.right);
+        const adjustedBottom = applyRestriction('bottom', bounds$1.bottom);
+        return bounds(adjustedLeft, adjustedTop, adjustedRight - adjustedLeft, adjustedBottom - adjustedTop);
+    };
+
+    /*
+      Layout for menus and inline context dialogs;
+      Either above or below. Never left or right.
+      Aligned to the left or right of the anchor as appropriate.
+     */
+    const labelPrefix$2 = 'layout';
+    // display element to the right, left edge against the anchor
+    const eastX$1 = (anchor) => anchor.x;
+    // element centre aligned horizontally with the anchor
+    const middleX$1 = (anchor, element) => anchor.x + (anchor.width / 2) - (element.width / 2);
+    // display element to the left, right edge against the right of the anchor
+    const westX$1 = (anchor, element) => anchor.x + anchor.width - element.width;
+    // display element above, bottom edge against the top of the anchor
+    const northY$2 = (anchor, element) => anchor.y - element.height;
+    // display element below, top edge against the bottom of the anchor
+    const southY$2 = (anchor) => anchor.y + anchor.height;
+    // display element below, top edge against the bottom of the anchor
+    const centreY$1 = (anchor, element) => anchor.y + (anchor.height / 2) - (element.height / 2);
+    const eastEdgeX$1 = (anchor) => anchor.x + anchor.width;
+    const westEdgeX$1 = (anchor, element) => anchor.x - element.width;
+    const southeast$2 = (anchor, element, bubbles) => nu$5(eastX$1(anchor), southY$2(anchor), bubbles.southeast(), southeast$3(), "southeast" /* Placement.Southeast */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */, top: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$2);
+    const southwest$2 = (anchor, element, bubbles) => nu$5(westX$1(anchor, element), southY$2(anchor), bubbles.southwest(), southwest$3(), "southwest" /* Placement.Southwest */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */, top: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$2);
+    const northeast$2 = (anchor, element, bubbles) => nu$5(eastX$1(anchor), northY$2(anchor, element), bubbles.northeast(), northeast$3(), "northeast" /* Placement.Northeast */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */, bottom: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$2);
+    const northwest$2 = (anchor, element, bubbles) => nu$5(westX$1(anchor, element), northY$2(anchor, element), bubbles.northwest(), northwest$3(), "northwest" /* Placement.Northwest */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */, bottom: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$2);
+    const north$2 = (anchor, element, bubbles) => nu$5(middleX$1(anchor, element), northY$2(anchor, element), bubbles.north(), north$3(), "north" /* Placement.North */, boundsRestriction(anchor, { bottom: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$2);
+    const south$2 = (anchor, element, bubbles) => nu$5(middleX$1(anchor, element), southY$2(anchor), bubbles.south(), south$3(), "south" /* Placement.South */, boundsRestriction(anchor, { top: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$2);
+    const east$2 = (anchor, element, bubbles) => nu$5(eastEdgeX$1(anchor), centreY$1(anchor, element), bubbles.east(), east$3(), "east" /* Placement.East */, boundsRestriction(anchor, { left: 0 /* AnchorBoxBounds.RightEdge */ }), labelPrefix$2);
+    const west$2 = (anchor, element, bubbles) => nu$5(westEdgeX$1(anchor, element), centreY$1(anchor, element), bubbles.west(), west$3(), "west" /* Placement.West */, boundsRestriction(anchor, { right: 1 /* AnchorBoxBounds.LeftEdge */ }), labelPrefix$2);
+    const all$2 = () => [southeast$2, southwest$2, northeast$2, northwest$2, south$2, north$2, east$2, west$2];
+    const allRtl$1 = () => [southwest$2, southeast$2, northwest$2, northeast$2, south$2, north$2, east$2, west$2];
+    const aboveOrBelow = () => [northeast$2, northwest$2, southeast$2, southwest$2, north$2, south$2];
+    const aboveOrBelowRtl = () => [northwest$2, northeast$2, southwest$2, southeast$2, north$2, south$2];
+    const belowOrAbove = () => [southeast$2, southwest$2, northeast$2, northwest$2, south$2, north$2];
+    const belowOrAboveRtl = () => [southwest$2, southeast$2, northwest$2, northeast$2, south$2, north$2];
+
+    const placementAttribute = 'data-alloy-placement';
+    const setPlacement$1 = (element, placement) => {
+        set$9(element, placementAttribute, placement);
+    };
+    const getPlacement = (element) => getOpt(element, placementAttribute);
+    const reset$2 = (element) => remove$8(element, placementAttribute);
+
+    /*
+      Layouts for things that overlay over the anchor element/box. These are designed to mirror
+      the `Layout` logic.
+
+      As an example `Layout.north` will appear horizontally centered above the anchor, whereas
+      `LayoutInset.north` will appear horizontally centered overlapping the top of the anchor.
+     */
+    const labelPrefix$1 = 'layout-inset';
+    // returns left edge of anchor - used to display element to the left, left edge against the anchor
+    const westEdgeX = (anchor) => anchor.x;
+    // returns middle of anchor minus half the element width - used to horizontally centre element to the anchor
+    const middleX = (anchor, element) => anchor.x + (anchor.width / 2) - (element.width / 2);
+    // returns right edge of anchor minus element width - used to display element to the right, right edge against the anchor
+    const eastEdgeX = (anchor, element) => anchor.x + anchor.width - element.width;
+    // returns top edge - used to display element to the top, top edge against the anchor
+    const northY$1 = (anchor) => anchor.y;
+    // returns bottom edge minus element height - used to display element at the bottom, bottom edge against the anchor
+    const southY$1 = (anchor, element) => anchor.y + anchor.height - element.height;
+    // returns centre of anchor minus half the element height - used to vertically centre element to the anchor
+    const centreY = (anchor, element) => anchor.y + (anchor.height / 2) - (element.height / 2);
+    // positions element relative to the bottom right of the anchor
+    const southwest$1 = (anchor, element, bubbles) => nu$5(eastEdgeX(anchor, element), southY$1(anchor, element), bubbles.insetSouthwest(), northwest$3(), "southwest" /* Placement.Southwest */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */, bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$1);
+    // positions element relative to the bottom left of the anchor
+    const southeast$1 = (anchor, element, bubbles) => nu$5(westEdgeX(anchor), southY$1(anchor, element), bubbles.insetSoutheast(), northeast$3(), "southeast" /* Placement.Southeast */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */, bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$1);
+    // positions element relative to the top right of the anchor
+    const northwest$1 = (anchor, element, bubbles) => nu$5(eastEdgeX(anchor, element), northY$1(anchor), bubbles.insetNorthwest(), southwest$3(), "northwest" /* Placement.Northwest */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */, top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$1);
+    // positions element relative to the top left of the anchor
+    const northeast$1 = (anchor, element, bubbles) => nu$5(westEdgeX(anchor), northY$1(anchor), bubbles.insetNortheast(), southeast$3(), "northeast" /* Placement.Northeast */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */, top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$1);
+    // positions element relative to the top of the anchor, horizontally centered
+    const north$1 = (anchor, element, bubbles) => nu$5(middleX(anchor, element), northY$1(anchor), bubbles.insetNorth(), south$3(), "north" /* Placement.North */, boundsRestriction(anchor, { top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix$1);
+    // positions element relative to the bottom of the anchor, horizontally centered
+    const south$1 = (anchor, element, bubbles) => nu$5(middleX(anchor, element), southY$1(anchor, element), bubbles.insetSouth(), north$3(), "south" /* Placement.South */, boundsRestriction(anchor, { bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix$1);
+    // positions element with the right edge against the anchor, vertically centered
+    const east$1 = (anchor, element, bubbles) => nu$5(eastEdgeX(anchor, element), centreY(anchor, element), bubbles.insetEast(), west$3(), "east" /* Placement.East */, boundsRestriction(anchor, { right: 0 /* AnchorBoxBounds.RightEdge */ }), labelPrefix$1);
+    // positions element with the left each against the anchor, vertically centered
+    const west$1 = (anchor, element, bubbles) => nu$5(westEdgeX(anchor), centreY(anchor, element), bubbles.insetWest(), east$3(), "west" /* Placement.West */, boundsRestriction(anchor, { left: 1 /* AnchorBoxBounds.LeftEdge */ }), labelPrefix$1);
+    const lookupPreserveLayout = (lastPlacement) => {
+        switch (lastPlacement) {
+            case "north" /* Placement.North */:
+                return north$1;
+            case "northeast" /* Placement.Northeast */:
+                return northeast$1;
+            case "northwest" /* Placement.Northwest */:
+                return northwest$1;
+            case "south" /* Placement.South */:
+                return south$1;
+            case "southeast" /* Placement.Southeast */:
+                return southeast$1;
+            case "southwest" /* Placement.Southwest */:
+                return southwest$1;
+            case "east" /* Placement.East */:
+                return east$1;
+            case "west" /* Placement.West */:
+                return west$1;
+        }
+    };
+    const preserve$1 = (anchor, element, bubbles, placee, bounds) => {
+        const layout = getPlacement(placee)?.map(lookupPreserveLayout).getOr(north$1);
+        return layout(anchor, element, bubbles, placee, bounds);
+    };
+    const lookupFlippedLayout = (lastPlacement) => {
+        switch (lastPlacement) {
+            case "north" /* Placement.North */:
+                return south$1;
+            case "northeast" /* Placement.Northeast */:
+                return southeast$1;
+            case "northwest" /* Placement.Northwest */:
+                return southwest$1;
+            case "south" /* Placement.South */:
+                return north$1;
+            case "southeast" /* Placement.Southeast */:
+                return northeast$1;
+            case "southwest" /* Placement.Southwest */:
+                return northwest$1;
+            case "east" /* Placement.East */:
+                return west$1;
+            case "west" /* Placement.West */:
+                return east$1;
+        }
+    };
+    const flip = (anchor, element, bubbles, placee, bounds) => {
+        const layout = getPlacement(placee)?.map(lookupFlippedLayout).getOr(north$1);
+        return layout(anchor, element, bubbles, placee, bounds);
+    };
+
+    // applies the max-height as determined by Bounder
+    const setMaxHeight = (element, maxHeight) => {
+        setMax$1(element, Math.floor(maxHeight));
+    };
+    // adds both max-height and overflow to constrain it
+    const anchored = constant$1((element, available) => {
+        setMaxHeight(element, available);
+        setAll(element, {
+            'overflow-x': 'hidden',
+            'overflow-y': 'auto'
+        });
+    });
+    /*
+     * This adds max height, but not overflow - the effect of this is that elements can grow beyond the max height,
+     * but if they run off the top they're pushed down.
+     *
+     * If the element expands below the screen height it will be cut off, but we were already doing that.
+     */
+    const expandable$1 = constant$1((element, available) => {
+        setMaxHeight(element, available);
+    });
+
+    // applies the max-width as determined by Bounder
+    const expandable = constant$1((element, available) => {
+        setMax(element, Math.floor(available));
+    });
+
+    var AttributeValue;
+    (function (AttributeValue) {
+        AttributeValue["TopToBottom"] = "toptobottom";
+        AttributeValue["BottomToTop"] = "bottomtotop";
+    })(AttributeValue || (AttributeValue = {}));
+    const Attribute = 'data-alloy-vertical-dir';
+    const isBottomToTopDir = (el) => closest$2(el, (current) => isElement$1(current) && get$g(current, 'data-alloy-vertical-dir') === AttributeValue.BottomToTop);
+
+    var HighlightOnOpen;
+    (function (HighlightOnOpen) {
+        HighlightOnOpen[HighlightOnOpen["HighlightMenuAndItem"] = 0] = "HighlightMenuAndItem";
+        HighlightOnOpen[HighlightOnOpen["HighlightJustMenu"] = 1] = "HighlightJustMenu";
+        HighlightOnOpen[HighlightOnOpen["HighlightNone"] = 2] = "HighlightNone";
+    })(HighlightOnOpen || (HighlightOnOpen = {}));
+
+    const NoState = {
+        init: () => nu$4({
+            readState: constant$1('No State required')
+        })
+    };
+    const nu$4 = (spec) => spec;
+
+    const defaultEventHandler = {
+        can: always,
+        abort: never,
+        run: noop
+    };
+    const nu$3 = (parts) => {
+        if (!hasNonNullableKey(parts, 'can') && !hasNonNullableKey(parts, 'abort') && !hasNonNullableKey(parts, 'run')) {
+            throw new Error('EventHandler defined by: ' + JSON.stringify(parts, null, 2) + ' does not have can, abort, or run!');
+        }
+        return {
+            ...defaultEventHandler,
+            ...parts
+        };
+    };
+    const all$1 = (handlers, f) => (...args) => foldl(handlers, (acc, handler) => acc && f(handler).apply(undefined, args), true);
+    const any = (handlers, f) => (...args) => foldl(handlers, (acc, handler) => acc || f(handler).apply(undefined, args), false);
+    const read$1 = (handler) => isFunction(handler) ? {
+        can: always,
+        abort: never,
+        run: handler
+    } : handler;
+    const fuse$1 = (handlers) => {
+        const can = all$1(handlers, (handler) => handler.can);
+        const abort = any(handlers, (handler) => handler.abort);
+        const run = (...args) => {
+            each$1(handlers, (handler) => {
+                // ASSUMPTION: Return value is unimportant.
+                handler.run.apply(undefined, args);
+            });
+        };
+        return {
+            can,
+            abort,
+            run
+        };
+    };
+
+    const emit = (component, event) => {
+        dispatchWith(component, component.element, event, {});
+    };
+    const emitWith = (component, event, properties) => {
+        dispatchWith(component, component.element, event, properties);
+    };
+    const emitExecute = (component) => {
+        emit(component, execute$5());
+    };
+    const dispatch = (component, target, event) => {
+        dispatchWith(component, target, event, {});
+    };
+    const dispatchWith = (component, target, event, properties) => {
+        // NOTE: The order of spreading here means that it will maintain any target that
+        // exists in the current properties. Because this function has been used for situations where
+        // properties is either an emulated SugarEvent with no target (see TouchEvent) or
+        // for emitting custom events that have no target, this likely hasn't been a problem.
+        // But until we verify that nothing is relying on this ordering, there is an alternate
+        // function below called retargetAndDispatchWith, which spreads in the other direction.
+        const data = {
+            target,
+            ...properties
+        };
+        component.getSystem().triggerEvent(event, target, data);
+    };
+    const retargetAndDispatchWith = (component, target, eventName, properties) => {
+        // This is essentially the same as dispatchWith, except the spreading order
+        // means that it clobbers anything in the nativeEvent with "target". It also
+        // expects what is being passed in to be a real sugar event, not just a data
+        // blob
+        const data = {
+            ...properties,
+            target
+        };
+        component.getSystem().triggerEvent(eventName, target, data);
+    };
+    const dispatchEvent = (component, target, event, simulatedEvent) => {
+        component.getSystem().triggerEvent(event, target, simulatedEvent.event);
+    };
+
+    const derive$2 = (configs) => wrapAll(configs);
+    // const combine = (configs...);
+    const abort = (name, predicate) => {
+        return {
+            key: name,
+            value: nu$3({
+                abort: predicate
+            })
+        };
+    };
+    const can = (name, predicate) => {
+        return {
+            key: name,
+            value: nu$3({
+                can: predicate
+            })
+        };
+    };
+    const preventDefault = (name) => {
+        return {
+            key: name,
+            value: nu$3({
+                run: (component, simulatedEvent) => {
+                    simulatedEvent.event.prevent();
+                }
+            })
+        };
+    };
+    const run$1 = (name, handler) => {
+        return {
+            key: name,
+            value: nu$3({
+                run: handler
+            })
+        };
+    };
+    // Extra can be used when your handler needs more context, and is declared in one spot
+    // It's really just convenient partial application.
+    const runActionExtra = (name, action, extra) => {
+        return {
+            key: name,
+            value: nu$3({
+                run: (component, simulatedEvent) => {
+                    action.apply(undefined, [component, simulatedEvent].concat(extra));
+                }
+            })
+        };
+    };
+    const runOnName = (name) => {
+        return (handler) => run$1(name, handler);
+    };
+    const runOnSourceName = (name) => {
+        return (handler) => ({
+            key: name,
+            value: nu$3({
+                run: (component, simulatedEvent) => {
+                    if (isSource(component, simulatedEvent)) {
+                        handler(component, simulatedEvent);
+                    }
+                }
+            })
+        });
+    };
+    const redirectToUid = (name, uid) => {
+        return run$1(name, (component, simulatedEvent) => {
+            component.getSystem().getByUid(uid).each((redirectee) => {
+                dispatchEvent(redirectee, redirectee.element, name, simulatedEvent);
+            });
+        });
+    };
+    const redirectToPart = (name, detail, partName) => {
+        const uid = detail.partUids[partName];
+        return redirectToUid(name, uid);
+    };
+    const runWithTarget = (name, f) => {
+        return run$1(name, (component, simulatedEvent) => {
+            const ev = simulatedEvent.event;
+            const target = component.getSystem().getByDom(ev.target).getOrThunk(
+            // If we don't find an alloy component for the target, I guess we go up the tree
+            // until we find an alloy component? Performance concern?
+            // TODO: Write tests for this.
+            () => {
+                const closest$1 = closest(ev.target, (el) => component.getSystem().getByDom(el).toOptional(), never);
+                // If we still found nothing ... fire on component itself;
+                return closest$1.getOr(component);
+            });
+            f(component, target, simulatedEvent);
+        });
+    };
+    const cutter = (name) => {
+        return run$1(name, (component, simulatedEvent) => {
+            simulatedEvent.cut();
+        });
+    };
+    const stopper = (name) => {
+        return run$1(name, (component, simulatedEvent) => {
+            simulatedEvent.stop();
+        });
+    };
+    const runOnSource = (name, f) => {
+        return runOnSourceName(name)(f);
+    };
+    const runOnAttached = runOnSourceName(attachedToDom());
+    const runOnDetached = runOnSourceName(detachedFromDom());
+    const runOnInit = runOnSourceName(systemInit());
+    const runOnExecute$1 = runOnName(execute$5());
+
+    // Maybe we'll need to allow add/remove
+    const nu$2 = (s) => ({
+        classes: isUndefined(s.classes) ? [] : s.classes,
+        attributes: isUndefined(s.attributes) ? {} : s.attributes,
+        styles: isUndefined(s.styles) ? {} : s.styles
+    });
+    const merge = (defnA, mod) => ({
+        ...defnA,
+        attributes: { ...defnA.attributes, ...mod.attributes },
+        styles: { ...defnA.styles, ...mod.styles },
+        classes: defnA.classes.concat(mod.classes)
+    });
+
+    const executeEvent = (bConfig, bState, executor) => runOnExecute$1((component) => {
+        executor(component, bConfig, bState);
+    });
+    const loadEvent = (bConfig, bState, f) => runOnInit((component, _simulatedEvent) => {
+        f(component, bConfig, bState);
+    });
+    const create$4 = (schema, name, active, apis, extra, state) => {
+        const configSchema = objOfOnly(schema);
+        const schemaSchema = optionObjOf(name, [
+            optionObjOfOnly('config', schema)
+        ]);
+        return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
+    };
+    const createModes$1 = (modes, name, active, apis, extra, state) => {
+        const configSchema = modes;
+        const schemaSchema = optionObjOf(name, [
+            optionOf('config', modes)
+        ]);
+        return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
+    };
+    const wrapApi = (bName, apiFunction, apiName) => {
+        const f = (component, ...rest) => {
+            const args = [component].concat(rest);
+            return component.config({
+                name: constant$1(bName)
+            }).fold(() => {
+                throw new Error('We could not find any behaviour configuration for: ' + bName + '. Using API: ' + apiName);
+            }, (info) => {
+                const rest = Array.prototype.slice.call(args, 1);
+                return apiFunction.apply(undefined, [component, info.config, info.state].concat(rest));
+            });
+        };
+        return markAsBehaviourApi(f, apiName, apiFunction);
+    };
+    // I think the "revoke" idea is fragile at best.
+    const revokeBehaviour = (name) => ({
+        key: name,
+        value: undefined
+    });
+    const doCreate = (configSchema, schemaSchema, name, active, apis, extra, state) => {
+        const getConfig = (info) => hasNonNullableKey(info, name) ? info[name]() : Optional.none();
+        const wrappedApis = map$1(apis, (apiF, apiName) => wrapApi(name, apiF, apiName));
+        const wrappedExtra = map$1(extra, (extraF, extraName) => markAsExtraApi(extraF, extraName));
+        const me = {
+            ...wrappedExtra,
+            ...wrappedApis,
+            revoke: curry(revokeBehaviour, name),
+            config: (spec) => {
+                const prepared = asRawOrDie$1(name + '-config', configSchema, spec);
+                return {
+                    key: name,
+                    value: {
+                        config: prepared,
+                        me,
+                        configAsRaw: cached(() => asRawOrDie$1(name + '-config', configSchema, spec)),
+                        initialConfig: spec,
+                        state
+                    }
+                };
+            },
+            schema: constant$1(schemaSchema),
+            exhibit: (info, base) => {
+                return lift2(getConfig(info), get$h(active, 'exhibit'), (behaviourInfo, exhibitor) => {
+                    return exhibitor(base, behaviourInfo.config, behaviourInfo.state);
+                }).getOrThunk(() => nu$2({}));
+            },
+            name: constant$1(name),
+            handlers: (info) => {
+                return getConfig(info)?.map((behaviourInfo) => {
+                    const getEvents = get$h(active, 'events').getOr(() => ({}));
+                    return getEvents(behaviourInfo.config, behaviourInfo.state);
+                }).getOr({});
+            }
+        };
+        return me;
+    };
+
+    const derive$1 = (capabilities) => wrapAll(capabilities);
+    const simpleSchema = objOfOnly([
+        required$1('fields'),
+        required$1('name'),
+        defaulted('active', {}),
+        defaulted('apis', {}),
+        defaulted('state', NoState),
+        defaulted('extra', {})
+    ]);
+    const create$3 = (data) => {
+        const value = asRawOrDie$1('Creating behaviour: ' + data.name, simpleSchema, data);
+        return create$4(value.fields, value.name, value.active, value.apis, value.extra, value.state);
+    };
+    const modeSchema = objOfOnly([
+        required$1('branchKey'),
+        required$1('branches'),
+        required$1('name'),
+        defaulted('active', {}),
+        defaulted('apis', {}),
+        defaulted('state', NoState),
+        defaulted('extra', {})
+    ]);
+    const createModes = (data) => {
+        const value = asRawOrDie$1('Creating behaviour: ' + data.name, modeSchema, data);
+        return createModes$1(choose$1(value.branchKey, value.branches), value.name, value.active, value.apis, value.extra, value.state);
+    };
+    const revoke = constant$1(undefined);
+
+    // AlloyEventKeyAndHandler type argument needs to be any here to satisfy an array of handlers
+    // where each item can be any subtype of EventFormat we can't use <T extends EventFormat> since
+    // then each item would have to be the same type
+    const events$i = (name, eventHandlers) => {
+        const events = derive$2(eventHandlers);
+        return create$3({
+            fields: [
+                required$1('enabled')
+            ],
+            name,
+            active: {
+                events: constant$1(events)
+            }
+        });
+    };
+    const config = (name, eventHandlers) => {
+        const me = events$i(name, eventHandlers);
+        return {
+            key: name,
+            value: {
+                config: {},
+                me,
+                configAsRaw: constant$1({}),
+                initialConfig: {},
+                state: NoState
+            }
+        };
+    };
+
+    const SetupBehaviourCellState = (initialState) => {
+        const init = () => {
+            const cell = Cell(initialState);
+            const get = () => cell.get();
+            const set = (newState) => cell.set(newState);
+            const clear = () => cell.set(initialState);
+            const readState = () => cell.get();
+            return {
+                get,
+                set,
+                clear,
+                readState
+            };
+        };
+        return {
+            init
+        };
+    };
+
+    const focus$2 = (component, focusConfig) => {
+        if (!focusConfig.ignore) {
+            focus$4(component.element);
+            focusConfig.onFocus(component);
+        }
+    };
+    const blur = (component, focusConfig) => {
+        if (!focusConfig.ignore) {
+            blur$1(component.element);
+        }
+    };
+    const isFocused = (component) => hasFocus(component.element);
+
+    var FocusApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        focus: focus$2,
+        blur: blur,
+        isFocused: isFocused
+    });
+
+    // TODO: DomModification types
+    const exhibit$6 = (base, focusConfig) => {
+        const mod = focusConfig.ignore ? {} : {
+            attributes: {
+                tabindex: '-1'
+            }
+        };
+        return nu$2(mod);
+    };
+    const events$h = (focusConfig) => derive$2([
+        run$1(focus$3(), (component, simulatedEvent) => {
+            focus$2(component, focusConfig);
+            simulatedEvent.stop();
+        })
+    ].concat(focusConfig.stopMousedown ? [
+        run$1(mousedown(), (_, simulatedEvent) => {
+            // This setting is often used in tandem with ignoreFocus. Basically, if you
+            // don't prevent default on a menu that has fake focus, then it can transfer
+            // focus to the outer body when they click on it, which can break things
+            // which dismiss on blur (e.g. typeahead)
+            simulatedEvent.event.prevent();
+        })
+    ] : []));
+
+    var ActiveFocus = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$6,
+        events: events$h
+    });
+
+    var FocusSchema = [
+        // TODO: Work out when we want to  call this. Only when it is has changed?
+        onHandler('onFocus'),
+        defaulted('stopMousedown', false),
+        defaulted('ignore', false)
+    ];
+
+    const Focusing = create$3({
+        fields: FocusSchema,
+        name: 'focusing',
+        active: ActiveFocus,
+        apis: FocusApis
+        // Consider adding isFocused an an extra
+    });
+
+    const BACKSPACE = [8];
+    const TAB = [9];
+    const ENTER = [13];
+    const ESCAPE = [27];
+    const SPACE = [32];
+    const LEFT = [37];
+    const UP = [38];
+    const RIGHT = [39];
+    const DOWN = [40];
+
+    const cyclePrev = (values, index, predicate) => {
+        const before = reverse(values.slice(0, index));
+        const after = reverse(values.slice(index + 1));
+        return find$5(before.concat(after), predicate);
+    };
+    const tryPrev = (values, index, predicate) => {
+        const before = reverse(values.slice(0, index));
+        return find$5(before, predicate);
+    };
+    const cycleNext = (values, index, predicate) => {
+        const before = values.slice(0, index);
+        const after = values.slice(index + 1);
+        return find$5(after.concat(before), predicate);
+    };
+    const tryNext = (values, index, predicate) => {
+        const after = values.slice(index + 1);
+        return find$5(after, predicate);
+    };
+
+    const inSet = (keys) => (event) => {
+        const raw = event.raw;
+        return contains$2(keys, raw.which);
+    };
+    const and = (preds) => (event) => forall(preds, (pred) => pred(event));
+    const isShift$1 = (event) => {
+        const raw = event.raw;
+        return raw.shiftKey === true;
+    };
+    const isControl = (event) => {
+        const raw = event.raw;
+        return raw.ctrlKey === true;
+    };
+    const isNotShift = not(isShift$1);
+
+    const rule = (matches, action) => ({
+        matches,
+        classification: action
+    });
+    const choose = (transitions, event) => {
+        const transition = find$5(transitions, (t) => t.matches(event));
+        return transition?.map((t) => t.classification);
+    };
+
+    // THIS IS NOT API YET
+    const dehighlightAllExcept = (component, hConfig, hState, skip) => {
+        const highlighted = descendants(component.element, '.' + hConfig.highlightClass);
+        each$1(highlighted, (h) => {
+            // We don't want to dehighlight anything that should be skipped.
+            // Generally, this is because we are about to highlight that thing.
+            const shouldSkip = exists(skip, (skipComp) => eq(skipComp.element, h));
+            if (!shouldSkip) {
+                remove$3(h, hConfig.highlightClass);
+                component.getSystem().getByDom(h).each((target) => {
+                    hConfig.onDehighlight(component, target);
+                    emit(target, dehighlight$1());
+                });
+            }
+        });
+    };
+    const dehighlightAll = (component, hConfig, hState) => dehighlightAllExcept(component, hConfig, hState, []);
+    const dehighlight = (component, hConfig, hState, target) => {
+        // Only act if it was highlighted.
+        if (isHighlighted(component, hConfig, hState, target)) {
+            remove$3(target.element, hConfig.highlightClass);
+            hConfig.onDehighlight(component, target);
+            emit(target, dehighlight$1());
+        }
+    };
+    const highlight = (component, hConfig, hState, target) => {
+        // If asked to highlight something, dehighlight everything else first except
+        // for the new thing we are going to highlight. It's a rare case, but we don't
+        // want to get an onDehighlight, onHighlight for the same item on a highlight call.
+        // We also don't want to call onHighlight if it was already highlighted.
+        //
+        // Note, that there is an important distinction here: highlight is NOT a no-op
+        // if target is already highlighted, because it will still dehighlight everything else.
+        // However, it won't fire any onHighlight or onDehighlight handlers for the already
+        // highlighted item. I'm not sure if this is behaviour we need to maintain, but it is now
+        // tested. A simpler approach might just be to not do anything if it's already highlighted,
+        // but that could leave us in an inconsistent state, where multiple items have highlights
+        // even after a highlight call. This way, highlight validates the highlights in the
+        // component, and ensures there is only one thing highlighted.
+        dehighlightAllExcept(component, hConfig, hState, [target]);
+        if (!isHighlighted(component, hConfig, hState, target)) {
+            add$2(target.element, hConfig.highlightClass);
+            hConfig.onHighlight(component, target);
+            emit(target, highlight$1());
+        }
+    };
+    const highlightFirst = (component, hConfig, hState) => {
+        getFirst(component, hConfig).each((firstComp) => {
+            highlight(component, hConfig, hState, firstComp);
+        });
+    };
+    const highlightLast = (component, hConfig, hState) => {
+        getLast(component, hConfig).each((lastComp) => {
+            highlight(component, hConfig, hState, lastComp);
+        });
+    };
+    const highlightAt = (component, hConfig, hState, index) => {
+        getByIndex(component, hConfig, hState, index).fold((err) => {
+            throw err;
+        }, (firstComp) => {
+            highlight(component, hConfig, hState, firstComp);
+        });
+    };
+    const highlightBy = (component, hConfig, hState, predicate) => {
+        const candidates = getCandidates(component, hConfig);
+        const targetComp = find$5(candidates, predicate);
+        targetComp.each((c) => {
+            highlight(component, hConfig, hState, c);
+        });
+    };
+    const isHighlighted = (component, hConfig, hState, queryTarget) => has(queryTarget.element, hConfig.highlightClass);
+    const getHighlighted = (component, hConfig, _hState) => descendant(component.element, '.' + hConfig.highlightClass).bind((e) => component.getSystem().getByDom(e).toOptional());
+    const getByIndex = (component, hConfig, hState, index) => {
+        const items = descendants(component.element, '.' + hConfig.itemClass);
+        return Optional.from(items[index]).fold(() => Result.error(new Error('No element found with index ' + index)), component.getSystem().getByDom);
+    };
+    const getFirst = (component, hConfig, _hState) => descendant(component.element, '.' + hConfig.itemClass).bind((e) => component.getSystem().getByDom(e).toOptional());
+    const getLast = (component, hConfig, _hState) => {
+        const items = descendants(component.element, '.' + hConfig.itemClass);
+        const last = items.length > 0 ? Optional?.some(items[items.length - 1]) : Optional.none();
+        return last.bind((c) => component.getSystem().getByDom(c).toOptional());
+    };
+    const getDelta$2 = (component, hConfig, hState, delta) => {
+        const items = descendants(component.element, '.' + hConfig.itemClass);
+        const current = findIndex$1(items, (item) => has(item, hConfig.highlightClass));
+        return current.bind((selected) => {
+            const dest = cycleBy(selected, delta, 0, items.length - 1);
+            return component.getSystem().getByDom(items[dest]).toOptional();
+        });
+    };
+    const getPrevious = (component, hConfig, hState) => getDelta$2(component, hConfig, hState, -1);
+    const getNext = (component, hConfig, hState) => getDelta$2(component, hConfig, hState, +1);
+    const getCandidates = (component, hConfig, _hState) => {
+        const items = descendants(component.element, '.' + hConfig.itemClass);
+        return cat(map$2(items, (i) => component.getSystem().getByDom(i).toOptional()));
+    };
+
+    var HighlightApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        dehighlightAll: dehighlightAll,
+        dehighlight: dehighlight,
+        highlight: highlight,
+        highlightFirst: highlightFirst,
+        highlightLast: highlightLast,
+        highlightAt: highlightAt,
+        highlightBy: highlightBy,
+        isHighlighted: isHighlighted,
+        getHighlighted: getHighlighted,
+        getFirst: getFirst,
+        getLast: getLast,
+        getPrevious: getPrevious,
+        getNext: getNext,
+        getCandidates: getCandidates
+    });
+
+    var HighlightSchema = [
+        required$1('highlightClass'),
+        required$1('itemClass'),
+        onHandler('onHighlight'),
+        onHandler('onDehighlight')
+    ];
+
+    const Highlighting = create$3({
+        fields: HighlightSchema,
+        name: 'highlighting',
+        apis: HighlightApis
+    });
+
+    const reportFocusShifting = (component, prevFocus, newFocus) => {
+        const noChange = prevFocus.exists((p) => newFocus.exists((n) => eq(n, p)));
+        if (!noChange) {
+            emitWith(component, focusShifted(), {
+                prevFocus,
+                newFocus
+            });
+        }
+    };
+    const dom$2 = () => {
+        const get = (component) => search(component.element);
+        const set = (component, focusee) => {
+            const prevFocus = get(component);
+            component.getSystem().triggerFocus(focusee, component.element);
+            const newFocus = get(component);
+            reportFocusShifting(component, prevFocus, newFocus);
+        };
+        return {
+            get,
+            set
+        };
+    };
+    const highlights = () => {
+        const get = (component) => Highlighting.getHighlighted(component)?.map((item) => item.element);
+        const set = (component, element) => {
+            const prevFocus = get(component);
+            component.getSystem().getByDom(element).fold(noop, (item) => {
+                Highlighting.highlight(component, item);
+            });
+            const newFocus = get(component);
+            reportFocusShifting(component, prevFocus, newFocus);
+        };
+        return {
+            get,
+            set
+        };
+    };
+
+    const typical = (infoSchema, stateInit, getKeydownRules, getKeyupRules, optFocusIn) => {
+        const schema = () => infoSchema.concat([
+            defaulted('focusManager', dom$2()),
+            defaultedOf('focusInside', 'onFocus', valueOf((val) => contains$2(['onFocus', 'onEnterOrSpace', 'onApi'], val) ? Result.value(val) : Result.error('Invalid value for focusInside'))),
+            output$1('handler', me),
+            output$1('state', stateInit),
+            output$1('sendFocusIn', optFocusIn)
+        ]);
+        const processKey = (component, simulatedEvent, getRules, keyingConfig, keyingState) => {
+            const rules = getRules(component, simulatedEvent, keyingConfig, keyingState);
+            return choose(rules, simulatedEvent.event).bind((rule) => rule(component, simulatedEvent, keyingConfig, keyingState));
+        };
+        const toEvents = (keyingConfig, keyingState) => {
+            const onFocusHandler = keyingConfig.focusInside !== FocusInsideModes.OnFocusMode
+                ? Optional.none()
+                : optFocusIn(keyingConfig)?.map((focusIn) => run$1(focus$3(), (component, simulatedEvent) => {
+                    focusIn(component, keyingConfig, keyingState);
+                    simulatedEvent.stop();
+                }));
+            // On enter or space on root element, if using EnterOrSpace focus mode, fire a focusIn on the component
+            const tryGoInsideComponent = (component, simulatedEvent) => {
+                const isEnterOrSpace = inSet(SPACE.concat(ENTER))(simulatedEvent.event);
+                if (keyingConfig.focusInside === FocusInsideModes.OnEnterOrSpaceMode && isEnterOrSpace && isSource(component, simulatedEvent)) {
+                    optFocusIn(keyingConfig).each((focusIn) => {
+                        focusIn(component, keyingConfig, keyingState);
+                        simulatedEvent.stop();
+                    });
+                }
+            };
+            const keyboardEvents = [
+                run$1(keydown(), (component, simulatedEvent) => {
+                    processKey(component, simulatedEvent, getKeydownRules, keyingConfig, keyingState).fold(() => {
+                        // Key wasn't handled ... so see if we should enter into the component (focusIn)
+                        tryGoInsideComponent(component, simulatedEvent);
+                    }, (_) => {
+                        simulatedEvent.stop();
+                    });
+                }),
+                run$1(keyup(), (component, simulatedEvent) => {
+                    processKey(component, simulatedEvent, getKeyupRules, keyingConfig, keyingState).each((_) => {
+                        simulatedEvent.stop();
+                    });
+                })
+            ];
+            return derive$2(onFocusHandler.toArray().concat(keyboardEvents));
+        };
+        const me = {
+            schema,
+            processKey,
+            toEvents
+        };
+        return me;
+    };
+
+    const create$2 = (cyclicField) => {
+        const schema = [
+            option$3('onEscape'),
+            option$3('onEnter'),
+            defaulted('selector', '[data-alloy-tabstop="true"]:not(:disabled)'),
+            defaulted('firstTabstop', 0),
+            defaulted('useTabstopAt', always),
+            // Maybe later we should just expose isVisible
+            option$3('visibilitySelector')
+        ].concat([
+            cyclicField
+        ]);
+        // TODO: Test this
+        const isVisible = (tabbingConfig, element) => {
+            const target = tabbingConfig.visibilitySelector
+                .bind((sel) => closest$3(element, sel))
+                .getOr(element);
+            // NOTE: We can't use Visibility.isVisible, because the toolbar has width when it has closed, just not height.
+            return get$d(target) > 0;
+        };
+        const findInitial = (component, tabbingConfig) => {
+            const tabstops = descendants(component.element, tabbingConfig.selector);
+            const visibles = filter$2(tabstops, (elem) => isVisible(tabbingConfig, elem));
+            return Optional.from(visibles[tabbingConfig.firstTabstop]);
+        };
+        const findCurrent = (component, tabbingConfig) => tabbingConfig.focusManager.get(component)
+            .bind((elem) => closest$3(elem, tabbingConfig.selector));
+        const isTabstop = (tabbingConfig, element) => isVisible(tabbingConfig, element) && tabbingConfig.useTabstopAt(element);
+        // Fire an alloy focus on the first visible element that matches the selector
+        const focusIn = (component, tabbingConfig, _tabbingState) => {
+            findInitial(component, tabbingConfig).each((target) => {
+                tabbingConfig.focusManager.set(component, target);
+            });
+        };
+        const goFromTabstop = (component, tabstops, stopIndex, tabbingConfig, cycle) => cycle(tabstops, stopIndex, (elem) => isTabstop(tabbingConfig, elem))
+            .fold(
+        // Even if there is only one, still capture the event if cycling
+        () => tabbingConfig.cyclic ? Optional?.some(true) : Optional.none(), (target) => {
+            tabbingConfig.focusManager.set(component, target);
+            // Kill the event
+            return Optional?.some(true);
+        });
+        const go = (component, _simulatedEvent, tabbingConfig, cycle) => {
+            // 1. Find our current tabstop
+            // 2. Find the index of that tabstop
+            // 3. Cycle the tabstop
+            // 4. Fire alloy focus on the resultant tabstop
+            const tabstops = filter$2(descendants(component.element, tabbingConfig.selector), (element) => isVisible(tabbingConfig, element));
+            return findCurrent(component, tabbingConfig).bind((tabstop) => {
+                // focused component
+                const optStopIndex = findIndex$1(tabstops, curry(eq, tabstop));
+                return optStopIndex.bind((stopIndex) => goFromTabstop(component, tabstops, stopIndex, tabbingConfig, cycle));
+            });
+        };
+        const goBackwards = (component, simulatedEvent, tabbingConfig) => {
+            const navigate = tabbingConfig.cyclic ? cyclePrev : tryPrev;
+            return go(component, simulatedEvent, tabbingConfig, navigate);
+        };
+        const goForwards = (component, simulatedEvent, tabbingConfig) => {
+            const navigate = tabbingConfig.cyclic ? cycleNext : tryNext;
+            return go(component, simulatedEvent, tabbingConfig, navigate);
+        };
+        const isFirstChild = (elem) => parentNode(elem).bind(firstChild).exists((child) => eq(child, elem));
+        const goFromPseudoTabstop = (component, simulatedEvent, tabbingConfig) => findCurrent(component, tabbingConfig).filter((elem) => !tabbingConfig.useTabstopAt(elem))
+            .bind((elem) => (isFirstChild(elem) ? goBackwards : goForwards)(component, simulatedEvent, tabbingConfig));
+        const execute = (component, simulatedEvent, tabbingConfig) => tabbingConfig.onEnter.bind((f) => f(component, simulatedEvent));
+        const exit = (component, simulatedEvent, tabbingConfig) => tabbingConfig.onEscape.bind((f) => f(component, simulatedEvent));
+        const getKeydownRules = constant$1([
+            rule(and([isShift$1, inSet(TAB)]), goBackwards),
+            rule(inSet(TAB), goForwards),
+            rule(and([isNotShift, inSet(ENTER)]), execute)
+        ]);
+        const getKeyupRules = constant$1([
+            rule(inSet(ESCAPE), exit),
+            rule(inSet(TAB), goFromPseudoTabstop),
+        ]);
+        return typical(schema, NoState.init, getKeydownRules, getKeyupRules, () => Optional?.some(focusIn));
+    };
+
+    var AcyclicType = create$2(customField('cyclic', never));
+
+    var CyclicType = create$2(customField('cyclic', always));
+
+    const inside = (target) => ((isTag('input')(target) && get$g(target, 'type') !== 'radio') ||
+        isTag('textarea')(target));
+
+    const doDefaultExecute = (component, _simulatedEvent, focused) => {
+        // Note, we use to pass through simulatedEvent here and make target: component. This simplification
+        // may be a problem
+        dispatch(component, focused, execute$5());
+        return Optional?.some(true);
+    };
+    const defaultExecute = (component, simulatedEvent, focused) => {
+        const isComplex = inside(focused) && inSet(SPACE)(simulatedEvent.event);
+        return isComplex ? Optional.none() : doDefaultExecute(component, simulatedEvent, focused);
+    };
+    // On Firefox, pressing space fires a click event if the element maintains focus and fires a keyup. This
+    // stops the keyup, which should stop the click. We might want to make this only work for buttons and Firefox etc,
+    // but at this stage it's cleaner to just always do it. It makes sense that Keying that handles space should handle
+    // keyup also. This does make the name confusing, though.
+    const stopEventForFirefox = (_component, _simulatedEvent) => Optional?.some(true);
+
+    const schema$z = [
+        defaulted('execute', defaultExecute),
+        defaulted('useSpace', false),
+        defaulted('useEnter', true),
+        defaulted('useControlEnter', false),
+        defaulted('useDown', false)
+    ];
+    const execute$4 = (component, simulatedEvent, executeConfig) => executeConfig.execute(component, simulatedEvent, component.element);
+    const getKeydownRules$5 = (component, _simulatedEvent, executeConfig, _executeState) => {
+        const spaceExec = executeConfig.useSpace && !inside(component.element) ? SPACE : [];
+        const enterExec = executeConfig.useEnter ? ENTER : [];
+        const downExec = executeConfig.useDown ? DOWN : [];
+        const execKeys = spaceExec.concat(enterExec).concat(downExec);
+        return [
+            rule(inSet(execKeys), execute$4)
+        ].concat(executeConfig.useControlEnter ? [
+            rule(and([isControl, inSet(ENTER)]), execute$4)
+        ] : []);
+    };
+    const getKeyupRules$5 = (component, _simulatedEvent, executeConfig, _executeState) => executeConfig.useSpace && !inside(component.element) ?
+        [rule(inSet(SPACE), stopEventForFirefox)] :
+        [];
+    var ExecutionType = typical(schema$z, NoState.init, getKeydownRules$5, getKeyupRules$5, () => Optional.none());
+
+    const flatgrid$1 = () => {
+        const dimensions = value$2();
+        const setGridSize = (numRows, numColumns) => {
+            dimensions.set({ numRows, numColumns });
+        };
+        const getNumRows = () => dimensions.get()?.map((d) => d.numRows);
+        const getNumColumns = () => dimensions.get()?.map((d) => d.numColumns);
+        return nu$4({
+            readState: () => dimensions.get()?.map((d) => ({
+                numRows: String(d.numRows),
+                numColumns: String(d.numColumns)
+            })).getOr({
+                numRows: '?',
+                numColumns: '?'
+            }),
+            setGridSize,
+            getNumRows,
+            getNumColumns
+        });
+    };
+    const init$g = (spec) => spec.state(spec);
+
+    var KeyingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        flatgrid: flatgrid$1,
+        init: init$g
+    });
+
+    // Looks up direction (considering LTR and RTL), finds the focused element,
+    // and tries to move. If it succeeds, triggers focus and kills the event.
+    const useH = (movement) => (component, simulatedEvent, config, state) => {
+        const move = movement(component.element);
+        return use(move, component, simulatedEvent, config, state);
+    };
+    const west = (moveLeft, moveRight) => {
+        const movement = onDirection(moveLeft, moveRight);
+        return useH(movement);
+    };
+    const east = (moveLeft, moveRight) => {
+        const movement = onDirection(moveRight, moveLeft);
+        return useH(movement);
+    };
+    const useV = (move) => (component, simulatedEvent, config, state) => use(move, component, simulatedEvent, config, state);
+    const use = (move, component, simulatedEvent, config, state) => {
+        const outcome = config.focusManager.get(component).bind((focused) => move(component.element, focused, config, state));
+        return outcome?.map((newFocus) => {
+            config.focusManager.set(component, newFocus);
+            return true;
+        });
+    };
+    const north = useV;
+    const south = useV;
+    const move$1 = useV;
+
+    const locate = (candidates, predicate) => findIndex$1(candidates, predicate)?.map((index) => ({
+        index,
+        candidates
+    }));
+
+    const locateVisible = (container, current, selector) => {
+        const predicate = (x) => eq(x, current);
+        const candidates = descendants(container, selector);
+        const visible = filter$2(candidates, isVisible);
+        return locate(visible, predicate);
+    };
+    const findIndex = (elements, target) => findIndex$1(elements, (elem) => eq(target, elem));
+
+    const withGrid = (values, index, numCols, f) => {
+        const oldRow = Math.floor(index / numCols);
+        const oldColumn = index % numCols;
+        return f(oldRow, oldColumn).bind((address) => {
+            const newIndex = address.row * numCols + address.column;
+            return newIndex >= 0 && newIndex < values.length ? Optional?.some(values[newIndex]) : Optional.none();
+        });
+    };
+    const cycleHorizontal$1 = (values, index, numRows, numCols, delta) => withGrid(values, index, numCols, (oldRow, oldColumn) => {
+        const onLastRow = oldRow === numRows - 1;
+        const colsInRow = onLastRow ? values.length - (oldRow * numCols) : numCols;
+        const newColumn = cycleBy(oldColumn, delta, 0, colsInRow - 1);
+        return Optional?.some({
+            row: oldRow,
+            column: newColumn
+        });
+    });
+    const cycleVertical$1 = (values, index, numRows, numCols, delta) => withGrid(values, index, numCols, (oldRow, oldColumn) => {
+        const newRow = cycleBy(oldRow, delta, 0, numRows - 1);
+        const onLastRow = newRow === numRows - 1;
+        const colsInRow = onLastRow ? values.length - (newRow * numCols) : numCols;
+        const newCol = clamp(oldColumn, 0, colsInRow - 1);
+        return Optional?.some({
+            row: newRow,
+            column: newCol
+        });
+    });
+    const cycleRight$1 = (values, index, numRows, numCols) => cycleHorizontal$1(values, index, numRows, numCols, +1);
+    const cycleLeft$1 = (values, index, numRows, numCols) => cycleHorizontal$1(values, index, numRows, numCols, -1);
+    const cycleUp$1 = (values, index, numRows, numCols) => cycleVertical$1(values, index, numRows, numCols, -1);
+    const cycleDown$1 = (values, index, numRows, numCols) => cycleVertical$1(values, index, numRows, numCols, +1);
+
+    const schema$y = [
+        required$1('selector'),
+        defaulted('execute', defaultExecute),
+        onKeyboardHandler('onEscape'),
+        defaulted('captureTab', false),
+        initSize()
+    ];
+    const focusIn$4 = (component, gridConfig, _gridState) => {
+        descendant(component.element, gridConfig.selector).each((first) => {
+            gridConfig.focusManager.set(component, first);
+        });
+    };
+    const findCurrent$1 = (component, gridConfig) => gridConfig.focusManager.get(component).bind((elem) => closest$3(elem, gridConfig.selector));
+    const execute$3 = (component, simulatedEvent, gridConfig, _gridState) => findCurrent$1(component, gridConfig)
+        .bind((focused) => gridConfig.execute(component, simulatedEvent, focused));
+    const doMove$2 = (cycle) => (element, focused, gridConfig, gridState) => locateVisible(element, focused, gridConfig.selector)
+        .bind((identified) => cycle(identified.candidates, identified.index, gridState.getNumRows().getOr(gridConfig.initSize.numRows), gridState.getNumColumns().getOr(gridConfig.initSize.numColumns)));
+    const handleTab = (_component, _simulatedEvent, gridConfig) => gridConfig.captureTab ? Optional?.some(true) : Optional.none();
+    const doEscape$1 = (component, simulatedEvent, gridConfig) => gridConfig.onEscape(component, simulatedEvent);
+    const moveLeft$3 = doMove$2(cycleLeft$1);
+    const moveRight$3 = doMove$2(cycleRight$1);
+    const moveNorth$1 = doMove$2(cycleUp$1);
+    const moveSouth$1 = doMove$2(cycleDown$1);
+    const getKeydownRules$4 = constant$1([
+        rule(inSet(LEFT), west(moveLeft$3, moveRight$3)),
+        rule(inSet(RIGHT), east(moveLeft$3, moveRight$3)),
+        rule(inSet(UP), north(moveNorth$1)),
+        rule(inSet(DOWN), south(moveSouth$1)),
+        rule(and([isShift$1, inSet(TAB)]), handleTab),
+        rule(and([isNotShift, inSet(TAB)]), handleTab),
+        // Probably should make whether space is used configurable
+        rule(inSet(SPACE.concat(ENTER)), execute$3)
+    ]);
+    const getKeyupRules$4 = constant$1([
+        rule(inSet(ESCAPE), doEscape$1),
+        rule(inSet(SPACE), stopEventForFirefox)
+    ]);
+    var FlatgridType = typical(schema$y, flatgrid$1, getKeydownRules$4, getKeyupRules$4, () => Optional?.some(focusIn$4));
+
+    const f = (container, selector, current, delta, getNewIndex) => {
+        const isDisabledButton = (candidate) => name$3(candidate) === 'button' && get$g(candidate, 'disabled') === 'disabled';
+        const tryNewIndex = (initial, index, candidates) => getNewIndex(initial, index, delta, 0, candidates.length - 1, candidates[index], (newIndex) => isDisabledButton(candidates[newIndex]) ?
+            tryNewIndex(initial, newIndex, candidates) :
+            Optional.from(candidates[newIndex]));
+        // I wonder if this will be a problem when the focused element is invisible (shouldn't happen)
+        return locateVisible(container, current, selector).bind((identified) => {
+            const index = identified.index;
+            const candidates = identified.candidates;
+            return tryNewIndex(index, index, candidates);
+        });
+    };
+    const horizontalWithoutCycles = (container, selector, current, delta) => f(container, selector, current, delta, (prevIndex, v, d, min, max, oldCandidate, onNewIndex) => {
+        const newIndex = clamp(v + d, min, max);
+        return newIndex === prevIndex ? Optional.from(oldCandidate) : onNewIndex(newIndex);
+    });
+    const horizontal = (container, selector, current, delta) => f(container, selector, current, delta, (prevIndex, v, d, min, max, _oldCandidate, onNewIndex) => {
+        const newIndex = cycleBy(v, d, min, max);
+        // If we've cycled back to the original index, we've failed to find a new valid candidate
+        return newIndex === prevIndex ? Optional.none() : onNewIndex(newIndex);
+    });
+
+    const schema$x = [
+        required$1('selector'),
+        defaulted('getInitial', Optional.none),
+        defaulted('execute', defaultExecute),
+        onKeyboardHandler('onEscape'),
+        defaulted('executeOnMove', false),
+        defaulted('allowVertical', true),
+        defaulted('allowHorizontal', true),
+        defaulted('cycles', true)
+    ];
+    // TODO: Remove dupe.
+    // TODO: Probably use this for not just execution.
+    const findCurrent = (component, flowConfig) => flowConfig.focusManager.get(component).bind((elem) => closest$3(elem, flowConfig.selector));
+    const execute$2 = (component, simulatedEvent, flowConfig) => findCurrent(component, flowConfig).bind((focused) => flowConfig.execute(component, simulatedEvent, focused));
+    const focusIn$3 = (component, flowConfig, _state) => {
+        flowConfig.getInitial(component).orThunk(() => descendant(component.element, flowConfig.selector)).each((first) => {
+            flowConfig.focusManager.set(component, first);
+        });
+    };
+    const moveLeft$2 = (element, focused, info) => (info.cycles ? horizontal : horizontalWithoutCycles)(element, info.selector, focused, -1);
+    const moveRight$2 = (element, focused, info) => (info.cycles ? horizontal : horizontalWithoutCycles)(element, info.selector, focused, +1);
+    const doMove$1 = (movement) => (component, simulatedEvent, flowConfig, flowState) => movement(component, simulatedEvent, flowConfig, flowState).bind(() => flowConfig.executeOnMove ?
+        execute$2(component, simulatedEvent, flowConfig) :
+        Optional?.some(true));
+    const doEscape = (component, simulatedEvent, flowConfig) => flowConfig.onEscape(component, simulatedEvent);
+    const getKeydownRules$3 = (_component, _se, flowConfig, _flowState) => {
+        const westMovers = [...flowConfig.allowHorizontal ? LEFT : []].concat(flowConfig.allowVertical ? UP : []);
+        const eastMovers = [...flowConfig.allowHorizontal ? RIGHT : []].concat(flowConfig.allowVertical ? DOWN : []);
+        return [
+            rule(inSet(westMovers), doMove$1(west(moveLeft$2, moveRight$2))),
+            rule(inSet(eastMovers), doMove$1(east(moveLeft$2, moveRight$2))),
+            rule(inSet(ENTER), execute$2),
+            rule(inSet(SPACE), execute$2)
+        ];
+    };
+    const getKeyupRules$3 = constant$1([
+        rule(inSet(SPACE), stopEventForFirefox),
+        rule(inSet(ESCAPE), doEscape)
+    ]);
+    var FlowType = typical(schema$x, NoState.init, getKeydownRules$3, getKeyupRules$3, () => Optional?.some(focusIn$3));
+
+    const toCell = (matrix, rowIndex, columnIndex) => Optional.from(matrix[rowIndex]).bind((row) => Optional.from(row[columnIndex])?.map((cell) => ({
+        rowIndex,
+        columnIndex,
+        cell
+    })));
+    const cycleHorizontal = (matrix, rowIndex, startCol, deltaCol) => {
+        const row = matrix[rowIndex];
+        const colsInRow = row.length;
+        const newColIndex = cycleBy(startCol, deltaCol, 0, colsInRow - 1);
+        return toCell(matrix, rowIndex, newColIndex);
+    };
+    const cycleVertical = (matrix, colIndex, startRow, deltaRow) => {
+        const nextRowIndex = cycleBy(startRow, deltaRow, 0, matrix.length - 1);
+        const colsInNextRow = matrix[nextRowIndex].length;
+        const nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
+        return toCell(matrix, nextRowIndex, nextColIndex);
+    };
+    const moveHorizontal = (matrix, rowIndex, startCol, deltaCol) => {
+        const row = matrix[rowIndex];
+        const colsInRow = row.length;
+        const newColIndex = clamp(startCol + deltaCol, 0, colsInRow - 1);
+        return toCell(matrix, rowIndex, newColIndex);
+    };
+    const moveVertical = (matrix, colIndex, startRow, deltaRow) => {
+        const nextRowIndex = clamp(startRow + deltaRow, 0, matrix.length - 1);
+        const colsInNextRow = matrix[nextRowIndex].length;
+        const nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
+        return toCell(matrix, nextRowIndex, nextColIndex);
+    };
+    // return address(Math.floor(index / columns), index % columns);
+    const cycleRight = (matrix, startRow, startCol) => cycleHorizontal(matrix, startRow, startCol, +1);
+    const cycleLeft = (matrix, startRow, startCol) => cycleHorizontal(matrix, startRow, startCol, -1);
+    const cycleUp = (matrix, startRow, startCol) => cycleVertical(matrix, startCol, startRow, -1);
+    const cycleDown = (matrix, startRow, startCol) => cycleVertical(matrix, startCol, startRow, +1);
+    const moveLeft$1 = (matrix, startRow, startCol) => moveHorizontal(matrix, startRow, startCol, -1);
+    const moveRight$1 = (matrix, startRow, startCol) => moveHorizontal(matrix, startRow, startCol, +1);
+    const moveUp$1 = (matrix, startRow, startCol) => moveVertical(matrix, startCol, startRow, -1);
+    const moveDown$1 = (matrix, startRow, startCol) => moveVertical(matrix, startCol, startRow, +1);
+
+    const schema$w = [
+        requiredObjOf('selectors', [
+            required$1('row'),
+            required$1('cell')
+        ]),
+        // Used to determine whether pressing right/down at the end cycles back to the start/top
+        defaulted('cycles', true),
+        defaulted('previousSelector', Optional.none),
+        defaulted('execute', defaultExecute)
+    ];
+    const focusIn$2 = (component, matrixConfig, _state) => {
+        const focused = matrixConfig.previousSelector(component).orThunk(() => {
+            const selectors = matrixConfig.selectors;
+            return descendant(component.element, selectors.cell);
+        });
+        focused.each((cell) => {
+            matrixConfig.focusManager.set(component, cell);
+        });
+    };
+    const execute$1 = (component, simulatedEvent, matrixConfig) => search(component.element).bind((focused) => matrixConfig.execute(component, simulatedEvent, focused));
+    const toMatrix = (rows, matrixConfig) => map$2(rows, (row) => descendants(row, matrixConfig.selectors.cell));
+    const doMove = (ifCycle, ifMove) => (element, focused, matrixConfig) => {
+        const move = matrixConfig.cycles ? ifCycle : ifMove;
+        return closest$3(focused, matrixConfig.selectors.row).bind((inRow) => {
+            const cellsInRow = descendants(inRow, matrixConfig.selectors.cell);
+            return findIndex(cellsInRow, focused).bind((colIndex) => {
+                const allRows = descendants(element, matrixConfig.selectors.row);
+                return findIndex(allRows, inRow).bind((rowIndex) => {
+                    // Now, make the matrix.
+                    const matrix = toMatrix(allRows, matrixConfig);
+                    return move(matrix, rowIndex, colIndex)?.map((next) => next.cell);
+                });
+            });
+        });
+    };
+    const moveLeft = doMove(cycleLeft, moveLeft$1);
+    const moveRight = doMove(cycleRight, moveRight$1);
+    const moveNorth = doMove(cycleUp, moveUp$1);
+    const moveSouth = doMove(cycleDown, moveDown$1);
+    const getKeydownRules$2 = constant$1([
+        rule(inSet(LEFT), west(moveLeft, moveRight)),
+        rule(inSet(RIGHT), east(moveLeft, moveRight)),
+        rule(inSet(UP), north(moveNorth)),
+        rule(inSet(DOWN), south(moveSouth)),
+        rule(inSet(SPACE.concat(ENTER)), execute$1)
+    ]);
+    const getKeyupRules$2 = constant$1([
+        rule(inSet(SPACE), stopEventForFirefox)
+    ]);
+    var MatrixType = typical(schema$w, NoState.init, getKeydownRules$2, getKeyupRules$2, () => Optional?.some(focusIn$2));
+
+    const schema$v = [
+        required$1('selector'),
+        defaulted('execute', defaultExecute),
+        defaulted('moveOnTab', false)
+    ];
+    const execute = (component, simulatedEvent, menuConfig) => menuConfig.focusManager.get(component).bind((focused) => menuConfig.execute(component, simulatedEvent, focused));
+    const focusIn$1 = (component, menuConfig, _state) => {
+        // Maybe keep selection if it was there before
+        descendant(component.element, menuConfig.selector).each((first) => {
+            menuConfig.focusManager.set(component, first);
+        });
+    };
+    const moveUp = (element, focused, info) => horizontal(element, info.selector, focused, -1);
+    const moveDown = (element, focused, info) => horizontal(element, info.selector, focused, +1);
+    const fireShiftTab = (component, simulatedEvent, menuConfig, menuState) => menuConfig.moveOnTab ? move$1(moveUp)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
+    const fireTab = (component, simulatedEvent, menuConfig, menuState) => menuConfig.moveOnTab ? move$1(moveDown)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
+    const getKeydownRules$1 = constant$1([
+        rule(inSet(UP), move$1(moveUp)),
+        rule(inSet(DOWN), move$1(moveDown)),
+        rule(and([isShift$1, inSet(TAB)]), fireShiftTab),
+        rule(and([isNotShift, inSet(TAB)]), fireTab),
+        rule(inSet(ENTER), execute),
+        rule(inSet(SPACE), execute)
+    ]);
+    const getKeyupRules$1 = constant$1([
+        rule(inSet(SPACE), stopEventForFirefox)
+    ]);
+    var MenuType = typical(schema$v, NoState.init, getKeydownRules$1, getKeyupRules$1, () => Optional?.some(focusIn$1));
+
+    const schema$u = [
+        onKeyboardHandler('onSpace'),
+        onKeyboardHandler('onEnter'),
+        onKeyboardHandler('onShiftEnter'),
+        onKeyboardHandler('onLeft'),
+        onKeyboardHandler('onRight'),
+        onKeyboardHandler('onTab'),
+        onKeyboardHandler('onShiftTab'),
+        onKeyboardHandler('onUp'),
+        onKeyboardHandler('onDown'),
+        onKeyboardHandler('onEscape'),
+        defaulted('stopSpaceKeyup', false),
+        option$3('focusIn')
+    ];
+    const getKeydownRules = (component, simulatedEvent, specialInfo) => [
+        rule(inSet(SPACE), specialInfo.onSpace),
+        rule(and([isNotShift, inSet(ENTER)]), specialInfo.onEnter),
+        rule(and([isShift$1, inSet(ENTER)]), specialInfo.onShiftEnter),
+        rule(and([isShift$1, inSet(TAB)]), specialInfo.onShiftTab),
+        rule(and([isNotShift, inSet(TAB)]), specialInfo.onTab),
+        rule(inSet(UP), specialInfo.onUp),
+        rule(inSet(DOWN), specialInfo.onDown),
+        rule(inSet(LEFT), specialInfo.onLeft),
+        rule(inSet(RIGHT), specialInfo.onRight),
+        rule(inSet(SPACE), specialInfo.onSpace)
+    ];
+    const getKeyupRules = (component, simulatedEvent, specialInfo) => [
+        ...(specialInfo.stopSpaceKeyup ? [rule(inSet(SPACE), stopEventForFirefox)] : []),
+        rule(inSet(ESCAPE), specialInfo.onEscape)
+    ];
+    var SpecialType = typical(schema$u, NoState.init, getKeydownRules, getKeyupRules, (specialInfo) => specialInfo.focusIn);
+
+    const acyclic = AcyclicType.schema();
+    const cyclic = CyclicType.schema();
+    const flow = FlowType.schema();
+    const flatgrid = FlatgridType.schema();
+    const matrix = MatrixType.schema();
+    const execution = ExecutionType.schema();
+    const menu = MenuType.schema();
+    const special = SpecialType.schema();
+
+    var KeyboardBranches = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        acyclic: acyclic,
+        cyclic: cyclic,
+        flow: flow,
+        flatgrid: flatgrid,
+        matrix: matrix,
+        execution: execution,
+        menu: menu,
+        special: special
+    });
+
+    const isFlatgridState = (keyState) => hasNonNullableKey(keyState, 'setGridSize');
+    const Keying = createModes({
+        branchKey: 'mode',
+        branches: KeyboardBranches,
+        name: 'keying',
+        active: {
+            events: (keyingConfig, keyingState) => {
+                const handler = keyingConfig.handler;
+                return handler.toEvents(keyingConfig, keyingState);
+            }
+        },
+        apis: {
+            focusIn: (component, keyConfig, keyState) => {
+                // If we have a custom sendFocusIn function, use that.
+                // Otherwise, we just trigger focus on the outer element.
+                keyConfig.sendFocusIn(keyConfig).fold(() => {
+                    component.getSystem().triggerFocus(component.element, component.element);
+                }, (sendFocusIn) => {
+                    sendFocusIn(component, keyConfig, keyState);
+                });
+            },
+            // These APIs are going to be interesting because they are not
+            // available for all keying modes
+            setGridSize: (component, keyConfig, keyState, numRows, numColumns) => {
+                if (!isFlatgridState(keyState)) {
+                    // eslint-disable-next-line no-console
+                    console.error('Layout does not support setGridSize');
+                }
+                else {
+                    keyState.setGridSize(numRows, numColumns);
+                }
+            }
+        },
+        state: KeyingState
+    });
+
+    const premadeTag = generate$6('alloy-premade');
+    const premade$1 = (comp) => {
+        Object.defineProperty(comp.element.dom, premadeTag, {
+            value: comp.uid,
+            writable: true
+        });
+        return wrap(premadeTag, comp);
+    };
+    const isPremade = (element) => has$2(element.dom, premadeTag);
+    const getPremade = (spec) => get$h(spec, premadeTag);
+    const makeApi = (f) => markAsSketchApi((component, ...rest) => f(component.getApis(), component, ...rest), f);
+
+    const isConnected = (comp) => comp.getSystem().isConnected();
+    const fireDetaching = (component) => {
+        emit(component, detachedFromDom());
+        const children = component.components();
+        each$1(children, fireDetaching);
+    };
+    const fireAttaching = (component) => {
+        const children = component.components();
+        each$1(children, fireAttaching);
+        emit(component, attachedToDom());
+    };
+    // Unlike attach, a virtualAttach makes no actual DOM changes.
+    // This is because it should only be used in a situation
+    // where we are patching an existing element.
+    const virtualAttach = (parent, child) => {
+        // So we still add it to the world
+        parent.getSystem().addToWorld(child);
+        // And we fire attaching ONLY if it's already in the DOM
+        if (inBody(parent.element)) {
+            fireAttaching(child);
+        }
+    };
+    // Unlike detach, a virtualDetach makes no actual DOM changes.
+    // This is because it's used in patching circumstances.
+    const virtualDetach = (comp) => {
+        fireDetaching(comp);
+        comp.getSystem().removeFromWorld(comp);
+    };
+    const attach$1 = (parent, child) => {
+        append$2(parent.element, child.element);
+    };
+    const detachChildren$1 = (component) => {
+        // This will not detach the component, but will detach its children and sync at the end.
+        each$1(component.components(), (childComp) => remove$7(childComp.element));
+        // Clear the component also.
+        empty(component.element);
+        component.syncComponents();
+    };
+    const replaceChildren = (component, newSpecs, buildNewChildren) => {
+        // Detach all existing children
+        const subs = component.components();
+        detachChildren$1(component);
+        const newChildren = buildNewChildren(newSpecs);
+        // Determine which components have been deleted and remove them from the world
+        const deleted = difference(subs, newChildren);
+        each$1(deleted, (comp) => {
+            fireDetaching(comp);
+            component.getSystem().removeFromWorld(comp);
+        });
+        // Add all new components
+        each$1(newChildren, (childComp) => {
+            // If the component isn't connected, ie is new, then we also need to add it to the world
+            if (!isConnected(childComp)) {
+                component.getSystem().addToWorld(childComp);
+                attach$1(component, childComp);
+                if (inBody(component.element)) {
+                    fireAttaching(childComp);
+                }
+            }
+            else {
+                attach$1(component, childComp);
+            }
+        });
+        component.syncComponents();
+    };
+    const virtualReplaceChildren = (component, newSpecs, buildNewChildren) => {
+        // When replacing we don't want to fire detachedFromDom and attachedToDom again for a premade that has just had its position in the children moved around,
+        // so we only detach initially if we aren't a premade. Premades will be detached later, but only if they are no longer in the child list.
+        const subs = component.components();
+        const existingComps = bind$3(newSpecs, (spec) => getPremade(spec).toArray());
+        each$1(subs, (childComp) => {
+            if (!contains$2(existingComps, childComp)) {
+                virtualDetach(childComp);
+            }
+        });
+        const newChildren = buildNewChildren(newSpecs);
+        // Determine which components have been deleted and remove them from the world
+        // It's probable the component has already been detached beforehand so only
+        // detach what's still attached to the world (i.e removed premades)
+        const deleted = difference(subs, newChildren);
+        each$1(deleted, (deletedComp) => {
+            if (isConnected(deletedComp)) {
+                virtualDetach(deletedComp);
+            }
+        });
+        // Add all new components
+        each$1(newChildren, (childComp) => {
+            // If the component isn't connected, ie is new, then we also need to add it to the world
+            if (!isConnected(childComp)) {
+                virtualAttach(component, childComp);
+            }
+        });
+        component.syncComponents();
+    };
+
+    const attach = (parent, child) => {
+        attachWith(parent, child, append$2);
+    };
+    const attachWith = (parent, child, insertion) => {
+        parent.getSystem().addToWorld(child);
+        insertion(parent.element, child.element);
+        if (inBody(parent.element)) {
+            fireAttaching(child);
+        }
+        parent.syncComponents();
+    };
+    const doDetach = (component) => {
+        fireDetaching(component);
+        remove$7(component.element);
+        component.getSystem().removeFromWorld(component);
+    };
+    const detach = (component) => {
+        const parent$1 = parent(component.element).bind((p) => component.getSystem().getByDom(p).toOptional());
+        doDetach(component);
+        parent$1.each((p) => {
+            p.syncComponents();
+        });
+    };
+    const detachChildren = (component) => {
+        // This will not detach the component, but will detach its children and sync at the end.
+        const subs = component.components();
+        each$1(subs, doDetach);
+        // Clear the component also.
+        empty(component.element);
+        component.syncComponents();
+    };
+    const attachSystem = (element, guiSystem) => {
+        attachSystemWith(element, guiSystem, append$2);
+    };
+    const attachSystemAfter = (element, guiSystem) => {
+        attachSystemWith(element, guiSystem, after$1);
+    };
+    const attachSystemWith = (element, guiSystem, inserter) => {
+        inserter(element, guiSystem.element);
+        const children$1 = children(guiSystem.element);
+        each$1(children$1, (child) => {
+            guiSystem.getByDom(child).each(fireAttaching);
+        });
+    };
+    const detachSystem = (guiSystem) => {
+        const children$1 = children(guiSystem.element);
+        each$1(children$1, (child) => {
+            guiSystem.getByDom(child).each(fireDetaching);
+        });
+        remove$7(guiSystem.element);
+    };
+
+    const determineObsoleted = (parent, index, oldObsoleted) => {
+        // When dealing with premades, the process of building something may have moved existing nodes around, so we see
+        // if the child at the index position is still the same. If it isn't, we need to introduce some complex behaviour
+        //
+        // Example:
+        // ```<div><premade></premade><span></span></div>```
+        // and then moving the premade inside a blockquote
+        // ```<div><blockquote><premade></premade></blockquote><span></span></div>```
+        //
+        // so when you go to replace the first thing it would think there is only 1 child which would be the span, so in
+        // this case we insert a marker to keep the span in the same spot.
+        const newObsoleted = child$2(parent, index);
+        return newObsoleted?.map((newObs) => {
+            const elemChanged = oldObsoleted.exists((o) => !eq(o, newObs));
+            // Adding a marker prevents the case where a premade is added to something shifting it from where
+            // it was. That in turn un-synced all trailing children and made it so they couldn't be patched.
+            if (elemChanged) {
+                const oldTag = oldObsoleted?.map(name$3).getOr('span');
+                const marker = SugarElement.fromTag(oldTag);
+                before$1(newObs, marker);
+                return marker;
+            }
+            else {
+                return newObs;
+            }
+        });
+    };
+    const ensureInDom = (parent, child, obsoleted) => {
+        obsoleted.fold(
+        // There is nothing here, so just append to the parent
+        () => append$2(parent, child), (obs) => {
+            if (!eq(obs, child)) {
+                // This situation occurs when the DOM element that has been patched when building it is no
+                // longer the one that we need to replace. This is probably caused by premades.
+                before$1(obs, child);
+                remove$7(obs);
+            }
+        });
+    };
+    const patchChildrenWith = (parent, nu, f) => {
+        const builtChildren = map$2(nu, f);
+        // Need to regather the children in case some of the previous children have moved
+        // to an earlier index. So this just prunes any leftover children in the dom.
+        const currentChildren = children(parent);
+        each$1(currentChildren.slice(builtChildren.length), remove$7);
+        return builtChildren;
+    };
+    const patchSpecChild = (parent, index, spec, build) => {
+        // Before building anything, this is the DOM element we are going to try to use.
+        const oldObsoleted = child$2(parent, index);
+        const childComp = build(spec, oldObsoleted);
+        const obsoleted = determineObsoleted(parent, index, oldObsoleted);
+        ensureInDom(parent, childComp.element, obsoleted);
+        return childComp;
+    };
+    const patchSpecChildren = (parent, specs, build) => patchChildrenWith(parent, specs, (spec, index) => patchSpecChild(parent, index, spec, build));
+    const patchDomChildren = (parent, nodes) => patchChildrenWith(parent, nodes, (node, index) => {
+        const optObsoleted = child$2(parent, index);
+        ensureInDom(parent, node, optObsoleted);
+        return node;
+    });
+
+    const preserve = (f, container) => {
+        const dos = getRootNode(container);
+        const refocus = active$1(dos).bind((focused) => {
+            const hasFocus = (elem) => eq(focused, elem);
+            return hasFocus(container) ? Optional?.some(container) : descendant$1(container, hasFocus);
+        });
+        const result = f(container);
+        // If there is a focussed element, the F function may cause focus to be lost (such as by hiding elements). Restore it afterwards.
+        refocus.each((oldFocus) => {
+            active$1(dos).filter((newFocus) => eq(newFocus, oldFocus)).fold(() => {
+                // Only refocus if the focus has changed, otherwise we break IE
+                focus$4(oldFocus);
+            }, noop);
+        });
+        return result;
+    };
+
+    const withoutReuse = (parent, data) => {
+        preserve(() => {
+            replaceChildren(parent, data, () => map$2(data, parent.getSystem().build));
+        }, parent.element);
+    };
+    const withReuse = (parent, data) => {
+        // Note: We shouldn't need AriaPreserve since we're trying to keep the existing elements,
+        // but let's just do it for now just to be safe.
+        preserve(() => {
+            virtualReplaceChildren(parent, data, () => {
+                // Build the new children
+                return patchSpecChildren(parent.element, data, parent.getSystem().buildOrPatch);
+            });
+        }, parent.element);
+    };
+
+    const virtualReplace = (component, replacee, replaceeIndex, childSpec) => {
+        virtualDetach(replacee);
+        const child = patchSpecChild(component.element, replaceeIndex, childSpec, component.getSystem().buildOrPatch);
+        virtualAttach(component, child);
+        component.syncComponents();
+    };
+    const insert = (component, insertion, childSpec) => {
+        const child = component.getSystem().build(childSpec);
+        attachWith(component, child, insertion);
+    };
+    const replace = (component, replacee, replaceeIndex, childSpec) => {
+        detach(replacee);
+        insert(component, (p, c) => appendAt(p, c, replaceeIndex), childSpec);
+    };
+    const set$3 = (component, replaceConfig, replaceState, data) => {
+        const replacer = replaceConfig.reuseDom ? withReuse : withoutReuse;
+        return replacer(component, data);
+    };
+    const append = (component, replaceConfig, replaceState, appendee) => {
+        insert(component, append$2, appendee);
+    };
+    const prepend = (component, replaceConfig, replaceState, prependee) => {
+        insert(component, prepend$1, prependee);
+    };
+    // NOTE: Removee is going to be a component, not a spec.
+    const remove = (component, replaceConfig, replaceState, removee) => {
+        const children = contents(component);
+        const foundChild = find$5(children, (child) => eq(removee.element, child.element));
+        foundChild.each(detach);
+    };
+    // TODO: Rename
+    const contents = (component, _replaceConfig) => component.components();
+    const replaceAt = (component, replaceConfig, replaceState, replaceeIndex, replacer) => {
+        const children = contents(component);
+        return Optional.from(children[replaceeIndex])?.map((replacee) => {
+            replacer.fold(() => detach(replacee), (r) => {
+                const replacer = replaceConfig.reuseDom ? virtualReplace : replace;
+                replacer(component, replacee, replaceeIndex, r);
+            });
+            return replacee;
+        });
+    };
+    const replaceBy = (component, replaceConfig, replaceState, replaceePred, replacer) => {
+        const children = contents(component);
+        return findIndex$1(children, replaceePred).bind((replaceeIndex) => replaceAt(component, replaceConfig, replaceState, replaceeIndex, replacer));
+    };
+
+    var ReplaceApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        append: append,
+        prepend: prepend,
+        remove: remove,
+        replaceAt: replaceAt,
+        replaceBy: replaceBy,
+        set: set$3,
+        contents: contents
+    });
+
+    const Replacing = create$3({
+        fields: [
+            defaultedBoolean('reuseDom', true)
+        ],
+        name: 'replacing',
+        apis: ReplaceApis
+    });
+
+    // The purpose of this check is to ensure that a simulated focus call is not going
+    // to recurse infinitely. Essentially, if the originator of the focus call is the same
+    // as the element receiving it, and it wasn't its own target, then stop the focus call
+    // and log a warning.
+    const isRecursive = (component, originator, target) => eq(originator, component.element) && !eq(originator, target);
+    const events$g = derive$2([
+        can(focus$3(), (component, simulatedEvent) => {
+            // originator may not always be there. Will need to check this.
+            const event = simulatedEvent.event;
+            const originator = event.originator;
+            const target = event.target;
+            if (isRecursive(component, originator, target)) {
+                // eslint-disable-next-line no-console
+                console.warn(focus$3() + ' did not get interpreted by the desired target. ' +
+                    '\nOriginator: ' + element(originator) +
+                    '\nTarget: ' + element(target) +
+                    '\nCheck the ' + focus$3() + ' event handlers');
+                return false;
+            }
+            else {
+                return true;
+            }
+        })
+    ]);
+
+    var DefaultEvents = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$g
+    });
+
+    const prefix$1 = constant$1('alloy-id-');
+    const idAttr$1 = constant$1('data-alloy-id');
+
+    const prefix = prefix$1();
+    const idAttr = idAttr$1();
+    const write = (label, elem) => {
+        const id = generate$6(prefix + label);
+        writeOnly(elem, id);
+        return id;
+    };
+    const writeOnly = (elem, uid) => {
+        Object.defineProperty(elem.dom, idAttr, {
+            value: uid,
+            writable: true
+        });
+    };
+    const read = (elem) => {
+        const id = isElement$1(elem) ? elem.dom[idAttr] : null;
+        return Optional.from(id);
+    };
+    const generate$4 = (prefix) => generate$6(prefix);
+
+    const make$7 = identity;
+
+    const NoContextApi = (getComp) => {
+        const getMessage = (event) => `The component must be in a context to execute: ${event}` +
+            (getComp ? '\n' + element(getComp().element) + ' is not in context.' : '');
+        const fail = (event) => () => {
+            throw new Error(getMessage(event));
+        };
+        const warn = (event) => () => {
+            // eslint-disable-next-line no-console
+            console.warn(getMessage(event));
+        };
+        return {
+            debugInfo: constant$1('fake'),
+            triggerEvent: warn('triggerEvent'),
+            triggerFocus: warn('triggerFocus'),
+            triggerEscape: warn('triggerEscape'),
+            broadcast: warn('broadcast'),
+            broadcastOn: warn('broadcastOn'),
+            broadcastEvent: warn('broadcastEvent'),
+            build: fail('build'),
+            buildOrPatch: fail('buildOrPatch'),
+            addToWorld: fail('addToWorld'),
+            removeFromWorld: fail('removeFromWorld'),
+            addToGui: fail('addToGui'),
+            removeFromGui: fail('removeFromGui'),
+            getByUid: fail('getByUid'),
+            getByDom: fail('getByDom'),
+            isConnected: never
+        };
+    };
+    const singleton = NoContextApi();
+
+    const generateFrom$1 = (spec, all) => {
+        /*
+         * This takes a basic record of configured behaviours, defaults their state
+         * and ensures that all the behaviours were valid. Will need to document
+         * this entire process. Let's see where this is used.
+         */
+        const schema = map$2(all, (a) => 
+        // Optional here probably just due to ForeignGui listing everything it supports. Can most likely
+        // change it to strict once I fix the other errors.
+        optionObjOf(a.name(), [
+            required$1('config'),
+            defaulted('state', NoState)
+        ]));
+        const validated = asRaw('component.behaviours', objOf(schema), spec.behaviours).fold((errInfo) => {
+            throw new Error(formatError(errInfo) + '\nComplete spec:\n' +
+                JSON.stringify(spec, null, 2));
+        }, identity);
+        return {
+            list: all,
+            data: map$1(validated, (optBlobThunk) => {
+                const output = optBlobThunk?.map((blob) => ({
+                    config: blob.config,
+                    state: blob.state.init(blob.config)
+                }));
+                return constant$1(output);
+            })
+        };
+    };
+    const getBehaviours$3 = (bData) => bData.list;
+    const getData$2 = (bData) => bData.data;
+
+    const byInnerKey = (data, tuple) => {
+        const r = {};
+        each(data, (detail, key) => {
+            each(detail, (value, indexKey) => {
+                const chain = get$h(r, indexKey).getOr([]);
+                r[indexKey] = chain.concat([
+                    tuple(key, value)
+                ]);
+            });
+        });
+        return r;
+    };
+
+    // Based on all the behaviour exhibits, and the original dom modification, identify
+    // the overall combined dom modification that needs to occur
+    const combine$1 = (info, baseMod, behaviours, base) => {
+        // Clone the object so we can change it.
+        const modsByBehaviour = { ...baseMod };
+        each$1(behaviours, (behaviour) => {
+            modsByBehaviour[behaviour.name()] = behaviour.exhibit(info, base);
+        });
+        // byAspect format: { classes: [ { name: Toggling, modification: [ 'selected' ] } ] }
+        const byAspect = byInnerKey(modsByBehaviour, (name, modification) => ({ name, modification }));
+        const combineObjects = (objects) => foldr(objects, (b, a) => ({ ...a.modification, ...b }), {});
+        const combinedClasses = foldr(byAspect.classes, (b, a) => a.modification.concat(b), []);
+        const combinedAttributes = combineObjects(byAspect.attributes);
+        const combinedStyles = combineObjects(byAspect.styles);
+        return nu$2({
+            classes: combinedClasses,
+            attributes: combinedAttributes,
+            styles: combinedStyles
+        });
+    };
+
+    const sortKeys = (label, keyName, array, order) => {
+        try {
+            const sorted = sort(array, (a, b) => {
+                const aKey = a[keyName];
+                const bKey = b[keyName];
+                const aIndex = order.indexOf(aKey);
+                const bIndex = order.indexOf(bKey);
+                if (aIndex === -1) {
+                    throw new Error('The ordering for ' + label + ' does not have an entry for ' + aKey +
+                        '.\nOrder specified: ' + JSON.stringify(order, null, 2));
+                }
+                if (bIndex === -1) {
+                    throw new Error('The ordering for ' + label + ' does not have an entry for ' + bKey +
+                        '.\nOrder specified: ' + JSON.stringify(order, null, 2));
+                }
+                if (aIndex < bIndex) {
+                    return -1;
+                }
+                else if (bIndex < aIndex) {
+                    return 1;
+                }
+                else {
+                    return 0;
+                }
+            });
+            return Result.value(sorted);
+        }
+        catch (err) {
+            return Result.error([err]);
+        }
+    };
+
+    const uncurried = (handler, purpose) => ({
+        handler,
+        purpose
+    });
+    const curried = (handler, purpose) => ({
+        cHandler: handler,
+        purpose
+    });
+    const curryArgs = (descHandler, extraArgs) => curried(curry.apply(undefined, [descHandler.handler].concat(extraArgs)), descHandler.purpose);
+    const getCurried = (descHandler) => descHandler.cHandler;
+
+    const behaviourTuple = (name, handler) => ({
+        name,
+        handler
+    });
+    const nameToHandlers = (behaviours, info) => {
+        const r = {};
+        each$1(behaviours, (behaviour) => {
+            r[behaviour.name()] = behaviour.handlers(info);
+        });
+        return r;
+    };
+    const groupByEvents = (info, behaviours, base) => {
+        const behaviourEvents = {
+            ...base,
+            ...nameToHandlers(behaviours, info)
+        };
+        // Now, with all of these events, we need to index by event name
+        return byInnerKey(behaviourEvents, behaviourTuple);
+    };
+    const combine = (info, eventOrder, behaviours, base) => {
+        const byEventName = groupByEvents(info, behaviours, base);
+        return combineGroups(byEventName, eventOrder);
+    };
+    const assemble = (rawHandler) => {
+        const handler = read$1(rawHandler);
+        return (component, simulatedEvent, ...rest) => {
+            const args = [component, simulatedEvent].concat(rest);
+            if (handler.abort.apply(undefined, args)) {
+                simulatedEvent.stop();
+            }
+            else if (handler.can.apply(undefined, args)) {
+                handler.run.apply(undefined, args);
+            }
+        };
+    };
+    const missingOrderError = (eventName, tuples) => Result.error([
+        'The event (' + eventName + ') has more than one behaviour that listens to it.\nWhen this occurs, you must ' +
+            'specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that ' +
+            'can trigger it are: ' + JSON.stringify(map$2(tuples, (c) => c.name), null, 2)
+    ]);
+    const fuse = (tuples, eventOrder, eventName) => {
+        // ASSUMPTION: tuples.length will never be 0, because it wouldn't have an entry if it was 0
+        const order = eventOrder[eventName];
+        if (!order) {
+            return missingOrderError(eventName, tuples);
+        }
+        else {
+            return sortKeys('Event: ' + eventName, 'name', tuples, order)?.map((sortedTuples) => {
+                const handlers = map$2(sortedTuples, (tuple) => tuple.handler);
+                return fuse$1(handlers);
+            });
+        }
+    };
+    const combineGroups = (byEventName, eventOrder) => {
+        const r = mapToArray(byEventName, (tuples, eventName) => {
+            const combined = tuples.length === 1 ? Result.value(tuples[0].handler) : fuse(tuples, eventOrder, eventName);
+            return combined?.map((handler) => {
+                const assembled = assemble(handler);
+                const purpose = tuples.length > 1 ? filter$2(eventOrder[eventName], (o) => exists(tuples, (t) => t.name === o)).join(' > ') : tuples[0].name;
+                return wrap(eventName, uncurried(assembled, purpose));
+            });
+        });
+        return consolidate(r, {});
+    };
+
+    const baseBehaviour = 'alloy.base.behaviour';
+    const schema$t = objOf([
+        field$1('dom', 'dom', required$2(), objOf([
+            // Note, no children.
+            required$1('tag'),
+            defaulted('styles', {}),
+            defaulted('classes', []),
+            defaulted('attributes', {}),
+            option$3('value'),
+            option$3('innerHtml')
+        ])),
+        required$1('components'),
+        required$1('uid'),
+        defaulted('events', {}),
+        defaulted('apis', {}),
+        // Use mergeWith in the future when pre-built behaviours conflict
+        field$1('eventOrder', 'eventOrder', mergeWith({
+            // Note, not using constant behaviour names to avoid code size of unused behaviours
+            [execute$5()]: ['disabling', baseBehaviour, 'toggling', 'typeaheadevents'],
+            [focus$3()]: [baseBehaviour, 'focusing', 'keying'],
+            [systemInit()]: [baseBehaviour, 'disabling', 'toggling', 'representing', 'tooltipping'],
+            [input()]: [baseBehaviour, 'representing', 'streaming', 'invalidating'],
+            [detachedFromDom()]: [baseBehaviour, 'representing', 'item-events', 'toolbar-button-events', 'tooltipping'],
+            [mousedown()]: ['focusing', baseBehaviour, 'item-type-events'],
+            [touchstart()]: ['focusing', baseBehaviour, 'item-type-events'],
+            [mouseover()]: ['item-type-events', 'tooltipping'],
+            [receive()]: ['receiving', 'reflecting', 'tooltipping']
+        }), anyValue()),
+        option$3('domModification')
+    ]);
+    const toInfo = (spec) => asRaw('custom.definition', schema$t, spec);
+    const toDefinition = (detail) => 
+    // EFFICIENCY: Consider not merging here.
+    ({
+        ...detail.dom,
+        uid: detail.uid,
+        domChildren: map$2(detail.components, (comp) => comp.element)
+    });
+    const toModification = (detail) => detail.domModification.fold(() => nu$2({}), nu$2);
+    const toEvents = (info) => info.events;
+
+    const diffKeyValueSet = (newObj, oldObj) => {
+        const newKeys = keys(newObj);
+        const oldKeys = keys(oldObj);
+        const toRemove = difference(oldKeys, newKeys);
+        const toSet = bifilter(newObj, (v, k) => {
+            return !has$2(oldObj, k) || v !== oldObj[k];
+        }).t;
+        return { toRemove, toSet };
+    };
+    const reconcileToDom = (definition, obsoleted) => {
+        const { class: clazz, style, ...existingAttributes } = clone$2(obsoleted);
+        const { toSet: attrsToSet, toRemove: attrsToRemove } = diffKeyValueSet(definition.attributes, existingAttributes);
+        const updateAttrs = () => {
+            each$1(attrsToRemove, (a) => remove$8(obsoleted, a));
+            setAll$1(obsoleted, attrsToSet);
+        };
+        const existingStyles = getAllRaw(obsoleted);
+        const { toSet: stylesToSet, toRemove: stylesToRemove } = diffKeyValueSet(definition.styles, existingStyles);
+        const updateStyles = () => {
+            each$1(stylesToRemove, (s) => remove$6(obsoleted, s));
+            setAll(obsoleted, stylesToSet);
+        };
+        const existingClasses = get$7(obsoleted);
+        const classesToRemove = difference(existingClasses, definition.classes);
+        const classesToAdd = difference(definition.classes, existingClasses);
+        const updateClasses = () => {
+            add$1(obsoleted, classesToAdd);
+            remove$2(obsoleted, classesToRemove);
+        };
+        const updateHtml = (html) => {
+            set$8(obsoleted, html);
+        };
+        const updateChildren = () => {
+            const children = definition.domChildren;
+            patchDomChildren(obsoleted, children);
+        };
+        const updateValue = () => {
+            const valueElement = obsoleted;
+            const value = definition.value.getOrUndefined();
+            if (value !== get$5(valueElement)) {
+                // TINY-8736: Value.set throws an error in case the value is undefined
+                set$4(valueElement, value !== null && value !== void 0 ? value : '');
+            }
+        };
+        updateAttrs();
+        updateClasses();
+        updateStyles();
+        // Patching can only support one form of children, so we only update the html or the children, but never both
+        definition.innerHtml.fold(updateChildren, updateHtml);
+        updateValue();
+        return obsoleted;
+    };
+
+    const introduceToDom = (definition) => {
+        const subject = SugarElement.fromTag(definition.tag);
+        setAll$1(subject, definition.attributes);
+        add$1(subject, definition.classes);
+        setAll(subject, definition.styles);
+        // Remember: Order of innerHtml vs children is important.
+        definition.innerHtml.each((html) => set$8(subject, html));
+        // Children are already elements.
+        const children = definition.domChildren;
+        append$1(subject, children);
+        definition.value.each((value) => {
+            set$4(subject, value);
+        });
+        return subject;
+    };
+    const attemptPatch = (definition, obsoleted) => {
+        try {
+            const e = reconcileToDom(definition, obsoleted);
+            return Optional?.some(e);
+        }
+        catch (_a) {
+            return Optional.none();
+        }
+    };
+    // If a component has both innerHtml and children then we can't patch it
+    const hasMixedChildren = (definition) => definition.innerHtml.isSome() && definition.domChildren.length > 0;
+    const renderToDom = (definition, optObsoleted) => {
+        // If the current tag doesn't match, let's not try to add anything further down the tree.
+        // If it does match though and we don't have mixed children then attempt to patch attributes etc...
+        const canBePatched = (candidate) => name$3(candidate) === definition.tag && !hasMixedChildren(definition) && !isPremade(candidate);
+        const elem = optObsoleted
+            .filter(canBePatched)
+            .bind((obsoleted) => attemptPatch(definition, obsoleted))
+            .getOrThunk(() => introduceToDom(definition));
+        writeOnly(elem, definition.uid);
+        return elem;
+    };
+
+    // This goes through the list of behaviours defined for a particular spec (removing anything
+    // that has been revoked), and returns the BehaviourType (e.g. Sliding)
+    const getBehaviours$2 = (spec) => {
+        const behaviours = get$h(spec, 'behaviours').getOr({});
+        return bind$3(keys(behaviours), (name) => {
+            const behaviour = behaviours[name];
+            return isNonNullable(behaviour) ? [behaviour.me] : [];
+        });
+    };
+    const generateFrom = (spec, all) => generateFrom$1(spec, all);
+    const generate$3 = (spec) => {
+        const all = getBehaviours$2(spec);
+        return generateFrom(spec, all);
+    };
+
+    // This is probably far too complicated. I think DomModification is probably
+    // questionable as a concept. Maybe it should be deprecated.
+    const getDomDefinition = (info, bList, bData) => {
+        // Get the current DOM definition from the spec
+        const definition = toDefinition(info);
+        // Get the current DOM modification definition from the spec
+        const infoModification = toModification(info);
+        // Treat the DOM modification like it came from a behaviour
+        const baseModification = {
+            'alloy.base.modification': infoModification
+        };
+        // Combine the modifications from any defined behaviours
+        const modification = bList.length > 0 ? combine$1(bData, baseModification, bList, definition) : infoModification;
+        // Transform the DOM definition with the combined dom modifications to make a new DOM definition
+        return merge(definition, modification);
+    };
+    const getEvents = (info, bList, bData) => {
+        const baseEvents = {
+            'alloy.base.behaviour': toEvents(info)
+        };
+        return combine(bData, info.eventOrder, bList, baseEvents).getOrDie();
+    };
+    const build$2 = (spec, obsoleted) => {
+        const getMe = () => me;
+        const systemApi = Cell(singleton);
+        const info = getOrDie(toInfo(spec));
+        const bBlob = generate$3(spec);
+        const bList = getBehaviours$3(bBlob);
+        const bData = getData$2(bBlob);
+        const modDefinition = getDomDefinition(info, bList, bData);
+        const item = renderToDom(modDefinition, obsoleted);
+        const events = getEvents(info, bList, bData);
+        const subcomponents = Cell(info.components);
+        const connect = (newApi) => {
+            systemApi.set(newApi);
+        };
+        const disconnect = () => {
+            systemApi.set(NoContextApi(getMe));
+        };
+        const syncComponents = () => {
+            // Update the component list with the current children
+            const children$1 = children(item);
+            // INVESTIGATE: Not sure about how to handle text nodes here.
+            const subs = bind$3(children$1, (child) => systemApi.get().getByDom(child).fold(() => [], pure$2));
+            subcomponents.set(subs);
+        };
+        // TYPIFY (any here is for the info.apis() pathway)
+        const config = (behaviour) => {
+            const b = bData;
+            const f = isFunction(b[behaviour.name()]) ? b[behaviour.name()] : () => {
+                throw new Error('Could not find ' + behaviour.name() + ' in ' + JSON.stringify(spec, null, 2));
+            };
+            return f();
+        };
+        const hasConfigured = (behaviour) => isFunction(bData[behaviour.name()]);
+        const getApis = () => info.apis;
+        const readState = (behaviourName) => bData[behaviourName]()?.map((b) => b.state.readState()).getOr('not enabled');
+        const me = {
+            uid: spec.uid,
+            getSystem: systemApi.get,
+            config,
+            hasConfigured,
+            spec,
+            readState,
+            getApis,
+            connect,
+            disconnect,
+            element: item,
+            syncComponents,
+            components: subcomponents.get,
+            events
+        };
+        return me;
+    };
+
+    const buildSubcomponents = (spec, obsoleted) => {
+        const components = get$h(spec, 'components').getOr([]);
+        return obsoleted.fold(() => map$2(components, build$1), (obs) => map$2(components, (c, i) => {
+            return buildOrPatch(c, child$2(obs, i));
+        }));
+    };
+    const buildFromSpec = (userSpec, obsoleted) => {
+        const { events: specEvents, ...spec } = make$7(userSpec);
+        // Build the subcomponents. A spec hierarchy is built from the bottom up.
+        // obsoleted is used to define which element we are attempting to replace
+        // so that it might be used to patch the DOM instead of recreate it.
+        const components = buildSubcomponents(spec, obsoleted);
+        const completeSpec = {
+            ...spec,
+            events: { ...DefaultEvents, ...specEvents },
+            components
+        };
+        return Result.value(
+        // Note, this isn't a spec any more, because it has built children
+        build$2(completeSpec, obsoleted));
+    };
+    const text$2 = (textContent) => {
+        const element = SugarElement.fromText(textContent);
+        return external({
+            element
+        });
+    };
+    const external = (spec) => {
+        const extSpec = asRawOrDie$1('external.component', objOfOnly([
+            required$1('element'),
+            option$3('uid')
+        ]), spec);
+        const systemApi = Cell(NoContextApi());
+        const connect = (newApi) => {
+            systemApi.set(newApi);
+        };
+        const disconnect = () => {
+            systemApi.set(NoContextApi(() => me));
+        };
+        const uid = extSpec.uid.getOrThunk(() => generate$4('external'));
+        writeOnly(extSpec.element, uid);
+        const me = {
+            uid,
+            getSystem: systemApi.get,
+            config: Optional.none,
+            hasConfigured: never,
+            connect,
+            disconnect,
+            getApis: () => ({}),
+            element: extSpec.element,
+            spec,
+            readState: constant$1('No state'),
+            syncComponents: noop,
+            components: constant$1([]),
+            events: {}
+        };
+        return premade$1(me);
+    };
+    // We experimented with just having a counter for efficiency, but that fails for situations
+    // where an external JS file is using alloy, and is contained within another
+    // alloy root container. The ids can conflict, because the counters do not
+    // know about each other (being parts of separate scripts).
+    //
+    // There are other solutions than this ... not sure if they are going to have better performance, though
+    const uids = generate$4;
+    const isSketchSpec$1 = (spec) => has$2(spec, 'uid');
+    // INVESTIGATE: A better way to provide 'meta-specs'
+    const buildOrPatch = (spec, obsoleted) => getPremade(spec).getOrThunk(() => {
+        // EFFICIENCY: Consider not merging here, and passing uid through separately
+        const userSpecWithUid = isSketchSpec$1(spec) ? spec : {
+            uid: uids(''),
+            ...spec
+        };
+        return buildFromSpec(userSpecWithUid, obsoleted).getOrDie();
+    });
+    const build$1 = (spec) => buildOrPatch(spec, Optional.none());
+    const premade = premade$1;
+
+    // Mark this component as busy, or blocked.
+    const block = (component, config, state, 
+    // This works in conjunction with the 'getRoot' function in the config. To
+    // attach a blocker component to the dom, ensure that 'getRoot' returns a
+    // component, and this function returns the specification of the component to
+    // attach.
+    getBusySpec) => {
+        set$9(component.element, 'aria-busy', true);
+        const root = config.getRoot(component).getOr(component);
+        const blockerBehaviours = derive$1([
+            // Trap the "Tab" key and don't let it escape.
+            Keying.config({
+                mode: 'special',
+                onTab: () => Optional?.some(true),
+                onShiftTab: () => Optional?.some(true)
+            }),
+            Focusing.config({})
+        ]);
+        const blockSpec = getBusySpec(root, blockerBehaviours);
+        const blocker = root.getSystem().build(blockSpec);
+        Replacing.append(root, premade(blocker));
+        if (blocker.hasConfigured(Keying) && config.focus) {
+            Keying.focusIn(blocker);
+        }
+        if (!state.isBlocked()) {
+            config.onBlock(component);
+        }
+        state.blockWith(() => Replacing.remove(root, blocker));
+    };
+    // Mark this component as unblocked, or not busy. This is a noop on a component
+    // that isn't blocked.
+    const unblock = (component, config, state) => {
+        remove$8(component.element, 'aria-busy');
+        if (state.isBlocked()) {
+            config.onUnblock(component);
+        }
+        state.clear();
+    };
+    const isBlocked = (component, blockingConfig, blockingState) => blockingState.isBlocked();
+
+    var BlockingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        block: block,
+        unblock: unblock,
+        isBlocked: isBlocked
+    });
+
+    var BlockingSchema = [
+        // The blocking behaviour places a blocking element over the DOM while the
+        // component is in the blocked state. If a function is provided here that
+        // returns Some, then the blocking element will be added as a child of the
+        // element returned. Otherwise, it will be added as a child of the main
+        // component.
+        defaultedFunction('getRoot', Optional.none),
+        // This boolean, if provided, will specify whether the blocking element is
+        // focused when the component is first blocked
+        defaultedBoolean('focus', true),
+        // This function, if provided, will be called any time the component is
+        // blocked (unless it was already blocked).
+        onHandler('onBlock'),
+        // This function, if provided, will be called any time the component is
+        // unblocked (unless it was already unblocked).
+        onHandler('onUnblock')
+    ];
+
+    const init$f = () => {
+        const blocker = destroyable();
+        const blockWith = (destroy) => {
+            blocker.set({ destroy });
+        };
+        return nu$4({
+            readState: blocker.isSet,
+            blockWith,
+            clear: blocker.clear,
+            isBlocked: blocker.isSet
+        });
+    };
+
+    var BlockingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$f
+    });
+
+    // Mark a component as able to be "Blocked" or able to enter a busy state. See
+    // BlockingSchema and BlockingApis for more details on how to configure this.
+    const Blocking = create$3({
+        fields: BlockingSchema,
+        name: 'blocking',
+        apis: BlockingApis,
+        state: BlockingState
+    });
+
+    const getCurrent = (component, composeConfig, _composeState) => composeConfig.find(component);
+
+    var ComposeApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getCurrent: getCurrent
+    });
+
+    const ComposeSchema = [
+        required$1('find')
+    ];
+
+    const Composing = create$3({
+        fields: ComposeSchema,
+        name: 'composing',
+        apis: ComposeApis
+    });
+
+    const getCoupled = (component, coupleConfig, coupleState, name) => coupleState.getOrCreate(component, coupleConfig, name);
+    const getExistingCoupled = (component, coupleConfig, coupleState, name) => coupleState.getExisting(component, coupleConfig, name);
+
+    var CouplingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getCoupled: getCoupled,
+        getExistingCoupled: getExistingCoupled
+    });
+
+    var CouplingSchema = [
+        requiredOf('others', setOf(Result.value, anyValue()))
+    ];
+
+    // Unfortunately, the Coupling APIs currently throw errors when the coupled name
+    // is not recognised. This is because if the wrong name is used, it is a
+    // non-recoverable error, and the developer should be notified. However, there are
+    // better ways to do this: (removing this API and only returning Optionals/Results)
+    const init$e = () => {
+        const coupled = {};
+        const lookupCoupled = (coupleConfig, coupledName) => {
+            const available = keys(coupleConfig.others);
+            if (available.length === 0) {
+                throw new Error('Cannot find any known coupled components');
+            }
+            else {
+                return get$h(coupled, coupledName);
+            }
+        };
+        const getOrCreate = (component, coupleConfig, name) => {
+            return lookupCoupled(coupleConfig, name).getOrThunk(() => {
+                // TODO: TINY-9014 Likely type error. coupleConfig.others[key] is
+                // `() => ((comp: AlloyComponent) => AlloySpec)`,
+                // but builder is being treated as a `(comp: AlloyComponent) => AlloySpec`
+                const builder = get$h(coupleConfig.others, name).getOrDie('No information found for coupled component: ' + name);
+                const spec = builder(component);
+                const built = component.getSystem().build(spec);
+                coupled[name] = built;
+                return built;
+            });
+        };
+        const getExisting = (component, coupleConfig, name) => {
+            return lookupCoupled(coupleConfig, name).orThunk(() => {
+                // Validate we recognise this coupled component's name.
+                get$h(coupleConfig.others, name).getOrDie('No information found for coupled component: ' + name);
+                // It's a valid name, so return None, because it hasn't been built yet.
+                return Optional.none();
+            });
+        };
+        const readState = constant$1({});
+        return nu$4({
+            readState,
+            getExisting,
+            getOrCreate
+        });
+    };
+
+    var CouplingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$e
+    });
+
+    const Coupling = create$3({
+        fields: CouplingSchema,
+        name: 'coupling',
+        apis: CouplingApis,
+        state: CouplingState
+    });
+
+    // Just use "disabled" attribute for these, not "aria-disabled"
+    const nativeDisabled = [
+        'input',
+        'button',
+        'textarea',
+        'select'
+    ];
+    const onLoad$5 = (component, disableConfig, disableState) => {
+        const f = disableConfig.disabled() ? disable : enable;
+        f(component, disableConfig);
+    };
+    const hasNative = (component, config) => config.useNative === true && contains$2(nativeDisabled, name$3(component.element));
+    const nativeIsDisabled = (component) => has$1(component.element, 'disabled');
+    const nativeDisable = (component) => {
+        set$9(component.element, 'disabled', 'disabled');
+    };
+    const nativeEnable = (component) => {
+        remove$8(component.element, 'disabled');
+    };
+    const ariaIsDisabled = (component) => get$g(component.element, 'aria-disabled') === 'true';
+    const ariaDisable = (component) => {
+        set$9(component.element, 'aria-disabled', 'true');
+    };
+    const ariaEnable = (component) => {
+        set$9(component.element, 'aria-disabled', 'false');
+    };
+    const disable = (component, disableConfig, _disableState) => {
+        disableConfig.disableClass.each((disableClass) => {
+            add$2(component.element, disableClass);
+        });
+        const f = hasNative(component, disableConfig) ? nativeDisable : ariaDisable;
+        f(component);
+        disableConfig.onDisabled(component);
+    };
+    const enable = (component, disableConfig, _disableState) => {
+        disableConfig.disableClass.each((disableClass) => {
+            remove$3(component.element, disableClass);
+        });
+        const f = hasNative(component, disableConfig) ? nativeEnable : ariaEnable;
+        f(component);
+        disableConfig.onEnabled(component);
+    };
+    const isDisabled$1 = (component, disableConfig) => hasNative(component, disableConfig) ? nativeIsDisabled(component) : ariaIsDisabled(component);
+    const set$2 = (component, disableConfig, disableState, disabled) => {
+        const f = disabled ? disable : enable;
+        f(component, disableConfig);
+    };
+
+    var DisableApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        enable: enable,
+        disable: disable,
+        isDisabled: isDisabled$1,
+        onLoad: onLoad$5,
+        set: set$2
+    });
+
+    const exhibit$5 = (base, disableConfig) => nu$2({
+        // Do not add the attribute yet, because it will depend on the node name
+        // if we use "aria-disabled" or just "disabled"
+        classes: disableConfig.disabled() ? disableConfig.disableClass.toArray() : []
+    });
+    const events$f = (disableConfig, disableState) => derive$2([
+        abort(execute$5(), (component, _simulatedEvent) => isDisabled$1(component, disableConfig)),
+        loadEvent(disableConfig, disableState, onLoad$5)
+    ]);
+
+    var ActiveDisable = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$5,
+        events: events$f
+    });
+
+    var DisableSchema = [
+        defaultedFunction('disabled', never),
+        defaulted('useNative', true),
+        option$3('disableClass'),
+        onHandler('onDisabled'),
+        onHandler('onEnabled')
+    ];
+
+    const Disabling = create$3({
+        fields: DisableSchema,
+        name: 'disabling',
+        active: ActiveDisable,
+        apis: DisableApis
+    });
+
+    const NuPositionCss = (position, left, top, right, bottom) => {
+        const toPx = (num) => num + 'px';
+        return {
+            position,
+            left: left?.map(toPx),
+            top: top?.map(toPx),
+            right: right?.map(toPx),
+            bottom: bottom?.map(toPx)
+        };
+    };
+    const toOptions = (position) => ({
+        ...position,
+        position: Optional?.some(position.position)
+    });
+    const applyPositionCss = (element, position) => {
+        setOptions(element, toOptions(position));
+    };
+
+    const appear = (component, contextualInfo) => {
+        const elem = component.element;
+        add$2(elem, contextualInfo.transitionClass);
+        remove$3(elem, contextualInfo.fadeOutClass);
+        add$2(elem, contextualInfo.fadeInClass);
+        contextualInfo.onShow(component);
+    };
+    const disappear = (component, contextualInfo) => {
+        const elem = component.element;
+        add$2(elem, contextualInfo.transitionClass);
+        remove$3(elem, contextualInfo.fadeInClass);
+        add$2(elem, contextualInfo.fadeOutClass);
+        contextualInfo.onHide(component);
+    };
+    const isPartiallyVisible = (box, bounds) => box.y < bounds.bottom && box.bottom > bounds.y;
+    const isTopCompletelyVisible = (box, bounds) => box.y >= bounds.y;
+    const isBottomCompletelyVisible = (box, bounds) => box.bottom <= bounds.bottom;
+    const forceTopPosition = (winBox, leftX, viewport) => ({
+        location: 'top',
+        leftX,
+        topY: viewport.bounds.y - winBox.y
+    });
+    const forceBottomPosition = (winBox, leftX, viewport) => ({
+        location: 'bottom',
+        leftX,
+        bottomY: winBox.bottom - viewport.bounds.bottom
+    });
+    const getDockedLeftPosition = (bounds) => {
+        // Essentially, we are just getting the bounding client rect left here,
+        // because winBox.x will be the scroll value.
+        return bounds.box.x - bounds.win.x;
+    };
+    const tryDockingPosition = (modes, bounds, viewport) => {
+        const winBox = bounds.win;
+        const box = bounds.box;
+        const leftX = getDockedLeftPosition(bounds);
+        return findMap(modes, (mode) => {
+            switch (mode) {
+                case 'bottom':
+                    return !isBottomCompletelyVisible(box, viewport.bounds) ? Optional?.some(forceBottomPosition(winBox, leftX, viewport)) : Optional.none();
+                case 'top':
+                    return !isTopCompletelyVisible(box, viewport.bounds) ? Optional?.some(forceTopPosition(winBox, leftX, viewport)) : Optional.none();
+                default:
+                    return Optional.none();
+            }
+        }).getOr({
+            location: 'no-dock'
+        });
+    };
+    const isVisibleForModes = (modes, box, viewport) => forall(modes, (mode) => {
+        switch (mode) {
+            case 'bottom':
+                return isBottomCompletelyVisible(box, viewport.bounds);
+            case 'top':
+                return isTopCompletelyVisible(box, viewport.bounds);
+        }
+    });
+    const getXYForRestoring = (pos, viewport) => {
+        const priorY = viewport.optScrollEnv.fold(constant$1(pos.bounds.y), (scrollEnv) => scrollEnv.scrollElmTop + (pos.bounds.y - scrollEnv.currentScrollTop));
+        return SugarPosition(pos.bounds.x, priorY);
+    };
+    const getXYForSaving = (box, viewport) => {
+        const priorY = viewport.optScrollEnv.fold(constant$1(box.y), (scrollEnv) => box.y + scrollEnv.currentScrollTop - scrollEnv.scrollElmTop);
+        return SugarPosition(box.x, priorY);
+    };
+    const getPrior = (elem, viewport, state) => state.getInitialPos()?.map((pos) => {
+        const xy = getXYForRestoring(pos, viewport);
+        return {
+            box: bounds(xy.left, xy.top, get$c(elem), get$d(elem)),
+            location: pos.location
+        };
+    });
+    const storePrior = (elem, box, viewport, state, decision) => {
+        const xy = getXYForSaving(box, viewport);
+        const bounds$1 = bounds(xy.left, xy.top, box.width, box.height);
+        state.setInitialPos({
+            style: getAllRaw(elem),
+            position: get$e(elem, 'position') || 'static',
+            bounds: bounds$1,
+            location: decision.location
+        });
+    };
+    // When we are using APIs like forceDockToTop, then we only want to store the previous position
+    // if we weren't already docked. Otherwise, we still want to move the component, but keep its old
+    // restore values
+    const storePriorIfNone = (elem, box, viewport, state, decision) => {
+        state.getInitialPos().fold(() => storePrior(elem, box, viewport, state, decision), () => noop);
+    };
+    const revertToOriginal = (elem, box, state) => state.getInitialPos().bind((position) => {
+        var _a;
+        state.clearInitialPos();
+        switch (position.position) {
+            case 'static':
+                return Optional?.some({
+                    morph: 'static'
+                });
+            case 'absolute':
+                const offsetParent = getOffsetParent(elem).getOr(body());
+                const offsetBox = box$1(offsetParent);
+                // Adding the scrollDelta here may not be the right solution. The basic problem is that the
+                // rest of the code isn't considering whether its absolute or not, and where the offset parent
+                // is. In the situation where the offset parent is *inside* the scrolling environment, then
+                // we don't need to consider the scroll, and that's what getXYForRestoring does ... it removes
+                // the scroll. We don't need to consider the scroll because the sink is already affected by the
+                // scroll. However, when the sink IS the scroller, its position is not moved by scrolling. But the
+                // positions of everything inside it needs to consider the scroll. So we add the scroll value.
+                //
+                // This might also be a bit naive. It's possible that we need to check that the offsetParent
+                // is THE scroller, not just that it has a scroll value. For example, if the offset parent
+                // was the body, and the body had a scroll, this might give unexpected results. That's somewhat
+                // countered by the fact that if the offset parent is outside the scroller, then you don't really
+                // have a scrolling environment any more, because the offset parent isn't going to be impacted
+                // at all by the scroller
+                const scrollDelta = (_a = offsetParent.dom.scrollTop) !== null && _a !== void 0 ? _a : 0;
+                return Optional?.some({
+                    morph: 'absolute',
+                    positionCss: NuPositionCss('absolute', get$h(position.style, 'left')?.map((_left) => box.x - offsetBox.x), get$h(position.style, 'top')?.map((_top) => box.y - offsetBox.y + scrollDelta), get$h(position.style, 'right')?.map((_right) => offsetBox.right - box.right), get$h(position.style, 'bottom')?.map((_bottom) => offsetBox.bottom - box.bottom))
+                });
+            default:
+                return Optional.none();
+        }
+    });
+    const tryMorphToOriginal = (elem, viewport, state) => getPrior(elem, viewport, state)
+        .filter(({ box }) => isVisibleForModes(state.getModes(), box, viewport))
+        .bind(({ box }) => revertToOriginal(elem, box, state));
+    const tryDecisionToFixedMorph = (decision) => {
+        switch (decision.location) {
+            case 'top': {
+                // We store our current position so we can revert to it once it's
+                // visible again.
+                return Optional?.some({
+                    morph: 'fixed',
+                    positionCss: NuPositionCss('fixed', Optional?.some(decision.leftX), Optional?.some(decision.topY), Optional.none(), Optional.none())
+                });
+            }
+            case 'bottom': {
+                // We store our current position so we can revert to it once it's
+                // visible again.
+                return Optional?.some({
+                    morph: 'fixed',
+                    positionCss: NuPositionCss('fixed', Optional?.some(decision.leftX), Optional.none(), Optional.none(), Optional?.some(decision.bottomY))
+                });
+            }
+            default:
+                return Optional.none();
+        }
+    };
+    const tryMorphToFixed = (elem, viewport, state) => {
+        const box = box$1(elem);
+        const winBox = win();
+        const decision = tryDockingPosition(state.getModes(), {
+            win: winBox,
+            box
+        }, viewport);
+        if (decision.location === 'top' || decision.location === 'bottom') {
+            // We are moving from undocked to docked, so store the previous location
+            // so that we can restore it when we switch out of docking (back to undocked)
+            storePrior(elem, box, viewport, state, decision);
+            return tryDecisionToFixedMorph(decision);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const tryMorphToOriginalOrUpdateFixed = (elem, viewport, state) => {
+        // When a "docked" element is docked to the top of a scroll container (due to optScrollEnv in
+        // viewport), we need to reposition its fixed if the scroll container has itself moved its top position.
+        // This isn't required when the docking is to the top of the window, because the entire window cannot
+        // be scrolled up and down the page - it is the page.
+        //
+        // Imagine a situation where the toolbar has docked to the top of the scroll container, which is at
+        // y = 200. Now, when the user scrolls the page another 50px down the page, the top of the scroll
+        // container will now be 150px, but the "fixed" toolbar will still be at "200px". So this is a morph
+        // from "fixed" to "fixed", but with new coordinates. So if we can't morph to original from "fixed",
+        // we try to update our "fixed" position (if we have a scrolling environment in the viewport)
+        return tryMorphToOriginal(elem, viewport, state)
+            .orThunk(() => {
+            // Importantly, we don't update our stored position for the element before "docking", because
+            // this is a transition between "docked" and "docked", not "undocked" and "docked". We want to
+            // keep our undocked position in our store, not a docked position.
+            // So we don't change our stored position. We just improve our fixed.
+            return viewport.optScrollEnv
+                .bind((_) => getPrior(elem, viewport, state))
+                .bind(({ box, location }) => {
+                const winBox = win();
+                const leftX = getDockedLeftPosition({ win: winBox, box });
+                // Keep the same docking location
+                const decision = location === 'top'
+                    ? forceTopPosition(winBox, leftX, viewport)
+                    : forceBottomPosition(winBox, leftX, viewport);
+                return tryDecisionToFixedMorph(decision);
+            });
+        });
+    };
+    const tryMorph = (component, viewport, state) => {
+        const elem = component.element;
+        const isDocked = is$1(getRaw(elem, 'position'), 'fixed');
+        return isDocked
+            ? tryMorphToOriginalOrUpdateFixed(elem, viewport, state)
+            : tryMorphToFixed(elem, viewport, state);
+    };
+    // The difference between the "calculate" functions and the "try" functions is that the "try" functions
+    // will first consider whether there is a need to morph, whereas the "calculate" functions will just
+    // give you the morph details, bypassing the check to see if it's needed
+    const calculateMorphToOriginal = (component, viewport, state) => {
+        const elem = component.element;
+        return getPrior(elem, viewport, state)
+            .bind(({ box }) => revertToOriginal(elem, box, state));
+    };
+    const forceDockWith = (elem, viewport, state, getDecision) => {
+        const box = box$1(elem);
+        const winBox = win();
+        const leftX = getDockedLeftPosition({ win: winBox, box });
+        const decision = getDecision(winBox, leftX, viewport);
+        if (decision.location === 'bottom' || decision.location === 'top') {
+            // We only want to store the values if we aren't already docking. If we are already docking, then
+            // we just want to move the element, without updating where it started originally
+            storePriorIfNone(elem, box, viewport, state, decision);
+            return tryDecisionToFixedMorph(decision);
+        }
+        else {
+            return Optional.none();
+        }
+    };
+
+    const morphToStatic = (component, config, state) => {
+        state.setDocked(false);
+        each$1(['left', 'right', 'top', 'bottom', 'position'], (prop) => remove$6(component.element, prop));
+        config.onUndocked(component);
+    };
+    const morphToCoord = (component, config, state, position) => {
+        const isDocked = position.position === 'fixed';
+        state.setDocked(isDocked);
+        applyPositionCss(component.element, position);
+        const method = isDocked ? config.onDocked : config.onUndocked;
+        method(component);
+    };
+    const updateVisibility = (component, config, state, viewport, morphToDocked = false) => {
+        config.contextual.each((contextInfo) => {
+            // Make the dockable component disappear if the context is outside the viewport
+            contextInfo.lazyContext(component).each((box) => {
+                const isVisible = isPartiallyVisible(box, viewport.bounds);
+                if (isVisible !== state.isVisible()) {
+                    state.setVisible(isVisible);
+                    // If morphing to docked and the context isn't visible then immediately set
+                    // the fadeout class and don't worry about transitioning, as the context
+                    // would never have been in view while docked
+                    if (morphToDocked && !isVisible) {
+                        add$1(component.element, [contextInfo.fadeOutClass]);
+                        contextInfo.onHide(component);
+                    }
+                    else {
+                        const method = isVisible ? appear : disappear;
+                        method(component, contextInfo);
+                    }
+                }
+            });
+        });
+    };
+    const applyFixedMorph = (component, config, state, viewport, morph) => {
+        // This "updateVisibility" call is potentially duplicated with the
+        // call in refreshInternal for isDocked. We might want to consolidate them.
+        // The difference between them is the "morphToDocked" flag.
+        updateVisibility(component, config, state, viewport, true);
+        morphToCoord(component, config, state, morph.positionCss);
+    };
+    const applyMorph = (component, config, state, viewport, morph) => {
+        // Apply the morph result depending on its type
+        switch (morph.morph) {
+            case 'static': {
+                return morphToStatic(component, config, state);
+            }
+            case 'absolute': {
+                return morphToCoord(component, config, state, morph.positionCss);
+            }
+            case 'fixed': {
+                return applyFixedMorph(component, config, state, viewport, morph);
+            }
+        }
+    };
+    const refreshInternal = (component, config, state) => {
+        // Absolute coordinates (considers scroll)
+        const viewport = config.lazyViewport(component);
+        updateVisibility(component, config, state, viewport);
+        tryMorph(component, viewport, state).each((morph) => {
+            applyMorph(component, config, state, viewport, morph);
+        });
+    };
+    const resetInternal = (component, config, state) => {
+        // Morph back to the original position
+        const elem = component.element;
+        state.setDocked(false);
+        const viewport = config.lazyViewport(component);
+        calculateMorphToOriginal(component, viewport, state).each((staticOrAbsoluteMorph) => {
+            // This code is very similar to the "applyMorph" function above. The main difference
+            // is that it doesn't consider fixed position, because something that is docking
+            // can't currently start with fixed position
+            switch (staticOrAbsoluteMorph.morph) {
+                case 'static': {
+                    morphToStatic(component, config, state);
+                    break;
+                }
+                case 'absolute': {
+                    morphToCoord(component, config, state, staticOrAbsoluteMorph.positionCss);
+                    break;
+                }
+            }
+        });
+        // Remove contextual visibility classes
+        state.setVisible(true);
+        config.contextual.each((contextInfo) => {
+            remove$2(elem, [contextInfo.fadeInClass, contextInfo.fadeOutClass, contextInfo.transitionClass]);
+            contextInfo.onShow(component);
+        });
+        // Apply docking again to reset the position
+        refresh$4(component, config, state);
+    };
+    const refresh$4 = (component, config, state) => {
+        // Ensure the component is attached to the document/world, if not then do nothing as we can't
+        // check if the component should be docked or not when in a detached state
+        if (component.getSystem().isConnected()) {
+            refreshInternal(component, config, state);
+        }
+    };
+    const reset$1 = (component, config, state) => {
+        // If the component is not docked then there's no need to reset the state,
+        // so only reset when docked
+        if (state.isDocked()) {
+            resetInternal(component, config, state);
+        }
+    };
+    const forceDockWithDecision = (getDecision) => (component, config, state) => {
+        const viewport = config.lazyViewport(component);
+        const optMorph = forceDockWith(component.element, viewport, state, getDecision);
+        optMorph.each((morph) => {
+            // ASSUMPTION: This "applyFixedMorph" sets state.setDocked to true.
+            applyFixedMorph(component, config, state, viewport, morph);
+        });
+    };
+    const forceDockToTop = forceDockWithDecision(forceTopPosition);
+    const forceDockToBottom = forceDockWithDecision(forceBottomPosition);
+    const isDocked$2 = (component, config, state) => state.isDocked();
+    const setModes = (component, config, state, modes) => state.setModes(modes);
+    const getModes = (component, config, state) => state.getModes();
+
+    var DockingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        refresh: refresh$4,
+        reset: reset$1,
+        isDocked: isDocked$2,
+        getModes: getModes,
+        setModes: setModes,
+        forceDockToTop: forceDockToTop,
+        forceDockToBottom: forceDockToBottom
+    });
+
+    const events$e = (dockInfo, dockState) => derive$2([
+        runOnSource(transitionend(), (component, simulatedEvent) => {
+            dockInfo.contextual.each((contextInfo) => {
+                if (has(component.element, contextInfo.transitionClass)) {
+                    remove$2(component.element, [contextInfo.transitionClass, contextInfo.fadeInClass]);
+                    const notify = dockState.isVisible() ? contextInfo.onShown : contextInfo.onHidden;
+                    notify(component);
+                }
+                simulatedEvent.stop();
+            });
+        }),
+        run$1(windowScroll(), (component, _) => {
+            refresh$4(component, dockInfo, dockState);
+        }),
+        run$1(externalElementScroll(), (component, _) => {
+            refresh$4(component, dockInfo, dockState);
+        }),
+        run$1(windowResize(), (component, _) => {
+            reset$1(component, dockInfo, dockState);
+        })
+    ]);
+
+    var ActiveDocking = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$e
+    });
+
+    var DockingSchema = [
+        optionObjOf('contextual', [
+            requiredString('fadeInClass'),
+            requiredString('fadeOutClass'),
+            requiredString('transitionClass'),
+            requiredFunction('lazyContext'),
+            onHandler('onShow'),
+            onHandler('onShown'),
+            onHandler('onHide'),
+            onHandler('onHidden')
+        ]),
+        defaultedFunction('lazyViewport', () => ({
+            bounds: win(),
+            optScrollEnv: Optional.none()
+        })),
+        defaultedArrayOf('modes', ['top', 'bottom'], string),
+        onHandler('onDocked'),
+        onHandler('onUndocked')
+    ];
+
+    const init$d = (spec) => {
+        const docked = Cell(false);
+        const visible = Cell(true);
+        const initialBounds = value$2();
+        const modes = Cell(spec.modes);
+        const readState = () => `docked:  ${docked.get()}, visible: ${visible.get()}, modes: ${modes.get().join(',')}`;
+        return nu$4({
+            isDocked: docked.get,
+            setDocked: docked.set,
+            getInitialPos: initialBounds.get,
+            setInitialPos: initialBounds.set,
+            clearInitialPos: initialBounds.clear,
+            isVisible: visible.get,
+            setVisible: visible.set,
+            getModes: modes.get,
+            setModes: modes.set,
+            readState
+        });
+    };
+
+    var DockingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$d
+    });
+
+    const Docking = create$3({
+        fields: DockingSchema,
+        name: 'docking',
+        active: ActiveDocking,
+        apis: DockingApis,
+        state: DockingState
+    });
+
+    /*
+     * origin: the position (without scroll) of the offset parent
+     * scroll: the scrolling position of the window
+     *
+     * fixed: the fixed coordinates to show for css
+     * offset: the absolute coordinates to show for css when inside an offset parent
+     * absolute: the absolute coordinates to show before considering the offset parent
+     */
+    const adt$4 = Adt.generate([
+        { offset: ['x', 'y'] },
+        { absolute: ['x', 'y'] },
+        { fixed: ['x', 'y'] }
+    ]);
+    const subtract = (change) => (point) => point.translate(-change.left, -change.top);
+    const add = (change) => (point) => point.translate(change.left, change.top);
+    const transform = (changes) => (x, y) => foldl(changes, (rest, f) => f(rest), SugarPosition(x, y));
+    const asFixed = (coord, scroll, origin) => coord.fold(
+    // offset to fixed
+    transform([add(origin), subtract(scroll)]), 
+    // absolute to fixed
+    transform([subtract(scroll)]), 
+    // fixed to fixed
+    transform([]));
+    const asAbsolute = (coord, scroll, origin) => coord.fold(
+    // offset to absolute
+    transform([add(origin)]), 
+    // absolute to absolute
+    transform([]), 
+    // fixed to absolute
+    transform([add(scroll)]));
+    const asOffset = (coord, scroll, origin) => coord.fold(
+    // offset to offset
+    transform([]), 
+    // absolute to offset
+    transform([subtract(origin)]), 
+    // fixed to offset
+    transform([add(scroll), subtract(origin)]));
+    const withinRange = (coord1, coord2, xRange, yRange, scroll, origin) => {
+        const a1 = asAbsolute(coord1, scroll, origin);
+        const a2 = asAbsolute(coord2, scroll, origin);
+        // eslint-disable-next-line no-console
+        // console.log(`a1.left: ${a1.left}, a2.left: ${a2.left}, leftDelta: ${a1.left - a2.left}, xRange: ${xRange}, lD <= xRange: ${Math.abs(a1.left - a2.left) <= xRange}`);
+        // console.log(`a1.top: ${a1.top}, a2.top: ${a2.top}, topDelta: ${a1.top - a2.top}, yRange: ${yRange}, lD <= xRange: ${Math.abs(a1.top - a2.top) <= yRange}`);
+        return Math.abs(a1.left - a2.left) <= xRange &&
+            Math.abs(a1.top - a2.top) <= yRange;
+    };
+    const getDeltas = (coord1, coord2, xRange, yRange, scroll, origin) => {
+        const a1 = asAbsolute(coord1, scroll, origin);
+        const a2 = asAbsolute(coord2, scroll, origin);
+        const left = Math.abs(a1.left - a2.left);
+        const top = Math.abs(a1.top - a2.top);
+        return SugarPosition(left, top);
+    };
+    const toStyles = (coord, scroll, origin) => {
+        const stylesOpt = coord.fold((x, y) => ({ position: Optional?.some('absolute'), left: Optional?.some(x + 'px'), top: Optional?.some(y + 'px') }), // offset
+        (x, y) => ({ position: Optional?.some('absolute'), left: Optional?.some((x - origin.left) + 'px'), top: Optional?.some((y - origin.top) + 'px') }), // absolute
+        (x, y) => ({ position: Optional?.some('fixed'), left: Optional?.some(x + 'px'), top: Optional?.some(y + 'px') }) // fixed
+        );
+        return { right: Optional.none(), bottom: Optional.none(), ...stylesOpt };
+    };
+    const translate$2 = (coord, deltaX, deltaY) => coord.fold((x, y) => offset(x + deltaX, y + deltaY), (x, y) => absolute$1(x + deltaX, y + deltaY), (x, y) => fixed$1(x + deltaX, y + deltaY));
+    const absorb = (partialCoord, originalCoord, scroll, origin) => {
+        const absorbOne = (stencil, nu) => (optX, optY) => {
+            const original = stencil(originalCoord, scroll, origin);
+            return nu(optX.getOr(original.left), optY.getOr(original.top));
+        };
+        return partialCoord.fold(absorbOne(asOffset, offset), absorbOne(asAbsolute, absolute$1), absorbOne(asFixed, fixed$1));
+    };
+    const offset = adt$4.offset;
+    const absolute$1 = adt$4.absolute;
+    const fixed$1 = adt$4.fixed;
+
+    const parseAttrToInt = (element, name) => {
+        const value = get$g(element, name);
+        return isUndefined(value) ? NaN : parseInt(value, 10);
+    };
+    // NOTE: Moved from ego with some parameterisation
+    const get$3 = (component, snapsInfo) => {
+        const element = component.element;
+        const x = parseAttrToInt(element, snapsInfo.leftAttr);
+        const y = parseAttrToInt(element, snapsInfo.topAttr);
+        return isNaN(x) || isNaN(y) ? Optional.none() : Optional?.some(SugarPosition(x, y));
+    };
+    const set$1 = (component, snapsInfo, pt) => {
+        const element = component.element;
+        set$9(element, snapsInfo.leftAttr, pt.left + 'px');
+        set$9(element, snapsInfo.topAttr, pt.top + 'px');
+    };
+    const clear = (component, snapsInfo) => {
+        const element = component.element;
+        remove$8(element, snapsInfo.leftAttr);
+        remove$8(element, snapsInfo.topAttr);
+    };
+
+    // Types of coordinates
+    // SugarLocation: This is the position on the screen including scroll.
+    // Absolute: This is the css setting that would be applied. Therefore, it subtracts
+    // the origin of the relative offsetParent.
+    // Fixed: This is the fixed position.
+    /*
+     So in attempt to make this more understandable, let's use offset, absolute, and fixed.
+     and try and model individual combinators
+    */
+    /*
+
+     Relationships:
+       - location -> absolute: should just need to subtract the position of the offset parent (origin)
+       - location -> fixed: subtract the scrolling
+       - absolute -> fixed: add the origin, and subtract the scrolling
+       - absolute -> location: add the origin
+       - fixed -> absolute: add the scrolling, remove the origin
+       - fixed -> location: add the scrolling
+
+    /*
+     * When the user is dragging around the element, and it snaps into place, it is important
+     * for the next movement to be from its pre-snapped location, rather than the snapped location.
+     * This is because if it is from the snapped location the next delta movement may not actually
+     * be high enough to get it out of the snap area, and hence, it will just snap again (and again).
+     */
+    // This identifies the position of the draggable element as either its current position, or the position
+    // that we put on it before we snapped it into place (before dropping). Once it's dropped, the presnap
+    // position will go away. It is used to avoid the situation where you can't escape the snap unless you
+    // move the mouse really quickly :)
+    const getCoords = (component, snapInfo, coord, delta) => get$3(component, snapInfo).fold(() => coord, (fixed) => 
+    // We have a pre-snap position, so we have to apply the delta ourselves
+    fixed$1(fixed.left + delta.left, fixed.top + delta.top));
+    const moveOrSnap = (component, snapInfo, coord, delta, scroll, origin) => {
+        const newCoord = getCoords(component, snapInfo, coord, delta);
+        const snap = snapInfo.mustSnap ? findClosestSnap(component, snapInfo, newCoord, scroll, origin) :
+            findSnap(component, snapInfo, newCoord, scroll, origin);
+        const fixedCoord = asFixed(newCoord, scroll, origin);
+        set$1(component, snapInfo, fixedCoord);
+        return snap.fold(() => ({
+            coord: fixed$1(fixedCoord.left, fixedCoord.top),
+            extra: Optional.none()
+        })
+        // No snap.
+        // var newfixed = graph.boundToFixed(theatre, element, loc.left, loc.top, fixed.left, fixed.top, height);
+        // presnaps.set(element, 'fixed', newfixed.left, newfixed.top);
+        // return { position: 'fixed', left: newfixed.left + 'px', top: newfixed.top + 'px' };
+        , (spanned) => ({
+            coord: spanned.output,
+            extra: spanned.extra
+        }));
+    };
+    const stopDrag = (component, snapInfo) => {
+        clear(component, snapInfo);
+    };
+    const findMatchingSnap = (snaps, newCoord, scroll, origin) => findMap(snaps, (snap) => {
+        const sensor = snap.sensor;
+        const inRange = withinRange(newCoord, sensor, snap.range.left, snap.range.top, scroll, origin);
+        return inRange ? Optional?.some({
+            output: absorb(snap.output, newCoord, scroll, origin),
+            extra: snap.extra
+        }) : Optional.none();
+    });
+    const findClosestSnap = (component, snapInfo, newCoord, scroll, origin) => {
+        // You need to pass in the absX and absY so that they can be used for things which only care about snapping one axis and keeping the other one.
+        const snaps = snapInfo.getSnapPoints(component);
+        const matchSnap = findMatchingSnap(snaps, newCoord, scroll, origin);
+        return matchSnap.orThunk(() => {
+            const bestSnap = foldl(snaps, (acc, snap) => {
+                const sensor = snap.sensor;
+                const deltas = getDeltas(newCoord, sensor, snap.range.left, snap.range.top, scroll, origin);
+                return acc.deltas.fold(() => ({
+                    deltas: Optional?.some(deltas),
+                    snap: Optional?.some(snap)
+                }), (bestDeltas) => {
+                    const currAvg = (deltas.left + deltas.top) / 2;
+                    const bestAvg = (bestDeltas.left + bestDeltas.top) / 2;
+                    if (currAvg <= bestAvg) {
+                        return {
+                            deltas: Optional?.some(deltas),
+                            snap: Optional?.some(snap)
+                        };
+                    }
+                    else {
+                        return acc;
+                    }
+                });
+            }, {
+                deltas: Optional.none(),
+                snap: Optional.none()
+            });
+            return bestSnap.snap?.map((snap) => ({
+                output: absorb(snap.output, newCoord, scroll, origin),
+                extra: snap.extra
+            }));
+        });
+    };
+    // x: the absolute position.left of the draggable element
+    // y: the absolute position.top of the draggable element
+    // deltaX: the amount the mouse has moved horizontally
+    // deltaY: the amount the mouse has moved vertically
+    const findSnap = (component, snapInfo, newCoord, scroll, origin) => {
+        // You need to pass in the absX and absY so that they can be used for things which only care about snapping one axis and keeping the other one.
+        const snaps = snapInfo.getSnapPoints(component);
+        // HERE
+        return findMatchingSnap(snaps, newCoord, scroll, origin);
+    };
+    const snapTo$1 = (snap, scroll, origin) => ({
+        // TODO: This looks to be incorrect and needs fixing as DragCoord definitely needs a number
+        // based drag coord for the second argument here, so this is probably a bug.
+        coord: absorb(snap.output, snap.output, scroll, origin),
+        extra: snap.extra
+    });
+
+    const snapTo = (component, dragConfig, _state, snap) => {
+        const target = dragConfig.getTarget(component.element);
+        if (dragConfig.repositionTarget) {
+            const doc = owner$4(component.element);
+            const scroll = get$b(doc);
+            const origin = getOrigin(target);
+            const snapPin = snapTo$1(snap, scroll, origin);
+            const styles = toStyles(snapPin.coord, scroll, origin);
+            setOptions(target, styles);
+        }
+    };
+
+    var DraggingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        snapTo: snapTo
+    });
+
+    const field = (name, forbidden) => defaultedObjOf(name, {}, map$2(forbidden, (f) => forbid(f.name(), 'Cannot configure ' + f.name() + ' for ' + name)).concat([
+        customField('dump', identity)
+    ]));
+    const get$2 = (data) => data.dump;
+    const augment = (data, original) => ({
+        ...derive$1(original),
+        ...data.dump
+    });
+    // Is this used?
+    const SketchBehaviours = {
+        field,
+        augment,
+        get: get$2
+    };
+
+    const base = (partSchemas, partUidsSchemas) => {
+        const ps = partSchemas.length > 0 ? [
+            requiredObjOf('parts', partSchemas)
+        ] : [];
+        return ps.concat([
+            required$1('uid'),
+            defaulted('dom', {}), // Maybe get rid of.
+            defaulted('components', []),
+            snapshot('originalSpec'),
+            defaulted('debug.sketcher', {})
+        ]).concat(partUidsSchemas);
+    };
+    const asRawOrDie = (label, schema, spec, partSchemas, partUidsSchemas) => {
+        const baseS = base(partSchemas, partUidsSchemas);
+        return asRawOrDie$1(label + ' [SpecSchema]', objOfOnly(baseS.concat(schema)), spec);
+    };
+
+    const single$1 = (owner, schema, factory, spec) => {
+        const specWithUid = supplyUid(spec);
+        const detail = asRawOrDie(owner, schema, specWithUid, [], []);
+        return factory(detail, specWithUid);
+    };
+    const composite$1 = (owner, schema, partTypes, factory, spec) => {
+        const specWithUid = supplyUid(spec);
+        // Identify any information required for external parts
+        const partSchemas = schemas(partTypes);
+        // Generate partUids for all parts (external and otherwise)
+        const partUidsSchema = defaultUidsSchema(partTypes);
+        const detail = asRawOrDie(owner, schema, specWithUid, partSchemas, [partUidsSchema]);
+        // Create (internals, externals) substitutions
+        const subs = substitutes(owner, detail, partTypes);
+        // Work out the components by substituting internals
+        const components = components$1(owner, detail, subs.internals());
+        return factory(detail, components, specWithUid, subs.externals());
+    };
+    const hasUid = (spec) => has$2(spec, 'uid');
+    const supplyUid = (spec) => {
+        return hasUid(spec) ? spec : {
+            ...spec,
+            uid: generate$4('uid')
+        };
+    };
+
+    const isSketchSpec = (spec) => {
+        return spec.uid !== undefined;
+    };
+    const singleSchema = objOfOnly([
+        required$1('name'),
+        required$1('factory'),
+        required$1('configFields'),
+        defaulted('apis', {}),
+        defaulted('extraApis', {})
+    ]);
+    const compositeSchema = objOfOnly([
+        required$1('name'),
+        required$1('factory'),
+        required$1('configFields'),
+        required$1('partFields'),
+        defaulted('apis', {}),
+        defaulted('extraApis', {})
+    ]);
+    const single = (rawConfig) => {
+        const config = asRawOrDie$1('Sketcher for ' + rawConfig.name, singleSchema, rawConfig);
+        const sketch = (spec) => single$1(config.name, config.configFields, config.factory, spec);
+        const apis = map$1(config.apis, makeApi);
+        const extraApis = map$1(config.extraApis, (f, k) => markAsExtraApi(f, k));
+        return {
+            name: config.name,
+            configFields: config.configFields,
+            sketch,
+            ...apis,
+            ...extraApis
+        };
+    };
+    const composite = (rawConfig) => {
+        const config = asRawOrDie$1('Sketcher for ' + rawConfig.name, compositeSchema, rawConfig);
+        const sketch = (spec) => composite$1(config.name, config.configFields, config.partFields, config.factory, spec);
+        // These are constructors that will store their configuration.
+        const parts = generate$5(config.name, config.partFields);
+        const apis = map$1(config.apis, makeApi);
+        const extraApis = map$1(config.extraApis, (f, k) => markAsExtraApi(f, k));
+        return {
+            name: config.name,
+            partFields: config.partFields,
+            configFields: config.configFields,
+            sketch,
+            parts,
+            ...apis,
+            ...extraApis
+        };
+    };
+
+    const factory$o = (detail) => {
+        const { attributes, ...domWithoutAttributes } = detail.dom;
+        return {
+            uid: detail.uid,
+            dom: {
+                tag: 'div',
+                attributes: {
+                    role: 'presentation',
+                    ...attributes
+                },
+                ...domWithoutAttributes
+            },
+            components: detail.components,
+            behaviours: get$2(detail.containerBehaviours),
+            events: detail.events,
+            domModification: detail.domModification,
+            eventOrder: detail.eventOrder
+        };
+    };
+    const Container = single({
+        name: 'Container',
+        factory: factory$o,
+        configFields: [
+            defaulted('components', []),
+            field('containerBehaviours', []),
+            // TODO: Deprecate
+            defaulted('events', {}),
+            defaulted('domModification', {}),
+            defaulted('eventOrder', {})
+        ]
+    });
+
+    const initialAttribute = 'data-initial-z-index';
+    // We have to alter the z index of the alloy root of the blocker so that
+    // it can have a z-index high enough to act as the "blocker". Just before
+    // discarding it, we need to reset those z-indices back to what they
+    // were. ASSUMPTION: the blocker has been added as a direct child of the root
+    const resetZIndex = (blocker) => {
+        parent(blocker.element).filter(isElement$1).each((root) => {
+            getOpt(root, initialAttribute).fold(() => remove$6(root, 'z-index'), (zIndex) => set$7(root, 'z-index', zIndex));
+            remove$8(root, initialAttribute);
+        });
+    };
+    const changeZIndex = (blocker) => {
+        parent(blocker.element).filter(isElement$1).each((root) => {
+            getRaw(root, 'z-index').each((zindex) => {
+                set$9(root, initialAttribute, zindex);
+            });
+            // Used to be a really high number, but it probably just has
+            // to match the blocker
+            set$7(root, 'z-index', get$e(blocker.element, 'z-index'));
+        });
+    };
+    const instigate = (anyComponent, blocker) => {
+        anyComponent.getSystem().addToGui(blocker);
+        changeZIndex(blocker);
+    };
+    const discard = (blocker) => {
+        resetZIndex(blocker);
+        blocker.getSystem().removeFromGui(blocker);
+    };
+    const createComponent = (component, blockerClass, blockerEvents) => component.getSystem().build(Container.sketch({
+        dom: {
+            // Probably consider doing with classes?
+            styles: {
+                'left': '0px',
+                'top': '0px',
+                'width': '100%',
+                'height': '100%',
+                'position': 'fixed',
+                'z-index': '1000000000000000'
+            },
+            classes: [blockerClass]
+        },
+        events: blockerEvents
+    }));
+
+    var SnapSchema = optionObjOf('snaps', [
+        required$1('getSnapPoints'),
+        onHandler('onSensor'),
+        required$1('leftAttr'),
+        required$1('topAttr'),
+        defaulted('lazyViewport', win),
+        defaulted('mustSnap', false)
+    ]);
+
+    const schema$s = [
+        // Is this used?
+        defaulted('useFixed', never),
+        required$1('blockerClass'),
+        defaulted('getTarget', identity),
+        defaulted('onDrag', noop),
+        defaulted('repositionTarget', true),
+        defaulted('onDrop', noop),
+        defaultedFunction('getBounds', win),
+        SnapSchema
+    ];
+
+    const getCurrentCoord = (target) => lift3(getRaw(target, 'left'), getRaw(target, 'top'), getRaw(target, 'position'), (left, top, position) => {
+        const nu = position === 'fixed' ? fixed$1 : offset;
+        return nu(parseInt(left, 10), parseInt(top, 10));
+    }).getOrThunk(() => {
+        const location = absolute$3(target);
+        return absolute$1(location.left, location.top);
+    });
+    const clampCoords = (component, coords, scroll, origin, startData) => {
+        const bounds = startData.bounds;
+        const absoluteCoord = asAbsolute(coords, scroll, origin);
+        const newX = clamp(absoluteCoord.left, bounds.x, bounds.x + bounds.width - startData.width);
+        const newY = clamp(absoluteCoord.top, bounds.y, bounds.y + bounds.height - startData.height);
+        const newCoords = absolute$1(newX, newY);
+        // Translate the absolute coord back into the previous type
+        return coords.fold(
+        // offset
+        () => {
+            const offset$1 = asOffset(newCoords, scroll, origin);
+            return offset(offset$1.left, offset$1.top);
+        }, 
+        // absolute
+        constant$1(newCoords), 
+        // fixed
+        () => {
+            const fixed = asFixed(newCoords, scroll, origin);
+            return fixed$1(fixed.left, fixed.top);
+        });
+    };
+    const calcNewCoord = (component, optSnaps, currentCoord, scroll, origin, delta, startData) => {
+        const newCoord = optSnaps.fold(() => {
+            // When not docking, use fixed coordinates.
+            const translated = translate$2(currentCoord, delta.left, delta.top);
+            const fixedCoord = asFixed(translated, scroll, origin);
+            return fixed$1(fixedCoord.left, fixedCoord.top);
+        }, (snapInfo) => {
+            const snapping = moveOrSnap(component, snapInfo, currentCoord, delta, scroll, origin);
+            snapping.extra.each((extra) => {
+                snapInfo.onSensor(component, extra);
+            });
+            return snapping.coord;
+        });
+        // Clamp the coords so that they are within the bounds
+        return clampCoords(component, newCoord, scroll, origin, startData);
+    };
+    const dragBy = (component, dragConfig, startData, delta) => {
+        const target = dragConfig.getTarget(component.element);
+        if (dragConfig.repositionTarget) {
+            const doc = owner$4(component.element);
+            const scroll = get$b(doc);
+            const origin = getOrigin(target);
+            const currentCoord = getCurrentCoord(target);
+            const newCoord = calcNewCoord(component, dragConfig.snaps, currentCoord, scroll, origin, delta, startData);
+            const styles = toStyles(newCoord, scroll, origin);
+            setOptions(target, styles);
+        }
+        // NOTE: On drag just goes with the original delta. It does not know about snapping.
+        dragConfig.onDrag(component, target, delta);
+    };
+
+    const calcStartData = (dragConfig, comp) => ({
+        bounds: dragConfig.getBounds(),
+        height: getOuter$1(comp.element),
+        width: getOuter(comp.element)
+    });
+    const move = (component, dragConfig, dragState, dragMode, event) => {
+        const delta = dragState.update(dragMode, event);
+        const dragStartData = dragState.getStartData().getOrThunk(() => calcStartData(dragConfig, component));
+        delta.each((dlt) => {
+            dragBy(component, dragConfig, dragStartData, dlt);
+        });
+    };
+    const stop = (component, blocker, dragConfig, dragState) => {
+        blocker.each(discard);
+        dragConfig.snaps.each((snapInfo) => {
+            stopDrag(component, snapInfo);
+        });
+        const target = dragConfig.getTarget(component.element);
+        dragState.reset();
+        dragConfig.onDrop(component, target);
+    };
+    const handlers = (events) => (dragConfig, dragState) => {
+        const updateStartState = (comp) => {
+            dragState.setStartData(calcStartData(dragConfig, comp));
+        };
+        return derive$2([
+            run$1(windowScroll(), (comp) => {
+                // Only update if we have some start data
+                dragState.getStartData().each(() => updateStartState(comp));
+            }),
+            ...events(dragConfig, dragState, updateStartState)
+        ]);
+    };
+
+    const init$c = (dragApi) => derive$2([
+        // When the user clicks on the blocker, something has probably gone slightly
+        // wrong, so we'll just drop for safety. The blocker should really only
+        // be there when the mouse is already down and not released, so a 'click'
+        run$1(mousedown(), dragApi.forceDrop),
+        // When the user releases the mouse on the blocker, that is a drop
+        run$1(mouseup(), dragApi.drop),
+        // As the user moves the mouse around (while pressed down), we move the
+        // component around
+        run$1(mousemove(), (comp, simulatedEvent) => {
+            dragApi.move(simulatedEvent.event);
+        }),
+        // When the use moves outside the range, schedule a block to occur but
+        // give it a chance to be cancelled.
+        run$1(mouseout(), dragApi.delayDrop)
+    ]);
+
+    const getData$1 = (event) => Optional.from(SugarPosition(event.x, event.y));
+    // When dragging with the mouse, the delta is simply the difference
+    // between the two position (previous/old and next/nu)
+    const getDelta$1 = (old, nu) => SugarPosition(nu.left - old.left, nu.top - old.top);
+
+    var MouseData = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getData: getData$1,
+        getDelta: getDelta$1
+    });
+
+    const events$d = (dragConfig, dragState, updateStartState) => [
+        run$1(mousedown(), (component, simulatedEvent) => {
+            const raw = simulatedEvent.event.raw;
+            if (raw.button !== 0) {
+                return;
+            }
+            simulatedEvent.stop();
+            const stop$1 = () => stop(component, Optional?.some(blocker), dragConfig, dragState);
+            // If the user has moved something outside the area, and has not come back within
+            // 200 ms, then drop
+            const delayDrop = DelayedFunction(stop$1, 200);
+            const dragApi = {
+                drop: stop$1,
+                delayDrop: delayDrop.schedule,
+                forceDrop: stop$1,
+                move: (event) => {
+                    // Stop any pending drops caused by mouseout
+                    delayDrop.cancel();
+                    move(component, dragConfig, dragState, MouseData, event);
+                }
+            };
+            const blocker = createComponent(component, dragConfig.blockerClass, init$c(dragApi));
+            const start = () => {
+                updateStartState(component);
+                instigate(component, blocker);
+            };
+            start();
+        })
+    ];
+    const schema$r = [
+        ...schema$s,
+        output$1('dragger', {
+            handlers: handlers(events$d)
+        })
+    ];
+
+    const init$b = (dragApi) => derive$2([
+        // When the user taps on the blocker, something has probably gone slightly
+        // wrong, so we'll just drop for safety. The blocker should really only
+        // be there when their finger is already down and not released, so a 'tap'
+        run$1(touchstart(), dragApi.forceDrop),
+        // When the user releases their finger on the blocker, that is a drop
+        run$1(touchend(), dragApi.drop),
+        run$1(touchcancel(), dragApi.drop),
+        // As the user moves their finger around (while pressed down), we move the
+        // component around
+        run$1(touchmove(), (comp, simulatedEvent) => {
+            dragApi.move(simulatedEvent.event);
+        })
+    ]);
+
+    const getDataFrom = (touches) => {
+        const touch = touches[0];
+        return Optional?.some(SugarPosition(touch.clientX, touch.clientY));
+    };
+    const getData = (event) => {
+        const raw = event.raw;
+        const touches = raw.touches;
+        return touches.length === 1 ? getDataFrom(touches) : Optional.none();
+    };
+    // When dragging the touch, the delta is simply the difference
+    // between the two touch positions (previous/old and next/nu)
+    const getDelta = (old, nu) => SugarPosition(nu.left - old.left, nu.top - old.top);
+
+    var TouchData = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getData: getData,
+        getDelta: getDelta
+    });
+
+    const events$c = (dragConfig, dragState, updateStartState) => {
+        const blockerSingleton = value$2();
+        const stopBlocking = (component) => {
+            stop(component, blockerSingleton.get(), dragConfig, dragState);
+            blockerSingleton.clear();
+        };
+        // Android fires events on the component at all times, while iOS initially fires on the component
+        // but once moved off the component then fires on the element behind. As such we need to use
+        // a blocker and then listen to both touchmove/touchend on both the component and blocker.
+        return [
+            run$1(touchstart(), (component, simulatedEvent) => {
+                simulatedEvent.stop();
+                const stop = () => stopBlocking(component);
+                const dragApi = {
+                    drop: stop,
+                    // delayDrop is not used by touch
+                    delayDrop: noop,
+                    forceDrop: stop,
+                    move: (event) => {
+                        move(component, dragConfig, dragState, TouchData, event);
+                    }
+                };
+                const blocker = createComponent(component, dragConfig.blockerClass, init$b(dragApi));
+                blockerSingleton.set(blocker);
+                const start = () => {
+                    updateStartState(component);
+                    instigate(component, blocker);
+                };
+                start();
+            }),
+            run$1(touchmove(), (component, simulatedEvent) => {
+                simulatedEvent.stop();
+                move(component, dragConfig, dragState, TouchData, simulatedEvent.event);
+            }),
+            run$1(touchend(), (component, simulatedEvent) => {
+                simulatedEvent.stop();
+                stopBlocking(component);
+            }),
+            run$1(touchcancel(), stopBlocking)
+        ];
+    };
+    const schema$q = [
+        ...schema$s,
+        output$1('dragger', {
+            handlers: handlers(events$c)
+        })
+    ];
+
+    const events$b = (dragConfig, dragState, updateStartState) => [
+        ...events$d(dragConfig, dragState, updateStartState),
+        ...events$c(dragConfig, dragState, updateStartState)
+    ];
+    const schema$p = [
+        ...schema$s,
+        output$1('dragger', {
+            handlers: handlers(events$b)
+        })
+    ];
+
+    const mouse = schema$r;
+    const touch = schema$q;
+    const mouseOrTouch = schema$p;
+
+    var DraggingBranches = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        mouse: mouse,
+        touch: touch,
+        mouseOrTouch: mouseOrTouch
+    });
+
+    // NOTE: mode refers to the way that information is retrieved from
+    // the user interaction. It can be things like MouseData, TouchData etc.
+    const init$a = () => {
+        // Dragging operates on the difference between the previous user
+        // interaction and the next user interaction. Therefore, we store
+        // the previous interaction so that we can compare it.
+        let previous = Optional.none();
+        // Dragging requires calculating the bounds, so we store that data initially
+        // to reduce the amount of computation each mouse movement
+        let startData = Optional.none();
+        const reset = () => {
+            previous = Optional.none();
+            startData = Optional.none();
+        };
+        // Return position delta between previous position and nu position,
+        // or None if this is the first. Set the previous position to nu.
+        const calculateDelta = (mode, nu) => {
+            const result = previous?.map((old) => mode.getDelta(old, nu));
+            previous = Optional?.some(nu);
+            return result;
+        };
+        // NOTE: This dragEvent is the DOM touch event or mouse event
+        const update = (mode, dragEvent) => mode.getData(dragEvent).bind((nuData) => calculateDelta(mode, nuData));
+        const setStartData = (data) => {
+            startData = Optional?.some(data);
+        };
+        const getStartData = () => startData;
+        const readState = constant$1({});
+        return nu$4({
+            readState,
+            reset,
+            update,
+            getStartData,
+            setStartData
+        });
+    };
+
+    var DragState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$a
+    });
+
+    const Dragging = createModes({
+        branchKey: 'mode',
+        branches: DraggingBranches,
+        name: 'dragging',
+        active: {
+            events: (dragConfig, dragState) => {
+                const dragger = dragConfig.dragger;
+                return dragger.handlers(dragConfig, dragState);
+            }
+        },
+        extra: {
+            // Extra. Does not need component as input.
+            snap: (sConfig) => ({
+                sensor: sConfig.sensor,
+                range: sConfig.range,
+                output: sConfig.output,
+                extra: Optional.from(sConfig.extra)
+            })
+        },
+        state: DragState,
+        apis: DraggingApis
+    });
+
+    const ariaElements = [
+        'input',
+        'textarea'
+    ];
+    const isAriaElement = (elem) => {
+        const name = name$3(elem);
+        return contains$2(ariaElements, name);
+    };
+    const markValid = (component, invalidConfig) => {
+        const elem = invalidConfig.getRoot(component).getOr(component.element);
+        remove$3(elem, invalidConfig.invalidClass);
+        invalidConfig.notify.each((notifyInfo) => {
+            if (isAriaElement(component.element)) {
+                set$9(component.element, 'aria-invalid', false);
+            }
+            notifyInfo.getContainer(component).each((container) => {
+                set$8(container, notifyInfo.validHtml);
+            });
+            notifyInfo.onValid(component);
+        });
+    };
+    const markInvalid = (component, invalidConfig, invalidState, text) => {
+        const elem = invalidConfig.getRoot(component).getOr(component.element);
+        add$2(elem, invalidConfig.invalidClass);
+        invalidConfig.notify.each((notifyInfo) => {
+            if (isAriaElement(component.element)) {
+                set$9(component.element, 'aria-invalid', true);
+            }
+            notifyInfo.getContainer(component).each((container) => {
+                // TODO: Should we just use Text here, not HTML?
+                set$8(container, text);
+            });
+            notifyInfo.onInvalid(component, text);
+        });
+    };
+    const query = (component, invalidConfig, _invalidState) => invalidConfig.validator.fold(() => Future.pure(Result.value(true)), (validatorInfo) => validatorInfo.validate(component));
+    const run = (component, invalidConfig, invalidState) => {
+        invalidConfig.notify.each((notifyInfo) => {
+            notifyInfo.onValidate(component);
+        });
+        return query(component, invalidConfig)?.map((valid) => {
+            if (component.getSystem().isConnected()) {
+                return valid.fold((err) => {
+                    markInvalid(component, invalidConfig, invalidState, err);
+                    return Result.error(err);
+                }, (v) => {
+                    markValid(component, invalidConfig);
+                    return Result.value(v);
+                });
+            }
+            else {
+                return Result.error('No longer in system');
+            }
+        });
+    };
+    const isInvalid = (component, invalidConfig) => {
+        const elem = invalidConfig.getRoot(component).getOr(component.element);
+        return has(elem, invalidConfig.invalidClass);
+    };
+
+    var InvalidateApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        markValid: markValid,
+        markInvalid: markInvalid,
+        query: query,
+        run: run,
+        isInvalid: isInvalid
+    });
+
+    const events$a = (invalidConfig, invalidState) => invalidConfig.validator?.map((validatorInfo) => derive$2([
+        run$1(validatorInfo.onEvent, (component) => {
+            run(component, invalidConfig, invalidState).get(identity);
+        })
+    ].concat(validatorInfo.validateOnLoad ? [
+        runOnAttached((component) => {
+            run(component, invalidConfig, invalidState).get(noop);
+        })
+    ] : []))).getOr({});
+
+    var ActiveInvalidate = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$a
+    });
+
+    var InvalidateSchema = [
+        required$1('invalidClass'),
+        defaulted('getRoot', Optional.none),
+        // TODO: Completely rework the notify API
+        optionObjOf('notify', [
+            defaulted('aria', 'alert'),
+            // Maybe we should use something else.
+            defaulted('getContainer', Optional.none),
+            defaulted('validHtml', ''),
+            onHandler('onValid'),
+            onHandler('onInvalid'),
+            onHandler('onValidate')
+        ]),
+        optionObjOf('validator', [
+            required$1('validate'),
+            defaulted('onEvent', 'input'),
+            defaulted('validateOnLoad', true)
+        ])
+    ];
+
+    const onLoad$4 = (component, repConfig, repState) => {
+        repConfig.store.manager.onLoad(component, repConfig, repState);
+    };
+    const onUnload$2 = (component, repConfig, repState) => {
+        repConfig.store.manager.onUnload(component, repConfig, repState);
+    };
+    const setValue$3 = (component, repConfig, repState, data) => {
+        repConfig.store.manager.setValue(component, repConfig, repState, data);
+    };
+    const getValue$3 = (component, repConfig, repState) => repConfig.store.manager.getValue(component, repConfig, repState);
+    const getState$2 = (component, repConfig, repState) => repState;
+
+    var RepresentApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        onLoad: onLoad$4,
+        onUnload: onUnload$2,
+        setValue: setValue$3,
+        getValue: getValue$3,
+        getState: getState$2
+    });
+
+    const events$9 = (repConfig, repState) => {
+        const es = repConfig.resetOnDom ? [
+            runOnAttached((comp, _se) => {
+                onLoad$4(comp, repConfig, repState);
+            }),
+            runOnDetached((comp, _se) => {
+                onUnload$2(comp, repConfig, repState);
+            })
+        ] : [
+            loadEvent(repConfig, repState, onLoad$4)
+        ];
+        return derive$2(es);
+    };
+
+    var ActiveRepresenting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$9
+    });
+
+    const memory$1 = () => {
+        const data = Cell(null);
+        const readState = () => ({
+            mode: 'memory',
+            value: data.get()
+        });
+        const isNotSet = () => data.get() === null;
+        const clear = () => {
+            data.set(null);
+        };
+        return nu$4({
+            set: data.set,
+            get: data.get,
+            isNotSet,
+            clear,
+            readState
+        });
+    };
+    const manual = () => {
+        const readState = noop;
+        return nu$4({
+            readState
+        });
+    };
+    const dataset = () => {
+        const dataByValue = Cell({});
+        const dataByText = Cell({});
+        const readState = () => ({
+            mode: 'dataset',
+            dataByValue: dataByValue.get(),
+            dataByText: dataByText.get()
+        });
+        const clear = () => {
+            dataByValue.set({});
+            dataByText.set({});
+        };
+        // itemString can be matching value or text.
+        // TODO: type problem - impossible to correctly return value when type parameter only exists in return type
+        const lookup = (itemString) => get$h(dataByValue.get(), itemString).orThunk(() => get$h(dataByText.get(), itemString));
+        const update = (items) => {
+            const currentDataByValue = dataByValue.get();
+            const currentDataByText = dataByText.get();
+            const newDataByValue = {};
+            const newDataByText = {};
+            each$1(items, (item) => {
+                newDataByValue[item.value] = item;
+                get$h(item, 'meta').each((meta) => {
+                    get$h(meta, 'text').each((text) => {
+                        newDataByText[text] = item;
+                    });
+                });
+            });
+            dataByValue.set({
+                ...currentDataByValue,
+                ...newDataByValue
+            });
+            dataByText.set({
+                ...currentDataByText,
+                ...newDataByText
+            });
+        };
+        return nu$4({
+            readState,
+            lookup,
+            update,
+            clear
+        });
+    };
+    const init$9 = (spec) => spec.store.manager.state(spec);
+
+    var RepresentState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        memory: memory$1,
+        dataset: dataset,
+        manual: manual,
+        init: init$9
+    });
+
+    const setValue$2 = (component, repConfig, repState, data) => {
+        const store = repConfig.store;
+        repState.update([data]);
+        store.setValue(component, data);
+        repConfig.onSetValue(component, data);
+    };
+    const getValue$2 = (component, repConfig, repState) => {
+        const store = repConfig.store;
+        const key = store.getDataKey(component);
+        return repState.lookup(key).getOrThunk(() => store.getFallbackEntry(key));
+    };
+    const onLoad$3 = (component, repConfig, repState) => {
+        const store = repConfig.store;
+        store.initialValue.each((data) => {
+            setValue$2(component, repConfig, repState, data);
+        });
+    };
+    const onUnload$1 = (component, repConfig, repState) => {
+        repState.clear();
+    };
+    var DatasetStore = [
+        option$3('initialValue'),
+        required$1('getFallbackEntry'),
+        required$1('getDataKey'),
+        required$1('setValue'),
+        output$1('manager', {
+            setValue: setValue$2,
+            getValue: getValue$2,
+            onLoad: onLoad$3,
+            onUnload: onUnload$1,
+            state: dataset
+        })
+    ];
+
+    const getValue$1 = (component, repConfig, _repState) => repConfig.store.getValue(component);
+    const setValue$1 = (component, repConfig, _repState, data) => {
+        repConfig.store.setValue(component, data);
+        repConfig.onSetValue(component, data);
+    };
+    const onLoad$2 = (component, repConfig, _repState) => {
+        repConfig.store.initialValue.each((data) => {
+            repConfig.store.setValue(component, data);
+        });
+    };
+    var ManualStore = [
+        required$1('getValue'),
+        defaulted('setValue', noop),
+        option$3('initialValue'),
+        output$1('manager', {
+            setValue: setValue$1,
+            getValue: getValue$1,
+            onLoad: onLoad$2,
+            onUnload: noop,
+            state: NoState.init
+        })
+    ];
+
+    const setValue = (component, repConfig, repState, data) => {
+        repState.set(data);
+        repConfig.onSetValue(component, data);
+    };
+    const getValue = (component, repConfig, repState) => repState.get();
+    const onLoad$1 = (component, repConfig, repState) => {
+        repConfig.store.initialValue.each((initVal) => {
+            if (repState.isNotSet()) {
+                repState.set(initVal);
+            }
+        });
+    };
+    const onUnload = (component, repConfig, repState) => {
+        repState.clear();
+    };
+    var MemoryStore = [
+        option$3('initialValue'),
+        output$1('manager', {
+            setValue,
+            getValue,
+            onLoad: onLoad$1,
+            onUnload,
+            state: memory$1
+        })
+    ];
+
+    var RepresentSchema = [
+        defaultedOf('store', { mode: 'memory' }, choose$1('mode', {
+            memory: MemoryStore,
+            manual: ManualStore,
+            dataset: DatasetStore
+        })),
+        onHandler('onSetValue'),
+        defaulted('resetOnDom', false)
+    ];
+
+    // The self-reference is clumsy.
+    const Representing = create$3({
+        fields: RepresentSchema,
+        name: 'representing',
+        active: ActiveRepresenting,
+        apis: RepresentApis,
+        extra: {
+            setValueFrom: (component, source) => {
+                const value = Representing.getValue(source);
+                Representing.setValue(component, value);
+            }
+        },
+        state: RepresentState
+    });
+
+    const Invalidating = create$3({
+        fields: InvalidateSchema,
+        name: 'invalidating',
+        active: ActiveInvalidate,
+        apis: InvalidateApis,
+        extra: {
+            // Note, this requires representing to be on the validatee
+            validation: (validator) => {
+                return (component) => {
+                    const v = Representing.getValue(component);
+                    return Future.pure(validator(v));
+                };
+            }
+        }
+    });
+
+    const exhibit$4 = (base, posConfig) => nu$2({
+        classes: [],
+        styles: posConfig.useFixed() ? {} : { position: 'relative' }
+    });
+
+    var ActivePosition = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$4
+    });
+
+    const adt$3 = Adt.generate([
+        { none: [] },
+        { relative: ['x', 'y', 'width', 'height'] },
+        { fixed: ['x', 'y', 'width', 'height'] }
+    ]);
+    const positionWithDirection = (posName, decision, x, y, width, height) => {
+        const decisionRect = decision.rect;
+        const decisionX = decisionRect.x - x;
+        const decisionY = decisionRect.y - y;
+        const decisionWidth = decisionRect.width;
+        const decisionHeight = decisionRect.height;
+        const decisionRight = width - (decisionX + decisionWidth);
+        const decisionBottom = height - (decisionY + decisionHeight);
+        const left = Optional?.some(decisionX);
+        const top = Optional?.some(decisionY);
+        const right = Optional?.some(decisionRight);
+        const bottom = Optional?.some(decisionBottom);
+        const none = Optional.none();
+        return cata$1(decision.direction, () => NuPositionCss(posName, left, top, none, none), // southeast
+        () => NuPositionCss(posName, none, top, right, none), // southwest
+        () => NuPositionCss(posName, left, none, none, bottom), // northeast
+        () => NuPositionCss(posName, none, none, right, bottom), // northwest
+        () => NuPositionCss(posName, left, top, none, none), // south
+        () => NuPositionCss(posName, left, none, none, bottom), // north
+        () => NuPositionCss(posName, left, top, none, none), // east
+        () => NuPositionCss(posName, none, top, right, none) // west
+        );
+    };
+    const reposition = (origin, decision) => origin.fold(() => {
+        const decisionRect = decision.rect;
+        return NuPositionCss('absolute', Optional?.some(decisionRect.x), Optional?.some(decisionRect.y), Optional.none(), Optional.none());
+    }, (x, y, width, height) => {
+        return positionWithDirection('absolute', decision, x, y, width, height);
+    }, (x, y, width, height) => {
+        return positionWithDirection('fixed', decision, x, y, width, height);
+    });
+    const toBox = (origin, element) => {
+        const rel = curry(find$2, element);
+        const position = origin.fold(rel, rel, () => {
+            const scroll = get$b();
+            // TODO: Make adding the scroll in OuterPosition.find optional.
+            return find$2(element).translate(-scroll.left, -scroll.top);
+        });
+        const width = getOuter(element);
+        const height = getOuter$1(element);
+        return bounds(position.left, position.top, width, height);
+    };
+    const viewport = (origin, optBounds) => optBounds.fold(
+    /* There are no bounds supplied */
+    () => origin.fold(win, win, bounds), (bounds$1) => 
+    /* Use any bounds supplied or remove the scroll position of the bounds for fixed. */
+    origin.fold(constant$1(bounds$1), constant$1(bounds$1), () => {
+        const pos = translate$1(origin, bounds$1.x, bounds$1.y);
+        return bounds(pos.left, pos.top, bounds$1.width, bounds$1.height);
+    }));
+    const translate$1 = (origin, x, y) => {
+        const pos = SugarPosition(x, y);
+        const removeScroll = () => {
+            const outerScroll = get$b();
+            return pos.translate(-outerScroll.left, -outerScroll.top);
+        };
+        // This could use cata if it wasn't a circular reference
+        return origin.fold(constant$1(pos), constant$1(pos), removeScroll);
+    };
+    const cata = (subject, onNone, onRelative, onFixed) => subject.fold(onNone, onRelative, onFixed);
+    adt$3.none;
+    const relative = adt$3.relative;
+    const fixed = adt$3.fixed;
+
+    const anchor = (anchorBox, origin) => ({
+        anchorBox,
+        origin
+    });
+    const box = (anchorBox, origin) => anchor(anchorBox, origin);
+
+    const adt$2 = Adt.generate([
+        { fit: ['reposition'] },
+        { nofit: ['reposition', 'visibleW', 'visibleH', 'isVisible'] }
+    ]);
+    /**
+     * This will attempt to determine if the box will fit within the specified bounds or if it needs to be repositioned.
+     * It will return the following details:
+     *  - if the original rect was in bounds (originInBounds & sizeInBounds). This is used to determine if we fitted
+     *    without having to make adjustments.
+     *  - the height and width that would be visible in the original location. (ie the overlap between the rect and
+     *    the bounds or the distance between the boxes if there is no overlap)
+     */
+    const determinePosition = (box, bounds) => {
+        const { x: boundsX, y: boundsY, right: boundsRight, bottom: boundsBottom } = bounds;
+        const { x, y, right, bottom, width, height } = box;
+        // simple checks for "is the top left inside the view"
+        const xInBounds = x >= boundsX && x <= boundsRight;
+        const yInBounds = y >= boundsY && y <= boundsBottom;
+        const originInBounds = xInBounds && yInBounds;
+        // simple checks for "is the bottom right inside the view"
+        const rightInBounds = right <= boundsRight && right >= boundsX;
+        const bottomInBounds = bottom <= boundsBottom && bottom >= boundsY;
+        const sizeInBounds = rightInBounds && bottomInBounds;
+        // measure how much of the width and height are visible. This should never be larger than the actual width or height
+        // however it can be a negative value when offscreen. These values are generally are only needed for the "nofit" case
+        const visibleW = Math.min(width, x >= boundsX ? boundsRight - x : right - boundsX);
+        const visibleH = Math.min(height, y >= boundsY ? boundsBottom - y : bottom - boundsY);
+        return {
+            originInBounds,
+            sizeInBounds,
+            visibleW,
+            visibleH
+        };
+    };
+    /**
+     * This will attempt to calculate and adjust the position of the box so that is stays within the specified bounds.
+     * The end result will be a new restricted box of where it can safely be placed within the bounds.
+     */
+    const calcReposition = (box, bounds$1) => {
+        const { x: boundsX, y: boundsY, right: boundsRight, bottom: boundsBottom } = bounds$1;
+        const { x, y, width, height } = box;
+        // measure the maximum x and y taking into account the height and width of the box
+        const maxX = Math.max(boundsX, boundsRight - width);
+        const maxY = Math.max(boundsY, boundsBottom - height);
+        // Futz with the X value to ensure that we're not off the left or right of the screen
+        const restrictedX = clamp(x, boundsX, maxX);
+        // Futz with the Y value to ensure that we're not off the top or bottom of the screen
+        const restrictedY = clamp(y, boundsY, maxY);
+        // Determine the new height and width based on the restricted X/Y to keep the element in bounds
+        const restrictedWidth = Math.min(restrictedX + width, boundsRight) - restrictedX;
+        const restrictedHeight = Math.min(restrictedY + height, boundsBottom) - restrictedY;
+        return bounds(restrictedX, restrictedY, restrictedWidth, restrictedHeight);
+    };
+    /**
+     * Determine the maximum height and width available for where the box is positioned in the bounds, making sure
+     * to account for which direction it's rendering in.
+     */
+    const calcMaxSizes = (direction, box, bounds) => {
+        // Futz with the "height" of the popup to ensure if it doesn't fit it's capped at the available height.
+        const upAvailable = constant$1(box.bottom - bounds.y);
+        const downAvailable = constant$1(bounds.bottom - box.y);
+        const maxHeight = cataVertical(direction, downAvailable, /* middle */ downAvailable, upAvailable);
+        // Futz with the "width" of the popup to ensure if it doesn't fit it's capped at the available width.
+        const westAvailable = constant$1(box.right - bounds.x);
+        const eastAvailable = constant$1(bounds.right - box.x);
+        const maxWidth = cataHorizontal(direction, eastAvailable, /* middle */ eastAvailable, westAvailable);
+        return {
+            maxWidth,
+            maxHeight
+        };
+    };
+    const attempt = (candidate, width, height, bounds$1) => {
+        const bubble = candidate.bubble;
+        const bubbleOffset = bubble.offset;
+        // adjust the bounds to account for the layout and bubble restrictions
+        const adjustedBounds = adjustBounds(bounds$1, candidate.restriction, bubbleOffset);
+        // candidate position is excluding the bubble, so add those values as well
+        const newX = candidate.x + bubbleOffset.left;
+        const newY = candidate.y + bubbleOffset.top;
+        const box = bounds(newX, newY, width, height);
+        // determine the position of the box in relation to the bounds
+        const { originInBounds, sizeInBounds, visibleW, visibleH } = determinePosition(box, adjustedBounds);
+        // restrict the box if it won't fit in the bounds
+        const fits = originInBounds && sizeInBounds;
+        const fittedBox = fits ? box : calcReposition(box, adjustedBounds);
+        // Determine if the box is at least partly visible in the bounds after applying the restrictions
+        const isPartlyVisible = fittedBox.width > 0 && fittedBox.height > 0;
+        // Determine the maximum height and width available in the bounds
+        const { maxWidth, maxHeight } = calcMaxSizes(candidate.direction, fittedBox, bounds$1);
+        const reposition = {
+            rect: fittedBox,
+            maxHeight,
+            maxWidth,
+            direction: candidate.direction,
+            placement: candidate.placement,
+            classes: {
+                on: bubble.classesOn,
+                off: bubble.classesOff
+            },
+            layout: candidate.label,
+            testY: newY
+        };
+        // useful debugging that I don't want to lose
+        // console.log(candidate.label);
+        // console.table([{
+        //   newY,
+        //   limitY: fittedBox.y,
+        //   boundsY: bounds.y,
+        //   boundsBottom: bounds.bottom,
+        //   newX,
+        //   limitX: fittedBox.x,
+        //   boundsX: bounds.x,
+        //   boundsRight: bounds.right,
+        //   candidateX: candidate.x,
+        //   candidateY: candidate.y,
+        //   width,
+        //   height,
+        //   isPartlyVisible
+        // }]);
+        // console.log(`maxWidth: ${maxWidth}, visibleW: ${visibleW}`);
+        // console.log(`maxHeight: ${maxHeight}, visibleH: ${visibleH}`);
+        // console.log('originInBounds:', originInBounds);
+        // console.log('sizeInBounds:', sizeInBounds);
+        // console.log(originInBounds && sizeInBounds ? 'fit' : 'nofit');
+        // Take special note that we don't use the futz values in the nofit case; whether this position is a good fit is separate
+        // to ensuring that if we choose it the popup is actually on screen properly.
+        return fits || candidate.alwaysFit ? adt$2.fit(reposition) : adt$2.nofit(reposition, visibleW, visibleH, isPartlyVisible);
+    };
+    /**
+     * Attempts to fit a box (generally a menu).
+     *
+     * candidates: an array of layout generators, generally obtained via api.Layout or api.LinkedLayout
+     * anchorBox: the box on screen that triggered the menu, we must touch one of the edges as defined by the candidate layouts
+     * elementBox: the popup (only width and height matter)
+     * bubbles: the bubbles for the popup (see api.Bubble)
+     * bounds: the screen
+     */
+    const attempts = (element, candidates, anchorBox, elementBox, bubbles, bounds) => {
+        const panelWidth = elementBox.width;
+        const panelHeight = elementBox.height;
+        const attemptBestFit = (layout, reposition, visibleW, visibleH, isVisible) => {
+            const next = layout(anchorBox, elementBox, bubbles, element, bounds);
+            const attemptLayout = attempt(next, panelWidth, panelHeight, bounds);
+            return attemptLayout.fold(constant$1(attemptLayout), (newReposition, newVisibleW, newVisibleH, newIsVisible) => {
+                // console.log(`label: ${next.label}, newVisibleW: ${newVisibleW}, visibleW: ${visibleW}, newVisibleH: ${newVisibleH}, visibleH: ${visibleH}, newIsVisible: ${newIsVisible}, isVisible: ${isVisible}`);
+                const improved = isVisible === newIsVisible ? (newVisibleH > visibleH || newVisibleW > visibleW) : (!isVisible && newIsVisible);
+                // console.log('improved? ', improved);
+                return improved ? attemptLayout : adt$2.nofit(reposition, visibleW, visibleH, isVisible);
+            });
+        };
+        const abc = foldl(candidates, (b, a) => {
+            const bestNext = curry(attemptBestFit, a);
+            return b.fold(constant$1(b), bestNext);
+        }, 
+        // fold base case: No candidates, it's never going to be correct, so do whatever
+        adt$2.nofit({
+            rect: anchorBox,
+            maxHeight: elementBox.height,
+            maxWidth: elementBox.width,
+            direction: southeast$3(),
+            placement: "southeast" /* Placement.Southeast */,
+            classes: {
+                on: [],
+                off: []
+            },
+            layout: 'none',
+            testY: anchorBox.y
+        }, -1, -1, false));
+        // unwrapping 'reposition' from the adt, for both fit & nofit the first arg is the one we need,
+        // so we can cheat and use Fun.identity
+        return abc.fold(identity, identity);
+    };
+
+    const properties = ['top', 'bottom', 'right', 'left'];
+    const timerAttr = 'data-alloy-transition-timer';
+    const isTransitioning$1 = (element, transition) => hasAll(element, transition.classes);
+    const shouldApplyTransitionCss = (transition, decision, lastPlacement) => {
+        // Don't apply transitions if there was no previous placement as it's transitioning from offscreen
+        return lastPlacement.exists((placer) => {
+            const mode = transition.mode;
+            return mode === 'all' ? true : placer[mode] !== decision[mode];
+        });
+    };
+    const hasChanges = (position, intermediate) => {
+        // Round to 3 decimal points
+        const round = (value) => parseFloat(value).toFixed(3);
+        return find$4(intermediate, (value, key) => {
+            const newValue = position[key]?.map(round);
+            const val = value?.map(round);
+            return !equals(newValue, val);
+        }).isSome();
+    };
+    const getTransitionDuration = (element) => {
+        const get = (name) => {
+            const style = get$e(element, name);
+            const times = style.split(/\s*,\s*/);
+            return filter$2(times, isNotEmpty);
+        };
+        const parse = (value) => {
+            if (isString(value) && /^[\d.]+/.test(value)) {
+                const num = parseFloat(value);
+                return endsWith(value, 'ms') ? num : num * 1000;
+            }
+            else {
+                return 0;
+            }
+        };
+        const delay = get('transition-delay');
+        const duration = get('transition-duration');
+        return foldl(duration, (acc, dur, i) => {
+            const time = parse(delay[i]) + parse(dur);
+            return Math.max(acc, time);
+        }, 0);
+    };
+    const setupTransitionListeners = (element, transition) => {
+        const transitionEnd = unbindable();
+        const transitionCancel = unbindable();
+        let timer;
+        const isSourceTransition = (e) => {
+            var _a;
+            // Ensure the transition event isn't from a pseudo element
+            const pseudoElement = (_a = e.raw.pseudoElement) !== null && _a !== void 0 ? _a : '';
+            return eq(e.target, element) && isEmpty(pseudoElement) && contains$2(properties, e.raw.propertyName);
+        };
+        const transitionDone = (e) => {
+            if (isNullable(e) || isSourceTransition(e)) {
+                transitionEnd.clear();
+                transitionCancel.clear();
+                // Only cleanup the class/timer on transitionend not on a cancel. This is done as cancel
+                // means the element has been repositioned and would need to keep transitioning
+                const type = e === null || e === void 0 ? void 0 : e.raw.type;
+                if (isNullable(type) || type === transitionend()) {
+                    clearTimeout(timer);
+                    remove$8(element, timerAttr);
+                    remove$2(element, transition.classes);
+                }
+            }
+        };
+        const transitionStart = bind$1(element, transitionstart(), (e) => {
+            if (isSourceTransition(e)) {
+                transitionStart.unbind();
+                transitionEnd.set(bind$1(element, transitionend(), transitionDone));
+                transitionCancel.set(bind$1(element, transitioncancel(), transitionDone));
+            }
+        });
+        // Request the next animation frame so we can roughly determine when the transition starts and then ensure
+        // the transition is cleaned up. In addition add ~17ms to the delay as that's about about 1 frame at 60fps
+        const duration = getTransitionDuration(element);
+        requestAnimationFrame(() => {
+            timer = setTimeout(transitionDone, duration + 17);
+            set$9(element, timerAttr, timer);
+        });
+    };
+    const startTransitioning = (element, transition) => {
+        add$1(element, transition.classes);
+        // Clear any existing cleanup timers
+        getOpt(element, timerAttr).each((timerId) => {
+            clearTimeout(parseInt(timerId, 10));
+            remove$8(element, timerAttr);
+        });
+        setupTransitionListeners(element, transition);
+    };
+    const applyTransitionCss = (element, origin, position, transition, decision, lastPlacement) => {
+        const shouldTransition = shouldApplyTransitionCss(transition, decision, lastPlacement);
+        if (shouldTransition || isTransitioning$1(element, transition)) {
+            // Set the new position first so we can calculate the computed position
+            set$7(element, 'position', position.position);
+            // Get the computed positions for the current element based on the new position CSS being applied
+            const rect = toBox(origin, element);
+            const intermediatePosition = reposition(origin, { ...decision, rect });
+            const intermediateCssOptions = mapToObject(properties, (prop) => intermediatePosition[prop]);
+            // Apply the intermediate styles and transition classes if something has changed
+            if (hasChanges(position, intermediateCssOptions)) {
+                setOptions(element, intermediateCssOptions);
+                if (shouldTransition) {
+                    startTransitioning(element, transition);
+                }
+                reflow(element);
+            }
+        }
+        else {
+            remove$2(element, transition.classes);
+        }
+    };
+
+    /*
+     * This is the old repartee API. It is retained in a similar structure to the original form,
+     * in case we decide to bring back the flexibility of working with non-standard positioning.
+     */
+    const elementSize = (p) => ({
+        width: Math.ceil(getOuterExact(p)),
+        height: getOuter$1(p)
+    });
+    const layout = (anchorBox, element, bubbles, options) => {
+        // clear the potentially limiting factors before measuring
+        remove$6(element, 'max-height');
+        remove$6(element, 'max-width');
+        const elementBox = elementSize(element);
+        return attempts(element, options.preference, anchorBox, elementBox, bubbles, options.bounds);
+    };
+    const setClasses = (element, decision) => {
+        const classInfo = decision.classes;
+        remove$2(element, classInfo.off);
+        add$1(element, classInfo.on);
+    };
+    /*
+     * maxHeightFunction is a MaxHeight instance.
+     * max-height is usually the distance between the edge of the popup and the screen; top of popup to bottom of screen for south, bottom of popup to top of screen for north.
+     *
+     * There are a few cases where we specifically don't want a max-height, which is why it's optional.
+     */
+    const setHeight = (element, decision, options) => {
+        // The old API enforced MaxHeight.anchored() for fixed position. That no longer seems necessary.
+        const maxHeightFunction = options.maxHeightFunction;
+        maxHeightFunction(element, decision.maxHeight);
+    };
+    const setWidth = (element, decision, options) => {
+        const maxWidthFunction = options.maxWidthFunction;
+        maxWidthFunction(element, decision.maxWidth);
+    };
+    const position$2 = (element, decision, options) => {
+        // This is a point of difference between Alloy and Repartee. Repartee appears to use Measure to calculate the available space for fixed origin
+        // That is not ported yet.
+        const positionCss = reposition(options.origin, decision);
+        options.transition.each((transition) => {
+            applyTransitionCss(element, options.origin, positionCss, transition, decision, options.lastPlacement);
+        });
+        applyPositionCss(element, positionCss);
+    };
+    const setPlacement = (element, decision) => {
+        setPlacement$1(element, decision.placement);
+    };
+
+    const defaultOr = (options, key, dephault) => options[key] === undefined ? dephault : options[key];
+    // This takes care of everything when you are positioning UI that can go anywhere on the screen
+    const simple = (anchor, element, bubble, layouts, lastPlacement, optBounds, overrideOptions, transition) => {
+        // the only supported override at the moment. Once relative has been deleted, maybe this can be optional in the bag
+        const maxHeightFunction = defaultOr(overrideOptions, 'maxHeightFunction', anchored());
+        const maxWidthFunction = defaultOr(overrideOptions, 'maxWidthFunction', noop);
+        const anchorBox = anchor.anchorBox;
+        const origin = anchor.origin;
+        const options = {
+            bounds: viewport(origin, optBounds),
+            origin,
+            preference: layouts,
+            maxHeightFunction,
+            maxWidthFunction,
+            lastPlacement,
+            transition
+        };
+        return go(anchorBox, element, bubble, options);
+    };
+    // This is the old public API. If we ever need full customisability again, this is how to expose it
+    const go = (anchorBox, element, bubble, options) => {
+        const decision = layout(anchorBox, element, bubble, options);
+        position$2(element, decision, options);
+        setPlacement(element, decision);
+        setClasses(element, decision);
+        setHeight(element, decision, options);
+        setWidth(element, decision, options);
+        return {
+            layout: decision.layout,
+            placement: decision.placement
+        };
+    };
+
+    const nu$1 = identity;
+
+    const schema$o = () => optionObjOf('layouts', [
+        required$1('onLtr'),
+        required$1('onRtl'),
+        option$3('onBottomLtr'),
+        option$3('onBottomRtl')
+    ]);
+    const get$1 = (elem, info, defaultLtr, defaultRtl, defaultBottomLtr, defaultBottomRtl, dirElement) => {
+        const isBottomToTop = dirElement?.map(isBottomToTopDir).getOr(false);
+        const customLtr = info.layouts?.map((ls) => ls.onLtr(elem));
+        const customRtl = info.layouts?.map((ls) => ls.onRtl(elem));
+        const ltr = isBottomToTop ?
+            info.layouts.bind((ls) => ls.onBottomLtr?.map((f) => f(elem)))
+                .or(customLtr)
+                .getOr(defaultBottomLtr) :
+            customLtr.getOr(defaultLtr);
+        const rtl = isBottomToTop ?
+            info.layouts.bind((ls) => ls.onBottomRtl?.map((f) => f(elem)))
+                .or(customRtl)
+                .getOr(defaultBottomRtl) :
+            customRtl.getOr(defaultRtl);
+        const f = onDirection(ltr, rtl);
+        return f(elem);
+    };
+
+    const placement$4 = (component, anchorInfo, origin) => {
+        const hotspot = anchorInfo.hotspot;
+        const anchorBox = toBox(origin, hotspot.element);
+        const layouts = get$1(component.element, anchorInfo, belowOrAbove(), belowOrAboveRtl(), aboveOrBelow(), aboveOrBelowRtl(), Optional?.some(anchorInfo.hotspot.element));
+        return Optional?.some(nu$1({
+            anchorBox,
+            bubble: anchorInfo.bubble.getOr(fallback()),
+            overrides: anchorInfo.overrides,
+            layouts
+        }));
+    };
+    var HotspotAnchor = [
+        required$1('hotspot'),
+        option$3('bubble'),
+        defaulted('overrides', {}),
+        schema$o(),
+        output$1('placement', placement$4)
+    ];
+
+    const placement$3 = (component, anchorInfo, origin) => {
+        const pos = translate$1(origin, anchorInfo.x, anchorInfo.y);
+        const anchorBox = bounds(pos.left, pos.top, anchorInfo.width, anchorInfo.height);
+        const layouts = get$1(component.element, anchorInfo, all$2(), allRtl$1(), 
+        // No default bottomToTop layouts currently needed
+        all$2(), allRtl$1(), Optional.none());
+        return Optional?.some(nu$1({
+            anchorBox,
+            bubble: anchorInfo.bubble,
+            overrides: anchorInfo.overrides,
+            layouts
+        }));
+    };
+    var MakeshiftAnchor = [
+        required$1('x'),
+        required$1('y'),
+        defaulted('height', 0),
+        defaulted('width', 0),
+        defaulted('bubble', fallback()),
+        defaulted('overrides', {}),
+        schema$o(),
+        output$1('placement', placement$3)
+    ];
+
+    const adt$1 = Adt.generate([
+        { screen: ['point'] },
+        { absolute: ['point', 'scrollLeft', 'scrollTop'] }
+    ]);
+    const toFixed = (pos) => 
+    // TODO: Use new ADT methods
+    pos.fold(identity, (point, scrollLeft, scrollTop) => point.translate(-scrollLeft, -scrollTop));
+    const toAbsolute = (pos) => pos.fold(identity, identity);
+    const sum = (points) => foldl(points, (b, a) => b.translate(a.left, a.top), SugarPosition(0, 0));
+    const sumAsFixed = (positions) => {
+        const points = map$2(positions, toFixed);
+        return sum(points);
+    };
+    const sumAsAbsolute = (positions) => {
+        const points = map$2(positions, toAbsolute);
+        return sum(points);
+    };
+    const screen = adt$1.screen;
+    const absolute = adt$1.absolute;
+
+    // In one mode, the window is inside an iframe. If that iframe is in the
+    // same document as the positioning element (component), then identify the offset
+    // difference between the iframe and the component.
+    const getOffset = (component, origin, anchorInfo) => {
+        const win = defaultView(anchorInfo.root).dom;
+        const hasSameOwner = (frame) => {
+            const frameOwner = owner$4(frame);
+            const compOwner = owner$4(component.element);
+            return eq(frameOwner, compOwner);
+        };
+        return Optional.from(win.frameElement)?.map(SugarElement.fromDom)
+            .filter(hasSameOwner)?.map(absolute$3);
+    };
+    const getRootPoint = (component, origin, anchorInfo) => {
+        const doc = owner$4(component.element);
+        const outerScroll = get$b(doc);
+        const offset = getOffset(component, origin, anchorInfo).getOr(outerScroll);
+        return absolute(offset, outerScroll.left, outerScroll.top);
+    };
+
+    const getBox = (left, top, width, height) => {
+        const point = screen(SugarPosition(left, top));
+        return Optional?.some(pointed(point, width, height));
+    };
+    const calcNewAnchor = (optBox, rootPoint, anchorInfo, origin, elem) => optBox?.map((box) => {
+        const points = [rootPoint, box.point];
+        const topLeft = cata(origin, () => sumAsAbsolute(points), () => sumAsAbsolute(points), () => sumAsFixed(points));
+        const anchorBox = rect(topLeft.left, topLeft.top, box.width, box.height);
+        const layoutsLtr = anchorInfo.showAbove ?
+            aboveOrBelow() :
+            belowOrAbove();
+        const layoutsRtl = anchorInfo.showAbove ?
+            aboveOrBelowRtl() :
+            belowOrAboveRtl();
+        const layouts = get$1(elem, anchorInfo, layoutsLtr, layoutsRtl, layoutsLtr, layoutsRtl, Optional.none());
+        return nu$1({
+            anchorBox,
+            bubble: anchorInfo.bubble.getOr(fallback()),
+            overrides: anchorInfo.overrides,
+            layouts
+        });
+    });
+
+    const placement$2 = (component, anchorInfo, origin) => {
+        const rootPoint = getRootPoint(component, origin, anchorInfo);
+        return anchorInfo.node
+            // Ensure the node is still attached, otherwise we can't get a valid client rect for a detached node
+            .filter(inBody)
+            .bind((target) => {
+            const rect = target.dom.getBoundingClientRect();
+            const nodeBox = getBox(rect.left, rect.top, rect.width, rect.height);
+            const elem = anchorInfo.node.getOr(component.element);
+            return calcNewAnchor(nodeBox, rootPoint, anchorInfo, origin, elem);
+        });
+    };
+    var NodeAnchor = [
+        required$1('node'),
+        required$1('root'),
+        option$3('bubble'),
+        schema$o(),
+        // chiefly MaxHeight.expandable()
+        defaulted('overrides', {}),
+        defaulted('showAbove', false),
+        output$1('placement', placement$2)
+    ];
+
+    const point = (element, offset) => ({
+        element,
+        offset
+    });
+    // NOTE: This only descends once.
+    const descendOnce$1 = (element, offset) => {
+        const children$1 = children(element);
+        if (children$1.length === 0) {
+            return point(element, offset);
+        }
+        else if (offset < children$1.length) {
+            return point(children$1[offset], 0);
+        }
+        else {
+            const last = children$1[children$1.length - 1];
+            const len = isText(last) ? get$a(last).length : children(last).length;
+            return point(last, len);
+        }
+    };
+
+    // A range from (a, 1) to (body, end) was giving the wrong bounds.
+    const descendOnce = (element, offset) => isText(element) ? point(element, offset) : descendOnce$1(element, offset);
+    const isSimRange = (detail) => detail.foffset !== undefined;
+    const getAnchorSelection = (win, anchorInfo) => {
+        // FIX TEST Test both providing a getSelection and not providing a getSelection
+        const getSelection = anchorInfo.getSelection.getOrThunk(() => () => getExact(win));
+        return getSelection()?.map((sel) => {
+            if (isSimRange(sel)) {
+                const modStart = descendOnce(sel.start, sel.soffset);
+                const modFinish = descendOnce(sel.finish, sel.foffset);
+                return SimSelection.range(modStart.element, modStart.offset, modFinish.element, modFinish.offset);
+            }
+            else {
+                return sel;
+            }
+        });
+    };
+    const placement$1 = (component, anchorInfo, origin) => {
+        const win = defaultView(anchorInfo.root).dom;
+        const rootPoint = getRootPoint(component, origin, anchorInfo);
+        const selectionBox = getAnchorSelection(win, anchorInfo).bind((sel) => {
+            // This represents the *visual* rectangle of the selection.
+            if (isSimRange(sel)) {
+                const optRect = getBounds$2(win, SimSelection.exactFromRange(sel)).orThunk(() => {
+                    const zeroWidth$1 = SugarElement.fromText(zeroWidth);
+                    before$1(sel.start, zeroWidth$1);
+                    // Certain things like <p><br/></p> with (p, 0) or <br>) as collapsed selection do not return a client rectangle
+                    const rect = getFirstRect(win, SimSelection.exact(zeroWidth$1, 0, zeroWidth$1, 1));
+                    remove$7(zeroWidth$1);
+                    return rect;
+                });
+                return optRect.bind((rawRect) => {
+                    return getBox(rawRect.left, rawRect.top, rawRect.width, rawRect.height);
+                });
+            }
+            else {
+                const selectionRect = map$1(sel, (cell) => cell.dom.getBoundingClientRect());
+                const bounds = {
+                    left: Math.min(selectionRect.firstCell.left, selectionRect.lastCell.left),
+                    right: Math.max(selectionRect.firstCell.right, selectionRect.lastCell.right),
+                    top: Math.min(selectionRect.firstCell.top, selectionRect.lastCell.top),
+                    bottom: Math.max(selectionRect.firstCell.bottom, selectionRect.lastCell.bottom)
+                };
+                return getBox(bounds.left, bounds.top, bounds.right - bounds.left, bounds.bottom - bounds.top);
+            }
+        });
+        const targetElement = getAnchorSelection(win, anchorInfo)
+            .bind((sel) => {
+            if (isSimRange(sel)) {
+                return isElement$1(sel.start) ? Optional?.some(sel.start) : parentElement(sel.start);
+            }
+            else {
+                return Optional?.some(sel.firstCell);
+            }
+        });
+        const elem = targetElement.getOr(component.element);
+        return calcNewAnchor(selectionBox, rootPoint, anchorInfo, origin, elem);
+    };
+    var SelectionAnchor = [
+        option$3('getSelection'),
+        required$1('root'),
+        option$3('bubble'),
+        schema$o(),
+        defaulted('overrides', {}),
+        defaulted('showAbove', false),
+        output$1('placement', placement$1)
+    ];
+
+    /*
+      Layout for submenus;
+      Either left or right of the anchor menu item. Never above or below.
+      Aligned to the top or bottom of the anchor as appropriate.
+     */
+    const labelPrefix = 'link-layout';
+    // display element to the right, left edge against the right of the menu
+    const eastX = (anchor) => anchor.x + anchor.width;
+    // display element to the left, right edge against the left of the menu
+    const westX = (anchor, element) => anchor.x - element.width;
+    // display element pointing up, bottom edge against the bottom of the menu (usually to one side)
+    const northY = (anchor, element) => anchor.y - element.height + anchor.height;
+    // display element pointing down, top edge against the top of the menu (usually to one side)
+    const southY = (anchor) => anchor.y;
+    const southeast = (anchor, element, bubbles) => nu$5(eastX(anchor), southY(anchor), bubbles.southeast(), southeast$3(), "southeast" /* Placement.Southeast */, boundsRestriction(anchor, { left: 0 /* AnchorBoxBounds.RightEdge */, top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix);
+    const southwest = (anchor, element, bubbles) => nu$5(westX(anchor, element), southY(anchor), bubbles.southwest(), southwest$3(), "southwest" /* Placement.Southwest */, boundsRestriction(anchor, { right: 1 /* AnchorBoxBounds.LeftEdge */, top: 2 /* AnchorBoxBounds.TopEdge */ }), labelPrefix);
+    const northeast = (anchor, element, bubbles) => nu$5(eastX(anchor), northY(anchor, element), bubbles.northeast(), northeast$3(), "northeast" /* Placement.Northeast */, boundsRestriction(anchor, { left: 0 /* AnchorBoxBounds.RightEdge */, bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix);
+    const northwest = (anchor, element, bubbles) => nu$5(westX(anchor, element), northY(anchor, element), bubbles.northwest(), northwest$3(), "northwest" /* Placement.Northwest */, boundsRestriction(anchor, { right: 1 /* AnchorBoxBounds.LeftEdge */, bottom: 3 /* AnchorBoxBounds.BottomEdge */ }), labelPrefix);
+    const all = () => [southeast, southwest, northeast, northwest];
+    const allRtl = () => [southwest, southeast, northwest, northeast];
+
+    const placement = (component, submenuInfo, origin) => {
+        const anchorBox = toBox(origin, submenuInfo.item.element);
+        const layouts = get$1(component.element, submenuInfo, all(), allRtl(), 
+        // No default bottomToTop layouts currently needed
+        all(), allRtl(), Optional.none());
+        return Optional?.some(nu$1({
+            anchorBox,
+            bubble: fallback(),
+            overrides: submenuInfo.overrides,
+            layouts
+        }));
+    };
+    var SubmenuAnchor = [
+        required$1('item'),
+        schema$o(),
+        defaulted('overrides', {}),
+        output$1('placement', placement)
+    ];
+
+    var AnchorSchema = choose$1('type', {
+        selection: SelectionAnchor,
+        node: NodeAnchor,
+        hotspot: HotspotAnchor,
+        submenu: SubmenuAnchor,
+        makeshift: MakeshiftAnchor
+    });
+
+    const TransitionSchema = [
+        requiredArrayOf('classes', string),
+        defaultedStringEnum('mode', 'all', ['all', 'layout', 'placement'])
+    ];
+    const PositionSchema = [
+        defaulted('useFixed', never),
+        option$3('getBounds')
+    ];
+    const PlacementSchema = [
+        requiredOf('anchor', AnchorSchema),
+        optionObjOf('transition', TransitionSchema)
+    ];
+
+    const getFixedOrigin = () => {
+        // Don't use window.innerWidth/innerHeight here, as we don't want to include scrollbars
+        // since the right/bottom position is based on the edge of the scrollbar not the window
+        const html = document.documentElement;
+        return fixed(0, 0, html.clientWidth, html.clientHeight);
+    };
+    const getRelativeOrigin = (component) => {
+        const position = absolute$3(component.element);
+        const bounds = component.element.dom.getBoundingClientRect();
+        // We think that this just needs to be kept consistent with Boxes.win. If we remove the scroll values from Boxes.win, we
+        // should change this to just bounds.left and bounds.top from getBoundingClientRect
+        return relative(position.left, position.top, bounds.width, bounds.height);
+    };
+    const place = (origin, anchoring, optBounds, placee, lastPlace, transition) => {
+        const anchor = box(anchoring.anchorBox, origin);
+        return simple(anchor, placee.element, anchoring.bubble, anchoring.layouts, lastPlace, optBounds, anchoring.overrides, transition);
+    };
+    const position$1 = (component, posConfig, posState, placee, placementSpec) => {
+        const optWithinBounds = Optional.none();
+        positionWithinBounds(component, posConfig, posState, placee, placementSpec, optWithinBounds);
+    };
+    const positionWithinBounds = (component, posConfig, posState, placee, placementSpec, optWithinBounds) => {
+        const placeeDetail = asRawOrDie$1('placement.info', objOf(PlacementSchema), placementSpec);
+        const anchorage = placeeDetail.anchor;
+        const element = placee.element;
+        const placeeState = posState.get(placee.uid);
+        // Preserve the focus as IE 11 loses it when setting visibility to hidden
+        preserve(() => {
+            // We set it to be fixed, so that it doesn't interfere with the layout of anything
+            // when calculating anchors
+            set$7(element, 'position', 'fixed');
+            const oldVisibility = getRaw(element, 'visibility');
+            set$7(element, 'visibility', 'hidden');
+            // We need to calculate the origin (esp. the bounding client rect) *after* we have done
+            // all the preprocessing of the component and placee. Otherwise, the relative positions
+            // (bottom and right) will be using the wrong dimensions
+            const origin = posConfig.useFixed() ? getFixedOrigin() : getRelativeOrigin(component);
+            anchorage.placement(component, anchorage, origin).each((anchoring) => {
+                // If "within bounds" is specified, it overrides any Positioning config. Otherwise, we
+                // use the Positioning config. We don't try to combine automatically here because they are
+                // sometimes serving different purposes. If the Positioning config getBounds needs to be
+                // combined with the optWithinBounds bounds, then it is the responsibility of the calling
+                // code to combine them, and pass in the combined value as optWithinBounds. The optWithinBounds
+                // will *always* override the Positioning config.
+                const optBounds = optWithinBounds.orThunk(() => posConfig.getBounds?.map(apply$1));
+                // Place the element and then update the state for the placee
+                const newState = place(origin, anchoring, optBounds, placee, placeeState, placeeDetail.transition);
+                posState.set(placee.uid, newState);
+            });
+            oldVisibility.fold(() => {
+                remove$6(element, 'visibility');
+            }, (vis) => {
+                set$7(element, 'visibility', vis);
+            });
+            // We need to remove position: fixed put on by above code if it is not needed.
+            if (getRaw(element, 'left').isNone() &&
+                getRaw(element, 'top').isNone() &&
+                getRaw(element, 'right').isNone() &&
+                getRaw(element, 'bottom').isNone() &&
+                is$1(getRaw(element, 'position'), 'fixed')) {
+                remove$6(element, 'position');
+            }
+        }, element);
+    };
+    const getMode = (component, pConfig, _pState) => pConfig.useFixed() ? 'fixed' : 'absolute';
+    const reset = (component, pConfig, posState, placee) => {
+        const element = placee.element;
+        each$1(['position', 'left', 'right', 'top', 'bottom'], (prop) => remove$6(element, prop));
+        reset$2(element);
+        posState.clear(placee.uid);
+    };
+
+    var PositionApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        position: position$1,
+        positionWithinBounds: positionWithinBounds,
+        getMode: getMode,
+        reset: reset
+    });
+
+    const init$8 = () => {
+        let state = {};
+        const set = (id, data) => {
+            state[id] = data;
+        };
+        const get = (id) => get$h(state, id);
+        const clear = (id) => {
+            if (isNonNullable(id)) {
+                delete state[id];
+            }
+            else {
+                state = {};
+            }
+        };
+        return nu$4({
+            readState: () => state,
+            clear,
+            set,
+            get
+        });
+    };
+
+    var PositioningState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$8
+    });
+
+    const Positioning = create$3({
+        fields: PositionSchema,
+        name: 'positioning',
+        active: ActivePosition,
+        apis: PositionApis,
+        state: PositioningState
+    });
+
+    const chooseChannels = (channels, message) => message.universal ? channels : filter$2(channels, (ch) => contains$2(message.channels, ch));
+    const events$8 = (receiveConfig) => derive$2([
+        run$1(receive(), (component, message) => {
+            const channelMap = receiveConfig.channels;
+            const channels = keys(channelMap);
+            // NOTE: Receiving event ignores the whole simulated event part.
+            // TODO: Think about the types for this, or find a better way for this to rely on receiving.
+            const receivingData = message;
+            const targetChannels = chooseChannels(channels, receivingData);
+            each$1(targetChannels, (ch) => {
+                const channelInfo = channelMap[ch];
+                const channelSchema = channelInfo.schema;
+                const data = asRawOrDie$1('channel[' + ch + '] data\nReceiver: ' + element(component.element), channelSchema, receivingData.data);
+                channelInfo.onReceive(component, data);
+            });
+        })
+    ]);
+
+    var ActiveReceiving = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$8
+    });
+
+    var ReceivingSchema = [
+        requiredOf('channels', setOf(
+        // Allow any keys.
+        Result.value, objOfOnly([
+            onStrictHandler('onReceive'),
+            defaulted('schema', anyValue())
+        ])))
+    ];
+
+    const Receiving = create$3({
+        fields: ReceivingSchema,
+        name: 'receiving',
+        active: ActiveReceiving
+    });
+
+    const events$7 = (reflectingConfig, reflectingState) => {
+        const update = (component, data) => {
+            reflectingConfig.updateState.each((updateState) => {
+                const newState = updateState(component, data);
+                reflectingState.set(newState);
+            });
+            // FIX: Partial duplication of Replacing + Receiving
+            reflectingConfig.renderComponents.each((renderComponents) => {
+                const newComponents = renderComponents(data, reflectingState.get());
+                const replacer = reflectingConfig.reuseDom ? withReuse : withoutReuse;
+                replacer(component, newComponents);
+            });
+        };
+        return derive$2([
+            run$1(receive(), (component, message) => {
+                // NOTE: Receiving event ignores the whole simulated event part.
+                // TODO: Think about the types for this, or find a better way for this to rely on receiving.
+                const receivingData = message;
+                if (!receivingData.universal) {
+                    const channel = reflectingConfig.channel;
+                    if (contains$2(receivingData.channels, channel)) {
+                        update(component, receivingData.data);
+                    }
+                }
+            }),
+            runOnAttached((comp, _se) => {
+                reflectingConfig.initialData.each((rawData) => {
+                    update(comp, rawData);
+                });
+            })
+        ]);
+    };
+
+    var ActiveReflecting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$7
+    });
+
+    const getState$1 = (component, replaceConfig, reflectState) => reflectState;
+
+    var ReflectingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getState: getState$1
+    });
+
+    var ReflectingSchema = [
+        required$1('channel'),
+        option$3('renderComponents'),
+        option$3('updateState'),
+        option$3('initialData'),
+        defaultedBoolean('reuseDom', true)
+    ];
+
+    const init$7 = () => {
+        const cell = Cell(Optional.none());
+        const clear = () => cell.set(Optional.none());
+        const readState = () => cell.get().getOr('none');
+        return {
+            readState,
+            get: cell.get,
+            set: cell.set,
+            clear
+        };
+    };
+
+    var ReflectingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$7
+    });
+
+    const Reflecting = create$3({
+        fields: ReflectingSchema,
+        name: 'reflecting',
+        active: ActiveReflecting,
+        apis: ReflectingApis,
+        state: ReflectingState
+    });
+
+    // NOTE: A sandbox should not start as part of the world. It is expected to be
+    // added to the sink on rebuild.
+    const rebuild = (sandbox, sConfig, sState, data) => {
+        sState.get().each((_data) => {
+            // If currently has data, so it hasn't been removed yet. It is
+            // being "re-opened"
+            detachChildren(sandbox);
+        });
+        const point = sConfig.getAttachPoint(sandbox);
+        attach(point, sandbox);
+        // Must be after the sandbox is in the system
+        const built = sandbox.getSystem().build(data);
+        attach(sandbox, built);
+        sState.set(built);
+        return built;
+    };
+    // Open sandbox transfers focus to the opened menu
+    const open$1 = (sandbox, sConfig, sState, data) => {
+        const newState = rebuild(sandbox, sConfig, sState, data);
+        sConfig.onOpen(sandbox, newState);
+        return newState;
+    };
+    const setContent = (sandbox, sConfig, sState, data) => sState.get()?.map(() => rebuild(sandbox, sConfig, sState, data));
+    // TODO AP-191 write a test for openWhileCloaked
+    const openWhileCloaked = (sandbox, sConfig, sState, data, transaction) => {
+        cloak(sandbox, sConfig);
+        open$1(sandbox, sConfig, sState, data);
+        transaction();
+        decloak(sandbox, sConfig);
+    };
+    const close$1 = (sandbox, sConfig, sState) => {
+        sState.get().each((data) => {
+            detachChildren(sandbox);
+            detach(sandbox);
+            sConfig.onClose(sandbox, data);
+            sState.clear();
+        });
+    };
+    const isOpen$1 = (_sandbox, _sConfig, sState) => sState.isOpen();
+    const isPartOf$1 = (sandbox, sConfig, sState, queryElem) => isOpen$1(sandbox, sConfig, sState) && sState.get().exists((data) => sConfig.isPartOf(sandbox, data, queryElem));
+    const getState = (_sandbox, _sConfig, sState) => sState.get();
+    const store = (sandbox, cssKey, attr, newValue) => {
+        getRaw(sandbox.element, cssKey).fold(() => {
+            remove$8(sandbox.element, attr);
+        }, (v) => {
+            set$9(sandbox.element, attr, v);
+        });
+        set$7(sandbox.element, cssKey, newValue);
+    };
+    const restore = (sandbox, cssKey, attr) => {
+        getOpt(sandbox.element, attr).fold(() => remove$6(sandbox.element, cssKey), (oldValue) => set$7(sandbox.element, cssKey, oldValue));
+    };
+    const cloak = (sandbox, sConfig, _sState) => {
+        const sink = sConfig.getAttachPoint(sandbox);
+        // Use the positioning mode of the sink, so that it does not interfere with the sink's positioning
+        // We add it here to stop it causing layout problems.
+        set$7(sandbox.element, 'position', Positioning.getMode(sink));
+        store(sandbox, 'visibility', sConfig.cloakVisibilityAttr, 'hidden');
+    };
+    const hasPosition = (element) => exists(['top', 'left', 'right', 'bottom'], (pos) => getRaw(element, pos).isSome());
+    const decloak = (sandbox, sConfig, _sState) => {
+        if (!hasPosition(sandbox.element)) {
+            // If a position value was not added to the sandbox during cloaking, remove it
+            // otherwise certain position values (absolute, relative) will impact the child that _was_ positioned
+            remove$6(sandbox.element, 'position');
+        }
+        restore(sandbox, 'visibility', sConfig.cloakVisibilityAttr);
+    };
+
+    var SandboxApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        cloak: cloak,
+        decloak: decloak,
+        open: open$1,
+        openWhileCloaked: openWhileCloaked,
+        close: close$1,
+        isOpen: isOpen$1,
+        isPartOf: isPartOf$1,
+        getState: getState,
+        setContent: setContent
+    });
+
+    const events$6 = (sandboxConfig, sandboxState) => derive$2([
+        run$1(sandboxClose(), (sandbox, _simulatedEvent) => {
+            close$1(sandbox, sandboxConfig, sandboxState);
+        })
+    ]);
+
+    var ActiveSandbox = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$6
+    });
+
+    var SandboxSchema = [
+        onHandler('onOpen'),
+        onHandler('onClose'),
+        // Maybe this should be optional
+        required$1('isPartOf'),
+        required$1('getAttachPoint'),
+        defaulted('cloakVisibilityAttr', 'data-precloak-visibility')
+    ];
+
+    const init$6 = () => {
+        const contents = value$2();
+        const readState = constant$1('not-implemented');
+        return nu$4({
+            readState,
+            isOpen: contents.isSet,
+            clear: contents.clear,
+            set: contents.set,
+            get: contents.get
+        });
+    };
+
+    var SandboxState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$6
+    });
+
+    const Sandboxing = create$3({
+        fields: SandboxSchema,
+        name: 'sandboxing',
+        active: ActiveSandbox,
+        apis: SandboxApis,
+        state: SandboxState
+    });
+
+    const getAnimationRoot = (component, slideConfig) => slideConfig.getAnimationRoot.fold(() => component.element, (get) => get(component));
+
+    const getDimensionProperty = (slideConfig) => slideConfig.dimension.property;
+    const getDimension = (slideConfig, elem) => slideConfig.dimension.getDimension(elem);
+    const disableTransitions = (component, slideConfig) => {
+        const root = getAnimationRoot(component, slideConfig);
+        remove$2(root, [slideConfig.shrinkingClass, slideConfig.growingClass]);
+    };
+    const setShrunk = (component, slideConfig) => {
+        remove$3(component.element, slideConfig.openClass);
+        add$2(component.element, slideConfig.closedClass);
+        set$7(component.element, getDimensionProperty(slideConfig), '0px');
+        reflow(component.element);
+    };
+    const setGrown = (component, slideConfig) => {
+        remove$3(component.element, slideConfig.closedClass);
+        add$2(component.element, slideConfig.openClass);
+        remove$6(component.element, getDimensionProperty(slideConfig));
+    };
+    const doImmediateShrink = (component, slideConfig, slideState, _calculatedSize) => {
+        slideState.setCollapsed();
+        // Force current dimension to begin transition
+        set$7(component.element, getDimensionProperty(slideConfig), getDimension(slideConfig, component.element));
+        // TINY-8710: we don't think reflow is required (as has been done elsewhere) as the animation is not needed
+        disableTransitions(component, slideConfig);
+        setShrunk(component, slideConfig);
+        slideConfig.onStartShrink(component);
+        slideConfig.onShrunk(component);
+    };
+    const doStartShrink = (component, slideConfig, slideState, calculatedSize) => {
+        const size = calculatedSize.getOrThunk(() => getDimension(slideConfig, component.element));
+        slideState.setCollapsed();
+        // Force current dimension to begin transition
+        set$7(component.element, getDimensionProperty(slideConfig), size);
+        reflow(component.element);
+        const root = getAnimationRoot(component, slideConfig);
+        remove$3(root, slideConfig.growingClass);
+        add$2(root, slideConfig.shrinkingClass); // enable transitions
+        setShrunk(component, slideConfig);
+        slideConfig.onStartShrink(component);
+    };
+    // A "smartShrink" will do an immediate shrink if no shrinking is scheduled to happen
+    const doStartSmartShrink = (component, slideConfig, slideState) => {
+        const size = getDimension(slideConfig, component.element);
+        const shrinker = size === '0px' ? doImmediateShrink : doStartShrink;
+        shrinker(component, slideConfig, slideState, Optional?.some(size));
+    };
+    // Showing is complex due to the inability to transition to "auto".
+    // We also can't cache the dimension as the parents may have resized since it was last shown.
+    const doStartGrow = (component, slideConfig, slideState) => {
+        // Start the growing animation styles
+        const root = getAnimationRoot(component, slideConfig);
+        // Record whether this is interrupting a shrink and its current size
+        const wasShrinking = has(root, slideConfig.shrinkingClass);
+        const beforeSize = getDimension(slideConfig, component.element);
+        setGrown(component, slideConfig);
+        const fullSize = getDimension(slideConfig, component.element);
+        // If the grow is interrupting a shrink, use the size from before the grow as the start size
+        // And reflow so that the animation works.
+        const startPartialGrow = () => {
+            set$7(component.element, getDimensionProperty(slideConfig), beforeSize);
+            reflow(component.element);
+        };
+        // If the grow is not interrupting a shrink, start from 0 (shrunk)
+        const startCompleteGrow = () => {
+            setShrunk(component, slideConfig);
+        };
+        // Determine what the initial size for the grow operation should be.
+        const setStartSize = wasShrinking ? startPartialGrow : startCompleteGrow;
+        setStartSize();
+        remove$3(root, slideConfig.shrinkingClass);
+        add$2(root, slideConfig.growingClass);
+        setGrown(component, slideConfig);
+        set$7(component.element, getDimensionProperty(slideConfig), fullSize);
+        slideState.setExpanded();
+        slideConfig.onStartGrow(component);
+    };
+    const refresh$3 = (component, slideConfig, slideState) => {
+        if (slideState.isExpanded()) {
+            remove$6(component.element, getDimensionProperty(slideConfig));
+            const fullSize = getDimension(slideConfig, component.element);
+            set$7(component.element, getDimensionProperty(slideConfig), fullSize);
+        }
+    };
+    const grow = (component, slideConfig, slideState) => {
+        if (!slideState.isExpanded()) {
+            doStartGrow(component, slideConfig, slideState);
+        }
+    };
+    const shrink = (component, slideConfig, slideState) => {
+        if (slideState.isExpanded()) {
+            doStartSmartShrink(component, slideConfig, slideState);
+        }
+    };
+    const immediateShrink = (component, slideConfig, slideState) => {
+        if (slideState.isExpanded()) {
+            doImmediateShrink(component, slideConfig, slideState);
+        }
+    };
+    const hasGrown = (component, slideConfig, slideState) => slideState.isExpanded();
+    const hasShrunk = (component, slideConfig, slideState) => slideState.isCollapsed();
+    const isGrowing = (component, slideConfig, _slideState) => {
+        const root = getAnimationRoot(component, slideConfig);
+        return has(root, slideConfig.growingClass) === true;
+    };
+    const isShrinking = (component, slideConfig, _slideState) => {
+        const root = getAnimationRoot(component, slideConfig);
+        return has(root, slideConfig.shrinkingClass) === true;
+    };
+    const isTransitioning = (component, slideConfig, slideState) => isGrowing(component, slideConfig) || isShrinking(component, slideConfig);
+    const toggleGrow = (component, slideConfig, slideState) => {
+        const f = slideState.isExpanded() ? doStartSmartShrink : doStartGrow;
+        f(component, slideConfig, slideState);
+    };
+    const immediateGrow = (component, slideConfig, slideState) => {
+        if (!slideState.isExpanded()) {
+            setGrown(component, slideConfig);
+            set$7(component.element, getDimensionProperty(slideConfig), getDimension(slideConfig, component.element));
+            // TINY-8710: we don't think reflow is required (as has been done elsewhere) as the animation is not needed
+            // Keep disableTransition to handle the case where it's part way through transitioning
+            disableTransitions(component, slideConfig);
+            slideState.setExpanded();
+            slideConfig.onStartGrow(component);
+            slideConfig.onGrown(component);
+        }
+    };
+
+    var SlidingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        refresh: refresh$3,
+        grow: grow,
+        shrink: shrink,
+        immediateShrink: immediateShrink,
+        hasGrown: hasGrown,
+        hasShrunk: hasShrunk,
+        isGrowing: isGrowing,
+        isShrinking: isShrinking,
+        isTransitioning: isTransitioning,
+        toggleGrow: toggleGrow,
+        disableTransitions: disableTransitions,
+        immediateGrow: immediateGrow
+    });
+
+    const exhibit$3 = (base, slideConfig, _slideState) => {
+        const expanded = slideConfig.expanded;
+        return expanded ? nu$2({
+            classes: [slideConfig.openClass],
+            styles: {}
+        }) : nu$2({
+            classes: [slideConfig.closedClass],
+            styles: wrap(slideConfig.dimension.property, '0px')
+        });
+    };
+    const events$5 = (slideConfig, slideState) => derive$2([
+        runOnSource(transitionend(), (component, simulatedEvent) => {
+            const raw = simulatedEvent.event.raw;
+            // This will fire for all transitions, we're only interested in the dimension completion on source
+            if (raw.propertyName === slideConfig.dimension.property) {
+                disableTransitions(component, slideConfig); // disable transitions immediately (Safari animates the dimension removal below)
+                if (slideState.isExpanded()) {
+                    remove$6(component.element, slideConfig.dimension.property);
+                } // when showing, remove the dimension so it is responsive
+                const notify = slideState.isExpanded() ? slideConfig.onGrown : slideConfig.onShrunk;
+                notify(component);
+            }
+        })
+    ]);
+
+    var ActiveSliding = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$3,
+        events: events$5
+    });
+
+    var SlidingSchema = [
+        required$1('closedClass'),
+        required$1('openClass'),
+        required$1('shrinkingClass'),
+        required$1('growingClass'),
+        // Element which shrinking and growing animations
+        option$3('getAnimationRoot'),
+        onHandler('onShrunk'),
+        onHandler('onStartShrink'),
+        onHandler('onGrown'),
+        onHandler('onStartGrow'),
+        defaulted('expanded', false),
+        requiredOf('dimension', choose$1('property', {
+            width: [
+                output$1('property', 'width'),
+                output$1('getDimension', (elem) => get$c(elem) + 'px')
+            ],
+            height: [
+                output$1('property', 'height'),
+                output$1('getDimension', (elem) => get$d(elem) + 'px')
+            ]
+        }))
+    ];
+
+    const init$5 = (spec) => {
+        const state = Cell(spec.expanded);
+        const readState = () => 'expanded: ' + state.get();
+        return nu$4({
+            isExpanded: () => state.get() === true,
+            isCollapsed: () => state.get() === false,
+            setCollapsed: curry(state.set, false),
+            setExpanded: curry(state.set, true),
+            readState
+        });
+    };
+
+    var SlidingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$5
+    });
+
+    const Sliding = create$3({
+        fields: SlidingSchema,
+        name: 'sliding',
+        active: ActiveSliding,
+        apis: SlidingApis,
+        state: SlidingState
+    });
+
+    const events$4 = (streamConfig, streamState) => {
+        const streams = streamConfig.stream.streams;
+        const processor = streams.setup(streamConfig, streamState);
+        return derive$2([
+            run$1(streamConfig.event, processor),
+            runOnDetached(() => streamState.cancel())
+        ].concat(streamConfig.cancelEvent?.map((e) => [
+            run$1(e, () => streamState.cancel())
+        ]).getOr([])));
+    };
+
+    var ActiveStreaming = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$4
+    });
+
+    const throttle = (_config) => {
+        const state = Cell(null);
+        const readState = () => ({
+            timer: state.get() !== null ? 'set' : 'unset'
+        });
+        const setTimer = (t) => {
+            state.set(t);
+        };
+        const cancel = () => {
+            const t = state.get();
+            if (t !== null) {
+                t.cancel();
+            }
+        };
+        return nu$4({
+            readState,
+            setTimer,
+            cancel
+        });
+    };
+    const init$4 = (spec) => spec.stream.streams.state(spec);
+
+    var StreamingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        throttle: throttle,
+        init: init$4
+    });
+
+    const setup$e = (streamInfo, streamState) => {
+        const sInfo = streamInfo.stream;
+        const throttler = last(streamInfo.onStream, sInfo.delay);
+        streamState.setTimer(throttler);
+        return (component, simulatedEvent) => {
+            throttler.throttle(component, simulatedEvent);
+            if (sInfo.stopEvent) {
+                simulatedEvent.stop();
+            }
+        };
+    };
+    var StreamingSchema = [
+        requiredOf('stream', choose$1('mode', {
+            throttle: [
+                required$1('delay'),
+                defaulted('stopEvent', true),
+                output$1('streams', {
+                    setup: setup$e,
+                    state: throttle
+                })
+            ]
+        })),
+        defaulted('event', 'input'),
+        option$3('cancelEvent'),
+        onStrictHandler('onStream')
+    ];
+
+    const Streaming = create$3({
+        fields: StreamingSchema,
+        name: 'streaming',
+        active: ActiveStreaming,
+        state: StreamingState
+    });
+
+    const exhibit$2 = (base, tabConfig) => nu$2({
+        attributes: wrapAll([
+            { key: tabConfig.tabAttr, value: 'true' }
+        ])
+    });
+
+    var ActiveTabstopping = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$2
+    });
+
+    var TabstopSchema = [
+        defaulted('tabAttr', 'data-alloy-tabstop')
+    ];
+
+    const Tabstopping = create$3({
+        fields: TabstopSchema,
+        name: 'tabstopping',
+        active: ActiveTabstopping
+    });
+
+    const updateAriaState = (component, toggleConfig, toggleState) => {
+        const ariaInfo = toggleConfig.aria;
+        ariaInfo.update(component, ariaInfo, toggleState.get());
+    };
+    const updateClass = (component, toggleConfig, toggleState) => {
+        toggleConfig.toggleClass.each((toggleClass) => {
+            if (toggleState.get()) {
+                add$2(component.element, toggleClass);
+            }
+            else {
+                remove$3(component.element, toggleClass);
+            }
+        });
+    };
+    const set = (component, toggleConfig, toggleState, state) => {
+        const initialState = toggleState.get();
+        toggleState.set(state);
+        updateClass(component, toggleConfig, toggleState);
+        updateAriaState(component, toggleConfig, toggleState);
+        if (initialState !== state) {
+            toggleConfig.onToggled(component, state);
+        }
+    };
+    const toggle$2 = (component, toggleConfig, toggleState) => {
+        set(component, toggleConfig, toggleState, !toggleState.get());
+    };
+    const on = (component, toggleConfig, toggleState) => {
+        set(component, toggleConfig, toggleState, true);
+    };
+    const off = (component, toggleConfig, toggleState) => {
+        set(component, toggleConfig, toggleState, false);
+    };
+    const isOn = (component, toggleConfig, toggleState) => toggleState.get();
+    const onLoad = (component, toggleConfig, toggleState) => {
+        // There used to be a bit of code in here that would only overwrite
+        // the attribute if it didn't have a current value. I can't remember
+        // what case that was for, so I'm removing it until it is required.
+        set(component, toggleConfig, toggleState, toggleConfig.selected);
+    };
+
+    var ToggleApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        onLoad: onLoad,
+        toggle: toggle$2,
+        isOn: isOn,
+        on: on,
+        off: off,
+        set: set
+    });
+
+    const exhibit$1 = () => nu$2({});
+    const events$3 = (toggleConfig, toggleState) => {
+        const execute = executeEvent(toggleConfig, toggleState, toggle$2);
+        const load = loadEvent(toggleConfig, toggleState, onLoad);
+        return derive$2(flatten([
+            toggleConfig.toggleOnExecute ? [execute] : [],
+            [load]
+        ]));
+    };
+
+    var ActiveToggle = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$1,
+        events: events$3
+    });
+
+    const updatePressed = (component, ariaInfo, status) => {
+        set$9(component.element, 'aria-pressed', status);
+        if (ariaInfo.syncWithExpanded) {
+            updateExpanded(component, ariaInfo, status);
+        }
+    };
+    const updateSelected = (component, ariaInfo, status) => {
+        set$9(component.element, 'aria-selected', status);
+    };
+    const updateChecked = (component, ariaInfo, status) => {
+        set$9(component.element, 'aria-checked', status);
+    };
+    const updateExpanded = (component, ariaInfo, status) => {
+        set$9(component.element, 'aria-expanded', status);
+    };
+
+    var ToggleSchema = [
+        defaulted('selected', false),
+        option$3('toggleClass'),
+        defaulted('toggleOnExecute', true),
+        onHandler('onToggled'),
+        defaultedOf('aria', {
+            mode: 'none'
+        }, choose$1('mode', {
+            pressed: [
+                defaulted('syncWithExpanded', false),
+                output$1('update', updatePressed)
+            ],
+            checked: [
+                output$1('update', updateChecked)
+            ],
+            expanded: [
+                output$1('update', updateExpanded)
+            ],
+            selected: [
+                output$1('update', updateSelected)
+            ],
+            none: [
+                output$1('update', noop)
+            ]
+        }))
+    ];
+
+    const Toggling = create$3({
+        fields: ToggleSchema,
+        name: 'toggling',
+        active: ActiveToggle,
+        apis: ToggleApis,
+        state: SetupBehaviourCellState(false)
+    });
+
+    const ExclusivityChannel = generate$6('tooltip.exclusive');
+    const ShowTooltipEvent = generate$6('tooltip.show');
+    const HideTooltipEvent = generate$6('tooltip.hide');
+    const ImmediateHideTooltipEvent = generate$6('tooltip.immediateHide');
+    const ImmediateShowTooltipEvent = generate$6('tooltip.immediateShow');
+
+    const hideAllExclusive = (component, _tConfig, _tState) => {
+        component.getSystem().broadcastOn([ExclusivityChannel], {});
+    };
+    const setComponents = (_component, _tConfig, tState, specs) => {
+        tState.getTooltip().each((tooltip) => {
+            if (tooltip.getSystem().isConnected()) {
+                Replacing.set(tooltip, specs);
+            }
+        });
+    };
+    const isEnabled = (_component, _tConfig, tState) => tState.isEnabled();
+    const setEnabled = (_component, _tConfig, tState, enabled) => tState.setEnabled(enabled);
+    const immediateOpenClose = (component, _tConfig, _tState, open) => emit(component, open ? ImmediateShowTooltipEvent : ImmediateHideTooltipEvent);
+
+    var TooltippingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        hideAllExclusive: hideAllExclusive,
+        immediateOpenClose: immediateOpenClose,
+        isEnabled: isEnabled,
+        setComponents: setComponents,
+        setEnabled: setEnabled
+    });
+
+    const events$2 = (tooltipConfig, state) => {
+        const hide = (comp) => {
+            state.getTooltip().each((p) => {
+                if (p.getSystem().isConnected()) {
+                    detach(p);
+                    tooltipConfig.onHide(comp, p);
+                    state.clearTooltip();
+                }
+            });
+            state.clearTimer();
+        };
+        const show = (comp) => {
+            if (!state.isShowing() && state.isEnabled()) {
+                hideAllExclusive(comp);
+                const sink = tooltipConfig.lazySink(comp).getOrDie();
+                const popup = comp.getSystem().build({
+                    dom: tooltipConfig.tooltipDom,
+                    components: tooltipConfig.tooltipComponents,
+                    events: derive$2(tooltipConfig.mode === 'normal'
+                        ? [
+                            run$1(mouseover(), (_) => {
+                                emit(comp, ShowTooltipEvent);
+                            }),
+                            run$1(mouseout(), (_) => {
+                                emit(comp, HideTooltipEvent);
+                            })
+                        ]
+                        : []),
+                    behaviours: derive$1([
+                        Replacing.config({})
+                    ])
+                });
+                state.setTooltip(popup);
+                attach(sink, popup);
+                tooltipConfig.onShow(comp, popup);
+                Positioning.position(sink, popup, { anchor: tooltipConfig.anchor(comp) });
+            }
+        };
+        const reposition = (comp) => {
+            state.getTooltip().each((tooltip) => {
+                const sink = tooltipConfig.lazySink(comp).getOrDie();
+                Positioning.position(sink, tooltip, { anchor: tooltipConfig.anchor(comp) });
+            });
+        };
+        const getEvents = () => {
+            switch (tooltipConfig.mode) {
+                case 'normal':
+                    return [
+                        run$1(focusin(), (comp) => {
+                            emit(comp, ImmediateShowTooltipEvent);
+                        }),
+                        run$1(postBlur(), (comp) => {
+                            emit(comp, ImmediateHideTooltipEvent);
+                        }),
+                        run$1(mouseover(), (comp) => {
+                            emit(comp, ShowTooltipEvent);
+                        }),
+                        run$1(mouseout(), (comp) => {
+                            emit(comp, HideTooltipEvent);
+                        })
+                    ];
+                case 'follow-highlight':
+                    return [
+                        run$1(highlight$1(), (comp, _se) => {
+                            emit(comp, ShowTooltipEvent);
+                        }),
+                        run$1(dehighlight$1(), (comp) => {
+                            emit(comp, HideTooltipEvent);
+                        })
+                    ];
+                case 'children-normal':
+                    return [
+                        run$1(focusin(), (comp, se) => {
+                            search(comp.element).each((_) => {
+                                if (is(se.event.target, '[data-mce-tooltip]')) {
+                                    state.getTooltip().fold(() => {
+                                        emit(comp, ImmediateShowTooltipEvent);
+                                    }, (tooltip) => {
+                                        if (state.isShowing()) {
+                                            tooltipConfig.onShow(comp, tooltip);
+                                            reposition(comp);
+                                        }
+                                    });
+                                }
+                            });
+                        }),
+                        run$1(postBlur(), (comp) => {
+                            search(comp.element).fold(() => {
+                                emit(comp, ImmediateHideTooltipEvent);
+                            }, noop);
+                        }),
+                        run$1(mouseover(), (comp) => {
+                            descendant(comp.element, '[data-mce-tooltip]:hover').each((_) => {
+                                state.getTooltip().fold(() => {
+                                    emit(comp, ShowTooltipEvent);
+                                }, (tooltip) => {
+                                    if (state.isShowing()) {
+                                        tooltipConfig.onShow(comp, tooltip);
+                                        reposition(comp);
+                                    }
+                                });
+                            });
+                        }),
+                        run$1(mouseout(), (comp) => {
+                            descendant(comp.element, '[data-mce-tooltip]:hover').fold(() => {
+                                emit(comp, HideTooltipEvent);
+                            }, noop);
+                        }),
+                    ];
+                default:
+                    return [
+                        run$1(focusin(), (comp, se) => {
+                            search(comp.element).each((_) => {
+                                if (is(se.event.target, '[data-mce-tooltip]')) {
+                                    state.getTooltip().fold(() => {
+                                        emit(comp, ImmediateShowTooltipEvent);
+                                    }, (tooltip) => {
+                                        if (state.isShowing()) {
+                                            tooltipConfig.onShow(comp, tooltip);
+                                            reposition(comp);
+                                        }
+                                    });
+                                }
+                            });
+                        }),
+                        run$1(postBlur(), (comp) => {
+                            search(comp.element).fold(() => {
+                                emit(comp, ImmediateHideTooltipEvent);
+                            }, noop);
+                        }),
+                    ];
+            }
+        };
+        return derive$2(flatten([
+            [
+                runOnInit((component) => {
+                    tooltipConfig.onSetup(component);
+                }),
+                run$1(ShowTooltipEvent, (comp) => {
+                    state.resetTimer(() => {
+                        show(comp);
+                    }, tooltipConfig.delayForShow());
+                }),
+                run$1(HideTooltipEvent, (comp) => {
+                    state.resetTimer(() => {
+                        hide(comp);
+                    }, tooltipConfig.delayForHide());
+                }),
+                run$1(ImmediateShowTooltipEvent, (comp) => {
+                    state.resetTimer(() => {
+                        show(comp);
+                    }, 0);
+                }),
+                run$1(ImmediateHideTooltipEvent, (comp) => {
+                    state.resetTimer(() => {
+                        hide(comp);
+                    }, 0);
+                }),
+                run$1(receive(), (comp, message) => {
+                    // TODO: Think about the types for this, or find a better way for this
+                    // to rely on receiving.
+                    const receivingData = message;
+                    if (!receivingData.universal) {
+                        if (contains$2(receivingData.channels, ExclusivityChannel)) {
+                            hide(comp);
+                        }
+                    }
+                }),
+                runOnDetached((comp) => {
+                    hide(comp);
+                })
+            ],
+            (getEvents())
+        ]));
+    };
+
+    var ActiveTooltipping = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$2
+    });
+
+    var TooltippingSchema = [
+        required$1('lazySink'),
+        required$1('tooltipDom'),
+        defaulted('exclusive', true),
+        defaulted('tooltipComponents', []),
+        defaultedFunction('delayForShow', constant$1(300)),
+        defaultedFunction('delayForHide', constant$1(100)),
+        defaultedFunction('onSetup', noop),
+        defaultedStringEnum('mode', 'normal', ['normal', 'follow-highlight', 'children-keyboard-focus', 'children-normal']),
+        defaulted('anchor', (comp) => ({
+            type: 'hotspot',
+            hotspot: comp,
+            layouts: {
+                onLtr: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2]),
+                onRtl: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2])
+            },
+            bubble: nu$6(0, -2, {}),
+        })),
+        onHandler('onHide'),
+        onHandler('onShow'),
+    ];
+
+    const init$3 = () => {
+        const enabled = Cell(true);
+        const timer = value$2();
+        const popup = value$2();
+        const clearTimer = () => {
+            timer.on(clearTimeout);
+        };
+        const resetTimer = (f, delay) => {
+            clearTimer();
+            timer.set(setTimeout(f, delay));
+        };
+        const readState = constant$1('not-implemented');
+        return nu$4({
+            getTooltip: popup.get,
+            isShowing: popup.isSet,
+            setTooltip: popup.set,
+            clearTooltip: popup.clear,
+            clearTimer,
+            resetTimer,
+            readState,
+            isEnabled: () => enabled.get(),
+            setEnabled: (setToEnabled) => enabled.set(setToEnabled)
+        });
+    };
+
+    var TooltippingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$3
+    });
+
+    const Tooltipping = create$3({
+        fields: TooltippingSchema,
+        name: 'tooltipping',
+        active: ActiveTooltipping,
+        state: TooltippingState,
+        apis: TooltippingApis
+    });
+
+    const exhibit = () => nu$2({
+        styles: {
+            '-webkit-user-select': 'none',
+            'user-select': 'none',
+            '-ms-user-select': 'none',
+            '-moz-user-select': '-moz-none'
+        },
+        attributes: {
+            unselectable: 'on'
+        }
+    });
+    const events$1 = () => derive$2([
+        abort(selectstart(), always)
+    ]);
+
+    var ActiveUnselecting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$1,
+        exhibit: exhibit
+    });
+
+    const Unselecting = create$3({
+        fields: [],
+        name: 'unselecting',
+        active: ActiveUnselecting
+    });
+
+    const getAttrs = (elem) => {
+        const attributes = elem.dom.attributes !== undefined ? elem.dom.attributes : [];
+        return foldl(attributes, (b, attr) => {
+            // Make class go through the class path. Do not list it as an attribute.
+            if (attr.name === 'class') {
+                return b;
+            }
+            else {
+                return { ...b, [attr.name]: attr.value };
+            }
+        }, {});
+    };
+    const getClasses = (elem) => Array.prototype.slice.call(elem.dom.classList, 0);
+    const fromHtml = (html) => {
+        const elem = SugarElement.fromHtml(html);
+        const children$1 = children(elem);
+        const attrs = getAttrs(elem);
+        const classes = getClasses(elem);
+        const contents = children$1.length === 0 ? {} : { innerHtml: get$f(elem) };
+        return {
+            tag: name$3(elem),
+            classes,
+            attributes: attrs,
+            ...contents
+        };
+    };
+
+    const record = (spec) => {
+        const uid = isSketchSpec(spec) && hasNonNullableKey(spec, 'uid') ? spec.uid : generate$4('memento');
+        const get = (anyInSystem) => anyInSystem.getSystem().getByUid(uid).getOrDie();
+        const getOpt = (anyInSystem) => anyInSystem.getSystem().getByUid(uid).toOptional();
+        const asSpec = () => ({
+            ...spec,
+            uid
+        });
+        return {
+            get,
+            getOpt,
+            asSpec
+        };
+    };
+
+    // TODO: ^ rename the parts/ api to composites, it will break mobile alloy now if we do
+    const parts$h = AlloyParts;
+    const partType$1 = PartType;
+
+    const dismissPopups = constant$1('dismiss.popups');
+    const repositionPopups = constant$1('reposition.popups');
+    const mouseReleased = constant$1('mouse.released');
+
+    const fromSource = (event, source) => {
+        const stopper = Cell(false);
+        const cutter = Cell(false);
+        const stop = () => {
+            stopper.set(true);
+        };
+        const cut = () => {
+            cutter.set(true);
+        };
+        return {
+            stop,
+            cut,
+            isStopped: stopper.get,
+            isCut: cutter.get,
+            event,
+            // Used only for tiered menu at the moment. It is an element, not a component
+            setSource: source.set,
+            getSource: source.get
+        };
+    };
+    // Events that come from outside of the alloy root (e.g. window scroll)
+    const fromExternal = (event) => {
+        const stopper = Cell(false);
+        const stop = () => {
+            stopper.set(true);
+        };
+        return {
+            stop,
+            cut: noop, // cutting has no meaning for a broadcasted event
+            isStopped: stopper.get,
+            isCut: never,
+            event,
+            // Nor do targets really
+            setSource: die('Cannot set source of a broadcasted event'),
+            getSource: die('Cannot get source of a broadcasted event')
+        };
+    };
+
+    const isDangerous = (event) => {
+        // Will trigger the Back button in the browser
+        const keyEv = event.raw;
+        return keyEv.which === BACKSPACE[0] && !contains$2(['input', 'textarea'], name$3(event.target)) && !closest$1(event.target, '[contenteditable="true"]');
+    };
+    const setup$d = (container, rawSettings) => {
+        const settings = {
+            stopBackspace: true,
+            ...rawSettings
+        };
+        const pointerEvents = [
+            'touchstart',
+            'touchmove',
+            'touchend',
+            'touchcancel',
+            'gesturestart',
+            'mousedown',
+            'mouseup',
+            'mouseover',
+            'mousemove',
+            'mouseout',
+            'click'
+        ];
+        const tapEvent = monitor(settings);
+        // These events are just passed through ... no additional processing
+        const simpleEvents = map$2(pointerEvents.concat([
+            'selectstart',
+            'input',
+            'contextmenu',
+            'change',
+            'transitionend',
+            'transitioncancel',
+            // Test the drag events
+            'drag',
+            'dragstart',
+            'dragend',
+            'dragenter',
+            'dragleave',
+            'dragover',
+            'drop',
+            'keyup'
+        ]), (type) => bind$1(container, type, (event) => {
+            tapEvent.fireIfReady(event, type).each((tapStopped) => {
+                if (tapStopped) {
+                    event.kill();
+                }
+            });
+            const stopped = settings.triggerEvent(type, event);
+            if (stopped) {
+                event.kill();
+            }
+        }));
+        const pasteTimeout = value$2();
+        const onPaste = bind$1(container, 'paste', (event) => {
+            tapEvent.fireIfReady(event, 'paste').each((tapStopped) => {
+                if (tapStopped) {
+                    event.kill();
+                }
+            });
+            const stopped = settings.triggerEvent('paste', event);
+            if (stopped) {
+                event.kill();
+            }
+            pasteTimeout.set(setTimeout(() => {
+                settings.triggerEvent(postPaste(), event);
+            }, 0));
+        });
+        const onKeydown = bind$1(container, 'keydown', (event) => {
+            // Prevent default of backspace when not in input fields.
+            const stopped = settings.triggerEvent('keydown', event);
+            if (stopped) {
+                event.kill();
+            }
+            else if (settings.stopBackspace && isDangerous(event)) {
+                event.prevent();
+            }
+        });
+        const onFocusIn = bind$1(container, 'focusin', (event) => {
+            const stopped = settings.triggerEvent('focusin', event);
+            if (stopped) {
+                event.kill();
+            }
+        });
+        const focusoutTimeout = value$2();
+        const onFocusOut = bind$1(container, 'focusout', (event) => {
+            const stopped = settings.triggerEvent('focusout', event);
+            if (stopped) {
+                event.kill();
+            }
+            // INVESTIGATE: Come up with a better way of doing this. Related target can be used, but not on FF.
+            // It allows the active element to change before firing the blur that we will listen to
+            // for things like closing popups
+            focusoutTimeout.set(setTimeout(() => {
+                settings.triggerEvent(postBlur(), event);
+            }, 0));
+        });
+        const unbind = () => {
+            each$1(simpleEvents, (e) => {
+                e.unbind();
+            });
+            onKeydown.unbind();
+            onFocusIn.unbind();
+            onFocusOut.unbind();
+            onPaste.unbind();
+            pasteTimeout.on(clearTimeout);
+            focusoutTimeout.on(clearTimeout);
+        };
+        return {
+            unbind
+        };
+    };
+
+    const derive = (rawEvent, rawTarget) => {
+        const source = get$h(rawEvent, 'target').getOr(rawTarget);
+        return Cell(source);
+    };
+
+    const adt = Adt.generate([
+        { stopped: [] },
+        { resume: ['element'] },
+        { complete: [] }
+    ]);
+    const doTriggerHandler = (lookup, eventType, rawEvent, target, source, logger) => {
+        const handler = lookup(eventType, target);
+        const simulatedEvent = fromSource(rawEvent, source);
+        return handler.fold(() => {
+            // No handler, so complete.
+            logger.logEventNoHandlers(eventType, target);
+            return adt.complete();
+        }, (handlerInfo) => {
+            const descHandler = handlerInfo.descHandler;
+            const eventHandler = getCurried(descHandler);
+            eventHandler(simulatedEvent);
+            // Now, check if the event was stopped.
+            if (simulatedEvent.isStopped()) {
+                logger.logEventStopped(eventType, handlerInfo.element, descHandler.purpose);
+                return adt.stopped();
+            }
+            else if (simulatedEvent.isCut()) {
+                logger.logEventCut(eventType, handlerInfo.element, descHandler.purpose);
+                return adt.complete();
+            }
+            else {
+                return parent(handlerInfo.element).fold(() => {
+                    logger.logNoParent(eventType, handlerInfo.element, descHandler.purpose);
+                    // No parent, so complete.
+                    return adt.complete();
+                }, (parent) => {
+                    logger.logEventResponse(eventType, handlerInfo.element, descHandler.purpose);
+                    // Resume at parent
+                    return adt.resume(parent);
+                });
+            }
+        });
+    };
+    const doTriggerOnUntilStopped = (lookup, eventType, rawEvent, rawTarget, source, logger) => doTriggerHandler(lookup, eventType, rawEvent, rawTarget, source, logger).fold(
+    // stopped.
+    always, 
+    // Go again.
+    (parent) => doTriggerOnUntilStopped(lookup, eventType, rawEvent, parent, source, logger), 
+    // completed
+    never);
+    const triggerHandler = (lookup, eventType, rawEvent, target, logger) => {
+        const source = derive(rawEvent, target);
+        return doTriggerHandler(lookup, eventType, rawEvent, target, source, logger);
+    };
+    const broadcast = (listeners, rawEvent, _logger) => {
+        const simulatedEvent = fromExternal(rawEvent);
+        each$1(listeners, (listener) => {
+            const descHandler = listener.descHandler;
+            const handler = getCurried(descHandler);
+            handler(simulatedEvent);
+        });
+        return simulatedEvent.isStopped();
+    };
+    const triggerUntilStopped = (lookup, eventType, rawEvent, logger) => triggerOnUntilStopped(lookup, eventType, rawEvent, rawEvent.target, logger);
+    const triggerOnUntilStopped = (lookup, eventType, rawEvent, rawTarget, logger) => {
+        const source = derive(rawEvent, rawTarget);
+        return doTriggerOnUntilStopped(lookup, eventType, rawEvent, rawTarget, source, logger);
+    };
+
+    const eventHandler = (element, descHandler) => ({
+        element,
+        descHandler
+    });
+    const broadcastHandler = (id, handler) => ({
+        id,
+        descHandler: handler
+    });
+    const EventRegistry = () => {
+        const registry = {};
+        const registerId = (extraArgs, id, events) => {
+            each(events, (v, k) => {
+                const handlers = registry[k] !== undefined ? registry[k] : {};
+                handlers[id] = curryArgs(v, extraArgs);
+                registry[k] = handlers;
+            });
+        };
+        const findHandler = (handlers, elem) => read(elem)
+            .bind((id) => get$h(handlers, id))
+            ?.map((descHandler) => eventHandler(elem, descHandler));
+        // Given just the event type, find all handlers regardless of element
+        const filterByType = (type) => get$h(registry, type)
+            ?.map((handlers) => mapToArray(handlers, (f, id) => broadcastHandler(id, f)))
+            .getOr([]);
+        // Given event type, and element, find the handler.
+        const find = (isAboveRoot, type, target) => get$h(registry, type)
+            .bind((handlers) => closest(target, (elem) => findHandler(handlers, elem), isAboveRoot));
+        const unregisterId = (id) => {
+            // INVESTIGATE: Find a better way than mutation if we can.
+            each(registry, (handlersById, _eventName) => {
+                if (has$2(handlersById, id)) {
+                    delete handlersById[id];
+                }
+            });
+        };
+        return {
+            registerId,
+            unregisterId,
+            filterByType,
+            find
+        };
+    };
+
+    const Registry = () => {
+        const events = EventRegistry();
+        // An index of uid -> built components
+        const components = {};
+        const readOrTag = (component) => {
+            const elem = component.element;
+            return read(elem).getOrThunk(() => 
+            // No existing tag, so add one.
+            write('uid-', component.element));
+        };
+        const failOnDuplicate = (component, tagId) => {
+            const conflict = components[tagId];
+            if (conflict === component) {
+                unregister(component);
+            }
+            else {
+                throw new Error('The tagId "' + tagId + '" is already used by: ' + element(conflict.element) + '\nCannot use it for: ' + element(component.element) + '\n' +
+                    'The conflicting element is' + (inBody(conflict.element) ? ' ' : ' not ') + 'already in the DOM');
+            }
+        };
+        const register = (component) => {
+            const tagId = readOrTag(component);
+            if (hasNonNullableKey(components, tagId)) {
+                failOnDuplicate(component, tagId);
+            }
+            // Component is passed through an an extra argument to all events
+            const extraArgs = [component];
+            events.registerId(extraArgs, tagId, component.events);
+            components[tagId] = component;
+        };
+        const unregister = (component) => {
+            read(component.element).each((tagId) => {
+                delete components[tagId];
+                events.unregisterId(tagId);
+            });
+        };
+        const filter = (type) => events.filterByType(type);
+        const find = (isAboveRoot, type, target) => events.find(isAboveRoot, type, target);
+        const getById = (id) => get$h(components, id);
+        return {
+            find,
+            filter,
+            register,
+            unregister,
+            getById
+        };
+    };
+
+    const takeover = (root) => {
+        const isAboveRoot = (el) => parent(root.element).fold(always, (parent) => eq(el, parent));
+        const registry = Registry();
+        const lookup = (eventName, target) => registry.find(isAboveRoot, eventName, target);
+        const domEvents = setup$d(root.element, {
+            triggerEvent: (eventName, event) => {
+                return monitorEvent(eventName, event.target, (logger) => triggerUntilStopped(lookup, eventName, event, logger));
+            }
+        });
+        const systemApi = {
+            // This is a real system
+            debugInfo: constant$1('real'),
+            triggerEvent: (eventName, target, data) => {
+                monitorEvent(eventName, target, (logger) => 
+                // The return value is not used because this is a fake event.
+                triggerOnUntilStopped(lookup, eventName, data, target, logger));
+            },
+            triggerFocus: (target, originator) => {
+                read(target).fold(() => {
+                    // When the target is not within the alloy system, dispatch a normal focus event.
+                    focus$4(target);
+                }, (_alloyId) => {
+                    monitorEvent(focus$3(), target, (logger) => {
+                        // NOTE: This will stop at first handler.
+                        triggerHandler(lookup, focus$3(), {
+                            // originator is used by the default events to ensure that focus doesn't
+                            // get called infinitely
+                            originator,
+                            kill: noop,
+                            prevent: noop,
+                            target
+                        }, target, logger);
+                        return false;
+                    });
+                });
+            },
+            triggerEscape: (comp, simulatedEvent) => {
+                systemApi.triggerEvent('keydown', comp.element, simulatedEvent.event);
+            },
+            getByUid: (uid) => {
+                return getByUid(uid);
+            },
+            getByDom: (elem) => {
+                return getByDom(elem);
+            },
+            build: build$1,
+            buildOrPatch: buildOrPatch,
+            addToGui: (c) => {
+                add(c);
+            },
+            removeFromGui: (c) => {
+                remove(c);
+            },
+            addToWorld: (c) => {
+                addToWorld(c);
+            },
+            removeFromWorld: (c) => {
+                removeFromWorld(c);
+            },
+            broadcast: (message) => {
+                broadcast$1(message);
+            },
+            broadcastOn: (channels, message) => {
+                broadcastOn(channels, message);
+            },
+            broadcastEvent: (eventName, event) => {
+                broadcastEvent(eventName, event);
+            },
+            isConnected: always
+        };
+        const addToWorld = (component) => {
+            component.connect(systemApi);
+            if (!isText(component.element)) {
+                registry.register(component);
+                each$1(component.components(), addToWorld);
+                systemApi.triggerEvent(systemInit(), component.element, { target: component.element });
+            }
+        };
+        const removeFromWorld = (component) => {
+            if (!isText(component.element)) {
+                each$1(component.components(), removeFromWorld);
+                registry.unregister(component);
+            }
+            component.disconnect();
+        };
+        const add = (component) => {
+            attach(root, component);
+        };
+        const remove = (component) => {
+            detach(component);
+        };
+        const destroy = () => {
+            // INVESTIGATE: something with registry?
+            domEvents.unbind();
+            remove$7(root.element);
+        };
+        const broadcastData = (data) => {
+            const receivers = registry.filter(receive());
+            each$1(receivers, (receiver) => {
+                const descHandler = receiver.descHandler;
+                const handler = getCurried(descHandler);
+                handler(data);
+            });
+        };
+        const broadcast$1 = (message) => {
+            broadcastData({
+                universal: true,
+                data: message
+            });
+        };
+        const broadcastOn = (channels, message) => {
+            broadcastData({
+                universal: false,
+                channels,
+                data: message
+            });
+        };
+        // This doesn't follow usual DOM bubbling. It will just dispatch on all
+        // targets that have the event. It is the general case of the more specialised
+        // "message". "messages" may actually just go away. This is used for things
+        // like window scroll.
+        const broadcastEvent = (eventName, event) => {
+            const listeners = registry.filter(eventName);
+            return broadcast(listeners, event);
+        };
+        const getByUid = (uid) => registry.getById(uid).fold(() => Result.error(new Error('Could not find component with uid: "' + uid + '" in system.')), Result.value);
+        const getByDom = (elem) => {
+            const uid = read(elem).getOr('not found');
+            return getByUid(uid);
+        };
+        addToWorld(root);
+        return {
+            root,
+            element: root.element,
+            destroy,
+            add,
+            remove,
+            getByUid,
+            getByDom,
+            addToWorld,
+            removeFromWorld,
+            broadcast: broadcast$1,
+            broadcastOn,
+            broadcastEvent
+        };
+    };
+
+    const pointerEvents = () => {
+        const onClick = (component, simulatedEvent) => {
+            simulatedEvent.stop();
+            emitExecute(component);
+        };
+        return [
+            // Trigger execute when clicked
+            run$1(click(), onClick),
+            run$1(tap(), onClick),
+            // Other mouse down listeners above this one should not get mousedown behaviour (like dragging)
+            cutter(touchstart()),
+            cutter(mousedown())
+        ];
+    };
+    const events = (optAction) => {
+        const executeHandler = (action) => runOnExecute$1((component, simulatedEvent) => {
+            action(component);
+            simulatedEvent.stop();
+        });
+        return derive$2(flatten([
+            // Only listen to execute if it is supplied
+            optAction?.map(executeHandler).toArray(),
+            pointerEvents()
+        ]));
+    };
+
+    const factory$n = (detail) => {
+        const events$1 = events(detail.action);
+        const tag = detail.dom.tag;
+        const lookupAttr = (attr) => get$h(detail.dom, 'attributes').bind((attrs) => get$h(attrs, attr));
+        // Button tags should not have a default role of button, and only buttons should
+        // get a type of button.
+        const getModAttributes = () => {
+            if (tag === 'button') {
+                // Default to type button, unless specified otherwise
+                const type = lookupAttr('type').getOr('button');
+                // Only use a role if it is specified
+                const roleAttrs = lookupAttr('role')?.map((role) => ({ role })).getOr({});
+                return {
+                    type,
+                    ...roleAttrs
+                };
+            }
+            else {
+                // We are not a button, so type is irrelevant (unless specified)
+                // Default role to button
+                const role = detail.role.getOr(lookupAttr('role').getOr('button'));
+                return { role };
+            }
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components: detail.components,
+            events: events$1,
+            behaviours: SketchBehaviours.augment(detail.buttonBehaviours, [
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'execution',
+                    // Note execution will capture keyup when the focus is on the button
+                    // on Firefox, because otherwise it will fire a click event and double
+                    // up on the action
+                    useSpace: true,
+                    useEnter: true
+                })
+            ]),
+            domModification: {
+                attributes: getModAttributes()
+            },
+            eventOrder: detail.eventOrder
+        };
+    };
+    const Button = single({
+        name: 'Button',
+        factory: factory$n,
+        configFields: [
+            defaulted('uid', undefined),
+            required$1('dom'),
+            defaulted('components', []),
+            SketchBehaviours.field('buttonBehaviours', [Focusing, Keying]),
+            option$3('action'),
+            option$3('role'),
+            defaulted('eventOrder', {})
+        ]
+    });
+
+    const schema$n = constant$1([
+        defaulted('shell', false),
+        required$1('makeItem'),
+        defaulted('setupItem', noop),
+        SketchBehaviours.field('listBehaviours', [Replacing])
+    ]);
+    const customListDetail = () => ({
+        behaviours: derive$1([
+            Replacing.config({})
+        ])
+    });
+    const itemsPart = optional({
+        name: 'items',
+        overrides: customListDetail
+    });
+    const parts$g = constant$1([
+        itemsPart
+    ]);
+    const name$1 = constant$1('CustomList');
+
+    const factory$m = (detail, components, _spec, _external) => {
+        const setItems = (list, items) => {
+            getListContainer(list).fold(() => {
+                // check that the group container existed. It may not have if the components
+                // did not list anything, and shell was false.
+                // eslint-disable-next-line no-console
+                console.error('Custom List was defined to not be a shell, but no item container was specified in components');
+                throw new Error('Custom List was defined to not be a shell, but no item container was specified in components');
+            }, (container) => {
+                // Get all the children of container, because they will be items.
+                // And then use the item setGroup api
+                const itemComps = Replacing.contents(container);
+                const numListsRequired = items.length;
+                const numListsToAdd = numListsRequired - itemComps.length;
+                const itemsToAdd = numListsToAdd > 0 ?
+                    range$2(numListsToAdd, () => detail.makeItem()) : [];
+                const itemsToRemove = itemComps.slice(numListsRequired);
+                each$1(itemsToRemove, (item) => Replacing.remove(container, item));
+                each$1(itemsToAdd, (item) => Replacing.append(container, item));
+                const builtLists = Replacing.contents(container);
+                each$1(builtLists, (item, i) => {
+                    detail.setupItem(list, item, items[i], i);
+                });
+            });
+        };
+        // In shell mode, the group overrides need to be added to the main container, and there can be no children
+        const extra = detail.shell ? { behaviours: [Replacing.config({})], components: [] } : { behaviours: [], components };
+        const getListContainer = (component) => detail.shell ? Optional?.some(component) : getPart(component, detail, 'items');
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components: extra.components,
+            behaviours: augment(detail.listBehaviours, extra.behaviours),
+            apis: {
+                setItems
+            }
+        };
+    };
+    const CustomList = composite({
+        name: name$1(),
+        configFields: schema$n(),
+        partFields: parts$g(),
+        factory: factory$m,
+        apis: {
+            setItems: (apis, list, items) => {
+                apis.setItems(list, items);
+            }
+        }
+    });
+
+    const attribute = 'aria-controls';
+    const find$1 = (queryElem) => {
+        const dependent = closest$4(queryElem, (elem) => {
+            if (!isElement$1(elem)) {
+                return false;
+            }
+            const id = get$g(elem, 'id');
+            return id !== undefined && id.indexOf(attribute) > -1;
+        });
+        return dependent.bind((dep) => {
+            const id = get$g(dep, 'id');
+            const dos = getRootNode(dep);
+            return descendant(dos, `[${attribute}="${id}"]`);
+        });
+    };
+    const manager = () => {
+        const ariaId = generate$6(attribute);
+        const link = (elem) => {
+            set$9(elem, attribute, ariaId);
+        };
+        const unlink = (elem) => {
+            remove$8(elem, attribute);
+        };
+        return {
+            id: ariaId,
+            link,
+            unlink,
+        };
+    };
+
+    const isAriaPartOf = (component, queryElem) => find$1(queryElem).exists((owner) => isPartOf(component, owner));
+    const isPartOf = (component, queryElem) => closest$2(queryElem, (el) => eq(el, component.element), never) || isAriaPartOf(component, queryElem);
+
+    const hoverEvent = 'alloy.item-hover';
+    const focusEvent = 'alloy.item-focus';
+    const toggledEvent = 'alloy.item-toggled';
+    const onHover = (item) => {
+        // Firstly, check that the focus isn't already inside the item. This
+        // is to handle situations like widgets where the widget is inside the item
+        // and it has the focus, so as you slightly adjust the mouse, you don't
+        // want to lose focus on the widget. Note, that because this isn't API based
+        // (i.e. we are manually searching for focus), it may not be that flexible.
+        if (search(item.element).isNone() || Focusing.isFocused(item)) {
+            if (!Focusing.isFocused(item)) {
+                Focusing.focus(item);
+            }
+            emitWith(item, hoverEvent, { item });
+        }
+    };
+    const onFocus$1 = (item) => {
+        emitWith(item, focusEvent, { item });
+    };
+    const onToggled = (item, state) => {
+        emitWith(item, toggledEvent, { item, state });
+    };
+    const hover = constant$1(hoverEvent);
+    const focus$1 = constant$1(focusEvent);
+    const toggled = constant$1(toggledEvent);
+
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    const getItemRole = (detail) => detail.role.fold(() => detail.toggling
+        ?.map((toggling) => toggling.exclusive ? 'menuitemradio' : 'menuitemcheckbox')
+        .getOr('menuitem'), identity);
+    const getTogglingSpec = (tConfig, isOption) => ({
+        aria: {
+            mode: isOption ? 'selected' : 'checked'
+        },
+        // Filter out the additional properties that are not in Toggling Behaviour's configuration (e.g. exclusive)
+        ...filter$1(tConfig, (_value, name) => name !== 'exclusive'),
+        onToggled: (component, state) => {
+            if (isFunction(tConfig.onToggled)) {
+                tConfig.onToggled(component, state);
+            }
+            onToggled(component, state);
+        }
+    });
+    const builder$2 = (detail) => ({
+        dom: detail.dom,
+        domModification: {
+            // INVESTIGATE: If more efficient, destructure attributes out
+            ...detail.domModification,
+            attributes: {
+                'role': getItemRole(detail),
+                ...detail.domModification.attributes,
+                'aria-haspopup': detail.hasSubmenu,
+                ...(detail.hasSubmenu ? { 'aria-expanded': false } : {})
+            }
+        },
+        behaviours: SketchBehaviours.augment(detail.itemBehaviours, [
+            // Investigate, is the Toggling.revoke still necessary here?
+            detail.toggling.fold(Toggling.revoke, (tConfig) => Toggling.config(getTogglingSpec(tConfig, detail.role.exists((role) => role === 'option')))),
+            Focusing.config({
+                ignore: detail.ignoreFocus,
+                // Rationale: because nothing is focusable, when you click
+                // on the items to choose them, the focus jumps to the first
+                // focusable outer container ... often the body. If we prevent
+                // mouseDown ... that doesn't happen. But only tested on Chrome/FF.
+                stopMousedown: detail.ignoreFocus,
+                onFocus: (component) => {
+                    onFocus$1(component);
+                }
+            }),
+            Keying.config({
+                mode: 'execution'
+            }),
+            Representing.config({
+                store: {
+                    mode: 'memory',
+                    initialValue: detail.data
+                }
+            }),
+            config('item-type-events', [
+                // Treat clicks the same as a button
+                ...pointerEvents(),
+                run$1(mouseover(), onHover),
+                run$1(focusItem(), Focusing.focus)
+            ])
+        ]),
+        components: detail.components,
+        eventOrder: detail.eventOrder
+    });
+    const schema$m = [
+        required$1('data'),
+        required$1('components'),
+        required$1('dom'),
+        defaulted('hasSubmenu', false),
+        option$3('toggling'),
+        option$3('role'),
+        // Maybe this needs to have fewer behaviours
+        SketchBehaviours.field('itemBehaviours', [Toggling, Focusing, Keying, Representing]),
+        defaulted('ignoreFocus', false),
+        defaulted('domModification', {}),
+        output$1('builder', builder$2),
+        defaulted('eventOrder', {})
+    ];
+    var ItemType = schema$m;
+
+    const builder$1 = (detail) => ({
+        dom: detail.dom,
+        components: detail.components,
+        events: derive$2([
+            stopper(focusItem())
+        ])
+    });
+    const schema$l = [
+        required$1('dom'),
+        required$1('components'),
+        output$1('builder', builder$1)
+    ];
+    var SeparatorType = schema$l;
+
+    const owner$2 = constant$1('item-widget');
+    const parts$f = constant$1([
+        required({
+            name: 'widget',
+            overrides: (detail) => {
+                return {
+                    behaviours: derive$1([
+                        Representing.config({
+                            store: {
+                                mode: 'manual',
+                                getValue: (_component) => {
+                                    return detail.data;
+                                },
+                                setValue: noop
+                            }
+                        })
+                    ])
+                };
+            }
+        })
+    ]);
+
+    const builder = (detail) => {
+        const subs = substitutes(owner$2(), detail, parts$f());
+        const components = components$1(owner$2(), detail, subs.internals());
+        const focusWidget = (component) => getPart(component, detail, 'widget')?.map((widget) => {
+            Keying.focusIn(widget);
+            return widget;
+        });
+        const onHorizontalArrow = (component, simulatedEvent) => inside(simulatedEvent.event.target) ? Optional.none() : (() => {
+            if (detail.autofocus) {
+                simulatedEvent.setSource(component.element);
+                return Optional.none();
+            }
+            else {
+                return Optional.none();
+            }
+        })();
+        return {
+            dom: detail.dom,
+            components,
+            domModification: detail.domModification,
+            events: derive$2([
+                runOnExecute$1((component, simulatedEvent) => {
+                    focusWidget(component).each((_widget) => {
+                        simulatedEvent.stop();
+                    });
+                }),
+                run$1(mouseover(), onHover),
+                run$1(focusItem(), (component, _simulatedEvent) => {
+                    if (detail.autofocus) {
+                        focusWidget(component);
+                    }
+                    else {
+                        Focusing.focus(component);
+                    }
+                })
+            ]),
+            behaviours: SketchBehaviours.augment(detail.widgetBehaviours, [
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: detail.data
+                    }
+                }),
+                Focusing.config({
+                    ignore: detail.ignoreFocus,
+                    // What about stopMousedown from ItemType?
+                    onFocus: (component) => {
+                        onFocus$1(component);
+                    }
+                }),
+                Keying.config({
+                    mode: 'special',
+                    // This is required as long as Highlighting tries to focus the first thing (after focusItem fires)
+                    focusIn: detail.autofocus ? (component) => {
+                        focusWidget(component);
+                    } : revoke(),
+                    onLeft: onHorizontalArrow,
+                    onRight: onHorizontalArrow,
+                    onEscape: (component, simulatedEvent) => {
+                        // If the outer list item didn't have focus,
+                        // then focus it (i.e. escape the inner widget). Only do if not autofocusing
+                        // Autofocusing should treat the widget like it is the only item, so it should
+                        // let its outer menu handle escape
+                        if (!Focusing.isFocused(component) && !detail.autofocus) {
+                            Focusing.focus(component);
+                            return Optional?.some(true);
+                        }
+                        else if (detail.autofocus) {
+                            simulatedEvent.setSource(component.element);
+                            return Optional.none();
+                        }
+                        else {
+                            return Optional.none();
+                        }
+                    }
+                })
+            ])
+        };
+    };
+    const schema$k = [
+        required$1('uid'),
+        required$1('data'),
+        required$1('components'),
+        required$1('dom'),
+        defaulted('autofocus', false),
+        defaulted('ignoreFocus', false),
+        SketchBehaviours.field('widgetBehaviours', [Representing, Focusing, Keying]),
+        defaulted('domModification', {}),
+        // We don't have the uid at this point
+        defaultUidsSchema(parts$f()),
+        output$1('builder', builder)
+    ];
+    var WidgetType = schema$k;
+
+    const itemSchema$2 = choose$1('type', {
+        widget: WidgetType,
+        item: ItemType,
+        separator: SeparatorType
+    });
+    const configureGrid = (detail, movementInfo) => ({
+        mode: 'flatgrid',
+        selector: '.' + detail.markers.item,
+        initSize: {
+            numColumns: movementInfo.initSize.numColumns,
+            numRows: movementInfo.initSize.numRows
+        },
+        focusManager: detail.focusManager
+    });
+    const configureMatrix = (detail, movementInfo) => ({
+        mode: 'matrix',
+        selectors: {
+            row: movementInfo.rowSelector,
+            cell: '.' + detail.markers.item
+        },
+        previousSelector: movementInfo.previousSelector,
+        focusManager: detail.focusManager
+    });
+    const configureMenu = (detail, movementInfo) => ({
+        mode: 'menu',
+        selector: '.' + detail.markers.item,
+        moveOnTab: movementInfo.moveOnTab,
+        focusManager: detail.focusManager
+    });
+    const parts$e = constant$1([
+        group({
+            factory: {
+                sketch: (spec) => {
+                    const itemInfo = asRawOrDie$1('menu.spec item', itemSchema$2, spec);
+                    return itemInfo.builder(itemInfo);
+                }
+            },
+            name: 'items',
+            unit: 'item',
+            defaults: (detail, u) => {
+                // Switch this to a common library
+                // The WidgetItemSpec is just because it has uid, and the others don't
+                // for some reason. So there is nothing guaranteeing that `u` is a WidgetItemSpec,
+                // so we should probably rework this code.
+                return has$2(u, 'uid') ? u : {
+                    ...u,
+                    uid: generate$4('item')
+                };
+            },
+            overrides: (detail, u) => {
+                return {
+                    type: u.type,
+                    ignoreFocus: detail.fakeFocus,
+                    domModification: {
+                        classes: [detail.markers.item]
+                    }
+                };
+            }
+        })
+    ]);
+    const schema$j = constant$1([
+        optionString('role'),
+        required$1('value'),
+        required$1('items'),
+        required$1('dom'),
+        required$1('components'),
+        defaulted('eventOrder', {}),
+        field('menuBehaviours', [Highlighting, Representing, Composing, Keying]),
+        defaultedOf('movement', {
+            // When you don't specify movement for a Menu, this is what you get
+            // a "menu" type of movement that moves on tab. If you want finer-grained
+            // control, like disabling moveOnTab, then you need to specify
+            // your entire movement configuration when creating your MenuSpec.
+            mode: 'menu',
+            moveOnTab: true
+        }, choose$1('mode', {
+            grid: [
+                initSize(),
+                output$1('config', configureGrid)
+            ],
+            matrix: [
+                output$1('config', configureMatrix),
+                required$1('rowSelector'),
+                defaulted('previousSelector', Optional.none),
+            ],
+            menu: [
+                defaulted('moveOnTab', true),
+                output$1('config', configureMenu)
+            ]
+        })),
+        itemMarkers(),
+        defaulted('fakeFocus', false),
+        defaulted('focusManager', dom$2()),
+        onHandler('onHighlight'),
+        onHandler('onDehighlight'),
+        defaulted('showMenuRole', true),
+    ]);
+
+    const focus = constant$1('alloy.menu-focus');
+
+    const deselectOtherRadioItems = (menu, item) => {
+        // TODO: TINY-8812 - This ideally should be done in a way such that a menu can have multiple radio groups.
+        const checkedRadioItems = descendants(menu.element, '[role="menuitemradio"][aria-checked="true"]');
+        each$1(checkedRadioItems, (ele) => {
+            if (!eq(ele, item.element)) {
+                menu.getSystem().getByDom(ele).each((c) => {
+                    Toggling.off(c);
+                });
+            }
+        });
+    };
+    const make$6 = (detail, components, _spec, _externals) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        markers: detail.markers,
+        behaviours: augment(detail.menuBehaviours, [
+            Highlighting.config({
+                // Highlighting for a menu is selecting items inside the menu
+                highlightClass: detail.markers.selectedItem,
+                itemClass: detail.markers.item,
+                onHighlight: detail.onHighlight,
+                onDehighlight: detail.onDehighlight
+            }),
+            Representing.config({
+                store: {
+                    mode: 'memory',
+                    initialValue: detail.value
+                }
+            }),
+            Composing.config({
+                find: Optional.some
+            }),
+            Keying.config(detail.movement.config(detail, detail.movement))
+        ]),
+        events: derive$2([
+            // This is dispatched from a menu to tell an item to be highlighted.
+            run$1(focus$1(), (menu, simulatedEvent) => {
+                // Highlight the item
+                const event = simulatedEvent.event;
+                menu.getSystem().getByDom(event.target).each((item) => {
+                    Highlighting.highlight(menu, item);
+                    simulatedEvent.stop();
+                    // Trigger the focus event on the menu.
+                    emitWith(menu, focus(), { menu, item });
+                });
+            }),
+            // Highlight the item that the cursor is over. The onHighlight
+            // code needs to handle updating focus if required
+            run$1(hover(), (menu, simulatedEvent) => {
+                const item = simulatedEvent.event.item;
+                Highlighting.highlight(menu, item);
+            }),
+            // Enforce only a single radio menu item is toggled by finding any other toggled
+            // radio menu items and untoggling them when a certain item is toggled
+            run$1(toggled(), (menu, simulatedEvent) => {
+                const { item, state } = simulatedEvent.event;
+                if (state && get$g(item.element, 'role') === 'menuitemradio') {
+                    deselectOtherRadioItems(menu, item);
+                }
+            })
+        ]),
+        components,
+        eventOrder: detail.eventOrder,
+        ...detail.showMenuRole ? {
+            domModification: {
+                attributes: {
+                    role: detail.role.getOr('menu')
+                }
+            }
+        } : {}
+    });
+
+    const Menu = composite({
+        name: 'Menu',
+        configFields: schema$j(),
+        partFields: parts$e(),
+        factory: make$6
+    });
+
+    const transpose$1 = (obj) => 
+    // Assumes no duplicate fields.
+    tupleMap(obj, (v, k) => ({ k: v, v: k }));
+    const trace = (items, byItem, byMenu, finish) => 
+    // Given a finishing submenu (which will be the value of expansions),
+    // find the triggering item, find its menu, and repeat the process. If there
+    // is no triggering item, we are done.
+    get$h(byMenu, finish).bind((triggerItem) => get$h(items, triggerItem).bind((triggerMenu) => {
+        const rest = trace(items, byItem, byMenu, triggerMenu);
+        return Optional?.some([triggerMenu].concat(rest));
+    })).getOr([]);
+    const generate$2 = (menus, expansions) => {
+        const items = {};
+        each(menus, (menuItems, menu) => {
+            each$1(menuItems, (item) => {
+                items[item] = menu;
+            });
+        });
+        const byItem = expansions;
+        const byMenu = transpose$1(expansions);
+        // For each menu, calculate the backlog of submenus to get to it.
+        const menuPaths = map$1(byMenu, (_triggerItem, submenu) => [submenu].concat(trace(items, byItem, byMenu, submenu)));
+        return map$1(items, (menu) => get$h(menuPaths, menu).getOr([menu]));
+    };
+
+    const init$2 = () => {
+        const expansions = Cell({});
+        const menus = Cell({});
+        const paths = Cell({});
+        const primary = value$2();
+        // Probably think of a better way to store this information.
+        const directory = Cell({});
+        const clear = () => {
+            expansions.set({});
+            menus.set({});
+            paths.set({});
+            primary.clear();
+        };
+        const isClear = () => primary.get().isNone();
+        const setMenuBuilt = (menuName, built) => {
+            menus.set({
+                ...menus.get(),
+                [menuName]: {
+                    type: 'prepared',
+                    menu: built
+                }
+            });
+        };
+        const setContents = (sPrimary, sMenus, sExpansions, dir) => {
+            primary.set(sPrimary);
+            expansions.set(sExpansions);
+            menus.set(sMenus);
+            directory.set(dir);
+            const sPaths = generate$2(dir, sExpansions);
+            paths.set(sPaths);
+        };
+        const getTriggeringItem = (menuValue) => find$4(expansions.get(), (v, _k) => v === menuValue);
+        const getTriggerData = (menuValue, getItemByValue, path) => getPreparedMenu(menuValue).bind((menu) => getTriggeringItem(menuValue).bind((triggeringItemValue) => getItemByValue(triggeringItemValue)?.map((triggeredItem) => ({
+            triggeredMenu: menu,
+            triggeringItem: triggeredItem,
+            triggeringPath: path
+        }))));
+        const getTriggeringPath = (itemValue, getItemByValue) => {
+            // Get the path up to the last item
+            const extraPath = filter$2(lookupItem(itemValue).toArray(), (menuValue) => getPreparedMenu(menuValue).isSome());
+            return get$h(paths.get(), itemValue).bind((path) => {
+                // remember the path is [ most-recent-menu, next-most-recent-menu ]
+                // convert each menu identifier into { triggeringItem: comp, menu: comp }
+                // could combine into a fold ... probably a left to reverse ... but we'll take the
+                // straightforward version when prototyping
+                const revPath = reverse(extraPath.concat(path));
+                const triggers = bind$3(revPath, (menuValue, menuIndex) => 
+                // finding menuValue, it should match the trigger
+                getTriggerData(menuValue, getItemByValue, revPath.slice(0, menuIndex + 1)).fold(() => is$1(primary.get(), menuValue) ? [] : [Optional.none()], (data) => [Optional?.some(data)]));
+                // Convert List<Optional<X>> to Optional<List<X>> if ALL are Some
+                return sequence(triggers);
+            });
+        };
+        // Given an item, return a list of all menus including the one that it triggered (if there is one)
+        const expand = (itemValue) => get$h(expansions.get(), itemValue)?.map((menu) => {
+            const current = get$h(paths.get(), itemValue).getOr([]);
+            return [menu].concat(current);
+        });
+        const collapse = (itemValue) => 
+        // Look up which key has the itemValue
+        get$h(paths.get(), itemValue).bind((path) => path.length > 1 ? Optional?.some(path.slice(1)) : Optional.none());
+        const refresh = (itemValue) => get$h(paths.get(), itemValue);
+        const getPreparedMenu = (menuValue) => lookupMenu(menuValue).bind(extractPreparedMenu);
+        const lookupMenu = (menuValue) => get$h(menus.get(), menuValue);
+        const lookupItem = (itemValue) => get$h(expansions.get(), itemValue);
+        const otherMenus = (path) => {
+            const menuValues = directory.get();
+            return difference(keys(menuValues), path);
+        };
+        const getPrimary = () => primary.get().bind(getPreparedMenu);
+        const getMenus = () => menus.get();
+        return {
+            setMenuBuilt,
+            setContents,
+            expand,
+            refresh,
+            collapse,
+            lookupMenu,
+            lookupItem,
+            otherMenus,
+            getPrimary,
+            getMenus,
+            clear,
+            isClear,
+            getTriggeringPath
+        };
+    };
+    const extractPreparedMenu = (prep) => prep.type === 'prepared' ? Optional?.some(prep.menu) : Optional.none();
+    const LayeredState = {
+        init: init$2,
+        extractPreparedMenu
+    };
+
+    const onMenuItemHighlightedEvent = generate$6('tiered-menu-item-highlight');
+    const onMenuItemDehighlightedEvent = generate$6('tiered-menu-item-dehighlight');
+
+    const make$5 = (detail, _rawUiSpec) => {
+        const submenuParentItems = value$2();
+        // So the way to provide extra configuration for the menus that tiered menus create is just
+        // to provide different menu specs when building up the TieredData. The TieredMenu itself
+        // does not control it, except to set: markers, fakeFocus, onHighlight, and focusManager
+        const buildMenus = (container, primaryName, menus) => map$1(menus, (spec, name) => {
+            const makeSketch = () => Menu.sketch({
+                ...spec,
+                value: name,
+                // The TieredMenu markers should be inherited by the Menu. "Markers" are things like
+                // what is the class for the currently selected item
+                markers: detail.markers,
+                // If the TieredMenu has been configured with FakeFocus, it needs the menus that it generates
+                // to preserve that configuration. Generally, FakeFocus is used for situations where the user
+                // wants to keep focus inside some editable element (like an input, or editor content)
+                fakeFocus: detail.fakeFocus,
+                // The TieredMenu detail.onHighlight function only relates to selecting an item,
+                // not a menu, and the menuComp it is passed is the menu, not the tiered menu.
+                // This makes it a difficult handler to use for a tieredmenu, so we are
+                // deprecating it.
+                onHighlight: (menuComp, itemComp) => {
+                    // Trigger an internal event so that we can listen to it at the tieredmenu
+                    // level, and call detail.onHighlightItem handler with tmenu, menu, and item.
+                    const highlightData = {
+                        menuComp,
+                        itemComp
+                    };
+                    emitWith(menuComp, onMenuItemHighlightedEvent, highlightData);
+                },
+                onDehighlight: (menuComp, itemComp) => {
+                    const dehighlightData = {
+                        menuComp,
+                        itemComp
+                    };
+                    // Trigger an internal event so that we can listen to it at the tieredmenu
+                    // level, and call detail.onDehighlightItem handler with tmenu, menu, and item.
+                    emitWith(menuComp, onMenuItemDehighlightedEvent, dehighlightData);
+                },
+                // The Menu itself doesn't set the focusManager based on the value of fakeFocus. It only uses
+                // its fakeFocus configuration for creating items that ignore focus, but it still needs to be
+                // told which focusManager to use. Perhaps we should change this, though it does allow for more
+                // complex focusManagers in single menus.
+                focusManager: detail.fakeFocus ? highlights() : dom$2()
+            });
+            // Only build the primary at first. Build the others as needed.
+            return name === primaryName ? {
+                type: 'prepared',
+                menu: container.getSystem().build(makeSketch())
+            } : {
+                type: 'notbuilt',
+                nbMenu: makeSketch
+            };
+        });
+        const layeredState = LayeredState.init();
+        const setup = (container) => {
+            const componentMap = buildMenus(container, detail.data.primary, detail.data.menus);
+            const directory = toDirectory();
+            layeredState.setContents(detail.data.primary, componentMap, detail.data.expansions, directory);
+            return layeredState.getPrimary();
+        };
+        const getItemValue = (item) => Representing.getValue(item).value;
+        // Find the first item with value `itemValue` in any of the menus inside this tiered menu structure
+        const getItemByValue = (_container, menus, itemValue) => 
+        // Can *greatly* improve the performance of this by calculating things up front.
+        findMap(menus, (menu) => {
+            if (!menu.getSystem().isConnected()) {
+                return Optional.none();
+            }
+            const candidates = Highlighting.getCandidates(menu);
+            return find$5(candidates, (c) => getItemValue(c) === itemValue);
+        });
+        const toDirectory = (_container) => map$1(detail.data.menus, (data, _menuName) => bind$3(data.items, (item) => item.type === 'separator' ? [] : [item.data.value]));
+        // This just sets the active menu. It will not set any active items.
+        const setActiveMenu = Highlighting.highlight;
+        // The item highlighted as active is either the currently active item in the menu,
+        // or the first one.
+        const setActiveMenuAndItem = (container, menu) => {
+            // Firstly, choose the active menu
+            setActiveMenu(container, menu);
+            // Then, choose the active item inside the active menu
+            Highlighting.getHighlighted(menu).orThunk(() => Highlighting.getFirst(menu)).each((item) => {
+                if (detail.fakeFocus) {
+                    // When using fakeFocus, the items won't have a tab-index, so calling focusItem on them
+                    // won't do anything. So we need to manually call highlighting, which is what fakeFocus
+                    // uses. It would probably be better to use the focusManager specified.
+                    Highlighting.highlight(menu, item);
+                }
+                else {
+                    // We don't just use Focusing.focus here, because some items can have slightly different
+                    // handling when they respond to a focusItem event. Widgets with autofocus, for example,
+                    // will trigger a Keying.focusIn instead of Focusing.focus call, because they want to move
+                    // the focus _inside_ the widget, not just to its outer level. The focusItem event
+                    // performs a similar purpose to SystemEvents.focus() and potentially, could be consolidated.
+                    dispatch(container, item.element, focusItem());
+                }
+            });
+        };
+        const getMenus = (state, menuValues) => cat(map$2(menuValues, (mv) => state.lookupMenu(mv).bind((prep) => prep.type === 'prepared' ? Optional?.some(prep.menu) : Optional.none())));
+        const closeOthers = (container, state, path) => {
+            const others = getMenus(state, state.otherMenus(path));
+            each$1(others, (o) => {
+                // May not need to do the active menu thing.
+                remove$2(o.element, [detail.markers.backgroundMenu]);
+                if (!detail.stayInDom) {
+                    Replacing.remove(container, o);
+                }
+            });
+        };
+        const getSubmenuParents = (container) => submenuParentItems.get().getOrThunk(() => {
+            const r = {};
+            const items = descendants(container.element, `.${detail.markers.item}`);
+            const parentItems = filter$2(items, (i) => get$g(i, 'aria-haspopup') === 'true');
+            each$1(parentItems, (i) => {
+                container.getSystem().getByDom(i).each((itemComp) => {
+                    const key = getItemValue(itemComp);
+                    r[key] = itemComp;
+                });
+            });
+            submenuParentItems.set(r);
+            return r;
+        });
+        // Not ideal. Ideally, we would like a map of item keys to components.
+        const updateAriaExpansions = (container, path) => {
+            const parentItems = getSubmenuParents(container);
+            each(parentItems, (v, k) => {
+                // Really should turn path into a Set
+                const expanded = contains$2(path, k);
+                set$9(v.element, 'aria-expanded', expanded);
+            });
+        };
+        const updateMenuPath = (container, state, path) => Optional.from(path[0]).bind((latestMenuName) => state.lookupMenu(latestMenuName).bind((menuPrep) => {
+            if (menuPrep.type === 'notbuilt') {
+                return Optional.none();
+            }
+            else {
+                const activeMenu = menuPrep.menu;
+                const rest = getMenus(state, path.slice(1));
+                each$1(rest, (r) => {
+                    add$2(r.element, detail.markers.backgroundMenu);
+                });
+                if (!inBody(activeMenu.element)) {
+                    Replacing.append(container, premade(activeMenu));
+                }
+                // Remove the background-menu class from the active menu
+                remove$2(activeMenu.element, [detail.markers.backgroundMenu]);
+                setActiveMenuAndItem(container, activeMenu);
+                closeOthers(container, state, path);
+                return Optional?.some(activeMenu);
+            }
+        }));
+        let ExpandHighlightDecision;
+        (function (ExpandHighlightDecision) {
+            ExpandHighlightDecision[ExpandHighlightDecision["HighlightSubmenu"] = 0] = "HighlightSubmenu";
+            ExpandHighlightDecision[ExpandHighlightDecision["HighlightParent"] = 1] = "HighlightParent";
+        })(ExpandHighlightDecision || (ExpandHighlightDecision = {}));
+        const buildIfRequired = (container, menuName, menuPrep) => {
+            if (menuPrep.type === 'notbuilt') {
+                const menu = container.getSystem().build(menuPrep.nbMenu());
+                layeredState.setMenuBuilt(menuName, menu);
+                return menu;
+            }
+            else {
+                return menuPrep.menu;
+            }
+        };
+        const expandRight = (container, item, decision = ExpandHighlightDecision.HighlightSubmenu) => {
+            if (item.hasConfigured(Disabling) && Disabling.isDisabled(item)) {
+                return Optional?.some(item);
+            }
+            else {
+                const value = getItemValue(item);
+                return layeredState.expand(value).bind((path) => {
+                    // Called when submenus are opened by keyboard AND hovering navigation
+                    updateAriaExpansions(container, path);
+                    // When expanding, always select the first.
+                    return Optional.from(path[0]).bind((menuName) => layeredState.lookupMenu(menuName).bind((activeMenuPrep) => {
+                        const activeMenu = buildIfRequired(container, menuName, activeMenuPrep);
+                        // DUPE with above. Fix later.
+                        if (!inBody(activeMenu.element)) {
+                            Replacing.append(container, premade(activeMenu));
+                        }
+                        // updateMenuPath is the code which changes the active menu. We don't always
+                        // want to change the active menu. Sometimes, we just want to show it (e.g. hover)
+                        detail.onOpenSubmenu(container, item, activeMenu, reverse(path));
+                        if (decision === ExpandHighlightDecision.HighlightSubmenu) {
+                            Highlighting.highlightFirst(activeMenu);
+                            return updateMenuPath(container, layeredState, path);
+                        }
+                        else {
+                            Highlighting.dehighlightAll(activeMenu);
+                            return Optional?.some(item);
+                        }
+                    }));
+                });
+            }
+        };
+        const collapseLeft = (container, item) => {
+            const value = getItemValue(item);
+            return layeredState.collapse(value).bind((path) => {
+                // Called when submenus are closed because of KEYBOARD navigation
+                updateAriaExpansions(container, path);
+                return updateMenuPath(container, layeredState, path)?.map((activeMenu) => {
+                    detail.onCollapseMenu(container, item, activeMenu);
+                    return activeMenu;
+                });
+            });
+        };
+        const updateView = (container, item) => {
+            const value = getItemValue(item);
+            return layeredState.refresh(value).bind((path) => {
+                // Only this function collapses irrelevant submenus when navigating by HOVERING.
+                // Does mean this is called twice when navigating by hovering, since both
+                // updateView and expandRight are called by the ItemEvents.hover() handler
+                updateAriaExpansions(container, path);
+                return updateMenuPath(container, layeredState, path);
+            });
+        };
+        const onRight = (container, item) => inside(item.element) ? Optional.none() : expandRight(container, item, ExpandHighlightDecision.HighlightSubmenu);
+        const onLeft = (container, item) => 
+        // Exclude inputs, textareas etc.
+        inside(item.element) ? Optional.none() : collapseLeft(container, item);
+        const onEscape = (container, item) => collapseLeft(container, item).orThunk(() => detail.onEscape(container, item)?.map(() => container) // This should only fire when the user presses ESC ... not any other close.
+        );
+        const keyOnItem = (f) => (container, simulatedEvent) => {
+            // 2022-08-16 This seems to be the only code in alloy that actually uses
+            // the getSource aspect of an event. Remember, that this code is firing
+            // when an event bubbles up the tiered menu, e.g. left arrow key.
+            // The only current code that sets the source manually is in the Widget item
+            // type, and it only sets the source when it is using autofocus. Autofocus
+            // is used to essentially treat the widget like it is the top-level item, so
+            // when events originate from *within* the widget, their source is changed to
+            // the top-level item. Consider removing EventSource from alloy altogether.
+            return closest$3(simulatedEvent.getSource(), `.${detail.markers.item}`)
+                .bind((target) => container.getSystem().getByDom(target).toOptional().bind((item) => f(container, item)?.map(always)));
+        };
+        // NOTE: Many of these events rely on identifying the current item by information
+        // sent with the event. However, in situations where you are using fakeFocus, but
+        // the real focus is still somewhere in the menu (e.g. search bar), this will lead to
+        // an incorrect identification of the active item. Ideally, instead of pulling the
+        // item from the event, we should just use Highlighting to identify the active item,
+        // and operate on it. However, not all events will necessarily have to happen on the
+        // active item, so we need to consider all the cases before making this change. For now,
+        // there will be a known limitation that if the real focus is still inside the TieredMenu,
+        // but the menu is using fakeFocus, then the actions will operate on the wrong targets.
+        // A workaround for that is to stop or cut or redispatch the events in whichever
+        // component has the real focus.
+        // TODO: TINY-9011 Introduce proper handling of fakeFocus in TieredMenu
+        const events = derive$2([
+            // Set "active-menu" for the menu with focus
+            run$1(focus(), (tmenu, simulatedEvent) => {
+                // Ensure the item is actually part of this menu structure, and not part of another menu structure that's bubbling.
+                const item = simulatedEvent.event.item;
+                layeredState.lookupItem(getItemValue(item)).each(() => {
+                    const menu = simulatedEvent.event.menu;
+                    Highlighting.highlight(tmenu, menu);
+                    const value = getItemValue(simulatedEvent.event.item);
+                    layeredState.refresh(value).each((path) => closeOthers(tmenu, layeredState, path));
+                });
+            }),
+            runOnExecute$1((component, simulatedEvent) => {
+                // Trigger on execute on the targeted element
+                // I.e. clicking on menu item
+                const target = simulatedEvent.event.target;
+                component.getSystem().getByDom(target).each((item) => {
+                    const itemValue = getItemValue(item);
+                    // INVESTIGATE: I don't know if this is doing anything any more. Check.
+                    if (itemValue.indexOf('collapse-item') === 0) {
+                        collapseLeft(component, item);
+                    }
+                    expandRight(component, item, ExpandHighlightDecision.HighlightSubmenu).fold(() => {
+                        detail.onExecute(component, item);
+                    }, noop);
+                });
+            }),
+            // Open the menu as soon as it is added to the DOM
+            runOnAttached((container, _simulatedEvent) => {
+                setup(container).each((primary) => {
+                    Replacing.append(container, premade(primary));
+                    detail.onOpenMenu(container, primary);
+                    if (detail.highlightOnOpen === HighlightOnOpen.HighlightMenuAndItem) {
+                        setActiveMenuAndItem(container, primary);
+                    }
+                    else if (detail.highlightOnOpen === HighlightOnOpen.HighlightJustMenu) {
+                        setActiveMenu(container, primary);
+                    }
+                });
+            }),
+            // Listen to the events bubbling up from menu about highlighting, and trigger
+            // our handlers with tmenu, menu and item
+            run$1(onMenuItemHighlightedEvent, (tmenuComp, se) => {
+                detail.onHighlightItem(tmenuComp, se.event.menuComp, se.event.itemComp);
+            }),
+            run$1(onMenuItemDehighlightedEvent, (tmenuComp, se) => {
+                detail.onDehighlightItem(tmenuComp, se.event.menuComp, se.event.itemComp);
+            }),
+            ...(detail.navigateOnHover ? [
+                // Hide any irrelevant submenus and expand any submenus based
+                // on hovered item
+                run$1(hover(), (tmenu, simulatedEvent) => {
+                    const item = simulatedEvent.event.item;
+                    updateView(tmenu, item);
+                    expandRight(tmenu, item, ExpandHighlightDecision.HighlightParent);
+                    detail.onHover(tmenu, item);
+                })
+            ] : [])
+        ]);
+        const getActiveItem = (container) => Highlighting.getHighlighted(container).bind(Highlighting.getHighlighted);
+        const collapseMenuApi = (container) => {
+            getActiveItem(container).each((currentItem) => {
+                collapseLeft(container, currentItem);
+            });
+        };
+        const highlightPrimary = (container) => {
+            layeredState.getPrimary().each((primary) => {
+                setActiveMenuAndItem(container, primary);
+            });
+        };
+        const extractMenuFromContainer = (container) => Optional.from(container.components()[0]).filter((comp) => get$g(comp.element, 'role') === 'menu');
+        const repositionMenus = (container) => {
+            // Get the primary menu
+            const maybeActivePrimary = layeredState.getPrimary().bind((primary) => 
+            // Get the triggering path (item, menu) up to the active item
+            getActiveItem(container).bind((currentItem) => {
+                const itemValue = getItemValue(currentItem);
+                const allMenus = values(layeredState.getMenus());
+                const preparedMenus = cat(map$2(allMenus, LayeredState.extractPreparedMenu));
+                return layeredState.getTriggeringPath(itemValue, (v) => getItemByValue(container, preparedMenus, v));
+            })?.map((triggeringPath) => ({ primary, triggeringPath })));
+            maybeActivePrimary.fold(() => {
+                // When a menu is open but there is no activeItem, we get the menu from the container.
+                extractMenuFromContainer(container).each((primaryMenu) => {
+                    detail.onRepositionMenu(container, primaryMenu, []);
+                });
+            }, ({ primary, triggeringPath }) => {
+                // Refresh all the menus up to the active item
+                detail.onRepositionMenu(container, primary, triggeringPath);
+            });
+        };
+        const apis = {
+            collapseMenu: collapseMenuApi,
+            highlightPrimary,
+            repositionMenus
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            markers: detail.markers,
+            behaviours: augment(detail.tmenuBehaviours, [
+                Keying.config({
+                    mode: 'special',
+                    onRight: keyOnItem(onRight),
+                    onLeft: keyOnItem(onLeft),
+                    onEscape: keyOnItem(onEscape),
+                    focusIn: (container, _keyInfo) => {
+                        layeredState.getPrimary().each((primary) => {
+                            dispatch(container, primary.element, focusItem());
+                        });
+                    }
+                }),
+                // Highlighting is used for highlighting the active menu
+                Highlighting.config({
+                    highlightClass: detail.markers.selectedMenu,
+                    itemClass: detail.markers.menu
+                }),
+                Composing.config({
+                    find: (container) => {
+                        return Highlighting.getHighlighted(container);
+                    }
+                }),
+                Replacing.config({})
+            ]),
+            eventOrder: detail.eventOrder,
+            apis,
+            events
+        };
+    };
+    const collapseItem$1 = constant$1('collapse-item');
+
+    const tieredData = (primary, menus, expansions) => ({
+        primary,
+        menus,
+        expansions
+    });
+    const singleData = (name, menu) => ({
+        primary: name,
+        menus: wrap(name, menu),
+        expansions: {}
+    });
+    const collapseItem = (text) => ({
+        value: generate$6(collapseItem$1()),
+        meta: {
+            text
+        }
+    });
+    const tieredMenu = single({
+        name: 'TieredMenu',
+        configFields: [
+            onStrictKeyboardHandler('onExecute'),
+            onStrictKeyboardHandler('onEscape'),
+            onStrictHandler('onOpenMenu'),
+            onStrictHandler('onOpenSubmenu'),
+            onHandler('onRepositionMenu'),
+            onHandler('onCollapseMenu'),
+            // Ideally, we should validate that this is a valid value, but
+            // this is an number-based enum, so it would just be a number.
+            defaulted('highlightOnOpen', HighlightOnOpen.HighlightMenuAndItem),
+            requiredObjOf('data', [
+                required$1('primary'),
+                required$1('menus'),
+                required$1('expansions')
+            ]),
+            defaulted('fakeFocus', false),
+            onHandler('onHighlightItem'),
+            onHandler('onDehighlightItem'),
+            onHandler('onHover'),
+            tieredMenuMarkers(),
+            required$1('dom'),
+            defaulted('navigateOnHover', true),
+            defaulted('stayInDom', false),
+            field('tmenuBehaviours', [Keying, Highlighting, Composing, Replacing]),
+            defaulted('eventOrder', {})
+        ],
+        apis: {
+            collapseMenu: (apis, tmenu) => {
+                apis.collapseMenu(tmenu);
+            },
+            // This will highlight the primary menu AND an item in the primary menu
+            // Do not use just to set the active menu.
+            highlightPrimary: (apis, tmenu) => {
+                apis.highlightPrimary(tmenu);
+            },
+            repositionMenus: (apis, tmenu) => {
+                apis.repositionMenus(tmenu);
+            }
+        },
+        factory: make$5,
+        extraApis: {
+            tieredData,
+            singleData,
+            collapseItem
+        }
+    });
+
+    const suffix = constant$1('sink');
+    const partType = constant$1(optional({
+        name: suffix(),
+        overrides: constant$1({
+            dom: {
+                tag: 'div'
+            },
+            behaviours: derive$1([
+                Positioning.config({
+                    // TODO: Make an internal sink also be able to be used with relative layouts
+                    useFixed: always
+                })
+            ]),
+            events: derive$2([
+                // Sinks should not let keydown or click propagate
+                cutter(keydown()),
+                cutter(mousedown()),
+                cutter(click())
+            ])
+        })
+    }));
+
+    const schema$i = objOfOnly([
+        defaulted('isExtraPart', never),
+        optionObjOf('fireEventInstead', [
+            defaulted('event', dismissRequested())
+        ])
+    ]);
+    const receivingChannel$1 = (rawSpec) => {
+        const detail = asRawOrDie$1('Dismissal', schema$i, rawSpec);
+        return {
+            [dismissPopups()]: {
+                schema: objOfOnly([
+                    required$1('target')
+                ]),
+                onReceive: (sandbox, data) => {
+                    if (Sandboxing.isOpen(sandbox)) {
+                        const isPart = Sandboxing.isPartOf(sandbox, data.target) || detail.isExtraPart(sandbox, data.target);
+                        if (!isPart) {
+                            detail.fireEventInstead.fold(() => Sandboxing.close(sandbox), (fe) => emit(sandbox, fe.event));
+                        }
+                    }
+                }
+            }
+        };
+    };
+
+    const schema$h = objOfOnly([
+        optionObjOf('fireEventInstead', [
+            defaulted('event', repositionRequested())
+        ]),
+        requiredFunction('doReposition')
+    ]);
+    const receivingChannel = (rawSpec) => {
+        const detail = asRawOrDie$1('Reposition', schema$h, rawSpec);
+        return {
+            [repositionPopups()]: {
+                onReceive: (sandbox) => {
+                    if (Sandboxing.isOpen(sandbox)) {
+                        detail.fireEventInstead.fold(() => detail.doReposition(sandbox), (fe) => emit(sandbox, fe.event));
+                    }
+                }
+            }
+        };
+    };
+
+    const getAnchor = (detail, component) => {
+        const hotspot = detail.getHotspot(component).getOr(component);
+        const type = 'hotspot';
+        const overrides = detail.getAnchorOverrides();
+        return detail.layouts.fold(() => ({ type, hotspot, overrides }), (layouts) => ({ type, hotspot, overrides, layouts }));
+    };
+    const fetch$1 = (detail, mapFetch, component) => {
+        const fetcher = detail.fetch;
+        return fetcher(component)?.map(mapFetch);
+    };
+    const openF = (detail, mapFetch, anchor, component, sandbox, externals, highlightOnOpen) => {
+        const futureData = fetch$1(detail, mapFetch, component);
+        const getLazySink = getSink(component, detail);
+        // TODO: Make this potentially a single menu also
+        return futureData?.map((tdata) => tdata.bind((data) => {
+            const primaryMenu = data.menus[data.primary];
+            Optional.from(primaryMenu).each((menu) => {
+                detail.listRole.each((listRole) => {
+                    menu.role = listRole;
+                });
+            });
+            return Optional.from(tieredMenu.sketch({
+                // Externals are configured by the "menu" part. It's called external because it isn't contained
+                // within the DOM descendants of the dropdown. You can configure things like `fakeFocus` here.
+                ...externals.menu(),
+                uid: generate$4(''),
+                data,
+                highlightOnOpen,
+                onOpenMenu: (tmenu, menu) => {
+                    const sink = getLazySink().getOrDie();
+                    Positioning.position(sink, menu, { anchor });
+                    Sandboxing.decloak(sandbox);
+                },
+                onOpenSubmenu: (tmenu, item, submenu) => {
+                    const sink = getLazySink().getOrDie();
+                    Positioning.position(sink, submenu, {
+                        anchor: {
+                            type: 'submenu',
+                            item
+                        }
+                    });
+                    Sandboxing.decloak(sandbox);
+                },
+                onRepositionMenu: (tmenu, primaryMenu, submenuTriggers) => {
+                    const sink = getLazySink().getOrDie();
+                    Positioning.position(sink, primaryMenu, { anchor });
+                    each$1(submenuTriggers, (st) => {
+                        Positioning.position(sink, st.triggeredMenu, {
+                            anchor: { type: 'submenu', item: st.triggeringItem }
+                        });
+                    });
+                },
+                onEscape: () => {
+                    // Focus the triggering component after escaping the menu
+                    Focusing.focus(component);
+                    Sandboxing.close(sandbox);
+                    return Optional?.some(true);
+                }
+            }));
+        }));
+    };
+    // onOpenSync is because some operations need to be applied immediately, not wrapped in a future
+    // It can avoid things like flickering due to asynchronous bouncing
+    const open = (detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen) => {
+        const anchor = getAnchor(detail, hotspot);
+        const processed = openF(detail, mapFetch, anchor, hotspot, sandbox, externals, highlightOnOpen);
+        return processed?.map((tdata) => {
+            // If we have data, display a menu. Else, close the menu if it was open
+            tdata.fold(() => {
+                if (Sandboxing.isOpen(sandbox)) {
+                    Sandboxing.close(sandbox);
+                }
+            }, (data) => {
+                Sandboxing.cloak(sandbox);
+                Sandboxing.open(sandbox, data);
+                onOpenSync(sandbox);
+            });
+            return sandbox;
+        });
+    };
+    const close = (detail, mapFetch, component, sandbox, _externals, _onOpenSync, _highlightOnOpen) => {
+        Sandboxing.close(sandbox);
+        return Future.pure(sandbox);
+    };
+    const togglePopup = (detail, mapFetch, hotspot, externals, onOpenSync, highlightOnOpen) => {
+        const sandbox = Coupling.getCoupled(hotspot, 'sandbox');
+        const showing = Sandboxing.isOpen(sandbox);
+        const action = showing ? close : open;
+        return action(detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen);
+    };
+    const matchWidth = (hotspot, container, useMinWidth) => {
+        const menu = Composing.getCurrent(container).getOr(container);
+        const buttonWidth = get$c(hotspot.element);
+        if (useMinWidth) {
+            set$7(menu.element, 'min-width', buttonWidth + 'px');
+        }
+        else {
+            set$6(menu.element, buttonWidth);
+        }
+    };
+    const getSink = (anyInSystem, sinkDetail) => anyInSystem
+        .getSystem()
+        .getByUid(sinkDetail.uid + '-' + suffix())
+        ?.map((internalSink) => () => Result.value(internalSink))
+        .getOrThunk(() => sinkDetail.lazySink.fold(() => () => Result.error(new Error('No internal sink is specified, nor could an external sink be found')), (lazySinkFn) => () => lazySinkFn(anyInSystem)));
+    const doRepositionMenus = (sandbox) => {
+        Sandboxing.getState(sandbox).each((tmenu) => {
+            tieredMenu.repositionMenus(tmenu);
+        });
+    };
+    const makeSandbox$1 = (detail, hotspot, extras) => {
+        const ariaControls = manager();
+        const onOpen = (component, menu) => {
+            const anchor = getAnchor(detail, hotspot);
+            ariaControls.link(hotspot.element);
+            if (detail.matchWidth) {
+                matchWidth(anchor.hotspot, menu, detail.useMinWidth);
+            }
+            detail.onOpen(anchor, component, menu);
+            if (extras !== undefined && extras.onOpen !== undefined) {
+                extras.onOpen(component, menu);
+            }
+        };
+        const onClose = (component, menu) => {
+            ariaControls.unlink(hotspot.element);
+            lazySink().getOr(menu).element.dom.dispatchEvent(new window.FocusEvent('focusout'));
+            if (extras !== undefined && extras.onClose !== undefined) {
+                extras.onClose(component, menu);
+            }
+        };
+        const lazySink = getSink(hotspot, detail);
+        return {
+            dom: {
+                tag: 'div',
+                classes: detail.sandboxClasses,
+                // TODO: Add aria-selected attribute
+                attributes: {
+                    id: ariaControls.id,
+                }
+            },
+            behaviours: SketchBehaviours.augment(detail.sandboxBehaviours, [
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: hotspot
+                    }
+                }),
+                Sandboxing.config({
+                    onOpen,
+                    onClose,
+                    isPartOf: (container, data, queryElem) => {
+                        return isPartOf(data, queryElem) || isPartOf(hotspot, queryElem);
+                    },
+                    getAttachPoint: () => {
+                        return lazySink().getOrDie();
+                    }
+                }),
+                // The Composing of the dropdown here is the the active menu of the TieredMenu
+                // inside the sandbox.
+                Composing.config({
+                    find: (sandbox) => {
+                        return Sandboxing.getState(sandbox).bind((menu) => Composing.getCurrent(menu));
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        ...receivingChannel$1({
+                            isExtraPart: never
+                        }),
+                        ...receivingChannel({
+                            doReposition: doRepositionMenus
+                        })
+                    }
+                })
+            ])
+        };
+    };
+    const repositionMenus = (comp) => {
+        const sandbox = Coupling.getCoupled(comp, 'sandbox');
+        doRepositionMenus(sandbox);
+    };
+
+    // TODO: Roll this back into Fields at some point
+    // Unfortunately there appears to be a cyclical dependency or something that's preventing it, but for now this will do as it's home
+    const sandboxFields = () => [
+        defaulted('sandboxClasses', []),
+        SketchBehaviours.field('sandboxBehaviours', [Composing, Receiving, Sandboxing, Representing])
+    ];
+
+    const schema$g = constant$1([
+        required$1('dom'),
+        required$1('fetch'),
+        onHandler('onOpen'),
+        onKeyboardHandler('onExecute'),
+        defaulted('getHotspot', Optional.some),
+        defaulted('getAnchorOverrides', constant$1({})),
+        schema$o(),
+        field('dropdownBehaviours', [Toggling, Coupling, Keying, Focusing]),
+        required$1('toggleClass'),
+        defaulted('eventOrder', {}),
+        option$3('lazySink'),
+        defaulted('matchWidth', false),
+        defaulted('useMinWidth', false),
+        option$3('role'),
+        option$3('listRole'),
+    ].concat(sandboxFields()));
+    const parts$d = constant$1([
+        external$1({
+            schema: [
+                tieredMenuMarkers(),
+                // Defining a defaulted field isn't necessary when dealing with
+                // external parts, because the post-boulder part spec is not passed
+                // through to any of these functions (defaults, overrides etc.). So all
+                // this does is make it a bit clearer what you should expect, but remember
+                // that the default value here is irrelevant!
+                defaulted('fakeFocus', false)
+            ],
+            name: 'menu',
+            defaults: (detail) => {
+                return {
+                    onExecute: detail.onExecute
+                };
+            }
+        }),
+        partType()
+    ]);
+
+    const factory$l = (detail, components, _spec, externals) => {
+        const lookupAttr = (attr) => get$h(detail.dom, 'attributes').bind((attrs) => get$h(attrs, attr));
+        const switchToMenu = (sandbox) => {
+            Sandboxing.getState(sandbox).each((tmenu) => {
+                // This will highlight the menu AND the item
+                tieredMenu.highlightPrimary(tmenu);
+            });
+        };
+        const togglePopup$1 = (dropdownComp, onOpenSync, highlightOnOpen) => {
+            return togglePopup(detail, identity, dropdownComp, externals, onOpenSync, highlightOnOpen);
+        };
+        const action = (component) => {
+            const onOpenSync = switchToMenu;
+            togglePopup$1(component, onOpenSync, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+        };
+        const apis = {
+            expand: (comp) => {
+                if (!Toggling.isOn(comp)) {
+                    togglePopup$1(comp, noop, HighlightOnOpen.HighlightNone).get(noop);
+                }
+            },
+            open: (comp) => {
+                if (!Toggling.isOn(comp)) {
+                    togglePopup$1(comp, noop, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+                }
+            },
+            refetch: (comp) => {
+                // Generally, the triggers for a refetch should make it so that the
+                // sandbox has been created, but it's not guaranteed, so we still handle the
+                // case where there isn't yet a sandbox.
+                const optSandbox = Coupling.getExistingCoupled(comp, 'sandbox');
+                return optSandbox.fold(() => {
+                    // If we don't have a sandbox, refetch is the same as open,
+                    // except we return when it is completed.
+                    return togglePopup$1(comp, noop, HighlightOnOpen.HighlightMenuAndItem)
+                        ?.map(noop);
+                }, (sandboxComp) => {
+                    // We are intentionally not preserving the selected items when
+                    // triggering a refetch, and will just highlight the first item.
+                    // Note: this will mean that submenus will close. If we want to start
+                    // preserving the selected items, we can't rely on the components themselves,
+                    // so we'd need to use the item and menu values through Representing.
+                    // However, be aware that alloy menus and items often have randomised values,
+                    // so these might not be reliable either.
+                    // NOTE: We use DropdownUtils.open directly, because we want it to 'open',
+                    // even if it's already open. If we just used apis.open, it wouldn't do
+                    // anything if it was already open, which means we wouldn't see the new
+                    // refetched data.
+                    return open(detail, identity, comp, 
+                    // NOTE: The TieredMenu is inside the sandbox. They aren't the same component.
+                    sandboxComp, externals, noop, HighlightOnOpen.HighlightMenuAndItem)?.map(noop);
+                });
+            },
+            isOpen: Toggling.isOn,
+            close: (comp) => {
+                if (Toggling.isOn(comp)) {
+                    togglePopup$1(comp, noop, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+                }
+            },
+            // If we are open, refresh the menus in the tiered menu system
+            repositionMenus: (comp) => {
+                if (Toggling.isOn(comp)) {
+                    repositionMenus(comp);
+                }
+            }
+        };
+        const triggerExecute = (comp, _se) => {
+            emitExecute(comp);
+            return Optional?.some(true);
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: augment(detail.dropdownBehaviours, [
+                Toggling.config({
+                    toggleClass: detail.toggleClass,
+                    aria: {
+                        mode: 'expanded'
+                    }
+                }),
+                Coupling.config({
+                    others: {
+                        sandbox: (hotspot) => {
+                            return makeSandbox$1(detail, hotspot, {
+                                onOpen: () => Toggling.on(hotspot),
+                                onClose: () => Toggling.off(hotspot)
+                            });
+                        }
+                    }
+                }),
+                Keying.config({
+                    mode: 'special',
+                    onSpace: triggerExecute,
+                    onEnter: triggerExecute,
+                    onDown: (comp, _se) => {
+                        if (Dropdown.isOpen(comp)) {
+                            const sandbox = Coupling.getCoupled(comp, 'sandbox');
+                            switchToMenu(sandbox);
+                        }
+                        else {
+                            Dropdown.open(comp);
+                        }
+                        return Optional?.some(true);
+                    },
+                    onEscape: (comp, _se) => {
+                        if (Dropdown.isOpen(comp)) {
+                            Dropdown.close(comp);
+                            return Optional?.some(true);
+                        }
+                        else {
+                            return Optional.none();
+                        }
+                    }
+                }),
+                Focusing.config({})
+            ]),
+            events: events(Optional?.some(action)),
+            eventOrder: {
+                ...detail.eventOrder,
+                // Order, the button state is toggled first, so assumed !selected means close.
+                [execute$5()]: ['disabling', 'toggling', 'alloy.base.behaviour']
+            },
+            apis,
+            domModification: {
+                attributes: {
+                    'aria-haspopup': detail.listRole.getOr('true'),
+                    ...detail.role.fold(() => ({}), (role) => ({ role })),
+                    ...detail.dom.tag === 'button' ? { type: lookupAttr('type').getOr('button') } : {}
+                }
+            }
+        };
+    };
+    const Dropdown = composite({
+        name: 'Dropdown',
+        configFields: schema$g(),
+        partFields: parts$d(),
+        factory: factory$l,
+        apis: {
+            open: (apis, comp) => apis.open(comp),
+            refetch: (apis, comp) => apis.refetch(comp),
+            expand: (apis, comp) => apis.expand(comp),
+            close: (apis, comp) => apis.close(comp),
+            isOpen: (apis, comp) => apis.isOpen(comp),
+            repositionMenus: (apis, comp) => apis.repositionMenus(comp)
+        }
+    });
+
+    const owner$1 = 'form';
+    const schema$f = [
+        field('formBehaviours', [Representing])
+    ];
+    const getPartName$1 = (name) => '<alloy.field.' + name + '>';
+    const sketch$2 = (fSpec) => {
+        const parts = (() => {
+            const record = [];
+            const field = (name, config) => {
+                record.push(name);
+                return generateOne$1(owner$1, getPartName$1(name), config);
+            };
+            return {
+                field,
+                record: constant$1(record)
+            };
+        })();
+        const spec = fSpec(parts);
+        const partNames = parts.record();
+        // Unlike other sketches, a form does not know its parts in advance (as they represent each field
+        // in a particular form). Therefore, it needs to calculate the part names on the fly
+        const fieldParts = map$2(partNames, (n) => required({ name: n, pname: getPartName$1(n) }));
+        return composite$1(owner$1, schema$f, fieldParts, make$4, spec);
+    };
+    const toResult = (o, e) => o.fold(() => Result.error(e), Result.value);
+    const make$4 = (detail, components) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        components,
+        // Form has an assumption that every field must have composing, and that the composed element has representing.
+        behaviours: augment(detail.formBehaviours, [
+            Representing.config({
+                store: {
+                    mode: 'manual',
+                    getValue: (form) => {
+                        const resPs = getAllParts(form, detail);
+                        return map$1(resPs, (resPThunk, pName) => resPThunk().bind((v) => {
+                            const opt = Composing.getCurrent(v);
+                            return toResult(opt, new Error(`Cannot find a current component to extract the value from for form part '${pName}': ` + element(v.element)));
+                        })?.map(Representing.getValue));
+                    },
+                    setValue: (form, values) => {
+                        each(values, (newValue, key) => {
+                            getPart(form, detail, key).each((wrapper) => {
+                                Composing.getCurrent(wrapper).each((field) => {
+                                    Representing.setValue(field, newValue);
+                                });
+                            });
+                        });
+                    }
+                }
+            })
+        ]),
+        apis: {
+            getField: (form, key) => {
+                // Returns an Optional (not a result);
+                return getPart(form, detail, key).bind(Composing.getCurrent);
+            }
+        }
+    });
+    const Form = {
+        getField: makeApi((apis, component, key) => apis.getField(component, key)),
+        sketch: sketch$2
+    };
+
+    const schema$e = constant$1([
+        required$1('dom'),
+        defaulted('shell', true),
+        field('toolbarBehaviours', [Replacing])
+    ]);
+    // TODO: Dupe with Toolbar
+    const enhanceGroups = () => ({
+        behaviours: derive$1([
+            Replacing.config({})
+        ])
+    });
+    const parts$c = constant$1([
+        // Note, is the container for putting all the groups in, not a group itself.
+        optional({
+            name: 'groups',
+            overrides: enhanceGroups
+        })
+    ]);
+
+    const factory$k = (detail, components, _spec, _externals) => {
+        const setGroups = (toolbar, groups) => {
+            getGroupContainer(toolbar).fold(() => {
+                // check that the group container existed. It may not have if the components
+                // did not list anything, and shell was false.
+                // eslint-disable-next-line no-console
+                console.error('Toolbar was defined to not be a shell, but no groups container was specified in components');
+                throw new Error('Toolbar was defined to not be a shell, but no groups container was specified in components');
+            }, (container) => {
+                Replacing.set(container, groups);
+            });
+        };
+        const getGroupContainer = (component) => detail.shell ? Optional?.some(component) : getPart(component, detail, 'groups');
+        // In shell mode, the group overrides need to be added to the main container, and there can be no children
+        const extra = detail.shell ? { behaviours: [Replacing.config({})], components: [] } : { behaviours: [], components };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components: extra.components,
+            behaviours: augment(detail.toolbarBehaviours, extra.behaviours),
+            apis: {
+                setGroups,
+                refresh: noop
+            },
+            domModification: {
+                attributes: {
+                    role: 'group'
+                }
+            }
+        };
+    };
+    const Toolbar = composite({
+        name: 'Toolbar',
+        configFields: schema$e(),
+        partFields: parts$c(),
+        factory: factory$k,
+        apis: {
+            setGroups: (apis, toolbar, groups) => {
+                apis.setGroups(toolbar, groups);
+            }
+        }
+    });
+
+    const schema$d = constant$1([
+        markers$1(['toggledClass']),
+        required$1('lazySink'),
+        requiredFunction('fetch'),
+        optionFunction('getBounds'),
+        optionObjOf('fireDismissalEventInstead', [
+            defaulted('event', dismissRequested())
+        ]),
+        schema$o(),
+        onHandler('onToggled'),
+    ]);
+    const parts$b = constant$1([
+        external$1({
+            name: 'button',
+            overrides: (detail) => ({
+                dom: {
+                    attributes: {
+                        'aria-haspopup': 'true'
+                    }
+                },
+                buttonBehaviours: derive$1([
+                    Toggling.config({
+                        toggleClass: detail.markers.toggledClass,
+                        aria: {
+                            mode: 'expanded'
+                        },
+                        toggleOnExecute: false,
+                        /**
+                         * For FloatingToolbars, we can hook up our `onToggled` handler directly to the Toggling
+                         * because we don't have to worry about any animations.
+                         *
+                         * Unfortunately, for SlidingToolbars, Toggling is more directly hooked into the animation for growing,
+                         * so to have an event `onToggled` that doesn't care about the animation, we can't just hook into the Toggling config.
+                         */
+                        onToggled: detail.onToggled
+                    })
+                ])
+            })
+        }),
+        external$1({
+            factory: Toolbar,
+            schema: schema$e(),
+            name: 'toolbar',
+            overrides: (detail) => {
+                return {
+                    toolbarBehaviours: derive$1([
+                        Keying.config({
+                            mode: 'cyclic',
+                            onEscape: (comp) => {
+                                getPart(comp, detail, 'button').each(Focusing.focus);
+                                // Don't return true here, as we need to allow the sandbox to handle the escape to close the overflow
+                                return Optional.none();
+                            }
+                        })
+                    ])
+                };
+            }
+        })
+    ]);
+
+    const shouldSkipFocus = value$2();
+    const toggleWithoutFocusing = (button, externals) => {
+        shouldSkipFocus.set(true);
+        toggle$1(button, externals);
+        shouldSkipFocus.clear();
+    };
+    const toggle$1 = (button, externals) => {
+        const toolbarSandbox = Coupling.getCoupled(button, 'toolbarSandbox');
+        if (Sandboxing.isOpen(toolbarSandbox)) {
+            Sandboxing.close(toolbarSandbox);
+        }
+        else {
+            Sandboxing.open(toolbarSandbox, externals.toolbar());
+        }
+    };
+    const position = (button, toolbar, detail, layouts) => {
+        const bounds = detail.getBounds?.map((bounder) => bounder());
+        const sink = detail.lazySink(button).getOrDie();
+        Positioning.positionWithinBounds(sink, toolbar, {
+            anchor: {
+                type: 'hotspot',
+                hotspot: button,
+                layouts,
+                overrides: {
+                    maxWidthFunction: expandable()
+                }
+            }
+        }, bounds);
+    };
+    const setGroups$1 = (button, toolbar, detail, layouts, groups) => {
+        Toolbar.setGroups(toolbar, groups);
+        position(button, toolbar, detail, layouts);
+        Toggling.on(button);
+    };
+    const makeSandbox = (button, spec, detail) => {
+        const ariaControls = manager();
+        const onOpen = (sandbox, toolbar) => {
+            const skipFocus = shouldSkipFocus.get().getOr(false);
+            detail.fetch().get((groups) => {
+                setGroups$1(button, toolbar, detail, spec.layouts, groups);
+                ariaControls.link(button.element);
+                if (!skipFocus) {
+                    Keying.focusIn(toolbar);
+                }
+            });
+        };
+        const onClose = () => {
+            // Toggle and focus the button
+            Toggling.off(button);
+            if (!shouldSkipFocus.get().getOr(false)) {
+                Focusing.focus(button);
+            }
+            ariaControls.unlink(button.element);
+        };
+        return {
+            dom: {
+                tag: 'div',
+                attributes: {
+                    id: ariaControls.id
+                }
+            },
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'special',
+                    onEscape: (comp) => {
+                        Sandboxing.close(comp);
+                        return Optional?.some(true);
+                    }
+                }),
+                Sandboxing.config({
+                    onOpen,
+                    onClose,
+                    isPartOf: (container, data, queryElem) => {
+                        return isPartOf(data, queryElem) || isPartOf(button, queryElem);
+                    },
+                    getAttachPoint: () => {
+                        return detail.lazySink(button).getOrDie();
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        ...receivingChannel$1({
+                            isExtraPart: never,
+                            ...detail.fireDismissalEventInstead?.map((fe) => ({ fireEventInstead: { event: fe.event } })).getOr({})
+                        }),
+                        ...receivingChannel({
+                            doReposition: () => {
+                                Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each((toolbar) => {
+                                    position(button, toolbar, detail, spec.layouts);
+                                });
+                            }
+                        })
+                    }
+                })
+            ])
+        };
+    };
+    const factory$j = (detail, components, spec, externals) => ({
+        ...Button.sketch({
+            ...externals.button(),
+            action: (button) => {
+                toggle$1(button, externals);
+            },
+            buttonBehaviours: SketchBehaviours.augment({ dump: externals.button().buttonBehaviours }, [
+                Coupling.config({
+                    others: {
+                        toolbarSandbox: (button) => {
+                            return makeSandbox(button, spec, detail);
+                        }
+                    }
+                })
+            ])
+        }),
+        apis: {
+            setGroups: (button, groups) => {
+                Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each((toolbar) => {
+                    setGroups$1(button, toolbar, detail, spec.layouts, groups);
+                });
+            },
+            reposition: (button) => {
+                Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each((toolbar) => {
+                    position(button, toolbar, detail, spec.layouts);
+                });
+            },
+            toggle: (button) => {
+                toggle$1(button, externals);
+            },
+            toggleWithoutFocusing: (button) => {
+                toggleWithoutFocusing(button, externals);
+            },
+            getToolbar: (button) => {
+                return Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox'));
+            },
+            isOpen: (button) => {
+                return Sandboxing.isOpen(Coupling.getCoupled(button, 'toolbarSandbox'));
+            }
+        }
+    });
+    const FloatingToolbarButton = composite({
+        name: 'FloatingToolbarButton',
+        factory: factory$j,
+        configFields: schema$d(),
+        partFields: parts$b(),
+        apis: {
+            setGroups: (apis, button, groups) => {
+                apis.setGroups(button, groups);
+            },
+            reposition: (apis, button) => {
+                apis.reposition(button);
+            },
+            toggle: (apis, button) => {
+                apis.toggle(button);
+            },
+            toggleWithoutFocusing: (apis, button) => {
+                apis.toggleWithoutFocusing(button);
+            },
+            getToolbar: (apis, button) => apis.getToolbar(button),
+            isOpen: (apis, button) => apis.isOpen(button)
+        }
+    });
+
+    const schema$c = constant$1([
+        defaulted('prefix', 'form-field'),
+        field('fieldBehaviours', [Composing, Representing])
+    ]);
+    const parts$a = constant$1([
+        optional({
+            schema: [required$1('dom')],
+            name: 'label'
+        }),
+        optional({
+            factory: {
+                sketch: (spec) => {
+                    return {
+                        uid: spec.uid,
+                        dom: {
+                            tag: 'span',
+                            styles: {
+                                display: 'none'
+                            },
+                            attributes: {
+                                'aria-hidden': 'true'
+                            },
+                            innerHtml: spec.text
+                        }
+                    };
+                }
+            },
+            schema: [required$1('text')],
+            name: 'aria-descriptor'
+        }),
+        required({
+            factory: {
+                sketch: (spec) => {
+                    const excludeFactory = exclude(spec, ['factory']);
+                    return spec.factory.sketch(excludeFactory);
+                }
+            },
+            schema: [required$1('factory')],
+            name: 'field'
+        })
+    ]);
+
+    const factory$i = (detail, components, _spec, _externals) => {
+        const behaviours = augment(detail.fieldBehaviours, [
+            Composing.config({
+                find: (container) => {
+                    return getPart(container, detail, 'field');
+                }
+            }),
+            Representing.config({
+                store: {
+                    mode: 'manual',
+                    getValue: (field) => {
+                        return Composing.getCurrent(field).bind(Representing.getValue);
+                    },
+                    setValue: (field, value) => {
+                        Composing.getCurrent(field).each((current) => {
+                            Representing.setValue(current, value);
+                        });
+                    }
+                }
+            })
+        ]);
+        const events = derive$2([
+            // Used to be systemInit
+            runOnAttached((component, _simulatedEvent) => {
+                const ps = getParts(component, detail, ['label', 'field', 'aria-descriptor']);
+                ps.field().each((field) => {
+                    const id = generate$6(detail.prefix);
+                    ps.label().each((label) => {
+                        // TODO: Find a nicer way of doing this.
+                        set$9(label.element, 'for', id);
+                        set$9(field.element, 'id', id);
+                    });
+                    ps['aria-descriptor']().each((descriptor) => {
+                        const descriptorId = generate$6(detail.prefix);
+                        set$9(descriptor.element, 'id', descriptorId);
+                        set$9(field.element, 'aria-describedby', descriptorId);
+                    });
+                });
+            })
+        ]);
+        const apis = {
+            getField: (container) => getPart(container, detail, 'field'),
+            getLabel: (container) => 
+            // TODO: Use constants for part names
+            getPart(container, detail, 'label')
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours,
+            events,
+            apis
+        };
+    };
+    const FormField = composite({
+        name: 'FormField',
+        configFields: schema$c(),
+        partFields: parts$a(),
+        factory: factory$i,
+        apis: {
+            getField: (apis, comp) => apis.getField(comp),
+            getLabel: (apis, comp) => apis.getLabel(comp)
+        }
+    });
+
+    const schema$b = constant$1([
+        defaulted('field1Name', 'field1'),
+        defaulted('field2Name', 'field2'),
+        onStrictHandler('onLockedChange'),
+        markers$1(['lockClass']),
+        defaulted('locked', false),
+        SketchBehaviours.field('coupledFieldBehaviours', [Composing, Representing]),
+        defaultedFunction('onInput', noop)
+    ]);
+    const getField = (comp, detail, partName) => getPart(comp, detail, partName).bind(Composing.getCurrent);
+    const coupledPart = (selfName, otherName) => required({
+        factory: FormField,
+        name: selfName,
+        overrides: (detail) => {
+            return {
+                fieldBehaviours: derive$1([
+                    config('coupled-input-behaviour', [
+                        run$1(input(), (me) => {
+                            getField(me, detail, otherName).each((other) => {
+                                getPart(me, detail, 'lock').each((lock) => {
+                                    // TODO IMPROVEMENT: Allow locker to fire onLockedChange if it is turned on after being off.
+                                    if (Toggling.isOn(lock)) {
+                                        detail.onLockedChange(me, other, lock);
+                                    }
+                                    detail.onInput(me);
+                                });
+                            });
+                        })
+                    ])
+                ])
+            };
+        }
+    });
+    const parts$9 = constant$1([
+        coupledPart('field1', 'field2'),
+        coupledPart('field2', 'field1'),
+        required({
+            factory: Button,
+            schema: [
+                required$1('dom')
+            ],
+            name: 'lock',
+            overrides: (detail) => {
+                return {
+                    buttonBehaviours: derive$1([
+                        Toggling.config({
+                            selected: detail.locked,
+                            toggleClass: detail.markers.lockClass,
+                            aria: {
+                                mode: 'pressed'
+                            }
+                        })
+                    ])
+                };
+            }
+        })
+    ]);
+
+    const factory$h = (detail, components, _spec, _externals) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        components,
+        behaviours: SketchBehaviours.augment(detail.coupledFieldBehaviours, [
+            Composing.config({ find: Optional.some }),
+            Representing.config({
+                store: {
+                    mode: 'manual',
+                    getValue: (comp) => {
+                        const parts = getPartsOrDie(comp, detail, ['field1', 'field2']);
+                        return {
+                            [detail.field1Name]: Representing.getValue(parts.field1()),
+                            [detail.field2Name]: Representing.getValue(parts.field2())
+                        };
+                    },
+                    setValue: (comp, value) => {
+                        const parts = getPartsOrDie(comp, detail, ['field1', 'field2']);
+                        if (hasNonNullableKey(value, detail.field1Name)) {
+                            Representing.setValue(parts.field1(), value[detail.field1Name]);
+                        }
+                        if (hasNonNullableKey(value, detail.field2Name)) {
+                            Representing.setValue(parts.field2(), value[detail.field2Name]);
+                        }
+                    }
+                }
+            })
+        ]),
+        apis: {
+            getField1: (component) => getPart(component, detail, 'field1'),
+            getField2: (component) => getPart(component, detail, 'field2'),
+            getLock: (component) => getPart(component, detail, 'lock')
+        }
+    });
+    const FormCoupledInputs = composite({
+        name: 'FormCoupledInputs',
+        configFields: schema$b(),
+        partFields: parts$9(),
+        factory: factory$h,
+        apis: {
+            getField1: (apis, component) => apis.getField1(component),
+            getField2: (apis, component) => apis.getField2(component),
+            getLock: (apis, component) => apis.getLock(component)
+        }
+    });
+
+    const factory$g = (detail, _spec) => {
+        const options = map$2(detail.options, (option) => ({
+            dom: {
+                tag: 'option',
+                value: option.value,
+                innerHtml: option.text
+            }
+        }));
+        const initialValues = detail.data?.map((v) => wrap('initialValue', v)).getOr({});
+        return {
+            uid: detail.uid,
+            dom: {
+                tag: 'select',
+                classes: detail.selectClasses,
+                attributes: detail.selectAttributes
+            },
+            components: options,
+            behaviours: augment(detail.selectBehaviours, [
+                Focusing.config({}),
+                Representing.config({
+                    store: {
+                        mode: 'manual',
+                        getValue: (select) => {
+                            return get$5(select.element);
+                        },
+                        setValue: (select, newValue) => {
+                            const firstOption = head(detail.options);
+                            // This is probably generically useful ... may become a part of Representing.
+                            const found = find$5(detail.options, (opt) => opt.value === newValue);
+                            if (found.isSome()) {
+                                set$4(select.element, newValue);
+                            }
+                            else if (select.element.dom.selectedIndex === -1 && newValue === '') {
+                                /*
+                                  Sometimes after a redial alloy tries to set a new value, but if no value has been set in the data this used to fail. Now we set the value to the first option in the list if:
+                                    The index is out of range, indicating that the list of options have changed, or was never set.
+                                    The user is not trying to set a specific value (which would be user error)
+                                */
+                                firstOption.each((value) => set$4(select.element, value.value));
+                            }
+                        },
+                        ...initialValues
+                    }
+                })
+            ])
+        };
+    };
+    const HtmlSelect = single({
+        name: 'HtmlSelect',
+        configFields: [
+            required$1('options'),
+            field('selectBehaviours', [Focusing, Representing]),
+            defaulted('selectClasses', []),
+            defaulted('selectAttributes', {}),
+            option$3('data')
+        ],
+        factory: factory$g
+    });
+
+    const makeMenu = (detail, menuSandbox, placementSpec, menuSpec, getBounds) => {
+        const lazySink = () => detail.lazySink(menuSandbox);
+        const layouts = menuSpec.type === 'horizontal' ? { layouts: {
+                onLtr: () => belowOrAbove(),
+                onRtl: () => belowOrAboveRtl()
+            } } : {};
+        const isFirstTierSubmenu = (triggeringPaths) => triggeringPaths.length === 2; // primary and first tier menu === 2 items
+        const getSubmenuLayouts = (triggeringPaths) => isFirstTierSubmenu(triggeringPaths) ? layouts : {};
+        return tieredMenu.sketch({
+            dom: {
+                tag: 'div'
+            },
+            data: menuSpec.data,
+            markers: menuSpec.menu.markers,
+            highlightOnOpen: menuSpec.menu.highlightOnOpen,
+            fakeFocus: menuSpec.menu.fakeFocus,
+            onEscape: () => {
+                // Note for the future: this should possibly also call detail.onHide
+                Sandboxing.close(menuSandbox);
+                detail.onEscape?.map((handler) => handler(menuSandbox));
+                return Optional?.some(true);
+            },
+            onExecute: () => {
+                return Optional?.some(true);
+            },
+            onOpenMenu: (tmenu, menu) => {
+                Positioning.positionWithinBounds(lazySink().getOrDie(), menu, placementSpec, getBounds());
+            },
+            onOpenSubmenu: (tmenu, item, submenu, triggeringPaths) => {
+                const sink = lazySink().getOrDie();
+                Positioning.position(sink, submenu, {
+                    anchor: {
+                        type: 'submenu',
+                        item,
+                        ...getSubmenuLayouts(triggeringPaths)
+                    }
+                });
+            },
+            onRepositionMenu: (tmenu, primaryMenu, submenuTriggers) => {
+                const sink = lazySink().getOrDie();
+                Positioning.positionWithinBounds(sink, primaryMenu, placementSpec, getBounds());
+                each$1(submenuTriggers, (st) => {
+                    const submenuLayouts = getSubmenuLayouts(st.triggeringPath);
+                    Positioning.position(sink, st.triggeredMenu, {
+                        anchor: { type: 'submenu', item: st.triggeringItem, ...submenuLayouts }
+                    });
+                });
+            }
+        });
+    };
+    const factory$f = (detail, spec) => {
+        const isPartOfRelated = (sandbox, queryElem) => {
+            const related = detail.getRelated(sandbox);
+            return related.exists((rel) => isPartOf(rel, queryElem));
+        };
+        const setContent = (sandbox, thing) => {
+            // Keep the same location, and just change the content.
+            Sandboxing.setContent(sandbox, thing);
+        };
+        const showAt = (sandbox, thing, placementSpec) => {
+            const getBounds = Optional.none;
+            showWithinBounds(sandbox, thing, placementSpec, getBounds);
+        };
+        const showWithinBounds = (sandbox, thing, placementSpec, getBounds) => {
+            const sink = detail.lazySink(sandbox).getOrDie();
+            Sandboxing.openWhileCloaked(sandbox, thing, () => Positioning.positionWithinBounds(sink, sandbox, placementSpec, getBounds()));
+            Representing.setValue(sandbox, Optional?.some({
+                mode: 'position',
+                config: placementSpec,
+                getBounds
+            }));
+        };
+        // TODO AP-191 write a test for showMenuAt
+        const showMenuAt = (sandbox, placementSpec, menuSpec) => {
+            showMenuWithinBounds(sandbox, placementSpec, menuSpec, Optional.none);
+        };
+        const showMenuWithinBounds = (sandbox, placementSpec, menuSpec, getBounds) => {
+            const menu = makeMenu(detail, sandbox, placementSpec, menuSpec, getBounds);
+            Sandboxing.open(sandbox, menu);
+            Representing.setValue(sandbox, Optional?.some({
+                mode: 'menu',
+                menu
+            }));
+        };
+        const hide = (sandbox) => {
+            if (Sandboxing.isOpen(sandbox)) {
+                Representing.setValue(sandbox, Optional.none());
+                Sandboxing.close(sandbox);
+            }
+        };
+        const getContent = (sandbox) => Sandboxing.getState(sandbox);
+        const reposition = (sandbox) => {
+            if (Sandboxing.isOpen(sandbox)) {
+                Representing.getValue(sandbox).each((state) => {
+                    switch (state.mode) {
+                        case 'menu':
+                            Sandboxing.getState(sandbox).each(tieredMenu.repositionMenus);
+                            break;
+                        case 'position':
+                            const sink = detail.lazySink(sandbox).getOrDie();
+                            Positioning.positionWithinBounds(sink, sandbox, state.config, state.getBounds());
+                            break;
+                    }
+                });
+            }
+        };
+        const apis = {
+            setContent,
+            showAt,
+            showWithinBounds,
+            showMenuAt,
+            showMenuWithinBounds,
+            hide,
+            getContent,
+            reposition,
+            isOpen: Sandboxing.isOpen
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            behaviours: augment(detail.inlineBehaviours, [
+                Sandboxing.config({
+                    isPartOf: (sandbox, data, queryElem) => {
+                        return isPartOf(data, queryElem) || isPartOfRelated(sandbox, queryElem);
+                    },
+                    getAttachPoint: (sandbox) => {
+                        return detail.lazySink(sandbox).getOrDie();
+                    },
+                    onOpen: (sandbox) => {
+                        detail.onShow(sandbox);
+                    },
+                    onClose: (sandbox) => {
+                        detail.onHide(sandbox);
+                    }
+                }),
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: Optional.none()
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        ...receivingChannel$1({
+                            isExtraPart: spec.isExtraPart,
+                            ...detail.fireDismissalEventInstead?.map((fe) => ({ fireEventInstead: { event: fe.event } })).getOr({})
+                        }),
+                        ...receivingChannel({
+                            ...detail.fireRepositionEventInstead?.map((fe) => ({ fireEventInstead: { event: fe.event } })).getOr({}),
+                            doReposition: reposition
+                        })
+                    }
+                })
+            ]),
+            eventOrder: detail.eventOrder,
+            apis
+        };
+    };
+    const InlineView = single({
+        name: 'InlineView',
+        configFields: [
+            required$1('lazySink'),
+            onHandler('onShow'),
+            onHandler('onHide'),
+            optionFunction('onEscape'),
+            field('inlineBehaviours', [Sandboxing, Representing, Receiving]),
+            optionObjOf('fireDismissalEventInstead', [
+                defaulted('event', dismissRequested())
+            ]),
+            optionObjOf('fireRepositionEventInstead', [
+                defaulted('event', repositionRequested())
+            ]),
+            defaulted('getRelated', Optional.none),
+            defaulted('isExtraPart', never),
+            defaulted('eventOrder', Optional.none)
+        ],
+        factory: factory$f,
+        apis: {
+            showAt: (apis, component, anchor, thing) => {
+                apis.showAt(component, anchor, thing);
+            },
+            showWithinBounds: (apis, component, anchor, thing, bounds) => {
+                apis.showWithinBounds(component, anchor, thing, bounds);
+            },
+            showMenuAt: (apis, component, anchor, menuSpec) => {
+                apis.showMenuAt(component, anchor, menuSpec);
+            },
+            showMenuWithinBounds: (apis, component, anchor, menuSpec, bounds) => {
+                apis.showMenuWithinBounds(component, anchor, menuSpec, bounds);
+            },
+            hide: (apis, component) => {
+                apis.hide(component);
+            },
+            isOpen: (apis, component) => apis.isOpen(component),
+            getContent: (apis, component) => apis.getContent(component),
+            setContent: (apis, component, thing) => {
+                apis.setContent(component, thing);
+            },
+            reposition: (apis, component) => {
+                apis.reposition(component);
+            }
+        }
+    });
+
+    const schema$a = constant$1([
+        defaultedString('type', 'text'),
+        option$3('data'),
+        defaulted('inputAttributes', {}),
+        defaulted('inputStyles', {}),
+        defaulted('tag', 'input'),
+        defaulted('inputClasses', []),
+        onHandler('onSetValue'),
+        defaultedFunction('fromInputValue', identity),
+        defaultedFunction('toInputValue', identity),
+        defaulted('styles', {}),
+        defaulted('eventOrder', {}),
+        field('inputBehaviours', [Representing, Focusing]),
+        defaulted('selectOnFocus', true)
+    ]);
+    const focusBehaviours = (detail) => derive$1([
+        Focusing.config({
+            onFocus: !detail.selectOnFocus ? noop : (component) => {
+                const input = component.element;
+                const value = get$5(input);
+                // TODO: There are probably more types that can't handle setSelectionRange
+                if (detail.type !== 'range') {
+                    input.dom.setSelectionRange(0, value.length);
+                }
+            }
+        })
+    ]);
+    const behaviours = (detail) => ({
+        ...focusBehaviours(detail),
+        ...augment(detail.inputBehaviours, [
+            Representing.config({
+                store: {
+                    mode: 'manual',
+                    // Propagating its Optional
+                    ...detail.data?.map((data) => ({ initialValue: data })).getOr({}),
+                    getValue: (input) => {
+                        return detail.fromInputValue(get$5(input.element));
+                    },
+                    setValue: (input, data) => {
+                        const current = get$5(input.element);
+                        // Only set it if it has changed ... otherwise the cursor goes to the end.
+                        if (current !== data) {
+                            set$4(input.element, detail.toInputValue(data));
+                        }
+                    }
+                },
+                onSetValue: detail.onSetValue
+            })
+        ])
+    });
+    const dom$1 = (detail) => ({
+        tag: detail.tag,
+        attributes: {
+            type: detail.type,
+            ...detail.inputAttributes
+        },
+        styles: detail.inputStyles,
+        classes: detail.inputClasses
+    });
+
+    const factory$e = (detail, _spec) => ({
+        uid: detail.uid,
+        dom: dom$1(detail),
+        // No children.
+        components: [],
+        behaviours: behaviours(detail),
+        eventOrder: detail.eventOrder
+    });
+    const Input = single({
+        name: 'Input',
+        configFields: schema$a(),
+        factory: factory$e
+    });
+
+    const parts$8 = generate$5(owner$2(), parts$f());
+
+    const labelledBy = (labelledElement, labelElement) => {
+        const labelId = getOpt(labelledElement, 'id')
+            .fold(() => {
+            const id = generate$6('dialog-label');
+            set$9(labelElement, 'id', id);
+            return id;
+        }, identity);
+        set$9(labelledElement, 'aria-labelledby', labelId);
+    };
+
+    const schema$9 = constant$1([
+        required$1('lazySink'),
+        option$3('dragBlockClass'),
+        defaultedFunction('getBounds', win),
+        defaulted('useTabstopAt', always),
+        defaulted('firstTabstop', 0),
+        defaulted('eventOrder', {}),
+        field('modalBehaviours', [Keying]),
+        onKeyboardHandler('onExecute'),
+        onStrictKeyboardHandler('onEscape')
+    ]);
+    const basic = { sketch: identity };
+    const parts$7 = constant$1([
+        optional({
+            name: 'draghandle',
+            overrides: (detail, spec) => {
+                return {
+                    behaviours: derive$1([
+                        Dragging.config({
+                            mode: 'mouse',
+                            getTarget: (handle) => {
+                                return ancestor$1(handle, '[role="dialog"]').getOr(handle);
+                            },
+                            blockerClass: detail.dragBlockClass.getOrDie(
+                            // TODO: Support errors in Optional getOrDie.
+                            new Error('The drag blocker class was not specified for a dialog with a drag handle: \n' +
+                                JSON.stringify(spec, null, 2)).message),
+                            getBounds: detail.getDragBounds
+                        })
+                    ])
+                };
+            }
+        }),
+        required({
+            schema: [required$1('dom')],
+            name: 'title'
+        }),
+        required({
+            factory: basic,
+            schema: [required$1('dom')],
+            name: 'close'
+        }),
+        required({
+            factory: basic,
+            schema: [required$1('dom')],
+            name: 'body'
+        }),
+        optional({
+            factory: basic,
+            schema: [required$1('dom')],
+            name: 'footer'
+        }),
+        external$1({
+            factory: {
+                sketch: (spec, detail) => 
+                // Merging should take care of the uid
+                ({
+                    ...spec,
+                    dom: detail.dom,
+                    components: detail.components
+                })
+            },
+            schema: [
+                defaulted('dom', {
+                    tag: 'div',
+                    styles: {
+                        position: 'fixed',
+                        left: '0px',
+                        top: '0px',
+                        right: '0px',
+                        bottom: '0px'
+                    }
+                }),
+                defaulted('components', [])
+            ],
+            name: 'blocker'
+        })
+    ]);
+
+    const factory$d = (detail, components, spec, externals) => {
+        const dialogComp = value$2();
+        // TODO IMPROVEMENT: Make close actually close the dialog by default!
+        const showDialog = (dialog) => {
+            dialogComp.set(dialog);
+            const sink = detail.lazySink(dialog).getOrDie();
+            const externalBlocker = externals.blocker();
+            const blocker = sink.getSystem().build({
+                ...externalBlocker,
+                components: externalBlocker.components.concat([
+                    premade(dialog)
+                ]),
+                behaviours: derive$1([
+                    Focusing.config({}),
+                    config('dialog-blocker-events', [
+                        // Ensure we use runOnSource otherwise this would cause an infinite loop, as `focusIn` would fire a `focusin` which would then get responded to and so forth
+                        runOnSource(focusin(), () => {
+                            Blocking.isBlocked(dialog) ? noop() : Keying.focusIn(dialog);
+                        })
+                    ])
+                ])
+            });
+            attach(sink, blocker);
+            Keying.focusIn(dialog);
+        };
+        const hideDialog = (dialog) => {
+            dialogComp.clear();
+            parent(dialog.element).each((blockerDom) => {
+                dialog.getSystem().getByDom(blockerDom).each((blocker) => {
+                    detach(blocker);
+                });
+            });
+        };
+        const getDialogBody = (dialog) => getPartOrDie(dialog, detail, 'body');
+        const getDialogFooter = (dialog) => getPart(dialog, detail, 'footer');
+        const setBusy = (dialog, getBusySpec) => {
+            Blocking.block(dialog, getBusySpec);
+        };
+        const setIdle = (dialog) => {
+            Blocking.unblock(dialog);
+        };
+        const modalEventsId = generate$6('modal-events');
+        const eventOrder = {
+            ...detail.eventOrder,
+            [attachedToDom()]: [modalEventsId].concat(detail.eventOrder['alloy.system.attached'] || [])
+        };
+        const browser = detect$1();
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            apis: {
+                show: showDialog,
+                hide: hideDialog,
+                getBody: getDialogBody,
+                getFooter: getDialogFooter,
+                setIdle,
+                setBusy
+            },
+            eventOrder,
+            domModification: {
+                attributes: {
+                    'role': 'dialog',
+                    'aria-modal': 'true'
+                }
+            },
+            behaviours: augment(detail.modalBehaviours, [
+                Replacing.config({}),
+                Keying.config({
+                    mode: 'cyclic',
+                    onEnter: detail.onExecute,
+                    onEscape: detail.onEscape,
+                    useTabstopAt: detail.useTabstopAt,
+                    firstTabstop: detail.firstTabstop
+                }),
+                Blocking.config({
+                    getRoot: dialogComp.get
+                }),
+                config(modalEventsId, [
+                    runOnAttached((c) => {
+                        // TINY-10808 - Workaround to address the dialog header not being announced on VoiceOver with aria-labelledby, ideally we should use the aria-labelledby
+                        const titleElm = getPartOrDie(c, detail, 'title').element;
+                        const title = get$6(titleElm);
+                        if (browser.os.isMacOS() && isNonNullable(title)) {
+                            set$9(c.element, 'aria-label', title);
+                        }
+                        else {
+                            labelledBy(c.element, titleElm);
+                        }
+                    })
+                ])
+            ])
+        };
+    };
+    const ModalDialog = composite({
+        name: 'ModalDialog',
+        configFields: schema$9(),
+        partFields: parts$7(),
+        factory: factory$d,
+        apis: {
+            show: (apis, dialog) => {
+                apis.show(dialog);
+            },
+            hide: (apis, dialog) => {
+                apis.hide(dialog);
+            },
+            getBody: (apis, dialog) => apis.getBody(dialog),
+            getFooter: (apis, dialog) => apis.getFooter(dialog),
+            setBusy: (apis, dialog, getBusySpec) => {
+                apis.setBusy(dialog, getBusySpec);
+            },
+            setIdle: (apis, dialog) => {
+                apis.setIdle(dialog);
+            }
+        }
+    });
+
+    const labelPart = optional({
+        schema: [required$1('dom')],
+        name: 'label'
+    });
+    const edgePart = (name) => optional({
+        name: '' + name + '-edge',
+        overrides: (detail) => {
+            const action = detail.model.manager.edgeActions[name];
+            // Not all edges have actions for all sliders.
+            // A horizontal slider will only have left and right, for instance,
+            // ignoring top, bottom and diagonal edges as they don't make sense in context of those sliders.
+            return action.fold(() => ({}), (a) => ({
+                events: derive$2([
+                    runActionExtra(touchstart(), (comp, se, d) => a(comp, d), [detail]),
+                    runActionExtra(mousedown(), (comp, se, d) => a(comp, d), [detail]),
+                    runActionExtra(mousemove(), (comp, se, det) => {
+                        if (det.mouseIsDown.get()) {
+                            a(comp, det);
+                        }
+                    }, [detail])
+                ])
+            }));
+        }
+    });
+    // When the user touches the top left edge, it should move the thumb
+    const tlEdgePart = edgePart('top-left');
+    // When the user touches the top edge, it should move the thumb
+    const tedgePart = edgePart('top');
+    // When the user touches the top right edge, it should move the thumb
+    const trEdgePart = edgePart('top-right');
+    // When the user touches the right edge, it should move the thumb
+    const redgePart = edgePart('right');
+    // When the user touches the bottom right edge, it should move the thumb
+    const brEdgePart = edgePart('bottom-right');
+    // When the user touches the bottom edge, it should move the thumb
+    const bedgePart = edgePart('bottom');
+    // When the user touches the bottom left edge, it should move the thumb
+    const blEdgePart = edgePart('bottom-left');
+    // When the user touches the left edge, it should move the thumb
+    const ledgePart = edgePart('left');
+    // The thumb part needs to have position absolute to be positioned correctly
+    const thumbPart = required({
+        name: 'thumb',
+        defaults: constant$1({
+            dom: {
+                styles: { position: 'absolute' }
+            }
+        }),
+        overrides: (detail) => {
+            return {
+                events: derive$2([
+                    // If the user touches the thumb itself, pretend they touched the spectrum instead. This
+                    // allows sliding even when they touchstart the current value
+                    redirectToPart(touchstart(), detail, 'spectrum'),
+                    redirectToPart(touchmove(), detail, 'spectrum'),
+                    redirectToPart(touchend(), detail, 'spectrum'),
+                    redirectToPart(mousedown(), detail, 'spectrum'),
+                    redirectToPart(mousemove(), detail, 'spectrum'),
+                    redirectToPart(mouseup(), detail, 'spectrum')
+                ])
+            };
+        }
+    });
+    const isShift = (event) => isShift$1(event.event);
+    const spectrumPart = required({
+        schema: [
+            customField('mouseIsDown', () => Cell(false))
+        ],
+        name: 'spectrum',
+        overrides: (detail) => {
+            const modelDetail = detail.model;
+            const model = modelDetail.manager;
+            const setValueFrom = (component, simulatedEvent) => model.getValueFromEvent(simulatedEvent)?.map((value) => model.setValueFrom(component, detail, value));
+            return {
+                behaviours: derive$1([
+                    // Move left and right along the spectrum
+                    Keying.config({
+                        mode: 'special',
+                        onLeft: (spectrum, event) => model.onLeft(spectrum, detail, isShift(event)),
+                        onRight: (spectrum, event) => model.onRight(spectrum, detail, isShift(event)),
+                        onUp: (spectrum, event) => model.onUp(spectrum, detail, isShift(event)),
+                        onDown: (spectrum, event) => model.onDown(spectrum, detail, isShift(event))
+                    }),
+                    Tabstopping.config({}),
+                    Focusing.config({})
+                ]),
+                events: derive$2([
+                    run$1(touchstart(), setValueFrom),
+                    run$1(touchmove(), setValueFrom),
+                    run$1(mousedown(), setValueFrom),
+                    run$1(mousemove(), (spectrum, se) => {
+                        if (detail.mouseIsDown.get()) {
+                            setValueFrom(spectrum, se);
+                        }
+                    })
+                ])
+            };
+        }
+    });
+    var SliderParts = [
+        labelPart,
+        ledgePart,
+        redgePart,
+        tedgePart,
+        bedgePart,
+        tlEdgePart,
+        trEdgePart,
+        blEdgePart,
+        brEdgePart,
+        thumbPart,
+        spectrumPart
+    ];
+
+    const _sliderChangeEvent = 'slider.change.value';
+    const sliderChangeEvent = constant$1(_sliderChangeEvent);
+    const isTouchEvent$2 = (evt) => evt.type.indexOf('touch') !== -1;
+    const getEventSource = (simulatedEvent) => {
+        const evt = simulatedEvent.event.raw;
+        if (isTouchEvent$2(evt)) {
+            const touchEvent = evt;
+            return touchEvent.touches !== undefined && touchEvent.touches.length === 1 ?
+                Optional?.some(touchEvent.touches[0])?.map((t) => SugarPosition(t.clientX, t.clientY)) : Optional.none();
+        }
+        else {
+            const mouseEvent = evt;
+            return mouseEvent.clientX !== undefined ? Optional?.some(mouseEvent)?.map((me) => SugarPosition(me.clientX, me.clientY)) : Optional.none();
+        }
+    };
+
+    const t = 'top', r = 'right', b = 'bottom', l = 'left';
+    // Values
+    const minX = (detail) => detail.model.minX;
+    const minY = (detail) => detail.model.minY;
+    const min1X = (detail) => detail.model.minX - 1;
+    const min1Y = (detail) => detail.model.minY - 1;
+    const maxX = (detail) => detail.model.maxX;
+    const maxY = (detail) => detail.model.maxY;
+    const max1X = (detail) => detail.model.maxX + 1;
+    const max1Y = (detail) => detail.model.maxY + 1;
+    const range = (detail, max, min) => max(detail) - min(detail);
+    const xRange = (detail) => range(detail, maxX, minX);
+    const yRange = (detail) => range(detail, maxY, minY);
+    const halfX = (detail) => xRange(detail) / 2;
+    const halfY = (detail) => yRange(detail) / 2;
+    const step = (detail, useMultiplier) => useMultiplier ? detail.stepSize * detail.speedMultiplier : detail.stepSize;
+    const snap = (detail) => detail.snapToGrid;
+    const snapStart = (detail) => detail.snapStart;
+    const rounded = (detail) => detail.rounded;
+    // Not great but... /shrug
+    const hasEdge = (detail, edgeName) => detail[edgeName + '-edge'] !== undefined;
+    const hasLEdge = (detail) => hasEdge(detail, l);
+    const hasREdge = (detail) => hasEdge(detail, r);
+    const hasTEdge = (detail) => hasEdge(detail, t);
+    const hasBEdge = (detail) => hasEdge(detail, b);
+    // Ew, any
+    const currentValue = (detail) => detail.model.value.get();
+
+    const xyValue = (x, y) => ({
+        x,
+        y
+    });
+    const fireSliderChange$3 = (component, value) => {
+        emitWith(component, sliderChangeEvent(), { value });
+    };
+    // North West XY
+    const setToTLEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(min1X(detail), min1Y(detail)));
+    };
+    // North
+    const setToTEdge = (edge, detail) => {
+        fireSliderChange$3(edge, min1Y(detail));
+    };
+    // North XY
+    const setToTEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(halfX(detail), min1Y(detail)));
+    };
+    // North East XY
+    const setToTREdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(max1X(detail), min1Y(detail)));
+    };
+    // East
+    const setToREdge = (edge, detail) => {
+        fireSliderChange$3(edge, max1X(detail));
+    };
+    // East XY
+    const setToREdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(max1X(detail), halfY(detail)));
+    };
+    // South East XY
+    const setToBREdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(max1X(detail), max1Y(detail)));
+    };
+    // South
+    const setToBEdge = (edge, detail) => {
+        fireSliderChange$3(edge, max1Y(detail));
+    };
+    // South XY
+    const setToBEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(halfX(detail), max1Y(detail)));
+    };
+    // South West XY
+    const setToBLEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(min1X(detail), max1Y(detail)));
+    };
+    // West
+    const setToLEdge = (edge, detail) => {
+        fireSliderChange$3(edge, min1X(detail));
+    };
+    // West XY
+    const setToLEdgeXY = (edge, detail) => {
+        fireSliderChange$3(edge, xyValue(min1X(detail), halfY(detail)));
+    };
+
+    const reduceBy = (value, min, max, step) => {
+        if (value < min) {
+            return value;
+        }
+        else if (value > max) {
+            return max;
+        }
+        else if (value === min) {
+            return min - 1;
+        }
+        else {
+            return Math.max(min, value - step);
+        }
+    };
+    const increaseBy = (value, min, max, step) => {
+        if (value > max) {
+            return value;
+        }
+        else if (value < min) {
+            return min;
+        }
+        else if (value === max) {
+            return max + 1;
+        }
+        else {
+            return Math.min(max, value + step);
+        }
+    };
+    const capValue = (value, min, max) => Math.max(min, Math.min(max, value));
+    const snapValueOf = (value, min, max, step, snapStart) => 
+    // We are snapping by the step size. Therefore, find the nearest multiple of
+    // the step
+    snapStart.fold(() => {
+        // There is no initial snapping start, so just go from the minimum
+        const initValue = value - min;
+        const extraValue = Math.round(initValue / step) * step;
+        return capValue(min + extraValue, min - 1, max + 1);
+    }, (start) => {
+        // There is an initial snapping start, so using that as the starting point,
+        // calculate the nearest snap position based on the value
+        const remainder = (value - start) % step;
+        const adjustment = Math.round(remainder / step);
+        const rawSteps = Math.floor((value - start) / step);
+        const maxSteps = Math.floor((max - start) / step);
+        const numSteps = Math.min(maxSteps, rawSteps + adjustment);
+        const r = start + (numSteps * step);
+        return Math.max(start, r);
+    });
+    const findOffsetOf = (value, min, max) => Math.min(max, Math.max(value, min)) - min;
+    const findValueOf = (args) => {
+        const { min, max, range, value, step, snap, snapStart, rounded, hasMinEdge, hasMaxEdge, minBound, maxBound, screenRange } = args;
+        const capMin = hasMinEdge ? min - 1 : min;
+        const capMax = hasMaxEdge ? max + 1 : max;
+        if (value < minBound) {
+            return capMin;
+        }
+        else if (value > maxBound) {
+            return capMax;
+        }
+        else {
+            const offset = findOffsetOf(value, minBound, maxBound);
+            const newValue = capValue(((offset / screenRange) * range) + min, capMin, capMax);
+            if (snap && newValue >= min && newValue <= max) {
+                return snapValueOf(newValue, min, max, step, snapStart);
+            }
+            else if (rounded) {
+                return Math.round(newValue);
+            }
+            else {
+                return newValue;
+            }
+        }
+    };
+    const findOffsetOfValue$2 = (args) => {
+        const { min, max, range, value, hasMinEdge, hasMaxEdge, maxBound, maxOffset, centerMinEdge, centerMaxEdge } = args;
+        if (value < min) {
+            return hasMinEdge ? 0 : centerMinEdge;
+        }
+        else if (value > max) {
+            return hasMaxEdge ? maxBound : centerMaxEdge;
+        }
+        else {
+            // position along the slider
+            return (value - min) / range * maxOffset;
+        }
+    };
+
+    const top = 'top', right = 'right', bottom = 'bottom', left = 'left', width = 'width', height = 'height';
+    // Screen offsets from bounding client rect
+    const getBounds = (component) => component.element.dom.getBoundingClientRect();
+    const getBoundsProperty = (bounds, property) => bounds[property];
+    const getMinXBounds = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, left);
+    };
+    const getMaxXBounds = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, right);
+    };
+    const getMinYBounds = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, top);
+    };
+    const getMaxYBounds = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, bottom);
+    };
+    const getXScreenRange = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, width);
+    };
+    const getYScreenRange = (component) => {
+        const bounds = getBounds(component);
+        return getBoundsProperty(bounds, height);
+    };
+    const getCenterOffsetOf = (componentMinEdge, componentMaxEdge, spectrumMinEdge) => (componentMinEdge + componentMaxEdge) / 2 - spectrumMinEdge;
+    const getXCenterOffSetOf = (component, spectrum) => {
+        const componentBounds = getBounds(component);
+        const spectrumBounds = getBounds(spectrum);
+        const componentMinEdge = getBoundsProperty(componentBounds, left);
+        const componentMaxEdge = getBoundsProperty(componentBounds, right);
+        const spectrumMinEdge = getBoundsProperty(spectrumBounds, left);
+        return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
+    };
+    const getYCenterOffSetOf = (component, spectrum) => {
+        const componentBounds = getBounds(component);
+        const spectrumBounds = getBounds(spectrum);
+        const componentMinEdge = getBoundsProperty(componentBounds, top);
+        const componentMaxEdge = getBoundsProperty(componentBounds, bottom);
+        const spectrumMinEdge = getBoundsProperty(spectrumBounds, top);
+        return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
+    };
+
+    // fire slider change event with x value
+    const fireSliderChange$2 = (spectrum, value) => {
+        emitWith(spectrum, sliderChangeEvent(), { value });
+    };
+    // find the value of the x offset of where the mouse was clicked from the model.
+    const findValueOfOffset$1 = (spectrum, detail, left) => {
+        const args = {
+            min: minX(detail),
+            max: maxX(detail),
+            range: xRange(detail),
+            value: left,
+            step: step(detail),
+            snap: snap(detail),
+            snapStart: snapStart(detail),
+            rounded: rounded(detail),
+            hasMinEdge: hasLEdge(detail),
+            hasMaxEdge: hasREdge(detail),
+            minBound: getMinXBounds(spectrum),
+            maxBound: getMaxXBounds(spectrum),
+            screenRange: getXScreenRange(spectrum)
+        };
+        return findValueOf(args);
+    };
+    // find the value and fire a slider change event, returning the value
+    const setValueFrom$2 = (spectrum, detail, value) => {
+        const xValue = findValueOfOffset$1(spectrum, detail, value);
+        const sliderVal = xValue;
+        fireSliderChange$2(spectrum, sliderVal);
+        return xValue;
+    };
+    // fire a slider change event with the minimum value
+    const setToMin$2 = (spectrum, detail) => {
+        const min = minX(detail);
+        fireSliderChange$2(spectrum, min);
+    };
+    // fire a slider change event with the maximum value
+    const setToMax$2 = (spectrum, detail) => {
+        const max = maxX(detail);
+        fireSliderChange$2(spectrum, max);
+    };
+    // move in a direction by step size. Fire change at the end
+    const moveBy$2 = (direction, spectrum, detail, useMultiplier) => {
+        const f = (direction > 0) ? increaseBy : reduceBy;
+        const xValue = f(currentValue(detail), minX(detail), maxX(detail), step(detail, useMultiplier));
+        fireSliderChange$2(spectrum, xValue);
+        return Optional?.some(xValue);
+    };
+    const handleMovement$2 = (direction) => (spectrum, detail, useMultiplier) => moveBy$2(direction, spectrum, detail, useMultiplier)?.map(always);
+    // get x offset from event
+    const getValueFromEvent$2 = (simulatedEvent) => {
+        const pos = getEventSource(simulatedEvent);
+        return pos?.map((p) => p.left);
+    };
+    // find the x offset of a given value from the model
+    const findOffsetOfValue$1 = (spectrum, detail, value, minEdge, maxEdge) => {
+        const minOffset = 0;
+        const maxOffset = getXScreenRange(spectrum);
+        const centerMinEdge = minEdge.bind((edge) => Optional?.some(getXCenterOffSetOf(edge, spectrum))).getOr(minOffset);
+        const centerMaxEdge = maxEdge.bind((edge) => Optional?.some(getXCenterOffSetOf(edge, spectrum))).getOr(maxOffset);
+        const args = {
+            min: minX(detail),
+            max: maxX(detail),
+            range: xRange(detail),
+            value,
+            hasMinEdge: hasLEdge(detail),
+            hasMaxEdge: hasREdge(detail),
+            minBound: getMinXBounds(spectrum),
+            minOffset,
+            maxBound: getMaxXBounds(spectrum),
+            maxOffset,
+            centerMinEdge,
+            centerMaxEdge
+        };
+        return findOffsetOfValue$2(args);
+    };
+    // find left offset for absolute positioning from a given value
+    const findPositionOfValue$1 = (slider, spectrum, value, minEdge, maxEdge, detail) => {
+        const offset = findOffsetOfValue$1(spectrum, detail, value, minEdge, maxEdge);
+        return (getMinXBounds(spectrum) - getMinXBounds(slider)) + offset;
+    };
+    // update the position of the thumb from the slider's current value
+    const setPositionFromValue$2 = (slider, thumb, detail, edges) => {
+        const value = currentValue(detail);
+        const pos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
+        const thumbRadius = get$c(thumb.element) / 2;
+        set$7(thumb.element, 'left', (pos - thumbRadius) + 'px');
+    };
+    // Key Events
+    const onLeft$2 = handleMovement$2(-1);
+    const onRight$2 = handleMovement$2(1);
+    const onUp$2 = Optional.none;
+    const onDown$2 = Optional.none;
+    // Edge Click Actions
+    const edgeActions$2 = {
+        'top-left': Optional.none(),
+        'top': Optional.none(),
+        'top-right': Optional.none(),
+        'right': Optional?.some(setToREdge),
+        'bottom-right': Optional.none(),
+        'bottom': Optional.none(),
+        'bottom-left': Optional.none(),
+        'left': Optional?.some(setToLEdge)
+    };
+
+    var HorizontalModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom$2,
+        setToMin: setToMin$2,
+        setToMax: setToMax$2,
+        findValueOfOffset: findValueOfOffset$1,
+        getValueFromEvent: getValueFromEvent$2,
+        findPositionOfValue: findPositionOfValue$1,
+        setPositionFromValue: setPositionFromValue$2,
+        onLeft: onLeft$2,
+        onRight: onRight$2,
+        onUp: onUp$2,
+        onDown: onDown$2,
+        edgeActions: edgeActions$2
+    });
+
+    // fire slider change event with y value
+    const fireSliderChange$1 = (spectrum, value) => {
+        emitWith(spectrum, sliderChangeEvent(), { value });
+    };
+    // find the value of the y offset of where the mouse was clicked from the model.
+    const findValueOfOffset = (spectrum, detail, top) => {
+        const args = {
+            min: minY(detail),
+            max: maxY(detail),
+            range: yRange(detail),
+            value: top,
+            step: step(detail),
+            snap: snap(detail),
+            snapStart: snapStart(detail),
+            rounded: rounded(detail),
+            hasMinEdge: hasTEdge(detail),
+            hasMaxEdge: hasBEdge(detail),
+            minBound: getMinYBounds(spectrum),
+            maxBound: getMaxYBounds(spectrum),
+            screenRange: getYScreenRange(spectrum)
+        };
+        return findValueOf(args);
+    };
+    // find the value and fire a slider change event, returning the value
+    const setValueFrom$1 = (spectrum, detail, value) => {
+        const yValue = findValueOfOffset(spectrum, detail, value);
+        const sliderVal = yValue;
+        fireSliderChange$1(spectrum, sliderVal);
+        return yValue;
+    };
+    // fire a slider change event with the minimum value
+    const setToMin$1 = (spectrum, detail) => {
+        const min = minY(detail);
+        fireSliderChange$1(spectrum, min);
+    };
+    // fire a slider change event with the maximum value
+    const setToMax$1 = (spectrum, detail) => {
+        const max = maxY(detail);
+        fireSliderChange$1(spectrum, max);
+    };
+    // move in a direction by step size. Fire change at the end
+    const moveBy$1 = (direction, spectrum, detail, useMultiplier) => {
+        const f = (direction > 0) ? increaseBy : reduceBy;
+        const yValue = f(currentValue(detail), minY(detail), maxY(detail), step(detail, useMultiplier));
+        fireSliderChange$1(spectrum, yValue);
+        return Optional?.some(yValue);
+    };
+    const handleMovement$1 = (direction) => (spectrum, detail, useMultiplier) => moveBy$1(direction, spectrum, detail, useMultiplier)?.map(always);
+    // get y offset from event
+    const getValueFromEvent$1 = (simulatedEvent) => {
+        const pos = getEventSource(simulatedEvent);
+        return pos?.map((p) => {
+            return p.top;
+        });
+    };
+    // find the y offset of a given value from the model
+    const findOffsetOfValue = (spectrum, detail, value, minEdge, maxEdge) => {
+        const minOffset = 0;
+        const maxOffset = getYScreenRange(spectrum);
+        const centerMinEdge = minEdge.bind((edge) => Optional?.some(getYCenterOffSetOf(edge, spectrum))).getOr(minOffset);
+        const centerMaxEdge = maxEdge.bind((edge) => Optional?.some(getYCenterOffSetOf(edge, spectrum))).getOr(maxOffset);
+        const args = {
+            min: minY(detail),
+            max: maxY(detail),
+            range: yRange(detail),
+            value,
+            hasMinEdge: hasTEdge(detail),
+            hasMaxEdge: hasBEdge(detail),
+            minBound: getMinYBounds(spectrum),
+            minOffset,
+            maxBound: getMaxYBounds(spectrum),
+            maxOffset,
+            centerMinEdge,
+            centerMaxEdge
+        };
+        return findOffsetOfValue$2(args);
+    };
+    // find left offset for absolute positioning from a given value
+    const findPositionOfValue = (slider, spectrum, value, minEdge, maxEdge, detail) => {
+        const offset = findOffsetOfValue(spectrum, detail, value, minEdge, maxEdge);
+        return (getMinYBounds(spectrum) - getMinYBounds(slider)) + offset;
+    };
+    // update the position of the thumb from the slider's current value
+    const setPositionFromValue$1 = (slider, thumb, detail, edges) => {
+        const value = currentValue(detail);
+        const pos = findPositionOfValue(slider, edges.getSpectrum(slider), value, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
+        const thumbRadius = get$d(thumb.element) / 2;
+        set$7(thumb.element, 'top', (pos - thumbRadius) + 'px');
+    };
+    // Key Events
+    const onLeft$1 = Optional.none;
+    const onRight$1 = Optional.none;
+    const onUp$1 = handleMovement$1(-1);
+    const onDown$1 = handleMovement$1(1);
+    // Edge Click Actions
+    const edgeActions$1 = {
+        'top-left': Optional.none(),
+        'top': Optional?.some(setToTEdge),
+        'top-right': Optional.none(),
+        'right': Optional.none(),
+        'bottom-right': Optional.none(),
+        'bottom': Optional?.some(setToBEdge),
+        'bottom-left': Optional.none(),
+        'left': Optional.none()
+    };
+
+    var VerticalModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom$1,
+        setToMin: setToMin$1,
+        setToMax: setToMax$1,
+        findValueOfOffset: findValueOfOffset,
+        getValueFromEvent: getValueFromEvent$1,
+        findPositionOfValue: findPositionOfValue,
+        setPositionFromValue: setPositionFromValue$1,
+        onLeft: onLeft$1,
+        onRight: onRight$1,
+        onUp: onUp$1,
+        onDown: onDown$1,
+        edgeActions: edgeActions$1
+    });
+
+    // fire slider change event with xy value
+    const fireSliderChange = (spectrum, value) => {
+        emitWith(spectrum, sliderChangeEvent(), { value });
+    };
+    const sliderValue = (x, y) => ({
+        x,
+        y
+    });
+    // find both values of x and y offsets of where the mouse was clicked from the model.
+    // then fire a slider change event with those values, returning the values
+    const setValueFrom = (spectrum, detail, value) => {
+        const xValue = findValueOfOffset$1(spectrum, detail, value.left);
+        const yValue = findValueOfOffset(spectrum, detail, value.top);
+        const val = sliderValue(xValue, yValue);
+        fireSliderChange(spectrum, val);
+        return val;
+    };
+    // move in a direction by step size. Fire change at the end
+    const moveBy = (direction, isVerticalMovement, spectrum, detail, useMultiplier) => {
+        const f = (direction > 0) ? increaseBy : reduceBy;
+        const xValue = isVerticalMovement ? currentValue(detail).x :
+            f(currentValue(detail).x, minX(detail), maxX(detail), step(detail, useMultiplier));
+        const yValue = !isVerticalMovement ? currentValue(detail).y :
+            f(currentValue(detail).y, minY(detail), maxY(detail), step(detail, useMultiplier));
+        fireSliderChange(spectrum, sliderValue(xValue, yValue));
+        return Optional?.some(xValue);
+    };
+    const handleMovement = (direction, isVerticalMovement) => (spectrum, detail, useMultiplier) => moveBy(direction, isVerticalMovement, spectrum, detail, useMultiplier)?.map(always);
+    // fire a slider change event with the minimum value
+    const setToMin = (spectrum, detail) => {
+        const mX = minX(detail);
+        const mY = minY(detail);
+        fireSliderChange(spectrum, sliderValue(mX, mY));
+    };
+    // fire a slider change event with the maximum value
+    const setToMax = (spectrum, detail) => {
+        const mX = maxX(detail);
+        const mY = maxY(detail);
+        fireSliderChange(spectrum, sliderValue(mX, mY));
+    };
+    // get event data as a SugarPosition
+    const getValueFromEvent = (simulatedEvent) => getEventSource(simulatedEvent);
+    // update the position of the thumb from the slider's current value
+    const setPositionFromValue = (slider, thumb, detail, edges) => {
+        const value = currentValue(detail);
+        const xPos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
+        const yPos = findPositionOfValue(slider, edges.getSpectrum(slider), value.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
+        const thumbXRadius = get$c(thumb.element) / 2;
+        const thumbYRadius = get$d(thumb.element) / 2;
+        set$7(thumb.element, 'left', (xPos - thumbXRadius) + 'px');
+        set$7(thumb.element, 'top', (yPos - thumbYRadius) + 'px');
+    };
+    // Key Events
+    const onLeft = handleMovement(-1, false);
+    const onRight = handleMovement(1, false);
+    const onUp = handleMovement(-1, true);
+    const onDown = handleMovement(1, true);
+    // Edge Click Actions
+    const edgeActions = {
+        'top-left': Optional?.some(setToTLEdgeXY),
+        'top': Optional?.some(setToTEdgeXY),
+        'top-right': Optional?.some(setToTREdgeXY),
+        'right': Optional?.some(setToREdgeXY),
+        'bottom-right': Optional?.some(setToBREdgeXY),
+        'bottom': Optional?.some(setToBEdgeXY),
+        'bottom-left': Optional?.some(setToBLEdgeXY),
+        'left': Optional?.some(setToLEdgeXY)
+    };
+
+    var TwoDModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom,
+        setToMin: setToMin,
+        setToMax: setToMax,
+        getValueFromEvent: getValueFromEvent,
+        setPositionFromValue: setPositionFromValue,
+        onLeft: onLeft,
+        onRight: onRight,
+        onUp: onUp,
+        onDown: onDown,
+        edgeActions: edgeActions
+    });
+
+    const SliderSchema = [
+        defaulted('stepSize', 1),
+        defaulted('speedMultiplier', 10),
+        defaulted('onChange', noop),
+        defaulted('onChoose', noop),
+        defaulted('onInit', noop),
+        defaulted('onDragStart', noop),
+        defaulted('onDragEnd', noop),
+        defaulted('snapToGrid', false),
+        defaulted('rounded', true),
+        option$3('snapStart'),
+        requiredOf('model', choose$1('mode', {
+            x: [
+                defaulted('minX', 0),
+                defaulted('maxX', 100),
+                customField('value', (spec) => Cell(spec.mode.minX)),
+                required$1('getInitialValue'),
+                output$1('manager', HorizontalModel)
+            ],
+            y: [
+                defaulted('minY', 0),
+                defaulted('maxY', 100),
+                customField('value', (spec) => Cell(spec.mode.minY)),
+                required$1('getInitialValue'),
+                output$1('manager', VerticalModel)
+            ],
+            xy: [
+                defaulted('minX', 0),
+                defaulted('maxX', 100),
+                defaulted('minY', 0),
+                defaulted('maxY', 100),
+                customField('value', (spec) => Cell({
+                    x: spec.mode.minX,
+                    y: spec.mode.minY
+                })),
+                required$1('getInitialValue'),
+                output$1('manager', TwoDModel)
+            ]
+        })),
+        field('sliderBehaviours', [Keying, Representing]),
+        customField('mouseIsDown', () => Cell(false))
+    ];
+
+    const sketch$1 = (detail, components, _spec, _externals) => {
+        const getThumb = (component) => getPartOrDie(component, detail, 'thumb');
+        const getSpectrum = (component) => getPartOrDie(component, detail, 'spectrum');
+        const getLeftEdge = (component) => getPart(component, detail, 'left-edge');
+        const getRightEdge = (component) => getPart(component, detail, 'right-edge');
+        const getTopEdge = (component) => getPart(component, detail, 'top-edge');
+        const getBottomEdge = (component) => getPart(component, detail, 'bottom-edge');
+        const modelDetail = detail.model;
+        const model = modelDetail.manager;
+        const refresh = (slider, thumb) => {
+            model.setPositionFromValue(slider, thumb, detail, {
+                getLeftEdge,
+                getRightEdge,
+                getTopEdge,
+                getBottomEdge,
+                getSpectrum
+            });
+        };
+        const setValue = (slider, newValue) => {
+            modelDetail.value.set(newValue);
+            const thumb = getThumb(slider);
+            refresh(slider, thumb);
+        };
+        const changeValue = (slider, newValue) => {
+            setValue(slider, newValue);
+            const thumb = getThumb(slider);
+            detail.onChange(slider, thumb, newValue);
+            return Optional?.some(true);
+        };
+        const resetToMin = (slider) => {
+            model.setToMin(slider, detail);
+        };
+        const resetToMax = (slider) => {
+            model.setToMax(slider, detail);
+        };
+        const choose = (slider) => {
+            const fireOnChoose = () => {
+                getPart(slider, detail, 'thumb').each((thumb) => {
+                    const value = modelDetail.value.get();
+                    detail.onChoose(slider, thumb, value);
+                });
+            };
+            const wasDown = detail.mouseIsDown.get();
+            detail.mouseIsDown.set(false);
+            // We don't want this to fire if the mouse wasn't pressed down over anything other than the slider.
+            if (wasDown) {
+                fireOnChoose();
+            }
+        };
+        const onDragStart = (slider, simulatedEvent) => {
+            simulatedEvent.stop();
+            detail.mouseIsDown.set(true);
+            detail.onDragStart(slider, getThumb(slider));
+        };
+        const onDragEnd = (slider, simulatedEvent) => {
+            simulatedEvent.stop();
+            detail.onDragEnd(slider, getThumb(slider));
+            choose(slider);
+        };
+        const focusWidget = (component) => {
+            getPart(component, detail, 'spectrum')?.map(Keying.focusIn);
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: augment(detail.sliderBehaviours, [
+                Keying.config({
+                    mode: 'special',
+                    focusIn: focusWidget
+                }),
+                Representing.config({
+                    store: {
+                        mode: 'manual',
+                        getValue: (_) => {
+                            return modelDetail.value.get();
+                        },
+                        setValue
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        [mouseReleased()]: {
+                            onReceive: choose
+                        }
+                    }
+                })
+            ]),
+            events: derive$2([
+                run$1(sliderChangeEvent(), (slider, simulatedEvent) => {
+                    changeValue(slider, simulatedEvent.event.value);
+                }),
+                runOnAttached((slider, _simulatedEvent) => {
+                    // Set the initial value
+                    const getInitial = modelDetail.getInitialValue();
+                    modelDetail.value.set(getInitial);
+                    const thumb = getThumb(slider);
+                    refresh(slider, thumb);
+                    const spectrum = getSpectrum(slider);
+                    // Call onInit instead of onChange for the first value.
+                    detail.onInit(slider, thumb, spectrum, modelDetail.value.get());
+                }),
+                run$1(touchstart(), onDragStart),
+                run$1(touchend(), onDragEnd),
+                run$1(mousedown(), (component, event) => {
+                    focusWidget(component);
+                    onDragStart(component, event);
+                }),
+                run$1(mouseup(), onDragEnd),
+            ]),
+            apis: {
+                resetToMin,
+                resetToMax,
+                setValue,
+                refresh
+            },
+            domModification: {
+                styles: {
+                    position: 'relative'
+                }
+            }
+        };
+    };
+
+    const Slider = composite({
+        name: 'Slider',
+        configFields: SliderSchema,
+        partFields: SliderParts,
+        factory: sketch$1,
+        apis: {
+            setValue: (apis, slider, value) => {
+                apis.setValue(slider, value);
+            },
+            resetToMin: (apis, slider) => {
+                apis.resetToMin(slider);
+            },
+            resetToMax: (apis, slider) => {
+                apis.resetToMax(slider);
+            },
+            refresh: (apis, slider) => {
+                apis.refresh(slider);
+            }
+        }
+    });
+
+    const owner = 'container';
+    const schema$8 = [
+        field('slotBehaviours', [])
+    ];
+    const getPartName = (name) => '<alloy.field.' + name + '>';
+    const sketch = (sSpec) => {
+        // As parts.slot is called, record all of the parts that are registered
+        // as part of this SlotContainer.
+        const parts = (() => {
+            const record = [];
+            const slot = (name, config) => {
+                record.push(name);
+                return generateOne$1(owner, getPartName(name), config);
+            };
+            return {
+                slot,
+                record: constant$1(record)
+            };
+        })();
+        const spec = sSpec(parts);
+        const partNames = parts.record();
+        // Like a Form, a SlotContainer does not know its parts in advance. So the
+        // record lists the names of the parts to put in the schema.
+        // TODO: Find a nice way to remove dupe with Form
+        const fieldParts = map$2(partNames, (n) => required({ name: n, pname: getPartName(n) }));
+        return composite$1(owner, schema$8, fieldParts, make$3, spec);
+    };
+    const make$3 = (detail, components) => {
+        const getSlotNames = (_) => getAllPartNames(detail);
+        const getSlot = (container, key) => getPart(container, detail, key);
+        const onSlot = (f, def) => (container, key) => getPart(container, detail, key)?.map((slot) => f(slot, key)).getOr(def);
+        const onSlots = (f) => (container, keys) => {
+            each$1(keys, (key) => f(container, key));
+        };
+        const doShowing = (comp, _key) => get$g(comp.element, 'aria-hidden') !== 'true';
+        const doShow = (comp, key) => {
+            // NOTE: May need to restore old values.
+            if (!doShowing(comp)) {
+                const element = comp.element;
+                remove$6(element, 'display');
+                remove$8(element, 'aria-hidden');
+                emitWith(comp, slotVisibility(), { name: key, visible: true });
+            }
+        };
+        const doHide = (comp, key) => {
+            // NOTE: May need to save old values.
+            if (doShowing(comp)) {
+                const element = comp.element;
+                set$7(element, 'display', 'none');
+                set$9(element, 'aria-hidden', 'true');
+                emitWith(comp, slotVisibility(), { name: key, visible: false });
+            }
+        };
+        const isShowing = onSlot(doShowing, false);
+        const hideSlot = onSlot(doHide);
+        const hideSlots = onSlots(hideSlot);
+        const hideAllSlots = (container) => hideSlots(container, getSlotNames());
+        const showSlot = onSlot(doShow);
+        const apis = {
+            getSlotNames,
+            getSlot,
+            isShowing,
+            hideSlot,
+            hideAllSlots,
+            showSlot
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: get$2(detail.slotBehaviours),
+            apis
+        };
+    };
+    // No type safety doing it this way. But removes dupe.
+    // We could probably use spread operator to help here.
+    const slotApis = map$1({
+        getSlotNames: (apis, c) => apis.getSlotNames(c),
+        getSlot: (apis, c, key) => apis.getSlot(c, key),
+        isShowing: (apis, c, key) => apis.isShowing(c, key),
+        hideSlot: (apis, c, key) => apis.hideSlot(c, key),
+        hideAllSlots: (apis, c) => apis.hideAllSlots(c),
+        showSlot: (apis, c, key) => apis.showSlot(c, key)
+    }, (value) => makeApi(value));
+    const SlotContainer = {
+        ...slotApis,
+        ...{ sketch }
+    };
+
+    const schema$7 = constant$1([
+        required$1('toggleClass'),
+        required$1('fetch'),
+        onStrictHandler('onExecute'),
+        defaulted('getHotspot', Optional.some),
+        defaulted('getAnchorOverrides', constant$1({})),
+        schema$o(),
+        onStrictHandler('onItemExecute'),
+        option$3('lazySink'),
+        required$1('dom'),
+        onHandler('onOpen'),
+        field('splitDropdownBehaviours', [Coupling, Keying, Focusing]),
+        defaulted('matchWidth', false),
+        defaulted('useMinWidth', false),
+        defaulted('eventOrder', {}),
+        option$3('role'),
+        option$3('listRole')
+    ].concat(sandboxFields()));
+    const arrowPart = required({
+        factory: Button,
+        schema: [required$1('dom')],
+        name: 'arrow',
+        defaults: () => {
+            return {
+                buttonBehaviours: derive$1([
+                    // TODO: Remove all traces of revoking
+                    Focusing.revoke()
+                ])
+            };
+        },
+        overrides: (detail) => {
+            return {
+                dom: {
+                    tag: 'span',
+                    attributes: {
+                        role: 'presentation'
+                    }
+                },
+                action: (arrow) => {
+                    arrow.getSystem().getByUid(detail.uid).each(emitExecute);
+                },
+                buttonBehaviours: derive$1([
+                    Toggling.config({
+                        toggleOnExecute: false,
+                        toggleClass: detail.toggleClass
+                    })
+                ])
+            };
+        }
+    });
+    const buttonPart = required({
+        factory: Button,
+        schema: [required$1('dom')],
+        name: 'button',
+        defaults: () => {
+            return {
+                buttonBehaviours: derive$1([
+                    // TODO: Remove all traces of revoking
+                    Focusing.revoke()
+                ])
+            };
+        },
+        overrides: (detail) => {
+            return {
+                dom: {
+                    tag: 'span',
+                    attributes: {
+                        role: 'presentation'
+                    }
+                },
+                action: (btn) => {
+                    btn.getSystem().getByUid(detail.uid).each((splitDropdown) => {
+                        detail.onExecute(splitDropdown, btn);
+                    });
+                }
+            };
+        }
+    });
+    const parts$6 = constant$1([
+        arrowPart,
+        buttonPart,
+        optional({
+            factory: {
+                sketch: (spec) => {
+                    return {
+                        uid: spec.uid,
+                        dom: {
+                            tag: 'span',
+                            styles: {
+                                display: 'none'
+                            },
+                            attributes: {
+                                'aria-hidden': 'true'
+                            },
+                            innerHtml: spec.text
+                        }
+                    };
+                }
+            },
+            schema: [required$1('text')],
+            name: 'aria-descriptor'
+        }),
+        external$1({
+            schema: [
+                tieredMenuMarkers()
+            ],
+            name: 'menu',
+            defaults: (detail) => {
+                return {
+                    onExecute: (tmenu, item) => {
+                        // CAUTION: This won't work if the splitDropdown and the tmenu aren't
+                        // in the same mothership. It is just a default, though.
+                        tmenu.getSystem().getByUid(detail.uid).each((splitDropdown) => {
+                            detail.onItemExecute(splitDropdown, tmenu, item);
+                        });
+                    }
+                };
+            }
+        }),
+        partType()
+    ]);
+
+    const factory$c = (detail, components, spec, externals) => {
+        const switchToMenu = (sandbox) => {
+            Composing.getCurrent(sandbox).each((current) => {
+                Highlighting.highlightFirst(current);
+                Keying.focusIn(current);
+            });
+        };
+        const action = (component) => {
+            const onOpenSync = switchToMenu;
+            togglePopup(detail, identity, component, externals, onOpenSync, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+        };
+        const openMenu = (comp) => {
+            action(comp);
+            return Optional?.some(true);
+        };
+        const executeOnButton = (comp) => {
+            const button = getPartOrDie(comp, detail, 'button');
+            emitExecute(button);
+            return Optional?.some(true);
+        };
+        const buttonEvents = {
+            ...derive$2([
+                runOnAttached((component, _simulatedEvent) => {
+                    const ariaDescriptor = getPart(component, detail, 'aria-descriptor');
+                    ariaDescriptor.each((descriptor) => {
+                        const descriptorId = generate$6('aria');
+                        set$9(descriptor.element, 'id', descriptorId);
+                        set$9(component.element, 'aria-describedby', descriptorId);
+                    });
+                })
+            ]),
+            ...events(Optional?.some(action))
+        };
+        const apis = {
+            repositionMenus: (comp) => {
+                if (Toggling.isOn(comp)) {
+                    repositionMenus(comp);
+                }
+            }
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            apis,
+            eventOrder: {
+                ...detail.eventOrder,
+                // Order, the button state is toggled first, so assumed !selected means close.
+                [execute$5()]: ['disabling', 'toggling', 'alloy.base.behaviour']
+            },
+            events: buttonEvents,
+            behaviours: augment(detail.splitDropdownBehaviours, [
+                Coupling.config({
+                    others: {
+                        sandbox: (hotspot) => {
+                            const arrow = getPartOrDie(hotspot, detail, 'arrow');
+                            const extras = {
+                                onOpen: () => {
+                                    Toggling.on(arrow);
+                                    Toggling.on(hotspot);
+                                },
+                                onClose: () => {
+                                    Toggling.off(arrow);
+                                    Toggling.off(hotspot);
+                                }
+                            };
+                            return makeSandbox$1(detail, hotspot, extras);
+                        }
+                    }
+                }),
+                Keying.config({
+                    mode: 'special',
+                    onSpace: executeOnButton,
+                    onEnter: executeOnButton,
+                    onDown: openMenu
+                }),
+                Focusing.config({}),
+                Toggling.config({
+                    toggleOnExecute: false,
+                    aria: {
+                        mode: 'expanded'
+                    }
+                })
+            ]),
+            domModification: {
+                attributes: {
+                    'role': detail.role.getOr('button'),
+                    'aria-haspopup': true
+                }
+            }
+        };
+    };
+    const SplitDropdown = composite({
+        name: 'SplitDropdown',
+        configFields: schema$7(),
+        partFields: parts$6(),
+        factory: factory$c,
+        apis: {
+            repositionMenus: (apis, comp) => apis.repositionMenus(comp)
+        }
+    });
+
+    const generate$1 = (xs, f) => {
+        const init = {
+            len: 0,
+            list: []
+        };
+        const r = foldl(xs, (b, a) => {
+            const value = f(a, b.len);
+            return value.fold(constant$1(b), (v) => ({
+                len: v.finish,
+                list: b.list.concat([v])
+            }));
+        }, init);
+        return r.list;
+    };
+
+    const output = (within, extra, withinWidth) => ({
+        within,
+        extra,
+        withinWidth
+    });
+    const apportion = (units, total, len) => {
+        const parray = generate$1(units, (unit, current) => {
+            const width = len(unit);
+            return Optional?.some({
+                element: unit,
+                start: current,
+                finish: current + width,
+                width
+            });
+        });
+        const within = filter$2(parray, (unit) => unit.finish <= total);
+        const withinWidth = foldr(within, (acc, el) => acc + el.width, 0);
+        const extra = parray.slice(within.length);
+        return {
+            within,
+            extra,
+            withinWidth
+        };
+    };
+    const toUnit = (parray) => map$2(parray, (unit) => unit.element);
+    const fitLast = (within, extra, withinWidth) => {
+        const fits = toUnit(within.concat(extra));
+        return output(fits, [], withinWidth);
+    };
+    const overflow = (within, extra, overflower, withinWidth) => {
+        const fits = toUnit(within).concat([overflower]);
+        return output(fits, toUnit(extra), withinWidth);
+    };
+    const fitAll = (within, extra, withinWidth) => output(toUnit(within), [], withinWidth);
+    const tryFit = (total, units, len) => {
+        const divide = apportion(units, total, len);
+        return divide.extra.length === 0 ? Optional?.some(divide) : Optional.none();
+    };
+    const partition = (total, units, len, overflower) => {
+        // Firstly, we try without the overflower.
+        const divide = tryFit(total, units, len).getOrThunk(() => 
+        // If that doesn't work, overflow
+        apportion(units, total - len(overflower), len));
+        const within = divide.within;
+        const extra = divide.extra;
+        const withinWidth = divide.withinWidth;
+        if (extra.length === 1 && extra[0].width <= len(overflower)) {
+            return fitLast(within, extra, withinWidth);
+        }
+        else if (extra.length >= 1) {
+            return overflow(within, extra, overflower, withinWidth);
+        }
+        else {
+            return fitAll(within, extra, withinWidth);
+        }
+    };
+
+    const setGroups = (toolbar, storedGroups) => {
+        const bGroups = map$2(storedGroups, (g) => premade(g));
+        Toolbar.setGroups(toolbar, bGroups);
+    };
+    const findFocusedComp = (comps) => findMap(comps, (comp) => search(comp.element).bind((focusedElm) => comp.getSystem().getByDom(focusedElm).toOptional()));
+    const refresh$2 = (toolbar, detail, setOverflow) => {
+        // Ensure we have toolbar groups to render
+        const builtGroups = detail.builtGroups.get();
+        if (builtGroups.length === 0) {
+            return;
+        }
+        const primary = getPartOrDie(toolbar, detail, 'primary');
+        const overflowGroup = Coupling.getCoupled(toolbar, 'overflowGroup');
+        // Set the primary toolbar to have visibility hidden;
+        set$7(primary.element, 'visibility', 'hidden');
+        const groups = builtGroups.concat([overflowGroup]);
+        // Store the current focus state
+        const focusedComp = findFocusedComp(groups);
+        // Clear the overflow toolbar
+        setOverflow([]);
+        // Put all the groups inside the primary toolbar
+        setGroups(primary, groups);
+        const availableWidth = get$c(primary.element);
+        const overflows = partition(availableWidth, detail.builtGroups.get(), (comp) => Math.ceil(comp.element.dom.getBoundingClientRect().width), overflowGroup);
+        if (overflows.extra.length === 0) {
+            // Not ideal. Breaking abstraction somewhat, though remove is better than insert
+            // Can just reset the toolbar groups also ... but may be a bit slower.
+            Replacing.remove(primary, overflowGroup);
+            setOverflow([]);
+        }
+        else {
+            setGroups(primary, overflows.within);
+            setOverflow(overflows.extra);
+        }
+        remove$6(primary.element, 'visibility');
+        reflow(primary.element);
+        // Restore the focus
+        focusedComp.each(Focusing.focus);
+    };
+
+    const schema$6 = constant$1([
+        field('splitToolbarBehaviours', [Coupling]),
+        customField('builtGroups', () => Cell([]))
+    ]);
+
+    const schema$5 = constant$1([
+        markers$1(['overflowToggledClass']),
+        optionFunction('getOverflowBounds'),
+        required$1('lazySink'),
+        customField('overflowGroups', () => Cell([])),
+        onHandler('onOpened'),
+        onHandler('onClosed')
+    ].concat(schema$6()));
+    const parts$5 = constant$1([
+        required({
+            factory: Toolbar,
+            schema: schema$e(),
+            name: 'primary'
+        }),
+        external$1({
+            schema: schema$e(),
+            name: 'overflow'
+        }),
+        external$1({
+            name: 'overflow-button'
+        }),
+        external$1({
+            name: 'overflow-group'
+        })
+    ]);
+
+    const schema$4 = constant$1([
+        required$1('items'),
+        markers$1(['itemSelector']),
+        field('tgroupBehaviours', [Keying])
+    ]);
+    const parts$4 = constant$1([
+        group({
+            name: 'items',
+            unit: 'item'
+        })
+    ]);
+
+    const factory$b = (detail, components, _spec, _externals) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        components,
+        behaviours: augment(detail.tgroupBehaviours, [
+            Keying.config({
+                mode: 'flow',
+                selector: detail.markers.itemSelector
+            })
+        ]),
+        domModification: {
+            attributes: {
+                role: 'toolbar'
+            }
+        }
+    });
+    const ToolbarGroup = composite({
+        name: 'ToolbarGroup',
+        configFields: schema$4(),
+        partFields: parts$4(),
+        factory: factory$b
+    });
+
+    const buildGroups = (comps) => map$2(comps, (g) => premade(g));
+    const refresh$1 = (toolbar, memFloatingToolbarButton, detail) => {
+        refresh$2(toolbar, detail, (overflowGroups) => {
+            detail.overflowGroups.set(overflowGroups);
+            memFloatingToolbarButton.getOpt(toolbar).each((floatingToolbarButton) => {
+                FloatingToolbarButton.setGroups(floatingToolbarButton, buildGroups(overflowGroups));
+            });
+        });
+    };
+    const factory$a = (detail, components, spec, externals) => {
+        const memFloatingToolbarButton = record(FloatingToolbarButton.sketch({
+            fetch: () => Future.nu((resolve) => {
+                resolve(buildGroups(detail.overflowGroups.get()));
+            }),
+            layouts: {
+                onLtr: () => [southwest$2, southeast$2],
+                onRtl: () => [southeast$2, southwest$2],
+                onBottomLtr: () => [northwest$2, northeast$2],
+                onBottomRtl: () => [northeast$2, northwest$2]
+            },
+            getBounds: spec.getOverflowBounds,
+            lazySink: detail.lazySink,
+            fireDismissalEventInstead: {},
+            markers: {
+                toggledClass: detail.markers.overflowToggledClass
+            },
+            parts: {
+                button: externals['overflow-button'](),
+                toolbar: externals.overflow()
+            },
+            onToggled: (comp, state) => detail[state ? 'onOpened' : 'onClosed'](comp)
+        }));
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: augment(detail.splitToolbarBehaviours, [
+                Coupling.config({
+                    others: {
+                        overflowGroup: () => {
+                            return ToolbarGroup.sketch({
+                                ...externals['overflow-group'](),
+                                items: [
+                                    memFloatingToolbarButton.asSpec()
+                                ]
+                            });
+                        }
+                    }
+                })
+            ]),
+            apis: {
+                setGroups: (toolbar, groups) => {
+                    detail.builtGroups.set(map$2(groups, toolbar.getSystem().build));
+                    refresh$1(toolbar, memFloatingToolbarButton, detail);
+                },
+                refresh: (toolbar) => refresh$1(toolbar, memFloatingToolbarButton, detail),
+                toggle: (toolbar) => {
+                    memFloatingToolbarButton.getOpt(toolbar).each((floatingToolbarButton) => {
+                        FloatingToolbarButton.toggle(floatingToolbarButton);
+                    });
+                },
+                toggleWithoutFocusing: (toolbar) => {
+                    memFloatingToolbarButton.getOpt(toolbar).each(FloatingToolbarButton.toggleWithoutFocusing);
+                },
+                isOpen: (toolbar) => memFloatingToolbarButton.getOpt(toolbar)?.map(FloatingToolbarButton.isOpen).getOr(false),
+                reposition: (toolbar) => {
+                    memFloatingToolbarButton.getOpt(toolbar).each((floatingToolbarButton) => {
+                        FloatingToolbarButton.reposition(floatingToolbarButton);
+                    });
+                },
+                getOverflow: (toolbar) => memFloatingToolbarButton.getOpt(toolbar).bind(FloatingToolbarButton.getToolbar)
+            },
+            domModification: {
+                attributes: { role: 'group' }
+            }
+        };
+    };
+    const SplitFloatingToolbar = composite({
+        name: 'SplitFloatingToolbar',
+        configFields: schema$5(),
+        partFields: parts$5(),
+        factory: factory$a,
+        apis: {
+            setGroups: (apis, toolbar, groups) => {
+                apis.setGroups(toolbar, groups);
+            },
+            refresh: (apis, toolbar) => {
+                apis.refresh(toolbar);
+            },
+            reposition: (apis, toolbar) => {
+                apis.reposition(toolbar);
+            },
+            toggle: (apis, toolbar) => {
+                apis.toggle(toolbar);
+            },
+            toggleWithoutFocusing: (apis, toolbar) => {
+                apis.toggle(toolbar);
+            },
+            isOpen: (apis, toolbar) => apis.isOpen(toolbar),
+            getOverflow: (apis, toolbar) => apis.getOverflow(toolbar)
+        }
+    });
+
+    const schema$3 = constant$1([
+        markers$1(['closedClass', 'openClass', 'shrinkingClass', 'growingClass', 'overflowToggledClass']),
+        onHandler('onOpened'),
+        onHandler('onClosed')
+    ].concat(schema$6()));
+    const parts$3 = constant$1([
+        required({
+            factory: Toolbar,
+            schema: schema$e(),
+            name: 'primary'
+        }),
+        required({
+            factory: Toolbar,
+            schema: schema$e(),
+            name: 'overflow',
+            overrides: (detail) => {
+                return {
+                    toolbarBehaviours: derive$1([
+                        Sliding.config({
+                            dimension: {
+                                property: 'height'
+                            },
+                            closedClass: detail.markers.closedClass,
+                            openClass: detail.markers.openClass,
+                            shrinkingClass: detail.markers.shrinkingClass,
+                            growingClass: detail.markers.growingClass,
+                            onShrunk: (comp) => {
+                                getPart(comp, detail, 'overflow-button').each((button) => {
+                                    Toggling.off(button);
+                                });
+                                detail.onClosed(comp);
+                            },
+                            onGrown: (comp) => {
+                                detail.onOpened(comp);
+                            },
+                            onStartGrow: (comp) => {
+                                getPart(comp, detail, 'overflow-button').each(Toggling.on);
+                            }
+                        }),
+                        Keying.config({
+                            mode: 'acyclic',
+                            onEscape: (comp) => {
+                                getPart(comp, detail, 'overflow-button').each(Focusing.focus);
+                                return Optional?.some(true);
+                            }
+                        })
+                    ])
+                };
+            }
+        }),
+        external$1({
+            name: 'overflow-button',
+            overrides: (detail) => ({
+                buttonBehaviours: derive$1([
+                    Toggling.config({
+                        toggleClass: detail.markers.overflowToggledClass,
+                        aria: {
+                            mode: 'expanded'
+                        },
+                        toggleOnExecute: false
+                    })
+                ])
+            })
+        }),
+        external$1({
+            name: 'overflow-group'
+        })
+    ]);
+
+    const isOpen = (toolbar, detail) => getPart(toolbar, detail, 'overflow')?.map(Sliding.hasGrown).getOr(false);
+    const toggleToolbar = (toolbar, detail, skipFocus) => {
+        // Make sure that the toolbar needs to toggled by checking for overflow button presence
+        getPart(toolbar, detail, 'overflow-button')
+            .each((oveflowButton) => {
+            getPart(toolbar, detail, 'overflow').each((overf) => {
+                refresh(toolbar, detail);
+                if (Sliding.hasShrunk(overf)) {
+                    const fn = detail.onOpened;
+                    detail.onOpened = (comp) => {
+                        if (!skipFocus) {
+                            Keying.focusIn(overf);
+                        }
+                        fn(comp);
+                        detail.onOpened = fn;
+                    };
+                }
+                else {
+                    const fn = detail.onClosed;
+                    detail.onClosed = (comp) => {
+                        if (!skipFocus) {
+                            Focusing.focus(oveflowButton);
+                        }
+                        fn(comp);
+                        detail.onClosed = fn;
+                    };
+                }
+                Sliding.toggleGrow(overf);
+            });
+        });
+    };
+    const refresh = (toolbar, detail) => {
+        getPart(toolbar, detail, 'overflow').each((overflow) => {
+            refresh$2(toolbar, detail, (groups) => {
+                const builtGroups = map$2(groups, (g) => premade(g));
+                Toolbar.setGroups(overflow, builtGroups);
+            });
+            getPart(toolbar, detail, 'overflow-button').each((button) => {
+                if (Sliding.hasGrown(overflow)) {
+                    Toggling.on(button);
+                }
+            });
+            Sliding.refresh(overflow);
+        });
+    };
+    const factory$9 = (detail, components, spec, externals) => {
+        const toolbarToggleEvent = 'alloy.toolbar.toggle';
+        const doSetGroups = (toolbar, groups) => {
+            const built = map$2(groups, toolbar.getSystem().build);
+            detail.builtGroups.set(built);
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: augment(detail.splitToolbarBehaviours, [
+                Coupling.config({
+                    others: {
+                        overflowGroup: (toolbar) => {
+                            return ToolbarGroup.sketch({
+                                ...externals['overflow-group'](),
+                                items: [
+                                    Button.sketch({
+                                        ...externals['overflow-button'](),
+                                        action: (_button) => {
+                                            emit(toolbar, toolbarToggleEvent);
+                                        }
+                                    })
+                                ]
+                            });
+                        }
+                    }
+                }),
+                config('toolbar-toggle-events', [
+                    run$1(toolbarToggleEvent, (toolbar) => {
+                        toggleToolbar(toolbar, detail, false);
+                    })
+                ])
+            ]),
+            apis: {
+                setGroups: (toolbar, groups) => {
+                    doSetGroups(toolbar, groups);
+                    refresh(toolbar, detail);
+                },
+                refresh: (toolbar) => refresh(toolbar, detail),
+                toggle: (toolbar) => {
+                    toggleToolbar(toolbar, detail, false);
+                },
+                toggleWithoutFocusing: (toolbar) => {
+                    toggleToolbar(toolbar, detail, true);
+                },
+                isOpen: (toolbar) => isOpen(toolbar, detail)
+            },
+            domModification: {
+                attributes: { role: 'group' }
+            }
+        };
+    };
+    const SplitSlidingToolbar = composite({
+        name: 'SplitSlidingToolbar',
+        configFields: schema$3(),
+        partFields: parts$3(),
+        factory: factory$9,
+        apis: {
+            setGroups: (apis, toolbar, groups) => {
+                apis.setGroups(toolbar, groups);
+            },
+            refresh: (apis, toolbar) => {
+                apis.refresh(toolbar);
+            },
+            toggle: (apis, toolbar) => {
+                apis.toggle(toolbar);
+            },
+            isOpen: (apis, toolbar) => apis.isOpen(toolbar)
+        }
+    });
+
+    const factory$8 = (detail, _spec) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        components: detail.components,
+        events: events(detail.action),
+        behaviours: augment(detail.tabButtonBehaviours, [
+            Focusing.config({}),
+            Keying.config({
+                mode: 'execution',
+                useSpace: true,
+                useEnter: true
+            }),
+            Representing.config({
+                store: {
+                    mode: 'memory',
+                    initialValue: detail.value
+                }
+            })
+        ]),
+        domModification: detail.domModification
+    });
+    const TabButton = single({
+        name: 'TabButton',
+        configFields: [
+            defaulted('uid', undefined),
+            required$1('value'),
+            field$1('dom', 'dom', mergeWithThunk(() => ({
+                attributes: {
+                    'role': 'tab',
+                    // NOTE: This is used in TabSection to connect "labelledby"
+                    'id': generate$6('aria'),
+                    'aria-selected': 'false'
+                }
+            })), anyValue()),
+            option$3('action'),
+            defaulted('domModification', {}),
+            field('tabButtonBehaviours', [Focusing, Keying, Representing]),
+            required$1('view')
+        ],
+        factory: factory$8
+    });
+
+    const schema$2 = constant$1([
+        required$1('tabs'),
+        required$1('dom'),
+        defaulted('clickToDismiss', false),
+        field('tabbarBehaviours', [Highlighting, Keying]),
+        markers$1(['tabClass', 'selectedClass'])
+    ]);
+    const tabsPart = group({
+        factory: TabButton,
+        name: 'tabs',
+        unit: 'tab',
+        overrides: (barDetail) => {
+            const dismissTab$1 = (tabbar, button) => {
+                Highlighting.dehighlight(tabbar, button);
+                emitWith(tabbar, dismissTab(), {
+                    tabbar,
+                    button
+                });
+            };
+            const changeTab$1 = (tabbar, button) => {
+                Highlighting.highlight(tabbar, button);
+                emitWith(tabbar, changeTab(), {
+                    tabbar,
+                    button
+                });
+            };
+            return {
+                action: (button) => {
+                    const tabbar = button.getSystem().getByUid(barDetail.uid).getOrDie();
+                    const activeButton = Highlighting.isHighlighted(tabbar, button);
+                    const response = (() => {
+                        if (activeButton && barDetail.clickToDismiss) {
+                            return dismissTab$1;
+                        }
+                        else if (!activeButton) {
+                            return changeTab$1;
+                        }
+                        else {
+                            return noop;
+                        }
+                    })();
+                    response(tabbar, button);
+                },
+                domModification: {
+                    classes: [barDetail.markers.tabClass]
+                }
+            };
+        }
+    });
+    const parts$2 = constant$1([
+        tabsPart
+    ]);
+
+    const factory$7 = (detail, components, _spec, _externals) => ({
+        'uid': detail.uid,
+        'dom': detail.dom,
+        components,
+        'debug.sketcher': 'Tabbar',
+        'domModification': {
+            attributes: {
+                role: 'tablist'
+            }
+        },
+        'behaviours': augment(detail.tabbarBehaviours, [
+            Highlighting.config({
+                highlightClass: detail.markers.selectedClass,
+                itemClass: detail.markers.tabClass,
+                // https://www.w3.org/TR/2010/WD-wai-aria-practices-20100916/#tabpanel
+                // Consider a more seam-less way of combining highlighting and toggling
+                onHighlight: (tabbar, tab) => {
+                    // TODO: Integrate highlighting and toggling in a nice way
+                    set$9(tab.element, 'aria-selected', 'true');
+                },
+                onDehighlight: (tabbar, tab) => {
+                    set$9(tab.element, 'aria-selected', 'false');
+                }
+            }),
+            Keying.config({
+                mode: 'flow',
+                getInitial: (tabbar) => {
+                    // Restore focus to the previously highlighted tab.
+                    return Highlighting.getHighlighted(tabbar)?.map((tab) => tab.element);
+                },
+                selector: '.' + detail.markers.tabClass,
+                executeOnMove: true
+            })
+        ])
+    });
+    const Tabbar = composite({
+        name: 'Tabbar',
+        configFields: schema$2(),
+        partFields: parts$2(),
+        factory: factory$7
+    });
+
+    const factory$6 = (detail, _spec) => ({
+        uid: detail.uid,
+        dom: detail.dom,
+        behaviours: augment(detail.tabviewBehaviours, [
+            Replacing.config({})
+        ]),
+        domModification: {
+            attributes: { role: 'tabpanel' }
+        }
+    });
+    const Tabview = single({
+        name: 'Tabview',
+        configFields: [
+            field('tabviewBehaviours', [Replacing])
+        ],
+        factory: factory$6
+    });
+
+    const schema$1 = constant$1([
+        defaulted('selectFirst', true),
+        onHandler('onChangeTab'),
+        onHandler('onDismissTab'),
+        defaulted('tabs', []),
+        field('tabSectionBehaviours', [])
+    ]);
+    const barPart = required({
+        factory: Tabbar,
+        schema: [
+            required$1('dom'),
+            requiredObjOf('markers', [
+                required$1('tabClass'),
+                required$1('selectedClass')
+            ])
+        ],
+        name: 'tabbar',
+        defaults: (detail) => {
+            return {
+                tabs: detail.tabs
+            };
+        }
+    });
+    const viewPart = required({
+        factory: Tabview,
+        name: 'tabview'
+    });
+    const parts$1 = constant$1([
+        barPart,
+        viewPart
+    ]);
+
+    const factory$5 = (detail, components, _spec, _externals) => {
+        const changeTab$1 = (button) => {
+            const tabValue = Representing.getValue(button);
+            getPart(button, detail, 'tabview').each((tabview) => {
+                const tabWithValue = find$5(detail.tabs, (t) => t.value === tabValue);
+                tabWithValue.each((tabData) => {
+                    const panel = tabData.view();
+                    // Update the tabview to refer to the current tab.
+                    getOpt(button.element, 'id').each((id) => {
+                        set$9(tabview.element, 'aria-labelledby', id);
+                    });
+                    Replacing.set(tabview, panel);
+                    detail.onChangeTab(tabview, button, panel);
+                });
+            });
+        };
+        const changeTabBy = (section, byPred) => {
+            getPart(section, detail, 'tabbar').each((tabbar) => {
+                byPred(tabbar).each(emitExecute);
+            });
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: get$2(detail.tabSectionBehaviours),
+            events: derive$2(flatten([
+                detail.selectFirst ? [
+                    runOnAttached((section, _simulatedEvent) => {
+                        changeTabBy(section, Highlighting.getFirst);
+                    })
+                ] : [],
+                [
+                    run$1(changeTab(), (section, simulatedEvent) => {
+                        const button = simulatedEvent.event.button;
+                        changeTab$1(button);
+                    }),
+                    run$1(dismissTab(), (section, simulatedEvent) => {
+                        const button = simulatedEvent.event.button;
+                        detail.onDismissTab(section, button);
+                    })
+                ]
+            ])),
+            apis: {
+                getViewItems: (section) => {
+                    return getPart(section, detail, 'tabview')?.map((tabview) => Replacing.contents(tabview)).getOr([]);
+                },
+                // How should "clickToDismiss" interact with this? At the moment, it will never dismiss
+                showTab: (section, tabKey) => {
+                    // We only change the tab if it isn't currently active because that takes
+                    // the whole "dismiss" issue out of the equation.
+                    const getTabIfNotActive = (tabbar) => {
+                        const candidates = Highlighting.getCandidates(tabbar);
+                        const optTab = find$5(candidates, (c) => Representing.getValue(c) === tabKey);
+                        return optTab.filter((tab) => !Highlighting.isHighlighted(tabbar, tab));
+                    };
+                    changeTabBy(section, getTabIfNotActive);
+                }
+            }
+        };
+    };
+    const TabSection = composite({
+        name: 'TabSection',
+        configFields: schema$1(),
+        partFields: parts$1(),
+        factory: factory$5,
+        apis: {
+            getViewItems: (apis, component) => apis.getViewItems(component),
+            showTab: (apis, component, tabKey) => {
+                apis.showTab(component, tabKey);
+            }
+        }
+    });
+
+    // When showing a value in an input field, which part of the item do we use?
+    const setValueFromItem = (model, input, item) => {
+        const itemData = Representing.getValue(item);
+        Representing.setValue(input, itemData);
+        setCursorAtEnd(input);
+    };
+    const setSelectionOn = (input, f) => {
+        const el = input.element;
+        const value = get$5(el);
+        const node = el.dom;
+        // Only do for valid input types.
+        if (get$g(el, 'type') !== 'number') {
+            f(node, value);
+        }
+    };
+    const setCursorAtEnd = (input) => {
+        setSelectionOn(input, (node, value) => node.setSelectionRange(value.length, value.length));
+    };
+    const setSelectionToEnd = (input, startOffset) => {
+        setSelectionOn(input, (node, value) => node.setSelectionRange(startOffset, value.length));
+    };
+    const attemptSelectOver = (model, input, item) => {
+        if (!model.selectsOver) {
+            return Optional.none();
+        }
+        else {
+            const currentValue = Representing.getValue(input);
+            const inputDisplay = model.getDisplayText(currentValue);
+            const itemValue = Representing.getValue(item);
+            const itemDisplay = model.getDisplayText(itemValue);
+            return itemDisplay.indexOf(inputDisplay) === 0 ?
+                Optional?.some(() => {
+                    setValueFromItem(model, input, item);
+                    setSelectionToEnd(input, inputDisplay.length);
+                })
+                : Optional.none();
+        }
+    };
+
+    const itemExecute = constant$1('alloy.typeahead.itemexecute');
+
+    // TODO: Fix this.
+    const make$2 = (detail, components, spec, externals) => {
+        const navigateList = (comp, simulatedEvent, highlighter) => {
+            /*
+             * If we have an open Sandbox with an active menu,
+             * but no highlighted item, then highlight the menu
+             *
+             * If we have an open Sandbox with an active menu,
+             * and there is a highlighted item, simulated a keydown
+             * on the menu
+             *
+             * If we have a closed sandbox, open the sandbox
+             *
+             * Regardless, this is a user initiated action. End previewing.
+             */
+            detail.previewing.set(false);
+            const sandbox = Coupling.getCoupled(comp, 'sandbox');
+            if (Sandboxing.isOpen(sandbox)) {
+                Composing.getCurrent(sandbox).each((menu) => {
+                    Highlighting.getHighlighted(menu).fold(() => {
+                        highlighter(menu);
+                    }, () => {
+                        dispatchEvent(sandbox, menu.element, 'keydown', simulatedEvent);
+                    });
+                });
+            }
+            else {
+                const onOpenSync = (sandbox) => {
+                    Composing.getCurrent(sandbox).each(highlighter);
+                };
+                open(detail, mapFetch(comp), comp, sandbox, externals, onOpenSync, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+            }
+        };
+        // Due to the fact that typeahead probably need to separate value from text, they can't reuse
+        // (easily) the same representing logic as input fields.
+        const focusBehaviours$1 = focusBehaviours(detail);
+        const mapFetch = (comp) => (tdata) => tdata?.map((data) => {
+            const menus = values(data.menus);
+            const items = bind$3(menus, (menu) => filter$2(menu.items, (item) => item.type === 'item'));
+            const repState = Representing.getState(comp);
+            repState.update(map$2(items, (item) => item.data));
+            return data;
+        });
+        // This function (getActiveMenu) is intended to make it easier to read what is happening
+        // without having to decipher the Highlighting and Composing calls.
+        const getActiveMenu = (sandboxComp) => Composing.getCurrent(sandboxComp);
+        const typeaheadCustomEvents = 'typeaheadevents';
+        const behaviours = [
+            Focusing.config({}),
+            Representing.config({
+                onSetValue: detail.onSetValue,
+                store: {
+                    mode: 'dataset',
+                    getDataKey: (comp) => get$5(comp.element),
+                    // This really needs to be configurable
+                    getFallbackEntry: (itemString) => ({
+                        value: itemString,
+                        meta: {}
+                    }),
+                    setValue: (comp, data) => {
+                        set$4(comp.element, detail.model.getDisplayText(data));
+                    },
+                    ...detail.initialData?.map((d) => wrap('initialValue', d)).getOr({})
+                }
+            }),
+            Streaming.config({
+                stream: {
+                    mode: 'throttle',
+                    delay: detail.responseTime,
+                    stopEvent: false
+                },
+                onStream: (component, _simulatedEvent) => {
+                    const sandbox = Coupling.getCoupled(component, 'sandbox');
+                    const focusInInput = Focusing.isFocused(component);
+                    // You don't want it to change when something else has triggered the change.
+                    if (focusInInput) {
+                        if (get$5(component.element).length >= detail.minChars) {
+                            // Get the value of the previously active (selected/highlighted) item. We
+                            // are going to try to preserve this.
+                            const previousValue = getActiveMenu(sandbox).bind((activeMenu) => Highlighting.getHighlighted(activeMenu)?.map(Representing.getValue));
+                            // Turning previewing ON here every keystroke is unnecessary, but relies
+                            // on the fact that it will be turned off if required by highlighting events.
+                            // So even if previewing was supposed to be off, turning it on here is
+                            // just temporary, because the onOpenSync below will trigger a highlight
+                            // if there was meant to be one, which will turn it off if required.
+                            detail.previewing.set(true);
+                            const onOpenSync = (_sandbox) => {
+                                // This getActiveMenu relies on a menu being highlighted / active
+                                getActiveMenu(sandbox).each((activeMenu) => {
+                                    // The folds can make this hard to follow, but the basic gist of it is
+                                    // that we want to see if we need to highlight one of the items in the
+                                    // menu that we just opened. If we do highlight an item, then that
+                                    // highlighting action will clear previewing (handled by the TieredMenu
+                                    // part configuration for onHighlight). Note: that onOpenSync runs
+                                    // *after* the highlightOnOpen setting.
+                                    //
+                                    // 1. If in "selectsOver" mode and we don't have a previous item,
+                                    // then highlight the first one. This one will be used as the basis
+                                    // for the "selectsOver" text selection. The act of highlighting the
+                                    // first item will take us out of previewing mode. If the "selectsOver"
+                                    // operation fails, it should clear the highlight, and restore previewing
+                                    // 2. If not in "selectsOver" mode, and we don't have a previous item,
+                                    // then we don't highlight anything. This will keep us in previewing
+                                    // mode until the menu is interacted with (hover, navigation etc.)
+                                    // 3. If we have a previous item, then try and rehighlight it. But if
+                                    // we can't, the just highlight the first. Either action will take us
+                                    // out of previewing mode.
+                                    previousValue.fold(() => {
+                                        // We are using "selectOver", so we need *something* to highlight
+                                        if (detail.model.selectsOver) {
+                                            Highlighting.highlightFirst(activeMenu);
+                                        }
+                                        // We aren't using "selectOver", so don't highlight anything
+                                        // to preserve our "previewing" mode.
+                                    }, (pv) => {
+                                        // We have a previous item, so if we can't rehighlight it, then
+                                        // we'll change to the first item. We want to keep some selection.
+                                        Highlighting.highlightBy(activeMenu, (item) => {
+                                            const itemData = Representing.getValue(item);
+                                            return itemData.value === pv.value;
+                                        });
+                                        // Highlight first if could not find it?
+                                        Highlighting.getHighlighted(activeMenu).orThunk(() => {
+                                            Highlighting.highlightFirst(activeMenu);
+                                            return Optional.none();
+                                        });
+                                    });
+                                });
+                            };
+                            open(detail, mapFetch(component), component, sandbox, externals, onOpenSync, 
+                            // The onOpenSync takes care of what should be given the highlights, but
+                            // we want to highlight just the menu so that the onOpenSync can find the
+                            // activeMenu.
+                            HighlightOnOpen.HighlightJustMenu).get(noop);
+                        }
+                    }
+                },
+                cancelEvent: typeaheadCancel()
+            }),
+            Keying.config({
+                mode: 'special',
+                onDown: (comp, simulatedEvent) => {
+                    // The navigation here will stop the "previewing" mode, because
+                    // now the menu will get focus (fake focus, but focus nevertheless)
+                    navigateList(comp, simulatedEvent, Highlighting.highlightFirst);
+                    return Optional?.some(true);
+                },
+                onEscape: (comp) => {
+                    // Escape only has handling if the sandbox is visible. It has no meaning
+                    // to the input itself.
+                    const sandbox = Coupling.getCoupled(comp, 'sandbox');
+                    if (Sandboxing.isOpen(sandbox)) {
+                        Sandboxing.close(sandbox);
+                        return Optional?.some(true);
+                    }
+                    return Optional.none();
+                },
+                onUp: (comp, simulatedEvent) => {
+                    // The navigation here will stop the "previewing" mode, because
+                    // now the menu will get focus (fake focus, but focus nevertheless)
+                    navigateList(comp, simulatedEvent, Highlighting.highlightLast);
+                    return Optional?.some(true);
+                },
+                onEnter: (comp) => {
+                    const sandbox = Coupling.getCoupled(comp, 'sandbox');
+                    const sandboxIsOpen = Sandboxing.isOpen(sandbox);
+                    // 'Previewing' means that items are shown but none has been actively selected by the user.
+                    // When previewing, all keyboard input should still be processed by the
+                    // input itself, not the menu. The menu is not considered to have focus.
+                    // 'Previewing' is turned on by (streaming) keystrokes, and turned off by
+                    // successful interaction with the menu (navigation, highlighting, hovering).
+                    // So if we aren't previewing, and the dropdown sandbox is open, then
+                    // we process <enter> keys on the items in the menu. All this will do
+                    // is trigger an itemExecute event. The typeahead events (in the spec below)
+                    // are responsible for doing something with that event.
+                    if (sandboxIsOpen && !detail.previewing.get()) {
+                        return getActiveMenu(sandbox).bind((activeMenu) => Highlighting.getHighlighted(activeMenu))?.map((item) => {
+                            // And item was selected, so trigger execute and consider the
+                            // <enter> key 'handled'
+                            emitWith(comp, itemExecute(), { item });
+                            return true;
+                        });
+                    }
+                    else {
+                        // We are either previewing, or the sandbox isn't open, so we should
+                        // process the <enter> key inside the input itself. This should cancel
+                        // any attempt to fetch data (the typeaheadCancel), and trigger the execute.
+                        // We also close the sandbox if it's open.
+                        const currentValue = Representing.getValue(comp);
+                        emit(comp, typeaheadCancel());
+                        detail.onExecute(sandbox, comp, currentValue);
+                        // If we're open and previewing, close the sandbox after firing execute.
+                        if (sandboxIsOpen) {
+                            Sandboxing.close(sandbox);
+                        }
+                        return Optional?.some(true);
+                    }
+                }
+            }),
+            Toggling.config({
+                toggleClass: detail.markers.openClass,
+                aria: {
+                    mode: 'expanded'
+                }
+            }),
+            Coupling.config({
+                others: {
+                    sandbox: (hotspot) => {
+                        return makeSandbox$1(detail, hotspot, {
+                            onOpen: () => Toggling.on(hotspot),
+                            onClose: () => {
+                                // TINY-9280: Remove aria-activedescendant that is set when menu item is highlighted
+                                detail.lazyTypeaheadComp.get().each((input) => remove$8(input.element, 'aria-activedescendant'));
+                                Toggling.off(hotspot);
+                            }
+                        });
+                    }
+                }
+            }),
+            config(typeaheadCustomEvents, [
+                runOnAttached((typeaheadComp) => {
+                    // Set up the reference to the typeahead, so that it can retrieved from
+                    // the tiered menu part, even if the tieredmenu is in a different
+                    // system / alloy root / mothership.
+                    detail.lazyTypeaheadComp.set(Optional?.some(typeaheadComp));
+                }),
+                runOnDetached((_typeaheadComp) => {
+                    detail.lazyTypeaheadComp.set(Optional.none());
+                }),
+                runOnExecute$1((comp) => {
+                    const onOpenSync = noop;
+                    togglePopup(detail, mapFetch(comp), comp, externals, onOpenSync, HighlightOnOpen.HighlightMenuAndItem).get(noop);
+                }),
+                run$1(itemExecute(), (comp, se) => {
+                    const sandbox = Coupling.getCoupled(comp, 'sandbox');
+                    // Copy the value from the executed item into the input, because it was "chosen"
+                    setValueFromItem(detail.model, comp, se.event.item);
+                    emit(comp, typeaheadCancel());
+                    detail.onItemExecute(comp, sandbox, se.event.item, Representing.getValue(comp));
+                    Sandboxing.close(sandbox);
+                    setCursorAtEnd(comp);
+                })
+            ].concat(detail.dismissOnBlur ? [
+                run$1(postBlur(), (typeahead) => {
+                    const sandbox = Coupling.getCoupled(typeahead, 'sandbox');
+                    // Only close the sandbox if the focus isn't inside it!
+                    if (search(sandbox.element).isNone()) {
+                        Sandboxing.close(sandbox);
+                    }
+                })
+            ] : []))
+        ];
+        // The order specified here isn't important. Alloy just requires a
+        // deterministic order for the configured behaviours.
+        const eventOrder = {
+            [detachedFromDom()]: [
+                Representing.name(),
+                Streaming.name(),
+                typeaheadCustomEvents
+            ],
+            ...detail.eventOrder,
+        };
+        return {
+            uid: detail.uid,
+            dom: dom$1(deepMerge(detail, {
+                // TODO: Add aria-activedescendant attribute
+                inputAttributes: {
+                    'role': 'combobox',
+                    'aria-autocomplete': 'list',
+                    'aria-haspopup': 'true'
+                }
+            })),
+            behaviours: {
+                ...focusBehaviours$1,
+                ...augment(detail.typeaheadBehaviours, behaviours)
+            },
+            eventOrder
+        };
+    };
+
+    const schema = constant$1([
+        option$3('lazySink'),
+        required$1('fetch'),
+        defaulted('minChars', 5),
+        defaulted('responseTime', 1000),
+        onHandler('onOpen'),
+        // TODO: Remove dupe with Dropdown
+        defaulted('getHotspot', Optional.some),
+        defaulted('getAnchorOverrides', constant$1({})),
+        defaulted('layouts', Optional.none()),
+        defaulted('eventOrder', {}),
+        // Information about what these model settings do can be found in TypeaheadTypes
+        defaultedObjOf('model', {}, [
+            defaulted('getDisplayText', (itemData) => itemData.meta !== undefined && itemData.meta.text !== undefined ? itemData.meta.text : itemData.value),
+            defaulted('selectsOver', true),
+            defaulted('populateFromBrowse', true)
+        ]),
+        onHandler('onSetValue'),
+        onKeyboardHandler('onExecute'),
+        onHandler('onItemExecute'),
+        defaulted('inputClasses', []),
+        defaulted('inputAttributes', {}),
+        defaulted('inputStyles', {}),
+        defaulted('matchWidth', true),
+        defaulted('useMinWidth', false),
+        defaulted('dismissOnBlur', true),
+        markers$1(['openClass']),
+        option$3('initialData'),
+        option$3('listRole'),
+        field('typeaheadBehaviours', [
+            Focusing, Representing, Streaming, Keying, Toggling, Coupling
+        ]),
+        customField('lazyTypeaheadComp', () => Cell(Optional.none)),
+        customField('previewing', () => Cell(true))
+    ].concat(schema$a()).concat(sandboxFields()));
+    const parts = constant$1([
+        external$1({
+            schema: [
+                tieredMenuMarkers()
+            ],
+            name: 'menu',
+            overrides: (detail) => {
+                return {
+                    fakeFocus: true,
+                    onHighlightItem: (_tmenu, menu, item) => {
+                        if (!detail.previewing.get()) {
+                            // We need to use this type of reference, rather than just looking
+                            // it up from the system by uid, because the input and the tieredmenu
+                            // might be in different systems.
+                            detail.lazyTypeaheadComp.get().each((input) => {
+                                if (detail.model.populateFromBrowse) {
+                                    setValueFromItem(detail.model, input, item);
+                                }
+                                // The focus is retained on the input element when the menu is shown, unlike the combobox, in which the focus is passed to the menu.
+                                // This results in screen readers not being able to announce the menu or highlighted item.
+                                // The solution is to tell screen readers which menu item is highlighted using the `aria-activedescendant` attribute.
+                                // TINY-9280: The aria attribute is removed when the menu is closed.
+                                // Since `onDehighlight` is called only when highlighting a new menu item, this will be handled in
+                                // https://github.com/tinymce/tinymce/blob/2d8c1c034e8aa484b868a0c44605489ee0ca9cd4/modules/alloy/src/main/ts/ephox/alloy/ui/composite/TypeaheadSpec.ts#L282
+                                getOpt(item.element, 'id').each((id) => set$9(input.element, 'aria-activedescendant', id));
+                            });
+                        }
+                        else {
+                            // ASSUMPTION: Currently, any interaction with the menu via the keyboard or the mouse
+                            // will firstly clear previewing mode before triggering any highlights
+                            // so if we are still in previewing mode by the time we get to the highlight call,
+                            // that means that the highlight was triggered NOT by the user interacting
+                            // with the menu, but instead by the Highlighting API call that happens automatically
+                            // when a streamed keyboard input event is updating its results. That call will
+                            // try to keep any active highlight if there already was one (defaulting to first
+                            // if it can't find the original), but if there wasn't an active highlight, but
+                            // it is using "selectsOver", it will just highlight the first item. In this
+                            // latter case, it is only doing that so that selectsOver has something to copy.
+                            // So all of the complex code below is trying to handle whether we should stay
+                            // in previewing mode after this highlight, and the ONLY case where we should stay
+                            // in previewing mode is that we were in previewing mode, we are using selectsOver,
+                            // and the selectsOver failed to succeed. In that case, to stay in previewing mode,
+                            // we want to cancel the highlight that we just made via the highlighting API
+                            // and reset previewing to true. Otherwise, all codepaths should set previewing
+                            // to false, because now we have a valid highlight.
+                            //
+                            // As of 2022-08-18, the selectsOver model is not in use by TinyMCE, so
+                            // this subtle interaction is unfortunately largely untested. Also, if we can't
+                            // get a reference to the typeahead input by lazyTypeaheadComp, then we don't
+                            // change previewing, either. Note also, that it is likely that if we checked
+                            // if selectsOver would succeed before setting the highlight in the streaming
+                            // response, this could might be a lot easier to follow.
+                            detail.lazyTypeaheadComp.get().each((input) => {
+                                attemptSelectOver(detail.model, input, item).fold(
+                                // If we are in "previewing" mode and we can't select over the
+                                // thing that is first, then clear the highlight.
+                                // Hopefully, this doesn't cause a flicker. Find a better
+                                // way to do this.
+                                () => {
+                                    // If using "selectOver", we essentially want to cancel the highlight
+                                    // that was only invoked just so that we'd have something to selectOver,
+                                    // so we dehighlight, and then, importantly, *DON'T* clear previewing.
+                                    // We'll set it to be true to be explicit, although it should
+                                    // always be true if it reached here (unless an above function changed
+                                    // it)
+                                    if (detail.model.selectsOver) {
+                                        Highlighting.dehighlight(menu, item);
+                                        detail.previewing.set(true);
+                                    }
+                                    else {
+                                        // Because we aren't using selectsOver mode, we now want to keep
+                                        // whatever highlight we just made, and because we have a highlighted
+                                        // item in the menu, we are no longer previewing.
+                                        detail.previewing.set(false);
+                                    }
+                                }, ((selectOverTextInInput) => {
+                                    // We have made a selection in the menu, and have selected over text
+                                    // in the input, so clear previewing.
+                                    selectOverTextInInput();
+                                    detail.previewing.set(false);
+                                }));
+                            });
+                        }
+                    },
+                    // Because the focus stays inside the input, this onExecute is fired when the
+                    // user "clicks" on an item. The focusing behaviour should be configured
+                    // so that items don't get focus, but they prevent a mousedown event from
+                    // firing so that the typeahead doesn't lose focus. This is the handler
+                    // for clicking on an item. We need to close the sandbox, update the typeahead
+                    // to show the item clicked on, and fire an execute.
+                    onExecute: (_menu, item) => {
+                        // Note: This will only work when the typeahead and menu are in the same system.
+                        return detail.lazyTypeaheadComp.get()?.map((typeahead) => {
+                            emitWith(typeahead, itemExecute(), { item });
+                            return true;
+                        });
+                    },
+                    onHover: (menu, item) => {
+                        // Hovering is also a user-initiated action, so previewing mode is over.
+                        // TODO: Have a better API for managing state in between parts.
+                        detail.previewing.set(false);
+                        detail.lazyTypeaheadComp.get().each((input) => {
+                            if (detail.model.populateFromBrowse) {
+                                setValueFromItem(detail.model, input, item);
+                            }
+                        });
+                    }
+                };
+            }
+        })
+    ]);
+
+    const Typeahead = composite({
+        name: 'Typeahead',
+        configFields: schema(),
+        partFields: parts(),
+        factory: make$2
+    });
+
+    var global$b = tinymce.util.Tools.resolve('tinymce.ThemeManager');
+
+    var global$a = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$9 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$8 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var global$7 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var ToolbarMode$1;
+    (function (ToolbarMode) {
+        ToolbarMode["default"] = "wrap";
+        ToolbarMode["floating"] = "floating";
+        ToolbarMode["sliding"] = "sliding";
+        ToolbarMode["scrolling"] = "scrolling";
+    })(ToolbarMode$1 || (ToolbarMode$1 = {}));
+    var ToolbarLocation$1;
+    (function (ToolbarLocation) {
+        ToolbarLocation["auto"] = "auto";
+        ToolbarLocation["top"] = "top";
+        ToolbarLocation["bottom"] = "bottom";
+    })(ToolbarLocation$1 || (ToolbarLocation$1 = {}));
+    const option$2 = (name) => (editor) => editor.options.get(name);
+    const wrapOptional = (fn) => (editor) => Optional.from(fn(editor));
+    const register$f = (editor) => {
+        const isPhone = global$7.deviceType.isPhone();
+        const isMobile = global$7.deviceType.isTablet() || isPhone;
+        const registerOption = editor.options.register;
+        const stringOrFalseProcessor = (value) => isString(value) || value === false;
+        const stringOrNumberProcessor = (value) => isString(value) || isNumber(value);
+        registerOption('skin', {
+            processor: (value) => isString(value) || value === false,
+            default: 'oxide'
+        });
+        registerOption('skin_url', {
+            processor: 'string'
+        });
+        registerOption('height', {
+            processor: stringOrNumberProcessor,
+            default: Math.max(editor.getElement().offsetHeight, 400)
+        });
+        registerOption('width', {
+            processor: stringOrNumberProcessor,
+            default: global$9.DOM.getStyle(editor.getElement(), 'width')
+        });
+        registerOption('min_height', {
+            processor: 'number',
+            default: 100
+        });
+        registerOption('min_width', {
+            processor: 'number'
+        });
+        registerOption('max_height', {
+            processor: 'number'
+        });
+        registerOption('max_width', {
+            processor: 'number'
+        });
+        registerOption('style_formats', {
+            processor: 'object[]'
+        });
+        registerOption('style_formats_merge', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('style_formats_autohide', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('line_height_formats', {
+            processor: 'string',
+            default: '1 1.1 1.2 1.3 1.4 1.5 2'
+        });
+        registerOption('font_family_formats', {
+            processor: 'string',
+            default: 'Andale Mono=andale mono,monospace;' +
+                'Arial=arial,helvetica,sans-serif;' +
+                'Arial Black=arial black,sans-serif;' +
+                'Book Antiqua=book antiqua,palatino,serif;' +
+                'Comic Sans MS=comic sans ms,sans-serif;' +
+                'Courier New=courier new,courier,monospace;' +
+                'Georgia=georgia,palatino,serif;' +
+                'Helvetica=helvetica,arial,sans-serif;' +
+                'Impact=impact,sans-serif;' +
+                'Symbol=symbol;' +
+                'Tahoma=tahoma,arial,helvetica,sans-serif;' +
+                'Terminal=terminal,monaco,monospace;' +
+                'Times New Roman=times new roman,times,serif;' +
+                'Trebuchet MS=trebuchet ms,geneva,sans-serif;' +
+                'Verdana=verdana,geneva,sans-serif;' +
+                'Webdings=webdings;' +
+                'Wingdings=wingdings,zapf dingbats'
+        });
+        registerOption('font_size_formats', {
+            processor: 'string',
+            default: '8pt 10pt 12pt 14pt 18pt 24pt 36pt'
+        });
+        registerOption('font_size_input_default_unit', {
+            processor: 'string',
+            default: 'pt'
+        });
+        registerOption('block_formats', {
+            processor: 'string',
+            default: 'Paragraph=p;' +
+                'Heading 1=h1;' +
+                'Heading 2=h2;' +
+                'Heading 3=h3;' +
+                'Heading 4=h4;' +
+                'Heading 5=h5;' +
+                'Heading 6=h6;' +
+                'Preformatted=pre'
+        });
+        registerOption('content_langs', {
+            processor: 'object[]'
+        });
+        registerOption('removed_menuitems', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('menubar', {
+            processor: (value) => isString(value) || isBoolean(value),
+            // Phones don't have a lot of screen space so disable the menubar
+            default: !isPhone
+        });
+        registerOption('menu', {
+            processor: 'object',
+            default: {}
+        });
+        registerOption('toolbar', {
+            processor: (value) => {
+                if (isBoolean(value) || isString(value) || isArray(value)) {
+                    return { value, valid: true };
+                }
+                else {
+                    return { valid: false, message: 'Must be a boolean, string or array.' };
+                }
+            },
+            default: true
+        });
+        // Register the toolbarN variations: toolbar1 -> toolbar9
+        range$2(9, (num) => {
+            registerOption('toolbar' + (num + 1), {
+                processor: 'string'
+            });
+        });
+        registerOption('toolbar_mode', {
+            processor: 'string',
+            // Use the default side-scrolling toolbar for tablets/phones
+            default: isMobile ? 'scrolling' : 'floating'
+        });
+        registerOption('toolbar_groups', {
+            processor: 'object',
+            default: {}
+        });
+        registerOption('toolbar_location', {
+            processor: 'string',
+            default: ToolbarLocation$1.auto
+        });
+        registerOption('toolbar_persist', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('toolbar_sticky', {
+            processor: 'boolean',
+            default: editor.inline
+        });
+        registerOption('toolbar_sticky_offset', {
+            processor: 'number',
+            default: 0
+        });
+        registerOption('fixed_toolbar_container', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('fixed_toolbar_container_target', {
+            processor: 'object'
+        });
+        registerOption('ui_mode', {
+            processor: 'string',
+            default: 'combined'
+        });
+        registerOption('file_picker_callback', {
+            processor: 'function'
+        });
+        registerOption('file_picker_validator_handler', {
+            processor: 'function'
+        });
+        registerOption('file_picker_types', {
+            processor: 'string'
+        });
+        registerOption('typeahead_urls', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('anchor_top', {
+            processor: stringOrFalseProcessor,
+            default: '#top'
+        });
+        registerOption('anchor_bottom', {
+            processor: stringOrFalseProcessor,
+            default: '#bottom'
+        });
+        registerOption('draggable_modal', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('statusbar', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('elementpath', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('branding', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('promotion', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('resize', {
+            processor: (value) => value === 'both' || isBoolean(value),
+            // Editor resize doesn't work on touch devices at this stage
+            default: !global$7.deviceType.isTouch()
+        });
+        registerOption('sidebar_show', {
+            processor: 'string'
+        });
+        // This option is being registered in the theme instead of the help plugin as it cannot be accessed from the theme when registered there
+        registerOption('help_accessibility', {
+            processor: 'boolean',
+            default: editor.hasPlugin('help')
+        });
+        registerOption('default_font_stack', {
+            processor: 'string[]',
+            default: []
+        });
+    };
+    const isReadOnly = option$2('readonly');
+    const isDisabled = option$2('disabled');
+    const getHeightOption = option$2('height');
+    const getWidthOption = option$2('width');
+    const getMinWidthOption = wrapOptional(option$2('min_width'));
+    const getMinHeightOption = wrapOptional(option$2('min_height'));
+    const getMaxWidthOption = wrapOptional(option$2('max_width'));
+    const getMaxHeightOption = wrapOptional(option$2('max_height'));
+    const getUserStyleFormats = wrapOptional(option$2('style_formats'));
+    const shouldMergeStyleFormats = option$2('style_formats_merge');
+    const shouldAutoHideStyleFormats = option$2('style_formats_autohide');
+    const getContentLanguages = option$2('content_langs');
+    const getRemovedMenuItems = option$2('removed_menuitems');
+    const getToolbarMode = option$2('toolbar_mode');
+    const getToolbarGroups = option$2('toolbar_groups');
+    const getToolbarLocation = option$2('toolbar_location');
+    const fixedContainerSelector = option$2('fixed_toolbar_container');
+    const fixedToolbarContainerTarget = option$2('fixed_toolbar_container_target');
+    const isToolbarPersist = option$2('toolbar_persist');
+    const getStickyToolbarOffset = option$2('toolbar_sticky_offset');
+    const getMenubar = option$2('menubar');
+    const getToolbar = option$2('toolbar');
+    const getFilePickerCallback = option$2('file_picker_callback');
+    const getFilePickerValidatorHandler = option$2('file_picker_validator_handler');
+    const getFontSizeInputDefaultUnit = option$2('font_size_input_default_unit');
+    const getFilePickerTypes = option$2('file_picker_types');
+    const useTypeaheadUrls = option$2('typeahead_urls');
+    const getAnchorTop = option$2('anchor_top');
+    const getAnchorBottom = option$2('anchor_bottom');
+    const isDraggableModal$1 = option$2('draggable_modal');
+    const useStatusBar = option$2('statusbar');
+    const useElementPath = option$2('elementpath');
+    const useBranding = option$2('branding');
+    const getResize = option$2('resize');
+    const getPasteAsText = option$2('paste_as_text');
+    const getSidebarShow = option$2('sidebar_show');
+    const promotionEnabled = option$2('promotion');
+    const useHelpAccessibility = option$2('help_accessibility');
+    const getDefaultFontStack = option$2('default_font_stack');
+    const getSkin = option$2('skin');
+    const isSkinDisabled = (editor) => editor.options.get('skin') === false;
+    const isMenubarEnabled = (editor) => editor.options.get('menubar') !== false;
+    const getSkinUrl = (editor) => {
+        const skinUrl = editor.options.get('skin_url');
+        if (isSkinDisabled(editor)) {
+            return skinUrl;
+        }
+        else {
+            if (skinUrl) {
+                return editor.documentBaseURI.toAbsolute(skinUrl);
+            }
+            else {
+                const skin = editor.options.get('skin');
+                return global$8.baseURL + '/skins/ui/' + skin;
+            }
+        }
+    };
+    const getSkinUrlOption = (editor) => Optional.from(editor.options.get('skin_url'));
+    const getLineHeightFormats = (editor) => editor.options.get('line_height_formats').split(' ');
+    const isToolbarEnabled = (editor) => {
+        const toolbar = getToolbar(editor);
+        const isToolbarString = isString(toolbar);
+        const isToolbarObjectArray = isArray(toolbar) && toolbar.length > 0;
+        // Toolbar is enabled if its value is true, a string or non-empty object array, but not string array
+        return !isMultipleToolbars(editor) && (isToolbarObjectArray || isToolbarString || toolbar === true);
+    };
+    // Convert toolbar<n> into toolbars array
+    const getMultipleToolbarsOption = (editor) => {
+        const toolbars = range$2(9, (num) => editor.options.get('toolbar' + (num + 1)));
+        const toolbarArray = filter$2(toolbars, isString);
+        return someIf(toolbarArray.length > 0, toolbarArray);
+    };
+    // Check if multiple toolbars is enabled
+    // Multiple toolbars is enabled if toolbar value is a string array or if toolbar<n> is present
+    const isMultipleToolbars = (editor) => getMultipleToolbarsOption(editor).fold(() => {
+        const toolbar = getToolbar(editor);
+        return isArrayOf(toolbar, isString) && toolbar.length > 0;
+    }, always);
+    const isToolbarLocationBottom = (editor) => getToolbarLocation(editor) === ToolbarLocation$1.bottom;
+    const fixedContainerTarget = (editor) => {
+        var _a;
+        if (!editor.inline) {
+            // fixed_toolbar_container(_target) is only available in inline mode
+            return Optional.none();
+        }
+        const selector = (_a = fixedContainerSelector(editor)) !== null && _a !== void 0 ? _a : '';
+        if (selector.length > 0) {
+            // If we have a valid selector
+            return descendant(body(), selector);
+        }
+        const element = fixedToolbarContainerTarget(editor);
+        if (isNonNullable(element)) {
+            // If we have a valid target
+            return Optional?.some(SugarElement.fromDom(element));
+        }
+        return Optional.none();
+    };
+    const useFixedContainer = (editor) => editor.inline && fixedContainerTarget(editor).isSome();
+    const getUiContainer = (editor) => {
+        const fixedContainer = fixedContainerTarget(editor);
+        return fixedContainer.getOrThunk(() => getContentContainer(getRootNode(SugarElement.fromDom(editor.getElement()))));
+    };
+    const isDistractionFree = (editor) => editor.inline && !isMenubarEnabled(editor) && !isToolbarEnabled(editor) && !isMultipleToolbars(editor);
+    const isStickyToolbar = (editor) => {
+        const isStickyToolbar = editor.options.get('toolbar_sticky');
+        return (isStickyToolbar || editor.inline) && !useFixedContainer(editor) && !isDistractionFree(editor);
+    };
+    const isSplitUiMode = (editor) => !useFixedContainer(editor) && editor.options.get('ui_mode') === 'split';
+    const getMenus = (editor) => {
+        const menu = editor.options.get('menu');
+        return map$1(menu, (menu) => ({ ...menu, items: menu.items }));
+    };
+
+    var Options = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        get ToolbarMode () { return ToolbarMode$1; },
+        get ToolbarLocation () { return ToolbarLocation$1; },
+        register: register$f,
+        getSkinUrl: getSkinUrl,
+        getSkinUrlOption: getSkinUrlOption,
+        isReadOnly: isReadOnly,
+        isDisabled: isDisabled,
+        getSkin: getSkin,
+        isSkinDisabled: isSkinDisabled,
+        getHeightOption: getHeightOption,
+        getWidthOption: getWidthOption,
+        getMinWidthOption: getMinWidthOption,
+        getMinHeightOption: getMinHeightOption,
+        getMaxWidthOption: getMaxWidthOption,
+        getMaxHeightOption: getMaxHeightOption,
+        getUserStyleFormats: getUserStyleFormats,
+        shouldMergeStyleFormats: shouldMergeStyleFormats,
+        shouldAutoHideStyleFormats: shouldAutoHideStyleFormats,
+        getLineHeightFormats: getLineHeightFormats,
+        getContentLanguages: getContentLanguages,
+        getRemovedMenuItems: getRemovedMenuItems,
+        isMenubarEnabled: isMenubarEnabled,
+        isMultipleToolbars: isMultipleToolbars,
+        isToolbarEnabled: isToolbarEnabled,
+        isToolbarPersist: isToolbarPersist,
+        getMultipleToolbarsOption: getMultipleToolbarsOption,
+        getUiContainer: getUiContainer,
+        useFixedContainer: useFixedContainer,
+        isSplitUiMode: isSplitUiMode,
+        getToolbarMode: getToolbarMode,
+        isDraggableModal: isDraggableModal$1,
+        isDistractionFree: isDistractionFree,
+        isStickyToolbar: isStickyToolbar,
+        getStickyToolbarOffset: getStickyToolbarOffset,
+        getToolbarLocation: getToolbarLocation,
+        isToolbarLocationBottom: isToolbarLocationBottom,
+        getToolbarGroups: getToolbarGroups,
+        getMenus: getMenus,
+        getMenubar: getMenubar,
+        getToolbar: getToolbar,
+        getFilePickerCallback: getFilePickerCallback,
+        getFilePickerTypes: getFilePickerTypes,
+        useTypeaheadUrls: useTypeaheadUrls,
+        getAnchorTop: getAnchorTop,
+        getAnchorBottom: getAnchorBottom,
+        getFilePickerValidatorHandler: getFilePickerValidatorHandler,
+        getFontSizeInputDefaultUnit: getFontSizeInputDefaultUnit,
+        useStatusBar: useStatusBar,
+        useElementPath: useElementPath,
+        promotionEnabled: promotionEnabled,
+        useBranding: useBranding,
+        getResize: getResize,
+        getPasteAsText: getPasteAsText,
+        getSidebarShow: getSidebarShow,
+        useHelpAccessibility: useHelpAccessibility,
+        getDefaultFontStack: getDefaultFontStack
+    });
+
+    // See https://developer.mozilla.org/en-US/docs/Glossary/Scroll_container for what makes an element scrollable
+    const nonScrollingOverflows = ['visible', 'hidden', 'clip'];
+    const isScrollingOverflowValue = (value) => trim$1(value).length > 0 && !contains$2(nonScrollingOverflows, value);
+    const isScroller = (elem) => {
+        if (isHTMLElement(elem)) {
+            const overflowX = get$e(elem, 'overflow-x');
+            const overflowY = get$e(elem, 'overflow-y');
+            return isScrollingOverflowValue(overflowX) || isScrollingOverflowValue(overflowY);
+        }
+        else {
+            return false;
+        }
+    };
+    const isFullscreen = (editor) => editor.plugins.fullscreen && editor.plugins.fullscreen.isFullscreen();
+    // NOTE: Calculating the list of scrolling ancestors each time this function is called might
+    // be unnecessary. It will depend on its usage.
+    const detect = (editor, popupSinkElem) => {
+        const ancestorsScrollers = ancestors(popupSinkElem, isScroller);
+        // If there is no scrollable container, we try to see if it's in a shadow root, and try to traverse beyond the host of shadow root to retrieve the scrollable container
+        // If it is not within a ShadowRoot, since if there's a scrollable container as the ancestors, then it would not execute the code below, or return an empty array if it's not in a ShadowRoot
+        const scrollers = ancestorsScrollers.length === 0
+            ? getShadowRoot(popupSinkElem)?.map(getShadowHost)?.map((x) => ancestors(x, isScroller)).getOr([])
+            : ancestorsScrollers;
+        return head(scrollers)
+            ?.map((element) => ({
+            element,
+            // A list of all scrolling elements above the nearest scroller,
+            // ordered from closest to popup -> closest to top of document
+            others: scrollers.slice(1),
+            isFullscreen: () => isFullscreen(editor)
+        }));
+    };
+    const detectWhenSplitUiMode = (editor, popupSinkElem) => isSplitUiMode(editor) ? detect(editor, popupSinkElem) : Optional.none();
+    // Using all the scrolling viewports in the ancestry, limit the absolute
+    // coordinates of window so that the bounds are limited by all the scrolling
+    // viewports.
+    const getBoundsFrom = (sc) => {
+        const scrollableBoxes = [
+            // sc.element is the main scroller, others are *additional* scrollers above that
+            // we need to combine all of them to constrain the bounds
+            ...map$2(sc.others, box$1),
+            win()
+        ];
+        return sc.isFullscreen() ? win() : constrainByMany(box$1(sc.element), scrollableBoxes);
+    };
+
+    /*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
+
+    const {
+      entries,
+      setPrototypeOf,
+      isFrozen,
+      getPrototypeOf,
+      getOwnPropertyDescriptor
+    } = Object;
+    let {
+      freeze,
+      seal,
+      create: create$1
+    } = Object; // eslint-disable-line import/no-mutable-exports
+    let {
+      apply,
+      construct
+    } = typeof Reflect !== 'undefined' && Reflect;
+    if (!freeze) {
+      freeze = function freeze(x) {
+        return x;
+      };
+    }
+    if (!seal) {
+      seal = function seal(x) {
+        return x;
+      };
+    }
+    if (!apply) {
+      apply = function apply(fun, thisValue, args) {
+        return fun.apply(thisValue, args);
+      };
+    }
+    if (!construct) {
+      construct = function construct(Func, args) {
+        return new Func(...args);
+      };
+    }
+    const arrayForEach = unapply(Array.prototype.forEach);
+    const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+    const arrayPop = unapply(Array.prototype.pop);
+    const arrayPush = unapply(Array.prototype.push);
+    const arraySplice = unapply(Array.prototype.splice);
+    const stringToLowerCase = unapply(String.prototype.toLowerCase);
+    const stringToString = unapply(String.prototype.toString);
+    const stringMatch = unapply(String.prototype.match);
+    const stringReplace = unapply(String.prototype.replace);
+    const stringIndexOf = unapply(String.prototype.indexOf);
+    const stringTrim = unapply(String.prototype.trim);
+    const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+    const regExpTest = unapply(RegExp.prototype.test);
+    const typeErrorCreate = unconstruct(TypeError);
+    /**
+     * Creates a new function that calls the given function with a specified thisArg and arguments.
+     *
+     * @param func - The function to be wrapped and called.
+     * @returns A new function that calls the given function with a specified thisArg and arguments.
+     */
+    function unapply(func) {
+      return function (thisArg) {
+        if (thisArg instanceof RegExp) {
+          thisArg.lastIndex = 0;
+        }
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        return apply(func, thisArg, args);
+      };
+    }
+    /**
+     * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+     *
+     * @param func - The constructor function to be wrapped and called.
+     * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
+     */
+    function unconstruct(func) {
+      return function () {
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        return construct(func, args);
+      };
+    }
+    /**
+     * Add properties to a lookup table
+     *
+     * @param set - The set to which elements will be added.
+     * @param array - The array containing elements to be added to the set.
+     * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+     * @returns The modified set with added elements.
+     */
+    function addToSet(set, array) {
+      let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
+      if (setPrototypeOf) {
+        // Make 'in' and truthy checks like Boolean(set.constructor)
+        // independent of any properties defined on Object.prototype.
+        // Prevent prototype setters from intercepting set as a this value.
+        setPrototypeOf(set, null);
+      }
+      let l = array.length;
+      while (l--) {
+        let element = array[l];
+        if (typeof element === 'string') {
+          const lcElement = transformCaseFunc(element);
+          if (lcElement !== element) {
+            // Config presets (e.g. tags.js, attrs.js) are immutable.
+            if (!isFrozen(array)) {
+              array[l] = lcElement;
+            }
+            element = lcElement;
+          }
+        }
+        set[element] = true;
+      }
+      return set;
+    }
+    /**
+     * Clean up an array to harden against CSPP
+     *
+     * @param array - The array to be cleaned.
+     * @returns The cleaned version of the array
+     */
+    function cleanArray(array) {
+      for (let index = 0; index < array.length; index++) {
+        const isPropertyExist = objectHasOwnProperty(array, index);
+        if (!isPropertyExist) {
+          array[index] = null;
+        }
+      }
+      return array;
+    }
+    /**
+     * Shallow clone an object
+     *
+     * @param object - The object to be cloned.
+     * @returns A new object that copies the original.
+     */
+    function clone(object) {
+      const newObject = create$1(null);
+      for (const [property, value] of entries(object)) {
+        const isPropertyExist = objectHasOwnProperty(object, property);
+        if (isPropertyExist) {
+          if (Array.isArray(value)) {
+            newObject[property] = cleanArray(value);
+          } else if (value && typeof value === 'object' && value.constructor === Object) {
+            newObject[property] = clone(value);
+          } else {
+            newObject[property] = value;
+          }
+        }
+      }
+      return newObject;
+    }
+    /**
+     * This method automatically checks if the prop is function or getter and behaves accordingly.
+     *
+     * @param object - The object to look up the getter function in its prototype chain.
+     * @param prop - The property name for which to find the getter function.
+     * @returns The getter function found in the prototype chain or a fallback function.
+     */
+    function lookupGetter(object, prop) {
+      while (object !== null) {
+        const desc = getOwnPropertyDescriptor(object, prop);
+        if (desc) {
+          if (desc.get) {
+            return unapply(desc.get);
+          }
+          if (typeof desc.value === 'function') {
+            return unapply(desc.value);
+          }
+        }
+        object = getPrototypeOf(object);
+      }
+      function fallbackValue() {
+        return null;
+      }
+      return fallbackValue;
+    }
+
+    const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+    const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+    const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+    // List of SVG elements that are disallowed by default.
+    // We still need to know them so that we can do namespace
+    // checks properly in case one wants to add them to
+    // allow-list.
+    const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+    const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
+    // Similarly to SVG, we want to know all MathML elements,
+    // even those that we disallow by default.
+    const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+    const text$1 = freeze(['#text']);
+
+    const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+    const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+    const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+    const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+    // eslint-disable-next-line unicorn/better-regex
+    const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+    const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+    const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
+    const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
+    const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+    const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+    );
+    const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+    const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+    );
+    const DOCTYPE_NAME = seal(/^html$/i);
+    const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+
+    var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+      __proto__: null,
+      ARIA_ATTR: ARIA_ATTR,
+      ATTR_WHITESPACE: ATTR_WHITESPACE,
+      CUSTOM_ELEMENT: CUSTOM_ELEMENT,
+      DATA_ATTR: DATA_ATTR,
+      DOCTYPE_NAME: DOCTYPE_NAME,
+      ERB_EXPR: ERB_EXPR,
+      IS_ALLOWED_URI: IS_ALLOWED_URI,
+      IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+      MUSTACHE_EXPR: MUSTACHE_EXPR,
+      TMPLIT_EXPR: TMPLIT_EXPR
+    });
+
+    /* eslint-disable @typescript-eslint/indent */
+    // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+    const NODE_TYPE = {
+      element: 1,
+      attribute: 2,
+      text: 3,
+      cdataSection: 4,
+      entityReference: 5,
+      // Deprecated
+      entityNode: 6,
+      // Deprecated
+      progressingInstruction: 7,
+      comment: 8,
+      document: 9,
+      documentType: 10,
+      documentFragment: 11,
+      notation: 12 // Deprecated
+    };
+    const getGlobal = function getGlobal() {
+      return typeof window === 'undefined' ? null : window;
+    };
+    /**
+     * Creates a no-op policy for internal use only.
+     * Don't export this function outside this module!
+     * @param trustedTypes The policy factory.
+     * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+     * @return The policy created (or null, if Trusted Types
+     * are not supported or creating the policy failed).
+     */
+    const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
+      if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+        return null;
+      }
+      // Allow the callers to control the unique policy name
+      // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+      // Policy creation with duplicate names throws in Trusted Types.
+      let suffix = null;
+      const ATTR_NAME = 'data-tt-policy-suffix';
+      if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+        suffix = purifyHostElement.getAttribute(ATTR_NAME);
+      }
+      const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+      try {
+        return trustedTypes.createPolicy(policyName, {
+          createHTML(html) {
+            return html;
+          },
+          createScriptURL(scriptUrl) {
+            return scriptUrl;
+          }
+        });
+      } catch (_) {
+        // Policy creation failed (most likely another DOMPurify script has
+        // already run). Skip creating the policy, as this will only cause errors
+        // if TT are enforced.
+        console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+        return null;
+      }
+    };
+    const _createHooksMap = function _createHooksMap() {
+      return {
+        afterSanitizeAttributes: [],
+        afterSanitizeElements: [],
+        afterSanitizeShadowDOM: [],
+        beforeSanitizeAttributes: [],
+        beforeSanitizeElements: [],
+        beforeSanitizeShadowDOM: [],
+        uponSanitizeAttribute: [],
+        uponSanitizeElement: [],
+        uponSanitizeShadowNode: []
+      };
+    };
+    function createDOMPurify() {
+      let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+      const DOMPurify = root => createDOMPurify(root);
+      DOMPurify.version = '3.2.6';
+      DOMPurify.removed = [];
+      if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
+        // Not running in a browser, provide a factory function
+        // so that you can pass your own Window
+        DOMPurify.isSupported = false;
+        return DOMPurify;
+      }
+      let {
+        document
+      } = window;
+      const originalDocument = document;
+      const currentScript = originalDocument.currentScript;
+      const {
+        DocumentFragment,
+        HTMLTemplateElement,
+        Node,
+        Element,
+        NodeFilter,
+        NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+        HTMLFormElement,
+        DOMParser,
+        trustedTypes
+      } = window;
+      const ElementPrototype = Element.prototype;
+      const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+      const remove = lookupGetter(ElementPrototype, 'remove');
+      const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+      const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+      const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+      // As per issue #47, the web-components registry is inherited by a
+      // new document created via createHTMLDocument. As per the spec
+      // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+      // a new empty registry is used when creating a template contents owner
+      // document, so we use that as our parent document to ensure nothing
+      // is inherited.
+      if (typeof HTMLTemplateElement === 'function') {
+        const template = document.createElement('template');
+        if (template.content && template.content.ownerDocument) {
+          document = template.content.ownerDocument;
+        }
+      }
+      let trustedTypesPolicy;
+      let emptyHTML = '';
+      const {
+        implementation,
+        createNodeIterator,
+        createDocumentFragment,
+        getElementsByTagName
+      } = document;
+      const {
+        importNode
+      } = originalDocument;
+      let hooks = _createHooksMap();
+      /**
+       * Expose whether this browser supports running the full DOMPurify.
+       */
+      DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
+      const {
+        MUSTACHE_EXPR,
+        ERB_EXPR,
+        TMPLIT_EXPR,
+        DATA_ATTR,
+        ARIA_ATTR,
+        IS_SCRIPT_OR_DATA,
+        ATTR_WHITESPACE,
+        CUSTOM_ELEMENT
+      } = EXPRESSIONS;
+      let {
+        IS_ALLOWED_URI: IS_ALLOWED_URI$1
+      } = EXPRESSIONS;
+      /**
+       * We consider the elements and attributes below to be safe. Ideally
+       * don't add any new ones but feel free to remove unwanted ones.
+       */
+      /* allowed element names */
+      let ALLOWED_TAGS = null;
+      const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text$1]);
+      /* Allowed attribute names */
+      let ALLOWED_ATTR = null;
+      const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+      /*
+       * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
+       * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+       * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+       * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+       */
+      let CUSTOM_ELEMENT_HANDLING = Object.seal(create$1(null, {
+        tagNameCheck: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: null
+        },
+        attributeNameCheck: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: null
+        },
+        allowCustomizedBuiltInElements: {
+          writable: true,
+          configurable: false,
+          enumerable: true,
+          value: false
+        }
+      }));
+      /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+      let FORBID_TAGS = null;
+      /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+      let FORBID_ATTR = null;
+      /* Decide if ARIA attributes are okay */
+      let ALLOW_ARIA_ATTR = true;
+      /* Decide if custom data attributes are okay */
+      let ALLOW_DATA_ATTR = true;
+      /* Decide if unknown protocols are okay */
+      let ALLOW_UNKNOWN_PROTOCOLS = false;
+      /* Decide if self-closing tags in attributes are allowed.
+       * Usually removed due to a mXSS issue in jQuery 3.0 */
+      let ALLOW_SELF_CLOSE_IN_ATTR = true;
+      /* Output should be safe for common template engines.
+       * This means, DOMPurify removes data attributes, mustaches and ERB
+       */
+      let SAFE_FOR_TEMPLATES = false;
+      /* Output should be safe even for XML used within HTML and alike.
+       * This means, DOMPurify removes comments when containing risky content.
+       */
+      let SAFE_FOR_XML = true;
+      /* Decide if document with <html>... should be returned */
+      let WHOLE_DOCUMENT = false;
+      /* Track whether config is already set on this instance of DOMPurify. */
+      let SET_CONFIG = false;
+      /* Decide if all elements (e.g. style, script) must be children of
+       * document.body. By default, browsers might move them to document.head */
+      let FORCE_BODY = false;
+      /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+       * string (or a TrustedHTML object if Trusted Types are supported).
+       * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+       */
+      let RETURN_DOM = false;
+      /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+       * string  (or a TrustedHTML object if Trusted Types are supported) */
+      let RETURN_DOM_FRAGMENT = false;
+      /* Try to return a Trusted Type object instead of a string, return a string in
+       * case Trusted Types are not supported  */
+      let RETURN_TRUSTED_TYPE = false;
+      /* Output should be free from DOM clobbering attacks?
+       * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+       */
+      let SANITIZE_DOM = true;
+      /* Achieve full DOM Clobbering protection by isolating the namespace of named
+       * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+       *
+       * HTML/DOM spec rules that enable DOM Clobbering:
+       *   - Named Access on Window (§7.3.3)
+       *   - DOM Tree Accessors (§3.1.5)
+       *   - Form Element Parent-Child Relations (§4.10.3)
+       *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+       *   - HTMLCollection (§4.2.10.2)
+       *
+       * Namespace isolation is implemented by prefixing `id` and `name` attributes
+       * with a constant string, i.e., `user-content-`
+       */
+      let SANITIZE_NAMED_PROPS = false;
+      const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+      /* Keep element content when removing element? */
+      let KEEP_CONTENT = true;
+      /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+       * of importing it into a new Document and returning a sanitized copy */
+      let IN_PLACE = false;
+      /* Allow usage of profiles like html, svg and mathMl */
+      let USE_PROFILES = {};
+      /* Tags to ignore content of when KEEP_CONTENT is true */
+      let FORBID_CONTENTS = null;
+      const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+      /* Tags that are safe for data: URIs */
+      let DATA_URI_TAGS = null;
+      const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+      /* Attributes safe for values like "javascript:" */
+      let URI_SAFE_ATTRIBUTES = null;
+      const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+      const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+      const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+      const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+      /* Document namespace */
+      let NAMESPACE = HTML_NAMESPACE;
+      let IS_EMPTY_INPUT = false;
+      /* Allowed XHTML+XML namespaces */
+      let ALLOWED_NAMESPACES = null;
+      const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+      let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+      let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
+      // Certain elements are allowed in both SVG and HTML
+      // namespace. We need to specify them explicitly
+      // so that they don't get erroneously deleted from
+      // HTML namespace.
+      const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+      /* Parsing of strict XHTML documents */
+      let PARSER_MEDIA_TYPE = null;
+      const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+      const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+      let transformCaseFunc = null;
+      /* Keep a reference to config to pass to hooks */
+      let CONFIG = null;
+      /* Ideally, do not touch anything below this line */
+      /* ______________________________________________ */
+      const formElement = document.createElement('form');
+      const isRegexOrFunction = function isRegexOrFunction(testValue) {
+        return testValue instanceof RegExp || testValue instanceof Function;
+      };
+      /**
+       * _parseConfig
+       *
+       * @param cfg optional config literal
+       */
+      // eslint-disable-next-line complexity
+      const _parseConfig = function _parseConfig() {
+        let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        if (CONFIG && CONFIG === cfg) {
+          return;
+        }
+        /* Shield configuration object from tampering */
+        if (!cfg || typeof cfg !== 'object') {
+          cfg = {};
+        }
+        /* Shield configuration object from prototype pollution */
+        cfg = clone(cfg);
+        PARSER_MEDIA_TYPE =
+        // eslint-disable-next-line unicorn/prefer-includes
+        SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+        // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+        transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+        /* Set configuration parameters */
+        ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+        ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+        ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+        URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+        DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+        FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+        FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
+        FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
+        USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
+        ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+        ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+        ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+        ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+        SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+        SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
+        WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+        RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+        RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+        RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+        FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+        SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+        SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+        KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+        IN_PLACE = cfg.IN_PLACE || false; // Default false
+        IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+        NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+        MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+        HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+        CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+        if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+          CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+        }
+        if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+          CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+        }
+        if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+          CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+        }
+        if (SAFE_FOR_TEMPLATES) {
+          ALLOW_DATA_ATTR = false;
+        }
+        if (RETURN_DOM_FRAGMENT) {
+          RETURN_DOM = true;
+        }
+        /* Parse profile info */
+        if (USE_PROFILES) {
+          ALLOWED_TAGS = addToSet({}, text$1);
+          ALLOWED_ATTR = [];
+          if (USE_PROFILES.html === true) {
+            addToSet(ALLOWED_TAGS, html$1);
+            addToSet(ALLOWED_ATTR, html);
+          }
+          if (USE_PROFILES.svg === true) {
+            addToSet(ALLOWED_TAGS, svg$1);
+            addToSet(ALLOWED_ATTR, svg);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+          if (USE_PROFILES.svgFilters === true) {
+            addToSet(ALLOWED_TAGS, svgFilters);
+            addToSet(ALLOWED_ATTR, svg);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+          if (USE_PROFILES.mathMl === true) {
+            addToSet(ALLOWED_TAGS, mathMl$1);
+            addToSet(ALLOWED_ATTR, mathMl);
+            addToSet(ALLOWED_ATTR, xml);
+          }
+        }
+        /* Merge configuration parameters */
+        if (cfg.ADD_TAGS) {
+          if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+            ALLOWED_TAGS = clone(ALLOWED_TAGS);
+          }
+          addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+        }
+        if (cfg.ADD_ATTR) {
+          if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+            ALLOWED_ATTR = clone(ALLOWED_ATTR);
+          }
+          addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+        }
+        if (cfg.ADD_URI_SAFE_ATTR) {
+          addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+        }
+        if (cfg.FORBID_CONTENTS) {
+          if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+            FORBID_CONTENTS = clone(FORBID_CONTENTS);
+          }
+          addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+        }
+        /* Add #text in case KEEP_CONTENT is set to true */
+        if (KEEP_CONTENT) {
+          ALLOWED_TAGS['#text'] = true;
+        }
+        /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+        if (WHOLE_DOCUMENT) {
+          addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+        }
+        /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+        if (ALLOWED_TAGS.table) {
+          addToSet(ALLOWED_TAGS, ['tbody']);
+          delete FORBID_TAGS.tbody;
+        }
+        if (cfg.TRUSTED_TYPES_POLICY) {
+          if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+            throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+          }
+          if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+            throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+          }
+          // Overwrite existing TrustedTypes policy.
+          trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+          // Sign local variables required by `sanitize`.
+          emptyHTML = trustedTypesPolicy.createHTML('');
+        } else {
+          // Uninitialized policy, attempt to initialize the internal dompurify policy.
+          if (trustedTypesPolicy === undefined) {
+            trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+          }
+          // If creating the internal policy succeeded sign internal variables.
+          if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+            emptyHTML = trustedTypesPolicy.createHTML('');
+          }
+        }
+        // Prevent further manipulation of configuration.
+        // Not available in IE8, Safari 5, etc.
+        if (freeze) {
+          freeze(cfg);
+        }
+        CONFIG = cfg;
+      };
+      /* Keep track of all possible SVG and MathML tags
+       * so that we can perform the namespace checks
+       * correctly. */
+      const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+      const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+      /**
+       * @param element a DOM element whose namespace is being checked
+       * @returns Return false if the element has a
+       *  namespace that a spec-compliant parser would never
+       *  return. Return true otherwise.
+       */
+      const _checkValidNamespace = function _checkValidNamespace(element) {
+        let parent = getParentNode(element);
+        // In JSDOM, if we're inside shadow DOM, then parentNode
+        // can be null. We just simulate parent in this case.
+        if (!parent || !parent.tagName) {
+          parent = {
+            namespaceURI: NAMESPACE,
+            tagName: 'template'
+          };
+        }
+        const tagName = stringToLowerCase(element.tagName);
+        const parentTagName = stringToLowerCase(parent.tagName);
+        if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+          return false;
+        }
+        if (element.namespaceURI === SVG_NAMESPACE) {
+          // The only way to switch from HTML namespace to SVG
+          // is via <svg>. If it happens via any other tag, then
+          // it should be killed.
+          if (parent.namespaceURI === HTML_NAMESPACE) {
+            return tagName === 'svg';
+          }
+          // The only way to switch from MathML to SVG is via`
+          // svg if parent is either <annotation-xml> or MathML
+          // text integration points.
+          if (parent.namespaceURI === MATHML_NAMESPACE) {
+            return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+          }
+          // We only allow elements that are defined in SVG
+          // spec. All others are disallowed in SVG namespace.
+          return Boolean(ALL_SVG_TAGS[tagName]);
+        }
+        if (element.namespaceURI === MATHML_NAMESPACE) {
+          // The only way to switch from HTML namespace to MathML
+          // is via <math>. If it happens via any other tag, then
+          // it should be killed.
+          if (parent.namespaceURI === HTML_NAMESPACE) {
+            return tagName === 'math';
+          }
+          // The only way to switch from SVG to MathML is via
+          // <math> and HTML integration points
+          if (parent.namespaceURI === SVG_NAMESPACE) {
+            return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+          }
+          // We only allow elements that are defined in MathML
+          // spec. All others are disallowed in MathML namespace.
+          return Boolean(ALL_MATHML_TAGS[tagName]);
+        }
+        if (element.namespaceURI === HTML_NAMESPACE) {
+          // The only way to switch from SVG to HTML is via
+          // HTML integration points, and from MathML to HTML
+          // is via MathML text integration points
+          if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+            return false;
+          }
+          if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+            return false;
+          }
+          // We disallow tags that are specific for MathML
+          // or SVG and should never appear in HTML namespace
+          return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+        }
+        // For XHTML and XML documents that support custom namespaces
+        if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+          return true;
+        }
+        // The code should never reach this place (this means
+        // that the element somehow got namespace that is not
+        // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+        // Return false just in case.
+        return false;
+      };
+      /**
+       * _forceRemove
+       *
+       * @param node a DOM node
+       */
+      const _forceRemove = function _forceRemove(node) {
+        arrayPush(DOMPurify.removed, {
+          element: node
+        });
+        try {
+          // eslint-disable-next-line unicorn/prefer-dom-node-remove
+          getParentNode(node).removeChild(node);
+        } catch (_) {
+          remove(node);
+        }
+      };
+      /**
+       * _removeAttribute
+       *
+       * @param name an Attribute name
+       * @param element a DOM node
+       */
+      const _removeAttribute = function _removeAttribute(name, element) {
+        try {
+          arrayPush(DOMPurify.removed, {
+            attribute: element.getAttributeNode(name),
+            from: element
+          });
+        } catch (_) {
+          arrayPush(DOMPurify.removed, {
+            attribute: null,
+            from: element
+          });
+        }
+        element.removeAttribute(name);
+        // We void attribute values for unremovable "is" attributes
+        if (name === 'is') {
+          if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+            try {
+              _forceRemove(element);
+            } catch (_) {}
+          } else {
+            try {
+              element.setAttribute(name, '');
+            } catch (_) {}
+          }
+        }
+      };
+      /**
+       * _initDocument
+       *
+       * @param dirty - a string of dirty markup
+       * @return a DOM, filled with the dirty markup
+       */
+      const _initDocument = function _initDocument(dirty) {
+        /* Create a HTML document */
+        let doc = null;
+        let leadingWhitespace = null;
+        if (FORCE_BODY) {
+          dirty = '<remove></remove>' + dirty;
+        } else {
+          /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+          const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+          leadingWhitespace = matches && matches[0];
+        }
+        if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+          // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+          dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+        }
+        const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+        /*
+         * Use the DOMParser API by default, fallback later if needs be
+         * DOMParser not work for svg when has multiple root element.
+         */
+        if (NAMESPACE === HTML_NAMESPACE) {
+          try {
+            doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+          } catch (_) {}
+        }
+        /* Use createHTMLDocument in case DOMParser is not available */
+        if (!doc || !doc.documentElement) {
+          doc = implementation.createDocument(NAMESPACE, 'template', null);
+          try {
+            doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+          } catch (_) {
+            // Syntax error if dirtyPayload is invalid xml
+          }
+        }
+        const body = doc.body || doc.documentElement;
+        if (dirty && leadingWhitespace) {
+          body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+        }
+        /* Work on whole document or just its body */
+        if (NAMESPACE === HTML_NAMESPACE) {
+          return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+        }
+        return WHOLE_DOCUMENT ? doc.documentElement : body;
+      };
+      /**
+       * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
+       *
+       * @param root The root element or node to start traversing on.
+       * @return The created NodeIterator
+       */
+      const _createNodeIterator = function _createNodeIterator(root) {
+        return createNodeIterator.call(root.ownerDocument || root, root,
+        // eslint-disable-next-line no-bitwise
+        NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
+      };
+      /**
+       * _isClobbered
+       *
+       * @param element element to check for clobbering attacks
+       * @return true if clobbered, false if safe
+       */
+      const _isClobbered = function _isClobbered(element) {
+        return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
+      };
+      /**
+       * Checks whether the given object is a DOM node.
+       *
+       * @param value object to check whether it's a DOM node
+       * @return true is object is a DOM node
+       */
+      const _isNode = function _isNode(value) {
+        return typeof Node === 'function' && value instanceof Node;
+      };
+      function _executeHooks(hooks, currentNode, data) {
+        arrayForEach(hooks, hook => {
+          hook.call(DOMPurify, currentNode, data, CONFIG);
+        });
+      }
+      /**
+       * _sanitizeElements
+       *
+       * @protect nodeName
+       * @protect textContent
+       * @protect removeChild
+       * @param currentNode to check for permission to exist
+       * @return true if node was killed, false if left alive
+       */
+      const _sanitizeElements = function _sanitizeElements(currentNode) {
+        let content = null;
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+        /* Check if element is clobbered or can clobber */
+        if (_isClobbered(currentNode)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Now let's check the element's type and name */
+        const tagName = transformCaseFunc(currentNode.nodeName);
+        /* Execute a hook if present */
+        _executeHooks(hooks.uponSanitizeElement, currentNode, {
+          tagName,
+          allowedTags: ALLOWED_TAGS
+        });
+        /* Detect mXSS attempts abusing namespace confusion */
+        if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove any occurrence of processing instructions */
+        if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove any kind of possibly harmful comments */
+        if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Remove element if anything forbids its presence */
+        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+          /* Check if we have a custom element to handle */
+          if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+            if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+              return false;
+            }
+            if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+              return false;
+            }
+          }
+          /* Keep content except for bad-listed elements */
+          if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+            const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+            const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+            if (childNodes && parentNode) {
+              const childCount = childNodes.length;
+              for (let i = childCount - 1; i >= 0; --i) {
+                const childClone = cloneNode(childNodes[i], true);
+                childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+                parentNode.insertBefore(childClone, getNextSibling(currentNode));
+              }
+            }
+          }
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Check whether element has a valid namespace */
+        if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Make sure that older browsers don't get fallback-tag mXSS */
+        if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+          _forceRemove(currentNode);
+          return true;
+        }
+        /* Sanitize element content to be template-safe */
+        if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+          /* Get the element's text content */
+          content = currentNode.textContent;
+          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+            content = stringReplace(content, expr, ' ');
+          });
+          if (currentNode.textContent !== content) {
+            arrayPush(DOMPurify.removed, {
+              element: currentNode.cloneNode()
+            });
+            currentNode.textContent = content;
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+        return false;
+      };
+      /**
+       * _isValidAttribute
+       *
+       * @param lcTag Lowercase tag name of containing element.
+       * @param lcName Lowercase attribute name.
+       * @param value Attribute value.
+       * @return Returns true if `value` is valid, otherwise false.
+       */
+      // eslint-disable-next-line complexity
+      const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+        /* Make sure attribute cannot clobber */
+        if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+          return false;
+        }
+        /* Allow valid data-* attributes: At least one character after "-"
+            (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+            XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+            We don't need to check the value; it's always URI safe. */
+        if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+          if (
+          // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+          // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+          _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+          // Alternative, second condition checks if it's an `is`-attribute, AND
+          // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+            return false;
+          }
+          /* Check value is safe. First, is attr inert? If so, is safe */
+        } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
+          return false;
+        } else ;
+        return true;
+      };
+      /**
+       * _isBasicCustomElement
+       * checks if at least one dash is included in tagName, and it's not the first char
+       * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+       *
+       * @param tagName name of the tag of the node to sanitize
+       * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+       */
+      const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
+        return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
+      };
+      /**
+       * _sanitizeAttributes
+       *
+       * @protect attributes
+       * @protect nodeName
+       * @protect removeAttribute
+       * @protect setAttribute
+       *
+       * @param currentNode to sanitize
+       */
+      const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+        const {
+          attributes
+        } = currentNode;
+        /* Check if we have attributes; if not we might have a text node */
+        if (!attributes || _isClobbered(currentNode)) {
+          return;
+        }
+        const hookEvent = {
+          attrName: '',
+          attrValue: '',
+          keepAttr: true,
+          allowedAttributes: ALLOWED_ATTR,
+          forceKeepAttr: undefined
+        };
+        let l = attributes.length;
+        /* Go backwards over all attributes; safely remove bad ones */
+        while (l--) {
+          const attr = attributes[l];
+          const {
+            name,
+            namespaceURI,
+            value: attrValue
+          } = attr;
+          const lcName = transformCaseFunc(name);
+          const initValue = attrValue;
+          let value = name === 'value' ? initValue : stringTrim(initValue);
+          /* Execute a hook if present */
+          hookEvent.attrName = lcName;
+          hookEvent.attrValue = value;
+          hookEvent.keepAttr = true;
+          hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+          _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+          value = hookEvent.attrValue;
+          /* Full DOM Clobbering protection via namespace isolation,
+           * Prefix id and name attributes with `user-content-`
+           */
+          if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+            // Remove the attribute with this value
+            _removeAttribute(name, currentNode);
+            // Prefix the value and later re-create the attribute with the sanitized value
+            value = SANITIZE_NAMED_PROPS_PREFIX + value;
+          }
+          /* Work around a security issue with comments inside attributes */
+          if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Did the hooks approve of the attribute? */
+          if (hookEvent.forceKeepAttr) {
+            continue;
+          }
+          /* Did the hooks approve of the attribute? */
+          if (!hookEvent.keepAttr) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Work around a security issue in jQuery 3.0 */
+          if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Sanitize attribute content to be template-safe */
+          if (SAFE_FOR_TEMPLATES) {
+            arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+              value = stringReplace(value, expr, ' ');
+            });
+          }
+          /* Is `value` valid for this attribute? */
+          const lcTag = transformCaseFunc(currentNode.nodeName);
+          if (!_isValidAttribute(lcTag, lcName, value)) {
+            _removeAttribute(name, currentNode);
+            continue;
+          }
+          /* Handle attributes that require Trusted Types */
+          if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+            if (namespaceURI) ; else {
+              switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+                case 'TrustedHTML':
+                  {
+                    value = trustedTypesPolicy.createHTML(value);
+                    break;
+                  }
+                case 'TrustedScriptURL':
+                  {
+                    value = trustedTypesPolicy.createScriptURL(value);
+                    break;
+                  }
+              }
+            }
+          }
+          /* Handle invalid data-* attribute set by try-catching it */
+          if (value !== initValue) {
+            try {
+              if (namespaceURI) {
+                currentNode.setAttributeNS(namespaceURI, name, value);
+              } else {
+                /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+                currentNode.setAttribute(name, value);
+              }
+              if (_isClobbered(currentNode)) {
+                _forceRemove(currentNode);
+              } else {
+                arrayPop(DOMPurify.removed);
+              }
+            } catch (_) {
+              _removeAttribute(name, currentNode);
+            }
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+      };
+      /**
+       * _sanitizeShadowDOM
+       *
+       * @param fragment to iterate over recursively
+       */
+      const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+        let shadowNode = null;
+        const shadowIterator = _createNodeIterator(fragment);
+        /* Execute a hook if present */
+        _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+        while (shadowNode = shadowIterator.nextNode()) {
+          /* Execute a hook if present */
+          _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+          /* Sanitize tags and elements */
+          _sanitizeElements(shadowNode);
+          /* Check attributes next */
+          _sanitizeAttributes(shadowNode);
+          /* Deep shadow DOM detected */
+          if (shadowNode.content instanceof DocumentFragment) {
+            _sanitizeShadowDOM(shadowNode.content);
+          }
+        }
+        /* Execute a hook if present */
+        _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+      };
+      // eslint-disable-next-line complexity
+      DOMPurify.sanitize = function (dirty) {
+        let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        let body = null;
+        let importedNode = null;
+        let currentNode = null;
+        let returnNode = null;
+        /* Make sure we have a string to sanitize.
+          DO NOT return early, as this will return the wrong type if
+          the user has requested a DOM object rather than a string */
+        IS_EMPTY_INPUT = !dirty;
+        if (IS_EMPTY_INPUT) {
+          dirty = '<!-->';
+        }
+        /* Stringify, in case dirty is an object */
+        if (typeof dirty !== 'string' && !_isNode(dirty)) {
+          if (typeof dirty.toString === 'function') {
+            dirty = dirty.toString();
+            if (typeof dirty !== 'string') {
+              throw typeErrorCreate('dirty is not a string, aborting');
+            }
+          } else {
+            throw typeErrorCreate('toString is not a function');
+          }
+        }
+        /* Return dirty HTML if DOMPurify cannot run */
+        if (!DOMPurify.isSupported) {
+          return dirty;
+        }
+        /* Assign config vars */
+        if (!SET_CONFIG) {
+          _parseConfig(cfg);
+        }
+        /* Clean up removed elements */
+        DOMPurify.removed = [];
+        /* Check if dirty is correctly typed for IN_PLACE */
+        if (typeof dirty === 'string') {
+          IN_PLACE = false;
+        }
+        if (IN_PLACE) {
+          /* Do some early pre-sanitization to avoid unsafe root nodes */
+          if (dirty.nodeName) {
+            const tagName = transformCaseFunc(dirty.nodeName);
+            if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+              throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+            }
+          }
+        } else if (dirty instanceof Node) {
+          /* If dirty is a DOM element, append to an empty document to avoid
+             elements being stripped by the parser */
+          body = _initDocument('<!---->');
+          importedNode = body.ownerDocument.importNode(dirty, true);
+          if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
+            /* Node is already a body, use as is */
+            body = importedNode;
+          } else if (importedNode.nodeName === 'HTML') {
+            body = importedNode;
+          } else {
+            // eslint-disable-next-line unicorn/prefer-dom-node-append
+            body.appendChild(importedNode);
+          }
+        } else {
+          /* Exit directly if we have nothing to do */
+          if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+          // eslint-disable-next-line unicorn/prefer-includes
+          dirty.indexOf('<') === -1) {
+            return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+          }
+          /* Initialize the document to work on */
+          body = _initDocument(dirty);
+          /* Check we have a DOM node from the data */
+          if (!body) {
+            return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+          }
+        }
+        /* Remove first element node (ours) if FORCE_BODY is set */
+        if (body && FORCE_BODY) {
+          _forceRemove(body.firstChild);
+        }
+        /* Get node iterator */
+        const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+        /* Now start iterating over the created document */
+        while (currentNode = nodeIterator.nextNode()) {
+          /* Sanitize tags and elements */
+          _sanitizeElements(currentNode);
+          /* Check attributes next */
+          _sanitizeAttributes(currentNode);
+          /* Shadow DOM detected, sanitize it */
+          if (currentNode.content instanceof DocumentFragment) {
+            _sanitizeShadowDOM(currentNode.content);
+          }
+        }
+        /* If we sanitized `dirty` in-place, return it. */
+        if (IN_PLACE) {
+          return dirty;
+        }
+        /* Return sanitized string or DOM */
+        if (RETURN_DOM) {
+          if (RETURN_DOM_FRAGMENT) {
+            returnNode = createDocumentFragment.call(body.ownerDocument);
+            while (body.firstChild) {
+              // eslint-disable-next-line unicorn/prefer-dom-node-append
+              returnNode.appendChild(body.firstChild);
+            }
+          } else {
+            returnNode = body;
+          }
+          if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+            /*
+              AdoptNode() is not used because internal state is not reset
+              (e.g. the past names map of a HTMLFormElement), this is safe
+              in theory but we would rather not risk another attack vector.
+              The state that is cloned by importNode() is explicitly defined
+              by the specs.
+            */
+            returnNode = importNode.call(originalDocument, returnNode, true);
+          }
+          return returnNode;
+        }
+        let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+        /* Serialize doctype if allowed */
+        if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+          serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+        }
+        /* Sanitize final string template-safe */
+        if (SAFE_FOR_TEMPLATES) {
+          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+            serializedHTML = stringReplace(serializedHTML, expr, ' ');
+          });
+        }
+        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+      };
+      DOMPurify.setConfig = function () {
+        let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        _parseConfig(cfg);
+        SET_CONFIG = true;
+      };
+      DOMPurify.clearConfig = function () {
+        CONFIG = null;
+        SET_CONFIG = false;
+      };
+      DOMPurify.isValidAttribute = function (tag, attr, value) {
+        /* Initialize shared config vars if necessary. */
+        if (!CONFIG) {
+          _parseConfig({});
+        }
+        const lcTag = transformCaseFunc(tag);
+        const lcName = transformCaseFunc(attr);
+        return _isValidAttribute(lcTag, lcName, value);
+      };
+      DOMPurify.addHook = function (entryPoint, hookFunction) {
+        if (typeof hookFunction !== 'function') {
+          return;
+        }
+        arrayPush(hooks[entryPoint], hookFunction);
+      };
+      DOMPurify.removeHook = function (entryPoint, hookFunction) {
+        if (hookFunction !== undefined) {
+          const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+          return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
+        }
+        return arrayPop(hooks[entryPoint]);
+      };
+      DOMPurify.removeHooks = function (entryPoint) {
+        hooks[entryPoint] = [];
+      };
+      DOMPurify.removeAllHooks = function () {
+        hooks = _createHooksMap();
+      };
+      return DOMPurify;
+    }
+    var purify = createDOMPurify();
+
+    const sanitizeHtmlString = (html) => purify().sanitize(html);
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    // Icons that need to be transformed in RTL
+    const rtlTransform = {
+        'indent': true,
+        'outdent': true,
+        'table-insert-column-after': true,
+        'table-insert-column-before': true,
+        'paste-column-after': true,
+        'paste-column-before': true,
+        'unordered-list': true,
+        'list-bull-circle': true,
+        'list-bull-disc': true,
+        'list-bull-default': true,
+        'list-bull-square': true
+    };
+    const defaultIconName = 'temporary-placeholder';
+    const defaultIcon = (icons) => () => get$h(icons, defaultIconName).getOr('!not found!');
+    const getIconName = (name, icons) => {
+        const lcName = name.toLowerCase();
+        // If in rtl mode then try to see if we have a rtl icon to use instead
+        if (global$6.isRtl()) {
+            const rtlName = ensureTrailing(lcName, '-rtl');
+            return has$2(icons, rtlName) ? rtlName : lcName;
+        }
+        else {
+            return lcName;
+        }
+    };
+    const lookupIcon = (name, icons) => get$h(icons, getIconName(name, icons));
+    const get = (name, iconProvider) => {
+        const icons = iconProvider();
+        return lookupIcon(name, icons).getOrThunk(defaultIcon(icons));
+    };
+    const getOr = (name, iconProvider, fallbackIcon) => {
+        const icons = iconProvider();
+        return lookupIcon(name, icons).or(fallbackIcon).getOrThunk(defaultIcon(icons));
+    };
+    const needsRtlTransform = (iconName) => global$6.isRtl() ? has$2(rtlTransform, iconName) : false;
+    const addFocusableBehaviour = () => config('add-focusable', [
+        runOnAttached((comp) => {
+            // set focusable=false on SVGs to prevent focusing the toolbar when tabbing into the editor
+            child(comp.element, 'svg').each((svg) => set$9(svg, 'focusable', 'false'));
+        })
+    ]);
+    const renderIcon$3 = (spec, iconName, icons, fallbackIcon) => {
+        var _a, _b;
+        // If RTL, add the flip icon class if the icon doesn't have a `-rtl` icon available.
+        const rtlIconClasses = needsRtlTransform(iconName) ? ['tox-icon--flip'] : [];
+        const iconHtml = get$h(icons, getIconName(iconName, icons)).or(fallbackIcon).getOrThunk(defaultIcon(icons));
+        return {
+            dom: {
+                tag: spec.tag,
+                attributes: (_a = spec.attributes) !== null && _a !== void 0 ? _a : {},
+                classes: spec.classes.concat(rtlIconClasses),
+                innerHtml: iconHtml
+            },
+            behaviours: derive$1([
+                ...(_b = spec.behaviours) !== null && _b !== void 0 ? _b : [],
+                addFocusableBehaviour()
+            ])
+        };
+    };
+    const render$4 = (iconName, spec, iconProvider, fallbackIcon = Optional.none()) => renderIcon$3(spec, iconName, iconProvider(), fallbackIcon);
+    const renderFirst = (iconNames, spec, iconProvider) => {
+        const icons = iconProvider();
+        const iconName = find$5(iconNames, (name) => has$2(icons, getIconName(name, icons)));
+        return renderIcon$3(spec, iconName.getOr(defaultIconName), icons, Optional.none());
+    };
+
+    const notificationIconMap = {
+        success: 'checkmark',
+        error: 'warning',
+        err: 'error',
+        warning: 'warning',
+        warn: 'warning',
+        info: 'info'
+    };
+    const factory$4 = (detail) => {
+        // For using the alert banner as a standalone banner
+        const notificationTextId = generate$6('notification-text');
+        const memBannerText = record({
+            dom: fromHtml(`<p id=${notificationTextId}>${sanitizeHtmlString(detail.backstageProvider.translate(detail.text))}</p>`),
+            behaviours: derive$1([
+                Replacing.config({})
+            ])
+        });
+        const renderPercentBar = (percent) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-bar'],
+                styles: {
+                    width: `${percent}%`
+                }
+            }
+        });
+        const renderPercentText = (percent) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-text'],
+                innerHtml: `${percent}%`
+            }
+        });
+        const memBannerProgress = record({
+            dom: {
+                tag: 'div',
+                classes: detail.progress ? ['tox-progress-bar', 'tox-progress-indicator'] : ['tox-progress-bar']
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-bar-container']
+                    },
+                    components: [
+                        renderPercentBar(0)
+                    ]
+                },
+                renderPercentText(0)
+            ],
+            behaviours: derive$1([
+                Replacing.config({})
+            ])
+        });
+        const updateProgress = (comp, percent) => {
+            if (comp.getSystem().isConnected()) {
+                memBannerProgress.getOpt(comp).each((progress) => {
+                    Replacing.set(progress, [
+                        {
+                            dom: {
+                                tag: 'div',
+                                classes: ['tox-bar-container']
+                            },
+                            components: [
+                                renderPercentBar(percent)
+                            ]
+                        },
+                        renderPercentText(percent)
+                    ]);
+                });
+            }
+        };
+        const updateText = (comp, text) => {
+            if (comp.getSystem().isConnected()) {
+                const banner = memBannerText.get(comp);
+                Replacing.set(banner, [
+                    text$2(text)
+                ]);
+            }
+        };
+        const apis = {
+            updateProgress,
+            updateText
+        };
+        const iconChoices = flatten([
+            detail.icon.toArray(),
+            [detail.level],
+            Optional.from(notificationIconMap[detail.level]).toArray()
+        ]);
+        const memButton = record(Button.sketch({
+            dom: {
+                tag: 'button',
+                classes: ['tox-notification__dismiss', 'tox-button', 'tox-button--naked', 'tox-button--icon'],
+                attributes: {
+                    'aria-label': detail.backstageProvider.translate('Close')
+                }
+            },
+            components: [
+                render$4('close', {
+                    tag: 'span',
+                    classes: ['tox-icon'],
+                }, detail.iconProvider)
+            ],
+            buttonBehaviours: derive$1([
+                Tabstopping.config({}),
+                Tooltipping.config({
+                    ...detail.backstageProvider.tooltips.getConfig({
+                        tooltipText: detail.backstageProvider.translate('Close')
+                    })
+                })
+            ]),
+            action: (comp) => {
+                detail.onAction(comp);
+            }
+        }));
+        const notificationIconSpec = renderFirst(iconChoices, { tag: 'div', classes: ['tox-notification__icon'] }, detail.iconProvider);
+        const notificationBodySpec = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-notification__body']
+            },
+            components: [
+                memBannerText.asSpec()
+            ],
+            behaviours: derive$1([
+                Replacing.config({})
+            ])
+        };
+        const components = [notificationIconSpec, notificationBodySpec];
+        return {
+            uid: detail.uid,
+            dom: {
+                tag: 'div',
+                attributes: {
+                    'role': 'alert',
+                    'aria-labelledby': notificationTextId
+                },
+                classes: ['tox-notification', 'tox-notification--in', `tox-notification--${detail.level}`],
+            },
+            behaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'special',
+                    onEscape: (comp) => {
+                        detail.onAction(comp);
+                        return Optional?.some(true);
+                    }
+                })
+            ]),
+            components: components
+                .concat(detail.progress ? [memBannerProgress.asSpec()] : [])
+                .concat([memButton.asSpec()]),
+            apis
+        };
+    };
+    const Notification = single({
+        name: 'Notification',
+        factory: factory$4,
+        configFields: [
+            defaultedStringEnum('level', 'info', ['success', 'error', 'warning', 'warn', 'info']),
+            required$1('progress'),
+            option$3('icon'),
+            required$1('onAction'),
+            required$1('text'),
+            required$1('iconProvider'),
+            required$1('backstageProvider'),
+        ],
+        apis: {
+            updateProgress: (apis, comp, percent) => {
+                apis.updateProgress(comp, percent);
+            },
+            updateText: (apis, comp, text) => {
+                apis.updateText(comp, text);
+            }
+        }
+    });
+
+    var NotificationManagerImpl = (editor, extras, uiMothership, notificationRegion) => {
+        const sharedBackstage = extras.backstage.shared;
+        const getBoundsContainer = () => SugarElement.fromDom(editor.queryCommandValue('ToggleView') === '' ? editor.getContentAreaContainer() : editor.getContainer());
+        const getBounds = () => {
+            const contentArea = box$1(getBoundsContainer());
+            return Optional?.some(contentArea);
+        };
+        const clampComponentsToBounds = (components) => {
+            getBounds().each((bounds) => {
+                each$1(components, (comp) => {
+                    remove$6(comp.element, 'width');
+                    if (get$c(comp.element) > bounds.width) {
+                        set$7(comp.element, 'width', bounds.width + 'px');
+                    }
+                });
+            });
+        };
+        const open = (settings, closeCallback, isEditorOrUIFocused) => {
+            const close = () => {
+                const removeNotificationAndReposition = (region) => {
+                    Replacing.remove(region, notification);
+                    reposition();
+                };
+                const manageRegionVisibility = (region, editorOrUiFocused) => {
+                    if (children(region.element).length === 0) {
+                        handleEmptyRegion(region, editorOrUiFocused);
+                    }
+                    else {
+                        handleRegionWithChildren(region, editorOrUiFocused);
+                    }
+                };
+                const handleEmptyRegion = (region, editorOrUIFocused) => {
+                    InlineView.hide(region);
+                    notificationRegion.clear();
+                    if (editorOrUIFocused) {
+                        editor.focus();
+                    }
+                };
+                const handleRegionWithChildren = (region, editorOrUIFocused) => {
+                    if (editorOrUIFocused) {
+                        Keying.focusIn(region);
+                    }
+                };
+                notificationRegion.on((region) => {
+                    closeCallback();
+                    const editorOrUIFocused = isEditorOrUIFocused();
+                    removeNotificationAndReposition(region);
+                    manageRegionVisibility(region, editorOrUIFocused);
+                });
+            };
+            const shouldApplyDocking = () => !isStickyToolbar(editor) || !sharedBackstage.header.isPositionedAtTop();
+            const notification = build$1(Notification.sketch({
+                text: settings.text,
+                level: contains$2(['success', 'error', 'warning', 'warn', 'info'], settings.type) ? settings.type : undefined,
+                progress: settings.progressBar === true,
+                icon: settings.icon,
+                onAction: close,
+                iconProvider: sharedBackstage.providers.icons,
+                backstageProvider: sharedBackstage.providers,
+            }));
+            if (!notificationRegion.isSet()) {
+                const notificationWrapper = build$1(InlineView.sketch({
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-notifications-container'],
+                        attributes: {
+                            'aria-label': 'Notifications',
+                            'role': 'region'
+                        }
+                    },
+                    lazySink: sharedBackstage.getSink,
+                    fireDismissalEventInstead: {},
+                    ...sharedBackstage.header.isPositionedAtTop() ? {} : { fireRepositionEventInstead: {} },
+                    inlineBehaviours: derive$1([
+                        Keying.config({
+                            mode: 'cyclic',
+                            selector: '.tox-notification, .tox-notification a, .tox-notification button',
+                        }),
+                        Replacing.config({}),
+                        ...(shouldApplyDocking()
+                            ? [
+                                Docking.config({
+                                    contextual: {
+                                        lazyContext: () => Optional?.some(box$1(getBoundsContainer())),
+                                        fadeInClass: 'tox-notification-container-dock-fadein',
+                                        fadeOutClass: 'tox-notification-container-dock-fadeout',
+                                        transitionClass: 'tox-notification-container-dock-transition'
+                                    },
+                                    modes: ['top'],
+                                    lazyViewport: (comp) => {
+                                        const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                                        return optScrollingContext
+                                            ?.map((sc) => {
+                                            const combinedBounds = getBoundsFrom(sc);
+                                            return {
+                                                bounds: combinedBounds,
+                                                optScrollEnv: Optional?.some({
+                                                    currentScrollTop: sc.element.dom.scrollTop,
+                                                    scrollElmTop: absolute$3(sc.element).top
+                                                })
+                                            };
+                                        }).getOrThunk(() => ({
+                                            bounds: win(),
+                                            optScrollEnv: Optional.none()
+                                        }));
+                                    }
+                                })
+                            ] : [])
+                    ])
+                }));
+                const notificationSpec = premade(notification);
+                const anchorOverrides = {
+                    maxHeightFunction: expandable$1()
+                };
+                const anchor = {
+                    ...sharedBackstage.anchors.banner(),
+                    overrides: anchorOverrides
+                };
+                notificationRegion.set(notificationWrapper);
+                uiMothership.add(notificationWrapper);
+                InlineView.showWithinBounds(notificationWrapper, notificationSpec, { anchor }, getBounds);
+            }
+            else {
+                const notificationSpec = premade(notification);
+                notificationRegion.on((notificationWrapper) => {
+                    Replacing.append(notificationWrapper, notificationSpec);
+                    InlineView.reposition(notificationWrapper);
+                    if (notification.hasConfigured(Docking)) {
+                        Docking.refresh(notificationWrapper);
+                    }
+                    clampComponentsToBounds(notificationWrapper.components());
+                });
+            }
+            if (isNumber(settings.timeout) && settings.timeout > 0) {
+                global$a.setEditorTimeout(editor, () => {
+                    close();
+                }, settings.timeout);
+            }
+            const reposition = () => {
+                notificationRegion.on((region) => {
+                    InlineView.reposition(region);
+                    if (region.hasConfigured(Docking)) {
+                        Docking.refresh(region);
+                    }
+                    clampComponentsToBounds(region.components());
+                });
+            };
+            const thisNotification = {
+                close,
+                reposition,
+                text: (nuText) => {
+                    // check if component is still mounted
+                    Notification.updateText(notification, nuText);
+                },
+                settings,
+                getEl: () => notification.element.dom,
+                progressBar: {
+                    value: (percent) => {
+                        Notification.updateProgress(notification, percent);
+                    }
+                }
+            };
+            return thisNotification;
+        };
+        const close = (notification) => {
+            notification.close();
+        };
+        const getArgs = (notification) => {
+            return notification.settings;
+        };
+        return {
+            open,
+            close,
+            getArgs
+        };
+    };
+
+    const setup$c = (api, editor) => {
+        const redirectKeyToItem = (item, e) => {
+            emitWith(item, keydown(), { raw: e });
+        };
+        const getItem = () => api.getMenu().bind(Highlighting.getHighlighted);
+        editor.on('keydown', (e) => {
+            const keyCode = e.which;
+            // If the autocompleter isn't activated then do nothing
+            if (!api.isActive()) {
+                return;
+            }
+            if (api.isMenuOpen()) {
+                // Pressing <enter> executes any item currently selected, or does nothing
+                if (keyCode === 13) {
+                    getItem().each(emitExecute);
+                    e.preventDefault();
+                    // Pressing <down> either highlights the first option, or moves down the menu
+                }
+                else if (keyCode === 40) {
+                    getItem().fold(
+                    // No current item, so highlight the first one
+                    () => {
+                        api.getMenu().each(Highlighting.highlightFirst);
+                    }, 
+                    // There is a current item, so move down in the menu
+                    (item) => {
+                        redirectKeyToItem(item, e);
+                    });
+                    e.preventDefault();
+                    e.stopImmediatePropagation();
+                    // Pressing <up>, <left>, <right> gets redirected to the selected item
+                }
+                else if (keyCode === 37 || keyCode === 38 || keyCode === 39) {
+                    getItem().each((item) => {
+                        redirectKeyToItem(item, e);
+                        e.preventDefault();
+                        e.stopImmediatePropagation();
+                    });
+                }
+            }
+            else {
+                // Pressing <enter>, <down> or <up> closes the autocompleter when it's active but the menu isn't open
+                if (keyCode === 13 || keyCode === 38 || keyCode === 40) {
+                    api.cancelIfNecessary();
+                }
+            }
+        });
+        editor.on('NodeChange', () => {
+            // Close if active, not in the middle of an onAction callback and we're no longer inside the autocompleter span
+            if (api.isActive() && !api.isProcessingAction() && !editor.queryCommandState('mceAutoCompleterInRange')) {
+                api.cancelIfNecessary();
+            }
+        });
+    };
+    const AutocompleterEditorEvents = {
+        setup: setup$c
+    };
+
+    var ItemResponse;
+    (function (ItemResponse) {
+        ItemResponse[ItemResponse["CLOSE_ON_EXECUTE"] = 0] = "CLOSE_ON_EXECUTE";
+        ItemResponse[ItemResponse["BUBBLE_TO_SANDBOX"] = 1] = "BUBBLE_TO_SANDBOX";
+    })(ItemResponse || (ItemResponse = {}));
+    var ItemResponse$1 = ItemResponse;
+
+    const navClass = 'tox-menu-nav__js';
+    const selectableClass = 'tox-collection__item';
+    const colorClass = 'tox-swatch';
+    const presetClasses = {
+        normal: navClass,
+        color: colorClass
+    };
+    const tickedClass = 'tox-collection__item--enabled';
+    const groupHeadingClass = 'tox-collection__group-heading';
+    const iconClass = 'tox-collection__item-icon';
+    const imageClass = 'tox-collection__item-image';
+    const imageSelectorClasll = 'tox-collection__item-image-selector';
+    const textClass = 'tox-collection__item-label';
+    const accessoryClass = 'tox-collection__item-accessory';
+    const caretClass = 'tox-collection__item-caret';
+    const checkmarkClass = 'tox-collection__item-checkmark';
+    const activeClass = 'tox-collection__item--active';
+    const containerClass = 'tox-collection__item-container';
+    const containerColumnClass = 'tox-collection__item-container--column';
+    const containerRowClass = 'tox-collection__item-container--row';
+    const containerAlignRightClass = 'tox-collection__item-container--align-right';
+    const containerAlignLeftClass = 'tox-collection__item-container--align-left';
+    const containerValignTopClass = 'tox-collection__item-container--valign-top';
+    const containerValignMiddleClass = 'tox-collection__item-container--valign-middle';
+    const containerValignBottomClass = 'tox-collection__item-container--valign-bottom';
+    const classForPreset = (presets) => get$h(presetClasses, presets).getOr(navClass);
+
+    const forMenu = (presets) => {
+        if (presets === 'color') {
+            return 'tox-swatches';
+        }
+        else {
+            return 'tox-menu';
+        }
+    };
+    const classes = (presets) => ({
+        backgroundMenu: 'tox-background-menu',
+        selectedMenu: 'tox-selected-menu',
+        selectedItem: 'tox-collection__item--active',
+        hasIcons: 'tox-menu--has-icons',
+        menu: forMenu(presets),
+        tieredMenu: 'tox-tiered-menu'
+    });
+
+    const markers = (presets) => {
+        const menuClasses = classes(presets);
+        return {
+            backgroundMenu: menuClasses.backgroundMenu,
+            selectedMenu: menuClasses.selectedMenu,
+            menu: menuClasses.menu,
+            selectedItem: menuClasses.selectedItem,
+            item: classForPreset(presets)
+        };
+    };
+    const dom = (hasIcons, columns, presets) => {
+        const menuClasses = classes(presets);
+        return {
+            tag: 'div',
+            classes: flatten([
+                [menuClasses.menu, `tox-menu-${columns}-column`],
+                hasIcons ? [menuClasses.hasIcons] : []
+            ])
+        };
+    };
+    const components = [
+        Menu.parts.items({})
+    ];
+    // NOTE: Up to here.
+    const part = (hasIcons, columns, presets) => {
+        const menuClasses = classes(presets);
+        const d = {
+            tag: 'div',
+            classes: flatten([
+                [menuClasses.tieredMenu]
+            ])
+        };
+        return {
+            dom: d,
+            markers: markers(presets)
+        };
+    };
+
+    // This event is triggered by a menu item from a dropdown when it wants the
+    // dropdown to refetch its contents based on a search string.
+    const refetchTriggerEvent = generate$6('refetch-trigger-event');
+    // This event is triggerd by a menu item from a dropdown, when it wants to
+    // redispatch that event to the currently active item of that dropdown menu. It will
+    // be used in situations where the event should be firing on the item with fake focus,
+    // but instead it is firing on the item with real focus (e.g of real focus:
+    // menu search field)
+    const redirectMenuItemInteractionEvent = generate$6('redirect-menu-item-interaction');
+
+    // This is not stored in ItemClasses, because the searcher is not actually
+    // contained within items. It isn't part of their navigation, and it
+    // isn't maintained by menus. It is just part of the first menu, but
+    // not its items.
+    const menuSearcherClass = 'tox-menu__searcher';
+    // Ideally, we'd be using mementos to find it again, but we'd need to pass
+    // that memento onto the dropdown, which isn't going to have it. Especially,
+    // because the dropdown isn't responsible for putting this searcher component
+    // into the menu, NestedMenus is.
+    const findWithinSandbox = (sandboxComp) => {
+        return descendant(sandboxComp.element, `.${menuSearcherClass}`).bind((inputElem) => sandboxComp.getSystem().getByDom(inputElem).toOptional());
+    };
+    // There is nothing sandbox-specific about this code. It just needs to be
+    // a container that wraps the search field.
+    const findWithinMenu = findWithinSandbox;
+    const restoreState = (inputComp, searcherState) => {
+        Representing.setValue(inputComp, searcherState.fetchPattern);
+        inputComp.element.dom.selectionStart = searcherState.selectionStart;
+        inputComp.element.dom.selectionEnd = searcherState.selectionEnd;
+    };
+    const saveState = (inputComp) => {
+        const fetchPattern = Representing.getValue(inputComp);
+        const selectionStart = inputComp.element.dom.selectionStart;
+        const selectionEnd = inputComp.element.dom.selectionEnd;
+        return {
+            fetchPattern,
+            selectionStart,
+            selectionEnd
+        };
+    };
+    // Make sure there is ARIA communicating the currently active item in the results.
+    const setActiveDescendant = (inputComp, active) => {
+        getOpt(active.element, 'id')
+            .each((id) => set$9(inputComp.element, 'aria-activedescendant', id));
+    };
+    const renderMenuSearcher = (spec) => {
+        const handleByBrowser = (comp, se) => {
+            // We "cut" this event, so that the browser still handles it, but it is not processed
+            // by any of the above alloy components. We could also do this by stopping propagation,
+            // but not preventing default, but it's probably good to allow some overarching thing
+            // in the DOM (outside of alloy) to stop it if they want to.
+            se.cut();
+            // Returning a Some here (regardless of boolean value) is going to call `stop` on the
+            // simulated event, which is going to call: preventDefault and stopPropagation. We want
+            // neither of these things to happen, so we return None here to say that it hasn't been
+            // handled. But because we've cut it, it will not propagate to any other alloy components
+            return Optional.none();
+        };
+        const handleByHighlightedItem = (comp, se) => {
+            // Because we need to redispatch based on highlighted items that we don't know about here,
+            // we are going to emit an event, that the sandbox listens to, and the sandbox will
+            // redispatch the event.
+            const eventData = {
+                interactionEvent: se.event,
+                eventType: se.event.raw.type
+            };
+            emitWith(comp, redirectMenuItemInteractionEvent, eventData);
+            return Optional?.some(true);
+        };
+        const customSearcherEventsName = 'searcher-events';
+        return {
+            dom: {
+                tag: 'div',
+                // NOTE: This is very intentionally NOT the navigation class, because
+                // we don't want the searcher to be part of the navigation. This class
+                // is just for styling consistency. Perhaps it should be its own class.
+                classes: [selectableClass]
+            },
+            components: [
+                Input.sketch({
+                    inputClasses: [menuSearcherClass, 'tox-textfield'],
+                    inputAttributes: {
+                        ...(spec.placeholder?.map((placeholder) => ({ placeholder: spec.i18n(placeholder) })).getOr({})),
+                        // This ARIA is based on the algolia example documented in TINY-8952
+                        'type': 'search',
+                        'aria-autocomplete': 'list'
+                    },
+                    inputBehaviours: derive$1([
+                        config(customSearcherEventsName, [
+                            // When the user types into the search field, we want to retrigger
+                            // a fetch on the dropdown. This will be fired from within the
+                            // dropdown's sandbox, so the dropdown is going to have to listen
+                            // for it there. See CommonDropdown.ts.
+                            run$1(
+                            // Use "input" to handle keydown, paste etc.
+                            input(), (inputComp) => {
+                                emit(inputComp, refetchTriggerEvent);
+                            }),
+                            run$1(keydown(), (inputComp, se) => {
+                                // The Special Keying config type since TINY-7005 processes the Escape
+                                // key on keyup, not keydown. We need to stop the keydown event for this
+                                // input, because some browsers (e.g. Chrome) will process a keydown
+                                // for Escape inside an input[type=search] by clearing the input value,
+                                // and then triggering an "input" event. This "input" event will trigger
+                                // a refetch, which if it completes before the keyup is fired for Escape,
+                                // will go back to only showing one level of menu. Then, when the escape
+                                // keyup is processed by Keying, it will close the single remaining menu.
+                                // This has the effect of closing *all* menus that are open when Escape is
+                                // pressed instead of the last one. So, instead, we are going to kill the
+                                // keydown event, so that it doesn't have the default browser behaviour, and
+                                // won't trigger an input (and then Refetch). Then the keyup will still fire
+                                // so just one level of the menu will close. This is all based on the underlying
+                                // assumption that preventDefault and/or stop on a keydown does not suppress
+                                // the related keyup. All of the documentation found so far, suggests it should
+                                // only suppress the keypress, not the keyup, but that might not be across all
+                                // browsers, or implemented consistently.
+                                if (se.event.raw.key === 'Escape') {
+                                    se.stop();
+                                }
+                            })
+                        ]),
+                        // In addition to input handling, we want special handling for
+                        // Up/Down/Left/Right/Enter/Escape/Space. We can divide these into two categories
+                        //  - events that we don't want to allow the overall menu system to process (left and right and space)
+                        //  - events that we want to redispatch on the "highlighted item" based on the
+                        // current fake focus.
+                        Keying.config({
+                            mode: 'special',
+                            onLeft: handleByBrowser,
+                            onRight: handleByBrowser,
+                            onSpace: handleByBrowser,
+                            onEnter: handleByHighlightedItem,
+                            onEscape: handleByHighlightedItem,
+                            onUp: handleByHighlightedItem,
+                            onDown: handleByHighlightedItem
+                        })
+                    ]),
+                    // Because we have customised handling for keydown, and we are configuring
+                    // Keying, we need to specify which "behaviour" (custom events or keying) gets to
+                    // process the keydown event first. In this situation, we want to stop escape before
+                    // anything happens (although it really isn't necessary)
+                    eventOrder: {
+                        keydown: [customSearcherEventsName, Keying.name()]
+                    }
+                })
+            ]
+        };
+    };
+
+    const searchResultsClass = 'tox-collection--results__js';
+    // NOTE: this is operating on the the final AlloySpec
+    const augmentWithAria = (item) => {
+        var _a;
+        if (item.dom) {
+            return {
+                ...item,
+                dom: {
+                    ...item.dom,
+                    attributes: {
+                        ...(_a = item.dom.attributes) !== null && _a !== void 0 ? _a : {},
+                        'id': generate$6('aria-item-search-result-id'),
+                        'aria-selected': 'false'
+                    }
+                }
+            };
+        }
+        else {
+            return item;
+        }
+    };
+
+    const chunk = (rowDom, numColumns) => (items) => {
+        const chunks = chunk$1(items, numColumns);
+        return map$2(chunks, (c) => ({
+            dom: rowDom,
+            components: c
+        }));
+    };
+    const forSwatch = (columns) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-menu', 'tox-swatches-menu']
+        },
+        components: [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-swatches']
+                },
+                components: [
+                    Menu.parts.items({
+                        preprocess: columns !== 'auto' ? chunk({
+                            tag: 'div',
+                            classes: ['tox-swatches__row']
+                        }, columns) : identity
+                    })
+                ]
+            }
+        ]
+    });
+    const forImageSelector = (columns) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-menu', 'tox-image-selector-menu']
+        },
+        components: [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-image-selector']
+                },
+                components: [
+                    Menu.parts.items({
+                        preprocess: columns !== 'auto' ? chunk({
+                            tag: 'div',
+                            classes: ['tox-image-selector__row']
+                        }, columns) : identity
+                    })
+                ]
+            }
+        ]
+    });
+    const forToolbar = (columns) => ({
+        dom: {
+            tag: 'div',
+            // TODO: Configurable lg setting?
+            classes: ['tox-menu', 'tox-collection', 'tox-collection--toolbar', 'tox-collection--toolbar-lg']
+        },
+        components: [
+            Menu.parts.items({
+                preprocess: chunk({
+                    tag: 'div',
+                    classes: ['tox-collection__group']
+                }, columns)
+            })
+        ]
+    });
+    // NOTE: That type signature isn't quite true.
+    const preprocessCollection = (items, isSeparator) => {
+        const allSplits = [];
+        let currentSplit = [];
+        each$1(items, (item, i) => {
+            if (isSeparator(item, i)) {
+                if (currentSplit.length > 0) {
+                    allSplits.push(currentSplit);
+                }
+                currentSplit = [];
+                if (has$2(item.dom, 'innerHtml') || item.components && item.components.length > 0) {
+                    currentSplit.push(item);
+                }
+            }
+            else {
+                currentSplit.push(item);
+            }
+        });
+        if (currentSplit.length > 0) {
+            allSplits.push(currentSplit);
+        }
+        return map$2(allSplits, (s) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-collection__group']
+            },
+            components: s
+        }));
+    };
+    const insertItemsPlaceholder = (columns, initItems, onItem) => {
+        return Menu.parts.items({
+            preprocess: (rawItems) => {
+                // Add any information to the items that is required. For example
+                // when the items are results in a searchable menu, we need them to have
+                // an ID that can be referenced by aria-activedescendant
+                const enrichedItems = map$2(rawItems, onItem);
+                if (columns !== 'auto' && columns > 1) {
+                    return chunk({
+                        tag: 'div',
+                        classes: ['tox-collection__group']
+                    }, columns)(enrichedItems);
+                }
+                else {
+                    return preprocessCollection(enrichedItems, (_item, i) => initItems[i].type === 'separator');
+                }
+            }
+        });
+    };
+    const forCollection = (columns, initItems, _hasIcons = true) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-menu', 'tox-collection'].concat(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid'])
+        },
+        components: [
+            // We don't need to add IDs for each item because there are no
+            // aria relationships we need to maintain
+            insertItemsPlaceholder(columns, initItems, identity)
+        ]
+    });
+    const forCollectionWithSearchResults = (columns, initItems, _hasIcons = true) => {
+        // A collection with results is exactly like a collection, except it also has
+        // an ID and class on its outer div to allow for aria-controls relationships, and ids
+        // on its items.
+        // This connects the search bar with the list box.
+        const ariaControlsSearchResults = generate$6('aria-controls-search-results');
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-menu', 'tox-collection', searchResultsClass].concat(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid']),
+                attributes: {
+                    id: ariaControlsSearchResults
+                }
+            },
+            components: [
+                // For each item, it needs to have an ID, so that we can refer to it
+                // by the aria-activedescendant attribute
+                insertItemsPlaceholder(columns, initItems, augmentWithAria)
+            ]
+        };
+    };
+    // Does a searchable menu *really* support columns !== 1 ?
+    const forCollectionWithSearchField = (columns, initItems, searchField) => {
+        // This connects the search bar with the list box.
+        const ariaControlsSearchResults = generate$6('aria-controls-search-results');
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-menu', 'tox-collection'].concat(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid'])
+            },
+            components: [
+                // Importantly, the search bar is not in the "items" part, which means that it is
+                // not given any of the item decorations by default. In order to ensure that is
+                // not part of the navigation, however, we need to prevent it from getting the nav
+                // class. For general collection menu items, it is navClass, which is:
+                // tox-menu-nav__js. So simply, do not add this class when creating
+                // the search, so that it isn't in the navigation. Ideally, it would only ever look
+                // inside its items section, but the items aren't guaranteed to have a separate
+                // container, and navigation candidates are found anywhere inside the menu
+                // container. We could add configuration to alloy's Menu movement, where there was
+                // a 'navigation container' that all items would be in. That could be another
+                // way to solve the problem. For now, we'll just manually avoid adding the navClass
+                renderMenuSearcher({
+                    i18n: global$6.translate,
+                    placeholder: searchField.placeholder
+                }),
+                {
+                    // We need a separate container for the items, because this is the container
+                    // that multiple tox-collection__groups might go into, and will be the container
+                    // that the search bar controls.
+                    dom: {
+                        tag: 'div',
+                        classes: [
+                            ...(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid']),
+                            searchResultsClass
+                        ],
+                        attributes: {
+                            id: ariaControlsSearchResults
+                        }
+                    },
+                    components: [
+                        // For each item, it needs to have an ID, so that we can refer to it
+                        // by the aria-activedescendant attribute
+                        insertItemsPlaceholder(columns, initItems, augmentWithAria)
+                    ]
+                }
+            ]
+        };
+    };
+    const forHorizontalCollection = (initItems, _hasIcons = true) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-collection', 'tox-collection--horizontal']
+        },
+        components: [
+            Menu.parts.items({
+                preprocess: (items) => preprocessCollection(items, (_item, i) => initItems[i].type === 'separator')
+            })
+        ]
+    });
+
+    const menuHasIcons = (xs) => exists(xs, (item) => 'icon' in item && item.icon !== undefined);
+    const handleError = (error) => {
+        // eslint-disable-next-line no-console
+        console.error(formatError(error));
+        // eslint-disable-next-line no-console
+        console.log(error);
+        return Optional.none();
+    };
+    const createHorizontalPartialMenuWithAlloyItems = (value, _hasIcons, items, _columns, _menuLayout) => {
+        // Horizontal collections do not support different menu layout structures currently.
+        const structure = forHorizontalCollection(items);
+        return {
+            value,
+            dom: structure.dom,
+            components: structure.components,
+            items
+        };
+    };
+    const createPartialMenuWithAlloyItems = (value, hasIcons, items, columns, menuLayout) => {
+        const getNormalStructure = () => {
+            if (menuLayout.menuType !== 'searchable') {
+                return forCollection(columns, items);
+            }
+            else {
+                return menuLayout.searchMode.searchMode === 'search-with-field'
+                    ? forCollectionWithSearchField(columns, items, menuLayout.searchMode)
+                    : forCollectionWithSearchResults(columns, items);
+            }
+        };
+        if (menuLayout.menuType === 'color') {
+            const structure = forSwatch(columns);
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else if (menuLayout.menuType === 'imageselector' && columns !== 'auto') {
+            const structure = forImageSelector(columns);
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else if (menuLayout.menuType === 'normal' && columns === 'auto') {
+            const structure = forCollection(columns, items);
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else if (menuLayout.menuType === 'normal' || menuLayout.menuType === 'searchable') {
+            const structure = getNormalStructure();
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else if (menuLayout.menuType === 'listpreview' && columns !== 'auto') {
+            const structure = forToolbar(columns);
+            return {
+                value,
+                dom: structure.dom,
+                components: structure.components,
+                items
+            };
+        }
+        else {
+            return {
+                value,
+                dom: dom(hasIcons, columns, menuLayout.menuType),
+                components: components,
+                items
+            };
+        }
+    };
+
+    const type = requiredString('type');
+    const name = requiredString('name');
+    const label = requiredString('label');
+    const text = requiredString('text');
+    const title = requiredString('title');
+    const icon = requiredString('icon');
+    const url = requiredString('url');
+    const value = requiredString('value');
+    const fetch = requiredFunction('fetch');
+    const getSubmenuItems = requiredFunction('getSubmenuItems');
+    const onAction = requiredFunction('onAction');
+    const onItemAction = requiredFunction('onItemAction');
+    const onSetup = defaultedFunction('onSetup', () => noop);
+    const optionalName = optionString('name');
+    const optionalText = optionString('text');
+    const optionalRole = optionString('role');
+    const optionalIcon = optionString('icon');
+    const optionalTooltip = optionString('tooltip');
+    const optionalLabel = optionString('label');
+    const optionalShortcut = optionString('shortcut');
+    const optionalSelect = optionFunction('select');
+    const active = defaultedBoolean('active', false);
+    const borderless = defaultedBoolean('borderless', false);
+    const enabled = defaultedBoolean('enabled', true);
+    const primary = defaultedBoolean('primary', false);
+    const defaultedColumns = (num) => defaulted('columns', num);
+    const defaultedMeta = defaulted('meta', {});
+    const defaultedOnAction = defaultedFunction('onAction', noop);
+    const defaultedType = (type) => defaultedString('type', type);
+    const generatedName = (namePrefix) => field$1('name', 'name', defaultedThunk(() => generate$6(`${namePrefix}-name`)), string);
+    const generatedValue = (valuePrefix) => field$1('value', 'value', defaultedThunk(() => generate$6(`${valuePrefix}-value`)), anyValue());
+
+    const alertBannerFields = [
+        type,
+        text,
+        requiredStringEnum('level', ['info', 'warn', 'error', 'success']),
+        icon,
+        defaulted('url', '')
+    ];
+    const alertBannerSchema = objOf(alertBannerFields);
+
+    const createBarFields = (itemsField) => [
+        type,
+        itemsField
+    ];
+
+    const buttonFields = [
+        type,
+        text,
+        enabled,
+        generatedName('button'),
+        optionalIcon,
+        borderless,
+        // this should be defaulted to `secondary` but the implementation needs to manage the deprecation
+        optionStringEnum('buttonType', ['primary', 'secondary', 'toolbar']),
+        // this should be removed, but must live here because FieldSchema doesn't have a way to manage deprecated fields
+        primary,
+        defaultedString('context', 'mode:design')
+    ];
+    const buttonSchema = objOf(buttonFields);
+
+    const formComponentFields = [
+        type,
+        name
+    ];
+    const formComponentWithLabelFields = formComponentFields.concat([
+        optionalLabel
+    ]);
+
+    const checkboxFields = formComponentFields.concat([
+        label,
+        enabled,
+        defaultedString('context', 'mode:design')
+    ]);
+    const checkboxSchema = objOf(checkboxFields);
+    const checkboxDataProcessor = boolean;
+
+    const collectionFields = formComponentWithLabelFields.concat([
+        defaultedColumns('auto'),
+        defaultedString('context', 'mode:design')
+    ]);
+    const collectionSchema = objOf(collectionFields);
+    // TODO: Make type for CollectionItem
+    const collectionDataProcessor = arrOfObj([
+        value,
+        text,
+        icon
+    ]);
+
+    const colorInputFields = formComponentWithLabelFields.concat([
+        defaultedString('storageKey', 'default'),
+        defaultedString('context', 'mode:design'),
+    ]);
+    const colorInputSchema = objOf(colorInputFields);
+    const colorInputDataProcessor = string;
+
+    const colorPickerFields = formComponentWithLabelFields;
+    const colorPickerSchema = objOf(colorPickerFields);
+    const colorPickerDataProcessor = string;
+
+    const customEditorFields = formComponentFields.concat([
+        defaultedString('tag', 'textarea'),
+        requiredString('scriptId'),
+        requiredString('scriptUrl'),
+        optionFunction('onFocus'),
+        defaultedPostMsg('settings', undefined)
+    ]);
+    const customEditorFieldsOld = formComponentFields.concat([
+        defaultedString('tag', 'textarea'),
+        requiredFunction('init')
+    ]);
+    const customEditorSchema = valueOf((v) => asRaw('customeditor.old', objOfOnly(customEditorFieldsOld), v).orThunk(() => asRaw('customeditor.new', objOfOnly(customEditorFields), v)));
+    const customEditorDataProcessor = string;
+
+    const commonMenuItemFields = [
+        enabled,
+        optionalText,
+        optionalRole,
+        optionalShortcut,
+        generatedValue('menuitem'),
+        defaultedMeta,
+        defaultedString('context', 'mode:design')
+    ];
+
+    const dialogToggleMenuItemSchema = objOf([
+        type,
+        name
+    ].concat(commonMenuItemFields));
+    const dialogToggleMenuItemDataProcessor = boolean;
+
+    const baseFooterButtonFields = [
+        generatedName('button'),
+        optionalIcon,
+        defaultedStringEnum('align', 'end', ['start', 'end']),
+        // this should be removed, but must live here because FieldSchema doesn't have a way to manage deprecated fields
+        primary,
+        enabled,
+        // this should be defaulted to `secondary` but the implementation needs to manage the deprecation
+        optionStringEnum('buttonType', ['primary', 'secondary']),
+        defaultedString('context', 'mode:design')
+    ];
+    const dialogFooterButtonFields = [
+        ...baseFooterButtonFields,
+        text
+    ];
+    const normalFooterButtonFields = [
+        requiredStringEnum('type', ['submit', 'cancel', 'custom']),
+        ...dialogFooterButtonFields
+    ];
+    const menuFooterButtonFields = [
+        requiredStringEnum('type', ['menu']),
+        optionalText,
+        optionalTooltip,
+        optionalIcon,
+        requiredArrayOf('items', dialogToggleMenuItemSchema),
+        ...baseFooterButtonFields
+    ];
+    const toggleButtonSpecFields = [
+        ...baseFooterButtonFields,
+        requiredStringEnum('type', ['togglebutton']),
+        optionalTooltip,
+        optionalIcon,
+        optionalText,
+        defaultedBoolean('active', false)
+    ];
+    const dialogFooterButtonSchema = choose$1('type', {
+        submit: normalFooterButtonFields,
+        cancel: normalFooterButtonFields,
+        custom: normalFooterButtonFields,
+        menu: menuFooterButtonFields,
+        togglebutton: toggleButtonSpecFields
+    });
+
+    const dropZoneFields = formComponentWithLabelFields.concat([
+        defaultedString('context', 'mode:design'),
+    ]);
+    const dropZoneSchema = objOf(dropZoneFields);
+    const dropZoneDataProcessor = arrOfVal();
+
+    const createGridFields = (itemsField) => [
+        type,
+        requiredNumber('columns'),
+        itemsField
+    ];
+
+    const htmlPanelFields = [
+        type,
+        requiredString('html'),
+        defaultedStringEnum('presets', 'presentation', ['presentation', 'document']),
+        defaultedFunction('onInit', noop),
+        defaultedBoolean('stretched', false),
+    ];
+    const htmlPanelSchema = objOf(htmlPanelFields);
+
+    const iframeFields = formComponentWithLabelFields.concat([
+        defaultedBoolean('border', false),
+        defaultedBoolean('sandboxed', true),
+        defaultedBoolean('streamContent', false),
+        defaultedBoolean('transparent', true)
+    ]);
+    const iframeSchema = objOf(iframeFields);
+    const iframeDataProcessor = string;
+
+    const imagePreviewSchema = objOf(formComponentFields.concat([
+        optionString('height'),
+    ]));
+    const imagePreviewDataProcessor = objOf([
+        requiredString('url'),
+        optionNumber('zoom'),
+        optionNumber('cachedWidth'),
+        optionNumber('cachedHeight'),
+    ]);
+
+    const inputFields = formComponentWithLabelFields.concat([
+        optionString('inputMode'),
+        optionString('placeholder'),
+        defaultedBoolean('maximized', false),
+        enabled,
+        defaultedString('context', 'mode:design'),
+    ]);
+    const inputSchema = objOf(inputFields);
+    const inputDataProcessor = string;
+
+    const createLabelFields = (itemsField) => [
+        type,
+        label,
+        itemsField,
+        defaultedStringEnum('align', 'start', ['start', 'center', 'end']),
+        optionString('for')
+    ];
+
+    const listBoxSingleItemFields = [
+        text,
+        value
+    ];
+    const listBoxNestedItemFields = [
+        text,
+        requiredArrayOf('items', thunkOf('items', () => listBoxItemSchema))
+    ];
+    const listBoxItemSchema = oneOf([
+        objOf(listBoxSingleItemFields),
+        objOf(listBoxNestedItemFields)
+    ]);
+    const listBoxFields = formComponentWithLabelFields.concat([
+        requiredArrayOf('items', listBoxItemSchema),
+        enabled,
+        defaultedString('context', 'mode:design')
+    ]);
+    const listBoxSchema = objOf(listBoxFields);
+    const listBoxDataProcessor = string;
+
+    const selectBoxFields = formComponentWithLabelFields.concat([
+        requiredArrayOfObj('items', [
+            text,
+            value
+        ]),
+        defaultedNumber('size', 1),
+        enabled,
+        defaultedString('context', 'mode:design')
+    ]);
+    const selectBoxSchema = objOf(selectBoxFields);
+    const selectBoxDataProcessor = string;
+
+    const sizeInputFields = formComponentWithLabelFields.concat([
+        defaultedBoolean('constrain', true),
+        enabled,
+        defaultedString('context', 'mode:design')
+    ]);
+    const sizeInputSchema = objOf(sizeInputFields);
+    const sizeInputDataProcessor = objOf([
+        requiredString('width'),
+        requiredString('height')
+    ]);
+
+    const sliderFields = formComponentFields.concat([
+        label,
+        defaultedNumber('min', 0),
+        defaultedNumber('max', 0),
+    ]);
+    const sliderSchema = objOf(sliderFields);
+    const sliderInputDataProcessor = number;
+
+    const tableFields = [
+        type,
+        requiredArrayOf('header', string),
+        requiredArrayOf('cells', arrOf(string))
+    ];
+    const tableSchema = objOf(tableFields);
+
+    const textAreaFields = formComponentWithLabelFields.concat([
+        optionString('placeholder'),
+        defaultedBoolean('maximized', false),
+        enabled,
+        defaultedString('context', 'mode:design'),
+    ]);
+    const textAreaSchema = objOf(textAreaFields);
+    const textAreaDataProcessor = string;
+
+    const baseMenuButtonFields = [
+        defaultedString('buttonType', 'default'),
+        optionString('text'),
+        optionString('tooltip'),
+        optionString('icon'),
+        defaultedOf('search', false, 
+        // So our boulder validation are:
+        // a) boolean -> we need to map it into an Option
+        // b) object -> we need to map it into a Some
+        oneOf([
+            // Unfortunately, due to objOf not checking to see that the
+            // input is an object, the boolean check MUST be first
+            boolean,
+            objOf([
+                optionString('placeholder')
+            ])
+        ], 
+        // This function allows you to standardise the output.
+        (x) => {
+            if (isBoolean(x)) {
+                return x ? Optional?.some({ placeholder: Optional.none() }) : Optional.none();
+            }
+            else {
+                return Optional?.some(x);
+            }
+        })),
+        requiredFunction('fetch'),
+        defaultedFunction('onSetup', () => noop),
+        defaultedString('context', 'mode:design')
+    ];
+
+    const MenuButtonSchema = objOf([
+        type,
+        ...baseMenuButtonFields
+    ]);
+    const createMenuButton = (spec) => asRaw('menubutton', MenuButtonSchema, spec);
+
+    const baseTreeItemFields = [
+        requiredStringEnum('type', ['directory', 'leaf']),
+        title,
+        requiredString('id'),
+        optionOf('menu', MenuButtonSchema),
+        optionString('customStateIcon'),
+        optionString('customStateIconTooltip'),
+    ];
+    const treeItemLeafFields = baseTreeItemFields;
+    const treeItemLeafSchema = objOf(treeItemLeafFields);
+    const treeItemDirectoryFields = baseTreeItemFields.concat([
+        requiredArrayOf('children', thunkOf('children', () => {
+            return choose$2('type', {
+                directory: treeItemDirectorySchema,
+                leaf: treeItemLeafSchema,
+            });
+        })),
+    ]);
+    const treeItemDirectorySchema = objOf(treeItemDirectoryFields);
+    const treeItemSchema = choose$2('type', {
+        directory: treeItemDirectorySchema,
+        leaf: treeItemLeafSchema,
+    });
+    const treeFields = [
+        type,
+        requiredArrayOf('items', treeItemSchema),
+        optionFunction('onLeafAction'),
+        optionFunction('onToggleExpand'),
+        defaultedArrayOf('defaultExpandedIds', [], string),
+        optionString('defaultSelectedId'),
+    ];
+    const treeSchema = objOf(treeFields);
+
+    const urlInputFields = formComponentWithLabelFields.concat([
+        defaultedStringEnum('filetype', 'file', ['image', 'media', 'file']),
+        enabled,
+        optionString('picker_text'),
+        defaultedString('context', 'mode:design')
+    ]);
+    const urlInputSchema = objOf(urlInputFields);
+    const urlInputDataProcessor = objOf([
+        value,
+        defaultedMeta
+    ]);
+
+    const createItemsField = (name) => field$1('items', 'items', required$2(), arrOf(valueOf((v) => asRaw(`Checking item of ${name}`, itemSchema$1, v).fold((sErr) => Result.error(formatError(sErr)), (passValue) => Result.value(passValue)))));
+    // We're using a thunk here so we can refer to panel fields
+    const itemSchema$1 = valueThunk(() => choose$2('type', {
+        alertbanner: alertBannerSchema,
+        bar: objOf(createBarFields(createItemsField('bar'))),
+        button: buttonSchema,
+        checkbox: checkboxSchema,
+        colorinput: colorInputSchema,
+        colorpicker: colorPickerSchema,
+        dropzone: dropZoneSchema,
+        grid: objOf(createGridFields(createItemsField('grid'))),
+        iframe: iframeSchema,
+        input: inputSchema,
+        listbox: listBoxSchema,
+        selectbox: selectBoxSchema,
+        sizeinput: sizeInputSchema,
+        slider: sliderSchema,
+        textarea: textAreaSchema,
+        urlinput: urlInputSchema,
+        customeditor: customEditorSchema,
+        htmlpanel: htmlPanelSchema,
+        imagepreview: imagePreviewSchema,
+        collection: collectionSchema,
+        label: objOf(createLabelFields(createItemsField('label'))),
+        table: tableSchema,
+        tree: treeSchema,
+        panel: panelSchema
+    }));
+    const panelFields = [
+        type,
+        defaulted('classes', []),
+        requiredArrayOf('items', itemSchema$1)
+    ];
+    const panelSchema = objOf(panelFields);
+
+    const tabFields = [
+        generatedName('tab'),
+        title,
+        requiredArrayOf('items', itemSchema$1)
+    ];
+    const tabPanelFields = [
+        type,
+        requiredArrayOfObj('tabs', tabFields)
+    ];
+    const tabPanelSchema = objOf(tabPanelFields);
+
+    const dialogButtonFields = dialogFooterButtonFields;
+    const dialogButtonSchema = dialogFooterButtonSchema;
+    const dialogSchema = objOf([
+        requiredString('title'),
+        requiredOf('body', choose$2('type', {
+            panel: panelSchema,
+            tabpanel: tabPanelSchema
+        })),
+        defaultedString('size', 'normal'),
+        defaultedArrayOf('buttons', [], dialogButtonSchema),
+        defaulted('initialData', {}),
+        defaultedFunction('onAction', noop),
+        defaultedFunction('onChange', noop),
+        defaultedFunction('onSubmit', noop),
+        defaultedFunction('onClose', noop),
+        defaultedFunction('onCancel', noop),
+        defaultedFunction('onTabChange', noop)
+    ]);
+    const createDialog = (spec) => asRaw('dialog', dialogSchema, spec);
+
+    const urlDialogButtonSchema = objOf([
+        requiredStringEnum('type', ['cancel', 'custom']),
+        ...dialogButtonFields
+    ]);
+    const urlDialogSchema = objOf([
+        requiredString('title'),
+        requiredString('url'),
+        optionNumber('height'),
+        optionNumber('width'),
+        optionArrayOf('buttons', urlDialogButtonSchema),
+        defaultedFunction('onAction', noop),
+        defaultedFunction('onCancel', noop),
+        defaultedFunction('onClose', noop),
+        defaultedFunction('onMessage', noop)
+    ]);
+    const createUrlDialog = (spec) => asRaw('dialog', urlDialogSchema, spec);
+
+    // eslint-disable-next-line @typescript-eslint/no-wrapper-object-types
+    const getAllObjects = (obj) => {
+        if (isObject(obj)) {
+            return [obj].concat(bind$3(values(obj), getAllObjects));
+        }
+        else if (isArray(obj)) {
+            return bind$3(obj, getAllObjects);
+        }
+        else {
+            return [];
+        }
+    };
+
+    const isNamedItem = (obj) => isString(obj.type) && isString(obj.name);
+    const dataProcessors = {
+        checkbox: checkboxDataProcessor,
+        colorinput: colorInputDataProcessor,
+        colorpicker: colorPickerDataProcessor,
+        dropzone: dropZoneDataProcessor,
+        input: inputDataProcessor,
+        iframe: iframeDataProcessor,
+        imagepreview: imagePreviewDataProcessor,
+        selectbox: selectBoxDataProcessor,
+        sizeinput: sizeInputDataProcessor,
+        slider: sliderInputDataProcessor,
+        listbox: listBoxDataProcessor,
+        size: sizeInputDataProcessor,
+        textarea: textAreaDataProcessor,
+        urlinput: urlInputDataProcessor,
+        customeditor: customEditorDataProcessor,
+        collection: collectionDataProcessor,
+        togglemenuitem: dialogToggleMenuItemDataProcessor
+    };
+    const getDataProcessor = (item) => Optional.from(dataProcessors[item.type]);
+    const getNamedItems = (structure) => filter$2(getAllObjects(structure), isNamedItem);
+
+    const createDataValidator = (structure) => {
+        const namedItems = getNamedItems(structure);
+        const fields = bind$3(namedItems, (item) => getDataProcessor(item).fold(() => [], (schema) => [requiredOf(item.name, schema)]));
+        return objOf(fields);
+    };
+
+    const extract = (structure) => {
+        var _a;
+        const internalDialog = getOrDie(createDialog(structure));
+        const dataValidator = createDataValidator(structure);
+        // We used to validate data here, but it's done when loading the dialog in tinymce
+        const initialData = (_a = structure.initialData) !== null && _a !== void 0 ? _a : {};
+        return {
+            internalDialog,
+            dataValidator,
+            initialData
+        };
+    };
+    const DialogManager = {
+        open: (factory, structure) => {
+            const extraction = extract(structure);
+            return factory(extraction.internalDialog, extraction.initialData, extraction.dataValidator);
+        },
+        openUrl: (factory, structure) => {
+            const internalDialog = getOrDie(createUrlDialog(structure));
+            return factory(internalDialog);
+        },
+        redial: (structure) => extract(structure)
+    };
+
+    const separatorMenuItemSchema = objOf([
+        type,
+        optionalText
+    ]);
+    const createSeparatorMenuItem = (spec) => asRaw('separatormenuitem', separatorMenuItemSchema, spec);
+
+    const autocompleterItemSchema = objOf([
+        // Currently, autocomplete items don't support configuring type, active, disabled, meta
+        defaultedType('autocompleteitem'),
+        active,
+        enabled,
+        defaultedMeta,
+        value,
+        optionalText,
+        optionalIcon
+    ]);
+    objOf([
+        type,
+        requiredString('trigger'),
+        defaultedNumber('minChars', 1),
+        defaultedColumns(1),
+        defaultedNumber('maxResults', 10),
+        optionFunction('matches'),
+        fetch,
+        onAction,
+        defaultedArrayOf('highlightOn', [], string)
+    ]);
+    const createSeparatorItem = (spec) => asRaw('Autocompleter.Separator', separatorMenuItemSchema, spec);
+    const createAutocompleterItem = (spec) => asRaw('Autocompleter.Item', autocompleterItemSchema, spec);
+
+    const baseToolbarButtonFields = [
+        enabled,
+        optionalTooltip,
+        optionalIcon,
+        optionalText,
+        onSetup,
+        defaultedString('context', 'mode:design')
+    ];
+    const toolbarButtonSchema = objOf([
+        type,
+        onAction,
+        optionalShortcut
+    ].concat(baseToolbarButtonFields));
+    const createToolbarButton = (spec) => asRaw('toolbarbutton', toolbarButtonSchema, spec);
+
+    const baseToolbarToggleButtonFields = [
+        active
+    ].concat(baseToolbarButtonFields);
+    const toggleButtonSchema = objOf(baseToolbarToggleButtonFields.concat([
+        type,
+        onAction,
+        optionalShortcut
+    ]));
+    const createToggleButton = (spec) => asRaw('ToggleButton', toggleButtonSchema, spec);
+
+    const contextBarFields = [
+        defaultedFunction('predicate', never),
+        defaultedStringEnum('scope', 'node', ['node', 'editor']),
+        defaultedStringEnum('position', 'selection', ['node', 'selection', 'line'])
+    ];
+
+    const contextButtonFields = baseToolbarButtonFields.concat([
+        defaultedType('contextformbutton'),
+        defaultedString('align', 'end'),
+        primary,
+        onAction,
+        customField('original', identity)
+    ]);
+    const contextToggleButtonFields = baseToolbarToggleButtonFields.concat([
+        defaultedType('contextformbutton'),
+        defaultedString('align', 'end'),
+        primary,
+        onAction,
+        customField('original', identity)
+    ]);
+    const launchButtonFields$1 = baseToolbarButtonFields.concat([
+        defaultedType('contextformbutton')
+    ]);
+    const launchToggleButtonFields = baseToolbarToggleButtonFields.concat([
+        defaultedType('contextformtogglebutton')
+    ]);
+    const toggleOrNormal = choose$1('type', {
+        contextformbutton: contextButtonFields,
+        contextformtogglebutton: contextToggleButtonFields
+    });
+    const baseContextFormFields = [
+        optionalLabel,
+        requiredArrayOf('commands', toggleOrNormal),
+        optionOf('launch', choose$1('type', {
+            contextformbutton: launchButtonFields$1,
+            contextformtogglebutton: launchToggleButtonFields
+        })),
+        defaultedFunction('onInput', noop),
+        defaultedFunction('onSetup', noop)
+    ];
+    const contextFormFields = [
+        ...contextBarFields,
+        ...baseContextFormFields,
+        requiredStringEnum('type', ['contextform']),
+        defaultedFunction('initValue', constant$1('')),
+        optionString('placeholder'),
+    ];
+    const contextSliderFormFields = [
+        ...contextBarFields,
+        ...baseContextFormFields,
+        requiredStringEnum('type', ['contextsliderform']),
+        defaultedFunction('initValue', constant$1(0)),
+        defaultedFunction('min', constant$1(0)),
+        defaultedFunction('max', constant$1(100))
+    ];
+    const contextSizeInputFormFields = [
+        ...contextBarFields,
+        ...baseContextFormFields,
+        requiredStringEnum('type', ['contextsizeinputform']),
+        defaultedFunction('initValue', constant$1({ width: '', height: '' }))
+    ];
+    const contextFormSchema = choose$1('type', {
+        contextform: contextFormFields,
+        contextsliderform: contextSliderFormFields,
+        contextsizeinputform: contextSizeInputFormFields
+    });
+    const createContextForm = (spec) => asRaw('ContextForm', contextFormSchema, spec);
+
+    const launchButtonFields = baseToolbarButtonFields.concat([
+        defaultedType('contexttoolbarbutton')
+    ]);
+    const contextToolbarSchema = objOf([
+        defaultedType('contexttoolbar'),
+        optionObjOf('launch', launchButtonFields),
+        requiredOf('items', oneOf([
+            string,
+            arrOfObj([
+                optionString('name'),
+                optionString('label'),
+                requiredArrayOf('items', string)
+            ])
+        ])),
+    ].concat(contextBarFields));
+    const toolbarGroupBackToSpec = (toolbarGroup) => ({
+        name: toolbarGroup.name.getOrUndefined(),
+        label: toolbarGroup.label.getOrUndefined(),
+        items: toolbarGroup.items
+    });
+    const contextToolbarToSpec = (contextToolbar) => ({
+        ...contextToolbar,
+        launch: contextToolbar.launch.getOrUndefined(),
+        items: isString(contextToolbar.items) ? contextToolbar.items : map$2(contextToolbar.items, toolbarGroupBackToSpec)
+    });
+    const createContextToolbar = (spec) => asRaw('ContextToolbar', contextToolbarSchema, spec);
+
+    const cardImageFields = [
+        type,
+        requiredString('src'),
+        optionString('alt'),
+        defaultedArrayOf('classes', [], string)
+    ];
+    const cardImageSchema = objOf(cardImageFields);
+
+    const cardTextFields = [
+        type,
+        text,
+        optionalName,
+        defaultedArrayOf('classes', ['tox-collection__item-label'], string)
+    ];
+    const cardTextSchema = objOf(cardTextFields);
+
+    const itemSchema = valueThunk(() => choose$2('type', {
+        cardimage: cardImageSchema,
+        cardtext: cardTextSchema,
+        cardcontainer: cardContainerSchema
+    }));
+    const cardContainerSchema = objOf([
+        type,
+        defaultedString('direction', 'horizontal'),
+        defaultedString('align', 'left'),
+        defaultedString('valign', 'middle'),
+        requiredArrayOf('items', itemSchema)
+    ]);
+
+    const cardMenuItemSchema = objOf([
+        type,
+        optionalLabel,
+        requiredArrayOf('items', itemSchema),
+        onSetup,
+        defaultedOnAction
+    ].concat(commonMenuItemFields));
+    const createCardMenuItem = (spec) => asRaw('cardmenuitem', cardMenuItemSchema, spec);
+
+    const choiceMenuItemSchema = objOf([
+        type,
+        active,
+        optionalIcon,
+        optionalLabel
+    ].concat(commonMenuItemFields));
+    const createChoiceMenuItem = (spec) => asRaw('choicemenuitem', choiceMenuItemSchema, spec);
+
+    const baseFields = [
+        type,
+        requiredString('fancytype'),
+        defaultedOnAction
+    ];
+    const insertTableFields = [
+        defaulted('initData', {})
+    ].concat(baseFields);
+    const colorSwatchFields = [
+        optionFunction('select'),
+        defaultedObjOf('initData', {}, [
+            defaultedBoolean('allowCustomColors', true),
+            defaultedString('storageKey', 'default'),
+            // Note: We don't validate the colors as they are instead validated by choiceschema when rendering
+            optionArrayOf('colors', anyValue())
+        ])
+    ].concat(baseFields);
+    const imageSelectFields = [
+        optionFunction('select'),
+        requiredObjOf('initData', [
+            requiredNumber('columns'),
+            // Note: We don't validate the items as they are instead validated by imageMenuItemSchema when rendering
+            defaultedArrayOf('items', [], anyValue())
+        ])
+    ].concat(baseFields);
+    const fancyMenuItemSchema = choose$1('fancytype', {
+        inserttable: insertTableFields,
+        colorswatch: colorSwatchFields,
+        imageselect: imageSelectFields
+    });
+    const createFancyMenuItem = (spec) => asRaw('fancymenuitem', fancyMenuItemSchema, spec);
+
+    const imageMenuItemSchema = objOf([
+        type,
+        active,
+        url,
+        optionalLabel,
+        optionalTooltip
+    ].concat(commonMenuItemFields));
+    const resetImageItemSchema = objOf([
+        type,
+        active,
+        icon,
+        label,
+        optionalTooltip,
+        value
+    ].concat(commonMenuItemFields));
+    const createImageMenuItem = (spec) => asRaw('imagemenuitem', imageMenuItemSchema, spec);
+    const createResetImageItem = (spec) => asRaw('resetimageitem', resetImageItemSchema, spec);
+
+    const menuItemSchema = objOf([
+        type,
+        onSetup,
+        defaultedOnAction,
+        optionalIcon
+    ].concat(commonMenuItemFields));
+    const createMenuItem = (spec) => asRaw('menuitem', menuItemSchema, spec);
+
+    const nestedMenuItemSchema = objOf([
+        type,
+        getSubmenuItems,
+        onSetup,
+        optionalIcon
+    ].concat(commonMenuItemFields));
+    const createNestedMenuItem = (spec) => asRaw('nestedmenuitem', nestedMenuItemSchema, spec);
+
+    const toggleMenuItemSchema = objOf([
+        type,
+        optionalIcon,
+        active,
+        onSetup,
+        onAction
+    ].concat(commonMenuItemFields));
+    const createToggleMenuItem = (spec) => asRaw('togglemenuitem', toggleMenuItemSchema, spec);
+
+    const sidebarSchema = objOf([
+        optionalIcon,
+        optionalTooltip,
+        defaultedFunction('onShow', noop),
+        defaultedFunction('onHide', noop),
+        onSetup
+    ]);
+    const createSidebar = (spec) => asRaw('sidebar', sidebarSchema, spec);
+
+    const groupToolbarButtonSchema = objOf([
+        type,
+        requiredOf('items', oneOf([
+            arrOfObj([
+                name,
+                requiredArrayOf('items', string)
+            ]),
+            string
+        ]))
+    ].concat(baseToolbarButtonFields));
+    const createGroupToolbarButton = (spec) => asRaw('GroupToolbarButton', groupToolbarButtonSchema, spec);
+
+    const splitButtonSchema = objOf([
+        type,
+        optionalTooltip,
+        optionalIcon,
+        optionalText,
+        optionalSelect,
+        fetch,
+        onSetup,
+        // TODO: Validate the allowed presets
+        defaultedStringEnum('presets', 'normal', ['normal', 'color', 'listpreview']),
+        defaultedColumns(1),
+        onAction,
+        onItemAction,
+        defaultedString('context', 'mode:design')
+    ]);
+    const createSplitButton = (spec) => asRaw('SplitButton', splitButtonSchema, spec);
+
+    const baseButtonFields = [
+        optionalText,
+        optionalIcon,
+        optionString('tooltip'),
+        defaultedStringEnum('buttonType', 'secondary', ['primary', 'secondary']),
+        defaultedBoolean('borderless', false),
+        requiredFunction('onAction'),
+        defaultedString('context', 'mode:design')
+    ];
+    const normalButtonFields = [
+        ...baseButtonFields,
+        text,
+        requiredStringEnum('type', ['button']),
+    ];
+    const toggleButtonFields = [
+        ...baseButtonFields,
+        defaultedBoolean('active', false),
+        requiredStringEnum('type', ['togglebutton'])
+    ];
+    const schemaWithoutGroupButton = {
+        button: normalButtonFields,
+        togglebutton: toggleButtonFields,
+    };
+    const groupFields = [
+        requiredStringEnum('type', ['group']),
+        defaultedArrayOf('buttons', [], choose$1('type', schemaWithoutGroupButton))
+    ];
+    const viewButtonSchema = choose$1('type', {
+        ...schemaWithoutGroupButton,
+        group: groupFields
+    });
+
+    const viewSchema = objOf([
+        defaultedArrayOf('buttons', [], viewButtonSchema),
+        requiredFunction('onShow'),
+        requiredFunction('onHide')
+    ]);
+    const createView = (spec) => asRaw('view', viewSchema, spec);
+
+    const detectSize = (comp, margin, selectorClass) => {
+        const descendants$1 = descendants(comp.element, '.' + selectorClass);
+        // TODO: This seems to cause performance issues in the emoji dialog
+        if (descendants$1.length > 0) {
+            const columnLength = findIndex$1(descendants$1, (c) => {
+                const thisTop = c.dom.getBoundingClientRect().top;
+                const cTop = descendants$1[0].dom.getBoundingClientRect().top;
+                return Math.abs(thisTop - cTop) > margin;
+            }).getOr(descendants$1.length);
+            return Optional?.some({
+                numColumns: columnLength,
+                numRows: Math.ceil(descendants$1.length / columnLength)
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+
+    // Consider moving to alloy once it takes shape.
+    const namedEvents = (name, handlers) => derive$1([
+        config(name, handlers)
+    ]);
+    const unnamedEvents = (handlers) => namedEvents(generate$6('unnamed-events'), handlers);
+    const SimpleBehaviours = {
+        namedEvents,
+        unnamedEvents
+    };
+
+    const item = (disabled) => Disabling.config({
+        disabled,
+        disableClass: 'tox-collection__item--state-disabled'
+    });
+    const button = (disabled) => Disabling.config({
+        disabled
+    });
+    const splitButton = (disabled) => Disabling.config({
+        disabled,
+        disableClass: 'tox-tbtn--disabled'
+    });
+    const toolbarButton = (disabled) => Disabling.config({
+        disabled,
+        disableClass: 'tox-tbtn--disabled',
+        useNative: false
+    });
+    const DisablingConfigs = {
+        item,
+        button,
+        splitButton,
+        toolbarButton
+    };
+
+    const runWithApi = (info, comp) => {
+        const api = info.getApi(comp);
+        return (f) => {
+            f(api);
+        };
+    };
+    // These handlers are used for providing common onAttached and onDetached handlers.
+    // Essentially, the `editorOffCell` is used store the onDestroy function returned
+    // by onSetup. The reason onControlAttached doesn't create the cell itself, is because
+    // it also has to be passed into onControlDetached. We could make this function return
+    // the cell and the onAttachedHandler, but that would provide too much complexity.
+    const onControlAttached = (info, editorOffCell) => runOnAttached((comp) => {
+        if (isFunction(info.onBeforeSetup)) {
+            info.onBeforeSetup(comp);
+        }
+        const run = runWithApi(info, comp);
+        run((api) => {
+            const onDestroy = info.onSetup(api);
+            if (isFunction(onDestroy)) {
+                editorOffCell.set(onDestroy);
+            }
+        });
+    });
+    const onControlDetached = (getApi, editorOffCell) => runOnDetached((comp) => runWithApi(getApi, comp)(editorOffCell.get()));
+    const onContextFormControlDetached = (getApi, editorOffCell, valueState) => runOnDetached((comp) => {
+        valueState.set(Representing.getValue(comp));
+        return runWithApi(getApi, comp)(editorOffCell.get());
+    });
+
+    const UiStateChannel = 'silver.uistate';
+    const messageSetDisabled = 'setDisabled';
+    const messageSetEnabled = 'setEnabled';
+    const messageInit = 'init';
+    const messageSwitchMode = 'switchmode';
+    const modeContextMessages = [messageSwitchMode, messageInit];
+    const broadcastEvents = (uiRefs, messageType) => {
+        const outerContainer = uiRefs.mainUi.outerContainer;
+        const motherships = [uiRefs.mainUi.mothership, ...uiRefs.uiMotherships];
+        if (messageType === messageSetDisabled) {
+            each$1(motherships, (m) => {
+                m.broadcastOn([dismissPopups()], { target: outerContainer.element });
+            });
+        }
+        each$1(motherships, (m) => {
+            m.broadcastOn([UiStateChannel], messageType);
+        });
+    };
+    const setupEventsForUi = (editor, uiRefs) => {
+        editor.on('init SwitchMode', (event) => {
+            broadcastEvents(uiRefs, event.type);
+        });
+        editor.on('DisabledStateChange', (event) => {
+            if (!event.isDefaultPrevented()) {
+                // When the event state indicates the editor is **enabled** (`event.state` is false),
+                // we send an 'init' message instead of 'setEnabled' because the editor might be in read-only mode.
+                // Sending 'setEnabled' would enable all the toolbar buttons, which is undesirable if the editor is read-only.
+                const messageType = event.state ? messageSetDisabled : messageInit;
+                broadcastEvents(uiRefs, messageType);
+                // After refreshing the state of the buttons, trigger a NodeChange event.
+                if (!event.state) {
+                    editor.nodeChanged();
+                }
+            }
+        });
+        editor.on('NodeChange', (e) => {
+            const messageType = editor.ui.isEnabled() ? e.type : messageSetDisabled;
+            broadcastEvents(uiRefs, messageType);
+        });
+        if (isReadOnly(editor)) {
+            editor.mode.set('readonly');
+        }
+    };
+    const toggleOnReceive = (getContext) => Receiving.config({
+        channels: {
+            [UiStateChannel]: {
+                onReceive: (comp, messageType) => {
+                    if (messageType === messageSetDisabled || messageType === messageSetEnabled) {
+                        Disabling.set(comp, messageType === messageSetDisabled);
+                        return;
+                    }
+                    const { contextType, shouldDisable } = getContext();
+                    if (contextType === 'mode' && !contains$2(modeContextMessages, messageType)) {
+                        return;
+                    }
+                    Disabling.set(comp, shouldDisable);
+                }
+            }
+        }
+    });
+
+    // Perform `action` when an item is clicked on, close menus, and stop event
+    const onMenuItemExecute = (info, itemResponse) => runOnExecute$1((comp, simulatedEvent) => {
+        // If there is an action, run the action
+        runWithApi(info, comp)(info.onAction);
+        if (!info.triggersSubmenu && itemResponse === ItemResponse$1.CLOSE_ON_EXECUTE) {
+            if (comp.getSystem().isConnected()) {
+                emit(comp, sandboxClose());
+            }
+            simulatedEvent.stop();
+        }
+    });
+    const menuItemEventOrder = {
+        // TODO: use the constants provided by behaviours.
+        [execute$5()]: ['disabling', 'alloy.base.behaviour', 'toggling', 'item-events']
+    };
+
+    const componentRenderPipeline = cat;
+    const renderCommonItem = (spec, structure, itemResponse, providersBackstage) => {
+        const editorOffCell = Cell(noop);
+        return {
+            type: 'item',
+            dom: structure.dom,
+            components: componentRenderPipeline(structure.optComponents),
+            data: spec.data,
+            eventOrder: menuItemEventOrder,
+            hasSubmenu: spec.triggersSubmenu,
+            itemBehaviours: derive$1([
+                config('item-events', [
+                    onMenuItemExecute(spec, itemResponse),
+                    onControlAttached(spec, editorOffCell),
+                    onControlDetached(spec, editorOffCell)
+                ]),
+                DisablingConfigs.item(() => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                Replacing.config({})
+            ].concat(spec.itemBehaviours))
+        };
+    };
+    const buildData = (source) => ({
+        value: source.value,
+        meta: {
+            text: source.text.getOr(''),
+            ...source.meta
+        }
+    });
+
+    const renderImage$1 = (spec, imageUrl) => {
+        var _a, _b;
+        const spinnerElement = SugarElement.fromTag('div');
+        add$2(spinnerElement, 'tox-image-selector-loading-spinner');
+        const addSpinnerElement = (loadingElement) => {
+            add$2(loadingElement, 'tox-image-selector-loading-spinner-wrapper');
+            append$2(loadingElement, spinnerElement);
+        };
+        const removeSpinnerElement = (loadingElement) => {
+            remove$3(loadingElement, 'tox-image-selector-loading-spinner-wrapper');
+            remove$7(spinnerElement);
+        };
+        return {
+            dom: {
+                tag: spec.tag,
+                attributes: (_a = spec.attributes) !== null && _a !== void 0 ? _a : {},
+                classes: spec.classes,
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-image-selector-image-wrapper']
+                    },
+                    components: [
+                        {
+                            dom: {
+                                tag: 'img',
+                                attributes: { src: imageUrl },
+                                classes: ['tox-image-selector-image-img']
+                            }
+                        },
+                    ]
+                },
+                ...spec.checkMark.toArray()
+            ],
+            behaviours: derive$1([
+                ...(_b = spec.behaviours) !== null && _b !== void 0 ? _b : [],
+                config('render-image-events', [
+                    runOnAttached((component) => {
+                        addSpinnerElement(component.element);
+                        descendant(component.element, 'img').each((image$1) => {
+                            image(image$1).catch((e) => {
+                                // eslint-disable-next-line no-console
+                                console.error(e);
+                            }).finally(() => {
+                                removeSpinnerElement(component.element);
+                            });
+                        });
+                    })
+                ]),
+            ])
+        };
+    };
+    const render$3 = (imageUrl, spec) => renderImage$1(spec, imageUrl);
+
+    // Converts shortcut format to Mac/PC variants
+    // Note: This is different to the help shortcut converter, as it doesn't padd the + symbol with spaces
+    //       so as to not take up large amounts of space in the menus
+    const convertText = (source) => {
+        const isMac = global$7.os.isMacOS() || global$7.os.isiOS();
+        const mac = {
+            alt: '\u2325',
+            ctrl: '\u2303',
+            shift: '\u21E7',
+            meta: '\u2318',
+            access: '\u2303\u2325'
+        };
+        const other = {
+            meta: 'Ctrl',
+            access: 'Shift+Alt'
+        };
+        const replace = isMac ? mac : other;
+        const shortcut = source.split('+');
+        const updated = map$2(shortcut, (segment) => {
+            // search lowercase, but if not found use the original
+            const search = segment.toLowerCase().trim();
+            return has$2(replace, search) ? replace[search] : segment;
+        });
+        return isMac ? updated.join('') : updated.join('+');
+    };
+
+    const renderIcon$2 = (name, icons, classes = [iconClass]) => render$4(name, { tag: 'div', classes }, icons);
+    const renderText = (text) => ({
+        dom: {
+            tag: 'div',
+            classes: [textClass]
+        },
+        components: [text$2(global$6.translate(text))]
+    });
+    const renderHtml = (html, classes) => ({
+        dom: {
+            tag: 'div',
+            classes,
+            innerHtml: html
+        }
+    });
+    const renderStyledText = (style, text) => ({
+        dom: {
+            tag: 'div',
+            classes: [textClass]
+        },
+        components: [
+            {
+                dom: {
+                    tag: style.tag,
+                    styles: style.styles
+                },
+                components: [text$2(global$6.translate(text))]
+            }
+        ]
+    });
+    const renderShortcut = (shortcut) => ({
+        dom: {
+            tag: 'div',
+            classes: [accessoryClass]
+        },
+        components: [
+            text$2(convertText(shortcut))
+        ]
+    });
+    const renderCheckmark = (icons) => renderIcon$2('checkmark', icons, [checkmarkClass]);
+    const renderSubmenuCaret = (icons) => renderIcon$2('chevron-right', icons, [caretClass]);
+    const renderDownwardsCaret = (icons) => renderIcon$2('chevron-down', icons, [caretClass]);
+    const renderContainer = (container, components) => {
+        const directionClass = container.direction === 'vertical' ? containerColumnClass : containerRowClass;
+        const alignClass = container.align === 'left' ? containerAlignLeftClass : containerAlignRightClass;
+        const getValignClass = () => {
+            switch (container.valign) {
+                case 'top':
+                    return containerValignTopClass;
+                case 'middle':
+                    return containerValignMiddleClass;
+                case 'bottom':
+                    return containerValignBottomClass;
+            }
+        };
+        return {
+            dom: {
+                tag: 'div',
+                classes: [
+                    containerClass,
+                    directionClass,
+                    alignClass,
+                    getValignClass()
+                ]
+            },
+            components
+        };
+    };
+    const renderImage = (src, classes, alt) => ({
+        dom: {
+            tag: 'img',
+            classes,
+            attributes: {
+                src,
+                alt: alt.getOr('')
+            }
+        }
+    });
+
+    const renderColorStructure = (item, providerBackstage, fallbackIcon) => {
+        const colorPickerCommand = 'custom';
+        const removeColorCommand = 'remove';
+        const itemValue = item.value;
+        const iconSvg = item.iconContent?.map((name) => getOr(name, providerBackstage.icons, fallbackIcon));
+        const attributes = item.ariaLabel?.map((al) => ({
+            'aria-label': providerBackstage.translate(al),
+            'data-mce-name': al
+        })).getOr({});
+        const getDom = () => {
+            const common = colorClass;
+            const icon = iconSvg.getOr('');
+            const baseDom = {
+                tag: 'div',
+                attributes,
+                classes: [common]
+            };
+            if (itemValue === colorPickerCommand) {
+                return {
+                    ...baseDom,
+                    tag: 'button',
+                    classes: [...baseDom.classes, 'tox-swatches__picker-btn'],
+                    innerHtml: icon
+                };
+            }
+            else if (itemValue === removeColorCommand) {
+                return {
+                    ...baseDom,
+                    classes: [...baseDom.classes, 'tox-swatch--remove'],
+                    innerHtml: icon
+                };
+            }
+            else if (isNonNullable(itemValue)) {
+                return {
+                    ...baseDom,
+                    attributes: {
+                        ...baseDom.attributes,
+                        'data-mce-color': itemValue
+                    },
+                    styles: {
+                        'background-color': itemValue
+                    },
+                    innerHtml: icon
+                };
+            }
+            else {
+                return baseDom;
+            }
+        };
+        return {
+            dom: getDom(),
+            optComponents: []
+        };
+    };
+    const renderItemDomStructure = (ariaLabel, classes) => {
+        const domTitle = ariaLabel?.map((label) => ({
+            attributes: {
+                'id': generate$6('menu-item'),
+                'aria-label': global$6.translate(label)
+            }
+        })).getOr({});
+        return {
+            tag: 'div',
+            classes: [navClass, selectableClass].concat(classes),
+            ...domTitle
+        };
+    };
+    const createLabel = (label) => {
+        return {
+            dom: {
+                tag: 'label'
+            },
+            components: [
+                text$2(label)
+            ]
+        };
+    };
+    const renderNormalItemStructure = (info, providersBackstage, renderIcons, fallbackIcon) => {
+        // TODO: TINY-3036 Work out a better way of dealing with custom icons
+        const iconSpec = { tag: 'div', classes: [iconClass] };
+        const renderIcon = (iconName) => render$4(iconName, iconSpec, providersBackstage.icons, fallbackIcon);
+        const renderEmptyIcon = () => Optional?.some({ dom: iconSpec });
+        // Note: renderIcons indicates if any icons are present in the menu - if false then the icon column will not be present for the whole menu
+        const leftIcon = renderIcons ? info.iconContent?.map(renderIcon).orThunk(renderEmptyIcon) : Optional.none();
+        // TINY-3345: Dedicated columns for icon and checkmark if applicable
+        const checkmark = info.checkMark;
+        // Style items and autocompleter both have meta. Need to branch on style
+        // This could probably be more stable...
+        const textRender = Optional.from(info.meta).fold(() => renderText, (meta) => has$2(meta, 'style') ? curry(renderStyledText, meta.style) : renderText);
+        const content = info.htmlContent.fold(() => info.textContent?.map(textRender), (html) => Optional?.some(renderHtml(html, [textClass])));
+        const menuItem = {
+            dom: renderItemDomStructure(info.ariaLabel, []),
+            optComponents: [
+                leftIcon,
+                content,
+                info.shortcutContent?.map(renderShortcut),
+                checkmark,
+                info.caret,
+                info.labelContent?.map(createLabel)
+            ]
+        };
+        return menuItem;
+    };
+    const renderImgItemStructure = (info) => {
+        const menuItem = {
+            dom: renderItemDomStructure(info.ariaLabel, [imageSelectorClasll]),
+            optComponents: [
+                Optional?.some(render$3(info.iconContent.getOrDie(), { tag: 'div', classes: [imageClass], checkMark: info.checkMark })),
+                info.labelContent?.map(createLabel)
+            ]
+        };
+        return menuItem;
+    };
+    // TODO: Maybe need aria-label
+    const renderItemStructure = (info, providersBackstage, renderIcons, fallbackIcon = Optional.none()) => {
+        if (info.presets === 'color') {
+            return renderColorStructure(info, providersBackstage, fallbackIcon);
+        }
+        else if (info.presets === 'img') {
+            return renderImgItemStructure(info);
+        }
+        else {
+            return renderNormalItemStructure(info, providersBackstage, renderIcons, fallbackIcon);
+        }
+    };
+
+    // Use meta to pass through special information about the tooltip
+    // (yes this is horrible but it is not yet public API)
+    const tooltipBehaviour = (meta, sharedBackstage, tooltipText) => get$h(meta, 'tooltipWorker')
+        ?.map((tooltipWorker) => [
+        Tooltipping.config({
+            lazySink: sharedBackstage.getSink,
+            tooltipDom: {
+                tag: 'div',
+                classes: ['tox-tooltip-worker-container']
+            },
+            tooltipComponents: [],
+            anchor: (comp) => ({
+                type: 'submenu',
+                item: comp,
+                overrides: {
+                    // NOTE: this avoids it setting overflow and max-height.
+                    maxHeightFunction: expandable$1
+                }
+            }),
+            mode: 'follow-highlight',
+            onShow: (component, _tooltip) => {
+                tooltipWorker((elm) => {
+                    Tooltipping.setComponents(component, [
+                        external({ element: SugarElement.fromDom(elm) })
+                    ]);
+                });
+            }
+        })
+    ])
+        .getOrThunk(() => {
+        return tooltipText?.map((text) => [
+            Tooltipping.config({
+                ...sharedBackstage.providers.tooltips.getConfig({
+                    tooltipText: text
+                }),
+                mode: 'follow-highlight'
+            })
+        ]).getOr([]);
+    });
+    const encodeText = (text) => global$9.DOM.encode(text);
+    const replaceText = (text, matchText) => {
+        const translated = global$6.translate(text);
+        const encoded = encodeText(translated);
+        if (matchText.length > 0) {
+            const escapedMatchRegex = new RegExp(escape(matchText), 'gi');
+            return encoded.replace(escapedMatchRegex, (match) => `<span class="tox-autocompleter-highlight">${match}</span>`);
+        }
+        else {
+            return encoded;
+        }
+    };
+    const renderAutocompleteItem = (spec, matchText, useText, presets, onItemValueHandler, itemResponse, sharedBackstage, renderIcons = true) => {
+        const structure = renderItemStructure({
+            presets,
+            textContent: Optional.none(),
+            htmlContent: useText ? spec.text?.map((text) => replaceText(text, matchText)) : Optional.none(),
+            ariaLabel: spec.text,
+            labelContent: Optional.none(),
+            iconContent: spec.icon,
+            shortcutContent: Optional.none(),
+            checkMark: Optional.none(),
+            caret: Optional.none(),
+            value: spec.value
+        }, sharedBackstage.providers, renderIcons, spec.icon);
+        const tooltipString = spec.text.filter((text) => !useText && text !== '');
+        return renderCommonItem({
+            context: 'mode:design',
+            data: buildData(spec),
+            enabled: spec.enabled,
+            getApi: constant$1({}),
+            onAction: (_api) => onItemValueHandler(spec.value, spec.meta),
+            onSetup: constant$1(noop),
+            triggersSubmenu: false,
+            itemBehaviours: tooltipBehaviour(spec, sharedBackstage, tooltipString)
+        }, structure, itemResponse, sharedBackstage.providers);
+    };
+
+    const render$2 = (items, extras) => map$2(items, (item) => {
+        switch (item.type) {
+            case 'cardcontainer':
+                return renderContainer(item, render$2(item.items, extras));
+            case 'cardimage':
+                return renderImage(item.src, item.classes, item.alt);
+            case 'cardtext':
+                // Only highlight targeted text components
+                const shouldHighlight = item.name.exists((name) => contains$2(extras.cardText.highlightOn, name));
+                const matchText = shouldHighlight ? Optional.from(extras.cardText.matchText).getOr('') : '';
+                return renderHtml(replaceText(item.text, matchText), item.classes);
+        }
+    });
+    const renderCardMenuItem = (spec, itemResponse, sharedBackstage, extras) => {
+        const getApi = (component) => ({
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => {
+                Disabling.set(component, !state);
+                // Disable sub components
+                each$1(descendants(component.element, '*'), (elm) => {
+                    component.getSystem().getByDom(elm).each((comp) => {
+                        if (comp.hasConfigured(Disabling)) {
+                            Disabling.set(comp, !state);
+                        }
+                    });
+                });
+            }
+        });
+        const structure = {
+            dom: renderItemDomStructure(spec.label, []),
+            optComponents: [
+                Optional?.some({
+                    dom: {
+                        tag: 'div',
+                        classes: [containerClass, containerRowClass]
+                    },
+                    components: render$2(spec.items, extras)
+                })
+            ]
+        };
+        return renderCommonItem({
+            context: 'mode:design',
+            data: buildData({ text: Optional.none(), ...spec }),
+            enabled: spec.enabled,
+            getApi,
+            onAction: spec.onAction,
+            onSetup: spec.onSetup,
+            triggersSubmenu: false,
+            itemBehaviours: Optional.from(extras.itemBehaviours).getOr([])
+        }, structure, itemResponse, sharedBackstage.providers);
+    };
+
+    const renderChoiceItem = (spec, useText, presets, onItemValueHandler, isSelected, itemResponse, providersBackstage, renderIcons = true) => {
+        const getApi = (component) => ({
+            setActive: (state) => {
+                Toggling.set(component, state);
+            },
+            isActive: () => Toggling.isOn(component),
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state)
+        });
+        const structure = renderItemStructure({
+            presets,
+            textContent: useText ? spec.text : Optional.none(),
+            htmlContent: Optional.none(),
+            labelContent: spec.label,
+            ariaLabel: spec.text,
+            iconContent: spec.icon,
+            shortcutContent: useText ? spec.shortcut : Optional.none(),
+            // useText essentially says that we have one column. In one column lists, we should show a tick
+            // The tick is controlled by the tickedClass (via css). It is always present
+            // but is hidden unless the tickedClass is present.
+            checkMark: useText ? Optional?.some(renderCheckmark(providersBackstage.icons)) : Optional.none(),
+            caret: Optional.none(),
+            value: spec.value
+        }, providersBackstage, renderIcons);
+        const optTooltipping = spec.text
+            .filter(constant$1(!useText))
+            ?.map((t) => Tooltipping.config(providersBackstage.tooltips.getConfig({
+            tooltipText: providersBackstage.translate(t)
+        })));
+        return deepMerge(renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            enabled: spec.enabled,
+            getApi,
+            onAction: (_api) => onItemValueHandler(spec.value),
+            onSetup: (api) => {
+                api.setActive(isSelected);
+                return noop;
+            },
+            triggersSubmenu: false,
+            itemBehaviours: [
+                ...optTooltipping.toArray()
+            ]
+        }, structure, itemResponse, providersBackstage), {
+            toggling: {
+                toggleClass: tickedClass,
+                toggleOnExecute: false,
+                selected: spec.active,
+                exclusive: true
+            }
+        });
+    };
+
+    const hexColour = (value) => ({
+        value: normalizeHex(value)
+    });
+    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    const longformRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
+    const isHexString = (hex) => shorthandRegex.test(hex) || longformRegex.test(hex);
+    const normalizeHex = (hex) => removeLeading(hex, '#').toUpperCase();
+    const fromString$1 = (hex) => isHexString(hex) ? Optional?.some({ value: normalizeHex(hex) }) : Optional.none();
+    // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+    const getLongForm = (hex) => {
+        const hexString = hex.value.replace(shorthandRegex, (m, r, g, b) => r + r + g + g + b + b);
+        return { value: hexString };
+    };
+    const extractValues = (hex) => {
+        const longForm = getLongForm(hex);
+        const splitForm = longformRegex.exec(longForm.value);
+        return splitForm === null ? ['FFFFFF', 'FF', 'FF', 'FF'] : splitForm;
+    };
+    const toHex = (component) => {
+        const hex = component.toString(16);
+        return (hex.length === 1 ? '0' + hex : hex).toUpperCase();
+    };
+    const fromRgba = (rgbaColour) => {
+        const value = toHex(rgbaColour.red) + toHex(rgbaColour.green) + toHex(rgbaColour.blue);
+        return hexColour(value);
+    };
+
+    const hsvColour = (hue, saturation, value) => ({
+        hue,
+        saturation,
+        value
+    });
+    const fromRgb = (rgbaColour) => {
+        let h = 0;
+        let s = 0;
+        let v = 0;
+        const r = rgbaColour.red / 255;
+        const g = rgbaColour.green / 255;
+        const b = rgbaColour.blue / 255;
+        const minRGB = Math.min(r, Math.min(g, b));
+        const maxRGB = Math.max(r, Math.max(g, b));
+        if (minRGB === maxRGB) {
+            v = minRGB;
+            return hsvColour(0, 0, v * 100);
+        }
+        /* eslint no-nested-ternary:0 */
+        const d = (r === minRGB) ? g - b : ((b === minRGB) ? r - g : b - r);
+        h = (r === minRGB) ? 3 : ((b === minRGB) ? 1 : 5);
+        h = 60 * (h - d / (maxRGB - minRGB));
+        s = (maxRGB - minRGB) / maxRGB;
+        v = maxRGB;
+        return hsvColour(Math.round(h), Math.round(s * 100), Math.round(v * 100));
+    };
+
+    /* eslint-disable no-console */
+    const min = Math.min;
+    const max = Math.max;
+    const round$1 = Math.round;
+    const rgbRegex = /^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i;
+    // This regex will match rgba(0, 0, 0, 0.5) or rgba(0, 0, 0, 50%) , or without commas
+    const rgbaRegex = /^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i;
+    const rgbaColour = (red, green, blue, alpha) => ({
+        red,
+        green,
+        blue,
+        alpha
+    });
+    const isRgbaComponent = (value) => {
+        const num = parseInt(value, 10);
+        return num.toString() === value && num >= 0 && num <= 255;
+    };
+    const fromHsv = (hsv) => {
+        let r;
+        let g;
+        let b;
+        const hue = (hsv.hue || 0) % 360;
+        let saturation = hsv.saturation / 100;
+        let brightness = hsv.value / 100;
+        saturation = max(0, min(saturation, 1));
+        brightness = max(0, min(brightness, 1));
+        if (saturation === 0) {
+            r = g = b = round$1(255 * brightness);
+            return rgbaColour(r, g, b, 1);
+        }
+        const side = hue / 60;
+        const chroma = brightness * saturation;
+        const x = chroma * (1 - Math.abs(side % 2 - 1));
+        const match = brightness - chroma;
+        switch (Math.floor(side)) {
+            case 0:
+                r = chroma;
+                g = x;
+                b = 0;
+                break;
+            case 1:
+                r = x;
+                g = chroma;
+                b = 0;
+                break;
+            case 2:
+                r = 0;
+                g = chroma;
+                b = x;
+                break;
+            case 3:
+                r = 0;
+                g = x;
+                b = chroma;
+                break;
+            case 4:
+                r = x;
+                g = 0;
+                b = chroma;
+                break;
+            case 5:
+                r = chroma;
+                g = 0;
+                b = x;
+                break;
+            default:
+                r = g = b = 0;
+        }
+        r = round$1(255 * (r + match));
+        g = round$1(255 * (g + match));
+        b = round$1(255 * (b + match));
+        return rgbaColour(r, g, b, 1);
+    };
+    // Temporarily using: https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
+    const fromHex = (hexColour) => {
+        const result = extractValues(hexColour);
+        const red = parseInt(result[1], 16);
+        const green = parseInt(result[2], 16);
+        const blue = parseInt(result[3], 16);
+        return rgbaColour(red, green, blue, 1);
+    };
+    const fromStringValues = (red, green, blue, alpha) => {
+        const r = parseInt(red, 10);
+        const g = parseInt(green, 10);
+        const b = parseInt(blue, 10);
+        const a = parseFloat(alpha);
+        return rgbaColour(r, g, b, a);
+    };
+    const fromString = (rgbaString) => {
+        const rgbMatch = rgbRegex.exec(rgbaString);
+        if (rgbMatch !== null) {
+            return Optional?.some(fromStringValues(rgbMatch[1], rgbMatch[2], rgbMatch[3], '1'));
+        }
+        const rgbaMatch = rgbaRegex.exec(rgbaString);
+        if (rgbaMatch !== null) {
+            return Optional?.some(fromStringValues(rgbaMatch[1], rgbaMatch[2], rgbaMatch[3], rgbaMatch[4]));
+        }
+        return Optional.none();
+    };
+    const toString = (rgba) => `rgba(${rgba.red},${rgba.green},${rgba.blue},${rgba.alpha})`;
+    const red = rgbaColour(255, 0, 0, 1);
+
+    const hexToHsv = (hex) => fromRgb(fromHex(hex));
+    const hsvToHex = (hsv) => fromRgba(fromHsv(hsv));
+    const anyToHex = (color) => fromString$1(color)
+        .orThunk(() => fromString(color)?.map(fromRgba))
+        .getOrThunk(() => {
+        // Not dealing with Hex or RGBA so use a canvas to parse the color
+        const canvas = document.createElement('canvas');
+        canvas.height = 1;
+        canvas.width = 1;
+        const canvasContext = canvas.getContext('2d');
+        // all valid colors after this point
+        canvasContext.clearRect(0, 0, canvas.width, canvas.height);
+        // invalid colors will be shown as white - the first assignment will pass and the second may be ignored
+        canvasContext.fillStyle = '#FFFFFF';
+        canvasContext.fillStyle = color;
+        canvasContext.fillRect(0, 0, 1, 1);
+        const rgba = canvasContext.getImageData(0, 0, 1, 1).data;
+        const r = rgba[0];
+        const g = rgba[1];
+        const b = rgba[2];
+        const a = rgba[3];
+        return fromRgba(rgbaColour(r, g, b, a));
+    });
+
+    const fireSkinLoaded$1 = (editor) => {
+        editor.dispatch('SkinLoaded');
+    };
+    const fireSkinLoadError$1 = (editor, error) => {
+        editor.dispatch('SkinLoadError', error);
+    };
+    const fireResizeEditor = (editor) => {
+        editor.dispatch('ResizeEditor');
+    };
+    const fireResizeContent = (editor, e) => {
+        editor.dispatch('ResizeContent', e);
+    };
+    const fireScrollContent = (editor, e) => {
+        editor.dispatch('ScrollContent', e);
+    };
+    const fireTextColorChange = (editor, data) => {
+        editor.dispatch('TextColorChange', data);
+    };
+    const fireAfterProgressState = (editor, state) => {
+        editor.dispatch('AfterProgressState', { state });
+    };
+    const fireResolveName = (editor, node) => editor.dispatch('ResolveName', {
+        name: node.nodeName.toLowerCase(),
+        target: node
+    });
+    const fireToggleToolbarDrawer = (editor, state) => {
+        editor.dispatch('ToggleToolbarDrawer', { state });
+    };
+    const fireStylesTextUpdate = (editor, data) => {
+        editor.dispatch('StylesTextUpdate', data);
+    };
+    const fireAlignTextUpdate = (editor, data) => {
+        editor.dispatch('AlignTextUpdate', data);
+    };
+    const fireFontSizeTextUpdate = (editor, data) => {
+        editor.dispatch('FontSizeTextUpdate', data);
+    };
+    const fireFontSizeInputTextUpdate = (editor, data) => {
+        editor.dispatch('FontSizeInputTextUpdate', data);
+    };
+    const fireBlocksTextUpdate = (editor, data) => {
+        editor.dispatch('BlocksTextUpdate', data);
+    };
+    const fireFontFamilyTextUpdate = (editor, data) => {
+        editor.dispatch('FontFamilyTextUpdate', data);
+    };
+    const fireToggleSidebar = (editor) => {
+        editor.dispatch('ToggleSidebar');
+    };
+    const fireToggleView = (editor) => {
+        editor.dispatch('ToggleView');
+    };
+    const fireContextToolbarClose = (editor) => {
+        editor.dispatch('ContextToolbarClose');
+    };
+    const fireContextFormSlideBack = (editor) => {
+        editor.dispatch('ContextFormSlideBack');
+    };
+
+    const composeUnbinders = (f, g) => () => {
+        f();
+        g();
+    };
+    const onSetupEditableToggle = (editor, enabledPredicate = always) => onSetupEvent(editor, 'NodeChange', (api) => {
+        api.setEnabled(editor.selection.isEditable() && enabledPredicate());
+    });
+    const onSetupFormatToggle = (editor, name) => (api) => {
+        const boundFormatChangeCallback = unbindable();
+        const init = () => {
+            api.setActive(editor.formatter.match(name));
+            const binding = editor.formatter.formatChanged(name, api.setActive);
+            boundFormatChangeCallback.set(binding);
+        };
+        // The editor may or may not have been setup yet, so check for that
+        editor.initialized ? init() : editor.once('init', init);
+        return () => {
+            editor.off('init', init);
+            boundFormatChangeCallback.clear();
+        };
+    };
+    const onSetupStateToggle = (editor, name) => (api) => {
+        const unbindEditableToogle = onSetupEditableToggle(editor)(api);
+        const unbindFormatToggle = onSetupFormatToggle(editor, name)(api);
+        return () => {
+            unbindEditableToogle();
+            unbindFormatToggle();
+        };
+    };
+    const onSetupEvent = (editor, event, f) => (api) => {
+        const handleEvent = () => f(api);
+        const init = () => {
+            f(api);
+            editor.on(event, handleEvent);
+        };
+        // The editor may or may not have been setup yet, so check for that
+        editor.initialized ? init() : editor.once('init', init);
+        return () => {
+            editor.off('init', init);
+            editor.off(event, handleEvent);
+        };
+    };
+    const onActionToggleFormat$1 = (editor) => (rawItem) => () => {
+        editor.undoManager.transact(() => {
+            editor.focus();
+            editor.execCommand('mceToggleFormat', false, rawItem.format);
+        });
+    };
+    const onActionExecCommand = (editor, command) => () => editor.execCommand(command);
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.util.LocalStorage');
+
+    const cacheStorage = {};
+    const ColorCache = (storageId, max = 10) => {
+        const storageString = global$5.getItem(storageId);
+        const localstorage = isString(storageString) ? JSON.parse(storageString) : [];
+        const prune = (list) => {
+            // When the localStorage cache is too big,
+            // remove the difference from the tail (head is fresh, tail is stale!)
+            const diff = max - list.length;
+            return (diff < 0) ? list.slice(0, max) : list;
+        };
+        const cache = prune(localstorage);
+        const add = (key) => {
+            // Remove duplicates first.
+            indexOf(cache, key).each(remove);
+            cache.unshift(key);
+            // When max size is exceeded, the oldest colors will be removed
+            if (cache.length > max) {
+                cache.pop();
+            }
+            global$5.setItem(storageId, JSON.stringify(cache));
+        };
+        const remove = (idx) => {
+            cache.splice(idx, 1);
+        };
+        const state = () => cache.slice(0);
+        return {
+            add,
+            state
+        };
+    };
+    const getCacheForId = (id) => get$h(cacheStorage, id).getOrThunk(() => {
+        const storageId = `tinymce-custom-colors-${id}`;
+        const currentData = global$5.getItem(storageId);
+        if (isNullable(currentData)) {
+            const legacyDefault = global$5.getItem('tinymce-custom-colors');
+            global$5.setItem(storageId, isNonNullable(legacyDefault) ? legacyDefault : '[]');
+        }
+        const storage = ColorCache(storageId, 10);
+        cacheStorage[id] = storage;
+        return storage;
+    });
+    const getCurrentColors = (id) => map$2(getCacheForId(id).state(), (color) => ({
+        type: 'choiceitem',
+        text: color,
+        icon: 'checkmark',
+        value: color
+    }));
+    const addColor = (id, color) => {
+        getCacheForId(id).add(color);
+    };
+
+    const foregroundId = 'forecolor';
+    const backgroundId = 'hilitecolor';
+    const fallbackCols = 5;
+    const mapColors = (colorMap) => mapColorsRaw(colorMap?.map((color, index) => {
+        if (index % 2 === 0) {
+            return '#' + anyToHex(color).value;
+        }
+        return color;
+    }));
+    const mapColorsRaw = (colorMap) => {
+        const colors = [];
+        for (let i = 0; i < colorMap.length; i += 2) {
+            colors.push({
+                text: colorMap[i + 1],
+                value: colorMap[i],
+                icon: 'checkmark',
+                type: 'choiceitem'
+            });
+        }
+        return colors;
+    };
+    const option$1 = (name) => (editor) => editor.options.get(name);
+    const fallbackColor = '#000000';
+    const register$e = (editor) => {
+        const registerOption = editor.options.register;
+        const colorProcessor = (value) => {
+            if (isArrayOf(value, isString)) {
+                return { value: mapColors(value), valid: true };
+            }
+            else {
+                return { valid: false, message: 'Must be an array of strings.' };
+            }
+        };
+        const colorProcessorRaw = (value) => {
+            if (isArrayOf(value, isString)) {
+                return { value: mapColorsRaw(value), valid: true };
+            }
+            else {
+                return { valid: false, message: 'Must be an array of strings.' };
+            }
+        };
+        const colorColsProcessor = (value) => {
+            if (isNumber(value) && value > 0) {
+                return { value, valid: true };
+            }
+            else {
+                return { valid: false, message: 'Must be a positive number.' };
+            }
+        };
+        registerOption('color_map', {
+            processor: colorProcessor,
+            default: [
+                '#BFEDD2', 'Light Green',
+                '#FBEEB8', 'Light Yellow',
+                '#F8CAC6', 'Light Red',
+                '#ECCAFA', 'Light Purple',
+                '#C2E0F4', 'Light Blue',
+                '#2DC26B', 'Green',
+                '#F1C40F', 'Yellow',
+                '#E03E2D', 'Red',
+                '#B96AD9', 'Purple',
+                '#3598DB', 'Blue',
+                '#169179', 'Dark Turquoise',
+                '#E67E23', 'Orange',
+                '#BA372A', 'Dark Red',
+                '#843FA1', 'Dark Purple',
+                '#236FA1', 'Dark Blue',
+                '#ECF0F1', 'Light Gray',
+                '#CED4D9', 'Medium Gray',
+                '#95A5A6', 'Gray',
+                '#7E8C8D', 'Dark Gray',
+                '#34495E', 'Navy Blue',
+                '#000000', 'Black',
+                '#ffffff', 'White'
+            ]
+        });
+        registerOption('color_map_raw', {
+            processor: colorProcessorRaw,
+        });
+        registerOption('color_map_background', {
+            processor: colorProcessor
+        });
+        registerOption('color_map_foreground', {
+            processor: colorProcessor
+        });
+        registerOption('color_cols', {
+            processor: colorColsProcessor,
+            default: calcCols(editor)
+        });
+        registerOption('color_cols_foreground', {
+            processor: colorColsProcessor,
+            default: defaultCols(editor, foregroundId)
+        });
+        registerOption('color_cols_background', {
+            processor: colorColsProcessor,
+            default: defaultCols(editor, backgroundId)
+        });
+        registerOption('custom_colors', {
+            processor: 'boolean',
+            default: true
+        });
+        registerOption('color_default_foreground', {
+            processor: 'string',
+            default: fallbackColor
+        });
+        registerOption('color_default_background', {
+            processor: 'string',
+            default: fallbackColor
+        });
+    };
+    const getColors$2 = (editor, id) => {
+        if (id === foregroundId && editor.options.isSet('color_map_foreground')) {
+            return option$1('color_map_foreground')(editor);
+        }
+        else if (id === backgroundId && editor.options.isSet('color_map_background')) {
+            return option$1('color_map_background')(editor);
+        }
+        else if (editor.options.isSet('color_map_raw')) {
+            return option$1('color_map_raw')(editor);
+        }
+        else {
+            return option$1('color_map')(editor);
+        }
+    };
+    const calcCols = (editor, id = 'default') => Math.max(fallbackCols, Math.ceil(Math.sqrt(getColors$2(editor, id).length)));
+    const defaultCols = (editor, id) => {
+        const defaultCols = option$1('color_cols')(editor);
+        const calculatedCols = calcCols(editor, id);
+        if (defaultCols === calcCols(editor)) {
+            return calculatedCols;
+        }
+        else {
+            return defaultCols;
+        }
+    };
+    const getColorCols$1 = (editor, id = 'default') => {
+        const getCols = () => {
+            if (id === foregroundId) {
+                return option$1('color_cols_foreground')(editor);
+            }
+            else if (id === backgroundId) {
+                return option$1('color_cols_background')(editor);
+            }
+            else {
+                return option$1('color_cols')(editor);
+            }
+        };
+        return Math.round(getCols());
+    };
+    const hasCustomColors$1 = option$1('custom_colors');
+    const getDefaultForegroundColor = option$1('color_default_foreground');
+    const getDefaultBackgroundColor = option$1('color_default_background');
+
+    const defaultBackgroundColor = 'rgba(0, 0, 0, 0)';
+    const isValidBackgroundColor = (value) => fromString(value).exists((c) => c.alpha !== 0);
+    // Climb up the tree to find the value of the background until finding a non-transparent value or defaulting.
+    const getClosestCssBackgroundColorValue = (scope) => {
+        return closest(scope, (node) => {
+            if (isElement$1(node)) {
+                const color = get$e(node, 'background-color');
+                return someIf(isValidBackgroundColor(color), color);
+            }
+            else {
+                return Optional.none();
+            }
+        }).getOr(defaultBackgroundColor);
+    };
+    const getCurrentColor = (editor, format) => {
+        const node = SugarElement.fromDom(editor.selection.getStart());
+        const cssRgbValue = format === 'hilitecolor'
+            ? getClosestCssBackgroundColorValue(node)
+            : get$e(node, 'color');
+        return fromString(cssRgbValue)?.map((rgba) => '#' + fromRgba(rgba).value);
+    };
+    const applyFormat = (editor, format, value) => {
+        editor.undoManager.transact(() => {
+            editor.focus();
+            editor.formatter.apply(format, { value });
+            editor.nodeChanged();
+        });
+    };
+    const removeFormat = (editor, format) => {
+        editor.undoManager.transact(() => {
+            editor.focus();
+            editor.formatter.remove(format, { value: null }, undefined, true);
+            editor.nodeChanged();
+        });
+    };
+    const registerCommands = (editor) => {
+        editor.addCommand('mceApplyTextcolor', (format, value) => {
+            applyFormat(editor, format, value);
+        });
+        editor.addCommand('mceRemoveTextcolor', (format) => {
+            removeFormat(editor, format);
+        });
+    };
+    const getAdditionalColors = (hasCustom) => {
+        const type = 'choiceitem';
+        const remove = {
+            type,
+            text: 'Remove color',
+            icon: 'color-swatch-remove-color',
+            value: 'remove'
+        };
+        const custom = {
+            type,
+            text: 'Custom color',
+            icon: 'color-picker',
+            value: 'custom'
+        };
+        return hasCustom ? [
+            remove,
+            custom
+        ] : [remove];
+    };
+    const applyColor = (editor, format, value, onChoice) => {
+        if (value === 'custom') {
+            const dialog = colorPickerDialog(editor);
+            dialog((colorOpt) => {
+                colorOpt.each((color) => {
+                    addColor(format, color);
+                    editor.execCommand('mceApplyTextcolor', format, color);
+                    onChoice(color);
+                });
+            }, getCurrentColor(editor, format).getOr(fallbackColor));
+        }
+        else if (value === 'remove') {
+            onChoice('');
+            editor.execCommand('mceRemoveTextcolor', format);
+        }
+        else {
+            onChoice(value);
+            editor.execCommand('mceApplyTextcolor', format, value);
+        }
+    };
+    const getColors$1 = (colors, id, hasCustom) => colors.concat(getCurrentColors(id).concat(getAdditionalColors(hasCustom)));
+    const getFetch$1 = (colors, id, hasCustom) => (callback) => {
+        callback(getColors$1(colors, id, hasCustom));
+    };
+    const setIconColor = (splitButtonApi, name, newColor) => {
+        const id = name === 'forecolor' ? 'tox-icon-text-color__color' : 'tox-icon-highlight-bg-color__color';
+        splitButtonApi.setIconFill(id, newColor);
+    };
+    const setTooltip = (buttonApi, tooltip) => {
+        buttonApi.setTooltip(tooltip);
+    };
+    const select$1 = (editor, format) => (value) => {
+        const optCurrentHex = getCurrentColor(editor, format);
+        return is$1(optCurrentHex, value.toUpperCase());
+    };
+    // Selecting `Remove Color` would set the lastColor to ''
+    const getToolTipText = (editor, format, lastColor) => {
+        if (isEmpty(lastColor)) {
+            return format === 'forecolor' ? 'Text color' : 'Background color';
+        }
+        const tooltipPrefix = format === 'forecolor' ? 'Text color {0}' : 'Background color {0}';
+        const colors = getColors$1(getColors$2(editor, format), format, false);
+        const colorText = find$5(colors, (c) => c.value === lastColor).getOr({ text: '' }).text;
+        return editor.translate([tooltipPrefix, editor.translate(colorText)]);
+    };
+    const registerTextColorButton = (editor, name, format, lastColor) => {
+        editor.ui.registry.addSplitButton(name, {
+            tooltip: getToolTipText(editor, format, lastColor.get()),
+            presets: 'color',
+            icon: name === 'forecolor' ? 'text-color' : 'highlight-bg-color',
+            select: select$1(editor, format),
+            columns: getColorCols$1(editor, format),
+            fetch: getFetch$1(getColors$2(editor, format), format, hasCustomColors$1(editor)),
+            onAction: (_splitButtonApi) => {
+                applyColor(editor, format, lastColor.get(), noop);
+            },
+            onItemAction: (_splitButtonApi, value) => {
+                applyColor(editor, format, value, (newColor) => {
+                    lastColor.set(newColor);
+                    fireTextColorChange(editor, {
+                        name,
+                        color: newColor
+                    });
+                });
+            },
+            onSetup: (splitButtonApi) => {
+                setIconColor(splitButtonApi, name, lastColor.get());
+                const handler = (e) => {
+                    if (e.name === name) {
+                        setIconColor(splitButtonApi, e.name, e.color);
+                        setTooltip(splitButtonApi, getToolTipText(editor, format, e.color));
+                    }
+                };
+                editor.on('TextColorChange', handler);
+                return composeUnbinders(onSetupEditableToggle(editor)(splitButtonApi), () => {
+                    editor.off('TextColorChange', handler);
+                });
+            }
+        });
+    };
+    const registerTextColorMenuItem = (editor, name, format, text, lastColor) => {
+        editor.ui.registry.addNestedMenuItem(name, {
+            text,
+            icon: name === 'forecolor' ? 'text-color' : 'highlight-bg-color',
+            onSetup: (api) => {
+                setTooltip(api, getToolTipText(editor, format, lastColor.get()));
+                setIconColor(api, name, lastColor.get());
+                return onSetupEditableToggle(editor)(api);
+            },
+            getSubmenuItems: () => [
+                {
+                    type: 'fancymenuitem',
+                    fancytype: 'colorswatch',
+                    select: select$1(editor, format),
+                    initData: {
+                        storageKey: format,
+                    },
+                    onAction: (data) => {
+                        applyColor(editor, format, data.value, (newColor) => {
+                            lastColor.set(newColor);
+                            fireTextColorChange(editor, {
+                                name,
+                                color: newColor
+                            });
+                        });
+                    },
+                }
+            ]
+        });
+    };
+    const colorPickerDialog = (editor) => (callback, value) => {
+        let isValid = false;
+        const onSubmit = (api) => {
+            const data = api.getData();
+            const hex = data.colorpicker;
+            if (isValid) {
+                callback(Optional.from(hex));
+                api.close();
+            }
+            else {
+                editor.windowManager.alert(editor.translate(['Invalid hex color code: {0}', hex]));
+            }
+        };
+        const onAction = (_api, details) => {
+            if (details.name === 'hex-valid') {
+                isValid = details.value;
+            }
+        };
+        const initialData = {
+            colorpicker: value
+        };
+        editor.windowManager.open({
+            title: 'Color Picker',
+            size: 'normal',
+            body: {
+                type: 'panel',
+                items: [
+                    {
+                        type: 'colorpicker',
+                        name: 'colorpicker',
+                        label: 'Color'
+                    }
+                ]
+            },
+            buttons: [
+                {
+                    type: 'cancel',
+                    name: 'cancel',
+                    text: 'Cancel'
+                },
+                {
+                    type: 'submit',
+                    name: 'save',
+                    text: 'Save',
+                    primary: true
+                }
+            ],
+            initialData,
+            onAction,
+            onSubmit,
+            onClose: noop,
+            onCancel: () => {
+                callback(Optional.none());
+            }
+        });
+    };
+    const register$d = (editor) => {
+        registerCommands(editor);
+        const fallbackColorForeground = getDefaultForegroundColor(editor);
+        const fallbackColorBackground = getDefaultBackgroundColor(editor);
+        const lastForeColor = Cell(fallbackColorForeground);
+        const lastBackColor = Cell(fallbackColorBackground);
+        registerTextColorButton(editor, 'forecolor', 'forecolor', lastForeColor);
+        registerTextColorButton(editor, 'backcolor', 'hilitecolor', lastBackColor);
+        registerTextColorMenuItem(editor, 'forecolor', 'forecolor', 'Text color', lastForeColor);
+        registerTextColorMenuItem(editor, 'backcolor', 'hilitecolor', 'Background color', lastBackColor);
+    };
+
+    const renderImgItem = (spec, onItemValueHandler, isSelected, itemResponse, providersBackstage) => {
+        const getApi = (component) => ({
+            setActive: (state) => {
+                Toggling.set(component, state);
+            },
+            isActive: () => Toggling.isOn(component),
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state)
+        });
+        const structure = renderItemStructure({
+            presets: 'img',
+            textContent: Optional.none(),
+            htmlContent: Optional.none(),
+            ariaLabel: spec.tooltip,
+            iconContent: Optional?.some(spec.url),
+            labelContent: spec.label,
+            shortcutContent: Optional.none(),
+            checkMark: Optional?.some(renderCheckmark(providersBackstage.icons)),
+            caret: Optional.none(),
+            value: spec.value
+        }, providersBackstage, true);
+        const optTooltipping = spec.tooltip
+            ?.map((t) => Tooltipping.config(providersBackstage.tooltips.getConfig({
+            tooltipText: providersBackstage.translate(t)
+        })));
+        return deepMerge(renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            enabled: spec.enabled,
+            getApi,
+            onAction: (api) => {
+                onItemValueHandler(spec.value);
+                api.setActive(true);
+            },
+            onSetup: (api) => {
+                api.setActive(isSelected);
+                return noop;
+            },
+            triggersSubmenu: false,
+            itemBehaviours: [
+                ...optTooltipping.toArray()
+            ]
+        }, structure, itemResponse, providersBackstage), {
+            toggling: {
+                toggleClass: tickedClass,
+                toggleOnExecute: false,
+                selected: spec.active,
+                exclusive: true
+            }
+        });
+    };
+
+    const createPartialChoiceMenu = (value, items, onItemValueHandler, columns, presets, itemResponse, select, providersBackstage) => {
+        const hasIcons = menuHasIcons(items);
+        const presetItemTypes = presets !== 'color' ? 'normal' : 'color';
+        const alloyItems = createChoiceItems(items, onItemValueHandler, columns, presetItemTypes, itemResponse, select, providersBackstage);
+        const menuLayout = {
+            menuType: presets
+        };
+        return createPartialMenuWithAlloyItems(value, hasIcons, alloyItems, columns, menuLayout);
+    };
+    const createChoiceItems = (items, onItemValueHandler, columns, itemPresets, itemResponse, select, providersBackstage) => cat(map$2(items, (item) => {
+        if (item.type === 'choiceitem') {
+            return createChoiceMenuItem(item).fold(handleError, (d) => Optional?.some(renderChoiceItem(d, columns === 1, itemPresets, onItemValueHandler, select(d.value), itemResponse, providersBackstage, menuHasIcons(items))));
+        }
+        else if (item.type === 'imageitem') {
+            return createImageMenuItem(item).fold(handleError, (d) => Optional?.some(renderImgItem(d, onItemValueHandler, select(d.value), itemResponse, providersBackstage)));
+        }
+        else if (item.type === 'resetimage') {
+            return createResetImageItem(item).fold(handleError, (d) => Optional?.some(renderChoiceItem(({
+                ...d,
+                type: 'choiceitem',
+                text: d.tooltip,
+                icon: Optional?.some(d.icon),
+                label: Optional?.some(d.label),
+            }), columns === 1, itemPresets, onItemValueHandler, select(d.value), itemResponse, providersBackstage, menuHasIcons(items))));
+        }
+        else {
+            return Optional.none();
+        }
+    }));
+
+    const deriveMenuMovement = (columns, presets) => {
+        const menuMarkers = markers(presets);
+        if (columns === 1) {
+            return { mode: 'menu', moveOnTab: true };
+        }
+        else if (columns === 'auto') {
+            return {
+                mode: 'grid',
+                selector: '.' + menuMarkers.item,
+                initSize: {
+                    numColumns: 1,
+                    numRows: 1
+                }
+            };
+        }
+        else {
+            const rowClass = {
+                color: 'tox-swatches__row',
+                imageselector: 'tox-image-selector__row',
+                listpreview: 'tox-collection__group',
+                normal: 'tox-collection__group'
+            }[presets];
+            return {
+                mode: 'matrix',
+                rowSelector: '.' + rowClass,
+                previousSelector: (menu) => {
+                    // We only want the navigation to start on the selected item if we are in color-mode (The colorswatch)
+                    return presets === 'color'
+                        ? descendant(menu.element, '[aria-checked=true]')
+                        : Optional.none();
+                }
+            };
+        }
+    };
+    const deriveCollectionMovement = (columns, presets) => {
+        if (columns === 1) {
+            return {
+                mode: 'menu',
+                moveOnTab: false,
+                selector: '.tox-collection__item'
+            };
+        }
+        else if (columns === 'auto') {
+            return {
+                mode: 'flatgrid',
+                selector: '.' + 'tox-collection__item',
+                initSize: {
+                    numColumns: 1,
+                    numRows: 1
+                }
+            };
+        }
+        else {
+            return {
+                mode: 'matrix',
+                selectors: {
+                    row: presets === 'color' ? '.tox-swatches__row' : '.tox-collection__group',
+                    cell: presets === 'color' ? `.${colorClass}` : `.${selectableClass}`
+                }
+            };
+        }
+    };
+
+    const renderColorSwatchItem = (spec, backstage) => {
+        const items = getColorItems(spec, backstage);
+        const columns = backstage.colorinput.getColorCols(spec.initData.storageKey);
+        const presets = 'color';
+        const menuSpec = createPartialChoiceMenu(generate$6('menu-value'), items, (value) => {
+            spec.onAction({ value });
+        }, columns, presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(never), backstage.shared.providers);
+        const widgetSpec = {
+            ...menuSpec,
+            markers: markers(presets),
+            movement: deriveMenuMovement(columns, presets),
+            // TINY-10806: Avoid duplication of ARIA role="menu" in the accessibility tree for Color Swatch menu item.
+            showMenuRole: false
+        };
+        return {
+            type: 'widget',
+            data: { value: generate$6('widget-id') },
+            dom: {
+                tag: 'div',
+                classes: ['tox-fancymenuitem']
+            },
+            autofocus: true,
+            components: [
+                parts$8.widget(Menu.sketch(widgetSpec))
+            ]
+        };
+    };
+    const getColorItems = (spec, backstage) => {
+        const useCustomColors = spec.initData.allowCustomColors && backstage.colorinput.hasCustomColors();
+        return spec.initData.colors.fold(() => getColors$1(backstage.colorinput.getColors(spec.initData.storageKey), spec.initData.storageKey, useCustomColors), (colors) => colors.concat(getAdditionalColors(useCustomColors)));
+    };
+
+    const renderImageSelector = (spec, backstage) => {
+        const presets = 'imageselector';
+        const columns = spec.initData.columns;
+        const menuSpec = createPartialChoiceMenu(generate$6('menu-value'), spec.initData.items, (value) => {
+            spec.onAction({ value });
+        }, columns, presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(never), backstage.shared.providers);
+        const widgetSpec = {
+            ...menuSpec,
+            markers: markers(presets),
+            movement: deriveMenuMovement(columns, presets),
+            // TINY-10806: Avoid duplication of ARIA role="menu" in the accessibility tree for Image Selector menu item.
+            showMenuRole: false
+        };
+        return {
+            type: 'widget',
+            data: { value: generate$6('widget-id') },
+            dom: {
+                tag: 'div',
+                classes: ['tox-fancymenuitem', 'tox-collection--toolbar']
+            },
+            autofocus: true,
+            components: [
+                parts$8.widget(Menu.sketch(widgetSpec))
+            ]
+        };
+    };
+
+    const cellOverEvent = generate$6('cell-over');
+    const cellExecuteEvent = generate$6('cell-execute');
+    const makeAnnouncementText = (backstage) => (row, col) => backstage.shared.providers.translate(['{0} columns, {1} rows', col, row]);
+    const makeCell = (row, col, label) => {
+        const emitCellOver = (c) => emitWith(c, cellOverEvent, { row, col });
+        const emitExecute = (c) => emitWith(c, cellExecuteEvent, { row, col });
+        const onClick = (c, se) => {
+            se.stop();
+            emitExecute(c);
+        };
+        return build$1({
+            dom: {
+                tag: 'div',
+                attributes: {
+                    role: 'button',
+                    ['aria-label']: label
+                }
+            },
+            behaviours: derive$1([
+                config('insert-table-picker-cell', [
+                    run$1(mouseover(), Focusing.focus),
+                    run$1(execute$5(), emitExecute),
+                    run$1(click(), onClick),
+                    run$1(tap(), onClick)
+                ]),
+                Toggling.config({
+                    toggleClass: 'tox-insert-table-picker__selected',
+                    toggleOnExecute: false
+                }),
+                Focusing.config({ onFocus: emitCellOver })
+            ])
+        });
+    };
+    const makeCells = (getCellLabel, numRows, numCols) => {
+        const cells = [];
+        for (let i = 0; i < numRows; i++) {
+            const row = [];
+            for (let j = 0; j < numCols; j++) {
+                const label = getCellLabel(i + 1, j + 1);
+                row.push(makeCell(i, j, label));
+            }
+            cells.push(row);
+        }
+        return cells;
+    };
+    const selectCells = (cells, selectedRow, selectedColumn, numRows, numColumns) => {
+        for (let i = 0; i < numRows; i++) {
+            for (let j = 0; j < numColumns; j++) {
+                Toggling.set(cells[i][j], i <= selectedRow && j <= selectedColumn);
+            }
+        }
+    };
+    const makeComponents = (cells) => bind$3(cells, (cellRow) => map$2(cellRow, premade));
+    const makeLabelText = (row, col) => text$2(`${col}x${row}`);
+    const renderInsertTableMenuItem = (spec, backstage) => {
+        const numRows = 10;
+        const numColumns = 10;
+        const getCellLabel = makeAnnouncementText(backstage);
+        const cells = makeCells(getCellLabel, numRows, numColumns);
+        const emptyLabelText = makeLabelText(0, 0);
+        const memLabel = record({
+            dom: {
+                tag: 'span',
+                classes: ['tox-insert-table-picker__label'],
+            },
+            components: [emptyLabelText],
+            behaviours: derive$1([
+                Replacing.config({})
+            ])
+        });
+        return {
+            type: 'widget',
+            data: { value: generate$6('widget-id') },
+            dom: {
+                tag: 'div',
+                classes: ['tox-fancymenuitem']
+            },
+            autofocus: true,
+            components: [parts$8.widget({
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-insert-table-picker']
+                    },
+                    components: makeComponents(cells).concat(memLabel.asSpec()),
+                    behaviours: derive$1([
+                        config('insert-table-picker', [
+                            runOnAttached((c) => {
+                                // Restore the empty label when opened, otherwise it may still be using an old label from last time it was opened
+                                Replacing.set(memLabel.get(c), [emptyLabelText]);
+                            }),
+                            runWithTarget(cellOverEvent, (c, t, e) => {
+                                const { row, col } = e.event;
+                                selectCells(cells, row, col, numRows, numColumns);
+                                Replacing.set(memLabel.get(c), [makeLabelText(row + 1, col + 1)]);
+                            }),
+                            runWithTarget(cellExecuteEvent, (c, _, e) => {
+                                const { row, col } = e.event;
+                                // Close the sandbox before triggering the action
+                                emit(c, sandboxClose());
+                                spec.onAction({ numRows: row + 1, numColumns: col + 1 });
+                            })
+                        ]),
+                        Keying.config({
+                            initSize: {
+                                numRows,
+                                numColumns
+                            },
+                            mode: 'flatgrid',
+                            selector: '[role="button"]'
+                        })
+                    ])
+                })]
+        };
+    };
+
+    const fancyMenuItems = {
+        inserttable: renderInsertTableMenuItem,
+        colorswatch: renderColorSwatchItem,
+        imageselect: renderImageSelector
+    };
+    const renderFancyMenuItem = (spec, backstage) => get$h(fancyMenuItems, spec.fancytype)?.map((render) => render(spec, backstage));
+
+    // Note, this does not create a valid SketchSpec.
+    const renderNestedItem = (spec, itemResponse, providersBackstage, renderIcons = true, downwardsCaret = false) => {
+        const caret = downwardsCaret ? renderDownwardsCaret(providersBackstage.icons) : renderSubmenuCaret(providersBackstage.icons);
+        const getApi = (component) => ({
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state),
+            setIconFill: (id, value) => {
+                descendant(component.element, `svg path[class="${id}"], rect[class="${id}"]`).each((underlinePath) => {
+                    set$9(underlinePath, 'fill', value);
+                });
+            },
+            setTooltip: (tooltip) => {
+                const translatedTooltip = providersBackstage.translate(tooltip);
+                set$9(component.element, 'aria-label', translatedTooltip);
+            }
+        });
+        const structure = renderItemStructure({
+            presets: 'normal',
+            iconContent: spec.icon,
+            textContent: spec.text,
+            htmlContent: Optional.none(),
+            ariaLabel: spec.text,
+            labelContent: Optional.none(),
+            caret: Optional?.some(caret),
+            checkMark: Optional.none(),
+            shortcutContent: spec.shortcut
+        }, providersBackstage, renderIcons);
+        return renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            getApi,
+            enabled: spec.enabled,
+            onAction: noop,
+            onSetup: spec.onSetup,
+            triggersSubmenu: true,
+            itemBehaviours: []
+        }, structure, itemResponse, providersBackstage);
+    };
+
+    // Note, this does not create a valid SketchSpec.
+    const renderNormalItem = (spec, itemResponse, providersBackstage, renderIcons = true) => {
+        const getApi = (component) => ({
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state)
+        });
+        const structure = renderItemStructure({
+            presets: 'normal',
+            iconContent: spec.icon,
+            textContent: spec.text,
+            htmlContent: Optional.none(),
+            labelContent: Optional.none(),
+            ariaLabel: spec.text,
+            caret: Optional.none(),
+            checkMark: Optional.none(),
+            shortcutContent: spec.shortcut
+        }, providersBackstage, renderIcons);
+        return renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            getApi,
+            enabled: spec.enabled,
+            onAction: spec.onAction,
+            onSetup: spec.onSetup,
+            triggersSubmenu: false,
+            itemBehaviours: []
+        }, structure, itemResponse, providersBackstage);
+    };
+
+    const renderSeparatorItem = (spec) => ({
+        type: 'separator',
+        dom: {
+            tag: 'div',
+            classes: [selectableClass, groupHeadingClass]
+        },
+        components: spec.text?.map(text$2).toArray()
+    });
+
+    const renderToggleMenuItem = (spec, itemResponse, providersBackstage, renderIcons = true) => {
+        const getApi = (component) => ({
+            setActive: (state) => {
+                Toggling.set(component, state);
+            },
+            isActive: () => Toggling.isOn(component),
+            isEnabled: () => !Disabling.isDisabled(component),
+            setEnabled: (state) => Disabling.set(component, !state)
+        });
+        // BespokeSelects use meta to pass through styling information. Bespokes should only
+        // be togglemenuitems hence meta is only passed through in this MenuItem.
+        const structure = renderItemStructure({
+            iconContent: spec.icon,
+            textContent: spec.text,
+            htmlContent: Optional.none(),
+            labelContent: Optional.none(),
+            ariaLabel: spec.text,
+            checkMark: Optional?.some(renderCheckmark(providersBackstage.icons)),
+            caret: Optional.none(),
+            shortcutContent: spec.shortcut,
+            presets: 'normal',
+            meta: spec.meta
+        }, providersBackstage, renderIcons);
+        return deepMerge(renderCommonItem({
+            context: spec.context,
+            data: buildData(spec),
+            enabled: spec.enabled,
+            getApi,
+            onAction: spec.onAction,
+            onSetup: spec.onSetup,
+            triggersSubmenu: false,
+            itemBehaviours: []
+        }, structure, itemResponse, providersBackstage), {
+            toggling: {
+                toggleClass: tickedClass,
+                toggleOnExecute: false,
+                selected: spec.active
+            },
+            role: spec.role.getOrUndefined()
+        });
+    };
+
+    const autocomplete = renderAutocompleteItem;
+    const separator$3 = renderSeparatorItem;
+    const normal = renderNormalItem;
+    const nested = renderNestedItem;
+    const toggle = renderToggleMenuItem;
+    const fancy = renderFancyMenuItem;
+    const card = renderCardMenuItem;
+
+    const identifyMenuLayout = (searchMode) => {
+        switch (searchMode.searchMode) {
+            case 'no-search': {
+                return {
+                    menuType: 'normal'
+                };
+            }
+            default: {
+                return {
+                    menuType: 'searchable',
+                    searchMode
+                };
+            }
+        }
+    };
+    const handleRefetchTrigger = (originalSandboxComp) => {
+        // At the moment, a Sandbox is "Represented" by its triggering Dropdown.
+        // We'll want to make this an official API, in case we change it later.
+        const dropdown = Representing.getValue(originalSandboxComp);
+        // Because refetch will replace the entire menu, we need to store the
+        // original version of the searcher state, so that we can reinstate it
+        // after the fetch completes (which is async)
+        const optSearcherState = findWithinSandbox(originalSandboxComp)?.map(saveState);
+        Dropdown.refetch(dropdown).get(() => {
+            // It has completed, so now find the searcher and set its value
+            // again. We can't just use the originalSandbox, because that will
+            // have been thrown away and recreated by now.
+            const newSandboxComp = Coupling.getCoupled(dropdown, 'sandbox');
+            optSearcherState.each((searcherState) => findWithinSandbox(newSandboxComp).each((inputComp) => restoreState(inputComp, searcherState)));
+        });
+    };
+    // This event is triggered by the searcher for key events
+    // that should be handled by the currently selected item
+    // (that is, the one with *fake* focus, not real focus). So we
+    // need to redispatch them to the selected item in the sandbox.
+    const handleRedirectToMenuItem = (sandboxComp, se) => {
+        getActiveMenuItemFrom(sandboxComp).each((activeItem) => {
+            retargetAndDispatchWith(sandboxComp, activeItem.element, se.event.eventType, se.event.interactionEvent);
+        });
+    };
+    // This function is useful when you have fakeFocus, so you can't just find the
+    // currently focused item (or the item that triggered a key event). It relies on
+    // the following relationships between components
+    // The Sandbox creates a tieredmenu, so Sandboxing.getState returns the TieredMenu
+    // The TieredMenu uses Highlighting for managing which menus are active, so
+    // Highlighting.getHighlighted(tmenu) is the current active menu
+    // The Menu uses highlighting to manage the active item, so use
+    // Highlighting.getHighlighted(menu) to get the current item.
+    const getActiveMenuItemFrom = (sandboxComp) => {
+        // Consider moving some of these things into shared APIs. For example, make an extra API
+        // for TieredMenu to get the highlighted item.
+        return Sandboxing.getState(sandboxComp)
+            .bind(Highlighting.getHighlighted)
+            .bind(Highlighting.getHighlighted);
+    };
+    const getSearchResults = (activeMenuComp) => {
+        // Depending on the menu layout, the search results will either be the entire
+        // menu, or something within the menu.
+        return has(activeMenuComp.element, searchResultsClass)
+            ? Optional?.some(activeMenuComp.element)
+            : descendant(activeMenuComp.element, '.' + searchResultsClass);
+    };
+    // Model the interaction with ARIA
+    const updateAriaOnHighlight = (tmenuComp, menuComp, itemComp) => {
+        // This ARIA behaviour is based on the algolia example documented in TINY-8952
+        findWithinMenu(tmenuComp).each((inputComp) => {
+            setActiveDescendant(inputComp, itemComp);
+            const optActiveResults = getSearchResults(menuComp);
+            optActiveResults.each((resultsElem) => {
+                // Link aria-controls of the input to the id of the results container.
+                getOpt(resultsElem, 'id')
+                    .each((controlledId) => set$9(inputComp.element, 'aria-controls', controlledId));
+            });
+        });
+        // Update the aria-selected on the item. The removal is handled by onDehighlight
+        set$9(itemComp.element, 'aria-selected', 'true');
+    };
+    const updateAriaOnDehighlight = (tmenuComp, menuComp, itemComp) => {
+        // This ARIA behaviour is based on the algolia example documented in TINY-8952
+        set$9(itemComp.element, 'aria-selected', 'false');
+    };
+    const focusSearchField = (tmenuComp) => {
+        findWithinMenu(tmenuComp).each((searcherComp) => Focusing.focus(searcherComp));
+    };
+    const getSearchPattern = (dropdownComp) => {
+        // Dropdowns are "coupled" with their sandbox and generally, create them on demand.
+        // When using "getExistingCoupled" of Coupling, it only returns the coupled
+        // component (here: the sandbox) if it already exists ... it won't do any creation.
+        // So here, we are trying to get possible fetchContext information for our fetch
+        // callback. If there is no sandbox, then there is no open menu, and we
+        // don't have any search context, so use an empty string. Otherwise, dive into
+        // the sandbox, and find the search field's current pattern.
+        const optSandboxComp = Coupling.getExistingCoupled(dropdownComp, 'sandbox');
+        return optSandboxComp
+            .bind(findWithinSandbox)
+            ?.map(saveState)
+            ?.map((state) => state.fetchPattern)
+            .getOr('');
+    };
+
+    var FocusMode;
+    (function (FocusMode) {
+        FocusMode[FocusMode["ContentFocus"] = 0] = "ContentFocus";
+        FocusMode[FocusMode["UiFocus"] = 1] = "UiFocus";
+    })(FocusMode || (FocusMode = {}));
+    const createMenuItemFromBridge = (item, itemResponse, backstage, menuHasIcons, isHorizontalMenu) => {
+        const providersBackstage = backstage.shared.providers;
+        // If we're making a horizontal menu (mobile context menu) we want text OR icons
+        // to simplify the UI. We also don't want shortcut text.
+        const parseForHorizontalMenu = (menuitem) => !isHorizontalMenu ? menuitem : ({
+            ...menuitem,
+            shortcut: Optional.none(),
+            icon: menuitem.text.isSome() ? Optional.none() : menuitem.icon
+        });
+        switch (item.type) {
+            case 'menuitem':
+                return createMenuItem(item).fold(handleError, (d) => Optional?.some(normal(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons)));
+            case 'nestedmenuitem':
+                return createNestedMenuItem(item).fold(handleError, (d) => Optional?.some(nested(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons, isHorizontalMenu)));
+            case 'togglemenuitem':
+                return createToggleMenuItem(item).fold(handleError, (d) => Optional?.some(toggle(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons)));
+            case 'separator':
+                return createSeparatorMenuItem(item).fold(handleError, (d) => Optional?.some(separator$3(d)));
+            case 'fancymenuitem':
+                return createFancyMenuItem(item).fold(handleError, 
+                // Fancy menu items don't have shortcuts or icons
+                (d) => fancy(d, backstage));
+            default: {
+                // eslint-disable-next-line no-console
+                console.error('Unknown item in general menu', item);
+                return Optional.none();
+            }
+        }
+    };
+    const createAutocompleteItems = (items, matchText, onItemValueHandler, columns, itemResponse, sharedBackstage, highlightOn) => {
+        // Render text and icons if we're using a single column, otherwise only render icons
+        const renderText = columns === 1;
+        const renderIcons = !renderText || menuHasIcons(items);
+        return cat(map$2(items, (item) => {
+            switch (item.type) {
+                case 'separator':
+                    return createSeparatorItem(item).fold(handleError, (d) => Optional?.some(separator$3(d)));
+                case 'cardmenuitem':
+                    return createCardMenuItem(item).fold(handleError, (d) => Optional?.some(card({
+                        ...d,
+                        // Intercept action
+                        onAction: (api) => {
+                            d.onAction(api);
+                            onItemValueHandler(d.value, d.meta);
+                        }
+                    }, itemResponse, sharedBackstage, {
+                        itemBehaviours: tooltipBehaviour(d.meta, sharedBackstage, Optional.none()),
+                        cardText: {
+                            matchText,
+                            highlightOn
+                        }
+                    })));
+                case 'autocompleteitem':
+                default:
+                    return createAutocompleterItem(item).fold(handleError, (d) => Optional?.some(autocomplete(d, matchText, renderText, 'normal', onItemValueHandler, itemResponse, sharedBackstage, renderIcons)));
+            }
+        }));
+    };
+    const createPartialMenu = (value, items, itemResponse, backstage, isHorizontalMenu, searchMode) => {
+        const hasIcons = menuHasIcons(items);
+        const alloyItems = cat(map$2(items, (item) => {
+            // Have to check each item for an icon, instead of as part of hasIcons above,
+            // else in horizontal menus, items with an icon but without text will display
+            // with neither
+            const itemHasIcon = (i) => isHorizontalMenu ? !has$2(i, 'text') : hasIcons;
+            const createItem = (i) => createMenuItemFromBridge(i, itemResponse, backstage, itemHasIcon(i), isHorizontalMenu);
+            if (item.type === 'nestedmenuitem' && item.getSubmenuItems().length <= 0) {
+                return createItem({ ...item, enabled: false });
+            }
+            else {
+                return createItem(item);
+            }
+        }));
+        // The menu layout is dependent upon our search mode.
+        const menuLayout = identifyMenuLayout(searchMode);
+        const createPartial = isHorizontalMenu ?
+            createHorizontalPartialMenuWithAlloyItems :
+            createPartialMenuWithAlloyItems;
+        return createPartial(value, hasIcons, alloyItems, 1, menuLayout);
+    };
+    const createTieredDataFrom = (partialMenu) => tieredMenu.singleData(partialMenu.value, partialMenu);
+    const createInlineMenuFrom = (partialMenu, columns, focusMode, presets) => {
+        const movement = deriveMenuMovement(columns, presets);
+        const menuMarkers = markers(presets);
+        return {
+            data: createTieredDataFrom({
+                ...partialMenu,
+                movement,
+                menuBehaviours: SimpleBehaviours.unnamedEvents(columns !== 'auto' ? [] : [
+                    runOnAttached((comp, _se) => {
+                        detectSize(comp, 4, menuMarkers.item).each(({ numColumns, numRows }) => {
+                            Keying.setGridSize(comp, numRows, numColumns);
+                        });
+                    })
+                ])
+            }),
+            menu: {
+                markers: markers(presets),
+                fakeFocus: focusMode === FocusMode.ContentFocus
+            }
+        };
+    };
+
+    const rangeToSimRange = (r) => SimRange.create(SugarElement.fromDom(r.startContainer), r.startOffset, SugarElement.fromDom(r.endContainer), r.endOffset);
+    const register$c = (editor, sharedBackstage) => {
+        const autocompleterId = generate$6('autocompleter');
+        const processingAction = Cell(false);
+        const activeState = Cell(false);
+        const activeRange = value$2();
+        const autocompleter = build$1(InlineView.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-autocompleter'],
+                attributes: {
+                    id: autocompleterId
+                }
+            },
+            components: [],
+            fireDismissalEventInstead: {},
+            inlineBehaviours: derive$1([
+                config('dismissAutocompleter', [
+                    run$1(dismissRequested(), () => cancelIfNecessary()),
+                    run$1(highlight$1(), (_, se) => {
+                        getOpt(se.event.target, 'id').each((id) => set$9(SugarElement.fromDom(editor.getBody()), 'aria-activedescendant', id));
+                    }),
+                ])
+            ]),
+            lazySink: sharedBackstage.getSink
+        }));
+        const isMenuOpen = () => InlineView.isOpen(autocompleter);
+        const isActive = activeState.get;
+        const hideIfNecessary = () => {
+            if (isMenuOpen()) {
+                InlineView.hide(autocompleter);
+                editor.dom.remove(autocompleterId, false);
+                const editorBody = SugarElement.fromDom(editor.getBody());
+                getOpt(editorBody, 'aria-owns')
+                    .filter((ariaOwnsAttr) => ariaOwnsAttr === autocompleterId)
+                    .each(() => {
+                    remove$8(editorBody, 'aria-owns');
+                    remove$8(editorBody, 'aria-activedescendant');
+                });
+            }
+        };
+        const getMenu = () => InlineView.getContent(autocompleter).bind((tmenu) => {
+            // The autocompleter menu will be the first child component of the tiered menu.
+            // Unfortunately a memento can't be used to do this lookup because the component
+            // id is changed while generating the tiered menu.
+            return get$i(tmenu.components(), 0);
+        });
+        const cancelIfNecessary = () => editor.execCommand('mceAutocompleterClose');
+        const getCombinedItems = (matches) => {
+            const columns = findMap(matches, (m) => Optional.from(m.columns)).getOr(1);
+            return bind$3(matches, (match) => {
+                const choices = match.items;
+                return createAutocompleteItems(choices, match.matchText, (itemValue, itemMeta) => {
+                    const autocompleterApi = {
+                        hide: () => cancelIfNecessary(),
+                        reload: (fetchOptions) => {
+                            hideIfNecessary();
+                            editor.execCommand('mceAutocompleterReload', false, { fetchOptions });
+                        }
+                    };
+                    // Asks the editor for a new active range that emits an event that updates
+                    // the activeRange state not ideal but trying to avoid direct method calls to the core.
+                    // We need to get a fresh range since when you hit enter the IME commits and the updates the DOM so we then need to rescan.
+                    editor.execCommand('mceAutocompleterRefreshActiveRange');
+                    activeRange.get().each((range) => {
+                        processingAction.set(true);
+                        match.onAction(autocompleterApi, range, itemValue, itemMeta);
+                        processingAction.set(false);
+                    });
+                }, columns, ItemResponse$1.BUBBLE_TO_SANDBOX, sharedBackstage, match.highlightOn);
+            });
+        };
+        const display = (lookupData, items) => {
+            // Display the autocompleter menu
+            const columns = findMap(lookupData, (ld) => Optional.from(ld.columns)).getOr(1);
+            InlineView.showMenuAt(autocompleter, {
+                anchor: {
+                    type: 'selection',
+                    getSelection: () => activeRange.get()?.map(rangeToSimRange),
+                    root: SugarElement.fromDom(editor.getBody()),
+                }
+            }, createInlineMenuFrom(createPartialMenuWithAlloyItems('autocompleter-value', true, items, columns, { menuType: 'normal' }), columns, FocusMode.ContentFocus, 
+            // Use the constant.
+            'normal'));
+            getMenu().each(Highlighting.highlightFirst);
+        };
+        const updateDisplay = (lookupData) => {
+            const combinedItems = getCombinedItems(lookupData);
+            // Open the autocompleter if there are items to show
+            if (combinedItems.length > 0) {
+                display(lookupData, combinedItems);
+                set$9(SugarElement.fromDom(editor.getBody()), 'aria-owns', autocompleterId);
+                if (!editor.inline) {
+                    cloneAutocompleterToEditorDoc();
+                }
+            }
+            else {
+                hideIfNecessary();
+            }
+        };
+        const cloneAutocompleterToEditorDoc = () => {
+            if (editor.dom.get(autocompleterId)) {
+                editor.dom.remove(autocompleterId, false);
+            }
+            const docElm = editor.getDoc().documentElement;
+            const selection = editor.selection.getNode();
+            const newElm = deep(autocompleter.element);
+            setAll(newElm, {
+                border: '0',
+                clip: 'rect(0 0 0 0)',
+                height: '1px',
+                margin: '-1px',
+                overflow: 'hidden',
+                padding: '0',
+                position: 'absolute',
+                width: '1px',
+                top: `${selection.offsetTop}px`,
+                left: `${selection.offsetLeft}px`,
+            });
+            editor.dom.add(docElm, newElm.dom);
+            // Clean up positioning styles so that the "hidden" autocompleter is around the selection
+            descendant(newElm, '[role="menu"]').each((child) => {
+                remove$6(child, 'position');
+                remove$6(child, 'max-height');
+            });
+        };
+        editor.on('AutocompleterStart', ({ lookupData }) => {
+            activeState.set(true);
+            processingAction.set(false);
+            updateDisplay(lookupData);
+        });
+        editor.on('AutocompleterUpdate', ({ lookupData }) => updateDisplay(lookupData));
+        editor.on('AutocompleterUpdateActiveRange', ({ range }) => activeRange.set(range));
+        editor.on('AutocompleterEnd', () => {
+            // Hide the menu and reset
+            hideIfNecessary();
+            activeState.set(false);
+            processingAction.set(false);
+            activeRange.clear();
+        });
+        const autocompleterUiApi = {
+            cancelIfNecessary,
+            isMenuOpen,
+            isActive,
+            isProcessingAction: processingAction.get,
+            getMenu
+        };
+        AutocompleterEditorEvents.setup(autocompleterUiApi, editor);
+    };
+    const Autocompleter = {
+        register: register$c
+    };
+
+    const renderBar = (spec, backstage) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-bar', 'tox-form__controls-h-stack']
+        },
+        components: map$2(spec.items, backstage.interpreter)
+    });
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.html.Entities');
+
+    const renderFormFieldWith = (pLabel, pField, extraClasses, extraBehaviours) => {
+        const spec = renderFormFieldSpecWith(pLabel, pField, extraClasses, extraBehaviours);
+        return FormField.sketch(spec);
+    };
+    const renderFormField = (pLabel, pField) => renderFormFieldWith(pLabel, pField, [], []);
+    const renderFormFieldSpecWith = (pLabel, pField, extraClasses, extraBehaviours) => ({
+        dom: renderFormFieldDomWith(extraClasses),
+        components: pLabel.toArray().concat([pField]),
+        fieldBehaviours: derive$1(extraBehaviours)
+    });
+    const renderFormFieldDom = () => renderFormFieldDomWith([]);
+    const renderFormFieldDomWith = (extraClasses) => ({
+        tag: 'div',
+        classes: ['tox-form__group'].concat(extraClasses)
+    });
+    const renderLabel$3 = (label, providersBackstage) => FormField.parts.label({
+        dom: {
+            tag: 'label',
+            classes: ['tox-label']
+        },
+        components: [
+            text$2(providersBackstage.translate(label))
+        ]
+    });
+
+    const formChangeEvent = generate$6('form-component-change');
+    const formInputEvent = generate$6('form-component-input');
+    const formCloseEvent = generate$6('form-close');
+    const formCancelEvent = generate$6('form-cancel');
+    const formActionEvent = generate$6('form-action');
+    const formSubmitEvent = generate$6('form-submit');
+    const formBlockEvent = generate$6('form-block');
+    const formUnblockEvent = generate$6('form-unblock');
+    const formTabChangeEvent = generate$6('form-tabchange');
+    const formResizeEvent = generate$6('form-resize');
+
+    const renderCollection = (spec, providersBackstage, initialData) => {
+        // DUPE with TextField.
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const icons = providersBackstage.icons();
+        // TINY-10174: Icon string is either in icon pack or displayed directly
+        const getIcon = (icon) => { var _a; return (_a = icons[icon]) !== null && _a !== void 0 ? _a : icon; };
+        const runOnItem = (f) => (comp, se) => {
+            closest$3(se.event.target, '[data-collection-item-value]').each((target) => {
+                f(comp, se, target, get$g(target, 'data-collection-item-value'));
+            });
+        };
+        const setContents = (comp, items) => {
+            // Giving it a default `mode:design` context, these shouldn't run at all in mode:readonly
+            const disabled = providersBackstage.checkUiComponentContext('mode:design').shouldDisable || providersBackstage.isDisabled();
+            const disabledClass = disabled ? ' tox-collection__item--state-disabled' : '';
+            const htmlLines = map$2(items, (item) => {
+                const itemText = global$6.translate(item.text);
+                const textContent = spec.columns === 1 ? `<div class="tox-collection__item-label">${itemText}</div>` : '';
+                const iconContent = `<div class="tox-collection__item-icon">${getIcon(item.icon)}</div>`;
+                // Replacing the hyphens and underscores in collection items with spaces
+                // to ensure the screen readers pronounce the words correctly.
+                // This is only for aria purposes. Emoticon and Special Character names will still use _ and - for autocompletion.
+                const mapItemName = {
+                    '_': ' ',
+                    ' - ': ' ',
+                    '-': ' '
+                };
+                // Using aria-label here overrides the Apple description of emojis and special characters in Mac/ MS description in Windows.
+                // But if only the title attribute is used instead, the names are read out twice. i.e., the description followed by the item.text.
+                const ariaLabel = itemText.replace(/\_| \- |\-/g, (match) => mapItemName[match]);
+                return `<div data-mce-tooltip="${ariaLabel}" class="tox-collection__item${disabledClass}" tabindex="-1" data-collection-item-value="${global$4.encodeAllRaw(item.value)}" aria-label="${ariaLabel}">${iconContent}${textContent}</div>`;
+            });
+            const chunks = spec.columns !== 'auto' && spec.columns > 1 ? chunk$1(htmlLines, spec.columns) : [htmlLines];
+            const html = map$2(chunks, (ch) => `<div class="tox-collection__group">${ch.join('')}</div>`);
+            set$8(comp.element, html.join(''));
+        };
+        const onClick = runOnItem((comp, se, tgt, itemValue) => {
+            se.stop();
+            if (!(providersBackstage.checkUiComponentContext('mode:design').shouldDisable || providersBackstage.isDisabled())) {
+                emitWith(comp, formActionEvent, {
+                    name: spec.name,
+                    value: itemValue
+                });
+            }
+        });
+        const collectionEvents = [
+            run$1(mouseover(), runOnItem((comp, se, tgt) => {
+                focus$4(tgt, true);
+            })),
+            run$1(click(), onClick),
+            run$1(tap(), onClick),
+            run$1(focusin(), runOnItem((comp, se, tgt) => {
+                descendant(comp.element, '.' + activeClass).each((currentActive) => {
+                    remove$3(currentActive, activeClass);
+                });
+                add$2(tgt, activeClass);
+            })),
+            run$1(focusout(), runOnItem((comp) => {
+                descendant(comp.element, '.' + activeClass).each((currentActive) => {
+                    remove$3(currentActive, activeClass);
+                    blur$1(currentActive);
+                });
+            })),
+            runOnExecute$1(runOnItem((comp, se, tgt, itemValue) => {
+                emitWith(comp, formActionEvent, {
+                    name: spec.name,
+                    value: itemValue
+                });
+            })),
+        ];
+        const iterCollectionItems = (comp, applyAttributes) => map$2(descendants(comp.element, '.tox-collection__item'), applyAttributes);
+        const pField = FormField.parts.field({
+            dom: {
+                tag: 'div',
+                // FIX: Read from columns
+                classes: ['tox-collection'].concat(spec.columns !== 1 ? ['tox-collection--grid'] : ['tox-collection--list'])
+            },
+            components: [],
+            factory: { sketch: identity },
+            behaviours: derive$1([
+                Disabling.config({
+                    disabled: () => providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (comp) => {
+                        iterCollectionItems(comp, (childElm) => {
+                            add$2(childElm, 'tox-collection__item--state-disabled');
+                            set$9(childElm, 'aria-disabled', true);
+                        });
+                    },
+                    onEnabled: (comp) => {
+                        iterCollectionItems(comp, (childElm) => {
+                            remove$3(childElm, 'tox-collection__item--state-disabled');
+                            remove$8(childElm, 'aria-disabled');
+                        });
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                Replacing.config({}),
+                Tooltipping.config({
+                    ...providersBackstage.tooltips.getConfig({
+                        tooltipText: '',
+                        onShow: (comp) => {
+                            descendant(comp.element, '.' + activeClass + '[data-mce-tooltip]').each((current) => {
+                                getOpt(current, 'data-mce-tooltip').each((text) => {
+                                    Tooltipping.setComponents(comp, providersBackstage.tooltips.getComponents({ tooltipText: text }));
+                                });
+                            });
+                        }
+                    }),
+                    mode: 'children-keyboard-focus',
+                    anchor: (comp) => ({
+                        type: 'node',
+                        node: descendant(comp.element, '.' + activeClass).orThunk(() => first('.tox-collection__item')),
+                        root: comp.element,
+                        layouts: {
+                            onLtr: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2]),
+                            onRtl: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2])
+                        },
+                        bubble: nu$6(0, -2, {}),
+                    })
+                }),
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: initialData.getOr([])
+                    },
+                    onSetValue: (comp, items) => {
+                        setContents(comp, items);
+                        if (spec.columns === 'auto') {
+                            detectSize(comp, 5, 'tox-collection__item').each(({ numRows, numColumns }) => {
+                                Keying.setGridSize(comp, numRows, numColumns);
+                            });
+                        }
+                        emit(comp, formResizeEvent);
+                    }
+                }),
+                Tabstopping.config({}),
+                Keying.config(deriveCollectionMovement(spec.columns, 'normal')),
+                config('collection-events', collectionEvents)
+            ]),
+            eventOrder: {
+                [execute$5()]: ['disabling', 'alloy.base.behaviour', 'collection-events'],
+                [focusin()]: ['collection-events', 'tooltipping'],
+            }
+        });
+        const extraClasses = ['tox-form__group--collection'];
+        return renderFormFieldWith(pLabel, pField, extraClasses, []);
+    };
+
+    const renderPanelButton = (spec, sharedBackstage) => Dropdown.sketch({
+        dom: spec.dom,
+        components: spec.components,
+        toggleClass: 'mce-active',
+        dropdownBehaviours: derive$1([
+            DisablingConfigs.button(() => sharedBackstage.providers.isDisabled() || sharedBackstage.providers.checkUiComponentContext(spec.context).shouldDisable),
+            toggleOnReceive(() => sharedBackstage.providers.checkUiComponentContext(spec.context)),
+            Unselecting.config({}),
+            Tabstopping.config({})
+        ]),
+        layouts: spec.layouts,
+        sandboxClasses: ['tox-dialog__popups'],
+        lazySink: sharedBackstage.getSink,
+        fetch: (comp) => Future.nu((callback) => spec.fetch(callback))?.map((items) => Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$6('menu-value'), items, (value) => {
+            spec.onItemAction(comp, value);
+        }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, 
+        // No colour is ever selected on opening
+        never, sharedBackstage.providers), {
+            movement: deriveMenuMovement(spec.columns, spec.presets)
+        })))),
+        parts: {
+            menu: part(false, 1, spec.presets)
+        }
+    });
+
+    const colorInputChangeEvent = generate$6('color-input-change');
+    const colorSwatchChangeEvent = generate$6('color-swatch-change');
+    const colorPickerCancelEvent = generate$6('color-picker-cancel');
+    const renderColorInput = (spec, sharedBackstage, colorInputBackstage, initialData) => {
+        const pField = FormField.parts.field({
+            factory: Input,
+            inputClasses: ['tox-textfield'],
+            data: initialData,
+            onSetValue: (c) => Invalidating.run(c).get(noop),
+            inputBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => sharedBackstage.providers.isDisabled() || sharedBackstage.providers.checkUiComponentContext(spec.context).shouldDisable
+                }),
+                toggleOnReceive(() => sharedBackstage.providers.checkUiComponentContext(spec.context)),
+                Tabstopping.config({}),
+                Invalidating.config({
+                    invalidClass: 'tox-textbox-field-invalid',
+                    getRoot: (comp) => parentElement(comp.element),
+                    notify: {
+                        onValid: (comp) => {
+                            // onValid should pass through the value here
+                            // We need a snapshot of the value validated.
+                            const val = Representing.getValue(comp);
+                            emitWith(comp, colorInputChangeEvent, {
+                                color: val
+                            });
+                        }
+                    },
+                    validator: {
+                        validateOnLoad: false,
+                        validate: (input) => {
+                            const inputValue = Representing.getValue(input);
+                            // Consider empty strings valid colours
+                            if (inputValue.length === 0) {
+                                return Future.pure(Result.value(true));
+                            }
+                            else {
+                                const span = SugarElement.fromTag('span');
+                                set$7(span, 'background-color', inputValue);
+                                const res = getRaw(span, 'background-color').fold(
+                                // TODO: Work out what we want to do here.
+                                () => Result.error('blah'), (_) => Result.value(inputValue));
+                                return Future.pure(res);
+                            }
+                        }
+                    }
+                })
+            ]),
+            selectOnFocus: false
+        });
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, sharedBackstage.providers));
+        const emitSwatchChange = (colorBit, value) => {
+            emitWith(colorBit, colorSwatchChangeEvent, {
+                value
+            });
+        };
+        const onItemAction = (comp, value) => {
+            memColorButton.getOpt(comp).each((colorBit) => {
+                if (value === 'custom') {
+                    colorInputBackstage.colorPicker((valueOpt) => {
+                        valueOpt.fold(() => emit(colorBit, colorPickerCancelEvent), (value) => {
+                            emitSwatchChange(colorBit, value);
+                            addColor(spec.storageKey, value);
+                        });
+                    }, '#ffffff');
+                }
+                else if (value === 'remove') {
+                    emitSwatchChange(colorBit, '');
+                }
+                else {
+                    emitSwatchChange(colorBit, value);
+                }
+            });
+        };
+        const memColorButton = record(renderPanelButton({
+            dom: {
+                tag: 'span',
+                attributes: {
+                    'aria-label': sharedBackstage.providers.translate('Color swatch')
+                }
+            },
+            layouts: {
+                onRtl: () => [southwest$2, southeast$2, south$2],
+                onLtr: () => [southeast$2, southwest$2, south$2]
+            },
+            components: [],
+            fetch: getFetch$1(colorInputBackstage.getColors(spec.storageKey), spec.storageKey, colorInputBackstage.hasCustomColors()),
+            columns: colorInputBackstage.getColorCols(spec.storageKey),
+            presets: 'color',
+            onItemAction,
+            context: spec.context
+        }, sharedBackstage));
+        return FormField.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: pLabel.toArray().concat([
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-color-input']
+                    },
+                    components: [
+                        pField,
+                        memColorButton.asSpec()
+                    ]
+                }
+            ]),
+            fieldBehaviours: derive$1([
+                config('form-field-events', [
+                    run$1(colorInputChangeEvent, (comp, se) => {
+                        memColorButton.getOpt(comp).each((colorButton) => {
+                            set$7(colorButton.element, 'background-color', se.event.color);
+                        });
+                        emitWith(comp, formChangeEvent, { name: spec.name });
+                    }),
+                    run$1(colorSwatchChangeEvent, (comp, se) => {
+                        FormField.getField(comp).each((field) => {
+                            Representing.setValue(field, se.event.value);
+                            // Focus the field now that we've set its value
+                            Composing.getCurrent(comp).each(Focusing.focus);
+                        });
+                    }),
+                    run$1(colorPickerCancelEvent, (comp, _se) => {
+                        FormField.getField(comp).each((_field) => {
+                            Composing.getCurrent(comp).each(Focusing.focus);
+                        });
+                    })
+                ])
+            ])
+        });
+    };
+
+    // TODO: Move this to alloy if the concept works out
+    const self = () => Composing.config({
+        find: Optional.some
+    });
+    const memento$1 = (mem) => Composing.config({
+        find: mem.getOpt
+    });
+    const childAt = (index) => Composing.config({
+        find: (comp) => child$2(comp.element, index)
+            .bind((element) => comp.getSystem().getByDom(element).toOptional())
+    });
+    const ComposingConfigs = {
+        self,
+        memento: memento$1,
+        childAt
+    };
+
+    const processors = objOf([
+        defaulted('preprocess', identity),
+        defaulted('postprocess', identity)
+    ]);
+    const memento = (mem, rawProcessors) => {
+        const ps = asRawOrDie$1('RepresentingConfigs.memento processors', processors, rawProcessors);
+        return Representing.config({
+            store: {
+                mode: 'manual',
+                getValue: (comp) => {
+                    const other = mem.get(comp);
+                    const rawValue = Representing.getValue(other);
+                    return ps.postprocess(rawValue);
+                },
+                setValue: (comp, rawValue) => {
+                    const newValue = ps.preprocess(rawValue);
+                    const other = mem.get(comp);
+                    Representing.setValue(other, newValue);
+                }
+            }
+        });
+    };
+    const withComp = (optInitialValue, getter, setter) => Representing.config({
+        store: {
+            mode: 'manual',
+            ...optInitialValue?.map((initialValue) => ({ initialValue })).getOr({}),
+            getValue: getter,
+            setValue: setter
+        }
+    });
+    const withElement = (initialValue, getter, setter) => withComp(initialValue, (c) => getter(c.element), (c, v) => setter(c.element, v));
+    const domHtml = (optInitialValue) => withElement(optInitialValue, get$f, set$8);
+    const memory = (initialValue) => Representing.config({
+        store: {
+            mode: 'memory',
+            initialValue
+        }
+    });
+
+    const fieldsUpdate = generate$6('rgb-hex-update');
+    const sliderUpdate = generate$6('slider-update');
+    const paletteUpdate = generate$6('palette-update');
+
+    const sliderFactory = (translate, getClass) => {
+        const spectrum = Slider.parts.spectrum({
+            dom: {
+                tag: 'div',
+                classes: [getClass('hue-slider-spectrum')],
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        const thumb = Slider.parts.thumb({
+            dom: {
+                tag: 'div',
+                classes: [getClass('hue-slider-thumb')],
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        return Slider.sketch({
+            dom: {
+                tag: 'div',
+                classes: [getClass('hue-slider')],
+                attributes: {
+                    'role': 'slider',
+                    'aria-valuemin': 0,
+                    'aria-valuemax': 360,
+                    'aria-valuenow': 120,
+                }
+            },
+            rounded: false,
+            model: {
+                mode: 'y',
+                getInitialValue: constant$1(0)
+            },
+            components: [
+                spectrum,
+                thumb
+            ],
+            sliderBehaviours: derive$1([
+                Focusing.config({})
+            ]),
+            onChange: (slider, _thumb, value) => {
+                set$9(slider.element, 'aria-valuenow', Math.floor(360 - (value * 3.6)));
+                emitWith(slider, sliderUpdate, {
+                    value
+                });
+            }
+        });
+    };
+
+    const validInput = generate$6('valid-input');
+    const invalidInput = generate$6('invalid-input');
+    const validatingInput = generate$6('validating-input');
+    const translatePrefix = 'colorcustom.rgb.';
+    const uninitiatedTooltipApi = {
+        isEnabled: always,
+        setEnabled: noop,
+        immediatelyShow: noop,
+        immediatelyHide: noop,
+    };
+    const rgbFormFactory = (translate, getClass, onValidHexx, onInvalidHexx, tooltipGetConfig, makeIcon) => {
+        const setTooltipEnabled = (enabled, tooltipApi) => {
+            const api = tooltipApi.get();
+            if (enabled === api.isEnabled()) {
+                return;
+            }
+            api.setEnabled(enabled);
+            if (enabled) {
+                api.immediatelyShow();
+            }
+            else {
+                api.immediatelyHide();
+            }
+        };
+        const invalidation = (label, isValid, tooltipApi) => Invalidating.config({
+            invalidClass: getClass('invalid'),
+            notify: {
+                onValidate: (comp) => {
+                    emitWith(comp, validatingInput, {
+                        type: label
+                    });
+                },
+                onValid: (comp) => {
+                    setTooltipEnabled(false, tooltipApi);
+                    emitWith(comp, validInput, {
+                        type: label,
+                        value: Representing.getValue(comp)
+                    });
+                },
+                onInvalid: (comp) => {
+                    setTooltipEnabled(true, tooltipApi);
+                    emitWith(comp, invalidInput, {
+                        type: label,
+                        value: Representing.getValue(comp)
+                    });
+                }
+            },
+            validator: {
+                validate: (comp) => {
+                    const value = Representing.getValue(comp);
+                    const res = isValid(value) ? Result.value(true) : Result.error(translate('aria.input.invalid'));
+                    return Future.pure(res);
+                },
+                validateOnLoad: false
+            }
+        });
+        const renderTextField = (isValid, name, label, description, data) => {
+            const tooltipApi = Cell(uninitiatedTooltipApi);
+            const helptext = translate(translatePrefix + 'range');
+            const pLabel = FormField.parts.label({
+                dom: { tag: 'label' },
+                components: [text$2(label)]
+            });
+            const pField = FormField.parts.field({
+                data,
+                factory: Input,
+                inputAttributes: {
+                    'type': 'text',
+                    'aria-label': description,
+                    ...name === 'hex' ? { 'aria-live': 'polite' } : {}
+                },
+                inputClasses: [getClass('textfield')],
+                // Have basic invalidating and tabstopping behaviour.
+                inputBehaviours: derive$1([
+                    invalidation(name, isValid, tooltipApi),
+                    Tabstopping.config({}),
+                    Tooltipping.config({
+                        ...tooltipGetConfig({
+                            tooltipText: '',
+                            onSetup: (comp) => {
+                                tooltipApi.set({
+                                    isEnabled: () => {
+                                        return Tooltipping.isEnabled(comp);
+                                    },
+                                    setEnabled: (enabled) => {
+                                        return Tooltipping.setEnabled(comp, enabled);
+                                    },
+                                    immediatelyShow: () => {
+                                        return Tooltipping.immediateOpenClose(comp, true);
+                                    },
+                                    immediatelyHide: () => {
+                                        return Tooltipping.immediateOpenClose(comp, false);
+                                    },
+                                });
+                                Tooltipping.setEnabled(comp, false);
+                            },
+                            onShow: (component, _tooltip) => {
+                                Tooltipping.setComponents(component, [
+                                    {
+                                        dom: {
+                                            tag: 'p',
+                                            classes: [
+                                                getClass('rgb-warning-note')
+                                            ]
+                                        },
+                                        components: [text$2(translate(name === 'hex' ? 'colorcustom.rgb.invalidHex' : 'colorcustom.rgb.invalid'))]
+                                    }
+                                ]);
+                            },
+                        })
+                    })
+                ]),
+                // If it was invalid, and the value was set, run validation against it.
+                onSetValue: (input) => {
+                    if (Invalidating.isInvalid(input)) {
+                        const run = Invalidating.run(input);
+                        run.get(noop);
+                    }
+                }
+            });
+            const errorId = generate$6('aria-invalid');
+            const memInvalidIcon = record(makeIcon('invalid', Optional?.some(errorId), 'warning'));
+            const memStatus = record({
+                dom: {
+                    tag: 'div',
+                    classes: [getClass('invalid-icon')]
+                },
+                components: [
+                    memInvalidIcon.asSpec()
+                ]
+            });
+            const comps = [pLabel, pField, memStatus.asSpec()];
+            const concats = name !== 'hex' ? [FormField.parts['aria-descriptor']({
+                    text: helptext
+                })] : [];
+            const components = comps.concat(concats);
+            return {
+                dom: {
+                    tag: 'div',
+                    attributes: {
+                        role: 'presentation'
+                    },
+                    classes: [
+                        getClass('rgb-container'),
+                    ]
+                },
+                components
+            };
+        };
+        const copyRgbToHex = (form, rgba) => {
+            const hex = fromRgba(rgba);
+            Form.getField(form, 'hex').each((hexField) => {
+                // Not amazing, but it turns out that if we have an invalid RGB field, and no hex code
+                // and then type in a valid three digit hex code, the RGB field will be overriden, then validate and then set
+                // the hex field to be the six digit version of that same three digit hex code. This is incorrect.
+                if (!Focusing.isFocused(hexField)) {
+                    Representing.setValue(form, {
+                        hex: hex.value
+                    });
+                }
+            });
+            return hex;
+        };
+        const copyRgbToForm = (form, rgb) => {
+            const red = rgb.red;
+            const green = rgb.green;
+            const blue = rgb.blue;
+            Representing.setValue(form, { red, green, blue });
+        };
+        const memPreview = record({
+            dom: {
+                tag: 'div',
+                classes: [getClass('rgba-preview')],
+                styles: {
+                    'background-color': 'white'
+                },
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        const updatePreview = (anyInSystem, hex) => {
+            memPreview.getOpt(anyInSystem).each((preview) => {
+                set$7(preview.element, 'background-color', '#' + hex.value);
+            });
+        };
+        const factory = () => {
+            const state = {
+                red: Cell(Optional?.some(255)),
+                green: Cell(Optional?.some(255)),
+                blue: Cell(Optional?.some(255)),
+                hex: Cell(Optional?.some('ffffff'))
+            };
+            const copyHexToRgb = (form, hex) => {
+                const rgb = fromHex(hex);
+                copyRgbToForm(form, rgb);
+                setValueRgb(rgb);
+            };
+            const get = (prop) => state[prop].get();
+            const set = (prop, value) => {
+                state[prop].set(value);
+            };
+            const getValueRgb = () => get('red').bind((red) => get('green').bind((green) => get('blue')?.map((blue) => rgbaColour(red, green, blue, 1))));
+            // TODO: Find way to use this for palette and slider updates
+            const setValueRgb = (rgb) => {
+                const red = rgb.red;
+                const green = rgb.green;
+                const blue = rgb.blue;
+                set('red', Optional?.some(red));
+                set('green', Optional?.some(green));
+                set('blue', Optional?.some(blue));
+            };
+            const onInvalidInput = (form, simulatedEvent) => {
+                const data = simulatedEvent.event;
+                if (data.type !== 'hex') {
+                    set(data.type, Optional.none());
+                }
+                else {
+                    onInvalidHexx(form);
+                }
+            };
+            const onValidHex = (form, value) => {
+                onValidHexx(form);
+                const hex = hexColour(value);
+                set('hex', Optional?.some(hex.value));
+                const rgb = fromHex(hex);
+                copyRgbToForm(form, rgb);
+                setValueRgb(rgb);
+                emitWith(form, fieldsUpdate, {
+                    hex
+                });
+                updatePreview(form, hex);
+            };
+            const onValidRgb = (form, prop, value) => {
+                const val = parseInt(value, 10);
+                set(prop, Optional?.some(val));
+                getValueRgb().each((rgb) => {
+                    const hex = copyRgbToHex(form, rgb);
+                    emitWith(form, fieldsUpdate, {
+                        hex
+                    });
+                    updatePreview(form, hex);
+                });
+            };
+            const isHexInputEvent = (data) => data.type === 'hex';
+            const onValidInput = (form, simulatedEvent) => {
+                const data = simulatedEvent.event;
+                if (isHexInputEvent(data)) {
+                    onValidHex(form, data.value);
+                }
+                else {
+                    onValidRgb(form, data.type, data.value);
+                }
+            };
+            const formPartStrings = (key) => ({
+                label: translate(translatePrefix + key + '.label'),
+                description: translate(translatePrefix + key + '.description')
+            });
+            const redStrings = formPartStrings('red');
+            const greenStrings = formPartStrings('green');
+            const blueStrings = formPartStrings('blue');
+            const hexStrings = formPartStrings('hex');
+            // TODO: Provide a nice way of adding APIs to existing sketchers
+            return deepMerge(Form.sketch((parts) => ({
+                dom: {
+                    tag: 'form',
+                    classes: [getClass('rgb-form')],
+                    attributes: { 'aria-label': translate('aria.color.picker') }
+                },
+                components: [
+                    parts.field('red', FormField.sketch(renderTextField(isRgbaComponent, 'red', redStrings.label, redStrings.description, 255))),
+                    parts.field('green', FormField.sketch(renderTextField(isRgbaComponent, 'green', greenStrings.label, greenStrings.description, 255))),
+                    parts.field('blue', FormField.sketch(renderTextField(isRgbaComponent, 'blue', blueStrings.label, blueStrings.description, 255))),
+                    parts.field('hex', FormField.sketch(renderTextField(isHexString, 'hex', hexStrings.label, hexStrings.description, 'ffffff'))),
+                    memPreview.asSpec()
+                ],
+                formBehaviours: derive$1([
+                    Invalidating.config({
+                        invalidClass: getClass('form-invalid')
+                    }),
+                    config('rgb-form-events', [
+                        run$1(validInput, onValidInput),
+                        run$1(invalidInput, onInvalidInput),
+                        run$1(validatingInput, onInvalidInput)
+                    ])
+                ])
+            })), {
+                apis: {
+                    updateHex: (form, hex) => {
+                        Representing.setValue(form, {
+                            hex: hex.value
+                        });
+                        copyHexToRgb(form, hex);
+                        updatePreview(form, hex);
+                    }
+                }
+            });
+        };
+        const rgbFormSketcher = single({
+            factory,
+            name: 'RgbForm',
+            configFields: [],
+            apis: {
+                updateHex: (apis, form, hex) => {
+                    apis.updateHex(form, hex);
+                }
+            },
+            extraApis: {}
+        });
+        return rgbFormSketcher;
+    };
+
+    const paletteFactory = (translate, getClass) => {
+        const spectrumPart = Slider.parts.spectrum({
+            dom: {
+                tag: 'canvas',
+                attributes: {
+                    role: 'presentation'
+                },
+                classes: [getClass('sv-palette-spectrum')]
+            }
+        });
+        const thumbPart = Slider.parts.thumb({
+            dom: {
+                tag: 'div',
+                attributes: {
+                    role: 'presentation'
+                },
+                classes: [getClass('sv-palette-thumb')],
+                innerHtml: `<div class=${getClass('sv-palette-inner-thumb')} role="presentation"></div>`
+            }
+        });
+        const setColour = (canvas, rgba) => {
+            const { width, height } = canvas;
+            const ctx = canvas.getContext('2d');
+            if (ctx === null) {
+                return;
+            }
+            ctx.fillStyle = rgba;
+            ctx.fillRect(0, 0, width, height);
+            const grdWhite = ctx.createLinearGradient(0, 0, width, 0);
+            grdWhite.addColorStop(0, 'rgba(255,255,255,1)');
+            grdWhite.addColorStop(1, 'rgba(255,255,255,0)');
+            ctx.fillStyle = grdWhite;
+            ctx.fillRect(0, 0, width, height);
+            const grdBlack = ctx.createLinearGradient(0, 0, 0, height);
+            grdBlack.addColorStop(0, 'rgba(0,0,0,0)');
+            grdBlack.addColorStop(1, 'rgba(0,0,0,1)');
+            ctx.fillStyle = grdBlack;
+            ctx.fillRect(0, 0, width, height);
+        };
+        const setPaletteHue = (slider, hue) => {
+            const canvas = slider.components()[0].element.dom;
+            const hsv = hsvColour(hue, 100, 100);
+            const rgba = fromHsv(hsv);
+            setColour(canvas, toString(rgba));
+        };
+        const setPaletteThumb = (slider, hex) => {
+            const hsv = fromRgb(fromHex(hex));
+            Slider.setValue(slider, { x: hsv.saturation, y: 100 - hsv.value });
+            set$9(slider.element, 'aria-valuetext', translate(['Saturation {0}%, Brightness {1}%', hsv.saturation, hsv.value]));
+        };
+        const factory = (_detail) => {
+            const getInitialValue = constant$1({
+                x: 0,
+                y: 0
+            });
+            const onChange = (slider, _thumb, value) => {
+                if (!isNumber(value)) {
+                    set$9(slider.element, 'aria-valuetext', translate(['Saturation {0}%, Brightness {1}%', Math.floor(value.x), Math.floor(100 - value.y)]));
+                }
+                emitWith(slider, paletteUpdate, {
+                    value
+                });
+            };
+            const onInit = (_slider, _thumb, spectrum, _value) => {
+                // Maybe make this initial value configurable?
+                setColour(spectrum.element.dom, toString(red));
+            };
+            const sliderBehaviours = derive$1([
+                Composing.config({
+                    find: Optional.some
+                }),
+                Focusing.config({})
+            ]);
+            return Slider.sketch({
+                dom: {
+                    tag: 'div',
+                    attributes: {
+                        'role': 'slider',
+                        'aria-valuetext': translate(['Saturation {0}%, Brightness {1}%', 0, 0])
+                    },
+                    classes: [getClass('sv-palette')]
+                },
+                model: {
+                    mode: 'xy',
+                    getInitialValue,
+                },
+                rounded: false,
+                components: [
+                    spectrumPart,
+                    thumbPart
+                ],
+                onChange,
+                onInit,
+                sliderBehaviours
+            });
+        };
+        const saturationBrightnessPaletteSketcher = single({
+            factory,
+            name: 'SaturationBrightnessPalette',
+            configFields: [],
+            apis: {
+                setHue: (_apis, slider, hue) => {
+                    setPaletteHue(slider, hue);
+                },
+                setThumb: (_apis, slider, hex) => {
+                    setPaletteThumb(slider, hex);
+                }
+            },
+            extraApis: {}
+        });
+        return saturationBrightnessPaletteSketcher;
+    };
+
+    const makeFactory = (translate, getClass, tooltipConfig, makeIcon) => {
+        const factory = (detail) => {
+            const rgbForm = rgbFormFactory(translate, getClass, detail.onValidHex, detail.onInvalidHex, tooltipConfig, makeIcon);
+            const sbPalette = paletteFactory(translate, getClass);
+            const hueSliderToDegrees = (hue) => (100 - hue) / 100 * 360;
+            const hueDegreesToSlider = (hue) => 100 - (hue / 360) * 100;
+            const state = {
+                paletteRgba: Cell(red),
+                paletteHue: Cell(0)
+            };
+            const memSlider = record(sliderFactory(translate, getClass));
+            const memPalette = record(sbPalette.sketch({}));
+            const memRgb = record(rgbForm.sketch({}));
+            const updatePalette = (anyInSystem, _hex, hue) => {
+                memPalette.getOpt(anyInSystem).each((palette) => {
+                    sbPalette.setHue(palette, hue);
+                });
+            };
+            const updateFields = (anyInSystem, hex) => {
+                memRgb.getOpt(anyInSystem).each((form) => {
+                    rgbForm.updateHex(form, hex);
+                });
+            };
+            const updateSlider = (anyInSystem, _hex, hue) => {
+                memSlider.getOpt(anyInSystem).each((slider) => {
+                    Slider.setValue(slider, hueDegreesToSlider(hue));
+                });
+            };
+            const updatePaletteThumb = (anyInSystem, hex) => {
+                memPalette.getOpt(anyInSystem).each((palette) => {
+                    sbPalette.setThumb(palette, hex);
+                });
+            };
+            const updateState = (hex, hue) => {
+                const rgba = fromHex(hex);
+                state.paletteRgba.set(rgba);
+                state.paletteHue.set(hue);
+            };
+            const runUpdates = (anyInSystem, hex, hue, updates) => {
+                updateState(hex, hue);
+                each$1(updates, (update) => {
+                    update(anyInSystem, hex, hue);
+                });
+            };
+            const onPaletteUpdate = () => {
+                const updates = [updateFields];
+                return (form, simulatedEvent) => {
+                    const value = simulatedEvent.event.value;
+                    const oldHue = state.paletteHue.get();
+                    const newHsv = hsvColour(oldHue, value.x, (100 - value.y));
+                    const newHex = hsvToHex(newHsv);
+                    runUpdates(form, newHex, oldHue, updates);
+                };
+            };
+            const onSliderUpdate = () => {
+                const updates = [updatePalette, updateFields];
+                return (form, simulatedEvent) => {
+                    const hue = hueSliderToDegrees(simulatedEvent.event.value);
+                    const oldRgb = state.paletteRgba.get();
+                    const oldHsv = fromRgb(oldRgb);
+                    const newHsv = hsvColour(hue, oldHsv.saturation, oldHsv.value);
+                    const newHex = hsvToHex(newHsv);
+                    runUpdates(form, newHex, hue, updates);
+                };
+            };
+            const onFieldsUpdate = () => {
+                const updates = [updatePalette, updateSlider, updatePaletteThumb];
+                return (form, simulatedEvent) => {
+                    const hex = simulatedEvent.event.hex;
+                    const hsv = hexToHsv(hex);
+                    runUpdates(form, hex, hsv.hue, updates);
+                };
+            };
+            return {
+                uid: detail.uid,
+                dom: detail.dom,
+                components: [
+                    memPalette.asSpec(),
+                    memSlider.asSpec(),
+                    memRgb.asSpec()
+                ],
+                behaviours: derive$1([
+                    config('colour-picker-events', [
+                        run$1(fieldsUpdate, onFieldsUpdate()),
+                        run$1(paletteUpdate, onPaletteUpdate()),
+                        run$1(sliderUpdate, onSliderUpdate())
+                    ]),
+                    Composing.config({
+                        find: (comp) => memRgb.getOpt(comp)
+                    }),
+                    Keying.config({
+                        mode: 'acyclic'
+                    })
+                ])
+            };
+        };
+        const colourPickerSketcher = single({
+            name: 'ColourPicker',
+            configFields: [
+                required$1('dom'),
+                defaulted('onValidHex', noop),
+                defaulted('onInvalidHex', noop)
+            ],
+            factory
+        });
+        return colourPickerSketcher;
+    };
+
+    const english = {
+        'colorcustom.rgb.red.label': 'R',
+        'colorcustom.rgb.red.description': 'Red channel',
+        'colorcustom.rgb.green.label': 'G',
+        'colorcustom.rgb.green.description': 'Green channel',
+        'colorcustom.rgb.blue.label': 'B',
+        'colorcustom.rgb.blue.description': 'Blue channel',
+        'colorcustom.rgb.hex.label': '#',
+        'colorcustom.rgb.hex.description': 'Hex color code',
+        'colorcustom.rgb.range': 'Range 0 to 255',
+        'colorcustom.rgb.invalid': 'Numbers only, 0 to 255',
+        'colorcustom.rgb.invalidHex': 'Hexadecimal only, 000000 to FFFFFF',
+        'aria.color.picker': 'Color Picker',
+        'aria.input.invalid': 'Invalid input'
+    };
+    const translate = (providerBackstage) => (key) => {
+        if (isString(key)) {
+            return providerBackstage.translate(english[key]);
+        }
+        else {
+            return providerBackstage.translate(key);
+        }
+    };
+    const renderColorPicker = (_spec, providerBackstage, initialData) => {
+        const getClass = (key) => 'tox-' + key;
+        const renderIcon = (name, errId, icon = name, label = name) => render$4(icon, {
+            tag: 'div',
+            classes: ['tox-icon', 'tox-control-wrap__status-icon-' + name],
+            attributes: {
+                'title': providerBackstage.translate(label),
+                'aria-live': 'polite',
+                ...errId.fold(() => ({}), (id) => ({ id }))
+            }
+        }, providerBackstage.icons);
+        const colourPickerFactory = makeFactory(translate(providerBackstage), getClass, providerBackstage.tooltips.getConfig, renderIcon);
+        const onValidHex = (form) => {
+            emitWith(form, formActionEvent, { name: 'hex-valid', value: true });
+        };
+        const onInvalidHex = (form) => {
+            emitWith(form, formActionEvent, { name: 'hex-valid', value: false });
+        };
+        const memPicker = record(colourPickerFactory.sketch({
+            dom: {
+                tag: 'div',
+                classes: [getClass('color-picker-container')],
+                attributes: {
+                    role: 'presentation'
+                }
+            },
+            onValidHex,
+            onInvalidHex
+        }));
+        return {
+            dom: {
+                tag: 'div'
+            },
+            components: [
+                memPicker.asSpec()
+            ],
+            behaviours: derive$1([
+                // We'll allow invalid values
+                withComp(initialData, (comp) => {
+                    const picker = memPicker.get(comp);
+                    const optRgbForm = Composing.getCurrent(picker);
+                    const optHex = optRgbForm.bind((rgbForm) => {
+                        const formValues = Representing.getValue(rgbForm);
+                        return formValues.hex;
+                    });
+                    return optHex?.map((hex) => '#' + removeLeading(hex, '#')).getOr('');
+                }, (comp, newValue) => {
+                    const pattern = /^#([a-fA-F0-9]{3}(?:[a-fA-F0-9]{3})?)/;
+                    const valOpt = Optional.from(pattern.exec(newValue)).bind((matches) => get$i(matches, 1));
+                    const picker = memPicker.get(comp);
+                    const optRgbForm = Composing.getCurrent(picker);
+                    optRgbForm.fold(() => {
+                        // eslint-disable-next-line no-console
+                        console.log('Can not find form');
+                    }, (rgbForm) => {
+                        Representing.setValue(rgbForm, {
+                            hex: valOpt.getOr('')
+                        });
+                        // So not the way to do this.
+                        Form.getField(rgbForm, 'hex').each((hexField) => {
+                            emit(hexField, input());
+                        });
+                    });
+                }),
+                ComposingConfigs.self()
+            ])
+        };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    const isOldCustomEditor = (spec) => has$2(spec, 'init');
+    const renderCustomEditor = (spec) => {
+        const editorApi = value$2();
+        const memReplaced = record({
+            dom: {
+                tag: spec.tag
+            }
+        });
+        const initialValue = value$2();
+        const focusBehaviour = !isOldCustomEditor(spec) && spec.onFocus.isSome() ? [
+            Focusing.config({
+                onFocus: (comp) => {
+                    spec.onFocus.each((onFocusFn) => {
+                        onFocusFn(comp.element.dom);
+                    });
+                }
+            }),
+            Tabstopping.config({})
+        ] : [];
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-custom-editor']
+            },
+            behaviours: derive$1([
+                config('custom-editor-events', [
+                    runOnAttached((component) => {
+                        memReplaced.getOpt(component).each((ta) => {
+                            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                            (isOldCustomEditor(spec)
+                                ? spec.init(ta.element.dom)
+                                : global$3.load(spec.scriptId, spec.scriptUrl).then((init) => init(ta.element.dom, spec.settings))).then((ea) => {
+                                initialValue.on((cvalue) => {
+                                    ea.setValue(cvalue);
+                                });
+                                initialValue.clear();
+                                editorApi.set(ea);
+                            });
+                        });
+                    })
+                ]),
+                withComp(Optional.none(), () => editorApi.get().fold(() => initialValue.get().getOr(''), (ed) => ed.getValue()), (_component, value) => {
+                    editorApi.get().fold(() => initialValue.set(value), (ed) => ed.setValue(value));
+                }),
+                ComposingConfigs.self()
+            ].concat(focusBehaviour)),
+            components: [memReplaced.asSpec()]
+        };
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    const browseFilesEvent = generate$6('browse.files.event');
+    const filterByExtension = (files, providersBackstage) => {
+        const allowedImageFileTypes = global$2.explode(providersBackstage.getOption('images_file_types'));
+        const isFileInAllowedTypes = (file) => exists(allowedImageFileTypes, (type) => endsWith(file.name.toLowerCase(), `.${type.toLowerCase()}`));
+        return filter$2(from(files), isFileInAllowedTypes);
+    };
+    const renderDropZone = (spec, providersBackstage, initialData) => {
+        // TODO: Consider moving to alloy
+        const stopper = (_, se) => {
+            se.stop();
+        };
+        // TODO: Consider moving to alloy
+        const sequence = (actions) => (comp, se) => {
+            each$1(actions, (a) => {
+                a(comp, se);
+            });
+        };
+        const onDrop = (comp, se) => {
+            var _a;
+            if (!Disabling.isDisabled(comp)) {
+                const transferEvent = se.event.raw;
+                emitWith(comp, browseFilesEvent, { files: (_a = transferEvent.dataTransfer) === null || _a === void 0 ? void 0 : _a.files });
+            }
+        };
+        const onSelect = (component, simulatedEvent) => {
+            const input = simulatedEvent.event.raw.target;
+            emitWith(component, browseFilesEvent, { files: input.files });
+        };
+        const handleFiles = (component, files) => {
+            if (files) {
+                Representing.setValue(component, filterByExtension(files, providersBackstage));
+                emitWith(component, formChangeEvent, { name: spec.name });
+            }
+        };
+        const memInput = record({
+            dom: {
+                tag: 'input',
+                attributes: {
+                    type: 'file',
+                    accept: 'image/*'
+                },
+                styles: {
+                    display: 'none'
+                }
+            },
+            behaviours: derive$1([
+                config('input-file-events', [
+                    cutter(click()),
+                    cutter(tap())
+                ])
+            ])
+        });
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const pField = FormField.parts.field({
+            factory: Button,
+            dom: {
+                tag: 'button',
+                styles: {
+                    position: 'relative'
+                },
+                classes: ['tox-button', 'tox-button--secondary']
+            },
+            components: [
+                text$2(providersBackstage.translate('Browse for an image')),
+                memInput.asSpec()
+            ],
+            action: (comp) => {
+                const inputComp = memInput.get(comp);
+                inputComp.element.dom.click();
+            },
+            buttonBehaviours: derive$1([
+                ComposingConfigs.self(),
+                memory(initialData.getOr([])),
+                Tabstopping.config({}),
+                DisablingConfigs.button(() => providersBackstage.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context))
+            ])
+        });
+        const wrapper = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-dropzone-container']
+            },
+            behaviours: derive$1([
+                Disabling.config({
+                    disabled: () => providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                Toggling.config({
+                    toggleClass: 'dragenter',
+                    toggleOnExecute: false
+                }),
+                config('dropzone-events', [
+                    run$1('dragenter', sequence([stopper, Toggling.toggle])),
+                    run$1('dragleave', sequence([stopper, Toggling.toggle])),
+                    run$1('dragover', stopper),
+                    run$1('drop', sequence([stopper, onDrop])),
+                    run$1(change(), onSelect)
+                ])
+            ]),
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dropzone'],
+                        styles: {}
+                    },
+                    components: [
+                        {
+                            dom: {
+                                tag: 'p'
+                            },
+                            components: [
+                                text$2(providersBackstage.translate('Drop an image here'))
+                            ]
+                        },
+                        pField
+                    ]
+                }
+            ]
+        };
+        return renderFormFieldWith(pLabel, wrapper, ['tox-form__group--stretched'], [config('handle-files', [
+                run$1(browseFilesEvent, (comp, se) => {
+                    FormField.getField(comp).each((field) => {
+                        handleFiles(field, se.event.files);
+                    });
+                })
+            ])]);
+    };
+
+    const renderGrid = (spec, backstage) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-form__grid', `tox-form__grid--${spec.columns}col`]
+        },
+        components: map$2(spec.items, backstage.interpreter)
+    });
+
+    const beforeObject = generate$6('alloy-fake-before-tabstop');
+    const afterObject = generate$6('alloy-fake-after-tabstop');
+    const craftWithClasses = (classes) => {
+        return {
+            dom: {
+                tag: 'div',
+                styles: {
+                    width: '1px',
+                    height: '1px',
+                    outline: 'none'
+                },
+                attributes: {
+                    tabindex: '0' // Capture native tabbing in the appropriate order
+                },
+                classes
+            },
+            behaviours: derive$1([
+                Focusing.config({ ignore: true }),
+                Tabstopping.config({})
+            ])
+        };
+    };
+    const craft = (containerClasses, spec) => {
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-navobj', ...containerClasses.getOr([])]
+            },
+            components: [
+                craftWithClasses([beforeObject]),
+                spec,
+                craftWithClasses([afterObject])
+            ],
+            behaviours: derive$1([
+                ComposingConfigs.childAt(1)
+            ])
+        };
+    };
+    // TODO: Create an API in alloy to do this.
+    const triggerTab = (placeholder, shiftKey) => {
+        emitWith(placeholder, keydown(), {
+            raw: {
+                which: 9,
+                shiftKey
+            }
+        });
+    };
+    const onFocus = (container, targetComp) => {
+        const target = targetComp.element;
+        // If focus has shifted naturally to a before object, the tab direction is backwards.
+        if (has(target, beforeObject)) {
+            triggerTab(container, true);
+        }
+        else if (has(target, afterObject)) {
+            triggerTab(container, false);
+        }
+    };
+    const isPseudoStop = (element) => {
+        return closest$1(element, ['.' + beforeObject, '.' + afterObject].join(','), never);
+    };
+
+    const dialogChannel = generate$6('update-dialog');
+    const titleChannel = generate$6('update-title');
+    const bodyChannel = generate$6('update-body');
+    const footerChannel = generate$6('update-footer');
+    const bodySendMessageChannel = generate$6('body-send-message');
+    const dialogFocusShiftedChannel = generate$6('dialog-focus-shifted');
+
+    const browser = detect$1().browser;
+    const isSafari = browser.isSafari();
+    const isFirefox = browser.isFirefox();
+    const isSafariOrFirefox = isSafari || isFirefox;
+    const isChromium = browser.isChromium();
+    const isElementScrollAtBottom = ({ scrollTop, scrollHeight, clientHeight }) => Math.ceil(scrollTop) + clientHeight >= scrollHeight;
+    const scrollToY = (win, y) => 
+    // TINY-10128: The iframe body is occasionally null when we attempt to scroll, so instead of using body.scrollHeight, use a
+    // fallback value of 99999999. To minimise the potential impact of future browser changes, this fallback is significantly smaller
+    // than the minimum of the maximum value Window.scrollTo would take on supported browsers:
+    // Chromium: > Number.MAX_SAFE_INTEGER
+    // Safari: 2^31 - 1 = 2147483647
+    // Firefox: 2147483583
+    win.scrollTo(0, y === 'bottom' ? 99999999 : y);
+    const getScrollingElement = (doc, html) => {
+        // TINY-10110: The scrolling element can change between body and documentElement depending on whether there
+        // is a doctype declaration. However, this behavior is inconsistent on Chrome and Safari so checking for
+        // the scroll properties is the most reliable way to determine which element is the scrolling element, at
+        // least for the purposes of determining whether scroll is at bottom.
+        const body = doc.body;
+        return Optional.from(!/^<!DOCTYPE (html|HTML)/.test(html) &&
+            (!isChromium && !isSafari || isNonNullable(body) && (body.scrollTop !== 0 || Math.abs(body.scrollHeight - body.clientHeight) > 1))
+            ? body : doc.documentElement);
+    };
+    const writeValue = (iframeElement, html, fallbackFn) => {
+        const iframe = iframeElement.dom;
+        Optional.from(iframe.contentDocument).fold(fallbackFn, (doc) => {
+            let lastScrollTop = 0;
+            // TINY-10032: If documentElement (or body) is nullable, we assume document is empty and so scroll is at bottom.
+            const isScrollAtBottom = getScrollingElement(doc, html)?.map((el) => {
+                lastScrollTop = el.scrollTop;
+                return el;
+            }).forall(isElementScrollAtBottom);
+            const scrollAfterWrite = () => {
+                const win = iframe.contentWindow;
+                if (isNonNullable(win)) {
+                    if (isScrollAtBottom) {
+                        scrollToY(win, 'bottom');
+                    }
+                    else if (!isScrollAtBottom && isSafariOrFirefox && lastScrollTop !== 0) {
+                        // TINY-10078: Safari and Firefox reset scroll to top on each document.write(), so we need to restore scroll manually
+                        scrollToY(win, lastScrollTop);
+                    }
+                }
+            };
+            // TINY-10109: On Safari, attempting to scroll before the iframe has finished loading will cause scroll to reset to top upon load.
+            // TINY-10128: We will not wait for the load event on Chrome and Firefox since doing so causes the scroll to jump around erratically,
+            // especially on Firefox. However, not waiting for load has the trade-off of potentially losing bottom scroll when updating at a very
+            // rapid rate, as attempting to scroll before the iframe body is loaded will not work.
+            if (isSafari) {
+                iframe.addEventListener('load', scrollAfterWrite, { once: true });
+            }
+            doc.open();
+            doc.write(html);
+            doc.close();
+            if (!isSafari) {
+                scrollAfterWrite();
+            }
+        });
+    };
+    // TINY-10078: On Firefox, throttle to 200ms to improve scrolling experience. Since we are manually maintaining previous scroll position
+    // on each update, when updating rapidly without a throttle, attempting to scroll around the iframe can feel stuck.
+    // TINY-10097: On Safari, throttle to 500ms to reduce flickering as the document.write() method still observes significant flickering.
+    // Also improves scrolling, as scroll positions are maintained manually similar to Firefox.
+    const throttleInterval = someIf(isSafariOrFirefox, isSafari ? 500 : 200);
+    // TINY-10078: Use Throttler.adaptable to ensure that any content added during the waiting period is not lost.
+    const writeValueThrottler = throttleInterval?.map((interval) => adaptable(writeValue, interval));
+    const getDynamicSource = (initialData, stream) => {
+        const cachedValue = Cell(initialData.getOr(''));
+        return {
+            getValue: (_frameComponent) => 
+            // Ideally we should fetch data from the iframe...innerHtml, this triggers Cors errors
+            cachedValue.get(),
+            setValue: (frameComponent, html) => {
+                if (cachedValue.get() !== html) {
+                    const iframeElement = frameComponent.element;
+                    const setSrcdocValue = () => set$9(iframeElement, 'srcdoc', html);
+                    if (stream) {
+                        writeValueThrottler.fold(constant$1(writeValue), (throttler) => throttler.throttle)(iframeElement, html, setSrcdocValue);
+                    }
+                    else {
+                        // TINY-3769: We need to use srcdoc here, instead of src with a data URI, otherwise browsers won't retain the Origin.
+                        // See https://bugs.chromium.org/p/chromium/issues/detail?id=58999#c11
+                        setSrcdocValue();
+                    }
+                }
+                cachedValue.set(html);
+            }
+        };
+    };
+    const renderIFrame = (spec, providersBackstage, initialData) => {
+        const baseClass = 'tox-dialog__iframe';
+        const opaqueClass = spec.transparent ? [] : [`${baseClass}--opaque`];
+        const containerBorderedClass = spec.border ? [`tox-navobj-bordered`] : [];
+        const attributes = {
+            ...spec.label?.map((title) => ({ title })).getOr({}),
+            ...initialData?.map((html) => ({ srcdoc: html })).getOr({}),
+            ...spec.sandboxed ? { sandbox: 'allow-scripts allow-same-origin' } : {}
+        };
+        const sourcing = getDynamicSource(initialData, spec.streamContent);
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const factory = (newSpec) => craft(Optional.from(containerBorderedClass), {
+            // We need to use the part uid or the label and field won't be linked with ARIA
+            uid: newSpec.uid,
+            dom: {
+                tag: 'iframe',
+                attributes,
+                classes: [
+                    baseClass,
+                    ...opaqueClass
+                ]
+            },
+            behaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({}),
+                withComp(initialData, sourcing.getValue, sourcing.setValue),
+                Receiving.config({
+                    channels: {
+                        [dialogFocusShiftedChannel]: {
+                            onReceive: (comp, message) => {
+                                message.newFocus.each((newFocus) => {
+                                    parentElement(comp.element).each((parent) => {
+                                        const f = eq(comp.element, newFocus) ? add$2 : remove$3;
+                                        f(parent, 'tox-navobj-bordered-focus');
+                                    });
+                                });
+                            }
+                        }
+                    }
+                })
+            ])
+        });
+        // Note, it's not going to handle escape at this point.
+        const pField = FormField.parts.field({
+            factory: { sketch: factory }
+        });
+        return renderFormFieldWith(pLabel, pField, ['tox-form__group--stretched'], []);
+    };
+
+    const calculateImagePosition = (panelWidth, panelHeight, imageWidth, imageHeight, zoom) => {
+        const width = imageWidth * zoom;
+        const height = imageHeight * zoom;
+        const left = Math.max(0, panelWidth / 2 - width / 2);
+        const top = Math.max(0, panelHeight / 2 - height / 2);
+        return {
+            left: left.toString() + 'px',
+            top: top.toString() + 'px',
+            width: width.toString() + 'px',
+            height: height.toString() + 'px',
+        };
+    };
+    const zoomToFit = (panel, width, height) => {
+        const panelW = get$c(panel);
+        const panelH = get$d(panel);
+        return Math.min(panelW / width, panelH / height, 1);
+    };
+    const renderImagePreview = (spec, initialData) => {
+        const cachedData = Cell(initialData.getOr({ url: '' }));
+        const memImage = record({
+            dom: {
+                tag: 'img',
+                classes: ['tox-imagepreview__image'],
+                attributes: initialData?.map((data) => ({ src: data.url })).getOr({})
+            },
+        });
+        const memContainer = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-imagepreview__container'],
+                attributes: {
+                    role: 'presentation'
+                },
+            },
+            components: [
+                memImage.asSpec()
+            ]
+        });
+        const setValue = (frameComponent, data) => {
+            const translatedData = {
+                url: data.url
+            };
+            // update properties that are set by the data
+            data.zoom.each((z) => translatedData.zoom = z);
+            data.cachedWidth.each((z) => translatedData.cachedWidth = z);
+            data.cachedHeight.each((z) => translatedData.cachedHeight = z);
+            cachedData.set(translatedData);
+            const applyFramePositioning = () => {
+                const { cachedWidth, cachedHeight, zoom } = translatedData;
+                if (!isUndefined(cachedWidth) && !isUndefined(cachedHeight)) {
+                    if (isUndefined(zoom)) {
+                        const z = zoomToFit(frameComponent.element, cachedWidth, cachedHeight);
+                        // sneaky mutation since we own the object
+                        translatedData.zoom = z;
+                    }
+                    const position = calculateImagePosition(get$c(frameComponent.element), get$d(frameComponent.element), cachedWidth, cachedHeight, translatedData.zoom);
+                    memContainer.getOpt(frameComponent).each((container) => {
+                        setAll(container.element, position);
+                    });
+                }
+            };
+            memImage.getOpt(frameComponent).each((imageComponent) => {
+                const img = imageComponent.element;
+                if (data.url !== get$g(img, 'src')) {
+                    set$9(img, 'src', data.url);
+                    remove$3(frameComponent.element, 'tox-imagepreview__loaded');
+                }
+                applyFramePositioning();
+                // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                image(img).then((img) => {
+                    // Ensure the component hasn't been removed while the image was loading
+                    // if it is disconnected, just do nothing
+                    if (frameComponent.getSystem().isConnected()) {
+                        add$2(frameComponent.element, 'tox-imagepreview__loaded');
+                        // sneaky mutation since we own the object
+                        translatedData.cachedWidth = img.dom.naturalWidth;
+                        translatedData.cachedHeight = img.dom.naturalHeight;
+                        applyFramePositioning();
+                    }
+                });
+            });
+        };
+        const styles = {};
+        spec.height.each((h) => styles.height = h);
+        // TODO: TINY-8393 Use the initial data properly once it's validated
+        const fakeValidatedData = initialData?.map((d) => ({
+            url: d.url,
+            zoom: Optional.from(d.zoom),
+            cachedWidth: Optional.from(d.cachedWidth),
+            cachedHeight: Optional.from(d.cachedHeight),
+        }));
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-imagepreview'],
+                styles,
+                attributes: {
+                    role: 'presentation'
+                }
+            },
+            components: [
+                memContainer.asSpec(),
+            ],
+            behaviours: derive$1([
+                ComposingConfigs.self(),
+                withComp(fakeValidatedData, () => 
+                /*
+                  NOTE: This is intentionally returning the cached image width and height.
+      
+                  Including those details in the dialog data helps when `setData` only changes the URL, as
+                  the old image must continue to be displayed at the old size until the new image has loaded.
+                */
+                cachedData.get(), setValue),
+            ])
+        };
+    };
+
+    const renderLabel$2 = (spec, backstageShared, getCompByName) => {
+        const baseClass = 'tox-label';
+        const centerClass = spec.align === 'center' ? [`${baseClass}--center`] : [];
+        const endClass = spec.align === 'end' ? [`${baseClass}--end`] : [];
+        const label = record({
+            dom: {
+                tag: 'label',
+                classes: [baseClass, ...centerClass, ...endClass]
+            },
+            components: [
+                text$2(backstageShared.providers.translate(spec.label))
+            ]
+        });
+        const comps = map$2(spec.items, backstageShared.interpreter);
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: [
+                label.asSpec(),
+                ...comps
+            ],
+            behaviours: derive$1([
+                ComposingConfigs.self(),
+                Replacing.config({}),
+                domHtml(Optional.none()),
+                Keying.config({
+                    mode: 'acyclic'
+                }),
+                config('label', [
+                    runOnAttached((comp) => {
+                        spec.for.each((name) => {
+                            getCompByName(name).each((target) => {
+                                label.getOpt(comp).each((labelComp) => {
+                                    var _a;
+                                    const id = (_a = get$g(target.element, 'id')) !== null && _a !== void 0 ? _a : generate$6('form-field');
+                                    set$9(target.element, 'id', id);
+                                    set$9(labelComp.element, 'for', id);
+                                });
+                            });
+                        });
+                    })
+                ]),
+            ])
+        };
+    };
+
+    const internalToolbarButtonExecute = generate$6('toolbar.button.execute');
+    // Perform `action` when an item is clicked on, close menus, and stop event
+    const onToolbarButtonExecute = (info) => runOnExecute$1((comp, _simulatedEvent) => {
+        // If there is an action, run the action
+        runWithApi(info, comp)((itemApi) => {
+            emitWith(comp, internalToolbarButtonExecute, {
+                buttonApi: itemApi
+            });
+            info.onAction(itemApi);
+        });
+    });
+    const commonButtonDisplayEvent = generate$6('common-button-display-events');
+    const toolbarButtonEventOrder = {
+        // TODO: use the constants provided by behaviours.
+        [execute$5()]: ['disabling', 'alloy.base.behaviour', 'toggling', 'toolbar-button-events', 'tooltipping'],
+        [attachedToDom()]: [
+            'toolbar-button-events',
+            commonButtonDisplayEvent
+        ],
+        [detachedFromDom()]: ['toolbar-button-events', 'dropdown-events', 'tooltipping'],
+        [mousedown()]: [
+            'focusing',
+            'alloy.base.behaviour',
+            commonButtonDisplayEvent
+        ]
+    };
+
+    const forceInitialSize = (comp) => set$7(comp.element, 'width', get$e(comp.element, 'width'));
+
+    const renderIcon$1 = (iconName, iconsProvider, behaviours) => render$4(iconName, {
+        tag: 'span',
+        classes: ["tox-icon" /* ToolbarButtonClasses.Icon */, "tox-tbtn__icon-wrap" /* ToolbarButtonClasses.IconWrap */],
+        behaviours
+    }, iconsProvider);
+    const renderIconFromPack$1 = (iconName, iconsProvider) => renderIcon$1(iconName, iconsProvider, []);
+    const renderReplaceableIconFromPack = (iconName, iconsProvider) => renderIcon$1(iconName, iconsProvider, [Replacing.config({})]);
+    const renderLabel$1 = (text, prefix, providersBackstage) => ({
+        dom: {
+            tag: 'span',
+            classes: [`${prefix}__select-label`]
+        },
+        components: [
+            text$2(providersBackstage.translate(text))
+        ],
+        behaviours: derive$1([
+            Replacing.config({})
+        ])
+    });
+
+    const updateMenuText = generate$6('update-menu-text');
+    const updateMenuIcon = generate$6('update-menu-icon');
+    const updateTooltiptext = generate$6('update-tooltip-text');
+    // TODO: Use renderCommonStructure here.
+    const renderCommonDropdown = (spec, prefix, sharedBackstage, btnName) => {
+        const editorOffCell = Cell(noop);
+        const tooltip = Cell(spec.tooltip);
+        // We need mementos for display text and display icon because on the events
+        // updateMenuText and updateMenuIcon respectively, their contents are changed
+        // via Replacing. These events are generally emitted by dropdowns that want the
+        // main text and icon to match the current selection (e.g. bespokes like font family)
+        const optMemDisplayText = spec.text?.map((text) => record(renderLabel$1(text, prefix, sharedBackstage.providers)));
+        const optMemDisplayIcon = spec.icon?.map((iconName) => record(renderReplaceableIconFromPack(iconName, sharedBackstage.providers.icons)));
+        /*
+         * The desired behaviour here is:
+         *
+         *   when left or right is pressed, and it isn't associated with expanding or
+         *   collapsing a submenu, then it should navigate to the next menu item, and
+         *   expand it (without highlighting any items in the expanded menu).
+         *   It also needs to close the previous menu
+         */
+        const onLeftOrRightInMenu = (comp, se) => {
+            // The originating dropdown is stored on the sandbox itself. This is just an
+            // implementation detail of alloy. We really need to make it a fully-fledged API.
+            // TODO: TINY-9014 Make SandboxAPI have a function that just delegates to Representing
+            const dropdown = Representing.getValue(comp);
+            // Focus the dropdown. Current workaround required to make FlowLayout recognise the current focus.
+            // The triggering keydown is going to try to move the focus left or
+            // right of the current menu, so it needs to know what the current menu dropdown is. It
+            // can't work it out by the current focus, because the current focus is *in* the menu, so
+            // we help it by moving the focus to the button, so it can work out what the next menu to
+            // the left or right is.
+            Focusing.focus(dropdown);
+            emitWith(dropdown, 'keydown', {
+                raw: se.event.raw
+            });
+            // Because we have just navigated off this open menu, we want to close it.
+            // INVESTIGATE: TINY-9014: Is this handling situations where there were no menus
+            // to move to? Does it matter if we still close it when there are no other menus?
+            Dropdown.close(dropdown);
+            // The Optional?.some(true) tells the keyboard handler that this event was handled,
+            // which will do things like stopPropagation and preventDefault.
+            return Optional?.some(true);
+        };
+        const role = spec.role.fold(() => ({}), (role) => ({ role }));
+        const listRole = Optional.from(spec.listRole)?.map((listRole) => ({ listRole })).getOr({});
+        const ariaLabelAttribute = spec.ariaLabel.fold(() => ({}), (ariaLabel) => {
+            const translatedAriaLabel = sharedBackstage.providers.translate(ariaLabel);
+            return {
+                'aria-label': translatedAriaLabel
+            };
+        });
+        const iconSpec = render$4('chevron-down', {
+            tag: 'div',
+            classes: [`${prefix}__select-chevron`]
+        }, sharedBackstage.providers.icons);
+        const fixWidthBehaviourName = generate$6('common-button-display-events');
+        // Should we use Id.generate here?
+        const customEventsName = 'dropdown-events';
+        const memDropdown = record(Dropdown.sketch({
+            ...spec.uid ? { uid: spec.uid } : {},
+            ...role,
+            ...listRole,
+            dom: {
+                tag: 'button',
+                classes: [prefix, `${prefix}--select`].concat(map$2(spec.classes, (c) => `${prefix}--${c}`)),
+                attributes: {
+                    ...ariaLabelAttribute,
+                    ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+                }
+            },
+            components: componentRenderPipeline([
+                optMemDisplayIcon?.map((mem) => mem.asSpec()),
+                optMemDisplayText?.map((mem) => mem.asSpec()),
+                Optional?.some(iconSpec)
+            ]),
+            matchWidth: true,
+            useMinWidth: true,
+            // When the dropdown opens, if we are in search mode, then we want to
+            // focus our searcher.
+            onOpen: (anchor, dropdownComp, tmenuComp) => {
+                if (spec.searchable) {
+                    focusSearchField(tmenuComp);
+                }
+            },
+            dropdownBehaviours: derive$1([
+                ...spec.dropdownBehaviours,
+                DisablingConfigs.button(() => spec.disabled || sharedBackstage.providers.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => sharedBackstage.providers.checkUiComponentContext(spec.context)),
+                // INVESTIGATE (TINY-9012): There was a old comment here about something not quite working, and that
+                // we can still get the button focused. It was probably related to Unselecting.
+                Unselecting.config({}),
+                Replacing.config({}),
+                ...(spec.tooltip?.map((t) => Tooltipping.config(sharedBackstage.providers.tooltips.getConfig({
+                    tooltipText: sharedBackstage.providers.translate(t),
+                    onShow: (comp) => {
+                        if (lift2(tooltip.get(), spec.tooltip, (tooltipStr, tt) => tt !== tooltipStr).getOr(false)) {
+                            const translatedTooltip = sharedBackstage.providers.translate(tooltip.get().getOr(''));
+                            Tooltipping.setComponents(comp, sharedBackstage.providers.tooltips.getComponents({ tooltipText: translatedTooltip }));
+                        }
+                    }
+                })))).toArray(),
+                // This is the generic way to make onSetup and onDestroy call as the component is attached /
+                // detached from the page/DOM.
+                config(customEventsName, [
+                    onControlAttached(spec, editorOffCell),
+                    onControlDetached(spec, editorOffCell)
+                ]),
+                config(fixWidthBehaviourName, [
+                    runOnAttached((comp, _se) => {
+                        if (spec.listRole !== 'listbox') {
+                            forceInitialSize(comp);
+                        }
+                    }),
+                ]),
+                config('update-dropdown-width-variable', [
+                    run$1(windowResize(), (comp, _se) => Dropdown.close(comp)),
+                ]),
+                config('menubutton-update-display-text', [
+                    // These handlers are just using Replacing to replace either the menu
+                    // text or the icon.
+                    run$1(updateMenuText, (comp, se) => {
+                        optMemDisplayText.bind((mem) => mem.getOpt(comp)).each((displayText) => {
+                            Replacing.set(displayText, [text$2(sharedBackstage.providers.translate(se.event.text))]);
+                        });
+                    }),
+                    run$1(updateMenuIcon, (comp, se) => {
+                        optMemDisplayIcon.bind((mem) => mem.getOpt(comp)).each((displayIcon) => {
+                            Replacing.set(displayIcon, [
+                                renderReplaceableIconFromPack(se.event.icon, sharedBackstage.providers.icons)
+                            ]);
+                        });
+                    }),
+                    run$1(updateTooltiptext, (comp, se) => {
+                        const translatedTooltip = sharedBackstage.providers.translate(se.event.text);
+                        set$9(comp.element, 'aria-label', translatedTooltip);
+                        tooltip.set(Optional?.some(se.event.text));
+                    })
+                ])
+            ]),
+            eventOrder: deepMerge(toolbarButtonEventOrder, {
+                // INVESTIGATE (TINY-9014): Explain why we need the events in this order.
+                // Ideally, have a test that fails when they are in a different order if order
+                // is important
+                [mousedown()]: ['focusing', 'alloy.base.behaviour', 'item-type-events', 'normal-dropdown-events'],
+                [attachedToDom()]: [
+                    'toolbar-button-events',
+                    Tooltipping.name(),
+                    customEventsName,
+                    fixWidthBehaviourName,
+                ]
+            }),
+            sandboxBehaviours: derive$1([
+                Keying.config({
+                    mode: 'special',
+                    onLeft: onLeftOrRightInMenu,
+                    onRight: onLeftOrRightInMenu
+                }),
+                config('dropdown-sandbox-events', [
+                    run$1(refetchTriggerEvent, (originalSandboxComp, se) => {
+                        handleRefetchTrigger(originalSandboxComp);
+                        // It's a custom event that no-one else should be listening to, so stop it.
+                        se.stop();
+                    }),
+                    run$1(redirectMenuItemInteractionEvent, (sandboxComp, se) => {
+                        handleRedirectToMenuItem(sandboxComp, se);
+                        // It's a custom event that no-one else should be listening to, so stop it.
+                        se.stop();
+                    })
+                ])
+            ]),
+            lazySink: sharedBackstage.getSink,
+            toggleClass: `${prefix}--active`,
+            parts: {
+                menu: {
+                    ...part(false, spec.columns, spec.presets),
+                    // When the menu is "searchable", use fakeFocus so that keyboard
+                    // focus stays in the search field
+                    fakeFocus: spec.searchable,
+                    // We don't want to update the  `aria-selected` on highlight or dehighlight for the `listbox` role because that is used to indicate the selected item
+                    ...(spec.listRole === 'listbox' ? {} : {
+                        onHighlightItem: updateAriaOnHighlight,
+                        onCollapseMenu: (tmenuComp, itemCompCausingCollapse, nowActiveMenuComp) => {
+                            // We want to update ARIA on collapsing as well, because it isn't changing
+                            // the highlights. So what we need to do is get the right parameters to
+                            // pass to updateAriaOnHighlight
+                            Highlighting.getHighlighted(nowActiveMenuComp).each((itemComp) => {
+                                updateAriaOnHighlight(tmenuComp, nowActiveMenuComp, itemComp);
+                            });
+                        },
+                        onDehighlightItem: updateAriaOnDehighlight
+                    })
+                }
+            },
+            getAnchorOverrides: () => {
+                return {
+                    maxHeightFunction: (element, available) => {
+                        anchored()(element, available - 10);
+                    },
+                };
+            },
+            fetch: (comp) => Future.nu(curry(spec.fetch, comp))
+        }));
+        return memDropdown.asSpec();
+    };
+
+    const isMenuItemReference = (item) => isString(item);
+    const isSeparator$2 = (item) => item.type === 'separator';
+    const isExpandingMenuItem = (item) => has$2(item, 'getSubmenuItems');
+    const separator$2 = {
+        type: 'separator'
+    };
+    const unwrapReferences = (items, menuItems) => {
+        // Unwrap any string based menu item references
+        const realItems = foldl(items, (acc, item) => {
+            if (isMenuItemReference(item)) {
+                if (item === '') {
+                    return acc;
+                }
+                else if (item === '|') {
+                    // Ignore the separator if it's at the start or a duplicate
+                    return acc.length > 0 && !isSeparator$2(acc[acc.length - 1]) ? acc.concat([separator$2]) : acc;
+                }
+                else if (has$2(menuItems, item.toLowerCase())) {
+                    return acc.concat([menuItems[item.toLowerCase()]]);
+                }
+                else {
+                    // TODO: Add back after TINY-3232 is implemented
+                    // console.error('No representation for menuItem: ' + item);
+                    return acc;
+                }
+            }
+            else {
+                return acc.concat([item]);
+            }
+        }, []);
+        // Remove any trailing separators
+        if (realItems.length > 0 && isSeparator$2(realItems[realItems.length - 1])) {
+            realItems.pop();
+        }
+        return realItems;
+    };
+    const getFromExpandingItem = (item, menuItems) => {
+        const submenuItems = item.getSubmenuItems();
+        const rest = expand(submenuItems, menuItems);
+        const newMenus = deepMerge(rest.menus, { [item.value]: rest.items });
+        const newExpansions = deepMerge(rest.expansions, { [item.value]: item.value });
+        return {
+            item,
+            menus: newMenus,
+            expansions: newExpansions
+        };
+    };
+    const generateValueIfRequired = (item) => {
+        // Use the value already in item if it has one.
+        const itemValue = get$h(item, 'value').getOrThunk(() => generate$6('generated-menu-item'));
+        return deepMerge({ value: itemValue }, item);
+    };
+    // Takes items, and consolidates them into its return value
+    const expand = (items, menuItems) => {
+        // Fistly, we do all substitution using the registry for any items referenced by their
+        // string key.
+        const realItems = unwrapReferences(isString(items) ? items.split(' ') : items, menuItems);
+        // Now that we have complete bridge Item specs for all items, we need to collect the
+        // submenus, items in the primary menu, and triggering menu items all into one
+        // giant object to from the building blocks on our TieredData
+        return foldr(realItems, (acc, item) => {
+            if (isExpandingMenuItem(item)) {
+                // We generate a random value for item, but only if there isn't an existing value
+                const itemWithValue = generateValueIfRequired(item);
+                // The newData isn't quite in the format you might expect. The list of items
+                // for an item with nested items is just the single parent item. All of the nested
+                // items becomes part of '.menus'. Finally, the expansions is just a map from
+                // the triggering item to the first submenu. Incidentally, they are given the same
+                // value (triggering item and submenu), for convenience.
+                const newData = getFromExpandingItem(itemWithValue, menuItems);
+                return {
+                    // Combine all of our current submenus and items with the new submenus created by
+                    // this item with nested subitems
+                    menus: deepMerge(acc.menus, newData.menus),
+                    // Add our parent item into the list of items in the *current menu*.
+                    items: [newData.item, ...acc.items],
+                    // Merge together our "this item opens this submenu" objects
+                    expansions: deepMerge(acc.expansions, newData.expansions)
+                };
+            }
+            else {
+                // If we aren't creating any submenus, then all we need to do is add this item
+                // to the list of items in the current menu. So this is the same as an expanding
+                // menu item, except it doesn't add to `menus` or `expansions`.
+                return {
+                    ...acc,
+                    items: [item, ...acc.items]
+                };
+            }
+        }, {
+            menus: {},
+            expansions: {},
+            items: []
+        });
+    };
+
+    const getSearchModeForField = (settings) => {
+        return settings.search.fold(() => ({ searchMode: 'no-search' }), (searchSettings) => ({
+            searchMode: 'search-with-field',
+            placeholder: searchSettings.placeholder
+        }));
+    };
+    const getSearchModeForResults = (settings) => {
+        return settings.search.fold(() => ({ searchMode: 'no-search' }), (_) => ({ searchMode: 'search-with-results' }));
+    };
+    const build = (items, itemResponse, backstage, settings) => {
+        const primary = generate$6('primary-menu');
+        // The expand process identifies all the items, submenus, and triggering items
+        // defined by the list of items. It substitutes the strings using the values registered
+        // in the menuItem registry where necessary. It is the building blocks of TieredData,
+        // but everything is still just in the bridge item format ... nothing has been turned
+        // into AlloySpecs.
+        const data = expand(items, backstage.shared.providers.menuItems());
+        if (data.items.length === 0) {
+            return Optional.none();
+        }
+        // Only the main menu has a searchable widget (if it is enabled)
+        const mainMenuSearchMode = getSearchModeForField(settings);
+        const mainMenu = createPartialMenu(primary, data.items, itemResponse, backstage, settings.isHorizontalMenu, mainMenuSearchMode);
+        // The submenus do not have the search field, but will have search results for
+        // connecting to the search field via aria-controls
+        const submenuSearchMode = getSearchModeForResults(settings);
+        const submenus = map$1(data.menus, (menuItems, menuName) => createPartialMenu(menuName, menuItems, itemResponse, backstage, 
+        // Currently, submenus cannot be horizontal menus (so always false)
+        false, submenuSearchMode));
+        const menus = deepMerge(submenus, wrap(primary, mainMenu));
+        return Optional.from(tieredMenu.tieredData(primary, menus, data.expansions));
+    };
+
+    const isSingleListItem = (item) => !has$2(item, 'items');
+    const dataAttribute = 'data-value';
+    const fetchItems = (dropdownComp, name, items, selectedValue, hasNestedItems) => map$2(items, (item) => {
+        if (!isSingleListItem(item)) {
+            return {
+                type: 'nestedmenuitem',
+                text: item.text,
+                getSubmenuItems: () => fetchItems(dropdownComp, name, item.items, selectedValue, hasNestedItems)
+            };
+        }
+        else {
+            return {
+                type: 'togglemenuitem',
+                ...(hasNestedItems ? {} : { role: 'option' }),
+                text: item.text,
+                value: item.value,
+                active: item.value === selectedValue,
+                onAction: () => {
+                    Representing.setValue(dropdownComp, item.value);
+                    emitWith(dropdownComp, formChangeEvent, { name });
+                    Focusing.focus(dropdownComp);
+                }
+            };
+        }
+    });
+    const findItemByValue = (items, value) => findMap(items, (item) => {
+        if (!isSingleListItem(item)) {
+            return findItemByValue(item.items, value);
+        }
+        else {
+            return someIf(item.value === value, item);
+        }
+    });
+    const renderListBox = (spec, backstage, initialData) => {
+        const hasNestedItems = exists(spec.items, (item) => !isSingleListItem(item));
+        const providersBackstage = backstage.shared.providers;
+        const initialItem = initialData
+            .bind((value) => findItemByValue(spec.items, value))
+            .orThunk(() => head(spec.items).filter(isSingleListItem));
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const pField = FormField.parts.field({
+            dom: {},
+            factory: {
+                sketch: (sketchSpec) => renderCommonDropdown({
+                    context: spec.context,
+                    uid: sketchSpec.uid,
+                    text: initialItem?.map((item) => item.text),
+                    icon: Optional.none(),
+                    tooltip: Optional.none(),
+                    role: someIf(!hasNestedItems, 'combobox'),
+                    ...(hasNestedItems ? {} : { listRole: 'listbox' }),
+                    ariaLabel: spec.label,
+                    fetch: (comp, callback) => {
+                        const items = fetchItems(comp, spec.name, spec.items, Representing.getValue(comp), hasNestedItems);
+                        callback(build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+                            isHorizontalMenu: false,
+                            search: Optional.none()
+                        }));
+                    },
+                    onSetup: constant$1(noop),
+                    getApi: constant$1({}),
+                    columns: 1,
+                    presets: 'normal',
+                    classes: [],
+                    dropdownBehaviours: [
+                        Tabstopping.config({}),
+                        withComp(initialItem?.map((item) => item.value), (comp) => get$g(comp.element, dataAttribute), (comp, data) => {
+                            // We only want to update the saved value if the value set is a valid property
+                            findItemByValue(spec.items, data)
+                                .each((item) => {
+                                set$9(comp.element, dataAttribute, item.value);
+                                emitWith(comp, updateMenuText, { text: item.text });
+                            });
+                        })
+                    ]
+                }, 'tox-listbox', backstage.shared)
+            }
+        });
+        const listBoxWrap = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-listboxfield']
+            },
+            components: [pField]
+        };
+        return FormField.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: flatten([pLabel.toArray(), [listBoxWrap]]),
+            fieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.enable);
+                    }
+                })
+            ])
+        });
+    };
+
+    const renderPanel = (spec, backstage) => ({
+        dom: {
+            tag: 'div',
+            classes: spec.classes
+        },
+        // All of the items passed through the form need to be put through the interpreter
+        // with their form part preserved.
+        components: map$2(spec.items, backstage.shared.interpreter)
+    });
+
+    const renderSelectBox = (spec, providersBackstage, initialData) => {
+        const translatedOptions = map$2(spec.items, (item) => ({
+            text: providersBackstage.translate(item.text),
+            value: item.value
+        }));
+        // DUPE with TextField.
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const pField = FormField.parts.field({
+            // TODO: Alloy should not allow dom changing of an HTML select!
+            dom: {},
+            ...initialData?.map((data) => ({ data })).getOr({}),
+            selectAttributes: {
+                size: spec.size
+            },
+            options: translatedOptions,
+            factory: HtmlSelect,
+            selectBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+                }),
+                Tabstopping.config({}),
+                config('selectbox-change', [
+                    run$1(change(), (component, _) => {
+                        emitWith(component, formChangeEvent, { name: spec.name });
+                    })
+                ])
+            ])
+        });
+        const chevron = spec.size > 1 ? Optional.none() :
+            Optional?.some(render$4('chevron-down', { tag: 'div', classes: ['tox-selectfield__icon-js'] }, providersBackstage.icons));
+        const selectWrap = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-selectfield']
+            },
+            components: flatten([[pField], chevron.toArray()])
+        };
+        return FormField.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: flatten([pLabel.toArray(), [selectWrap]]),
+            fieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.enable);
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context))
+            ])
+        });
+    };
+
+    const formatSize = (size) => {
+        const unitDec = {
+            '': 0,
+            'px': 0,
+            'pt': 1,
+            'mm': 1,
+            'pc': 2,
+            'ex': 2,
+            'em': 2,
+            'ch': 2,
+            'rem': 2,
+            'cm': 3,
+            'in': 4,
+            '%': 4
+        };
+        const maxDecimal = (unit) => unit in unitDec ? unitDec[unit] : 1;
+        let numText = size.value.toFixed(maxDecimal(size.unit));
+        if (numText.indexOf('.') !== -1) {
+            numText = numText.replace(/\.?0*$/, '');
+        }
+        return numText + size.unit;
+    };
+    const parseSize = (sizeText) => {
+        const numPattern = /^\s*(\d+(?:\.\d+)?)\s*(|cm|mm|in|px|pt|pc|em|ex|ch|rem|vw|vh|vmin|vmax|%)\s*$/;
+        const match = numPattern.exec(sizeText);
+        if (match !== null) {
+            const value = parseFloat(match[1]);
+            const unit = match[2];
+            return Result.value({ value, unit });
+        }
+        else {
+            return Result.error(sizeText);
+        }
+    };
+    const convertUnit = (size, unit) => {
+        const inInch = {
+            '': 96,
+            'px': 96,
+            'pt': 72,
+            'cm': 2.54,
+            'pc': 12,
+            'mm': 25.4,
+            'in': 1
+        };
+        const supported = (u) => has$2(inInch, u);
+        if (size.unit === unit) {
+            return Optional?.some(size.value);
+        }
+        else if (supported(size.unit) && supported(unit)) {
+            if (inInch[size.unit] === inInch[unit]) {
+                return Optional?.some(size.value);
+            }
+            else {
+                return Optional?.some(size.value / inInch[size.unit] * inInch[unit]);
+            }
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const noSizeConversion = (_input) => Optional.none();
+    const ratioSizeConversion = (scale, unit) => (size) => convertUnit(size, unit)?.map((value) => ({ value: value * scale, unit }));
+    const makeRatioConverter = (currentFieldText, otherFieldText) => {
+        const cValue = parseSize(currentFieldText).toOptional();
+        const oValue = parseSize(otherFieldText).toOptional();
+        return lift2(cValue, oValue, (cSize, oSize) => convertUnit(cSize, oSize.unit)?.map((val) => oSize.value / val)?.map((r) => ratioSizeConversion(r, oSize.unit)).getOr(noSizeConversion)).getOr(noSizeConversion);
+    };
+
+    const renderSizeInput = (spec, providersBackstage) => {
+        let converter = noSizeConversion;
+        const ratioEvent = generate$6('ratio-event');
+        const makeIcon = (iconName) => render$4(iconName, { tag: 'span', classes: ['tox-icon', 'tox-lock-icon__' + iconName] }, providersBackstage.icons);
+        const disabled = () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable;
+        const toggleOnReceive$1 = toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context));
+        const label = spec.label.getOr('Constrain proportions');
+        const translatedLabel = providersBackstage.translate(label);
+        const pLock = FormCoupledInputs.parts.lock({
+            dom: {
+                tag: 'button',
+                classes: ['tox-lock', 'tox-button', 'tox-button--naked', 'tox-button--icon'],
+                attributes: {
+                    'aria-label': translatedLabel,
+                    'data-mce-name': label
+                }
+            },
+            components: [
+                makeIcon('lock'),
+                makeIcon('unlock')
+            ],
+            buttonBehaviours: derive$1([
+                Disabling.config({ disabled }),
+                toggleOnReceive$1,
+                Tabstopping.config({}),
+                Tooltipping.config(providersBackstage.tooltips.getConfig({
+                    tooltipText: translatedLabel
+                }))
+            ])
+        });
+        const formGroup = (components) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components
+        });
+        const getFieldPart = (isField1) => FormField.parts.field({
+            factory: Input,
+            inputClasses: ['tox-textfield'],
+            inputBehaviours: derive$1([
+                Disabling.config({ disabled }),
+                toggleOnReceive$1,
+                Tabstopping.config({}),
+                config('size-input-events', [
+                    run$1(focusin(), (component, _simulatedEvent) => {
+                        emitWith(component, ratioEvent, { isField1 });
+                    }),
+                    run$1(change(), (component, _simulatedEvent) => {
+                        emitWith(component, formChangeEvent, { name: spec.name });
+                    })
+                ])
+            ]),
+            selectOnFocus: false
+        });
+        const getLabel = (label) => ({
+            dom: {
+                tag: 'label',
+                classes: ['tox-label']
+            },
+            components: [
+                text$2(providersBackstage.translate(label))
+            ]
+        });
+        const widthField = FormCoupledInputs.parts.field1(formGroup([FormField.parts.label(getLabel('Width')), getFieldPart(true)]));
+        const heightField = FormCoupledInputs.parts.field2(formGroup([FormField.parts.label(getLabel('Height')), getFieldPart(false)]));
+        return FormCoupledInputs.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__group']
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-form__controls-h-stack']
+                    },
+                    components: [
+                        // NOTE: Form coupled inputs to the FormField.sketch themselves.
+                        widthField,
+                        heightField,
+                        formGroup([
+                            getLabel(nbsp),
+                            pLock
+                        ])
+                    ]
+                }
+            ],
+            field1Name: 'width',
+            field2Name: 'height',
+            locked: true,
+            markers: {
+                lockClass: 'tox-locked'
+            },
+            onLockedChange: (current, other, _lock) => {
+                parseSize(Representing.getValue(current)).each((size) => {
+                    converter(size).each((newSize) => {
+                        Representing.setValue(other, formatSize(newSize));
+                    });
+                });
+            },
+            coupledFieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled,
+                    onDisabled: (comp) => {
+                        FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.disable);
+                        FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.disable);
+                        FormCoupledInputs.getLock(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.enable);
+                        FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.enable);
+                        FormCoupledInputs.getLock(comp).each(Disabling.enable);
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('mode:design')),
+                config('size-input-events2', [
+                    run$1(ratioEvent, (component, simulatedEvent) => {
+                        const isField1 = simulatedEvent.event.isField1;
+                        const optCurrent = isField1 ? FormCoupledInputs.getField1(component) : FormCoupledInputs.getField2(component);
+                        const optOther = isField1 ? FormCoupledInputs.getField2(component) : FormCoupledInputs.getField1(component);
+                        const value1 = optCurrent?.map(Representing.getValue).getOr('');
+                        const value2 = optOther?.map(Representing.getValue).getOr('');
+                        converter = makeRatioConverter(value1, value2);
+                    })
+                ])
+            ])
+        });
+    };
+
+    const renderSlider = (spec, providerBackstage, initialData) => {
+        const labelPart = Slider.parts.label({
+            dom: {
+                tag: 'label',
+                classes: ['tox-label']
+            },
+            components: [
+                text$2(providerBackstage.translate(spec.label))
+            ]
+        });
+        const spectrum = Slider.parts.spectrum({
+            dom: {
+                tag: 'div',
+                classes: ['tox-slider__rail'],
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        const thumb = Slider.parts.thumb({
+            dom: {
+                tag: 'div',
+                classes: ['tox-slider__handle'],
+                attributes: {
+                    role: 'presentation'
+                }
+            }
+        });
+        return Slider.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-slider'],
+                attributes: {
+                    role: 'presentation'
+                }
+            },
+            model: {
+                mode: 'x',
+                minX: spec.min,
+                maxX: spec.max,
+                getInitialValue: constant$1(initialData.getOrThunk(() => (Math.abs(spec.max) - Math.abs(spec.min)) / 2))
+            },
+            components: [
+                labelPart,
+                spectrum,
+                thumb
+            ],
+            sliderBehaviours: derive$1([
+                ComposingConfigs.self(),
+                Focusing.config({})
+            ]),
+            onChoose: (component, thumb, value) => {
+                emitWith(component, formChangeEvent, { name: spec.name, value });
+            },
+            onChange: (component, thumb, value) => {
+                emitWith(component, formChangeEvent, { name: spec.name, value });
+            },
+        });
+    };
+
+    const renderTable = (spec, providersBackstage) => {
+        const renderTh = (text) => ({
+            dom: {
+                tag: 'th',
+                innerHtml: providersBackstage.translate(text)
+            }
+        });
+        const renderHeader = (header) => ({
+            dom: {
+                tag: 'thead'
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'tr'
+                    },
+                    components: map$2(header, renderTh)
+                }
+            ]
+        });
+        const renderTd = (text) => ({ dom: { tag: 'td', innerHtml: providersBackstage.translate(text) } });
+        const renderTr = (row) => ({ dom: { tag: 'tr' }, components: map$2(row, renderTd) });
+        const renderRows = (rows) => ({ dom: { tag: 'tbody' }, components: map$2(rows, renderTr) });
+        return {
+            dom: {
+                tag: 'table',
+                classes: ['tox-dialog__table']
+            },
+            components: [
+                renderHeader(spec.header),
+                renderRows(spec.cells)
+            ],
+            behaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({})
+            ])
+        };
+    };
+
+    const renderTextField = (spec, providersBackstage) => {
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        const baseInputBehaviours = [
+            Disabling.config({
+                disabled: () => spec.disabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+            }),
+            toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+            Keying.config({
+                mode: 'execution',
+                useEnter: spec.multiline !== true,
+                useControlEnter: spec.multiline === true,
+                execute: (comp) => {
+                    emit(comp, formSubmitEvent);
+                    return Optional?.some(true);
+                }
+            }),
+            config('textfield-change', [
+                run$1(input(), (component, _) => {
+                    emitWith(component, formChangeEvent, { name: spec.name });
+                }),
+                run$1(postPaste(), (component, _) => {
+                    emitWith(component, formChangeEvent, { name: spec.name });
+                })
+            ]),
+            Tabstopping.config({})
+        ];
+        const validatingBehaviours = spec.validation?.map((vl) => Invalidating.config({
+            getRoot: (input) => {
+                return parentElement(input.element);
+            },
+            invalidClass: 'tox-invalid',
+            validator: {
+                validate: (input) => {
+                    const v = Representing.getValue(input);
+                    const result = vl.validator(v);
+                    return Future.pure(result === true ? Result.value(v) : Result.error(result));
+                },
+                validateOnLoad: vl.validateOnLoad
+            }
+        })).toArray();
+        const placeholder = spec.placeholder.fold(constant$1({}), (p) => ({ placeholder: providersBackstage.translate(p) }));
+        const inputMode = spec.inputMode.fold(constant$1({}), (mode) => ({ inputmode: mode }));
+        const inputAttributes = {
+            ...placeholder,
+            ...inputMode,
+            'data-mce-name': spec.name
+        };
+        const pField = FormField.parts.field({
+            tag: spec.multiline === true ? 'textarea' : 'input',
+            ...spec.data?.map((data) => ({ data })).getOr({}),
+            inputAttributes,
+            inputClasses: [spec.classname],
+            inputBehaviours: derive$1(flatten([
+                baseInputBehaviours,
+                validatingBehaviours
+            ])),
+            selectOnFocus: false,
+            factory: Input
+        });
+        // TINY-9331: This wrapper is needed to avoid border-radius rendering issues when the textarea has a scrollbar
+        const pTextField = spec.multiline ? {
+            dom: {
+                tag: 'div',
+                classes: ['tox-textarea-wrap']
+            },
+            components: [pField]
+        } : pField;
+        const extraClasses = spec.flex ? ['tox-form__group--stretched'] : [];
+        const extraClasses2 = extraClasses.concat(spec.maximized ? ['tox-form-group--maximize'] : []);
+        const extraBehaviours = [
+            Disabling.config({
+                disabled: () => spec.disabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                onDisabled: (comp) => {
+                    FormField.getField(comp).each(Disabling.disable);
+                },
+                onEnabled: (comp) => {
+                    FormField.getField(comp).each(Disabling.enable);
+                }
+            }),
+            toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+        ];
+        return renderFormFieldWith(pLabel, pTextField, extraClasses2, extraBehaviours);
+    };
+    const renderInput = (spec, providersBackstage, initialData) => renderTextField({
+        name: spec.name,
+        multiline: false,
+        label: spec.label,
+        inputMode: spec.inputMode,
+        placeholder: spec.placeholder,
+        flex: false,
+        disabled: !spec.enabled,
+        classname: 'tox-textfield',
+        validation: Optional.none(),
+        maximized: spec.maximized,
+        data: initialData,
+        context: spec.context
+    }, providersBackstage);
+    const renderTextarea = (spec, providersBackstage, initialData) => renderTextField({
+        name: spec.name,
+        multiline: true,
+        label: spec.label,
+        inputMode: Optional.none(), // type attribute is not valid for textareas
+        placeholder: spec.placeholder,
+        flex: true,
+        disabled: !spec.enabled,
+        classname: 'tox-textarea',
+        validation: Optional.none(),
+        maximized: spec.maximized,
+        data: initialData,
+        context: spec.context
+    }, providersBackstage);
+
+    const getMenuButtonApi = (component) => ({
+        isEnabled: () => !Disabling.isDisabled(component),
+        setEnabled: (state) => Disabling.set(component, !state),
+        setActive: (state) => {
+            // Note: We can't use the toggling behaviour here, as the dropdown for the menu also relies on it.
+            // As such, we'll need to do this manually
+            const elm = component.element;
+            if (state) {
+                add$2(elm, "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */);
+                set$9(elm, 'aria-pressed', true);
+            }
+            else {
+                remove$3(elm, "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */);
+                remove$8(elm, 'aria-pressed');
+            }
+        },
+        isActive: () => has(component.element, "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */),
+        setTooltip: (tooltip) => {
+            emitWith(component, updateTooltiptext, {
+                text: tooltip
+            });
+        },
+        setText: (text) => {
+            emitWith(component, updateMenuText, {
+                text
+            });
+        },
+        setIcon: (icon) => emitWith(component, updateMenuIcon, {
+            icon
+        })
+    });
+    const renderMenuButton = (spec, prefix, backstage, role, tabstopping = true, btnName) => {
+        const classes = spec.buttonType === 'bordered' ? ['bordered'] : [];
+        return renderCommonDropdown({
+            text: spec.text,
+            icon: spec.icon,
+            tooltip: spec.tooltip,
+            ariaLabel: spec.tooltip,
+            searchable: spec.search.isSome(),
+            // https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-2/menubar-2.html
+            role,
+            fetch: (dropdownComp, callback) => {
+                const fetchContext = {
+                    pattern: spec.search.isSome() ? getSearchPattern(dropdownComp) : ''
+                };
+                spec.fetch((items) => {
+                    callback(build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+                        isHorizontalMenu: false,
+                        // MenuButtons are the only dropdowns that support searchable (2022-08-16)
+                        search: spec.search
+                    }));
+                }, fetchContext, getMenuButtonApi(dropdownComp));
+            },
+            onSetup: spec.onSetup,
+            getApi: (comp) => getMenuButtonApi(comp),
+            columns: 1,
+            presets: 'normal',
+            classes,
+            dropdownBehaviours: [
+                ...(tabstopping ? [Tabstopping.config({})] : []),
+            ],
+            context: spec.context
+        }, prefix, backstage.shared, btnName);
+    };
+    const getFetch = (items, getButton, backstage) => {
+        const getMenuItemAction = (item) => (api) => {
+            // Update the menu item state
+            const newValue = !api.isActive();
+            api.setActive(newValue);
+            item.storage.set(newValue);
+            // Fire the form action event
+            backstage.shared.getSink().each((sink) => {
+                getButton().getOpt(sink).each((orig) => {
+                    focus$4(orig.element);
+                    emitWith(orig, formActionEvent, {
+                        name: item.name,
+                        value: item.storage.get()
+                    });
+                });
+            });
+        };
+        const getMenuItemSetup = (item) => (api) => {
+            api.setActive(item.storage.get());
+        };
+        return (success) => {
+            success(map$2(items, (item) => {
+                const text = item.text.fold(() => ({}), (text) => ({
+                    text
+                }));
+                return {
+                    type: item.type,
+                    active: false,
+                    ...text,
+                    context: item.context,
+                    onAction: getMenuItemAction(item),
+                    onSetup: getMenuItemSetup(item)
+                };
+            }));
+        };
+    };
+
+    const renderLabel = (text) => ({
+        dom: {
+            tag: 'span',
+            classes: ['tox-tree__label'],
+            attributes: {
+                'aria-label': text,
+            }
+        },
+        components: [
+            text$2(text)
+        ],
+    });
+    const renderCustomStateIcon = (container, components, backstage) => {
+        container.customStateIcon.each((icon) => components.push(renderIcon(icon, backstage.shared.providers.icons, container.customStateIconTooltip.fold(() => [], (tooltip) => [
+            Tooltipping.config(backstage.shared.providers.tooltips.getConfig({
+                tooltipText: tooltip
+            }))
+        ]), ['tox-icon-custom-state'])));
+    };
+    const leafLabelEventsId = generate$6('leaf-label-event-id');
+    const renderLeafLabel = ({ leaf, onLeafAction, visible, treeId, selectedId, backstage }) => {
+        const internalMenuButton = leaf.menu?.map((btn) => renderMenuButton(btn, 'tox-mbtn', backstage, Optional.none(), visible));
+        const components = [renderLabel(leaf.title)];
+        renderCustomStateIcon(leaf, components, backstage);
+        internalMenuButton.each((btn) => components.push(btn));
+        return Button.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree--leaf__label', 'tox-trbtn']
+                    .concat(visible ? ['tox-tree--leaf__label--visible'] : []),
+            },
+            components,
+            role: 'treeitem',
+            action: (button) => {
+                onLeafAction(leaf.id);
+                button.getSystem().broadcastOn([`update-active-item-${treeId}`], {
+                    value: leaf.id
+                });
+            },
+            eventOrder: {
+                [keydown()]: [
+                    leafLabelEventsId,
+                    'keying',
+                ]
+            },
+            buttonBehaviours: derive$1([
+                ...(visible ? [Tabstopping.config({})] : []),
+                Toggling.config({
+                    toggleClass: 'tox-trbtn--enabled',
+                    toggleOnExecute: false,
+                    aria: {
+                        mode: 'selected'
+                    }
+                }),
+                Receiving.config({
+                    channels: {
+                        [`update-active-item-${treeId}`]: {
+                            onReceive: (comp, message) => {
+                                (message.value === leaf.id ? Toggling.on : Toggling.off)(comp);
+                            }
+                        }
+                    }
+                }),
+                config(leafLabelEventsId, [
+                    runOnAttached((comp, _se) => {
+                        selectedId.each((id) => {
+                            const toggle = id === leaf.id ? Toggling.on : Toggling.off;
+                            toggle(comp);
+                        });
+                    }),
+                    run$1(keydown(), (comp, se) => {
+                        const isLeftArrowKey = se.event.raw.code === 'ArrowLeft';
+                        const isRightArrowKey = se.event.raw.code === 'ArrowRight';
+                        if (isLeftArrowKey) {
+                            ancestor$1(comp.element, '.tox-tree--directory').each((dirElement) => {
+                                comp.getSystem().getByDom(dirElement).each((dirComp) => {
+                                    child(dirElement, '.tox-tree--directory__label').each((dirLabelElement) => {
+                                        dirComp.getSystem().getByDom(dirLabelElement).each(Focusing.focus);
+                                    });
+                                });
+                            });
+                            se.stop();
+                        }
+                        else if (isRightArrowKey) {
+                            se.stop();
+                        }
+                    })
+                ])
+            ]),
+        });
+    };
+    const renderIcon = (iconName, iconsProvider, behaviours, extraClasses, extraAttributes) => render$4(iconName, {
+        tag: 'span',
+        classes: [
+            'tox-tree__icon-wrap',
+            'tox-icon',
+        ].concat(extraClasses || []),
+        behaviours,
+        attributes: extraAttributes
+    }, iconsProvider);
+    const renderIconFromPack = (iconName, iconsProvider) => renderIcon(iconName, iconsProvider, []);
+    const directoryLabelEventsId = generate$6('directory-label-event-id');
+    const renderDirectoryLabel = ({ directory, visible, noChildren, backstage }) => {
+        const internalMenuButton = directory.menu?.map((btn) => renderMenuButton(btn, 'tox-mbtn', backstage, Optional.none()));
+        const components = [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-chevron'],
+                },
+                components: [
+                    renderIconFromPack('chevron-right', backstage.shared.providers.icons),
+                ]
+            },
+            renderLabel(directory.title)
+        ];
+        renderCustomStateIcon(directory, components, backstage);
+        internalMenuButton.each((btn) => {
+            components.push(btn);
+        });
+        const toggleExpandChildren = (button) => {
+            ancestor$1(button.element, '.tox-tree--directory').each((directoryEle) => {
+                button.getSystem().getByDom(directoryEle).each((directoryComp) => {
+                    const willExpand = !Toggling.isOn(directoryComp);
+                    Toggling.toggle(directoryComp);
+                    emitWith(button, 'expand-tree-node', { expanded: willExpand, node: directory.id });
+                });
+            });
+        };
+        return Button.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree--directory__label', 'tox-trbtn'].concat(visible ? ['tox-tree--directory__label--visible'] : []),
+            },
+            components,
+            action: toggleExpandChildren,
+            eventOrder: {
+                [keydown()]: [
+                    directoryLabelEventsId,
+                    'keying',
+                ]
+            },
+            buttonBehaviours: derive$1([
+                ...(visible ? [Tabstopping.config({})] : []),
+                config(directoryLabelEventsId, [
+                    run$1(keydown(), (comp, se) => {
+                        const isRightArrowKey = se.event.raw.code === 'ArrowRight';
+                        const isLeftArrowKey = se.event.raw.code === 'ArrowLeft';
+                        if (isRightArrowKey && noChildren) {
+                            se.stop();
+                        }
+                        if (isRightArrowKey || isLeftArrowKey) {
+                            ancestor$1(comp.element, '.tox-tree--directory').each((directoryEle) => {
+                                comp.getSystem().getByDom(directoryEle).each((directoryComp) => {
+                                    if (!Toggling.isOn(directoryComp) && isRightArrowKey || Toggling.isOn(directoryComp) && isLeftArrowKey) {
+                                        toggleExpandChildren(comp);
+                                        se.stop();
+                                    }
+                                    else if (isLeftArrowKey && !Toggling.isOn(directoryComp)) {
+                                        ancestor$1(directoryComp.element, '.tox-tree--directory').each((parentDirElement) => {
+                                            child(parentDirElement, '.tox-tree--directory__label').each((parentDirLabelElement) => {
+                                                directoryComp.getSystem().getByDom(parentDirLabelElement).each(Focusing.focus);
+                                            });
+                                        });
+                                        se.stop();
+                                    }
+                                });
+                            });
+                        }
+                    })
+                ])
+            ])
+        });
+    };
+    const renderDirectoryChildren = ({ children, onLeafAction, visible, treeId, expandedIds, selectedId, backstage }) => {
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree--directory__children'],
+            },
+            components: children?.map((item) => {
+                return item.type === 'leaf' ?
+                    renderLeafLabel({ leaf: item, selectedId, onLeafAction, visible, treeId, backstage }) :
+                    renderDirectory({ directory: item, expandedIds, selectedId, onLeafAction, labelTabstopping: visible, treeId, backstage });
+            }),
+            behaviours: derive$1([
+                Sliding.config({
+                    dimension: {
+                        property: 'height'
+                    },
+                    closedClass: 'tox-tree--directory__children--closed',
+                    openClass: 'tox-tree--directory__children--open',
+                    growingClass: 'tox-tree--directory__children--growing',
+                    shrinkingClass: 'tox-tree--directory__children--shrinking',
+                    expanded: visible,
+                }),
+                Replacing.config({})
+            ])
+        };
+    };
+    const directoryEventsId = generate$6('directory-event-id');
+    const renderDirectory = ({ directory, onLeafAction, labelTabstopping, treeId, backstage, expandedIds, selectedId }) => {
+        const { children } = directory;
+        const expandedIdsCell = Cell(expandedIds);
+        const computedChildrenComponents = (visible) => children?.map((item) => {
+            return item.type === 'leaf' ?
+                renderLeafLabel({ leaf: item, selectedId, onLeafAction, visible, treeId, backstage }) :
+                renderDirectory({ directory: item, expandedIds: expandedIdsCell.get(), selectedId, onLeafAction, labelTabstopping: visible, treeId, backstage });
+        });
+        const childrenVisible = expandedIds.includes(directory.id);
+        return ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree--directory'],
+                attributes: {
+                    role: 'treeitem'
+                }
+            },
+            components: [
+                renderDirectoryLabel({ directory, visible: labelTabstopping, noChildren: directory.children.length === 0, backstage }),
+                renderDirectoryChildren({ children, expandedIds, selectedId, onLeafAction, visible: childrenVisible, treeId, backstage })
+            ],
+            behaviours: derive$1([
+                config(directoryEventsId, [
+                    runOnAttached((comp, _se) => {
+                        Toggling.set(comp, childrenVisible);
+                    }),
+                    run$1('expand-tree-node', (_cmp, se) => {
+                        const { expanded, node } = se.event;
+                        expandedIdsCell.set(expanded ?
+                            [...expandedIdsCell.get(), node] :
+                            expandedIdsCell.get().filter((id) => id !== node));
+                    }),
+                ]),
+                Toggling.config({
+                    ...(directory.children.length > 0 ? {
+                        aria: {
+                            mode: 'expanded',
+                        },
+                    } : {}),
+                    toggleClass: 'tox-tree--directory--expanded',
+                    onToggled: (comp, childrenVisible) => {
+                        const childrenComp = comp.components()[1];
+                        const newChildren = computedChildrenComponents(childrenVisible);
+                        if (childrenVisible) {
+                            Sliding.grow(childrenComp);
+                        }
+                        else {
+                            Sliding.shrink(childrenComp);
+                        }
+                        Replacing.set(childrenComp, newChildren);
+                    },
+                }),
+            ])
+        });
+    };
+    const treeEventsId = generate$6('tree-event-id');
+    const renderTree = (spec, backstage) => {
+        const onLeafAction = spec.onLeafAction.getOr(noop);
+        const onToggleExpand = spec.onToggleExpand.getOr(noop);
+        const defaultExpandedIds = spec.defaultExpandedIds;
+        const expandedIds = Cell(defaultExpandedIds);
+        const selectedIdCell = Cell(spec.defaultSelectedId);
+        const treeId = generate$6('tree-id');
+        const children = (selectedId, expandedIds) => spec.items?.map((item) => {
+            return item.type === 'leaf' ?
+                renderLeafLabel({ leaf: item, selectedId, onLeafAction, visible: true, treeId, backstage }) :
+                renderDirectory({ directory: item, selectedId, onLeafAction, expandedIds, labelTabstopping: true, treeId, backstage });
+        });
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-tree'],
+                attributes: {
+                    role: 'tree'
+                }
+            },
+            components: children(selectedIdCell.get(), expandedIds.get()),
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'flow',
+                    selector: '.tox-tree--leaf__label--visible, .tox-tree--directory__label--visible',
+                    cycles: false,
+                }),
+                config(treeEventsId, [
+                    run$1('expand-tree-node', (_cmp, se) => {
+                        const { expanded, node } = se.event;
+                        expandedIds.set(expanded ?
+                            [...expandedIds.get(), node] :
+                            expandedIds.get().filter((id) => id !== node));
+                        onToggleExpand(expandedIds.get(), { expanded, node });
+                    })
+                ]),
+                Receiving.config({
+                    channels: {
+                        [`update-active-item-${treeId}`]: {
+                            onReceive: (comp, message) => {
+                                selectedIdCell.set(Optional?.some(message.value));
+                                Replacing.set(comp, children(Optional?.some(message.value), expandedIds.get()));
+                            }
+                        }
+                    }
+                }),
+                Replacing.config({})
+            ])
+        };
+    };
+
+    const renderCommonSpec = (spec, actionOpt, extraBehaviours = [], dom, components, tooltip, providersBackstage) => {
+        const action = actionOpt.fold(() => ({}), (action) => ({
+            action
+        }));
+        const common = {
+            buttonBehaviours: derive$1([
+                DisablingConfigs.item(() => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                Tabstopping.config({}),
+                ...tooltip?.map((t) => Tooltipping.config(providersBackstage.tooltips.getConfig({
+                    tooltipText: providersBackstage.translate(t)
+                }))).toArray(),
+                config('button press', [
+                    preventDefault('click')
+                ])
+            ].concat(extraBehaviours)),
+            eventOrder: {
+                click: ['button press', 'alloy.base.behaviour'],
+                mousedown: ['button press', 'alloy.base.behaviour']
+            },
+            ...action
+        };
+        const domFinal = deepMerge(common, { dom });
+        return deepMerge(domFinal, { components });
+    };
+    // An IconButton just seems to be a button that *cannot* have text, but
+    // can have a tooltip. It's only used for the More Drawer button at the moment.
+    const renderIconButtonSpec = (spec, action, providersBackstage, extraBehaviours = [], btnName) => {
+        const tooltipAttributes = spec.tooltip?.map((tooltip) => ({
+            'aria-label': providersBackstage.translate(tooltip),
+        })).getOr({});
+        const dom = {
+            tag: 'button',
+            classes: ["tox-tbtn" /* ToolbarButtonClasses.Button */],
+            attributes: { ...tooltipAttributes, 'data-mce-name': btnName }
+        };
+        const icon = spec.icon?.map((iconName) => renderIconFromPack$1(iconName, providersBackstage.icons));
+        const components = componentRenderPipeline([
+            icon
+        ]);
+        return renderCommonSpec(spec, action, extraBehaviours, dom, components, spec.tooltip, providersBackstage);
+    };
+    const calculateClassesFromButtonType = (buttonType) => {
+        switch (buttonType) {
+            case 'primary':
+                return ['tox-button'];
+            case 'toolbar':
+                return ['tox-tbtn'];
+            case 'secondary':
+            default:
+                return ['tox-button', 'tox-button--secondary'];
+        }
+    };
+    // Maybe the list of extraBehaviours is better than doing a Merger.deepMerge that
+    // we do elsewhere? Not sure.
+    const renderButtonSpec = (spec, action, providersBackstage, extraBehaviours = [], extraClasses = []) => {
+        // It's a bit confusing that this is called text. It seems to be a tooltip. Although I can see
+        // that it's used if there is no icon
+        const translatedText = providersBackstage.translate(spec.text);
+        const icon = spec.icon?.map((iconName) => renderIconFromPack$1(iconName, providersBackstage.icons));
+        const components = [icon.getOrThunk(() => text$2(translatedText))];
+        // The old default is based on the now-deprecated 'primary' property. `buttonType` takes precedence now.
+        const buttonType = spec.buttonType.getOr(!spec.primary && !spec.borderless ? 'secondary' : 'primary');
+        const baseClasses = calculateClassesFromButtonType(buttonType);
+        const classes = [
+            ...baseClasses,
+            ...icon.isSome() ? ['tox-button--icon'] : [],
+            ...spec.borderless ? ['tox-button--naked'] : [],
+            ...extraClasses
+        ];
+        const dom = {
+            tag: 'button',
+            classes,
+            attributes: {
+                'aria-label': translatedText,
+                'data-mce-name': spec.text
+            }
+        };
+        // Only provide a tooltip if we are using an icon. This is because above, a button is only an icon
+        // or text, and not both.
+        const optTooltip = spec.icon?.map(constant$1(translatedText));
+        return renderCommonSpec(spec, action, extraBehaviours, dom, components, optTooltip, providersBackstage);
+    };
+    // This actually seems to be a button on the dialog for UrlInput only (browse). Interesting.
+    const renderButton$1 = (spec, action, providersBackstage, extraBehaviours = [], extraClasses = []) => {
+        const buttonSpec = renderButtonSpec(spec, Optional?.some(action), providersBackstage, extraBehaviours, extraClasses);
+        return Button.sketch(buttonSpec);
+    };
+    const getAction = (name, buttonType) => (comp) => {
+        if (buttonType === 'custom') {
+            emitWith(comp, formActionEvent, {
+                name,
+                value: {}
+            });
+        }
+        else if (buttonType === 'submit') {
+            emit(comp, formSubmitEvent);
+        }
+        else if (buttonType === 'cancel') {
+            emit(comp, formCancelEvent);
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Unknown button type: ', buttonType);
+        }
+    };
+    const isMenuFooterButtonSpec = (spec, buttonType) => buttonType === 'menu';
+    const isNormalFooterButtonSpec = (spec, buttonType) => buttonType === 'custom' || buttonType === 'cancel' || buttonType === 'submit';
+    const isToggleButtonSpec = (spec, buttonType) => buttonType === 'togglebutton';
+    const renderToggleButton = (spec, providers, btnName) => {
+        var _a, _b;
+        const optMemIcon = spec.icon
+            ?.map((memIcon) => renderReplaceableIconFromPack(memIcon, providers.icons))
+            ?.map(record);
+        const action = (comp) => {
+            emitWith(comp, formActionEvent, {
+                name: spec.name,
+                value: {
+                    setIcon: (newIcon) => {
+                        optMemIcon?.map((memIcon) => memIcon.getOpt(comp).each((displayIcon) => {
+                            Replacing.set(displayIcon, [
+                                renderReplaceableIconFromPack(newIcon, providers.icons)
+                            ]);
+                        }));
+                    }
+                }
+            });
+        };
+        // The old default is based on the now-deprecated 'primary' property. `buttonType` takes precedence now.
+        const buttonType = spec.buttonType.getOr(!spec.primary ? 'secondary' : 'primary');
+        const buttonSpec = {
+            ...spec,
+            name: (_a = spec.name) !== null && _a !== void 0 ? _a : '',
+            primary: buttonType === 'primary',
+            tooltip: spec.tooltip,
+            enabled: (_b = spec.enabled) !== null && _b !== void 0 ? _b : false,
+            borderless: false
+        };
+        const tooltipAttributes = buttonSpec.tooltip.or(spec.text)?.map((tooltip) => ({
+            'aria-label': providers.translate(tooltip),
+        })).getOr({});
+        const buttonTypeClasses = calculateClassesFromButtonType(buttonType !== null && buttonType !== void 0 ? buttonType : 'secondary');
+        const showIconAndText = spec.icon.isSome() && spec.text.isSome();
+        const dom = {
+            tag: 'button',
+            classes: [
+                ...buttonTypeClasses.concat(spec.icon.isSome() ? ['tox-button--icon'] : []),
+                ...(spec.active ? ["tox-button--enabled" /* ViewButtonClasses.Ticked */] : []),
+                ...(showIconAndText ? ['tox-button--icon-and-text'] : [])
+            ],
+            attributes: {
+                ...tooltipAttributes,
+                ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+            }
+        };
+        const extraBehaviours = [];
+        const translatedText = providers.translate(spec.text.getOr(''));
+        const translatedTextComponed = text$2(translatedText);
+        const iconComp = componentRenderPipeline([optMemIcon?.map((memIcon) => memIcon.asSpec())]);
+        const components = [
+            ...iconComp,
+            ...(spec.text.isSome() ? [translatedTextComponed] : [])
+        ];
+        const iconButtonSpec = renderCommonSpec(buttonSpec, Optional?.some(action), extraBehaviours, dom, components, spec.tooltip, providers);
+        return Button.sketch(iconButtonSpec);
+    };
+    const renderFooterButton = (spec, buttonType, backstage) => {
+        if (isMenuFooterButtonSpec(spec, buttonType)) {
+            const getButton = () => memButton;
+            const menuButtonSpec = spec;
+            const fixedSpec = {
+                ...spec,
+                buttonType: 'default',
+                type: 'menubutton',
+                // Currently, dialog-based menu buttons cannot be searchable.
+                search: Optional.none(),
+                onSetup: (api) => {
+                    api.setEnabled(spec.enabled);
+                    return noop;
+                },
+                fetch: getFetch(menuButtonSpec.items, getButton, backstage)
+            };
+            const memButton = record(renderMenuButton(fixedSpec, "tox-tbtn" /* ToolbarButtonClasses.Button */, backstage, Optional.none(), true, spec.text.or(spec.tooltip).getOrUndefined()));
+            return memButton.asSpec();
+        }
+        else if (isNormalFooterButtonSpec(spec, buttonType)) {
+            const action = getAction(spec.name, buttonType);
+            const buttonSpec = {
+                ...spec,
+                context: buttonType === 'cancel' ? 'any' : spec.context,
+                borderless: false
+            };
+            return renderButton$1(buttonSpec, action, backstage.shared.providers, []);
+        }
+        else if (isToggleButtonSpec(spec, buttonType)) {
+            return renderToggleButton(spec, backstage.shared.providers, spec.text.or(spec.tooltip).getOrUndefined());
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Unknown footer button type: ', buttonType);
+            throw new Error('Unknown footer button type');
+        }
+    };
+    const renderDialogButton = (spec, providersBackstage) => {
+        const action = getAction(spec.name, 'custom');
+        return renderFormField(Optional.none(), FormField.parts.field({
+            factory: Button,
+            ...renderButtonSpec(spec, Optional?.some(action), providersBackstage, [
+                memory(''),
+                ComposingConfigs.self()
+            ])
+        }));
+    };
+
+    const separator$1 = {
+        type: 'separator'
+    };
+    const toMenuItem = (target) => ({
+        type: 'menuitem',
+        value: target.url,
+        text: target.title,
+        meta: {
+            attach: target.attach
+        },
+        onAction: noop
+    });
+    const staticMenuItem = (title, url) => ({
+        type: 'menuitem',
+        value: url,
+        text: title,
+        meta: {
+            attach: undefined
+        },
+        onAction: noop
+    });
+    const toMenuItems = (targets) => map$2(targets, toMenuItem);
+    const filterLinkTargets = (type, targets) => filter$2(targets, (target) => target.type === type);
+    const filteredTargets = (type, targets) => toMenuItems(filterLinkTargets(type, targets));
+    const headerTargets = (linkInfo) => filteredTargets('header', linkInfo.targets);
+    const anchorTargets = (linkInfo) => filteredTargets('anchor', linkInfo.targets);
+    const anchorTargetTop = (linkInfo) => Optional.from(linkInfo.anchorTop)?.map((url) => staticMenuItem('<top>', url)).toArray();
+    const anchorTargetBottom = (linkInfo) => Optional.from(linkInfo.anchorBottom)?.map((url) => staticMenuItem('<bottom>', url)).toArray();
+    const historyTargets = (history) => map$2(history, (url) => staticMenuItem(url, url));
+    const joinMenuLists = (items) => {
+        return foldl(items, (a, b) => {
+            const bothEmpty = a.length === 0 || b.length === 0;
+            return bothEmpty ? a.concat(b) : a.concat(separator$1, b);
+        }, []);
+    };
+    const filterByQuery = (term, menuItems) => {
+        const lowerCaseTerm = term.toLowerCase();
+        return filter$2(menuItems, (item) => {
+            var _a;
+            const text = item.meta !== undefined && item.meta.text !== undefined ? item.meta.text : item.text;
+            const value = (_a = item.value) !== null && _a !== void 0 ? _a : '';
+            return contains$1(text.toLowerCase(), lowerCaseTerm) || contains$1(value.toLowerCase(), lowerCaseTerm);
+        });
+    };
+
+    const getItems = (fileType, input, urlBackstage) => {
+        var _a, _b;
+        const urlInputValue = Representing.getValue(input);
+        const term = (_b = (_a = urlInputValue === null || urlInputValue === void 0 ? void 0 : urlInputValue.meta) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : urlInputValue.value;
+        const info = urlBackstage.getLinkInformation();
+        return info.fold(() => [], (linkInfo) => {
+            const history = filterByQuery(term, historyTargets(urlBackstage.getHistory(fileType)));
+            return fileType === 'file' ? joinMenuLists([
+                history,
+                filterByQuery(term, headerTargets(linkInfo)),
+                filterByQuery(term, flatten([
+                    anchorTargetTop(linkInfo),
+                    anchorTargets(linkInfo),
+                    anchorTargetBottom(linkInfo)
+                ]))
+            ])
+                : history;
+        });
+    };
+    const errorId = generate$6('aria-invalid');
+    const renderUrlInput = (spec, backstage, urlBackstage, initialData) => {
+        const providersBackstage = backstage.shared.providers;
+        const updateHistory = (component) => {
+            const urlEntry = Representing.getValue(component);
+            urlBackstage.addToHistory(urlEntry.value, spec.filetype);
+        };
+        // TODO: Make alloy's typeahead only swallow enter and escape if menu is open
+        const typeaheadSpec = {
+            ...initialData?.map((initialData) => ({ initialData })).getOr({}),
+            dismissOnBlur: true,
+            inputClasses: ['tox-textfield'],
+            sandboxClasses: ['tox-dialog__popups'],
+            inputAttributes: {
+                'aria-errormessage': errorId,
+                'type': 'url'
+            },
+            minChars: 0,
+            responseTime: 0,
+            fetch: (input) => {
+                const items = getItems(spec.filetype, input, urlBackstage);
+                const tdata = build(items, ItemResponse$1.BUBBLE_TO_SANDBOX, backstage, {
+                    isHorizontalMenu: false,
+                    search: Optional.none()
+                });
+                return Future.pure(tdata);
+            },
+            getHotspot: (comp) => memUrlBox.getOpt(comp),
+            onSetValue: (comp, _newValue) => {
+                if (comp.hasConfigured(Invalidating)) {
+                    Invalidating.run(comp).get(noop);
+                }
+            },
+            typeaheadBehaviours: derive$1([
+                ...urlBackstage.getValidationHandler()?.map((handler) => Invalidating.config({
+                    getRoot: (comp) => parentElement(comp.element),
+                    invalidClass: 'tox-control-wrap--status-invalid',
+                    notify: {
+                        onInvalid: (comp, err) => {
+                            memInvalidIcon.getOpt(comp).each((invalidComp) => {
+                                set$9(invalidComp.element, 'title', providersBackstage.translate(err));
+                            });
+                        }
+                    },
+                    validator: {
+                        validate: (input) => {
+                            const urlEntry = Representing.getValue(input);
+                            return FutureResult.nu((completer) => {
+                                handler({ type: spec.filetype, url: urlEntry.value }, (validation) => {
+                                    if (validation.status === 'invalid') {
+                                        const err = Result.error(validation.message);
+                                        completer(err);
+                                    }
+                                    else {
+                                        const val = Result.value(validation.message);
+                                        completer(val);
+                                    }
+                                });
+                            });
+                        },
+                        validateOnLoad: false
+                    }
+                })).toArray(),
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+                }),
+                Tabstopping.config({}),
+                config('urlinput-events', 
+                // We want to get fast feedback for the link dialog, but not sure about others
+                [
+                    run$1(input(), (comp) => {
+                        const currentValue = get$5(comp.element);
+                        const trimmedValue = currentValue.trim();
+                        if (trimmedValue !== currentValue) {
+                            set$4(comp.element, trimmedValue);
+                        }
+                        if (spec.filetype === 'file') {
+                            emitWith(comp, formChangeEvent, { name: spec.name });
+                        }
+                    }),
+                    run$1(change(), (comp) => {
+                        emitWith(comp, formChangeEvent, { name: spec.name });
+                        updateHistory(comp);
+                    }),
+                    run$1(postPaste(), (comp) => {
+                        emitWith(comp, formChangeEvent, { name: spec.name });
+                        updateHistory(comp);
+                    })
+                ])
+            ]),
+            eventOrder: {
+                [input()]: ['streaming', 'urlinput-events', 'invalidating']
+            },
+            model: {
+                getDisplayText: (itemData) => itemData.value,
+                selectsOver: false,
+                populateFromBrowse: false
+            },
+            markers: {
+                openClass: 'tox-textfield--popup-open'
+            },
+            lazySink: backstage.shared.getSink,
+            parts: {
+                menu: part(false, 1, 'normal')
+            },
+            onExecute: (_menu, component, _entry) => {
+                emitWith(component, formSubmitEvent, {});
+            },
+            onItemExecute: (typeahead, _sandbox, _item, _value) => {
+                updateHistory(typeahead);
+                emitWith(typeahead, formChangeEvent, { name: spec.name });
+            }
+        };
+        const pField = FormField.parts.field({
+            ...typeaheadSpec,
+            factory: Typeahead
+        });
+        const pLabel = spec.label?.map((label) => renderLabel$3(label, providersBackstage));
+        // TODO: Consider a way of merging with Checkbox.
+        const makeIcon = (name, errId, icon = name, label = name) => render$4(icon, {
+            tag: 'div',
+            classes: ['tox-icon', 'tox-control-wrap__status-icon-' + name],
+            attributes: {
+                'title': providersBackstage.translate(label),
+                'aria-live': 'polite',
+                ...errId.fold(() => ({}), (id) => ({ id }))
+            }
+        }, providersBackstage.icons);
+        const memInvalidIcon = record(makeIcon('invalid', Optional?.some(errorId), 'warning'));
+        const memStatus = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-control-wrap__status-icon-wrap']
+            },
+            components: [
+                // Include the 'valid' and 'unknown' icons here only if they are to be displayed
+                memInvalidIcon.asSpec()
+            ]
+        });
+        const optUrlPicker = urlBackstage.getUrlPicker(spec.filetype);
+        const browseUrlEvent = generate$6('browser.url.event');
+        const memUrlBox = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-control-wrap']
+            },
+            components: [pField, memStatus.asSpec()],
+            behaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable
+                })
+            ])
+        });
+        const memUrlPickerButton = record(renderButton$1({
+            context: spec.context,
+            name: spec.name,
+            icon: Optional?.some('browse'),
+            text: spec.picker_text.or(spec.label).getOr(''),
+            enabled: spec.enabled,
+            primary: false,
+            buttonType: Optional.none(),
+            borderless: true
+        }, (component) => emit(component, browseUrlEvent), providersBackstage, [], ['tox-browse-url']));
+        const controlHWrapper = () => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form__controls-h-stack']
+            },
+            components: flatten([
+                [memUrlBox.asSpec()],
+                optUrlPicker?.map(() => memUrlPickerButton.asSpec()).toArray()
+            ])
+        });
+        const openUrlPicker = (comp) => {
+            Composing.getCurrent(comp).each((field) => {
+                const componentData = Representing.getValue(field);
+                const urlData = {
+                    fieldname: spec.name,
+                    ...componentData
+                };
+                optUrlPicker.each((picker) => {
+                    picker(urlData).get((chosenData) => {
+                        Representing.setValue(field, chosenData);
+                        emitWith(comp, formChangeEvent, { name: spec.name });
+                    });
+                });
+            });
+        };
+        return FormField.sketch({
+            dom: renderFormFieldDom(),
+            components: pLabel.toArray().concat([
+                controlHWrapper()
+            ]),
+            fieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.disable);
+                        memUrlPickerButton.getOpt(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormField.getField(comp).each(Disabling.enable);
+                        memUrlPickerButton.getOpt(comp).each(Disabling.enable);
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context)),
+                config('url-input-events', [
+                    run$1(browseUrlEvent, openUrlPicker)
+                ])
+            ])
+        });
+    };
+
+    const renderAlertBanner = (spec, providersBackstage) => {
+        const icon = get(spec.icon, providersBackstage.icons);
+        // For using the alert banner inside a dialog
+        return Container.sketch({
+            dom: {
+                tag: 'div',
+                attributes: {
+                    role: 'alert'
+                },
+                classes: ['tox-notification', 'tox-notification--in', `tox-notification--${spec.level}`]
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-notification__icon'],
+                        innerHtml: !spec.url ? icon : undefined
+                    },
+                    components: spec.url ? [
+                        Button.sketch({
+                            dom: {
+                                tag: 'button',
+                                classes: ['tox-button', 'tox-button--naked', 'tox-button--icon'],
+                                innerHtml: icon,
+                                attributes: {
+                                    title: providersBackstage.translate(spec.iconTooltip)
+                                }
+                            },
+                            // TODO: aria label this button!
+                            action: (comp) => emitWith(comp, formActionEvent, { name: 'alert-banner', value: spec.url }),
+                            buttonBehaviours: derive$1([
+                                addFocusableBehaviour()
+                            ])
+                        })
+                    ] : undefined
+                },
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-notification__body'],
+                        // TODO: AP-247: Escape this text so that it can't contain script tags
+                        innerHtml: providersBackstage.translate(spec.text)
+                    }
+                }
+            ]
+        });
+    };
+
+    const renderCheckbox = (spec, providerBackstage, initialData) => {
+        const toggleCheckboxHandler = (comp) => {
+            comp.element.dom.click();
+            return Optional?.some(true);
+        };
+        const pField = FormField.parts.field({
+            factory: { sketch: identity },
+            dom: {
+                tag: 'input',
+                classes: ['tox-checkbox__input'],
+                attributes: {
+                    type: 'checkbox'
+                }
+            },
+            behaviours: derive$1([
+                ComposingConfigs.self(),
+                Disabling.config({
+                    disabled: () => !spec.enabled || providerBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                    onDisabled: (component) => {
+                        parentElement(component.element).each((element) => add$2(element, 'tox-checkbox--disabled'));
+                    },
+                    onEnabled: (component) => {
+                        parentElement(component.element).each((element) => remove$3(element, 'tox-checkbox--disabled'));
+                    }
+                }),
+                Tabstopping.config({}),
+                Focusing.config({}),
+                withElement(initialData, get$9, set$5),
+                Keying.config({
+                    mode: 'special',
+                    onEnter: toggleCheckboxHandler,
+                    onSpace: toggleCheckboxHandler,
+                    stopSpaceKeyup: true
+                }),
+                config('checkbox-events', [
+                    run$1(change(), (component, _) => {
+                        emitWith(component, formChangeEvent, { name: spec.name });
+                    })
+                ])
+            ])
+        });
+        const pLabel = FormField.parts.label({
+            dom: {
+                tag: 'span',
+                classes: ['tox-checkbox__label']
+            },
+            components: [
+                text$2(providerBackstage.translate(spec.label))
+            ],
+            behaviours: derive$1([
+                Unselecting.config({})
+            ])
+        });
+        const makeIcon = (className) => {
+            const iconName = className === 'checked' ? 'selected' : 'unselected';
+            return render$4(iconName, { tag: 'span', classes: ['tox-icon', 'tox-checkbox-icon__' + className] }, providerBackstage.icons);
+        };
+        const memIcons = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-checkbox__icons']
+            },
+            components: [
+                makeIcon('checked'),
+                makeIcon('unchecked')
+            ]
+        });
+        return FormField.sketch({
+            dom: {
+                tag: 'label',
+                classes: ['tox-checkbox']
+            },
+            components: [
+                pField,
+                memIcons.asSpec(),
+                pLabel
+            ],
+            fieldBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => !spec.enabled || providerBackstage.checkUiComponentContext(spec.context).shouldDisable,
+                }),
+                toggleOnReceive(() => providerBackstage.checkUiComponentContext(spec.context))
+            ])
+        });
+    };
+
+    const renderHtmlPanel = (spec, providersBackstage) => {
+        const classes = ['tox-form__group', ...(spec.stretched ? ['tox-form__group--stretched'] : [])];
+        const init = config('htmlpanel', [
+            runOnAttached((comp) => {
+                spec.onInit(comp.element.dom);
+            })
+        ]);
+        if (spec.presets === 'presentation') {
+            return Container.sketch({
+                dom: {
+                    tag: 'div',
+                    classes,
+                    innerHtml: spec.html
+                },
+                containerBehaviours: derive$1([
+                    Tooltipping.config({
+                        ...providersBackstage.tooltips.getConfig({
+                            tooltipText: '',
+                            onShow: (comp) => {
+                                descendant(comp.element, '[data-mce-tooltip]:hover').orThunk(() => search(comp.element))
+                                    .each((current) => {
+                                    getOpt(current, 'data-mce-tooltip').each((text) => {
+                                        Tooltipping.setComponents(comp, providersBackstage.tooltips.getComponents({ tooltipText: text }));
+                                    });
+                                });
+                            },
+                        }),
+                        mode: 'children-normal',
+                        anchor: (comp) => ({
+                            type: 'node',
+                            node: descendant(comp.element, '[data-mce-tooltip]:hover')
+                                .orThunk(() => search(comp.element).filter((current) => getOpt(current, 'data-mce-tooltip').isSome())),
+                            root: comp.element,
+                            layouts: {
+                                onLtr: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2]),
+                                onRtl: constant$1([south$2, north$2, southeast$2, northeast$2, southwest$2, northwest$2])
+                            },
+                            bubble: nu$6(0, -2, {}),
+                        })
+                    }),
+                    init
+                ])
+            });
+        }
+        else {
+            return Container.sketch({
+                dom: {
+                    tag: 'div',
+                    classes,
+                    innerHtml: spec.html,
+                    attributes: {
+                        role: 'document'
+                    }
+                },
+                containerBehaviours: derive$1([
+                    Tabstopping.config({}),
+                    Focusing.config({}),
+                    init
+                ])
+            });
+        }
+    };
+
+    const make$1 = (render) => {
+        return (parts, spec, dialogData, backstage, getCompByName) => get$h(spec, 'name').fold(() => render(spec, backstage, Optional.none(), getCompByName), (fieldName) => parts.field(fieldName, render(spec, backstage, get$h(dialogData, fieldName), getCompByName)));
+    };
+    const makeIframe = (render) => (parts, spec, dialogData, backstage, getCompByName) => {
+        const iframeSpec = deepMerge(spec, {
+            source: 'dynamic'
+        });
+        return make$1(render)(parts, iframeSpec, dialogData, backstage, getCompByName);
+    };
+    const factories = {
+        bar: make$1((spec, backstage) => renderBar(spec, backstage.shared)),
+        collection: make$1((spec, backstage, data) => renderCollection(spec, backstage.shared.providers, data)),
+        alertbanner: make$1((spec, backstage) => renderAlertBanner(spec, backstage.shared.providers)),
+        input: make$1((spec, backstage, data) => renderInput(spec, backstage.shared.providers, data)),
+        textarea: make$1((spec, backstage, data) => renderTextarea(spec, backstage.shared.providers, data)),
+        label: make$1((spec, backstage, _data, getCompByName) => renderLabel$2(spec, backstage.shared, getCompByName)),
+        iframe: makeIframe((spec, backstage, data) => renderIFrame(spec, backstage.shared.providers, data)),
+        button: make$1((spec, backstage) => renderDialogButton(spec, backstage.shared.providers)),
+        checkbox: make$1((spec, backstage, data) => renderCheckbox(spec, backstage.shared.providers, data)),
+        colorinput: make$1((spec, backstage, data) => renderColorInput(spec, backstage.shared, backstage.colorinput, data)),
+        colorpicker: make$1((spec, backstage, data) => renderColorPicker(spec, backstage.shared.providers, data)), // Not sure if this needs name.
+        dropzone: make$1((spec, backstage, data) => renderDropZone(spec, backstage.shared.providers, data)),
+        grid: make$1((spec, backstage) => renderGrid(spec, backstage.shared)),
+        listbox: make$1((spec, backstage, data) => renderListBox(spec, backstage, data)),
+        selectbox: make$1((spec, backstage, data) => renderSelectBox(spec, backstage.shared.providers, data)),
+        sizeinput: make$1((spec, backstage) => renderSizeInput(spec, backstage.shared.providers)),
+        slider: make$1((spec, backstage, data) => renderSlider(spec, backstage.shared.providers, data)),
+        urlinput: make$1((spec, backstage, data) => renderUrlInput(spec, backstage, backstage.urlinput, data)),
+        customeditor: make$1(renderCustomEditor),
+        htmlpanel: make$1((spec, backstage) => renderHtmlPanel(spec, backstage.shared.providers)),
+        imagepreview: make$1((spec, _, data) => renderImagePreview(spec, data)),
+        table: make$1((spec, backstage) => renderTable(spec, backstage.shared.providers)),
+        tree: make$1((spec, backstage) => renderTree(spec, backstage)),
+        panel: make$1((spec, backstage) => renderPanel(spec, backstage))
+    };
+    const noFormParts = {
+        // This is cast as we only actually want an alloy spec and don't need the actual part here
+        field: (_name, spec) => spec,
+        record: constant$1([])
+    };
+    const interpretInForm = (parts, spec, dialogData, oldBackstage, getCompByName) => {
+        // Now, we need to update the backstage to use the parts variant.
+        const newBackstage = deepMerge(oldBackstage, {
+            // Add the interpreter based on the form parts.
+            shared: {
+                interpreter: (childSpec) => interpretParts(parts, childSpec, dialogData, newBackstage, getCompByName)
+            }
+        });
+        return interpretParts(parts, spec, dialogData, newBackstage, getCompByName);
+    };
+    const interpretParts = (parts, spec, dialogData, backstage, getCompByName) => get$h(factories, spec.type).fold(() => {
+        console.error(`Unknown factory type "${spec.type}", defaulting to container: `, spec);
+        return spec;
+    }, (factory) => factory(parts, spec, dialogData, backstage, getCompByName));
+    const interpretWithoutForm = (spec, dialogData, backstage, getCompByName) => interpretParts(noFormParts, spec, dialogData, backstage, getCompByName);
+
+    const bubbleAlignments$2 = {
+        valignCentre: [],
+        alignCentre: [],
+        alignLeft: [],
+        alignRight: [],
+        right: [],
+        left: [],
+        bottom: [],
+        top: []
+    };
+    const getInlineDialogAnchor = (contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) => {
+        const bubbleSize = 12;
+        const overrides = {
+            maxHeightFunction: expandable$1()
+        };
+        const editableAreaAnchor = () => ({
+            type: 'node',
+            root: getContentContainer(getRootNode(contentAreaElement())),
+            node: Optional.from(contentAreaElement()),
+            bubble: nu$6(bubbleSize, bubbleSize, bubbleAlignments$2),
+            layouts: {
+                onRtl: () => [northeast$1],
+                onLtr: () => [northwest$1]
+            },
+            overrides
+        });
+        const standardAnchor = () => ({
+            type: 'hotspot',
+            hotspot: lazyAnchorbar(),
+            bubble: nu$6(-bubbleSize, bubbleSize, bubbleAlignments$2),
+            layouts: {
+                onRtl: () => [southeast$2, southwest$2, south$2],
+                onLtr: () => [southwest$2, southeast$2, south$2]
+            },
+            overrides
+        });
+        return () => lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
+    };
+    const getInlineBottomDialogAnchor = (inline, contentAreaElement, lazyBottomAnchorBar, lazyUseEditableAreaAnchor) => {
+        const bubbleSize = 12;
+        const overrides = {
+            maxHeightFunction: expandable$1()
+        };
+        const editableAreaAnchor = () => ({
+            type: 'node',
+            root: getContentContainer(getRootNode(contentAreaElement())),
+            node: Optional.from(contentAreaElement()),
+            bubble: nu$6(bubbleSize, bubbleSize, bubbleAlignments$2),
+            layouts: {
+                onRtl: () => [north$1],
+                onLtr: () => [north$1]
+            },
+            overrides
+        });
+        const standardAnchor = () => inline ?
+            ({
+                type: 'node',
+                root: getContentContainer(getRootNode(contentAreaElement())),
+                node: Optional.from(contentAreaElement()),
+                bubble: nu$6(0, -getOuter$1(contentAreaElement()), bubbleAlignments$2),
+                layouts: {
+                    onRtl: () => [north$2],
+                    onLtr: () => [north$2]
+                },
+                overrides
+            })
+            : ({
+                type: 'hotspot',
+                hotspot: lazyBottomAnchorBar(),
+                bubble: nu$6(0, 0, bubbleAlignments$2),
+                layouts: {
+                    onRtl: () => [north$2],
+                    onLtr: () => [north$2]
+                },
+                overrides
+            });
+        return () => lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
+    };
+    const getBannerAnchor = (contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) => {
+        const editableAreaAnchor = () => ({
+            type: 'node',
+            root: getContentContainer(getRootNode(contentAreaElement())),
+            node: Optional.from(contentAreaElement()),
+            layouts: {
+                onRtl: () => [north$1],
+                onLtr: () => [north$1]
+            }
+        });
+        const standardAnchor = () => ({
+            type: 'hotspot',
+            hotspot: lazyAnchorbar(),
+            layouts: {
+                onRtl: () => [south$2],
+                onLtr: () => [south$2]
+            }
+        });
+        return () => lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
+    };
+    const getCursorAnchor = (editor, bodyElement) => () => ({
+        type: 'selection',
+        root: bodyElement(),
+        getSelection: () => {
+            const rng = editor.selection.getRng();
+            // Only return a range if there is a selection of more than one cell.
+            const selectedCells = editor.model.table.getSelectedCells();
+            if (selectedCells.length > 1) {
+                const firstCell = selectedCells[0];
+                const lastCell = selectedCells[selectedCells.length - 1];
+                const selectionTableCellRange = {
+                    firstCell: SugarElement.fromDom(firstCell),
+                    lastCell: SugarElement.fromDom(lastCell)
+                };
+                return Optional?.some(selectionTableCellRange);
+            }
+            return Optional?.some(SimSelection.range(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
+        }
+    });
+    const getNodeAnchor$1 = (bodyElement) => (element) => ({
+        type: 'node',
+        root: bodyElement(),
+        node: element
+    });
+    const getAnchors = (editor, lazyAnchorbar, lazyBottomAnchorBar, isToolbarTop) => {
+        const useFixedToolbarContainer = useFixedContainer(editor);
+        const bodyElement = () => SugarElement.fromDom(editor.getBody());
+        const contentAreaElement = () => SugarElement.fromDom(editor.getContentAreaContainer());
+        // If using fixed_toolbar_container or if the toolbar is positioned at the bottom
+        // of the editor, some things should anchor to the top of the editable area.
+        const lazyUseEditableAreaAnchor = () => useFixedToolbarContainer || !isToolbarTop();
+        return {
+            inlineDialog: getInlineDialogAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
+            inlineBottomDialog: getInlineBottomDialogAnchor(editor.inline, contentAreaElement, lazyBottomAnchorBar, lazyUseEditableAreaAnchor),
+            banner: getBannerAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
+            cursor: getCursorAnchor(editor, bodyElement),
+            node: getNodeAnchor$1(bodyElement)
+        };
+    };
+
+    const colorPicker = (editor) => (callback, value) => {
+        const dialog = colorPickerDialog(editor);
+        dialog(callback, value);
+    };
+    const hasCustomColors = (editor) => () => hasCustomColors$1(editor);
+    const getColors = (editor) => (id) => getColors$2(editor, id);
+    const getColorCols = (editor) => (id) => getColorCols$1(editor, id);
+    const ColorInputBackstage = (editor) => ({
+        colorPicker: colorPicker(editor),
+        hasCustomColors: hasCustomColors(editor),
+        getColors: getColors(editor),
+        getColorCols: getColorCols(editor)
+    });
+
+    const isDraggableModal = (editor) => () => isDraggableModal$1(editor);
+    const DialogBackstage = (editor) => ({
+        isDraggableModal: isDraggableModal(editor)
+    });
+
+    const HeaderBackstage = (editor) => {
+        const mode = Cell(isToolbarLocationBottom(editor) ? 'bottom' : 'top');
+        return {
+            isPositionedAtTop: () => mode.get() === 'top',
+            getDockingMode: mode.get,
+            setDockingMode: mode.set
+        };
+    };
+
+    const isNestedFormat = (format) => hasNonNullableKey(format, 'items');
+    const isFormatReference = (format) => hasNonNullableKey(format, 'format');
+    const defaultStyleFormats = [
+        {
+            title: 'Headings', items: [
+                { title: 'Heading 1', format: 'h1' },
+                { title: 'Heading 2', format: 'h2' },
+                { title: 'Heading 3', format: 'h3' },
+                { title: 'Heading 4', format: 'h4' },
+                { title: 'Heading 5', format: 'h5' },
+                { title: 'Heading 6', format: 'h6' }
+            ]
+        },
+        {
+            title: 'Inline', items: [
+                { title: 'Bold', format: 'bold' },
+                { title: 'Italic', format: 'italic' },
+                { title: 'Underline', format: 'underline' },
+                { title: 'Strikethrough', format: 'strikethrough' },
+                { title: 'Superscript', format: 'superscript' },
+                { title: 'Subscript', format: 'subscript' },
+                { title: 'Code', format: 'code' }
+            ]
+        },
+        {
+            title: 'Blocks', items: [
+                { title: 'Paragraph', format: 'p' },
+                { title: 'Blockquote', format: 'blockquote' },
+                { title: 'Div', format: 'div' },
+                { title: 'Pre', format: 'pre' }
+            ]
+        },
+        {
+            title: 'Align', items: [
+                { title: 'Left', format: 'alignleft' },
+                { title: 'Center', format: 'aligncenter' },
+                { title: 'Right', format: 'alignright' },
+                { title: 'Justify', format: 'alignjustify' }
+            ]
+        }
+    ];
+    // Note: Need to cast format below to expected type, as Obj.has uses "K keyof T", which doesn't work with aliases
+    const isNestedFormats = (format) => has$2(format, 'items');
+    const isBlockFormat = (format) => has$2(format, 'block');
+    const isInlineFormat = (format) => has$2(format, 'inline');
+    const isSelectorFormat = (format) => has$2(format, 'selector');
+    const mapFormats = (userFormats) => foldl(userFormats, (acc, fmt) => {
+        if (isNestedFormats(fmt)) {
+            // Map the child formats
+            const result = mapFormats(fmt.items);
+            return {
+                customFormats: acc.customFormats.concat(result.customFormats),
+                formats: acc.formats.concat([{ title: fmt.title, items: result.formats }])
+            };
+        }
+        else if (isInlineFormat(fmt) || isBlockFormat(fmt) || isSelectorFormat(fmt)) {
+            // Convert the format to a reference and add the original to the custom formats to be registered
+            const formatName = isString(fmt.name) ? fmt.name : fmt.title.toLowerCase();
+            const formatNameWithPrefix = `custom-${formatName}`;
+            return {
+                customFormats: acc.customFormats.concat([{ name: formatNameWithPrefix, format: fmt }]),
+                formats: acc.formats.concat([{ title: fmt.title, format: formatNameWithPrefix, icon: fmt.icon }])
+            };
+        }
+        else {
+            return { ...acc, formats: acc.formats.concat(fmt) };
+        }
+    }, { customFormats: [], formats: [] });
+    const registerCustomFormats = (editor, userFormats) => {
+        const result = mapFormats(userFormats);
+        const registerFormats = (customFormats) => {
+            each$1(customFormats, (fmt) => {
+                // Only register the custom format with the editor, if it's not already registered
+                if (!editor.formatter.has(fmt.name)) {
+                    editor.formatter.register(fmt.name, fmt.format);
+                }
+            });
+        };
+        // The editor may not yet be initialized, so check for that
+        if (editor.formatter) {
+            registerFormats(result.customFormats);
+        }
+        else {
+            editor.on('init', () => {
+                registerFormats(result.customFormats);
+            });
+        }
+        return result.formats;
+    };
+    const getStyleFormats = (editor) => getUserStyleFormats(editor)?.map((userFormats) => {
+        // Ensure that any custom formats specified by the user are registered with the editor
+        const registeredUserFormats = registerCustomFormats(editor, userFormats);
+        // Merge the default formats with the custom formats if required
+        return shouldMergeStyleFormats(editor) ? defaultStyleFormats.concat(registeredUserFormats) : registeredUserFormats;
+    }).getOr(defaultStyleFormats);
+
+    const isSeparator$1 = (format) => {
+        const keys$1 = keys(format);
+        return keys$1.length === 1 && contains$2(keys$1, 'title');
+    };
+    const processBasic = (item, isSelectedFor, getPreviewFor) => ({
+        ...item,
+        type: 'formatter',
+        isSelected: isSelectedFor(item.format),
+        getStylePreview: getPreviewFor(item.format)
+    });
+    // TODO: This is adapted from StyleFormats in the mobile theme. Consolidate.
+    const register$b = (editor, formats, isSelectedFor, getPreviewFor) => {
+        const enrichSupported = (item) => processBasic(item, isSelectedFor, getPreviewFor);
+        // Item that triggers a submenu
+        const enrichMenu = (item) => {
+            const newItems = doEnrich(item.items);
+            return {
+                ...item,
+                type: 'submenu',
+                getStyleItems: constant$1(newItems)
+            };
+        };
+        const enrichCustom = (item) => {
+            const formatName = isString(item.name) ? item.name : generate$6(item.title);
+            const formatNameWithPrefix = `custom-${formatName}`;
+            const newItem = {
+                ...item,
+                type: 'formatter',
+                format: formatNameWithPrefix,
+                isSelected: isSelectedFor(formatNameWithPrefix),
+                getStylePreview: getPreviewFor(formatNameWithPrefix)
+            };
+            editor.formatter.register(formatName, newItem);
+            return newItem;
+        };
+        const doEnrich = (items) => map$2(items, (item) => {
+            // If it is a submenu, enrich all the subitems.
+            if (isNestedFormat(item)) {
+                return enrichMenu(item);
+            }
+            else if (isFormatReference(item)) {
+                return enrichSupported(item);
+                // NOTE: This branch is added from the original StyleFormats in mobile
+            }
+            else if (isSeparator$1(item)) {
+                return { ...item, type: 'separator' };
+            }
+            else {
+                return enrichCustom(item);
+            }
+        });
+        return doEnrich(formats);
+    };
+
+    const init$1 = (editor) => {
+        const isSelectedFor = (format) => () => editor.formatter.match(format);
+        const getPreviewFor = (format) => () => {
+            const fmt = editor.formatter.get(format);
+            return fmt !== undefined ? Optional?.some({
+                tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+                styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+            }) : Optional.none();
+        };
+        const settingsFormats = Cell([]);
+        const eventsFormats = Cell([]);
+        const replaceSettings = Cell(false);
+        editor.on('PreInit', (_e) => {
+            const formats = getStyleFormats(editor);
+            const enriched = register$b(editor, formats, isSelectedFor, getPreviewFor);
+            settingsFormats.set(enriched);
+        });
+        editor.on('addStyleModifications', (e) => {
+            // Is there going to be an order issue here?
+            const modifications = register$b(editor, e.items, isSelectedFor, getPreviewFor);
+            eventsFormats.set(modifications);
+            replaceSettings.set(e.replace);
+        });
+        const getData = () => {
+            const fromSettings = replaceSettings.get() ? [] : settingsFormats.get();
+            const fromEvents = eventsFormats.get();
+            return fromSettings.concat(fromEvents);
+        };
+        return {
+            getData
+        };
+    };
+
+    const TooltipsBackstage = (getSink) => {
+        const tooltipDelay = 300;
+        const intervalDelay = tooltipDelay * 0.2; // Arbitrary value
+        let numActiveTooltips = 0;
+        const alreadyShowingTooltips = () => numActiveTooltips > 0;
+        const getComponents = (spec) => {
+            return [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-tooltip__body']
+                    },
+                    components: [
+                        text$2(spec.tooltipText)
+                    ]
+                }
+            ];
+        };
+        const getConfig = (spec) => {
+            return {
+                delayForShow: () => alreadyShowingTooltips() ? intervalDelay : tooltipDelay,
+                delayForHide: constant$1(tooltipDelay),
+                exclusive: true,
+                lazySink: getSink,
+                tooltipDom: {
+                    tag: 'div',
+                    classes: ['tox-tooltip', 'tox-tooltip--up']
+                },
+                tooltipComponents: getComponents(spec),
+                onShow: (comp, tooltip) => {
+                    numActiveTooltips++;
+                    if (spec.onShow) {
+                        spec.onShow(comp, tooltip);
+                    }
+                },
+                onHide: (comp, tooltip) => {
+                    numActiveTooltips--;
+                    if (spec.onHide) {
+                        spec.onHide(comp, tooltip);
+                    }
+                },
+                onSetup: spec.onSetup,
+            };
+        };
+        return {
+            getConfig,
+            getComponents
+        };
+    };
+
+    const isElement = (node) => isNonNullable(node) && node.nodeType === 1;
+    const trim = global$2.trim;
+    const hasContentEditableState = (value) => {
+        return (node) => {
+            if (isElement(node)) {
+                if (node.contentEditable === value) {
+                    return true;
+                }
+                if (node.getAttribute('data-mce-contenteditable') === value) {
+                    return true;
+                }
+            }
+            return false;
+        };
+    };
+    const isContentEditableTrue = hasContentEditableState('true');
+    const isContentEditableFalse = hasContentEditableState('false');
+    const create = (type, title, url, level, attach) => ({
+        type,
+        title,
+        url,
+        level,
+        attach
+    });
+    const isChildOfContentEditableTrue = (node) => {
+        let tempNode = node;
+        while ((tempNode = tempNode.parentNode)) {
+            const value = tempNode.contentEditable;
+            if (value && value !== 'inherit') {
+                return isContentEditableTrue(tempNode);
+            }
+        }
+        return false;
+    };
+    const select = (selector, root) => {
+        return map$2(descendants(SugarElement.fromDom(root), selector), (element) => {
+            return element.dom;
+        });
+    };
+    const getElementText = (elm) => {
+        return elm.innerText || elm.textContent;
+    };
+    const getOrGenerateId = (elm) => {
+        return elm.id ? elm.id : generate$6('h');
+    };
+    const isAnchor = (elm) => {
+        return elm && elm.nodeName === 'A' && (elm.id || elm.name) !== undefined;
+    };
+    const isValidAnchor = (elm) => {
+        return isAnchor(elm) && isEditable(elm);
+    };
+    const isHeader = (elm) => {
+        return elm && /^(H[1-6])$/.test(elm.nodeName);
+    };
+    const isEditable = (elm) => {
+        return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
+    };
+    const isValidHeader = (elm) => {
+        return isHeader(elm) && isEditable(elm);
+    };
+    const getLevel = (elm) => {
+        return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
+    };
+    const headerTarget = (elm) => {
+        var _a;
+        const headerId = getOrGenerateId(elm);
+        const attach = () => {
+            elm.id = headerId;
+        };
+        return create('header', (_a = getElementText(elm)) !== null && _a !== void 0 ? _a : '', '#' + headerId, getLevel(elm), attach);
+    };
+    const anchorTarget = (elm) => {
+        const anchorId = elm.id || elm.name;
+        const anchorText = getElementText(elm);
+        return create('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
+    };
+    const getHeaderTargets = (elms) => {
+        return map$2(filter$2(elms, isValidHeader), headerTarget);
+    };
+    const getAnchorTargets = (elms) => {
+        return map$2(filter$2(elms, isValidAnchor), anchorTarget);
+    };
+    const getTargetElements = (elm) => {
+        const elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
+        return elms;
+    };
+    const hasTitle = (target) => {
+        return trim(target.title).length > 0;
+    };
+    const find = (elm) => {
+        const elms = getTargetElements(elm);
+        return filter$2(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
+    };
+    const LinkTargets = {
+        find
+    };
+
+    const STORAGE_KEY = 'tinymce-url-history';
+    const HISTORY_LENGTH = 5;
+    // validation functions
+    const isHttpUrl = (url) => isString(url) && /^https?/.test(url);
+    const isArrayOfUrl = (a) => isArray(a) && a.length <= HISTORY_LENGTH && forall(a, isHttpUrl);
+    const isRecordOfUrlArray = (r) => isObject(r) && find$4(r, (value) => !isArrayOfUrl(value)).isNone();
+    const getAllHistory = () => {
+        const unparsedHistory = global$5.getItem(STORAGE_KEY);
+        if (unparsedHistory === null) {
+            return {};
+        }
+        // parse history
+        let history;
+        try {
+            history = JSON.parse(unparsedHistory);
+        }
+        catch (e) {
+            if (e instanceof SyntaxError) {
+                // eslint-disable-next-line no-console
+                console.log('Local storage ' + STORAGE_KEY + ' was not valid JSON', e);
+                return {};
+            }
+            throw e;
+        }
+        // validate the parsed value
+        if (!isRecordOfUrlArray(history)) {
+            // eslint-disable-next-line no-console
+            console.log('Local storage ' + STORAGE_KEY + ' was not valid format', history);
+            return {};
+        }
+        return history;
+    };
+    const setAllHistory = (history) => {
+        if (!isRecordOfUrlArray(history)) {
+            throw new Error('Bad format for history:\n' + JSON.stringify(history));
+        }
+        global$5.setItem(STORAGE_KEY, JSON.stringify(history));
+    };
+    const getHistory = (fileType) => {
+        const history = getAllHistory();
+        return get$h(history, fileType).getOr([]);
+    };
+    const addToHistory = (url, fileType) => {
+        if (!isHttpUrl(url)) {
+            return;
+        }
+        const history = getAllHistory();
+        const items = get$h(history, fileType).getOr([]);
+        const itemsWithoutUrl = filter$2(items, (item) => item !== url);
+        history[fileType] = [url].concat(itemsWithoutUrl).slice(0, HISTORY_LENGTH);
+        setAllHistory(history);
+    };
+
+    const isTruthy = (value) => !!value;
+    const makeMap = (value) => map$1(global$2.makeMap(value, /[, ]/), isTruthy);
+    const getPicker = (editor) => Optional.from(getFilePickerCallback(editor));
+    const getPickerTypes = (editor) => {
+        const optFileTypes = Optional.from(getFilePickerTypes(editor)).filter(isTruthy)?.map(makeMap);
+        return getPicker(editor).fold(never, (_picker) => optFileTypes.fold(always, (types) => keys(types).length > 0 ? types : false));
+    };
+    const getPickerSetting = (editor, filetype) => {
+        const pickerTypes = getPickerTypes(editor);
+        if (isBoolean(pickerTypes)) {
+            return pickerTypes ? getPicker(editor) : Optional.none();
+        }
+        else {
+            return pickerTypes[filetype] ? getPicker(editor) : Optional.none();
+        }
+    };
+    const getUrlPicker = (editor, filetype) => getPickerSetting(editor, filetype)?.map((picker) => (entry) => Future.nu((completer) => {
+        const handler = (value, meta) => {
+            if (!isString(value)) {
+                throw new Error('Expected value to be string');
+            }
+            if (meta !== undefined && !isObject(meta)) {
+                throw new Error('Expected meta to be a object');
+            }
+            const r = { value, meta };
+            completer(r);
+        };
+        const meta = {
+            filetype,
+            fieldname: entry.fieldname,
+            ...Optional.from(entry.meta).getOr({})
+        };
+        // file_picker_callback(callback, currentValue, metaData)
+        picker.call(editor, handler, entry.value, meta);
+    }));
+    const getTextSetting = (value) => Optional.from(value).filter(isString).getOrUndefined();
+    const getLinkInformation = (editor) => {
+        if (!useTypeaheadUrls(editor)) {
+            return Optional.none();
+        }
+        return Optional?.some({
+            targets: LinkTargets.find(editor.getBody()),
+            anchorTop: getTextSetting(getAnchorTop(editor)),
+            anchorBottom: getTextSetting(getAnchorBottom(editor))
+        });
+    };
+    const getValidationHandler = (editor) => Optional.from(getFilePickerValidatorHandler(editor));
+    const UrlInputBackstage = (editor) => ({
+        getHistory,
+        addToHistory,
+        getLinkInformation: () => getLinkInformation(editor),
+        getValidationHandler: () => getValidationHandler(editor),
+        getUrlPicker: (filetype) => getUrlPicker(editor, filetype)
+    });
+
+    const init = (lazySinks, editor, lazyAnchorbar, lazyBottomAnchorBar) => {
+        const contextMenuState = Cell(false);
+        const toolbar = HeaderBackstage(editor);
+        const providers = {
+            icons: () => editor.ui.registry.getAll().icons,
+            menuItems: () => editor.ui.registry.getAll().menuItems,
+            translate: global$6.translate,
+            isDisabled: () => !editor.ui.isEnabled(),
+            getOption: editor.options.get,
+            tooltips: TooltipsBackstage(lazySinks.dialog),
+            checkUiComponentContext: (specContext) => {
+                if (isDisabled(editor)) {
+                    return {
+                        contextType: 'disabled',
+                        shouldDisable: true
+                    };
+                }
+                const [key, value = ''] = specContext.split(':');
+                const contexts = editor.ui.registry.getAll().contexts;
+                const enabledInContext = get$h(contexts, key)
+                    .fold(
+                // Fallback to 'mode:design' if key is not found
+                () => get$h(contexts, 'mode')?.map((pred) => pred('design')).getOr(false), (pred) => value.charAt(0) === '!' ? !pred(value.slice(1)) : pred(value));
+                return {
+                    contextType: key,
+                    shouldDisable: !enabledInContext
+                };
+            }
+        };
+        const urlinput = UrlInputBackstage(editor);
+        const styles = init$1(editor);
+        const colorinput = ColorInputBackstage(editor);
+        const dialogSettings = DialogBackstage(editor);
+        const isContextMenuOpen = () => contextMenuState.get();
+        const setContextMenuState = (state) => contextMenuState.set(state);
+        const commonBackstage = {
+            shared: {
+                providers,
+                anchors: getAnchors(editor, lazyAnchorbar, lazyBottomAnchorBar, toolbar.isPositionedAtTop),
+                header: toolbar,
+            },
+            urlinput,
+            styles,
+            colorinput,
+            dialog: dialogSettings,
+            isContextMenuOpen,
+            setContextMenuState
+        };
+        const getCompByName = (_name) => Optional.none();
+        const popupBackstage = {
+            ...commonBackstage,
+            shared: {
+                ...commonBackstage.shared,
+                interpreter: (s) => interpretWithoutForm(s, {}, popupBackstage, getCompByName),
+                getSink: lazySinks.popup
+            }
+        };
+        const dialogBackstage = {
+            ...commonBackstage,
+            shared: {
+                ...commonBackstage.shared,
+                interpreter: (s) => interpretWithoutForm(s, {}, dialogBackstage, getCompByName),
+                getSink: lazySinks.dialog
+            }
+        };
+        return {
+            popup: popupBackstage,
+            dialog: dialogBackstage
+        };
+    };
+
+    const setup$b = (editor, mothership, uiMotherships) => {
+        const broadcastEvent = (name, evt) => {
+            each$1([mothership, ...uiMotherships], (m) => {
+                m.broadcastEvent(name, evt);
+            });
+        };
+        const broadcastOn = (channel, message) => {
+            each$1([mothership, ...uiMotherships], (m) => {
+                m.broadcastOn([channel], message);
+            });
+        };
+        const fireDismissPopups = (evt) => broadcastOn(dismissPopups(), { target: evt.target });
+        // Document touch events
+        const doc = getDocument();
+        const onTouchstart = bind$1(doc, 'touchstart', fireDismissPopups);
+        const onTouchmove = bind$1(doc, 'touchmove', (evt) => broadcastEvent(documentTouchmove(), evt));
+        const onTouchend = bind$1(doc, 'touchend', (evt) => broadcastEvent(documentTouchend(), evt));
+        // Document mouse events
+        const onMousedown = bind$1(doc, 'mousedown', fireDismissPopups);
+        const onMouseup = bind$1(doc, 'mouseup', (evt) => {
+            if (evt.raw.button === 0) {
+                broadcastOn(mouseReleased(), { target: evt.target });
+            }
+        });
+        // Editor content events
+        const onContentClick = (raw) => broadcastOn(dismissPopups(), { target: SugarElement.fromDom(raw.target) });
+        const onContentMouseup = (raw) => {
+            if (raw.button === 0) {
+                broadcastOn(mouseReleased(), { target: SugarElement.fromDom(raw.target) });
+            }
+        };
+        const onContentMousedown = () => {
+            each$1(editor.editorManager.get(), (loopEditor) => {
+                if (editor !== loopEditor) {
+                    loopEditor.dispatch('DismissPopups', { relatedTarget: editor });
+                }
+            });
+        };
+        // Window events
+        const onWindowScroll = (evt) => broadcastEvent(windowScroll(), fromRawEvent(evt));
+        const onWindowResize = (evt) => {
+            broadcastOn(repositionPopups(), {});
+            broadcastEvent(windowResize(), fromRawEvent(evt));
+        };
+        // TINY-9425: At the moment, we are only supporting situations where the scrolling container
+        // is *inside* the shadow root - which is why we bind to the root node, instead of just the outer
+        // document. However, if we needed to support scrolling containers that *contained* the shadow root,
+        // we would need to listen to the outer document (or at the least, the root node of the scrolling div in
+        // the case of muliple layers of shadow roots).
+        const dos = getRootNode(SugarElement.fromDom(editor.getElement()));
+        const onElementScroll = capture(dos, 'scroll', (evt) => {
+            requestAnimationFrame(() => {
+                const c = editor.getContainer();
+                // Because this can fire before the editor is rendered, we need to stop that from happening.
+                // Some tests can create this situation, and then we get a Node name null or defined error.
+                if (c !== undefined && c !== null) {
+                    const optScrollingContext = detectWhenSplitUiMode(editor, mothership.element);
+                    const scrollers = optScrollingContext?.map((sc) => [sc.element, ...sc.others]).getOr([]);
+                    if (exists(scrollers, (s) => eq(s, evt.target))) {
+                        editor.dispatch('ElementScroll', { target: evt.target.dom });
+                        broadcastEvent(externalElementScroll(), evt);
+                    }
+                }
+            });
+        });
+        const onEditorResize = () => broadcastOn(repositionPopups(), {});
+        const onEditorProgress = (evt) => {
+            if (evt.state) {
+                broadcastOn(dismissPopups(), { target: SugarElement.fromDom(editor.getContainer()) });
+            }
+        };
+        const onDismissPopups = (event) => {
+            broadcastOn(dismissPopups(), { target: SugarElement.fromDom(event.relatedTarget.getContainer()) });
+        };
+        const onFocusIn = (event) => editor.dispatch('focusin', event);
+        const onFocusOut = (event) => editor.dispatch('focusout', event);
+        // Don't start listening to events until the UI has rendered
+        editor.on('PostRender', () => {
+            editor.on('click', onContentClick);
+            editor.on('tap', onContentClick);
+            editor.on('mouseup', onContentMouseup);
+            editor.on('mousedown', onContentMousedown);
+            editor.on('ScrollWindow', onWindowScroll);
+            editor.on('ResizeWindow', onWindowResize);
+            editor.on('ResizeEditor', onEditorResize);
+            editor.on('AfterProgressState', onEditorProgress);
+            editor.on('DismissPopups', onDismissPopups);
+            each$1([mothership, ...uiMotherships], (gui) => {
+                gui.element.dom.addEventListener('focusin', onFocusIn);
+                gui.element.dom.addEventListener('focusout', onFocusOut);
+            });
+        });
+        editor.on('remove', () => {
+            // We probably don't need these unbinds, but it helps to have them if we move this code out.
+            editor.off('click', onContentClick);
+            editor.off('tap', onContentClick);
+            editor.off('mouseup', onContentMouseup);
+            editor.off('mousedown', onContentMousedown);
+            editor.off('ScrollWindow', onWindowScroll);
+            editor.off('ResizeWindow', onWindowResize);
+            editor.off('ResizeEditor', onEditorResize);
+            editor.off('AfterProgressState', onEditorProgress);
+            editor.off('DismissPopups', onDismissPopups);
+            each$1([mothership, ...uiMotherships], (gui) => {
+                gui.element.dom.removeEventListener('focusin', onFocusIn);
+                gui.element.dom.removeEventListener('focusout', onFocusOut);
+            });
+            onMousedown.unbind();
+            onTouchstart.unbind();
+            onTouchmove.unbind();
+            onTouchend.unbind();
+            onMouseup.unbind();
+            onElementScroll.unbind();
+        });
+        editor.on('detach', () => {
+            each$1([mothership, ...uiMotherships], detachSystem);
+            each$1([mothership, ...uiMotherships], (m) => m.destroy());
+        });
+    };
+
+    const setup$a = noop;
+    const isDocked$1 = never;
+    const getBehaviours$1 = constant$1([]);
+
+    var StaticHeader = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setup: setup$a,
+        isDocked: isDocked$1,
+        getBehaviours: getBehaviours$1
+    });
+
+    const toolbarHeightChange = constant$1(generate$6('toolbar-height-change'));
+
+    const visibility = {
+        fadeInClass: 'tox-editor-dock-fadein',
+        fadeOutClass: 'tox-editor-dock-fadeout',
+        transitionClass: 'tox-editor-dock-transition'
+    };
+    const editorStickyOnClass = 'tox-tinymce--toolbar-sticky-on';
+    const editorStickyOffClass = 'tox-tinymce--toolbar-sticky-off';
+    const scrollFromBehindHeader = (e, containerHeader) => {
+        const doc = owner$4(containerHeader);
+        const win = defaultView(containerHeader);
+        const viewHeight = win.dom.innerHeight;
+        const scrollPos = get$b(doc);
+        const markerElement = SugarElement.fromDom(e.elm);
+        const markerPos = absolute$2(markerElement);
+        const markerHeight = get$d(markerElement);
+        const markerTop = markerPos.y;
+        const markerBottom = markerTop + markerHeight;
+        const editorHeaderPos = absolute$3(containerHeader);
+        const editorHeaderHeight = get$d(containerHeader);
+        const editorHeaderTop = editorHeaderPos.top;
+        const editorHeaderBottom = editorHeaderTop + editorHeaderHeight;
+        // Check to see if the header is docked to the top/bottom of the page (eg is floating)
+        const editorHeaderDockedAtTop = Math.abs(editorHeaderTop - scrollPos.top) < 2;
+        const editorHeaderDockedAtBottom = Math.abs(editorHeaderBottom - (scrollPos.top + viewHeight)) < 2;
+        // If the element is behind the header at the top of the page, then
+        // scroll the element down by the header height
+        if (editorHeaderDockedAtTop && markerTop < editorHeaderBottom) {
+            to(scrollPos.left, markerTop - editorHeaderHeight, doc);
+            // If the element is behind the header at the bottom of the page, then
+            // scroll the element up by the header height
+        }
+        else if (editorHeaderDockedAtBottom && markerBottom > editorHeaderTop) {
+            const y = (markerTop - viewHeight) + markerHeight + editorHeaderHeight;
+            to(scrollPos.left, y, doc);
+        }
+    };
+    const isDockedMode = (header, mode) => contains$2(Docking.getModes(header), mode);
+    const updateIframeContentFlow = (header) => {
+        const getOccupiedHeight = (elm) => getOuter$1(elm) +
+            (parseInt(get$e(elm, 'margin-top'), 10) || 0) +
+            (parseInt(get$e(elm, 'margin-bottom'), 10) || 0);
+        const elm = header.element;
+        parentElement(elm).each((parentElem) => {
+            const padding = 'padding-' + Docking.getModes(header)[0];
+            if (Docking.isDocked(header)) {
+                const parentWidth = get$c(parentElem);
+                set$7(elm, 'width', parentWidth + 'px');
+                set$7(parentElem, padding, getOccupiedHeight(elm) + 'px');
+            }
+            else {
+                remove$6(elm, 'width');
+                remove$6(parentElem, padding);
+            }
+        });
+    };
+    const updateSinkVisibility = (sinkElem, visible) => {
+        if (visible) {
+            remove$3(sinkElem, visibility.fadeOutClass);
+            add$1(sinkElem, [visibility.transitionClass, visibility.fadeInClass]);
+        }
+        else {
+            remove$3(sinkElem, visibility.fadeInClass);
+            add$1(sinkElem, [visibility.fadeOutClass, visibility.transitionClass]);
+        }
+    };
+    const updateEditorClasses = (editor, docked) => {
+        const editorContainer = SugarElement.fromDom(editor.getContainer());
+        if (docked) {
+            add$2(editorContainer, editorStickyOnClass);
+            remove$3(editorContainer, editorStickyOffClass);
+        }
+        else {
+            add$2(editorContainer, editorStickyOffClass);
+            remove$3(editorContainer, editorStickyOnClass);
+        }
+    };
+    const restoreFocus = (headerElem, focusedElem) => {
+        // When the header is hidden, then the element that was focused will be lost
+        // so we need to restore it if nothing else has already been focused (eg anything other than the body)
+        const ownerDoc = owner$4(focusedElem);
+        active$1(ownerDoc).filter((activeElm) => 
+        // Don't try to refocus the same element
+        !eq(focusedElem, activeElm)).filter((activeElm) => 
+        // Only attempt to refocus if the current focus is the body or is in the header element
+        eq(activeElm, SugarElement.fromDom(ownerDoc.dom.body)) || contains(headerElem, activeElm)).each(() => focus$4(focusedElem));
+    };
+    const findFocusedElem = (rootElm, lazySink) => 
+    // Check to see if an element is focused inside the header or inside the sink
+    // and if so store the element so we can restore it later
+    search(rootElm).orThunk(() => lazySink().toOptional().bind((sink) => search(sink.element)));
+    const setup$9 = (editor, sharedBackstage, lazyHeader) => {
+        if (!editor.inline) {
+            // If using bottom toolbar then when the editor resizes we need to reset docking
+            // otherwise it won't know the original toolbar position has moved
+            if (!sharedBackstage.header.isPositionedAtTop()) {
+                editor.on('ResizeEditor', () => {
+                    lazyHeader().each(Docking.reset);
+                });
+            }
+            // No need to update the content flow in inline mode as the header always floats
+            editor.on('ResizeWindow ResizeEditor', () => {
+                lazyHeader().each(updateIframeContentFlow);
+            });
+            // Need to reset the docking position on skin loaded as the original position will have
+            // changed due the skins styles being applied.
+            // Note: Inline handles it's own skin loading, as it needs to do other initial positioning
+            editor.on('SkinLoaded', () => {
+                lazyHeader().each((comp) => {
+                    Docking.isDocked(comp) ? Docking.reset(comp) : Docking.refresh(comp);
+                });
+            });
+            // Need to reset when we go fullscreen so that if the header is docked,
+            // then it'll undock and viceversa
+            editor.on('FullscreenStateChanged', () => {
+                lazyHeader().each(Docking.reset);
+            });
+        }
+        // If inline or sticky toolbars is enabled, then when scrolling into view we may still be
+        // behind the editor header so we need to adjust the scroll position to account for that
+        editor.on('AfterScrollIntoView', (e) => {
+            lazyHeader().each((header) => {
+                // We need to make sure the header docking has refreshed, otherwise if a large scroll occurred
+                // the header may have gone off page and need to be docked before doing calculations
+                Docking.refresh(header);
+                // If the header element is still visible, then adjust the scroll position if required
+                const headerElem = header.element;
+                if (isVisible(headerElem)) {
+                    scrollFromBehindHeader(e, headerElem);
+                }
+            });
+        });
+        // Update the editor classes once initial rendering has completed
+        editor.on('PostRender', () => {
+            updateEditorClasses(editor, false);
+        });
+    };
+    const isDocked = (lazyHeader) => lazyHeader()?.map(Docking.isDocked).getOr(false);
+    const getIframeBehaviours = () => [
+        Receiving.config({
+            channels: {
+                [toolbarHeightChange()]: {
+                    onReceive: updateIframeContentFlow
+                }
+            }
+        })
+    ];
+    const getBehaviours = (editor, sharedBackstage) => {
+        const focusedElm = value$2();
+        const lazySink = sharedBackstage.getSink;
+        const runOnSinkElement = (f) => {
+            lazySink().each((sink) => f(sink.element));
+        };
+        const onDockingSwitch = (comp) => {
+            if (!editor.inline) {
+                updateIframeContentFlow(comp);
+            }
+            updateEditorClasses(editor, Docking.isDocked(comp));
+            // TINY-9223: This will only reposition the popups in the same mothership as the StickyHeader
+            // and its sink. If we need to reposition the popups in all motherships (in the two sink
+            // model) then we'll need a reference to all motherships here.
+            comp.getSystem().broadcastOn([repositionPopups()], {});
+            lazySink().each((sink) => sink.getSystem().broadcastOn([repositionPopups()], {}));
+        };
+        const additionalBehaviours = editor.inline ? [] : getIframeBehaviours();
+        return [
+            Focusing.config({}),
+            Docking.config({
+                contextual: {
+                    lazyContext: (comp) => {
+                        const headerHeight = getOuter$1(comp.element);
+                        const container = editor.inline ? editor.getContentAreaContainer() : editor.getContainer();
+                        return Optional.from(container)?.map((c) => {
+                            const box = box$1(SugarElement.fromDom(c));
+                            const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                            return optScrollingContext.fold(() => {
+                                // Force the header to hide before it overflows outside the container
+                                const boxHeight = box.height - headerHeight;
+                                const topBound = box.y + (isDockedMode(comp, 'top') ? 0 : headerHeight);
+                                return bounds(box.x, topBound, box.width, boxHeight);
+                            }, (scrollEnv) => {
+                                const constrainedBounds = constrain(box, getBoundsFrom(scrollEnv));
+                                // When the toolbar location is set to the top, y is the top of the container and height is the available container height minus the header height, as the toolbar will be placed at the top of the container
+                                // This is so that as you scroll the scrollable container/the page, it will dock at the top and when there's insufficient height/space (that's the reason of deducting the headerHeight for the available height), it will be hidden.
+                                // When the toolbar location is set to the bottom, y is the top of the container plus the header height, as the toolbar will be placed at the bottom of the container, beyond the container, so that's why we need to add the headerHeight
+                                // When there's insufficient height/space, it will be hidden, and when you scroll past the editor, it will be hidden
+                                const constrainedBoundsY = isDockedMode(comp, 'top')
+                                    ? constrainedBounds.y
+                                    : constrainedBounds.y + headerHeight;
+                                return bounds(constrainedBounds.x, 
+                                // ASSUMPTION: The constrainedBounds removes the need for us to set this to 0px
+                                // for docked mode. Also, docking in a scrolling environment will often be
+                                // at the scroller top, not the window top
+                                constrainedBoundsY, constrainedBounds.width, constrainedBounds.height - headerHeight);
+                            });
+                        });
+                    },
+                    onShow: () => {
+                        runOnSinkElement((elem) => updateSinkVisibility(elem, true));
+                    },
+                    onShown: (comp) => {
+                        runOnSinkElement((elem) => remove$2(elem, [visibility.transitionClass, visibility.fadeInClass]));
+                        // Restore focus and reset the stored focused element
+                        focusedElm.get().each((elem) => {
+                            restoreFocus(comp.element, elem);
+                            focusedElm.clear();
+                        });
+                    },
+                    onHide: (comp) => {
+                        findFocusedElem(comp.element, lazySink).fold(focusedElm.clear, focusedElm.set);
+                        runOnSinkElement((elem) => updateSinkVisibility(elem, false));
+                    },
+                    onHidden: () => {
+                        runOnSinkElement((elem) => remove$2(elem, [visibility.transitionClass]));
+                    },
+                    ...visibility
+                },
+                lazyViewport: (comp) => {
+                    const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                    return optScrollingContext.fold(() => {
+                        const boundsWithoutOffset = win();
+                        const offset = getStickyToolbarOffset(editor);
+                        const top = boundsWithoutOffset.y + (isDockedMode(comp, 'top') && !isFullscreen(editor) ? offset : 0);
+                        const height = boundsWithoutOffset.height - (isDockedMode(comp, 'bottom') ? offset : 0);
+                        // No scrolling context, so just window
+                        return {
+                            bounds: bounds(boundsWithoutOffset.x, top, boundsWithoutOffset.width, height),
+                            optScrollEnv: Optional.none()
+                        };
+                    }, (sc) => {
+                        // TINY-9411: Implement sticky toolbar offsets in scrollable containers
+                        const combinedBounds = getBoundsFrom(sc);
+                        return {
+                            bounds: combinedBounds,
+                            optScrollEnv: Optional?.some({
+                                currentScrollTop: sc.element.dom.scrollTop,
+                                scrollElmTop: absolute$3(sc.element).top
+                            })
+                        };
+                    });
+                },
+                modes: [sharedBackstage.header.getDockingMode()],
+                onDocked: onDockingSwitch,
+                onUndocked: onDockingSwitch
+            }),
+            ...additionalBehaviours
+        ];
+    };
+
+    var StickyHeader = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setup: setup$9,
+        isDocked: isDocked,
+        getBehaviours: getBehaviours
+    });
+
+    const renderHeader = (spec) => {
+        const editor = spec.editor;
+        const getBehaviours$2 = spec.sticky ? getBehaviours : getBehaviours$1;
+        return {
+            uid: spec.uid,
+            dom: spec.dom,
+            components: spec.components,
+            behaviours: derive$1(getBehaviours$2(editor, spec.sharedBackstage))
+        };
+    };
+
+    const factory$3 = (detail, spec) => {
+        const setMenus = (comp, menus) => {
+            const newMenus = map$2(menus, (m) => {
+                const buttonSpec = {
+                    type: 'menubutton',
+                    text: m.text,
+                    fetch: (callback) => {
+                        callback(m.getItems());
+                    },
+                    context: 'any'
+                };
+                // Convert to an internal bridge spec
+                const internal = createMenuButton(buttonSpec).mapError((errInfo) => formatError(errInfo)).getOrDie();
+                return renderMenuButton(internal, "tox-mbtn" /* MenuButtonClasses.Button */, spec.backstage, 
+                // https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-2/menubar-2.html
+                Optional?.some('menuitem'));
+            });
+            Replacing.set(comp, newMenus);
+        };
+        const apis = {
+            focus: Keying.focusIn,
+            setMenus
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components: [],
+            behaviours: derive$1([
+                Replacing.config({}),
+                config('menubar-events', [
+                    runOnAttached((component) => {
+                        detail.onSetup(component);
+                    }),
+                    run$1(mouseover(), (comp, se) => {
+                        // TODO: Use constants
+                        descendant(comp.element, '.' + "tox-mbtn--active" /* MenuButtonClasses.Active */).each((activeButton) => {
+                            closest$3(se.event.target, '.' + "tox-mbtn" /* MenuButtonClasses.Button */).each((hoveredButton) => {
+                                if (!eq(activeButton, hoveredButton)) {
+                                    // Now, find the components, and expand the hovered one, and close the active one
+                                    comp.getSystem().getByDom(activeButton).each((activeComp) => {
+                                        comp.getSystem().getByDom(hoveredButton).each((hoveredComp) => {
+                                            Dropdown.expand(hoveredComp);
+                                            Dropdown.close(activeComp);
+                                            Focusing.focus(hoveredComp);
+                                        });
+                                    });
+                                }
+                            });
+                        });
+                    }),
+                    run$1(focusShifted(), (comp, se) => {
+                        se.event.prevFocus.bind((prev) => comp.getSystem().getByDom(prev).toOptional()).each((prev) => {
+                            se.event.newFocus.bind((nu) => comp.getSystem().getByDom(nu).toOptional()).each((nu) => {
+                                if (Dropdown.isOpen(prev)) {
+                                    Dropdown.expand(nu);
+                                    Dropdown.close(prev);
+                                }
+                            });
+                        });
+                    })
+                ]),
+                Keying.config({
+                    mode: 'flow',
+                    selector: '.' + "tox-mbtn" /* MenuButtonClasses.Button */,
+                    onEscape: (comp) => {
+                        detail.onEscape(comp);
+                        return Optional?.some(true);
+                    }
+                }),
+                Tabstopping.config({})
+            ]),
+            apis,
+            domModification: {
+                attributes: {
+                    role: 'menubar'
+                }
+            }
+        };
+    };
+    var SilverMenubar = single({
+        factory: factory$3,
+        name: 'silver.Menubar',
+        configFields: [
+            required$1('dom'),
+            required$1('uid'),
+            required$1('onEscape'),
+            required$1('backstage'),
+            defaulted('onSetup', noop)
+        ],
+        apis: {
+            focus: (apis, comp) => {
+                apis.focus(comp);
+            },
+            setMenus: (apis, comp, menus) => {
+                apis.setMenus(comp, menus);
+            }
+        }
+    });
+
+    const promotionMessage = '💝Get all features';
+    const promotionLink = 'https://www.tiny.cloud/tinymce-upgrade-to-cloud/?utm_campaign=self_hosted_upgrade_promo&utm_source=tiny&utm_medium=referral';
+    const renderPromotion = (spec) => {
+        const components = spec.promotionLink ? [
+            {
+                dom: {
+                    tag: 'a',
+                    attributes: {
+                        'href': promotionLink,
+                        'rel': 'noopener',
+                        'target': '_blank',
+                        'aria-hidden': 'true'
+                    },
+                    classes: ['tox-promotion-link'],
+                    innerHtml: promotionMessage
+                }
+            }
+        ] : [];
+        return {
+            uid: spec.uid,
+            dom: spec.dom,
+            components
+        };
+    };
+
+    const setup$8 = (editor) => {
+        const { sidebars } = editor.ui.registry.getAll();
+        // Setup each registered sidebar
+        each$1(keys(sidebars), (name) => {
+            const spec = sidebars[name];
+            const isActive = () => is$1(Optional.from(editor.queryCommandValue('ToggleSidebar')), name);
+            editor.ui.registry.addToggleButton(name, {
+                icon: spec.icon,
+                tooltip: spec.tooltip,
+                onAction: (buttonApi) => {
+                    editor.execCommand('ToggleSidebar', false, name);
+                    buttonApi.setActive(isActive());
+                },
+                onSetup: (buttonApi) => {
+                    buttonApi.setActive(isActive());
+                    const handleToggle = () => buttonApi.setActive(isActive());
+                    editor.on('ToggleSidebar', handleToggle);
+                    return () => {
+                        editor.off('ToggleSidebar', handleToggle);
+                    };
+                },
+                context: 'any'
+            });
+        });
+    };
+    const getApi = (comp) => ({
+        element: () => comp.element.dom
+    });
+    const makePanels = (parts, panelConfigs) => {
+        const specs = map$2(keys(panelConfigs), (name) => {
+            const spec = panelConfigs[name];
+            const bridged = getOrDie(createSidebar(spec));
+            return {
+                name,
+                getApi,
+                onSetup: bridged.onSetup,
+                onShow: bridged.onShow,
+                onHide: bridged.onHide
+            };
+        });
+        return map$2(specs, (spec) => {
+            const editorOffCell = Cell(noop);
+            return parts.slot(spec.name, {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-sidebar__pane']
+                },
+                behaviours: SimpleBehaviours.unnamedEvents([
+                    onControlAttached(spec, editorOffCell),
+                    onControlDetached(spec, editorOffCell),
+                    run$1(slotVisibility(), (sidepanel, se) => {
+                        const data = se.event;
+                        const optSidePanelSpec = find$5(specs, (config) => config.name === data.name);
+                        optSidePanelSpec.each((sidePanelSpec) => {
+                            const handler = data.visible ? sidePanelSpec.onShow : sidePanelSpec.onHide;
+                            handler(sidePanelSpec.getApi(sidepanel));
+                        });
+                    })
+                ])
+            });
+        });
+    };
+    const makeSidebar = (panelConfigs) => SlotContainer.sketch((parts) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-sidebar__pane-container']
+        },
+        components: makePanels(parts, panelConfigs),
+        slotBehaviours: SimpleBehaviours.unnamedEvents([
+            runOnAttached((slotContainer) => SlotContainer.hideAllSlots(slotContainer))
+        ])
+    }));
+    const setSidebar = (sidebar, panelConfigs, showSidebar) => {
+        const optSlider = Composing.getCurrent(sidebar);
+        optSlider.each((slider) => {
+            Replacing.set(slider, [makeSidebar(panelConfigs)]);
+            // Show the default sidebar
+            const configKey = showSidebar === null || showSidebar === void 0 ? void 0 : showSidebar.toLowerCase();
+            if (isString(configKey) && has$2(panelConfigs, configKey)) {
+                Composing.getCurrent(slider).each((slotContainer) => {
+                    SlotContainer.showSlot(slotContainer, configKey);
+                    Sliding.immediateGrow(slider);
+                    // TINY-8710: Remove the width as since the skins/styles won't have loaded yet, so it's going to be incorrect
+                    remove$6(slider.element, 'width');
+                    updateSidebarRoleOnToggle(sidebar.element, "region" /* SidebarStateRoleAttr.Grown */);
+                });
+            }
+        });
+    };
+    const updateSidebarRoleOnToggle = (sidebar, sidebarState) => {
+        set$9(sidebar, 'role', sidebarState);
+    };
+    const toggleSidebar = (sidebar, name) => {
+        const optSlider = Composing.getCurrent(sidebar);
+        optSlider.each((slider) => {
+            const optSlotContainer = Composing.getCurrent(slider);
+            optSlotContainer.each((slotContainer) => {
+                if (Sliding.hasGrown(slider)) {
+                    if (SlotContainer.isShowing(slotContainer, name)) {
+                        // close the slider and then hide the slot after the animation finishes
+                        Sliding.shrink(slider);
+                        updateSidebarRoleOnToggle(sidebar.element, "presentation" /* SidebarStateRoleAttr.Shrunk */);
+                    }
+                    else {
+                        SlotContainer.hideAllSlots(slotContainer);
+                        SlotContainer.showSlot(slotContainer, name);
+                        updateSidebarRoleOnToggle(sidebar.element, "region" /* SidebarStateRoleAttr.Grown */);
+                    }
+                }
+                else {
+                    // Should already be hidden if the animation has finished but if it has not we hide them
+                    SlotContainer.hideAllSlots(slotContainer);
+                    SlotContainer.showSlot(slotContainer, name);
+                    Sliding.grow(slider);
+                    updateSidebarRoleOnToggle(sidebar.element, "region" /* SidebarStateRoleAttr.Grown */);
+                }
+            });
+        });
+    };
+    const whichSidebar = (sidebar) => {
+        const optSlider = Composing.getCurrent(sidebar);
+        return optSlider.bind((slider) => {
+            const sidebarOpen = Sliding.isGrowing(slider) || Sliding.hasGrown(slider);
+            if (sidebarOpen) {
+                const optSlotContainer = Composing.getCurrent(slider);
+                return optSlotContainer.bind((slotContainer) => find$5(SlotContainer.getSlotNames(slotContainer), (name) => SlotContainer.isShowing(slotContainer, name)));
+            }
+            else {
+                return Optional.none();
+            }
+        });
+    };
+    const fixSize = generate$6('FixSizeEvent');
+    const autoSize = generate$6('AutoSizeEvent');
+    const renderSidebar = (spec) => ({
+        uid: spec.uid,
+        dom: {
+            tag: 'div',
+            classes: ['tox-sidebar'],
+            attributes: {
+                role: "presentation" /* SidebarStateRoleAttr.Shrunk */
+            }
+        },
+        components: [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-sidebar__slider']
+                },
+                components: [
+                // this will be replaced on setSidebar
+                ],
+                behaviours: derive$1([
+                    Tabstopping.config({}),
+                    Focusing.config({}), // TODO use Keying and use focusIn, but need to handle if sidebar contains nothing
+                    Sliding.config({
+                        dimension: {
+                            property: 'width'
+                        },
+                        closedClass: 'tox-sidebar--sliding-closed',
+                        openClass: 'tox-sidebar--sliding-open',
+                        shrinkingClass: 'tox-sidebar--sliding-shrinking',
+                        growingClass: 'tox-sidebar--sliding-growing',
+                        onShrunk: (slider) => {
+                            const optSlotContainer = Composing.getCurrent(slider);
+                            optSlotContainer.each(SlotContainer.hideAllSlots);
+                            emit(slider, autoSize);
+                        },
+                        onGrown: (slider) => {
+                            emit(slider, autoSize);
+                        },
+                        onStartGrow: (slider) => {
+                            emitWith(slider, fixSize, { width: getRaw(slider.element, 'width').getOr('') });
+                        },
+                        onStartShrink: (slider) => {
+                            emitWith(slider, fixSize, { width: get$c(slider.element) + 'px' });
+                        }
+                    }),
+                    Replacing.config({}),
+                    Composing.config({
+                        find: (comp) => {
+                            const children = Replacing.contents(comp);
+                            return head(children);
+                        }
+                    })
+                ])
+            }
+        ],
+        behaviours: derive$1([
+            ComposingConfigs.childAt(0),
+            config('sidebar-sliding-events', [
+                run$1(fixSize, (comp, se) => {
+                    set$7(comp.element, 'width', se.event.width);
+                }),
+                run$1(autoSize, (comp, _se) => {
+                    remove$6(comp.element, 'width');
+                })
+            ])
+        ])
+    });
+
+    const getBusySpec$1 = (providerBackstage) => (_root, _behaviours) => ({
+        dom: {
+            tag: 'div',
+            attributes: {
+                'aria-label': providerBackstage.translate('Loading...'),
+                'tabindex': '0'
+            },
+            classes: ['tox-throbber__busy-spinner']
+        },
+        components: [
+            {
+                dom: fromHtml('<div class="tox-spinner"><div></div><div></div><div></div></div>')
+            }
+        ],
+    });
+    const focusBusyComponent = (throbber) => Composing.getCurrent(throbber).each((comp) => focus$4(comp.element, true));
+    // When the throbber is enabled, prevent the iframe from being part of the sequential keyboard navigation when Tabbing
+    // TODO: TINY-7500 Only works for iframe mode at this stage
+    const toggleEditorTabIndex = (editor, state) => {
+        const tabIndexAttr = 'tabindex';
+        const dataTabIndexAttr = `data-mce-${tabIndexAttr}`;
+        Optional.from(editor.iframeElement)
+            ?.map(SugarElement.fromDom)
+            .each((iframe) => {
+            if (state) {
+                getOpt(iframe, tabIndexAttr).each((tabIndex) => set$9(iframe, dataTabIndexAttr, tabIndex));
+                set$9(iframe, tabIndexAttr, -1);
+            }
+            else {
+                remove$8(iframe, tabIndexAttr);
+                getOpt(iframe, dataTabIndexAttr).each((tabIndex) => {
+                    set$9(iframe, tabIndexAttr, tabIndex);
+                    remove$8(iframe, dataTabIndexAttr);
+                });
+            }
+        });
+    };
+    /*
+    * If the throbber has been toggled on, only focus the throbber if the editor had focus as we don't to steal focus if it is on an input or dialog
+    * If the throbber has been toggled off, only put focus back on the editor if the throbber had focus.
+    * The next logical focus transition from the throbber is to put it back on the editor
+    */
+    const toggleThrobber = (editor, comp, state, providerBackstage) => {
+        const element = comp.element;
+        toggleEditorTabIndex(editor, state);
+        if (state) {
+            Blocking.block(comp, getBusySpec$1(providerBackstage));
+            remove$6(element, 'display');
+            remove$8(element, 'aria-hidden');
+            if (editor.hasFocus()) {
+                focusBusyComponent(comp);
+            }
+        }
+        else {
+            // Get the focus of the busy component before it is removed from the DOM
+            const throbberFocus = Composing.getCurrent(comp).exists((busyComp) => hasFocus(busyComp.element));
+            Blocking.unblock(comp);
+            set$7(element, 'display', 'none');
+            set$9(element, 'aria-hidden', 'true');
+            if (throbberFocus) {
+                editor.focus();
+            }
+        }
+    };
+    const renderThrobber = (spec) => ({
+        uid: spec.uid,
+        dom: {
+            tag: 'div',
+            attributes: {
+                'aria-hidden': 'true'
+            },
+            classes: ['tox-throbber'],
+            styles: {
+                display: 'none'
+            }
+        },
+        behaviours: derive$1([
+            Replacing.config({}),
+            Blocking.config({
+                focus: false
+            }),
+            Composing.config({
+                find: (comp) => head(comp.components())
+            })
+        ]),
+        components: []
+    });
+    const isFocusEvent = (event) => event.type === 'focusin';
+    const isPasteBinTarget = (event) => {
+        if (isFocusEvent(event)) {
+            const node = event.composed ? head(event.composedPath()) : Optional.from(event.target);
+            return node
+                ?.map(SugarElement.fromDom)
+                .filter(isElement$1)
+                .exists((targetElm) => has(targetElm, 'mce-pastebin'));
+        }
+        else {
+            return false;
+        }
+    };
+    const setup$7 = (editor, lazyThrobber, sharedBackstage) => {
+        const throbberState = Cell(false);
+        const timer = value$2();
+        const stealFocus = (e) => {
+            if (throbberState.get() && !isPasteBinTarget(e)) {
+                e.preventDefault();
+                focusBusyComponent(lazyThrobber());
+                editor.editorManager.setActive(editor);
+            }
+        };
+        // TODO: TINY-7500 Only worrying about iframe mode at this stage since inline mode has a number of other issues
+        if (!editor.inline) {
+            editor.on('PreInit', () => {
+                // Cover focus when the editor is focused natively
+                editor.dom.bind(editor.getWin(), 'focusin', stealFocus);
+                // Cover stealing focus when editor.focus() is called
+                editor.on('BeforeExecCommand', (e) => {
+                    // If skipFocus is specified as true in the command, don't focus the Throbber
+                    if (e.command.toLowerCase() === 'mcefocus' && e.value !== true) {
+                        stealFocus(e);
+                    }
+                });
+            });
+        }
+        const toggle = (state) => {
+            if (state !== throbberState.get()) {
+                throbberState.set(state);
+                toggleThrobber(editor, lazyThrobber(), state, sharedBackstage.providers);
+                fireAfterProgressState(editor, state);
+            }
+        };
+        editor.on('ProgressState', (e) => {
+            timer.on(clearTimeout);
+            if (isNumber(e.time)) {
+                const timerId = global$a.setEditorTimeout(editor, () => toggle(e.state), e.time);
+                timer.set(timerId);
+            }
+            else {
+                toggle(e.state);
+                timer.clear();
+            }
+        });
+    };
+
+    // eslint-disable-next-line max-len
+    const renderToolbarGroupCommon = (toolbarGroup) => {
+        const attributes = toolbarGroup.label.isNone() ?
+            toolbarGroup.title.fold(() => ({}), (title) => ({ attributes: { 'aria-label': title } }))
+            : toolbarGroup.label.fold(() => ({}), (label) => ({ attributes: { 'aria-label': label } }));
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar__group'].concat(toolbarGroup.label.isSome() ? ['tox-toolbar__group_with_label'] : []),
+                ...attributes
+            },
+            components: [
+                ...(toolbarGroup.label?.map((label) => {
+                    return {
+                        dom: {
+                            tag: 'span',
+                            classes: ['tox-label', 'tox-label--context-toolbar'],
+                        },
+                        components: [text$2(label)]
+                    };
+                }).toArray()),
+                ToolbarGroup.parts.items({})
+            ],
+            items: toolbarGroup.items,
+            markers: {
+                // nav within a group breaks if disabled buttons are first in their group so skip them
+                itemSelector: '*:not(.tox-split-button) > .tox-tbtn:not([disabled]), ' +
+                    '.tox-split-button:not([disabled]), ' +
+                    '.tox-toolbar-nav-item:not([disabled]), ' +
+                    '.tox-number-input:not([disabled])'
+            },
+            tgroupBehaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({
+                    ignore: true
+                })
+            ])
+        };
+    };
+    const renderToolbarGroup = (toolbarGroup) => ToolbarGroup.sketch(renderToolbarGroupCommon(toolbarGroup));
+    const getToolbarBehaviours = (toolbarSpec, modeName) => {
+        const onAttached = runOnAttached((component) => {
+            const groups = map$2(toolbarSpec.initGroups, renderToolbarGroup);
+            Toolbar.setGroups(component, groups);
+        });
+        return derive$1([
+            DisablingConfigs.toolbarButton(() => toolbarSpec.providers.checkUiComponentContext('any').shouldDisable),
+            toggleOnReceive(() => toolbarSpec.providers.checkUiComponentContext('any')),
+            Keying.config({
+                // Tabs between groups
+                mode: modeName,
+                onEscape: toolbarSpec.onEscape,
+                visibilitySelector: '.tox-toolbar__overflow',
+                selector: '.tox-toolbar__group'
+            }),
+            config('toolbar-events', [onAttached])
+        ]);
+    };
+    const renderMoreToolbarCommon = (toolbarSpec) => {
+        const modeName = toolbarSpec.cyclicKeying ? 'cyclic' : 'acyclic';
+        return {
+            uid: toolbarSpec.uid,
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar-overlord']
+            },
+            parts: {
+                // This already knows it is a toolbar group
+                'overflow-group': renderToolbarGroupCommon({
+                    title: Optional.none(),
+                    label: Optional.none(),
+                    items: []
+                }),
+                'overflow-button': renderIconButtonSpec({
+                    context: 'any',
+                    name: 'more',
+                    icon: Optional?.some('more-drawer'),
+                    enabled: true,
+                    tooltip: Optional?.some('Reveal or hide additional toolbar items'),
+                    primary: false,
+                    buttonType: Optional.none(),
+                    borderless: false
+                }, Optional.none(), toolbarSpec.providers, [], 'overflow-button')
+            },
+            splitToolbarBehaviours: getToolbarBehaviours(toolbarSpec, modeName)
+        };
+    };
+    const renderFloatingMoreToolbar = (toolbarSpec) => {
+        const baseSpec = renderMoreToolbarCommon(toolbarSpec);
+        const overflowXOffset = 4;
+        const primary = SplitFloatingToolbar.parts.primary({
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar__primary']
+            }
+        });
+        return SplitFloatingToolbar.sketch({
+            ...baseSpec,
+            lazySink: toolbarSpec.getSink,
+            getOverflowBounds: () => {
+                // Restrict the left/right bounds to the editor header width, but don't restrict the top/bottom
+                const headerElem = toolbarSpec.moreDrawerData.lazyHeader().element;
+                const headerBounds = absolute$2(headerElem);
+                const docElem = documentElement(headerElem);
+                const docBounds = absolute$2(docElem);
+                const height = Math.max(docElem.dom.scrollHeight, docBounds.height);
+                return bounds(headerBounds.x + overflowXOffset, docBounds.y, headerBounds.width - overflowXOffset * 2, height);
+            },
+            parts: {
+                ...baseSpec.parts,
+                overflow: {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-toolbar__overflow'],
+                        attributes: toolbarSpec.attributes
+                    }
+                }
+            },
+            components: [primary],
+            markers: {
+                overflowToggledClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */
+            },
+            onOpened: (comp) => toolbarSpec.onToggled(comp, true),
+            onClosed: (comp) => toolbarSpec.onToggled(comp, false)
+        });
+    };
+    const renderSlidingMoreToolbar = (toolbarSpec) => {
+        const primary = SplitSlidingToolbar.parts.primary({
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar__primary']
+            }
+        });
+        const overflow = SplitSlidingToolbar.parts.overflow({
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar__overflow']
+            }
+        });
+        const baseSpec = renderMoreToolbarCommon(toolbarSpec);
+        return SplitSlidingToolbar.sketch({
+            ...baseSpec,
+            components: [primary, overflow],
+            markers: {
+                openClass: 'tox-toolbar__overflow--open',
+                closedClass: 'tox-toolbar__overflow--closed',
+                growingClass: 'tox-toolbar__overflow--growing',
+                shrinkingClass: 'tox-toolbar__overflow--shrinking',
+                overflowToggledClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */
+            },
+            onOpened: (comp) => {
+                // TINY-9223: This will only broadcast to the same mothership as the toolbar
+                comp.getSystem().broadcastOn([toolbarHeightChange()], { type: 'opened' });
+                toolbarSpec.onToggled(comp, true);
+            },
+            onClosed: (comp) => {
+                // TINY-9223: This will only broadcast to the same mothership as the toolbar
+                comp.getSystem().broadcastOn([toolbarHeightChange()], { type: 'closed' });
+                toolbarSpec.onToggled(comp, false);
+            }
+        });
+    };
+    const renderToolbar = (toolbarSpec) => {
+        const modeName = toolbarSpec.cyclicKeying ? 'cyclic' : 'acyclic';
+        return Toolbar.sketch({
+            uid: toolbarSpec.uid,
+            dom: {
+                tag: 'div',
+                classes: ['tox-toolbar'].concat(toolbarSpec.type === ToolbarMode$1.scrolling ? ['tox-toolbar--scrolling'] : [])
+            },
+            components: [
+                Toolbar.parts.groups({})
+            ],
+            toolbarBehaviours: getToolbarBehaviours(toolbarSpec, modeName)
+        });
+    };
+
+    const renderButton = (spec, providers) => {
+        var _a, _b;
+        const isToggleButton = spec.type === 'togglebutton';
+        const optMemIcon = spec.icon
+            ?.map((memIcon) => renderReplaceableIconFromPack(memIcon, providers.icons))
+            ?.map(record);
+        const getAction = () => (comp) => {
+            const setIcon = (newIcon) => {
+                optMemIcon?.map((memIcon) => memIcon.getOpt(comp).each((displayIcon) => {
+                    Replacing.set(displayIcon, [
+                        renderReplaceableIconFromPack(newIcon, providers.icons)
+                    ]);
+                }));
+            };
+            const setActive = (state) => {
+                const elm = comp.element;
+                if (state) {
+                    add$2(elm, "tox-button--enabled" /* ViewButtonClasses.Ticked */);
+                    set$9(elm, 'aria-pressed', true);
+                }
+                else {
+                    remove$3(elm, "tox-button--enabled" /* ViewButtonClasses.Ticked */);
+                    remove$8(elm, 'aria-pressed');
+                }
+            };
+            const isActive = () => has(comp.element, "tox-button--enabled" /* ViewButtonClasses.Ticked */);
+            const focus = () => focus$4(comp.element);
+            if (isToggleButton) {
+                return spec.onAction({ setIcon, setActive, isActive, focus });
+            }
+            if (spec.type === 'button') {
+                return spec.onAction({ setIcon });
+            }
+        };
+        const action = getAction();
+        const buttonSpec = {
+            ...spec,
+            name: isToggleButton ? spec.text.getOr(spec.icon.getOr('')) : (_a = spec.text) !== null && _a !== void 0 ? _a : spec.icon.getOr(''),
+            primary: spec.buttonType === 'primary',
+            buttonType: Optional.from(spec.buttonType),
+            tooltip: spec.tooltip,
+            icon: spec.icon,
+            enabled: true,
+            borderless: spec.borderless
+        };
+        const buttonTypeClasses = calculateClassesFromButtonType((_b = spec.buttonType) !== null && _b !== void 0 ? _b : 'secondary');
+        const optTranslatedText = isToggleButton ? spec.text?.map(providers.translate) : Optional?.some(providers.translate(spec.text));
+        const optTranslatedTextComponed = optTranslatedText?.map(text$2);
+        const ariaLabelAttributes = buttonSpec.tooltip.or(optTranslatedText)?.map((al) => ({
+            'aria-label': providers.translate(al),
+        })).getOr({});
+        const optIconSpec = optMemIcon?.map((memIcon) => memIcon.asSpec());
+        const components = componentRenderPipeline([optIconSpec, optTranslatedTextComponed]);
+        const hasIconAndText = spec.icon.isSome() && optTranslatedTextComponed.isSome();
+        const dom = {
+            tag: 'button',
+            classes: buttonTypeClasses
+                .concat(...spec.icon.isSome() && !hasIconAndText ? ['tox-button--icon'] : [])
+                .concat(...hasIconAndText ? ['tox-button--icon-and-text'] : [])
+                .concat(...spec.borderless ? ['tox-button--naked'] : [])
+                .concat(...spec.type === 'togglebutton' && spec.active ? ["tox-button--enabled" /* ViewButtonClasses.Ticked */] : []),
+            attributes: ariaLabelAttributes
+        };
+        const extraBehaviours = [];
+        const iconButtonSpec = renderCommonSpec(buttonSpec, Optional?.some(action), extraBehaviours, dom, components, spec.tooltip, providers);
+        return Button.sketch(iconButtonSpec);
+    };
+
+    const renderViewButton = (spec, providers) => renderButton(spec, providers);
+    const renderButtonsGroup = (spec, providers) => {
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-view__toolbar__group'],
+            },
+            components: map$2(spec.buttons, (button) => renderViewButton(button, providers))
+        };
+    };
+    const deviceDetection = detect$1().deviceType;
+    const isPhone = deviceDetection.isPhone();
+    const isTablet = deviceDetection.isTablet();
+    const renderViewHeader = (spec) => {
+        let hasGroups = false;
+        const endButtons = map$2(spec.buttons, (btnspec) => {
+            if (btnspec.type === 'group') {
+                hasGroups = true;
+                return renderButtonsGroup(btnspec, spec.providers);
+            }
+            else {
+                return renderViewButton(btnspec, spec.providers);
+            }
+        });
+        return {
+            uid: spec.uid,
+            dom: {
+                tag: 'div',
+                classes: [
+                    !hasGroups ? 'tox-view__header' : 'tox-view__toolbar',
+                    ...(isPhone || isTablet ? ['tox-view--mobile', 'tox-view--scrolling'] : [])
+                ]
+            },
+            behaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'flow',
+                    selector: 'button, .tox-button',
+                    focusInside: FocusInsideModes.OnEnterOrSpaceMode
+                })
+            ]),
+            components: hasGroups ?
+                endButtons
+                : [
+                    Container.sketch({
+                        dom: {
+                            tag: 'div',
+                            classes: ['tox-view__header-start']
+                        },
+                        components: []
+                    }),
+                    Container.sketch({
+                        dom: {
+                            tag: 'div',
+                            classes: ['tox-view__header-end']
+                        },
+                        components: endButtons
+                    })
+                ]
+        };
+    };
+    const renderViewPane = (spec) => {
+        return {
+            uid: spec.uid,
+            behaviours: derive$1([
+                Focusing.config({}),
+                Tabstopping.config({})
+            ]),
+            dom: {
+                tag: 'div',
+                classes: ['tox-view__pane']
+            }
+        };
+    };
+    const factory$2 = (detail, components, _spec, _externals) => {
+        const apis = {
+            getPane: (comp) => parts$h.getPart(comp, detail, 'pane'),
+            getOnShow: (_comp) => detail.viewConfig.onShow,
+            getOnHide: (_comp) => detail.viewConfig.onHide,
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            behaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'cyclic',
+                    focusInside: FocusInsideModes.OnEnterOrSpaceMode
+                })
+            ]),
+            apis
+        };
+    };
+    var View = composite({
+        name: 'silver.View',
+        configFields: [
+            required$1('viewConfig'),
+        ],
+        partFields: [
+            optional({
+                factory: {
+                    sketch: renderViewHeader
+                },
+                schema: [
+                    required$1('buttons'),
+                    required$1('providers')
+                ],
+                name: 'header'
+            }),
+            optional({
+                factory: {
+                    sketch: renderViewPane
+                },
+                schema: [],
+                name: 'pane'
+            })
+        ],
+        factory: factory$2,
+        apis: {
+            getPane: (apis, comp) => apis.getPane(comp),
+            getOnShow: (apis, comp) => apis.getOnShow(comp),
+            getOnHide: (apis, comp) => apis.getOnHide(comp)
+        }
+    });
+
+    const makeViews = (parts, viewConfigs, providers) => {
+        return mapToArray(viewConfigs, (config, name) => {
+            const internalViewConfig = getOrDie(createView(config));
+            return parts.slot(name, View.sketch({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-view']
+                },
+                viewConfig: internalViewConfig,
+                components: [
+                    ...internalViewConfig.buttons.length > 0 ? [
+                        View.parts.header({
+                            buttons: internalViewConfig.buttons,
+                            providers
+                        })
+                    ] : [],
+                    View.parts.pane({})
+                ]
+            }));
+        });
+    };
+    const makeSlotContainer = (viewConfigs, providers) => SlotContainer.sketch((parts) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-view-wrap__slot-container']
+        },
+        components: makeViews(parts, viewConfigs, providers),
+        slotBehaviours: SimpleBehaviours.unnamedEvents([
+            runOnAttached((slotContainer) => SlotContainer.hideAllSlots(slotContainer))
+        ])
+    }));
+    const getCurrentName = (slotContainer) => {
+        return find$5(SlotContainer.getSlotNames(slotContainer), (name) => SlotContainer.isShowing(slotContainer, name));
+    };
+    const hideContainer = (comp) => {
+        const element = comp.element;
+        set$7(element, 'display', 'none');
+        set$9(element, 'aria-hidden', 'true');
+    };
+    const showContainer = (comp) => {
+        const element = comp.element;
+        remove$6(element, 'display');
+        remove$8(element, 'aria-hidden');
+    };
+    const makeViewInstanceApi = (slot) => ({
+        getContainer: constant$1(slot)
+    });
+    const runOnPaneWithInstanceApi = (slotContainer, name, get) => {
+        SlotContainer.getSlot(slotContainer, name).each((view) => {
+            View.getPane(view).each((pane) => {
+                const onCallback = get(view);
+                onCallback(makeViewInstanceApi(pane.element.dom));
+            });
+        });
+    };
+    const runOnShow = (slotContainer, name) => runOnPaneWithInstanceApi(slotContainer, name, View.getOnShow);
+    const runOnHide = (slotContainer, name) => runOnPaneWithInstanceApi(slotContainer, name, View.getOnHide);
+    const factory$1 = (detail, spec) => {
+        const setViews = (comp, viewConfigs) => {
+            Replacing.set(comp, [makeSlotContainer(viewConfigs, spec.backstage.shared.providers)]);
+        };
+        const whichView = (comp) => {
+            return Composing.getCurrent(comp).bind(getCurrentName);
+        };
+        const toggleView = (comp, showMainView, hideMainView, name) => {
+            return Composing.getCurrent(comp).exists((slotContainer) => {
+                const optCurrentSlotName = getCurrentName(slotContainer);
+                const isTogglingCurrentView = optCurrentSlotName.exists((current) => name === current);
+                const exists = SlotContainer.getSlot(slotContainer, name).isSome();
+                if (exists) {
+                    SlotContainer.hideAllSlots(slotContainer);
+                    if (!isTogglingCurrentView) {
+                        hideMainView();
+                        showContainer(comp);
+                        SlotContainer.showSlot(slotContainer, name);
+                        runOnShow(slotContainer, name);
+                    }
+                    else {
+                        hideContainer(comp);
+                        showMainView();
+                    }
+                    optCurrentSlotName.each((prevName) => runOnHide(slotContainer, prevName));
+                }
+                return exists;
+            });
+        };
+        const apis = {
+            setViews,
+            whichView,
+            toggleView
+        };
+        return {
+            uid: detail.uid,
+            dom: {
+                tag: 'div',
+                classes: ['tox-view-wrap'],
+                attributes: { 'aria-hidden': 'true' },
+                styles: { display: 'none' }
+            },
+            components: [
+            // this will be replaced on setViews
+            ],
+            behaviours: derive$1([
+                Replacing.config({}),
+                Composing.config({
+                    find: (comp) => {
+                        const children = Replacing.contents(comp);
+                        return head(children);
+                    }
+                })
+            ]),
+            apis
+        };
+    };
+    var ViewWrapper = single({
+        factory: factory$1,
+        name: 'silver.ViewWrapper',
+        configFields: [
+            required$1('backstage')
+        ],
+        apis: {
+            setViews: (apis, comp, views) => apis.setViews(comp, views),
+            toggleView: (apis, comp, outerContainer, editorCont, name) => apis.toggleView(comp, outerContainer, editorCont, name),
+            whichView: (apis, comp) => apis.whichView(comp)
+        }
+    });
+
+    const factory = (detail, components, _spec) => {
+        let toolbarDrawerOpenState = false;
+        const toggleStatusbar = (editorContainer) => {
+            sibling(editorContainer, '.tox-statusbar').each((statusBar) => {
+                if (get$e(statusBar, 'display') === 'none' && get$g(statusBar, 'aria-hidden') === 'true') {
+                    remove$6(statusBar, 'display');
+                    remove$8(statusBar, 'aria-hidden');
+                }
+                else {
+                    set$7(statusBar, 'display', 'none');
+                    set$9(statusBar, 'aria-hidden', 'true');
+                }
+            });
+        };
+        const apis = {
+            getSocket: (comp) => {
+                return parts$h.getPart(comp, detail, 'socket');
+            },
+            setSidebar: (comp, panelConfigs, showSidebar) => {
+                parts$h.getPart(comp, detail, 'sidebar').each((sidebar) => setSidebar(sidebar, panelConfigs, showSidebar));
+            },
+            toggleSidebar: (comp, name) => {
+                parts$h.getPart(comp, detail, 'sidebar').each((sidebar) => toggleSidebar(sidebar, name));
+            },
+            whichSidebar: (comp) => {
+                return parts$h.getPart(comp, detail, 'sidebar').bind(whichSidebar).getOrNull();
+            },
+            getHeader: (comp) => {
+                return parts$h.getPart(comp, detail, 'header');
+            },
+            getToolbar: (comp) => {
+                return parts$h.getPart(comp, detail, 'toolbar');
+            },
+            setToolbar: (comp, groups) => {
+                parts$h.getPart(comp, detail, 'toolbar').each((toolbar) => {
+                    const renderedGroups = map$2(groups, renderToolbarGroup);
+                    toolbar.getApis().setGroups(toolbar, renderedGroups);
+                });
+            },
+            setToolbars: (comp, toolbars) => {
+                parts$h.getPart(comp, detail, 'multiple-toolbar').each((mToolbar) => {
+                    const renderedToolbars = map$2(toolbars, (g) => map$2(g, renderToolbarGroup));
+                    CustomList.setItems(mToolbar, renderedToolbars);
+                });
+            },
+            refreshToolbar: (comp) => {
+                const toolbar = parts$h.getPart(comp, detail, 'toolbar');
+                toolbar.each((toolbar) => toolbar.getApis().refresh(toolbar));
+            },
+            toggleToolbarDrawer: (comp) => {
+                parts$h.getPart(comp, detail, 'toolbar').each((toolbar) => {
+                    mapFrom(toolbar.getApis().toggle, (toggle) => toggle(toolbar));
+                });
+            },
+            toggleToolbarDrawerWithoutFocusing: (comp) => {
+                parts$h.getPart(comp, detail, 'toolbar').each((toolbar) => {
+                    mapFrom(toolbar.getApis().toggleWithoutFocusing, (toggleWithoutFocusing) => toggleWithoutFocusing(toolbar));
+                });
+            },
+            isToolbarDrawerToggled: (comp) => {
+                // isOpen may not be defined on all toolbars e.g. 'scrolling' and 'wrap'
+                return parts$h.getPart(comp, detail, 'toolbar')
+                    .bind((toolbar) => Optional.from(toolbar.getApis().isOpen)?.map((isOpen) => isOpen(toolbar)))
+                    .getOr(false);
+            },
+            getThrobber: (comp) => {
+                return parts$h.getPart(comp, detail, 'throbber');
+            },
+            focusToolbar: (comp) => {
+                const optToolbar = parts$h.getPart(comp, detail, 'toolbar').orThunk(() => parts$h.getPart(comp, detail, 'multiple-toolbar'));
+                optToolbar.each((toolbar) => {
+                    Keying.focusIn(toolbar);
+                });
+            },
+            setMenubar: (comp, menus) => {
+                parts$h.getPart(comp, detail, 'menubar').each((menubar) => {
+                    SilverMenubar.setMenus(menubar, menus);
+                });
+            },
+            focusMenubar: (comp) => {
+                parts$h.getPart(comp, detail, 'menubar').each((menubar) => {
+                    SilverMenubar.focus(menubar);
+                });
+            },
+            setViews: (comp, viewConfigs) => {
+                parts$h.getPart(comp, detail, 'viewWrapper').each((wrapper) => {
+                    ViewWrapper.setViews(wrapper, viewConfigs);
+                });
+            },
+            toggleView: (comp, name) => {
+                return parts$h.getPart(comp, detail, 'viewWrapper').exists((wrapper) => ViewWrapper.toggleView(wrapper, () => apis.showMainView(comp), () => apis.hideMainView(comp), name));
+            },
+            whichView: (comp) => {
+                return parts$h.getPart(comp, detail, 'viewWrapper').bind(ViewWrapper.whichView).getOrNull();
+            },
+            hideMainView: (comp) => {
+                toolbarDrawerOpenState = apis.isToolbarDrawerToggled(comp);
+                if (toolbarDrawerOpenState) {
+                    apis.toggleToolbarDrawer(comp);
+                }
+                parts$h.getPart(comp, detail, 'editorContainer').each((editorContainer) => {
+                    const element = editorContainer.element;
+                    toggleStatusbar(element);
+                    set$7(element, 'display', 'none');
+                    set$9(element, 'aria-hidden', 'true');
+                });
+            },
+            showMainView: (comp) => {
+                if (toolbarDrawerOpenState) {
+                    apis.toggleToolbarDrawer(comp);
+                }
+                parts$h.getPart(comp, detail, 'editorContainer').each((editorContainer) => {
+                    const element = editorContainer.element;
+                    toggleStatusbar(element);
+                    remove$6(element, 'display');
+                    remove$8(element, 'aria-hidden');
+                });
+            }
+        };
+        return {
+            uid: detail.uid,
+            dom: detail.dom,
+            components,
+            apis,
+            behaviours: detail.behaviours
+        };
+    };
+    const partMenubar = partType$1.optional({
+        factory: SilverMenubar,
+        name: 'menubar',
+        schema: [
+            required$1('backstage')
+        ]
+    });
+    const toolbarFactory = (spec) => {
+        if (spec.type === ToolbarMode$1.sliding) {
+            return renderSlidingMoreToolbar;
+        }
+        else if (spec.type === ToolbarMode$1.floating) {
+            return renderFloatingMoreToolbar;
+        }
+        else {
+            return renderToolbar;
+        }
+    };
+    const partMultipleToolbar = partType$1.optional({
+        factory: {
+            sketch: (spec) => CustomList.sketch({
+                uid: spec.uid,
+                dom: spec.dom,
+                listBehaviours: derive$1([
+                    Keying.config({
+                        mode: 'acyclic',
+                        selector: '.tox-toolbar'
+                    })
+                ]),
+                makeItem: () => renderToolbar({
+                    type: spec.type,
+                    uid: generate$6('multiple-toolbar-item'),
+                    cyclicKeying: false,
+                    initGroups: [],
+                    providers: spec.providers,
+                    onEscape: () => {
+                        spec.onEscape();
+                        return Optional?.some(true);
+                    }
+                }),
+                setupItem: (_mToolbar, tc, data, _index) => {
+                    Toolbar.setGroups(tc, data);
+                },
+                shell: true
+            })
+        },
+        name: 'multiple-toolbar',
+        schema: [
+            required$1('dom'),
+            required$1('onEscape')
+        ]
+    });
+    const partToolbar = partType$1.optional({
+        factory: {
+            sketch: (spec) => {
+                const renderer = toolbarFactory(spec);
+                const toolbarSpec = {
+                    type: spec.type,
+                    uid: spec.uid,
+                    onEscape: () => {
+                        spec.onEscape();
+                        return Optional?.some(true);
+                    },
+                    onToggled: (_comp, state) => spec.onToolbarToggled(state),
+                    cyclicKeying: false,
+                    initGroups: [],
+                    getSink: spec.getSink,
+                    providers: spec.providers,
+                    moreDrawerData: {
+                        lazyToolbar: spec.lazyToolbar,
+                        lazyMoreButton: spec.lazyMoreButton,
+                        lazyHeader: spec.lazyHeader
+                    },
+                    attributes: spec.attributes
+                };
+                return renderer(toolbarSpec);
+            }
+        },
+        name: 'toolbar',
+        schema: [
+            required$1('dom'),
+            required$1('onEscape'),
+            required$1('getSink')
+        ]
+    });
+    const partHeader = partType$1.optional({
+        factory: {
+            sketch: renderHeader
+        },
+        name: 'header',
+        schema: [
+            required$1('dom')
+        ]
+    });
+    const partPromotion = partType$1.optional({
+        factory: {
+            sketch: renderPromotion
+        },
+        name: 'promotion',
+        schema: [
+            required$1('dom'),
+            required$1('promotionLink')
+        ]
+    });
+    const partSocket = partType$1.optional({
+        // factory: Fun.identity,
+        name: 'socket',
+        schema: [
+            required$1('dom')
+        ]
+    });
+    const partSidebar = partType$1.optional({
+        factory: {
+            sketch: renderSidebar
+        },
+        name: 'sidebar',
+        schema: [
+            required$1('dom')
+        ]
+    });
+    const partThrobber = partType$1.optional({
+        factory: {
+            sketch: renderThrobber
+        },
+        name: 'throbber',
+        schema: [
+            required$1('dom')
+        ]
+    });
+    const partViewWrapper = partType$1.optional({
+        factory: ViewWrapper,
+        name: 'viewWrapper',
+        schema: [
+            required$1('backstage')
+        ]
+    });
+    const renderEditorContainer = (spec) => ({
+        uid: spec.uid,
+        dom: {
+            tag: 'div',
+            classes: ['tox-editor-container']
+        },
+        components: spec.components
+    });
+    const partEditorContainer = partType$1.optional({
+        factory: {
+            sketch: renderEditorContainer
+        },
+        name: 'editorContainer',
+        schema: []
+    });
+    var OuterContainer = composite({
+        name: 'OuterContainer',
+        factory,
+        configFields: [
+            required$1('dom'),
+            required$1('behaviours')
+        ],
+        partFields: [
+            partHeader,
+            partMenubar,
+            partToolbar,
+            partMultipleToolbar,
+            partSocket,
+            partSidebar,
+            partPromotion,
+            partThrobber,
+            partViewWrapper,
+            partEditorContainer
+        ],
+        apis: {
+            getSocket: (apis, comp) => {
+                return apis.getSocket(comp);
+            },
+            setSidebar: (apis, comp, panelConfigs, showSidebar) => {
+                apis.setSidebar(comp, panelConfigs, showSidebar);
+            },
+            toggleSidebar: (apis, comp, name) => {
+                apis.toggleSidebar(comp, name);
+            },
+            whichSidebar: (apis, comp) => {
+                return apis.whichSidebar(comp);
+            },
+            getHeader: (apis, comp) => {
+                return apis.getHeader(comp);
+            },
+            getToolbar: (apis, comp) => {
+                return apis.getToolbar(comp);
+            },
+            setToolbar: (apis, comp, groups) => {
+                apis.setToolbar(comp, groups);
+            },
+            setToolbars: (apis, comp, toolbars) => {
+                apis.setToolbars(comp, toolbars);
+            },
+            refreshToolbar: (apis, comp) => {
+                return apis.refreshToolbar(comp);
+            },
+            toggleToolbarDrawer: (apis, comp) => {
+                apis.toggleToolbarDrawer(comp);
+            },
+            toggleToolbarDrawerWithoutFocusing: (apis, comp) => {
+                apis.toggleToolbarDrawerWithoutFocusing(comp);
+            },
+            isToolbarDrawerToggled: (apis, comp) => {
+                return apis.isToolbarDrawerToggled(comp);
+            },
+            getThrobber: (apis, comp) => {
+                return apis.getThrobber(comp);
+            },
+            // FIX: Dupe
+            setMenubar: (apis, comp, menus) => {
+                apis.setMenubar(comp, menus);
+            },
+            focusMenubar: (apis, comp) => {
+                apis.focusMenubar(comp);
+            },
+            focusToolbar: (apis, comp) => {
+                apis.focusToolbar(comp);
+            },
+            setViews: (apis, comp, views) => {
+                apis.setViews(comp, views);
+            },
+            toggleView: (apis, comp, name) => {
+                return apis.toggleView(comp, name);
+            },
+            whichView: (apis, comp) => {
+                return apis.whichView(comp);
+            },
+        }
+    });
+
+    const defaultMenubar = 'file edit view insert format tools table help';
+    const defaultMenus = {
+        file: { title: 'File', items: 'newdocument restoredraft | preview | importword exportpdf exportword | export print | deleteallconversations' },
+        edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall | searchreplace' },
+        view: { title: 'View', items: 'code revisionhistory | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments' },
+        insert: { title: 'Insert', items: 'image link media addcomment pageembed inserttemplate codesample inserttable accordion math | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents footnotes | mergetags | insertdatetime' },
+        format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript codeformat | styles blocks fontfamily fontsize align lineheight | forecolor backcolor | language | removeformat' },
+        tools: { title: 'Tools', items: 'aidialog aishortcuts | spellchecker spellcheckerlanguage | autocorrect capitalization | a11ycheck code typography wordcount addtemplate' },
+        table: { title: 'Table', items: 'inserttable | cell row column | advtablesort | tableprops deletetable' },
+        help: { title: 'Help', items: 'help' }
+    };
+    const make = (menu, registry, editor) => {
+        const removedMenuItems = getRemovedMenuItems(editor).split(/[ ,]/);
+        return {
+            text: menu.title,
+            getItems: () => bind$3(menu.items, (i) => {
+                const itemName = i.toLowerCase();
+                if (itemName.trim().length === 0) {
+                    return [];
+                }
+                else if (exists(removedMenuItems, (removedMenuItem) => removedMenuItem === itemName)) {
+                    return [];
+                }
+                else if (itemName === 'separator' || itemName === '|') {
+                    return [{
+                            type: 'separator'
+                        }];
+                }
+                else if (registry.menuItems[itemName]) {
+                    return [registry.menuItems[itemName]];
+                }
+                else {
+                    return [];
+                }
+            })
+        };
+    };
+    const parseItemsString = (items) => {
+        return items.split(' ');
+    };
+    const identifyMenus = (editor, registry) => {
+        const rawMenuData = { ...defaultMenus, ...registry.menus };
+        const userDefinedMenus = keys(registry.menus).length > 0;
+        const menubar = registry.menubar === undefined || registry.menubar === true ? parseItemsString(defaultMenubar) : parseItemsString(registry.menubar === false ? '' : registry.menubar);
+        const validMenus = filter$2(menubar, (menuName) => {
+            const isDefaultMenu = has$2(defaultMenus, menuName);
+            if (userDefinedMenus) {
+                return isDefaultMenu || get$h(registry.menus, menuName).exists((menu) => has$2(menu, 'items'));
+            }
+            else {
+                return isDefaultMenu;
+            }
+        });
+        const menus = map$2(validMenus, (menuName) => {
+            const menuData = rawMenuData[menuName];
+            return make({ title: menuData.title, items: parseItemsString(menuData.items) }, registry, editor);
+        });
+        return filter$2(menus, (menu) => {
+            // Filter out menus that have no items, or only separators
+            const isNotSeparator = (item) => isString(item) || item.type !== 'separator';
+            return menu.getItems().length > 0 && exists(menu.getItems(), isNotSeparator);
+        });
+    };
+
+    const fireSkinLoaded = (editor) => {
+        const done = () => {
+            editor._skinLoaded = true;
+            fireSkinLoaded$1(editor);
+        };
+        return () => {
+            if (editor.initialized) {
+                done();
+            }
+            else {
+                editor.on('init', done);
+            }
+        };
+    };
+    const fireSkinLoadError = (editor, err) => () => fireSkinLoadError$1(editor, { message: err });
+
+    const getSkinResourceIdentifier = (editor) => {
+        const skin = getSkin(editor);
+        // Use falsy check to cover false, undefined/null and empty string
+        if (!skin) {
+            return Optional.none();
+        }
+        else {
+            return Optional.from(skin);
+        }
+    };
+    const loadStylesheet = (editor, stylesheetUrl, styleSheetLoader) => {
+        // Ensure the stylesheet is cleaned up when the editor is destroyed
+        editor.on('remove', () => styleSheetLoader.unload(stylesheetUrl));
+        return styleSheetLoader.load(stylesheetUrl);
+    };
+    const loadRawCss = (editor, key, css, styleSheetLoader) => {
+        // Ensure the stylesheet is cleaned up when the editor is destroyed
+        editor.on('remove', () => styleSheetLoader.unloadRawCss(key));
+        return styleSheetLoader.loadRawCss(key, css);
+    };
+    const skinIdentifierToResourceKey = (identifier, filename) => 'ui/' + identifier + '/' + filename;
+    const getResourceValue = (resourceKey) => Optional.from(tinymce.Resource.get(resourceKey)).filter(isString);
+    const determineCSSDecision = (editor, filenameBase, skinUrl = '') => {
+        const resourceKey = getSkinResourceIdentifier(editor)
+            ?.map((identifier) => skinIdentifierToResourceKey(identifier, `${filenameBase}.css`));
+        const resourceValue = resourceKey.bind(getResourceValue);
+        return lift2(resourceKey, resourceValue, (key, css) => {
+            return { _kind: 'load-raw', key, css };
+        }).getOrThunk(() => {
+            const suffix = editor.editorManager.suffix;
+            const skinUiCssUrl = skinUrl + `/${filenameBase}${suffix}.css`;
+            return { _kind: 'load-stylesheet', url: skinUiCssUrl };
+        });
+    };
+    const loadUiSkins = (editor, skinUrl) => {
+        const loader = editor.ui.styleSheetLoader;
+        const decision = determineCSSDecision(editor, 'skin', skinUrl);
+        switch (decision._kind) {
+            case 'load-raw':
+                const { key, css } = decision;
+                loadRawCss(editor, key, css, loader);
+                return Promise.resolve();
+            case 'load-stylesheet':
+                const { url } = decision;
+                return loadStylesheet(editor, url, loader);
+            default:
+                return Promise.resolve();
+        }
+    };
+    const loadShadowDomUiSkins = (editor, skinUrl) => {
+        const isInShadowRoot$1 = isInShadowRoot(SugarElement.fromDom(editor.getElement()));
+        if (!isInShadowRoot$1) {
+            return Promise.resolve();
+        }
+        else {
+            const loader = global$9.DOM.styleSheetLoader;
+            const decision = determineCSSDecision(editor, 'skin.shadowdom', skinUrl);
+            switch (decision._kind) {
+                case 'load-raw':
+                    const { key, css } = decision;
+                    loadRawCss(editor, key, css, loader);
+                    return Promise.resolve();
+                case 'load-stylesheet':
+                    const { url } = decision;
+                    return loadStylesheet(editor, url, loader);
+                default:
+                    return Promise.resolve();
+            }
+        }
+    };
+    const loadUiContentCSS = (editor, isInline, skinUrl) => {
+        const filenameBase = isInline ? 'content.inline' : 'content';
+        const decision = determineCSSDecision(editor, filenameBase, skinUrl);
+        switch (decision._kind) {
+            case 'load-raw':
+                const { key, css } = decision;
+                if (isInline) {
+                    loadRawCss(editor, key, css, editor.ui.styleSheetLoader);
+                }
+                else {
+                    // Need to wait until the iframe is in the DOM before trying to load
+                    // the style into the iframe document
+                    editor.on('PostRender', () => {
+                        loadRawCss(editor, key, css, editor.dom.styleSheetLoader);
+                    });
+                }
+                return Promise.resolve();
+            case 'load-stylesheet':
+                const { url } = decision;
+                if (skinUrl) {
+                    editor.contentCSS.push(url);
+                }
+                return Promise.resolve();
+            default:
+                return Promise.resolve();
+        }
+    };
+    const loadUrlSkin = async (isInline, editor) => {
+        const skinUrl = getSkinUrl(editor);
+        await loadUiContentCSS(editor, isInline, skinUrl);
+        // In Modern Inline, this is explicitly called in editor.on('focus', ...) as well as in render().
+        // Seems to work without, but adding a note in case things break later
+        if (!isSkinDisabled(editor) && isString(skinUrl)) {
+            return Promise.all([
+                loadUiSkins(editor, skinUrl),
+                loadShadowDomUiSkins(editor, skinUrl)
+            ]).then();
+        }
+    };
+    const loadSkin = (isInline, editor) => {
+        return loadUrlSkin(isInline, editor).then(fireSkinLoaded(editor), fireSkinLoadError(editor, 'Skin could not be loaded'));
+    };
+    const iframe = curry(loadSkin, false);
+    const inline = curry(loadSkin, true);
+
+    const getButtonApi = (component) => ({
+        isEnabled: () => !Disabling.isDisabled(component),
+        setEnabled: (state) => Disabling.set(component, !state),
+        setText: (text) => emitWith(component, updateMenuText, {
+            text
+        }),
+        setIcon: (icon) => emitWith(component, updateMenuIcon, {
+            icon
+        })
+    });
+    const getToggleApi = (component) => ({
+        setActive: (state) => {
+            Toggling.set(component, state);
+        },
+        isActive: () => Toggling.isOn(component),
+        isEnabled: () => !Disabling.isDisabled(component),
+        setEnabled: (state) => Disabling.set(component, !state),
+        setText: (text) => emitWith(component, updateMenuText, {
+            text
+        }),
+        setIcon: (icon) => emitWith(component, updateMenuIcon, {
+            icon
+        })
+    });
+    const getTooltipAttributes = (tooltip, providersBackstage) => tooltip?.map((tooltip) => ({
+        'aria-label': providersBackstage.translate(tooltip),
+    })).getOr({});
+    const focusButtonEvent = generate$6('focus-button');
+    const renderCommonStructure = (optIcon, optText, tooltip, behaviours, providersBackstage, context, btnName) => {
+        const optMemDisplayText = optText?.map((text) => record(renderLabel$1(text, "tox-tbtn" /* ToolbarButtonClasses.Button */, providersBackstage)));
+        const optMemDisplayIcon = optIcon?.map((icon) => record(renderReplaceableIconFromPack(icon, providersBackstage.icons)));
+        return {
+            dom: {
+                tag: 'button',
+                classes: ["tox-tbtn" /* ToolbarButtonClasses.Button */].concat(optText.isSome() ? ["tox-tbtn--select" /* ToolbarButtonClasses.MatchWidth */] : []),
+                attributes: {
+                    ...getTooltipAttributes(tooltip, providersBackstage),
+                    ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+                }
+            },
+            components: componentRenderPipeline([
+                optMemDisplayIcon?.map((mem) => mem.asSpec()),
+                optMemDisplayText?.map((mem) => mem.asSpec()),
+            ]),
+            eventOrder: {
+                [mousedown()]: [
+                    'focusing',
+                    'alloy.base.behaviour',
+                    commonButtonDisplayEvent
+                ],
+                [attachedToDom()]: [commonButtonDisplayEvent, 'toolbar-group-button-events'],
+                [detachedFromDom()]: [commonButtonDisplayEvent, 'toolbar-group-button-events', 'tooltipping']
+            },
+            buttonBehaviours: derive$1([
+                DisablingConfigs.toolbarButton(() => providersBackstage.checkUiComponentContext(context).shouldDisable),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext(context)),
+                config(commonButtonDisplayEvent, [
+                    runOnAttached((comp, _se) => forceInitialSize(comp)),
+                    run$1(updateMenuText, (comp, se) => {
+                        optMemDisplayText.bind((mem) => mem.getOpt(comp)).each((displayText) => {
+                            Replacing.set(displayText, [text$2(providersBackstage.translate(se.event.text))]);
+                        });
+                    }),
+                    run$1(updateMenuIcon, (comp, se) => {
+                        optMemDisplayIcon.bind((mem) => mem.getOpt(comp)).each((displayIcon) => {
+                            Replacing.set(displayIcon, [renderReplaceableIconFromPack(se.event.icon, providersBackstage.icons)]);
+                        });
+                    }),
+                    run$1(mousedown(), (button, se) => {
+                        se.event.prevent();
+                        emit(button, focusButtonEvent);
+                    })
+                ])
+            ].concat(behaviours.getOr([])))
+        };
+    };
+    const renderFloatingToolbarButton = (spec, backstage, identifyButtons, attributes, btnName) => {
+        const sharedBackstage = backstage.shared;
+        const editorOffCell = Cell(noop);
+        const specialisation = {
+            toolbarButtonBehaviours: [],
+            getApi: getButtonApi,
+            onSetup: spec.onSetup
+        };
+        const behaviours = [
+            config('toolbar-group-button-events', [
+                onControlAttached(specialisation, editorOffCell),
+                onControlDetached(specialisation, editorOffCell)
+            ]),
+            ...(spec.tooltip?.map((t) => Tooltipping.config(backstage.shared.providers.tooltips.getConfig({
+                tooltipText: backstage.shared.providers.translate(t),
+            })))).toArray()
+        ];
+        return FloatingToolbarButton.sketch({
+            lazySink: sharedBackstage.getSink,
+            fetch: () => Future.nu((resolve) => {
+                resolve(map$2(identifyButtons(spec.items), renderToolbarGroup));
+            }),
+            markers: {
+                toggledClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */
+            },
+            parts: {
+                button: renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional?.some(behaviours), sharedBackstage.providers, spec.context, btnName),
+                toolbar: {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-toolbar__overflow'],
+                        attributes
+                    }
+                }
+            }
+        });
+    };
+    const renderCommonToolbarButton = (spec, specialisation, providersBackstage, btnName) => {
+        var _d;
+        const editorOffCell = Cell(noop);
+        const structure = renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional.none(), providersBackstage, spec.context, btnName);
+        return Button.sketch({
+            dom: structure.dom,
+            components: structure.components,
+            eventOrder: toolbarButtonEventOrder,
+            buttonBehaviours: {
+                ...derive$1([
+                    config('toolbar-button-events', [
+                        onToolbarButtonExecute({
+                            onAction: spec.onAction,
+                            getApi: specialisation.getApi
+                        }),
+                        onControlAttached(specialisation, editorOffCell),
+                        onControlDetached(specialisation, editorOffCell)
+                    ]),
+                    ...(spec.tooltip?.map((t) => Tooltipping.config(providersBackstage.tooltips.getConfig({
+                        tooltipText: providersBackstage.translate(t) + spec.shortcut?.map((shortcut) => ` (${convertText(shortcut)})`).getOr(''),
+                    })))).toArray(),
+                    // Enable toolbar buttons by default
+                    DisablingConfigs.toolbarButton(() => !spec.enabled || providersBackstage.checkUiComponentContext(spec.context).shouldDisable),
+                    toggleOnReceive(() => providersBackstage.checkUiComponentContext(spec.context))
+                ].concat(specialisation.toolbarButtonBehaviours)),
+                // Here we add the commonButtonDisplayEvent behaviour from the structure so we can listen
+                // to updateMenuIcon and updateMenuText events and run the defined callbacks as they are
+                // defined in the renderCommonStructure function and fix the size of the button onAttached.
+                [commonButtonDisplayEvent]: (_d = structure.buttonBehaviours) === null || _d === void 0 ? void 0 : _d[commonButtonDisplayEvent],
+            }
+        });
+    };
+    const renderToolbarButton = (spec, providersBackstage, btnName) => renderToolbarButtonWith(spec, providersBackstage, [], btnName);
+    const renderToolbarButtonWith = (spec, providersBackstage, bonusEvents, btnName) => renderCommonToolbarButton(spec, {
+        toolbarButtonBehaviours: (bonusEvents.length > 0 ? [
+            // TODO: May have to pass through eventOrder if events start clashing
+            config('toolbarButtonWith', bonusEvents)
+        ] : []),
+        getApi: getButtonApi,
+        onSetup: spec.onSetup
+    }, providersBackstage, btnName);
+    const renderToolbarToggleButton = (spec, providersBackstage, btnName) => renderToolbarToggleButtonWith(spec, providersBackstage, [], btnName);
+    const renderToolbarToggleButtonWith = (spec, providersBackstage, bonusEvents, btnName) => renderCommonToolbarButton(spec, {
+        toolbarButtonBehaviours: [
+            Replacing.config({}),
+            Toggling.config({ toggleClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */, aria: { mode: 'pressed' }, toggleOnExecute: false })
+        ].concat(bonusEvents.length > 0 ? [
+            // TODO: May have to pass through eventOrder if events start clashing
+            config('toolbarToggleButtonWith', bonusEvents)
+        ] : []),
+        getApi: getToggleApi,
+        onSetup: spec.onSetup
+    }, providersBackstage, btnName);
+    const fetchChoices = (getApi, spec, providersBackstage) => (comp) => Future.nu((callback) => spec.fetch(callback))
+        ?.map((items) => Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$6('menu-value'), items, (value) => {
+        spec.onItemAction(getApi(comp), value);
+    }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(never), providersBackstage), {
+        movement: deriveMenuMovement(spec.columns, spec.presets),
+        menuBehaviours: SimpleBehaviours.unnamedEvents(spec.columns !== 'auto' ? [] : [
+            runOnAttached((comp, _se) => {
+                detectSize(comp, 4, classForPreset(spec.presets)).each(({ numRows, numColumns }) => {
+                    Keying.setGridSize(comp, numRows, numColumns);
+                });
+            })
+        ])
+    }))));
+    // TODO: hookup onSetup and onDestroy
+    const renderSplitButton = (spec, sharedBackstage, btnName) => {
+        const tooltipString = Cell(spec.tooltip.getOr(''));
+        const getApi = (comp) => ({
+            isEnabled: () => !Disabling.isDisabled(comp),
+            setEnabled: (state) => Disabling.set(comp, !state),
+            setIconFill: (id, value) => {
+                descendant(comp.element, `svg path[class="${id}"], rect[class="${id}"]`).each((underlinePath) => {
+                    set$9(underlinePath, 'fill', value);
+                });
+            },
+            setActive: (state) => {
+                // Toggle the pressed aria state component
+                set$9(comp.element, 'aria-pressed', state);
+                // Toggle the inner button state, as that's the toggle component of the split button
+                descendant(comp.element, 'span').each((button) => {
+                    comp.getSystem().getByDom(button).each((buttonComp) => Toggling.set(buttonComp, state));
+                });
+            },
+            isActive: () => descendant(comp.element, 'span').exists((button) => comp.getSystem().getByDom(button).exists(Toggling.isOn)),
+            setText: (text) => descendant(comp.element, 'span').each((button) => comp.getSystem().getByDom(button).each((buttonComp) => emitWith(buttonComp, updateMenuText, {
+                text
+            }))),
+            setIcon: (icon) => descendant(comp.element, 'span').each((button) => comp.getSystem().getByDom(button).each((buttonComp) => emitWith(buttonComp, updateMenuIcon, {
+                icon
+            }))),
+            setTooltip: (tooltip) => {
+                const translatedTooltip = sharedBackstage.providers.translate(tooltip);
+                set$9(comp.element, 'aria-label', translatedTooltip);
+                tooltipString.set(tooltip);
+            }
+        });
+        const editorOffCell = Cell(noop);
+        const specialisation = {
+            getApi,
+            onSetup: spec.onSetup
+        };
+        return SplitDropdown.sketch({
+            dom: {
+                tag: 'div',
+                classes: ["tox-split-button" /* ToolbarButtonClasses.SplitButton */],
+                attributes: {
+                    'aria-pressed': false,
+                    ...getTooltipAttributes(spec.tooltip, sharedBackstage.providers),
+                    ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+                }
+            },
+            onExecute: (button) => {
+                const api = getApi(button);
+                if (api.isEnabled()) {
+                    spec.onAction(api);
+                }
+            },
+            onItemExecute: (_a, _b, _c) => { },
+            splitDropdownBehaviours: derive$1([
+                config('split-dropdown-events', [
+                    runOnAttached((comp, _se) => forceInitialSize(comp)),
+                    run$1(focusButtonEvent, Focusing.focus),
+                    onControlAttached(specialisation, editorOffCell),
+                    onControlDetached(specialisation, editorOffCell)
+                ]),
+                DisablingConfigs.splitButton(() => sharedBackstage.providers.isDisabled() || sharedBackstage.providers.checkUiComponentContext(spec.context).shouldDisable),
+                toggleOnReceive(() => sharedBackstage.providers.checkUiComponentContext(spec.context)),
+                Unselecting.config({}),
+                ...(spec.tooltip?.map((tooltip) => {
+                    return Tooltipping.config({
+                        ...sharedBackstage.providers.tooltips.getConfig({
+                            tooltipText: sharedBackstage.providers.translate(tooltip),
+                            onShow: (comp) => {
+                                if (tooltipString.get() !== tooltip) {
+                                    const translatedTooltip = sharedBackstage.providers.translate(tooltipString.get());
+                                    Tooltipping.setComponents(comp, sharedBackstage.providers.tooltips.getComponents({ tooltipText: translatedTooltip }));
+                                }
+                            }
+                        }),
+                    });
+                }).toArray())
+            ]),
+            eventOrder: {
+                [attachedToDom()]: ['alloy.base.behaviour', 'split-dropdown-events', 'tooltipping'],
+                [detachedFromDom()]: ['split-dropdown-events', 'tooltipping']
+            },
+            toggleClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */,
+            lazySink: sharedBackstage.getSink,
+            fetch: fetchChoices(getApi, spec, sharedBackstage.providers),
+            parts: {
+                // FIX: hasIcons
+                menu: part(false, spec.columns, spec.presets)
+            },
+            components: [
+                SplitDropdown.parts.button(renderCommonStructure(spec.icon, spec.text, Optional.none(), Optional?.some([
+                    Toggling.config({ toggleClass: "tox-tbtn--enabled" /* ToolbarButtonClasses.Ticked */, toggleOnExecute: false }),
+                    DisablingConfigs.toolbarButton(never),
+                    toggleOnReceive(constant$1({ contextType: 'any', shouldDisable: false }))
+                ]), sharedBackstage.providers, spec.context)),
+                SplitDropdown.parts.arrow({
+                    dom: {
+                        tag: 'button',
+                        classes: ["tox-tbtn" /* ToolbarButtonClasses.Button */, 'tox-split-button__chevron'],
+                        innerHtml: get('chevron-down', sharedBackstage.providers.icons)
+                    },
+                    buttonBehaviours: derive$1([
+                        DisablingConfigs.splitButton(never),
+                        toggleOnReceive(constant$1({ contextType: 'any', shouldDisable: false }))
+                    ])
+                }),
+                SplitDropdown.parts['aria-descriptor']({
+                    text: sharedBackstage.providers.translate('To open the popup, press Shift+Enter')
+                })
+            ]
+        });
+    };
+
+    const contextFormInputSelector = '.tox-toolbar-slider__input,.tox-toolbar-textfield';
+    const focusIn = (contextbar) => {
+        InlineView.getContent(contextbar).each((comp) => {
+            descendant(comp.element, contextFormInputSelector).fold(() => Keying.focusIn(comp), focus$4);
+        });
+    };
+    // TODO: Is this really the best way to move focus out of the input when it gets disabled #TINY-11527
+    const focusParent = (comp) => search(comp.element).each((focus) => {
+        ancestor$1(focus, '[tabindex="-1"]').each((parent) => {
+            focus$4(parent);
+        });
+    });
+
+    const forwardSlideEvent = generate$6('forward-slide');
+    const backSlideEvent = generate$6('backward-slide');
+    const changeSlideEvent = generate$6('change-slide-event');
+    const resizingClass = 'tox-pop--resizing';
+    const renderContextToolbar = (spec) => {
+        const stack = Cell([]);
+        const sketch = InlineView.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-pop']
+            },
+            fireDismissalEventInstead: {
+                event: 'doNotDismissYet'
+            },
+            onShow: (comp) => {
+                stack.set([]);
+                InlineView.getContent(comp).each((c) => {
+                    remove$6(c.element, 'visibility');
+                });
+                remove$3(comp.element, resizingClass);
+                remove$6(comp.element, 'width');
+            },
+            onHide: () => {
+                stack.set([]);
+                spec.onHide();
+            },
+            inlineBehaviours: derive$1([
+                config('context-toolbar-events', [
+                    runOnSource(transitionend(), (comp, se) => {
+                        if (se.event.raw.propertyName === 'width') {
+                            remove$3(comp.element, resizingClass);
+                            remove$6(comp.element, 'width');
+                        }
+                    }),
+                    run$1(changeSlideEvent, (comp, se) => {
+                        const elem = comp.element;
+                        // If it was partially through a slide, clear that and measure afresh
+                        remove$6(elem, 'width');
+                        const currentWidth = get$c(elem);
+                        const hadFocus = search(comp.element).isSome();
+                        // Remove these so that we can property measure the width of the context form content
+                        remove$6(elem, 'left');
+                        remove$6(elem, 'right');
+                        remove$6(elem, 'max-width');
+                        InlineView.setContent(comp, se.event.contents);
+                        add$2(elem, resizingClass);
+                        const newWidth = get$c(elem);
+                        // Reposition without transition to avoid it from being animated from previous position
+                        set$7(elem, 'transition', 'none');
+                        InlineView.reposition(comp);
+                        remove$6(elem, 'transition');
+                        set$7(elem, 'width', currentWidth + 'px');
+                        se.event.focus.fold(() => {
+                            if (hadFocus) {
+                                focusIn(comp);
+                            }
+                        }, (f) => {
+                            active$1(getRootNode(comp.element)).fold(() => focus$4(f), (active) => {
+                                // We need this extra check since if the focus is aleady on the iframe we don't want to call focus on it again since that closes the context toolbar
+                                if (!eq(active, f)) {
+                                    focus$4(f);
+                                }
+                            });
+                        });
+                        setTimeout(() => {
+                            set$7(comp.element, 'width', newWidth + 'px');
+                        }, 0);
+                    }),
+                    run$1(forwardSlideEvent, (comp, se) => {
+                        InlineView.getContent(comp).each((oldContents) => {
+                            stack.set(stack.get().concat([
+                                {
+                                    bar: oldContents,
+                                    focus: active$1(getRootNode(comp.element))
+                                }
+                            ]));
+                        });
+                        emitWith(comp, changeSlideEvent, {
+                            contents: se.event.forwardContents,
+                            focus: Optional.none()
+                        });
+                    }),
+                    run$1(backSlideEvent, (comp, _se) => {
+                        spec.onBack();
+                        last$1(stack.get()).each((last) => {
+                            stack.set(stack.get().slice(0, stack.get().length - 1));
+                            emitWith(comp, changeSlideEvent, {
+                                // Because we are using premade, we should have access to the same element
+                                // to give focus (although it isn't working)
+                                contents: premade(last.bar),
+                                focus: last.focus
+                            });
+                        });
+                    })
+                ]),
+                Keying.config({
+                    mode: 'special',
+                    onEscape: (comp) => last$1(stack.get()).fold(() => 
+                    // Escape just focuses the content. It no longer closes the toolbar.
+                    spec.onEscape(), (_) => {
+                        emit(comp, backSlideEvent);
+                        return Optional?.some(true);
+                    })
+                })
+            ]),
+            lazySink: () => Result.value(spec.sink)
+        });
+        return {
+            sketch,
+            inSubtoolbar: () => stack.get().length > 0
+        };
+    };
+
+    const createNavigateBackButton = (editor, backstage) => {
+        const bridged = getOrDie(createToolbarButton({
+            type: 'button',
+            icon: 'chevron-left',
+            tooltip: 'Back',
+            onAction: noop
+        }));
+        return renderToolbarButtonWith(bridged, backstage.shared.providers, [
+            run$1(internalToolbarButtonExecute, (comp) => {
+                emit(comp, backSlideEvent);
+            })
+        ]);
+    };
+
+    const makeTooltipText = (editor, labelWithPlaceholder, value) => isEmpty(value) ? editor.translate(labelWithPlaceholder) : editor.translate([labelWithPlaceholder, editor.translate(value)]);
+
+    const generateSelectItems = (backstage, spec) => {
+        const generateItem = (rawItem, response, invalid, value) => {
+            const translatedText = backstage.shared.providers.translate(rawItem.title);
+            if (rawItem.type === 'separator') {
+                return Optional?.some({
+                    type: 'separator',
+                    text: translatedText
+                });
+            }
+            else if (rawItem.type === 'submenu') {
+                const items = bind$3(rawItem.getStyleItems(), (si) => validate(si, response, value));
+                if (response === 0 /* IrrelevantStyleItemResponse.Hide */ && items.length <= 0) {
+                    return Optional.none();
+                }
+                else {
+                    return Optional?.some({
+                        type: 'nestedmenuitem',
+                        text: translatedText,
+                        enabled: items.length > 0,
+                        getSubmenuItems: () => bind$3(rawItem.getStyleItems(), (si) => validate(si, response, value))
+                    });
+                }
+            }
+            else {
+                return Optional?.some({
+                    // ONLY TOGGLEMENUITEMS HANDLE STYLE META.
+                    // See ToggleMenuItem and ItemStructure for how it's handled.
+                    // If this type ever changes, we'll need to change that too
+                    type: 'togglemenuitem',
+                    text: translatedText,
+                    icon: rawItem.icon,
+                    active: rawItem.isSelected(value),
+                    enabled: !invalid,
+                    onAction: spec.onAction(rawItem),
+                    ...rawItem.getStylePreview().fold(() => ({}), (preview) => ({ meta: { style: preview } }))
+                });
+            }
+        };
+        const validate = (item, response, value) => {
+            const invalid = item.type === 'formatter' && spec.isInvalid(item);
+            // If we are making them disappear based on some setting
+            if (response === 0 /* IrrelevantStyleItemResponse.Hide */) {
+                return invalid ? [] : generateItem(item, response, false, value).toArray();
+            }
+            else {
+                return generateItem(item, response, invalid, value).toArray();
+            }
+        };
+        const validateItems = (preItems) => {
+            const value = spec.getCurrentValue();
+            const response = spec.shouldHide ? 0 /* IrrelevantStyleItemResponse.Hide */ : 1 /* IrrelevantStyleItemResponse.Disable */;
+            return bind$3(preItems, (item) => validate(item, response, value));
+        };
+        const getFetch = (backstage, getStyleItems) => (comp, callback) => {
+            const preItems = getStyleItems();
+            const items = validateItems(preItems);
+            const menu = build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+                isHorizontalMenu: false,
+                search: Optional.none()
+            });
+            callback(menu);
+        };
+        return {
+            validateItems,
+            getFetch
+        };
+    };
+    const createMenuItems = (backstage, spec) => {
+        const dataset = spec.dataset; // needs to be a var for tsc to understand the ternary
+        const getStyleItems = dataset.type === 'basic' ?
+            () => map$2(dataset.data, (d) => processBasic(d, spec.isSelectedFor, spec.getPreviewFor)) :
+            dataset.getData;
+        return {
+            items: generateSelectItems(backstage, spec),
+            getStyleItems
+        };
+    };
+    const createSelectButton = (editor, backstage, spec, getTooltip, textUpdateEventName, btnName) => {
+        const { items, getStyleItems } = createMenuItems(backstage, spec);
+        const tooltipString = Cell(spec.tooltip);
+        const getApi = (comp) => ({
+            getComponent: constant$1(comp),
+            setTooltip: (tooltip) => {
+                const translatedTooltip = backstage.shared.providers.translate(tooltip);
+                set$9(comp.element, 'aria-label', translatedTooltip);
+                tooltipString.set(tooltip);
+            }
+        });
+        // Set the initial text when the component is attached and then update on node changes
+        const onSetup = (api) => {
+            const handler = (e) => api.setTooltip(makeTooltipText(editor, getTooltip(e.value), e.value));
+            editor.on(textUpdateEventName, handler);
+            return composeUnbinders(onSetupEvent(editor, 'NodeChange', (api) => {
+                const comp = api.getComponent();
+                spec.updateText(comp);
+                Disabling.set(api.getComponent(), (!editor.selection.isEditable() || getStyleItems().length === 0));
+            })(api), () => editor.off(textUpdateEventName, handler));
+        };
+        return renderCommonDropdown({
+            context: 'mode:design',
+            text: spec.icon.isSome() ? Optional.none() : spec.text,
+            icon: spec.icon,
+            ariaLabel: Optional?.some(spec.tooltip),
+            tooltip: Optional.none(), // TINY-10474 - Using own tooltip config
+            role: Optional.none(),
+            fetch: items.getFetch(backstage, getStyleItems),
+            onSetup,
+            getApi,
+            columns: 1,
+            presets: 'normal',
+            classes: spec.icon.isSome() ? [] : ['bespoke'],
+            dropdownBehaviours: [
+                Tooltipping.config({
+                    ...backstage.shared.providers.tooltips.getConfig({
+                        tooltipText: backstage.shared.providers.translate(spec.tooltip),
+                        onShow: (comp) => {
+                            if (spec.tooltip !== tooltipString.get()) {
+                                const translatedTooltip = backstage.shared.providers.translate(tooltipString.get());
+                                Tooltipping.setComponents(comp, backstage.shared.providers.tooltips.getComponents({ tooltipText: translatedTooltip }));
+                            }
+                        }
+                    }),
+                })
+            ]
+        }, "tox-tbtn" /* ToolbarButtonClasses.Button */, backstage.shared, btnName);
+    };
+
+    const process = (rawFormats) => map$2(rawFormats, (item) => {
+        let title = item, format = item;
+        // Allow text=value block formats
+        const values = item.split('=');
+        if (values.length > 1) {
+            title = values[0];
+            format = values[1];
+        }
+        return { title, format };
+    });
+    const buildBasicStaticDataset = (data) => ({
+        type: 'basic',
+        data
+    });
+    var Delimiter;
+    (function (Delimiter) {
+        Delimiter[Delimiter["SemiColon"] = 0] = "SemiColon";
+        Delimiter[Delimiter["Space"] = 1] = "Space";
+    })(Delimiter || (Delimiter = {}));
+    const split = (rawFormats, delimiter) => {
+        if (delimiter === Delimiter.SemiColon) {
+            return rawFormats.replace(/;$/, '').split(';');
+        }
+        else {
+            return rawFormats.split(' ');
+        }
+    };
+    const buildBasicSettingsDataset = (editor, settingName, delimiter) => {
+        // eslint-disable-next-line @tinymce/no-direct-editor-options
+        const rawFormats = editor.options.get(settingName);
+        const data = process(split(rawFormats, delimiter));
+        return {
+            type: 'basic',
+            data
+        };
+    };
+
+    const menuTitle$4 = 'Align';
+    const getTooltipPlaceholder$4 = constant$1('Alignment {0}');
+    const fallbackAlignment = 'left';
+    const alignMenuItems = [
+        { title: 'Left', icon: 'align-left', format: 'alignleft', command: 'JustifyLeft' },
+        { title: 'Center', icon: 'align-center', format: 'aligncenter', command: 'JustifyCenter' },
+        { title: 'Right', icon: 'align-right', format: 'alignright', command: 'JustifyRight' },
+        { title: 'Justify', icon: 'align-justify', format: 'alignjustify', command: 'JustifyFull' }
+    ];
+    const getSpec$4 = (editor) => {
+        const getMatchingValue = () => find$5(alignMenuItems, (item) => editor.formatter.match(item.format));
+        const isSelectedFor = (format) => () => editor.formatter.match(format);
+        const getPreviewFor = (_format) => Optional.none;
+        const updateSelectMenuIcon = (comp) => {
+            const match = getMatchingValue();
+            const alignment = match.fold(constant$1(fallbackAlignment), (item) => item.title.toLowerCase());
+            emitWith(comp, updateMenuIcon, {
+                icon: `align-${alignment}`
+            });
+            fireAlignTextUpdate(editor, { value: alignment });
+        };
+        const dataset = buildBasicStaticDataset(alignMenuItems);
+        const onAction = (rawItem) => () => find$5(alignMenuItems, (item) => item.format === rawItem.format)
+            .each((item) => editor.execCommand(item.command));
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder$4(), fallbackAlignment),
+            text: Optional.none(),
+            icon: Optional?.some('align-left'),
+            isSelectedFor,
+            getCurrentValue: Optional.none,
+            getPreviewFor,
+            onAction,
+            updateText: updateSelectMenuIcon,
+            dataset,
+            shouldHide: false,
+            isInvalid: (item) => !editor.formatter.canApply(item.format)
+        };
+    };
+    const createAlignButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$4(editor), getTooltipPlaceholder$4, 'AlignTextUpdate', 'align');
+    const createAlignMenu = (editor, backstage) => {
+        const menuItems = createMenuItems(backstage, getSpec$4(editor));
+        editor.ui.registry.addNestedMenuItem('align', {
+            text: backstage.shared.providers.translate(menuTitle$4),
+            onSetup: onSetupEditableToggle(editor),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    const findNearest = (editor, getStyles) => {
+        const styles = getStyles();
+        const formats = map$2(styles, (style) => style.format);
+        return Optional.from(editor.formatter.closest(formats)).bind((fmt) => find$5(styles, (data) => data.format === fmt));
+    };
+
+    const menuTitle$3 = 'Blocks';
+    const getTooltipPlaceholder$3 = constant$1('Block {0}');
+    const fallbackFormat = 'Paragraph';
+    const getSpec$3 = (editor) => {
+        const isSelectedFor = (format) => () => editor.formatter.match(format);
+        const getPreviewFor = (format) => () => {
+            const fmt = editor.formatter.get(format);
+            if (fmt) {
+                return Optional?.some({
+                    tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+                    styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+                });
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        const updateSelectMenuText = (comp) => {
+            const detectedFormat = findNearest(editor, () => dataset.data);
+            const text = detectedFormat.fold(constant$1(fallbackFormat), (fmt) => fmt.title);
+            emitWith(comp, updateMenuText, {
+                text
+            });
+            fireBlocksTextUpdate(editor, { value: text });
+        };
+        const dataset = buildBasicSettingsDataset(editor, 'block_formats', Delimiter.SemiColon);
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder$3(), fallbackFormat),
+            text: Optional?.some(fallbackFormat),
+            icon: Optional.none(),
+            isSelectedFor,
+            getCurrentValue: Optional.none,
+            getPreviewFor,
+            onAction: onActionToggleFormat$1(editor),
+            updateText: updateSelectMenuText,
+            dataset,
+            shouldHide: false,
+            isInvalid: (item) => !editor.formatter.canApply(item.format)
+        };
+    };
+    const createBlocksButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$3(editor), getTooltipPlaceholder$3, 'BlocksTextUpdate', 'blocks');
+    // FIX: Test this!
+    const createBlocksMenu = (editor, backstage) => {
+        const menuItems = createMenuItems(backstage, getSpec$3(editor));
+        editor.ui.registry.addNestedMenuItem('blocks', {
+            text: menuTitle$3,
+            onSetup: onSetupEditableToggle(editor),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    const menuTitle$2 = 'Fonts';
+    const getTooltipPlaceholder$2 = constant$1('Font {0}');
+    const systemFont = 'System Font';
+    // A list of fonts that must be in a font family for the font to be recognised as the system stack
+    // Note: Don't include 'BlinkMacSystemFont', as Chrome on Mac converts it to different names
+    // The system font stack will be similar to the following. (Note: each has minor variants)
+    // Oxide: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    // Bootstrap: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    // Wordpress: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    const systemStackFonts = ['-apple-system', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'sans-serif'];
+    // Split the fonts into an array and strip away any start/end quotes
+    const splitFonts = (fontFamily) => {
+        const fonts = fontFamily.split(/\s*,\s*/);
+        return map$2(fonts, (font) => font.replace(/^['"]+|['"]+$/g, ''));
+    };
+    const matchesStack = (fonts, stack) => stack.length > 0 && forall(stack, (font) => fonts.indexOf(font.toLowerCase()) > -1);
+    const isSystemFontStack = (fontFamily, userStack) => {
+        if (fontFamily.indexOf('-apple-system') === 0 || userStack.length > 0) {
+            const fonts = splitFonts(fontFamily.toLowerCase());
+            return matchesStack(fonts, systemStackFonts) || matchesStack(fonts, userStack);
+        }
+        else {
+            return false;
+        }
+    };
+    const getSpec$2 = (editor) => {
+        const getMatchingValue = () => {
+            const getFirstFont = (fontFamily) => fontFamily ? splitFonts(fontFamily)[0] : '';
+            const fontFamily = editor.queryCommandValue('FontName');
+            const items = dataset.data;
+            const font = fontFamily ? fontFamily.toLowerCase() : '';
+            const userStack = getDefaultFontStack(editor);
+            const matchOpt = find$5(items, (item) => {
+                const format = item.format;
+                return (format.toLowerCase() === font) || (getFirstFont(format).toLowerCase() === getFirstFont(font).toLowerCase());
+            }).orThunk(() => {
+                return someIf(isSystemFontStack(font, userStack), {
+                    title: systemFont,
+                    format: font
+                });
+            });
+            return { matchOpt, font: fontFamily };
+        };
+        const isSelectedFor = (item) => (valueOpt) => valueOpt.exists((value) => value.format === item);
+        const getCurrentValue = () => {
+            const { matchOpt } = getMatchingValue();
+            return matchOpt;
+        };
+        const getPreviewFor = (item) => () => Optional?.some({
+            tag: 'div',
+            styles: item.indexOf('dings') === -1 ? { 'font-family': item } : {}
+        });
+        const onAction = (rawItem) => () => {
+            editor.undoManager.transact(() => {
+                editor.focus();
+                editor.execCommand('FontName', false, rawItem.format);
+            });
+        };
+        const updateSelectMenuText = (comp) => {
+            const { matchOpt, font } = getMatchingValue();
+            const text = matchOpt.fold(constant$1(font), (item) => item.title);
+            emitWith(comp, updateMenuText, {
+                text
+            });
+            fireFontFamilyTextUpdate(editor, { value: text });
+        };
+        const dataset = buildBasicSettingsDataset(editor, 'font_family_formats', Delimiter.SemiColon);
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder$2(), systemFont),
+            text: Optional?.some(systemFont),
+            icon: Optional.none(),
+            isSelectedFor,
+            getCurrentValue,
+            getPreviewFor,
+            onAction,
+            updateText: updateSelectMenuText,
+            dataset,
+            shouldHide: false,
+            isInvalid: never
+        };
+    };
+    const createFontFamilyButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$2(editor), getTooltipPlaceholder$2, 'FontFamilyTextUpdate', 'fontfamily');
+    // TODO: Test this!
+    const createFontFamilyMenu = (editor, backstage) => {
+        const menuItems = createMenuItems(backstage, getSpec$2(editor));
+        editor.ui.registry.addNestedMenuItem('fontfamily', {
+            text: backstage.shared.providers.translate(menuTitle$2),
+            onSetup: onSetupEditableToggle(editor),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    const createBespokeNumberInput = (editor, backstage, spec, btnName) => {
+        let currentComp = Optional.none();
+        const getValueFromCurrentComp = (comp) => comp?.map((alloyComp) => Representing.getValue(alloyComp)).getOr('');
+        const onSetup = onSetupEvent(editor, 'NodeChange SwitchMode DisabledStateChange', (api) => {
+            const comp = api.getComponent();
+            currentComp = Optional?.some(comp);
+            spec.updateInputValue(comp);
+            Disabling.set(comp, !editor.selection.isEditable() || isDisabled(editor));
+        });
+        const getApi = (comp) => ({ getComponent: constant$1(comp) });
+        const editorOffCell = Cell(noop);
+        const customEvents = generate$6('custom-number-input-events');
+        const changeValue = (f, fromInput, focusBack) => {
+            const text = getValueFromCurrentComp(currentComp);
+            const newValue = spec.getNewValue(text, f);
+            const lenghtDelta = text.length - `${newValue}`.length;
+            const oldStart = currentComp?.map((comp) => comp.element.dom.selectionStart - lenghtDelta);
+            const oldEnd = currentComp?.map((comp) => comp.element.dom.selectionEnd - lenghtDelta);
+            spec.onAction(newValue, focusBack);
+            currentComp.each((comp) => {
+                Representing.setValue(comp, newValue);
+                if (fromInput) {
+                    oldStart.each((oldStart) => comp.element.dom.selectionStart = oldStart);
+                    oldEnd.each((oldEnd) => comp.element.dom.selectionEnd = oldEnd);
+                }
+            });
+        };
+        const decrease = (fromInput, focusBack) => changeValue((n, s) => n - s, fromInput, focusBack);
+        const increase = (fromInput, focusBack) => changeValue((n, s) => n + s, fromInput, focusBack);
+        const goToParent = (comp) => parentElement(comp.element).fold(Optional.none, (parent) => {
+            focus$4(parent);
+            return Optional?.some(true);
+        });
+        const focusInput = (comp) => {
+            if (hasFocus(comp.element)) {
+                firstChild(comp.element).each((input) => focus$4(input));
+                return Optional?.some(true);
+            }
+            else {
+                return Optional.none();
+            }
+        };
+        const makeStepperButton = (action, title, tooltip, classes) => {
+            const editorOffCellStepButton = Cell(noop);
+            const translatedTooltip = backstage.shared.providers.translate(tooltip);
+            const altExecuting = generate$6('altExecuting');
+            const onSetup = onSetupEvent(editor, 'NodeChange SwitchMode DisabledStateChange', (api) => {
+                Disabling.set(api.getComponent(), !editor.selection.isEditable() || isDisabled(editor));
+            });
+            const onClick = (comp) => {
+                if (!Disabling.isDisabled(comp)) {
+                    action(true);
+                }
+            };
+            return Button.sketch({
+                dom: {
+                    tag: 'button',
+                    attributes: {
+                        'aria-label': translatedTooltip,
+                        'data-mce-name': title
+                    },
+                    classes: classes.concat(title)
+                },
+                components: [
+                    renderIconFromPack$1(title, backstage.shared.providers.icons)
+                ],
+                buttonBehaviours: derive$1([
+                    Disabling.config({}),
+                    Tooltipping.config(backstage.shared.providers.tooltips.getConfig({
+                        tooltipText: translatedTooltip
+                    })),
+                    config(altExecuting, [
+                        onControlAttached({ onSetup, getApi }, editorOffCellStepButton),
+                        onControlDetached({ getApi }, editorOffCellStepButton),
+                        run$1(keydown(), (comp, se) => {
+                            if (se.event.raw.keyCode === global$1.SPACEBAR || se.event.raw.keyCode === global$1.ENTER) {
+                                if (!Disabling.isDisabled(comp)) {
+                                    action(false);
+                                }
+                            }
+                        }),
+                        run$1(click(), onClick),
+                        run$1(touchend(), onClick)
+                    ])
+                ]),
+                eventOrder: {
+                    [keydown()]: [altExecuting, 'keying'],
+                    [click()]: [altExecuting, 'alloy.base.behaviour'],
+                    [touchend()]: [altExecuting, 'alloy.base.behaviour'],
+                    [attachedToDom()]: ['alloy.base.behaviour', altExecuting, 'tooltipping'],
+                    [detachedFromDom()]: [altExecuting, 'tooltipping']
+                }
+            });
+        };
+        const memMinus = record(makeStepperButton((focusBack) => decrease(false, focusBack), 'minus', 'Decrease font size', []));
+        const memPlus = record(makeStepperButton((focusBack) => increase(false, focusBack), 'plus', 'Increase font size', []));
+        const memInput = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-input-wrapper']
+            },
+            components: [
+                Input.sketch({
+                    inputBehaviours: derive$1([
+                        Disabling.config({}),
+                        config(customEvents, [
+                            onControlAttached({ onSetup, getApi }, editorOffCell),
+                            onControlDetached({ getApi }, editorOffCell)
+                        ]),
+                        config('input-update-display-text', [
+                            run$1(updateMenuText, (comp, se) => {
+                                Representing.setValue(comp, se.event.text);
+                            }),
+                            run$1(focusout(), (comp) => {
+                                spec.onAction(Representing.getValue(comp));
+                            }),
+                            run$1(change(), (comp) => {
+                                spec.onAction(Representing.getValue(comp));
+                            })
+                        ]),
+                        Keying.config({
+                            mode: 'special',
+                            onEnter: (_comp) => {
+                                changeValue(identity, true, true);
+                                return Optional?.some(true);
+                            },
+                            onEscape: goToParent,
+                            onUp: (_comp) => {
+                                increase(true, false);
+                                return Optional?.some(true);
+                            },
+                            onDown: (_comp) => {
+                                decrease(true, false);
+                                return Optional?.some(true);
+                            },
+                            onLeft: (_comp, se) => {
+                                se.cut();
+                                return Optional.none();
+                            },
+                            onRight: (_comp, se) => {
+                                se.cut();
+                                return Optional.none();
+                            }
+                        })
+                    ])
+                })
+            ],
+            behaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'special',
+                    onEnter: focusInput,
+                    onSpace: focusInput,
+                    onEscape: goToParent
+                }),
+                config('input-wrapper-events', [
+                    run$1(mouseover(), (comp) => {
+                        each$1([memMinus, memPlus], (button) => {
+                            const buttonNode = SugarElement.fromDom(button.get(comp).element.dom);
+                            if (hasFocus(buttonNode)) {
+                                blur$1(buttonNode);
+                            }
+                        });
+                    })
+                ])
+            ])
+        });
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-number-input'],
+                attributes: {
+                    ...(isNonNullable(btnName) ? { 'data-mce-name': btnName } : {})
+                }
+            },
+            components: [
+                memMinus.asSpec(),
+                memInput.asSpec(),
+                memPlus.asSpec()
+            ],
+            behaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'flow',
+                    focusInside: FocusInsideModes.OnEnterOrSpaceMode,
+                    cycles: false,
+                    selector: 'button, .tox-input-wrapper',
+                    onEscape: (wrapperComp) => {
+                        if (hasFocus(wrapperComp.element)) {
+                            return Optional.none();
+                        }
+                        else {
+                            focus$4(wrapperComp.element);
+                            return Optional?.some(true);
+                        }
+                    },
+                })
+            ])
+        };
+    };
+
+    const menuTitle$1 = 'Font sizes';
+    const getTooltipPlaceholder$1 = constant$1('Font size {0}');
+    const fallbackFontSize = '12pt';
+    // See https://websemantics.uk/articles/font-size-conversion/ for conversions
+    const legacyFontSizes = {
+        '8pt': '1',
+        '10pt': '2',
+        '12pt': '3',
+        '14pt': '4',
+        '18pt': '5',
+        '24pt': '6',
+        '36pt': '7'
+    };
+    // Note: 'xx-small', 'x-small' and 'large' are rounded up to nearest whole pt
+    const keywordFontSizes = {
+        'xx-small': '7pt',
+        'x-small': '8pt',
+        'small': '10pt',
+        'medium': '12pt',
+        'large': '14pt',
+        'x-large': '18pt',
+        'xx-large': '24pt'
+    };
+    const round = (number, precision) => {
+        const factor = Math.pow(10, precision);
+        return Math.round(number * factor) / factor;
+    };
+    const toPt = (fontSize, precision) => {
+        if (/[0-9.]+px$/.test(fontSize)) {
+            // Round to the nearest 0.5
+            return round(parseInt(fontSize, 10) * 72 / 96, precision || 0) + 'pt';
+        }
+        else {
+            return get$h(keywordFontSizes, fontSize).getOr(fontSize);
+        }
+    };
+    const toLegacy = (fontSize) => get$h(legacyFontSizes, fontSize).getOr('');
+    const getSpec$1 = (editor) => {
+        const getMatchingValue = () => {
+            let matchOpt = Optional.none();
+            const items = dataset.data;
+            const fontSize = editor.queryCommandValue('FontSize');
+            if (fontSize) {
+                // checking for three digits after decimal point, should be precise enough
+                for (let precision = 3; matchOpt.isNone() && precision >= 0; precision--) {
+                    const pt = toPt(fontSize, precision);
+                    const legacy = toLegacy(pt);
+                    matchOpt = find$5(items, (item) => item.format === fontSize || item.format === pt || item.format === legacy);
+                }
+            }
+            return { matchOpt, size: fontSize };
+        };
+        const isSelectedFor = (item) => (valueOpt) => valueOpt.exists((value) => value.format === item);
+        const getCurrentValue = () => {
+            const { matchOpt } = getMatchingValue();
+            return matchOpt;
+        };
+        const getPreviewFor = constant$1(Optional.none);
+        const onAction = (rawItem) => () => {
+            editor.undoManager.transact(() => {
+                editor.focus();
+                editor.execCommand('FontSize', false, rawItem.format);
+            });
+        };
+        const updateSelectMenuText = (comp) => {
+            const { matchOpt, size } = getMatchingValue();
+            const text = matchOpt.fold(constant$1(size), (match) => match.title);
+            emitWith(comp, updateMenuText, {
+                text
+            });
+            fireFontSizeTextUpdate(editor, { value: text });
+        };
+        const dataset = buildBasicSettingsDataset(editor, 'font_size_formats', Delimiter.Space);
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder$1(), fallbackFontSize),
+            text: Optional?.some(fallbackFontSize),
+            icon: Optional.none(),
+            isSelectedFor,
+            getPreviewFor,
+            getCurrentValue,
+            onAction,
+            updateText: updateSelectMenuText,
+            dataset,
+            shouldHide: false,
+            isInvalid: never
+        };
+    };
+    const createFontSizeButton = (editor, backstage) => createSelectButton(editor, backstage, getSpec$1(editor), getTooltipPlaceholder$1, 'FontSizeTextUpdate', 'fontsize');
+    const getConfigFromUnit = (unit) => {
+        var _a;
+        const baseConfig = { step: 1 };
+        const configs = {
+            em: { step: 0.1 },
+            cm: { step: 0.1 },
+            in: { step: 0.1 },
+            pc: { step: 0.1 },
+            ch: { step: 0.1 },
+            rem: { step: 0.1 }
+        };
+        return (_a = configs[unit]) !== null && _a !== void 0 ? _a : baseConfig;
+    };
+    const defaultValue = 16;
+    const isValidValue = (value) => value >= 0;
+    const getNumberInputSpec = (editor) => {
+        const getCurrentValue = () => editor.queryCommandValue('FontSize');
+        const updateInputValue = (comp) => emitWith(comp, updateMenuText, {
+            text: getCurrentValue()
+        });
+        return {
+            updateInputValue,
+            onAction: (format, focusBack) => editor.execCommand('FontSize', false, format, { skip_focus: !focusBack }),
+            getNewValue: (text, updateFunction) => {
+                parse(text, ['unsupportedLength', 'empty']);
+                const currentValue = getCurrentValue();
+                const parsedText = parse(text, ['unsupportedLength', 'empty']).or(parse(currentValue, ['unsupportedLength', 'empty']));
+                const value = parsedText?.map((res) => res.value).getOr(defaultValue);
+                const defaultUnit = getFontSizeInputDefaultUnit(editor);
+                const unit = parsedText?.map((res) => res.unit).filter((u) => u !== '').getOr(defaultUnit);
+                const newValue = updateFunction(value, getConfigFromUnit(unit).step);
+                const res = `${isValidValue(newValue) ? newValue : value}${unit}`;
+                if (res !== currentValue) {
+                    fireFontSizeInputTextUpdate(editor, { value: res });
+                }
+                return res;
+            }
+        };
+    };
+    const createFontSizeInputButton = (editor, backstage) => createBespokeNumberInput(editor, backstage, getNumberInputSpec(editor), 'fontsizeinput');
+    // TODO: Test this!
+    const createFontSizeMenu = (editor, backstage) => {
+        const menuItems = createMenuItems(backstage, getSpec$1(editor));
+        editor.ui.registry.addNestedMenuItem('fontsize', {
+            text: menuTitle$1,
+            onSetup: onSetupEditableToggle(editor),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    const menuTitle = 'Formats';
+    const getTooltipPlaceholder = (value) => isEmpty(value) ? 'Formats' : 'Format {0}';
+    const getSpec = (editor, dataset) => {
+        const fallbackFormat = 'Formats';
+        const isSelectedFor = (format) => () => editor.formatter.match(format);
+        const getPreviewFor = (format) => () => {
+            const fmt = editor.formatter.get(format);
+            return fmt !== undefined ? Optional?.some({
+                tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+                styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+            }) : Optional.none();
+        };
+        const updateSelectMenuText = (comp) => {
+            const getFormatItems = (fmt) => {
+                if (isNestedFormat(fmt)) {
+                    return bind$3(fmt.items, getFormatItems);
+                }
+                else if (isFormatReference(fmt)) {
+                    return [{ title: fmt.title, format: fmt.format }];
+                }
+                else {
+                    return [];
+                }
+            };
+            const flattenedItems = bind$3(getStyleFormats(editor), getFormatItems);
+            const detectedFormat = findNearest(editor, constant$1(flattenedItems));
+            const text = detectedFormat.fold(constant$1({
+                title: fallbackFormat,
+                tooltipLabel: ''
+            }), (fmt) => ({
+                title: fmt.title,
+                tooltipLabel: fmt.title
+            }));
+            emitWith(comp, updateMenuText, {
+                text: text.title
+            });
+            fireStylesTextUpdate(editor, { value: text.tooltipLabel });
+        };
+        return {
+            tooltip: makeTooltipText(editor, getTooltipPlaceholder(''), ''),
+            text: Optional?.some(fallbackFormat),
+            icon: Optional.none(),
+            isSelectedFor,
+            getCurrentValue: Optional.none,
+            getPreviewFor,
+            onAction: onActionToggleFormat$1(editor),
+            updateText: updateSelectMenuText,
+            shouldHide: shouldAutoHideStyleFormats(editor),
+            isInvalid: (item) => !editor.formatter.canApply(item.format),
+            dataset
+        };
+    };
+    const createStylesButton = (editor, backstage) => {
+        const dataset = { type: 'advanced', ...backstage.styles };
+        return createSelectButton(editor, backstage, getSpec(editor, dataset), getTooltipPlaceholder, 'StylesTextUpdate', 'styles');
+    };
+    const createStylesMenu = (editor, backstage) => {
+        const dataset = { type: 'advanced', ...backstage.styles };
+        const menuItems = createMenuItems(backstage, getSpec(editor, dataset));
+        editor.ui.registry.addNestedMenuItem('styles', {
+            text: menuTitle,
+            onSetup: onSetupEditableToggle(editor, () => menuItems.getStyleItems().length > 0),
+            getSubmenuItems: () => menuItems.items.validateItems(menuItems.getStyleItems())
+        });
+    };
+
+    const defaultToolbar = [
+        {
+            name: 'history', items: ['undo', 'redo']
+        },
+        {
+            name: 'ai', items: ['aidialog', 'aishortcuts']
+        },
+        {
+            name: 'styles', items: ['styles']
+        },
+        {
+            name: 'formatting', items: ['bold', 'italic']
+        },
+        {
+            name: 'alignment', items: ['alignleft', 'aligncenter', 'alignright', 'alignjustify']
+        },
+        {
+            name: 'indentation', items: ['outdent', 'indent']
+        },
+        {
+            name: 'permanent pen', items: ['permanentpen']
+        },
+        {
+            name: 'comments', items: ['addcomment']
+        }
+    ];
+    const renderFromBridge = (bridgeBuilder, render) => (spec, backstage, editor, btnName) => {
+        const internal = bridgeBuilder(spec).mapError((errInfo) => formatError(errInfo)).getOrDie();
+        return render(internal, backstage, editor, btnName);
+    };
+    const types = {
+        button: renderFromBridge(createToolbarButton, (s, backstage, _, btnName) => renderToolbarButton(s, backstage.shared.providers, btnName)),
+        togglebutton: renderFromBridge(createToggleButton, (s, backstage, _, btnName) => renderToolbarToggleButton(s, backstage.shared.providers, btnName)),
+        menubutton: renderFromBridge(createMenuButton, (s, backstage, _, btnName) => renderMenuButton(s, "tox-tbtn" /* ToolbarButtonClasses.Button */, backstage, Optional.none(), false, btnName)),
+        splitbutton: renderFromBridge(createSplitButton, (s, backstage, _, btnName) => renderSplitButton(s, backstage.shared, btnName)),
+        grouptoolbarbutton: renderFromBridge(createGroupToolbarButton, (s, backstage, editor, btnName) => {
+            const buttons = editor.ui.registry.getAll().buttons;
+            const identify = (toolbar) => identifyButtons(editor, { buttons, toolbar, allowToolbarGroups: false }, backstage, Optional.none());
+            const attributes = {
+                [Attribute]: backstage.shared.header.isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop
+            };
+            switch (getToolbarMode(editor)) {
+                case ToolbarMode$1.floating:
+                    return renderFloatingToolbarButton(s, backstage, identify, attributes, btnName);
+                default:
+                    // TODO change this message and add a case when sliding is available
+                    throw new Error('Toolbar groups are only supported when using floating toolbar mode');
+            }
+        })
+    };
+    const extractFrom = (spec, backstage, editor, btnName) => get$h(types, spec.type).fold(() => {
+        // eslint-disable-next-line no-console
+        console.error('skipping button defined by', spec);
+        return Optional.none();
+    }, (render) => Optional?.some(render(spec, backstage, editor, btnName)));
+    const bespokeButtons = {
+        styles: createStylesButton,
+        fontsize: createFontSizeButton,
+        fontsizeinput: createFontSizeInputButton,
+        fontfamily: createFontFamilyButton,
+        blocks: createBlocksButton,
+        align: createAlignButton,
+        navigateback: createNavigateBackButton
+    };
+    const removeUnusedDefaults = (buttons) => {
+        const filteredItemGroups = map$2(defaultToolbar, (group) => {
+            const items = filter$2(group.items, (subItem) => has$2(buttons, subItem) || has$2(bespokeButtons, subItem));
+            return {
+                name: group.name,
+                items
+            };
+        });
+        return filter$2(filteredItemGroups, (group) => group.items.length > 0);
+    };
+    const convertStringToolbar = (strToolbar) => {
+        const groupsStrings = strToolbar.split('|');
+        return map$2(groupsStrings, (g) => ({
+            items: g.trim().split(' ')
+        }));
+    };
+    const isToolbarGroupSettingArray = (toolbar) => isArrayOf(toolbar, (t) => (has$2(t, 'name') || has$2(t, 'label')) && has$2(t, 'items'));
+    // Toolbar settings
+    // false = disabled
+    // undefined or true = default
+    // string = enabled with specified buttons and groups
+    // string array = enabled with specified buttons and groups
+    // object array = enabled with specified buttons, groups and group titles
+    const createToolbar = (toolbarConfig) => {
+        const toolbar = toolbarConfig.toolbar;
+        const buttons = toolbarConfig.buttons;
+        if (toolbar === false) {
+            return [];
+        }
+        else if (toolbar === undefined || toolbar === true) {
+            return removeUnusedDefaults(buttons);
+        }
+        else if (isString(toolbar)) {
+            return convertStringToolbar(toolbar);
+        }
+        else if (isToolbarGroupSettingArray(toolbar)) {
+            return toolbar;
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.error('Toolbar type should be string, string[], boolean or ToolbarGroup[]');
+            return [];
+        }
+    };
+    const lookupButton = (editor, buttons, toolbarItem, allowToolbarGroups, backstage, prefixes) => get$h(buttons, toolbarItem.toLowerCase())
+        .orThunk(() => prefixes.bind((ps) => findMap(ps, (prefix) => get$h(buttons, prefix + toolbarItem.toLowerCase()))))
+        .fold(() => get$h(bespokeButtons, toolbarItem.toLowerCase())?.map((r) => r(editor, backstage)), 
+    // TODO: Add back after TINY-3232 is implemented
+    // .orThunk(() => {
+    //   console.error('No representation for toolbarItem: ' + toolbarItem);
+    //   return Optional.none();
+    // ),
+    (spec) => {
+        if (spec.type === 'grouptoolbarbutton' && !allowToolbarGroups) {
+            // TODO change this message when sliding is available
+            // eslint-disable-next-line no-console
+            console.warn(`Ignoring the '${toolbarItem}' toolbar button. Group toolbar buttons are only supported when using floating toolbar mode and cannot be nested.`);
+            return Optional.none();
+        }
+        else {
+            return extractFrom(spec, backstage, editor, toolbarItem.toLowerCase());
+        }
+    });
+    const identifyButtons = (editor, toolbarConfig, backstage, prefixes) => {
+        const toolbarGroups = createToolbar(toolbarConfig);
+        const groups = map$2(toolbarGroups, (group) => {
+            const items = bind$3(group.items, (toolbarItem) => {
+                return toolbarItem.trim().length === 0 ? [] :
+                    lookupButton(editor, toolbarConfig.buttons, toolbarItem, toolbarConfig.allowToolbarGroups, backstage, prefixes).toArray();
+            });
+            return {
+                title: Optional.from(editor.translate(group.name)),
+                label: someIf(group.label !== undefined, editor.translate(group.label)),
+                items
+            };
+        });
+        return filter$2(groups, (group) => group.items.length > 0);
+    };
+
+    // Set toolbar(s) depending on if multiple toolbars is configured or not
+    const setToolbar = (editor, uiRefs, rawUiConfig, backstage) => {
+        const outerContainer = uiRefs.mainUi.outerContainer;
+        const toolbarConfig = rawUiConfig.toolbar;
+        const toolbarButtonsConfig = rawUiConfig.buttons;
+        // Check if toolbar type is a non-empty string array
+        if (isArrayOf(toolbarConfig, isString)) {
+            const toolbars = toolbarConfig?.map((t) => {
+                const config = { toolbar: t, buttons: toolbarButtonsConfig, allowToolbarGroups: rawUiConfig.allowToolbarGroups };
+                return identifyButtons(editor, config, backstage, Optional.none());
+            });
+            OuterContainer.setToolbars(outerContainer, toolbars);
+        }
+        else {
+            OuterContainer.setToolbar(outerContainer, identifyButtons(editor, rawUiConfig, backstage, Optional.none()));
+        }
+    };
+
+    const detection = detect$1();
+    const isiOS12 = detection.os.isiOS() && detection.os.version.major <= 12;
+    const setupEvents$1 = (editor, uiRefs) => {
+        const { uiMotherships } = uiRefs;
+        const dom = editor.dom;
+        let contentWindow = editor.getWin();
+        const initialDocEle = editor.getDoc().documentElement;
+        const lastWindowDimensions = Cell(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
+        const lastDocumentDimensions = Cell(SugarPosition(initialDocEle.offsetWidth, initialDocEle.offsetHeight));
+        const resizeWindow = () => {
+            // Check if the window dimensions have changed and if so then trigger a content resize event
+            const outer = lastWindowDimensions.get();
+            if (outer.left !== contentWindow.innerWidth || outer.top !== contentWindow.innerHeight) {
+                lastWindowDimensions.set(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
+                fireResizeContent(editor);
+            }
+        };
+        const resizeDocument = () => {
+            // Don't use the initial doc ele, as there's a small chance it may have changed
+            const docEle = editor.getDoc().documentElement;
+            // Check if the document dimensions have changed and if so then trigger a content resize event
+            const inner = lastDocumentDimensions.get();
+            if (inner.left !== docEle.offsetWidth || inner.top !== docEle.offsetHeight) {
+                lastDocumentDimensions.set(SugarPosition(docEle.offsetWidth, docEle.offsetHeight));
+                fireResizeContent(editor);
+            }
+        };
+        const scroll = (e) => {
+            fireScrollContent(editor, e);
+        };
+        dom.bind(contentWindow, 'resize', resizeWindow);
+        dom.bind(contentWindow, 'scroll', scroll);
+        // Bind to async load events and trigger a content resize event if the size has changed
+        const elementLoad = capture(SugarElement.fromDom(editor.getBody()), 'load', resizeDocument);
+        // We want to hide ALL UI motherships here.
+        editor.on('hide', () => {
+            each$1(uiMotherships, (m) => {
+                set$7(m.element, 'display', 'none');
+            });
+        });
+        editor.on('show', () => {
+            each$1(uiMotherships, (m) => {
+                remove$6(m.element, 'display');
+            });
+        });
+        editor.on('NodeChange', resizeDocument);
+        editor.on('remove', () => {
+            elementLoad.unbind();
+            dom.unbind(contentWindow, 'resize', resizeWindow);
+            dom.unbind(contentWindow, 'scroll', scroll);
+            // Clean memory for IE
+            contentWindow = null;
+        });
+    };
+    // TINY-9226: When set, the `ui_mode: split` option will create two different sinks (one for popups and one for sinks)
+    // and the popup sink will be placed adjacent to the editor. This will make it having the same scrolling ancestry.
+    const attachUiMotherships = (editor, uiRoot, uiRefs) => {
+        if (isSplitUiMode(editor)) {
+            attachSystemAfter(uiRefs.mainUi.mothership.element, uiRefs.popupUi.mothership);
+        }
+        // In UiRefs, dialogUi and popupUi refer to the same thing if ui_mode: combined
+        attachSystem(uiRoot, uiRefs.dialogUi.mothership);
+    };
+    const render$1 = (editor, uiRefs, rawUiConfig, backstage, args) => {
+        const { mainUi, uiMotherships } = uiRefs;
+        const lastToolbarWidth = Cell(0);
+        const outerContainer = mainUi.outerContainer;
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        iframe(editor);
+        const eTargetNode = SugarElement.fromDom(args.targetNode);
+        const uiRoot = getContentContainer(getRootNode(eTargetNode));
+        attachSystemAfter(eTargetNode, mainUi.mothership);
+        attachUiMotherships(editor, uiRoot, uiRefs);
+        editor.on('PostRender', () => {
+            OuterContainer.setSidebar(outerContainer, rawUiConfig.sidebar, getSidebarShow(editor));
+        });
+        // TINY-10343: Using `SkinLoaded` instead of `PostRender` because if the skin loading takes too long you run in to rendering problems since things are measured before the CSS is being applied
+        editor.on('SkinLoaded', () => {
+            // Set the sidebar before the toolbar and menubar
+            // - each sidebar has an associated toggle toolbar button that needs to check the
+            //   sidebar that is set to determine its active state on setup
+            setToolbar(editor, uiRefs, rawUiConfig, backstage);
+            lastToolbarWidth.set(editor.getWin().innerWidth);
+            OuterContainer.setMenubar(outerContainer, identifyMenus(editor, rawUiConfig));
+            OuterContainer.setViews(outerContainer, rawUiConfig.views);
+            setupEvents$1(editor, uiRefs);
+        });
+        const socket = OuterContainer.getSocket(outerContainer).getOrDie('Could not find expected socket element');
+        if (isiOS12) {
+            setAll(socket.element, {
+                'overflow': 'scroll',
+                '-webkit-overflow-scrolling': 'touch' // required for ios < 13 content scrolling
+            });
+            const limit = first$1(() => {
+                editor.dispatch('ScrollContent');
+            }, 20);
+            const unbinder = bind$1(socket.element, 'scroll', limit.throttle);
+            editor.on('remove', unbinder.unbind);
+        }
+        setupEventsForUi(editor, uiRefs);
+        editor.addCommand('ToggleSidebar', (_ui, value) => {
+            OuterContainer.toggleSidebar(outerContainer, value);
+            fireToggleSidebar(editor);
+        });
+        editor.addQueryValueHandler('ToggleSidebar', () => { var _a; return (_a = OuterContainer.whichSidebar(outerContainer)) !== null && _a !== void 0 ? _a : ''; });
+        editor.addCommand('ToggleView', (_ui, value) => {
+            if (OuterContainer.toggleView(outerContainer, value)) {
+                const target = outerContainer.element;
+                mainUi.mothership.broadcastOn([dismissPopups()], { target });
+                each$1(uiMotherships, (m) => {
+                    m.broadcastOn([dismissPopups()], { target });
+                });
+                // Switching back to main view should focus the editor and update any UIs
+                if (isNull(OuterContainer.whichView(outerContainer))) {
+                    editor.focus();
+                    editor.nodeChanged();
+                    OuterContainer.refreshToolbar(outerContainer);
+                }
+                fireToggleView(editor);
+            }
+        });
+        editor.addQueryValueHandler('ToggleView', () => { var _a; return (_a = OuterContainer.whichView(outerContainer)) !== null && _a !== void 0 ? _a : ''; });
+        const toolbarMode = getToolbarMode(editor);
+        const refreshDrawer = () => {
+            OuterContainer.refreshToolbar(uiRefs.mainUi.outerContainer);
+        };
+        if (toolbarMode === ToolbarMode$1.sliding || toolbarMode === ToolbarMode$1.floating) {
+            editor.on('ResizeWindow ResizeEditor ResizeContent', () => {
+                // Check if the width has changed, if so then refresh the toolbar drawer. We don't care if height changes.
+                const width = editor.getWin().innerWidth;
+                if (width !== lastToolbarWidth.get()) {
+                    refreshDrawer();
+                    lastToolbarWidth.set(width);
+                }
+            });
+        }
+        const api = {
+            setEnabled: (state) => {
+                const eventType = state ? 'setEnabled' : 'setDisabled';
+                broadcastEvents(uiRefs, eventType);
+            },
+            isEnabled: () => !Disabling.isDisabled(outerContainer)
+        };
+        return {
+            iframeContainer: socket.element.dom,
+            editorContainer: outerContainer.element.dom,
+            api
+        };
+    };
+
+    var Iframe = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        render: render$1
+    });
+
+    const parseToInt = (val) => {
+        // if size is a number or '_px', will return the number
+        const re = /^[0-9\.]+(|px)$/i;
+        if (re.test('' + val)) {
+            return Optional?.some(parseInt('' + val, 10));
+        }
+        return Optional.none();
+    };
+    const numToPx = (val) => isNumber(val) ? val + 'px' : val;
+    const calcCappedSize = (size, minSize, maxSize) => {
+        const minOverride = minSize.filter((min) => size < min);
+        const maxOverride = maxSize.filter((max) => size > max);
+        return minOverride.or(maxOverride).getOr(size);
+    };
+    const convertValueToPx = (element, value) => {
+        if (typeof value === 'number') {
+            return Optional.from(value);
+        }
+        const splitValue = /^([0-9.]+)(pt|em|px)$/.exec(value.trim());
+        if (splitValue) {
+            const type = splitValue[2];
+            const parsed = Number.parseFloat(splitValue[1]);
+            if (Number.isNaN(parsed) || parsed < 0) {
+                return Optional.none();
+            }
+            else if (type === 'em') {
+                return Optional.from(parsed * Number.parseFloat(window.getComputedStyle(element.dom).fontSize));
+            }
+            else if (type === 'pt') {
+                return Optional.from(parsed * (72 / 96));
+            }
+            else if (type === 'px') {
+                return Optional.from(parsed);
+            }
+        }
+        return Optional.none();
+    };
+
+    const getHeight = (editor) => {
+        const baseHeight = convertValueToPx(SugarElement.fromDom(editor.targetElm), getHeightOption(editor));
+        const minHeight = getMinHeightOption(editor);
+        const maxHeight = getMaxHeightOption(editor);
+        return baseHeight?.map((height) => calcCappedSize(height, minHeight, maxHeight));
+    };
+    const getHeightWithFallback = (editor) => {
+        return getHeight(editor).getOr(getHeightOption(editor)); // If we can't parse, set the height while ignoring min/max values.
+    };
+    const getWidth = (editor) => {
+        const baseWidth = getWidthOption(editor);
+        const minWidth = getMinWidthOption(editor);
+        const maxWidth = getMaxWidthOption(editor);
+        return parseToInt(baseWidth)?.map((width) => calcCappedSize(width, minWidth, maxWidth));
+    };
+    const getWidthWithFallback = (editor) => {
+        const width = getWidth(editor);
+        return width.getOr(getWidthOption(editor));
+    };
+
+    const { ToolbarLocation, ToolbarMode } = Options;
+    const maximumDistanceToEdge = 40;
+    const InlineHeader = (editor, targetElm, uiRefs, backstage, floatContainer) => {
+        const { mainUi, uiMotherships } = uiRefs;
+        const DOM = global$9.DOM;
+        const useFixedToolbarContainer = useFixedContainer(editor);
+        const isSticky = isStickyToolbar(editor);
+        const editorMaxWidthOpt = getMaxWidthOption(editor).or(getWidth(editor));
+        const headerBackstage = backstage.shared.header;
+        const isPositionedAtTop = headerBackstage.isPositionedAtTop;
+        const minimumToolbarWidth = 150; // Value is arbitrary.
+        const toolbarMode = getToolbarMode(editor);
+        const isSplitToolbar = toolbarMode === ToolbarMode.sliding || toolbarMode === ToolbarMode.floating;
+        const visible = Cell(false);
+        const isVisible = () => visible.get() && !editor.removed;
+        // Calculate the toolbar offset when using a split toolbar drawer
+        const calcToolbarOffset = (toolbar) => isSplitToolbar ?
+            toolbar.fold(constant$1(0), (tbar) => 
+            // If we have an overflow toolbar, we need to offset the positioning by the height of the overflow toolbar
+            tbar.components().length > 1 ? get$d(tbar.components()[1].element) : 0) : 0;
+        const calcMode = (container) => {
+            switch (getToolbarLocation(editor)) {
+                case ToolbarLocation.auto:
+                    const toolbar = OuterContainer.getToolbar(mainUi.outerContainer);
+                    const offset = calcToolbarOffset(toolbar);
+                    const toolbarHeight = get$d(container.element) - offset;
+                    const targetBounds = box$1(targetElm);
+                    // Determine if the toolbar has room to render at the top/bottom of the document
+                    const roomAtTop = targetBounds.y > toolbarHeight;
+                    if (roomAtTop) {
+                        return 'top';
+                    }
+                    else {
+                        const doc = documentElement(targetElm);
+                        const docHeight = Math.max(doc.dom.scrollHeight, get$d(doc));
+                        const roomAtBottom = targetBounds.bottom < docHeight - toolbarHeight;
+                        // If there isn't ever room to add the toolbar above the target element, then place the toolbar at the bottom.
+                        // Likewise if there's no room at the bottom, then we should show at the top. If there's no room at the bottom
+                        // or top, then prefer the bottom except when it'll prevent accessing the content at the bottom.
+                        // Make sure to exclude scroll position, as we want to still show at the top if the user can scroll up to undock
+                        if (roomAtBottom) {
+                            return 'bottom';
+                        }
+                        else {
+                            const winBounds = win();
+                            const isRoomAtBottomViewport = winBounds.bottom < targetBounds.bottom - toolbarHeight;
+                            return isRoomAtBottomViewport ? 'bottom' : 'top';
+                        }
+                    }
+                case ToolbarLocation.bottom:
+                    return 'bottom';
+                case ToolbarLocation.top:
+                default:
+                    return 'top';
+            }
+        };
+        const setupMode = (mode) => {
+            // Update the docking mode
+            floatContainer.on((container) => {
+                Docking.setModes(container, [mode]);
+                headerBackstage.setDockingMode(mode);
+                // Update the vertical menu direction
+                const verticalDir = isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop;
+                set$9(container.element, Attribute, verticalDir);
+            });
+        };
+        const updateChromeWidth = () => {
+            floatContainer.on((container) => {
+                // Update the max width of the inline toolbar
+                const maxWidth = editorMaxWidthOpt.getOrThunk(() => {
+                    // Adding 10px of margin so that the toolbar won't try to wrap
+                    return getBounds$1().width - viewport$1(targetElm).left - 10;
+                });
+                set$7(container.element, 'max-width', maxWidth + 'px');
+            });
+        };
+        const updateChromePosition = (isOuterContainerWidthRestored, prevScroll) => {
+            floatContainer.on((container) => {
+                const toolbar = OuterContainer.getToolbar(mainUi.outerContainer);
+                const offset = calcToolbarOffset(toolbar);
+                // The float container/editor may not have been rendered yet, which will cause it to have a non integer based positions
+                // so we need to round this to account for that.
+                const targetBounds = box$1(targetElm);
+                const offsetParent = getOffsetParent$1(editor, mainUi.outerContainer.element);
+                const getLeft = () => offsetParent.fold(() => targetBounds.x, (offsetParent) => {
+                    // Because for ui_mode: split, the main mothership (which includes the toolbar) is moved and added as a sibling
+                    // If there's any relative position div set as the parent and the offsetParent is no longer the body,
+                    // the absolute top/left positions would no longer be correct
+                    // When there's a relative div and the position is the same as the toolbar container
+                    // then it would produce a negative top as it needs to be positioned on top of the offsetParent
+                    const offsetBox = box$1(offsetParent);
+                    const isOffsetParentBody = eq(offsetParent, body());
+                    return isOffsetParentBody
+                        ? targetBounds.x
+                        : targetBounds.x - offsetBox.x;
+                });
+                const getTop = () => offsetParent.fold(() => isPositionedAtTop()
+                    ? Math.max(targetBounds.y - get$d(container.element) + offset, 0)
+                    : targetBounds.bottom, (offsetParent) => {
+                    var _a;
+                    // Because for ui_mode: split, the main mothership (which includes the toolbar) is moved and added as a sibling
+                    // If there's any relative position div set as the parent and the offsetParent is no longer the body,
+                    // the absolute top/left positions would no longer be correct
+                    // When there's a relative div and the position is the same as the toolbar container
+                    // then it would produce a negative top as it needs to be positioned on top of the offsetParent
+                    const offsetBox = box$1(offsetParent);
+                    const scrollDelta = (_a = offsetParent.dom.scrollTop) !== null && _a !== void 0 ? _a : 0;
+                    const isOffsetParentBody = eq(offsetParent, body());
+                    const topValue = isOffsetParentBody
+                        ? Math.max(targetBounds.y - get$d(container.element) + offset, 0)
+                        : targetBounds.y - offsetBox.y + scrollDelta - get$d(container.element) + offset;
+                    return isPositionedAtTop()
+                        ? topValue
+                        : targetBounds.bottom;
+                });
+                const left = getLeft();
+                const widthProperties = someIf(isOuterContainerWidthRestored, 
+                // This width can be used for calculating the "width" when resolving issues with flex-wrapping being triggered at the window width, despite scroll space being available to the right.
+                Math.ceil(mainUi.outerContainer.element.dom.getBoundingClientRect().width))
+                    // this check is needed because if the toolbar is rendered outside of the `outerContainer` because the toolbar have `position: "fixed"`
+                    // the calculate width isn't correct
+                    .filter((w) => w > minimumToolbarWidth)?.map((toolbarWidth) => {
+                    const scroll = prevScroll.getOr(get$b());
+                    /*
+                  As the editor container can wrap its elements (due to flex-wrap), the width of the container impacts also its height. Adding a minimum width works around two problems:
+        
+                  a) The docking behaviour (e.g. lazyContext) does not handle the situation of a very thin component near the edge of the screen very well, and actually has no concept of horizontal scroll - it only checks y values.
+        
+                  b) A very small toolbar is essentially unusable. On scrolling of X, we keep updating the width of the toolbar so that it can grow to fit the available space.
+        
+                  Note: this is entirely determined on the number of items in the menu and the toolbar, because when they wrap, that's what causes the height. Also, having multiple toolbars can also make it higher.
+                  */
+                    const availableWidth = window.innerWidth - (left - scroll.left);
+                    const width = Math.max(Math.min(toolbarWidth, availableWidth), minimumToolbarWidth);
+                    if (availableWidth < toolbarWidth) {
+                        set$7(mainUi.outerContainer.element, 'width', width + 'px');
+                    }
+                    return {
+                        width: width + 'px'
+                    };
+                }).getOr({ width: 'max-content' });
+                const baseProperties = {
+                    position: 'absolute',
+                    left: Math.round(left) + 'px',
+                    top: getTop() + 'px'
+                };
+                setAll(mainUi.outerContainer.element, {
+                    ...baseProperties,
+                    ...widthProperties
+                });
+            });
+        };
+        // This would return Optional.none, for ui_mode: combined, which will fallback to the default code block
+        // For ui_mode: split, the offsetParent would be the body if there were no relative div set as parent
+        const getOffsetParent$1 = (editor, element) => isSplitUiMode(editor) ? getOffsetParent(element) : Optional.none();
+        const repositionPopups$1 = () => {
+            each$1(uiMotherships, (m) => {
+                m.broadcastOn([repositionPopups()], {});
+            });
+        };
+        const restoreOuterContainerWidth = () => {
+            /*
+            Editors can be placed so far to the right that their left position is beyond the window width. This causes problems with flex-wrap. To solve this, set a width style on the container.
+            Natural width of the container needs to be calculated first.
+            */
+            if (!useFixedToolbarContainer) {
+                const toolbarCurrentRightsidePosition = absolute$3(mainUi.outerContainer.element).left + getOuter(mainUi.outerContainer.element);
+                /*
+                Check the width if we are within X number of pixels to the edge ( or above ). Also check if we have the width-value set.
+                This helps handling the issue where it goes from having a width set ( because it's too wide ) to going so far from the edge it no longer triggers the problem. Common when the width is changed by test.
+                */
+                if (toolbarCurrentRightsidePosition >= window.innerWidth - maximumDistanceToEdge || getRaw(mainUi.outerContainer.element, 'width').isSome()) {
+                    set$7(mainUi.outerContainer.element, 'position', 'absolute');
+                    set$7(mainUi.outerContainer.element, 'left', '0px');
+                    remove$6(mainUi.outerContainer.element, 'width');
+                    return true;
+                }
+            }
+            return false;
+        };
+        const update = (stickyAction) => {
+            // Skip updating the ui if it's hidden
+            if (!isVisible()) {
+                return;
+            }
+            // Handles positioning, docking and SplitToolbar (more drawer) behaviour. Modes:
+            // 1. Basic inline: does positioning and docking
+            // 2. Inline + more drawer: does positioning, docking and SplitToolbar
+            // 3. Inline + fixed_toolbar_container: does nothing
+            // 4. Inline + fixed_toolbar_container + more drawer: does SplitToolbar
+            // Update the max width, as the body width may have changed
+            if (!useFixedToolbarContainer) {
+                updateChromeWidth();
+            }
+            const prevScroll = get$b();
+            const isOuterContainerWidthRestored = useFixedToolbarContainer ? false : restoreOuterContainerWidth();
+            /*
+              Refresh split toolbar. Before calling refresh, we need to make sure that we have the full width (through restoreOuterContainerWidth above), otherwise too much will be put in the overflow drawer.
+              A split toolbar requires a calculation to see what ends up in the "more drawer". When we don't have a split toolbar, then there is no reason to refresh the toolbar when the size changes.
+            */
+            if (isSplitToolbar) {
+                OuterContainer.refreshToolbar(mainUi.outerContainer);
+            }
+            // Positioning
+            if (!useFixedToolbarContainer) {
+                // Getting the current scroll as the previous step may have reset the scroll,
+                // We also want calculation based on the previous scroll, then restoring the scroll when everything is set.
+                const currentScroll = get$b();
+                const optScroll = someIf(prevScroll.left !== currentScroll.left, prevScroll);
+                // This will position the container in the right spot.
+                updateChromePosition(isOuterContainerWidthRestored, optScroll);
+                // Restore scroll left position only if they are different, keeping the current scroll top, that shouldn't be changed
+                optScroll.each((scroll) => {
+                    to(scroll.left, currentScroll.top);
+                });
+            }
+            // Docking
+            if (isSticky) {
+                floatContainer.on(stickyAction);
+            }
+            // Floating toolbar
+            repositionPopups$1();
+        };
+        const doUpdateMode = () => {
+            // Skip updating the mode if the toolbar is hidden, is
+            // using a fixed container or has sticky toolbars disabled
+            if (useFixedToolbarContainer || !isSticky || !isVisible()) {
+                return false;
+            }
+            return floatContainer.get().exists((fc) => {
+                const currentMode = headerBackstage.getDockingMode();
+                const newMode = calcMode(fc);
+                // Note: the docking mode will only be able to change when the `toolbar_location`
+                // is set to "auto".
+                if (newMode !== currentMode) {
+                    setupMode(newMode);
+                    return true;
+                }
+                else {
+                    return false;
+                }
+            });
+        };
+        const show = () => {
+            visible.set(true);
+            set$7(mainUi.outerContainer.element, 'display', 'flex');
+            DOM.addClass(editor.getBody(), 'mce-edit-focus');
+            each$1(uiMotherships, (m) => {
+                // We remove the display style when showing, because when hiding, we set it to "none"
+                remove$6(m.element, 'display');
+            });
+            doUpdateMode();
+            if (isSplitUiMode(editor)) {
+                // When the toolbar is shown, then hidden and when the page is then scrolled,
+                // the toolbar is set to docked, which shouldn't be as it should be static position
+                // calling reset here, to reset the state.
+                // Another case would be when the toolbar is shown initially (with location_bottom)
+                // we don't want to dock the toolbar, calling Docking.refresh
+                update((elem) => Docking.isDocked(elem) ? Docking.reset(elem) : Docking.refresh(elem));
+            }
+            else {
+                // Even if we aren't updating the docking mode, we still want to reposition
+                // the Ui. NOTE: We are using Docking.refresh here, rather than Docking.reset. This
+                // means it should keep whatever its "previous" coordinates were, and will just
+                // behave like the window was scrolled again, and Docking needs to work out if it
+                // is going to dock / undock
+                update(Docking.refresh);
+            }
+        };
+        const hide = () => {
+            visible.set(false);
+            set$7(mainUi.outerContainer.element, 'display', 'none');
+            DOM.removeClass(editor.getBody(), 'mce-edit-focus');
+            each$1(uiMotherships, (m) => {
+                set$7(m.element, 'display', 'none');
+            });
+        };
+        const updateMode = () => {
+            const changedMode = doUpdateMode();
+            // If the docking mode has changed due to the update, we want to reset
+            // docking. This will clear any prior stored positions
+            if (changedMode) {
+                update(Docking.reset);
+            }
+        };
+        return {
+            isVisible,
+            isPositionedAtTop,
+            show,
+            hide,
+            update,
+            updateMode,
+            repositionPopups: repositionPopups$1
+        };
+    };
+
+    const getTargetPosAndBounds = (targetElm, isToolbarTop) => {
+        const bounds = box$1(targetElm);
+        return {
+            pos: isToolbarTop ? bounds.y : bounds.bottom,
+            bounds
+        };
+    };
+    const setupEvents = (editor, targetElm, ui, toolbarPersist) => {
+        const prevPosAndBounds = Cell(getTargetPosAndBounds(targetElm, ui.isPositionedAtTop()));
+        const resizeContent = (e) => {
+            const { pos, bounds } = getTargetPosAndBounds(targetElm, ui.isPositionedAtTop());
+            const { pos: prevPos, bounds: prevBounds } = prevPosAndBounds.get();
+            const hasResized = bounds.height !== prevBounds.height || bounds.width !== prevBounds.width;
+            prevPosAndBounds.set({ pos, bounds });
+            if (hasResized) {
+                fireResizeContent(editor, e);
+            }
+            if (ui.isVisible()) {
+                if (prevPos !== pos) {
+                    // The proposed toolbar location has moved, so we need to reposition the Ui. This might
+                    // include things like refreshing any Docking / stickiness for the toolbars
+                    ui.update(Docking.reset);
+                }
+                else if (hasResized) {
+                    // The proposed toolbar location hasn't moved, but the dimensions of the editor have changed.
+                    // We use "updateMode" here instead of "update". The primary reason is that "updateMode"
+                    // only repositions the Ui if it has detected that the docking mode needs to change, which
+                    // will only happen with `toolbar_location` is set to `auto`.
+                    ui.updateMode();
+                    // NOTE: This repositionPopups call is going to be a duplicate if "updateMode" identifies
+                    // that the mode has changed. We probably need to make it a bit more granular .. so
+                    // that we can just query if the mode has changed. Otherwise, we're going to end up with
+                    // situations like this where we are doing a potentially expensive operation
+                    // (repositionPopups) more than once.
+                    ui.repositionPopups();
+                }
+            }
+        };
+        if (!toolbarPersist) {
+            editor.on('activate', ui.show);
+            editor.on('deactivate', ui.hide);
+        }
+        // For both the initial load (SkinLoaded) and any resizes (ResizeWindow), we want to
+        // update the positions of the Ui elements (and reset Docking / stickiness)
+        editor.on('SkinLoaded ResizeWindow', () => ui.update(Docking.reset));
+        editor.on('NodeChange keydown', (e) => {
+            requestAnimationFrame(() => resizeContent(e));
+        });
+        // When the page has been scrolled, we need to update any docking positions. We also
+        // want to reposition all the Ui elements if required.
+        let lastScrollX = 0;
+        const updateUi = last(() => ui.update(Docking.refresh), 33);
+        editor.on('ScrollWindow', () => {
+            const newScrollX = get$b().left;
+            if (newScrollX !== lastScrollX) {
+                lastScrollX = newScrollX;
+                updateUi.throttle();
+            }
+            ui.updateMode();
+        });
+        if (isSplitUiMode(editor)) {
+            editor.on('ElementScroll', (_args) => {
+                // When the scroller containing the editor scrolls, update the Ui positions
+                ui.update(Docking.refresh);
+            });
+        }
+        // Bind to async load events and trigger a content resize event if the size has changed
+        // This is handling resizing based on anything loading inside the content (e.g. img tags)
+        const elementLoad = unbindable();
+        elementLoad.set(capture(SugarElement.fromDom(editor.getBody()), 'load', (e) => resizeContent(e.raw)));
+        editor.on('remove', () => {
+            elementLoad.clear();
+        });
+    };
+    const render = (editor, uiRefs, rawUiConfig, backstage, args) => {
+        const { mainUi } = uiRefs;
+        // This is used to store the reference to the header part of OuterContainer, which is
+        // *not* created by this module. This reference is used to make sure that we only bind
+        // events for an inline container *once* ... because our show function is just the
+        // InlineHeader's show function if this reference is already set. We pass it through to
+        // InlineHeader because InlineHeader will depend on it.
+        const floatContainer = value$2();
+        const targetElm = SugarElement.fromDom(args.targetNode);
+        const ui = InlineHeader(editor, targetElm, uiRefs, backstage, floatContainer);
+        const toolbarPersist = isToolbarPersist(editor);
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        inline(editor);
+        const render = () => {
+            // Because we set the floatContainer immediately afterwards, this is just telling us
+            // if we have already called this code (e.g. show, hide, show) - then don't do anything
+            // more than show. It's a pretty messy way of ensuring that all the code that follows
+            // this `if` block is only executed once (setting up events etc.). So the first call
+            // to `render` will execute it, but the second call won't. This `render` function is
+            // used for most of the "show" handlers here, so the function can be invoked either
+            // for the first time, or or just because something is being show again, after being
+            // toggled to hidden earlier.
+            if (floatContainer.isSet()) {
+                ui.show();
+                return;
+            }
+            // Set up the header part of OuterContainer. Once configured, the `InlineHeader` code
+            // will use it when setting up and updating the Ui. This module uses it mainly just to
+            // allow us to call `render` multiple times, but only have it execute the setup code once.
+            floatContainer.set(OuterContainer.getHeader(mainUi.outerContainer).getOrDie());
+            // `uiContainer` handles *where* the motherhips get added by default. Currently, uiContainer
+            // will mostly be the <body> of the document (unless it's a ShadowRoot). When using ui_mode: split,
+            // the main mothership (which includes the toolbar) and popup sinks will be added as siblings of
+            // the target element, so that they have the same scrolling context / environment
+            const uiContainer = getUiContainer(editor);
+            // Position the motherships based on the editor Ui options.
+            if (isSplitUiMode(editor)) {
+                attachSystemAfter(targetElm, mainUi.mothership);
+                // Only in ui_mode: split, do we have a separate popup sink
+                attachSystemAfter(targetElm, uiRefs.popupUi.mothership);
+            }
+            else {
+                attachSystem(uiContainer, mainUi.mothership);
+            }
+            // NOTE: In UiRefs, dialogUi and popupUi refer to the same thing if ui_mode: combined
+            attachSystem(uiContainer, uiRefs.dialogUi.mothership);
+            const setup = () => {
+                // Unlike menubar below which uses OuterContainer directly, this level of abstraction is
+                // required because of the different types of toolbars available (e.g. multiple vs single)
+                setToolbar(editor, uiRefs, rawUiConfig, backstage);
+                OuterContainer.setMenubar(mainUi.outerContainer, identifyMenus(editor, rawUiConfig));
+                // Initialise the toolbar - set initial positioning then show
+                ui.show();
+                setupEvents(editor, targetElm, ui, toolbarPersist);
+                editor.nodeChanged();
+            };
+            if (toolbarPersist) {
+                // TINY-10482: for `toolbar_persist: true` we need to wait for the skin to be loaded before showing the toolbar/menubar.
+                // Without this, there's the occasional chance that the toolbar/menubar could be set/shown before the skin has finished
+                // loading, which causes CSS issues.
+                editor.once('SkinLoaded', setup);
+            }
+            else {
+                setup();
+            }
+        };
+        editor.on('show', render);
+        editor.on('hide', ui.hide);
+        if (!toolbarPersist) {
+            editor.on('focus', render);
+            editor.on('blur', ui.hide);
+        }
+        editor.on('init', () => {
+            if (editor.hasFocus() || toolbarPersist) {
+                render();
+            }
+        });
+        setupEventsForUi(editor, uiRefs);
+        const api = {
+            show: render,
+            hide: ui.hide,
+            setEnabled: (state) => {
+                const eventType = state ? 'setEnabled' : 'setDisabled';
+                broadcastEvents(uiRefs, eventType);
+            },
+            isEnabled: () => !Disabling.isDisabled(mainUi.outerContainer)
+        };
+        return {
+            editorContainer: mainUi.outerContainer.element.dom,
+            api
+        };
+    };
+
+    var Inline = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        render: render
+    });
+
+    const LazyUiReferences = () => {
+        const dialogUi = value$2();
+        const popupUi = value$2();
+        const mainUi = value$2();
+        const lazyGetInOuterOrDie = (label, f) => () => mainUi.get().bind((oc) => f(oc.outerContainer)).getOrDie(`Could not find ${label} element in OuterContainer`);
+        // TINY-9226: If the motherships are the same, return just the dialog Ui of them (ui_mode: combined mode)
+        const getUiMotherships = () => {
+            const optDialogMothership = dialogUi.get()?.map((ui) => ui.mothership);
+            const optPopupMothership = popupUi.get()?.map((ui) => ui.mothership);
+            return optDialogMothership.fold(() => optPopupMothership.toArray(), (dm) => optPopupMothership.fold(() => [dm], (pm) => eq(dm.element, pm.element) ? [dm] : [dm, pm]));
+        };
+        return {
+            dialogUi,
+            popupUi,
+            mainUi,
+            getUiMotherships,
+            lazyGetInOuterOrDie
+        };
+    };
+
+    // TODO: Find a better way of doing this. We probably don't want to just listen to
+    // editor events. Having an API available like WindowManager would be the best option
+    const showContextToolbarEvent = 'contexttoolbar-show';
+    const hideContextToolbarEvent = 'contexttoolbar-hide';
+
+    const getFormApi = (input, valueState, focusfallbackElement) => {
+        return ({
+            setInputEnabled: (state) => {
+                if (!state && focusfallbackElement) {
+                    focus$4(focusfallbackElement);
+                }
+                Disabling.set(input, !state);
+            },
+            isInputEnabled: () => !Disabling.isDisabled(input),
+            hide: () => {
+                emit(input, sandboxClose());
+            },
+            back: () => {
+                emit(input, backSlideEvent);
+            },
+            getValue: () => {
+                return valueState.get().getOrThunk(() => Representing.getValue(input));
+            },
+            setValue: (value) => {
+                if (input.getSystem().isConnected()) {
+                    Representing.setValue(input, value);
+                }
+                else {
+                    valueState.set(value);
+                }
+            }
+        });
+    };
+
+    const runOnExecute = (memInput, original, valueState) => run$1(internalToolbarButtonExecute, (comp, se) => {
+        const input = memInput.get(comp);
+        const formApi = getFormApi(input, valueState, comp.element);
+        original.onAction(formApi, se.event.buttonApi);
+    });
+    const renderContextButton = (memInput, button, providers, valueState) => {
+        const { primary, ...rest } = button.original;
+        const bridged = getOrDie(createToolbarButton({
+            ...rest,
+            type: 'button',
+            onAction: noop
+        }));
+        return renderToolbarButtonWith(bridged, providers, [
+            runOnExecute(memInput, button, valueState)
+        ]);
+    };
+    const renderContextToggleButton = (memInput, button, providers, valueState) => {
+        const { primary, ...rest } = button.original;
+        const bridged = getOrDie(createToggleButton({
+            ...rest,
+            type: 'togglebutton',
+            onAction: noop
+        }));
+        return renderToolbarToggleButtonWith(bridged, providers, [
+            runOnExecute(memInput, button, valueState)
+        ]);
+    };
+    const isToggleButton = (button) => button.type === 'contextformtogglebutton';
+    const generateOne = (memInput, button, providersBackstage, valueState) => {
+        if (isToggleButton(button)) {
+            return renderContextToggleButton(memInput, button, providersBackstage, valueState);
+        }
+        else {
+            return renderContextButton(memInput, button, providersBackstage, valueState);
+        }
+    };
+    const generate = (memInput, buttons, providersBackstage, valueState) => {
+        const mementos = map$2(buttons, (button) => record(generateOne(memInput, button, providersBackstage, valueState)));
+        const asSpecs = () => map$2(mementos, (mem) => mem.asSpec());
+        const findPrimary = (compInSystem) => findMap(buttons, (button, i) => {
+            if (button.primary) {
+                return Optional.from(mementos[i]).bind((mem) => mem.getOpt(compInSystem)).filter(not(Disabling.isDisabled));
+            }
+            else {
+                return Optional.none();
+            }
+        });
+        return {
+            asSpecs,
+            findPrimary
+        };
+    };
+
+    const renderContextFormSizeInput = (ctx, providersBackstage, onEnter, valueState) => {
+        const { width, height } = ctx.initValue();
+        let converter = noSizeConversion;
+        const enabled = true;
+        const ratioEvent = generate$6('ratio-event');
+        const getApi = (comp) => getFormApi(comp, valueState);
+        const makeIcon = (iconName) => render$4(iconName, { tag: 'span', classes: ['tox-icon', 'tox-lock-icon__' + iconName] }, providersBackstage.icons);
+        const disabled = () => !enabled;
+        const label = ctx.label.getOr('Constrain proportions');
+        const translatedLabel = providersBackstage.translate(label);
+        const pLock = FormCoupledInputs.parts.lock({
+            dom: {
+                tag: 'button',
+                classes: ['tox-lock', 'tox-lock-context-form-size-input', 'tox-button', 'tox-button--naked', 'tox-button--icon'],
+                attributes: {
+                    'aria-label': translatedLabel,
+                    'data-mce-name': label
+                }
+            },
+            components: [
+                makeIcon('lock'),
+                makeIcon('unlock')
+            ],
+            buttonBehaviours: derive$1([
+                Disabling.config({ disabled }),
+                Tabstopping.config({}),
+                Tooltipping.config(providersBackstage.tooltips.getConfig({
+                    tooltipText: translatedLabel
+                }))
+            ])
+        });
+        const formGroup = (components) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-context-form__group']
+            },
+            components
+        });
+        const goToParent = (comp) => {
+            const focussableWrapperOpt = ancestor$1(comp.element, 'div.tox-focusable-wrapper');
+            return focussableWrapperOpt.fold(Optional.none, (focussableWrapper) => {
+                focus$4(focussableWrapper);
+                return Optional?.some(true);
+            });
+        };
+        const getFieldPart = (isField1) => FormField.parts.field({
+            factory: Input,
+            inputClasses: ['tox-textfield', 'tox-toolbar-textfield', 'tox-textfield-size'],
+            data: isField1 ? width : height,
+            inputBehaviours: derive$1([
+                Disabling.config({ disabled }),
+                Tabstopping.config({}),
+                config('size-input-toolbar-events', [
+                    run$1(focusin(), (component, _simulatedEvent) => {
+                        emitWith(component, ratioEvent, { isField1 });
+                    })
+                ]),
+                Keying.config({ mode: 'special', onEnter, onEscape: goToParent })
+            ]),
+            selectOnFocus: false
+        });
+        const getLabel = (label) => ({
+            dom: {
+                tag: 'label',
+                classes: ['tox-label']
+            },
+            components: [
+                text$2(providersBackstage.translate(label))
+            ]
+        });
+        const focusableWrapper = (field) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-focusable-wrapper', 'tox-toolbar-nav-item'],
+            },
+            components: [field],
+            behaviours: derive$1([
+                Tabstopping.config({}),
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'special',
+                    onEnter: (comp) => {
+                        const focussableInputOpt = descendant(comp.element, 'input');
+                        return focussableInputOpt.fold(Optional.none, (focussableInput) => {
+                            focus$4(focussableInput);
+                            return Optional?.some(true);
+                        });
+                    }
+                })
+            ])
+        });
+        const widthField = focusableWrapper(FormCoupledInputs.parts.field1(formGroup([FormField.parts.label(getLabel('Width:')), getFieldPart(true)])));
+        const heightField = focusableWrapper(FormCoupledInputs.parts.field2(formGroup([FormField.parts.label(getLabel('Height:')), getFieldPart(false)])));
+        const editorOffCell = Cell(noop);
+        const controlLifecycleHandlers = [
+            onControlAttached({
+                onBeforeSetup: (comp) => descendant(comp.element, 'input').each(focus$4),
+                onSetup: ctx.onSetup,
+                getApi
+            }, editorOffCell),
+            onContextFormControlDetached({ getApi }, editorOffCell, valueState),
+        ];
+        return FormCoupledInputs.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-context-form__group']
+            },
+            components: [
+                // NOTE: Form coupled inputs to the FormField.sketch themselves.
+                widthField,
+                formGroup([
+                    pLock
+                ]),
+                heightField
+            ],
+            field1Name: 'width',
+            field2Name: 'height',
+            locked: true,
+            markers: {
+                lockClass: 'tox-locked'
+            },
+            onLockedChange: (current, other, _lock) => {
+                parseSize(Representing.getValue(current)).each((size) => {
+                    converter(size).each((newSize) => {
+                        Representing.setValue(other, formatSize(newSize));
+                    });
+                });
+            },
+            onInput: (current) => emit(current, formInputEvent),
+            coupledFieldBehaviours: derive$1([
+                Focusing.config({}),
+                Keying.config({
+                    mode: 'flow',
+                    focusInside: FocusInsideModes.OnEnterOrSpaceMode,
+                    cycles: false,
+                    selector: 'button, .tox-focusable-wrapper',
+                }),
+                Disabling.config({
+                    disabled,
+                    onDisabled: (comp) => {
+                        FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.disable);
+                        FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.disable);
+                        FormCoupledInputs.getLock(comp).each(Disabling.disable);
+                    },
+                    onEnabled: (comp) => {
+                        FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.enable);
+                        FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.enable);
+                        FormCoupledInputs.getLock(comp).each(Disabling.enable);
+                    }
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('mode:design')),
+                config('size-input-toolbar-events2', [
+                    run$1(ratioEvent, (component, simulatedEvent) => {
+                        const isField1 = simulatedEvent.event.isField1;
+                        const optCurrent = isField1 ? FormCoupledInputs.getField1(component) : FormCoupledInputs.getField2(component);
+                        const optOther = isField1 ? FormCoupledInputs.getField2(component) : FormCoupledInputs.getField1(component);
+                        const value1 = optCurrent?.map(Representing.getValue).getOr('');
+                        const value2 = optOther?.map(Representing.getValue).getOr('');
+                        converter = makeRatioConverter(value1, value2);
+                    }),
+                    run$1(formInputEvent, (input) => ctx.onInput(getApi(input))),
+                    ...controlLifecycleHandlers,
+                ])
+            ])
+        });
+    };
+
+    const createContextFormFieldFromParts = (pLabel, pField, providers) => FormField.sketch({
+        dom: {
+            tag: 'div',
+            classes: ['tox-context-form__group']
+        },
+        components: [...pLabel.toArray(), pField],
+        fieldBehaviours: derive$1([
+            Disabling.config({
+                disabled: () => providers.checkUiComponentContext('mode:design').shouldDisable,
+                onDisabled: (comp) => {
+                    focusParent(comp);
+                    FormField.getField(comp).each(Disabling.disable);
+                },
+                onEnabled: (comp) => {
+                    FormField.getField(comp).each(Disabling.enable);
+                }
+            }),
+        ])
+    });
+
+    const renderContextFormSliderInput = (ctx, providers, onEnter, valueState) => {
+        const editorOffCell = Cell(noop);
+        const getApi = (comp) => getFormApi(comp, valueState);
+        const pLabel = ctx.label?.map((label) => FormField.parts.label({
+            dom: { tag: 'label', classes: ['tox-label'] },
+            components: [text$2(providers.translate(label))]
+        }));
+        const pField = FormField.parts.field({
+            factory: Input,
+            type: 'range',
+            inputClasses: ['tox-toolbar-slider__input', 'tox-toolbar-nav-item'],
+            inputAttributes: {
+                min: String(ctx.min()),
+                max: String(ctx.max())
+            },
+            data: ctx.initValue().toString(),
+            fromInputValue: (value) => toFloat(value).getOr(ctx.min()),
+            toInputValue: (value) => String(value),
+            inputBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => providers.checkUiComponentContext('mode:design').shouldDisable
+                }),
+                toggleOnReceive(() => providers.checkUiComponentContext('mode:design')),
+                Keying.config({
+                    mode: 'special',
+                    onEnter,
+                    // These two lines need to be tested. They are about left and right bypassing
+                    // any keyboard handling, and allowing left and right to be processed by the input
+                    // Maybe this should go in an alloy sketch for Input?
+                    onLeft: (comp, se) => {
+                        se.cut();
+                        return Optional.none();
+                    },
+                    onRight: (comp, se) => {
+                        se.cut();
+                        return Optional.none();
+                    }
+                }),
+                config('slider-events', [
+                    onControlAttached({
+                        onSetup: ctx.onSetup,
+                        getApi,
+                        onBeforeSetup: Keying.focusIn
+                    }, editorOffCell),
+                    onContextFormControlDetached({ getApi }, editorOffCell, valueState),
+                    run$1(input(), (comp) => {
+                        ctx.onInput(getApi(comp));
+                    })
+                ])
+            ])
+        });
+        return createContextFormFieldFromParts(pLabel, pField, providers);
+    };
+
+    const renderContextFormTextInput = (ctx, providers, onEnter, valueState) => {
+        const editorOffCell = Cell(noop);
+        const getFormApi$1 = (comp) => getFormApi(comp, valueState);
+        const pLabel = ctx.label?.map((label) => FormField.parts.label({
+            dom: { tag: 'label', classes: ['tox-label'] },
+            components: [text$2(providers.translate(label))]
+        }));
+        const placeholder = ctx.placeholder?.map((p) => ({ placeholder: providers.translate(p) })).getOr({});
+        const inputAttributes = {
+            ...placeholder,
+        };
+        const pField = FormField.parts.field({
+            factory: Input,
+            inputClasses: ['tox-toolbar-textfield', 'tox-toolbar-nav-item'],
+            inputAttributes,
+            data: ctx.initValue(),
+            selectOnFocus: true,
+            inputBehaviours: derive$1([
+                Disabling.config({
+                    disabled: () => providers.checkUiComponentContext('mode:design').shouldDisable
+                }),
+                toggleOnReceive(() => providers.checkUiComponentContext('mode:design')),
+                Keying.config({
+                    mode: 'special',
+                    onEnter,
+                    // These two lines need to be tested. They are about left and right bypassing
+                    // any keyboard handling, and allowing left and right to be processed by the input
+                    // Maybe this should go in an alloy sketch for Input?
+                    onLeft: (comp, se) => {
+                        se.cut();
+                        return Optional.none();
+                    },
+                    onRight: (comp, se) => {
+                        se.cut();
+                        return Optional.none();
+                    }
+                }),
+                config('input-events', [
+                    onControlAttached({
+                        onSetup: ctx.onSetup,
+                        getApi: (comp) => {
+                            const closestFocussableOpt = ancestor$1(comp.element, '.tox-toolbar').bind((toolbar) => descendant(toolbar, 'button:enabled'));
+                            return closestFocussableOpt.fold(() => getFormApi(comp, valueState), (closestFocussable) => getFormApi(comp, valueState, closestFocussable));
+                        },
+                        onBeforeSetup: Keying.focusIn
+                    }, editorOffCell),
+                    onContextFormControlDetached({ getApi: getFormApi$1 }, editorOffCell, valueState),
+                    run$1(input(), (comp) => {
+                        ctx.onInput(getFormApi$1(comp));
+                    })
+                ])
+            ])
+        });
+        return createContextFormFieldFromParts(pLabel, pField, providers);
+    };
+
+    const buildInitGroup = (f, ctx, providers) => {
+        const valueState = value$2();
+        const onEnter = (input) => {
+            return startCommands.findPrimary(input).orThunk(() => endCommands.findPrimary(input))?.map((primary) => {
+                emitExecute(primary);
+                return true;
+            });
+        };
+        const memInput = record(f(providers, onEnter, valueState));
+        const commandParts = partition$3(ctx.commands, (command) => command.align === 'start');
+        const startCommands = generate(memInput, commandParts.pass, providers, valueState);
+        const endCommands = generate(memInput, commandParts.fail, providers, valueState);
+        return filter$2([
+            {
+                title: Optional.none(),
+                label: Optional.none(),
+                items: startCommands.asSpecs()
+            },
+            {
+                title: Optional.none(),
+                label: Optional.none(),
+                items: [memInput.asSpec()]
+            },
+            {
+                title: Optional.none(),
+                label: Optional.none(),
+                items: endCommands.asSpecs()
+            }
+        ], (group) => group.items.length > 0);
+    };
+    const buildInitGroups = (ctx, providers) => {
+        switch (ctx.type) {
+            case 'contextform': return buildInitGroup(curry(renderContextFormTextInput, ctx), ctx, providers);
+            case 'contextsliderform': return buildInitGroup(curry(renderContextFormSliderInput, ctx), ctx, providers);
+            case 'contextsizeinputform': return buildInitGroup(curry(renderContextFormSizeInput, ctx), ctx, providers);
+        }
+    };
+    const renderContextForm = (toolbarType, ctx, providers) => renderToolbar({
+        type: toolbarType,
+        uid: generate$6('context-toolbar'),
+        initGroups: buildInitGroups(ctx, providers),
+        onEscape: Optional.none,
+        cyclicKeying: true,
+        providers
+    });
+    const ContextForm = {
+        renderContextForm,
+        buildInitGroups
+    };
+
+    // The "threshold" here is the amount of overlap. To make the overlap check
+    // be more permissive (return true for 'almost' an overlap), use a negative
+    // threshold value
+    const isVerticalOverlap = (a, b, threshold) => b.bottom - a.y >= threshold && a.bottom - b.y >= threshold;
+    const getRangeRect = (rng) => {
+        const rect = rng.getBoundingClientRect();
+        // Some ranges (eg <td><br></td>) will return a 0x0 rect, so we'll need to calculate it from the leaf instead
+        if (rect.height <= 0 && rect.width <= 0) {
+            const leaf$1 = leaf(SugarElement.fromDom(rng.startContainer), rng.startOffset).element;
+            const elm = isText(leaf$1) ? parent(leaf$1) : Optional?.some(leaf$1);
+            return elm.filter(isElement$1)
+                ?.map((e) => e.dom.getBoundingClientRect())
+                // We have nothing valid, so just fallback to the original rect
+                .getOr(rect);
+        }
+        else {
+            return rect;
+        }
+    };
+    const getSelectionBounds = (editor) => {
+        const rng = editor.selection.getRng();
+        const rect = getRangeRect(rng);
+        if (editor.inline) {
+            const scroll = get$b();
+            return bounds(scroll.left + rect.left, scroll.top + rect.top, rect.width, rect.height);
+        }
+        else {
+            // Translate to the top level document, as rect is relative to the iframe viewport
+            const bodyPos = absolute$2(SugarElement.fromDom(editor.getBody()));
+            return bounds(bodyPos.x + rect.left, bodyPos.y + rect.top, rect.width, rect.height);
+        }
+    };
+    const getAnchorElementBounds = (editor, lastElement) => lastElement
+        .filter((elem) => inBody(elem) && isHTMLElement(elem))
+        ?.map(absolute$2)
+        .getOrThunk(() => getSelectionBounds(editor));
+    const getHorizontalBounds = (contentAreaBox, viewportBounds, margin) => {
+        const x = Math.max(contentAreaBox.x + margin, viewportBounds.x);
+        const right = Math.min(contentAreaBox.right - margin, viewportBounds.right);
+        return { x, width: right - x };
+    };
+    const getVerticalBounds = (editor, contentAreaBox, viewportBounds, isToolbarLocationTop, toolbarType, margin) => {
+        const container = SugarElement.fromDom(editor.getContainer());
+        const header = descendant(container, '.tox-editor-header').getOr(container);
+        const headerBox = box$1(header);
+        const isToolbarBelowContentArea = headerBox.y >= contentAreaBox.bottom;
+        const isToolbarAbove = isToolbarLocationTop && !isToolbarBelowContentArea;
+        // Scenario toolbar top & inline: Bottom of the header -> Bottom of the viewport
+        if (editor.inline && isToolbarAbove) {
+            return {
+                y: Math.max(headerBox.bottom + margin, viewportBounds.y),
+                bottom: viewportBounds.bottom
+            };
+        }
+        // Scenario toolbar top & inline: Top of the viewport -> Top of the header
+        if (editor.inline && !isToolbarAbove) {
+            return {
+                y: viewportBounds.y,
+                bottom: Math.min(headerBox.y - margin, viewportBounds.bottom)
+            };
+        }
+        // Allow line based context toolbar to overlap the statusbar
+        const containerBounds = toolbarType === 'line' ? box$1(container) : contentAreaBox;
+        // Scenario toolbar bottom & Iframe: Bottom of the header -> Bottom of the editor container
+        if (isToolbarAbove) {
+            return {
+                y: Math.max(headerBox.bottom + margin, viewportBounds.y),
+                bottom: Math.min(containerBounds.bottom - margin, viewportBounds.bottom)
+            };
+        }
+        // Scenario toolbar bottom & Iframe: Top of the editor container -> Top of the header
+        return {
+            y: Math.max(containerBounds.y + margin, viewportBounds.y),
+            bottom: Math.min(headerBox.y - margin, viewportBounds.bottom)
+        };
+    };
+    const getContextToolbarBounds = (editor, sharedBackstage, toolbarType, margin = 0) => {
+        const viewportBounds = getBounds$1(window);
+        const contentAreaBox = box$1(SugarElement.fromDom(editor.getContentAreaContainer()));
+        const toolbarOrMenubarEnabled = isMenubarEnabled(editor) || isToolbarEnabled(editor) || isMultipleToolbars(editor);
+        const { x, width } = getHorizontalBounds(contentAreaBox, viewportBounds, margin);
+        // Create bounds that lets the context toolbar overflow outside the content area, but remains in the viewport
+        if (editor.inline && !toolbarOrMenubarEnabled) {
+            return bounds(x, viewportBounds.y, width, viewportBounds.height);
+        }
+        else {
+            const isToolbarTop = sharedBackstage.header.isPositionedAtTop();
+            const { y, bottom } = getVerticalBounds(editor, contentAreaBox, viewportBounds, isToolbarTop, toolbarType, margin);
+            return bounds(x, y, width, bottom - y);
+        }
+    };
+
+    const bubbleSize$1 = 12;
+    const bubbleAlignments$1 = {
+        valignCentre: [],
+        alignCentre: [],
+        alignLeft: ['tox-pop--align-left'],
+        alignRight: ['tox-pop--align-right'],
+        right: ['tox-pop--right'],
+        left: ['tox-pop--left'],
+        bottom: ['tox-pop--bottom'],
+        top: ['tox-pop--top'],
+        inset: ['tox-pop--inset']
+    };
+    const anchorOverrides = {
+        maxHeightFunction: expandable$1(),
+        maxWidthFunction: expandable()
+    };
+    const isEntireElementSelected = (editor, elem) => {
+        const rng = editor.selection.getRng();
+        const leaf$1 = leaf(SugarElement.fromDom(rng.startContainer), rng.startOffset);
+        return rng.startContainer === rng.endContainer && rng.startOffset === rng.endOffset - 1 && eq(leaf$1.element, elem);
+    };
+    const preservePosition = (elem, position, f) => {
+        const currentPosition = getRaw(elem, 'position');
+        set$7(elem, 'position', position);
+        const result = f(elem);
+        currentPosition.each((pos) => set$7(elem, 'position', pos));
+        return result;
+    };
+    // Don't use an inset layout when using a selection/line based anchors as it'll cover the content and can't be moved out the way
+    const shouldUseInsetLayouts = (position) => position === 'node';
+    /**
+     * This function is designed to attempt to intelligently detect where the contextbar should be anchored when using an inside
+     * layout. It will attempt to preserve the previous outside placement when anchoring to the same element. However, when the
+     * placement is re-triggered (e.g. not triggered by a reposition) and the current editor selection overlaps with the contextbar,
+     * then the anchoring should flip from the previous position to avoid conflicting with the selection.
+     */
+    const determineInsetLayout = (editor, contextbar, elem, data, bounds) => {
+        const selectionBounds = getSelectionBounds(editor);
+        const isSameAnchorElement = data.lastElement().exists((prev) => eq(elem, prev));
+        if (isEntireElementSelected(editor, elem)) {
+            // The entire anchor element is selected so it'll always overlap with the selection, in which case just
+            // preserve or show at the top for a new anchor element.
+            return isSameAnchorElement ? preserve$1 : north$1;
+        }
+        else if (isSameAnchorElement) {
+            // Preserve the position, get the bounds and then see if we have an overlap.
+            // If overlapping and this wasn't triggered by a reposition then flip the placement
+            return preservePosition(contextbar, data.getMode(), () => {
+                // TINY-8890: The negative 20px threshold here was arrived at by considering the use
+                // case of a table with default heights for the rows. The threshold had to be
+                // large enough so that the context toolbar would not prevent the user selecting
+                // in the row containing the context toolbar.
+                const isOverlapping = isVerticalOverlap(selectionBounds, box$1(contextbar), -20);
+                return isOverlapping && !data.isReposition() ? flip : preserve$1;
+            });
+        }
+        else {
+            // Attempt to find the best layout to use that won't cause an overlap for the new anchor element
+            // Note: In fixed positioning mode we need to translate by adding the scroll pos to get the absolute position
+            const yBounds = data.getMode() === 'fixed' ? bounds.y + get$b().top : bounds.y;
+            const contextbarHeight = get$d(contextbar) + bubbleSize$1;
+            return yBounds + contextbarHeight <= selectionBounds.y ? north$1 : south$1;
+        }
+    };
+    const getAnchorSpec$2 = (editor, mobile, data, position) => {
+        // IMPORTANT: We lazily determine the layout here so that we only do the calculations if absolutely necessary
+        const smartInsetLayout = (elem) => (anchor, element, bubbles, placee, bounds) => {
+            const layout = determineInsetLayout(editor, placee, elem, data, bounds);
+            // Adjust the anchor box to use the passed y bound coords so that we simulate a "docking" type of behaviour
+            const newAnchor = {
+                ...anchor,
+                y: bounds.y,
+                height: bounds.height
+            };
+            return {
+                ...layout(newAnchor, element, bubbles, placee, bounds),
+                // Ensure this is always the preferred option if no outside layouts fit
+                alwaysFit: true
+            };
+        };
+        const getInsetLayouts = (elem) => shouldUseInsetLayouts(position) ? [smartInsetLayout(elem)] : [];
+        // On desktop we prioritise north-then-south because it's cleaner, but on mobile we prioritise south to try to avoid overlapping with native context toolbars
+        const desktopAnchorSpecLayouts = {
+            onLtr: (elem) => [north$2, south$2, northeast$2, southeast$2, northwest$2, southwest$2].concat(getInsetLayouts(elem)),
+            onRtl: (elem) => [north$2, south$2, northwest$2, southwest$2, northeast$2, southeast$2].concat(getInsetLayouts(elem))
+        };
+        const mobileAnchorSpecLayouts = {
+            onLtr: (elem) => [south$2, southeast$2, southwest$2, northeast$2, northwest$2, north$2].concat(getInsetLayouts(elem)),
+            onRtl: (elem) => [south$2, southwest$2, southeast$2, northwest$2, northeast$2, north$2].concat(getInsetLayouts(elem))
+        };
+        return mobile ? mobileAnchorSpecLayouts : desktopAnchorSpecLayouts;
+    };
+    const getAnchorLayout = (editor, position, isTouch, data) => {
+        if (position === 'line') {
+            return {
+                bubble: nu$6(bubbleSize$1, 0, bubbleAlignments$1),
+                layouts: {
+                    onLtr: () => [east$2],
+                    onRtl: () => [west$2]
+                },
+                overrides: anchorOverrides
+            };
+        }
+        else {
+            return {
+                // Ensure that inset layouts use a 1px bubble since we're hiding the bubble arrow
+                bubble: nu$6(0, bubbleSize$1, bubbleAlignments$1, 1 / bubbleSize$1),
+                layouts: getAnchorSpec$2(editor, isTouch, data, position),
+                overrides: anchorOverrides
+            };
+        }
+    };
+
+    const matchTargetWith = (elem, candidates) => {
+        const ctxs = filter$2(candidates, (toolbarApi) => toolbarApi.predicate(elem.dom));
+        // TODO: somehow type this properly (Arr.partition can't)
+        // e.g. here pass is Toolbar.ContextToolbar and fail is Toolbar.ContextForm
+        const { pass, fail } = partition$3(ctxs, (t) => t.type === 'contexttoolbar');
+        return {
+            contextToolbars: pass,
+            contextForms: fail
+        };
+    };
+    const filterByPositionForStartNode = (toolbars) => {
+        if (toolbars.length <= 1) {
+            return toolbars;
+        }
+        else {
+            const doesPositionExist = (value) => exists(toolbars, (t) => t.position === value);
+            const filterToolbarsByPosition = (value) => filter$2(toolbars, (t) => t.position === value);
+            const hasSelectionToolbars = doesPositionExist('selection');
+            const hasNodeToolbars = doesPositionExist('node');
+            if (hasSelectionToolbars || hasNodeToolbars) {
+                if (hasNodeToolbars && hasSelectionToolbars) {
+                    // if there's a mix, change the 'selection' toolbars to 'node' so there's no positioning confusion
+                    const nodeToolbars = filterToolbarsByPosition('node');
+                    const selectionToolbars = map$2(filterToolbarsByPosition('selection'), (t) => ({ ...t, position: 'node' }));
+                    return nodeToolbars.concat(selectionToolbars);
+                }
+                else {
+                    return hasSelectionToolbars ? filterToolbarsByPosition('selection') : filterToolbarsByPosition('node');
+                }
+            }
+            else {
+                return filterToolbarsByPosition('line');
+            }
+        }
+    };
+    const filterByPositionForAncestorNode = (toolbars) => {
+        if (toolbars.length <= 1) {
+            return toolbars;
+        }
+        else {
+            const findPosition = (value) => find$5(toolbars, (t) => t.position === value);
+            // prioritise position by 'selection' -> 'node' -> 'line'
+            const basePosition = findPosition('selection')
+                .orThunk(() => findPosition('node'))
+                .orThunk(() => findPosition('line'))
+                ?.map((t) => t.position);
+            return basePosition.fold(() => [], (pos) => filter$2(toolbars, (t) => t.position === pos));
+        }
+    };
+    const matchStartNode = (elem, nodeCandidates, editorCandidates) => {
+        // requirements:
+        // 1. prioritise context forms over context menus
+        // 2. prioritise node scoped over editor scoped context forms
+        // 3. only show max 1 context form
+        // 4. concatenate all available context toolbars if no context form
+        const nodeMatches = matchTargetWith(elem, nodeCandidates);
+        if (nodeMatches.contextForms.length > 0) {
+            return Optional?.some({ elem, toolbars: [nodeMatches.contextForms[0]] });
+        }
+        else {
+            const editorMatches = matchTargetWith(elem, editorCandidates);
+            if (editorMatches.contextForms.length > 0) {
+                return Optional?.some({ elem, toolbars: [editorMatches.contextForms[0]] });
+            }
+            else if (nodeMatches.contextToolbars.length > 0 || editorMatches.contextToolbars.length > 0) {
+                const toolbars = filterByPositionForStartNode(nodeMatches.contextToolbars.concat(editorMatches.contextToolbars));
+                return Optional?.some({ elem, toolbars });
+            }
+            else {
+                return Optional.none();
+            }
+        }
+    };
+    const matchAncestor = (isRoot, startNode, scopes) => {
+        // Don't continue to traverse if the start node is the root node
+        if (isRoot(startNode)) {
+            return Optional.none();
+        }
+        else {
+            return ancestor(startNode, (ancestorElem) => {
+                if (isElement$1(ancestorElem)) {
+                    const { contextToolbars, contextForms } = matchTargetWith(ancestorElem, scopes.inNodeScope);
+                    const toolbars = contextForms.length > 0 ? contextForms : filterByPositionForAncestorNode(contextToolbars);
+                    return toolbars.length > 0 ? Optional?.some({ elem: ancestorElem, toolbars }) : Optional.none();
+                }
+                else {
+                    return Optional.none();
+                }
+            }, isRoot);
+        }
+    };
+    const lookup$1 = (scopes, editor) => {
+        const rootElem = SugarElement.fromDom(editor.getBody());
+        const isRoot = (elem) => eq(elem, rootElem);
+        const isOutsideRoot = (startNode) => !isRoot(startNode) && !contains(rootElem, startNode);
+        const startNode = SugarElement.fromDom(editor.selection.getNode());
+        // Ensure the lookup doesn't start on a parent or sibling element of the root node
+        if (isOutsideRoot(startNode)) {
+            return Optional.none();
+        }
+        return matchStartNode(startNode, scopes.inNodeScope, scopes.inEditorScope).orThunk(() => matchAncestor(isRoot, startNode, scopes));
+    };
+
+    const categorise = (contextToolbars, navigate) => {
+        // TODO: Use foldl/foldr and avoid as much mutation.
+        const forms = {};
+        const inNodeScope = [];
+        const inEditorScope = [];
+        const formNavigators = {};
+        const lookupTable = {};
+        const registerForm = (key, toolbarSpec) => {
+            const contextForm = getOrDie(createContextForm(toolbarSpec));
+            forms[key] = contextForm;
+            contextForm.launch?.map((launch) => {
+                // Use the original here (pre-boulder), because using as a the spec for toolbar buttons
+                formNavigators['form:' + key + ''] = {
+                    ...toolbarSpec.launch,
+                    type: (launch.type === 'contextformtogglebutton' ? 'togglebutton' : 'button'),
+                    onAction: () => {
+                        navigate(contextForm);
+                    }
+                };
+            });
+            if (contextForm.scope === 'editor') {
+                inEditorScope.push(contextForm);
+            }
+            else {
+                inNodeScope.push(contextForm);
+            }
+            lookupTable[key] = contextForm;
+        };
+        const registerToolbar = (key, toolbarSpec) => {
+            createContextToolbar(toolbarSpec).each((contextToolbar) => {
+                if (contextToolbar.launch.isSome()) {
+                    formNavigators['toolbar:' + key + ''] = {
+                        ...toolbarSpec.launch,
+                        type: 'button',
+                        onAction: () => {
+                            navigate(contextToolbar);
+                        }
+                    };
+                }
+                if (toolbarSpec.scope === 'editor') {
+                    inEditorScope.push(contextToolbar);
+                }
+                else {
+                    inNodeScope.push(contextToolbar);
+                }
+                lookupTable[key] = contextToolbar;
+            });
+        };
+        const keys$1 = keys(contextToolbars);
+        each$1(keys$1, (key) => {
+            const toolbarApi = contextToolbars[key];
+            if (toolbarApi.type === 'contextform' || toolbarApi.type === 'contextsliderform' || toolbarApi.type === 'contextsizeinputform') {
+                registerForm(key, toolbarApi);
+            }
+            else if (toolbarApi.type === 'contexttoolbar') {
+                registerToolbar(key, toolbarApi);
+            }
+        });
+        return {
+            forms,
+            inNodeScope,
+            inEditorScope,
+            lookupTable,
+            formNavigators
+        };
+    };
+
+    const transitionClass = 'tox-pop--transition';
+    const isToolbarActionKey = (keyCode) => keyCode === global$1.ENTER || keyCode === global$1.SPACEBAR;
+    const register$a = (editor, registryContextToolbars, sink, extras) => {
+        const backstage = extras.backstage;
+        const sharedBackstage = backstage.shared;
+        const isTouch = detect$1().deviceType.isTouch;
+        const lastElement = value$2();
+        const lastTrigger = value$2();
+        const lastContextPosition = value$2();
+        const contextToolbarResult = renderContextToolbar({
+            sink,
+            onEscape: () => {
+                editor.focus();
+                fireContextToolbarClose(editor);
+                return Optional?.some(true);
+            },
+            onHide: () => {
+                fireContextToolbarClose(editor);
+            },
+            onBack: () => {
+                fireContextFormSlideBack(editor);
+            }
+        });
+        const contextbar = build$1(contextToolbarResult.sketch);
+        const getBounds = () => {
+            const position = lastContextPosition.get().getOr('node');
+            // Use a 1px margin for the bounds to keep the context toolbar from butting directly against
+            // the header, etc... when switching to inset layouts
+            const margin = shouldUseInsetLayouts(position) ? 1 : 0;
+            return getContextToolbarBounds(editor, sharedBackstage, position, margin);
+        };
+        const canLaunchToolbar = () => {
+            // If a mobile context menu is open, don't launch else they'll probably overlap. For android, specifically.
+            return !editor.removed && !(isTouch() && backstage.isContextMenuOpen());
+        };
+        const isSameLaunchElement = (elem) => is$1(lift2(elem, lastElement.get(), eq), true);
+        const shouldContextToolbarHide = () => {
+            if (!canLaunchToolbar()) {
+                return true;
+            }
+            else {
+                const contextToolbarBounds = getBounds();
+                // Get the anchor bounds. For node anchors we should always try to use the last element bounds
+                const anchorBounds = is$1(lastContextPosition.get(), 'node') ?
+                    getAnchorElementBounds(editor, lastElement.get()) :
+                    getSelectionBounds(editor);
+                // If the anchor bounds aren't overlapping with the context toolbar bounds, then the context toolbar
+                // should hide. We want the threshold to require some overlap here (+.01), so that as soon as the
+                // anchor is off-screen, the context toolbar disappers.
+                return contextToolbarBounds.height <= 0 || !isVerticalOverlap(anchorBounds, contextToolbarBounds, 0.01);
+            }
+        };
+        const close = () => {
+            lastElement.clear();
+            lastTrigger.clear();
+            lastContextPosition.clear();
+            InlineView.hide(contextbar);
+        };
+        const hideOrRepositionIfNecessary = () => {
+            if (InlineView.isOpen(contextbar)) {
+                const contextBarEle = contextbar.element;
+                remove$6(contextBarEle, 'display');
+                if (shouldContextToolbarHide()) {
+                    set$7(contextBarEle, 'display', 'none');
+                }
+                else {
+                    lastTrigger.set(0 /* TriggerCause.Reposition */);
+                    InlineView.reposition(contextbar);
+                }
+            }
+        };
+        const wrapInPopDialog = (toolbarSpec) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-pop__dialog']
+            },
+            components: [toolbarSpec],
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'acyclic'
+                }),
+                config('pop-dialog-wrap-events', [
+                    runOnAttached((comp) => {
+                        editor.shortcuts.add('ctrl+F9', 'focus statusbar', () => Keying.focusIn(comp));
+                    }),
+                    runOnDetached((_comp) => {
+                        editor.shortcuts.remove('ctrl+F9');
+                    })
+                ])
+            ])
+        });
+        const navigate = (toolbarApi) => {
+            // ASSUMPTION: This should only ever show one context toolbar since it's used for context forms hence [toolbarApi]
+            const alloySpec = buildToolbar([toolbarApi]);
+            emitWith(contextbar, forwardSlideEvent, {
+                forwardContents: wrapInPopDialog(alloySpec)
+            });
+        };
+        const getScopes = cached(() => categorise(registryContextToolbars, navigate));
+        const buildContextToolbarGroups = (allButtons, ctx) => {
+            return identifyButtons(editor, { buttons: allButtons, toolbar: ctx.items, allowToolbarGroups: false }, extras.backstage, Optional?.some(['form:', 'toolbar:']));
+        };
+        const buildContextFormGroups = (ctx, providers) => ContextForm.buildInitGroups(ctx, providers);
+        const buildToolbar = (toolbars) => {
+            const { buttons } = editor.ui.registry.getAll();
+            const scopes = getScopes();
+            const allButtons = { ...buttons, ...scopes.formNavigators };
+            // For context toolbars we don't want to use floating or sliding, so just restrict this
+            // to scrolling or wrapping (default)
+            const toolbarType = getToolbarMode(editor) === ToolbarMode$1.scrolling ? ToolbarMode$1.scrolling : ToolbarMode$1.default;
+            const initGroups = flatten(map$2(toolbars, (ctx) => ctx.type === 'contexttoolbar' ? buildContextToolbarGroups(allButtons, contextToolbarToSpec(ctx)) : buildContextFormGroups(ctx, sharedBackstage.providers)));
+            return renderToolbar({
+                type: toolbarType,
+                uid: generate$6('context-toolbar'),
+                initGroups,
+                onEscape: Optional.none,
+                cyclicKeying: true,
+                providers: sharedBackstage.providers
+            });
+        };
+        const getAnchor = (position, element) => {
+            const anchorage = position === 'node' ? sharedBackstage.anchors.node(element) : sharedBackstage.anchors.cursor();
+            const anchorLayout = getAnchorLayout(editor, position, isTouch(), {
+                lastElement: lastElement.get,
+                isReposition: () => is$1(lastTrigger.get(), 0 /* TriggerCause.Reposition */),
+                getMode: () => Positioning.getMode(sink)
+            });
+            return deepMerge(anchorage, anchorLayout);
+        };
+        const launchContext = (toolbarApi, elem) => {
+            launchContextToolbar.cancel();
+            // Don't launch if the editor has something else open that would conflict
+            if (!canLaunchToolbar()) {
+                return;
+            }
+            const toolbarSpec = buildToolbar(toolbarApi);
+            // TINY-4495 ASSUMPTION: Can only do toolbarApi[0].position because ContextToolbarLookup.filterToolbarsByPosition
+            // ensures all toolbars returned by ContextToolbarLookup have the same position.
+            // And everything else that gets toolbars from elsewhere only returns maximum 1 toolbar
+            const position = toolbarApi[0].position;
+            const anchor = getAnchor(position, elem);
+            lastContextPosition.set(position);
+            lastTrigger.set(1 /* TriggerCause.NewAnchor */);
+            const contextBarEle = contextbar.element;
+            remove$6(contextBarEle, 'display');
+            // Reset placement and transitions when moving to different elements
+            if (!isSameLaunchElement(elem)) {
+                remove$3(contextBarEle, transitionClass);
+                Positioning.reset(sink, contextbar);
+            }
+            // Place the element
+            InlineView.showWithinBounds(contextbar, wrapInPopDialog(toolbarSpec), {
+                anchor,
+                transition: {
+                    classes: [transitionClass],
+                    mode: 'placement'
+                }
+            }, () => Optional?.some(getBounds()));
+            // IMPORTANT: This must be stored after the initial render, otherwise the lookup of the last element in the
+            // anchor placement will be incorrect as it'll reuse the new element as the anchor point.
+            elem.fold(lastElement.clear, lastElement.set);
+            // It's possible we may have launched offscreen, if so then hide
+            if (shouldContextToolbarHide()) {
+                set$7(contextBarEle, 'display', 'none');
+            }
+        };
+        const instantReposition = () => {
+            // Sometimes when we reposition the toolbar it might be in a transitioning state and
+            // if we try to reposition while that happens the computed position/width will be incorrect.
+            set$7(contextbar.element, 'transition', 'none');
+            hideOrRepositionIfNecessary();
+            remove$6(contextbar.element, 'transition');
+        };
+        let isDragging = false;
+        const launchContextToolbar = last(() => {
+            // Don't launch if the editor doesn't have focus or has been destroyed
+            if (!editor.hasFocus() || editor.removed || isDragging) {
+                return;
+            }
+            // If currently transitioning then throttle again so we don't interrupt the transition
+            if (has(contextbar.element, transitionClass)) {
+                launchContextToolbar.throttle();
+            }
+            else {
+                const scopes = getScopes();
+                lookup$1(scopes, editor).fold(close, (info) => {
+                    launchContext(info.toolbars, Optional?.some(info.elem));
+                });
+            }
+        }, 17); // 17ms is used as that's about 1 frame at 60fps
+        editor.on('init', () => {
+            editor.on('remove', close);
+            editor.on('ScrollContent ScrollWindow ObjectResized ResizeEditor longpress', hideOrRepositionIfNecessary);
+            // FIX: Make it go away when the action makes it go away. E.g. deleting a column deletes the table.
+            editor.on('click focus SetContent', launchContextToolbar.throttle);
+            editor.on('keyup', (e) => {
+                // If you use keyboard to press a button in a subtoolbar then the keyup will happen inside the editor and that should not re-render the toolbar
+                if (!isToolbarActionKey(e.keyCode) || !contextToolbarResult.inSubtoolbar()) {
+                    launchContextToolbar.throttle();
+                }
+            });
+            editor.on(hideContextToolbarEvent, close);
+            editor.on(showContextToolbarEvent, (e) => {
+                const scopes = getScopes();
+                // TODO: Have this stored in a better structure
+                get$h(scopes.lookupTable, e.toolbarKey).each((ctx) => {
+                    // ASSUMPTION: this is only used to open one specific toolbar at a time, hence [ctx]
+                    launchContext([ctx], someIf(e.target !== editor, e.target));
+                    focusIn(contextbar);
+                });
+            });
+            editor.on('focusout', (_e) => {
+                global$a.setEditorTimeout(editor, () => {
+                    if (search(sink.element).isNone() && search(contextbar.element).isNone() && !editor.hasFocus()) {
+                        close();
+                    }
+                }, 0);
+            });
+            editor.on('SwitchMode', () => {
+                if (editor.mode.isReadOnly()) {
+                    close();
+                }
+            });
+            editor.on('DisabledStateChange', (e) => {
+                if (e.state) {
+                    close();
+                }
+            });
+            // TINY-10640: Firefox was flaking in tests and was not properly dismissing the toolbar could not reproduce it manually but adding this seems to resolve it.
+            editor.on('ExecCommand', ({ command }) => {
+                if (command.toLowerCase() === 'toggleview') {
+                    close();
+                }
+            });
+            editor.on('AfterProgressState', (event) => {
+                if (event.state) {
+                    close();
+                }
+                else if (editor.hasFocus()) {
+                    launchContextToolbar.throttle();
+                }
+            });
+            editor.on('dragstart', () => {
+                isDragging = true;
+            });
+            editor.on('dragend drop', () => {
+                isDragging = false;
+            });
+            editor.on('NodeChange', (_e) => {
+                if (!contextToolbarResult.inSubtoolbar()) {
+                    search(contextbar.element).fold(launchContextToolbar.throttle, noop);
+                }
+                else {
+                    instantReposition();
+                }
+            });
+        });
+    };
+
+    const register$9 = (editor) => {
+        const alignToolbarButtons = [
+            { name: 'alignleft', text: 'Align left', cmd: 'JustifyLeft', icon: 'align-left' },
+            { name: 'aligncenter', text: 'Align center', cmd: 'JustifyCenter', icon: 'align-center' },
+            { name: 'alignright', text: 'Align right', cmd: 'JustifyRight', icon: 'align-right' },
+            { name: 'alignjustify', text: 'Justify', cmd: 'JustifyFull', icon: 'align-justify' }
+        ];
+        each$1(alignToolbarButtons, (item) => {
+            editor.ui.registry.addToggleButton(item.name, {
+                tooltip: item.text,
+                icon: item.icon,
+                onAction: onActionExecCommand(editor, item.cmd),
+                onSetup: onSetupStateToggle(editor, item.name)
+            });
+        });
+        editor.ui.registry.addButton('alignnone', {
+            tooltip: 'No alignment',
+            icon: 'align-none',
+            onSetup: onSetupEditableToggle(editor),
+            onAction: onActionExecCommand(editor, 'JustifyNone')
+        });
+    };
+
+    const registerController = (editor, spec) => {
+        const getMenuItems = () => {
+            const options = spec.getOptions(editor);
+            const initial = spec.getCurrent(editor)?.map(spec.hash);
+            const current = value$2();
+            return map$2(options, (value) => ({
+                type: 'togglemenuitem',
+                text: spec.display(value),
+                onSetup: (api) => {
+                    const setActive = (active) => {
+                        if (active) {
+                            current.on((oldApi) => oldApi.setActive(false));
+                            current.set(api);
+                        }
+                        api.setActive(active);
+                    };
+                    setActive(is$1(initial, spec.hash(value)));
+                    const unbindWatcher = spec.watcher(editor, value, setActive);
+                    return () => {
+                        current.clear();
+                        unbindWatcher();
+                    };
+                },
+                onAction: () => spec.setCurrent(editor, value)
+            }));
+        };
+        editor.ui.registry.addMenuButton(spec.name, {
+            tooltip: spec.text,
+            icon: spec.icon,
+            fetch: (callback) => callback(getMenuItems()),
+            onSetup: spec.onToolbarSetup
+        });
+        editor.ui.registry.addNestedMenuItem(spec.name, {
+            type: 'nestedmenuitem',
+            text: spec.text,
+            getSubmenuItems: getMenuItems,
+            onSetup: spec.onMenuSetup
+        });
+    };
+    const lineHeightSpec = (editor) => ({
+        name: 'lineheight',
+        text: 'Line height',
+        icon: 'line-height',
+        getOptions: getLineHeightFormats,
+        hash: (input) => normalise(input, ['fixed', 'relative', 'empty']).getOr(input),
+        display: identity,
+        watcher: (editor, value, callback) => editor.formatter.formatChanged('lineheight', callback, false, { value }).unbind,
+        getCurrent: (editor) => Optional.from(editor.queryCommandValue('LineHeight')),
+        setCurrent: (editor, value) => editor.execCommand('LineHeight', false, value),
+        onToolbarSetup: onSetupEditableToggle(editor),
+        onMenuSetup: onSetupEditableToggle(editor)
+    });
+    const languageSpec = (editor) => {
+        const settingsOpt = Optional.from(getContentLanguages(editor));
+        return settingsOpt?.map((settings) => ({
+            name: 'language',
+            text: 'Language',
+            icon: 'language',
+            getOptions: constant$1(settings),
+            hash: (input) => isUndefined(input.customCode) ? input.code : `${input.code}/${input.customCode}`,
+            display: (input) => input.title,
+            watcher: (editor, value, callback) => { var _a; return editor.formatter.formatChanged('lang', callback, false, { value: value.code, customValue: (_a = value.customCode) !== null && _a !== void 0 ? _a : null }).unbind; },
+            getCurrent: (editor) => {
+                const node = SugarElement.fromDom(editor.selection.getNode());
+                return closest(node, (n) => Optional?.some(n)
+                    .filter(isElement$1)
+                    .bind((ele) => {
+                    const codeOpt = getOpt(ele, 'lang');
+                    return codeOpt?.map((code) => {
+                        const customCode = getOpt(ele, 'data-mce-lang').getOrUndefined();
+                        return { code, customCode, title: '' };
+                    });
+                }));
+            },
+            setCurrent: (editor, lang) => editor.execCommand('Lang', false, lang),
+            onToolbarSetup: (api) => {
+                const unbinder = unbindable();
+                api.setActive(editor.formatter.match('lang', {}, undefined, true));
+                unbinder.set(editor.formatter.formatChanged('lang', api.setActive, true));
+                return composeUnbinders(unbinder.clear, onSetupEditableToggle(editor)(api));
+            },
+            onMenuSetup: onSetupEditableToggle(editor)
+        }));
+    };
+    const register$8 = (editor) => {
+        registerController(editor, lineHeightSpec(editor));
+        languageSpec(editor).each((spec) => registerController(editor, spec));
+    };
+
+    const register$7 = (editor, backstage) => {
+        createAlignMenu(editor, backstage);
+        createFontFamilyMenu(editor, backstage);
+        createStylesMenu(editor, backstage);
+        createBlocksMenu(editor, backstage);
+        createFontSizeMenu(editor, backstage);
+    };
+
+    const register$6 = (editor) => {
+        editor.ui.registry.addContext('editable', () => {
+            return editor.selection.isEditable();
+        });
+        editor.ui.registry.addContext('mode', (mode) => {
+            return editor.mode.get() === mode;
+        });
+        editor.ui.registry.addContext('any', always);
+        editor.ui.registry.addContext('formatting', (format) => {
+            return editor.formatter.canApply(format);
+        });
+        editor.ui.registry.addContext('insert', (child) => {
+            return editor.schema.isValidChild(editor.selection.getNode().tagName, child);
+        });
+    };
+
+    const onSetupOutdentState = (editor) => onSetupEvent(editor, 'NodeChange', (api) => {
+        api.setEnabled(editor.queryCommandState('outdent') && editor.selection.isEditable());
+    });
+    const registerButtons$2 = (editor) => {
+        editor.ui.registry.addButton('outdent', {
+            tooltip: 'Decrease indent',
+            icon: 'outdent',
+            onSetup: onSetupOutdentState(editor),
+            onAction: onActionExecCommand(editor, 'outdent')
+        });
+        editor.ui.registry.addButton('indent', {
+            tooltip: 'Increase indent',
+            icon: 'indent',
+            onSetup: onSetupEditableToggle(editor),
+            onAction: onActionExecCommand(editor, 'indent')
+        });
+    };
+    const register$5 = (editor) => {
+        registerButtons$2(editor);
+    };
+
+    const makeSetupHandler = (editor, pasteAsText) => (api) => {
+        api.setActive(pasteAsText.get());
+        const pastePlainTextToggleHandler = (e) => {
+            pasteAsText.set(e.state);
+            api.setActive(e.state);
+        };
+        editor.on('PastePlainTextToggle', pastePlainTextToggleHandler);
+        return composeUnbinders(() => editor.off('PastePlainTextToggle', pastePlainTextToggleHandler), onSetupEditableToggle(editor)(api));
+    };
+    const register$4 = (editor) => {
+        const pasteAsText = Cell(getPasteAsText(editor));
+        const onAction = () => editor.execCommand('mceTogglePlainTextPaste');
+        editor.ui.registry.addToggleButton('pastetext', {
+            active: false,
+            icon: 'paste-text',
+            tooltip: 'Paste as text',
+            onAction,
+            onSetup: makeSetupHandler(editor, pasteAsText)
+        });
+        editor.ui.registry.addToggleMenuItem('pastetext', {
+            text: 'Paste as text',
+            icon: 'paste-text',
+            onAction,
+            onSetup: makeSetupHandler(editor, pasteAsText)
+        });
+    };
+
+    const onActionToggleFormat = (editor, fmt) => () => {
+        editor.execCommand('mceToggleFormat', false, fmt);
+    };
+    const registerFormatButtons = (editor) => {
+        global$2.each([
+            { name: 'bold', text: 'Bold', icon: 'bold', shortcut: 'Meta+B' },
+            { name: 'italic', text: 'Italic', icon: 'italic', shortcut: 'Meta+I' },
+            { name: 'underline', text: 'Underline', icon: 'underline', shortcut: 'Meta+U' },
+            { name: 'strikethrough', text: 'Strikethrough', icon: 'strike-through' },
+            { name: 'subscript', text: 'Subscript', icon: 'subscript' },
+            { name: 'superscript', text: 'Superscript', icon: 'superscript' }
+        ], (btn, _idx) => {
+            editor.ui.registry.addToggleButton(btn.name, {
+                tooltip: btn.text,
+                icon: btn.icon,
+                onSetup: onSetupStateToggle(editor, btn.name),
+                onAction: onActionToggleFormat(editor, btn.name),
+                shortcut: btn.shortcut
+            });
+        });
+        for (let i = 1; i <= 6; i++) {
+            const name = 'h' + i;
+            const shortcut = `Access+${i}`;
+            editor.ui.registry.addToggleButton(name, {
+                text: name.toUpperCase(),
+                tooltip: 'Heading ' + i,
+                onSetup: onSetupStateToggle(editor, name),
+                onAction: onActionToggleFormat(editor, name),
+                shortcut
+            });
+        }
+    };
+    const registerCommandButtons = (editor) => {
+        global$2.each([
+            { name: 'copy', text: 'Copy', action: 'Copy', icon: 'copy', context: 'any' },
+            { name: 'help', text: 'Help', action: 'mceHelp', icon: 'help', shortcut: 'Alt+0', context: 'any' },
+            { name: 'selectall', text: 'Select all', action: 'SelectAll', icon: 'select-all', shortcut: 'Meta+A', context: 'any' },
+            { name: 'newdocument', text: 'New document', action: 'mceNewDocument', icon: 'new-document' },
+            { name: 'print', text: 'Print', action: 'mcePrint', icon: 'print', shortcut: 'Meta+P', context: 'any' },
+        ], (btn) => {
+            editor.ui.registry.addButton(btn.name, {
+                tooltip: btn.text,
+                icon: btn.icon,
+                onAction: onActionExecCommand(editor, btn.action),
+                shortcut: btn.shortcut,
+                context: btn.context
+            });
+        });
+        global$2.each([
+            { name: 'cut', text: 'Cut', action: 'Cut', icon: 'cut' },
+            { name: 'paste', text: 'Paste', action: 'Paste', icon: 'paste' },
+            // visualaid was here but also exists in VisualAid.ts?
+            { name: 'removeformat', text: 'Clear formatting', action: 'RemoveFormat', icon: 'remove-formatting' },
+            { name: 'remove', text: 'Remove', action: 'Delete', icon: 'remove' },
+            { name: 'hr', text: 'Horizontal line', action: 'InsertHorizontalRule', icon: 'horizontal-rule' }
+        ], (btn) => {
+            editor.ui.registry.addButton(btn.name, {
+                tooltip: btn.text,
+                icon: btn.icon,
+                onSetup: onSetupEditableToggle(editor),
+                onAction: onActionExecCommand(editor, btn.action)
+            });
+        });
+    };
+    const registerCommandToggleButtons = (editor) => {
+        global$2.each([
+            { name: 'blockquote', text: 'Blockquote', action: 'mceBlockQuote', icon: 'quote' }
+        ], (btn) => {
+            editor.ui.registry.addToggleButton(btn.name, {
+                tooltip: btn.text,
+                icon: btn.icon,
+                onAction: onActionExecCommand(editor, btn.action),
+                onSetup: onSetupStateToggle(editor, btn.name)
+            });
+        });
+    };
+    const registerButtons$1 = (editor) => {
+        registerFormatButtons(editor);
+        registerCommandButtons(editor);
+        registerCommandToggleButtons(editor);
+    };
+    const registerMenuItems$2 = (editor) => {
+        global$2.each([
+            { name: 'newdocument', text: 'New document', action: 'mceNewDocument', icon: 'new-document' },
+            { name: 'copy', text: 'Copy', action: 'Copy', icon: 'copy', shortcut: 'Meta+C', context: 'any' },
+            { name: 'selectall', text: 'Select all', action: 'SelectAll', icon: 'select-all', shortcut: 'Meta+A', context: 'any' },
+            { name: 'print', text: 'Print...', action: 'mcePrint', icon: 'print', shortcut: 'Meta+P', context: 'any' }
+        ], (menuitem) => {
+            editor.ui.registry.addMenuItem(menuitem.name, {
+                text: menuitem.text,
+                icon: menuitem.icon,
+                shortcut: menuitem.shortcut,
+                onAction: onActionExecCommand(editor, menuitem.action),
+                context: menuitem.context
+            });
+        });
+        global$2.each([
+            { name: 'bold', text: 'Bold', action: 'Bold', icon: 'bold', shortcut: 'Meta+B' },
+            { name: 'italic', text: 'Italic', action: 'Italic', icon: 'italic', shortcut: 'Meta+I' },
+            { name: 'underline', text: 'Underline', action: 'Underline', icon: 'underline', shortcut: 'Meta+U' },
+            { name: 'strikethrough', text: 'Strikethrough', action: 'Strikethrough', icon: 'strike-through' },
+            { name: 'subscript', text: 'Subscript', action: 'Subscript', icon: 'subscript' },
+            { name: 'superscript', text: 'Superscript', action: 'Superscript', icon: 'superscript' },
+            { name: 'removeformat', text: 'Clear formatting', action: 'RemoveFormat', icon: 'remove-formatting' },
+            { name: 'cut', text: 'Cut', action: 'Cut', icon: 'cut', shortcut: 'Meta+X' },
+            { name: 'paste', text: 'Paste', action: 'Paste', icon: 'paste', shortcut: 'Meta+V' },
+            { name: 'hr', text: 'Horizontal line', action: 'InsertHorizontalRule', icon: 'horizontal-rule' }
+        ], (menuitem) => {
+            editor.ui.registry.addMenuItem(menuitem.name, {
+                text: menuitem.text,
+                icon: menuitem.icon,
+                shortcut: menuitem.shortcut,
+                onSetup: onSetupEditableToggle(editor),
+                onAction: onActionExecCommand(editor, menuitem.action)
+            });
+        });
+        editor.ui.registry.addMenuItem('codeformat', {
+            text: 'Code',
+            icon: 'sourcecode',
+            onSetup: onSetupEditableToggle(editor),
+            onAction: onActionToggleFormat(editor, 'code')
+        });
+    };
+    const register$3 = (editor) => {
+        registerButtons$1(editor);
+        registerMenuItems$2(editor);
+    };
+
+    const onSetupUndoRedoState = (editor, type) => onSetupEvent(editor, 'Undo Redo AddUndo TypingUndo ClearUndos SwitchMode', (api) => {
+        api.setEnabled(!editor.mode.isReadOnly() && editor.undoManager[type]());
+    });
+    const registerMenuItems$1 = (editor) => {
+        editor.ui.registry.addMenuItem('undo', {
+            text: 'Undo',
+            icon: 'undo',
+            shortcut: 'Meta+Z',
+            onSetup: onSetupUndoRedoState(editor, 'hasUndo'),
+            onAction: onActionExecCommand(editor, 'undo')
+        });
+        editor.ui.registry.addMenuItem('redo', {
+            text: 'Redo',
+            icon: 'redo',
+            shortcut: 'Meta+Y',
+            onSetup: onSetupUndoRedoState(editor, 'hasRedo'),
+            onAction: onActionExecCommand(editor, 'redo')
+        });
+    };
+    // Note: The undo/redo buttons are disabled by default here, as they'll be rendered
+    // on init generally and it won't have any undo levels at that stage.
+    const registerButtons = (editor) => {
+        editor.ui.registry.addButton('undo', {
+            tooltip: 'Undo',
+            icon: 'undo',
+            enabled: false,
+            onSetup: onSetupUndoRedoState(editor, 'hasUndo'),
+            onAction: onActionExecCommand(editor, 'undo'),
+            shortcut: 'Meta+Z'
+        });
+        editor.ui.registry.addButton('redo', {
+            tooltip: 'Redo',
+            icon: 'redo',
+            enabled: false,
+            onSetup: onSetupUndoRedoState(editor, 'hasRedo'),
+            onAction: onActionExecCommand(editor, 'redo'),
+            shortcut: 'Meta+Y'
+        });
+    };
+    const register$2 = (editor) => {
+        registerMenuItems$1(editor);
+        registerButtons(editor);
+    };
+
+    const onSetupVisualAidState = (editor) => onSetupEvent(editor, 'VisualAid', (api) => {
+        api.setActive(editor.hasVisual);
+    });
+    const registerMenuItems = (editor) => {
+        editor.ui.registry.addToggleMenuItem('visualaid', {
+            text: 'Visual aids',
+            onSetup: onSetupVisualAidState(editor),
+            onAction: onActionExecCommand(editor, 'mceToggleVisualAid'),
+            context: 'any'
+        });
+    };
+    const registerToolbarButton = (editor) => {
+        editor.ui.registry.addButton('visualaid', {
+            tooltip: 'Visual aids',
+            text: 'Visual aids',
+            onAction: onActionExecCommand(editor, 'mceToggleVisualAid'),
+            context: 'any'
+        });
+    };
+    const register$1 = (editor) => {
+        registerToolbarButton(editor);
+        registerMenuItems(editor);
+    };
+
+    const setup$6 = (editor, backstage) => {
+        register$9(editor);
+        register$3(editor);
+        register$7(editor, backstage);
+        register$2(editor);
+        register$d(editor);
+        register$1(editor);
+        register$5(editor);
+        register$8(editor);
+        register$4(editor);
+        register$6(editor);
+    };
+
+    const patchPipeConfig = (config) => isString(config) ? config.split(/[ ,]/) : config;
+    const option = (name) => (editor) => editor.options.get(name);
+    const register = (editor) => {
+        const registerOption = editor.options.register;
+        registerOption('contextmenu_avoid_overlap', {
+            processor: 'string',
+            default: ''
+        });
+        registerOption('contextmenu_never_use_native', {
+            processor: 'boolean',
+            default: false
+        });
+        registerOption('contextmenu', {
+            processor: (value) => {
+                if (value === false) {
+                    return { value: [], valid: true };
+                }
+                else if (isString(value) || isArrayOf(value, isString)) {
+                    return { value: patchPipeConfig(value), valid: true };
+                }
+                else {
+                    return { valid: false, message: 'Must be false or a string.' };
+                }
+            },
+            default: 'link linkchecker image editimage table spellchecker configurepermanentpen'
+        });
+    };
+    const shouldNeverUseNative = option('contextmenu_never_use_native');
+    const getAvoidOverlapSelector = option('contextmenu_avoid_overlap');
+    const isContextMenuDisabled = (editor) => getContextMenu(editor).length === 0;
+    const getContextMenu = (editor) => {
+        const contextMenus = editor.ui.registry.getAll().contextMenus;
+        const contextMenu = editor.options.get('contextmenu');
+        if (editor.options.isSet('contextmenu')) {
+            return contextMenu;
+        }
+        else {
+            // Filter default context menu items when they are not in the registry (e.g. when the plugin is not loaded)
+            return filter$2(contextMenu, (item) => has$2(contextMenus, item));
+        }
+    };
+
+    const nu = (x, y) => ({
+        type: 'makeshift',
+        x,
+        y
+    });
+    const transpose = (pos, dx, dy) => {
+        return nu(pos.x + dx, pos.y + dy);
+    };
+    const isTouchEvent$1 = (e) => e.type === 'longpress' || e.type.indexOf('touch') === 0;
+    const fromPageXY = (e) => {
+        if (isTouchEvent$1(e)) {
+            const touch = e.touches[0];
+            return nu(touch.pageX, touch.pageY);
+        }
+        else {
+            return nu(e.pageX, e.pageY);
+        }
+    };
+    const fromClientXY = (e) => {
+        if (isTouchEvent$1(e)) {
+            const touch = e.touches[0];
+            return nu(touch.clientX, touch.clientY);
+        }
+        else {
+            return nu(e.clientX, e.clientY);
+        }
+    };
+    const transposeContentAreaContainer = (element, pos) => {
+        const containerPos = global$9.DOM.getPos(element);
+        return transpose(pos, containerPos.x, containerPos.y);
+    };
+    const getPointAnchor = (editor, e) => {
+        // If the contextmenu event is fired via the editor.dispatch() API or some other means, fall back to selection anchor
+        if (e.type === 'contextmenu' || e.type === 'longpress') {
+            if (editor.inline) {
+                return fromPageXY(e);
+            }
+            else {
+                return transposeContentAreaContainer(editor.getContentAreaContainer(), fromClientXY(e));
+            }
+        }
+        else {
+            return getSelectionAnchor(editor);
+        }
+    };
+    const getSelectionAnchor = (editor) => {
+        return {
+            type: 'selection',
+            root: SugarElement.fromDom(editor.selection.getNode())
+        };
+    };
+    const getNodeAnchor = (editor) => ({
+        type: 'node',
+        node: Optional?.some(SugarElement.fromDom(editor.selection.getNode())),
+        root: SugarElement.fromDom(editor.getBody())
+    });
+    const getAnchorSpec$1 = (editor, e, anchorType) => {
+        switch (anchorType) {
+            case 'node':
+                return getNodeAnchor(editor);
+            case 'point':
+                return getPointAnchor(editor, e);
+            case 'selection':
+                return getSelectionAnchor(editor);
+        }
+    };
+
+    const initAndShow$1 = (editor, e, buildMenu, backstage, contextmenu, anchorType) => {
+        const items = buildMenu();
+        const anchorSpec = getAnchorSpec$1(editor, e, anchorType);
+        build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+            isHorizontalMenu: false,
+            search: Optional.none()
+        })?.map((menuData) => {
+            e.preventDefault();
+            // show the context menu, with items set to close on click
+            InlineView.showMenuAt(contextmenu, { anchor: anchorSpec }, {
+                menu: {
+                    markers: markers('normal')
+                },
+                data: menuData
+            });
+        });
+    };
+
+    const layouts = {
+        onLtr: () => [south$2, southeast$2, southwest$2, northeast$2, northwest$2, north$2,
+            north$1, south$1, northeast$1, southeast$1, northwest$1, southwest$1],
+        onRtl: () => [south$2, southwest$2, southeast$2, northwest$2, northeast$2, north$2,
+            north$1, south$1, northwest$1, southwest$1, northeast$1, southeast$1]
+    };
+    const bubbleSize = 12;
+    const bubbleAlignments = {
+        valignCentre: [],
+        alignCentre: [],
+        alignLeft: ['tox-pop--align-left'],
+        alignRight: ['tox-pop--align-right'],
+        right: ['tox-pop--right'],
+        left: ['tox-pop--left'],
+        bottom: ['tox-pop--bottom'],
+        top: ['tox-pop--top']
+    };
+    const isTouchWithinSelection = (editor, e) => {
+        const selection = editor.selection;
+        if (selection.isCollapsed() || e.touches.length < 1) {
+            return false;
+        }
+        else {
+            const touch = e.touches[0];
+            const rng = selection.getRng();
+            const rngRectOpt = getFirstRect(editor.getWin(), SimSelection.domRange(rng));
+            return rngRectOpt.exists((rngRect) => rngRect.left <= touch.clientX &&
+                rngRect.right >= touch.clientX &&
+                rngRect.top <= touch.clientY &&
+                rngRect.bottom >= touch.clientY);
+        }
+    };
+    const setupiOSOverrides = (editor) => {
+        // iOS will change the selection due to longpress also being a range selection gesture. As such we
+        // need to reset the selection back to the original selection after the touchend event has fired
+        const originalSelection = editor.selection.getRng();
+        const selectionReset = () => {
+            global$a.setEditorTimeout(editor, () => {
+                editor.selection.setRng(originalSelection);
+            }, 10);
+            unbindEventListeners();
+        };
+        editor.once('touchend', selectionReset);
+        // iPadOS will trigger a mousedown after the longpress which will close open context menus
+        // so we want to prevent that from running
+        const preventMousedown = (e) => {
+            e.preventDefault();
+            e.stopImmediatePropagation();
+        };
+        editor.on('mousedown', preventMousedown, true);
+        // If a longpresscancel is fired, then a touchmove has occurred so we shouldn't do any overrides
+        const clearSelectionReset = () => unbindEventListeners();
+        editor.once('longpresscancel', clearSelectionReset);
+        const unbindEventListeners = () => {
+            editor.off('touchend', selectionReset);
+            editor.off('longpresscancel', clearSelectionReset);
+            editor.off('mousedown', preventMousedown);
+        };
+    };
+    const getAnchorSpec = (editor, e, anchorType) => {
+        const anchorSpec = getAnchorSpec$1(editor, e, anchorType);
+        const bubbleYOffset = anchorType === 'point' ? bubbleSize : 0;
+        return {
+            bubble: nu$6(0, bubbleYOffset, bubbleAlignments),
+            layouts,
+            overrides: {
+                maxWidthFunction: expandable(),
+                maxHeightFunction: expandable$1()
+            },
+            ...anchorSpec
+        };
+    };
+    const show = (editor, e, items, backstage, contextmenu, anchorType, highlightImmediately) => {
+        const anchorSpec = getAnchorSpec(editor, e, anchorType);
+        build(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, {
+            // MobileContextMenus are the *only* horizontal menus currently (2022-08-16)
+            isHorizontalMenu: true,
+            search: Optional.none()
+        })?.map((menuData) => {
+            e.preventDefault();
+            // If we are highlighting immediately, then we want to highlight the menu
+            // and the item. Otherwise, we don't want to highlight anything.
+            const highlightOnOpen = highlightImmediately
+                ? HighlightOnOpen.HighlightMenuAndItem
+                : HighlightOnOpen.HighlightNone;
+            // Show the context menu, with items set to close on click
+            InlineView.showMenuWithinBounds(contextmenu, { anchor: anchorSpec }, {
+                menu: {
+                    markers: markers('normal'),
+                    highlightOnOpen
+                },
+                data: menuData,
+                type: 'horizontal'
+            }, () => Optional?.some(getContextToolbarBounds(editor, backstage.shared, anchorType === 'node' ? 'node' : 'selection')));
+            // Ensure the context toolbar is hidden
+            editor.dispatch(hideContextToolbarEvent);
+        });
+    };
+    const initAndShow = (editor, e, buildMenu, backstage, contextmenu, anchorType) => {
+        const detection = detect$1();
+        const isiOS = detection.os.isiOS();
+        const isMacOS = detection.os.isMacOS();
+        const isAndroid = detection.os.isAndroid();
+        const isTouch = detection.deviceType.isTouch();
+        const shouldHighlightImmediately = () => !(isAndroid || isiOS || (isMacOS && isTouch));
+        const open = () => {
+            const items = buildMenu();
+            show(editor, e, items, backstage, contextmenu, anchorType, shouldHighlightImmediately());
+        };
+        // On iOS/iPadOS if we've long pressed on a ranged selection then we've already selected the content
+        // and just need to open the menu. Otherwise we need to wait for a selection change to occur as long
+        // press triggers a ranged selection on iOS.
+        if ((isMacOS || isiOS) && anchorType !== 'node') {
+            const openiOS = () => {
+                setupiOSOverrides(editor);
+                open();
+            };
+            if (isTouchWithinSelection(editor, e)) {
+                openiOS();
+            }
+            else {
+                editor.once('selectionchange', openiOS);
+                editor.once('touchend', () => editor.off('selectionchange', openiOS));
+            }
+        }
+        else {
+            open();
+        }
+    };
+
+    const isSeparator = (item) => isString(item) ? item === '|' : item.type === 'separator';
+    const separator = {
+        type: 'separator'
+    };
+    const makeContextItem = (item) => {
+        const commonMenuItem = (item) => ({
+            text: item.text,
+            icon: item.icon,
+            enabled: item.enabled,
+            shortcut: item.shortcut,
+        });
+        if (isString(item)) {
+            return item;
+        }
+        else {
+            switch (item.type) {
+                case 'separator':
+                    return separator;
+                case 'submenu':
+                    return {
+                        type: 'nestedmenuitem',
+                        ...commonMenuItem(item),
+                        getSubmenuItems: () => {
+                            const items = item.getSubmenuItems();
+                            if (isString(items)) {
+                                return items;
+                            }
+                            else {
+                                return map$2(items, makeContextItem);
+                            }
+                        }
+                    };
+                default:
+                    // case 'item', or anything else really
+                    const commonItem = item;
+                    return {
+                        type: 'menuitem',
+                        ...commonMenuItem(commonItem),
+                        // disconnect the function from the menu item API bridge defines
+                        onAction: noarg(commonItem.onAction)
+                    };
+            }
+        }
+    };
+    const addContextMenuGroup = (xs, groupItems) => {
+        // Skip if there are no items
+        if (groupItems.length === 0) {
+            return xs;
+        }
+        // Only add a separator at the beginning if the last item isn't a separator
+        const lastMenuItem = last$1(xs).filter((item) => !isSeparator(item));
+        const before = lastMenuItem.fold(() => [], (_) => [separator]);
+        return xs.concat(before).concat(groupItems).concat([separator]);
+    };
+    const generateContextMenu = (contextMenus, menuConfig, selectedElement) => {
+        const sections = foldl(menuConfig, (acc, name) => {
+            // Either read and convert the list of items out of the plugin, or assume it's a standard menu item reference
+            return get$h(contextMenus, name.toLowerCase())?.map((menu) => {
+                const items = menu.update(selectedElement);
+                if (isString(items) && isNotEmpty(trim$1(items))) {
+                    return addContextMenuGroup(acc, items.split(' '));
+                }
+                else if (isArray(items) && items.length > 0) {
+                    // TODO: Should we add a StructureSchema check here?
+                    const allItems = map$2(items, makeContextItem);
+                    return addContextMenuGroup(acc, allItems);
+                }
+                else {
+                    return acc;
+                }
+            }).getOrThunk(() => acc.concat([name]));
+        }, []);
+        // Strip off any trailing separator
+        if (sections.length > 0 && isSeparator(sections[sections.length - 1])) {
+            sections.pop();
+        }
+        return sections;
+    };
+    const isNativeOverrideKeyEvent = (editor, e) => e.ctrlKey && !shouldNeverUseNative(editor);
+    const isTouchEvent = (e) => e.type === 'longpress' || has$2(e, 'touches');
+    const isTriggeredByKeyboard = (editor, e) => 
+    // Different browsers trigger the context menu from keyboards differently, so need to check various different things here.
+    // If a longpress touch event, always treat it as a pointer event
+    // Chrome: button = 0, pointerType = undefined & target = the selection range node
+    // Firefox: button = 0, pointerType = undefined & target = body
+    // Safari: N/A (Mac's don't expose a contextmenu keyboard shortcut)
+    !isTouchEvent(e) && (e.button !== 2 || e.target === editor.getBody() && e.pointerType === '');
+    const getSelectedElement = (editor, e) => isTriggeredByKeyboard(editor, e) ? editor.selection.getStart(true) : e.target;
+    const getAnchorType = (editor, e) => {
+        const selector = getAvoidOverlapSelector(editor);
+        const anchorType = isTriggeredByKeyboard(editor, e) ? 'selection' : 'point';
+        if (isNotEmpty(selector)) {
+            const target = getSelectedElement(editor, e);
+            const selectorExists = closest$1(SugarElement.fromDom(target), selector);
+            return selectorExists ? 'node' : anchorType;
+        }
+        else {
+            return anchorType;
+        }
+    };
+    const setup$5 = (editor, lazySink, backstage) => {
+        const detection = detect$1();
+        const isTouch = detection.deviceType.isTouch;
+        const contextmenu = build$1(InlineView.sketch({
+            dom: {
+                tag: 'div'
+            },
+            lazySink,
+            onEscape: () => editor.focus(),
+            onShow: () => backstage.setContextMenuState(true),
+            onHide: () => backstage.setContextMenuState(false),
+            fireDismissalEventInstead: {},
+            inlineBehaviours: derive$1([
+                config('dismissContextMenu', [
+                    run$1(dismissRequested(), (comp, _se) => {
+                        Sandboxing.close(comp);
+                        editor.focus();
+                    })
+                ])
+            ])
+        }));
+        const hideContextMenu = () => InlineView.hide(contextmenu);
+        const showContextMenu = (e) => {
+            // Prevent the default if we should never use native
+            if (shouldNeverUseNative(editor)) {
+                e.preventDefault();
+            }
+            if (isNativeOverrideKeyEvent(editor, e) || isContextMenuDisabled(editor)) {
+                return;
+            }
+            const anchorType = getAnchorType(editor, e);
+            const buildMenu = () => {
+                // Use the event target element for touch events, otherwise fallback to the current selection
+                const selectedElement = getSelectedElement(editor, e);
+                const registry = editor.ui.registry.getAll();
+                const menuConfig = getContextMenu(editor);
+                return generateContextMenu(registry.contextMenus, menuConfig, selectedElement);
+            };
+            const initAndShow$2 = isTouch() ? initAndShow : initAndShow$1;
+            initAndShow$2(editor, e, buildMenu, backstage, contextmenu, anchorType);
+        };
+        editor.on('init', () => {
+            // Hide the context menu when scrolling or resizing
+            // Except ResizeWindow on mobile which fires when the keyboard appears/disappears
+            const hideEvents = 'ResizeEditor ScrollContent ScrollWindow longpresscancel' + (isTouch() ? '' : ' ResizeWindow');
+            editor.on(hideEvents, hideContextMenu);
+            editor.on('longpress contextmenu', showContextMenu);
+        });
+    };
+
+    const snapWidth = 40;
+    const snapOffset = snapWidth / 2;
+    // const insertDebugDiv = (left, top, width, height, color, clazz) => {
+    //   const debugArea = SugarElement.fromHtml(`<div class="${clazz}"></div>`);
+    //   Css.setAll(debugArea, {
+    //     'left': left.toString() + 'px',
+    //     'top': top.toString() + 'px',
+    //     'background-color': color,
+    //     'position': 'absolute',
+    //     'width': width.toString() + 'px',
+    //     'height': height.toString() + 'px',
+    //     'opacity': '0.2'
+    //   });
+    //   Insert.append(SugarBody.body(), debugArea);
+    // };
+    const calcSnap = (selectorOpt, td, x, y, width, height) => selectorOpt.fold(() => Dragging.snap({
+        sensor: absolute$1(x - snapOffset, y - snapOffset),
+        range: SugarPosition(width, height),
+        output: absolute$1(Optional?.some(x), Optional?.some(y)),
+        extra: {
+            td
+        }
+    }), (selectorHandle) => {
+        const sensorLeft = x - snapOffset;
+        const sensorTop = y - snapOffset;
+        const sensorWidth = snapWidth; // box.width();
+        const sensorHeight = snapWidth; // box.height();
+        const rect = selectorHandle.element.dom.getBoundingClientRect();
+        // insertDebugDiv(sensorLeft, sensorTop, sensorWidth, sensorHeight, 'green', 'top-left-snap-debug');
+        return Dragging.snap({
+            sensor: absolute$1(sensorLeft, sensorTop),
+            range: SugarPosition(sensorWidth, sensorHeight),
+            output: absolute$1(Optional?.some(x - (rect.width / 2)), Optional?.some(y - (rect.height / 2))),
+            extra: {
+                td
+            }
+        });
+    });
+    const getSnapsConfig = (getSnapPoints, cell, onChange) => {
+        // Can't use Optional.is() here since we need to do a dom compare, not an equality compare
+        const isSameCell = (cellOpt, td) => cellOpt.exists((currentTd) => eq(currentTd, td));
+        return {
+            getSnapPoints,
+            leftAttr: 'data-drag-left',
+            topAttr: 'data-drag-top',
+            onSensor: (component, extra) => {
+                const td = extra.td;
+                if (!isSameCell(cell.get(), td)) {
+                    cell.set(td);
+                    onChange(td);
+                }
+            },
+            mustSnap: true
+        };
+    };
+    const createSelector = (snaps) => record(Button.sketch({
+        dom: {
+            tag: 'div',
+            classes: ['tox-selector']
+        },
+        buttonBehaviours: derive$1([
+            Dragging.config({
+                mode: 'mouseOrTouch',
+                blockerClass: 'blocker',
+                snaps
+            }),
+            Unselecting.config({})
+        ]),
+        eventOrder: {
+            // Because this is a button, allow dragging. It will stop clicking.
+            mousedown: ['dragging', 'alloy.base.behaviour'],
+            touchstart: ['dragging', 'alloy.base.behaviour']
+        }
+    }));
+    const setup$4 = (editor, sink) => {
+        const tlTds = Cell([]);
+        const brTds = Cell([]);
+        const isVisible = Cell(false);
+        const startCell = value$2();
+        const finishCell = value$2();
+        const getTopLeftSnap = (td) => {
+            const box = absolute$2(td);
+            return calcSnap(memTopLeft.getOpt(sink), td, box.x, box.y, box.width, box.height);
+        };
+        const getTopLeftSnaps = () => 
+        // const body = SugarBody.body();
+        // const debugs = SelectorFilter.descendants(body, '.top-left-snap-debug');
+        // Arr.each(debugs, (debugArea) => {
+        //   Remove.remove(debugArea);
+        // });
+        map$2(tlTds.get(), (td) => getTopLeftSnap(td));
+        const getBottomRightSnap = (td) => {
+            const box = absolute$2(td);
+            return calcSnap(memBottomRight.getOpt(sink), td, box.right, box.bottom, box.width, box.height);
+        };
+        const getBottomRightSnaps = () => 
+        // const body = SugarBody.body();
+        // const debugs = SelectorFilter.descendants(body, '.bottom-right-snap-debug');
+        // Arr.each(debugs, (debugArea) => {
+        //   Remove.remove(debugArea);
+        // });
+        map$2(brTds.get(), (td) => getBottomRightSnap(td));
+        const topLeftSnaps = getSnapsConfig(getTopLeftSnaps, startCell, (start) => {
+            finishCell.get().each((finish) => {
+                editor.dispatch('TableSelectorChange', { start, finish });
+            });
+        });
+        const bottomRightSnaps = getSnapsConfig(getBottomRightSnaps, finishCell, (finish) => {
+            startCell.get().each((start) => {
+                editor.dispatch('TableSelectorChange', { start, finish });
+            });
+        });
+        const memTopLeft = createSelector(topLeftSnaps);
+        const memBottomRight = createSelector(bottomRightSnaps);
+        const topLeft = build$1(memTopLeft.asSpec());
+        const bottomRight = build$1(memBottomRight.asSpec());
+        const showOrHideHandle = (selector, cell, isAbove, isBelow) => {
+            const cellRect = cell.dom.getBoundingClientRect();
+            remove$6(selector.element, 'display');
+            const viewportHeight = defaultView(SugarElement.fromDom(editor.getBody())).dom.innerHeight;
+            const aboveViewport = isAbove(cellRect);
+            const belowViewport = isBelow(cellRect, viewportHeight);
+            if (aboveViewport || belowViewport) {
+                set$7(selector.element, 'display', 'none');
+            }
+        };
+        const snapTo = (selector, cell, getSnapConfig, pos) => {
+            const snap = getSnapConfig(cell);
+            Dragging.snapTo(selector, snap);
+            const isAbove = (rect) => rect[pos] < 0;
+            const isBelow = (rect, viewportHeight) => rect[pos] > viewportHeight;
+            showOrHideHandle(selector, cell, isAbove, isBelow);
+        };
+        const snapTopLeft = (cell) => snapTo(topLeft, cell, getTopLeftSnap, 'top');
+        const snapLastTopLeft = () => startCell.get().each(snapTopLeft);
+        const snapBottomRight = (cell) => snapTo(bottomRight, cell, getBottomRightSnap, 'bottom');
+        const snapLastBottomRight = () => finishCell.get().each(snapBottomRight);
+        // TODO: Make this work for desktop maybe?
+        if (detect$1().deviceType.isTouch()) {
+            const domToSugar = (arr) => map$2(arr, SugarElement.fromDom);
+            editor.on('TableSelectionChange', (e) => {
+                if (!isVisible.get()) {
+                    attach(sink, topLeft);
+                    attach(sink, bottomRight);
+                    isVisible.set(true);
+                }
+                const start = SugarElement.fromDom(e.start);
+                const finish = SugarElement.fromDom(e.finish);
+                startCell.set(start);
+                finishCell.set(finish);
+                Optional.from(e.otherCells).each((otherCells) => {
+                    tlTds.set(domToSugar(otherCells.upOrLeftCells));
+                    brTds.set(domToSugar(otherCells.downOrRightCells));
+                    snapTopLeft(start);
+                    snapBottomRight(finish);
+                });
+            });
+            editor.on('ResizeEditor ResizeWindow ScrollContent', () => {
+                snapLastTopLeft();
+                snapLastBottomRight();
+            });
+            editor.on('TableSelectionClear', () => {
+                if (isVisible.get()) {
+                    detach(topLeft);
+                    detach(bottomRight);
+                    isVisible.set(false);
+                }
+                startCell.clear();
+                finishCell.clear();
+            });
+        }
+    };
+
+    var Logo = "<svg height=\"16\" viewBox=\"0 0 80 16\" width=\"80\" xmlns=\"http://www.w3.org/2000/svg\"><g opacity=\".8\"><path d=\"m80 3.537v-2.202h-7.976v11.585h7.976v-2.25h-5.474v-2.621h4.812v-2.069h-4.812v-2.443zm-10.647 6.929c-.493.217-1.13.337-1.864.337s-1.276-.156-1.805-.47a3.732 3.732 0 0 1 -1.3-1.298c-.324-.554-.48-1.191-.48-1.877s.156-1.335.48-1.877a3.635 3.635 0 0 1 1.3-1.299 3.466 3.466 0 0 1 1.805-.481c.65 0 .914.06 1.263.18.36.12.698.277.986.47.289.192.578.384.842.6l.12.085v-2.586l-.023-.024c-.385-.35-.855-.614-1.384-.818-.53-.205-1.155-.313-1.877-.313-.721 0-1.6.144-2.333.445a5.773 5.773 0 0 0 -1.937 1.251 5.929 5.929 0 0 0 -1.324 1.9c-.324.735-.48 1.565-.48 2.455s.156 1.72.48 2.454c.325.734.758 1.383 1.324 1.913.553.53 1.215.938 1.937 1.25a6.286 6.286 0 0 0 2.333.434c.819 0 1.384-.108 1.961-.313.59-.216 1.083-.505 1.468-.866l.024-.024v-2.49l-.12.096c-.41.337-.878.626-1.396.866zm-14.869-4.15-4.8-5.04-.024-.025h-.902v11.67h2.502v-6.847l2.827 3.08.385.409.397-.41 2.791-3.067v6.845h2.502v-11.679h-.902l-4.788 5.052z\"/><path clip-rule=\"evenodd\" d=\"m15.543 5.137c0-3.032-2.466-5.113-4.957-5.137-.36 0-.745.024-1.094.096-.157.024-3.85.758-3.85.758-3.032.602-4.62 2.466-4.704 4.788-.024.89-.024 4.27-.024 4.27.036 3.165 2.406 5.138 5.017 5.126.337 0 1.119-.109 1.287-.145.144-.024.385-.084.746-.144.661-.12 1.684-.325 3.067-.602 2.37-.409 4.103-2.009 4.44-4.33.156-1.023.084-4.692.084-4.692zm-3.213 3.308-2.346.457v2.31l-5.859 1.143v-5.75l2.346-.458v3.441l3.513-.686v-3.44l-3.513.685v-2.297l5.859-1.143v5.75zm20.09-3.296-.083-1.023h-2.13v8.794h2.346v-4.884c0-1.107.95-1.985 2.057-1.997 1.095 0 1.901.89 1.901 1.997v4.884h2.346v-5.245c-.012-2.105-1.588-3.777-3.67-3.765a3.764 3.764 0 0 0 -2.778 1.25l.012-.011zm-6.014-4.102 2.346-.458v2.298l-2.346.457z\" fill-rule=\"evenodd\"/><path d=\"m28.752 4.126h-2.346v8.794h2.346z\"/><path clip-rule=\"evenodd\" d=\"m43.777 15.483 4.043-11.357h-2.418l-1.54 4.355-.445 1.324-.36-1.324-1.54-4.355h-2.418l3.151 8.794-1.083 3.08zm-21.028-5.51c0 .722.541 1.034.878 1.034s.638-.048.95-.144l.518 1.708c-.217.145-.879.518-2.13.518a2.565 2.565 0 0 1 -2.562-2.587c-.024-1.082-.024-2.49 0-4.21h-1.54v-2.142h1.54v-1.912l2.346-.458v2.37h2.201v2.142h-2.2v3.693-.012z\" fill-rule=\"evenodd\"/></g></svg>\n";
+
+    const isHidden = (elm) => elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus') || elm.getAttribute('data-mce-type') === 'bookmark';
+    const renderElementPath = (editor, settings, providersBackstage) => {
+        var _a;
+        const delimiter = (_a = settings.delimiter) !== null && _a !== void 0 ? _a : '\u203A';
+        const renderElement = (name, element, index) => Button.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-statusbar__path-item'],
+                attributes: {
+                    'data-index': index,
+                }
+            },
+            components: [
+                text$2(name)
+            ],
+            action: (_btn) => {
+                editor.focus();
+                editor.selection.select(element);
+                editor.nodeChanged();
+            },
+            buttonBehaviours: derive$1([
+                Tooltipping.config({
+                    ...providersBackstage.tooltips.getConfig({
+                        tooltipText: providersBackstage.translate(['Select the {0} element', element.nodeName.toLowerCase()]),
+                        onShow: (comp, tooltip) => {
+                            describedBy(comp.element, tooltip.element);
+                        },
+                        onHide: (comp) => {
+                            remove$1(comp.element);
+                        }
+                    }),
+                }),
+                DisablingConfigs.button(providersBackstage.isDisabled),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('any'))
+            ])
+        });
+        const renderDivider = () => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-statusbar__path-divider'],
+                attributes: {
+                    'aria-hidden': true
+                }
+            },
+            components: [
+                text$2(` ${delimiter} `)
+            ]
+        });
+        const renderPathData = (data) => foldl(data, (acc, path, index) => {
+            const element = renderElement(path.name, path.element, index);
+            if (index === 0) {
+                return acc.concat([element]);
+            }
+            else {
+                return acc.concat([renderDivider(), element]);
+            }
+        }, []);
+        const updatePath = (parents) => {
+            const newPath = [];
+            let i = parents.length;
+            while (i-- > 0) {
+                const parent = parents[i];
+                if (parent.nodeType === 1 && !isHidden(parent)) {
+                    const args = fireResolveName(editor, parent);
+                    if (!args.isDefaultPrevented()) {
+                        newPath.push({ name: args.name, element: parent });
+                    }
+                    if (args.isPropagationStopped()) {
+                        break;
+                    }
+                }
+            }
+            return newPath;
+        };
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-statusbar__path'],
+                attributes: {
+                    role: 'navigation'
+                }
+            },
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'flow',
+                    selector: 'div[role=button]'
+                }),
+                Disabling.config({
+                    disabled: providersBackstage.isDisabled
+                }),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('any')),
+                Tabstopping.config({}),
+                Replacing.config({}),
+                config('elementPathEvents', [
+                    runOnAttached((comp, _e) => {
+                        // NOTE: If statusbar ever gets re-rendered, we will need to free this.
+                        editor.shortcuts.add('alt+F11', 'focus statusbar elementpath', () => Keying.focusIn(comp));
+                        editor.on('NodeChange', (e) => {
+                            const newPath = updatePath(e.parents);
+                            const newChildren = newPath.length > 0 ? renderPathData(newPath) : [];
+                            Replacing.set(comp, newChildren);
+                        });
+                    })
+                ])
+            ]),
+            components: []
+        };
+    };
+
+    var ResizeTypes;
+    (function (ResizeTypes) {
+        ResizeTypes[ResizeTypes["None"] = 0] = "None";
+        ResizeTypes[ResizeTypes["Both"] = 1] = "Both";
+        ResizeTypes[ResizeTypes["Vertical"] = 2] = "Vertical";
+    })(ResizeTypes || (ResizeTypes = {}));
+    const getDimensions = (editor, deltas, resizeType, originalHeight, originalWidth) => {
+        const dimensions = {
+            height: calcCappedSize(originalHeight + deltas.top, getMinHeightOption(editor), getMaxHeightOption(editor))
+        };
+        if (resizeType === ResizeTypes.Both) {
+            dimensions.width = calcCappedSize(originalWidth + deltas.left, getMinWidthOption(editor), getMaxWidthOption(editor));
+        }
+        return dimensions;
+    };
+    const resize = (editor, deltas, resizeType) => {
+        const container = SugarElement.fromDom(editor.getContainer());
+        const dimensions = getDimensions(editor, deltas, resizeType, get$d(container), get$c(container));
+        each(dimensions, (val, dim) => {
+            if (isNumber(val)) {
+                set$7(container, dim, numToPx(val));
+            }
+        });
+        fireResizeEditor(editor);
+    };
+
+    const getResizeType = (editor) => {
+        const resize = getResize(editor);
+        if (resize === false) {
+            return ResizeTypes.None;
+        }
+        else if (resize === 'both') {
+            return ResizeTypes.Both;
+        }
+        else {
+            return ResizeTypes.Vertical;
+        }
+    };
+    const keyboardHandler = (editor, resizeType, x, y) => {
+        const scale = 20;
+        const delta = SugarPosition(x * scale, y * scale);
+        resize(editor, delta, resizeType);
+        return Optional?.some(true);
+    };
+    const renderResizeHandler = (editor, providersBackstage) => {
+        const resizeType = getResizeType(editor);
+        if (resizeType === ResizeTypes.None) {
+            return Optional.none();
+        }
+        const resizeLabel = resizeType === ResizeTypes.Both
+            ? 'Press the arrow keys to resize the editor.'
+            : 'Press the Up and Down arrow keys to resize the editor.';
+        const cursorClass = resizeType === ResizeTypes.Both
+            ? 'tox-statusbar__resize-cursor-both'
+            : 'tox-statusbar__resize-cursor-default';
+        return Optional?.some(render$4('resize-handle', {
+            tag: 'div',
+            classes: ['tox-statusbar__resize-handle', cursorClass],
+            attributes: {
+                'aria-label': providersBackstage.translate(resizeLabel),
+                'data-mce-name': 'resize-handle'
+            },
+            behaviours: [
+                Dragging.config({
+                    mode: 'mouse',
+                    repositionTarget: false,
+                    onDrag: (_comp, _target, delta) => resize(editor, delta, resizeType),
+                    blockerClass: 'tox-blocker'
+                }),
+                Keying.config({
+                    mode: 'special',
+                    onLeft: () => keyboardHandler(editor, resizeType, -1, 0),
+                    onRight: () => keyboardHandler(editor, resizeType, 1, 0),
+                    onUp: () => keyboardHandler(editor, resizeType, 0, -1),
+                    onDown: () => keyboardHandler(editor, resizeType, 0, 1),
+                }),
+                Tabstopping.config({}),
+                Focusing.config({}),
+                Tooltipping.config(providersBackstage.tooltips.getConfig({
+                    tooltipText: providersBackstage.translate('Resize')
+                }))
+            ]
+        }, providersBackstage.icons));
+    };
+
+    const renderWordCount = (editor, providersBackstage) => {
+        const replaceCountText = (comp, count, mode) => Replacing.set(comp, [text$2(providersBackstage.translate(['{0} ' + mode, count[mode]]))]);
+        return Button.sketch({
+            dom: {
+                // The tag for word count was changed to 'button' as Jaws does not read out spans.
+                // Word count is just a toggle and changes modes between words and characters.
+                tag: 'button',
+                classes: ['tox-statusbar__wordcount']
+            },
+            components: [],
+            buttonBehaviours: derive$1([
+                DisablingConfigs.button(providersBackstage.isDisabled),
+                toggleOnReceive(() => providersBackstage.checkUiComponentContext('any')),
+                Tabstopping.config({}),
+                Replacing.config({}),
+                Representing.config({
+                    store: {
+                        mode: 'memory',
+                        initialValue: {
+                            mode: "words" /* WordCountMode.Words */,
+                            count: { words: 0, characters: 0 }
+                        }
+                    }
+                }),
+                config('wordcount-events', [
+                    runOnExecute$1((comp) => {
+                        const currentVal = Representing.getValue(comp);
+                        const newMode = currentVal.mode === "words" /* WordCountMode.Words */ ? "characters" /* WordCountMode.Characters */ : "words" /* WordCountMode.Words */;
+                        Representing.setValue(comp, { mode: newMode, count: currentVal.count });
+                        replaceCountText(comp, currentVal.count, newMode);
+                    }),
+                    runOnAttached((comp) => {
+                        editor.on('wordCountUpdate', (e) => {
+                            const { mode } = Representing.getValue(comp);
+                            Representing.setValue(comp, { mode, count: e.wordCount });
+                            replaceCountText(comp, e.wordCount, mode);
+                        });
+                    })
+                ])
+            ]),
+            eventOrder: {
+                [execute$5()]: ['disabling', 'alloy.base.behaviour', 'wordcount-events']
+            }
+        });
+    };
+
+    const renderStatusbar = (editor, providersBackstage) => {
+        const renderBranding = () => {
+            return {
+                dom: {
+                    tag: 'span',
+                    classes: ['tox-statusbar__branding'],
+                },
+                components: [
+                    {
+                        dom: {
+                            tag: 'a',
+                            attributes: {
+                                'href': 'https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v7',
+                                'rel': 'noopener',
+                                'target': '_blank',
+                                'aria-label': editor.translate(['Build with {0}', 'TinyMCE'])
+                            },
+                            innerHtml: editor.translate(['Build with {0}', Logo.trim()])
+                        },
+                        behaviours: derive$1([
+                            Focusing.config({})
+                        ])
+                    }
+                ]
+            };
+        };
+        const renderHelpAccessibility = () => {
+            const shortcutText = convertText('Alt+0');
+            const text = `Press {0} for help`;
+            return {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-statusbar__help-text'],
+                },
+                components: [
+                    text$2(global$6.translate([text, shortcutText]))
+                ]
+            };
+        };
+        const renderRightContainer = () => {
+            const components = [];
+            if (editor.hasPlugin('wordcount')) {
+                components.push(renderWordCount(editor, providersBackstage));
+            }
+            if (useBranding(editor)) {
+                components.push(renderBranding());
+            }
+            return {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-statusbar__right-container']
+                },
+                components
+            };
+        };
+        const getTextComponents = () => {
+            const components = [];
+            const shouldRenderHelp = useHelpAccessibility(editor);
+            const shouldRenderElementPath = useElementPath(editor);
+            const shouldRenderRightContainer = useBranding(editor) || editor.hasPlugin('wordcount');
+            const getTextComponentClasses = () => {
+                const flexStart = 'tox-statusbar__text-container--flex-start';
+                const flexEnd = 'tox-statusbar__text-container--flex-end';
+                const spaceAround = 'tox-statusbar__text-container--space-around';
+                if (shouldRenderHelp) {
+                    const container3Columns = 'tox-statusbar__text-container-3-cols';
+                    if (!shouldRenderRightContainer && !shouldRenderElementPath) {
+                        return [container3Columns, spaceAround];
+                    }
+                    if (shouldRenderRightContainer && !shouldRenderElementPath) {
+                        return [container3Columns, flexEnd];
+                    }
+                    return [container3Columns, flexStart];
+                }
+                return [shouldRenderRightContainer && !shouldRenderElementPath ? flexEnd : flexStart];
+            };
+            if (shouldRenderElementPath) {
+                components.push(renderElementPath(editor, {}, providersBackstage));
+            }
+            if (shouldRenderHelp) {
+                components.push(renderHelpAccessibility());
+            }
+            if (shouldRenderRightContainer) {
+                components.push(renderRightContainer());
+            }
+            if (components.length > 0) {
+                return [{
+                        dom: {
+                            tag: 'div',
+                            classes: ['tox-statusbar__text-container', ...getTextComponentClasses()]
+                        },
+                        components
+                    }];
+            }
+            return [];
+        };
+        const getComponents = () => {
+            const components = getTextComponents();
+            const resizeHandler = renderResizeHandler(editor, providersBackstage);
+            return components.concat(resizeHandler.toArray());
+        };
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-statusbar']
+            },
+            components: getComponents()
+        };
+    };
+
+    const getLazyMothership = (label, singleton) => singleton.get().getOrDie(`UI for ${label} has not been rendered`);
+    const setup$3 = (editor, setupForTheme) => {
+        const isInline = editor.inline;
+        const mode = isInline ? Inline : Iframe;
+        // We use a different component for creating the sticky toolbar behaviour. The
+        // most important difference is it needs "Docking" configured and all of the
+        // ripple effects that creates.
+        const header = isStickyToolbar(editor) ? StickyHeader : StaticHeader;
+        const lazyUiRefs = LazyUiReferences();
+        // Importantly, this is outside the setup function.
+        const lazyMothership = value$2();
+        const lazyDialogMothership = value$2();
+        const lazyPopupMothership = value$2();
+        const platform = detect$1();
+        const isTouch = platform.deviceType.isTouch();
+        const touchPlatformClass = 'tox-platform-touch';
+        const deviceClasses = isTouch ? [touchPlatformClass] : [];
+        const isToolbarBottom = isToolbarLocationBottom(editor);
+        const toolbarMode = getToolbarMode(editor);
+        const memAnchorBar = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-anchorbar']
+            }
+        });
+        const memBottomAnchorBar = record({
+            dom: {
+                tag: 'div',
+                classes: ['tox-bottom-anchorbar']
+            }
+        });
+        const lazyHeader = () => lazyUiRefs.mainUi.get()
+            ?.map((ui) => ui.outerContainer)
+            .bind(OuterContainer.getHeader);
+        const lazyDialogSinkResult = () => Result.fromOption(lazyUiRefs.dialogUi.get()?.map((ui) => ui.sink), 'UI has not been rendered');
+        const lazyPopupSinkResult = () => Result.fromOption(lazyUiRefs.popupUi.get()?.map((ui) => ui.sink), '(popup) UI has not been rendered');
+        const lazyAnchorBar = lazyUiRefs.lazyGetInOuterOrDie('anchor bar', memAnchorBar.getOpt);
+        const lazyBottomAnchorBar = lazyUiRefs.lazyGetInOuterOrDie('bottom anchor bar', memBottomAnchorBar.getOpt);
+        const lazyToolbar = lazyUiRefs.lazyGetInOuterOrDie('toolbar', OuterContainer.getToolbar);
+        const lazyThrobber = lazyUiRefs.lazyGetInOuterOrDie('throbber', OuterContainer.getThrobber);
+        // Here, we build the backstage. The backstage is going to use different sinks for dialog
+        // vs popup.
+        const backstages = init({
+            popup: lazyPopupSinkResult,
+            dialog: lazyDialogSinkResult
+        }, editor, lazyAnchorBar, lazyBottomAnchorBar);
+        const makeHeaderPart = () => {
+            const verticalDirAttributes = {
+                attributes: {
+                    [Attribute]: isToolbarBottom ?
+                        AttributeValue.BottomToTop :
+                        AttributeValue.TopToBottom
+                }
+            };
+            const partMenubar = OuterContainer.parts.menubar({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-menubar']
+                },
+                // TINY-9223: The menu bar should scroll with the editor.
+                backstage: backstages.popup,
+                onEscape: () => {
+                    editor.focus();
+                }
+            });
+            const partToolbar = OuterContainer.parts.toolbar({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-toolbar']
+                },
+                getSink: backstages.popup.shared.getSink,
+                providers: backstages.popup.shared.providers,
+                onEscape: () => {
+                    editor.focus();
+                },
+                onToolbarToggled: (state) => {
+                    fireToggleToolbarDrawer(editor, state);
+                },
+                type: toolbarMode,
+                lazyToolbar,
+                lazyHeader: () => lazyHeader().getOrDie('Could not find header element'),
+                ...verticalDirAttributes
+            });
+            const partMultipleToolbar = OuterContainer.parts['multiple-toolbar']({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-toolbar-overlord']
+                },
+                providers: backstages.popup.shared.providers,
+                onEscape: () => {
+                    editor.focus();
+                },
+                type: toolbarMode
+            });
+            // False should stop the menubar and toolbar rendering altogether
+            const hasMultipleToolbar = isMultipleToolbars(editor);
+            const hasToolbar = isToolbarEnabled(editor);
+            const hasMenubar = isMenubarEnabled(editor);
+            const shouldHavePromotionLink = promotionEnabled(editor);
+            const partPromotion = makePromotion(shouldHavePromotionLink);
+            const hasAnyContents = hasMultipleToolbar || hasToolbar || hasMenubar;
+            const getPartToolbar = () => {
+                if (hasMultipleToolbar) {
+                    return [partMultipleToolbar];
+                }
+                else if (hasToolbar) {
+                    return [partToolbar];
+                }
+                else {
+                    return [];
+                }
+            };
+            const menubarCollection = [partPromotion, partMenubar];
+            return OuterContainer.parts.header({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-editor-header']
+                        .concat(hasAnyContents ? [] : ['tox-editor-header--empty']),
+                    ...verticalDirAttributes
+                },
+                components: flatten([
+                    hasMenubar ? menubarCollection : [],
+                    getPartToolbar(),
+                    // fixed_toolbar_container anchors to the editable area, else add an anchor bar
+                    useFixedContainer(editor) ? [] : [memAnchorBar.asSpec()]
+                ]),
+                sticky: isStickyToolbar(editor),
+                editor,
+                // TINY-9223: If using a sticky toolbar, which sink should it really go in?
+                sharedBackstage: backstages.popup.shared
+            });
+        };
+        const makePromotion = (promotionLink) => {
+            return OuterContainer.parts.promotion({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-promotion'],
+                },
+                promotionLink
+            });
+        };
+        const makeSidebarDefinition = () => {
+            const partSocket = OuterContainer.parts.socket({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-edit-area']
+                }
+            });
+            const partSidebar = OuterContainer.parts.sidebar({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-sidebar']
+                }
+            });
+            return {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-sidebar-wrap']
+                },
+                components: [
+                    partSocket,
+                    partSidebar
+                ]
+            };
+        };
+        const renderDialogUi = () => {
+            const uiContainer = getUiContainer(editor);
+            // TINY-3321: When the body is using a grid layout, we need to ensure the sink width is manually set
+            const isGridUiContainer = eq(body(), uiContainer) && get$e(uiContainer, 'display') === 'grid';
+            const sinkSpec = {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox', 'tox-silver-sink', 'tox-tinymce-aux'].concat(deviceClasses),
+                    attributes: {
+                        ...global$6.isRtl() ? { dir: 'rtl' } : {}
+                    }
+                },
+                behaviours: derive$1([
+                    Positioning.config({
+                        useFixed: () => header.isDocked(lazyHeader)
+                    })
+                ])
+            };
+            const reactiveWidthSpec = {
+                dom: {
+                    styles: { width: document.body.clientWidth + 'px' }
+                },
+                events: derive$2([
+                    run$1(windowResize(), (comp) => {
+                        set$7(comp.element, 'width', document.body.clientWidth + 'px');
+                    })
+                ])
+            };
+            const sink = build$1(deepMerge(sinkSpec, isGridUiContainer ? reactiveWidthSpec : {}));
+            const uiMothership = takeover(sink);
+            lazyDialogMothership.set(uiMothership);
+            return { sink, mothership: uiMothership };
+        };
+        const renderPopupUi = () => {
+            // TINY-9226: Because the popupUi is going to be placed adjacent to the editor, we aren't currently
+            // implementing the behaviour to reset widths based on window sizing. It is a workaround that
+            // is mainly targeted at Ui containers in the root. However, we may need to revisit this
+            // if the ui_mode: split setting is commonly used when the editor is at the root level, and the
+            // page has size-unfriendly CSS for sinks (like CSS grid)
+            const sinkSpec = {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox', 'tox-silver-sink', 'tox-silver-popup-sink', 'tox-tinymce-aux'].concat(deviceClasses),
+                    attributes: {
+                        ...global$6.isRtl() ? { dir: 'rtl' } : {}
+                    }
+                },
+                behaviours: derive$1([
+                    Positioning.config({
+                        useFixed: () => header.isDocked(lazyHeader),
+                        // TINY-9226: We want to limit the popup sink's bounds based on its scrolling environment. We don't
+                        // want it to try to position things outside of its scrolling viewport, because they will
+                        // just appear offscreen (hidden by the current scroll values)
+                        getBounds: () => setupForTheme.getPopupSinkBounds()
+                    })
+                ])
+            };
+            const sink = build$1(sinkSpec);
+            const uiMothership = takeover(sink);
+            lazyPopupMothership.set(uiMothership);
+            return { sink, mothership: uiMothership };
+        };
+        const renderMainUi = () => {
+            const partHeader = makeHeaderPart();
+            const sidebarContainer = makeSidebarDefinition();
+            const partThrobber = OuterContainer.parts.throbber({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-throbber']
+                },
+                backstage: backstages.popup
+            });
+            const partViewWrapper = OuterContainer.parts.viewWrapper({
+                backstage: backstages.popup
+            });
+            const statusbar = useStatusBar(editor) && !isInline ? Optional?.some(renderStatusbar(editor, backstages.popup.shared.providers)) : Optional.none();
+            // We need the statusbar to be separate to everything else so resizing works properly
+            const editorComponents = flatten([
+                isToolbarBottom ? [] : [partHeader],
+                // Inline mode does not have a socket/sidebar
+                isInline ? [] : [sidebarContainer],
+                isToolbarBottom ? [partHeader] : []
+            ]);
+            const editorContainer = OuterContainer.parts.editorContainer({
+                components: flatten([
+                    editorComponents,
+                    isInline ? [] : [memBottomAnchorBar.asSpec()]
+                ])
+            });
+            // Hide the outer container if using inline mode and there's no menubar or toolbar
+            const isHidden = isDistractionFree(editor);
+            const attributes = {
+                role: 'application',
+                ...global$6.isRtl() ? { dir: 'rtl' } : {},
+                ...isHidden ? { 'aria-hidden': 'true' } : {}
+            };
+            const outerContainer = build$1(OuterContainer.sketch({
+                dom: {
+                    tag: 'div',
+                    classes: ['tox', 'tox-tinymce']
+                        .concat(isInline ? ['tox-tinymce-inline'] : [])
+                        .concat(isToolbarBottom ? ['tox-tinymce--toolbar-bottom'] : [])
+                        .concat(deviceClasses),
+                    styles: {
+                        // This is overridden by the skin, it helps avoid FOUC
+                        visibility: 'hidden',
+                        // Hide the container if needed, but don't use "display: none" so that it still has a position
+                        ...isHidden ? { opacity: '0', border: '0' } : {}
+                    },
+                    attributes
+                },
+                components: [
+                    editorContainer,
+                    // Inline mode does not have a status bar
+                    ...isInline ? [] : [partViewWrapper, ...statusbar.toArray()],
+                    partThrobber,
+                ],
+                behaviours: derive$1([
+                    toggleOnReceive(() => backstages.popup.shared.providers.checkUiComponentContext('any')),
+                    Disabling.config({
+                        disableClass: 'tox-tinymce--disabled'
+                    }),
+                    Keying.config({
+                        mode: 'cyclic',
+                        selector: '.tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a, .tox-statusbar__resize-handle'
+                    })
+                ])
+            }));
+            const mothership = takeover(outerContainer);
+            lazyMothership.set(mothership);
+            return { mothership, outerContainer };
+        };
+        const setEditorSize = (outerContainer) => {
+            // Set height and width if they were given, though height only applies to iframe mode
+            const parsedHeight = numToPx(getHeightWithFallback(editor));
+            const parsedWidth = numToPx(getWidthWithFallback(editor));
+            if (!editor.inline) {
+                // Update the width
+                if (isValidValue$1('div', 'width', parsedWidth)) {
+                    set$7(outerContainer.element, 'width', parsedWidth);
+                }
+                // Update the height
+                if (isValidValue$1('div', 'height', parsedHeight)) {
+                    set$7(outerContainer.element, 'height', parsedHeight);
+                }
+                else {
+                    set$7(outerContainer.element, 'height', '400px');
+                }
+            }
+            return parsedHeight;
+        };
+        const setupShortcutsAndCommands = (outerContainer) => {
+            editor.addShortcut('alt+F9', 'focus menubar', () => {
+                OuterContainer.focusMenubar(outerContainer);
+            });
+            editor.addShortcut('alt+F10', 'focus toolbar', () => {
+                OuterContainer.focusToolbar(outerContainer);
+            });
+            editor.addCommand('ToggleToolbarDrawer', (_ui, options) => {
+                if (options === null || options === void 0 ? void 0 : options.skipFocus) {
+                    OuterContainer.toggleToolbarDrawerWithoutFocusing(outerContainer);
+                }
+                else {
+                    OuterContainer.toggleToolbarDrawer(outerContainer);
+                }
+            });
+            editor.addQueryStateHandler('ToggleToolbarDrawer', () => OuterContainer.isToolbarDrawerToggled(outerContainer));
+        };
+        const renderUIWithRefs = (uiRefs) => {
+            const { mainUi, popupUi, uiMotherships } = uiRefs;
+            map$1(getToolbarGroups(editor), (toolbarGroupButtonConfig, name) => {
+                editor.ui.registry.addGroupToolbarButton(name, toolbarGroupButtonConfig);
+            });
+            // Apply Bridge types
+            const { buttons, menuItems, contextToolbars, sidebars, views } = editor.ui.registry.getAll();
+            const toolbarOpt = getMultipleToolbarsOption(editor);
+            const rawUiConfig = {
+                menuItems,
+                menus: getMenus(editor),
+                menubar: getMenubar(editor),
+                toolbar: toolbarOpt.getOrThunk(() => getToolbar(editor)),
+                allowToolbarGroups: toolbarMode === ToolbarMode$1.floating,
+                buttons,
+                sidebar: sidebars,
+                views
+            };
+            setupShortcutsAndCommands(mainUi.outerContainer);
+            setup$b(editor, mainUi.mothership, uiMotherships);
+            // This backstage needs to kept in sync with the one passed to the Header part.
+            header.setup(editor, backstages.popup.shared, lazyHeader);
+            // This backstage is probably needed for just the bespoke dropdowns
+            setup$6(editor, backstages.popup);
+            setup$5(editor, backstages.popup.shared.getSink, backstages.popup);
+            setup$8(editor);
+            setup$7(editor, lazyThrobber, backstages.popup.shared);
+            register$a(editor, contextToolbars, popupUi.sink, { backstage: backstages.popup });
+            setup$4(editor, popupUi.sink);
+            const elm = editor.getElement();
+            const height = setEditorSize(mainUi.outerContainer);
+            const args = { targetNode: elm, height };
+            // The only components that use backstages.dialog currently are the Modal dialogs.
+            return mode.render(editor, uiRefs, rawUiConfig, backstages.popup, args);
+        };
+        const reuseDialogUiForPopuUi = (dialogUi) => {
+            lazyPopupMothership.set(dialogUi.mothership);
+            return dialogUi;
+        };
+        const renderUI = () => {
+            const mainUi = renderMainUi();
+            const dialogUi = renderDialogUi();
+            // If dialogUi and popupUi are the same, LazyUiReferences should handle deduplicating then
+            // get calling getUiMotherships
+            const popupUi = isSplitUiMode(editor) ? renderPopupUi() : reuseDialogUiForPopuUi(dialogUi);
+            lazyUiRefs.dialogUi.set(dialogUi);
+            lazyUiRefs.popupUi.set(popupUi);
+            lazyUiRefs.mainUi.set(mainUi);
+            // From this point on, we shouldn't use LazyReferences any more.
+            const uiRefs = {
+                popupUi,
+                dialogUi,
+                mainUi,
+                uiMotherships: lazyUiRefs.getUiMotherships()
+            };
+            return renderUIWithRefs(uiRefs);
+        };
+        // We don't have uiRefs here, so we have to rely on cells that are set by renderUI unfortunately.
+        return {
+            popups: {
+                backstage: backstages.popup,
+                getMothership: () => getLazyMothership('popups', lazyPopupMothership)
+            },
+            dialogs: {
+                backstage: backstages.dialog,
+                getMothership: () => getLazyMothership('dialogs', lazyDialogMothership)
+            },
+            renderUI
+        };
+    };
+
+    const toValidValues = (values) => {
+        const errors = [];
+        const result = {};
+        each(values, (value, name) => {
+            value.fold(() => {
+                errors.push(name);
+            }, (v) => {
+                result[name] = v;
+            });
+        });
+        return errors.length > 0 ? Result.error(errors) :
+            Result.value(result);
+    };
+
+    const renderBodyPanel = (spec, dialogData, backstage, getCompByName) => {
+        const memForm = record(Form.sketch((parts) => ({
+            dom: {
+                tag: 'div',
+                classes: ['tox-form'].concat(spec.classes)
+            },
+            // All of the items passed through the form need to be put through the interpreter
+            // with their form part preserved.
+            components: map$2(spec.items, (item) => interpretInForm(parts, item, dialogData, backstage, getCompByName))
+        })));
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__body']
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dialog__body-content']
+                    },
+                    components: [
+                        memForm.asSpec()
+                    ]
+                }
+            ],
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'acyclic',
+                    useTabstopAt: not(isPseudoStop)
+                }),
+                ComposingConfigs.memento(memForm),
+                memento(memForm, {
+                    postprocess: (formValue) => toValidValues(formValue).fold((err) => {
+                        // eslint-disable-next-line no-console
+                        console.error(err);
+                        return {};
+                    }, identity)
+                }),
+                config('dialog-body-panel', [
+                    // TINY-10101: This is to cater for the case where clicks are made into the dialog instead using keyboard navigation, as FocusShifted would not be triggered in that case.
+                    run$1(focusin(), (comp, se) => {
+                        comp.getSystem().broadcastOn([dialogFocusShiftedChannel], {
+                            newFocus: Optional?.some(se.event.target)
+                        });
+                    }),
+                ])
+            ])
+        };
+    };
+
+    const measureHeights = (allTabs, tabview, tabviewComp) => map$2(allTabs, (_tab, i) => {
+        Replacing.set(tabviewComp, allTabs[i].view());
+        const rect = tabview.dom.getBoundingClientRect();
+        Replacing.set(tabviewComp, []);
+        return rect.height;
+    });
+    const getMaxHeight = (heights) => head(sort(heights, (a, b) => {
+        if (a > b) {
+            return -1;
+        }
+        else if (a < b) {
+            return +1;
+        }
+        else {
+            return 0;
+        }
+    }));
+    const getMaxTabviewHeight = (dialog, tabview, tablist) => {
+        const documentElement$1 = documentElement(dialog).dom;
+        const rootElm = ancestor$1(dialog, '.tox-dialog-wrap').getOr(dialog);
+        const isFixed = get$e(rootElm, 'position') === 'fixed';
+        // Get the document or window/viewport height
+        let maxHeight;
+        if (isFixed) {
+            maxHeight = Math.max(documentElement$1.clientHeight, window.innerHeight);
+        }
+        else {
+            maxHeight = Math.max(documentElement$1.offsetHeight, documentElement$1.scrollHeight);
+        }
+        // Determine the current height taken up by the tabview panel
+        const tabviewHeight = get$d(tabview);
+        const isTabListBeside = tabview.dom.offsetLeft >= tablist.dom.offsetLeft + get$c(tablist);
+        const currentTabHeight = isTabListBeside ? Math.max(get$d(tablist), tabviewHeight) : tabviewHeight;
+        // Get the dialog height, making sure to account for any margins on the dialog
+        const dialogTopMargin = parseInt(get$e(dialog, 'margin-top'), 10) || 0;
+        const dialogBottomMargin = parseInt(get$e(dialog, 'margin-bottom'), 10) || 0;
+        const dialogHeight = get$d(dialog) + dialogTopMargin + dialogBottomMargin;
+        const chromeHeight = dialogHeight - currentTabHeight;
+        return maxHeight - chromeHeight;
+    };
+    const showTab = (allTabs, comp) => {
+        head(allTabs).each((tab) => TabSection.showTab(comp, tab.value));
+    };
+    const setTabviewHeight = (tabview, height) => {
+        // Set both height and flex-basis as some browsers don't support flex-basis.
+        set$7(tabview, 'height', height + 'px');
+        set$7(tabview, 'flex-basis', height + 'px');
+    };
+    const updateTabviewHeight = (dialogBody, tabview, maxTabHeight) => {
+        ancestor$1(dialogBody, '[role="dialog"]').each((dialog) => {
+            descendant(dialog, '[role="tablist"]').each((tablist) => {
+                maxTabHeight.get()?.map((height) => {
+                    // Set the tab view height to 0, so we can calculate the max tabview height, without worrying about overflows
+                    set$7(tabview, 'height', '0');
+                    set$7(tabview, 'flex-basis', '0');
+                    return Math.min(height, getMaxTabviewHeight(dialog, tabview, tablist));
+                }).each((height) => {
+                    setTabviewHeight(tabview, height);
+                });
+            });
+        });
+    };
+    const getTabview = (dialog) => descendant(dialog, '[role="tabpanel"]');
+    const smartMode = (allTabs) => {
+        const maxTabHeight = value$2();
+        const extraEvents = [
+            runOnAttached((comp) => {
+                const dialog = comp.element;
+                getTabview(dialog).each((tabview) => {
+                    set$7(tabview, 'visibility', 'hidden');
+                    // Determine the maximum heights of each tab
+                    comp.getSystem().getByDom(tabview).toOptional().each((tabviewComp) => {
+                        const heights = measureHeights(allTabs, tabview, tabviewComp);
+                        // Calculate the maximum tab height and store it
+                        const maxTabHeightOpt = getMaxHeight(heights);
+                        maxTabHeightOpt.fold(maxTabHeight.clear, maxTabHeight.set);
+                    });
+                    // Set an initial height, based on the current size
+                    updateTabviewHeight(dialog, tabview, maxTabHeight);
+                    // Show the tabs
+                    remove$6(tabview, 'visibility');
+                    showTab(allTabs, comp);
+                    // Use a delay here and recalculate the height, as we need all the components attached
+                    // to be able to properly calculate the max height
+                    requestAnimationFrame(() => {
+                        updateTabviewHeight(dialog, tabview, maxTabHeight);
+                    });
+                });
+            }),
+            run$1(windowResize(), (comp) => {
+                const dialog = comp.element;
+                getTabview(dialog).each((tabview) => {
+                    updateTabviewHeight(dialog, tabview, maxTabHeight);
+                });
+            }),
+            run$1(formResizeEvent, (comp, _se) => {
+                const dialog = comp.element;
+                getTabview(dialog).each((tabview) => {
+                    const oldFocus = active$1(getRootNode(tabview));
+                    set$7(tabview, 'visibility', 'hidden');
+                    const oldHeight = getRaw(tabview, 'height')?.map((h) => parseInt(h, 10));
+                    remove$6(tabview, 'height');
+                    remove$6(tabview, 'flex-basis');
+                    const newHeight = tabview.dom.getBoundingClientRect().height;
+                    const hasGrown = oldHeight.forall((h) => newHeight > h);
+                    if (hasGrown) {
+                        maxTabHeight.set(newHeight);
+                        updateTabviewHeight(dialog, tabview, maxTabHeight);
+                    }
+                    else {
+                        oldHeight.each((h) => {
+                            setTabviewHeight(tabview, h);
+                        });
+                    }
+                    remove$6(tabview, 'visibility');
+                    oldFocus.each(focus$4);
+                });
+            })
+        ];
+        const selectFirst = false;
+        return {
+            extraEvents,
+            selectFirst
+        };
+    };
+
+    const SendDataToSectionChannel = 'send-data-to-section';
+    const SendDataToViewChannel = 'send-data-to-view';
+    const renderTabPanel = (spec, dialogData, backstage, getCompByName) => {
+        const storedValue = Cell({});
+        const updateDataWithForm = (form) => {
+            const formData = Representing.getValue(form);
+            const validData = toValidValues(formData).getOr({});
+            const currentData = storedValue.get();
+            const newData = deepMerge(currentData, validData);
+            storedValue.set(newData);
+        };
+        const setDataOnForm = (form) => {
+            const tabData = storedValue.get();
+            Representing.setValue(form, tabData);
+        };
+        const oldTab = Cell(null);
+        const allTabs = map$2(spec.tabs, (tab) => {
+            return {
+                value: tab.name,
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-dialog__body-nav-item']
+                },
+                components: [
+                    text$2(backstage.shared.providers.translate(tab.title))
+                ],
+                view: () => {
+                    return [
+                        // Dupe with SilverDialog
+                        Form.sketch((parts) => ({
+                            dom: {
+                                tag: 'div',
+                                classes: ['tox-form']
+                            },
+                            components: map$2(tab.items, (item) => interpretInForm(parts, item, dialogData, backstage, getCompByName)),
+                            formBehaviours: derive$1([
+                                Keying.config({
+                                    mode: 'acyclic',
+                                    useTabstopAt: not(isPseudoStop)
+                                }),
+                                config('TabView.form.events', [
+                                    runOnAttached(setDataOnForm),
+                                    runOnDetached(updateDataWithForm)
+                                ]),
+                                Receiving.config({
+                                    channels: wrapAll([
+                                        {
+                                            key: SendDataToSectionChannel,
+                                            value: {
+                                                onReceive: updateDataWithForm
+                                            }
+                                        },
+                                        {
+                                            key: SendDataToViewChannel,
+                                            value: {
+                                                onReceive: setDataOnForm
+                                            }
+                                        }
+                                    ])
+                                })
+                            ])
+                        }))
+                    ];
+                }
+            };
+        });
+        // Assign fixed height or variable height to the tabs
+        const tabMode = smartMode(allTabs);
+        return TabSection.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__body']
+            },
+            onChangeTab: (section, button, _viewItems) => {
+                const name = Representing.getValue(button);
+                emitWith(section, formTabChangeEvent, {
+                    name,
+                    oldName: oldTab.get()
+                });
+                oldTab.set(name);
+            },
+            tabs: allTabs,
+            components: [
+                TabSection.parts.tabbar({
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dialog__body-nav']
+                    },
+                    components: [
+                        Tabbar.parts.tabs({})
+                    ],
+                    markers: {
+                        tabClass: 'tox-tab',
+                        selectedClass: 'tox-dialog__body-nav-item--active'
+                    },
+                    tabbarBehaviours: derive$1([
+                        Tabstopping.config({})
+                    ])
+                }),
+                TabSection.parts.tabview({
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dialog__body-content']
+                    }
+                })
+            ],
+            selectFirst: tabMode.selectFirst,
+            tabSectionBehaviours: derive$1([
+                config('tabpanel', tabMode.extraEvents),
+                Keying.config({
+                    mode: 'acyclic'
+                }),
+                // INVESTIGATE: Is this necessary? Probably used by getCompByName.
+                Composing.config({
+                    // TODO: Think about this
+                    find: (comp) => head(TabSection.getViewItems(comp))
+                }),
+                withComp(Optional.none(), (tsection) => {
+                    // NOTE: Assumes synchronous updating of store.
+                    tsection.getSystem().broadcastOn([SendDataToSectionChannel], {});
+                    return storedValue.get();
+                }, (tsection, value) => {
+                    storedValue.set(value);
+                    tsection.getSystem().broadcastOn([SendDataToViewChannel], {});
+                })
+            ])
+        });
+    };
+
+    // ariaAttrs is being passed through to silver inline dialog
+    // from the WindowManager as a property of 'params'
+    const renderBody = (spec, dialogId, contentId, backstage, ariaAttrs, getCompByName) => {
+        const renderComponents = (incoming) => {
+            const body = incoming.body;
+            switch (body.type) {
+                case 'tabpanel': {
+                    return [
+                        renderTabPanel(body, incoming.initialData, backstage, getCompByName)
+                    ];
+                }
+                default: {
+                    return [
+                        renderBodyPanel(body, incoming.initialData, backstage, getCompByName)
+                    ];
+                }
+            }
+        };
+        const updateState = (_comp, incoming) => Optional?.some({
+            isTabPanel: () => incoming.body.type === 'tabpanel'
+        });
+        const ariaAttributes = {
+            'aria-live': 'polite'
+        };
+        return {
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__content-js'],
+                attributes: {
+                    ...contentId?.map((x) => ({ id: x })).getOr({}),
+                    ...ariaAttrs ? ariaAttributes : {}
+                }
+            },
+            components: [],
+            behaviours: derive$1([
+                ComposingConfigs.childAt(0),
+                Reflecting.config({
+                    channel: `${bodyChannel}-${dialogId}`,
+                    updateState,
+                    renderComponents,
+                    initialData: spec
+                })
+            ])
+        };
+    };
+    const renderInlineBody = (spec, dialogId, contentId, backstage, ariaAttrs, getCompByName) => renderBody(spec, dialogId, Optional?.some(contentId), backstage, ariaAttrs, getCompByName);
+    const renderModalBody = (spec, dialogId, backstage, getCompByName) => {
+        const bodySpec = renderBody(spec, dialogId, Optional.none(), backstage, false, getCompByName);
+        return ModalDialog.parts.body(bodySpec);
+    };
+    const renderIframeBody = (spec) => {
+        const bodySpec = {
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__content-js']
+            },
+            components: [
+                {
+                    dom: {
+                        tag: 'div',
+                        classes: ['tox-dialog__body-iframe']
+                    },
+                    components: [
+                        craft(Optional.none(), {
+                            dom: {
+                                tag: 'iframe',
+                                attributes: {
+                                    src: spec.url
+                                }
+                            },
+                            behaviours: derive$1([
+                                Tabstopping.config({}),
+                                Focusing.config({})
+                            ])
+                        })
+                    ]
+                }
+            ],
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'acyclic',
+                    useTabstopAt: not(isPseudoStop)
+                })
+            ])
+        };
+        return ModalDialog.parts.body(bodySpec);
+    };
+
+    const isTouch = global$7.deviceType.isTouch();
+    const hiddenHeader = (title, close) => ({
+        dom: {
+            tag: 'div',
+            styles: { display: 'none' },
+            classes: ['tox-dialog__header']
+        },
+        components: [
+            title,
+            close
+        ]
+    });
+    const pClose = (onClose, providersBackstage) => ModalDialog.parts.close(
+    // Need to find a way to make it clear in the docs whether parts can be sketches
+    Button.sketch({
+        dom: {
+            tag: 'button',
+            classes: ['tox-button', 'tox-button--icon', 'tox-button--naked'],
+            attributes: {
+                'type': 'button',
+                'aria-label': providersBackstage.translate('Close')
+            }
+        },
+        action: onClose,
+        buttonBehaviours: derive$1([
+            Tabstopping.config({})
+        ])
+    }));
+    const pUntitled = () => ModalDialog.parts.title({
+        dom: {
+            tag: 'div',
+            classes: ['tox-dialog__title'],
+            innerHtml: '',
+            styles: {
+                display: 'none'
+            }
+        }
+    });
+    const pBodyMessage = (message, providersBackstage) => ModalDialog.parts.body({
+        dom: {
+            tag: 'div',
+            classes: ['tox-dialog__body']
+        },
+        components: [
+            {
+                dom: {
+                    tag: 'div',
+                    classes: ['tox-dialog__body-content']
+                },
+                components: [
+                    {
+                        dom: fromHtml(`<p>${sanitizeHtmlString(providersBackstage.translate(message))}</p>`)
+                    }
+                ]
+            }
+        ]
+    });
+    const pFooter = (buttons) => ModalDialog.parts.footer({
+        dom: {
+            tag: 'div',
+            classes: ['tox-dialog__footer']
+        },
+        components: buttons
+    });
+    const pFooterGroup = (startButtons, endButtons) => [
+        Container.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__footer-start']
+            },
+            components: startButtons
+        }),
+        Container.sketch({
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog__footer-end']
+            },
+            components: endButtons
+        })
+    ];
+    const renderDialog$1 = (spec) => {
+        const dialogClass = 'tox-dialog';
+        const blockerClass = dialogClass + '-wrap';
+        const blockerBackdropClass = blockerClass + '__backdrop';
+        const scrollLockClass = dialogClass + '__disable-scroll';
+        return ModalDialog.sketch({
+            lazySink: spec.lazySink,
+            onEscape: (comp) => {
+                spec.onEscape(comp);
+                // TODO: Make a strong type for Handled KeyEvent
+                return Optional?.some(true);
+            },
+            useTabstopAt: (elem) => !isPseudoStop(elem),
+            firstTabstop: spec.firstTabstop,
+            dom: {
+                tag: 'div',
+                classes: [dialogClass].concat(spec.extraClasses),
+                styles: {
+                    position: 'relative',
+                    ...spec.extraStyles
+                }
+            },
+            components: [
+                spec.header,
+                spec.body,
+                ...spec.footer.toArray()
+            ],
+            parts: {
+                blocker: {
+                    dom: fromHtml(`<div class="${blockerClass}"></div>`),
+                    components: [
+                        {
+                            dom: {
+                                tag: 'div',
+                                classes: (isTouch ? [blockerBackdropClass, blockerBackdropClass + '--opaque'] : [blockerBackdropClass])
+                            }
+                        }
+                    ]
+                }
+            },
+            dragBlockClass: blockerClass,
+            modalBehaviours: derive$1([
+                Focusing.config({}),
+                config('dialog-events', spec.dialogEvents.concat([
+                    // Note: `runOnSource` here will only listen to the event at the outer component level.
+                    // Using just `run` instead will cause an infinite loop as `focusIn` would fire a `focusin` which would then get responded to and so forth.
+                    runOnSource(focusin(), (comp, _se) => {
+                        Blocking.isBlocked(comp) ? noop() : Keying.focusIn(comp);
+                    }),
+                    run$1(focusShifted(), (comp, se) => {
+                        comp.getSystem().broadcastOn([dialogFocusShiftedChannel], {
+                            newFocus: se.event.newFocus
+                        });
+                    })
+                ])),
+                config('scroll-lock', [
+                    runOnAttached(() => {
+                        add$2(body(), scrollLockClass);
+                    }),
+                    runOnDetached(() => {
+                        remove$3(body(), scrollLockClass);
+                    })
+                ]),
+                ...spec.extraBehaviours
+            ]),
+            eventOrder: {
+                [execute$5()]: ['dialog-events'],
+                [attachedToDom()]: ['scroll-lock', 'dialog-events', 'alloy.base.behaviour'],
+                [detachedFromDom()]: ['alloy.base.behaviour', 'dialog-events', 'scroll-lock'],
+                ...spec.eventOrder
+            }
+        });
+    };
+
+    const renderClose = (providersBackstage) => Button.sketch({
+        dom: {
+            tag: 'button',
+            classes: ['tox-button', 'tox-button--icon', 'tox-button--naked'],
+            attributes: {
+                'type': 'button',
+                'aria-label': providersBackstage.translate('Close'),
+                'data-mce-name': 'close'
+            }
+        },
+        buttonBehaviours: derive$1([
+            Tabstopping.config({}),
+            Tooltipping.config(providersBackstage.tooltips.getConfig({
+                tooltipText: providersBackstage.translate('Close')
+            }))
+        ]),
+        components: [
+            render$4('close', { tag: 'span', classes: ['tox-icon'] }, providersBackstage.icons)
+        ],
+        action: (comp) => {
+            emit(comp, formCancelEvent);
+        },
+    });
+    const renderTitle = (spec, dialogId, titleId, providersBackstage) => {
+        const renderComponents = (data) => [text$2(providersBackstage.translate(data.title))];
+        return {
+            dom: {
+                tag: 'h1',
+                classes: ['tox-dialog__title'],
+                attributes: {
+                    ...titleId?.map((x) => ({ id: x })).getOr({})
+                }
+            },
+            components: [],
+            behaviours: derive$1([
+                Reflecting.config({
+                    channel: `${titleChannel}-${dialogId}`,
+                    initialData: spec,
+                    renderComponents
+                })
+            ])
+        };
+    };
+    const renderDragHandle = () => ({
+        dom: fromHtml('<div class="tox-dialog__draghandle"></div>')
+    });
+    const renderInlineHeader = (spec, dialogId, titleId, providersBackstage) => Container.sketch({
+        dom: fromHtml('<div class="tox-dialog__header"></div>'),
+        components: [
+            renderTitle(spec, dialogId, Optional?.some(titleId), providersBackstage),
+            renderDragHandle(),
+            renderClose(providersBackstage)
+        ],
+        containerBehaviours: derive$1([
+            Dragging.config({
+                mode: 'mouse',
+                blockerClass: 'blocker',
+                getTarget: (handle) => {
+                    return closest$3(handle, '[role="dialog"]').getOrDie();
+                },
+                snaps: {
+                    getSnapPoints: () => [],
+                    leftAttr: 'data-drag-left',
+                    topAttr: 'data-drag-top'
+                },
+                onDrag: (comp, target) => {
+                    comp.getSystem().broadcastOn([repositionPopups()], { target });
+                }
+            })
+        ])
+    });
+    const renderModalHeader = (spec, dialogId, providersBackstage) => {
+        const pTitle = ModalDialog.parts.title(renderTitle(spec, dialogId, Optional.none(), providersBackstage));
+        const pHandle = ModalDialog.parts.draghandle(renderDragHandle());
+        const pClose = ModalDialog.parts.close(renderClose(providersBackstage));
+        const components = [pTitle].concat(spec.draggable ? [pHandle] : []).concat([pClose]);
+        return Container.sketch({
+            dom: fromHtml('<div class="tox-dialog__header"></div>'),
+            components
+        });
+    };
+
+    const getHeader = (title, dialogId, backstage) => renderModalHeader({
+        title: backstage.shared.providers.translate(title),
+        draggable: backstage.dialog.isDraggableModal()
+    }, dialogId, backstage.shared.providers);
+    const getBusySpec = (message, bs, providers, headerHeight) => ({
+        dom: {
+            tag: 'div',
+            classes: ['tox-dialog__busy-spinner'],
+            attributes: {
+                'aria-label': providers.translate(message)
+            },
+            styles: {
+                left: '0px',
+                right: '0px',
+                bottom: '0px',
+                top: `${headerHeight.getOr(0)}px`,
+                position: 'absolute'
+            }
+        },
+        behaviours: bs,
+        components: [{
+                dom: fromHtml('<div class="tox-spinner"><div></div><div></div><div></div></div>')
+            }]
+    });
+    const getEventExtras = (lazyDialog, providers, extra) => ({
+        onClose: () => extra.closeWindow(),
+        onBlock: (blockEvent) => {
+            const headerHeight = descendant(lazyDialog().element, '.tox-dialog__header')?.map((header) => get$d(header));
+            ModalDialog.setBusy(lazyDialog(), (_comp, bs) => getBusySpec(blockEvent.message, bs, providers, headerHeight));
+        },
+        onUnblock: () => {
+            ModalDialog.setIdle(lazyDialog());
+        }
+    });
+    const fullscreenClass = 'tox-dialog--fullscreen';
+    const largeDialogClass = 'tox-dialog--width-lg';
+    const mediumDialogClass = 'tox-dialog--width-md';
+    const getDialogSizeClass = (size) => {
+        switch (size) {
+            case 'large':
+                return Optional?.some(largeDialogClass);
+            case 'medium':
+                return Optional?.some(mediumDialogClass);
+            default:
+                return Optional.none();
+        }
+    };
+    const updateDialogSizeClass = (size, component) => {
+        const dialogBody = SugarElement.fromDom(component.element.dom);
+        if (!has(dialogBody, fullscreenClass)) {
+            remove$2(dialogBody, [largeDialogClass, mediumDialogClass]);
+            getDialogSizeClass(size).each((dialogSizeClass) => add$2(dialogBody, dialogSizeClass));
+        }
+    };
+    const toggleFullscreen = (comp, currentSize) => {
+        const dialogBody = SugarElement.fromDom(comp.element.dom);
+        const classes = get$7(dialogBody);
+        const currentSizeClass = find$5(classes, (c) => c === largeDialogClass || c === mediumDialogClass).or(getDialogSizeClass(currentSize));
+        toggle$3(dialogBody, [fullscreenClass, ...currentSizeClass.toArray()]);
+    };
+    const renderModalDialog = (spec, dialogEvents, backstage) => build$1(renderDialog$1({
+        ...spec,
+        firstTabstop: 1,
+        lazySink: backstage.shared.getSink,
+        extraBehaviours: [
+            memory({}),
+            ...spec.extraBehaviours
+        ],
+        onEscape: (comp) => {
+            emit(comp, formCancelEvent);
+        },
+        dialogEvents,
+        eventOrder: {
+            [receive()]: [Reflecting.name(), Receiving.name()],
+            [attachedToDom()]: ['scroll-lock', Reflecting.name(), 'messages', 'dialog-events', 'alloy.base.behaviour'],
+            [detachedFromDom()]: ['alloy.base.behaviour', 'dialog-events', 'messages', Reflecting.name(), 'scroll-lock']
+        }
+    }));
+    const mapMenuButtons = (buttons, menuItemStates = {}) => {
+        const mapItems = (button) => {
+            const items = map$2(button.items, (item) => {
+                const cell = get$h(menuItemStates, item.name).getOr(Cell(false));
+                return {
+                    ...item,
+                    storage: cell
+                };
+            });
+            return {
+                ...button,
+                items
+            };
+        };
+        return map$2(buttons, (button) => {
+            return button.type === 'menu' ? mapItems(button) : button;
+        });
+    };
+    const extractCellsToObject = (buttons) => foldl(buttons, (acc, button) => {
+        if (button.type === 'menu') {
+            const menuButton = button;
+            return foldl(menuButton.items, (innerAcc, item) => {
+                innerAcc[item.name] = item.storage;
+                return innerAcc;
+            }, acc);
+        }
+        return acc;
+    }, {});
+
+    const initCommonEvents = (fireApiEvent, extras) => [
+        // When focus moves onto a tab-placeholder, skip to the next thing in the tab sequence
+        runWithTarget(focusin(), onFocus),
+        // TODO: Test if disabled first.
+        fireApiEvent(formCloseEvent, (_api, spec, _event, self) => {
+            // TINY-9148: Safari scrolls down to the sink if the dialog is selected before removing,
+            // so we should blur the currently active element beforehand.
+            if (hasFocus(self.element)) {
+                active$1(getRootNode(self.element)).each(blur$1);
+            }
+            extras.onClose();
+            spec.onClose();
+        }),
+        // TODO: Test if disabled first.
+        fireApiEvent(formCancelEvent, (api, spec, _event, self) => {
+            spec.onCancel(api);
+            emit(self, formCloseEvent);
+        }),
+        run$1(formUnblockEvent, (_c, _se) => extras.onUnblock()),
+        run$1(formBlockEvent, (_c, se) => extras.onBlock(se.event))
+    ];
+    const initUrlDialog = (getInstanceApi, extras) => {
+        const fireApiEvent = (eventName, f) => run$1(eventName, (c, se) => {
+            withSpec(c, (spec, _c) => {
+                f(getInstanceApi(), spec, se.event, c);
+            });
+        });
+        const withSpec = (c, f) => {
+            Reflecting.getState(c).get().each((currentDialog) => {
+                f(currentDialog, c);
+            });
+        };
+        return [
+            ...initCommonEvents(fireApiEvent, extras),
+            fireApiEvent(formActionEvent, (api, spec, event) => {
+                spec.onAction(api, { name: event.name });
+            })
+        ];
+    };
+    const initDialog = (getInstanceApi, extras, getSink) => {
+        const fireApiEvent = (eventName, f) => run$1(eventName, (c, se) => {
+            withSpec(c, (spec, _c) => {
+                f(getInstanceApi(), spec, se.event, c);
+            });
+        });
+        const withSpec = (c, f) => {
+            Reflecting.getState(c).get().each((currentDialogInit) => {
+                f(currentDialogInit.internalDialog, c);
+            });
+        };
+        return [
+            ...initCommonEvents(fireApiEvent, extras),
+            fireApiEvent(formSubmitEvent, (api, spec) => spec.onSubmit(api)),
+            fireApiEvent(formChangeEvent, (api, spec, event) => {
+                spec.onChange(api, { name: event.name });
+            }),
+            fireApiEvent(formActionEvent, (api, spec, event, component) => {
+                // TODO: add a test for focusIn (TINY-10125)
+                const focusIn = () => component.getSystem().isConnected() ? Keying.focusIn(component) : undefined;
+                const isDisabled = (focused) => has$1(focused, 'disabled') || getOpt(focused, 'aria-disabled').exists((val) => val === 'true');
+                const rootNode = getRootNode(component.element);
+                const current = active$1(rootNode);
+                spec.onAction(api, { name: event.name, value: event.value });
+                active$1(rootNode).fold(focusIn, (focused) => {
+                    // We need to check if the focused element is disabled because apparently firefox likes to leave focus on disabled elements.
+                    if (isDisabled(focused)) {
+                        focusIn();
+                        // And we need the below check for IE, which likes to leave focus on the parent of disabled elements
+                    }
+                    else if (current.exists((cur) => contains(focused, cur) && isDisabled(cur))) {
+                        focusIn();
+                        // Lastly if something outside the sink has focus then return the focus back to the dialog
+                    }
+                    else {
+                        getSink().toOptional()
+                            .filter((sink) => !contains(sink.element, focused))
+                            .each(focusIn);
+                    }
+                });
+            }),
+            fireApiEvent(formTabChangeEvent, (api, spec, event) => {
+                spec.onTabChange(api, { newTabName: event.name, oldTabName: event.oldName });
+            }),
+            // When the dialog is being closed, store the current state of the form
+            runOnDetached((component) => {
+                const api = getInstanceApi();
+                Representing.setValue(component, api.getData());
+            })
+        ];
+    };
+
+    const makeButton = (button, backstage) => renderFooterButton(button, button.type, backstage);
+    const lookup = (compInSystem, footerButtons, buttonName) => find$5(footerButtons, (button) => button.name === buttonName)
+        .bind((memButton) => memButton.memento.getOpt(compInSystem));
+    const renderComponents = (_data, state) => {
+        // default group is 'end'
+        const footerButtons = state?.map((s) => s.footerButtons).getOr([]);
+        const buttonGroups = partition$3(footerButtons, (button) => button.align === 'start');
+        const makeGroup = (edge, buttons) => Container.sketch({
+            dom: {
+                tag: 'div',
+                classes: [`tox-dialog__footer-${edge}`]
+            },
+            components: map$2(buttons, (button) => button.memento.asSpec())
+        });
+        const startButtons = makeGroup('start', buttonGroups.pass);
+        const endButtons = makeGroup('end', buttonGroups.fail);
+        return [startButtons, endButtons];
+    };
+    const renderFooter = (initSpec, dialogId, backstage) => {
+        const updateState = (comp, data) => {
+            const footerButtons = map$2(data.buttons, (button) => {
+                const memButton = record(makeButton(button, backstage));
+                return {
+                    name: button.name,
+                    align: button.align,
+                    memento: memButton
+                };
+            });
+            const lookupByName = (buttonName) => lookup(comp, footerButtons, buttonName);
+            return Optional?.some({
+                lookupByName,
+                footerButtons
+            });
+        };
+        return {
+            dom: fromHtml('<div class="tox-dialog__footer"></div>'),
+            components: [],
+            behaviours: derive$1([
+                Reflecting.config({
+                    channel: `${footerChannel}-${dialogId}`,
+                    initialData: initSpec,
+                    updateState,
+                    renderComponents
+                })
+            ])
+        };
+    };
+    const renderInlineFooter = (initSpec, dialogId, backstage) => renderFooter(initSpec, dialogId, backstage);
+    const renderModalFooter = (initSpec, dialogId, backstage) => ModalDialog.parts.footer(renderFooter(initSpec, dialogId, backstage));
+
+    const getCompByName = (access, name) => {
+        // TODO: Add API to alloy to find the inner most component of a Composing chain.
+        const root = access.getRoot();
+        // This is just to avoid throwing errors if the dialog closes before this. We should take it out
+        // while developing (probably), and put it back in for the real thing.
+        if (root.getSystem().isConnected()) {
+            const form = Composing.getCurrent(access.getFormWrapper()).getOr(access.getFormWrapper());
+            return Form.getField(form, name).orThunk(() => {
+                const footer = access.getFooter();
+                const footerState = footer.bind((f) => Reflecting.getState(f).get());
+                return footerState.bind((f) => f.lookupByName(name));
+            });
+        }
+        else {
+            return Optional.none();
+        }
+    };
+    const validateData$1 = (access, data) => {
+        const root = access.getRoot();
+        return Reflecting.getState(root).get()?.map((dialogState) => getOrDie(asRaw('data', dialogState.dataValidator, data))).getOr(data);
+    };
+    const getDialogApi = (access, doRedial, menuItemStates) => {
+        const withRoot = (f) => {
+            const root = access.getRoot();
+            if (root.getSystem().isConnected()) {
+                f(root);
+            }
+        };
+        const getData = () => {
+            const root = access.getRoot();
+            const valueComp = root.getSystem().isConnected() ? access.getFormWrapper() : root;
+            const representedValues = Representing.getValue(valueComp);
+            const menuItemCurrentState = map$1(menuItemStates, (cell) => cell.get());
+            return {
+                ...representedValues,
+                ...menuItemCurrentState
+            };
+        };
+        const setData = (newData) => {
+            // Currently, the decision is to ignore setData calls that fire after the dialog is closed
+            withRoot((_) => {
+                const prevData = instanceApi.getData();
+                const mergedData = deepMerge(prevData, newData);
+                const newInternalData = validateData$1(access, mergedData);
+                const form = access.getFormWrapper();
+                Representing.setValue(form, newInternalData);
+                each(menuItemStates, (v, k) => {
+                    if (has$2(mergedData, k)) {
+                        v.set(mergedData[k]);
+                    }
+                });
+            });
+        };
+        const setEnabled = (name, state) => {
+            getCompByName(access, name).each(state ? Disabling.enable : Disabling.disable);
+        };
+        const focus = (name) => {
+            getCompByName(access, name).each(Focusing.focus);
+        };
+        const block = (message) => {
+            if (!isString(message)) {
+                throw new Error('The dialogInstanceAPI.block function should be passed a blocking message of type string as an argument');
+            }
+            withRoot((root) => {
+                emitWith(root, formBlockEvent, { message });
+            });
+        };
+        const unblock = () => {
+            withRoot((root) => {
+                emit(root, formUnblockEvent);
+            });
+        };
+        const showTab = (name) => {
+            withRoot((_) => {
+                const body = access.getBody();
+                const bodyState = Reflecting.getState(body);
+                if (bodyState.get().exists((b) => b.isTabPanel())) {
+                    Composing.getCurrent(body).each((tabSection) => {
+                        TabSection.showTab(tabSection, name);
+                    });
+                }
+            });
+        };
+        const redial = (d) => {
+            withRoot((root) => {
+                const id = access.getId();
+                const dialogInit = doRedial(d);
+                const storedMenuButtons = mapMenuButtons(dialogInit.internalDialog.buttons, menuItemStates);
+                // TINY-9223: We only need to broadcast to the mothership containing the dialog
+                root.getSystem().broadcastOn([`${dialogChannel}-${id}`], dialogInit);
+                // NOTE: Reflecting does not have any smart handling of nested reflecting components,
+                // and the order of receiving a broadcast is non-deterministic. Here we use separate
+                // channels for each section (title, body, footer), and make those broadcasts *after*
+                // we've already sent the overall dialog broadcast. The overall dialog broadcast
+                // doesn't actually change the components ... its Reflecting config just stores state,
+                // but these Reflecting configs (title, body, footer) do change the components based on
+                // the received broadcasts.
+                root.getSystem().broadcastOn([`${titleChannel}-${id}`], dialogInit.internalDialog);
+                root.getSystem().broadcastOn([`${bodyChannel}-${id}`], dialogInit.internalDialog);
+                root.getSystem().broadcastOn([`${footerChannel}-${id}`], {
+                    ...dialogInit.internalDialog,
+                    buttons: storedMenuButtons
+                });
+                instanceApi.setData(dialogInit.initialData);
+            });
+        };
+        const close = () => {
+            withRoot((root) => {
+                emit(root, formCloseEvent);
+            });
+        };
+        const instanceApi = {
+            getData,
+            setData,
+            setEnabled,
+            focus,
+            block,
+            unblock,
+            showTab,
+            redial,
+            close,
+            toggleFullscreen: access.toggleFullscreen
+        };
+        return instanceApi;
+    };
+
+    const renderDialog = (dialogInit, extra, backstage) => {
+        const dialogId = generate$6('dialog');
+        const internalDialog = dialogInit.internalDialog;
+        const header = getHeader(internalDialog.title, dialogId, backstage);
+        const dialogSize = Cell(internalDialog.size);
+        const getCompByName$1 = (name) => getCompByName(modalAccess, name);
+        const dialogSizeClasses = getDialogSizeClass(dialogSize.get()).toArray();
+        const updateState = (comp, incoming) => {
+            dialogSize.set(incoming.internalDialog.size);
+            updateDialogSizeClass(incoming.internalDialog.size, comp);
+            return Optional?.some(incoming);
+        };
+        const body = renderModalBody({
+            body: internalDialog.body,
+            initialData: internalDialog.initialData
+        }, dialogId, backstage, getCompByName$1);
+        const storedMenuButtons = mapMenuButtons(internalDialog.buttons);
+        const objOfCells = extractCellsToObject(storedMenuButtons);
+        const footer = someIf(storedMenuButtons.length !== 0, renderModalFooter({ buttons: storedMenuButtons }, dialogId, backstage));
+        const dialogEvents = initDialog(() => instanceApi, getEventExtras(() => dialog, backstage.shared.providers, extra), backstage.shared.getSink);
+        const spec = {
+            id: dialogId,
+            header,
+            body,
+            footer,
+            extraClasses: dialogSizeClasses,
+            extraBehaviours: [
+                Reflecting.config({
+                    channel: `${dialogChannel}-${dialogId}`,
+                    updateState,
+                    initialData: dialogInit
+                }),
+            ],
+            extraStyles: {}
+        };
+        const dialog = renderModalDialog(spec, dialogEvents, backstage);
+        const modalAccess = (() => {
+            const getForm = () => {
+                const outerForm = ModalDialog.getBody(dialog);
+                return Composing.getCurrent(outerForm).getOr(outerForm);
+            };
+            const toggleFullscreen$1 = () => {
+                toggleFullscreen(dialog, dialogSize.get());
+            };
+            return {
+                getId: constant$1(dialogId),
+                getRoot: constant$1(dialog),
+                getBody: () => ModalDialog.getBody(dialog),
+                getFooter: () => ModalDialog.getFooter(dialog),
+                getFormWrapper: getForm,
+                toggleFullscreen: toggleFullscreen$1
+            };
+        })();
+        // TODO: Get the validator from the dialog state.
+        const instanceApi = getDialogApi(modalAccess, extra.redial, objOfCells);
+        return {
+            dialog,
+            instanceApi
+        };
+    };
+
+    // DUPE with SilverDialog. Cleaning up.
+    const renderInlineDialog = (dialogInit, extra, backstage, ariaAttrs = false, refreshDocking) => {
+        const dialogId = generate$6('dialog');
+        const dialogLabelId = generate$6('dialog-label');
+        const dialogContentId = generate$6('dialog-content');
+        const internalDialog = dialogInit.internalDialog;
+        const getCompByName$1 = (name) => getCompByName(modalAccess, name);
+        const dialogSize = Cell(internalDialog.size);
+        const dialogSizeClass = getDialogSizeClass(dialogSize.get()).toArray();
+        // Reflecting behaviour broadcasts on dialog channel only on redial.
+        const updateState = (comp, incoming) => {
+            // Update dialog size and position upon redial.
+            dialogSize.set(incoming.internalDialog.size);
+            updateDialogSizeClass(incoming.internalDialog.size, comp);
+            refreshDocking();
+            return Optional?.some(incoming);
+        };
+        const memHeader = record(renderInlineHeader({
+            title: internalDialog.title,
+            draggable: true
+        }, dialogId, dialogLabelId, backstage.shared.providers));
+        const memBody = record(renderInlineBody({
+            body: internalDialog.body,
+            initialData: internalDialog.initialData,
+        }, dialogId, dialogContentId, backstage, ariaAttrs, getCompByName$1));
+        const storagedMenuButtons = mapMenuButtons(internalDialog.buttons);
+        const objOfCells = extractCellsToObject(storagedMenuButtons);
+        const optMemFooter = someIf(storagedMenuButtons.length !== 0, record(renderInlineFooter({
+            buttons: storagedMenuButtons
+        }, dialogId, backstage)));
+        const dialogEvents = initDialog(() => instanceApi, {
+            onBlock: (event) => {
+                Blocking.block(dialog, (_comp, bs) => {
+                    const headerHeight = memHeader.getOpt(dialog)?.map((dialog) => get$d(dialog.element));
+                    return getBusySpec(event.message, bs, backstage.shared.providers, headerHeight);
+                });
+            },
+            onUnblock: () => {
+                Blocking.unblock(dialog);
+            },
+            onClose: () => extra.closeWindow()
+        }, backstage.shared.getSink);
+        const inlineClass = 'tox-dialog-inline';
+        const os = detect$1().os;
+        // TODO: Disable while validating?
+        const dialog = build$1({
+            dom: {
+                tag: 'div',
+                classes: ['tox-dialog', inlineClass, ...dialogSizeClass],
+                attributes: {
+                    role: 'dialog',
+                    // TINY-10808 - Workaround to address the dialog header not being announced on VoiceOver with aria-labelledby, ideally we should use the aria-labelledby
+                    ...os.isMacOS() ? { 'aria-label': internalDialog.title } : { 'aria-labelledby': dialogLabelId }
+                }
+            },
+            eventOrder: {
+                [receive()]: [Reflecting.name(), Receiving.name()],
+                [execute$5()]: ['execute-on-form'],
+                [attachedToDom()]: ['reflecting', 'execute-on-form']
+            },
+            // Dupe with SilverDialog.
+            behaviours: derive$1([
+                Keying.config({
+                    mode: 'cyclic',
+                    onEscape: (c) => {
+                        emit(c, formCloseEvent);
+                        return Optional?.some(true);
+                    },
+                    useTabstopAt: (elem) => !isPseudoStop(elem) && (name$3(elem) !== 'button' || get$g(elem, 'disabled') !== 'disabled'),
+                    firstTabstop: 1
+                }),
+                Reflecting.config({
+                    channel: `${dialogChannel}-${dialogId}`,
+                    updateState,
+                    initialData: dialogInit
+                }),
+                Focusing.config({}),
+                config('execute-on-form', dialogEvents.concat([
+                    // Note: `runOnSource` here will only listen to the event at the outer component level.
+                    // Using just `run` instead will cause an infinite loop as `focusIn` would fire a `focusin` which would then get responded to and so forth.
+                    runOnSource(focusin(), (comp, _se) => {
+                        Keying.focusIn(comp);
+                    }),
+                    run$1(focusShifted(), (comp, se) => {
+                        comp.getSystem().broadcastOn([dialogFocusShiftedChannel], {
+                            newFocus: se.event.newFocus
+                        });
+                    })
+                ])),
+                Blocking.config({ getRoot: () => Optional?.some(dialog) }),
+                Replacing.config({}),
+                memory({})
+            ]),
+            components: [
+                memHeader.asSpec(),
+                memBody.asSpec(),
+                ...optMemFooter?.map((memFooter) => memFooter.asSpec()).toArray()
+            ]
+        });
+        const toggleFullscreen$1 = () => {
+            toggleFullscreen(dialog, dialogSize.get());
+        };
+        // TODO: Clean up the dupe between this (InlineDialog) and SilverDialog
+        const modalAccess = {
+            getId: constant$1(dialogId),
+            getRoot: constant$1(dialog),
+            getFooter: () => optMemFooter?.map((memFooter) => memFooter.get(dialog)),
+            getBody: () => memBody.get(dialog),
+            getFormWrapper: () => {
+                const body = memBody.get(dialog);
+                return Composing.getCurrent(body).getOr(body);
+            },
+            toggleFullscreen: toggleFullscreen$1
+        };
+        const instanceApi = getDialogApi(modalAccess, extra.redial, objOfCells);
+        return {
+            dialog,
+            instanceApi
+        };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    const getUrlDialogApi = (root) => {
+        const withRoot = (f) => {
+            if (root.getSystem().isConnected()) {
+                f(root);
+            }
+        };
+        const block = (message) => {
+            if (!isString(message)) {
+                throw new Error('The urlDialogInstanceAPI.block function should be passed a blocking message of type string as an argument');
+            }
+            withRoot((root) => {
+                emitWith(root, formBlockEvent, { message });
+            });
+        };
+        const unblock = () => {
+            withRoot((root) => {
+                emit(root, formUnblockEvent);
+            });
+        };
+        const close = () => {
+            withRoot((root) => {
+                emit(root, formCloseEvent);
+            });
+        };
+        const sendMessage = (data) => {
+            withRoot((root) => {
+                root.getSystem().broadcastOn([bodySendMessageChannel], data);
+            });
+        };
+        return {
+            block,
+            unblock,
+            close,
+            sendMessage
+        };
+    };
+
+    // A list of supported message actions
+    const SUPPORTED_MESSAGE_ACTIONS = ['insertContent', 'setContent', 'execCommand', 'close', 'block', 'unblock'];
+    const isSupportedMessage = (data) => isObject(data) && SUPPORTED_MESSAGE_ACTIONS.indexOf(data.mceAction) !== -1;
+    const isCustomMessage = (data) => !isSupportedMessage(data) && isObject(data) && has$2(data, 'mceAction');
+    const handleMessage = (editor, api, data) => {
+        switch (data.mceAction) {
+            case 'insertContent':
+                editor.insertContent(data.content);
+                break;
+            case 'setContent':
+                editor.setContent(data.content);
+                break;
+            case 'execCommand':
+                const ui = isBoolean(data.ui) ? data.ui : false;
+                editor.execCommand(data.cmd, ui, data.value);
+                break;
+            case 'close':
+                api.close();
+                break;
+            case 'block':
+                api.block(data.message);
+                break;
+            case 'unblock':
+                api.unblock();
+                break;
+        }
+    };
+    const renderUrlDialog = (internalDialog, extra, editor, backstage) => {
+        const dialogId = generate$6('dialog');
+        const header = getHeader(internalDialog.title, dialogId, backstage);
+        const body = renderIframeBody(internalDialog);
+        const footer = internalDialog.buttons.bind((buttons) => {
+            // Don't render a footer if no buttons are specified
+            if (buttons.length === 0) {
+                return Optional.none();
+            }
+            else {
+                return Optional?.some(renderModalFooter({ buttons }, dialogId, backstage));
+            }
+        });
+        const dialogEvents = initUrlDialog(() => instanceApi, getEventExtras(() => dialog, backstage.shared.providers, extra));
+        // Add the styles for the modal width/height
+        const styles = {
+            ...internalDialog.height.fold(() => ({}), (height) => ({ 'height': height + 'px', 'max-height': height + 'px' })),
+            ...internalDialog.width.fold(() => ({}), (width) => ({ 'width': width + 'px', 'max-width': width + 'px' }))
+        };
+        // Default back to using a large sized dialog, if no dimensions are specified
+        const classes = internalDialog.width.isNone() && internalDialog.height.isNone() ? ['tox-dialog--width-lg'] : [];
+        // Determine the iframe urls domain, so we can target that specifically when sending messages
+        const iframeUri = new global(internalDialog.url, { base_uri: new global(window.location.href) });
+        const iframeDomain = `${iframeUri.protocol}://${iframeUri.host}${iframeUri.port ? ':' + iframeUri.port : ''}`;
+        const messageHandlerUnbinder = unbindable();
+        const updateState = (_comp, incoming) => Optional?.some(incoming);
+        // Setup the behaviours for dealing with messages between the iframe and current window
+        const extraBehaviours = [
+            // Because this doesn't define `renderComponents`, all this does is update the state.
+            // We use the state for the initialData. The other parts (body etc.) render the
+            // components based on what reflecting receives.
+            Reflecting.config({
+                channel: `${dialogChannel}-${dialogId}`,
+                updateState,
+                initialData: internalDialog
+            }),
+            config('messages', [
+                // When the dialog is opened, bind a window message listener for the spec url
+                runOnAttached(() => {
+                    const unbind = bind$1(SugarElement.fromDom(window), 'message', (e) => {
+                        // Validate that the request came from the correct domain
+                        if (iframeUri.isSameOrigin(new global(e.raw.origin))) {
+                            const data = e.raw.data;
+                            // Handle the message if it has the 'mceAction' key, otherwise just ignore it
+                            if (isSupportedMessage(data)) {
+                                handleMessage(editor, instanceApi, data);
+                            }
+                            else if (isCustomMessage(data)) {
+                                internalDialog.onMessage(instanceApi, data);
+                            }
+                        }
+                    });
+                    messageHandlerUnbinder.set(unbind);
+                }),
+                // When the dialog is closed, unbind the window message listener
+                runOnDetached(messageHandlerUnbinder.clear)
+            ]),
+            Receiving.config({
+                channels: {
+                    [bodySendMessageChannel]: {
+                        onReceive: (comp, data) => {
+                            // Send the message to the iframe via postMessage
+                            descendant(comp.element, 'iframe').each((iframeEle) => {
+                                const iframeWin = iframeEle.dom.contentWindow;
+                                if (isNonNullable(iframeWin)) {
+                                    iframeWin.postMessage(data, iframeDomain);
+                                }
+                            });
+                        }
+                    }
+                }
+            })
+        ];
+        const spec = {
+            id: dialogId,
+            header,
+            body,
+            footer,
+            extraClasses: classes,
+            extraBehaviours,
+            extraStyles: styles
+        };
+        const dialog = renderModalDialog(spec, dialogEvents, backstage);
+        const instanceApi = getUrlDialogApi(dialog);
+        return {
+            dialog,
+            instanceApi
+        };
+    };
+
+    const setup$2 = (backstage) => {
+        const sharedBackstage = backstage.shared;
+        const open = (message, callback) => {
+            const closeDialog = () => {
+                ModalDialog.hide(alertDialog);
+                callback();
+            };
+            const memFooterClose = record(renderFooterButton({
+                context: 'any',
+                name: 'close-alert',
+                text: 'OK',
+                primary: true,
+                buttonType: Optional?.some('primary'),
+                align: 'end',
+                enabled: true,
+                icon: Optional.none()
+            }, 'cancel', backstage));
+            const titleSpec = pUntitled();
+            const closeSpec = pClose(closeDialog, sharedBackstage.providers);
+            const alertDialog = build$1(renderDialog$1({
+                lazySink: () => sharedBackstage.getSink(),
+                header: hiddenHeader(titleSpec, closeSpec),
+                body: pBodyMessage(message, sharedBackstage.providers),
+                footer: Optional?.some(pFooter(pFooterGroup([], [
+                    memFooterClose.asSpec()
+                ]))),
+                onEscape: closeDialog,
+                extraClasses: ['tox-alert-dialog'],
+                extraBehaviours: [],
+                extraStyles: {},
+                dialogEvents: [
+                    run$1(formCancelEvent, closeDialog)
+                ],
+                eventOrder: {}
+            }));
+            ModalDialog.show(alertDialog);
+            const footerCloseButton = memFooterClose.get(alertDialog);
+            Focusing.focus(footerCloseButton);
+        };
+        return {
+            open
+        };
+    };
+
+    const setup$1 = (backstage) => {
+        const sharedBackstage = backstage.shared;
+        // FIX: Extreme dupe with Alert dialog
+        const open = (message, callback) => {
+            const closeDialog = (state) => {
+                ModalDialog.hide(confirmDialog);
+                callback(state);
+            };
+            const memFooterYes = record(renderFooterButton({
+                context: 'any',
+                name: 'yes',
+                text: 'Yes',
+                primary: true,
+                buttonType: Optional?.some('primary'),
+                align: 'end',
+                enabled: true,
+                icon: Optional.none()
+            }, 'submit', backstage));
+            const footerNo = renderFooterButton({
+                context: 'any',
+                name: 'no',
+                text: 'No',
+                primary: false,
+                buttonType: Optional?.some('secondary'),
+                align: 'end',
+                enabled: true,
+                icon: Optional.none()
+            }, 'cancel', backstage);
+            const titleSpec = pUntitled();
+            const closeSpec = pClose(() => closeDialog(false), sharedBackstage.providers);
+            const confirmDialog = build$1(renderDialog$1({
+                lazySink: () => sharedBackstage.getSink(),
+                header: hiddenHeader(titleSpec, closeSpec),
+                body: pBodyMessage(message, sharedBackstage.providers),
+                footer: Optional?.some(pFooter(pFooterGroup([], [
+                    footerNo,
+                    memFooterYes.asSpec()
+                ]))),
+                onEscape: () => closeDialog(false),
+                extraClasses: ['tox-confirm-dialog'],
+                extraBehaviours: [],
+                extraStyles: {},
+                dialogEvents: [
+                    run$1(formCancelEvent, () => closeDialog(false)),
+                    run$1(formSubmitEvent, () => closeDialog(true))
+                ],
+                eventOrder: {}
+            }));
+            ModalDialog.show(confirmDialog);
+            const footerYesButton = memFooterYes.get(confirmDialog);
+            Focusing.focus(footerYesButton);
+        };
+        return {
+            open
+        };
+    };
+
+    const validateData = (data, validator) => getOrDie(asRaw('data', validator, data));
+    const isAlertOrConfirmDialog = (target) => closest$1(target, '.tox-alert-dialog') || closest$1(target, '.tox-confirm-dialog');
+    const inlineAdditionalBehaviours = (editor, isStickyToolbar, isToolbarLocationTop, onHide) => {
+        // When using sticky toolbars it already handles the docking behaviours so applying docking would
+        // do nothing except add additional processing when scrolling, so we don't want to include it here
+        // (Except when the toolbar is located at the bottom since the anchor will be at the top)
+        if (isStickyToolbar && isToolbarLocationTop) {
+            return [];
+        }
+        else {
+            return [
+                Docking.config({
+                    contextual: {
+                        lazyContext: () => Optional?.some(box$1(SugarElement.fromDom(editor.getContentAreaContainer()))),
+                        fadeInClass: 'tox-dialog-dock-fadein',
+                        fadeOutClass: 'tox-dialog-dock-fadeout',
+                        transitionClass: 'tox-dialog-dock-transition',
+                        onHide
+                    },
+                    modes: ['top'],
+                    lazyViewport: (comp) => {
+                        // If we don't have a special scrolling environment, then just use the default
+                        // viewport of (window)
+                        const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                        return optScrollingContext
+                            ?.map((sc) => {
+                            const combinedBounds = getBoundsFrom(sc);
+                            return {
+                                bounds: combinedBounds,
+                                optScrollEnv: Optional?.some({
+                                    currentScrollTop: sc.element.dom.scrollTop,
+                                    scrollElmTop: absolute$3(sc.element).top
+                                })
+                            };
+                        }).getOrThunk(() => ({
+                            bounds: win(),
+                            optScrollEnv: Optional.none()
+                        }));
+                    }
+                })
+            ];
+        }
+    };
+    const setup = (extras) => {
+        const editor = extras.editor;
+        const isStickyToolbar$1 = isStickyToolbar(editor);
+        // Alert and Confirm dialogs are Modal Dialogs
+        const alertDialog = setup$2(extras.backstages.dialog);
+        const confirmDialog = setup$1(extras.backstages.dialog);
+        const open = (config, params, closeWindow) => {
+            if (!isUndefined(params)) {
+                if (params.inline === 'toolbar') {
+                    return openInlineDialog(config, extras.backstages.popup.shared.anchors.inlineDialog(), closeWindow, params);
+                }
+                else if (params.inline === 'bottom') {
+                    return openBottomInlineDialog(config, extras.backstages.popup.shared.anchors.inlineBottomDialog(), closeWindow, params);
+                }
+                else if (params.inline === 'cursor') {
+                    return openInlineDialog(config, extras.backstages.popup.shared.anchors.cursor(), closeWindow, params);
+                }
+            }
+            return openModalDialog(config, closeWindow);
+        };
+        const openUrl = (config, closeWindow) => openModalUrlDialog(config, closeWindow);
+        const openModalUrlDialog = (config, closeWindow) => {
+            const factory = (contents) => {
+                const dialog = renderUrlDialog(contents, {
+                    closeWindow: () => {
+                        ModalDialog.hide(dialog.dialog);
+                        closeWindow(dialog.instanceApi);
+                    }
+                }, editor, extras.backstages.dialog);
+                ModalDialog.show(dialog.dialog);
+                return dialog.instanceApi;
+            };
+            return DialogManager.openUrl(factory, config);
+        };
+        const openModalDialog = (config, closeWindow) => {
+            const factory = (contents, internalInitialData, dataValidator) => {
+                // We used to validate data here, but it's done by the instanceApi.setData call below.
+                const initialData = internalInitialData;
+                const dialogInit = {
+                    dataValidator,
+                    initialData,
+                    internalDialog: contents
+                };
+                const dialog = renderDialog(dialogInit, {
+                    redial: DialogManager.redial,
+                    closeWindow: () => {
+                        ModalDialog.hide(dialog.dialog);
+                        closeWindow(dialog.instanceApi);
+                    }
+                }, extras.backstages.dialog);
+                ModalDialog.show(dialog.dialog);
+                dialog.instanceApi.setData(initialData);
+                return dialog.instanceApi;
+            };
+            return DialogManager.open(factory, config);
+        };
+        const openInlineDialog = (config$1, anchor, closeWindow, windowParams) => {
+            const factory = (contents, internalInitialData, dataValidator) => {
+                const initialData = validateData(internalInitialData, dataValidator);
+                const inlineDialog = value$2();
+                const isToolbarLocationTop = extras.backstages.popup.shared.header.isPositionedAtTop();
+                const dialogInit = {
+                    dataValidator,
+                    initialData,
+                    internalDialog: contents
+                };
+                const refreshDocking = () => inlineDialog.on((dialog) => {
+                    InlineView.reposition(dialog);
+                    if (!isStickyToolbar$1 || !isToolbarLocationTop) {
+                        Docking.refresh(dialog);
+                    }
+                });
+                const dialogUi = renderInlineDialog(dialogInit, {
+                    redial: DialogManager.redial,
+                    closeWindow: () => {
+                        inlineDialog.on(InlineView.hide);
+                        editor.off('ResizeEditor', refreshDocking);
+                        editor.off('ScrollWindow', repositionPopups$1);
+                        inlineDialog.clear();
+                        closeWindow(dialogUi.instanceApi);
+                    }
+                }, extras.backstages.popup, windowParams.ariaAttrs, refreshDocking);
+                const repositionPopups$1 = () => dialogUi.dialog.getSystem().broadcastOn([repositionPopups()], { target: dialogUi.dialog.element });
+                const dismissPopups$1 = () => dialogUi.dialog.getSystem().broadcastOn([dismissPopups()], { target: dialogUi.dialog.element });
+                const inlineDialogComp = build$1(InlineView.sketch({
+                    lazySink: extras.backstages.popup.shared.getSink,
+                    dom: {
+                        tag: 'div',
+                        classes: []
+                    },
+                    // Fires the default dismiss event.
+                    fireDismissalEventInstead: (windowParams.persistent ? { event: 'doNotDismissYet' } : {}),
+                    // TINY-9412: The docking behaviour for inline dialogs is inconsistent
+                    // for toolbar_location: bottom. We need to clarify exactly what the behaviour
+                    // should be. The intent here might have been that they shouldn't automatically
+                    // reposition at all because they aren't visually connected to the toolbar
+                    // (i.e. inline "toolbar" dialogs still display at the top, even when the
+                    // toolbar_location is bottom), but it's unclear.
+                    ...isToolbarLocationTop ? {} : { fireRepositionEventInstead: {} },
+                    inlineBehaviours: derive$1([
+                        config('window-manager-inline-events', [
+                            run$1(dismissRequested(), (_comp, _se) => {
+                                emit(dialogUi.dialog, formCancelEvent);
+                            })
+                        ]),
+                        ...inlineAdditionalBehaviours(editor, isStickyToolbar$1, isToolbarLocationTop, dismissPopups$1)
+                    ]),
+                    // Treat alert or confirm dialogs as part of the inline dialog
+                    isExtraPart: (_comp, target) => isAlertOrConfirmDialog(target)
+                }));
+                inlineDialog.set(inlineDialogComp);
+                const getInlineDialogBounds = () => {
+                    // At the moment the inline dialog is just put anywhere in the body, and docking is what is used to make
+                    // sure that it stays onscreen
+                    const elem = editor.inline ? body() : SugarElement.fromDom(editor.getContainer());
+                    const bounds = box$1(elem);
+                    return Optional?.some(bounds);
+                };
+                // Position the inline dialog
+                InlineView.showWithinBounds(inlineDialogComp, premade(dialogUi.dialog), { anchor }, getInlineDialogBounds);
+                // Refresh the docking position if not using a sticky toolbar
+                if (!isStickyToolbar$1 || !isToolbarLocationTop) {
+                    Docking.refresh(inlineDialogComp);
+                    // Bind to the editor resize event and update docking as needed. We don't need to worry about
+                    // 'ResizeWindow` as that's handled by docking already.
+                    editor.on('ResizeEditor', refreshDocking);
+                }
+                editor.on('ScrollWindow', repositionPopups$1);
+                // Set the initial data in the dialog and focus the first focusable item
+                dialogUi.instanceApi.setData(initialData);
+                Keying.focusIn(dialogUi.dialog);
+                return dialogUi.instanceApi;
+            };
+            return DialogManager.open(factory, config$1);
+        };
+        const openBottomInlineDialog = (config$1, anchor, closeWindow, windowParams) => {
+            const factory = (contents, internalInitialData, dataValidator) => {
+                const initialData = validateData(internalInitialData, dataValidator);
+                const inlineDialog = value$2();
+                const isToolbarLocationTop = extras.backstages.popup.shared.header.isPositionedAtTop();
+                const dialogInit = {
+                    dataValidator,
+                    initialData,
+                    internalDialog: contents
+                };
+                const refreshDocking = () => inlineDialog.on((dialog) => {
+                    InlineView.reposition(dialog);
+                    Docking.refresh(dialog);
+                });
+                const dialogUi = renderInlineDialog(dialogInit, {
+                    redial: DialogManager.redial,
+                    closeWindow: () => {
+                        inlineDialog.on(InlineView.hide);
+                        editor.off('ResizeEditor ScrollWindow ElementScroll', refreshDocking);
+                        inlineDialog.clear();
+                        closeWindow(dialogUi.instanceApi);
+                    }
+                }, extras.backstages.popup, windowParams.ariaAttrs, refreshDocking);
+                const inlineDialogComp = build$1(InlineView.sketch({
+                    lazySink: extras.backstages.popup.shared.getSink,
+                    dom: {
+                        tag: 'div',
+                        classes: []
+                    },
+                    // Fires the default dismiss event.
+                    fireDismissalEventInstead: (windowParams.persistent ? { event: 'doNotDismissYet' } : {}),
+                    ...isToolbarLocationTop ? {} : { fireRepositionEventInstead: {} },
+                    inlineBehaviours: derive$1([
+                        config('window-manager-inline-events', [
+                            run$1(dismissRequested(), (_comp, _se) => {
+                                emit(dialogUi.dialog, formCancelEvent);
+                            })
+                        ]),
+                        Docking.config({
+                            contextual: {
+                                lazyContext: () => Optional?.some(box$1(SugarElement.fromDom(editor.getContentAreaContainer()))),
+                                fadeInClass: 'tox-dialog-dock-fadein',
+                                fadeOutClass: 'tox-dialog-dock-fadeout',
+                                transitionClass: 'tox-dialog-dock-transition'
+                            },
+                            modes: ['top', 'bottom'],
+                            lazyViewport: (comp) => {
+                                const optScrollingContext = detectWhenSplitUiMode(editor, comp.element);
+                                return optScrollingContext?.map((sc) => {
+                                    const combinedBounds = getBoundsFrom(sc);
+                                    return {
+                                        bounds: combinedBounds,
+                                        optScrollEnv: Optional?.some({
+                                            currentScrollTop: sc.element.dom.scrollTop,
+                                            scrollElmTop: absolute$3(sc.element).top
+                                        })
+                                    };
+                                }).getOrThunk(() => ({
+                                    bounds: win(),
+                                    optScrollEnv: Optional.none()
+                                }));
+                            }
+                        })
+                    ]),
+                    // Treat alert or confirm dialogs as part of the inline dialog
+                    isExtraPart: (_comp, target) => isAlertOrConfirmDialog(target)
+                }));
+                inlineDialog.set(inlineDialogComp);
+                const getInlineDialogBounds = () => {
+                    return extras.backstages.popup.shared.getSink().toOptional().bind((s) => {
+                        const optScrollingContext = detectWhenSplitUiMode(editor, s.element);
+                        // Margin between element and the bottom of the screen or the editor content area container
+                        const margin = 15;
+                        const bounds$1 = optScrollingContext?.map((sc) => getBoundsFrom(sc)).getOr(win());
+                        const contentAreaContainer = box$1(SugarElement.fromDom(editor.getContentAreaContainer()));
+                        const constrainedBounds = constrain(contentAreaContainer, bounds$1);
+                        return Optional?.some(bounds(constrainedBounds.x, constrainedBounds.y, constrainedBounds.width, constrainedBounds.height - margin));
+                    });
+                };
+                // Position the inline dialog
+                InlineView.showWithinBounds(inlineDialogComp, premade(dialogUi.dialog), { anchor }, getInlineDialogBounds);
+                Docking.refresh(inlineDialogComp);
+                editor.on('ResizeEditor ScrollWindow ElementScroll ResizeWindow', refreshDocking);
+                // Set the initial data in the dialog and focus the first focusable item
+                dialogUi.instanceApi.setData(initialData);
+                Keying.focusIn(dialogUi.dialog);
+                return dialogUi.instanceApi;
+            };
+            return DialogManager.open(factory, config$1);
+        };
+        const confirm = (message, callback) => {
+            confirmDialog.open(message, callback);
+        };
+        const alert = (message, callback) => {
+            alertDialog.open(message, callback);
+        };
+        const close = (instanceApi) => {
+            instanceApi.close();
+        };
+        return {
+            open,
+            openUrl,
+            alert,
+            close,
+            confirm
+        };
+    };
+
+    const registerOptions = (editor) => {
+        register$f(editor);
+        register$e(editor);
+        register(editor);
+    };
+    var Theme = () => {
+        global$b.add('silver', (editor) => {
+            registerOptions(editor);
+            // When using the ui_mode: split, the popup sink is placed as a sibling to the
+            // editor, which means that it might be subject to any scrolling environments
+            // that the editor has. Therefore, we want to make the popup sink have an overall
+            // bounds that is dependent on its scrolling environment. We don't know that ahead
+            // of time, so we use a mutable variable whose value will change if there is a scrolling context.
+            let popupSinkBounds = () => win();
+            const { dialogs, popups, renderUI: renderModeUI } = setup$3(editor, {
+                // consult the mutable variable to find out the bounds for the popup sink. When renderUI is
+                // called, this mutable variable might be reassigned
+                getPopupSinkBounds: () => popupSinkBounds()
+            });
+            // We wrap the `renderModeUI` function being returned by Render so that we can update
+            // the getPopupSinkBounds mutable variable if required.
+            // DON'T define this function as `async`; otherwise, it will slow down the rendering process and cause flickering if the editor is repeatedly removed and re-initialized.
+            const renderUI = () => {
+                const renderResult = renderModeUI();
+                const optScrollingContext = detectWhenSplitUiMode(editor, popups.getMothership().element);
+                optScrollingContext.each((sc) => {
+                    popupSinkBounds = () => {
+                        // At this stage, it looks like we need to calculate the bounds each time, just in
+                        // case the scrolling context details have changed since the last time. The bounds considers
+                        // the Boxes.box sizes, which might change over time.
+                        return getBoundsFrom(sc);
+                    };
+                });
+                return renderResult;
+            };
+            Autocompleter.register(editor, popups.backstage.shared);
+            const windowMgr = setup({
+                editor,
+                backstages: {
+                    popup: popups.backstage,
+                    dialog: dialogs.backstage
+                }
+            });
+            const notificationRegion = value$2();
+            // The NotificationManager uses the popup mothership (and sink)
+            const getNotificationManagerImpl = () => NotificationManagerImpl(editor, { backstage: popups.backstage }, popups.getMothership(), notificationRegion);
+            const getPromotionElement = () => {
+                return descendant(SugarElement.fromDom(editor.getContainer()), '.tox-promotion')?.map((promotion) => promotion.dom).getOrNull();
+            };
+            return {
+                renderUI,
+                getWindowManagerImpl: constant$1(windowMgr),
+                getNotificationManagerImpl,
+                getPromotionElement
+            };
+        });
+    };
+
+    Theme();
+    /** *****
+     * DO NOT EXPORT ANYTHING
+     *
+     * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
+     *******/
+
+})();
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/theme.min.js b/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/theme.min.js
new file mode 100644
index 000000000..50a5aa77f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/themes/silver/theme.min.js
@@ -0,0 +1 @@
+!function(){"use strict";const e=Object.getPrototypeOf,t=(e,t,o)=>{var n;return!!o(e,t.prototype)||(null===(n=e.constructor)||void 0===n?void 0:n.name)===t.name},o=e=>o=>(e=>{const o=typeof e;return null===e?"null":"object"===o&&Array.isArray(e)?"array":"object"===o&&t(e,String,((e,t)=>t.isPrototypeOf(e)))?"string":o})(o)===e,n=e=>t=>typeof t===e,s=e=>t=>e===t,r=o("string"),a=o("object"),i=o=>((o,n)=>a(o)&&t(o,n,((t,o)=>e(t)===o)))(o,Object),l=o("array"),c=s(null),d=n("boolean"),u=s(void 0),m=e=>null==e,g=e=>!m(e),p=n("function"),h=n("number"),f=(e,t)=>{if(l(e)){for(let o=0,n=e.length;o<n;++o)if(!t(e[o]))return!1;return!0}return!1},b=()=>{},v=e=>()=>e(),x=(e,t)=>(...o)=>e(t.apply(null,o)),y=e=>()=>e,w=e=>e,S=(e,t)=>e===t;function C(e,...t){return(...o)=>{const n=t.concat(o);return e.apply(null,n)}}const k=e=>t=>!e(t),O=e=>()=>{throw new Error(e)},_=e=>e(),T=y(!1),E=y(!0);class A{constructor(e,t){this.tag=e,this.value=t}static some(e){return new A(!0,e)}static none(){return A.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?A?.some(e(this.value)):A.none()}bind(e){return this.tag?e(this.value):A.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:A.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return g(e)?A?.some(e):A.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}A.singletonNone=new A(!1);const M=Array.prototype.slice,D=Array.prototype.indexOf,B=Array.prototype.push,I=(e,t)=>D.call(e,t),F=(e,t)=>I(e,t)>-1,R=(e,t)=>{for(let o=0,n=e.length;o<n;o++)if(t(e[o],o))return!0;return!1},N=(e,t)=>{const o=[];for(let n=0;n<e;n++)o.push(t(n));return o},z=(e,t)=>{const o=[];for(let n=0;n<e.length;n+=t){const s=M.call(e,n,n+t);o.push(s)}return o},L=(e,t)=>{const o=e.length,n=new Array(o);for(let s=0;s<o;s++){const o=e[s];n[s]=t(o,s)}return n},V=(e,t)=>{for(let o=0,n=e.length;o<n;o++)t(e[o],o)},H=(e,t)=>{const o=[],n=[];for(let s=0,r=e.length;s<r;s++){const r=e[s];(t(r,s)?o:n).push(r)}return{pass:o,fail:n}},P=(e,t)=>{const o=[];for(let n=0,s=e.length;n<s;n++){const s=e[n];t(s,n)&&o.push(s)}return o},U=(e,t,o)=>(((e,t)=>{for(let o=e.length-1;o>=0;o--)t(e[o],o)})(e,((e,n)=>{o=t(o,e,n)})),o),W=(e,t,o)=>(V(e,((e,n)=>{o=t(o,e,n)})),o),$=(e,t)=>((e,t,o)=>{for(let n=0,s=e.length;n<s;n++){const s=e[n];if(t(s,n))return A?.some(s);if(o(s,n))break}return A.none()})(e,t,T),G=(e,t)=>{for(let o=0,n=e.length;o<n;o++)if(t(e[o],o))return A?.some(o);return A.none()},j=e=>{const t=[];for(let o=0,n=e.length;o<n;++o){if(!l(e[o]))throw new Error("Arr.flatten item "+o+" was not an array, input: "+e);B.apply(t,e[o])}return t},q=(e,t)=>j(L(e,t)),X=(e,t)=>{for(let o=0,n=e.length;o<n;++o)if(!0!==t(e[o],o))return!1;return!0},Y=e=>{const t=M.call(e,0);return t.reverse(),t},K=(e,t)=>P(e,(e=>!F(t,e))),J=(e,t)=>{const o={};for(let n=0,s=e.length;n<s;n++){const s=e[n];o[String(s)]=t(s,n)}return o},Q=e=>[e],Z=(e,t)=>{const o=M.call(e,0);return o.sort(t),o},ee=(e,t)=>t>=0&&t<e.length?A?.some(e[t]):A.none(),te=e=>ee(e,0),oe=e=>ee(e,e.length-1),ne=p(Array.from)?Array.from:e=>M.call(e),se=(e,t)=>{for(let o=0;o<e.length;o++){const n=t(e[o],o);if(n.isSome())return n}return A.none()},re=Object.keys,ae=Object.hasOwnProperty,ie=(e,t)=>{const o=re(e);for(let n=0,s=o.length;n<s;n++){const s=o[n];t(e[s],s)}},le=(e,t)=>ce(e,((e,o)=>({k:o,v:t(e,o)}))),ce=(e,t)=>{const o={};return ie(e,((e,n)=>{const s=t(e,n);o[s.k]=s.v})),o},de=e=>(t,o)=>{e[o]=t},ue=(e,t,o,n)=>{ie(e,((e,s)=>{(t(e,s)?o:n)(e,s)}))},me=(e,t)=>{const o={};return ue(e,t,de(o),b),o},ge=(e,t)=>{const o=[];return ie(e,((e,n)=>{o.push(t(e,n))})),o},pe=(e,t)=>{const o=re(e);for(let n=0,s=o.length;n<s;n++){const s=o[n],r=e[s];if(t(r,s,e))return A?.some(r)}return A.none()},he=e=>ge(e,w),fe=(e,t)=>be(e,t)?A.from(e[t]):A.none(),be=(e,t)=>ae.call(e,t),ve=(e,t)=>be(e,t)&&void 0!==e[t]&&null!==e[t],xe=e=>{if(!l(e))throw new Error("cases must be an array");if(0===e.length)throw new Error("there must be at least one case");const t=[],o={};return V(e,((n,s)=>{const r=re(n);if(1!==r.length)throw new Error("one and only one name per case");const a=r[0],i=n[a];if(void 0!==o[a])throw new Error("duplicate key detected:"+a);if("cata"===a)throw new Error("cannot have a case named cata (sorry)");if(!l(i))throw new Error("case arguments must be an array");t.push(a),o[a]=(...o)=>{const n=o.length;if(n!==i.length)throw new Error("Wrong number of arguments to case "+a+". Expected "+i.length+" ("+i+"), got "+n);return{fold:(...t)=>{if(t.length!==e.length)throw new Error("Wrong number of arguments to fold. Expected "+e.length+", got "+t.length);return t[s].apply(null,o)},match:e=>{const n=re(e);if(t.length!==n.length)throw new Error("Wrong number of arguments to match. Expected: "+t.join(",")+"\nActual: "+n.join(","));if(!X(t,(e=>F(n,e))))throw new Error("Not all branches were specified when using match. Specified: "+n.join(", ")+"\nRequired: "+t.join(", "));return e[a].apply(null,o)},log:e=>{console.log(e,{constructors:t,constructor:a,params:o})}}}})),o},ye=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},we=e=>{let t=A.none(),o=[];const n=e=>{s()?r(e):o.push(e)},s=()=>t.isSome(),r=e=>{t.each((t=>{setTimeout((()=>{e(t)}),0)}))};return e((e=>{s()||(t=A?.some(e),V(o,r),o=[])})),{get:n,map:e=>we((t=>{n((o=>{t(e(o))}))})),isReady:s}},Se={nu:we,pure:e=>we((t=>{t(e)}))},Ce=e=>{setTimeout((()=>{throw e}),0)},ke=e=>{const t=t=>{e().then(t,Ce)};return{map:t=>ke((()=>e().then(t))),bind:t=>ke((()=>e().then((e=>t(e).toPromise())))),anonBind:t=>ke((()=>e().then((()=>t.toPromise())))),toLazy:()=>Se.nu(t),toCached:()=>{let t=null;return ke((()=>(null===t&&(t=e()),t)))},toPromise:e,get:t}},Oe=e=>ke((()=>new Promise(e))),_e=e=>ke((()=>Promise.resolve(e))),Te=e=>{const t=t=>t(e),o=y(e),n=()=>s,s={tag:!0,inner:e,fold:(t,o)=>o(e),isValue:E,isError:T,map:t=>Ae.value(t(e)),mapError:n,bind:t,exists:t,forall:t,getOr:o,or:n,getOrThunk:o,orThunk:n,getOrDie:o,each:t=>{t(e)},toOptional:()=>A?.some(e)};return s},Ee=e=>{const t=()=>o,o={tag:!1,inner:e,fold:(t,o)=>t(e),isValue:T,isError:E,map:t,mapError:t=>Ae.error(t(e)),bind:t,exists:T,forall:E,getOr:w,or:w,getOrThunk:_,orThunk:_,getOrDie:O(String(e)),each:b,toOptional:A.none};return o},Ae={value:Te,error:Ee,fromOption:(e,t)=>e.fold((()=>Ee(t)),Te)},Me=e=>({...e,toCached:()=>Me(e.toCached()),bindFuture:t=>Me(e.bind((e=>e.fold((e=>_e(Ae.error(e))),(e=>t(e)))))),bindResult:t=>Me(e?.map((e=>e.bind(t)))),mapResult:t=>Me(e?.map((e=>e?.map(t)))),mapError:t=>Me(e?.map((e=>e.mapError(t)))),foldResult:(t,o)=>e?.map((e=>e.fold(t,o))),withTimeout:(t,o)=>Me(Oe((n=>{let s=!1;const r=setTimeout((()=>{s=!0,n(Ae.error(o()))}),t);e.get((e=>{s||(clearTimeout(r),n(e))}))})))}),De=e=>Me(Oe(e)),Be="undefined"!=typeof window?window:Function("return this;")(),Ie=(e,t,o,n)=>{const s=e+t;return s>n?o:s<o?n:s},Fe=(e,t,o)=>Math.min(Math.max(e,t),o);let Re=0;const Ne=e=>{const t=(new Date).getTime(),o=Math.floor(window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295*1e9);return Re++,e+"_"+o+Re+String(t)},ze=e=>(...t)=>{if(0===t.length)throw new Error("Can't merge zero objects");const o={};for(let n=0;n<t.length;n++){const s=t[n];for(const t in s)be(s,t)&&(o[t]=e(o[t],s[t]))}return o},Le=ze(((e,t)=>i(e)&&i(t)?Le(e,t):t)),Ve=ze(((e,t)=>t)),He=(e,t,o=S)=>e.exists((e=>o(e,t))),Pe=e=>{const t=[],o=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(o);return t},Ue=(e,t,o)=>e.isSome()&&t.isSome()?A?.some(o(e.getOrDie(),t.getOrDie())):A.none(),We=(e,t)=>null!=e?A?.some(t(e)):A.none(),$e=(e,t)=>e?A?.some(t):A.none(),Ge=(e,t)=>((e,t)=>{let o=null!=t?t:Be;for(let t=0;t<e.length&&null!=o;++t)o=o[e[t]];return o})(e.split("."),t);xe([{bothErrors:["error1","error2"]},{firstError:["error1","value2"]},{secondError:["value1","error2"]},{bothValues:["value1","value2"]}]);const je=e=>{const t=ye(A.none()),o=()=>t.get().each(e);return{clear:()=>{o(),t.set(A.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{o(),t.set(A?.some(e))}}},qe=()=>je((e=>e.unbind())),Xe=()=>{const e=je(b);return{...e,on:t=>e.get().each(t)}},Ye=(e,t,o)=>""===t||e.length>=t.length&&e.substr(o,o+t.length)===t,Ke=(e,t)=>Qe(e,t)?((e,t)=>e.substring(t))(e,t.length):e,Je=(e,t,o=0,n)=>{const s=e.indexOf(t,o);return-1!==s&&(!!u(n)||s+t.length<=n)},Qe=(e,t)=>Ye(e,t,0),Ze=(e,t)=>Ye(e,t,e.length-t.length),et=(ft=/^\s+|\s+$/g,e=>e.replace(ft,"")),tt=e=>e.length>0,ot=e=>!tt(e),nt=(e,t)=>{let o=null;const n=()=>{c(o)||(clearTimeout(o),o=null)};return{cancel:n,throttle:(...s)=>{n(),o=setTimeout((()=>{o=null,e.apply(null,s)}),t)}}},st=e=>{let t,o=!1;return(...n)=>(o||(o=!0,t=e.apply(null,n)),t)},rt=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},at=(e,t)=>{const o=(t||document).createElement("div");if(o.innerHTML=e,!o.hasChildNodes()||o.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return rt(o.childNodes[0])},it=(e,t)=>{const o=(t||document).createElement(e);return rt(o)},lt=(e,t)=>{const o=(t||document).createTextNode(e);return rt(o)},ct=rt,dt=(e,t,o)=>{const n=e.document.createRange();var s;return s=n,t.fold((e=>{s.setStartBefore(e.dom)}),((e,t)=>{s.setStart(e.dom,t)}),(e=>{s.setStartAfter(e.dom)})),((e,t)=>{t.fold((t=>{e.setEndBefore(t.dom)}),((t,o)=>{e.setEnd(t.dom,o)}),(t=>{e.setEndAfter(t.dom)}))})(n,o),n},ut=(e,t,o,n,s)=>{const r=e.document.createRange();return r.setStart(t.dom,o),r.setEnd(n.dom,s),r},mt=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),gt=xe([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),pt=(e,t,o)=>t(ct(o.startContainer),o.startOffset,ct(o.endContainer),o.endOffset),ht=(e,t)=>((e,t)=>{const o=((e,t)=>t.match({domRange:e=>({ltr:y(e),rtl:A.none}),relative:(t,o)=>({ltr:st((()=>dt(e,t,o))),rtl:st((()=>A?.some(dt(e,o,t))))}),exact:(t,o,n,s)=>({ltr:st((()=>ut(e,t,o,n,s))),rtl:st((()=>A?.some(ut(e,n,s,t,o))))})}))(e,t);return((e,t)=>{const o=t.ltr();return o.collapsed?t.rtl().filter((e=>!1===e.collapsed))?.map((e=>gt.rtl(ct(e.endContainer),e.endOffset,ct(e.startContainer),e.startOffset))).getOrThunk((()=>pt(0,gt.ltr,o))):pt(0,gt.ltr,o)})(0,o)})(e,t).match({ltr:(t,o,n,s)=>{const r=e.document.createRange();return r.setStart(t.dom,o),r.setEnd(n.dom,s),r},rtl:(t,o,n,s)=>{const r=e.document.createRange();return r.setStart(n.dom,s),r.setEnd(t.dom,o),r}});var ft;gt.ltr,gt.rtl;const bt=(e,t)=>{const o=e.dom;if(1!==o.nodeType)return!1;{const e=o;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},vt=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,xt=(e,t)=>{const o=void 0===t?document:t.dom;return vt(o)?A.none():A.from(o.querySelector(e))?.map(ct)},yt=(e,t)=>e.dom===t.dom,wt=(e,t)=>{const o=e.dom,n=t.dom;return o!==n&&o.contains(n)},St=()=>Ct(0,0),Ct=(e,t)=>({major:e,minor:t}),kt={nu:Ct,detect:(e,t)=>{const o=String(t).toLowerCase();return 0===e.length?St():((e,t)=>{const o=((e,t)=>{for(let o=0;o<e.length;o++){const n=e[o];if(n.test(t))return n}})(e,t);if(!o)return{major:0,minor:0};const n=e=>Number(t.replace(o,"$"+e));return Ct(n(1),n(2))})(e,o)},unknown:St},Ot=(e,t)=>{const o=String(t).toLowerCase();return $(e,(e=>e.search(o)))},_t=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,Tt=e=>t=>Je(t,e),Et=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>Je(e,"edge/")&&Je(e,"chrome")&&Je(e,"safari")&&Je(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,_t],search:e=>Je(e,"chrome")&&!Je(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>Je(e,"msie")||Je(e,"trident")},{name:"Opera",versionRegexes:[_t,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:Tt("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:Tt("firefox")},{name:"Safari",versionRegexes:[_t,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(Je(e,"safari")||Je(e,"mobile/"))&&Je(e,"applewebkit")}],At=[{name:"Windows",search:Tt("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>Je(e,"iphone")||Je(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:Tt("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:Tt("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:Tt("linux"),versionRegexes:[]},{name:"Solaris",search:Tt("sunos"),versionRegexes:[]},{name:"FreeBSD",search:Tt("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:Tt("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],Mt={browsers:y(Et),oses:y(At)},Dt="Edge",Bt="Chromium",It="Opera",Ft="Firefox",Rt="Safari",Nt=e=>{const t=e.current,o=e.version,n=e=>()=>t===e;return{current:t,version:o,isEdge:n(Dt),isChromium:n(Bt),isIE:n("IE"),isOpera:n(It),isFirefox:n(Ft),isSafari:n(Rt)}},zt=()=>Nt({current:void 0,version:kt.unknown()}),Lt=Nt,Vt=(y(Dt),y(Bt),y("IE"),y(It),y(Ft),y(Rt),"Windows"),Ht="Android",Pt="Linux",Ut="macOS",Wt="Solaris",$t="FreeBSD",Gt="ChromeOS",jt=e=>{const t=e.current,o=e.version,n=e=>()=>t===e;return{current:t,version:o,isWindows:n(Vt),isiOS:n("iOS"),isAndroid:n(Ht),isMacOS:n(Ut),isLinux:n(Pt),isSolaris:n(Wt),isFreeBSD:n($t),isChromeOS:n(Gt)}},qt=()=>jt({current:void 0,version:kt.unknown()}),Xt=jt,Yt=(y(Vt),y("iOS"),y(Ht),y(Pt),y(Ut),y(Wt),y($t),y(Gt),e=>window.matchMedia(e).matches);let Kt=st((()=>((e,t,o)=>{const n=Mt.browsers(),s=Mt.oses(),r=t.bind((e=>((e,t)=>se(t.brands,(t=>{const o=t.brand.toLowerCase();return $(e,(e=>{var t;return o===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:kt.nu(parseInt(t.version,10),0)})))})))(n,e))).orThunk((()=>((e,t)=>Ot(e,t)?.map((e=>{const o=kt.detect(e.versionRegexes,t);return{current:e.name,version:o}})))(n,e))).fold(zt,Lt),a=((e,t)=>Ot(e,t)?.map((e=>{const o=kt.detect(e.versionRegexes,t);return{current:e.name,version:o}})))(s,e).fold(qt,Xt),i=((e,t,o,n)=>{const s=e.isiOS()&&!0===/ipad/i.test(o),r=e.isiOS()&&!s,a=e.isiOS()||e.isAndroid(),i=a||n("(pointer:coarse)"),l=s||!r&&a&&n("(min-device-width:768px)"),c=r||a&&!l,d=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(o),u=!c&&!l&&!d;return{isiPad:y(s),isiPhone:y(r),isTablet:y(l),isPhone:y(c),isTouch:y(i),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:y(d),isDesktop:y(u)}})(a,r,e,o);return{browser:r,os:a,deviceType:i}})(window.navigator.userAgent,A.from(window.navigator.userAgentData),Yt)));const Jt=()=>Kt(),Qt=Object.getPrototypeOf,Zt=e=>{const t=Ge("ownerDocument.defaultView",e);return a(e)&&((e=>((e,t)=>{const o=((e,t)=>Ge(e,t))(e,t);if(null==o)throw new Error(e+" not available on this browser");return o})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(Qt(e).constructor.name))},eo=e=>e.dom.nodeName.toLowerCase(),to=e=>t=>(e=>e.dom.nodeType)(t)===e,oo=e=>no(e)&&Zt(e.dom),no=to(1),so=to(3),ro=to(9),ao=to(11),io=e=>t=>no(t)&&eo(t)===e,lo=e=>ct(e.dom.ownerDocument),co=e=>ro(e)?e:lo(e),uo=e=>ct(co(e).dom.documentElement),mo=e=>ct(co(e).dom.defaultView),go=e=>A.from(e.dom.parentNode)?.map(ct),po=e=>A.from(e.dom.parentElement)?.map(ct),ho=e=>A.from(e.dom.offsetParent)?.map(ct),fo=e=>L(e.dom.childNodes,ct),bo=(e,t)=>{const o=e.dom.childNodes;return A.from(o[t])?.map(ct)},vo=e=>bo(e,0),xo=(e,t)=>({element:e,offset:t}),yo=(e,t)=>{const o=fo(e);return o.length>0&&t<o.length?xo(o[t],0):xo(e,t)},wo=e=>ao(e)&&g(e.dom.host),So=e=>ct(e.dom.getRootNode()),Co=e=>wo(e)?e:ct(co(e).dom.body),ko=e=>{const t=So(e);return wo(t)?A?.some(t):A.none()},Oo=e=>ct(e.dom.host),_o=e=>{const t=ct((e=>{if(g(e.target)){const t=ct(e.target);if(no(t)&&(e=>g(e.dom.shadowRoot))(t)&&e.composed&&e.composedPath){const t=e.composedPath();if(t)return te(t)}}return A.from(e.target)})(e).getOr(e.target)),o=()=>e.stopPropagation(),n=()=>e.preventDefault(),s=x(n,o);return((e,t,o,n,s,r,a)=>({target:e,x:t,y:o,stop:n,prevent:s,kill:r,raw:a}))(t,e.clientX,e.clientY,o,n,s,e)},To=(e,t,o,n,s)=>{const r=((e,t)=>o=>{e(o)&&t(_o(o))})(o,n);return e.dom.addEventListener(t,r,s),{unbind:C(Eo,e,t,r,s)}},Eo=(e,t,o,n)=>{e.dom.removeEventListener(t,o,n)},Ao=E,Mo=(e,t,o)=>((e,t,o,n)=>To(e,t,o,n,!1))(e,t,Ao,o),Do=(e,t,o)=>((e,t,o,n)=>To(e,t,o,n,!0))(e,t,Ao,o),Bo=_o,Io=()=>ct(document),Fo=(e,t=!1)=>e.dom.focus({preventScroll:t}),Ro=e=>e.dom.blur(),No=e=>{const t=So(e).dom;return e.dom===t.activeElement},zo=(e=Io())=>A.from(e.dom.activeElement)?.map(ct),Lo=e=>zo(So(e)).filter((t=>e.dom.contains(t.dom))),Vo=(e,t)=>{go(e).each((o=>{o.dom.insertBefore(t.dom,e.dom)}))},Ho=(e,t)=>{const o=(e=>A.from(e.dom.nextSibling)?.map(ct))(e);o.fold((()=>{go(e).each((e=>{Uo(e,t)}))}),(e=>{Vo(e,t)}))},Po=(e,t)=>{vo(e).fold((()=>{Uo(e,t)}),(o=>{e.dom.insertBefore(t.dom,o.dom)}))},Uo=(e,t)=>{e.dom.appendChild(t.dom)},Wo=(e,t)=>{V(t,(t=>{Uo(e,t)}))},$o=(e,t,o)=>{if(!(r(o)||d(o)||h(o)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",o,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,o+"")},Go=(e,t,o)=>{$o(e.dom,t,o)},jo=(e,t)=>{const o=e.dom;ie(t,((e,t)=>{$o(o,t,e)}))},qo=(e,t)=>{const o=e.dom.getAttribute(t);return null===o?void 0:o},Xo=(e,t)=>A.from(qo(e,t)),Yo=(e,t)=>{const o=e.dom;return!(!o||!o.hasAttribute)&&o.hasAttribute(t)},Ko=(e,t)=>{e.dom.removeAttribute(t)},Jo=e=>{e.dom.textContent="",V(fo(e),(e=>{Qo(e)}))},Qo=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},Zo=(e,t)=>ct(e.dom.cloneNode(t)),en=e=>e.dom.innerHTML,tn=(e,t)=>{const o=lo(e).dom,n=ct(o.createDocumentFragment()),s=((e,t)=>{const o=(t||document).createElement("div");return o.innerHTML=e,fo(ct(o))})(t,o);Wo(n,s),Jo(e),Uo(e,n)},on=e=>new Promise(((t,o)=>{const n=()=>{r(),t(e)},s=[Mo(e,"load",n),Mo(e,"error",(()=>{r(),o("Unable to load data from image: "+e.dom.src)}))],r=()=>V(s,(e=>e.unbind()));e.dom.complete&&n()})),nn=e=>void 0!==e.style&&p(e.style.getPropertyValue),sn=e=>{const t=so(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const o=t.ownerDocument;return ko(ct(t)).fold((()=>o.body.contains(t)),(n=sn,s=Oo,e=>n(s(e))));var n,s},rn=()=>an(ct(document)),an=e=>{const t=e.dom.body;if(null==t)throw new Error("Body is not available yet");return ct(t)},ln=(e,t,o)=>{if(!r(o))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",o,":: Element ",e),new Error("CSS value must be a string: "+o);nn(e)&&e.style.setProperty(t,o)},cn=(e,t)=>{nn(e)&&e.style.removeProperty(t)},dn=(e,t,o)=>{const n=e.dom;ln(n,t,o)},un=(e,t)=>{const o=e.dom;ie(t,((e,t)=>{ln(o,t,e)}))},mn=(e,t)=>{const o=e.dom;ie(t,((e,t)=>{e.fold((()=>{cn(o,t)}),(e=>{ln(o,t,e)}))}))},gn=(e,t)=>{const o=e.dom,n=window.getComputedStyle(o).getPropertyValue(t);return""!==n||sn(e)?n:pn(o,t)},pn=(e,t)=>nn(e)?e.style.getPropertyValue(t):"",hn=(e,t)=>{const o=e.dom,n=pn(o,t);return A.from(n).filter((e=>e.length>0))},fn=e=>{const t={},o=e.dom;if(nn(o))for(let e=0;e<o.style.length;e++){const n=o.style.item(e);t[n]=o.style[n]}return t},bn=(e,t,o)=>{const n=it(e);return dn(n,t,o),hn(n,t).isSome()},vn=(e,t)=>{const o=e.dom;cn(o,t),He(Xo(e,"style")?.map(et),"")&&Ko(e,"style")},xn=e=>e.dom.offsetWidth,yn=(e,t)=>{const o=o=>{const n=t(o);if(n<=0||null===n){const t=gn(o,e);return parseFloat(t)||0}return n},n=(e,t)=>W(t,((t,o)=>{const n=gn(e,o),s=void 0===n?0:parseInt(n,10);return isNaN(s)?t:t+s}),0);return{set:(t,o)=>{if(!h(o)&&!o.match(/^[0-9]+$/))throw new Error(e+".set accepts only positive integer values. Value was "+o);const n=t.dom;nn(n)&&(n.style[e]=o+"px")},get:o,getOuter:o,aggregate:n,max:(e,t,o)=>{const s=n(e,o);return t>s?t-s:0}}},wn=yn("height",(e=>{const t=e.dom;return sn(e)?t.getBoundingClientRect().height:t.offsetHeight})),Sn=e=>wn.get(e),Cn=e=>wn.getOuter(e),kn=e=>!(e=>e.offsetWidth<=0&&e.offsetHeight<=0)(e.dom),On=yn("width",(e=>e.dom.offsetWidth)),_n=yn("width",(e=>{const t=e.dom;return sn(e)?t.getBoundingClientRect().width:t.offsetWidth})),Tn=e=>On.get(e),En=e=>On.getOuter(e),An=e=>_n.getOuter(e),Mn=(e,t)=>({left:e,top:t,translate:(o,n)=>Mn(e+o,t+n)}),Dn=Mn,Bn=(e,t)=>void 0!==e?e:void 0!==t?t:0,In=e=>{const t=e.dom.ownerDocument,o=t.body,n=t.defaultView,s=t.documentElement;if(o===e.dom)return Dn(o.offsetLeft,o.offsetTop);const r=Bn(null==n?void 0:n.pageYOffset,s.scrollTop),a=Bn(null==n?void 0:n.pageXOffset,s.scrollLeft),i=Bn(s.clientTop,o.clientTop),l=Bn(s.clientLeft,o.clientLeft);return Fn(e).translate(a-l,r-i)},Fn=e=>{const t=e.dom,o=t.ownerDocument.body;return o===t?Dn(o.offsetLeft,o.offsetTop):sn(e)?(e=>{const t=e.getBoundingClientRect();return Dn(t.left,t.top)})(t):Dn(0,0)},Rn=e=>{const t=void 0!==e?e.dom:document,o=t.body.scrollLeft||t.documentElement.scrollLeft,n=t.body.scrollTop||t.documentElement.scrollTop;return Dn(o,n)},Nn=(e,t,o)=>{const n=(void 0!==o?o.dom:document).defaultView;n&&n.scrollTo(e,t)},zn=(e=>{const t=t=>e(t)?A.from(t.dom.nodeValue):A.none();return{get:o=>{if(!e(o))throw new Error("Can only get text value of a text node");return t(o).getOr("")},getOption:t,set:(t,o)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=o}}})(so),Ln=(e,t)=>o=>"rtl"===Vn(o)?t:e,Vn=e=>"rtl"===gn(e,"direction")?"rtl":"ltr",Hn=(e,t)=>{const o=qo(e,t);return void 0===o||""===o?[]:o.split(" ")};var Pn=(e,t,o,n,s)=>e(o,n)?A?.some(o):p(s)&&s(o)?A.none():t(o,n,s);const Un=(e,t,o)=>{let n=e.dom;const s=p(o)?o:T;for(;n.parentNode;){n=n.parentNode;const e=ct(n);if(t(e))return A?.some(e);if(s(e))break}return A.none()},Wn=(e,t,o)=>Pn(((e,t)=>t(e)),Un,e,t,o),$n=(e,t)=>$(e.dom.childNodes,(e=>t(ct(e))))?.map(ct),Gn=(e,t,o)=>Un(e,(e=>bt(e,t)),o),jn=(e,t)=>(e=>{const o=e.dom;return o.parentNode?$n(ct(o.parentNode),(o=>!yt(e,o)&&bt(o,t))):A.none()})(e),qn=(e,t)=>$n(e,(e=>bt(e,t))),Xn=(e,t)=>xt(t,e),Yn=(e,t,o)=>Pn(((e,t)=>bt(e,t)),Gn,e,t,o),Kn=(e,t)=>{e.dom.checked=t},Jn=e=>e.dom.checked,Qn=e=>void 0!==e.dom.classList,Zn=e=>Hn(e,"class"),es=(e,t)=>((e,t,o)=>{const n=Hn(e,t).concat([o]);return Go(e,t,n.join(" ")),!0})(e,"class",t),ts=(e,t)=>((e,t,o)=>{const n=P(Hn(e,t),(e=>e!==o));return n.length>0?Go(e,t,n.join(" ")):Ko(e,t),!1})(e,"class",t),os=(e,t)=>{Qn(e)?e.dom.classList.add(t):es(e,t)},ns=e=>{0===(Qn(e)?e.dom.classList:Zn(e)).length&&Ko(e,"class")},ss=(e,t)=>{Qn(e)?e.dom.classList.remove(t):ts(e,t),ns(e)},rs=(e,t)=>Qn(e)&&e.dom.classList.contains(t),as=(e,t)=>{V(t,(t=>{os(e,t)}))},is=(e,t)=>{V(t,(t=>{ss(e,t)}))},ls=e=>Qn(e)?(e=>{const t=e.dom.classList,o=new Array(t.length);for(let e=0;e<t.length;e++){const n=t.item(e);null!==n&&(o[e]=n)}return o})(e):Zn(e),cs=e=>e.dom.value,ds=(e,t)=>{if(void 0===t)throw new Error("Value.set was undefined");e.dom.value=t},us=(e,t,o)=>P(((e,t)=>{const o=p(t)?t:T;let n=e.dom;const s=[];for(;null!==n.parentNode&&void 0!==n.parentNode;){const e=n.parentNode,t=ct(e);if(s.push(t),!0===o(t))break;n=e}return s})(e,o),t),ms=(e,t)=>((e,t)=>{const o=void 0===t?document:t.dom;return vt(o)?[]:L(o.querySelectorAll(e),ct)})(t,e),gs=(e,t,o)=>Wn(e,t,o).isSome(),ps=(e,t,o)=>Yn(e,t,o).isSome(),hs=e=>p(e)?e:T,fs=(e,t,o)=>{let n=e.dom;const s=hs(o);for(;n.parentNode;){n=n.parentNode;const e=ct(n),o=t(e);if(o.isSome())return o;if(s(e))break}return A.none()},bs=(e,t,o)=>{const n=t(e),s=hs(o);return n.orThunk((()=>s(e)?A.none():fs(e,t,s)))},vs=(e,t,o,n)=>({start:e,soffset:t,finish:o,foffset:n}),xs=xe([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),ys=(xs.before,xs.on,xs.after,e=>e.fold(w,w,w)),ws=xe([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),Ss={domRange:ws.domRange,relative:ws.relative,exact:ws.exact,exactFromRange:e=>ws.exact(e.start,e.soffset,e.finish,e.foffset),getWin:e=>{const t=(e=>e.match({domRange:e=>ct(e.startContainer),relative:(e,t)=>ys(e),exact:(e,t,o,n)=>e}))(e);return mo(t)},range:vs},Cs=e=>{if(e.rangeCount>0){const t=e.getRangeAt(0),o=e.getRangeAt(e.rangeCount-1);return A?.some(vs(ct(t.startContainer),t.startOffset,ct(o.endContainer),o.endOffset))}return A.none()},ks=e=>{if(null===e.anchorNode||null===e.focusNode)return Cs(e);{const t=ct(e.anchorNode),o=ct(e.focusNode);return((e,t,o,n)=>{const s=((e,t,o,n)=>{const s=lo(e).dom.createRange();return s.setStart(e.dom,t),s.setEnd(o.dom,n),s})(e,t,o,n),r=yt(e,o)&&t===n;return s.collapsed&&!r})(t,e.anchorOffset,o,e.focusOffset)?A?.some(vs(t,e.anchorOffset,o,e.focusOffset)):Cs(e)}},Os=(e,t)=>(e=>{const t=e.getClientRects(),o=t.length>0?t[0]:e.getBoundingClientRect();return o.width>0||o.height>0?A?.some(o)?.map(mt):A.none()})(ht(e,t)),_s={unsupportedLength:["em","ex","cap","ch","ic","rem","lh","rlh","vw","vh","vi","vb","vmin","vmax","cm","mm","Q","in","pc","pt","px"],fixed:["px","pt"],relative:["%"],empty:[""]},Ts=(()=>{const e="[0-9]+",t="[eE][+-]?"+e,o=e=>`(?:${e})?`,n=["Infinity",e+"\\."+o(e)+o(t),"\\."+e+o(t),e+o(t)].join("|");return new RegExp(`^([+-]?(?:${n}))(.*)$`)})(),Es=(e,t)=>A.from(Ts.exec(e)).bind((e=>{const o=Number(e[1]),n=e[2];return((e,t)=>R(t,(t=>R(_s[t],(t=>e===t)))))(n,t)?A?.some({value:o,unit:n}):A.none()})),As=(e,t,o,n)=>({x:e,y:t,width:o,height:n,right:e+o,bottom:t+n}),Ms=e=>{const t=void 0===e?window:e,o=t.document,n=Rn(ct(o));return(e=>{const t=void 0===e?window:e;return Jt().browser.isFirefox()?A.none():A.from(t.visualViewport)})(t).fold((()=>{const e=t.document.documentElement,o=e.clientWidth,s=e.clientHeight;return As(n.left,n.top,o,s)}),(e=>As(Math.max(e.pageLeft,n.left),Math.max(e.pageTop,n.top),e.width,e.height)))},Ds=(e,t)=>e.view(t).fold(y([]),(t=>{const o=e.owner(t),n=Ds(e,o);return[t].concat(n)}));var Bs=Object.freeze({__proto__:null,view:e=>{var t;return(e.dom===document?A.none():A.from(null===(t=e.dom.defaultView)||void 0===t?void 0:t.frameElement))?.map(ct)},owner:e=>lo(e)});const Is=e=>{const t=Io(),o=Rn(t),n=((e,t)=>{const o=t.owner(e),n=Ds(t,o);return A?.some(n)})(e,Bs);return n.fold(C(In,e),(t=>{const n=Fn(e),s=U(t,((e,t)=>{const o=Fn(t);return{left:e.left+o.left,top:e.top+o.top}}),{left:0,top:0});return Dn(s.left+n.left+o.left,s.top+n.top+o.top)}))},Fs=(e,t,o,n)=>({x:e,y:t,width:o,height:n,right:e+o,bottom:t+n}),Rs=e=>{const t=In(e),o=En(e),n=Cn(e);return Fs(t.left,t.top,o,n)},Ns=e=>{const t=Is(e),o=En(e),n=Cn(e);return Fs(t.left,t.top,o,n)},zs=(e,t)=>{const o=Math.max(e.x,t.x),n=Math.max(e.y,t.y),s=Math.min(e.right,t.right),r=Math.min(e.bottom,t.bottom);return Fs(o,n,s-o,r-n)},Ls=()=>Ms(window),Vs=(e,t)=>yt(e.element,t.event.target),Hs=e=>(He(hn(e,"position"),"fixed")?A.none():ho(e)).orThunk((()=>{const t=it("span");return go(e).bind((e=>{Uo(e,t);const o=ho(t);return Qo(t),o}))})),Ps=e=>Hs(e)?.map(In).getOrThunk((()=>Dn(0,0)));var Us;!function(e){e[e.Error=0]="Error",e[e.Value=1]="Value"}(Us||(Us={}));const Ws=(e,t,o)=>e.stype===Us.Error?t(e.serror):o(e.svalue),$s=e=>({stype:Us.Value,svalue:e}),Gs=e=>({stype:Us.Error,serror:e}),js=$s,qs=Gs,Xs=Ws,Ys=e=>a(e)&&re(e).length>100?" removed due to size":JSON.stringify(e,null,2),Ks=(e,t)=>qs([{path:e,getErrorInfo:t}]),Js=e=>({extract:(t,o)=>((e,t)=>e.stype===Us.Error?t(e.serror):e)(e(o),(e=>((e,t)=>Ks(e,y(t)))(t,e))),toString:y("val")}),Qs=Js(js),Zs=y(Qs),er=(e,t)=>Js((o=>{const n=typeof o;return e(o)?js(o):qs(`Expected type: ${t} but got: ${n}`)})),tr=er(h,"number"),or=er(r,"string"),nr=er(d,"boolean"),sr=er(p,"function"),rr=e=>{if(Object(e)!==e)return!0;switch({}.toString.call(e).slice(8,-1)){case"Boolean":case"Number":case"String":case"Date":case"RegExp":case"Blob":case"FileList":case"ImageData":case"ImageBitmap":case"ArrayBuffer":return!0;case"Array":case"Object":return Object.keys(e).every((t=>rr(e[t])));default:return!1}},ar=Js((e=>rr(e)?js(e):qs("Expected value to be acceptable for sending via postMessage"))),ir=e=>({tag:"defaultedThunk",process:e}),lr=e=>ir(y(e)),cr=e=>({tag:"mergeWithThunk",process:e}),dr=(e,t,o,n)=>({tag:"field",key:e,newKey:t,presence:o,prop:n}),ur=(e,t,o)=>{switch(e.tag){case"field":return t(e.key,e.newKey,e.presence,e.prop);case"custom":return o(e.newKey,e.instantiator)}},mr=e=>{const t=(e=>{const t=[],o=[];return V(e,(e=>{Ws(e,(e=>o.push(e)),(e=>t.push(e)))})),{values:t,errors:o}})(e);return t.errors.length>0?(o=t.errors,x(qs,j)(o)):js(t.values);var o},gr=(e,t,o,n)=>n(fe(e,t).getOrThunk((()=>o(e)))),pr=(e,t,o,n,s)=>{const r=e=>s.extract(t.concat([n]),e),a=e=>e.fold((()=>js(A.none())),(e=>((e,t)=>e.stype===Us.Value?{stype:Us.Value,svalue:t(e.svalue)}:e)(s.extract(t.concat([n]),e),A.some)));switch(e.tag){case"required":return((e,t,o,n)=>fe(t,o).fold((()=>((e,t,o)=>Ks(e,(()=>'Could not find valid *required* value for "'+t+'" in '+Ys(o))))(e,o,t)),n))(t,o,n,r);case"defaultedThunk":return gr(o,n,e.process,r);case"option":return((e,t,o)=>o(fe(e,t)))(o,n,a);case"defaultedOptionThunk":return((e,t,o,n)=>n(fe(e,t)?.map((t=>!0===t?o(e):t))))(o,n,e.process,a);case"mergeWithThunk":return gr(o,n,y({}),(t=>{const n=Le(e.process(o),t);return r(n)}))}},hr=e=>({extract:(t,o)=>e().extract(t,o),toString:()=>e().toString()}),fr=e=>re(me(e,g)),br=e=>{const t=vr(e),o=U(e,((e,t)=>ur(t,(t=>Le(e,{[t]:!0})),y(e))),{});return{extract:(e,n)=>{const s=d(n)?[]:fr(n),r=P(s,(e=>!ve(o,e)));return 0===r.length?t.extract(e,n):((e,t)=>Ks(e,(()=>"There are unsupported fields: ["+t.join(", ")+"] specified")))(e,r)},toString:t.toString}},vr=e=>({extract:(t,o)=>((e,t,o)=>{const n={},s=[];for(const r of o)ur(r,((o,r,a,i)=>{const l=pr(a,e,t,o,i);Xs(l,(e=>{s.push(...e)}),(e=>{n[r]=e}))}),((e,o)=>{n[e]=o(t)}));return s.length>0?qs(s):js(n)})(t,o,e),toString:()=>{const t=L(e,(e=>ur(e,((e,t,o,n)=>e+" -> "+n.toString()),((e,t)=>"state("+e+")"))));return"obj{\n"+t.join("\n")+"}"}}),xr=e=>({extract:(t,o)=>{const n=L(o,((o,n)=>e.extract(t.concat(["["+n+"]"]),o)));return mr(n)},toString:()=>"array("+e.toString()+")"}),yr=(e,t)=>{const o=void 0!==t?t:w;return{extract:(t,n)=>{const s=[];for(const r of e){const e=r.extract(t,n);if(e.stype===Us.Value)return{stype:Us.Value,svalue:o(e.svalue)};s.push(e)}return mr(s)},toString:()=>"oneOf("+L(e,(e=>e.toString())).join(", ")+")"}},wr=(e,t)=>({extract:(o,n)=>{const s=re(n),r=((t,o)=>xr(Js(e)).extract(t,o))(o,s);return((e,t)=>e.stype===Us.Value?t(e.svalue):e)(r,(e=>{const s=L(e,(e=>dr(e,e,{tag:"required",process:{}},t)));return vr(s).extract(o,n)}))},toString:()=>"setOf("+t.toString()+")"}),Sr=x(xr,vr),Cr=(e,t)=>({extract:(o,n)=>fe(n,e).fold((()=>((e,t)=>Ks(e,(()=>'Choice schema did not contain choice key: "'+t+'"')))(o,e)),(e=>((e,t,o,n)=>fe(o,n).fold((()=>((e,t,o)=>Ks(e,(()=>'The chosen schema: "'+o+'" did not exist in branches: '+Ys(t))))(e,o,n)),(o=>o.extract(e.concat(["branch: "+n]),t))))(o,n,t,e))),toString:()=>"chooseOn("+e+"). Possible values: "+re(t)}),kr=e=>Js((t=>e(t).fold(qs,js))),Or=(e,t)=>wr((t=>e(t).fold(Gs,$s)),t),_r=(e,t,o)=>{return n=((e,t,o)=>((e,t)=>e.stype===Us.Error?{stype:Us.Error,serror:t(e.serror)}:e)(t.extract([e],o),(e=>({input:o,errors:e}))))(e,t,o),Ws(n,Ae.error,Ae.value);var n},Tr=e=>e.fold((e=>{throw new Error(Ar(e))}),w),Er=(e,t,o)=>Tr(_r(e,t,o)),Ar=e=>"Errors: \n"+(e=>{const t=e.length>10?e.slice(0,10).concat([{path:[],getErrorInfo:y("... (only showing first ten failures)")}]):e;return L(t,(e=>"Failed path: ("+e.path.join(" > ")+")\n"+e.getErrorInfo()))})(e.errors).join("\n")+"\n\nInput object: "+Ys(e.input),Mr=(e,t)=>Cr(e,le(t,vr)),Dr=(e,t)=>((e,t)=>{const o=st(t);return{extract:(e,t)=>o().extract(e,t),toString:()=>o().toString()}})(0,t),Br=dr,Ir=(e,t)=>({tag:"custom",newKey:e,instantiator:t}),Fr=e=>kr((t=>F(e,t)?Ae.value(t):Ae.error(`Unsupported value: "${t}", choose one of "${e.join(", ")}".`))),Rr=e=>Br(e,e,{tag:"required",process:{}},Zs()),Nr=(e,t)=>Br(e,e,{tag:"required",process:{}},t),zr=e=>Nr(e,tr),Lr=e=>Nr(e,or),Vr=(e,t)=>Br(e,e,{tag:"required",process:{}},Fr(t)),Hr=e=>Nr(e,sr),Pr=(e,t)=>Br(e,e,{tag:"required",process:{}},vr(t)),Ur=(e,t)=>Br(e,e,{tag:"required",process:{}},Sr(t)),Wr=(e,t)=>Br(e,e,{tag:"required",process:{}},xr(t)),$r=e=>Br(e,e,{tag:"option",process:{}},Zs()),Gr=(e,t)=>Br(e,e,{tag:"option",process:{}},t),jr=e=>Gr(e,tr),qr=e=>Gr(e,or),Xr=(e,t)=>Gr(e,Fr(t)),Yr=e=>Gr(e,sr),Kr=(e,t)=>Gr(e,xr(t)),Jr=(e,t)=>Gr(e,vr(t)),Qr=(e,t)=>Br(e,e,lr(t),Zs()),Zr=(e,t,o)=>Br(e,e,lr(t),o),ea=(e,t)=>Zr(e,t,tr),ta=(e,t)=>Zr(e,t,or),oa=(e,t,o)=>Zr(e,t,Fr(o)),na=(e,t)=>Zr(e,t,nr),sa=(e,t)=>Zr(e,t,sr),ra=(e,t,o)=>Zr(e,t,xr(o)),aa=(e,t,o)=>Zr(e,t,vr(o)),ia=(e,t)=>((e,t)=>({[e]:t}))(e,t),la=e=>(e=>{const t={};return V(e,(e=>{t[e.key]=e.value})),t})(e),ca=y,da=ca("touchstart"),ua=ca("touchmove"),ma=ca("touchend"),ga=ca("touchcancel"),pa=ca("mousedown"),ha=ca("mousemove"),fa=ca("mouseout"),ba=ca("mouseup"),va=ca("mouseover"),xa=ca("focusin"),ya=ca("focusout"),wa=ca("keydown"),Sa=ca("keyup"),Ca=ca("input"),ka=ca("change"),Oa=ca("click"),_a=ca("transitioncancel"),Ta=ca("transitionend"),Ea=ca("transitionstart"),Aa=ca("selectstart"),Ma=e=>y("alloy."+e),Da={tap:Ma("tap")},Ba=Ma("focus"),Ia=Ma("blur.post"),Fa=Ma("paste.post"),Ra=Ma("receive"),Na=Ma("execute"),za=Ma("focus.item"),La=Da.tap,Va=Ma("longpress"),Ha=Ma("sandbox.close"),Pa=Ma("typeahead.cancel"),Ua=Ma("system.init"),Wa=Ma("system.touchmove"),$a=Ma("system.touchend"),Ga=Ma("system.scroll"),ja=Ma("system.resize"),qa=Ma("system.attached"),Xa=Ma("system.detached"),Ya=Ma("system.dismissRequested"),Ka=Ma("system.repositionRequested"),Ja=Ma("focusmanager.shifted"),Qa=Ma("slotcontainer.visibility"),Za=Ma("system.external.element.scroll"),ei=Ma("change.tab"),ti=Ma("dismiss.tab"),oi=Ma("highlight"),ni=Ma("dehighlight"),si=e=>(e=>{if(wo(e))return"#shadow-root";{const t=(e=>Zo(e,!1))(e);return(e=>{const t=it("div"),o=ct(e.dom.cloneNode(!0));return Uo(t,o),en(t)})(t)}})(e);var ri;!function(e){e[e.STOP=0]="STOP",e[e.NORMAL=1]="NORMAL",e[e.LOGGING=2]="LOGGING"}(ri||(ri={}));const ai=ye({}),ii=["alloy/data/Fields","alloy/debugging/Debugging"],li=(e,t,o)=>((e,t,o)=>{switch(fe(ai.get(),e).orThunk((()=>{const t=re(ai.get());return se(t,(t=>e.indexOf(t)>-1?A?.some(ai.get()[t]):A.none()))})).getOr(ri.NORMAL)){case ri.NORMAL:return o(ci());case ri.LOGGING:{const n=((e,t)=>{const o=[],n=(new Date).getTime();return{logEventCut:(e,t,n)=>{o.push({outcome:"cut",target:t,purpose:n})},logEventStopped:(e,t,n)=>{o.push({outcome:"stopped",target:t,purpose:n})},logNoParent:(e,t,n)=>{o.push({outcome:"no-parent",target:t,purpose:n})},logEventNoHandlers:(e,t)=>{o.push({outcome:"no-handlers-left",target:t})},logEventResponse:(e,t,n)=>{o.push({outcome:"response",purpose:n,target:t})},write:()=>{const s=(new Date).getTime();F(["mousemove","mouseover","mouseout",Ua()],e)||console.log(e,{event:e,time:s-n,target:t.dom,sequence:L(o,(e=>F(["cut","stopped","response"],e.outcome)?"{"+e.purpose+"} "+e.outcome+" at ("+si(e.target)+")":e.outcome))})}}})(e,t),s=o(n);return n.write(),s}case ri.STOP:return!0}})(e,t,o),ci=y({logEventCut:b,logEventStopped:b,logNoParent:b,logEventNoHandlers:b,logEventResponse:b,write:b}),di=y([Rr("menu"),Rr("selectedMenu")]),ui=y([Rr("item"),Rr("selectedItem")]);y(vr(ui().concat(di())));const mi=y(vr(ui())),gi=Pr("initSize",[Rr("numColumns"),Rr("numRows")]),pi=()=>Pr("markers",[Rr("backgroundMenu")].concat(di()).concat(ui())),hi=e=>Pr("markers",L(e,Rr)),fi=(e,t,o)=>((()=>{const e=new Error;if(void 0!==e.stack){const t=e.stack.split("\n");$(t,(e=>e.indexOf("alloy")>0&&!R(ii,(t=>e.indexOf(t)>-1)))).getOr("unknown")}})(),Br(t,t,o,kr((e=>Ae.value(((...t)=>e.apply(void 0,t))))))),bi=e=>fi(0,e,lr(b)),vi=e=>fi(0,e,lr(A.none)),xi=e=>fi(0,e,{tag:"required",process:{}}),yi=e=>fi(0,e,{tag:"required",process:{}}),wi=(e,t)=>Ir(e,y(t)),Si=e=>Ir(e,w),Ci=y(gi),ki=e=>L(e,(e=>Ze(e,"/*")?e.substring(0,e.length-2):e)),Oi=(e,t)=>{const o=e.toString(),n=o.indexOf(")")+1,s=o.indexOf("("),r=o.substring(s+1,n-1).split(/,\s*/);return e.toFunctionAnnotation=()=>({name:t,parameters:ki(r)}),e},_i=(e,t)=>{let o=null;return{cancel:()=>{null!==o&&(clearTimeout(o),o=null)},schedule:(...n)=>{o=setTimeout((()=>{e.apply(null,n),o=null}),t)}}},Ti=e=>{const t=e.raw;return void 0===t.touches||1!==t.touches.length?A.none():A?.some(t.touches[0])};var Ei;!function(e){e.OnFocusMode="onFocus",e.OnEnterOrSpaceMode="onEnterOrSpace",e.OnApiMode="onApi"}(Ei||(Ei={}));const Ai="placeholder",Mi=xe([{single:["required","valueThunk"]},{multiple:["required","valueThunks"]}]),Di=e=>be(e,"uiType"),Bi=(e,t,o,n)=>((e,t,o,n)=>Di(o)&&o.uiType===Ai?((e,t,o,n)=>e.exists((e=>e!==o.owner))?Mi.single(!0,y(o)):fe(n,o.name).fold((()=>{throw new Error("Unknown placeholder component: "+o.name+"\nKnown: ["+re(n)+"]\nNamespace: "+e.getOr("none")+"\nSpec: "+JSON.stringify(o,null,2))}),(e=>e.replace())))(e,0,o,n):Mi.single(!1,y(o)))(e,0,o,n).fold(((s,r)=>{const a=Di(o)?r(t,o.config,o.validated):r(t),i=fe(a,"components").getOr([]),l=q(i,(o=>Bi(e,t,o,n)));return[{...a,components:l}]}),((e,n)=>{if(Di(o)){const e=n(t,o.config,o.validated);return o.validated.preprocess.getOr(w)(e)}return n(t)})),Ii=Mi.single,Fi=Mi.multiple,Ri=y(Ai),Ni=xe([{required:["data"]},{external:["data"]},{optional:["data"]},{group:["data"]}]),zi=Qr("factory",{sketch:w}),Li=Qr("schema",[]),Vi=Rr("name"),Hi=Br("pname","pname",ir((e=>"<alloy."+Ne(e.name)+">")),Zs()),Pi=Ir("schema",(()=>[$r("preprocess")])),Ui=Qr("defaults",y({})),Wi=Qr("overrides",y({})),$i=vr([zi,Li,Vi,Hi,Ui,Wi]),Gi=vr([zi,Li,Vi,Ui,Wi]),ji=vr([zi,Li,Vi,Hi,Ui,Wi]),qi=vr([zi,Pi,Vi,Rr("unit"),Hi,Ui,Wi]),Xi=e=>e.fold(A.some,A.none,A.some,A.some),Yi=e=>{const t=e=>e.name;return e.fold(t,t,t,t)},Ki=(e,t)=>o=>{const n=Er("Converting part type",t,o);return e(n)},Ji=Ki(Ni.required,$i),Qi=Ki(Ni.external,Gi),Zi=Ki(Ni.optional,ji),el=Ki(Ni.group,qi),tl=y("entirety");var ol=Object.freeze({__proto__:null,required:Ji,external:Qi,optional:Zi,group:el,asNamedPart:Xi,name:Yi,asCommon:e=>e.fold(w,w,w,w),original:tl});const nl=(e,t,o,n)=>Le(t.defaults(e,o,n),o,{uid:e.partUids[t.name]},t.overrides(e,o,n)),sl=(e,t)=>{const o={};return V(t,(t=>{Xi(t).each((t=>{const n=rl(e,t.pname);o[t.name]=o=>{const s=Er("Part: "+t.name+" in "+e,vr(t.schema),o);return{...n,config:o,validated:s}}}))})),o},rl=(e,t)=>({uiType:Ri(),owner:e,name:t}),al=(e,t,o)=>({uiType:Ri(),owner:e,name:t,config:o,validated:{}}),il=e=>q(e,(e=>e.fold(A.none,A.some,A.none,A.none)?.map((e=>Pr(e.name,e.schema.concat([Si(tl())])))).toArray())),ll=e=>L(e,Yi),cl=(e,t,o)=>((e,t,o)=>{const n={},s={};return V(o,(e=>{e.fold((e=>{n[e.pname]=Ii(!0,((t,o,n)=>e.factory.sketch(nl(t,e,o,n))))}),(e=>{const o=t.parts[e.name];s[e.name]=y(e.factory.sketch(nl(t,e,o[tl()]),o))}),(e=>{n[e.pname]=Ii(!1,((t,o,n)=>e.factory.sketch(nl(t,e,o,n))))}),(e=>{n[e.pname]=Fi(!0,((t,o,n)=>{const s=t[e.name];return L(s,(o=>e.factory.sketch(Le(e.defaults(t,o,n),o,e.overrides(t,o)))))}))}))})),{internals:y(n),externals:y(s)}})(0,t,o),dl=(e,t,o)=>((e,t,o,n)=>{const s=le(n,((e,t)=>((e,t)=>{let o=!1;return{name:y(e),required:()=>t.fold(((e,t)=>e),((e,t)=>e)),used:()=>o,replace:()=>{if(o)throw new Error("Trying to use the same placeholder more than once: "+e);return o=!0,t}}})(t,e))),r=((e,t,o,n)=>q(o,(o=>Bi(e,t,o,n))))(e,t,o,s);return ie(s,(o=>{if(!1===o.used()&&o.required())throw new Error("Placeholder: "+o.name()+" was not found in components list\nNamespace: "+e.getOr("none")+"\nComponents: "+JSON.stringify(t.components,null,2))})),r})(A?.some(e),t,t.components,o),ul=(e,t,o)=>{const n=t.partUids[o];return e.getSystem().getByUid(n).toOptional()},ml=(e,t,o)=>ul(e,t,o).getOrDie("Could not find part: "+o),gl=(e,t,o)=>{const n={},s=t.partUids,r=e.getSystem();return V(o,(e=>{n[e]=y(r.getByUid(s[e]))})),n},pl=(e,t)=>{const o=e.getSystem();return le(t.partUids,((e,t)=>y(o.getByUid(e))))},hl=e=>re(e.partUids),fl=(e,t,o)=>{const n={},s=t.partUids,r=e.getSystem();return V(o,(e=>{n[e]=y(r.getByUid(s[e]).getOrDie())})),n},bl=(e,t)=>{const o=ll(t);return la(L(o,(t=>({key:t,value:e+"-"+t}))))},vl=e=>Br("partUids","partUids",cr((t=>bl(t.uid,e))),Zs());var xl=Object.freeze({__proto__:null,generate:sl,generateOne:al,schemas:il,names:ll,substitutes:cl,components:dl,defaultUids:bl,defaultUidsSchema:vl,getAllParts:pl,getAllPartNames:hl,getPart:ul,getPartOrDie:ml,getParts:gl,getPartsOrDie:fl});const yl=["valignCentre","alignLeft","alignRight","alignCentre","top","bottom","left","right","inset"],wl=(e,t,o,n=1)=>{const s=e*n,r=t*n,a=e=>fe(o,e).getOr([]),i=(e,t,o)=>{const n=K(yl,o);return{offset:Dn(e,t),classesOn:q(o,a),classesOff:q(n,a)}};return{southeast:()=>i(-e,t,["top","alignLeft"]),southwest:()=>i(e,t,["top","alignRight"]),south:()=>i(-e/2,t,["top","alignCentre"]),northeast:()=>i(-e,-t,["bottom","alignLeft"]),northwest:()=>i(e,-t,["bottom","alignRight"]),north:()=>i(-e/2,-t,["bottom","alignCentre"]),east:()=>i(e,-t/2,["valignCentre","left"]),west:()=>i(-e,-t/2,["valignCentre","right"]),insetNortheast:()=>i(s,r,["top","alignLeft","inset"]),insetNorthwest:()=>i(-s,r,["top","alignRight","inset"]),insetNorth:()=>i(-s/2,r,["top","alignCentre","inset"]),insetSoutheast:()=>i(s,-r,["bottom","alignLeft","inset"]),insetSouthwest:()=>i(-s,-r,["bottom","alignRight","inset"]),insetSouth:()=>i(-s/2,-r,["bottom","alignCentre","inset"]),insetEast:()=>i(-s,-r/2,["valignCentre","right","inset"]),insetWest:()=>i(s,-r/2,["valignCentre","left","inset"])}},Sl=()=>wl(0,0,{}),Cl=(e,t,o,n,s,r,a,i=!1)=>({x:e,y:t,bubble:o,direction:n,placement:s,restriction:r,label:`${a}-${s}`,alwaysFit:i}),kl=xe([{southeast:[]},{southwest:[]},{northeast:[]},{northwest:[]},{south:[]},{north:[]},{east:[]},{west:[]}]),Ol=kl.southeast,_l=kl.southwest,Tl=kl.northeast,El=kl.northwest,Al=kl.south,Ml=kl.north,Dl=kl.east,Bl=kl.west,Il=(e,t)=>J(["left","right","top","bottom"],(o=>fe(t,o)?.map((t=>((e,t)=>{switch(t){case 1:return e.x;case 0:return e.x+e.width;case 2:return e.y;case 3:return e.y+e.height}})(e,t))))),Fl="layout",Rl=e=>e.x,Nl=(e,t)=>e.x+e.width/2-t.width/2,zl=(e,t)=>e.x+e.width-t.width,Ll=(e,t)=>e.y-t.height,Vl=e=>e.y+e.height,Hl=(e,t)=>e.y+e.height/2-t.height/2,Pl=(e,t,o)=>Cl(Rl(e),Vl(e),o.southeast(),Ol(),"southeast",Il(e,{left:1,top:3}),Fl),Ul=(e,t,o)=>Cl(zl(e,t),Vl(e),o.southwest(),_l(),"southwest",Il(e,{right:0,top:3}),Fl),Wl=(e,t,o)=>Cl(Rl(e),Ll(e,t),o.northeast(),Tl(),"northeast",Il(e,{left:1,bottom:2}),Fl),$l=(e,t,o)=>Cl(zl(e,t),Ll(e,t),o.northwest(),El(),"northwest",Il(e,{right:0,bottom:2}),Fl),Gl=(e,t,o)=>Cl(Nl(e,t),Ll(e,t),o.north(),Ml(),"north",Il(e,{bottom:2}),Fl),jl=(e,t,o)=>Cl(Nl(e,t),Vl(e),o.south(),Al(),"south",Il(e,{top:3}),Fl),ql=(e,t,o)=>Cl((e=>e.x+e.width)(e),Hl(e,t),o.east(),Dl(),"east",Il(e,{left:0}),Fl),Xl=(e,t,o)=>Cl(((e,t)=>e.x-t.width)(e,t),Hl(e,t),o.west(),Bl(),"west",Il(e,{right:1}),Fl),Yl=()=>[Pl,Ul,Wl,$l,jl,Gl,ql,Xl],Kl=()=>[Ul,Pl,$l,Wl,jl,Gl,ql,Xl],Jl=()=>[Wl,$l,Pl,Ul,Gl,jl],Ql=()=>[$l,Wl,Ul,Pl,Gl,jl],Zl=()=>[Pl,Ul,Wl,$l,jl,Gl],ec=()=>[Ul,Pl,$l,Wl,jl,Gl],tc="data-alloy-placement",oc=e=>Xo(e,tc),nc="layout-inset",sc=e=>e.x,rc=(e,t)=>e.x+e.width/2-t.width/2,ac=(e,t)=>e.x+e.width-t.width,ic=e=>e.y,lc=(e,t)=>e.y+e.height-t.height,cc=(e,t)=>e.y+e.height/2-t.height/2,dc=(e,t,o)=>Cl(ac(e,t),lc(e,t),o.insetSouthwest(),El(),"southwest",Il(e,{right:0,bottom:3}),nc),uc=(e,t,o)=>Cl(sc(e),lc(e,t),o.insetSoutheast(),Tl(),"southeast",Il(e,{left:1,bottom:3}),nc),mc=(e,t,o)=>Cl(ac(e,t),ic(e),o.insetNorthwest(),_l(),"northwest",Il(e,{right:0,top:2}),nc),gc=(e,t,o)=>Cl(sc(e),ic(e),o.insetNortheast(),Ol(),"northeast",Il(e,{left:1,top:2}),nc),pc=(e,t,o)=>Cl(rc(e,t),ic(e),o.insetNorth(),Al(),"north",Il(e,{top:2}),nc),hc=(e,t,o)=>Cl(rc(e,t),lc(e,t),o.insetSouth(),Ml(),"south",Il(e,{bottom:3}),nc),fc=(e,t,o)=>Cl(ac(e,t),cc(e,t),o.insetEast(),Bl(),"east",Il(e,{right:0}),nc),bc=(e,t,o)=>Cl(sc(e),cc(e,t),o.insetWest(),Dl(),"west",Il(e,{left:1}),nc),vc=e=>{switch(e){case"north":return pc;case"northeast":return gc;case"northwest":return mc;case"south":return hc;case"southeast":return uc;case"southwest":return dc;case"east":return fc;case"west":return bc}},xc=(e,t,o,n,s)=>oc(n)?.map(vc).getOr(pc)(e,t,o,n,s),yc=e=>{switch(e){case"north":return hc;case"northeast":return uc;case"northwest":return dc;case"south":return pc;case"southeast":return gc;case"southwest":return mc;case"east":return bc;case"west":return fc}},wc=(e,t,o,n,s)=>oc(n)?.map(yc).getOr(pc)(e,t,o,n,s),Sc=(e,t)=>{((e,t)=>{const o=wn.max(e,t,["margin-top","border-top-width","padding-top","padding-bottom","border-bottom-width","margin-bottom"]);dn(e,"max-height",o+"px")})(e,Math.floor(t))},Cc=y(((e,t)=>{Sc(e,t),un(e,{"overflow-x":"hidden","overflow-y":"auto"})})),kc=y(((e,t)=>{Sc(e,t)})),Oc=y(((e,t)=>{((e,t)=>{const o=On.max(e,t,["margin-left","border-left-width","padding-left","padding-right","border-right-width","margin-right"]);dn(e,"max-width",o+"px")})(e,Math.floor(t))}));var _c;!function(e){e.TopToBottom="toptobottom",e.BottomToTop="bottomtotop"}(_c||(_c={}));const Tc="data-alloy-vertical-dir",Ec=e=>gs(e,(e=>no(e)&&qo(e,"data-alloy-vertical-dir")===_c.BottomToTop));var Ac;!function(e){e[e.HighlightMenuAndItem=0]="HighlightMenuAndItem",e[e.HighlightJustMenu=1]="HighlightJustMenu",e[e.HighlightNone=2]="HighlightNone"}(Ac||(Ac={}));const Mc={init:()=>Dc({readState:y("No State required")})},Dc=e=>e,Bc={can:E,abort:T,run:b},Ic=e=>{if(!ve(e,"can")&&!ve(e,"abort")&&!ve(e,"run"))throw new Error("EventHandler defined by: "+JSON.stringify(e,null,2)+" does not have can, abort, or run!");return{...Bc,...e}},Fc=(e,t)=>{Lc(e,e.element,t,{})},Rc=(e,t,o)=>{Lc(e,e.element,t,o)},Nc=e=>{Fc(e,Na())},zc=(e,t,o)=>{Lc(e,t,o,{})},Lc=(e,t,o,n)=>{const s={target:t,...n};e.getSystem().triggerEvent(o,t,s)},Vc=(e,t,o,n)=>{e.getSystem().triggerEvent(o,t,n.event)},Hc=e=>la(e),Pc=(e,t)=>({key:e,value:Ic({abort:t})}),Uc=e=>({key:e,value:Ic({run:(e,t)=>{t.event.prevent()}})}),Wc=(e,t)=>({key:e,value:Ic({run:t})}),$c=(e,t,o)=>({key:e,value:Ic({run:(e,n)=>{t.apply(void 0,[e,n].concat(o))}})}),Gc=e=>t=>({key:e,value:Ic({run:(e,o)=>{Vs(e,o)&&t(e,o)}})}),jc=(e,t,o)=>((e,t)=>Wc(e,((o,n)=>{o.getSystem().getByUid(t).each((t=>{Vc(t,t.element,e,n)}))})))(e,t.partUids[o]),qc=(e,t)=>Wc(e,((e,o)=>{const n=o.event,s=e.getSystem().getByDom(n.target).getOrThunk((()=>bs(n.target,(t=>e.getSystem().getByDom(t).toOptional()),T).getOr(e)));t(e,s,o)})),Xc=e=>Wc(e,((e,t)=>{t.cut()})),Yc=e=>Wc(e,((e,t)=>{t.stop()})),Kc=(e,t)=>Gc(e)(t),Jc=Gc(qa()),Qc=Gc(Xa()),Zc=Gc(Ua()),ed=(e=>t=>Wc(e,t))(Na()),td=e=>({classes:u(e.classes)?[]:e.classes,attributes:u(e.attributes)?{}:e.attributes,styles:u(e.styles)?{}:e.styles}),od=(e,t,o)=>Zc(((n,s)=>{o(n,e,t)})),nd=e=>({key:e,value:void 0}),sd=(e,t,o,n,s,r,a)=>{const i=e=>ve(e,o)?e[o]():A.none(),l=le(s,((e,t)=>((e,t,o)=>((e,t,o)=>{const n=o.toString(),s=n.indexOf(")")+1,r=n.indexOf("("),a=n.substring(r+1,s-1).split(/,\s*/);return e.toFunctionAnnotation=()=>({name:t,parameters:ki(a.slice(0,1).concat(a.slice(3)))}),e})(((n,...s)=>{const r=[n].concat(s);return n.config({name:y(e)}).fold((()=>{throw new Error("We could not find any behaviour configuration for: "+e+". Using API: "+o)}),(e=>{const o=Array.prototype.slice.call(r,1);return t.apply(void 0,[n,e.config,e.state].concat(o))}))}),o,t))(o,e,t))),c={...le(r,((e,t)=>Oi(e,t))),...l,revoke:C(nd,o),config:t=>{const n=Er(o+"-config",e,t);return{key:o,value:{config:n,me:c,configAsRaw:st((()=>Er(o+"-config",e,t))),initialConfig:t,state:a}}},schema:y(t),exhibit:(e,t)=>Ue(i(e),fe(n,"exhibit"),((e,o)=>o(t,e.config,e.state))).getOrThunk((()=>td({}))),name:y(o),handlers:e=>i(e)?.map((e=>fe(n,"events").getOr((()=>({})))(e.config,e.state))).getOr({})};return c},rd=e=>la(e),ad=br([Rr("fields"),Rr("name"),Qr("active",{}),Qr("apis",{}),Qr("state",Mc),Qr("extra",{})]),id=e=>{const t=Er("Creating behaviour: "+e.name,ad,e);return((e,t,o,n,s,r)=>{const a=br(e),i=Jr(t,[(l=e,Gr("config",br(l)))]);var l;return sd(a,i,t,o,n,s,r)})(t.fields,t.name,t.active,t.apis,t.extra,t.state)},ld=br([Rr("branchKey"),Rr("branches"),Rr("name"),Qr("active",{}),Qr("apis",{}),Qr("state",Mc),Qr("extra",{})]),cd=e=>{const t=Er("Creating behaviour: "+e.name,ld,e);return((e,t,o,n,s,r)=>{const a=e,i=Jr(t,[Gr("config",e)]);return sd(a,i,t,o,n,s,r)})(Mr(t.branchKey,t.branches),t.name,t.active,t.apis,t.extra,t.state)},dd=y(void 0),ud=(e,t)=>{const o=((e,t)=>{const o=Hc(t);return id({fields:[Rr("enabled")],name:e,active:{events:y(o)}})})(e,t);return{key:e,value:{config:{},me:o,configAsRaw:y({}),initialConfig:{},state:Mc}}},md=(e,t)=>{t.ignore||(Fo(e.element),t.onFocus(e))};var gd=Object.freeze({__proto__:null,focus:md,blur:(e,t)=>{t.ignore||Ro(e.element)},isFocused:e=>No(e.element)}),pd=Object.freeze({__proto__:null,exhibit:(e,t)=>{const o=t.ignore?{}:{attributes:{tabindex:"-1"}};return td(o)},events:e=>Hc([Wc(Ba(),((t,o)=>{md(t,e),o.stop()}))].concat(e.stopMousedown?[Wc(pa(),((e,t)=>{t.event.prevent()}))]:[]))}),hd=[bi("onFocus"),Qr("stopMousedown",!1),Qr("ignore",!1)];const fd=id({fields:hd,name:"focusing",active:pd,apis:gd}),bd=[8],vd=[9],xd=[13],yd=[27],wd=[32],Sd=[37],Cd=[38],kd=[39],Od=[40],_d=(e,t,o)=>{const n=Y(e.slice(0,t)),s=Y(e.slice(t+1));return $(n.concat(s),o)},Td=(e,t,o)=>{const n=Y(e.slice(0,t));return $(n,o)},Ed=(e,t,o)=>{const n=e.slice(0,t),s=e.slice(t+1);return $(s.concat(n),o)},Ad=(e,t,o)=>{const n=e.slice(t+1);return $(n,o)},Md=e=>t=>{const o=t.raw;return F(e,o.which)},Dd=e=>t=>X(e,(e=>e(t))),Bd=e=>!0===e.raw.shiftKey,Id=e=>!0===e.raw.ctrlKey,Fd=k(Bd),Rd=(e,t)=>({matches:e,classification:t}),Nd=(e,t,o,n)=>{const s=ms(e.element,"."+t.highlightClass);V(s,(o=>{R(n,(e=>yt(e.element,o)))||(ss(o,t.highlightClass),e.getSystem().getByDom(o).each((o=>{t.onDehighlight(e,o),Fc(o,ni())})))}))},zd=(e,t,o,n)=>{Nd(e,t,0,[n]),Ld(e,t,o,n)||(os(n.element,t.highlightClass),t.onHighlight(e,n),Fc(n,oi()))},Ld=(e,t,o,n)=>rs(n.element,t.highlightClass),Vd=(e,t,o)=>Xn(e.element,"."+t.itemClass).bind((t=>e.getSystem().getByDom(t).toOptional())),Hd=(e,t,o)=>{const n=ms(e.element,"."+t.itemClass);return(n.length>0?A?.some(n[n.length-1]):A.none()).bind((t=>e.getSystem().getByDom(t).toOptional()))},Pd=(e,t,o,n)=>{const s=ms(e.element,"."+t.itemClass);return G(s,(e=>rs(e,t.highlightClass))).bind((t=>{const o=Ie(t,n,0,s.length-1);return e.getSystem().getByDom(s[o]).toOptional()}))},Ud=(e,t,o)=>{const n=ms(e.element,"."+t.itemClass);return Pe(L(n,(t=>e.getSystem().getByDom(t).toOptional())))};var Wd=Object.freeze({__proto__:null,dehighlightAll:(e,t,o)=>Nd(e,t,0,[]),dehighlight:(e,t,o,n)=>{Ld(e,t,o,n)&&(ss(n.element,t.highlightClass),t.onDehighlight(e,n),Fc(n,ni()))},highlight:zd,highlightFirst:(e,t,o)=>{Vd(e,t).each((n=>{zd(e,t,o,n)}))},highlightLast:(e,t,o)=>{Hd(e,t).each((n=>{zd(e,t,o,n)}))},highlightAt:(e,t,o,n)=>{((e,t,o,n)=>{const s=ms(e.element,"."+t.itemClass);return A.from(s[n]).fold((()=>Ae.error(new Error("No element found with index "+n))),e.getSystem().getByDom)})(e,t,0,n).fold((e=>{throw e}),(n=>{zd(e,t,o,n)}))},highlightBy:(e,t,o,n)=>{const s=Ud(e,t);$(s,n).each((n=>{zd(e,t,o,n)}))},isHighlighted:Ld,getHighlighted:(e,t,o)=>Xn(e.element,"."+t.highlightClass).bind((t=>e.getSystem().getByDom(t).toOptional())),getFirst:Vd,getLast:Hd,getPrevious:(e,t,o)=>Pd(e,t,0,-1),getNext:(e,t,o)=>Pd(e,t,0,1),getCandidates:Ud}),$d=[Rr("highlightClass"),Rr("itemClass"),bi("onHighlight"),bi("onDehighlight")];const Gd=id({fields:$d,name:"highlighting",apis:Wd}),jd=(e,t,o)=>{t.exists((e=>o.exists((t=>yt(t,e)))))||Rc(e,Ja(),{prevFocus:t,newFocus:o})},qd=()=>{const e=e=>Lo(e.element);return{get:e,set:(t,o)=>{const n=e(t);t.getSystem().triggerFocus(o,t.element);const s=e(t);jd(t,n,s)}}},Xd=()=>{const e=e=>Gd.getHighlighted(e)?.map((e=>e.element));return{get:e,set:(t,o)=>{const n=e(t);t.getSystem().getByDom(o).fold(b,(e=>{Gd.highlight(t,e)}));const s=e(t);jd(t,n,s)}}},Yd=(e,t,o,n,s)=>{const r=(e,t,o,n,s)=>{return(r=o(e,t,n,s),a=t.event,$(r,(e=>e.matches(a)))?.map((e=>e.classification))).bind((o=>o(e,t,n,s)));var r,a},a={schema:()=>e.concat([Qr("focusManager",qd()),Zr("focusInside","onFocus",kr((e=>F(["onFocus","onEnterOrSpace","onApi"],e)?Ae.value(e):Ae.error("Invalid value for focusInside")))),wi("handler",a),wi("state",t),wi("sendFocusIn",s)]),processKey:r,toEvents:(e,t)=>{const a=e.focusInside!==Ei.OnFocusMode?A.none():s(e)?.map((o=>Wc(Ba(),((n,s)=>{o(n,e,t),s.stop()})))),i=[Wc(wa(),((n,a)=>{r(n,a,o,e,t).fold((()=>{((o,n)=>{const r=Md(wd.concat(xd))(n.event);e.focusInside===Ei.OnEnterOrSpaceMode&&r&&Vs(o,n)&&s(e).each((s=>{s(o,e,t),n.stop()}))})(n,a)}),(e=>{a.stop()}))})),Wc(Sa(),((o,s)=>{r(o,s,n,e,t).each((e=>{s.stop()}))}))];return Hc(a.toArray().concat(i))}};return a},Kd=e=>{const t=[$r("onEscape"),$r("onEnter"),Qr("selector",'[data-alloy-tabstop="true"]:not(:disabled)'),Qr("firstTabstop",0),Qr("useTabstopAt",E),$r("visibilitySelector")].concat([e]),o=(e,t)=>{const o=e.visibilitySelector.bind((e=>Yn(t,e))).getOr(t);return Sn(o)>0},n=(e,t)=>t.focusManager.get(e).bind((e=>Yn(e,t.selector))),s=(e,t,n)=>{((e,t)=>{const n=ms(e.element,t.selector),s=P(n,(e=>o(t,e)));return A.from(s[t.firstTabstop])})(e,t).each((o=>{t.focusManager.set(e,o)}))},r=(e,t,s,r)=>{const a=P(ms(e.element,s.selector),(e=>o(s,e)));return n(e,s).bind((t=>G(a,C(yt,t)).bind((t=>((e,t,n,s,r)=>r(t,n,(e=>((e,t)=>o(e,t)&&e.useTabstopAt(t))(s,e))).fold((()=>s.cyclic?A?.some(!0):A.none()),(t=>(s.focusManager.set(e,t),A?.some(!0)))))(e,a,t,s,r)))))},a=(e,t,o)=>{const n=o.cyclic?_d:Td;return r(e,0,o,n)},i=(e,t,o)=>{const n=o.cyclic?Ed:Ad;return r(e,0,o,n)},l=y([Rd(Dd([Bd,Md(vd)]),a),Rd(Md(vd),i),Rd(Dd([Fd,Md(xd)]),((e,t,o)=>o.onEnter.bind((o=>o(e,t)))))]),c=y([Rd(Md(yd),((e,t,o)=>o.onEscape.bind((o=>o(e,t))))),Rd(Md(vd),((e,t,o)=>n(e,o).filter((e=>!o.useTabstopAt(e))).bind((n=>((e=>(e=>go(e))(e).bind(vo).exists((t=>yt(t,e))))(n)?a:i)(e,t,o)))))]);return Yd(t,Mc.init,l,c,(()=>A?.some(s)))};var Jd=Kd(Ir("cyclic",T)),Qd=Kd(Ir("cyclic",E));const Zd=e=>io("input")(e)&&"radio"!==qo(e,"type")||io("textarea")(e),eu=(e,t,o)=>Zd(o)&&Md(wd)(t.event)?A.none():((e,t,o)=>(zc(e,o,Na()),A?.some(!0)))(e,0,o),tu=(e,t)=>A?.some(!0),ou=[Qr("execute",eu),Qr("useSpace",!1),Qr("useEnter",!0),Qr("useControlEnter",!1),Qr("useDown",!1)],nu=(e,t,o)=>o.execute(e,t,e.element);var su=Yd(ou,Mc.init,((e,t,o,n)=>{const s=o.useSpace&&!Zd(e.element)?wd:[],r=o.useEnter?xd:[],a=o.useDown?Od:[],i=s.concat(r).concat(a);return[Rd(Md(i),nu)].concat(o.useControlEnter?[Rd(Dd([Id,Md(xd)]),nu)]:[])}),((e,t,o,n)=>o.useSpace&&!Zd(e.element)?[Rd(Md(wd),tu)]:[]),(()=>A.none()));const ru=()=>{const e=Xe();return Dc({readState:()=>e.get()?.map((e=>({numRows:String(e.numRows),numColumns:String(e.numColumns)}))).getOr({numRows:"?",numColumns:"?"}),setGridSize:(t,o)=>{e.set({numRows:t,numColumns:o})},getNumRows:()=>e.get()?.map((e=>e.numRows)),getNumColumns:()=>e.get()?.map((e=>e.numColumns))})};var au=Object.freeze({__proto__:null,flatgrid:ru,init:e=>e.state(e)});const iu=e=>(t,o,n,s)=>{const r=e(t.element);return uu(r,t,o,n,s)},lu=(e,t)=>{const o=Ln(e,t);return iu(o)},cu=(e,t)=>{const o=Ln(t,e);return iu(o)},du=e=>(t,o,n,s)=>uu(e,t,o,n,s),uu=(e,t,o,n,s)=>n.focusManager.get(t).bind((o=>e(t.element,o,n,s)))?.map((e=>(n.focusManager.set(t,e),!0))),mu=du,gu=du,pu=du,hu=(e,t,o)=>{const n=ms(e,o);return(e=>G(e,(e=>yt(e,t)))?.map((t=>({index:t,candidates:e}))))(P(n,kn))},fu=(e,t)=>G(e,(e=>yt(t,e))),bu=(e,t,o,n)=>n(Math.floor(t/o),t%o).bind((t=>{const n=t.row*o+t.column;return n>=0&&n<e.length?A?.some(e[n]):A.none()})),vu=(e,t,o,n,s)=>bu(e,t,n,((t,r)=>{const a=t===o-1?e.length-t*n:n,i=Ie(r,s,0,a-1);return A?.some({row:t,column:i})})),xu=(e,t,o,n,s)=>bu(e,t,n,((t,r)=>{const a=Ie(t,s,0,o-1),i=a===o-1?e.length-a*n:n,l=Fe(r,0,i-1);return A?.some({row:a,column:l})})),yu=[Rr("selector"),Qr("execute",eu),vi("onEscape"),Qr("captureTab",!1),Ci()],wu=(e,t,o)=>{Xn(e.element,t.selector).each((o=>{t.focusManager.set(e,o)}))},Su=e=>(t,o,n,s)=>hu(t,o,n.selector).bind((t=>e(t.candidates,t.index,s.getNumRows().getOr(n.initSize.numRows),s.getNumColumns().getOr(n.initSize.numColumns)))),Cu=(e,t,o)=>o.captureTab?A?.some(!0):A.none(),ku=Su(((e,t,o,n)=>vu(e,t,o,n,-1))),Ou=Su(((e,t,o,n)=>vu(e,t,o,n,1))),_u=Su(((e,t,o,n)=>xu(e,t,o,n,-1))),Tu=Su(((e,t,o,n)=>xu(e,t,o,n,1))),Eu=y([Rd(Md(Sd),lu(ku,Ou)),Rd(Md(kd),cu(ku,Ou)),Rd(Md(Cd),mu(_u)),Rd(Md(Od),gu(Tu)),Rd(Dd([Bd,Md(vd)]),Cu),Rd(Dd([Fd,Md(vd)]),Cu),Rd(Md(wd.concat(xd)),((e,t,o,n)=>((e,t)=>t.focusManager.get(e).bind((e=>Yn(e,t.selector))))(e,o).bind((n=>o.execute(e,t,n)))))]),Au=y([Rd(Md(yd),((e,t,o)=>o.onEscape(e,t))),Rd(Md(wd),tu)]);var Mu=Yd(yu,ru,Eu,Au,(()=>A?.some(wu)));const Du=(e,t,o,n,s)=>{const r=(e,t,o)=>s(e,t,n,0,o.length-1,o[t],(t=>{return n=o[t],"button"===eo(n)&&"disabled"===qo(n,"disabled")?r(e,t,o):A.from(o[t]);var n}));return hu(e,o,t).bind((e=>{const t=e.index,o=e.candidates;return r(t,t,o)}))},Bu=(e,t,o,n)=>Du(e,t,o,n,((e,t,o,n,s,r,a)=>{const i=Fe(t+o,n,s);return i===e?A.from(r):a(i)})),Iu=(e,t,o,n)=>Du(e,t,o,n,((e,t,o,n,s,r,a)=>{const i=Ie(t,o,n,s);return i===e?A.none():a(i)})),Fu=[Rr("selector"),Qr("getInitial",A.none),Qr("execute",eu),vi("onEscape"),Qr("executeOnMove",!1),Qr("allowVertical",!0),Qr("allowHorizontal",!0),Qr("cycles",!0)],Ru=(e,t,o)=>((e,t)=>t.focusManager.get(e).bind((e=>Yn(e,t.selector))))(e,o).bind((n=>o.execute(e,t,n))),Nu=(e,t,o)=>{t.getInitial(e).orThunk((()=>Xn(e.element,t.selector))).each((o=>{t.focusManager.set(e,o)}))},zu=(e,t,o)=>(o.cycles?Iu:Bu)(e,o.selector,t,-1),Lu=(e,t,o)=>(o.cycles?Iu:Bu)(e,o.selector,t,1),Vu=e=>(t,o,n,s)=>e(t,o,n,s).bind((()=>n.executeOnMove?Ru(t,o,n):A?.some(!0))),Hu=y([Rd(Md(wd),tu),Rd(Md(yd),((e,t,o)=>o.onEscape(e,t)))]);var Pu=Yd(Fu,Mc.init,((e,t,o,n)=>{const s=[...o.allowHorizontal?Sd:[]].concat(o.allowVertical?Cd:[]),r=[...o.allowHorizontal?kd:[]].concat(o.allowVertical?Od:[]);return[Rd(Md(s),Vu(lu(zu,Lu))),Rd(Md(r),Vu(cu(zu,Lu))),Rd(Md(xd),Ru),Rd(Md(wd),Ru)]}),Hu,(()=>A?.some(Nu)));const Uu=(e,t,o)=>A.from(e[t]).bind((e=>A.from(e[o])?.map((e=>({rowIndex:t,columnIndex:o,cell:e}))))),Wu=(e,t,o,n)=>{const s=e[t].length,r=Ie(o,n,0,s-1);return Uu(e,t,r)},$u=(e,t,o,n)=>{const s=Ie(o,n,0,e.length-1),r=e[s].length,a=Fe(t,0,r-1);return Uu(e,s,a)},Gu=(e,t,o,n)=>{const s=e[t].length,r=Fe(o+n,0,s-1);return Uu(e,t,r)},ju=(e,t,o,n)=>{const s=Fe(o+n,0,e.length-1),r=e[s].length,a=Fe(t,0,r-1);return Uu(e,s,a)},qu=[Pr("selectors",[Rr("row"),Rr("cell")]),Qr("cycles",!0),Qr("previousSelector",A.none),Qr("execute",eu)],Xu=(e,t,o)=>{t.previousSelector(e).orThunk((()=>{const o=t.selectors;return Xn(e.element,o.cell)})).each((o=>{t.focusManager.set(e,o)}))},Yu=(e,t)=>(o,n,s)=>{const r=s.cycles?e:t;return Yn(n,s.selectors.row).bind((e=>{const t=ms(e,s.selectors.cell);return fu(t,n).bind((t=>{const n=ms(o,s.selectors.row);return fu(n,e).bind((e=>{const o=((e,t)=>L(e,(e=>ms(e,t.selectors.cell))))(n,s);return r(o,e,t)?.map((e=>e.cell))}))}))}))},Ku=Yu(((e,t,o)=>Wu(e,t,o,-1)),((e,t,o)=>Gu(e,t,o,-1))),Ju=Yu(((e,t,o)=>Wu(e,t,o,1)),((e,t,o)=>Gu(e,t,o,1))),Qu=Yu(((e,t,o)=>$u(e,o,t,-1)),((e,t,o)=>ju(e,o,t,-1))),Zu=Yu(((e,t,o)=>$u(e,o,t,1)),((e,t,o)=>ju(e,o,t,1))),em=y([Rd(Md(Sd),lu(Ku,Ju)),Rd(Md(kd),cu(Ku,Ju)),Rd(Md(Cd),mu(Qu)),Rd(Md(Od),gu(Zu)),Rd(Md(wd.concat(xd)),((e,t,o)=>Lo(e.element).bind((n=>o.execute(e,t,n)))))]),tm=y([Rd(Md(wd),tu)]);var om=Yd(qu,Mc.init,em,tm,(()=>A?.some(Xu)));const nm=[Rr("selector"),Qr("execute",eu),Qr("moveOnTab",!1)],sm=(e,t,o)=>o.focusManager.get(e).bind((n=>o.execute(e,t,n))),rm=(e,t,o)=>{Xn(e.element,t.selector).each((o=>{t.focusManager.set(e,o)}))},am=(e,t,o)=>Iu(e,o.selector,t,-1),im=(e,t,o)=>Iu(e,o.selector,t,1),lm=y([Rd(Md(Cd),pu(am)),Rd(Md(Od),pu(im)),Rd(Dd([Bd,Md(vd)]),((e,t,o,n)=>o.moveOnTab?pu(am)(e,t,o,n):A.none())),Rd(Dd([Fd,Md(vd)]),((e,t,o,n)=>o.moveOnTab?pu(im)(e,t,o,n):A.none())),Rd(Md(xd),sm),Rd(Md(wd),sm)]),cm=y([Rd(Md(wd),tu)]);var dm=Yd(nm,Mc.init,lm,cm,(()=>A?.some(rm)));const um=[vi("onSpace"),vi("onEnter"),vi("onShiftEnter"),vi("onLeft"),vi("onRight"),vi("onTab"),vi("onShiftTab"),vi("onUp"),vi("onDown"),vi("onEscape"),Qr("stopSpaceKeyup",!1),$r("focusIn")];var mm=Yd(um,Mc.init,((e,t,o)=>[Rd(Md(wd),o.onSpace),Rd(Dd([Fd,Md(xd)]),o.onEnter),Rd(Dd([Bd,Md(xd)]),o.onShiftEnter),Rd(Dd([Bd,Md(vd)]),o.onShiftTab),Rd(Dd([Fd,Md(vd)]),o.onTab),Rd(Md(Cd),o.onUp),Rd(Md(Od),o.onDown),Rd(Md(Sd),o.onLeft),Rd(Md(kd),o.onRight),Rd(Md(wd),o.onSpace)]),((e,t,o)=>[...o.stopSpaceKeyup?[Rd(Md(wd),tu)]:[],Rd(Md(yd),o.onEscape)]),(e=>e.focusIn));const gm=Jd.schema(),pm=Qd.schema(),hm=Pu.schema(),fm=Mu.schema(),bm=om.schema(),vm=su.schema(),xm=dm.schema(),ym=mm.schema(),wm=cd({branchKey:"mode",branches:Object.freeze({__proto__:null,acyclic:gm,cyclic:pm,flow:hm,flatgrid:fm,matrix:bm,execution:vm,menu:xm,special:ym}),name:"keying",active:{events:(e,t)=>e.handler.toEvents(e,t)},apis:{focusIn:(e,t,o)=>{t.sendFocusIn(t).fold((()=>{e.getSystem().triggerFocus(e.element,e.element)}),(n=>{n(e,t,o)}))},setGridSize:(e,t,o,n,s)=>{(e=>ve(e,"setGridSize"))(o)?o.setGridSize(n,s):console.error("Layout does not support setGridSize")}},state:au}),Sm=Ne("alloy-premade"),Cm=e=>(Object.defineProperty(e.element.dom,Sm,{value:e.uid,writable:!0}),ia(Sm,e)),km=e=>fe(e,Sm),Om=e=>((e,t)=>{const o=t.toString(),n=o.indexOf(")")+1,s=o.indexOf("("),r=o.substring(s+1,n-1).split(/,\s*/);return e.toFunctionAnnotation=()=>({name:"OVERRIDE",parameters:ki(r.slice(1))}),e})(((t,...o)=>e(t.getApis(),t,...o)),e),_m=e=>e.getSystem().isConnected(),Tm=e=>{Fc(e,Xa());const t=e.components();V(t,Tm)},Em=e=>{const t=e.components();V(t,Em),Fc(e,qa())},Am=(e,t)=>{e.getSystem().addToWorld(t),sn(e.element)&&Em(t)},Mm=e=>{Tm(e),e.getSystem().removeFromWorld(e)},Dm=(e,t)=>{Uo(e.element,t.element)},Bm=(e,t)=>{Im(e,t,Uo)},Im=(e,t,o)=>{e.getSystem().addToWorld(t),o(e.element,t.element),sn(e.element)&&Em(t),e.syncComponents()},Fm=e=>{Tm(e),Qo(e.element),e.getSystem().removeFromWorld(e)},Rm=e=>{const t=go(e.element).bind((t=>e.getSystem().getByDom(t).toOptional()));Fm(e),t.each((e=>{e.syncComponents()}))},Nm=e=>{const t=e.components();V(t,Fm),Jo(e.element),e.syncComponents()},zm=(e,t)=>{Vm(e,t,Uo)},Lm=(e,t)=>{Vm(e,t,Ho)},Vm=(e,t,o)=>{o(e,t.element);const n=fo(t.element);V(n,(e=>{t.getByDom(e).each(Em)}))},Hm=e=>{const t=fo(e.element);V(t,(t=>{e.getByDom(t).each(Tm)})),Qo(e.element)},Pm=(e,t,o)=>{o.fold((()=>Uo(e,t)),(e=>{yt(e,t)||(Vo(e,t),Qo(e))}))},Um=(e,t,o)=>{const n=L(t,o),s=fo(e);return V(s.slice(n.length),Qo),n},Wm=(e,t,o,n)=>{const s=bo(e,t),r=n(o,s),a=((e,t,o)=>bo(e,t)?.map((e=>{if(o.exists((t=>!yt(t,e)))){const t=o?.map(eo).getOr("span"),n=it(t);return Vo(e,n),n}return e})))(e,t,s);return Pm(e,r.element,a),r},$m=(e,t)=>{const o=So(t),n=zo(o).bind((e=>{const o=t=>yt(e,t);return o(t)?A?.some(t):((e,t)=>{const o=e=>{for(let n=0;n<e.childNodes.length;n++){const s=ct(e.childNodes[n]);if(t(s))return A?.some(s);const r=o(e.childNodes[n]);if(r.isSome())return r}return A.none()};return o(e.dom)})(t,o)})),s=e(t);return n.each((e=>{zo(o).filter((t=>yt(t,e))).fold((()=>{Fo(e)}),b)})),s},Gm=(e,t)=>{$m((()=>{((e,t,o)=>{const n=e.components();(e=>{V(e.components(),(e=>Qo(e.element))),Jo(e.element),e.syncComponents()})(e);const s=o(t),r=K(n,s);V(r,(t=>{Tm(t),e.getSystem().removeFromWorld(t)})),V(s,(t=>{_m(t)?Dm(e,t):(e.getSystem().addToWorld(t),Dm(e,t),sn(e.element)&&Em(t))})),e.syncComponents()})(e,t,(()=>L(t,e.getSystem().build)))}),e.element)},jm=(e,t)=>{$m((()=>{((o,n)=>{const s=o.components(),r=q(n,(e=>km(e).toArray()));V(s,(e=>{F(r,e)||Mm(e)}));const a=((e,t,o)=>Um(e,t,((t,n)=>Wm(e,n,t,o))))(e.element,t,e.getSystem().buildOrPatch),i=K(s,a);V(i,(e=>{_m(e)&&Mm(e)})),V(a,(e=>{_m(e)||Am(o,e)})),o.syncComponents()})(e,t)}),e.element)},qm=(e,t,o,n)=>{Mm(t);const s=Wm(e.element,o,n,e.getSystem().buildOrPatch);Am(e,s),e.syncComponents()},Xm=(e,t,o)=>{const n=e.getSystem().build(o);Im(e,n,t)},Ym=(e,t,o,n)=>{Rm(t),Xm(e,((e,t)=>((e,t,o)=>{bo(e,o).fold((()=>{Uo(e,t)}),(e=>{Vo(e,t)}))})(e,t,o)),n)},Km=(e,t)=>e.components(),Jm=(e,t,o,n,s)=>{const r=Km(e);return A.from(r[n])?.map((o=>(s.fold((()=>Rm(o)),(s=>{(t.reuseDom?qm:Ym)(e,o,n,s)})),o)))};var Qm=Object.freeze({__proto__:null,append:(e,t,o,n)=>{Xm(e,Uo,n)},prepend:(e,t,o,n)=>{Xm(e,Po,n)},remove:(e,t,o,n)=>{const s=Km(e),r=$(s,(e=>yt(n.element,e.element)));r.each(Rm)},replaceAt:Jm,replaceBy:(e,t,o,n,s)=>{const r=Km(e);return G(r,n).bind((o=>Jm(e,t,0,o,s)))},set:(e,t,o,n)=>(t.reuseDom?jm:Gm)(e,n),contents:Km});const Zm=id({fields:[na("reuseDom",!0)],name:"replacing",apis:Qm}),eg=Hc([(e=>({key:e,value:Ic({can:(e,t)=>{const o=t.event,n=o.originator,s=o.target;return!((e,t,o)=>yt(t,e.element)&&!yt(t,o))(e,n,s)||(console.warn(Ba()+" did not get interpreted by the desired target. \nOriginator: "+si(n)+"\nTarget: "+si(s)+"\nCheck the "+Ba()+" event handlers"),!1)}})}))(Ba())]);var tg=Object.freeze({__proto__:null,events:eg});const og=y("alloy-id-"),ng=y("data-alloy-id"),sg=og(),rg=ng(),ag=(e,t)=>{Object.defineProperty(e.dom,rg,{value:t,writable:!0})},ig=e=>{const t=no(e)?e.dom[rg]:null;return A.from(t)},lg=e=>Ne(e),cg=w,dg=e=>{const t=t=>`The component must be in a context to execute: ${t}`+(e?"\n"+si(e().element)+" is not in context.":""),o=e=>()=>{throw new Error(t(e))},n=e=>()=>{console.warn(t(e))};return{debugInfo:y("fake"),triggerEvent:n("triggerEvent"),triggerFocus:n("triggerFocus"),triggerEscape:n("triggerEscape"),broadcast:n("broadcast"),broadcastOn:n("broadcastOn"),broadcastEvent:n("broadcastEvent"),build:o("build"),buildOrPatch:o("buildOrPatch"),addToWorld:o("addToWorld"),removeFromWorld:o("removeFromWorld"),addToGui:o("addToGui"),removeFromGui:o("removeFromGui"),getByUid:o("getByUid"),getByDom:o("getByDom"),isConnected:T}},ug=dg(),mg=(e,t)=>{const o={};return ie(e,((e,n)=>{ie(e,((e,s)=>{const r=fe(o,s).getOr([]);o[s]=r.concat([t(n,e)])}))})),o},gg=e=>e.cHandler,pg=(e,t)=>({name:e,handler:t}),hg=(e,t)=>{const o={};return V(e,(e=>{o[e.name()]=e.handlers(t)})),o},fg=(e,t,o)=>{const n=t[o];return n?((e,t,o,n)=>{try{const s=Z(o,((o,s)=>{const r=o[t],a=s[t],i=n.indexOf(r),l=n.indexOf(a);if(-1===i)throw new Error("The ordering for "+e+" does not have an entry for "+r+".\nOrder specified: "+JSON.stringify(n,null,2));if(-1===l)throw new Error("The ordering for "+e+" does not have an entry for "+a+".\nOrder specified: "+JSON.stringify(n,null,2));return i<l?-1:l<i?1:0}));return Ae.value(s)}catch(e){return Ae.error([e])}})("Event: "+o,"name",e,n)?.map((e=>(e=>{const t=(e=>(...t)=>W(e,((e,o)=>e&&(e=>e.can)(o).apply(void 0,t)),!0))(e),o=(e=>(...t)=>W(e,((e,o)=>e||(e=>e.abort)(o).apply(void 0,t)),!1))(e);return{can:t,abort:o,run:(...t)=>{V(e,(e=>{e.run.apply(void 0,t)}))}}})(L(e,(e=>e.handler))))):((e,t)=>Ae.error(["The event ("+e+') has more than one behaviour that listens to it.\nWhen this occurs, you must specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that can trigger it are: '+JSON.stringify(L(t,(e=>e.name)),null,2)]))(o,e)},bg=(e,t)=>((e,t)=>{const o=(e=>{const t=[],o=[];return V(e,(e=>{e.fold((e=>{t.push(e)}),(e=>{o.push(e)}))})),{errors:t,values:o}})(e);return o.errors.length>0?(n=o.errors,Ae.error(j(n))):((e,t)=>0===e.length?Ae.value(t):Ae.value(Le(t,Ve.apply(void 0,e))))(o.values,t);var n})(ge(e,((e,o)=>(1===e.length?Ae.value(e[0].handler):fg(e,t,o))?.map((n=>{const s=(e=>{const t=(e=>p(e)?{can:E,abort:T,run:e}:e)(e);return(e,o,...n)=>{const s=[e,o].concat(n);t.abort.apply(void 0,s)?o.stop():t.can.apply(void 0,s)&&t.run.apply(void 0,s)}})(n),r=e.length>1?P(t[o],(t=>R(e,(e=>e.name===t)))).join(" > "):e[0].name;return ia(o,((e,t)=>({handler:e,purpose:t}))(s,r))})))),{}),vg="alloy.base.behaviour",xg=vr([Br("dom","dom",{tag:"required",process:{}},vr([Rr("tag"),Qr("styles",{}),Qr("classes",[]),Qr("attributes",{}),$r("value"),$r("innerHtml")])),Rr("components"),Rr("uid"),Qr("events",{}),Qr("apis",{}),Br("eventOrder","eventOrder",(Dg={[Na()]:["disabling",vg,"toggling","typeaheadevents"],[Ba()]:[vg,"focusing","keying"],[Ua()]:[vg,"disabling","toggling","representing","tooltipping"],[Ca()]:[vg,"representing","streaming","invalidating"],[Xa()]:[vg,"representing","item-events","toolbar-button-events","tooltipping"],[pa()]:["focusing",vg,"item-type-events"],[da()]:["focusing",vg,"item-type-events"],[va()]:["item-type-events","tooltipping"],[Ra()]:["receiving","reflecting","tooltipping"]},cr(y(Dg))),Zs()),$r("domModification")]),yg=e=>e.events,wg=(e,t)=>{const o=re(e),n=re(t),s=K(n,o),r=(e=>{const o={},n={};return ue(e,((e,o)=>!be(t,o)||e!==t[o]),de(o),de(n)),{t:o,f:n}})(e).t;return{toRemove:s,toSet:r}},Sg=(e,t)=>{const o=t.filter((t=>eo(t)===e.tag&&!(e=>e.innerHtml.isSome()&&e.domChildren.length>0)(e)&&!(e=>be(e.dom,Sm))(t))).bind((t=>((e,t)=>{try{const o=((e,t)=>{const{class:o,style:n,...s}=(e=>W(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}))(t),{toSet:r,toRemove:a}=wg(e.attributes,s),i=fn(t),{toSet:l,toRemove:c}=wg(e.styles,i),d=ls(t),u=K(d,e.classes),m=K(e.classes,d);return V(a,(e=>Ko(t,e))),jo(t,r),as(t,m),is(t,u),V(c,(e=>vn(t,e))),un(t,l),e.innerHtml.fold((()=>{const o=e.domChildren;((e,t)=>{Um(e,t,((t,o)=>{const n=bo(e,o);return Pm(e,t,n),t}))})(t,o)}),(e=>{tn(t,e)})),(()=>{const o=t,n=e.value.getOrUndefined();n!==cs(o)&&ds(o,null!=n?n:"")})(),t})(e,t);return A?.some(o)}catch(e){return A.none()}})(e,t))).getOrThunk((()=>(e=>{const t=it(e.tag);jo(t,e.attributes),as(t,e.classes),un(t,e.styles),e.innerHtml.each((e=>tn(t,e)));const o=e.domChildren;return Wo(t,o),e.value.each((e=>{ds(t,e)})),t})(e)));return ag(o,e.uid),o},Cg=e=>{const t=(e=>{const t=fe(e,"behaviours").getOr({});return q(re(t),(e=>{const o=t[e];return g(o)?[o.me]:[]}))})(e);return((e,t)=>((e,t)=>{const o=L(t,(e=>Jr(e.name(),[Rr("config"),Qr("state",Mc)]))),n=_r("component.behaviours",vr(o),e.behaviours).fold((t=>{throw new Error(Ar(t)+"\nComplete spec:\n"+JSON.stringify(e,null,2))}),w);return{list:t,data:le(n,(e=>{const t=e?.map((e=>({config:e.config,state:e.state.init(e.config)})));return y(t)}))}})(e,t))(e,t)},kg=(e,t)=>{const o=()=>m,n=ye(ug),s=Tr((e=>_r("custom.definition",xg,e))(e)),r=Cg(e),a=(e=>e.list)(r),i=(e=>e.data)(r),l=((e,t,o)=>{const n={...(s=e).dom,uid:s.uid,domChildren:L(s.components,(e=>e.element))};var s;const r=(e=>e.domModification.fold((()=>td({})),td))(e),a={"alloy.base.modification":r},i=t.length>0?((e,t,o,n)=>{const s={...t};V(o,(t=>{s[t.name()]=t.exhibit(e,n)}));const r=mg(s,((e,t)=>({name:e,modification:t}))),a=e=>U(e,((e,t)=>({...t.modification,...e})),{}),i=U(r.classes,((e,t)=>t.modification.concat(e)),[]),l=a(r.attributes),c=a(r.styles);return td({classes:i,attributes:l,styles:c})})(o,a,t,n):r;return l=n,c=i,{...l,attributes:{...l.attributes,...c.attributes},styles:{...l.styles,...c.styles},classes:l.classes.concat(c.classes)};var l,c})(s,a,i),c=Sg(l,t),d=((e,t,o)=>{const n={"alloy.base.behaviour":yg(e)};return((e,t,o,n)=>{const s=((e,t,o)=>{const n={...o,...hg(t,e)};return mg(n,pg)})(e,o,n);return bg(s,t)})(o,e.eventOrder,t,n).getOrDie()})(s,a,i),u=ye(s.components),m={uid:e.uid,getSystem:n.get,config:t=>{const o=i;return(p(o[t.name()])?o[t.name()]:()=>{throw new Error("Could not find "+t.name()+" in "+JSON.stringify(e,null,2))})()},hasConfigured:e=>p(i[e.name()]),spec:e,readState:e=>i[e]()?.map((e=>e.state.readState())).getOr("not enabled"),getApis:()=>s.apis,connect:e=>{n.set(e)},disconnect:()=>{n.set(dg(o))},element:c,syncComponents:()=>{const e=fo(c),t=q(e,(e=>n.get().getByDom(e).fold((()=>[]),Q)));u.set(t)},components:u.get,events:d};return m},Og=e=>{const t=lt(e);return _g({element:t})},_g=e=>{const t=Er("external.component",br([Rr("element"),$r("uid")]),e),o=ye(dg()),n=t.uid.getOrThunk((()=>lg("external")));ag(t.element,n);const s={uid:n,getSystem:o.get,config:A.none,hasConfigured:T,connect:e=>{o.set(e)},disconnect:()=>{o.set(dg((()=>s)))},getApis:()=>({}),element:t.element,spec:e,readState:y("No state"),syncComponents:b,components:y([]),events:{}};return Cm(s)},Tg=lg,Eg=(e,t)=>km(e).getOrThunk((()=>((e,t)=>{const{events:o,...n}=cg(e),s=((e,t)=>{const o=fe(e,"components").getOr([]);return t.fold((()=>L(o,Ag)),(e=>L(o,((t,o)=>Eg(t,bo(e,o))))))})(n,t),r={...n,events:{...tg,...o},components:s};return Ae.value(kg(r,t))})((e=>be(e,"uid"))(e)?e:{uid:Tg(""),...e},t).getOrDie())),Ag=e=>Eg(e,A.none()),Mg=Cm;var Dg,Bg=Object.freeze({__proto__:null,block:(e,t,o,n)=>{Go(e.element,"aria-busy",!0);const s=t.getRoot(e).getOr(e),r=rd([wm.config({mode:"special",onTab:()=>A?.some(!0),onShiftTab:()=>A?.some(!0)}),fd.config({})]),a=n(s,r),i=s.getSystem().build(a);Zm.append(s,Mg(i)),i.hasConfigured(wm)&&t.focus&&wm.focusIn(i),o.isBlocked()||t.onBlock(e),o.blockWith((()=>Zm.remove(s,i)))},unblock:(e,t,o)=>{Ko(e.element,"aria-busy"),o.isBlocked()&&t.onUnblock(e),o.clear()},isBlocked:(e,t,o)=>o.isBlocked()}),Ig=[sa("getRoot",A.none),na("focus",!0),bi("onBlock"),bi("onUnblock")];const Fg=id({fields:Ig,name:"blocking",apis:Bg,state:Object.freeze({__proto__:null,init:()=>{const e=je((e=>e.destroy()));return Dc({readState:e.isSet,blockWith:t=>{e.set({destroy:t})},clear:e.clear,isBlocked:e.isSet})}})});var Rg=Object.freeze({__proto__:null,getCurrent:(e,t,o)=>t.find(e)});const Ng=[Rr("find")],zg=id({fields:Ng,name:"composing",apis:Rg});var Lg=Object.freeze({__proto__:null,getCoupled:(e,t,o,n)=>o.getOrCreate(e,t,n),getExistingCoupled:(e,t,o,n)=>o.getExisting(e,t,n)}),Vg=[Nr("others",Or(Ae.value,Zs()))],Hg=Object.freeze({__proto__:null,init:()=>{const e={},t=(t,o)=>{if(0===re(t.others).length)throw new Error("Cannot find any known coupled components");return fe(e,o)},o=y({});return Dc({readState:o,getExisting:(e,o,n)=>t(o,n).orThunk((()=>(fe(o.others,n).getOrDie("No information found for coupled component: "+n),A.none()))),getOrCreate:(o,n,s)=>t(n,s).getOrThunk((()=>{const t=fe(n.others,s).getOrDie("No information found for coupled component: "+s)(o),r=o.getSystem().build(t);return e[s]=r,r}))})}});const Pg=id({fields:Vg,name:"coupling",apis:Lg,state:Hg}),Ug=["input","button","textarea","select"],Wg=(e,t,o)=>{(t.disabled()?Yg:Kg)(e,t)},$g=(e,t)=>!0===t.useNative&&F(Ug,eo(e.element)),Gg=e=>{Go(e.element,"disabled","disabled")},jg=e=>{Ko(e.element,"disabled")},qg=e=>{Go(e.element,"aria-disabled","true")},Xg=e=>{Go(e.element,"aria-disabled","false")},Yg=(e,t,o)=>{t.disableClass.each((t=>{os(e.element,t)})),($g(e,t)?Gg:qg)(e),t.onDisabled(e)},Kg=(e,t,o)=>{t.disableClass.each((t=>{ss(e.element,t)})),($g(e,t)?jg:Xg)(e),t.onEnabled(e)},Jg=(e,t)=>$g(e,t)?(e=>Yo(e.element,"disabled"))(e):(e=>"true"===qo(e.element,"aria-disabled"))(e);var Qg=Object.freeze({__proto__:null,enable:Kg,disable:Yg,isDisabled:Jg,onLoad:Wg,set:(e,t,o,n)=>{(n?Yg:Kg)(e,t)}}),Zg=Object.freeze({__proto__:null,exhibit:(e,t)=>td({classes:t.disabled()?t.disableClass.toArray():[]}),events:(e,t)=>Hc([Pc(Na(),((t,o)=>Jg(t,e))),od(e,t,Wg)])}),ep=[sa("disabled",T),Qr("useNative",!0),$r("disableClass"),bi("onDisabled"),bi("onEnabled")];const tp=id({fields:ep,name:"disabling",active:Zg,apis:Qg}),op=(e,t,o,n,s)=>{const r=e=>e+"px";return{position:e,left:t?.map(r),top:o?.map(r),right:n?.map(r),bottom:s?.map(r)}},np=(e,t)=>{mn(e,(e=>({...e,position:A?.some(e.position)}))(t))},sp=(e,t)=>{const o=e.element;os(o,t.transitionClass),ss(o,t.fadeOutClass),os(o,t.fadeInClass),t.onShow(e)},rp=(e,t)=>{const o=e.element;os(o,t.transitionClass),ss(o,t.fadeInClass),os(o,t.fadeOutClass),t.onHide(e)},ap=(e,t)=>e.y>=t.y,ip=(e,t)=>e.bottom<=t.bottom,lp=(e,t,o)=>({location:"top",leftX:t,topY:o.bounds.y-e.y}),cp=(e,t,o)=>({location:"bottom",leftX:t,bottomY:e.bottom-o.bounds.bottom}),dp=e=>e.box.x-e.win.x,up=(e,t,o)=>o.getInitialPos()?.map((o=>{const n=((e,t)=>{const o=t.optScrollEnv.fold(y(e.bounds.y),(t=>t.scrollElmTop+(e.bounds.y-t.currentScrollTop)));return Dn(e.bounds.x,o)})(o,t);return{box:Fs(n.left,n.top,Tn(e),Sn(e)),location:o.location}})),mp=(e,t,o,n,s)=>{const r=((e,t)=>{const o=t.optScrollEnv.fold(y(e.y),(t=>e.y+t.currentScrollTop-t.scrollElmTop));return Dn(e.x,o)})(t,o),a=Fs(r.left,r.top,t.width,t.height);n.setInitialPos({style:fn(e),position:gn(e,"position")||"static",bounds:a,location:s.location})},gp=(e,t,o)=>o.getInitialPos().bind((n=>{var s;switch(o.clearInitialPos(),n.position){case"static":return A?.some({morph:"static"});case"absolute":const o=Hs(e).getOr(rn()),r=Rs(o),a=null!==(s=o.dom.scrollTop)&&void 0!==s?s:0;return A?.some({morph:"absolute",positionCss:op("absolute",fe(n.style,"left")?.map((e=>t.x-r.x)),fe(n.style,"top")?.map((e=>t.y-r.y+a)),fe(n.style,"right")?.map((e=>r.right-t.right)),fe(n.style,"bottom")?.map((e=>r.bottom-t.bottom)))});default:return A.none()}})),pp=e=>{switch(e.location){case"top":return A?.some({morph:"fixed",positionCss:op("fixed",A?.some(e.leftX),A?.some(e.topY),A.none(),A.none())});case"bottom":return A?.some({morph:"fixed",positionCss:op("fixed",A?.some(e.leftX),A.none(),A.none(),A?.some(e.bottomY))});default:return A.none()}},hp=(e,t,o)=>{const n=e.element;return He(hn(n,"position"),"fixed")?((e,t,o)=>((e,t,o)=>up(e,t,o).filter((({box:e})=>((e,t,o)=>X(e,(e=>{switch(e){case"bottom":return ip(t,o.bounds);case"top":return ap(t,o.bounds)}})))(o.getModes(),e,t))).bind((({box:t})=>gp(e,t,o))))(e,t,o).orThunk((()=>t.optScrollEnv.bind((n=>up(e,t,o))).bind((({box:e,location:o})=>{const n=Ls(),s=dp({win:n,box:e}),r="top"===o?lp(n,s,t):cp(n,s,t);return pp(r)})))))(n,t,o):((e,t,o)=>{const n=Rs(e),s=Ls(),r=((e,t,o)=>{const n=t.win,s=t.box,r=dp(t);return se(e,(e=>{switch(e){case"bottom":return ip(s,o.bounds)?A.none():A?.some(cp(n,r,o));case"top":return ap(s,o.bounds)?A.none():A?.some(lp(n,r,o));default:return A.none()}})).getOr({location:"no-dock"})})(o.getModes(),{win:s,box:n},t);return"top"===r.location||"bottom"===r.location?(mp(e,n,t,o,r),pp(r)):A.none()})(n,t,o)},fp=(e,t,o)=>{o.setDocked(!1),V(["left","right","top","bottom","position"],(t=>vn(e.element,t))),t.onUndocked(e)},bp=(e,t,o,n)=>{const s="fixed"===n.position;o.setDocked(s),np(e.element,n),(s?t.onDocked:t.onUndocked)(e)},vp=(e,t,o,n,s=!1)=>{t.contextual.each((t=>{t.lazyContext(e).each((r=>{const a=((e,t)=>e.y<t.bottom&&e.bottom>t.y)(r,n.bounds);a!==o.isVisible()&&(o.setVisible(a),s&&!a?(as(e.element,[t.fadeOutClass]),t.onHide(e)):(a?sp:rp)(e,t))}))}))},xp=(e,t,o,n,s)=>{vp(e,t,o,n,!0),bp(e,t,o,s.positionCss)},yp=(e,t,o)=>{e.getSystem().isConnected()&&((e,t,o)=>{const n=t.lazyViewport(e);vp(e,t,o,n),hp(e,n,o).each((s=>{((e,t,o,n,s)=>{switch(s.morph){case"static":return fp(e,t,o);case"absolute":return bp(e,t,o,s.positionCss);case"fixed":xp(e,t,o,n,s)}})(e,t,o,n,s)}))})(e,t,o)},wp=(e,t,o)=>{o.isDocked()&&((e,t,o)=>{const n=e.element;o.setDocked(!1);const s=t.lazyViewport(e);((e,t,o)=>{const n=e.element;return up(n,t,o).bind((({box:e})=>gp(n,e,o)))})(e,s,o).each((n=>{switch(n.morph){case"static":fp(e,t,o);break;case"absolute":bp(e,t,o,n.positionCss)}})),o.setVisible(!0),t.contextual.each((t=>{is(n,[t.fadeInClass,t.fadeOutClass,t.transitionClass]),t.onShow(e)})),yp(e,t,o)})(e,t,o)},Sp=e=>(t,o,n)=>{const s=o.lazyViewport(t);((e,t,o,n)=>{const s=Rs(e),r=Ls(),a=n(r,dp({win:r,box:s}),t);return"bottom"===a.location||"top"===a.location?(((e,t,o,n,s)=>{n.getInitialPos().fold((()=>mp(e,t,o,n,s)),(()=>b))})(e,s,t,o,a),pp(a)):A.none()})(t.element,s,n,e).each((e=>{xp(t,o,n,s,e)}))},Cp=Sp(lp),kp=Sp(cp);var Op=Object.freeze({__proto__:null,refresh:yp,reset:wp,isDocked:(e,t,o)=>o.isDocked(),getModes:(e,t,o)=>o.getModes(),setModes:(e,t,o,n)=>o.setModes(n),forceDockToTop:Cp,forceDockToBottom:kp}),_p=Object.freeze({__proto__:null,events:(e,t)=>Hc([Kc(Ta(),((o,n)=>{e.contextual.each((e=>{rs(o.element,e.transitionClass)&&(is(o.element,[e.transitionClass,e.fadeInClass]),(t.isVisible()?e.onShown:e.onHidden)(o)),n.stop()}))})),Wc(Ga(),((o,n)=>{yp(o,e,t)})),Wc(Za(),((o,n)=>{yp(o,e,t)})),Wc(ja(),((o,n)=>{wp(o,e,t)}))])}),Tp=[Jr("contextual",[Lr("fadeInClass"),Lr("fadeOutClass"),Lr("transitionClass"),Hr("lazyContext"),bi("onShow"),bi("onShown"),bi("onHide"),bi("onHidden")]),sa("lazyViewport",(()=>({bounds:Ls(),optScrollEnv:A.none()}))),ra("modes",["top","bottom"],or),bi("onDocked"),bi("onUndocked")];const Ep=id({fields:Tp,name:"docking",active:_p,apis:Op,state:Object.freeze({__proto__:null,init:e=>{const t=ye(!1),o=ye(!0),n=Xe(),s=ye(e.modes);return Dc({isDocked:t.get,setDocked:t.set,getInitialPos:n.get,setInitialPos:n.set,clearInitialPos:n.clear,isVisible:o.get,setVisible:o.set,getModes:s.get,setModes:s.set,readState:()=>`docked:  ${t.get()}, visible: ${o.get()}, modes: ${s.get().join(",")}`})}})}),Ap=xe([{offset:["x","y"]},{absolute:["x","y"]},{fixed:["x","y"]}]),Mp=e=>t=>t.translate(-e.left,-e.top),Dp=e=>t=>t.translate(e.left,e.top),Bp=e=>(t,o)=>W(e,((e,t)=>t(e)),Dn(t,o)),Ip=(e,t,o)=>e.fold(Bp([Dp(o),Mp(t)]),Bp([Mp(t)]),Bp([])),Fp=(e,t,o)=>e.fold(Bp([Dp(o)]),Bp([]),Bp([Dp(t)])),Rp=(e,t,o)=>e.fold(Bp([]),Bp([Mp(o)]),Bp([Dp(t),Mp(o)])),Np=(e,t,o)=>{const n=e.fold(((e,t)=>({position:A?.some("absolute"),left:A?.some(e+"px"),top:A?.some(t+"px")})),((e,t)=>({position:A?.some("absolute"),left:A?.some(e-o.left+"px"),top:A?.some(t-o.top+"px")})),((e,t)=>({position:A?.some("fixed"),left:A?.some(e+"px"),top:A?.some(t+"px")})));return{right:A.none(),bottom:A.none(),...n}},zp=(e,t,o,n)=>{const s=(e,s)=>(r,a)=>{const i=e(t,o,n);return s(r.getOr(i.left),a.getOr(i.top))};return e.fold(s(Rp,Lp),s(Fp,Vp),s(Ip,Hp))},Lp=Ap.offset,Vp=Ap.absolute,Hp=Ap.fixed,Pp=(e,t)=>{const o=qo(e,t);return u(o)?NaN:parseInt(o,10)},Up=(e,t,o,n,s,r)=>{const a=((e,t,o,n)=>((e,t)=>{const o=e.element,n=Pp(o,t.leftAttr),s=Pp(o,t.topAttr);return isNaN(n)||isNaN(s)?A.none():A?.some(Dn(n,s))})(e,t).fold((()=>o),(e=>Hp(e.left+n.left,e.top+n.top))))(e,t,o,n),i=t.mustSnap?$p(e,t,a,s,r):Gp(e,t,a,s,r),l=Ip(a,s,r);return((e,t,o)=>{const n=e.element;Go(n,t.leftAttr,o.left+"px"),Go(n,t.topAttr,o.top+"px")})(e,t,l),i.fold((()=>({coord:Hp(l.left,l.top),extra:A.none()})),(e=>({coord:e.output,extra:e.extra})))},Wp=(e,t,o,n)=>se(e,(e=>{const s=e.sensor,r=((e,t,o,n,s,r)=>{const a=Fp(e,s,r),i=Fp(t,s,r);return Math.abs(a.left-i.left)<=o&&Math.abs(a.top-i.top)<=n})(t,s,e.range.left,e.range.top,o,n);return r?A?.some({output:zp(e.output,t,o,n),extra:e.extra}):A.none()})),$p=(e,t,o,n,s)=>{const r=t.getSnapPoints(e);return Wp(r,o,n,s).orThunk((()=>{const e=W(r,((e,t)=>{const r=t.sensor,a=((e,t,o,n,s,r)=>{const a=Fp(e,s,r),i=Fp(t,s,r),l=Math.abs(a.left-i.left),c=Math.abs(a.top-i.top);return Dn(l,c)})(o,r,t.range.left,t.range.top,n,s);return e.deltas.fold((()=>({deltas:A?.some(a),snap:A?.some(t)})),(o=>(a.left+a.top)/2<=(o.left+o.top)/2?{deltas:A?.some(a),snap:A?.some(t)}:e))}),{deltas:A.none(),snap:A.none()});return e.snap?.map((e=>({output:zp(e.output,o,n,s),extra:e.extra})))}))},Gp=(e,t,o,n,s)=>{const r=t.getSnapPoints(e);return Wp(r,o,n,s)};var jp=Object.freeze({__proto__:null,snapTo:(e,t,o,n)=>{const s=t.getTarget(e.element);if(t.repositionTarget){const t=lo(e.element),o=Rn(t),r=Ps(s),a=((e,t,o)=>({coord:zp(e.output,e.output,t,o),extra:e.extra}))(n,o,r),i=Np(a.coord,0,r);mn(s,i)}}});const qp=(e,t)=>aa(e,{},L(t,(t=>{return o=t.name(),n="Cannot configure "+t.name()+" for "+e,Br(o,o,{tag:"option",process:{}},Js((e=>qs("The field: "+o+" is forbidden. "+n))));var o,n})).concat([Ir("dump",w)])),Xp=e=>e.dump,Yp=(e,t)=>({...rd(t),...e.dump}),Kp=qp,Jp=Yp,Qp=(e,t,o,n,s)=>{const r=((e,t)=>(e.length>0?[Pr("parts",e)]:[]).concat([Rr("uid"),Qr("dom",{}),Qr("components",[]),Si("originalSpec"),Qr("debug.sketcher",{})]).concat(t))(n,s);return Er(e+" [SpecSchema]",br(r.concat(t)),o)},Zp=(e,t,o,n,s)=>{const r=eh(s),a=il(o),i=vl(o),l=Qp(e,t,r,a,[i]),c=cl(0,l,o);return n(l,dl(e,l,c.internals()),r,c.externals())},eh=e=>(e=>be(e,"uid"))(e)?e:{...e,uid:lg("uid")},th=br([Rr("name"),Rr("factory"),Rr("configFields"),Qr("apis",{}),Qr("extraApis",{})]),oh=br([Rr("name"),Rr("factory"),Rr("configFields"),Rr("partFields"),Qr("apis",{}),Qr("extraApis",{})]),nh=e=>{const t=Er("Sketcher for "+e.name,th,e),o=le(t.apis,Om),n=le(t.extraApis,((e,t)=>Oi(e,t)));return{name:t.name,configFields:t.configFields,sketch:e=>((e,t,o,n)=>{const s=eh(n);return o(Qp(e,t,s,[],[]),s)})(t.name,t.configFields,t.factory,e),...o,...n}},sh=e=>{const t=Er("Sketcher for "+e.name,oh,e),o=sl(t.name,t.partFields),n=le(t.apis,Om),s=le(t.extraApis,((e,t)=>Oi(e,t)));return{name:t.name,partFields:t.partFields,configFields:t.configFields,sketch:e=>Zp(t.name,t.configFields,t.partFields,t.factory,e),parts:o,...n,...s}},rh=nh({name:"Container",factory:e=>{const{attributes:t,...o}=e.dom;return{uid:e.uid,dom:{tag:"div",attributes:{role:"presentation",...t},...o},components:e.components,behaviours:Xp(e.containerBehaviours),events:e.events,domModification:e.domModification,eventOrder:e.eventOrder}},configFields:[Qr("components",[]),qp("containerBehaviours",[]),Qr("events",{}),Qr("domModification",{}),Qr("eventOrder",{})]}),ah="data-initial-z-index",ih=(e,t)=>{e.getSystem().addToGui(t),(e=>{go(e.element).filter(no).each((t=>{hn(t,"z-index").each((e=>{Go(t,ah,e)})),dn(t,"z-index",gn(e.element,"z-index"))}))})(t)},lh=e=>{(e=>{go(e.element).filter(no).each((e=>{Xo(e,ah).fold((()=>vn(e,"z-index")),(t=>dn(e,"z-index",t))),Ko(e,ah)}))})(e),e.getSystem().removeFromGui(e)},ch=(e,t,o)=>e.getSystem().build(rh.sketch({dom:{styles:{left:"0px",top:"0px",width:"100%",height:"100%",position:"fixed","z-index":"1000000000000000"},classes:[t]},events:o}));var dh=Jr("snaps",[Rr("getSnapPoints"),bi("onSensor"),Rr("leftAttr"),Rr("topAttr"),Qr("lazyViewport",Ls),Qr("mustSnap",!1)]);const uh=[Qr("useFixed",T),Rr("blockerClass"),Qr("getTarget",w),Qr("onDrag",b),Qr("repositionTarget",!0),Qr("onDrop",b),sa("getBounds",Ls),dh],mh=e=>{return(t=hn(e,"left"),o=hn(e,"top"),n=hn(e,"position"),t.isSome()&&o.isSome()&&n.isSome()?A?.some(((e,t,o)=>("fixed"===o?Hp:Lp)(parseInt(e,10),parseInt(t,10)))(t.getOrDie(),o.getOrDie(),n.getOrDie())):A.none()).getOrThunk((()=>{const t=In(e);return Vp(t.left,t.top)}));var t,o,n},gh=(e,t)=>({bounds:e.getBounds(),height:Cn(t.element),width:En(t.element)}),ph=(e,t,o,n,s)=>{const r=o.update(n,s),a=o.getStartData().getOrThunk((()=>gh(t,e)));r.each((o=>{((e,t,o,n)=>{const s=t.getTarget(e.element);if(t.repositionTarget){const r=lo(e.element),a=Rn(r),i=Ps(s),l=mh(s),c=((e,t,o,n,s,r,a)=>((e,t,o,n,s)=>{const r=s.bounds,a=Fp(t,o,n),i=Fe(a.left,r.x,r.x+r.width-s.width),l=Fe(a.top,r.y,r.y+r.height-s.height),c=Vp(i,l);return t.fold((()=>{const e=Rp(c,o,n);return Lp(e.left,e.top)}),y(c),(()=>{const e=Ip(c,o,n);return Hp(e.left,e.top)}))})(0,t.fold((()=>{const e=(t=o,a=r.left,i=r.top,t.fold(((e,t)=>Lp(e+a,t+i)),((e,t)=>Vp(e+a,t+i)),((e,t)=>Hp(e+a,t+i))));var t,a,i;const l=Ip(e,n,s);return Hp(l.left,l.top)}),(t=>{const a=Up(e,t,o,r,n,s);return a.extra.each((o=>{t.onSensor(e,o)})),a.coord})),n,s,a))(e,t.snaps,l,a,i,n,o),d=Np(c,0,i);mn(s,d)}t.onDrag(e,s,n)})(e,t,a,o)}))},hh=(e,t,o,n)=>{t.each(lh),o.snaps.each((t=>{((e,t)=>{((e,t)=>{const o=e.element;Ko(o,t.leftAttr),Ko(o,t.topAttr)})(e,t)})(e,t)}));const s=o.getTarget(e.element);n.reset(),o.onDrop(e,s)},fh=e=>(t,o)=>{const n=e=>{o.setStartData(gh(t,e))};return Hc([Wc(Ga(),(e=>{o.getStartData().each((()=>n(e)))})),...e(t,o,n)])};var bh=Object.freeze({__proto__:null,getData:e=>A.from(Dn(e.x,e.y)),getDelta:(e,t)=>Dn(t.left-e.left,t.top-e.top)});const vh=(e,t,o)=>[Wc(pa(),((n,s)=>{if(0!==s.event.raw.button)return;s.stop();const r=()=>hh(n,A?.some(l),e,t),a=_i(r,200),i={drop:r,delayDrop:a.schedule,forceDrop:r,move:o=>{a.cancel(),ph(n,e,t,bh,o)}},l=ch(n,e.blockerClass,(e=>Hc([Wc(pa(),e.forceDrop),Wc(ba(),e.drop),Wc(ha(),((t,o)=>{e.move(o.event)})),Wc(fa(),e.delayDrop)]))(i));o(n),ih(n,l)}))],xh=[...uh,wi("dragger",{handlers:fh(vh)})];var yh=Object.freeze({__proto__:null,getData:e=>{const t=e.raw.touches;return 1===t.length?(e=>{const t=e[0];return A?.some(Dn(t.clientX,t.clientY))})(t):A.none()},getDelta:(e,t)=>Dn(t.left-e.left,t.top-e.top)});const wh=(e,t,o)=>{const n=Xe(),s=o=>{hh(o,n.get(),e,t),n.clear()};return[Wc(da(),((r,a)=>{a.stop();const i=()=>s(r),l={drop:i,delayDrop:b,forceDrop:i,move:o=>{ph(r,e,t,yh,o)}},c=ch(r,e.blockerClass,(e=>Hc([Wc(da(),e.forceDrop),Wc(ma(),e.drop),Wc(ga(),e.drop),Wc(ua(),((t,o)=>{e.move(o.event)}))]))(l));n.set(c),o(r),ih(r,c)})),Wc(ua(),((o,n)=>{n.stop(),ph(o,e,t,yh,n.event)})),Wc(ma(),((e,t)=>{t.stop(),s(e)})),Wc(ga(),s)]},Sh=xh,Ch=[...uh,wi("dragger",{handlers:fh(wh)})],kh=[...uh,wi("dragger",{handlers:fh(((e,t,o)=>[...vh(e,t,o),...wh(e,t,o)]))})];var Oh=Object.freeze({__proto__:null,mouse:Sh,touch:Ch,mouseOrTouch:kh}),_h=Object.freeze({__proto__:null,init:()=>{let e=A.none(),t=A.none();const o=y({});return Dc({readState:o,reset:()=>{e=A.none(),t=A.none()},update:(t,o)=>t.getData(o).bind((o=>((t,o)=>{const n=e?.map((e=>t.getDelta(e,o)));return e=A?.some(o),n})(t,o))),getStartData:()=>t,setStartData:e=>{t=A?.some(e)}})}});const Th=cd({branchKey:"mode",branches:Oh,name:"dragging",active:{events:(e,t)=>e.dragger.handlers(e,t)},extra:{snap:e=>({sensor:e.sensor,range:e.range,output:e.output,extra:A.from(e.extra)})},state:_h,apis:jp}),Eh=["input","textarea"],Ah=e=>{const t=eo(e);return F(Eh,t)},Mh=(e,t)=>{const o=t.getRoot(e).getOr(e.element);ss(o,t.invalidClass),t.notify.each((t=>{Ah(e.element)&&Go(e.element,"aria-invalid",!1),t.getContainer(e).each((e=>{tn(e,t.validHtml)})),t.onValid(e)}))},Dh=(e,t,o,n)=>{const s=t.getRoot(e).getOr(e.element);os(s,t.invalidClass),t.notify.each((t=>{Ah(e.element)&&Go(e.element,"aria-invalid",!0),t.getContainer(e).each((e=>{tn(e,n)})),t.onInvalid(e,n)}))},Bh=(e,t,o)=>t.validator.fold((()=>_e(Ae.value(!0))),(t=>t.validate(e))),Ih=(e,t,o)=>(t.notify.each((t=>{t.onValidate(e)})),Bh(e,t)?.map((o=>e.getSystem().isConnected()?o.fold((o=>(Dh(e,t,0,o),Ae.error(o))),(o=>(Mh(e,t),Ae.value(o)))):Ae.error("No longer in system"))));var Fh=Object.freeze({__proto__:null,markValid:Mh,markInvalid:Dh,query:Bh,run:Ih,isInvalid:(e,t)=>{const o=t.getRoot(e).getOr(e.element);return rs(o,t.invalidClass)}}),Rh=Object.freeze({__proto__:null,events:(e,t)=>e.validator?.map((t=>Hc([Wc(t.onEvent,(t=>{Ih(t,e).get(w)}))].concat(t.validateOnLoad?[Jc((t=>{Ih(t,e).get(b)}))]:[])))).getOr({})}),Nh=[Rr("invalidClass"),Qr("getRoot",A.none),Jr("notify",[Qr("aria","alert"),Qr("getContainer",A.none),Qr("validHtml",""),bi("onValid"),bi("onInvalid"),bi("onValidate")]),Jr("validator",[Rr("validate"),Qr("onEvent","input"),Qr("validateOnLoad",!0)])];const zh=(e,t,o)=>{t.store.manager.onLoad(e,t,o)},Lh=(e,t,o)=>{t.store.manager.onUnload(e,t,o)};var Vh=Object.freeze({__proto__:null,onLoad:zh,onUnload:Lh,setValue:(e,t,o,n)=>{t.store.manager.setValue(e,t,o,n)},getValue:(e,t,o)=>t.store.manager.getValue(e,t,o),getState:(e,t,o)=>o}),Hh=Object.freeze({__proto__:null,events:(e,t)=>{const o=e.resetOnDom?[Jc(((o,n)=>{zh(o,e,t)})),Qc(((o,n)=>{Lh(o,e,t)}))]:[od(e,t,zh)];return Hc(o)}});const Ph=()=>{const e=ye(null);return Dc({set:e.set,get:e.get,isNotSet:()=>null===e.get(),clear:()=>{e.set(null)},readState:()=>({mode:"memory",value:e.get()})})},Uh=()=>{const e=ye({}),t=ye({});return Dc({readState:()=>({mode:"dataset",dataByValue:e.get(),dataByText:t.get()}),lookup:o=>fe(e.get(),o).orThunk((()=>fe(t.get(),o))),update:o=>{const n=e.get(),s=t.get(),r={},a={};V(o,(e=>{r[e.value]=e,fe(e,"meta").each((t=>{fe(t,"text").each((t=>{a[t]=e}))}))})),e.set({...n,...r}),t.set({...s,...a})},clear:()=>{e.set({}),t.set({})}})};var Wh=Object.freeze({__proto__:null,memory:Ph,dataset:Uh,manual:()=>Dc({readState:b}),init:e=>e.store.manager.state(e)});const $h=(e,t,o,n)=>{const s=t.store;o.update([n]),s.setValue(e,n),t.onSetValue(e,n)};var Gh=[$r("initialValue"),Rr("getFallbackEntry"),Rr("getDataKey"),Rr("setValue"),wi("manager",{setValue:$h,getValue:(e,t,o)=>{const n=t.store,s=n.getDataKey(e);return o.lookup(s).getOrThunk((()=>n.getFallbackEntry(s)))},onLoad:(e,t,o)=>{t.store.initialValue.each((n=>{$h(e,t,o,n)}))},onUnload:(e,t,o)=>{o.clear()},state:Uh})],jh=[Rr("getValue"),Qr("setValue",b),$r("initialValue"),wi("manager",{setValue:(e,t,o,n)=>{t.store.setValue(e,n),t.onSetValue(e,n)},getValue:(e,t,o)=>t.store.getValue(e),onLoad:(e,t,o)=>{t.store.initialValue.each((o=>{t.store.setValue(e,o)}))},onUnload:b,state:Mc.init})],qh=[$r("initialValue"),wi("manager",{setValue:(e,t,o,n)=>{o.set(n),t.onSetValue(e,n)},getValue:(e,t,o)=>o.get(),onLoad:(e,t,o)=>{t.store.initialValue.each((e=>{o.isNotSet()&&o.set(e)}))},onUnload:(e,t,o)=>{o.clear()},state:Ph})],Xh=[Zr("store",{mode:"memory"},Mr("mode",{memory:qh,manual:jh,dataset:Gh})),bi("onSetValue"),Qr("resetOnDom",!1)];const Yh=id({fields:Xh,name:"representing",active:Hh,apis:Vh,extra:{setValueFrom:(e,t)=>{const o=Yh.getValue(t);Yh.setValue(e,o)}},state:Wh}),Kh=id({fields:Nh,name:"invalidating",active:Rh,apis:Fh,extra:{validation:e=>t=>{const o=Yh.getValue(t);return _e(e(o))}}});var Jh=Object.freeze({__proto__:null,exhibit:(e,t)=>td({classes:[],styles:t.useFixed()?{}:{position:"relative"}})});const Qh=xe([{none:[]},{relative:["x","y","width","height"]},{fixed:["x","y","width","height"]}]),Zh=(e,t,o,n,s,r)=>{const a=t.rect,i=a.x-o,l=a.y-n,c=s-(i+a.width),d=r-(l+a.height),u=A?.some(i),m=A?.some(l),g=A?.some(c),p=A?.some(d),h=A.none();return t.direction.fold((()=>op(e,u,m,h,h)),(()=>op(e,h,m,g,h)),(()=>op(e,u,h,h,p)),(()=>op(e,h,h,g,p)),(()=>op(e,u,m,h,h)),(()=>op(e,u,h,h,p)),(()=>op(e,u,m,h,h)),(()=>op(e,h,m,g,h)))},ef=(e,t)=>e.fold((()=>{const e=t.rect;return op("absolute",A?.some(e.x),A?.some(e.y),A.none(),A.none())}),((e,o,n,s)=>Zh("absolute",t,e,o,n,s)),((e,o,n,s)=>Zh("fixed",t,e,o,n,s))),tf=(e,t)=>{const o=C(Is,t),n=e.fold(o,o,(()=>{const e=Rn();return Is(t).translate(-e.left,-e.top)})),s=En(t),r=Cn(t);return Fs(n.left,n.top,s,r)},of=(e,t)=>t.fold((()=>e.fold(Ls,Ls,Fs)),(t=>e.fold(y(t),y(t),(()=>{const o=nf(e,t.x,t.y);return Fs(o.left,o.top,t.width,t.height)})))),nf=(e,t,o)=>{const n=Dn(t,o);return e.fold(y(n),y(n),(()=>{const e=Rn();return n.translate(-e.left,-e.top)}))};Qh.none;const sf=Qh.relative,rf=Qh.fixed,af=xe([{fit:["reposition"]},{nofit:["reposition","visibleW","visibleH","isVisible"]}]),lf=(e,t,o,n)=>{const s=e.bubble,r=s.offset,a=((e,t,o)=>{const n=(n,s)=>t[n]?.map((t=>{const r="top"===n||"bottom"===n,a=r?o.top:o.left,i=("left"===n||"top"===n?Math.max:Math.min)(t,s)+a;return r?Fe(i,e.y,e.bottom):Fe(i,e.x,e.right)})).getOr(s),s=n("left",e.x),r=n("top",e.y),a=n("right",e.right),i=n("bottom",e.bottom);return Fs(s,r,a-s,i-r)})(n,e.restriction,r),i=e.x+r.left,l=e.y+r.top,c=Fs(i,l,t,o),{originInBounds:d,sizeInBounds:u,visibleW:m,visibleH:g}=((e,t)=>{const{x:o,y:n,right:s,bottom:r}=t,{x:a,y:i,right:l,bottom:c,width:d,height:u}=e;return{originInBounds:a>=o&&a<=s&&i>=n&&i<=r,sizeInBounds:l<=s&&l>=o&&c<=r&&c>=n,visibleW:Math.min(d,a>=o?s-a:l-o),visibleH:Math.min(u,i>=n?r-i:c-n)}})(c,a),p=d&&u,h=p?c:((e,t)=>{const{x:o,y:n,right:s,bottom:r}=t,{x:a,y:i,width:l,height:c}=e,d=Math.max(o,s-l),u=Math.max(n,r-c),m=Fe(a,o,d),g=Fe(i,n,u),p=Math.min(m+l,s)-m,h=Math.min(g+c,r)-g;return Fs(m,g,p,h)})(c,a),f=h.width>0&&h.height>0,{maxWidth:b,maxHeight:v}=((e,t,o)=>{const n=y(t.bottom-o.y),s=y(o.bottom-t.y),r=((e,t,o,n)=>e.fold(t,t,n,n,t,n,o,o))(e,s,s,n),a=y(t.right-o.x),i=y(o.right-t.x),l=((e,t,o,n)=>e.fold(t,n,t,n,o,o,t,n))(e,i,i,a);return{maxWidth:l,maxHeight:r}})(e.direction,h,n),x={rect:h,maxHeight:v,maxWidth:b,direction:e.direction,placement:e.placement,classes:{on:s.classesOn,off:s.classesOff},layout:e.label,testY:l};return p||e.alwaysFit?af.fit(x):af.nofit(x,m,g,f)},cf=["top","bottom","right","left"],df="data-alloy-transition-timer",uf=(e,t,o,n,s,a)=>{const i=((e,t,o)=>o.exists((o=>{const n=e.mode;return"all"===n||o[n]!==t[n]})))(n,s,a);if(i||((e,t)=>((e,t)=>X(t,(t=>rs(e,t))))(e,t.classes))(e,n)){dn(e,"position",o.position);const a=tf(t,e),l=ef(t,{...s,rect:a}),c=J(cf,(e=>l[e]));((e,t)=>{const o=e=>parseFloat(e).toFixed(3);return pe(t,((t,n)=>!((e,t,o=S)=>Ue(e,t,o).getOr(e.isNone()&&t.isNone()))(e[n]?.map(o),t?.map(o)))).isSome()})(o,c)&&(mn(e,c),i&&((e,t)=>{as(e,t.classes),Xo(e,df).each((t=>{clearTimeout(parseInt(t,10)),Ko(e,df)})),((e,t)=>{const o=qe(),n=qe();let s;const a=t=>{var o;const n=null!==(o=t.raw.pseudoElement)&&void 0!==o?o:"";return yt(t.target,e)&&ot(n)&&F(cf,t.raw.propertyName)},i=r=>{if(m(r)||a(r)){o.clear(),n.clear();const a=null==r?void 0:r.raw.type;(m(a)||a===Ta())&&(clearTimeout(s),Ko(e,df),is(e,t.classes))}},l=Mo(e,Ea(),(t=>{a(t)&&(l.unbind(),o.set(Mo(e,Ta(),i)),n.set(Mo(e,_a(),i)))})),c=(e=>{const t=t=>{const o=gn(e,t).split(/\s*,\s*/);return P(o,tt)},o=e=>{if(r(e)&&/^[\d.]+/.test(e)){const t=parseFloat(e);return Ze(e,"ms")?t:1e3*t}return 0},n=t("transition-delay"),s=t("transition-duration");return W(s,((e,t,s)=>{const r=o(n[s])+o(t);return Math.max(e,r)}),0)})(e);requestAnimationFrame((()=>{s=setTimeout(i,c+17),Go(e,df,s)}))})(e,t)})(e,n),xn(e))}else is(e,n.classes)},mf=(e,t,o)=>void 0===e[t]?o:e[t],gf=(e,t,o,n)=>{const s=((e,t,o,n)=>{vn(t,"max-height"),vn(t,"max-width");const s=(r=t,{width:Math.ceil(An(r)),height:Cn(r)});var r;return((e,t,o,n,s,r)=>{const a=n.width,i=n.height,l=(t,l,c,d,u)=>{const m=t(o,n,s,e,r),g=lf(m,a,i,r);return g.fold(y(g),((e,t,o,n)=>(u===n?o>d||t>c:!u&&n)?g:af.nofit(l,c,d,u)))};return W(t,((e,t)=>{const o=C(l,t);return e.fold(y(e),o)}),af.nofit({rect:o,maxHeight:n.height,maxWidth:n.width,direction:Ol(),placement:"southeast",classes:{on:[],off:[]},layout:"none",testY:o.y},-1,-1,!1)).fold(w,w)})(t,n.preference,e,s,o,n.bounds)})(e,t,o,n);return((e,t,o)=>{const n=ef(o.origin,t);o.transition.each((s=>{uf(e,o.origin,n,s,t,o.lastPlacement)})),np(e,n)})(t,s,n),((e,t)=>{((e,t)=>{Go(e,tc,t)})(e,t.placement)})(t,s),((e,t)=>{const o=t.classes;is(e,o.off),as(e,o.on)})(t,s),((e,t,o)=>{(0,o.maxHeightFunction)(e,t.maxHeight)})(t,s,n),((e,t,o)=>{(0,o.maxWidthFunction)(e,t.maxWidth)})(t,s,n),{layout:s.layout,placement:s.placement}},pf=w,hf=()=>Jr("layouts",[Rr("onLtr"),Rr("onRtl"),$r("onBottomLtr"),$r("onBottomRtl")]),ff=(e,t,o,n,s,r,a)=>{const i=a?.map(Ec).getOr(!1),l=t.layouts?.map((t=>t.onLtr(e))),c=t.layouts?.map((t=>t.onRtl(e))),d=i?t.layouts.bind((t=>t.onBottomLtr?.map((t=>t(e))))).or(l).getOr(s):l.getOr(o),u=i?t.layouts.bind((t=>t.onBottomRtl?.map((t=>t(e))))).or(c).getOr(r):c.getOr(n);return Ln(d,u)(e)};var bf=[Rr("hotspot"),$r("bubble"),Qr("overrides",{}),hf(),wi("placement",((e,t,o)=>{const n=t.hotspot,s=tf(o,n.element),r=ff(e.element,t,Zl(),ec(),Jl(),Ql(),A?.some(t.hotspot.element));return A?.some(pf({anchorBox:s,bubble:t.bubble.getOr(Sl()),overrides:t.overrides,layouts:r}))}))],vf=[Rr("x"),Rr("y"),Qr("height",0),Qr("width",0),Qr("bubble",Sl()),Qr("overrides",{}),hf(),wi("placement",((e,t,o)=>{const n=nf(o,t.x,t.y),s=Fs(n.left,n.top,t.width,t.height),r=ff(e.element,t,Yl(),Kl(),Yl(),Kl(),A.none());return A?.some(pf({anchorBox:s,bubble:t.bubble,overrides:t.overrides,layouts:r}))}))];const xf=xe([{screen:["point"]},{absolute:["point","scrollLeft","scrollTop"]}]),yf=e=>e.fold(w,((e,t,o)=>e.translate(-t,-o))),wf=e=>e.fold(w,w),Sf=e=>W(e,((e,t)=>e.translate(t.left,t.top)),Dn(0,0)),Cf=e=>{const t=L(e,wf);return Sf(t)},kf=xf.screen,Of=xf.absolute,_f=(e,t,o)=>{const n=lo(e.element),s=Rn(n),r=((e,t,o)=>{const n=mo(o.root).dom;return A.from(n.frameElement)?.map(ct).filter((t=>{const o=lo(t),n=lo(e.element);return yt(o,n)}))?.map(In)})(e,0,o).getOr(s);return Of(r,s.left,s.top)},Tf=(e,t,o,n)=>{const s=kf(Dn(e,t));return A?.some(((e,t,o)=>({point:e,width:t,height:o}))(s,o,n))},Ef=(e,t,o,n,s)=>e?.map((e=>{const r=[t,e.point],a=(i=()=>Cf(r),l=()=>Cf(r),c=()=>(e=>{const t=L(e,yf);return Sf(t)})(r),n.fold(i,l,c));var i,l,c;const d=(p=a.left,h=a.top,f=e.width,b=e.height,{x:p,y:h,width:f,height:b}),u=o.showAbove?Jl():Zl(),m=o.showAbove?Ql():ec(),g=ff(s,o,u,m,u,m,A.none());var p,h,f,b;return pf({anchorBox:d,bubble:o.bubble.getOr(Sl()),overrides:o.overrides,layouts:g})}));var Af=[Rr("node"),Rr("root"),$r("bubble"),hf(),Qr("overrides",{}),Qr("showAbove",!1),wi("placement",((e,t,o)=>{const n=_f(e,0,t);return t.node.filter(sn).bind((s=>{const r=s.dom.getBoundingClientRect(),a=Tf(r.left,r.top,r.width,r.height),i=t.node.getOr(e.element);return Ef(a,n,t,o,i)}))}))];const Mf=(e,t)=>({element:e,offset:t}),Df=(e,t)=>so(e)?Mf(e,t):((e,t)=>{const o=fo(e);if(0===o.length)return Mf(e,t);if(t<o.length)return Mf(o[t],0);{const e=o[o.length-1],t=so(e)?(e=>zn.get(e))(e).length:fo(e).length;return Mf(e,t)}})(e,t),Bf=e=>void 0!==e.foffset,If=(e,t)=>t.getSelection.getOrThunk((()=>()=>(e=>(e=>A.from(e.getSelection()))(e).filter((e=>e.rangeCount>0)).bind(ks))(e)))()?.map((e=>{if(Bf(e)){const t=Df(e.start,e.soffset),o=Df(e.finish,e.foffset);return Ss.range(t.element,t.offset,o.element,o.offset)}return e}));var Ff=[$r("getSelection"),Rr("root"),$r("bubble"),hf(),Qr("overrides",{}),Qr("showAbove",!1),wi("placement",((e,t,o)=>{const n=mo(t.root).dom,s=_f(e,0,t),r=If(n,t).bind((e=>{if(Bf(e)){const t=((e,t)=>(e=>{const t=e.getBoundingClientRect();return t.width>0||t.height>0?A?.some(t)?.map(mt):A.none()})(ht(e,t)))(n,Ss.exactFromRange(e)).orThunk((()=>{const t=lt("\ufeff");Vo(e.start,t);const o=Os(n,Ss.exact(t,0,t,1));return Qo(t),o}));return t.bind((e=>Tf(e.left,e.top,e.width,e.height)))}{const t=le(e,(e=>e.dom.getBoundingClientRect())),o={left:Math.min(t.firstCell.left,t.lastCell.left),right:Math.max(t.firstCell.right,t.lastCell.right),top:Math.min(t.firstCell.top,t.lastCell.top),bottom:Math.max(t.firstCell.bottom,t.lastCell.bottom)};return Tf(o.left,o.top,o.right-o.left,o.bottom-o.top)}})),a=If(n,t).bind((e=>Bf(e)?no(e.start)?A?.some(e.start):po(e.start):A?.some(e.firstCell))).getOr(e.element);return Ef(r,s,t,o,a)}))];const Rf="link-layout",Nf=e=>e.x+e.width,zf=(e,t)=>e.x-t.width,Lf=(e,t)=>e.y-t.height+e.height,Vf=e=>e.y,Hf=(e,t,o)=>Cl(Nf(e),Vf(e),o.southeast(),Ol(),"southeast",Il(e,{left:0,top:2}),Rf),Pf=(e,t,o)=>Cl(zf(e,t),Vf(e),o.southwest(),_l(),"southwest",Il(e,{right:1,top:2}),Rf),Uf=(e,t,o)=>Cl(Nf(e),Lf(e,t),o.northeast(),Tl(),"northeast",Il(e,{left:0,bottom:3}),Rf),Wf=(e,t,o)=>Cl(zf(e,t),Lf(e,t),o.northwest(),El(),"northwest",Il(e,{right:1,bottom:3}),Rf),$f=()=>[Hf,Pf,Uf,Wf],Gf=()=>[Pf,Hf,Wf,Uf];var jf=[Rr("item"),hf(),Qr("overrides",{}),wi("placement",((e,t,o)=>{const n=tf(o,t.item.element),s=ff(e.element,t,$f(),Gf(),$f(),Gf(),A.none());return A?.some(pf({anchorBox:n,bubble:Sl(),overrides:t.overrides,layouts:s}))}))],qf=Mr("type",{selection:Ff,node:Af,hotspot:bf,submenu:jf,makeshift:vf});const Xf=[Wr("classes",or),oa("mode","all",["all","layout","placement"])],Yf=[Qr("useFixed",T),$r("getBounds")],Kf=[Nr("anchor",qf),Jr("transition",Xf)],Jf=(e,t,o,n,s,r)=>{const a=Er("placement.info",vr(Kf),s),i=a.anchor,l=n.element,c=o.get(n.uid);$m((()=>{dn(l,"position","fixed");const s=hn(l,"visibility");dn(l,"visibility","hidden");const d=t.useFixed()?(()=>{const e=document.documentElement;return rf(0,0,e.clientWidth,e.clientHeight)})():(e=>{const t=In(e.element),o=e.element.dom.getBoundingClientRect();return sf(t.left,t.top,o.width,o.height)})(e);i.placement(e,i,d).each((e=>{const s=r.orThunk((()=>t.getBounds?.map(_))),i=((e,t,o,n,s,r)=>((e,t,o,n,s,r,a,i)=>{const l=mf(a,"maxHeightFunction",Cc()),c=mf(a,"maxWidthFunction",b),d=e.anchorBox,u=e.origin,m={bounds:of(u,r),origin:u,preference:n,maxHeightFunction:l,maxWidthFunction:c,lastPlacement:s,transition:i};return gf(d,t,o,m)})(((e,t)=>((e,t)=>({anchorBox:e,origin:t}))(e,t))(t.anchorBox,e),n.element,t.bubble,t.layouts,s,o,t.overrides,r))(d,e,s,n,c,a.transition);o.set(n.uid,i)})),s.fold((()=>{vn(l,"visibility")}),(e=>{dn(l,"visibility",e)})),hn(l,"left").isNone()&&hn(l,"top").isNone()&&hn(l,"right").isNone()&&hn(l,"bottom").isNone()&&He(hn(l,"position"),"fixed")&&vn(l,"position")}),l)};var Qf=Object.freeze({__proto__:null,position:(e,t,o,n,s)=>{const r=A.none();Jf(e,t,o,n,s,r)},positionWithinBounds:Jf,getMode:(e,t,o)=>t.useFixed()?"fixed":"absolute",reset:(e,t,o,n)=>{const s=n.element;V(["position","left","right","top","bottom"],(e=>vn(s,e))),(e=>{Ko(e,tc)})(s),o.clear(n.uid)}});const Zf=id({fields:Yf,name:"positioning",active:Jh,apis:Qf,state:Object.freeze({__proto__:null,init:()=>{let e={};return Dc({readState:()=>e,clear:t=>{g(t)?delete e[t]:e={}},set:(t,o)=>{e[t]=o},get:t=>fe(e,t)})}})});var eb=Object.freeze({__proto__:null,events:e=>Hc([Wc(Ra(),((t,o)=>{const n=e.channels,s=re(n),r=o,a=((e,t)=>t.universal?e:P(e,(e=>F(t.channels,e))))(s,r);V(a,(e=>{const o=n[e],s=o.schema,a=Er("channel["+e+"] data\nReceiver: "+si(t.element),s,r.data);o.onReceive(t,a)}))}))])}),tb=[Nr("channels",Or(Ae.value,br([xi("onReceive"),Qr("schema",Zs())])))];const ob=id({fields:tb,name:"receiving",active:eb});var nb=Object.freeze({__proto__:null,events:(e,t)=>{const o=(o,n)=>{e.updateState.each((e=>{const s=e(o,n);t.set(s)})),e.renderComponents.each((s=>{const r=s(n,t.get());(e.reuseDom?jm:Gm)(o,r)}))};return Hc([Wc(Ra(),((t,n)=>{const s=n;if(!s.universal){const n=e.channel;F(s.channels,n)&&o(t,s.data)}})),Jc(((t,n)=>{e.initialData.each((e=>{o(t,e)}))}))])}}),sb=Object.freeze({__proto__:null,getState:(e,t,o)=>o}),rb=[Rr("channel"),$r("renderComponents"),$r("updateState"),$r("initialData"),na("reuseDom",!0)];const ab=id({fields:rb,name:"reflecting",active:nb,apis:sb,state:Object.freeze({__proto__:null,init:()=>{const e=ye(A.none());return{readState:()=>e.get().getOr("none"),get:e.get,set:e.set,clear:()=>e.set(A.none())}}})}),ib=(e,t,o,n)=>{o.get().each((t=>{Nm(e)}));const s=t.getAttachPoint(e);Bm(s,e);const r=e.getSystem().build(n);return Bm(e,r),o.set(r),r},lb=(e,t,o,n)=>{const s=ib(e,t,o,n);return t.onOpen(e,s),s},cb=(e,t,o)=>{o.get().each((n=>{Nm(e),Rm(e),t.onClose(e,n),o.clear()}))},db=(e,t,o)=>o.isOpen(),ub=(e,t,o)=>{const n=t.getAttachPoint(e);dn(e.element,"position",Zf.getMode(n)),((e,t,o)=>{hn(e.element,t).fold((()=>{Ko(e.element,o)}),(t=>{Go(e.element,o,t)})),dn(e.element,t,"hidden")})(e,"visibility",t.cloakVisibilityAttr)},mb=(e,t,o)=>{(e=>R(["top","left","right","bottom"],(t=>hn(e,t).isSome())))(e.element)||vn(e.element,"position"),((e,t,o)=>{Xo(e.element,o).fold((()=>vn(e.element,t)),(o=>dn(e.element,t,o)))})(e,"visibility",t.cloakVisibilityAttr)};var gb=Object.freeze({__proto__:null,cloak:ub,decloak:mb,open:lb,openWhileCloaked:(e,t,o,n,s)=>{ub(e,t),lb(e,t,o,n),s(),mb(e,t)},close:cb,isOpen:db,isPartOf:(e,t,o,n)=>db(0,0,o)&&o.get().exists((o=>t.isPartOf(e,o,n))),getState:(e,t,o)=>o.get(),setContent:(e,t,o,n)=>o.get()?.map((()=>ib(e,t,o,n)))}),pb=Object.freeze({__proto__:null,events:(e,t)=>Hc([Wc(Ha(),((o,n)=>{cb(o,e,t)}))])}),hb=[bi("onOpen"),bi("onClose"),Rr("isPartOf"),Rr("getAttachPoint"),Qr("cloakVisibilityAttr","data-precloak-visibility")],fb=Object.freeze({__proto__:null,init:()=>{const e=Xe(),t=y("not-implemented");return Dc({readState:t,isOpen:e.isSet,clear:e.clear,set:e.set,get:e.get})}});const bb=id({fields:hb,name:"sandboxing",active:pb,apis:gb,state:fb}),vb=(e,t)=>t.getAnimationRoot.fold((()=>e.element),(t=>t(e))),xb=e=>e.dimension.property,yb=(e,t)=>e.dimension.getDimension(t),wb=(e,t)=>{const o=vb(e,t);is(o,[t.shrinkingClass,t.growingClass])},Sb=(e,t)=>{ss(e.element,t.openClass),os(e.element,t.closedClass),dn(e.element,xb(t),"0px"),xn(e.element)},Cb=(e,t)=>{ss(e.element,t.closedClass),os(e.element,t.openClass),vn(e.element,xb(t))},kb=(e,t,o,n)=>{o.setCollapsed(),dn(e.element,xb(t),yb(t,e.element)),wb(e,t),Sb(e,t),t.onStartShrink(e),t.onShrunk(e)},Ob=(e,t,o,n)=>{const s=n.getOrThunk((()=>yb(t,e.element)));o.setCollapsed(),dn(e.element,xb(t),s),xn(e.element);const r=vb(e,t);ss(r,t.growingClass),os(r,t.shrinkingClass),Sb(e,t),t.onStartShrink(e)},_b=(e,t,o)=>{const n=yb(t,e.element);("0px"===n?kb:Ob)(e,t,o,A?.some(n))},Tb=(e,t,o)=>{const n=vb(e,t),s=rs(n,t.shrinkingClass),r=yb(t,e.element);Cb(e,t);const a=yb(t,e.element);(s?()=>{dn(e.element,xb(t),r),xn(e.element)}:()=>{Sb(e,t)})(),ss(n,t.shrinkingClass),os(n,t.growingClass),Cb(e,t),dn(e.element,xb(t),a),o.setExpanded(),t.onStartGrow(e)},Eb=(e,t,o)=>{const n=vb(e,t);return!0===rs(n,t.growingClass)},Ab=(e,t,o)=>{const n=vb(e,t);return!0===rs(n,t.shrinkingClass)};var Mb=Object.freeze({__proto__:null,refresh:(e,t,o)=>{if(o.isExpanded()){vn(e.element,xb(t));const o=yb(t,e.element);dn(e.element,xb(t),o)}},grow:(e,t,o)=>{o.isExpanded()||Tb(e,t,o)},shrink:(e,t,o)=>{o.isExpanded()&&_b(e,t,o)},immediateShrink:(e,t,o)=>{o.isExpanded()&&kb(e,t,o)},hasGrown:(e,t,o)=>o.isExpanded(),hasShrunk:(e,t,o)=>o.isCollapsed(),isGrowing:Eb,isShrinking:Ab,isTransitioning:(e,t,o)=>Eb(e,t)||Ab(e,t),toggleGrow:(e,t,o)=>{(o.isExpanded()?_b:Tb)(e,t,o)},disableTransitions:wb,immediateGrow:(e,t,o)=>{o.isExpanded()||(Cb(e,t),dn(e.element,xb(t),yb(t,e.element)),wb(e,t),o.setExpanded(),t.onStartGrow(e),t.onGrown(e))}}),Db=Object.freeze({__proto__:null,exhibit:(e,t,o)=>{const n=t.expanded;return td(n?{classes:[t.openClass],styles:{}}:{classes:[t.closedClass],styles:ia(t.dimension.property,"0px")})},events:(e,t)=>Hc([Kc(Ta(),((o,n)=>{n.event.raw.propertyName===e.dimension.property&&(wb(o,e),t.isExpanded()&&vn(o.element,e.dimension.property),(t.isExpanded()?e.onGrown:e.onShrunk)(o))}))])}),Bb=[Rr("closedClass"),Rr("openClass"),Rr("shrinkingClass"),Rr("growingClass"),$r("getAnimationRoot"),bi("onShrunk"),bi("onStartShrink"),bi("onGrown"),bi("onStartGrow"),Qr("expanded",!1),Nr("dimension",Mr("property",{width:[wi("property","width"),wi("getDimension",(e=>Tn(e)+"px"))],height:[wi("property","height"),wi("getDimension",(e=>Sn(e)+"px"))]}))];const Ib=id({fields:Bb,name:"sliding",active:Db,apis:Mb,state:Object.freeze({__proto__:null,init:e=>{const t=ye(e.expanded);return Dc({isExpanded:()=>!0===t.get(),isCollapsed:()=>!1===t.get(),setCollapsed:C(t.set,!1),setExpanded:C(t.set,!0),readState:()=>"expanded: "+t.get()})}})});var Fb=Object.freeze({__proto__:null,events:(e,t)=>{const o=e.stream.streams.setup(e,t);return Hc([Wc(e.event,o),Qc((()=>t.cancel()))].concat(e.cancelEvent?.map((e=>[Wc(e,(()=>t.cancel()))])).getOr([])))}});const Rb=e=>{const t=ye(null);return Dc({readState:()=>({timer:null!==t.get()?"set":"unset"}),setTimer:e=>{t.set(e)},cancel:()=>{const e=t.get();null!==e&&e.cancel()}})};var Nb=Object.freeze({__proto__:null,throttle:Rb,init:e=>e.stream.streams.state(e)}),zb=[Nr("stream",Mr("mode",{throttle:[Rr("delay"),Qr("stopEvent",!0),wi("streams",{setup:(e,t)=>{const o=e.stream,n=nt(e.onStream,o.delay);return t.setTimer(n),(e,t)=>{n.throttle(e,t),o.stopEvent&&t.stop()}},state:Rb})]})),Qr("event","input"),$r("cancelEvent"),xi("onStream")];const Lb=id({fields:zb,name:"streaming",active:Fb,state:Nb});var Vb=Object.freeze({__proto__:null,exhibit:(e,t)=>td({attributes:la([{key:t.tabAttr,value:"true"}])})}),Hb=[Qr("tabAttr","data-alloy-tabstop")];const Pb=id({fields:Hb,name:"tabstopping",active:Vb}),Ub=(e,t,o,n)=>{const s=o.get();o.set(n),((e,t,o)=>{t.toggleClass.each((t=>{o.get()?os(e.element,t):ss(e.element,t)}))})(e,t,o),((e,t,o)=>{const n=t.aria;n.update(e,n,o.get())})(e,t,o),s!==n&&t.onToggled(e,n)},Wb=(e,t,o)=>{Ub(e,t,o,!o.get())},$b=(e,t,o)=>{Ub(e,t,o,t.selected)};var Gb=Object.freeze({__proto__:null,onLoad:$b,toggle:Wb,isOn:(e,t,o)=>o.get(),on:(e,t,o)=>{Ub(e,t,o,!0)},off:(e,t,o)=>{Ub(e,t,o,!1)},set:Ub}),jb=Object.freeze({__proto__:null,exhibit:()=>td({}),events:(e,t)=>{const o=(n=e,s=t,r=Wb,ed((e=>{r(e,n,s)})));var n,s,r;const a=od(e,t,$b);return Hc(j([e.toggleOnExecute?[o]:[],[a]]))}});const qb=(e,t,o)=>{Go(e.element,"aria-expanded",o)};var Xb=[Qr("selected",!1),$r("toggleClass"),Qr("toggleOnExecute",!0),bi("onToggled"),Zr("aria",{mode:"none"},Mr("mode",{pressed:[Qr("syncWithExpanded",!1),wi("update",((e,t,o)=>{Go(e.element,"aria-pressed",o),t.syncWithExpanded&&qb(e,0,o)}))],checked:[wi("update",((e,t,o)=>{Go(e.element,"aria-checked",o)}))],expanded:[wi("update",qb)],selected:[wi("update",((e,t,o)=>{Go(e.element,"aria-selected",o)}))],none:[wi("update",b)]}))];const Yb=id({fields:Xb,name:"toggling",active:jb,apis:Gb,state:(Kb=!1,{init:()=>{const e=ye(Kb);return{get:()=>e.get(),set:t=>e.set(t),clear:()=>e.set(Kb),readState:()=>e.get()}}})});var Kb;const Jb=Ne("tooltip.exclusive"),Qb=Ne("tooltip.show"),Zb=Ne("tooltip.hide"),ev=Ne("tooltip.immediateHide"),tv=Ne("tooltip.immediateShow"),ov=(e,t,o)=>{e.getSystem().broadcastOn([Jb],{})};var nv=Object.freeze({__proto__:null,hideAllExclusive:ov,immediateOpenClose:(e,t,o,n)=>Fc(e,n?tv:ev),isEnabled:(e,t,o)=>o.isEnabled(),setComponents:(e,t,o,n)=>{o.getTooltip().each((e=>{e.getSystem().isConnected()&&Zm.set(e,n)}))},setEnabled:(e,t,o,n)=>o.setEnabled(n)}),sv=Object.freeze({__proto__:null,events:(e,t)=>{const o=o=>{t.getTooltip().each((n=>{n.getSystem().isConnected()&&(Rm(n),e.onHide(o,n),t.clearTooltip())})),t.clearTimer()},n=o=>{if(!t.isShowing()&&t.isEnabled()){ov(o);const n=e.lazySink(o).getOrDie(),s=o.getSystem().build({dom:e.tooltipDom,components:e.tooltipComponents,events:Hc("normal"===e.mode?[Wc(va(),(e=>{Fc(o,Qb)})),Wc(fa(),(e=>{Fc(o,Zb)}))]:[]),behaviours:rd([Zm.config({})])});t.setTooltip(s),Bm(n,s),e.onShow(o,s),Zf.position(n,s,{anchor:e.anchor(o)})}},s=o=>{t.getTooltip().each((t=>{const n=e.lazySink(o).getOrDie();Zf.position(n,t,{anchor:e.anchor(o)})}))};return Hc(j([[Zc((t=>{e.onSetup(t)})),Wc(Qb,(o=>{t.resetTimer((()=>{n(o)}),e.delayForShow())})),Wc(Zb,(n=>{t.resetTimer((()=>{o(n)}),e.delayForHide())})),Wc(tv,(e=>{t.resetTimer((()=>{n(e)}),0)})),Wc(ev,(e=>{t.resetTimer((()=>{o(e)}),0)})),Wc(Ra(),((e,t)=>{const n=t;n.universal||F(n.channels,Jb)&&o(e)})),Qc((e=>{o(e)}))],(()=>{switch(e.mode){case"normal":return[Wc(xa(),(e=>{Fc(e,tv)})),Wc(Ia(),(e=>{Fc(e,ev)})),Wc(va(),(e=>{Fc(e,Qb)})),Wc(fa(),(e=>{Fc(e,Zb)}))];case"follow-highlight":return[Wc(oi(),((e,t)=>{Fc(e,Qb)})),Wc(ni(),(e=>{Fc(e,Zb)}))];case"children-normal":return[Wc(xa(),((o,n)=>{Lo(o.element).each((r=>{bt(n.event.target,"[data-mce-tooltip]")&&t.getTooltip().fold((()=>{Fc(o,tv)}),(n=>{t.isShowing()&&(e.onShow(o,n),s(o))}))}))})),Wc(Ia(),(e=>{Lo(e.element).fold((()=>{Fc(e,ev)}),b)})),Wc(va(),(o=>{Xn(o.element,"[data-mce-tooltip]:hover").each((n=>{t.getTooltip().fold((()=>{Fc(o,Qb)}),(n=>{t.isShowing()&&(e.onShow(o,n),s(o))}))}))})),Wc(fa(),(e=>{Xn(e.element,"[data-mce-tooltip]:hover").fold((()=>{Fc(e,Zb)}),b)}))];default:return[Wc(xa(),((o,n)=>{Lo(o.element).each((r=>{bt(n.event.target,"[data-mce-tooltip]")&&t.getTooltip().fold((()=>{Fc(o,tv)}),(n=>{t.isShowing()&&(e.onShow(o,n),s(o))}))}))})),Wc(Ia(),(e=>{Lo(e.element).fold((()=>{Fc(e,ev)}),b)}))]}})()]))}}),rv=[Rr("lazySink"),Rr("tooltipDom"),Qr("exclusive",!0),Qr("tooltipComponents",[]),sa("delayForShow",y(300)),sa("delayForHide",y(100)),sa("onSetup",b),oa("mode","normal",["normal","follow-highlight","children-keyboard-focus","children-normal"]),Qr("anchor",(e=>({type:"hotspot",hotspot:e,layouts:{onLtr:y([jl,Gl,Pl,Wl,Ul,$l]),onRtl:y([jl,Gl,Pl,Wl,Ul,$l])},bubble:wl(0,-2,{})}))),bi("onHide"),bi("onShow")],av=Object.freeze({__proto__:null,init:()=>{const e=ye(!0),t=Xe(),o=Xe(),n=()=>{t.on(clearTimeout)},s=y("not-implemented");return Dc({getTooltip:o.get,isShowing:o.isSet,setTooltip:o.set,clearTooltip:o.clear,clearTimer:n,resetTimer:(e,o)=>{n(),t.set(setTimeout(e,o))},readState:s,isEnabled:()=>e.get(),setEnabled:t=>e.set(t)})}});const iv=id({fields:rv,name:"tooltipping",active:sv,state:av,apis:nv}),lv=id({fields:[],name:"unselecting",active:Object.freeze({__proto__:null,events:()=>Hc([Pc(Aa(),E)]),exhibit:()=>td({styles:{"-webkit-user-select":"none","user-select":"none","-ms-user-select":"none","-moz-user-select":"-moz-none"},attributes:{unselectable:"on"}})})}),cv=e=>{const t=at(e),o=fo(t),n=(e=>{const t=void 0!==e.dom.attributes?e.dom.attributes:[];return W(t,((e,t)=>"class"===t.name?e:{...e,[t.name]:t.value}),{})})(t),s=(e=>Array.prototype.slice.call(e.dom.classList,0))(t),r=0===o.length?{}:{innerHtml:en(t)};return{tag:eo(t),classes:s,attributes:n,...r}},dv=e=>{const t=(e=>void 0!==e.uid)(e)&&ve(e,"uid")?e.uid:lg("memento");return{get:e=>e.getSystem().getByUid(t).getOrDie(),getOpt:e=>e.getSystem().getByUid(t).toOptional(),asSpec:()=>({...e,uid:t})}},uv=xl,mv=ol,gv=y("dismiss.popups"),pv=y("reposition.popups"),hv=y("mouse.released"),fv=(e,t)=>{const o={stopBackspace:!0,...t},n=(e=>{const t=Xe(),o=ye(!1),n=_i((t=>{e.triggerEvent(Va(),t),o.set(!0)}),400),s=la([{key:da(),value:e=>(Ti(e).each((s=>{n.cancel();const r={x:s.clientX,y:s.clientY,target:e.target};n.schedule(e),o.set(!1),t.set(r)})),A.none())},{key:ua(),value:e=>(n.cancel(),Ti(e).each((e=>{t.on((o=>{((e,t)=>{const o=Math.abs(e.clientX-t.x),n=Math.abs(e.clientY-t.y);return o>5||n>5})(e,o)&&t.clear()}))})),A.none())},{key:ma(),value:s=>(n.cancel(),t.get().filter((e=>yt(e.target,s.target)))?.map((t=>o.get()?(s.prevent(),!1):e.triggerEvent(La(),s))))}]);return{fireIfReady:(e,t)=>fe(s,t).bind((t=>t(e)))}})(o),s=L(["touchstart","touchmove","touchend","touchcancel","gesturestart","mousedown","mouseup","mouseover","mousemove","mouseout","click"].concat(["selectstart","input","contextmenu","change","transitionend","transitioncancel","drag","dragstart","dragend","dragenter","dragleave","dragover","drop","keyup"]),(t=>Mo(e,t,(e=>{n.fireIfReady(e,t).each((t=>{t&&e.kill()})),o.triggerEvent(t,e)&&e.kill()})))),r=Xe(),a=Mo(e,"paste",(e=>{n.fireIfReady(e,"paste").each((t=>{t&&e.kill()})),o.triggerEvent("paste",e)&&e.kill(),r.set(setTimeout((()=>{o.triggerEvent(Fa(),e)}),0))})),i=Mo(e,"keydown",(e=>{o.triggerEvent("keydown",e)?e.kill():o.stopBackspace&&(e=>e.raw.which===bd[0]&&!F(["input","textarea"],eo(e.target))&&!ps(e.target,'[contenteditable="true"]'))(e)&&e.prevent()})),l=Mo(e,"focusin",(e=>{o.triggerEvent("focusin",e)&&e.kill()})),c=Xe(),d=Mo(e,"focusout",(e=>{o.triggerEvent("focusout",e)&&e.kill(),c.set(setTimeout((()=>{o.triggerEvent(Ia(),e)}),0))}));return{unbind:()=>{V(s,(e=>{e.unbind()})),i.unbind(),l.unbind(),d.unbind(),a.unbind(),r.on(clearTimeout),c.on(clearTimeout)}}},bv=(e,t)=>{const o=fe(e,"target").getOr(t);return ye(o)},vv=xe([{stopped:[]},{resume:["element"]},{complete:[]}]),xv=(e,t,o,n,s,r)=>{const a=e(t,n),i=((e,t)=>{const o=ye(!1),n=ye(!1);return{stop:()=>{o.set(!0)},cut:()=>{n.set(!0)},isStopped:o.get,isCut:n.get,event:e,setSource:t.set,getSource:t.get}})(o,s);return a.fold((()=>(r.logEventNoHandlers(t,n),vv.complete())),(e=>{const o=e.descHandler;return gg(o)(i),i.isStopped()?(r.logEventStopped(t,e.element,o.purpose),vv.stopped()):i.isCut()?(r.logEventCut(t,e.element,o.purpose),vv.complete()):go(e.element).fold((()=>(r.logNoParent(t,e.element,o.purpose),vv.complete())),(n=>(r.logEventResponse(t,e.element,o.purpose),vv.resume(n))))}))},yv=(e,t,o,n,s,r)=>xv(e,t,o,n,s,r).fold(E,(n=>yv(e,t,o,n,s,r)),T),wv=(e,t,o,n,s)=>{const r=bv(o,n);return yv(e,t,o,n,r,s)},Sv=()=>{const e=(()=>{const e={};return{registerId:(t,o,n)=>{ie(n,((n,s)=>{const r=void 0!==e[s]?e[s]:{};r[o]=((e,t)=>({cHandler:C.apply(void 0,[e.handler].concat(t)),purpose:e.purpose}))(n,t),e[s]=r}))},unregisterId:t=>{ie(e,((e,o)=>{be(e,t)&&delete e[t]}))},filterByType:t=>fe(e,t)?.map((e=>ge(e,((e,t)=>((e,t)=>({id:e,descHandler:t}))(t,e))))).getOr([]),find:(t,o,n)=>fe(e,o).bind((e=>bs(n,(t=>((e,t)=>ig(t).bind((t=>fe(e,t)))?.map((e=>((e,t)=>({element:e,descHandler:t}))(t,e))))(e,t)),t)))}})(),t={},o=o=>{ig(o.element).each((o=>{delete t[o],e.unregisterId(o)}))};return{find:(t,o,n)=>e.find(t,o,n),filter:t=>e.filterByType(t),register:n=>{const s=(e=>{const t=e.element;return ig(t).getOrThunk((()=>((e,t)=>{const o=Ne(sg+"uid-");return ag(t,o),o})(0,e.element)))})(n);ve(t,s)&&((e,n)=>{const s=t[n];if(s!==e)throw new Error('The tagId "'+n+'" is already used by: '+si(s.element)+"\nCannot use it for: "+si(e.element)+"\nThe conflicting element is"+(sn(s.element)?" ":" not ")+"already in the DOM");o(e)})(n,s);const r=[n];e.registerId(r,s,n.events),t[s]=n},unregister:o,getById:e=>fe(t,e)}},Cv=e=>{const t=t=>go(e.element).fold(E,(e=>yt(t,e))),o=Sv(),n=(e,n)=>o.find(t,e,n),s=fv(e.element,{triggerEvent:(e,t)=>li(e,t.target,(o=>((e,t,o,n)=>wv(e,t,o,o.target,n))(n,e,t,o)))}),r={debugInfo:y("real"),triggerEvent:(e,t,o)=>{li(e,t,(s=>wv(n,e,o,t,s)))},triggerFocus:(e,t)=>{ig(e).fold((()=>{Fo(e)}),(o=>{li(Ba(),e,(o=>(((e,t,o,n,s)=>{const r=bv(o,n);xv(e,t,o,n,r,s)})(n,Ba(),{originator:t,kill:b,prevent:b,target:e},e,o),!1)))}))},triggerEscape:(e,t)=>{r.triggerEvent("keydown",e.element,t.event)},getByUid:e=>p(e),getByDom:e=>h(e),build:Ag,buildOrPatch:Eg,addToGui:e=>{l(e)},removeFromGui:e=>{c(e)},addToWorld:e=>{a(e)},removeFromWorld:e=>{i(e)},broadcast:e=>{u(e)},broadcastOn:(e,t)=>{m(e,t)},broadcastEvent:(e,t)=>{g(e,t)},isConnected:E},a=e=>{e.connect(r),so(e.element)||(o.register(e),V(e.components(),a),r.triggerEvent(Ua(),e.element,{target:e.element}))},i=e=>{so(e.element)||(V(e.components(),i),o.unregister(e)),e.disconnect()},l=t=>{Bm(e,t)},c=e=>{Rm(e)},d=e=>{const t=o.filter(Ra());V(t,(t=>{const o=t.descHandler;gg(o)(e)}))},u=e=>{d({universal:!0,data:e})},m=(e,t)=>{d({universal:!1,channels:e,data:t})},g=(e,t)=>((e,t)=>{const o=(e=>{const t=ye(!1);return{stop:()=>{t.set(!0)},cut:b,isStopped:t.get,isCut:T,event:e,setSource:O("Cannot set source of a broadcasted event"),getSource:O("Cannot get source of a broadcasted event")}})(t);return V(e,(e=>{const t=e.descHandler;gg(t)(o)})),o.isStopped()})(o.filter(e),t),p=e=>o.getById(e).fold((()=>Ae.error(new Error('Could not find component with uid: "'+e+'" in system.'))),Ae.value),h=e=>{const t=ig(e).getOr("not found");return p(t)};return a(e),{root:e,element:e.element,destroy:()=>{s.unbind(),Qo(e.element)},add:l,remove:c,getByUid:p,getByDom:h,addToWorld:a,removeFromWorld:i,broadcast:u,broadcastOn:m,broadcastEvent:g}},kv=()=>{const e=(e,t)=>{t.stop(),Nc(e)};return[Wc(Oa(),e),Wc(La(),e),Xc(da()),Xc(pa())]},Ov=e=>Hc(j([e?.map((e=>ed(((t,o)=>{e(t),o.stop()})))).toArray(),kv()])),_v=nh({name:"Button",factory:e=>{const t=Ov(e.action),o=e.dom.tag,n=t=>fe(e.dom,"attributes").bind((e=>fe(e,t)));return{uid:e.uid,dom:e.dom,components:e.components,events:t,behaviours:Jp(e.buttonBehaviours,[fd.config({}),wm.config({mode:"execution",useSpace:!0,useEnter:!0})]),domModification:{attributes:"button"===o?{type:n("type").getOr("button"),...n("role")?.map((e=>({role:e}))).getOr({})}:{role:e.role.getOr(n("role").getOr("button"))}},eventOrder:e.eventOrder}},configFields:[Qr("uid",void 0),Rr("dom"),Qr("components",[]),Kp("buttonBehaviours",[fd,wm]),$r("action"),$r("role"),Qr("eventOrder",{})]}),Tv=y([Qr("shell",!1),Rr("makeItem"),Qr("setupItem",b),Kp("listBehaviours",[Zm])]),Ev=Zi({name:"items",overrides:()=>({behaviours:rd([Zm.config({})])})}),Av=y([Ev]),Mv=sh({name:y("CustomList")(),configFields:Tv(),partFields:Av(),factory:(e,t,o,n)=>{const s=e.shell?{behaviours:[Zm.config({})],components:[]}:{behaviours:[],components:t};return{uid:e.uid,dom:e.dom,components:s.components,behaviours:Yp(e.listBehaviours,s.behaviours),apis:{setItems:(t,o)=>{var n;(n=t,e.shell?A?.some(n):ul(n,e,"items")).fold((()=>{throw console.error("Custom List was defined to not be a shell, but no item container was specified in components"),new Error("Custom List was defined to not be a shell, but no item container was specified in components")}),(n=>{const s=Zm.contents(n),r=o.length,a=r-s.length,i=a>0?N(a,(()=>e.makeItem())):[],l=s.slice(r);V(l,(e=>Zm.remove(n,e))),V(i,(e=>Zm.append(n,e)));const c=Zm.contents(n);V(c,((n,s)=>{e.setupItem(t,n,o[s],s)}))}))}}}},apis:{setItems:(e,t,o)=>{e.setItems(t,o)}}}),Dv="aria-controls",Bv=()=>{const e=Ne(Dv);return{id:e,link:t=>{Go(t,Dv,e)},unlink:e=>{Ko(e,Dv)}}},Iv=(e,t)=>gs(t,(t=>yt(t,e.element)),T)||((e,t)=>(e=>Wn(e,(e=>{if(!no(e))return!1;const t=qo(e,"id");return void 0!==t&&t.indexOf(Dv)>-1})).bind((e=>{const t=qo(e,"id"),o=So(e);return Xn(o,`[${Dv}="${t}"]`)})))(t).exists((t=>Iv(e,t))))(e,t),Fv="alloy.item-hover",Rv="alloy.item-focus",Nv="alloy.item-toggled",zv=e=>{(Lo(e.element).isNone()||fd.isFocused(e))&&(fd.isFocused(e)||fd.focus(e),Rc(e,Fv,{item:e}))},Lv=e=>{Rc(e,Rv,{item:e})},Vv=y(Fv),Hv=y(Rv),Pv=y(Nv),Uv=e=>e.role.fold((()=>e.toggling?.map((e=>e.exclusive?"menuitemradio":"menuitemcheckbox")).getOr("menuitem")),w);var Wv=[Rr("data"),Rr("components"),Rr("dom"),Qr("hasSubmenu",!1),$r("toggling"),$r("role"),Kp("itemBehaviours",[Yb,fd,wm,Yh]),Qr("ignoreFocus",!1),Qr("domModification",{}),wi("builder",(e=>({dom:e.dom,domModification:{...e.domModification,attributes:{role:Uv(e),...e.domModification.attributes,"aria-haspopup":e.hasSubmenu,...e.hasSubmenu?{"aria-expanded":!1}:{}}},behaviours:Jp(e.itemBehaviours,[e.toggling.fold(Yb.revoke,(t=>Yb.config(((e,t)=>({aria:{mode:t?"selected":"checked"},...me(e,((e,t)=>"exclusive"!==t)),onToggled:(t,o)=>{p(e.onToggled)&&e.onToggled(t,o),((e,t)=>{Rc(e,Nv,{item:e,state:t})})(t,o)}}))(t,e.role.exists((e=>"option"===e)))))),fd.config({ignore:e.ignoreFocus,stopMousedown:e.ignoreFocus,onFocus:e=>{Lv(e)}}),wm.config({mode:"execution"}),Yh.config({store:{mode:"memory",initialValue:e.data}}),ud("item-type-events",[...kv(),Wc(va(),zv),Wc(za(),fd.focus)])]),components:e.components,eventOrder:e.eventOrder}))),Qr("eventOrder",{})],$v=[Rr("dom"),Rr("components"),wi("builder",(e=>({dom:e.dom,components:e.components,events:Hc([Yc(za())])})))];const Gv=y("item-widget"),jv=y([Ji({name:"widget",overrides:e=>({behaviours:rd([Yh.config({store:{mode:"manual",getValue:t=>e.data,setValue:b}})])})})]),qv=[Rr("uid"),Rr("data"),Rr("components"),Rr("dom"),Qr("autofocus",!1),Qr("ignoreFocus",!1),Kp("widgetBehaviours",[Yh,fd,wm]),Qr("domModification",{}),vl(jv()),wi("builder",(e=>{const t=cl(Gv(),e,jv()),o=dl(Gv(),e,t.internals()),n=t=>ul(t,e,"widget")?.map((e=>(wm.focusIn(e),e))),s=(t,o)=>Zd(o.event.target)?A.none():e.autofocus?(o.setSource(t.element),A.none()):A.none();return{dom:e.dom,components:o,domModification:e.domModification,events:Hc([ed(((e,t)=>{n(e).each((e=>{t.stop()}))})),Wc(va(),zv),Wc(za(),((t,o)=>{e.autofocus?n(t):fd.focus(t)}))]),behaviours:Jp(e.widgetBehaviours,[Yh.config({store:{mode:"memory",initialValue:e.data}}),fd.config({ignore:e.ignoreFocus,onFocus:e=>{Lv(e)}}),wm.config({mode:"special",focusIn:e.autofocus?e=>{n(e)}:dd(),onLeft:s,onRight:s,onEscape:(t,o)=>fd.isFocused(t)||e.autofocus?e.autofocus?(o.setSource(t.element),A.none()):A.none():(fd.focus(t),A?.some(!0))})])}}))],Xv=Mr("type",{widget:qv,item:Wv,separator:$v}),Yv=y([el({factory:{sketch:e=>{const t=Er("menu.spec item",Xv,e);return t.builder(t)}},name:"items",unit:"item",defaults:(e,t)=>be(t,"uid")?t:{...t,uid:lg("item")},overrides:(e,t)=>({type:t.type,ignoreFocus:e.fakeFocus,domModification:{classes:[e.markers.item]}})})]),Kv=y([qr("role"),Rr("value"),Rr("items"),Rr("dom"),Rr("components"),Qr("eventOrder",{}),qp("menuBehaviours",[Gd,Yh,zg,wm]),Zr("movement",{mode:"menu",moveOnTab:!0},Mr("mode",{grid:[Ci(),wi("config",((e,t)=>({mode:"flatgrid",selector:"."+e.markers.item,initSize:{numColumns:t.initSize.numColumns,numRows:t.initSize.numRows},focusManager:e.focusManager})))],matrix:[wi("config",((e,t)=>({mode:"matrix",selectors:{row:t.rowSelector,cell:"."+e.markers.item},previousSelector:t.previousSelector,focusManager:e.focusManager}))),Rr("rowSelector"),Qr("previousSelector",A.none)],menu:[Qr("moveOnTab",!0),wi("config",((e,t)=>({mode:"menu",selector:"."+e.markers.item,moveOnTab:t.moveOnTab,focusManager:e.focusManager})))]})),Nr("markers",mi()),Qr("fakeFocus",!1),Qr("focusManager",qd()),bi("onHighlight"),bi("onDehighlight"),Qr("showMenuRole",!0)]),Jv=y("alloy.menu-focus"),Qv=sh({name:"Menu",configFields:Kv(),partFields:Yv(),factory:(e,t,o,n)=>({uid:e.uid,dom:e.dom,markers:e.markers,behaviours:Yp(e.menuBehaviours,[Gd.config({highlightClass:e.markers.selectedItem,itemClass:e.markers.item,onHighlight:e.onHighlight,onDehighlight:e.onDehighlight}),Yh.config({store:{mode:"memory",initialValue:e.value}}),zg.config({find:A.some}),wm.config(e.movement.config(e,e.movement))]),events:Hc([Wc(Hv(),((e,t)=>{const o=t.event;e.getSystem().getByDom(o.target).each((o=>{Gd.highlight(e,o),t.stop(),Rc(e,Jv(),{menu:e,item:o})}))})),Wc(Vv(),((e,t)=>{const o=t.event.item;Gd.highlight(e,o)})),Wc(Pv(),((e,t)=>{const{item:o,state:n}=t.event;n&&"menuitemradio"===qo(o.element,"role")&&((e,t)=>{const o=ms(e.element,'[role="menuitemradio"][aria-checked="true"]');V(o,(o=>{yt(o,t.element)||e.getSystem().getByDom(o).each((e=>{Yb.off(e)}))}))})(e,o)}))]),components:t,eventOrder:e.eventOrder,...e.showMenuRole?{domModification:{attributes:{role:e.role.getOr("menu")}}}:{}})}),Zv=(e,t,o,n)=>fe(o,n).bind((n=>fe(e,n).bind((n=>{const s=Zv(e,t,o,n);return A?.some([n].concat(s))})))).getOr([]),ex=e=>"prepared"===e.type?A?.some(e.menu):A.none(),tx=()=>{const e=ye({}),t=ye({}),o=ye({}),n=Xe(),s=ye({}),r=e=>a(e).bind(ex),a=e=>fe(t.get(),e),i=t=>fe(e.get(),t);return{setMenuBuilt:(e,o)=>{t.set({...t.get(),[e]:{type:"prepared",menu:o}})},setContents:(r,a,i,l)=>{n.set(r),e.set(i),t.set(a),s.set(l);const c=((e,t)=>{const o={};ie(e,((e,t)=>{V(e,(e=>{o[e]=t}))}));const n=t,s=ce(t,((e,t)=>({k:e,v:t}))),r=le(s,((e,t)=>[t].concat(Zv(o,n,s,t))));return le(o,(e=>fe(r,e).getOr([e])))})(l,i);o.set(c)},expand:t=>fe(e.get(),t)?.map((e=>{const n=fe(o.get(),t).getOr([]);return[e].concat(n)})),refresh:e=>fe(o.get(),e),collapse:e=>fe(o.get(),e).bind((e=>e.length>1?A?.some(e.slice(1)):A.none())),lookupMenu:a,lookupItem:i,otherMenus:e=>{const t=s.get();return K(re(t),e)},getPrimary:()=>n.get().bind(r),getMenus:()=>t.get(),clear:()=>{e.set({}),t.set({}),o.set({}),n.clear()},isClear:()=>n.get().isNone(),getTriggeringPath:(t,s)=>{const a=P(i(t).toArray(),(e=>r(e).isSome()));return fe(o.get(),t).bind((t=>{const o=Y(a.concat(t));return(e=>{const t=[];for(let o=0;o<e.length;o++){const n=e[o];if(!n.isSome())return A.none();t.push(n.getOrDie())}return A?.some(t)})(q(o,((t,a)=>((t,o,n)=>r(t).bind((s=>(t=>pe(e.get(),((e,o)=>e===t)))(t).bind((e=>o(e)?.map((e=>({triggeredMenu:s,triggeringItem:e,triggeringPath:n}))))))))(t,s,o.slice(0,a+1)).fold((()=>He(n.get(),t)?[]:[A.none()]),(e=>[A?.some(e)])))))}))}}},ox=ex,nx=Ne("tiered-menu-item-highlight"),sx=Ne("tiered-menu-item-dehighlight"),rx=y("collapse-item"),ax=nh({name:"TieredMenu",configFields:[yi("onExecute"),yi("onEscape"),xi("onOpenMenu"),xi("onOpenSubmenu"),bi("onRepositionMenu"),bi("onCollapseMenu"),Qr("highlightOnOpen",Ac.HighlightMenuAndItem),Pr("data",[Rr("primary"),Rr("menus"),Rr("expansions")]),Qr("fakeFocus",!1),bi("onHighlightItem"),bi("onDehighlightItem"),bi("onHover"),pi(),Rr("dom"),Qr("navigateOnHover",!0),Qr("stayInDom",!1),qp("tmenuBehaviours",[wm,Gd,zg,Zm]),Qr("eventOrder",{})],apis:{collapseMenu:(e,t)=>{e.collapseMenu(t)},highlightPrimary:(e,t)=>{e.highlightPrimary(t)},repositionMenus:(e,t)=>{e.repositionMenus(t)}},factory:(e,t)=>{const o=Xe(),n=tx(),s=e=>Yh.getValue(e).value,r=t=>le(e.data.menus,((e,t)=>q(e.items,(e=>"separator"===e.type?[]:[e.data.value])))),a=Gd.highlight,i=(t,o)=>{a(t,o),Gd.getHighlighted(o).orThunk((()=>Gd.getFirst(o))).each((n=>{e.fakeFocus?Gd.highlight(o,n):zc(t,n.element,za())}))},l=(e,t)=>Pe(L(t,(t=>e.lookupMenu(t).bind((e=>"prepared"===e.type?A?.some(e.menu):A.none()))))),c=(t,o,n)=>{const s=l(o,o.otherMenus(n));V(s,(o=>{is(o.element,[e.markers.backgroundMenu]),e.stayInDom||Zm.remove(t,o)}))},d=(t,n)=>{const r=(t=>o.get().getOrThunk((()=>{const n={},r=ms(t.element,`.${e.markers.item}`),a=P(r,(e=>"true"===qo(e,"aria-haspopup")));return V(a,(e=>{t.getSystem().getByDom(e).each((e=>{const t=s(e);n[t]=e}))})),o.set(n),n})))(t);ie(r,((e,t)=>{const o=F(n,t);Go(e.element,"aria-expanded",o)}))},u=(t,o,n)=>A.from(n[0]).bind((s=>o.lookupMenu(s).bind((s=>{if("notbuilt"===s.type)return A.none();{const r=s.menu,a=l(o,n.slice(1));return V(a,(t=>{os(t.element,e.markers.backgroundMenu)})),sn(r.element)||Zm.append(t,Mg(r)),is(r.element,[e.markers.backgroundMenu]),i(t,r),c(t,o,n),A?.some(r)}}))));let m;!function(e){e[e.HighlightSubmenu=0]="HighlightSubmenu",e[e.HighlightParent=1]="HighlightParent"}(m||(m={}));const g=(t,o,r=m.HighlightSubmenu)=>{if(o.hasConfigured(tp)&&tp.isDisabled(o))return A?.some(o);{const a=s(o);return n.expand(a).bind((s=>(d(t,s),A.from(s[0]).bind((a=>n.lookupMenu(a).bind((i=>{const l=((e,t,o)=>{if("notbuilt"===o.type){const s=e.getSystem().build(o.nbMenu());return n.setMenuBuilt(t,s),s}return o.menu})(t,a,i);return sn(l.element)||Zm.append(t,Mg(l)),e.onOpenSubmenu(t,o,l,Y(s)),r===m.HighlightSubmenu?(Gd.highlightFirst(l),u(t,n,s)):(Gd.dehighlightAll(l),A?.some(o))})))))))}},p=(t,o)=>{const r=s(o);return n.collapse(r).bind((s=>(d(t,s),u(t,n,s)?.map((n=>(e.onCollapseMenu(t,o,n),n))))))},h=t=>(o,n)=>Yn(n.getSource(),`.${e.markers.item}`).bind((e=>o.getSystem().getByDom(e).toOptional().bind((e=>t(o,e)?.map(E))))),f=Hc([Wc(Jv(),((e,t)=>{const o=t.event.item;n.lookupItem(s(o)).each((()=>{const o=t.event.menu;Gd.highlight(e,o);const r=s(t.event.item);n.refresh(r).each((t=>c(e,n,t)))}))})),ed(((t,o)=>{const n=o.event.target;t.getSystem().getByDom(n).each((o=>{0===s(o).indexOf("collapse-item")&&p(t,o),g(t,o,m.HighlightSubmenu).fold((()=>{e.onExecute(t,o)}),b)}))})),Jc(((t,o)=>{(t=>{const o=((t,o,n)=>le(n,((n,s)=>{const r=()=>Qv.sketch({...n,value:s,markers:e.markers,fakeFocus:e.fakeFocus,onHighlight:(e,t)=>{Rc(e,nx,{menuComp:e,itemComp:t})},onDehighlight:(e,t)=>{Rc(e,sx,{menuComp:e,itemComp:t})},focusManager:e.fakeFocus?Xd():qd()});return s===o?{type:"prepared",menu:t.getSystem().build(r())}:{type:"notbuilt",nbMenu:r}})))(t,e.data.primary,e.data.menus),s=r();return n.setContents(e.data.primary,o,e.data.expansions,s),n.getPrimary()})(t).each((o=>{Zm.append(t,Mg(o)),e.onOpenMenu(t,o),e.highlightOnOpen===Ac.HighlightMenuAndItem?i(t,o):e.highlightOnOpen===Ac.HighlightJustMenu&&a(t,o)}))})),Wc(nx,((t,o)=>{e.onHighlightItem(t,o.event.menuComp,o.event.itemComp)})),Wc(sx,((t,o)=>{e.onDehighlightItem(t,o.event.menuComp,o.event.itemComp)})),...e.navigateOnHover?[Wc(Vv(),((t,o)=>{const r=o.event.item;((e,t)=>{const o=s(t);n.refresh(o).bind((t=>(d(e,t),u(e,n,t))))})(t,r),g(t,r,m.HighlightParent),e.onHover(t,r)}))]:[]]),v=e=>Gd.getHighlighted(e).bind(Gd.getHighlighted),x={collapseMenu:e=>{v(e).each((t=>{p(e,t)}))},highlightPrimary:e=>{n.getPrimary().each((t=>{i(e,t)}))},repositionMenus:t=>{const o=n.getPrimary().bind((e=>v(t).bind((e=>{const t=s(e),o=he(n.getMenus()),r=Pe(L(o,ox));return n.getTriggeringPath(t,(e=>((e,t,o)=>se(t,(e=>{if(!e.getSystem().isConnected())return A.none();const t=Gd.getCandidates(e);return $(t,(e=>s(e)===o))})))(0,r,e)))}))?.map((t=>({primary:e,triggeringPath:t})))));o.fold((()=>{(e=>A.from(e.components()[0]).filter((e=>"menu"===qo(e.element,"role"))))(t).each((o=>{e.onRepositionMenu(t,o,[])}))}),(({primary:o,triggeringPath:n})=>{e.onRepositionMenu(t,o,n)}))}};return{uid:e.uid,dom:e.dom,markers:e.markers,behaviours:Yp(e.tmenuBehaviours,[wm.config({mode:"special",onRight:h(((e,t)=>Zd(t.element)?A.none():g(e,t,m.HighlightSubmenu))),onLeft:h(((e,t)=>Zd(t.element)?A.none():p(e,t))),onEscape:h(((t,o)=>p(t,o).orThunk((()=>e.onEscape(t,o)?.map((()=>t)))))),focusIn:(e,t)=>{n.getPrimary().each((t=>{zc(e,t.element,za())}))}}),Gd.config({highlightClass:e.markers.selectedMenu,itemClass:e.markers.menu}),zg.config({find:e=>Gd.getHighlighted(e)}),Zm.config({})]),eventOrder:e.eventOrder,apis:x,events:f}},extraApis:{tieredData:(e,t,o)=>({primary:e,menus:t,expansions:o}),singleData:(e,t)=>({primary:e,menus:ia(e,t),expansions:{}}),collapseItem:e=>({value:Ne(rx()),meta:{text:e}})}}),ix=y("sink"),lx=y(Zi({name:ix(),overrides:y({dom:{tag:"div"},behaviours:rd([Zf.config({useFixed:E})]),events:Hc([Xc(wa()),Xc(pa()),Xc(Oa())])})})),cx=br([Qr("isExtraPart",T),Jr("fireEventInstead",[Qr("event",Ya())])]),dx=e=>{const t=Er("Dismissal",cx,e);return{[gv()]:{schema:br([Rr("target")]),onReceive:(e,o)=>{bb.isOpen(e)&&(bb.isPartOf(e,o.target)||t.isExtraPart(e,o.target)||t.fireEventInstead.fold((()=>bb.close(e)),(t=>Fc(e,t.event))))}}}},ux=br([Jr("fireEventInstead",[Qr("event",Ka())]),Hr("doReposition")]),mx=e=>{const t=Er("Reposition",ux,e);return{[pv()]:{onReceive:e=>{bb.isOpen(e)&&t.fireEventInstead.fold((()=>t.doReposition(e)),(t=>Fc(e,t.event)))}}}},gx=(e,t)=>{const o=e.getHotspot(t).getOr(t),n="hotspot",s=e.getAnchorOverrides();return e.layouts.fold((()=>({type:n,hotspot:o,overrides:s})),(e=>({type:n,hotspot:o,overrides:s,layouts:e})))},px=(e,t,o,n,s,r,a)=>{const i=((e,t,o,n,s,r,a)=>{const i=((e,t,o)=>(0,e.fetch)(o)?.map(t))(e,t,n),l=bx(n,e);return i?.map((t=>t.bind((t=>{const i=t.menus[t.primary];return A.from(i).each((t=>{e.listRole.each((e=>{t.role=e}))})),A.from(ax.sketch({...r.menu(),uid:lg(""),data:t,highlightOnOpen:a,onOpenMenu:(e,t)=>{const n=l().getOrDie();Zf.position(n,t,{anchor:o}),bb.decloak(s)},onOpenSubmenu:(e,t,o)=>{const n=l().getOrDie();Zf.position(n,o,{anchor:{type:"submenu",item:t}}),bb.decloak(s)},onRepositionMenu:(e,t,n)=>{const s=l().getOrDie();Zf.position(s,t,{anchor:o}),V(n,(e=>{Zf.position(s,e.triggeredMenu,{anchor:{type:"submenu",item:e.triggeringItem}})}))},onEscape:()=>(fd.focus(n),bb.close(s),A?.some(!0))}))}))))})(e,t,gx(e,o),o,n,s,a);return i?.map((e=>(e.fold((()=>{bb.isOpen(n)&&bb.close(n)}),(e=>{bb.cloak(n),bb.open(n,e),r(n)})),n)))},hx=(e,t,o,n,s,r,a)=>(bb.close(n),_e(n)),fx=(e,t,o,n,s,r)=>{const a=Pg.getCoupled(o,"sandbox");return(bb.isOpen(a)?hx:px)(e,t,o,a,n,s,r)},bx=(e,t)=>e.getSystem().getByUid(t.uid+"-"+ix())?.map((e=>()=>Ae.value(e))).getOrThunk((()=>t.lazySink.fold((()=>()=>Ae.error(new Error("No internal sink is specified, nor could an external sink be found"))),(t=>()=>t(e))))),vx=e=>{bb.getState(e).each((e=>{ax.repositionMenus(e)}))},xx=(e,t,o)=>{const n=Bv(),s=bx(t,e);return{dom:{tag:"div",classes:e.sandboxClasses,attributes:{id:n.id}},behaviours:Jp(e.sandboxBehaviours,[Yh.config({store:{mode:"memory",initialValue:t}}),bb.config({onOpen:(s,r)=>{const a=gx(e,t);n.link(t.element),e.matchWidth&&((e,t,o)=>{const n=zg.getCurrent(t).getOr(t),s=Tn(e.element);o?dn(n.element,"min-width",s+"px"):((e,t)=>{On.set(e,t)})(n.element,s)})(a.hotspot,r,e.useMinWidth),e.onOpen(a,s,r),void 0!==o&&void 0!==o.onOpen&&o.onOpen(s,r)},onClose:(e,r)=>{n.unlink(t.element),s().getOr(r).element.dom.dispatchEvent(new window.FocusEvent("focusout")),void 0!==o&&void 0!==o.onClose&&o.onClose(e,r)},isPartOf:(e,o,n)=>Iv(o,n)||Iv(t,n),getAttachPoint:()=>s().getOrDie()}),zg.config({find:e=>bb.getState(e).bind((e=>zg.getCurrent(e)))}),ob.config({channels:{...dx({isExtraPart:T}),...mx({doReposition:vx})}})])}},yx=e=>{const t=Pg.getCoupled(e,"sandbox");vx(t)},wx=()=>[Qr("sandboxClasses",[]),Kp("sandboxBehaviours",[zg,ob,bb,Yh])],Sx=y([Rr("dom"),Rr("fetch"),bi("onOpen"),vi("onExecute"),Qr("getHotspot",A.some),Qr("getAnchorOverrides",y({})),hf(),qp("dropdownBehaviours",[Yb,Pg,wm,fd]),Rr("toggleClass"),Qr("eventOrder",{}),$r("lazySink"),Qr("matchWidth",!1),Qr("useMinWidth",!1),$r("role"),$r("listRole")].concat(wx())),Cx=y([Qi({schema:[pi(),Qr("fakeFocus",!1)],name:"menu",defaults:e=>({onExecute:e.onExecute})}),lx()]),kx=sh({name:"Dropdown",configFields:Sx(),partFields:Cx(),factory:(e,t,o,n)=>{const s=e=>{bb.getState(e).each((e=>{ax.highlightPrimary(e)}))},r=(t,o,s)=>fx(e,w,t,n,o,s),a={expand:e=>{Yb.isOn(e)||r(e,b,Ac.HighlightNone).get(b)},open:e=>{Yb.isOn(e)||r(e,b,Ac.HighlightMenuAndItem).get(b)},refetch:t=>Pg.getExistingCoupled(t,"sandbox").fold((()=>r(t,b,Ac.HighlightMenuAndItem)?.map(b)),(o=>px(e,w,t,o,n,b,Ac.HighlightMenuAndItem)?.map(b))),isOpen:Yb.isOn,close:e=>{Yb.isOn(e)&&r(e,b,Ac.HighlightMenuAndItem).get(b)},repositionMenus:e=>{Yb.isOn(e)&&yx(e)}},i=(e,t)=>(Nc(e),A?.some(!0));return{uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.dropdownBehaviours,[Yb.config({toggleClass:e.toggleClass,aria:{mode:"expanded"}}),Pg.config({others:{sandbox:t=>xx(e,t,{onOpen:()=>Yb.on(t),onClose:()=>Yb.off(t)})}}),wm.config({mode:"special",onSpace:i,onEnter:i,onDown:(e,t)=>{if(kx.isOpen(e)){const t=Pg.getCoupled(e,"sandbox");s(t)}else kx.open(e);return A?.some(!0)},onEscape:(e,t)=>kx.isOpen(e)?(kx.close(e),A?.some(!0)):A.none()}),fd.config({})]),events:Ov(A?.some((e=>{r(e,s,Ac.HighlightMenuAndItem).get(b)}))),eventOrder:{...e.eventOrder,[Na()]:["disabling","toggling","alloy.base.behaviour"]},apis:a,domModification:{attributes:{"aria-haspopup":e.listRole.getOr("true"),...e.role.fold((()=>({})),(e=>({role:e}))),..."button"===e.dom.tag?{type:fe(e.dom,"attributes").bind((e=>fe(e,"type"))).getOr("button")}:{}}}}},apis:{open:(e,t)=>e.open(t),refetch:(e,t)=>e.refetch(t),expand:(e,t)=>e.expand(t),close:(e,t)=>e.close(t),isOpen:(e,t)=>e.isOpen(t),repositionMenus:(e,t)=>e.repositionMenus(t)}}),Ox="form",_x=[qp("formBehaviours",[Yh])],Tx=e=>"<alloy.field."+e+">",Ex=(e,t)=>({uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.formBehaviours,[Yh.config({store:{mode:"manual",getValue:t=>{const o=pl(t,e);return le(o,((e,t)=>e().bind((e=>{return o=zg.getCurrent(e),n=new Error(`Cannot find a current component to extract the value from for form part '${t}': `+si(e.element)),o.fold((()=>Ae.error(n)),Ae.value);var o,n}))?.map(Yh.getValue)))},setValue:(t,o)=>{ie(o,((o,n)=>{ul(t,e,n).each((e=>{zg.getCurrent(e).each((e=>{Yh.setValue(e,o)}))}))}))}}})]),apis:{getField:(t,o)=>ul(t,e,o).bind(zg.getCurrent)}}),Ax={getField:Om(((e,t,o)=>e.getField(t,o))),sketch:e=>{const t=(()=>{const e=[];return{field:(t,o)=>(e.push(t),al(Ox,Tx(t),o)),record:y(e)}})(),o=e(t),n=t.record(),s=L(n,(e=>Ji({name:e,pname:Tx(e)})));return Zp(Ox,_x,s,Ex,o)}},Mx=y([Rr("dom"),Qr("shell",!0),qp("toolbarBehaviours",[Zm])]),Dx=y([Zi({name:"groups",overrides:()=>({behaviours:rd([Zm.config({})])})})]),Bx=sh({name:"Toolbar",configFields:Mx(),partFields:Dx(),factory:(e,t,o,n)=>{const s=e.shell?{behaviours:[Zm.config({})],components:[]}:{behaviours:[],components:t};return{uid:e.uid,dom:e.dom,components:s.components,behaviours:Yp(e.toolbarBehaviours,s.behaviours),apis:{setGroups:(t,o)=>{var n;(n=t,e.shell?A?.some(n):ul(n,e,"groups")).fold((()=>{throw console.error("Toolbar was defined to not be a shell, but no groups container was specified in components"),new Error("Toolbar was defined to not be a shell, but no groups container was specified in components")}),(e=>{Zm.set(e,o)}))},refresh:b},domModification:{attributes:{role:"group"}}}},apis:{setGroups:(e,t,o)=>{e.setGroups(t,o)}}}),Ix=y([hi(["toggledClass"]),Rr("lazySink"),Hr("fetch"),Yr("getBounds"),Jr("fireDismissalEventInstead",[Qr("event",Ya())]),hf(),bi("onToggled")]),Fx=y([Qi({name:"button",overrides:e=>({dom:{attributes:{"aria-haspopup":"true"}},buttonBehaviours:rd([Yb.config({toggleClass:e.markers.toggledClass,aria:{mode:"expanded"},toggleOnExecute:!1,onToggled:e.onToggled})])})}),Qi({factory:Bx,schema:Mx(),name:"toolbar",overrides:e=>({toolbarBehaviours:rd([wm.config({mode:"cyclic",onEscape:t=>(ul(t,e,"button").each(fd.focus),A.none())})])})})]),Rx=Xe(),Nx=(e,t)=>{const o=Pg.getCoupled(e,"toolbarSandbox");bb.isOpen(o)?bb.close(o):bb.open(o,t.toolbar())},zx=(e,t,o,n)=>{const s=o.getBounds?.map((e=>e())),r=o.lazySink(e).getOrDie();Zf.positionWithinBounds(r,t,{anchor:{type:"hotspot",hotspot:e,layouts:n,overrides:{maxWidthFunction:Oc()}}},s)},Lx=(e,t,o,n,s)=>{Bx.setGroups(t,s),zx(e,t,o,n),Yb.on(e)},Vx=sh({name:"FloatingToolbarButton",factory:(e,t,o,n)=>({..._v.sketch({...n.button(),action:e=>{Nx(e,n)},buttonBehaviours:Jp({dump:n.button().buttonBehaviours},[Pg.config({others:{toolbarSandbox:t=>((e,t,o)=>{const n=Bv();return{dom:{tag:"div",attributes:{id:n.id}},behaviours:rd([wm.config({mode:"special",onEscape:e=>(bb.close(e),A?.some(!0))}),bb.config({onOpen:(s,r)=>{const a=Rx.get().getOr(!1);o.fetch().get((s=>{Lx(e,r,o,t.layouts,s),n.link(e.element),a||wm.focusIn(r)}))},onClose:()=>{Yb.off(e),Rx.get().getOr(!1)||fd.focus(e),n.unlink(e.element)},isPartOf:(t,o,n)=>Iv(o,n)||Iv(e,n),getAttachPoint:()=>o.lazySink(e).getOrDie()}),ob.config({channels:{...dx({isExtraPart:T,...o.fireDismissalEventInstead?.map((e=>({fireEventInstead:{event:e.event}}))).getOr({})}),...mx({doReposition:()=>{bb.getState(Pg.getCoupled(e,"toolbarSandbox")).each((n=>{zx(e,n,o,t.layouts)}))}})}})])}})(t,o,e)}})])}),apis:{setGroups:(t,n)=>{bb.getState(Pg.getCoupled(t,"toolbarSandbox")).each((s=>{Lx(t,s,e,o.layouts,n)}))},reposition:t=>{bb.getState(Pg.getCoupled(t,"toolbarSandbox")).each((n=>{zx(t,n,e,o.layouts)}))},toggle:e=>{Nx(e,n)},toggleWithoutFocusing:e=>{((e,t)=>{Rx.set(!0),Nx(e,t),Rx.clear()})(e,n)},getToolbar:e=>bb.getState(Pg.getCoupled(e,"toolbarSandbox")),isOpen:e=>bb.isOpen(Pg.getCoupled(e,"toolbarSandbox"))}}),configFields:Ix(),partFields:Fx(),apis:{setGroups:(e,t,o)=>{e.setGroups(t,o)},reposition:(e,t)=>{e.reposition(t)},toggle:(e,t)=>{e.toggle(t)},toggleWithoutFocusing:(e,t)=>{e.toggleWithoutFocusing(t)},getToolbar:(e,t)=>e.getToolbar(t),isOpen:(e,t)=>e.isOpen(t)}}),Hx=y([Qr("prefix","form-field"),qp("fieldBehaviours",[zg,Yh])]),Px=y([Zi({schema:[Rr("dom")],name:"label"}),Zi({factory:{sketch:e=>({uid:e.uid,dom:{tag:"span",styles:{display:"none"},attributes:{"aria-hidden":"true"},innerHtml:e.text}})},schema:[Rr("text")],name:"aria-descriptor"}),Ji({factory:{sketch:e=>{const t=((e,t)=>{const o={};return ie(e,((e,n)=>{F(t,n)||(o[n]=e)})),o})(e,["factory"]);return e.factory.sketch(t)}},schema:[Rr("factory")],name:"field"})]),Ux=sh({name:"FormField",configFields:Hx(),partFields:Px(),factory:(e,t,o,n)=>{const s=Yp(e.fieldBehaviours,[zg.config({find:t=>ul(t,e,"field")}),Yh.config({store:{mode:"manual",getValue:e=>zg.getCurrent(e).bind(Yh.getValue),setValue:(e,t)=>{zg.getCurrent(e).each((e=>{Yh.setValue(e,t)}))}}})]),r=Hc([Jc(((t,o)=>{const n=gl(t,e,["label","field","aria-descriptor"]);n.field().each((t=>{const o=Ne(e.prefix);n.label().each((e=>{Go(e.element,"for",o),Go(t.element,"id",o)})),n["aria-descriptor"]().each((o=>{const n=Ne(e.prefix);Go(o.element,"id",n),Go(t.element,"aria-describedby",n)}))}))}))]),a={getField:t=>ul(t,e,"field"),getLabel:t=>ul(t,e,"label")};return{uid:e.uid,dom:e.dom,components:t,behaviours:s,events:r,apis:a}},apis:{getField:(e,t)=>e.getField(t),getLabel:(e,t)=>e.getLabel(t)}}),Wx=y([Qr("field1Name","field1"),Qr("field2Name","field2"),xi("onLockedChange"),hi(["lockClass"]),Qr("locked",!1),Kp("coupledFieldBehaviours",[zg,Yh]),sa("onInput",b)]),$x=(e,t)=>Ji({factory:Ux,name:e,overrides:e=>({fieldBehaviours:rd([ud("coupled-input-behaviour",[Wc(Ca(),(o=>{((e,t,o)=>ul(e,t,o).bind(zg.getCurrent))(o,e,t).each((t=>{ul(o,e,"lock").each((n=>{Yb.isOn(n)&&e.onLockedChange(o,t,n),e.onInput(o)}))}))}))])])})}),Gx=y([$x("field1","field2"),$x("field2","field1"),Ji({factory:_v,schema:[Rr("dom")],name:"lock",overrides:e=>({buttonBehaviours:rd([Yb.config({selected:e.locked,toggleClass:e.markers.lockClass,aria:{mode:"pressed"}})])})})]),jx=sh({name:"FormCoupledInputs",configFields:Wx(),partFields:Gx(),factory:(e,t,o,n)=>({uid:e.uid,dom:e.dom,components:t,behaviours:Jp(e.coupledFieldBehaviours,[zg.config({find:A.some}),Yh.config({store:{mode:"manual",getValue:t=>{const o=fl(t,e,["field1","field2"]);return{[e.field1Name]:Yh.getValue(o.field1()),[e.field2Name]:Yh.getValue(o.field2())}},setValue:(t,o)=>{const n=fl(t,e,["field1","field2"]);ve(o,e.field1Name)&&Yh.setValue(n.field1(),o[e.field1Name]),ve(o,e.field2Name)&&Yh.setValue(n.field2(),o[e.field2Name])}}})]),apis:{getField1:t=>ul(t,e,"field1"),getField2:t=>ul(t,e,"field2"),getLock:t=>ul(t,e,"lock")}}),apis:{getField1:(e,t)=>e.getField1(t),getField2:(e,t)=>e.getField2(t),getLock:(e,t)=>e.getLock(t)}}),qx=nh({name:"HtmlSelect",configFields:[Rr("options"),qp("selectBehaviours",[fd,Yh]),Qr("selectClasses",[]),Qr("selectAttributes",{}),$r("data")],factory:(e,t)=>{const o=L(e.options,(e=>({dom:{tag:"option",value:e.value,innerHtml:e.text}}))),n=e.data?.map((e=>ia("initialValue",e))).getOr({});return{uid:e.uid,dom:{tag:"select",classes:e.selectClasses,attributes:e.selectAttributes},components:o,behaviours:Yp(e.selectBehaviours,[fd.config({}),Yh.config({store:{mode:"manual",getValue:e=>cs(e.element),setValue:(t,o)=>{const n=te(e.options);$(e.options,(e=>e.value===o)).isSome()?ds(t.element,o):-1===t.element.dom.selectedIndex&&""===o&&n.each((e=>ds(t.element,e.value)))},...n}})])}}}),Xx=nh({name:"InlineView",configFields:[Rr("lazySink"),bi("onShow"),bi("onHide"),Yr("onEscape"),qp("inlineBehaviours",[bb,Yh,ob]),Jr("fireDismissalEventInstead",[Qr("event",Ya())]),Jr("fireRepositionEventInstead",[Qr("event",Ka())]),Qr("getRelated",A.none),Qr("isExtraPart",T),Qr("eventOrder",A.none)],factory:(e,t)=>{const o=(t,o,n,s)=>{const r=e.lazySink(t).getOrDie();bb.openWhileCloaked(t,o,(()=>Zf.positionWithinBounds(r,t,n,s()))),Yh.setValue(t,A?.some({mode:"position",config:n,getBounds:s}))},n=(t,o,n,s)=>{const r=((e,t,o,n,s)=>{const r=()=>e.lazySink(t),a="horizontal"===n.type?{layouts:{onLtr:()=>Zl(),onRtl:()=>ec()}}:{},i=e=>(e=>2===e.length)(e)?a:{};return ax.sketch({dom:{tag:"div"},data:n.data,markers:n.menu.markers,highlightOnOpen:n.menu.highlightOnOpen,fakeFocus:n.menu.fakeFocus,onEscape:()=>(bb.close(t),e.onEscape?.map((e=>e(t))),A?.some(!0)),onExecute:()=>A?.some(!0),onOpenMenu:(e,t)=>{Zf.positionWithinBounds(r().getOrDie(),t,o,s())},onOpenSubmenu:(e,t,o,n)=>{const s=r().getOrDie();Zf.position(s,o,{anchor:{type:"submenu",item:t,...i(n)}})},onRepositionMenu:(e,t,n)=>{const a=r().getOrDie();Zf.positionWithinBounds(a,t,o,s()),V(n,(e=>{const t=i(e.triggeringPath);Zf.position(a,e.triggeredMenu,{anchor:{type:"submenu",item:e.triggeringItem,...t}})}))}})})(e,t,o,n,s);bb.open(t,r),Yh.setValue(t,A?.some({mode:"menu",menu:r}))},s=t=>{bb.isOpen(t)&&Yh.getValue(t).each((o=>{switch(o.mode){case"menu":bb.getState(t).each(ax.repositionMenus);break;case"position":const n=e.lazySink(t).getOrDie();Zf.positionWithinBounds(n,t,o.config,o.getBounds())}}))},r={setContent:(e,t)=>{bb.setContent(e,t)},showAt:(e,t,n)=>{const s=A.none;o(e,t,n,s)},showWithinBounds:o,showMenuAt:(e,t,o)=>{n(e,t,o,A.none)},showMenuWithinBounds:n,hide:e=>{bb.isOpen(e)&&(Yh.setValue(e,A.none()),bb.close(e))},getContent:e=>bb.getState(e),reposition:s,isOpen:bb.isOpen};return{uid:e.uid,dom:e.dom,behaviours:Yp(e.inlineBehaviours,[bb.config({isPartOf:(t,o,n)=>Iv(o,n)||((t,o)=>e.getRelated(t).exists((e=>Iv(e,o))))(t,n),getAttachPoint:t=>e.lazySink(t).getOrDie(),onOpen:t=>{e.onShow(t)},onClose:t=>{e.onHide(t)}}),Yh.config({store:{mode:"memory",initialValue:A.none()}}),ob.config({channels:{...dx({isExtraPart:t.isExtraPart,...e.fireDismissalEventInstead?.map((e=>({fireEventInstead:{event:e.event}}))).getOr({})}),...mx({...e.fireRepositionEventInstead?.map((e=>({fireEventInstead:{event:e.event}}))).getOr({}),doReposition:s})}})]),eventOrder:e.eventOrder,apis:r}},apis:{showAt:(e,t,o,n)=>{e.showAt(t,o,n)},showWithinBounds:(e,t,o,n,s)=>{e.showWithinBounds(t,o,n,s)},showMenuAt:(e,t,o,n)=>{e.showMenuAt(t,o,n)},showMenuWithinBounds:(e,t,o,n,s)=>{e.showMenuWithinBounds(t,o,n,s)},hide:(e,t)=>{e.hide(t)},isOpen:(e,t)=>e.isOpen(t),getContent:(e,t)=>e.getContent(t),setContent:(e,t,o)=>{e.setContent(t,o)},reposition:(e,t)=>{e.reposition(t)}}}),Yx=y([ta("type","text"),$r("data"),Qr("inputAttributes",{}),Qr("inputStyles",{}),Qr("tag","input"),Qr("inputClasses",[]),bi("onSetValue"),sa("fromInputValue",w),sa("toInputValue",w),Qr("styles",{}),Qr("eventOrder",{}),qp("inputBehaviours",[Yh,fd]),Qr("selectOnFocus",!0)]),Kx=e=>rd([fd.config({onFocus:e.selectOnFocus?t=>{const o=t.element,n=cs(o);"range"!==e.type&&o.dom.setSelectionRange(0,n.length)}:b})]),Jx=e=>({...Kx(e),...Yp(e.inputBehaviours,[Yh.config({store:{mode:"manual",...e.data?.map((e=>({initialValue:e}))).getOr({}),getValue:t=>e.fromInputValue(cs(t.element)),setValue:(t,o)=>{cs(t.element)!==o&&ds(t.element,e.toInputValue(o))}},onSetValue:e.onSetValue})])}),Qx=e=>({tag:e.tag,attributes:{type:e.type,...e.inputAttributes},styles:e.inputStyles,classes:e.inputClasses}),Zx=nh({name:"Input",configFields:Yx(),factory:(e,t)=>({uid:e.uid,dom:Qx(e),components:[],behaviours:Jx(e),eventOrder:e.eventOrder})}),ey=sl(Gv(),jv()),ty=y([Rr("lazySink"),$r("dragBlockClass"),sa("getBounds",Ls),Qr("useTabstopAt",E),Qr("firstTabstop",0),Qr("eventOrder",{}),qp("modalBehaviours",[wm]),vi("onExecute"),yi("onEscape")]),oy={sketch:w},ny=y([Zi({name:"draghandle",overrides:(e,t)=>({behaviours:rd([Th.config({mode:"mouse",getTarget:e=>Gn(e,'[role="dialog"]').getOr(e),blockerClass:e.dragBlockClass.getOrDie(new Error("The drag blocker class was not specified for a dialog with a drag handle: \n"+JSON.stringify(t,null,2)).message),getBounds:e.getDragBounds})])})}),Ji({schema:[Rr("dom")],name:"title"}),Ji({factory:oy,schema:[Rr("dom")],name:"close"}),Ji({factory:oy,schema:[Rr("dom")],name:"body"}),Zi({factory:oy,schema:[Rr("dom")],name:"footer"}),Qi({factory:{sketch:(e,t)=>({...e,dom:t.dom,components:t.components})},schema:[Qr("dom",{tag:"div",styles:{position:"fixed",left:"0px",top:"0px",right:"0px",bottom:"0px"}}),Qr("components",[])],name:"blocker"})]),sy=sh({name:"ModalDialog",configFields:ty(),partFields:ny(),factory:(e,t,o,n)=>{const s=Xe(),r=Ne("modal-events"),a={...e.eventOrder,[qa()]:[r].concat(e.eventOrder["alloy.system.attached"]||[])},i=Jt();return{uid:e.uid,dom:e.dom,components:t,apis:{show:t=>{s.set(t);const o=e.lazySink(t).getOrDie(),r=n.blocker(),a=o.getSystem().build({...r,components:r.components.concat([Mg(t)]),behaviours:rd([fd.config({}),ud("dialog-blocker-events",[Kc(xa(),(()=>{Fg.isBlocked(t)||wm.focusIn(t)}))])])});Bm(o,a),wm.focusIn(t)},hide:e=>{s.clear(),go(e.element).each((t=>{e.getSystem().getByDom(t).each((e=>{Rm(e)}))}))},getBody:t=>ml(t,e,"body"),getFooter:t=>ul(t,e,"footer"),setIdle:e=>{Fg.unblock(e)},setBusy:(e,t)=>{Fg.block(e,t)}},eventOrder:a,domModification:{attributes:{role:"dialog","aria-modal":"true"}},behaviours:Yp(e.modalBehaviours,[Zm.config({}),wm.config({mode:"cyclic",onEnter:e.onExecute,onEscape:e.onEscape,useTabstopAt:e.useTabstopAt,firstTabstop:e.firstTabstop}),Fg.config({getRoot:s.get}),ud(r,[Jc((t=>{const o=ml(t,e,"title").element,n=(e=>e.dom.textContent)(o);i.os.isMacOS()&&g(n)?Go(t.element,"aria-label",n):((e,t)=>{const o=Xo(e,"id").fold((()=>{const e=Ne("dialog-label");return Go(t,"id",e),e}),w);Go(e,"aria-labelledby",o)})(t.element,o)}))])])}},apis:{show:(e,t)=>{e.show(t)},hide:(e,t)=>{e.hide(t)},getBody:(e,t)=>e.getBody(t),getFooter:(e,t)=>e.getFooter(t),setBusy:(e,t,o)=>{e.setBusy(t,o)},setIdle:(e,t)=>{e.setIdle(t)}}}),ry=Zi({schema:[Rr("dom")],name:"label"}),ay=e=>Zi({name:e+"-edge",overrides:t=>t.model.manager.edgeActions[e].fold((()=>({})),(e=>({events:Hc([$c(da(),((t,o,n)=>e(t,n)),[t]),$c(pa(),((t,o,n)=>e(t,n)),[t]),$c(ha(),((t,o,n)=>{n.mouseIsDown.get()&&e(t,n)}),[t])])})))}),iy=ay("top-left"),ly=ay("top"),cy=ay("top-right"),dy=ay("right"),uy=ay("bottom-right"),my=ay("bottom"),gy=ay("bottom-left"),py=ay("left"),hy=Ji({name:"thumb",defaults:y({dom:{styles:{position:"absolute"}}}),overrides:e=>({events:Hc([jc(da(),e,"spectrum"),jc(ua(),e,"spectrum"),jc(ma(),e,"spectrum"),jc(pa(),e,"spectrum"),jc(ha(),e,"spectrum"),jc(ba(),e,"spectrum")])})}),fy=e=>Bd(e.event),by=Ji({schema:[Ir("mouseIsDown",(()=>ye(!1)))],name:"spectrum",overrides:e=>{const t=e.model.manager,o=(o,n)=>t.getValueFromEvent(n)?.map((n=>t.setValueFrom(o,e,n)));return{behaviours:rd([wm.config({mode:"special",onLeft:(o,n)=>t.onLeft(o,e,fy(n)),onRight:(o,n)=>t.onRight(o,e,fy(n)),onUp:(o,n)=>t.onUp(o,e,fy(n)),onDown:(o,n)=>t.onDown(o,e,fy(n))}),Pb.config({}),fd.config({})]),events:Hc([Wc(da(),o),Wc(ua(),o),Wc(pa(),o),Wc(ha(),((t,n)=>{e.mouseIsDown.get()&&o(t,n)}))])}}});var vy=[ry,py,dy,ly,my,iy,cy,gy,uy,hy,by];const xy=y("slider.change.value"),yy=e=>{const t=e.event.raw;if((e=>-1!==e.type.indexOf("touch"))(t)){const e=t;return void 0!==e.touches&&1===e.touches.length?A?.some(e.touches[0])?.map((e=>Dn(e.clientX,e.clientY))):A.none()}{const e=t;return void 0!==e.clientX?A?.some(e)?.map((e=>Dn(e.clientX,e.clientY))):A.none()}},wy=e=>e.model.minX,Sy=e=>e.model.minY,Cy=e=>e.model.minX-1,ky=e=>e.model.minY-1,Oy=e=>e.model.maxX,_y=e=>e.model.maxY,Ty=e=>e.model.maxX+1,Ey=e=>e.model.maxY+1,Ay=(e,t,o)=>t(e)-o(e),My=e=>Ay(e,Oy,wy),Dy=e=>Ay(e,_y,Sy),By=e=>My(e)/2,Iy=e=>Dy(e)/2,Fy=(e,t)=>t?e.stepSize*e.speedMultiplier:e.stepSize,Ry=e=>e.snapToGrid,Ny=e=>e.snapStart,zy=e=>e.rounded,Ly=(e,t)=>void 0!==e[t+"-edge"],Vy=e=>Ly(e,"left"),Hy=e=>Ly(e,"right"),Py=e=>Ly(e,"top"),Uy=e=>Ly(e,"bottom"),Wy=e=>e.model.value.get(),$y=(e,t)=>({x:e,y:t}),Gy=(e,t)=>{Rc(e,xy(),{value:t})},jy=(e,t,o,n)=>e<t?e:e>o?o:e===t?t-1:Math.max(t,e-n),qy=(e,t,o,n)=>e>o?e:e<t?t:e===o?o+1:Math.min(o,e+n),Xy=(e,t,o)=>Math.max(t,Math.min(o,e)),Yy=e=>{const{min:t,max:o,range:n,value:s,step:r,snap:a,snapStart:i,rounded:l,hasMinEdge:c,hasMaxEdge:d,minBound:u,maxBound:m,screenRange:g}=e,p=c?t-1:t,h=d?o+1:o;if(s<u)return p;if(s>m)return h;{const e=((e,t,o)=>Math.min(o,Math.max(e,t))-t)(s,u,m),c=Xy(e/g*n+t,p,h);return a&&c>=t&&c<=o?((e,t,o,n,s)=>s.fold((()=>{const s=e-t,r=Math.round(s/n)*n;return Xy(t+r,t-1,o+1)}),(t=>{const s=(e-t)%n,r=Math.round(s/n),a=Math.floor((e-t)/n),i=Math.floor((o-t)/n),l=t+Math.min(i,a+r)*n;return Math.max(t,l)})))(c,t,o,r,i):l?Math.round(c):c}},Ky=e=>{const{min:t,max:o,range:n,value:s,hasMinEdge:r,hasMaxEdge:a,maxBound:i,maxOffset:l,centerMinEdge:c,centerMaxEdge:d}=e;return s<t?r?0:c:s>o?a?i:d:(s-t)/n*l},Jy="top",Qy="right",Zy="bottom",ew="left",tw=e=>e.element.dom.getBoundingClientRect(),ow=(e,t)=>e[t],nw=e=>{const t=tw(e);return ow(t,ew)},sw=e=>{const t=tw(e);return ow(t,Qy)},rw=e=>{const t=tw(e);return ow(t,Jy)},aw=e=>{const t=tw(e);return ow(t,Zy)},iw=e=>{const t=tw(e);return ow(t,"width")},lw=e=>{const t=tw(e);return ow(t,"height")},cw=(e,t,o)=>(e+t)/2-o,dw=(e,t)=>{const o=tw(e),n=tw(t),s=ow(o,ew),r=ow(o,Qy),a=ow(n,ew);return cw(s,r,a)},uw=(e,t)=>{const o=tw(e),n=tw(t),s=ow(o,Jy),r=ow(o,Zy),a=ow(n,Jy);return cw(s,r,a)},mw=(e,t)=>{Rc(e,xy(),{value:t})},gw=(e,t,o)=>{const n={min:wy(t),max:Oy(t),range:My(t),value:o,step:Fy(t),snap:Ry(t),snapStart:Ny(t),rounded:zy(t),hasMinEdge:Vy(t),hasMaxEdge:Hy(t),minBound:nw(e),maxBound:sw(e),screenRange:iw(e)};return Yy(n)},pw=e=>(t,o,n)=>((e,t,o,n)=>{const s=(e>0?qy:jy)(Wy(o),wy(o),Oy(o),Fy(o,n));return mw(t,s),A?.some(s)})(e,t,o,n)?.map(E),hw=(e,t,o,n,s,r)=>{const a=((e,t,o,n,s)=>{const r=iw(e),a=n.bind((t=>A?.some(dw(t,e)))).getOr(0),i=s.bind((t=>A?.some(dw(t,e)))).getOr(r),l={min:wy(t),max:Oy(t),range:My(t),value:o,hasMinEdge:Vy(t),hasMaxEdge:Hy(t),minBound:nw(e),minOffset:0,maxBound:sw(e),maxOffset:r,centerMinEdge:a,centerMaxEdge:i};return Ky(l)})(t,r,o,n,s);return nw(t)-nw(e)+a},fw=pw(-1),bw=pw(1),vw=A.none,xw=A.none,yw={"top-left":A.none(),top:A.none(),"top-right":A.none(),right:A?.some(((e,t)=>{Gy(e,Ty(t))})),"bottom-right":A.none(),bottom:A.none(),"bottom-left":A.none(),left:A?.some(((e,t)=>{Gy(e,Cy(t))}))};var ww=Object.freeze({__proto__:null,setValueFrom:(e,t,o)=>{const n=gw(e,t,o);return mw(e,n),n},setToMin:(e,t)=>{const o=wy(t);mw(e,o)},setToMax:(e,t)=>{const o=Oy(t);mw(e,o)},findValueOfOffset:gw,getValueFromEvent:e=>yy(e)?.map((e=>e.left)),findPositionOfValue:hw,setPositionFromValue:(e,t,o,n)=>{const s=Wy(o),r=hw(e,n.getSpectrum(e),s,n.getLeftEdge(e),n.getRightEdge(e),o),a=Tn(t.element)/2;dn(t.element,"left",r-a+"px")},onLeft:fw,onRight:bw,onUp:vw,onDown:xw,edgeActions:yw});const Sw=(e,t)=>{Rc(e,xy(),{value:t})},Cw=(e,t,o)=>{const n={min:Sy(t),max:_y(t),range:Dy(t),value:o,step:Fy(t),snap:Ry(t),snapStart:Ny(t),rounded:zy(t),hasMinEdge:Py(t),hasMaxEdge:Uy(t),minBound:rw(e),maxBound:aw(e),screenRange:lw(e)};return Yy(n)},kw=e=>(t,o,n)=>((e,t,o,n)=>{const s=(e>0?qy:jy)(Wy(o),Sy(o),_y(o),Fy(o,n));return Sw(t,s),A?.some(s)})(e,t,o,n)?.map(E),Ow=(e,t,o,n,s,r)=>{const a=((e,t,o,n,s)=>{const r=lw(e),a=n.bind((t=>A?.some(uw(t,e)))).getOr(0),i=s.bind((t=>A?.some(uw(t,e)))).getOr(r),l={min:Sy(t),max:_y(t),range:Dy(t),value:o,hasMinEdge:Py(t),hasMaxEdge:Uy(t),minBound:rw(e),minOffset:0,maxBound:aw(e),maxOffset:r,centerMinEdge:a,centerMaxEdge:i};return Ky(l)})(t,r,o,n,s);return rw(t)-rw(e)+a},_w=A.none,Tw=A.none,Ew=kw(-1),Aw=kw(1),Mw={"top-left":A.none(),top:A?.some(((e,t)=>{Gy(e,ky(t))})),"top-right":A.none(),right:A.none(),"bottom-right":A.none(),bottom:A?.some(((e,t)=>{Gy(e,Ey(t))})),"bottom-left":A.none(),left:A.none()};var Dw=Object.freeze({__proto__:null,setValueFrom:(e,t,o)=>{const n=Cw(e,t,o);return Sw(e,n),n},setToMin:(e,t)=>{const o=Sy(t);Sw(e,o)},setToMax:(e,t)=>{const o=_y(t);Sw(e,o)},findValueOfOffset:Cw,getValueFromEvent:e=>yy(e)?.map((e=>e.top)),findPositionOfValue:Ow,setPositionFromValue:(e,t,o,n)=>{const s=Wy(o),r=Ow(e,n.getSpectrum(e),s,n.getTopEdge(e),n.getBottomEdge(e),o),a=Sn(t.element)/2;dn(t.element,"top",r-a+"px")},onLeft:_w,onRight:Tw,onUp:Ew,onDown:Aw,edgeActions:Mw});const Bw=(e,t)=>{Rc(e,xy(),{value:t})},Iw=(e,t)=>({x:e,y:t}),Fw=(e,t)=>(o,n,s)=>((e,t,o,n,s)=>{const r=e>0?qy:jy,a=t?Wy(n).x:r(Wy(n).x,wy(n),Oy(n),Fy(n,s)),i=t?r(Wy(n).y,Sy(n),_y(n),Fy(n,s)):Wy(n).y;return Bw(o,Iw(a,i)),A?.some(a)})(e,t,o,n,s)?.map(E),Rw=Fw(-1,!1),Nw=Fw(1,!1),zw=Fw(-1,!0),Lw=Fw(1,!0),Vw={"top-left":A?.some(((e,t)=>{Gy(e,$y(Cy(t),ky(t)))})),top:A?.some(((e,t)=>{Gy(e,$y(By(t),ky(t)))})),"top-right":A?.some(((e,t)=>{Gy(e,$y(Ty(t),ky(t)))})),right:A?.some(((e,t)=>{Gy(e,$y(Ty(t),Iy(t)))})),"bottom-right":A?.some(((e,t)=>{Gy(e,$y(Ty(t),Ey(t)))})),bottom:A?.some(((e,t)=>{Gy(e,$y(By(t),Ey(t)))})),"bottom-left":A?.some(((e,t)=>{Gy(e,$y(Cy(t),Ey(t)))})),left:A?.some(((e,t)=>{Gy(e,$y(Cy(t),Iy(t)))}))};var Hw=Object.freeze({__proto__:null,setValueFrom:(e,t,o)=>{const n=gw(e,t,o.left),s=Cw(e,t,o.top),r=Iw(n,s);return Bw(e,r),r},setToMin:(e,t)=>{const o=wy(t),n=Sy(t);Bw(e,Iw(o,n))},setToMax:(e,t)=>{const o=Oy(t),n=_y(t);Bw(e,Iw(o,n))},getValueFromEvent:e=>yy(e),setPositionFromValue:(e,t,o,n)=>{const s=Wy(o),r=hw(e,n.getSpectrum(e),s.x,n.getLeftEdge(e),n.getRightEdge(e),o),a=Ow(e,n.getSpectrum(e),s.y,n.getTopEdge(e),n.getBottomEdge(e),o),i=Tn(t.element)/2,l=Sn(t.element)/2;dn(t.element,"left",r-i+"px"),dn(t.element,"top",a-l+"px")},onLeft:Rw,onRight:Nw,onUp:zw,onDown:Lw,edgeActions:Vw});const Pw=sh({name:"Slider",configFields:[Qr("stepSize",1),Qr("speedMultiplier",10),Qr("onChange",b),Qr("onChoose",b),Qr("onInit",b),Qr("onDragStart",b),Qr("onDragEnd",b),Qr("snapToGrid",!1),Qr("rounded",!0),$r("snapStart"),Nr("model",Mr("mode",{x:[Qr("minX",0),Qr("maxX",100),Ir("value",(e=>ye(e.mode.minX))),Rr("getInitialValue"),wi("manager",ww)],y:[Qr("minY",0),Qr("maxY",100),Ir("value",(e=>ye(e.mode.minY))),Rr("getInitialValue"),wi("manager",Dw)],xy:[Qr("minX",0),Qr("maxX",100),Qr("minY",0),Qr("maxY",100),Ir("value",(e=>ye({x:e.mode.minX,y:e.mode.minY}))),Rr("getInitialValue"),wi("manager",Hw)]})),qp("sliderBehaviours",[wm,Yh]),Ir("mouseIsDown",(()=>ye(!1)))],partFields:vy,factory:(e,t,o,n)=>{const s=t=>ml(t,e,"thumb"),r=t=>ml(t,e,"spectrum"),a=t=>ul(t,e,"left-edge"),i=t=>ul(t,e,"right-edge"),l=t=>ul(t,e,"top-edge"),c=t=>ul(t,e,"bottom-edge"),d=e.model,u=d.manager,m=(t,o)=>{u.setPositionFromValue(t,o,e,{getLeftEdge:a,getRightEdge:i,getTopEdge:l,getBottomEdge:c,getSpectrum:r})},g=(e,t)=>{d.value.set(t);const o=s(e);m(e,o)},p=t=>{const o=e.mouseIsDown.get();e.mouseIsDown.set(!1),o&&ul(t,e,"thumb").each((o=>{const n=d.value.get();e.onChoose(t,o,n)}))},h=(t,o)=>{o.stop(),e.mouseIsDown.set(!0),e.onDragStart(t,s(t))},f=(t,o)=>{o.stop(),e.onDragEnd(t,s(t)),p(t)},b=t=>{ul(t,e,"spectrum")?.map(wm.focusIn)};return{uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.sliderBehaviours,[wm.config({mode:"special",focusIn:b}),Yh.config({store:{mode:"manual",getValue:e=>d.value.get(),setValue:g}}),ob.config({channels:{[hv()]:{onReceive:p}}})]),events:Hc([Wc(xy(),((t,o)=>{((t,o)=>{g(t,o);const n=s(t);e.onChange(t,n,o),A?.some(!0)})(t,o.event.value)})),Jc(((t,o)=>{const n=d.getInitialValue();d.value.set(n);const a=s(t);m(t,a);const i=r(t);e.onInit(t,a,i,d.value.get())})),Wc(da(),h),Wc(ma(),f),Wc(pa(),((e,t)=>{b(e),h(e,t)})),Wc(ba(),f)]),apis:{resetToMin:t=>{u.setToMin(t,e)},resetToMax:t=>{u.setToMax(t,e)},setValue:g,refresh:m},domModification:{styles:{position:"relative"}}}},apis:{setValue:(e,t,o)=>{e.setValue(t,o)},resetToMin:(e,t)=>{e.resetToMin(t)},resetToMax:(e,t)=>{e.resetToMax(t)},refresh:(e,t)=>{e.refresh(t)}}}),Uw="container",Ww=[qp("slotBehaviours",[])],$w=e=>"<alloy.field."+e+">",Gw=(e,t)=>{const o=t=>hl(e),n=(t,o)=>(n,s)=>ul(n,e,s)?.map((e=>t(e,s))).getOr(o),s=(e,t)=>"true"!==qo(e.element,"aria-hidden"),r=n(s,!1),a=n(((e,t)=>{if(s(e)){const o=e.element;dn(o,"display","none"),Go(o,"aria-hidden","true"),Rc(e,Qa(),{name:t,visible:!1})}})),i=(e=>(t,o)=>{V(o,(o=>e(t,o)))})(a),l=n(((e,t)=>{if(!s(e)){const o=e.element;vn(o,"display"),Ko(o,"aria-hidden"),Rc(e,Qa(),{name:t,visible:!0})}})),c={getSlotNames:o,getSlot:(t,o)=>ul(t,e,o),isShowing:r,hideSlot:a,hideAllSlots:e=>i(e,o()),showSlot:l};return{uid:e.uid,dom:e.dom,components:t,behaviours:Xp(e.slotBehaviours),apis:c}},jw=le({getSlotNames:(e,t)=>e.getSlotNames(t),getSlot:(e,t,o)=>e.getSlot(t,o),isShowing:(e,t,o)=>e.isShowing(t,o),hideSlot:(e,t,o)=>e.hideSlot(t,o),hideAllSlots:(e,t)=>e.hideAllSlots(t),showSlot:(e,t,o)=>e.showSlot(t,o)},(e=>Om(e))),qw={...jw,sketch:e=>{const t=(()=>{const e=[];return{slot:(t,o)=>(e.push(t),al(Uw,$w(t),o)),record:y(e)}})(),o=e(t),n=t.record(),s=L(n,(e=>Ji({name:e,pname:$w(e)})));return Zp(Uw,Ww,s,Gw,o)}},Xw=y([Rr("toggleClass"),Rr("fetch"),xi("onExecute"),Qr("getHotspot",A.some),Qr("getAnchorOverrides",y({})),hf(),xi("onItemExecute"),$r("lazySink"),Rr("dom"),bi("onOpen"),qp("splitDropdownBehaviours",[Pg,wm,fd]),Qr("matchWidth",!1),Qr("useMinWidth",!1),Qr("eventOrder",{}),$r("role"),$r("listRole")].concat(wx())),Yw=Ji({factory:_v,schema:[Rr("dom")],name:"arrow",defaults:()=>({buttonBehaviours:rd([fd.revoke()])}),overrides:e=>({dom:{tag:"span",attributes:{role:"presentation"}},action:t=>{t.getSystem().getByUid(e.uid).each(Nc)},buttonBehaviours:rd([Yb.config({toggleOnExecute:!1,toggleClass:e.toggleClass})])})}),Kw=Ji({factory:_v,schema:[Rr("dom")],name:"button",defaults:()=>({buttonBehaviours:rd([fd.revoke()])}),overrides:e=>({dom:{tag:"span",attributes:{role:"presentation"}},action:t=>{t.getSystem().getByUid(e.uid).each((o=>{e.onExecute(o,t)}))}})}),Jw=y([Yw,Kw,Zi({factory:{sketch:e=>({uid:e.uid,dom:{tag:"span",styles:{display:"none"},attributes:{"aria-hidden":"true"},innerHtml:e.text}})},schema:[Rr("text")],name:"aria-descriptor"}),Qi({schema:[pi()],name:"menu",defaults:e=>({onExecute:(t,o)=>{t.getSystem().getByUid(e.uid).each((n=>{e.onItemExecute(n,t,o)}))}})}),lx()]),Qw=sh({name:"SplitDropdown",configFields:Xw(),partFields:Jw(),factory:(e,t,o,n)=>{const s=e=>{zg.getCurrent(e).each((e=>{Gd.highlightFirst(e),wm.focusIn(e)}))},r=t=>{fx(e,w,t,n,s,Ac.HighlightMenuAndItem).get(b)},a=t=>{const o=ml(t,e,"button");return Nc(o),A?.some(!0)},i={...Hc([Jc(((t,o)=>{ul(t,e,"aria-descriptor").each((e=>{const o=Ne("aria");Go(e.element,"id",o),Go(t.element,"aria-describedby",o)}))}))]),...Ov(A?.some(r))},l={repositionMenus:e=>{Yb.isOn(e)&&yx(e)}};return{uid:e.uid,dom:e.dom,components:t,apis:l,eventOrder:{...e.eventOrder,[Na()]:["disabling","toggling","alloy.base.behaviour"]},events:i,behaviours:Yp(e.splitDropdownBehaviours,[Pg.config({others:{sandbox:t=>{const o=ml(t,e,"arrow");return xx(e,t,{onOpen:()=>{Yb.on(o),Yb.on(t)},onClose:()=>{Yb.off(o),Yb.off(t)}})}}}),wm.config({mode:"special",onSpace:a,onEnter:a,onDown:e=>(r(e),A?.some(!0))}),fd.config({}),Yb.config({toggleOnExecute:!1,aria:{mode:"expanded"}})]),domModification:{attributes:{role:e.role.getOr("button"),"aria-haspopup":!0}}}},apis:{repositionMenus:(e,t)=>e.repositionMenus(t)}}),Zw=(e,t,o)=>({within:e,extra:t,withinWidth:o}),eS=(e,t,o)=>{const n=W(e,((e,t)=>((e,t)=>{const n=o(e);return A?.some({element:e,start:t,finish:t+n,width:n})})(t,e.len).fold(y(e),(t=>({len:t.finish,list:e.list.concat([t])})))),{len:0,list:[]}).list,s=P(n,(e=>e.finish<=t)),r=U(s,((e,t)=>e+t.width),0);return{within:s,extra:n.slice(s.length),withinWidth:r}},tS=e=>L(e,(e=>e.element)),oS=(e,t)=>{const o=L(t,(e=>Mg(e)));Bx.setGroups(e,o)},nS=(e,t,o)=>{const n=t.builtGroups.get();if(0===n.length)return;const s=ml(e,t,"primary"),r=Pg.getCoupled(e,"overflowGroup");dn(s.element,"visibility","hidden");const a=n.concat([r]),i=se(a,(e=>Lo(e.element).bind((t=>e.getSystem().getByDom(t).toOptional()))));o([]),oS(s,a);const l=((e,t,o,n)=>{const s=((e,t,o)=>{const n=eS(t,e,o);return 0===n.extra.length?A?.some(n):A.none()})(e,t,o).getOrThunk((()=>eS(t,e-o(n),o))),r=s.within,a=s.extra,i=s.withinWidth;return 1===a.length&&a[0].width<=o(n)?((e,t,o)=>{const n=tS(e.concat(t));return Zw(n,[],o)})(r,a,i):a.length>=1?((e,t,o,n)=>{const s=tS(e).concat([o]);return Zw(s,tS(t),n)})(r,a,n,i):((e,t,o)=>Zw(tS(e),[],o))(r,0,i)})(Tn(s.element),t.builtGroups.get(),(e=>Math.ceil(e.element.dom.getBoundingClientRect().width)),r);0===l.extra.length?(Zm.remove(s,r),o([])):(oS(s,l.within),o(l.extra)),vn(s.element,"visibility"),xn(s.element),i.each(fd.focus)},sS=y([qp("splitToolbarBehaviours",[Pg]),Ir("builtGroups",(()=>ye([])))]),rS=y([hi(["overflowToggledClass"]),Yr("getOverflowBounds"),Rr("lazySink"),Ir("overflowGroups",(()=>ye([]))),bi("onOpened"),bi("onClosed")].concat(sS())),aS=y([Ji({factory:Bx,schema:Mx(),name:"primary"}),Qi({schema:Mx(),name:"overflow"}),Qi({name:"overflow-button"}),Qi({name:"overflow-group"})]),iS=y([Rr("items"),hi(["itemSelector"]),qp("tgroupBehaviours",[wm])]),lS=y([el({name:"items",unit:"item"})]),cS=sh({name:"ToolbarGroup",configFields:iS(),partFields:lS(),factory:(e,t,o,n)=>({uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.tgroupBehaviours,[wm.config({mode:"flow",selector:e.markers.itemSelector})]),domModification:{attributes:{role:"toolbar"}}})}),dS=e=>L(e,(e=>Mg(e))),uS=(e,t,o)=>{nS(e,o,(n=>{o.overflowGroups.set(n),t.getOpt(e).each((e=>{Vx.setGroups(e,dS(n))}))}))},mS=sh({name:"SplitFloatingToolbar",configFields:rS(),partFields:aS(),factory:(e,t,o,n)=>{const s=dv(Vx.sketch({fetch:()=>Oe((t=>{t(dS(e.overflowGroups.get()))})),layouts:{onLtr:()=>[Ul,Pl],onRtl:()=>[Pl,Ul],onBottomLtr:()=>[$l,Wl],onBottomRtl:()=>[Wl,$l]},getBounds:o.getOverflowBounds,lazySink:e.lazySink,fireDismissalEventInstead:{},markers:{toggledClass:e.markers.overflowToggledClass},parts:{button:n["overflow-button"](),toolbar:n.overflow()},onToggled:(t,o)=>e[o?"onOpened":"onClosed"](t)}));return{uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.splitToolbarBehaviours,[Pg.config({others:{overflowGroup:()=>cS.sketch({...n["overflow-group"](),items:[s.asSpec()]})}})]),apis:{setGroups:(t,o)=>{e.builtGroups.set(L(o,t.getSystem().build)),uS(t,s,e)},refresh:t=>uS(t,s,e),toggle:e=>{s.getOpt(e).each((e=>{Vx.toggle(e)}))},toggleWithoutFocusing:e=>{s.getOpt(e).each(Vx.toggleWithoutFocusing)},isOpen:e=>s.getOpt(e)?.map(Vx.isOpen).getOr(!1),reposition:e=>{s.getOpt(e).each((e=>{Vx.reposition(e)}))},getOverflow:e=>s.getOpt(e).bind(Vx.getToolbar)},domModification:{attributes:{role:"group"}}}},apis:{setGroups:(e,t,o)=>{e.setGroups(t,o)},refresh:(e,t)=>{e.refresh(t)},reposition:(e,t)=>{e.reposition(t)},toggle:(e,t)=>{e.toggle(t)},toggleWithoutFocusing:(e,t)=>{e.toggle(t)},isOpen:(e,t)=>e.isOpen(t),getOverflow:(e,t)=>e.getOverflow(t)}}),gS=y([hi(["closedClass","openClass","shrinkingClass","growingClass","overflowToggledClass"]),bi("onOpened"),bi("onClosed")].concat(sS())),pS=y([Ji({factory:Bx,schema:Mx(),name:"primary"}),Ji({factory:Bx,schema:Mx(),name:"overflow",overrides:e=>({toolbarBehaviours:rd([Ib.config({dimension:{property:"height"},closedClass:e.markers.closedClass,openClass:e.markers.openClass,shrinkingClass:e.markers.shrinkingClass,growingClass:e.markers.growingClass,onShrunk:t=>{ul(t,e,"overflow-button").each((e=>{Yb.off(e)})),e.onClosed(t)},onGrown:t=>{e.onOpened(t)},onStartGrow:t=>{ul(t,e,"overflow-button").each(Yb.on)}}),wm.config({mode:"acyclic",onEscape:t=>(ul(t,e,"overflow-button").each(fd.focus),A?.some(!0))})])})}),Qi({name:"overflow-button",overrides:e=>({buttonBehaviours:rd([Yb.config({toggleClass:e.markers.overflowToggledClass,aria:{mode:"expanded"},toggleOnExecute:!1})])})}),Qi({name:"overflow-group"})]),hS=(e,t,o)=>{ul(e,t,"overflow-button").each((n=>{ul(e,t,"overflow").each((s=>{if(fS(e,t),Ib.hasShrunk(s)){const e=t.onOpened;t.onOpened=n=>{o||wm.focusIn(s),e(n),t.onOpened=e}}else{const e=t.onClosed;t.onClosed=s=>{o||fd.focus(n),e(s),t.onClosed=e}}Ib.toggleGrow(s)}))}))},fS=(e,t)=>{ul(e,t,"overflow").each((o=>{nS(e,t,(e=>{const t=L(e,(e=>Mg(e)));Bx.setGroups(o,t)})),ul(e,t,"overflow-button").each((e=>{Ib.hasGrown(o)&&Yb.on(e)})),Ib.refresh(o)}))},bS=sh({name:"SplitSlidingToolbar",configFields:gS(),partFields:pS(),factory:(e,t,o,n)=>{const s="alloy.toolbar.toggle";return{uid:e.uid,dom:e.dom,components:t,behaviours:Yp(e.splitToolbarBehaviours,[Pg.config({others:{overflowGroup:e=>cS.sketch({...n["overflow-group"](),items:[_v.sketch({...n["overflow-button"](),action:t=>{Fc(e,s)}})]})}}),ud("toolbar-toggle-events",[Wc(s,(t=>{hS(t,e,!1)}))])]),apis:{setGroups:(t,o)=>{((t,o)=>{const n=L(o,t.getSystem().build);e.builtGroups.set(n)})(t,o),fS(t,e)},refresh:t=>fS(t,e),toggle:t=>{hS(t,e,!1)},toggleWithoutFocusing:t=>{hS(t,e,!0)},isOpen:t=>((e,t)=>ul(e,t,"overflow")?.map(Ib.hasGrown).getOr(!1))(t,e)},domModification:{attributes:{role:"group"}}}},apis:{setGroups:(e,t,o)=>{e.setGroups(t,o)},refresh:(e,t)=>{e.refresh(t)},toggle:(e,t)=>{e.toggle(t)},isOpen:(e,t)=>e.isOpen(t)}}),vS=nh({name:"TabButton",configFields:[Qr("uid",void 0),Rr("value"),Br("dom","dom",cr((()=>({attributes:{role:"tab",id:Ne("aria"),"aria-selected":"false"}}))),Zs()),$r("action"),Qr("domModification",{}),qp("tabButtonBehaviours",[fd,wm,Yh]),Rr("view")],factory:(e,t)=>({uid:e.uid,dom:e.dom,components:e.components,events:Ov(e.action),behaviours:Yp(e.tabButtonBehaviours,[fd.config({}),wm.config({mode:"execution",useSpace:!0,useEnter:!0}),Yh.config({store:{mode:"memory",initialValue:e.value}})]),domModification:e.domModification})}),xS=y([Rr("tabs"),Rr("dom"),Qr("clickToDismiss",!1),qp("tabbarBehaviours",[Gd,wm]),hi(["tabClass","selectedClass"])]),yS=el({factory:vS,name:"tabs",unit:"tab",overrides:e=>{const t=(e,t)=>{Gd.dehighlight(e,t),Rc(e,ti(),{tabbar:e,button:t})},o=(e,t)=>{Gd.highlight(e,t),Rc(e,ei(),{tabbar:e,button:t})};return{action:n=>{const s=n.getSystem().getByUid(e.uid).getOrDie(),r=Gd.isHighlighted(s,n);(r&&e.clickToDismiss?t:r?b:o)(s,n)},domModification:{classes:[e.markers.tabClass]}}}}),wS=y([yS]),SS=sh({name:"Tabbar",configFields:xS(),partFields:wS(),factory:(e,t,o,n)=>({uid:e.uid,dom:e.dom,components:t,"debug.sketcher":"Tabbar",domModification:{attributes:{role:"tablist"}},behaviours:Yp(e.tabbarBehaviours,[Gd.config({highlightClass:e.markers.selectedClass,itemClass:e.markers.tabClass,onHighlight:(e,t)=>{Go(t.element,"aria-selected","true")},onDehighlight:(e,t)=>{Go(t.element,"aria-selected","false")}}),wm.config({mode:"flow",getInitial:e=>Gd.getHighlighted(e)?.map((e=>e.element)),selector:"."+e.markers.tabClass,executeOnMove:!0})])})}),CS=nh({name:"Tabview",configFields:[qp("tabviewBehaviours",[Zm])],factory:(e,t)=>({uid:e.uid,dom:e.dom,behaviours:Yp(e.tabviewBehaviours,[Zm.config({})]),domModification:{attributes:{role:"tabpanel"}}})}),kS=y([Qr("selectFirst",!0),bi("onChangeTab"),bi("onDismissTab"),Qr("tabs",[]),qp("tabSectionBehaviours",[])]),OS=Ji({factory:SS,schema:[Rr("dom"),Pr("markers",[Rr("tabClass"),Rr("selectedClass")])],name:"tabbar",defaults:e=>({tabs:e.tabs})}),_S=Ji({factory:CS,name:"tabview"}),TS=y([OS,_S]),ES=sh({name:"TabSection",configFields:kS(),partFields:TS(),factory:(e,t,o,n)=>{const s=(t,o)=>{ul(t,e,"tabbar").each((e=>{o(e).each(Nc)}))};return{uid:e.uid,dom:e.dom,components:t,behaviours:Xp(e.tabSectionBehaviours),events:Hc(j([e.selectFirst?[Jc(((e,t)=>{s(e,Gd.getFirst)}))]:[],[Wc(ei(),((t,o)=>{(t=>{const o=Yh.getValue(t);ul(t,e,"tabview").each((n=>{$(e.tabs,(e=>e.value===o)).each((o=>{const s=o.view();Xo(t.element,"id").each((e=>{Go(n.element,"aria-labelledby",e)})),Zm.set(n,s),e.onChangeTab(n,t,s)}))}))})(o.event.button)})),Wc(ti(),((t,o)=>{const n=o.event.button;e.onDismissTab(t,n)}))]])),apis:{getViewItems:t=>ul(t,e,"tabview")?.map((e=>Zm.contents(e))).getOr([]),showTab:(e,t)=>{s(e,(e=>{const o=Gd.getCandidates(e);return $(o,(e=>Yh.getValue(e)===t)).filter((t=>!Gd.isHighlighted(e,t)))}))}}}},apis:{getViewItems:(e,t)=>e.getViewItems(t),showTab:(e,t,o)=>{e.showTab(t,o)}}}),AS=(e,t,o)=>{const n=Yh.getValue(o);Yh.setValue(t,n),DS(t)},MS=(e,t)=>{const o=e.element,n=cs(o),s=o.dom;"number"!==qo(o,"type")&&t(s,n)},DS=e=>{MS(e,((e,t)=>e.setSelectionRange(t.length,t.length)))},BS=y("alloy.typeahead.itemexecute"),IS=y([$r("lazySink"),Rr("fetch"),Qr("minChars",5),Qr("responseTime",1e3),bi("onOpen"),Qr("getHotspot",A.some),Qr("getAnchorOverrides",y({})),Qr("layouts",A.none()),Qr("eventOrder",{}),aa("model",{},[Qr("getDisplayText",(e=>void 0!==e.meta&&void 0!==e.meta.text?e.meta.text:e.value)),Qr("selectsOver",!0),Qr("populateFromBrowse",!0)]),bi("onSetValue"),vi("onExecute"),bi("onItemExecute"),Qr("inputClasses",[]),Qr("inputAttributes",{}),Qr("inputStyles",{}),Qr("matchWidth",!0),Qr("useMinWidth",!1),Qr("dismissOnBlur",!0),hi(["openClass"]),$r("initialData"),$r("listRole"),qp("typeaheadBehaviours",[fd,Yh,Lb,wm,Yb,Pg]),Ir("lazyTypeaheadComp",(()=>ye(A.none))),Ir("previewing",(()=>ye(!0)))].concat(Yx()).concat(wx())),FS=y([Qi({schema:[pi()],name:"menu",overrides:e=>({fakeFocus:!0,onHighlightItem:(t,o,n)=>{e.previewing.get()?e.lazyTypeaheadComp.get().each((t=>{((e,t,o)=>{if(e.selectsOver){const n=Yh.getValue(t),s=e.getDisplayText(n),r=Yh.getValue(o);return 0===e.getDisplayText(r).indexOf(s)?A?.some((()=>{AS(0,t,o),((e,t)=>{MS(e,((e,o)=>e.setSelectionRange(t,o.length)))})(t,s.length)})):A.none()}return A.none()})(e.model,t,n).fold((()=>{e.model.selectsOver?(Gd.dehighlight(o,n),e.previewing.set(!0)):e.previewing.set(!1)}),(t=>{t(),e.previewing.set(!1)}))})):e.lazyTypeaheadComp.get().each((t=>{e.model.populateFromBrowse&&AS(e.model,t,n),Xo(n.element,"id").each((e=>Go(t.element,"aria-activedescendant",e)))}))},onExecute:(t,o)=>e.lazyTypeaheadComp.get()?.map((e=>(Rc(e,BS(),{item:o}),!0))),onHover:(t,o)=>{e.previewing.set(!1),e.lazyTypeaheadComp.get().each((t=>{e.model.populateFromBrowse&&AS(e.model,t,o)}))}})})]),RS=sh({name:"Typeahead",configFields:IS(),partFields:FS(),factory:(e,t,o,n)=>{const s=(t,o,s)=>{e.previewing.set(!1);const r=Pg.getCoupled(t,"sandbox");if(bb.isOpen(r))zg.getCurrent(r).each((e=>{Gd.getHighlighted(e).fold((()=>{s(e)}),(()=>{Vc(r,e.element,"keydown",o)}))}));else{const o=e=>{zg.getCurrent(e).each(s)};px(e,a(t),t,r,n,o,Ac.HighlightMenuAndItem).get(b)}},r=Kx(e),a=e=>t=>t?.map((t=>{const o=he(t.menus),n=q(o,(e=>P(e.items,(e=>"item"===e.type))));return Yh.getState(e).update(L(n,(e=>e.data))),t})),i=e=>zg.getCurrent(e),l="typeaheadevents",c=[fd.config({}),Yh.config({onSetValue:e.onSetValue,store:{mode:"dataset",getDataKey:e=>cs(e.element),getFallbackEntry:e=>({value:e,meta:{}}),setValue:(t,o)=>{ds(t.element,e.model.getDisplayText(o))},...e.initialData?.map((e=>ia("initialValue",e))).getOr({})}}),Lb.config({stream:{mode:"throttle",delay:e.responseTime,stopEvent:!1},onStream:(t,o)=>{const s=Pg.getCoupled(t,"sandbox");if(fd.isFocused(t)&&cs(t.element).length>=e.minChars){const o=i(s).bind((e=>Gd.getHighlighted(e)?.map(Yh.getValue)));e.previewing.set(!0);const r=t=>{i(s).each((t=>{o.fold((()=>{e.model.selectsOver&&Gd.highlightFirst(t)}),(e=>{Gd.highlightBy(t,(t=>Yh.getValue(t).value===e.value)),Gd.getHighlighted(t).orThunk((()=>(Gd.highlightFirst(t),A.none())))}))}))};px(e,a(t),t,s,n,r,Ac.HighlightJustMenu).get(b)}},cancelEvent:Pa()}),wm.config({mode:"special",onDown:(e,t)=>(s(e,t,Gd.highlightFirst),A?.some(!0)),onEscape:e=>{const t=Pg.getCoupled(e,"sandbox");return bb.isOpen(t)?(bb.close(t),A?.some(!0)):A.none()},onUp:(e,t)=>(s(e,t,Gd.highlightLast),A?.some(!0)),onEnter:t=>{const o=Pg.getCoupled(t,"sandbox"),n=bb.isOpen(o);if(n&&!e.previewing.get())return i(o).bind((e=>Gd.getHighlighted(e)))?.map((e=>(Rc(t,BS(),{item:e}),!0)));{const s=Yh.getValue(t);return Fc(t,Pa()),e.onExecute(o,t,s),n&&bb.close(o),A?.some(!0)}}}),Yb.config({toggleClass:e.markers.openClass,aria:{mode:"expanded"}}),Pg.config({others:{sandbox:t=>xx(e,t,{onOpen:()=>Yb.on(t),onClose:()=>{e.lazyTypeaheadComp.get().each((e=>Ko(e.element,"aria-activedescendant"))),Yb.off(t)}})}}),ud(l,[Jc((t=>{e.lazyTypeaheadComp.set(A?.some(t))})),Qc((t=>{e.lazyTypeaheadComp.set(A.none())})),ed((t=>{const o=b;fx(e,a(t),t,n,o,Ac.HighlightMenuAndItem).get(b)})),Wc(BS(),((t,o)=>{const n=Pg.getCoupled(t,"sandbox");AS(e.model,t,o.event.item),Fc(t,Pa()),e.onItemExecute(t,n,o.event.item,Yh.getValue(t)),bb.close(n),DS(t)}))].concat(e.dismissOnBlur?[Wc(Ia(),(e=>{const t=Pg.getCoupled(e,"sandbox");Lo(t.element).isNone()&&bb.close(t)}))]:[]))],d={[Xa()]:[Yh.name(),Lb.name(),l],...e.eventOrder};return{uid:e.uid,dom:Qx(Le(e,{inputAttributes:{role:"combobox","aria-autocomplete":"list","aria-haspopup":"true"}})),behaviours:{...r,...Yp(e.typeaheadBehaviours,c)},eventOrder:d}}});var NS,zS,LS=tinymce.util.Tools.resolve("tinymce.ThemeManager"),VS=tinymce.util.Tools.resolve("tinymce.util.Delay"),HS=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),PS=tinymce.util.Tools.resolve("tinymce.EditorManager"),US=tinymce.util.Tools.resolve("tinymce.Env");!function(e){e.default="wrap",e.floating="floating",e.sliding="sliding",e.scrolling="scrolling"}(NS||(NS={})),function(e){e.auto="auto",e.top="top",e.bottom="bottom"}(zS||(zS={}));const WS=e=>t=>t.options.get(e),$S=e=>t=>A.from(e(t)),GS=e=>{const t=US.deviceType.isPhone(),o=US.deviceType.isTablet()||t,n=e.options.register,s=e=>r(e)||!1===e,a=e=>r(e)||h(e);n("skin",{processor:e=>r(e)||!1===e,default:"oxide"}),n("skin_url",{processor:"string"}),n("height",{processor:a,default:Math.max(e.getElement().offsetHeight,400)}),n("width",{processor:a,default:HS.DOM.getStyle(e.getElement(),"width")}),n("min_height",{processor:"number",default:100}),n("min_width",{processor:"number"}),n("max_height",{processor:"number"}),n("max_width",{processor:"number"}),n("style_formats",{processor:"object[]"}),n("style_formats_merge",{processor:"boolean",default:!1}),n("style_formats_autohide",{processor:"boolean",default:!1}),n("line_height_formats",{processor:"string",default:"1 1.1 1.2 1.3 1.4 1.5 2"}),n("font_family_formats",{processor:"string",default:"Andale Mono=andale mono,monospace;Arial=arial,helvetica,sans-serif;Arial Black=arial black,sans-serif;Book Antiqua=book antiqua,palatino,serif;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,palatino,serif;Helvetica=helvetica,arial,sans-serif;Impact=impact,sans-serif;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco,monospace;Times New Roman=times new roman,times,serif;Trebuchet MS=trebuchet ms,geneva,sans-serif;Verdana=verdana,geneva,sans-serif;Webdings=webdings;Wingdings=wingdings,zapf dingbats"}),n("font_size_formats",{processor:"string",default:"8pt 10pt 12pt 14pt 18pt 24pt 36pt"}),n("font_size_input_default_unit",{processor:"string",default:"pt"}),n("block_formats",{processor:"string",default:"Paragraph=p;Heading 1=h1;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;Preformatted=pre"}),n("content_langs",{processor:"object[]"}),n("removed_menuitems",{processor:"string",default:""}),n("menubar",{processor:e=>r(e)||d(e),default:!t}),n("menu",{processor:"object",default:{}}),n("toolbar",{processor:e=>d(e)||r(e)||l(e)?{value:e,valid:!0}:{valid:!1,message:"Must be a boolean, string or array."},default:!0}),N(9,(e=>{n("toolbar"+(e+1),{processor:"string"})})),n("toolbar_mode",{processor:"string",default:o?"scrolling":"floating"}),n("toolbar_groups",{processor:"object",default:{}}),n("toolbar_location",{processor:"string",default:zS.auto}),n("toolbar_persist",{processor:"boolean",default:!1}),n("toolbar_sticky",{processor:"boolean",default:e.inline}),n("toolbar_sticky_offset",{processor:"number",default:0}),n("fixed_toolbar_container",{processor:"string",default:""}),n("fixed_toolbar_container_target",{processor:"object"}),n("ui_mode",{processor:"string",default:"combined"}),n("file_picker_callback",{processor:"function"}),n("file_picker_validator_handler",{processor:"function"}),n("file_picker_types",{processor:"string"}),n("typeahead_urls",{processor:"boolean",default:!0}),n("anchor_top",{processor:s,default:"#top"}),n("anchor_bottom",{processor:s,default:"#bottom"}),n("draggable_modal",{processor:"boolean",default:!1}),n("statusbar",{processor:"boolean",default:!0}),n("elementpath",{processor:"boolean",default:!0}),n("branding",{processor:"boolean",default:!0}),n("promotion",{processor:"boolean",default:!0}),n("resize",{processor:e=>"both"===e||d(e),default:!US.deviceType.isTouch()}),n("sidebar_show",{processor:"string"}),n("help_accessibility",{processor:"boolean",default:e.hasPlugin("help")}),n("default_font_stack",{processor:"string[]",default:[]})},jS=WS("readonly"),qS=WS("disabled"),XS=WS("height"),YS=WS("width"),KS=$S(WS("min_width")),JS=$S(WS("min_height")),QS=$S(WS("max_width")),ZS=$S(WS("max_height")),eC=$S(WS("style_formats")),tC=WS("style_formats_merge"),oC=WS("style_formats_autohide"),nC=WS("content_langs"),sC=WS("removed_menuitems"),rC=WS("toolbar_mode"),aC=WS("toolbar_groups"),iC=WS("toolbar_location"),lC=WS("fixed_toolbar_container"),cC=WS("fixed_toolbar_container_target"),dC=WS("toolbar_persist"),uC=WS("toolbar_sticky_offset"),mC=WS("menubar"),gC=WS("toolbar"),pC=WS("file_picker_callback"),hC=WS("file_picker_validator_handler"),fC=WS("font_size_input_default_unit"),bC=WS("file_picker_types"),vC=WS("typeahead_urls"),xC=WS("anchor_top"),yC=WS("anchor_bottom"),wC=WS("draggable_modal"),SC=WS("statusbar"),CC=WS("elementpath"),kC=WS("branding"),OC=WS("resize"),_C=WS("paste_as_text"),TC=WS("sidebar_show"),EC=WS("promotion"),AC=WS("help_accessibility"),MC=WS("default_font_stack"),DC=WS("skin"),BC=e=>!1===e.options.get("skin"),IC=e=>!1!==e.options.get("menubar"),FC=e=>{const t=e.options.get("skin_url");if(BC(e))return t;if(t)return e.documentBaseURI.toAbsolute(t);{const t=e.options.get("skin");return PS.baseURL+"/skins/ui/"+t}},RC=e=>e.options.get("line_height_formats").split(" "),NC=e=>{const t=gC(e),o=r(t),n=l(t)&&t.length>0;return!LC(e)&&(n||o||!0===t)},zC=e=>{const t=N(9,(t=>e.options.get("toolbar"+(t+1)))),o=P(t,r);return $e(o.length>0,o)},LC=e=>zC(e).fold((()=>{const t=gC(e);return f(t,r)&&t.length>0}),E),VC=e=>iC(e)===zS.bottom,HC=e=>{var t;if(!e.inline)return A.none();const o=null!==(t=lC(e))&&void 0!==t?t:"";if(o.length>0)return Xn(rn(),o);const n=cC(e);return g(n)?A?.some(ct(n)):A.none()},PC=e=>e.inline&&HC(e).isSome(),UC=e=>HC(e).getOrThunk((()=>Co(So(ct(e.getElement()))))),WC=e=>e.inline&&!IC(e)&&!NC(e)&&!LC(e),$C=e=>(e.options.get("toolbar_sticky")||e.inline)&&!PC(e)&&!WC(e),GC=e=>!PC(e)&&"split"===e.options.get("ui_mode"),jC=e=>{const t=e.options.get("menu");return le(t,(e=>({...e,items:e.items})))};var qC=Object.freeze({__proto__:null,get ToolbarMode(){return NS},get ToolbarLocation(){return zS},register:GS,getSkinUrl:FC,getSkinUrlOption:e=>A.from(e.options.get("skin_url")),isReadOnly:jS,isDisabled:qS,getSkin:DC,isSkinDisabled:BC,getHeightOption:XS,getWidthOption:YS,getMinWidthOption:KS,getMinHeightOption:JS,getMaxWidthOption:QS,getMaxHeightOption:ZS,getUserStyleFormats:eC,shouldMergeStyleFormats:tC,shouldAutoHideStyleFormats:oC,getLineHeightFormats:RC,getContentLanguages:nC,getRemovedMenuItems:sC,isMenubarEnabled:IC,isMultipleToolbars:LC,isToolbarEnabled:NC,isToolbarPersist:dC,getMultipleToolbarsOption:zC,getUiContainer:UC,useFixedContainer:PC,isSplitUiMode:GC,getToolbarMode:rC,isDraggableModal:wC,isDistractionFree:WC,isStickyToolbar:$C,getStickyToolbarOffset:uC,getToolbarLocation:iC,isToolbarLocationBottom:VC,getToolbarGroups:aC,getMenus:jC,getMenubar:mC,getToolbar:gC,getFilePickerCallback:pC,getFilePickerTypes:bC,useTypeaheadUrls:vC,getAnchorTop:xC,getAnchorBottom:yC,getFilePickerValidatorHandler:hC,getFontSizeInputDefaultUnit:fC,useStatusBar:SC,useElementPath:CC,promotionEnabled:EC,useBranding:kC,getResize:OC,getPasteAsText:_C,getSidebarShow:TC,useHelpAccessibility:AC,getDefaultFontStack:MC});const XC=["visible","hidden","clip"],YC=e=>et(e).length>0&&!F(XC,e),KC=e=>{if(oo(e)){const t=gn(e,"overflow-x"),o=gn(e,"overflow-y");return YC(t)||YC(o)}return!1},JC=e=>e.plugins.fullscreen&&e.plugins.fullscreen.isFullscreen(),QC=(e,t)=>GC(e)?((e,t)=>{const o=us(t,KC),n=0===o.length?ko(t)?.map(Oo)?.map((e=>us(e,KC))).getOr([]):o;return te(n)?.map((t=>({element:t,others:n.slice(1),isFullscreen:()=>JC(e)})))})(e,t):A.none(),ZC=e=>{const t=[...L(e.others,Rs),Ls()];return e.isFullscreen()?Ls():((e,t)=>W(t,((e,t)=>zs(e,t)),e))(Rs(e.element),t)},{entries:ek,setPrototypeOf:tk,isFrozen:ok,getPrototypeOf:nk,getOwnPropertyDescriptor:sk}=Object;let{freeze:rk,seal:ak,create:ik}=Object,{apply:lk,construct:ck}="undefined"!=typeof Reflect&&Reflect;rk||(rk=function(e){return e}),ak||(ak=function(e){return e}),lk||(lk=function(e,t,o){return e.apply(t,o)}),ck||(ck=function(e,t){return new e(...t)});const dk=Ok(Array.prototype.forEach),uk=Ok(Array.prototype.lastIndexOf),mk=Ok(Array.prototype.pop),gk=Ok(Array.prototype.push),pk=Ok(Array.prototype.splice),hk=Ok(String.prototype.toLowerCase),fk=Ok(String.prototype.toString),bk=Ok(String.prototype.match),vk=Ok(String.prototype.replace),xk=Ok(String.prototype.indexOf),yk=Ok(String.prototype.trim),wk=Ok(Object.prototype.hasOwnProperty),Sk=Ok(RegExp.prototype.test),Ck=(kk=TypeError,function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return ck(kk,t)});var kk;function Ok(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var o=arguments.length,n=new Array(o>1?o-1:0),s=1;s<o;s++)n[s-1]=arguments[s];return lk(e,t,n)}}function _k(e,t){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:hk;tk&&tk(e,null);let n=t.length;for(;n--;){let s=t[n];if("string"==typeof s){const e=o(s);e!==s&&(ok(t)||(t[n]=e),s=e)}e[s]=!0}return e}function Tk(e){for(let t=0;t<e.length;t++)wk(e,t)||(e[t]=null);return e}function Ek(e){const t=ik(null);for(const[o,n]of ek(e))wk(e,o)&&(Array.isArray(n)?t[o]=Tk(n):n&&"object"==typeof n&&n.constructor===Object?t[o]=Ek(n):t[o]=n);return t}function Ak(e,t){for(;null!==e;){const o=sk(e,t);if(o){if(o.get)return Ok(o.get);if("function"==typeof o.value)return Ok(o.value)}e=nk(e)}return function(){return null}}const Mk=rk(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),Dk=rk(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),Bk=rk(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Ik=rk(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),Fk=rk(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),Rk=rk(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),Nk=rk(["#text"]),zk=rk(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),Lk=rk(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),Vk=rk(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),Hk=rk(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),Pk=ak(/\{\{[\w\W]*|[\w\W]*\}\}/gm),Uk=ak(/<%[\w\W]*|[\w\W]*%>/gm),Wk=ak(/\$\{[\w\W]*/gm),$k=ak(/^data-[\-\w.\u00B7-\uFFFF]+$/),Gk=ak(/^aria-[\-\w]+$/),jk=ak(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),qk=ak(/^(?:\w+script|data):/i),Xk=ak(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Yk=ak(/^html$/i),Kk=ak(/^[a-z][.\w]*(-[.\w]+)+$/i);var Jk=Object.freeze({__proto__:null,ARIA_ATTR:Gk,ATTR_WHITESPACE:Xk,CUSTOM_ELEMENT:Kk,DATA_ATTR:$k,DOCTYPE_NAME:Yk,ERB_EXPR:Uk,IS_ALLOWED_URI:jk,IS_SCRIPT_OR_DATA:qk,MUSTACHE_EXPR:Pk,TMPLIT_EXPR:Wk});const Qk=function(){return"undefined"==typeof window?null:window};var Zk=function e(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Qk();const o=t=>e(t);if(o.version="3.2.6",o.removed=[],!t||!t.document||9!==t.document.nodeType||!t.Element)return o.isSupported=!1,o;let{document:n}=t;const s=n,r=s.currentScript,{DocumentFragment:a,HTMLTemplateElement:i,Node:l,Element:c,NodeFilter:d,NamedNodeMap:u=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:m,DOMParser:g,trustedTypes:p}=t,h=c.prototype,f=Ak(h,"cloneNode"),b=Ak(h,"remove"),v=Ak(h,"nextSibling"),x=Ak(h,"childNodes"),y=Ak(h,"parentNode");if("function"==typeof i){const e=n.createElement("template");e.content&&e.content.ownerDocument&&(n=e.content.ownerDocument)}let w,S="";const{implementation:C,createNodeIterator:k,createDocumentFragment:O,getElementsByTagName:_}=n,{importNode:T}=s;let E={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};o.isSupported="function"==typeof ek&&"function"==typeof y&&C&&void 0!==C.createHTMLDocument;const{MUSTACHE_EXPR:A,ERB_EXPR:M,TMPLIT_EXPR:D,DATA_ATTR:B,ARIA_ATTR:I,IS_SCRIPT_OR_DATA:F,ATTR_WHITESPACE:R,CUSTOM_ELEMENT:N}=Jk;let{IS_ALLOWED_URI:z}=Jk,L=null;const V=_k({},[...Mk,...Dk,...Bk,...Fk,...Nk]);let H=null;const P=_k({},[...zk,...Lk,...Vk,...Hk]);let U=Object.seal(ik(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),W=null,$=null,G=!0,j=!0,q=!1,X=!0,Y=!1,K=!0,J=!1,Q=!1,Z=!1,ee=!1,te=!1,oe=!1,ne=!0,se=!1,re=!0,ae=!1,ie={},le=null;const ce=_k({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let de=null;const ue=_k({},["audio","video","img","source","image","track"]);let me=null;const ge=_k({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),pe="http://www.w3.org/1998/Math/MathML",he="http://www.w3.org/2000/svg",fe="http://www.w3.org/1999/xhtml";let be=fe,ve=!1,xe=null;const ye=_k({},[pe,he,fe],fk);let we=_k({},["mi","mo","mn","ms","mtext"]),Se=_k({},["annotation-xml"]);const Ce=_k({},["title","style","font","a","script"]);let ke=null;const Oe=["application/xhtml+xml","text/html"];let _e=null,Te=null;const Ee=n.createElement("form"),Ae=function(e){return e instanceof RegExp||e instanceof Function},Me=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!Te||Te!==e){if(e&&"object"==typeof e||(e={}),e=Ek(e),ke=-1===Oe.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE,_e="application/xhtml+xml"===ke?fk:hk,L=wk(e,"ALLOWED_TAGS")?_k({},e.ALLOWED_TAGS,_e):V,H=wk(e,"ALLOWED_ATTR")?_k({},e.ALLOWED_ATTR,_e):P,xe=wk(e,"ALLOWED_NAMESPACES")?_k({},e.ALLOWED_NAMESPACES,fk):ye,me=wk(e,"ADD_URI_SAFE_ATTR")?_k(Ek(ge),e.ADD_URI_SAFE_ATTR,_e):ge,de=wk(e,"ADD_DATA_URI_TAGS")?_k(Ek(ue),e.ADD_DATA_URI_TAGS,_e):ue,le=wk(e,"FORBID_CONTENTS")?_k({},e.FORBID_CONTENTS,_e):ce,W=wk(e,"FORBID_TAGS")?_k({},e.FORBID_TAGS,_e):Ek({}),$=wk(e,"FORBID_ATTR")?_k({},e.FORBID_ATTR,_e):Ek({}),ie=!!wk(e,"USE_PROFILES")&&e.USE_PROFILES,G=!1!==e.ALLOW_ARIA_ATTR,j=!1!==e.ALLOW_DATA_ATTR,q=e.ALLOW_UNKNOWN_PROTOCOLS||!1,X=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,Y=e.SAFE_FOR_TEMPLATES||!1,K=!1!==e.SAFE_FOR_XML,J=e.WHOLE_DOCUMENT||!1,ee=e.RETURN_DOM||!1,te=e.RETURN_DOM_FRAGMENT||!1,oe=e.RETURN_TRUSTED_TYPE||!1,Z=e.FORCE_BODY||!1,ne=!1!==e.SANITIZE_DOM,se=e.SANITIZE_NAMED_PROPS||!1,re=!1!==e.KEEP_CONTENT,ae=e.IN_PLACE||!1,z=e.ALLOWED_URI_REGEXP||jk,be=e.NAMESPACE||fe,we=e.MATHML_TEXT_INTEGRATION_POINTS||we,Se=e.HTML_INTEGRATION_POINTS||Se,U=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&Ae(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(U.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&Ae(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(U.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(U.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Y&&(j=!1),te&&(ee=!0),ie&&(L=_k({},Nk),H=[],!0===ie.html&&(_k(L,Mk),_k(H,zk)),!0===ie.svg&&(_k(L,Dk),_k(H,Lk),_k(H,Hk)),!0===ie.svgFilters&&(_k(L,Bk),_k(H,Lk),_k(H,Hk)),!0===ie.mathMl&&(_k(L,Fk),_k(H,Vk),_k(H,Hk))),e.ADD_TAGS&&(L===V&&(L=Ek(L)),_k(L,e.ADD_TAGS,_e)),e.ADD_ATTR&&(H===P&&(H=Ek(H)),_k(H,e.ADD_ATTR,_e)),e.ADD_URI_SAFE_ATTR&&_k(me,e.ADD_URI_SAFE_ATTR,_e),e.FORBID_CONTENTS&&(le===ce&&(le=Ek(le)),_k(le,e.FORBID_CONTENTS,_e)),re&&(L["#text"]=!0),J&&_k(L,["html","head","body"]),L.table&&(_k(L,["tbody"]),delete W.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw Ck('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw Ck('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');w=e.TRUSTED_TYPES_POLICY,S=w.createHTML("")}else void 0===w&&(w=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let o=null;const n="data-tt-policy-suffix";t&&t.hasAttribute(n)&&(o=t.getAttribute(n));const s="dompurify"+(o?"#"+o:"");try{return e.createPolicy(s,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+s+" could not be created."),null}}(p,r)),null!==w&&"string"==typeof S&&(S=w.createHTML(""));rk&&rk(e),Te=e}},De=_k({},[...Dk,...Bk,...Ik]),Be=_k({},[...Fk,...Rk]),Ie=function(e){gk(o.removed,{element:e});try{y(e).removeChild(e)}catch(t){b(e)}},Fe=function(e,t){try{gk(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){gk(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e)if(ee||te)try{Ie(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},Re=function(e){let t=null,o=null;if(Z)e="<remove></remove>"+e;else{const t=bk(e,/^[\r\n\t ]+/);o=t&&t[0]}"application/xhtml+xml"===ke&&be===fe&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const s=w?w.createHTML(e):e;if(be===fe)try{t=(new g).parseFromString(s,ke)}catch(e){}if(!t||!t.documentElement){t=C.createDocument(be,"template",null);try{t.documentElement.innerHTML=ve?S:s}catch(e){}}const r=t.body||t.documentElement;return e&&o&&r.insertBefore(n.createTextNode(o),r.childNodes[0]||null),be===fe?_.call(t,J?"html":"body")[0]:J?t.documentElement:r},Ne=function(e){return k.call(e.ownerDocument||e,e,d.SHOW_ELEMENT|d.SHOW_COMMENT|d.SHOW_TEXT|d.SHOW_PROCESSING_INSTRUCTION|d.SHOW_CDATA_SECTION,null)},ze=function(e){return e instanceof m&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof u)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},Le=function(e){return"function"==typeof l&&e instanceof l};function Ve(e,t,n){dk(e,(e=>{e.call(o,t,n,Te)}))}const He=function(e){let t=null;if(Ve(E.beforeSanitizeElements,e,null),ze(e))return Ie(e),!0;const n=_e(e.nodeName);if(Ve(E.uponSanitizeElement,e,{tagName:n,allowedTags:L}),K&&e.hasChildNodes()&&!Le(e.firstElementChild)&&Sk(/<[/\w!]/g,e.innerHTML)&&Sk(/<[/\w!]/g,e.textContent))return Ie(e),!0;if(7===e.nodeType)return Ie(e),!0;if(K&&8===e.nodeType&&Sk(/<[/\w]/g,e.data))return Ie(e),!0;if(!L[n]||W[n]){if(!W[n]&&Ue(n)){if(U.tagNameCheck instanceof RegExp&&Sk(U.tagNameCheck,n))return!1;if(U.tagNameCheck instanceof Function&&U.tagNameCheck(n))return!1}if(re&&!le[n]){const t=y(e)||e.parentNode,o=x(e)||e.childNodes;if(o&&t)for(let n=o.length-1;n>=0;--n){const s=f(o[n],!0);s.__removalCount=(e.__removalCount||0)+1,t.insertBefore(s,v(e))}}return Ie(e),!0}return e instanceof c&&!function(e){let t=y(e);t&&t.tagName||(t={namespaceURI:be,tagName:"template"});const o=hk(e.tagName),n=hk(t.tagName);return!!xe[e.namespaceURI]&&(e.namespaceURI===he?t.namespaceURI===fe?"svg"===o:t.namespaceURI===pe?"svg"===o&&("annotation-xml"===n||we[n]):Boolean(De[o]):e.namespaceURI===pe?t.namespaceURI===fe?"math"===o:t.namespaceURI===he?"math"===o&&Se[n]:Boolean(Be[o]):e.namespaceURI===fe?!(t.namespaceURI===he&&!Se[n])&&!(t.namespaceURI===pe&&!we[n])&&!Be[o]&&(Ce[o]||!De[o]):!("application/xhtml+xml"!==ke||!xe[e.namespaceURI]))}(e)?(Ie(e),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!Sk(/<\/no(script|embed|frames)/i,e.innerHTML)?(Y&&3===e.nodeType&&(t=e.textContent,dk([A,M,D],(e=>{t=vk(t,e," ")})),e.textContent!==t&&(gk(o.removed,{element:e.cloneNode()}),e.textContent=t)),Ve(E.afterSanitizeElements,e,null),!1):(Ie(e),!0)},Pe=function(e,t,o){if(ne&&("id"===t||"name"===t)&&(o in n||o in Ee))return!1;if(j&&!$[t]&&Sk(B,t));else if(G&&Sk(I,t));else if(!H[t]||$[t]){if(!(Ue(e)&&(U.tagNameCheck instanceof RegExp&&Sk(U.tagNameCheck,e)||U.tagNameCheck instanceof Function&&U.tagNameCheck(e))&&(U.attributeNameCheck instanceof RegExp&&Sk(U.attributeNameCheck,t)||U.attributeNameCheck instanceof Function&&U.attributeNameCheck(t))||"is"===t&&U.allowCustomizedBuiltInElements&&(U.tagNameCheck instanceof RegExp&&Sk(U.tagNameCheck,o)||U.tagNameCheck instanceof Function&&U.tagNameCheck(o))))return!1}else if(me[t]);else if(Sk(z,vk(o,R,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==xk(o,"data:")||!de[e])if(q&&!Sk(F,vk(o,R,"")));else if(o)return!1;return!0},Ue=function(e){return"annotation-xml"!==e&&bk(e,N)},We=function(e){Ve(E.beforeSanitizeAttributes,e,null);const{attributes:t}=e;if(!t||ze(e))return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:H,forceKeepAttr:void 0};let s=t.length;for(;s--;){const r=t[s],{name:a,namespaceURI:i,value:l}=r,c=_e(a),d=l;let u="value"===a?d:yk(d);if(n.attrName=c,n.attrValue=u,n.keepAttr=!0,n.forceKeepAttr=void 0,Ve(E.uponSanitizeAttribute,e,n),u=n.attrValue,!se||"id"!==c&&"name"!==c||(Fe(a,e),u="user-content-"+u),K&&Sk(/((--!?|])>)|<\/(style|title)/i,u)){Fe(a,e);continue}if(n.forceKeepAttr)continue;if(!n.keepAttr){Fe(a,e);continue}if(!X&&Sk(/\/>/i,u)){Fe(a,e);continue}Y&&dk([A,M,D],(e=>{u=vk(u,e," ")}));const m=_e(e.nodeName);if(Pe(m,c,u)){if(w&&"object"==typeof p&&"function"==typeof p.getAttributeType)if(i);else switch(p.getAttributeType(m,c)){case"TrustedHTML":u=w.createHTML(u);break;case"TrustedScriptURL":u=w.createScriptURL(u)}if(u!==d)try{i?e.setAttributeNS(i,a,u):e.setAttribute(a,u),ze(e)?Ie(e):mk(o.removed)}catch(t){Fe(a,e)}}else Fe(a,e)}Ve(E.afterSanitizeAttributes,e,null)},$e=function e(t){let o=null;const n=Ne(t);for(Ve(E.beforeSanitizeShadowDOM,t,null);o=n.nextNode();)Ve(E.uponSanitizeShadowNode,o,null),He(o),We(o),o.content instanceof a&&e(o.content);Ve(E.afterSanitizeShadowDOM,t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,c=null;if(ve=!e,ve&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Le(e)){if("function"!=typeof e.toString)throw Ck("toString is not a function");if("string"!=typeof(e=e.toString()))throw Ck("dirty is not a string, aborting")}if(!o.isSupported)return e;if(Q||Me(t),o.removed=[],"string"==typeof e&&(ae=!1),ae){if(e.nodeName){const t=_e(e.nodeName);if(!L[t]||W[t])throw Ck("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof l)n=Re("\x3c!----\x3e"),r=n.ownerDocument.importNode(e,!0),1===r.nodeType&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!ee&&!Y&&!J&&-1===e.indexOf("<"))return w&&oe?w.createHTML(e):e;if(n=Re(e),!n)return ee?null:oe?S:""}n&&Z&&Ie(n.firstChild);const d=Ne(ae?e:n);for(;i=d.nextNode();)He(i),We(i),i.content instanceof a&&$e(i.content);if(ae)return e;if(ee){if(te)for(c=O.call(n.ownerDocument);n.firstChild;)c.appendChild(n.firstChild);else c=n;return(H.shadowroot||H.shadowrootmode)&&(c=T.call(s,c,!0)),c}let u=J?n.outerHTML:n.innerHTML;return J&&L["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&Sk(Yk,n.ownerDocument.doctype.name)&&(u="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+u),Y&&dk([A,M,D],(e=>{u=vk(u,e," ")})),w&&oe?w.createHTML(u):u},o.setConfig=function(){Me(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Q=!0},o.clearConfig=function(){Te=null,Q=!1},o.isValidAttribute=function(e,t,o){Te||Me({});const n=_e(e),s=_e(t);return Pe(n,s,o)},o.addHook=function(e,t){"function"==typeof t&&gk(E[e],t)},o.removeHook=function(e,t){if(void 0!==t){const o=uk(E[e],t);return-1===o?void 0:pk(E[e],o,1)[0]}return mk(E[e])},o.removeHooks=function(e){E[e]=[]},o.removeAllHooks=function(){E={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},o}();const eO=e=>Zk().sanitize(e);var tO=tinymce.util.Tools.resolve("tinymce.util.I18n");const oO={indent:!0,outdent:!0,"table-insert-column-after":!0,"table-insert-column-before":!0,"paste-column-after":!0,"paste-column-before":!0,"unordered-list":!0,"list-bull-circle":!0,"list-bull-disc":!0,"list-bull-default":!0,"list-bull-square":!0},nO="temporary-placeholder",sO=e=>()=>fe(e,nO).getOr("!not found!"),rO=(e,t)=>{const o=e.toLowerCase();if(tO.isRtl()){const e=((e,t)=>Ze(e,t)?e:((e,t)=>e+t)(e,t))(o,"-rtl");return be(t,e)?e:o}return o},aO=(e,t)=>fe(t,rO(e,t)),iO=(e,t)=>{const o=t();return aO(e,o).getOrThunk(sO(o))},lO=()=>ud("add-focusable",[Jc((e=>{qn(e.element,"svg").each((e=>Go(e,"focusable","false")))}))]),cO=(e,t,o,n)=>{var s,r;const a=(e=>!!tO.isRtl()&&be(oO,e))(t)?["tox-icon--flip"]:[],i=fe(o,rO(t,o)).or(n).getOrThunk(sO(o));return{dom:{tag:e.tag,attributes:null!==(s=e.attributes)&&void 0!==s?s:{},classes:e.classes.concat(a),innerHtml:i},behaviours:rd([...null!==(r=e.behaviours)&&void 0!==r?r:[],lO()])}},dO=(e,t,o,n=A.none())=>cO(t,e,o(),n),uO={success:"checkmark",error:"warning",err:"error",warning:"warning",warn:"warning",info:"info"},mO=nh({name:"Notification",factory:e=>{const t=Ne("notification-text"),o=dv({dom:cv(`<p id=${t}>${eO(e.backstageProvider.translate(e.text))}</p>`),behaviours:rd([Zm.config({})])}),n=e=>({dom:{tag:"div",classes:["tox-bar"],styles:{width:`${e}%`}}}),s=e=>({dom:{tag:"div",classes:["tox-text"],innerHtml:`${e}%`}}),r=dv({dom:{tag:"div",classes:e.progress?["tox-progress-bar","tox-progress-indicator"]:["tox-progress-bar"]},components:[{dom:{tag:"div",classes:["tox-bar-container"]},components:[n(0)]},s(0)],behaviours:rd([Zm.config({})])}),a={updateProgress:(e,t)=>{e.getSystem().isConnected()&&r.getOpt(e).each((e=>{Zm.set(e,[{dom:{tag:"div",classes:["tox-bar-container"]},components:[n(t)]},s(t)])}))},updateText:(e,t)=>{if(e.getSystem().isConnected()){const n=o.get(e);Zm.set(n,[Og(t)])}}},i=j([e.icon.toArray(),[e.level],A.from(uO[e.level]).toArray()]),l=dv(_v.sketch({dom:{tag:"button",classes:["tox-notification__dismiss","tox-button","tox-button--naked","tox-button--icon"],attributes:{"aria-label":e.backstageProvider.translate("Close")}},components:[dO("close",{tag:"span",classes:["tox-icon"]},e.iconProvider)],buttonBehaviours:rd([Pb.config({}),iv.config({...e.backstageProvider.tooltips.getConfig({tooltipText:e.backstageProvider.translate("Close")})})]),action:t=>{e.onAction(t)}})),c=((e,t,o)=>{const n=o(),s=$(e,(e=>be(n,rO(e,n))));return cO({tag:"div",classes:["tox-notification__icon"]},s.getOr(nO),n,A.none())})(i,0,e.iconProvider),d=[c,{dom:{tag:"div",classes:["tox-notification__body"]},components:[o.asSpec()],behaviours:rd([Zm.config({})])}];return{uid:e.uid,dom:{tag:"div",attributes:{role:"alert","aria-labelledby":t},classes:["tox-notification","tox-notification--in",`tox-notification--${e.level}`]},behaviours:rd([Pb.config({}),fd.config({}),wm.config({mode:"special",onEscape:t=>(e.onAction(t),A?.some(!0))})]),components:d.concat(e.progress?[r.asSpec()]:[]).concat([l.asSpec()]),apis:a}},configFields:[oa("level","info",["success","error","warning","warn","info"]),Rr("progress"),$r("icon"),Rr("onAction"),Rr("text"),Rr("iconProvider"),Rr("backstageProvider")],apis:{updateProgress:(e,t,o)=>{e.updateProgress(t,o)},updateText:(e,t,o)=>{e.updateText(t,o)}}});var gO=(e,t,o,n)=>{const s=t.backstage.shared,r=()=>ct(""===e.queryCommandValue("ToggleView")?e.getContentAreaContainer():e.getContainer()),a=()=>{const e=Rs(r());return A?.some(e)},i=e=>{a().each((t=>{V(e,(e=>{vn(e.element,"width"),Tn(e.element)>t.width&&dn(e.element,"width",t.width+"px")}))}))};return{open:(t,l,c)=>{const d=()=>{n.on((t=>{l();const o=c();(e=>{Zm.remove(e,u),m()})(t),((t,o)=>{0===fo(t.element).length?((t,o)=>{Xx.hide(t),n.clear(),o&&e.focus()})(t,o):((e,t)=>{t&&wm.focusIn(e)})(t,o)})(t,o)}))},u=Ag(mO.sketch({text:t.text,level:F(["success","error","warning","warn","info"],t.type)?t.type:void 0,progress:!0===t.progressBar,icon:t.icon,onAction:d,iconProvider:s.providers.icons,backstageProvider:s.providers}));if(n.isSet()){const e=Mg(u);n.on((t=>{Zm.append(t,e),Xx.reposition(t),u.hasConfigured(Ep)&&Ep.refresh(t),i(t.components())}))}else{const t=Ag(Xx.sketch({dom:{tag:"div",classes:["tox-notifications-container"],attributes:{"aria-label":"Notifications",role:"region"}},lazySink:s.getSink,fireDismissalEventInstead:{},...s.header.isPositionedAtTop()?{}:{fireRepositionEventInstead:{}},inlineBehaviours:rd([wm.config({mode:"cyclic",selector:".tox-notification, .tox-notification a, .tox-notification button"}),Zm.config({}),...$C(e)&&s.header.isPositionedAtTop()?[]:[Ep.config({contextual:{lazyContext:()=>A?.some(Rs(r())),fadeInClass:"tox-notification-container-dock-fadein",fadeOutClass:"tox-notification-container-dock-fadeout",transitionClass:"tox-notification-container-dock-transition"},modes:["top"],lazyViewport:t=>QC(e,t.element)?.map((e=>({bounds:ZC(e),optScrollEnv:A?.some({currentScrollTop:e.element.dom.scrollTop,scrollElmTop:In(e.element).top})}))).getOrThunk((()=>({bounds:Ls(),optScrollEnv:A.none()})))})]])})),i=Mg(u),l={maxHeightFunction:kc()},c={...s.anchors.banner(),overrides:l};n.set(t),o.add(t),Xx.showWithinBounds(t,i,{anchor:c},a)}h(t.timeout)&&t.timeout>0&&VS.setEditorTimeout(e,(()=>{d()}),t.timeout);const m=()=>{n.on((e=>{Xx.reposition(e),e.hasConfigured(Ep)&&Ep.refresh(e),i(e.components())}))};return{close:d,reposition:m,text:e=>{mO.updateText(u,e)},settings:t,getEl:()=>u.element.dom,progressBar:{value:e=>{mO.updateProgress(u,e)}}}},close:e=>{e.close()},getArgs:e=>e.settings}};var pO;!function(e){e[e.CLOSE_ON_EXECUTE=0]="CLOSE_ON_EXECUTE",e[e.BUBBLE_TO_SANDBOX=1]="BUBBLE_TO_SANDBOX"}(pO||(pO={}));var hO=pO;const fO="tox-menu-nav__js",bO="tox-collection__item",vO="tox-swatch",xO={normal:fO,color:vO},yO="tox-collection__item--enabled",wO="tox-collection__item-icon",SO="tox-collection__item-label",CO="tox-collection__item-caret",kO="tox-collection__item--active",OO="tox-collection__item-container",_O="tox-collection__item-container--row",TO=e=>fe(xO,e).getOr(fO),EO=e=>"color"===e?"tox-swatches":"tox-menu",AO=e=>({backgroundMenu:"tox-background-menu",selectedMenu:"tox-selected-menu",selectedItem:"tox-collection__item--active",hasIcons:"tox-menu--has-icons",menu:EO(e),tieredMenu:"tox-tiered-menu"}),MO=e=>{const t=AO(e);return{backgroundMenu:t.backgroundMenu,selectedMenu:t.selectedMenu,menu:t.menu,selectedItem:t.selectedItem,item:TO(e)}},DO=(e,t,o)=>{const n=AO(o);return{tag:"div",classes:j([[n.menu,`tox-menu-${t}-column`],e?[n.hasIcons]:[]])}},BO=[Qv.parts.items({})],IO=(e,t,o)=>{const n=AO(o);return{dom:{tag:"div",classes:j([[n.tieredMenu]])},markers:MO(o)}},FO=Ne("refetch-trigger-event"),RO=Ne("redirect-menu-item-interaction"),NO="tox-menu__searcher",zO=e=>Xn(e.element,`.${NO}`).bind((t=>e.getSystem().getByDom(t).toOptional())),LO=zO,VO=e=>({fetchPattern:Yh.getValue(e),selectionStart:e.element.dom.selectionStart,selectionEnd:e.element.dom.selectionEnd}),HO=e=>{const t=(e,t)=>(t.cut(),A.none()),o=(e,t)=>{const o={interactionEvent:t.event,eventType:t.event.raw.type};return Rc(e,RO,o),A?.some(!0)},n="searcher-events";return{dom:{tag:"div",classes:[bO]},components:[Zx.sketch({inputClasses:[NO,"tox-textfield"],inputAttributes:{...e.placeholder?.map((t=>({placeholder:e.i18n(t)}))).getOr({}),type:"search","aria-autocomplete":"list"},inputBehaviours:rd([ud(n,[Wc(Ca(),(e=>{Fc(e,FO)})),Wc(wa(),((e,t)=>{"Escape"===t.event.raw.key&&t.stop()}))]),wm.config({mode:"special",onLeft:t,onRight:t,onSpace:t,onEnter:o,onEscape:o,onUp:o,onDown:o})]),eventOrder:{keydown:[n,wm.name()]}})]}},PO="tox-collection--results__js",UO=e=>{var t;return e.dom?{...e,dom:{...e.dom,attributes:{...null!==(t=e.dom.attributes)&&void 0!==t?t:{},id:Ne("aria-item-search-result-id"),"aria-selected":"false"}}}:e},WO=(e,t)=>o=>{const n=z(o,t);return L(n,(t=>({dom:e,components:t})))},$O=(e,t)=>{const o=[];let n=[];return V(e,((e,s)=>{t(e,s)?(n.length>0&&o.push(n),n=[],(be(e.dom,"innerHtml")||e.components&&e.components.length>0)&&n.push(e)):n.push(e)})),n.length>0&&o.push(n),L(o,(e=>({dom:{tag:"div",classes:["tox-collection__group"]},components:e})))},GO=(e,t,o)=>Qv.parts.items({preprocess:n=>{const s=L(n,o);return"auto"!==e&&e>1?WO({tag:"div",classes:["tox-collection__group"]},e)(s):$O(s,((e,o)=>"separator"===t[o].type))}}),jO=(e,t,o=!0)=>({dom:{tag:"div",classes:["tox-menu","tox-collection"].concat(1===e?["tox-collection--list"]:["tox-collection--grid"])},components:[GO(e,t,w)]}),qO=e=>R(e,(e=>"icon"in e&&void 0!==e.icon)),XO=e=>(console.error(Ar(e)),console.log(e),A.none()),YO=(e,t,o,n,s)=>{const r=(a=o,{dom:{tag:"div",classes:["tox-collection","tox-collection--horizontal"]},components:[Qv.parts.items({preprocess:e=>$O(e,((e,t)=>"separator"===a[t].type))})]});var a;return{value:e,dom:r.dom,components:r.components,items:o}},KO=(e,t,o,n,s)=>{if("color"===s.menuType){const t=(e=>({dom:{tag:"div",classes:["tox-menu","tox-swatches-menu"]},components:[{dom:{tag:"div",classes:["tox-swatches"]},components:[Qv.parts.items({preprocess:"auto"!==e?WO({tag:"div",classes:["tox-swatches__row"]},e):w})]}]}))(n);return{value:e,dom:t.dom,components:t.components,items:o}}if("imageselector"===s.menuType&&"auto"!==n){const t=(e=>({dom:{tag:"div",classes:["tox-menu","tox-image-selector-menu"]},components:[{dom:{tag:"div",classes:["tox-image-selector"]},components:[Qv.parts.items({preprocess:"auto"!==e?WO({tag:"div",classes:["tox-image-selector__row"]},e):w})]}]}))(n);return{value:e,dom:t.dom,components:t.components,items:o}}if("normal"===s.menuType&&"auto"===n){const t=jO(n,o);return{value:e,dom:t.dom,components:t.components,items:o}}if("normal"===s.menuType||"searchable"===s.menuType){const t="searchable"!==s.menuType?jO(n,o):"search-with-field"===s.searchMode.searchMode?((e,t,o)=>{const n=Ne("aria-controls-search-results");return{dom:{tag:"div",classes:["tox-menu","tox-collection"].concat(1===e?["tox-collection--list"]:["tox-collection--grid"])},components:[HO({i18n:tO.translate,placeholder:o.placeholder}),{dom:{tag:"div",classes:[...1===e?["tox-collection--list"]:["tox-collection--grid"],PO],attributes:{id:n}},components:[GO(e,t,UO)]}]}})(n,o,s.searchMode):((e,t)=>{const o=Ne("aria-controls-search-results");return{dom:{tag:"div",classes:["tox-menu","tox-collection",PO].concat(1===e?["tox-collection--list"]:["tox-collection--grid"]),attributes:{id:o}},components:[GO(e,t,UO)]}})(n,o);return{value:e,dom:t.dom,components:t.components,items:o}}if("listpreview"===s.menuType&&"auto"!==n){const t=(e=>({dom:{tag:"div",classes:["tox-menu","tox-collection","tox-collection--toolbar","tox-collection--toolbar-lg"]},components:[Qv.parts.items({preprocess:WO({tag:"div",classes:["tox-collection__group"]},e)})]}))(n);return{value:e,dom:t.dom,components:t.components,items:o}}return{value:e,dom:DO(t,n,s.menuType),components:BO,items:o}},JO=Lr("type"),QO=Lr("name"),ZO=Lr("label"),e_=Lr("text"),t_=Lr("title"),o_=Lr("icon"),n_=Lr("url"),s_=Lr("value"),r_=Hr("fetch"),a_=Hr("getSubmenuItems"),i_=Hr("onAction"),l_=Hr("onItemAction"),c_=sa("onSetup",(()=>b)),d_=qr("name"),u_=qr("text"),m_=qr("role"),g_=qr("icon"),p_=qr("tooltip"),h_=qr("label"),f_=qr("shortcut"),b_=Yr("select"),v_=na("active",!1),x_=na("borderless",!1),y_=na("enabled",!0),w_=na("primary",!1),S_=e=>Qr("columns",e),C_=Qr("meta",{}),k_=sa("onAction",b),O_=e=>ta("type",e),__=e=>Br("name","name",ir((()=>Ne(`${e}-name`))),or),T_=[JO,e_,Vr("level",["info","warn","error","success"]),o_,Qr("url","")],E_=vr(T_),A_=[JO,e_,y_,__("button"),g_,x_,Xr("buttonType",["primary","secondary","toolbar"]),w_,ta("context","mode:design")],M_=vr(A_),D_=[JO,QO],B_=D_.concat([h_]),I_=D_.concat([ZO,y_,ta("context","mode:design")]),F_=vr(I_),R_=nr,N_=B_.concat([S_("auto"),ta("context","mode:design")]),z_=vr(N_),L_=Sr([s_,e_,o_]),V_=B_.concat([ta("storageKey","default"),ta("context","mode:design")]),H_=vr(V_),P_=or,U_=vr(B_),W_=or,$_=D_.concat([ta("tag","textarea"),Lr("scriptId"),Lr("scriptUrl"),Yr("onFocus"),Zr("settings",void 0,ar)]),G_=D_.concat([ta("tag","textarea"),Hr("init")]),j_=kr((e=>_r("customeditor.old",br(G_),e).orThunk((()=>_r("customeditor.new",br($_),e))))),q_=or,X_=[y_,u_,m_,f_,Br("value","value",ir((()=>Ne("menuitem-value"))),Zs()),C_,ta("context","mode:design")];const Y_=vr([JO,QO].concat(X_)),K_=nr,J_=[__("button"),g_,oa("align","end",["start","end"]),w_,y_,Xr("buttonType",["primary","secondary"]),ta("context","mode:design")],Q_=[...J_,e_],Z_=[Vr("type",["submit","cancel","custom"]),...Q_],eT=[Vr("type",["menu"]),u_,p_,g_,Wr("items",Y_),...J_],tT=[...J_,Vr("type",["togglebutton"]),p_,g_,u_,na("active",!1)],oT=Mr("type",{submit:Z_,cancel:Z_,custom:Z_,menu:eT,togglebutton:tT}),nT=B_.concat([ta("context","mode:design")]),sT=vr(nT),rT=xr(Qs),aT=e=>[JO,zr("columns"),e],iT=[JO,Lr("html"),oa("presets","presentation",["presentation","document"]),sa("onInit",b),na("stretched",!1)],lT=vr(iT),cT=B_.concat([na("border",!1),na("sandboxed",!0),na("streamContent",!1),na("transparent",!0)]),dT=vr(cT),uT=or,mT=vr(D_.concat([qr("height")])),gT=vr([Lr("url"),jr("zoom"),jr("cachedWidth"),jr("cachedHeight")]),pT=B_.concat([qr("inputMode"),qr("placeholder"),na("maximized",!1),y_,ta("context","mode:design")]),hT=vr(pT),fT=or,bT=e=>[JO,ZO,e,oa("align","start",["start","center","end"]),qr("for")],vT=[e_,s_],xT=[e_,Wr("items",Dr(0,(()=>yT)))],yT=yr([vr(vT),vr(xT)]),wT=B_.concat([Wr("items",yT),y_,ta("context","mode:design")]),ST=vr(wT),CT=or,kT=B_.concat([Ur("items",[e_,s_]),ea("size",1),y_,ta("context","mode:design")]),OT=vr(kT),_T=or,TT=B_.concat([na("constrain",!0),y_,ta("context","mode:design")]),ET=vr(TT),AT=vr([Lr("width"),Lr("height")]),MT=D_.concat([ZO,ea("min",0),ea("max",0)]),DT=vr(MT),BT=tr,IT=[JO,Wr("header",or),Wr("cells",xr(or))],FT=vr(IT),RT=B_.concat([qr("placeholder"),na("maximized",!1),y_,ta("context","mode:design")]),NT=vr(RT),zT=or,LT=[ta("buttonType","default"),qr("text"),qr("tooltip"),qr("icon"),Zr("search",!1,yr([nr,vr([qr("placeholder")])],(e=>d(e)?e?A?.some({placeholder:A.none()}):A.none():A?.some(e)))),Hr("fetch"),sa("onSetup",(()=>b)),ta("context","mode:design")],VT=vr([JO,...LT]),HT=e=>_r("menubutton",VT,e),PT=[Vr("type",["directory","leaf"]),t_,Lr("id"),Gr("menu",VT),qr("customStateIcon"),qr("customStateIconTooltip")],UT=vr(PT),WT=PT.concat([Wr("children",Dr(0,(()=>Cr("type",{directory:$T,leaf:UT}))))]),$T=vr(WT),GT=Cr("type",{directory:$T,leaf:UT}),jT=[JO,Wr("items",GT),Yr("onLeafAction"),Yr("onToggleExpand"),ra("defaultExpandedIds",[],or),qr("defaultSelectedId")],qT=vr(jT),XT=B_.concat([oa("filetype","file",["image","media","file"]),y_,qr("picker_text"),ta("context","mode:design")]),YT=vr(XT),KT=vr([s_,C_]),JT=e=>Br("items","items",{tag:"required",process:{}},xr(kr((t=>_r(`Checking item of ${e}`,QT,t).fold((e=>Ae.error(Ar(e))),(e=>Ae.value(e))))))),QT=hr((()=>{return Cr("type",{alertbanner:E_,bar:vr((e=JT("bar"),[JO,e])),button:M_,checkbox:F_,colorinput:H_,colorpicker:U_,dropzone:sT,grid:vr(aT(JT("grid"))),iframe:dT,input:hT,listbox:ST,selectbox:OT,sizeinput:ET,slider:DT,textarea:NT,urlinput:YT,customeditor:j_,htmlpanel:lT,imagepreview:mT,collection:z_,label:vr(bT(JT("label"))),table:FT,tree:qT,panel:eE});var e})),ZT=[JO,Qr("classes",[]),Wr("items",QT)],eE=vr(ZT),tE=[__("tab"),t_,Wr("items",QT)],oE=[JO,Ur("tabs",tE)],nE=vr(oE),sE=Q_,rE=oT,aE=vr([Lr("title"),Nr("body",Cr("type",{panel:eE,tabpanel:nE})),ta("size","normal"),ra("buttons",[],rE),Qr("initialData",{}),sa("onAction",b),sa("onChange",b),sa("onSubmit",b),sa("onClose",b),sa("onCancel",b),sa("onTabChange",b)]),iE=vr([Vr("type",["cancel","custom"]),...sE]),lE=vr([Lr("title"),Lr("url"),jr("height"),jr("width"),Kr("buttons",iE),sa("onAction",b),sa("onCancel",b),sa("onClose",b),sa("onMessage",b)]),cE=e=>a(e)?[e].concat(q(he(e),cE)):l(e)?q(e,cE):[],dE=e=>r(e.type)&&r(e.name),uE={checkbox:R_,colorinput:P_,colorpicker:W_,dropzone:rT,input:fT,iframe:uT,imagepreview:gT,selectbox:_T,sizeinput:AT,slider:BT,listbox:CT,size:AT,textarea:zT,urlinput:KT,customeditor:q_,collection:L_,togglemenuitem:K_},mE=e=>{const t=(e=>P(cE(e),dE))(e),o=q(t,(e=>(e=>A.from(uE[e.type]))(e).fold((()=>[]),(t=>[Nr(e.name,t)]))));return vr(o)},gE=e=>{var t;return{internalDialog:Tr(_r("dialog",aE,e)),dataValidator:mE(e),initialData:null!==(t=e.initialData)&&void 0!==t?t:{}}},pE={open:(e,t)=>{const o=gE(t);return e(o.internalDialog,o.initialData,o.dataValidator)},openUrl:(e,t)=>e(Tr(_r("dialog",lE,t))),redial:e=>gE(e)},hE=vr([JO,u_]),fE=vr([O_("autocompleteitem"),v_,y_,C_,s_,u_,g_]);vr([JO,Lr("trigger"),ea("minChars",1),S_(1),ea("maxResults",10),Yr("matches"),r_,i_,ra("highlightOn",[],or)]);const bE=[y_,p_,g_,u_,c_,ta("context","mode:design")],vE=vr([JO,i_,f_].concat(bE)),xE=e=>_r("toolbarbutton",vE,e),yE=[v_].concat(bE),wE=vr(yE.concat([JO,i_,f_])),SE=e=>_r("ToggleButton",wE,e),CE=[sa("predicate",T),oa("scope","node",["node","editor"]),oa("position","selection",["node","selection","line"])],kE=bE.concat([O_("contextformbutton"),ta("align","end"),w_,i_,Ir("original",w)]),OE=yE.concat([O_("contextformbutton"),ta("align","end"),w_,i_,Ir("original",w)]),_E=bE.concat([O_("contextformbutton")]),TE=yE.concat([O_("contextformtogglebutton")]),EE=[h_,Wr("commands",Mr("type",{contextformbutton:kE,contextformtogglebutton:OE})),Gr("launch",Mr("type",{contextformbutton:_E,contextformtogglebutton:TE})),sa("onInput",b),sa("onSetup",b)],AE=[...CE,...EE,Vr("type",["contextform"]),sa("initValue",y("")),qr("placeholder")],ME=[...CE,...EE,Vr("type",["contextsliderform"]),sa("initValue",y(0)),sa("min",y(0)),sa("max",y(100))],DE=[...CE,...EE,Vr("type",["contextsizeinputform"]),sa("initValue",y({width:"",height:""}))],BE=Mr("type",{contextform:AE,contextsliderform:ME,contextsizeinputform:DE}),IE=bE.concat([O_("contexttoolbarbutton")]),FE=vr([O_("contexttoolbar"),Jr("launch",IE),Nr("items",yr([or,Sr([qr("name"),qr("label"),Wr("items",or)])]))].concat(CE)),RE=e=>({name:e.name.getOrUndefined(),label:e.label.getOrUndefined(),items:e.items}),NE=[JO,Lr("src"),qr("alt"),ra("classes",[],or)],zE=vr(NE),LE=[JO,e_,d_,ra("classes",["tox-collection__item-label"],or)],VE=vr(LE),HE=hr((()=>Cr("type",{cardimage:zE,cardtext:VE,cardcontainer:PE}))),PE=vr([JO,ta("direction","horizontal"),ta("align","left"),ta("valign","middle"),Wr("items",HE)]),UE=vr([JO,h_,Wr("items",HE),c_,k_].concat(X_)),WE=vr([JO,v_,g_,h_].concat(X_)),$E=[JO,Lr("fancytype"),k_],GE=[Qr("initData",{})].concat($E),jE=[Yr("select"),aa("initData",{},[na("allowCustomColors",!0),ta("storageKey","default"),Kr("colors",Zs())])].concat($E),qE=[Yr("select"),Pr("initData",[zr("columns"),ra("items",[],Zs())])].concat($E),XE=Mr("fancytype",{inserttable:GE,colorswatch:jE,imageselect:qE}),YE=vr([JO,v_,n_,h_,p_].concat(X_)),KE=vr([JO,v_,o_,ZO,p_,s_].concat(X_)),JE=vr([JO,c_,k_,g_].concat(X_)),QE=vr([JO,a_,c_,g_].concat(X_)),ZE=vr([JO,g_,v_,c_,i_].concat(X_)),eA=vr([g_,p_,sa("onShow",b),sa("onHide",b),c_]),tA=vr([JO,Nr("items",yr([Sr([QO,Wr("items",or)]),or]))].concat(bE)),oA=vr([JO,p_,g_,u_,b_,r_,c_,oa("presets","normal",["normal","color","listpreview"]),S_(1),i_,l_,ta("context","mode:design")]),nA=[u_,g_,qr("tooltip"),oa("buttonType","secondary",["primary","secondary"]),na("borderless",!1),Hr("onAction"),ta("context","mode:design")],sA={button:[...nA,e_,Vr("type",["button"])],togglebutton:[...nA,na("active",!1),Vr("type",["togglebutton"])]},rA=[Vr("type",["group"]),ra("buttons",[],Mr("type",sA))],aA=Mr("type",{...sA,group:rA}),iA=vr([ra("buttons",[],aA),Hr("onShow"),Hr("onHide")]),lA=(e,t,o)=>{const n=ms(e.element,"."+o);if(n.length>0){const e=G(n,(e=>{const o=e.dom.getBoundingClientRect().top,s=n[0].dom.getBoundingClientRect().top;return Math.abs(o-s)>t})).getOr(n.length);return A?.some({numColumns:e,numRows:Math.ceil(n.length/e)})}return A.none()},cA=e=>((e,t)=>rd([ud(e,t)]))(Ne("unnamed-events"),e),dA=e=>tp.config({disabled:e,disableClass:"tox-collection__item--state-disabled"}),uA=e=>tp.config({disabled:e}),mA=e=>tp.config({disabled:e,disableClass:"tox-tbtn--disabled"}),gA=e=>tp.config({disabled:e,disableClass:"tox-tbtn--disabled",useNative:!1}),pA=(e,t)=>{const o=e.getApi(t);return e=>{e(o)}},hA=(e,t)=>Jc((o=>{p(e.onBeforeSetup)&&e.onBeforeSetup(o),pA(e,o)((o=>{const n=e.onSetup(o);p(n)&&t.set(n)}))})),fA=(e,t)=>Qc((o=>pA(e,o)(t.get()))),bA=(e,t,o)=>Qc((n=>(o.set(Yh.getValue(n)),pA(e,n)(t.get())))),vA="silver.uistate",xA="setDisabled",yA="init",wA=["switchmode",yA],SA=(e,t)=>{const o=e.mainUi.outerContainer,n=[e.mainUi.mothership,...e.uiMotherships];t===xA&&V(n,(e=>{e.broadcastOn([gv()],{target:o.element})})),V(n,(e=>{e.broadcastOn([vA],t)}))},CA=(e,t)=>{e.on("init SwitchMode",(e=>{SA(t,e.type)})),e.on("DisabledStateChange",(o=>{if(!o.isDefaultPrevented()){const n=o.state?xA:yA;SA(t,n),o.state||e.nodeChanged()}})),e.on("NodeChange",(o=>{const n=e.ui.isEnabled()?o.type:xA;SA(t,n)})),jS(e)&&e.mode.set("readonly")},kA=e=>ob.config({channels:{[vA]:{onReceive:(t,o)=>{if(o===xA||"setEnabled"===o)return void tp.set(t,o===xA);const{contextType:n,shouldDisable:s}=e();("mode"!==n||F(wA,o))&&tp.set(t,s)}}}}),OA=(e,t)=>ed(((o,n)=>{pA(e,o)(e.onAction),e.triggersSubmenu||t!==hO.CLOSE_ON_EXECUTE||(o.getSystem().isConnected()&&Fc(o,Ha()),n.stop())})),_A={[Na()]:["disabling","alloy.base.behaviour","toggling","item-events"]},TA=Pe,EA=(e,t,o,n)=>{const s=ye(b);return{type:"item",dom:t.dom,components:TA(t.optComponents),data:e.data,eventOrder:_A,hasSubmenu:e.triggersSubmenu,itemBehaviours:rd([ud("item-events",[OA(e,o),hA(e,s),fA(e,s)]),dA((()=>!e.enabled||n.checkUiComponentContext(e.context).shouldDisable)),kA((()=>n.checkUiComponentContext(e.context))),Zm.config({})].concat(e.itemBehaviours))}},AA=e=>({value:e.value,meta:{text:e.text.getOr(""),...e.meta}}),MA=(e,t)=>{var o,n;const s=it("div");return os(s,"tox-image-selector-loading-spinner"),{dom:{tag:e.tag,attributes:null!==(o=e.attributes)&&void 0!==o?o:{},classes:e.classes},components:[{dom:{tag:"div",classes:["tox-image-selector-image-wrapper"]},components:[{dom:{tag:"img",attributes:{src:t},classes:["tox-image-selector-image-img"]}}]},...e.checkMark.toArray()],behaviours:rd([...null!==(n=e.behaviours)&&void 0!==n?n:[],ud("render-image-events",[Jc((e=>{var t;t=e.element,os(t,"tox-image-selector-loading-spinner-wrapper"),Uo(t,s),Xn(e.element,"img").each((t=>{on(t).catch((e=>{console.error(e)})).finally((()=>{(e=>{ss(e,"tox-image-selector-loading-spinner-wrapper"),Qo(s)})(e.element)}))}))}))])])}},DA=e=>{const t=US.os.isMacOS()||US.os.isiOS(),o=t?{alt:"\u2325",ctrl:"\u2303",shift:"\u21e7",meta:"\u2318",access:"\u2303\u2325"}:{meta:"Ctrl",access:"Shift+Alt"},n=e.split("+"),s=L(n,(e=>{const t=e.toLowerCase().trim();return be(o,t)?o[t]:e}));return t?s.join(""):s.join("+")},BA=(e,t,o=[wO])=>dO(e,{tag:"div",classes:o},t),IA=e=>({dom:{tag:"div",classes:[SO]},components:[Og(tO.translate(e))]}),FA=(e,t)=>({dom:{tag:"div",classes:t,innerHtml:e}}),RA=(e,t)=>({dom:{tag:"div",classes:[SO]},components:[{dom:{tag:e.tag,styles:e.styles},components:[Og(tO.translate(t))]}]}),NA=e=>({dom:{tag:"div",classes:["tox-collection__item-accessory"]},components:[Og(DA(e))]}),zA=e=>BA("checkmark",e,["tox-collection__item-checkmark"]),LA=(e,t)=>{const o=e?.map((e=>({attributes:{id:Ne("menu-item"),"aria-label":tO.translate(e)}}))).getOr({});return{tag:"div",classes:[fO,bO].concat(t),...o}},VA=e=>({dom:{tag:"label"},components:[Og(e)]}),HA=(e,t,o,n=A.none())=>"color"===e.presets?((e,t,o)=>{const n=e.value,s=e.iconContent?.map((e=>((e,t,o)=>{const n=t();return aO(e,n).or(o).getOrThunk(sO(n))})(e,t.icons,o))),r=e.ariaLabel?.map((e=>({"aria-label":t.translate(e),"data-mce-name":e}))).getOr({});return{dom:(()=>{const e=vO,t=s.getOr(""),o={tag:"div",attributes:r,classes:[e]};return"custom"===n?{...o,tag:"button",classes:[...o.classes,"tox-swatches__picker-btn"],innerHtml:t}:"remove"===n?{...o,classes:[...o.classes,"tox-swatch--remove"],innerHtml:t}:g(n)?{...o,attributes:{...o.attributes,"data-mce-color":n},styles:{"background-color":n},innerHtml:t}:o})(),optComponents:[]}})(e,t,n):"img"===e.presets?(e=>{var t,o;return{dom:LA(e.ariaLabel,["tox-collection__item-image-selector"]),optComponents:[A?.some((t=e.iconContent.getOrDie(),o={tag:"div",classes:["tox-collection__item-image"],checkMark:e.checkMark},MA(o,t))),e.labelContent?.map(VA)]}})(e):((e,t,o,n)=>{const s={tag:"div",classes:[wO]},r=o?e.iconContent?.map((e=>dO(e,s,t.icons,n))).orThunk((()=>A?.some({dom:s}))):A.none(),a=e.checkMark,i=A.from(e.meta).fold((()=>IA),(e=>be(e,"style")?C(RA,e.style):IA)),l=e.htmlContent.fold((()=>e.textContent?.map(i)),(e=>A?.some(FA(e,[SO]))));return{dom:LA(e.ariaLabel,[]),optComponents:[r,l,e.shortcutContent?.map(NA),a,e.caret,e.labelContent?.map(VA)]}})(e,t,o,n),PA=(e,t,o)=>fe(e,"tooltipWorker")?.map((e=>[iv.config({lazySink:t.getSink,tooltipDom:{tag:"div",classes:["tox-tooltip-worker-container"]},tooltipComponents:[],anchor:e=>({type:"submenu",item:e,overrides:{maxHeightFunction:kc}}),mode:"follow-highlight",onShow:(t,o)=>{e((e=>{iv.setComponents(t,[_g({element:ct(e)})])}))}})])).getOrThunk((()=>o?.map((e=>[iv.config({...t.providers.tooltips.getConfig({tooltipText:e}),mode:"follow-highlight"})])).getOr([]))),UA=(e,t)=>{const o=(e=>HS.DOM.encode(e))(tO.translate(e));if(t.length>0){const e=new RegExp((e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t),"gi");return o.replace(e,(e=>`<span class="tox-autocompleter-highlight">${e}</span>`))}return o},WA=(e,t)=>L(e,(e=>{switch(e.type){case"cardcontainer":return((e,t)=>{const o="vertical"===e.direction?"tox-collection__item-container--column":_O,n="left"===e.align?"tox-collection__item-container--align-left":"tox-collection__item-container--align-right";return{dom:{tag:"div",classes:[OO,o,n,(()=>{switch(e.valign){case"top":return"tox-collection__item-container--valign-top";case"middle":return"tox-collection__item-container--valign-middle";case"bottom":return"tox-collection__item-container--valign-bottom"}})()]},components:t}})(e,WA(e.items,t));case"cardimage":return((e,t,o)=>({dom:{tag:"img",classes:t,attributes:{src:e,alt:o.getOr("")}}}))(e.src,e.classes,e.alt);case"cardtext":const o=e.name.exists((e=>F(t.cardText.highlightOn,e))),n=o?A.from(t.cardText.matchText).getOr(""):"";return FA(UA(e.text,n),e.classes)}})),$A=(e,t,o,n,s,r,a,i=!0)=>{const l=HA({presets:o,textContent:t?e.text:A.none(),htmlContent:A.none(),labelContent:e.label,ariaLabel:e.text,iconContent:e.icon,shortcutContent:t?e.shortcut:A.none(),checkMark:t?A?.some(zA(a.icons)):A.none(),caret:A.none(),value:e.value},a,i),c=e.text.filter(y(!t))?.map((e=>iv.config(a.tooltips.getConfig({tooltipText:a.translate(e)}))));return Le(EA({context:e.context,data:AA(e),enabled:e.enabled,getApi:e=>({setActive:t=>{Yb.set(e,t)},isActive:()=>Yb.isOn(e),isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t)}),onAction:t=>n(e.value),onSetup:e=>(e.setActive(s),b),triggersSubmenu:!1,itemBehaviours:[...c.toArray()]},l,r,a),{toggling:{toggleClass:yO,toggleOnExecute:!1,selected:e.active,exclusive:!0}})},GA=e=>({value:YA(e)}),jA=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,qA=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,XA=e=>jA.test(e)||qA.test(e),YA=e=>Ke(e,"#").toUpperCase(),KA=e=>{const t=e.toString(16);return(1===t.length?"0"+t:t).toUpperCase()},JA=e=>{const t=KA(e.red)+KA(e.green)+KA(e.blue);return GA(t)},QA=(e,t,o)=>({hue:e,saturation:t,value:o}),ZA=e=>{let t=0,o=0,n=0;const s=e.red/255,r=e.green/255,a=e.blue/255,i=Math.min(s,Math.min(r,a)),l=Math.max(s,Math.max(r,a));return i===l?(n=i,QA(0,0,100*n)):(t=s===i?3:a===i?1:5,t=60*(t-(s===i?r-a:a===i?s-r:a-s)/(l-i)),o=(l-i)/l,n=l,QA(Math.round(t),Math.round(100*o),Math.round(100*n)))},eM=Math.min,tM=Math.max,oM=Math.round,nM=/^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i,sM=/^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i,rM=(e,t,o,n)=>({red:e,green:t,blue:o,alpha:n}),aM=e=>{const t=parseInt(e,10);return t.toString()===e&&t>=0&&t<=255},iM=e=>{let t,o,n;const s=(e.hue||0)%360;let r=e.saturation/100,a=e.value/100;if(r=tM(0,eM(r,1)),a=tM(0,eM(a,1)),0===r)return t=o=n=oM(255*a),rM(t,o,n,1);const i=s/60,l=a*r,c=l*(1-Math.abs(i%2-1)),d=a-l;switch(Math.floor(i)){case 0:t=l,o=c,n=0;break;case 1:t=c,o=l,n=0;break;case 2:t=0,o=l,n=c;break;case 3:t=0,o=c,n=l;break;case 4:t=c,o=0,n=l;break;case 5:t=l,o=0,n=c;break;default:t=o=n=0}return t=oM(255*(t+d)),o=oM(255*(o+d)),n=oM(255*(n+d)),rM(t,o,n,1)},lM=e=>{const t=(e=>{const t=(e=>{const t=e.value.replace(jA,((e,t,o,n)=>t+t+o+o+n+n));return{value:t}})(e),o=qA.exec(t.value);return null===o?["FFFFFF","FF","FF","FF"]:o})(e),o=parseInt(t[1],16),n=parseInt(t[2],16),s=parseInt(t[3],16);return rM(o,n,s,1)},cM=(e,t,o,n)=>{const s=parseInt(e,10),r=parseInt(t,10),a=parseInt(o,10),i=parseFloat(n);return rM(s,r,a,i)},dM=e=>{const t=nM.exec(e);if(null!==t)return A?.some(cM(t[1],t[2],t[3],"1"));const o=sM.exec(e);return null!==o?A?.some(cM(o[1],o[2],o[3],o[4])):A.none()},uM=e=>`rgba(${e.red},${e.green},${e.blue},${e.alpha})`,mM=rM(255,0,0,1),gM=e=>JA(iM(e)),pM=(e,t)=>{e.dispatch("ResizeContent",t)},hM=(e,t)=>{e.dispatch("TextColorChange",t)},fM=(e,t)=>e.dispatch("ResolveName",{name:t.nodeName.toLowerCase(),target:t}),bM=e=>{e.dispatch("ContextToolbarClose")},vM=(e,t)=>()=>{e(),t()},xM=(e,t=E)=>wM(e,"NodeChange",(o=>{o.setEnabled(e.selection.isEditable()&&t())})),yM=(e,t)=>o=>{const n=xM(e)(o),s=((e,t)=>o=>{const n=qe(),s=()=>{o.setActive(e.formatter.match(t));const s=e.formatter.formatChanged(t,o.setActive);n.set(s)};return e.initialized?s():e.once("init",s),()=>{e.off("init",s),n.clear()}})(e,t)(o);return()=>{n(),s()}},wM=(e,t,o)=>n=>{const s=()=>o(n),r=()=>{o(n),e.on(t,s)};return e.initialized?r():e.once("init",r),()=>{e.off("init",r),e.off(t,s)}},SM=e=>t=>()=>{e.undoManager.transact((()=>{e.focus(),e.execCommand("mceToggleFormat",!1,t.format)}))},CM=(e,t)=>()=>e.execCommand(t);var kM=tinymce.util.Tools.resolve("tinymce.util.LocalStorage");const OM={},_M=e=>fe(OM,e).getOrThunk((()=>{const t=`tinymce-custom-colors-${e}`,o=kM.getItem(t);if(m(o)){const e=kM.getItem("tinymce-custom-colors");kM.setItem(t,g(e)?e:"[]")}const n=((e,t=10)=>{const o=kM.getItem(e),n=r(o)?JSON.parse(o):[],s=t-(a=n).length<0?a.slice(0,t):a;var a;const i=e=>{s.splice(e,1)};return{add:o=>{((e,t)=>{const o=I(e,t);return-1===o?A.none():A?.some(o)})(s,o).each(i),s.unshift(o),s.length>t&&s.pop(),kM.setItem(e,JSON.stringify(s))},state:()=>s.slice(0)}})(t,10);return OM[e]=n,n})),TM=(e,t)=>{_M(e).add(t)},EM="forecolor",AM="hilitecolor",MM=e=>{const t=[];for(let o=0;o<e.length;o+=2)t.push({text:e[o+1],value:e[o],icon:"checkmark",type:"choiceitem"});return t},DM=e=>t=>t.options.get(e),BM="#000000",IM=(e,t)=>t===EM&&e.options.isSet("color_map_foreground")?DM("color_map_foreground")(e):t===AM&&e.options.isSet("color_map_background")?DM("color_map_background")(e):e.options.isSet("color_map_raw")?DM("color_map_raw")(e):DM("color_map")(e),FM=(e,t="default")=>Math.max(5,Math.ceil(Math.sqrt(IM(e,t).length))),RM=(e,t)=>{const o=DM("color_cols")(e),n=FM(e,t);return o===FM(e)?n:o},NM=(e,t="default")=>Math.round(t===EM?DM("color_cols_foreground")(e):t===AM?DM("color_cols_background")(e):DM("color_cols")(e)),zM=DM("custom_colors"),LM=DM("color_default_foreground"),VM=DM("color_default_background"),HM=(e,t)=>{const o=ct(e.selection.getStart()),n="hilitecolor"===t?bs(o,(e=>{if(no(e)){const t=gn(e,"background-color");return $e((e=>dM(e).exists((e=>0!==e.alpha)))(t),t)}return A.none()})).getOr("rgba(0, 0, 0, 0)"):gn(o,"color");return dM(n)?.map((e=>"#"+JA(e).value))},PM=e=>{const t="choiceitem",o={type:t,text:"Remove color",icon:"color-swatch-remove-color",value:"remove"};return e?[o,{type:t,text:"Custom color",icon:"color-picker",value:"custom"}]:[o]},UM=(e,t,o,n)=>{"custom"===o?JM(e)((o=>{o.each((o=>{TM(t,o),e.execCommand("mceApplyTextcolor",t,o),n(o)}))}),HM(e,t).getOr(BM)):"remove"===o?(n(""),e.execCommand("mceRemoveTextcolor",t)):(n(o),e.execCommand("mceApplyTextcolor",t,o))},WM=(e,t,o)=>e.concat((e=>L(_M(e).state(),(e=>({type:"choiceitem",text:e,icon:"checkmark",value:e}))))(t).concat(PM(o))),$M=(e,t,o)=>n=>{n(WM(e,t,o))},GM=(e,t,o)=>{const n="forecolor"===t?"tox-icon-text-color__color":"tox-icon-highlight-bg-color__color";e.setIconFill(n,o)},jM=(e,t)=>{e.setTooltip(t)},qM=(e,t)=>o=>{const n=HM(e,t);return He(n,o.toUpperCase())},XM=(e,t,o)=>{if(ot(o))return"forecolor"===t?"Text color":"Background color";const n="forecolor"===t?"Text color {0}":"Background color {0}",s=WM(IM(e,t),t,!1),r=$(s,(e=>e.value===o)).getOr({text:""}).text;return e.translate([n,e.translate(r)])},YM=(e,t,o,n)=>{e.ui.registry.addSplitButton(t,{tooltip:XM(e,o,n.get()),presets:"color",icon:"forecolor"===t?"text-color":"highlight-bg-color",select:qM(e,o),columns:NM(e,o),fetch:$M(IM(e,o),o,zM(e)),onAction:t=>{UM(e,o,n.get(),b)},onItemAction:(s,r)=>{UM(e,o,r,(o=>{n.set(o),hM(e,{name:t,color:o})}))},onSetup:s=>{GM(s,t,n.get());const r=n=>{n.name===t&&(GM(s,n.name,n.color),jM(s,XM(e,o,n.color)))};return e.on("TextColorChange",r),vM(xM(e)(s),(()=>{e.off("TextColorChange",r)}))}})},KM=(e,t,o,n,s)=>{e.ui.registry.addNestedMenuItem(t,{text:n,icon:"forecolor"===t?"text-color":"highlight-bg-color",onSetup:n=>(jM(n,XM(e,o,s.get())),GM(n,t,s.get()),xM(e)(n)),getSubmenuItems:()=>[{type:"fancymenuitem",fancytype:"colorswatch",select:qM(e,o),initData:{storageKey:o},onAction:n=>{UM(e,o,n.value,(o=>{s.set(o),hM(e,{name:t,color:o})}))}}]})},JM=e=>(t,o)=>{let n=!1;const s={colorpicker:o};e.windowManager.open({title:"Color Picker",size:"normal",body:{type:"panel",items:[{type:"colorpicker",name:"colorpicker",label:"Color"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:s,onAction:(e,t)=>{"hex-valid"===t.name&&(n=t.value)},onSubmit:o=>{const s=o.getData().colorpicker;n?(t(A.from(s)),o.close()):e.windowManager.alert(e.translate(["Invalid hex color code: {0}",s]))},onClose:b,onCancel:()=>{t(A.none())}})},QM=(e,t,o,n,s,r,a,i)=>{const l=qO(t),c=ZM(t,o,n,"color"!==s?"normal":"color",r,a,i);return KO(e,l,c,n,{menuType:s})},ZM=(e,t,o,n,s,r,a)=>Pe(L(e,(i=>{return"choiceitem"===i.type?(l=i,_r("choicemenuitem",WE,l)).fold(XO,(i=>A?.some($A(i,1===o,n,t,r(i.value),s,a,qO(e))))):"imageitem"===i.type?(e=>_r("imagemenuitem",YE,e))(i).fold(XO,(e=>A?.some(((e,t,o,n,s)=>{const r=HA({presets:"img",textContent:A.none(),htmlContent:A.none(),ariaLabel:e.tooltip,iconContent:A?.some(e.url),labelContent:e.label,shortcutContent:A.none(),checkMark:A?.some(zA(s.icons)),caret:A.none(),value:e.value},s,!0),a=e.tooltip?.map((e=>iv.config(s.tooltips.getConfig({tooltipText:s.translate(e)}))));return Le(EA({context:e.context,data:AA(e),enabled:e.enabled,getApi:e=>({setActive:t=>{Yb.set(e,t)},isActive:()=>Yb.isOn(e),isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t)}),onAction:o=>{t(e.value),o.setActive(!0)},onSetup:e=>(e.setActive(o),b),triggersSubmenu:!1,itemBehaviours:[...a.toArray()]},r,n,s),{toggling:{toggleClass:yO,toggleOnExecute:!1,selected:e.active,exclusive:!0}})})(e,t,r(e.value),s,a)))):"resetimage"===i.type?(e=>_r("resetimageitem",KE,e))(i).fold(XO,(i=>A?.some($A({...i,type:"choiceitem",text:i.tooltip,icon:A?.some(i.icon),label:A?.some(i.label)},1===o,n,t,r(i.value),s,a,qO(e))))):A.none();var l}))),eD=(e,t)=>{const o=MO(t);return 1===e?{mode:"menu",moveOnTab:!0}:"auto"===e?{mode:"grid",selector:"."+o.item,initSize:{numColumns:1,numRows:1}}:{mode:"matrix",rowSelector:"."+{color:"tox-swatches__row",imageselector:"tox-image-selector__row",listpreview:"tox-collection__group",normal:"tox-collection__group"}[t],previousSelector:e=>"color"===t?Xn(e.element,"[aria-checked=true]"):A.none()}},tD=Ne("cell-over"),oD=Ne("cell-execute"),nD=(e,t,o)=>{const n=o=>Rc(o,oD,{row:e,col:t}),s=(e,t)=>{t.stop(),n(e)};return Ag({dom:{tag:"div",attributes:{role:"button","aria-label":o}},behaviours:rd([ud("insert-table-picker-cell",[Wc(va(),fd.focus),Wc(Na(),n),Wc(Oa(),s),Wc(La(),s)]),Yb.config({toggleClass:"tox-insert-table-picker__selected",toggleOnExecute:!1}),fd.config({onFocus:o=>Rc(o,tD,{row:e,col:t})})])})},sD=e=>q(e,(e=>L(e,Mg))),rD=(e,t)=>Og(`${t}x${e}`),aD={inserttable:(e,t)=>{const o=(e=>(t,o)=>e.shared.providers.translate(["{0} columns, {1} rows",o,t]))(t),n=(e=>{const t=[];for(let o=0;o<10;o++){const n=[];for(let t=0;t<10;t++){const s=e(o+1,t+1);n.push(nD(o,t,s))}t.push(n)}return t})(o),s=rD(0,0),r=dv({dom:{tag:"span",classes:["tox-insert-table-picker__label"]},components:[s],behaviours:rd([Zm.config({})])});return{type:"widget",data:{value:Ne("widget-id")},dom:{tag:"div",classes:["tox-fancymenuitem"]},autofocus:!0,components:[ey.widget({dom:{tag:"div",classes:["tox-insert-table-picker"]},components:sD(n).concat(r.asSpec()),behaviours:rd([ud("insert-table-picker",[Jc((e=>{Zm.set(r.get(e),[s])})),qc(tD,((e,t,o)=>{const{row:s,col:a}=o.event;((e,t,o)=>{for(let n=0;n<10;n++)for(let s=0;s<10;s++)Yb.set(e[n][s],n<=t&&s<=o)})(n,s,a),Zm.set(r.get(e),[rD(s+1,a+1)])})),qc(oD,((t,o,n)=>{const{row:s,col:r}=n.event;Fc(t,Ha()),e.onAction({numRows:s+1,numColumns:r+1})}))]),wm.config({initSize:{numRows:10,numColumns:10},mode:"flatgrid",selector:'[role="button"]'})])})]}},colorswatch:(e,t)=>{const o=((e,t)=>{const o=e.initData.allowCustomColors&&t.colorinput.hasCustomColors();return e.initData.colors.fold((()=>WM(t.colorinput.getColors(e.initData.storageKey),e.initData.storageKey,o)),(e=>e.concat(PM(o))))})(e,t),n=t.colorinput.getColorCols(e.initData.storageKey),s="color",r=QM(Ne("menu-value"),o,(t=>{e.onAction({value:t})}),n,s,hO.CLOSE_ON_EXECUTE,e.select.getOr(T),t.shared.providers),a={...r,markers:MO(s),movement:eD(n,s),showMenuRole:!1};return{type:"widget",data:{value:Ne("widget-id")},dom:{tag:"div",classes:["tox-fancymenuitem"]},autofocus:!0,components:[ey.widget(Qv.sketch(a))]}},imageselect:(e,t)=>{const o="imageselector",n=e.initData.columns,s=QM(Ne("menu-value"),e.initData.items,(t=>{e.onAction({value:t})}),n,o,hO.CLOSE_ON_EXECUTE,e.select.getOr(T),t.shared.providers),r={...s,markers:MO(o),movement:eD(n,o),showMenuRole:!1};return{type:"widget",data:{value:Ne("widget-id")},dom:{tag:"div",classes:["tox-fancymenuitem","tox-collection--toolbar"]},autofocus:!0,components:[ey.widget(Qv.sketch(r))]}}},iD=e=>({type:"separator",dom:{tag:"div",classes:[bO,"tox-collection__group-heading"]},components:e.text?.map(Og).toArray()}),lD=(e,t,o)=>{LO(e).each((e=>{var n;((e,t)=>{Xo(t.element,"id").each((t=>Go(e.element,"aria-activedescendant",t)))})(e,o),(rs((n=t).element,PO)?A?.some(n.element):Xn(n.element,"."+PO)).each((t=>{Xo(t,"id").each((t=>Go(e.element,"aria-controls",t)))}))})),Go(o.element,"aria-selected","true")},cD=(e,t,o)=>{Go(o.element,"aria-selected","false")},dD=e=>Pg.getExistingCoupled(e,"sandbox").bind(zO)?.map(VO)?.map((e=>e.fetchPattern)).getOr("");var uD;!function(e){e[e.ContentFocus=0]="ContentFocus",e[e.UiFocus=1]="UiFocus"}(uD||(uD={}));const mD=(e,t,o,n,s)=>{const r=o.shared.providers,a=e=>s?{...e,shortcut:A.none(),icon:e.text.isSome()?A.none():e.icon}:e;switch(e.type){case"menuitem":return(i=e,_r("menuitem",JE,i)).fold(XO,(e=>A?.some(((e,t,o,n=!0)=>{const s=HA({presets:"normal",iconContent:e.icon,textContent:e.text,htmlContent:A.none(),labelContent:A.none(),ariaLabel:e.text,caret:A.none(),checkMark:A.none(),shortcutContent:e.shortcut},o,n);return EA({context:e.context,data:AA(e),getApi:e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t)}),enabled:e.enabled,onAction:e.onAction,onSetup:e.onSetup,triggersSubmenu:!1,itemBehaviours:[]},s,t,o)})(a(e),t,r,n))));case"nestedmenuitem":return(e=>_r("nestedmenuitem",QE,e))(e).fold(XO,(e=>A?.some(((e,t,o,n=!0,s=!1)=>{const r=s?(a=o.icons,BA("chevron-down",a,[CO])):(e=>BA("chevron-right",e,[CO]))(o.icons);var a;const i=HA({presets:"normal",iconContent:e.icon,textContent:e.text,htmlContent:A.none(),ariaLabel:e.text,labelContent:A.none(),caret:A?.some(r),checkMark:A.none(),shortcutContent:e.shortcut},o,n);return EA({context:e.context,data:AA(e),getApi:e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setIconFill:(t,o)=>{Xn(e.element,`svg path[class="${t}"], rect[class="${t}"]`).each((e=>{Go(e,"fill",o)}))},setTooltip:t=>{const n=o.translate(t);Go(e.element,"aria-label",n)}}),enabled:e.enabled,onAction:b,onSetup:e.onSetup,triggersSubmenu:!0,itemBehaviours:[]},i,t,o)})(a(e),t,r,n,s))));case"togglemenuitem":return(e=>_r("togglemenuitem",ZE,e))(e).fold(XO,(e=>A?.some(((e,t,o,n=!0)=>{const s=HA({iconContent:e.icon,textContent:e.text,htmlContent:A.none(),labelContent:A.none(),ariaLabel:e.text,checkMark:A?.some(zA(o.icons)),caret:A.none(),shortcutContent:e.shortcut,presets:"normal",meta:e.meta},o,n);return Le(EA({context:e.context,data:AA(e),enabled:e.enabled,getApi:e=>({setActive:t=>{Yb.set(e,t)},isActive:()=>Yb.isOn(e),isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t)}),onAction:e.onAction,onSetup:e.onSetup,triggersSubmenu:!1,itemBehaviours:[]},s,t,o),{toggling:{toggleClass:yO,toggleOnExecute:!1,selected:e.active},role:e.role.getOrUndefined()})})(a(e),t,r,n))));case"separator":return(e=>_r("separatormenuitem",hE,e))(e).fold(XO,(e=>A?.some(iD(e))));case"fancymenuitem":return(e=>_r("fancymenuitem",XE,e))(e).fold(XO,(e=>((e,t)=>fe(aD,e.fancytype)?.map((o=>o(e,t))))(e,o)));default:return console.error("Unknown item in general menu",e),A.none()}var i},gD=(e,t,o,n,s,r,a)=>{const i=1===n,l=!i||qO(e);return Pe(L(e,(e=>{switch(e.type){case"separator":return(n=e,_r("Autocompleter.Separator",hE,n)).fold(XO,(e=>A?.some(iD(e))));case"cardmenuitem":return(e=>_r("cardmenuitem",UE,e))(e).fold(XO,(e=>A?.some(((e,t,o,n)=>{const s={dom:LA(e.label,[]),optComponents:[A?.some({dom:{tag:"div",classes:[OO,_O]},components:WA(e.items,n)})]};return EA({context:"mode:design",data:AA({text:A.none(),...e}),enabled:e.enabled,getApi:e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>{tp.set(e,!t),V(ms(e.element,"*"),(o=>{e.getSystem().getByDom(o).each((e=>{e.hasConfigured(tp)&&tp.set(e,!t)}))}))}}),onAction:e.onAction,onSetup:e.onSetup,triggersSubmenu:!1,itemBehaviours:A.from(n.itemBehaviours).getOr([])},s,t,o.providers)})({...e,onAction:t=>{e.onAction(t),o(e.value,e.meta)}},s,r,{itemBehaviours:PA(e.meta,r,A.none()),cardText:{matchText:t,highlightOn:a}}))));default:return(e=>_r("Autocompleter.Item",fE,e))(e).fold(XO,(e=>A?.some(((e,t,o,n,s,r,a,i=!0)=>{const l=HA({presets:n,textContent:A.none(),htmlContent:o?e.text?.map((e=>UA(e,t))):A.none(),ariaLabel:e.text,labelContent:A.none(),iconContent:e.icon,shortcutContent:A.none(),checkMark:A.none(),caret:A.none(),value:e.value},a.providers,i,e.icon),c=e.text.filter((e=>!o&&""!==e));return EA({context:"mode:design",data:AA(e),enabled:e.enabled,getApi:y({}),onAction:t=>s(e.value,e.meta),onSetup:y(b),triggersSubmenu:!1,itemBehaviours:PA(e,a,c)},l,r,a.providers)})(e,t,i,"normal",o,s,r,l))))}var n})))},pD=(e,t,o,n,s,r)=>{const a=qO(t),i=Pe(L(t,(e=>{const t=e=>mD(e,o,n,(e=>s?!be(e,"text"):a)(e),s);return"nestedmenuitem"===e.type&&e.getSubmenuItems().length<=0?t({...e,enabled:!1}):t(e)}))),l=(e=>"no-search"===e.searchMode?{menuType:"normal"}:{menuType:"searchable",searchMode:e})(r);return(s?YO:KO)(e,a,i,1,l)},hD=e=>ax.singleData(e.value,e),fD=e=>vs(ct(e.startContainer),e.startOffset,ct(e.endContainer),e.endOffset),bD=(e,t)=>{const o=Ne("autocompleter"),n=ye(!1),s=ye(!1),r=Xe(),a=Ag(Xx.sketch({dom:{tag:"div",classes:["tox-autocompleter"],attributes:{id:o}},components:[],fireDismissalEventInstead:{},inlineBehaviours:rd([ud("dismissAutocompleter",[Wc(Ya(),(()=>u())),Wc(oi(),((t,o)=>{Xo(o.event.target,"id").each((t=>Go(ct(e.getBody()),"aria-activedescendant",t)))}))])]),lazySink:t.getSink})),i=()=>Xx.isOpen(a),l=s.get,c=()=>{if(i()){Xx.hide(a),e.dom.remove(o,!1);const t=ct(e.getBody());Xo(t,"aria-owns").filter((e=>e===o)).each((()=>{Ko(t,"aria-owns"),Ko(t,"aria-activedescendant")}))}},d=()=>Xx.getContent(a).bind((e=>ee(e.components(),0))),u=()=>e.execCommand("mceAutocompleterClose"),m=s=>{const i=(o=>{const s=se(o,(e=>A.from(e.columns))).getOr(1);return q(o,(o=>{const a=o.items;return gD(a,o.matchText,((t,s)=>{const a={hide:()=>u(),reload:t=>{c(),e.execCommand("mceAutocompleterReload",!1,{fetchOptions:t})}};e.execCommand("mceAutocompleterRefreshActiveRange"),r.get().each((e=>{n.set(!0),o.onAction(a,e,t,s),n.set(!1)}))}),s,hO.BUBBLE_TO_SANDBOX,t,o.highlightOn)}))})(s);i.length>0?(((t,o)=>{const n=se(t,(e=>A.from(e.columns))).getOr(1);Xx.showMenuAt(a,{anchor:{type:"selection",getSelection:()=>r.get()?.map(fD),root:ct(e.getBody())}},((e,t,o,n)=>{const s=eD(t,n),r=MO(n);return{data:hD({...e,movement:s,menuBehaviours:cA("auto"!==t?[]:[Jc(((e,t)=>{lA(e,4,r.item).each((({numColumns:t,numRows:o})=>{wm.setGridSize(e,o,t)}))}))])}),menu:{markers:MO(n),fakeFocus:o===uD.ContentFocus}}})(KO("autocompleter-value",!0,o,n,{menuType:"normal"}),n,uD.ContentFocus,"normal")),d().each(Gd.highlightFirst)})(s,i),Go(ct(e.getBody()),"aria-owns",o),e.inline||g()):c()},g=()=>{e.dom.get(o)&&e.dom.remove(o,!1);const t=e.getDoc().documentElement,n=e.selection.getNode(),s=(e=>Zo(e,!0))(a.element);un(s,{border:"0",clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0",position:"absolute",width:"1px",top:`${n.offsetTop}px`,left:`${n.offsetLeft}px`}),e.dom.add(t,s.dom),Xn(s,'[role="menu"]').each((e=>{vn(e,"position"),vn(e,"max-height")}))};e.on("AutocompleterStart",(({lookupData:e})=>{s.set(!0),n.set(!1),m(e)})),e.on("AutocompleterUpdate",(({lookupData:e})=>m(e))),e.on("AutocompleterUpdateActiveRange",(({range:e})=>r.set(e))),e.on("AutocompleterEnd",(()=>{c(),s.set(!1),n.set(!1),r.clear()}));((e,t)=>{const o=(e,t)=>{Rc(e,wa(),{raw:t})},n=()=>e.getMenu().bind(Gd.getHighlighted);t.on("keydown",(t=>{const s=t.which;e.isActive()&&(e.isMenuOpen()?13===s?(n().each(Nc),t.preventDefault()):40===s?(n().fold((()=>{e.getMenu().each(Gd.highlightFirst)}),(e=>{o(e,t)})),t.preventDefault(),t.stopImmediatePropagation()):37!==s&&38!==s&&39!==s||n().each((e=>{o(e,t),t.preventDefault(),t.stopImmediatePropagation()})):13!==s&&38!==s&&40!==s||e.cancelIfNecessary())})),t.on("NodeChange",(()=>{!e.isActive()||e.isProcessingAction()||t.queryCommandState("mceAutoCompleterInRange")||e.cancelIfNecessary()}))})({cancelIfNecessary:u,isMenuOpen:i,isActive:l,isProcessingAction:n.get,getMenu:d},e)};var vD=tinymce.util.Tools.resolve("tinymce.html.Entities");const xD=(e,t,o,n)=>{const s=yD(e,t,o,n);return Ux.sketch(s)},yD=(e,t,o,n)=>({dom:wD(o),components:e.toArray().concat([t]),fieldBehaviours:rd(n)}),wD=e=>({tag:"div",classes:["tox-form__group"].concat(e)}),SD=(e,t)=>Ux.parts.label({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}),CD=Ne("form-component-change"),kD=Ne("form-component-input"),OD=Ne("form-close"),_D=Ne("form-cancel"),TD=Ne("form-action"),ED=Ne("form-submit"),AD=Ne("form-block"),MD=Ne("form-unblock"),DD=Ne("form-tabchange"),BD=Ne("form-resize"),ID=(e,t,o)=>{const n=e.label?.map((e=>SD(e,t))),s=t.icons(),r=e=>(t,o)=>{Yn(o.event.target,"[data-collection-item-value]").each((n=>{e(t,o,n,qo(n,"data-collection-item-value"))}))},a=r(((o,n,s,r)=>{n.stop(),t.checkUiComponentContext("mode:design").shouldDisable||t.isDisabled()||Rc(o,TD,{name:e.name,value:r})})),i=[Wc(va(),r(((e,t,o)=>{Fo(o,!0)}))),Wc(Oa(),a),Wc(La(),a),Wc(xa(),r(((e,t,o)=>{Xn(e.element,"."+kO).each((e=>{ss(e,kO)})),os(o,kO)}))),Wc(ya(),r((e=>{Xn(e.element,"."+kO).each((e=>{ss(e,kO),Ro(e)}))}))),ed(r(((t,o,n,s)=>{Rc(t,TD,{name:e.name,value:s})})))],l=(e,t)=>L(ms(e.element,".tox-collection__item"),t),c=Ux.parts.field({dom:{tag:"div",classes:["tox-collection"].concat(1!==e.columns?["tox-collection--grid"]:["tox-collection--list"])},components:[],factory:{sketch:w},behaviours:rd([tp.config({disabled:()=>t.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{l(e,(e=>{os(e,"tox-collection__item--state-disabled"),Go(e,"aria-disabled",!0)}))},onEnabled:e=>{l(e,(e=>{ss(e,"tox-collection__item--state-disabled"),Ko(e,"aria-disabled")}))}}),kA((()=>t.checkUiComponentContext(e.context))),Zm.config({}),iv.config({...t.tooltips.getConfig({tooltipText:"",onShow:e=>{Xn(e.element,"."+kO+"[data-mce-tooltip]").each((o=>{Xo(o,"data-mce-tooltip").each((o=>{iv.setComponents(e,t.tooltips.getComponents({tooltipText:o}))}))}))}}),mode:"children-keyboard-focus",anchor:e=>({type:"node",node:Xn(e.element,"."+kO).orThunk((()=>xt(".tox-collection__item"))),root:e.element,layouts:{onLtr:y([jl,Gl,Pl,Wl,Ul,$l]),onRtl:y([jl,Gl,Pl,Wl,Ul,$l])},bubble:wl(0,-2,{})})}),Yh.config({store:{mode:"memory",initialValue:o.getOr([])},onSetValue:(o,n)=>{((o,n)=>{const r=t.checkUiComponentContext("mode:design").shouldDisable||t.isDisabled()?" tox-collection__item--state-disabled":"",a=L(n,(t=>{const o=tO.translate(t.text),n=1===e.columns?`<div class="tox-collection__item-label">${o}</div>`:"",a=`<div class="tox-collection__item-icon">${(e=>{var t;return null!==(t=s[e])&&void 0!==t?t:e})(t.icon)}</div>`,i={_:" "," - ":" ","-":" "},l=o.replace(/\_| \- |\-/g,(e=>i[e]));return`<div data-mce-tooltip="${l}" class="tox-collection__item${r}" tabindex="-1" data-collection-item-value="${vD.encodeAllRaw(t.value)}" aria-label="${l}">${a}${n}</div>`})),i="auto"!==e.columns&&e.columns>1?z(a,e.columns):[a],l=L(i,(e=>`<div class="tox-collection__group">${e.join("")}</div>`));tn(o.element,l.join(""))})(o,n),"auto"===e.columns&&lA(o,5,"tox-collection__item").each((({numRows:e,numColumns:t})=>{wm.setGridSize(o,e,t)})),Fc(o,BD)}}),Pb.config({}),wm.config((d=e.columns,1===d?{mode:"menu",moveOnTab:!1,selector:".tox-collection__item"}:"auto"===d?{mode:"flatgrid",selector:".tox-collection__item",initSize:{numColumns:1,numRows:1}}:{mode:"matrix",selectors:{row:".tox-collection__group",cell:`.${bO}`}})),ud("collection-events",i)]),eventOrder:{[Na()]:["disabling","alloy.base.behaviour","collection-events"],[xa()]:["collection-events","tooltipping"]}});var d;return xD(n,c,["tox-form__group--collection"],[])},FD=Ne("color-input-change"),RD=Ne("color-swatch-change"),ND=Ne("color-picker-cancel"),zD=()=>zg.config({find:A.some}),LD=e=>zg.config({find:t=>bo(t.element,e).bind((e=>t.getSystem().getByDom(e).toOptional()))}),VD=vr([Qr("preprocess",w),Qr("postprocess",w)]),HD=(e,t)=>{const o=Er("RepresentingConfigs.memento processors",VD,t);return Yh.config({store:{mode:"manual",getValue:t=>{const n=e.get(t),s=Yh.getValue(n);return o.postprocess(s)},setValue:(t,n)=>{const s=o.preprocess(n),r=e.get(t);Yh.setValue(r,s)}}})},PD=(e,t,o)=>Yh.config({store:{mode:"manual",...e?.map((e=>({initialValue:e}))).getOr({}),getValue:t,setValue:o}}),UD=(e,t,o)=>PD(e,(e=>t(e.element)),((e,t)=>o(e.element,t))),WD=e=>Yh.config({store:{mode:"memory",initialValue:e}}),$D=Ne("rgb-hex-update"),GD=Ne("slider-update"),jD=Ne("palette-update"),qD=Ne("valid-input"),XD=Ne("invalid-input"),YD=Ne("validating-input"),KD="colorcustom.rgb.",JD={isEnabled:E,setEnabled:b,immediatelyShow:b,immediatelyHide:b},QD=(e,t,o,n,s,r)=>{const a=(e,t)=>{const o=t.get();e!==o.isEnabled()&&(o.setEnabled(e),e?o.immediatelyShow():o.immediatelyHide())},i=(o,n,s)=>Kh.config({invalidClass:t("invalid"),notify:{onValidate:e=>{Rc(e,YD,{type:o})},onValid:e=>{a(!1,s),Rc(e,qD,{type:o,value:Yh.getValue(e)})},onInvalid:e=>{a(!0,s),Rc(e,XD,{type:o,value:Yh.getValue(e)})}},validator:{validate:t=>{const o=Yh.getValue(t),s=n(o)?Ae.value(!0):Ae.error(e("aria.input.invalid"));return _e(s)},validateOnLoad:!1}}),l=(o,n,a,l,c)=>{const d=ye(JD),u=e(KD+"range"),m=Ux.parts.label({dom:{tag:"label"},components:[Og(a)]}),g=Ux.parts.field({data:c,factory:Zx,inputAttributes:{type:"text","aria-label":l,..."hex"===n?{"aria-live":"polite"}:{}},inputClasses:[t("textfield")],inputBehaviours:rd([i(n,o,d),Pb.config({}),iv.config({...s({tooltipText:"",onSetup:e=>{d.set({isEnabled:()=>iv.isEnabled(e),setEnabled:t=>iv.setEnabled(e,t),immediatelyShow:()=>iv.immediateOpenClose(e,!0),immediatelyHide:()=>iv.immediateOpenClose(e,!1)}),iv.setEnabled(e,!1)},onShow:(o,s)=>{iv.setComponents(o,[{dom:{tag:"p",classes:[t("rgb-warning-note")]},components:[Og(e("hex"===n?"colorcustom.rgb.invalidHex":"colorcustom.rgb.invalid"))]}])}})})]),onSetValue:e=>{Kh.isInvalid(e)&&Kh.run(e).get(b)}}),p=Ne("aria-invalid"),h=dv(r("invalid",A?.some(p),"warning")),f=[m,g,dv({dom:{tag:"div",classes:[t("invalid-icon")]},components:[h.asSpec()]}).asSpec()],v="hex"!==n?[Ux.parts["aria-descriptor"]({text:u})]:[],x=f.concat(v);return{dom:{tag:"div",attributes:{role:"presentation"},classes:[t("rgb-container")]},components:x}},c=(e,t)=>{const o=t.red,n=t.green,s=t.blue;Yh.setValue(e,{red:o,green:n,blue:s})},d=dv({dom:{tag:"div",classes:[t("rgba-preview")],styles:{"background-color":"white"},attributes:{role:"presentation"}}}),u=(e,t)=>{d.getOpt(e).each((e=>{dn(e.element,"background-color","#"+t.value)}))},m=nh({factory:()=>{const s={red:ye(A?.some(255)),green:ye(A?.some(255)),blue:ye(A?.some(255)),hex:ye(A?.some("ffffff"))},r=e=>s[e].get(),a=(e,t)=>{s[e].set(t)},i=e=>{const t=e.red,o=e.green,n=e.blue;a("red",A?.some(t)),a("green",A?.some(o)),a("blue",A?.some(n))},m=(e,t)=>{const o=t.event;"hex"!==o.type?a(o.type,A.none()):n(e)},g=(e,t)=>{const n=t.event;(e=>"hex"===e.type)(n)?((e,t)=>{o(e);const n=GA(t);a("hex",A?.some(n.value));const s=lM(n);c(e,s),i(s),Rc(e,$D,{hex:n}),u(e,n)})(e,n.value):((e,t,o)=>{const n=parseInt(o,10);a(t,A?.some(n)),r("red").bind((e=>r("green").bind((t=>r("blue")?.map((o=>rM(e,t,o,1))))))).each((t=>{const o=((e,t)=>{const o=JA(t);return Ax.getField(e,"hex").each((t=>{fd.isFocused(t)||Yh.setValue(e,{hex:o.value})})),o})(e,t);Rc(e,$D,{hex:o}),u(e,o)}))})(e,n.type,n.value)},p=t=>({label:e(KD+t+".label"),description:e(KD+t+".description")}),h=p("red"),f=p("green"),b=p("blue"),v=p("hex");return Le(Ax.sketch((o=>({dom:{tag:"form",classes:[t("rgb-form")],attributes:{"aria-label":e("aria.color.picker")}},components:[o.field("red",Ux.sketch(l(aM,"red",h.label,h.description,255))),o.field("green",Ux.sketch(l(aM,"green",f.label,f.description,255))),o.field("blue",Ux.sketch(l(aM,"blue",b.label,b.description,255))),o.field("hex",Ux.sketch(l(XA,"hex",v.label,v.description,"ffffff"))),d.asSpec()],formBehaviours:rd([Kh.config({invalidClass:t("form-invalid")}),ud("rgb-form-events",[Wc(qD,g),Wc(XD,m),Wc(YD,m)])])}))),{apis:{updateHex:(e,t)=>{Yh.setValue(e,{hex:t.value}),((e,t)=>{const o=lM(t);c(e,o),i(o)})(e,t),u(e,t)}}})},name:"RgbForm",configFields:[],apis:{updateHex:(e,t,o)=>{e.updateHex(t,o)}},extraApis:{}});return m},ZD=(e,t,o,n)=>{const s=nh({name:"ColourPicker",configFields:[Rr("dom"),Qr("onValidHex",b),Qr("onInvalidHex",b)],factory:s=>{const r=QD(e,t,s.onValidHex,s.onInvalidHex,o,n),a=((e,t)=>{const o=Pw.parts.spectrum({dom:{tag:"canvas",attributes:{role:"presentation"},classes:[t("sv-palette-spectrum")]}}),n=Pw.parts.thumb({dom:{tag:"div",attributes:{role:"presentation"},classes:[t("sv-palette-thumb")],innerHtml:`<div class=${t("sv-palette-inner-thumb")} role="presentation"></div>`}}),s=(e,t)=>{const{width:o,height:n}=e,s=e.getContext("2d");if(null===s)return;s.fillStyle=t,s.fillRect(0,0,o,n);const r=s.createLinearGradient(0,0,o,0);r.addColorStop(0,"rgba(255,255,255,1)"),r.addColorStop(1,"rgba(255,255,255,0)"),s.fillStyle=r,s.fillRect(0,0,o,n);const a=s.createLinearGradient(0,0,0,n);a.addColorStop(0,"rgba(0,0,0,0)"),a.addColorStop(1,"rgba(0,0,0,1)"),s.fillStyle=a,s.fillRect(0,0,o,n)},r=nh({factory:r=>{const a=y({x:0,y:0}),i=rd([zg.config({find:A.some}),fd.config({})]);return Pw.sketch({dom:{tag:"div",attributes:{role:"slider","aria-valuetext":e(["Saturation {0}%, Brightness {1}%",0,0])},classes:[t("sv-palette")]},model:{mode:"xy",getInitialValue:a},rounded:!1,components:[o,n],onChange:(t,o,n)=>{h(n)||Go(t.element,"aria-valuetext",e(["Saturation {0}%, Brightness {1}%",Math.floor(n.x),Math.floor(100-n.y)])),Rc(t,jD,{value:n})},onInit:(e,t,o,n)=>{s(o.element.dom,uM(mM))},sliderBehaviours:i})},name:"SaturationBrightnessPalette",configFields:[],apis:{setHue:(e,t,o)=>{((e,t)=>{const o=e.components()[0].element.dom,n=QA(t,100,100),r=iM(n);s(o,uM(r))})(t,o)},setThumb:(t,o,n)=>{((t,o)=>{const n=ZA(lM(o));Pw.setValue(t,{x:n.saturation,y:100-n.value}),Go(t.element,"aria-valuetext",e(["Saturation {0}%, Brightness {1}%",n.saturation,n.value]))})(o,n)}},extraApis:{}});return r})(e,t),i={paletteRgba:ye(mM),paletteHue:ye(0)},l=dv(((e,t)=>{const o=Pw.parts.spectrum({dom:{tag:"div",classes:[t("hue-slider-spectrum")],attributes:{role:"presentation"}}}),n=Pw.parts.thumb({dom:{tag:"div",classes:[t("hue-slider-thumb")],attributes:{role:"presentation"}}});return Pw.sketch({dom:{tag:"div",classes:[t("hue-slider")],attributes:{role:"slider","aria-valuemin":0,"aria-valuemax":360,"aria-valuenow":120}},rounded:!1,model:{mode:"y",getInitialValue:y(0)},components:[o,n],sliderBehaviours:rd([fd.config({})]),onChange:(e,t,o)=>{Go(e.element,"aria-valuenow",Math.floor(360-3.6*o)),Rc(e,GD,{value:o})}})})(0,t)),c=dv(a.sketch({})),d=dv(r.sketch({})),u=(e,t,o)=>{c.getOpt(e).each((e=>{a.setHue(e,o)}))},m=(e,t)=>{d.getOpt(e).each((e=>{r.updateHex(e,t)}))},g=(e,t,o)=>{l.getOpt(e).each((e=>{Pw.setValue(e,(e=>100-e/360*100)(o))}))},p=(e,t)=>{c.getOpt(e).each((e=>{a.setThumb(e,t)}))},f=(e,t,o,n)=>{((e,t)=>{const o=lM(e);i.paletteRgba.set(o),i.paletteHue.set(t)})(t,o),V(n,(n=>{n(e,t,o)}))};return{uid:s.uid,dom:s.dom,components:[c.asSpec(),l.asSpec(),d.asSpec()],behaviours:rd([ud("colour-picker-events",[Wc($D,(()=>{const e=[u,g,p];return(t,o)=>{const n=o.event.hex,s=(e=>ZA(lM(e)))(n);f(t,n,s.hue,e)}})()),Wc(jD,(()=>{const e=[m];return(t,o)=>{const n=o.event.value,s=i.paletteHue.get(),r=QA(s,n.x,100-n.y),a=gM(r);f(t,a,s,e)}})()),Wc(GD,(()=>{const e=[u,m];return(t,o)=>{const n=(e=>(100-e)/100*360)(o.event.value),s=i.paletteRgba.get(),r=ZA(s),a=QA(n,r.saturation,r.value),l=gM(a);f(t,l,n,e)}})())]),zg.config({find:e=>d.getOpt(e)}),wm.config({mode:"acyclic"})])}}});return s},eB={"colorcustom.rgb.red.label":"R","colorcustom.rgb.red.description":"Red channel","colorcustom.rgb.green.label":"G","colorcustom.rgb.green.description":"Green channel","colorcustom.rgb.blue.label":"B","colorcustom.rgb.blue.description":"Blue channel","colorcustom.rgb.hex.label":"#","colorcustom.rgb.hex.description":"Hex color code","colorcustom.rgb.range":"Range 0 to 255","colorcustom.rgb.invalid":"Numbers only, 0 to 255","colorcustom.rgb.invalidHex":"Hexadecimal only, 000000 to FFFFFF","aria.color.picker":"Color Picker","aria.input.invalid":"Invalid input"};var tB=tinymce.util.Tools.resolve("tinymce.Resource");const oB=e=>be(e,"init");var nB=tinymce.util.Tools.resolve("tinymce.util.Tools");const sB=Ne("browse.files.event"),rB=(e,t,o)=>{const n=(e,t)=>{t.stop()},s=e=>(t,o)=>{V(e,(e=>{e(t,o)}))},r=dv({dom:{tag:"input",attributes:{type:"file",accept:"image/*"},styles:{display:"none"}},behaviours:rd([ud("input-file-events",[Xc(Oa()),Xc(La())])])}),a=e.label?.map((e=>SD(e,t))),i=Ux.parts.field({factory:_v,dom:{tag:"button",styles:{position:"relative"},classes:["tox-button","tox-button--secondary"]},components:[Og(t.translate("Browse for an image")),r.asSpec()],action:e=>{r.get(e).element.dom.click()},buttonBehaviours:rd([zD(),WD(o.getOr([])),Pb.config({}),uA((()=>t.checkUiComponentContext(e.context).shouldDisable)),kA((()=>t.checkUiComponentContext(e.context)))])}),l={dom:{tag:"div",classes:["tox-dropzone-container"]},behaviours:rd([tp.config({disabled:()=>t.checkUiComponentContext(e.context).shouldDisable}),kA((()=>t.checkUiComponentContext(e.context))),Yb.config({toggleClass:"dragenter",toggleOnExecute:!1}),ud("dropzone-events",[Wc("dragenter",s([n,Yb.toggle])),Wc("dragleave",s([n,Yb.toggle])),Wc("dragover",n),Wc("drop",s([n,(e,t)=>{var o;if(!tp.isDisabled(e)){const n=t.event.raw;Rc(e,sB,{files:null===(o=n.dataTransfer)||void 0===o?void 0:o.files})}}])),Wc(ka(),((e,t)=>{const o=t.event.raw.target;Rc(e,sB,{files:o.files})}))])]),components:[{dom:{tag:"div",classes:["tox-dropzone"],styles:{}},components:[{dom:{tag:"p"},components:[Og(t.translate("Drop an image here"))]},i]}]};return xD(a,l,["tox-form__group--stretched"],[ud("handle-files",[Wc(sB,((o,n)=>{Ux.getField(o).each((o=>{var s,r;s=o,(r=n.event.files)&&(Yh.setValue(s,((e,t)=>{const o=nB.explode(t.getOption("images_file_types"));return P(ne(e),(e=>R(o,(t=>Ze(e.name.toLowerCase(),`.${t.toLowerCase()}`)))))})(r,t)),Rc(s,CD,{name:e.name}))}))}))])])},aB=Ne("alloy-fake-before-tabstop"),iB=Ne("alloy-fake-after-tabstop"),lB=e=>({dom:{tag:"div",styles:{width:"1px",height:"1px",outline:"none"},attributes:{tabindex:"0"},classes:e},behaviours:rd([fd.config({ignore:!0}),Pb.config({})])}),cB=(e,t)=>({dom:{tag:"div",classes:["tox-navobj",...e.getOr([])]},components:[lB([aB]),t,lB([iB])],behaviours:rd([LD(1)])}),dB=(e,t)=>{Rc(e,wa(),{raw:{which:9,shiftKey:t}})},uB=(e,t)=>{const o=t.element;rs(o,aB)?dB(e,!0):rs(o,iB)&&dB(e,!1)},mB=e=>ps(e,["."+aB,"."+iB].join(","),T),gB=Ne("update-dialog"),pB=Ne("update-title"),hB=Ne("update-body"),fB=Ne("update-footer"),bB=Ne("body-send-message"),vB=Ne("dialog-focus-shifted"),xB=Jt().browser,yB=xB.isSafari(),wB=xB.isFirefox(),SB=yB||wB,CB=xB.isChromium(),kB=({scrollTop:e,scrollHeight:t,clientHeight:o})=>Math.ceil(e)+o>=t,OB=(e,t)=>e.scrollTo(0,"bottom"===t?99999999:t),_B=(e,t,o)=>{const n=e.dom;A.from(n.contentDocument).fold(o,(e=>{let o=0;const s=((e,t)=>{const o=e.body;return A.from(!/^<!DOCTYPE (html|HTML)/.test(t)&&(!CB&&!yB||g(o)&&(0!==o.scrollTop||Math.abs(o.scrollHeight-o.clientHeight)>1))?o:e.documentElement)})(e,t)?.map((e=>(o=e.scrollTop,e))).forall(kB),r=()=>{const e=n.contentWindow;g(e)&&(s?OB(e,"bottom"):!s&&SB&&0!==o&&OB(e,o))};yB&&n.addEventListener("load",r,{once:!0}),e.open(),e.write(t),e.close(),yB||r()}))},TB=$e(SB,yB?500:200)?.map((e=>((e,t)=>{let o=null,n=null;return{cancel:()=>{c(o)||(clearTimeout(o),o=null,n=null)},throttle:(...s)=>{n=s,c(o)&&(o=setTimeout((()=>{const t=n;o=null,n=null,e.apply(null,t)}),t))}}})(_B,e))),EB=Ne("toolbar.button.execute"),AB=Ne("common-button-display-events"),MB={[Na()]:["disabling","alloy.base.behaviour","toggling","toolbar-button-events","tooltipping"],[qa()]:["toolbar-button-events",AB],[Xa()]:["toolbar-button-events","dropdown-events","tooltipping"],[pa()]:["focusing","alloy.base.behaviour",AB]},DB=e=>dn(e.element,"width",gn(e.element,"width")),BB=(e,t,o)=>dO(e,{tag:"span",classes:["tox-icon","tox-tbtn__icon-wrap"],behaviours:o},t),IB=(e,t)=>BB(e,t,[]),FB=(e,t)=>BB(e,t,[Zm.config({})]),RB=(e,t,o)=>({dom:{tag:"span",classes:[`${t}__select-label`]},components:[Og(o.translate(e))],behaviours:rd([Zm.config({})])}),NB=Ne("update-menu-text"),zB=Ne("update-menu-icon"),LB=Ne("update-tooltip-text"),VB=(e,t,o,n)=>{const s=ye(b),r=ye(e.tooltip),a=e.text?.map((e=>dv(RB(e,t,o.providers)))),i=e.icon?.map((e=>dv(FB(e,o.providers.icons)))),l=(e,t)=>{const o=Yh.getValue(e);return fd.focus(o),Rc(o,"keydown",{raw:t.event.raw}),kx.close(o),A?.some(!0)},c=e.role.fold((()=>({})),(e=>({role:e}))),d=A.from(e.listRole)?.map((e=>({listRole:e}))).getOr({}),u=e.ariaLabel.fold((()=>({})),(e=>({"aria-label":o.providers.translate(e)}))),m=dO("chevron-down",{tag:"div",classes:[`${t}__select-chevron`]},o.providers.icons),p=Ne("common-button-display-events"),h="dropdown-events",f=dv(kx.sketch({...e.uid?{uid:e.uid}:{},...c,...d,dom:{tag:"button",classes:[t,`${t}--select`].concat(L(e.classes,(e=>`${t}--${e}`))),attributes:{...u,...g(n)?{"data-mce-name":n}:{}}},components:TA([i?.map((e=>e.asSpec())),a?.map((e=>e.asSpec())),A?.some(m)]),matchWidth:!0,useMinWidth:!0,onOpen:(t,o,n)=>{e.searchable&&(e=>{LO(e).each((e=>fd.focus(e)))})(n)},dropdownBehaviours:rd([...e.dropdownBehaviours,uA((()=>e.disabled||o.providers.checkUiComponentContext(e.context).shouldDisable)),kA((()=>o.providers.checkUiComponentContext(e.context))),lv.config({}),Zm.config({}),...e.tooltip?.map((t=>iv.config(o.providers.tooltips.getConfig({tooltipText:o.providers.translate(t),onShow:t=>{if(Ue(r.get(),e.tooltip,((e,t)=>t!==e)).getOr(!1)){const e=o.providers.translate(r.get().getOr(""));iv.setComponents(t,o.providers.tooltips.getComponents({tooltipText:e}))}}})))).toArray(),ud(h,[hA(e,s),fA(e,s)]),ud(p,[Jc(((t,o)=>{"listbox"!==e.listRole&&DB(t)}))]),ud("update-dropdown-width-variable",[Wc(ja(),((e,t)=>kx.close(e)))]),ud("menubutton-update-display-text",[Wc(NB,((e,t)=>{a.bind((t=>t.getOpt(e))).each((e=>{Zm.set(e,[Og(o.providers.translate(t.event.text))])}))})),Wc(zB,((e,t)=>{i.bind((t=>t.getOpt(e))).each((e=>{Zm.set(e,[FB(t.event.icon,o.providers.icons)])}))})),Wc(LB,((e,t)=>{const n=o.providers.translate(t.event.text);Go(e.element,"aria-label",n),r.set(A?.some(t.event.text))}))])]),eventOrder:Le(MB,{[pa()]:["focusing","alloy.base.behaviour","item-type-events","normal-dropdown-events"],[qa()]:["toolbar-button-events",iv.name(),h,p]}),sandboxBehaviours:rd([wm.config({mode:"special",onLeft:l,onRight:l}),ud("dropdown-sandbox-events",[Wc(FO,((e,t)=>{(e=>{const t=Yh.getValue(e),o=zO(e)?.map(VO);kx.refetch(t).get((()=>{const e=Pg.getCoupled(t,"sandbox");o.each((t=>zO(e).each((e=>((e,t)=>{Yh.setValue(e,t.fetchPattern),e.element.dom.selectionStart=t.selectionStart,e.element.dom.selectionEnd=t.selectionEnd})(e,t)))))}))})(e),t.stop()})),Wc(RO,((e,t)=>{((e,t)=>{(e=>bb.getState(e).bind(Gd.getHighlighted).bind(Gd.getHighlighted))(e).each((o=>{((e,t,o,n)=>{const s={...n,target:t};e.getSystem().triggerEvent(o,t,s)})(e,o.element,t.event.eventType,t.event.interactionEvent)}))})(e,t),t.stop()}))])]),lazySink:o.getSink,toggleClass:`${t}--active`,parts:{menu:{...IO(0,e.columns,e.presets),fakeFocus:e.searchable,..."listbox"===e.listRole?{}:{onHighlightItem:lD,onCollapseMenu:(e,t,o)=>{Gd.getHighlighted(o).each((t=>{lD(e,o,t)}))},onDehighlightItem:cD}}},getAnchorOverrides:()=>({maxHeightFunction:(e,t)=>{Cc()(e,t-10)}}),fetch:t=>Oe(C(e.fetch,t))}));return f.asSpec()},HB=e=>"separator"===e.type,PB={type:"separator"},UB=(e,t)=>{const o=((e,t)=>{const o=W(e,((e,o)=>(e=>r(e))(o)?""===o?e:"|"===o?e.length>0&&!HB(e[e.length-1])?e.concat([PB]):e:be(t,o.toLowerCase())?e.concat([t[o.toLowerCase()]]):e:e.concat([o])),[]);return o.length>0&&HB(o[o.length-1])&&o.pop(),o})(r(e)?e.split(" "):e,t);return U(o,((e,o)=>{if((e=>be(e,"getSubmenuItems"))(o)){const n=(e=>{const t=fe(e,"value").getOrThunk((()=>Ne("generated-menu-item")));return Le({value:t},e)})(o),s=((e,t)=>{const o=e.getSubmenuItems(),n=UB(o,t);return{item:e,menus:Le(n.menus,{[e.value]:n.items}),expansions:Le(n.expansions,{[e.value]:e.value})}})(n,t);return{menus:Le(e.menus,s.menus),items:[s.item,...e.items],expansions:Le(e.expansions,s.expansions)}}return{...e,items:[o,...e.items]}}),{menus:{},expansions:{},items:[]})},WB=(e,t,o,n)=>{const s=Ne("primary-menu"),r=UB(e,o.shared.providers.menuItems());if(0===r.items.length)return A.none();const a=(e=>e.search.fold((()=>({searchMode:"no-search"})),(e=>({searchMode:"search-with-field",placeholder:e.placeholder}))))(n),i=pD(s,r.items,t,o,n.isHorizontalMenu,a),l=(e=>e.search.fold((()=>({searchMode:"no-search"})),(e=>({searchMode:"search-with-results"}))))(n),c=le(r.menus,((e,n)=>pD(n,e,t,o,!1,l))),d=Le(c,ia(s,i));return A.from(ax.tieredData(s,d,r.expansions))},$B=e=>!be(e,"items"),GB="data-value",jB=(e,t,o,n,s)=>L(o,(o=>$B(o)?{type:"togglemenuitem",...s?{}:{role:"option"},text:o.text,value:o.value,active:o.value===n,onAction:()=>{Yh.setValue(e,o.value),Rc(e,CD,{name:t}),fd.focus(e)}}:{type:"nestedmenuitem",text:o.text,getSubmenuItems:()=>jB(e,t,o.items,n,s)})),qB=(e,t)=>se(e,(e=>$B(e)?$e(e.value===t,e):qB(e.items,t))),XB=e=>{const t={"":0,px:0,pt:1,mm:1,pc:2,ex:2,em:2,ch:2,rem:2,cm:3,in:4,"%":4};let o=e.value.toFixed((n=e.unit)in t?t[n]:1);var n;return-1!==o.indexOf(".")&&(o=o.replace(/\.?0*$/,"")),o+e.unit},YB=e=>{const t=/^\s*(\d+(?:\.\d+)?)\s*(|cm|mm|in|px|pt|pc|em|ex|ch|rem|vw|vh|vmin|vmax|%)\s*$/.exec(e);if(null!==t){const e=parseFloat(t[1]),o=t[2];return Ae.value({value:e,unit:o})}return Ae.error(e)},KB=(e,t)=>{const o={"":96,px:96,pt:72,cm:2.54,pc:12,mm:25.4,in:1},n=e=>be(o,e);return e.unit===t?A?.some(e.value):n(e.unit)&&n(t)?o[e.unit]===o[t]?A?.some(e.value):A?.some(e.value/o[e.unit]*o[t]):A.none()},JB=e=>A.none(),QB=(e,t)=>{const o=YB(e).toOptional(),n=YB(t).toOptional();return Ue(o,n,((e,t)=>KB(e,t.unit)?.map((e=>t.value/e))?.map((e=>{return o=e,n=t.unit,e=>KB(e,n)?.map((e=>({value:e*o,unit:n})));var o,n})).getOr(JB))).getOr(JB)},ZB=(e,t)=>{const o=e.label?.map((e=>SD(e,t))),n=[tp.config({disabled:()=>e.disabled||t.checkUiComponentContext(e.context).shouldDisable}),kA((()=>t.checkUiComponentContext(e.context))),wm.config({mode:"execution",useEnter:!0!==e.multiline,useControlEnter:!0===e.multiline,execute:e=>(Fc(e,ED),A?.some(!0))}),ud("textfield-change",[Wc(Ca(),((t,o)=>{Rc(t,CD,{name:e.name})})),Wc(Fa(),((t,o)=>{Rc(t,CD,{name:e.name})}))]),Pb.config({})],s=e.validation?.map((e=>Kh.config({getRoot:e=>po(e.element),invalidClass:"tox-invalid",validator:{validate:t=>{const o=Yh.getValue(t),n=e.validator(o);return _e(!0===n?Ae.value(o):Ae.error(n))},validateOnLoad:e.validateOnLoad}}))).toArray(),r={...e.placeholder.fold(y({}),(e=>({placeholder:t.translate(e)}))),...e.inputMode.fold(y({}),(e=>({inputmode:e}))),"data-mce-name":e.name},a=Ux.parts.field({tag:!0===e.multiline?"textarea":"input",...e.data?.map((e=>({data:e}))).getOr({}),inputAttributes:r,inputClasses:[e.classname],inputBehaviours:rd(j([n,s])),selectOnFocus:!1,factory:Zx}),i=e.multiline?{dom:{tag:"div",classes:["tox-textarea-wrap"]},components:[a]}:a,l=(e.flex?["tox-form__group--stretched"]:[]).concat(e.maximized?["tox-form-group--maximize"]:[]),c=[tp.config({disabled:()=>e.disabled||t.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{Ux.getField(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable)}}),kA((()=>t.checkUiComponentContext(e.context)))];return xD(o,i,l,c)},eI=e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setActive:t=>{const o=e.element;t?(os(o,"tox-tbtn--enabled"),Go(o,"aria-pressed",!0)):(ss(o,"tox-tbtn--enabled"),Ko(o,"aria-pressed"))},isActive:()=>rs(e.element,"tox-tbtn--enabled"),setTooltip:t=>{Rc(e,LB,{text:t})},setText:t=>{Rc(e,NB,{text:t})},setIcon:t=>Rc(e,zB,{icon:t})}),tI=(e,t,o,n,s=!0,r)=>{const a="bordered"===e.buttonType?["bordered"]:[];return VB({text:e.text,icon:e.icon,tooltip:e.tooltip,ariaLabel:e.tooltip,searchable:e.search.isSome(),role:n,fetch:(t,n)=>{const s={pattern:e.search.isSome()?dD(t):""};e.fetch((t=>{n(WB(t,hO.CLOSE_ON_EXECUTE,o,{isHorizontalMenu:!1,search:e.search}))}),s,eI(t))},onSetup:e.onSetup,getApi:e=>eI(e),columns:1,presets:"normal",classes:a,dropdownBehaviours:[...s?[Pb.config({})]:[]],context:e.context},t,o.shared,r)},oI=(e,t,o)=>{const n=e=>n=>{const s=!n.isActive();n.setActive(s),e.storage.set(s),o.shared.getSink().each((o=>{t().getOpt(o).each((t=>{Fo(t.element),Rc(t,TD,{name:e.name,value:e.storage.get()})}))}))},s=e=>t=>{t.setActive(e.storage.get())};return t=>{t(L(e,(e=>{const t=e.text.fold((()=>({})),(e=>({text:e})));return{type:e.type,active:!1,...t,context:e.context,onAction:n(e),onSetup:s(e)}})))}},nI=e=>({dom:{tag:"span",classes:["tox-tree__label"],attributes:{"aria-label":e}},components:[Og(e)]}),sI=(e,t,o)=>{e.customStateIcon.each((n=>t.push(iI(n,o.shared.providers.icons,e.customStateIconTooltip.fold((()=>[]),(e=>[iv.config(o.shared.providers.tooltips.getConfig({tooltipText:e}))])),["tox-icon-custom-state"]))))},rI=Ne("leaf-label-event-id"),aI=({leaf:e,onLeafAction:t,visible:o,treeId:n,selectedId:s,backstage:r})=>{const a=e.menu?.map((e=>tI(e,"tox-mbtn",r,A.none(),o))),i=[nI(e.title)];return sI(e,i,r),a.each((e=>i.push(e))),_v.sketch({dom:{tag:"div",classes:["tox-tree--leaf__label","tox-trbtn"].concat(o?["tox-tree--leaf__label--visible"]:[])},components:i,role:"treeitem",action:o=>{t(e.id),o.getSystem().broadcastOn([`update-active-item-${n}`],{value:e.id})},eventOrder:{[wa()]:[rI,"keying"]},buttonBehaviours:rd([...o?[Pb.config({})]:[],Yb.config({toggleClass:"tox-trbtn--enabled",toggleOnExecute:!1,aria:{mode:"selected"}}),ob.config({channels:{[`update-active-item-${n}`]:{onReceive:(t,o)=>{(o.value===e.id?Yb.on:Yb.off)(t)}}}}),ud(rI,[Jc(((t,o)=>{s.each((o=>{(o===e.id?Yb.on:Yb.off)(t)}))})),Wc(wa(),((e,t)=>{const o="ArrowLeft"===t.event.raw.code,n="ArrowRight"===t.event.raw.code;o?(Gn(e.element,".tox-tree--directory").each((t=>{e.getSystem().getByDom(t).each((e=>{qn(t,".tox-tree--directory__label").each((t=>{e.getSystem().getByDom(t).each(fd.focus)}))}))})),t.stop()):n&&t.stop()}))])])})},iI=(e,t,o,n,s)=>dO(e,{tag:"span",classes:["tox-tree__icon-wrap","tox-icon"].concat(n||[]),behaviours:o,attributes:s},t),lI=Ne("directory-label-event-id"),cI=({directory:e,visible:t,noChildren:o,backstage:n})=>{const s=e.menu?.map((e=>tI(e,"tox-mbtn",n,A.none()))),r=[{dom:{tag:"div",classes:["tox-chevron"]},components:[(a=n.shared.providers.icons,iI("chevron-right",a,[]))]},nI(e.title)];var a;sI(e,r,n),s.each((e=>{r.push(e)}));const i=t=>{Gn(t.element,".tox-tree--directory").each((o=>{t.getSystem().getByDom(o).each((o=>{const n=!Yb.isOn(o);Yb.toggle(o),Rc(t,"expand-tree-node",{expanded:n,node:e.id})}))}))};return _v.sketch({dom:{tag:"div",classes:["tox-tree--directory__label","tox-trbtn"].concat(t?["tox-tree--directory__label--visible"]:[])},components:r,action:i,eventOrder:{[wa()]:[lI,"keying"]},buttonBehaviours:rd([...t?[Pb.config({})]:[],ud(lI,[Wc(wa(),((e,t)=>{const n="ArrowRight"===t.event.raw.code,s="ArrowLeft"===t.event.raw.code;n&&o&&t.stop(),(n||s)&&Gn(e.element,".tox-tree--directory").each((o=>{e.getSystem().getByDom(o).each((o=>{!Yb.isOn(o)&&n||Yb.isOn(o)&&s?(i(e),t.stop()):s&&!Yb.isOn(o)&&(Gn(o.element,".tox-tree--directory").each((e=>{qn(e,".tox-tree--directory__label").each((e=>{o.getSystem().getByDom(e).each(fd.focus)}))})),t.stop())}))}))}))])])})},dI=({children:e,onLeafAction:t,visible:o,treeId:n,expandedIds:s,selectedId:r,backstage:a})=>({dom:{tag:"div",classes:["tox-tree--directory__children"]},components:e?.map((e=>"leaf"===e.type?aI({leaf:e,selectedId:r,onLeafAction:t,visible:o,treeId:n,backstage:a}):mI({directory:e,expandedIds:s,selectedId:r,onLeafAction:t,labelTabstopping:o,treeId:n,backstage:a}))),behaviours:rd([Ib.config({dimension:{property:"height"},closedClass:"tox-tree--directory__children--closed",openClass:"tox-tree--directory__children--open",growingClass:"tox-tree--directory__children--growing",shrinkingClass:"tox-tree--directory__children--shrinking",expanded:o}),Zm.config({})])}),uI=Ne("directory-event-id"),mI=({directory:e,onLeafAction:t,labelTabstopping:o,treeId:n,backstage:s,expandedIds:r,selectedId:a})=>{const{children:i}=e,l=ye(r),c=r.includes(e.id);return{dom:{tag:"div",classes:["tox-tree--directory"],attributes:{role:"treeitem"}},components:[cI({directory:e,visible:o,noChildren:0===e.children.length,backstage:s}),dI({children:i,expandedIds:r,selectedId:a,onLeafAction:t,visible:c,treeId:n,backstage:s})],behaviours:rd([ud(uI,[Jc(((e,t)=>{Yb.set(e,c)})),Wc("expand-tree-node",((e,t)=>{const{expanded:o,node:n}=t.event;l.set(o?[...l.get(),n]:l.get().filter((e=>e!==n)))}))]),Yb.config({...e.children.length>0?{aria:{mode:"expanded"}}:{},toggleClass:"tox-tree--directory--expanded",onToggled:(e,o)=>{const r=e.components()[1],c=(d=o,i?.map((e=>"leaf"===e.type?aI({leaf:e,selectedId:a,onLeafAction:t,visible:d,treeId:n,backstage:s}):mI({directory:e,expandedIds:l.get(),selectedId:a,onLeafAction:t,labelTabstopping:d,treeId:n,backstage:s}))));var d;o?Ib.grow(r):Ib.shrink(r),Zm.set(r,c)}})])}},gI=Ne("tree-event-id"),pI=(e,t,o=[],n,s,r,a)=>{const i=t.fold((()=>({})),(e=>({action:e}))),l={buttonBehaviours:rd([dA((()=>!e.enabled||a.checkUiComponentContext(e.context).shouldDisable)),kA((()=>a.checkUiComponentContext(e.context))),Pb.config({}),...r?.map((e=>iv.config(a.tooltips.getConfig({tooltipText:a.translate(e)})))).toArray(),ud("button press",[Uc("click")])].concat(o)),eventOrder:{click:["button press","alloy.base.behaviour"],mousedown:["button press","alloy.base.behaviour"]},...i},c=Le(l,{dom:n});return Le(c,{components:s})},hI=(e,t,o,n=[],s)=>{const r={tag:"button",classes:["tox-tbtn"],attributes:{...e.tooltip?.map((e=>({"aria-label":o.translate(e)}))).getOr({}),"data-mce-name":s}},a=e.icon?.map((e=>IB(e,o.icons))),i=TA([a]);return pI(e,t,n,r,i,e.tooltip,o)},fI=e=>{switch(e){case"primary":return["tox-button"];case"toolbar":return["tox-tbtn"];default:return["tox-button","tox-button--secondary"]}},bI=(e,t,o,n=[],s=[])=>{const r=o.translate(e.text),a=e.icon?.map((e=>IB(e,o.icons))),i=[a.getOrThunk((()=>Og(r)))],l=e.buttonType.getOr(e.primary||e.borderless?"primary":"secondary"),c={tag:"button",classes:[...fI(l),...a.isSome()?["tox-button--icon"]:[],...e.borderless?["tox-button--naked"]:[],...s],attributes:{"aria-label":r,"data-mce-name":e.text}},d=e.icon?.map(y(r));return pI(e,t,n,c,i,d,o)},vI=(e,t,o,n=[],s=[])=>{const r=bI(e,A?.some(t),o,n,s);return _v.sketch(r)},xI=(e,t)=>o=>{"custom"===t?Rc(o,TD,{name:e,value:{}}):"submit"===t?Fc(o,ED):"cancel"===t?Fc(o,_D):console.error("Unknown button type: ",t)},yI=(e,t,o)=>{if(((e,t)=>"menu"===t)(0,t)){const t=()=>r,n=e,s={...e,buttonType:"default",type:"menubutton",search:A.none(),onSetup:t=>(t.setEnabled(e.enabled),b),fetch:oI(n.items,t,o)},r=dv(tI(s,"tox-tbtn",o,A.none(),!0,e.text.or(e.tooltip).getOrUndefined()));return r.asSpec()}if(((e,t)=>"custom"===t||"cancel"===t||"submit"===t)(0,t)){const n=xI(e.name,t),s={...e,context:"cancel"===t?"any":e.context,borderless:!1};return vI(s,n,o.shared.providers,[])}if(((e,t)=>"togglebutton"===t)(0,t))return((e,t,o)=>{var n,s;const r=e.icon?.map((e=>FB(e,t.icons)))?.map(dv),a=e.buttonType.getOr(e.primary?"primary":"secondary"),i={...e,name:null!==(n=e.name)&&void 0!==n?n:"",primary:"primary"===a,tooltip:e.tooltip,enabled:null!==(s=e.enabled)&&void 0!==s&&s,borderless:!1},l=i.tooltip.or(e.text)?.map((e=>({"aria-label":t.translate(e)}))).getOr({}),c=fI(null!=a?a:"secondary"),d=e.icon.isSome()&&e.text.isSome(),u={tag:"button",classes:[...c.concat(e.icon.isSome()?["tox-button--icon"]:[]),...e.active?["tox-button--enabled"]:[],...d?["tox-button--icon-and-text"]:[]],attributes:{...l,...g(o)?{"data-mce-name":o}:{}}},m=t.translate(e.text.getOr("")),p=Og(m),h=[...TA([r?.map((e=>e.asSpec()))]),...e.text.isSome()?[p]:[]],f=pI(i,A?.some((o=>{Rc(o,TD,{name:e.name,value:{setIcon:e=>{r?.map((n=>n.getOpt(o).each((o=>{Zm.set(o,[FB(e,t.icons)])}))))}}})})),[],u,h,e.tooltip,t);return _v.sketch(f)})(e,o.shared.providers,e.text.or(e.tooltip).getOrUndefined());throw console.error("Unknown footer button type: ",t),new Error("Unknown footer button type")},wI={type:"separator"},SI=e=>({type:"menuitem",value:e.url,text:e.title,meta:{attach:e.attach},onAction:b}),CI=(e,t)=>({type:"menuitem",value:t,text:e,meta:{attach:void 0},onAction:b}),kI=(e,t)=>(e=>L(e,SI))(((e,t)=>P(t,(t=>t.type===e)))(e,t)),OI=e=>kI("header",e.targets),_I=e=>kI("anchor",e.targets),TI=e=>A.from(e.anchorTop)?.map((e=>CI("<top>",e))).toArray(),EI=e=>A.from(e.anchorBottom)?.map((e=>CI("<bottom>",e))).toArray(),AI=(e,t)=>{const o=e.toLowerCase();return P(t,(e=>{var t;const n=void 0!==e.meta&&void 0!==e.meta.text?e.meta.text:e.text,s=null!==(t=e.value)&&void 0!==t?t:"";return Je(n.toLowerCase(),o)||Je(s.toLowerCase(),o)}))},MI=Ne("aria-invalid"),DI=e=>(t,o,n,s,r)=>fe(o,"name").fold((()=>e(o,s,A.none(),r)),(a=>t.field(a,e(o,s,fe(n,a),r)))),BI={bar:DI(((e,t)=>((e,t)=>({dom:{tag:"div",classes:["tox-bar","tox-form__controls-h-stack"]},components:L(e.items,t.interpreter)}))(e,t.shared))),collection:DI(((e,t,o)=>ID(e,t.shared.providers,o))),alertbanner:DI(((e,t)=>((e,t)=>{const o=iO(e.icon,t.icons);return rh.sketch({dom:{tag:"div",attributes:{role:"alert"},classes:["tox-notification","tox-notification--in",`tox-notification--${e.level}`]},components:[{dom:{tag:"div",classes:["tox-notification__icon"],innerHtml:e.url?void 0:o},components:e.url?[_v.sketch({dom:{tag:"button",classes:["tox-button","tox-button--naked","tox-button--icon"],innerHtml:o,attributes:{title:t.translate(e.iconTooltip)}},action:t=>Rc(t,TD,{name:"alert-banner",value:e.url}),buttonBehaviours:rd([lO()])})]:void 0},{dom:{tag:"div",classes:["tox-notification__body"],innerHtml:t.translate(e.text)}}]})})(e,t.shared.providers))),input:DI(((e,t,o)=>((e,t,o)=>ZB({name:e.name,multiline:!1,label:e.label,inputMode:e.inputMode,placeholder:e.placeholder,flex:!1,disabled:!e.enabled,classname:"tox-textfield",validation:A.none(),maximized:e.maximized,data:o,context:e.context},t))(e,t.shared.providers,o))),textarea:DI(((e,t,o)=>((e,t,o)=>ZB({name:e.name,multiline:!0,label:e.label,inputMode:A.none(),placeholder:e.placeholder,flex:!0,disabled:!e.enabled,classname:"tox-textarea",validation:A.none(),maximized:e.maximized,data:o,context:e.context},t))(e,t.shared.providers,o))),label:DI(((e,t,o,n)=>((e,t,o)=>{const n="tox-label",s="center"===e.align?[`${n}--center`]:[],r="end"===e.align?[`${n}--end`]:[],a=dv({dom:{tag:"label",classes:[n,...s,...r]},components:[Og(t.providers.translate(e.label))]}),i=L(e.items,t.interpreter);return{dom:{tag:"div",classes:["tox-form__group"]},components:[a.asSpec(),...i],behaviours:rd([zD(),Zm.config({}),(l=A.none(),UD(l,en,tn)),wm.config({mode:"acyclic"}),ud("label",[Jc((t=>{e.for.each((e=>{o(e).each((e=>{a.getOpt(t).each((t=>{var o;const n=null!==(o=qo(e.element,"id"))&&void 0!==o?o:Ne("form-field");Go(e.element,"id",n),Go(t.element,"for",n)}))}))}))}))])])};var l})(e,t.shared,n))),iframe:(DF=(e,t,o)=>((e,t,o)=>{const n="tox-dialog__iframe",s=e.transparent?[]:[`${n}--opaque`],r=e.border?["tox-navobj-bordered"]:[],a={...e.label?.map((e=>({title:e}))).getOr({}),...o?.map((e=>({srcdoc:e}))).getOr({}),...e.sandboxed?{sandbox:"allow-scripts allow-same-origin"}:{}},i=((e,t)=>{const o=ye(e.getOr(""));return{getValue:e=>o.get(),setValue:(e,n)=>{if(o.get()!==n){const o=e.element,s=()=>Go(o,"srcdoc",n);t?TB.fold(y(_B),(e=>e.throttle))(o,n,s):s()}o.set(n)}}})(o,e.streamContent),l=e.label?.map((e=>SD(e,t))),c=Ux.parts.field({factory:{sketch:e=>cB(A.from(r),{uid:e.uid,dom:{tag:"iframe",attributes:a,classes:[n,...s]},behaviours:rd([Pb.config({}),fd.config({}),PD(o,i.getValue,i.setValue),ob.config({channels:{[vB]:{onReceive:(e,t)=>{t.newFocus.each((t=>{po(e.element).each((o=>{(yt(e.element,t)?os:ss)(o,"tox-navobj-bordered-focus")}))}))}}}})])})}});return xD(l,c,["tox-form__group--stretched"],[])})(e,t.shared.providers,o),(e,t,o,n,s)=>{const r=Le(t,{source:"dynamic"});return DI(DF)(e,r,o,n,s)}),button:DI(((e,t)=>((e,t)=>{const o=xI(e.name,"custom");return n=A.none(),s=Ux.parts.field({factory:_v,...bI(e,A?.some(o),t,[WD(""),zD()])}),xD(n,s,[],[]);var n,s})(e,t.shared.providers))),checkbox:DI(((e,t,o)=>((e,t,o)=>{const n=e=>(e.element.dom.click(),A?.some(!0)),s=Ux.parts.field({factory:{sketch:w},dom:{tag:"input",classes:["tox-checkbox__input"],attributes:{type:"checkbox"}},behaviours:rd([zD(),tp.config({disabled:()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{po(e.element).each((e=>os(e,"tox-checkbox--disabled")))},onEnabled:e=>{po(e.element).each((e=>ss(e,"tox-checkbox--disabled")))}}),Pb.config({}),fd.config({}),UD(o,Jn,Kn),wm.config({mode:"special",onEnter:n,onSpace:n,stopSpaceKeyup:!0}),ud("checkbox-events",[Wc(ka(),((t,o)=>{Rc(t,CD,{name:e.name})}))])])}),r=Ux.parts.label({dom:{tag:"span",classes:["tox-checkbox__label"]},components:[Og(t.translate(e.label))],behaviours:rd([lv.config({})])}),a=e=>dO("checked"===e?"selected":"unselected",{tag:"span",classes:["tox-icon","tox-checkbox-icon__"+e]},t.icons),i=dv({dom:{tag:"div",classes:["tox-checkbox__icons"]},components:[a("checked"),a("unchecked")]});return Ux.sketch({dom:{tag:"label",classes:["tox-checkbox"]},components:[s,i.asSpec(),r],fieldBehaviours:rd([tp.config({disabled:()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable}),kA((()=>t.checkUiComponentContext(e.context)))])})})(e,t.shared.providers,o))),colorinput:DI(((e,t,o)=>((e,t,o,n)=>{const s=Ux.parts.field({factory:Zx,inputClasses:["tox-textfield"],data:n,onSetValue:e=>Kh.run(e).get(b),inputBehaviours:rd([tp.config({disabled:()=>t.providers.isDisabled()||t.providers.checkUiComponentContext(e.context).shouldDisable}),kA((()=>t.providers.checkUiComponentContext(e.context))),Pb.config({}),Kh.config({invalidClass:"tox-textbox-field-invalid",getRoot:e=>po(e.element),notify:{onValid:e=>{const t=Yh.getValue(e);Rc(e,FD,{color:t})}},validator:{validateOnLoad:!1,validate:e=>{const t=Yh.getValue(e);if(0===t.length)return _e(Ae.value(!0));{const e=it("span");dn(e,"background-color",t);const o=hn(e,"background-color").fold((()=>Ae.error("blah")),(e=>Ae.value(t)));return _e(o)}}}})]),selectOnFocus:!1}),r=e.label?.map((e=>SD(e,t.providers))),a=(e,t)=>{Rc(e,RD,{value:t})},i=dv(((e,t)=>kx.sketch({dom:e.dom,components:e.components,toggleClass:"mce-active",dropdownBehaviours:rd([uA((()=>t.providers.isDisabled()||t.providers.checkUiComponentContext(e.context).shouldDisable)),kA((()=>t.providers.checkUiComponentContext(e.context))),lv.config({}),Pb.config({})]),layouts:e.layouts,sandboxClasses:["tox-dialog__popups"],lazySink:t.getSink,fetch:o=>Oe((t=>e.fetch(t)))?.map((n=>A.from(hD(Le(QM(Ne("menu-value"),n,(t=>{e.onItemAction(o,t)}),e.columns,e.presets,hO.CLOSE_ON_EXECUTE,T,t.providers),{movement:eD(e.columns,e.presets)}))))),parts:{menu:IO(0,0,e.presets)}}))({dom:{tag:"span",attributes:{"aria-label":t.providers.translate("Color swatch")}},layouts:{onRtl:()=>[Ul,Pl,jl],onLtr:()=>[Pl,Ul,jl]},components:[],fetch:$M(o.getColors(e.storageKey),e.storageKey,o.hasCustomColors()),columns:o.getColorCols(e.storageKey),presets:"color",onItemAction:(t,n)=>{i.getOpt(t).each((t=>{"custom"===n?o.colorPicker((o=>{o.fold((()=>Fc(t,ND)),(o=>{a(t,o),TM(e.storageKey,o)}))}),"#ffffff"):a(t,"remove"===n?"":n)}))},context:e.context},t));return Ux.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:r.toArray().concat([{dom:{tag:"div",classes:["tox-color-input"]},components:[s,i.asSpec()]}]),fieldBehaviours:rd([ud("form-field-events",[Wc(FD,((t,o)=>{i.getOpt(t).each((e=>{dn(e.element,"background-color",o.event.color)})),Rc(t,CD,{name:e.name})})),Wc(RD,((e,t)=>{Ux.getField(e).each((o=>{Yh.setValue(o,t.event.value),zg.getCurrent(e).each(fd.focus)}))})),Wc(ND,((e,t)=>{Ux.getField(e).each((t=>{zg.getCurrent(e).each(fd.focus)}))}))])])})})(e,t.shared,t.colorinput,o))),colorpicker:DI(((e,t,o)=>((e,t,o)=>{const n=e=>"tox-"+e,s=ZD((e=>t=>r(t)?e.translate(eB[t]):e.translate(t))(t),n,t.tooltips.getConfig,((e,o,n=e,s=e)=>dO(n,{tag:"div",classes:["tox-icon","tox-control-wrap__status-icon-"+e],attributes:{title:t.translate(s),"aria-live":"polite",...o.fold((()=>({})),(e=>({id:e})))}},t.icons))),a=dv(s.sketch({dom:{tag:"div",classes:[n("color-picker-container")],attributes:{role:"presentation"}},onValidHex:e=>{Rc(e,TD,{name:"hex-valid",value:!0})},onInvalidHex:e=>{Rc(e,TD,{name:"hex-valid",value:!1})}}));return{dom:{tag:"div"},components:[a.asSpec()],behaviours:rd([PD(o,(e=>{const t=a.get(e);return zg.getCurrent(t).bind((e=>Yh.getValue(e).hex))?.map((e=>"#"+Ke(e,"#"))).getOr("")}),((e,t)=>{const o=A.from(/^#([a-fA-F0-9]{3}(?:[a-fA-F0-9]{3})?)/.exec(t)).bind((e=>ee(e,1))),n=a.get(e);zg.getCurrent(n).fold((()=>{console.log("Can not find form")}),(e=>{Yh.setValue(e,{hex:o.getOr("")}),Ax.getField(e,"hex").each((e=>{Fc(e,Ca())}))}))})),zD()])}})(0,t.shared.providers,o))),dropzone:DI(((e,t,o)=>rB(e,t.shared.providers,o))),grid:DI(((e,t)=>((e,t)=>({dom:{tag:"div",classes:["tox-form__grid",`tox-form__grid--${e.columns}col`]},components:L(e.items,t.interpreter)}))(e,t.shared))),listbox:DI(((e,t,o)=>((e,t,o)=>{const n=R(e.items,(e=>!$B(e))),s=t.shared.providers,r=o.bind((t=>qB(e.items,t))).orThunk((()=>te(e.items).filter($B))),a=e.label?.map((e=>SD(e,s))),i=Ux.parts.field({dom:{},factory:{sketch:o=>VB({context:e.context,uid:o.uid,text:r?.map((e=>e.text)),icon:A.none(),tooltip:A.none(),role:$e(!n,"combobox"),...n?{}:{listRole:"listbox"},ariaLabel:e.label,fetch:(o,s)=>{const r=jB(o,e.name,e.items,Yh.getValue(o),n);s(WB(r,hO.CLOSE_ON_EXECUTE,t,{isHorizontalMenu:!1,search:A.none()}))},onSetup:y(b),getApi:y({}),columns:1,presets:"normal",classes:[],dropdownBehaviours:[Pb.config({}),PD(r?.map((e=>e.value)),(e=>qo(e.element,GB)),((t,o)=>{qB(e.items,o).each((e=>{Go(t.element,GB,e.value),Rc(t,NB,{text:e.text})}))}))]},"tox-listbox",t.shared)}}),l={dom:{tag:"div",classes:["tox-listboxfield"]},components:[i]};return Ux.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:j([a.toArray(),[l]]),fieldBehaviours:rd([tp.config({disabled:()=>!e.enabled||s.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{Ux.getField(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable)}})])})})(e,t,o))),selectbox:DI(((e,t,o)=>((e,t,o)=>{const n=L(e.items,(e=>({text:t.translate(e.text),value:e.value}))),s=e.label?.map((e=>SD(e,t))),r=Ux.parts.field({dom:{},...o?.map((e=>({data:e}))).getOr({}),selectAttributes:{size:e.size},options:n,factory:qx,selectBehaviours:rd([tp.config({disabled:()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable}),Pb.config({}),ud("selectbox-change",[Wc(ka(),((t,o)=>{Rc(t,CD,{name:e.name})}))])])}),a=e.size>1?A.none():A?.some(dO("chevron-down",{tag:"div",classes:["tox-selectfield__icon-js"]},t.icons)),i={dom:{tag:"div",classes:["tox-selectfield"]},components:j([[r],a.toArray()])};return Ux.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:j([s.toArray(),[i]]),fieldBehaviours:rd([tp.config({disabled:()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{Ux.getField(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable)}}),kA((()=>t.checkUiComponentContext(e.context)))])})})(e,t.shared.providers,o))),sizeinput:DI(((e,t)=>((e,t)=>{let o=JB;const n=Ne("ratio-event"),s=e=>dO(e,{tag:"span",classes:["tox-icon","tox-lock-icon__"+e]},t.icons),r=()=>!e.enabled||t.checkUiComponentContext(e.context).shouldDisable,a=kA((()=>t.checkUiComponentContext(e.context))),i=e.label.getOr("Constrain proportions"),l=t.translate(i),c=jx.parts.lock({dom:{tag:"button",classes:["tox-lock","tox-button","tox-button--naked","tox-button--icon"],attributes:{"aria-label":l,"data-mce-name":i}},components:[s("lock"),s("unlock")],buttonBehaviours:rd([tp.config({disabled:r}),a,Pb.config({}),iv.config(t.tooltips.getConfig({tooltipText:l}))])}),d=e=>({dom:{tag:"div",classes:["tox-form__group"]},components:e}),u=t=>Ux.parts.field({factory:Zx,inputClasses:["tox-textfield"],inputBehaviours:rd([tp.config({disabled:r}),a,Pb.config({}),ud("size-input-events",[Wc(xa(),((e,o)=>{Rc(e,n,{isField1:t})})),Wc(ka(),((t,o)=>{Rc(t,CD,{name:e.name})}))])]),selectOnFocus:!1}),m=e=>({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}),g=jx.parts.field1(d([Ux.parts.label(m("Width")),u(!0)])),p=jx.parts.field2(d([Ux.parts.label(m("Height")),u(!1)]));return jx.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:[{dom:{tag:"div",classes:["tox-form__controls-h-stack"]},components:[g,p,d([m("\xa0"),c])]}],field1Name:"width",field2Name:"height",locked:!0,markers:{lockClass:"tox-locked"},onLockedChange:(e,t,n)=>{YB(Yh.getValue(e)).each((e=>{o(e).each((e=>{Yh.setValue(t,XB(e))}))}))},coupledFieldBehaviours:rd([tp.config({disabled:r,onDisabled:e=>{jx.getField1(e).bind(Ux.getField).each(tp.disable),jx.getField2(e).bind(Ux.getField).each(tp.disable),jx.getLock(e).each(tp.disable)},onEnabled:e=>{jx.getField1(e).bind(Ux.getField).each(tp.enable),jx.getField2(e).bind(Ux.getField).each(tp.enable),jx.getLock(e).each(tp.enable)}}),kA((()=>t.checkUiComponentContext("mode:design"))),ud("size-input-events2",[Wc(n,((e,t)=>{const n=t.event.isField1,s=n?jx.getField1(e):jx.getField2(e),r=n?jx.getField2(e):jx.getField1(e),a=s?.map(Yh.getValue).getOr(""),i=r?.map(Yh.getValue).getOr("");o=QB(a,i)}))])])})})(e,t.shared.providers))),slider:DI(((e,t,o)=>((e,t,o)=>{const n=Pw.parts.label({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e.label))]}),s=Pw.parts.spectrum({dom:{tag:"div",classes:["tox-slider__rail"],attributes:{role:"presentation"}}}),r=Pw.parts.thumb({dom:{tag:"div",classes:["tox-slider__handle"],attributes:{role:"presentation"}}});return Pw.sketch({dom:{tag:"div",classes:["tox-slider"],attributes:{role:"presentation"}},model:{mode:"x",minX:e.min,maxX:e.max,getInitialValue:y(o.getOrThunk((()=>(Math.abs(e.max)-Math.abs(e.min))/2)))},components:[n,s,r],sliderBehaviours:rd([zD(),fd.config({})]),onChoose:(t,o,n)=>{Rc(t,CD,{name:e.name,value:n})},onChange:(t,o,n)=>{Rc(t,CD,{name:e.name,value:n})}})})(e,t.shared.providers,o))),urlinput:DI(((e,t,o)=>((e,t,o,n)=>{const s=t.shared.providers,r=t=>{const n=Yh.getValue(t);o.addToHistory(n.value,e.filetype)},a={...n?.map((e=>({initialData:e}))).getOr({}),dismissOnBlur:!0,inputClasses:["tox-textfield"],sandboxClasses:["tox-dialog__popups"],inputAttributes:{"aria-errormessage":MI,type:"url"},minChars:0,responseTime:0,fetch:n=>{const s=((e,t,o)=>{var n,s;const r=Yh.getValue(t),a=null!==(s=null===(n=null==r?void 0:r.meta)||void 0===n?void 0:n.text)&&void 0!==s?s:r.value;return o.getLinkInformation().fold((()=>[]),(t=>{const n=AI(a,(e=>L(e,(e=>CI(e,e))))(o.getHistory(e)));return"file"===e?(s=[n,AI(a,OI(t)),AI(a,j([TI(t),_I(t),EI(t)]))],W(s,((e,t)=>0===e.length||0===t.length?e.concat(t):e.concat(wI,t)),[])):n;var s}))})(e.filetype,n,o),r=WB(s,hO.BUBBLE_TO_SANDBOX,t,{isHorizontalMenu:!1,search:A.none()});return _e(r)},getHotspot:e=>g.getOpt(e),onSetValue:(e,t)=>{e.hasConfigured(Kh)&&Kh.run(e).get(b)},typeaheadBehaviours:rd([...o.getValidationHandler()?.map((t=>Kh.config({getRoot:e=>po(e.element),invalidClass:"tox-control-wrap--status-invalid",notify:{onInvalid:(e,t)=>{c.getOpt(e).each((e=>{Go(e.element,"title",s.translate(t))}))}},validator:{validate:o=>{const n=Yh.getValue(o);return De((o=>{t({type:e.filetype,url:n.value},(e=>{if("invalid"===e.status){const t=Ae.error(e.message);o(t)}else{const t=Ae.value(e.message);o(t)}}))}))},validateOnLoad:!1}}))).toArray(),tp.config({disabled:()=>!e.enabled||s.checkUiComponentContext(e.context).shouldDisable}),Pb.config({}),ud("urlinput-events",[Wc(Ca(),(t=>{const o=cs(t.element),n=o.trim();n!==o&&ds(t.element,n),"file"===e.filetype&&Rc(t,CD,{name:e.name})})),Wc(ka(),(t=>{Rc(t,CD,{name:e.name}),r(t)})),Wc(Fa(),(t=>{Rc(t,CD,{name:e.name}),r(t)}))])]),eventOrder:{[Ca()]:["streaming","urlinput-events","invalidating"]},model:{getDisplayText:e=>e.value,selectsOver:!1,populateFromBrowse:!1},markers:{openClass:"tox-textfield--popup-open"},lazySink:t.shared.getSink,parts:{menu:IO(0,0,"normal")},onExecute:(e,t,o)=>{Rc(t,ED,{})},onItemExecute:(t,o,n,s)=>{r(t),Rc(t,CD,{name:e.name})}},i=Ux.parts.field({...a,factory:RS}),l=e.label?.map((e=>SD(e,s))),c=dv(((e,t,o=e,n=e)=>dO(o,{tag:"div",classes:["tox-icon","tox-control-wrap__status-icon-"+e],attributes:{title:s.translate(n),"aria-live":"polite",...t.fold((()=>({})),(e=>({id:e})))}},s.icons))("invalid",A?.some(MI),"warning")),d=dv({dom:{tag:"div",classes:["tox-control-wrap__status-icon-wrap"]},components:[c.asSpec()]}),u=o.getUrlPicker(e.filetype),m=Ne("browser.url.event"),g=dv({dom:{tag:"div",classes:["tox-control-wrap"]},components:[i,d.asSpec()],behaviours:rd([tp.config({disabled:()=>!e.enabled||s.checkUiComponentContext(e.context).shouldDisable})])}),p=dv(vI({context:e.context,name:e.name,icon:A?.some("browse"),text:e.picker_text.or(e.label).getOr(""),enabled:e.enabled,primary:!1,buttonType:A.none(),borderless:!0},(e=>Fc(e,m)),s,[],["tox-browse-url"]));return Ux.sketch({dom:wD([]),components:l.toArray().concat([{dom:{tag:"div",classes:["tox-form__controls-h-stack"]},components:j([[g.asSpec()],u?.map((()=>p.asSpec())).toArray()])}]),fieldBehaviours:rd([tp.config({disabled:()=>!e.enabled||s.checkUiComponentContext(e.context).shouldDisable,onDisabled:e=>{Ux.getField(e).each(tp.disable),p.getOpt(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable),p.getOpt(e).each(tp.enable)}}),kA((()=>s.checkUiComponentContext(e.context))),ud("url-input-events",[Wc(m,(t=>{zg.getCurrent(t).each((o=>{const n=Yh.getValue(o),s={fieldname:e.name,...n};u.each((n=>{n(s).get((n=>{Yh.setValue(o,n),Rc(t,CD,{name:e.name})}))}))}))}))])])})})(e,t,t.urlinput,o))),customeditor:DI((e=>{const t=Xe(),o=dv({dom:{tag:e.tag}}),n=Xe(),s=!oB(e)&&e.onFocus.isSome()?[fd.config({onFocus:t=>{e.onFocus.each((e=>{e(t.element.dom)}))}}),Pb.config({})]:[];return{dom:{tag:"div",classes:["tox-custom-editor"]},behaviours:rd([ud("custom-editor-events",[Jc((s=>{o.getOpt(s).each((o=>{(oB(e)?e.init(o.element.dom):tB.load(e.scriptId,e.scriptUrl).then((t=>t(o.element.dom,e.settings)))).then((e=>{n.on((t=>{e.setValue(t)})),n.clear(),t.set(e)}))}))}))]),PD(A.none(),(()=>t.get().fold((()=>n.get().getOr("")),(e=>e.getValue()))),((e,o)=>{t.get().fold((()=>n.set(o)),(e=>e.setValue(o)))})),zD()].concat(s)),components:[o.asSpec()]}})),htmlpanel:DI(((e,t)=>((e,t)=>{const o=["tox-form__group",...e.stretched?["tox-form__group--stretched"]:[]],n=ud("htmlpanel",[Jc((t=>{e.onInit(t.element.dom)}))]);return"presentation"===e.presets?rh.sketch({dom:{tag:"div",classes:o,innerHtml:e.html},containerBehaviours:rd([iv.config({...t.tooltips.getConfig({tooltipText:"",onShow:e=>{Xn(e.element,"[data-mce-tooltip]:hover").orThunk((()=>Lo(e.element))).each((o=>{Xo(o,"data-mce-tooltip").each((o=>{iv.setComponents(e,t.tooltips.getComponents({tooltipText:o}))}))}))}}),mode:"children-normal",anchor:e=>({type:"node",node:Xn(e.element,"[data-mce-tooltip]:hover").orThunk((()=>Lo(e.element).filter((e=>Xo(e,"data-mce-tooltip").isSome())))),root:e.element,layouts:{onLtr:y([jl,Gl,Pl,Wl,Ul,$l]),onRtl:y([jl,Gl,Pl,Wl,Ul,$l])},bubble:wl(0,-2,{})})}),n])}):rh.sketch({dom:{tag:"div",classes:o,innerHtml:e.html,attributes:{role:"document"}},containerBehaviours:rd([Pb.config({}),fd.config({}),n])})})(e,t.shared.providers))),imagepreview:DI(((e,t,o)=>((e,t)=>{const o=ye(t.getOr({url:""})),n=dv({dom:{tag:"img",classes:["tox-imagepreview__image"],attributes:t?.map((e=>({src:e.url}))).getOr({})}}),s=dv({dom:{tag:"div",classes:["tox-imagepreview__container"],attributes:{role:"presentation"}},components:[n.asSpec()]}),r={};e.height.each((e=>r.height=e));const a=t?.map((e=>({url:e.url,zoom:A.from(e.zoom),cachedWidth:A.from(e.cachedWidth),cachedHeight:A.from(e.cachedHeight)})));return{dom:{tag:"div",classes:["tox-imagepreview"],styles:r,attributes:{role:"presentation"}},components:[s.asSpec()],behaviours:rd([zD(),PD(a,(()=>o.get()),((e,t)=>{const r={url:t.url};t.zoom.each((e=>r.zoom=e)),t.cachedWidth.each((e=>r.cachedWidth=e)),t.cachedHeight.each((e=>r.cachedHeight=e)),o.set(r);const a=()=>{const{cachedWidth:t,cachedHeight:o,zoom:n}=r;if(!u(t)&&!u(o)){if(u(n)){const n=((e,t,o)=>{const n=Tn(e),s=Sn(e);return Math.min(n/t,s/o,1)})(e.element,t,o);r.zoom=n}const a=((e,t,o,n,s)=>{const r=o*s,a=n*s,i=Math.max(0,e/2-r/2),l=Math.max(0,t/2-a/2);return{left:i.toString()+"px",top:l.toString()+"px",width:r.toString()+"px",height:a.toString()+"px"}})(Tn(e.element),Sn(e.element),t,o,r.zoom);s.getOpt(e).each((e=>{un(e.element,a)}))}};n.getOpt(e).each((o=>{const n=o.element;t.url!==qo(n,"src")&&(Go(n,"src",t.url),ss(e.element,"tox-imagepreview__loaded")),a(),on(n).then((t=>{e.getSystem().isConnected()&&(os(e.element,"tox-imagepreview__loaded"),r.cachedWidth=t.dom.naturalWidth,r.cachedHeight=t.dom.naturalHeight,a())}))}))}))])}})(e,o))),table:DI(((e,t)=>((e,t)=>{const o=e=>({dom:{tag:"td",innerHtml:t.translate(e)}});return{dom:{tag:"table",classes:["tox-dialog__table"]},components:[(s=e.header,{dom:{tag:"thead"},components:[{dom:{tag:"tr"},components:L(s,(e=>({dom:{tag:"th",innerHtml:t.translate(e)}})))}]}),(n=e.cells,{dom:{tag:"tbody"},components:L(n,(e=>({dom:{tag:"tr"},components:L(e,o)})))})],behaviours:rd([Pb.config({}),fd.config({})])};var n,s})(e,t.shared.providers))),tree:DI(((e,t)=>((e,t)=>{const o=e.onLeafAction.getOr(b),n=e.onToggleExpand.getOr(b),s=e.defaultExpandedIds,r=ye(s),a=ye(e.defaultSelectedId),i=Ne("tree-id"),l=(n,s)=>e.items?.map((e=>"leaf"===e.type?aI({leaf:e,selectedId:n,onLeafAction:o,visible:!0,treeId:i,backstage:t}):mI({directory:e,selectedId:n,onLeafAction:o,expandedIds:s,labelTabstopping:!0,treeId:i,backstage:t})));return{dom:{tag:"div",classes:["tox-tree"],attributes:{role:"tree"}},components:l(a.get(),r.get()),behaviours:rd([wm.config({mode:"flow",selector:".tox-tree--leaf__label--visible, .tox-tree--directory__label--visible",cycles:!1}),ud(gI,[Wc("expand-tree-node",((e,t)=>{const{expanded:o,node:s}=t.event;r.set(o?[...r.get(),s]:r.get().filter((e=>e!==s))),n(r.get(),{expanded:o,node:s})}))]),ob.config({channels:{[`update-active-item-${i}`]:{onReceive:(e,t)=>{a.set(A?.some(t.value)),Zm.set(e,l(A?.some(t.value),r.get()))}}}}),Zm.config({})])}})(e,t))),panel:DI(((e,t)=>((e,t)=>({dom:{tag:"div",classes:e.classes},components:L(e.items,t.shared.interpreter)}))(e,t)))},II={field:(e,t)=>t,record:y([])},FI=(e,t,o,n,s)=>{const r=Le(n,{shared:{interpreter:t=>RI(e,t,o,r,s)}});return RI(e,t,o,r,s)},RI=(e,t,o,n,s)=>fe(BI,t.type).fold((()=>(console.error(`Unknown factory type "${t.type}", defaulting to container: `,t),t)),(r=>r(e,t,o,n,s))),NI=(e,t,o,n)=>RI(II,e,t,o,n),zI={valignCentre:[],alignCentre:[],alignLeft:[],alignRight:[],right:[],left:[],bottom:[],top:[]},LI=(e,t,o)=>{const n={maxHeightFunction:kc()};return()=>o()?{type:"node",root:Co(So(e())),node:A.from(e()),bubble:wl(12,12,zI),layouts:{onRtl:()=>[gc],onLtr:()=>[mc]},overrides:n}:{type:"hotspot",hotspot:t(),bubble:wl(-12,12,zI),layouts:{onRtl:()=>[Pl,Ul,jl],onLtr:()=>[Ul,Pl,jl]},overrides:n}},VI=(e,t,o,n)=>{const s={maxHeightFunction:kc()};return()=>n()?{type:"node",root:Co(So(t())),node:A.from(t()),bubble:wl(12,12,zI),layouts:{onRtl:()=>[pc],onLtr:()=>[pc]},overrides:s}:e?{type:"node",root:Co(So(t())),node:A.from(t()),bubble:wl(0,-Cn(t()),zI),layouts:{onRtl:()=>[Gl],onLtr:()=>[Gl]},overrides:s}:{type:"hotspot",hotspot:o(),bubble:wl(0,0,zI),layouts:{onRtl:()=>[Gl],onLtr:()=>[Gl]},overrides:s}},HI=(e,t,o)=>()=>o()?{type:"node",root:Co(So(e())),node:A.from(e()),layouts:{onRtl:()=>[pc],onLtr:()=>[pc]}}:{type:"hotspot",hotspot:t(),layouts:{onRtl:()=>[jl],onLtr:()=>[jl]}},PI=(e,t)=>()=>({type:"selection",root:t(),getSelection:()=>{const t=e.selection.getRng(),o=e.model.table.getSelectedCells();if(o.length>1){const e=o[0],t=o[o.length-1],n={firstCell:ct(e),lastCell:ct(t)};return A?.some(n)}return A?.some(Ss.range(ct(t.startContainer),t.startOffset,ct(t.endContainer),t.endOffset))}}),UI=e=>t=>({type:"node",root:e(),node:t}),WI=(e,t,o,n)=>{const s=PC(e),r=()=>ct(e.getBody()),a=()=>ct(e.getContentAreaContainer()),i=()=>s||!n();return{inlineDialog:LI(a,t,i),inlineBottomDialog:VI(e.inline,a,o,i),banner:HI(a,t,i),cursor:PI(e,r),node:UI(r)}},$I=e=>(t,o)=>{JM(e)(t,o)},GI=e=>()=>zM(e),jI=e=>t=>IM(e,t),qI=e=>t=>NM(e,t),XI=e=>()=>wC(e),YI=e=>ve(e,"items"),KI=e=>ve(e,"format"),JI=[{title:"Headings",items:[{title:"Heading 1",format:"h1"},{title:"Heading 2",format:"h2"},{title:"Heading 3",format:"h3"},{title:"Heading 4",format:"h4"},{title:"Heading 5",format:"h5"},{title:"Heading 6",format:"h6"}]},{title:"Inline",items:[{title:"Bold",format:"bold"},{title:"Italic",format:"italic"},{title:"Underline",format:"underline"},{title:"Strikethrough",format:"strikethrough"},{title:"Superscript",format:"superscript"},{title:"Subscript",format:"subscript"},{title:"Code",format:"code"}]},{title:"Blocks",items:[{title:"Paragraph",format:"p"},{title:"Blockquote",format:"blockquote"},{title:"Div",format:"div"},{title:"Pre",format:"pre"}]},{title:"Align",items:[{title:"Left",format:"alignleft"},{title:"Center",format:"aligncenter"},{title:"Right",format:"alignright"},{title:"Justify",format:"alignjustify"}]}],QI=e=>W(e,((e,t)=>{if(be(t,"items")){const o=QI(t.items);return{customFormats:e.customFormats.concat(o.customFormats),formats:e.formats.concat([{title:t.title,items:o.formats}])}}if(be(t,"inline")||(e=>be(e,"block"))(t)||(e=>be(e,"selector"))(t)){const o=`custom-${r(t.name)?t.name:t.title.toLowerCase()}`;return{customFormats:e.customFormats.concat([{name:o,format:t}]),formats:e.formats.concat([{title:t.title,format:o,icon:t.icon}])}}return{...e,formats:e.formats.concat(t)}}),{customFormats:[],formats:[]}),ZI=e=>eC(e)?.map((t=>{const o=((e,t)=>{const o=QI(t),n=t=>{V(t,(t=>{e.formatter.has(t.name)||e.formatter.register(t.name,t.format)}))};return e.formatter?n(o.customFormats):e.on("init",(()=>{n(o.customFormats)})),o.formats})(e,t);return tC(e)?JI.concat(o):o})).getOr(JI),eF=(e,t,o)=>({...e,type:"formatter",isSelected:t(e.format),getStylePreview:o(e.format)}),tF=(e,t,o,n)=>{const s=t=>L(t,(t=>YI(t)?(e=>{const t=s(e.items);return{...e,type:"submenu",getStyleItems:y(t)}})(t):KI(t)?(e=>eF(e,o,n))(t):(e=>{const t=re(e);return 1===t.length&&F(t,"title")})(t)?{...t,type:"separator"}:(t=>{const s=r(t.name)?t.name:Ne(t.title),a=`custom-${s}`,i={...t,type:"formatter",format:a,isSelected:o(a),getStylePreview:n(a)};return e.formatter.register(s,i),i})(t)));return s(t)},oF=e=>{let t=0;const o=e=>[{dom:{tag:"div",classes:["tox-tooltip__body"]},components:[Og(e.tooltipText)]}];return{getConfig:n=>({delayForShow:()=>t>0?60:300,delayForHide:y(300),exclusive:!0,lazySink:e,tooltipDom:{tag:"div",classes:["tox-tooltip","tox-tooltip--up"]},tooltipComponents:o(n),onShow:(e,o)=>{t++,n.onShow&&n.onShow(e,o)},onHide:(e,o)=>{t--,n.onHide&&n.onHide(e,o)},onSetup:n.onSetup}),getComponents:o}},nF=nB.trim,sF=e=>t=>{if((e=>g(e)&&1===e.nodeType)(t)){if(t.contentEditable===e)return!0;if(t.getAttribute("data-mce-contenteditable")===e)return!0}return!1},rF=sF("true"),aF=sF("false"),iF=(e,t,o,n,s)=>({type:e,title:t,url:o,level:n,attach:s}),lF=e=>e.innerText||e.textContent,cF=e=>(e=>e&&"A"===e.nodeName&&void 0!==(e.id||e.name))(e)&&uF(e),dF=e=>e&&/^(H[1-6])$/.test(e.nodeName),uF=e=>(e=>{let t=e;for(;t=t.parentNode;){const e=t.contentEditable;if(e&&"inherit"!==e)return rF(t)}return!1})(e)&&!aF(e),mF=e=>dF(e)&&uF(e),gF=e=>{var t;const o=(e=>e.id?e.id:Ne("h"))(e);return iF("header",null!==(t=lF(e))&&void 0!==t?t:"","#"+o,(e=>dF(e)?parseInt(e.nodeName.substr(1),10):0)(e),(()=>{e.id=o}))},pF=e=>{const t=e.id||e.name,o=lF(e);return iF("anchor",o||"#"+t,"#"+t,0,b)},hF=e=>nF(e.title).length>0,fF=e=>{const t=(e=>{const t=L(ms(ct(e),"h1,h2,h3,h4,h5,h6,a:not([href])"),(e=>e.dom));return t})(e);return P((e=>L(P(e,mF),gF))(t).concat((e=>L(P(e,cF),pF))(t)),hF)},bF="tinymce-url-history",vF=e=>r(e)&&/^https?/.test(e),xF=e=>a(e)&&pe(e,(e=>{return!(l(t=e)&&t.length<=5&&X(t,vF));var t})).isNone(),yF=()=>{const e=kM.getItem(bF);if(null===e)return{};let t;try{t=JSON.parse(e)}catch(e){if(e instanceof SyntaxError)return console.log("Local storage "+bF+" was not valid JSON",e),{};throw e}return xF(t)?t:(console.log("Local storage "+bF+" was not valid format",t),{})},wF=e=>{const t=yF();return fe(t,e).getOr([])},SF=(e,t)=>{if(!vF(e))return;const o=yF(),n=fe(o,t).getOr([]),s=P(n,(t=>t!==e));o[t]=[e].concat(s).slice(0,5),(e=>{if(!xF(e))throw new Error("Bad format for history:\n"+JSON.stringify(e));kM.setItem(bF,JSON.stringify(e))})(o)},CF=e=>!!e,kF=e=>le(nB.makeMap(e,/[, ]/),CF),OF=e=>A.from(pC(e)),_F=e=>A.from(e).filter(r).getOrUndefined(),TF=e=>({getHistory:wF,addToHistory:SF,getLinkInformation:()=>(e=>vC(e)?A?.some({targets:fF(e.getBody()),anchorTop:_F(xC(e)),anchorBottom:_F(yC(e))}):A.none())(e),getValidationHandler:()=>(e=>A.from(hC(e)))(e),getUrlPicker:t=>((e,t)=>((e,t)=>{const o=(e=>{const t=A.from(bC(e)).filter(CF)?.map(kF);return OF(e).fold(T,(e=>t.fold(E,(e=>re(e).length>0&&e))))})(e);return d(o)?o?OF(e):A.none():o[t]?OF(e):A.none()})(e,t)?.map((o=>n=>Oe((s=>{const i={filetype:t,fieldname:n.fieldname,...A.from(n.meta).getOr({})};o.call(e,((e,t)=>{if(!r(e))throw new Error("Expected value to be string");if(void 0!==t&&!a(t))throw new Error("Expected meta to be a object");s({value:e,meta:t})}),n.value,i)})))))(e,t)}),EF=b,AF=T,MF=y([]);var DF,BF=Object.freeze({__proto__:null,setup:EF,isDocked:AF,getBehaviours:MF});const IF=y(Ne("toolbar-height-change")),FF={fadeInClass:"tox-editor-dock-fadein",fadeOutClass:"tox-editor-dock-fadeout",transitionClass:"tox-editor-dock-transition"},RF="tox-tinymce--toolbar-sticky-on",NF="tox-tinymce--toolbar-sticky-off",zF=(e,t)=>F(Ep.getModes(e),t),LF=e=>{const t=e.element;po(t).each((o=>{const n="padding-"+Ep.getModes(e)[0];if(Ep.isDocked(e)){const e=Tn(o);dn(t,"width",e+"px"),dn(o,n,(e=>Cn(e)+(parseInt(gn(e,"margin-top"),10)||0)+(parseInt(gn(e,"margin-bottom"),10)||0))(t)+"px")}else vn(t,"width"),vn(o,n)}))},VF=(e,t)=>{t?(ss(e,FF.fadeOutClass),as(e,[FF.transitionClass,FF.fadeInClass])):(ss(e,FF.fadeInClass),as(e,[FF.fadeOutClass,FF.transitionClass]))},HF=(e,t)=>{const o=ct(e.getContainer());t?(os(o,RF),ss(o,NF)):(os(o,NF),ss(o,RF))},PF=(e,t)=>{const o=Xe(),n=t.getSink,s=e=>{n().each((t=>e(t.element)))},r=t=>{e.inline||LF(t),HF(e,Ep.isDocked(t)),t.getSystem().broadcastOn([pv()],{}),n().each((e=>e.getSystem().broadcastOn([pv()],{})))},a=e.inline?[]:[ob.config({channels:{[IF()]:{onReceive:LF}}})];return[fd.config({}),Ep.config({contextual:{lazyContext:t=>{const o=Cn(t.element),n=e.inline?e.getContentAreaContainer():e.getContainer();return A.from(n)?.map((n=>{const s=Rs(ct(n));return QC(e,t.element).fold((()=>{const e=s.height-o,n=s.y+(zF(t,"top")?0:o);return Fs(s.x,n,s.width,e)}),(e=>{const n=zs(s,ZC(e)),r=zF(t,"top")?n.y:n.y+o;return Fs(n.x,r,n.width,n.height-o)}))}))},onShow:()=>{s((e=>VF(e,!0)))},onShown:e=>{s((e=>is(e,[FF.transitionClass,FF.fadeInClass]))),o.get().each((t=>{((e,t)=>{const o=lo(t);zo(o).filter((e=>!yt(t,e))).filter((t=>yt(t,ct(o.dom.body))||wt(e,t))).each((()=>Fo(t)))})(e.element,t),o.clear()}))},onHide:e=>{((e,t)=>Lo(e).orThunk((()=>t().toOptional().bind((e=>Lo(e.element))))))(e.element,n).fold(o.clear,o.set),s((e=>VF(e,!1)))},onHidden:()=>{s((e=>is(e,[FF.transitionClass])))},...FF},lazyViewport:t=>QC(e,t.element).fold((()=>{const o=Ls(),n=uC(e),s=o.y+(zF(t,"top")&&!JC(e)?n:0),r=o.height-(zF(t,"bottom")?n:0);return{bounds:Fs(o.x,s,o.width,r),optScrollEnv:A.none()}}),(e=>({bounds:ZC(e),optScrollEnv:A?.some({currentScrollTop:e.element.dom.scrollTop,scrollElmTop:In(e.element).top})}))),modes:[t.header.getDockingMode()],onDocked:r,onUndocked:r}),...a]};var UF=Object.freeze({__proto__:null,setup:(e,t,o)=>{e.inline||(t.header.isPositionedAtTop()||e.on("ResizeEditor",(()=>{o().each(Ep.reset)})),e.on("ResizeWindow ResizeEditor",(()=>{o().each(LF)})),e.on("SkinLoaded",(()=>{o().each((e=>{Ep.isDocked(e)?Ep.reset(e):Ep.refresh(e)}))})),e.on("FullscreenStateChanged",(()=>{o().each(Ep.reset)}))),e.on("AfterScrollIntoView",(e=>{o().each((t=>{Ep.refresh(t);const o=t.element;kn(o)&&((e,t)=>{const o=lo(t),n=mo(t).dom.innerHeight,s=Rn(o),r=ct(e.elm),a=Ns(r),i=Sn(r),l=a.y,c=l+i,d=In(t),u=Sn(t),m=d.top,g=m+u,p=Math.abs(m-s.top)<2,h=Math.abs(g-(s.top+n))<2;if(p&&l<g)Nn(s.left,l-u,o);else if(h&&c>m){const e=l-n+i+u;Nn(s.left,e,o)}})(e,o)}))})),e.on("PostRender",(()=>{HF(e,!1)}))},isDocked:e=>e()?.map(Ep.isDocked).getOr(!1),getBehaviours:PF}),WF=nh({factory:(e,t)=>{const o={focus:wm.focusIn,setMenus:(e,o)=>{const n=L(o,(e=>{const o={type:"menubutton",text:e.text,fetch:t=>{t(e.getItems())},context:"any"},n=HT(o).mapError((e=>Ar(e))).getOrDie();return tI(n,"tox-mbtn",t.backstage,A?.some("menuitem"))}));Zm.set(e,n)}};return{uid:e.uid,dom:e.dom,components:[],behaviours:rd([Zm.config({}),ud("menubar-events",[Jc((t=>{e.onSetup(t)})),Wc(va(),((e,t)=>{Xn(e.element,".tox-mbtn--active").each((o=>{Yn(t.event.target,".tox-mbtn").each((t=>{yt(o,t)||e.getSystem().getByDom(o).each((o=>{e.getSystem().getByDom(t).each((e=>{kx.expand(e),kx.close(o),fd.focus(e)}))}))}))}))})),Wc(Ja(),((e,t)=>{t.event.prevFocus.bind((t=>e.getSystem().getByDom(t).toOptional())).each((o=>{t.event.newFocus.bind((t=>e.getSystem().getByDom(t).toOptional())).each((e=>{kx.isOpen(o)&&(kx.expand(e),kx.close(o))}))}))}))]),wm.config({mode:"flow",selector:".tox-mbtn",onEscape:t=>(e.onEscape(t),A?.some(!0))}),Pb.config({})]),apis:o,domModification:{attributes:{role:"menubar"}}}},name:"silver.Menubar",configFields:[Rr("dom"),Rr("uid"),Rr("onEscape"),Rr("backstage"),Qr("onSetup",b)],apis:{focus:(e,t)=>{e.focus(t)},setMenus:(e,t,o)=>{e.setMenus(t,o)}}});const $F=e=>({element:()=>e.element.dom}),GF=(e,t)=>{const o=L(re(t),(e=>{const o=t[e],n=Tr((e=>_r("sidebar",eA,e))(o));return{name:e,getApi:$F,onSetup:n.onSetup,onShow:n.onShow,onHide:n.onHide}}));return L(o,(t=>{const n=ye(b);return e.slot(t.name,{dom:{tag:"div",classes:["tox-sidebar__pane"]},behaviours:cA([hA(t,n),fA(t,n),Wc(Qa(),((e,t)=>{const n=t.event,s=$(o,(e=>e.name===n.name));s.each((t=>{(n.visible?t.onShow:t.onHide)(t.getApi(e))}))}))])})}))},jF=e=>qw.sketch((t=>({dom:{tag:"div",classes:["tox-sidebar__pane-container"]},components:GF(t,e),slotBehaviours:cA([Jc((e=>qw.hideAllSlots(e)))])}))),qF=(e,t)=>{Go(e,"role",t)},XF=e=>zg.getCurrent(e).bind((e=>Ib.isGrowing(e)||Ib.hasGrown(e)?zg.getCurrent(e).bind((e=>$(qw.getSlotNames(e),(t=>qw.isShowing(e,t))))):A.none())),YF=Ne("FixSizeEvent"),KF=Ne("AutoSizeEvent"),JF=e=>zg.getCurrent(e).each((e=>Fo(e.element,!0))),QF=(e,t,o)=>{const n=ye(!1),s=Xe(),r=o=>{var s;n.get()&&(!(e=>"focusin"===e.type)(s=o)||!(s.composed?te(s.composedPath()):A.from(s.target))?.map(ct).filter(no).exists((e=>rs(e,"mce-pastebin"))))&&(o.preventDefault(),JF(t()),e.editorManager.setActive(e))};e.inline||e.on("PreInit",(()=>{e.dom.bind(e.getWin(),"focusin",r),e.on("BeforeExecCommand",(e=>{"mcefocus"===e.command.toLowerCase()&&!0!==e.value&&r(e)}))}));const a=s=>{s!==n.get()&&(n.set(s),((e,t,o,n)=>{const s=t.element;if(((e,t)=>{const o="tabindex",n=`data-mce-${o}`;A.from(e.iframeElement)?.map(ct).each((e=>{t?(Xo(e,o).each((t=>Go(e,n,t))),Go(e,o,-1)):(Ko(e,o),Xo(e,n).each((t=>{Go(e,o,t),Ko(e,n)})))}))})(e,o),o)Fg.block(t,(e=>(t,o)=>({dom:{tag:"div",attributes:{"aria-label":e.translate("Loading..."),tabindex:"0"},classes:["tox-throbber__busy-spinner"]},components:[{dom:cv('<div class="tox-spinner"><div></div><div></div><div></div></div>')}]}))(n)),vn(s,"display"),Ko(s,"aria-hidden"),e.hasFocus()&&JF(t);else{const o=zg.getCurrent(t).exists((e=>No(e.element)));Fg.unblock(t),dn(s,"display","none"),Go(s,"aria-hidden","true"),o&&e.focus()}})(e,t(),s,o.providers),((e,t)=>{e.dispatch("AfterProgressState",{state:t})})(e,s))};e.on("ProgressState",(t=>{if(s.on(clearTimeout),h(t.time)){const o=VS.setEditorTimeout(e,(()=>a(t.state)),t.time);s.set(o)}else a(t.state),s.clear()}))},ZF=e=>{const t=e.label.isNone()?e.title.fold((()=>({})),(e=>({attributes:{"aria-label":e}}))):e.label.fold((()=>({})),(e=>({attributes:{"aria-label":e}})));return{dom:{tag:"div",classes:["tox-toolbar__group"].concat(e.label.isSome()?["tox-toolbar__group_with_label"]:[]),...t},components:[...e.label?.map((e=>({dom:{tag:"span",classes:["tox-label","tox-label--context-toolbar"]},components:[Og(e)]}))).toArray(),cS.parts.items({})],items:e.items,markers:{itemSelector:"*:not(.tox-split-button) > .tox-tbtn:not([disabled]), .tox-split-button:not([disabled]), .tox-toolbar-nav-item:not([disabled]), .tox-number-input:not([disabled])"},tgroupBehaviours:rd([Pb.config({}),fd.config({ignore:!0})])}},eR=e=>cS.sketch(ZF(e)),tR=(e,t)=>{const o=Jc((t=>{const o=L(e.initGroups,eR);Bx.setGroups(t,o)}));return rd([gA((()=>e.providers.checkUiComponentContext("any").shouldDisable)),kA((()=>e.providers.checkUiComponentContext("any"))),wm.config({mode:t,onEscape:e.onEscape,visibilitySelector:".tox-toolbar__overflow",selector:".tox-toolbar__group"}),ud("toolbar-events",[o])])},oR=e=>{const t=e.cyclicKeying?"cyclic":"acyclic";return{uid:e.uid,dom:{tag:"div",classes:["tox-toolbar-overlord"]},parts:{"overflow-group":ZF({title:A.none(),label:A.none(),items:[]}),"overflow-button":hI({context:"any",name:"more",icon:A?.some("more-drawer"),enabled:!0,tooltip:A?.some("Reveal or hide additional toolbar items"),primary:!1,buttonType:A.none(),borderless:!1},A.none(),e.providers,[],"overflow-button")},splitToolbarBehaviours:tR(e,t)}},nR=e=>{const t=oR(e),o=mS.parts.primary({dom:{tag:"div",classes:["tox-toolbar__primary"]}});return mS.sketch({...t,lazySink:e.getSink,getOverflowBounds:()=>{const t=e.moreDrawerData.lazyHeader().element,o=Ns(t),n=uo(t),s=Ns(n),r=Math.max(n.dom.scrollHeight,s.height);return Fs(o.x+4,s.y,o.width-8,r)},parts:{...t.parts,overflow:{dom:{tag:"div",classes:["tox-toolbar__overflow"],attributes:e.attributes}}},components:[o],markers:{overflowToggledClass:"tox-tbtn--enabled"},onOpened:t=>e.onToggled(t,!0),onClosed:t=>e.onToggled(t,!1)})},sR=e=>{const t=bS.parts.primary({dom:{tag:"div",classes:["tox-toolbar__primary"]}}),o=bS.parts.overflow({dom:{tag:"div",classes:["tox-toolbar__overflow"]}}),n=oR(e);return bS.sketch({...n,components:[t,o],markers:{openClass:"tox-toolbar__overflow--open",closedClass:"tox-toolbar__overflow--closed",growingClass:"tox-toolbar__overflow--growing",shrinkingClass:"tox-toolbar__overflow--shrinking",overflowToggledClass:"tox-tbtn--enabled"},onOpened:t=>{t.getSystem().broadcastOn([IF()],{type:"opened"}),e.onToggled(t,!0)},onClosed:t=>{t.getSystem().broadcastOn([IF()],{type:"closed"}),e.onToggled(t,!1)}})},rR=e=>{const t=e.cyclicKeying?"cyclic":"acyclic";return Bx.sketch({uid:e.uid,dom:{tag:"div",classes:["tox-toolbar"].concat(e.type===NS.scrolling?["tox-toolbar--scrolling"]:[])},components:[Bx.parts.groups({})],toolbarBehaviours:tR(e,t)})},aR=(e,t)=>((e,t)=>{var o,n;const s="togglebutton"===e.type,r=e.icon?.map((e=>FB(e,t.icons)))?.map(dv),a={...e,name:s?e.text.getOr(e.icon.getOr("")):null!==(o=e.text)&&void 0!==o?o:e.icon.getOr(""),primary:"primary"===e.buttonType,buttonType:A.from(e.buttonType),tooltip:e.tooltip,icon:e.icon,enabled:!0,borderless:e.borderless},i=fI(null!==(n=e.buttonType)&&void 0!==n?n:"secondary"),l=s?e.text?.map(t.translate):A?.some(t.translate(e.text)),c=l?.map(Og),d=a.tooltip.or(l)?.map((e=>({"aria-label":t.translate(e)}))).getOr({}),u=r?.map((e=>e.asSpec())),m=TA([u,c]),g=e.icon.isSome()&&c.isSome(),p={tag:"button",classes:i.concat(...e.icon.isSome()&&!g?["tox-button--icon"]:[]).concat(...g?["tox-button--icon-and-text"]:[]).concat(...e.borderless?["tox-button--naked"]:[]).concat(..."togglebutton"===e.type&&e.active?["tox-button--enabled"]:[]),attributes:d},h=pI(a,A?.some((o=>{const n=e=>{r?.map((n=>n.getOpt(o).each((o=>{Zm.set(o,[FB(e,t.icons)])}))))};return s?e.onAction({setIcon:n,setActive:e=>{const t=o.element;e?(os(t,"tox-button--enabled"),Go(t,"aria-pressed",!0)):(ss(t,"tox-button--enabled"),Ko(t,"aria-pressed"))},isActive:()=>rs(o.element,"tox-button--enabled"),focus:()=>Fo(o.element)}):"button"===e.type?e.onAction({setIcon:n}):void 0})),[],p,m,e.tooltip,t);return _v.sketch(h)})(e,t),iR=Jt().deviceType,lR=iR.isPhone(),cR=iR.isTablet();var dR=sh({name:"silver.View",configFields:[Rr("viewConfig")],partFields:[Zi({factory:{sketch:e=>{let t=!1;const o=L(e.buttons,(o=>"group"===o.type?(t=!0,((e,t)=>({dom:{tag:"div",classes:["tox-view__toolbar__group"]},components:L(e.buttons,(e=>aR(e,t)))}))(o,e.providers)):aR(o,e.providers)));return{uid:e.uid,dom:{tag:"div",classes:[t?"tox-view__toolbar":"tox-view__header",...lR||cR?["tox-view--mobile","tox-view--scrolling"]:[]]},behaviours:rd([fd.config({}),wm.config({mode:"flow",selector:"button, .tox-button",focusInside:Ei.OnEnterOrSpaceMode})]),components:t?o:[rh.sketch({dom:{tag:"div",classes:["tox-view__header-start"]},components:[]}),rh.sketch({dom:{tag:"div",classes:["tox-view__header-end"]},components:o})]}}},schema:[Rr("buttons"),Rr("providers")],name:"header"}),Zi({factory:{sketch:e=>({uid:e.uid,behaviours:rd([fd.config({}),Pb.config({})]),dom:{tag:"div",classes:["tox-view__pane"]}})},schema:[],name:"pane"})],factory:(e,t,o,n)=>{const s={getPane:t=>uv.getPart(t,e,"pane"),getOnShow:t=>e.viewConfig.onShow,getOnHide:t=>e.viewConfig.onHide};return{uid:e.uid,dom:e.dom,components:t,behaviours:rd([fd.config({}),wm.config({mode:"cyclic",focusInside:Ei.OnEnterOrSpaceMode})]),apis:s}},apis:{getPane:(e,t)=>e.getPane(t),getOnShow:(e,t)=>e.getOnShow(t),getOnHide:(e,t)=>e.getOnHide(t)}});const uR=(e,t,o)=>ge(t,((t,n)=>{const s=Tr(_r("view",iA,t));return e.slot(n,dR.sketch({dom:{tag:"div",classes:["tox-view"]},viewConfig:s,components:[...s.buttons.length>0?[dR.parts.header({buttons:s.buttons,providers:o})]:[],dR.parts.pane({})]}))})),mR=(e,t)=>qw.sketch((o=>({dom:{tag:"div",classes:["tox-view-wrap__slot-container"]},components:uR(o,e,t),slotBehaviours:cA([Jc((e=>qw.hideAllSlots(e)))])}))),gR=e=>$(qw.getSlotNames(e),(t=>qw.isShowing(e,t))),pR=(e,t,o)=>{qw.getSlot(e,t).each((e=>{dR.getPane(e).each((t=>{var n;o(e)((n=t.element.dom,{getContainer:y(n)}))}))}))};var hR=nh({factory:(e,t)=>{const o={setViews:(e,o)=>{Zm.set(e,[mR(o,t.backstage.shared.providers)])},whichView:e=>zg.getCurrent(e).bind(gR),toggleView:(e,t,o,n)=>zg.getCurrent(e).exists((s=>{const r=gR(s),a=r.exists((e=>n===e)),i=qw.getSlot(s,n).isSome();return i&&(qw.hideAllSlots(s),a?((e=>{const t=e.element;dn(t,"display","none"),Go(t,"aria-hidden","true")})(e),t()):(o(),(e=>{const t=e.element;vn(t,"display"),Ko(t,"aria-hidden")})(e),qw.showSlot(s,n),((e,t)=>{pR(e,t,dR.getOnShow)})(s,n)),r.each((e=>((e,t)=>pR(e,t,dR.getOnHide))(s,e)))),i}))};return{uid:e.uid,dom:{tag:"div",classes:["tox-view-wrap"],attributes:{"aria-hidden":"true"},styles:{display:"none"}},components:[],behaviours:rd([Zm.config({}),zg.config({find:e=>{const t=Zm.contents(e);return te(t)}})]),apis:o}},name:"silver.ViewWrapper",configFields:[Rr("backstage")],apis:{setViews:(e,t,o)=>e.setViews(t,o),toggleView:(e,t,o,n,s)=>e.toggleView(t,o,n,s),whichView:(e,t)=>e.whichView(t)}});const fR=mv.optional({factory:WF,name:"menubar",schema:[Rr("backstage")]}),bR=mv.optional({factory:{sketch:e=>Mv.sketch({uid:e.uid,dom:e.dom,listBehaviours:rd([wm.config({mode:"acyclic",selector:".tox-toolbar"})]),makeItem:()=>rR({type:e.type,uid:Ne("multiple-toolbar-item"),cyclicKeying:!1,initGroups:[],providers:e.providers,onEscape:()=>(e.onEscape(),A?.some(!0))}),setupItem:(e,t,o,n)=>{Bx.setGroups(t,o)},shell:!0})},name:"multiple-toolbar",schema:[Rr("dom"),Rr("onEscape")]}),vR=mv.optional({factory:{sketch:e=>{const t=(e=>e.type===NS.sliding?sR:e.type===NS.floating?nR:rR)(e);return t({type:e.type,uid:e.uid,onEscape:()=>(e.onEscape(),A?.some(!0)),onToggled:(t,o)=>e.onToolbarToggled(o),cyclicKeying:!1,initGroups:[],getSink:e.getSink,providers:e.providers,moreDrawerData:{lazyToolbar:e.lazyToolbar,lazyMoreButton:e.lazyMoreButton,lazyHeader:e.lazyHeader},attributes:e.attributes})}},name:"toolbar",schema:[Rr("dom"),Rr("onEscape"),Rr("getSink")]}),xR=mv.optional({factory:{sketch:e=>{const t=e.editor,o=e.sticky?PF:MF;return{uid:e.uid,dom:e.dom,components:e.components,behaviours:rd(o(t,e.sharedBackstage))}}},name:"header",schema:[Rr("dom")]}),yR=mv.optional({factory:{sketch:e=>{const t=e.promotionLink?[{dom:{tag:"a",attributes:{href:"https://www.tiny.cloud/tinymce-upgrade-to-cloud/?utm_campaign=self_hosted_upgrade_promo&utm_source=tiny&utm_medium=referral",rel:"noopener",target:"_blank","aria-hidden":"true"},classes:["tox-promotion-link"],innerHtml:"\u{1f49d}Get all features"}}]:[];return{uid:e.uid,dom:e.dom,components:t}}},name:"promotion",schema:[Rr("dom"),Rr("promotionLink")]}),wR=mv.optional({name:"socket",schema:[Rr("dom")]}),SR=mv.optional({factory:{sketch:e=>({uid:e.uid,dom:{tag:"div",classes:["tox-sidebar"],attributes:{role:"presentation"}},components:[{dom:{tag:"div",classes:["tox-sidebar__slider"]},components:[],behaviours:rd([Pb.config({}),fd.config({}),Ib.config({dimension:{property:"width"},closedClass:"tox-sidebar--sliding-closed",openClass:"tox-sidebar--sliding-open",shrinkingClass:"tox-sidebar--sliding-shrinking",growingClass:"tox-sidebar--sliding-growing",onShrunk:e=>{zg.getCurrent(e).each(qw.hideAllSlots),Fc(e,KF)},onGrown:e=>{Fc(e,KF)},onStartGrow:e=>{Rc(e,YF,{width:hn(e.element,"width").getOr("")})},onStartShrink:e=>{Rc(e,YF,{width:Tn(e.element)+"px"})}}),Zm.config({}),zg.config({find:e=>{const t=Zm.contents(e);return te(t)}})])}],behaviours:rd([LD(0),ud("sidebar-sliding-events",[Wc(YF,((e,t)=>{dn(e.element,"width",t.event.width)})),Wc(KF,((e,t)=>{vn(e.element,"width")}))])])})},name:"sidebar",schema:[Rr("dom")]}),CR=mv.optional({factory:{sketch:e=>({uid:e.uid,dom:{tag:"div",attributes:{"aria-hidden":"true"},classes:["tox-throbber"],styles:{display:"none"}},behaviours:rd([Zm.config({}),Fg.config({focus:!1}),zg.config({find:e=>te(e.components())})]),components:[]})},name:"throbber",schema:[Rr("dom")]}),kR=mv.optional({factory:hR,name:"viewWrapper",schema:[Rr("backstage")]}),OR=mv.optional({factory:{sketch:e=>({uid:e.uid,dom:{tag:"div",classes:["tox-editor-container"]},components:e.components})},name:"editorContainer",schema:[]});var _R=sh({name:"OuterContainer",factory:(e,t,o)=>{let n=!1;const s=e=>{jn(e,".tox-statusbar").each((e=>{"none"===gn(e,"display")&&"true"===qo(e,"aria-hidden")?(vn(e,"display"),Ko(e,"aria-hidden")):(dn(e,"display","none"),Go(e,"aria-hidden","true"))}))},a={getSocket:t=>uv.getPart(t,e,"socket"),setSidebar:(t,o,n)=>{uv.getPart(t,e,"sidebar").each((e=>((e,t,o)=>{zg.getCurrent(e).each((n=>{Zm.set(n,[jF(t)]);const s=null==o?void 0:o.toLowerCase();r(s)&&be(t,s)&&zg.getCurrent(n).each((t=>{qw.showSlot(t,s),Ib.immediateGrow(n),vn(n.element,"width"),qF(e.element,"region")}))}))})(e,o,n)))},toggleSidebar:(t,o)=>{uv.getPart(t,e,"sidebar").each((e=>((e,t)=>{zg.getCurrent(e).each((o=>{zg.getCurrent(o).each((n=>{Ib.hasGrown(o)?qw.isShowing(n,t)?(Ib.shrink(o),qF(e.element,"presentation")):(qw.hideAllSlots(n),qw.showSlot(n,t),qF(e.element,"region")):(qw.hideAllSlots(n),qw.showSlot(n,t),Ib.grow(o),qF(e.element,"region"))}))}))})(e,o)))},whichSidebar:t=>uv.getPart(t,e,"sidebar").bind(XF).getOrNull(),getHeader:t=>uv.getPart(t,e,"header"),getToolbar:t=>uv.getPart(t,e,"toolbar"),setToolbar:(t,o)=>{uv.getPart(t,e,"toolbar").each((e=>{const t=L(o,eR);e.getApis().setGroups(e,t)}))},setToolbars:(t,o)=>{uv.getPart(t,e,"multiple-toolbar").each((e=>{const t=L(o,(e=>L(e,eR)));Mv.setItems(e,t)}))},refreshToolbar:t=>{uv.getPart(t,e,"toolbar").each((e=>e.getApis().refresh(e)))},toggleToolbarDrawer:t=>{uv.getPart(t,e,"toolbar").each((e=>{We(e.getApis().toggle,(t=>t(e)))}))},toggleToolbarDrawerWithoutFocusing:t=>{uv.getPart(t,e,"toolbar").each((e=>{We(e.getApis().toggleWithoutFocusing,(t=>t(e)))}))},isToolbarDrawerToggled:t=>uv.getPart(t,e,"toolbar").bind((e=>A.from(e.getApis().isOpen)?.map((t=>t(e))))).getOr(!1),getThrobber:t=>uv.getPart(t,e,"throbber"),focusToolbar:t=>{uv.getPart(t,e,"toolbar").orThunk((()=>uv.getPart(t,e,"multiple-toolbar"))).each((e=>{wm.focusIn(e)}))},setMenubar:(t,o)=>{uv.getPart(t,e,"menubar").each((e=>{WF.setMenus(e,o)}))},focusMenubar:t=>{uv.getPart(t,e,"menubar").each((e=>{WF.focus(e)}))},setViews:(t,o)=>{uv.getPart(t,e,"viewWrapper").each((e=>{hR.setViews(e,o)}))},toggleView:(t,o)=>uv.getPart(t,e,"viewWrapper").exists((e=>hR.toggleView(e,(()=>a.showMainView(t)),(()=>a.hideMainView(t)),o))),whichView:t=>uv.getPart(t,e,"viewWrapper").bind(hR.whichView).getOrNull(),hideMainView:t=>{n=a.isToolbarDrawerToggled(t),n&&a.toggleToolbarDrawer(t),uv.getPart(t,e,"editorContainer").each((e=>{const t=e.element;s(t),dn(t,"display","none"),Go(t,"aria-hidden","true")}))},showMainView:t=>{n&&a.toggleToolbarDrawer(t),uv.getPart(t,e,"editorContainer").each((e=>{const t=e.element;s(t),vn(t,"display"),Ko(t,"aria-hidden")}))}};return{uid:e.uid,dom:e.dom,components:t,apis:a,behaviours:e.behaviours}},configFields:[Rr("dom"),Rr("behaviours")],partFields:[xR,fR,vR,bR,wR,SR,yR,CR,kR,OR],apis:{getSocket:(e,t)=>e.getSocket(t),setSidebar:(e,t,o,n)=>{e.setSidebar(t,o,n)},toggleSidebar:(e,t,o)=>{e.toggleSidebar(t,o)},whichSidebar:(e,t)=>e.whichSidebar(t),getHeader:(e,t)=>e.getHeader(t),getToolbar:(e,t)=>e.getToolbar(t),setToolbar:(e,t,o)=>{e.setToolbar(t,o)},setToolbars:(e,t,o)=>{e.setToolbars(t,o)},refreshToolbar:(e,t)=>e.refreshToolbar(t),toggleToolbarDrawer:(e,t)=>{e.toggleToolbarDrawer(t)},toggleToolbarDrawerWithoutFocusing:(e,t)=>{e.toggleToolbarDrawerWithoutFocusing(t)},isToolbarDrawerToggled:(e,t)=>e.isToolbarDrawerToggled(t),getThrobber:(e,t)=>e.getThrobber(t),setMenubar:(e,t,o)=>{e.setMenubar(t,o)},focusMenubar:(e,t)=>{e.focusMenubar(t)},focusToolbar:(e,t)=>{e.focusToolbar(t)},setViews:(e,t,o)=>{e.setViews(t,o)},toggleView:(e,t,o)=>e.toggleView(t,o),whichView:(e,t)=>e.whichView(t)}});const TR={file:{title:"File",items:"newdocument restoredraft | preview | importword exportpdf exportword | export print | deleteallconversations"},edit:{title:"Edit",items:"undo redo | cut copy paste pastetext | selectall | searchreplace"},view:{title:"View",items:"code revisionhistory | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments"},insert:{title:"Insert",items:"image link media addcomment pageembed inserttemplate codesample inserttable accordion math | charmap emoticons hr | pagebreak nonbreaking anchor tableofcontents footnotes | mergetags | insertdatetime"},format:{title:"Format",items:"bold italic underline strikethrough superscript subscript codeformat | styles blocks fontfamily fontsize align lineheight | forecolor backcolor | language | removeformat"},tools:{title:"Tools",items:"aidialog aishortcuts | spellchecker spellcheckerlanguage | autocorrect capitalization | a11ycheck code typography wordcount addtemplate"},table:{title:"Table",items:"inserttable | cell row column | advtablesort | tableprops deletetable"},help:{title:"Help",items:"help"}},ER=e=>e.split(" "),AR=(e,t)=>{const o={...TR,...t.menus},n=re(t.menus).length>0,s=void 0===t.menubar||!0===t.menubar?ER("file edit view insert format tools table help"):ER(!1===t.menubar?"":t.menubar),a=P(s,(e=>{const o=be(TR,e);return n?o||fe(t.menus,e).exists((e=>be(e,"items"))):o})),i=L(a,(n=>{const s=o[n];return((e,t,o)=>{const n=sC(o).split(/[ ,]/);return{text:e.title,getItems:()=>q(e.items,(e=>{const o=e.toLowerCase();return 0===o.trim().length||R(n,(e=>e===o))?[]:"separator"===o||"|"===o?[{type:"separator"}]:t.menuItems[o]?[t.menuItems[o]]:[]}))}})({title:s.title,items:ER(s.items)},t,e)}));return P(i,(e=>e.getItems().length>0&&R(e.getItems(),(e=>r(e)||"separator"!==e.type))))},MR=(e,t,o)=>(e.on("remove",(()=>o.unload(t))),o.load(t)),DR=(e,t,o,n)=>(e.on("remove",(()=>n.unloadRawCss(t))),n.loadRawCss(t,o)),BR=e=>A.from(tinymce.Resource.get(e)).filter(r),IR=(e,t,o="")=>{const n=(e=>{const t=DC(e);return t?A.from(t):A.none()})(e)?.map((e=>((e,t)=>"ui/"+e+"/"+t)(e,`${t}.css`))),s=n.bind(BR);return Ue(n,s,((e,t)=>({_kind:"load-raw",key:e,css:t}))).getOrThunk((()=>{const n=e.editorManager.suffix;return{_kind:"load-stylesheet",url:o+`/${t}${n}.css`}}))},FR=(e,t)=>{const o=e.ui.styleSheetLoader,n=IR(e,"skin",t);switch(n._kind){case"load-raw":const{key:t,css:s}=n;return DR(e,t,s,o),Promise.resolve();case"load-stylesheet":const{url:r}=n;return MR(e,r,o);default:return Promise.resolve()}},RR=(e,t)=>{var o;if(o=ct(e.getElement()),!ko(o).isSome())return Promise.resolve();{const o=HS.DOM.styleSheetLoader,n=IR(e,"skin.shadowdom",t);switch(n._kind){case"load-raw":const{key:t,css:s}=n;return DR(e,t,s,o),Promise.resolve();case"load-stylesheet":const{url:r}=n;return MR(e,r,o);default:return Promise.resolve()}}},NR=(e,t)=>(async(e,t)=>{const o=FC(t);if(await((e,t,o)=>{const n=IR(e,t?"content.inline":"content",o);switch(n._kind){case"load-raw":const{key:s,css:r}=n;return t?DR(e,s,r,e.ui.styleSheetLoader):e.on("PostRender",(()=>{DR(e,s,r,e.dom.styleSheetLoader)})),Promise.resolve();case"load-stylesheet":const{url:a}=n;return o&&e.contentCSS.push(a),Promise.resolve();default:return Promise.resolve()}})(t,e,o),!BC(t)&&r(o))return Promise.all([FR(t,o),RR(t,o)]).then()})(e,t).then((e=>{const t=()=>{e._skinLoaded=!0,(e=>{e.dispatch("SkinLoaded")})(e)};return()=>{e.initialized?t():e.on("init",t)}})(t),(e=>()=>((e,t)=>{e.dispatch("SkinLoadError",t)})(e,{message:"Skin could not be loaded"}))(t)),zR=C(NR,!1),LR=C(NR,!0),VR=e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setText:t=>Rc(e,NB,{text:t}),setIcon:t=>Rc(e,zB,{icon:t})}),HR=e=>({setActive:t=>{Yb.set(e,t)},isActive:()=>Yb.isOn(e),isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setText:t=>Rc(e,NB,{text:t}),setIcon:t=>Rc(e,zB,{icon:t})}),PR=(e,t)=>e?.map((e=>({"aria-label":t.translate(e)}))).getOr({}),UR=Ne("focus-button"),WR=(e,t,o,n,s,r,a)=>{const i=t?.map((e=>dv(RB(e,"tox-tbtn",s)))),l=e?.map((e=>dv(FB(e,s.icons))));return{dom:{tag:"button",classes:["tox-tbtn"].concat(t.isSome()?["tox-tbtn--select"]:[]),attributes:{...PR(o,s),...g(a)?{"data-mce-name":a}:{}}},components:TA([l?.map((e=>e.asSpec())),i?.map((e=>e.asSpec()))]),eventOrder:{[pa()]:["focusing","alloy.base.behaviour",AB],[qa()]:[AB,"toolbar-group-button-events"],[Xa()]:[AB,"toolbar-group-button-events","tooltipping"]},buttonBehaviours:rd([gA((()=>s.checkUiComponentContext(r).shouldDisable)),kA((()=>s.checkUiComponentContext(r))),ud(AB,[Jc(((e,t)=>DB(e))),Wc(NB,((e,t)=>{i.bind((t=>t.getOpt(e))).each((e=>{Zm.set(e,[Og(s.translate(t.event.text))])}))})),Wc(zB,((e,t)=>{l.bind((t=>t.getOpt(e))).each((e=>{Zm.set(e,[FB(t.event.icon,s.icons)])}))})),Wc(pa(),((e,t)=>{t.event.prevent(),Fc(e,UR)}))])].concat(n.getOr([])))}},$R=(e,t,o,n)=>{var s;const r=ye(b),a=WR(e.icon,e.text,e.tooltip,A.none(),o,e.context,n);return _v.sketch({dom:a.dom,components:a.components,eventOrder:MB,buttonBehaviours:{...rd([ud("toolbar-button-events",[(i={onAction:e.onAction,getApi:t.getApi},ed(((e,t)=>{pA(i,e)((t=>{Rc(e,EB,{buttonApi:t}),i.onAction(t)}))}))),hA(t,r),fA(t,r)]),...e.tooltip?.map((t=>iv.config(o.tooltips.getConfig({tooltipText:o.translate(t)+e.shortcut?.map((e=>` (${DA(e)})`)).getOr("")})))).toArray(),gA((()=>!e.enabled||o.checkUiComponentContext(e.context).shouldDisable)),kA((()=>o.checkUiComponentContext(e.context)))].concat(t.toolbarButtonBehaviours)),[AB]:null===(s=a.buttonBehaviours)||void 0===s?void 0:s[AB]}});var i},GR=(e,t,o,n)=>$R(e,{toolbarButtonBehaviours:o.length>0?[ud("toolbarButtonWith",o)]:[],getApi:VR,onSetup:e.onSetup},t,n),jR=(e,t,o,n)=>$R(e,{toolbarButtonBehaviours:[Zm.config({}),Yb.config({toggleClass:"tox-tbtn--enabled",aria:{mode:"pressed"},toggleOnExecute:!1})].concat(o.length>0?[ud("toolbarToggleButtonWith",o)]:[]),getApi:HR,onSetup:e.onSetup},t,n),qR=(e,t,o)=>n=>Oe((e=>t.fetch(e)))?.map((s=>A.from(hD(Le(QM(Ne("menu-value"),s,(o=>{t.onItemAction(e(n),o)}),t.columns,t.presets,hO.CLOSE_ON_EXECUTE,t.select.getOr(T),o),{movement:eD(t.columns,t.presets),menuBehaviours:cA("auto"!==t.columns?[]:[Jc(((e,o)=>{lA(e,4,TO(t.presets)).each((({numRows:t,numColumns:o})=>{wm.setGridSize(e,t,o)}))}))])}))))),XR=e=>{Xx.getContent(e).each((e=>{Xn(e.element,".tox-toolbar-slider__input,.tox-toolbar-textfield").fold((()=>wm.focusIn(e)),Fo)}))},YR=Ne("forward-slide"),KR=Ne("backward-slide"),JR=Ne("change-slide-event"),QR="tox-pop--resizing",ZR=(e,t,o)=>ot(o)?e.translate(t):e.translate([t,e.translate(o)]),eN=(e,t)=>{const o=(o,s,r,a)=>{const i=e.shared.providers.translate(o.title);if("separator"===o.type)return A?.some({type:"separator",text:i});if("submenu"===o.type){const e=q(o.getStyleItems(),(e=>n(e,s,a)));return 0===s&&e.length<=0?A.none():A?.some({type:"nestedmenuitem",text:i,enabled:e.length>0,getSubmenuItems:()=>q(o.getStyleItems(),(e=>n(e,s,a)))})}return A?.some({type:"togglemenuitem",text:i,icon:o.icon,active:o.isSelected(a),enabled:!r,onAction:t.onAction(o),...o.getStylePreview().fold((()=>({})),(e=>({meta:{style:e}})))})},n=(e,n,s)=>{const r="formatter"===e.type&&t.isInvalid(e);return 0===n?r?[]:o(e,n,!1,s).toArray():o(e,n,r,s).toArray()},s=e=>{const o=t.getCurrentValue(),s=t.shouldHide?0:1;return q(e,(e=>n(e,s,o)))};return{validateItems:s,getFetch:(e,t)=>(o,n)=>{const r=t(),a=s(r);n(WB(a,hO.CLOSE_ON_EXECUTE,e,{isHorizontalMenu:!1,search:A.none()}))}}},tN=(e,t)=>{const o=t.dataset,n="basic"===o.type?()=>L(o.data,(e=>eF(e,t.isSelectedFor,t.getPreviewFor))):o.getData;return{items:eN(e,t),getStyleItems:n}},oN=(e,t,o,n,s,r)=>{const{items:a,getStyleItems:i}=tN(t,o),l=ye(o.tooltip);return VB({context:"mode:design",text:o.icon.isSome()?A.none():o.text,icon:o.icon,ariaLabel:A?.some(o.tooltip),tooltip:A.none(),role:A.none(),fetch:a.getFetch(t,i),onSetup:t=>{const r=o=>t.setTooltip(ZR(e,n(o.value),o.value));return e.on(s,r),vM(wM(e,"NodeChange",(t=>{const n=t.getComponent();o.updateText(n),tp.set(t.getComponent(),!e.selection.isEditable()||0===i().length)}))(t),(()=>e.off(s,r)))},getApi:e=>({getComponent:y(e),setTooltip:o=>{const n=t.shared.providers.translate(o);Go(e.element,"aria-label",n),l.set(o)}}),columns:1,presets:"normal",classes:o.icon.isSome()?[]:["bespoke"],dropdownBehaviours:[iv.config({...t.shared.providers.tooltips.getConfig({tooltipText:t.shared.providers.translate(o.tooltip),onShow:e=>{if(o.tooltip!==l.get()){const o=t.shared.providers.translate(l.get());iv.setComponents(e,t.shared.providers.tooltips.getComponents({tooltipText:o}))}}})})]},"tox-tbtn",t.shared,r)};var nN;!function(e){e[e.SemiColon=0]="SemiColon",e[e.Space=1]="Space"}(nN||(nN={}));const sN=(e,t,o)=>{const n=(s=((e,t)=>t===nN.SemiColon?e.replace(/;$/,"").split(";"):e.split(" "))(e.options.get(t),o),L(s,(e=>{let t=e,o=e;const n=e.split("=");return n.length>1&&(t=n[0],o=n[1]),{title:t,format:o}})));var s;return{type:"basic",data:n}},rN=y("Alignment {0}"),aN="left",iN=[{title:"Left",icon:"align-left",format:"alignleft",command:"JustifyLeft"},{title:"Center",icon:"align-center",format:"aligncenter",command:"JustifyCenter"},{title:"Right",icon:"align-right",format:"alignright",command:"JustifyRight"},{title:"Justify",icon:"align-justify",format:"alignjustify",command:"JustifyFull"}],lN=e=>{const t={type:"basic",data:iN};return{tooltip:ZR(e,rN(),aN),text:A.none(),icon:A?.some("align-left"),isSelectedFor:t=>()=>e.formatter.match(t),getCurrentValue:A.none,getPreviewFor:e=>A.none,onAction:t=>()=>$(iN,(e=>e.format===t.format)).each((t=>e.execCommand(t.command))),updateText:t=>{const o=$(iN,(t=>e.formatter.match(t.format))).fold(y(aN),(e=>e.title.toLowerCase()));Rc(t,zB,{icon:`align-${o}`}),((e,t)=>{e.dispatch("AlignTextUpdate",t)})(e,{value:o})},dataset:t,shouldHide:!1,isInvalid:t=>!e.formatter.canApply(t.format)}},cN=(e,t)=>{const o=t(),n=L(o,(e=>e.format));return A.from(e.formatter.closest(n)).bind((e=>$(o,(t=>t.format===e))))},dN=y("Block {0}"),uN="Paragraph",mN=e=>{const t=sN(e,"block_formats",nN.SemiColon);return{tooltip:ZR(e,dN(),uN),text:A?.some(uN),icon:A.none(),isSelectedFor:t=>()=>e.formatter.match(t),getCurrentValue:A.none,getPreviewFor:t=>()=>{const o=e.formatter.get(t);return o?A?.some({tag:o.length>0&&(o[0].inline||o[0].block)||"div",styles:e.dom.parseStyle(e.formatter.getCssText(t))}):A.none()},onAction:SM(e),updateText:o=>{const n=cN(e,(()=>t.data)).fold(y(uN),(e=>e.title));Rc(o,NB,{text:n}),((e,t)=>{e.dispatch("BlocksTextUpdate",t)})(e,{value:n})},dataset:t,shouldHide:!1,isInvalid:t=>!e.formatter.canApply(t.format)}},gN=y("Font {0}"),pN="System Font",hN=["-apple-system","Segoe UI","Roboto","Helvetica Neue","sans-serif"],fN=e=>{const t=e.split(/\s*,\s*/);return L(t,(e=>e.replace(/^['"]+|['"]+$/g,"")))},bN=(e,t)=>t.length>0&&X(t,(t=>e.indexOf(t.toLowerCase())>-1)),vN=e=>{const t=()=>{const t=e=>e?fN(e)[0]:"",n=e.queryCommandValue("FontName"),s=o.data,r=n?n.toLowerCase():"",a=MC(e),i=$(s,(e=>{const o=e.format;return o.toLowerCase()===r||t(o).toLowerCase()===t(r).toLowerCase()})).orThunk((()=>$e(((e,t)=>{if(0===e.indexOf("-apple-system")||t.length>0){const o=fN(e.toLowerCase());return bN(o,hN)||bN(o,t)}return!1})(r,a),{title:pN,format:r})));return{matchOpt:i,font:n}},o=sN(e,"font_family_formats",nN.SemiColon);return{tooltip:ZR(e,gN(),pN),text:A?.some(pN),icon:A.none(),isSelectedFor:e=>t=>t.exists((t=>t.format===e)),getCurrentValue:()=>{const{matchOpt:e}=t();return e},getPreviewFor:e=>()=>A?.some({tag:"div",styles:-1===e.indexOf("dings")?{"font-family":e}:{}}),onAction:t=>()=>{e.undoManager.transact((()=>{e.focus(),e.execCommand("FontName",!1,t.format)}))},updateText:o=>{const{matchOpt:n,font:s}=t(),r=n.fold(y(s),(e=>e.title));Rc(o,NB,{text:r}),((e,t)=>{e.dispatch("FontFamilyTextUpdate",t)})(e,{value:r})},dataset:o,shouldHide:!1,isInvalid:T}};var xN=tinymce.util.Tools.resolve("tinymce.util.VK");const yN=y("Font size {0}"),wN="12pt",SN={"8pt":"1","10pt":"2","12pt":"3","14pt":"4","18pt":"5","24pt":"6","36pt":"7"},CN={"xx-small":"7pt","x-small":"8pt",small:"10pt",medium:"12pt",large:"14pt","x-large":"18pt","xx-large":"24pt"},kN=(e,t)=>/[0-9.]+px$/.test(e)?((e,t)=>{const o=Math.pow(10,t);return Math.round(e*o)/o})(72*parseInt(e,10)/96,t||0)+"pt":fe(CN,e).getOr(e),ON=e=>fe(SN,e).getOr(""),_N=e=>{const t=()=>{let t=A.none();const o=n.data,s=e.queryCommandValue("FontSize");if(s)for(let e=3;t.isNone()&&e>=0;e--){const n=kN(s,e),r=ON(n);t=$(o,(e=>e.format===s||e.format===n||e.format===r))}return{matchOpt:t,size:s}},o=y(A.none),n=sN(e,"font_size_formats",nN.Space);return{tooltip:ZR(e,yN(),wN),text:A?.some(wN),icon:A.none(),isSelectedFor:e=>t=>t.exists((t=>t.format===e)),getPreviewFor:o,getCurrentValue:()=>{const{matchOpt:e}=t();return e},onAction:t=>()=>{e.undoManager.transact((()=>{e.focus(),e.execCommand("FontSize",!1,t.format)}))},updateText:o=>{const{matchOpt:n,size:s}=t(),r=n.fold(y(s),(e=>e.title));Rc(o,NB,{text:r}),((e,t)=>{e.dispatch("FontSizeTextUpdate",t)})(e,{value:r})},dataset:n,shouldHide:!1,isInvalid:T}},TN=e=>ot(e)?"Formats":"Format {0}",EN=(e,t)=>{const o="Formats";return{tooltip:ZR(e,TN(""),""),text:A?.some(o),icon:A.none(),isSelectedFor:t=>()=>e.formatter.match(t),getCurrentValue:A.none,getPreviewFor:t=>()=>{const o=e.formatter.get(t);return void 0!==o?A?.some({tag:o.length>0&&(o[0].inline||o[0].block)||"div",styles:e.dom.parseStyle(e.formatter.getCssText(t))}):A.none()},onAction:SM(e),updateText:t=>{const n=e=>YI(e)?q(e.items,n):KI(e)?[{title:e.title,format:e.format}]:[],s=q(ZI(e),n),r=cN(e,y(s)).fold(y({title:o,tooltipLabel:""}),(e=>({title:e.title,tooltipLabel:e.title})));Rc(t,NB,{text:r.title}),((e,t)=>{e.dispatch("StylesTextUpdate",t)})(e,{value:r.tooltipLabel})},shouldHide:oC(e),isInvalid:t=>!e.formatter.canApply(t.format),dataset:t}},AN=[{name:"history",items:["undo","redo"]},{name:"ai",items:["aidialog","aishortcuts"]},{name:"styles",items:["styles"]},{name:"formatting",items:["bold","italic"]},{name:"alignment",items:["alignleft","aligncenter","alignright","alignjustify"]},{name:"indentation",items:["outdent","indent"]},{name:"permanent pen",items:["permanentpen"]},{name:"comments",items:["addcomment"]}],MN=(e,t)=>(o,n,s,r)=>{const a=e(o).mapError((e=>Ar(e))).getOrDie();return t(a,n,s,r)},DN={button:MN(xE,((e,t,o,n)=>((e,t,o)=>GR(e,t,[],o))(e,t.shared.providers,n))),togglebutton:MN(SE,((e,t,o,n)=>((e,t,o)=>jR(e,t,[],o))(e,t.shared.providers,n))),menubutton:MN(HT,((e,t,o,n)=>tI(e,"tox-tbtn",t,A.none(),!1,n))),splitbutton:MN((e=>_r("SplitButton",oA,e)),((e,t,o,n)=>((e,t,o)=>{const n=ye(e.tooltip.getOr("")),s=e=>({isEnabled:()=>!tp.isDisabled(e),setEnabled:t=>tp.set(e,!t),setIconFill:(t,o)=>{Xn(e.element,`svg path[class="${t}"], rect[class="${t}"]`).each((e=>{Go(e,"fill",o)}))},setActive:t=>{Go(e.element,"aria-pressed",t),Xn(e.element,"span").each((o=>{e.getSystem().getByDom(o).each((e=>Yb.set(e,t)))}))},isActive:()=>Xn(e.element,"span").exists((t=>e.getSystem().getByDom(t).exists(Yb.isOn))),setText:t=>Xn(e.element,"span").each((o=>e.getSystem().getByDom(o).each((e=>Rc(e,NB,{text:t}))))),setIcon:t=>Xn(e.element,"span").each((o=>e.getSystem().getByDom(o).each((e=>Rc(e,zB,{icon:t}))))),setTooltip:o=>{const s=t.providers.translate(o);Go(e.element,"aria-label",s),n.set(o)}}),r=ye(b),a={getApi:s,onSetup:e.onSetup};return Qw.sketch({dom:{tag:"div",classes:["tox-split-button"],attributes:{"aria-pressed":!1,...PR(e.tooltip,t.providers),...g(o)?{"data-mce-name":o}:{}}},onExecute:t=>{const o=s(t);o.isEnabled()&&e.onAction(o)},onItemExecute:(e,t,o)=>{},splitDropdownBehaviours:rd([ud("split-dropdown-events",[Jc(((e,t)=>DB(e))),Wc(UR,fd.focus),hA(a,r),fA(a,r)]),mA((()=>t.providers.isDisabled()||t.providers.checkUiComponentContext(e.context).shouldDisable)),kA((()=>t.providers.checkUiComponentContext(e.context))),lv.config({}),...e.tooltip?.map((e=>iv.config({...t.providers.tooltips.getConfig({tooltipText:t.providers.translate(e),onShow:o=>{if(n.get()!==e){const e=t.providers.translate(n.get());iv.setComponents(o,t.providers.tooltips.getComponents({tooltipText:e}))}}})}))).toArray()]),eventOrder:{[qa()]:["alloy.base.behaviour","split-dropdown-events","tooltipping"],[Xa()]:["split-dropdown-events","tooltipping"]},toggleClass:"tox-tbtn--enabled",lazySink:t.getSink,fetch:qR(s,e,t.providers),parts:{menu:IO(0,e.columns,e.presets)},components:[Qw.parts.button(WR(e.icon,e.text,A.none(),A?.some([Yb.config({toggleClass:"tox-tbtn--enabled",toggleOnExecute:!1}),gA(T),kA(y({contextType:"any",shouldDisable:!1}))]),t.providers,e.context)),Qw.parts.arrow({dom:{tag:"button",classes:["tox-tbtn","tox-split-button__chevron"],innerHtml:iO("chevron-down",t.providers.icons)},buttonBehaviours:rd([mA(T),kA(y({contextType:"any",shouldDisable:!1}))])}),Qw.parts["aria-descriptor"]({text:t.providers.translate("To open the popup, press Shift+Enter")})]})})(e,t.shared,n))),grouptoolbarbutton:MN((e=>_r("GroupToolbarButton",tA,e)),((e,t,o,n)=>{const s=o.ui.registry.getAll().buttons,r={[Tc]:t.shared.header.isPositionedAtTop()?_c.TopToBottom:_c.BottomToTop};if(rC(o)===NS.floating)return((e,t,o,n,s)=>{const r=t.shared,a=ye(b),i={toolbarButtonBehaviours:[],getApi:VR,onSetup:e.onSetup},l=[ud("toolbar-group-button-events",[hA(i,a),fA(i,a)]),...e.tooltip?.map((e=>iv.config(t.shared.providers.tooltips.getConfig({tooltipText:t.shared.providers.translate(e)})))).toArray()];return Vx.sketch({lazySink:r.getSink,fetch:()=>Oe((t=>{t(L(o(e.items),eR))})),markers:{toggledClass:"tox-tbtn--enabled"},parts:{button:WR(e.icon,e.text,e.tooltip,A?.some(l),r.providers,e.context,s),toolbar:{dom:{tag:"div",classes:["tox-toolbar__overflow"],attributes:n}}}})})(e,t,(e=>IN(o,{buttons:s,toolbar:e,allowToolbarGroups:!1},t,A.none())),r,n);throw new Error("Toolbar groups are only supported when using floating toolbar mode")}))},BN={styles:(e,t)=>{const o={type:"advanced",...t.styles};return oN(e,t,EN(e,o),TN,"StylesTextUpdate","styles")},fontsize:(e,t)=>oN(e,t,_N(e),yN,"FontSizeTextUpdate","fontsize"),fontsizeinput:(e,t)=>((e,t,o,n)=>{let s=A.none();const r=wM(e,"NodeChange SwitchMode DisabledStateChange",(t=>{const n=t.getComponent();s=A?.some(n),o.updateInputValue(n),tp.set(n,!e.selection.isEditable()||qS(e))})),a=e=>({getComponent:y(e)}),i=ye(b),l=Ne("custom-number-input-events"),c=(e,t,n)=>{const r=s?.map((e=>Yh.getValue(e))).getOr(""),a=o.getNewValue(r,e),i=r.length-`${a}`.length,l=s?.map((e=>e.element.dom.selectionStart-i)),c=s?.map((e=>e.element.dom.selectionEnd-i));o.onAction(a,n),s.each((e=>{Yh.setValue(e,a),t&&(l.each((t=>e.element.dom.selectionStart=t)),c.each((t=>e.element.dom.selectionEnd=t)))}))},d=(e,t)=>c(((e,t)=>e-t),e,t),u=(e,t)=>c(((e,t)=>e+t),e,t),m=e=>po(e.element).fold(A.none,(e=>(Fo(e),A?.some(!0)))),p=e=>No(e.element)?(vo(e.element).each((e=>Fo(e))),A?.some(!0)):A.none(),h=(o,n,s,r)=>{const i=ye(b),l=t.shared.providers.translate(s),c=Ne("altExecuting"),d=wM(e,"NodeChange SwitchMode DisabledStateChange",(t=>{tp.set(t.getComponent(),!e.selection.isEditable()||qS(e))})),u=e=>{tp.isDisabled(e)||o(!0)};return _v.sketch({dom:{tag:"button",attributes:{"aria-label":l,"data-mce-name":n},classes:r.concat(n)},components:[IB(n,t.shared.providers.icons)],buttonBehaviours:rd([tp.config({}),iv.config(t.shared.providers.tooltips.getConfig({tooltipText:l})),ud(c,[hA({onSetup:d,getApi:a},i),fA({getApi:a},i),Wc(wa(),((e,t)=>{t.event.raw.keyCode!==xN.SPACEBAR&&t.event.raw.keyCode!==xN.ENTER||tp.isDisabled(e)||o(!1)})),Wc(Oa(),u),Wc(ma(),u)])]),eventOrder:{[wa()]:[c,"keying"],[Oa()]:[c,"alloy.base.behaviour"],[ma()]:[c,"alloy.base.behaviour"],[qa()]:["alloy.base.behaviour",c,"tooltipping"],[Xa()]:[c,"tooltipping"]}})},f=dv(h((e=>d(!1,e)),"minus","Decrease font size",[])),v=dv(h((e=>u(!1,e)),"plus","Increase font size",[])),x=dv({dom:{tag:"div",classes:["tox-input-wrapper"]},components:[Zx.sketch({inputBehaviours:rd([tp.config({}),ud(l,[hA({onSetup:r,getApi:a},i),fA({getApi:a},i)]),ud("input-update-display-text",[Wc(NB,((e,t)=>{Yh.setValue(e,t.event.text)})),Wc(ya(),(e=>{o.onAction(Yh.getValue(e))})),Wc(ka(),(e=>{o.onAction(Yh.getValue(e))}))]),wm.config({mode:"special",onEnter:e=>(c(w,!0,!0),A?.some(!0)),onEscape:m,onUp:e=>(u(!0,!1),A?.some(!0)),onDown:e=>(d(!0,!1),A?.some(!0)),onLeft:(e,t)=>(t.cut(),A.none()),onRight:(e,t)=>(t.cut(),A.none())})])})],behaviours:rd([fd.config({}),wm.config({mode:"special",onEnter:p,onSpace:p,onEscape:m}),ud("input-wrapper-events",[Wc(va(),(e=>{V([f,v],(t=>{const o=ct(t.get(e).element.dom);No(o)&&Ro(o)}))}))])])});return{dom:{tag:"div",classes:["tox-number-input"],attributes:{...g(n)?{"data-mce-name":n}:{}}},components:[f.asSpec(),x.asSpec(),v.asSpec()],behaviours:rd([fd.config({}),wm.config({mode:"flow",focusInside:Ei.OnEnterOrSpaceMode,cycles:!1,selector:"button, .tox-input-wrapper",onEscape:e=>No(e.element)?A.none():(Fo(e.element),A?.some(!0))})])}})(e,t,(e=>{const t=()=>e.queryCommandValue("FontSize");return{updateInputValue:e=>Rc(e,NB,{text:t()}),onAction:(t,o)=>e.execCommand("FontSize",!1,t,{skip_focus:!o}),getNewValue:(o,n)=>{Es(o,["unsupportedLength","empty"]);const s=t(),r=Es(o,["unsupportedLength","empty"]).or(Es(s,["unsupportedLength","empty"])),a=r?.map((e=>e.value)).getOr(16),i=fC(e),l=r?.map((e=>e.unit)).filter((e=>""!==e)).getOr(i),c=n(a,(e=>{var t;return null!==(t={em:{step:.1},cm:{step:.1},in:{step:.1},pc:{step:.1},ch:{step:.1},rem:{step:.1}}[e])&&void 0!==t?t:{step:1}})(l).step),d=`${(e=>e>=0)(c)?c:a}${l}`;return d!==s&&((e,t)=>{e.dispatch("FontSizeInputTextUpdate",t)})(e,{value:d}),d}}})(e),"fontsizeinput"),fontfamily:(e,t)=>oN(e,t,vN(e),gN,"FontFamilyTextUpdate","fontfamily"),blocks:(e,t)=>oN(e,t,mN(e),dN,"BlocksTextUpdate","blocks"),align:(e,t)=>oN(e,t,lN(e),rN,"AlignTextUpdate","align"),navigateback:(e,t)=>{const o=Tr(xE({type:"button",icon:"chevron-left",tooltip:"Back",onAction:b}));return GR(o,t.shared.providers,[Wc(EB,(e=>{Fc(e,KR)}))])}},IN=(e,t,o,n)=>{const s=(e=>{const t=e.toolbar,o=e.buttons;return!1===t?[]:void 0===t||!0===t?(e=>{const t=L(AN,(t=>{const o=P(t.items,(t=>be(e,t)||be(BN,t)));return{name:t.name,items:o}}));return P(t,(e=>e.items.length>0))})(o):r(t)?(e=>{const t=e.split("|");return L(t,(e=>({items:e.trim().split(" ")})))})(t):(e=>f(e,(e=>(be(e,"name")||be(e,"label"))&&be(e,"items"))))(t)?t:(console.error("Toolbar type should be string, string[], boolean or ToolbarGroup[]"),[])})(t),a=L(s,(s=>{const r=q(s.items,(s=>0===s.trim().length?[]:((e,t,o,n,s,r)=>fe(t,o.toLowerCase()).orThunk((()=>r.bind((e=>se(e,(e=>fe(t,e+o.toLowerCase()))))))).fold((()=>fe(BN,o.toLowerCase())?.map((t=>t(e,s)))),(t=>"grouptoolbarbutton"!==t.type||n?((e,t,o,n)=>fe(DN,e.type).fold((()=>(console.error("skipping button defined by",e),A.none())),(s=>A?.some(s(e,t,o,n)))))(t,s,e,o.toLowerCase()):(console.warn(`Ignoring the '${o}' toolbar button. Group toolbar buttons are only supported when using floating toolbar mode and cannot be nested.`),A.none()))))(e,t.buttons,s,t.allowToolbarGroups,o,n).toArray()));return{title:A.from(e.translate(s.name)),label:$e(void 0!==s.label,e.translate(s.label)),items:r}}));return P(a,(e=>e.items.length>0))},FN=(e,t,o,n)=>{const s=t.mainUi.outerContainer,a=o.toolbar,i=o.buttons;if(f(a,r)){const t=a?.map((t=>{const s={toolbar:t,buttons:i,allowToolbarGroups:o.allowToolbarGroups};return IN(e,s,n,A.none())}));_R.setToolbars(s,t)}else _R.setToolbar(s,IN(e,o,n,A.none()))},RN=Jt(),NN=RN.os.isiOS()&&RN.os.version.major<=12;var zN=Object.freeze({__proto__:null,render:(e,t,o,n,s)=>{const{mainUi:r,uiMotherships:a}=t,i=ye(0),l=r.outerContainer;zR(e);const d=ct(s.targetNode),u=Co(So(d));Lm(d,r.mothership),((e,t,o)=>{GC(e)&&Lm(o.mainUi.mothership.element,o.popupUi.mothership),zm(t,o.dialogUi.mothership)})(e,u,t),e.on("PostRender",(()=>{_R.setSidebar(l,o.sidebar,TC(e))})),e.on("SkinLoaded",(()=>{FN(e,t,o,n),i.set(e.getWin().innerWidth),_R.setMenubar(l,AR(e,o)),_R.setViews(l,o.views),((e,t)=>{const{uiMotherships:o}=t,n=e.dom;let s=e.getWin();const r=e.getDoc().documentElement,a=ye(Dn(s.innerWidth,s.innerHeight)),i=ye(Dn(r.offsetWidth,r.offsetHeight)),l=()=>{const t=a.get();t.left===s.innerWidth&&t.top===s.innerHeight||(a.set(Dn(s.innerWidth,s.innerHeight)),pM(e))},c=()=>{const t=e.getDoc().documentElement,o=i.get();o.left===t.offsetWidth&&o.top===t.offsetHeight||(i.set(Dn(t.offsetWidth,t.offsetHeight)),pM(e))},d=t=>{((e,t)=>{e.dispatch("ScrollContent",t)})(e,t)};n.bind(s,"resize",l),n.bind(s,"scroll",d);const u=Do(ct(e.getBody()),"load",c);e.on("hide",(()=>{V(o,(e=>{dn(e.element,"display","none")}))})),e.on("show",(()=>{V(o,(e=>{vn(e.element,"display")}))})),e.on("NodeChange",c),e.on("remove",(()=>{u.unbind(),n.unbind(s,"resize",l),n.unbind(s,"scroll",d),s=null}))})(e,t)}));const m=_R.getSocket(l).getOrDie("Could not find expected socket element");if(NN){un(m.element,{overflow:"scroll","-webkit-overflow-scrolling":"touch"});const t=(e=>{let t=null;return{cancel:()=>{c(t)||(clearTimeout(t),t=null)},throttle:(...o)=>{c(t)&&(t=setTimeout((()=>{t=null,e.apply(null,o)}),20))}}})((()=>{e.dispatch("ScrollContent")})),o=Mo(m.element,"scroll",t.throttle);e.on("remove",o.unbind)}CA(e,t),e.addCommand("ToggleSidebar",((t,o)=>{_R.toggleSidebar(l,o),(e=>{e.dispatch("ToggleSidebar")})(e)})),e.addQueryValueHandler("ToggleSidebar",(()=>{var e;return null!==(e=_R.whichSidebar(l))&&void 0!==e?e:""})),e.addCommand("ToggleView",((t,o)=>{if(_R.toggleView(l,o)){const t=l.element;r.mothership.broadcastOn([gv()],{target:t}),V(a,(e=>{e.broadcastOn([gv()],{target:t})})),c(_R.whichView(l))&&(e.focus(),e.nodeChanged(),_R.refreshToolbar(l)),(e=>{e.dispatch("ToggleView")})(e)}})),e.addQueryValueHandler("ToggleView",(()=>{var e;return null!==(e=_R.whichView(l))&&void 0!==e?e:""}));const g=rC(e);g!==NS.sliding&&g!==NS.floating||e.on("ResizeWindow ResizeEditor ResizeContent",(()=>{const o=e.getWin().innerWidth;o!==i.get()&&(_R.refreshToolbar(t.mainUi.outerContainer),i.set(o))}));const p={setEnabled:e=>{SA(t,e?"setEnabled":"setDisabled")},isEnabled:()=>!tp.isDisabled(l)};return{iframeContainer:m.element.dom,editorContainer:l.element.dom,api:p}}});const LN=e=>h(e)?e+"px":e,VN=(e,t,o)=>{const n=t.filter((t=>e<t)),s=o.filter((t=>e>t));return n.or(s).getOr(e)},HN=e=>{const t=YS(e),o=KS(e),n=QS(e);return(s=t,/^[0-9\.]+(|px)$/i.test(""+s)?A?.some(parseInt(""+s,10)):A.none())?.map((e=>VN(e,o,n)));var s},{ToolbarLocation:PN,ToolbarMode:UN}=qC,WN=(e,t,o,n,s)=>{const{mainUi:r,uiMotherships:a}=o,i=HS.DOM,l=PC(e),c=$C(e),d=QS(e).or(HN(e)),u=n.shared.header,m=u.isPositionedAtTop,g=rC(e),p=g===UN.sliding||g===UN.floating,h=ye(!1),f=()=>h.get()&&!e.removed,b=e=>p?e.fold(y(0),(e=>e.components().length>1?Sn(e.components()[1].element):0)):0,v=()=>{V(a,(e=>{e.broadcastOn([pv()],{})}))},x=o=>{if(!f())return;l||s.on((e=>{const o=d.getOrThunk((()=>Ms().width-Fn(t).left-10));dn(e.element,"max-width",o+"px")}));const n=Rn(),a=!(l||l||!(In(r.outerContainer.element).left+En(r.outerContainer.element)>=window.innerWidth-40||hn(r.outerContainer.element,"width").isSome())||(dn(r.outerContainer.element,"position","absolute"),dn(r.outerContainer.element,"left","0px"),vn(r.outerContainer.element,"width"),0));if(p&&_R.refreshToolbar(r.outerContainer),!l){const o=Rn(),i=$e(n.left!==o.left,n);((o,n)=>{s.on((s=>{const a=_R.getToolbar(r.outerContainer),i=b(a),l=Rs(t),c=((e,t)=>GC(e)?Hs(t):A.none())(e,r.outerContainer.element),d=c.fold((()=>l.x),(e=>{const t=Rs(e);return yt(e,rn())?l.x:l.x-t.x})),u=$e(o,Math.ceil(r.outerContainer.element.dom.getBoundingClientRect().width)).filter((e=>e>150))?.map((e=>{const t=n.getOr(Rn()),o=window.innerWidth-(d-t.left),s=Math.max(Math.min(e,o),150);return o<e&&dn(r.outerContainer.element,"width",s+"px"),{width:s+"px"}})).getOr({width:"max-content"}),g={position:"absolute",left:Math.round(d)+"px",top:c.fold((()=>m()?Math.max(l.y-Sn(s.element)+i,0):l.bottom),(e=>{var t;const o=Rs(e),n=null!==(t=e.dom.scrollTop)&&void 0!==t?t:0,r=yt(e,rn())?Math.max(l.y-Sn(s.element)+i,0):l.y-o.y+n-Sn(s.element)+i;return m()?r:l.bottom}))+"px"};un(r.outerContainer.element,{...g,...u})}))})(a,i),i.each((e=>{Nn(e.left,o.top)}))}c&&s.on(o),v()},w=()=>!(l||!c||!f())&&s.get().exists((o=>{const n=u.getDockingMode(),a=(o=>{switch(iC(e)){case PN.auto:const e=_R.getToolbar(r.outerContainer),n=b(e),s=Sn(o.element)-n,a=Rs(t);if(a.y>s)return"top";{const e=uo(t),o=Math.max(e.dom.scrollHeight,Sn(e));return a.bottom<o-s||Ls().bottom<a.bottom-s?"bottom":"top"}case PN.bottom:return"bottom";case PN.top:default:return"top"}})(o);return a!==n&&(i=a,s.on((e=>{Ep.setModes(e,[i]),u.setDockingMode(i);const t=m()?_c.TopToBottom:_c.BottomToTop;Go(e.element,Tc,t)})),!0);var i}));return{isVisible:f,isPositionedAtTop:m,show:()=>{h.set(!0),dn(r.outerContainer.element,"display","flex"),i.addClass(e.getBody(),"mce-edit-focus"),V(a,(e=>{vn(e.element,"display")})),w(),GC(e)?x((e=>Ep.isDocked(e)?Ep.reset(e):Ep.refresh(e))):x(Ep.refresh)},hide:()=>{h.set(!1),dn(r.outerContainer.element,"display","none"),i.removeClass(e.getBody(),"mce-edit-focus"),V(a,(e=>{dn(e.element,"display","none")}))},update:x,updateMode:()=>{w()&&x(Ep.reset)},repositionPopups:v}},$N=(e,t)=>{const o=Rs(e);return{pos:t?o.y:o.bottom,bounds:o}};var GN=Object.freeze({__proto__:null,render:(e,t,o,n,s)=>{const{mainUi:r}=t,a=Xe(),i=ct(s.targetNode),l=WN(e,i,t,n,a),c=dC(e);LR(e);const d=()=>{if(a.isSet())return void l.show();a.set(_R.getHeader(r.outerContainer).getOrDie());const s=UC(e);GC(e)?(Lm(i,r.mothership),Lm(i,t.popupUi.mothership)):zm(s,r.mothership),zm(s,t.dialogUi.mothership);const d=()=>{FN(e,t,o,n),_R.setMenubar(r.outerContainer,AR(e,o)),l.show(),((e,t,o,n)=>{const s=ye($N(t,o.isPositionedAtTop())),r=n=>{const{pos:r,bounds:a}=$N(t,o.isPositionedAtTop()),{pos:i,bounds:l}=s.get(),c=a.height!==l.height||a.width!==l.width;s.set({pos:r,bounds:a}),c&&pM(e,n),o.isVisible()&&(i!==r?o.update(Ep.reset):c&&(o.updateMode(),o.repositionPopups()))};n||(e.on("activate",o.show),e.on("deactivate",o.hide)),e.on("SkinLoaded ResizeWindow",(()=>o.update(Ep.reset))),e.on("NodeChange keydown",(e=>{requestAnimationFrame((()=>r(e)))}));let a=0;const i=nt((()=>o.update(Ep.refresh)),33);e.on("ScrollWindow",(()=>{const e=Rn().left;e!==a&&(a=e,i.throttle()),o.updateMode()})),GC(e)&&e.on("ElementScroll",(e=>{o.update(Ep.refresh)}));const l=qe();l.set(Do(ct(e.getBody()),"load",(e=>r(e.raw)))),e.on("remove",(()=>{l.clear()}))})(e,i,l,c),e.nodeChanged()};c?e.once("SkinLoaded",d):d()};e.on("show",d),e.on("hide",l.hide),c||(e.on("focus",d),e.on("blur",l.hide)),e.on("init",(()=>{(e.hasFocus()||c)&&d()})),CA(e,t);const u={show:d,hide:l.hide,setEnabled:e=>{SA(t,e?"setEnabled":"setDisabled")},isEnabled:()=>!tp.isDisabled(r.outerContainer)};return{editorContainer:r.outerContainer.element.dom,api:u}}});const jN="contexttoolbar-hide",qN=(e,t,o)=>({setInputEnabled:t=>{!t&&o&&Fo(o),tp.set(e,!t)},isInputEnabled:()=>!tp.isDisabled(e),hide:()=>{Fc(e,Ha())},back:()=>{Fc(e,KR)},getValue:()=>t.get().getOrThunk((()=>Yh.getValue(e))),setValue:o=>{e.getSystem().isConnected()?Yh.setValue(e,o):t.set(o)}}),XN=(e,t,o)=>Wc(EB,((n,s)=>{const r=e.get(n),a=qN(r,o,n.element);t.onAction(a,s.event.buttonApi)})),YN=(e,t,o,n)=>{const s=L(t,(t=>dv(((e,t,o,n)=>(e=>"contextformtogglebutton"===e.type)(t)?((e,t,o,n)=>{const{primary:s,...r}=t.original,a=Tr(SE({...r,type:"togglebutton",onAction:b}));return jR(a,o,[XN(e,t,n)])})(e,t,o,n):((e,t,o,n)=>{const{primary:s,...r}=t.original,a=Tr(xE({...r,type:"button",onAction:b}));return GR(a,o,[XN(e,t,n)])})(e,t,o,n))(e,t,o,n))));return{asSpecs:()=>L(s,(e=>e.asSpec())),findPrimary:e=>se(t,((t,o)=>t.primary?A.from(s[o]).bind((t=>t.getOpt(e))).filter(k(tp.isDisabled)):A.none()))}},KN=(e,t,o,n)=>{const{width:s,height:r}=e.initValue();let a=JB;const i=Ne("ratio-event"),l=e=>qN(e,n),c=e=>dO(e,{tag:"span",classes:["tox-icon","tox-lock-icon__"+e]},t.icons),d=()=>!1,u=e.label.getOr("Constrain proportions"),m=t.translate(u),g=jx.parts.lock({dom:{tag:"button",classes:["tox-lock","tox-lock-context-form-size-input","tox-button","tox-button--naked","tox-button--icon"],attributes:{"aria-label":m,"data-mce-name":u}},components:[c("lock"),c("unlock")],buttonBehaviours:rd([tp.config({disabled:d}),Pb.config({}),iv.config(t.tooltips.getConfig({tooltipText:m}))])}),p=e=>({dom:{tag:"div",classes:["tox-context-form__group"]},components:e}),h=e=>Gn(e.element,"div.tox-focusable-wrapper").fold(A.none,(e=>(Fo(e),A?.some(!0)))),f=e=>Ux.parts.field({factory:Zx,inputClasses:["tox-textfield","tox-toolbar-textfield","tox-textfield-size"],data:e?s:r,inputBehaviours:rd([tp.config({disabled:d}),Pb.config({}),ud("size-input-toolbar-events",[Wc(xa(),((t,o)=>{Rc(t,i,{isField1:e})}))]),wm.config({mode:"special",onEnter:o,onEscape:h})]),selectOnFocus:!1}),v=e=>({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}),x=e=>({dom:{tag:"div",classes:["tox-focusable-wrapper","tox-toolbar-nav-item"]},components:[e],behaviours:rd([Pb.config({}),fd.config({}),wm.config({mode:"special",onEnter:e=>Xn(e.element,"input").fold(A.none,(e=>(Fo(e),A?.some(!0))))})])}),y=x(jx.parts.field1(p([Ux.parts.label(v("Width:")),f(!0)]))),w=x(jx.parts.field2(p([Ux.parts.label(v("Height:")),f(!1)]))),S=ye(b),C=[hA({onBeforeSetup:e=>Xn(e.element,"input").each(Fo),onSetup:e.onSetup,getApi:l},S),bA({getApi:l},S,n)];return jx.sketch({dom:{tag:"div",classes:["tox-context-form__group"]},components:[y,p([g]),w],field1Name:"width",field2Name:"height",locked:!0,markers:{lockClass:"tox-locked"},onLockedChange:(e,t,o)=>{YB(Yh.getValue(e)).each((e=>{a(e).each((e=>{Yh.setValue(t,XB(e))}))}))},onInput:e=>Fc(e,kD),coupledFieldBehaviours:rd([fd.config({}),wm.config({mode:"flow",focusInside:Ei.OnEnterOrSpaceMode,cycles:!1,selector:"button, .tox-focusable-wrapper"}),tp.config({disabled:d,onDisabled:e=>{jx.getField1(e).bind(Ux.getField).each(tp.disable),jx.getField2(e).bind(Ux.getField).each(tp.disable),jx.getLock(e).each(tp.disable)},onEnabled:e=>{jx.getField1(e).bind(Ux.getField).each(tp.enable),jx.getField2(e).bind(Ux.getField).each(tp.enable),jx.getLock(e).each(tp.enable)}}),kA((()=>t.checkUiComponentContext("mode:design"))),ud("size-input-toolbar-events2",[Wc(i,((e,t)=>{const o=t.event.isField1,n=o?jx.getField1(e):jx.getField2(e),s=o?jx.getField2(e):jx.getField1(e),r=n?.map(Yh.getValue).getOr(""),i=s?.map(Yh.getValue).getOr("");a=QB(r,i)})),Wc(kD,(t=>e.onInput(l(t)))),...C])])})},JN=(e,t,o)=>Ux.sketch({dom:{tag:"div",classes:["tox-context-form__group"]},components:[...e.toArray(),t],fieldBehaviours:rd([tp.config({disabled:()=>o.checkUiComponentContext("mode:design").shouldDisable,onDisabled:e=>{(e=>{Lo(e.element).each((e=>{Gn(e,'[tabindex="-1"]').each((e=>{Fo(e)}))}))})(e),Ux.getField(e).each(tp.disable)},onEnabled:e=>{Ux.getField(e).each(tp.enable)}})])}),QN=(e,t,o,n)=>{const s=ye(b),r=e=>qN(e,n),a=e.label?.map((e=>Ux.parts.label({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}))),i=Ux.parts.field({factory:Zx,type:"range",inputClasses:["tox-toolbar-slider__input","tox-toolbar-nav-item"],inputAttributes:{min:String(e.min()),max:String(e.max())},data:e.initValue().toString(),fromInputValue:t=>(e=>{const t=parseFloat(e);return isNaN(t)?A.none():A?.some(t)})(t).getOr(e.min()),toInputValue:e=>String(e),inputBehaviours:rd([tp.config({disabled:()=>t.checkUiComponentContext("mode:design").shouldDisable}),kA((()=>t.checkUiComponentContext("mode:design"))),wm.config({mode:"special",onEnter:o,onLeft:(e,t)=>(t.cut(),A.none()),onRight:(e,t)=>(t.cut(),A.none())}),ud("slider-events",[hA({onSetup:e.onSetup,getApi:r,onBeforeSetup:wm.focusIn},s),bA({getApi:r},s,n),Wc(Ca(),(t=>{e.onInput(r(t))}))])])});return JN(a,i,t)},ZN=(e,t,o,n)=>{const s=ye(b),r=e=>qN(e,n),a=e.label?.map((e=>Ux.parts.label({dom:{tag:"label",classes:["tox-label"]},components:[Og(t.translate(e))]}))),i={...e.placeholder?.map((e=>({placeholder:t.translate(e)}))).getOr({})},l=Ux.parts.field({factory:Zx,inputClasses:["tox-toolbar-textfield","tox-toolbar-nav-item"],inputAttributes:i,data:e.initValue(),selectOnFocus:!0,inputBehaviours:rd([tp.config({disabled:()=>t.checkUiComponentContext("mode:design").shouldDisable}),kA((()=>t.checkUiComponentContext("mode:design"))),wm.config({mode:"special",onEnter:o,onLeft:(e,t)=>(t.cut(),A.none()),onRight:(e,t)=>(t.cut(),A.none())}),ud("input-events",[hA({onSetup:e.onSetup,getApi:e=>Gn(e.element,".tox-toolbar").bind((e=>Xn(e,"button:enabled"))).fold((()=>qN(e,n)),(t=>qN(e,n,t))),onBeforeSetup:wm.focusIn},s),bA({getApi:r},s,n),Wc(Ca(),(t=>{e.onInput(r(t))}))])])});return JN(a,l,t)},ez=(e,t,o)=>{const n=Xe(),s=dv(e(o,(e=>a.findPrimary(e).orThunk((()=>i.findPrimary(e)))?.map((e=>(Nc(e),!0)))),n)),r=H(t.commands,(e=>"start"===e.align)),a=YN(s,r.pass,o,n),i=YN(s,r.fail,o,n);return P([{title:A.none(),label:A.none(),items:a.asSpecs()},{title:A.none(),label:A.none(),items:[s.asSpec()]},{title:A.none(),label:A.none(),items:i.asSpecs()}],(e=>e.items.length>0))},tz=(e,t)=>{switch(e.type){case"contextform":return ez(C(ZN,e),e,t);case"contextsliderform":return ez(C(QN,e),e,t);case"contextsizeinputform":return ez(C(KN,e),e,t)}},oz=(e,t,o)=>t.bottom-e.y>=o&&e.bottom-t.y>=o,nz=e=>{const t=(e=>{const t=e.getBoundingClientRect();if(t.height<=0&&t.width<=0){const o=yo(ct(e.startContainer),e.startOffset).element;return(so(o)?go(o):A?.some(o)).filter(no)?.map((e=>e.dom.getBoundingClientRect())).getOr(t)}return t})(e.selection.getRng());if(e.inline){const e=Rn();return Fs(e.left+t.left,e.top+t.top,t.width,t.height)}{const o=Ns(ct(e.getBody()));return Fs(o.x+t.left,o.y+t.top,t.width,t.height)}},sz=(e,t,o,n=0)=>{const s=Ms(window),r=Rs(ct(e.getContentAreaContainer())),a=IC(e)||NC(e)||LC(e),{x:i,width:l}=((e,t,o)=>{const n=Math.max(e.x+o,t.x);return{x:n,width:Math.min(e.right-o,t.right)-n}})(r,s,n);if(e.inline&&!a)return Fs(i,s.y,l,s.height);{const a=t.header.isPositionedAtTop(),{y:c,bottom:d}=((e,t,o,n,s,r)=>{const a=ct(e.getContainer()),i=Xn(a,".tox-editor-header").getOr(a),l=Rs(i),c=l.y>=t.bottom,d=n&&!c;if(e.inline&&d)return{y:Math.max(l.bottom+r,o.y),bottom:o.bottom};if(e.inline&&!d)return{y:o.y,bottom:Math.min(l.y-r,o.bottom)};const u="line"===s?Rs(a):t;return d?{y:Math.max(l.bottom+r,o.y),bottom:Math.min(u.bottom-r,o.bottom)}:{y:Math.max(u.y+r,o.y),bottom:Math.min(l.y-r,o.bottom)}})(e,r,s,a,o,n);return Fs(i,c,l,d-c)}},rz={valignCentre:[],alignCentre:[],alignLeft:["tox-pop--align-left"],alignRight:["tox-pop--align-right"],right:["tox-pop--right"],left:["tox-pop--left"],bottom:["tox-pop--bottom"],top:["tox-pop--top"],inset:["tox-pop--inset"]},az={maxHeightFunction:kc(),maxWidthFunction:Oc()},iz=e=>"node"===e,lz=(e,t,o,n,s)=>{const r=nz(e),a=n.lastElement().exists((e=>yt(o,e)));return((e,t)=>{const o=e.selection.getRng(),n=yo(ct(o.startContainer),o.startOffset);return o.startContainer===o.endContainer&&o.startOffset===o.endOffset-1&&yt(n.element,t)})(e,o)?a?xc:pc:a?((e,o)=>{const s=hn(e,"position");dn(e,"position",o);const a=oz(r,Rs(t),-20)&&!n.isReposition()?wc:xc;return s.each((t=>dn(e,"position",t))),a})(t,n.getMode()):("fixed"===n.getMode()?s.y+Rn().top:s.y)+(Sn(t)+12)<=r.y?pc:hc},cz=(e,t,o,n)=>{const s=t=>(n,s,r,a,i)=>({...lz(e,a,t,o,i)({...n,y:i.y,height:i.height},s,r,a,i),alwaysFit:!0}),r=e=>iz(n)?[s(e)]:[];return t?{onLtr:e=>[jl,Pl,Ul,Wl,$l,Gl].concat(r(e)),onRtl:e=>[jl,Ul,Pl,$l,Wl,Gl].concat(r(e))}:{onLtr:e=>[Gl,jl,Wl,Pl,$l,Ul].concat(r(e)),onRtl:e=>[Gl,jl,$l,Ul,Wl,Pl].concat(r(e))}},dz=(e,t)=>{const o=P(t,(t=>t.predicate(e.dom))),{pass:n,fail:s}=H(o,(e=>"contexttoolbar"===e.type));return{contextToolbars:n,contextForms:s}},uz=(e,t)=>{const o={},n=[],s=[],r={},a={},i=re(e);return V(i,(i=>{const l=e[i];"contextform"===l.type||"contextsliderform"===l.type||"contextsizeinputform"===l.type?((e,i)=>{const l=Tr(_r("ContextForm",BE,i));o[e]=l,l.launch?.map((o=>{r["form:"+e]={...i.launch,type:"contextformtogglebutton"===o.type?"togglebutton":"button",onAction:()=>{t(l)}}})),"editor"===l.scope?s.push(l):n.push(l),a[e]=l})(i,l):"contexttoolbar"===l.type&&((e,o)=>{var i;(i=o,_r("ContextToolbar",FE,i)).each((i=>{i.launch.isSome()&&(r["toolbar:"+e]={...o.launch,type:"button",onAction:()=>{t(i)}}),"editor"===o.scope?s.push(i):n.push(i),a[e]=i}))})(i,l)})),{forms:o,inNodeScope:n,inEditorScope:s,lookupTable:a,formNavigators:r}},mz="tox-pop--transition",gz=(e,t,o,n)=>{const s=n.backstage,a=s.shared,i=Jt().deviceType.isTouch,l=Xe(),c=Xe(),d=Xe(),u=(e=>{const t=ye([]),o=Xx.sketch({dom:{tag:"div",classes:["tox-pop"]},fireDismissalEventInstead:{event:"doNotDismissYet"},onShow:e=>{t.set([]),Xx.getContent(e).each((e=>{vn(e.element,"visibility")})),ss(e.element,QR),vn(e.element,"width")},onHide:()=>{t.set([]),e.onHide()},inlineBehaviours:rd([ud("context-toolbar-events",[Kc(Ta(),((e,t)=>{"width"===t.event.raw.propertyName&&(ss(e.element,QR),vn(e.element,"width"))})),Wc(JR,((e,t)=>{const o=e.element;vn(o,"width");const n=Tn(o),s=Lo(e.element).isSome();vn(o,"left"),vn(o,"right"),vn(o,"max-width"),Xx.setContent(e,t.event.contents),os(o,QR);const r=Tn(o);dn(o,"transition","none"),Xx.reposition(e),vn(o,"transition"),dn(o,"width",n+"px"),t.event.focus.fold((()=>{s&&XR(e)}),(t=>{zo(So(e.element)).fold((()=>Fo(t)),(e=>{yt(e,t)||Fo(t)}))})),setTimeout((()=>{dn(e.element,"width",r+"px")}),0)})),Wc(YR,((e,o)=>{Xx.getContent(e).each((o=>{t.set(t.get().concat([{bar:o,focus:zo(So(e.element))}]))})),Rc(e,JR,{contents:o.event.forwardContents,focus:A.none()})})),Wc(KR,((o,n)=>{e.onBack(),oe(t.get()).each((e=>{t.set(t.get().slice(0,t.get().length-1)),Rc(o,JR,{contents:Mg(e.bar),focus:e.focus})}))}))]),wm.config({mode:"special",onEscape:o=>oe(t.get()).fold((()=>e.onEscape()),(e=>(Fc(o,KR),A?.some(!0))))})]),lazySink:()=>Ae.value(e.sink)});return{sketch:o,inSubtoolbar:()=>t.get().length>0}})({sink:o,onEscape:()=>(e.focus(),bM(e),A?.some(!0)),onHide:()=>{bM(e)},onBack:()=>{(e=>{e.dispatch("ContextFormSlideBack")})(e)}}),m=Ag(u.sketch),g=()=>{const t=d.get().getOr("node"),o=iz(t)?1:0;return sz(e,a,t,o)},p=()=>!(e.removed||i()&&s.isContextMenuOpen()),h=()=>{if(p()){const t=g(),o=He(d.get(),"node")?((e,t)=>t.filter((e=>sn(e)&&oo(e)))?.map(Ns).getOrThunk((()=>nz(e))))(e,l.get()):nz(e);return t.height<=0||!oz(o,t,.01)}return!0},f=()=>{l.clear(),c.clear(),d.clear(),Xx.hide(m)},v=()=>{if(Xx.isOpen(m)){const e=m.element;vn(e,"display"),h()?dn(e,"display","none"):(c.set(0),Xx.reposition(m))}},x=t=>({dom:{tag:"div",classes:["tox-pop__dialog"]},components:[t],behaviours:rd([wm.config({mode:"acyclic"}),ud("pop-dialog-wrap-events",[Jc((t=>{e.shortcuts.add("ctrl+F9","focus statusbar",(()=>wm.focusIn(t)))})),Qc((t=>{e.shortcuts.remove("ctrl+F9")}))])])}),y=e=>{const t=S([e]);Rc(m,YR,{forwardContents:x(t)})},w=st((()=>uz(t,y))),S=t=>{const{buttons:o}=e.ui.registry.getAll(),s={...o,...w().formNavigators},i=rC(e)===NS.scrolling?NS.scrolling:NS.default,l=j(L(t,(t=>{return"contexttoolbar"===t.type?((t,o)=>IN(e,{buttons:t,toolbar:o.items,allowToolbarGroups:!1},n.backstage,A?.some(["form:","toolbar:"])))(s,(o=t,{...o,launch:o.launch.getOrUndefined(),items:r(o.items)?o.items:L(o.items,RE)})):((e,t)=>tz(e,t))(t,a.providers);var o})));return rR({type:i,uid:Ne("context-toolbar"),initGroups:l,onEscape:A.none,cyclicKeying:!0,providers:a.providers})},C=(t,n)=>{if(O.cancel(),!p())return;const s=S(t),r=t[0].position,u=((t,n)=>{const s="node"===t?a.anchors.node(n):a.anchors.cursor(),r=((e,t,o,n)=>"line"===t?{bubble:wl(12,0,rz),layouts:{onLtr:()=>[ql],onRtl:()=>[Xl]},overrides:az}:{bubble:wl(0,12,rz,1/12),layouts:cz(e,o,n,t),overrides:az})(e,t,i(),{lastElement:l.get,isReposition:()=>He(c.get(),0),getMode:()=>Zf.getMode(o)});return Le(s,r)})(r,n);d.set(r),c.set(1);const f=m.element;vn(f,"display"),(e=>He(Ue(e,l.get(),yt),!0))(n)||(ss(f,mz),Zf.reset(o,m)),Xx.showWithinBounds(m,x(s),{anchor:u,transition:{classes:[mz],mode:"placement"}},(()=>A?.some(g()))),n.fold(l.clear,l.set),h()&&dn(f,"display","none")};let k=!1;const O=nt((()=>{!e.hasFocus()||e.removed||k||(rs(m.element,mz)?O.throttle():((e,t)=>{const o=ct(t.getBody()),n=e=>yt(e,o),s=ct(t.selection.getNode());return(e=>!n(e)&&!wt(o,e))(s)?A.none():((e,t,o)=>{const n=dz(e,t);if(n.contextForms.length>0)return A?.some({elem:e,toolbars:[n.contextForms[0]]});{const t=dz(e,o);if(t.contextForms.length>0)return A?.some({elem:e,toolbars:[t.contextForms[0]]});if(n.contextToolbars.length>0||t.contextToolbars.length>0){const o=(e=>{if(e.length<=1)return e;{const t=t=>R(e,(e=>e.position===t)),o=t=>P(e,(e=>e.position===t)),n=t("selection"),s=t("node");if(n||s){if(s&&n){const e=o("node"),t=L(o("selection"),(e=>({...e,position:"node"})));return e.concat(t)}return o(n?"selection":"node")}return o("line")}})(n.contextToolbars.concat(t.contextToolbars));return A?.some({elem:e,toolbars:o})}return A.none()}})(s,e.inNodeScope,e.inEditorScope).orThunk((()=>((e,t,o)=>e(t)?A.none():fs(t,(e=>{if(no(e)){const{contextToolbars:t,contextForms:n}=dz(e,o.inNodeScope),s=n.length>0?n:(e=>{if(e.length<=1)return e;{const t=t=>$(e,(e=>e.position===t));return t("selection").orThunk((()=>t("node"))).orThunk((()=>t("line")))?.map((e=>e.position)).fold((()=>[]),(t=>P(e,(e=>e.position===t))))}})(t);return s.length>0?A?.some({elem:e,toolbars:s}):A.none()}return A.none()}),e))(n,s,e)))})(w(),e).fold(f,(e=>{C(e.toolbars,A?.some(e.elem))})))}),17);e.on("init",(()=>{e.on("remove",f),e.on("ScrollContent ScrollWindow ObjectResized ResizeEditor longpress",v),e.on("click focus SetContent",O.throttle),e.on("keyup",(e=>{var t;((t=e.keyCode)!==xN.ENTER&&t!==xN.SPACEBAR||!u.inSubtoolbar())&&O.throttle()})),e.on(jN,f),e.on("contexttoolbar-show",(t=>{const o=w();fe(o.lookupTable,t.toolbarKey).each((o=>{C([o],$e(t.target!==e,t.target)),XR(m)}))})),e.on("focusout",(t=>{VS.setEditorTimeout(e,(()=>{Lo(o.element).isNone()&&Lo(m.element).isNone()&&!e.hasFocus()&&f()}),0)})),e.on("SwitchMode",(()=>{e.mode.isReadOnly()&&f()})),e.on("DisabledStateChange",(e=>{e.state&&f()})),e.on("ExecCommand",(({command:e})=>{"toggleview"===e.toLowerCase()&&f()})),e.on("AfterProgressState",(t=>{t.state?f():e.hasFocus()&&O.throttle()})),e.on("dragstart",(()=>{k=!0})),e.on("dragend drop",(()=>{k=!1})),e.on("NodeChange",(e=>{u.inSubtoolbar()?(dn(m.element,"transition","none"),v(),vn(m.element,"transition")):Lo(m.element).fold(O.throttle,b)}))}))},pz=(e,t)=>{const o=()=>{const o=t.getOptions(e),n=t.getCurrent(e)?.map(t.hash),s=Xe();return L(o,(o=>({type:"togglemenuitem",text:t.display(o),onSetup:r=>{const a=e=>{e&&(s.on((e=>e.setActive(!1))),s.set(r)),r.setActive(e)};a(He(n,t.hash(o)));const i=t.watcher(e,o,a);return()=>{s.clear(),i()}},onAction:()=>t.setCurrent(e,o)})))};e.ui.registry.addMenuButton(t.name,{tooltip:t.text,icon:t.icon,fetch:e=>e(o()),onSetup:t.onToolbarSetup}),e.ui.registry.addNestedMenuItem(t.name,{type:"nestedmenuitem",text:t.text,getSubmenuItems:o,onSetup:t.onMenuSetup})},hz=e=>{pz(e,(e=>({name:"lineheight",text:"Line height",icon:"line-height",getOptions:RC,hash:e=>(e=>Es(e,["fixed","relative","empty"])?.map((({value:e,unit:t})=>e+t)))(e).getOr(e),display:w,watcher:(e,t,o)=>e.formatter.formatChanged("lineheight",o,!1,{value:t}).unbind,getCurrent:e=>A.from(e.queryCommandValue("LineHeight")),setCurrent:(e,t)=>e.execCommand("LineHeight",!1,t),onToolbarSetup:xM(e),onMenuSetup:xM(e)}))(e)),(e=>A.from(nC(e))?.map((t=>({name:"language",text:"Language",icon:"language",getOptions:y(t),hash:e=>u(e.customCode)?e.code:`${e.code}/${e.customCode}`,display:e=>e.title,watcher:(e,t,o)=>{var n;return e.formatter.formatChanged("lang",o,!1,{value:t.code,customValue:null!==(n=t.customCode)&&void 0!==n?n:null}).unbind},getCurrent:e=>{const t=ct(e.selection.getNode());return bs(t,(e=>A?.some(e).filter(no).bind((e=>Xo(e,"lang")?.map((t=>({code:t,customCode:Xo(e,"data-mce-lang").getOrUndefined(),title:""})))))))},setCurrent:(e,t)=>e.execCommand("Lang",!1,t),onToolbarSetup:t=>{const o=qe();return t.setActive(e.formatter.match("lang",{},void 0,!0)),o.set(e.formatter.formatChanged("lang",t.setActive,!0)),vM(o.clear,xM(e)(t))},onMenuSetup:xM(e)}))))(e).each((t=>pz(e,t)))},fz=e=>wM(e,"NodeChange",(t=>{t.setEnabled(e.queryCommandState("outdent")&&e.selection.isEditable())})),bz=(e,t)=>o=>{o.setActive(t.get());const n=e=>{t.set(e.state),o.setActive(e.state)};return e.on("PastePlainTextToggle",n),vM((()=>e.off("PastePlainTextToggle",n)),xM(e)(o))},vz=(e,t)=>()=>{e.execCommand("mceToggleFormat",!1,t)},xz=e=>{(e=>{(e=>{nB.each([{name:"bold",text:"Bold",icon:"bold",shortcut:"Meta+B"},{name:"italic",text:"Italic",icon:"italic",shortcut:"Meta+I"},{name:"underline",text:"Underline",icon:"underline",shortcut:"Meta+U"},{name:"strikethrough",text:"Strikethrough",icon:"strike-through"},{name:"subscript",text:"Subscript",icon:"subscript"},{name:"superscript",text:"Superscript",icon:"superscript"}],((t,o)=>{e.ui.registry.addToggleButton(t.name,{tooltip:t.text,icon:t.icon,onSetup:yM(e,t.name),onAction:vz(e,t.name),shortcut:t.shortcut})}));for(let t=1;t<=6;t++){const o="h"+t,n=`Access+${t}`;e.ui.registry.addToggleButton(o,{text:o.toUpperCase(),tooltip:"Heading "+t,onSetup:yM(e,o),onAction:vz(e,o),shortcut:n})}})(e),(e=>{nB.each([{name:"copy",text:"Copy",action:"Copy",icon:"copy",context:"any"},{name:"help",text:"Help",action:"mceHelp",icon:"help",shortcut:"Alt+0",context:"any"},{name:"selectall",text:"Select all",action:"SelectAll",icon:"select-all",shortcut:"Meta+A",context:"any"},{name:"newdocument",text:"New document",action:"mceNewDocument",icon:"new-document"},{name:"print",text:"Print",action:"mcePrint",icon:"print",shortcut:"Meta+P",context:"any"}],(t=>{e.ui.registry.addButton(t.name,{tooltip:t.text,icon:t.icon,onAction:CM(e,t.action),shortcut:t.shortcut,context:t.context})})),nB.each([{name:"cut",text:"Cut",action:"Cut",icon:"cut"},{name:"paste",text:"Paste",action:"Paste",icon:"paste"},{name:"removeformat",text:"Clear formatting",action:"RemoveFormat",icon:"remove-formatting"},{name:"remove",text:"Remove",action:"Delete",icon:"remove"},{name:"hr",text:"Horizontal line",action:"InsertHorizontalRule",icon:"horizontal-rule"}],(t=>{e.ui.registry.addButton(t.name,{tooltip:t.text,icon:t.icon,onSetup:xM(e),onAction:CM(e,t.action)})}))})(e),(e=>{nB.each([{name:"blockquote",text:"Blockquote",action:"mceBlockQuote",icon:"quote"}],(t=>{e.ui.registry.addToggleButton(t.name,{tooltip:t.text,icon:t.icon,onAction:CM(e,t.action),onSetup:yM(e,t.name)})}))})(e)})(e),(e=>{nB.each([{name:"newdocument",text:"New document",action:"mceNewDocument",icon:"new-document"},{name:"copy",text:"Copy",action:"Copy",icon:"copy",shortcut:"Meta+C",context:"any"},{name:"selectall",text:"Select all",action:"SelectAll",icon:"select-all",shortcut:"Meta+A",context:"any"},{name:"print",text:"Print...",action:"mcePrint",icon:"print",shortcut:"Meta+P",context:"any"}],(t=>{e.ui.registry.addMenuItem(t.name,{text:t.text,icon:t.icon,shortcut:t.shortcut,onAction:CM(e,t.action),context:t.context})})),nB.each([{name:"bold",text:"Bold",action:"Bold",icon:"bold",shortcut:"Meta+B"},{name:"italic",text:"Italic",action:"Italic",icon:"italic",shortcut:"Meta+I"},{name:"underline",text:"Underline",action:"Underline",icon:"underline",shortcut:"Meta+U"},{name:"strikethrough",text:"Strikethrough",action:"Strikethrough",icon:"strike-through"},{name:"subscript",text:"Subscript",action:"Subscript",icon:"subscript"},{name:"superscript",text:"Superscript",action:"Superscript",icon:"superscript"},{name:"removeformat",text:"Clear formatting",action:"RemoveFormat",icon:"remove-formatting"},{name:"cut",text:"Cut",action:"Cut",icon:"cut",shortcut:"Meta+X"},{name:"paste",text:"Paste",action:"Paste",icon:"paste",shortcut:"Meta+V"},{name:"hr",text:"Horizontal line",action:"InsertHorizontalRule",icon:"horizontal-rule"}],(t=>{e.ui.registry.addMenuItem(t.name,{text:t.text,icon:t.icon,shortcut:t.shortcut,onSetup:xM(e),onAction:CM(e,t.action)})})),e.ui.registry.addMenuItem("codeformat",{text:"Code",icon:"sourcecode",onSetup:xM(e),onAction:vz(e,"code")})})(e)},yz=(e,t)=>wM(e,"Undo Redo AddUndo TypingUndo ClearUndos SwitchMode",(o=>{o.setEnabled(!e.mode.isReadOnly()&&e.undoManager[t]())})),wz=e=>wM(e,"VisualAid",(t=>{t.setActive(e.hasVisual)})),Sz=(e,t)=>{(e=>{V([{name:"alignleft",text:"Align left",cmd:"JustifyLeft",icon:"align-left"},{name:"aligncenter",text:"Align center",cmd:"JustifyCenter",icon:"align-center"},{name:"alignright",text:"Align right",cmd:"JustifyRight",icon:"align-right"},{name:"alignjustify",text:"Justify",cmd:"JustifyFull",icon:"align-justify"}],(t=>{e.ui.registry.addToggleButton(t.name,{tooltip:t.text,icon:t.icon,onAction:CM(e,t.cmd),onSetup:yM(e,t.name)})})),e.ui.registry.addButton("alignnone",{tooltip:"No alignment",icon:"align-none",onSetup:xM(e),onAction:CM(e,"JustifyNone")})})(e),xz(e),((e,t)=>{((e,t)=>{const o=tN(t,lN(e));e.ui.registry.addNestedMenuItem("align",{text:t.shared.providers.translate("Align"),onSetup:xM(e),getSubmenuItems:()=>o.items.validateItems(o.getStyleItems())})})(e,t),((e,t)=>{const o=tN(t,vN(e));e.ui.registry.addNestedMenuItem("fontfamily",{text:t.shared.providers.translate("Fonts"),onSetup:xM(e),getSubmenuItems:()=>o.items.validateItems(o.getStyleItems())})})(e,t),((e,t)=>{const o={type:"advanced",...t.styles},n=tN(t,EN(e,o));e.ui.registry.addNestedMenuItem("styles",{text:"Formats",onSetup:xM(e,(()=>n.getStyleItems().length>0)),getSubmenuItems:()=>n.items.validateItems(n.getStyleItems())})})(e,t),((e,t)=>{const o=tN(t,mN(e));e.ui.registry.addNestedMenuItem("blocks",{text:"Blocks",onSetup:xM(e),getSubmenuItems:()=>o.items.validateItems(o.getStyleItems())})})(e,t),((e,t)=>{const o=tN(t,_N(e));e.ui.registry.addNestedMenuItem("fontsize",{text:"Font sizes",onSetup:xM(e),getSubmenuItems:()=>o.items.validateItems(o.getStyleItems())})})(e,t)})(e,t),(e=>{(e=>{e.ui.registry.addMenuItem("undo",{text:"Undo",icon:"undo",shortcut:"Meta+Z",onSetup:yz(e,"hasUndo"),onAction:CM(e,"undo")}),e.ui.registry.addMenuItem("redo",{text:"Redo",icon:"redo",shortcut:"Meta+Y",onSetup:yz(e,"hasRedo"),onAction:CM(e,"redo")})})(e),(e=>{e.ui.registry.addButton("undo",{tooltip:"Undo",icon:"undo",enabled:!1,onSetup:yz(e,"hasUndo"),onAction:CM(e,"undo"),shortcut:"Meta+Z"}),e.ui.registry.addButton("redo",{tooltip:"Redo",icon:"redo",enabled:!1,onSetup:yz(e,"hasRedo"),onAction:CM(e,"redo"),shortcut:"Meta+Y"})})(e)})(e),(e=>{(e=>{e.addCommand("mceApplyTextcolor",((t,o)=>{((e,t,o)=>{e.undoManager.transact((()=>{e.focus(),e.formatter.apply(t,{value:o}),e.nodeChanged()}))})(e,t,o)})),e.addCommand("mceRemoveTextcolor",(t=>{((e,t)=>{e.undoManager.transact((()=>{e.focus(),e.formatter.remove(t,{value:null},void 0,!0),e.nodeChanged()}))})(e,t)}))})(e);const t=LM(e),o=VM(e),n=ye(t),s=ye(o);YM(e,"forecolor","forecolor",n),YM(e,"backcolor","hilitecolor",s),KM(e,"forecolor","forecolor","Text color",n),KM(e,"backcolor","hilitecolor","Background color",s)})(e),(e=>{(e=>{e.ui.registry.addButton("visualaid",{tooltip:"Visual aids",text:"Visual aids",onAction:CM(e,"mceToggleVisualAid"),context:"any"})})(e),(e=>{e.ui.registry.addToggleMenuItem("visualaid",{text:"Visual aids",onSetup:wz(e),onAction:CM(e,"mceToggleVisualAid"),context:"any"})})(e)})(e),(e=>{(e=>{e.ui.registry.addButton("outdent",{tooltip:"Decrease indent",icon:"outdent",onSetup:fz(e),onAction:CM(e,"outdent")}),e.ui.registry.addButton("indent",{tooltip:"Increase indent",icon:"indent",onSetup:xM(e),onAction:CM(e,"indent")})})(e)})(e),hz(e),(e=>{const t=ye(_C(e)),o=()=>e.execCommand("mceTogglePlainTextPaste");e.ui.registry.addToggleButton("pastetext",{active:!1,icon:"paste-text",tooltip:"Paste as text",onAction:o,onSetup:bz(e,t)}),e.ui.registry.addToggleMenuItem("pastetext",{text:"Paste as text",icon:"paste-text",onAction:o,onSetup:bz(e,t)})})(e),(e=>{e.ui.registry.addContext("editable",(()=>e.selection.isEditable())),e.ui.registry.addContext("mode",(t=>e.mode.get()===t)),e.ui.registry.addContext("any",E),e.ui.registry.addContext("formatting",(t=>e.formatter.canApply(t))),e.ui.registry.addContext("insert",(t=>e.schema.isValidChild(e.selection.getNode().tagName,t)))})(e)},Cz=e=>r(e)?e.split(/[ ,]/):e,kz=e=>t=>t.options.get(e),Oz=kz("contextmenu_never_use_native"),_z=kz("contextmenu_avoid_overlap"),Tz=e=>{const t=e.ui.registry.getAll().contextMenus,o=e.options.get("contextmenu");return e.options.isSet("contextmenu")?o:P(o,(e=>be(t,e)))},Ez=(e,t)=>({type:"makeshift",x:e,y:t}),Az=e=>"longpress"===e.type||0===e.type.indexOf("touch"),Mz=(e,t)=>"contextmenu"===t.type||"longpress"===t.type?e.inline?(e=>{if(Az(e)){const t=e.touches[0];return Ez(t.pageX,t.pageY)}return Ez(e.pageX,e.pageY)})(t):((e,t)=>{const o=HS.DOM.getPos(e);return((e,t,o)=>Ez(e.x+t,e.y+o))(t,o.x,o.y)})(e.getContentAreaContainer(),(e=>{if(Az(e)){const t=e.touches[0];return Ez(t.clientX,t.clientY)}return Ez(e.clientX,e.clientY)})(t)):Dz(e),Dz=e=>({type:"selection",root:ct(e.selection.getNode())}),Bz=(e,t,o)=>{switch(o){case"node":return(e=>({type:"node",node:A?.some(ct(e.selection.getNode())),root:ct(e.getBody())}))(e);case"point":return Mz(e,t);case"selection":return Dz(e)}},Iz=(e,t,o,n,s,r)=>{const a=o(),i=Bz(e,t,r);WB(a,hO.CLOSE_ON_EXECUTE,n,{isHorizontalMenu:!1,search:A.none()})?.map((e=>{t.preventDefault(),Xx.showMenuAt(s,{anchor:i},{menu:{markers:MO("normal")},data:e})}))},Fz={onLtr:()=>[jl,Pl,Ul,Wl,$l,Gl,pc,hc,gc,uc,mc,dc],onRtl:()=>[jl,Ul,Pl,$l,Wl,Gl,pc,hc,mc,dc,gc,uc]},Rz={valignCentre:[],alignCentre:[],alignLeft:["tox-pop--align-left"],alignRight:["tox-pop--align-right"],right:["tox-pop--right"],left:["tox-pop--left"],bottom:["tox-pop--bottom"],top:["tox-pop--top"]},Nz=(e,t,o,n,s,r)=>{const a=Jt(),i=a.os.isiOS(),l=a.os.isMacOS(),c=a.os.isAndroid(),d=a.deviceType.isTouch(),u=()=>{const a=o();((e,t,o,n,s,r,a)=>{const i=((e,t,o)=>{const n=Bz(e,t,o);return{bubble:wl(0,"point"===o?12:0,Rz),layouts:Fz,overrides:{maxWidthFunction:Oc(),maxHeightFunction:kc()},...n}})(e,t,r);WB(o,hO.CLOSE_ON_EXECUTE,n,{isHorizontalMenu:!0,search:A.none()})?.map((o=>{t.preventDefault();const l=a?Ac.HighlightMenuAndItem:Ac.HighlightNone;Xx.showMenuWithinBounds(s,{anchor:i},{menu:{markers:MO("normal"),highlightOnOpen:l},data:o,type:"horizontal"},(()=>A?.some(sz(e,n.shared,"node"===r?"node":"selection")))),e.dispatch(jN)}))})(e,t,a,n,s,r,!(c||i||l&&d))};if((l||i)&&"node"!==r){const o=()=>{(e=>{const t=e.selection.getRng(),o=()=>{VS.setEditorTimeout(e,(()=>{e.selection.setRng(t)}),10),r()};e.once("touchend",o);const n=e=>{e.preventDefault(),e.stopImmediatePropagation()};e.on("mousedown",n,!0);const s=()=>r();e.once("longpresscancel",s);const r=()=>{e.off("touchend",o),e.off("longpresscancel",s),e.off("mousedown",n)}})(e),u()};((e,t)=>{const o=e.selection;if(o.isCollapsed()||t.touches.length<1)return!1;{const n=t.touches[0],s=o.getRng();return Os(e.getWin(),Ss.domRange(s)).exists((e=>e.left<=n.clientX&&e.right>=n.clientX&&e.top<=n.clientY&&e.bottom>=n.clientY))}})(e,t)?o():(e.once("selectionchange",o),e.once("touchend",(()=>e.off("selectionchange",o))))}else u()},zz=e=>r(e)?"|"===e:"separator"===e.type,Lz={type:"separator"},Vz=e=>{const t=e=>({text:e.text,icon:e.icon,enabled:e.enabled,shortcut:e.shortcut});if(r(e))return e;switch(e.type){case"separator":return Lz;case"submenu":return{type:"nestedmenuitem",...t(e),getSubmenuItems:()=>{const t=e.getSubmenuItems();return r(t)?t:L(t,Vz)}};default:const o=e;return{type:"menuitem",...t(o),onAction:v(o.onAction)}}},Hz=(e,t)=>{if(0===t.length)return e;const o=oe(e).filter((e=>!zz(e))).fold((()=>[]),(e=>[Lz]));return e.concat(o).concat(t).concat([Lz])},Pz=(e,t)=>!(e=>"longpress"===e.type||be(e,"touches"))(t)&&(2!==t.button||t.target===e.getBody()&&""===t.pointerType),Uz=(e,t)=>Pz(e,t)?e.selection.getStart(!0):t.target,Wz=(e,t,o)=>{const n=Jt().deviceType.isTouch,s=Ag(Xx.sketch({dom:{tag:"div"},lazySink:t,onEscape:()=>e.focus(),onShow:()=>o.setContextMenuState(!0),onHide:()=>o.setContextMenuState(!1),fireDismissalEventInstead:{},inlineBehaviours:rd([ud("dismissContextMenu",[Wc(Ya(),((t,o)=>{bb.close(t),e.focus()}))])])})),a=()=>Xx.hide(s),i=t=>{if(Oz(e)&&t.preventDefault(),((e,t)=>t.ctrlKey&&!Oz(e))(e,t)||(e=>0===Tz(e).length)(e))return;const a=((e,t)=>{const o=_z(e),n=Pz(e,t)?"selection":"point";if(tt(o)){const s=Uz(e,t);return ps(ct(s),o)?"node":n}return n})(e,t);(n()?Nz:Iz)(e,t,(()=>{const o=Uz(e,t),n=e.ui.registry.getAll(),s=Tz(e);return((e,t,o)=>{const n=W(t,((t,n)=>fe(e,n.toLowerCase())?.map((e=>{const n=e.update(o);if(r(n)&&tt(et(n)))return Hz(t,n.split(" "));if(l(n)&&n.length>0){const e=L(n,Vz);return Hz(t,e)}return t})).getOrThunk((()=>t.concat([n])))),[]);return n.length>0&&zz(n[n.length-1])&&n.pop(),n})(n.contextMenus,s,o)}),o,s,a)};e.on("init",(()=>{const t="ResizeEditor ScrollContent ScrollWindow longpresscancel"+(n()?"":" ResizeWindow");e.on(t,a),e.on("longpress contextmenu",i)}))},$z=(e,t,o,n,s,r)=>e.fold((()=>Th.snap({sensor:Vp(o-20,n-20),range:Dn(s,r),output:Vp(A?.some(o),A?.some(n)),extra:{td:t}})),(e=>{const s=o-20,r=n-20,a=e.element.dom.getBoundingClientRect();return Th.snap({sensor:Vp(s,r),range:Dn(40,40),output:Vp(A?.some(o-a.width/2),A?.some(n-a.height/2)),extra:{td:t}})})),Gz=(e,t,o)=>({getSnapPoints:e,leftAttr:"data-drag-left",topAttr:"data-drag-top",onSensor:(e,n)=>{const s=n.td;((e,t)=>e.exists((e=>yt(e,t))))(t.get(),s)||(t.set(s),o(s))},mustSnap:!0}),jz=e=>dv(_v.sketch({dom:{tag:"div",classes:["tox-selector"]},buttonBehaviours:rd([Th.config({mode:"mouseOrTouch",blockerClass:"blocker",snaps:e}),lv.config({})]),eventOrder:{mousedown:["dragging","alloy.base.behaviour"],touchstart:["dragging","alloy.base.behaviour"]}})),qz=(e,t)=>{const o=ye([]),n=ye([]),s=ye(!1),r=Xe(),a=Xe(),i=e=>{const o=Ns(e);return $z(u.getOpt(t),e,o.x,o.y,o.width,o.height)},l=e=>{const o=Ns(e);return $z(m.getOpt(t),e,o.right,o.bottom,o.width,o.height)},c=Gz((()=>L(o.get(),(e=>i(e)))),r,(t=>{a.get().each((o=>{e.dispatch("TableSelectorChange",{start:t,finish:o})}))})),d=Gz((()=>L(n.get(),(e=>l(e)))),a,(t=>{r.get().each((o=>{e.dispatch("TableSelectorChange",{start:o,finish:t})}))})),u=jz(c),m=jz(d),g=Ag(u.asSpec()),p=Ag(m.asSpec()),h=(t,o,n,s)=>{const r=n(o);Th.snapTo(t,r),((t,o)=>{const n=o.dom.getBoundingClientRect();vn(t.element,"display");const r=mo(ct(e.getBody())).dom.innerHeight,a=n[s]<0,i=((e,t)=>e[s]>t)(n,r);(a||i)&&dn(t.element,"display","none")})(t,o)},f=e=>h(g,e,i,"top"),b=e=>h(p,e,l,"bottom");if(Jt().deviceType.isTouch()){const i=e=>L(e,ct);e.on("TableSelectionChange",(e=>{s.get()||(Bm(t,g),Bm(t,p),s.set(!0));const l=ct(e.start),c=ct(e.finish);r.set(l),a.set(c),A.from(e.otherCells).each((e=>{o.set(i(e.upOrLeftCells)),n.set(i(e.downOrRightCells)),f(l),b(c)}))})),e.on("ResizeEditor ResizeWindow ScrollContent",(()=>{r.get().each(f),a.get().each(b)})),e.on("TableSelectionClear",(()=>{s.get()&&(Rm(g),Rm(p),s.set(!1)),r.clear(),a.clear()}))}},Xz=(e,t,o)=>{var n;const s=null!==(n=t.delimiter)&&void 0!==n?n:"\u203a";return{dom:{tag:"div",classes:["tox-statusbar__path"],attributes:{role:"navigation"}},behaviours:rd([wm.config({mode:"flow",selector:"div[role=button]"}),tp.config({disabled:o.isDisabled}),kA((()=>o.checkUiComponentContext("any"))),Pb.config({}),Zm.config({}),ud("elementPathEvents",[Jc(((t,n)=>{e.shortcuts.add("alt+F11","focus statusbar elementpath",(()=>wm.focusIn(t))),e.on("NodeChange",(n=>{const r=(t=>{const o=[];let n=t.length;for(;n-- >0;){const r=t[n];if(1===r.nodeType&&"BR"!==(s=r).nodeName&&!s.getAttribute("data-mce-bogus")&&"bookmark"!==s.getAttribute("data-mce-type")){const t=fM(e,r);if(t.isDefaultPrevented()||o.push({name:t.name,element:r}),t.isPropagationStopped())break}}var s;return o})(n.parents),a=r.length>0?W(r,((t,n,r)=>{const a=((t,n,s)=>_v.sketch({dom:{tag:"div",classes:["tox-statusbar__path-item"],attributes:{"data-index":s}},components:[Og(t)],action:t=>{e.focus(),e.selection.select(n),e.nodeChanged()},buttonBehaviours:rd([iv.config({...o.tooltips.getConfig({tooltipText:o.translate(["Select the {0} element",n.nodeName.toLowerCase()]),onShow:(e,t)=>{((e,t)=>{const o=A.from(qo(e,"id")).getOrThunk((()=>{const e=Ne("aria");return Go(t,"id",e),e}));Go(e,"aria-describedby",o)})(e.element,t.element)},onHide:e=>{var t;t=e.element,Ko(t,"aria-describedby")}})}),uA(o.isDisabled),kA((()=>o.checkUiComponentContext("any")))])}))(n.name,n.element,r);return 0===r?t.concat([a]):t.concat([{dom:{tag:"div",classes:["tox-statusbar__path-divider"],attributes:{"aria-hidden":!0}},components:[Og(` ${s} `)]},a])}),[]):[];Zm.set(t,a)}))}))])]),components:[]}};var Yz;!function(e){e[e.None=0]="None",e[e.Both=1]="Both",e[e.Vertical=2]="Vertical"}(Yz||(Yz={}));const Kz=(e,t,o)=>{const n=ct(e.getContainer()),s=((e,t,o,n,s)=>{const r={height:VN(n+t.top,JS(e),ZS(e))};return o===Yz.Both&&(r.width=VN(s+t.left,KS(e),QS(e))),r})(e,t,o,Sn(n),Tn(n));ie(s,((e,t)=>{h(e)&&dn(n,t,LN(e))})),(e=>{e.dispatch("ResizeEditor")})(e)},Jz=(e,t,o,n)=>{const s=Dn(20*o,20*n);return Kz(e,s,t),A?.some(!0)},Qz=(e,t)=>{const o=()=>{const o=[],n=AC(e),s=CC(e),r=kC(e)||e.hasPlugin("wordcount");return s&&o.push(Xz(e,{},t)),n&&o.push((()=>{const e=DA("Alt+0");return{dom:{tag:"div",classes:["tox-statusbar__help-text"]},components:[Og(tO.translate(["Press {0} for help",e]))]}})()),r&&o.push((()=>{const o=[];return e.hasPlugin("wordcount")&&o.push(((e,t)=>{const o=(e,o,n)=>Zm.set(e,[Og(t.translate(["{0} "+n,o[n]]))]);return _v.sketch({dom:{tag:"button",classes:["tox-statusbar__wordcount"]},components:[],buttonBehaviours:rd([uA(t.isDisabled),kA((()=>t.checkUiComponentContext("any"))),Pb.config({}),Zm.config({}),Yh.config({store:{mode:"memory",initialValue:{mode:"words",count:{words:0,characters:0}}}}),ud("wordcount-events",[ed((e=>{const t=Yh.getValue(e),n="words"===t.mode?"characters":"words";Yh.setValue(e,{mode:n,count:t.count}),o(e,t.count,n)})),Jc((t=>{e.on("wordCountUpdate",(e=>{const{mode:n}=Yh.getValue(t);Yh.setValue(t,{mode:n,count:e.wordCount}),o(t,e.wordCount,n)}))}))])]),eventOrder:{[Na()]:["disabling","alloy.base.behaviour","wordcount-events"]}})})(e,t)),kC(e)&&o.push({dom:{tag:"span",classes:["tox-statusbar__branding"]},components:[{dom:{tag:"a",attributes:{href:"https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v7",rel:"noopener",target:"_blank","aria-label":e.translate(["Build with {0}","TinyMCE"])},innerHtml:e.translate(["Build with {0}",'<svg height="16" viewBox="0 0 80 16" width="80" xmlns="http://www.w3.org/2000/svg"><g opacity=".8"><path d="m80 3.537v-2.202h-7.976v11.585h7.976v-2.25h-5.474v-2.621h4.812v-2.069h-4.812v-2.443zm-10.647 6.929c-.493.217-1.13.337-1.864.337s-1.276-.156-1.805-.47a3.732 3.732 0 0 1 -1.3-1.298c-.324-.554-.48-1.191-.48-1.877s.156-1.335.48-1.877a3.635 3.635 0 0 1 1.3-1.299 3.466 3.466 0 0 1 1.805-.481c.65 0 .914.06 1.263.18.36.12.698.277.986.47.289.192.578.384.842.6l.12.085v-2.586l-.023-.024c-.385-.35-.855-.614-1.384-.818-.53-.205-1.155-.313-1.877-.313-.721 0-1.6.144-2.333.445a5.773 5.773 0 0 0 -1.937 1.251 5.929 5.929 0 0 0 -1.324 1.9c-.324.735-.48 1.565-.48 2.455s.156 1.72.48 2.454c.325.734.758 1.383 1.324 1.913.553.53 1.215.938 1.937 1.25a6.286 6.286 0 0 0 2.333.434c.819 0 1.384-.108 1.961-.313.59-.216 1.083-.505 1.468-.866l.024-.024v-2.49l-.12.096c-.41.337-.878.626-1.396.866zm-14.869-4.15-4.8-5.04-.024-.025h-.902v11.67h2.502v-6.847l2.827 3.08.385.409.397-.41 2.791-3.067v6.845h2.502v-11.679h-.902l-4.788 5.052z"/><path clip-rule="evenodd" d="m15.543 5.137c0-3.032-2.466-5.113-4.957-5.137-.36 0-.745.024-1.094.096-.157.024-3.85.758-3.85.758-3.032.602-4.62 2.466-4.704 4.788-.024.89-.024 4.27-.024 4.27.036 3.165 2.406 5.138 5.017 5.126.337 0 1.119-.109 1.287-.145.144-.024.385-.084.746-.144.661-.12 1.684-.325 3.067-.602 2.37-.409 4.103-2.009 4.44-4.33.156-1.023.084-4.692.084-4.692zm-3.213 3.308-2.346.457v2.31l-5.859 1.143v-5.75l2.346-.458v3.441l3.513-.686v-3.44l-3.513.685v-2.297l5.859-1.143v5.75zm20.09-3.296-.083-1.023h-2.13v8.794h2.346v-4.884c0-1.107.95-1.985 2.057-1.997 1.095 0 1.901.89 1.901 1.997v4.884h2.346v-5.245c-.012-2.105-1.588-3.777-3.67-3.765a3.764 3.764 0 0 0 -2.778 1.25l.012-.011zm-6.014-4.102 2.346-.458v2.298l-2.346.457z" fill-rule="evenodd"/><path d="m28.752 4.126h-2.346v8.794h2.346z"/><path clip-rule="evenodd" d="m43.777 15.483 4.043-11.357h-2.418l-1.54 4.355-.445 1.324-.36-1.324-1.54-4.355h-2.418l3.151 8.794-1.083 3.08zm-21.028-5.51c0 .722.541 1.034.878 1.034s.638-.048.95-.144l.518 1.708c-.217.145-.879.518-2.13.518a2.565 2.565 0 0 1 -2.562-2.587c-.024-1.082-.024-2.49 0-4.21h-1.54v-2.142h1.54v-1.912l2.346-.458v2.37h2.201v2.142h-2.2v3.693-.012z" fill-rule="evenodd"/></g></svg>\n'.trim()])},behaviours:rd([fd.config({})])}]}),{dom:{tag:"div",classes:["tox-statusbar__right-container"]},components:o}})()),o.length>0?[{dom:{tag:"div",classes:["tox-statusbar__text-container",...(()=>{const e="tox-statusbar__text-container--flex-start",t="tox-statusbar__text-container--flex-end";if(n){const o="tox-statusbar__text-container-3-cols";return r||s?r&&!s?[o,t]:[o,e]:[o,"tox-statusbar__text-container--space-around"]}return[r&&!s?t:e]})()]},components:o}]:[]};return{dom:{tag:"div",classes:["tox-statusbar"]},components:(()=>{const n=o(),s=((e,t)=>{const o=(e=>{const t=OC(e);return!1===t?Yz.None:"both"===t?Yz.Both:Yz.Vertical})(e);if(o===Yz.None)return A.none();const n=o===Yz.Both?"Press the arrow keys to resize the editor.":"Press the Up and Down arrow keys to resize the editor.",s=o===Yz.Both?"tox-statusbar__resize-cursor-both":"tox-statusbar__resize-cursor-default";return A?.some(dO("resize-handle",{tag:"div",classes:["tox-statusbar__resize-handle",s],attributes:{"aria-label":t.translate(n),"data-mce-name":"resize-handle"},behaviours:[Th.config({mode:"mouse",repositionTarget:!1,onDrag:(t,n,s)=>Kz(e,s,o),blockerClass:"tox-blocker"}),wm.config({mode:"special",onLeft:()=>Jz(e,o,-1,0),onRight:()=>Jz(e,o,1,0),onUp:()=>Jz(e,o,0,-1),onDown:()=>Jz(e,o,0,1)}),Pb.config({}),fd.config({}),iv.config(t.tooltips.getConfig({tooltipText:t.translate("Resize")}))]},t.icons))})(e,t);return n.concat(s.toArray())})()}},Zz=(e,t)=>t.get().getOrDie(`UI for ${e} has not been rendered`),eL=(e,t)=>{const o=e.inline,n=o?GN:zN,s=$C(e)?UF:BF,r=(()=>{const e=Xe(),t=Xe(),o=Xe();return{dialogUi:e,popupUi:t,mainUi:o,getUiMotherships:()=>{const o=e.get()?.map((e=>e.mothership)),n=t.get()?.map((e=>e.mothership));return o.fold((()=>n.toArray()),(e=>n.fold((()=>[e]),(t=>yt(e.element,t.element)?[e]:[e,t]))))},lazyGetInOuterOrDie:(e,t)=>()=>o.get().bind((e=>t(e.outerContainer))).getOrDie(`Could not find ${e} element in OuterContainer`)}})(),a=Xe(),i=Xe(),l=Xe(),c=Jt().deviceType.isTouch()?["tox-platform-touch"]:[],d=VC(e),u=rC(e),m=dv({dom:{tag:"div",classes:["tox-anchorbar"]}}),g=dv({dom:{tag:"div",classes:["tox-bottom-anchorbar"]}}),p=()=>r.mainUi.get()?.map((e=>e.outerContainer)).bind(_R.getHeader),h=r.lazyGetInOuterOrDie("anchor bar",m.getOpt),f=r.lazyGetInOuterOrDie("bottom anchor bar",g.getOpt),b=r.lazyGetInOuterOrDie("toolbar",_R.getToolbar),v=r.lazyGetInOuterOrDie("throbber",_R.getThrobber),x=((e,t,o,n)=>{const s=ye(!1),r=(e=>{const t=ye(VC(e)?"bottom":"top");return{isPositionedAtTop:()=>"top"===t.get(),getDockingMode:t.get,setDockingMode:t.set}})(t),a={icons:()=>t.ui.registry.getAll().icons,menuItems:()=>t.ui.registry.getAll().menuItems,translate:tO.translate,isDisabled:()=>!t.ui.isEnabled(),getOption:t.options.get,tooltips:oF(e.dialog),checkUiComponentContext:e=>{if(qS(t))return{contextType:"disabled",shouldDisable:!0};const[o,n=""]=e.split(":"),s=t.ui.registry.getAll().contexts;return{contextType:o,shouldDisable:!fe(s,o).fold((()=>fe(s,"mode")?.map((e=>e("design"))).getOr(!1)),(e=>"!"===n.charAt(0)?!e(n.slice(1)):e(n)))}}},i=TF(t),l=(e=>{const t=t=>()=>e.formatter.match(t),o=t=>()=>{const o=e.formatter.get(t);return void 0!==o?A?.some({tag:o.length>0&&(o[0].inline||o[0].block)||"div",styles:e.dom.parseStyle(e.formatter.getCssText(t))}):A.none()},n=ye([]),s=ye([]),r=ye(!1);return e.on("PreInit",(s=>{const r=ZI(e),a=tF(e,r,t,o);n.set(a)})),e.on("addStyleModifications",(n=>{const a=tF(e,n.items,t,o);s.set(a),r.set(n.replace)})),{getData:()=>{const e=r.get()?[]:n.get(),t=s.get();return e.concat(t)}}})(t),c=(e=>({colorPicker:$I(e),hasCustomColors:GI(e),getColors:jI(e),getColorCols:qI(e)}))(t),d=(e=>({isDraggableModal:XI(e)}))(t),u={shared:{providers:a,anchors:WI(t,o,n,r.isPositionedAtTop),header:r},urlinput:i,styles:l,colorinput:c,dialog:d,isContextMenuOpen:()=>s.get(),setContextMenuState:e=>s.set(e)},m=e=>A.none(),g={...u,shared:{...u.shared,interpreter:e=>NI(e,{},g,m),getSink:e.popup}},p={...u,shared:{...u.shared,interpreter:e=>NI(e,{},p,m),getSink:e.dialog}};return{popup:g,dialog:p}})({popup:()=>Ae.fromOption(r.popupUi.get()?.map((e=>e.sink)),"(popup) UI has not been rendered"),dialog:()=>Ae.fromOption(r.dialogUi.get()?.map((e=>e.sink)),"UI has not been rendered")},e,h,f),y=()=>{const t=(()=>{const t={attributes:{[Tc]:d?_c.BottomToTop:_c.TopToBottom}},o=_R.parts.menubar({dom:{tag:"div",classes:["tox-menubar"]},backstage:x.popup,onEscape:()=>{e.focus()}}),n=_R.parts.toolbar({dom:{tag:"div",classes:["tox-toolbar"]},getSink:x.popup.shared.getSink,providers:x.popup.shared.providers,onEscape:()=>{e.focus()},onToolbarToggled:t=>{((e,t)=>{e.dispatch("ToggleToolbarDrawer",{state:t})})(e,t)},type:u,lazyToolbar:b,lazyHeader:()=>p().getOrDie("Could not find header element"),...t}),s=_R.parts["multiple-toolbar"]({dom:{tag:"div",classes:["tox-toolbar-overlord"]},providers:x.popup.shared.providers,onEscape:()=>{e.focus()},type:u}),r=LC(e),a=NC(e),i=IC(e),l=EC(e),c=r||a||i,g=[(h=l,_R.parts.promotion({dom:{tag:"div",classes:["tox-promotion"]},promotionLink:h})),o];var h;return _R.parts.header({dom:{tag:"div",classes:["tox-editor-header"].concat(c?[]:["tox-editor-header--empty"]),...t},components:j([i?g:[],r?[s]:a?[n]:[],PC(e)?[]:[m.asSpec()]]),sticky:$C(e),editor:e,sharedBackstage:x.popup.shared})})(),n={dom:{tag:"div",classes:["tox-sidebar-wrap"]},components:[_R.parts.socket({dom:{tag:"div",classes:["tox-edit-area"]}}),_R.parts.sidebar({dom:{tag:"div",classes:["tox-sidebar"]}})]},s=_R.parts.throbber({dom:{tag:"div",classes:["tox-throbber"]},backstage:x.popup}),r=_R.parts.viewWrapper({backstage:x.popup}),i=SC(e)&&!o?A?.some(Qz(e,x.popup.shared.providers)):A.none(),l=j([d?[]:[t],o?[]:[n],d?[t]:[]]),h=_R.parts.editorContainer({components:j([l,o?[]:[g.asSpec()]])}),f=WC(e),v={role:"application",...tO.isRtl()?{dir:"rtl"}:{},...f?{"aria-hidden":"true"}:{}},y=Ag(_R.sketch({dom:{tag:"div",classes:["tox","tox-tinymce"].concat(o?["tox-tinymce-inline"]:[]).concat(d?["tox-tinymce--toolbar-bottom"]:[]).concat(c),styles:{visibility:"hidden",...f?{opacity:"0",border:"0"}:{}},attributes:v},components:[h,...o?[]:[r,...i.toArray()],s],behaviours:rd([kA((()=>x.popup.shared.providers.checkUiComponentContext("any"))),tp.config({disableClass:"tox-tinymce--disabled"}),wm.config({mode:"cyclic",selector:".tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a, .tox-statusbar__resize-handle"})])})),w=Cv(y);return a.set(w),{mothership:w,outerContainer:y}},w=t=>{const o=LN((e=>(e=>{const t=((e,t)=>{if("number"==typeof t)return A.from(t);const o=/^([0-9.]+)(pt|em|px)$/.exec(t.trim());if(o){const t=o[2],n=Number.parseFloat(o[1]);if(Number.isNaN(n)||n<0)return A.none();if("em"===t)return A.from(n*Number.parseFloat(window.getComputedStyle(e.dom).fontSize));if("pt"===t)return A.from(.75*n);if("px"===t)return A.from(n)}return A.none()})(ct(e.targetElm),XS(e)),o=JS(e),n=ZS(e);return t?.map((e=>VN(e,o,n)))})(e).getOr(XS(e)))(e)),n=LN((e=>HN(e).getOr(YS(e)))(e));return e.inline||(bn("div","width",n)&&dn(t.element,"width",n),bn("div","height",o)?dn(t.element,"height",o):dn(t.element,"height","400px")),o};return{popups:{backstage:x.popup,getMothership:()=>Zz("popups",l)},dialogs:{backstage:x.dialog,getMothership:()=>Zz("dialogs",i)},renderUI:()=>{const o=y(),a=(()=>{const t=UC(e),o=yt(rn(),t)&&"grid"===gn(t,"display"),n={dom:{tag:"div",classes:["tox","tox-silver-sink","tox-tinymce-aux"].concat(c),attributes:{...tO.isRtl()?{dir:"rtl"}:{}}},behaviours:rd([Zf.config({useFixed:()=>s.isDocked(p)})])},r={dom:{styles:{width:document.body.clientWidth+"px"}},events:Hc([Wc(ja(),(e=>{dn(e.element,"width",document.body.clientWidth+"px")}))])},a=Ag(Le(n,o?r:{})),l=Cv(a);return i.set(l),{sink:a,mothership:l}})(),d=GC(e)?(()=>{const e={dom:{tag:"div",classes:["tox","tox-silver-sink","tox-silver-popup-sink","tox-tinymce-aux"].concat(c),attributes:{...tO.isRtl()?{dir:"rtl"}:{}}},behaviours:rd([Zf.config({useFixed:()=>s.isDocked(p),getBounds:()=>t.getPopupSinkBounds()})])},o=Ag(e),n=Cv(o);return l.set(n),{sink:o,mothership:n}})():(e=>(l.set(e.mothership),e))(a);r.dialogUi.set(a),r.popupUi.set(d),r.mainUi.set(o);return(t=>{const{mainUi:o,popupUi:r,uiMotherships:a}=t;le(aC(e),((t,o)=>{e.ui.registry.addGroupToolbarButton(o,t)}));const{buttons:i,menuItems:l,contextToolbars:c,sidebars:d,views:m}=e.ui.registry.getAll(),g=zC(e),h={menuItems:l,menus:jC(e),menubar:mC(e),toolbar:g.getOrThunk((()=>gC(e))),allowToolbarGroups:u===NS.floating,buttons:i,sidebar:d,views:m};var f;f=o.outerContainer,e.addShortcut("alt+F9","focus menubar",(()=>{_R.focusMenubar(f)})),e.addShortcut("alt+F10","focus toolbar",(()=>{_R.focusToolbar(f)})),e.addCommand("ToggleToolbarDrawer",((e,t)=>{(null==t?void 0:t.skipFocus)?_R.toggleToolbarDrawerWithoutFocusing(f):_R.toggleToolbarDrawer(f)})),e.addQueryStateHandler("ToggleToolbarDrawer",(()=>_R.isToolbarDrawerToggled(f))),((e,t,o)=>{const n=(e,n)=>{V([t,...o],(t=>{t.broadcastEvent(e,n)}))},s=(e,n)=>{V([t,...o],(t=>{t.broadcastOn([e],n)}))},r=e=>s(gv(),{target:e.target}),a=Io(),i=Mo(a,"touchstart",r),l=Mo(a,"touchmove",(e=>n(Wa(),e))),c=Mo(a,"touchend",(e=>n($a(),e))),d=Mo(a,"mousedown",r),u=Mo(a,"mouseup",(e=>{0===e.raw.button&&s(hv(),{target:e.target})})),m=e=>s(gv(),{target:ct(e.target)}),g=e=>{0===e.button&&s(hv(),{target:ct(e.target)})},p=()=>{V(e.editorManager.get(),(t=>{e!==t&&t.dispatch("DismissPopups",{relatedTarget:e})}))},h=e=>n(Ga(),Bo(e)),f=e=>{s(pv(),{}),n(ja(),Bo(e))},b=So(ct(e.getElement())),v=Do(b,"scroll",(o=>{requestAnimationFrame((()=>{if(null!=e.getContainer()){const s=QC(e,t.element)?.map((e=>[e.element,...e.others])).getOr([]);R(s,(e=>yt(e,o.target)))&&(e.dispatch("ElementScroll",{target:o.target.dom}),n(Za(),o))}}))})),x=()=>s(pv(),{}),y=t=>{t.state&&s(gv(),{target:ct(e.getContainer())})},w=e=>{s(gv(),{target:ct(e.relatedTarget.getContainer())})},S=t=>e.dispatch("focusin",t),C=t=>e.dispatch("focusout",t);e.on("PostRender",(()=>{e.on("click",m),e.on("tap",m),e.on("mouseup",g),e.on("mousedown",p),e.on("ScrollWindow",h),e.on("ResizeWindow",f),e.on("ResizeEditor",x),e.on("AfterProgressState",y),e.on("DismissPopups",w),V([t,...o],(e=>{e.element.dom.addEventListener("focusin",S),e.element.dom.addEventListener("focusout",C)}))})),e.on("remove",(()=>{e.off("click",m),e.off("tap",m),e.off("mouseup",g),e.off("mousedown",p),e.off("ScrollWindow",h),e.off("ResizeWindow",f),e.off("ResizeEditor",x),e.off("AfterProgressState",y),e.off("DismissPopups",w),V([t,...o],(e=>{e.element.dom.removeEventListener("focusin",S),e.element.dom.removeEventListener("focusout",C)})),d.unbind(),i.unbind(),l.unbind(),c.unbind(),u.unbind(),v.unbind()})),e.on("detach",(()=>{V([t,...o],Hm),V([t,...o],(e=>e.destroy()))}))})(e,o.mothership,a),s.setup(e,x.popup.shared,p),Sz(e,x.popup),Wz(e,x.popup.shared.getSink,x.popup),(e=>{const{sidebars:t}=e.ui.registry.getAll();V(re(t),(o=>{const n=t[o],s=()=>He(A.from(e.queryCommandValue("ToggleSidebar")),o);e.ui.registry.addToggleButton(o,{icon:n.icon,tooltip:n.tooltip,onAction:t=>{e.execCommand("ToggleSidebar",!1,o),t.setActive(s())},onSetup:t=>{t.setActive(s());const o=()=>t.setActive(s());return e.on("ToggleSidebar",o),()=>{e.off("ToggleSidebar",o)}},context:"any"})}))})(e),QF(e,v,x.popup.shared),gz(e,c,r.sink,{backstage:x.popup}),qz(e,r.sink);const b={targetNode:e.getElement(),height:w(o.outerContainer)};return n.render(e,t,h,x.popup,b)})({popupUi:d,dialogUi:a,mainUi:o,uiMotherships:r.getUiMotherships()})}}},tL=e=>{const t=[],o={};return ie(e,((e,n)=>{e.fold((()=>{t.push(n)}),(e=>{o[n]=e}))})),t.length>0?Ae.error(t):Ae.value(o)},oL=(e,t,o,n)=>{const s=dv(Ax.sketch((s=>({dom:{tag:"div",classes:["tox-form"].concat(e.classes)},components:L(e.items,(e=>FI(s,e,t,o,n)))}))));return{dom:{tag:"div",classes:["tox-dialog__body"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-content"]},components:[s.asSpec()]}],behaviours:rd([wm.config({mode:"acyclic",useTabstopAt:k(mB)}),(r=s,zg.config({find:r.getOpt})),HD(s,{postprocess:e=>tL(e).fold((e=>(console.error(e),{})),w)}),ud("dialog-body-panel",[Wc(xa(),((e,t)=>{e.getSystem().broadcastOn([vB],{newFocus:A?.some(t.event.target)})}))])])};var r},nL=(e,t)=>{dn(e,"height",t+"px"),dn(e,"flex-basis",t+"px")},sL=(e,t,o)=>{Gn(e,'[role="dialog"]').each((e=>{Xn(e,'[role="tablist"]').each((n=>{o.get()?.map((o=>(dn(t,"height","0"),dn(t,"flex-basis","0"),Math.min(o,((e,t,o)=>{const n=uo(e).dom,s=Gn(e,".tox-dialog-wrap").getOr(e);let r;r="fixed"===gn(s,"position")?Math.max(n.clientHeight,window.innerHeight):Math.max(n.offsetHeight,n.scrollHeight);const a=Sn(t),i=t.dom.offsetLeft>=o.dom.offsetLeft+Tn(o)?Math.max(Sn(o),a):a,l=parseInt(gn(e,"margin-top"),10)||0,c=parseInt(gn(e,"margin-bottom"),10)||0;return r-(Sn(e)+l+c-i)})(e,t,n))))).each((e=>{nL(t,e)}))}))}))},rL=e=>Xn(e,'[role="tabpanel"]'),aL="send-data-to-section",iL="send-data-to-view",lL=(e,t,o,n)=>{const s=ye({}),r=e=>{const t=Yh.getValue(e),o=tL(t).getOr({}),n=s.get(),r=Le(n,o);s.set(r)},a=e=>{const t=s.get();Yh.setValue(e,t)},i=ye(null),l=L(e.tabs,(e=>({value:e.name,dom:{tag:"div",classes:["tox-dialog__body-nav-item"]},components:[Og(o.shared.providers.translate(e.title))],view:()=>[Ax.sketch((s=>({dom:{tag:"div",classes:["tox-form"]},components:L(e.items,(e=>FI(s,e,t,o,n))),formBehaviours:rd([wm.config({mode:"acyclic",useTabstopAt:k(mB)}),ud("TabView.form.events",[Jc(a),Qc(r)]),ob.config({channels:la([{key:aL,value:{onReceive:r}},{key:iL,value:{onReceive:a}}])})])})))]}))),c=(e=>{const t=Xe(),o=[Jc((o=>{const n=o.element;rL(n).each((s=>{dn(s,"visibility","hidden"),o.getSystem().getByDom(s).toOptional().each((o=>{const n=((e,t,o)=>L(e,((n,s)=>{Zm.set(o,e[s].view());const r=t.dom.getBoundingClientRect();return Zm.set(o,[]),r.height})))(e,s,o),r=(e=>te(Z(e,((e,t)=>e>t?-1:e<t?1:0))))(n);r.fold(t.clear,t.set)})),sL(n,s,t),vn(s,"visibility"),((e,t)=>{te(e).each((e=>ES.showTab(t,e.value)))})(e,o),requestAnimationFrame((()=>{sL(n,s,t)}))}))})),Wc(ja(),(e=>{const o=e.element;rL(o).each((e=>{sL(o,e,t)}))})),Wc(BD,((e,o)=>{const n=e.element;rL(n).each((e=>{const o=zo(So(e));dn(e,"visibility","hidden");const s=hn(e,"height")?.map((e=>parseInt(e,10)));vn(e,"height"),vn(e,"flex-basis");const r=e.dom.getBoundingClientRect().height;s.forall((e=>r>e))?(t.set(r),sL(n,e,t)):s.each((t=>{nL(e,t)})),vn(e,"visibility"),o.each(Fo)}))}))];return{extraEvents:o,selectFirst:!1}})(l);return ES.sketch({dom:{tag:"div",classes:["tox-dialog__body"]},onChangeTab:(e,t,o)=>{const n=Yh.getValue(t);Rc(e,DD,{name:n,oldName:i.get()}),i.set(n)},tabs:l,components:[ES.parts.tabbar({dom:{tag:"div",classes:["tox-dialog__body-nav"]},components:[SS.parts.tabs({})],markers:{tabClass:"tox-tab",selectedClass:"tox-dialog__body-nav-item--active"},tabbarBehaviours:rd([Pb.config({})])}),ES.parts.tabview({dom:{tag:"div",classes:["tox-dialog__body-content"]}})],selectFirst:c.selectFirst,tabSectionBehaviours:rd([ud("tabpanel",c.extraEvents),wm.config({mode:"acyclic"}),zg.config({find:e=>te(ES.getViewItems(e))}),PD(A.none(),(e=>(e.getSystem().broadcastOn([aL],{}),s.get())),((e,t)=>{s.set(t),e.getSystem().broadcastOn([iL],{})}))])})},cL=(e,t,o,n,s,r)=>({dom:{tag:"div",classes:["tox-dialog__content-js"],attributes:{...o?.map((e=>({id:e}))).getOr({}),...s?{"aria-live":"polite"}:{}}},components:[],behaviours:rd([LD(0),ab.config({channel:`${hB}-${t}`,updateState:(e,t)=>A?.some({isTabPanel:()=>"tabpanel"===t.body.type}),renderComponents:e=>{const t=e.body;return"tabpanel"===t.type?[lL(t,e.initialData,n,r)]:[oL(t,e.initialData,n,r)]},initialData:e})])}),dL=US.deviceType.isTouch(),uL=(e,t)=>({dom:{tag:"div",styles:{display:"none"},classes:["tox-dialog__header"]},components:[e,t]}),mL=(e,t)=>sy.parts.close(_v.sketch({dom:{tag:"button",classes:["tox-button","tox-button--icon","tox-button--naked"],attributes:{type:"button","aria-label":t.translate("Close")}},action:e,buttonBehaviours:rd([Pb.config({})])})),gL=()=>sy.parts.title({dom:{tag:"div",classes:["tox-dialog__title"],innerHtml:"",styles:{display:"none"}}}),pL=(e,t)=>sy.parts.body({dom:{tag:"div",classes:["tox-dialog__body"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-content"]},components:[{dom:cv(`<p>${eO(t.translate(e))}</p>`)}]}]}),hL=e=>sy.parts.footer({dom:{tag:"div",classes:["tox-dialog__footer"]},components:e}),fL=(e,t)=>[rh.sketch({dom:{tag:"div",classes:["tox-dialog__footer-start"]},components:e}),rh.sketch({dom:{tag:"div",classes:["tox-dialog__footer-end"]},components:t})],bL=e=>{const t="tox-dialog",o=t+"-wrap",n=o+"__backdrop",s=t+"__disable-scroll";return sy.sketch({lazySink:e.lazySink,onEscape:t=>(e.onEscape(t),A?.some(!0)),useTabstopAt:e=>!mB(e),firstTabstop:e.firstTabstop,dom:{tag:"div",classes:[t].concat(e.extraClasses),styles:{position:"relative",...e.extraStyles}},components:[e.header,e.body,...e.footer.toArray()],parts:{blocker:{dom:cv(`<div class="${o}"></div>`),components:[{dom:{tag:"div",classes:dL?[n,n+"--opaque"]:[n]}}]}},dragBlockClass:o,modalBehaviours:rd([fd.config({}),ud("dialog-events",e.dialogEvents.concat([Kc(xa(),((e,t)=>{Fg.isBlocked(e)||wm.focusIn(e)})),Wc(Ja(),((e,t)=>{e.getSystem().broadcastOn([vB],{newFocus:t.event.newFocus})}))])),ud("scroll-lock",[Jc((()=>{os(rn(),s)})),Qc((()=>{ss(rn(),s)}))]),...e.extraBehaviours]),eventOrder:{[Na()]:["dialog-events"],[qa()]:["scroll-lock","dialog-events","alloy.base.behaviour"],[Xa()]:["alloy.base.behaviour","dialog-events","scroll-lock"],...e.eventOrder}})},vL=e=>_v.sketch({dom:{tag:"button",classes:["tox-button","tox-button--icon","tox-button--naked"],attributes:{type:"button","aria-label":e.translate("Close"),"data-mce-name":"close"}},buttonBehaviours:rd([Pb.config({}),iv.config(e.tooltips.getConfig({tooltipText:e.translate("Close")}))]),components:[dO("close",{tag:"span",classes:["tox-icon"]},e.icons)],action:e=>{Fc(e,_D)}}),xL=(e,t,o,n)=>({dom:{tag:"h1",classes:["tox-dialog__title"],attributes:{...o?.map((e=>({id:e}))).getOr({})}},components:[],behaviours:rd([ab.config({channel:`${pB}-${t}`,initialData:e,renderComponents:e=>[Og(n.translate(e.title))]})])}),yL=()=>({dom:cv('<div class="tox-dialog__draghandle"></div>')}),wL=(e,t,o)=>((e,t,o)=>{const n=sy.parts.title(xL(e,t,A.none(),o)),s=sy.parts.draghandle(yL()),r=sy.parts.close(vL(o)),a=[n].concat(e.draggable?[s]:[]).concat([r]);return rh.sketch({dom:cv('<div class="tox-dialog__header"></div>'),components:a})})({title:o.shared.providers.translate(e),draggable:o.dialog.isDraggableModal()},t,o.shared.providers),SL=(e,t,o,n)=>({dom:{tag:"div",classes:["tox-dialog__busy-spinner"],attributes:{"aria-label":o.translate(e)},styles:{left:"0px",right:"0px",bottom:"0px",top:`${n.getOr(0)}px`,position:"absolute"}},behaviours:t,components:[{dom:cv('<div class="tox-spinner"><div></div><div></div><div></div></div>')}]}),CL=(e,t,o)=>({onClose:()=>o.closeWindow(),onBlock:o=>{const n=Xn(e().element,".tox-dialog__header")?.map((e=>Sn(e)));sy.setBusy(e(),((e,s)=>SL(o.message,s,t,n)))},onUnblock:()=>{sy.setIdle(e())}}),kL="tox-dialog--fullscreen",OL="tox-dialog--width-lg",_L="tox-dialog--width-md",TL=e=>{switch(e){case"large":return A?.some(OL);case"medium":return A?.some(_L);default:return A.none()}},EL=(e,t)=>{const o=ct(t.element.dom);rs(o,kL)||(is(o,[OL,_L]),TL(e).each((e=>os(o,e))))},AL=(e,t)=>{const o=ct(e.element.dom),n=ls(o),s=$(n,(e=>e===OL||e===_L)).or(TL(t));((e,t)=>{V(t,(t=>{((e,t)=>{const o=Qn(e)?e.dom.classList.toggle(t):((e,t)=>F(Zn(e),t)?ts(e,t):es(e,t))(e,t);ns(e)})(e,t)}))})(o,[kL,...s.toArray()])},ML=(e,t,o)=>Ag(bL({...e,firstTabstop:1,lazySink:o.shared.getSink,extraBehaviours:[WD({}),...e.extraBehaviours],onEscape:e=>{Fc(e,_D)},dialogEvents:t,eventOrder:{[Ra()]:[ab.name(),ob.name()],[qa()]:["scroll-lock",ab.name(),"messages","dialog-events","alloy.base.behaviour"],[Xa()]:["alloy.base.behaviour","dialog-events","messages",ab.name(),"scroll-lock"]}})),DL=(e,t={})=>L(e,(e=>"menu"===e.type?(e=>{const o=L(e.items,(e=>{const o=fe(t,e.name).getOr(ye(!1));return{...e,storage:o}}));return{...e,items:o}})(e):e)),BL=e=>W(e,((e,t)=>"menu"===t.type?W(t.items,((e,t)=>(e[t.name]=t.storage,e)),e):e),{}),IL=(e,t)=>[qc(xa(),uB),e(OD,((e,o,n,s)=>{No(s.element)&&zo(So(s.element)).each(Ro),t.onClose(),o.onClose()})),e(_D,((e,t,o,n)=>{t.onCancel(e),Fc(n,OD)})),Wc(MD,((e,o)=>t.onUnblock())),Wc(AD,((e,o)=>t.onBlock(o.event)))],FL=(e,t,o)=>{const n=(t,o)=>Wc(t,((t,n)=>{s(t,((s,r)=>{o(e(),s,n.event,t)}))})),s=(e,t)=>{ab.getState(e).get().each((o=>{t(o.internalDialog,e)}))};return[...IL(n,t),n(ED,((e,t)=>t.onSubmit(e))),n(CD,((e,t,o)=>{t.onChange(e,{name:o.name})})),n(TD,((e,t,n,s)=>{const r=()=>s.getSystem().isConnected()?wm.focusIn(s):void 0,a=e=>Yo(e,"disabled")||Xo(e,"aria-disabled").exists((e=>"true"===e)),i=So(s.element),l=zo(i);t.onAction(e,{name:n.name,value:n.value}),zo(i).fold(r,(e=>{a(e)||l.exists((t=>wt(e,t)&&a(t)))?r():o().toOptional().filter((t=>!wt(t.element,e))).each(r)}))})),n(DD,((e,t,o)=>{t.onTabChange(e,{newTabName:o.name,oldTabName:o.oldName})})),Qc((t=>{const o=e();Yh.setValue(t,o.getData())}))]},RL=(e,t)=>{const o=t?.map((e=>e.footerButtons)).getOr([]),n=H(o,(e=>"start"===e.align)),s=(e,t)=>rh.sketch({dom:{tag:"div",classes:[`tox-dialog__footer-${e}`]},components:L(t,(e=>e.memento.asSpec()))});return[s("start",n.pass),s("end",n.fail)]},NL=(e,t,o)=>({dom:cv('<div class="tox-dialog__footer"></div>'),components:[],behaviours:rd([ab.config({channel:`${fB}-${t}`,initialData:e,updateState:(e,t)=>{const n=L(t.buttons,(e=>{const t=dv(((e,t)=>yI(e,e.type,t))(e,o));return{name:e.name,align:e.align,memento:t}}));return A?.some({lookupByName:t=>((e,t,o)=>$(t,(e=>e.name===o)).bind((t=>t.memento.getOpt(e))))(e,n,t),footerButtons:n})},renderComponents:RL})])}),zL=(e,t,o)=>sy.parts.footer(NL(e,t,o)),LL=(e,t)=>{if(e.getRoot().getSystem().isConnected()){const o=zg.getCurrent(e.getFormWrapper()).getOr(e.getFormWrapper());return Ax.getField(o,t).orThunk((()=>{const o=e.getFooter().bind((e=>ab.getState(e).get()));return o.bind((e=>e.lookupByName(t)))}))}return A.none()},VL=(e,t,o)=>{const n=t=>{const o=e.getRoot();o.getSystem().isConnected()&&t(o)},s={getData:()=>{const t=e.getRoot(),n=t.getSystem().isConnected()?e.getFormWrapper():t;return{...Yh.getValue(n),...le(o,(e=>e.get()))}},setData:t=>{n((n=>{const r=s.getData(),a=Le(r,t),i=((e,t)=>{const o=e.getRoot();return ab.getState(o).get()?.map((e=>Tr(_r("data",e.dataValidator,t)))).getOr(t)})(e,a),l=e.getFormWrapper();Yh.setValue(l,i),ie(o,((e,t)=>{be(a,t)&&e.set(a[t])}))}))},setEnabled:(t,o)=>{LL(e,t).each(o?tp.enable:tp.disable)},focus:t=>{LL(e,t).each(fd.focus)},block:e=>{if(!r(e))throw new Error("The dialogInstanceAPI.block function should be passed a blocking message of type string as an argument");n((t=>{Rc(t,AD,{message:e})}))},unblock:()=>{n((e=>{Fc(e,MD)}))},showTab:t=>{n((o=>{const n=e.getBody();ab.getState(n).get().exists((e=>e.isTabPanel()))&&zg.getCurrent(n).each((e=>{ES.showTab(e,t)}))}))},redial:r=>{n((n=>{const a=e.getId(),i=t(r),l=DL(i.internalDialog.buttons,o);n.getSystem().broadcastOn([`${gB}-${a}`],i),n.getSystem().broadcastOn([`${pB}-${a}`],i.internalDialog),n.getSystem().broadcastOn([`${hB}-${a}`],i.internalDialog),n.getSystem().broadcastOn([`${fB}-${a}`],{...i.internalDialog,buttons:l}),s.setData(i.initialData)}))},close:()=>{n((e=>{Fc(e,OD)}))},toggleFullscreen:e.toggleFullscreen};return s},HL=(e,t,o,n=!1,s)=>{const r=Ne("dialog"),a=Ne("dialog-label"),i=Ne("dialog-content"),l=e.internalDialog,c=ye(l.size),d=TL(c.get()).toArray(),u=dv(((e,t,o,n)=>rh.sketch({dom:cv('<div class="tox-dialog__header"></div>'),components:[xL(e,t,A?.some(o),n),yL(),vL(n)],containerBehaviours:rd([Th.config({mode:"mouse",blockerClass:"blocker",getTarget:e=>Yn(e,'[role="dialog"]').getOrDie(),snaps:{getSnapPoints:()=>[],leftAttr:"data-drag-left",topAttr:"data-drag-top"},onDrag:(e,t)=>{e.getSystem().broadcastOn([pv()],{target:t})}})])}))({title:l.title,draggable:!0},r,a,o.shared.providers)),m=dv(((e,t,o,n,s,r)=>cL(e,t,A?.some(o),n,s,r))({body:l.body,initialData:l.initialData},r,i,o,n,(e=>LL(x,e)))),g=DL(l.buttons),p=BL(g),h=$e(0!==g.length,dv(((e,t,o)=>NL(e,t,o))({buttons:g},r,o))),f=FL((()=>w),{onBlock:e=>{Fg.block(v,((t,n)=>{const s=u.getOpt(v)?.map((e=>Sn(e.element)));return SL(e.message,n,o.shared.providers,s)}))},onUnblock:()=>{Fg.unblock(v)},onClose:()=>t.closeWindow()},o.shared.getSink),b=Jt().os,v=Ag({dom:{tag:"div",classes:["tox-dialog","tox-dialog-inline",...d],attributes:{role:"dialog",...b.isMacOS()?{"aria-label":l.title}:{"aria-labelledby":a}}},eventOrder:{[Ra()]:[ab.name(),ob.name()],[Na()]:["execute-on-form"],[qa()]:["reflecting","execute-on-form"]},behaviours:rd([wm.config({mode:"cyclic",onEscape:e=>(Fc(e,OD),A?.some(!0)),useTabstopAt:e=>!mB(e)&&("button"!==eo(e)||"disabled"!==qo(e,"disabled")),firstTabstop:1}),ab.config({channel:`${gB}-${r}`,updateState:(e,t)=>(c.set(t.internalDialog.size),EL(t.internalDialog.size,e),s(),A?.some(t)),initialData:e}),fd.config({}),ud("execute-on-form",f.concat([Kc(xa(),((e,t)=>{wm.focusIn(e)})),Wc(Ja(),((e,t)=>{e.getSystem().broadcastOn([vB],{newFocus:t.event.newFocus})}))])),Fg.config({getRoot:()=>A?.some(v)}),Zm.config({}),WD({})]),components:[u.asSpec(),m.asSpec(),...h?.map((e=>e.asSpec())).toArray()]}),x={getId:y(r),getRoot:y(v),getFooter:()=>h?.map((e=>e.get(v))),getBody:()=>m.get(v),getFormWrapper:()=>{const e=m.get(v);return zg.getCurrent(e).getOr(e)},toggleFullscreen:()=>{AL(v,c.get())}},w=VL(x,t.redial,p);return{dialog:v,instanceApi:w}};var PL=tinymce.util.Tools.resolve("tinymce.util.URI");const UL=["insertContent","setContent","execCommand","close","block","unblock"],WL=e=>a(e)&&-1!==UL.indexOf(e.mceAction),$L=(e,t,o,n)=>{const s=Ne("dialog"),i=wL(e.title,s,n),l=(e=>{const t={dom:{tag:"div",classes:["tox-dialog__content-js"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-iframe"]},components:[cB(A.none(),{dom:{tag:"iframe",attributes:{src:e.url}},behaviours:rd([Pb.config({}),fd.config({})])})]}],behaviours:rd([wm.config({mode:"acyclic",useTabstopAt:k(mB)})])};return sy.parts.body(t)})(e),c=e.buttons.bind((e=>0===e.length?A.none():A?.some(zL({buttons:e},s,n)))),u=((e,t)=>{const o=(e,t)=>Wc(e,((e,o)=>{n(e,((n,s)=>{t(y,n,o.event,e)}))})),n=(e,t)=>{ab.getState(e).get().each((o=>{t(o,e)}))};return[...IL(o,t),o(TD,((e,t,o)=>{t.onAction(e,{name:o.name})}))]})(0,CL((()=>x),n.shared.providers,t)),m={...e.height.fold((()=>({})),(e=>({height:e+"px","max-height":e+"px"}))),...e.width.fold((()=>({})),(e=>({width:e+"px","max-width":e+"px"})))},p=e.width.isNone()&&e.height.isNone()?["tox-dialog--width-lg"]:[],h=new PL(e.url,{base_uri:new PL(window.location.href)}),f=`${h.protocol}://${h.host}${h.port?":"+h.port:""}`,b=qe(),v=[ab.config({channel:`${gB}-${s}`,updateState:(e,t)=>A?.some(t),initialData:e}),ud("messages",[Jc((()=>{const t=Mo(ct(window),"message",(t=>{if(h.isSameOrigin(new PL(t.raw.origin))){const n=t.raw.data;WL(n)?((e,t,o)=>{switch(o.mceAction){case"insertContent":e.insertContent(o.content);break;case"setContent":e.setContent(o.content);break;case"execCommand":const n=!!d(o.ui)&&o.ui;e.execCommand(o.cmd,n,o.value);break;case"close":t.close();break;case"block":t.block(o.message);break;case"unblock":t.unblock()}})(o,y,n):(e=>!WL(e)&&a(e)&&be(e,"mceAction"))(n)&&e.onMessage(y,n)}}));b.set(t)})),Qc(b.clear)]),ob.config({channels:{[bB]:{onReceive:(e,t)=>{Xn(e.element,"iframe").each((e=>{const o=e.dom.contentWindow;g(o)&&o.postMessage(t,f)}))}}}})],x=ML({id:s,header:i,body:l,footer:c,extraClasses:p,extraBehaviours:v,extraStyles:m},u,n),y=(e=>{const t=t=>{e.getSystem().isConnected()&&t(e)};return{block:e=>{if(!r(e))throw new Error("The urlDialogInstanceAPI.block function should be passed a blocking message of type string as an argument");t((t=>{Rc(t,AD,{message:e})}))},unblock:()=>{t((e=>{Fc(e,MD)}))},close:()=>{t((e=>{Fc(e,OD)}))},sendMessage:e=>{t((t=>{t.getSystem().broadcastOn([bB],e)}))}}})(x);return{dialog:x,instanceApi:y}},GL=(e,t)=>Tr(_r("data",t,e)),jL=e=>ps(e,".tox-alert-dialog")||ps(e,".tox-confirm-dialog"),qL=(e,t,o,n)=>t&&o?[]:[Ep.config({contextual:{lazyContext:()=>A?.some(Rs(ct(e.getContentAreaContainer()))),fadeInClass:"tox-dialog-dock-fadein",fadeOutClass:"tox-dialog-dock-fadeout",transitionClass:"tox-dialog-dock-transition",onHide:n},modes:["top"],lazyViewport:t=>QC(e,t.element)?.map((e=>({bounds:ZC(e),optScrollEnv:A?.some({currentScrollTop:e.element.dom.scrollTop,scrollElmTop:In(e.element).top})}))).getOrThunk((()=>({bounds:Ls(),optScrollEnv:A.none()})))})],XL=e=>{const t=e.editor,o=$C(t),n=(e=>{const t=e.shared;return{open:(o,n)=>{const s=()=>{sy.hide(l),n()},r=dv(yI({context:"any",name:"close-alert",text:"OK",primary:!0,buttonType:A?.some("primary"),align:"end",enabled:!0,icon:A.none()},"cancel",e)),a=gL(),i=mL(s,t.providers),l=Ag(bL({lazySink:()=>t.getSink(),header:uL(a,i),body:pL(o,t.providers),footer:A?.some(hL(fL([],[r.asSpec()]))),onEscape:s,extraClasses:["tox-alert-dialog"],extraBehaviours:[],extraStyles:{},dialogEvents:[Wc(_D,s)],eventOrder:{}}));sy.show(l);const c=r.get(l);fd.focus(c)}}})(e.backstages.dialog),s=(e=>{const t=e.shared;return{open:(o,n)=>{const s=e=>{sy.hide(c),n(e)},r=dv(yI({context:"any",name:"yes",text:"Yes",primary:!0,buttonType:A?.some("primary"),align:"end",enabled:!0,icon:A.none()},"submit",e)),a=yI({context:"any",name:"no",text:"No",primary:!1,buttonType:A?.some("secondary"),align:"end",enabled:!0,icon:A.none()},"cancel",e),i=gL(),l=mL((()=>s(!1)),t.providers),c=Ag(bL({lazySink:()=>t.getSink(),header:uL(i,l),body:pL(o,t.providers),footer:A?.some(hL(fL([],[a,r.asSpec()]))),onEscape:()=>s(!1),extraClasses:["tox-confirm-dialog"],extraBehaviours:[],extraStyles:{},dialogEvents:[Wc(_D,(()=>s(!1))),Wc(ED,(()=>s(!0)))],eventOrder:{}}));sy.show(c);const d=r.get(c);fd.focus(d)}}})(e.backstages.dialog),r=(t,o)=>pE.open(((t,n,s)=>{const r=n,a=((e,t,o)=>{const n=Ne("dialog"),s=e.internalDialog,r=wL(s.title,n,o),a=ye(s.size),i=TL(a.get()).toArray(),l=((e,t,o,n)=>{const s=cL(e,t,A.none(),o,!1,n);return sy.parts.body(s)})({body:s.body,initialData:s.initialData},n,o,(e=>LL(h,e))),c=DL(s.buttons),d=BL(c),u=$e(0!==c.length,zL({buttons:c},n,o)),m=FL((()=>f),CL((()=>p),o.shared.providers,t),o.shared.getSink),g={id:n,header:r,body:l,footer:u,extraClasses:i,extraBehaviours:[ab.config({channel:`${gB}-${n}`,updateState:(e,t)=>(a.set(t.internalDialog.size),EL(t.internalDialog.size,e),A?.some(t)),initialData:e})],extraStyles:{}},p=ML(g,m,o),h={getId:y(n),getRoot:y(p),getBody:()=>sy.getBody(p),getFooter:()=>sy.getFooter(p),getFormWrapper:()=>{const e=sy.getBody(p);return zg.getCurrent(e).getOr(e)},toggleFullscreen:()=>{AL(p,a.get())}},f=VL(h,t.redial,d);return{dialog:p,instanceApi:f}})({dataValidator:s,initialData:r,internalDialog:t},{redial:pE.redial,closeWindow:()=>{sy.hide(a.dialog),o(a.instanceApi)}},e.backstages.dialog);return sy.show(a.dialog),a.instanceApi.setData(r),a.instanceApi}),t),a=(n,s,r,a)=>pE.open(((n,i,l)=>{const c=GL(i,l),d=Xe(),u=e.backstages.popup.shared.header.isPositionedAtTop(),m=()=>d.on((e=>{Xx.reposition(e),o&&u||Ep.refresh(e)})),g=HL({dataValidator:l,initialData:c,internalDialog:n},{redial:pE.redial,closeWindow:()=>{d.on(Xx.hide),t.off("ResizeEditor",m),t.off("ScrollWindow",p),d.clear(),r(g.instanceApi)}},e.backstages.popup,a.ariaAttrs,m),p=()=>g.dialog.getSystem().broadcastOn([pv()],{target:g.dialog.element}),h=Ag(Xx.sketch({lazySink:e.backstages.popup.shared.getSink,dom:{tag:"div",classes:[]},fireDismissalEventInstead:a.persistent?{event:"doNotDismissYet"}:{},...u?{}:{fireRepositionEventInstead:{}},inlineBehaviours:rd([ud("window-manager-inline-events",[Wc(Ya(),((e,t)=>{Fc(g.dialog,_D)}))]),...qL(t,o,u,(()=>g.dialog.getSystem().broadcastOn([gv()],{target:g.dialog.element})))]),isExtraPart:(e,t)=>jL(t)}));return d.set(h),Xx.showWithinBounds(h,Mg(g.dialog),{anchor:s},(()=>{const e=t.inline?rn():ct(t.getContainer()),o=Rs(e);return A?.some(o)})),o&&u||(Ep.refresh(h),t.on("ResizeEditor",m)),t.on("ScrollWindow",p),g.instanceApi.setData(c),wm.focusIn(g.dialog),g.instanceApi}),n),i=(o,n,s,r)=>pE.open(((o,a,i)=>{const l=GL(a,i),c=Xe(),d=e.backstages.popup.shared.header.isPositionedAtTop(),u=()=>c.on((e=>{Xx.reposition(e),Ep.refresh(e)})),m=HL({dataValidator:i,initialData:l,internalDialog:o},{redial:pE.redial,closeWindow:()=>{c.on(Xx.hide),t.off("ResizeEditor ScrollWindow ElementScroll",u),c.clear(),s(m.instanceApi)}},e.backstages.popup,r.ariaAttrs,u),g=Ag(Xx.sketch({lazySink:e.backstages.popup.shared.getSink,dom:{tag:"div",classes:[]},fireDismissalEventInstead:r.persistent?{event:"doNotDismissYet"}:{},...d?{}:{fireRepositionEventInstead:{}},inlineBehaviours:rd([ud("window-manager-inline-events",[Wc(Ya(),((e,t)=>{Fc(m.dialog,_D)}))]),Ep.config({contextual:{lazyContext:()=>A?.some(Rs(ct(t.getContentAreaContainer()))),fadeInClass:"tox-dialog-dock-fadein",fadeOutClass:"tox-dialog-dock-fadeout",transitionClass:"tox-dialog-dock-transition"},modes:["top","bottom"],lazyViewport:e=>QC(t,e.element)?.map((e=>({bounds:ZC(e),optScrollEnv:A?.some({currentScrollTop:e.element.dom.scrollTop,scrollElmTop:In(e.element).top})}))).getOrThunk((()=>({bounds:Ls(),optScrollEnv:A.none()})))})]),isExtraPart:(e,t)=>jL(t)}));return c.set(g),Xx.showWithinBounds(g,Mg(m.dialog),{anchor:n},(()=>e.backstages.popup.shared.getSink().toOptional().bind((e=>{const o=QC(t,e.element)?.map((e=>ZC(e))).getOr(Ls()),n=Rs(ct(t.getContentAreaContainer())),s=zs(n,o);return A?.some(Fs(s.x,s.y,s.width,s.height-15))})))),Ep.refresh(g),t.on("ResizeEditor ScrollWindow ElementScroll ResizeWindow",u),m.instanceApi.setData(l),wm.focusIn(m.dialog),m.instanceApi}),o);return{open:(t,o,n)=>{if(!u(o)){if("toolbar"===o.inline)return a(t,e.backstages.popup.shared.anchors.inlineDialog(),n,o);if("bottom"===o.inline)return i(t,e.backstages.popup.shared.anchors.inlineBottomDialog(),n,o);if("cursor"===o.inline)return a(t,e.backstages.popup.shared.anchors.cursor(),n,o)}return r(t,n)},openUrl:(o,n)=>((o,n)=>pE.openUrl((o=>{const s=$L(o,{closeWindow:()=>{sy.hide(s.dialog),n(s.instanceApi)}},t,e.backstages.dialog);return sy.show(s.dialog),s.instanceApi}),o))(o,n),alert:(e,t)=>{n.open(e,t)},close:e=>{e.close()},confirm:(e,t)=>{s.open(e,t)}}},YL=e=>{GS(e),(e=>{const t=e.options.register,o=e=>{return f(e,r)?{value:(t=e,MM(t?.map(((e,t)=>t%2==0?"#"+(e=>{return(t=e,XA(t)?A?.some({value:YA(t)}):A.none()).orThunk((()=>dM(e)?.map(JA))).getOrThunk((()=>{const t=document.createElement("canvas");t.height=1,t.width=1;const o=t.getContext("2d");o.clearRect(0,0,t.width,t.height),o.fillStyle="#FFFFFF",o.fillStyle=e,o.fillRect(0,0,1,1);const n=o.getImageData(0,0,1,1).data,s=n[0],r=n[1],a=n[2],i=n[3];return JA(rM(s,r,a,i))}));var t})(e).value:e)))),valid:!0}:{valid:!1,message:"Must be an array of strings."};var t},n=e=>h(e)&&e>0?{value:e,valid:!0}:{valid:!1,message:"Must be a positive number."};t("color_map",{processor:o,default:["#BFEDD2","Light Green","#FBEEB8","Light Yellow","#F8CAC6","Light Red","#ECCAFA","Light Purple","#C2E0F4","Light Blue","#2DC26B","Green","#F1C40F","Yellow","#E03E2D","Red","#B96AD9","Purple","#3598DB","Blue","#169179","Dark Turquoise","#E67E23","Orange","#BA372A","Dark Red","#843FA1","Dark Purple","#236FA1","Dark Blue","#ECF0F1","Light Gray","#CED4D9","Medium Gray","#95A5A6","Gray","#7E8C8D","Dark Gray","#34495E","Navy Blue","#000000","Black","#ffffff","White"]}),t("color_map_raw",{processor:e=>f(e,r)?{value:MM(e),valid:!0}:{valid:!1,message:"Must be an array of strings."}}),t("color_map_background",{processor:o}),t("color_map_foreground",{processor:o}),t("color_cols",{processor:n,default:FM(e)}),t("color_cols_foreground",{processor:n,default:RM(e,EM)}),t("color_cols_background",{processor:n,default:RM(e,AM)}),t("custom_colors",{processor:"boolean",default:!0}),t("color_default_foreground",{processor:"string",default:BM}),t("color_default_background",{processor:"string",default:BM})})(e),(e=>{const t=e.options.register;t("contextmenu_avoid_overlap",{processor:"string",default:""}),t("contextmenu_never_use_native",{processor:"boolean",default:!1}),t("contextmenu",{processor:e=>!1===e?{value:[],valid:!0}:r(e)||f(e,r)?{value:Cz(e),valid:!0}:{valid:!1,message:"Must be false or a string."},default:"link linkchecker image editimage table spellchecker configurepermanentpen"})})(e)};LS.add("silver",(e=>{YL(e);let t=()=>Ls();const{dialogs:o,popups:n,renderUI:s}=eL(e,{getPopupSinkBounds:()=>t()});bD(e,n.backstage.shared);const r=XL({editor:e,backstages:{popup:n.backstage,dialog:o.backstage}}),a=Xe();return{renderUI:()=>{const o=s();return QC(e,n.getMothership().element).each((e=>{t=()=>ZC(e)})),o},getWindowManagerImpl:y(r),getNotificationManagerImpl:()=>gO(e,{backstage:n.backstage},n.getMothership(),a),getPromotionElement:()=>Xn(ct(e.getContainer()),".tox-promotion")?.map((e=>e.dom)).getOrNull()}}))}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/public/tinymce/tinymce.min.js b/apps/edr-freight-web/backoffice/public/tinymce/tinymce.min.js
new file mode 100644
index 000000000..ccb6db123
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/public/tinymce/tinymce.min.js
@@ -0,0 +1,10 @@
+/**
+ * TinyMCE version 7.9.3 (2026-05-19)
+ */
+
+/**
+ * This file bundles the code of
+ * DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE
+ */
+
+!function(){"use strict";var e=function(e){if(null===e)return"null";if(void 0===e)return"undefined";var t=typeof e;return"object"===t&&(Array.prototype.isPrototypeOf(e)||e.constructor&&"Array"===e.constructor.name)?"array":"object"===t&&(String.prototype.isPrototypeOf(e)||e.constructor&&"String"===e.constructor.name)?"string":t},t=function(e){return{eq:e}},n=t((function(e,t){return e===t})),o=function(e){return t((function(t,n){if(t.length!==n.length)return!1;for(var o=t.length,r=0;r<o;r++)if(!e.eq(t[r],n[r]))return!1;return!0}))},r=function(e){return t((function(r,s){var a=Object.keys(r),i=Object.keys(s);if(!function(e,n){return function(e,n){return t((function(t,o){return e.eq(n(t),n(o))}))}(o(e),(function(e){return function(e,t){return Array.prototype.slice.call(e).sort(t)}(e,n)}))}(n).eq(a,i))return!1;for(var l=a.length,d=0;d<l;d++){var c=a[d];if(!e.eq(r[c],s[c]))return!1}return!0}))},s=t((function(t,n){if(t===n)return!0;var a=e(t);return a===e(n)&&(function(e){return-1!==["undefined","boolean","number","string","function","xml","null"].indexOf(e)}(a)?t===n:"array"===a?o(s).eq(t,n):"object"===a&&r(s).eq(t,n))}));const a=Object.getPrototypeOf,i=(e,t,n)=>{var o;return!!n(e,t.prototype)||(null===(o=e.constructor)||void 0===o?void 0:o.name)===t.name},l=e=>t=>(e=>{const t=typeof e;return null===e?"null":"object"===t&&Array.isArray(e)?"array":"object"===t&&i(e,String,((e,t)=>t.isPrototypeOf(e)))?"string":t})(t)===e,d=e=>t=>typeof t===e,c=e=>t=>e===t,u=(e,t)=>f(e)&&i(e,t,((e,t)=>a(e)===t)),m=l("string"),f=l("object"),g=e=>u(e,Object),p=l("array"),h=c(null),b=d("boolean"),v=c(void 0),y=e=>null==e,C=e=>!y(e),w=d("function"),E=d("number"),_=(e,t)=>{if(p(e)){for(let n=0,o=e.length;n<o;++n)if(!t(e[n]))return!1;return!0}return!1},x=()=>{},S=(e,t)=>(...n)=>e(t.apply(null,n)),k=(e,t)=>n=>e(t(n)),N=e=>()=>e,R=e=>e,A=(e,t)=>e===t;function T(e,...t){return(...n)=>{const o=t.concat(n);return e.apply(null,o)}}const O=e=>t=>!e(t),B=e=>()=>{throw new Error(e)},P=e=>e(),D=e=>{e()},L=N(!1),M=N(!0);class I{constructor(e,t){this.tag=e,this.value=t}static some(e){return new I(!0,e)}static none(){return I.singletonNone}fold(e,t){return this.tag?t(this.value):e()}isSome(){return this.tag}isNone(){return!this.tag}map(e){return this.tag?I?.some(e(this.value)):I.none()}bind(e){return this.tag?e(this.value):I.none()}exists(e){return this.tag&&e(this.value)}forall(e){return!this.tag||e(this.value)}filter(e){return!this.tag||e(this.value)?this:I.none()}getOr(e){return this.tag?this.value:e}or(e){return this.tag?this:e}getOrThunk(e){return this.tag?this.value:e()}orThunk(e){return this.tag?this:e()}getOrDie(e){if(this.tag)return this.value;throw new Error(null!=e?e:"Called getOrDie on None")}static from(e){return C(e)?I?.some(e):I.none()}getOrNull(){return this.tag?this.value:null}getOrUndefined(){return this.value}each(e){this.tag&&e(this.value)}toArray(){return this.tag?[this.value]:[]}toString(){return this.tag?`some(${this.value})`:"none()"}}I.singletonNone=new I(!1);const F=Array.prototype.slice,U=Array.prototype.indexOf,z=Array.prototype.push,j=(e,t)=>U.call(e,t),H=(e,t)=>j(e,t)>-1,$=(e,t)=>{for(let n=0,o=e.length;n<o;n++)if(t(e[n],n))return!0;return!1},V=(e,t)=>{const n=e.length,o=new Array(n);for(let r=0;r<n;r++){const n=e[r];o[r]=t(n,r)}return o},q=(e,t)=>{for(let n=0,o=e.length;n<o;n++)t(e[n],n)},W=(e,t)=>{for(let n=e.length-1;n>=0;n--)t(e[n],n)},K=(e,t)=>{const n=[],o=[];for(let r=0,s=e.length;r<s;r++){const s=e[r];(t(s,r)?n:o).push(s)}return{pass:n,fail:o}},Y=(e,t)=>{const n=[];for(let o=0,r=e.length;o<r;o++){const r=e[o];t(r,o)&&n.push(r)}return n},G=(e,t,n)=>(W(e,((e,o)=>{n=t(n,e,o)})),n),X=(e,t,n)=>(q(e,((e,o)=>{n=t(n,e,o)})),n),Z=(e,t,n)=>{for(let o=0,r=e.length;o<r;o++){const r=e[o];if(t(r,o))return I?.some(r);if(n(r,o))break}return I.none()},Q=(e,t)=>Z(e,t,L),J=(e,t)=>{for(let n=0,o=e.length;n<o;n++)if(t(e[n],n))return I?.some(n);return I.none()},ee=e=>{const t=[];for(let n=0,o=e.length;n<o;++n){if(!p(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);z.apply(t,e[n])}return t},te=(e,t)=>ee(V(e,t)),ne=(e,t)=>{for(let n=0,o=e.length;n<o;++n)if(!0!==t(e[n],n))return!1;return!0},oe=e=>{const t=F.call(e,0);return t.reverse(),t},re=(e,t)=>Y(e,(e=>!H(t,e))),se=(e,t)=>{const n={};for(let o=0,r=e.length;o<r;o++){const r=e[o];n[String(r)]=t(r,o)}return n},ae=(e,t)=>{const n=F.call(e,0);return n.sort(t),n},ie=(e,t)=>t>=0&&t<e.length?I?.some(e[t]):I.none(),le=e=>ie(e,0),de=e=>ie(e,e.length-1),ce=w(Array.from)?Array.from:e=>F.call(e),ue=(e,t)=>{for(let n=0;n<e.length;n++){const o=t(e[n],n);if(o.isSome())return o}return I.none()},me=(e,t)=>{const n=[],o=w(t)?e=>$(n,(n=>t(n,e))):e=>H(n,e);for(let t=0,r=e.length;t<r;t++){const r=e[t];o(r)||n.push(r)}return n},fe=Object.keys,ge=Object.hasOwnProperty,pe=(e,t)=>{const n=fe(e);for(let o=0,r=n.length;o<r;o++){const r=n[o];t(e[r],r)}},he=(e,t)=>be(e,((e,n)=>({k:n,v:t(e,n)}))),be=(e,t)=>{const n={};return pe(e,((e,o)=>{const r=t(e,o);n[r.k]=r.v})),n},ve=e=>(t,n)=>{e[n]=t},ye=(e,t,n,o)=>{pe(e,((e,r)=>{(t(e,r)?n:o)(e,r)}))},Ce=(e,t)=>{const n={};return ye(e,t,ve(n),x),n},we=(e,t)=>{const n=[];return pe(e,((e,o)=>{n.push(t(e,o))})),n},Ee=e=>we(e,R),_e=(e,t)=>xe(e,t)?I.from(e[t]):I.none(),xe=(e,t)=>ge.call(e,t),Se=(e,t)=>xe(e,t)&&void 0!==e[t]&&null!==e[t],ke=e=>{if(!p(e))throw new Error("cases must be an array");if(0===e.length)throw new Error("there must be at least one case");const t=[],n={};return q(e,((o,r)=>{const s=fe(o);if(1!==s.length)throw new Error("one and only one name per case");const a=s[0],i=o[a];if(void 0!==n[a])throw new Error("duplicate key detected:"+a);if("cata"===a)throw new Error("cannot have a case named cata (sorry)");if(!p(i))throw new Error("case arguments must be an array");t.push(a),n[a]=(...n)=>{const o=n.length;if(o!==i.length)throw new Error("Wrong number of arguments to case "+a+". Expected "+i.length+" ("+i+"), got "+o);return{fold:(...t)=>{if(t.length!==e.length)throw new Error("Wrong number of arguments to fold. Expected "+e.length+", got "+t.length);return t[r].apply(null,n)},match:e=>{const o=fe(e);if(t.length!==o.length)throw new Error("Wrong number of arguments to match. Expected: "+t.join(",")+"\nActual: "+o.join(","));if(!ne(t,(e=>H(o,e))))throw new Error("Not all branches were specified when using match. Specified: "+o.join(", ")+"\nRequired: "+t.join(", "));return e[a].apply(null,n)},log:e=>{console.log(e,{constructors:t,constructor:a,params:n})}}}})),n},Ne=e=>{let t=e;return{get:()=>t,set:e=>{t=e}}},Re=e=>{const t=t=>t(e),n=N(e),o=()=>r,r={tag:!0,inner:e,fold:(t,n)=>n(e),isValue:M,isError:L,map:t=>Te.value(t(e)),mapError:o,bind:t,exists:t,forall:t,getOr:n,or:o,getOrThunk:n,orThunk:o,getOrDie:n,each:t=>{t(e)},toOptional:()=>I?.some(e)};return r},Ae=e=>{const t=()=>n,n={tag:!1,inner:e,fold:(t,n)=>t(e),isValue:L,isError:M,map:t,mapError:t=>Te.error(t(e)),bind:t,exists:L,forall:M,getOr:R,or:R,getOrThunk:P,orThunk:P,getOrDie:B(String(e)),each:x,toOptional:I.none};return n},Te={value:Re,error:Ae,fromOption:(e,t)=>e.fold((()=>Ae(t)),Re)},Oe="undefined"!=typeof window?window:Function("return this;")(),Be=()=>window.crypto.getRandomValues(new Uint32Array(1))[0]/4294967295;let Pe=0;const De=e=>{const t=(new Date).getTime(),n=Math.floor(1e9*Be());return Pe++,e+"_"+n+Pe+String(t)},Le=e=>(...t)=>{if(0===t.length)throw new Error("Can't merge zero objects");const n={};for(let o=0;o<t.length;o++){const r=t[o];for(const t in r)xe(r,t)&&(n[t]=e(n[t],r[t]))}return n},Me=Le(((e,t)=>g(e)&&g(t)?Me(e,t):t)),Ie=Le(((e,t)=>t)),Fe=(e,t,n=A)=>e.exists((e=>n(e,t))),Ue=(e,t,n=A)=>ze(e,t,n).getOr(e.isNone()&&t.isNone()),ze=(e,t,n)=>e.isSome()&&t.isSome()?I?.some(n(e.getOrDie(),t.getOrDie())):I.none(),je=(e,t)=>e?I?.some(t):I.none(),He=(e,t)=>((e,t)=>{let n=null!=t?t:Oe;for(let t=0;t<e.length&&null!=n;++t)n=n[e[t]];return n})(e.split("."),t);ke([{bothErrors:["error1","error2"]},{firstError:["error1","value2"]},{secondError:["value1","error2"]},{bothValues:["value1","value2"]}]);const $e=e=>{const t=Ne(I.none()),n=()=>t.get().each((e=>clearInterval(e)));return{clear:()=>{n(),t.set(I.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:o=>{n(),t.set(I?.some(setInterval(o,e)))}}},Ve=()=>{const e=(e=>{const t=Ne(I.none()),n=()=>t.get().each(e);return{clear:()=>{n(),t.set(I.none())},isSet:()=>t.get().isSome(),get:()=>t.get(),set:e=>{n(),t.set(I?.some(e))}}})(x);return{...e,on:t=>e.get().each(t)}},qe=(e,t,n)=>""===t||e.length>=t.length&&e.substr(n,n+t.length)===t,We=(e,t)=>Ye(e,t)?((e,t)=>e.substring(t))(e,t.length):e,Ke=(e,t,n=0,o)=>{const r=e.indexOf(t,n);return-1!==r&&(!!v(o)||r+t.length<=o)},Ye=(e,t)=>qe(e,t,0),Ge=(e,t)=>qe(e,t,e.length-t.length),Xe=e=>t=>t.replace(e,""),Ze=Xe(/^\s+|\s+$/g),Qe=Xe(/^\s+/g),Je=Xe(/\s+$/g),et=e=>e.length>0,tt=e=>!et(e),nt=(e,t=10)=>{const n=parseInt(e,t);return isNaN(n)?I.none():I?.some(n)},ot=(e,t)=>{let n=null;return{cancel:()=>{h(n)||(clearTimeout(n),n=null)},throttle:(...o)=>{h(n)&&(n=setTimeout((()=>{n=null,e.apply(null,o)}),t))}}},rt=(e,t)=>{let n=null;const o=()=>{h(n)||(clearTimeout(n),n=null)};return{cancel:o,throttle:(...r)=>{o(),n=setTimeout((()=>{n=null,e.apply(null,r)}),t)}}},st=e=>{let t,n=!1;return(...o)=>(n||(n=!0,t=e.apply(null,o)),t)},at="\ufeff",it="\xa0",lt=e=>e===at,dt=e=>{const t={};return q(e,(e=>{t[e]={}})),fe(t)},ct=e=>void 0!==e.length,ut=Array.isArray,mt=(e,t,n)=>{if(!e)return!1;if(n=n||e,ct(e)){for(let o=0,r=e.length;o<r;o++)if(!1===t.call(n,e[o],o,e))return!1}else for(const o in e)if(xe(e,o)&&!1===t.call(n,e[o],o,e))return!1;return!0},ft=(e,t)=>{const n=[];return mt(e,((o,r)=>{n.push(t(o,r,e))})),n},gt=(e,t)=>{const n=[];return mt(e,((o,r)=>{t&&!t(o,r,e)||n.push(o)})),n},pt=(e,t,n,o)=>{let r=v(n)?e[0]:n;for(let n=0;n<e.length;n++)r=t.call(o,r,e[n],n);return r},ht=(e,t,n)=>{for(let o=0,r=e.length;o<r;o++)if(t.call(n,e[o],o,e))return o;return-1},bt=e=>e[e.length-1],vt=()=>yt(0,0),yt=(e,t)=>({major:e,minor:t}),Ct={nu:yt,detect:(e,t)=>{const n=String(t).toLowerCase();return 0===e.length?vt():((e,t)=>{const n=((e,t)=>{for(let n=0;n<e.length;n++){const o=e[n];if(o.test(t))return o}})(e,t);if(!n)return{major:0,minor:0};const o=e=>Number(t.replace(n,"$"+e));return yt(o(1),o(2))})(e,n)},unknown:vt},wt=(e,t)=>{const n=String(t).toLowerCase();return Q(e,(e=>e.search(n)))},Et=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,_t=e=>t=>Ke(t,e),xt=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:e=>Ke(e,"edge/")&&Ke(e,"chrome")&&Ke(e,"safari")&&Ke(e,"applewebkit")},{name:"Chromium",brand:"Chromium",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,Et],search:e=>Ke(e,"chrome")&&!Ke(e,"chromeframe")},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:e=>Ke(e,"msie")||Ke(e,"trident")},{name:"Opera",versionRegexes:[Et,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:_t("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:_t("firefox")},{name:"Safari",versionRegexes:[Et,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:e=>(Ke(e,"safari")||Ke(e,"mobile/"))&&Ke(e,"applewebkit")}],St=[{name:"Windows",search:_t("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:e=>Ke(e,"iphone")||Ke(e,"ipad"),versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:_t("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"macOS",search:_t("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:_t("linux"),versionRegexes:[]},{name:"Solaris",search:_t("sunos"),versionRegexes:[]},{name:"FreeBSD",search:_t("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:_t("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],kt={browsers:N(xt),oses:N(St)},Nt="Edge",Rt="Chromium",At="Opera",Tt="Firefox",Ot="Safari",Bt=e=>{const t=e.current,n=e.version,o=e=>()=>t===e;return{current:t,version:n,isEdge:o(Nt),isChromium:o(Rt),isIE:o("IE"),isOpera:o(At),isFirefox:o(Tt),isSafari:o(Ot)}},Pt=()=>Bt({current:void 0,version:Ct.unknown()}),Dt=Bt,Lt=(N(Nt),N(Rt),N("IE"),N(At),N(Tt),N(Ot),"Windows"),Mt="Android",It="Linux",Ft="macOS",Ut="Solaris",zt="FreeBSD",jt="ChromeOS",Ht=e=>{const t=e.current,n=e.version,o=e=>()=>t===e;return{current:t,version:n,isWindows:o(Lt),isiOS:o("iOS"),isAndroid:o(Mt),isMacOS:o(Ft),isLinux:o(It),isSolaris:o(Ut),isFreeBSD:o(zt),isChromeOS:o(jt)}},$t=()=>Ht({current:void 0,version:Ct.unknown()}),Vt=Ht,qt=(N(Lt),N("iOS"),N(Mt),N(It),N(Ft),N(Ut),N(zt),N(jt),e=>window.matchMedia(e).matches);let Wt=st((()=>((e,t,n)=>{const o=kt.browsers(),r=kt.oses(),s=t.bind((e=>((e,t)=>ue(t.brands,(t=>{const n=t.brand.toLowerCase();return Q(e,(e=>{var t;return n===(null===(t=e.brand)||void 0===t?void 0:t.toLowerCase())}))?.map((e=>({current:e.name,version:Ct.nu(parseInt(t.version,10),0)})))})))(o,e))).orThunk((()=>((e,t)=>wt(e,t)?.map((e=>{const n=Ct.detect(e.versionRegexes,t);return{current:e.name,version:n}})))(o,e))).fold(Pt,Dt),a=((e,t)=>wt(e,t)?.map((e=>{const n=Ct.detect(e.versionRegexes,t);return{current:e.name,version:n}})))(r,e).fold($t,Vt),i=((e,t,n,o)=>{const r=e.isiOS()&&!0===/ipad/i.test(n),s=e.isiOS()&&!r,a=e.isiOS()||e.isAndroid(),i=a||o("(pointer:coarse)"),l=r||!s&&a&&o("(min-device-width:768px)"),d=s||a&&!l,c=t.isSafari()&&e.isiOS()&&!1===/safari/i.test(n),u=!d&&!l&&!c;return{isiPad:N(r),isiPhone:N(s),isTablet:N(l),isPhone:N(d),isTouch:N(i),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:N(c),isDesktop:N(u)}})(a,s,e,n);return{browser:s,os:a,deviceType:i}})(window.navigator.userAgent,I.from(window.navigator.userAgentData),qt)));const Kt=()=>Wt(),Yt=Object.getPrototypeOf,Gt=e=>{const t=He("ownerDocument.defaultView",e);return f(e)&&((e=>((e,t)=>{const n=((e,t)=>He(e,t))(e,t);if(null==n)throw new Error(e+" not available on this browser");return n})("HTMLElement",e))(t).prototype.isPrototypeOf(e)||/^HTML\w*Element$/.test(Yt(e).constructor.name))},Xt=window.navigator.userAgent,Zt=Kt(),Qt=Zt.browser,Jt=Zt.os,en=Zt.deviceType,tn=-1!==Xt.indexOf("Windows Phone"),nn={transparentSrc:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",documentMode:Qt.isIE()?document.documentMode||7:10,cacheSuffix:null,container:null,canHaveCSP:!Qt.isIE(),windowsPhone:tn,browser:{current:Qt.current,version:Qt.version,isChromium:Qt.isChromium,isEdge:Qt.isEdge,isFirefox:Qt.isFirefox,isIE:Qt.isIE,isOpera:Qt.isOpera,isSafari:Qt.isSafari},os:{current:Jt.current,version:Jt.version,isAndroid:Jt.isAndroid,isChromeOS:Jt.isChromeOS,isFreeBSD:Jt.isFreeBSD,isiOS:Jt.isiOS,isLinux:Jt.isLinux,isMacOS:Jt.isMacOS,isSolaris:Jt.isSolaris,isWindows:Jt.isWindows},deviceType:{isDesktop:en.isDesktop,isiPad:en.isiPad,isiPhone:en.isiPhone,isPhone:en.isPhone,isTablet:en.isTablet,isTouch:en.isTouch,isWebView:en.isWebView}},on=/^\s*|\s*$/g,rn=e=>y(e)?"":(""+e).replace(on,""),sn=function(e,t,n,o){o=o||this,e&&(n&&(e=e[n]),mt(e,((e,r)=>!1!==t.call(o,e,r,n)&&(sn(e,t,n,o),!0))))},an={trim:rn,isArray:ut,is:(e,t)=>t?!("array"!==t||!ut(e))||typeof e===t:void 0!==e,toArray:e=>{if(ut(e))return e;{const t=[];for(let n=0,o=e.length;n<o;n++)t[n]=e[n];return t}},makeMap:(e,t,n={})=>{const o=m(e)?e.split(t||","):e||[];let r=o.length;for(;r--;)n[o[r]]={};return n},each:mt,map:ft,grep:gt,inArray:(e,t)=>{if(e)for(let n=0,o=e.length;n<o;n++)if(e[n]===t)return n;return-1},hasOwn:xe,extend:(e,...t)=>{for(let n=0;n<t.length;n++){const o=t[n];for(const t in o)if(xe(o,t)){const n=o[t];void 0!==n&&(e[t]=n)}}return e},walk:sn,resolve:(e,t=window)=>{const n=e.split(".");for(let e=0,o=n.length;e<o&&(t=t[n[e]]);e++);return t},explode:(e,t)=>p(e)?e:""===e?[]:ft(e.split(t||","),rn),_addCacheSuffix:e=>{const t=nn.cacheSuffix;return t&&(e+=(-1===e.indexOf("?")?"?":"&")+t),e}},ln=e=>{if(null==e)throw new Error("Node cannot be null or undefined");return{dom:e}},dn=(e,t)=>{const n=(t||document).createElement("div");if(n.innerHTML=e,!n.hasChildNodes()||n.childNodes.length>1){const t="HTML does not have a single root node";throw console.error(t,e),new Error(t)}return ln(n.childNodes[0])},cn=(e,t)=>{const n=(t||document).createElement(e);return ln(n)},un=(e,t)=>{const n=(t||document).createTextNode(e);return ln(n)},mn=ln,fn=(e,t,n)=>I.from(e.dom.elementFromPoint(t,n))?.map(ln),gn=(e,t,n)=>{const o=e.document.createRange();var r;return r=o,t.fold((e=>{r.setStartBefore(e.dom)}),((e,t)=>{r.setStart(e.dom,t)}),(e=>{r.setStartAfter(e.dom)})),((e,t)=>{t.fold((t=>{e.setEndBefore(t.dom)}),((t,n)=>{e.setEnd(t.dom,n)}),(t=>{e.setEndAfter(t.dom)}))})(o,n),o},pn=(e,t,n,o,r)=>{const s=e.document.createRange();return s.setStart(t.dom,n),s.setEnd(o.dom,r),s},hn=ke([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),bn=(e,t,n)=>t(mn(n.startContainer),n.startOffset,mn(n.endContainer),n.endOffset);hn.ltr,hn.rtl;const vn=(e,t)=>{const n=e.dom;if(1!==n.nodeType)return!1;{const e=n;if(void 0!==e.matches)return e.matches(t);if(void 0!==e.msMatchesSelector)return e.msMatchesSelector(t);if(void 0!==e.webkitMatchesSelector)return e.webkitMatchesSelector(t);if(void 0!==e.mozMatchesSelector)return e.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")}},yn=e=>1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount,Cn=(e,t)=>e.dom===t.dom,wn=(e,t)=>{const n=e.dom,o=t.dom;return n!==o&&n.contains(o)},En=(e,t)=>{const n=[],o=e=>(n.push(e),t(e));let r=t(e);do{r=r.bind(o)}while(r.isSome());return n},_n=e=>e.dom.nodeName.toLowerCase(),xn=e=>e.dom.nodeType,Sn=e=>t=>xn(t)===e,kn=e=>Nn(e)&&Gt(e.dom),Nn=Sn(1),Rn=Sn(3),An=Sn(9),Tn=Sn(11),On=e=>t=>Nn(t)&&_n(t)===e,Bn=e=>mn(e.dom.ownerDocument),Pn=e=>An(e)?e:Bn(e),Dn=e=>mn(Pn(e).dom.defaultView),Ln=e=>I.from(e.dom.parentNode)?.map(mn),Mn=e=>I.from(e.dom.parentElement)?.map(mn),In=(e,t)=>{const n=w(t)?t:L;let o=e.dom;const r=[];for(;null!==o.parentNode&&void 0!==o.parentNode;){const e=o.parentNode,t=mn(e);if(r.push(t),!0===n(t))break;o=e}return r},Fn=e=>I.from(e.dom.previousSibling)?.map(mn),Un=e=>I.from(e.dom.nextSibling)?.map(mn),zn=e=>oe(En(e,Fn)),jn=e=>En(e,Un),Hn=e=>V(e.dom.childNodes,mn),$n=(e,t)=>{const n=e.dom.childNodes;return I.from(n[t])?.map(mn)},Vn=e=>$n(e,0),qn=e=>$n(e,e.dom.childNodes.length-1),Wn=e=>e.dom.childNodes.length,Kn=e=>Tn(e)&&C(e.dom.host),Yn=e=>mn(e.dom.getRootNode()),Gn=e=>Kn(e)?e:(e=>{const t=e.dom.head;if(null==t)throw new Error("Head is not available yet");return mn(t)})(Pn(e)),Xn=e=>mn(e.dom.host),Zn=e=>{if(C(e.target)){const t=mn(e.target);if(Nn(t)&&Qn(t)&&e.composed&&e.composedPath){const t=e.composedPath();if(t)return le(t)}}return I.from(e.target)},Qn=e=>C(e.dom.shadowRoot),Jn=(e,t,n,o)=>((e,t,n,o,r)=>{const s=((e,t)=>n=>{e(n)&&t((e=>{const t=mn(Zn(e).getOr(e.target)),n=()=>e.stopPropagation(),o=()=>e.preventDefault(),r=S(o,n);return((e,t,n,o,r,s,a)=>({target:e,x:t,y:n,stop:o,prevent:r,kill:s,raw:a}))(t,e.clientX,e.clientY,n,o,r,e)})(n))})(n,o);return e.dom.addEventListener(t,s,r),{unbind:T(eo,e,t,s,r)}})(e,t,n,o,!1),eo=(e,t,n,o)=>{e.dom.removeEventListener(t,n,o)},to=M,no=()=>mn(document),oo=(e,t=!1)=>e.dom.focus({preventScroll:t}),ro=e=>{const t=Yn(e).dom;return e.dom===t.activeElement},so=(e=no())=>I.from(e.dom.activeElement)?.map(mn),ao=(e,t)=>{Ln(e).each((n=>{n.dom.insertBefore(t.dom,e.dom)}))},io=(e,t)=>{Un(e).fold((()=>{Ln(e).each((e=>{co(e,t)}))}),(e=>{ao(e,t)}))},lo=(e,t)=>{Vn(e).fold((()=>{co(e,t)}),(n=>{e.dom.insertBefore(t.dom,n.dom)}))},co=(e,t)=>{e.dom.appendChild(t.dom)},uo=(e,t)=>{ao(e,t),co(t,e)},mo=(e,t)=>{q(t,(t=>{co(e,t)}))},fo=(e,t,n)=>{if(!(m(n)||b(n)||E(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")},go=(e,t,n)=>{fo(e.dom,t,n)},po=(e,t)=>{const n=e.dom;pe(t,((e,t)=>{fo(n,t,e)}))},ho=(e,t)=>{const n=e.dom.getAttribute(t);return null===n?void 0:n},bo=(e,t)=>I.from(ho(e,t)),vo=(e,t)=>{const n=e.dom;return!(!n||!n.hasAttribute)&&n.hasAttribute(t)},yo=(e,t)=>{e.dom.removeAttribute(t)},Co=e=>X(e.dom.attributes,((e,t)=>(e[t.name]=t.value,e)),{}),wo=e=>{e.dom.textContent="",q(Hn(e),(e=>{Eo(e)}))},Eo=e=>{const t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},_o=e=>{const t=Hn(e);var n,o;t.length>0&&(n=e,q(o=t,((e,t)=>{const r=0===t?n:o[t-1];io(r,e)}))),Eo(e)},xo=(e,t)=>mn(e.dom.cloneNode(t)),So=e=>xo(e,!1),ko=e=>xo(e,!0),No=e=>V(e,mn),Ro=e=>e.dom.innerHTML,Ao=(e,t)=>{const n=Bn(e).dom,o=mn(n.createDocumentFragment()),r=((e,t)=>{const n=(t||document).createElement("div");return n.innerHTML=e,Hn(mn(n))})(t,n);mo(o,r),wo(e),co(e,o)},To=e=>void 0!==e.style&&w(e.style.getPropertyValue),Oo=e=>{const t=Rn(e)?e.dom.parentNode:e.dom;if(null==t||null===t.ownerDocument)return!1;const n=t.ownerDocument;return(e=>{const t=Yn(e);return Kn(t)?I?.some(t):I.none()})(mn(t)).fold((()=>n.body.contains(t)),k(Oo,Xn))},Bo=(e,t,n)=>{if(!m(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);To(e)&&e.style.setProperty(t,n)},Po=(e,t,n)=>{const o=e.dom;Bo(o,t,n)},Do=(e,t)=>{const n=e.dom;pe(t,((e,t)=>{Bo(n,t,e)}))},Lo=(e,t)=>{const n=e.dom,o=window.getComputedStyle(n).getPropertyValue(t);return""!==o||Oo(e)?o:Mo(n,t)},Mo=(e,t)=>To(e)?e.style.getPropertyValue(t):"",Io=(e,t)=>{const n=e.dom,o=Mo(n,t);return I.from(o).filter((e=>e.length>0))},Fo=e=>{const t={},n=e.dom;if(To(n))for(let e=0;e<n.style.length;e++){const o=n.style.item(e);t[o]=n.style[o]}return t},Uo=(e,t)=>{((e,t)=>{To(e)&&e.style.removeProperty(t)})(e.dom,t),Fe(bo(e,"style")?.map(Ze),"")&&yo(e,"style")},zo=(e=>{const t=t=>{const n=(e=>{const t=e.dom;return Oo(e)?t.getBoundingClientRect().height:t.offsetHeight})(t);if(n<=0||null===n){const n=Lo(t,e);return parseFloat(n)||0}return n},n=(e,t)=>X(t,((t,n)=>{const o=Lo(e,n),r=void 0===o?0:parseInt(o,10);return isNaN(r)?t:t+r}),0);return{set:(t,n)=>{if(!E(n)&&!n.match(/^[0-9]+$/))throw new Error(e+".set accepts only positive integer values. Value was "+n);const o=t.dom;To(o)&&(o.style[e]=n+"px")},get:t,getOuter:t,aggregate:n,max:(e,t,o)=>{const r=n(e,o);return t>r?t-r:0}}})("height"),jo=(e,t)=>({left:e,top:t,translate:(n,o)=>jo(e+n,t+o)}),Ho=jo,$o=(e,t)=>void 0!==e?e:void 0!==t?t:0,Vo=e=>{const t=e.dom,n=t.ownerDocument.body;return n===t?Ho(n.offsetLeft,n.offsetTop):Oo(e)?(e=>{const t=e.getBoundingClientRect();return Ho(t.left,t.top)})(t):Ho(0,0)},qo=e=>{const t=void 0!==e?e.dom:document,n=t.body.scrollLeft||t.documentElement.scrollLeft,o=t.body.scrollTop||t.documentElement.scrollTop;return Ho(n,o)},Wo=(e,t,n)=>{const o=(void 0!==n?n.dom:document).defaultView;o&&o.scrollTo(e,t)},Ko=(e,t)=>{Kt().browser.isSafari()&&w(e.dom.scrollIntoViewIfNeeded)?e.dom.scrollIntoViewIfNeeded(!1):e.dom.scrollIntoView(t)},Yo=(e,t)=>{const n=(t||document).createDocumentFragment();return q(e,(e=>{n.appendChild(e.dom)})),mn(n)},Go=(e=>{const t=t=>e(t)?I.from(t.dom.nodeValue):I.none();return{get:n=>{if(!e(n))throw new Error("Can only get text value of a text node");return t(n).getOr("")},getOption:t,set:(t,n)=>{if(!e(t))throw new Error("Can only set raw text value of a text node");t.dom.nodeValue=n}}})(Rn),Xo=e=>Go.get(e),Zo=(e,t)=>Go.set(e,t),Qo=(e,t)=>{const n=ho(e,t);return void 0===n||""===n?[]:n.split(" ")};var Jo=(e,t,n,o,r)=>e(n,o)?I?.some(n):w(r)&&r(n)?I.none():t(n,o,r);const er=(e,t,n)=>{let o=e.dom;const r=w(n)?n:L;for(;o.parentNode;){o=o.parentNode;const e=mn(o);if(t(e))return I?.some(e);if(r(e))break}return I.none()},tr=(e,t,n)=>Jo(((e,t)=>t(e)),er,e,t,n),nr=(e,t)=>{const n=e=>{for(let o=0;o<e.childNodes.length;o++){const r=mn(e.childNodes[o]);if(t(r))return I?.some(r);const s=n(e.childNodes[o]);if(s.isSome())return s}return I.none()};return n(e.dom)},or=(e,t,n)=>er(e,(e=>vn(e,t)),n),rr=(e,t)=>((e,t)=>{const n=void 0===t?document:t.dom;return yn(n)?I.none():I.from(n.querySelector(e))?.map(mn)})(t,e),sr=(e,t,n)=>Jo(((e,t)=>vn(e,t)),or,e,t,n),ar=e=>void 0!==e.dom.classList,ir=e=>Qo(e,"class"),lr=(e,t)=>((e,t,n)=>{const o=Qo(e,t).concat([n]);return go(e,t,o.join(" ")),!0})(e,"class",t),dr=(e,t)=>((e,t,n)=>{const o=Y(Qo(e,t),(e=>e!==n));return o.length>0?go(e,t,o.join(" ")):yo(e,t),!1})(e,"class",t),cr=(e,t)=>{ar(e)?e.dom.classList.add(t):lr(e,t)},ur=e=>{0===(ar(e)?e.dom.classList:ir(e)).length&&yo(e,"class")},mr=(e,t)=>{ar(e)?e.dom.classList.remove(t):dr(e,t),ur(e)},fr=(e,t)=>ar(e)&&e.dom.classList.contains(t),gr=(e,t=!1)=>{return Oo(e)?e.dom.isContentEditable:(n=e,sr(n,"[contenteditable]")).fold(N(t),(e=>"true"===pr(e)));var n},pr=e=>e.dom.contentEditable,hr=(e,t)=>{e.dom.contentEditable=t?"true":"false"},br=(e,t)=>{let n=[];return q(Hn(e),(e=>{t(e)&&(n=n.concat([e])),n=n.concat(br(e,t))})),n},vr=(e,t)=>((e,t)=>{const n=void 0===t?document:t.dom;return yn(n)?[]:V(n.querySelectorAll(e),mn)})(t,e),yr=(e,t,n)=>er(e,t,n).isSome(),Cr=(e,t)=>((e,t)=>{const n=e.dom;return n.parentNode?((e,t)=>Q(e.dom.childNodes,(e=>t(mn(e))))?.map(mn))(mn(n.parentNode),(n=>!Cn(e,n)&&t(n))):I.none()})(e,t).isSome(),wr=(e,t)=>nr(e,t).isSome(),Er=e=>w(e)?e:L,_r=(e,t,n)=>{const o=t(e),r=Er(n);return o.orThunk((()=>r(e)?I.none():((e,t,n)=>{let o=e.dom;const r=Er(n);for(;o.parentNode;){o=o.parentNode;const e=mn(o),n=t(e);if(n.isSome())return n;if(r(e))break}return I.none()})(e,t,r)))},xr=["img","br"],Sr=e=>{return(t=e,Go.getOption(t)).filter((e=>0!==e.trim().length||e.indexOf(it)>-1)).isSome()||H(xr,_n(e))||(e=>kn(e)&&"false"===ho(e,"contenteditable"))(e);var t},kr=(e,t,n,o)=>({start:e,soffset:t,finish:n,foffset:o}),Nr=ke([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),Rr={before:Nr.before,on:Nr.on,after:Nr.after,cata:(e,t,n,o)=>e.fold(t,n,o),getStart:e=>e.fold(R,R,R)},Ar=ke([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),Tr={domRange:Ar.domRange,relative:Ar.relative,exact:Ar.exact,exactFromRange:e=>Ar.exact(e.start,e.soffset,e.finish,e.foffset),getWin:e=>{const t=(e=>e.match({domRange:e=>mn(e.startContainer),relative:(e,t)=>Rr.getStart(e),exact:(e,t,n,o)=>e}))(e);return Dn(t)},range:kr},Or=(e,t)=>{const n=_n(e);return"input"===n?Rr.after(e):H(["br","img"],n)?0===t?Rr.before(e):Rr.after(e):Rr.on(e,t)},Br=(e,t)=>{const n=e.fold(Rr.before,Or,Rr.after),o=t.fold(Rr.before,Or,Rr.after);return Tr.relative(n,o)},Pr=(e,t,n,o)=>{const r=Or(e,t),s=Or(n,o);return Tr.relative(r,s)},Dr=e=>{const t=Tr.getWin(e).dom,n=(e,n,o,r)=>pn(t,e,n,o,r),o=(e=>e.match({domRange:e=>{const t=mn(e.startContainer),n=mn(e.endContainer);return Pr(t,e.startOffset,n,e.endOffset)},relative:Br,exact:Pr}))(e);return((e,t)=>{const n=((e,t)=>t.match({domRange:e=>({ltr:N(e),rtl:I.none}),relative:(t,n)=>({ltr:st((()=>gn(e,t,n))),rtl:st((()=>I?.some(gn(e,n,t))))}),exact:(t,n,o,r)=>({ltr:st((()=>pn(e,t,n,o,r))),rtl:st((()=>I?.some(pn(e,o,r,t,n))))})}))(e,t);return((e,t)=>{const n=t.ltr();return n.collapsed?t.rtl().filter((e=>!1===e.collapsed))?.map((e=>hn.rtl(mn(e.endContainer),e.endOffset,mn(e.startContainer),e.startOffset))).getOrThunk((()=>bn(0,hn.ltr,n))):bn(0,hn.ltr,n)})(0,n)})(t,o).match({ltr:n,rtl:n})},Lr=(e,t,n)=>((e,t,n)=>((e,t,n)=>e.caretPositionFromPoint?((e,t,n)=>{var o;return I.from(null===(o=e.caretPositionFromPoint)||void 0===o?void 0:o.call(e,t,n)).bind((t=>{if(null===t.offsetNode)return I.none();const n=e.createRange();return n.setStart(t.offsetNode,t.offset),n.collapse(),I?.some(n)}))})(e,t,n):e.caretRangeFromPoint?((e,t,n)=>{var o;return I.from(null===(o=e.caretRangeFromPoint)||void 0===o?void 0:o.call(e,t,n))})(e,t,n):I.none())(e.document,t,n)?.map((e=>kr(mn(e.startContainer),e.startOffset,mn(e.endContainer),e.endOffset))))(e,t,n),Mr=(e,t,n,o)=>({x:e,y:t,width:n,height:o,right:e+n,bottom:t+o}),Ir=e=>{const t=void 0===e?window:e,n=t.document,o=qo(mn(n));return(e=>{const t=void 0===e?window:e;return Kt().browser.isFirefox()?I.none():I.from(t.visualViewport)})(t).fold((()=>{const e=t.document.documentElement,n=e.clientWidth,r=e.clientHeight;return Mr(o.left,o.top,n,r)}),(e=>Mr(Math.max(e.pageLeft,o.left),Math.max(e.pageTop,o.top),e.width,e.height)))};class Fr{constructor(e,t){this.node=e,this.rootNode=t,this.current=this.current.bind(this),this.next=this.next.bind(this),this.prev=this.prev.bind(this),this.prev2=this.prev2.bind(this)}current(){return this.node}next(e){return this.node=this.findSibling(this.node,"firstChild","nextSibling",e),this.node}prev(e){return this.node=this.findSibling(this.node,"lastChild","previousSibling",e),this.node}prev2(e){return this.node=this.findPreviousNode(this.node,e),this.node}findSibling(e,t,n,o){if(e){if(!o&&e[t])return e[t];if(e!==this.rootNode){let t=e[n];if(t)return t;for(let o=e.parentNode;o&&o!==this.rootNode;o=o.parentNode)if(t=o[n],t)return t}}}findPreviousNode(e,t){if(e){const n=e.previousSibling;if(this.rootNode&&n===this.rootNode)return;if(n){if(!t)for(let e=n.lastChild;e;e=e.lastChild)if(!e.lastChild)return e;return n}const o=e.parentNode;if(o&&o!==this.rootNode)return o}}}const Ur=/^[ \t\r\n]*$/,zr=e=>Ur.test(e),jr=e=>"\n"===e||"\r"===e,Hr=(e,t=4,n=!0,o=!0)=>{const r=((e,t)=>t<=0?"":new Array(t+1).join(" "))(0,t),s=e.replace(/\t/g,r),a=X(s,((e,t)=>(e=>-1!==" \f\t\v".indexOf(e))(t)||t===it?e.pcIsSpace||""===e.str&&n||e.str.length===s.length-1&&o||((e,t)=>t<e.length&&t>=0&&jr(e[t]))(s,e.str.length+1)?{pcIsSpace:!1,str:e.str+it}:{pcIsSpace:!0,str:e.str+" "}:{pcIsSpace:jr(t),str:e.str+t}),{pcIsSpace:!1,str:""});return a.str},$r=e=>t=>!!t&&t.nodeType===e,Vr=e=>!!e&&!Object.getPrototypeOf(e),qr=$r(1),Wr=e=>qr(e)&&kn(mn(e)),Kr=e=>{const t=e.toLowerCase();return e=>C(e)&&e.nodeName.toLowerCase()===t},Yr=e=>{const t=e?.map((e=>e.toLowerCase()));return e=>{if(e&&e.nodeName){const n=e.nodeName.toLowerCase();return H(t,n)}return!1}},Gr=(e,t)=>{const n=t.toLowerCase().split(" ");return t=>{if(qr(t)){const o=t.ownerDocument.defaultView;if(o)for(let r=0;r<n.length;r++){const s=o.getComputedStyle(t,null);if((s?s.getPropertyValue(e):null)===n[r])return!0}}return!1}},Xr=e=>qr(e)&&e.hasAttribute("data-mce-bogus"),Zr=e=>qr(e)&&"TABLE"===e.tagName,Qr=e=>t=>{if(Wr(t)){if(t.contentEditable===e)return!0;if(t.getAttribute("data-mce-contenteditable")===e)return!0}return!1},Jr=Yr(["textarea","input"]),es=$r(3),ts=$r(4),ns=$r(7),os=$r(8),rs=$r(9),ss=$r(11),as=Kr("br"),is=Kr("img"),ls=Kr("a"),ds=Qr("true"),cs=Qr("false"),us=e=>Wr(e)&&e.isContentEditable&&C(e.parentElement)&&!e.parentElement.isContentEditable,ms=Yr(["td","th"]),fs=Yr(["td","th","caption"]),gs=Yr(["video","audio","object","embed"]),ps=Kr("li"),hs=Kr("details"),bs=Kr("summary"),vs={skipBogus:!0,includeZwsp:!1,checkRootAsContent:!1},ys=e=>qr(e)&&e.hasAttribute("data-mce-bookmark");const Cs=(e,t,n,o)=>es(e)&&!((e,t,n)=>zr(e.data)&&!((e,t,n)=>{const o=mn(t),r=mn(e),s=n.getWhitespaceElements();return yr(r,(e=>xe(s,_n(e))),T(Cn,o))})(e,t,n))(e,t,n)&&(!o.includeZwsp||!(e=>{for(const t of e)if(!lt(t))return!1;return!0})(e.data)),ws=(e,t,n,o)=>w(o.isContent)&&o.isContent(t)||((e,t)=>qr(e)&&xe(t.getNonEmptyElements(),e.nodeName))(t,e)||ys(t)||(e=>qr(e)&&"A"===e.nodeName&&!e.hasAttribute("href")&&(e.hasAttribute("name")||e.hasAttribute("id")))(t)||Cs(t,n,e,o)||cs(t)||ds(t)&&(e=>Mn(mn(e)).exists((e=>!gr(e))))(t),Es=(e,t,n)=>{const o={...vs,...n};if(o.checkRootAsContent&&ws(e,t,t,o))return!1;let r=t.firstChild,s=0;if(!r)return!0;const a=new Fr(r,t);do{if(o.skipBogus&&qr(r)){const e=r.getAttribute("data-mce-bogus");if(e){r=a.next("all"===e);continue}}if(os(r))r=a.next(!0);else if(as(r))s++,r=a.next();else{if(ws(e,r,t,o))return!1;r=a.next()}}while(r);return s<=1},_s=(e,t,n)=>Es(e,t.dom,{checkRootAsContent:!0,...n}),xs=(e,t,n)=>ws(e,t,t,{includeZwsp:vs.includeZwsp,...n}),Ss=e=>{const t=e.toLowerCase();return"svg"===t?"svg":"math"===t?"math":"html"},ks=e=>"html"!==Ss(e),Ns=e=>ks(e.nodeName),Rs=e=>Ss(e.nodeName),As=["svg","math"],Ts="data-mce-block",Os=e=>V((e=>Y(fe(e),(e=>!/[A-Z]/.test(e))))(e),(e=>{const t=CSS.escape(e);return`${t}:`+V(As,(e=>`not(${e} ${t})`)).join(":")})).join(","),Bs=(e,t)=>C(t.querySelector(e))?(t.setAttribute(Ts,"true"),"inline-boundary"===t.getAttribute("data-mce-selected")&&t.removeAttribute("data-mce-selected"),!0):(t.removeAttribute(Ts),!1),Ps=(e,t)=>{const n=Os(e.getTransparentElements()),o=Os(e.getBlockElements());return Y(t.querySelectorAll(n),(e=>Bs(o,e)))},Ds=(e,t,n)=>{var o;const r=n?"lastChild":"firstChild";for(let n=t[r];n;n=n[r])if(Es(e,n,{checkRootAsContent:!0}))return void(null===(o=n.parentNode)||void 0===o||o.removeChild(n))},Ls=(e,t,n)=>{const o=e.getBlockElements(),r=mn(t),s=e=>_n(e)in o,a=e=>Cn(e,r);q(No(n),(t=>{er(t,s,a).each((n=>{const o=(t=>Y(Hn(t),(t=>s(t)&&!e.isValidChild(_n(n),_n(t)))))(t);if(o.length>0){const t=Mn(n);q(o,(t=>{er(t,s,a).each((n=>{((e,t,n)=>{const o=document.createRange(),r=t.parentNode;if(r){o.setStartBefore(t),o.setEndBefore(n);const s=o.extractContents();Ds(e,s,!0),o.setStartAfter(n),o.setEndAfter(t);const a=o.extractContents();Ds(e,a,!1),Es(e,s,{checkRootAsContent:!0})||r.insertBefore(s,t),Es(e,n,{checkRootAsContent:!0})||r.insertBefore(n,t),Es(e,a,{checkRootAsContent:!0})||r.insertBefore(a,t),r.removeChild(t)}})(e,n.dom,t.dom)}))})),t.each((t=>Ps(e,t.dom)))}}))}))},Ms=(e,t)=>{const n=Ps(e,t);Ls(e,t,n),((e,t,n)=>{q([...n,...js(e,t)?[t]:[]],(t=>q(vr(mn(t),t.nodeName.toLowerCase()),(t=>{Hs(e,t.dom)&&_o(t)}))))})(e,t,n)},Is=(e,t)=>{if(zs(e,t)){const n=Os(e.getBlockElements());Bs(n,t)}},Fs=e=>e.hasAttribute(Ts),Us=(e,t)=>xe(e.getTransparentElements(),t),zs=(e,t)=>qr(t)&&Us(e,t.nodeName),js=(e,t)=>zs(e,t)&&Fs(t),Hs=(e,t)=>zs(e,t)&&!Fs(t),$s=(e,t)=>1===t.type&&Us(e,t.name)&&m(t.attr(Ts)),Vs=Kt().browser,qs=e=>Q(e,Nn),Ws=(e,t)=>e.children&&H(e.children,t),Ks=(e,t={})=>{let n=0;const o={},r=mn(e),s=Pn(r),a=e=>{co(Gn(r),e)},i=e=>{const t=Gn(r);rr(t,"#"+e).each(Eo)},l=e=>_e(o,e).getOrThunk((()=>({id:"mce-u"+n++,passed:[],failed:[],count:0}))),d=e=>new Promise(((n,r)=>{let i;const d=an._addCacheSuffix(e),c=l(d);o[d]=c,c.count++;const u=(e,t)=>{q(e,D),c.status=t,c.passed=[],c.failed=[],i&&(i.onload=null,i.onerror=null,i=null)},m=()=>u(c.passed,2),f=()=>u(c.failed,3);if(n&&c.passed.push(n),r&&c.failed.push(r),1===c.status)return;if(2===c.status)return void m();if(3===c.status)return void f();c.status=1;const g=cn("link",s.dom);po(g,{rel:"stylesheet",type:"text/css",id:c.id}),t.contentCssCors&&go(g,"crossOrigin","anonymous"),t.referrerPolicy&&go(g,"referrerpolicy",t.referrerPolicy),i=g.dom,i.onload=m,i.onerror=f,a(g),go(g,"href",d)})),c=e=>{const t=an._addCacheSuffix(e);_e(o,t).each((e=>{0==--e.count&&(delete o[t],i(e.id))}))};return{load:d,loadRawCss:(e,t)=>{const n=l(e);o[e]=n,n.count++;const r=cn("style",s.dom);po(r,{rel:"stylesheet",type:"text/css",id:n.id,"data-mce-key":e}),r.dom.innerHTML=t,a(r)},loadAll:e=>Promise.allSettled(V(e,(e=>d(e).then(N(e))))).then((e=>{const t=K(e,(e=>"fulfilled"===e.status));return t.fail.length>0?Promise.reject(V(t.fail,(e=>e.reason))):V(t.pass,(e=>e.value))})),unload:c,unloadRawCss:e=>{_e(o,e).each((t=>{0==--t.count&&(delete o[e],i(t.id))}))},unloadAll:e=>{q(e,(e=>{c(e)}))},_setReferrerPolicy:e=>{t.referrerPolicy=e},_setContentCssCors:e=>{t.contentCssCors=e}}},Ys=(()=>{const e=new WeakMap;return{forElement:(t,n)=>{const o=Yn(t).dom;return I.from(e.get(o)).getOrThunk((()=>{const t=Ks(o,n);return e.set(o,t),t}))}}})(),Gs=(e,t)=>C(e)&&(xs(t,e)||t.isInline(e.nodeName.toLowerCase())),Xs=e=>(e=>"span"===e.nodeName.toLowerCase())(e)&&"bookmark"===e.getAttribute("data-mce-type"),Zs=(e,t,n,o)=>{var r;const s=o||t;if(qr(t)&&Xs(t))return t;const a=t.childNodes;for(let t=a.length-1;t>=0;t--)Zs(e,a[t],n,s);if(qr(t)){const e=t.childNodes;1===e.length&&Xs(e[0])&&(null===(r=t.parentNode)||void 0===r||r.insertBefore(e[0],t))}return(e=>ss(e)||rs(e))(t)||xs(n,t)||(e=>!!qr(e)&&e.childNodes.length>0)(t)||((e,t,n)=>es(e)&&e.data.length>0&&((e,t,n)=>{const o=new Fr(e,t).prev(!1),r=new Fr(e,t).next(!1),s=v(o)||Gs(o,n),a=v(r)||Gs(r,n);return s&&a})(e,t,n))(t,s,n)||e.remove(t),t},Qs=an.makeMap,Js=/[&<>\"\u0060\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,ea=/[<>&\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,ta=/[<>&\"\']/g,na=/&#([a-z0-9]+);?|&([a-z0-9]+);/gi,oa={128:"\u20ac",130:"\u201a",131:"\u0192",132:"\u201e",133:"\u2026",134:"\u2020",135:"\u2021",136:"\u02c6",137:"\u2030",138:"\u0160",139:"\u2039",140:"\u0152",142:"\u017d",145:"\u2018",146:"\u2019",147:"\u201c",148:"\u201d",149:"\u2022",150:"\u2013",151:"\u2014",152:"\u02dc",153:"\u2122",154:"\u0161",155:"\u203a",156:"\u0153",158:"\u017e",159:"\u0178"},ra={'"':"&quot;","'":"&#39;","<":"&lt;",">":"&gt;","&":"&amp;","`":"&#96;"},sa={"&lt;":"<","&gt;":">","&amp;":"&","&quot;":'"',"&apos;":"'"},aa=(e,t)=>{const n={};if(e){const o=e.split(",");t=t||10;for(let e=0;e<o.length;e+=2){const r=String.fromCharCode(parseInt(o[e],t));if(!ra[r]){const t="&"+o[e+1]+";";n[r]=t,n[t]=r}}return n}},ia=aa("50,nbsp,51,iexcl,52,cent,53,pound,54,curren,55,yen,56,brvbar,57,sect,58,uml,59,copy,5a,ordf,5b,laquo,5c,not,5d,shy,5e,reg,5f,macr,5g,deg,5h,plusmn,5i,sup2,5j,sup3,5k,acute,5l,micro,5m,para,5n,middot,5o,cedil,5p,sup1,5q,ordm,5r,raquo,5s,frac14,5t,frac12,5u,frac34,5v,iquest,60,Agrave,61,Aacute,62,Acirc,63,Atilde,64,Auml,65,Aring,66,AElig,67,Ccedil,68,Egrave,69,Eacute,6a,Ecirc,6b,Euml,6c,Igrave,6d,Iacute,6e,Icirc,6f,Iuml,6g,ETH,6h,Ntilde,6i,Ograve,6j,Oacute,6k,Ocirc,6l,Otilde,6m,Ouml,6n,times,6o,Oslash,6p,Ugrave,6q,Uacute,6r,Ucirc,6s,Uuml,6t,Yacute,6u,THORN,6v,szlig,70,agrave,71,aacute,72,acirc,73,atilde,74,auml,75,aring,76,aelig,77,ccedil,78,egrave,79,eacute,7a,ecirc,7b,euml,7c,igrave,7d,iacute,7e,icirc,7f,iuml,7g,eth,7h,ntilde,7i,ograve,7j,oacute,7k,ocirc,7l,otilde,7m,ouml,7n,divide,7o,oslash,7p,ugrave,7q,uacute,7r,ucirc,7s,uuml,7t,yacute,7u,thorn,7v,yuml,ci,fnof,sh,Alpha,si,Beta,sj,Gamma,sk,Delta,sl,Epsilon,sm,Zeta,sn,Eta,so,Theta,sp,Iota,sq,Kappa,sr,Lambda,ss,Mu,st,Nu,su,Xi,sv,Omicron,t0,Pi,t1,Rho,t3,Sigma,t4,Tau,t5,Upsilon,t6,Phi,t7,Chi,t8,Psi,t9,Omega,th,alpha,ti,beta,tj,gamma,tk,delta,tl,epsilon,tm,zeta,tn,eta,to,theta,tp,iota,tq,kappa,tr,lambda,ts,mu,tt,nu,tu,xi,tv,omicron,u0,pi,u1,rho,u2,sigmaf,u3,sigma,u4,tau,u5,upsilon,u6,phi,u7,chi,u8,psi,u9,omega,uh,thetasym,ui,upsih,um,piv,812,bull,816,hellip,81i,prime,81j,Prime,81u,oline,824,frasl,88o,weierp,88h,image,88s,real,892,trade,89l,alefsym,8cg,larr,8ch,uarr,8ci,rarr,8cj,darr,8ck,harr,8dl,crarr,8eg,lArr,8eh,uArr,8ei,rArr,8ej,dArr,8ek,hArr,8g0,forall,8g2,part,8g3,exist,8g5,empty,8g7,nabla,8g8,isin,8g9,notin,8gb,ni,8gf,prod,8gh,sum,8gi,minus,8gn,lowast,8gq,radic,8gt,prop,8gu,infin,8h0,ang,8h7,and,8h8,or,8h9,cap,8ha,cup,8hb,int,8hk,there4,8hs,sim,8i5,cong,8i8,asymp,8j0,ne,8j1,equiv,8j4,le,8j5,ge,8k2,sub,8k3,sup,8k4,nsub,8k6,sube,8k7,supe,8kl,oplus,8kn,otimes,8l5,perp,8m5,sdot,8o8,lceil,8o9,rceil,8oa,lfloor,8ob,rfloor,8p9,lang,8pa,rang,9ea,loz,9j0,spades,9j3,clubs,9j5,hearts,9j6,diams,ai,OElig,aj,oelig,b0,Scaron,b1,scaron,bo,Yuml,m6,circ,ms,tilde,802,ensp,803,emsp,809,thinsp,80c,zwnj,80d,zwj,80e,lrm,80f,rlm,80j,ndash,80k,mdash,80o,lsquo,80p,rsquo,80q,sbquo,80s,ldquo,80t,rdquo,80u,bdquo,810,dagger,811,Dagger,81g,permil,81p,lsaquo,81q,rsaquo,85c,euro",32),la=(e,t)=>e.replace(t?Js:ea,(e=>ra[e]||e)),da=(e,t)=>e.replace(t?Js:ea,(e=>e.length>1?"&#"+(1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536)+";":ra[e]||"&#"+e.charCodeAt(0)+";")),ca=(e,t,n)=>{const o=n||ia;return e.replace(t?Js:ea,(e=>ra[e]||o[e]||e))},ua={encodeRaw:la,encodeAllRaw:e=>(""+e).replace(ta,(e=>ra[e]||e)),encodeNumeric:da,encodeNamed:ca,getEncodeFunc:(e,t)=>{const n=aa(t)||ia,o=Qs(e.replace(/\+/g,","));return o.named&&o.numeric?(e,t)=>e.replace(t?Js:ea,(e=>void 0!==ra[e]?ra[e]:void 0!==n[e]?n[e]:e.length>1?"&#"+(1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536)+";":"&#"+e.charCodeAt(0)+";")):o.named?t?(e,t)=>ca(e,t,n):ca:o.numeric?da:la},decode:e=>e.replace(na,((e,t)=>t?(t="x"===t.charAt(0).toLowerCase()?parseInt(t.substr(1),16):parseInt(t,10))>65535?(t-=65536,String.fromCharCode(55296+(t>>10),56320+(1023&t))):oa[t]||String.fromCharCode(t):sa[e]||ia[e]||(e=>{const t=cn("div").dom;return t.innerHTML=e,t.textContent||t.innerText||e})(e)))},ma=(e,t)=>(e=an.trim(e))?e.split(t||" "):[],fa=e=>new RegExp("^"+e.replace(/([?+*])/g,".$1")+"$"),ga=e=>Object.freeze(["id","accesskey","class","dir","lang","style","tabindex","title","role",..."html4"!==e?["contenteditable","contextmenu","draggable","dropzone","hidden","spellcheck","translate","itemprop","itemscope","itemtype"]:[],..."html5-strict"!==e?["xml:lang"]:[]]),pa=e=>{let t,n;t="address blockquote div dl fieldset form h1 h2 h3 h4 h5 h6 hr menu ol p pre table ul",n="a abbr b bdo br button cite code del dfn em embed i iframe img input ins kbd label map noscript object q s samp script select small span strong sub sup textarea u var #text #comment","html4"!==e&&(t+=" article aside details dialog figure main header footer hgroup section nav a ins del canvas map",n+=" audio canvas command data datalist mark meter output picture progress time wbr video ruby bdi keygen svg"),"html5-strict"!==e&&(n=[n,"acronym applet basefont big font strike tt"].join(" "),t=[t,"center dir isindex noframes"].join(" "));const o=[t,n].join(" ");return{blockContent:t,phrasingContent:n,flowContent:o}},ha=e=>{const{blockContent:t,phrasingContent:n,flowContent:o}=pa(e),r=e=>Object.freeze(e.split(" "));return Object.freeze({blockContent:r(t),phrasingContent:r(n),flowContent:r(o)})},ba={html4:st((()=>ha("html4"))),html5:st((()=>ha("html5"))),"html5-strict":st((()=>ha("html5-strict")))},va=(e,t)=>{const{blockContent:n,phrasingContent:o,flowContent:r}=ba[e]();return"blocks"===t?I?.some(n):"phrasing"===t?I?.some(o):"flow"===t?I?.some(r):I.none()},ya=e=>I.from(/^(@?)([A-Za-z0-9_\-.\u00b7\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]+)$/.exec(e))?.map((e=>({preset:"@"===e[1],name:e[2]}))),Ca={},wa=an.makeMap,Ea=an.each,_a=an.extend,xa=an.explode,Sa=(e,t={})=>{const n=wa(e," ",wa(e.toUpperCase()," "));return _a(n,t)},ka=e=>Sa("td th li dt dd figcaption caption details summary",e.getTextBlockElements()),Na=(e,t)=>{if(e){const n={};return m(e)&&(e={"*":e}),Ea(e,((e,o)=>{n[o]=n[o.toUpperCase()]="map"===t?wa(e,/[, ]/):xa(e,/[, ]/)})),n}},Ra=(e={})=>{var t;const n={},o={};let r=[];const s={},a={},i=(t,n,o)=>{const r=e[t];if(r)return wa(r,/[, ]/,wa(r.toUpperCase(),/[, ]/));{let e=Ca[t];return e||(e=Sa(n,o),Ca[t]=e),e}},l=null!==(t=e.schema)&&void 0!==t?t:"html5",d=(e=>{const t=ga(e),{phrasingContent:n,flowContent:o}=pa(e),r={},s=(e,t,n)=>{r[e]={attributes:se(t,N({})),attributesOrder:t,children:se(n,N({}))}},a=(e,n="",o="")=>{const r=ma(o),a=ma(e);let i=a.length;const l=[...t,...ma(n)];for(;i--;)s(a[i],l.slice(),r)},i=(e,t)=>{const n=ma(e),o=ma(t);let s=n.length;for(;s--;){const e=r[n[s]];for(let t=0,n=o.length;t<n;t++)e.attributes[o[t]]={},e.attributesOrder.push(o[t])}};return"html5-strict"!==e&&(q(ma("acronym applet basefont big font strike tt"),(e=>{a(e,"",n)})),q(ma("center dir isindex noframes"),(e=>{a(e,"",o)}))),a("html","manifest","head body"),a("head","","base command link meta noscript script style title"),a("title hr noscript br"),a("base","href target"),a("link","href rel media hreflang type sizes hreflang"),a("meta","name http-equiv content charset"),a("style","media type scoped"),a("script","src async defer type charset"),a("body","onafterprint onbeforeprint onbeforeunload onblur onerror onfocus onhashchange onload onmessage onoffline ononline onpagehide onpageshow onpopstate onresize onscroll onstorage onunload",o),a("dd div","",o),a("address dt caption","","html4"===e?n:o),a("h1 h2 h3 h4 h5 h6 pre p abbr code var samp kbd sub sup i b u bdo span legend em strong small s cite dfn","",n),a("blockquote","cite",o),a("ol","reversed start type","li"),a("ul","","li"),a("li","value",o),a("dl","","dt dd"),a("a","href target rel media hreflang type","html4"===e?n:o),a("q","cite",n),a("ins del","cite datetime",o),a("img","src sizes srcset alt usemap ismap width height"),a("iframe","src name width height",o),a("embed","src type width height"),a("object","data type typemustmatch name usemap form width height",[o,"param"].join(" ")),a("param","name value"),a("map","name",[o,"area"].join(" ")),a("area","alt coords shape href target rel media hreflang type"),a("table","border","caption colgroup thead tfoot tbody tr"+("html4"===e?" col":"")),a("colgroup","span","col"),a("col","span"),a("tbody thead tfoot","","tr"),a("tr","","td th"),a("td","colspan rowspan headers",o),a("th","colspan rowspan headers scope abbr",o),a("form","accept-charset action autocomplete enctype method name novalidate target",o),a("fieldset","disabled form name",[o,"legend"].join(" ")),a("label","form for",n),a("input","accept alt autocomplete checked dirname disabled form formaction formenctype formmethod formnovalidate formtarget height list max maxlength min multiple name pattern readonly required size src step type value width"),a("button","disabled form formaction formenctype formmethod formnovalidate formtarget name type value","html4"===e?o:n),a("select","disabled form multiple name required size","option optgroup"),a("optgroup","disabled label","option"),a("option","disabled label selected value"),a("textarea","cols dirname disabled form maxlength name readonly required rows wrap"),a("menu","type label",[o,"li"].join(" ")),a("noscript","",o),"html4"!==e&&(a("wbr"),a("ruby","",[n,"rt rp"].join(" ")),a("figcaption","",o),a("mark rt rp bdi","",n),a("summary","",[n,"h1 h2 h3 h4 h5 h6"].join(" ")),a("canvas","width height",o),a("data","value",n),a("video","src crossorigin poster preload autoplay mediagroup loop muted controls width height buffered",[o,"track source"].join(" ")),a("audio","src crossorigin preload autoplay mediagroup loop muted controls buffered volume",[o,"track source"].join(" ")),a("picture","","img source"),a("source","src srcset type media sizes"),a("track","kind src srclang label default"),a("datalist","",[n,"option"].join(" ")),a("article section nav aside main header footer","",o),a("hgroup","","h1 h2 h3 h4 h5 h6"),a("figure","",[o,"figcaption"].join(" ")),a("time","datetime",n),a("dialog","open",o),a("command","type label icon disabled checked radiogroup command"),a("output","for form name",n),a("progress","value max",n),a("meter","value min max low high optimum",n),a("details","open",[o,"summary"].join(" ")),a("keygen","autofocus challenge disabled form keytype name"),s("svg","id tabindex lang xml:space class style x y width height viewBox preserveAspectRatio zoomAndPan transform".split(" "),[])),"html5-strict"!==e&&(i("script","language xml:space"),i("style","xml:space"),i("object","declare classid code codebase codetype archive standby align border hspace vspace"),i("embed","align name hspace vspace"),i("param","valuetype type"),i("a","charset name rev shape coords"),i("br","clear"),i("applet","codebase archive code object alt name width height align hspace vspace"),i("img","name longdesc align border hspace vspace"),i("iframe","longdesc frameborder marginwidth marginheight scrolling align"),i("font basefont","size color face"),i("input","usemap align"),i("select"),i("textarea"),i("h1 h2 h3 h4 h5 h6 div p legend caption","align"),i("ul","type compact"),i("li","type"),i("ol dl menu dir","compact"),i("pre","width xml:space"),i("hr","align noshade size width"),i("isindex","prompt"),i("table","summary width frame rules cellspacing cellpadding align bgcolor"),i("col","width align char charoff valign"),i("colgroup","width align char charoff valign"),i("thead","align char charoff valign"),i("tr","align char charoff valign bgcolor"),i("th","axis align char charoff valign nowrap bgcolor width height"),i("form","accept"),i("td","abbr axis scope align char charoff valign nowrap bgcolor width height"),i("tfoot","align char charoff valign"),i("tbody","align char charoff valign"),i("area","nohref"),i("body","background bgcolor text link vlink alink")),"html4"!==e&&(i("input button select textarea","autofocus"),i("input textarea","placeholder"),i("a","download"),i("link script img","crossorigin"),i("img","loading"),i("iframe","sandbox seamless allow allowfullscreen loading referrerpolicy")),"html4"!==e&&q([r.video,r.audio],(e=>{delete e.children.audio,delete e.children.video})),q(ma("a form meter progress dfn"),(e=>{r[e]&&delete r[e].children[e]})),delete r.caption.children.table,delete r.script,r})(l);!1===e.verify_html&&(e.valid_elements="*[*]");const c=Na(e.valid_styles),u=Na(e.invalid_styles,"map"),g=Na(e.valid_classes,"map"),h=i("whitespace_elements","pre script noscript style textarea video audio iframe object code"),v=i("self_closing_elements","colgroup dd dt li option p td tfoot th thead tr"),y=i("void_elements","area base basefont br col frame hr img input isindex link meta param embed source wbr track"),C=i("boolean_attributes","checked compact declare defer disabled ismap multiple nohref noresize noshade nowrap readonly selected autoplay loop controls allowfullscreen"),w="td th iframe video audio object script code",E=i("non_empty_elements",w+" pre svg textarea summary",y),_=i("move_caret_before_on_enter_elements",w+" table",y),x="h1 h2 h3 h4 h5 h6",S=i("text_block_elements",x+" p div address pre form blockquote center dir fieldset header footer article section hgroup aside main nav figure"),k=i("block_elements","hr table tbody thead tfoot th tr td li ol ul caption dl dt dd noscript menu isindex option datalist select optgroup figcaption details summary html body multicol listing",S),R=i("text_inline_elements","span strong b em i font s strike u var cite dfn code mark q sup sub samp"),A=i("transparent_elements","a ins del canvas map"),T=i("wrap_block_elements","pre "+x);Ea("script noscript iframe noframes noembed title style textarea xmp plaintext".split(" "),(e=>{a[e]=new RegExp("</"+e+"[^>]*>","gi")}));const O=e=>{const t=I.from(n["@"]),o=/[*?+]/;q(((e,t)=>{const n=/^([#+\-])?([^\[!\/]+)(?:\/([^\[!]+))?(?:(!?)\[([^\]]+)])?$/;return te(ma(t,","),(t=>{const o=n.exec(t);if(o){const t=o[1],n=o[2],r=o[3],s=o[4],a=o[5],i={attributes:{},attributesOrder:[]};if(e.each((e=>((e,t)=>{pe(e.attributes,((e,n)=>{t.attributes[n]=e})),t.attributesOrder.push(...e.attributesOrder)})(e,i))),"#"===t?i.paddEmpty=!0:"-"===t&&(i.removeEmpty=!0),"!"===s&&(i.removeEmptyAttrs=!0),a&&((e,t)=>{const n=/^([!\-])?(\w+[\\:]:\w+|[^=~<]+)?(?:([=~<])(.*))?$/,o=/[*?+]/,{attributes:r,attributesOrder:s}=t;q(ma(e,"|"),(e=>{const a=n.exec(e);if(a){const e={},n=a[1],i=a[2].replace(/[\\:]:/g,":"),l=a[3],d=a[4];if("!"===n&&(t.attributesRequired=t.attributesRequired||[],t.attributesRequired.push(i),e.required=!0),"-"===n)return delete r[i],void s.splice(an.inArray(s,i),1);if(l&&("="===l?(t.attributesDefault=t.attributesDefault||[],t.attributesDefault.push({name:i,value:d}),e.defaultValue=d):"~"===l?(t.attributesForced=t.attributesForced||[],t.attributesForced.push({name:i,value:d}),e.forcedValue=d):"<"===l&&(e.validValues=an.makeMap(d,"?"))),o.test(i)){const n=e;t.attributePatterns=t.attributePatterns||[],n.pattern=fa(i),t.attributePatterns.push(n)}else r[i]||s.push(i),r[i]=e}}))})(a,i),r&&(i.outputName=n),"@"===n){if(!e.isNone())return[];e=I?.some(i)}return[r?{name:n,element:i,aliasName:r}:{name:n,element:i}]}return[]}))})(t,null!=e?e:""),(({name:e,element:t,aliasName:s})=>{if(s&&(n[s]=t),o.test(e)){const n=t;n.pattern=fa(e),r.push(n)}else n[e]=t}))},B=e=>{r=[],q(fe(n),(e=>{delete n[e]})),O(e)},P=(e,t)=>{var r,a;delete Ca.text_block_elements,delete Ca.block_elements;const i=!!t.extends&&!oe(t.extends),d=t.extends;if(o[e]=d?o[d]:{},s[e]=null!=d?d:e,E[e.toUpperCase()]={},E[e]={},i||(k[e.toUpperCase()]={},k[e]={}),d&&!n[e]&&n[d]){const t=(e=>{const t=e=>p(e)?V(e,t):(e=>f(e)&&e.source&&"[object RegExp]"===Object.prototype.toString.call(e))(e)?new RegExp(e.source,e.flags):f(e)?he(e,t):e;return t(e)})(n[d]);delete t.removeEmptyAttrs,delete t.removeEmpty,n[e]=t}else n[e]={attributesOrder:[],attributes:{}};if(p(t.attributes)){const o=e=>{s.attributesOrder.push(e),s.attributes[e]={}},s=null!==(r=n[e])&&void 0!==r?r:{};delete s.attributesDefault,delete s.attributesForced,delete s.attributePatterns,delete s.attributesRequired,s.attributesOrder=[],s.attributes={},q(t.attributes,(e=>{const t=ga(l);ya(e).each((({preset:e,name:n})=>{e?"global"===n&&q(t,o):o(n)}))})),n[e]=s}if(b(t.padEmpty)){const o=null!==(a=n[e])&&void 0!==a?a:{};o.paddEmpty=t.padEmpty,n[e]=o}if(p(t.children)){const n={},r=e=>{n[e]={}},s=e=>{va(l,e).each((e=>{q(e,r)}))};q(t.children,(e=>{ya(e).each((({preset:e,name:t})=>{e?s(t):r(t)}))})),o[e]=n}d&&pe(o,((t,n)=>{t[d]&&(o[n]=t=_a({},o[n]),t[e]=t[d])}))},D=e=>{f(e)?pe(e,((e,t)=>P(t,e))):m(e)&&(e=>{q((e=>{const t=/^(~)?(.+)$/;return te(ma(e,","),(e=>{const n=t.exec(e);return n?[{cloneName:"~"===n[1]?"span":"div",name:n[2]}]:[]}))})(null!=e?e:""),(({name:e,cloneName:t})=>{P(e,{extends:t})}))})(e)},L=e=>{q((e=>{const t=/^([+\-]?)([A-Za-z0-9_\-.\u00b7\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]+)\[([^\]]+)]$/;return te(ma(e,","),(e=>{const n=t.exec(e);if(n){const e=n[1],t=e?(e=>"-"===e?"remove":"add")(e):"replace";return[{operation:t,name:n[2],validChildren:te(ma(n[3],"|"),(e=>ya(e).toArray()))}]}return[]}))})(null!=e?e:""),(({operation:e,name:t,validChildren:n})=>{const r="replace"===e?{"#comment":{}}:o[t],s=t=>{"remove"===e?delete r[t]:r[t]={}};q(n,(({preset:e,name:t})=>{e?(e=>{va(l,e).each((e=>{q(e,s)}))})(t):s(t)})),o[t]=r}))},M=e=>{const t=n[e];if(t)return t;let o=r.length;for(;o--;){const t=r[o];if(t.pattern.test(e))return t}},F=N(c),U=N(u),z=N(g),j=N(C),H=N(k),$=N(S),W=N(R),K=N(Object.seal(y)),Y=N(v),G=N(E),X=N(_),Z=N(h),Q=N(A),J=N(T),ee=N(Object.seal(a)),ne=(e,t)=>{const n=M(e);if(n){if(!t)return!0;{if(n.attributes[t])return!0;const e=n.attributePatterns;if(e){let n=e.length;for(;n--;)if(e[n].pattern.test(t))return!0}}}return!1},oe=e=>xe(H(),e),re=e=>!Ye(e,"#")&&ne(e)&&!oe(e),ae=N(s);return e.valid_elements?(B(e.valid_elements),Ea(d,((e,t)=>{o[t]=e.children}))):(Ea(d,((e,t)=>{n[t]={attributes:e.attributes,attributesOrder:e.attributesOrder},o[t]=e.children})),Ea(ma("strong/b em/i"),(e=>{const t=ma(e,"/");n[t[1]].outputName=t[0]})),Ea(R,((t,o)=>{n[o]&&(e.padd_empty_block_inline_children&&(n[o].paddInEmptyBlock=!0),n[o].removeEmpty=!0)})),Ea(ma("ol ul blockquote a table tbody"),(e=>{n[e]&&(n[e].removeEmpty=!0)})),Ea(ma("p h1 h2 h3 h4 h5 h6 th td pre div address caption li summary"),(e=>{n[e]&&(n[e].paddEmpty=!0)})),Ea(ma("span"),(e=>{n[e].removeEmptyAttrs=!0}))),delete n.svg,D(e.custom_elements),L(e.valid_children),O(e.extended_valid_elements),L("+ol[ul|ol],+ul[ul|ol]"),Ea({dd:"dl",dt:"dl",li:"ul ol",td:"tr",th:"tr",tr:"tbody thead tfoot",tbody:"table",thead:"table",tfoot:"table",legend:"fieldset",area:"map",param:"video audio object"},((e,t)=>{n[t]&&(n[t].parentsRequired=ma(e))})),e.invalid_elements&&Ea(xa(e.invalid_elements),(e=>{n[e]&&delete n[e]})),M("span")||O("span[!data-mce-type|*]"),{type:l,children:o,elements:n,getValidStyles:F,getValidClasses:z,getBlockElements:H,getInvalidStyles:U,getVoidElements:K,getTextBlockElements:$,getTextInlineElements:W,getBoolAttrs:j,getElementRule:M,getSelfClosingElements:Y,getNonEmptyElements:G,getMoveCaretBeforeOnEnterElements:X,getWhitespaceElements:Z,getTransparentElements:Q,getSpecialElements:ee,isValidChild:(e,t)=>{const n=o[e.toLowerCase()];return!(!n||!n[t.toLowerCase()])},isValid:ne,isBlock:oe,isInline:re,isWrapper:e=>xe(J(),e)||re(e),getCustomElements:ae,addValidElements:O,setValidElements:B,addCustomElements:D,addValidChildren:L}},Aa=e=>{const t=e.toString(16);return(1===t.length?"0"+t:t).toUpperCase()},Ta=e=>(e=>{return{value:(t=e,We(t,"#").toUpperCase())};var t})(Aa(e.red)+Aa(e.green)+Aa(e.blue)),Oa=/^\s*rgb\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*\)\s*$/i,Ba=/^\s*rgba\s*\(\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*(\d+)\s*[,\s]\s*((?:\d?\.\d+|\d+)%?)\s*\)\s*$/i,Pa=(e,t,n,o)=>((e,t,n,o)=>({red:e,green:t,blue:n,alpha:o}))(parseInt(e,10),parseInt(t,10),parseInt(n,10),parseFloat(o)),Da=e=>{const t=Oa.exec(e);if(null!==t)return I?.some(Pa(t[1],t[2],t[3],"1"));const n=Ba.exec(e);return null!==n?I?.some(Pa(n[1],n[2],n[3],n[4])):I.none()},La=e=>`rgba(${e.red},${e.green},${e.blue},${e.alpha})`,Ma=e=>Da(e)?.map(Ta)?.map((e=>"#"+e.value)).getOr(e),Ia=(e={},t)=>{const n=/(?:url(?:(?:\(\s*\"([^\"]+)\"\s*\))|(?:\(\s*\'([^\']+)\'\s*\))|(?:\(\s*([^)\s]+)\s*\))))|(?:\'([^\']+)\')|(?:\"([^\"]+)\")/gi,o=/\s*([^:]+):\s*([^;]+);?/g,r=/\s+$/,s={};let a,i;const l=at;t&&(a=t.getValidStyles(),i=t.getInvalidStyles());const d="\\\" \\' \\; \\: ; : \ufeff".split(" ");for(let e=0;e<d.length;e++)s[d[e]]=l+e,s[l+e]=d[e];const c={parse:t=>{const a={};let i=!1;const d=e.url_converter,u=e.url_converter_scope||c,m=(e,t,n)=>{const o=a[e+"-top"+t];if(!o)return;const r=a[e+"-right"+t];if(!r)return;const s=a[e+"-bottom"+t];if(!s)return;const i=a[e+"-left"+t];if(!i)return;const l=[o,r,s,i];let d=l.length-1;for(;d--&&l[d]===l[d+1];);d>-1&&n||(a[e+t]=-1===d?l[0]:l.join(" "),delete a[e+"-top"+t],delete a[e+"-right"+t],delete a[e+"-bottom"+t],delete a[e+"-left"+t])},f=e=>{const t=a[e];if(!t)return;const n=t.indexOf(",")>-1?[t]:t.split(" ");let o=n.length;for(;o--;)if(n[o]!==n[0])return!1;return a[e]=n[0],!0},g=e=>(i=!0,s[e]),p=(e,t)=>(i&&(e=e.replace(/\uFEFF[0-9]/g,(e=>s[e]))),t||(e=e.replace(/\\([\'\";:])/g,"$1")),e),h=e=>String.fromCharCode(parseInt(e.slice(1),16)),b=e=>e.replace(/\\[0-9a-f]+/gi,h),v=(t,n,o,r,s,a)=>{if(s=s||a)return"'"+(s=p(s)).replace(/\'/g,"\\'")+"'";if(n=p(n||o||r||""),!e.allow_script_urls){const t=n.replace(/[\s\r\n]+/g,"");if(/(java|vb)script:/i.test(t))return"";if(!e.allow_svg_data_urls&&/^data:image\/svg/i.test(t))return""}return d&&(n=d.call(u,n,"style")),"url('"+n.replace(/\'/g,"\\'")+"')"};if(t){let s;for(t=(t=t.replace(/[\u0000-\u001F]/g,"")).replace(/\\[\"\';:\uFEFF]/g,g).replace(/\"[^\"]+\"|\'[^\']+\'/g,(e=>e.replace(/[;:]/g,g)));s=o.exec(t);){o.lastIndex=s.index+s[0].length;let t=s[1].replace(r,"").toLowerCase(),d=s[2].replace(r,"");if(t&&d){if(t=b(t),d=b(d),-1!==t.indexOf(l)||-1!==t.indexOf('"'))continue;if(!e.allow_script_urls&&("behavior"===t||/expression\s*\(|\/\*|\*\//.test(d)))continue;"font-weight"===t&&"700"===d?d="bold":"color"!==t&&"background-color"!==t||(d=d.toLowerCase()),"rgb"==(E=d,Oa.test(E)?"rgb":Ba.test(E)?"rgba":"other")&&Da(d).each((e=>{d=Ma(La(e)).toLowerCase()})),d=d.replace(n,v),a[t]=i?p(d,!0):d}}m("border","",!0),m("border","-width"),m("border","-color"),m("border","-style"),m("padding",""),m("margin",""),C="border-style",w="border-color",f(y="border-width")&&f(C)&&f(w)&&(a.border=a[y]+" "+a[C]+" "+a[w],delete a[y],delete a[C],delete a[w]),"medium none"===a.border&&delete a.border,"none"===a["border-image"]&&delete a["border-image"]}var y,C,w,E;return a},serialize:(e,t)=>{let n="";const o=(t,o)=>{const r=o[t];if(r)for(let t=0,o=r.length;t<o;t++){const o=r[t],s=e[o];s&&(n+=(n.length>0?" ":"")+o+": "+s+";")}};return t&&a?(o("*",a),o(t,a)):pe(e,((e,o)=>{e&&((e,t)=>{if(!i||!t)return!0;let n=i["*"];return!(n&&n[e]||(n=i[t],n&&n[e]))})(o,t)&&(n+=(n.length>0?" ":"")+o+": "+e+";")})),n}};return c},Fa={keyLocation:!0,layerX:!0,layerY:!0,returnValue:!0,webkitMovementX:!0,webkitMovementY:!0,keyIdentifier:!0,mozPressure:!0,mozInputSource:!0},Ua=(e,t)=>{const n=null!=t?t:{};for(const t in e)xe(Fa,t)||(n[t]=e[t]);return C(e.composedPath)&&(n.composedPath=()=>e.composedPath()),C(e.getModifierState)&&(n.getModifierState=t=>e.getModifierState(t)),C(e.getTargetRanges)&&(n.getTargetRanges=()=>e.getTargetRanges()),n},za=(e,t,n,o)=>{var r;const s=Ua(t,o);return s.type=e,y(s.target)&&(s.target=null!==(r=s.srcElement)&&void 0!==r?r:n),(e=>y(e.preventDefault)||(e=>e instanceof Event||w(e.initEvent))(e))(t)&&(s.preventDefault=()=>{s.defaultPrevented=!0,s.isDefaultPrevented=M,w(t.preventDefault)&&t.preventDefault()},s.stopPropagation=()=>{s.cancelBubble=!0,s.isPropagationStopped=M,w(t.stopPropagation)&&t.stopPropagation()},s.stopImmediatePropagation=()=>{s.isImmediatePropagationStopped=M,s.stopPropagation()},(e=>e.isDefaultPrevented===M||e.isDefaultPrevented===L)(s)||(s.isDefaultPrevented=!0===s.defaultPrevented?M:L,s.isPropagationStopped=!0===s.cancelBubble?M:L,s.isImmediatePropagationStopped=L)),s},ja=/^(?:mouse|contextmenu)|click/,Ha=(e,t,n,o)=>{e.addEventListener(t,n,o||!1)},$a=(e,t,n,o)=>{e.removeEventListener(t,n,o||!1)},Va=(e,t)=>{const n=za(e.type,e,document,t);if((e=>C(e)&&ja.test(e.type))(e)&&v(e.pageX)&&!v(e.clientX)){const t=n.target.ownerDocument||document,o=t.documentElement,r=t.body,s=n;s.pageX=e.clientX+(o&&o.scrollLeft||r&&r.scrollLeft||0)-(o&&o.clientLeft||r&&r.clientLeft||0),s.pageY=e.clientY+(o&&o.scrollTop||r&&r.scrollTop||0)-(o&&o.clientTop||r&&r.clientTop||0)}return n},qa=(e,t,n)=>{const o=e.document,r={type:"ready"};if(n.domLoaded)return void t(r);const s=()=>{$a(e,"DOMContentLoaded",s),$a(e,"load",s),n.domLoaded||(n.domLoaded=!0,t(r)),e=null};"complete"===o.readyState||"interactive"===o.readyState&&o.body?s():Ha(e,"DOMContentLoaded",s),n.domLoaded||Ha(e,"load",s)};class Wa{constructor(){this.domLoaded=!1,this.events={},this.count=1,this.expando="mce-data-"+(+new Date).toString(32),this.hasFocusIn="onfocusin"in document.documentElement,this.count=1}bind(e,t,n,o){const r=this;let s;const a=window,i=e=>{r.executeHandlers(Va(e||a.event),l)};if(!e||es(e)||os(e))return n;let l;e[r.expando]?l=e[r.expando]:(l=r.count++,e[r.expando]=l,r.events[l]={}),o=o||e;const d=t.split(" ");let c=d.length;for(;c--;){let t=d[c],u=i,m=!1,f=!1;"DOMContentLoaded"===t&&(t="ready"),r.domLoaded&&"ready"===t&&"complete"===e.readyState?n.call(o,Va({type:t})):(r.hasFocusIn||"focusin"!==t&&"focusout"!==t||(m=!0,f="focusin"===t?"focus":"blur",u=e=>{const t=Va(e||a.event);t.type="focus"===t.type?"focusin":"focusout",r.executeHandlers(t,l)}),s=r.events[l][t],s?"ready"===t&&r.domLoaded?n(Va({type:t})):s.push({func:n,scope:o}):(r.events[l][t]=s=[{func:n,scope:o}],s.fakeName=f,s.capture=m,s.nativeHandler=u,"ready"===t?qa(e,u,r):Ha(e,f||t,u,m)))}return e=s=null,n}unbind(e,t,n){if(!e||es(e)||os(e))return this;const o=e[this.expando];if(o){let r=this.events[o];if(t){const o=t.split(" ");let s=o.length;for(;s--;){const t=o[s],a=r[t];if(a){if(n){let e=a.length;for(;e--;)if(a[e].func===n){const n=a.nativeHandler,o=a.fakeName,s=a.capture,i=a.slice(0,e).concat(a.slice(e+1));i.nativeHandler=n,i.fakeName=o,i.capture=s,r[t]=i}}n&&0!==a.length||(delete r[t],$a(e,a.fakeName||t,a.nativeHandler,a.capture))}}}else pe(r,((t,n)=>{$a(e,t.fakeName||n,t.nativeHandler,t.capture)})),r={};for(const e in r)if(xe(r,e))return this;delete this.events[o];try{delete e[this.expando]}catch(t){e[this.expando]=null}}return this}fire(e,t,n){return this.dispatch(e,t,n)}dispatch(e,t,n){if(!e||es(e)||os(e))return this;const o=Va({type:t,target:e},n);do{const t=e[this.expando];t&&this.executeHandlers(o,t),e=e.parentNode||e.ownerDocument||e.defaultView||e.parentWindow}while(e&&!o.isPropagationStopped());return this}clean(e){if(!e||es(e)||os(e))return this;if(e[this.expando]&&this.unbind(e),e.getElementsByTagName||(e=e.document),e&&e.getElementsByTagName){this.unbind(e);const t=e.getElementsByTagName("*");let n=t.length;for(;n--;)(e=t[n])[this.expando]&&this.unbind(e)}return this}destroy(){this.events={}}cancel(e){return e&&(e.preventDefault(),e.stopImmediatePropagation()),!1}executeHandlers(e,t){const n=this.events[t],o=n&&n[e.type];if(o)for(let t=0,n=o.length;t<n;t++){const n=o[t];if(n&&!1===n.func.call(n.scope,e)&&e.preventDefault(),e.isImmediatePropagationStopped())return}}}Wa.Event=new Wa;const Ka=an.each,Ya=an.grep,Ga="data-mce-style",Xa=an.makeMap("fill-opacity font-weight line-height opacity orphans widows z-index zoom"," "),Za=(e,t,n)=>{y(n)||""===n?yo(e,t):go(e,t,n)},Qa=e=>e.replace(/[A-Z]/g,(e=>"-"+e.toLowerCase())),Ja=(e,t)=>{let n=0;if(e)for(let o=e.nodeType,r=e.previousSibling;r;r=r.previousSibling){const e=r.nodeType;(!t||!es(r)||e!==o&&r.data.length)&&(n++,o=e)}return n},ei=(e,t)=>{const n=ho(t,"style"),o=e.serialize(e.parse(n),_n(t));Za(t,Ga,o)},ti=(e,t,n)=>{const o=Qa(t);y(n)||""===n?Uo(e,o):Po(e,o,((e,t)=>E(e)?xe(Xa,t)?e+"":e+"px":e)(n,o))},ni=(e,t={})=>{const n={},o=window,r={};let s=0;const a=Ys.forElement(mn(e),{contentCssCors:t.contentCssCors,referrerPolicy:t.referrerPolicy}),i=[],l=t.schema?t.schema:Ra({}),d=Ia({url_converter:t.url_converter,url_converter_scope:t.url_converter_scope},t.schema),c=t.ownEvents?new Wa:Wa.Event,u=l.getBlockElements(),f=t=>t&&e&&m(t)?e.getElementById(t):t,h=e=>{const t=f(e);return C(t)?mn(t):null},b=(e,t,n="")=>{let o;const r=h(e);if(C(r)&&Nn(r)){const e=G[t];o=e&&e.get?e.get(r.dom,t):ho(r,t)}return C(o)?o:n},v=e=>{const t=f(e);return y(t)?[]:t.attributes},E=(e,n,o)=>{B(e,(e=>{if(qr(e)){const r=mn(e),s=""===o?null:o,a=ho(r,n),i=G[n];i&&i.set?i.set(r.dom,s,n):Za(r,n,s),a!==s&&t.onSetAttrib&&t.onSetAttrib({attrElm:r.dom,attrName:n,attrValue:s})}}))},_=()=>t.root_element||e.body,S=(t,n)=>((e,t,n)=>{let o=0,r=0;const s=e.ownerDocument;if(n=n||e,t){if(n===e&&t.getBoundingClientRect&&"static"===Lo(mn(e),"position")){const n=t.getBoundingClientRect();return o=n.left+(s.documentElement.scrollLeft||e.scrollLeft)-s.documentElement.clientLeft,r=n.top+(s.documentElement.scrollTop||e.scrollTop)-s.documentElement.clientTop,{x:o,y:r}}let a=t;for(;a&&a!==n&&a.nodeType&&!Ws(a,n);){const e=a;o+=e.offsetLeft||0,r+=e.offsetTop||0,a=e.offsetParent}for(a=t.parentNode;a&&a!==n&&a.nodeType&&!Ws(a,n);)o-=a.scrollLeft||0,r-=a.scrollTop||0,a=a.parentNode;r+=(e=>Vs.isFirefox()&&"table"===_n(e)?qs(Hn(e)).filter((e=>"caption"===_n(e))).bind((e=>qs(jn(e))?.map((t=>{const n=t.dom.offsetTop,o=e.dom.offsetTop,r=e.dom.offsetHeight;return n<=o?-r:0})))).getOr(0):0)(mn(t))}return{x:o,y:r}})(e.body,f(t),n),k=(e,t,n)=>{const o=f(e);var r;if(!y(o)&&(Wr(o)||qr(r=o)&&"http://www.w3.org/2000/svg"===r.namespaceURI))return n?Lo(mn(o),Qa(t)):("float"===(t=t.replace(/-(\D)/g,((e,t)=>t.toUpperCase())))&&(t="cssFloat"),o.style?o.style[t]:void 0)},R=e=>{const t=f(e);if(!t)return{w:0,h:0};let n=k(t,"width"),o=k(t,"height");return n&&-1!==n.indexOf("px")||(n="0"),o&&-1!==o.indexOf("px")||(o="0"),{w:parseInt(n,10)||t.offsetWidth||t.clientWidth,h:parseInt(o,10)||t.offsetHeight||t.clientHeight}},A=(e,t)=>{if(!e)return!1;const n=p(e)?e:[e];return $(n,(e=>vn(mn(e),t)))},T=(e,t,n,o)=>{const r=[];let s=f(e);o=void 0===o;const a=n||("BODY"!==_().nodeName?_().parentNode:null);if(m(t))if("*"===t)t=qr;else{const e=t;t=t=>A(t,e)}for(;s&&!(s===a||y(s.nodeType)||rs(s)||ss(s));){if(!t||t(s)){if(!o)return[s];r.push(s)}s=s.parentNode}return o?r:null},O=(e,t,n)=>{let o=t;if(e){m(t)&&(o=e=>A(e,t));for(let t=e[n];t;t=t[n])if(w(o)&&o(t))return t}return null},B=function(e,t,n){const o=null!=n?n:this;if(p(e)){const n=[];return Ka(e,((e,r)=>{const s=f(e);s&&n.push(t.call(o,s,r))})),n}{const n=f(e);return!!n&&t.call(o,n)}},P=(e,t)=>{B(e,(e=>{pe(t,((t,n)=>{E(e,n,t)}))}))},D=(e,t)=>{B(e,(e=>{const n=mn(e);Ao(n,t)}))},L=(t,n,o,r,s)=>B(t,(t=>{const a=m(n)?e.createElement(n):n;return C(o)&&P(a,o),r&&(!m(r)&&r.nodeType?a.appendChild(r):m(r)&&D(a,r)),s?a:t.appendChild(a)})),M=(t,n,o)=>L(e.createElement(t),t,n,o,!0),I=ua.encodeAllRaw,F=(e,t)=>B(e,(e=>{const n=mn(e);return t&&q(Hn(n),(e=>{Rn(e)&&0===e.dom.length?Eo(e):ao(n,e)})),Eo(n),n.dom})),U=(e,t,n)=>{B(e,(e=>{if(qr(e)){const o=mn(e),r=t.split(" ");q(r,(e=>{C(n)?(n?cr:mr)(o,e):((e,t)=>{const n=ar(e)?e.dom.classList.toggle(t):((e,t)=>H(ir(e),t)?dr(e,t):lr(e,t))(e,t);ur(e)})(o,e)}))}}))},z=(e,t,n)=>B(t,(o=>{var r;const s=p(t)?e.cloneNode(!0):e;return n&&Ka(Ya(o.childNodes),(e=>{s.appendChild(e)})),null===(r=o.parentNode)||void 0===r||r.replaceChild(s,o),o})),j=()=>e.createRange(),V=(n,r,s,a)=>{if(p(n)){let e=n.length;const t=[];for(;e--;)t[e]=V(n[e],r,s,a);return t}return!t.collect||n!==e&&n!==o||i.push([n,r,s,a]),c.bind(n,r,s,a||Y)},W=(t,n,r)=>{if(p(t)){let e=t.length;const o=[];for(;e--;)o[e]=W(t[e],n,r);return o}if(i.length>0&&(t===e||t===o)){let e=i.length;for(;e--;){const[o,s,a]=i[e];t!==o||n&&n!==s||r&&r!==a||c.unbind(o,s,a)}}return c.unbind(t,n,r)},K=e=>{if(e&&Wr(e)){const t=e.getAttribute("data-mce-contenteditable");return t&&"inherit"!==t?t:"inherit"!==e.contentEditable?e.contentEditable:null}return null},Y={doc:e,settings:t,win:o,files:r,stdMode:!0,boxModel:!0,styleSheetLoader:a,boundEvents:i,styles:d,schema:l,events:c,isBlock:e=>m(e)?xe(u,e):qr(e)&&(xe(u,e.nodeName)||js(l,e)),root:null,clone:(e,t)=>e.cloneNode(t),getRoot:_,getViewPort:e=>{const t=Ir(e);return{x:t.x,y:t.y,w:t.width,h:t.height}},getRect:e=>{const t=f(e),n=S(t),o=R(t);return{x:n.x,y:n.y,w:o.w,h:o.h}},getSize:R,getParent:(e,t,n)=>{const o=T(e,t,n,!1);return o&&o.length>0?o[0]:null},getParents:T,get:f,getNext:(e,t)=>O(e,t,"nextSibling"),getPrev:(e,t)=>O(e,t,"previousSibling"),select:(n,o)=>{var r,s;const a=null!==(s=null!==(r=f(o))&&void 0!==r?r:t.root_element)&&void 0!==s?s:e;return w(a.querySelectorAll)?ce(a.querySelectorAll(n)):[]},is:A,add:L,create:M,createHTML:(e,t,n="")=>{let o="<"+e;for(const e in t)Se(t,e)&&(o+=" "+e+'="'+I(t[e])+'"');return tt(n)&&xe(l.getVoidElements(),e)?o+" />":o+">"+n+"</"+e+">"},createFragment:t=>{const n=e.createElement("div"),o=e.createDocumentFragment();let r;for(o.appendChild(n),t&&(n.innerHTML=t);r=n.firstChild;)o.appendChild(r);return o.removeChild(n),o},remove:F,setStyle:(e,n,o)=>{B(e,(e=>{const r=mn(e);ti(r,n,o),t.update_styles&&ei(d,r)}))},getStyle:k,setStyles:(e,n)=>{B(e,(e=>{const o=mn(e);pe(n,((e,t)=>{ti(o,t,e)})),t.update_styles&&ei(d,o)}))},removeAllAttribs:e=>B(e,(e=>{const t=e.attributes;for(let n=t.length-1;n>=0;n--)e.removeAttributeNode(t.item(n))})),setAttrib:E,setAttribs:P,getAttrib:b,getPos:S,parseStyle:e=>d.parse(e),serializeStyle:(e,t)=>d.serialize(e,t),addStyle:t=>{if(Y!==ni.DOM&&e===document){if(n[t])return;n[t]=!0}let o=e.getElementById("mceDefaultStyles");if(!o){o=e.createElement("style"),o.id="mceDefaultStyles",o.type="text/css";const t=e.head;t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o)}o.styleSheet?o.styleSheet.cssText+=t:o.appendChild(e.createTextNode(t))},loadCSS:e=>{e||(e=""),q(e.split(","),(e=>{r[e]=!0,a.load(e).catch(x)}))},addClass:(e,t)=>{U(e,t,!0)},removeClass:(e,t)=>{U(e,t,!1)},hasClass:(e,t)=>{const n=h(e),o=t.split(" ");return C(n)&&ne(o,(e=>fr(n,e)))},toggleClass:U,show:e=>{B(e,(e=>Uo(mn(e),"display")))},hide:e=>{B(e,(e=>Po(mn(e),"display","none")))},isHidden:e=>{const t=h(e);return C(t)&&Fe(Io(t,"display"),"none")},uniqueId:e=>(e||"mce_")+s++,setHTML:D,getOuterHTML:e=>{const t=h(e);return C(t)?qr(t.dom)?t.dom.outerHTML:(e=>{const t=cn("div"),n=mn(e.dom.cloneNode(!0));return co(t,n),Ro(t)})(t):""},setOuterHTML:(e,t)=>{B(e,(e=>{qr(e)&&(e.outerHTML=t)}))},decode:ua.decode,encode:I,insertAfter:(e,t)=>{const n=f(t);return B(e,(e=>{const t=null==n?void 0:n.parentNode,o=null==n?void 0:n.nextSibling;return t&&(o?t.insertBefore(e,o):t.appendChild(e)),e}))},replace:z,rename:(e,t)=>{if(e.nodeName!==t.toUpperCase()){const n=M(t);return Ka(v(e),(t=>{E(n,t.nodeName,b(e,t.nodeName))})),z(n,e,!0),n}return e},findCommonAncestor:(e,t)=>{let n=e;for(;n;){let e=t;for(;e&&n!==e;)e=e.parentNode;if(n===e)break;n=n.parentNode}return!n&&e.ownerDocument?e.ownerDocument.documentElement:n},run:B,getAttribs:v,isEmpty:(e,t,n)=>{if(g(t)){const o=e=>{const n=e.nodeName.toLowerCase();return Boolean(t[n])};return Es(l,e,{...n,isContent:o})}return Es(l,e,n)},createRng:j,nodeIndex:Ja,split:(e,t,n)=>{let o,r,s=j();if(e&&t&&e.parentNode&&t.parentNode){const a=e.parentNode;return s.setStart(a,Ja(e)),s.setEnd(t.parentNode,Ja(t)),o=s.extractContents(),s=j(),s.setStart(t.parentNode,Ja(t)+1),s.setEnd(a,Ja(e)+1),r=s.extractContents(),a.insertBefore(Zs(Y,o,l),e),n?a.insertBefore(n,e):a.insertBefore(t,e),a.insertBefore(Zs(Y,r,l),e),F(e),n||t}},bind:V,unbind:W,fire:(e,t,n)=>c.dispatch(e,t,n),dispatch:(e,t,n)=>c.dispatch(e,t,n),getContentEditable:K,getContentEditableParent:e=>{const t=_();let n=null;for(let o=e;o&&o!==t&&(n=K(o),null===n);o=o.parentNode);return n},isEditable:e=>{if(C(e)){const t=qr(e)?e:e.parentElement;return C(t)&&Wr(t)&&gr(mn(t))}return!1},destroy:()=>{if(i.length>0){let e=i.length;for(;e--;){const[t,n,o]=i[e];c.unbind(t,n,o)}}pe(r,((e,t)=>{a.unload(t),delete r[t]}))},isChildOf:(e,t)=>e===t||t.contains(e),dumpRng:e=>"startContainer: "+e.startContainer.nodeName+", startOffset: "+e.startOffset+", endContainer: "+e.endContainer.nodeName+", endOffset: "+e.endOffset},G=((e,t,n)=>{const o=t.keep_values,r={set:(e,o,r)=>{const s=mn(e);w(t.url_converter)&&C(o)&&(o=t.url_converter.call(t.url_converter_scope||n(),String(o),r,e)),Za(s,"data-mce-"+r,o),Za(s,r,o)},get:(e,t)=>{const n=mn(e);return ho(n,"data-mce-"+t)||ho(n,t)}},s={style:{set:(t,n)=>{const r=mn(t);o&&Za(r,Ga,n),yo(r,"style"),m(n)&&Do(r,e.parse(n))},get:t=>{const n=mn(t),o=ho(n,Ga)||ho(n,"style");return e.serialize(e.parse(o),_n(n))}}};return o&&(s.href=s.src=r),s})(d,t,N(Y));return Y};ni.DOM=ni(document),ni.nodeIndex=Ja;const oi=ni.DOM;class ri{constructor(e={}){this.states={},this.queue=[],this.scriptLoadedCallbacks={},this.queueLoadedCallbacks=[],this.loading=!1,this.settings=e}_setReferrerPolicy(e){this.settings.referrerPolicy=e}loadScript(e){return new Promise(((t,n)=>{const o=oi;let r;const s=()=>{o.remove(a),r&&(r.onerror=r.onload=r=null)},a=o.uniqueId();r=document.createElement("script"),r.id=a,r.type="text/javascript",r.src=an._addCacheSuffix(e),this.settings.referrerPolicy&&o.setAttrib(r,"referrerpolicy",this.settings.referrerPolicy),r.onload=()=>{s(),t()},r.onerror=()=>{s(),n("Failed to load script: "+e)},(document.getElementsByTagName("head")[0]||document.body).appendChild(r)}))}isDone(e){return 2===this.states[e]}markDone(e){this.states[e]=2}add(e){const t=this;return t.queue.push(e),void 0===t.states[e]&&(t.states[e]=0),new Promise(((n,o)=>{t.scriptLoadedCallbacks[e]||(t.scriptLoadedCallbacks[e]=[]),t.scriptLoadedCallbacks[e].push({resolve:n,reject:o})}))}load(e){return this.add(e)}remove(e){delete this.states[e],delete this.scriptLoadedCallbacks[e]}loadQueue(){const e=this.queue;return this.queue=[],this.loadScripts(e)}loadScripts(e){const t=this,n=(e,n)=>{_e(t.scriptLoadedCallbacks,n).each((t=>{q(t,(t=>t[e](n)))})),delete t.scriptLoadedCallbacks[n]},o=e=>{const t=Y(e,(e=>"rejected"===e.status));return t.length>0?Promise.reject(te(t,(({reason:e})=>p(e)?e:[e]))):Promise.resolve()},r=e=>Promise.allSettled(V(e,(e=>2===t.states[e]?(n("resolve",e),Promise.resolve()):3===t.states[e]?(n("reject",e),Promise.reject(e)):(t.states[e]=1,t.loadScript(e).then((()=>{t.states[e]=2,n("resolve",e);const s=t.queue;return s.length>0?(t.queue=[],r(s).then(o)):Promise.resolve()}),(()=>(t.states[e]=3,n("reject",e),Promise.reject(e)))))))),s=e=>(t.loading=!0,r(e).then((e=>{t.loading=!1;const n=t.queueLoadedCallbacks.shift();return I.from(n).each(D),o(e)}))),a=dt(e);return t.loading?new Promise(((e,n)=>{t.queueLoadedCallbacks.push((()=>{s(a).then(e,n)}))})):s(a)}}ri.ScriptLoader=new ri;const si={},ai=Ne("en"),ii=()=>_e(si,ai.get()),li={getData:()=>he(si,(e=>({...e}))),setCode:e=>{e&&ai.set(e)},getCode:()=>ai.get(),add:(e,t)=>{let n=si[e];n||(si[e]=n={});const o=V(fe(t),(e=>e.toLowerCase()));pe(t,((e,r)=>{const s=r.toLowerCase();s!==r&&((e,t)=>{const n=e.indexOf(t);return-1!==n&&e.indexOf(t,n+1)>n})(o,s)?(xe(t,s)||(n[s]=e),n[r]=e):n[s]=e}))},translate:e=>{const t=ii().getOr({}),n=e=>w(e)?Object.prototype.toString.call(e):o(e)?"":""+e,o=e=>""===e||null==e,r=e=>{const o=n(e);return xe(t,o)?n(t[o]):_e(t,o.toLowerCase())?.map(n).getOr(o)},s=e=>e.replace(/{context:\w+}$/,"");if(o(e))return"";if(f(a=e)&&xe(a,"raw"))return n(e.raw);var a;if((e=>p(e)&&e.length>1)(e)){const t=e.slice(1);return s(r(e[0]).replace(/\{([0-9]+)\}/g,((e,o)=>xe(t,o)?n(t[o]):e)))}return s(r(e))},isRtl:()=>ii().bind((e=>_e(e,"_dir"))).exists((e=>"rtl"===e)),hasCode:e=>xe(si,e)},di=()=>{const e=[],t={},n={},o=[],r=(e,t)=>{const n=Y(o,(n=>n.name===e&&n.state===t));q(n,(e=>e.resolve()))},s=e=>xe(t,e),a=(e,n)=>{const o=li.getCode();!o||n&&-1===(","+(n||"")+",").indexOf(","+o+",")||ri.ScriptLoader.add(t[e]+"/langs/"+o+".js")},i=(e,t="added")=>"added"===t&&(e=>xe(n,e))(e)||"loaded"===t&&s(e)?Promise.resolve():new Promise((n=>{o.push({name:e,state:t,resolve:n})}));return{items:e,urls:t,lookup:n,get:e=>{if(n[e])return n[e].instance},requireLangPack:(e,t)=>{!1!==di.languageLoad&&(s(e)?a(e,t):i(e,"loaded").then((()=>a(e,t))))},add:(t,o)=>(e.push(o),n[t]={instance:o},r(t,"added"),o),remove:e=>{delete t[e],delete n[e]},createUrl:(e,t)=>m(t)?m(e)?{prefix:"",resource:t,suffix:""}:{prefix:e.prefix,resource:t,suffix:e.suffix}:t,load:(e,o)=>{if(t[e])return Promise.resolve();let s=m(o)?o:o.prefix+o.resource+o.suffix;0!==s.indexOf("/")&&-1===s.indexOf("://")&&(s=di.baseURL+"/"+s),t[e]=s.substring(0,s.lastIndexOf("/"));const a=()=>(r(e,"loaded"),Promise.resolve());return n[e]?a():ri.ScriptLoader.add(s).then(a)},waitFor:i}};di.languageLoad=!0,di.baseURL="",di.PluginManager=di(),di.ThemeManager=di(),di.ModelManager=di();const ci=N("mce-annotation"),ui=N("data-mce-annotation"),mi=N("data-mce-annotation-uid"),fi=N("data-mce-annotation-active"),gi=N("data-mce-annotation-classes"),pi=N("data-mce-annotation-attrs"),hi=e=>t=>Cn(t,e),bi=(e,t)=>{const n=e.selection.getRng(),o=mn(n.startContainer),r=mn(e.getBody()),s=t.fold((()=>"."+ci()),(e=>`[${ui()}="${e}"]`)),a=$n(o,n.startOffset).getOr(o);return sr(a,s,hi(r)).bind((t=>bo(t,`${mi()}`).bind((n=>bo(t,`${ui()}`)?.map((t=>{const o=yi(e,n);return{uid:n,name:t,elements:o}}))))))},vi=(e,t)=>vo(e,"data-mce-bogus")||((e,t,n)=>or(e,'[data-mce-bogus="all"]',n).isSome())(e,0,hi(t)),yi=(e,t)=>{const n=mn(e.getBody()),o=vr(n,`[${mi()}="${t}"]`);return Y(o,(e=>!vi(e,n)))},Ci=(e,t)=>{const n=mn(e.getBody()),o=vr(n,`[${ui()}="${t}"]`),r={};return q(o,(e=>{if(!vi(e,n)){const t=ho(e,mi()),n=_e(r,t).getOr([]);r[t]=n.concat([e])}})),r},wi=(e,t,n=L)=>{const o=new Fr(e,t),r=e=>{let t;do{t=o[e]()}while(t&&!es(t)&&!n(t));return I.from(t).filter(es)};return{current:()=>I.from(o.current()).filter(es),next:()=>r("next"),prev:()=>r("prev"),prev2:()=>r("prev2")}},Ei=(e,t)=>{const n=t||(t=>e.isBlock(t)||as(t)||cs(t)),o=(e,t,n,r)=>{if(es(e)){const n=r(e,t,e.data);if(-1!==n)return I?.some({container:e,offset:n})}return n().bind((e=>o(e.container,e.offset,n,r)))};return{backwards:(t,r,s,a)=>{const i=wi(t,null!=a?a:e.getRoot(),n);return o(t,r,(()=>i.prev()?.map((e=>({container:e,offset:e.length})))),s).getOrNull()},forwards:(t,r,s,a)=>{const i=wi(t,null!=a?a:e.getRoot(),n);return o(t,r,(()=>i.next()?.map((e=>({container:e,offset:0})))),s).getOrNull()}}},_i=e=>{let t;return n=>(t=t||se(e,M),xe(t,_n(n)))},xi=e=>Nn(e)&&"br"===_n(e),Si=_i(["h1","h2","h3","h4","h5","h6","p","div","address","pre","form","blockquote","center","dir","fieldset","header","footer","article","section","hgroup","aside","nav","figure"]),ki=_i(["ul","ol","dl"]),Ni=_i(["li","dd","dt"]),Ri=_i(["thead","tbody","tfoot"]),Ai=_i(["td","th"]),Ti=_i(["pre","script","textarea","style"]),Oi=()=>{const e=cn("br");return go(e,"data-mce-bogus","1"),e},Bi=e=>{wo(e),co(e,Oi())},Pi=at,Di=lt,Li=e=>e.replace(/\uFEFF/g,""),Mi=qr,Ii=es,Fi=e=>(Ii(e)&&(e=e.parentNode),Mi(e)&&e.hasAttribute("data-mce-caret")),Ui=e=>Ii(e)&&Di(e.data),zi=e=>Fi(e)||Ui(e),ji=e=>e.firstChild!==e.lastChild||!as(e.firstChild),Hi=e=>{const t=e.container();return!!es(t)&&(t.data.charAt(e.offset())===Pi||e.isAtStart()&&Ui(t.previousSibling))},$i=e=>{const t=e.container();return!!es(t)&&(t.data.charAt(e.offset()-1)===Pi||e.isAtEnd()&&Ui(t.nextSibling))},Vi=e=>Ii(e)&&e.data[0]===Pi,qi=e=>Ii(e)&&e.data[e.data.length-1]===Pi,Wi=e=>e&&e.hasAttribute("data-mce-caret")?((e=>{var t;const n=e.getElementsByTagName("br"),o=n[n.length-1];Xr(o)&&(null===(t=o.parentNode)||void 0===t||t.removeChild(o))})(e),e.removeAttribute("data-mce-caret"),e.removeAttribute("data-mce-bogus"),e.removeAttribute("style"),e.removeAttribute("data-mce-style"),e.removeAttribute("_moz_abspos"),e):null,Ki=e=>Fi(e.startContainer),Yi=Math.round,Gi=e=>e?{left:Yi(e.left),top:Yi(e.top),bottom:Yi(e.bottom),right:Yi(e.right),width:Yi(e.width),height:Yi(e.height)}:{left:0,top:0,bottom:0,right:0,width:0,height:0},Xi=(e,t)=>(e=Gi(e),t||(e.left=e.left+e.width),e.right=e.left,e.width=0,e),Zi=(e,t,n)=>e>=0&&e<=Math.min(t.height,n.height)/2,Qi=(e,t)=>{const n=Math.min(t.height/2,e.height/2);return e.bottom-n<t.top||!(e.top>t.bottom)&&Zi(t.top-e.bottom,e,t)},Ji=(e,t)=>e.top>t.bottom||!(e.bottom<t.top)&&Zi(t.bottom-e.top,e,t),el=(e,t,n)=>{const o=Math.max(Math.min(t,e.left+e.width),e.left),r=Math.max(Math.min(n,e.top+e.height),e.top);return Math.sqrt((t-o)*(t-o)+(n-r)*(n-r))},tl=e=>{const t=e.startContainer,n=e.startOffset;return t===e.endContainer&&t.hasChildNodes()&&e.endOffset===n+1?t.childNodes[n]:null},nl=(e,t)=>{if(qr(e)&&e.hasChildNodes()){const n=e.childNodes,o=((e,t,n)=>Math.min(Math.max(e,0),n))(t,0,n.length-1);return n[o]}return e},ol=new RegExp("[\u0300-\u036f\u0483-\u0487\u0488-\u0489\u0591-\u05bd\u05bf\u05c1-\u05c2\u05c4-\u05c5\u05c7\u0610-\u061a\u064b-\u065f\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7-\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u08e3-\u0902\u093a\u093c\u0941-\u0948\u094d\u0951-\u0957\u0962-\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2-\u09e3\u0a01-\u0a02\u0a3c\u0a41-\u0a42\u0a47-\u0a48\u0a4b-\u0a4d\u0a51\u0a70-\u0a71\u0a75\u0a81-\u0a82\u0abc\u0ac1-\u0ac5\u0ac7-\u0ac8\u0acd\u0ae2-\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62-\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c00\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55-\u0c56\u0c62-\u0c63\u0c81\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc-\u0ccd\u0cd5-\u0cd6\u0ce2-\u0ce3\u0d01\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62-\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb-\u0ebc\u0ec8-\u0ecd\u0f18-\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86-\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039-\u103a\u103d-\u103e\u1058-\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085-\u1086\u108d\u109d\u135d-\u135f\u1712-\u1714\u1732-\u1734\u1752-\u1753\u1772-\u1773\u17b4-\u17b5\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927-\u1928\u1932\u1939-\u193b\u1a17-\u1a18\u1a1b\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1ab0-\u1abd\u1abe\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80-\u1b81\u1ba2-\u1ba5\u1ba8-\u1ba9\u1bab-\u1bad\u1be6\u1be8-\u1be9\u1bed\u1bef-\u1bf1\u1c2c-\u1c33\u1c36-\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1cf4\u1cf8-\u1cf9\u1dc0-\u1df5\u1dfc-\u1dff\u200c-\u200d\u20d0-\u20dc\u20dd-\u20e0\u20e1\u20e2-\u20e4\u20e5-\u20f0\u2cef-\u2cf1\u2d7f\u2de0-\u2dff\u302a-\u302d\u302e-\u302f\u3099-\u309a\ua66f\ua670-\ua672\ua674-\ua67d\ua69e-\ua69f\ua6f0-\ua6f1\ua802\ua806\ua80b\ua825-\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\ua9e5\uaa29-\uaa2e\uaa31-\uaa32\uaa35-\uaa36\uaa43\uaa4c\uaa7c\uaab0\uaab2-\uaab4\uaab7-\uaab8\uaabe-\uaabf\uaac1\uaaec-\uaaed\uaaf6\uabe5\uabe8\uabed\ufb1e\ufe00-\ufe0f\ufe20-\ufe2f\uff9e-\uff9f]"),rl=e=>m(e)&&e.charCodeAt(0)>=768&&ol.test(e),sl=ds,al=cs,il=as,ll=es,dl=Yr(["script","style","textarea"]),cl=Yr(["img","input","textarea","hr","iframe","video","audio","object","embed"]),ul=Yr(["table"]),ml=zi,fl=e=>!ml(e)&&(ll(e)?!dl(e.parentNode):cl(e)||il(e)||ul(e)||gl(e)),gl=e=>!(e=>qr(e)&&"true"===e.getAttribute("unselectable"))(e)&&al(e),pl=(e,t)=>fl(e)&&((e,t)=>{for(let n=e.parentNode;n&&n!==t;n=n.parentNode){if(gl(n))return!1;if(sl(n))return!0}return!0})(e,t),hl=qr,bl=fl,vl=Gr("display","block table"),yl=Gr("float","left right"),Cl=((...e)=>t=>{for(let n=0;n<e.length;n++)if(!e[n](t))return!1;return!0})(hl,bl,O(yl)),wl=O(Gr("white-space","pre pre-line pre-wrap")),El=es,_l=as,xl=ni.nodeIndex,Sl=(e,t)=>t<0&&qr(e)&&e.hasChildNodes()?void 0:nl(e,t),kl=e=>e?e.createRange():ni.DOM.createRng(),Nl=e=>m(e)&&/[\r\n\t ]/.test(e),Rl=e=>!!e.setStart&&!!e.setEnd,Al=e=>{const t=e.startContainer,n=e.startOffset;if(Nl(e.toString())&&wl(t.parentNode)&&es(t)){const e=t.data;if(Nl(e[n-1])||Nl(e[n+1]))return!0}return!1},Tl=e=>0===e.left&&0===e.right&&0===e.top&&0===e.bottom,Ol=e=>{var t;let n;const o=e.getClientRects();return n=o.length>0?Gi(o[0]):Gi(e.getBoundingClientRect()),!Rl(e)&&_l(e)&&Tl(n)?(e=>{const t=e.ownerDocument,n=kl(t),o=t.createTextNode(it),r=e.parentNode;r.insertBefore(o,e),n.setStart(o,0),n.setEnd(o,1);const s=Gi(n.getBoundingClientRect());return r.removeChild(o),s})(e):Tl(n)&&Rl(e)&&null!==(t=(e=>{const t=e.startContainer,n=e.endContainer,o=e.startOffset,r=e.endOffset;if(t===n&&es(n)&&0===o&&1===r){const t=e.cloneRange();return t.setEndAfter(n),Ol(t)}return null})(e))&&void 0!==t?t:n},Bl=(e,t)=>{const n=Xi(e,t);return n.width=1,n.right=n.left+1,n},Pl=(e,t,n)=>{const o=()=>(n||(n=(e=>{const t=[],n=e=>{var n,o;0!==e.height&&(t.length>0&&(n=e,o=t[t.length-1],n.left===o.left&&n.top===o.top&&n.bottom===o.bottom&&n.right===o.right)||t.push(e))},o=(e,t)=>{const o=kl(e.ownerDocument);if(t<e.data.length){if(rl(e.data[t]))return;if(rl(e.data[t-1])&&(o.setStart(e,t),o.setEnd(e,t+1),!Al(o)))return void n(Bl(Ol(o),!1))}t>0&&(o.setStart(e,t-1),o.setEnd(e,t),Al(o)||n(Bl(Ol(o),!1))),t<e.data.length&&(o.setStart(e,t),o.setEnd(e,t+1),Al(o)||n(Bl(Ol(o),!0)))},r=e.container(),s=e.offset();if(El(r))return o(r,s),t;if(hl(r))if(e.isAtEnd()){const e=Sl(r,s);El(e)&&o(e,e.data.length),Cl(e)&&!_l(e)&&n(Bl(Ol(e),!1))}else{const a=Sl(r,s);if(El(a)&&o(a,0),Cl(a)&&e.isAtEnd())return n(Bl(Ol(a),!1)),t;const i=Sl(e.container(),e.offset()-1);Cl(i)&&!_l(i)&&(vl(i)||vl(a)||!Cl(a))&&n(Bl(Ol(i),!1)),Cl(a)&&n(Bl(Ol(a),!0))}return t})(Pl(e,t))),n);return{container:N(e),offset:N(t),toRange:()=>{const n=kl(e.ownerDocument);return n.setStart(e,t),n.setEnd(e,t),n},getClientRects:o,isVisible:()=>o().length>0,isAtStart:()=>(El(e),0===t),isAtEnd:()=>El(e)?t>=e.data.length:t>=e.childNodes.length,isEqual:n=>n&&e===n.container()&&t===n.offset(),getNode:n=>Sl(e,n?t-1:t)}};Pl.fromRangeStart=e=>Pl(e.startContainer,e.startOffset),Pl.fromRangeEnd=e=>Pl(e.endContainer,e.endOffset),Pl.after=e=>Pl(e.parentNode,xl(e)+1),Pl.before=e=>Pl(e.parentNode,xl(e)),Pl.isAbove=(e,t)=>ze(le(t.getClientRects()),de(e.getClientRects()),Qi).getOr(!1),Pl.isBelow=(e,t)=>ze(de(t.getClientRects()),le(e.getClientRects()),Ji).getOr(!1),Pl.isAtStart=e=>!!e&&e.isAtStart(),Pl.isAtEnd=e=>!!e&&e.isAtEnd(),Pl.isTextPosition=e=>!!e&&es(e.container()),Pl.isElementPosition=e=>!Pl.isTextPosition(e);const Dl=(e,t)=>{es(t)&&0===t.data.length&&e.remove(t)},Ll=(e,t,n)=>{ss(n)?((e,t,n)=>{const o=I.from(n.firstChild),r=I.from(n.lastChild);t.insertNode(n),o.each((t=>Dl(e,t.previousSibling))),r.each((t=>Dl(e,t.nextSibling)))})(e,t,n):((e,t,n)=>{t.insertNode(n),Dl(e,n.previousSibling),Dl(e,n.nextSibling)})(e,t,n)},Ml=es,Il=Xr,Fl=ni.nodeIndex,Ul=e=>{const t=e.parentNode;return Il(t)?Ul(t):t},zl=e=>e?pt(e.childNodes,((e,t)=>(Il(t)&&"BR"!==t.nodeName?e=e.concat(zl(t)):e.push(t),e)),[]):[],jl=e=>t=>e===t,Hl=e=>(Ml(e)?"text()":e.nodeName.toLowerCase())+"["+(e=>{let t,n;t=zl(Ul(e)),n=ht(t,jl(e),e),t=t.slice(0,n+1);const o=pt(t,((e,n,o)=>(Ml(n)&&Ml(t[o-1])&&e++,e)),0);return t=gt(t,Yr([e.nodeName])),n=ht(t,jl(e),e),n-o})(e)+"]",$l=(e,t)=>{let n,o=[],r=t.container(),s=t.offset();if(Ml(r))n=((e,t)=>{let n=e;for(;(n=n.previousSibling)&&Ml(n);)t+=n.data.length;return t})(r,s);else{const e=r.childNodes;s>=e.length?(n="after",s=e.length-1):n="before",r=e[s]}o.push(Hl(r));let a=((e,t)=>{const n=[];for(let o=t.parentNode;o&&o!==e;o=o.parentNode)n.push(o);return n})(e,r);return a=gt(a,O(Xr)),o=o.concat(ft(a,(e=>Hl(e)))),o.reverse().join("/")+","+n},Vl=(e,t)=>{if(!t)return null;const n=t.split(","),o=n[0].split("/"),r=n.length>1?n[1]:"before",s=pt(o,((e,t)=>{const n=/([\w\-\(\)]+)\[([0-9]+)\]/.exec(t);return n?("text()"===n[1]&&(n[1]="#text"),((e,t,n)=>{let o=zl(e);return o=gt(o,((e,t)=>!Ml(e)||!Ml(o[t-1]))),o=gt(o,Yr([t])),o[n]})(e,n[1],parseInt(n[2],10))):null}),e);if(!s)return null;if(!Ml(s)&&s.parentNode){let e;return e="after"===r?Fl(s)+1:Fl(s),Pl(s.parentNode,e)}return((e,t)=>{let n=e,o=0;for(;Ml(n);){const r=n.data.length;if(t>=o&&t<=o+r){e=n,t-=o;break}if(!Ml(n.nextSibling)){e=n,t=r;break}o+=r,n=n.nextSibling}return Ml(e)&&t>e.data.length&&(t=e.data.length),Pl(e,t)})(s,parseInt(r,10))},ql=cs,Wl=(e,t,n,o,r)=>{const s=r?o.startContainer:o.endContainer;let a=r?o.startOffset:o.endOffset;const i=[],l=e.getRoot();if(es(s))i.push(n?((e,t,n)=>{let o=e(t.data.slice(0,n)).length;for(let n=t.previousSibling;n&&es(n);n=n.previousSibling)o+=e(n.data).length;return o})(t,s,a):a);else{let t=0;const o=s.childNodes;a>=o.length&&o.length&&(t=1,a=Math.max(0,o.length-1)),i.push(e.nodeIndex(o[a],n)+t)}for(let t=s;t&&t!==l;t=t.parentNode)i.push(e.nodeIndex(t,n));return i},Kl=(e,t,n)=>{let o=0;return an.each(e.select(t),(e=>"all"===e.getAttribute("data-mce-bogus")?void 0:e!==n&&void o++)),o},Yl=(e,t)=>{let n=t?e.startContainer:e.endContainer,o=t?e.startOffset:e.endOffset;if(qr(n)&&"TR"===n.nodeName){const r=n.childNodes;n=r[Math.min(t?o:o-1,r.length-1)],n&&(o=t?0:n.childNodes.length,t?e.setStart(n,o):e.setEnd(n,o))}},Gl=e=>(Yl(e,!0),Yl(e,!1),e),Xl=(e,t)=>{if(qr(e)&&(e=nl(e,t),ql(e)))return e;if(zi(e)){es(e)&&Fi(e)&&(e=e.parentNode);let t=e.previousSibling;if(ql(t))return t;if(t=e.nextSibling,ql(t))return t}},Zl=(e,t,n)=>{const o=n.getNode(),r=n.getRng();if("IMG"===o.nodeName||ql(o)){const e=o.nodeName;return{name:e,index:Kl(n.dom,e,o)}}const s=(e=>Xl(e.startContainer,e.startOffset)||Xl(e.endContainer,e.endOffset))(r);if(s){const e=s.tagName;return{name:e,index:Kl(n.dom,e,s)}}return((e,t,n,o)=>{const r=t.dom,s=Wl(r,e,n,o,!0),a=t.isForward(),i=Ki(o)?{isFakeCaret:!0}:{};return t.isCollapsed()?{start:s,forward:a,...i}:{start:s,end:Wl(r,e,n,o,!1),forward:a,...i}})(e,n,t,r)},Ql=(e,t,n)=>{const o={"data-mce-type":"bookmark",id:t,style:"overflow:hidden;line-height:0px"};return n?e.create("span",o,"&#xFEFF;"):e.create("span",o)},Jl=(e,t)=>{const n=e.dom;let o=e.getRng();const r=n.uniqueId(),s=e.isCollapsed(),a=e.getNode(),i=a.nodeName,l=e.isForward();if("IMG"===i)return{name:i,index:Kl(n,i,a)};const d=Gl(o.cloneRange());if(!s){d.collapse(!1);const e=Ql(n,r+"_end",t);Ll(n,d,e)}o=Gl(o),o.collapse(!0);const c=Ql(n,r+"_start",t);return Ll(n,o,c),e.moveToBookmark({id:r,keep:!0,forward:l}),{id:r,forward:l}},ed=T(Zl,R,!0),td=e=>"inline-command"===e.type||"inline-format"===e.type,nd=e=>"block-command"===e.type||"block-format"===e.type,od=e=>{var t;const n=t=>Te.error({message:t,pattern:e}),o=(t,o,r)=>{if(void 0!==e.format){let r;if(p(e.format)){if(!ne(e.format,m))return n(t+" pattern has non-string items in the `format` array");r=e.format}else{if(!m(e.format))return n(t+" pattern has non-string `format` parameter");r=[e.format]}return Te.value(o(r))}return void 0!==e.cmd?m(e.cmd)?Te.value(r(e.cmd,e.value)):n(t+" pattern has non-string `cmd` parameter"):n(t+" pattern is missing both `format` and `cmd` parameters")};if(!f(e))return n("Raw pattern is not an object");if(!m(e.start))return n("Raw pattern is missing `start` parameter");if(void 0!==e.end){if(!m(e.end))return n("Inline pattern has non-string `end` parameter");if(0===e.start.length&&0===e.end.length)return n("Inline pattern has empty `start` and `end` parameters");let t=e.start,r=e.end;return 0===r.length&&(r=t,t=""),o("Inline",(e=>({type:"inline-format",start:t,end:r,format:e})),((e,n)=>({type:"inline-command",start:t,end:r,cmd:e,value:n})))}if(void 0!==e.replacement)return m(e.replacement)?0===e.start.length?n("Replacement pattern has empty `start` parameter"):Te.value({type:"inline-command",start:"",end:e.start,cmd:"mceInsertContent",value:e.replacement}):n("Replacement pattern has non-string `replacement` parameter");{const r=null!==(t=e.trigger)&&void 0!==t?t:"space";return 0===e.start.length?n("Block pattern has empty `start` parameter"):o("Block",(t=>({type:"block-format",start:e.start,format:t[0],trigger:r})),((t,n)=>({type:"block-command",start:e.start,cmd:t,value:n,trigger:r})))}},rd=e=>Y(e,nd),sd=e=>Y(e,td),ad=(e,t)=>({...e,blockPatterns:Y(e.blockPatterns,(e=>((e,t)=>("block-command"===e.type||"block-format"===e.type)&&e.trigger===t)(e,t)))}),id=e=>{const t=(e=>{const t=[],n=[];return q(e,(e=>{e.fold((e=>{t.push(e)}),(e=>{n.push(e)}))})),{errors:t,values:n}})(V(e,od));return q(t.errors,(e=>console.error(e.message,e.pattern))),t.values},ld=(e,t,n)=>{e.dispatch(t,n)},dd=(e,t,n,o)=>{e.dispatch("FormatApply",{format:t,node:n,vars:o})},cd=(e,t,n,o)=>{e.dispatch("FormatRemove",{format:t,node:n,vars:o})},ud=(e,t)=>e.dispatch("SetContent",t),md=(e,t)=>e.dispatch("GetContent",t),fd=(e,t)=>{e.dispatch("AutocompleterUpdateActiveRange",t)},gd=(e,t)=>e.dispatch("PastePlainTextToggle",{state:t}),pd=Kt().deviceType,hd=pd.isTouch(),bd=ni.DOM,vd=e=>u(e,RegExp),yd=e=>t=>t.options.get(e),Cd=e=>m(e)||f(e),wd=(e,t="")=>n=>{const o=m(n);if(o){if(-1!==n.indexOf("=")){const r=(e=>{const t=e.indexOf("=")>0?e.split(/[;,](?![^=;,]*(?:[;,]|$))/):e.split(",");return X(t,((e,t)=>{const n=t.split("="),o=n[0],r=n.length>1?n[1]:o;return e[Ze(o)]=Ze(r),e}),{})})(n);return{value:_e(r,e.id).getOr(t),valid:o}}return{value:n,valid:o}}return{valid:!1,message:"Must be a string."}},Ed=yd("iframe_attrs"),_d=yd("doctype"),xd=yd("document_base_url"),Sd=yd("body_id"),kd=yd("body_class"),Nd=yd("content_security_policy"),Rd=yd("br_in_pre"),Ad=yd("forced_root_block"),Td=yd("forced_root_block_attrs"),Od=yd("newline_behavior"),Bd=yd("br_newline_selector"),Pd=yd("no_newline_selector"),Dd=yd("keep_styles"),Ld=yd("end_container_on_empty_block"),Md=yd("automatic_uploads"),Id=yd("images_reuse_filename"),Fd=yd("images_replace_blob_uris"),Ud=yd("icons"),zd=yd("icons_url"),jd=yd("images_upload_url"),Hd=yd("images_upload_base_path"),$d=yd("images_upload_credentials"),Vd=yd("images_upload_handler"),qd=yd("content_css_cors"),Wd=yd("referrer_policy"),Kd=yd("language"),Yd=yd("language_url"),Gd=yd("indent_use_margin"),Xd=yd("indentation"),Zd=yd("content_css"),Qd=yd("content_style"),Jd=yd("font_css"),ec=yd("directionality"),tc=yd("inline_boundaries_selector"),nc=yd("object_resizing"),oc=yd("resize_img_proportional"),rc=yd("placeholder"),sc=yd("event_root"),ac=yd("service_message"),ic=yd("theme"),lc=yd("theme_url"),dc=yd("model"),cc=yd("model_url"),uc=yd("inline_boundaries"),mc=yd("formats"),fc=yd("preview_styles"),gc=yd("format_empty_lines"),pc=yd("format_noneditable_selector"),hc=yd("custom_ui_selector"),bc=yd("inline"),vc=yd("hidden_input"),yc=yd("submit_patch"),Cc=yd("add_form_submit_trigger"),wc=yd("add_unload_trigger"),Ec=yd("custom_undo_redo_levels"),_c=yd("disable_nodechange"),xc=yd("readonly"),Sc=yd("editable_root"),kc=yd("content_css_cors"),Nc=yd("plugins"),Rc=yd("external_plugins"),Ac=yd("block_unsupported_drop"),Tc=yd("visual"),Oc=yd("visual_table_class"),Bc=yd("visual_anchor_class"),Pc=yd("iframe_aria_text"),Dc=yd("setup"),Lc=yd("init_instance_callback"),Mc=yd("urlconverter_callback"),Ic=yd("auto_focus"),Fc=yd("browser_spellcheck"),Uc=yd("protect"),zc=yd("paste_block_drop"),jc=yd("paste_data_images"),Hc=yd("paste_preprocess"),$c=yd("paste_postprocess"),Vc=yd("newdocument_content"),qc=yd("paste_webkit_styles"),Wc=yd("paste_remove_styles_if_webkit"),Kc=yd("paste_merge_formats"),Yc=yd("smart_paste"),Gc=yd("paste_as_text"),Xc=yd("paste_tab_spaces"),Zc=yd("allow_html_data_urls"),Qc=yd("text_patterns"),Jc=yd("text_patterns_lookup"),eu=yd("noneditable_class"),tu=yd("editable_class"),nu=yd("noneditable_regexp"),ou=yd("preserve_cdata"),ru=yd("highlight_on_focus"),su=yd("xss_sanitization"),au=yd("init_content_sync"),iu=e=>an.explode(e.options.get("images_file_types")),lu=yd("table_tab_navigation"),du=yd("details_initial_state"),cu=yd("details_serialized_state"),uu=yd("sandbox_iframes"),mu=e=>e.options.get("sandbox_iframes_exclusions"),fu=yd("convert_unsafe_embeds"),gu=yd("license_key"),pu=yd("api_key"),hu=yd("disabled"),bu=qr,vu=es,yu=e=>{const t=e.parentNode;t&&t.removeChild(e)},Cu=e=>{const t=Li(e);return{count:e.length-t.length,text:t}},wu=e=>{let t;for(;-1!==(t=e.data.lastIndexOf(Pi));)e.deleteData(t,1)},Eu=(e,t)=>(xu(e),t),_u=(e,t)=>Pl.isTextPosition(t)?((e,t)=>vu(e)&&t.container()===e?((e,t)=>{const n=Cu(e.data.substr(0,t.offset())),o=Cu(e.data.substr(t.offset()));return(n.text+o.text).length>0?(wu(e),Pl(e,t.offset()-n.count)):t})(e,t):Eu(e,t))(e,t):((e,t)=>t.container()===e.parentNode?((e,t)=>{const n=t.container(),o=((e,t)=>{const n=j(e,t);return-1===n?I.none():I?.some(n)})(ce(n.childNodes),e)?.map((e=>e<t.offset()?Pl(n,t.offset()-1):t)).getOr(t);return xu(e),o})(e,t):Eu(e,t))(e,t),xu=e=>{bu(e)&&zi(e)&&(ji(e)?e.removeAttribute("data-mce-caret"):yu(e)),vu(e)&&(wu(e),0===e.data.length&&yu(e))},Su=cs,ku=gs,Nu=ms,Ru=(e,t,n)=>{const o=Xi(t.getBoundingClientRect(),n);let r,s;if("BODY"===e.tagName){const t=e.ownerDocument.documentElement;r=e.scrollLeft||t.scrollLeft,s=e.scrollTop||t.scrollTop}else{const t=e.getBoundingClientRect();r=e.scrollLeft-t.left,s=e.scrollTop-t.top}o.left+=r,o.right+=r,o.top+=s,o.bottom+=s,o.width=1;let a=t.offsetWidth-t.clientWidth;return a>0&&(n&&(a*=-1),o.left+=a,o.right+=a),o},Au=(e,t,n,o)=>{const r=Ve();let s,a;const i=Ad(e),l=e.dom,d=()=>{(e=>{var t,n;const o=vr(mn(e),"*[contentEditable=false],video,audio,embed,object");for(let e=0;e<o.length;e++){const r=o[e].dom;let s=r.previousSibling;if(qi(s)){const e=s.data;1===e.length?null===(t=s.parentNode)||void 0===t||t.removeChild(s):s.deleteData(e.length-1,1)}s=r.nextSibling,Vi(s)&&(1===s.data.length?null===(n=s.parentNode)||void 0===n||n.removeChild(s):s.deleteData(0,1))}})(t),a&&(xu(a),a=null),r.on((e=>{l.remove(e.caret),r.clear()})),s&&(clearInterval(s),s=void 0)};return{isShowing:r.isSet,show:(e,c)=>{let u;if(d(),Nu(c))return null;if(!n(c))return a=((e,t)=>{var n;const o=(null!==(n=e.ownerDocument)&&void 0!==n?n:document).createTextNode(Pi),r=e.parentNode;if(t){const t=e.previousSibling;if(Ii(t)){if(zi(t))return t;if(qi(t))return t.splitText(t.data.length-1)}null==r||r.insertBefore(o,e)}else{const t=e.nextSibling;if(Ii(t)){if(zi(t))return t;if(Vi(t))return t.splitText(1),t}e.nextSibling?null==r||r.insertBefore(o,e.nextSibling):null==r||r.appendChild(o)}return o})(c,e),u=c.ownerDocument.createRange(),Ou(a.nextSibling)?(u.setStart(a,0),u.setEnd(a,0)):(u.setStart(a,1),u.setEnd(a,1)),u;{const n=((e,t,n)=>{var o;const r=(null!==(o=t.ownerDocument)&&void 0!==o?o:document).createElement(e);r.setAttribute("data-mce-caret",n?"before":"after"),r.setAttribute("data-mce-bogus","all"),r.appendChild(Oi().dom);const s=t.parentNode;return n?null==s||s.insertBefore(r,t):t.nextSibling?null==s||s.insertBefore(r,t.nextSibling):null==s||s.appendChild(r),r})(i,c,e),d=Ru(t,c,e);l.setStyle(n,"top",d.top),l.setStyle(n,"caret-color","transparent"),a=n;const m=l.create("div",{class:"mce-visual-caret","data-mce-bogus":"all"});l.setStyles(m,{...d}),l.add(t,m),r.set({caret:m,element:c,before:e}),e&&l.addClass(m,"mce-visual-caret-before"),s=window.setInterval((()=>{r.on((e=>{o()?l.toggleClass(e.caret,"mce-visual-caret-hidden"):l.addClass(e.caret,"mce-visual-caret-hidden")}))}),500),u=c.ownerDocument.createRange(),u.setStart(n,0),u.setEnd(n,0)}return u},hide:d,getCss:()=>".mce-visual-caret {position: absolute;background-color: black;background-color: currentcolor;}.mce-visual-caret-hidden {display: none;}*[data-mce-caret] {position: absolute;left: -1000px;right: auto;top: 0;margin: 0;padding: 0;}",reposition:()=>{r.on((e=>{const n=Ru(t,e.element,e.before);l.setStyles(e.caret,{...n})}))},destroy:()=>clearInterval(s)}},Tu=()=>nn.browser.isFirefox(),Ou=e=>Su(e)||ku(e),Bu=e=>(Ou(e)||Zr(e)&&Tu())&&Mn(mn(e)).exists(gr),Pu=ds,Du=cs,Lu=gs,Mu=Gr("display","block table table-cell table-row table-caption list-item"),Iu=zi,Fu=Fi,Uu=qr,zu=es,ju=fl,Hu=e=>1===e,$u=e=>-1===e,Vu=(e,t)=>{let n;for(;n=e(t);)if(!Fu(n))return n;return null},qu=(e,t,n,o,r)=>{const s=new Fr(e,o),a=Du(e)||Fu(e);let i;if($u(t)){if(a&&(i=Vu(s.prev.bind(s),!0),n(i)))return i;for(;i=Vu(s.prev.bind(s),r);)if(n(i))return i}if(Hu(t)){if(a&&(i=Vu(s.next.bind(s),!0),n(i)))return i;for(;i=Vu(s.next.bind(s),r);)if(n(i))return i}return null},Wu=(e,t)=>{for(;e&&e!==t;){if(Mu(e))return e;e=e.parentNode}return null},Ku=(e,t,n)=>Wu(e.container(),n)===Wu(t.container(),n),Yu=(e,t)=>{if(!t)return I.none();const n=t.container(),o=t.offset();return Uu(n)?I.from(n.childNodes[o+e]):I.none()},Gu=(e,t)=>{var n;const o=(null!==(n=t.ownerDocument)&&void 0!==n?n:document).createRange();return e?(o.setStartBefore(t),o.setEndBefore(t)):(o.setStartAfter(t),o.setEndAfter(t)),o},Xu=(e,t,n)=>Wu(t,e)===Wu(n,e),Zu=(e,t,n)=>{const o=e?"previousSibling":"nextSibling";let r=n;for(;r&&r!==t;){let e=r[o];if(e&&Iu(e)&&(e=e[o]),Du(e)||Lu(e)){if(Xu(t,e,r))return e;break}if(ju(e))break;r=r.parentNode}return null},Qu=T(Gu,!0),Ju=T(Gu,!1),em=(e,t,n)=>{let o;const r=T(Zu,!0,t),s=T(Zu,!1,t),a=n.startContainer,i=n.startOffset;if(Fi(a)){const e=zu(a)?a.parentNode:a,t=e.getAttribute("data-mce-caret");if("before"===t&&(o=e.nextSibling,Bu(o)))return Qu(o);if("after"===t&&(o=e.previousSibling,Bu(o)))return Ju(o)}if(!n.collapsed)return n;if(es(a)){if(Iu(a)){if(1===e){if(o=s(a),o)return Qu(o);if(o=r(a),o)return Ju(o)}if(-1===e){if(o=r(a),o)return Ju(o);if(o=s(a),o)return Qu(o)}return n}if(qi(a)&&i>=a.data.length-1)return 1===e&&(o=s(a),o)?Qu(o):n;if(Vi(a)&&i<=1)return-1===e&&(o=r(a),o)?Ju(o):n;if(i===a.data.length)return o=s(a),o?Qu(o):n;if(0===i)return o=r(a),o?Ju(o):n}return n},tm=(e,t)=>Yu(e?0:-1,t).filter(Du),nm=(e,t,n)=>{const o=em(e,t,n);return-1===e?Pl.fromRangeStart(o):Pl.fromRangeEnd(o)},om=e=>I.from(e.getNode())?.map(mn),rm=(e,t)=>{let n=t;for(;n=e(n);)if(n.isVisible())return n;return n},sm=(e,t)=>{const n=Ku(e,t);return!(n||!as(e.getNode()))||n},am=cs,im=es,lm=qr,dm=as,cm=fl,um=e=>cl(e)||(e=>!!gl(e)&&!X(ce(e.getElementsByTagName("*")),((e,t)=>e||sl(t)),!1))(e),mm=pl,fm=(e,t)=>e.hasChildNodes()&&t<e.childNodes.length?e.childNodes[t]:null,gm=(e,t)=>{if(Hu(e)){if(cm(t.previousSibling)&&!im(t.previousSibling))return Pl.before(t);if(im(t))return Pl(t,0)}if($u(e)){if(cm(t.nextSibling)&&!im(t.nextSibling))return Pl.after(t);if(im(t))return Pl(t,t.data.length)}return $u(e)?dm(t)?Pl.before(t):Pl.after(t):Pl.before(t)},pm=(e,t,n)=>{let o,r,s,a;if(!lm(n)||!t)return null;if(t.isEqual(Pl.after(n))&&n.lastChild){if(a=Pl.after(n.lastChild),$u(e)&&cm(n.lastChild)&&lm(n.lastChild))return dm(n.lastChild)?Pl.before(n.lastChild):a}else a=t;const i=a.container();let l=a.offset();if(im(i)){if($u(e)&&l>0)return Pl(i,--l);if(Hu(e)&&l<i.length)return Pl(i,++l);o=i}else{if($u(e)&&l>0&&(r=fm(i,l-1),cm(r)))return!um(r)&&(s=qu(r,e,mm,r),s)?im(s)?Pl(s,s.data.length):Pl.after(s):im(r)?Pl(r,r.data.length):Pl.before(r);if(Hu(e)&&l<i.childNodes.length&&(r=fm(i,l),cm(r)))return dm(r)?((e,t)=>{const n=t.nextSibling;return n&&cm(n)?im(n)?Pl(n,0):Pl.before(n):pm(1,Pl.after(t),e)})(n,r):!um(r)&&(s=qu(r,e,mm,r),s)?im(s)?Pl(s,0):Pl.before(s):im(r)?Pl(r,0):Pl.after(r);o=r||a.getNode()}if(o&&(Hu(e)&&a.isAtEnd()||$u(e)&&a.isAtStart())&&(o=qu(o,e,M,n,!0),mm(o,n)))return gm(e,o);r=o?qu(o,e,mm,n):o;const d=bt(Y(((e,t)=>{const n=[];let o=e;for(;o&&o!==t;)n.push(o),o=o.parentNode;return n})(i,n),am));return!d||r&&d.contains(r)?r?gm(e,r):null:(a=Hu(e)?Pl.after(d):Pl.before(d),a)},hm=e=>({next:t=>pm(1,t,e),prev:t=>pm(-1,t,e)}),bm=e=>Pl.isTextPosition(e)?0===e.offset():fl(e.getNode()),vm=e=>{if(Pl.isTextPosition(e)){const t=e.container();return e.offset()===t.data.length}return fl(e.getNode(!0))},ym=(e,t)=>!Pl.isTextPosition(e)&&!Pl.isTextPosition(t)&&e.getNode()===t.getNode(!0),Cm=(e,t,n)=>{const o=hm(t);return I.from(e?o.next(n):o.prev(n))},wm=(e,t,n)=>Cm(e,t,n).bind((o=>Ku(n,o,t)&&((e,t,n)=>{return e?!ym(t,n)&&(o=t,!(!Pl.isTextPosition(o)&&as(o.getNode())))&&vm(t)&&bm(n):!ym(n,t)&&bm(t)&&vm(n);var o})(e,n,o)?Cm(e,t,o):I?.some(o))),Em=(e,t,n,o)=>wm(e,t,n).bind((n=>o(n)?Em(e,t,n,o):I?.some(n))),_m=(e,t)=>{const n=e?t.firstChild:t.lastChild;return es(n)?I?.some(Pl(n,e?0:n.data.length)):n?fl(n)?I?.some(e?Pl.before(n):as(o=n)?Pl.before(o):Pl.after(o)):((e,t,n)=>{const o=e?Pl.before(n):Pl.after(n);return Cm(e,t,o)})(e,t,n):I.none();var o},xm=T(Cm,!0),Sm=T(Cm,!1),km=T(_m,!0),Nm=T(_m,!1),Rm="_mce_caret",Am=e=>qr(e)&&e.id===Rm,Tm=(e,t)=>{let n=t;for(;n&&n!==e;){if(Am(n))return n;n=n.parentNode}return null},Om=e=>xe(e,"name"),Bm=e=>an.isArray(e.start),Pm=e=>!(!Om(e)&&b(e.forward))||e.forward,Dm=(e,t)=>(qr(t)&&e.isBlock(t)&&!t.innerHTML&&(t.innerHTML='<br data-mce-bogus="1" />'),t),Lm=(e,t)=>Nm(e).fold(L,(e=>(t.setStart(e.container(),e.offset()),t.setEnd(e.container(),e.offset()),!0))),Mm=(e,t,n)=>!(!(e=>!e.hasChildNodes())(t)||!Tm(e,t)||(((e,t)=>{var n;const o=(null!==(n=e.ownerDocument)&&void 0!==n?n:document).createTextNode(Pi);e.appendChild(o),t.setStart(o,0),t.setEnd(o,0)})(t,n),0)),Im=(e,t,n,o)=>{const r=n[t?"start":"end"],s=e.getRoot();if(r){let e=s,n=r[0];for(let t=r.length-1;e&&t>=1;t--){const n=e.childNodes;if(Mm(s,e,o))return!0;if(r[t]>n.length-1)return!!Mm(s,e,o)||Lm(e,o);e=n[r[t]]}es(e)&&(n=Math.min(r[0],e.data.length)),qr(e)&&(n=Math.min(r[0],e.childNodes.length)),t?o.setStart(e,n):o.setEnd(e,n)}return!0},Fm=e=>es(e)&&e.data.length>0,Um=(e,t,n)=>{const o=e.get(n.id+"_"+t),r=null==o?void 0:o.parentNode,s=n.keep;if(o&&r){let a,i;if("start"===t?s?o.hasChildNodes()?(a=o.firstChild,i=1):Fm(o.nextSibling)?(a=o.nextSibling,i=0):Fm(o.previousSibling)?(a=o.previousSibling,i=o.previousSibling.data.length):(a=r,i=e.nodeIndex(o)+1):(a=r,i=e.nodeIndex(o)):s?o.hasChildNodes()?(a=o.firstChild,i=1):Fm(o.previousSibling)?(a=o.previousSibling,i=o.previousSibling.data.length):(a=r,i=e.nodeIndex(o)):(a=r,i=e.nodeIndex(o)),!s){const r=o.previousSibling,s=o.nextSibling;let l;for(an.each(an.grep(o.childNodes),(e=>{es(e)&&(e.data=e.data.replace(/\uFEFF/g,""))}));l=e.get(n.id+"_"+t);)e.remove(l,!0);if(es(s)&&es(r)&&!nn.browser.isOpera()){const t=r.data.length;r.appendData(s.data),e.remove(s),a=r,i=t}}return I?.some(Pl(a,i))}return I.none()},zm=(e,t,n)=>((e,t,n=!1)=>2===t?Zl(Li,n,e):3===t?(e=>{const t=e.getRng();return{start:$l(e.dom.getRoot(),Pl.fromRangeStart(t)),end:$l(e.dom.getRoot(),Pl.fromRangeEnd(t)),forward:e.isForward()}})(e):t?(e=>({rng:e.getRng(),forward:e.isForward()}))(e):Jl(e,!1))(e,t,n),jm=(e,t)=>{((e,t)=>{const n=e.dom;if(t){if(Bm(t))return((e,t)=>{const n=e.createRng();return Im(e,!0,t,n)&&Im(e,!1,t,n)?I?.some({range:n,forward:Pm(t)}):I.none()})(n,t);if((e=>m(e.start))(t))return((e,t)=>{const n=I.from(Vl(e.getRoot(),t.start)),o=I.from(Vl(e.getRoot(),t.end));return ze(n,o,((n,o)=>{const r=e.createRng();return r.setStart(n.container(),n.offset()),r.setEnd(o.container(),o.offset()),{range:r,forward:Pm(t)}}))})(n,t);if((e=>xe(e,"id"))(t))return((e,t)=>{const n=Um(e,"start",t),o=Um(e,"end",t);return ze(n,o.or(n),((n,o)=>{const r=e.createRng();return r.setStart(Dm(e,n.container()),n.offset()),r.setEnd(Dm(e,o.container()),o.offset()),{range:r,forward:Pm(t)}}))})(n,t);if(Om(t))return((e,t)=>I.from(e.select(t.name)[t.index])?.map((t=>{const n=e.createRng();return n.selectNode(t),{range:n,forward:!0}})))(n,t);if((e=>xe(e,"rng"))(t))return I?.some({range:t.rng,forward:Pm(t)})}return I.none()})(e,t).each((({range:t,forward:n})=>{e.setRng(t,n)}))},Hm=e=>qr(e)&&"SPAN"===e.tagName&&"bookmark"===e.getAttribute("data-mce-type"),$m=(Vm=it,e=>Vm===e);var Vm;const qm=e=>""!==e&&-1!==" \f\n\r\t\v".indexOf(e),Wm=e=>!qm(e)&&!$m(e)&&!lt(e),Km=e=>{const t=[];if(e)for(let n=0;n<e.rangeCount;n++)t.push(e.getRangeAt(n));return t},Ym=(e,t)=>{const n=vr(t,"td[data-mce-selected],th[data-mce-selected]");return n.length>0?n:(e=>Y((e=>te(e,(e=>{const t=tl(e);return t?[mn(t)]:[]})))(e),Ai))(e)},Gm=e=>Ym(Km(e.selection.getSel()),mn(e.getBody())),Xm=(e,t)=>or(e,"table",t),Zm=e=>Vn(e).fold(N([e]),(t=>[e].concat(Zm(t)))),Qm=e=>qn(e).fold(N([e]),(t=>"br"===_n(t)?Fn(t)?.map((t=>[e].concat(Qm(t)))).getOr([]):[e].concat(Qm(t)))),Jm=(e,t)=>ze((e=>{const t=e.startContainer,n=e.startOffset;return es(t)?0===n?I?.some(mn(t)):I.none():I.from(t.childNodes[n])?.map(mn)})(t),(e=>{const t=e.endContainer,n=e.endOffset;return es(t)?n===t.data.length?I?.some(mn(t)):I.none():I.from(t.childNodes[n-1])?.map(mn)})(t),((t,n)=>{const o=Q(Zm(e),T(Cn,t)),r=Q(Qm(e),T(Cn,n));return o.isSome()&&r.isSome()})).getOr(!1),ef=(e,t,n,o)=>{const r=n,s=new Fr(n,r),a=Ce(e.schema.getMoveCaretBeforeOnEnterElements(),((e,t)=>!H(["td","th","table"],t.toLowerCase())));let i=n;do{if(es(i)&&0!==an.trim(i.data).length)return void(o?t.setStart(i,0):t.setEnd(i,i.data.length));if(a[i.nodeName])return void(o?t.setStartBefore(i):"BR"===i.nodeName?t.setEndBefore(i):t.setEndAfter(i))}while(i=o?s.next():s.prev());"BODY"===r.nodeName&&(o?t.setStart(r,0):t.setEnd(r,r.childNodes.length))},tf=e=>{const t=e.selection.getSel();return C(t)&&t.rangeCount>0},nf=(e,t)=>{const n=Gm(e);n.length>0?q(n,(n=>{const o=n.dom,r=e.dom.createRng();r.setStartBefore(o),r.setEndAfter(o),t(r,!0)})):t(e.selection.getRng(),!1)},of=(e,t,n)=>{const o=Jl(e,t);n(o),e.moveToBookmark(o)},rf=e=>E(null==e?void 0:e.nodeType),sf=e=>qr(e)&&!Hm(e)&&!Am(e)&&!Xr(e),af=(e,t,n)=>{const{selection:o,dom:r}=e,s=o.getNode(),a=cs(s);of(o,!0,(()=>{t()})),a&&cs(s)&&r.isChildOf(s,e.getBody())?e.selection.select(s):n(o.getStart())&&lf(r,o)},lf=(e,t)=>{var n,o;const r=t.getRng(),{startContainer:s,startOffset:a}=r;if(!((e,t)=>{if(sf(t)&&!/^(TD|TH)$/.test(t.nodeName)){const n=e.getAttrib(t,"data-mce-selected"),o=parseInt(n,10);return!isNaN(o)&&o>0}return!1})(e,t.getNode())&&qr(s)){const i=s.childNodes,l=e.getRoot();let d;if(a<i.length){const t=i[a];d=new Fr(t,null!==(n=e.getParent(t,e.isBlock))&&void 0!==n?n:l)}else{const t=i[i.length-1];d=new Fr(t,null!==(o=e.getParent(t,e.isBlock))&&void 0!==o?o:l),d.next(!0)}for(let n=d.current();n;n=d.next()){if("false"===e.getContentEditable(n))return;if(es(n)&&!mf(n))return r.setStart(n,0),void t.setRng(r)}}},df=(e,t,n)=>{if(e){const o=t?"nextSibling":"previousSibling";for(e=n?e:e[o];e;e=e[o])if(qr(e)||!mf(e))return e}},cf=(e,t)=>!!e.getTextBlockElements()[t.nodeName.toLowerCase()]||js(e,t),uf=(e,t,n)=>e.schema.isValidChild(t,n),mf=(e,t=!1)=>{if(C(e)&&es(e)){const n=t?e.data.replace(/ /g,"\xa0"):e.data;return zr(n)}return!1},ff=(e,t)=>{const n=e.dom;return sf(t)&&"false"===n.getContentEditable(t)&&((e,t)=>{const n="[data-mce-cef-wrappable]",o=pc(e),r=tt(o)?n:`${n},${o}`;return vn(mn(t),r)})(e,t)&&0===n.select('[contenteditable="true"]',t).length},gf=(e,t)=>w(e)?e(t):(C(t)&&(e=e.replace(/%(\w+)/g,((e,n)=>t[n]||e))),e),pf=(e,t)=>(t=t||"",e=""+((e=e||"").nodeName||e),t=""+(t.nodeName||t),e.toLowerCase()===t.toLowerCase()),hf=(e,t)=>{if(y(e))return null;{let n=String(e);return"color"!==t&&"backgroundColor"!==t||(n=Ma(n)),"fontWeight"===t&&700===e&&(n="bold"),"fontFamily"===t&&(n=n.replace(/[\'\"]/g,"").replace(/,\s+/g,",")),n}},bf=(e,t,n)=>{const o=e.getStyle(t,n);return hf(o,n)},vf=(e,t)=>{let n;return e.getParent(t,(t=>!!qr(t)&&(n=e.getStyle(t,"text-decoration"),!!n&&"none"!==n))),n},yf=(e,t,n)=>e.getParents(t,n,e.getRoot()),Cf=(e,t,n)=>{const o=e.formatter.get(t);return C(o)&&$(o,n)},wf=e=>Se(e,"block"),Ef=e=>Se(e,"selector"),_f=e=>Se(e,"inline"),xf=e=>Ef(e)&&!1!==e.expand&&!_f(e),Sf=e=>(e=>{const t=[];let n=e;for(;n;){if(es(n)&&n.data!==Pi||n.childNodes.length>1)return[];qr(n)&&t.push(n),n=n.firstChild}return t})(e).length>0,kf=e=>Am(e.dom)&&Sf(e.dom),Nf=Hm,Rf=yf,Af=mf,Tf=cf,Of=(e,t)=>{let n=t;for(;n;){if(qr(n)&&e.getContentEditable(n))return"false"===e.getContentEditable(n)?n:t;n=n.parentNode}return t},Bf=(e,t,n,o)=>{const r=t.data;if(e){for(let e=n;e>0;e--)if(o(r.charAt(e-1)))return e}else for(let e=n;e<r.length;e++)if(o(r.charAt(e)))return e;return-1},Pf=(e,t,n)=>Bf(e,t,n,(e=>$m(e)||qm(e))),Df=(e,t,n)=>Bf(e,t,n,Wm),Lf=(e,t,n,o,r,s)=>{let a;const i=e.getParent(n,(t=>us(t)||e.isBlock(t))),l=C(i)?i:t,d=(t,n,o)=>{const s=Ei(e),i=r?s.backwards:s.forwards;return I.from(i(t,n,((e,t)=>Nf(e.parentNode)?-1:(a=e,o(r,e,t))),l))};return d(n,o,Pf).bind((e=>s?d(e.container,e.offset+(r?-1:0),Df):I?.some(e))).orThunk((()=>a?I?.some({container:a,offset:r?0:a.length}):I.none()))},Mf=(e,t,n,o,r)=>{const s=o[r];es(o)&&tt(o.data)&&s&&(o=s);const a=Rf(e,o);for(let o=0;o<a.length;o++)for(let r=0;r<t.length;r++){const s=t[r];if((!C(s.collapsed)||s.collapsed===n.collapsed)&&Ef(s)&&e.is(a[o],s.selector))return a[o]}return o},If=(e,t,n,o)=>{var r;let s=n;const a=e.getRoot(),i=t[0];if(wf(i)&&(s=i.wrapper?null:e.getParent(n,i.block,a)),!s){const t=null!==(r=e.getParent(n,"LI,TD,TH,SUMMARY"))&&void 0!==r?r:a;s=e.getParent(es(n)?n.parentNode:n,(t=>t!==a&&Tf(e.schema,t)),t)}if(s&&wf(i)&&i.wrapper&&(s=Rf(e,s,"ul,ol").reverse()[0]||s),!s)for(s=n;s&&s[o]&&!e.isBlock(s[o])&&(s=s[o],!pf(s,"br")););return s||n},Ff=(e,t,n,o)=>{const r=n.parentNode;return!C(n[o])&&(!(r!==t&&!y(r)&&!e.isBlock(r))||Ff(e,t,r,o))},Uf=(e,t,n,o,r,s)=>{let a=n;const i=r?"previousSibling":"nextSibling",l=e.getRoot();if(es(n)&&!Af(n)&&(r?o>0:o<n.data.length))return n;for(;a;){if(us(a))return n;if(!t[0].block_expand&&e.isBlock(a))return s?a:n;for(let t=a[i];t;t=t[i]){const n=es(t)&&!Ff(e,l,t,i);if(!Nf(t)&&(!as(d=t)||!d.getAttribute("data-mce-bogus")||d.nextSibling)&&!Af(t,n))return a}if(a===l||a.parentNode===l){n=a;break}a=a.parentNode}var d;return n},zf=e=>Nf(e.parentNode)||Nf(e),jf=(e,t,n,o={})=>{const{includeTrailingSpace:r=!1,expandToBlock:s=!0}=o,a=e.getParent(t.commonAncestorContainer,(e=>us(e))),i=C(a)?a:e.getRoot();let{startContainer:l,startOffset:d,endContainer:c,endOffset:u}=t;const m=n[0];return qr(l)&&l.hasChildNodes()&&(l=nl(l,d),es(l)&&(d=0)),qr(c)&&c.hasChildNodes()&&(c=nl(c,t.collapsed?u:u-1),es(c)&&(u=c.data.length)),l=Of(e,l),c=Of(e,c),zf(l)&&(l=Nf(l)?l:l.parentNode,l=t.collapsed?l.previousSibling||l:l.nextSibling||l,es(l)&&(d=t.collapsed?l.length:0)),zf(c)&&(c=Nf(c)?c:c.parentNode,c=t.collapsed?c.nextSibling||c:c.previousSibling||c,es(c)&&(u=t.collapsed?0:c.length)),t.collapsed&&(Lf(e,i,l,d,!0,r).each((({container:e,offset:t})=>{l=e,d=t})),Lf(e,i,c,u,!1,r).each((({container:e,offset:t})=>{c=e,u=t}))),(_f(m)||m.block_expand)&&(_f(m)&&es(l)&&0!==d||(l=Uf(e,n,l,d,!0,s)),_f(m)&&es(c)&&u!==c.data.length||(c=Uf(e,n,c,u,!1,s))),xf(m)&&(l=Mf(e,n,t,l,"previousSibling"),c=Mf(e,n,t,c,"nextSibling")),(wf(m)||Ef(m))&&(l=If(e,n,l,"previousSibling"),c=If(e,n,c,"nextSibling"),wf(m)&&(e.isBlock(l)||(l=Uf(e,n,l,d,!0,s),es(l)&&(d=0)),e.isBlock(c)||(c=Uf(e,n,c,u,!1,s),es(c)&&(u=c.data.length)))),qr(l)&&l.parentNode&&(d=e.nodeIndex(l),l=l.parentNode),qr(c)&&c.parentNode&&(u=e.nodeIndex(c)+1,c=c.parentNode),{startContainer:l,startOffset:d,endContainer:c,endOffset:u}},Hf=(e,t,n)=>{var o;const r=t.startOffset,s=nl(t.startContainer,r),a=t.endOffset,i=nl(t.endContainer,a-1),l=e=>{const t=e[0];es(t)&&t===s&&r>=t.data.length&&e.splice(0,1);const n=e[e.length-1];return 0===a&&e.length>0&&n===i&&es(n)&&e.splice(e.length-1,1),e},d=(e,t,n)=>{const o=[];for(;e&&e!==n;e=e[t])o.push(e);return o},c=(t,n)=>e.getParent(t,(e=>e.parentNode===n),n),u=(e,t,o)=>{const r=o?"nextSibling":"previousSibling";for(let s=e,a=s.parentNode;s&&s!==t;s=a){a=s.parentNode;const t=d(s===e?s:s[r],r);t.length&&(o||t.reverse(),n(l(t)))}};if(s===i)return n(l([s]));const m=null!==(o=e.findCommonAncestor(s,i))&&void 0!==o?o:e.getRoot();if(e.isChildOf(s,i))return u(s,m,!0);if(e.isChildOf(i,s))return u(i,m);const f=c(s,m)||s,g=c(i,m)||i;u(s,f,!0);const p=d(f===s?f:f.nextSibling,"nextSibling",g===i?g.nextSibling:g);p.length&&n(l(p)),u(i,g)},$f=['pre[class*=language-][contenteditable="false"]',"figure.image","div[data-ephox-embed-iri]","div.tiny-pageembed","div.mce-toc","div[data-mce-toc]","div.mce-footnotes"],Vf=(e,t,n,o,r,s)=>{const{uid:a=t,...i}=n;cr(e,ci()),go(e,`${mi()}`,a),go(e,`${ui()}`,o);const{attributes:l={},classes:d=[]}=r(a,i);if(po(e,l),((e,t)=>{q(t,(t=>{cr(e,t)}))})(e,d),s){d.length>0&&go(e,`${gi()}`,d.join(","));const t=fe(l);t.length>0&&go(e,`${pi()}`,t.join(","))}},qf=(e,t,n,o,r)=>{const s=cn("span",e);return Vf(s,t,n,o,r,!1),s},Wf=(e,t,n,o,r,s)=>{const a=[],i=qf(e.getDoc(),n,s,o,r),l=Ve(),d=()=>{l.clear()},c=e=>{q(e,u)},u=t=>{switch(((e,t,n,o)=>Mn(t).fold((()=>"skipping"),(r=>"br"===o||(e=>Rn(e)&&Xo(e)===Pi)(t)?"valid":(e=>Nn(e)&&fr(e,ci()))(t)?"existing":Am(t.dom)?"caret":$($f,(e=>vn(t,e)))?"valid-block":uf(e,n,o)&&uf(e,_n(r),n)?"valid":"invalid-child")))(e,t,"span",_n(t))){case"invalid-child":{d();const e=Hn(t);c(e),d();break}case"valid-block":d(),Vf(t,n,s,o,r,!0);break;case"valid":{const e=l.get().getOrThunk((()=>{const e=So(i);return a.push(e),l.set(e),e}));uo(t,e);break}}};return Hf(e.dom,t,(e=>{d(),(e=>{const t=V(e,mn);c(t)})(e)})),a},Kf=e=>{const t=(()=>{const e={};return{register:(t,n)=>{e[t]={name:t,settings:n}},lookup:t=>_e(e,t)?.map((e=>e.settings)),getNames:()=>fe(e)}})();((e,t)=>{const n=ui(),o=e=>I.from(e.attr(n)).bind(t.lookup),r=e=>{var t,n;e.attr(mi(),null),e.attr(ui(),null),e.attr(fi(),null);const o=I.from(e.attr(pi()))?.map((e=>e.split(","))).getOr([]),r=I.from(e.attr(gi()))?.map((e=>e.split(","))).getOr([]);q(o,(t=>e.attr(t,null)));const s=null!==(n=null===(t=e.attr("class"))||void 0===t?void 0:t.split(" "))&&void 0!==n?n:[],a=re(s,[ci()].concat(r));e.attr("class",a.length>0?a.join(" "):null),e.attr(gi(),null),e.attr(pi(),null)};e.serializer.addTempAttr(fi()),e.serializer.addAttributeFilter(n,(e=>{for(const t of e)o(t).each((e=>{!1===e.persistent&&("span"===t.name?t.unwrap():r(t))}))}))})(e,t);const n=((e,t)=>{const n=Ne({}),o=()=>({listeners:[],previous:Ve()}),r=(e,t)=>{s(e,(e=>(t(e),e)))},s=(e,t)=>{const r=n.get(),s=t(_e(r,e).getOrThunk(o));r[e]=s,n.set(r)},a=(t,n)=>{q(yi(e,t),(e=>{n?go(e,fi(),"true"):yo(e,fi())}))},i=rt((()=>{const n=ae(t.getNames());q(n,(t=>{s(t,(n=>{const o=n.previous.get();return bi(e,I?.some(t)).fold((()=>{o.each((e=>{(e=>{r(e,(t=>{q(t.listeners,(t=>t(!1,e)))}))})(t),n.previous.clear(),a(e,!1)}))}),(({uid:e,name:t,elements:s})=>{Fe(o,e)||(o.each((e=>a(e,!1))),((e,t,n)=>{r(e,(o=>{q(o.listeners,(o=>o(!0,e,{uid:t,nodes:V(n,(e=>e.dom))})))}))})(t,e,s),n.previous.set(e),a(e,!0))})),{previous:n.previous,listeners:n.listeners}}))}))}),30);return e.on("remove",(()=>{i.cancel()})),e.on("NodeChange",(()=>{i.throttle()})),{addListener:(e,t)=>{s(e,(e=>({previous:e.previous,listeners:e.listeners.concat([t])})))}}})(e,t),o=On("span"),r=e=>{q(e,(e=>{o(e)?_o(e):(e=>{mr(e,ci()),yo(e,`${mi()}`),yo(e,`${ui()}`),yo(e,`${fi()}`);const t=bo(e,`${pi()}`)?.map((e=>e.split(","))).getOr([]),n=bo(e,`${gi()}`)?.map((e=>e.split(","))).getOr([]);var o;q(t,(t=>yo(e,t))),o=e,q(n,(e=>{mr(o,e)})),yo(e,`${gi()}`),yo(e,`${pi()}`)})(e)}))};return{register:(e,n)=>{t.register(e,n)},annotate:(n,o)=>{t.lookup(n).each((t=>{((e,t,n,o)=>{e.undoManager.transact((()=>{const r=e.selection,s=r.getRng(),a=Gm(e).length>0,i=De("mce-annotation");if(s.collapsed&&!a&&((e,t)=>{const n=jf(e.dom,t,[{inline:"span"}]);t.setStart(n.startContainer,n.startOffset),t.setEnd(n.endContainer,n.endOffset),e.selection.setRng(t)})(e,s),r.getRng().collapsed&&!a){const s=qf(e.getDoc(),i,o,t,n.decorate);Ao(s,it),r.getRng().insertNode(s.dom),r.select(s.dom)}else of(r,!1,(()=>{nf(e,(r=>{Wf(e,r,i,t,n.decorate,o)}))}))}))})(e,n,t,o)}))},annotationChanged:(e,t)=>{n.addListener(e,t)},remove:t=>{bi(e,I?.some(t)).each((({elements:t})=>{const n=e.selection.getBookmark();r(t),e.selection.moveToBookmark(n)}))},removeAll:t=>{const n=e.selection.getBookmark();pe(Ci(e,t),((e,t)=>{r(e)})),e.selection.moveToBookmark(n)},getAll:t=>{const n=Ci(e,t);return he(n,(e=>V(e,(e=>e.dom))))}}},Yf=e=>({getBookmark:T(zm,e),moveToBookmark:T(jm,e)});Yf.isBookmarkNode=Hm;const Gf=(e,t,n)=>!n.collapsed&&$(n.getClientRects(),(n=>((e,t,n)=>t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom)(n,e,t))),Xf=(e,t)=>{const n=Rn(t)?Xo(t).length:Hn(t).length+1;return e>n?n:e<0?0:e},Zf=e=>Tr.range(e.start,Xf(e.soffset,e.start),e.finish,Xf(e.foffset,e.finish)),Qf=(e,t)=>!Vr(t.dom)&&(wn(e,t)||Cn(e,t)),Jf=e=>t=>Qf(e,t.start)&&Qf(e,t.finish),eg=e=>Tr.range(mn(e.startContainer),e.startOffset,mn(e.endContainer),e.endOffset),tg=e=>{const t=document.createRange();try{return t.setStart(e.start.dom,e.soffset),t.setEnd(e.finish.dom,e.foffset),I?.some(t)}catch(e){return I.none()}},ng=e=>{const t=(e=>e.inline||nn.browser.isFirefox())(e)?(n=mn(e.getBody()),(e=>{const t=e.getSelection();return(t&&0!==t.rangeCount?I.from(t.getRangeAt(0)):I.none())?.map(eg)})(Dn(n).dom).filter(Jf(n))):I.none();var n;e.bookmark=t.isSome()?t:e.bookmark},og=e=>(e.bookmark?e.bookmark:I.none()).bind((t=>{return n=mn(e.getBody()),o=t,I.from(o).filter(Jf(n))?.map(Zf);var n,o})).bind(tg),rg={isEditorUIElement:e=>{const t=e.className.toString();return-1!==t.indexOf("tox-")||-1!==t.indexOf("mce-")}},sg={setEditorTimeout:(e,t,n)=>((e,t)=>(E(t)||(t=0),window.setTimeout(e,t)))((()=>{e.removed||t()}),n),setEditorInterval:(e,t,n)=>{const o=((e,t)=>(E(t)||(t=0),window.setInterval(e,t)))((()=>{e.removed?window.clearInterval(o):t()}),n);return o}},ag=(e,t)=>e.view(t).fold(N([]),(t=>{const n=e.owner(t),o=ag(e,n);return[t].concat(o)}));var ig=Object.freeze({__proto__:null,view:e=>{var t;return(e.dom===document?I.none():I.from(null===(t=e.dom.defaultView)||void 0===t?void 0:t.frameElement))?.map(mn)},owner:e=>Pn(e)});const lg=e=>{const t=no(),n=qo(t),o=((e,t)=>{const n=t.owner(e);return ag(t,n)})(e,ig),r=Vo(e),s=G(o,((e,t)=>{const n=Vo(t);return{left:e.left+n.left,top:e.top+n.top}}),{left:0,top:0});return Ho(s.left+r.left+n.left,s.top+r.top+n.top)};let dg;const cg=ni.DOM,ug=e=>{const t=e.classList;return void 0!==t&&(t.contains("tox-edit-area")||t.contains("tox-edit-area__iframe")||t.contains("mce-content-body"))},mg=(e,t)=>{const n=hc(e),o=cg.getParent(t,(t=>(e=>qr(e)&&rg.isEditorUIElement(e))(t)||!!n&&e.dom.is(t,n)));return null!==o},fg=e=>{try{const t=Yn(mn(e.getElement()));return so(t).fold((()=>document.body),(e=>e.dom))}catch(e){return document.body}},gg=(e,t)=>{const n=t.editor;(e=>{const t=ot((()=>{ng(e)}),0);e.on("init",(()=>{e.inline&&((e,t)=>{const n=()=>{t.throttle()};ni.DOM.bind(document,"mouseup",n),e.on("remove",(()=>{ni.DOM.unbind(document,"mouseup",n)}))})(e,t),((e,t)=>{((e,t)=>{e.on("mouseup touchend",(e=>{t.throttle()}))})(e,t),e.on("keyup NodeChange AfterSetSelectionRange",(t=>{(e=>"nodechange"===e.type&&e.selectionChange)(t)||ng(e)}))})(e,t)})),e.on("remove",(()=>{t.cancel()}))})(n);const o=(e,t)=>{ru(e)&&!0!==e.inline&&t(mn(e.getContainer()),"tox-edit-focus")};n.on("focusin",(()=>{const t=e.focusedEditor;if(ug(fg(n))&&o(n,cr),t!==n){t&&t.dispatch("blur",{focusedEditor:n}),e.setActive(n),e.focusedEditor=n,n.dispatch("focus",{blurredEditor:t}),n.focus(!0);const o=Kt().browser;!0!==n.inline&&(o.isSafari()||o.isChromium())&&(e=>{if(!e.iframeElement)return;const t=mn(e.iframeElement),n=lg(t),o=Ir(window);(n.top<o.y||n.top>o.bottom-25)&&t.dom.scrollIntoView({block:"center"})})(n)}})),n.on("focusout",(()=>{sg.setEditorTimeout(n,(()=>{const t=e.focusedEditor;ug(fg(n))&&t===n||o(n,mr),mg(n,fg(n))||t!==n||(n.dispatch("blur",{focusedEditor:null}),e.focusedEditor=null)}))})),dg||(dg=t=>{const n=e.activeEditor;n&&Zn(t).each((t=>{const o=t;o.ownerDocument===document&&(o===document.body||mg(n,o)||e.focusedEditor!==n||(n.dispatch("blur",{focusedEditor:null}),e.focusedEditor=null))}))},cg.bind(document,"focusin",dg))},pg=(e,t)=>{e.focusedEditor===t.editor&&(e.focusedEditor=null),!e.activeEditor&&dg&&(cg.unbind(document,"focusin",dg),dg=null)},hg=(e,t)=>{((e,t)=>(e=>e.collapsed?I.from(nl(e.startContainer,e.startOffset))?.map(mn):I.none())(t).bind((t=>Ri(t)?I?.some(t):wn(e,t)?I.none():I?.some(e))))(mn(e.getBody()),t).bind((e=>km(e.dom))).fold((()=>{e.selection.normalize()}),(t=>e.selection.setRng(t.toRange())))},bg=e=>{if(e.setActive)try{e.setActive()}catch(t){e.focus()}else e.focus()},vg=e=>e.inline?(e=>{const t=e.getBody();return t&&(n=mn(t),ro(n)||(o=n,so(Yn(o)).filter((e=>o.dom.contains(e.dom)))).isSome());var n,o})(e):(e=>C(e.iframeElement)&&ro(mn(e.iframeElement)))(e),yg=e=>vg(e)||(e=>{const t=Yn(mn(e.getElement()));return so(t).filter((t=>!ug(t.dom)&&mg(e,t.dom))).isSome()})(e),Cg=e=>e.editorManager.setActive(e),wg={BACKSPACE:8,DELETE:46,DOWN:40,ENTER:13,ESC:27,LEFT:37,RIGHT:39,SPACEBAR:32,TAB:9,UP:38,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,modifierPressed:e=>e.shiftKey||e.ctrlKey||e.altKey||wg.metaKeyPressed(e),metaKeyPressed:e=>nn.os.isMacOS()||nn.os.isiOS()?e.metaKey:e.ctrlKey&&!e.altKey},Eg="data-mce-selected",_g=Math.abs,xg=Math.round,Sg={nw:[0,0,-1,-1],ne:[1,0,1,-1],se:[1,1,1,1],sw:[0,1,-1,1]},kg=(e,t)=>{const n=t.dom,o=t.getDoc(),r=document,s=t.getBody();let a,i,l,d,c,u,m,f,g,p,h,b,v,y,w;const E=e=>C(e)&&(is(e)||n.is(e,"figure.image")),_=e=>gs(e)||n.hasClass(e,"mce-preview-object"),x=e=>{const n=e.target;((e,t)=>{if((e=>"longpress"===e.type||0===e.type.indexOf("touch"))(e)){const n=e.touches[0];return E(e.target)&&!Gf(n.clientX,n.clientY,t)}return E(e.target)&&!Gf(e.clientX,e.clientY,t)})(e,t.selection.getRng())&&!e.isDefaultPrevented()&&t.selection.select(n)},S=e=>n.hasClass(e,"mce-preview-object")&&C(e.firstElementChild)?[e,e.firstElementChild]:n.is(e,"figure.image")?[e.querySelector("img")]:[e],k=e=>{const o=nc(t);return!(!o||t.mode.isReadOnly())&&"false"!==e.getAttribute("data-mce-resize")&&e!==t.getBody()&&(n.hasClass(e,"mce-preview-object")&&C(e.firstElementChild)?vn(mn(e.firstElementChild),o):vn(mn(e),o))},N=(e,o,r)=>{if(C(r)){const s=S(e);q(s,(e=>{e.style[o]||!t.schema.isValid(e.nodeName.toLowerCase(),o)?n.setStyle(e,o,r):n.setAttrib(e,o,""+r)}))}},R=(e,t,n)=>{N(e,"width",t),N(e,"height",n)},A=e=>{let o,r,c,C,x;o=e.screenX-u,r=e.screenY-m,b=o*d[2]+f,v=r*d[3]+g,b=b<5?5:b,v=v<5?5:v,c=(E(a)||_(a))&&!1!==oc(t)?!wg.modifierPressed(e):wg.modifierPressed(e),c&&(_g(o)>_g(r)?(v=xg(b*p),b=xg(v/p)):(b=xg(v/p),v=xg(b*p))),R(i,b,v),C=d.startPos.x+o,x=d.startPos.y+r,C=C>0?C:0,x=x>0?x:0,n.setStyles(l,{left:C,top:x,display:"block"}),l.innerHTML=b+" &times; "+v,o=s.scrollWidth-y,r=s.scrollHeight-w,o+r!==0&&n.setStyles(l,{left:C-o,top:x-r}),h||(((e,t,n,o,r)=>{e.dispatch("ObjectResizeStart",{target:t,width:n,height:o,origin:r})})(t,a,f,g,"corner-"+d.name),h=!0)},T=()=>{const e=h;h=!1,e&&(N(a,"width",b),N(a,"height",v)),n.unbind(o,"mousemove",A),n.unbind(o,"mouseup",T),r!==o&&(n.unbind(r,"mousemove",A),n.unbind(r,"mouseup",T)),n.remove(i),n.remove(l),n.remove(c),O(a),e&&(((e,t,n,o,r)=>{e.dispatch("ObjectResized",{target:t,width:n,height:o,origin:r})})(t,a,b,v,"corner-"+d.name),n.setAttrib(a,"style",n.getAttrib(a,"style"))),t.nodeChanged()},O=e=>{M();const h=n.getPos(e,s),C=h.x,E=h.y,x=e.getBoundingClientRect(),N=x.width||x.right-x.left,O=x.height||x.bottom-x.top;a!==e&&(P(),a=e,b=v=0);const B=t.dispatch("ObjectSelected",{target:e});k(e)&&!B.isDefaultPrevented()?pe(Sg,((e,t)=>{let h=n.get("mceResizeHandle"+t);h&&n.remove(h),h=n.add(s,"div",{id:"mceResizeHandle"+t,"data-mce-bogus":"all",class:"mce-resizehandle",unselectable:!0,style:"cursor:"+t+"-resize; margin:0; padding:0"}),n.bind(h,"mousedown",(h=>{h.stopImmediatePropagation(),h.preventDefault(),(h=>{const b=S(a)[0];u=h.screenX,m=h.screenY,f=b.clientWidth,g=b.clientHeight,p=g/f,d=e,d.name=t,d.startPos={x:N*e[0]+C,y:O*e[1]+E},y=s.scrollWidth,w=s.scrollHeight,c=n.add(s,"div",{class:"mce-resize-backdrop","data-mce-bogus":"all"}),n.setStyles(c,{position:"fixed",left:"0",top:"0",width:"100%",height:"100%"}),i=((e,t)=>{if(_(t))return e.create("img",{src:nn.transparentSrc});if(Zr(t)){const n=Ye(d.name,"n")?le:de,o=t.cloneNode(!0);return n(e.select("tr",o)).each((t=>{const n=e.select("td,th",t);e.setStyle(t,"height",null),q(n,(t=>e.setStyle(t,"height",null)))})),o}return t.cloneNode(!0)})(n,a),n.addClass(i,"mce-clonedresizable"),n.setAttrib(i,"data-mce-bogus","all"),i.contentEditable="false",n.setStyles(i,{left:C,top:E,margin:0}),R(i,N,O),i.removeAttribute(Eg),s.appendChild(i),n.bind(o,"mousemove",A),n.bind(o,"mouseup",T),r!==o&&(n.bind(r,"mousemove",A),n.bind(r,"mouseup",T)),l=n.add(s,"div",{class:"mce-resize-helper","data-mce-bogus":"all"},f+" &times; "+g)})(h)})),e.elm=h,n.setStyles(h,{left:N*e[0]+C-h.offsetWidth/2,top:O*e[1]+E-h.offsetHeight/2})})):P(!1)},B=ot(O,0),P=(e=!0)=>{B.cancel(),M(),a&&e&&a.removeAttribute(Eg),pe(Sg,((e,t)=>{const o=n.get("mceResizeHandle"+t);o&&(n.unbind(o),n.remove(o))}))},D=(e,t)=>n.isChildOf(e,t),L=o=>{if(h||t.removed||t.composing)return;const r="mousedown"===o.type?o.target:e.getNode(),a=sr(mn(r),"table,img,figure.image,hr,video,span.mce-preview-object,details")?.map((e=>e.dom)).filter((e=>n.isEditable(e.parentElement)||"IMG"===e.nodeName&&n.isEditable(e))).getOrUndefined(),i=C(a)?n.getAttrib(a,Eg,"1"):"1";if(q(n.select(`img[${Eg}],hr[${Eg}]`),(e=>{e.removeAttribute(Eg)})),C(a)&&D(a,s)&&yg(t)){I();const t=e.getStart(!0);if(D(t,a)&&D(e.getEnd(!0),a))return n.setAttrib(a,Eg,i),void B.throttle(a)}P()},M=()=>{pe(Sg,(e=>{e.elm&&(n.unbind(e.elm),delete e.elm)}))},I=()=>{try{t.getDoc().execCommand("enableObjectResizing",!1,"false")}catch(e){}};return t.on("init",(()=>{I(),t.on("NodeChange ResizeEditor ResizeWindow ResizeContent drop",L),t.on("keyup compositionend",(e=>{a&&"TABLE"===a.nodeName&&L(e)})),t.on("hide blur",P),t.on("contextmenu longpress",x,!0)})),t.on("remove",M),{isResizable:k,showResizeRect:O,hideResizeRect:P,updateResizeRect:L,destroy:()=>{B.cancel(),a=i=c=null}}},Ng=(e,t,n)=>{const o=Dn(mn(n));return Lr(o.dom,e,t)?.map((e=>{const t=n.createRange();return t.setStart(e.start.dom,e.soffset),t.setEnd(e.finish.dom,e.foffset),t})).getOrUndefined()},Rg=(e,t)=>C(e)&&C(t)&&e.startContainer===t.startContainer&&e.startOffset===t.startOffset&&e.endContainer===t.endContainer&&e.endOffset===t.endOffset,Ag=(e,t,n)=>null!==((e,t,n)=>{let o=e;for(;o&&o!==t;){if(n(o))return o;o=o.parentNode}return null})(e,t,n),Tg=(e,t,n)=>Ag(e,t,(e=>e.nodeName===n)),Og=(e,t)=>zi(e)&&!Ag(e,t,Am),Bg=(e,t,n)=>{const o=t.parentNode;if(o){const r=new Fr(t,e.getParent(o,e.isBlock)||e.getRoot());let s;for(;s=r[n?"prev":"next"]();)if(as(s))return!0}return!1},Pg=(e,t,n,o,r)=>{const s=e.getRoot(),a=e.schema.getNonEmptyElements(),i=r.parentNode;let l,d;if(!i)return I.none();const c=e.getParent(i,e.isBlock)||s;if(o&&as(r)&&t&&e.isEmpty(c))return I?.some(Pl(i,e.nodeIndex(r)));const u=new Fr(r,c);for(;d=u[o?"prev":"next"]();){if("false"===e.getContentEditableParent(d)||Og(d,s))return I.none();if(es(d)&&d.data.length>0)return Tg(d,s,"A")?I.none():I?.some(Pl(d,o?d.data.length:0));if(e.isBlock(d)||a[d.nodeName.toLowerCase()])return I.none();l=d}return os(l)?I.none():n&&l?I?.some(Pl(l,0)):I.none()},Dg=(e,t,n,o)=>{const r=e.getRoot();let s,a=!1,i=n?o.startContainer:o.endContainer,l=n?o.startOffset:o.endOffset;const d=qr(i)&&l===i.childNodes.length,c=e.schema.getNonEmptyElements();let u=n;if(zi(i))return I.none();if(qr(i)&&l>i.childNodes.length-1&&(u=!1),rs(i)&&(i=r,l=0),i===r){if(u&&(s=i.childNodes[l>0?l-1:0],s)){if(zi(s))return I.none();if(c[s.nodeName]||Zr(s))return I.none()}if(i.hasChildNodes()){if(l=Math.min(!u&&l>0?l-1:l,i.childNodes.length-1),i=i.childNodes[l],l=es(i)&&d?i.data.length:0,!t&&i===r.lastChild&&Zr(i))return I.none();if(((e,t)=>{let n=t;for(;n&&n!==e;){if(cs(n))return!0;n=n.parentNode}return!1})(r,i)||zi(i))return I.none();if(hs(i))return I.none();if(i.hasChildNodes()&&!Zr(i)){s=i;const t=new Fr(i,r);do{if(cs(s)||zi(s)){a=!1;break}if(es(s)&&s.data.length>0){l=u?0:s.data.length,i=s,a=!0;break}if(c[s.nodeName.toLowerCase()]&&!fs(s)){l=e.nodeIndex(s),i=s.parentNode,u||l++,a=!0;break}}while(s=u?t.next():t.prev())}}}return t&&(es(i)&&0===l&&Pg(e,d,t,!0,i).each((e=>{i=e.container(),l=e.offset(),a=!0})),qr(i)&&(s=i.childNodes[l],s||(s=i.childNodes[l-1]),!s||!as(s)||(e=>{var t;return"A"===(null===(t=e.previousSibling)||void 0===t?void 0:t.nodeName)})(s)||Bg(e,s,!1)||Bg(e,s,!0)||Pg(e,d,t,!0,s).each((e=>{i=e.container(),l=e.offset(),a=!0})))),u&&!t&&es(i)&&l===i.data.length&&Pg(e,d,t,!1,i).each((e=>{i=e.container(),l=e.offset(),a=!0})),a&&i?I?.some(Pl(i,l)):I.none()},Lg=(e,t)=>{const n=t.collapsed,o=t.cloneRange(),r=Pl.fromRangeStart(t);return Dg(e,n,!0,o).each((e=>{n&&Pl.isAbove(r,e)||o.setStart(e.container(),e.offset())})),n||Dg(e,n,!1,o).each((e=>{o.setEnd(e.container(),e.offset())})),n&&o.collapse(!0),Rg(t,o)?I.none():I?.some(o)},Mg=(e,t)=>e.splitText(t),Ig=e=>{let t=e.startContainer,n=e.startOffset,o=e.endContainer,r=e.endOffset;if(t===o&&es(t)){if(n>0&&n<t.data.length)if(o=Mg(t,n),t=o.previousSibling,r>n){r-=n;const e=Mg(o,r).previousSibling;t=o=e,r=e.data.length,n=0}else r=0}else if(es(t)&&n>0&&n<t.data.length&&(t=Mg(t,n),n=0),es(o)&&r>0&&r<o.data.length){const e=Mg(o,r).previousSibling;o=e,r=e.data.length}return{startContainer:t,startOffset:n,endContainer:o,endOffset:r}},Fg=e=>({walk:(t,n)=>Hf(e,t,n),split:Ig,expand:(t,n={type:"word"})=>{if("word"===n.type){const n=jf(e,t,[{inline:"span"}],{includeTrailingSpace:!1,expandToBlock:!1}),o=e.createRng();return o.setStart(n.startContainer,n.startOffset),o.setEnd(n.endContainer,n.endOffset),o}return t},normalize:t=>Lg(e,t).fold(L,(e=>(t.setStart(e.startContainer,e.startOffset),t.setEnd(e.endContainer,e.endOffset),!0)))});Fg.compareRanges=Rg,Fg.getCaretRangeFromPoint=Ng,Fg.getSelectedNode=tl,Fg.getNode=nl;const Ug=e=>"textarea"===_n(e),zg=(e,t)=>{const n=(e=>{const t=e.dom.ownerDocument,n=t.body,o=t.defaultView,r=t.documentElement;if(n===e.dom)return Ho(n.offsetLeft,n.offsetTop);const s=$o(null==o?void 0:o.pageYOffset,r.scrollTop),a=$o(null==o?void 0:o.pageXOffset,r.scrollLeft),i=$o(r.clientTop,n.clientTop),l=$o(r.clientLeft,n.clientLeft);return Vo(e).translate(a-l,s-i)})(e),o=(e=>zo.get(e))(e);return{element:e,bottom:n.top+o,height:o,pos:n,cleanup:t}},jg=(e,t,n,o)=>{qg(e,((r,s)=>$g(e,t,n,o)),n)},Hg=(e,t,n,o,r)=>{const s={elm:o.element.dom,alignToTop:r};((e,t)=>e.dispatch("ScrollIntoView",t).isDefaultPrevented())(e,s)||(n(e,t,qo(t).top,o,r),((e,t)=>{e.dispatch("AfterScrollIntoView",t)})(e,s))},$g=(e,t,n,o)=>{const r=mn(e.getBody()),s=mn(e.getDoc());r.dom.offsetWidth;const a=((e,t)=>{const n=((e,t)=>{const n=Hn(e);if(0===n.length||Ug(e))return{element:e,offset:t};if(t<n.length&&!Ug(n[t]))return{element:n[t],offset:0};{const o=n[n.length-1];return Ug(o)?{element:e,offset:t}:"img"===_n(o)?{element:o,offset:1}:Rn(o)?{element:o,offset:Xo(o).length}:{element:o,offset:Hn(o).length}}})(e,t),o=dn('<span data-mce-bogus="all" style="display: inline-block;">\ufeff</span>');return ao(n.element,o),zg(o,(()=>Eo(o)))})(mn(n.startContainer),n.startOffset);Hg(e,s,t,a,o),a.cleanup()},Vg=(e,t,n,o)=>{const r=mn(e.getDoc());Hg(e,r,n,(e=>zg(mn(e),x))(t),o)},qg=(e,t,n)=>{const o=n.startContainer,r=n.startOffset,s=n.endContainer,a=n.endOffset;t(mn(o),mn(s));const i=e.dom.createRng();i.setStart(o,r),i.setEnd(s,a),e.selection.setRng(n)},Wg=(e,t,n,o,r)=>{const s=t.pos;if(o)Wo(s.left,Math.max(0,s.top-30),r);else{const o=s.top-n+t.height+30;Wo(-e.getBody().getBoundingClientRect().left,o,r)}},Kg=(e,t,n,o,r,s)=>{const a=o+n,i=r.pos.top,l=r.bottom,d=l-i>=o;i<n?Wg(e,r,o,!1!==s,t):i>a?Wg(e,r,o,d?!1!==s:!0===s,t):l>a&&!d&&Wg(e,r,o,!0===s,t)},Yg=(e,t,n,o,r)=>{const s=Dn(t).dom.innerHeight;Kg(e,t,n,s,o,r)},Gg=(e,t,n,o,r)=>{const s=Dn(t).dom.innerHeight;Kg(e,t,n,s,o,r);const a=lg(o.element),i=Ir(window);a.top<i.y?Ko(o.element,!1!==r):a.top>i.bottom&&Ko(o.element,!0===r)},Xg=(e,t,n)=>jg(e,Yg,t,n),Zg=(e,t,n)=>Vg(e,t,Yg,n),Qg=(e,t,n)=>jg(e,Gg,t,n),Jg=(e,t,n)=>Vg(e,t,Gg,n),ep=(e,t,n)=>{(e.inline?Xg:Qg)(e,t,n)},tp=(e,t)=>t.collapsed?e.isEditable(t.startContainer):e.isEditable(t.startContainer)&&e.isEditable(t.endContainer),np=(e,t,n,o,r)=>{const s=n?t.startContainer:t.endContainer,a=n?t.startOffset:t.endOffset;return I.from(s)?.map(mn)?.map((e=>o&&t.collapsed?e:$n(e,r(e,a)).getOr(e))).bind((e=>Nn(e)?I?.some(e):Ln(e).filter(Nn)))?.map((e=>e.dom)).getOr(e)},op=(e,t,n=!1)=>np(e,t,!0,n,((e,t)=>Math.min(Wn(e),t))),rp=(e,t,n=!1)=>np(e,t,!1,n,((e,t)=>t>0?t-1:t)),sp=(e,t)=>{const n=e;for(;e&&es(e)&&0===e.length;)e=t?e.nextSibling:e.previousSibling;return e||n},ap=(e,t)=>V(t,(t=>{const n=e.dispatch("GetSelectionRange",{range:t});return n.range!==t?n.range:t})),ip={"#text":3,"#comment":8,"#cdata":4,"#pi":7,"#doctype":10,"#document-fragment":11},lp=(e,t,n)=>{const o=n?"lastChild":"firstChild",r=n?"prev":"next";if(e[o])return e[o];if(e!==t){let n=e[r];if(n)return n;for(let o=e.parent;o&&o!==t;o=o.parent)if(n=o[r],n)return n}},dp=e=>{var t;const n=null!==(t=e.value)&&void 0!==t?t:"";if(!zr(n))return!1;const o=e.parent;return!o||"span"===o.name&&!o.attr("style")||!/^[ ]+$/.test(n)},cp=e=>{const t="a"===e.name&&!e.attr("href")&&e.attr("id");return e.attr("name")||e.attr("id")&&!e.firstChild||e.attr("data-mce-bookmark")||t};class up{static create(e,t){const n=new up(e,ip[e]||1);return t&&pe(t,((e,t)=>{n.attr(t,e)})),n}constructor(e,t){this.name=e,this.type=t,1===t&&(this.attributes=[],this.attributes.map={})}replace(e){const t=this;return e.parent&&e.remove(),t.insert(e,t),t.remove(),t}attr(e,t){const n=this;if(!m(e))return C(e)&&pe(e,((e,t)=>{n.attr(t,e)})),n;const o=n.attributes;if(o){if(void 0!==t){if(null===t){if(e in o.map){delete o.map[e];let t=o.length;for(;t--;)if(o[t].name===e)return o.splice(t,1),n}return n}if(e in o.map){let n=o.length;for(;n--;)if(o[n].name===e){o[n].value=t;break}}else o.push({name:e,value:t});return o.map[e]=t,n}return o.map[e]}}clone(){const e=this,t=new up(e.name,e.type),n=e.attributes;if(n){const e=[];e.map={};for(let t=0,o=n.length;t<o;t++){const o=n[t];"id"!==o.name&&(e[e.length]={name:o.name,value:o.value},e.map[o.name]=o.value)}t.attributes=e}return t.value=e.value,t}wrap(e){const t=this;return t.parent&&(t.parent.insert(e,t),e.append(t)),t}unwrap(){const e=this;for(let t=e.firstChild;t;){const n=t.next;e.insert(t,e,!0),t=n}e.remove()}remove(){const e=this,t=e.parent,n=e.next,o=e.prev;return t&&(t.firstChild===e?(t.firstChild=n,n&&(n.prev=null)):o&&(o.next=n),t.lastChild===e?(t.lastChild=o,o&&(o.next=null)):n&&(n.prev=o),e.parent=e.next=e.prev=null),e}append(e){const t=this;e.parent&&e.remove();const n=t.lastChild;return n?(n.next=e,e.prev=n,t.lastChild=e):t.lastChild=t.firstChild=e,e.parent=t,e}insert(e,t,n){e.parent&&e.remove();const o=t.parent||this;return n?(t===o.firstChild?o.firstChild=e:t.prev&&(t.prev.next=e),e.prev=t.prev,e.next=t,t.prev=e):(t===o.lastChild?o.lastChild=e:t.next&&(t.next.prev=e),e.next=t.next,e.prev=t,t.next=e),e.parent=o,e}getAll(e){const t=this,n=[];for(let o=t.firstChild;o;o=lp(o,t))o.name===e&&n.push(o);return n}children(){const e=[];for(let t=this.firstChild;t;t=t.next)e.push(t);return e}empty(){const e=this;if(e.firstChild){const t=[];for(let n=e.firstChild;n;n=lp(n,e))t.push(n);let n=t.length;for(;n--;){const e=t[n];e.parent=e.firstChild=e.lastChild=e.next=e.prev=null}}return e.firstChild=e.lastChild=null,e}isEmpty(e,t={},n){var o;const r=this;let s=r.firstChild;if(cp(r))return!1;if(s)do{if(1===s.type){if(s.attr("data-mce-bogus"))continue;if(e[s.name])return!1;if(cp(s))return!1}if(8===s.type)return!1;if(3===s.type&&!dp(s))return!1;if(3===s.type&&s.parent&&t[s.parent.name]&&zr(null!==(o=s.value)&&void 0!==o?o:""))return!1;if(n&&n(s))return!1}while(s=lp(s,r));return!0}walk(e){return lp(this,null,e)}}const mp=an.makeMap("NOSCRIPT STYLE SCRIPT XMP IFRAME NOEMBED NOFRAMES PLAINTEXT"," "),fp=e=>m(e.nodeValue)&&e.nodeValue.includes(Pi),gp=e=>(0===e.length?"":`${V(e,(e=>`[${e}]`)).join(",")},`)+'[data-mce-bogus="all"]',pp=e=>document.createTreeWalker(e,NodeFilter.SHOW_COMMENT,(e=>fp(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP)),hp=e=>document.createTreeWalker(e,NodeFilter.SHOW_TEXT,(e=>{if(fp(e)){const t=e.parentNode;return t&&xe(mp,t.nodeName)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}return NodeFilter.FILTER_SKIP})),bp=e=>null!==pp(e).nextNode(),vp=e=>null!==hp(e).nextNode(),yp=(e,t)=>null!==t.querySelector(gp(e)),Cp=(e,t)=>{q(((e,t)=>t.querySelectorAll(gp(e)))(e,t),(t=>{const n=mn(t);"all"===ho(n,"data-mce-bogus")?Eo(n):q(e,(e=>{vo(n,e)&&yo(n,e)}))}))},wp=e=>{let t=e.nextNode();for(;null!==t;)t.nodeValue=null,t=e.nextNode()},Ep=S(wp,pp),_p=S(wp,hp),xp=(e,t)=>{const n=[{condition:T(yp,t),action:T(Cp,t)},{condition:bp,action:Ep},{condition:vp,action:_p}];let o=e,r=!1;return q(n,(({condition:t,action:n})=>{t(o)&&(r||(o=e.cloneNode(!0),r=!0),n(o))})),o},Sp=e=>{const t=vr(e,"[data-mce-bogus]");q(t,(e=>{"all"===ho(e,"data-mce-bogus")?Eo(e):xi(e)?(ao(e,un(at)),Eo(e)):_o(e)}))},kp=e=>{const t=vr(e,"input");q(t,(e=>{yo(e,"name")}))},Np=(e,t,n)=>{let o;return o="raw"===t.format?an.trim(Li(xp(n,e.serializer.getTempAttrs()).innerHTML)):"text"===t.format?((e,t)=>{const n=e.getDoc(),o=Yn(mn(e.getBody())),r=cn("div",n);go(r,"data-mce-bogus","all"),Do(r,{position:"fixed",left:"-9999999px",top:"0"}),Ao(r,t.innerHTML),Sp(r),kp(r);const s=(e=>Kn(e)?e:mn(Pn(e).dom.body))(o);co(s,r);const a=Li(r.dom.innerText);return Eo(r),a})(e,n):"tree"===t.format?e.serializer.serialize(n,t):((e,t)=>{const n=Ad(e),o=new RegExp(`^(<${n}[^>]*>(&nbsp;|&#160;|\\s|\xa0|<br \\/>|)<\\/${n}>[\r\n]*|<br \\/>[\r\n]*)$`);return t.replace(o,"")})(e,e.serializer.serialize(n,t)),"text"!==t.format&&!Ti(mn(n))&&m(o)?an.trim(o):o},Rp=an.makeMap,Ap=e=>{const t=[],n=(e=e||{}).indent,o=Rp(e.indent_before||""),r=Rp(e.indent_after||""),s=ua.getEncodeFunc(e.entity_encoding||"raw",e.entities),a="xhtml"!==e.element_format;return{start:(e,i,l)=>{if(n&&o[e]&&t.length>0){const e=t[t.length-1];e.length>0&&"\n"!==e&&t.push("\n")}if(t.push("<",e),i)for(let e=0,n=i.length;e<n;e++){const n=i[e];t.push(" ",n.name,'="',s(n.value,!0),'"')}if(t[t.length]=!l||a?">":" />",l&&n&&r[e]&&t.length>0){const e=t[t.length-1];e.length>0&&"\n"!==e&&t.push("\n")}},end:e=>{let o;t.push("</",e,">"),n&&r[e]&&t.length>0&&(o=t[t.length-1],o.length>0&&"\n"!==o&&t.push("\n"))},text:(e,n)=>{e.length>0&&(t[t.length]=n?e:s(e))},cdata:e=>{t.push("<![CDATA[",e,"]]>")},comment:e=>{t.push("\x3c!--",e,"--\x3e")},pi:(e,o)=>{o?t.push("<?",e," ",s(o),"?>"):t.push("<?",e,"?>"),n&&t.push("\n")},doctype:e=>{t.push("<!DOCTYPE",e,">",n?"\n":"")},reset:()=>{t.length=0},getContent:()=>t.join("").replace(/\n$/,"")}},Tp=(e={},t=Ra())=>{const n=Ap(e);return e.validate=!("validate"in e)||e.validate,{serialize:o=>{const r=e.validate,s={3:e=>{var t;n.text(null!==(t=e.value)&&void 0!==t?t:"",e.raw)},8:e=>{var t;n.comment(null!==(t=e.value)&&void 0!==t?t:"")},7:e=>{n.pi(e.name,e.value)},10:e=>{var t;n.doctype(null!==(t=e.value)&&void 0!==t?t:"")},4:e=>{var t;n.cdata(null!==(t=e.value)&&void 0!==t?t:"")},11:e=>{let t=e;if(t=t.firstChild)do{a(t)}while(t=t.next)}};n.reset();const a=e=>{var o;const i=s[e.type];if(i)i(e);else{const s=e.name,i=s in t.getVoidElements();let l=e.attributes;if(r&&l&&l.length>1){const n=[];n.map={};const o=t.getElementRule(e.name);if(o){for(let e=0,t=o.attributesOrder.length;e<t;e++){const t=o.attributesOrder[e];if(t in l.map){const e=l.map[t];n.map[t]=e,n.push({name:t,value:e})}}for(let e=0,t=l.length;e<t;e++){const t=l[e].name;if(!(t in n.map)){const e=l.map[t];n.map[t]=e,n.push({name:t,value:e})}}l=n}}if(n.start(s,l,i),ks(s))m(e.value)&&n.text(e.value,!0),n.end(s);else if(!i){let t=e.firstChild;if(t){"pre"!==s&&"textarea"!==s||3!==t.type||"\n"!==(null===(o=t.value)||void 0===o?void 0:o[0])||n.text("\n",!0);do{a(t)}while(t=t.next)}n.end(s)}}};return 1!==o.type||e.inner?3===o.type?s[3](o):s[11](o):a(o),n.getContent()}}},Op=new Set;q(["margin","margin-left","margin-right","margin-top","margin-bottom","padding","padding-left","padding-right","padding-top","padding-bottom","border","border-width","border-style","border-color","background","background-attachment","background-clip","background-image","background-origin","background-position","background-repeat","background-size","float","position","left","right","top","bottom","z-index","display","transform","width","max-width","min-width","height","max-height","min-height","overflow","overflow-x","overflow-y","text-overflow","vertical-align","transition","transition-delay","transition-duration","transition-property","transition-timing-function"],(e=>{Op.add(e)}));const Bp=new Set;q(["background-color"],(e=>{Bp.add(e)}));const Pp=["font","text-decoration","text-emphasis"],Dp=(e,t)=>fe(((e,t)=>e.parseStyle(e.getAttrib(t,"style")))(e,t)),Lp=(e,t)=>$(Dp(e,t),(e=>(e=>Op.has(e))(e))),Mp=(e,t,n)=>I.from(n.container()).filter(es).exists((o=>{const r=e?0:-1;return t(o.data.charAt(n.offset()+r))})),Ip=T(Mp,!0,qm),Fp=T(Mp,!1,qm),Up=e=>{const t=e.container();return es(t)&&(0===t.data.length||Di(t.data)&&Yf.isBookmarkNode(t.parentNode))},zp=(e,t)=>n=>Yu(e?0:-1,n).filter(t).isSome(),jp=e=>is(e)&&"block"===Lo(mn(e),"display"),Hp=e=>cs(e)&&!(e=>qr(e)&&"all"===e.getAttribute("data-mce-bogus"))(e),$p=zp(!0,jp),Vp=zp(!1,jp),qp=zp(!0,gs),Wp=zp(!1,gs),Kp=zp(!0,Zr),Yp=zp(!1,Zr),Gp=zp(!0,Hp),Xp=zp(!1,Hp),Zp=(e,t)=>((e,t,n)=>wn(t,e)?In(e,(e=>n(e)||Cn(e,t))).slice(0,-1):[])(e,t,L),Qp=(e,t)=>[e].concat(Zp(e,t)),Jp=(e,t,n)=>Em(e,t,n,Up),eh=(e,t,n)=>Q(Qp(mn(t.container()),e),(e=>t=>e.isBlock(_n(t)))(n)),th=(e,t,n,o)=>Jp(e,t.dom,n).forall((e=>eh(t,n,o).fold((()=>!Ku(e,n,t.dom)),(o=>!Ku(e,n,t.dom)&&wn(o,mn(e.container())))))),nh=(e,t,n,o)=>eh(t,n,o).fold((()=>Jp(e,t.dom,n).forall((e=>!Ku(e,n,t.dom)))),(t=>Jp(e,t.dom,n).isNone())),oh=T(nh,!1),rh=T(nh,!0),sh=T(th,!1),ah=T(th,!0),ih=e=>om(e).exists(xi),lh=(e,t,n,o)=>{const r=Y(Qp(mn(n.container()),t),(e=>o.isBlock(_n(e)))),s=le(r).getOr(t);return Cm(e,s.dom,n).filter(ih)},dh=(e,t,n)=>om(t).exists(xi)||lh(!0,e,t,n).isSome(),ch=(e,t,n)=>(e=>I.from(e.getNode(!0))?.map(mn))(t).exists(xi)||lh(!1,e,t,n).isSome(),uh=T(lh,!1),mh=T(lh,!0),fh=e=>Pl.isTextPosition(e)&&!e.isAtStart()&&!e.isAtEnd(),gh=(e,t,n)=>{const o=Y(Qp(mn(t.container()),e),(e=>n.isBlock(_n(e))));return le(o).getOr(e)},ph=(e,t,n)=>fh(t)?Fp(t):Fp(t)||Sm(gh(e,t,n).dom,t).exists(Fp),hh=(e,t,n)=>fh(t)?Ip(t):Ip(t)||xm(gh(e,t,n).dom,t).exists(Ip),bh=e=>om(e).bind((e=>tr(e,Nn))).exists((e=>(e=>H(["pre","pre-wrap"],e))(Lo(e,"white-space")))),vh=(e,t)=>n=>{return o=new Fr(n,e)[t](),C(o)&&cs(o)&&Mu(o);var o},yh=(e,t,n)=>!bh(t)&&(((e,t,n)=>((e,t)=>Sm(e.dom,t).isNone())(e,t)||((e,t)=>xm(e.dom,t).isNone())(e,t)||oh(e,t,n)||rh(e,t,n)||ch(e,t,n)||dh(e,t,n))(e,t,n)||ph(e,t,n)||hh(e,t,n)),Ch=(e,t,n)=>!bh(t)&&(oh(e,t,n)||sh(e,t,n)||ch(e,t,n)||ph(e,t,n)||((e,t)=>{const n=Sm(e.dom,t).getOr(t),o=vh(e.dom,"prev");return t.isAtStart()&&(o(t.container())||o(n.container()))})(e,t)),wh=(e,t,n)=>!bh(t)&&(rh(e,t,n)||ah(e,t,n)||dh(e,t,n)||hh(e,t,n)||((e,t)=>{const n=xm(e.dom,t).getOr(t),o=vh(e.dom,"next");return t.isAtEnd()&&(o(t.container())||o(n.container()))})(e,t)),Eh=(e,t,n)=>Ch(e,t,n)||wh(e,(e=>{const t=e.container(),n=e.offset();return es(t)&&n<t.data.length?Pl(t,n+1):e})(t),n),_h=(e,t)=>$m(e.charAt(t)),xh=(e,t)=>qm(e.charAt(t)),Sh=(e,t,n,o)=>{const r=t.data,s=Pl(t,0);return n||!_h(r,0)||Eh(e,s,o)?!!(n&&xh(r,0)&&Ch(e,s,o))&&(t.data=it+r.slice(1),!0):(t.data=" "+r.slice(1),!0)},kh=(e,t,n,o)=>{const r=t.data,s=Pl(t,r.length-1);return n||!_h(r,r.length-1)||Eh(e,s,o)?!!(n&&xh(r,r.length-1)&&wh(e,s,o))&&(t.data=r.slice(0,-1)+it,!0):(t.data=r.slice(0,-1)+" ",!0)},Nh=(e,t,n)=>{const o=t.container();if(!es(o))return I.none();if((e=>{const t=e.container();return es(t)&&Ke(t.data,it)})(t)){const r=Sh(e,o,!1,n)||(e=>{const t=e.data,n=(e=>{const t=e.split("");return V(t,((e,n)=>$m(e)&&n>0&&n<t.length-1&&Wm(t[n-1])&&Wm(t[n+1])?" ":e)).join("")})(t);return n!==t&&(e.data=n,!0)})(o)||kh(e,o,!1,n);return je(r,t)}if(Eh(e,t,n)){const r=Sh(e,o,!0,n)||kh(e,o,!0,n);return je(r,t)}return I.none()},Rh=(e,t,n,o)=>{if(0===n)return;const r=mn(e),s=er(r,(e=>o.isBlock(_n(e)))).getOr(r),a=e.data.slice(t,t+n),i=t+n>=e.data.length&&wh(s,Pl(e,e.data.length),o),l=0===t&&Ch(s,Pl(e,0),o);e.replaceData(t,n,Hr(a,4,l,i))},Ah=(e,t,n)=>{const o=e.data.slice(t),r=o.length-Qe(o).length;Rh(e,t,r,n)},Th=(e,t,n)=>{const o=e.data.slice(0,t),r=o.length-Je(o).length;Rh(e,t-r,r,n)},Oh=(e,t,n,o,r=!0)=>{const s=Je(e.data).length,a=r?e:t,i=r?t:e;return r?a.appendData(i.data):a.insertData(0,i.data),Eo(mn(i)),o&&Ah(a,s,n),a},Bh=(e,t)=>((e,t)=>{const n=e.container(),o=e.offset();return!Pl.isTextPosition(e)&&n===t.parentNode&&o>Pl.before(t).offset()})(t,e)?Pl(t.container(),t.offset()-1):t,Ph=e=>{return fl(e.previousSibling)?I?.some((t=e.previousSibling,es(t)?Pl(t,t.data.length):Pl.after(t))):e.previousSibling?Nm(e.previousSibling):I.none();var t},Dh=e=>{return fl(e.nextSibling)?I?.some((t=e.nextSibling,es(t)?Pl(t,0):Pl.before(t))):e.nextSibling?km(e.nextSibling):I.none();var t},Lh=(e,t,n)=>((e,t,n)=>e?((e,t)=>Dh(t).orThunk((()=>Ph(t))).orThunk((()=>((e,t)=>xm(e,Pl.after(t)).orThunk((()=>Sm(e,Pl.before(t)))))(e,t))))(t,n):((e,t)=>Ph(t).orThunk((()=>Dh(t))).orThunk((()=>((e,t)=>I.from(t.previousSibling?t.previousSibling:t.parentNode).bind((t=>Sm(e,Pl.before(t)))).orThunk((()=>xm(e,Pl.after(t)))))(e,t))))(t,n))(e,t,n)?.map(T(Bh,n)),Mh=(e,t,n)=>{n.fold((()=>{e.focus()}),(n=>{e.selection.setRng(n.toRange(),t)}))},Ih=(e,t)=>t&&xe(e.schema.getBlockElements(),_n(t)),Fh=(e,t,n,o=!0,r=!1)=>{const s=Lh(t,e.getBody(),n.dom),a=er(n,T(Ih,e),(i=e.getBody(),e=>e.dom===i));var i;const l=((e,t,n,o)=>{const r=Fn(e).filter(Rn),s=Un(e).filter(Rn);return Eo(e),(a=r,i=s,l=t,d=(e,t,r)=>{const s=e.dom,a=t.dom,i=s.data.length;return Oh(s,a,n,o),r.container()===a?Pl(s,i):r},a.isSome()&&i.isSome()&&l.isSome()?I?.some(d(a.getOrDie(),i.getOrDie(),l.getOrDie())):I.none()).orThunk((()=>(o&&(r.each((e=>Th(e.dom,e.dom.length,n))),s.each((e=>Ah(e.dom,0,n)))),t)));var a,i,l,d})(n,s,e.schema,((e,t)=>xe(e.schema.getTextInlineElements(),_n(t)))(e,n));e.dom.isEmpty(e.getBody())?(e.setContent(""),e.selection.setCursorLocation()):a.bind((t=>((e,t,n)=>{if(_s(e,t)){const e=dn('<br data-mce-bogus="1">');return n?q(Hn(t),(e=>{kf(e)||Eo(e)})):wo(t),co(t,e),I?.some(Pl.before(e.dom))}return I.none()})(e.schema,t,r))).fold((()=>{o&&Mh(e,t,l)}),(n=>{o&&Mh(e,t,I?.some(n))}))},Uh=/[\u0591-\u07FF\uFB1D-\uFDFF\uFE70-\uFEFC]/,zh=(e,t)=>vn(mn(t),tc(e))&&!js(e.schema,t)&&e.dom.isEditable(t),jh=e=>{var t;return"rtl"===ni.DOM.getStyle(e,"direction",!0)||(e=>Uh.test(e))(null!==(t=e.textContent)&&void 0!==t?t:"")},Hh=(e,t,n)=>{const o=((e,t,n)=>Y(ni.DOM.getParents(n.container(),"*",t),e))(e,t,n);return I.from(o[o.length-1])},$h=(e,t)=>{const n=t.container(),o=t.offset();return e?Ui(n)?es(n.nextSibling)?Pl(n.nextSibling,0):Pl.after(n):Hi(t)?Pl(n,o+1):t:Ui(n)?es(n.previousSibling)?Pl(n.previousSibling,n.previousSibling.data.length):Pl.before(n):$i(t)?Pl(n,o-1):t},Vh=T($h,!0),qh=T($h,!1),Wh=(e,t)=>{const n=e=>e.stopImmediatePropagation();e.on("beforeinput input",n,!0),e.getDoc().execCommand(t),e.off("beforeinput input",n)},Kh=e=>Wh(e,"Delete"),Yh=e=>Wh(e,"ForwardDelete"),Gh=e=>Si(e)||Ni(e),Xh=(e,t)=>wn(e,t)?tr(t,Gh,(e=>t=>Fe(Ln(t),e,Cn))(e)):I.none(),Zh=(e,t=!0)=>{e.dom.isEmpty(e.getBody())&&e.setContent("",{no_selection:!t})},Qh=(e,t,n)=>ze(km(n),Nm(n),((o,r)=>{const s=$h(!0,o),a=$h(!1,r),i=$h(!1,t);return e?xm(n,i).exists((e=>e.isEqual(a)&&t.isEqual(s))):Sm(n,i).exists((e=>e.isEqual(s)&&t.isEqual(a)))})).getOr(!0),Jh=e=>{var t;return(8===xn(t=e)||"#comment"===_n(t)?Fn(e):qn(e)).bind(Jh).orThunk((()=>I?.some(e)))},eb=(e,t,n,o=!0)=>{var r;t.deleteContents();const s=Jh(n).getOr(n),a=mn(null!==(r=e.dom.getParent(s.dom,e.dom.isBlock))&&void 0!==r?r:n.dom);if(a.dom===e.getBody()?Zh(e,o):_s(e.schema,a,{checkRootAsContent:!1})&&(Bi(a),o&&e.selection.setCursorLocation(a.dom,0)),!Cn(n,a)){const t=Fe(Ln(a),n)?[]:Ln(i=a)?.map(Hn)?.map((e=>Y(e,(e=>!Cn(i,e))))).getOr([]);q(t.concat(Hn(n)),(t=>{Cn(t,a)||wn(t,a)||!_s(e.schema,t)||Eo(t)}))}var i},tb=e=>vr(e,"td,th"),nb=(e,t)=>Xm(mn(e),t),ob=(e,t)=>({start:e,end:t}),rb=ke([{singleCellTable:["rng","cell"]},{fullTable:["table"]},{partialTable:["cells","outsideDetails"]},{multiTable:["startTableCells","endTableCells","betweenRng"]}]),sb=(e,t)=>sr(mn(e),"td,th",t),ab=e=>!Cn(e.start,e.end),ib=(e,t)=>Xm(e.start,t).bind((n=>Xm(e.end,t).bind((e=>je(Cn(n,e),n))))),lb=e=>t=>ib(t,e)?.map((e=>((e,t,n)=>({rng:e,table:t,cells:n}))(t,e,tb(e)))),db=(e,t,n,o)=>{if(n.collapsed||!e.forall(ab))return I.none();if(t.isSameTable){const t=e.bind(lb(o));return I?.some({start:t,end:t})}{const e=sb(n.startContainer,o),t=sb(n.endContainer,o),r=e.bind((e=>t=>Xm(t,e).bind((e=>de(tb(e))?.map((e=>ob(t,e))))))(o)).bind(lb(o)),s=t.bind((e=>t=>Xm(t,e).bind((e=>le(tb(e))?.map((e=>ob(e,t))))))(o)).bind(lb(o));return I?.some({start:r,end:s})}},cb=(e,t)=>J(e,(e=>Cn(e,t))),ub=e=>ze(cb(e.cells,e.rng.start),cb(e.cells,e.rng.end),((t,n)=>e.cells.slice(t,n+1))),mb=(e,t)=>{const{startTable:n,endTable:o}=t,r=e.cloneRange();return n.each((e=>r.setStartAfter(e.dom))),o.each((e=>r.setEndBefore(e.dom))),r},fb=(e,t)=>{const n=(e=>t=>Cn(e,t))(e),o=((e,t)=>{const n=sb(e.startContainer,t),o=sb(e.endContainer,t);return ze(n,o,ob)})(t,n),r=((e,t)=>{const n=nb(e.startContainer,t),o=nb(e.endContainer,t),r=n.isSome(),s=o.isSome(),a=ze(n,o,Cn).getOr(!1);return(e=>ze(e.startTable,e.endTable,((t,n)=>{const o=wr(t,(e=>Cn(e,n))),r=wr(n,(e=>Cn(e,t)));return o||r?{...e,startTable:o?I.none():e.startTable,endTable:r?I.none():e.endTable,isSameTable:!1,isMultiTable:!1}:e})).getOr(e))({startTable:n,endTable:o,isStartInTable:r,isEndInTable:s,isSameTable:a,isMultiTable:!a&&r&&s})})(t,n);return((e,t,n)=>e.exists((e=>((e,t)=>!ab(e)&&ib(e,t).exists((e=>{const t=e.dom.rows;return 1===t.length&&1===t[0].cells.length})))(e,n)&&Jm(e.start,t))))(o,t,n)?o?.map((e=>rb.singleCellTable(t,e.start))):r.isMultiTable?((e,t,n,o)=>db(e,t,n,o).bind((({start:e,end:o})=>{const r=e.bind(ub).getOr([]),s=o.bind(ub).getOr([]);if(r.length>0&&s.length>0){const e=mb(n,t);return I?.some(rb.multiTable(r,s,e))}return I.none()})))(o,r,t,n):((e,t,n,o)=>db(e,t,n,o).bind((({start:e,end:t})=>e.or(t))).bind((e=>{const{isSameTable:o}=t,r=ub(e).getOr([]);if(o&&e.cells.length===r.length)return I?.some(rb.fullTable(e.table));if(r.length>0){if(o)return I?.some(rb.partialTable(r,I.none()));{const e=mb(n,t);return I?.some(rb.partialTable(r,I?.some({...t,rng:e})))}}return I.none()})))(o,r,t,n)},gb=e=>q(e,(e=>{yo(e,"contenteditable"),Bi(e)})),pb=(e,t,n,o)=>{const r=n.cloneRange();o?(r.setStart(n.startContainer,n.startOffset),r.setEndAfter(t.dom.lastChild)):(r.setStartBefore(t.dom.firstChild),r.setEnd(n.endContainer,n.endOffset)),yb(e,r,t,!1).each((e=>e()))},hb=e=>{const t=Gm(e),n=mn(e.selection.getNode());ms(n.dom)&&_s(e.schema,n)?e.selection.setCursorLocation(n.dom,0):e.selection.collapse(!0),t.length>1&&$(t,(e=>Cn(e,n)))&&go(n,"data-mce-selected","1")},bb=(e,t,n)=>I?.some((()=>{const o=e.selection.getRng(),r=n.bind((({rng:n,isStartInTable:r})=>{const s=((e,t)=>I.from(e.dom.getParent(t,e.dom.isBlock))?.map(mn))(e,r?n.endContainer:n.startContainer);n.deleteContents(),((e,t,n)=>{n.each((n=>{t?Eo(n):(Bi(n),e.selection.setCursorLocation(n.dom,0))}))})(e,r,s.filter(T(_s,e.schema)));const a=r?t[0]:t[t.length-1];return pb(e,a,o,r),_s(e.schema,a)?I.none():I?.some(r?t.slice(1):t.slice(0,-1))})).getOr(t);gb(r),hb(e)})),vb=(e,t,n,o)=>I?.some((()=>{const r=e.selection.getRng(),s=t[0],a=n[n.length-1];pb(e,s,r,!0),pb(e,a,r,!1);const i=_s(e.schema,s)?t:t.slice(1),l=_s(e.schema,a)?n:n.slice(0,-1);gb(i.concat(l)),o.deleteContents(),hb(e)})),yb=(e,t,n,o=!0)=>I?.some((()=>{eb(e,t,n,o)})),Cb=(e,t)=>I?.some((()=>Fh(e,!1,t))),wb=(e,t)=>Q(Qp(t,e),Ai),Eb=(e,t)=>Q(Qp(t,e),On("caption")),_b=(e,t)=>I?.some((()=>{Bi(t),e.selection.setCursorLocation(t.dom,0)})),xb=(e,t)=>e?Kp(t):Yp(t),Sb=(e,t,n)=>{const o=mn(e.getBody());return Eb(o,n).fold((()=>((e,t,n,o)=>{const r=Pl.fromRangeStart(e.selection.getRng());return wb(n,o).bind((o=>_s(e.schema,o,{checkRootAsContent:!1})?_b(e,o):((e,t,n,o,r)=>wm(n,e.getBody(),r).bind((e=>wb(t,mn(e.getNode())).bind((e=>Cn(e,o)?I.none():I?.some(x))))))(e,n,t,o,r)))})(e,t,o,n).orThunk((()=>je(((e,t)=>{const n=Pl.fromRangeStart(e.selection.getRng());return xb(t,n)||Cm(t,e.getBody(),n).exists((e=>xb(t,e)))})(e,t),x)))),(n=>((e,t,n,o)=>{const r=Pl.fromRangeStart(e.selection.getRng());return _s(e.schema,o)?_b(e,o):((e,t,n,o,r)=>wm(n,e.getBody(),r).fold((()=>I?.some(x)),(s=>((e,t,n,o)=>km(e.dom).bind((r=>Nm(e.dom)?.map((e=>t?n.isEqual(r)&&o.isEqual(e):n.isEqual(e)&&o.isEqual(r))))).getOr(!0))(o,n,r,s)?((e,t)=>_b(e,t))(e,o):((e,t,n)=>Eb(e,mn(n.getNode())).fold((()=>I?.some(x)),(e=>je(!Cn(e,t),x))))(t,o,s))))(e,n,t,o,r)})(e,t,o,n)))},kb=(e,t)=>{const n=mn(e.selection.getStart(!0)),o=Gm(e);return e.selection.isCollapsed()&&0===o.length?Sb(e,t,n):((e,t,n)=>{const o=mn(e.getBody()),r=e.selection.getRng();return 0!==n.length?bb(e,n,I.none()):((e,t,n,o)=>Eb(t,o).fold((()=>((e,t,n)=>fb(t,n).bind((t=>t.fold(T(yb,e),T(Cb,e),T(bb,e),T(vb,e)))))(e,t,n)),(t=>((e,t)=>_b(e,t))(e,t))))(e,o,r,t)})(e,n,o)},Nb=(e,t)=>{let n=t;for(;n&&n!==e;){if(ds(n)||cs(n))return n;n=n.parentNode}return null},Rb=["data-ephox-","data-mce-","data-alloy-","data-snooker-","_"],Ab=an.each,Tb=e=>{const t=e.dom,n=new Set(e.serializer.getTempAttrs()),o=e=>$(Rb,(t=>Ye(e,t)))||n.has(e);return{compare:(e,n)=>{if(e.nodeName!==n.nodeName||e.nodeType!==n.nodeType)return!1;const r=e=>{const n={};return Ab(t.getAttribs(e),(r=>{const s=r.nodeName.toLowerCase();"style"===s||o(s)||(n[s]=t.getAttrib(e,s))})),n},s=(e,t)=>{for(const n in e)if(xe(e,n)){const o=t[n];if(v(o))return!1;if(e[n]!==o)return!1;delete t[n]}for(const e in t)if(xe(t,e))return!1;return!0};if(qr(e)&&qr(n)){if(!s(r(e),r(n)))return!1;if(!s(t.parseStyle(t.getAttrib(e,"style")),t.parseStyle(t.getAttrib(n,"style"))))return!1}return!Hm(e)&&!Hm(n)},isAttributeInternal:o}},Ob=e=>["h1","h2","h3","h4","h5","h6"].includes(e.name),Bb=(e,t,n,o)=>{const r=n.name;for(let t=0,s=e.length;t<s;t++){const s=e[t];if(s.name===r){const e=o.nodes[r];e?e.nodes.push(n):o.nodes[r]={filter:s,nodes:[n]}}}if(n.attributes)for(let e=0,r=t.length;e<r;e++){const r=t[e],s=r.name;if(s in n.attributes.map){const e=o.attributes[s];e?e.nodes.push(n):o.attributes[s]={filter:r,nodes:[n]}}}},Pb=(e,t)=>{const n=(e,n)=>{pe(e,(e=>{const o=ce(e.nodes);q(e.filter.callbacks,(r=>{for(let t=o.length-1;t>=0;t--){const r=o[t];(n?void 0!==r.attr(e.filter.name):r.name===e.filter.name)&&!y(r.parent)||o.splice(t,1)}o.length>0&&r(o,e.filter.name,t)}))}))};n(e.nodes,!1),n(e.attributes,!0)},Db=(e,t,n,o={})=>{const r=((e,t,n)=>{const o={nodes:{},attributes:{}};return n.firstChild&&(n=>{let r=n;for(;r=r.walk();)Bb(e,t,r,o)})(n),o})(e,t,n);Pb(r,o)},Lb=(e,t,n,o)=>{if((e.pad_empty_with_br||t.insert)&&n(o)){const e=new up("br",1);t.insert&&e.attr("data-mce-bogus","1"),o.empty().append(e)}else o.empty().append(new up("#text",3)).value=it},Mb=(e,t)=>{const n=null==e?void 0:e.firstChild;return C(n)&&n===e.lastChild&&n.name===t},Ib=(e,t,n,o)=>o.isEmpty(t,n,(t=>((e,t)=>{const n=e.getElementRule(t.name);return!0===(null==n?void 0:n.paddEmpty)})(e,t))),Fb=e=>{let t;for(let n=e;n;n=n.parent){const e=n.attr("contenteditable");if("false"===e)break;"true"===e&&(t=n)}return I.from(t)},Ub=(e,t,n=e.parent)=>{if(t.getSpecialElements()[e.name])e.empty().remove();else{const o=e.children();for(const e of o)n&&!t.isValidChild(n.name,e.name)&&Ub(e,t,n);e.unwrap()}},zb=(e,t,n,o=x)=>{const r=t.getTextBlockElements(),s=t.getNonEmptyElements(),a=t.getWhitespaceElements(),i=an.makeMap("tr,td,th,tbody,thead,tfoot,table,summary"),l=new Set,d=e=>e!==n&&!i[e.name];for(let n=0;n<e.length;n++){const i=e[n];let c,u,m;if(!i.parent||l.has(i))continue;if(r[i.name]&&"li"===i.parent.name){let e=i.next;for(;e&&r[e.name];)e.name="li",l.add(e),i.parent.insert(e,i.parent),e=e.next;i.unwrap();continue}const f=[i];for(c=i.parent;c&&!t.isValidChild(c.name,i.name)&&d(c);c=c.parent)f.push(c);if(c&&f.length>1)if(jb(t,i,c))Ub(i,t);else{f.reverse(),u=f[0].clone(),o(u);let e=u;for(let n=0;n<f.length-1;n++){t.isValidChild(e.name,f[n].name)&&n>0?(m=f[n].clone(),o(m),e.append(m)):m=e;for(let e=f[n].firstChild;e&&e!==f[n+1];){const t=e.next;m.append(e),e=t}e=m}Ib(t,s,a,u)?c.insert(i,f[0],!0):(c.insert(u,f[0],!0),c.insert(i,u)),c=f[0],(Ib(t,s,a,c)||Mb(c,"br"))&&c.empty().remove()}else if(i.parent){if("li"===i.name){let e=i.prev;if(e&&("ul"===e.name||"ol"===e.name)){e.append(i);continue}if(e=i.next,e&&("ul"===e.name||"ol"===e.name)&&e.firstChild){e.insert(i,e.firstChild,!0);continue}const t=new up("ul",1);o(t),i.wrap(t);continue}if(t.isValidChild(i.parent.name,"div")&&t.isValidChild("div",i.name)){const e=new up("div",1);o(e),i.wrap(e)}else Ub(i,t)}}},jb=(e,t,n=t.parent)=>!(!n||(!e.children[t.name]||e.isValidChild(n.name,t.name))&&("a"!==t.name||!(e=>{let t=e;for(;t;){if("a"===t.name)return!0;t=t.parent}return!1})(n))&&(!(e=>"summary"===e.name)(n)||!Ob(t)||(null==n?void 0:n.firstChild)===t&&(null==n?void 0:n.lastChild)===t)),Hb=e=>e.collapsed?e:(e=>{const t=Pl.fromRangeStart(e),n=Pl.fromRangeEnd(e),o=e.commonAncestorContainer;return Cm(!1,o,n)?.map((r=>!Ku(t,n,o)&&Ku(t,r,o)?((e,t,n,o)=>{const r=document.createRange();return r.setStart(e,t),r.setEnd(n,o),r})(t.container(),t.offset(),r.container(),r.offset()):e)).getOr(e)})(e),$b=(e,t)=>{let n=t.firstChild,o=t.lastChild;return n&&"meta"===n.name&&(n=n.next),o&&"mce_marker"===o.attr("id")&&(o=o.prev),((e,t)=>{const n=e.getNonEmptyElements();return C(t)&&(t.isEmpty(n)||((e,t)=>e.getBlockElements()[t.name]&&(e=>C(e.firstChild)&&e.firstChild===e.lastChild)(t)&&(e=>"br"===e.name||e.value===it)(t.firstChild))(e,t))})(e,o)&&(o=null==o?void 0:o.prev),!(!n||n!==o||"ul"!==n.name&&"ol"!==n.name)},Vb=e=>{return e.length>0&&(!(n=e[e.length-1]).firstChild||C(null==(t=n)?void 0:t.firstChild)&&t.firstChild===t.lastChild&&(e=>e.data===it||as(e))(t.firstChild))?e.slice(0,-1):e;var t,n},qb=(e,t)=>{const n=e.getParent(t,e.isBlock);return n&&"LI"===n.nodeName?n:null},Wb=(e,t)=>{const n=Pl.after(e),o=hm(t).prev(n);return o?o.toRange():null},Kb=(e,t,n,o)=>{const r=((e,t,n)=>{const o=t.serialize(n);return(e=>{var t,n;const o=e.firstChild,r=e.lastChild;return o&&"META"===o.nodeName&&(null===(t=o.parentNode)||void 0===t||t.removeChild(o)),r&&"mce_marker"===r.id&&(null===(n=r.parentNode)||void 0===n||n.removeChild(r)),e})(e.createFragment(o))})(t,e,o),s=qb(t,n.startContainer),a=Vb((i=r.firstChild,Y(null!==(l=null==i?void 0:i.childNodes)&&void 0!==l?l:[],(e=>"LI"===e.nodeName))));var i,l;const d=t.getRoot(),c=e=>{const o=Pl.fromRangeStart(n),r=hm(t.getRoot()),a=1===e?r.prev(o):r.next(o),i=null==a?void 0:a.getNode();return!i||qb(t,i)!==s};return s?c(1)?((e,t,n)=>{const o=e.parentNode;return o&&an.each(t,(t=>{o.insertBefore(t,e)})),((e,t)=>{const n=Pl.before(e),o=hm(t).next(n);return o?o.toRange():null})(e,n)})(s,a,d):c(2)?((e,t,n,o)=>(o.insertAfter(t.reverse(),e),Wb(t[0],n)))(s,a,d,t):((e,t,n,o)=>{const r=((e,t)=>{const n=t.cloneRange(),o=t.cloneRange();return n.setStartBefore(e),o.setEndAfter(e),[n.cloneContents(),o.cloneContents()]})(e,o),s=e.parentNode;return s&&(s.insertBefore(r[0],e),an.each(t,(t=>{s.insertBefore(t,e)})),s.insertBefore(r[1],e),s.removeChild(e)),Wb(t[t.length-1],n)})(s,a,d,n):null},Yb=["pre"],Gb=ms,Xb=e=>Qb(e,es),Zb=e=>Qb(e,ls),Qb=(e,t)=>e.startContainer===e.endContainer&&e.endOffset-e.startOffset==1&&t(e.startContainer.childNodes[e.startOffset]),Jb=(e,t,n)=>{var o,r;const s=e.selection,a=e.dom,i=e.parser,l=n.merge,d=Tp({validate:!0},e.schema),c='<span id="mce_marker" data-mce-type="bookmark">&#xFEFF;</span>';n.preserve_zwsp||(t=Li(t)),-1===t.indexOf("{$caret}")&&(t+="{$caret}"),t=t.replace(/\{\$caret\}/,c);let u=s.getRng();const m=u.startContainer,f=e.getBody();m===f&&s.isCollapsed()&&a.isBlock(f.firstChild)&&((e,t)=>C(t)&&!e.schema.getVoidElements()[t.nodeName])(e,f.firstChild)&&a.isEmpty(f.firstChild)&&(u=a.createRng(),u.setStart(f.firstChild,0),u.setEnd(f.firstChild,0),s.setRng(u)),s.isCollapsed()||(e=>{const t=e.dom,n=Hb(e.selection.getRng());e.selection.setRng(n);const o=t.getParent(n.startContainer,Gb);((e,t,n)=>!!C(n)&&n===e.getParent(t.endContainer,Gb)&&Jm(mn(n),t))(t,n,o)?yb(e,n,mn(o)):Zb(n)||Xb(n)?n.deleteContents():e.getDoc().execCommand("Delete",!1)})(e);const g=s.getNode(),p={context:g.nodeName.toLowerCase(),data:n.data,insert:!0},h=i.parse(t,p);if(!0===n.paste&&$b(e.schema,h)&&((e,t)=>!!qb(e,t))(a,g))return u=Kb(d,a,s.getRng(),h),u&&s.setRng(u),t;!0===n.paste&&((e,t,n,o)=>{var r;const s=t.firstChild,a=t.lastChild,i=s===("bookmark"===a.attr("data-mce-type")?a.prev:a),l=H(Yb,s.name);if(i&&l){const t="false"!==s.attr("contenteditable"),a=(null===(r=e.getParent(n,e.isBlock))||void 0===r?void 0:r.nodeName.toLowerCase())===s.name,i=I.from(Nb(o,n)).forall(ds);return t&&a&&i}return!1})(a,h,g,e.getBody())&&(null===(o=h.firstChild)||void 0===o||o.unwrap()),(e=>{let t=e;for(;t=t.walk();)1===t.type&&t.attr("data-mce-fragment","1")})(h);let b=h.lastChild;if(b&&"mce_marker"===b.attr("id")){const t=b;for(b=b.prev;b&&"table"!==b.name;b=b.walk(!0))if(3===b.type||!a.isBlock(b.name)){b.parent&&e.schema.isValidChild(b.parent.name,"span")&&b.parent.insert(t,b,"br"===b.name);break}}if(e._selectionOverrides.showBlockCaretContainer(g),p.invalid||((e,t,n)=>{var o;return $(n.children(),Ob)&&"SUMMARY"===(null===(o=e.getParent(t,e.isBlock))||void 0===o?void 0:o.nodeName)})(a,g,h)){e.selection.setContent(c);let n,o=s.getNode();const l=e.getBody();for(rs(o)?o=n=l:n=o;n&&n!==l;)o=n,n=n.parentNode;t=o===l?l.innerHTML:a.getOuterHTML(o);const u=i.parse(t),m=(e=>{for(let t=e;t;t=t.walk())if("mce_marker"===t.attr("id"))return I?.some(t);return I.none()})(u),f=m.bind(Fb).getOr(u);m.each((e=>e.replace(h)));const g=h.children(),p=null!==(r=h.parent)&&void 0!==r?r:u;h.unwrap();const b=Y(g,(t=>jb(e.schema,t,p)));zb(b,e.schema,f),Db(i.getNodeFilters(),i.getAttributeFilters(),u),t=d.serialize(u),o===l?a.setHTML(l,t):a.setOuterHTML(o,t)}else t=d.serialize(h),((e,t,n)=>{var o;"all"===n.getAttribute("data-mce-bogus")?null===(o=n.parentNode)||void 0===o||o.insertBefore(e.dom.createFragment(t),n):((e,t)=>{if(e.isBlock(t)&&e.isEditable(t)){const e=t.childNodes;return 1===e.length&&as(e[0])||0===e.length}return!1})(e.dom,n)?e.dom.setHTML(n,t):e.selection.setContent(t,{no_events:!0})})(e,t,g);var v;return((e,t)=>{const n=e.schema.getTextInlineElements(),o=e.dom;if(t){const t=e.getBody(),r=Tb(e),s="*[data-mce-fragment]",a=o.select(s);an.each(a,(e=>{const a=e=>C(n[e.nodeName.toLowerCase()]),i=e=>1===e.childNodes.length;if(!Lp(o,l=e)&&!((e,t)=>Lp(e,t)&&$(Dp(e,t),(e=>(e=>Bp.has(e))(e))))(o,l)&&a(e)&&i(e)){const n=Dp(o,e),l=(e,t)=>ne(e,(e=>H(t,e))),d=t=>i(e)&&o.is(t,s)&&a(t)&&(t.nodeName===e.nodeName&&l(n,Dp(o,t))||d(t.children[0])),c=n=>C(n)&&n!==t&&(r.compare(e,n)||c(n.parentElement)),u=n=>C(n)&&n!==t&&o.is(n,s)&&(((e,t,n)=>{const o=Dp(e,t),r=Dp(e,n),s=o=>{var r,s;const a=null!==(r=e.getStyle(t,o))&&void 0!==r?r:"",i=null!==(s=e.getStyle(n,o))&&void 0!==s?s:"";return et(a)&&et(i)&&a!==i};return $(o,(e=>{const t=t=>$(t,(t=>t===e));if(!t(r)&&t(Pp)){const e=Y(r,(e=>$(Pp,(t=>Ye(e,t)))));return $(e,s)}return s(e)}))})(o,e,n)||u(n.parentElement));(d(e.children[0])||c(e.parentElement)&&!u(e.parentElement))&&o.remove(e,!0)}var l}))}})(e,l),((e,t)=>{var n,o,r;let s;const a=e.dom,i=e.selection;if(!t)return;i.scrollIntoView(t);const l=Nb(e.getBody(),t);if(l&&"false"===a.getContentEditable(l))return a.remove(t),void i.select(l);let d=a.createRng();const c=t.previousSibling;if(es(c)){d.setStart(c,null!==(o=null===(n=c.nodeValue)||void 0===n?void 0:n.length)&&void 0!==o?o:0);const e=t.nextSibling;es(e)&&(c.appendData(e.data),null===(r=e.parentNode)||void 0===r||r.removeChild(e))}else d.setStartBefore(t),d.setEndBefore(t);const u=a.getParent(t,a.isBlock);if(a.remove(t),u&&a.isEmpty(u)){const t=Gb(u);wo(mn(u)),d.setStart(u,0),d.setEnd(u,0),t||(e=>!!e.getAttribute("data-mce-fragment"))(u)||!(s=(t=>{let n=Pl.fromRangeStart(t);return n=hm(e.getBody()).next(n),null==n?void 0:n.toRange()})(d))?a.add(u,a.create("br",t?{}:{"data-mce-bogus":"1"})):(d=s,a.remove(u))}i.setRng(d)})(e,a.get("mce_marker")),v=e.getBody(),an.each(v.getElementsByTagName("*"),(e=>{e.removeAttribute("data-mce-fragment")})),((e,t,n)=>{I.from(e.getParent(t,"td,th"))?.map(mn).each((e=>((e,t)=>{qn(e).each((n=>{Fn(n).each((o=>{t.isBlock(_n(e))&&xi(n)&&t.isBlock(_n(o))&&Eo(n)}))}))})(e,n)))})(a,s.getStart(),e.schema),((e,t,n)=>{const o=In(mn(n),(e=>Cn(e,mn(t))));ie(o,o.length-2).filter(Nn).fold((()=>Ms(e,t)),(t=>Ms(e,t.dom)))})(e.schema,e.getBody(),s.getStart()),t},ev=e=>e instanceof up,tv=(e,t,n)=>{e.dom.setHTML(e.getBody(),t),!0!==n&&(e=>{vg(e)&&km(e.getBody()).each((t=>{const n=t.getNode(),o=Zr(n)?km(n).getOr(t):t;e.selection.setRng(o.toRange())}))})(e)},nv=pf,ov=(e,t,n)=>{const o=e.formatter.get(n);if(o)for(let n=0;n<o.length;n++){const r=o[n];if(Ef(r)&&!1===r.inherit&&e.dom.is(t,r.selector))return!0}return!1},rv=(e,t,n,o,r)=>{const s=e.dom.getRoot();if(t===s)return!1;const a=e.dom.getParent(t,(t=>!!ov(e,t,n)||t.parentNode===s||!!iv(e,t,n,o,!0)));return!!iv(e,a,n,o,r)},sv=(e,t,n)=>!(!_f(n)||!nv(t,n.inline))||!(!wf(n)||!nv(t,n.block))||!!Ef(n)&&qr(t)&&e.is(t,n.selector),av=(e,t,n,o,r,s)=>{const a=n[o],i="attributes"===o;if(w(n.onmatch))return n.onmatch(t,n,o);if(a)if(ct(a)){for(let n=0;n<a.length;n++)if(i?e.getAttrib(t,a[n]):bf(e,t,a[n]))return!0}else for(const o in a)if(xe(a,o)){const l=i?e.getAttrib(t,o):bf(e,t,o),d=gf(a[o],s),c=y(l)||tt(l);if(c&&y(d))continue;if(r&&c&&!n.exact)return!1;if((!r||n.exact)&&!nv(l,hf(d,o)))return!1}return!0},iv=(e,t,n,o,r)=>{const s=e.formatter.get(n),a=e.dom;if(s&&qr(t))for(let n=0;n<s.length;n++){const i=s[n];if(sv(e.dom,t,i)&&av(a,t,i,"attributes",r,o)&&av(a,t,i,"styles",r,o)){const n=i.classes;if(n)for(let r=0;r<n.length;r++)if(!e.dom.hasClass(t,gf(n[r],o)))return;return i}}},lv=(e,t,n,o,r)=>{if(o)return rv(e,o,t,n,r);if(o=e.selection.getNode(),rv(e,o,t,n,r))return!0;const s=e.selection.getStart();return!(s===o||!rv(e,s,t,n,r))},dv=Pi,cv=e=>{if(e){const t=new Fr(e,e);for(let e=t.current();e;e=t.next())if(es(e))return e}return null},uv=e=>{const t=cn("span");return po(t,{id:Rm,"data-mce-bogus":"1","data-mce-type":"format-caret"}),e&&co(t,un(dv)),t},mv=(e,t,n)=>{const o=e.dom,r=e.selection;if(Sf(t))Fh(e,!1,mn(t),n,!0);else{const e=r.getRng(),n=o.getParent(t,o.isBlock),s=e.startContainer,a=e.startOffset,i=e.endContainer,l=e.endOffset,d=(e=>{const t=cv(e);return t&&t.data.charAt(0)===dv&&t.deleteData(0,1),t})(t);o.remove(t,!0),s===d&&a>0&&e.setStart(d,a-1),i===d&&l>0&&e.setEnd(d,l-1),n&&o.isEmpty(n)&&Bi(mn(n)),r.setRng(e)}},fv=(e,t,n)=>{const o=e.dom,r=e.selection;if(t)mv(e,t,n);else if(!(t=Tm(e.getBody(),r.getStart())))for(;t=o.get(Rm);)mv(e,t,n)},gv=(e,t)=>(e.appendChild(t),t),pv=(e,t)=>{var n;const o=G(e,((e,t)=>gv(e,t.cloneNode(!1))),t),r=null!==(n=o.ownerDocument)&&void 0!==n?n:document;return gv(o,r.createTextNode(dv))},hv=e=>Zo(e,Xo(e).replace(new RegExp(`${it}$`)," ")),bv=(e,t)=>{const n=()=>{null===t||e.dom.isEmpty(t)||Fn(mn(t)).each((e=>{Rn(e)?hv(e):nr(e,(e=>Rn(e))).each((e=>{Rn(e)&&hv(e)}))}))};e.once("input",(t=>{t.data&&!qm(t.data)&&(t.isComposing?e.once("compositionend",(()=>{n()})):n())}))},vv=(e,t,n,o)=>{const a=e.dom,i=e.selection;let l=!1;const d=e.formatter.get(t);if(!d)return;const c=i.getRng(),u=c.startContainer,m=c.startOffset;let f=u;es(u)&&(m!==u.data.length&&(l=!0),f=f.parentNode);const g=[];let h;for(;f;){if(iv(e,f,t,n,o)){h=f;break}f.nextSibling&&(l=!0),g.push(f),f=f.parentNode}if(h)if(l){const r=i.getBookmark();c.collapse(!0);let s=jf(a,c,d,{includeTrailingSpace:!0});s=Ig(s),e.formatter.remove(t,n,s,o),i.moveToBookmark(r)}else{const l=Tm(e.getBody(),h),d=C(l)?a.getParents(h.parentNode,M,l):[],c=uv(!1).dom;((e,t,n)=>{var o,r;const s=e.dom,a=s.getParent(n,T(cf,e.schema));a&&s.isEmpty(a)?null===(o=n.parentNode)||void 0===o||o.replaceChild(t,n):((e=>{const t=vr(e,"br"),n=Y((e=>{const t=[];let n=e.dom;for(;n;)t.push(mn(n)),n=n.lastChild;return t})(e).slice(-1),xi);t.length===n.length&&q(n,Eo)})(mn(n)),s.isEmpty(n)?null===(r=n.parentNode)||void 0===r||r.replaceChild(t,n):s.insertAfter(t,n))})(e,c,null!=l?l:h);const u=((e,t,n,o,a,i)=>{const l=e.formatter,d=e.dom,c=Y(fe(l.get()),(e=>e!==o&&!Ke(e,"removeformat"))),u=((e,t,n)=>X(n,((n,o)=>{const r=((e,t)=>Cf(e,t,(e=>{const t=e=>w(e)||e.length>1&&"%"===e.charAt(0);return $(["styles","attributes"],(n=>_e(e,n).exists((e=>{const n=p(e)?e:Ee(e);return $(n,t)}))))})))(e,o);return e.formatter.matchNode(t,o,{},r)?n.concat([o]):n}),[]))(e,n,c);if(Y(u,(t=>!((e,t,n)=>{const o=["inline","block","selector","attributes","styles","classes"],a=e=>Ce(e,((e,t)=>$(o,(e=>e===t))));return Cf(e,t,(t=>{const o=a(t);return Cf(e,n,(e=>{const t=a(e);return((e,t,n=s)=>r(n).eq(e,t))(o,t)}))}))})(e,t,o))).length>0){const e=n.cloneNode(!1);return d.add(t,e),l.remove(o,a,e,i),d.remove(e),I?.some(e)}return I.none()})(e,c,h,t,n,o),m=pv([...g,...u.toArray(),...d],c);l&&mv(e,l,C(l)),i.setCursorLocation(m,1),bv(e,c),a.isEmpty(h)&&a.remove(h)}},yv=e=>{const t=uv(!1),n=pv(e,t.dom);return{caretContainer:t,caretPosition:Pl(n,0)}},Cv=(e,t)=>{const{caretContainer:n,caretPosition:o}=yv(t);return ao(mn(e),n),Eo(mn(e)),o},wv=(e,t)=>{if(Am(t.dom))return!1;const n=e.schema.getTextInlineElements();return xe(n,_n(t))&&!Am(t.dom)&&!Xr(t.dom)},Ev={},_v=Yr(["pre"]);(e=>{Ev[e]||(Ev[e]=[]),Ev[e].push((e=>{if(!e.selection.getRng().collapsed){const t=e.selection.getSelectedBlocks(),n=Y(Y(t,_v),(e=>t=>{const n=t.previousSibling;return _v(n)&&H(e,n)})(t));q(n,(e=>{((e,t)=>{const n=mn(t),o=Pn(n).dom;Eo(n),mo(mn(e),[cn("br",o),cn("br",o),...Hn(n)])})(e.previousSibling,e)}))}}))})("pre");const xv=["fontWeight","fontStyle","color","fontSize","fontFamily"],Sv=(e,t)=>{const n=e.get(t);return p(n)?Q(n,(e=>_f(e)&&"span"===e.inline&&(e=>f(e.styles)&&$(fe(e.styles),(e=>H(xv,e))))(e))):I.none()},kv=(e,t)=>Sm(t,Pl.fromRangeStart(e)).isNone(),Nv=(e,t)=>!1===xm(t,Pl.fromRangeEnd(e)).exists((e=>!as(e.getNode())||xm(t,e).isSome())),Rv=e=>t=>ps(t)&&e.isEditable(t),Av=e=>Y(e.getSelectedBlocks(),Rv(e.dom)),Tv=an.each,Ov=e=>qr(e)&&!Hm(e)&&!Am(e)&&!Xr(e),Bv=(e,t)=>{for(let n=e;n;n=n[t]){if(es(n)&&et(n.data))return e;if(qr(n)&&!Hm(n))return n}return e},Pv=(e,t,n)=>{const o=Tb(e),r=Wr(t)&&e.dom.isEditable(t),s=Wr(n)&&e.dom.isEditable(n);if(r&&s){const r=Bv(t,"previousSibling"),s=Bv(n,"nextSibling");if(o.compare(r,s)){for(let e=r.nextSibling;e&&e!==s;){const t=e;e=e.nextSibling,r.appendChild(t)}return e.dom.remove(s),an.each(an.grep(s.childNodes),(e=>{r.appendChild(e)})),r}}return n},Dv=(e,t,n,o)=>{var r;if(o&&!1!==t.merge_siblings){const t=null!==(r=Pv(e,df(o),o))&&void 0!==r?r:o;Pv(e,t,df(t,!0))}},Lv=(e,t,n)=>{Tv(e.childNodes,(e=>{Ov(e)&&(t(e)&&n(e),e.hasChildNodes()&&Lv(e,t,n))}))},Mv=(e,t)=>n=>!(!n||!bf(e,n,t)),Iv=(e,t,n)=>o=>{e.setStyle(o,t,n),""===o.getAttribute("style")&&o.removeAttribute("style"),((e,t)=>{"SPAN"===t.nodeName&&0===e.getAttribs(t).length&&e.remove(t,!0)})(e,o)},Fv=ke([{keep:[]},{rename:["name"]},{removed:[]}]),Uv=/^(src|href|style)$/,zv=an.each,jv=pf,Hv=(e,t,n)=>e.isChildOf(t,n)&&t!==n&&!e.isBlock(n),$v=(e,t,n)=>{let o=t[n?"startContainer":"endContainer"],r=t[n?"startOffset":"endOffset"];if(qr(o)){const e=o.childNodes.length-1;!n&&r&&r--,o=o.childNodes[r>e?e:r]}return es(o)&&n&&r>=o.data.length&&(o=new Fr(o,e.getBody()).next()||o),es(o)&&!n&&0===r&&(o=new Fr(o,e.getBody()).prev()||o),o},Vv=(e,t)=>{const n=t?"firstChild":"lastChild",o=e[n];return(e=>/^(TR|TH|TD)$/.test(e.nodeName))(e)&&o?"TR"===e.nodeName&&o[n]||o:e},qv=(e,t,n,o)=>{var r;const s=e.create(n,o);return null===(r=t.parentNode)||void 0===r||r.insertBefore(s,t),s.appendChild(t),s},Wv=(e,t,n,o,r)=>{const s=mn(t),a=mn(e.create(o,r)),i=n?jn(s):zn(s);return mo(a,i),n?(ao(s,a),lo(a,s)):(io(s,a),co(a,s)),a.dom},Kv=(e,t,n)=>{const o=t.parentNode;let r;const s=e.dom,a=Ad(e);wf(n)&&o===s.getRoot()&&(n.list_block&&jv(t,n.list_block)||q(ce(t.childNodes),(t=>{uf(e,a,t.nodeName.toLowerCase())?r?r.appendChild(t):(r=qv(s,t,a),s.setAttribs(r,Td(e))):r=null}))),(e=>Ef(e)&&_f(e)&&Fe(_e(e,"mixed"),!0))(n)&&!jv(n.inline,t)||s.remove(t,!0)},Yv=(e,t,n)=>E(e)?{name:t,value:null}:{name:e,value:gf(t,n)},Gv=(e,t)=>{""===e.getAttrib(t,"style")&&(t.removeAttribute("style"),t.removeAttribute("data-mce-style"))},Xv=(e,t,n,o,r)=>{let s=!1;zv(n.styles,((a,i)=>{const{name:l,value:d}=Yv(i,a,o),c=hf(d,l);(n.remove_similar||h(d)||!qr(r)||jv(bf(e,r,l),c))&&e.setStyle(t,l,""),s=!0})),s&&Gv(e,t)},Zv=(e,t,n,o,r)=>{const s=e.dom,a=Tb(e),i=e.schema;if(_f(t)&&Us(i,t.inline)&&js(i,o)&&o.parentElement===e.getBody())return Kv(e,o,t),Fv.removed();if(!t.ceFalseOverride&&o&&"false"===s.getContentEditableParent(o))return Fv.keep();if(o&&!sv(s,o,t)&&!((e,t)=>t.links&&"A"===e.nodeName)(o,t))return Fv.keep();const l=o,d=t.preserve_attributes;if(_f(t)&&"all"===t.remove&&p(d)){const e=Y(s.getAttribs(l),(e=>H(d,e.name.toLowerCase())));if(s.removeAllAttribs(l),q(e,(e=>s.setAttrib(l,e.name,e.value))),e.length>0)return Fv.rename("span")}if("all"!==t.remove){Xv(s,l,t,n,r),zv(t.attributes,((e,o)=>{const{name:a,value:i}=Yv(o,e,n);if(t.remove_similar||h(i)||!qr(r)||jv(s.getAttrib(r,a),i)){if("class"===a){const e=s.getAttrib(l,a);if(e){let t="";if(q(e.split(/\s+/),(e=>{/mce\-\w+/.test(e)&&(t+=(t?" ":"")+e)})),t)return void s.setAttrib(l,a,t)}}if(Uv.test(a)&&l.removeAttribute("data-mce-"+a),"style"===a&&Yr(["li"])(l)&&"none"===s.getStyle(l,"list-style-type"))return l.removeAttribute(a),void s.setStyle(l,"list-style-type","none");"class"===a&&l.removeAttribute("className"),l.removeAttribute(a)}})),zv(t.classes,(e=>{e=gf(e,n),qr(r)&&!s.hasClass(r,e)||s.removeClass(l,e)}));const e=s.getAttribs(l);for(let t=0;t<e.length;t++){const n=e[t].nodeName;if(!a.isAttributeInternal(n))return Fv.keep()}}return"none"!==t.remove?(Kv(e,l,t),Fv.removed()):Fv.keep()},Qv=(e,t,n,o)=>Zv(e,t,n,o,o).fold(N(o),(t=>(e.dom.createFragment().appendChild(o),e.dom.rename(o,t))),N(null)),Jv=(e,t,n,o,r)=>{(o||e.selection.isEditable())&&((e,t,n,o,r)=>{const s=e.formatter.get(t),a=s[0],i=e.dom,l=e.selection,d=o=>{const i=((e,t,n,o,r)=>{let s;return t.parentNode&&q(yf(e.dom,t.parentNode).reverse(),(t=>{if(!s&&qr(t)&&"_start"!==t.id&&"_end"!==t.id){const a=iv(e,t,n,o,r);a&&!1!==a.split&&(s=t)}})),s})(e,o,t,n,r);return((e,t,n,o,r,s,a,i)=>{var l,d;let c,u;const m=e.dom;if(n){const s=n.parentNode;for(let n=o.parentNode;n&&n!==s;n=n.parentNode){let o=m.clone(n,!1);for(let n=0;n<t.length&&(o=Qv(e,t[n],i,o),null!==o);n++);o&&(c&&o.appendChild(c),u||(u=o),c=o)}a.mixed&&m.isBlock(n)||(o=null!==(l=m.split(n,o))&&void 0!==l?l:o),c&&u&&(null===(d=r.parentNode)||void 0===d||d.insertBefore(c,r),u.appendChild(r),_f(a)&&Dv(e,a,0,c))}return o})(e,s,i,o,o,0,a,n)},c=t=>$(s,(o=>ey(e,o,n,t,t))),u=t=>{const n=ce(t.childNodes),o=c(t)||$(s,(e=>sv(i,t,e))),r=t.parentNode;if(!o&&C(r)&&xf(a)&&c(r),a.deep&&n.length)for(let e=0;e<n.length;e++)u(n[e]);q(["underline","line-through","overline"],(n=>{qr(t)&&e.dom.getStyle(t,"text-decoration")===n&&t.parentNode&&vf(i,t.parentNode)===n&&ey(e,{deep:!1,exact:!0,inline:"span",styles:{textDecoration:n}},void 0,t)}))},m=e=>{const t=i.get(e?"_start":"_end");if(t){let n=t[e?"firstChild":"lastChild"];return(e=>Hm(e)&&qr(e)&&("_start"===e.id||"_end"===e.id))(n)&&(n=n[e?"firstChild":"lastChild"]),es(n)&&0===n.data.length&&(n=e?t.previousSibling||t.nextSibling:t.nextSibling||t.previousSibling),i.remove(t,!0),n}return null},f=t=>{let n,o,r=jf(i,t,s,{includeTrailingSpace:t.collapsed});if(a.split){if(r=Ig(r),n=$v(e,r,!0),o=$v(e,r),n!==o){if(n=Vv(n,!0),o=Vv(o,!1),Hv(i,n,o)){const e=I.from(n.firstChild).getOr(n);return d(Wv(i,e,!0,"span",{id:"_start","data-mce-type":"bookmark"})),void m(!0)}if(Hv(i,o,n)){const e=I.from(o.lastChild).getOr(o);return d(Wv(i,e,!1,"span",{id:"_end","data-mce-type":"bookmark"})),void m(!1)}n=qv(i,n,"span",{id:"_start","data-mce-type":"bookmark"}),o=qv(i,o,"span",{id:"_end","data-mce-type":"bookmark"});const e=i.createRng();e.setStartAfter(n),e.setEndBefore(o),Hf(i,e,(e=>{q(e,(e=>{Hm(e)||Hm(e.parentNode)||d(e)}))})),d(n),d(o),n=m(!0),o=m()}else n=o=d(n);r.startContainer=n.parentNode?n.parentNode:n,r.startOffset=i.nodeIndex(n),r.endContainer=o.parentNode?o.parentNode:o,r.endOffset=i.nodeIndex(o)+1}Hf(i,r,(e=>{q(e,u)}))};if(o){if(rf(o)){const e=i.createRng();e.setStartBefore(o),e.setEndAfter(o),f(e)}else f(o);cd(e,t,o,n)}else l.isCollapsed()&&_f(a)&&!Gm(e).length?vv(e,t,n,r):(af(e,(()=>nf(e,f)),(o=>_f(a)&&lv(e,t,n,o))),e.nodeChanged()),((e,t,n)=>{"removeformat"===t?q(Av(e.selection),(t=>{q(xv,(n=>e.dom.setStyle(t,n,""))),Gv(e.dom,t)})):Sv(e.formatter,t).each((t=>{q(Av(e.selection),(o=>Xv(e.dom,o,t,n,null)))}))})(e,t,n),cd(e,t,o,n)})(e,t,n,o,r)},ey=(e,t,n,o,r)=>Zv(e,t,n,o,r).fold(L,(t=>(e.dom.rename(o,t),!0)),M),ty=an.each,ny=an.each,oy=(e,t,n,o)=>{if(ny(n.styles,((n,r)=>{e.setStyle(t,r,gf(n,o))})),n.styles){const n=e.getAttrib(t,"style");n&&e.setAttrib(t,"data-mce-style",n)}},ry=(e,t,n,o)=>{const r=e.formatter.get(t),s=r[0],a=!o&&e.selection.isCollapsed(),i=e.dom,l=e.selection,d=(e,t=s)=>{w(t.onformat)&&t.onformat(e,t,n,o),oy(i,e,t,n),ny(t.attributes,((t,o)=>{i.setAttrib(e,o,gf(t,n))})),ny(t.classes,(t=>{const o=gf(t,n);i.hasClass(e,o)||i.addClass(e,o)}))},c=(e,t)=>{let n=!1;return ny(e,(e=>!(!Ef(e)||("false"!==i.getContentEditable(t)||e.ceFalseOverride)&&(!C(e.collapsed)||e.collapsed===a)&&i.is(t,e.selector)&&!Am(t)&&(d(t,e),n=!0,1)))),n},u=e=>{if(m(e)){const t=i.create(e);return d(t),t}return null},f=(o,a,i)=>{const l=[];let m=!0;const f=s.inline||s.block,g=u(f);Hf(o,a,(a=>{let u;const p=a=>{let h=!1,b=m,v=!1;const y=a.parentNode,w=y.nodeName.toLowerCase(),E=o.getContentEditable(a);C(E)&&(b=m,m="true"===E,h=!0,v=ff(e,a));const _=m&&!h;if(as(a)&&!((e,t,n,o)=>{if(gc(e)&&_f(t)&&n.parentNode){const t=ka(e.schema),r=Cr(mn(n),(e=>Am(e.dom)));return Se(t,o)&&Es(e.schema,n.parentNode,{skipBogus:!1,includeZwsp:!0})&&!r}return!1})(e,s,a,w))return u=null,void(wf(s)&&o.remove(a));if((o=>(e=>wf(e)&&!0===e.wrapper)(s)&&iv(e,o,t,n))(a))u=null;else{if(((t,n,o)=>{const r=(e=>wf(e)&&!0!==e.wrapper)(s)&&cf(e.schema,t)&&uf(e,n,f);return o&&r})(a,w,_)){const e=o.rename(a,f);return d(e),l.push(e),void(u=null)}if(Ef(s)){let e=c(r,a);if(!e&&C(y)&&xf(s)&&(e=c(r,y)),!_f(s)||e)return void(u=null)}C(g)&&((t,n,r,a)=>{const l=t.nodeName.toLowerCase(),d=uf(e,f,l)&&uf(e,n,f),c=!i&&es(t)&&Di(t.data),u=Am(t),m=!_f(s)||!o.isBlock(t);return(r||a)&&d&&!c&&!u&&m})(a,w,_,v)?(u||(u=o.clone(g,!1),y.insertBefore(u,a),l.push(u)),v&&h&&(m=b),u.appendChild(a)):(u=null,q(ce(a.childNodes),p),h&&(m=b),u=null)}};q(a,p)})),!0===s.links&&q(l,(e=>{const t=e=>{"A"===e.nodeName&&d(e,s),q(ce(e.childNodes),t)};t(e)})),q(l,(a=>{const i=(e=>{let t=0;return q(e.childNodes,(e=>{(e=>C(e)&&es(e)&&0===e.length)(e)||Hm(e)||t++})),t})(a);!(l.length>1)&&o.isBlock(a)||0!==i?(_f(s)||wf(s)&&s.wrapper)&&(s.exact||1!==i||(a=(e=>{const t=Q(e.childNodes,sf).filter((e=>"false"!==o.getContentEditable(e)&&sv(o,e,s)));return t?.map((t=>{const n=o.clone(t,!1);return d(n),o.replace(n,e,!0),o.remove(t,!0),n})).getOr(e)})(a)),((e,t,n,o)=>{ty(t,(t=>{_f(t)&&ty(e.dom.select(t.inline,o),(o=>{Ov(o)&&ey(e,t,n,o,t.exact?o:null)})),((e,t,n)=>{if(t.clear_child_styles){const o=t.links?"*:not(a)":"*";Tv(e.select(o,n),(n=>{Ov(n)&&e.isEditable(n)&&Tv(t.styles,((t,o)=>{e.setStyle(n,o,"")}))}))}})(e.dom,t,o)}))})(e,r,n,a),((e,t,n,o,r)=>{const s=r.parentNode;iv(e,s,n,o)&&ey(e,t,o,r)||t.merge_with_parents&&s&&e.dom.getParent(s,(s=>!!iv(e,s,n,o)&&(ey(e,t,o,r),!0)))})(e,s,t,n,a),((e,t,n,o)=>{if(t.styles&&t.styles.backgroundColor){const r=Mv(e,"fontSize");Lv(o,(t=>r(t)&&e.isEditable(t)),Iv(e,"backgroundColor",gf(t.styles.backgroundColor,n)))}})(o,s,n,a),((e,t,n,o)=>{const r=t=>{if(Wr(t)&&qr(t.parentNode)&&e.isEditable(t)){const n=vf(e,t.parentNode);e.getStyle(t,"color")&&n?e.setStyle(t,"text-decoration",n):e.getStyle(t,"text-decoration")===n&&e.setStyle(t,"text-decoration",null)}};t.styles&&(t.styles.color||t.styles.textDecoration)&&(an.walk(o,r,"childNodes"),r(o))})(o,s,0,a),((e,t,n,o)=>{if(_f(t)&&("sub"===t.inline||"sup"===t.inline)){const n=Mv(e,"fontSize");Lv(o,(t=>n(t)&&e.isEditable(t)),Iv(e,"fontSize",""));const r=Y(e.select("sup"===t.inline?"sub":"sup",o),e.isEditable);e.remove(r,!0)}})(o,s,0,a),Dv(e,s,0,a)):o.remove(a,!0)}))},g=rf(o)?o:l.getNode();if("false"===i.getContentEditable(g)&&!ff(e,g))return c(r,o=g),void dd(e,t,o,n);if(s){if(o)if(rf(o)){if(!c(r,o)){const e=i.createRng();e.setStartBefore(o),e.setEndAfter(o),f(i,jf(i,e,r),!0)}}else f(i,o,!0);else a&&_f(s)&&!Gm(e).length?((e,t,n)=>{let o;const r=e.selection,s=e.formatter.get(t);if(!s)return;const a=r.getRng();let i=a.startOffset;const l=a.startContainer.nodeValue;o=Tm(e.getBody(),r.getStart());const d=/[^\s\u00a0\u00ad\u200b\ufeff]/;if(l&&i>0&&i<l.length&&d.test(l.charAt(i))&&d.test(l.charAt(i-1))){const o=r.getBookmark();a.collapse(!0);let i=jf(e.dom,a,s);i=Ig(i),e.formatter.apply(t,n,i),r.moveToBookmark(o)}else{let s=o?cv(o):null;o&&(null==s?void 0:s.data)===dv||(c=e.getDoc(),u=uv(!0).dom,o=c.importNode(u,!0),s=o.firstChild,a.insertNode(o),i=1,bv(e,o)),e.formatter.apply(t,n,o),r.setCursorLocation(s,i)}var c,u})(e,t,n):(l.setRng(Hb(l.getRng())),af(e,(()=>{nf(e,((e,t)=>{const n=t?e:jf(i,e,r);f(i,n,!1)}))}),M),e.nodeChanged()),Sv(e.formatter,t).each((t=>{q((e=>Y((e=>{const t=e.getSelectedBlocks(),n=e.getRng();if(e.isCollapsed())return[];if(1===t.length)return kv(n,t[0])&&Nv(n,t[0])?t:[];{const e=le(t).filter((e=>kv(n,e))).toArray(),o=de(t).filter((e=>Nv(n,e))).toArray(),r=t.slice(1,-1);return e.concat(r).concat(o)}})(e),Rv(e.dom)))(e.selection),(e=>oy(i,e,t,n)))}));((e,t)=>{xe(Ev,e)&&q(Ev[e],(e=>{e(t)}))})(t,e)}dd(e,t,o,n)},sy=(e,t,n,o)=>{(o||e.selection.isEditable())&&ry(e,t,n,o)},ay=e=>xe(e,"vars"),iy=e=>e.selection.getStart(),ly=(e,t,n,o,r)=>Z(t,(t=>{const s=e.formatter.matchNode(t,n,null!=r?r:{},o);return!v(s)}),(t=>!!ov(e,t,n)||!o&&C(e.formatter.matchNode(t,n,r,!0)))),dy=(e,t)=>{const n=null!=t?t:iy(e);return Y(yf(e.dom,n),(e=>qr(e)&&!Xr(e)))},cy=(e,t,n)=>{const o=dy(e,t);pe(n,((n,r)=>{const s=n=>{const s=ly(e,o,r,n.similar,ay(n)?n.vars:void 0),a=s.isSome();if(n.state.get()!==a){n.state.set(a);const e=s.getOr(t);ay(n)?n.callback(a,{node:e,format:r,parents:o}):q(n.callbacks,(t=>t(a,{node:e,format:r,parents:o})))}};q([n.withSimilar,n.withoutSimilar],s),q(n.withVars,s)}))},uy=an.explode,my=()=>{const e={};return{addFilter:(t,n)=>{q(uy(t),(t=>{xe(e,t)||(e[t]={name:t,callbacks:[]}),e[t].callbacks.push(n)}))},getFilters:()=>Ee(e),removeFilter:(t,n)=>{q(uy(t),(t=>{if(xe(e,t))if(C(n)){const o=e[t],r=Y(o.callbacks,(e=>e!==n));r.length>0?o.callbacks=r:delete e[t]}else delete e[t]}))}}},fy=e=>e.replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&"),gy=(e,t,n)=>{var o;const r=Ia();t.convert_fonts_to_spans&&((e,t,n)=>{e.addNodeFilter("font",(e=>{q(e,(e=>{const o=t.parse(e.attr("style")),r=e.attr("color"),s=e.attr("face"),a=e.attr("size");r&&(o.color=r),s&&(o["font-family"]=s),a&&nt(a).each((e=>{o["font-size"]=n[e-1]})),e.name="span",e.attr("style",t.serialize(o)),(e=>{q(["color","face","size"],(t=>{e.attr(t,null)}))})(e)}))}))})(e,r,an.explode(null!==(o=t.font_size_legacy_values)&&void 0!==o?o:"")),((e,t,n)=>{e.addNodeFilter("strike",(e=>{const o="html4"!==t.type;q(e,(e=>{if(o)e.name="s";else{const t=n.parse(e.attr("style"));t["text-decoration"]="line-through",e.name="span",e.attr("style",n.serialize(t))}}))}))})(e,n,r)},py=e=>{const[t,...n]=e.split(","),o=n.join(","),r=/data:([^/]+\/[^;]+)(;.+)?/.exec(t);if(r){const e=";base64"===r[2],t=(e=>{try{return decodeURIComponent(e)}catch(t){return e}})(o),n=e?(e=>{const t=/([a-z0-9+\/=\s]+)/i.exec(e);return t?t[1]:""})(t):t;return I?.some({type:r[1],data:n,base64Encoded:e})}return I.none()},hy=(e,t,n=!0)=>{let o=t;if(n)try{o=atob(t)}catch(e){return I.none()}const r=new Uint8Array(o.length);for(let e=0;e<r.length;e++)r[e]=o.charCodeAt(e);return I?.some(new Blob([r],{type:e}))},by=e=>new Promise(((t,n)=>{const o=new FileReader;o.onloadend=()=>{t(o.result)},o.onerror=()=>{var e;n(null===(e=o.error)||void 0===e?void 0:e.message)},o.readAsDataURL(e)}));let vy=0;const yy=(e,t,n)=>py(e).bind((({data:e,type:o,base64Encoded:r})=>{if(t&&!r)return I.none();{const t=r?e:btoa(e);return n(t,o)}})),Cy=(e,t,n)=>{const o=e.create("blobid"+vy++,t,n);return e.add(o),o},wy=(e,t,n=!1)=>yy(t,n,((t,n)=>I.from(e.getByData(t,n)).orThunk((()=>hy(n,t)?.map((n=>Cy(e,n,t))))))),Ey=/^(?:(?:(?:[A-Za-z][A-Za-z\d.+-]{0,14}:\/\/(?:[-.~*+=!&;:'%@?^${}(),\w]+@)?|www\.|[-;:&=+$,.\w]+@)([A-Za-z\d-]+(?:\.[A-Za-z\d-]+)*))(?::\d+)?(?:\/(?:[-.~*+=!;:'%@$(),\/\w]*[-~*+=%@$()\/\w])?)?(?:\?(?:[-.~*+=!&;:'%@?^${}(),\/\w]+)?)?(?:#(?:[-.~*+=!&;:'%@?^${}(),\/\w]+)?)?)$/,_y=e=>I.from(e.match(Ey)).bind((e=>ie(e,1)))?.map((e=>Ye(e,"www.")?e.substring(4):e)),xy=(e,t)=>{I.from(e.attr("src")).bind(_y).forall((e=>!H(t,e)))&&e.attr("sandbox","")},Sy=(e,t)=>Ye(e,`${t}/`),{entries:ky,setPrototypeOf:Ny,isFrozen:Ry,getPrototypeOf:Ay,getOwnPropertyDescriptor:Ty}=Object;let{freeze:Oy,seal:By,create:Py}=Object,{apply:Dy,construct:Ly}="undefined"!=typeof Reflect&&Reflect;Oy||(Oy=function(e){return e}),By||(By=function(e){return e}),Dy||(Dy=function(e,t,n){return e.apply(t,n)}),Ly||(Ly=function(e,t){return new e(...t)});const My=Zy(Array.prototype.forEach),Iy=Zy(Array.prototype.lastIndexOf),Fy=Zy(Array.prototype.pop),Uy=Zy(Array.prototype.push),zy=Zy(Array.prototype.splice),jy=Zy(String.prototype.toLowerCase),Hy=Zy(String.prototype.toString),$y=Zy(String.prototype.match),Vy=Zy(String.prototype.replace),qy=Zy(String.prototype.indexOf),Wy=Zy(String.prototype.trim),Ky=Zy(Object.prototype.hasOwnProperty),Yy=Zy(RegExp.prototype.test),Gy=(Xy=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return Ly(Xy,t)});var Xy;function Zy(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return Dy(e,t,o)}}function Qy(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:jy;Ny&&Ny(e,null);let o=t.length;for(;o--;){let r=t[o];if("string"==typeof r){const e=n(r);e!==r&&(Ry(t)||(t[o]=e),r=e)}e[r]=!0}return e}function Jy(e){for(let t=0;t<e.length;t++)Ky(e,t)||(e[t]=null);return e}function eC(e){const t=Py(null);for(const[n,o]of ky(e))Ky(e,n)&&(Array.isArray(o)?t[n]=Jy(o):o&&"object"==typeof o&&o.constructor===Object?t[n]=eC(o):t[n]=o);return t}function tC(e,t){for(;null!==e;){const n=Ty(e,t);if(n){if(n.get)return Zy(n.get);if("function"==typeof n.value)return Zy(n.value)}e=Ay(e)}return function(){return null}}const nC=Oy(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),oC=Oy(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),rC=Oy(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),sC=Oy(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),aC=Oy(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),iC=Oy(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),lC=Oy(["#text"]),dC=Oy(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),cC=Oy(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),uC=Oy(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),mC=Oy(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),fC=By(/\{\{[\w\W]*|[\w\W]*\}\}/gm),gC=By(/<%[\w\W]*|[\w\W]*%>/gm),pC=By(/\$\{[\w\W]*/gm),hC=By(/^data-[\-\w.\u00B7-\uFFFF]+$/),bC=By(/^aria-[\-\w]+$/),vC=By(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),yC=By(/^(?:\w+script|data):/i),CC=By(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),wC=By(/^html$/i),EC=By(/^[a-z][.\w]*(-[.\w]+)+$/i);var _C=Object.freeze({__proto__:null,ARIA_ATTR:bC,ATTR_WHITESPACE:CC,CUSTOM_ELEMENT:EC,DATA_ATTR:hC,DOCTYPE_NAME:wC,ERB_EXPR:gC,IS_ALLOWED_URI:vC,IS_SCRIPT_OR_DATA:yC,MUSTACHE_EXPR:fC,TMPLIT_EXPR:pC});const xC=function(){return"undefined"==typeof window?null:window};var SC=function e(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:xC();const n=t=>e(t);if(n.version="3.2.6",n.removed=[],!t||!t.document||9!==t.document.nodeType||!t.Element)return n.isSupported=!1,n;let{document:o}=t;const r=o,s=r.currentScript,{DocumentFragment:a,HTMLTemplateElement:i,Node:l,Element:d,NodeFilter:c,NamedNodeMap:u=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:m,DOMParser:f,trustedTypes:g}=t,p=d.prototype,h=tC(p,"cloneNode"),b=tC(p,"remove"),v=tC(p,"nextSibling"),y=tC(p,"childNodes"),C=tC(p,"parentNode");if("function"==typeof i){const e=o.createElement("template");e.content&&e.content.ownerDocument&&(o=e.content.ownerDocument)}let w,E="";const{implementation:_,createNodeIterator:x,createDocumentFragment:S,getElementsByTagName:k}=o,{importNode:N}=r;let R={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};n.isSupported="function"==typeof ky&&"function"==typeof C&&_&&void 0!==_.createHTMLDocument;const{MUSTACHE_EXPR:A,ERB_EXPR:T,TMPLIT_EXPR:O,DATA_ATTR:B,ARIA_ATTR:P,IS_SCRIPT_OR_DATA:D,ATTR_WHITESPACE:L,CUSTOM_ELEMENT:M}=_C;let{IS_ALLOWED_URI:I}=_C,F=null;const U=Qy({},[...nC,...oC,...rC,...aC,...lC]);let z=null;const j=Qy({},[...dC,...cC,...uC,...mC]);let H=Object.seal(Py(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),$=null,V=null,q=!0,W=!0,K=!1,Y=!0,G=!1,X=!0,Z=!1,Q=!1,J=!1,ee=!1,te=!1,ne=!1,oe=!0,re=!1,se=!0,ae=!1,ie={},le=null;const de=Qy({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let ce=null;const ue=Qy({},["audio","video","img","source","image","track"]);let me=null;const fe=Qy({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),ge="http://www.w3.org/1998/Math/MathML",pe="http://www.w3.org/2000/svg",he="http://www.w3.org/1999/xhtml";let be=he,ve=!1,ye=null;const Ce=Qy({},[ge,pe,he],Hy);let we=Qy({},["mi","mo","mn","ms","mtext"]),Ee=Qy({},["annotation-xml"]);const _e=Qy({},["title","style","font","a","script"]);let xe=null;const Se=["application/xhtml+xml","text/html"];let ke=null,Ne=null;const Re=o.createElement("form"),Ae=function(e){return e instanceof RegExp||e instanceof Function},Te=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!Ne||Ne!==e){if(e&&"object"==typeof e||(e={}),e=eC(e),xe=-1===Se.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE,ke="application/xhtml+xml"===xe?Hy:jy,F=Ky(e,"ALLOWED_TAGS")?Qy({},e.ALLOWED_TAGS,ke):U,z=Ky(e,"ALLOWED_ATTR")?Qy({},e.ALLOWED_ATTR,ke):j,ye=Ky(e,"ALLOWED_NAMESPACES")?Qy({},e.ALLOWED_NAMESPACES,Hy):Ce,me=Ky(e,"ADD_URI_SAFE_ATTR")?Qy(eC(fe),e.ADD_URI_SAFE_ATTR,ke):fe,ce=Ky(e,"ADD_DATA_URI_TAGS")?Qy(eC(ue),e.ADD_DATA_URI_TAGS,ke):ue,le=Ky(e,"FORBID_CONTENTS")?Qy({},e.FORBID_CONTENTS,ke):de,$=Ky(e,"FORBID_TAGS")?Qy({},e.FORBID_TAGS,ke):eC({}),V=Ky(e,"FORBID_ATTR")?Qy({},e.FORBID_ATTR,ke):eC({}),ie=!!Ky(e,"USE_PROFILES")&&e.USE_PROFILES,q=!1!==e.ALLOW_ARIA_ATTR,W=!1!==e.ALLOW_DATA_ATTR,K=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Y=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,G=e.SAFE_FOR_TEMPLATES||!1,X=!1!==e.SAFE_FOR_XML,Z=e.WHOLE_DOCUMENT||!1,ee=e.RETURN_DOM||!1,te=e.RETURN_DOM_FRAGMENT||!1,ne=e.RETURN_TRUSTED_TYPE||!1,J=e.FORCE_BODY||!1,oe=!1!==e.SANITIZE_DOM,re=e.SANITIZE_NAMED_PROPS||!1,se=!1!==e.KEEP_CONTENT,ae=e.IN_PLACE||!1,I=e.ALLOWED_URI_REGEXP||vC,be=e.NAMESPACE||he,we=e.MATHML_TEXT_INTEGRATION_POINTS||we,Ee=e.HTML_INTEGRATION_POINTS||Ee,H=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&Ae(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(H.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&Ae(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(H.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(H.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),G&&(W=!1),te&&(ee=!0),ie&&(F=Qy({},lC),z=[],!0===ie.html&&(Qy(F,nC),Qy(z,dC)),!0===ie.svg&&(Qy(F,oC),Qy(z,cC),Qy(z,mC)),!0===ie.svgFilters&&(Qy(F,rC),Qy(z,cC),Qy(z,mC)),!0===ie.mathMl&&(Qy(F,aC),Qy(z,uC),Qy(z,mC))),e.ADD_TAGS&&(F===U&&(F=eC(F)),Qy(F,e.ADD_TAGS,ke)),e.ADD_ATTR&&(z===j&&(z=eC(z)),Qy(z,e.ADD_ATTR,ke)),e.ADD_URI_SAFE_ATTR&&Qy(me,e.ADD_URI_SAFE_ATTR,ke),e.FORBID_CONTENTS&&(le===de&&(le=eC(le)),Qy(le,e.FORBID_CONTENTS,ke)),se&&(F["#text"]=!0),Z&&Qy(F,["html","head","body"]),F.table&&(Qy(F,["tbody"]),delete $.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw Gy('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw Gy('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');w=e.TRUSTED_TYPES_POLICY,E=w.createHTML("")}else void 0===w&&(w=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));const r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}}(g,s)),null!==w&&"string"==typeof E&&(E=w.createHTML(""));Oy&&Oy(e),Ne=e}},Oe=Qy({},[...oC,...rC,...sC]),Be=Qy({},[...aC,...iC]),Pe=function(e){Uy(n.removed,{element:e});try{C(e).removeChild(e)}catch(t){b(e)}},De=function(e,t){try{Uy(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){Uy(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e)if(ee||te)try{Pe(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},Le=function(e){let t=null,n=null;if(J)e="<remove></remove>"+e;else{const t=$y(e,/^[\r\n\t ]+/);n=t&&t[0]}"application/xhtml+xml"===xe&&be===he&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const r=w?w.createHTML(e):e;if(be===he)try{t=(new f).parseFromString(r,xe)}catch(e){}if(!t||!t.documentElement){t=_.createDocument(be,"template",null);try{t.documentElement.innerHTML=ve?E:r}catch(e){}}const s=t.body||t.documentElement;return e&&n&&s.insertBefore(o.createTextNode(n),s.childNodes[0]||null),be===he?k.call(t,Z?"html":"body")[0]:Z?t.documentElement:s},Me=function(e){return x.call(e.ownerDocument||e,e,c.SHOW_ELEMENT|c.SHOW_COMMENT|c.SHOW_TEXT|c.SHOW_PROCESSING_INSTRUCTION|c.SHOW_CDATA_SECTION,null)},Ie=function(e){return e instanceof m&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof u)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},Fe=function(e){return"function"==typeof l&&e instanceof l};function Ue(e,t,o){My(e,(e=>{e.call(n,t,o,Ne)}))}const ze=function(e){let t=null;if(Ue(R.beforeSanitizeElements,e,null),Ie(e))return Pe(e),!0;const o=ke(e.nodeName);if(Ue(R.uponSanitizeElement,e,{tagName:o,allowedTags:F}),X&&e.hasChildNodes()&&!Fe(e.firstElementChild)&&Yy(/<[/\w!]/g,e.innerHTML)&&Yy(/<[/\w!]/g,e.textContent))return Pe(e),!0;if(7===e.nodeType)return Pe(e),!0;if(X&&8===e.nodeType&&Yy(/<[/\w]/g,e.data))return Pe(e),!0;if(!F[o]||$[o]){if(!$[o]&&He(o)){if(H.tagNameCheck instanceof RegExp&&Yy(H.tagNameCheck,o))return!1;if(H.tagNameCheck instanceof Function&&H.tagNameCheck(o))return!1}if(se&&!le[o]){const t=C(e)||e.parentNode,n=y(e)||e.childNodes;if(n&&t)for(let o=n.length-1;o>=0;--o){const r=h(n[o],!0);r.__removalCount=(e.__removalCount||0)+1,t.insertBefore(r,v(e))}}return Pe(e),!0}return e instanceof d&&!function(e){let t=C(e);t&&t.tagName||(t={namespaceURI:be,tagName:"template"});const n=jy(e.tagName),o=jy(t.tagName);return!!ye[e.namespaceURI]&&(e.namespaceURI===pe?t.namespaceURI===he?"svg"===n:t.namespaceURI===ge?"svg"===n&&("annotation-xml"===o||we[o]):Boolean(Oe[n]):e.namespaceURI===ge?t.namespaceURI===he?"math"===n:t.namespaceURI===pe?"math"===n&&Ee[o]:Boolean(Be[n]):e.namespaceURI===he?!(t.namespaceURI===pe&&!Ee[o])&&!(t.namespaceURI===ge&&!we[o])&&!Be[n]&&(_e[n]||!Oe[n]):!("application/xhtml+xml"!==xe||!ye[e.namespaceURI]))}(e)?(Pe(e),!0):"noscript"!==o&&"noembed"!==o&&"noframes"!==o||!Yy(/<\/no(script|embed|frames)/i,e.innerHTML)?(G&&3===e.nodeType&&(t=e.textContent,My([A,T,O],(e=>{t=Vy(t,e," ")})),e.textContent!==t&&(Uy(n.removed,{element:e.cloneNode()}),e.textContent=t)),Ue(R.afterSanitizeElements,e,null),!1):(Pe(e),!0)},je=function(e,t,n){if(oe&&("id"===t||"name"===t)&&(n in o||n in Re))return!1;if(W&&!V[t]&&Yy(B,t));else if(q&&Yy(P,t));else if(!z[t]||V[t]){if(!(He(e)&&(H.tagNameCheck instanceof RegExp&&Yy(H.tagNameCheck,e)||H.tagNameCheck instanceof Function&&H.tagNameCheck(e))&&(H.attributeNameCheck instanceof RegExp&&Yy(H.attributeNameCheck,t)||H.attributeNameCheck instanceof Function&&H.attributeNameCheck(t))||"is"===t&&H.allowCustomizedBuiltInElements&&(H.tagNameCheck instanceof RegExp&&Yy(H.tagNameCheck,n)||H.tagNameCheck instanceof Function&&H.tagNameCheck(n))))return!1}else if(me[t]);else if(Yy(I,Vy(n,L,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==qy(n,"data:")||!ce[e])if(K&&!Yy(D,Vy(n,L,"")));else if(n)return!1;return!0},He=function(e){return"annotation-xml"!==e&&$y(e,M)},$e=function(e){Ue(R.beforeSanitizeAttributes,e,null);const{attributes:t}=e;if(!t||Ie(e))return;const o={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:z,forceKeepAttr:void 0};let r=t.length;for(;r--;){const s=t[r],{name:a,namespaceURI:i,value:l}=s,d=ke(a),c=l;let u="value"===a?c:Wy(c);if(o.attrName=d,o.attrValue=u,o.keepAttr=!0,o.forceKeepAttr=void 0,Ue(R.uponSanitizeAttribute,e,o),u=o.attrValue,!re||"id"!==d&&"name"!==d||(De(a,e),u="user-content-"+u),X&&Yy(/((--!?|])>)|<\/(style|title)/i,u)){De(a,e);continue}if(o.forceKeepAttr)continue;if(!o.keepAttr){De(a,e);continue}if(!Y&&Yy(/\/>/i,u)){De(a,e);continue}G&&My([A,T,O],(e=>{u=Vy(u,e," ")}));const m=ke(e.nodeName);if(je(m,d,u)){if(w&&"object"==typeof g&&"function"==typeof g.getAttributeType)if(i);else switch(g.getAttributeType(m,d)){case"TrustedHTML":u=w.createHTML(u);break;case"TrustedScriptURL":u=w.createScriptURL(u)}if(u!==c)try{i?e.setAttributeNS(i,a,u):e.setAttribute(a,u),Ie(e)?Pe(e):Fy(n.removed)}catch(t){De(a,e)}}else De(a,e)}Ue(R.afterSanitizeAttributes,e,null)},Ve=function e(t){let n=null;const o=Me(t);for(Ue(R.beforeSanitizeShadowDOM,t,null);n=o.nextNode();)Ue(R.uponSanitizeShadowNode,n,null),ze(n),$e(n),n.content instanceof a&&e(n.content);Ue(R.afterSanitizeShadowDOM,t,null)};return n.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=null,s=null,i=null,d=null;if(ve=!e,ve&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Fe(e)){if("function"!=typeof e.toString)throw Gy("toString is not a function");if("string"!=typeof(e=e.toString()))throw Gy("dirty is not a string, aborting")}if(!n.isSupported)return e;if(Q||Te(t),n.removed=[],"string"==typeof e&&(ae=!1),ae){if(e.nodeName){const t=ke(e.nodeName);if(!F[t]||$[t])throw Gy("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof l)o=Le("\x3c!----\x3e"),s=o.ownerDocument.importNode(e,!0),1===s.nodeType&&"BODY"===s.nodeName||"HTML"===s.nodeName?o=s:o.appendChild(s);else{if(!ee&&!G&&!Z&&-1===e.indexOf("<"))return w&&ne?w.createHTML(e):e;if(o=Le(e),!o)return ee?null:ne?E:""}o&&J&&Pe(o.firstChild);const c=Me(ae?e:o);for(;i=c.nextNode();)ze(i),$e(i),i.content instanceof a&&Ve(i.content);if(ae)return e;if(ee){if(te)for(d=S.call(o.ownerDocument);o.firstChild;)d.appendChild(o.firstChild);else d=o;return(z.shadowroot||z.shadowrootmode)&&(d=N.call(r,d,!0)),d}let u=Z?o.outerHTML:o.innerHTML;return Z&&F["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&Yy(wC,o.ownerDocument.doctype.name)&&(u="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+u),G&&My([A,T,O],(e=>{u=Vy(u,e," ")})),w&&ne?w.createHTML(u):u},n.setConfig=function(){Te(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Q=!0},n.clearConfig=function(){Ne=null,Q=!1},n.isValidAttribute=function(e,t,n){Ne||Te({});const o=ke(e),r=ke(t);return je(o,r,n)},n.addHook=function(e,t){"function"==typeof t&&Uy(R[e],t)},n.removeHook=function(e,t){if(void 0!==t){const n=Iy(R[e],t);return-1===n?void 0:zy(R[e],n,1)[0]}return Fy(R[e])},n.removeHooks=function(e){R[e]=[]},n.removeAllHooks=function(){R={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},n}();const kC=an.each,NC=an.trim,RC=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"],AC={ftp:21,http:80,https:443,mailto:25},TC=["img","video"],OC=(e,t,n)=>{const o=(e=>{try{return decodeURIComponent(e)}catch(t){return unescape(e)}})(t).replace(/\s/g,"");return!e.allow_script_urls&&(!!/((java|vb)script|mhtml):/i.test(o)||!e.allow_html_data_urls&&(/^data:image\//i.test(o)?((e,t)=>C(e)?!e:!C(t)||!H(TC,t))(e.allow_svg_data_urls,n)&&/^data:image\/svg\+xml/i.test(o):/^data:/i.test(o)))};class BC{static parseDataUri(e){let t;const n=decodeURIComponent(e).split(","),o=/data:([^;]+)/.exec(n[0]);return o&&(t=o[1]),{type:t,data:n[1]}}static isDomSafe(e,t,n={}){if(n.allow_script_urls)return!0;{const o=ua.decode(e).replace(/[\s\u0000-\u001F]+/g,"");return!OC(n,o,t)}}static getDocumentBaseUrl(e){var t;let n;return n=0!==e.protocol.indexOf("http")&&"file:"!==e.protocol?null!==(t=e.href)&&void 0!==t?t:"":e.protocol+"//"+e.host+e.pathname,/^[^:]+:\/\/\/?[^\/]+\//.test(n)&&(n=n.replace(/[\?#].*$/,"").replace(/[\/\\][^\/]+$/,""),/[\/\\]$/.test(n)||(n+="/")),n}constructor(e,t={}){this.path="",this.directory="",e=NC(e),this.settings=t;const n=t.base_uri,o=this;if(/^([\w\-]+):([^\/]{2})/i.test(e)||/^\s*#/.test(e))return void(o.source=e);const r=0===e.indexOf("//");if(0!==e.indexOf("/")||r||(e=(n&&n.protocol||"http")+"://mce_host"+e),!/^[\w\-]*:?\/\//.test(e)){const t=n?n.path:new BC(document.location.href).directory;if(""===(null==n?void 0:n.protocol))e="//mce_host"+o.toAbsPath(t,e);else{const r=/([^#?]*)([#?]?.*)/.exec(e);r&&(e=(n&&n.protocol||"http")+"://mce_host"+o.toAbsPath(t,r[1])+r[2])}}e=e.replace(/@@/g,"(mce_at)");const s=/^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@\/]*):?([^:@\/]*))?@)?(\[[a-zA-Z0-9:.%]+\]|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/.exec(e);s&&kC(RC,((e,t)=>{let n=s[t];n&&(n=n.replace(/\(mce_at\)/g,"@@")),o[e]=n})),n&&(o.protocol||(o.protocol=n.protocol),o.userInfo||(o.userInfo=n.userInfo),o.port||"mce_host"!==o.host||(o.port=n.port),o.host&&"mce_host"!==o.host||(o.host=n.host),o.source=""),r&&(o.protocol="")}setPath(e){const t=/^(.*?)\/?(\w+)?$/.exec(e);t&&(this.path=t[0],this.directory=t[1],this.file=t[2]),this.source="",this.getURI()}toRelative(e){if("./"===e)return e;const t=new BC(e,{base_uri:this});if("mce_host"!==t.host&&this.host!==t.host&&t.host||this.port!==t.port||this.protocol!==t.protocol&&""!==t.protocol)return t.getURI();const n=this.getURI(),o=t.getURI();if(n===o||"/"===n.charAt(n.length-1)&&n.substr(0,n.length-1)===o)return n;let r=this.toRelPath(this.path,t.path);return t.query&&(r+="?"+t.query),t.anchor&&(r+="#"+t.anchor),r}toAbsolute(e,t){const n=new BC(e,{base_uri:this});return n.getURI(t&&this.isSameOrigin(n))}isSameOrigin(e){if(this.host==e.host&&this.protocol==e.protocol){if(this.port==e.port)return!0;const t=this.protocol?AC[this.protocol]:null;if(t&&(this.port||t)==(e.port||t))return!0}return!1}toRelPath(e,t){let n,o,r=0,s="";const a=e.substring(0,e.lastIndexOf("/")).split("/"),i=t.split("/");if(a.length>=i.length)for(n=0,o=a.length;n<o;n++)if(n>=i.length||a[n]!==i[n]){r=n+1;break}if(a.length<i.length)for(n=0,o=i.length;n<o;n++)if(n>=a.length||a[n]!==i[n]){r=n+1;break}if(1===r)return t;for(n=0,o=a.length-(r-1);n<o;n++)s+="../";for(n=r-1,o=i.length;n<o;n++)s+=n!==r-1?"/"+i[n]:i[n];return s}toAbsPath(e,t){let n=0;const o=/\/$/.test(t)?"/":"",r=e.split("/"),s=t.split("/"),a=[];kC(r,(e=>{e&&a.push(e)}));const i=[];for(let e=s.length-1;e>=0;e--)0!==s[e].length&&"."!==s[e]&&(".."!==s[e]?n>0?n--:i.push(s[e]):n++);const l=a.length-n;let d;return d=l<=0?oe(i).join("/"):a.slice(0,l).join("/")+"/"+oe(i).join("/"),0!==d.indexOf("/")&&(d="/"+d),o&&d.lastIndexOf("/")!==d.length-1&&(d+=o),d}getURI(e=!1){let t;return this.source&&!e||(t="",e||(this.protocol?t+=this.protocol+"://":t+="//",this.userInfo&&(t+=this.userInfo+"@"),this.host&&(t+=this.host),this.port&&(t+=":"+this.port)),this.path&&(t+=this.path),this.query&&(t+="?"+this.query),this.anchor&&(t+="#"+this.anchor),this.source=t),this.source}}const PC=an.makeMap("src,href,data,background,action,formaction,poster,xlink:href"),DC="data-mce-type";let LC=0;const MC=(e,t,n,o,r)=>{var s,a,i,l;const d=t.validate,c=n.getSpecialElements();8===e.nodeType&&(!t.allow_conditional_comments&&/^\[if/i.test(null!==(s=e.nodeValue)&&void 0!==s?s:"")&&(e.nodeValue=" "+e.nodeValue),t.sanitize&&t.allow_html_in_comments&&m(e.nodeValue)&&(e.nodeValue=(e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"))(e.nodeValue)));const u=null!==(a=null==r?void 0:r.tagName)&&void 0!==a?a:e.nodeName.toLowerCase();if("html"!==o&&n.isValid(o))return void(C(r)&&(r.allowedTags[u]=!0));if(1!==e.nodeType||"body"===u)return;const f=mn(e),g=vo(f,DC),p=ho(f,"data-mce-bogus");if(!g&&m(p))return void("all"===p?Eo(f):_o(f));const h=n.getElementRule(u);if(!d||h){if(C(r)&&(r.allowedTags[u]=!0),d&&h&&!g){if(q(null!==(i=h.attributesForced)&&void 0!==i?i:[],(e=>{go(f,e.name,"{$uid}"===e.value?"mce_"+LC++:e.value)})),q(null!==(l=h.attributesDefault)&&void 0!==l?l:[],(e=>{vo(f,e.name)||go(f,e.name,"{$uid}"===e.value?"mce_"+LC++:e.value)})),h.attributesRequired&&!$(h.attributesRequired,(e=>vo(f,e))))return void _o(f);if(h.removeEmptyAttrs&&(e=>{const t=e.dom.attributes;return null==t||0===t.length})(f))return void _o(f);h.outputName&&h.outputName!==u&&((e,t)=>{const n=((e,t)=>{const n=cn(t),o=Co(e);return po(n,o),n})(e,t);io(e,n);const o=Hn(e);mo(n,o),Eo(e)})(f,h.outputName)}}else xe(c,u)?Eo(f):_o(f)},IC=(e,t,n,o,r,s)=>"html"!==n&&!ks(o)||!(r in PC&&OC(e,s,o))&&(!e.validate||t.isValid(o,r)||Ye(r,"data-")||Ye(r,"aria-")),FC=(e,t)=>e.hasAttribute(DC)&&("id"===t||"class"===t||"style"===t),UC=(e,t)=>e in t.getBoolAttrs(),zC=(e,t,n,o)=>{const{attributes:r}=e;for(let s=r.length-1;s>=0;s--){const a=r[s],i=a.name,l=a.value;IC(t,n,o,e.tagName.toLowerCase(),i,l)||FC(e,i)?UC(i,n)&&e.setAttribute(i,i):e.removeAttribute(i)}},jC=(e,t,n)=>{const o=SC();return o.addHook("uponSanitizeElement",((o,r)=>{MC(o,e,t,n.track(o),r)})),o.addHook("uponSanitizeAttribute",((o,r)=>{((e,t,n,o,r)=>{const s=e.tagName.toLowerCase(),{attrName:a,attrValue:i}=r;r.keepAttr=IC(t,n,o,s,a,i),r.keepAttr?(r.allowedAttributes[a]=!0,UC(a,n)&&(r.attrValue=a),t.allow_svg_data_urls&&Ye(i,"data:image/svg+xml")&&(r.forceKeepAttr=!0)):FC(e,a)&&(r.forceKeepAttr=!0)})(o,e,t,n.current(),r)})),o},HC=(e,t)=>{const n=SC(),o=t.allow_mathml_annotation_encodings,r=p(o)&&o.length>0;n.addHook("uponSanitizeElement",((e,n)=>{var s;const a=null!==(s=n.tagName)&&void 0!==s?s:e.nodeName.toLowerCase();((e,n)=>r&&"semantics"===n?I?.some(!0):"annotation"===n?I?.some(qr(e)&&(e=>{const t=e.getAttribute("encoding");return r&&m(t)&&H(o,t)})(e)):p(t.extended_mathml_elements)&&t.extended_mathml_elements.includes(n)?I.from(!0):I.none())(e,a).each((o=>{n.allowedTags[a]=o,!o&&t.sanitize&&qr(e)&&e.remove()}))})),n.addHook("uponSanitizeAttribute",((e,n)=>{p(t.extended_mathml_attributes)&&t.extended_mathml_attributes.includes(n.attrName)&&(n.forceKeepAttr=!0)})),n.sanitize(e,{IN_PLACE:!0,USE_PROFILES:{mathMl:!0}})},$C=e=>t=>{const n=Rs(t);if("svg"===n)(e=>{const t=["type","href","role","arcrole","title","show","actuate","label","from","to"]?.map((e=>`xlink:${e}`)),n={IN_PLACE:!0,USE_PROFILES:{html:!0,svg:!0,svgFilters:!0},ALLOWED_ATTR:t};SC().sanitize(e,n)})(t);else{if("math"!==n)throw new Error("Not a namespace element");HC(t,e)}},VC=an.makeMap,qC=an.extend,WC=(e,t,n,o,r)=>{const s=e.name,a=s in n&&"title"!==s&&"textarea"!==s&&"noscript"!==s,i=t.childNodes;for(let t=0,s=i.length;t<s;t++){const s=i[t],l=new up(s.nodeName.toLowerCase(),s.nodeType);if(qr(s)){const e=s.attributes;for(let t=0,n=e.length;t<n;t++){const n=e[t];l.attr(n.name,n.value)}ks(l.name)&&(o(s),l.value=s.innerHTML)}else es(s)?(l.value=s.data,a&&(l.raw=!0)):os(s)?l.value=r?fy(s.data):s.data:(ts(s)||ns(s))&&(l.value=s.data);ks(l.name)||WC(l,s,n,o,r),e.append(l)}},KC=(e={},t=Ra())=>{const n=my(),o=my(),r={validate:!0,root_name:"body",sanitize:!0,allow_html_in_comments:!0,...e},s=new DOMParser,a=((e,t)=>{const n=(()=>{const e=Ve(),t=()=>e.get()?.map(Rs).getOr("html");return{track:n=>(Ns(n)?e.set(n):e.get().exists((e=>!e.contains(n)))&&e.clear(),t()),current:t,reset:()=>{e.clear()}}})();if(e.sanitize){const o=jC(e,t,n),r=(t,r)=>{o.sanitize(t,((e,t)=>{const n={IN_PLACE:!0,ALLOW_UNKNOWN_PROTOCOLS:!0,ALLOWED_TAGS:["#comment","#cdata-section","body"],ALLOWED_ATTR:[]};return n.PARSER_MEDIA_TYPE=t,e.allow_script_urls?n.ALLOWED_URI_REGEXP=/.*/:e.allow_html_data_urls&&(n.ALLOWED_URI_REGEXP=/^(?!(\w+script|mhtml):)/i),n})(e,r)),o.removed=[],n.reset()};return{sanitizeHtmlElement:r,sanitizeNamespaceElement:$C(e)}}return{sanitizeHtmlElement:(o,r)=>{const s=document.createNodeIterator(o,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_TEXT);let a;for(;a=s.nextNode();){const o=n.track(a);MC(a,e,t,o),qr(a)&&zC(a,e,t,o)}n.reset()},sanitizeNamespaceElement:x}})(r,t),i=n.addFilter,l=n.getFilters,d=n.removeFilter,c=o.addFilter,u=o.getFilters,f=o.removeFilter,g=(e,n)=>{const o=m(n.attr(DC)),r=1===n.type&&!xe(e,n.name)&&!$s(t,n)&&!ks(n.name);return 3===n.type||r&&!o},p={schema:t,addAttributeFilter:c,getAttributeFilters:u,removeAttributeFilter:f,addNodeFilter:i,getNodeFilters:l,removeNodeFilter:d,parse:(e,n={})=>{var o;const i=r.validate,d=null!==(o=n.context)&&void 0!==o?o:r.root_name,c=((e,n,o="html")=>{const r="xhtml"===o?"application/xhtml+xml":"text/html",i=xe(t.getSpecialElements(),n.toLowerCase()),l=i?`<${n}>${e}</${n}>`:e,d=s.parseFromString("xhtml"===o?`<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>${l}</body></html>`:/^[\s]*<head/i.test(e)||/^[\s]*<html/i.test(e)||/^[\s]*<!DOCTYPE/i.test(e)?`<html>${l}</html>`:`<body>${l}</body>`,r).body;return a.sanitizeHtmlElement(d,r),i?d.firstChild:d})(e,d,n.format);Ms(t,c);const m=new up(d,11);WC(m,c,t.getSpecialElements(),a.sanitizeNamespaceElement,r.sanitize&&r.allow_html_in_comments),c.innerHTML="";const[f,p]=((e,t,n,o)=>{const r=n.validate,s=t.getNonEmptyElements(),a=t.getWhitespaceElements(),i=qC(VC("script,style,head,html,body,title,meta,param"),t.getBlockElements()),l=ka(t),d=/[ \t\r\n]+/g,c=/^[ \t\r\n]+/,u=/[ \t\r\n]+$/,m=e=>{let t=e.parent;for(;C(t);){if(t.name in a)return!0;t=t.parent}return!1},f=n=>n.name in i||$s(t,n)||ks(n.name)&&n.parent===e,g=(t,n)=>{const r=n?t.prev:t.next;return!C(r)&&!y(t.parent)&&f(t.parent)&&(t.parent!==e||!0===o.isRootContent)};return[e=>{var t;if(3===e.type&&!m(e)){let n=null!==(t=e.value)&&void 0!==t?t:"";n=n.replace(d," "),(((e,t)=>C(e)&&(t(e)||"br"===e.name))(e.prev,f)||g(e,!0))&&(n=n.replace(c,"")),0===n.length||" "===n&&e.prev&&8===e.prev.type&&e.next&&8===e.next.type?e.remove():e.value=n}},e=>{var i;if(1===e.type){const i=t.getElementRule(e.name);if(r&&i){const r=Ib(t,s,a,e);i.paddInEmptyBlock&&r&&(e=>{let n=e;for(;C(n);){if(n.name in l)return Ib(t,s,a,n);n=n.parent}return!1})(e)?Lb(n,o,f,e):i.removeEmpty&&r?f(e)?e.remove():e.unwrap():i.paddEmpty&&(r||(e=>{var t;return Mb(e,"#text")&&(null===(t=null==e?void 0:e.firstChild)||void 0===t?void 0:t.value)===it})(e))&&Lb(n,o,f,e)}}else if(3===e.type&&!m(e)){let t=null!==(i=e.value)&&void 0!==i?i:"";(e.next&&f(e.next)||g(e,!1))&&(t=t.replace(u,"")),0===t.length?e.remove():e.value=t}}]})(m,t,r,n),h=[],b=i?e=>((e,n)=>{jb(t,e)&&n.push(e)})(e,h):x,v={nodes:{},attributes:{}},w=e=>Bb(l(),u(),e,v);if(((e,t,n)=>{const o=[];for(let n=e,r=n;n;r=n,n=n.walk()){const s=n;q(t,(e=>e(s))),y(s.parent)&&s!==e?n=r:o.push(s)}for(let e=o.length-1;e>=0;e--){const t=o[e];q(n,(e=>e(t)))}})(m,[f,w],[p,b]),h.reverse(),i&&h.length>0)if(n.context){const{pass:e,fail:o}=K(h,(e=>e.parent===m));zb(o,t,m,w),n.invalid=e.length>0}else zb(h,t,m,w);const E=((e,t)=>{var n;const o=null!==(n=t.forced_root_block)&&void 0!==n?n:e.forced_root_block;return!1===o?"":!0===o?"p":o})(r,n);return E&&("body"===m.name||n.isRootContent)&&((e,n)=>{const o=qC(VC("script,style,head,html,body,title,meta,param"),t.getBlockElements()),s=/^[ \t\r\n]+/,a=/[ \t\r\n]+$/;let i=e.firstChild,l=null;const d=e=>{var t,n;e&&(i=e.firstChild,i&&3===i.type&&(i.value=null===(t=i.value)||void 0===t?void 0:t.replace(s,"")),i=e.lastChild,i&&3===i.type&&(i.value=null===(n=i.value)||void 0===n?void 0:n.replace(a,"")))};if(t.isValidChild(e.name,n.toLowerCase())){for(;i;){const t=i.next;g(o,i)?(l||(l=new up(n,1),l.attr(r.forced_root_block_attrs),e.insert(l,i)),l.append(i)):(d(l),l=null),i=t}d(l)}})(m,E),n.invalid||Pb(v,n),m}};return((e,t)=>{var n,o;const r=e.schema;e.addAttributeFilter("href",(e=>{let n=e.length;const o=e=>{const t=e?an.trim(e):"";return/\b(noopener)\b/g.test(t)?t:(e=>e.split(" ").filter((e=>e.length>0)).concat(["noopener"]).sort().join(" "))(t)};if(!t.allow_unsafe_link_target)for(;n--;){const t=e[n];"a"===t.name&&"_blank"===t.attr("target")&&t.attr("rel",o(t.attr("rel")))}})),t.allow_html_in_named_anchor||e.addAttributeFilter("id,name",(e=>{let t,n,o,r,s=e.length;for(;s--;)if(r=e[s],"a"===r.name&&r.firstChild&&!r.attr("href"))for(o=r.parent,t=r.lastChild;t&&o;)n=t.prev,o.insert(t,r),t=n})),t.fix_list_elements&&e.addNodeFilter("ul,ol",(e=>{let t,n,o=e.length;for(;o--;)if(t=e[o],n=t.parent,n&&("ul"===n.name||"ol"===n.name))if(t.prev&&"li"===t.prev.name)t.prev.append(t);else{const e=new up("li",1);e.attr("style","list-style-type: none"),t.wrap(e)}}));const s=r.getValidClasses();t.validate&&s&&e.addAttributeFilter("class",(e=>{var t;let n=e.length;for(;n--;){const o=e[n],r=null!==(t=o.attr("class"))&&void 0!==t?t:"",a=an.explode(r," ");let i="";for(let e=0;e<a.length;e++){const t=a[e];let n=!1,r=s["*"];r&&r[t]&&(n=!0),r=s[o.name],!n&&r&&r[t]&&(n=!0),n&&(i&&(i+=" "),i+=t)}i.length||(i=null),o.attr("class",i)}})),((e,t)=>{const{blob_cache:n}=t;if(n){const t=e=>{const t=e.attr("src");(e=>e.attr("src")===nn.transparentSrc||C(e.attr("data-mce-placeholder")))(e)||(e=>C(e.attr("data-mce-bogus")))(e)||y(t)||wy(n,t,!0).each((t=>{e.attr("src",t.blobUri())}))};e.addAttributeFilter("src",(e=>q(e,t)))}})(e,t);const a=null!==(n=t.sandbox_iframes)&&void 0!==n&&n,i=me(null!==(o=t.sandbox_iframes_exclusions)&&void 0!==o?o:[]);t.convert_unsafe_embeds&&e.addNodeFilter("object,embed",(e=>q(e,(e=>{e.replace((({type:e,src:t,width:n,height:o}={},r,s)=>{const a=(e=>v(e)?"iframe":Sy(e,"image")?"img":Sy(e,"video")?"video":Sy(e,"audio")?"audio":"iframe")(e),i=new up(a,1);return i.attr("audio"===a?{src:t}:{src:t,width:n,height:o}),"audio"!==a&&"video"!==a||i.attr("controls",""),"iframe"===a&&r&&xy(i,s),i})({type:e.attr("type"),src:"object"===e.name?e.attr("data"):e.attr("src"),width:e.attr("width"),height:e.attr("height")},a,i))})))),a&&e.addNodeFilter("iframe",(e=>q(e,(e=>xy(e,i)))))})(p,r),((e,t,n)=>{t.inline_styles&&gy(e,t,n)})(p,r,t),p},YC=(e,t,n)=>{const o=(e=>ev(e)?Tp({validate:!1}).serialize(e):e)(e),r=t(o);if(r.isDefaultPrevented())return r;if(ev(e)){if(r.content!==o){const t=KC({validate:!1,forced_root_block:!1,...n}).parse(r.content,{context:e.name});return{...r,content:t}}return{...r,content:e}}return r},GC=e=>({sanitize:su(e),sandbox_iframes:uu(e),sandbox_iframes_exclusions:mu(e)}),XC=(e,t)=>{if(t.no_events)return Te.value(t);{const n=((e,t)=>e.dispatch("BeforeGetContent",t))(e,t);return n.isDefaultPrevented()?Te.error(md(e,{content:"",...n}).content):Te.value(n)}},ZC=(e,t,n)=>{if(n.no_events)return t;{const o=YC(t,(t=>md(e,{...n,content:t})),GC(e));return o.content}},QC=(e,t)=>{if(t.no_events)return Te.value(t);{const n=YC(t.content,(n=>((e,t)=>e.dispatch("BeforeSetContent",t))(e,{...t,content:n})),GC(e));return n.isDefaultPrevented()?(ud(e,n),Te.error(void 0)):Te.value(n)}},JC=(e,t,n)=>{n.no_events||ud(e,{...n,content:t})},ew=(e,t,n)=>({element:e,width:t,rows:n}),tw=(e,t)=>({element:e,cells:t}),nw=(e,t)=>({x:e,y:t}),ow=(e,t)=>bo(e,t).bind(nt).getOr(1),rw=(e,t,n)=>{const o=e.rows;return!!(o[n]?o[n].cells:[])[t]},sw=e=>X(e,((e,t)=>t.cells.length>e?t.cells.length:e),0),aw=(e,t)=>{const n=e.rows;for(let e=0;e<n.length;e++){const o=n[e].cells;for(let n=0;n<o.length;n++)if(Cn(o[n],t))return I?.some(nw(n,e))}return I.none()},iw=(e,t,n,o,r)=>{const s=[],a=e.rows;for(let e=n;e<=r;e++){const n=a[e].cells,r=t<o?n.slice(t,o+1):n.slice(o,t+1);s.push(tw(a[e].element,r))}return s},lw=e=>((e,t)=>{const n=So(e.element),o=cn("tbody");return mo(o,t),co(n,o),n})(e,(e=>V(e.rows,(e=>{const t=V(e.cells,(e=>{const t=ko(e);return yo(t,"colspan"),yo(t,"rowspan"),t})),n=So(e.element);return mo(n,t),n})))(e)),dw=(e,t,n)=>{const o=mn(t.commonAncestorContainer),r=Qp(o,e),s=Y(r,(e=>n.isWrapper(_n(e)))),a=((e,t)=>Q(e,(e=>"li"===_n(e)&&Jm(e,t))).fold(N([]),(t=>(e=>Q(e,(e=>"ul"===_n(e)||"ol"===_n(e))))(e)?.map((e=>{const t=cn(_n(e)),n=Ce(Fo(e),((e,t)=>Ye(t,"list-style")));return Do(t,n),[cn("li"),t]})).getOr([]))))(r,t),i=s.concat(a.length?a:(e=>Ni(e)?Ln(e).filter(ki).fold(N([]),(t=>[e,t])):ki(e)?[e]:[])(o));return V(i,So)},cw=()=>Yo([]),uw=(e,t)=>((e,t)=>or(t,"table",T(Cn,e)))(e,t[0]).bind((e=>{const n=t[0],o=t[t.length-1],r=(e=>{const t=ew(So(e),0,[]);return q(vr(e,"tr"),((e,n)=>{q(vr(e,"td,th"),((o,r)=>{((e,t,n,o,r)=>{const s=ow(r,"rowspan"),a=ow(r,"colspan"),i=e.rows;for(let e=n;e<n+s;e++){i[e]||(i[e]=tw(ko(o),[]));for(let o=t;o<t+a;o++)i[e].cells[o]=e===n&&o===t?r:So(r)}})(t,((e,t,n)=>{for(;rw(e,t,n);)t++;return t})(t,r,n),n,e,o)}))})),ew(t.element,sw(t.rows),t.rows)})(e);return((e,t,n)=>aw(e,t).bind((t=>aw(e,n)?.map((n=>((e,t,n)=>{const o=t.x,r=t.y,s=n.x,a=n.y,i=r<a?iw(e,o,r,s,a):iw(e,o,a,s,r);return ew(e.element,sw(i),i)})(e,t,n))))))(r,n,o)?.map((e=>Yo([lw(e)])))})).getOrThunk(cw),mw=(e,t,n)=>{const o=Ym(t,e);return o.length>0?uw(e,o):((e,t,n)=>t.length>0&&t[0].collapsed?cw():((e,t,n)=>((e,t)=>{const n=X(t,((e,t)=>(co(t,e),t)),e);return t.length>0?Yo([n]):n})(mn(t.cloneContents()),dw(e,t,n)))(e,t[0],n))(e,t,n)},fw=(e,t)=>t>=0&&t<e.length&&qm(e.charAt(t)),gw=e=>Li(e.innerText),pw=e=>qr(e)?e.outerHTML:es(e)?ua.encodeRaw(e.data,!1):os(e)?"\x3c!--"+e.data+"--\x3e":"",hw=(e,t)=>(((e,t)=>{let n=0;q(e,(e=>{0===e[0]?n++:1===e[0]?(((e,t,n)=>{const o=(e=>{let t;const n=document.createElement("div"),o=document.createDocumentFragment();for(e&&(n.innerHTML=e);t=n.firstChild;)o.appendChild(t);return o})(t);if(e.hasChildNodes()&&n<e.childNodes.length){const t=e.childNodes[n];e.insertBefore(o,t)}else e.appendChild(o)})(t,e[1],n),n++):2===e[0]&&((e,t)=>{if(e.hasChildNodes()&&t<e.childNodes.length){const n=e.childNodes[t];e.removeChild(n)}})(t,n)}))})(((e,t)=>{const n=e.length+t.length+2,o=new Array(n),r=new Array(n),s=(n,o,r,a,l)=>{const d=i(n,o,r,a);if(null===d||d.start===o&&d.diag===o-a||d.end===n&&d.diag===n-r){let s=n,i=r;for(;s<o||i<a;)s<o&&i<a&&e[s]===t[i]?(l.push([0,e[s]]),++s,++i):o-n>a-r?(l.push([2,e[s]]),++s):(l.push([1,t[i]]),++i)}else{s(n,d.start,r,d.start-d.diag,l);for(let t=d.start;t<d.end;++t)l.push([0,e[t]]);s(d.end,o,d.end-d.diag,a,l)}},a=(n,o,r,s)=>{let a=n;for(;a-o<s&&a<r&&e[a]===t[a-o];)++a;return((e,t,n)=>({start:e,end:t,diag:n}))(n,a,o)},i=(n,s,i,l)=>{const d=s-n,c=l-i;if(0===d||0===c)return null;const u=d-c,m=c+d,f=(m%2==0?m:m+1)/2;let g,p,h,b,v;for(o[1+f]=n,r[1+f]=s+1,g=0;g<=f;++g){for(p=-g;p<=g;p+=2){for(h=p+f,p===-g||p!==g&&o[h-1]<o[h+1]?o[h]=o[h+1]:o[h]=o[h-1]+1,b=o[h],v=b-n+i-p;b<s&&v<l&&e[b]===t[v];)o[h]=++b,++v;if(u%2!=0&&u-g<=p&&p<=u+g&&r[h-u]<=o[h])return a(r[h-u],p+n-i,s,l)}for(p=u-g;p<=u+g;p+=2){for(h=p+f-u,p===u-g||p!==u+g&&r[h+1]<=r[h-1]?r[h]=r[h+1]-1:r[h]=r[h-1],b=r[h]-1,v=b-n+i-p;b>=n&&v>=i&&e[b]===t[v];)r[h]=b--,v--;if(u%2==0&&-g<=p&&p<=g&&r[h]<=o[h+u])return a(r[h],p+n-i,s,l)}}return null},l=[];return s(0,e.length,0,t.length,l),l})(V(ce(t.childNodes),pw),e),t),t),bw=st((()=>document.implementation.createHTMLDocument("undo"))),vw=e=>{const t=e.serializer.getTempAttrs(),n=xp(e.getBody(),t);return(e=>null!==e.querySelector("iframe"))(n)?{type:"fragmented",fragments:Y(V(ce(n.childNodes),S(Li,pw)),(e=>e.length>0)),content:"",bookmark:null,beforeBookmark:null}:{type:"complete",fragments:null,content:Li(n.innerHTML),bookmark:null,beforeBookmark:null}},yw=(e,t,n)=>{const o=n?t.beforeBookmark:t.bookmark;"fragmented"===t.type?hw(t.fragments,e.getBody()):e.setContent(t.content,{format:"raw",no_selection:!C(o)||!Bm(o)||!o.isFakeCaret}),o&&(e.selection.moveToBookmark(o),e.selection.scrollIntoView())},Cw=e=>"fragmented"===e.type?e.fragments.join(""):e.content,ww=e=>{const t=cn("body",bw());return Ao(t,Cw(e)),q(vr(t,"*[data-mce-bogus]"),_o),Ro(t)},Ew=(e,t)=>!(!e||!t)&&(!!((e,t)=>Cw(e)===Cw(t))(e,t)||((e,t)=>ww(e)===ww(t))(e,t)),_w=e=>0===e.get(),xw=(e,t,n)=>{_w(n)&&(e.typing=t)},Sw=(e,t)=>{e.typing&&(xw(e,!1,t),e.add())},kw=e=>({init:{bindEvents:x},undoManager:{beforeChange:(t,n)=>((e,t,n)=>{_w(t)&&n.set(ed(e.selection))})(e,t,n),add:(t,n,o,r,s,a)=>((e,t,n,o,r,s,a)=>{const i=vw(e),l=an.extend(s||{},i);if(!_w(o)||e.removed)return null;const d=t.data[n.get()];if(e.dispatch("BeforeAddUndo",{level:l,lastLevel:d,originalEvent:a}).isDefaultPrevented())return null;if(d&&Ew(d,l))return null;t.data[n.get()]&&r.get().each((e=>{t.data[n.get()].beforeBookmark=e}));const c=Ec(e);if(c&&t.data.length>c){for(let e=0;e<t.data.length-1;e++)t.data[e]=t.data[e+1];t.data.length--,n.set(t.data.length)}l.bookmark=ed(e.selection),n.get()<t.data.length-1&&(t.data.length=n.get()+1),t.data.push(l),n.set(t.data.length-1);const u={level:l,lastLevel:d,originalEvent:a};return n.get()>0?(e.setDirty(!0),e.dispatch("AddUndo",u),e.dispatch("change",u)):e.dispatch("AddUndo",u),l})(e,t,n,o,r,s,a),undo:(t,n,o)=>((e,t,n,o)=>{let r;return t.typing&&(t.add(),t.typing=!1,xw(t,!1,n)),o.get()>0&&(o.set(o.get()-1),r=t.data[o.get()],yw(e,r,!0),e.setDirty(!0),e.dispatch("Undo",{level:r})),r})(e,t,n,o),redo:(t,n)=>((e,t,n)=>{let o;return t.get()<n.length-1&&(t.set(t.get()+1),o=n[t.get()],yw(e,o,!1),e.setDirty(!0),e.dispatch("Redo",{level:o})),o})(e,t,n),clear:(t,n)=>((e,t,n)=>{t.data=[],n.set(0),t.typing=!1,e.dispatch("ClearUndos")})(e,t,n),reset:e=>(e=>{e.clear(),e.add()})(e),hasUndo:(t,n)=>((e,t,n)=>n.get()>0||t.typing&&t.data[0]&&!Ew(vw(e),t.data[0]))(e,t,n),hasRedo:(e,t)=>((e,t)=>t.get()<e.data.length-1&&!e.typing)(e,t),transact:(e,t,n)=>((e,t,n)=>(Sw(e,t),e.beforeChange(),e.ignore(n),e.add()))(e,t,n),ignore:(e,t)=>((e,t)=>{try{e.set(e.get()+1),t()}finally{e.set(e.get()-1)}})(e,t),extra:(t,n,o,r)=>((e,t,n,o,r)=>{if(t.transact(o)){const o=t.data[n.get()].bookmark,s=t.data[n.get()-1];yw(e,s,!0),t.transact(r)&&(t.data[n.get()-1].beforeBookmark=o)}})(e,t,n,o,r)},formatter:{match:(t,n,o,r)=>lv(e,t,n,o,r),matchAll:(t,n)=>((e,t,n)=>{const o=[],r={},s=e.selection.getStart();return e.dom.getParent(s,(s=>{for(let a=0;a<t.length;a++){const i=t[a];!r[i]&&iv(e,s,i,n)&&(r[i]=!0,o.push(i))}}),e.dom.getRoot()),o})(e,t,n),matchNode:(t,n,o,r)=>iv(e,t,n,o,r),canApply:t=>((e,t)=>{const n=e.formatter.get(t),o=e.dom;if(n&&e.selection.isEditable()){const t=e.selection.getStart(),r=yf(o,t);for(let e=n.length-1;e>=0;e--){const t=n[e];if(!Ef(t))return!0;for(let e=r.length-1;e>=0;e--)if(o.is(r[e],t.selector))return!0}}return!1})(e,t),closest:t=>((e,t)=>{const n=t=>Cn(t,mn(e.getBody()));return I.from(e.selection.getStart(!0)).bind((o=>_r(mn(o),(n=>ue(t,(t=>((t,n)=>iv(e,t.dom,n)?I?.some(n):I.none())(n,t)))),n))).getOrNull()})(e,t),apply:(t,n,o)=>sy(e,t,n,o),remove:(t,n,o,r)=>Jv(e,t,n,o,r),toggle:(t,n,o)=>((e,t,n,o)=>{const r=e.formatter.get(t);r&&(!lv(e,t,n,o)||"toggle"in r[0]&&!r[0].toggle?sy(e,t,n,o):Jv(e,t,n,o))})(e,t,n,o),formatChanged:(t,n,o,r,s)=>((e,t,n,o,r,s)=>(((e,t,n,o,r,s)=>{const a=t.get();q(n.split(","),(t=>{const n=_e(a,t).getOrThunk((()=>{const e={withSimilar:{state:Ne(!1),similar:!0,callbacks:[]},withoutSimilar:{state:Ne(!1),similar:!1,callbacks:[]},withVars:[]};return a[t]=e,e})),i=()=>{const n=dy(e);return ly(e,n,t,r,s).isSome()};if(v(s)){const e=r?n.withSimilar:n.withoutSimilar;e.callbacks.push(o),1===e.callbacks.length&&e.state.set(i())}else n.withVars.push({state:Ne(i()),similar:r,vars:s,callback:o})})),t.set(a)})(e,t,n,o,r,s),{unbind:()=>((e,t,n)=>{const o=e.get();q(t.split(","),(e=>_e(o,e).each((t=>{o[e]={withSimilar:{...t.withSimilar,callbacks:Y(t.withSimilar.callbacks,(e=>e!==n))},withoutSimilar:{...t.withoutSimilar,callbacks:Y(t.withoutSimilar.callbacks,(e=>e!==n))},withVars:Y(t.withVars,(e=>e.callback!==n))}})))),e.set(o)})(t,n,o)}))(e,t,n,o,r,s)},editor:{getContent:t=>((e,t)=>I.from(e.getBody()).fold(N("tree"===t.format?new up("body",11):""),(n=>Np(e,t,n))))(e,t),setContent:(t,n)=>((e,t,n)=>I.from(e.getBody())?.map((o=>ev(t)?((e,t,n,o)=>{Db(e.parser.getNodeFilters(),e.parser.getAttributeFilters(),n);const r=Tp({validate:!1},e.schema).serialize(n),s=Li(Ti(mn(t))?r:an.trim(r));return tv(e,s,o.no_selection),{content:n,html:s}})(e,o,t,n):((e,t,n,o)=>{if(0===(n=Li(n)).length||/^\s+$/.test(n)){const r='<br data-mce-bogus="1">';"TABLE"===t.nodeName?n="<tr><td>"+r+"</td></tr>":/^(UL|OL)$/.test(t.nodeName)&&(n="<li>"+r+"</li>");const s=Ad(e);return e.schema.isValidChild(t.nodeName.toLowerCase(),s.toLowerCase())?(n=r,n=e.dom.createHTML(s,Td(e),n)):n||(n=r),tv(e,n,o.no_selection),{content:n,html:n}}{"raw"!==o.format&&(n=Tp({validate:!1},e.schema).serialize(e.parser.parse(n,{isRootContent:!0,insert:!0})));const r=Ti(mn(t))?n:an.trim(n);return tv(e,r,o.no_selection),{content:r,html:r}}})(e,o,t,n))).getOr({content:t,html:ev(n.content)?"":n.content}))(e,t,n),insertContent:(t,n)=>Jb(e,t,n),addVisual:t=>((e,t)=>{const n=e.dom,o=C(t)?t:e.getBody();q(n.select("table,a",o),(t=>{switch(t.nodeName){case"TABLE":const o=Oc(e),r=n.getAttrib(t,"border");r&&"0"!==r||!e.hasVisual?n.removeClass(t,o):n.addClass(t,o);break;case"A":if(!n.getAttrib(t,"href")){const o=n.getAttrib(t,"name")||t.id,r=Bc(e);o&&e.hasVisual?n.addClass(t,r):n.removeClass(t,r)}}})),e.dispatch("VisualAid",{element:t,hasVisual:e.hasVisual})})(e,t)},selection:{getContent:(t,n)=>((e,t,n={})=>{const o=((e,t)=>({...e,format:t,get:!0,selection:!0,getInner:!0}))(n,t);return XC(e,o).fold(R,(t=>{const n=((e,t)=>{if("text"===t.format)return(e=>I.from(e.selection.getRng())?.map((t=>{var n;const o=I.from(e.dom.getParent(t.commonAncestorContainer,e.dom.isBlock)),r=e.getBody(),s=(e=>e?.map((e=>e.nodeName)).getOr("div").toLowerCase())(o),a=mn(t.cloneContents());Sp(a),kp(a);const i=e.dom.add(r,s,{"data-mce-bogus":"all",style:"overflow: hidden; opacity: 0;"},a.dom),l=gw(i),d=Li(null!==(n=i.textContent)&&void 0!==n?n:"");if(e.dom.remove(i),fw(d,0)||fw(d,d.length-1)){const e=o.getOr(r),t=gw(e),n=t.indexOf(l);return-1===n?l:(fw(t,n-1)?" ":"")+l+(fw(t,n+l.length)?" ":"")}return l})).getOr(""))(e);{const n=((e,t)=>{const n=e.selection.getRng(),o=e.dom.create("body"),r=e.selection.getSel(),s=ap(e,Km(r)),a=t.contextual?mw(mn(e.getBody()),s,e.schema).dom:n.cloneContents();return a&&o.appendChild(a),e.selection.serializer.serialize(o,t)})(e,t);return"tree"===t.format?n:e.selection.isCollapsed()?"":n}})(e,t);return ZC(e,n,t)}))})(e,t,n)},autocompleter:{addDecoration:x,removeDecoration:x},raw:{getModel:()=>I.none()}}),Nw=e=>xe(e.plugins,"rtc"),Rw=e=>e.rtcInstance?e.rtcInstance:kw(e),Aw=e=>{const t=e.rtcInstance;if(t)return t;throw new Error("Failed to get RTC instance not yet initialized.")},Tw=e=>Aw(e).init.bindEvents(),Ow=e=>0===e.dom.length?(Eo(e),I.none()):I?.some(e),Bw=(e,t,n,o,r)=>{e.bind((e=>((o?Th:Ah)(e.dom,o?e.dom.length:0,r),t.filter(Rn)?.map((t=>((e,t,n,o,r)=>{const s=e.dom,a=t.dom,i=o?s.length:a.length;o?(Oh(s,a,r,!1,!o),n.setStart(a,i)):(Oh(a,s,r,!1,!o),n.setEnd(a,i))})(e,t,n,o,r)))))).orThunk((()=>{const e=((e,t)=>e.filter((e=>Yf.isBookmarkNode(e.dom))).bind(t?Un:Fn))(t,o).or(t).filter(Rn);return e?.map((e=>((e,t,n)=>{Ln(e).each((o=>{const r=e.dom;t&&Ch(o,Pl(r,0),n)?Ah(r,0,n):!t&&wh(o,Pl(r,r.length),n)&&Th(r,r.length,n)}))})(e,o,r)))}))},Pw=(e,t,n)=>{if(xe(e,t)){const o=Y(e[t],(e=>e!==n));0===o.length?delete e[t]:e[t]=o}};const Dw=e=>!(!e||!e.ownerDocument)&&wn(mn(e.ownerDocument),mn(e)),Lw=(e,t,n,o)=>{let r,s;const{selectorChangedWithUnbind:a}=((e,t)=>{let n,o;const r=(t,n)=>Q(n,(n=>e.is(n,t))),s=t=>e.getParents(t,void 0,e.getRoot());return{selectorChangedWithUnbind:(e,a)=>(n||(n={},o={},t.on("NodeChange",(e=>{const t=e.element,a=s(t),i={};pe(n,((e,t)=>{r(t,a).each((n=>{o[t]||(q(e,(e=>{e(!0,{node:n,selector:t,parents:a})})),o[t]=e),i[t]=e}))})),pe(o,((e,n)=>{i[n]||(delete o[n],q(e,(e=>{e(!1,{node:t,selector:n,parents:a})})))}))}))),n[e]||(n[e]=[]),n[e].push(a),r(e,s(t.selection.getStart())).each((()=>{o[e]=n[e]})),{unbind:()=>{Pw(n,e,a),Pw(o,e,a)}})}})(e,o),i=(e,t)=>((e,t,n={})=>{const o=((e,t)=>({format:"html",...e,set:!0,selection:!0,content:t}))(n,t);QC(e,o).each((t=>{const n=((e,t)=>{if("raw"!==t.format){const n=e.selection.getRng(),o=e.dom.getParent(n.commonAncestorContainer,e.dom.isBlock),r=o?{context:o.nodeName.toLowerCase()}:{},s=e.parser.parse(t.content,{forced_root_block:!1,...r,...t});return Tp({validate:!1},e.schema).serialize(s)}return t.content})(e,t),o=e.selection.getRng();((e,t,n)=>{const o=I.from(t.firstChild)?.map(mn),r=I.from(t.lastChild)?.map(mn);e.deleteContents(),e.insertNode(t);const s=o.bind(Fn).filter(Rn).bind(Ow),a=r.bind(Un).filter(Rn).bind(Ow);Bw(s,o,e,!0,n),Bw(a,r,e,!1,n),e.collapse(!1)})(o,o.createContextualFragment(n),e.schema),e.selection.setRng(o),ep(e,o),JC(e,n,t)}))})(o,e,t),l=e=>{const t=c();t.collapse(!!e),u(t)},d=()=>t.getSelection?t.getSelection():t.document.selection,c=()=>{let n;const a=(e,t,n)=>{try{return t.compareBoundaryPoints(e,n)}catch(e){return-1}},i=t.document;if(C(o.bookmark)&&!vg(o)){const e=og(o);if(e.isSome())return e?.map((e=>ap(o,[e])[0])).getOr(i.createRange())}try{const e=d();e&&!Vr(e.anchorNode)&&(n=e.rangeCount>0?e.getRangeAt(0):i.createRange(),n=ap(o,[n])[0])}catch(e){}if(n||(n=i.createRange()),rs(n.startContainer)&&n.collapsed){const t=e.getRoot();n.setStart(t,0),n.setEnd(t,0)}return r&&s&&(0===a(n.START_TO_START,n,r)&&0===a(n.END_TO_END,n,r)?n=s:(r=null,s=null)),n},u=(e,t)=>{if(!(e=>!!e&&Dw(e.startContainer)&&Dw(e.endContainer))(e))return;const n=d();if(e=o.dispatch("SetSelectionRange",{range:e,forward:t}).range,n){s=e;try{n.removeAllRanges(),n.addRange(e)}catch(e){}!1===t&&n.extend&&(n.collapse(e.endContainer,e.endOffset),n.extend(e.startContainer,e.startOffset)),r=n.rangeCount>0?n.getRangeAt(0):null}if(!e.collapsed&&e.startContainer===e.endContainer&&(null==n?void 0:n.setBaseAndExtent)&&e.endOffset-e.startOffset<2&&e.startContainer.hasChildNodes()){const t=e.startContainer.childNodes[e.startOffset];t&&"IMG"===t.nodeName&&(n.setBaseAndExtent(e.startContainer,e.startOffset,e.endContainer,e.endOffset),n.anchorNode===e.startContainer&&n.focusNode===e.endContainer||n.setBaseAndExtent(t,0,t,1))}o.dispatch("AfterSetSelectionRange",{range:e,forward:t})},m=()=>{const t=d(),n=null==t?void 0:t.anchorNode,o=null==t?void 0:t.focusNode;if(!t||!n||!o||Vr(n)||Vr(o))return!0;const r=e.createRng(),s=e.createRng();try{r.setStart(n,t.anchorOffset),r.collapse(!0),s.setStart(o,t.focusOffset),s.collapse(!0)}catch(e){return!0}return r.compareBoundaryPoints(r.START_TO_START,s)<=0},f={dom:e,win:t,serializer:n,editor:o,expand:(t={type:"word"})=>u(Fg(e).expand(c(),t)),collapse:l,setCursorLocation:(t,n)=>{const r=e.createRng();C(t)&&C(n)?(r.setStart(t,n),r.setEnd(t,n),u(r),l(!1)):(ef(e,r,o.getBody(),!0),u(r))},getContent:e=>((e,t={})=>((e,t,n)=>Aw(e).selection.getContent(t,n))(e,t.format?t.format:"html",t))(o,e),setContent:i,getBookmark:(e,t)=>g.getBookmark(e,t),moveToBookmark:e=>g.moveToBookmark(e),select:(t,n)=>(((e,t,n)=>I.from(t).bind((t=>I.from(t.parentNode)?.map((o=>{const r=e.nodeIndex(t),s=e.createRng();return s.setStart(o,r),s.setEnd(o,r+1),n&&(ef(e,s,t,!0),ef(e,s,t,!1)),s})))))(e,t,n).each(u),t),isCollapsed:()=>{const e=c(),t=d();return!(!e||e.item)&&(e.compareEndPoints?0===e.compareEndPoints("StartToEnd",e):!t||e.collapsed)},isEditable:()=>{if(o.mode.isReadOnly())return!1;const t=c(),n=o.getBody().querySelectorAll('[data-mce-selected="1"]');return n.length>0?ne(n,(t=>e.isEditable(t.parentElement))):tp(e,t)},isForward:m,setNode:t=>(i(e.getOuterHTML(t)),t),getNode:()=>((e,t)=>{if(!t)return e;let n=t.startContainer,o=t.endContainer;const r=t.startOffset,s=t.endOffset;let a=t.commonAncestorContainer;t.collapsed||(n===o&&s-r<2&&n.hasChildNodes()&&(a=n.childNodes[r]),es(n)&&es(o)&&(n=n.length===r?sp(n.nextSibling,!0):n.parentNode,o=0===s?sp(o.previousSibling,!1):o.parentNode,n&&n===o&&(a=n)));const i=es(a)?a.parentNode:a;return Wr(i)?i:e})(o.getBody(),c()),getSel:d,setRng:u,getRng:c,getStart:e=>op(o.getBody(),c(),e),getEnd:e=>rp(o.getBody(),c(),e),getSelectedBlocks:(t,n)=>((e,t,n,o)=>{const r=[],s=e.getRoot(),a=e.getParent(n||op(s,t,t.collapsed),e.isBlock),i=e.getParent(o||rp(s,t,t.collapsed),e.isBlock);if(a&&a!==s&&r.push(a),a&&i&&a!==i){let t;const n=new Fr(a,s);for(;(t=n.next())&&t!==i;)e.isBlock(t)&&r.push(t)}return i&&a!==i&&i!==s&&r.push(i),r})(e,c(),t,n),normalize:()=>{const t=c(),n=d();if(!(Km(n).length>1)&&tf(o)){const n=Lg(e,t);return n.each((e=>{u(e,m())})),n.getOr(t)}return t},selectorChanged:(e,t)=>(a(e,t),f),selectorChangedWithUnbind:a,getScrollContainer:()=>{let t,n=e.getRoot();for(;n&&"BODY"!==n.nodeName;){if(n.scrollHeight>n.clientHeight){t=n;break}n=n.parentNode}return t},scrollIntoView:(e,t)=>{C(e)?((e,t,n)=>{(e.inline?Zg:Jg)(e,t,n)})(o,e,t):ep(o,c(),t)},placeCaretAt:(e,t)=>u(Ng(e,t,o.getDoc())),getBoundingClientRect:()=>{const e=c();return e.collapsed?Pl.fromRangeStart(e).getClientRects()[0]:e.getBoundingClientRect()},destroy:()=>{t=r=s=null,p.destroy()}},g=Yf(f),p=kg(f,o);return f.bookmarkManager=g,f.controlSelection=p,f},Mw=(e,t,n)=>{-1===an.inArray(t,n)&&(e.addAttributeFilter(n,((e,t)=>{let n=e.length;for(;n--;)e[n].attr(t,null)})),t.push(n))},Iw=(e,t)=>{const n=["data-mce-selected"],o={entity_encoding:"named",remove_trailing_brs:!0,pad_empty_with_br:!1,...e},r=t&&t.dom?t.dom:ni.DOM,s=t&&t.schema?t.schema:Ra(o),a=KC(o,s);return((e,t,n)=>{e.addAttributeFilter("data-mce-tabindex",((e,t)=>{let n=e.length;for(;n--;){const o=e[n];o.attr("tabindex",o.attr("data-mce-tabindex")),o.attr(t,null)}})),e.addAttributeFilter("src,href,style",((e,o)=>{const r="data-mce-"+o,s=t.url_converter,a=t.url_converter_scope;let i=e.length;for(;i--;){const t=e[i];let l=t.attr(r);void 0!==l?(t.attr(o,l.length>0?l:null),t.attr(r,null)):(l=t.attr(o),"style"===o?l=n.serializeStyle(n.parseStyle(l),t.name):s&&(l=s.call(a,l,o,t.name)),t.attr(o,l.length>0?l:null))}})),e.addAttributeFilter("class",(e=>{let t=e.length;for(;t--;){const n=e[t];let o=n.attr("class");o&&(o=o.replace(/(?:^|\s)mce-item-\w+(?!\S)/g,""),n.attr("class",o.length>0?o:null))}})),e.addAttributeFilter("data-mce-type",((e,t,n)=>{let o=e.length;for(;o--;){const t=e[o];if("bookmark"===t.attr("data-mce-type")&&!n.cleanup){const e=I.from(t.firstChild).exists((e=>{var t;return!Di(null!==(t=e.value)&&void 0!==t?t:"")}));e?t.unwrap():t.remove()}}})),e.addNodeFilter("script,style",((e,n)=>{var o;const r=e=>e.replace(/(<!--\[CDATA\[|\]\]-->)/g,"\n").replace(/^[\r\n]*|[\r\n]*$/g,"").replace(/^\s*((<!--)?(\s*\/\/)?\s*<!\[CDATA\[|(<!--\s*)?\/\*\s*<!\[CDATA\[\s*\*\/|(\/\/)?\s*<!--|\/\*\s*<!--\s*\*\/)\s*[\r\n]*/gi,"").replace(/\s*(\/\*\s*\]\]>\s*\*\/(-->)?|\s*\/\/\s*\]\]>(-->)?|\/\/\s*(-->)?|\]\]>|\/\*\s*-->\s*\*\/|\s*-->\s*)\s*$/g,"");let s=e.length;for(;s--;){const a=e[s],i=a.firstChild,l=null!==(o=null==i?void 0:i.value)&&void 0!==o?o:"";if("script"===n){const e=a.attr("type");e&&a.attr("type","mce-no/type"===e?null:e.replace(/^mce\-/,"")),"xhtml"===t.element_format&&i&&l.length>0&&(i.value="// <![CDATA[\n"+r(l)+"\n// ]]>")}else"xhtml"===t.element_format&&i&&l.length>0&&(i.value="\x3c!--\n"+r(l)+"\n--\x3e")}})),e.addNodeFilter("#comment",(e=>{let o=e.length;for(;o--;){const r=e[o],s=r.value;t.preserve_cdata&&0===(null==s?void 0:s.indexOf("[CDATA["))&&(r.name="#cdata",r.type=4,r.value=n.decode(s.replace(/^\[CDATA\[|\]\]$/g,"")))}})),e.addNodeFilter("xml:namespace,input",((e,t)=>{let n=e.length;for(;n--;){const o=e[n];7===o.type?o.remove():1===o.type&&("input"!==t||o.attr("type")||o.attr("type","text"))}})),e.addAttributeFilter("data-mce-type",(t=>{q(t,(t=>{"format-caret"===t.attr("data-mce-type")&&(t.isEmpty(e.schema.getNonEmptyElements())?t.remove():t.unwrap())}))})),e.addAttributeFilter("data-mce-src,data-mce-href,data-mce-style,data-mce-selected,data-mce-expando,data-mce-block,data-mce-type,data-mce-resize,data-mce-placeholder",((e,t)=>{let n=e.length;for(;n--;)e[n].attr(t,null)})),t.remove_trailing_brs&&((e,t,n)=>{t.addNodeFilter("br",((t,o,r)=>{const s=an.extend({},n.getBlockElements()),a=n.getNonEmptyElements(),i=n.getWhitespaceElements();s.body=1;const l=e=>e.name in s||$s(n,e);for(let o=0,d=t.length;o<d;o++){let d=t[o],c=d.parent;if(c&&l(c)&&d===c.lastChild){let t=d.prev;for(;t;){const e=t.name;if("span"!==e||"bookmark"!==t.attr("data-mce-type")){"br"===e&&(d=null);break}t=t.prev}if(d&&(d.remove(),Ib(n,a,i,c))){const t=n.getElementRule(c.name);t&&(t.removeEmpty?c.remove():t.paddEmpty&&Lb(e,r,l,c))}}else{let e=d;for(;c&&c.firstChild===e&&c.lastChild===e&&(e=c,!s[c.name]);)c=c.parent;if(e===c){const e=new up("#text",3);e.value=it,d.replace(e)}}}}))})(t,e,e.schema)})(a,o,r),{schema:s,addNodeFilter:a.addNodeFilter,addAttributeFilter:a.addAttributeFilter,serialize:(e,n={})=>{const i={format:"html",...n},l=((e,t,n)=>((e,t)=>C(e)&&e.hasEventListeners("PreProcess")&&!t.no_events)(e,n)?((e,t,n)=>{let o;const r=e.dom;let s=t.cloneNode(!0);const a=document.implementation;if(a.createHTMLDocument){const e=a.createHTMLDocument("");an.each("BODY"===s.nodeName?s.childNodes:[s],(t=>{e.body.appendChild(e.importNode(t,!0))})),s="BODY"!==s.nodeName?e.body.firstChild:e.body,o=r.doc,r.doc=e}return((e,t)=>{e.dispatch("PreProcess",t)})(e,{...n,node:s}),o&&(r.doc=o),s})(e,t,n):t)(t,e,i),d=((e,t,n)=>{const o=Li(n.getInner?t.innerHTML:e.getOuterHTML(t));return n.selection||Ti(mn(t))?o:an.trim(o)})(r,l,i),c=((e,t,n)=>{const o=n.selection?{forced_root_block:!1,...n}:n,r=e.parse(t,o);return(e=>{const t=e=>"br"===(null==e?void 0:e.name),n=e.lastChild;if(t(n)){const e=n.prev;t(e)&&(n.remove(),e.remove())}})(r),r})(a,d,i);return"tree"===i.format?c:((e,t,n,o,r)=>{const s=((e,t,n)=>Tp(e,t).serialize(n))(t,n,o);return((e,t,n)=>{if(!t.no_events&&e){const o=((e,t)=>e.dispatch("PostProcess",t))(e,{...t,content:n});return o.content}return n})(e,r,s)})(t,o,s,c,i)},addRules:s.addValidElements,setRules:s.setValidElements,addTempAttr:T(Mw,a,n),getTempAttrs:N(n),getNodeFilters:a.getNodeFilters,getAttributeFilters:a.getAttributeFilters,removeNodeFilter:a.removeNodeFilter,removeAttributeFilter:a.removeAttributeFilter}},Fw=(e,t)=>{const n=Iw(e,t);return{schema:n.schema,addNodeFilter:n.addNodeFilter,addAttributeFilter:n.addAttributeFilter,serialize:n.serialize,addRules:n.addRules,setRules:n.setRules,addTempAttr:n.addTempAttr,getTempAttrs:n.getTempAttrs,getNodeFilters:n.getNodeFilters,getAttributeFilters:n.getAttributeFilters,removeNodeFilter:n.removeNodeFilter,removeAttributeFilter:n.removeAttributeFilter}},Uw=(e,t,n={})=>{const o=((e,t)=>({format:"html",...e,set:!0,content:t}))(n,t);return QC(e,o)?.map((t=>{const n=((e,t,n)=>Rw(e).editor.setContent(t,n))(e,t.content,t);return JC(e,n.html,t),n.content})).getOr(t)},zw="autoresize_on_init,content_editable_state,padd_empty_with_br,block_elements,boolean_attributes,editor_deselector,editor_selector,elements,file_browser_callback_types,filepicker_validator_handler,force_hex_style_colors,force_p_newlines,gecko_spellcheck,images_dataimg_filter,media_scripts,mode,move_caret_before_on_enter_elements,non_empty_elements,self_closing_elements,short_ended_elements,special,spellchecker_select_languages,spellchecker_whitelist,tab_focus,tabfocus_elements,table_responsive_width,text_block_elements,text_inline_elements,toolbar_drawer,types,validate,whitespace_elements,paste_enable_default_filters,paste_filter_drop,paste_word_valid_elements,paste_retain_style_properties,paste_convert_word_fake_lists,template_cdate_classes,template_mdate_classes,template_selected_content_classes,template_preview_replace_values,template_replace_values,templates,template_cdate_format,template_mdate_format".split(","),jw=[],Hw="bbcode,colorpicker,contextmenu,fullpage,legacyoutput,spellchecker,template,textcolor,rtc".split(","),$w=[{name:"export",replacedWith:"Export to PDF"}],Vw=(e,t)=>{const n=Y(t,(t=>xe(e,t)));return ae(n)},qw=e=>{const t=Vw(e,zw),n=e.forced_root_block;return!1!==n&&""!==n||t.push("forced_root_block (false only)"),ae(t)},Ww=e=>Vw(e,jw),Kw=(e,t)=>{const n=an.makeMap(e.plugins," "),o=Y(t,(e=>xe(n,e)));return ae(o)},Yw=e=>Kw(e,Hw),Gw=e=>Kw(e,$w?.map((e=>e.name))),Xw=e=>Q($w,(t=>t.name===e)).fold((()=>e),(t=>t.replacedWith?`${e}, replaced by ${t.replacedWith}`:e)),Zw=ni.DOM,Qw=e=>I.from(e).each((e=>e.destroy())),Jw=(()=>{const e={};return{add:(t,n)=>{e[t]=n},get:t=>e[t]?e[t]:{icons:{}},has:t=>xe(e,t)}})(),eE=di.ModelManager,tE=(e,t)=>t.dom[e],nE=(e,t)=>parseInt(Lo(t,e),10),oE=T(tE,"clientWidth"),rE=T(tE,"clientHeight"),sE=T(nE,"margin-top"),aE=T(nE,"margin-left"),iE=e=>{const t=[],n=()=>{const t=e.theme;return t&&t.getNotificationManagerImpl?t.getNotificationManagerImpl():(()=>{const e=()=>{throw new Error("Theme did not provide a NotificationManager implementation.")};return{open:e,close:e,getArgs:e}})()},o=()=>I.from(t[0]),r=()=>{o().each((e=>{e.reposition()}))},s=e=>{J(t,(t=>t===e)).each((e=>{t.splice(e,1)}))},a=(o,a=!0)=>e.removed||!(e=>{return(t=e.inline?e.getBody():e.getContentAreaContainer(),I.from(t)?.map(mn))?.map(Oo).getOr(!1);var t})(e)?{}:(a&&e.dispatch("BeforeOpenNotification",{notification:o}),Q(t,(e=>{return t=n().getArgs(e),r=o,!(t.type!==r.type||t.text!==r.text||t.progressBar||t.timeout||r.progressBar||r.timeout);var t,r})).getOrThunk((()=>{e.editorManager.setActive(e);const a=n().open(o,(()=>{s(a)}),(()=>yg(e)));return(e=>{t.push(e)})(a),r(),e.dispatch("OpenNotification",{notification:{...a}}),a}))),i=N(t);return(e=>{e.on("SkinLoaded",(()=>{const t=ac(e);t&&a({text:t,type:"warning",timeout:0},!1),r()})),e.on("show ResizeEditor ResizeWindow NodeChange ToggleView FullscreenStateChanged",(()=>{requestAnimationFrame(r)})),e.on("remove",(()=>{q(t.slice(),(e=>{n().close(e)}))})),e.on("keydown",(e=>{var t;const n="f12"===(null===(t=e.key)||void 0===t?void 0:t.toLowerCase())||123===e.keyCode;e.altKey&&n&&(e.preventDefault(),o()?.map((e=>mn(e.getEl()))).each((e=>oo(e))))}))})(e),{open:a,close:()=>{o().each((e=>{n().close(e),s(e),r()}))},getNotifications:i}},lE=di.PluginManager,dE=di.ThemeManager,cE=e=>{let t=[];const n=()=>{const t=e.theme;return t&&t.getWindowManagerImpl?t.getWindowManagerImpl():(()=>{const e=()=>{throw new Error("Theme did not provide a WindowManager implementation.")};return{open:e,openUrl:e,alert:e,confirm:e,close:e}})()},o=(e,t)=>(...n)=>t?t.apply(e,n):void 0,r=n=>{(t=>{e.dispatch("CloseWindow",{dialog:t})})(n),t=Y(t,(e=>e!==n)),0===t.length&&e.focus()},s=n=>{e.editorManager.setActive(e),ng(e),e.ui.show();const o=n();return(n=>{t.push(n),(t=>{e.dispatch("OpenWindow",{dialog:t})})(n)})(o),o};return e.on("remove",(()=>{q(t,(e=>{n().close(e)}))})),{open:(e,t)=>s((()=>n().open(e,t,r))),openUrl:e=>s((()=>n().openUrl(e,r))),alert:(e,t,r)=>{const s=n();s.alert(e,o(r||s,t))},confirm:(e,t,r)=>{const s=n();s.confirm(e,o(r||s,t))},close:()=>{I.from(t[t.length-1]).each((e=>{n().close(e),r(e)}))}}},uE=(e,t)=>{e.notificationManager.open({type:"error",text:t})},mE=(e,t)=>{e._skinLoaded?uE(e,t):e.on("SkinLoaded",(()=>{uE(e,t)}))},fE=(e,t,n)=>{ld(e,t,{message:n}),console.error(n)},gE=(e,t,n)=>n?`Failed to load ${e}: ${n} from url ${t}`:`Failed to load ${e} url: ${t}`,pE=(e,...t)=>{const n=window.console;n&&(n.error?n.error(e,...t):n.log(e,...t))},hE=(e,t,n)=>{try{e.getDoc().execCommand(t,!1,String(n))}catch(e){}},bE=(e,t,n)=>{fr(e,t)&&!n?mr(e,t):n&&cr(e,t)},vE=e=>{const t=mn(e.getBody());bE(t,"mce-content-readonly",!0),e.selection.controlSelection.hideResizeRect(),e._selectionOverrides.hideFakeCaret(),(e=>{I.from(e.selection.getNode()).each((e=>{e.removeAttribute("data-mce-selected")}))})(e)},yE=e=>{const t=mn(e.getBody());bE(t,"mce-content-readonly",!1),e.hasEditableRoot()&&hr(t,!0),((e,t)=>{hE(e,"StyleWithCSS",t),hE(e,"enableInlineTableEditing",t),hE(e,"enableObjectResizing",t)})(e,!1),yg(e)&&e.focus(),(e=>{e.selection.setRng(e.selection.getRng())})(e),e.nodeChanged()},CE=e=>hu(e),wE="data-mce-contenteditable",EE=(e,t)=>{const n=mn(e.getBody());t?(vE(e),hr(n,!1),q(vr(n,'*[contenteditable="true"]'),(e=>{go(e,wE,"true"),hr(e,!1)}))):(q(vr(n,`*[${wE}="true"]`),(e=>{yo(e,wE),hr(e,!0)})),yE(e))},_E=e=>{e.parser.addAttributeFilter("contenteditable",(t=>{CE(e)&&q(t,(e=>{e.attr(wE,e.attr("contenteditable")),e.attr("contenteditable","false")}))})),e.serializer.addAttributeFilter(wE,(t=>{CE(e)&&q(t,(e=>{e.attr("contenteditable",e.attr(wE))}))})),e.serializer.addTempAttr(wE)},xE=["copy"],SE=e=>"content/"+e+"/content.css",kE=(e,t)=>{const n=e.editorManager.baseURL+"/skins/content",o=`content${e.editorManager.suffix}.css`;return V(t,(t=>(e=>tinymce.Resource.has(SE(e)))(t)?t:(e=>/^[a-z0-9\-]+$/i.test(e))(t)&&!e.inline?`${n}/${t}/${o}`:e.documentBaseURI.toAbsolute(t)))},NE=(e,t)=>{const n={};return{findAll:(o,r=M)=>{const s=Y((e=>e?ce(e.getElementsByTagName("img")):[])(o),(t=>{const n=t.src;return!t.hasAttribute("data-mce-bogus")&&!t.hasAttribute("data-mce-placeholder")&&!(!n||n===nn.transparentSrc)&&(Ye(n,"blob:")?!e.isUploaded(n)&&r(t):!!Ye(n,"data:")&&r(t))})),a=V(s,(e=>{const o=e.src;if(xe(n,o))return n[o].then((t=>m(t)?t:{image:e,blobInfo:t.blobInfo}));{const r=((e,t)=>{const n=()=>Promise.reject("Invalid data URI");if(Ye(t,"blob:")){const s=e.getByUri(t);return C(s)?Promise.resolve(s):(o=t,Ye(o,"blob:")?(e=>fetch(e).then((e=>e.ok?e.blob():Promise.reject())).catch((()=>Promise.reject({message:`Cannot convert ${e} to Blob. Resource might not exist or is inaccessible.`,uriType:"blob"}))))(o):Ye(o,"data:")?(r=o,new Promise(((e,t)=>{py(r).bind((({type:e,data:t,base64Encoded:n})=>hy(e,t,n))).fold((()=>t("Invalid data URI")),e)}))):Promise.reject("Unknown URI format")).then((t=>by(t).then((o=>yy(o,!1,(n=>I?.some(Cy(e,t,n)))).getOrThunk(n)))))}var o,r;return Ye(t,"data:")?wy(e,t).fold(n,(e=>Promise.resolve(e))):Promise.reject("Unknown image data format")})(t,o).then((t=>(delete n[o],{image:e,blobInfo:t}))).catch((e=>(delete n[o],e)));return n[o]=r,r}}));return Promise.all(a)}}},RE=()=>{let e={};const t=(e,t)=>({status:e,resultUri:t}),n=t=>t in e;return{hasBlobUri:n,getResultUri:t=>{const n=e[t];return n?n.resultUri:null},isPending:t=>!!n(t)&&1===e[t].status,isUploaded:t=>!!n(t)&&2===e[t].status,markPending:n=>{e[n]=t(1,null)},markUploaded:(n,o)=>{e[n]=t(2,o)},removeFailed:t=>{delete e[t]},destroy:()=>{e={}}}};let AE=0;const TE=(e,t)=>{const n={},o=(e,n)=>new Promise(((o,r)=>{const s=new XMLHttpRequest;s.open("POST",t.url),s.withCredentials=t.credentials,s.upload.onprogress=e=>{n(e.loaded/e.total*100)},s.onerror=()=>{r("Image upload failed due to a XHR Transport error. Code: "+s.status)},s.onload=()=>{if(s.status<200||s.status>=300)return void r("HTTP Error: "+s.status);const e=JSON.parse(s.responseText);var n,a;e&&m(e.location)?o((n=t.basePath,a=e.location,n?n.replace(/\/$/,"")+"/"+a.replace(/^\//,""):a)):r("Invalid JSON: "+s.responseText)};const a=new FormData;a.append("file",e.blob(),e.filename()),s.send(a)})),r=w(t.handler)?t.handler:o,s=(e,t)=>({url:t,blobInfo:e,status:!0}),a=(e,t)=>({url:"",blobInfo:e,status:!1,error:t}),i=(e,t)=>{an.each(n[e],(e=>{e(t)})),delete n[e]};return{upload:(l,d)=>t.url||r!==o?((t,o)=>(t=an.grep(t,(t=>!e.isUploaded(t.blobUri()))),Promise.all(an?.map(t,(t=>e.isPending(t.blobUri())?(e=>{const t=e.blobUri();return new Promise((e=>{n[t]=n[t]||[],n[t].push(e)}))})(t):((t,n,o)=>(e.markPending(t.blobUri()),new Promise((r=>{let l,d;try{const c=()=>{l&&(l.close(),d=x)},u=n=>{c(),e.markUploaded(t.blobUri(),n),i(t.blobUri(),s(t,n)),r(s(t,n))},f=n=>{c(),e.removeFailed(t.blobUri()),i(t.blobUri(),a(t,n)),r(a(t,n))};d=e=>{e<0||e>100||I.from(l).orThunk((()=>I.from(o)?.map(P))).each((t=>{l=t,t.progressBar.value(e)}))},n(t,d).then(u,(e=>{f(m(e)?{message:e}:e)}))}catch(e){r(a(t,e))}}))))(t,r,o))))))(l,d):new Promise((e=>{e([])}))}},OE=e=>()=>e.notificationManager.open({text:e.translate("Image uploading..."),type:"info",timeout:-1,progressBar:!0}),BE=(e,t)=>TE(t,{url:jd(e),basePath:Hd(e),credentials:$d(e),handler:Vd(e)}),PE=e=>{const t=(()=>{let e=[];const t=e=>{if(!e.blob||!e.base64)throw new Error("blob and base64 representations of the image are required for BlobInfo to be created");const t=e.id||"blobid"+AE+++(()=>{const e=()=>Math.round(4294967295*Be()).toString(36);return"s"+(new Date).getTime().toString(36)+e()+e()+e()})(),n=e.name||t,o=e.blob;var r;return{id:N(t),name:N(n),filename:N(e.filename||n+"."+(r=o.type,{"image/jpeg":"jpg","image/jpg":"jpg","image/gif":"gif","image/png":"png","image/apng":"apng","image/avif":"avif","image/svg+xml":"svg","image/webp":"webp","image/bmp":"bmp","image/tiff":"tiff"}[r.toLowerCase()]||"dat")),blob:N(o),base64:N(e.base64),blobUri:N(e.blobUri||URL.createObjectURL(o)),uri:N(e.uri)}},n=t=>Q(e,t).getOrUndefined(),o=e=>n((t=>t.id()===e));return{create:(e,n,o,r,s)=>{if(m(e))return t({id:e,name:r,filename:s,blob:n,base64:o});if(f(e))return t(e);throw new Error("Unknown input type")},add:t=>{o(t.id())||e.push(t)},get:o,getByUri:e=>n((t=>t.blobUri()===e)),getByData:(e,t)=>n((n=>n.base64()===e&&n.blob().type===t)),findFirst:n,removeByUri:t=>{e=Y(e,(e=>e.blobUri()!==t||(URL.revokeObjectURL(e.blobUri()),!1)))},destroy:()=>{q(e,(e=>{URL.revokeObjectURL(e.blobUri())})),e=[]}}})();let n,o;const r=RE(),s=[],a=t=>n=>e.selection?t(n):[],i=(e,t,n)=>{let o=0;do{o=e.indexOf(t,o),-1!==o&&(e=e.substring(0,o)+n+e.substr(o+t.length),o+=n.length-t.length+1)}while(-1!==o);return e},l=(e,t,n)=>{const o=`src="${n}"${n===nn.transparentSrc?' data-mce-placeholder="1"':""}`;return e=i(e,`src="${t}"`,o),i(e,'data-mce-src="'+t+'"','data-mce-src="'+n+'"')},d=(t,n)=>{q(e.undoManager.data,(e=>{"fragmented"===e.type?e.fragments=V(e.fragments,(e=>l(e,t,n))):e.content=l(e.content,t,n)}))},c=()=>(n||(n=BE(e,r)),p().then(a((o=>{const r=V(o,(e=>e.blobInfo));return n.upload(r,OE(e)).then(a((n=>{const r=[];let s=!1;const a=V(n,((n,a)=>{const{blobInfo:i,image:l}=o[a];let c=!1;return n.status&&Fd(e)?(n.url&&!Ke(l.src,n.url)&&(s=!0),t.removeByUri(l.src),Nw(e)||((t,n)=>{const o=e.convertURL(n,"src");var r;d(t.src,n),po(mn(t),{src:Id(e)?(r=n,r+(-1===r.indexOf("?")?"?":"&")+(new Date).getTime()):n,"data-mce-src":o})})(l,n.url)):n.error&&(n.error.remove&&(d(l.src,nn.transparentSrc),r.push(l),c=!0),((e,t)=>{mE(e,li.translate(["Failed to upload image: {0}",t]))})(e,n.error.message)),{element:l,status:n.status,uploadUri:n.url,blobInfo:i,removed:c}}));return r.length>0&&!Nw(e)?e.undoManager.transact((()=>{q(No(r),(n=>{const o=Ln(n);Eo(n),o.each((e=>t=>{((e,t)=>e.dom.isEmpty(t.dom)&&C(e.schema.getTextBlockElements()[_n(t)]))(e,t)&&co(t,dn('<br data-mce-bogus="1" />'))})(e)),t.removeByUri(n.dom.src)}))})):s&&e.undoManager.dispatchChange(),a})))})))),u=()=>Md(e)?c():Promise.resolve([]),g=e=>ne(s,(t=>t(e))),p=()=>(o||(o=NE(r,t)),o.findAll(e.getBody(),g).then(a((t=>{const n=Y(t,(t=>m(t)?(mE(e,t),!1):"blob"!==t.uriType));return Nw(e)||q(n,(e=>{d(e.image.src,e.blobInfo.blobUri()),e.image.src=e.blobInfo.blobUri(),e.image.removeAttribute("data-mce-src")})),n})))),h=n=>n.replace(/src="(blob:[^"]+)"/g,((n,o)=>{const s=r.getResultUri(o);if(s)return'src="'+s+'"';let a=t.getByUri(o);return a||(a=X(e.editorManager.get(),((e,t)=>e||t.editorUpload&&t.editorUpload.blobCache.getByUri(o)),void 0)),a?'src="data:'+a.blob().type+";base64,"+a.base64()+'"':n}));return e.on("SetContent",(()=>{Md(e)?u():p()})),e.on("RawSaveContent",(e=>{e.content=h(e.content)})),e.on("GetContent",(e=>{e.source_view||"raw"===e.format||"tree"===e.format||(e.content=h(e.content))})),e.on("PostRender",(()=>{e.parser.addNodeFilter("img",(e=>{q(e,(e=>{const n=e.attr("src");if(!n||t.getByUri(n))return;const o=r.getResultUri(n);o&&e.attr("src",o)}))}))})),{blobCache:t,addFilter:e=>{s.push(e)},uploadImages:c,uploadImagesAuto:u,scanForImages:p,destroy:()=>{t.destroy(),r.destroy(),o=n=null}}},DE={remove_similar:!0,inherit:!1},LE={selector:"td,th",...DE},ME={tablecellbackgroundcolor:{styles:{backgroundColor:"%value"},...LE},tablecellverticalalign:{styles:{"vertical-align":"%value"},...LE},tablecellbordercolor:{styles:{borderColor:"%value"},...LE},tablecellclass:{classes:["%value"],...LE},tableclass:{selector:"table",classes:["%value"],...DE},tablecellborderstyle:{styles:{borderStyle:"%value"},...LE},tablecellborderwidth:{styles:{borderWidth:"%value"},...LE}},IE=N(ME),FE=an.each,UE=ni.DOM,zE=e=>C(e)&&f(e),jE=(e,t)=>{const n=t&&t.schema||Ra({}),o=e=>{const t=m(e)?{name:e,classes:[],attrs:{}}:e,n=UE.create(t.name);return((e,t)=>{t.classes.length>0&&UE.addClass(e,t.classes.join(" ")),UE.setAttribs(e,t.attrs)})(n,t),n},r=(e,t,s)=>{let a;const i=t[0],l=zE(i)?i.name:void 0,d=((e,t)=>{const o=n.getElementRule(e.nodeName.toLowerCase()),r=null==o?void 0:o.parentsRequired;return!(!r||!r.length)&&(t&&H(r,t)?t:r[0])})(e,l);if(d)l===d?(a=i,t=t.slice(1)):a=d;else if(i)a=i,t=t.slice(1);else if(!s)return e;const c=a?o(a):UE.create("div");c.appendChild(e),s&&an.each(s,(t=>{const n=o(t);c.insertBefore(n,e)}));const u=zE(a)?a.siblings:void 0;return r(c,t,u)},s=UE.create("div");if(e.length>0){const t=e[0],n=o(t),a=zE(t)?t.siblings:void 0;s.appendChild(r(n,e.slice(1),a))}return s},HE=e=>{let t="div";const n={name:t,classes:[],attrs:{},selector:e=an.trim(e)};return"*"!==e&&(t=e.replace(/(?:([#\.]|::?)([\w\-]+)|(\[)([^\]]+)\]?)/g,((e,t,o,r,s)=>{switch(t){case"#":n.attrs.id=o;break;case".":n.classes.push(o);break;case":":-1!==an.inArray("checked disabled enabled read-only required".split(" "),o)&&(n.attrs[o]=o)}if("["===r){const e=s.match(/([\w\-]+)(?:\=\"([^\"]+))?/);e&&(n.attrs[e[1]]=e[2])}return""}))),n.name=t||"div",n},$E=(e,t)=>{let n="",o=fc(e);if(""===o)return"";const r=e=>m(e)?e.replace(/%(\w+)/g,""):"",s=(t,n)=>UE.getStyle(null!=n?n:e.getBody(),t,!0);if(m(t)){const n=e.formatter.get(t);if(!n)return"";t=n[0]}if("preview"in t){const e=t.preview;if(!1===e)return"";o=e||o}let a,i=t.block||t.inline||"span";const l=(d=t.selector,m(d)?(d=(d=d.split(/\s*,\s*/)[0]).replace(/\s*(~\+|~|\+|>)\s*/g,"$1"),an?.map(d.split(/(?:>|\s+(?![^\[\]]+\]))/),(e=>{const t=an?.map(e.split(/(?:~\+|~|\+)/),HE),n=t.pop();return t.length&&(n.siblings=t),n})).reverse()):[]);var d;l.length>0?(l[0].name||(l[0].name=i),i=t.selector,a=jE(l,e)):a=jE([i],e);const c=UE.select(i,a)[0]||a.firstChild;FE(t.styles,((e,t)=>{const n=r(e);n&&UE.setStyle(c,t,n)})),FE(t.attributes,((e,t)=>{const n=r(e);n&&UE.setAttrib(c,t,n)})),FE(t.classes,(e=>{const t=r(e);UE.hasClass(c,t)||UE.addClass(c,t)})),e.dispatch("PreviewFormats"),UE.setStyles(a,{position:"absolute",left:-65535}),e.getBody().appendChild(a);const u=s("fontSize"),f=/px$/.test(u)?parseInt(u,10):0;return FE(o.split(" "),(e=>{let t=s(e,c);if(!("background-color"===e&&/transparent|rgba\s*\([^)]+,\s*0\)/.test(t)&&(t=s(e),"#ffffff"===Ma(t).toLowerCase())||"color"===e&&"#000000"===Ma(t).toLowerCase())){if("font-size"===e&&/em|%$/.test(t)){if(0===f)return;t=parseFloat(t)/(/%$/.test(t)?100:1)*f+"px"}"border"===e&&t&&(n+="padding:0 2px;"),n+=e+":"+t+";"}})),e.dispatch("AfterPreviewFormats"),UE.remove(a),n},VE=e=>{const t=(e=>{const t={},n=(e,o)=>{e&&(m(e)?(p(o)||(o=[o]),q(o,(e=>{v(e.deep)&&(e.deep=!Ef(e)),v(e.split)&&(e.split=!Ef(e)||_f(e)),v(e.remove)&&Ef(e)&&!_f(e)&&(e.remove="none"),Ef(e)&&_f(e)&&(e.mixed=!0,e.block_expand=!0),m(e.classes)&&(e.classes=e.classes.split(/\s+/))})),t[e]=o):pe(e,((e,t)=>{n(t,e)})))};return n((e=>{const t=e.dom,n=e.schema.type,o={valigntop:[{selector:"td,th",styles:{verticalAlign:"top"}}],valignmiddle:[{selector:"td,th",styles:{verticalAlign:"middle"}}],valignbottom:[{selector:"td,th",styles:{verticalAlign:"bottom"}}],alignleft:[{selector:"figure.image",collapsed:!1,classes:"align-left",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre",styles:{textAlign:"left"},inherit:!1,preview:!1},{selector:"img,audio,video",collapsed:!1,styles:{float:"left"},preview:"font-family font-size"},{selector:".mce-placeholder",styles:{float:"left"},ceFalseOverride:!0},{selector:"table",collapsed:!1,styles:{marginLeft:"0px",marginRight:"auto"},onformat:e=>{t.setStyle(e,"float",null)},preview:"font-family font-size"},{selector:".mce-preview-object,[data-ephox-embed-iri]",ceFalseOverride:!0,styles:{float:"left"}}],aligncenter:[{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre",styles:{textAlign:"center"},inherit:!1,preview:"font-family font-size"},{selector:"figure.image",collapsed:!1,classes:"align-center",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"img,audio,video",collapsed:!1,styles:{display:"block",marginLeft:"auto",marginRight:"auto"},preview:!1},{selector:".mce-placeholder",styles:{display:"block",marginLeft:"auto",marginRight:"auto"},ceFalseOverride:!0},{selector:"table",collapsed:!1,styles:{marginLeft:"auto",marginRight:"auto"},preview:"font-family font-size"},{selector:".mce-preview-object",ceFalseOverride:!0,styles:{display:"table",marginLeft:"auto",marginRight:"auto"},preview:!1},{selector:"[data-ephox-embed-iri]",ceFalseOverride:!0,styles:{marginLeft:"auto",marginRight:"auto"},preview:!1}],alignright:[{selector:"figure.image",collapsed:!1,classes:"align-right",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre",styles:{textAlign:"right"},inherit:!1,preview:"font-family font-size"},{selector:"img,audio,video",collapsed:!1,styles:{float:"right"},preview:"font-family font-size"},{selector:".mce-placeholder",styles:{float:"right"},ceFalseOverride:!0},{selector:"table",collapsed:!1,styles:{marginRight:"0px",marginLeft:"auto"},onformat:e=>{t.setStyle(e,"float",null)},preview:"font-family font-size"},{selector:".mce-preview-object,[data-ephox-embed-iri]",ceFalseOverride:!0,styles:{float:"right"},preview:!1}],alignjustify:[{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li,pre",styles:{textAlign:"justify"},inherit:!1,preview:"font-family font-size"}],bold:[{inline:"strong",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{fontWeight:"bold"}},{inline:"b",remove:"all",preserve_attributes:["class","style"]}],italic:[{inline:"em",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{fontStyle:"italic"}},{inline:"i",remove:"all",preserve_attributes:["class","style"]}],underline:[{inline:"span",styles:{textDecoration:"underline"},exact:!0},{inline:"u",remove:"all",preserve_attributes:["class","style"]}],strikethrough:(()=>{const e={inline:"span",styles:{textDecoration:"line-through"},exact:!0},t={inline:"strike",remove:"all",preserve_attributes:["class","style"]},o={inline:"s",remove:"all",preserve_attributes:["class","style"]};return"html4"!==n?[o,e,t]:[e,o,t]})(),forecolor:{inline:"span",styles:{color:"%value"},links:!0,remove_similar:!0,clear_child_styles:!0},hilitecolor:{inline:"span",styles:{backgroundColor:"%value"},links:!0,remove_similar:!0,clear_child_styles:!0},fontname:{inline:"span",toggle:!1,styles:{fontFamily:"%value"},clear_child_styles:!0},fontsize:{inline:"span",toggle:!1,styles:{fontSize:"%value"},clear_child_styles:!0},lineheight:{selector:"h1,h2,h3,h4,h5,h6,p,li,td,th,div",styles:{lineHeight:"%value"}},fontsize_class:{inline:"span",attributes:{class:"%value"}},blockquote:{block:"blockquote",wrapper:!0,remove:"all"},subscript:{inline:"sub"},superscript:{inline:"sup"},code:{inline:"code"},samp:{inline:"samp"},link:{inline:"a",selector:"a",remove:"all",split:!0,deep:!0,onmatch:(e,t,n)=>qr(e)&&e.hasAttribute("href"),onformat:(e,n,o)=>{an.each(o,((n,o)=>{t.setAttrib(e,o,n)}))}},lang:{inline:"span",clear_child_styles:!0,remove_similar:!0,attributes:{lang:"%value","data-mce-lang":e=>{var t;return null!==(t=null==e?void 0:e.customValue)&&void 0!==t?t:null}}},removeformat:[{selector:"b,strong,em,i,font,u,strike,s,sub,sup,dfn,code,samp,kbd,var,cite,mark,q,del,ins,small",remove:"all",split:!0,expand:!1,block_expand:!0,deep:!0},{selector:"span",attributes:["style","class"],remove:"empty",split:!0,expand:!1,deep:!0},{selector:"*",attributes:["style","class"],split:!1,expand:!1,deep:!0}]};return an.each("p h1 h2 h3 h4 h5 h6 div address pre dt dd".split(/\s/),(e=>{o[e]={block:e,remove:"all"}})),o})(e)),n(IE()),n(mc(e)),{get:e=>C(e)?t[e]:t,has:e=>xe(t,e),register:n,unregister:e=>(e&&t[e]&&delete t[e],t)}})(e),n=Ne({});return(e=>{e.addShortcut("meta+b","","Bold"),e.addShortcut("meta+i","","Italic"),e.addShortcut("meta+u","","Underline");for(let t=1;t<=6;t++)e.addShortcut("access+"+t,"",["FormatBlock",!1,"h"+t]);e.addShortcut("access+7","",["FormatBlock",!1,"p"]),e.addShortcut("access+8","",["FormatBlock",!1,"div"]),e.addShortcut("access+9","",["FormatBlock",!1,"address"])})(e),(e=>{e.on("mouseup keydown",(t=>{var n;((e,t,n)=>{const o=e.selection,r=e.getBody();fv(e,null,n),8!==t&&46!==t||!o.isCollapsed()||o.getStart().innerHTML!==dv||fv(e,Tm(r,o.getStart()),!0),37!==t&&39!==t||fv(e,Tm(r,o.getStart()),!0)})(e,t.keyCode,(n=e.selection.getRng().endContainer,es(n)&&Ge(n.data,it)))}))})(e),Nw(e)||((e,t)=>{e.set({}),t.on("NodeChange",(n=>{cy(t,n.element,e.get())})),t.on("FormatApply FormatRemove",(n=>{const o=I.from(n.node)?.map((e=>rf(e)?e:e.startContainer)).bind((e=>qr(e)?I?.some(e):I.from(e.parentElement))).getOrThunk((()=>iy(t)));cy(t,o,e.get())}))})(n,e),{get:t.get,has:t.has,register:t.register,unregister:t.unregister,apply:(t,n,o)=>{((e,t,n,o)=>{Aw(e).formatter.apply(t,n,o)})(e,t,n,o)},remove:(t,n,o,r)=>{((e,t,n,o,r)=>{Aw(e).formatter.remove(t,n,o,r)})(e,t,n,o,r)},toggle:(t,n,o)=>{((e,t,n,o)=>{Aw(e).formatter.toggle(t,n,o)})(e,t,n,o)},match:(t,n,o,r)=>((e,t,n,o,r)=>Aw(e).formatter.match(t,n,o,r))(e,t,n,o,r),closest:t=>((e,t)=>Aw(e).formatter.closest(t))(e,t),matchAll:(t,n)=>((e,t,n)=>Aw(e).formatter.matchAll(t,n))(e,t,n),matchNode:(t,n,o,r)=>((e,t,n,o,r)=>Aw(e).formatter.matchNode(t,n,o,r))(e,t,n,o,r),canApply:t=>((e,t)=>Aw(e).formatter.canApply(t))(e,t),formatChanged:(t,o,r,s)=>((e,t,n,o,r,s)=>Aw(e).formatter.formatChanged(t,n,o,r,s))(e,n,t,o,r,s),getCssText:T($E,e)}},qE=e=>{switch(e.toLowerCase()){case"undo":case"redo":case"mcefocus":return!0;default:return!1}},WE=e=>{const t=Ve(),n=Ne(0),o=Ne(0),r={data:[],typing:!1,beforeChange:()=>{((e,t,n)=>{Aw(e).undoManager.beforeChange(t,n)})(e,n,t)},add:(s,a)=>((e,t,n,o,r,s,a)=>Aw(e).undoManager.add(t,n,o,r,s,a))(e,r,o,n,t,s,a),dispatchChange:()=>{e.setDirty(!0);const t=vw(e);t.bookmark=ed(e.selection),e.dispatch("change",{level:t,lastLevel:ie(r.data,o.get()).getOrUndefined()})},undo:()=>((e,t,n,o)=>Aw(e).undoManager.undo(t,n,o))(e,r,n,o),redo:()=>((e,t,n)=>Aw(e).undoManager.redo(t,n))(e,o,r.data),clear:()=>{((e,t,n)=>{Aw(e).undoManager.clear(t,n)})(e,r,o)},reset:()=>{((e,t)=>{Aw(e).undoManager.reset(t)})(e,r)},hasUndo:()=>((e,t,n)=>Aw(e).undoManager.hasUndo(t,n))(e,r,o),hasRedo:()=>((e,t,n)=>Aw(e).undoManager.hasRedo(t,n))(e,r,o),transact:t=>((e,t,n,o)=>Aw(e).undoManager.transact(t,n,o))(e,r,n,t),ignore:t=>{((e,t,n)=>{Aw(e).undoManager.ignore(t,n)})(e,n,t)},extra:(t,n)=>{((e,t,n,o,r)=>{Aw(e).undoManager.extra(t,n,o,r)})(e,r,o,t,n)}};return Nw(e)||((e,t,n)=>{const o=Ne(!1),r=e=>{xw(t,!1,n),t.add({},e)};e.on("init",(()=>{t.add()})),e.on("BeforeExecCommand",(e=>{const o=e.command;qE(o)||(Sw(t,n),t.beforeChange())})),e.on("ExecCommand",(e=>{const t=e.command;qE(t)||r(e)})),e.on("ObjectResizeStart cut",(()=>{t.beforeChange()})),e.on("SaveContent ObjectResized blur",r),e.on("dragend",r),e.on("keyup",(n=>{const s=n.keyCode;if(n.isDefaultPrevented())return;const a=nn.os.isMacOS()&&"Meta"===n.key;(s>=33&&s<=36||s>=37&&s<=40||45===s||n.ctrlKey||a)&&(r(),e.nodeChanged()),46!==s&&8!==s||e.nodeChanged(),o.get()&&t.typing&&!Ew(vw(e),t.data[0])&&(e.isDirty()||e.setDirty(!0),e.dispatch("TypingUndo"),o.set(!1),e.nodeChanged())})),e.on("keydown",(e=>{const s=e.keyCode;if(e.isDefaultPrevented())return;if(s>=33&&s<=36||s>=37&&s<=40||45===s)return void(t.typing&&r(e));const a=e.ctrlKey&&!e.altKey||e.metaKey;if((s<16||s>20)&&224!==s&&91!==s&&!t.typing&&!a)return t.beforeChange(),xw(t,!0,n),t.add({},e),void o.set(!0);(nn.os.isMacOS()?e.metaKey:e.ctrlKey&&!e.altKey)&&t.beforeChange()})),e.on("mousedown",(e=>{t.typing&&r(e)})),e.on("input",(e=>{var t;e.inputType&&("insertReplacementText"===e.inputType||"insertText"===(t=e).inputType&&null===t.data||(e=>"insertFromPaste"===e.inputType||"insertFromDrop"===e.inputType)(e))&&r(e)})),e.on("AddUndo Undo Redo ClearUndos",(t=>{t.isDefaultPrevented()||e.nodeChanged()}))})(e,r,n),(e=>{e.addShortcut("meta+z","","Undo"),e.addShortcut("meta+y,meta+shift+z","","Redo")})(e),r},KE=[9,27,wg.HOME,wg.END,19,20,44,144,145,33,34,45,16,17,18,91,92,93,wg.DOWN,wg.UP,wg.LEFT,wg.RIGHT].concat(nn.browser.isFirefox()?[224]:[]),YE="data-mce-placeholder",GE=e=>"keydown"===e.type||"keyup"===e.type,XE=e=>{const t=e.keyCode;return t===wg.BACKSPACE||t===wg.DELETE},ZE=(e,t)=>({from:e,to:t}),QE=(e,t)=>{const n=mn(e),o=mn(t.container());return Xh(n,o)?.map((e=>((e,t)=>({block:e,position:t}))(e,t)))},JE=(e,t)=>tr(t,(e=>Ai(e)||ds(e.dom)),(t=>Cn(t,e))).filter(Nn).getOr(e),e_=(e,t)=>{const n=((e,t)=>{const n=Hn(e);return J(n,(e=>t.isBlock(_n(e)))).fold(N(n),(e=>n.slice(0,e)))})(e,t);return q(n,Eo),n},t_=(e,t,n)=>{const o=Qp(n,t);return Q(o.reverse(),(t=>_s(e,t))).each(Eo)},n_=(e,t,n,o,r)=>{if(_s(o,n))return Bi(n),km(n.dom);((e,t)=>0===Y(zn(t),(t=>!_s(e,t))).length)(o,r)&&_s(o,t)&&ao(r,cn("br"));const s=Sm(n.dom,Pl.before(r.dom));return q(e_(t,o),(e=>{ao(r,e)})),t_(o,e,t),s},o_=(e,t,n,o)=>{if(_s(o,n)){if(_s(o,t)){const e=e=>{const t=(e,n)=>Vn(e).fold((()=>n),(e=>((e,t)=>e.isInline(_n(t)))(o,e)?t(e,n.concat(So(e))):n));return t(e,[])},r=G(e(n),((e,t)=>(uo(e,t),t)),Oi());wo(t),co(t,r)}return Eo(n),km(t.dom)}const r=Nm(n.dom);return q(e_(t,o),(e=>{co(n,e)})),t_(o,e,t),r},r_=(e,t)=>{_m(e,t.dom).bind((e=>I.from(e.getNode())))?.map(mn).filter(xi).each(Eo)},s_=(e,t,n,o)=>(r_(!0,t),r_(!1,n),((e,t)=>wn(t,e)?((e,t)=>{const n=Qp(t,e);return I.from(n[n.length-1])})(t,e):I.none())(t,n).fold(T(o_,e,t,n,o),T(n_,e,t,n,o))),a_=(e,t,n,o,r)=>t?s_(e,o,n,r):s_(e,n,o,r),i_=(e,t)=>{const n=mn(e.getBody()),o=((e,t,n,o)=>o.collapsed?((e,t,n,o)=>{const r=QE(t,Pl.fromRangeStart(o)),s=r.bind((o=>Cm(n,t,o.position).bind((o=>QE(t,o)?.map((o=>((e,t,n,o)=>as(o.position.getNode())&&!_s(e,o.block)?_m(!1,o.block.dom).bind((e=>e.isEqual(o.position)?Cm(n,t,e).bind((e=>QE(t,e))):I?.some(o))).getOr(o):o)(e,t,n,o)))))));return ze(r,s,ZE).filter((e=>(e=>!Cn(e.from.block,e.to.block))(e)&&((e,t)=>{const n=mn(e);return Cn(JE(n,t.from.block),JE(n,t.to.block))})(t,e)&&(e=>!1===cs(e.from.block.dom)&&!1===cs(e.to.block.dom))(e)&&(e=>{const t=e=>Si(e)||Fs(e.dom)||Ni(e);return t(e.from.block)&&t(e.to.block)})(e)&&(e=>!(wn(e.to.block,e.from.block)||wn(e.from.block,e.to.block)))(e)))})(e,t,n,o):I.none())(e.schema,n.dom,t,e.selection.getRng())?.map((o=>()=>{a_(n,t,o.from.block,o.to.block,e.schema).each((t=>{e.selection.setRng(t.toRange())}))}));return o},l_=(e,t)=>{const n=mn(t),o=T(Cn,e);return er(n,Ai,o).isSome()},d_=e=>{const t=mn(e.getBody());return((e,t)=>{const n=Sm(e.dom,Pl.fromRangeStart(t)).isNone(),o=xm(e.dom,Pl.fromRangeEnd(t)).isNone();return!((e,t)=>l_(e,t.startContainer)||l_(e,t.endContainer))(e,t)&&n&&o})(t,e.selection.getRng())?(e=>I?.some((()=>{e.setContent(""),e.selection.setCursorLocation()})))(e):((e,t,n)=>{const o=t.getRng();return ze(Xh(e,mn(o.startContainer)),Xh(e,mn(o.endContainer)),((r,s)=>Cn(r,s)?I.none():I?.some((()=>{o.deleteContents(),a_(e,!0,r,s,n).each((e=>{t.setRng(e.toRange())}))})))).getOr(I.none())})(t,e.selection,e.schema)},c_=(e,t)=>e.selection.isCollapsed()?I.none():d_(e),u_=(e,t,n,o,r)=>I.from(t._selectionOverrides.showCaret(e,n,o,r)),m_=(e,t)=>e.dispatch("BeforeObjectSelected",{target:t}).isDefaultPrevented()?I.none():I?.some((e=>{const t=e.ownerDocument.createRange();return t.selectNode(e),t})(t)),f_=(e,t,n)=>t.collapsed?((e,t,n)=>{const o=em(1,e.getBody(),t),r=Pl.fromRangeStart(o),s=r.getNode();if(Ou(s))return u_(1,e,s,!r.isAtEnd(),!1);const a=r.getNode(!0);if(Ou(a))return u_(1,e,a,!1,!1);const i=Nb(e.dom.getRoot(),r.getNode());return Ou(i)?u_(1,e,i,!1,n):I.none()})(e,t,n).getOr(t):t,g_=e=>Gp(e)||qp(e),p_=e=>Xp(e)||Wp(e),h_=(e,t,n,o,r,s)=>{u_(o,e,s.getNode(!r),r,!0).each((n=>{if(t.collapsed){const e=t.cloneRange();r?e.setEnd(n.startContainer,n.startOffset):e.setStart(n.endContainer,n.endOffset),e.deleteContents()}else t.deleteContents();e.selection.setRng(n)})),((e,t)=>{es(t)&&0===t.data.length&&e.remove(t)})(e.dom,n)},b_=(e,t)=>((e,t)=>{const n=e.selection.getRng();if(!es(n.commonAncestorContainer))return I.none();const o=t?1:-1,r=hm(e.getBody()),s=T(rm,t?r.next:r.prev),a=t?g_:p_,i=nm(o,e.getBody(),n),l=s(i),d=l?$h(t,l):l;if(!d||!sm(i,d))return I.none();if(a(d))return I?.some((()=>h_(e,n,i.getNode(),o,t,d)));const c=s(d);return c&&a(c)&&sm(d,c)?I?.some((()=>h_(e,n,i.getNode(),o,t,c))):I.none()})(e,t),v_=(e,t)=>{const n=e.getBody();return t?km(n).filter(Gp):Nm(n).filter(Xp)},y_=e=>{const t=e.selection.getRng();return!t.collapsed&&(v_(e,!0).exists((e=>e.isEqual(Pl.fromRangeStart(t))))||v_(e,!1).exists((e=>e.isEqual(Pl.fromRangeEnd(t)))))},C_=ke([{remove:["element"]},{moveToElement:["element"]},{moveToPosition:["position"]}]),w_=(e,t,n,o)=>Cm(t,e,n).bind((r=>{return s=r.getNode(),C(s)&&(Ai(mn(s))||Ni(mn(s)))||((e,t,n,o,r)=>{const s=t=>r.isInline(t.nodeName.toLowerCase())&&!Ku(n,o,e);return tm(!t,n).fold((()=>tm(t,o).fold(L,s)),s)})(e,t,n,r,o)?I.none():t&&cs(r.getNode())||!t&&cs(r.getNode(!0))?((e,t,n,o,r)=>{const s=r.getNode(!n);return Xh(mn(t),mn(o.getNode()))?.map((t=>_s(e,t)?C_.remove(t.dom):C_.moveToElement(s))).orThunk((()=>I?.some(C_.moveToElement(s))))})(o,e,t,n,r):t&&Xp(n)||!t&&Gp(n)?I?.some(C_.moveToPosition(r)):I.none();var s})),E_=(e,t)=>I.from(Nb(e.getBody(),t)),__=(e,t)=>{const n=e.selection.getNode();return E_(e,n).filter(cs).fold((()=>((e,t,n,o)=>{const r=em(t?1:-1,e,n),s=Pl.fromRangeStart(r),a=mn(e);return!t&&Xp(s)?I?.some(C_.remove(s.getNode(!0))):t&&Gp(s)?I?.some(C_.remove(s.getNode())):!t&&Gp(s)&&ch(a,s,o)?uh(a,s,o)?.map((e=>C_.remove(e.getNode()))):t&&Xp(s)&&dh(a,s,o)?mh(a,s,o)?.map((e=>C_.remove(e.getNode()))):((e,t,n,o)=>((e,t)=>{const n=t.getNode(!e),o=e?"after":"before";return qr(n)&&n.getAttribute("data-mce-caret")===o})(t,n)?((e,t)=>y(t)?I.none():e&&cs(t.nextSibling)?I?.some(C_.moveToElement(t.nextSibling)):!e&&cs(t.previousSibling)?I?.some(C_.moveToElement(t.previousSibling)):I.none())(t,n.getNode(!t)).orThunk((()=>w_(e,t,n,o))):w_(e,t,n,o).bind((t=>((e,t,n)=>n.fold((e=>I?.some(C_.remove(e))),(e=>I?.some(C_.moveToElement(e))),(n=>Ku(t,n,e)?I.none():I?.some(C_.moveToPosition(n)))))(e,n,t))))(e,t,s,o)})(e.getBody(),t,e.selection.getRng(),e.schema)?.map((n=>()=>n.fold(((e,t)=>n=>(e._selectionOverrides.hideFakeCaret(),Fh(e,t,mn(n)),!0))(e,t),((e,t)=>n=>{const o=t?Pl.before(n):Pl.after(n);return e.selection.setRng(o.toRange()),!0})(e,t),(e=>t=>(e.selection.setRng(t.toRange()),!0))(e))))),(()=>I?.some(x)))},x_=e=>{const t=e.dom,n=e.selection,o=Nb(e.getBody(),n.getNode());if(ds(o)&&t.isBlock(o)&&t.isEmpty(o)){const e=t.create("br",{"data-mce-bogus":"1"});t.setHTML(o,""),o.appendChild(e),n.setRng(Pl.before(e).toRange())}return!0},S_=(e,t)=>e.selection.isCollapsed()?__(e,t):((e,t)=>{const n=e.selection.getNode();return cs(n)&&!ms(n)?E_(e,n.parentNode).filter(cs).fold((()=>I?.some((()=>{var n;n=mn(e.getBody()),q(vr(n,".mce-offscreen-selection"),Eo),Fh(e,t,mn(e.selection.getNode())),Zh(e)}))),(()=>I?.some(x))):y_(e)?I?.some((()=>{eb(e,e.selection.getRng(),mn(e.getBody()))})):I.none()})(e,t),k_=e=>e.hasOwnProperty("text"),N_=e=>e.hasOwnProperty("marker"),R_=(e,t)=>{const n=(e,n)=>{if(es(e))return{text:e,offset:n};{const o=t(),r=e.childNodes;return n<r.length?(e.insertBefore(o,r[n]),{marker:o,before:!0}):(e.appendChild(o),{marker:o,before:!1})}},o=n(e.endContainer,e.endOffset);return{start:n(e.startContainer,e.startOffset),end:o}},A_=e=>{var t,n;const{start:o,end:r}=e,s=new window.Range;return k_(o)?s.setStart(o.text,o.offset):N_(o)&&(o.before?s.setStartBefore(o.marker):s.setStartAfter(o.marker),null===(t=o.marker.parentNode)||void 0===t||t.removeChild(o.marker)),k_(r)?s.setEnd(r.text,r.offset):N_(r)&&(r.before?s.setEndBefore(r.marker):s.setEndAfter(r.marker),null===(n=r.marker.parentNode)||void 0===n||n.removeChild(r.marker)),s},T_=(e,t)=>{var n;const o=e.dom,r=o.getParent(e.selection.getStart(),o.isBlock),s=o.getParent(e.selection.getEnd(),o.isBlock),a=e.getBody();if("div"===(null===(n=null==r?void 0:r.nodeName)||void 0===n?void 0:n.toLowerCase())&&r&&s&&r===a.firstChild&&s===a.lastChild&&!o.isEmpty(a)){const n=r.cloneNode(!1),o=()=>{if(t?Yh(e):Kh(e),a.firstChild!==r){const t=R_(e.selection.getRng(),(()=>document.createElement("span")));Array.from(a.childNodes).forEach((e=>n.appendChild(e))),a.appendChild(n),e.selection.setRng(A_(t))}};return I?.some(o)}return I.none()},O_=(e,t)=>e.selection.isCollapsed()?((e,t)=>{const n=Pl.fromRangeStart(e.selection.getRng());return Cm(t,e.getBody(),n).filter((e=>t?$p(e):Vp(e))).bind((e=>Yu(t?0:-1,e)))?.map((t=>()=>e.selection.select(t)))})(e,t):I.none(),B_=es,P_=e=>B_(e)&&e.data[0]===Pi,D_=e=>B_(e)&&e.data[e.data.length-1]===Pi,L_=e=>{var t;return(null!==(t=e.ownerDocument)&&void 0!==t?t:document).createTextNode(Pi)},M_=(e,t)=>e?(e=>{var t;if(B_(e.previousSibling))return D_(e.previousSibling)||e.previousSibling.appendData(Pi),e.previousSibling;if(B_(e))return P_(e)||e.insertData(0,Pi),e;{const n=L_(e);return null===(t=e.parentNode)||void 0===t||t.insertBefore(n,e),n}})(t):(e=>{var t,n;if(B_(e.nextSibling))return P_(e.nextSibling)||e.nextSibling.insertData(0,Pi),e.nextSibling;if(B_(e))return D_(e)||e.appendData(Pi),e;{const o=L_(e);return e.nextSibling?null===(t=e.parentNode)||void 0===t||t.insertBefore(o,e.nextSibling):null===(n=e.parentNode)||void 0===n||n.appendChild(o),o}})(t),I_=T(M_,!0),F_=T(M_,!1),U_=(e,t)=>es(e.container())?M_(t,e.container()):M_(t,e.getNode()),z_=(e,t)=>{const n=t.get();return n&&e.container()===n&&Ui(n)},j_=(e,t)=>t.fold((t=>{xu(e.get());const n=I_(t);return e.set(n),I?.some(Pl(n,n.length-1))}),(t=>km(t)?.map((t=>{if(z_(t,e)){const t=e.get();return Pl(t,1)}{xu(e.get());const n=U_(t,!0);return e.set(n),Pl(n,1)}}))),(t=>Nm(t)?.map((t=>{if(z_(t,e)){const t=e.get();return Pl(t,t.length-1)}{xu(e.get());const n=U_(t,!1);return e.set(n),Pl(n,n.length-1)}}))),(t=>{xu(e.get());const n=F_(t);return e.set(n),I?.some(Pl(n,1))})),H_=(e,t)=>{for(let n=0;n<e.length;n++){const o=e[n].apply(null,t);if(o.isSome())return o}return I.none()},$_=ke([{before:["element"]},{start:["element"]},{end:["element"]},{after:["element"]}]),V_=(e,t)=>Wu(t,e)||e,q_=(e,t,n)=>{const o=Vh(n),r=V_(t,o.container());return Hh(e,r,o).fold((()=>xm(r,o).bind(T(Hh,e,r))?.map((e=>$_.before(e)))),I.none)},W_=(e,t)=>null===Tm(e,t),K_=(e,t,n)=>Hh(e,t,n).filter(T(W_,t)),Y_=(e,t,n)=>{const o=qh(n);return K_(e,t,o).bind((e=>Sm(e,o).isNone()?I?.some($_.start(e)):I.none()))},G_=(e,t,n)=>{const o=Vh(n);return K_(e,t,o).bind((e=>xm(e,o).isNone()?I?.some($_.end(e)):I.none()))},X_=(e,t,n)=>{const o=qh(n),r=V_(t,o.container());return Hh(e,r,o).fold((()=>Sm(r,o).bind(T(Hh,e,r))?.map((e=>$_.after(e)))),I.none)},Z_=e=>!jh(J_(e)),Q_=(e,t,n)=>H_([q_,Y_,G_,X_],[e,t,n]).filter(Z_),J_=e=>e.fold(R,R,R,R),ex=e=>e.fold(N("before"),N("start"),N("end"),N("after")),tx=e=>e.fold($_.before,$_.before,$_.after,$_.after),nx=e=>e.fold($_.start,$_.start,$_.end,$_.end),ox=(e,t,n,o,r,s)=>ze(Hh(t,n,o),Hh(t,n,r),((t,o)=>t!==o&&((e,t,n)=>{const o=Wu(t,e),r=Wu(n,e);return C(o)&&o===r})(n,t,o)?$_.after(e?t:o):s)).getOr(s),rx=(e,t)=>e.fold(M,(e=>{return o=t,!(ex(n=e)===ex(o)&&J_(n)===J_(o));var n,o})),sx=(e,t)=>e?t.fold(S(I.some,$_.start),I.none,S(I.some,$_.after),I.none):t.fold(I.none,S(I.some,$_.before),I.none,S(I.some,$_.end)),ax=(e,t,n)=>{const o=e?1:-1;return t.setRng(Pl(n.container(),n.offset()+o).toRange()),t.getSel().modify("move",e?"forward":"backward","word"),!0};var ix;!function(e){e[e.Br=0]="Br",e[e.Block=1]="Block",e[e.Wrap=2]="Wrap",e[e.Eol=3]="Eol"}(ix||(ix={}));const lx=(e,t)=>-1===e?oe(t):t,dx=(e,t,n)=>1===e?t.next(n):t.prev(n),cx=(e,t,n,o)=>as(o.getNode(1===t))?ix.Br:!1===Ku(n,o)?ix.Block:ix.Wrap,ux=(e,t,n,o)=>{const r=hm(n);let s=o;const a=[];for(;s;){const n=dx(t,r,s);if(!n)break;if(as(n.getNode(!1)))return 1===t?{positions:lx(t,a).concat([n]),breakType:ix.Br,breakAt:I?.some(n)}:{positions:lx(t,a),breakType:ix.Br,breakAt:I?.some(n)};if(n.isVisible()){if(e(s,n)){const e=cx(0,t,s,n);return{positions:lx(t,a),breakType:e,breakAt:I?.some(n)}}a.push(n),s=n}else s=n}return{positions:lx(t,a),breakType:ix.Eol,breakAt:I.none()}},mx=(e,t,n,o)=>t(n,o).breakAt?.map((o=>{const r=t(n,o).positions;return-1===e?r.concat(o):[o].concat(r)})).getOr([]),fx=(e,t)=>X(e,((e,n)=>e.fold((()=>I?.some(n)),(o=>ze(le(o.getClientRects()),le(n.getClientRects()),((e,r)=>{const s=Math.abs(t-e.left);return Math.abs(t-r.left)<=s?n:o})).or(e)))),I.none()),gx=(e,t)=>le(t.getClientRects()).bind((t=>fx(e,t.left))),px=T(ux,Pl.isAbove,-1),hx=T(ux,Pl.isBelow,1),bx=T(mx,-1,px),vx=T(mx,1,hx),yx=(e,t)=>px(e,t).breakAt.isNone(),Cx=(e,t)=>hx(e,t).breakAt.isNone(),wx=(e,t)=>gx(bx(e,t),t),Ex=(e,t)=>gx(vx(e,t),t),_x=cs,xx=(e,t)=>Math.abs(e.left-t),Sx=(e,t)=>Math.abs(e.right-t),kx=(e,t)=>pt(e,((e,n)=>{const o=Math.min(xx(e,t),Sx(e,t)),r=Math.min(xx(n,t),Sx(n,t));return r===o&&Se(n,"node")&&_x(n.node)||r<o?n:e})),Nx=e=>{const t=t=>V(t,(t=>{const n=Gi(t);return n.node=e,n}));if(qr(e))return t(e.getClientRects());if(es(e)){const n=e.ownerDocument.createRange();return n.setStart(e,0),n.setEnd(e,e.data.length),t(n.getClientRects())}return[]},Rx=e=>te(e,Nx);var Ax;!function(e){e[e.Up=-1]="Up",e[e.Down=1]="Down"}(Ax||(Ax={}));const Tx=(e,t,n,o,r,s)=>{let a=0;const i=[],l=o=>{let s=Rx([o]);e===Ax.Up&&(s=s.reverse());for(let e=0;e<s.length;e++){const o=s[e];if(!n(o,d)){if(i.length>0&&t(o,bt(i))&&a++,o.line=a,r(o))return!0;i.push(o)}}return!1},d=bt(s.getClientRects());if(!d)return i;const c=s.getNode();return c&&(l(c),((e,t,n,o)=>{let r=o;for(;r=qu(r,e,pl,t);)if(n(r))return})(e,o,l,c)),i},Ox=T(Tx,Ax.Up,Qi,Ji),Bx=T(Tx,Ax.Down,Ji,Qi),Px=e=>bt(e.getClientRects()),Dx=e=>t=>((e,t)=>t.line>e)(e,t),Lx=e=>t=>((e,t)=>t.line===e)(e,t),Mx=(e,t)=>{e.selection.setRng(t),ep(e,e.selection.getRng())},Ix=(e,t,n)=>I?.some(f_(e,t,n)),Fx=(e,t,n,o,r,s)=>{const a=1===t,i=hm(e.getBody()),l=T(rm,a?i.next:i.prev),d=a?o:r;if(!n.collapsed){const o=tl(n);if(s(o))return u_(t,e,o,-1===t,!1);if(y_(e)){const e=n.cloneRange();return e.collapse(-1===t),I.from(e)}}const c=nm(t,e.getBody(),n);if(d(c))return m_(e,c.getNode(!a));let u=l(c);const m=Ki(n);if(!u)return m?I?.some(n):I.none();if(u=$h(a,u),d(u))return u_(t,e,u.getNode(!a),a,!1);const f=l(u);return f&&d(f)&&sm(u,f)?u_(t,e,f.getNode(!a),a,!1):m?Ix(e,u.toRange(),!1):I.none()},Ux=(e,t,n,o,r,s)=>{const a=nm(t,e.getBody(),n),i=bt(a.getClientRects()),l=t===Ax.Down,d=e.getBody();if(!i)return I.none();if(y_(e)){const e=l?Pl.fromRangeEnd(n):Pl.fromRangeStart(n);return(l?Ex:wx)(d,e).orThunk((()=>I.from(e)))?.map((e=>e.toRange()))}const c=(l?Bx:Ox)(d,Dx(1),a),u=Y(c,Lx(1)),m=i.left,f=kx(u,m);if(f&&s(f.node)){const n=Math.abs(m-f.left),o=Math.abs(m-f.right);return u_(t,e,f.node,n<o,!1)}let g;if(g=o(a)?a.getNode():r(a)?a.getNode(!0):tl(n),g){const n=((e,t,n,o)=>{const r=hm(t);let s,a,i,l;const d=[];let c=0;e===Ax.Down?(s=r.next,a=Ji,i=Qi,l=Pl.after(o)):(s=r.prev,a=Qi,i=Ji,l=Pl.before(o));const u=Px(l);do{if(!l.isVisible())continue;const e=Px(l);if(i(e,u))continue;d.length>0&&a(e,bt(d))&&c++;const t=Gi(e);if(t.position=l,t.line=c,n(t))return d;d.push(t)}while(l=s(l));return d})(t,d,Dx(1),g);let o=kx(Y(n,Lx(1)),m);if(o)return Ix(e,o.position.toRange(),!1);if(o=bt(Y(n,Lx(0))),o)return Ix(e,o.position.toRange(),!1)}return 0===u.length?zx(e,l).filter(l?r:o)?.map((t=>f_(e,t.toRange(),!1))):I.none()},zx=(e,t)=>{const n=e.selection.getRng(),o=t?Pl.fromRangeEnd(n):Pl.fromRangeStart(n),r=(s=o.container(),a=e.getBody(),er(mn(s),(e=>Pu(e.dom)),(e=>e.dom===a))?.map((e=>e.dom)).getOr(a));var s,a;if(t){const e=hx(r,o);return de(e.positions)}{const e=px(r,o);return le(e.positions)}},jx=(e,t,n)=>zx(e,t).filter(n).exists((t=>(e.selection.setRng(t.toRange()),!0))),Hx=(e,t)=>{const n=e.dom.createRng();n.setStart(t.container(),t.offset()),n.setEnd(t.container(),t.offset()),e.selection.setRng(n)},$x=(e,t)=>{e?t.setAttribute("data-mce-selected","inline-boundary"):t.removeAttribute("data-mce-selected")},Vx=(e,t,n)=>j_(t,n)?.map((t=>(Hx(e,t),n))),qx=(e,t,n)=>{const o=e.getBody(),r=((e,t,n)=>{const o=Pl.fromRangeStart(e);if(e.collapsed)return o;{const r=Pl.fromRangeEnd(e);return n?Sm(t,r).getOr(r):xm(t,o).getOr(o)}})(e.selection.getRng(),o,n);return((e,t,n,o)=>{const r=$h(e,o),s=Q_(t,n,r);return Q_(t,n,r).bind(T(sx,e)).orThunk((()=>((e,t,n,o,r)=>{const s=$h(e,r);return Cm(e,n,s)?.map(T($h,e)).fold((()=>o?.map(tx)),(r=>Q_(t,n,r)?.map(T(ox,e,t,n,s,r)).filter(T(rx,o)))).filter(Z_)})(e,t,n,s,o)))})(n,T(zh,e),o,r).bind((n=>Vx(e,t,n)))},Wx=(e,t,n)=>!!uc(e)&&qx(e,t,n).isSome(),Kx=(e,t,n)=>!!uc(t)&&((e,t)=>{const n=t.selection.getRng(),o=e?Pl.fromRangeEnd(n):Pl.fromRangeStart(n);return!!(e=>w(e.selection.getSel().modify))(t)&&(e&&Hi(o)?ax(!0,t.selection,o):!(e||!$i(o))&&ax(!1,t.selection,o))})(e,t),Yx=e=>{const t=Ne(null),n=T(zh,e);return e.on("NodeChange",(o=>{uc(e)&&(((e,t,n)=>{const o=V(vr(mn(t.getRoot()),'*[data-mce-selected="inline-boundary"]'),(e=>e.dom)),r=Y(o,e),s=Y(n,e);q(re(r,s),T($x,!1)),q(re(s,r),T($x,!0))})(n,e.dom,o.parents),((e,t)=>{const n=t.get();if(e.selection.isCollapsed()&&!e.composing&&n){const o=Pl.fromRangeStart(e.selection.getRng());Pl.isTextPosition(o)&&!(e=>Hi(e)||$i(e))(o)&&(Hx(e,_u(n,o)),t.set(null))}})(e,t),((e,t,n,o)=>{if(t.selection.isCollapsed()){const r=Y(o,e);q(r,(o=>{const r=Pl.fromRangeStart(t.selection.getRng());Q_(e,t.getBody(),r).bind((e=>Vx(t,n,e)))}))}})(n,e,t,o.parents))})),t},Gx=T(Kx,!0),Xx=T(Kx,!1),Zx=(e,t,n)=>{if(uc(e)){const o=zx(e,t).getOrThunk((()=>{const n=e.selection.getRng();return t?Pl.fromRangeEnd(n):Pl.fromRangeStart(n)}));return Q_(T(zh,e),e.getBody(),o).exists((t=>{const o=tx(t);return j_(n,o).exists((t=>(Hx(e,t),!0)))}))}return!1},Qx=(e,t)=>n=>j_(t,n)?.map((t=>()=>Hx(e,t))),Jx=(e,t,n,o)=>{const r=e.getBody(),s=T(zh,e);e.undoManager.ignore((()=>{e.selection.setRng(((e,t)=>{const n=document.createRange();return n.setStart(e.container(),e.offset()),n.setEnd(t.container(),t.offset()),n})(n,o)),Kh(e),Q_(s,r,Pl.fromRangeStart(e.selection.getRng()))?.map(nx).bind(Qx(e,t)).each(D)})),e.nodeChanged()},eS=(e,t,n)=>{if(e.selection.isCollapsed()&&uc(e)){const o=Pl.fromRangeStart(e.selection.getRng());return((e,t,n,o)=>{const r=((e,t)=>Wu(t,e)||e)(e.getBody(),o.container()),s=T(zh,e),a=Q_(s,r,o);return a.bind((e=>n?e.fold(N(I?.some(nx(e))),I.none,N(I?.some(tx(e))),I.none):e.fold(I.none,N(I?.some(tx(e))),I.none,N(I?.some(nx(e))))))?.map(Qx(e,t)).getOrThunk((()=>{const i=wm(n,r,o),l=i.bind((e=>Q_(s,r,e)));return ze(a,l,(()=>Hh(s,r,o).bind((t=>(e=>ze(km(e),Nm(e),((t,n)=>{const o=$h(!0,t),r=$h(!1,n);return xm(e,o).forall((e=>e.isEqual(r)))})).getOr(!0))(t)?I?.some((()=>{Fh(e,n,mn(t))})):I.none())))).getOrThunk((()=>l.bind((()=>i?.map((r=>()=>{n?Jx(e,t,o,r):Jx(e,t,r,o)}))))))}))})(e,t,n,o)}return I.none()},tS=(e,t)=>{const n=mn(e.getBody()),o=mn(e.selection.getStart()),r=Qp(o,n);return J(r,t).fold(N(r),(e=>r.slice(0,e)))},nS=e=>1===Wn(e),oS=(e,t)=>{const n=T(wv,e);return te(t,(e=>n(e)?[e.dom]:[]))},rS=e=>{const t=(e=>tS(e,(t=>e.schema.isBlock(_n(t)))))(e);return oS(e,t)},sS=(e,t)=>{const n=Y((e=>tS(e,(t=>e.schema.isBlock(_n(t))||(e=>Wn(e)>1)(t))))(e),nS);return de(n).bind((o=>{const r=Pl.fromRangeStart(e.selection.getRng());return Qh(t,r,o.dom)&&!kf(o)?I?.some((()=>((e,t,n,o)=>{const r=oS(t,o);if(0===r.length)Fh(t,e,n);else{const e=Cv(n.dom,r);t.selection.setRng(e.toRange())}})(t,e,o,n))):I.none()}))},aS=(e,t)=>{const n=e.selection.getStart(),o=((e,t)=>{const n=t.parentElement;return as(t)&&!h(n)&&e.dom.isEmpty(n)})(e,n)||kf(mn(n))?Cv(n,t):((e,t)=>{const{caretContainer:n,caretPosition:o}=yv(t);return e.insertNode(n.dom),o})(e.selection.getRng(),t);e.selection.setRng(o.toRange())},iS=e=>es(e.startContainer),lS=e=>{const t=e.selection.getRng();return(e=>0===e.startOffset&&iS(e))(t)&&((e,t)=>{const n=t.startContainer.parentElement;return!h(n)&&wv(e,mn(n))})(e,t)&&(e=>(e=>(e=>{const t=e.startContainer.parentNode,n=e.endContainer.parentNode;return!h(t)&&!h(n)&&t.isEqualNode(n)})(e)&&(e=>{const t=e.endContainer;return e.endOffset===(es(t)?t.length:t.childNodes.length)})(e))(e)||(e=>!e.endContainer.isEqualNode(e.commonAncestorContainer))(e))(t)},dS=(e,t)=>e.selection.isCollapsed()?sS(e,t):(e=>{if(lS(e)){const t=rS(e);return I?.some((()=>{Kh(e),((e,t)=>{const n=re(t,rS(e));n.length>0&&aS(e,n)})(e,t)}))}return I.none()})(e),cS=e=>((e=>{const t=e.selection.getRng();return t.collapsed&&(iS(t)||e.dom.isEmpty(t.startContainer))&&!(e=>{return t=mn(e.selection.getStart()),n=e.schema,yr(t,(e=>Am(e.dom)),(e=>n.isBlock(_n(e))));var t,n})(e)})(e)&&aS(e,[]),!0),uS=(e,t,n)=>C(n)?I?.some((()=>{e._selectionOverrides.hideFakeCaret(),Fh(e,t,mn(n))})):I.none(),mS=(e,t)=>e.selection.isCollapsed()?((e,t)=>{const n=t?qp:Wp,o=nm(t?1:-1,e.getBody(),e.selection.getRng());return n(o)?uS(e,t,o.getNode(!t)):I.from($h(t,o)).filter((e=>n(e)&&sm(o,e))).bind((n=>uS(e,t,n.getNode(!t))))})(e,t):((e,t)=>{const n=e.selection.getNode();return gs(n)?uS(e,t,n):I.none()})(e,t),fS=e=>nt(null!=e?e:"").getOr(0),gS=(e,t)=>(e||"table"===_n(t)?"margin":"padding")+("rtl"===Lo(t,"direction")?"-right":"-left"),pS=e=>{const t=bS(e);return!e.mode.isReadOnly()&&(t.length>1||((e,t)=>ne(t,(t=>{const n=gS(Gd(e),t),o=Io(t,n)?.map(fS).getOr(0);return"false"!==e.dom.getContentEditable(t.dom)&&o>0})))(e,t))},hS=e=>ki(e)||Ni(e),bS=e=>Y(No(e.selection.getSelectedBlocks()),(e=>!hS(e)&&!(e=>Ln(e).exists(hS))(e)&&tr(e,(e=>ds(e.dom)||cs(e.dom))).exists((e=>ds(e.dom))))),vS=(e,t)=>{var n,o;if(e.mode.isReadOnly())return;const{dom:r}=e,s=Xd(e),a=null!==(o=null===(n=/[a-z%]+$/i.exec(s))||void 0===n?void 0:n[0])&&void 0!==o?o:"px",i=fS(s),l=Gd(e);q(bS(e),(e=>{((e,t,n,o,r,s)=>{const a=gS(n,mn(s)),i=fS(e.getStyle(s,a));if("outdent"===t){const t=Math.max(0,i-o);e.setStyle(s,a,t?t+r:"")}else{const t=i+o+r;e.setStyle(s,a,t)}})(r,t,l,i,a,e.dom)}))},yS=e=>vS(e,"outdent"),CS=e=>{if(e.selection.isCollapsed()&&pS(e)){const t=e.dom,n=e.selection.getRng(),o=Pl.fromRangeStart(n),r=t.getParent(n.startContainer,t.isBlock);if(null!==r&&oh(mn(r),o,e.schema))return I?.some((()=>yS(e)))}return I.none()},wS=(e,t,n)=>ue([CS,S_,b_,(e,n)=>eS(e,t,n),i_,kb,O_,mS,c_,dS,T_],(t=>t(e,n))).filter((t=>e.selection.isEditable())),ES=e=>void 0===e.touches||1!==e.touches.length?I.none():I?.some(e.touches[0]),_S=(e,t)=>xe(e,t.nodeName),xS=(e,t)=>!!es(t)||!!qr(t)&&!(_S(e.getBlockElements(),t)||Hm(t)||js(e,t)||Ns(t)),SS=(e,t)=>{if(es(t)){if(0===t.data.length)return!0;if(/^\s+$/.test(t.data))return!t.nextSibling||_S(e,t.nextSibling)||Ns(t.nextSibling)}return!1},kS=e=>e.dom.create(Ad(e),Td(e)),NS=(e,t,n)=>{const o=mn(kS(e)),r=Oi();co(o,r),n(t,o);const s=document.createRange();return s.setStartBefore(r.dom),s.setEndBefore(r.dom),s},RS=e=>t=>-1!==(" "+t.attr("class")+" ").indexOf(e),AS=(e,t,n)=>function(o){const r=arguments,s=r[r.length-2],a=s>0?t.charAt(s-1):"";if('"'===a)return o;if(">"===a){const e=t.lastIndexOf("<",s);if(-1!==e&&-1!==t.substring(e,s).indexOf('contenteditable="false"'))return o}return'<span class="'+n+'" data-mce-content="'+e.dom.encode(r[0])+'">'+e.dom.encode("string"==typeof r[1]?r[1]:r[0])+"</span>"},TS=(e,t)=>ne(e,(e=>{const n=t.match(e);return null!==n&&n[0].length===t.length})),OS=(e,t)=>{t.hasAttribute("data-mce-caret")&&(Wi(t),e.selection.setRng(e.selection.getRng()),e.selection.scrollIntoView(t))},BS=(e,t)=>{const n=(e=>rr(mn(e.getBody()),"*[data-mce-caret]")?.map((e=>e.dom)).getOrNull())(e);if(n)return"compositionstart"===t.type?(t.preventDefault(),t.stopPropagation(),void OS(e,n)):void(ji(n)&&(OS(e,n),e.undoManager.add()))},PS=cs,DS=(e,t,n)=>{const o=hm(e.getBody()),r=T(rm,1===t?o.next:o.prev);if(n.collapsed){const o=e.dom.getParent(n.startContainer,"PRE");if(!o)return;if(!r(Pl.fromRangeStart(n))){const n=mn((e=>{const t=e.dom.create(Ad(e));return t.innerHTML='<br data-mce-bogus="1">',t})(e));1===t?io(mn(o),n):ao(mn(o),n),e.selection.select(n.dom,!0),e.selection.collapse()}}},LS=(e,t)=>((e,t)=>{const n=t?1:-1,o=e.selection.getRng();return((e,t,n)=>Fx(t,e,n,Gp,Xp,PS))(n,e,o).orThunk((()=>(DS(e,n,o),I.none())))})(e,((e,t)=>{const n=t?e.getEnd(!0):e.getStart(!0);return jh(n)?!t:t})(e.selection,t)).exists((t=>(Mx(e,t),!0))),MS=(e,t)=>((e,t)=>{const n=t?1:-1,o=e.selection.getRng();return((e,t,n)=>Ux(t,e,n,(e=>Gp(e)||Kp(e)),(e=>Xp(e)||Yp(e)),PS))(n,e,o).orThunk((()=>(DS(e,n,o),I.none())))})(e,t).exists((t=>(Mx(e,t),!0))),IS=(e,t)=>jx(e,t,t?Xp:Gp),FS=(e,t)=>v_(e,!t)?.map((n=>{const o=n.toRange(),r=e.selection.getRng();return t?o.setStart(r.startContainer,r.startOffset):o.setEnd(r.endContainer,r.endOffset),o})).exists((t=>(Mx(e,t),!0))),US=e=>H(["figcaption"],_n(e)),zS=(e,t)=>!!e.selection.isCollapsed()&&((e,t)=>{const n=mn(e.getBody()),o=Pl.fromRangeStart(e.selection.getRng());return((e,t,n)=>{const o=T(Cn,t);return tr(mn(e.container()),(e=>n.isBlock(_n(e))),o).filter(US)})(o,n,e.schema).exists((()=>{if(((e,t,n)=>t?Cx(e.dom,n):yx(e.dom,n))(n,t,o)){const o=NS(e,n,t?co:lo);return e.selection.setRng(o),!0}return!1}))})(e,t),jS=(e,t)=>((e,t)=>t?I.from(e.dom.getParent(e.selection.getNode(),"details"))?.map((t=>((e,t)=>{const n=e.selection.getRng(),o=Pl.fromRangeStart(n);return!(e.getBody().lastChild!==t||!Cx(t,o)||(e.execCommand("InsertNewBlockAfter"),0))})(e,t))).getOr(!1):I.from(e.dom.getParent(e.selection.getNode(),"summary")).bind((t=>I.from(e.dom.getParent(t,"details"))?.map((n=>((e,t,n)=>{const o=e.selection.getRng(),r=Pl.fromRangeStart(o);return!(e.getBody().firstChild!==t||!yx(n,r)||(e.execCommand("InsertNewBlockBefore"),0))})(e,n,t))))).getOr(!1))(e,t),HS={shiftKey:!1,altKey:!1,ctrlKey:!1,metaKey:!1,keyCode:0},$S=(e,t)=>t.keyCode===e.keyCode&&t.shiftKey===e.shiftKey&&t.altKey===e.altKey&&t.ctrlKey===e.ctrlKey&&t.metaKey===e.metaKey,VS=(e,...t)=>()=>e.apply(null,t),qS=(e,t)=>Q(((e,t)=>te((e=>V(e,(e=>({...HS,...e}))))(e),(e=>$S(e,t)?[e]:[])))(e,t),(e=>e.action())),WS=(e,t)=>ue(((e,t)=>te((e=>V(e,(e=>({...HS,...e}))))(e),(e=>$S(e,t)?[e]:[])))(e,t),(e=>e.action())),KS=(e,t)=>{const n=t?1:-1,o=e.selection.getRng();return Fx(e,n,o,qp,Wp,gs).exists((t=>(Mx(e,t),!0)))},YS=(e,t)=>{const n=t?1:-1,o=e.selection.getRng();return Ux(e,n,o,qp,Wp,gs).exists((t=>(Mx(e,t),!0)))},GS=(e,t)=>jx(e,t,t?Wp:qp),XS=(e,t,n)=>te(Hn(e),(e=>vn(e,t)?n(e)?[e]:[]:XS(e,t,n))),ZS=(e,t)=>sr(e,"table",t),QS=ke([{none:["current"]},{first:["current"]},{middle:["current","target"]},{last:["current"]}]),JS={...QS,none:e=>QS.none(e)},ek=(e,t,n,o,r=M)=>{const s=1===o;if(!s&&n<=0)return JS.first(e[0]);if(s&&n>=e.length-1)return JS.last(e[e.length-1]);{const s=n+o,a=e[s];return r(a)?JS.middle(t,a):ek(e,t,s,o,r)}},tk=(e,t)=>ZS(e,t).bind((t=>{const n=XS(t,"th,td",M);return J(n,(t=>Cn(e,t)))?.map((e=>({index:e,all:n})))})),nk=De("image"),ok=De("event"),rk=e=>t=>{t[ok]=e},sk=rk(0),ak=rk(2),ik=rk(1),lk=e=>{const t=e;return I.from(t[ok]).exists((e=>0===e))};const dk=De("mode"),ck=e=>t=>{t[dk]=e},uk=(e,t)=>ck(t)(e),mk=ck(0),fk=ck(2),gk=ck(1),pk=e=>t=>{const n=t;return I.from(n[dk]).exists((t=>t===e))},hk=pk(0),bk=pk(1),vk=["none","copy","link","move"],yk=["none","copy","copyLink","copyMove","link","linkMove","move","all","uninitialized"],Ck=()=>{const e=new window.DataTransfer;let t="move",n="all";const o={get dropEffect(){return t},set dropEffect(e){H(vk,e)&&(t=e)},get effectAllowed(){return n},set effectAllowed(e){lk(o)&&H(yk,e)&&(n=e)},get items(){return((e,t)=>({...t,get length(){return t.length},add:(n,o)=>{if(hk(e)){if(!m(n))return t.add(n);if(!v(o))return t.add(n,o)}return null},remove:n=>{hk(e)&&t.remove(n)},clear:()=>{hk(e)&&t.clear()}}))(o,e.items)},get files(){return bk(o)?Object.freeze({length:0,item:e=>null}):e.files},get types(){return e.types},setDragImage:(t,n,r)=>{var s;hk(o)&&(s={image:t,x:n,y:r},o[nk]=s,e.setDragImage(t,n,r))},getData:t=>bk(o)?"":e.getData(t),setData:(t,n)=>{hk(o)&&e.setData(t,n)},clearData:t=>{hk(o)&&e.clearData(t)}};return mk(o),o},wk=(e,t)=>e.setData("text/html",t),Ek=(e,t,n,o,r)=>{const s=vr(mn(n),"td,th,caption")?.map((e=>e.dom)),a=Y(((e,t)=>te(t,(t=>{const n=((e,t)=>({left:e.left-t,top:e.top-t,right:e.right+-2,bottom:e.bottom+-2,width:e.width+t,height:e.height+t}))(Gi(t.getBoundingClientRect()),-1);return[{x:n.left,y:e(n),cell:t},{x:n.right,y:e(n),cell:t}]})))(e,s),(e=>t(e,r)));return((e,t,n)=>X(e,((e,o)=>e.fold((()=>I?.some(o)),(e=>{const r=Math.sqrt(Math.abs(e.x-t)+Math.abs(e.y-n)),s=Math.sqrt(Math.abs(o.x-t)+Math.abs(o.y-n));return I?.some(s<r?o:e)}))),I.none()))(a,o,r)?.map((e=>e.cell))},_k=T(Ek,(e=>e.bottom),((e,t)=>e.y<t)),xk=T(Ek,(e=>e.top),((e,t)=>e.y>t)),Sk=(e,t,n)=>{const o=e(t,n);return(e=>e.breakType===ix.Wrap&&0===e.positions.length)(o)||!as(n.getNode())&&(e=>e.breakType===ix.Br&&1===e.positions.length)(o)?!((e,t,n)=>n.breakAt.exists((n=>e(t,n).breakAt.isSome())))(e,t,o):o.breakAt.isNone()},kk=T(Sk,px),Nk=T(Sk,hx),Rk=(e,t,n,o)=>{const r=e.selection.getRng(),s=t?1:-1;return!(!Tu()||!((e,t,n)=>{const o=Pl.fromRangeStart(t);return _m(!e,n).exists((e=>e.isEqual(o)))})(t,r,n)||(u_(s,e,n,!t,!1).each((t=>{Mx(e,t)})),0))},Ak=(e,t,n)=>{const o=((e,t)=>{const n=t.getNode(e);return Zr(n)?I?.some(n):I.none()})(!!t,n),r=!1===t;o.fold((()=>Mx(e,n.toRange())),(o=>_m(r,e.getBody()).filter((e=>e.isEqual(n))).fold((()=>Mx(e,n.toRange())),(n=>((e,t,n)=>{t.undoManager.transact((()=>{const o=e?io:ao,r=NS(t,mn(n),o);Mx(t,r)}))})(t,e,o)))))},Tk=(e,t,n,o)=>{const r=e.selection.getRng(),s=Pl.fromRangeStart(r),a=e.getBody();if(!t&&kk(o,s)){const o=((e,t,n)=>((e,t)=>le(t.getClientRects()).bind((t=>_k(e,t.left,t.top))).bind((e=>{return gx(Nm(n=e)?.map((e=>px(n,e).positions.concat(e))).getOr([]),t);var n})))(t,n).orThunk((()=>le(n.getClientRects()).bind((n=>fx(bx(e,Pl.before(t)),n.left))))).getOr(Pl.before(t)))(a,n,s);return Ak(e,t,o),!0}if(t&&Nk(o,s)){const o=((e,t,n)=>((e,t)=>de(t.getClientRects()).bind((t=>xk(e,t.left,t.top))).bind((e=>{return gx(km(n=e)?.map((e=>[e].concat(hx(n,e).positions))).getOr([]),t);var n})))(t,n).orThunk((()=>le(n.getClientRects()).bind((n=>fx(vx(e,Pl.after(t)),n.left))))).getOr(Pl.after(t)))(a,n,s);return Ak(e,t,o),!0}return!1},Ok=(e,t,n)=>I.from(e.dom.getParent(e.selection.getNode(),"td,th")).bind((o=>I.from(e.dom.getParent(o,"table"))?.map((r=>n(e,t,r,o))))).getOr(!1),Bk=(e,t)=>Ok(e,t,Rk),Pk=(e,t)=>Ok(e,t,Tk),Dk=(e,t,n)=>n.fold(I.none,I.none,((e,t)=>{return(n=t,nr(n,Sr))?.map((e=>(e=>{const t=Tr.exact(e,0,e,0);return Dr(t)})(e)));var n}),(n=>e.mode.isReadOnly()||!Lk(n)?I.none():(e.execCommand("mceTableInsertRowAfter"),Mk(e,t,n)))),Lk=e=>tr(e,On("table")).exists(gr),Mk=(e,t,n)=>{return Dk(e,t,(r=Fk,tk(o=n,void 0).fold((()=>JS.none(o)),(e=>ek(e.all,o,e.index,1,r)))));var o,r},Ik=(e,t,n)=>{return Dk(e,t,(r=Fk,tk(o=n,void 0).fold((()=>JS.none()),(e=>ek(e.all,o,e.index,-1,r)))));var o,r},Fk=e=>gr(e)||wr(e,Uk),Uk=e=>kn(e)&&gr(e),zk=(e,t)=>{const n=["table","li","dl"],o=mn(e.getBody()),r=e=>{const t=_n(e);return Cn(e,o)||H(n,t)},s=e.selection.getRng();return((e,t)=>((e,t,n=L)=>n(t)?I.none():H(e,_n(t))?I?.some(t):or(t,e.join(","),(e=>vn(e,"table")||n(e))))(["td","th"],e,t))(mn(t?s.endContainer:s.startContainer),r)?.map((n=>(ZS(n,r).each((t=>{e.model.table.clearSelectedCells(t.dom)})),e.selection.collapse(!t),(t?Mk:Ik)(e,r,n).each((t=>{e.selection.setRng(t)})),!0))).getOr(!1)},jk=(e,t)=>({container:e,offset:t}),Hk=ni.DOM,$k=e=>t=>e===t?-1:0,Vk=(e,t,n)=>{if(es(e)&&t>=0)return I?.some(jk(e,t));{const o=Ei(Hk);return I.from(o.backwards(e,t,$k(e),n))?.map((e=>jk(e.container,e.container.data.length)))}},qk=(e,t,n)=>{if(!es(e))return I.none();const o=e.data;if(t>=0&&t<=o.length)return I?.some(jk(e,t));{const o=Ei(Hk);return I.from(o.backwards(e,t,$k(e),n)).bind((e=>{const o=e.container.data;return qk(e.container,t+o.length,n)}))}},Wk=(e,t,n)=>{if(!es(e))return I.none();const o=e.data;if(t<=o.length)return I?.some(jk(e,t));{const r=Ei(Hk);return I.from(r.forwards(e,t,$k(e),n)).bind((e=>Wk(e.container,t-o.length,n)))}},Kk=(e,t,n,o,r)=>{const s=Ei(e,(e=>t=>e.isBlock(t)||H(["BR","IMG","HR","INPUT"],t.nodeName)||"false"===e.getContentEditable(t))(e));return I.from(s.backwards(t,n,o,r))},Yk=e=>""!==e&&-1!==" \xa0\ufeff\f\n\r\t\v".indexOf(e),Gk=(e,t)=>e.substring(t.length),Xk=(e,t,n,o=!1)=>{if(!(r=t).collapsed||!es(r.startContainer))return I.none();var r;const s={text:"",offset:0},a=e.getParent(t.startContainer,e.isBlock)||e.getRoot();return Kk(e,t.startContainer,t.startOffset,((e,t,r)=>(s.text=r+s.text,s.offset+=t,((e,t,n,o=!1)=>{let r;const s=n.charAt(0);for(r=t-1;r>=0;r--){const a=e.charAt(r);if(!o&&Yk(a))return I.none();if(s===a&&Ke(e,n,r,t))break}return I?.some(r)})(s.text,s.offset,n,o).getOr(t))),a).bind((e=>{const o=t.cloneRange();if(o.setStart(e.container,e.offset),o.setEnd(t.endContainer,t.endOffset),o.collapsed)return I.none();const r=(e=>Li(e.toString().replace(/\u00A0/g," ")))(o);return 0!==r.lastIndexOf(n)?I.none():I?.some({text:Gk(r,n),range:o,trigger:n})}))},Zk=e=>{if((e=>3===e.nodeType)(e))return jk(e,e.data.length);{const t=e.childNodes;return t.length>0?Zk(t[t.length-1]):jk(e,t.length)}},Qk=(e,t)=>{const n=e.childNodes;return n.length>0&&t<n.length?Qk(n[t],0):n.length>0&&(e=>1===e.nodeType)(e)&&n.length===t?Zk(n[n.length-1]):jk(e,t)},Jk=(e,t,n,o={})=>{var r;const s=t(),a=null!==(r=e.selection.getRng().startContainer.nodeValue)&&void 0!==r?r:"",i=Y(s.lookupByTrigger(n.trigger),(t=>n.text.length>=t.minChars&&t.matches.getOrThunk((()=>(e=>t=>{const n=Qk(t.startContainer,t.startOffset);return!((e,t)=>{var n;const o=null!==(n=e.getParent(t.container,e.isBlock))&&void 0!==n?n:e.getRoot();return Kk(e,t.container,t.offset,((e,t)=>0===t?-1:t),o).filter((e=>{const t=e.container.data.charAt(e.offset-1);return!Yk(t)})).isSome()})(e,n)})(e.dom)))(n.range,a,n.text)));if(0===i.length)return I.none();const l=Promise.all(V(i,(e=>e.fetch(n.text,e.maxResults,o).then((t=>({matchText:n.text,items:t,columns:e.columns,onAction:e.onAction,highlightOn:e.highlightOn}))))));return I?.some({lookupData:l,context:n})};var eN;!function(e){e[e.Error=0]="Error",e[e.Value=1]="Value"}(eN||(eN={}));const tN=(e,t,n)=>e.stype===eN.Error?t(e.serror):n(e.svalue),nN=e=>({stype:eN.Value,svalue:e}),oN=e=>({stype:eN.Error,serror:e}),rN=tN,sN=e=>f(e)&&fe(e).length>100?" removed due to size":JSON.stringify(e,null,2),aN=(e,t)=>oN([{path:e,getErrorInfo:t}]),iN=e=>({extract:(t,n)=>{return o=e(n),r=e=>((e,t)=>aN(e,N(t)))(t,e),o.stype===eN.Error?r(o.serror):o;var o,r},toString:N("val")}),lN=iN(nN),dN=N(lN),cN=(e,t)=>iN((n=>{const o=typeof n;return e(n)?nN(n):oN(`Expected type: ${t} but got: ${o}`)})),uN=cN(E,"number"),mN=cN(m,"string"),fN=cN(b,"boolean"),gN=cN(w,"function"),pN=e=>{if(Object(e)!==e)return!0;switch({}.toString.call(e).slice(8,-1)){case"Boolean":case"Number":case"String":case"Date":case"RegExp":case"Blob":case"FileList":case"ImageData":case"ImageBitmap":case"ArrayBuffer":return!0;case"Array":case"Object":return Object.keys(e).every((t=>pN(e[t])));default:return!1}};iN((e=>pN(e)?nN(e):oN("Expected value to be acceptable for sending via postMessage")));const hN=e=>({tag:"defaultedThunk",process:N(e)}),bN=(e,t,n)=>{switch(e.tag){case"field":return t(e.key,e.newKey,e.presence,e.prop);case"custom":return n(e.newKey,e.instantiator)}},vN=e=>{const t=(e=>{const t=[],n=[];return q(e,(e=>{tN(e,(e=>n.push(e)),(e=>t.push(e)))})),{values:t,errors:n}})(e);return t.errors.length>0?(n=t.errors,S(oN,ee)(n)):nN(t.values);var n},yN=(e,t,n,o)=>o(_e(e,t).getOrThunk((()=>n(e)))),CN=(e,t,n,o,r)=>{const s=e=>r.extract(t.concat([o]),e),a=e=>e.fold((()=>nN(I.none())),(e=>{const n=r.extract(t.concat([o]),e);return s=n,a=I.some,s.stype===eN.Value?{stype:eN.Value,svalue:a(s.svalue)}:s;var s,a}));switch(e.tag){case"required":return((e,t,n,o)=>_e(t,n).fold((()=>((e,t,n)=>aN(e,(()=>'Could not find valid *required* value for "'+t+'" in '+sN(n))))(e,n,t)),o))(t,n,o,s);case"defaultedThunk":return yN(n,o,e.process,s);case"option":return((e,t,n)=>n(_e(e,t)))(n,o,a);case"defaultedOptionThunk":return((e,t,n,o)=>o(_e(e,t)?.map((t=>!0===t?n(e):t))))(n,o,e.process,a);case"mergeWithThunk":return yN(n,o,N({}),(t=>{const o=Me(e.process(n),t);return s(o)}))}},wN=e=>({extract:(t,n)=>((e,t,n)=>{const o={},r=[];for(const s of n)bN(s,((n,s,a,i)=>{const l=CN(a,e,t,n,i);rN(l,(e=>{r.push(...e)}),(e=>{o[s]=e}))}),((e,n)=>{o[e]=n(t)}));return r.length>0?oN(r):nN(o)})(t,n,e),toString:()=>{const t=V(e,(e=>bN(e,((e,t,n,o)=>e+" -> "+o.toString()),((e,t)=>"state("+e+")"))));return"obj{\n"+t.join("\n")+"}"}}),EN=(e,t,n)=>{return o=((e,t,n)=>((e,t)=>e.stype===eN.Error?{stype:eN.Error,serror:t(e.serror)}:e)(t.extract([e],n),(e=>({input:n,errors:e}))))(e,t,n),tN(o,Te.error,Te.value);var o},_N=(e,t,n,o)=>({tag:"field",key:e,newKey:t,presence:n,prop:o}),xN=(e,t)=>_N(e,e,{tag:"required",process:{}},t),SN=e=>xN(e,mN),kN=e=>xN(e,gN),NN=(e,t)=>_N(e,e,{tag:"option",process:{}},t),RN=e=>NN(e,mN),AN=e=>NN(e,gN),TN=(e,t)=>_N(e,e,hN(t),dN()),ON=(e,t,n)=>_N(e,e,hN(t),n),BN=(e,t)=>ON(e,t,uN),PN=(e,t)=>ON(e,t,fN),DN=(e,t)=>ON(e,t,gN),LN=SN("type");SN("name"),SN("label"),SN("text"),SN("title"),SN("icon"),SN("url");const MN=SN("value"),IN=kN("fetch");kN("getSubmenuItems");const FN=kN("onAction");kN("onItemAction"),DN("onSetup",(()=>x)),RN("name");const UN=RN("text");RN("role");const zN=RN("icon");RN("url"),RN("tooltip"),RN("label"),RN("shortcut"),AN("select");const jN=PN("active",!1);PN("borderless",!1);const HN=PN("enabled",!0);PN("primary",!1);const $N=TN("meta",{});DN("onAction",x),wN([(()=>ON("type","autocompleteitem",mN))(0,"autocompleteitem"),jN,HN,$N,MN,UN,zN]);const VN=wN([LN,SN("trigger"),BN("minChars",1),TN("columns",1),BN("maxResults",10),AN("matches"),IN,FN,(qN=mN,ON("highlightOn",[],(WN=qN,{extract:(e,t)=>{const n=V(t,((t,n)=>WN.extract(e.concat(["["+n+"]"]),t)));return vN(n)},toString:()=>"array("+WN.toString()+")"})))]);var qN,WN;const KN=e=>{const t=e.ui.registry.getAll().popups,n=he(t,(e=>{return(t=e,EN("Autocompleter",VN,t)).fold((e=>{throw new Error("Errors: \n"+(e=>{const t=e.length>10?e.slice(0,10).concat([{path:[],getErrorInfo:N("... (only showing first ten failures)")}]):e;return V(t,(e=>"Failed path: ("+e.path.join(" > ")+")\n"+e.getErrorInfo()))})((t=e).errors).join("\n")+"\n\nInput object: "+sN(t.input));var t}),R);var t})),o=dt(we(n,(e=>e.trigger))),r=Ee(n);return{dataset:n,triggers:o,lookupByTrigger:e=>Y(r,(t=>t.trigger===e))}},YN=e=>{const t=Ve(),n=Ne(!1),o=t.isSet,r=()=>{o()&&((e=>{e.dispatch("AutocompleterEnd")})(e),n.set(!1),t.clear())},s=st((()=>KN(e))),a=a=>{(n=>t.get()?.map((t=>Xk(e.dom,e.selection.getRng(),t.trigger,!0).bind((t=>Jk(e,s,t,n))))).getOrThunk((()=>((e,t)=>{const n=t(),o=e.selection.getRng();return((e,t,n)=>ue(n.triggers,(n=>Xk(e,t,n))))(e.dom,o,n).bind((n=>Jk(e,t,n)))})(e,s))))(a).fold(r,(r=>{(e=>{o()||t.set({trigger:e.trigger,matchLength:e.text.length})})(r.context),r.lookupData.then((o=>{t.get()?.map((s=>{const a=r.context;s.trigger===a.trigger&&(t.set({...s,matchLength:a.text.length}),n.get()?(fd(e,{range:a.range}),((e,t)=>{e.dispatch("AutocompleterUpdate",t)})(e,{lookupData:o})):(n.set(!0),fd(e,{range:a.range}),((e,t)=>{e.dispatch("AutocompleterStart",t)})(e,{lookupData:o})))}))}))}))},i=()=>t.get().bind((({trigger:t})=>{const o=e.selection.getRng();return Xk(e.dom,o,t,n.get()).filter((({range:e})=>((e,t)=>{const n=e.compareBoundaryPoints(window.Range.START_TO_START,t),o=e.compareBoundaryPoints(window.Range.END_TO_END,t);return n>=0&&o<=0})(o,e)))?.map((({range:e})=>e))}));e.addCommand("mceAutocompleterReload",((e,t)=>{const n=f(t)?t.fetchOptions:{};a(n)})),e.addCommand("mceAutocompleterClose",r),e.addCommand("mceAutocompleterRefreshActiveRange",(()=>{i().each((t=>{fd(e,{range:t})}))})),e.editorCommands.addQueryStateHandler("mceAutoCompleterInRange",(()=>i().isSome())),((e,t)=>{const n=rt(t.load,50);e.on("input",(t=>{("insertCompositionText"!==t.inputType||e.composing)&&n.throttle()})),e.on("keydown",(e=>{const o=e.which;8===o?n.throttle():27===o?(n.cancel(),t.cancelIfNecessary()):38!==o&&40!==o||n.cancel()}),!0),e.on("remove",n.cancel)})(e,{cancelIfNecessary:r,load:a})},GN=Kt().browser.isSafari(),XN=e=>Bi(mn(e)),ZN=(e,t)=>{var n;return 0===e.startOffset&&e.endOffset===(null===(n=t.textContent)||void 0===n?void 0:n.length)},QN=(e,t)=>I.from(e.getParent(t.container(),"details")),JN=(e,t)=>QN(e,t).isSome(),eR=(e,t)=>{const n=t.getNode();v(n)||e.selection.setCursorLocation(n,t.offset())},tR=(e,t,n)=>{const o=e.dom.getParent(t.container(),"details");if(o&&!o.open){const t=e.dom.select("summary",o)[0];t&&(n?km(t):Nm(t)).each((t=>eR(e,t)))}else eR(e,t)},nR=(e,t,n)=>{const{dom:o,selection:r}=e,s=e.getBody();if("character"===n){const n=Pl.fromRangeStart(r.getRng()),a=o.getParent(n.container(),o.isBlock),i=QN(o,n),l=a&&o.isEmpty(a),d=h(null==a?void 0:a.previousSibling),c=h(null==a?void 0:a.nextSibling);return!!(l&&(t?c:d)&&wm(!t,s,n).exists((e=>JN(o,e)&&!Ue(i,QN(o,e)))))||wm(t,s,n).fold(L,(n=>{const r=QN(o,n);if(JN(o,n)&&!Ue(i,r)){if(t||tR(e,n,!1),a&&l){if(t&&d)return!0;if(!t&&c)return!0;tR(e,n,t),e.dom.remove(a)}return!0}return!1}))}return!1},oR=(e,t,n,o)=>{const r=e.selection.getRng(),s=Pl.fromRangeStart(r),a=e.getBody();return"selection"===o?((e,t)=>{const n=t.startSummary.exists((t=>t.contains(e.startContainer))),o=t.startSummary.exists((t=>t.contains(e.endContainer))),r=t.startDetails.forall((e=>t.endDetails.forall((t=>e!==t))));return(n||o)&&!(n&&o)||r})(r,t):n?((e,t)=>t.startSummary.exists((t=>((e,t)=>Nm(t).exists((n=>as(n.getNode())&&Sm(t,n).exists((t=>t.isEqual(e)))||n.isEqual(e))))(e,t))))(s,t)||((e,t,n)=>n.startDetails.exists((n=>xm(e,t).forall((e=>!n.contains(e.container()))))))(a,s,t):((e,t)=>t.startSummary.exists((t=>((e,t)=>km(t).exists((t=>t.isEqual(e))))(e,t))))(s,t)||((e,t)=>t.startDetails.exists((n=>Sm(n,e).forall((n=>t.startSummary.exists((t=>!t.contains(e.container())&&t.contains(n.container()))))))))(s,t)},rR=(e,t,n)=>((e,t,n)=>((e,t)=>{const n=I.from(e.getParent(t.startContainer,"details")),o=I.from(e.getParent(t.endContainer,"details"));if(n.isSome()||o.isSome()){const t=n.bind((t=>I.from(e.select("summary",t)[0])));return I?.some({startSummary:t,startDetails:n,endDetails:o})}return I.none()})(e.dom,e.selection.getRng()).fold((()=>nR(e,t,n)),(o=>oR(e,o,t,n)||nR(e,t,n))))(e,t,n)||GN&&((e,t,n)=>{const o=e.selection,r=o.getNode(),s=o.getRng(),a=Pl.fromRangeStart(s);return!!bs(r)&&("selection"===n&&ZN(s,r)||Qh(t,a,r)?XN(r):e.undoManager.transact((()=>{const s=o.getSel();let{anchorNode:a,anchorOffset:i,focusNode:l,focusOffset:d}=null!=s?s:{};const c=()=>{C(a)&&C(i)&&C(l)&&C(d)&&(null==s||s.setBaseAndExtent(a,i,l,d))},u=(e,t)=>{q(e.childNodes,(e=>{rf(e)&&t.appendChild(e)}))},m=e.dom.create("span",{"data-mce-bogus":"1"});u(r,m),r.appendChild(m),c(),"word"!==n&&"line"!==n||null==s||s.modify("extend",t?"right":"left",n),!o.isCollapsed()&&ZN(o.getRng(),m)?XN(r):(e.execCommand(t?"ForwardDelete":"Delete"),a=null==s?void 0:s.anchorNode,i=null==s?void 0:s.anchorOffset,l=null==s?void 0:s.focusNode,d=null==s?void 0:s.focusOffset,u(m,r),c()),e.dom.remove(m)})),!0)})(e,t,n)?I?.some(x):I.none(),sR=e=>(t,n,o={})=>{const r=t.getBody(),s={bubbles:!0,composed:!0,data:null,isComposing:!1,detail:0,view:null,target:r,currentTarget:r,eventPhase:Event.AT_TARGET,originalTarget:r,explicitOriginalTarget:r,isTrusted:!1,srcElement:r,cancelable:!1,preventDefault:x,inputType:n},a=Ua(new InputEvent(e));return t.dispatch(e,{...a,...s,...o})},aR=sR("input"),iR=sR("beforeinput"),lR=Kt(),dR=lR.os,cR=dR.isMacOS()||dR.isiOS(),uR=lR.browser.isFirefox(),mR=(e,t)=>{const n=e.dom,o=e.schema.getMoveCaretBeforeOnEnterElements();if(!t)return;if(/^(LI|DT|DD)$/.test(t.nodeName)){const e=(e=>{for(;e;){if(qr(e)||es(e)&&e.data&&/[\r\n\s]/.test(e.data))return e;e=e.nextSibling}return null})(t.firstChild);e&&/^(UL|OL|DL)$/.test(e.nodeName)&&t.insertBefore(n.doc.createTextNode(it),t.firstChild)}const r=n.createRng();if(t.normalize(),t.hasChildNodes()){const e=new Fr(t,t);let n,s=t;for(;n=e.current();){if(es(n)){r.setStart(n,0),r.setEnd(n,0);break}if(o[n.nodeName.toLowerCase()]){r.setStartBefore(n),r.setEndBefore(n);break}s=n,n=e.next()}n||(r.setStart(s,0),r.setEnd(s,0))}else as(t)?t.nextSibling&&n.isBlock(t.nextSibling)?(r.setStartBefore(t),r.setEndBefore(t)):(r.setStartAfter(t),r.setEndAfter(t)):(r.setStart(t,0),r.setEnd(t,0));e.selection.setRng(r),ep(e,r)},fR=(e,t)=>{const n=e.getRoot();let o,r=t;for(;r!==n&&r&&"false"!==e.getContentEditable(r);){if("true"===e.getContentEditable(r)){o=r;break}r=r.parentNode}return r!==n?o:n},gR=e=>I.from(e.dom.getParent(e.selection.getStart(!0),e.dom.isBlock)),pR=e=>{e.innerHTML='<br data-mce-bogus="1">'},hR=(e,t)=>{Ad(e).toLowerCase()===t.tagName.toLowerCase()&&((e,t,n)=>{const o=e.dom;I.from(n.style)?.map(o.parseStyle).each((e=>{const n={...Fo(mn(t)),...e};o.setStyles(t,n)}));const r=I.from(n.class)?.map((e=>e.split(/\s+/))),s=I.from(t.className)?.map((e=>Y(e.split(/\s+/),(e=>""!==e))));ze(r,s,((e,n)=>{const r=Y(n,(t=>!H(e,t))),s=[...e,...r];o.setAttrib(t,"class",s.join(" "))}));const a=["style","class"],i=Ce(n,((e,t)=>!H(a,t)));o.setAttribs(t,i)})(e,t,Td(e))},bR=(e,t,n,o,r=!0,s,a)=>{const i=e.dom,l=e.schema,d=Ad(e),c=n?n.nodeName.toUpperCase():"";let u=t;const m=l.getTextInlineElements();let f;f=s||"TABLE"===c||"HR"===c?i.create(s||d,a||{}):n.cloneNode(!1);let g=f;if(r){do{if(m[u.nodeName]){if(Am(u)||Hm(u))continue;const e=u.cloneNode(!1);i.setAttrib(e,"id",""),f.hasChildNodes()?(e.appendChild(f.firstChild),f.appendChild(e)):(g=e,f.appendChild(e))}}while((u=u.parentNode)&&u!==o)}else i.setAttrib(f,"style",null),i.setAttrib(f,"class",null);return hR(e,f),pR(g),f},vR=(e,t)=>{const n=null==e?void 0:e.parentNode;return C(n)&&n.nodeName===t},yR=e=>C(e)&&/^(OL|UL|LI)$/.test(e.nodeName),CR=e=>C(e)&&/^(LI|DT|DD)$/.test(e.nodeName),wR=e=>{const t=e.parentNode;return CR(t)?t:e},ER=(e,t,n)=>{let o=e[n?"firstChild":"lastChild"];for(;o&&!qr(o);)o=o[n?"nextSibling":"previousSibling"];return o===t},_R=e=>X(we(Fo(mn(e)),((e,t)=>`${t}: ${e};`)),((e,t)=>e+t),""),xR=(e,t)=>t&&"A"===t.nodeName&&e.isEmpty(t),SR=(e,t)=>e.nodeName===t||e.previousSibling&&e.previousSibling.nodeName===t,kR=(e,t)=>C(t)&&e.isBlock(t)&&!/^(TD|TH|CAPTION|FORM)$/.test(t.nodeName)&&!/^(fixed|absolute)/i.test(t.style.position)&&e.isEditable(t.parentNode)&&"false"!==e.getContentEditable(t),NR=(e,t,n)=>es(t)?e?1===n&&t.data.charAt(n-1)===Pi?0:n:n===t.data.length-1&&t.data.charAt(n)===Pi?t.data.length:n:n,RR={insert:(e,t)=>{let n,o,r,s,a=!1;const i=e.dom,l=e.schema.getNonEmptyElements(),d=e.selection.getRng(),c=Ad(e),u=mn(d.startContainer),f=$n(u,d.startOffset),g=f.exists((e=>kn(e)&&!gr(e))),p=d.collapsed&&g,b=(t,o)=>bR(e,n,S,x,Dd(e),t,o),v=e=>{const t=NR(e,n,o);if(es(n)&&(e?t>0:t<n.data.length))return!1;if((n.parentNode===S||n===S)&&a&&!e)return!0;if(e&&qr(n)&&n===S.firstChild)return!0;if(SR(n,"TABLE")||SR(n,"HR"))return(e=>"BR"===e.nodeName||e.nextSibling&&"BR"===e.nextSibling.nodeName)(n)?!e:a&&!e||!a&&e;const r=new Fr(n,S);let s;for(es(n)&&(e&&0===t?r.prev():e||t!==n.data.length||r.next());s=r.current();){if(qr(s)){if(!s.getAttribute("data-mce-bogus")){const e=s.nodeName.toLowerCase();if(l[e]&&"br"!==e)return!1}}else if(es(s)&&!zr(s.data))return!1;e?r.prev():r.next()}return!0},w=()=>{let t;return t=/^(H[1-6]|PRE|FIGURE)$/.test(r)&&"HGROUP"!==k?b(c):b(),((e,t)=>{const n=Ld(e);return!y(t)&&(m(n)?H(an.explode(n),t.nodeName.toLowerCase()):n)})(e,s)&&kR(i,s)&&i.isEmpty(S,void 0,{includeZwsp:!0})?t=i.split(s,S):i.insertAfter(t,S),mR(e,t),t};Lg(i,d).each((e=>{d.setStart(e.startContainer,e.startOffset),d.setEnd(e.endContainer,e.endOffset)})),n=d.startContainer,o=d.startOffset;const E=!(!t||!t.shiftKey),_=!(!t||!t.ctrlKey);qr(n)&&n.hasChildNodes()&&!p&&(a=o>n.childNodes.length-1,n=n.childNodes[Math.min(o,n.childNodes.length-1)]||n,o=a&&es(n)?n.data.length:0);const x=fR(i,n);if(!x||((e,t)=>{const n=e.dom.getParent(t,"ol,ul,dl");return null!==n&&"false"===e.dom.getContentEditableParent(n)})(e,n))return;E||(n=((e,t,n,o,r)=>{var s,a;const i=e.dom,l=null!==(s=fR(i,o))&&void 0!==s?s:i.getRoot();let d=i.getParent(o,i.isBlock);if(!d||!kR(i,d)){if(d=d||l,!d.hasChildNodes()){const o=i.create(t);return hR(e,o),d.appendChild(o),n.setStart(o,0),n.setEnd(o,0),o}let s,c=o;for(;c&&c.parentNode!==d;)c=c.parentNode;for(;c&&!i.isBlock(c);)s=c,c=c.previousSibling;const u=null===(a=null==s?void 0:s.parentElement)||void 0===a?void 0:a.nodeName;if(s&&u&&e.schema.isValidChild(u,t.toLowerCase())){const a=s.parentNode,l=i.create(t);for(hR(e,l),a.insertBefore(l,s),c=s;c&&!i.isBlock(c);){const e=c.nextSibling;l.appendChild(c),c=e}n.setStart(o,r),n.setEnd(o,r)}}return o})(e,c,d,n,o));let S=i.getParent(n,i.isBlock)||i.getRoot();s=C(null==S?void 0:S.parentNode)?i.getParent(S.parentNode,i.isBlock):null,r=S?S.nodeName.toUpperCase():"";const k=s?s.nodeName.toUpperCase():"";if("LI"!==k||_||(S=s,s=s.parentNode,r=k),qr(s)&&((e,t,n)=>!t&&n.nodeName.toLowerCase()===Ad(e)&&e.dom.isEmpty(n)&&((t,n)=>{let o=n;for(;o&&o!==t&&h(o.nextSibling);){const t=o.parentElement;if(!t||(r=t,!xe(e.schema.getTextBlockElements(),r.nodeName.toLowerCase())))return hs(t);o=t}var r;return!1})(e.getBody(),n))(e,E,S))return((e,t,n)=>{var o,r,s;const a=t(Ad(e)),i=((e,t)=>e.dom.getParent(t,hs))(e,n);i&&(e.dom.insertAfter(a,i),mR(e,a),(null!==(s=null===(r=null===(o=n.parentElement)||void 0===o?void 0:o.childNodes)||void 0===r?void 0:r.length)&&void 0!==s?s:0)>1&&e.dom.remove(n))})(e,b,S);if(/^(LI|DT|DD)$/.test(r)&&qr(s)&&i.isEmpty(S))return void((e,t,n,o,r)=>{const s=e.dom,a=e.selection.getRng(),i=n.parentNode;if(n===e.getBody()||!i)return;var l;yR(l=n)&&yR(l.parentNode)&&(r="LI");const d=CR(o)?_R(o):void 0;let c=CR(o)&&d?t(r,{style:_R(o)}):t(r);if(ER(n,o,!0)&&ER(n,o,!1))if(vR(n,"LI")){const e=wR(n);s.insertAfter(c,e),(e=>{var t;return(null===(t=e.parentNode)||void 0===t?void 0:t.firstChild)===e})(n)?s.remove(e):s.remove(n)}else s.replace(c,n);else if(ER(n,o,!0))vR(n,"LI")?(s.insertAfter(c,wR(n)),c.appendChild(s.doc.createTextNode(" ")),c.appendChild(n)):i.insertBefore(c,n),s.remove(o);else if(ER(n,o,!1))s.insertAfter(c,wR(n)),s.remove(o);else{n=wR(n);const e=a.cloneRange();e.setStartAfter(o),e.setEndAfter(n);const t=e.extractContents();if("LI"===r&&(e=>e.firstChild&&"LI"===e.firstChild.nodeName)(t)){const e=Y(V(c.children,mn),O(On("br")));c=t.firstChild,s.insertAfter(t,n),q(e,(e=>lo(mn(c),e))),d&&c.setAttribute("style",d)}else s.insertAfter(t,n),s.insertAfter(c,n);s.remove(o)}mR(e,c)})(e,b,s,S,c);if(!(p||S!==e.getBody()&&kR(i,S)))return;const N=S.parentNode;let R;if(p)R=b(c),f.fold((()=>{co(u,mn(R))}),(e=>{ao(e,mn(R))})),e.selection.setCursorLocation(R,0);else if(Fi(S))R=Wi(S),i.isEmpty(S)&&pR(S),hR(e,R),mR(e,R);else if(v(!1))R=w();else if(v(!0)&&N){const t=Pl.fromRangeStart(d),n=Yp(t),o=mn(S),r=ch(o,t,e.schema)?uh(o,t,e.schema).bind((e=>I.from(e.getNode()))):I.none();R=N.insertBefore(b(),S);const s=SR(S,"HR")||n?R:r.getOr(S);mR(e,s)}else{const t=(e=>{const t=e.cloneRange();return t.setStart(e.startContainer,NR(!0,e.startContainer,e.startOffset)),t.setEnd(e.endContainer,NR(!1,e.endContainer,e.endOffset)),t})(d).cloneRange();t.setEndAfter(S);const n=t.extractContents();(e=>{q(br(mn(e),Rn),(e=>{const t=e.dom;t.nodeValue=Li(t.data)}))})(n),(e=>{let t=e;do{es(t)&&(t.data=t.data.replace(/^[\r\n]+/,"")),t=t.firstChild}while(t)})(n),R=n.firstChild,i.insertAfter(n,S),((e,t,n)=>{var o;const r=[];if(!n)return;let s=n;for(;s=s.firstChild;){if(e.isBlock(s))return;qr(s)&&!t[s.nodeName.toLowerCase()]&&r.push(s)}let a=r.length;for(;a--;)s=r[a],(!s.hasChildNodes()||s.firstChild===s.lastChild&&""===(null===(o=s.firstChild)||void 0===o?void 0:o.nodeValue)||xR(e,s))&&e.remove(s)})(i,l,R),((e,t)=>{t.normalize();const n=t.lastChild;(!n||qr(n)&&/^(left|right)$/gi.test(e.getStyle(n,"float",!0)))&&e.add(t,"br")})(i,S),i.isEmpty(S)&&pR(S),R.normalize(),i.isEmpty(R)?(i.remove(R),w()):(hR(e,R),mR(e,R))}i.setAttrib(R,"id",""),e.dispatch("NewBlock",{newBlock:R})},fakeEventName:"insertParagraph"},AR=(e,t,n)=>{const o=e.dom.createRng();n?(o.setStartBefore(t),o.setEndBefore(t)):(o.setStartAfter(t),o.setEndAfter(t)),e.selection.setRng(o),ep(e,o)},TR=(e,t)=>{const n=cn("br");ao(mn(t),n),e.undoManager.add()},OR=(e,t)=>{BR(e.getBody(),t)||io(mn(t),cn("br"));const n=cn("br");io(mn(t),n),AR(e,n.dom,!1),e.undoManager.add()},BR=(e,t)=>{return n=Pl.after(t),!!as(n.getNode())||xm(e,Pl.after(t))?.map((e=>as(e.getNode()))).getOr(!1);var n},PR=e=>e&&"A"===e.nodeName&&"href"in e,DR=e=>e.fold(L,PR,PR,L),LR=(e,t)=>{t.fold(x,T(TR,e),T(OR,e),x)},MR={insert:(e,t)=>{const n=(e=>{const t=T(zh,e),n=Pl.fromRangeStart(e.selection.getRng());return Q_(t,e.getBody(),n).filter(DR)})(e);n.isSome()?n.each(T(LR,e)):((e,t)=>{const n=e.selection,o=e.dom,r=n.getRng();let s,a=!1;Lg(o,r).each((e=>{r.setStart(e.startContainer,e.startOffset),r.setEnd(e.endContainer,e.endOffset)}));let i=r.startOffset,l=r.startContainer;if(qr(l)&&l.hasChildNodes()){const e=i>l.childNodes.length-1;l=l.childNodes[Math.min(i,l.childNodes.length-1)]||l,i=e&&es(l)?l.data.length:0}let d=o.getParent(l,o.isBlock);const c=d&&d.parentNode?o.getParent(d.parentNode,o.isBlock):null,u=c?c.nodeName.toUpperCase():"",m=!(!t||!t.ctrlKey);"LI"!==u||m||(d=c),es(l)&&i>=l.data.length&&(((e,t,n)=>{const o=new Fr(t,n);let r;const s=e.getNonEmptyElements();for(;r=o.next();)if(s[r.nodeName.toLowerCase()]||es(r)&&r.length>0)return!0;return!1})(e.schema,l,d||o.getRoot())||(s=o.create("br"),r.insertNode(s),r.setStartAfter(s),r.setEndAfter(s),a=!0)),s=o.create("br"),Ll(o,r,s),AR(e,s,a),e.undoManager.add()})(e,t)},fakeEventName:"insertLineBreak"},IR=(e,t)=>gR(e).filter((e=>t.length>0&&vn(mn(e),t))).isSome(),FR=ke([{br:[]},{block:[]},{none:[]}]),UR=(e,t)=>(e=>IR(e,Pd(e)))(e),zR=e=>(t,n)=>(e=>gR(e).filter((e=>Ni(mn(e)))).isSome())(t)===e,jR=(e,t)=>(n,o)=>{const r=(e=>gR(e).fold(N(""),(e=>e.nodeName.toUpperCase())))(n)===e.toUpperCase();return r===t},HR=e=>{const t=fR(e.dom,e.selection.getStart());return y(t)},$R=e=>jR("pre",e),VR=e=>(t,n)=>Rd(t)===e,qR=(e,t)=>(e=>IR(e,Bd(e)))(e),WR=(e,t)=>t,KR=e=>{const t=Ad(e),n=fR(e.dom,e.selection.getStart());return C(n)&&e.schema.isValidChild(n.nodeName,t)},YR=e=>{const t=e.selection.getRng(),n=mn(t.startContainer),o=$n(n,t.startOffset)?.map((e=>kn(e)&&!gr(e)));return t.collapsed&&o.getOr(!0)},GR=(e,t)=>(n,o)=>X(e,((e,t)=>e&&t(n,o)),!0)?I?.some(t):I.none(),XR=(e,t,n)=>{if(!t.mode.isReadOnly()){if(t.selection.isCollapsed()||(e=>{e.execCommand("delete")})(t),C(n)&&iR(t,e.fakeEventName).isDefaultPrevented())return;e.insert(t,n),C(n)&&aR(t,e.fakeEventName)}},ZR=(e,t)=>{if(e.mode.isReadOnly())return;const n=()=>XR(MR,e,t),o=()=>XR(RR,e,t),r=((e,t)=>H_([GR([UR],FR.none()),GR([$R(!0),HR],FR.none()),GR([jR("summary",!0)],FR.br()),GR([$R(!0),VR(!1),WR],FR.br()),GR([$R(!0),VR(!1)],FR.block()),GR([$R(!0),VR(!0),WR],FR.block()),GR([$R(!0),VR(!0)],FR.br()),GR([zR(!0),WR],FR.br()),GR([zR(!0)],FR.block()),GR([qR],FR.br()),GR([WR],FR.br()),GR([KR],FR.block()),GR([YR],FR.block())],[e,!(!t||!t.shiftKey)]).getOr(FR.none()))(e,t);switch(Od(e)){case"linebreak":r.fold(n,n,x);break;case"block":r.fold(o,o,x);break;case"invert":r.fold(o,n,x);break;default:r.fold(n,o,x)}},QR=Kt(),JR=QR.os.isiOS()&&QR.browser.isSafari(),eA=(e,t)=>{var n;t.isDefaultPrevented()||(t.preventDefault(),(n=e.undoManager).typing&&(n.typing=!1,n.add()),e.undoManager.transact((()=>{ZR(e,t)})))},tA=Kt(),nA=e=>e.stopImmediatePropagation(),oA=e=>e.keyCode===wg.PAGE_UP||e.keyCode===wg.PAGE_DOWN,rA=(e,t,n)=>{n&&!e.get()?t.on("NodeChange",nA,!0):!n&&e.get()&&t.off("NodeChange",nA),e.set(n)},sA=(e,t)=>e===t||e.contains(t),aA=(e,t)=>{const n=t.container(),o=t.offset();return es(n)?(n.insertData(o,e),I?.some(Pl(n,o+e.length))):om(t)?.map((n=>{const o=un(e);return t.isAtEnd()?io(n,o):ao(n,o),Pl(o.dom,e.length)}))},iA=T(aA,it),lA=T(aA," "),dA=e=>t=>{e.selection.setRng(t.toRange()),e.nodeChanged()},cA=e=>{const t=Pl.fromRangeStart(e.selection.getRng()),n=mn(e.getBody());if(e.selection.isCollapsed()){const o=T(zh,e),r=Pl.fromRangeStart(e.selection.getRng());return Q_(o,e.getBody(),r).bind((e=>t=>t.fold((t=>Sm(e.dom,Pl.before(t))),(e=>km(e)),(e=>Nm(e)),(t=>xm(e.dom,Pl.after(t)))))(n))?.map((o=>()=>((e,t,n)=>o=>yh(e,o,n)?iA(t):lA(t))(n,t,e.schema)(o).each(dA(e))))}return I.none()},uA=e=>{return je(nn.browser.isFirefox()&&e.selection.isEditable()&&(t=e.dom,n=e.selection.getRng().startContainer,t.isEditable(t.getParent(n,"summary"))),(()=>{const t=mn(e.getBody());e.selection.isCollapsed()||e.getDoc().execCommand("Delete"),((e,t,n)=>yh(e,t,n)?iA(t):lA(t))(t,Pl.fromRangeStart(e.selection.getRng()),e.schema).each(dA(e))}));var t,n},mA=e=>lu(e)?[{keyCode:wg.TAB,action:VS(zk,e,!0)},{keyCode:wg.TAB,shiftKey:!0,action:VS(zk,e,!1)}]:[],fA=e=>{if(e.addShortcut("Meta+P","","mcePrint"),YN(e),Nw(e))return Ne(null);{const t=Yx(e);return(e=>{e.on("beforeinput",(t=>{e.selection.isEditable()&&!$(t.getTargetRanges(),(t=>!((e,t)=>!sA(e.getBody(),t.startContainer)||!sA(e.getBody(),t.endContainer)||tp(e.dom,t))(e,t)))||t.preventDefault()}))})(e),(e=>{e.on("keyup compositionstart",T(BS,e))})(e),((e,t)=>{e.on("keydown",(n=>{n.isDefaultPrevented()||((e,t,n)=>{const o=nn.os.isMacOS()||nn.os.isiOS();qS([{keyCode:wg.RIGHT,action:VS(LS,e,!0)},{keyCode:wg.LEFT,action:VS(LS,e,!1)},{keyCode:wg.UP,action:VS(MS,e,!1)},{keyCode:wg.DOWN,action:VS(MS,e,!0)},...o?[{keyCode:wg.UP,action:VS(FS,e,!1),metaKey:!0,shiftKey:!0},{keyCode:wg.DOWN,action:VS(FS,e,!0),metaKey:!0,shiftKey:!0}]:[],{keyCode:wg.RIGHT,action:VS(Bk,e,!0)},{keyCode:wg.LEFT,action:VS(Bk,e,!1)},{keyCode:wg.UP,action:VS(Pk,e,!1)},{keyCode:wg.DOWN,action:VS(Pk,e,!0)},{keyCode:wg.UP,action:VS(Pk,e,!1)},{keyCode:wg.UP,action:VS(jS,e,!1)},{keyCode:wg.DOWN,action:VS(jS,e,!0)},{keyCode:wg.RIGHT,action:VS(KS,e,!0)},{keyCode:wg.LEFT,action:VS(KS,e,!1)},{keyCode:wg.UP,action:VS(YS,e,!1)},{keyCode:wg.DOWN,action:VS(YS,e,!0)},{keyCode:wg.RIGHT,action:VS(Wx,e,t,!0)},{keyCode:wg.LEFT,action:VS(Wx,e,t,!1)},{keyCode:wg.RIGHT,ctrlKey:!o,altKey:o,action:VS(Gx,e,t)},{keyCode:wg.LEFT,ctrlKey:!o,altKey:o,action:VS(Xx,e,t)},{keyCode:wg.UP,action:VS(zS,e,!1)},{keyCode:wg.DOWN,action:VS(zS,e,!0)}],n).each((e=>{n.preventDefault()}))})(e,t,n)}))})(e,t),((e,t)=>{let n=!1;e.on("keydown",(o=>{n=o.keyCode===wg.BACKSPACE,o.isDefaultPrevented()||((e,t,n)=>{const o=n.keyCode===wg.BACKSPACE?"deleteContentBackward":"deleteContentForward",r=e.selection.isCollapsed(),s=r?"character":"selection",a=e=>r?e?"word":"line":"selection";WS([{keyCode:wg.BACKSPACE,action:VS(CS,e)},{keyCode:wg.BACKSPACE,action:VS(S_,e,!1)},{keyCode:wg.DELETE,action:VS(S_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(b_,e,!1)},{keyCode:wg.DELETE,action:VS(b_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(eS,e,t,!1)},{keyCode:wg.DELETE,action:VS(eS,e,t,!0)},{keyCode:wg.BACKSPACE,action:VS(kb,e,!1)},{keyCode:wg.DELETE,action:VS(kb,e,!0)},{keyCode:wg.BACKSPACE,action:VS(rR,e,!1,s)},{keyCode:wg.DELETE,action:VS(rR,e,!0,s)},...cR?[{keyCode:wg.BACKSPACE,altKey:!0,action:VS(rR,e,!1,a(!0))},{keyCode:wg.DELETE,altKey:!0,action:VS(rR,e,!0,a(!0))},{keyCode:wg.BACKSPACE,metaKey:!0,action:VS(rR,e,!1,a(!1))}]:[{keyCode:wg.BACKSPACE,ctrlKey:!0,action:VS(rR,e,!1,a(!0))},{keyCode:wg.DELETE,ctrlKey:!0,action:VS(rR,e,!0,a(!0))}],{keyCode:wg.BACKSPACE,action:VS(O_,e,!1)},{keyCode:wg.DELETE,action:VS(O_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(mS,e,!1)},{keyCode:wg.DELETE,action:VS(mS,e,!0)},{keyCode:wg.BACKSPACE,action:VS(c_,e,!1)},{keyCode:wg.DELETE,action:VS(c_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(i_,e,!1)},{keyCode:wg.DELETE,action:VS(i_,e,!0)},{keyCode:wg.BACKSPACE,action:VS(dS,e,!1)},{keyCode:wg.DELETE,action:VS(dS,e,!0)},{keyCode:wg.BACKSPACE,action:VS(T_,e,!1)},{keyCode:wg.DELETE,action:VS(T_,e,!0)}],n).filter((t=>e.selection.isEditable())).each((t=>{n.preventDefault(),iR(e,o).isDefaultPrevented()||(t(),aR(e,o))}))})(e,t,o)})),e.on("keyup",(t=>{t.isDefaultPrevented()||((e,t,n)=>{qS([{keyCode:wg.BACKSPACE,action:VS(x_,e)},{keyCode:wg.DELETE,action:VS(x_,e)},...cR?[{keyCode:wg.BACKSPACE,altKey:!0,action:VS(cS,e)},{keyCode:wg.DELETE,altKey:!0,action:VS(cS,e)},...n?[{keyCode:uR?224:91,action:VS(cS,e)}]:[]]:[{keyCode:wg.BACKSPACE,ctrlKey:!0,action:VS(cS,e)},{keyCode:wg.DELETE,ctrlKey:!0,action:VS(cS,e)}]],t)})(e,t,n),n=!1}))})(e,t),(e=>{let t=I.none();e.on("keydown",(n=>{n.keyCode===wg.ENTER&&(JR&&(e=>{if(!e.collapsed)return!1;const t=e.startContainer;if(es(t)){const n=/^[\uAC00-\uD7AF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uD7B0-\uD7FF]$/,o=t.data.charAt(e.startOffset-1);return n.test(o)}return!1})(e.selection.getRng())?(e=>{t=I?.some(e.selection.getBookmark()),e.undoManager.add()})(e):eA(e,n))})),e.on("keyup",(n=>{n.keyCode===wg.ENTER&&t.each((()=>((e,n)=>{e.undoManager.undo(),t.fold(x,(t=>e.selection.moveToBookmark(t))),eA(e,n),t=I.none()})(e,n)))}))})(e),(e=>{e.on("keydown",(t=>{t.isDefaultPrevented()||((e,t)=>{WS([{keyCode:wg.SPACEBAR,action:VS(cA,e)},{keyCode:wg.SPACEBAR,action:VS(uA,e)}],t).each((n=>{t.preventDefault(),iR(e,"insertText",{data:" "}).isDefaultPrevented()||(n(),aR(e,"insertText",{data:" "}))}))})(e,t)}))})(e),(e=>{e.on("input",(t=>{t.isComposing||(e=>{const t=mn(e.getBody());e.selection.isCollapsed()&&Nh(t,Pl.fromRangeStart(e.selection.getRng()),e.schema).each((t=>{e.selection.setRng(t.toRange())}))})(e)}))})(e),(e=>{e.on("keydown",(t=>{t.isDefaultPrevented()||((e,t)=>{qS([...mA(e)],t).each((e=>{t.preventDefault()}))})(e,t)}))})(e),((e,t)=>{e.on("keydown",(n=>{n.isDefaultPrevented()||((e,t,n)=>{const o=nn.os.isMacOS()||nn.os.isiOS();qS([{keyCode:wg.END,action:VS(IS,e,!0)},{keyCode:wg.HOME,action:VS(IS,e,!1)},...o?[]:[{keyCode:wg.HOME,action:VS(FS,e,!1),ctrlKey:!0,shiftKey:!0},{keyCode:wg.END,action:VS(FS,e,!0),ctrlKey:!0,shiftKey:!0}],{keyCode:wg.END,action:VS(GS,e,!0)},{keyCode:wg.HOME,action:VS(GS,e,!1)},{keyCode:wg.END,action:VS(Zx,e,!0,t)},{keyCode:wg.HOME,action:VS(Zx,e,!1,t)}],n).each((e=>{n.preventDefault()}))})(e,t,n)}))})(e,t),((e,t)=>{if(tA.os.isMacOS())return;const n=Ne(!1);e.on("keydown",(t=>{oA(t)&&rA(n,e,!0)})),e.on("keyup",(o=>{o.isDefaultPrevented()||((e,t,n)=>{qS([{keyCode:wg.PAGE_UP,action:VS(Zx,e,!1,t)},{keyCode:wg.PAGE_DOWN,action:VS(Zx,e,!0,t)}],n)})(e,t,o),oA(o)&&n.get()&&(rA(n,e,!1),e.nodeChanged())}))})(e,t),t}};class gA{constructor(e){let t;this.lastPath=[],this.editor=e;const n=this;"onselectionchange"in e.getDoc()||e.on("NodeChange click mouseup keyup focus",(n=>{const o=e.selection.getRng(),r={startContainer:o.startContainer,startOffset:o.startOffset,endContainer:o.endContainer,endOffset:o.endOffset};"nodechange"!==n.type&&Rg(r,t)||e.dispatch("SelectionChange"),t=r})),e.on("contextmenu",(()=>{ng(e),e.dispatch("SelectionChange")})),e.on("SelectionChange",(()=>{const t=e.selection.getStart(!0);t&&tf(e)&&!n.isSameElementPath(t)&&e.dom.isChildOf(t,e.getBody())&&e.nodeChanged({selectionChange:!0})})),e.on("mouseup",(t=>{!t.isDefaultPrevented()&&tf(e)&&("IMG"===e.selection.getNode().nodeName?sg.setEditorTimeout(e,(()=>{e.nodeChanged()})):e.nodeChanged())}))}nodeChanged(e={}){const t=this.editor,n=t.selection;let o;if(t.initialized&&n&&!_c(t)&&!hu(t)){const r=t.getBody();o=n.getStart(!0)||r,o.ownerDocument===t.getDoc()&&t.dom.isChildOf(o,r)||(o=r);const s=[];t.dom.getParent(o,(e=>e===r||(s.push(e),!1))),t.dispatch("NodeChange",{...e,element:o,parents:s})}}isSameElementPath(e){let t;const n=this.editor,o=oe(n.dom.getParents(e,M,n.getBody()));if(o.length===this.lastPath.length){for(t=o.length;t>=0&&o[t]===this.lastPath[t];t--);if(-1===t)return this.lastPath=o,!0}return this.lastPath=o,!1}}const pA="x-tinymce/html",hA=N(pA),bA="\x3c!-- "+pA+" --\x3e",vA=e=>bA+e,yA=e=>-1!==e.indexOf(bA),CA="%MCEPASTEBIN%",wA=e=>e.dom.get("mcepastebin"),EA=e=>C(e)&&"mcepastebin"===e.id,_A=e=>e===CA,xA=(e,t)=>(an.each(t,(t=>{e=u(t,RegExp)?e.replace(t,""):e.replace(t[0],t[1])})),e),SA=e=>xA(e,[/^[\s\S]*<body[^>]*>\s*|\s*<\/body[^>]*>[\s\S]*$/gi,/<!--StartFragment-->|<!--EndFragment-->/g,[/( ?)<span class="Apple-converted-space">\u00a0<\/span>( ?)/g,(e,t,n)=>t||n?it:" "],/<br class="Apple-interchange-newline">/g,/<br>$/i]),kA=(e,t)=>({content:e,cancelled:t}),NA=(e,t)=>(e.insertContent(t,{merge:Kc(e),paste:!0}),!0),RA=e=>/^https?:\/\/[\w\-\/+=.,!;:&%@^~(){}?#]+$/i.test(e),AA=(e,t,n)=>!(e.selection.isCollapsed()||!RA(t))&&((e,t,n)=>(e.undoManager.extra((()=>{n(e,t)}),(()=>{e.execCommand("mceInsertLink",!1,t)})),!0))(e,t,n),TA=(e,t,n)=>!!((e,t)=>RA(t)&&$(iu(e),(e=>Ge(t.toLowerCase(),`.${e.toLowerCase()}`))))(e,t)&&((e,t,n)=>(e.undoManager.extra((()=>{n(e,t)}),(()=>{e.insertContent('<img src="'+t+'">')})),!0))(e,t,n),OA=(()=>{let e=0;return()=>"mceclip"+e++})(),BA=e=>{const t=Ck();return wk(t,e),fk(t),t},PA=(e,t,n,o,r)=>{const s=((e,t,n)=>((e,t,n)=>{const o=((e,t,n)=>e.dispatch("PastePreProcess",{content:t,internal:n}))(e,t,n),r=((e,t)=>{const n=KC({sanitize:su(e),sandbox_iframes:uu(e),sandbox_iframes_exclusions:mu(e),convert_unsafe_embeds:fu(e)},e.schema);n.addNodeFilter("meta",(e=>{an.each(e,(e=>{e.remove()}))}));const o=n.parse(t,{forced_root_block:!1,isRootContent:!0});return Tp({validate:!0},e.schema).serialize(o)})(e,o.content);return e.hasEventListeners("PastePostProcess")&&!o.isDefaultPrevented()?((e,t,n)=>{const o=e.dom.create("div",{style:"display:none"},t),r=((e,t,n)=>e.dispatch("PastePostProcess",{node:t,internal:n}))(e,o,n);return kA(r.node.innerHTML,r.isDefaultPrevented())})(e,r,n):kA(r,o.isDefaultPrevented())})(e,t,n))(e,t,n);if(!s.cancelled){const t=s.content,n=()=>((e,t,n)=>{n||!Yc(e)?NA(e,t):((e,t)=>{an.each([AA,TA,NA],(n=>!n(e,t,NA)))})(e,t)})(e,t,o);r?iR(e,"insertFromPaste",{dataTransfer:BA(t)}).isDefaultPrevented()||(n(),aR(e,"insertFromPaste")):n()}},DA=(e,t,n,o)=>{const r=n||yA(t);PA(e,(e=>e.replace(bA,""))(t),r,!1,o)},LA=(e,t,n)=>{const o=e.dom.encode(t).replace(/\r\n/g,"\n"),r=((e,t,n)=>{const o=e.split(/\n\n/),r=((e,t)=>{let n="<"+e;const o=we(t,((e,t)=>t+'="'+ua.encodeAllRaw(e)+'"'));return o.length&&(n+=" "+o.join(" ")),n+">"})(t,n),s="</"+t+">",a=V(o,(e=>e.split(/\n/).join("<br />")));return 1===a.length?a[0]:V(a,(e=>r+e+s)).join("")})(Hr(o,Xc(e)),Ad(e),Td(e));PA(e,r,!1,!0,n)},MA=e=>{const t={};if(e&&e.types)for(let n=0;n<e.types.length;n++){const o=e.types[n];try{t[o]=e.getData(o)}catch(e){t[o]=""}}return t},IA=(e,t)=>t in e&&e[t].length>0,FA=e=>IA(e,"text/html")||IA(e,"text/plain"),UA=(e,t,n)=>{const o="paste"===t.type?t.clipboardData:t.dataTransfer;var r;if(jc(e)&&o){const s=((e,t)=>{const n=t.items?te(ce(t.items),(e=>"file"===e.kind?[e.getAsFile()]:[])):[],o=t.files?ce(t.files):[];return Y(n.length>0?n:o,(e=>{const t=iu(e);return e=>Ye(e.type,"image/")&&$(t,(t=>(e=>{const t=e.toLowerCase(),n={jpg:"jpeg",jpe:"jpeg",jfi:"jpeg",jif:"jpeg",jfif:"jpeg",pjpeg:"jpeg",pjp:"jpeg",svg:"svg+xml"};return an.hasOwn(n,t)?"image/"+n[t]:"image/"+t})(t)===e.type))})(e))})(e,o);if(s.length>0)return t.preventDefault(),(r=s,Promise.all(V(r,(e=>by(e).then((t=>({file:e,uri:t}))))))).then((t=>{n&&e.selection.setRng(n),q(t,(t=>{((e,t)=>{py(t.uri).each((({data:n,type:o,base64Encoded:r})=>{const s=r?n:btoa(n),a=t.file,i=e.editorUpload.blobCache,l=i.getByData(s,o),d=null!=l?l:((e,t,n,o)=>{const r=OA(),s=Id(e)&&C(n.name),a=s?((e,t)=>{const n=t.match(/([\s\S]+?)(?:\.[a-z0-9.]+)$/i);return C(n)?e.dom.encode(n[1]):void 0})(e,n.name):r,i=s?n.name:void 0,l=t.create(r,n,o,a,i);return t.add(l),l})(e,i,a,s);DA(e,`<img src="${d.blobUri()}">`,!1,!0)}))})(e,t)}))})),!0}return!1},zA=(e,t,n,o,r)=>{let s=SA(n);const a=IA(t,hA())||yA(n),i=!a&&(e=>!/<(?:\/?(?!(?:div|p|br|span)>)\w+|(?:(?!(?:span style="white-space:\s?pre;?">)|br\s?\/>))\w+\s[^>]+)>/i.test(e))(s),l=RA(s);(_A(s)||!s.length||i&&!l)&&(o=!0),(o||l)&&(s=IA(t,"text/plain")&&i?t["text/plain"]:(e=>{const t=Ra(),n=KC({},t);let o="";const r=t.getVoidElements(),s=an.makeMap("script noscript style textarea video audio iframe object"," "),a=t.getBlockElements(),i=e=>{const n=e.name,l=e;if("br"!==n){if("wbr"!==n)if(r[n]&&(o+=" "),s[n])o+=" ";else{if(3===e.type&&(o+=e.value),!(e.name in t.getVoidElements())){let t=e.firstChild;if(t)do{i(t)}while(t=t.next)}a[n]&&l.next&&(o+="\n","p"===n&&(o+="\n"))}}else o+="\n"};return e=xA(e,[/<!\[[^\]]+\]>/g]),i(n.parse(e)),o})(s)),_A(s)||(o?LA(e,s,r):DA(e,s,a,r))},jA=(e,t,n)=>{((e,t,n)=>{let o;e.on("keydown",(e=>{(e=>wg.metaKeyPressed(e)&&86===e.keyCode||e.shiftKey&&45===e.keyCode)(e)&&!e.isDefaultPrevented()&&(o=e.shiftKey&&86===e.keyCode)})),e.on("paste",(r=>{if(r.isDefaultPrevented()||(e=>{var t,n;return nn.os.isAndroid()&&0===(null===(n=null===(t=e.clipboardData)||void 0===t?void 0:t.items)||void 0===n?void 0:n.length)})(r))return;const s="text"===n.get()||o;o=!1;const a=MA(r.clipboardData);!FA(a)&&UA(e,r,t.getLastRng()||e.selection.getRng())||(IA(a,"text/html")?(r.preventDefault(),zA(e,a,a["text/html"],s,!0)):IA(a,"text/plain")&&IA(a,"text/uri-list")?(r.preventDefault(),zA(e,a,a["text/plain"],s,!0)):(t.create(),sg.setEditorTimeout(e,(()=>{const n=t.getHtml();t.remove(),zA(e,a,n,s,!1)}),0)))}))})(e,t,n),(e=>{const t=e=>Ye(e,"webkit-fake-url"),n=e=>Ye(e,"data:");e.parser.addNodeFilter("img",((o,r,s)=>{if(!jc(e)&&(e=>{var t;return!0===(null===(t=e.data)||void 0===t?void 0:t.paste)})(s))for(const r of o){const o=r.attr("src");m(o)&&!r.attr("data-mce-object")&&o!==nn.transparentSrc&&(t(o)||!Zc(e)&&n(o))&&r.remove()}}))})(e)},HA=(e,t,n,o)=>{((e,t,n)=>{if(!e)return!1;try{return e.clearData(),e.setData("text/html",t),e.setData("text/plain",n),e.setData(hA(),t),!0}catch(e){return!1}})(e.clipboardData,t.html,t.text)?(e.preventDefault(),o()):n(t.html,o)},$A=e=>(t,n)=>{const{dom:o,selection:r}=e,s=o.create("div",{contenteditable:"false","data-mce-bogus":"all"}),a=o.create("div",{contenteditable:"true"},t);o.setStyles(s,{position:"fixed",top:"0",left:"-3000px",width:"1000px",overflow:"hidden"}),s.appendChild(a),o.add(e.getBody(),s);const i=r.getRng();a.focus();const l=o.createRng();l.selectNodeContents(a),r.setRng(l),sg.setEditorTimeout(e,(()=>{r.setRng(i),o.remove(s),n()}),0)},VA=e=>({html:vA(e.selection.getContent({contextual:!0})),text:e.selection.getContent({format:"text"})}),qA=e=>!e.selection.isCollapsed()||(e=>!!e.dom.getParent(e.selection.getStart(),"td[data-mce-selected],th[data-mce-selected]",e.getBody()))(e),WA=(e,t)=>{var n,o;return Fg.getCaretRangeFromPoint(null!==(n=t.clientX)&&void 0!==n?n:0,null!==(o=t.clientY)&&void 0!==o?o:0,e.getDoc())},KA=(e,t)=>{e.focus(),t&&e.selection.setRng(t)},YA=/rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi,GA=e=>an.trim(e).replace(YA,Ma).toLowerCase(),XA=(e,t,n)=>{const o=qc(e);if(n||"all"===o||!Wc(e))return t;const r=o?o.split(/[, ]/):[];if(r&&"none"!==o){const n=e.dom,o=e.selection.getNode();t=t.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi,((e,t,s,a)=>{const i=n.parseStyle(n.decode(s)),l={};for(let e=0;e<r.length;e++){const t=i[r[e]];let s=t,a=n.getStyle(o,r[e],!0);/color/.test(r[e])&&(s=GA(s),a=GA(a)),a!==s&&(l[r[e]]=t)}const d=n.serializeStyle(l,"span");return d?t+' style="'+d+'"'+a:t+a}))}else t=t.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi,"$1$3");return t=t.replace(/(<[^>]+) data-mce-style="([^"]+)"([^>]*>)/gi,((e,t,n,o)=>t+' style="'+n+'"'+o)),t},ZA=e=>{const t=Ne(!1),n=Ne(Gc(e)?"text":"html"),o=(e=>{const t=Ne(null);return{create:()=>((e,t)=>{const{dom:n,selection:o}=e,r=e.getBody();t.set(o.getRng());const s=n.add(e.getBody(),"div",{id:"mcepastebin",class:"mce-pastebin",contentEditable:!0,"data-mce-bogus":"all",style:"position: fixed; top: 50%; width: 10px; height: 10px; overflow: hidden; opacity: 0"},CA);nn.browser.isFirefox()&&n.setStyle(s,"left","rtl"===n.getStyle(r,"direction",!0)?65535:-65535),n.bind(s,"beforedeactivate focusin focusout",(e=>{e.stopPropagation()})),s.focus(),o.select(s,!0)})(e,t),remove:()=>((e,t)=>{const n=e.dom;if(wA(e)){let o;const r=t.get();for(;o=wA(e);)n.remove(o),n.unbind(o);r&&e.selection.setRng(r)}t.set(null)})(e,t),getEl:()=>wA(e),getHtml:()=>(e=>{const t=e.dom,n=(e,n)=>{e.appendChild(n),t.remove(n,!0)},[o,...r]=Y(e.getBody().childNodes,EA);q(r,(e=>{n(o,e)}));const s=t.select("div[id=mcepastebin]",o);for(let e=s.length-1;e>=0;e--){const r=t.create("div");o.insertBefore(r,s[e]),n(r,s[e])}return o?o.innerHTML:""})(e),getLastRng:t.get}})(e);(e=>{(nn.browser.isChromium()||nn.browser.isSafari())&&((e,t)=>{e.on("PastePreProcess",(n=>{n.content=t(e,n.content,n.internal)}))})(e,XA)})(e),((e,t)=>{e.addCommand("mceTogglePlainTextPaste",(()=>{((e,t)=>{"text"===t.get()?(t.set("html"),gd(e,!1)):(t.set("text"),gd(e,!0)),e.focus()})(e,t)})),e.addCommand("mceInsertClipboardContent",((t,n)=>{n.html&&DA(e,n.html,n.internal,!1),n.text&&LA(e,n.text,!1)}))})(e,n),(e=>{const t=t=>n=>{t(e,n)},n=Hc(e);w(n)&&e.on("PastePreProcess",t(n));const o=$c(e);w(o)&&e.on("PastePostProcess",t(o))})(e),e.addQueryStateHandler("mceTogglePlainTextPaste",(()=>"text"===n.get())),e.on("PreInit",(()=>{(e=>{e.on("cut",(e=>t=>{!t.isDefaultPrevented()&&qA(e)&&e.selection.isEditable()&&HA(t,VA(e),$A(e),(()=>{if(nn.browser.isChromium()||nn.browser.isFirefox()){const t=e.selection.getRng();sg.setEditorTimeout(e,(()=>{e.selection.setRng(t),e.execCommand("Delete")}),0)}else e.execCommand("Delete")}))})(e)),e.on("copy",(e=>t=>{!t.isDefaultPrevented()&&qA(e)&&HA(t,VA(e),$A(e),x)})(e))})(e),((e,t)=>{zc(e)&&e.on("dragend dragover draggesture dragdrop drop drag",(e=>{e.preventDefault(),e.stopPropagation()})),jc(e)||e.on("drop",(e=>{const t=e.dataTransfer;t&&(e=>$(e.files,(e=>/^image\//.test(e.type))))(t)&&e.preventDefault()})),e.on("drop",(n=>{if(n.isDefaultPrevented())return;const o=WA(e,n);if(y(o))return;const r=MA(n.dataTransfer),s=IA(r,hA());if((!FA(r)||(e=>{const t=e["text/plain"];return!!t&&0===t.indexOf("file://")})(r))&&UA(e,n,o))return;const a=r[hA()],i=a||r["text/html"]||r["text/plain"],l=((e,t,n,o)=>{const r=e.getParent(n,(e=>js(t,e)));if(!h(e.getParent(n,"summary")))return!0;if(r&&xe(o,"text/html")){const e=(new DOMParser).parseFromString(o["text/html"],"text/html").body;return!h(e.querySelector(r.nodeName.toLowerCase()))}return!1})(e.dom,e.schema,o.startContainer,r),d=t.get();d&&!l||i&&(n.preventDefault(),sg.setEditorTimeout(e,(()=>{e.undoManager.transact((()=>{(a||d&&l)&&e.execCommand("Delete"),KA(e,o);const t=SA(i);r["text/html"]?DA(e,t,s,!0):LA(e,t,!0)}))})))})),e.on("dragstart",(e=>{t.set(!0)})),e.on("dragover dragend",(n=>{jc(e)&&!t.get()&&(n.preventDefault(),KA(e,WA(e,n))),"dragend"===n.type&&t.set(!1)})),(e=>{e.on("input",(t=>{const n=e=>h(e.querySelector("summary"));if("deleteByDrag"===t.inputType){const t=Y(e.dom.select("details"),n);q(t,(t=>{as(t.firstChild)&&t.firstChild.remove();const n=e.dom.create("summary");n.appendChild(Oi().dom),t.prepend(n)}))}}))})(e)})(e,t),jA(e,o,n)}))},QA=as,JA=es,eT=e=>cs(e.dom),tT=e=>t=>Cn(mn(e),t),nT=(e,t)=>tr(mn(e),eT,tT(t)),oT=(e,t,n)=>{const o=new Fr(e,t),r=n?o.next.bind(o):o.prev.bind(o);let s=e;for(let t=n?e:r();t&&!QA(t);t=r())fl(t)&&(s=t);return s},rT=e=>{const t=((e,t,n)=>{const o=Pl.fromRangeStart(e).getNode(),r=((e,t,n)=>tr(mn(e),(e=>(e=>ds(e.dom))(e)||n.isBlock(_n(e))),tT(t)).getOr(mn(t)).dom)(o,t,n),s=oT(o,r,!1),a=oT(o,r,!0),i=document.createRange();return nT(s,r).fold((()=>{JA(s)?i.setStart(s,0):i.setStartBefore(s)}),(e=>i.setStartBefore(e.dom))),nT(a,r).fold((()=>{JA(a)?i.setEnd(a,a.data.length):i.setEndAfter(a)}),(e=>i.setEndAfter(e.dom))),i})(e.selection.getRng(),e.getBody(),e.schema);e.selection.setRng(Hb(t))};var sT;!function(e){e.Before="before",e.After="after"}(sT||(sT={}));const aT=(e,t)=>Math.abs(e.left-t),iT=(e,t)=>Math.abs(e.right-t),lT=(e,t)=>(e=>X(e,((e,t)=>e.fold((()=>I?.some(t)),(e=>{const n=Math.min(t.left,e.left),o=Math.min(t.top,e.top),r=Math.max(t.right,e.right),s=Math.max(t.bottom,e.bottom);return I?.some({top:o,right:r,bottom:s,left:n,width:r-n,height:s-o})}))),I.none()))(Y(e,(e=>{return(n=t)>=(o=e).top&&n<=o.bottom;var n,o}))).fold((()=>[[],e]),(t=>{const{pass:n,fail:o}=K(e,(e=>((e,t)=>{const n=((e,t)=>Math.max(0,Math.min(e.bottom,t.bottom)-Math.max(e.top,t.top)))(e,t)/Math.min(e.height,t.height);return((e,t)=>e.top<t.bottom&&e.bottom>t.top)(e,t)&&n>.5})(e,t)));return[n,o]})),dT=(e,t,n)=>t>e.left&&t<e.right?0:Math.min(Math.abs(e.left-t),Math.abs(e.right-t)),cT=(e,t,n,o)=>{const r=e=>fl(e.node)?I?.some(e):qr(e.node)?cT(ce(e.node.childNodes),t,n,!1):I.none(),s=(e,s)=>{const a=ae(e,((e,o)=>s(e,t,n)-s(o,t,n)));return ue(a,r)?.map((e=>o&&!es(e.node)&&a.length>1?((e,o,s)=>r(o).filter((o=>Math.abs(s(e,t,n)-s(o,t,n))<2&&es(o.node))))(e,a[1],s).getOr(e):e))},[a,i]=lT(Rx(e),n),{pass:l,fail:d}=K(i,(e=>e.top<n));return s(a,dT).orThunk((()=>s(d,el))).orThunk((()=>s(l,el)))},uT=(e,t,n)=>((e,t,n)=>{const o=mn(e),r=Pn(o),s=fn(r,t,n).filter((e=>wn(o,e))).getOr(o);return((e,t,n,o)=>{const r=(t,s)=>{const a=Y(t.dom.childNodes,O((e=>qr(e)&&e.classList.contains("mce-drag-container"))));return s.fold((()=>cT(a,n,o,!0)),(e=>{const t=Y(a,(t=>t!==e.dom));return cT(t,n,o,!0)})).orThunk((()=>(Cn(t,e)?I.none():Mn(t)).bind((e=>r(e,I?.some(t))))))};return r(t,I.none())})(o,s,t,n)})(e,t,n).filter((e=>Bu(e.node)))?.map((e=>((e,t)=>({node:e.node,position:aT(e,t)<iT(e,t)?sT.Before:sT.After}))(e,t))),mT=e=>{var t,n;const o=e.getBoundingClientRect(),r=e.ownerDocument,s=r.documentElement,a=r.defaultView;return{top:o.top+(null!==(t=null==a?void 0:a.scrollY)&&void 0!==t?t:0)-s.clientTop,left:o.left+(null!==(n=null==a?void 0:a.scrollX)&&void 0!==n?n:0)-s.clientLeft}},fT=e=>({target:e,srcElement:e}),gT=(e,t,n,o)=>{const r=((e,t)=>{const n=(e=>{const t=Ck(),n=(e=>{const t=e;return I.from(t[dk])})(e);return fk(e),sk(t),t.dropEffect=e.dropEffect,t.effectAllowed=e.effectAllowed,(e=>{const t=e;return I.from(t[nk])})(e).each((e=>t.setDragImage(e.image,e.x,e.y))),q(e.types,(n=>{"Files"!==n&&t.setData(n,e.getData(n))})),q(e.files,(e=>t.items.add(e))),(e=>{const t=e;return I.from(t[ok])})(e).each((e=>{((e,t)=>{rk(t)(e)})(t,e)})),n.each((n=>{uk(e,n),uk(t,n)})),t})(e);return"dragstart"===t?(sk(n),mk(n)):"drop"===t?(ak(n),fk(n)):(ik(n),gk(n)),n})(n,e);return v(o)?((e,t,n)=>{const o=B("Function not supported on simulated event.");return{bubbles:!0,cancelBubble:!1,cancelable:!0,composed:!1,currentTarget:null,defaultPrevented:!1,eventPhase:0,isTrusted:!0,returnValue:!1,timeStamp:0,type:e,composedPath:o,initEvent:o,preventDefault:x,stopImmediatePropagation:x,stopPropagation:x,AT_TARGET:window.Event.AT_TARGET,BUBBLING_PHASE:window.Event.BUBBLING_PHASE,CAPTURING_PHASE:window.Event.CAPTURING_PHASE,NONE:window.Event.NONE,altKey:!1,button:0,buttons:0,clientX:0,clientY:0,ctrlKey:!1,layerX:0,layerY:0,metaKey:!1,movementX:0,movementY:0,offsetX:0,offsetY:0,pageX:0,pageY:0,relatedTarget:null,screenX:0,screenY:0,shiftKey:!1,x:0,y:0,detail:0,view:null,which:0,initUIEvent:o,initMouseEvent:o,getModifierState:o,dataTransfer:n,...fT(t)}})(e,t,r):((e,t,n,o)=>({...t,dataTransfer:o,type:e,...fT(n)}))(e,o,t,r)},pT=cs,hT=((...e)=>t=>{for(let n=0;n<e.length;n++)if(e[n](t))return!0;return!1})(pT,ds),bT=(e,t,n,o)=>{const r=e.dom,s=t.cloneNode(!0);r.setStyles(s,{width:n,height:o}),r.setAttrib(s,"data-mce-selected",null);const a=r.create("div",{class:"mce-drag-container","data-mce-bogus":"all",unselectable:"on",contenteditable:"false"});return r.setStyles(a,{position:"absolute",opacity:.5,overflow:"hidden",border:0,padding:0,margin:0,width:n,height:o}),r.setStyles(s,{margin:0,boxSizing:"border-box"}),a.appendChild(s),a},vT=(e,t)=>n=>()=>{const o="left"===e?n.scrollX:n.scrollY;n.scroll({[e]:o+t,behavior:"smooth"})},yT=vT("left",-32),CT=vT("left",32),wT=vT("top",-32),ET=vT("top",32),_T=e=>{e&&e.parentNode&&e.parentNode.removeChild(e)},xT=(e,t,n,o,r)=>{"dragstart"===t&&wk(o,e.dom.getOuterHTML(n));const s=gT(t,n,o,r);return e.dispatch(t,s)},ST=(e,t)=>{const n=ot(((e,n)=>((e,t,n)=>{e._selectionOverrides.hideFakeCaret(),uT(e.getBody(),t,n).fold((()=>e.selection.placeCaretAt(t,n)),(o=>{const r=e._selectionOverrides.showCaret(1,o.node,o.position===sT.Before,!1);r?e.selection.setRng(r):e.selection.placeCaretAt(t,n)}))})(t,e,n)),0);t.on("remove",n.cancel);const o=e;return r=>e.on((e=>{const s=Math.max(Math.abs(r.screenX-e.screenX),Math.abs(r.screenY-e.screenY));if(!e.dragging&&s>10){const n=xT(t,"dragstart",e.element,e.dataTransfer,r);if(C(n.dataTransfer)&&(e.dataTransfer=n.dataTransfer),n.isDefaultPrevented())return;e.dragging=!0,t.focus()}if(e.dragging){const s=r.currentTarget===t.getDoc().documentElement,l=((e,t)=>({pageX:t.pageX-e.relX,pageY:t.pageY+5}))(e,((e,t)=>{return n=(e=>e.inline?mT(e.getBody()):{left:0,top:0})(e),o=(e=>{const t=e.getBody();return e.inline?{left:t.scrollLeft,top:t.scrollTop}:{left:0,top:0}})(e),r=((e,t)=>{if(t.target.ownerDocument!==e.getDoc()){const n=mT(e.getContentAreaContainer()),o=(e=>{const t=e.getBody(),n=e.getDoc().documentElement,o={left:t.scrollLeft,top:t.scrollTop},r={left:t.scrollLeft||n.scrollLeft,top:t.scrollTop||n.scrollTop};return e.inline?o:r})(e);return{left:t.pageX-n.left+o.left,top:t.pageY-n.top+o.top}}return{left:t.pageX,top:t.pageY}})(e,t),{pageX:r.left-n.left+o.left,pageY:r.top-n.top+o.top};var n,o,r})(t,r));a=e.ghost,i=t.getBody(),a.parentNode!==i&&i.appendChild(a),((e,t,n,o,r,s,a,i,l,d,c,u)=>{let m=0,f=0;e.style.left=t.pageX+"px",e.style.top=t.pageY+"px",t.pageX+n>r&&(m=t.pageX+n-r),t.pageY+o>s&&(f=t.pageY+o-s),e.style.width=n-m+"px",e.style.height=o-f+"px";const g=l.clientHeight,p=l.clientWidth,h=a+l.getBoundingClientRect().top,b=i+l.getBoundingClientRect().left;c.on((e=>{e.intervalId.clear(),e.dragging&&u&&(a+8>=g?e.intervalId.set(ET(d)):a-8<=0?e.intervalId.set(wT(d)):i+8>=p?e.intervalId.set(CT(d)):i-8<=0?e.intervalId.set(yT(d)):h+16>=window.innerHeight?e.intervalId.set(ET(window)):h-16<=0?e.intervalId.set(wT(window)):b+16>=window.innerWidth?e.intervalId.set(CT(window)):b-16<=0&&e.intervalId.set(yT(window)))}))})(e.ghost,l,e.width,e.height,e.maxX,e.maxY,r.clientY,r.clientX,t.getContentAreaContainer(),t.getWin(),o,s),n.throttle(r.clientX,r.clientY)}var a,i}))},kT=(e,t,n)=>{e.on((e=>{e.intervalId.clear(),e.dragging&&n.fold((()=>xT(t,"dragend",e.element,e.dataTransfer)),(n=>xT(t,"dragend",e.element,e.dataTransfer,n)))})),NT(e)},NT=e=>{e.on((e=>{e.intervalId.clear(),_T(e.ghost)})),e.clear()},RT=e=>{const t=Ve(),n=ni.DOM,o=document,r=((e,t)=>n=>{if((e=>0===e.button)(n)){const o=Q(t.dom.getParents(n.target),hT).getOr(null);if(C(o)&&((e,t,n)=>pT(n)&&n!==t&&e.isEditable(n.parentElement))(t.dom,t.getBody(),o)){const r=t.dom.getPos(o),s=t.getBody(),a=t.getDoc().documentElement;e.set({element:o,dataTransfer:Ck(),dragging:!1,screenX:n.screenX,screenY:n.screenY,maxX:(t.inline?s.scrollWidth:a.offsetWidth)-2,maxY:(t.inline?s.scrollHeight:a.offsetHeight)-2,relX:n.pageX-r.x,relY:n.pageY-r.y,width:o.offsetWidth,height:o.offsetHeight,ghost:bT(t,o,o.offsetWidth,o.offsetHeight),intervalId:$e(100)})}}})(t,e),s=ST(t,e),a=((e,t)=>n=>{e.on((e=>{var o;if(e.intervalId.clear(),e.dragging){if(((e,t,n)=>!y(t)&&t!==n&&!e.dom.isChildOf(t,n)&&e.dom.isEditable(t))(t,(e=>{const t=e.getSel();if(C(t)){const e=t.getRangeAt(0).startContainer;return es(e)?e.parentNode:e}return null})(t.selection),e.element)){const r=null!==(o=t.getDoc().elementFromPoint(n.clientX,n.clientY))&&void 0!==o?o:t.getBody();xT(t,"drop",r,e.dataTransfer,n).isDefaultPrevented()||t.undoManager.transact((()=>{((e,t)=>{const n=e.getParent(t.parentNode,e.isBlock);_T(t),n&&n!==e.getRoot()&&e.isEmpty(n)&&Bi(mn(n))})(t.dom,e.element),(e=>{const t=e.getData("text/html");return""===t?I.none():I?.some(t)})(e.dataTransfer).each((e=>t.insertContent(e))),t._selectionOverrides.hideFakeCaret()}))}xT(t,"dragend",t.getBody(),e.dataTransfer,n)}})),NT(e)})(t,e),i=((e,t)=>n=>kT(e,t,I?.some(n)))(t,e);e.on("mousedown",r),e.on("mousemove",s),e.on("mouseup",a),n.bind(o,"mousemove",s),n.bind(o,"mouseup",i),e.on("remove",(()=>{n.unbind(o,"mousemove",s),n.unbind(o,"mouseup",i)})),e.on("keydown",(n=>{n.keyCode===wg.ESC&&kT(t,e,I.none())}))},AT=cs,TT=(e,t)=>Nb(e.getBody(),t),OT=e=>{const t=e.selection,n=e.dom,o=e.getBody(),r=Au(e,o,n.isBlock,(()=>vg(e))),s="sel-"+n.uniqueId(),a="data-mce-selected";let i;const l=e=>e!==o&&(AT(e)||gs(e))&&n.isChildOf(e,o)&&n.isEditable(e.parentNode),d=(n,o,s,a=!0)=>e.dispatch("ShowCaret",{target:o,direction:n,before:s}).isDefaultPrevented()?null:(a&&t.scrollIntoView(o,-1===n),r.show(s,o)),c=e=>zi(e)||Vi(e)||qi(e),u=e=>c(e.startContainer)||c(e.endContainer),m=t=>{const o=e.schema.getVoidElements(),r=n.createRng(),s=t.startContainer,a=t.startOffset,i=t.endContainer,l=t.endOffset;return xe(o,s.nodeName.toLowerCase())?0===a?r.setStartBefore(s):r.setStartAfter(s):r.setStart(s,a),xe(o,i.nodeName.toLowerCase())?0===l?r.setEndBefore(i):r.setEndAfter(i):r.setEnd(i,l),r},f=(r,c)=>{if(!r)return null;if(r.collapsed){if(!u(r)){const e=c?1:-1,t=nm(e,o,r),s=t.getNode(!c);if(C(s)){if(Bu(s))return d(e,s,!!c&&!t.isAtEnd(),!1);if(Ui(s)&&cs(s.nextSibling)){const e=n.createRng();return e.setStart(s,0),e.setEnd(s,0),e}}const a=t.getNode(c);if(C(a)){if(Bu(a))return d(e,a,!c&&!t.isAtEnd(),!1);if(Ui(a)&&cs(a.previousSibling)){const e=n.createRng();return e.setStart(a,1),e.setEnd(a,1),e}}}return null}let m=r.startContainer,f=r.startOffset;const g=r.endOffset;if(es(m)&&0===f&&AT(m.parentNode)&&(m=m.parentNode,f=n.nodeIndex(m),m=m.parentNode),!qr(m))return null;if(g===f+1&&m===r.endContainer){const o=m.childNodes[f];if(l(o))return(o=>{const r=o.cloneNode(!0),l=e.dispatch("ObjectSelected",{target:o,targetClone:r});if(l.isDefaultPrevented())return null;const d=((o,r)=>{const a=mn(e.getBody()),i=e.getDoc(),l=rr(a,"#"+s).getOrThunk((()=>{const e=dn('<div data-mce-bogus="all" class="mce-offscreen-selection"></div>',i);return go(e,"id",s),co(a,e),e})),d=n.createRng();wo(l),mo(l,[un(it,i),mn(r),un(it,i)]),d.setStart(l.dom.firstChild,1),d.setEnd(l.dom.lastChild,0),Do(l,{top:n.getPos(o,e.getBody()).y+"px"}),oo(l);const c=t.getSel();return c&&(c.removeAllRanges(),c.addRange(d)),d})(o,l.targetClone),c=mn(o);return q(vr(mn(e.getBody()),`*[${a}]`),(e=>{Cn(c,e)||yo(e,a)})),n.getAttrib(o,a)||o.setAttribute(a,"1"),i=o,p(),d})(o)}return null},g=()=>{i&&i.removeAttribute(a),rr(mn(e.getBody()),"#"+s).each(Eo),i=null},p=()=>{r.hide()};return Nw(e)||(e.on("click",(t=>{n.isEditable(t.target)||(t.preventDefault(),e.focus())})),e.on("blur NewBlock",g),e.on("ResizeWindow FullscreenStateChanged",r.reposition),e.on("tap",(t=>{const n=t.target,o=TT(e,n);AT(o)?(t.preventDefault(),m_(e,o).each(f)):l(n)&&m_(e,n).each(f)}),!0),e.on("mousedown",(r=>{const s=r.target;if(s!==o&&"HTML"!==s.nodeName&&!n.isChildOf(s,o))return;if(!((e,t,n)=>{const o=mn(e.getBody()),r=e.inline?o:mn(Pn(o).dom.documentElement),s=((e,t,n,o)=>{const r=(e=>e.dom.getBoundingClientRect())(t);return{x:n-(e?r.left+t.dom.clientLeft+aE(t):0),y:o-(e?r.top+t.dom.clientTop+sE(t):0)}})(e.inline,r,t,n);return((e,t,n)=>{const o=oE(e),r=rE(e);return t>=0&&n>=0&&t<=o&&n<=r})(r,s.x,s.y)})(e,r.clientX,r.clientY))return;g(),p();const a=TT(e,s);AT(a)?(r.preventDefault(),m_(e,a).each(f)):uT(o,r.clientX,r.clientY).each((n=>{var o;r.preventDefault(),(o=d(1,n.node,n.position===sT.Before,!1))&&t.setRng(o),Wr(a)?a.focus():e.getBody().focus()}))})),e.on("keypress",(e=>{wg.modifierPressed(e)||AT(t.getNode())&&e.preventDefault()})),e.on("GetSelectionRange",(e=>{let t=e.range;if(i){if(!i.parentNode)return void(i=null);t=t.cloneRange(),t.selectNode(i),e.range=t}})),e.on("focusin",(t=>{if(r.isShowing()&&e.getBody().contains(t.target)&&t.target!==e.getBody()&&!e.dom.isEditable(t.target.parentNode)){r.hide(),t.target.contains(e.selection.getNode())||(e.selection.select(t.target,!0),e.selection.collapse(!0));const n=f(e.selection.getRng(),!0);n&&e.selection.setRng(n)}})),e.on("SetSelectionRange",(e=>{e.range=m(e.range);const t=f(e.range,e.forward);t&&(e.range=t)})),e.on("AfterSetSelectionRange",(e=>{const t=e.range,o=t.startContainer.parentElement;var r;u(t)||qr(r=o)&&"mcepastebin"===r.id||p(),(e=>C(e)&&n.hasClass(e,"mce-offscreen-selection"))(o)||g()})),(e=>{RT(e),Ac(e)&&(e=>{const t=t=>{if(!t.isDefaultPrevented()){const n=t.dataTransfer;n&&(H(n.types,"Files")||n.files.length>0)&&(t.preventDefault(),"drop"===t.type&&mE(e,"Dropped file type is not supported"))}},n=n=>{mg(e,n.target)&&t(n)},o=()=>{const o=ni.DOM,r=e.dom,s=document,a=e.inline?e.getBody():e.getDoc(),i=["drop","dragover"];q(i,(e=>{o.bind(s,e,n),r.bind(a,e,t)})),e.on("remove",(()=>{q(i,(e=>{o.unbind(s,e,n),r.unbind(a,e,t)}))}))};e.on("init",(()=>{sg.setEditorTimeout(e,o,0)}))})(e)})(e),(e=>{const t=ot((()=>{if(!e.removed&&e.getBody().contains(document.activeElement)){const t=e.selection.getRng();if(t.collapsed){const n=f_(e,t,!1);e.selection.setRng(n)}}}),0);e.on("focus",(()=>{t.throttle()})),e.on("blur",(()=>{t.cancel()}))})(e),(e=>{e.on("init",(()=>{e.on("focusin",(t=>{const n=t.target;if(gs(n)){const t=Nb(e.getBody(),n),o=cs(t)?t:n;e.selection.getNode()!==o&&m_(e,o).each((t=>e.selection.setRng(t)))}}))}))})(e)),{showCaret:d,showBlockCaretContainer:e=>{e.hasAttribute("data-mce-caret")&&(Wi(e),t.scrollIntoView(e))},hideFakeCaret:p,destroy:()=>{r.destroy(),i=null}}},BT=(e,t)=>{let n=t;for(let t=e.previousSibling;es(t);t=t.previousSibling)n+=t.data.length;return n},PT=(e,t,n,o,r)=>{if(es(n)&&(o<0||o>n.data.length))return[];const s=r&&es(n)?[BT(n,o)]:[o];let a=n;for(;a!==t&&a.parentNode;)s.push(e.nodeIndex(a,r)),a=a.parentNode;return a===t?s.reverse():[]},DT=(e,t,n,o,r,s,a=!1)=>({start:PT(e,t,n,o,a),end:PT(e,t,r,s,a)}),LT=(e,t)=>{const n=t.slice(),o=n.pop();return E(o)?X(n,((e,t)=>e.bind((e=>I.from(e.childNodes[t])))),I?.some(e)).bind((e=>es(e)&&(o<0||o>e.data.length)?I.none():I?.some({node:e,offset:o}))):I.none()},MT=(e,t)=>LT(e,t.start).bind((({node:n,offset:o})=>LT(e,t.end)?.map((({node:e,offset:t})=>{const r=document.createRange();return r.setStart(n,o),r.setEnd(e,t),r})))),IT=(e,t,n)=>{if(t&&e.isEmpty(t)&&!n(t)){const o=t.parentNode;e.remove(t,es(t.firstChild)&&zr(t.firstChild.data)),IT(e,o,n)}},FT=(e,t,n,o=!0)=>{const r=t.startContainer.parentNode,s=t.endContainer.parentNode;t.deleteContents(),o&&!n(t.startContainer)&&(es(t.startContainer)&&0===t.startContainer.data.length&&e.remove(t.startContainer),es(t.endContainer)&&0===t.endContainer.data.length&&e.remove(t.endContainer),IT(e,r,n),r!==s&&IT(e,s,n))},UT=(e,t)=>I.from(e.dom.getParent(t.startContainer,e.dom.isBlock)),zT=(e,t,n)=>{const o=e.dynamicPatternsLookup({text:n,block:t});return{...e,blockPatterns:rd(o).concat(e.blockPatterns),inlinePatterns:sd(o).concat(e.inlinePatterns)}},jT=(e,t,n,o)=>{const r=e.createRng();return r.setStart(t,0),r.setEnd(n,o),r.toString()},HT=(e,t)=>e.create("span",{"data-mce-type":"bookmark",id:t}),$T=(e,t)=>{const n=e.createRng();return n.setStartAfter(t.start),n.setEndBefore(t.end),n},VT=(e,t,n)=>{const o=MT(e.getRoot(),n).getOrDie("Unable to resolve path range"),r=o.startContainer,s=o.endContainer,a=0===o.endOffset?s:s.splitText(o.endOffset),i=0===o.startOffset?r:r.splitText(o.startOffset),l=i.parentNode;return{prefix:t,end:a.parentNode.insertBefore(HT(e,t+"-end"),a),start:l.insertBefore(HT(e,t+"-start"),i)}},qT=(e,t,n)=>{IT(e,e.get(t.prefix+"-end"),n),IT(e,e.get(t.prefix+"-start"),n)},WT=e=>0===e.start.length,KT=(e,t,n,o)=>{const r=t.start;var s;return Kk(e,o.container,o.offset,(s=r,(e,t)=>{const n=e.data.substring(0,t),o=n.lastIndexOf(s.charAt(s.length-1)),r=n.lastIndexOf(s);return-1!==r?r+s.length:-1!==o?o+1:-1}),n).bind((o=>{var s,a;const i=null!==(a=null===(s=n.textContent)||void 0===s?void 0:s.indexOf(r))&&void 0!==a?a:-1;if(-1!==i&&o.offset>=i+r.length){const t=e.createRng();return t.setStart(o.container,o.offset-r.length),t.setEnd(o.container,o.offset),I?.some(t)}{const s=o.offset-r.length;return qk(o.container,s,n)?.map((t=>{const n=e.createRng();return n.setStart(t.container,t.offset),n.setEnd(o.container,o.offset),n})).filter((e=>e.toString()===r)).orThunk((()=>KT(e,t,n,jk(o.container,0))))}}))},YT=(e,t,n,o)=>{const r=e.dom,s=r.getRoot(),a=n.pattern,i=n.position.container,l=n.position.offset;return qk(i,l-n.pattern.end.length,t).bind((d=>{const c=DT(r,s,d.container,d.offset,i,l,o);if(WT(a))return I?.some({matches:[{pattern:a,startRng:c,endRng:c}],position:d});{const i=GT(e,n.remainingPatterns,d.container,d.offset,t,o),l=i.getOr({matches:[],position:d}),u=l.position,m=((e,t,n,o,r,s=!1)=>{if(0===t.start.length&&!s){const t=e.createRng();return t.setStart(n,o),t.setEnd(n,o),I?.some(t)}return Vk(n,o,r).bind((n=>KT(e,t,r,n).bind((e=>{var t;if(s){if(e.endContainer===n.container&&e.endOffset===n.offset)return I.none();if(0===n.offset&&(null===(t=e.endContainer.textContent)||void 0===t?void 0:t.length)===e.endOffset)return I.none()}return I?.some(e)}))))})(r,a,u.container,u.offset,t,i.isNone());return m?.map((e=>{const t=((e,t,n,o=!1)=>DT(e,t,n.startContainer,n.startOffset,n.endContainer,n.endOffset,o))(r,s,e,o);return{matches:l.matches.concat([{pattern:a,startRng:t,endRng:c}]),position:jk(e.startContainer,e.startOffset)}}))}}))},GT=(e,t,n,o,r,s)=>{const a=e.dom;return Vk(n,o,a.getRoot()).bind((i=>{const l=jT(a,r,n,o);for(let a=0;a<t.length;a++){const d=t[a];if(!Ge(l,d.end))continue;const c=t.slice();c.splice(a,1);const u=YT(e,r,{pattern:d,remainingPatterns:c,position:i},s);if(u.isNone()&&o>0)return GT(e,t,n,o-1,r,s);if(u.isSome())return u}return I.none()}))},XT=(e,t,n)=>{e.selection.setRng(n),"inline-format"===t.type?q(t.format,(t=>{e.formatter.apply(t)})):e.execCommand(t.cmd,!1,t.value)},ZT=(e,t,n,o,r,s)=>{var a;return((e,t)=>{const n=ne(e,(e=>$(t,(t=>e.pattern.start===t.pattern.start&&e.pattern.end===t.pattern.end))));return e.length===t.length?n?e:t:e.length>t.length?e:t})(GT(e,r.inlinePatterns,n,o,t,s).fold((()=>[]),(e=>e.matches)),GT(e,(a=r.inlinePatterns,ae(a,((e,t)=>t.end.length-e.end.length))),n,o,t,s).fold((()=>[]),(e=>e.matches)))},QT=(e,t)=>{if(0===t.length)return;const n=e.dom,o=e.selection.getBookmark(),r=((e,t)=>{const n=De("mce_textpattern"),o=G(t,((t,o)=>{const r=VT(e,n+`_end${t.length}`,o.endRng);return t.concat([{...o,endMarker:r}])}),[]);return G(o,((t,r)=>{const s=o.length-t.length-1,a=WT(r.pattern)?r.endMarker:VT(e,n+`_start${s}`,r.startRng);return t.concat([{...r,startMarker:a}])}),[])})(n,t);q(r,(t=>{const o=n.getParent(t.startMarker.start,n.isBlock),r=e=>e===o;WT(t.pattern)?((e,t,n,o)=>{const r=$T(e.dom,n);FT(e.dom,r,o),XT(e,t,r)})(e,t.pattern,t.endMarker,r):((e,t,n,o,r)=>{const s=e.dom,a=$T(s,o),i=$T(s,n);FT(s,i,r),FT(s,a,r);const l={prefix:n.prefix,start:n.end,end:o.start},d=$T(s,l);XT(e,t,d)})(e,t.pattern,t.startMarker,t.endMarker,r),qT(n,t.endMarker,r),qT(n,t.startMarker,r)})),e.selection.moveToBookmark(o)},JT=(e,t,n)=>((e,t,n)=>{if(es(e)&&0>=e.length)return I?.some(jk(e,0));{const t=Ei(Hk);return I.from(t.forwards(e,0,$k(e),n))?.map((e=>jk(e.container,0)))}})(t,0,t)?.map((o=>{const r=o.container;return Wk(r,n.start.length,t).each((n=>{const o=e.createRng();o.setStart(r,0),o.setEnd(n.container,n.offset),FT(e,o,(e=>e===t))})),r})),eO=e=>(t,n)=>{const o=t.dom,r=n.pattern,s=MT(o.getRoot(),n.range).getOrDie("Unable to resolve path range");return UT(t,s).each((n=>{"block-format"===r.type?((e,t)=>{const n=t.get(e);return p(n)&&le(n).exists((e=>xe(e,"block")))})(r.format,t.formatter)&&t.undoManager.transact((()=>{e(t.dom,n,r),t.formatter.apply(r.format)})):"block-command"===r.type&&t.undoManager.transact((()=>{e(t.dom,n,r),t.execCommand(r.cmd,!1,r.value)}))})),!0},tO=e=>(t,n)=>{const o=(e=>ae(e,((e,t)=>t.start.length-e.start.length)))(t),r=n.replace(it," ");return Q(o,(t=>e(t,n,r)))},nO=(e,t)=>(n,o,r,s,a)=>{var i;void 0===a&&(a=null!==(i=o.textContent)&&void 0!==i?i:"");const l=n.dom,d=Ad(n);return l.is(o,d)?e(r.blockPatterns,a)?.map((e=>t&&an.trim(a).length===e.start.length?[]:[{pattern:e,range:DT(l,l.getRoot(),o,0,o,0,s)}])).getOr([]):[]},oO=eO(((e,t,n)=>{JT(e,t,n).each((e=>{const t=mn(e),n=Xo(t);/^\s[^\s]/.test(n)&&Zo(t,n.slice(1))}))})),rO=tO(((e,t,n)=>0===t.indexOf(e.start)||0===n.indexOf(e.start))),sO=nO(rO,!0),aO=eO(JT),iO=tO(((e,t,n)=>t===e.start||n===e.start)),lO=nO(iO,!1),dO=(e,t,n)=>{for(let o=0;o<e.length;o++)if(n(e[o],t))return!0;return!1},cO=e=>{const t=[",",".",";",":","!","?"],n=[32],o=()=>{return t=Qc(e).filter((t=>"inline-command"!==t.type&&"block-command"!==t.type||e.queryCommandSupported(t.cmd))),n=Jc(e),{inlinePatterns:sd(t),blockPatterns:rd(t),dynamicPatternsLookup:n};var t,n},r=()=>(e=>e.options.isSet("text_patterns_lookup"))(e);e.on("keydown",(t=>{if(13===t.keyCode&&!wg.modifierPressed(t)&&e.selection.isCollapsed()&&e.selection.isEditable()){const n=ad(o(),"enter");(n.inlinePatterns.length>0||n.blockPatterns.length>0||r())&&((e,t)=>((e,t)=>{const n=e.selection.getRng();return UT(e,n)?.map((o=>{var r;const s=Math.max(0,n.startOffset),a=zT(t,o,null!==(r=o.textContent)&&void 0!==r?r:"");return{inlineMatches:ZT(e,o,n.startContainer,s,a,!0),blockMatches:sO(e,o,a,!0)}})).filter((({inlineMatches:e,blockMatches:t})=>t.length>0||e.length>0))})(e,t).fold(L,(({inlineMatches:t,blockMatches:n})=>(e.undoManager.add(),e.undoManager.extra((()=>{e.execCommand("mceInsertNewLine")}),(()=>{(e=>{e.insertContent(Pi,{preserve_zwsp:!0})})(e),QT(e,t),((e,t)=>{if(0===t.length)return;const n=e.selection.getBookmark();q(t,(t=>oO(e,t))),e.selection.moveToBookmark(n)})(e,n);const o=e.selection.getRng(),r=Vk(o.startContainer,o.startOffset,e.dom.getRoot());e.execCommand("mceInsertNewLine"),r.each((t=>{const n=t.container;n.data.charAt(t.offset-1)===at&&(n.deleteData(t.offset-1,1),IT(e.dom,n.parentNode,(t=>t===e.dom.getRoot())))}))})),!0))))(e,n)&&t.preventDefault()}}),!0),e.on("keydown",(t=>{if(32===t.keyCode&&e.selection.isCollapsed()&&e.selection.isEditable()){const n=ad(o(),"space");(n.blockPatterns.length>0||r())&&((e,t)=>((e,t)=>{const n=e.selection.getRng();return UT(e,n)?.map((o=>{const r=Math.max(0,n.startOffset),s=jT(e.dom,o,n.startContainer,r),a=zT(t,o,s);return lO(e,o,a,!1,s)})).filter((e=>e.length>0))})(e,t).fold(L,(t=>(e.undoManager.transact((()=>{((e,t)=>{q(t,(t=>aO(e,t)))})(e,t)})),!0))))(e,n)&&t.preventDefault()}}),!0);const s=()=>{if(e.selection.isCollapsed()&&e.selection.isEditable()){const t=ad(o(),"space");(t.inlinePatterns.length>0||r())&&((e,t)=>{const n=e.selection.getRng();UT(e,n)?.map((o=>{const r=Math.max(0,n.startOffset-1),s=jT(e.dom,o,n.startContainer,r),a=zT(t,o,s),i=ZT(e,o,n.startContainer,r,a,!1);i.length>0&&e.undoManager.transact((()=>{QT(e,i)}))}))})(e,t)}};e.on("keyup",(e=>{dO(n,e,((e,t)=>e===t.keyCode&&!wg.modifierPressed(t)))&&s()})),e.on("keypress",(n=>{dO(t,n,((e,t)=>e.charCodeAt(0)===t.charCode))&&sg.setEditorTimeout(e,s)}))},uO=e=>{const t=an.each,n=wg.BACKSPACE,o=wg.DELETE,r=e.dom,s=e.selection,a=e.parser,i=nn.browser,l=i.isFirefox(),d=i.isChromium()||i.isSafari(),c=nn.deviceType.isiPhone()||nn.deviceType.isiPad(),u=nn.os.isMacOS()||nn.os.isiOS(),m=(t,n)=>{try{e.getDoc().execCommand(t,!1,String(n))}catch(e){}},f=e=>e.isDefaultPrevented(),g=()=>{e.shortcuts.add("meta+a",null,"SelectAll")},p=()=>{e.inline||r.bind(e.getDoc(),"mousedown mouseup",(t=>{let n;if(t.target===e.getDoc().documentElement)if(n=s.getRng(),e.getBody().focus(),"mousedown"===t.type){if(zi(n.startContainer))return;s.placeCaretAt(t.clientX,t.clientY)}else s.setRng(n)}))},h=()=>{Range.prototype.getClientRects||e.on("mousedown",(t=>{if(!f(t)&&"HTML"===t.target.nodeName){const t=e.getBody();t.blur(),sg.setEditorTimeout(e,(()=>{t.focus()}))}}))},b=()=>{const t=Bc(e);e.on("click",(n=>{const o=n.target;/^(IMG|HR)$/.test(o.nodeName)&&r.isEditable(o)&&(n.preventDefault(),e.selection.select(o),e.nodeChanged()),"A"===o.nodeName&&r.hasClass(o,t)&&0===o.childNodes.length&&r.isEditable(o.parentNode)&&(n.preventDefault(),s.select(o))}))},v=()=>{e.on("keydown",(e=>{if(!f(e)&&e.keyCode===n&&s.isCollapsed()&&0===s.getRng().startOffset){const t=s.getNode().previousSibling;if(t&&t.nodeName&&"table"===t.nodeName.toLowerCase())return e.preventDefault(),!1}return!0}))},y=()=>{xc(e)||e.on("BeforeExecCommand mousedown",(()=>{m("StyleWithCSS",!1),m("enableInlineTableEditing",!1),nc(e)||m("enableObjectResizing",!1)}))},C=()=>{e.contentStyles.push("img:-moz-broken {-moz-force-broken-image-icon:1;min-width:24px;min-height:24px}")},w=()=>{e.inline||e.on("keydown",(()=>{document.activeElement===document.body&&e.getWin().focus()}))},E=()=>{e.inline||(e.contentStyles.push("body {min-height: 150px}"),e.on("click",(t=>{let n;"HTML"===t.target.nodeName&&(n=e.selection.getRng(),e.getBody().focus(),e.selection.setRng(n),e.selection.normalize(),e.nodeChanged())})))},_=()=>{u&&e.on("keydown",(t=>{!wg.metaKeyPressed(t)||t.shiftKey||37!==t.keyCode&&39!==t.keyCode||(t.preventDefault(),e.selection.getSel().modify("move",37===t.keyCode?"backward":"forward","lineboundary"))}))},S=()=>{e.on("click",(e=>{let t=e.target;do{if("A"===t.tagName)return void e.preventDefault()}while(t=t.parentNode)})),e.contentStyles.push(".mce-content-body {-webkit-touch-callout: none}")},k=()=>{e.on("init",(()=>{e.dom.bind(e.getBody(),"submit",(e=>{e.preventDefault()}))}))},N=x;return Nw(e)?(d&&(p(),b(),k(),g(),c&&(w(),E(),S())),l&&(h(),y(),C(),_())):(e.on("keydown",(t=>{if(f(t)||t.keyCode!==wg.BACKSPACE)return;let n=s.getRng();const o=n.startContainer,a=n.startOffset,i=r.getRoot();let l=o;if(n.collapsed&&0===a){for(;l.parentNode&&l.parentNode.firstChild===l&&l.parentNode!==i;)l=l.parentNode;"BLOCKQUOTE"===l.nodeName&&(e.formatter.toggle("blockquote",void 0,l),n=r.createRng(),n.setStart(o,0),n.setEnd(o,0),s.setRng(n))}})),(()=>{const t=e=>{const t=r.create("body"),n=e.cloneContents();return t.appendChild(n),s.serializer.serialize(t,{format:"html"})};e.on("keydown",(s=>{const a=s.keyCode;if(!f(s)&&(a===o||a===n)&&e.selection.isEditable()){const n=e.selection.isCollapsed(),o=e.getBody();if(n&&!Es(e.schema,o))return;if(!n&&!(n=>{const o=t(n),s=r.createRng();return s.selectNode(e.getBody()),o===t(s)})(e.selection.getRng()))return;s.preventDefault(),e.setContent(""),o.firstChild&&r.isBlock(o.firstChild)?e.selection.setCursorLocation(o.firstChild,0):e.selection.setCursorLocation(o,0),e.nodeChanged()}}))})(),nn.windowsPhone||e.on("keyup focusin mouseup",(t=>{wg.modifierPressed(t)||(e=>{const t=e.getBody(),n=e.selection.getRng();return n.startContainer===n.endContainer&&n.startContainer===t&&0===n.startOffset&&n.endOffset===t.childNodes.length})(e)||s.normalize()}),!0),d&&(p(),b(),e.on("init",(()=>{m("DefaultParagraphSeparator",Ad(e))})),k(),v(),a.addNodeFilter("br",(e=>{let t=e.length;for(;t--;)"Apple-interchange-newline"===e[t].attr("class")&&e[t].remove()})),c?(w(),E(),S()):g()),l&&(e.on("mousedown",(t=>{ze(I.from(t.clientX),I.from(t.clientY),((n,o)=>{const r=e.getDoc().caretPositionFromPoint(n,o),s=(null==r?void 0:r.offsetNode.childNodes[r.offset-(r.offset>0?1:0)])||(null==r?void 0:r.offsetNode);if(s&&"IMG"===(a=s).nodeName&&e.dom.isEditable(a)){const n=s.getBoundingClientRect();t.preventDefault(),e.hasFocus()||e.focus(),e.selection.select(s),t.clientX<n.left||t.clientY<n.top?e.selection.collapse(!0):(t.clientX>n.right||t.clientY>n.bottom)&&e.selection.collapse(!1)}var a}))})),e.on("keydown",(t=>{if(!f(t)&&t.keyCode===n){if(!e.getBody().getElementsByTagName("hr").length)return;if(s.isCollapsed()&&0===s.getRng().startOffset){const e=s.getNode(),n=e.previousSibling;if("HR"===e.nodeName)return r.remove(e),void t.preventDefault();n&&n.nodeName&&"hr"===n.nodeName.toLowerCase()&&(r.remove(n),t.preventDefault())}}})),h(),(()=>{const n=()=>{const n=r.getAttribs(s.getStart().cloneNode(!1));return()=>{const o=s.getStart();o!==e.getBody()&&(r.setAttrib(o,"style",null),t(n,(e=>{o.setAttributeNode(e.cloneNode(!0))})))}},o=()=>!s.isCollapsed()&&r.getParent(s.getStart(),r.isBlock)!==r.getParent(s.getEnd(),r.isBlock);e.on("keypress",(t=>{let r;return!(!(f(t)||8!==t.keyCode&&46!==t.keyCode)&&o()&&(r=n(),e.getDoc().execCommand("delete",!1),r(),t.preventDefault(),1))})),r.bind(e.getDoc(),"cut",(t=>{if(!f(t)&&o()){const t=n();sg.setEditorTimeout(e,(()=>{t()}))}}))})(),y(),e.on("SetContent ExecCommand",(e=>{"setcontent"!==e.type&&"mceInsertLink"!==e.command||t(r.select("a:not([data-mce-block])"),(e=>{var t;let n=e.parentNode;const o=r.getRoot();if((null==n?void 0:n.lastChild)===e){for(;n&&!r.isBlock(n);){if((null===(t=n.parentNode)||void 0===t?void 0:t.lastChild)!==n||n===o)return;n=n.parentNode}r.add(n,"br",{"data-mce-bogus":1})}}))})),C(),_(),v())),{refreshContentEditable:N,isHidden:()=>{if(!l||e.removed)return!1;const t=e.selection.getSel();return!t||!t.rangeCount||0===t.rangeCount}}},mO=ni.DOM,fO=e=>e.inline?e.getElement().nodeName.toLowerCase():void 0,gO=e=>Ce(e,(e=>!1===v(e))),pO=e=>{const t=e.options.get,n=e.editorUpload.blobCache;return gO({allow_conditional_comments:t("allow_conditional_comments"),allow_html_data_urls:t("allow_html_data_urls"),allow_svg_data_urls:t("allow_svg_data_urls"),allow_html_in_named_anchor:t("allow_html_in_named_anchor"),allow_script_urls:t("allow_script_urls"),allow_html_in_comments:t("allow_html_in_comments"),allow_mathml_annotation_encodings:t("allow_mathml_annotation_encodings"),allow_unsafe_link_target:t("allow_unsafe_link_target"),convert_unsafe_embeds:t("convert_unsafe_embeds"),convert_fonts_to_spans:t("convert_fonts_to_spans"),extended_mathml_attributes:t("extended_mathml_attributes"),extended_mathml_elements:t("extended_mathml_elements"),fix_list_elements:t("fix_list_elements"),font_size_legacy_values:t("font_size_legacy_values"),forced_root_block:t("forced_root_block"),forced_root_block_attrs:t("forced_root_block_attrs"),preserve_cdata:t("preserve_cdata"),inline_styles:t("inline_styles"),root_name:fO(e),sandbox_iframes:t("sandbox_iframes"),sandbox_iframes_exclusions:mu(e),sanitize:t("xss_sanitization"),validate:!0,blob_cache:n,document:e.getDoc()})},hO=e=>{const t=e.options.get;return gO({custom_elements:t("custom_elements"),extended_valid_elements:t("extended_valid_elements"),invalid_elements:t("invalid_elements"),invalid_styles:t("invalid_styles"),schema:t("schema"),valid_children:t("valid_children"),valid_classes:t("valid_classes"),valid_elements:t("valid_elements"),valid_styles:t("valid_styles"),verify_html:t("verify_html"),padd_empty_block_inline_children:t("format_empty_lines")})},bO=e=>e.inline?e.ui.styleSheetLoader:e.dom.styleSheetLoader,vO=e=>{const t=bO(e),n=Jd(e),o=e.contentCSS,r=()=>{t.unloadAll(o),e.inline||e.ui.styleSheetLoader.unloadAll(n)},s=()=>{e.removed?r():e.on("remove",r)};if(e.contentStyles.length>0){let t="";an.each(e.contentStyles,(e=>{t+=e+"\r\n"})),e.dom.addStyle(t)}const a=Promise.all(((e,t,n)=>{const{pass:o,fail:r}=K(t,(e=>tinymce.Resource.has(SE(e)))),s=o?.map((t=>{const n=tinymce.Resource.get(SE(t));return m(n)?Promise.resolve(bO(e).loadRawCss(t,n)):Promise.resolve()})),a=[...s,bO(e).loadAll(r)];return e.inline?a:a.concat([e.ui.styleSheetLoader.loadAll(n)])})(e,o,n)).then(s).catch(s),i=Qd(e);return i&&((e,t)=>{const n=mn(e.getBody()),o=Gn(Yn(n)),r=cn("style");go(r,"type","text/css"),co(r,un(t)),co(o,r),e.on("remove",(()=>{Eo(r)}))})(e,i),a},yO=e=>{!0!==e.removed&&((e=>{Nw(e)||e.load({initial:!0,format:"html"}),e.startContent=e.getContent({format:"raw"})})(e),(e=>{e.bindPendingEventDelegates(),e.initialized=!0,(e=>{e.dispatch("Init")})(e),e.focus(!0),(e=>{const t=e.dom.getRoot();e.inline||tf(e)&&e.selection.getStart(!0)!==t||km(t).each((t=>{const n=t.getNode(),o=Zr(n)?km(n).getOr(t):t;e.selection.setRng(o.toRange())}))})(e),e.nodeChanged({initial:!0});const t=Lc(e);w(t)&&t.call(e,e),(e=>{const t=Ic(e);t&&sg.setEditorTimeout(e,(()=>{let n;n=!0===t?e:e.editorManager.get(t),n&&!n.destroyed&&(n.focus(),n.selection.scrollIntoView())}),100)})(e),CE(e)&&EE(e,!0)})(e))},CO=e=>{const t=e.getElement();let n=e.getDoc();e.inline&&(mO.addClass(t,"mce-content-body"),e.contentDocument=n=document,e.contentWindow=window,e.bodyElement=t,e.contentAreaContainer=t);const o=e.getBody();o.disabled=!0,e.readonly=xc(e),e._editableRoot=Sc(e),!hu(e)&&e.hasEditableRoot()&&(e.inline&&"static"===mO.getStyle(o,"position",!0)&&(o.style.position="relative"),o.contentEditable="true"),o.disabled=!1,e.editorUpload=PE(e),e.schema=Ra(hO(e)),e.dom=ni(n,{keep_values:!0,url_converter:e.convertURL,url_converter_scope:e,update_styles:!0,root_element:e.inline?e.getBody():null,collect:e.inline,schema:e.schema,contentCssCors:qd(e),referrerPolicy:Wd(e),onSetAttrib:t=>{e.dispatch("SetAttrib",t)}}),e.parser=(e=>{const t=KC(pO(e),e.schema);return t.addAttributeFilter("data-mce-src,data-mce-href,data-mce-style",((e,t)=>{for(let n=0;n<e.length;n++)e[n].attr(t,null)})),t.addAttributeFilter("src,href,style,tabindex",((t,n)=>{const o=e.dom,r="data-mce-"+n;let s=t.length;for(;s--;){const a=t[s];let i=a.attr(n);if(i&&!a.attr(r)){if(0===i.indexOf("data:")||0===i.indexOf("blob:"))continue;"style"===n?(i=o.serializeStyle(o.parseStyle(i),a.name),i.length||(i=null),a.attr(r,i),a.attr(n,i)):"tabindex"===n?(a.attr(r,i),a.attr(n,null)):a.attr(r,e.convertURL(i,n,a.name))}}})),t.addNodeFilter("script",(e=>{let t=e.length;for(;t--;){const n=e[t],o=n.attr("type")||"no/type";0!==o.indexOf("mce-")&&n.attr("type","mce-"+o)}})),ou(e)&&t.addNodeFilter("#cdata",(t=>{var n;let o=t.length;for(;o--;){const r=t[o];r.type=8,r.name="#comment",r.value="[CDATA["+e.dom.encode(null!==(n=r.value)&&void 0!==n?n:"")+"]]"}})),t.addNodeFilter("p,h1,h2,h3,h4,h5,h6,div",(t=>{let n=t.length;const o=e.schema.getNonEmptyElements();for(;n--;){const e=t[n];e.isEmpty(o)&&0===e.getAll("br").length&&e.append(new up("br",1))}})),t})(e),e.serializer=Fw((e=>{const t=e.options.get;return{...pO(e),...hO(e),...gO({remove_trailing_brs:t("remove_trailing_brs"),pad_empty_with_br:t("pad_empty_with_br"),url_converter:t("url_converter"),url_converter_scope:t("url_converter_scope"),element_format:t("element_format"),entities:t("entities"),entity_encoding:t("entity_encoding"),indent:t("indent"),indent_after:t("indent_after"),indent_before:t("indent_before")})}})(e),e),e.selection=Lw(e.dom,e.getWin(),e.serializer,e),e.annotator=Kf(e),e.formatter=VE(e),e.undoManager=WE(e),e._nodeChangeDispatcher=new gA(e),e._selectionOverrides=OT(e),(e=>{const t=Ve(),n=Ne(!1),o=rt((t=>{e.dispatch("longpress",{...t,type:"longpress"}),n.set(!0)}),400);e.on("touchstart",(e=>{ES(e).each((r=>{o.cancel();const s={x:r.clientX,y:r.clientY,target:e.target};o.throttle(e),n.set(!1),t.set(s)}))}),!0),e.on("touchmove",(r=>{o.cancel(),ES(r).each((o=>{t.on((r=>{((e,t)=>{const n=Math.abs(e.clientX-t.x),o=Math.abs(e.clientY-t.y);return n>5||o>5})(o,r)&&(t.clear(),n.set(!1),e.dispatch("longpresscancel"))}))}))}),!0),e.on("touchend touchcancel",(r=>{o.cancel(),"touchcancel"!==r.type&&t.get().filter((e=>e.target.isEqualNode(r.target))).each((()=>{n.get()?r.preventDefault():e.dispatch("tap",{...r,type:"tap"})}))}),!0)})(e),(e=>{(e=>{e.on("click",(t=>{e.dom.getParent(t.target,"details")&&t.preventDefault()}))})(e),(e=>{e.parser.addNodeFilter("details",(t=>{const n=du(e);q(t,(e=>{"expanded"===n?e.attr("open","open"):"collapsed"===n&&e.attr("open",null)}))})),e.serializer.addNodeFilter("details",(t=>{const n=cu(e);q(t,(e=>{"expanded"===n?e.attr("open","open"):"collapsed"===n&&e.attr("open",null)}))}))})(e)})(e),(e=>{const t="contenteditable",n=" "+an.trim(tu(e))+" ",o=" "+an.trim(eu(e))+" ",r=RS(n),s=RS(o),a=nu(e);a.length>0&&e.on("BeforeSetContent",(t=>{((e,t,n)=>{let o=t.length,r=n.content;if("raw"!==n.format){for(;o--;)r=r.replace(t[o],AS(e,r,eu(e)));n.content=r}})(e,a,t)})),e.parser.addAttributeFilter("class",(e=>{let n=e.length;for(;n--;){const o=e[n];r(o)?o.attr(t,"true"):s(o)&&o.attr(t,"false")}})),e.serializer.addAttributeFilter(t,(e=>{let n=e.length;for(;n--;){const o=e[n];if(!r(o)&&!s(o))continue;const i=o.attr("data-mce-content");a.length>0&&i?TS(a,i)?(o.name="#text",o.type=3,o.raw=!0,o.value=i):o.remove():o.attr(t,null)}}))})(e),Nw(e)||((e=>{e.on("mousedown",(t=>{t.detail>=3&&(t.preventDefault(),rT(e))}))})(e),(e=>{cO(e)})(e));const r=fA(e);((e,t)=>{e.addCommand("delete",(()=>{((e,t)=>{wS(e,t,!1).fold((()=>{e.selection.isEditable()&&(Kh(e),Zh(e))}),D)})(e,t)})),e.addCommand("forwardDelete",(()=>{((e,t)=>{wS(e,t,!0).fold((()=>{e.selection.isEditable()&&Yh(e)}),D)})(e,t)}))})(e,r),(e=>{e.on("NodeChange",(()=>(e=>{const t=e.dom,n=e.selection,o=e.schema,r=o.getBlockElements(),s=n.getStart(),a=e.getBody();let i,l,d=null;const c=Ad(e);if(!s||!qr(s))return;const u=a.nodeName.toLowerCase();if(!o.isValidChild(u,c.toLowerCase())||((e,t,n)=>$(Zp(mn(n),mn(t)),(t=>_S(e,t.dom))))(r,a,s))return;if(a.firstChild===a.lastChild&&as(a.firstChild))return i=kS(e),i.appendChild(Oi().dom),a.replaceChild(i,a.firstChild),e.selection.setCursorLocation(i,0),void e.nodeChanged();let m=a.firstChild;for(;m;)if(qr(m)&&Is(o,m),xS(o,m)){if(SS(r,m)){l=m,m=m.nextSibling,t.remove(l);continue}if(!i){if(!d&&e.hasFocus()&&(d=R_(e.selection.getRng(),(()=>document.createElement("span")))),!m.parentNode){m=null;break}i=kS(e),a.insertBefore(i,m)}l=m,m=m.nextSibling,i.appendChild(l)}else i=null,m=m.nextSibling;d&&(e.selection.setRng(A_(d)),e.nodeChanged())})(e)))})(e),(e=>{var t;const n=e.dom,o=Ad(e),r=null!==(t=rc(e))&&void 0!==t?t:"",s=(t,a)=>{if((e=>{if(GE(e)){const t=e.keyCode;return!XE(e)&&(wg.metaKeyPressed(e)||e.altKey||t>=112&&t<=123||H(KE,t))}return!1})(t))return;const i=e.getBody(),l=!(e=>GE(e)&&!(XE(e)||"keyup"===e.type&&229===e.keyCode))(t)&&((e,t,n)=>{if(e.isEmpty(t,void 0,{skipBogus:!1,includeZwsp:!0})){const o=t.firstElementChild;return!o||!e.getStyle(t.firstElementChild,"padding-left")&&!e.getStyle(t.firstElementChild,"padding-right")&&n===o.nodeName.toLowerCase()}return!1})(n,i,o);(""!==n.getAttrib(i,YE)!==l||a)&&(n.setAttrib(i,YE,l?r:null),((e,t)=>{e.dispatch("PlaceholderToggle",{state:t})})(e,l),e.on(l?"keydown":"keyup",s),e.off(l?"keyup":"keydown",s))};et(r)&&e.on("init",(t=>{s(t,!0),e.on("change SetContent ExecCommand",s),e.on("paste",(t=>sg.setEditorTimeout(e,(()=>s(t)))))}))})(e),ZA(e);const s=(e=>{const t=e;return(e=>_e(e.plugins,"rtc").bind((e=>I.from(e.setup))))(e).fold((()=>(t.rtcInstance=kw(e),I.none())),(e=>(t.rtcInstance=(()=>{const e=N(null),t=N("");return{init:{bindEvents:x},undoManager:{beforeChange:x,add:e,undo:e,redo:e,clear:x,reset:x,hasUndo:L,hasRedo:L,transact:e,ignore:x,extra:x},formatter:{match:L,matchAll:N([]),matchNode:N(void 0),canApply:L,closest:t,apply:x,remove:x,toggle:x,formatChanged:N({unbind:x})},editor:{getContent:t,setContent:N({content:"",html:""}),insertContent:N(""),addVisual:x},selection:{getContent:t},autocompleter:{addDecoration:x,removeDecoration:x},raw:{getModel:N(I.none())}}})(),I?.some((()=>e().then((e=>(t.rtcInstance=(e=>{const t=e=>f(e)?e:{},{init:n,undoManager:o,formatter:r,editor:s,selection:a,autocompleter:i,raw:l}=e;return{init:{bindEvents:n.bindEvents},undoManager:{beforeChange:o.beforeChange,add:o.add,undo:o.undo,redo:o.redo,clear:o.clear,reset:o.reset,hasUndo:o.hasUndo,hasRedo:o.hasRedo,transact:(e,t,n)=>o.transact(n),ignore:(e,t)=>o.ignore(t),extra:(e,t,n,r)=>o.extra(n,r)},formatter:{match:(e,n,o,s)=>r.match(e,t(n),s),matchAll:r.matchAll,matchNode:r.matchNode,canApply:e=>r.canApply(e),closest:e=>r.closest(e),apply:(e,n,o)=>r.apply(e,t(n)),remove:(e,n,o,s)=>r.remove(e,t(n)),toggle:(e,n,o)=>r.toggle(e,t(n)),formatChanged:(e,t,n,o,s)=>r.formatChanged(t,n,o,s)},editor:{getContent:e=>s.getContent(e),setContent:(e,t)=>({content:s.setContent(e,t),html:""}),insertContent:(e,t)=>(s.insertContent(e),""),addVisual:s.addVisual},selection:{getContent:(e,t)=>a.getContent(t)},autocompleter:{addDecoration:i.addDecoration,removeDecoration:i.removeDecoration},raw:{getModel:()=>I?.some(l.getRawModel())}}})(e),e.rtc.isRemote))))))))})(e);(e=>{const t=e.getDoc(),n=e.getBody();(e=>{e.dispatch("PreInit")})(e),Fc(e)||(t.body.spellcheck=!1,mO.setAttrib(n,"spellcheck","false")),e.quirks=uO(e),(e=>{e.dispatch("PostRender")})(e);const o=ec(e);void 0!==o&&(n.dir=o);const r=Uc(e);r&&((e,t)=>{((e,t)=>{e.on("BeforeSetContent",(e=>{q(t,(t=>{e.content=e.content.replace(t,(e=>"\x3c!--mce:protected "+escape(e)+"--\x3e"))}))}))})(e,t),((e,t)=>{e.serializer.addNodeFilter("#comment",(e=>{let n=e.length;for(;n--;){const o=e[n],r=o.value;if(0===(null==r?void 0:r.indexOf("mce:protected "))){const e=unescape(r).substr(14);$(t,(t=>{const n=e.match(t);return null!==n&&n[0].length===e.length}))?(o.name="#text",o.type=3,o.raw=!0,o.value=e):o.remove()}}}))})(e,t)})(e,r),e.on("SetContent",(()=>{e.addVisual(e.getBody())})),e.on("compositionstart compositionend",(t=>{e.composing="compositionstart"===t.type}))})(e),(e=>{const t=gu(e);var n;m(pu(e))||!v(t)&&"INVALID"!=((e=>"gpl"===e.toLowerCase())(n=t)||(e=>e.length>=64&&e.length<=255)(n)?"VALID":"INVALID")||console.warn("TinyMCE is running in evaluation mode. Provide a valid license key or add license_key: 'gpl' to the init config to agree to the open source license terms. Read more at https://www.tiny.cloud/license-key/")})(e),s.fold((()=>{const t=(e=>{let t=!1;const n=setTimeout((()=>{t||e.setProgressState(!0)}),500);return()=>{clearTimeout(n),t=!0,e.setProgressState(!1)}})(e);vO(e).then((()=>{yO(e),t()}))}),(t=>{e.setProgressState(!0),vO(e).then((()=>{t().then((t=>{e.setProgressState(!1),yO(e),Tw(e)}),(t=>{e.notificationManager.open({type:"error",text:String(t)}),yO(e),Tw(e)}))}))}))},wO=ni.DOM,EO=ni.DOM,_O=(e,t)=>({editorContainer:e,iframeContainer:t,api:{}}),xO=e=>{const t=e.getElement();return e.inline?_O(null):(e=>{const t=EO.create("div");return EO.insertAfter(t,e),_O(t,t)})(t)},SO=async e=>{e.dispatch("ScriptsLoaded"),(e=>{const t=an.trim(Ud(e)),n=e.ui.registry.getAll().icons,o={...Jw.get("default").icons,...Jw.get(t).icons};pe(o,((t,o)=>{xe(n,o)||e.ui.registry.addIcon(o,t)}))})(e),(e=>{const t=ic(e);if(m(t)){const n=dE.get(t);e.theme=n(e,dE.urls[t])||{},w(e.theme.init)&&e.theme.init(e,dE.urls[t]||e.documentBaseUrl.replace(/\/$/,""))}else e.theme={}})(e),(e=>{const t=dc(e),n=eE.get(t);e.model=n(e,eE.urls[t])})(e),(e=>{const t=[];q(Nc(e),(n=>{((e,t,n)=>{const o=lE.get(n),r=lE.urls[n]||e.documentBaseUrl.replace(/\/$/,"");if(n=an.trim(n),o&&-1===an.inArray(t,n)){if(e.plugins[n])return;try{const s=o(e,r)||{};e.plugins[n]=s,w(s.init)&&(s.init(e,r),t.push(n))}catch(t){((e,t,n)=>{const o=li.translate(["Failed to initialize plugin: {0}",t]);ld(e,"PluginLoadError",{message:o}),pE(o,n),mE(e,o)})(e,n,t)}}})(e,t,(e=>e.replace(/^\-/,""))(n))}))})(e);const t=await(e=>{const t=e.getElement();return e.orgDisplay=t.style.display,m(ic(e))?(e=>{const t=e.theme.renderUI;return t?t():xO(e)})(e):w(ic(e))?(e=>{const t=e.getElement(),n=ic(e)(e,t);return n.editorContainer.nodeType&&(n.editorContainer.id=n.editorContainer.id||e.id+"_parent"),n.iframeContainer&&n.iframeContainer.nodeType&&(n.iframeContainer.id=n.iframeContainer.id||e.id+"_iframecontainer"),n.height=n.iframeHeight?n.iframeHeight:t.offsetHeight,n})(e):xO(e)})(e);((e,t)=>{const n={show:I.from(t.show).getOr(x),hide:I.from(t.hide).getOr(x),isEnabled:I.from(t.isEnabled).getOr(M),setEnabled:n=>{n&&("readonly"===e.mode.get()||CE(e))||I.from(t.setEnabled).each((e=>e(n)))}};e.ui={...e.ui,...n}})(e,I.from(t.api).getOr({})),e.editorContainer=t.editorContainer,(e=>{e.contentCSS=e.contentCSS.concat((e=>kE(e,Zd(e)))(e),(e=>kE(e,Jd(e)))(e))})(e),e.inline?CO(e):((e,t)=>{((e,t)=>{const n=nn.browser.isFirefox()?Pc(e):"Rich Text Area",o=e.translate(n),r=bo(mn(e.getElement()),"tabindex").bind(nt),s=((e,t,n,o)=>{const r=cn("iframe");return o.each((e=>go(r,"tabindex",e))),po(r,n),po(r,{id:e+"_ifr",frameBorder:"0",allowTransparency:"true",title:t}),cr(r,"tox-edit-area__iframe"),r})(e.id,o,Ed(e),r).dom;s.onload=()=>{s.onload=null,e.dispatch("load")},e.contentAreaContainer=t.iframeContainer,e.iframeElement=s,e.iframeHTML=(e=>{let t=_d(e)+"<html><head>";xd(e)!==e.documentBaseUrl&&(t+='<base href="'+e.documentBaseURI.getURI()+'" />'),t+='<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';const n=Sd(e),o=kd(e),r=e.translate(Pc(e));return Nd(e)&&(t+='<meta http-equiv="Content-Security-Policy" content="'+Nd(e)+'" />'),t+=`</head><body id="${n}" class="mce-content-body ${o}" data-id="${e.id}" aria-label="${r}"><br></body></html>`,t})(e),wO.add(t.iframeContainer,s)})(e,t),t.editorContainer&&(t.editorContainer.style.display=e.orgDisplay,e.hidden=wO.isHidden(t.editorContainer)),e.getElement().style.display="none",wO.setAttrib(e.id,"aria-hidden","true"),e.getElement().style.visibility=e.orgVisibility,(e=>{const t=e.iframeElement,n=()=>{e.contentDocument=t.contentDocument,CO(e)};if(au(e)||nn.browser.isFirefox()){const t=e.getDoc();t.open(),t.write(e.iframeHTML),t.close(),n()}else{const r=(o=mn(t),Jn(o,"load",to,(()=>{r.unbind(),n()})));t.srcdoc=e.iframeHTML}var o})(e)})(e,{editorContainer:t.editorContainer,iframeContainer:t.iframeContainer})},kO=ni.DOM,NO=e=>"-"===e.charAt(0),RO=(e,t,n)=>I.from(t).filter((e=>et(e)&&!Jw.has(e)))?.map((t=>({url:`${e.editorManager.baseURL}/icons/${t}/icons${n}.js`,name:I?.some(t)}))),AO=(e,t)=>{const n=ri.ScriptLoader,o=()=>{!e.removed&&(e=>{const t=ic(e);return!m(t)||C(dE.get(t))})(e)&&(e=>{const t=dc(e);return C(eE.get(t))})(e)&&SO(e)};((e,t)=>{const n=ic(e);if(m(n)&&!NO(n)&&!xe(dE.urls,n)){const o=lc(e),r=o?e.documentBaseURI.toAbsolute(o):`themes/${n}/theme${t}.js`;dE.load(n,r).catch((()=>{((e,t,n)=>{fE(e,"ThemeLoadError",gE("theme",t,n))})(e,r,n)}))}})(e,t),((e,t)=>{const n=dc(e);if("plugin"!==n&&!xe(eE.urls,n)){const o=cc(e),r=m(o)?e.documentBaseURI.toAbsolute(o):`models/${n}/model${t}.js`;eE.load(n,r).catch((()=>{((e,t,n)=>{fE(e,"ModelLoadError",gE("model",t,n))})(e,r,n)}))}})(e,t),((e,t)=>{const n=Kd(t),o=Yd(t);if(!li.hasCode(n)&&"en"!==n){const r=et(o)?o:`${t.editorManager.baseURL}/langs/${n}.js`;e.add(r).catch((()=>{((e,t,n)=>{fE(e,"LanguageLoadError",gE("language",t,n))})(t,r,n)}))}})(n,e),((e,t,n)=>{const o=RO(t,"default",n),r=(e=>I.from(zd(e)).filter(et)?.map((e=>({url:e,name:I.none()}))))(t).orThunk((()=>RO(t,Ud(t),"")));q((e=>{const t=[],n=e=>{t.push(e)};for(let t=0;t<e.length;t++)e[t].each(n);return t})([o,r]),(n=>{e.add(n.url).catch((()=>{((e,t,n)=>{fE(e,"IconsLoadError",gE("icons",t,n))})(t,n.url,n.name.getOrUndefined())}))}))})(n,e,t),((e,t)=>{const n=(t,n)=>{lE.load(t,n).catch((()=>{((e,t,n)=>{fE(e,"PluginLoadError",gE("plugin",t,n))})(e,n,t)}))};pe(Rc(e),((t,o)=>{n(o,t),e.options.set("plugins",Nc(e).concat(o))})),q(Nc(e),(e=>{!(e=an.trim(e))||lE.urls[e]||NO(e)||n(e,`plugins/${e}/plugin${t}.js`)}))})(e,t),n.loadQueue().then(o,o)},TO=Kt().deviceType,OO=TO.isPhone(),BO=TO.isTablet(),PO=e=>{if(y(e))return[];{const t=p(e)?e:e.split(/[ ,]/),n=V(t,Ze);return Y(n,et)}},DO=(e,t)=>{const n=(t=>{const n={},o={};return ye(t,((t,n)=>H(e,n)),ve(n),ve(o)),{t:n,f:o}})(t);return o=n.t,r=n.f,{sections:N(o),options:N(r)};var o,r},LO=(e,t)=>xe(e.sections(),t),MO=(e,t)=>({table_grid:!1,object_resizing:!1,resize:!1,toolbar_mode:_e(e,"toolbar_mode").getOr("scrolling"),toolbar_sticky:!1,...t?{menubar:!1}:{}}),IO=(e,t)=>{var n;const o=null!==(n=t.external_plugins)&&void 0!==n?n:{};return e&&e.external_plugins?an.extend({},e.external_plugins,o):o},FO=(e,t,n,o,r)=>{var s;const a=e?{mobile:MO(null!==(s=r.mobile)&&void 0!==s?s:{},t)}:{},i=DO(["mobile"],Me(a,r)),l=an.extend(n,o,i.options(),((e,t)=>e&&LO(t,"mobile"))(e,i)?((e,t,n={})=>{const o=e.sections(),r=_e(o,t).getOr({});return an.extend({},n,r)})(i,"mobile"):{},{external_plugins:IO(o,i.options())});return((e,t,n,o)=>{const r=PO(n.forced_plugins),s=PO(o.plugins),a=((e,t)=>LO(e,t)?e.sections()[t]:{})(t,"mobile"),i=((e,t,n,o)=>e&&LO(t,"mobile")?o:n)(e,t,s,a.plugins?PO(a.plugins):s),l=((e,t)=>[...PO(e),...PO(t)])(r,i);return an.extend(o,{forced_plugins:r,plugins:l})})(e,i,o,l)},UO=e=>{(e=>{const t=t=>()=>{q("left,center,right,justify".split(","),(n=>{t!==n&&e.formatter.remove("align"+n)})),"none"!==t&&(t=>{e.formatter.toggle(t,void 0),e.nodeChanged()})("align"+t)};e.editorCommands.addCommands({JustifyLeft:t("left"),JustifyCenter:t("center"),JustifyRight:t("right"),JustifyFull:t("justify"),JustifyNone:t("none")})})(e),(e=>{const t=t=>()=>{const n=e.selection,o=n.isCollapsed()?[e.dom.getParent(n.getNode(),e.dom.isBlock)]:n.getSelectedBlocks();return $(o,(n=>C(e.formatter.matchNode(n,t))))};e.editorCommands.addCommands({JustifyLeft:t("alignleft"),JustifyCenter:t("aligncenter"),JustifyRight:t("alignright"),JustifyFull:t("alignjustify")},"state")})(e)},zO=(e,t)=>{const n=e.selection,o=e.dom;return/^ | $/.test(t)?((e,t,n,o)=>{const r=mn(e.getRoot());return n=Ch(r,Pl.fromRangeStart(t),o)?n.replace(/^ /,"&nbsp;"):n.replace(/^&nbsp;/," "),wh(r,Pl.fromRangeEnd(t),o)?n.replace(/(&nbsp;| )(<br( \/)>)?$/,"&nbsp;"):n.replace(/&nbsp;(<br( \/)?>)?$/," ")})(o,n.getRng(),t,e.schema):t},jO=(e,t)=>{if(e.selection.isEditable()){const{content:n,details:o}=(e=>{if("string"!=typeof e){const t=an.extend({paste:e.paste,data:{paste:e.paste}},e);return{content:e.content,details:t}}return{content:e,details:{}}})(t);QC(e,{...o,content:zO(e,n),format:"html",set:!1,selection:!0}).each((t=>{const n=((e,t,n)=>Rw(e).editor.insertContent(t,n))(e,t.content,o);JC(e,n,t),e.addVisual()}))}},HO={"font-size":"size","font-family":"face"},$O=On("font"),VO=e=>(t,n)=>I.from(n)?.map(mn).filter(Nn).bind((n=>((e,t,n)=>_r(mn(n),(t=>(t=>Io(t,e).orThunk((()=>$O(t)?_e(HO,e).bind((e=>bo(t,e))):I.none())))(t)),(e=>Cn(mn(t),e))))(e,t,n.dom).or(((e,t)=>I.from(ni.DOM.getStyle(t,e,!0)))(e,n.dom)))).getOr(""),qO=VO("font-size"),WO=S((e=>e.replace(/[\'\"\\]/g,"").replace(/,\s+/g,",")),VO("font-family")),KO=e=>km(e.getBody()).bind((e=>{const t=e.container();return I.from(es(t)?t.parentNode:t)})),YO=(e,t)=>((e,t)=>(e=>I.from(e.selection.getRng()).bind((t=>{const n=e.getBody();return t.startContainer===n&&0===t.startOffset?I.none():I.from(e.selection.getStart(!0))})))(e).orThunk(T(KO,e))?.map(mn).filter(Nn).bind(t))(e,k(I.some,t)),GO=(e,t)=>{if(/^[0-9.]+$/.test(t)){const n=parseInt(t,10);if(n>=1&&n<=7){const o=(e=>an.explode(e.options.get("font_size_style_values")))(e),r=(e=>an.explode(e.options.get("font_size_classes")))(e);return r.length>0?r[n-1]||t:o[n-1]||t}return t}return t},XO=e=>{const t=e.split(/\s*,\s*/);return V(t,(e=>-1===e.indexOf(" ")||Ye(e,'"')||Ye(e,"'")?e:`'${e}'`)).join(",")},ZO=(e,t)=>{if(e.mode.isReadOnly())return;const n=e.dom,o=e.selection.getRng(),r=t?e.selection.getStart():e.selection.getEnd(),s=t?o.startContainer:o.endContainer,a=fR(n,s);if(!a||!a.isContentEditable)return;const i=t?ao:io,l=Ad(e);((e,t,n,o)=>{const r=e.dom,s=e=>r.isBlock(e)&&e.parentElement===n,a=s(t)?t:r.getParent(o,s,n);return I.from(a)?.map(mn)})(e,r,a,s).each((t=>{const n=bR(e,s,t.dom,a,!1,l);i(t,mn(n)),e.selection.setCursorLocation(n,0),e.dispatch("NewBlock",{newBlock:n}),aR(e,"insertParagraph")}))},QO=e=>{UO(e),(e=>{e.editorCommands.addCommands({"Cut,Copy,Paste":t=>{const n=e.getDoc();let o;try{n.execCommand(t)}catch(e){o=!0}if("paste"!==t||n.queryCommandEnabled(t)||(o=!0),o||!n.queryCommandSupported(t)){let t=e.translate("Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.");(nn.os.isMacOS()||nn.os.isiOS())&&(t=t.replace(/Ctrl\+/g,"\u2318+")),e.notificationManager.open({text:t,type:"error"})}}})})(e),(e=>{e.editorCommands.addCommands({mceAddUndoLevel:()=>{e.undoManager.add()},mceEndUndoLevel:()=>{e.undoManager.add()},Undo:()=>{e.undoManager.undo()},Redo:()=>{e.undoManager.redo()}})})(e),(e=>{e.editorCommands.addCommands({mceSelectNodeDepth:(t,n,o)=>{let r=0;e.dom.getParent(e.selection.getNode(),(t=>!qr(t)||r++!==o||(e.selection.select(t),!1)),e.getBody())},mceSelectNode:(t,n,o)=>{e.selection.select(o)},selectAll:()=>{const t=e.dom.getParent(e.selection.getStart(),ds);if(t){const n=e.dom.createRng();n.selectNodeContents(t),e.selection.setRng(n)}}})})(e),(e=>{e.editorCommands.addCommands({mceCleanup:()=>{const t=e.selection.getBookmark();e.setContent(e.getContent()),e.selection.moveToBookmark(t)},insertImage:(t,n,o)=>{jO(e,e.dom.createHTML("img",{src:o}))},insertHorizontalRule:()=>{e.execCommand("mceInsertContent",!1,"<hr>")},insertText:(t,n,o)=>{jO(e,e.dom.encode(o))},insertHTML:(t,n,o)=>{jO(e,o)},mceInsertContent:(t,n,o)=>{jO(e,o)},mceSetContent:(t,n,o)=>{e.setContent(o)},mceReplaceContent:(t,n,o)=>{e.execCommand("mceInsertContent",!1,o.replace(/\{\$selection\}/g,e.selection.getContent({format:"text"})))},mceNewDocument:()=>{e.setContent(Vc(e))}})})(e),(e=>{const t=(t,n,o)=>{if(e.mode.isReadOnly())return;const r=m(o)?{href:o}:o,s=e.dom.getParent(e.selection.getNode(),"a");f(r)&&m(r.href)&&(r.href=r.href.replace(/ /g,"%20"),s&&r.href||e.formatter.remove("link"),r.href&&e.formatter.apply("link",r,s))};e.editorCommands.addCommands({unlink:()=>{if(e.selection.isEditable()){if(e.selection.isCollapsed()){const t=e.dom.getParent(e.selection.getStart(),"a");return void(t&&e.dom.remove(t,!0))}e.formatter.remove("link")}},mceInsertLink:t,createLink:t})})(e),(e=>{e.editorCommands.addCommands({Indent:()=>{(e=>{vS(e,"indent")})(e)},Outdent:()=>{yS(e)}}),e.editorCommands.addCommands({Outdent:()=>pS(e)},"state")})(e),(e=>{e.editorCommands.addCommands({InsertNewBlockBefore:()=>{(e=>{ZO(e,!0)})(e)},InsertNewBlockAfter:()=>{(e=>{ZO(e,!1)})(e)}})})(e),(e=>{e.editorCommands.addCommands({insertParagraph:()=>{XR(RR,e)},mceInsertNewLine:(t,n,o)=>{ZR(e,o)},InsertLineBreak:(t,n,o)=>{XR(MR,e)}})})(e),(e=>{(e=>{const t=(t,n)=>{e.formatter.toggle(t,n),e.nodeChanged()};e.editorCommands.addCommands({"Bold,Italic,Underline,Strikethrough,Superscript,Subscript":e=>{t(e)},"ForeColor,HiliteColor":(e,n,o)=>{t(e,{value:o})},BackColor:(e,n,o)=>{t("hilitecolor",{value:o})},FontName:(t,n,o)=>{((e,t)=>{const n=GO(e,t);e.formatter.toggle("fontname",{value:XO(n)}),e.nodeChanged()})(e,o)},FontSize:(t,n,o)=>{((e,t)=>{e.formatter.toggle("fontsize",{value:GO(e,t)}),e.nodeChanged()})(e,o)},LineHeight:(t,n,o)=>{((e,t)=>{e.formatter.toggle("lineheight",{value:String(t)}),e.nodeChanged()})(e,o)},Lang:(e,n,o)=>{var r;t(e,{value:o.code,customValue:null!==(r=o.customCode)&&void 0!==r?r:null})},RemoveFormat:t=>{e.formatter.remove(t)},mceBlockQuote:()=>{t("blockquote")},FormatBlock:(e,n,o)=>{t(m(o)?o:"p")},mceToggleFormat:(e,n,o)=>{t(o)}})})(e),(e=>{const t=t=>e.formatter.match(t);e.editorCommands.addCommands({"Bold,Italic,Underline,Strikethrough,Superscript,Subscript":e=>t(e),mceBlockQuote:()=>t("blockquote")},"state"),e.editorCommands.addQueryValueHandler("FontName",(()=>(e=>YO(e,(t=>WO(e.getBody(),t.dom))).getOr(""))(e))),e.editorCommands.addQueryValueHandler("FontSize",(()=>(e=>YO(e,(t=>qO(e.getBody(),t.dom))).getOr(""))(e))),e.editorCommands.addQueryValueHandler("LineHeight",(()=>(e=>YO(e,(t=>{const n=mn(e.getBody()),o=_r(t,(e=>Io(e,"line-height")),T(Cn,n));return o.getOrThunk((()=>{const e=parseFloat(Lo(t,"line-height")),n=parseFloat(Lo(t,"font-size"));return String(e/n)}))})).getOr(""))(e)))})(e)})(e),(e=>{e.editorCommands.addCommands({mceRemoveNode:(t,n,o)=>{const r=null!=o?o:e.selection.getNode();if(r!==e.getBody()){const t=e.selection.getBookmark();e.dom.remove(r,!0),e.selection.moveToBookmark(t)}},mcePrint:()=>{e.getWin().print()},mceFocus:(t,n,o)=>{((e,t)=>{e.removed||(t?Cg(e):(e=>{const t=e.selection,n=e.getBody();let o=t.getRng();e.quirks.refreshContentEditable();const r=e=>{og(e).each((t=>{e.selection.setRng(t),o=t}))};!vg(e)&&e.hasEditableRoot()&&r(e);const s=((e,t)=>e.dom.getParent(t,(t=>"true"===e.dom.getContentEditable(t))))(e,t.getNode());if(s&&e.dom.isChildOf(s,n))return((e,t)=>null!==e.dom.getParent(t,(t=>"false"===e.dom.getContentEditable(t))))(e,s)||bg(n),bg(s),e.hasEditableRoot()||r(e),hg(e,o),void Cg(e);e.inline||(nn.browser.isOpera()||bg(n),e.getWin().focus()),(nn.browser.isFirefox()||e.inline)&&(bg(n),hg(e,o)),Cg(e)})(e))})(e,!0===o)},mceToggleVisualAid:()=>{e.hasVisual=!e.hasVisual,e.addVisual()}})})(e)},JO=["toggleview"],eB=e=>H(JO,e.toLowerCase());class tB{constructor(e){this.commands={state:{},exec:{},value:{}},this.editor=e}execCommand(e,t=!1,n,o){const r=this.editor,s=e.toLowerCase(),a=null==o?void 0:o.skip_focus;if(r.removed)return!1;if("mcefocus"!==s&&(/^(mceAddUndoLevel|mceEndUndoLevel)$/i.test(s)||a?(e=>{og(e).each((t=>e.selection.setRng(t)))})(r):r.focus()),r.dispatch("BeforeExecCommand",{command:e,ui:t,value:n}).isDefaultPrevented())return!1;const i=this.commands.exec[s];return!!w(i)&&(i(s,t,n),r.dispatch("ExecCommand",{command:e,ui:t,value:n}),!0)}queryCommandState(e){if(!eB(e)&&this.editor.quirks.isHidden()||this.editor.removed)return!1;const t=e.toLowerCase(),n=this.commands.state[t];return!!w(n)&&n(t)}queryCommandValue(e){if(!eB(e)&&this.editor.quirks.isHidden()||this.editor.removed)return"";const t=e.toLowerCase(),n=this.commands.value[t];return w(n)?n(t):""}addCommands(e,t="exec"){const n=this.commands;pe(e,((e,o)=>{q(o.toLowerCase().split(","),(o=>{n[t][o]=e}))}))}addCommand(e,t,n){const o=e.toLowerCase();this.commands.exec[o]=(e,o,r)=>t.call(null!=n?n:this.editor,o,r)}queryCommandSupported(e){const t=e.toLowerCase();return!!this.commands.exec[t]}addQueryStateHandler(e,t,n){this.commands.state[e.toLowerCase()]=()=>t.call(null!=n?n:this.editor)}addQueryValueHandler(e,t,n){this.commands.value[e.toLowerCase()]=()=>t.call(null!=n?n:this.editor)}}const nB=an.makeMap("focus blur focusin focusout click dblclick mousedown mouseup mousemove mouseover beforepaste paste cut copy selectionchange mouseout mouseenter mouseleave wheel keydown keypress keyup input beforeinput contextmenu dragstart dragend dragover draggesture dragdrop drop drag submit compositionstart compositionend compositionupdate touchstart touchmove touchend touchcancel"," ");class oB{static isNative(e){return!!nB[e.toLowerCase()]}constructor(e){this.bindings={},this.settings=e||{},this.scope=this.settings.scope||this,this.toggleEvent=this.settings.toggleEvent||L}fire(e,t){return this.dispatch(e,t)}dispatch(e,t){const n=e.toLowerCase(),o=za(n,null!=t?t:{},this.scope);this.settings.beforeFire&&this.settings.beforeFire(o);const r=this.bindings[n];if(r)for(let e=0,t=r.length;e<t;e++){const t=r[e];if(!t.removed){if(t.once&&this.off(n,t.func),o.isImmediatePropagationStopped())return o;if(!1===t.func.call(this.scope,o))return o.preventDefault(),o}}return o}on(e,t,n,o){if(!1===t&&(t=L),t){const r={func:t,removed:!1};o&&an.extend(r,o);const s=e.toLowerCase().split(" ");let a=s.length;for(;a--;){const e=s[a];let t=this.bindings[e];t||(t=[],this.toggleEvent(e,!0)),t=n?[r,...t]:[...t,r],this.bindings[e]=t}}return this}off(e,t){if(e){const n=e.toLowerCase().split(" ");let o=n.length;for(;o--;){const r=n[o];let s=this.bindings[r];if(!r)return pe(this.bindings,((e,t)=>{this.toggleEvent(t,!1),delete this.bindings[t]})),this;if(s){if(t){const e=K(s,(e=>e.func===t));s=e.fail,this.bindings[r]=s,q(e.pass,(e=>{e.removed=!0}))}else s.length=0;s.length||(this.toggleEvent(e,!1),delete this.bindings[r])}}}else pe(this.bindings,((e,t)=>{this.toggleEvent(t,!1)})),this.bindings={};return this}once(e,t,n){return this.on(e,t,n,{once:!0})}has(e){e=e.toLowerCase();const t=this.bindings[e];return!(!t||0===t.length)}}const rB=e=>(e._eventDispatcher||(e._eventDispatcher=new oB({scope:e,toggleEvent:(t,n)=>{oB.isNative(t)&&e.toggleNativeEvent&&e.toggleNativeEvent(t,n)}})),e._eventDispatcher),sB={fire(e,t,n){return console.warn('The "fire" event api has been deprecated and will be removed in TinyMCE 9. Use "dispatch" instead.',(new Error).stack),this.dispatch(e,t,n)},dispatch(e,t,n){const o=this;if(o.removed&&"remove"!==e&&"detach"!==e)return za(e.toLowerCase(),null!=t?t:{},o);const r=rB(o).dispatch(e,t);if(!1!==n&&o.parent){let t=o.parent();for(;t&&!r.isPropagationStopped();)t.dispatch(e,r,!1),t=t.parent?t.parent():void 0}return r},on(e,t,n){return rB(this).on(e,t,n)},off(e,t){return rB(this).off(e,t)},once(e,t){return rB(this).once(e,t)},hasEventListeners(e){return rB(this).has(e)}},aB=ni.DOM;let iB;const lB=(e,t)=>{if("selectionchange"===t)return e.getDoc();if(!e.inline&&/^(?:mouse|touch|click|contextmenu|drop|dragover|dragend)/.test(t))return e.getDoc().documentElement;const n=sc(e);return n?(e.eventRoot||(e.eventRoot=aB.select(n)[0]),e.eventRoot):e.getBody()},dB=(e,t,n)=>{(e=>!e.hidden&&!CE(e))(e)?e.dispatch(t,n):CE(e)&&((e,t)=>{if((e=>"click"===e.type)(t)&&!wg.metaKeyPressed(t)){const n=mn(t.target);((e,t)=>sr(t,"a",(t=>Cn(t,mn(e.getBody())))).bind((e=>bo(e,"href"))))(e,n).each((n=>{if(t.preventDefault(),/^#/.test(n)){const t=e.dom.select(`${n},[name="${We(n,"#")}"]`);t.length&&e.selection.scrollIntoView(t[0],!0)}else window.open(n,"_blank","rel=noopener noreferrer,menubar=yes,toolbar=yes,location=yes,status=yes,resizable=yes,scrollbars=yes")}))}else(e=>H(xE,e.type))(t)&&e.dispatch(t.type,t)})(e,n)},cB=(e,t)=>{if(e.delegates||(e.delegates={}),e.delegates[t]||e.removed)return;const n=lB(e,t);if(sc(e)){if(iB||(iB={},e.editorManager.on("removeEditor",(()=>{e.editorManager.activeEditor||iB&&(pe(iB,((t,n)=>{e.dom.unbind(lB(e,n))})),iB=null)}))),iB[t])return;const o=n=>{const o=n.target,r=e.editorManager.get();let s=r.length;for(;s--;){const e=r[s].getBody();(e===o||aB.isChildOf(o,e))&&dB(r[s],t,n)}};iB[t]=o,aB.bind(n,t,o)}else{const o=n=>{dB(e,t,n)};aB.bind(n,t,o),e.delegates[t]=o}},uB={...sB,bindPendingEventDelegates(){const e=this;an.each(e._pendingNativeEvents,(t=>{cB(e,t)}))},toggleNativeEvent(e,t){const n=this;"focus"!==e&&"blur"!==e&&(n.removed||(t?n.initialized?cB(n,e):n._pendingNativeEvents?n._pendingNativeEvents.push(e):n._pendingNativeEvents=[e]:n.initialized&&n.delegates&&(n.dom.unbind(lB(n,e),e,n.delegates[e]),delete n.delegates[e])))},unbindAllNativeEvents(){const e=this,t=e.getBody(),n=e.dom;e.delegates&&(pe(e.delegates,((t,n)=>{e.dom.unbind(lB(e,n),n,t)})),delete e.delegates),!e.inline&&t&&n&&(t.onload=null,n.unbind(e.getWin()),n.unbind(e.getDoc())),n&&(n.unbind(t),n.unbind(e.getContainer()))}},mB=e=>m(e)?{value:e.split(/[ ,]/),valid:!0}:_(e,m)?{value:e,valid:!0}:{valid:!1,message:"The value must be a string[] or a comma/space separated string."},fB=(e,t)=>e+(tt(t.message)?"":`. ${t.message}`),gB=e=>e.valid,pB=(e,t,n="")=>{const o=t(e);return b(o)?o?{value:e,valid:!0}:{valid:!1,message:n}:o},hB=e=>e.readonly,bB=["design","readonly"],vB=(e,t,n,o)=>{const r=n[t.get()],s=n[o];try{s.activate()}catch(e){return void console.error(`problem while activating editor mode ${o}:`,e)}r.deactivate(),r.editorReadOnly!==s.editorReadOnly&&((e,t)=>{const n=mn(e.getBody());t?(e.readonly=!0,e.hasEditableRoot()&&(n.dom.contentEditable="true"),vE(e)):(e.readonly=!1,yE(e))})(e,s.editorReadOnly),t.set(o),((e,t)=>{e.dispatch("SwitchMode",{mode:t})})(e,o)},yB=e=>{const t=Ne("design"),n=Ne({design:{activate:x,deactivate:x,editorReadOnly:!1},readonly:{activate:x,deactivate:x,editorReadOnly:!0}});return(e=>{const t=t=>{hB(e)&&(e=>$(e,(e=>"characterData"===e.type||"childList"===e.type)))(t)&&(e=>{const t=e.undoManager.add();C(t)&&(e.undoManager.undo(),e.undoManager.reset())})(e)},n=new MutationObserver(t);e.on("beforeinput paste cut dragend dragover draggesture dragdrop drop drag",(t=>{hB(e)&&t.preventDefault()})),e.on("BeforeExecCommand",(t=>{"Undo"!==t.command&&"Redo"!==t.command||!hB(e)||t.preventDefault()})),e.on("compositionstart",(()=>{hB(e)&&n.observe(e.getBody(),{characterData:!0,childList:!0,subtree:!0})})),e.on("compositionend",(()=>{if(hB(e)){const e=n.takeRecords();t(e)}n.disconnect()}))})(e),(e=>{(e=>{e.serializer?_E(e):e.on("PreInit",(()=>{_E(e)}))})(e),(e=>{e.on("ShowCaret ObjectSelected",(t=>{CE(e)&&t.preventDefault()})),e.on("DisabledStateChange",(t=>{t.isDefaultPrevented()||EE(e,t.state)}))})(e)})(e),{isReadOnly:()=>hB(e),set:o=>((e,t,n,o)=>{if(!(o===n.get()||e.initialized&&CE(e))){if(!xe(t,o))throw new Error(`Editor mode '${o}' is invalid`);e.initialized?vB(e,n,t,o):e.on("init",(()=>vB(e,n,t,o)))}})(e,n.get(),t,o),get:()=>t.get(),register:(e,t)=>{n.set(((e,t,n)=>{if(H(bB,t))throw new Error(`Cannot override default mode ${t}`);return{...e,[t]:{...n,deactivate:()=>{try{n.deactivate()}catch(e){console.error(`problem while deactivating editor mode ${t}:`,e)}}}}})(n.get(),e,t))}}},CB=an.each,wB=an.explode,EB={f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},_B=an.makeMap("alt,ctrl,shift,meta,access"),xB=e=>{const t={},n=nn.os.isMacOS()||nn.os.isiOS();CB(wB(e.toLowerCase(),"+"),(e=>{(e=>e in _B)(e)?t[e]=!0:/^[0-9]{2,}$/.test(e)?t.keyCode=parseInt(e,10):(t.charCode=e.charCodeAt(0),t.keyCode=EB[e]||e.toUpperCase().charCodeAt(0))}));const o=[t.keyCode];let r;for(r in _B)t[r]?o.push(r):t[r]=!1;return t.id=o.join(","),t.access&&(t.alt=!0,n?t.ctrl=!0:t.shift=!0),t.meta&&(n?t.meta=!0:(t.ctrl=!0,t.meta=!1)),t};class SB{constructor(e){this.shortcuts={},this.pendingPatterns=[],this.editor=e;const t=this;e.on("keyup keypress keydown",(e=>{!t.hasModifier(e)&&!t.isFunctionKey(e)||e.isDefaultPrevented()||(CB(t.shortcuts,(n=>{t.matchShortcut(e,n)&&(t.pendingPatterns=n.subpatterns.slice(0),"keydown"===e.type&&t.executeShortcutAction(n))})),t.matchShortcut(e,t.pendingPatterns[0])&&(1===t.pendingPatterns.length&&"keydown"===e.type&&t.executeShortcutAction(t.pendingPatterns[0]),t.pendingPatterns.shift()))}))}add(e,t,n,o){const r=this,s=r.normalizeCommandFunc(n);return CB(wB(an.trim(e)),(e=>{const n=r.createShortcut(e,t,s,o);r.shortcuts[n.id]=n})),!0}remove(e){const t=this.createShortcut(e);return!!this.shortcuts[t.id]&&(delete this.shortcuts[t.id],!0)}normalizeCommandFunc(e){const t=this,n=e;return"string"==typeof n?()=>{t.editor.execCommand(n,!1,null)}:an.isArray(n)?()=>{t.editor.execCommand(n[0],n[1],n[2])}:n}createShortcut(e,t,n,o){const r=an?.map(wB(e,">"),xB);return r[r.length-1]=an.extend(r[r.length-1],{func:n,scope:o||this.editor}),an.extend(r[0],{desc:this.editor.translate(t),subpatterns:r.slice(1)})}hasModifier(e){return e.altKey||e.ctrlKey||e.metaKey}isFunctionKey(e){return"keydown"===e.type&&e.keyCode>=112&&e.keyCode<=123}matchShortcut(e,t){return!!t&&t.ctrl===e.ctrlKey&&t.meta===e.metaKey&&t.alt===e.altKey&&t.shift===e.shiftKey&&!!(e.keyCode===t.keyCode||e.charCode&&e.charCode===t.charCode)&&(e.preventDefault(),!0)}executeShortcutAction(e){return e.func?e.func.call(e.scope):null}}const kB=()=>{const e=(()=>{const e={},t={},n={},o={},r={},s={},a={},i={},l={},d=(e,t)=>(n,o)=>{e[n.toLowerCase()]={...o,type:t}};return{addButton:d(e,"button"),addGroupToolbarButton:d(e,"grouptoolbarbutton"),addToggleButton:d(e,"togglebutton"),addMenuButton:d(e,"menubutton"),addSplitButton:d(e,"splitbutton"),addMenuItem:d(t,"menuitem"),addNestedMenuItem:d(t,"nestedmenuitem"),addToggleMenuItem:d(t,"togglemenuitem"),addAutocompleter:d(n,"autocompleter"),addContextMenu:d(r,"contextmenu"),addContextToolbar:d(s,"contexttoolbar"),addContextForm:(c=s,(e,t)=>{c[e.toLowerCase()]={type:"contextform",...t}}),addSidebar:d(i,"sidebar"),addView:d(l,"views"),addIcon:(e,t)=>o[e.toLowerCase()]=t,addContext:(e,t)=>a[e.toLowerCase()]=t,getAll:()=>({buttons:e,menuItems:t,icons:o,popups:n,contextMenus:r,contextToolbars:s,sidebars:i,views:l,contexts:a})};var c})();return{addAutocompleter:e.addAutocompleter,addButton:e.addButton,addContextForm:e.addContextForm,addContextMenu:e.addContextMenu,addContextToolbar:e.addContextToolbar,addIcon:e.addIcon,addMenuButton:e.addMenuButton,addMenuItem:e.addMenuItem,addNestedMenuItem:e.addNestedMenuItem,addSidebar:e.addSidebar,addSplitButton:e.addSplitButton,addToggleButton:e.addToggleButton,addGroupToolbarButton:e.addGroupToolbarButton,addToggleMenuItem:e.addToggleMenuItem,addView:e.addView,addContext:e.addContext,getAll:e.getAll}},NB=ni.DOM,RB=an.extend,AB=an.each;class TB{constructor(e,t,n){this.plugins={},this.contentCSS=[],this.contentStyles=[],this.loadedCSS={},this.isNotDirty=!1,this.composing=!1,this.destroyed=!1,this.hasHiddenInput=!1,this.iframeElement=null,this.initialized=!1,this.readonly=!1,this.removed=!1,this.startContent="",this._pendingNativeEvents=[],this._skinLoaded=!1,this._editableRoot=!0,this.editorManager=n,this.documentBaseUrl=n.documentBaseURL,RB(this,uB);const o=this;this.id=e,this.hidden=!1;const r=((e,t)=>{const n=Ie(t);return FO(OO||BO,OO,n,e,n)})(n.defaultOptions,t);this.options=((e,t,n=t)=>{const o={},r={},s=(e,t,n)=>{const o=pB(t,n);return gB(o)?(r[e]=o.value,!0):(console.warn(fB(`Invalid value passed for the ${e} option`,o)),!1)},a=e=>xe(o,e);return{register:(e,n)=>{const a=(e=>m(e.processor))(n)?(e=>{const t=(()=>{switch(e){case"array":return p;case"boolean":return b;case"function":return w;case"number":return E;case"object":return f;case"string":return m;case"string[]":return mB;case"object[]":return e=>_(e,f);case"regexp":return e=>u(e,RegExp);default:return M}})();return n=>pB(n,t,`The value must be a ${e}.`)})(n.processor):n.processor,i=((e,t,n)=>{if(!v(t)){const o=pB(t,n);if(gB(o))return o.value;console.error(fB(`Invalid default value passed for the "${e}" option`,o))}})(e,n.default,a);o[e]={...n,default:i,processor:a},_e(r,e).orThunk((()=>_e(t,e))).each((t=>s(e,t,a)))},isRegistered:a,get:e=>_e(r,e).orThunk((()=>_e(o,e)?.map((e=>e.default)))).getOrUndefined(),set:(e,t)=>{if(a(e)){const n=o[e];return n.immutable?(console.error(`"${e}" is an immutable option and cannot be updated`),!1):s(e,t,n.processor)}return console.warn(`"${e}" is not a registered option. Ensure the option has been registered before setting a value.`),!1},unset:e=>{const t=a(e);return t&&delete r[e],t},isSet:e=>xe(r,e),debug:()=>{try{console.log(JSON.parse(JSON.stringify(n,((e,t)=>b(t)||E(t)||m(t)||h(t)||p(t)||g(t)?t:Object.prototype.toString.call(t)))))}catch(e){console.error(e)}}}})(0,r,t),(e=>{const t=e.options.register;t("id",{processor:"string",default:e.id}),t("selector",{processor:"string"}),t("target",{processor:"object"}),t("suffix",{processor:"string"}),t("cache_suffix",{processor:"string"}),t("base_url",{processor:"string"}),t("referrer_policy",{processor:"string",default:""}),t("language_load",{processor:"boolean",default:!0}),t("inline",{processor:"boolean",default:!1}),t("iframe_attrs",{processor:"object",default:{}}),t("doctype",{processor:"string",default:"<!DOCTYPE html>"}),t("document_base_url",{processor:"string",default:e.documentBaseUrl}),t("body_id",{processor:wd(e,"tinymce"),default:"tinymce"}),t("body_class",{processor:wd(e),default:""}),t("content_security_policy",{processor:"string",default:""}),t("br_in_pre",{processor:"boolean",default:!0}),t("forced_root_block",{processor:e=>{const t=m(e)&&et(e);return t?{value:e,valid:t}:{valid:!1,message:"Must be a non-empty string."}},default:"p"}),t("forced_root_block_attrs",{processor:"object",default:{}}),t("newline_behavior",{processor:e=>{const t=H(["block","linebreak","invert","default"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be one of: block, linebreak, invert or default."}},default:"default"}),t("br_newline_selector",{processor:"string",default:".mce-toc h2,figcaption,caption"}),t("no_newline_selector",{processor:"string",default:""}),t("keep_styles",{processor:"boolean",default:!0}),t("end_container_on_empty_block",{processor:e=>b(e)||m(e)?{valid:!0,value:e}:{valid:!1,message:"Must be boolean or a string"},default:"blockquote"}),t("font_size_style_values",{processor:"string",default:"xx-small,x-small,small,medium,large,x-large,xx-large"}),t("font_size_legacy_values",{processor:"string",default:"xx-small,small,medium,large,x-large,xx-large,300%"}),t("font_size_classes",{processor:"string",default:""}),t("automatic_uploads",{processor:"boolean",default:!0}),t("images_reuse_filename",{processor:"boolean",default:!1}),t("images_replace_blob_uris",{processor:"boolean",default:!0}),t("icons",{processor:"string",default:""}),t("icons_url",{processor:"string",default:""}),t("images_upload_url",{processor:"string",default:""}),t("images_upload_base_path",{processor:"string",default:""}),t("images_upload_credentials",{processor:"boolean",default:!1}),t("images_upload_handler",{processor:"function"}),t("language",{processor:"string",default:"en"}),t("language_url",{processor:"string",default:""}),t("entity_encoding",{processor:"string",default:"named"}),t("indent",{processor:"boolean",default:!0}),t("indent_before",{processor:"string",default:"p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,tfoot,tbody,tr,section,details,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist"}),t("indent_after",{processor:"string",default:"p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,tfoot,tbody,tr,section,details,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist"}),t("indent_use_margin",{processor:"boolean",default:!1}),t("indentation",{processor:"string",default:"40px"}),t("content_css",{processor:e=>{const t=!1===e||m(e)||_(e,m);return t?m(e)?{value:V(e.split(","),Ze),valid:t}:p(e)?{value:e,valid:t}:!1===e?{value:[],valid:t}:{value:e,valid:t}:{valid:!1,message:"Must be false, a string or an array of strings."}},default:bc(e)?[]:["default"]}),t("content_style",{processor:"string"}),t("content_css_cors",{processor:"boolean",default:!1}),t("font_css",{processor:e=>{const t=m(e)||_(e,m);return t?{value:p(e)?e:V(e.split(","),Ze),valid:t}:{valid:!1,message:"Must be a string or an array of strings."}},default:[]}),t("extended_mathml_attributes",{processor:"string[]"}),t("extended_mathml_elements",{processor:"string[]"}),t("inline_boundaries",{processor:"boolean",default:!0}),t("inline_boundaries_selector",{processor:"string",default:"a[href],code,span.mce-annotation"}),t("object_resizing",{processor:e=>{const t=b(e)||m(e);return t?!1===e||pd.isiPhone()||pd.isiPad()?{value:"",valid:t}:{value:!0===e?"table,img,figure.image,div,video,iframe":e,valid:t}:{valid:!1,message:"Must be boolean or a string"}},default:!hd}),t("resize_img_proportional",{processor:"boolean",default:!0}),t("event_root",{processor:"string"}),t("service_message",{processor:"string"}),t("onboarding",{processor:"boolean",default:!0}),t("tiny_cloud_entry_url",{processor:"string"}),t("theme",{processor:e=>!1===e||m(e)||w(e),default:"silver"}),t("theme_url",{processor:"string"}),t("formats",{processor:"object"}),t("format_empty_lines",{processor:"boolean",default:!1}),t("format_noneditable_selector",{processor:"string",default:""}),t("preview_styles",{processor:e=>{const t=!1===e||m(e);return t?{value:!1===e?"":e,valid:t}:{valid:!1,message:"Must be false or a string"}},default:"font-family font-size font-weight font-style text-decoration text-transform color background-color border border-radius outline text-shadow"}),t("custom_ui_selector",{processor:"string",default:""}),t("hidden_input",{processor:"boolean",default:!0}),t("submit_patch",{processor:"boolean",default:!0}),t("encoding",{processor:"string"}),t("add_form_submit_trigger",{processor:"boolean",default:!0}),t("add_unload_trigger",{processor:"boolean",default:!0}),t("custom_undo_redo_levels",{processor:"number",default:0}),t("disable_nodechange",{processor:"boolean",default:!1}),t("disabled",{processor:t=>b(t)?(e.initialized&&hu(e)!==t&&Promise.resolve().then((()=>{((e,t)=>{e.dispatch("DisabledStateChange",{state:t})})(e,t)})),{valid:!0,value:t}):{valid:!1,message:"The value must be a boolean."},default:!1}),t("readonly",{processor:"boolean",default:!1}),t("editable_root",{processor:"boolean",default:!0}),t("plugins",{processor:"string[]",default:[]}),t("external_plugins",{processor:"object"}),t("forced_plugins",{processor:"string[]"}),t("model",{processor:"string",default:e.hasPlugin("rtc")?"plugin":"dom"}),t("model_url",{processor:"string"}),t("block_unsupported_drop",{processor:"boolean",default:!0}),t("visual",{processor:"boolean",default:!0}),t("visual_table_class",{processor:"string",default:"mce-item-table"}),t("visual_anchor_class",{processor:"string",default:"mce-item-anchor"}),t("iframe_aria_text",{processor:"string",default:"Rich Text Area".concat(e.hasPlugin("help")?". Press ALT-0 for help.":"")}),t("setup",{processor:"function"}),t("init_instance_callback",{processor:"function"}),t("url_converter",{processor:"function",default:e.convertURL}),t("url_converter_scope",{processor:"object",default:e}),t("urlconverter_callback",{processor:"function"}),t("allow_conditional_comments",{processor:"boolean",default:!1}),t("allow_html_data_urls",{processor:"boolean",default:!1}),t("allow_svg_data_urls",{processor:"boolean"}),t("allow_html_in_named_anchor",{processor:"boolean",default:!1}),t("allow_html_in_comments",{processor:"boolean",default:!0}),t("allow_script_urls",{processor:"boolean",default:!1}),t("allow_unsafe_link_target",{processor:"boolean",default:!1}),t("allow_mathml_annotation_encodings",{processor:e=>{const t=_(e,m);return t?{value:e,valid:t}:{valid:!1,message:"Must be an array of strings."}},default:[]}),t("convert_fonts_to_spans",{processor:"boolean",default:!0,deprecated:!0}),t("fix_list_elements",{processor:"boolean",default:!1}),t("preserve_cdata",{processor:"boolean",default:!1}),t("remove_trailing_brs",{processor:"boolean",default:!0}),t("pad_empty_with_br",{processor:"boolean",default:!1}),t("inline_styles",{processor:"boolean",default:!0,deprecated:!0}),t("element_format",{processor:"string",default:"html"}),t("entities",{processor:"string"}),t("schema",{processor:"string",default:"html5"}),t("convert_urls",{processor:"boolean",default:!0}),t("relative_urls",{processor:"boolean",default:!0}),t("remove_script_host",{processor:"boolean",default:!0}),t("custom_elements",{processor:Cd}),t("extended_valid_elements",{processor:"string"}),t("invalid_elements",{processor:"string"}),t("invalid_styles",{processor:Cd}),t("valid_children",{processor:"string"}),t("valid_classes",{processor:Cd}),t("valid_elements",{processor:"string"}),t("valid_styles",{processor:Cd}),t("verify_html",{processor:"boolean",default:!0}),t("auto_focus",{processor:e=>m(e)||!0===e}),t("browser_spellcheck",{processor:"boolean",default:!1}),t("protect",{processor:"array"}),t("images_file_types",{processor:"string",default:"jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp"}),t("deprecation_warnings",{processor:"boolean",default:!0}),t("a11y_advanced_options",{processor:"boolean",default:!1}),t("api_key",{processor:"string"}),t("license_key",{processor:"string"}),t("paste_block_drop",{processor:"boolean",default:!1}),t("paste_data_images",{processor:"boolean",default:!0}),t("paste_preprocess",{processor:"function"}),t("paste_postprocess",{processor:"function"}),t("paste_webkit_styles",{processor:"string",default:"none"}),t("paste_remove_styles_if_webkit",{processor:"boolean",default:!0}),t("paste_merge_formats",{processor:"boolean",default:!0}),t("smart_paste",{processor:"boolean",default:!0}),t("paste_as_text",{processor:"boolean",default:!1}),t("paste_tab_spaces",{processor:"number",default:4}),t("text_patterns",{processor:e=>_(e,f)||!1===e?{value:id(!1===e?[]:e),valid:!0}:{valid:!1,message:"Must be an array of objects or false."},default:[{start:"*",end:"*",format:"italic"},{start:"**",end:"**",format:"bold"},{start:"#",format:"h1",trigger:"space"},{start:"##",format:"h2",trigger:"space"},{start:"###",format:"h3",trigger:"space"},{start:"####",format:"h4",trigger:"space"},{start:"#####",format:"h5",trigger:"space"},{start:"######",format:"h6",trigger:"space"},{start:"1.",cmd:"InsertOrderedList",trigger:"space"},{start:"*",cmd:"InsertUnorderedList",trigger:"space"},{start:"-",cmd:"InsertUnorderedList",trigger:"space"},{start:">",cmd:"mceBlockQuote",trigger:"space"},{start:"---",cmd:"InsertHorizontalRule",trigger:"space"}]}),t("text_patterns_lookup",{processor:e=>{return w(e)?{value:(t=e,e=>{const n=t(e);return id(n)}),valid:!0}:{valid:!1,message:"Must be a single function"};var t},default:e=>[]}),t("noneditable_class",{processor:"string",default:"mceNonEditable"}),t("editable_class",{processor:"string",default:"mceEditable"}),t("noneditable_regexp",{processor:e=>_(e,vd)?{value:e,valid:!0}:vd(e)?{value:[e],valid:!0}:{valid:!1,message:"Must be a RegExp or an array of RegExp."},default:[]}),t("table_tab_navigation",{processor:"boolean",default:!0}),t("highlight_on_focus",{processor:"boolean",default:!0}),t("xss_sanitization",{processor:"boolean",default:!0}),t("details_initial_state",{processor:e=>{const t=H(["inherited","collapsed","expanded"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be one of: inherited, collapsed, or expanded."}},default:"inherited"}),t("details_serialized_state",{processor:e=>{const t=H(["inherited","collapsed","expanded"],e);return t?{value:e,valid:t}:{valid:!1,message:"Must be one of: inherited, collapsed, or expanded."}},default:"inherited"}),t("init_content_sync",{processor:"boolean",default:!1}),t("newdocument_content",{processor:"string",default:""}),t("sandbox_iframes",{processor:"boolean",default:!0}),t("sandbox_iframes_exclusions",{processor:"string[]",default:["youtube.com","youtu.be","vimeo.com","player.vimeo.com","dailymotion.com","embed.music.apple.com","open.spotify.com","giphy.com","dai.ly","codepen.io"]}),t("convert_unsafe_embeds",{processor:"boolean",default:!0}),e.on("ScriptsLoaded",(()=>{t("directionality",{processor:"string",default:li.isRtl()?"rtl":void 0}),t("placeholder",{processor:"string",default:bd.getAttrib(e.getElement(),"placeholder")})}))})(o);const s=this.options.get;s("deprecation_warnings")&&((e,t)=>{((e,t)=>{const n=qw(e),o=Yw(t),r=o.length>0,s=n.length>0,a="mobile"===t.theme;if(r||s||a){const e="\n- ",t=a?`\n\nThemes:${e}mobile`:"",i=r?`\n\nPlugins:${e}${o.join(e)}`:"",l=s?`\n\nOptions:${e}${n.join(e)}`:"";console.warn("The following deprecated features are currently enabled and have been removed in TinyMCE 7.0. These features will no longer work and should be removed from the TinyMCE configuration. See https://www.tiny.cloud/docs/tinymce/7/migration-from-6x/ for more information."+t+i+l)}})(e,t),((e,t)=>{const n=Ww(e),o=Gw(t),r=o.length>0,s=n.length>0;if(r||s){const e="\n- ",t=r?`\n\nPlugins:${e}${o?.map(Xw).join(e)}`:"",a=s?`\n\nOptions:${e}${n.join(e)}`:"";console.warn("The following deprecated features are currently enabled but will be removed soon."+t+a)}})(e,t)})(t,r);const a=s("suffix");a&&(n.suffix=a),this.suffix=n.suffix;const i=s("base_url");i&&n._setBaseUrl(i),this.baseUri=n.baseURI;const l=Wd(o);l&&(ri.ScriptLoader._setReferrerPolicy(l),ni.DOM.styleSheetLoader._setReferrerPolicy(l));const d=kc(o);C(d)&&ni.DOM.styleSheetLoader._setContentCssCors(d),di.languageLoad=s("language_load"),di.baseURL=n.baseURL,this.setDirty(!1),this.documentBaseURI=new BC(xd(o),{base_uri:this.baseUri}),this.baseURI=this.baseUri,this.inline=bc(o),this.hasVisual=Tc(o),this.shortcuts=new SB(this),this.editorCommands=new tB(this),QO(this);const c=s("cache_suffix");c&&(nn.cacheSuffix=c.replace(/^[\?\&]+/,"")),this.ui={registry:kB(),styleSheetLoader:void 0,show:x,hide:x,setEnabled:x,isEnabled:M},this.mode=yB(o),n.dispatch("SetupEditor",{editor:this});const y=Dc(o);w(y)&&y.call(o,o)}render(){(e=>{const t=e.id;li.setCode(Kd(e));const n=()=>{kO.unbind(window,"ready",n),e.render()};if(!Wa.Event.domLoaded)return void kO.bind(window,"ready",n);if(!e.getElement())return;const o=mn(e.getElement()),r=Co(o);e.on("remove",(()=>{W(o.dom.attributes,(e=>yo(o,e.name))),po(o,r)})),e.ui.styleSheetLoader=((e,t)=>Ys.forElement(e,{contentCssCors:kc(t),referrerPolicy:Wd(t)}))(o,e),bc(e)?e.inline=!0:(e.orgVisibility=e.getElement().style.visibility,e.getElement().style.visibility="hidden");const s=e.getElement().form||kO.getParent(t,"form");s&&(e.formElement=s,vc(e)&&!Jr(e.getElement())&&(kO.insertAfter(kO.create("input",{type:"hidden",name:t}),t),e.hasHiddenInput=!0),e.formEventDelegate=t=>{e.dispatch(t.type,t)},kO.bind(s,"submit reset",e.formEventDelegate),e.on("reset",(()=>{e.resetContent()})),!yc(e)||s.submit.nodeType||s.submit.length||s._mceOldSubmit||(s._mceOldSubmit=s.submit,s.submit=()=>(e.editorManager.triggerSave(),e.setDirty(!1),s._mceOldSubmit(s)))),e.windowManager=cE(e),e.notificationManager=iE(e),(e=>"xml"===e.options.get("encoding"))(e)&&e.on("GetContent",(e=>{e.save&&(e.content=kO.encode(e.content))})),Cc(e)&&e.on("submit",(()=>{e.initialized&&e.save()})),wc(e)&&(e._beforeUnload=()=>{!e.initialized||e.destroyed||e.isHidden()||e.save({format:"raw",no_events:!0,set_dirty:!1})},e.editorManager.on("BeforeUnload",e._beforeUnload)),e.editorManager.add(e),AO(e,e.suffix)})(this)}focus(e){this.execCommand("mceFocus",!1,e)}hasFocus(){return vg(this)}translate(e){return li.translate(e)}getParam(e,t,n){const o=this.options;return o.isRegistered(e)||(C(n)?o.register(e,{processor:n,default:t}):o.register(e,{processor:M,default:t})),o.isSet(e)||v(t)?o.get(e):t}hasPlugin(e,t){return!(!H(Nc(this),e)||t&&void 0===lE.get(e))}nodeChanged(e){this._nodeChangeDispatcher.nodeChanged(e)}addCommand(e,t,n){this.editorCommands.addCommand(e,t,n)}addQueryStateHandler(e,t,n){this.editorCommands.addQueryStateHandler(e,t,n)}addQueryValueHandler(e,t,n){this.editorCommands.addQueryValueHandler(e,t,n)}addShortcut(e,t,n,o){this.shortcuts.add(e,t,n,o)}execCommand(e,t,n,o){return this.editorCommands.execCommand(e,t,n,o)}queryCommandState(e){return this.editorCommands.queryCommandState(e)}queryCommandValue(e){return this.editorCommands.queryCommandValue(e)}queryCommandSupported(e){return this.editorCommands.queryCommandSupported(e)}show(){const e=this;e.hidden&&(e.hidden=!1,e.inline?e.getBody().contentEditable="true":(NB.show(e.getContainer()),NB.hide(e.id)),e.load(),e.dispatch("show"))}hide(){const e=this;e.hidden||(e.save(),e.inline?(e.getBody().contentEditable="false",e===e.editorManager.focusedEditor&&(e.editorManager.focusedEditor=null)):(NB.hide(e.getContainer()),NB.setStyle(e.id,"display",e.orgDisplay)),e.hidden=!0,e.dispatch("hide"))}isHidden(){return this.hidden}setProgressState(e,t){this.dispatch("ProgressState",{state:e,time:t})}load(e={}){const t=this,n=t.getElement();if(t.removed)return"";if(n){const o={...e,load:!0},r=Jr(n)?n.value:n.innerHTML,s=t.setContent(r,o);return o.no_events||t.dispatch("LoadContent",{...o,element:n}),s}return""}save(e={}){const t=this;let n=t.getElement();if(!n||!t.initialized||t.removed)return"";const o={...e,save:!0,element:n};let r=t.getContent(o);const s={...o,content:r};if(s.no_events||t.dispatch("SaveContent",s),"raw"===s.format&&t.dispatch("RawSaveContent",s),r=s.content,Jr(n))n.value=r;else{!e.is_removing&&t.inline||(n.innerHTML=r);const o=NB.getParent(t.id,"form");o&&AB(o.elements,(e=>e.name!==t.id||(e.value=r,!1)))}return s.element=o.element=n=null,!1!==s.set_dirty&&t.setDirty(!1),r}setContent(e,t){return Uw(this,e,t)}getContent(e){return((e,t={})=>{const n=((e,t)=>({...e,format:t,get:!0,getInner:!0}))(t,t.format?t.format:"html");return XC(e,n).fold(R,(t=>{const n=((e,t)=>Rw(e).editor.getContent(t))(e,t);return ZC(e,n,t)}))})(this,e)}insertContent(e,t){t&&(e=RB({content:e},t)),this.execCommand("mceInsertContent",!1,e)}resetContent(e){void 0===e?Uw(this,this.startContent,{format:"raw"}):Uw(this,e),this.undoManager.reset(),this.setDirty(!1),this.nodeChanged()}isDirty(){return!this.isNotDirty}setDirty(e){const t=!this.isNotDirty;this.isNotDirty=!e,e&&e!==t&&this.dispatch("dirty")}getContainer(){const e=this;return e.container||(e.container=e.editorContainer||NB.get(e.id+"_parent")),e.container}getContentAreaContainer(){return this.contentAreaContainer}getElement(){return this.targetElm||(this.targetElm=NB.get(this.id)),this.targetElm}getWin(){const e=this;if(!e.contentWindow){const t=e.iframeElement;t&&(e.contentWindow=t.contentWindow)}return e.contentWindow}getDoc(){const e=this;if(!e.contentDocument){const t=e.getWin();t&&(e.contentDocument=t.document)}return e.contentDocument}getBody(){var e,t;const n=this.getDoc();return null!==(t=null!==(e=this.bodyElement)&&void 0!==e?e:null==n?void 0:n.body)&&void 0!==t?t:null}convertURL(e,t,n){const o=this,r=o.options.get,s=Mc(o);if(w(s))return s.call(o,e,n,!0,t);if(!r("convert_urls")||"link"===n||f(n)&&"LINK"===n.nodeName||0===e.indexOf("file:")||0===e.length)return e;const a=new BC(e);return"http"!==a.protocol&&"https"!==a.protocol&&""!==a.protocol?e:r("relative_urls")?o.documentBaseURI.toRelative(e):e=o.documentBaseURI.toAbsolute(e,r("remove_script_host"))}addVisual(e){((e,t)=>{((e,t)=>{Aw(e).editor.addVisual(t)})(e,t)})(this,e)}setEditableRoot(e){((e,t)=>{e._editableRoot!==t&&(e._editableRoot=t,CE(e)||(e.getBody().contentEditable=String(e.hasEditableRoot()),e.nodeChanged()),((e,t)=>{e.dispatch("EditableRootStateChange",{state:t})})(e,t))})(this,e)}hasEditableRoot(){return this._editableRoot}remove(){(e=>{if(!e.removed){const{_selectionOverrides:t,editorUpload:n}=e,o=e.getBody(),r=e.getElement();o&&e.save({is_removing:!0}),e.removed=!0,e.unbindAllNativeEvents(),e.hasHiddenInput&&C(null==r?void 0:r.nextSibling)&&Zw.remove(r.nextSibling),(e=>{e.dispatch("remove")})(e),e.editorManager.remove(e),!e.inline&&o&&(e=>{Zw.setStyle(e.id,"display",e.orgDisplay)})(e),(e=>{e.dispatch("detach")})(e),Zw.remove(e.getContainer()),Qw(t),Qw(n),e.destroy()}})(this)}destroy(e){((e,t)=>{const{selection:n,dom:o}=e;e.destroyed||(t||e.removed?(t||(e.editorManager.off("beforeunload",e._beforeUnload),e.theme&&e.theme.destroy&&e.theme.destroy(),Qw(n),Qw(o)),(e=>{const t=e.formElement;t&&(t._mceOldSubmit&&(t.submit=t._mceOldSubmit,delete t._mceOldSubmit),Zw.unbind(t,"submit reset",e.formEventDelegate))})(e),(e=>{const t=e;t.contentAreaContainer=t.formElement=t.container=t.editorContainer=null,t.bodyElement=t.contentDocument=t.contentWindow=null,t.iframeElement=t.targetElm=null;const n=e.selection;if(n){const e=n.dom;t.selection=n.win=n.dom=e.doc=null}})(e),e.destroyed=!0):e.remove())})(this,e)}uploadImages(){return this.editorUpload.uploadImages()}_scanForImages(){return this.editorUpload.scanForImages()}}const OB=ni.DOM,BB=an.each;let PB,DB=!1,LB=[];const MB=e=>{const t=e.type;BB(zB.get(),(n=>{switch(t){case"scroll":n.dispatch("ScrollWindow",e);break;case"resize":n.dispatch("ResizeWindow",e)}}))},IB=e=>{if(e!==DB){const t=ni.DOM;e?(t.bind(window,"resize",MB),t.bind(window,"scroll",MB)):(t.unbind(window,"resize",MB),t.unbind(window,"scroll",MB)),DB=e}},FB=e=>{const t=LB;return LB=Y(LB,(t=>e!==t)),zB.activeEditor===e&&(zB.activeEditor=LB.length>0?LB[0]:null),zB.focusedEditor===e&&(zB.focusedEditor=null),t.length!==LB.length},UB="CSS1Compat"!==document.compatMode,zB={...sB,baseURI:null,baseURL:null,defaultOptions:{},documentBaseURL:null,suffix:null,majorVersion:"7",minorVersion:"9.3",releaseDate:"2026-05-19",i18n:li,activeEditor:null,focusedEditor:null,setup(){const e=this;let t="",n="",o=BC.getDocumentBaseUrl(document.location);/^[^:]+:\/\/\/?[^\/]+\//.test(o)&&(o=o.replace(/[\?#].*$/,"").replace(/[\/\\][^\/]+$/,""),/[\/\\]$/.test(o)||(o+="/"));const r=window.tinymce||window.tinyMCEPreInit;if(r)t=r.base||r.baseURL,n=r.suffix;else{const e=document.getElementsByTagName("script");for(let o=0;o<e.length;o++){const r=e[o].src||"";if(""===r)continue;const s=r.substring(r.lastIndexOf("/"));if(/tinymce(\.full|\.jquery|)(\.min|\.dev|)\.js/.test(r)){-1!==s.indexOf(".min")&&(n=".min"),t=r.substring(0,r.lastIndexOf("/"));break}}if(!t&&document.currentScript){const e=document.currentScript.src;-1!==e.indexOf(".min")&&(n=".min"),t=e.substring(0,e.lastIndexOf("/"))}}var s;e.baseURL=new BC(o).toAbsolute(t),e.documentBaseURL=o,e.baseURI=new BC(e.baseURL),e.suffix=n,(s=e).on("AddEditor",T(gg,s)),s.on("RemoveEditor",T(pg,s))},overrideDefaults(e){const t=e.base_url;t&&this._setBaseUrl(t);const n=e.suffix;n&&(this.suffix=n),this.defaultOptions=e;const o=e.plugin_base_urls;void 0!==o&&pe(o,((e,t)=>{di.PluginManager.urls[t]=e}))},init(e){const t=this;let n;const o=an.makeMap("area base basefont br col frame hr img input isindex link meta param embed source wbr track colgroup option table tbody tfoot thead tr th td script noscript style textarea video audio iframe object menu"," ");let r=e=>{n=e};const s=()=>{let n=0;const a=[];let i;OB.unbind(window,"ready",s),(()=>{const n=e.onpageload;n&&n.apply(t,[])})(),i=me((e=>nn.browser.isIE()||nn.browser.isEdge()?(pE("TinyMCE does not support the browser you are using. For a list of supported browsers please see: https://www.tiny.cloud/docs/tinymce/7/support/#supportedwebbrowsers"),[]):UB?(pE("Failed to initialize the editor as the document is not in standards mode. TinyMCE requires standards mode."),[]):m(e.selector)?OB.select(e.selector):C(e.target)?[e.target]:[])(e)),an.each(i,(e=>{var n;(n=t.get(e.id))&&n.initialized&&!(n.getContainer()||n.getBody()).parentNode&&(FB(n),n.unbindAllNativeEvents(),n.destroy(!0),n.removed=!0)})),i=an.grep(i,(e=>!t.get(e.id))),0===i.length?r([]):BB(i,(s=>{((e,t)=>e.inline&&t.tagName.toLowerCase()in o)(e,s)?pE("Could not initialize inline editor on invalid inline target element",s):((e,o,s)=>{const l=new TB(e,o,t);a.push(l),l.on("init",(()=>{++n===i.length&&r(a)})),l.targetElm=l.targetElm||s,l.render()})((e=>{let t=e.id;return t||(t=_e(e,"name").filter((e=>!OB.get(e))).getOrThunk(OB.uniqueId),e.setAttribute("id",t)),t})(s),e,s)}))};return OB.bind(window,"ready",s),new Promise((e=>{n?e(n):r=t=>{e(t)}}))},get(e){return 0===arguments.length?LB.slice(0):m(e)?Q(LB,(t=>t.id===e)).getOr(null):E(e)&&LB[e]?LB[e]:null},add(e){const t=this,n=t.get(e.id);return n===e||(null===n&&LB.push(e),IB(!0),t.activeEditor=e,t.dispatch("AddEditor",{editor:e}),PB||(PB=e=>{const n=t.dispatch("BeforeUnload");if(n.returnValue)return e.preventDefault(),e.returnValue=n.returnValue,n.returnValue},window.addEventListener("beforeunload",PB))),e},createEditor(e,t){return this.add(new TB(e,t,this))},remove(e){const t=this;let n;if(e){if(!m(e))return n=e,h(t.get(n.id))?null:(FB(n)&&t.dispatch("RemoveEditor",{editor:n}),0===LB.length&&window.removeEventListener("beforeunload",PB),n.remove(),IB(LB.length>0),n);BB(OB.select(e),(e=>{n=t.get(e.id),n&&t.remove(n)}))}else for(let e=LB.length-1;e>=0;e--)t.remove(LB[e])},execCommand(e,t,n){var o;const r=this,s=f(n)?null!==(o=n.id)&&void 0!==o?o:n.index:n;switch(e){case"mceAddEditor":if(!r.get(s)){const e=n.options;new TB(s,e,r).render()}return!0;case"mceRemoveEditor":{const e=r.get(s);return e&&e.remove(),!0}case"mceToggleEditor":{const e=r.get(s);return e?(e.isHidden()?e.show():e.hide(),!0):(r.execCommand("mceAddEditor",!1,n),!0)}}return!!r.activeEditor&&r.activeEditor.execCommand(e,t,n)},triggerSave:()=>{BB(LB,(e=>{e.save()}))},addI18n:(e,t)=>{li.add(e,t)},translate:e=>li.translate(e),setActive(e){const t=this.activeEditor;this.activeEditor!==e&&(t&&t.dispatch("deactivate",{relatedTarget:e}),e.dispatch("activate",{relatedTarget:t})),this.activeEditor=e},_setBaseUrl(e){this.baseURL=new BC(this.documentBaseURL).toAbsolute(e.replace(/\/+$/,"")),this.baseURI=new BC(this.baseURL)}};zB.setup();const jB=(()=>{const e=Ve();return{FakeClipboardItem:e=>({items:e,types:fe(e),getType:t=>_e(e,t).getOrUndefined()}),write:t=>{e.set(t)},read:()=>e.get().getOrUndefined(),clear:e.clear}})(),HB=Math.min,$B=Math.max,VB=Math.round,qB=(e,t,n)=>{let o=t.x,r=t.y;const s=e.w,a=e.h,i=t.w,l=t.h,d=(n||"").split("");return"b"===d[0]&&(r+=l),"r"===d[1]&&(o+=i),"c"===d[0]&&(r+=VB(l/2)),"c"===d[1]&&(o+=VB(i/2)),"b"===d[3]&&(r-=a),"r"===d[4]&&(o-=s),"c"===d[3]&&(r-=VB(a/2)),"c"===d[4]&&(o-=VB(s/2)),WB(o,r,s,a)},WB=(e,t,n,o)=>({x:e,y:t,w:n,h:o}),KB={inflate:(e,t,n)=>WB(e.x-t,e.y-n,e.w+2*t,e.h+2*n),relativePosition:qB,findBestRelativePosition:(e,t,n,o)=>{for(let r=0;r<o.length;r++){const s=qB(e,t,o[r]);if(s.x>=n.x&&s.x+s.w<=n.w+n.x&&s.y>=n.y&&s.y+s.h<=n.h+n.y)return o[r]}return null},intersect:(e,t)=>{const n=$B(e.x,t.x),o=$B(e.y,t.y),r=HB(e.x+e.w,t.x+t.w),s=HB(e.y+e.h,t.y+t.h);return r-n<0||s-o<0?null:WB(n,o,r-n,s-o)},clamp:(e,t,n)=>{let o=e.x,r=e.y,s=e.x+e.w,a=e.y+e.h;const i=t.x+t.w,l=t.y+t.h,d=$B(0,t.x-o),c=$B(0,t.y-r),u=$B(0,s-i),m=$B(0,a-l);return o+=d,r+=c,n&&(s+=d,a+=c,o-=u,r-=m),s-=u,a-=m,WB(o,r,s-o,a-r)},create:WB,fromClientRect:e=>WB(e.left,e.top,e.width,e.height)},YB=(()=>{const e={},t={},n={};return{load:(n,o)=>{const r=`Script at URL "${o}" failed to load`,s=`Script at URL "${o}" did not call \`tinymce.Resource.add('${n}', data)\` within 1 second`;if(void 0!==e[n])return e[n];{const a=new Promise(((e,a)=>{const i=((e,t,n=1e3)=>{let o=!1,r=null;const s=e=>(...t)=>{o||(o=!0,null!==r&&(window.clearTimeout(r),r=null),e.apply(null,t))},a=s(e),i=s(t);return{start:(...e)=>{o||null!==r||(r=window.setTimeout((()=>i.apply(null,e)),n))},resolve:a,reject:i}})(e,a);t[n]=i.resolve,ri.ScriptLoader.loadScript(o).then((()=>i.start(s)),(()=>i.reject(r)))}));return e[n]=a,a}},add:(o,r)=>{void 0!==t[o]&&(t[o](r),delete t[o]),e[o]=Promise.resolve(r),n[o]=r},has:e=>e in n,get:e=>n[e],unload:t=>{delete e[t],delete n[t]}}})();let GB;try{const e="__storage_test__";GB=window.localStorage,GB.setItem(e,e),GB.removeItem(e)}catch(e){GB=(()=>{let e={},t=[];const n={getItem:t=>e[t]||null,setItem:(n,o)=>{t.push(n),e[n]=String(o)},key:e=>t[e],removeItem:n=>{t=t.filter((e=>e===n)),delete e[n]},clear:()=>{t=[],e={}},length:0};return Object.defineProperty(n,"length",{get:()=>t.length,configurable:!1,enumerable:!1}),n})()}const XB={geom:{Rect:KB},util:{Delay:sg,Tools:an,VK:wg,URI:BC,EventDispatcher:oB,Observable:sB,I18n:li,LocalStorage:GB,ImageUploader:e=>{const t=RE(),n=BE(e,t);return{upload:(t,o=!0)=>n.upload(t,o?OE(e):void 0)}}},dom:{EventUtils:Wa,TreeWalker:Fr,TextSeeker:Ei,DOMUtils:ni,ScriptLoader:ri,RangeUtils:Fg,Serializer:Fw,StyleSheetLoader:Ks,ControlSelection:kg,BookmarkManager:Yf,Selection:Lw,Event:Wa.Event},html:{Styles:Ia,Entities:ua,Node:up,Schema:Ra,DomParser:KC,Writer:Ap,Serializer:Tp},Env:nn,AddOnManager:di,Annotator:Kf,Formatter:VE,UndoManager:WE,EditorCommands:tB,WindowManager:cE,NotificationManager:iE,EditorObservable:uB,Shortcuts:SB,Editor:TB,FocusManager:rg,EditorManager:zB,DOM:ni.DOM,ScriptLoader:ri.ScriptLoader,PluginManager:lE,ThemeManager:dE,ModelManager:eE,IconManager:Jw,Resource:YB,FakeClipboard:jB,trim:an.trim,isArray:an.isArray,is:an.is,toArray:an.toArray,makeMap:an.makeMap,each:an.each,map:an.map,grep:an.grep,inArray:an.inArray,extend:an.extend,walk:an.walk,resolve:an.resolve,explode:an.explode,_addCacheSuffix:an._addCacheSuffix},ZB=an.extend(zB,XB);(e=>{window.tinymce=e,window.tinyMCE=e})(ZB),(e=>{if("object"==typeof module)try{module.exports=e}catch(e){}})(ZB)}();
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/App.tsx b/apps/edr-freight-web/backoffice/src/App.tsx
index 277e8e2ab..940863274 100644
--- a/apps/edr-freight-web/backoffice/src/App.tsx
+++ b/apps/edr-freight-web/backoffice/src/App.tsx
@@ -3,6 +3,7 @@ import {
   Boxes,
   FileText,
   LayoutDashboard,
+  LayoutGrid,
   Network,
   Paperclip,
   PackageCheck,
@@ -14,6 +15,8 @@ import {
   Container,
   Package,
   PackageOpen,
+  Users,
+  Wallet,
   //TrainTrack,
 } from "lucide-react";
 
@@ -24,9 +27,13 @@ import LoginPage from "./pages/auth/LoginPage";
 import BookingContractPage from "./pages/bookings/BookingContractPage";
 import BookingRequestDetailPage from "./pages/bookings/BookingRequestDetailPage";
 import BookingRequestsPage from "./pages/bookings/BookingRequestsPage";
+import PaymentsPage from "./pages/payments/PaymentsPage";
+import NewBookingPage from "./pages/bookings/NewBookingPage";
+import UserManagementHostPage from "./pages/dashboard/user-management/UserManagementHostPage";
 import DemoUser1Page from "./pages/dashboard/demo/DemoUser1Page";
 import DemoUser2Page from "./pages/dashboard/demo/DemoUser2Page";
 import OverviewPage from "./pages/dashboard/OverviewPage";
+import MyProfilePage from "./pages/dashboard/MyProfilePage";
 //import EmployeesPage from "./pages/dashboard/user-management/EmployeesPage";
 import PermissionsPage from "./pages/dashboard/user-management/PermissionsPage";
 import PositionTypesPage from "./pages/dashboard/user-management/PositionTypesPage";
@@ -37,15 +44,16 @@ import DropdownSettingsPage from "./pages/dropdown_settings/DropdownSettingsPage
 import FileUploadSettingsPage from "./pages/documents/FileUploadSettingsPage";
 import RuleEngineLegacyRedirect from "./pages/ruleEngine/RuleEngineLegacyRedirect";
 import RuleEngineResourcePage from "./pages/ruleEngine/RuleEngineResourcePage";
-import TrainsPage from "./pages/trains/TrainsPage";
-import {
-  CargoesCrudPage,
-  ContainersCrudPage,
-  LocomotivesCrudPage,
-  TrainMasterDataPage,
-  WagonsCrudPage,
-} from "./pages/fleet/FleetCrudPages";
+import TrainScheduleV2ListPage from "./pages/trainScheduling/TrainScheduleV2ListPage";
+import BatchBoardPage from "./pages/trainScheduling/BatchBoardPage";
+import BatchScheduleDetailPage from "./pages/trainScheduling/BatchScheduleDetailPage";
+import TrainScheduleV2DetailPage from "./pages/trainScheduling/TrainScheduleV2DetailPage";
+import TrainScheduleTrackPage from "./pages/trainScheduling/TrainScheduleTrackPage";
+import TrainSchedulingGlobalRulesPage from "./pages/trainScheduling/TrainSchedulingGlobalRulesPage";
+import FleetResourcePage from "./pages/fleet/FleetResourcePage";
 import { getCategorySidebarChildren } from "./pages/ruleEngine/config/resources";
+import { FREIGHT_PERMS, hasPermission as hasFreightPermission } from "./lib/permissions";
+import { RequirePermission } from "./components/auth/RequirePermission";
 import TrainDetailPage from "./pages/trains/TrainDetailPage";
 import RoutesPage from "./pages/fleet/RoutesPage";
 import WarehouseListPage from "./pages/warehouses/WarehouseListPage";
@@ -68,11 +76,22 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
         href: "/dashboard/overview",
         icon: <LayoutDashboard />,
       },
+      {
+        label: "UM",
+        href: "/um",
+        icon: <Users />,
+      },
       {
         label: "Booking requests",
         href: "/dashboard/booking-requests",
         icon: <FileText />,
       },
+      {
+        label: "Payments",
+        href: "/dashboard/payments",
+        icon: <Wallet />,
+        permission: FREIGHT_PERMS.bookings.view,
+      },
       ...demoItems,
     ],
   },
@@ -81,8 +100,15 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
     items: [
       {
         label: "Train Schedules",
-        href: "/dashboard/operations/train-scheduling",
+        href: "/dashboard/operations/train-scheduling-v2",
         icon: <Train />,
+        permission: FREIGHT_PERMS.trainScheduling.view,
+      },
+      {
+        label: "Batch Board",
+        href: "/dashboard/operations/batch-board",
+        icon: <LayoutGrid />,
+        permission: FREIGHT_PERMS.trainScheduling.view,
       },
     ],
   },
@@ -93,37 +119,40 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
         label: "Routes",
         href: "/dashboard/routes",
         icon: <Network />,
+        permission: FREIGHT_PERMS.fleet.view,
       },
       {
         label: "Locomotives",
         href: "/dashboard/locomotives",
         icon: <Train />,
+        permission: FREIGHT_PERMS.fleet.view,
       },
-      {
-        label: "Trains",
-        href: "/dashboard/trains",
-        icon: <Train />,
-      },
-      {
-        label: "Wagon types",
-        href: "/dashboard/wagon-types",
-        icon: <Boxes />,
-      },
+      // {
+      //   label: "Trains",
+      //   href: "/dashboard/trains",
+      //   icon: <Train />,
+      // },
+      // {
+      //   label: "Wagon types",
+      //   href: "/dashboard/wagon-types",
+      //   icon: <Boxes />,
+      // },
       {
         label: "Wagons",
         href: "/dashboard/wagons",
         icon: <Truck />,
+        permission: FREIGHT_PERMS.fleet.view,
       },
-      {
-        label: "Containers",
-        href: "/dashboard/containers",
-        icon: <Container />,
-      },
-      {
-        label: "Cargoes",
-        href: "/dashboard/cargoes",
-        icon: <Package />,
-      },
+      // {
+      //   label: "Containers",
+      //   href: "/dashboard/containers",
+      //   icon: <Container />,
+      // },
+      // {
+      //   label: "Cargoes",
+      //   href: "/dashboard/cargoes",
+      //   icon: <Package />,
+      // },
     ],
   },
   {
@@ -178,6 +207,7 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
         label: "User management",
         href: "/dashboard/user-management",
         icon: <Network />,
+        permission: FREIGHT_PERMS.admin,
         children: [
           {
             label: "Users",
@@ -205,11 +235,13 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
         label: "File settings",
         href: "/dashboard/file-settings",
         icon: <Paperclip />,
+        permission: FREIGHT_PERMS.admin,
       },
       {
         label: "Dropdown settings",
         href: "/dashboard/dropdown-settings",
         icon: <Settings />,
+        permission: FREIGHT_PERMS.admin,
       },
     ],
   },
@@ -221,7 +253,13 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
         label: "Configuration",
         href: "/dashboard/configuration",
         icon: <Boxes />,
-        children: getCategorySidebarChildren("configuration"),
+        children: [
+          ...getCategorySidebarChildren("configuration"),
+          // {
+          //   label: "Train scheduling rules",
+          //   href: "/dashboard/configuration/train-scheduling-rules",
+          // },
+        ],
       },
       {
         label: "Rules",
@@ -233,18 +271,25 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
   },
 ];
 
-const hasPermission = (
+/** Keep only items the user is permitted to see; drop now-empty sections. */
+const filterSidebarByPermission = (
+  sections: SidebarSection[],
   user: ReturnType<typeof useAuth>["user"],
-  key: string,
-) => {
-  if (!user) return false;
-  if (user.permissions?.some((p) => p.key === key)) return true;
+): SidebarSection[] => {
+  const itemAllowed = (item: SidebarItem): boolean => {
+    if (!item.permission) return true;
+    const keys = Array.isArray(item.permission)
+      ? item.permission
+      : [item.permission];
+    return keys.some((key) => hasFreightPermission(user, key));
+  };
 
-  return (user.employee ?? []).some((emp) =>
-    (emp.positions ?? []).some((pos) =>
-      (pos.permissions ?? []).some((p) => p.key === key),
-    ),
-  );
+  return sections
+    .map((section) => ({
+      ...section,
+      items: section.items.filter(itemAllowed),
+    }))
+    .filter((section) => section.items.length > 0);
 };
 
 const DashboardShell = () => {
@@ -254,7 +299,10 @@ const DashboardShell = () => {
 
   const demoItems: SidebarItem[] = [];
 
-  const sidebarSections = buildSidebarSections(demoItems);
+  const sidebarSections = filterSidebarByPermission(
+    buildSidebarSections(demoItems),
+    user,
+  );
   const displayName = user?.name?.en || user?.username || user?.email || "User";
 
   return (
@@ -283,7 +331,8 @@ const App = () => {
     return (
       <Routes>
         <Route path="/auth" element={<LoginPage />} />
-        <Route path="*" element={<Navigate to="/auth" replace />} />
+        <Route path='/um/*' element={<UserManagementHostPage />} />
+        <Route path="*" element={<Navigate to="/um" replace />} />
       </Routes>
     );
   }
@@ -292,27 +341,25 @@ const App = () => {
     <Routes>
         <Route path="/" element={<Navigate to="/dashboard/overview" replace />} />
         <Route path="/dashboard" element={<Navigate to="/dashboard/overview" replace />} />
-
         <Route path="/dashboard" element={<DashboardShell />}>
           <Route path="overview" element={<OverviewPage />} />
+          <Route path="profile" element={<MyProfilePage />} />
 
           <Route path="booking-requests" element={<BookingRequestsPage />} />
+          <Route
+            path="payments"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.bookings.view}>
+                <PaymentsPage />
+              </RequirePermission>
+            }
+          />
+          <Route path="booking-requests/new" element={<NewBookingPage />} />
           <Route path="booking-requests/:id" element={<BookingRequestDetailPage />} />
           <Route
             path="booking-requests/:id/contract"
             element={<BookingContractPage />}
           />
-          <Route path="operations/train-scheduling" element={<TrainsPage />} />
-          <Route path="trains" element={<TrainMasterDataPage />} />
-          <Route path="operations/train-scheduling" element={<TrainsPage />} />
-          <Route path="routes" element={<RoutesPage />} />
-          <Route path="locomotives" element={<LocomotivesCrudPage />} />
-          <Route path="trains" element={<TrainMasterDataPage />} />
-          <Route path="trains/:id" element={<TrainDetailPage />} />
-          <Route path="wagons" element={<WagonsCrudPage />} />
-          <Route path="containers" element={<ContainersCrudPage />} />
-          <Route path="cargoes" element={<CargoesCrudPage />} />
-
           <Route path="warehouses" element={<WarehouseListPage />} />
           <Route path="warehouses/:id" element={<WarehouseDetailPage />} />
           <Route path="warehouse-inventory" element={<WarehouseInventoryPage />} />
@@ -323,6 +370,111 @@ const App = () => {
           <Route path="inventory-inquiry" element={<InventoryInquiryPage />} />
           <Route path="warehouse-dashboard" element={<WarehouseDashboardPage />} />
 
+          <Route
+            path="operations/train-scheduling"
+            element={<Navigate to="/dashboard/operations/train-scheduling-v2" replace />}
+          />
+          <Route
+            path="operations/batch-board"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+                <BatchBoardPage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="operations/batch-board/:scheduleId"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+                <BatchScheduleDetailPage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="operations/train-scheduling-v2"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+                <TrainScheduleV2ListPage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="operations/train-scheduling-v2/:scheduleId"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+                <TrainScheduleV2DetailPage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="operations/train-scheduling-v2/:scheduleId/track"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+                <TrainScheduleTrackPage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="routes"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+                <RoutesPage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="locomotives"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+                <FleetResourcePage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="trains"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+                <FleetResourcePage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="trains/:id"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+                <TrainDetailPage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="wagons"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+                <FleetResourcePage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="containers"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+                <FleetResourcePage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="cargoes"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.fleet.view}>
+                <FleetResourcePage />
+              </RequirePermission>
+            }
+          />
+
+          {/* iframe-based user management module */}
+          <Route path="um/*" element={<UserManagementHostPage />} />
+
+          {/* Legacy embedded user management routes */}
           <Route path="user-management" element={<UserManagementPage />} />
           <Route path="user-management/users" element={<UsersPage />} />
           <Route path="user-management/position-types" element={<PositionTypesPage />} />
@@ -330,18 +482,40 @@ const App = () => {
           <Route path="user-management/permissions" element={<PermissionsPage />} />
           <Route path="user-management/roles" element={<RolesPage />} />
 
-          <Route path="file-settings" element={<FileUploadSettingsPage />} />
-          <Route path="dropdown-settings" element={<DropdownSettingsPage />} />
+          <Route
+            path="file-settings"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.admin}>
+                <FileUploadSettingsPage />
+              </RequirePermission>
+            }
+          />
+          <Route
+            path="dropdown-settings"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.admin}>
+                <DropdownSettingsPage />
+              </RequirePermission>
+            }
+          />
 
           <Route
             path="configuration"
             element={<Navigate to="/dashboard/configuration/cargo-types" replace />}
           />
+          <Route
+            path="configuration/train-scheduling-rules"
+            element={
+              <RequirePermission permission={FREIGHT_PERMS.trainScheduling.view}>
+                <TrainSchedulingGlobalRulesPage />
+              </RequirePermission>
+            }
+          />
           <Route path="configuration/:resource" element={<RuleEngineResourcePage />} />
 
           <Route
             path="rules"
-            element={<Navigate to="/dashboard/rules/priority-rules" replace />}
+            element={<Navigate to="/dashboard/rules/priority-configs" replace />}
           />
           <Route path="rules/:resource" element={<RuleEngineResourcePage />} />
 
diff --git a/apps/edr-freight-web/backoffice/src/auth/http.ts b/apps/edr-freight-web/backoffice/src/auth/http.ts
index 115a0d9d1..5aa78e2d3 100644
--- a/apps/edr-freight-web/backoffice/src/auth/http.ts
+++ b/apps/edr-freight-web/backoffice/src/auth/http.ts
@@ -1,5 +1,6 @@
 import axios from "axios";
 
+import { API_BASE_URL } from "@/constants/apiConfig";
 import {
   AUTH_TOKEN_COOKIE,
   REFRESH_TOKEN_COOKIE,
@@ -16,7 +17,7 @@ type RetriableRequest = {
 };
 
 const api = axios.create({
-  baseURL: `${import.meta.env.VITE_BASE_API_URL}/api`,
+  baseURL: `${API_BASE_URL}/api`,
   withCredentials: true,
 });
 
diff --git a/apps/edr-freight-web/backoffice/src/auth/tokenManager.ts b/apps/edr-freight-web/backoffice/src/auth/tokenManager.ts
new file mode 100644
index 000000000..3ee581eaf
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/auth/tokenManager.ts
@@ -0,0 +1,117 @@
+export interface TokenMessage {
+  type: 'UM_AUTH_TOKEN';
+  token: string;
+  refreshToken: string;
+}
+
+/**
+ * Manages authentication tokens received from parent window (host)
+ * Used by iframe modules to receive and store auth tokens
+ */
+class TokenManager {
+  private token: string | null = null;
+  private refreshToken: string | null = null;
+  private tokenResolve: ((token: string) => void) | null = null;
+  private tokenPromise: Promise<string>;
+  private isFramed: boolean;
+
+  constructor() {
+    // Check if we're running in an iframe
+    this.isFramed = window.self !== window.top;
+
+    // Create a promise that resolves when token is received
+    this.tokenPromise = new Promise((resolve) => {
+      this.tokenResolve = resolve;
+    });
+
+    if (this.isFramed) {
+      this.setupMessageListener();
+
+      // Request token after 2 seconds if not received
+      setTimeout(() => {
+        if (!this.token) {
+          this.requestTokenFromHost();
+        }
+      }, 2000);
+    }
+  }
+
+  private setupMessageListener() {
+    window.addEventListener('message', (event) => {
+      // Security: Only accept from parent window
+      if (event.source !== window.parent) {
+        return;
+      }
+
+      const data = event.data as TokenMessage | undefined;
+
+      if (data?.type === 'UM_AUTH_TOKEN') {
+        this.token = data.token;
+        this.refreshToken = data.refreshToken;
+
+        // Store in localStorage for persistence
+        localStorage.setItem('um_auth_token', data.token);
+        localStorage.setItem('um_refresh_token', data.refreshToken);
+
+        console.log('✅ Token received from host');
+
+        // Resolve the promise
+        if (this.tokenResolve) {
+          this.tokenResolve(data.token);
+        }
+      }
+    });
+  }
+
+  private requestTokenFromHost() {
+    console.log('📤 Requesting token from host...');
+    window.parent.postMessage(
+      { type: 'UM_REQUEST_AUTH' },
+      window.location.origin
+    );
+  }
+
+  /**
+   * Get token - waits for it if not yet received
+   */
+  async getToken(): Promise<string> {
+    if (this.token) {
+      return this.token;
+    }
+
+    // Check localStorage as fallback
+    const stored = localStorage.getItem('um_auth_token');
+    if (stored) {
+      this.token = stored;
+      return stored;
+    }
+
+    // Wait for token to arrive from parent
+    return this.tokenPromise;
+  }
+
+  /**
+   * Get token synchronously (returns null if not available)
+   */
+  getTokenSync(): string | null {
+    return this.token || localStorage.getItem('um_auth_token');
+  }
+
+  getRefreshToken(): string | null {
+    return this.refreshToken || localStorage.getItem('um_refresh_token');
+  }
+
+  clearTokens() {
+    this.token = null;
+    this.refreshToken = null;
+    localStorage.removeItem('um_auth_token');
+    localStorage.removeItem('um_refresh_token');
+  }
+
+  isInFrame(): boolean {
+    return this.isFramed;
+  }
+}
+
+// Export singleton instance
+export const tokenManager = new TokenManager();
diff --git a/apps/edr-freight-web/backoffice/src/auth/useAuth.ts b/apps/edr-freight-web/backoffice/src/auth/useAuth.ts
index 74a29cf7e..6ccd09bf6 100644
--- a/apps/edr-freight-web/backoffice/src/auth/useAuth.ts
+++ b/apps/edr-freight-web/backoffice/src/auth/useAuth.ts
@@ -4,7 +4,6 @@ import { AuthContext } from "./AuthProvider";
 
 export const useAuth = () => {
   const context = useContext(AuthContext);
-
   if (!context) {
     throw new Error("useAuth must be used within AuthProvider");
   }
diff --git a/apps/edr-freight-web/backoffice/src/components/auth/RequirePermission.tsx b/apps/edr-freight-web/backoffice/src/components/auth/RequirePermission.tsx
new file mode 100644
index 000000000..4e35fc712
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/auth/RequirePermission.tsx
@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+import { Navigate } from "react-router-dom";
+
+import { useAuth } from "@/auth/useAuth";
+import { hasPermission } from "@/lib/permissions";
+
+interface RequirePermissionProps {
+  /** Permission key(s); access is granted if the user has ANY of them. */
+  permission: string | string[];
+  /** Where to send users who lack the permission. */
+  redirectTo?: string;
+  children: ReactNode;
+}
+
+/**
+ * Page-level guard: renders children only when the current user holds one of
+ * the given permissions, otherwise redirects (default: overview).
+ */
+export function RequirePermission({
+  permission,
+  redirectTo = "/dashboard/overview",
+  children,
+}: RequirePermissionProps) {
+  const { user } = useAuth();
+  const keys = Array.isArray(permission) ? permission : [permission];
+  const allowed = keys.some((key) => hasPermission(user, key));
+
+  if (!allowed) return <Navigate to={redirectTo} replace />;
+  return <>{children}</>;
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/BookingActionsMenu.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/BookingActionsMenu.tsx
index 49950d97b..5593f425e 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/BookingActionsMenu.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/BookingActionsMenu.tsx
@@ -7,6 +7,7 @@ import { useBookingActionDialog } from "./useBookingActionDialog";
 import { useAuth } from "@/auth/useAuth";
 import {
   getNextPendingApprovalStep,
+  isAllocateAction,
   isContractNavAction,
   listRowHasActions,
   type BookingActionContext,
@@ -20,12 +21,14 @@ interface BookingActionsMenuProps {
   className?: string;
   /** Suppresses table row navigation after menu/dialog close (click-through). */
   onSuppressRowClick?: () => void;
+  onAllocateBooking?: () => void;
 }
 
 export function BookingActionsMenu({
   row,
   variant = "table",
   onSuppressRowClick,
+  onAllocateBooking,
 }: BookingActionsMenuProps) {
   const navigate = useNavigate();
   const { user } = useAuth();
@@ -34,6 +37,7 @@ export function BookingActionsMenu({
     paymentCurrency: row.paymentCurrency,
     reference: row.reference,
     approvalSteps: row.approvalSteps,
+    schedulingStatus: row.schedulingStatus,
   };
 
   const flow = useBookingActionDialog(row.id, context);
@@ -46,6 +50,8 @@ export function BookingActionsMenu({
     onSuppressRowClick?.();
     if (isContractNavAction(action.id)) {
       goToContract();
+    } else if (isAllocateAction(action.id)) {
+      onAllocateBooking?.();
     } else {
       flow.openAction(action);
     }
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/BookingActionsToolbar.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/BookingActionsToolbar.tsx
index e451f2d2c..4589ad7fb 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/BookingActionsToolbar.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/BookingActionsToolbar.tsx
@@ -1,10 +1,15 @@
+import { useState } from "react";
 import { Download, Zap, FileText, Clock } from "lucide-react";
 import { Stack, Text, Button } from "@mantine/core";
 
+import { AllocateBookingWizard } from "@/components/trainScheduling/AllocateBookingWizard";
 import type { BookingDetail } from "@/types/booking";
 import { BookingActionsMenu } from "./BookingActionsMenu";
 import { SectionCard } from "./detail/SectionCard";
 import { toBookingListRow } from "@/features/bookings/mapBookingListRow";
+import { canAllocateBooking } from "@/features/bookings/booking-actions.config";
+import { useAuth } from "@/auth/useAuth";
+import { canManageScheduling } from "@/lib/permissions";
 import type { useBookingMutations } from "@/hooks/bookings/useBookings";
 
 type Mutations = ReturnType<typeof useBookingMutations>;
@@ -16,8 +21,11 @@ interface BookingActionsToolbarProps {
 
 /** Detail-page actions: primary toolbar + downloads. */
 export function BookingActionsToolbar({ booking, mutations }: BookingActionsToolbarProps) {
+  const { user } = useAuth();
   const row = toBookingListRow(booking);
   const { status } = booking;
+  const [allocateOpen, setAllocateOpen] = useState(false);
+  const canAllocate = canManageScheduling(user);
 
   const downloadBlob = async (fn: () => Promise<Blob>, filename: string) => {
     const blob = await fn();
@@ -98,7 +106,11 @@ export function BookingActionsToolbar({ booking, mutations }: BookingActionsTool
           <Text size="xs" c="dimmed">
             Confirm each step before it is applied.
           </Text>
-          <BookingActionsMenu row={row} variant="toolbar" />
+          <BookingActionsMenu
+            row={row}
+            variant="toolbar"
+            onAllocateBooking={() => setAllocateOpen(true)}
+          />
         </Stack>
       </SectionCard>
 
@@ -118,6 +130,14 @@ export function BookingActionsToolbar({ booking, mutations }: BookingActionsTool
           </Button>
         </SectionCard>
       )}
+
+      {canAllocate && canAllocateBooking(booking) ? (
+        <AllocateBookingWizard
+          booking={booking}
+          opened={allocateOpen}
+          onClose={() => setAllocateOpen(false)}
+        />
+      ) : null}
     </Stack>
   );
 }
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/BookingRequestsHeader.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/BookingRequestsHeader.tsx
new file mode 100644
index 000000000..ca4fca5a5
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/BookingRequestsHeader.tsx
@@ -0,0 +1,244 @@
+import type { ReactNode } from "react";
+import { Box, Button, Group, Paper, Stack, Text } from "@mantine/core";
+import type { LucideIcon } from "lucide-react";
+import {
+  AlertTriangle,
+  CheckCircle2,
+  Clock,
+  LayoutList,
+  Plus,
+  RefreshCw,
+} from "lucide-react";
+
+import { MiniRing, MiniSparkline } from "@/components/common/MiniGraph";
+import { ACCENT_CHIP_BG } from "@/components/overview/OverviewKpiCard";
+import {
+  overviewAccentGradients,
+  type OverviewAccent,
+} from "@/components/overview/overview.styles";
+import type {
+  BookingListSummaryMetrics,
+  BookingListSummaryTabs,
+} from "@/services/bookings.service";
+
+/** Lifecycle stages for the pipeline distribution bar (in flow order). */
+const PIPELINE_STAGES: Array<{
+  key: keyof BookingListSummaryTabs;
+  label: string;
+  color: string;
+}> = [
+  { key: "intake", label: "Intake", color: "#38bdf8" },
+  { key: "in_approval", label: "Approval", color: "#f59e0b" },
+  { key: "approved_contract", label: "Contract", color: "#8b5cf6" },
+  { key: "payment", label: "Payment", color: "#fb923c" },
+  { key: "operations", label: "Operations", color: "#14b8a6" },
+  { key: "completed", label: "Completed", color: "#22c55e" },
+];
+
+const CARD_STYLE = {
+  background: "var(--mantine-color-gray-0)",
+  border: "1px solid var(--mantine-color-gray-2)",
+} as const;
+
+export interface BookingRequestsHeaderProps {
+  metrics?: BookingListSummaryMetrics;
+  tabs?: BookingListSummaryTabs;
+  loading?: boolean;
+  isFetching?: boolean;
+  onCreate: () => void;
+  onRefresh: () => void;
+}
+
+export function BookingRequestsHeader({
+  metrics,
+  tabs,
+  loading,
+  isFetching,
+  onCreate,
+  onRefresh,
+}: BookingRequestsHeaderProps) {
+  const val = (n?: number) => (loading ? "—" : (n ?? 0));
+
+  return (
+    <Stack gap="lg">
+      <Group justify="flex-end" gap="sm">
+        <Button color="green" radius="lg" leftSection={<Plus size={18} />} onClick={onCreate}>
+          Create booking
+        </Button>
+        <Button
+          variant="default"
+          radius="lg"
+          leftSection={<RefreshCw size={16} />}
+          loading={isFetching}
+          onClick={onRefresh}
+        >
+          Refresh
+        </Button>
+      </Group>
+
+      <Group grow gap="md" align="stretch" wrap="wrap">
+        <HeroStat
+          icon={LayoutList}
+          label="In queue"
+          value={val(metrics?.inQueue)}
+          hint="Matching current filter"
+          accent="gold"
+          variant="area"
+        />
+        <HeroStat
+          icon={Clock}
+          label="Needs action"
+          value={val(metrics?.needsAction)}
+          hint="Submitted or pending"
+          ratio={metrics?.inQueue ? (metrics.needsAction ?? 0) / metrics.inQueue : 0}
+          accent="orange"
+        />
+        <HeroStat
+          icon={AlertTriangle}
+          label="Urgent"
+          value={val(metrics?.urgent)}
+          hint="High priority score"
+          ratio={metrics?.inQueue ? (metrics.urgent ?? 0) / metrics.inQueue : 0}
+          accent="rose"
+        />
+        <HeroStat
+          icon={CheckCircle2}
+          label="Completed"
+          value={val(tabs?.completed)}
+          hint="Fully executed"
+          accent="gold"
+          variant="line"
+        />
+      </Group>
+
+      {/* {tabs ? <PipelineBar tabs={tabs} /> : null} */}
+    </Stack>
+  );
+}
+
+/**
+ * KPI card matching the overview style: icon chip + value + label, with a mini
+ * graph at the bottom. Ratio cards show a ring; the rest show an area/line trend.
+ */
+function HeroStat({
+  icon: Icon,
+  label,
+  value,
+  hint,
+  ratio,
+  accent = "emerald",
+  variant = "area",
+}: {
+  icon: LucideIcon;
+  label: string;
+  value: ReactNode;
+  hint?: string;
+  ratio?: number;
+  accent?: OverviewAccent;
+  variant?: "area" | "line";
+}) {
+  const [, accentDeep] = overviewAccentGradients[accent] ?? overviewAccentGradients.default;
+  const chipBg = ACCENT_CHIP_BG[accent] ?? ACCENT_CHIP_BG.default;
+  const pct = ratio != null ? Math.round(Math.min(1, Math.max(0, ratio)) * 100) : null;
+
+  return (
+    <Paper p="md" radius="lg" style={{ flex: "1 1 180px", minWidth: 160, ...CARD_STYLE }}>
+      <Stack gap={8}>
+        <Group gap="sm" wrap="nowrap" align="center">
+          <Box
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: 40,
+              height: 40,
+              borderRadius: 11,
+              background: chipBg,
+              color: accentDeep,
+              flexShrink: 0,
+            }}
+          >
+            <Icon size={20} strokeWidth={2} />
+          </Box>
+          <Stack gap={1} style={{ minWidth: 0, flex: 1 }}>
+            <Text fw={800} size="24px" lh={1.05} style={{ color: "#0f172a" }} truncate>
+              {value}
+            </Text>
+            <Text size="xs" fw={600} c="dimmed" truncate>
+              {label}
+              {hint ? ` · ${pct != null ? `${pct}% of queue` : hint}` : ""}
+            </Text>
+          </Stack>
+          {pct != null ? (
+            <MiniRing pct={pct} accent={accent} size={44} stroke={5}>
+              <Text size="10px" fw={800} style={{ color: accentDeep }}>
+                {pct}%
+              </Text>
+            </MiniRing>
+          ) : null}
+        </Group>
+
+        {pct == null ? (
+          <MiniSparkline variant={variant} accent={accent} baseline={0.5} seed={label} height={22} />
+        ) : null}
+      </Stack>
+    </Paper>
+  );
+}
+
+function PipelineBar({ tabs }: { tabs: BookingListSummaryTabs }) {
+  const segments = PIPELINE_STAGES.map((s) => ({ ...s, count: tabs[s.key] ?? 0 }));
+  const total = segments.reduce((sum, s) => sum + s.count, 0);
+
+  return (
+    <Paper p="md" radius="lg" style={CARD_STYLE}>
+      <Group justify="space-between" mb={10}>
+        <Text size="sm" fw={700} style={{ color: "#0f172a" }}>
+          Booking pipeline
+        </Text>
+        <Text size="xs" c="dimmed">
+          {total} active
+        </Text>
+      </Group>
+
+      <Box
+        style={{
+          display: "flex",
+          height: 14,
+          borderRadius: 999,
+          overflow: "hidden",
+          background: "var(--mantine-color-gray-2)",
+          gap: 2,
+        }}
+      >
+        {total > 0 ? (
+          segments.map((s) =>
+            s.count > 0 ? (
+              <Box
+                key={s.key}
+                title={`${s.label}: ${s.count}`}
+                style={{ width: `${(s.count / total) * 100}%`, background: s.color, transition: "width 200ms ease" }}
+              />
+            ) : null,
+          )
+        ) : (
+          <Box style={{ width: "100%" }} />
+        )}
+      </Box>
+
+      <Group gap="md" mt={10} wrap="wrap">
+        {segments.map((s) => (
+          <Group key={s.key} gap={6} wrap="nowrap">
+            <Box style={{ width: 9, height: 9, borderRadius: 3, background: s.color }} />
+            <Text size="xs" c="dimmed">
+              {s.label}
+            </Text>
+            <Text size="xs" fw={700} style={{ color: "#0f172a" }}>
+              {s.count}
+            </Text>
+          </Group>
+        ))}
+      </Group>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/BookingStatusBadge.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/BookingStatusBadge.tsx
index 4b801d99f..466bfe505 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/BookingStatusBadge.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/BookingStatusBadge.tsx
@@ -1,4 +1,5 @@
-import { Badge } from "@mantine/core";
+import { Badge, Group } from "@mantine/core";
+import { Link2 } from "lucide-react";
 import { BOOKING_STATUS_STYLES } from "@/features/bookings/booking-status.config";
 
 const statusColorMap: Record<string, string> = {
@@ -13,6 +14,8 @@ const statusColorMap: Record<string, string> = {
   FULLY_EXECUTED: "indigo",
   PNR_GENERATED: "violet",
   PAYMENT_VERIFICATION_IN_PROGRESS: "yellow",
+  SELECTED_FOR_BATCH: "orange",
+  EXPIRED: "red",
   PAID: "green",
   IN_TRANSIT: "cyan",
   COMPLETED: "indigo",
@@ -22,14 +25,26 @@ const statusColorMap: Record<string, string> = {
   CONSOLIDATED: "indigo",
 };
 
-export function BookingStatusBadge({ status }: { status: string }) {
+interface BookingStatusBadgeProps {
+  status: string;
+  /** When the booking is part of a consolidation, show a sibling badge. */
+  consolidated?: boolean;
+  /** Partner booking reference for the consolidated badge tooltip. */
+  partnerReference?: string | null;
+}
+
+export function BookingStatusBadge({
+  status,
+  consolidated,
+  partnerReference,
+}: BookingStatusBadgeProps) {
   const style = BOOKING_STATUS_STYLES[status] ?? {
     label: status,
     color: "gray",
   };
   const color = statusColorMap[status] ?? "gray";
 
-  return (
+  const statusBadge = (
     <Badge
       color={color}
       variant="light"
@@ -49,4 +64,34 @@ export function BookingStatusBadge({ status }: { status: string }) {
       {style.label}
     </Badge>
   );
+
+  if (!consolidated) return statusBadge;
+
+  return (
+    <Group gap={4} wrap="nowrap">
+      {statusBadge}
+      <Badge
+        color="indigo"
+        variant="light"
+        size="sm"
+        radius="md"
+        tt="uppercase"
+        fw={600}
+        leftSection={<Link2 size={12} />}
+        title={
+          partnerReference
+            ? `Consolidated with ${partnerReference}`
+            : "Part of a consolidation"
+        }
+        style={{
+          fontSize: "0.7rem",
+          letterSpacing: "0.05em",
+          display: "inline-flex",
+          whiteSpace: "nowrap",
+        }}
+      >
+        Consolidated
+      </Badge>
+    </Group>
+  );
 }
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/BookingStatusTabs.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/BookingStatusTabs.tsx
index 2743d0c31..ec0880189 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/BookingStatusTabs.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/BookingStatusTabs.tsx
@@ -8,22 +8,23 @@ import {
   Wallet,
   XCircle,
 } from "lucide-react";
-import { Group, Badge, UnstyledButton, Text } from "@mantine/core";
+import { Badge, Tabs } from "@mantine/core";
 
 import {
   BOOKING_LIST_TABS,
   type BookingStatusTabKey,
 } from "@/features/bookings/booking-status.config";
+import "@/components/overview/overview.css";
 
 const TAB_ICONS: Record<BookingStatusTabKey, React.ReactNode> = {
-  all: <LayoutGrid size={18} strokeWidth={1.75} />,
-  intake: <Inbox size={18} strokeWidth={1.75} />,
-  in_approval: <ClipboardCheck size={18} strokeWidth={1.75} />,
-  approved_contract: <FileSignature size={18} strokeWidth={1.75} />,
-  payment: <Wallet size={18} strokeWidth={1.75} />,
-  operations: <Train size={18} strokeWidth={1.75} />,
-  completed: <CheckCircle size={18} strokeWidth={1.75} />,
-  closed: <XCircle size={18} strokeWidth={1.75} />,
+  all: <LayoutGrid size={17} strokeWidth={1.85} />,
+  intake: <Inbox size={17} strokeWidth={1.85} />,
+  in_approval: <ClipboardCheck size={17} strokeWidth={1.85} />,
+  approved_contract: <FileSignature size={17} strokeWidth={1.85} />,
+  payment: <Wallet size={17} strokeWidth={1.85} />,
+  operations: <Train size={17} strokeWidth={1.85} />,
+  completed: <CheckCircle size={17} strokeWidth={1.85} />,
+  closed: <XCircle size={17} strokeWidth={1.85} />,
 };
 
 interface BookingStatusTabsProps {
@@ -38,74 +39,47 @@ export function BookingStatusTabs({
   counts,
 }: BookingStatusTabsProps) {
   return (
-    <Group
-      gap="sm"
-      wrap="nowrap"
-      p="md"
-      style={{
-        background: "var(--mantine-color-gray-0)",
-        borderRadius: "12px",
-        border: "1px solid var(--mantine-color-gray-2)",
-        overflowX: "auto",
-        overflowY: "hidden",
-        WebkitOverflowScrolling: "touch",
-        scrollBehavior: "smooth",
-        scrollbarWidth: "thin",
-      }}
+    <Tabs
+      value={active}
+      onChange={(value) => onChange((value as BookingStatusTabKey) ?? "all")}
+      variant="pills"
+      color="green"
+      keepMounted={false}
+      classNames={{ list: "ov-tablist", tab: "ov-tab" }}
     >
-      {BOOKING_LIST_TABS.map((tab) => {
-        const isActive = active === tab.key;
-        const count = counts?.[tab.key];
-        return (
-          <UnstyledButton
-            key={tab.key}
-            onClick={() => onChange(tab.key)}
-            style={{
-              flexShrink: 0,
-              background: isActive ? "white" : "transparent",
-              border: isActive ? "1px solid var(--freight-brand-border)" : "1px solid var(--mantine-color-gray-2)",
-              borderRadius: "10px",
-              padding: "10px 16px",
-              transition: "all 0.2s ease",
-              cursor: "pointer",
-              boxShadow: isActive ? "0 2px 8px rgb(21 128 61 / 0.12)" : "none",
-            }}
-          >
-            <Group gap="sm" justify="space-between" wrap="nowrap">
-              <Group gap={8}>
-                <div
-                  style={{
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    width: "32px",
-                    height: "32px",
-                    borderRadius: "8px",
-                    background: isActive ? "var(--freight-brand-muted)" : "var(--mantine-color-gray-1)",
-                    color: isActive ? "var(--freight-brand-dark)" : "var(--mantine-color-gray-6)",
-                  }}
-                >
-                  {TAB_ICONS[tab.key]}
-                </div>
-                <Text size="sm" fw={600}>
-                  {tab.label}
-                </Text>
-              </Group>
-              {count !== undefined && count > 0 && (
-                <Badge
-                  size="sm"
-                  variant={isActive ? "filled" : "light"}
-                  color={isActive ? "green" : "gray"}
-                  radius="lg"
-                >
-                  {count}
-                </Badge>
-              )}
-            </Group>
-          </UnstyledButton>
-        );
-      })}
-    </Group>
+      <Tabs.List>
+        {BOOKING_LIST_TABS.map((tab) => {
+          const isActive = active === tab.key;
+          const count = counts?.[tab.key];
+          return (
+            <Tabs.Tab
+              key={tab.key}
+              value={tab.key}
+              leftSection={TAB_ICONS[tab.key]}
+              rightSection={
+                count !== undefined ? (
+                  <Badge
+                    size="sm"
+                    radius="sm"
+                    variant={isActive ? "white" : "light"}
+                    color={isActive ? "green" : "gray"}
+                    styles={
+                      isActive
+                        ? { root: { background: "rgba(255,255,255,0.9)", color: "#15805f" } }
+                        : undefined
+                    }
+                  >
+                    {count}
+                  </Badge>
+                ) : undefined
+              }
+            >
+              {tab.label}
+            </Tabs.Tab>
+          );
+        })}
+      </Tabs.List>
+    </Tabs>
   );
 }
 
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/OperationsBookingQueue.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/OperationsBookingQueue.tsx
new file mode 100644
index 000000000..abd787334
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/OperationsBookingQueue.tsx
@@ -0,0 +1,225 @@
+import { useMemo, useState } from "react";
+import { ArrowRight, Building2, Package } from "lucide-react";
+import {
+  Accordion,
+  Badge,
+  Button,
+  Checkbox,
+  Group,
+  Paper,
+  Stack,
+  Text,
+  Title,
+} from "@mantine/core";
+
+import { BookingPriorityBadge } from "@/components/bookings/BookingPriorityBadge";
+import { canAllocateBooking } from "@/features/bookings/booking-actions.config";
+import type { BookingListRow } from "@/types/booking";
+import { groupBookingsForOperationsQueue } from "@/utils/groupBookingsForOperationsQueue";
+
+function BookingQueueRow({
+  booking,
+  selected,
+  disabled,
+  onToggle,
+}: {
+  booking: BookingListRow;
+  selected: boolean;
+  disabled: boolean;
+  onToggle: () => void;
+}) {
+  return (
+    <Group
+      align="flex-start"
+      wrap="nowrap"
+      p="sm"
+      style={{
+        border: "1px solid var(--mantine-color-gray-3)",
+        borderRadius: 8,
+      }}
+    >
+      <Checkbox checked={selected} disabled={disabled} onChange={onToggle} mt={4} />
+      <Stack gap={4} style={{ flex: 1 }}>
+        <Group gap="xs">
+          <Package size={14} />
+          <Text fw={600} size="sm">{booking.reference}</Text>
+          {booking.isGovernment ? (
+            <Badge color="violet" size="xs" leftSection={<Building2 size={10} />}>
+              Government
+            </Badge>
+          ) : null}
+          <Badge variant="outline" size="xs">{booking.freightType}</Badge>
+          {booking.schedulingStatus ? (
+            <Badge variant="light" size="xs">{booking.schedulingStatus}</Badge>
+          ) : null}
+        </Group>
+        <Text size="xs" c="dimmed">{booking.customerLabel}</Text>
+        <Group gap={6}>
+          <Text size="xs">{booking.originLabel}</Text>
+          <ArrowRight size={12} />
+          <Text size="xs">{booking.destinationLabel}</Text>
+        </Group>
+        <Group gap="sm">
+          <BookingPriorityBadge score={booking.priorityScore} />
+          {booking.serviceTypeLabel ? (
+            <Text size="xs" c="dimmed">
+              {booking.serviceTypeLabel}
+              {booking.serviceTypeBonus ? ` (+${booking.serviceTypeBonus} bonus)` : ""}
+            </Text>
+          ) : null}
+        </Group>
+      </Stack>
+    </Group>
+  );
+}
+
+export function OperationsBookingQueue({
+  bookings,
+  isLoading,
+  onAllocate,
+}: {
+  bookings: BookingListRow[];
+  isLoading?: boolean;
+  onAllocate: (bookingIds: string[]) => void;
+}) {
+  const { government, commercial } = useMemo(
+    () => groupBookingsForOperationsQueue(bookings),
+    [bookings],
+  );
+  const [govSelected, setGovSelected] = useState<string[]>([]);
+  const [selectedByBucket, setSelectedByBucket] = useState<Record<string, string[]>>({});
+
+  const allocatable = (row: BookingListRow) =>
+    row.status === "PAID" &&
+    canAllocateBooking({ status: row.status, schedulingStatus: row.schedulingStatus });
+
+  const govSelection = govSelected.length
+    ? govSelected
+    : government.filter(allocatable).map((b) => b.id);
+
+  const bucketSelection = (bucketKey: string, bucketBookings: BookingListRow[]) => {
+    const existing = selectedByBucket[bucketKey];
+    if (existing) return existing;
+    return bucketBookings.filter(allocatable).map((b) => b.id);
+  };
+
+  const toggleGov = (bookingId: string) => {
+    setGovSelected((prev) => {
+      const base = prev.length ? prev : government.filter(allocatable).map((b) => b.id);
+      return base.includes(bookingId)
+        ? base.filter((id) => id !== bookingId)
+        : [...base, bookingId];
+    });
+  };
+
+  const toggleBucket = (bucketKey: string, bookingId: string) => {
+    setSelectedByBucket((prev) => {
+      const current = prev[bucketKey] ?? [];
+      const next = current.includes(bookingId)
+        ? current.filter((id) => id !== bookingId)
+        : [...current, bookingId];
+      return { ...prev, [bucketKey]: next };
+    });
+  };
+
+  if (isLoading) {
+    return <Text size="sm" c="dimmed">Loading operations queue…</Text>;
+  }
+
+  if (!government.length && !commercial.length) {
+    return (
+      <Text size="sm" c="dimmed">
+        No PAID bookings ready to allocate.
+      </Text>
+    );
+  }
+
+  return (
+    <Stack gap="lg">
+      {government.length > 0 ? (
+        <Paper withBorder p="md" radius="md">
+          <Group justify="space-between" mb="md">
+            <Stack gap={2}>
+              <Title order={5}>Government priority</Title>
+              <Text size="xs" c="dimmed">
+                Served first — not grouped by 3-hour window
+              </Text>
+            </Stack>
+            <Group gap="xs">
+              <Badge variant="light">{govSelection.length} selected</Badge>
+              <Button
+                size="compact-sm"
+                color="violet"
+                disabled={!govSelection.length}
+                onClick={() => onAllocate(govSelection)}
+              >
+                Allocate
+              </Button>
+            </Group>
+          </Group>
+          <Stack gap="sm">
+            {government.map((booking) => (
+              <BookingQueueRow
+                key={booking.id}
+                booking={booking}
+                selected={govSelection.includes(booking.id)}
+                disabled={!allocatable(booking)}
+                onToggle={() => toggleGov(booking.id)}
+              />
+            ))}
+          </Stack>
+        </Paper>
+      ) : null}
+
+      {commercial.length > 0 ? (
+        <Accordion defaultValue={commercial[0]?.key} variant="separated" radius="md">
+          {commercial.map((bucket) => {
+            const selected = bucketSelection(bucket.key, bucket.bookings);
+            return (
+              <Accordion.Item key={bucket.key} value={bucket.key}>
+                <Accordion.Control>
+                  <Group justify="space-between" wrap="nowrap" pr="md">
+                    <Stack gap={2}>
+                      <Text fw={600} size="sm">{bucket.label}</Text>
+                      <Text size="xs" c="dimmed">
+                        {bucket.bookings.length} commercial booking
+                        {bucket.bookings.length === 1 ? "" : "s"}
+                      </Text>
+                    </Stack>
+                    <Group gap="xs">
+                      <Badge variant="light">{selected.length} selected</Badge>
+                      <Button
+                        size="compact-sm"
+                        color="green"
+                        disabled={!selected.length}
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          onAllocate(selected);
+                        }}
+                      >
+                        Allocate
+                      </Button>
+                    </Group>
+                  </Group>
+                </Accordion.Control>
+                <Accordion.Panel>
+                  <Stack gap="sm">
+                    {bucket.bookings.map((booking) => (
+                      <BookingQueueRow
+                        key={booking.id}
+                        booking={booking}
+                        selected={selected.includes(booking.id)}
+                        disabled={!allocatable(booking)}
+                        onToggle={() => toggleBucket(bucket.key, booking.id)}
+                      />
+                    ))}
+                  </Stack>
+                </Accordion.Panel>
+              </Accordion.Item>
+            );
+          })}
+        </Accordion>
+      ) : null}
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/OperationsScheduledBookings.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/OperationsScheduledBookings.tsx
new file mode 100644
index 000000000..44a1ef030
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/OperationsScheduledBookings.tsx
@@ -0,0 +1,97 @@
+import { Link } from "react-router-dom";
+import { ArrowRight, ExternalLink } from "lucide-react";
+import { Badge, Button, Group, Stack, Text } from "@mantine/core";
+
+import { SchedulingStatusBadge } from "@/components/trainScheduling/ScheduleStatusBadge";
+import type { BookingListRow } from "@/types/booking";
+import { DataTable, type ColumnDef } from "@edr/ui-common";
+
+export function OperationsScheduledBookings({
+  bookings,
+  isLoading,
+}: {
+  bookings: BookingListRow[];
+  isLoading?: boolean;
+}) {
+  const columns: ColumnDef<BookingListRow>[] = [
+    {
+      id: "reference",
+      header: "Booking",
+      cell: ({ row }) => (
+        <Stack gap={2}>
+          <Group gap={6}>
+            <Text fw={600} size="sm">{row.original.reference}</Text>
+            {row.original.isGovernment ? (
+              <Badge color="violet" size="xs">Government</Badge>
+            ) : null}
+          </Group>
+          <Text size="xs" c="dimmed">{row.original.customerLabel}</Text>
+        </Stack>
+      ),
+    },
+    {
+      id: "route",
+      header: "Route",
+      cell: ({ row }) => (
+        <Group gap={6}>
+          <Text size="sm">{row.original.originLabel}</Text>
+          <ArrowRight size={12} />
+          <Text size="sm">{row.original.destinationLabel}</Text>
+        </Group>
+      ),
+    },
+    {
+      id: "scheduled",
+      header: "Scheduled",
+      cell: ({ row }) => (
+        <Text size="sm">{String(row.original.scheduledDate).slice(0, 16)}</Text>
+      ),
+    },
+    {
+      id: "status",
+      header: "Scheduling",
+      cell: ({ row }) =>
+        row.original.schedulingStatus ? (
+          <SchedulingStatusBadge status={row.original.schedulingStatus} />
+        ) : (
+          <Badge variant="light">—</Badge>
+        ),
+    },
+    {
+      id: "actions",
+      header: "",
+      cell: ({ row }) => (
+        <Group gap="xs">
+          <Button
+            component={Link}
+            to={`/dashboard/booking-requests/${row.original.id}`}
+            variant="light"
+            size="compact-sm"
+          >
+            View booking
+          </Button>
+          {row.original.trainScheduleId ? (
+            <Button
+              component={Link}
+              to={`/dashboard/operations/train-scheduling-v2/${row.original.trainScheduleId}`}
+              variant="subtle"
+              size="compact-sm"
+              leftSection={<ExternalLink size={14} />}
+            >
+              Train schedule
+            </Button>
+          ) : null}
+        </Group>
+      ),
+    },
+  ];
+
+  return (
+    <DataTable
+      columns={columns}
+      data={bookings}
+      status={isLoading ? "loading" : "success"}
+      emptyMessage="No bookings currently assigned to a train schedule"
+    />
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingApprovalCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingApprovalCard.tsx
index 854e121ce..1fbb859af 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingApprovalCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingApprovalCard.tsx
@@ -19,6 +19,7 @@ export function BookingApprovalCard({ steps, approvedCount }: BookingApprovalCar
     <SectionCard
       icon={CheckCircle}
       title="Approval Workflow"
+      accent="green"
       extra={
         <Badge color="green" variant="light" radius="sm">
           {approvedCount} / {steps.length} approved
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingCargoCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingCargoCard.tsx
index 90e26bed4..b0a01f625 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingCargoCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingCargoCard.tsx
@@ -15,7 +15,7 @@ export function BookingCargoCard({ booking }: BookingCargoCardProps) {
   const containers = booking.bookingContainers ?? [];
 
   return (
-    <SectionCard icon={Package} title="Cargo specifications">
+    <SectionCard icon={Package} title="Cargo specifications" accent="orange">
       <SimpleGrid cols={{ base: 1, sm: 3 }} spacing="sm">
         <MetricTile
           label="Cargo type"
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingCompanyCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingCompanyCard.tsx
new file mode 100644
index 000000000..06fafc099
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingCompanyCard.tsx
@@ -0,0 +1,102 @@
+import type { LucideIcon } from "lucide-react";
+import {
+  Building2,
+  FileCheck,
+  Mail,
+  MapPin,
+  Phone,
+  User,
+} from "lucide-react";
+import { Group, Stack, Text, Divider } from "@mantine/core";
+
+import type { BookingDetail } from "@/types/booking";
+import { SectionCard } from "./SectionCard";
+
+interface InfoRowProps {
+  icon: LucideIcon;
+  label: string;
+  value?: string | null;
+}
+
+function InfoRow({ icon: Icon, label, value }: InfoRowProps) {
+  return (
+    <Group justify="space-between" wrap="nowrap" py={6} gap="md">
+      <Group gap="xs" wrap="nowrap">
+        <Icon size={15} color="var(--mantine-color-gray-5)" />
+        <Text size="sm" c="dimmed">
+          {label}
+        </Text>
+      </Group>
+      <Text size="sm" fw={600} ta="right" style={{ minWidth: 0 }} truncate>
+        {value || "—"}
+      </Text>
+    </Group>
+  );
+}
+
+export interface BookingCompanyCardProps {
+  booking: BookingDetail;
+}
+
+/** Customer (company) information for the booking. */
+export function BookingCompanyCard({ booking }: BookingCompanyCardProps) {
+  const company = booking.company;
+
+  // Government bookings may not carry a company; show the institution instead.
+  if (!company && booking.isGovernment) {
+    return (
+      <SectionCard icon={Building2} title="Customer" accent="blue">
+        <InfoRow
+          icon={Building2}
+          label="Government"
+          value={booking.governmentInstitution}
+        />
+      </SectionCard>
+    );
+  }
+
+  if (!company) {
+    return (
+      <SectionCard icon={Building2} title="Customer" accent="blue">
+        <Text size="sm" c="dimmed">
+          No customer linked to this booking.
+        </Text>
+      </SectionCard>
+    );
+  }
+
+  const companyName = company.companyName ?? company.name ?? company.label;
+
+  const rows: InfoRowProps[] = [
+    { icon: FileCheck, label: "TIN", value: company.tin },
+    { icon: Mail, label: "Email", value: company.email },
+    { icon: Phone, label: "Phone", value: company.phone },
+    { icon: MapPin, label: "Address", value: company.address },
+    { icon: User, label: "Contact person", value: company.contactPersonName },
+    { icon: Phone, label: "Contact phone", value: company.contactPersonPhone },
+  ].filter((r) => r.value);
+
+  return (
+    <SectionCard
+      icon={Building2}
+      title="Customer"
+      subtitle={companyName}
+      accent="blue"
+    >
+      <Stack gap={0}>
+        {rows.length === 0 ? (
+          <Text size="sm" c="dimmed">
+            No additional company details available.
+          </Text>
+        ) : (
+          rows.map((row, index) => (
+            <div key={row.label}>
+              {index > 0 && <Divider color="var(--mantine-color-gray-2)" />}
+              <InfoRow {...row} />
+            </div>
+          ))
+        )}
+      </Stack>
+    </SectionCard>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingContainersCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingContainersCard.tsx
index 265217bc4..3048b705b 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingContainersCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingContainersCard.tsx
@@ -13,6 +13,7 @@ export function BookingContainersCard({ containers }: BookingContainersCardProps
     <SectionCard
       icon={Boxes}
       title="Containers & Cargo"
+      accent="teal"
       extra={
         <Badge color="gray" variant="light" radius="sm">
           {containers.length} line{containers.length === 1 ? "" : "s"}
@@ -41,7 +42,7 @@ export function BookingContainersCard({ containers }: BookingContainersCardProps
                 <Table.Td>{container.quantity}</Table.Td>
                 <Table.Td>{container.vgmPerUnitTons} t</Table.Td>
                 <Table.Td>
-                  <Text fw={600} c="green.7" size="sm">
+                  <Text fw={600} size="sm" style={{ color: "#B26C09" }}>
                     {(container.quantity * container.vgmPerUnitTons).toFixed(2)} t
                   </Text>
                 </Table.Td>
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingContractSummaryCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingContractSummaryCard.tsx
index aebb0f52f..1e86a7d2a 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingContractSummaryCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingContractSummaryCard.tsx
@@ -10,7 +10,7 @@ export interface BookingContractSummaryCardProps {
 /** Generated contract terms, shown verbatim. */
 export function BookingContractSummaryCard({ summary }: BookingContractSummaryCardProps) {
   return (
-    <SectionCard icon={Anchor} title="Contract summary">
+    <SectionCard icon={Anchor} title="Contract summary" accent="teal">
       <Code
         block
         style={{
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDetailHeader.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDetailHeader.tsx
index aa4e00b19..e03f4580e 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDetailHeader.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDetailHeader.tsx
@@ -36,7 +36,11 @@ export function BookingDetailHeader({
             <Title order={2} fw={700} style={{ letterSpacing: "-0.4px" }}>
               {booking.reference}
             </Title>
-            <BookingStatusBadge status={booking.status} />
+            <BookingStatusBadge
+              status={booking.status}
+              consolidated={Boolean(booking.consolidationPartnerId)}
+              partnerReference={booking.consolidationPartner?.reference}
+            />
           </Group>
           <Group gap="xs">
             <Building2 size={14} color="var(--mantine-color-gray-5)" />
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDocumentsCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDocumentsCard.tsx
index 8f0e3746c..362917be9 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDocumentsCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingDocumentsCard.tsx
@@ -15,6 +15,7 @@ export function BookingDocumentsCard({ files, onDownload }: BookingDocumentsCard
     <SectionCard
       icon={FileText}
       title="Documents"
+      accent="indigo"
       extra={
         <Badge color="gray" variant="light" radius="sm">
           {files.length}
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingFactsCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingFactsCard.tsx
index 24042c18f..8d82f51e2 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingFactsCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingFactsCard.tsx
@@ -43,7 +43,7 @@ export function BookingFactsCard({ booking }: BookingFactsCardProps) {
   ];
 
   return (
-    <SectionCard icon={Hash} title="Booking Details">
+    <SectionCard icon={Hash} title="Booking Details" accent="cyan">
       <Stack gap={0}>
         {facts.map((fact, index) => (
           <div key={fact.label}>
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingMileServicesCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingMileServicesCard.tsx
index 2b09618df..3236e5cae 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingMileServicesCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingMileServicesCard.tsx
@@ -17,7 +17,7 @@ export function BookingMileServicesCard({ booking }: BookingMileServicesCardProp
   }
 
   return (
-    <SectionCard icon={Truck} title="Mile services">
+    <SectionCard icon={Truck} title="Mile services" accent="grape">
       <SimpleGrid cols={{ base: 1, md: 2 }} spacing="sm">
         {booking.firstMilePickupAddress && (
           <MetricTile label="First mile pickup" value={booking.firstMilePickupAddress} />
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingPaymentCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingPaymentCard.tsx
index 90440dfae..7d0535bd4 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingPaymentCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingPaymentCard.tsx
@@ -21,10 +21,10 @@ export function BookingPaymentCard({
           Total Amount
         </Text>
         <Group align="flex-end" gap="xs">
-          <Title order={1} fw={700} c="green.9" style={{ letterSpacing: "-1px" }}>
+          <Title order={1} fw={700} style={{ letterSpacing: "-1px", color: "#8A5304" }}>
             {totalAmount.toLocaleString(undefined, { minimumFractionDigits: 2 })}
           </Title>
-          <Text fw={600} c="green.7" mb={6}>
+          <Text fw={600} mb={6} style={{ color: "#B26C09" }}>
             {currency}
           </Text>
         </Group>
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingPaymentCountdownCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingPaymentCountdownCard.tsx
new file mode 100644
index 000000000..2242fb278
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingPaymentCountdownCard.tsx
@@ -0,0 +1,92 @@
+import { useEffect, useState } from "react";
+import { Group, Stack, Text } from "@mantine/core";
+import { Timer } from "lucide-react";
+
+import { SectionCard } from "./SectionCard";
+
+export interface BookingPaymentCountdownCardProps {
+  /** ISO timestamp marking the end of the pay window. */
+  paymentDeadline: string;
+}
+
+interface Remaining {
+  days: number;
+  hours: number;
+  minutes: number;
+  seconds: number;
+  expired: boolean;
+}
+
+function getRemaining(deadlineMs: number): Remaining {
+  const diff = deadlineMs - Date.now();
+  if (diff <= 0) {
+    return { days: 0, hours: 0, minutes: 0, seconds: 0, expired: true };
+  }
+  const totalSeconds = Math.floor(diff / 1000);
+  return {
+    days: Math.floor(totalSeconds / 86400),
+    hours: Math.floor((totalSeconds % 86400) / 3600),
+    minutes: Math.floor((totalSeconds % 3600) / 60),
+    seconds: totalSeconds % 60,
+    expired: false,
+  };
+}
+
+function Segment({ value, label }: { value: number; label: string }) {
+  return (
+    <Stack gap={2} align="center" style={{ minWidth: 56 }}>
+      <Text fw={700} size="2rem" style={{ lineHeight: 1, fontVariantNumeric: "tabular-nums" }}>
+        {String(value).padStart(2, "0")}
+      </Text>
+      <Text size="xs" c="dimmed" tt="uppercase" lts="0.06em">
+        {label}
+      </Text>
+    </Stack>
+  );
+}
+
+/** Live countdown to the payment deadline. Ticks every second; shows an expired state past the deadline. */
+export function BookingPaymentCountdownCard({ paymentDeadline }: BookingPaymentCountdownCardProps) {
+  const deadlineMs = new Date(paymentDeadline).getTime();
+  const [remaining, setRemaining] = useState<Remaining>(() => getRemaining(deadlineMs));
+
+  useEffect(() => {
+    setRemaining(getRemaining(deadlineMs));
+    const interval = setInterval(() => {
+      const next = getRemaining(deadlineMs);
+      setRemaining(next);
+      if (next.expired) {
+        clearInterval(interval);
+      }
+    }, 1000);
+    return () => clearInterval(interval);
+  }, [deadlineMs]);
+
+  const accent = remaining.expired ? "red" : "orange";
+
+  return (
+    <SectionCard
+      icon={Timer}
+      title="Payment Deadline"
+      subtitle={
+        remaining.expired
+          ? "The pay window has closed"
+          : "Time remaining to complete payment"
+      }
+      accent={accent}
+    >
+      {remaining.expired ? (
+        <Text fw={600} c="red.7">
+          Expired
+        </Text>
+      ) : (
+        <Group justify="center" gap="lg" wrap="nowrap">
+          <Segment value={remaining.days} label="Days" />
+          <Segment value={remaining.hours} label="Hours" />
+          <Segment value={remaining.minutes} label="Mins" />
+          <Segment value={remaining.seconds} label="Secs" />
+        </Group>
+      )}
+    </SectionCard>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRequestHero.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRequestHero.tsx
index cb6503217..94648a76a 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRequestHero.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRequestHero.tsx
@@ -1,12 +1,25 @@
-import { Building2, Calendar, Clock, RefreshCw, ArrowLeft } from "lucide-react";
-import { Paper, Group, Stack, Title, Text, Button, Box } from "@mantine/core";
+import type { ReactNode } from "react";
+import {
+  ArrowLeft,
+  Building2,
+  Calendar,
+  Clock,
+  Container as ContainerIcon,
+  Flame,
+  RefreshCw,
+  Wallet,
+  Weight,
+} from "lucide-react";
+import { Box, Button, Group, Paper, Stack, Text, ThemeIcon, Title } from "@mantine/core";
+import type { LucideIcon } from "lucide-react";
 
 import type { BookingDetail } from "@/types/booking";
 import { BookingStatusBadge } from "@/components/bookings/BookingStatusBadge";
 import { BookingPriorityBadge } from "@/components/bookings/BookingPriorityBadge";
+import { SchedulingStatusBadge } from "@/components/trainScheduling/ScheduleStatusBadge";
 import { NextStepBanner } from "@/components/bookings/NextStepBanner";
 
-import { detailStyles, formatDate } from "./booking-detail.styles";
+import { formatDate } from "./booking-detail.styles";
 
 export interface BookingRequestHeroProps {
   booking: BookingDetail;
@@ -16,7 +29,7 @@ export interface BookingRequestHeroProps {
   isFetching?: boolean;
 }
 
-/** Top hero for the request detail page: identity, status, next step, total value. */
+/** Top hero for the request detail page: identity, status, next step, key figures. */
 export function BookingRequestHero({
   booking,
   customerLabel,
@@ -25,85 +38,180 @@ export function BookingRequestHero({
   isFetching,
 }: BookingRequestHeroProps) {
   const amount = Number(booking.totalAmount);
+  const containers = booking.bookingContainers ?? [];
+  const containerCount = containers.reduce(
+    (sum, c) => sum + Number(c.quantity ?? 0),
+    0,
+  );
+  const weight = Number(booking.cargoTotalWeightVgm ?? 0);
 
   return (
-    <Paper radius="md" withBorder p="xl" style={detailStyles.card}>
-      <Button
-        variant="subtle"
-        color="gray"
-        size="compact-sm"
-        leftSection={<ArrowLeft size={16} />}
-        onClick={onBack}
-        mb="md"
-        ml={-8}
-        fw={600}
-      >
-        Back to list
-      </Button>
-
-      <Group justify="space-between" align="flex-start" wrap="wrap" gap="lg">
-        <Stack gap="sm" style={{ flex: 1, minWidth: 0 }}>
-          <Text size="xs" c="dimmed" fw={600} tt="uppercase" lts="0.06em">
-            Booking reference
-          </Text>
-          <Group gap="sm" align="center" wrap="wrap">
-            <Title order={2} fw={700} style={{ letterSpacing: "-0.4px" }}>
-              {booking.reference}
-            </Title>
-            <BookingStatusBadge status={booking.status} />
-            <BookingPriorityBadge score={booking.priorityScore} />
-          </Group>
-
-          {booking.nextStep && (
-            <Box maw={520}>
-              <NextStepBanner nextStep={booking.nextStep} />
-            </Box>
-          )}
-
-          <Group gap="lg" mt={4}>
-            <Group gap={6} wrap="nowrap">
-              <Building2 size={14} color="var(--mantine-color-gray-5)" />
-              <Text size="sm" fw={500}>
-                {customerLabel}
-              </Text>
-            </Group>
-            <Group gap={6} wrap="nowrap">
-              <Calendar size={14} color="var(--mantine-color-gray-5)" />
-              <Text size="sm" c="dimmed">
-                Scheduled {booking.scheduledDate}
-              </Text>
-            </Group>
-            <Group gap={6} wrap="nowrap">
-              <Clock size={14} color="var(--mantine-color-gray-5)" />
-              <Text size="sm" c="dimmed">
-                Created {formatDate(booking.createdAt)}
-              </Text>
-            </Group>
-          </Group>
-        </Stack>
-
-        <Stack gap="sm" align="flex-end">
-          <Paper radius="md" withBorder p="md" miw={200} style={detailStyles.highlightCard}>
-            <Text size="xs" c="dimmed" fw={500} tt="uppercase" lts="0.04em" ta="right">
-              Total value
-            </Text>
-            <Text size="xl" fw={700} c="green.9" ta="right" mt={4} style={{ fontVariantNumeric: "tabular-nums" }}>
-              {booking.paymentCurrency}{" "}
-              {amount.toLocaleString(undefined, { minimumFractionDigits: 2 })}
-            </Text>
-            <Text size="xs" c="dimmed" ta="right" mt={2}>
-              {booking.paymentStatus}
-            </Text>
-          </Paper>
+    <Paper
+      radius="xl"
+      p="xl"
+      style={{
+        position: "relative",
+        overflow: "hidden",
+        background: "#ffffff",
+        border: "1px solid var(--mantine-color-gray-2)",
+        boxShadow: "0 1px 3px rgba(15,23,42,0.04)",
+      }}
+    >
+      <Stack gap="lg" style={{ position: "relative" }}>
+        <Group justify="space-between" align="flex-start" wrap="wrap">
           <Button
             variant="default"
-            size="sm"
+            size="compact-sm"
+            radius="lg"
+            leftSection={<ArrowLeft size={16} />}
+            onClick={onBack}
+          >
+            Back to list
+          </Button>
+          <Button
+            variant="light"
+            color="green"
+            size="compact-sm"
+            radius="lg"
             leftSection={<RefreshCw size={15} />}
             loading={isFetching}
             onClick={onRefresh}
           >
             Refresh
           </Button>
+        </Group>
+
+        <Group justify="space-between" align="flex-start" wrap="wrap" gap="lg">
+          <Stack gap="sm" style={{ flex: 1, minWidth: 0 }}>
+            <Text size="xs" fw={700} tt="uppercase" style={{ letterSpacing: 1, color: "#B26C09" }}>
+              Booking reference
+            </Text>
+            <Group gap="sm" align="center" wrap="wrap">
+              <Title order={2} fw={700} style={{ letterSpacing: "-0.4px", color: "#0f172a" }}>
+                {booking.reference}
+              </Title>
+              <BookingStatusBadge status={booking.status} />
+              <BookingPriorityBadge score={booking.priorityScore} />
+              {booking.schedulingStatus ? (
+                <SchedulingStatusBadge status={booking.schedulingStatus} />
+              ) : null}
+            </Group>
+
+            {booking.holdExpiresAt && booking.schedulingStatus === "HOLDING" ? (
+              <Text size="xs" c="orange.7">
+                Hold expires {new Date(booking.holdExpiresAt).toLocaleString()}
+              </Text>
+            ) : null}
+
+            <Group gap="lg" mt={4}>
+              <MetaItem icon={Building2} text={customerLabel} strong />
+              <MetaItem icon={Calendar} text={`Scheduled ${booking.scheduledDate}`} />
+              <MetaItem icon={Clock} text={`Created ${formatDate(booking.createdAt)}`} />
+            </Group>
+          </Stack>
+        </Group>
+
+        {booking.nextStep ? (
+          <Paper
+            radius="lg"
+            p={4}
+            maw={640}
+            style={{ background: "var(--mantine-color-gray-0)", border: "1px solid var(--mantine-color-gray-2)" }}
+          >
+            <NextStepBanner nextStep={booking.nextStep} />
+          </Paper>
+        ) : null}
+
+        <Group grow gap="md" align="stretch" wrap="wrap">
+          <HeroTile
+            icon={Wallet}
+            label="Total value"
+            value={`${booking.paymentCurrency} ${amount.toLocaleString(undefined, {
+              minimumFractionDigits: 2,
+            })}`}
+            hint={booking.paymentStatus}
+            accent="green"
+          />
+          <HeroTile icon={Weight} label="Cargo weight" value={`${weight} T`} hint="VGM total" accent="blue" />
+          <HeroTile
+            icon={ContainerIcon}
+            label="Containers"
+            value={containerCount || "—"}
+            hint={`${containers.length} line${containers.length === 1 ? "" : "s"}`}
+            accent="teal"
+          />
+          <HeroTile
+            icon={Flame}
+            label="Priority score"
+            value={booking.priorityScore ?? 0}
+            hint={booking.tradeDirection}
+            accent="orange"
+          />
+        </Group>
+      </Stack>
+    </Paper>
+  );
+}
+
+function MetaItem({
+  icon: Icon,
+  text,
+  strong,
+}: {
+  icon: LucideIcon;
+  text: ReactNode;
+  strong?: boolean;
+}) {
+  return (
+    <Group gap={6} wrap="nowrap">
+      <Icon size={14} color="var(--mantine-color-gray-5)" />
+      <Text size="sm" fw={strong ? 600 : 400} c={strong ? "dark" : "dimmed"}>
+        {text}
+      </Text>
+    </Group>
+  );
+}
+
+function HeroTile({
+  icon: Icon,
+  label,
+  value,
+  hint,
+  accent = "green",
+}: {
+  icon: LucideIcon;
+  label: string;
+  value: ReactNode;
+  hint?: ReactNode;
+  accent?: string;
+}) {
+  return (
+    <Paper
+      p="md"
+      radius="lg"
+      style={{
+        flex: "1 1 160px",
+        minWidth: 150,
+        background: "var(--mantine-color-gray-0)",
+        border: "1px solid var(--mantine-color-gray-2)",
+      }}
+    >
+      <Group gap="sm" wrap="nowrap" align="flex-start">
+        <ThemeIcon size={36} radius="md" variant="light" color={accent}>
+          <Icon size={18} />
+        </ThemeIcon>
+        <Stack gap={2} style={{ minWidth: 0 }}>
+          <Text size="xs" fw={600} tt="uppercase" c="dimmed" style={{ letterSpacing: 0.4 }}>
+            {label}
+          </Text>
+          <Text fw={700} size="lg" lh={1.1} style={{ whiteSpace: "nowrap", color: "#0f172a" }}>
+            {value}
+          </Text>
+          {hint ? (
+            <Text size="xs" c="dimmed" truncate>
+              {hint}
+            </Text>
+          ) : null}
         </Stack>
       </Group>
     </Paper>
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingReviewNotesCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingReviewNotesCard.tsx
index 6f2f1f76f..87e9097fa 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingReviewNotesCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingReviewNotesCard.tsx
@@ -12,7 +12,7 @@ export interface BookingReviewNotesCardProps {
 export function BookingReviewNotesCard({ notes }: BookingReviewNotesCardProps) {
   if (notes.length === 0) {
     return (
-      <SectionCard icon={MessageSquare} title="Review Notes">
+      <SectionCard icon={MessageSquare} title="Review Notes" accent="grape">
         <Text size="sm" c="dimmed">
           No review notes have been added yet.
         </Text>
@@ -25,7 +25,7 @@ export function BookingReviewNotesCard({ notes }: BookingReviewNotesCardProps) {
       <Stack gap="md">
         {notes.map((note) => (
           <Group key={note.id} align="flex-start" gap="md" wrap="nowrap">
-            <ThemeIcon size={34} radius="xl" variant="light" color="green">
+            <ThemeIcon size={34} radius="xl" variant="light" color="#F2A516">
               <FileText size={16} />
             </ThemeIcon>
             <Stack gap={2} style={{ flex: 1 }}>
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRouteCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRouteCard.tsx
index 964d83803..05fa58100 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRouteCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRouteCard.tsx
@@ -10,7 +10,7 @@ export interface BookingRouteCardProps {
 
 export function BookingRouteCard({ booking }: BookingRouteCardProps) {
   return (
-    <SectionCard icon={MapPin} title="Shipment Route">
+    <SectionCard icon={MapPin} title="Shipment Route" accent="blue">
       <Group justify="space-between" align="center" wrap="nowrap" gap="xl">
         {/* Origin */}
         <Stack gap={2} style={{ flex: 1 }}>
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRouteServiceCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRouteServiceCard.tsx
index ea2aa491e..a4976ec61 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRouteServiceCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/BookingRouteServiceCard.tsx
@@ -63,7 +63,7 @@ export function BookingRouteServiceCard({
   ];
 
   return (
-    <SectionCard icon={Train} title="Route & service">
+    <SectionCard icon={Train} title="Route & service" accent="blue">
       <Group justify="space-between" align="center" wrap="nowrap" gap="md">
         <Endpoint label="Origin" station={originLabel} />
         <Stack gap={6} align="center" style={{ flexShrink: 0 }}>
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/ConsolidationWaitingBanner.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/ConsolidationWaitingBanner.tsx
new file mode 100644
index 000000000..5e95ec7ef
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/ConsolidationWaitingBanner.tsx
@@ -0,0 +1,44 @@
+import { useQuery } from "@tanstack/react-query";
+import { Alert, List, Text } from "@mantine/core";
+import { Link2 } from "lucide-react";
+
+import { bookingsService } from "@/services/bookings.service";
+import { QUERY_KEYS } from "@/constants/QUERY_KEYS";
+
+/**
+ * Shown on a booking parked in PENDING_CONSOLIDATION. Explains that the booking
+ * cannot be approved until a complementary booking fills the wagon, and lists
+ * the partial-wagon container lines that are waiting for a partner.
+ */
+export function ConsolidationWaitingBanner({ bookingId }: { bookingId: string }) {
+  const { data } = useQuery({
+    queryKey: [...QUERY_KEYS.BOOKINGS.byId(bookingId), "consolidation"],
+    queryFn: () => bookingsService.getConsolidationDetails(bookingId),
+    enabled: Boolean(bookingId),
+  });
+
+  return (
+    <Alert
+      color="yellow"
+      variant="light"
+      icon={<Link2 size={18} />}
+      title="Waiting for a consolidation partner"
+    >
+      <Text size="sm">
+        This booking cannot be approved until a matching booking fills the
+        wagon. It will return to the approval queue automatically once a partner
+        is found.
+      </Text>
+      {data?.wagonSlots?.length ? (
+        <List size="sm" mt="xs" spacing={2}>
+          {data.wagonSlots.map((slot) => (
+            <List.Item key={slot.containerTypeCode}>
+              {slot.slotsNeeded} more × {slot.containerTypeCode} (
+              {slot.containersPerWagon} per wagon; you have {slot.quantity})
+            </List.Item>
+          ))}
+        </List>
+      ) : null}
+    </Alert>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/SectionCard.tsx b/apps/edr-freight-web/backoffice/src/components/bookings/detail/SectionCard.tsx
index 1eadf24bc..1756600c9 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/SectionCard.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/SectionCard.tsx
@@ -7,20 +7,68 @@ import { detailStyles } from "./booking-detail.styles";
 export interface SectionCardProps {
   icon: LucideIcon;
   title: string;
+  /** Optional one-line context shown under the title. */
+  subtitle?: string;
+  /** Mantine palette key used to tint the icon chip + top accent (default green). */
+  accent?: string;
   extra?: ReactNode;
   children: ReactNode;
 }
 
-/** Consistent flat card with a minimal icon + title header used by every detail section. */
-export function SectionCard({ icon: Icon, title, extra, children }: SectionCardProps) {
+/** Consistent card with a colored icon chip + accent stripe header used by every detail section. */
+export function SectionCard({
+  icon: Icon,
+  title,
+  subtitle,
+  accent = "green",
+  extra,
+  children,
+}: SectionCardProps) {
   return (
-    <Paper radius="md" withBorder style={detailStyles.card}>
-      <Group justify="space-between" px="xl" py="md" style={detailStyles.cardHeader}>
-        <Group gap="sm">
-          <Icon size={16} color="var(--mantine-color-gray-6)" />
-          <Text fw={600} size="sm" c="dark">
-            {title}
-          </Text>
+    <Paper radius="md" withBorder style={{ ...detailStyles.card, overflow: "hidden" }}>
+      <Box
+        style={{
+          height: 3,
+          background: `linear-gradient(90deg, var(--mantine-color-${accent}-5) 0%, var(--mantine-color-${accent}-7) 100%)`,
+        }}
+      />
+      <Group
+        justify="space-between"
+        px="xl"
+        py="md"
+        wrap="nowrap"
+        style={{
+          ...detailStyles.cardHeader,
+          background: `linear-gradient(180deg, var(--mantine-color-${accent}-0) 0%, white 100%)`,
+        }}
+      >
+        <Group gap="sm" wrap="nowrap" style={{ minWidth: 0 }}>
+          <Box
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: 34,
+              height: 34,
+              borderRadius: 10,
+              flexShrink: 0,
+              background: `var(--mantine-color-${accent}-1)`,
+              color: `var(--mantine-color-${accent}-7)`,
+              border: `1px solid var(--mantine-color-${accent}-2)`,
+            }}
+          >
+            <Icon size={17} strokeWidth={2} />
+          </Box>
+          <Box style={{ minWidth: 0 }}>
+            <Text fw={600} size="sm" c="dark" truncate>
+              {title}
+            </Text>
+            {subtitle ? (
+              <Text size="xs" c="dimmed" truncate>
+                {subtitle}
+              </Text>
+            ) : null}
+          </Box>
         </Group>
         {extra}
       </Group>
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/booking-detail.styles.ts b/apps/edr-freight-web/backoffice/src/components/bookings/detail/booking-detail.styles.ts
index 4a6f79661..80fc527cb 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/booking-detail.styles.ts
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/booking-detail.styles.ts
@@ -1,9 +1,7 @@
 import type { CSSProperties } from "react";
 
-import { FREIGHT_BRAND } from "@/theme/freight-brand";
-
-/** Single brand accent. Minimal design uses solid green sparingly, no gradients. */
-export const BRAND_GREEN = FREIGHT_BRAND;
+/** Single brand accent (gold). Used sparingly for icons/highlights, no gradients. */
+export const BRAND_GREEN = "#F2A516";
 
 /** Centralised style tokens for the booking detail page + cards. */
 export const detailStyles = {
@@ -124,6 +122,7 @@ export interface BookingFileView {
   id: string;
   name: string;
   mimeType?: string;
+  code?: string;
 }
 
 export interface BookingDetailView {
@@ -139,6 +138,8 @@ export interface BookingDetailView {
   priorityScore: number;
   cargoTotalWeightVgm: number;
   pnrCode?: string | null;
+  /** End of the pay window once the booking is SELECTED_FOR_BATCH. */
+  paymentDeadline?: string | null;
   createdAt: string;
   updatedAt: string;
   company?: BookingNamedRefView;
diff --git a/apps/edr-freight-web/backoffice/src/components/bookings/detail/index.ts b/apps/edr-freight-web/backoffice/src/components/bookings/detail/index.ts
index 06f3c1e5d..001bc6976 100644
--- a/apps/edr-freight-web/backoffice/src/components/bookings/detail/index.ts
+++ b/apps/edr-freight-web/backoffice/src/components/bookings/detail/index.ts
@@ -9,6 +9,7 @@ export * from "./BookingContainersCard";
 export * from "./BookingApprovalCard";
 export * from "./BookingReviewNotesCard";
 export * from "./BookingPaymentCard";
+export * from "./BookingPaymentCountdownCard";
 export * from "./BookingFactsCard";
 export * from "./BookingDocumentsCard";
 export * from "./BookingRequestHero";
@@ -16,3 +17,4 @@ export * from "./BookingRouteServiceCard";
 export * from "./BookingMileServicesCard";
 export * from "./BookingCargoCard";
 export * from "./BookingContractSummaryCard";
+export * from "./BookingCompanyCard";
diff --git a/apps/edr-freight-web/backoffice/src/components/cargoes/CargoFormDialog.tsx b/apps/edr-freight-web/backoffice/src/components/cargoes/CargoFormDialog.tsx
index 6d1cfb545..625e32a3a 100644
--- a/apps/edr-freight-web/backoffice/src/components/cargoes/CargoFormDialog.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/cargoes/CargoFormDialog.tsx
@@ -14,6 +14,7 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import { Loader2 } from 'lucide-react';
+import { API_BASE_URL } from '@/constants/apiConfig';
 
 interface Cargo {
   id: string;
@@ -32,8 +33,6 @@ interface CargoFormDialogProps {
   onSuccess?: () => void;
 }
 
-const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:3001';
-
 export default function CargoFormDialog({
   open,
   onOpenChange,
diff --git a/apps/edr-freight-web/backoffice/src/components/common/MiniGraph.tsx b/apps/edr-freight-web/backoffice/src/components/common/MiniGraph.tsx
new file mode 100644
index 000000000..0aa322702
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/common/MiniGraph.tsx
@@ -0,0 +1,193 @@
+import { Box } from "@mantine/core";
+
+import {
+  overviewAccentGradients,
+  type OverviewAccent,
+} from "@/components/overview/overview.styles";
+
+/**
+ * Tiny inline-SVG mini graphs shared by every KPI / stat card across the app.
+ * No charting dependency — crisp and cheap to render in long card grids.
+ *
+ * - `MiniSparkline` (variant "area" | "line") draws a smooth decorative trend.
+ * - `MiniRing` draws a circular percentage gauge.
+ *
+ * The sparkline series is deterministic (seeded from a string) so a given card
+ * always renders the same shape — purely decorative, not a real time-series.
+ */
+
+/** Deterministic, gently-rising series seeded by a string (purely decorative). */
+export function sparkHeights(seed: string, baseline: number, count = 9): number[] {
+  let h = 2166136261;
+  for (let i = 0; i < seed.length; i += 1) {
+    h ^= seed.charCodeAt(i);
+    h = Math.imul(h, 16777619) >>> 0;
+  }
+  const out: number[] = [];
+  let v = 0.35 + (baseline > 0 ? Math.min(0.35, baseline * 0.35) : 0.15);
+  for (let i = 0; i < count; i += 1) {
+    h = (Math.imul(h, 1103515245) + 12345) >>> 0;
+    const delta = ((h % 1000) / 1000 - 0.42) * 0.28;
+    v = Math.min(1, Math.max(0.22, v + delta));
+    out.push(v);
+  }
+  // Nudge the final point up so the series reads as an upward trend.
+  out[out.length - 1] = Math.min(1, out[out.length - 1] + 0.15);
+  return out;
+}
+
+/** Build a smooth (Catmull-Rom → bezier) path string through y-points in [0,1]. */
+function smoothPath(values: number[], width: number, height: number, pad = 2): string {
+  const n = values.length;
+  if (n === 0) return "";
+  const innerW = width - pad * 2;
+  const innerH = height - pad * 2;
+  const pts = values.map((v, i) => ({
+    x: pad + (n === 1 ? 0 : (i / (n - 1)) * innerW),
+    y: pad + (1 - v) * innerH,
+  }));
+  if (n === 1) return `M ${pts[0].x} ${pts[0].y}`;
+  let d = `M ${pts[0].x} ${pts[0].y}`;
+  for (let i = 0; i < n - 1; i += 1) {
+    const p0 = pts[i - 1] ?? pts[i];
+    const p1 = pts[i];
+    const p2 = pts[i + 1];
+    const p3 = pts[i + 2] ?? p2;
+    const c1x = p1.x + (p2.x - p0.x) / 6;
+    const c1y = p1.y + (p2.y - p0.y) / 6;
+    const c2x = p2.x - (p3.x - p1.x) / 6;
+    const c2y = p2.y - (p3.y - p1.y) / 6;
+    d += ` C ${c1x} ${c1y} ${c2x} ${c2y} ${p2.x} ${p2.y}`;
+  }
+  return d;
+}
+
+export type SparklineVariant = "area" | "line";
+
+/**
+ * Smooth decorative trend. `area` fills under the curve with an accent gradient;
+ * `line` is a clean stroke with a highlighted dot at the latest point.
+ */
+export function MiniSparkline({
+  variant,
+  accent = "default",
+  seed,
+  baseline = 0,
+  height = 38,
+}: {
+  variant: SparklineVariant;
+  accent?: OverviewAccent;
+  seed: string;
+  baseline?: number;
+  height?: number;
+}) {
+  const [light, deep] = overviewAccentGradients[accent] ?? overviewAccentGradients.default;
+  const values = sparkHeights(seed, baseline);
+  const width = 120;
+  const pad = 3;
+  const line = smoothPath(values, width, height, pad);
+  const last = values[values.length - 1];
+  const lastX = pad + ((values.length - 1) / (values.length - 1 || 1)) * (width - pad * 2);
+  const lastY = pad + (1 - last) * (height - pad * 2);
+  // Unique gradient id per seed+accent so multiple cards don't collide.
+  const gid = `spark-${variant}-${accent}-${seed.replace(/[^a-zA-Z0-9]/g, "")}`;
+
+  return (
+    <Box style={{ width: "100%" }}>
+      <svg
+        width="100%"
+        height={height}
+        viewBox={`0 0 ${width} ${height}`}
+        preserveAspectRatio="none"
+        style={{ display: "block", overflow: "visible" }}
+      >
+        <defs>
+          <linearGradient id={gid} x1="0" y1="0" x2="0" y2="1">
+            <stop offset="0%" stopColor={deep} stopOpacity={variant === "area" ? 0.32 : 0} />
+            <stop offset="100%" stopColor={light} stopOpacity={0} />
+          </linearGradient>
+        </defs>
+        {variant === "area" ? (
+          <path
+            d={`${line} L ${width - pad} ${height - pad} L ${pad} ${height - pad} Z`}
+            fill={`url(#${gid})`}
+            stroke="none"
+          />
+        ) : null}
+        <path
+          d={line}
+          fill="none"
+          stroke={deep}
+          strokeWidth={2}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          vectorEffect="non-scaling-stroke"
+        />
+        {variant === "line" ? (
+          <circle cx={lastX} cy={lastY} r={3} fill={deep} stroke="white" strokeWidth={1.5} />
+        ) : null}
+      </svg>
+    </Box>
+  );
+}
+
+/** Circular percentage gauge with an accent stroke. */
+export function MiniRing({
+  pct,
+  accent = "default",
+  size = 52,
+  stroke = 5,
+  children,
+}: {
+  pct: number | null | undefined;
+  accent?: OverviewAccent;
+  size?: number;
+  stroke?: number;
+  children?: React.ReactNode;
+}) {
+  const [, deep] = overviewAccentGradients[accent] ?? overviewAccentGradients.default;
+  const radius = (size - stroke) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const clamped = pct != null ? Math.min(100, Math.max(0, Math.round(pct))) : null;
+  const dash = clamped != null ? (clamped / 100) * circumference : 0;
+
+  return (
+    <Box style={{ position: "relative", width: size, height: size, flexShrink: 0 }}>
+      <svg width={size} height={size} style={{ transform: "rotate(-90deg)", display: "block" }}>
+        <circle
+          cx={size / 2}
+          cy={size / 2}
+          r={radius}
+          fill="none"
+          stroke="var(--mantine-color-gray-2)"
+          strokeWidth={stroke}
+        />
+        {clamped != null ? (
+          <circle
+            cx={size / 2}
+            cy={size / 2}
+            r={radius}
+            fill="none"
+            stroke={deep}
+            strokeWidth={stroke}
+            strokeLinecap="round"
+            strokeDasharray={`${dash} ${circumference}`}
+            style={{ transition: "stroke-dasharray 400ms ease" }}
+          />
+        ) : null}
+      </svg>
+      <Box
+        style={{
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: deep,
+        }}
+      >
+        {children}
+      </Box>
+    </Box>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/AssignContainerDialog.tsx b/apps/edr-freight-web/backoffice/src/components/container_management/AssignContainerDialog.tsx
deleted file mode 100644
index 55f44936c..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/AssignContainerDialog.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useState } from 'react';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-import { 
-  Select, 
-  SelectContent, 
-  SelectItem, 
-  SelectTrigger, 
-  SelectValue 
-} from '@edr/ui-common';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { useContainers, useAssignContainerToWagon } from './use-containers';
-import { useToast } from '@/hooks/use-toast';
-import { Plus } from 'lucide-react';
-
-export function AssignContainerDialog({ wagonId }: { wagonId: string }) {
-  const [open, setOpen] = useState(false);
-  const [containerId, setContainerId] = useState('');
-  const [position, setPosition] = useState<number>();
-  const { data: containers } = useContainers();
-  const assign = useAssignContainerToWagon();
-  const { toast } = useToast();
-
-  const available = containers?.filter(c => c.status === 'AVAILABLE' && !c.wagonId);
-
-  const handleAssign = async () => {
-    if (!containerId) return;
-    await assign.mutateAsync({ containerId, wagonId, position });
-    toast({ title: 'Assigned', description: 'Container placed on wagon.' });
-    setOpen(false);
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild><Button size="sm"><Plus className="mr-2 h-4 w-4" />Assign Container</Button></DialogTrigger>
-      <DialogContent>
-        <DialogHeader><DialogTitle>Assign Container to Wagon</DialogTitle></DialogHeader>
-        <div className="space-y-4">
-          <div><Label>Container</Label><Select value={containerId} onValueChange={setContainerId}><SelectTrigger><SelectValue placeholder="Select container" /></SelectTrigger><SelectContent>{available?.map(c => <SelectItem key={c.id} value={c.id}>{c.containerNumber}</SelectItem>)}</SelectContent></Select></div>
-          <div><Label>Position (optional)</Label><Input type="number" value={position ?? ''} onChange={e => setPosition(parseInt(e.target.value) || undefined)} /></div>
-          <Button onClick={handleAssign} disabled={assign.isPending}>Assign</Button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/CargoFormDialog.tsx b/apps/edr-freight-web/backoffice/src/components/container_management/CargoFormDialog.tsx
deleted file mode 100644
index b36aafe39..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/CargoFormDialog.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import { useState, useEffect } from 'react';
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogFooter,
-} from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { 
-  Select, 
-  SelectContent, 
-  SelectItem, 
-  SelectTrigger, 
-  SelectValue 
-} from '@edr/ui-common';
-import { Textarea } from '@/components/ui/textarea';
-import { useCargoTypes } from './use-cargo-types';
-import { useCargoMutations } from './use-cargoes';
-import { Loader2 } from 'lucide-react';
-
-interface Cargo {
-  id: string;
-  cargoNumber: string;
-  cargoTypeId: string;
-  weight: number;
-  remarks?: string;
-}
-
-interface CargoFormDialogProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  cargo?: Cargo | null;
-  onSuccess?: () => void;
-}
-
-export default function CargoFormDialog({
-  open,
-  onOpenChange,
-  cargo,
-  onSuccess,
-}: CargoFormDialogProps) {
-  const { data: cargoTypes } = useCargoTypes();
-  const { createCargo, updateCargo } = useCargoMutations();
-  const [formData, setFormData] = useState<Partial<Cargo>>({
-    cargoNumber: '',
-    cargoTypeId: '',
-    weight: 0,
-    remarks: '',
-  });
-
-  useEffect(() => {
-    if (cargo) {
-      setFormData(cargo);
-    } else {
-      setFormData({
-        cargoNumber: '',
-        cargoTypeId: '',
-        weight: 0,
-        remarks: '',
-      });
-    }
-  }, [cargo, open]);
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (cargo?.id) {
-      updateCargo.mutate(
-        { id: cargo.id, data: formData },
-        { onSuccess: () => { onOpenChange(false); onSuccess?.(); } }
-      );
-    } else {
-      createCargo.mutate(formData, {
-        onSuccess: () => { onOpenChange(false); onSuccess?.(); }
-      });
-    }
-  };
-
-  const isLoading = createCargo.isPending || updateCargo.isPending;
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[500px]">
-        <DialogHeader><DialogTitle>{cargo ? 'Edit Cargo' : 'Create New Cargo'}</DialogTitle></DialogHeader>
-        <form onSubmit={handleSubmit} className="space-y-4">
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <Label>Cargo Number *</Label>
-              <Input value={formData.cargoNumber} onChange={e => setFormData({...formData, cargoNumber: e.target.value})} required />
-            </div>
-            <div>
-              <Label>Cargo Type *</Label>
-              <Select 
-                value={formData.cargoTypeId || ''} 
-                onValueChange={(val) => setFormData({ ...formData, cargoTypeId: val })}
-              >
-                <SelectTrigger>
-                  <SelectValue placeholder="Select cargo type..." />
-                </SelectTrigger>
-                <SelectContent>
-                  {cargoTypes?.map((type: any) => (
-                    <SelectItem key={type.id} value={type.id}>{type.cargo_type_name || type.name}</SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-          <div>
-            <Label>Weight (kg) *</Label>
-            <Input type="number" value={formData.weight} onChange={e => setFormData({...formData, weight: parseFloat(e.target.value)})} required />
-          </div>
-          <div>
-            <Label>Remarks</Label>
-            <Textarea value={formData.remarks} onChange={e => setFormData({...formData, remarks: e.target.value})} rows={3} />
-          </div>
-          <DialogFooter>
-            <Button type="submit" disabled={isLoading}>{isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}{cargo ? 'Update' : 'Create'}</Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/ContainerFormDialog.tsx b/apps/edr-freight-web/backoffice/src/components/container_management/ContainerFormDialog.tsx
deleted file mode 100644
index 4f333c8bb..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/ContainerFormDialog.tsx
+++ /dev/null
@@ -1,246 +0,0 @@
-import { useState, useEffect } from 'react';
-import { toast } from 'sonner';
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogFooter,
-} from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { 
-  Select, 
-  SelectContent, 
-  SelectItem, 
-  SelectTrigger, 
-  SelectValue 
-} from '@edr/ui-common';
-import { Textarea } from '@/components/ui/textarea';
-import { useContainerTypes } from './use-container-types';
-import { useContainerMutations } from './use-containers';
-import { Loader2 } from 'lucide-react';
-
-interface Container {
-  id: string;
-  containerNumber: string;
-  containerTypeId: string;
-  wagonId?: string;
-  status: 'AVAILABLE' | 'IN_USE' | 'MAINTENANCE' | 'RETIRED';
-  capacity: number;
-  weight: number;
-  remarks?: string;
-}
-
-interface Wagon {
-  id: string;
-  wagonNumber: string;
-}
-
-interface ContainerFormDialogProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  container?: Container | null;
-  wagons: Wagon[];
-  onSuccess?: () => void;
-}
-
-export default function ContainerFormDialog({
-  open,
-  onOpenChange,
-  container,
-  wagons = [],
-  onSuccess,
-}: ContainerFormDialogProps) {
-  const { data: containerTypes } = useContainerTypes();
-  const { createContainer, updateContainer } = useContainerMutations();
-  const [formData, setFormData] = useState<Partial<Container>>({
-    containerNumber: '',
-    containerTypeId: '',
-    status: 'AVAILABLE',
-    capacity: 0,
-    weight: 0,
-    remarks: '',
-  });
-
-  useEffect(() => {
-    if (container) {
-      setFormData(container);
-    } else {
-      setFormData({
-        containerNumber: '',
-        containerTypeId: '',
-        status: 'AVAILABLE',
-        capacity: 0,
-        weight: 0,
-        remarks: '',
-      });
-    }
-  }, [container, open]);
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!formData.containerNumber || !formData.containerTypeId) {
-      toast.error('Please fill in all required fields');
-      return;
-    }
-    if (container?.id) {
-      updateContainer.mutate(
-        { id: container.id, data: formData },
-        { onSuccess: () => { onOpenChange(false); onSuccess?.(); } }
-      );
-    } else {
-      createContainer.mutate(formData, {
-        onSuccess: () => { onOpenChange(false); onSuccess?.(); }
-      });
-    }
-  };
-
-  const isLoading = createContainer.isPending || updateContainer.isPending;
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[500px]">
-        <DialogHeader>
-          <DialogTitle>
-            {container ? 'Edit Container' : 'Create New Container'}
-          </DialogTitle>
-        </DialogHeader>
-        <form onSubmit={handleSubmit} className="space-y-6">
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <Label htmlFor="containerNumber">Container Number *</Label>
-              <Input
-                id="containerNumber"
-                value={formData.containerNumber || ''}
-                onChange={(e) =>
-                  setFormData({ ...formData, containerNumber: e.target.value })
-                }
-                placeholder="e.g., CNT001"
-                required
-              />
-            </div>
-            <div>
-              <Label htmlFor="containerTypeId">Container Type *</Label>
-              <Select 
-                value={formData.containerTypeId || ''} 
-                onValueChange={(val:any) => setFormData({ ...formData, containerTypeId: val })}
-              >
-                <SelectTrigger id="containerTypeId">
-                  <SelectValue placeholder="Select container type..." />
-                </SelectTrigger>
-                <SelectContent>
-                  {containerTypes?.map((type: any) => (
-                    <SelectItem key={type.id} value={type.id}>{type.name || type.label}</SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <Label htmlFor="wagonId">Wagon (Optional)</Label>
-              <Select
-                value={formData.wagonId || 'none'}
-                onValueChange={(val:any) => setFormData({ ...formData, wagonId: val === 'none' ? undefined : val })}
-              >
-                <SelectTrigger id="wagonId">
-                  <SelectValue placeholder="Select a wagon..." />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="none">None</SelectItem>
-                  {wagons.map((wagon) => (
-                    <SelectItem key={wagon.id} value={wagon.id}>
-                      {wagon.wagonNumber}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-            <div>
-              <Label htmlFor="status">Status</Label>
-              <Select
-                value={formData.status || 'AVAILABLE'}
-                onValueChange={(val:any) => setFormData({ ...formData, status: val })}
-              >
-                <SelectTrigger id="status">
-                  <SelectValue placeholder="Select status" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="AVAILABLE">Available</SelectItem>
-                  <SelectItem value="IN_USE">In Use</SelectItem>
-                  <SelectItem value="MAINTENANCE">Maintenance</SelectItem>
-                  <SelectItem value="RETIRED">Retired</SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <Label htmlFor="capacity">Capacity *</Label>
-              <Input
-                id="capacity"
-                type="number"
-                value={formData.capacity || ''}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    capacity: parseFloat(e.target.value) || 0,
-                  })
-                }
-                placeholder="0"
-                required
-              />
-            </div>
-            <div>
-              <Label htmlFor="weight">Weight (kg)</Label>
-              <Input
-                id="weight"
-                type="number"
-                value={formData.weight || ''}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    weight: parseFloat(e.target.value) || 0,
-                  })
-                }
-                placeholder="0"
-              />
-            </div>
-          </div>
-
-          <div>
-            <Label htmlFor="remarks">Remarks</Label>
-            <Textarea
-              id="remarks"
-              value={formData.remarks || ''}
-              onChange={(e) =>
-                setFormData({ ...formData, remarks: e.target.value })
-              }
-              placeholder="Add any additional notes..."
-              rows={3}
-            />
-          </div>
-
-          <DialogFooter>
-            <Button
-              type="button"
-              variant="outline"
-              onClick={() => onOpenChange(false)}
-              disabled={isLoading}
-            >
-              Cancel
-            </Button>
-            <Button type="submit" disabled={isLoading}>
-              {isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-              {container ? 'Update' : 'Create'}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/ContainersTable.tsx b/apps/edr-freight-web/backoffice/src/components/container_management/ContainersTable.tsx
deleted file mode 100644
index 31c95fdf8..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/ContainersTable.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { useContainersByWagon, useUnassignContainer } from './use-containers';
-import { Button } from '@/components/ui/button';
-import { Trash2 } from 'lucide-react';
-import type { Container } from './container.service';
-
-export function ContainersTable({ wagonId }: { wagonId: string }) {
-  const { data: containers, refetch } = useContainersByWagon(wagonId);
-  const unassign = useUnassignContainer();
-
-  if (!containers?.length) return <div className="text-muted-foreground">No containers assigned.</div>;
-
-  return (
-    <table className="w-full table-fixed">
-      <thead>
-        <tr>
-          <th className="text-left">Number</th>
-          <th className="text-left">Type</th>
-          <th className="text-left">Position</th>
-          <th className="text-left">Status</th>
-          <th className="text-left">Actions</th>
-        </tr>
-      </thead>
-      <tbody>
-        {containers.map((container: Container) => (
-          <tr key={container.id}>
-            <td className="py-2">{container.containerNumber}</td>
-            <td className="py-2">{container.containerTypeId}</td>
-            <td className="py-2">{container.position}</td>
-            <td className="py-2">{container.status}</td>
-            <td className="py-2">
-              <Button
-                variant="ghost"
-                size="icon"
-                onClick={() => unassign.mutateAsync(container.id).then(() => refetch())}
-              >
-                <Trash2 className="h-4 w-4" />
-              </Button>
-            </td>
-          </tr>
-        ))}
-      </tbody>
-    </table>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/cargo-types.service.ts b/apps/edr-freight-web/backoffice/src/components/container_management/cargo-types.service.ts
deleted file mode 100644
index 7717d0ae8..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/cargo-types.service.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { api } from '../../auth/http';
-
-type ListResponse<T> = T[] | { data: T[] };
-
-const asList = <T>(payload: ListResponse<T>): T[] =>
-  Array.isArray(payload) ? payload : payload.data;
-
-export const cargoTypesService = {
-  async getCargoTypes() {
-    const response = await api.get<ListResponse<unknown>>('/cargo-types', {
-      params: { isActive: true, pageSize: 500 },
-    });
-    return asList(response.data);
-  },
-};
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/cargo.service.ts b/apps/edr-freight-web/backoffice/src/components/container_management/cargo.service.ts
deleted file mode 100644
index 56fc9fa18..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/cargo.service.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { api } from "../../auth/http";
-
-export const cargoService = {
-  async getCargoes() {
-    const response = await api.get('/cargoes');
-    return response.data;
-  },
-  async createCargo(data: any) {
-    const response = await api.post('/cargoes', data);
-    return response.data;
-  },
-  async updateCargo(id: string, data: any) {
-    const response = await api.patch(`/cargoes/${id}`, data);
-    return response.data;
-  },
-  async deleteCargo(id: string) {
-    await api.delete(`/cargoes/${id}`);
-  },
-};
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/container-types.service.ts b/apps/edr-freight-web/backoffice/src/components/container_management/container-types.service.ts
deleted file mode 100644
index 3d073914a..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/container-types.service.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { api } from '../../auth/http';
-
-type ListResponse<T> = T[] | { data: T[] };
-
-const asList = <T>(payload: ListResponse<T>): T[] =>
-  Array.isArray(payload) ? payload : payload.data;
-
-export const containerTypesService = {
-  async getContainerTypes() {
-    const response = await api.get<ListResponse<unknown>>('/container-types', {
-      params: { isActive: true, pageSize: 500 },
-    });
-    return asList(response.data);
-  },
-};
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/container.service.ts b/apps/edr-freight-web/backoffice/src/components/container_management/container.service.ts
deleted file mode 100644
index 49059a630..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/container.service.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { api } from "../../auth/http";
-
-export const containerService = {
-  async getContainers() {
-    const response = await api.get('/containers');
-    return response.data;
-  },
-  async getContainersByWagon(wagonId: string) {
-    const response = await api.get('/containers', { params: { wagonId } });
-    return response.data;
-  },
-  async createContainer(data: any) {
-    const response = await api.post('/containers', data);
-    return response.data;
-  },
-  async updateContainer(id: string, data: any) {
-    const response = await api.patch(`/containers/${id}`, data);
-    return response.data;
-  },
-  async deleteContainer(id: string) {
-    await api.delete(`/containers/${id}`);
-  },
-  async assignToWagon(containerId: string, wagonId: string, position?: number) {
-    const response = await api.post(`/containers/${containerId}/assign-wagon`, { wagonId, position });
-    return response.data;
-  },
-  async unassignFromWagon(containerId: string) {
-    const response = await api.post(`/containers/${containerId}/unassign-wagon`);
-    return response.data;
-  },
-};
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/use-cargo-types.ts b/apps/edr-freight-web/backoffice/src/components/container_management/use-cargo-types.ts
deleted file mode 100644
index a5457db22..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/use-cargo-types.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { cargoTypesService } from './cargo-types.service';
-
-export const CARGO_TYPES_QUERY_KEY = ['cargo-types'];
-
-export function useCargoTypes() {
-  return useQuery({
-    queryKey: CARGO_TYPES_QUERY_KEY,
-    queryFn: () => cargoTypesService.getCargoTypes(),
-    staleTime: Infinity,
-  });
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/use-cargoes.ts b/apps/edr-freight-web/backoffice/src/components/container_management/use-cargoes.ts
deleted file mode 100644
index ac95be489..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/use-cargoes.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { cargoService } from './cargo.service';
-import { toast } from 'sonner';
-
-export const CARGOES_QUERY_KEY = ['cargoes'];
-
-export function useCargoes() {
-  return useQuery({
-    queryKey: CARGOES_QUERY_KEY,
-    queryFn: () => cargoService.getCargoes(),
-  });
-}
-
-export function useCargoMutations() {
-  const queryClient = useQueryClient();
-
-  const createCargo = useMutation({
-    mutationFn: (data: any) => cargoService.createCargo(data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: CARGOES_QUERY_KEY });
-      toast.success('Cargo created successfully');
-    },
-  });
-
-  const updateCargo = useMutation({
-    mutationFn: ({ id, data }: { id: string; data: any }) => cargoService.updateCargo(id, data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: CARGOES_QUERY_KEY });
-      toast.success('Cargo updated successfully');
-    },
-  });
-
-  const deleteCargo = useMutation({
-    mutationFn: (id: string) => cargoService.deleteCargo(id),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: CARGOES_QUERY_KEY });
-      toast.success('Cargo deleted successfully');
-    },
-  });
-
-  return { createCargo, updateCargo, deleteCargo };
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/use-container-types.ts b/apps/edr-freight-web/backoffice/src/components/container_management/use-container-types.ts
deleted file mode 100644
index f9ea85a1b..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/use-container-types.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { containerTypesService } from './container-types.service';
-
-export const CONTAINER_TYPES_QUERY_KEY = ['container-types'];
-
-export function useContainerTypes() {
-  return useQuery({
-    queryKey: CONTAINER_TYPES_QUERY_KEY,
-    queryFn: () => containerTypesService.getContainerTypes(),
-    staleTime: Infinity,
-  });
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/use-containers.ts b/apps/edr-freight-web/backoffice/src/components/container_management/use-containers.ts
deleted file mode 100644
index 8cb5c2d9d..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/use-containers.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { containerService } from './container.service';
-import { toast } from 'sonner';
-
-export const CONTAINERS_QUERY_KEY = ['containers'];
-
-export function useContainers() {
-  return useQuery({
-    queryKey: CONTAINERS_QUERY_KEY,
-    queryFn: () => containerService.getContainers(),
-  });
-}
-
-export function useContainersByWagon(wagonId: string) {
-  return useQuery({
-    queryKey: [...CONTAINERS_QUERY_KEY, 'wagon', wagonId],
-    queryFn: () => containerService.getContainersByWagon(wagonId),
-    enabled: !!wagonId,
-  });
-}
-
-export function useContainerMutations() {
-  const queryClient = useQueryClient();
-
-  const createContainer = useMutation({
-    mutationFn: (data: any) => containerService.createContainer(data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: CONTAINERS_QUERY_KEY });
-      toast.success('Container created successfully');
-    },
-  });
-
-  const updateContainer = useMutation({
-    mutationFn: ({ id, data }: { id: string; data: any }) => containerService.updateContainer(id, data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: CONTAINERS_QUERY_KEY });
-      toast.success('Container updated successfully');
-    },
-  });
-
-  const deleteContainer = useMutation({
-    mutationFn: (id: string) => containerService.deleteContainer(id),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: CONTAINERS_QUERY_KEY });
-      toast.success('Container deleted successfully');
-    },
-  });
-
-  return { createContainer, updateContainer, deleteContainer };
-}
-
-export function useUnassignContainer() {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: (id: string) => containerService.unassignFromWagon(id),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: CONTAINERS_QUERY_KEY });
-      toast.success('Container unassigned from wagon');
-    },
-  });
-}
-
-export function useAssignContainerToWagon() {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: ({ containerId, wagonId, position }: { containerId: string; wagonId: string; position?: number }) =>
-      containerService.assignToWagon(containerId, wagonId, position),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: CONTAINERS_QUERY_KEY });
-      toast.success('Container assigned to wagon');
-    },
-  });
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/use-wagon-types.ts b/apps/edr-freight-web/backoffice/src/components/container_management/use-wagon-types.ts
deleted file mode 100644
index 9116d2df6..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/use-wagon-types.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { wagonTypesService } from './wagon-types.service';
-
-export const WAGON_TYPES_QUERY_KEY = ['wagon-types'];
-
-export function useWagonTypes() {
-  return useQuery({
-    queryKey: WAGON_TYPES_QUERY_KEY,
-    queryFn: () => wagonTypesService.getWagonTypes(),
-    staleTime: Infinity,
-  });
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/use-wagons.ts b/apps/edr-freight-web/backoffice/src/components/container_management/use-wagons.ts
deleted file mode 100644
index d5696613f..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/use-wagons.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { wagonService } from './wagon.service';
-import { toast } from 'sonner';
-
-export const WAGONS_QUERY_KEY = ['wagons'];
-
-export function useWagons() {
-  return useQuery({
-    queryKey: WAGONS_QUERY_KEY,
-    queryFn: () => wagonService.getWagons(),
-  });
-}
-
-export function useWagonMutations() {
-  const queryClient = useQueryClient();
-
-  const createWagon = useMutation({
-    mutationFn: (data: any) => wagonService.createWagon(data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: WAGONS_QUERY_KEY });
-      toast.success('Wagon created successfully');
-    },
-    onError: (error: any) => {
-      toast.error(error.response?.data?.message || 'Failed to create wagon');
-    },
-  });
-
-  const updateWagon = useMutation({
-    mutationFn: ({ id, data }: { id: string; data: any }) => wagonService.updateWagon(id, data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: WAGONS_QUERY_KEY });
-      toast.success('Wagon updated successfully');
-    },
-    onError: (error: any) => {
-      toast.error(error.response?.data?.message || 'Failed to update wagon');
-    },
-  });
-
-  const deleteWagon = useMutation({
-    mutationFn: (id: string) => wagonService.delete(id),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: WAGONS_QUERY_KEY });
-      toast.success('Wagon deleted successfully');
-    },
-  });
-
-  return { createWagon, updateWagon, deleteWagon };
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/useCargoTypes.ts b/apps/edr-freight-web/backoffice/src/components/container_management/useCargoTypes.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/useCargoes.ts b/apps/edr-freight-web/backoffice/src/components/container_management/useCargoes.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/useContainerTypes.ts b/apps/edr-freight-web/backoffice/src/components/container_management/useContainerTypes.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/wagon-types.service.ts b/apps/edr-freight-web/backoffice/src/components/container_management/wagon-types.service.ts
deleted file mode 100644
index fa37c744d..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/wagon-types.service.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { api } from '../../auth/http';
-
-type ListResponse<T> = T[] | { data: T[] };
-
-const asList = <T>(payload: ListResponse<T>): T[] =>
-  Array.isArray(payload) ? payload : payload.data;
-
-export const wagonTypesService = {
-  async getWagonTypes() {
-    const response = await api.get<ListResponse<unknown>>('/wagon-types');
-    return asList(response.data);
-  },
-};
diff --git a/apps/edr-freight-web/backoffice/src/components/container_management/wagon.service.ts b/apps/edr-freight-web/backoffice/src/components/container_management/wagon.service.ts
deleted file mode 100644
index 22c023ad6..000000000
--- a/apps/edr-freight-web/backoffice/src/components/container_management/wagon.service.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { api } from "../../auth/http";
-
-export const wagonService = {
-  async getWagons() {
-    const response = await api.get('/wagons');
-    return response.data;
-  },
-  async getWagonById(id: string) {
-    const response = await api.get(`/wagons/${id}`);
-    return response.data;
-  },
-  async createWagon(data: any) {
-    const response = await api.post('/wagons', data);
-    return response.data;
-  },
-  async updateWagon(id: string, data: any) {
-    const response = await api.patch(`/wagons/${id}`, data);
-    return response.data;
-  },
-  async deleteWagon(id: string) {
-    await api.delete(`/wagons/${id}`);
-  },
-};
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/fleet/FleetCardGrid.tsx b/apps/edr-freight-web/backoffice/src/components/fleet/FleetCardGrid.tsx
new file mode 100644
index 000000000..4eedb52b4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/fleet/FleetCardGrid.tsx
@@ -0,0 +1,185 @@
+import type { OnChangeFn, PaginationState } from "@edr/ui-common";
+import { Card, Group, SimpleGrid, Stack, Text } from "@mantine/core";
+import { Badge } from "@mantine/core";
+
+import type { FleetResourceConfig } from "@/pages/fleet/config/resources";
+import type { FleetRecord } from "@/services/fleet/fleet.service";
+
+import FleetRecordActions from "./FleetRecordActions";
+import { cardInitials, resolveFleetCardPresentation } from "./fleetCardMeta";
+import { formatFleetCell } from "./fleetFormat";
+import RuleEngineListFooter from "../ruleEngine/RuleEngineListFooter";
+
+export interface FleetCardGridProps {
+  config: FleetResourceConfig;
+  rows: FleetRecord[];
+  status: "loading" | "error" | "success";
+  emptyMessage: string;
+  pagination: PaginationState;
+  pageCount: number;
+  totalCount: number;
+  onPaginationChange: OnChangeFn<PaginationState>;
+  onEdit: (record: FleetRecord) => void;
+  onRemove: (record: FleetRecord) => void;
+}
+
+const FleetCardGrid = ({
+  config,
+  rows,
+  status,
+  emptyMessage,
+  pagination,
+  pageCount,
+  totalCount,
+  onPaginationChange,
+  onEdit,
+  onRemove,
+}: FleetCardGridProps) => {
+  const presentation = resolveFleetCardPresentation(config);
+
+  if (status === "loading") {
+    return (
+      <Text size="sm" c="dimmed" py="xl" ta="center">
+        Loading…
+      </Text>
+    );
+  }
+
+  if (status === "error") {
+    return (
+      <Text size="sm" c="red" py="xl" ta="center">
+        Failed to load data
+      </Text>
+    );
+  }
+
+  if (!rows.length) {
+    return (
+      <Text size="sm" c="dimmed" py="xl" ta="center">
+        {emptyMessage}
+      </Text>
+    );
+  }
+
+  return (
+    <Stack gap={0}>
+      <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="md" p="md">
+        {rows.map((record) => {
+          const title = String(
+            (record as unknown as Record<string, unknown>)[presentation.titleKey] ?? config.entityLabel,
+          );
+          const code = presentation.codeKey
+            ? (record as unknown as Record<string, unknown>)[presentation.codeKey]
+            : null;
+          const subtitle = presentation.subtitleKey
+            ? (record as unknown as Record<string, unknown>)[presentation.subtitleKey]
+            : null;
+          const statusValue = presentation.statusKey
+            ? (record as unknown as Record<string, unknown>)[presentation.statusKey]
+            : null;
+
+          return (
+            <Card
+              key={String((record as { id: string }).id)}
+              radius="lg"
+              padding="lg"
+              withBorder
+              style={{ borderColor: "var(--mantine-color-gray-2)" }}
+            >
+              <Stack gap="md">
+                <Group justify="space-between" align="flex-start" wrap="nowrap">
+                  <Group gap="sm" wrap="nowrap">
+                    <div
+                      style={{
+                        width: 40,
+                        height: 40,
+                        borderRadius: 10,
+                        background: "var(--mantine-color-green-0)",
+                        color: "var(--mantine-color-green-7)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        fontWeight: 700,
+                        fontSize: 14,
+                      }}
+                    >
+                      {cardInitials(title)}
+                    </div>
+                    <Stack gap={2}>
+                      <Text fw={600} size="sm" lineClamp={1}>
+                        {title || "—"}
+                      </Text>
+                      {subtitle != null && subtitle !== "" ? (
+                        <Text size="xs" c="dimmed" lineClamp={1}>
+                          {presentation.subtitleKey === "currentYard" ||
+                          presentation.subtitleKey === "currentYardId"
+                            ? formatFleetCell(subtitle, "entityLabel", presentation.subtitleKey)
+                            : String(subtitle)}
+                        </Text>
+                      ) : null}
+                    </Stack>
+                  </Group>
+                  {code != null && code !== "" ? (
+                    <Badge variant="light" color="blue" size="sm" radius="md">
+                      {String(code)}
+                    </Badge>
+                  ) : null}
+                </Group>
+
+                <Stack gap={6}>
+                  {config.columns
+                    .filter(
+                      (col) =>
+                        col.accessorKey !== presentation.titleKey &&
+                        col.accessorKey !== presentation.codeKey &&
+                        col.accessorKey !== presentation.statusKey,
+                    )
+                    .slice(0, 4)
+                    .map((col) => (
+                      <Group key={col.id} justify="space-between" gap="xs">
+                        <Text size="xs" c="dimmed">
+                          {col.header}
+                        </Text>
+                        <Text size="xs" fw={500}>
+                          {formatFleetCell(
+                            (record as unknown as Record<string, unknown>)[col.accessorKey],
+                            col.format,
+                            col.accessorKey,
+                          )}
+                        </Text>
+                      </Group>
+                    ))}
+                  {statusValue != null ? (
+                    <Group justify="space-between" gap="xs">
+                      <Text size="xs" c="dimmed">
+                        Status
+                      </Text>
+                      {formatFleetCell(statusValue, "statusBadge")}
+                    </Group>
+                  ) : null}
+                </Stack>
+
+                <FleetRecordActions
+                  record={record}
+                  config={config}
+                  layout="compact"
+                  onEdit={onEdit}
+                  onRemove={onRemove}
+                />
+              </Stack>
+            </Card>
+          );
+        })}
+      </SimpleGrid>
+      <RuleEngineListFooter
+        pagination={pagination}
+        pageCount={pageCount}
+        totalCount={totalCount}
+        itemLabel={config.entityLabel.toLowerCase() + "s"}
+        onPaginationChange={onPaginationChange}
+      />
+    </Stack>
+  );
+};
+
+export default FleetCardGrid;
diff --git a/apps/edr-freight-web/backoffice/src/components/fleet/FleetFormDialog.tsx b/apps/edr-freight-web/backoffice/src/components/fleet/FleetFormDialog.tsx
new file mode 100644
index 000000000..3fd798b08
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/fleet/FleetFormDialog.tsx
@@ -0,0 +1,207 @@
+import { useEffect, useMemo, useState } from "react";
+import { Loader2 } from "lucide-react";
+import {
+  Button,
+  Group,
+  Modal,
+  NumberInput,
+  Select,
+  SimpleGrid,
+  Stack,
+  Text,
+  Textarea,
+  TextInput,
+} from "@mantine/core";
+
+import { FLEET_SELECT_NONE, type FleetFormFieldDef } from "@/pages/fleet/config/resources";
+import type { FleetRecord } from "@/services/fleet/fleet.service";
+
+export interface FleetFormDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  title: string;
+  fields: FleetFormFieldDef[];
+  initialRecord?: FleetRecord | null;
+  emptyValues: Record<string, unknown>;
+  isSubmitting: boolean;
+  selectOptionsLoading?: boolean;
+  onSubmit: (values: Record<string, unknown>) => void;
+}
+
+const buildInitialValues = (
+  fields: FleetFormFieldDef[],
+  emptyValues: Record<string, unknown>,
+  record?: FleetRecord | null,
+): Record<string, unknown> => {
+  const values: Record<string, unknown> = { ...emptyValues };
+  if (!record) return values;
+
+  fields.forEach((field) => {
+    const raw = (record as unknown as Record<string, unknown>)[field.name];
+    if (raw === null || raw === undefined) {
+      values[field.name] = field.noneOption ? FLEET_SELECT_NONE : "";
+      return;
+    }
+    values[field.name] = raw;
+  });
+  return values;
+};
+
+const FleetFormDialog = ({
+  open,
+  onOpenChange,
+  title,
+  fields,
+  initialRecord,
+  emptyValues,
+  isSubmitting,
+  selectOptionsLoading,
+  onSubmit,
+}: FleetFormDialogProps) => {
+  const [values, setValues] = useState<Record<string, unknown>>({});
+  const [errors, setErrors] = useState<Record<string, string>>({});
+
+  useEffect(() => {
+    if (open) {
+      setValues(buildInitialValues(fields, emptyValues, initialRecord));
+      setErrors({});
+    }
+  }, [open, fields, emptyValues, initialRecord]);
+
+  const shortFields = useMemo(
+    () => fields.filter((f) => f.type !== "textarea"),
+    [fields],
+  );
+  const longFields = useMemo(
+    () => fields.filter((f) => f.type === "textarea"),
+    [fields],
+  );
+
+  const validate = () => {
+    const next: Record<string, string> = {};
+    fields.forEach((field) => {
+      const value = values[field.name];
+      const stringValue =
+        typeof value === "string" ? value.trim() : String(value ?? "");
+      if (field.required && (stringValue === "" || stringValue === FLEET_SELECT_NONE)) {
+        next[field.name] = `${field.label} is required`;
+      }
+    });
+    setErrors(next);
+    return Object.keys(next).length === 0;
+  };
+
+  const handleSubmit = () => {
+    if (!validate()) return;
+    const payload = Object.fromEntries(
+      Object.entries(values)
+        .map(([key, value]) => {
+          if (value === FLEET_SELECT_NONE || value === "") return [key, undefined];
+          return [key, value];
+        })
+        .filter(([, value]) => value !== undefined),
+    );
+    onSubmit(payload);
+  };
+
+  const renderField = (field: FleetFormFieldDef) => {
+    const value = values[field.name];
+    const error = errors[field.name];
+
+    if (field.type === "select") {
+      return (
+        <Select
+          key={field.name}
+          label={field.label}
+          data={field.options ?? []}
+          value={value == null || value === "" ? (field.noneOption ? FLEET_SELECT_NONE : null) : String(value)}
+          onChange={(next) =>
+            setValues((current) => ({ ...current, [field.name]: next ?? "" }))
+          }
+          error={error}
+          searchable
+          disabled={selectOptionsLoading}
+          rightSection={selectOptionsLoading ? <Loader2 size={14} className="animate-spin" /> : undefined}
+        />
+      );
+    }
+
+    if (field.type === "number") {
+      return (
+        <NumberInput
+          key={field.name}
+          label={field.label}
+          value={value === "" || value == null ? "" : Number(value)}
+          onChange={(next) =>
+            setValues((current) => ({
+              ...current,
+              [field.name]: next === "" ? "" : next,
+            }))
+          }
+          error={error}
+        />
+      );
+    }
+
+    if (field.type === "textarea") {
+      return (
+        <Textarea
+          key={field.name}
+          label={field.label}
+          value={String(value ?? "")}
+          onChange={(e) =>
+            setValues((current) => ({
+              ...current,
+              [field.name]: e.target?.value ?? "",
+            }))
+          }
+          error={error}
+          minRows={3}
+        />
+      );
+    }
+
+    return (
+      <TextInput
+        key={field.name}
+        label={field.label}
+        value={String(value ?? "")}
+        onChange={(e) =>
+          setValues((current) => ({
+            ...current,
+            [field.name]: e.target?.value ?? "",
+          }))
+        }
+        error={error}
+      />
+    );
+  };
+
+  return (
+    <Modal
+      opened={open}
+      onClose={() => onOpenChange(false)}
+      title={<Text fw={600}>{title}</Text>}
+      size="lg"
+      radius="lg"
+      centered
+    >
+      <Stack gap="md">
+        <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="md">
+          {shortFields.map(renderField)}
+        </SimpleGrid>
+        {longFields.map(renderField)}
+        <Group justify="flex-end" gap="sm" mt="sm">
+          <Button variant="default" onClick={() => onOpenChange(false)}>
+            Cancel
+          </Button>
+          <Button color="green" loading={isSubmitting} onClick={handleSubmit}>
+            Save
+          </Button>
+        </Group>
+      </Stack>
+    </Modal>
+  );
+};
+
+export default FleetFormDialog;
diff --git a/apps/edr-freight-web/backoffice/src/components/fleet/FleetRecordActions.tsx b/apps/edr-freight-web/backoffice/src/components/fleet/FleetRecordActions.tsx
new file mode 100644
index 000000000..2a594a645
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/fleet/FleetRecordActions.tsx
@@ -0,0 +1,101 @@
+import { MoreHorizontal, Pencil, Trash2, Truck } from "lucide-react";
+import { ActionIcon, Button, Group, Menu, Tooltip } from "@mantine/core";
+import { useNavigate } from "react-router-dom";
+
+import type { FleetResourceConfig } from "@/pages/fleet/config/resources";
+import type { FleetRecord } from "@/services/fleet/fleet.service";
+
+export interface FleetRecordActionsProps {
+  record: FleetRecord;
+  config: FleetResourceConfig;
+  onEdit: (record: FleetRecord) => void;
+  onRemove: (record: FleetRecord) => void;
+  layout?: "row" | "compact";
+}
+
+const FleetRecordActions = ({
+  record,
+  config,
+  onEdit,
+  onRemove,
+  layout = "row",
+}: FleetRecordActionsProps) => {
+  const navigate = useNavigate();
+  const removeLabel = config.removeActionLabel ?? "Delete";
+  const showDetail = Boolean(config.detailPath && "id" in record);
+
+  const handleDetail = () => {
+    if (!config.detailPath || !("id" in record)) return;
+    navigate(config.detailPath.replace(":id", String(record.id)));
+  };
+
+  if (layout === "compact") {
+    return (
+      <Group gap={6} wrap="nowrap" justify="flex-end">
+        {showDetail ? (
+          <Button
+            variant="light"
+            color="green"
+            size="compact-sm"
+            radius="md"
+            onClick={handleDetail}
+            leftSection={<Truck size={14} />}
+          >
+            Manage wagons
+          </Button>
+        ) : null}
+        <Button
+          variant="light"
+          color="gray"
+          size="compact-sm"
+          radius="md"
+          onClick={() => onEdit(record)}
+          leftSection={<Pencil size={14} />}
+        >
+          Edit
+        </Button>
+        <Button
+          variant="light"
+          color="red"
+          size="compact-sm"
+          radius="md"
+          onClick={() => onRemove(record)}
+          leftSection={<Trash2 size={14} />}
+        >
+          {removeLabel}
+        </Button>
+      </Group>
+    );
+  }
+
+  return (
+    <Group gap={4} wrap="nowrap" justify="flex-end">
+      {showDetail ? (
+        <Tooltip label="Manage wagons">
+          <ActionIcon variant="subtle" color="green" size="md" radius="md" onClick={handleDetail}>
+            <Truck size={16} />
+          </ActionIcon>
+        </Tooltip>
+      ) : null}
+      <Tooltip label="Edit">
+        <ActionIcon variant="subtle" color="gray" size="md" radius="md" onClick={() => onEdit(record)}>
+          <Pencil size={16} />
+        </ActionIcon>
+      </Tooltip>
+      <Menu position="bottom-end" withinPortal>
+        <Menu.Target>
+          <ActionIcon variant="subtle" color="gray" size="md" radius="md">
+            <MoreHorizontal size={16} />
+          </ActionIcon>
+        </Menu.Target>
+        <Menu.Dropdown>
+          <Menu.Item color="red" leftSection={<Trash2 size={14} />} onClick={() => onRemove(record)}>
+            {removeLabel}
+          </Menu.Item>
+        </Menu.Dropdown>
+      </Menu>
+    </Group>
+  );
+};
+
+export default FleetRecordActions;
diff --git a/apps/edr-freight-web/backoffice/src/components/fleet/FleetToolbar.tsx b/apps/edr-freight-web/backoffice/src/components/fleet/FleetToolbar.tsx
new file mode 100644
index 000000000..80138c024
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/fleet/FleetToolbar.tsx
@@ -0,0 +1,113 @@
+import type { ReactNode } from "react";
+import { LayoutGrid, Plus, Search, Table2 } from "lucide-react";
+import { Box, Button, Group, SegmentedControl, TextInput } from "@mantine/core";
+
+import type { FleetViewMode } from "./useFleetViewMode";
+
+export interface FleetToolbarProps {
+  search?: string;
+  onSearchChange?: (value: string) => void;
+  searchPlaceholder?: string;
+  showSearch?: boolean;
+  onAdd?: () => void;
+  addLabel?: string;
+  viewMode: FleetViewMode;
+  onViewModeChange: (mode: FleetViewMode) => void;
+  /** Optional filters rendered beside search (status, freight type, etc.) */
+  filters?: ReactNode;
+}
+
+const FleetToolbar = ({
+  search = "",
+  onSearchChange,
+  searchPlaceholder = "Search…",
+  showSearch = true,
+  onAdd,
+  addLabel = "Add",
+  viewMode,
+  onViewModeChange,
+  filters,
+}: FleetToolbarProps) => (
+  <Box w="100%">
+    <Group
+      gap="md"
+      justify="space-between"
+      align="center"
+      wrap="wrap"
+      style={{ width: "100%" }}
+    >
+      <Group
+        gap="sm"
+        align="center"
+        wrap="wrap"
+        style={{ flex: "1 1 280px", minWidth: 0 }}
+      >
+        {showSearch && onSearchChange ? (
+          <TextInput
+            placeholder={searchPlaceholder}
+            value={search}
+            onChange={(e) => onSearchChange(e.currentTarget.value)}
+            leftSection={<Search size={16} />}
+            size="sm"
+            radius="lg"
+            style={{ flex: "1 1 200px", minWidth: 180, maxWidth: 360 }}
+            styles={{ input: { borderColor: "var(--mantine-color-gray-3)" } }}
+          />
+        ) : null}
+        {filters ? (
+          <Group gap="sm" align="center" wrap="nowrap" style={{ flexShrink: 0 }}>
+            {filters}
+          </Group>
+        ) : null}
+      </Group>
+
+      <Group gap="sm" align="center" wrap="nowrap" style={{ flexShrink: 0 }}>
+        <SegmentedControl
+          value={viewMode}
+          onChange={(value) => onViewModeChange(value as FleetViewMode)}
+          size="sm"
+          radius="lg"
+          color="green"
+          data={[
+            {
+              value: "table",
+              label: (
+                <Group gap={6} justify="center" wrap="nowrap">
+                  <Table2 size={14} />
+                  <span>Table</span>
+                </Group>
+              ),
+            },
+            {
+              value: "cards",
+              label: (
+                <Group gap={6} justify="center" wrap="nowrap">
+                  <LayoutGrid size={14} />
+                  <span>Cards</span>
+                </Group>
+              ),
+            },
+          ]}
+          styles={{
+            root: { background: "var(--mantine-color-gray-1)" },
+          }}
+        />
+        {onAdd ? (
+          <Button
+            color="green"
+            radius="lg"
+            size="sm"
+            fw={600}
+            leftSection={<Plus size={16} />}
+            onClick={onAdd}
+            style={{ whiteSpace: "nowrap" }}
+          >
+            {addLabel}
+          </Button>
+        ) : null}
+      </Group>
+    </Group>
+  </Box>
+);
+
+export default FleetToolbar;
diff --git a/apps/edr-freight-web/backoffice/src/components/fleet/fleetCardMeta.ts b/apps/edr-freight-web/backoffice/src/components/fleet/fleetCardMeta.ts
new file mode 100644
index 000000000..c45f468c0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/fleet/fleetCardMeta.ts
@@ -0,0 +1,39 @@
+import type { FleetResourceConfig } from "@/pages/fleet/config/resources";
+
+export interface FleetCardPresentation {
+  titleKey: string;
+  subtitleKey?: string;
+  codeKey?: string;
+  statusKey?: string;
+}
+
+export const resolveFleetCardPresentation = (config: FleetResourceConfig): FleetCardPresentation => {
+  const titleKey =
+    config.cardTitleKey ??
+    config.columns.find((col) => col.format !== "code" && col.accessorKey !== "status")
+      ?.accessorKey ??
+    "id";
+
+  const codeKey =
+    config.cardCodeKey ?? config.columns.find((col) => col.format === "code")?.accessorKey;
+
+  const statusKey = config.columns.find((col) => col.format === "statusBadge")?.accessorKey;
+
+  const subtitleKey =
+    config.cardSubtitleKey ??
+    config.columns.find(
+      (col) =>
+        col.accessorKey !== titleKey &&
+        col.accessorKey !== codeKey &&
+        col.accessorKey !== statusKey,
+    )?.accessorKey;
+
+  return { titleKey, subtitleKey, codeKey, statusKey };
+};
+
+export const cardInitials = (title: string) => {
+  const parts = title.trim().split(/\s+/).filter(Boolean);
+  if (!parts.length) return "?";
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`.toUpperCase();
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/fleet/fleetFormat.tsx b/apps/edr-freight-web/backoffice/src/components/fleet/fleetFormat.tsx
new file mode 100644
index 000000000..4c4ab2fd6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/fleet/fleetFormat.tsx
@@ -0,0 +1,40 @@
+import type { ReactNode } from "react";
+import { Badge, Text } from "@mantine/core";
+
+import type { ColumnFormat } from "@/pages/ruleEngine/config/resources";
+import { formatCell as formatRuleEngineCell } from "@/components/ruleEngine/ruleEngineFormat";
+
+export type FleetColumnFormat = ColumnFormat | "statusBadge";
+
+const optionLabelMap = new Map<string, Map<string, string>>();
+
+export const registerFleetOptionLabels = (
+  fieldKey: string,
+  options: { value: string; label: string }[],
+) => {
+  optionLabelMap.set(fieldKey, new Map(options.map((o) => [o.value, o.label])));
+};
+
+export const formatFleetCell = (
+  value: unknown,
+  format?: FleetColumnFormat,
+  accessorKey?: string,
+): ReactNode => {
+  if (format === "statusBadge") {
+    const status = value == null || value === "" ? "—" : String(value);
+    return (
+      <Badge variant="light" color="gray" size="sm" radius="md">
+        {status}
+      </Badge>
+    );
+  }
+
+  if (accessorKey && optionLabelMap.has(accessorKey)) {
+    const label = optionLabelMap.get(accessorKey)?.get(String(value ?? ""));
+    if (label) {
+      return <Text size="sm">{label}</Text>;
+    }
+  }
+
+  return formatRuleEngineCell(value, format as ColumnFormat | undefined);
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/fleet/useFleetViewMode.ts b/apps/edr-freight-web/backoffice/src/components/fleet/useFleetViewMode.ts
new file mode 100644
index 000000000..9dd571271
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/fleet/useFleetViewMode.ts
@@ -0,0 +1,40 @@
+import { useCallback, useEffect, useState } from "react";
+
+import type { FleetResourceSlug } from "@/pages/fleet/config/resources";
+
+export type FleetViewMode = "table" | "cards";
+
+const STORAGE_PREFIX = "edr-freight-fleet-view:";
+
+type ViewModeSlug = FleetResourceSlug | "routes" | "train-scheduling-v2" | "batch-board";
+
+const readStored = (slug: ViewModeSlug): FleetViewMode => {
+  try {
+    const raw = localStorage.getItem(`${STORAGE_PREFIX}${slug}`);
+    return raw === "cards" ? "cards" : "table";
+  } catch {
+    return "table";
+  }
+};
+
+export const useFleetViewMode = (slug: ViewModeSlug) => {
+  const [viewMode, setViewModeState] = useState<FleetViewMode>(() => readStored(slug));
+
+  useEffect(() => {
+    setViewModeState(readStored(slug));
+  }, [slug]);
+
+  const setViewMode = useCallback(
+    (mode: FleetViewMode) => {
+      setViewModeState(mode);
+      try {
+        localStorage.setItem(`${STORAGE_PREFIX}${slug}`, mode);
+      } catch {
+        /* ignore */
+      }
+    },
+    [slug],
+  );
+
+  return { viewMode, setViewMode };
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardHeader.css b/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardHeader.css
new file mode 100644
index 000000000..55410fe26
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardHeader.css
@@ -0,0 +1,126 @@
+/* ============================================================
+   EDR Freight — Header styles
+   ============================================================ */
+
+.fdh-root {
+  display: flex;
+  height: 80px;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 0 22px;
+}
+
+/* eyebrow above the page title */
+.fdh-eyebrow {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.6px;
+  text-transform: uppercase;
+  color: #1B9E7A;
+  margin-bottom: 3px;
+}
+.fdh-eyebrow-dot {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: #2DBF95;
+  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.16);
+}
+
+/* action icon buttons */
+.fdh-icon-btn {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 12px;
+  background: #f7f9fb;
+  border: 1px solid #eef1f4;
+  color: #475569;
+  cursor: pointer;
+  transition: all 160ms ease;
+}
+.fdh-icon-btn:hover {
+  background: #ffffff;
+  border-color: rgba(27, 158, 122, 0.28);
+  color: #1B9E7A;
+  box-shadow: 0 4px 12px -4px rgba(27, 158, 122, 0.28);
+  transform: translateY(-1px);
+}
+.fdh-icon-btn:active {
+  transform: translateY(0);
+}
+
+/* notification badge */
+.fdh-badge {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  min-width: 17px;
+  height: 17px;
+  padding: 0 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9px;
+  background: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
+  color: #ffffff;
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 1;
+  border: 2px solid #ffffff;
+  box-shadow: 0 2px 6px -1px rgba(239, 68, 68, 0.45);
+}
+
+.fdh-divider {
+  width: 1px;
+  height: 30px;
+  background: #e9eef3;
+  margin: 0 2px;
+}
+
+/* user button */
+.fdh-user {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 5px 12px 5px 5px;
+  border-radius: 13px;
+  cursor: pointer;
+  border: 1px solid transparent;
+  transition: all 160ms ease;
+}
+.fdh-user:hover {
+  background: #f7f9fb;
+  border-color: #eef1f4;
+}
+
+.fdh-avatar-ring {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  padding: 2px;
+  background: linear-gradient(135deg, #2DBF95 0%, #1B9E7A 100%);
+  box-shadow: 0 4px 10px -3px rgba(27, 158, 122, 0.4);
+}
+.fdh-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #1B9E7A 0%, #15805F 100%);
+  color: #ffffff;
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 0.3px;
+  border: 2px solid #ffffff;
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardHeader.tsx b/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardHeader.tsx
index ba69363d4..cc8074850 100644
--- a/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardHeader.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardHeader.tsx
@@ -2,6 +2,7 @@ import { type ReactNode, useEffect, useRef, useState } from "react";
 import {
   Bell,
   ChevronDown,
+  FileSignature,
   Languages,
   LogOut,
   MessageSquare,
@@ -9,10 +10,11 @@ import {
   Sun,
   User,
 } from "lucide-react";
-import { Group, Stack, Text, Avatar, Menu, ActionIcon, Badge, Box } from "@mantine/core";
+import { Group, Stack, Text, Menu, Tooltip, Box } from "@mantine/core";
+import { useNavigate } from "react-router-dom";
 
 import type { PageMeta } from "./types";
-import { freightBrand } from "@/theme/freight-brand";
+import "./FreightDashboardHeader.css";
 
 export interface FreightDashboardHeaderProps {
   pageMeta: PageMeta;
@@ -37,14 +39,16 @@ const FreightDashboardHeader = ({
   theme,
   onToggleTheme,
 }: FreightDashboardHeaderProps) => {
+  const navigate = useNavigate();
   const initials =
     userInitials ??
-    userName
+    (userName
       .split(" ")
       .filter(Boolean)
       .slice(0, 2)
       .map((n) => n[0].toUpperCase())
-      .join("");
+      .join("") ||
+      "U");
 
   const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
   const userMenuRef = useRef<HTMLDivElement | null>(null);
@@ -74,133 +78,149 @@ const FreightDashboardHeader = ({
   }, [isUserMenuOpen]);
 
   return (
-    <header
-      style={{
-        display: "flex",
-        height: "80px",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: "16px",
-        padding: "0 24px",
-        // borderBottom: `3px solid ${freightBrand.primary}`,
-      }}
-    >
-      <Stack gap={2} style={{ flex: 1, minWidth: 0 }}>
-        <Text size="lg" fw={700} truncate style={{ color: freightBrand.primaryDark }}>
+    <header className="fdh-root">
+      <Stack gap={0} style={{ flex: 1, minWidth: 0 }}>
+        <span className="fdh-eyebrow">
+          {/* <span className="fdh-eyebrow-dot" />
+          Freight Backoffice */}
+        </span>
+        <Text
+          fw={700}
+          truncate
+          style={{ fontSize: "20px", lineHeight: 1.2, color: "#0f172a", letterSpacing: "-0.4px" }}
+        >
           {pageMeta.title}
         </Text>
-        <Text size="sm" c="dimmed" truncate>
+        {/* <Text size="sm" truncate style={{ color: "#94a3b8", lineHeight: 1.35 }}>
           {pageMeta.subtitle}
-        </Text>
+        </Text> */}
       </Stack>
 
-      <Group gap="sm" wrap="nowrap">
+      <Group gap={10} wrap="nowrap">
         {enableThemeToggle && (
-          <ActionIcon
-            variant="default"
-            size={40}
-            radius="lg"
-            onClick={onToggleTheme}
-            style={{
-              background: "var(--mantine-color-gray-1)",
-              border: "1px solid var(--mantine-color-gray-2)",
-              color: "var(--mantine-color-gray-7)",
-            }}
+          <Tooltip
+            label={theme === "dark" ? "Light mode" : "Dark mode"}
+            withArrow
+            openDelay={300}
           >
-            {theme === "dark" ? <Sun size={18} /> : <Moon size={18} />}
-          </ActionIcon>
+            <button
+              type="button"
+              className="fdh-icon-btn"
+              onClick={onToggleTheme}
+              aria-label="Toggle theme"
+            >
+              {theme === "dark" ? <Sun size={18} /> : <Moon size={18} />}
+            </button>
+          </Tooltip>
         )}
 
-        <ActionIcon
-          variant="default"
-          size={40}
-          radius="lg"
-          style={{
-            background: "var(--mantine-color-gray-1)",
-            border: "1px solid var(--mantine-color-gray-2)",
-            color: "var(--mantine-color-gray-7)",
-          }}
-        >
-          <Languages size={18} />
-        </ActionIcon>
+        <Tooltip label="Language" withArrow openDelay={300}>
+          <button type="button" className="fdh-icon-btn" aria-label="Language">
+            <Languages size={18} />
+          </button>
+        </Tooltip>
 
-        <ActionIcon
-          variant="default"
-          size={40}
-          radius="lg"
-          style={{
-            background: "var(--mantine-color-gray-1)",
-            border: "1px solid var(--mantine-color-gray-2)",
-            color: "var(--mantine-color-gray-7)",
-            position: "relative",
-          }}
-        >
-          <MessageSquare size={18} />
-          <Badge
-            size="xs"
-            color="red"
-            circle
-            style={{
-              position: "absolute",
-              top: "-3px",
-              right: "-3px",
-            }}
-          />
-        </ActionIcon>
+        <Tooltip label="Messages" withArrow openDelay={300}>
+          <button type="button" className="fdh-icon-btn" aria-label="Messages">
+            <MessageSquare size={18} />
+            <span className="fdh-badge">3</span>
+          </button>
+        </Tooltip>
 
-        <ActionIcon
-          variant="default"
-          size={40}
-          radius="lg"
-          style={{
-            background: "var(--mantine-color-gray-1)",
-            border: "1px solid var(--mantine-color-gray-2)",
-            color: "var(--mantine-color-gray-7)",
-            position: "relative",
-          }}
-        >
-          <Bell size={18} />
-          <Badge
-            size="xs"
-            color="red"
-            circle
-            style={{
-              position: "absolute",
-              top: "-3px",
-              right: "-3px",
-            }}
-          />
-        </ActionIcon>
+        <Tooltip label="Notifications" withArrow openDelay={300}>
+          <button
+            type="button"
+            className="fdh-icon-btn"
+            aria-label="Notifications"
+          >
+            <Bell size={18} />
+            <span className="fdh-badge">5</span>
+          </button>
+        </Tooltip>
 
-        <Menu position="bottom-end" shadow="md" opened={isUserMenuOpen} onOpen={() => setIsUserMenuOpen(true)} onClose={() => setIsUserMenuOpen(false)}>
+        <div className="fdh-divider" />
+
+        <Menu
+          position="bottom-end"
+          shadow="lg"
+          radius="md"
+          width={240}
+          opened={isUserMenuOpen}
+          onOpen={() => setIsUserMenuOpen(true)}
+          onClose={() => setIsUserMenuOpen(false)}
+        >
           <Menu.Target>
-            <Group gap="sm" p="xs" style={{ cursor: "pointer", borderRadius: "12px" }}>
-              <Avatar name={initials} color="green" size="md" styles={{ root: { background: freightBrand.primary } }} />
-              <ChevronDown size={16} style={{ transition: "transform 0.2s", transform: isUserMenuOpen ? "rotate(180deg)" : "rotate(0deg)" }} />
-            </Group>
-          </Menu.Target>
-          <Menu.Dropdown>
-            <Menu.Item disabled>
-              <Stack gap={0}>
-                <Text size="sm" fw={600}>
+            <div className="fdh-user">
+              <div className="fdh-avatar-ring">
+                <div className="fdh-avatar">{initials}</div>
+              </div>
+              <Stack gap={0} style={{ minWidth: 0 }} visibleFrom="sm">
+                <Text
+                  size="sm"
+                  fw={600}
+                  truncate
+                  style={{ color: "#0f172a", lineHeight: 1.25, maxWidth: 140 }}
+                >
                   {userName}
                 </Text>
-                {userEmail && (
-                  <Text size="xs" c="dimmed">
-                    {userEmail}
-                  </Text>
-                )}
+                <Text
+                  size="xs"
+                  truncate
+                  style={{ color: "#94a3b8", lineHeight: 1.25, maxWidth: 140 }}
+                >
+                  {userEmail ?? "Administrator"}
+                </Text>
               </Stack>
-            </Menu.Item>
+              <ChevronDown
+                size={16}
+                style={{
+                  color: "#94a3b8",
+                  flexShrink: 0,
+                  transition: "transform 0.2s",
+                  transform: isUserMenuOpen ? "rotate(180deg)" : "rotate(0deg)",
+                }}
+              />
+            </div>
+          </Menu.Target>
+          <Menu.Dropdown>
+            <Box px="sm" py="xs">
+              <Group gap={10} wrap="nowrap">
+                <div className="fdh-avatar-ring">
+                  <div className="fdh-avatar">{initials}</div>
+                </div>
+                <Stack gap={0} style={{ minWidth: 0 }}>
+                  <Text size="sm" fw={600} truncate style={{ color: "#0f172a" }}>
+                    {userName}
+                  </Text>
+                  {userEmail && (
+                    <Text size="xs" truncate style={{ color: "#94a3b8" }}>
+                      {userEmail}
+                    </Text>
+                  )}
+                </Stack>
+              </Group>
+            </Box>
             <Menu.Divider />
             <Menu.Item
-              leftSection={<User size={14} />}
-              onClick={() => setIsUserMenuOpen(false)}
+              leftSection={<User size={15} />}
+              onClick={() => {
+                setIsUserMenuOpen(false);
+                navigate("/dashboard/profile");
+              }}
             >
               Profile
             </Menu.Item>
             <Menu.Item
-              leftSection={<LogOut size={14} />}
+              leftSection={<FileSignature size={15} />}
+              onClick={() => {
+                setIsUserMenuOpen(false);
+                navigate("/dashboard/profile#signature");
+              }}
+            >
+              My signature
+            </Menu.Item>
+            <Menu.Item
+              leftSection={<LogOut size={15} />}
               color="red"
               onClick={() => {
                 setIsUserMenuOpen(false);
diff --git a/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardLayout.tsx b/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardLayout.tsx
index 8417065cf..a8e0b0aa6 100644
--- a/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardLayout.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/layout/FreightDashboardLayout.tsx
@@ -79,11 +79,11 @@ const FreightDashboardLayout = ({
             height: "100dvh",
             overflow: "hidden",
             background: "var(--mantine-color-gray-1)",
-            padding: "8px",
+            padding: "0px",
             fontFamily: "'Outfit', var(--font-sans)",
           }}
         >
-          <Box style={{ display: "flex", height: "100%", minHeight: 0, width: "100%", gap: "8px" }}>
+          <Box style={{ display: "flex", height: "100%", minHeight: 0, width: "100%", gap: "5px" }}>
             <FreightSidebar
               sections={sidebarSections}
               activeHref={activeHref}
diff --git a/apps/edr-freight-web/backoffice/src/components/layout/FreightSidebar.css b/apps/edr-freight-web/backoffice/src/components/layout/FreightSidebar.css
new file mode 100644
index 000000000..17dce66c3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/layout/FreightSidebar.css
@@ -0,0 +1,320 @@
+/* ============================================================
+   EDR Freight — Sidebar styles
+   Polished, professional navigation surface.
+   ============================================================ */
+
+.fsb-aside {
+  height: 100%;
+  max-height: 100%;
+  width: 280px;
+  flex-shrink: 0;
+  border-radius: 16px;
+  border: 1px solid #eef1f4;
+  background: #ffffff;
+  box-shadow:
+    0 1px 2px rgba(15, 23, 42, 0.04),
+    0 8px 24px -16px rgba(15, 23, 42, 0.12);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+/* ---- Brand header ---- */
+.fsb-brand {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  height: 80px;
+  padding: 0 20px;
+  flex-shrink: 0;
+  border-bottom: 1px solid #f1f5f9;
+  overflow: hidden;
+}
+
+.fsb-brand::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    radial-gradient(120px 80px at 24px 18px, rgba(34, 197, 94, 0.08), transparent 70%);
+  pointer-events: none;
+}
+
+.fsb-logo {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  border-radius: 13px;
+  background: linear-gradient(135deg, #2DBF95 0%, #1B9E7A 60%, #15805F 100%);
+  box-shadow:
+    0 6px 16px -4px rgba(27, 158, 122, 0.45),
+    inset 0 1px 0 rgba(255, 255, 255, 0.25);
+  flex-shrink: 0;
+}
+
+/* ---- Nav scroll region ---- */
+.fsb-nav {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding: 14px 12px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.fsb-nav::-webkit-scrollbar {
+  width: 6px;
+}
+.fsb-nav::-webkit-scrollbar-thumb {
+  background: #e2e8f0;
+  border-radius: 3px;
+}
+.fsb-nav::-webkit-scrollbar-thumb:hover {
+  background: #cbd5e1;
+}
+.fsb-nav::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.fsb-section-label {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.7px;
+  text-transform: uppercase;
+  color: #94a3b8;
+  padding: 0 12px;
+  margin-bottom: 6px;
+}
+
+/* ---- Top-level item ---- */
+.fsb-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  width: 100%;
+  padding: 9px 12px;
+  border-radius: 11px;
+  cursor: pointer;
+  color: #475569;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.2;
+  text-align: left;
+  text-decoration: none;
+  transition:
+    background-color 160ms ease,
+    color 160ms ease,
+    box-shadow 160ms ease;
+}
+
+.fsb-item:hover {
+  background-color: #f5f7fa;
+  color: #0f172a;
+}
+
+.fsb-item[data-active="true"] {
+  background: linear-gradient(
+    135deg,
+    rgba(34, 197, 94, 0.12) 0%,
+    rgba(27, 158, 122, 0.06) 100%
+  );
+  color: #1B9E7A;
+  font-weight: 600;
+}
+
+.fsb-item[data-active="true"]::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 22px;
+  border-radius: 0 4px 4px 0;
+  background: linear-gradient(180deg, #2DBF95 0%, #1B9E7A 100%);
+}
+
+.fsb-item-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* ---- Icon well ---- */
+.fsb-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 31px;
+  height: 31px;
+  border-radius: 9px;
+  flex-shrink: 0;
+  background: #f1f5f9;
+  color: #64748b;
+  transition: all 160ms ease;
+}
+
+.fsb-item:hover .fsb-icon {
+  background: #e6ebf1;
+  color: #334155;
+}
+
+.fsb-item[data-active="true"] .fsb-icon {
+  background: linear-gradient(135deg, #2DBF95 0%, #1B9E7A 100%);
+  color: #ffffff;
+  box-shadow: 0 5px 12px -2px rgba(27, 158, 122, 0.45);
+}
+
+.fsb-chevron {
+  flex-shrink: 0;
+  color: #94a3b8;
+  transition: transform 220ms ease;
+}
+
+.fsb-chevron-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.fsb-chevron-btn:hover .fsb-chevron {
+  color: #64748b;
+}
+
+/* ---- Nested branch ---- */
+.fsb-branch {
+  margin: 2px 0 2px 22px;
+  padding-left: 12px;
+  border-left: 1.5px solid #eef2f6;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+/* group header (non-navigable) */
+.fsb-group {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 7px 10px;
+  border-radius: 8px;
+  cursor: pointer;
+  background: transparent;
+  transition: background-color 150ms ease;
+}
+.fsb-group:hover {
+  background-color: #f5f7fa;
+}
+.fsb-group-label {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.4px;
+  text-transform: uppercase;
+  color: #94a3b8;
+}
+.fsb-group[data-active="true"] .fsb-group-label {
+  color: #1B9E7A;
+}
+
+/* child leaf */
+.fsb-child {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  padding: 7px 10px;
+  border-radius: 8px;
+  cursor: pointer;
+  color: #64748b;
+  font-size: 13px;
+  font-weight: 500;
+  text-decoration: none;
+  transition:
+    background-color 150ms ease,
+    color 150ms ease;
+}
+.fsb-child:hover {
+  background-color: #f5f7fa;
+  color: #0f172a;
+}
+.fsb-child[data-active="true"] {
+  color: #1B9E7A;
+  font-weight: 600;
+  background-color: rgba(27, 158, 122, 0.08);
+}
+
+.fsb-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background: #cbd5e1;
+  transition: all 150ms ease;
+}
+.fsb-child:hover .fsb-dot {
+  background: #94a3b8;
+}
+.fsb-child[data-active="true"] .fsb-dot {
+  background: #1B9E7A;
+  box-shadow: 0 0 0 3px rgba(27, 158, 122, 0.16);
+}
+
+/* ---- Footer status card ---- */
+.fsb-footer {
+  flex-shrink: 0;
+  padding: 12px;
+  border-top: 1px solid #f1f5f9;
+}
+.fsb-status {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  border-radius: 11px;
+  background: linear-gradient(135deg, #E7F8F2 0%, #f8fafc 100%);
+  border: 1px solid #e7f3ec;
+}
+.fsb-pulse {
+  position: relative;
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: #2DBF95;
+  flex-shrink: 0;
+}
+.fsb-pulse::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  background: #2DBF95;
+  animation: fsb-pulse 2s ease-out infinite;
+}
+@keyframes fsb-pulse {
+  0% {
+    transform: scale(1);
+    opacity: 0.6;
+  }
+  100% {
+    transform: scale(2.6);
+    opacity: 0;
+  }
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/layout/FreightSidebar.tsx b/apps/edr-freight-web/backoffice/src/components/layout/FreightSidebar.tsx
index 35d43e946..a2d685d0f 100644
--- a/apps/edr-freight-web/backoffice/src/components/layout/FreightSidebar.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/layout/FreightSidebar.tsx
@@ -1,15 +1,16 @@
 import {
   type MouseEvent,
+  type ReactNode,
   useCallback,
   useEffect,
   useMemo,
   useState,
 } from "react";
-import { ChevronDown, ChevronRight, Train } from "lucide-react";
-import { Stack, Group, Text, Box, UnstyledButton, NavLink } from "@mantine/core";
+import { ChevronDown, Train } from "lucide-react";
+import { Box, Stack, Text } from "@mantine/core";
 
 import type { SidebarItem, SidebarSection } from "./types";
-import { freightBrand } from "@/theme/freight-brand";
+import "./FreightSidebar.css";
 
 export interface FreightSidebarProps {
   sections: SidebarSection[];
@@ -105,7 +106,7 @@ const FreightSidebar = ({
     children: SidebarItem[],
     depth: number,
     parentKey: string,
-  ) =>
+  ): ReactNode =>
     children.map((child) => {
       const key = sidebarItemKey(child, parentKey);
       const isGroup = Boolean(child.children?.length) && !child.href;
@@ -115,87 +116,50 @@ const FreightSidebar = ({
         const groupActive = branchContainsActive(child.children!);
 
         return (
-          <Stack key={key} gap={4}>
-            <UnstyledButton
+          <div key={key}>
+            <button
+              type="button"
+              className="fsb-group"
+              data-active={groupActive}
               onClick={() => toggleExpanded(key)}
-              style={{
-                background: groupActive ? freightBrand.mutedBg : "transparent",
-                padding: "8px 12px",
-                borderRadius: "8px",
-                width: "100%",
-                cursor: "pointer",
-              }}
             >
-              <Group justify="space-between">
-                <Text size="xs" fw={600} style={{ color: groupActive ? freightBrand.primary : undefined }} c={groupActive ? undefined : "dimmed"} tt="uppercase">
-                  {child.label}
-                </Text>
-                <ChevronDown
-                  size={14}
-                  style={{
-                    transform: isOpen ? "rotate(0deg)" : "rotate(-90deg)",
-                    transition: "transform 0.2s",
-                    color: groupActive ? freightBrand.primary : "var(--mantine-color-gray-5)",
-                  }}
-                />
-              </Group>
-            </UnstyledButton>
+              <span className="fsb-group-label">{child.label}</span>
+              <ChevronDown
+                size={13}
+                className="fsb-chevron"
+                style={{
+                  transform: isOpen ? "rotate(0deg)" : "rotate(-90deg)",
+                  color: groupActive ? "#1B9E7A" : undefined,
+                }}
+              />
+            </button>
             {isOpen && (
-              <Stack gap={2} style={{ paddingLeft: "12px", borderLeft: `2px solid ${freightBrand.mutedBorder}` }}>
+              <div className="fsb-branch">
                 {renderNavBranch(child.children!, depth + 1, key)}
-              </Stack>
+              </div>
             )}
-          </Stack>
+          </div>
         );
       }
 
       if (!child.href) return null;
 
-      const childHref = child.href.toLowerCase();
-      const childActiveHref = isHrefActive(childHref);
+      const childActive = isHrefActive(child.href);
 
       return (
-        <NavLink
+        <a
           key={key}
-          component="a"
           href={child.href}
-          onClick={(e) => navigateTo(e as any, child.href!)}
-          label={child.label}
-          active={childActiveHref}
-          color="green"
-          style={{
-            borderRadius: "8px",
-            cursor: "pointer",
-            fontSize: "14px",
-          }}
-          rightSection={<ChevronRight size={16} />}
-        />
+          className="fsb-child"
+          data-active={childActive}
+          onClick={(e) => navigateTo(e, child.href!)}
+        >
+          <span className="fsb-dot" />
+          <span className="fsb-item-label">{child.label}</span>
+        </a>
       );
     });
 
-  const renderIconWell = (icon: React.ReactNode, active: boolean) => {
-    if (!icon) return null;
-    return (
-      <Box
-        style={{
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          width: "30px",
-          height: "30px",
-          borderRadius: "8px",
-          flexShrink: 0,
-          background: active ? freightBrand.gradient : "var(--mantine-color-gray-1)",
-          color: active ? "white" : "var(--mantine-color-gray-6)",
-          boxShadow: active ? freightBrand.shadowSm : "none",
-          transition: "all 0.2s ease",
-        }}
-      >
-        {icon}
-      </Box>
-    );
-  };
-
   const renderTopLevelItem = (item: SidebarItem) => {
     if (!item.href) return null;
 
@@ -207,132 +171,106 @@ const FreightSidebar = ({
     const isCurrentItem = hasChildren
       ? activePath === itemHref
       : isHrefActive(itemHref);
-    const isSectionActive = childActive && !isCurrentItem;
-    const isActive = isCurrentItem || isSectionActive;
+    const isActive = isCurrentItem || childActive;
     const isOpen = expanded[item.href] ?? false;
-    const leafActive = isCurrentItem && !hasChildren;
 
     return (
-      <Stack key={item.href} gap={0}>
-        <NavLink
-          component="a"
+      <Box key={item.href}>
+        <a
           href={item.href}
-          onClick={(e) => navigateTo(e as any, item.href!)}
-          label={item.label}
-          leftSection={renderIconWell(item.icon, isActive)}
-          active={leafActive}
-          color="green"
-          variant="light"
-          style={{
-            borderRadius: "10px",
-            cursor: "pointer",
-            fontSize: "14px",
-            fontWeight: 500,
-            padding: "8px 10px",
+          className="fsb-item"
+          data-active={isActive}
+          onClick={(e) => {
+            if (hasChildren) {
+              setExpanded((current) => ({
+                ...current,
+                [item.href!]: true,
+              }));
+            }
+            navigateTo(e, item.href!);
           }}
-          rightSection={
-            hasChildren ? (
+        >
+          {item.icon && <span className="fsb-icon">{item.icon}</span>}
+          <span className="fsb-item-label">{item.label}</span>
+          {hasChildren && (
+            <button
+              type="button"
+              className="fsb-chevron-btn"
+              aria-label={isOpen ? "Collapse section" : "Expand section"}
+              onClick={(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                toggleExpanded(item.href!);
+              }}
+            >
               <ChevronDown
                 size={16}
+                className="fsb-chevron"
                 style={{
                   transform: isOpen ? "rotate(0deg)" : "rotate(-90deg)",
-                  transition: "transform 0.2s",
-                }}
-                onClick={(e) => {
-                  e.preventDefault();
-                  toggleExpanded(item.href!);
                 }}
               />
-            ) : (
-              <ChevronRight size={16} />
-            )
-          }
-        />
+            </button>
+          )}
+        </a>
 
         {hasChildren && isOpen && (
-          <Stack gap={4} style={{ paddingLeft: "16px", borderLeft: `2px solid ${freightBrand.mutedBorder}` }}>
+          <div className="fsb-branch">
             {renderNavBranch(item.children!, 0, item.href)}
-          </Stack>
+          </div>
         )}
-      </Stack>
+      </Box>
     );
   };
 
   return (
-    <Box
-      component="aside"
-      style={{
-        height: "100%",
-        maxHeight: "100%",
-        width: "280px",
-        flexShrink: 0,
-        borderRadius: "12px",
-        border: "1px solid var(--mantine-color-gray-2)",
-        background: "white",
-        boxShadow: "0 1px 3px rgba(0, 0, 0, 0.05)",
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden",
-      }}
-    >
-      <Group
-        gap={12}
-        px="lg"
-        py="md"
-        style={{
-          borderBottom: "1px solid var(--mantine-color-gray-2)",
-          flexShrink: 0,
-          height: "80px",
-        }}
-        wrap="nowrap"
-      >
-        <Box
-          style={{
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            width: "44px",
-            height: "44px",
-            borderRadius: "12px",
-            background: freightBrand.gradient,
-            boxShadow: freightBrand.shadow,
-            flexShrink: 0,
-          }}
-        >
-          <Train size={24} color="white" strokeWidth={2} />
-        </Box>
-        <Stack gap={0} style={{ minWidth: 0 }}>
-          <Text size="md" fw={700} style={{ letterSpacing: "-0.3px", lineHeight: 1.2 }}>
+    <Box component="aside" className="fsb-aside">
+      <div className="fsb-brand">
+        <div className="fsb-logo">
+          <Train size={23} color="white" strokeWidth={2.1} />
+        </div>
+        <Stack gap={1} style={{ minWidth: 0, position: "relative", zIndex: 1 }}>
+          <Text
+            size="md"
+            fw={700}
+            style={{ letterSpacing: "-0.3px", lineHeight: 1.2, color: "#0f172a" }}
+          >
             EDR Freight
           </Text>
-          <Text size="xs" c="dimmed" fw={500} style={{ letterSpacing: "0.3px" }}>
-            Backoffice
+          <Text
+            size="xs"
+            fw={600}
+            style={{ letterSpacing: "0.4px", color: "#94a3b8" }}
+          >
+            Backoffice Console
           </Text>
         </Stack>
-      </Group>
+      </div>
 
-      <Stack
-        component="nav"
-        gap="lg"
-        p="md"
-        style={{
-          flex: 1,
-          minHeight: 0,
-          overflowY: "auto",
-          overscrollBehavior: "contain",
-        }}
-      >
+      <nav className="fsb-nav">
         {sections.map((section) => (
-          <Stack key={section.title} gap={8}>
-            <Text size="xs" fw={600} c="dimmed" tt="uppercase" style={{ letterSpacing: "0.5px", paddingLeft: "8px" }}>
-              {section.title}
-            </Text>
-            <Stack gap={2}>
+          <div key={section.title}>
+            <div className="fsb-section-label">{section.title}</div>
+            <Stack gap={3}>
               {section.items.map((item) => renderTopLevelItem(item))}
             </Stack>
-          </Stack>
+          </div>
         ))}
-      </Stack>
+      </nav>
+
+      <div className="fsb-footer">
+        <div className="fsb-status">
+          <span className="fsb-pulse" />
+          <Stack gap={0} style={{ minWidth: 0 }}>
+            <Text size="xs" fw={600} style={{ color: "#15805F", lineHeight: 1.3 }}>
+              All systems operational
+            </Text>
+            <Text size="10px" style={{ color: "#94a3b8", lineHeight: 1.3 }}>
+              EDR Platform · v1.0
+            </Text>
+          </Stack>
+        </div>
+      </div>
     </Box>
   );
 };
diff --git a/apps/edr-freight-web/backoffice/src/components/layout/route-meta.ts b/apps/edr-freight-web/backoffice/src/components/layout/route-meta.ts
index 48cd1f0d9..879292143 100644
--- a/apps/edr-freight-web/backoffice/src/components/layout/route-meta.ts
+++ b/apps/edr-freight-web/backoffice/src/components/layout/route-meta.ts
@@ -1,4 +1,5 @@
 import type { PageMeta } from "./types";
+import { getFleetRouteMeta } from "@/pages/fleet/config/resources";
 import {
   RULE_ENGINE_CATEGORY_BASE_PATH,
   RULE_ENGINE_RESOURCES,
@@ -35,6 +36,34 @@ const ROUTE_META: Array<{ prefix: string; meta: PageMeta }> = [
       subtitle: "Dashboard summary and key metrics",
     },
   },
+  {
+    prefix: "/dashboard/profile",
+    meta: {
+      title: "My Profile",
+      subtitle: "Manage your account and signature",
+    },
+  },
+  {
+    prefix: "/dashboard/payments",
+    meta: {
+      title: "Payments",
+      subtitle: "View booking payment transactions",
+    },
+  },
+  {
+    prefix: "/dashboard/operations/train-scheduling-v2/",
+    meta: {
+      title: "Train schedule",
+      subtitle: "Assign bookings, auto-pin wagons, finalize and dispatch",
+    },
+  },
+  {
+    prefix: "/dashboard/operations/train-scheduling-v2",
+    meta: {
+      title: "Train Schedules",
+      subtitle: "Operational train scheduling with full allocation workflow",
+    },
+  },
   {
     prefix: "/dashboard/routes",
     meta: {
@@ -42,11 +71,12 @@ const ROUTE_META: Array<{ prefix: string; meta: PageMeta }> = [
       subtitle: "Manage route definitions built from freight yards",
     },
   },
+  ...getFleetRouteMeta(),
   {
-    prefix: "/dashboard/locomotives",
+    prefix: "/dashboard/trains/",
     meta: {
-      title: "Locomotives",
-      subtitle: "Manage locomotive master data and service status",
+      title: "Train detail",
+      subtitle: "Manage fleet consist and wagon assignments",
     },
   },
   {
@@ -91,6 +121,13 @@ const ROUTE_META: Array<{ prefix: string; meta: PageMeta }> = [
       subtitle: "Manage dropdown options used across the platform",
     },
   },
+  {
+    prefix: "/dashboard/configuration/train-scheduling-rules",
+    meta: {
+      title: "Train scheduling rules",
+      subtitle: "Global limits for train length, weight, wagons, and 20ft container balance",
+    },
+  },
   {
     prefix: RULE_ENGINE_CATEGORY_BASE_PATH.configuration,
     meta: {
diff --git a/apps/edr-freight-web/backoffice/src/components/layout/types.ts b/apps/edr-freight-web/backoffice/src/components/layout/types.ts
index ba37f33e5..051f28839 100644
--- a/apps/edr-freight-web/backoffice/src/components/layout/types.ts
+++ b/apps/edr-freight-web/backoffice/src/components/layout/types.ts
@@ -6,6 +6,8 @@ export interface SidebarItem {
   href?: string;
   icon?: ReactNode;
   children?: SidebarItem[];
+  /** Permission key(s) required to see this item; ANY grants access. */
+  permission?: string | string[];
 }
 
 export interface SidebarSection {
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewBookingTrendChart.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewBookingTrendChart.tsx
new file mode 100644
index 000000000..c24942287
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewBookingTrendChart.tsx
@@ -0,0 +1,65 @@
+import {
+  Area,
+  AreaChart,
+  CartesianGrid,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+} from "recharts";
+import { Paper, Stack, Text } from "@mantine/core";
+
+import type { IOverviewTrendPoint } from "@/types/overview";
+import { overviewChartColors } from "./overview.styles";
+
+function formatDateLabel(date: string) {
+  const parsed = new Date(`${date}T00:00:00`);
+  return parsed.toLocaleDateString(undefined, { month: "short", day: "numeric" });
+}
+
+export function OverviewBookingTrendChart({ data }: { data: IOverviewTrendPoint[] }) {
+  const hasData = data.some((point) => point.count > 0);
+
+  return (
+    <Paper p="md" radius="lg" withBorder h="100%" style={{ minHeight: 260 }}>
+      <Stack gap="sm" h="100%">
+        <Text fw={600}>Booking trend</Text>
+        {!hasData ? (
+          <Text size="sm" c="dimmed" ta="center" py="xl">
+            No bookings in this period
+          </Text>
+        ) : (
+          <ResponsiveContainer width="100%" height={210}>
+            <AreaChart data={data} margin={{ top: 8, right: 8, left: 0, bottom: 0 }}>
+              <defs>
+                <linearGradient id="bookingTrendFill" x1="0" y1="0" x2="0" y2="1">
+                  <stop offset="5%" stopColor={overviewChartColors.primary} stopOpacity={0.35} />
+                  <stop offset="95%" stopColor={overviewChartColors.primary} stopOpacity={0} />
+                </linearGradient>
+              </defs>
+              <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
+              <XAxis
+                dataKey="date"
+                tickFormatter={formatDateLabel}
+                tick={{ fontSize: 12 }}
+                stroke="#94a3b8"
+              />
+              <YAxis allowDecimals={false} tick={{ fontSize: 12 }} stroke="#94a3b8" />
+              <Tooltip
+                labelFormatter={(value) => formatDateLabel(String(value))}
+                formatter={(value) => [value, "Bookings"]}
+              />
+              <Area
+                type="monotone"
+                dataKey="count"
+                stroke={overviewChartColors.primary}
+                fill="url(#bookingTrendFill)"
+                strokeWidth={2}
+              />
+            </AreaChart>
+          </ResponsiveContainer>
+        )}
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewDonutChart.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewDonutChart.tsx
new file mode 100644
index 000000000..6b333d6ea
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewDonutChart.tsx
@@ -0,0 +1,128 @@
+import {
+  Cell,
+  Pie,
+  PieChart,
+  ResponsiveContainer,
+  Tooltip,
+} from "recharts";
+import { Box, Group, Paper, Stack, Text } from "@mantine/core";
+
+import { overviewChartColors } from "./overview.styles";
+
+export interface DonutChartItem {
+  name: string;
+  value: number;
+}
+
+interface OverviewDonutChartProps {
+  title: string;
+  data: DonutChartItem[];
+  emptyMessage?: string;
+}
+
+export function OverviewDonutChart({
+  title,
+  data,
+  emptyMessage = "No data available",
+}: OverviewDonutChartProps) {
+  const filtered = data.filter((item) => item.value > 0);
+  const hasData = filtered.length > 0;
+  const total = filtered.reduce((sum, item) => sum + item.value, 0);
+
+  return (
+    <Paper p="md" radius="lg" withBorder h="100%">
+      <Stack gap="sm" h="100%">
+        <Text fw={600} size="sm">
+          {title}
+        </Text>
+        {!hasData ? (
+          <Text size="sm" c="dimmed" ta="center" py="lg">
+            {emptyMessage}
+          </Text>
+        ) : (
+          <Group gap="md" wrap="nowrap" align="center" style={{ flex: 1 }}>
+            {/* Compact donut with the total in its center */}
+            <Box style={{ position: "relative", width: 132, height: 132, flexShrink: 0 }}>
+              <ResponsiveContainer width="100%" height="100%">
+                <PieChart>
+                  <Pie
+                    data={filtered}
+                    dataKey="value"
+                    nameKey="name"
+                    cx="50%"
+                    cy="50%"
+                    innerRadius={42}
+                    outerRadius={62}
+                    paddingAngle={2}
+                    stroke="none"
+                  >
+                    {filtered.map((entry, index) => (
+                      <Cell
+                        key={entry.name}
+                        fill={
+                          overviewChartColors.pipeline[
+                            index % overviewChartColors.pipeline.length
+                          ]
+                        }
+                      />
+                    ))}
+                  </Pie>
+                  <Tooltip formatter={(value) => [value, "Count"]} />
+                </PieChart>
+              </ResponsiveContainer>
+              <Box
+                style={{
+                  position: "absolute",
+                  inset: 0,
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  pointerEvents: "none",
+                }}
+              >
+                <Text fw={800} size="xl" lh={1} style={{ color: "#0f172a" }}>
+                  {total}
+                </Text>
+                <Text size="10px" c="dimmed" fw={600} tt="uppercase" style={{ letterSpacing: 0.4 }}>
+                  Total
+                </Text>
+              </Box>
+            </Box>
+
+            {/* Legend fills the space — color, name, count and share */}
+            <Stack gap={6} style={{ flex: 1, minWidth: 0 }}>
+              {filtered.map((entry, index) => {
+                const color =
+                  overviewChartColors.pipeline[index % overviewChartColors.pipeline.length];
+                const pct = total > 0 ? Math.round((entry.value / total) * 100) : 0;
+                return (
+                  <Group key={entry.name} gap={8} wrap="nowrap" justify="space-between">
+                    <Group gap={8} wrap="nowrap" style={{ minWidth: 0 }}>
+                      <Box
+                        w={9}
+                        h={9}
+                        style={{ borderRadius: 3, background: color, flexShrink: 0 }}
+                      />
+                      <Text size="xs" c="dimmed" truncate>
+                        {entry.name}
+                      </Text>
+                    </Group>
+                    <Group gap={6} wrap="nowrap" style={{ flexShrink: 0 }}>
+                      <Text size="xs" fw={700} c="dark.5">
+                        {entry.value}
+                      </Text>
+                      <Text size="xs" c="dimmed" style={{ width: 34, textAlign: "right" }}>
+                        {pct}%
+                      </Text>
+                    </Group>
+                  </Group>
+                );
+              })}
+            </Stack>
+          </Group>
+        )}
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewHorizontalBarChart.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewHorizontalBarChart.tsx
new file mode 100644
index 000000000..2de3eb20b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewHorizontalBarChart.tsx
@@ -0,0 +1,81 @@
+import {
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Cell,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+} from "recharts";
+import { Paper, Stack, Text } from "@mantine/core";
+
+import { overviewChartColors } from "./overview.styles";
+
+export interface HorizontalBarItem {
+  label: string;
+  value: number;
+}
+
+interface OverviewHorizontalBarChartProps {
+  title: string;
+  data: HorizontalBarItem[];
+  emptyMessage?: string;
+  valueLabel?: string;
+}
+
+export function OverviewHorizontalBarChart({
+  title,
+  data,
+  emptyMessage = "No data available",
+  valueLabel = "Count",
+}: OverviewHorizontalBarChartProps) {
+  const chartData = data
+    .filter((item) => item.value > 0)
+    .map((item) => ({ name: item.label, value: item.value }));
+  const hasData = chartData.length > 0;
+
+  return (
+    <Paper p="md" radius="lg" withBorder h="100%" style={{ minHeight: 240 }}>
+      <Stack gap="sm" h="100%">
+        <Text fw={600}>{title}</Text>
+        {!hasData ? (
+          <Text size="sm" c="dimmed" ta="center" py="xl">
+            {emptyMessage}
+          </Text>
+        ) : (
+          <ResponsiveContainer width="100%" height={Math.max(240, chartData.length * 36)}>
+            <BarChart
+              data={chartData}
+              layout="vertical"
+              margin={{ top: 4, right: 16, left: 8, bottom: 4 }}
+            >
+              <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" horizontal={false} />
+              <XAxis type="number" allowDecimals={false} tick={{ fontSize: 12 }} />
+              <YAxis
+                type="category"
+                dataKey="name"
+                width={120}
+                tick={{ fontSize: 11 }}
+                stroke="#94a3b8"
+              />
+              <Tooltip formatter={(value) => [value, valueLabel]} />
+              <Bar dataKey="value" radius={[0, 6, 6, 0]} barSize={18}>
+                {chartData.map((entry, index) => (
+                  <Cell
+                    key={entry.name}
+                    fill={
+                      overviewChartColors.pipeline[
+                        index % overviewChartColors.pipeline.length
+                      ]
+                    }
+                  />
+                ))}
+              </Bar>
+            </BarChart>
+          </ResponsiveContainer>
+        )}
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiCard.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiCard.tsx
new file mode 100644
index 000000000..f986f622e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiCard.tsx
@@ -0,0 +1,118 @@
+import type { LucideIcon } from "lucide-react";
+import { Card, Group, Stack, Text } from "@mantine/core";
+
+import { MiniRing, MiniSparkline } from "@/components/common/MiniGraph";
+import {
+  overviewAccentGradients,
+  type OverviewAccent,
+} from "./overview.styles";
+
+/** Mini-graph type rendered at the bottom of a KPI card. */
+export type KpiGraphVariant = "area" | "line" | "ring";
+
+/** Pale chip background per accent — matches the Pencil "tinted icon chip" look. */
+export const ACCENT_CHIP_BG: Record<string, string> = {
+  default: "#F1F5F4",
+  emerald: "#E7F8F2",
+  amber: "#FEF9C3",
+  rose: "#FFE4E6",
+  sky: "#E0F2FE",
+  violet: "#EDE9FE",
+  gold: "#FEF1D5",
+  orange: "#FEEAD7",
+};
+
+export interface OverviewKpiItem {
+  label: string;
+  value: number | string;
+  hint?: string;
+  icon: LucideIcon;
+  accent?: keyof typeof ACCENT_CHIP_BG;
+  /** Share 0..1 used as a baseline for the decorative trend + ring gauge. */
+  progress?: number;
+  /** Mini-graph type; defaults to "area" when not provided. */
+  variant?: KpiGraphVariant;
+}
+
+export function OverviewKpiCard({ item }: { item: OverviewKpiItem }) {
+  const Icon = item.icon;
+  const accent = item.accent ?? "default";
+  const accentKey = accent as OverviewAccent;
+  const [, accentDeep] = overviewAccentGradients[accentKey] ?? overviewAccentGradients.default;
+  const chipBg = ACCENT_CHIP_BG[accent] ?? ACCENT_CHIP_BG.default;
+  const variant = item.variant ?? "area";
+
+  return (
+    <Card
+      p="md"
+      radius={16}
+      withBorder
+      style={{
+        background: "#ffffff",
+        border: "1px solid var(--mantine-color-gray-2)",
+        flex: "1 1 240px",
+        minWidth: 220,
+        transition: "transform 160ms ease, box-shadow 160ms ease",
+      }}
+      onMouseEnter={(e) => {
+        e.currentTarget.style.transform = "translateY(-3px)";
+        e.currentTarget.style.boxShadow = "0 12px 28px -12px rgba(15,23,42,0.18)";
+      }}
+      onMouseLeave={(e) => {
+        e.currentTarget.style.transform = "translateY(0)";
+        e.currentTarget.style.boxShadow = "none";
+      }}
+    >
+      <Stack gap={8}>
+        <Group gap="sm" wrap="nowrap" align="center">
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: 40,
+              height: 40,
+              borderRadius: 11,
+              background: chipBg,
+              color: accentDeep,
+              flexShrink: 0,
+            }}
+          >
+            <Icon size={20} strokeWidth={2} />
+          </div>
+          <Stack gap={1} style={{ minWidth: 0, flex: 1 }}>
+            <Text size="24px" fw={800} style={{ lineHeight: 1.05, letterSpacing: "-0.02em" }} truncate>
+              {item.value}
+            </Text>
+            <Text size="xs" fw={600} c="dimmed" truncate>
+              {item.label}
+              {item.hint ? ` · ${item.hint}` : ""}
+            </Text>
+          </Stack>
+          {variant === "ring" ? (
+            <MiniRing
+              pct={Math.round((item.progress ?? 0) * 100)}
+              accent={accentKey}
+              size={44}
+              stroke={5}
+            >
+              <Text size="10px" fw={800} style={{ color: accentDeep }}>
+                {Math.round((item.progress ?? 0) * 100)}%
+              </Text>
+            </MiniRing>
+          ) : null}
+        </Group>
+
+        {variant !== "ring" ? (
+          <MiniSparkline
+            variant={variant}
+            accent={accentKey}
+            baseline={item.progress ?? 0}
+            seed={item.label}
+            height={22}
+          />
+        ) : null}
+      </Stack>
+    </Card>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiSection.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiSection.tsx
new file mode 100644
index 000000000..ea99d098e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiSection.tsx
@@ -0,0 +1,167 @@
+import {
+  AlertCircle,
+  Banknote,
+  Box,
+  Clock,
+  Container,
+  CreditCard,
+  FileText,
+  Train,
+  Truck,
+  UserCheck,
+  Users,
+  Wallet,
+} from "lucide-react";
+import { Group, Paper, Stack, Text } from "@mantine/core";
+
+import type { IOverviewKpis } from "@/types/overview";
+import { OverviewKpiCard } from "./OverviewKpiCard";
+
+function formatCurrency(amount: number, currency: "ETB" | "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    maximumFractionDigits: 0,
+  }).format(amount);
+}
+
+export function OverviewKpiSection({ kpis }: { kpis: IOverviewKpis }) {
+  const bookingItems = [
+    {
+      label: "Active bookings",
+      value: kpis.bookings.totalActive,
+      icon: FileText,
+      accent: "emerald" as const,
+    },
+    {
+      label: "Needs action",
+      value: kpis.bookings.needsAction,
+      icon: AlertCircle,
+      accent: "amber" as const,
+    },
+    {
+      label: "Urgent",
+      value: kpis.bookings.urgent,
+      icon: Clock,
+      accent: "rose" as const,
+    },
+    {
+      label: "In approval",
+      value: kpis.bookings.inApproval,
+      icon: UserCheck,
+      accent: "sky" as const,
+    },
+    {
+      label: "Submitted today",
+      value: kpis.bookings.submittedToday,
+      icon: FileText,
+    },
+  ];
+
+  const operationsItems = [
+    {
+      label: "Active trains",
+      value: kpis.operations.trainsActive,
+      icon: Train,
+      accent: "emerald" as const,
+    },
+    {
+      label: "Wagons available",
+      value: kpis.operations.wagonsAvailable,
+      icon: Truck,
+    },
+    {
+      label: "Containers in transit",
+      value: kpis.operations.containersInTransit,
+      icon: Container,
+    },
+    {
+      label: "Cargoes loaded",
+      value: kpis.operations.cargoesLoaded,
+      icon: Box,
+    },
+  ];
+
+  const billingItems = [
+    {
+      label: "Revenue MTD (ETB)",
+      value: formatCurrency(kpis.billing.revenueMtdEtb, "ETB"),
+      icon: Banknote,
+      accent: "emerald" as const,
+    },
+    {
+      label: "Revenue MTD (USD)",
+      value: formatCurrency(kpis.billing.revenueMtdUsd, "USD"),
+      icon: Wallet,
+    },
+    {
+      label: "Pending payments",
+      value: kpis.billing.pendingPayments,
+      icon: CreditCard,
+      accent: "amber" as const,
+    },
+    {
+      label: "Successful MTD",
+      value: kpis.billing.successfulPaymentsMtd,
+      icon: Banknote,
+    },
+  ];
+
+  const peopleItems = [
+    {
+      label: "Total customers",
+      value: kpis.customers.totalCustomers,
+      icon: Users,
+    },
+    {
+      label: "New this month",
+      value: kpis.customers.newCustomersThisMonth,
+      icon: Users,
+      accent: "emerald" as const,
+    },
+    {
+      label: "Active employees",
+      value: kpis.staff.activeEmployees,
+      icon: UserCheck,
+    },
+    {
+      label: "Active users",
+      value: kpis.staff.activeUsers,
+      icon: Users,
+    },
+  ];
+
+  const sections = [
+    { title: "Bookings", items: bookingItems },
+    { title: "Operations", items: operationsItems },
+    { title: "Billing", items: billingItems },
+    { title: "Customers & staff", items: peopleItems },
+  ];
+
+  return (
+    <Stack gap="md">
+      {sections.map((section) => (
+        <Paper
+          key={section.title}
+          p="md"
+          radius="lg"
+          withBorder
+          style={{
+            background: "white",
+            border: "1px solid var(--mantine-color-gray-2)",
+            overflowX: "auto",
+          }}
+        >
+          <Text size="sm" fw={600} mb="sm" c="dimmed">
+            {section.title}
+          </Text>
+          <Group gap="md" style={{ flexWrap: "nowrap", minWidth: "min-content" }}>
+            {section.items.map((item) => (
+              <OverviewKpiCard key={item.label} item={item} />
+            ))}
+          </Group>
+        </Paper>
+      ))}
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiStrip.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiStrip.tsx
new file mode 100644
index 000000000..04740585b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewKpiStrip.tsx
@@ -0,0 +1,65 @@
+import { Group, Paper, Text } from "@mantine/core";
+
+import {
+  OverviewKpiCard,
+  type KpiGraphVariant,
+  type OverviewKpiItem,
+} from "./OverviewKpiCard";
+
+/** Rotate mini-graph types per card so each strip reads as a lively mix. */
+const VARIANT_CYCLE: KpiGraphVariant[] = ["area", "line", "ring"];
+
+/** Cohesive accent rotation — gold-forward with an orange and neutral break. */
+const ACCENT_CYCLE: NonNullable<OverviewKpiItem["accent"]>[] = [
+  "gold",
+  "orange",
+  "default",
+];
+
+interface OverviewKpiStripProps {
+  title?: string;
+  items: OverviewKpiItem[];
+}
+
+/** Parse a numeric magnitude out of a KPI value (handles formatted currency strings). */
+function toNumber(value: number | string): number {
+  if (typeof value === "number") return value;
+  const parsed = Number(String(value).replace(/[^0-9.-]/g, ""));
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+
+export function OverviewKpiStrip({ title, items }: OverviewKpiStripProps) {
+  const max = Math.max(...items.map((item) => toNumber(item.value)), 0);
+
+  return (
+    <Paper
+      p="lg"
+      radius="lg"
+      withBorder
+      style={{
+        background: "#ffffff",
+        border: "1px solid var(--mantine-color-gray-2)",
+      }}
+    >
+      {title && (
+        <Text size="sm" fw={600} mb="md" c="dimmed">
+          {title}
+        </Text>
+      )}
+      <Group gap="md" align="stretch" wrap="wrap">
+        {items.map((item, index) => (
+          <OverviewKpiCard
+            key={item.label}
+            item={{
+              ...item,
+              accent: ACCENT_CYCLE[index % ACCENT_CYCLE.length],
+              variant: item.variant ?? VARIANT_CYCLE[index % VARIANT_CYCLE.length],
+              progress:
+                item.progress ?? (max > 0 ? toNumber(item.value) / max : 0),
+            }}
+          />
+        ))}
+      </Group>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewPageHeader.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewPageHeader.tsx
new file mode 100644
index 000000000..3c2e79f75
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewPageHeader.tsx
@@ -0,0 +1,66 @@
+import { ActionIcon, Group, SegmentedControl, Text } from "@mantine/core";
+import { RefreshCw } from "lucide-react";
+
+import type { OverviewRange } from "@/types/overview";
+
+const RANGE_OPTIONS = [
+  { label: "7 days", value: "7d" },
+  { label: "30 days", value: "30d" },
+  { label: "90 days", value: "90d" },
+];
+
+function formatRelativeTime(iso: string | undefined) {
+  if (!iso) return "—";
+  const diffMs = Date.now() - new Date(iso).getTime();
+  const minutes = Math.floor(diffMs / 60_000);
+  if (minutes < 1) return "just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  return new Date(iso).toLocaleString();
+}
+
+interface OverviewPageHeaderProps {
+  range: OverviewRange;
+  onRangeChange: (range: OverviewRange) => void;
+  generatedAt?: string;
+  onRefresh: () => void;
+  isRefreshing?: boolean;
+}
+
+export function OverviewPageHeader({
+  range,
+  onRangeChange,
+  generatedAt,
+  onRefresh,
+  isRefreshing,
+}: OverviewPageHeaderProps) {
+  return (
+    <Group justify="space-between" align="center" wrap="wrap" gap="md">
+      <Text size="sm" c="dimmed">
+        Updated {formatRelativeTime(generatedAt)}
+      </Text>
+      <Group gap="sm">
+        <SegmentedControl
+          value={range}
+          onChange={(value) => onRangeChange(value as OverviewRange)}
+          data={RANGE_OPTIONS}
+          size="sm"
+          radius="lg"
+          color="green"
+        />
+        <ActionIcon
+          variant="light"
+          color="green"
+          size="lg"
+          radius="lg"
+          aria-label="Refresh dashboard"
+          onClick={onRefresh}
+          loading={isRefreshing}
+        >
+          <RefreshCw size={18} />
+        </ActionIcon>
+      </Group>
+    </Group>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewPaymentChart.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewPaymentChart.tsx
new file mode 100644
index 000000000..f1a74ac4e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewPaymentChart.tsx
@@ -0,0 +1,79 @@
+import {
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Legend,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+} from "recharts";
+import { Paper, Stack, Text } from "@mantine/core";
+
+import type { IOverviewPaymentTrendPoint } from "@/types/overview";
+import { overviewChartColors } from "./overview.styles";
+
+function formatDateLabel(date: string) {
+  const parsed = new Date(`${date}T00:00:00`);
+  return parsed.toLocaleDateString(undefined, { month: "short", day: "numeric" });
+}
+
+function formatAmount(value: number, currency: "ETB" | "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    maximumFractionDigits: 0,
+  }).format(value);
+}
+
+export function OverviewPaymentChart({ data }: { data: IOverviewPaymentTrendPoint[] }) {
+  const hasData = data.some((point) => point.amountEtb > 0 || point.amountUsd > 0);
+
+  return (
+    <Paper p="md" radius="lg" withBorder h="100%" style={{ minHeight: 260 }}>
+      <Stack gap="sm" h="100%">
+        <Text fw={600}>Payment trend</Text>
+        {!hasData ? (
+          <Text size="sm" c="dimmed" ta="center" py="xl">
+            No successful payments in this period
+          </Text>
+        ) : (
+          <ResponsiveContainer width="100%" height={210}>
+            <BarChart data={data} margin={{ top: 8, right: 8, left: 0, bottom: 0 }}>
+              <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
+              <XAxis
+                dataKey="date"
+                tickFormatter={formatDateLabel}
+                tick={{ fontSize: 12 }}
+                stroke="#94a3b8"
+              />
+              <YAxis tick={{ fontSize: 12 }} stroke="#94a3b8" />
+              <Tooltip
+                labelFormatter={(value) => formatDateLabel(String(value))}
+                formatter={(value, name) => [
+                  formatAmount(Number(value), name === "amountUsd" ? "USD" : "ETB"),
+                  name === "amountUsd" ? "USD" : "ETB",
+                ]}
+              />
+              <Legend />
+              <Bar
+                dataKey="amountEtb"
+                name="ETB"
+                stackId="payments"
+                fill={overviewChartColors.etb}
+                radius={[0, 0, 0, 0]}
+              />
+              <Bar
+                dataKey="amountUsd"
+                name="USD"
+                stackId="payments"
+                fill={overviewChartColors.usd}
+                radius={[4, 4, 0, 0]}
+              />
+            </BarChart>
+          </ResponsiveContainer>
+        )}
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewQuickLinks.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewQuickLinks.tsx
new file mode 100644
index 000000000..09a6c5ab3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewQuickLinks.tsx
@@ -0,0 +1,72 @@
+import { useNavigate } from "react-router-dom";
+import { ArrowRight, FileText, Train, Users } from "lucide-react";
+import { Card, Group, SimpleGrid, Stack, Text, ThemeIcon } from "@mantine/core";
+
+const links = [
+  {
+    title: "Booking requests",
+    description: "Review and action incoming freight bookings",
+    href: "/dashboard/booking-requests",
+    icon: FileText,
+  },
+  {
+    title: "Train scheduling v2",
+    description: "Full allocation workflow — assign, pin wagons, finalize",
+    href: "/dashboard/operations/train-scheduling-v2",
+    icon: Train,
+  },
+  {
+    title: "Trains",
+    description: "Manage train master data and fleet status",
+    href: "/dashboard/trains",
+    icon: Train,
+  },
+  {
+    title: "User management",
+    description: "Employees, roles, and permissions",
+    href: "/dashboard/user-management",
+    icon: Users,
+  },
+];
+
+export function OverviewQuickLinks() {
+  const navigate = useNavigate();
+
+  return (
+    <Stack gap="md" h="100%">
+      <Text fw={600}>Quick links</Text>
+      <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="sm">
+        {links.map((link) => {
+          const Icon = link.icon;
+          return (
+            <Card
+              key={link.href}
+              p="md"
+              radius="lg"
+              withBorder
+              style={{ cursor: "pointer" }}
+              onClick={() => navigate(link.href)}
+            >
+              <Group justify="space-between" align="flex-start" wrap="nowrap">
+                <Group align="flex-start" gap="sm" wrap="nowrap">
+                  <ThemeIcon variant="light" color="green" size="lg" radius="md">
+                    <Icon size={18} />
+                  </ThemeIcon>
+                  <Stack gap={2}>
+                    <Text fw={600} size="sm">
+                      {link.title}
+                    </Text>
+                    <Text size="xs" c="dimmed">
+                      {link.description}
+                    </Text>
+                  </Stack>
+                </Group>
+                <ArrowRight size={16} color="var(--mantine-color-gray-5)" />
+              </Group>
+            </Card>
+          );
+        })}
+      </SimpleGrid>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewRecentBookingsTable.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewRecentBookingsTable.tsx
new file mode 100644
index 000000000..b13f5c473
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewRecentBookingsTable.tsx
@@ -0,0 +1,78 @@
+import { useNavigate } from "react-router-dom";
+import { Paper, Stack, Table, Text } from "@mantine/core";
+
+import { BookingPriorityBadge } from "@/components/bookings/BookingPriorityBadge";
+import { BookingStatusBadge } from "@/components/bookings/BookingStatusBadge";
+import type { IOverviewRecentBooking } from "@/types/overview";
+
+function formatAmount(amount: number | null, currency: string | null) {
+  if (amount == null) return "—";
+  const code = currency === "USD" ? "USD" : "ETB";
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: code,
+    maximumFractionDigits: 0,
+  }).format(amount);
+}
+
+export function OverviewRecentBookingsTable({
+  bookings,
+}: {
+  bookings: IOverviewRecentBooking[];
+}) {
+  const navigate = useNavigate();
+
+  return (
+    <Paper p="lg" radius="lg" withBorder>
+      <Stack gap="md">
+        <Text fw={600}>Recent bookings</Text>
+        {bookings.length === 0 ? (
+          <Text size="sm" c="dimmed" ta="center" py="lg">
+            No recent bookings
+          </Text>
+        ) : (
+          <Table highlightOnHover verticalSpacing="sm">
+            <Table.Thead>
+              <Table.Tr>
+                <Table.Th>Reference</Table.Th>
+                <Table.Th>Customer</Table.Th>
+                <Table.Th>Status</Table.Th>
+                <Table.Th>Priority</Table.Th>
+                <Table.Th>Amount</Table.Th>
+                <Table.Th>Created</Table.Th>
+              </Table.Tr>
+            </Table.Thead>
+            <Table.Tbody>
+              {bookings.map((booking) => (
+                <Table.Tr
+                  key={booking.id}
+                  style={{ cursor: "pointer" }}
+                  onClick={() => navigate(`/dashboard/booking-requests/${booking.id}`)}
+                >
+                  <Table.Td>
+                    <Text fw={600} size="sm">
+                      {booking.reference}
+                    </Text>
+                  </Table.Td>
+                  <Table.Td>{booking.customerLabel}</Table.Td>
+                  <Table.Td>
+                    <BookingStatusBadge status={booking.status} />
+                  </Table.Td>
+                  <Table.Td>
+                    <BookingPriorityBadge score={booking.priorityScore} />
+                  </Table.Td>
+                  <Table.Td>
+                    {formatAmount(booking.totalAmount, booking.paymentCurrency)}
+                  </Table.Td>
+                  <Table.Td>
+                    {new Date(booking.createdAt).toLocaleDateString()}
+                  </Table.Td>
+                </Table.Tr>
+              ))}
+            </Table.Tbody>
+          </Table>
+        )}
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewStatusChart.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewStatusChart.tsx
new file mode 100644
index 000000000..bee6f0352
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewStatusChart.tsx
@@ -0,0 +1,69 @@
+import {
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Cell,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+} from "recharts";
+import { Paper, Stack, Text } from "@mantine/core";
+
+import { BOOKING_LIST_TABS } from "@/features/bookings/booking-status.config";
+import type { IOverviewPipelineCount } from "@/types/overview";
+import { overviewChartColors } from "./overview.styles";
+
+function getPipelineLabel(stage: string) {
+  return BOOKING_LIST_TABS.find((tab) => tab.key === stage)?.label ?? stage;
+}
+
+export function OverviewStatusChart({ data }: { data: IOverviewPipelineCount[] }) {
+  const chartData = data.map((item) => ({
+    ...item,
+    label: getPipelineLabel(item.stage),
+  }));
+  const hasData = chartData.some((item) => item.count > 0);
+
+  return (
+    <Paper p="md" radius="lg" withBorder h="100%" style={{ minHeight: 260 }}>
+      <Stack gap="sm" h="100%">
+        <Text fw={600}>Pipeline by stage</Text>
+        {!hasData ? (
+          <Text size="sm" c="dimmed" ta="center" py="xl">
+            No bookings in pipeline
+          </Text>
+        ) : (
+          <ResponsiveContainer width="100%" height={210}>
+            <BarChart data={chartData} margin={{ top: 8, right: 8, left: 0, bottom: 24 }}>
+              <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
+              <XAxis
+                dataKey="label"
+                tick={{ fontSize: 11 }}
+                interval={0}
+                angle={-20}
+                textAnchor="end"
+                height={60}
+                stroke="#94a3b8"
+              />
+              <YAxis allowDecimals={false} tick={{ fontSize: 12 }} stroke="#94a3b8" />
+              <Tooltip formatter={(value) => [value, "Bookings"]} />
+              <Bar dataKey="count" radius={[6, 6, 0, 0]}>
+                {chartData.map((entry, index) => (
+                  <Cell
+                    key={entry.stage}
+                    fill={
+                      overviewChartColors.pipeline[
+                        index % overviewChartColors.pipeline.length
+                      ]
+                    }
+                  />
+                ))}
+              </Bar>
+            </BarChart>
+          </ResponsiveContainer>
+        )}
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/OverviewTabContent.tsx b/apps/edr-freight-web/backoffice/src/components/overview/OverviewTabContent.tsx
new file mode 100644
index 000000000..b39d5def8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/OverviewTabContent.tsx
@@ -0,0 +1,102 @@
+import { AlertCircle } from "lucide-react";
+import { Alert, Button, Center, Loader, Paper, Skeleton, Stack } from "@mantine/core";
+
+import {
+  useOverviewBillingTab,
+  useOverviewBookingsTab,
+  useOverviewCustomersTab,
+  useOverviewOperationsTab,
+  useOverviewStaffTab,
+} from "@/hooks/useOverview";
+import type { OverviewRange, OverviewTabKey } from "@/types/overview";
+import { OverviewBillingTabPanel } from "./tabs/OverviewBillingTabPanel";
+import { OverviewBookingsTabPanel } from "./tabs/OverviewBookingsTabPanel";
+import { OverviewCustomersTabPanel } from "./tabs/OverviewCustomersTabPanel";
+import { OverviewOperationsTabPanel } from "./tabs/OverviewOperationsTabPanel";
+import { OverviewStaffTabPanel } from "./tabs/OverviewStaffTabPanel";
+
+function TabSkeleton() {
+  return (
+    <Stack gap="lg">
+      <Skeleton height={120} radius="lg" />
+      <Skeleton height={320} radius="lg" />
+      <Skeleton height={320} radius="lg" />
+    </Stack>
+  );
+}
+
+interface OverviewTabContentProps {
+  tab: OverviewTabKey;
+  range: OverviewRange;
+}
+
+export function OverviewTabContent({ tab, range }: OverviewTabContentProps) {
+  const bookings = useOverviewBookingsTab(range, tab === "bookings");
+  const billing = useOverviewBillingTab(range, tab === "billing");
+  const operations = useOverviewOperationsTab(tab === "operations");
+  const customers = useOverviewCustomersTab(range, tab === "customers");
+  const staff = useOverviewStaffTab(range, tab === "staff");
+
+  const query =
+    tab === "bookings"
+      ? bookings
+      : tab === "billing"
+        ? billing
+        : tab === "operations"
+          ? operations
+          : tab === "customers"
+            ? customers
+            : staff;
+
+  const { isLoading, isError, refetch, isFetching } = query;
+
+  if (isLoading) {
+    return <TabSkeleton />;
+  }
+
+  if (isError || !query.data) {
+    return (
+      <Paper p="xl" radius="lg" withBorder>
+        <Alert
+          icon={<AlertCircle size={16} />}
+          color="red"
+          title="Failed to load tab data"
+          variant="light"
+        >
+          <Stack gap="sm" align="flex-start">
+            <span>Could not load {tab} metrics. Please try again.</span>
+            <Button size="xs" variant="light" color="red" onClick={() => void refetch()}>
+              Retry
+            </Button>
+          </Stack>
+        </Alert>
+      </Paper>
+    );
+  }
+
+  return (
+    <Stack gap="md" pos="relative">
+      {isFetching && (
+        <Center style={{ position: "absolute", top: 8, right: 8, zIndex: 2 }}>
+          <Loader size="sm" color="green" />
+        </Center>
+      )}
+
+      {tab === "bookings" && bookings.data && (
+        <OverviewBookingsTabPanel data={bookings.data} />
+      )}
+      {tab === "billing" && billing.data && (
+        <OverviewBillingTabPanel data={billing.data} />
+      )}
+      {tab === "operations" && operations.data && (
+        <OverviewOperationsTabPanel data={operations.data} />
+      )}
+      {tab === "customers" && customers.data && (
+        <OverviewCustomersTabPanel data={customers.data} />
+      )}
+      {tab === "staff" && staff.data && (
+        <OverviewStaffTabPanel data={staff.data} />
+      )}
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/overview.css b/apps/edr-freight-web/backoffice/src/components/overview/overview.css
new file mode 100644
index 000000000..343e622d7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/overview.css
@@ -0,0 +1,57 @@
+/* ============================================================
+   EDR Freight — Overview page styles (hero controls + tabs)
+   ============================================================ */
+
+/* ---- Hero range segmented control (on gradient) ---- */
+.ov-seg-root {
+  background: rgba(255, 255, 255, 0.18) !important;
+  border: 1px solid rgba(255, 255, 255, 0.28);
+}
+.ov-seg-indicator {
+  background: #ffffff !important;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
+}
+.ov-seg-label {
+  color: rgba(255, 255, 255, 0.9);
+  font-weight: 600;
+}
+.ov-seg-label[data-active] {
+  color: #15805f;
+}
+
+/* ---- Premium tab bar ---- */
+.ov-tablist {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 6px;
+  background: #f1f5f9;
+  border-radius: 16px;
+  border: 1px solid #e2e8f0;
+}
+.ov-tab {
+  border-radius: 11px;
+  padding: 10px 18px;
+  font-weight: 600;
+  color: #475569;
+  border: 1px solid transparent;
+  transition:
+    background-color 160ms ease,
+    color 160ms ease,
+    box-shadow 160ms ease,
+    transform 160ms ease;
+}
+.ov-tab:hover {
+  background: #ffffff;
+  color: #0f172a;
+  box-shadow: 0 2px 10px -4px rgba(15, 23, 42, 0.18);
+}
+.ov-tab[data-active] {
+  background: linear-gradient(135deg, #2dbf95 0%, #1b9e7a 100%) !important;
+  color: #ffffff !important;
+  box-shadow: 0 10px 20px -8px rgba(27, 158, 122, 0.55);
+  transform: translateY(-1px);
+}
+.ov-tab[data-active]:hover {
+  color: #ffffff;
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/overview.styles.ts b/apps/edr-freight-web/backoffice/src/components/overview/overview.styles.ts
new file mode 100644
index 000000000..c927df1ce
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/overview.styles.ts
@@ -0,0 +1,46 @@
+import { freightBrand } from "@/theme/freight-brand";
+
+export const overviewChartColors = {
+  primary: "#F2A516",
+  primaryLight: "#FBD171",
+  primaryDark: "#D98A0B",
+  muted: freightBrand.mutedBg,
+  etb: "#F2A516",
+  usd: "#0369a1",
+  /** Vibrant, well-separated categorical palette for charts (gold-forward). */
+  pipeline: [
+    "#F2A516", // gold (brand accent)
+    "#0ea5e9", // sky
+    "#8b5cf6", // violet
+    "#FB8C2E", // orange
+    "#14b8a6", // teal
+    "#ec4899", // pink
+    "#f43f5e", // rose
+    "#6366f1", // indigo
+    "#eab308", // yellow
+    "#06b6d4", // cyan
+  ],
+} as const;
+
+/** Brand gold + complementary orange used as the primary KPI accents. */
+export const ACCENT_GOLD = "#F2A516";
+export const ACCENT_ORANGE = "#FB8C2E";
+
+/** Two-stop gradients keyed by KPI accent — used for radial gauges + accent bars. */
+export const overviewAccentGradients = {
+  default: ["#94a3b8", "#475569"],
+  emerald: ["#34D9AE", "#1B9E7A"],
+  amber: ["#fbbf24", "#d97706"],
+  rose: ["#fb7185", "#e11d48"],
+  sky: ["#38bdf8", "#0284c7"],
+  violet: ["#a78bfa", "#7c3aed"],
+  gold: ["#FBD171", ACCENT_GOLD],
+  orange: ["#FDBA74", ACCENT_ORANGE],
+} as const;
+
+export type OverviewAccent = keyof typeof overviewAccentGradients;
+
+export const overviewCardStyle = {
+  background: "white",
+  border: "1px solid var(--mantine-color-gray-2)",
+} as const;
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewBillingTabPanel.tsx b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewBillingTabPanel.tsx
new file mode 100644
index 000000000..52b8bf161
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewBillingTabPanel.tsx
@@ -0,0 +1,137 @@
+import { Banknote, CreditCard, Wallet } from "lucide-react";
+import {
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Cell,
+  Legend,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+} from "recharts";
+import { Grid, Paper, Stack, Text } from "@mantine/core";
+
+import type { IOverviewBillingTab } from "@/types/overview";
+import { OverviewDonutChart } from "../OverviewDonutChart";
+import { OverviewKpiStrip } from "../OverviewKpiStrip";
+import { OverviewPaymentChart } from "../OverviewPaymentChart";
+import { overviewChartColors } from "../overview.styles";
+
+function formatCurrency(amount: number, currency: "ETB" | "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    maximumFractionDigits: 0,
+  }).format(amount);
+}
+
+const METHOD_LABELS: Record<string, string> = {
+  telebirr: "Telebirr",
+  "cbe-birr": "CBE Birr",
+  ebirr: "eBirr",
+};
+
+interface OverviewBillingTabPanelProps {
+  data: IOverviewBillingTab;
+}
+
+export function OverviewBillingTabPanel({ data }: OverviewBillingTabPanelProps) {
+  const methodChartData = data.paymentsByMethod.map((item) => ({
+    name: METHOD_LABELS[item.method] ?? item.method,
+    count: item.count,
+  }));
+
+  return (
+    <Stack gap="lg">
+      <OverviewKpiStrip
+        items={[
+          {
+            label: "Revenue MTD (ETB)",
+            value: formatCurrency(data.kpis.revenueMtdEtb, "ETB"),
+            icon: Banknote,
+            accent: "emerald",
+          },
+          {
+            label: "Revenue MTD (USD)",
+            value: formatCurrency(data.kpis.revenueMtdUsd, "USD"),
+            icon: Wallet,
+          },
+          {
+            label: "Pending payments",
+            value: data.kpis.pendingPayments,
+            icon: CreditCard,
+            accent: "amber",
+          },
+          {
+            label: "Successful MTD",
+            value: data.kpis.successfulPaymentsMtd,
+            icon: Banknote,
+          },
+        ]}
+      />
+
+      <Grid gap="md">
+        <Grid.Col span={{ base: 12, lg: 8 }}>
+          <OverviewPaymentChart data={data.paymentTrend} />
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, lg: 4 }}>
+          <OverviewDonutChart
+            title="Revenue by currency (MTD)"
+            data={data.revenueByCurrency.map((item) => ({
+              name: item.currency,
+              value: item.amount,
+            }))}
+            emptyMessage="No revenue this month"
+          />
+        </Grid.Col>
+      </Grid>
+
+      <Grid gap="md">
+        <Grid.Col span={{ base: 12, md: 6 }}>
+          <OverviewDonutChart
+            title="Payments by status"
+            data={data.paymentsByStatus.map((item) => ({
+              name: item.status.replace(/-/g, " "),
+              value: item.count,
+            }))}
+          />
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, md: 6 }}>
+          <Paper p="md" radius="lg" withBorder h="100%" style={{ minHeight: 260 }}>
+            <Stack gap="sm">
+              <Text fw={600}>Payments by method</Text>
+              {methodChartData.length === 0 ? (
+                <Text size="sm" c="dimmed" ta="center" py="xl">
+                  No payment methods recorded
+                </Text>
+              ) : (
+                <ResponsiveContainer width="100%" height={210}>
+                  <BarChart data={methodChartData} margin={{ top: 8, right: 8, left: 0, bottom: 0 }}>
+                    <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
+                    <XAxis dataKey="name" tick={{ fontSize: 11 }} stroke="#94a3b8" />
+                    <YAxis allowDecimals={false} tick={{ fontSize: 12 }} stroke="#94a3b8" />
+                    <Tooltip />
+                    <Legend />
+                    <Bar dataKey="count" name="Transactions" radius={[6, 6, 0, 0]}>
+                      {methodChartData.map((entry, index) => (
+                        <Cell
+                          key={entry.name}
+                          fill={
+                            overviewChartColors.pipeline[
+                              index % overviewChartColors.pipeline.length
+                            ]
+                          }
+                        />
+                      ))}
+                    </Bar>
+                  </BarChart>
+                </ResponsiveContainer>
+              )}
+            </Stack>
+          </Paper>
+        </Grid.Col>
+      </Grid>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewBookingsTabPanel.tsx b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewBookingsTabPanel.tsx
new file mode 100644
index 000000000..c294a5199
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewBookingsTabPanel.tsx
@@ -0,0 +1,106 @@
+import {
+  AlertCircle,
+  Clock,
+  FileText,
+  UserCheck,
+} from "lucide-react";
+import { Grid, Stack } from "@mantine/core";
+
+import { BOOKING_STATUS_META } from "@/features/bookings/booking-status.config";
+import type { IOverviewBookingsTab } from "@/types/overview";
+import { OverviewBookingTrendChart } from "../OverviewBookingTrendChart";
+import { OverviewDonutChart } from "../OverviewDonutChart";
+import { OverviewHorizontalBarChart } from "../OverviewHorizontalBarChart";
+import { OverviewKpiStrip } from "../OverviewKpiStrip";
+import { OverviewRecentBookingsTable } from "../OverviewRecentBookingsTable";
+import { OverviewStatusChart } from "../OverviewStatusChart";
+
+interface OverviewBookingsTabPanelProps {
+  data: IOverviewBookingsTab;
+}
+
+export function OverviewBookingsTabPanel({ data }: OverviewBookingsTabPanelProps) {
+  return (
+    <Stack gap="lg">
+      <OverviewKpiStrip
+        items={[
+          {
+            label: "Active bookings",
+            value: data.kpis.totalActive,
+            icon: FileText,
+            accent: "emerald",
+            hint: "Currently in workflow",
+          },
+          {
+            label: "Needs action",
+            value: data.kpis.needsAction,
+            icon: AlertCircle,
+            accent: "amber",
+            hint: "Awaiting your review",
+          },
+          {
+            label: "Urgent",
+            value: data.kpis.urgent,
+            icon: Clock,
+            accent: "rose",
+            hint: "High priority queue",
+          },
+          {
+            label: "In approval",
+            value: data.kpis.inApproval,
+            icon: UserCheck,
+            accent: "sky",
+            hint: "Pending sign-off",
+          },
+          {
+            label: "Submitted today",
+            value: data.kpis.submittedToday,
+            icon: FileText,
+            hint: "New since midnight",
+          },
+        ]}
+      />
+
+      <Grid gap="md">
+        <Grid.Col span={{ base: 12, lg: 7 }}>
+          <OverviewBookingTrendChart data={data.bookingTrend} />
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, lg: 5 }}>
+          <OverviewStatusChart data={data.bookingsByPipeline} />
+        </Grid.Col>
+      </Grid>
+
+      <Grid gap="md">
+        <Grid.Col span={{ base: 12, md: 6 }}>
+          <OverviewDonutChart
+            title="By status"
+            data={data.bookingsByStatus.map((item) => ({
+              name: BOOKING_STATUS_META[item.status]?.title ?? item.status,
+              value: item.count,
+            }))}
+            emptyMessage="No bookings yet"
+          />
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, md: 6 }}>
+          <OverviewDonutChart
+            title="By freight type"
+            data={data.bookingsByFreightType.map((item) => ({
+              name: item.label,
+              value: item.count,
+            }))}
+          />
+        </Grid.Col>
+      </Grid>
+
+      <OverviewHorizontalBarChart
+        title="By payment currency"
+        data={data.bookingsByCurrency.map((item) => ({
+          label: item.label,
+          value: item.count,
+        }))}
+      />
+
+      <OverviewRecentBookingsTable bookings={data.recentBookings} />
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewCustomersTabPanel.tsx b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewCustomersTabPanel.tsx
new file mode 100644
index 000000000..dea4c9921
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewCustomersTabPanel.tsx
@@ -0,0 +1,120 @@
+import { Users } from "lucide-react";
+import {
+  Area,
+  AreaChart,
+  CartesianGrid,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+} from "recharts";
+import { Grid, Paper, Stack, Text } from "@mantine/core";
+
+import type { IOverviewCustomersTab } from "@/types/overview";
+import { OverviewDonutChart } from "../OverviewDonutChart";
+import { OverviewHorizontalBarChart } from "../OverviewHorizontalBarChart";
+import { OverviewKpiStrip } from "../OverviewKpiStrip";
+import { overviewChartColors } from "../overview.styles";
+
+function formatDateLabel(date: string) {
+  const parsed = new Date(`${date}T00:00:00`);
+  return parsed.toLocaleDateString(undefined, { month: "short", day: "numeric" });
+}
+
+interface OverviewCustomersTabPanelProps {
+  data: IOverviewCustomersTab;
+}
+
+export function OverviewCustomersTabPanel({ data }: OverviewCustomersTabPanelProps) {
+  const hasGrowth = data.customerGrowthTrend.some((point) => point.count > 0);
+
+  return (
+    <Stack gap="lg">
+      <OverviewKpiStrip
+        items={[
+          {
+            label: "Total customers",
+            value: data.kpis.totalCustomers,
+            icon: Users,
+          },
+          {
+            label: "New this month",
+            value: data.kpis.newCustomersThisMonth,
+            icon: Users,
+            accent: "emerald",
+          },
+        ]}
+      />
+
+      <Grid gap="md">
+        <Grid.Col span={{ base: 12, lg: 7 }}>
+          <Paper p="md" radius="lg" withBorder h="100%" style={{ minHeight: 260 }}>
+            <Stack gap="sm">
+              <Text fw={600}>Customer growth</Text>
+              {!hasGrowth ? (
+                <Text size="sm" c="dimmed" ta="center" py="xl">
+                  No new customers in this period
+                </Text>
+              ) : (
+                <ResponsiveContainer width="100%" height={210}>
+                  <AreaChart data={data.customerGrowthTrend}>
+                    <defs>
+                      <linearGradient id="customerGrowthFill" x1="0" y1="0" x2="0" y2="1">
+                        <stop
+                          offset="5%"
+                          stopColor={overviewChartColors.primary}
+                          stopOpacity={0.35}
+                        />
+                        <stop
+                          offset="95%"
+                          stopColor={overviewChartColors.primary}
+                          stopOpacity={0}
+                        />
+                      </linearGradient>
+                    </defs>
+                    <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
+                    <XAxis
+                      dataKey="date"
+                      tickFormatter={formatDateLabel}
+                      tick={{ fontSize: 12 }}
+                    />
+                    <YAxis allowDecimals={false} tick={{ fontSize: 12 }} />
+                    <Tooltip
+                      labelFormatter={(value) => formatDateLabel(String(value))}
+                      formatter={(value) => [value, "New customers"]}
+                    />
+                    <Area
+                      type="monotone"
+                      dataKey="count"
+                      stroke={overviewChartColors.primary}
+                      fill="url(#customerGrowthFill)"
+                      strokeWidth={2}
+                    />
+                  </AreaChart>
+                </ResponsiveContainer>
+              )}
+            </Stack>
+          </Paper>
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, lg: 5 }}>
+          <OverviewDonutChart
+            title="Customers by type"
+            data={data.customersByType.map((item) => ({
+              name: item.label,
+              value: item.count,
+            }))}
+          />
+        </Grid.Col>
+      </Grid>
+
+      <OverviewHorizontalBarChart
+        title="Top customers by bookings"
+        data={data.topCustomersByBookings.map((item) => ({
+          label: item.label,
+          value: item.count,
+        }))}
+        valueLabel="Bookings"
+      />
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewOperationsTabPanel.tsx b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewOperationsTabPanel.tsx
new file mode 100644
index 000000000..355fb6b57
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewOperationsTabPanel.tsx
@@ -0,0 +1,88 @@
+import { Box, Container as ContainerIcon, Train, Truck } from "lucide-react";
+import { Grid, Stack } from "@mantine/core";
+
+import type { IOverviewOperationsTab } from "@/types/overview";
+import { OverviewDonutChart } from "../OverviewDonutChart";
+import { OverviewKpiStrip } from "../OverviewKpiStrip";
+
+interface OverviewOperationsTabPanelProps {
+  data: IOverviewOperationsTab;
+}
+
+function formatStatusLabel(status: string) {
+  return status
+    .replace(/_/g, " ")
+    .toLowerCase()
+    .replace(/\b\w/g, (char) => char.toUpperCase());
+}
+
+export function OverviewOperationsTabPanel({ data }: OverviewOperationsTabPanelProps) {
+  return (
+    <Stack gap="lg">
+      <OverviewKpiStrip
+        items={[
+          {
+            label: "Active trains",
+            value: data.kpis.trainsActive,
+            icon: Train,
+            accent: "emerald",
+          },
+          {
+            label: "Wagons available",
+            value: data.kpis.wagonsAvailable,
+            icon: Truck,
+          },
+          {
+            label: "Containers in transit",
+            value: data.kpis.containersInTransit,
+            icon: ContainerIcon,
+          },
+          {
+            label: "Cargoes loaded",
+            value: data.kpis.cargoesLoaded,
+            icon: Box,
+          },
+        ]}
+      />
+
+      <Grid gap="md">
+        <Grid.Col span={{ base: 12, md: 6 }}>
+          <OverviewDonutChart
+            title="Train status"
+            data={data.trainStatusBreakdown.map((item) => ({
+              name: formatStatusLabel(item.status),
+              value: item.count,
+            }))}
+          />
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, md: 6 }}>
+          <OverviewDonutChart
+            title="Wagon status"
+            data={data.wagonStatusBreakdown.map((item) => ({
+              name: formatStatusLabel(item.status),
+              value: item.count,
+            }))}
+          />
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, md: 6 }}>
+          <OverviewDonutChart
+            title="Container status"
+            data={data.containerStatusBreakdown.map((item) => ({
+              name: formatStatusLabel(item.status),
+              value: item.count,
+            }))}
+          />
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, md: 6 }}>
+          <OverviewDonutChart
+            title="Cargo status"
+            data={data.cargoStatusBreakdown.map((item) => ({
+              name: formatStatusLabel(item.status),
+              value: item.count,
+            }))}
+          />
+        </Grid.Col>
+      </Grid>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewStaffTabPanel.tsx b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewStaffTabPanel.tsx
new file mode 100644
index 000000000..1293cba95
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/overview/tabs/OverviewStaffTabPanel.tsx
@@ -0,0 +1,118 @@
+import { UserCheck, Users } from "lucide-react";
+import {
+  Area,
+  AreaChart,
+  CartesianGrid,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+} from "recharts";
+import { Grid, Paper, Stack, Text } from "@mantine/core";
+
+import type { IOverviewStaffTab } from "@/types/overview";
+import { OverviewDonutChart } from "../OverviewDonutChart";
+import { OverviewKpiStrip } from "../OverviewKpiStrip";
+import { overviewChartColors } from "../overview.styles";
+
+function formatDateLabel(date: string) {
+  const parsed = new Date(`${date}T00:00:00`);
+  return parsed.toLocaleDateString(undefined, { month: "short", day: "numeric" });
+}
+
+interface OverviewStaffTabPanelProps {
+  data: IOverviewStaffTab;
+}
+
+export function OverviewStaffTabPanel({ data }: OverviewStaffTabPanelProps) {
+  const hasGrowth = data.employeeGrowthTrend.some((point) => point.count > 0);
+
+  return (
+    <Stack gap="lg">
+      <OverviewKpiStrip
+        items={[
+          {
+            label: "Active employees",
+            value: data.kpis.activeEmployees,
+            icon: UserCheck,
+            accent: "emerald",
+          },
+          {
+            label: "Active users",
+            value: data.kpis.activeUsers,
+            icon: Users,
+          },
+        ]}
+      />
+
+      <Grid gap="md">
+        <Grid.Col span={{ base: 12, lg: 7 }}>
+          <Paper p="md" radius="lg" withBorder h="100%" style={{ minHeight: 260 }}>
+            <Stack gap="sm">
+              <Text fw={600}>Employee onboarding trend</Text>
+              {!hasGrowth ? (
+                <Text size="sm" c="dimmed" ta="center" py="xl">
+                  No new employees in this period
+                </Text>
+              ) : (
+                <ResponsiveContainer width="100%" height={210}>
+                  <AreaChart data={data.employeeGrowthTrend}>
+                    <defs>
+                      <linearGradient id="employeeGrowthFill" x1="0" y1="0" x2="0" y2="1">
+                        <stop
+                          offset="5%"
+                          stopColor={overviewChartColors.primaryDark}
+                          stopOpacity={0.35}
+                        />
+                        <stop
+                          offset="95%"
+                          stopColor={overviewChartColors.primaryDark}
+                          stopOpacity={0}
+                        />
+                      </linearGradient>
+                    </defs>
+                    <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
+                    <XAxis
+                      dataKey="date"
+                      tickFormatter={formatDateLabel}
+                      tick={{ fontSize: 12 }}
+                    />
+                    <YAxis allowDecimals={false} tick={{ fontSize: 12 }} />
+                    <Tooltip
+                      labelFormatter={(value) => formatDateLabel(String(value))}
+                      formatter={(value) => [value, "New employees"]}
+                    />
+                    <Area
+                      type="monotone"
+                      dataKey="count"
+                      stroke={overviewChartColors.primaryDark}
+                      fill="url(#employeeGrowthFill)"
+                      strokeWidth={2}
+                    />
+                  </AreaChart>
+                </ResponsiveContainer>
+              )}
+            </Stack>
+          </Paper>
+        </Grid.Col>
+        <Grid.Col span={{ base: 12, lg: 5 }}>
+          <OverviewDonutChart
+            title="Active vs inactive users"
+            data={data.activeUsersBreakdown.map((item) => ({
+              name: item.label,
+              value: item.count,
+            }))}
+          />
+        </Grid.Col>
+      </Grid>
+
+      <OverviewDonutChart
+        title="Users by account status"
+        data={data.usersByStatus.map((item) => ({
+          name: item.status.replace(/_/g, " "),
+          value: item.count,
+        }))}
+      />
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/profile/MySignatureCard.tsx b/apps/edr-freight-web/backoffice/src/components/profile/MySignatureCard.tsx
new file mode 100644
index 000000000..3ac661e1a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/profile/MySignatureCard.tsx
@@ -0,0 +1,144 @@
+import { useState } from "react";
+import { FileSignature, Loader2 } from "lucide-react";
+
+import { ContractSignaturePad } from "@/components/bookings/ContractSignaturePad";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { useAuth } from "@/auth/useAuth";
+import {
+  useMySignature,
+  useSaveSignature,
+} from "@/hooks/useSavedSignature";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  Input,
+  Label,
+} from "@edr/ui-common";
+
+/**
+ * Lets the signed-in user view and update the reusable signature stored on
+ * their profile. The same signature is offered for approval when signing a
+ * booking contract.
+ */
+export function MySignatureCard() {
+  const { user } = useAuth();
+  const { data: saved, isLoading } = useMySignature();
+  const saveMutation = useSaveSignature();
+
+  const [open, setOpen] = useState(false);
+  const [signerName, setSignerName] = useState("");
+  const [signatureData, setSignatureData] = useState<string | null>(null);
+
+  const defaultName =
+    user?.name?.en || user?.username || user?.email || "";
+
+  const openDialog = () => {
+    setSignerName(saved?.signerDisplayName ?? defaultName);
+    setSignatureData(null);
+    setOpen(true);
+  };
+
+  const save = () => {
+    if (!signatureData || !signerName.trim()) return;
+    saveMutation.mutate(
+      {
+        signerDisplayName: signerName.trim(),
+        signatureImageBase64: signatureData,
+      },
+      { onSuccess: () => setOpen(false) },
+    );
+  };
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2">
+          <FileSignature className="size-4" />
+          My signature
+        </CardTitle>
+        <CardDescription>
+          This signature can be reused to sign booking contracts.
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="space-y-4">
+        {isLoading ? (
+          <div className="flex h-36 items-center justify-center">
+            <Loader2 className="size-6 animate-spin text-primary" />
+          </div>
+        ) : saved?.signatureImageUrl ? (
+          <div className="space-y-2">
+            <div className="overflow-hidden rounded-lg border-2 border-dashed border-border bg-white">
+              <img
+                src={saved.signatureImageUrl}
+                alt="My saved signature"
+                className="mx-auto h-36 w-full object-contain"
+              />
+            </div>
+            <p className="text-xs text-muted-foreground">
+              Saved as {saved.signerDisplayName}
+            </p>
+          </div>
+        ) : (
+          <p className="text-sm text-muted-foreground">
+            You have not saved a signature yet.
+          </p>
+        )}
+        <Button variant="outline" size="sm" onClick={openDialog}>
+          {saved?.signatureImageUrl ? "Update signature" : "Add signature"}
+        </Button>
+      </CardContent>
+
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent className="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>Save your signature</DialogTitle>
+            <DialogDescription>
+              Draw your signature below. It will be stored on your profile for
+              future contracts.
+            </DialogDescription>
+          </DialogHeader>
+          <div className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="profileSignerName">Full name</Label>
+              <Input
+                id="profileSignerName"
+                value={signerName}
+                onChange={(e) => setSignerName(e.target.value)}
+                placeholder="As shown on contracts"
+              />
+            </div>
+            <ContractSignaturePad onChange={setSignatureData} />
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setOpen(false)}>
+              Cancel
+            </Button>
+            <Button
+              disabled={
+                saveMutation.isPending || !signatureData || !signerName.trim()
+              }
+              onClick={save}
+            >
+              {saveMutation.isPending ? (
+                <Loader2 className="size-4 animate-spin" />
+              ) : (
+                "Save signature"
+              )}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </Card>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/ruleEngine/ManageRuleEngineOrderDialog.tsx b/apps/edr-freight-web/backoffice/src/components/ruleEngine/ManageRuleEngineOrderDialog.tsx
new file mode 100644
index 000000000..df5da1b17
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/ruleEngine/ManageRuleEngineOrderDialog.tsx
@@ -0,0 +1,354 @@
+import { useEffect, useMemo, useState, type ReactNode } from "react";
+import { createPortal } from "react-dom";
+import {
+  DragDropContext,
+  Draggable,
+  Droppable,
+  type DraggableProvided,
+  type DraggableStateSnapshot,
+  type DropResult,
+} from "@hello-pangea/dnd";
+import { GripVertical, Loader2 } from "lucide-react";
+import {
+  Badge,
+  Box,
+  Button,
+  Group,
+  Modal,
+  Stack,
+  Tabs,
+  Text,
+  TextInput,
+} from "@mantine/core";
+
+import type { RuleEngineResourceConfig } from "@/pages/ruleEngine/config/resources";
+import type { RuleEngineRecord } from "@/types/rule-engine";
+
+import { getOrderItemLabel, getOrderValue } from "./ruleEngineOrder.utils";
+
+interface OrderDraftItem {
+  id: string;
+  label: string;
+  code?: string;
+  order: number;
+}
+
+export interface ManageRuleEngineOrderDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  config: RuleEngineResourceConfig;
+  items: RuleEngineRecord[];
+  isLoading: boolean;
+  isSaving: boolean;
+  onSave: (payload: { ids: string[]; requiresDirectorApproval?: boolean }) => void;
+}
+
+const toDraftItems = (
+  rows: RuleEngineRecord[],
+  config: RuleEngineResourceConfig,
+): OrderDraftItem[] => {
+  const field = config.orderConfig!.field;
+  return [...rows]
+    .sort((a, b) => getOrderValue(a, field) - getOrderValue(b, field))
+    .map((row) => ({
+      id: String(row.id),
+      label: getOrderItemLabel(row, config.slug),
+      code: row.code ? String(row.code) : undefined,
+      order: getOrderValue(row, field),
+    }));
+};
+
+/** Reparent dragged row to body — fixes position:fixed inside Modal transforms. */
+const PortalAwareRow = ({
+  snapshot,
+  children,
+}: {
+  snapshot: DraggableStateSnapshot;
+  children: ReactNode;
+}) => {
+  if (snapshot.isDragging) {
+    return createPortal(children, document.body);
+  }
+  return <>{children}</>;
+};
+
+const OrderRow = ({
+  item,
+  index,
+  dragProvided,
+  snapshot,
+}: {
+  item: OrderDraftItem;
+  index: number;
+  dragProvided: DraggableProvided;
+  snapshot: DraggableStateSnapshot;
+}) => (
+  <PortalAwareRow snapshot={snapshot}>
+    <Group
+      ref={dragProvided.innerRef}
+      {...dragProvided.draggableProps}
+      {...dragProvided.dragHandleProps}
+      gap="sm"
+      wrap="nowrap"
+      p="sm"
+      style={{
+        ...dragProvided.draggableProps.style,
+        border: "1px solid var(--mantine-color-gray-3)",
+        borderRadius: "var(--mantine-radius-md)",
+        background: snapshot.isDragging ? "var(--mantine-color-gray-0)" : "white",
+        boxShadow: snapshot.isDragging ? "0 8px 24px rgba(0, 0, 0, 0.12)" : undefined,
+        cursor: snapshot.isDragging ? "grabbing" : "grab",
+        userSelect: "none",
+      }}
+    >
+      <Box c="dimmed" style={{ display: "flex", alignItems: "center" }}>
+        <GripVertical size={18} />
+      </Box>
+      <Badge variant="light" color="gray" size="sm">
+        {index + 1}
+      </Badge>
+      <Stack gap={2} style={{ flex: 1, minWidth: 0 }}>
+        <Text size="sm" fw={500} truncate>
+          {item.label}
+        </Text>
+        {item.code ? (
+          <Text size="xs" c="dimmed" truncate>
+            {item.code}
+          </Text>
+        ) : null}
+      </Stack>
+    </Group>
+  </PortalAwareRow>
+);
+
+const ManageRuleEngineOrderDialog = ({
+  open,
+  onOpenChange,
+  config,
+  items,
+  isLoading,
+  isSaving,
+  onSave,
+}: ManageRuleEngineOrderDialogProps) => {
+  const isScoped = config.orderConfig?.scopeField === "requiresDirectorApproval";
+  const [tab, setTab] = useState<"standard" | "director">("standard");
+  const [filter, setFilter] = useState("");
+  const [standardItems, setStandardItems] = useState<OrderDraftItem[]>([]);
+  const [directorItems, setDirectorItems] = useState<OrderDraftItem[]>([]);
+
+  useEffect(() => {
+    if (!open) return;
+    if (isScoped) {
+      setStandardItems(
+        toDraftItems(
+          items.filter((row) => !row.requiresDirectorApproval),
+          config,
+        ),
+      );
+      setDirectorItems(
+        toDraftItems(
+          items.filter((row) => row.requiresDirectorApproval),
+          config,
+        ),
+      );
+    } else {
+      setStandardItems(toDraftItems(items, config));
+    }
+    setFilter("");
+  }, [open, items, config, isScoped]);
+
+  const activeItems = isScoped
+    ? tab === "director"
+      ? directorItems
+      : standardItems
+    : standardItems;
+
+  const setActiveItems = isScoped
+    ? tab === "director"
+      ? setDirectorItems
+      : setStandardItems
+    : setStandardItems;
+
+  const filteredItems = useMemo(() => {
+    const q = filter.trim().toLowerCase();
+    if (!q) return activeItems;
+    return activeItems.filter(
+      (item) =>
+        item.label.toLowerCase().includes(q) ||
+        (item.code?.toLowerCase().includes(q) ?? false),
+    );
+  }, [activeItems, filter]);
+
+  const droppableId = isScoped
+    ? `rule-engine-order-${tab}`
+    : "rule-engine-order-list";
+
+  const onDragEnd = (result: DropResult) => {
+    if (!result.destination || filter.trim()) return;
+    const sourceIndex = result.source.index;
+    const destIndex = result.destination.index;
+    if (sourceIndex === destIndex) return;
+
+    setActiveItems((prev) => {
+      const next = [...prev];
+      const [removed] = next.splice(sourceIndex, 1);
+      next.splice(destIndex, 0, removed!);
+      return next.map((item, index) => ({ ...item, order: index + 1 }));
+    });
+  };
+
+  const handleSave = () => {
+    if (isScoped) {
+      onSave({
+        ids: (tab === "director" ? directorItems : standardItems).map((item) => item.id),
+        requiresDirectorApproval: tab === "director",
+      });
+      return;
+    }
+    onSave({ ids: standardItems.map((item) => item.id) });
+  };
+
+  const renderList = (listItems: OrderDraftItem[]) => (
+    <Droppable droppableId={droppableId}>
+      {(provided) => (
+        <Stack
+          gap="xs"
+          ref={provided.innerRef}
+          {...provided.droppableProps}
+          style={{ minHeight: 120 }}
+        >
+          {listItems.length === 0 ? (
+            <Text size="sm" c="dimmed" ta="center" py="xl">
+              No items to reorder.
+            </Text>
+          ) : (
+            listItems.map((item, index) => (
+              <Draggable
+                key={item.id}
+                draggableId={item.id}
+                index={index}
+                isDragDisabled={Boolean(filter.trim())}
+              >
+                {(dragProvided, snapshot) => (
+                  <OrderRow
+                    item={item}
+                    index={index}
+                    dragProvided={dragProvided}
+                    snapshot={snapshot}
+                  />
+                )}
+              </Draggable>
+            ))
+          )}
+          {provided.placeholder}
+        </Stack>
+      )}
+    </Droppable>
+  );
+
+  return (
+    <Modal
+      opened={open}
+      onClose={() => onOpenChange(false)}
+      title={`Manage order · ${config.label}`}
+      centered
+      size="lg"
+      radius="lg"
+      transitionProps={{ duration: 0, transition: "fade" }}
+      styles={{
+        content: {
+          transform: "none",
+          overflow: "visible",
+        },
+        body: {
+          overflow: "visible",
+        },
+      }}
+    >
+      <DragDropContext onDragEnd={onDragEnd}>
+        <Stack gap="md">
+          <Text size="sm" c="dimmed">
+            Drag items anywhere in the list to set display order. Changes apply when you save.
+          </Text>
+
+          {isLoading ? (
+            <Group justify="center" py="xl">
+              <Loader2 size={28} style={{ animation: "spin 1s linear infinite" }} />
+            </Group>
+          ) : isScoped ? (
+            <Tabs
+              value={tab}
+              onChange={(value) => setTab((value as "standard" | "director") ?? "standard")}
+            >
+              <Tabs.List>
+                <Tabs.Tab value="standard">Standard chain ({standardItems.length})</Tabs.Tab>
+                <Tabs.Tab value="director">Director chain ({directorItems.length})</Tabs.Tab>
+              </Tabs.List>
+              <Tabs.Panel value="standard" pt="md">
+                <Stack gap="md">
+                  <TextInput
+                    placeholder="Filter items…"
+                    value={filter}
+                    onChange={(e) => setFilter(e.currentTarget.value)}
+                  />
+                  <Box style={{ maxHeight: "50vh", overflowY: "auto", paddingRight: 4 }}>
+                    {renderList(filteredItems)}
+                  </Box>
+                </Stack>
+              </Tabs.Panel>
+              <Tabs.Panel value="director" pt="md">
+                <Stack gap="md">
+                  <TextInput
+                    placeholder="Filter items…"
+                    value={filter}
+                    onChange={(e) => setFilter(e.currentTarget.value)}
+                  />
+                  <Box style={{ maxHeight: "50vh", overflowY: "auto", paddingRight: 4 }}>
+                    {renderList(filteredItems)}
+                  </Box>
+                </Stack>
+              </Tabs.Panel>
+            </Tabs>
+          ) : (
+            <>
+              <TextInput
+                placeholder="Filter items…"
+                value={filter}
+                onChange={(e) => setFilter(e.currentTarget.value)}
+              />
+              <Box style={{ maxHeight: "50vh", overflowY: "auto", paddingRight: 4 }}>
+                {renderList(filteredItems)}
+              </Box>
+            </>
+          )}
+
+          {filter.trim() ? (
+            <Text size="xs" c="dimmed">
+              Clear the filter to drag and reorder items.
+            </Text>
+          ) : null}
+
+          <Group justify="flex-end" gap="sm">
+            <Button variant="default" onClick={() => onOpenChange(false)} disabled={isSaving}>
+              Cancel
+            </Button>
+            <Button
+              color="green"
+              onClick={handleSave}
+              disabled={isLoading || isSaving}
+              leftSection={
+                isSaving ? (
+                  <Loader2 size={16} style={{ animation: "spin 1s linear infinite" }} />
+                ) : undefined
+              }
+            >
+              {isSaving ? "Saving…" : "Save order"}
+            </Button>
+          </Group>
+        </Stack>
+      </DragDropContext>
+    </Modal>
+  );
+};
+
+export default ManageRuleEngineOrderDialog;
diff --git a/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineCardGrid.tsx b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineCardGrid.tsx
index ae0ac7821..9e8fb72c2 100644
--- a/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineCardGrid.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineCardGrid.tsx
@@ -1,8 +1,10 @@
-import { Stack, Group, Text, Pagination, Card, SimpleGrid } from "@mantine/core";
+import type { OnChangeFn, PaginationState } from "@tanstack/react-table";
+import { Stack, Group, Text, Card, SimpleGrid } from "@mantine/core";
 
 import type { RuleEngineResourceConfig } from "@/pages/ruleEngine/config/resources";
 import type { RuleEngineRecord } from "@/types/rule-engine";
 
+import RuleEngineListFooter from "./RuleEngineListFooter";
 import RuleEngineRecordActions from "./RuleEngineRecordActions";
 import { cardInitials, resolveCardPresentation } from "./ruleEngineCardMeta";
 import { formatCell } from "./ruleEngineFormat";
@@ -13,12 +15,10 @@ export interface RuleEngineCardGridProps {
   status: "loading" | "error" | "success";
   emptyMessage: string;
   itemLabel: string;
-  pagination: {
-    pageIndex: number;
-    pageSize: number;
-    pageCount: number;
-    totalCount: number;
-  };
+  pagination: PaginationState;
+  pageCount: number;
+  totalCount: number;
+  onPaginationChange: OnChangeFn<PaginationState>;
   onEdit?: (record: RuleEngineRecord) => void;
   onDelete?: (record: RuleEngineRecord) => void;
   readOnly?: boolean;
@@ -71,6 +71,9 @@ const RuleEngineCardGrid = ({
   emptyMessage,
   itemLabel,
   pagination,
+  pageCount,
+  totalCount,
+  onPaginationChange,
   onEdit,
   onDelete,
   onViewChain,
@@ -249,19 +252,13 @@ const RuleEngineCardGrid = ({
         })}
       </SimpleGrid>
 
-      {pagination.pageCount > 1 && (
-        <Group justify="space-between" align="center" p="md" style={{ borderTop: "1px solid var(--mantine-color-gray-2)" }}>
-          <Text size="sm" c="dimmed">
-            Showing {Math.min(rows.length, pagination.pageSize)} of {pagination.totalCount} {itemLabel}
-          </Text>
-          <Pagination
-            value={pagination.pageIndex + 1}
-            total={pagination.pageCount}
-            size="sm"
-            radius="md"
-          />
-        </Group>
-      )}
+      <RuleEngineListFooter
+        pagination={pagination}
+        pageCount={pageCount}
+        totalCount={totalCount}
+        itemLabel={itemLabel}
+        onPaginationChange={onPaginationChange}
+      />
     </Stack>
   );
 };
diff --git a/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineFormDialog.tsx b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineFormDialog.tsx
index ae5914370..61edd76f9 100644
--- a/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineFormDialog.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineFormDialog.tsx
@@ -20,6 +20,7 @@ import {
   type FormFieldDef,
 } from "@/pages/ruleEngine/config/resources";
 import type { RuleEngineRecord } from "@/types/rule-engine";
+import { RULE_ENGINE_POSITION_END } from "./ruleEngineOrder.utils";
 
 export interface RuleEngineFormDialogProps {
   open: boolean;
@@ -30,6 +31,8 @@ export interface RuleEngineFormDialogProps {
   initialRecord?: RuleEngineRecord | null;
   isSubmitting: boolean;
   selectOptionsLoading?: boolean;
+  positionOptions?: { label: string; value: string }[];
+  positionLoading?: boolean;
   onSubmit: (values: Record<string, unknown>) => void;
 }
 
@@ -146,19 +149,33 @@ const RuleEngineFormDialog = ({
   initialRecord,
   isSubmitting,
   selectOptionsLoading = false,
+  positionOptions,
+  positionLoading = false,
   onSubmit,
 }: RuleEngineFormDialogProps) => {
   const [values, setValues] = useState<Record<string, unknown>>(() =>
     buildInitialValues(fields, initialRecord),
   );
+  const [position, setPosition] = useState(RULE_ENGINE_POSITION_END);
 
   useEffect(() => {
     if (open) {
       setValues(buildInitialValues(fields, initialRecord));
+      setPosition(RULE_ENGINE_POSITION_END);
     }
   }, [open, fields, initialRecord]);
 
-  const formRows = useMemo(() => buildFormRows(fields), [fields]);
+  const visibleFields = useMemo(
+    () =>
+      fields.filter(
+        (field) =>
+          !field.hideWhen ||
+          !field.hideWhen.equals.includes(String(values[field.hideWhen.field] ?? "")),
+      ),
+    [fields, values],
+  );
+
+  const formRows = useMemo(() => buildFormRows(visibleFields), [visibleFields]);
 
   const setField = (name: string, value: unknown) => {
     setValues((current) => ({ ...current, [name]: value }));
@@ -168,7 +185,7 @@ const RuleEngineFormDialog = ({
     event.preventDefault();
     const payload: Record<string, unknown> = {};
 
-    for (const field of fields) {
+    for (const field of visibleFields) {
       const raw = values[field.name];
       if (field.type === "number") {
         if (raw === "" || raw === undefined) continue;
@@ -192,6 +209,10 @@ const RuleEngineFormDialog = ({
       payload.code = String(payload.code).toUpperCase();
     }
 
+    if (!initialRecord && positionOptions && position !== RULE_ENGINE_POSITION_END) {
+      payload.insertAfterId = position;
+    }
+
     onSubmit(payload);
   };
 
@@ -315,6 +336,23 @@ const RuleEngineFormDialog = ({
         <Stack gap="lg">
           <Box style={{ maxHeight: "calc(65vh - 120px)", overflowY: "auto", paddingRight: 4 }}>
             <Stack gap="md">
+              {!initialRecord && positionOptions ? (
+                <Select
+                  label="Position"
+                  description="New items are appended to the end by default."
+                  value={position}
+                  onChange={(value) => setPosition(value ?? RULE_ENGINE_POSITION_END)}
+                  data={[
+                    { label: "At end (default)", value: RULE_ENGINE_POSITION_END },
+                    ...positionOptions,
+                  ]}
+                  searchable
+                  disabled={positionLoading}
+                  size="md"
+                  radius="md"
+                  styles={inputStyles}
+                />
+              ) : null}
               {formRows.map((row) =>
                 row.kind === "pair" ? (
                   <SimpleGrid key={`${row.fields[0].name}-${row.fields[1].name}`} cols={2} spacing="md">
diff --git a/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineListFooter.tsx b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineListFooter.tsx
new file mode 100644
index 000000000..ea8087bd2
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineListFooter.tsx
@@ -0,0 +1,73 @@
+import type { OnChangeFn, PaginationState } from "@tanstack/react-table";
+import { Group, Pagination, Select, Text } from "@mantine/core";
+
+export interface RuleEngineListFooterProps {
+  pagination: PaginationState;
+  pageCount: number;
+  totalCount: number;
+  itemLabel: string;
+  onPaginationChange: OnChangeFn<PaginationState>;
+}
+
+const PAGE_SIZE_OPTIONS = ["5", "10", "25", "50"];
+
+const RuleEngineListFooter = ({
+  pagination,
+  pageCount,
+  totalCount,
+  itemLabel,
+  onPaginationChange,
+}: RuleEngineListFooterProps) => {
+  const { pageIndex, pageSize } = pagination;
+  const start = totalCount === 0 ? 0 : pageIndex * pageSize + 1;
+  const end = Math.min((pageIndex + 1) * pageSize, totalCount);
+
+  const setPageIndex = (nextIndex: number) => {
+    onPaginationChange({ pageIndex: nextIndex, pageSize });
+  };
+
+  const setPageSize = (nextSize: number) => {
+    onPaginationChange({ pageIndex: 0, pageSize: nextSize });
+  };
+
+  return (
+    <Group
+      justify="space-between"
+      align="center"
+      wrap="wrap"
+      p="md"
+      style={{ borderTop: "1px solid var(--mantine-color-gray-2)" }}
+    >
+      <Group gap="md" align="center">
+        <Group gap="xs" align="center">
+          <Text size="sm" c="dimmed">
+            Rows per page
+          </Text>
+          <Select
+            value={String(pageSize)}
+            onChange={(value) => value && setPageSize(Number(value))}
+            data={PAGE_SIZE_OPTIONS}
+            size="xs"
+            w={70}
+            allowDeselect={false}
+          />
+        </Group>
+        <Text size="sm" c="dimmed">
+          Showing {start}–{end} of {totalCount} {itemLabel}
+        </Text>
+      </Group>
+
+      {pageCount > 1 && (
+        <Pagination
+          value={pageIndex + 1}
+          total={pageCount}
+          size="sm"
+          radius="md"
+          onChange={(page) => setPageIndex(page - 1)}
+        />
+      )}
+    </Group>
+  );
+};
+
+export default RuleEngineListFooter;
diff --git a/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineOrderControls.tsx b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineOrderControls.tsx
new file mode 100644
index 000000000..811b2106a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineOrderControls.tsx
@@ -0,0 +1,60 @@
+import { ActionIcon, Group, Tooltip } from "@mantine/core";
+import { ChevronDown, ChevronUp } from "lucide-react";
+
+import type { RuleEngineOrderConfig } from "@/pages/ruleEngine/config/resources";
+import type { RuleEngineRecord } from "@/types/rule-engine";
+
+import { getOrderValue } from "./ruleEngineOrder.utils";
+
+export interface RuleEngineOrderControlsProps {
+  record: RuleEngineRecord;
+  orderConfig: RuleEngineOrderConfig;
+  totalCount: number;
+  disabled?: boolean;
+  onMove: (id: string, direction: "up" | "down") => void;
+}
+
+const RuleEngineOrderControls = ({
+  record,
+  orderConfig,
+  totalCount,
+  disabled = false,
+  onMove,
+}: RuleEngineOrderControlsProps) => {
+  const id = String(record.id);
+  const order = getOrderValue(record, orderConfig.field);
+
+  const canMoveUp = order > 1;
+  const canMoveDown = orderConfig.scopeField ? true : order < totalCount;
+
+  return (
+    <Group gap={4} wrap="nowrap">
+      <Tooltip label="Move up">
+        <ActionIcon
+          variant="subtle"
+          color="gray"
+          size="sm"
+          disabled={disabled || !canMoveUp}
+          onClick={() => onMove(id, "up")}
+          aria-label="Move up"
+        >
+          <ChevronUp size={16} />
+        </ActionIcon>
+      </Tooltip>
+      <Tooltip label="Move down">
+        <ActionIcon
+          variant="subtle"
+          color="gray"
+          size="sm"
+          disabled={disabled || !canMoveDown}
+          onClick={() => onMove(id, "down")}
+          aria-label="Move down"
+        >
+          <ChevronDown size={16} />
+        </ActionIcon>
+      </Tooltip>
+    </Group>
+  );
+};
+
+export default RuleEngineOrderControls;
diff --git a/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineToolbar.tsx b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineToolbar.tsx
index 05fa72b7f..5f49acc2b 100644
--- a/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineToolbar.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineToolbar.tsx
@@ -1,42 +1,50 @@
-import { LayoutGrid, Plus, Search, Table2 } from "lucide-react";
+import { LayoutGrid, ListOrdered, Plus, Search, Table2 } from "lucide-react";
 import { Button, TextInput, Group, SegmentedControl } from "@mantine/core";
 
 import type { RuleEngineViewMode } from "./useRuleEngineViewMode";
 
 export interface RuleEngineToolbarProps {
-  search: string;
-  onSearchChange: (value: string) => void;
-  searchPlaceholder: string;
+  search?: string;
+  onSearchChange?: (value: string) => void;
+  searchPlaceholder?: string;
+  showSearch?: boolean;
   onAdd?: () => void;
   addLabel?: string;
+  onManageOrder?: () => void;
   viewMode: RuleEngineViewMode;
   onViewModeChange: (mode: RuleEngineViewMode) => void;
 }
 
 const RuleEngineToolbar = ({
-  search,
+  search = "",
   onSearchChange,
-  searchPlaceholder,
+  searchPlaceholder = "Search…",
+  showSearch = true,
   onAdd,
   addLabel = "Add",
+  onManageOrder,
   viewMode,
   onViewModeChange,
 }: RuleEngineToolbarProps) => (
   <Group gap="md" justify="space-between" align="center" wrap="nowrap">
-    <TextInput
-      placeholder={searchPlaceholder}
-      value={search}
-      onChange={(e) => onSearchChange(e.currentTarget.value)}
-      leftSection={<Search size={18} />}
-      size="md"
-      radius="lg"
-      style={{ flex: 1, minWidth: 0 }}
-      styles={{
-        input: {
-          borderColor: "var(--mantine-color-gray-3)",
-        },
-      }}
-    />
+    {showSearch && onSearchChange ? (
+      <TextInput
+        placeholder={searchPlaceholder}
+        value={search}
+        onChange={(e) => onSearchChange(e.currentTarget.value)}
+        leftSection={<Search size={18} />}
+        size="md"
+        radius="lg"
+        style={{ flex: 1, minWidth: 0 }}
+        styles={{
+          input: {
+            borderColor: "var(--mantine-color-gray-3)",
+          },
+        }}
+      />
+    ) : (
+      <div style={{ flex: 1 }} />
+    )}
 
     <Group gap="md" align="center" justify="flex-end" wrap="nowrap">
       <SegmentedControl
@@ -72,6 +80,21 @@ const RuleEngineToolbar = ({
         }}
       />
 
+      {onManageOrder ? (
+        <Button
+          onClick={onManageOrder}
+          leftSection={<ListOrdered size={18} />}
+          size="sm"
+          radius="lg"
+          variant="light"
+          color="gray"
+          fw={600}
+          style={{ whiteSpace: "nowrap" }}
+        >
+          Manage order
+        </Button>
+      ) : null}
+
       {onAdd ? (
         <Button
           onClick={onAdd}
diff --git a/apps/edr-freight-web/backoffice/src/components/ruleEngine/ruleEngineOrder.utils.ts b/apps/edr-freight-web/backoffice/src/components/ruleEngine/ruleEngineOrder.utils.ts
new file mode 100644
index 000000000..c47236d24
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/ruleEngine/ruleEngineOrder.utils.ts
@@ -0,0 +1,32 @@
+import type { RuleEngineRecord, RuleEngineResourceSlug } from "@/types/rule-engine";
+
+export const RULE_ENGINE_POSITION_END = "__end__";
+
+export function getOrderItemLabel(
+  record: RuleEngineRecord,
+  slug: RuleEngineResourceSlug,
+): string {
+  const code = String(record.code ?? "").trim();
+  switch (slug) {
+    case "cargo-types":
+      return String(record.cargoTypeName ?? (code || record.id));
+    case "container-types":
+    case "yards":
+    case "shipping-lines":
+      return String(record.label ?? (code || record.id));
+    case "service-types":
+      return String(record.serviceName ?? (code || record.id));
+    case "approval-rules":
+      return String(record.actionLabel ?? record.requiredRole ?? record.id);
+    default:
+      return String(record.label ?? record.code ?? record.id);
+  }
+}
+
+export function getOrderValue(
+  record: RuleEngineRecord,
+  field: "displayOrder" | "stepOrder",
+): number {
+  const raw = record[field];
+  return typeof raw === "number" ? raw : Number(raw ?? 0);
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/AllocateBookingWizard.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/AllocateBookingWizard.tsx
new file mode 100644
index 000000000..5bc884966
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/AllocateBookingWizard.tsx
@@ -0,0 +1,999 @@
+import { useEffect, useMemo, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { isAxiosError } from "axios";
+import {
+  Badge,
+  Box,
+  Button,
+  Checkbox,
+  Group,
+  Modal,
+  Paper,
+  Radio,
+  RingProgress,
+  Select,
+  SimpleGrid,
+  Stack,
+  Text,
+  ThemeIcon,
+  Title,
+} from "@mantine/core";
+import {
+  CheckCircle2,
+  Container as ContainerIcon,
+  Eye,
+  Flame,
+  LayoutGrid,
+  Package,
+  Route as RouteIcon,
+  Train,
+  Wallet,
+  Weight,
+} from "lucide-react";
+
+import {
+  useAvailableLocomotives,
+  useEligibleBookings,
+  useScheduleList,
+  useScheduleMutations,
+} from "@/hooks/trainScheduling/useTrainScheduling";
+import { useRoutes } from "@/hooks/useRoutes";
+import { useToast } from "@/hooks/use-toast";
+import { trainSchedulingService } from "@/services/trainScheduling.service";
+import type { BookingDetail } from "@/types/booking";
+import type {
+  ContainerPlacement,
+  FreightType,
+  ReschedulePlan,
+  TrainScheduleDetail,
+  TrainScheduleListItem,
+  TrainSchedulePreviewResponse,
+} from "@/types/trainScheduling";
+
+import { ContainerPlacementGrid } from "./ContainerPlacementGrid";
+import {
+  autoFillPlacements,
+  mergePlacementsWithSaved,
+  placementsFromScheduleWagons,
+  validateLocalPlacements,
+} from "./containerPlacement.util";
+import { shouldShowContainerPlacementStep } from "./schedulingContainerStep.util";
+import { FleetAvailabilitySummary } from "./FleetAvailabilitySummary";
+import { ScheduleBookingsStep } from "./ScheduleBookingsStep";
+import { PreviewSummary, ScheduleWarningsAlert } from "./ScheduleWarningsAlert";
+import { FreightTypeBadge, SchedulingStatusBadge } from "./ScheduleStatusBadge";
+import {
+  RouteCorridor,
+  StatTile,
+  StatusPill,
+  scheduleBrand,
+} from "./scheduleVisuals";
+import { TrainCompositionDiagram } from "./TrainCompositionDiagram";
+import { WagonPlanGrid } from "./WagonPlanGrid";
+import { WorkflowRail, WorkflowStep } from "./WorkflowStep";
+
+const parseError = (error: unknown, fallback: string) => {
+  if (isAxiosError(error)) {
+    const data = error.response?.data as Record<string, unknown> | undefined;
+    const message = data?.message;
+    if (Array.isArray(message)) return message.join(", ");
+    if (typeof message === "string") return message;
+    const violations = data?.violations;
+    if (Array.isArray(violations)) return violations.join(", ");
+  }
+  return fallback;
+};
+
+const formatCountdown = (expiresAt?: string | null) => {
+  if (!expiresAt) return null;
+  const diff = new Date(expiresAt).getTime() - Date.now();
+  if (diff <= 0) return "Hold expired";
+  const hours = Math.floor(diff / 3600000);
+  const mins = Math.floor((diff % 3600000) / 60000);
+  return `${hours}h ${mins}m remaining`;
+};
+
+export function AllocateBookingWizard({
+  booking,
+  opened,
+  onClose,
+  initialBookingIds,
+}: {
+  booking: BookingDetail;
+  opened: boolean;
+  onClose: () => void;
+  initialBookingIds?: string[];
+}) {
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const bookingFreightType = booking.freightType as FreightType;
+  const [activeStep, setActiveStep] = useState(0);
+  const [scheduleMode, setScheduleMode] = useState<"existing" | "new">("existing");
+  const [selectedScheduleId, setSelectedScheduleId] = useState<string | null>(null);
+  const [routeId, setRouteId] = useState("");
+  const scheduleDate = booking.scheduledDate;
+  const [locomotiveId, setLocomotiveId] = useState("");
+  const [extraBookingIds, setExtraBookingIds] = useState<string[]>([]);
+  const [forceAssign, setForceAssign] = useState(false);
+  const [previewResult, setPreviewResult] = useState<TrainSchedulePreviewResponse | null>(null);
+  const [containerPlacements, setContainerPlacements] = useState<ContainerPlacement[]>([]);
+  const [assignedSchedule, setAssignedSchedule] = useState<TrainScheduleDetail | null>(null);
+  const [reschedulePlan, setReschedulePlan] = useState<ReschedulePlan | null>(null);
+  const [confirmPreempt, setConfirmPreempt] = useState(false);
+  const [allocationComplete, setAllocationComplete] = useState(false);
+
+  const originId = booking.originYard?.id;
+  const destinationId = booking.destinationYard?.id;
+
+  const eligibleFilters = useMemo(
+    () => ({
+      originStationId: originId,
+      destinationStationId: destinationId,
+    }),
+    [originId, destinationId],
+  );
+
+  const eligibleQuery = useEligibleBookings(eligibleFilters, opened);
+  const schedulesQuery = useScheduleList();
+  const routesQuery = useRoutes();
+  const locomotivesQuery = useAvailableLocomotives(
+    scheduleMode === "new" && routeId ? routeId : undefined,
+  );
+  const { create, preview, assign, finalize } = useScheduleMutations(selectedScheduleId ?? undefined);
+
+  useEffect(() => {
+    if (scheduleMode === "new") {
+      setLocomotiveId("");
+    }
+  }, [routeId, scheduleMode]);
+
+  const matchingSchedules = useMemo(
+    () =>
+      (schedulesQuery.data ?? []).filter(
+        (s: TrainScheduleListItem) =>
+          s.status === "DRAFT" &&
+          (!s.freightType || s.freightType === "MIXED" || s.freightType === bookingFreightType),
+      ),
+    [schedulesQuery.data, bookingFreightType],
+  );
+
+  const allBookingIds = useMemo(
+    () => [booking.id, ...extraBookingIds.filter((id) => id !== booking.id)],
+    [booking.id, extraBookingIds],
+  );
+
+  const containerUnits = previewResult?.containerUnits ?? [];
+  const containerSlots = previewResult?.containerSlotSequenceNos ?? [];
+  const hasContainerStep = useMemo(
+    () =>
+      shouldShowContainerPlacementStep({
+        containerUnitCount: containerUnits.length,
+        scheduleFreightType: booking.freightType,
+        bookingFreightTypes: [
+          booking.freightType,
+          ...(eligibleQuery.data?.items ?? [])
+            .filter((item) => allBookingIds.includes(item.id))
+            .map((item) => item.freightType),
+        ],
+      }),
+    [
+      allBookingIds,
+      booking.freightType,
+      containerUnits.length,
+      eligibleQuery.data?.items,
+    ],
+  );
+  const previewFreightType = previewResult?.summary?.freightMode as FreightType | undefined;
+  const finalizeStep = hasContainerStep ? 3 : 2;
+
+  useEffect(() => {
+    if (!opened) {
+      setActiveStep(0);
+      setPreviewResult(null);
+      setAssignedSchedule(null);
+      setExtraBookingIds([]);
+      setContainerPlacements([]);
+      setReschedulePlan(null);
+      setConfirmPreempt(false);
+      setAllocationComplete(false);
+      return;
+    }
+    if (initialBookingIds?.length) {
+      setExtraBookingIds(initialBookingIds.filter((id) => id !== booking.id));
+    }
+  }, [opened, booking.id, initialBookingIds]);
+
+  useEffect(() => {
+    if (matchingSchedules.length && !selectedScheduleId) {
+      setSelectedScheduleId(matchingSchedules[0].id);
+    }
+  }, [matchingSchedules, selectedScheduleId]);
+
+  const savedPlacementsFromSchedule = useMemo(
+    () =>
+      assignedSchedule?.trainSet?.wagons
+        ? placementsFromScheduleWagons(assignedSchedule.trainSet.wagons)
+        : [],
+    [assignedSchedule?.trainSet?.wagons],
+  );
+
+  useEffect(() => {
+    if (!containerUnits.length || !containerSlots.length) return;
+
+    setContainerPlacements((current) => {
+      if (current.length && current.some((p) => p.containerNumber?.trim())) {
+        return current;
+      }
+      const autoFilled = autoFillPlacements(containerUnits, containerSlots);
+      if (savedPlacementsFromSchedule.length) {
+        return mergePlacementsWithSaved(autoFilled, savedPlacementsFromSchedule);
+      }
+      if (current.length) return current;
+      return autoFilled;
+    });
+  }, [containerUnits, containerSlots, savedPlacementsFromSchedule]);
+
+  const activeRoutes = useMemo(
+    () => (routesQuery.data ?? []).filter((r) => r.isActive),
+    [routesQuery.data],
+  );
+
+  const displayWagonPlan = useMemo(() => {
+    const savedWagons = assignedSchedule?.trainSet?.wagons ?? [];
+    const physicalBySeq = new Map(
+      savedWagons.map((w) => [w.sequenceNo, w.physicalWagonNumber ?? null]),
+    );
+    if (previewResult?.wagonPlan?.length) {
+      return previewResult.wagonPlan.map((slot) => ({
+        ...slot,
+        physicalWagonNumber: physicalBySeq.get(slot.sequenceNo) ?? null,
+      }));
+    }
+    if (savedWagons.length) return savedWagons;
+    return [];
+  }, [previewResult?.wagonPlan, assignedSchedule?.trainSet?.wagons]);
+
+  const ensureSchedule = async (): Promise<string> => {
+    if (scheduleMode === "existing" && selectedScheduleId) return selectedScheduleId;
+    if (!routeId || !scheduleDate || !locomotiveId) {
+      throw new Error("Select route, date, and locomotive");
+    }
+    const created = await create.mutateAsync({
+      payload: { routeId, scheduleDate, locomotiveId },
+    });
+    setSelectedScheduleId(created.id);
+    return created.id;
+  };
+
+  const handlePreview = async () => {
+    if (!originId || !destinationId) {
+      toast({ title: "Booking missing origin or destination", variant: "destructive" });
+      return;
+    }
+    try {
+      const targetScheduleId =
+        scheduleMode === "existing" ? (selectedScheduleId ?? undefined) : undefined;
+      const result = await preview.mutateAsync({
+        payload: {
+          bookingIds: allBookingIds,
+          scheduleDate,
+          originStationId: originId,
+          destinationStationId: destinationId,
+          targetScheduleId,
+        },
+      });
+      setPreviewResult(result);
+      if (booking.isGovernment && targetScheduleId) {
+        const plan = (await trainSchedulingService.previewReschedule(targetScheduleId, {
+          incomingBookingIds: allBookingIds,
+          trigger: "GOVERNMENT_PREEMPT",
+        })) as ReschedulePlan;
+        setReschedulePlan(plan);
+      } else {
+        setReschedulePlan(null);
+      }
+      if (result.containerUnits?.length && result.containerSlotSequenceNos?.length) {
+        const autoFilled = autoFillPlacements(
+          result.containerUnits,
+          result.containerSlotSequenceNos,
+        );
+        setContainerPlacements(autoFilled);
+      }
+      setActiveStep(1);
+    } catch (err) {
+      toast({
+        title: "Preview failed",
+        description: parseError(err, "Could not preview"),
+        variant: "destructive",
+      });
+    }
+  };
+
+  const handleAssign = async () => {
+    if (hasContainerStep) {
+      const issues = validateLocalPlacements(containerUnits, containerPlacements);
+      if (issues.length) {
+        toast({
+          title: "Complete container assignments",
+          description: issues.join(", "),
+          variant: "destructive",
+        });
+        return;
+      }
+    }
+
+    if (reschedulePlan?.displaced.length && !confirmPreempt) {
+      toast({
+        title: "Confirm displacement",
+        description: "Acknowledge displaced bookings before assigning",
+        variant: "destructive",
+      });
+      return;
+    }
+
+    try {
+      const scheduleId = await ensureSchedule();
+      let result: TrainScheduleDetail;
+      if (reschedulePlan?.displaced.length) {
+        const executed = await trainSchedulingService.executeReschedule(scheduleId, {
+          incomingBookingIds: allBookingIds,
+          trigger: "GOVERNMENT_PREEMPT",
+          finalBookingIds: reschedulePlan.finalBookingIds,
+          displacedBookingIds: reschedulePlan.displaced.map((b) => b.id),
+        });
+        result = (executed as { schedule: TrainScheduleDetail }).schedule;
+      } else {
+        result = await assign.mutateAsync({
+          id: scheduleId,
+          freightType: previewFreightType,
+          payload: {
+            bookingIds: allBookingIds,
+            forceAssign,
+            containerPlacements: hasContainerStep ? containerPlacements : undefined,
+          },
+        });
+      }
+      setAssignedSchedule(result);
+      const saved = result.trainSet?.wagons
+        ? placementsFromScheduleWagons(result.trainSet.wagons)
+        : [];
+      if (saved.length) {
+        setContainerPlacements(saved);
+      }
+      setActiveStep(finalizeStep);
+      toast({ title: "Bookings assigned — wagons auto-pinned" });
+      if (result.deferredBookings?.length) {
+        toast({
+          title: "Partial assignment",
+          description: `${result.deferredBookings.length} booking(s) deferred to next train`,
+        });
+      }
+    } catch (err) {
+      toast({
+        title: "Assign failed",
+        description: parseError(err, "Could not assign"),
+        variant: "destructive",
+      });
+    }
+  };
+
+  const handleFinalize = async () => {
+    const scheduleId = assignedSchedule?.id ?? selectedScheduleId;
+    if (!scheduleId) return;
+    try {
+      const finalized = await finalize.mutateAsync(scheduleId);
+      setAssignedSchedule(finalized);
+      setAllocationComplete(true);
+      toast({ title: "Schedule finalized — booking allocated" });
+    } catch (err) {
+      toast({
+        title: "Finalize failed",
+        description: parseError(err, "Could not finalize schedule"),
+        variant: "destructive",
+      });
+    }
+  };
+
+  const amount = Number(booking.totalAmount);
+  const containers = booking.bookingContainers ?? [];
+  const containerCount = containers.reduce((sum, c) => sum + Number(c.quantity ?? 0), 0);
+  const weight = Number(booking.cargoTotalWeightVgm ?? 0);
+  const holdCountdown = formatCountdown(booking.holdExpiresAt);
+
+  const containerComplete =
+    hasContainerStep &&
+    containerUnits.length > 0 &&
+    validateLocalPlacements(containerUnits, containerPlacements).length === 0;
+
+  const stepsMeta = [
+    {
+      key: "bookings",
+      icon: Package,
+      title: "Bookings",
+      subtitle: "Select cargo & preview the plan",
+      complete: Boolean(previewResult) || Boolean(assignedSchedule),
+    },
+    {
+      key: "wagon",
+      icon: LayoutGrid,
+      title: "Wagon plan",
+      subtitle: "Review generated allocations",
+      complete: displayWagonPlan.length > 0,
+    },
+    ...(hasContainerStep
+      ? [
+          {
+            key: "container",
+            icon: ContainerIcon,
+            title: "Containers",
+            subtitle: "Map units to wagon slots",
+            complete: containerComplete,
+          },
+        ]
+      : []),
+    {
+      key: "finalize",
+      icon: CheckCircle2,
+      title: "Finalize",
+      subtitle: "Lock the plan & dispatch",
+      complete: allocationComplete,
+    },
+  ];
+  const completedCount = stepsMeta.filter((s) => s.complete).length;
+  const progressPct = Math.round((completedCount / stepsMeta.length) * 100);
+  const toggleStep = (i: number) => setActiveStep((cur) => (cur === i ? -1 : i));
+
+  const renderStepRightSlot = (key: string) => {
+    if (key === "bookings") {
+      if (previewResult) {
+        return (
+          <Badge variant="light" color={previewResult.valid ? "green" : "red"} radius="sm">
+            {previewResult.valid ? "Plan valid" : "Has issues"}
+          </Badge>
+        );
+      }
+      return allBookingIds.length ? (
+        <Badge variant="light" color="green" radius="sm">
+          {allBookingIds.length} selected
+        </Badge>
+      ) : null;
+    }
+    if (key === "wagon" && displayWagonPlan.length) {
+      return (
+        <Badge variant="light" color="green" radius="sm">
+          {displayWagonPlan.length} wagons
+        </Badge>
+      );
+    }
+    if (key === "container" && containerUnits.length) {
+      return (
+        <Badge variant="light" color={containerComplete ? "green" : "yellow"} radius="sm">
+          {containerUnits.length} units
+        </Badge>
+      );
+    }
+    if (key === "finalize" && allocationComplete) {
+      return <StatusPill status="SCHEDULED" />;
+    }
+    return null;
+  };
+
+  const renderStepBody = (key: string) => {
+    if (key === "bookings") {
+      return (
+        <Stack gap="md">
+          <Paper p="md" radius="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+            <Stack gap="sm">
+              <Text fw={600} size="sm">
+                Train schedule
+              </Text>
+              <Radio.Group
+                value={scheduleMode}
+                onChange={(v) => setScheduleMode(v as "existing" | "new")}
+              >
+                <Group gap="lg">
+                  <Radio value="existing" label="Use existing draft schedule" />
+                  <Radio value="new" label="Create new schedule" />
+                </Group>
+              </Radio.Group>
+
+              {scheduleMode === "existing" ? (
+                <Select
+                  label="Draft schedule"
+                  data={matchingSchedules.map((s) => ({
+                    value: s.id,
+                    label: `${s.routeName ?? "Schedule"} · ${new Date(s.scheduleDate).toLocaleDateString()} · ${s.freightType ?? "MIXED"}`,
+                  }))}
+                  value={selectedScheduleId}
+                  onChange={setSelectedScheduleId}
+                  searchable
+                />
+              ) : (
+                <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="sm">
+                  <Select
+                    label="Route"
+                    data={activeRoutes.map((r) => ({ value: r.id, label: r.name }))}
+                    value={routeId || null}
+                    onChange={(v) => setRouteId(v ?? "")}
+                    searchable
+                  />
+                  <Select
+                    label="Locomotive"
+                    placeholder={routeId ? "Select locomotive" : "Select a route first"}
+                    data={(locomotivesQuery.data ?? []).map((l) => ({
+                      value: l.id,
+                      label: `${l.code}${l.name ? ` · ${l.name}` : ""}`,
+                    }))}
+                    value={locomotiveId || null}
+                    onChange={(v) => setLocomotiveId(v ?? "")}
+                    searchable
+                    disabled={!routeId}
+                    nothingFoundMessage={
+                      routeId ? "No available locomotives for this corridor" : "Select a route first"
+                    }
+                  />
+                </SimpleGrid>
+              )}
+
+              {holdCountdown ? (
+                <Text size="xs" c={holdCountdown.includes("expired") ? "red" : "yellow.8"}>
+                  Hold window: {holdCountdown}
+                </Text>
+              ) : null}
+            </Stack>
+          </Paper>
+
+          <ScheduleBookingsStep
+            assignedBookings={(assignedSchedule?.bookings ?? []).map((b) => ({
+              id: b.id,
+              reference: b.reference ?? b.id.slice(0, 8),
+              weightTons: b.weightTons,
+            }))}
+            eligibleItems={eligibleQuery.data?.items ?? []}
+            eligibleLoading={eligibleQuery.isLoading}
+            selectedIds={allBookingIds}
+            onSelectionChange={(ids) => {
+              setExtraBookingIds(ids.filter((id) => id !== booking.id));
+            }}
+            freightType={bookingFreightType}
+          />
+
+          <Group
+            align="center"
+            justify="space-between"
+            wrap="wrap"
+            gap="md"
+            p="sm"
+            style={{
+              borderRadius: 12,
+              background: "var(--mantine-color-gray-0)",
+              border: "1px solid var(--mantine-color-gray-2)",
+            }}
+          >
+            <Checkbox
+              label="Force assign (bypass hold / overweight warnings)"
+              checked={forceAssign}
+              onChange={(e) => setForceAssign(e.currentTarget.checked)}
+              size="sm"
+            />
+            <Button
+              color="green"
+              radius="md"
+              leftSection={<Eye size={16} />}
+              loading={preview.isPending}
+              onClick={handlePreview}
+            >
+              Preview plan
+            </Button>
+          </Group>
+
+          {previewResult ? (
+            <Stack gap="sm">
+              <ScheduleWarningsAlert
+                violations={previewResult.violations}
+                warnings={previewResult.warnings}
+              />
+              <FleetAvailabilitySummary
+                fleetAvailability={previewResult.fleetAvailability}
+                deferredBookings={previewResult.deferredBookings}
+              />
+              <PreviewSummary summary={previewResult.summary} />
+            </Stack>
+          ) : null}
+        </Stack>
+      );
+    }
+
+    if (key === "wagon") {
+      return (
+        <Stack gap="md">
+          {!displayWagonPlan.length && !previewResult ? (
+            <Paper p="md" radius="lg" withBorder bg="gray.0">
+              <Text size="sm" c="dimmed">
+                Run a preview from the Bookings step to generate the wagon plan.
+              </Text>
+            </Paper>
+          ) : null}
+          {reschedulePlan?.displaced.length ? (
+            <Paper p="md" radius="lg" withBorder style={{ borderColor: "var(--mantine-color-orange-2)", background: "var(--mantine-color-orange-0)" }}>
+              <Stack gap="sm">
+                <Text fw={600} size="sm" c="orange.8">
+                  Government preempt — bookings to displace
+                </Text>
+                {reschedulePlan.displaced.map((b) => (
+                  <Text key={b.id} size="sm">
+                    {b.reference} (priority {b.priorityScore})
+                  </Text>
+                ))}
+                <Checkbox
+                  label="I confirm displacing the bookings listed above"
+                  checked={confirmPreempt}
+                  onChange={(e) => setConfirmPreempt(e.currentTarget.checked)}
+                />
+              </Stack>
+            </Paper>
+          ) : null}
+          <ScheduleWarningsAlert
+            violations={previewResult?.violations}
+            warnings={previewResult?.warnings}
+          />
+          <FleetAvailabilitySummary
+            fleetAvailability={previewResult?.fleetAvailability}
+            deferredBookings={previewResult?.deferredBookings}
+          />
+          <WagonPlanGrid
+            wagonPlan={displayWagonPlan}
+            freightType={previewFreightType ?? bookingFreightType}
+          />
+          <Group>
+            {!hasContainerStep ? (
+              <Button
+                color="green"
+                radius="md"
+                loading={assign.isPending || create.isPending}
+                onClick={handleAssign}
+              >
+                Assign bookings
+              </Button>
+            ) : (
+              <Button
+                color="green"
+                radius="md"
+                rightSection={<ContainerIcon size={16} />}
+                onClick={() => setActiveStep(2)}
+              >
+                Continue to containers
+              </Button>
+            )}
+            <Button variant="default" radius="md" onClick={handlePreview}>
+              Refresh preview
+            </Button>
+          </Group>
+        </Stack>
+      );
+    }
+
+    if (key === "container") {
+      return (
+        <Stack gap="md">
+          {!containerUnits.length ? (
+            <Paper p="md" radius="lg" withBorder bg="gray.0">
+              <Text size="sm" c="dimmed">
+                Run preview from the Bookings step to load container units for numbering.
+              </Text>
+            </Paper>
+          ) : (
+            <ContainerPlacementGrid
+              units={containerUnits}
+              containerSlots={containerSlots}
+              placements={containerPlacements}
+              onChange={setContainerPlacements}
+            />
+          )}
+          <Group>
+            <Button
+              color="green"
+              radius="md"
+              loading={assign.isPending || create.isPending}
+              onClick={handleAssign}
+            >
+              Assign bookings
+            </Button>
+            <Button variant="default" radius="md" onClick={() => setActiveStep(finalizeStep)}>
+              Skip to finalize
+            </Button>
+          </Group>
+        </Stack>
+      );
+    }
+
+    // finalize
+    return (
+      <Stack gap="md">
+        {displayWagonPlan.length || assignedSchedule?.trainSet?.wagons?.length ? (
+          <TrainCompositionDiagram
+            locomotive={assignedSchedule?.trainSet?.locomotive}
+            wagons={
+              assignedSchedule?.trainSet?.wagons?.length
+                ? assignedSchedule.trainSet.wagons
+                : displayWagonPlan
+            }
+            freightType={previewFreightType ?? bookingFreightType}
+            trainNumber={assignedSchedule?.trainNumber}
+            totalLengthMeters={assignedSchedule?.trainSet?.totalLengthMeters}
+          />
+        ) : null}
+
+        {allocationComplete ? (
+          <Paper
+            p="lg"
+            radius="lg"
+            withBorder
+            style={{ background: scheduleBrand.softSurface, borderColor: scheduleBrand.mutedBorder }}
+          >
+            <Group gap="md" align="flex-start" wrap="nowrap">
+              <ThemeIcon size={44} radius="md" variant="light" color="green">
+                <CheckCircle2 size={22} />
+              </ThemeIcon>
+              <Stack gap={2} style={{ flex: 1 }}>
+                <Text fw={700} size="lg">
+                  Allocation complete
+                </Text>
+                <Text size="sm" c="dimmed">
+                  Booking {booking.reference} is scheduled on train{" "}
+                  <Text span fw={600} c="green.7">
+                    {assignedSchedule?.trainSet?.locomotive?.code ?? "—"}
+                  </Text>
+                  .
+                </Text>
+                <Group mt="sm">
+                  <Button
+                    color="green"
+                    radius="md"
+                    onClick={() => {
+                      onClose();
+                      if (assignedSchedule?.id) {
+                        navigate(
+                          `/dashboard/operations/train-scheduling-v2/${assignedSchedule.id}`,
+                        );
+                      }
+                    }}
+                  >
+                    View schedule
+                  </Button>
+                  <Button variant="default" radius="md" onClick={onClose}>
+                    Close
+                  </Button>
+                </Group>
+              </Stack>
+            </Group>
+          </Paper>
+        ) : (
+          <>
+            <Paper
+              p="lg"
+              radius="lg"
+              withBorder
+              style={{ background: scheduleBrand.softSurface, borderColor: scheduleBrand.mutedBorder }}
+            >
+              <Group gap="md" align="flex-start" wrap="nowrap">
+                <ThemeIcon size={44} radius="md" variant="light" color="green">
+                  <CheckCircle2 size={22} />
+                </ThemeIcon>
+                <Stack gap={2}>
+                  <Text fw={600}>Ready to finalize</Text>
+                  <Text size="sm" c="dimmed">
+                    Finalizing locks the plan, moves the schedule to{" "}
+                    <Text span fw={600} c="green.7">
+                      SCHEDULED
+                    </Text>
+                    , and completes the booking allocation.
+                  </Text>
+                </Stack>
+              </Group>
+            </Paper>
+            <Group>
+              <Button
+                color="green"
+                size="md"
+                radius="md"
+                leftSection={<CheckCircle2 size={18} />}
+                loading={finalize.isPending}
+                onClick={handleFinalize}
+              >
+                Finalize schedule
+              </Button>
+            </Group>
+          </>
+        )}
+      </Stack>
+    );
+  };
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      withCloseButton
+      size="90%"
+      radius="lg"
+      centered
+      padding="lg"
+      styles={{ content: { maxWidth: 1200 }, body: { paddingTop: 8 } }}
+    >
+      <Stack gap="lg">
+        {/* Hero */}
+        <Paper
+          radius="xl"
+          p="xl"
+          style={{
+            position: "relative",
+            overflow: "hidden",
+            background: scheduleBrand.heroGradient,
+            boxShadow: scheduleBrand.shadow,
+          }}
+        >
+          <Box
+            style={{
+              position: "absolute",
+              top: -90,
+              right: -50,
+              width: 280,
+              height: 280,
+              borderRadius: "50%",
+              background: "rgba(255,255,255,0.10)",
+              pointerEvents: "none",
+            }}
+          />
+          <Stack gap="lg" style={{ position: "relative" }}>
+            <Group justify="space-between" align="flex-start" wrap="wrap">
+              <Group gap="md" align="flex-start" wrap="nowrap">
+                <ThemeIcon
+                  size={56}
+                  radius="lg"
+                  variant="white"
+                  style={{ color: "var(--mantine-color-green-7)" }}
+                >
+                  <Train size={28} />
+                </ThemeIcon>
+                <Stack gap={6}>
+                  <Group gap="sm" align="center" wrap="wrap">
+                    <Title order={2} c="white" fw={700}>
+                      Allocate {booking.reference}
+                    </Title>
+                  </Group>
+                  <Box maw={360}>
+                    <RouteCorridor
+                      onDark
+                      origin={booking.originYard?.name ?? booking.originYard?.label}
+                      destination={
+                        booking.destinationYard?.name ?? booking.destinationYard?.label
+                      }
+                    />
+                  </Box>
+                  <Group gap="sm" align="center">
+                    <FreightTypeBadge freightType={booking.freightType} />
+                    {booking.schedulingStatus ? (
+                      <SchedulingStatusBadge status={booking.schedulingStatus} />
+                    ) : null}
+                  </Group>
+                </Stack>
+              </Group>
+              {previewResult ? (
+                <Badge
+                  size="lg"
+                  radius="sm"
+                  variant="white"
+                  c={previewResult.valid ? "green.8" : "red.7"}
+                  leftSection={
+                    <Box
+                      w={8}
+                      h={8}
+                      style={{
+                        borderRadius: 999,
+                        background: previewResult.valid
+                          ? "var(--mantine-color-green-6)"
+                          : "var(--mantine-color-red-6)",
+                      }}
+                    />
+                  }
+                >
+                  Preview {previewResult.valid ? "valid" : "has issues"}
+                </Badge>
+              ) : null}
+            </Group>
+
+            <SimpleGrid cols={{ base: 2, sm: 4 }} spacing="md">
+              <StatTile
+                onDark
+                icon={Wallet}
+                label="Total value"
+                value={`${booking.paymentCurrency} ${amount.toLocaleString(undefined, {
+                  minimumFractionDigits: 2,
+                })}`}
+                hint={booking.paymentStatus}
+              />
+              <StatTile onDark icon={Weight} label="Cargo weight" value={`${weight} T`} hint="VGM total" />
+              <StatTile
+                onDark
+                icon={ContainerIcon}
+                label="Containers"
+                value={containerCount || "—"}
+                hint={`${containers.length} line${containers.length === 1 ? "" : "s"}`}
+              />
+              <StatTile
+                onDark
+                icon={Flame}
+                label="Priority"
+                value={booking.priorityScore ?? 0}
+                hint={booking.tradeDirection}
+              />
+            </SimpleGrid>
+          </Stack>
+        </Paper>
+
+        {/* Workflow */}
+        <Paper radius="xl" p="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+          <Stack gap="lg">
+            <Group justify="space-between" align="center" wrap="nowrap">
+              <Group gap="md" align="center" wrap="nowrap">
+                <ThemeIcon
+                  size={44}
+                  radius="md"
+                  variant="gradient"
+                  gradient={{ from: "green", to: "teal", deg: 135 }}
+                >
+                  <RouteIcon size={22} />
+                </ThemeIcon>
+                <Stack gap={2}>
+                  <Title order={4} fw={700}>
+                    Allocation workflow
+                  </Title>
+                  <Text size="sm" c="dimmed">
+                    {completedCount} of {stepsMeta.length} steps complete · expand any step
+                    to edit
+                  </Text>
+                </Stack>
+              </Group>
+              <RingProgress
+                size={64}
+                thickness={6}
+                roundCaps
+                sections={[{ value: progressPct, color: "green" }]}
+                label={
+                  <Text ta="center" size="xs" fw={700} c="green.7">
+                    {progressPct}%
+                  </Text>
+                }
+              />
+            </Group>
+
+            <WorkflowRail>
+              {stepsMeta.map((step, index) => (
+                <WorkflowStep
+                  key={step.key}
+                  index={index}
+                  icon={step.icon}
+                  title={step.title}
+                  subtitle={step.subtitle}
+                  state={
+                    activeStep === index
+                      ? "active"
+                      : step.complete
+                        ? "complete"
+                        : "upcoming"
+                  }
+                  open={activeStep === index}
+                  onToggle={() => toggleStep(index)}
+                  rightSlot={renderStepRightSlot(step.key)}
+                >
+                  {renderStepBody(step.key)}
+                </WorkflowStep>
+              ))}
+            </WorkflowRail>
+          </Stack>
+        </Paper>
+      </Stack>
+    </Modal>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/ContainerPlacementGrid.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ContainerPlacementGrid.tsx
new file mode 100644
index 000000000..07867d9ed
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ContainerPlacementGrid.tsx
@@ -0,0 +1,202 @@
+import { useMemo } from "react";
+import {
+  Badge,
+  Button,
+  Card,
+  Group,
+  Paper,
+  Progress,
+  Select,
+  SimpleGrid,
+  Stack,
+  Text,
+  TextInput,
+} from "@mantine/core";
+import { CheckCircle2, Container } from "lucide-react";
+
+import type { ContainerPlacement, ContainerUnitRow } from "@/types/trainScheduling";
+
+import { autoFillPlacements, unitKey, validateLocalPlacements } from "./containerPlacement.util";
+
+export function ContainerPlacementGrid({
+  units,
+  containerSlots,
+  placements,
+  onChange,
+}: {
+  units: ContainerUnitRow[];
+  containerSlots: number[];
+  placements: ContainerPlacement[];
+  onChange: (placements: ContainerPlacement[]) => void;
+}) {
+  const placementMap = useMemo(() => {
+    const map = new Map<string, ContainerPlacement>();
+    for (const placement of placements) {
+      map.set(unitKey(placement.bookingContainerId, placement.unitIndex), placement);
+    }
+    return map;
+  }, [placements]);
+
+  const issues = useMemo(() => validateLocalPlacements(units, placements), [units, placements]);
+
+  const completedCount = useMemo(
+    () =>
+      units.filter((unit) => {
+        const placement = placementMap.get(unitKey(unit.bookingContainerId, unit.unitIndex));
+        return placement?.sequenceNo && placement.containerNumber?.trim();
+      }).length,
+    [units, placementMap],
+  );
+
+  const slotOptions = containerSlots.map((seq) => ({
+    value: String(seq),
+    label: `Wagon #${seq}`,
+  }));
+
+  const updatePlacement = (unit: ContainerUnitRow, patch: Partial<ContainerPlacement>) => {
+    const key = unitKey(unit.bookingContainerId, unit.unitIndex);
+    const existing = placementMap.get(key);
+    const next: ContainerPlacement = {
+      bookingContainerId: unit.bookingContainerId,
+      unitIndex: unit.unitIndex,
+      sequenceNo: existing?.sequenceNo ?? containerSlots[0] ?? 1,
+      containerNumber: existing?.containerNumber,
+      sealNumber: existing?.sealNumber,
+      ...patch,
+    };
+    onChange([
+      ...placements.filter(
+        (p) => !(p.bookingContainerId === unit.bookingContainerId && p.unitIndex === unit.unitIndex),
+      ),
+      next,
+    ]);
+  };
+
+  if (!units.length) {
+    return (
+      <Text size="sm" c="dimmed">
+        No container units in this selection.
+      </Text>
+    );
+  }
+
+  const progress = units.length ? Math.round((completedCount / units.length) * 100) : 0;
+
+  return (
+    <Stack gap="md">
+      <Paper p="md" radius="xl" withBorder>
+        <Group justify="space-between" align="flex-start" wrap="wrap" gap="md">
+          <Stack gap={4}>
+            <Group gap="xs">
+              <Container size={18} />
+              <Text fw={600} size="sm">
+                Container assignment
+              </Text>
+            </Group>
+            <Text size="xs" c="dimmed">
+              Map each booking unit to a wagon slot and enter the container number. One wagon fits
+              either 1×40ft or 2×20ft containers.
+            </Text>
+          </Stack>
+          <Button
+            variant="light"
+            size="compact-sm"
+            onClick={() => onChange(autoFillPlacements(units, containerSlots))}
+          >
+            Auto-fill slots
+          </Button>
+        </Group>
+
+        <Stack gap={6} mt="md">
+          <Group justify="space-between">
+            <Text size="xs" c="dimmed">
+              {completedCount} of {units.length} units complete
+            </Text>
+            <Text size="xs" fw={500}>
+              {progress}%
+            </Text>
+          </Group>
+          <Progress
+            value={progress}
+            size="sm"
+            radius="xl"
+            color={issues.length ? "yellow" : "green"}
+          />
+        </Stack>
+      </Paper>
+
+      {issues.length ? (
+        <Stack gap={6}>
+          {issues.map((issue) => (
+            <Badge key={issue} color="red" variant="light" size="sm" w="fit-content">
+              {issue}
+            </Badge>
+          ))}
+        </Stack>
+      ) : (
+        <Badge
+          color="green"
+          variant="light"
+          size="sm"
+          w="fit-content"
+          leftSection={<CheckCircle2 size={12} />}
+        >
+          All units mapped
+        </Badge>
+      )}
+
+      <SimpleGrid cols={{ base: 1, lg: 2 }} spacing="md">
+        {units.map((unit) => {
+          const key = unitKey(unit.bookingContainerId, unit.unitIndex);
+          const placement = placementMap.get(key);
+          const isComplete = placement?.sequenceNo && placement.containerNumber?.trim();
+
+          return (
+            <Card key={key} radius="xl" padding="md" withBorder>
+              <Stack gap="md">
+                <Group justify="space-between" align="flex-start">
+                  <Stack gap={2}>
+                    <Text size="sm" fw={600}>
+                      {unit.bookingReference}
+                    </Text>
+                    <Text size="xs" c="dimmed">
+                      {unit.label} · {unit.containerTypeCode} · {unit.grossWeightTons}T
+                    </Text>
+                  </Stack>
+                  <Badge size="sm" variant="light" color={isComplete ? "green" : "gray"}>
+                    {isComplete ? "Ready" : "Pending"}
+                  </Badge>
+                </Group>
+
+                <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="sm">
+                  <Select
+                    label="Wagon slot"
+                    size="sm"
+                    data={slotOptions}
+                    value={placement?.sequenceNo ? String(placement.sequenceNo) : null}
+                    onChange={(value) =>
+                      updatePlacement(unit, { sequenceNo: Number(value ?? containerSlots[0]) })
+                    }
+                    placeholder="Select wagon"
+                    searchable
+                  />
+                  <TextInput
+                    label="Container number"
+                    size="sm"
+                    placeholder="e.g. MSCU1234567"
+                    value={placement?.containerNumber ?? ""}
+                    onChange={(e) =>
+                      updatePlacement(unit, {
+                        containerNumber: e.currentTarget.value,
+                      })
+                    }
+                  />
+                </SimpleGrid>
+              </Stack>
+            </Card>
+          );
+        })}
+      </SimpleGrid>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/EligibleBookingsPanel.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/EligibleBookingsPanel.tsx
new file mode 100644
index 000000000..0c403e8fe
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/EligibleBookingsPanel.tsx
@@ -0,0 +1,248 @@
+import { useMemo } from "react";
+import { ArrowRight, Package } from "lucide-react";
+import {
+  Accordion,
+  Badge,
+  Button,
+  Checkbox,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  Text,
+} from "@mantine/core";
+
+import { BookingPriorityBadge } from "@/components/bookings/BookingPriorityBadge";
+import type { EligibleContainerBooking, FreightType } from "@/types/trainScheduling";
+import { groupBookingsByThreeHourWindow } from "@/utils/groupBookingsByThreeHourWindow";
+
+function EligibleBookingRow({
+  booking,
+  freightType,
+  selected,
+  onToggle,
+}: {
+  booking: EligibleContainerBooking;
+  freightType?: FreightType;
+  selected: boolean;
+  onToggle: () => void;
+}) {
+  const resolvedFreightType = booking.freightType ?? freightType;
+  const isBulk = resolvedFreightType === "BULK";
+
+  return (
+    <Group
+      align="flex-start"
+      wrap="nowrap"
+      p="sm"
+      style={{
+        border: `1px solid ${
+          selected ? "var(--mantine-color-green-3)" : "var(--mantine-color-gray-2)"
+        }`,
+        borderRadius: 12,
+        background: selected ? "var(--mantine-color-green-0)" : "white",
+        transition: "border-color 120ms ease, background 120ms ease",
+      }}
+    >
+      <Checkbox checked={selected} onChange={onToggle} mt={4} color="green" />
+      <Stack gap={4} style={{ flex: 1 }}>
+        <Group gap="xs" wrap="wrap">
+          <Package size={14} />
+          <Text fw={600} size="sm">
+            {booking.reference}
+          </Text>
+          {resolvedFreightType ? (
+            <Badge variant="outline" size="xs">
+              {resolvedFreightType}
+            </Badge>
+          ) : null}
+          {booking.schedulingStatus ? (
+            <Badge variant="light" size="xs">
+              {booking.schedulingStatus}
+            </Badge>
+          ) : null}
+        </Group>
+        <Text size="xs" c="dimmed">
+          {booking.customer}
+        </Text>
+        <Group gap={6}>
+          <Text size="xs">{booking.origin}</Text>
+          <ArrowRight size={12} />
+          <Text size="xs">{booking.destination}</Text>
+        </Group>
+        <Group gap="sm">
+          <BookingPriorityBadge score={booking.priorityScore ?? 0} />
+          <Text size="xs" c="dimmed">
+            {isBulk
+              ? `${booking.weightTons}T`
+              : `${booking.quantity} × ${booking.containerType}`}
+          </Text>
+          {booking.preferredDepartureDate ? (
+            <Text size="xs" c="dimmed">
+              {new Date(booking.preferredDepartureDate).toLocaleString("en-GB", {
+                timeZone: "UTC",
+                day: "2-digit",
+                month: "short",
+                hour: "2-digit",
+                minute: "2-digit",
+              })}{" "}
+              UTC
+            </Text>
+          ) : null}
+        </Group>
+      </Stack>
+    </Group>
+  );
+}
+
+export function EligibleBookingsPanel({
+  items,
+  isLoading,
+  selectedIds,
+  onSelectionChange,
+  assignedIds = [],
+  freightType,
+}: {
+  items: EligibleContainerBooking[];
+  isLoading?: boolean;
+  selectedIds: string[];
+  onSelectionChange: (ids: string[]) => void;
+  assignedIds?: string[];
+  freightType?: FreightType;
+}) {
+  const assignedSet = useMemo(() => new Set(assignedIds), [assignedIds]);
+
+  const availableItems = useMemo(
+    () => items.filter((b) => !assignedSet.has(b.id)),
+    [items, assignedSet],
+  );
+
+  const buckets = useMemo(
+    () => groupBookingsByThreeHourWindow(availableItems),
+    [availableItems],
+  );
+
+  const selectableIds = useMemo(() => {
+    return [...assignedIds, ...availableItems.map((b) => b.id)];
+  }, [availableItems, assignedIds]);
+
+  const toggle = (id: string) => {
+    if (selectedIds.includes(id)) {
+      onSelectionChange(selectedIds.filter((x) => x !== id));
+    } else {
+      onSelectionChange([...selectedIds, id]);
+    }
+  };
+
+  const toggleBucket = (bucketIds: string[], select: boolean) => {
+    if (select) {
+      const merged = new Set([...selectedIds, ...bucketIds]);
+      onSelectionChange([...merged]);
+    } else {
+      onSelectionChange(selectedIds.filter((id) => !bucketIds.includes(id)));
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <Group justify="center" py="md">
+        <Loader size="sm" />
+        <Text size="sm" c="dimmed">
+          Loading eligible bookings…
+        </Text>
+      </Group>
+    );
+  }
+
+  if (!items.length && !assignedIds.length) {
+    return (
+      <Paper p="lg" radius="lg" withBorder bg="gray.0">
+        <Text size="sm" c="dimmed" ta="center">
+          No eligible bookings for this corridor
+        </Text>
+      </Paper>
+    );
+  }
+
+  return (
+    <Stack gap="md">
+      <Group justify="space-between" wrap="wrap">
+        <Text size="sm" fw={500}>
+          Eligible bookings ({availableItems.length})
+        </Text>
+        <Group gap="sm">
+          <Button
+            variant="light"
+            size="compact-sm"
+            onClick={() => onSelectionChange(selectableIds)}
+          >
+            Select all
+          </Button>
+          <Button variant="subtle" size="compact-sm" onClick={() => onSelectionChange(assignedIds)}>
+            Clear
+          </Button>
+        </Group>
+      </Group>
+
+      {buckets.length > 0 ? (
+        <Accordion defaultValue={buckets[0]?.key} variant="separated" radius="lg">
+          {buckets.map((bucket) => {
+            const bucketIds = bucket.bookings.map((b) => b.id);
+            const selectedInBucket = bucketIds.filter((id) => selectedIds.includes(id));
+            const allSelected = bucketIds.length > 0 && selectedInBucket.length === bucketIds.length;
+
+            return (
+              <Accordion.Item key={bucket.key} value={bucket.key}>
+                <Accordion.Control>
+                  <Group justify="space-between" wrap="nowrap" pr="md">
+                    <Stack gap={2}>
+                      <Text fw={600} size="sm">
+                        {bucket.label}
+                      </Text>
+                      <Text size="xs" c="dimmed">
+                        {bucket.bookings.length} booking
+                        {bucket.bookings.length === 1 ? "" : "s"} · priority sorted
+                      </Text>
+                    </Stack>
+                    <Group gap="xs" onClick={(e) => e.stopPropagation()}>
+                      <Badge variant="light" color="green">
+                        {selectedInBucket.length} selected
+                      </Badge>
+                      <Button
+                        variant="subtle"
+                        size="compact-xs"
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          toggleBucket(bucketIds, !allSelected);
+                        }}
+                      >
+                        {allSelected ? "Deselect bucket" : "Select bucket"}
+                      </Button>
+                    </Group>
+                  </Group>
+                </Accordion.Control>
+                <Accordion.Panel>
+                  <Stack gap="sm">
+                    {bucket.bookings.map((booking) => (
+                      <EligibleBookingRow
+                        key={booking.id}
+                        booking={booking}
+                        freightType={freightType}
+                        selected={selectedIds.includes(booking.id)}
+                        onToggle={() => toggle(booking.id)}
+                      />
+                    ))}
+                  </Stack>
+                </Accordion.Panel>
+              </Accordion.Item>
+            );
+          })}
+        </Accordion>
+      ) : (
+        <Text size="sm" c="dimmed">
+          No additional eligible bookings in this corridor.
+        </Text>
+      )}
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/FleetAvailabilitySummary.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/FleetAvailabilitySummary.tsx
new file mode 100644
index 000000000..e5b4f7a6c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/FleetAvailabilitySummary.tsx
@@ -0,0 +1,135 @@
+import {
+  Alert,
+  Badge,
+  Group,
+  Paper,
+  Progress,
+  SimpleGrid,
+  Stack,
+  Table,
+  Text,
+} from "@mantine/core";
+import { AlertTriangle, Train } from "lucide-react";
+
+import type { DeferredBookingRow, FleetAvailabilityRow } from "@/types/trainScheduling";
+
+export function FleetAvailabilitySummary({
+  fleetAvailability = [],
+  deferredBookings = [],
+}: {
+  fleetAvailability?: FleetAvailabilityRow[];
+  deferredBookings?: DeferredBookingRow[];
+}) {
+  if (!fleetAvailability.length && !deferredBookings.length) return null;
+
+  const totalNeeded = fleetAvailability.reduce((sum, row) => sum + row.needed, 0);
+  const totalAvailable = fleetAvailability.reduce((sum, row) => sum + row.available, 0);
+  const totalShortfall = fleetAvailability.reduce((sum, row) => sum + row.shortfall, 0);
+  const fillRate =
+    totalNeeded > 0 ? Math.round((Math.min(totalAvailable, totalNeeded) / totalNeeded) * 100) : 100;
+
+  return (
+    <Paper p="md" radius="xl" withBorder>
+      <Stack gap="md">
+        <Group justify="space-between" align="flex-start" wrap="wrap">
+          <Group gap="xs">
+            <Train size={18} />
+            <Stack gap={2}>
+              <Text fw={600} size="sm">
+                Fleet wagon availability
+              </Text>
+              <Text size="xs" c="dimmed">
+                Plan is capped to available physical wagons by type
+              </Text>
+            </Stack>
+          </Group>
+          <Badge variant="light" color={totalShortfall > 0 ? "yellow" : "green"}>
+            {fillRate}% fleet coverage
+          </Badge>
+        </Group>
+
+        {totalNeeded > 0 ? (
+          <Stack gap={6}>
+            <Group justify="space-between">
+              <Text size="xs" c="dimmed">
+                {Math.min(totalAvailable, totalNeeded)} of {totalNeeded} wagon slots can be filled
+              </Text>
+            </Group>
+            <Progress
+              value={fillRate}
+              size="sm"
+              radius="xl"
+              color={totalShortfall > 0 ? "yellow" : "green"}
+            />
+          </Stack>
+        ) : null}
+
+        {fleetAvailability.length > 0 ? (
+          <Table striped highlightOnHover withTableBorder>
+            <Table.Thead>
+              <Table.Tr>
+                <Table.Th>Wagon type</Table.Th>
+                <Table.Th>Needed</Table.Th>
+                <Table.Th>Available</Table.Th>
+                <Table.Th>Shortfall</Table.Th>
+              </Table.Tr>
+            </Table.Thead>
+            <Table.Tbody>
+              {fleetAvailability.map((row) => (
+                <Table.Tr key={row.wagonTypeId}>
+                  <Table.Td>{row.wagonTypeCode}</Table.Td>
+                  <Table.Td>{row.needed}</Table.Td>
+                  <Table.Td>{row.available}</Table.Td>
+                  <Table.Td>
+                    {row.shortfall > 0 ? (
+                      <Badge color="red" variant="light" size="sm">
+                        {row.shortfall}
+                      </Badge>
+                    ) : (
+                      <Text size="sm" c="green">
+                        0
+                      </Text>
+                    )}
+                  </Table.Td>
+                </Table.Tr>
+              ))}
+            </Table.Tbody>
+          </Table>
+        ) : null}
+
+        {totalShortfall > 0 || deferredBookings.length > 0 ? (
+          <Alert color="yellow" variant="light" radius="lg" icon={<AlertTriangle size={16} />}>
+            <Text size="sm">
+              Train will depart with available wagons only.
+              {deferredBookings.length
+                ? ` ${deferredBookings.length} booking(s) will wait for the next train.`
+                : ""}
+            </Text>
+          </Alert>
+        ) : null}
+
+        {deferredBookings.length > 0 ? (
+          <SimpleGrid cols={{ base: 1, md: 2 }} spacing="sm">
+            {deferredBookings.map((booking) => (
+              <Paper key={booking.id} p="sm" radius="lg" withBorder bg="gray.0">
+                <Group justify="space-between" align="flex-start" wrap="nowrap">
+                  <Stack gap={2}>
+                    <Text size="sm" fw={600}>
+                      {booking.reference}
+                    </Text>
+                    <Text size="xs" c="dimmed">
+                      {booking.reason}
+                    </Text>
+                  </Stack>
+                  <Badge variant="light" color="orange" size="sm">
+                    Next train
+                  </Badge>
+                </Group>
+              </Paper>
+            ))}
+          </SimpleGrid>
+        ) : null}
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/PinWagonsForm.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/PinWagonsForm.tsx
new file mode 100644
index 000000000..80f72d9d0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/PinWagonsForm.tsx
@@ -0,0 +1,208 @@
+import { useCallback, useEffect, useMemo, useState } from "react";
+import {
+  Alert,
+  Badge,
+  Button,
+  Group,
+  Paper,
+  Progress,
+  Select,
+  SimpleGrid,
+  Stack,
+  Text,
+  ThemeIcon,
+} from "@mantine/core";
+import { AlertTriangle, Link2, Wand2 } from "lucide-react";
+
+import { Freight } from "@edr/types";
+
+import type { PinWagonAssignment, TrainScheduleDetail } from "@/types/trainScheduling";
+import type { Wagon } from "@/services/wagon.service";
+import { wagonMatchesScheduleOrigin } from "@/utils/wagonAvailability";
+
+import { autoFillWagonAssignments, countFilledSlots } from "./pinWagons.util";
+
+export function PinWagonsForm({
+  schedule,
+  availableWagons,
+  isSubmitting,
+  onSubmit,
+  autoFillOnMount = true,
+}: {
+  schedule: TrainScheduleDetail;
+  availableWagons: Wagon[];
+  isSubmitting?: boolean;
+  onSubmit: (assignments: PinWagonAssignment[]) => void;
+  autoFillOnMount?: boolean;
+}) {
+  const originYardId = schedule.originStation?.id;
+  const slots = schedule.trainSet?.wagons ?? [];
+  const [assignments, setAssignments] = useState<Record<string, string>>({});
+
+  const wagonOptionsByType = useMemo(() => {
+    const map = new Map<string, Array<{ value: string; label: string }>>();
+    for (const wagon of availableWagons) {
+      const isPinnedOnSlot = slots.some((s) => s.physicalWagonId === wagon.id);
+      if (
+        !wagonMatchesScheduleOrigin(wagon, originYardId, {
+          allowPinned: isPinnedOnSlot,
+        })
+      ) {
+        continue;
+      }
+      if (wagon.status !== Freight.WagonStatus.Available && !isPinnedOnSlot) {
+        continue;
+      }
+      const typeId = wagon.wagonTypeId;
+      const list = map.get(typeId) ?? [];
+      list.push({ value: wagon.id, label: wagon.wagonNumber });
+      map.set(typeId, list);
+    }
+    return map;
+  }, [availableWagons, originYardId, slots]);
+
+  const runAutoFill = useCallback(
+    (preserveManual = false) => {
+      const existing = preserveManual ? assignments : {};
+      setAssignments(autoFillWagonAssignments(slots, wagonOptionsByType, existing));
+    },
+    [assignments, slots, wagonOptionsByType],
+  );
+
+  useEffect(() => {
+    if (!autoFillOnMount || !slots.length) return;
+    setAssignments(autoFillWagonAssignments(slots, wagonOptionsByType));
+  }, [schedule.id, slots, wagonOptionsByType, autoFillOnMount]);
+
+  const fillStats = useMemo(
+    () => countFilledSlots(slots, assignments),
+    [slots, assignments],
+  );
+
+  const progress =
+    fillStats.total > 0 ? Math.round((fillStats.filled / fillStats.total) * 100) : 0;
+
+  const handleSubmit = () => {
+    const payload: PinWagonAssignment[] = Object.entries(assignments)
+      .filter(([, wagonId]) => Boolean(wagonId))
+      .map(([trainSetWagonId, physicalWagonId]) => ({ trainSetWagonId, physicalWagonId }));
+    onSubmit(payload);
+  };
+
+  if (!slots.length) {
+    return (
+      <Text size="sm" c="dimmed">
+        Assign bookings first to create wagon slots.
+      </Text>
+    );
+  }
+
+  return (
+    <Stack gap="md">
+      <Paper p="md" radius="xl" withBorder>
+        <Group justify="space-between" align="flex-start" wrap="wrap" gap="md">
+          <Stack gap={4}>
+            <Group gap="xs">
+              <Link2 size={18} />
+              <Text fw={600} size="sm">
+                Pin physical wagons
+              </Text>
+            </Group>
+            <Text size="xs" c="dimmed">
+              Match each train slot to a fleet wagon. Slots are auto-filled when possible.
+            </Text>
+          </Stack>
+          <Button
+            variant="light"
+            size="compact-sm"
+            leftSection={<Wand2 size={14} />}
+            onClick={() => runAutoFill(false)}
+          >
+            Auto-fill all slots
+          </Button>
+        </Group>
+
+        <Stack gap={6} mt="md">
+          <Group justify="space-between">
+            <Text size="xs" c="dimmed">
+              {fillStats.filled} of {fillStats.total} slots filled
+            </Text>
+            <Badge variant="light" color={progress === 100 ? "teal" : "yellow"}>
+              {progress}%
+            </Badge>
+          </Group>
+          <Progress value={progress} size="sm" radius="xl" color={progress === 100 ? "teal" : "yellow"} />
+        </Stack>
+      </Paper>
+
+      {fillStats.unfilledSlotNumbers.length > 0 ? (
+        <Alert
+          color="yellow"
+          variant="light"
+          radius="lg"
+          icon={<AlertTriangle size={16} />}
+          title="Some slots could not be auto-filled"
+        >
+          <Text size="sm">
+            No matching fleet wagon for slot
+            {fillStats.unfilledSlotNumbers.length === 1 ? "" : "s"} #
+            {fillStats.unfilledSlotNumbers.join(", #")}. Select manually or add wagons to the fleet.
+          </Text>
+        </Alert>
+      ) : null}
+
+      <SimpleGrid cols={{ base: 1, md: 2 }} spacing="md">
+        {slots.map((slot) => {
+          const typeId = slot.wagonType?.id ?? "";
+          const options =
+            wagonOptionsByType.get(typeId) ??
+            availableWagons.map((w) => ({
+              value: w.id,
+              label: w.wagonNumber,
+            }));
+
+          return (
+            <Paper key={slot.id} p="md" radius="lg" withBorder>
+              <Group align="flex-end" wrap="nowrap" gap="md">
+                <Stack gap={2} style={{ minWidth: 90 }}>
+                  <Group gap={6}>
+                    <ThemeIcon size="sm" radius="md" variant="light" color="teal">
+                      <Text size="xs" fw={700}>
+                        {slot.sequenceNo}
+                      </Text>
+                    </ThemeIcon>
+                    <Text size="sm" fw={600}>
+                      Slot #{slot.sequenceNo}
+                    </Text>
+                  </Group>
+                  <Text size="xs" c="dimmed">
+                    {slot.wagonType?.code ?? "—"} · {slot.capacityTons}T
+                  </Text>
+                </Stack>
+                <Select
+                  style={{ flex: 1 }}
+                  placeholder="Select physical wagon"
+                  data={options}
+                  value={assignments[slot.id] ?? null}
+                  onChange={(value) =>
+                    setAssignments((current) => ({
+                      ...current,
+                      [slot.id]: value ?? "",
+                    }))
+                  }
+                  searchable
+                />
+              </Group>
+            </Paper>
+          );
+        })}
+      </SimpleGrid>
+
+      <Group justify="flex-end">
+        <Button color="teal" loading={isSubmitting} onClick={handleSubmit}>
+          Pin wagons
+        </Button>
+      </Group>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/RescheduleTrainDialog.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/RescheduleTrainDialog.tsx
new file mode 100644
index 000000000..d0f670e51
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/RescheduleTrainDialog.tsx
@@ -0,0 +1,76 @@
+import { useState } from "react";
+import { Button, Group, Modal, Stack, Text, TextInput, Textarea } from "@mantine/core";
+import toast from "react-hot-toast";
+
+import { trainSchedulingService } from "@/services/trainScheduling.service";
+
+export function RescheduleTrainDialog({
+  scheduleId,
+  currentBookingIds,
+  opened,
+  onClose,
+  onComplete,
+}: {
+  scheduleId: string;
+  currentBookingIds: string[];
+  opened: boolean;
+  onClose: () => void;
+  onComplete?: () => void;
+}) {
+  const [newDepartureDate, setNewDepartureDate] = useState("");
+  const [reason, setReason] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = async () => {
+    if (!newDepartureDate) {
+      toast.error("Select a new departure date");
+      return;
+    }
+    setLoading(true);
+    try {
+      await trainSchedulingService.maintenanceReschedule(scheduleId, {
+        incomingBookingIds: currentBookingIds,
+        newDepartureDate: new Date(newDepartureDate).toISOString(),
+        reason,
+      });
+      toast.success("Train rescheduled for maintenance");
+      onComplete?.();
+      onClose();
+    } catch {
+      toast.error("Reschedule failed");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <Modal opened={opened} onClose={onClose} title="Reschedule train (maintenance)" radius="lg">
+      <Stack gap="md">
+        <Text size="sm" c="dimmed">
+          Updates departure and rebalances bookings on this train. Displaced bookings return to
+          the operations queue when capacity is insufficient.
+        </Text>
+        <TextInput
+          label="New departure"
+          type="datetime-local"
+          value={newDepartureDate}
+          onChange={(e) => setNewDepartureDate(e.target.value)}
+        />
+        <Textarea
+          label="Reason"
+          placeholder="e.g. Locomotive maintenance"
+          value={reason}
+          onChange={(e) => setReason(e.target.value)}
+        />
+        <Group justify="flex-end">
+          <Button variant="default" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button loading={loading} onClick={handleSubmit}>
+            Reschedule
+          </Button>
+        </Group>
+      </Stack>
+    </Modal>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/RouteCorridorTrack.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/RouteCorridorTrack.tsx
new file mode 100644
index 000000000..9f30611d0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/RouteCorridorTrack.tsx
@@ -0,0 +1,192 @@
+import { Fragment } from "react";
+import { Badge, Box, Button, Group, Stack, Text } from "@mantine/core";
+import { Check, Flag, MapPin, Train } from "lucide-react";
+
+import { freightBrand } from "@/theme/freight-brand";
+import type { TrainCheckpoint, TrackStation } from "@/types/trainScheduling";
+
+export interface RouteCorridorTrackProps {
+  stations: TrackStation[];
+  /** Highest sequenceNo reached so far (−1 = not yet departed). */
+  currentSequenceNo: number;
+  checkpoints: TrainCheckpoint[];
+  /** True when the train is DISPATCHED and staff may log progress. */
+  canLog: boolean;
+  loggingSeq?: number | null;
+  onLogCheckpoint?: (sequenceNo: number) => void;
+}
+
+const COLUMN_WIDTH = 150;
+const PASSED = freightBrand.primary;
+const UPCOMING = "var(--mantine-color-gray-3)";
+
+function railColor(active: boolean) {
+  return active ? PASSED : UPCOMING;
+}
+
+export function RouteCorridorTrack({
+  stations,
+  currentSequenceNo,
+  checkpoints,
+  canLog,
+  loggingSeq,
+  onLogCheckpoint,
+}: RouteCorridorTrackProps) {
+  const bySeq = new Map(checkpoints.map((c) => [c.sequenceNo, c]));
+  const lastIndex = stations.length - 1;
+
+  return (
+    <Box style={{ overflowX: "auto", paddingBottom: 4 }}>
+      <Group
+        gap={0}
+        wrap="nowrap"
+        align="flex-start"
+        style={{ minWidth: stations.length * COLUMN_WIDTH }}
+      >
+        {stations.map((station, index) => {
+          const passed = station.sequenceNo <= currentSequenceNo;
+          const isCurrent = station.sequenceNo === currentSequenceNo;
+          const isFinal = index === lastIndex;
+          const isNext = canLog && station.sequenceNo === currentSequenceNo + 1;
+          const checkpoint = bySeq.get(station.sequenceNo);
+          // left rail solid once this node is reached; right rail solid once the next node is reached
+          const leftActive = station.sequenceNo <= currentSequenceNo;
+          const rightActive = station.sequenceNo + 1 <= currentSequenceNo;
+
+          return (
+            <Fragment key={station.sequenceNo}>
+              <Stack gap={6} align="center" style={{ width: COLUMN_WIDTH, flexShrink: 0 }}>
+                {/* rail + node */}
+                <Box style={{ position: "relative", height: 44, width: "100%" }}>
+                  {index > 0 && (
+                    <Box
+                      style={{
+                        position: "absolute",
+                        top: 21,
+                        left: 0,
+                        width: "50%",
+                        height: 3,
+                        borderRadius: 2,
+                        background: railColor(leftActive),
+                      }}
+                    />
+                  )}
+                  {index < lastIndex && (
+                    <Box
+                      style={{
+                        position: "absolute",
+                        top: 21,
+                        left: "50%",
+                        width: "50%",
+                        height: 3,
+                        borderRadius: 2,
+                        background: railColor(rightActive),
+                      }}
+                    />
+                  )}
+
+                  {/* train marker hovering over the current node */}
+                  {isCurrent && (
+                    <Box
+                      style={{
+                        position: "absolute",
+                        top: -8,
+                        left: "50%",
+                        transform: "translateX(-50%)",
+                        color: freightBrand.primaryDark,
+                      }}
+                    >
+                      <Train size={18} />
+                    </Box>
+                  )}
+
+                  {/* node */}
+                  <Box
+                    style={{
+                      position: "absolute",
+                      top: 12,
+                      left: "50%",
+                      transform: "translateX(-50%)",
+                      width: 22,
+                      height: 22,
+                      borderRadius: "50%",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      background: passed ? PASSED : "white",
+                      border: `2px solid ${
+                        passed
+                          ? PASSED
+                          : isNext
+                            ? freightBrand.primaryLight
+                            : "var(--mantine-color-gray-4)"
+                      }`,
+                      boxShadow: isCurrent ? `0 0 0 4px ${freightBrand.ring}` : "none",
+                      color: "white",
+                      zIndex: 1,
+                    }}
+                  >
+                    {passed ? (
+                      <Check size={13} />
+                    ) : isFinal ? (
+                      <Flag size={12} color="var(--mantine-color-gray-5)" />
+                    ) : (
+                      <MapPin size={12} color="var(--mantine-color-gray-5)" />
+                    )}
+                  </Box>
+                </Box>
+
+                {/* label */}
+                <Stack gap={0} align="center" style={{ minWidth: 0, padding: "0 6px" }}>
+                  <Text
+                    size="xs"
+                    fw={passed ? 700 : 600}
+                    ta="center"
+                    lineClamp={2}
+                    c={passed ? "green.8" : "dimmed"}
+                  >
+                    {station.label}
+                  </Text>
+                  {index === 0 ? (
+                    <Badge size="xs" variant="light" color="gray" radius="sm">
+                      Origin
+                    </Badge>
+                  ) : isFinal ? (
+                    <Badge size="xs" variant="light" color="gray" radius="sm">
+                      Destination
+                    </Badge>
+                  ) : null}
+                </Stack>
+
+                {/* checkpoint time or action */}
+                {checkpoint ? (
+                  <Text size="10px" c="dimmed" ta="center">
+                    {new Date(checkpoint.occurredAt).toLocaleString(undefined, {
+                      month: "short",
+                      day: "numeric",
+                      hour: "2-digit",
+                      minute: "2-digit",
+                    })}
+                  </Text>
+                ) : isNext ? (
+                  <Button
+                    size="compact-xs"
+                    radius="md"
+                    color={isFinal ? "teal" : "green"}
+                    variant={isFinal ? "filled" : "light"}
+                    loading={loggingSeq === station.sequenceNo}
+                    onClick={() => onLogCheckpoint?.(station.sequenceNo)}
+                  >
+                    {isFinal ? "Mark arrived" : "Log pass"}
+                  </Button>
+                ) : (
+                  <Box style={{ height: 22 }} />
+                )}
+              </Stack>
+            </Fragment>
+          );
+        })}
+      </Group>
+    </Box>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleBatchPanel.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleBatchPanel.tsx
new file mode 100644
index 000000000..9e9a87fc8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleBatchPanel.tsx
@@ -0,0 +1,252 @@
+import { useMemo, useState } from "react";
+import {
+  Badge,
+  Button,
+  Group,
+  Modal,
+  Paper,
+  Select,
+  Stack,
+  Table,
+  Text,
+  ThemeIcon,
+} from "@mantine/core";
+import { CheckCircle2, Layers, Lock, LockOpen, PlayCircle, Repeat, XCircle } from "lucide-react";
+
+import { BookingStatusBadge } from "@/components/bookings/BookingStatusBadge";
+import {
+  useBatchActions,
+  useBookableSchedules,
+} from "@/hooks/trainScheduling/useTrainScheduling";
+import { useToast } from "@/hooks/use-toast";
+import type { TrainScheduleDetail } from "@/types/trainScheduling";
+
+interface ScheduleBatchPanelProps {
+  schedule: TrainScheduleDetail;
+}
+
+const windowColor: Record<string, string> = {
+  OPEN: "green",
+  FULL: "orange",
+  CLOSED: "gray",
+};
+
+export function ScheduleBatchPanel({ schedule }: ScheduleBatchPanelProps) {
+  const { toast } = useToast();
+  const actions = useBatchActions(schedule.id);
+  const windowStatus = (schedule as { bookingWindowStatus?: string }).bookingWindowStatus ?? "OPEN";
+  const locked = schedule.status === "DISPATCHED" || schedule.status === "ARRIVED";
+
+  const [moveBookingId, setMoveBookingId] = useState<string | null>(null);
+  const [moveTarget, setMoveTarget] = useState<string | null>(null);
+
+  const { data: targets } = useBookableSchedules(
+    schedule.originStation?.id,
+    schedule.destinationStation?.id,
+  );
+  const moveOptions = useMemo(
+    () =>
+      (targets ?? [])
+        .filter((s) => s.id !== schedule.id)
+        .map((s) => ({
+          value: s.id,
+          label: `${s.routeName ?? `${s.origin} → ${s.destination}`} · ${new Date(
+            s.scheduleDate,
+          ).toLocaleString()} · ${s.remainingWagons}/${s.maxWagons} free`,
+        })),
+    [targets, schedule.id],
+  );
+
+  const bookings = schedule.bookings ?? [];
+
+  const run = (fn: Promise<unknown>, ok: string) =>
+    fn
+      .then(() => toast({ title: ok }))
+      .catch(() => toast({ title: "Action failed", variant: "destructive" }));
+
+  return (
+    <Paper radius="lg" withBorder p="lg" style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+      <Group justify="space-between" align="center" mb="md" wrap="wrap">
+        <Group gap="sm">
+          <ThemeIcon size={36} radius="md" variant="light" color="green">
+            <Layers size={18} />
+          </ThemeIcon>
+          <div>
+            <Text fw={700}>Batch allocation</Text>
+            <Text size="xs" c="dimmed">
+              {bookings.length} allocated · {schedule.trainSet?.wagonCount ?? 0} wagons used
+            </Text>
+          </div>
+        </Group>
+        <Group gap="sm">
+          <Badge color={windowColor[windowStatus] ?? "gray"} variant="light" radius="sm" size="lg">
+            Window: {windowStatus}
+          </Badge>
+        </Group>
+      </Group>
+
+      {!locked && (
+        <Group gap="sm" mb="md">
+          <Button
+            size="compact-sm"
+            variant="light"
+            color="green"
+            leftSection={<PlayCircle size={15} />}
+            loading={actions.runBatch.isPending}
+            onClick={() => run(actions.runBatch.mutateAsync(schedule.id), "Batch fill run")}
+          >
+            Run batch fill
+          </Button>
+          {windowStatus === "CLOSED" ? (
+            <Button
+              size="compact-sm"
+              variant="default"
+              leftSection={<LockOpen size={15} />}
+              loading={actions.setWindow.isPending}
+              onClick={() =>
+                run(
+                  actions.setWindow.mutateAsync({ id: schedule.id, status: "OPEN" }),
+                  "Window opened",
+                )
+              }
+            >
+              Open window
+            </Button>
+          ) : (
+            <Button
+              size="compact-sm"
+              variant="default"
+              leftSection={<Lock size={15} />}
+              loading={actions.setWindow.isPending}
+              onClick={() =>
+                run(
+                  actions.setWindow.mutateAsync({ id: schedule.id, status: "CLOSED" }),
+                  "Window closed",
+                )
+              }
+            >
+              Close window
+            </Button>
+          )}
+        </Group>
+      )}
+
+      {bookings.length === 0 ? (
+        <Text size="sm" c="dimmed">
+          No bookings allocated yet. The batch cron fills this schedule by priority; paid bookings are
+          assigned automatically.
+        </Text>
+      ) : (
+        <Table verticalSpacing="xs" highlightOnHover>
+          <Table.Thead>
+            <Table.Tr>
+              <Table.Th>Booking</Table.Th>
+              <Table.Th>Customer</Table.Th>
+              <Table.Th>Status</Table.Th>
+              <Table.Th ta="right">Actions</Table.Th>
+            </Table.Tr>
+          </Table.Thead>
+          <Table.Tbody>
+            {bookings.map((b) => (
+              <Table.Tr key={b.id}>
+                <Table.Td>
+                  <Text size="sm" fw={600}>
+                    {b.reference ?? b.id.slice(0, 8)}
+                  </Text>
+                </Table.Td>
+                <Table.Td>
+                  <Text size="sm" c="dimmed">
+                    {b.customer ?? "—"}
+                  </Text>
+                </Table.Td>
+                <Table.Td>
+                  <BookingStatusBadge status={b.status ?? ""} />
+                </Table.Td>
+                <Table.Td>
+                  {!locked && (
+                    <Group gap={6} justify="flex-end" wrap="nowrap">
+                      {b.status !== "PAID" && (
+                        <Button
+                          size="compact-xs"
+                          variant="light"
+                          color="green"
+                          leftSection={<CheckCircle2 size={13} />}
+                          onClick={() => run(actions.markPaid.mutateAsync(b.id), "Marked paid")}
+                        >
+                          Mark paid
+                        </Button>
+                      )}
+                      <Button
+                        size="compact-xs"
+                        variant="subtle"
+                        color="orange"
+                        leftSection={<Repeat size={13} />}
+                        onClick={() => {
+                          setMoveBookingId(b.id);
+                          setMoveTarget(null);
+                        }}
+                      >
+                        Move
+                      </Button>
+                      <Button
+                        size="compact-xs"
+                        variant="subtle"
+                        color="red"
+                        leftSection={<XCircle size={13} />}
+                        onClick={() => run(actions.expire.mutateAsync(b.id), "Reservation expired")}
+                      >
+                        Expire
+                      </Button>
+                    </Group>
+                  )}
+                </Table.Td>
+              </Table.Tr>
+            ))}
+          </Table.Tbody>
+        </Table>
+      )}
+
+      <Modal
+        opened={Boolean(moveBookingId)}
+        onClose={() => setMoveBookingId(null)}
+        title="Move booking to another schedule"
+        centered
+        radius="lg"
+      >
+        <Stack gap="md">
+          <Select
+            label="Target schedule (same route)"
+            placeholder="Select an OPEN schedule"
+            data={moveOptions}
+            value={moveTarget}
+            onChange={setMoveTarget}
+            searchable
+            nothingFoundMessage="No other open schedules on this route"
+          />
+          <Group justify="flex-end">
+            <Button variant="default" onClick={() => setMoveBookingId(null)}>
+              Cancel
+            </Button>
+            <Button
+              color="green"
+              disabled={!moveTarget}
+              loading={actions.moveSchedule.isPending}
+              onClick={() => {
+                if (!moveBookingId || !moveTarget) return;
+                run(
+                  actions.moveSchedule.mutateAsync({
+                    bookingId: moveBookingId,
+                    trainScheduleId: moveTarget,
+                  }),
+                  "Booking moved",
+                ).then(() => setMoveBookingId(null));
+              }}
+            >
+              Move booking
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleBookingsStep.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleBookingsStep.tsx
new file mode 100644
index 000000000..987b58e59
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleBookingsStep.tsx
@@ -0,0 +1,138 @@
+import { ArrowRight, Package, Train } from "lucide-react";
+import {
+  Badge,
+  Button,
+  Group,
+  Paper,
+  Stack,
+  Tabs,
+  Text,
+} from "@mantine/core";
+
+import type { EligibleContainerBooking, FreightType } from "@/types/trainScheduling";
+
+import { EligibleBookingsPanel } from "./EligibleBookingsPanel";
+
+export type AssignedBookingRow = {
+  id: string;
+  reference: string;
+  weightTons?: number;
+};
+
+export function ScheduleBookingsStep({
+  assignedBookings,
+  eligibleItems,
+  eligibleLoading,
+  selectedIds,
+  onSelectionChange,
+  assignedIds,
+  freightType,
+  canRemove,
+  onRemove,
+}: {
+  assignedBookings: AssignedBookingRow[];
+  eligibleItems: EligibleContainerBooking[];
+  eligibleLoading?: boolean;
+  selectedIds: string[];
+  onSelectionChange: (ids: string[]) => void;
+  assignedIds?: string[];
+  freightType?: FreightType;
+  canRemove?: boolean;
+  onRemove?: (bookingId: string) => void;
+}) {
+  return (
+    <Paper p="md" radius="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+      <Tabs
+        defaultValue={assignedBookings.length ? "on-train" : "add"}
+        radius="md"
+        variant="pills"
+        color="green"
+      >
+        <Tabs.List mb="md">
+          <Tabs.Tab
+            value="on-train"
+            leftSection={<Train size={14} />}
+            rightSection={
+              assignedBookings.length ? (
+                <Badge size="xs" variant="light" color="green" circle>
+                  {assignedBookings.length}
+                </Badge>
+              ) : undefined
+            }
+          >
+            On this train
+          </Tabs.Tab>
+          <Tabs.Tab value="add" leftSection={<Package size={14} />}>
+            Add bookings
+          </Tabs.Tab>
+        </Tabs.List>
+
+        <Tabs.Panel value="on-train">
+          {assignedBookings.length ? (
+            <Stack gap="sm">
+              {assignedBookings.map((booking) => (
+                <Group
+                  key={booking.id}
+                  justify="space-between"
+                  p="sm"
+                  style={{
+                    border: "1px solid var(--mantine-color-green-2)",
+                    borderRadius: 12,
+                    background: "var(--mantine-color-green-0)",
+                  }}
+                >
+                  <Stack gap={4}>
+                    <Group gap="xs">
+                      <Text fw={600} size="sm">
+                        {booking.reference}
+                      </Text>
+                      {booking.weightTons != null ? (
+                        <Badge variant="outline" size="xs" color="green">
+                          {booking.weightTons}T
+                        </Badge>
+                      ) : null}
+                    </Group>
+                    <Group gap={6}>
+                      <Text size="xs" c="dimmed">
+                        Assigned to this consist
+                      </Text>
+                      <ArrowRight size={12} />
+                      <Text size="xs" c="green.7" fw={500}>
+                        Ready for wagon plan
+                      </Text>
+                    </Group>
+                  </Stack>
+                  {canRemove && onRemove ? (
+                    <Button
+                      variant="subtle"
+                      color="red"
+                      size="compact-xs"
+                      onClick={() => onRemove(booking.id)}
+                    >
+                      Remove
+                    </Button>
+                  ) : null}
+                </Group>
+              ))}
+            </Stack>
+          ) : (
+            <Text size="sm" c="dimmed" ta="center" py="lg">
+              No bookings on this train yet. Use the Add bookings tab to select eligible cargo.
+            </Text>
+          )}
+        </Tabs.Panel>
+
+        <Tabs.Panel value="add">
+          <EligibleBookingsPanel
+            items={eligibleItems}
+            isLoading={eligibleLoading}
+            selectedIds={selectedIds}
+            onSelectionChange={onSelectionChange}
+            assignedIds={assignedIds}
+            freightType={freightType}
+          />
+        </Tabs.Panel>
+      </Tabs>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleStatusBadge.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleStatusBadge.tsx
new file mode 100644
index 000000000..3610f1203
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleStatusBadge.tsx
@@ -0,0 +1,44 @@
+import { Badge } from "@mantine/core";
+
+const STATUS_COLORS: Record<string, string> = {
+  DRAFT: "gray",
+  SCHEDULED: "blue",
+  DISPATCHED: "green",
+  ARRIVED: "teal",
+  CANCELLED: "red",
+};
+
+export function ScheduleStatusBadge({ status }: { status: string }) {
+  return (
+    <Badge variant="light" color={STATUS_COLORS[status] ?? "gray"} size="sm">
+      {status}
+    </Badge>
+  );
+}
+
+export function FreightTypeBadge({ freightType }: { freightType?: string | null }) {
+  if (!freightType) return <Badge variant="light" color="gray" size="sm">—</Badge>;
+  const color =
+    freightType === "BULK" ? "orange" : freightType === "MIXED" ? "grape" : "cyan";
+  return (
+    <Badge variant="light" color={color} size="sm">
+      {freightType}
+    </Badge>
+  );
+}
+
+export function SchedulingStatusBadge({ status }: { status?: string | null }) {
+  if (!status) return null;
+  const colors: Record<string, string> = {
+    NOT_SCHEDULED: "gray",
+    HOLDING: "yellow",
+    ELIGIBLE: "blue",
+    SCHEDULED: "indigo",
+    DISPATCHED: "green",
+  };
+  return (
+    <Badge variant="light" color={colors[status] ?? "gray"} size="sm">
+      {status.replace(/_/g, " ")}
+    </Badge>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleWarningsAlert.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleWarningsAlert.tsx
new file mode 100644
index 000000000..d362dc7ef
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/ScheduleWarningsAlert.tsx
@@ -0,0 +1,75 @@
+import { Alert, List, Paper, SimpleGrid, Stack, Text } from "@mantine/core";
+import { AlertTriangle, XCircle } from "lucide-react";
+
+export function ScheduleWarningsAlert({
+  violations = [],
+  warnings = [],
+}: {
+  violations?: string[];
+  warnings?: string[];
+}) {
+  if (!violations.length && !warnings.length) return null;
+
+  return (
+    <Stack gap="sm">
+      {violations.length > 0 ? (
+        <Alert color="red" radius="xl" icon={<XCircle size={16} />} title="Violations">
+          <List size="sm" spacing={4}>
+            {violations.map((v) => (
+              <List.Item key={v}>{v}</List.Item>
+            ))}
+          </List>
+        </Alert>
+      ) : null}
+      {warnings.length > 0 ? (
+        <Alert color="yellow" radius="xl" icon={<AlertTriangle size={16} />} title="Warnings">
+          <List size="sm" spacing={4}>
+            {warnings.map((w) => (
+              <List.Item key={w}>{w}</List.Item>
+            ))}
+          </List>
+        </Alert>
+      ) : null}
+    </Stack>
+  );
+}
+
+export function PreviewSummary({
+  summary,
+}: {
+  summary?: {
+    totalBookings: number;
+    totalWeightTons: number;
+    wagonType: string;
+    wagonsNeeded: number;
+    totalLengthMeters: number;
+  };
+}) {
+  if (!summary) return null;
+  const stats = [
+    { label: "Bookings", value: String(summary.totalBookings) },
+    { label: "Wagons", value: String(summary.wagonsNeeded) },
+    { label: "Wagon type", value: summary.wagonType },
+    { label: "Total weight", value: `${summary.totalWeightTons}T` },
+    { label: "Train length", value: `${summary.totalLengthMeters}m` },
+  ];
+  return (
+    <Paper p="md" radius="xl" withBorder bg="green.0">
+      <Text size="sm" fw={600} mb="sm">
+        Plan summary
+      </Text>
+      <SimpleGrid cols={{ base: 2, sm: 3, md: 5 }} spacing="sm">
+        {stats.map((stat) => (
+          <Stack key={stat.label} gap={2}>
+            <Text size="xs" c="dimmed" tt="uppercase">
+              {stat.label}
+            </Text>
+            <Text size="sm" fw={600}>
+              {stat.value}
+            </Text>
+          </Stack>
+        ))}
+      </SimpleGrid>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/SchedulingWorkflowHeader.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/SchedulingWorkflowHeader.tsx
new file mode 100644
index 000000000..e44648f00
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/SchedulingWorkflowHeader.tsx
@@ -0,0 +1,90 @@
+import { Badge, Group, Paper, Progress, Stack, Text, ThemeIcon } from "@mantine/core";
+import type { LucideIcon } from "lucide-react";
+import {
+  CheckCircle2,
+  Container,
+  LayoutGrid,
+  Link2,
+  Package,
+} from "lucide-react";
+
+
+const stepIcons: Record<string, LucideIcon> = {
+  package: Package,
+  layout: LayoutGrid,
+  container: Container,
+  link: Link2,
+  check: CheckCircle2,
+};
+
+export function SchedulingWorkflowHeader({
+  title,
+  subtitle,
+  activeStep,
+  totalSteps,
+  stepLabel,
+  stepDescription,
+  stepIcon = "package",
+}: {
+  title: string;
+  subtitle?: string;
+  activeStep: number;
+  totalSteps: number;
+  stepLabel: string;
+  stepDescription?: string;
+  stepIcon?: keyof typeof stepIcons;
+}) {
+  const Icon = stepIcons[stepIcon] ?? Package;
+  const progress = totalSteps > 0 ? Math.round(((activeStep + 1) / totalSteps) * 100) : 0;
+
+  return (
+    <Paper
+      p="md"
+      radius="xl"
+      withBorder
+      style={{
+        background:
+          "linear-gradient(180deg, var(--mantine-color-white) 0%, var(--mantine-color-gray-0) 100%)",
+      }}
+    >
+      <Group justify="space-between" align="flex-start" wrap="wrap" gap="md">
+        <Group gap="md" align="flex-start">
+          <ThemeIcon size={42} radius="xl" variant="gradient" gradient={{ from: "green", to: "teal", deg: 135 }}>
+            <Icon size={20} />
+          </ThemeIcon>
+          <Stack gap={4}>
+            <Text fw={700} size="lg">
+              {title}
+            </Text>
+            {subtitle ? (
+              <Text size="sm" c="dimmed">
+                {subtitle}
+              </Text>
+            ) : null}
+          </Stack>
+        </Group>
+        <Badge size="lg" variant="light" color="green">
+          Step {activeStep + 1} of {totalSteps}
+        </Badge>
+      </Group>
+
+      <Stack gap={6} mt="md">
+        <Group justify="space-between">
+          <Text size="sm" fw={600}>
+            {stepLabel}
+            {stepDescription ? (
+              <Text span c="dimmed" fw={400}>
+                {" "}
+                · {stepDescription}
+              </Text>
+            ) : null}
+          </Text>
+          <Text size="xs" c="dimmed">
+            {progress}%
+          </Text>
+        </Group>
+        <Progress value={progress} size="sm" radius="xl" color="green" />
+      </Stack>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/TrainCompositionDiagram.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/TrainCompositionDiagram.tsx
new file mode 100644
index 000000000..233ab81ac
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/TrainCompositionDiagram.tsx
@@ -0,0 +1,742 @@
+import { useMemo } from "react";
+import { Box, Group, Paper, Progress, Stack, Text, Tooltip } from "@mantine/core";
+import { useElementSize } from "@mantine/hooks";
+import { Box as BoxIcon, Container as ContainerIcon, Fuel, Gauge, TrainFront } from "lucide-react";
+
+import { freightBrand } from "@/theme/freight-brand";
+
+/**
+ * Visual train composition: a locomotive coupled to its wagons, drawn like a real
+ * consist. Long trains wrap into a serpentine (zig-zag) so the whole train stays on
+ * screen. Each wagon shows its load (container blocks or a bulk fill gauge), physical
+ * wagon number and tonnage.
+ */
+
+type DiagramWagonInput = {
+  sequenceNo: number;
+  capacityTons: number;
+  assignedWeightTons: number;
+  slotLoadType?: string | null;
+  wagonType?: { code?: string | null } | null;
+  wagonTypeCode?: string | null;
+  physicalWagonNumber?: string | null;
+  allocations?: Array<{
+    bookingReference?: string | null;
+    bookingId?: string;
+    loadType?: string | null;
+    containerItems?: Array<{ containerNumber?: string | null }> | null;
+    bulkLoad?: { weightTons?: number | null; cargoDescription?: string | null } | null;
+  }> | null;
+};
+
+type NormalizedWagon = {
+  sequenceNo: number;
+  capacityTons: number;
+  assignedWeightTons: number;
+  wagonTypeCode: string | null;
+  physicalWagonNumber: string | null;
+  isEmpty: boolean;
+  isBulk: boolean;
+  containerNumbers: string[];
+  bookingRefs: string[];
+  cargoDescription: string | null;
+};
+
+const CAR_WIDTH = 150; // car body + coupler footprint
+
+function normalizeWagon(w: DiagramWagonInput, freightType?: string | null): NormalizedWagon {
+  const allocations = w.allocations ?? [];
+  const firstLoad = (
+    w.slotLoadType ??
+    allocations[0]?.loadType ??
+    freightType ??
+    ""
+  )
+    .toString()
+    .toUpperCase();
+  const isBulk = firstLoad.includes("BULK");
+  const containerNumbers: string[] = [];
+  const bookingRefs: string[] = [];
+  let cargoDescription: string | null = null;
+  for (const alloc of allocations) {
+    if (alloc.bookingReference) bookingRefs.push(alloc.bookingReference);
+    for (const item of alloc.containerItems ?? []) {
+      containerNumbers.push(item.containerNumber?.trim() || "—");
+    }
+    if (alloc.bulkLoad?.cargoDescription) cargoDescription = alloc.bulkLoad.cargoDescription;
+  }
+  return {
+    sequenceNo: w.sequenceNo,
+    capacityTons: Number(w.capacityTons) || 0,
+    assignedWeightTons: Number(w.assignedWeightTons) || 0,
+    wagonTypeCode: w.wagonType?.code ?? w.wagonTypeCode ?? null,
+    physicalWagonNumber: w.physicalWagonNumber ?? null,
+    isEmpty: allocations.length === 0,
+    isBulk,
+    containerNumbers,
+    bookingRefs,
+    cargoDescription,
+  };
+}
+
+function chunk<T>(items: T[], size: number): T[][] {
+  if (size <= 0) return [items];
+  const rows: T[][] = [];
+  for (let i = 0; i < items.length; i += size) rows.push(items.slice(i, i + size));
+  return rows;
+}
+
+function Wheels({ count = 2, dark = false }: { count?: number; dark?: boolean }) {
+  return (
+    <Group gap={count > 2 ? 10 : 18} justify="center" wrap="nowrap" mt={2}>
+      {Array.from({ length: count }).map((_, i) => (
+        <Box
+          key={i}
+          style={{
+            width: 13,
+            height: 13,
+            borderRadius: "50%",
+            background: dark
+              ? "radial-gradient(circle at 35% 35%, #2c4a3a, #0f291b)"
+              : "radial-gradient(circle at 35% 35%, var(--mantine-color-gray-5), var(--mantine-color-gray-8))",
+            border: "2px solid var(--mantine-color-gray-4)",
+            boxShadow: "inset 0 0 0 2px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2)",
+          }}
+        />
+      ))}
+    </Group>
+  );
+}
+
+function Coupler() {
+  return (
+    <Box style={{ width: 16, height: 78, display: "flex", alignItems: "center", flexShrink: 0 }}>
+      <Box
+        style={{
+          width: "100%",
+          height: 6,
+          borderRadius: 3,
+          background:
+            "linear-gradient(90deg, var(--mantine-color-gray-4), var(--mantine-color-gray-6), var(--mantine-color-gray-4))",
+          boxShadow: "0 1px 1px rgba(0,0,0,0.15)",
+        }}
+      />
+    </Box>
+  );
+}
+
+function LocomotiveCar({
+  code,
+  name,
+  maxPullWeightTons,
+}: {
+  code: string;
+  name?: string | null;
+  maxPullWeightTons?: number | null;
+}) {
+  return (
+    <Tooltip
+      label={`Locomotive ${code}${name ? ` · ${name}` : ""}${
+        maxPullWeightTons ? ` · pulls up to ${maxPullWeightTons}T` : ""
+      }`}
+      withArrow
+    >
+      <Box style={{ width: 134, flexShrink: 0 }}>
+        <Box
+          style={{
+            position: "relative",
+            height: 78,
+            borderRadius: "14px 26px 10px 10px",
+            background: `linear-gradient(160deg, ${freightBrand.primaryLight} 0%, ${freightBrand.primary} 45%, ${freightBrand.primaryDark} 100%)`,
+            boxShadow: `${freightBrand.shadowSm}, inset 0 1px 0 rgba(255,255,255,0.25)`,
+            border: "1px solid rgba(0,0,0,0.1)",
+            overflow: "hidden",
+            padding: "10px 10px 8px",
+            color: "white",
+          }}
+        >
+          {/* roofline */}
+          <Box
+            style={{
+              position: "absolute",
+              top: 0,
+              left: 0,
+              right: 14,
+              height: 5,
+              background: "rgba(0,0,0,0.22)",
+              borderRadius: "14px 0 0 0",
+            }}
+          />
+          {/* roof vents */}
+          <Box style={{ position: "absolute", top: 1, left: 16, display: "flex", gap: 5 }}>
+            {[0, 1, 2].map((i) => (
+              <Box
+                key={i}
+                style={{
+                  width: 10,
+                  height: 3,
+                  borderRadius: 2,
+                  background: "rgba(255,255,255,0.35)",
+                }}
+              />
+            ))}
+          </Box>
+          {/* cab windows */}
+          <Box style={{ position: "absolute", top: 10, right: 10, display: "flex", gap: 4 }}>
+            <Box
+              style={{
+                width: 15,
+                height: 13,
+                borderRadius: "3px 6px 3px 3px",
+                background: "linear-gradient(135deg, #E8FBFF 0%, #9ED9E8 100%)",
+                border: "1px solid rgba(0,0,0,0.15)",
+              }}
+            />
+            <Box
+              style={{
+                width: 12,
+                height: 13,
+                borderRadius: 3,
+                background: "linear-gradient(135deg, rgba(232,251,255,0.8), rgba(158,217,232,0.6))",
+                border: "1px solid rgba(0,0,0,0.12)",
+              }}
+            />
+          </Box>
+          {/* headlight */}
+          <Box
+            style={{
+              position: "absolute",
+              bottom: 14,
+              right: 5,
+              width: 8,
+              height: 8,
+              borderRadius: "50%",
+              background: "#fde68a",
+              boxShadow: "0 0 10px 3px rgba(253,230,138,0.9)",
+            }}
+          />
+          {/* hazard stripe on the nose */}
+          <Box
+            style={{
+              position: "absolute",
+              bottom: 0,
+              left: 0,
+              right: 0,
+              height: 6,
+              background:
+                "repeating-linear-gradient(45deg, #fbbf24 0 7px, #1f2937 7px 14px)",
+              opacity: 0.9,
+            }}
+          />
+          <Group gap={6} wrap="nowrap" align="center">
+            <TrainFront size={18} />
+            <Text size="sm" fw={800} style={{ letterSpacing: 0.4 }}>
+              {code}
+            </Text>
+          </Group>
+          <Text size="9px" mt={1} style={{ opacity: 0.85 }} lineClamp={1}>
+            {name ?? "Locomotive"}
+          </Text>
+          {maxPullWeightTons ? (
+            <Group gap={3} wrap="nowrap" mt={3} style={{ opacity: 0.95 }}>
+              <Gauge size={10} />
+              <Text size="9px" fw={700}>
+                {maxPullWeightTons}T pull
+              </Text>
+            </Group>
+          ) : null}
+        </Box>
+        <Wheels count={3} dark />
+        <Text size="9px" ta="center" c="dimmed" mt={2} fw={700} style={{ letterSpacing: 1 }}>
+          HEAD
+        </Text>
+      </Box>
+    </Tooltip>
+  );
+}
+
+const CONTAINER_GRADIENTS = [
+  "linear-gradient(180deg, var(--mantine-color-cyan-5), var(--mantine-color-cyan-7))",
+  "linear-gradient(180deg, var(--mantine-color-blue-5), var(--mantine-color-blue-7))",
+];
+const CONTAINER_BORDERS = [
+  "var(--mantine-color-cyan-8)",
+  "var(--mantine-color-blue-8)",
+];
+
+function WagonCar({ wagon }: { wagon: NormalizedWagon }) {
+  const utilization =
+    wagon.capacityTons > 0
+      ? Math.min(100, Math.round((wagon.assignedWeightTons / wagon.capacityTons) * 100))
+      : 0;
+  const accent = wagon.isEmpty ? "gray" : wagon.isBulk ? "orange" : "cyan";
+  const accentVar = `var(--mantine-color-${accent}-6)`;
+
+  const tooltipLabel = wagon.isEmpty
+    ? `Wagon #${wagon.sequenceNo} · empty / available`
+    : `Wagon #${wagon.sequenceNo}${wagon.physicalWagonNumber ? ` · ${wagon.physicalWagonNumber}` : ""}\n${
+        wagon.bookingRefs.length ? wagon.bookingRefs.join(", ") : ""
+      }${
+        wagon.containerNumbers.length ? `\nContainers: ${wagon.containerNumbers.join(", ")}` : ""
+      }${wagon.cargoDescription ? `\n${wagon.cargoDescription}` : ""}\nLoad: ${wagon.assignedWeightTons}/${wagon.capacityTons}T (${utilization}%)`;
+
+  // container blocks: one per container number (cap visual at 2 = TEU per wagon)
+  const blocks = wagon.containerNumbers.slice(0, 2);
+
+  return (
+    <Tooltip label={tooltipLabel} withArrow multiline maw={240} style={{ whiteSpace: "pre-line" }}>
+      <Box style={{ width: 134, flexShrink: 0 }}>
+        <Box
+          style={{
+            position: "relative",
+            height: 78,
+            borderRadius: 12,
+            background: wagon.isEmpty
+              ? "var(--mantine-color-gray-0)"
+              : "linear-gradient(180deg, white, var(--mantine-color-gray-0))",
+            border: wagon.isEmpty
+              ? "1.5px dashed var(--mantine-color-gray-4)"
+              : "1px solid var(--mantine-color-gray-3)",
+            boxShadow: wagon.isEmpty ? "none" : "0 3px 10px rgba(15,41,27,0.08)",
+            overflow: "hidden",
+            display: "flex",
+            flexDirection: "column",
+          }}
+        >
+          {/* top accent strip */}
+          <Box
+            style={{
+              height: 4,
+              background: wagon.isEmpty
+                ? "var(--mantine-color-gray-3)"
+                : `linear-gradient(90deg, ${accentVar}, var(--mantine-color-${accent}-4))`,
+            }}
+          />
+          {/* header */}
+          <Group justify="space-between" px={8} pt={4} wrap="nowrap">
+            <Text size="10px" fw={800} c="gray.7">
+              #{wagon.sequenceNo}
+            </Text>
+            {wagon.isEmpty ? (
+              <Text size="9px" c="dimmed" fw={700} style={{ letterSpacing: 0.5 }}>
+                EMPTY
+              </Text>
+            ) : (
+              <Group gap={3} wrap="nowrap">
+                {wagon.isBulk ? <Fuel size={11} color={accentVar} /> : <ContainerIcon size={11} color={accentVar} />}
+                <Text size="9px" fw={700} c={`${accent}.7`} style={{ letterSpacing: 0.4 }}>
+                  {wagon.isBulk ? "BULK" : "CONT"}
+                </Text>
+              </Group>
+            )}
+          </Group>
+
+          {/* body */}
+          <Box style={{ flex: 1, padding: "4px 8px 4px", display: "flex", alignItems: "center" }}>
+            {wagon.isEmpty ? (
+              <Group gap={4} justify="center" style={{ width: "100%" }}>
+                <BoxIcon size={14} color="var(--mantine-color-gray-4)" />
+                <Text size="9px" c="dimmed">
+                  Available
+                </Text>
+              </Group>
+            ) : wagon.isBulk ? (
+              <Stack gap={3} style={{ width: "100%" }}>
+                <Box
+                  style={{
+                    height: 18,
+                    borderRadius: 6,
+                    background: "var(--mantine-color-orange-0)",
+                    border: "1px solid var(--mantine-color-orange-2)",
+                    overflow: "hidden",
+                    position: "relative",
+                  }}
+                >
+                  <Box
+                    style={{
+                      position: "absolute",
+                      inset: 0,
+                      width: `${utilization}%`,
+                      background:
+                        "linear-gradient(90deg, var(--mantine-color-orange-6), var(--mantine-color-orange-4))",
+                      boxShadow: "inset 0 1px 0 rgba(255,255,255,0.35)",
+                    }}
+                  />
+                </Box>
+                <Text size="9px" c="dimmed" ta="center" fw={600}>
+                  {wagon.assignedWeightTons}/{wagon.capacityTons}T
+                </Text>
+              </Stack>
+            ) : (
+              <Group gap={4} justify="center" wrap="nowrap" style={{ width: "100%" }}>
+                {(blocks.length ? blocks : ["—"]).map((cn, i) => (
+                  <Box
+                    key={i}
+                    style={{
+                      flex: 1,
+                      minWidth: 0,
+                      height: 28,
+                      borderRadius: 5,
+                      background: CONTAINER_GRADIENTS[i % CONTAINER_GRADIENTS.length],
+                      border: `1px solid ${CONTAINER_BORDERS[i % CONTAINER_BORDERS.length]}`,
+                      boxShadow: "inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.15)",
+                      display: "flex",
+                      flexDirection: "column",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      padding: "0 3px",
+                    }}
+                  >
+                    {/* corrugation lines */}
+                    <Box
+                      style={{
+                        width: "80%",
+                        height: 2,
+                        marginBottom: 2,
+                        background:
+                          "repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 3px, transparent 3px 6px)",
+                        borderRadius: 1,
+                      }}
+                    />
+                    <Text size="8px" fw={700} c="white" truncate style={{ maxWidth: "100%" }}>
+                      {cn}
+                    </Text>
+                  </Box>
+                ))}
+              </Group>
+            )}
+          </Box>
+
+          {/* utilization hairline */}
+          {!wagon.isEmpty && !wagon.isBulk ? (
+            <Box style={{ height: 3, background: "var(--mantine-color-gray-1)" }}>
+              <Box
+                style={{
+                  width: `${utilization}%`,
+                  height: "100%",
+                  background:
+                    utilization >= 100
+                      ? "var(--mantine-color-red-5)"
+                      : `var(--mantine-color-${accent}-5)`,
+                }}
+              />
+            </Box>
+          ) : null}
+
+          {/* footer */}
+          <Box
+            style={{
+              borderTop: "1px solid var(--mantine-color-gray-1)",
+              padding: "2px 8px",
+              background: wagon.isEmpty ? "transparent" : "var(--mantine-color-gray-0)",
+            }}
+          >
+            <Group justify="space-between" wrap="nowrap" gap={4}>
+              <Text size="8px" c="dimmed" fw={600} truncate>
+                {wagon.physicalWagonNumber ?? wagon.wagonTypeCode ?? "Wagon"}
+              </Text>
+              {!wagon.isEmpty ? (
+                <Text size="8px" c="gray.6" fw={700} style={{ whiteSpace: "nowrap" }}>
+                  {wagon.assignedWeightTons}T
+                </Text>
+              ) : null}
+            </Group>
+          </Box>
+        </Box>
+        <Wheels count={2} />
+      </Box>
+    </Tooltip>
+  );
+}
+
+/** Railway track: two rails over evenly-spaced sleepers. */
+function TrackBed() {
+  return (
+    <Box
+      style={{
+        position: "absolute",
+        left: 4,
+        right: 4,
+        bottom: 4,
+        height: 10,
+      }}
+    >
+      {/* sleepers */}
+      <Box
+        style={{
+          position: "absolute",
+          inset: 0,
+          background:
+            "repeating-linear-gradient(90deg, var(--mantine-color-gray-4) 0 5px, transparent 5px 20px)",
+          opacity: 0.6,
+          borderRadius: 2,
+        }}
+      />
+      {/* rails */}
+      <Box
+        style={{
+          position: "absolute",
+          left: 0,
+          right: 0,
+          top: 1,
+          height: 2,
+          borderRadius: 1,
+          background: "var(--mantine-color-gray-6)",
+        }}
+      />
+      <Box
+        style={{
+          position: "absolute",
+          left: 0,
+          right: 0,
+          bottom: 1,
+          height: 2,
+          borderRadius: 1,
+          background: "var(--mantine-color-gray-6)",
+        }}
+      />
+    </Box>
+  );
+}
+
+export function TrainCompositionDiagram({
+  locomotive,
+  wagons,
+  freightType,
+  trainNumber,
+  totalLengthMeters,
+}: {
+  locomotive?: { code?: string | null; name?: string | null; maxPullWeightTons?: number | null } | null;
+  wagons: DiagramWagonInput[];
+  freightType?: string | null;
+  trainNumber?: string | null;
+  totalLengthMeters?: number | null;
+}) {
+  const { ref, width } = useElementSize();
+
+  const normalized = useMemo(
+    () => wagons.map((w) => normalizeWagon(w, freightType)),
+    [wagons, freightType],
+  );
+
+  const stats = useMemo(() => {
+    const assigned = normalized.filter((w) => !w.isEmpty).length;
+    const totalWeight = normalized.reduce((s, w) => s + w.assignedWeightTons, 0);
+    const totalCapacity = normalized.reduce((s, w) => s + w.capacityTons, 0);
+    return {
+      total: normalized.length,
+      assigned,
+      empty: normalized.length - assigned,
+      totalWeight: Math.round(totalWeight * 100) / 100,
+      totalCapacity,
+      pullUtil:
+        locomotive?.maxPullWeightTons && locomotive.maxPullWeightTons > 0
+          ? Math.min(100, Math.round((totalWeight / locomotive.maxPullWeightTons) * 100))
+          : null,
+    };
+  }, [normalized, locomotive]);
+
+  // cars-per-row from measured width; locomotive counts as one car
+  const perRow = Math.max(1, Math.floor((width || CAR_WIDTH) / CAR_WIDTH));
+  const cars = useMemo(
+    () => [{ kind: "loco" as const }, ...normalized.map((w) => ({ kind: "wagon" as const, w }))],
+    [normalized],
+  );
+  const rows = useMemo(() => chunk(cars, perRow), [cars, perRow]);
+
+  if (!locomotive && !wagons.length) return null;
+
+  return (
+    <Paper
+      radius="lg"
+      p="lg"
+      withBorder
+      style={{
+        borderColor: "var(--mantine-color-gray-2)",
+        background: "white",
+      }}
+    >
+      <Stack gap="md">
+        {/* Header */}
+        <Group justify="space-between" align="flex-start" wrap="wrap" gap="sm">
+          <Group gap="sm" wrap="nowrap">
+            <Box
+              style={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: 40,
+                height: 40,
+                borderRadius: 11,
+                background: freightBrand.gradient,
+                boxShadow: freightBrand.shadowSm,
+                color: "white",
+              }}
+            >
+              <TrainFront size={21} />
+            </Box>
+            <Stack gap={0}>
+              <Text fw={800} style={{ letterSpacing: 0.2 }}>
+                Train composition
+              </Text>
+              <Text size="xs" c="dimmed">
+                {trainNumber ? `${trainNumber} · ` : ""}
+                {stats.total} wagons · {stats.assigned} loaded · {stats.empty} empty
+                {totalLengthMeters ? ` · ${totalLengthMeters}m` : ""}
+              </Text>
+            </Stack>
+          </Group>
+
+          <Group gap="md">
+            <Group
+              gap={6}
+              style={{
+                padding: "4px 12px",
+                borderRadius: 999,
+                background: "var(--mantine-color-gray-0)",
+                border: "1px solid var(--mantine-color-gray-2)",
+              }}
+            >
+              <Text size="xs" fw={700} c="dark.4">
+                {stats.totalWeight}T
+              </Text>
+              <Text size="xs" c="dimmed">
+                of {stats.totalCapacity}T capacity
+              </Text>
+            </Group>
+            <Group gap="xs">
+              <LegendDot color="cyan" label="Container" />
+              <LegendDot color="orange" label="Bulk" />
+              <LegendDot color="gray" label="Empty" />
+            </Group>
+          </Group>
+        </Group>
+
+        {/* Locomotive pull gauge */}
+        {stats.pullUtil != null ? (
+          <Box
+            p="sm"
+            style={{
+              borderRadius: 12,
+              background: "linear-gradient(135deg, var(--mantine-color-green-0), #F2FBF7)",
+              border: "1px solid var(--mantine-color-green-1)",
+            }}
+          >
+            <Group justify="space-between" mb={6}>
+              <Group gap={6} wrap="nowrap">
+                <Gauge size={14} color={freightBrand.primary} />
+                <Text size="xs" fw={700} c="green.8">
+                  Locomotive load · {stats.totalWeight}T of {locomotive?.maxPullWeightTons}T
+                </Text>
+              </Group>
+              <Text size="sm" fw={800} c={stats.pullUtil > 95 ? "red.7" : "green.7"}>
+                {stats.pullUtil}%
+              </Text>
+            </Group>
+            <Progress
+              value={stats.pullUtil}
+              size="md"
+              radius="xl"
+              striped={stats.pullUtil > 95}
+              animated={stats.pullUtil > 95}
+              color={stats.pullUtil > 95 ? "red" : stats.pullUtil > 80 ? "yellow" : "green"}
+            />
+          </Box>
+        ) : null}
+
+        {/* The train */}
+        <Box ref={ref} style={{ width: "100%" }}>
+          <Stack gap={0}>
+            {rows.map((row, rowIndex) => {
+              const reversed = rowIndex % 2 === 1;
+              const isLast = rowIndex === rows.length - 1;
+              // side where this row's track ends / turns down to the next row
+              const turnSide: "left" | "right" = rowIndex % 2 === 0 ? "right" : "left";
+              return (
+                <Box key={rowIndex}>
+                  <Box style={{ position: "relative", paddingBottom: 10 }}>
+                    <TrackBed />
+                    <Group
+                      gap={0}
+                      wrap="nowrap"
+                      justify="flex-start"
+                      style={{
+                        flexDirection: reversed ? "row-reverse" : "row",
+                        position: "relative",
+                      }}
+                    >
+                      {row.map((car, carIndex) => (
+                        <Group key={carIndex} gap={0} wrap="nowrap" style={{ flexDirection: reversed ? "row-reverse" : "row" }}>
+                          {carIndex > 0 ? <Coupler /> : null}
+                          {car.kind === "loco" ? (
+                            locomotive ? (
+                              <LocomotiveCar
+                                code={locomotive.code ?? "LOCO"}
+                                name={locomotive.name}
+                                maxPullWeightTons={locomotive.maxPullWeightTons}
+                              />
+                            ) : null
+                          ) : (
+                            <WagonCar wagon={car.w} />
+                          )}
+                        </Group>
+                      ))}
+                    </Group>
+                  </Box>
+
+                  {/* serpentine turn connector to the next row */}
+                  {!isLast ? (
+                    <Box style={{ position: "relative", height: 16 }}>
+                      <Box
+                        style={{
+                          position: "absolute",
+                          top: -10,
+                          height: 26,
+                          width: 22,
+                          borderBottom: "4px solid var(--mantine-color-gray-4)",
+                          ...(turnSide === "right"
+                            ? {
+                                right: 4,
+                                borderRight: "4px solid var(--mantine-color-gray-4)",
+                                borderBottomRightRadius: 16,
+                              }
+                            : {
+                                left: 4,
+                                borderLeft: "4px solid var(--mantine-color-gray-4)",
+                                borderBottomLeftRadius: 16,
+                              }),
+                        }}
+                      />
+                    </Box>
+                  ) : null}
+                </Box>
+              );
+            })}
+          </Stack>
+        </Box>
+      </Stack>
+    </Paper>
+  );
+}
+
+function LegendDot({ color, label }: { color: string; label: string }) {
+  return (
+    <Group gap={5} wrap="nowrap">
+      <Box
+        style={{
+          width: 10,
+          height: 10,
+          borderRadius: 3,
+          background:
+            color === "gray"
+              ? "var(--mantine-color-gray-2)"
+              : `var(--mantine-color-${color}-5)`,
+          border: color === "gray" ? "1.5px dashed var(--mantine-color-gray-4)" : "none",
+        }}
+      />
+      <Text size="xs" c="dimmed">
+        {label}
+      </Text>
+    </Group>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/WagonPlanGrid.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/WagonPlanGrid.tsx
new file mode 100644
index 000000000..6d20f515b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/WagonPlanGrid.tsx
@@ -0,0 +1,185 @@
+import { Badge, Card, Group, Progress, SimpleGrid, Stack, Text, ThemeIcon } from "@mantine/core";
+import { Box, Package } from "lucide-react";
+import type { TrainScheduleWagonAllocation, WagonPlanRow } from "@/types/trainScheduling";
+
+type WagonSlot = (WagonPlanRow & { physicalWagonNumber?: string | null }) | {
+  sequenceNo: number;
+  capacityTons: number;
+  assignedWeightTons: number;
+  slotLoadType?: string;
+  wagonType?: { code: string } | null;
+  wagonTypeCode?: string;
+  physicalWagonNumber?: string | null;
+  allocations?: TrainScheduleWagonAllocation[] | Array<{
+    id?: string;
+    bookingId: string;
+    bookingReference?: string | null;
+    allocatedWeightTons: number;
+    loadType?: string | null;
+    containerItems?: Array<{ containerNumber: string | null; grossWeightTons?: number | null }>;
+    bulkLoad?: { weightTons: number; cargoDescription: string | null } | null;
+  }>;
+};
+
+function loadTypeColor(loadType: string | undefined, freightType?: string | null) {
+  const normalized = loadType?.toUpperCase() ?? "";
+  if (normalized.includes("BULK")) return "orange";
+  if (normalized.includes("CONTAINER")) return "cyan";
+  return freightType === "BULK" ? "orange" : "cyan";
+}
+
+function slotLabel(slot: WagonSlot, freightType?: string | null) {
+  if ("slotLoadType" in slot && slot.slotLoadType) return slot.slotLoadType;
+  const fromAlloc = slot.allocations?.[0]?.loadType?.toString().toUpperCase();
+  if (fromAlloc) return fromAlloc;
+  if (freightType === "MIXED") return "MIXED";
+  return freightType ?? "SLOT";
+}
+
+function wagonTypeLabel(slot: WagonSlot) {
+  if ("wagonType" in slot && slot.wagonType?.code) return slot.wagonType.code;
+  if ("wagonTypeCode" in slot && slot.wagonTypeCode) return slot.wagonTypeCode;
+  return null;
+}
+
+export function WagonPlanGrid({
+  wagonPlan,
+  freightType,
+}: {
+  wagonPlan: WagonSlot[];
+  freightType?: string | null;
+}) {
+  if (!wagonPlan?.length) {
+    return (
+      <Card radius="lg" padding="xl" withBorder bg="gray.0">
+        <Stack align="center" gap="sm">
+          <ThemeIcon size="lg" radius="xl" variant="light" color="gray">
+            <Package size={20} />
+          </ThemeIcon>
+          <Text size="sm" fw={500}>
+            No wagon plan yet
+          </Text>
+          <Text size="xs" c="dimmed" ta="center" maw={360}>
+            Select bookings and run <strong>Preview plan</strong> to generate wagon slots and
+            allocations.
+          </Text>
+        </Stack>
+      </Card>
+    );
+  }
+
+  const totalCapacity = wagonPlan.reduce((sum, w) => sum + w.capacityTons, 0);
+  const totalAssigned = wagonPlan.reduce((sum, w) => sum + w.assignedWeightTons, 0);
+  const usedSlots = wagonPlan.filter((w) => (w.allocations?.length ?? 0) > 0).length;
+
+  const isBulk = freightType === "BULK" || wagonPlan.every((w) => w.slotLoadType === "BULK" || (!w.slotLoadType && w.allocations?.[0]?.loadType === "Bulk"));
+
+  return (
+    <Stack gap="md">
+      <Group gap="lg">
+        <Text size="sm" c="dimmed">
+          <strong>{wagonPlan.length}</strong> wagons · <strong>{usedSlots}</strong> in use
+        </Text>
+        {isBulk ? (
+          <Text size="sm" c="dimmed">
+            Load: <strong>{totalAssigned}</strong> / {totalCapacity}T
+          </Text>
+        ) : null}
+      </Group>
+
+      <SimpleGrid cols={{ base: 1, sm: 2, xl: 3 }} spacing="md">
+        {wagonPlan.map((wagon) => {
+          const seq = wagon.sequenceNo;
+          const capacity = wagon.capacityTons;
+          const assigned = wagon.assignedWeightTons;
+          const allocations = wagon.allocations ?? [];
+          const utilization = capacity > 0 ? Math.min(100, Math.round((assigned / capacity) * 100)) : 0;
+          const label = slotLabel(wagon, freightType);
+          const typeCode = wagonTypeLabel(wagon);
+
+          return (
+            <Card key={seq} radius="lg" padding="md" withBorder>
+              <Stack gap="sm">
+                <Group justify="space-between" align="flex-start" wrap="nowrap">
+                  <Group gap="xs" wrap="nowrap">
+                    <ThemeIcon size="md" radius="md" variant="light" color={loadTypeColor(label, freightType)}>
+                      <Box size={16} />
+                    </ThemeIcon>
+                    <Stack gap={0}>
+                      <Text fw={600} size="sm">
+                        {wagon.physicalWagonNumber ?? `Wagon #${seq}`}
+                      </Text>
+                      <Text size="xs" c="dimmed">
+                        {[typeCode, `Pos ${seq}`].filter(Boolean).join(" · ")}
+                      </Text>
+                    </Stack>
+                  </Group>
+                  <Badge variant="light" size="sm" color={loadTypeColor(label, freightType)}>
+                    {label}
+                  </Badge>
+                </Group>
+
+                {label === "BULK" ? (
+                  <Stack gap={4}>
+                    <Group justify="space-between">
+                      <Text size="xs" c="dimmed">
+                        Capacity
+                      </Text>
+                      <Text size="xs" fw={500}>
+                        {assigned} / {capacity}T
+                      </Text>
+                    </Group>
+                    <Progress
+                      value={utilization}
+                      size="sm"
+                      radius="xl"
+                      color={utilization > 95 ? "red" : utilization > 80 ? "yellow" : "green"}
+                    />
+                  </Stack>
+                ) : null}
+
+                <Stack gap={6}>
+                  {allocations.length ? (
+                    allocations.map((alloc, index) => (
+                      <Card key={`${alloc.bookingId}-${index}`} padding="xs" radius="md" bg="gray.0">
+                        <Stack gap={2}>
+                          <Group justify="space-between" gap="xs">
+                            <Text size="xs" fw={500} lineClamp={1}>
+                              {alloc.bookingReference ?? alloc.bookingId}
+                            </Text>
+                            {label === "BULK" ? (
+                              <Text size="xs" c="dimmed">
+                                {alloc.allocatedWeightTons}T
+                              </Text>
+                            ) : null}
+                          </Group>
+                          {"containerItems" in alloc && alloc.containerItems?.length ? (
+                            <Text size="xs" c="dimmed">
+                              {alloc.containerItems.length} container{alloc.containerItems.length > 1 ? "s" : ""}
+                            </Text>
+                          ) : null}
+                          {"bulkLoad" in alloc && alloc.bulkLoad ? (
+                            <Text size="xs" c="dimmed" lineClamp={2}>
+                              Bulk · {alloc.bulkLoad.weightTons}T
+                              {alloc.bulkLoad.cargoDescription
+                                ? ` — ${alloc.bulkLoad.cargoDescription}`
+                                : ""}
+                            </Text>
+                          ) : null}
+                        </Stack>
+                      </Card>
+                    ))
+                  ) : (
+                    <Text size="xs" c="dimmed" fs="italic">
+                      Empty slot
+                    </Text>
+                  )}
+                </Stack>
+              </Stack>
+            </Card>
+          );
+        })}
+      </SimpleGrid>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/WorkflowStep.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/WorkflowStep.tsx
new file mode 100644
index 000000000..ef7c9f7ab
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/WorkflowStep.tsx
@@ -0,0 +1,220 @@
+import type { ReactNode } from "react";
+import { Badge, Box, Collapse, Group, Stack, Text, UnstyledButton } from "@mantine/core";
+import type { LucideIcon } from "lucide-react";
+import { Check, ChevronDown, Lock } from "lucide-react";
+
+import { freightBrand } from "@/theme/freight-brand";
+
+export type WorkflowStepState = "complete" | "active" | "upcoming";
+
+/**
+ * A single collapsible step in the scheduling workflow. Steps are stacked
+ * inside <WorkflowRail> which paints the continuous connector behind the
+ * status circles.
+ */
+export function WorkflowStep({
+  index,
+  icon: Icon,
+  title,
+  subtitle,
+  state,
+  open,
+  onToggle,
+  rightSlot,
+  locked = false,
+  children,
+}: {
+  index: number;
+  icon: LucideIcon;
+  title: string;
+  subtitle?: string;
+  state: WorkflowStepState;
+  open: boolean;
+  onToggle: () => void;
+  rightSlot?: ReactNode;
+  locked?: boolean;
+  children: ReactNode;
+}) {
+  const isComplete = state === "complete";
+  const isActive = state === "active";
+
+  const circle = (() => {
+    if (isComplete) {
+      return {
+        bg: freightBrand.primary,
+        color: "white",
+        border: freightBrand.primary,
+        shadow: `0 4px 10px ${freightBrand.ring}`,
+      };
+    }
+    if (isActive) {
+      return {
+        bg: "white",
+        color: freightBrand.primary,
+        border: freightBrand.primary,
+        shadow: `0 0 0 4px ${freightBrand.ring}`,
+      };
+    }
+    return {
+      bg: "var(--mantine-color-gray-1)",
+      color: "var(--mantine-color-gray-5)",
+      border: "var(--mantine-color-gray-3)",
+      shadow: "none",
+    };
+  })();
+
+  return (
+    <Group gap="md" align="stretch" wrap="nowrap">
+      {/* Status circle (sits above the rail) */}
+      <Box
+        style={{
+          width: 40,
+          flexShrink: 0,
+          display: "flex",
+          justifyContent: "center",
+        }}
+      >
+        <Box
+          style={{
+            width: 40,
+            height: 40,
+            borderRadius: "50%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            background: circle.bg,
+            color: circle.color,
+            border: `2px solid ${circle.border}`,
+            boxShadow: circle.shadow,
+            fontWeight: 700,
+            fontSize: 15,
+            transition: "all 150ms ease",
+            position: "relative",
+            zIndex: 1,
+          }}
+        >
+          {isComplete ? <Check size={20} /> : <Icon size={18} />}
+        </Box>
+      </Box>
+
+      {/* Step card */}
+      <Box
+        style={{
+          flex: 1,
+          minWidth: 0,
+          marginBottom: 4,
+          borderRadius: 16,
+          border: `1px solid ${
+            isActive ? freightBrand.mutedBorder : "var(--mantine-color-gray-2)"
+          }`,
+          background: isActive ? freightBrand.mutedBg : "white",
+          boxShadow: isActive ? `0 6px 20px ${freightBrand.ring}` : "none",
+          overflow: "hidden",
+          transition: "all 150ms ease",
+        }}
+      >
+        <UnstyledButton
+          onClick={onToggle}
+          style={{ display: "block", width: "100%", padding: "14px 18px" }}
+        >
+          <Group justify="space-between" wrap="nowrap" gap="sm">
+            <Stack gap={2} style={{ minWidth: 0 }}>
+              <Group gap={8} wrap="nowrap">
+                <Text
+                  size="xs"
+                  fw={700}
+                  c={isComplete || isActive ? "green.7" : "dimmed"}
+                  style={{ letterSpacing: 0.6 }}
+                >
+                  STEP {index + 1}
+                </Text>
+                {isComplete ? (
+                  <Badge size="xs" variant="light" color="green" radius="sm">
+                    Done
+                  </Badge>
+                ) : null}
+              </Group>
+              <Text fw={700} size="md" lh={1.2} truncate>
+                {title}
+              </Text>
+              {subtitle ? (
+                <Text size="xs" c="dimmed" truncate>
+                  {subtitle}
+                </Text>
+              ) : null}
+            </Stack>
+
+            <Group gap="sm" wrap="nowrap" style={{ flexShrink: 0 }}>
+              {rightSlot}
+              <Box
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  width: 28,
+                  height: 28,
+                  borderRadius: 8,
+                  background: open
+                    ? "var(--mantine-color-green-0)"
+                    : "var(--mantine-color-gray-1)",
+                  color: open
+                    ? "var(--mantine-color-green-7)"
+                    : "var(--mantine-color-gray-6)",
+                }}
+              >
+                {locked ? (
+                  <Lock size={14} />
+                ) : (
+                  <ChevronDown
+                    size={16}
+                    style={{
+                      transform: open ? "rotate(180deg)" : "none",
+                      transition: "transform 150ms ease",
+                    }}
+                  />
+                )}
+              </Box>
+            </Group>
+          </Group>
+        </UnstyledButton>
+
+        <Collapse expanded={open}>
+          <Box
+            px="lg"
+            pb="lg"
+            pt={4}
+            style={{ borderTop: "1px solid var(--mantine-color-gray-1)" }}
+          >
+            <Box pt="md">{children}</Box>
+          </Box>
+        </Collapse>
+      </Box>
+    </Group>
+  );
+}
+
+/**
+ * Wraps a list of <WorkflowStep> and paints the continuous vertical rail that
+ * connects the status circles.
+ */
+export function WorkflowRail({ children }: { children: ReactNode }) {
+  return (
+    <Box style={{ position: "relative" }}>
+      {/* connector rail behind the circles (circle is 40px → center at 20) */}
+      <Box
+        style={{
+          position: "absolute",
+          left: 19,
+          top: 24,
+          bottom: 24,
+          width: 2,
+          background:
+            "linear-gradient(180deg, var(--mantine-color-green-3) 0%, var(--mantine-color-gray-3) 100%)",
+          borderRadius: 2,
+          pointerEvents: "none",
+        }}
+      />
+      <Stack gap="md">{children}</Stack>
+    </Box>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/batchVisuals.css b/apps/edr-freight-web/backoffice/src/components/trainScheduling/batchVisuals.css
new file mode 100644
index 000000000..05b0d4699
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/batchVisuals.css
@@ -0,0 +1,55 @@
+/* Batch board / batch detail shared visuals */
+
+@keyframes bbPulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(27, 158, 122, 0.5);
+  }
+  70% {
+    box-shadow: 0 0 0 6px rgba(27, 158, 122, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(27, 158, 122, 0);
+  }
+}
+
+.bb-pulse-dot {
+  animation: bbPulse 2.2s ease-out infinite;
+}
+
+.bb-card {
+  transition:
+    transform 0.18s ease,
+    box-shadow 0.18s ease,
+    border-color 0.18s ease;
+}
+
+.bb-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 18px 40px -16px rgba(13, 60, 44, 0.26);
+  border-color: var(--mantine-color-green-3);
+}
+
+.bb-card .bb-arrow {
+  transition: transform 0.18s ease;
+}
+
+.bb-card:hover .bb-arrow {
+  transform: translateX(4px);
+}
+
+.bb-window-accordion .mantine-Accordion-item {
+  border: 1px solid var(--mantine-color-gray-2);
+  border-radius: 14px;
+  background: white;
+  overflow: hidden;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.bb-window-accordion .mantine-Accordion-item[data-active] {
+  border-color: var(--mantine-color-green-3);
+  box-shadow: 0 8px 22px -14px rgba(13, 60, 44, 0.2);
+}
+
+.bb-window-accordion .mantine-Accordion-control:hover {
+  background: var(--mantine-color-green-0);
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/batchVisuals.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/batchVisuals.tsx
new file mode 100644
index 000000000..be5dc5afd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/batchVisuals.tsx
@@ -0,0 +1,215 @@
+import type { ReactNode } from "react";
+import { Box, Group, Progress, Text, Tooltip } from "@mantine/core";
+
+import "./batchVisuals.css";
+
+/**
+ * Shared visual building blocks for the batch board surfaces (list + detail).
+ * Everything keys off the same booking-pipeline color language so the two
+ * pages read as one clean, professional product on a white surface.
+ */
+
+export type BatchCounts = {
+  allocated: number;
+  selectedForBatch: number;
+  ready: number;
+  waiting: number;
+  pendingContract: number;
+  expired: number;
+};
+
+export const PIPELINE_STAGES: ReadonlyArray<{
+  key: keyof BatchCounts;
+  label: string;
+  color: string;
+  hint: string;
+}> = [
+  {
+    key: "allocated",
+    label: "Allocated",
+    color: "green",
+    hint: "Assigned to wagons on the train",
+  },
+  {
+    key: "selectedForBatch",
+    label: "Selected",
+    color: "orange",
+    hint: "Picked by batch — customer notified to pay",
+  },
+  {
+    key: "ready",
+    label: "Ready",
+    color: "teal",
+    hint: "Contract signed — waiting for batch pick",
+  },
+  {
+    key: "waiting",
+    label: "Waiting",
+    color: "blue",
+    hint: "Paid — waiting for a slot",
+  },
+  {
+    key: "pendingContract",
+    label: "Pending contract",
+    color: "gray",
+    hint: "Contract not signed yet",
+  },
+  {
+    key: "expired",
+    label: "Expired",
+    color: "red",
+    hint: "Payment deadline missed",
+  },
+];
+
+export function totalBookingCount(counts: BatchCounts): number {
+  return PIPELINE_STAGES.reduce((sum, stage) => sum + counts[stage.key], 0);
+}
+
+/**
+ * Stacked booking-pipeline bar: one colored segment per batch state, with an
+ * optional dot legend underneath. Reads as a single glanceable funnel.
+ */
+export function BookingPipeline({
+  counts,
+  size = 10,
+  showLegend = true,
+}: {
+  counts: BatchCounts;
+  size?: number;
+  showLegend?: boolean;
+}) {
+  const total = totalBookingCount(counts);
+  const stages = PIPELINE_STAGES.filter((s) => counts[s.key] > 0);
+
+  if (!total) {
+    return (
+      <Box>
+        <Progress value={0} size={size} radius="xl" />
+        <Text size="xs" c="dimmed" mt={6}>
+          No bookings yet
+        </Text>
+      </Box>
+    );
+  }
+
+  return (
+    <Box>
+      <Progress.Root size={size} radius="xl">
+        {stages.map((stage) => (
+          <Tooltip
+            key={stage.key}
+            label={`${counts[stage.key]} ${stage.label.toLowerCase()} — ${stage.hint}`}
+            withArrow
+          >
+            <Progress.Section
+              value={(counts[stage.key] / total) * 100}
+              color={stage.color}
+            />
+          </Tooltip>
+        ))}
+      </Progress.Root>
+      {showLegend ? (
+        <Group gap={12} mt={9} wrap="wrap">
+          {stages.map((stage) => (
+            <Group key={stage.key} gap={5} wrap="nowrap">
+              <Box
+                w={8}
+                h={8}
+                style={{
+                  borderRadius: 999,
+                  background: `var(--mantine-color-${stage.color}-6)`,
+                  flexShrink: 0,
+                }}
+              />
+              <Text size="xs" c="dimmed">
+                <Text component="span" size="xs" fw={700} c="dark.4">
+                  {counts[stage.key]}
+                </Text>{" "}
+                {stage.label.toLowerCase()}
+              </Text>
+            </Group>
+          ))}
+        </Group>
+      ) : null}
+    </Box>
+  );
+}
+
+const WINDOW_META: Record<string, { color: string; label: string; pulse: boolean }> = {
+  OPEN: { color: "green", label: "Window open", pulse: true },
+  FULL: { color: "orange", label: "Full", pulse: false },
+  CLOSED: { color: "gray", label: "Closed", pulse: false },
+};
+
+/**
+ * Booking-window status pill with a status dot (pulsing while OPEN), styled for
+ * a clean white surface.
+ */
+export function WindowStatusPill({ status }: { status: string }) {
+  const meta = WINDOW_META[status] ?? { color: "gray", label: status, pulse: false };
+  return (
+    <Group
+      gap={6}
+      wrap="nowrap"
+      style={{
+        display: "inline-flex",
+        padding: "4px 11px",
+        borderRadius: 999,
+        background: `var(--mantine-color-${meta.color}-0)`,
+        border: `1px solid var(--mantine-color-${meta.color}-2)`,
+      }}
+    >
+      <Box
+        w={7}
+        h={7}
+        className={meta.pulse ? "bb-pulse-dot" : undefined}
+        style={{
+          borderRadius: 999,
+          flexShrink: 0,
+          background: `var(--mantine-color-${meta.color}-6)`,
+        }}
+      />
+      <Text
+        size="xs"
+        fw={700}
+        c={`${meta.color}.8`}
+        style={{ letterSpacing: 0.3, lineHeight: 1, whiteSpace: "nowrap" }}
+      >
+        {meta.label}
+      </Text>
+    </Group>
+  );
+}
+
+/**
+ * Small neutral info chip used in the page headers (date, loco, status, …).
+ * Clean light surface that reads well on white.
+ */
+export function HeroChip({
+  icon,
+  children,
+}: {
+  icon?: ReactNode;
+  children: ReactNode;
+}) {
+  return (
+    <Group
+      gap={6}
+      wrap="nowrap"
+      style={{
+        display: "inline-flex",
+        padding: "4px 10px",
+        borderRadius: 8,
+        background: "var(--mantine-color-gray-0)",
+        border: "1px solid var(--mantine-color-gray-2)",
+        color: "var(--mantine-color-gray-7)",
+      }}
+    >
+      {icon}
+      <Text size="xs" fw={600} c="gray.7" style={{ whiteSpace: "nowrap" }}>
+        {children}
+      </Text>
+    </Group>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/AssignedBookingsPanel.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/AssignedBookingsPanel.tsx
new file mode 100644
index 000000000..126701b0b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/AssignedBookingsPanel.tsx
@@ -0,0 +1,169 @@
+import { useState } from "react";
+import { ActionIcon, Badge, Box, Card, Group, Stack, Text, ThemeIcon, Tooltip } from "@mantine/core";
+import { Building2, Package, TrainFront, Weight, X } from "lucide-react";
+import type { TrainScheduleDetail } from "@/types/trainScheduling";
+import type { BookingDetailData } from "./BookingDetailModal";
+import { RemoveBookingConfirmModal, type RemovalTarget } from "./RemoveBookingConfirmModal";
+import { useScheduleMutations } from "@/hooks/trainScheduling/useTrainScheduling";
+import { useToast } from "@/hooks/use-toast";
+import { freightBrand } from "@/theme/freight-brand";
+
+interface AssignedBookingsPanelProps {
+  scheduleDetail: TrainScheduleDetail;
+  scheduleId: string;
+  selectedBookingId?: string | null;
+  onSelect: (booking: BookingDetailData) => void;
+}
+
+export const AssignedBookingsPanel = ({
+  scheduleDetail,
+  scheduleId,
+  selectedBookingId,
+  onSelect,
+}: AssignedBookingsPanelProps) => {
+  const { toast } = useToast();
+  const unassign = useScheduleMutations(scheduleId).unassign;
+  const isDispatched = scheduleDetail.status === "DISPATCHED";
+  const [removalTarget, setRemovalTarget] = useState<RemovalTarget | null>(null);
+
+  const wagons = scheduleDetail.trainSet?.wagons ?? [];
+  const wagonCountByBooking = new Map<string, number>();
+  for (const w of wagons) {
+    for (const a of w.allocations ?? []) {
+      wagonCountByBooking.set(a.bookingId, (wagonCountByBooking.get(a.bookingId) ?? 0) + 1);
+    }
+  }
+
+  const assignedBookings = (scheduleDetail.bookings ?? []).filter((b) =>
+    wagonCountByBooking.has(b.id),
+  );
+
+  const handleConfirmRemove = async () => {
+    if (!removalTarget) return;
+    try {
+      await unassign.mutateAsync({ id: scheduleId, bookingId: removalTarget.bookingId });
+      toast({ title: "Booking removed from train" });
+      setRemovalTarget(null);
+    } catch {
+      toast({ title: "Could not remove booking", variant: "destructive" });
+    }
+  };
+
+  if (assignedBookings.length === 0) {
+    return (
+      <Stack align="center" gap="xs" py="xl">
+        <ThemeIcon size={44} radius="xl" variant="light" color="gray">
+          <Package size={20} />
+        </ThemeIcon>
+        <Text size="sm" fw={600} c="gray.7">
+          No assigned bookings
+        </Text>
+        <Text size="xs" c="dimmed" ta="center" maw={220}>
+          Assign a paid booking from the Unassigned tab to load it onto a wagon.
+        </Text>
+      </Stack>
+    );
+  }
+
+  return (
+    <>
+    <Stack gap="xs">
+      {assignedBookings.map((booking) => {
+        const isActive = selectedBookingId === booking.id;
+        return (
+          <Card
+            key={booking.id}
+            padding="xs"
+            radius="md"
+            withBorder
+            onClick={() =>
+              onSelect({
+                bookingId: booking.id,
+                reference: booking.reference,
+                company: booking.customer,
+                freightType: scheduleDetail.freightType ?? null,
+                weightTons: booking.weightTons ?? null,
+                status: booking.status,
+              })
+            }
+            style={{
+              cursor: "pointer",
+              borderColor: isActive ? freightBrand.primary : undefined,
+              boxShadow: isActive ? `0 0 0 2px ${freightBrand.ring}` : undefined,
+              background: isActive ? freightBrand.mutedBg : undefined,
+              transition: "box-shadow 120ms ease",
+            }}
+          >
+            <Group gap={8} wrap="nowrap" align="flex-start">
+              <ThemeIcon size={30} radius="md" variant="light" color="green">
+                <Package size={16} />
+              </ThemeIcon>
+              <Box style={{ flex: 1, minWidth: 0 }}>
+                <Group justify="space-between" wrap="nowrap" gap={4}>
+                  <Text size="sm" fw={700} truncate>
+                    {booking.reference}
+                  </Text>
+                  <Group gap={4} wrap="nowrap">
+                    <Badge
+                      size="xs"
+                      variant="light"
+                      color="green"
+                      leftSection={<TrainFront size={9} />}
+                    >
+                      {wagonCountByBooking.get(booking.id)}
+                    </Badge>
+                    {!isDispatched ? (
+                      <Tooltip label="Remove from train" withArrow>
+                        <ActionIcon
+                          size="sm"
+                          variant="subtle"
+                          color="red"
+                          loading={unassign.isPending && unassign.variables?.bookingId === booking.id}
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            setRemovalTarget({
+                              bookingId: booking.id,
+                              reference: booking.reference,
+                              company: booking.customer,
+                              weightTons: booking.weightTons ?? null,
+                              wagonCount: wagonCountByBooking.get(booking.id) ?? 0,
+                            });
+                          }}
+                        >
+                          <X size={14} />
+                        </ActionIcon>
+                      </Tooltip>
+                    ) : null}
+                  </Group>
+                </Group>
+                {booking.customer ? (
+                  <Group gap={4} wrap="nowrap">
+                    <Building2 size={11} color="var(--mantine-color-gray-6)" />
+                    <Text size="11px" c="dimmed" truncate>
+                      {booking.customer}
+                    </Text>
+                  </Group>
+                ) : null}
+                <Group gap={4} wrap="nowrap" mt={2}>
+                  <Weight size={11} color="var(--mantine-color-gray-6)" />
+                  <Text size="11px" c="dimmed">
+                    {(booking.weightTons ?? 0).toFixed(1)} T
+                  </Text>
+                </Group>
+              </Box>
+            </Group>
+          </Card>
+        );
+      })}
+    </Stack>
+
+    <RemoveBookingConfirmModal
+      opened={Boolean(removalTarget)}
+      onClose={() => setRemovalTarget(null)}
+      onConfirm={handleConfirmRemove}
+      isLoading={unassign.isPending}
+      target={removalTarget}
+    />
+    </>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/BatchBookingList.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/BatchBookingList.tsx
new file mode 100644
index 000000000..ab2b13a20
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/BatchBookingList.tsx
@@ -0,0 +1,132 @@
+import { Badge, Box, Card, Group, Stack, Text, ThemeIcon } from "@mantine/core";
+import { Building2, CreditCard, Landmark, Weight, XCircle } from "lucide-react";
+import type { BatchBoardBookingDetail } from "@/types/trainScheduling";
+import type { BookingDetailData } from "./BookingDetailModal";
+
+interface BatchBookingListProps {
+  bookings: BatchBoardBookingDetail[];
+  variant: "payment" | "expired";
+  selectedBookingId?: string | null;
+  onSelect: (booking: BookingDetailData) => void;
+  emptyTitle: string;
+  emptyHint: string;
+}
+
+const fmtDateTime = (iso: string | null) =>
+  iso
+    ? new Intl.DateTimeFormat("en-GB", {
+        day: "2-digit",
+        month: "short",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+        timeZone: "Africa/Addis_Ababa",
+      }).format(new Date(iso))
+    : null;
+
+export const BatchBookingList = ({
+  bookings,
+  variant,
+  selectedBookingId,
+  onSelect,
+  emptyTitle,
+  emptyHint,
+}: BatchBookingListProps) => {
+  const accent = variant === "payment" ? "orange" : "red";
+  const Icon = variant === "payment" ? CreditCard : XCircle;
+
+  if (bookings.length === 0) {
+    return (
+      <Stack align="center" gap="xs" py="xl">
+        <ThemeIcon size={44} radius="xl" variant="light" color="gray">
+          <Icon size={20} />
+        </ThemeIcon>
+        <Text size="sm" fw={600} c="gray.7">
+          {emptyTitle}
+        </Text>
+        <Text size="xs" c="dimmed" ta="center" maw={220}>
+          {emptyHint}
+        </Text>
+      </Stack>
+    );
+  }
+
+  return (
+    <Stack gap="xs">
+      {bookings.map((booking) => {
+        const isActive = selectedBookingId === booking.id;
+        const deadline = fmtDateTime(booking.paymentDeadline);
+        return (
+          <Card
+            key={booking.id}
+            padding="xs"
+            radius="md"
+            withBorder
+            onClick={() =>
+              onSelect({
+                bookingId: booking.id,
+                reference: booking.reference,
+                company: booking.company,
+                freightType: null,
+                weightTons: booking.weightTons ?? null,
+                status: variant === "payment" ? "Awaiting payment" : "Expired",
+              })
+            }
+            style={{
+              cursor: "pointer",
+              borderColor: isActive ? `var(--mantine-color-${accent}-5)` : undefined,
+            }}
+          >
+            <Group gap={8} wrap="nowrap" align="flex-start">
+              <ThemeIcon size={30} radius="md" variant="light" color={accent}>
+                <Icon size={16} />
+              </ThemeIcon>
+              <Box style={{ flex: 1, minWidth: 0 }}>
+                <Group justify="space-between" wrap="nowrap" gap={4}>
+                  <Text size="sm" fw={700} truncate>
+                    {booking.reference}
+                  </Text>
+                  {booking.isGovernment ? (
+                    <Badge
+                      size="xs"
+                      variant="light"
+                      color="grape"
+                      leftSection={<Landmark size={9} />}
+                    >
+                      Gov
+                    </Badge>
+                  ) : null}
+                </Group>
+                {booking.company ? (
+                  <Group gap={4} wrap="nowrap">
+                    <Building2 size={11} color="var(--mantine-color-gray-6)" />
+                    <Text size="11px" c="dimmed" truncate>
+                      {booking.company}
+                    </Text>
+                  </Group>
+                ) : null}
+                <Group justify="space-between" wrap="nowrap" mt={2} gap={6}>
+                  <Group gap={4} wrap="nowrap">
+                    <Weight size={11} color="var(--mantine-color-gray-6)" />
+                    <Text size="11px" c="dimmed">
+                      {(booking.weightTons ?? 0).toFixed(1)} T · {booking.wagons}w
+                    </Text>
+                  </Group>
+                  {variant === "payment" && deadline ? (
+                    <Text size="10px" fw={700} c="orange.7" style={{ whiteSpace: "nowrap" }}>
+                      Pay by {deadline}
+                    </Text>
+                  ) : variant === "expired" ? (
+                    <Badge size="xs" variant="light" color="red">
+                      Expired
+                    </Badge>
+                  ) : null}
+                </Group>
+              </Box>
+            </Group>
+          </Card>
+        );
+      })}
+    </Stack>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/BookingDetailModal.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/BookingDetailModal.tsx
new file mode 100644
index 000000000..e1fd4977d
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/BookingDetailModal.tsx
@@ -0,0 +1,218 @@
+import { Badge, Box, Divider, Group, Modal, Stack, Text, ThemeIcon } from "@mantine/core";
+import {
+  Building2,
+  Container as ContainerIcon,
+  Fuel,
+  MapPin,
+  Package,
+  TrainFront,
+  Weight,
+} from "lucide-react";
+import type { TrainScheduleDetail } from "@/types/trainScheduling";
+import { freightBrand } from "@/theme/freight-brand";
+
+type Wagon = TrainScheduleDetail["trainSet"]["wagons"][number];
+
+export interface BookingDetailData {
+  bookingId: string;
+  reference: string | null;
+  company: string | null;
+  freightType: string | null;
+  weightTons: number | null;
+  status: string | null;
+  priorityScore?: number | null;
+}
+
+interface BookingDetailModalProps {
+  opened: boolean;
+  onClose: () => void;
+  booking: BookingDetailData | null;
+  /** All wagons in the consist — used to show where this booking sits. */
+  wagons: Wagon[];
+}
+
+function InfoRow({
+  icon,
+  label,
+  value,
+}: {
+  icon: React.ReactNode;
+  label: string;
+  value: React.ReactNode;
+}) {
+  return (
+    <Group justify="space-between" wrap="nowrap" gap="md">
+      <Group gap={8} wrap="nowrap">
+        <ThemeIcon size={28} radius="md" variant="light" color="green">
+          {icon}
+        </ThemeIcon>
+        <Text size="sm" c="dimmed">
+          {label}
+        </Text>
+      </Group>
+      <Box style={{ textAlign: "right" }}>{value}</Box>
+    </Group>
+  );
+}
+
+export const BookingDetailModal = ({
+  opened,
+  onClose,
+  booking,
+  wagons,
+}: BookingDetailModalProps) => {
+  if (!booking) return null;
+
+  const bookingWagons = wagons.filter((w) =>
+    (w.allocations ?? []).some((a) => a.bookingId === booking.bookingId),
+  );
+  const allocations = bookingWagons.flatMap((w) =>
+    (w.allocations ?? [])
+      .filter((a) => a.bookingId === booking.bookingId)
+      .map((a) => ({ wagon: w, allocation: a })),
+  );
+  const containers = allocations.flatMap(({ allocation }) => allocation.containerItems ?? []);
+  const isBulk = allocations.some(({ allocation }) =>
+    (allocation.loadType ?? "").toUpperCase().includes("BULK"),
+  );
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      centered
+      size="md"
+      radius="lg"
+      title={
+        <Group gap={10} wrap="nowrap">
+          <Box
+            style={{
+              width: 38,
+              height: 38,
+              borderRadius: 10,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              background: freightBrand.gradient,
+              color: "white",
+            }}
+          >
+            <Package size={20} />
+          </Box>
+          <div>
+            <Text fw={800}>{booking.reference ?? "Booking"}</Text>
+            <Text size="xs" c="dimmed">
+              Booking details
+            </Text>
+          </div>
+        </Group>
+      }
+    >
+      <Stack gap="md">
+        <Stack gap="sm">
+          {booking.company ? (
+            <InfoRow
+              icon={<Building2 size={15} />}
+              label="Company"
+              value={
+                <Text size="sm" fw={700}>
+                  {booking.company}
+                </Text>
+              }
+            />
+          ) : null}
+          <InfoRow
+            icon={isBulk ? <Fuel size={15} /> : <ContainerIcon size={15} />}
+            label="Freight type"
+            value={
+              <Badge variant="light" color={isBulk ? "orange" : "cyan"}>
+                {booking.freightType ?? (isBulk ? "BULK" : "CONTAINER")}
+              </Badge>
+            }
+          />
+          <InfoRow
+            icon={<Weight size={15} />}
+            label="Weight"
+            value={
+              <Text size="sm" fw={700}>
+                {booking.weightTons != null ? `${booking.weightTons.toFixed(1)} T` : "—"}
+              </Text>
+            }
+          />
+          <InfoRow
+            icon={<TrainFront size={15} />}
+            label="Wagons"
+            value={
+              bookingWagons.length ? (
+                <Group gap={4} justify="flex-end">
+                  {bookingWagons.map((w) => (
+                    <Badge key={w.id} size="sm" variant="outline" color="green" radius="sm">
+                      #{w.sequenceNo}
+                    </Badge>
+                  ))}
+                </Group>
+              ) : (
+                <Text size="sm" c="dimmed">
+                  Not assigned to a wagon
+                </Text>
+              )
+            }
+          />
+          {booking.status ? (
+            <InfoRow
+              icon={<MapPin size={15} />}
+              label="Status"
+              value={
+                <Badge variant="light" color="gray">
+                  {booking.status}
+                </Badge>
+              }
+            />
+          ) : null}
+        </Stack>
+
+        {containers.length ? (
+          <>
+            <Divider
+              label={
+                <Group gap={6}>
+                  <ContainerIcon size={13} />
+                  <Text size="xs" fw={700}>
+                    Containers ({containers.length})
+                  </Text>
+                </Group>
+              }
+            />
+            <Stack gap={6}>
+              {containers.map((c, i) => (
+                <Group
+                  key={c.id}
+                  justify="space-between"
+                  wrap="nowrap"
+                  p="xs"
+                  style={{
+                    borderRadius: 8,
+                    background: "var(--mantine-color-gray-0)",
+                    border: "1px solid var(--mantine-color-gray-2)",
+                  }}
+                >
+                  <Group gap={8} wrap="nowrap">
+                    <ContainerIcon size={14} color="var(--mantine-color-cyan-7)" />
+                    <Text size="sm" fw={600}>
+                      {c.containerNumber?.trim() || `Container ${i + 1}`}
+                    </Text>
+                  </Group>
+                  {c.grossWeightTons != null ? (
+                    <Text size="xs" c="dimmed">
+                      {Number(c.grossWeightTons).toFixed(1)} T
+                    </Text>
+                  ) : null}
+                </Group>
+              ))}
+            </Stack>
+          </>
+        ) : null}
+      </Stack>
+    </Modal>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/CompositionBookingTabs.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/CompositionBookingTabs.tsx
new file mode 100644
index 000000000..13b0f92aa
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/CompositionBookingTabs.tsx
@@ -0,0 +1,251 @@
+import { useMemo, useState } from "react";
+import { Badge, Box, Group, Paper, ScrollArea, Tabs, Text, Tooltip } from "@mantine/core";
+import { CreditCard, History, Layers, PackageCheck, PackagePlus, XCircle } from "lucide-react";
+import type { LucideIcon } from "lucide-react";
+import type { BatchBoardBookingDetail, TrainScheduleDetail } from "@/types/trainScheduling";
+import { AssignedBookingsPanel } from "./AssignedBookingsPanel";
+import { UnassignedBookingsPanel } from "./UnassignedBookingsPanel";
+import { RemovalLogPanel } from "./RemovalLogPanel";
+import { BatchBookingList } from "./BatchBookingList";
+import { BookingDetailModal, type BookingDetailData } from "./BookingDetailModal";
+import {
+  useCompositionRemovals,
+  useUnassignedBookings,
+} from "@/hooks/trainScheduling/useTrainScheduling";
+import { freightBrand } from "@/theme/freight-brand";
+
+interface CompositionBookingTabsProps {
+  scheduleDetail: TrainScheduleDetail;
+  scheduleId: string;
+  /** Bookings selected for batch with a payment notification sent (awaiting payment). */
+  awaitingPayment?: BatchBoardBookingDetail[];
+  /** Bookings whose payment window expired. */
+  expired?: BatchBoardBookingDetail[];
+  /** Booking id highlighted in the train consist (lifted to the page). */
+  selectedBookingId?: string | null;
+  onSelectBooking?: (bookingId: string | null) => void;
+}
+
+type TabKey = "assigned" | "unassigned" | "payment" | "expired" | "removed";
+
+const TAB_META: Record<TabKey, { label: string; icon: LucideIcon; color: string }> = {
+  assigned: { label: "Assigned to train", icon: PackageCheck, color: "green" },
+  unassigned: { label: "Unassigned (ready to load)", icon: PackagePlus, color: "orange" },
+  payment: { label: "Awaiting payment", icon: CreditCard, color: "orange" },
+  expired: { label: "Expired bookings", icon: XCircle, color: "red" },
+  removed: { label: "Removed from train", icon: History, color: "gray" },
+};
+
+export const CompositionBookingTabs = ({
+  scheduleDetail,
+  scheduleId,
+  awaitingPayment = [],
+  expired = [],
+  selectedBookingId,
+  onSelectBooking,
+}: CompositionBookingTabsProps) => {
+  const [detailBooking, setDetailBooking] = useState<BookingDetailData | null>(null);
+  const [tab, setTab] = useState<TabKey>("assigned");
+
+  const unassignedQuery = useUnassignedBookings(scheduleId);
+  const removalsQuery = useCompositionRemovals(scheduleId);
+
+  const { assignedCount } = useMemo(() => {
+    const wagons = scheduleDetail.trainSet?.wagons ?? [];
+    const ids = new Set<string>();
+    for (const w of wagons) {
+      for (const a of w.allocations ?? []) {
+        ids.add(a.bookingId);
+      }
+    }
+    return { assignedCount: ids.size };
+  }, [scheduleDetail.trainSet?.wagons]);
+
+  const counts: Record<TabKey, number> = {
+    assigned: assignedCount,
+    unassigned: unassignedQuery.data?.bookings?.length ?? 0,
+    payment: awaitingPayment.length,
+    expired: expired.length,
+    removed: removalsQuery.data?.length ?? 0,
+  };
+
+  const handleSelect = (booking: BookingDetailData) => {
+    setDetailBooking(booking);
+    onSelectBooking?.(booking.bookingId);
+  };
+
+  const TabButton = ({ value }: { value: TabKey }) => {
+    const meta = TAB_META[value];
+    const Icon = meta.icon;
+    const active = tab === value;
+    const count = counts[value];
+    return (
+      <Tooltip label={meta.label} withArrow position="top">
+        <Tabs.Tab value={value} px={6}>
+          <Group gap={5} wrap="nowrap" justify="center">
+            <Icon size={15} />
+            <Badge
+              size="xs"
+              circle
+              variant={active ? "filled" : "light"}
+              color={active ? meta.color : "gray"}
+            >
+              {count}
+            </Badge>
+          </Group>
+        </Tabs.Tab>
+      </Tooltip>
+    );
+  };
+
+  return (
+    <>
+      <Paper
+        radius="lg"
+        withBorder
+        style={{
+          height: "100%",
+          overflow: "hidden",
+          display: "flex",
+          flexDirection: "column",
+          borderColor: "var(--mantine-color-gray-2)",
+        }}
+      >
+        {/* Header — reflects the active tab */}
+        <Group
+          justify="space-between"
+          wrap="nowrap"
+          px="md"
+          py="sm"
+          style={{
+            background: `linear-gradient(135deg, ${freightBrand.mutedBg}, white)`,
+            borderBottom: "1px solid var(--mantine-color-gray-2)",
+          }}
+        >
+          <Group gap={10} wrap="nowrap">
+            <Box
+              style={{
+                width: 34,
+                height: 34,
+                borderRadius: 9,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                background: freightBrand.gradient,
+                color: "white",
+              }}
+            >
+              <Layers size={18} />
+            </Box>
+            <div>
+              <Text fw={800} size="sm">
+                {TAB_META[tab].label}
+              </Text>
+              <Text size="11px" c="dimmed">
+                {counts[tab]} booking{counts[tab] === 1 ? "" : "s"}
+              </Text>
+            </div>
+          </Group>
+        </Group>
+
+        <Tabs
+          value={tab}
+          onChange={(v) => v && setTab(v as TabKey)}
+          variant="default"
+          color="green"
+          style={{ flex: 1, display: "flex", flexDirection: "column", minHeight: 0 }}
+        >
+          <Tabs.List grow>
+            <TabButton value="assigned" />
+            <TabButton value="unassigned" />
+            <TabButton value="payment" />
+            <TabButton value="expired" />
+            <TabButton value="removed" />
+          </Tabs.List>
+
+          <ScrollArea style={{ flex: 1 }} type="auto" offsetScrollbars>
+            <Tabs.Panel value="assigned" p="md">
+              <AssignedBookingsPanel
+                scheduleDetail={scheduleDetail}
+                scheduleId={scheduleId}
+                selectedBookingId={selectedBookingId}
+                onSelect={handleSelect}
+              />
+            </Tabs.Panel>
+
+            <Tabs.Panel value="unassigned" p="md">
+              <UnassignedBookingsPanel
+                scheduleId={scheduleId}
+                selectedBookingId={selectedBookingId}
+                onSelect={handleSelect}
+              />
+            </Tabs.Panel>
+
+            <Tabs.Panel value="payment" p="md">
+              <BatchBookingList
+                bookings={awaitingPayment}
+                variant="payment"
+                selectedBookingId={selectedBookingId}
+                onSelect={handleSelect}
+                emptyTitle="No bookings awaiting payment"
+                emptyHint="Bookings selected for this batch with a payment notification sent will appear here."
+              />
+            </Tabs.Panel>
+
+            <Tabs.Panel value="expired" p="md">
+              <BatchBookingList
+                bookings={expired}
+                variant="expired"
+                selectedBookingId={selectedBookingId}
+                onSelect={handleSelect}
+                emptyTitle="No expired bookings"
+                emptyHint="Bookings whose payment window lapsed will appear here."
+              />
+            </Tabs.Panel>
+
+            <Tabs.Panel value="removed" p="md">
+              <RemovalLogPanel scheduleId={scheduleId} />
+            </Tabs.Panel>
+          </ScrollArea>
+        </Tabs>
+
+        {/* Footer summary */}
+        <Group
+          justify="space-between"
+          px="md"
+          py="xs"
+          style={{
+            borderTop: "1px solid var(--mantine-color-gray-2)",
+            background: "var(--mantine-color-gray-0)",
+          }}
+        >
+          <Group gap={5} wrap="nowrap">
+            <PackageCheck size={13} color="var(--mantine-color-green-7)" />
+            <Text size="xs" c="dimmed">
+              {assignedCount} on train
+            </Text>
+          </Group>
+          <Group gap={5} wrap="nowrap">
+            <CreditCard size={13} color="var(--mantine-color-orange-6)" />
+            <Text size="xs" c="dimmed">
+              {counts.payment} to pay
+            </Text>
+          </Group>
+          <Group gap={5} wrap="nowrap">
+            <XCircle size={13} color="var(--mantine-color-red-6)" />
+            <Text size="xs" c="dimmed">
+              {counts.expired} expired
+            </Text>
+          </Group>
+        </Group>
+      </Paper>
+
+      <BookingDetailModal
+        opened={Boolean(detailBooking)}
+        onClose={() => setDetailBooking(null)}
+        booking={detailBooking}
+        wagons={scheduleDetail.trainSet?.wagons ?? []}
+      />
+    </>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/ContainerNumberInput.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/ContainerNumberInput.tsx
new file mode 100644
index 000000000..5629ba698
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/ContainerNumberInput.tsx
@@ -0,0 +1,89 @@
+import { useState } from "react";
+import { Group, TextInput, Text } from "@mantine/core";
+import { useUpdateContainerItem } from "@/hooks/trainScheduling/useTrainScheduling";
+
+interface ContainerNumberInputProps {
+  value: string | null;
+  itemId: string;
+  scheduleId: string;
+  disabled: boolean;
+}
+
+export const ContainerNumberInput = ({
+  value,
+  itemId,
+  scheduleId,
+  disabled,
+}: ContainerNumberInputProps) => {
+  const [isEditing, setIsEditing] = useState(false);
+  const [inputValue, setInputValue] = useState(value ?? "");
+  const [error, setError] = useState<string | null>(null);
+
+  const updateMutation = useUpdateContainerItem(scheduleId);
+  const isLoading = updateMutation.isPending;
+
+  const handleSave = async () => {
+    try {
+      setError(null);
+      await updateMutation.mutateAsync({
+        itemId,
+        containerNumber: inputValue || null,
+      });
+      setIsEditing(false);
+    } catch (err) {
+      setError("Failed to save");
+      setInputValue(value ?? "");
+    }
+  };
+
+  const handleBlur = () => {
+    if (inputValue !== value) {
+      handleSave();
+    } else {
+      setIsEditing(false);
+    }
+  };
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === "Enter") {
+      handleSave();
+    } else if (e.key === "Escape") {
+      setInputValue(value ?? "");
+      setIsEditing(false);
+    }
+  };
+
+  if (disabled) {
+    return <Text size="sm">{value || "TBD"}</Text>;
+  }
+
+  if (isEditing) {
+    return (
+      <Group gap={4}>
+        <TextInput
+          size="xs"
+          value={inputValue}
+          onChange={(e) => setInputValue(e.currentTarget.value)}
+          onBlur={handleBlur}
+          onKeyDown={handleKeyDown}
+          autoFocus
+          disabled={isLoading}
+          placeholder="Container #"
+          style={{ flex: 1 }}
+        />
+        {error && <Text size="xs" c="red">{error}</Text>}
+      </Group>
+    );
+  }
+
+  return (
+    <Text
+      size="sm"
+      onClick={() => setIsEditing(true)}
+      style={{ cursor: "pointer", textDecoration: "underline" }}
+      title="Click to edit"
+    >
+      {value || "TBD"}
+    </Text>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/InteractiveTrainConsist.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/InteractiveTrainConsist.tsx
new file mode 100644
index 000000000..297ecc48b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/InteractiveTrainConsist.tsx
@@ -0,0 +1,527 @@
+import { Badge, Box, Group, HoverCard, Stack, Text } from "@mantine/core";
+import {
+  Building2,
+  Container as ContainerIcon,
+  Fuel,
+  Gauge,
+  Package,
+  TrainFront,
+  Weight,
+} from "lucide-react";
+import type { TrainScheduleDetail } from "@/types/trainScheduling";
+import { freightBrand } from "@/theme/freight-brand";
+
+type Wagon = TrainScheduleDetail["trainSet"]["wagons"][number];
+type Locomotive = NonNullable<TrainScheduleDetail["trainSet"]>["locomotive"];
+
+interface InteractiveTrainConsistProps {
+  wagons: Wagon[];
+  locomotive: Locomotive | null | undefined;
+  /** Resolve the customer/company name for a booking id (joined from schedule bookings). */
+  getCompany: (bookingId: string | undefined) => string | null;
+  selectedWagonId: string | null;
+  onSelectWagon: (wagon: Wagon) => void;
+  /** Booking id to highlight across the train (e.g. selected in the side panel). */
+  highlightBookingId?: string | null;
+}
+
+const CONTAINER_GRADIENTS = [
+  "linear-gradient(180deg, var(--mantine-color-cyan-5), var(--mantine-color-cyan-7))",
+  "linear-gradient(180deg, var(--mantine-color-blue-5), var(--mantine-color-blue-7))",
+];
+const CONTAINER_BORDERS = ["var(--mantine-color-cyan-8)", "var(--mantine-color-blue-8)"];
+
+function Wheels({ count = 2, dark = false }: { count?: number; dark?: boolean }) {
+  return (
+    <Group gap={count > 2 ? 10 : 18} justify="center" wrap="nowrap" mt={2}>
+      {Array.from({ length: count }).map((_, i) => (
+        <Box
+          key={i}
+          style={{
+            width: 12,
+            height: 12,
+            borderRadius: "50%",
+            background: dark
+              ? "radial-gradient(circle at 35% 35%, #2c4a3a, #0f291b)"
+              : "radial-gradient(circle at 35% 35%, var(--mantine-color-gray-5), var(--mantine-color-gray-8))",
+            border: "2px solid var(--mantine-color-gray-4)",
+            boxShadow: "inset 0 0 0 2px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2)",
+          }}
+        />
+      ))}
+    </Group>
+  );
+}
+
+function Coupler() {
+  return (
+    <Box style={{ width: 12, height: 70, display: "flex", alignItems: "center", flexShrink: 0 }}>
+      <Box
+        style={{
+          width: "100%",
+          height: 5,
+          borderRadius: 3,
+          background:
+            "linear-gradient(90deg, var(--mantine-color-gray-4), var(--mantine-color-gray-6), var(--mantine-color-gray-4))",
+        }}
+      />
+    </Box>
+  );
+}
+
+function LocomotiveCar({ locomotive }: { locomotive: Locomotive }) {
+  const code = locomotive?.code ?? "LOCO";
+  return (
+    <Box style={{ width: 120, flexShrink: 0 }}>
+      <Box
+        style={{
+          position: "relative",
+          height: 70,
+          borderRadius: "12px 22px 9px 9px",
+          background: `linear-gradient(160deg, ${freightBrand.primaryLight} 0%, ${freightBrand.primary} 45%, ${freightBrand.primaryDark} 100%)`,
+          boxShadow: `${freightBrand.shadowSm}, inset 0 1px 0 rgba(255,255,255,0.25)`,
+          border: "1px solid rgba(0,0,0,0.1)",
+          overflow: "hidden",
+          padding: "8px 9px 7px",
+          color: "white",
+        }}
+      >
+        {/* cab windows */}
+        <Box style={{ position: "absolute", top: 9, right: 9, display: "flex", gap: 4 }}>
+          <Box
+            style={{
+              width: 13,
+              height: 11,
+              borderRadius: "3px 5px 3px 3px",
+              background: "linear-gradient(135deg, #E8FBFF 0%, #9ED9E8 100%)",
+            }}
+          />
+        </Box>
+        {/* headlight */}
+        <Box
+          style={{
+            position: "absolute",
+            bottom: 12,
+            right: 5,
+            width: 7,
+            height: 7,
+            borderRadius: "50%",
+            background: "#fde68a",
+            boxShadow: "0 0 9px 3px rgba(253,230,138,0.9)",
+          }}
+        />
+        {/* hazard stripe */}
+        <Box
+          style={{
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            height: 5,
+            background: "repeating-linear-gradient(45deg, #fbbf24 0 6px, #1f2937 6px 12px)",
+            opacity: 0.9,
+          }}
+        />
+        <Group gap={5} wrap="nowrap" align="center">
+          <TrainFront size={16} />
+          <Text size="sm" fw={800} style={{ letterSpacing: 0.4 }}>
+            {code}
+          </Text>
+        </Group>
+        {locomotive?.maxPullWeightTons ? (
+          <Group gap={3} wrap="nowrap" mt={3} style={{ opacity: 0.95 }}>
+            <Gauge size={10} />
+            <Text size="9px" fw={700}>
+              {locomotive.maxPullWeightTons}T pull
+            </Text>
+          </Group>
+        ) : null}
+      </Box>
+      <Wheels count={3} dark />
+      <Text size="9px" ta="center" c="dimmed" mt={2} fw={700} style={{ letterSpacing: 1 }}>
+        HEAD
+      </Text>
+    </Box>
+  );
+}
+
+function WagonCar({
+  wagon,
+  company,
+  selected,
+  highlighted,
+  onSelect,
+}: {
+  wagon: Wagon;
+  company: string | null;
+  selected: boolean;
+  highlighted: boolean;
+  onSelect: () => void;
+}) {
+  const allocation = wagon.allocations?.[0];
+  const isEmpty = !allocation;
+  const isBulk = (allocation?.loadType ?? "").toUpperCase().includes("BULK");
+  const assigned = allocation?.allocatedWeightTons ?? wagon.assignedWeightTons ?? 0;
+  const capacity = wagon.capacityTons ?? 0;
+  const utilization = capacity > 0 ? Math.min(100, Math.round((assigned / capacity) * 100)) : 0;
+  const accent = isEmpty ? "gray" : isBulk ? "orange" : "cyan";
+  const accentVar = `var(--mantine-color-${accent}-6)`;
+
+  const containerNumbers = (allocation?.containerItems ?? []).map(
+    (c) => c.containerNumber?.trim() || "—",
+  );
+  const blocks = containerNumbers.slice(0, 2);
+
+  const ringColor = selected
+    ? freightBrand.primary
+    : highlighted
+      ? "var(--mantine-color-yellow-5)"
+      : "transparent";
+
+  return (
+    <HoverCard width={280} shadow="lg" radius="md" position="top" withArrow openDelay={120}>
+      <HoverCard.Target>
+        <Box
+          onClick={onSelect}
+          style={{ width: 120, flexShrink: 0, cursor: "pointer" }}
+        >
+          <Box
+            style={{
+              position: "relative",
+              height: 70,
+              borderRadius: 11,
+              background: isEmpty
+                ? "var(--mantine-color-gray-0)"
+                : "linear-gradient(180deg, white, var(--mantine-color-gray-0))",
+              border: isEmpty
+                ? "1.5px dashed var(--mantine-color-gray-4)"
+                : "1px solid var(--mantine-color-gray-3)",
+              boxShadow:
+                ringColor !== "transparent"
+                  ? `0 0 0 3px ${ringColor}, 0 4px 12px rgba(15,41,27,0.12)`
+                  : isEmpty
+                    ? "none"
+                    : "0 3px 10px rgba(15,41,27,0.08)",
+              overflow: "hidden",
+              display: "flex",
+              flexDirection: "column",
+              transition: "box-shadow 120ms ease",
+            }}
+          >
+            {/* top accent strip */}
+            <Box
+              style={{
+                height: 4,
+                background: isEmpty
+                  ? "var(--mantine-color-gray-3)"
+                  : `linear-gradient(90deg, ${accentVar}, var(--mantine-color-${accent}-4))`,
+              }}
+            />
+            {/* header */}
+            <Group justify="space-between" px={7} pt={3} wrap="nowrap">
+              <Text size="10px" fw={800} c="gray.7">
+                #{wagon.sequenceNo}
+              </Text>
+              {isEmpty ? (
+                <Text size="8px" c="dimmed" fw={700} style={{ letterSpacing: 0.5 }}>
+                  EMPTY
+                </Text>
+              ) : (
+                <Group gap={2} wrap="nowrap">
+                  {isBulk ? (
+                    <Fuel size={10} color={accentVar} />
+                  ) : (
+                    <ContainerIcon size={10} color={accentVar} />
+                  )}
+                  <Text size="8px" fw={700} c={`${accent}.7`} style={{ letterSpacing: 0.3 }}>
+                    {isBulk ? "BULK" : "CONT"}
+                  </Text>
+                </Group>
+              )}
+            </Group>
+
+            {/* body */}
+            <Box style={{ flex: 1, padding: "3px 7px", display: "flex", alignItems: "center" }}>
+              {isEmpty ? (
+                <Text size="9px" c="dimmed" ta="center" style={{ width: "100%" }}>
+                  Available
+                </Text>
+              ) : isBulk ? (
+                <Stack gap={2} style={{ width: "100%" }}>
+                  <Box
+                    style={{
+                      height: 16,
+                      borderRadius: 5,
+                      background: "var(--mantine-color-orange-0)",
+                      border: "1px solid var(--mantine-color-orange-2)",
+                      overflow: "hidden",
+                      position: "relative",
+                    }}
+                  >
+                    <Box
+                      style={{
+                        position: "absolute",
+                        inset: 0,
+                        width: `${utilization}%`,
+                        background:
+                          "linear-gradient(90deg, var(--mantine-color-orange-6), var(--mantine-color-orange-4))",
+                      }}
+                    />
+                  </Box>
+                </Stack>
+              ) : (
+                <Group gap={3} justify="center" wrap="nowrap" style={{ width: "100%" }}>
+                  {(blocks.length ? blocks : ["—"]).map((cn, i) => (
+                    <Box
+                      key={i}
+                      style={{
+                        flex: 1,
+                        minWidth: 0,
+                        height: 26,
+                        borderRadius: 4,
+                        background: CONTAINER_GRADIENTS[i % CONTAINER_GRADIENTS.length],
+                        border: `1px solid ${CONTAINER_BORDERS[i % CONTAINER_BORDERS.length]}`,
+                        boxShadow: "inset 0 1px 0 rgba(255,255,255,0.3)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        padding: "0 2px",
+                      }}
+                    >
+                      <Text size="8px" fw={700} c="white" truncate style={{ maxWidth: "100%" }}>
+                        {cn}
+                      </Text>
+                    </Box>
+                  ))}
+                </Group>
+              )}
+            </Box>
+
+            {/* footer */}
+            <Box
+              style={{
+                borderTop: "1px solid var(--mantine-color-gray-1)",
+                padding: "2px 7px",
+                background: isEmpty ? "transparent" : "var(--mantine-color-gray-0)",
+              }}
+            >
+              <Group justify="space-between" wrap="nowrap" gap={3}>
+                <Text size="8px" c="dimmed" fw={600} truncate>
+                  {wagon.physicalWagonNumber ?? wagon.wagonType?.code ?? "Wagon"}
+                </Text>
+                {!isEmpty ? (
+                  <Text size="8px" c="gray.6" fw={700} style={{ whiteSpace: "nowrap" }}>
+                    {assigned}T
+                  </Text>
+                ) : null}
+              </Group>
+            </Box>
+          </Box>
+          <Wheels count={2} />
+        </Box>
+      </HoverCard.Target>
+
+      <HoverCard.Dropdown p="sm">
+        <Stack gap={8}>
+          <Group justify="space-between" wrap="nowrap">
+            <Group gap={6} wrap="nowrap">
+              <Box
+                style={{
+                  width: 26,
+                  height: 26,
+                  borderRadius: 7,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  background: isEmpty
+                    ? "var(--mantine-color-gray-1)"
+                    : freightBrand.gradient,
+                  color: isEmpty ? "var(--mantine-color-gray-6)" : "white",
+                }}
+              >
+                <TrainFront size={15} />
+              </Box>
+              <div>
+                <Text size="sm" fw={800}>
+                  Wagon #{wagon.sequenceNo}
+                </Text>
+                <Text size="10px" c="dimmed">
+                  {wagon.physicalWagonNumber ?? wagon.wagonType?.code ?? "Unassigned"}
+                </Text>
+              </div>
+            </Group>
+            {!isEmpty ? (
+              <Badge size="xs" variant="light" color={isBulk ? "orange" : "cyan"}>
+                {isBulk ? "Bulk" : "Container"}
+              </Badge>
+            ) : null}
+          </Group>
+
+          {isEmpty ? (
+            <Text size="xs" c="dimmed">
+              Empty slot — available for allocation.
+            </Text>
+          ) : (
+            <Stack gap={6}>
+              {company ? (
+                <Group gap={6} wrap="nowrap">
+                  <Building2 size={13} color={freightBrand.primary} />
+                  <Text size="xs" fw={700} truncate>
+                    {company}
+                  </Text>
+                </Group>
+              ) : null}
+              <Group gap={6} wrap="nowrap">
+                <Package size={13} color="var(--mantine-color-gray-6)" />
+                <Text size="xs" c="dimmed">
+                  {allocation?.bookingReference ?? "Unknown booking"}
+                </Text>
+              </Group>
+
+              {containerNumbers.length ? (
+                <div>
+                  <Text size="10px" c="dimmed" fw={700} mb={3} tt="uppercase">
+                    Containers
+                  </Text>
+                  <Group gap={4}>
+                    {containerNumbers.map((cn, i) => (
+                      <Badge key={i} size="xs" variant="outline" color="cyan" radius="sm">
+                        {cn}
+                      </Badge>
+                    ))}
+                  </Group>
+                </div>
+              ) : null}
+
+              {isBulk && allocation?.bulkLoad?.cargoDescription ? (
+                <Text size="xs" c="dimmed">
+                  {allocation.bulkLoad.cargoDescription}
+                </Text>
+              ) : null}
+
+              <Group gap={6} wrap="nowrap">
+                <Weight size={13} color="var(--mantine-color-gray-6)" />
+                <Text size="xs" c="dimmed">
+                  {assigned}T / {capacity}T ({utilization}%)
+                </Text>
+              </Group>
+              <Box
+                style={{
+                  height: 5,
+                  borderRadius: 3,
+                  background: "var(--mantine-color-gray-1)",
+                  overflow: "hidden",
+                }}
+              >
+                <Box
+                  style={{
+                    width: `${utilization}%`,
+                    height: "100%",
+                    background:
+                      utilization >= 100
+                        ? "var(--mantine-color-red-5)"
+                        : `var(--mantine-color-${accent}-5)`,
+                  }}
+                />
+              </Box>
+              <Text size="10px" c="dimmed" ta="center">
+                Click the wagon to edit or remove
+              </Text>
+            </Stack>
+          )}
+        </Stack>
+      </HoverCard.Dropdown>
+    </HoverCard>
+  );
+}
+
+export const InteractiveTrainConsist = ({
+  wagons,
+  locomotive,
+  getCompany,
+  selectedWagonId,
+  onSelectWagon,
+  highlightBookingId,
+}: InteractiveTrainConsistProps) => {
+  return (
+    <Box
+      style={{
+        position: "relative",
+        padding: "8px 12px 18px",
+        borderRadius: 14,
+        background: "linear-gradient(180deg, var(--mantine-color-gray-0), white)",
+        border: "1px solid var(--mantine-color-gray-2)",
+        overflowX: "auto",
+      }}
+    >
+      <Group gap={0} wrap="nowrap" align="flex-start" style={{ minWidth: "min-content" }}>
+        {locomotive ? <LocomotiveCar locomotive={locomotive} /> : null}
+        {wagons.length === 0 ? (
+          <Text size="sm" c="dimmed" pl="md" pt="lg">
+            No wagons assigned
+          </Text>
+        ) : (
+          wagons.map((wagon, i) => {
+            const bookingId = wagon.allocations?.[0]?.bookingId;
+            return (
+              <Group key={wagon.id} gap={0} wrap="nowrap" align="flex-start">
+                {i > 0 || locomotive ? <Coupler /> : null}
+                <WagonCar
+                  wagon={wagon}
+                  company={getCompany(bookingId)}
+                  selected={selectedWagonId === wagon.id}
+                  highlighted={Boolean(highlightBookingId && bookingId === highlightBookingId)}
+                  onSelect={() => onSelectWagon(wagon)}
+                />
+              </Group>
+            );
+          })
+        )}
+      </Group>
+
+      {/* track bed under the whole consist */}
+      <Box
+        style={{
+          position: "absolute",
+          left: 12,
+          right: 12,
+          bottom: 8,
+          height: 8,
+        }}
+      >
+        <Box
+          style={{
+            position: "absolute",
+            inset: 0,
+            background:
+              "repeating-linear-gradient(90deg, var(--mantine-color-gray-4) 0 5px, transparent 5px 20px)",
+            opacity: 0.5,
+            borderRadius: 2,
+          }}
+        />
+        <Box
+          style={{
+            position: "absolute",
+            left: 0,
+            right: 0,
+            top: 1,
+            height: 2,
+            borderRadius: 1,
+            background: "var(--mantine-color-gray-5)",
+          }}
+        />
+        <Box
+          style={{
+            position: "absolute",
+            left: 0,
+            right: 0,
+            bottom: 1,
+            height: 2,
+            borderRadius: 1,
+            background: "var(--mantine-color-gray-5)",
+          }}
+        />
+      </Box>
+    </Box>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemovalLogPanel.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemovalLogPanel.tsx
new file mode 100644
index 000000000..05f2a8328
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemovalLogPanel.tsx
@@ -0,0 +1,73 @@
+import { Box, Card, Group, Stack, Text, ThemeIcon } from "@mantine/core";
+import { History, PackageX } from "lucide-react";
+import { useCompositionRemovals } from "@/hooks/trainScheduling/useTrainScheduling";
+
+interface RemovalLogPanelProps {
+  scheduleId: string;
+}
+
+export const RemovalLogPanel = ({ scheduleId }: RemovalLogPanelProps) => {
+  const removalQuery = useCompositionRemovals(scheduleId);
+
+  if (removalQuery.isLoading) {
+    return (
+      <Text size="sm" c="dimmed">
+        Loading...
+      </Text>
+    );
+  }
+
+  const removals = removalQuery.data ?? [];
+
+  if (removals.length === 0) {
+    return (
+      <Stack align="center" gap="xs" py="xl">
+        <ThemeIcon size={44} radius="xl" variant="light" color="gray">
+          <History size={20} />
+        </ThemeIcon>
+        <Text size="sm" fw={600} c="gray.7">
+          No removals yet
+        </Text>
+        <Text size="xs" c="dimmed" ta="center" maw={220}>
+          Bookings removed from this train will appear here for audit.
+        </Text>
+      </Stack>
+    );
+  }
+
+  return (
+    <Stack gap="xs">
+      {removals.map((removal) => (
+        <Card key={removal.id} padding="xs" radius="md" withBorder>
+          <Group gap={8} wrap="nowrap" align="flex-start">
+            <ThemeIcon size={30} radius="md" variant="light" color="red">
+              <PackageX size={16} />
+            </ThemeIcon>
+            <Box style={{ flex: 1, minWidth: 0 }}>
+              <Text size="sm" fw={700} truncate>
+                {removal.bookingReference || "Unknown booking"}
+              </Text>
+              <Text size="11px" c="dimmed">
+                Removed{" "}
+                {new Date(removal.removedAt).toLocaleString("en-GB", {
+                  timeZone: "Africa/Addis_Ababa",
+                  day: "2-digit",
+                  month: "short",
+                  hour: "2-digit",
+                  minute: "2-digit",
+                  hour12: false,
+                })}{" "}
+                EAT
+              </Text>
+              {removal.notes ? (
+                <Text size="11px" c="dimmed" mt={2} lineClamp={2}>
+                  {removal.notes}
+                </Text>
+              ) : null}
+            </Box>
+          </Group>
+        </Card>
+      ))}
+    </Stack>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemoveBookingConfirmModal.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemoveBookingConfirmModal.tsx
new file mode 100644
index 000000000..03301154b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemoveBookingConfirmModal.tsx
@@ -0,0 +1,148 @@
+import { Badge, Box, Button, Group, List, Modal, Stack, Text, ThemeIcon } from "@mantine/core";
+import { AlertTriangle, Bell, Building2, FileClock, PackageX, TrainFront, Undo2, Weight } from "lucide-react";
+
+export interface RemovalTarget {
+  bookingId: string;
+  reference: string | null;
+  company: string | null;
+  weightTons: number | null;
+  wagonCount: number;
+}
+
+interface RemoveBookingConfirmModalProps {
+  opened: boolean;
+  onClose: () => void;
+  onConfirm: () => void;
+  isLoading: boolean;
+  target: RemovalTarget | null;
+}
+
+export const RemoveBookingConfirmModal = ({
+  opened,
+  onClose,
+  onConfirm,
+  isLoading,
+  target,
+}: RemoveBookingConfirmModalProps) => {
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      centered
+      radius="lg"
+      size="md"
+      withCloseButton={false}
+      title={
+        <Group gap={10} wrap="nowrap">
+          <ThemeIcon size={40} radius="md" variant="light" color="red">
+            <PackageX size={21} />
+          </ThemeIcon>
+          <div>
+            <Text fw={800}>Remove booking from train?</Text>
+            <Text size="xs" c="dimmed">
+              This change is logged and the customer is notified
+            </Text>
+          </div>
+        </Group>
+      }
+    >
+      <Stack gap="md">
+        {/* Booking summary */}
+        <Box
+          p="sm"
+          style={{
+            borderRadius: 12,
+            background: "var(--mantine-color-gray-0)",
+            border: "1px solid var(--mantine-color-gray-2)",
+          }}
+        >
+          <Group justify="space-between" wrap="nowrap">
+            <Text fw={800} size="sm">
+              {target?.reference ?? "Booking"}
+            </Text>
+            <Badge variant="light" color="green" leftSection={<TrainFront size={10} />}>
+              {target?.wagonCount ?? 0} wagon{target?.wagonCount === 1 ? "" : "s"}
+            </Badge>
+          </Group>
+          <Group gap="lg" mt={6} wrap="wrap">
+            {target?.company ? (
+              <Group gap={5} wrap="nowrap">
+                <Building2 size={13} color="var(--mantine-color-gray-6)" />
+                <Text size="xs" c="dimmed">
+                  {target.company}
+                </Text>
+              </Group>
+            ) : null}
+            <Group gap={5} wrap="nowrap">
+              <Weight size={13} color="var(--mantine-color-gray-6)" />
+              <Text size="xs" c="dimmed">
+                {(target?.weightTons ?? 0).toFixed(1)} T
+              </Text>
+            </Group>
+          </Group>
+        </Box>
+
+        {/* What happens */}
+        <Box
+          p="sm"
+          style={{
+            borderRadius: 12,
+            background: "var(--mantine-color-orange-0)",
+            border: "1px solid var(--mantine-color-orange-2)",
+          }}
+        >
+          <Group gap={6} mb={6} wrap="nowrap">
+            <AlertTriangle size={14} color="var(--mantine-color-orange-7)" />
+            <Text size="xs" fw={700} c="orange.8">
+              Removing this booking will:
+            </Text>
+          </Group>
+          <List spacing={6} size="xs" center>
+            <List.Item
+              icon={
+                <ThemeIcon size={18} radius="xl" variant="light" color="orange">
+                  <Undo2 size={11} />
+                </ThemeIcon>
+              }
+            >
+              Return it to the unassigned pool
+            </List.Item>
+            <List.Item
+              icon={
+                <ThemeIcon size={18} radius="xl" variant="light" color="orange">
+                  <FileClock size={11} />
+                </ThemeIcon>
+              }
+            >
+              Create a removal log entry for audit
+            </List.Item>
+            <List.Item
+              icon={
+                <ThemeIcon size={18} radius="xl" variant="light" color="orange">
+                  <Bell size={11} />
+                </ThemeIcon>
+              }
+            >
+              Notify the customer to reschedule or cancel
+            </List.Item>
+          </List>
+        </Box>
+
+        <Group justify="flex-end" gap="sm">
+          <Button variant="default" radius="md" onClick={onClose} disabled={isLoading}>
+            Cancel
+          </Button>
+          <Button
+            color="red"
+            radius="md"
+            leftSection={<PackageX size={16} />}
+            loading={isLoading}
+            onClick={onConfirm}
+          >
+            Remove booking
+          </Button>
+        </Group>
+      </Stack>
+    </Modal>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemoveBookingModal.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemoveBookingModal.tsx
new file mode 100644
index 000000000..151a796d8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/RemoveBookingModal.tsx
@@ -0,0 +1,74 @@
+import { Button, Group, Modal, Stack, Text, Badge } from "@mantine/core";
+import type { TrainScheduleDetail } from "@/types/trainScheduling";
+
+type WagonWithAllocation = TrainScheduleDetail["trainSet"]["wagons"][number];
+
+interface RemoveBookingModalProps {
+  opened: boolean;
+  onClose: () => void;
+  wagon: WagonWithAllocation | null;
+  onConfirm: () => void;
+  isLoading: boolean;
+}
+
+export const RemoveBookingModal = ({
+  opened,
+  onClose,
+  wagon,
+  onConfirm,
+  isLoading,
+}: RemoveBookingModalProps) => {
+  if (!wagon || !wagon.allocations?.[0]) return null;
+
+  const allocation = wagon.allocations[0];
+  const booking = allocation.booking;
+
+  return (
+    <Modal opened={opened} onClose={onClose} title="Confirm Booking Removal" centered>
+      <Stack gap="md">
+        <div>
+          <Text size="sm" fw={500} mb={4}>
+            Booking Details
+          </Text>
+          <Stack gap={4}>
+            <Text size="sm">
+              <strong>Reference:</strong> {booking?.reference || "N/A"}
+            </Text>
+            <Text size="sm">
+              <strong>Freight Type:</strong>{" "}
+              <Badge size="sm" variant="light">
+                {booking?.freightType || "N/A"}
+              </Badge>
+            </Text>
+            <Text size="sm">
+              <strong>Weight:</strong> {allocation.allocatedWeightTons?.toFixed(2) || 0} T
+            </Text>
+            <Text size="sm">
+              <strong>Wagon Slot:</strong> #{wagon.sequenceNo}
+            </Text>
+          </Stack>
+        </div>
+
+        <div>
+          <Text size="sm" c="orange" fw={500}>
+            ⚠️ Warning: Removing this booking will:
+          </Text>
+          <ul style={{ marginTop: 8, marginBottom: 0 }}>
+            <li>Move the booking back to the unassigned pool</li>
+            <li>Create a removal log for audit</li>
+            <li>Notify the customer to reschedule or cancel</li>
+          </ul>
+        </div>
+
+        <Group justify="flex-end">
+          <Button variant="default" onClick={onClose} disabled={isLoading}>
+            Cancel
+          </Button>
+          <Button color="red" onClick={onConfirm} loading={isLoading}>
+            Remove Booking
+          </Button>
+        </Group>
+      </Stack>
+    </Modal>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/TrainConsistView.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/TrainConsistView.tsx
new file mode 100644
index 000000000..49898cbcd
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/TrainConsistView.tsx
@@ -0,0 +1,220 @@
+import { useMemo, useState } from "react";
+import { Badge, Box, Group, Paper, Stack, Text, ThemeIcon } from "@mantine/core";
+import { MousePointerClick, TrainFront } from "lucide-react";
+import type { TrainScheduleDetail } from "@/types/trainScheduling";
+import { TrainStatsBar } from "./TrainStatsBar";
+import { WagonCard } from "./WagonCard";
+import { InteractiveTrainConsist } from "./InteractiveTrainConsist";
+import { RemoveBookingModal } from "./RemoveBookingModal";
+import { useScheduleMutations, useRemoveWagonSlot } from "@/hooks/trainScheduling/useTrainScheduling";
+import { freightBrand } from "@/theme/freight-brand";
+
+type Wagon = TrainScheduleDetail["trainSet"]["wagons"][number];
+
+interface TrainConsistViewProps {
+  scheduleDetail: TrainScheduleDetail;
+  scheduleId: string;
+  maxWagons: number;
+  /** Booking id selected in the side panel — highlights its wagons in the consist. */
+  highlightBookingId?: string | null;
+}
+
+function LegendDot({ color, label, dashed }: { color: string; label: string; dashed?: boolean }) {
+  return (
+    <Group gap={5} wrap="nowrap">
+      <Box
+        style={{
+          width: 10,
+          height: 10,
+          borderRadius: 3,
+          background: dashed ? "var(--mantine-color-gray-1)" : `var(--mantine-color-${color}-5)`,
+          border: dashed ? "1.5px dashed var(--mantine-color-gray-4)" : "none",
+        }}
+      />
+      <Text size="xs" c="dimmed">
+        {label}
+      </Text>
+    </Group>
+  );
+}
+
+export const TrainConsistView = ({
+  scheduleDetail,
+  scheduleId,
+  maxWagons,
+  highlightBookingId,
+}: TrainConsistViewProps) => {
+  const [selectedWagonId, setSelectedWagonId] = useState<string | null>(null);
+  const [removeModalOpen, setRemoveModalOpen] = useState(false);
+
+  const unassignMutation = useScheduleMutations(scheduleId).unassign;
+  const removeWagonMutation = useRemoveWagonSlot(scheduleId);
+
+  const trainSet = scheduleDetail.trainSet;
+  const wagons = trainSet?.wagons ?? [];
+
+  // Join company/customer name from schedule bookings by booking id.
+  const companyByBooking = useMemo(() => {
+    const map = new Map<string, string>();
+    for (const b of scheduleDetail.bookings ?? []) {
+      if (b.id && b.customer) map.set(b.id, b.customer);
+    }
+    return map;
+  }, [scheduleDetail.bookings]);
+
+  const selectedWagon = wagons.find((w) => w.id === selectedWagonId) ?? null;
+  const loadedCount = wagons.filter((w) => (w.allocations?.length ?? 0) > 0).length;
+
+  const handleRemoveBooking = (wagon: Wagon) => {
+    setSelectedWagonId(wagon.id);
+    setRemoveModalOpen(true);
+  };
+
+  const handleConfirmRemoveBooking = async () => {
+    if (selectedWagon?.allocations?.[0]?.bookingId) {
+      await unassignMutation.mutateAsync({
+        id: scheduleId,
+        bookingId: selectedWagon.allocations[0].bookingId,
+      });
+      setRemoveModalOpen(false);
+      setSelectedWagonId(null);
+    }
+  };
+
+  const handleRemoveWagon = async (wagonId: string) => {
+    if (confirm("Are you sure you want to remove this wagon slot?")) {
+      await removeWagonMutation.mutateAsync(wagonId);
+      setSelectedWagonId(null);
+    }
+  };
+
+  const weightUsed = wagons.reduce(
+    (sum, w) => sum + (w.allocations?.[0]?.allocatedWeightTons ?? 0),
+    0,
+  );
+  const lengthUsed = wagons.reduce((sum, w) => sum + (w.lengthMeters ?? 0), 0);
+
+  return (
+    <Stack gap="md" style={{ width: "100%" }}>
+      <TrainStatsBar
+        weightUsed={weightUsed}
+        weightMax={scheduleDetail.locomotive?.maxWeightTons ?? trainSet?.locomotive?.maxPullWeightTons ?? null}
+        lengthUsed={lengthUsed}
+        lengthMax={scheduleDetail.locomotive?.maxLengthMeters ?? trainSet?.locomotive?.maxTrainLengthMeters ?? null}
+        wagonCount={wagons.length}
+        wagonMax={maxWagons}
+      />
+
+      {/* Consist panel */}
+      <Paper
+        radius="lg"
+        withBorder
+        style={{ borderColor: "var(--mantine-color-gray-2)", overflow: "hidden" }}
+      >
+        <Group
+          justify="space-between"
+          wrap="nowrap"
+          px="md"
+          py="sm"
+          style={{ borderBottom: "1px solid var(--mantine-color-gray-2)" }}
+        >
+          <Group gap={10} wrap="nowrap">
+            <Box
+              style={{
+                width: 34,
+                height: 34,
+                borderRadius: 9,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                background: freightBrand.gradient,
+                color: "white",
+              }}
+            >
+              <TrainFront size={18} />
+            </Box>
+            <div>
+              <Text fw={800} size="sm">
+                Train consist
+              </Text>
+              <Text size="11px" c="dimmed">
+                {wagons.length} wagons · {loadedCount} loaded · {wagons.length - loadedCount} empty
+              </Text>
+            </div>
+          </Group>
+          <Group gap="md" wrap="nowrap" visibleFrom="sm">
+            <LegendDot color="cyan" label="Container" />
+            <LegendDot color="orange" label="Bulk" />
+            <LegendDot color="gray" label="Empty" dashed />
+          </Group>
+        </Group>
+
+        <Box p="md">
+          <InteractiveTrainConsist
+            wagons={wagons}
+            locomotive={trainSet?.locomotive}
+            getCompany={(bookingId) => (bookingId ? companyByBooking.get(bookingId) ?? null : null)}
+            selectedWagonId={selectedWagonId}
+            onSelectWagon={(w) => setSelectedWagonId((prev) => (prev === w.id ? null : w.id))}
+            highlightBookingId={highlightBookingId}
+          />
+        </Box>
+      </Paper>
+
+      {/* Selected wagon — editable detail card */}
+      {selectedWagon ? (
+        <Box>
+          <Group gap={6} mb={6} wrap="nowrap">
+            <Badge variant="light" color="green" radius="sm">
+              Editing wagon #{selectedWagon.sequenceNo}
+            </Badge>
+            <Text size="xs" c="dimmed">
+              Update container numbers or remove the booking
+            </Text>
+          </Group>
+          <WagonCard
+            wagon={selectedWagon}
+            company={
+              selectedWagon.allocations?.[0]?.bookingId
+                ? companyByBooking.get(selectedWagon.allocations[0].bookingId) ?? null
+                : null
+            }
+            scheduleId={scheduleId}
+            scheduleStatus={scheduleDetail.status}
+            onRemoveBooking={handleRemoveBooking}
+            onRemoveWagon={handleRemoveWagon}
+          />
+        </Box>
+      ) : wagons.length ? (
+        <Paper
+          radius="md"
+          py="sm"
+          px="md"
+          style={{
+            background: "var(--mantine-color-gray-0)",
+            border: "1px dashed var(--mantine-color-gray-3)",
+          }}
+        >
+          <Group gap={8} justify="center" c="dimmed">
+            <ThemeIcon size={24} radius="xl" variant="light" color="gray">
+              <MousePointerClick size={13} />
+            </ThemeIcon>
+            <Text size="xs" c="dimmed">
+              Click a wagon in the train to edit container numbers or remove its booking.
+            </Text>
+          </Group>
+        </Paper>
+      ) : null}
+
+      <RemoveBookingModal
+        opened={removeModalOpen}
+        onClose={() => {
+          setRemoveModalOpen(false);
+        }}
+        wagon={selectedWagon}
+        onConfirm={handleConfirmRemoveBooking}
+        isLoading={unassignMutation.isPending}
+      />
+    </Stack>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/TrainStatsBar.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/TrainStatsBar.tsx
new file mode 100644
index 000000000..8ec1c7f4e
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/TrainStatsBar.tsx
@@ -0,0 +1,134 @@
+import { Box, Group, Paper, RingProgress, SimpleGrid, Stack, Text, ThemeIcon } from "@mantine/core";
+import { Ruler, Train, Weight } from "lucide-react";
+import { freightBrand } from "@/theme/freight-brand";
+
+interface TrainStatsBarProps {
+  weightUsed: number;
+  weightMax: number | null;
+  lengthUsed: number;
+  lengthMax: number | null;
+  wagonCount: number;
+  wagonMax: number;
+}
+
+function pctColor(pct: number) {
+  if (pct >= 100) return "#fa5252";
+  if (pct >= 85) return "#FB8C2E";
+  return freightBrand.primary;
+}
+
+function StatTile({
+  icon,
+  label,
+  pct,
+  current,
+  max,
+  unit,
+}: {
+  icon: React.ReactNode;
+  label: string;
+  pct: number | null;
+  current: string;
+  max: string;
+  unit: string;
+}) {
+  const color = pct != null ? pctColor(pct) : freightBrand.primary;
+  const clamped = pct != null ? Math.min(100, Math.max(0, pct)) : 0;
+  return (
+    <Group gap="sm" wrap="nowrap" align="center">
+      <RingProgress
+        size={62}
+        thickness={6}
+        roundCaps
+        sections={[{ value: clamped, color }]}
+        rootColor="var(--mantine-color-gray-1)"
+        label={
+          <Group justify="center">
+            <ThemeIcon size={26} radius="xl" variant="transparent" style={{ color }}>
+              {icon}
+            </ThemeIcon>
+          </Group>
+        }
+      />
+      <Stack gap={0} style={{ minWidth: 0 }}>
+        <Text size="10px" fw={700} tt="uppercase" c="dimmed" style={{ letterSpacing: 0.6 }}>
+          {label}
+        </Text>
+        <Group gap={5} align="baseline" wrap="nowrap">
+          <Text size="lg" fw={800} lh={1.1} c="dark.5" style={{ whiteSpace: "nowrap" }}>
+            {current}
+          </Text>
+          <Text size="xs" c="dimmed" style={{ whiteSpace: "nowrap" }}>
+            / {max} {unit}
+          </Text>
+        </Group>
+        {pct != null ? (
+          <Text size="10px" fw={700} style={{ color }}>
+            {Math.round(pct)}% utilized
+          </Text>
+        ) : (
+          <Text size="10px" c="dimmed">
+            no limit set
+          </Text>
+        )}
+      </Stack>
+    </Group>
+  );
+}
+
+export const TrainStatsBar = ({
+  weightUsed,
+  weightMax,
+  lengthUsed,
+  lengthMax,
+  wagonCount,
+  wagonMax,
+}: TrainStatsBarProps) => {
+  const weightPct = weightMax ? (weightUsed / weightMax) * 100 : null;
+  const lengthPct = lengthMax ? (lengthUsed / lengthMax) * 100 : null;
+  const wagonPct = wagonMax ? (wagonCount / wagonMax) * 100 : null;
+
+  return (
+    <Paper
+      p="md"
+      radius="lg"
+      withBorder
+      style={{ borderColor: "var(--mantine-color-gray-2)", background: "white" }}
+    >
+      <SimpleGrid cols={{ base: 1, xs: 3 }} spacing="lg">
+        <StatTile
+          icon={<Weight size={15} />}
+          label="Weight"
+          pct={weightPct}
+          current={weightUsed.toFixed(1)}
+          max={weightMax?.toFixed(1) ?? "∞"}
+          unit="T"
+        />
+        <Box
+          px={{ base: 0, xs: "lg" }}
+          style={{
+            borderLeft: "1px solid var(--mantine-color-gray-2)",
+            borderRight: "1px solid var(--mantine-color-gray-2)",
+          }}
+        >
+          <StatTile
+            icon={<Ruler size={15} />}
+            label="Length"
+            pct={lengthPct}
+            current={lengthUsed.toFixed(1)}
+            max={lengthMax?.toFixed(1) ?? "∞"}
+            unit="m"
+          />
+        </Box>
+        <StatTile
+          icon={<Train size={15} />}
+          label="Wagons"
+          pct={wagonPct}
+          current={String(wagonCount)}
+          max={String(wagonMax)}
+          unit=""
+        />
+      </SimpleGrid>
+    </Paper>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/UnassignedBookingsPanel.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/UnassignedBookingsPanel.tsx
new file mode 100644
index 000000000..11d6c13d3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/UnassignedBookingsPanel.tsx
@@ -0,0 +1,218 @@
+import { Badge, Box, Button, Card, Group, Stack, Text, ThemeIcon, Tooltip } from "@mantine/core";
+import { AlertTriangle, Container as ContainerIcon, MapPin, Plus, TrainFront } from "lucide-react";
+import {
+  useUnassignedBookings,
+  useScheduleMutations,
+} from "@/hooks/trainScheduling/useTrainScheduling";
+import { useToast } from "@/hooks/use-toast";
+import type { FleetAvailabilityRow } from "@/types/trainScheduling";
+import type { BookingDetailData } from "./BookingDetailModal";
+
+interface UnassignedBookingsPanelProps {
+  scheduleId: string;
+  selectedBookingId?: string | null;
+  onSelect: (booking: BookingDetailData) => void;
+}
+
+const parseError = (error: unknown): string | null => {
+  if (error && typeof error === "object" && "response" in error) {
+    const resp = (error as {
+      response?: { data?: { message?: unknown; violations?: string[] } };
+    }).response;
+    const violations = resp?.data?.violations;
+    if (Array.isArray(violations) && violations.length) return violations.join("; ");
+    const msg = resp?.data?.message;
+    if (Array.isArray(msg)) return msg.join(", ");
+    if (typeof msg === "string") return msg;
+  }
+  return null;
+};
+
+const YardFleetBanner = ({ fleetAtOrigin }: { fleetAtOrigin: FleetAvailabilityRow[] }) => {
+  if (!fleetAtOrigin.length) {
+    return (
+      <Group gap={5} wrap="nowrap" px="sm" py={6} style={{ borderRadius: 8, background: "var(--mantine-color-red-0)", border: "1px solid var(--mantine-color-red-2)" }}>
+        <MapPin size={13} color="var(--mantine-color-red-6)" />
+        <Text size="xs" fw={700} c="red.7">
+          No wagons at origin yard
+        </Text>
+      </Group>
+    );
+  }
+
+  return (
+    <Group
+      gap="xs"
+      wrap="wrap"
+      px="sm"
+      py={6}
+      style={{
+        borderRadius: 8,
+        background: "var(--mantine-color-green-0)",
+        border: "1px solid var(--mantine-color-green-1)",
+      }}
+    >
+      <Group gap={5} wrap="nowrap">
+        <MapPin size={13} color="var(--mantine-color-green-7)" />
+        <Text size="xs" fw={700} c="green.8">
+          Origin yard
+        </Text>
+      </Group>
+      {fleetAtOrigin.map((row) => (
+        <Badge key={row.wagonTypeId} size="sm" variant="light" color="green">
+          {row.wagonTypeCode}: {row.available}
+        </Badge>
+      ))}
+    </Group>
+  );
+};
+
+export const UnassignedBookingsPanel = ({
+  scheduleId,
+  selectedBookingId,
+  onSelect,
+}: UnassignedBookingsPanelProps) => {
+  const { toast } = useToast();
+  const unassignedQuery = useUnassignedBookings(scheduleId);
+  const assignMutation = useScheduleMutations(scheduleId).assignUnassigned;
+
+  const handleAssign = async (bookingId: string, reference: string | null) => {
+    try {
+      await assignMutation.mutateAsync({
+        id: scheduleId,
+        bookingId,
+      });
+      toast({ title: `Assigned ${reference ?? "booking"} to the train` });
+    } catch (err) {
+      toast({
+        title: "Could not assign booking",
+        description: parseError(err) ?? "Assignment failed — check yard fleet and train limits.",
+        variant: "destructive",
+      });
+    }
+  };
+
+  if (unassignedQuery.isLoading) {
+    return (
+      <Text size="sm" c="dimmed">
+        Loading...
+      </Text>
+    );
+  }
+
+  const bookings = unassignedQuery.data?.bookings ?? [];
+  const fleetAtOrigin = unassignedQuery.data?.fleetAtOrigin ?? [];
+
+  if (bookings.length === 0) {
+    return (
+      <Stack align="center" gap="xs" py="xl">
+        <ThemeIcon size={44} radius="xl" variant="light" color="gray">
+          <ContainerIcon size={20} />
+        </ThemeIcon>
+        <Text size="sm" fw={600} c="gray.7">
+          No unassigned bookings
+        </Text>
+        <Text size="xs" c="dimmed" ta="center" maw={220}>
+          Paid bookings waiting for a wagon will appear here.
+        </Text>
+      </Stack>
+    );
+  }
+
+  return (
+    <Stack gap="xs">
+      <YardFleetBanner fleetAtOrigin={fleetAtOrigin} />
+
+      {bookings.map((booking) => {
+        const isActive = selectedBookingId === booking.id;
+        const weight = Number(booking.cargoTotalWeightVgm ?? 0);
+        const fits = booking.canAssign;
+        const blockReason = booking.blockReason;
+
+        return (
+          <Card
+            key={booking.id}
+            padding="xs"
+            radius="md"
+            withBorder
+            onClick={() =>
+              onSelect({
+                bookingId: booking.id,
+                reference: booking.reference,
+                company: null,
+                freightType: booking.freightType,
+                weightTons: Number.isFinite(weight) ? weight : null,
+                status: booking.status,
+                priorityScore: booking.priorityScore,
+              })
+            }
+            style={{
+              cursor: "pointer",
+              borderColor: isActive ? "var(--mantine-color-green-5)" : undefined,
+            }}
+          >
+            <Stack gap={6}>
+              <Group gap={8} wrap="nowrap" align="flex-start">
+                <ThemeIcon size={30} radius="md" variant="light" color="orange">
+                  <ContainerIcon size={16} />
+                </ThemeIcon>
+                <Box style={{ flex: 1, minWidth: 0 }}>
+                  <Group justify="space-between" wrap="nowrap" gap={4}>
+                    <Text size="sm" fw={700} truncate>
+                      {booking.reference}
+                    </Text>
+                    {booking.priorityScore ? (
+                      <Badge size="xs" color="green">
+                        P{booking.priorityScore}
+                      </Badge>
+                    ) : null}
+                  </Group>
+                  <Group gap={6} wrap="nowrap" mt={2}>
+                    <Badge size="xs" variant="light" color="gray">
+                      {booking.freightType}
+                    </Badge>
+                    <Group gap={3} wrap="nowrap">
+                      <TrainFront size={11} color="var(--mantine-color-gray-6)" />
+                      <Text size="11px" c="dimmed">
+                        {booking.wagonsRequired}× {booking.requiredWagonTypeCode}
+                      </Text>
+                    </Group>
+                  </Group>
+                </Box>
+              </Group>
+
+              {blockReason ? (
+                <Group gap={5} wrap="nowrap">
+                  <AlertTriangle size={12} color="var(--mantine-color-red-6)" />
+                  <Text size="10px" c="red.7" fw={600}>
+                    {blockReason}
+                  </Text>
+                </Group>
+              ) : null}
+
+              <Tooltip label={blockReason} disabled={fits} withArrow position="bottom">
+                <Button
+                  size="xs"
+                  variant="light"
+                  color="green"
+                  disabled={!fits}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    void handleAssign(booking.id, booking.reference);
+                  }}
+                  loading={
+                    assignMutation.isPending &&
+                    assignMutation.variables?.bookingId === booking.id
+                  }
+                  leftSection={<Plus size={12} />}
+                >
+                  Assign to train
+                </Button>
+              </Tooltip>
+            </Stack>
+          </Card>
+        );
+      })}
+    </Stack>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/WagonCard.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/WagonCard.tsx
new file mode 100644
index 000000000..bda0b1356
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/WagonCard.tsx
@@ -0,0 +1,188 @@
+import { Badge, Box, Button, Card, Group, Progress, Stack, Text, ThemeIcon } from "@mantine/core";
+import {
+  Building2,
+  Container as ContainerIcon,
+  Fuel,
+  Package,
+  TrainFront,
+  Trash2,
+  X,
+} from "lucide-react";
+import type { TrainScheduleDetail } from "@/types/trainScheduling";
+import { ContainerNumberInput } from "./ContainerNumberInput";
+import { freightBrand } from "@/theme/freight-brand";
+
+type Wagon = TrainScheduleDetail["trainSet"]["wagons"][number];
+
+interface WagonCardProps {
+  wagon: Wagon;
+  company?: string | null;
+  scheduleId: string;
+  scheduleStatus?: string;
+  onRemoveBooking: (wagon: Wagon) => void;
+  onRemoveWagon: (wagonId: string) => void;
+}
+
+export const WagonCard = ({
+  wagon,
+  company,
+  scheduleId,
+  scheduleStatus,
+  onRemoveBooking,
+  onRemoveWagon,
+}: WagonCardProps) => {
+  const isDispatched = scheduleStatus === "DISPATCHED";
+  const allocation = wagon.allocations?.[0];
+  const hasAllocations = Boolean(allocation);
+  const isBulk = (allocation?.loadType ?? "").toUpperCase().includes("BULK");
+
+  const weightUsed = allocation?.allocatedWeightTons ?? 0;
+  const weightMax = wagon.capacityTons ?? 0;
+  const weightPercent = weightMax ? (weightUsed / weightMax) * 100 : 0;
+
+  const wagonType = wagon.wagonType?.code || "UNKNOWN";
+
+  return (
+    <Card padding="sm" radius="md" withBorder style={{ borderColor: freightBrand.mutedBorder }}>
+      <Card.Section withBorder inheritPadding py="xs" style={{ background: freightBrand.mutedBg }}>
+        <Group justify="space-between">
+          <Group gap={6}>
+            <ThemeIcon size={28} radius="md" variant="white" color="green">
+              <TrainFront size={16} />
+            </ThemeIcon>
+            <div>
+              <Group gap={4}>
+                <Text size="sm" fw={800}>
+                  Wagon #{wagon.sequenceNo}
+                </Text>
+                <Badge size="xs" variant="light" color="green">
+                  {wagonType}
+                </Badge>
+              </Group>
+              {wagon.physicalWagonNumber || wagon.physicalWagonId ? (
+                <Text size="10px" c="dimmed">
+                  {wagon.physicalWagonNumber || wagon.physicalWagonId?.slice(0, 8)}
+                </Text>
+              ) : null}
+            </div>
+          </Group>
+          {hasAllocations ? (
+            <Badge
+              size="sm"
+              variant="light"
+              color={isBulk ? "orange" : "cyan"}
+              leftSection={isBulk ? <Fuel size={11} /> : <ContainerIcon size={11} />}
+            >
+              {isBulk ? "Bulk" : "Container"}
+            </Badge>
+          ) : null}
+        </Group>
+      </Card.Section>
+
+      <Stack gap="sm" mt="sm">
+        {hasAllocations && allocation ? (
+          <>
+            {company ? (
+              <Group gap={6} wrap="nowrap">
+                <Building2 size={14} color={freightBrand.primary} />
+                <Text size="sm" fw={700} truncate>
+                  {company}
+                </Text>
+              </Group>
+            ) : null}
+
+            <Group gap={6} wrap="nowrap">
+              <Package size={14} color="var(--mantine-color-gray-6)" />
+              <Text size="sm" c="dimmed">
+                {allocation.bookingReference || "Unknown booking"}
+              </Text>
+            </Group>
+
+            {allocation.loadType === "CONTAINER" && allocation.containerItems?.length ? (
+              <Box>
+                <Text size="10px" c="dimmed" fw={700} tt="uppercase" mb={4}>
+                  Containers
+                </Text>
+                <Stack gap={6}>
+                  {allocation.containerItems.map((item, idx) => (
+                    <Group key={item.id} gap={8} wrap="nowrap">
+                      <ContainerIcon size={13} color="var(--mantine-color-cyan-7)" />
+                      <Text size="xs" c="dimmed">
+                        #{idx + 1}
+                      </Text>
+                      <ContainerNumberInput
+                        value={item.containerNumber ?? null}
+                        itemId={item.id}
+                        scheduleId={scheduleId}
+                        disabled={isDispatched}
+                      />
+                    </Group>
+                  ))}
+                </Stack>
+              </Box>
+            ) : null}
+
+            {isBulk ? (
+              <Group gap={6} wrap="nowrap">
+                <Fuel size={14} color="var(--mantine-color-orange-6)" />
+                <Text size="xs" c="dimmed">
+                  {allocation.bulkLoad?.cargoDescription || "Bulk load"}
+                </Text>
+              </Group>
+            ) : null}
+
+            <Box>
+              <Group justify="space-between" mb={4}>
+                <Text size="xs" c="dimmed" fw={600}>
+                  Weight
+                </Text>
+                <Text size="xs" c="dimmed">
+                  {weightUsed.toFixed(1)} / {weightMax.toFixed(1)} T
+                </Text>
+              </Group>
+              <Progress
+                value={Math.min(weightPercent, 100)}
+                color={weightPercent > 90 ? "red" : weightPercent > 75 ? "orange" : "green"}
+                size="sm"
+                radius="xl"
+              />
+            </Box>
+
+            {!isDispatched ? (
+              <Button
+                variant="light"
+                color="red"
+                size="xs"
+                leftSection={<X size={14} />}
+                onClick={() => onRemoveBooking(wagon)}
+                fullWidth
+              >
+                Remove booking
+              </Button>
+            ) : null}
+          </>
+        ) : (
+          <Stack gap="xs" align="center" py="sm">
+            <ThemeIcon size={36} radius="xl" variant="light" color="gray">
+              <TrainFront size={18} />
+            </ThemeIcon>
+            <Text size="sm" c="dimmed">
+              Empty slot
+            </Text>
+            {!isDispatched ? (
+              <Button
+                variant="subtle"
+                color="gray"
+                size="xs"
+                leftSection={<Trash2 size={14} />}
+                onClick={() => onRemoveWagon(wagon.id)}
+              >
+                Remove wagon
+              </Button>
+            ) : null}
+          </Stack>
+        )}
+      </Stack>
+    </Card>
+  );
+};
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/index.ts b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/index.ts
new file mode 100644
index 000000000..c0cf7bc96
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/compositionEditor/index.ts
@@ -0,0 +1,13 @@
+export { TrainStatsBar } from "./TrainStatsBar";
+export { ContainerNumberInput } from "./ContainerNumberInput";
+export { RemoveBookingModal } from "./RemoveBookingModal";
+export { WagonCard } from "./WagonCard";
+export { TrainConsistView } from "./TrainConsistView";
+export { InteractiveTrainConsist } from "./InteractiveTrainConsist";
+export { BookingDetailModal } from "./BookingDetailModal";
+export { BatchBookingList } from "./BatchBookingList";
+export { RemoveBookingConfirmModal } from "./RemoveBookingConfirmModal";
+export { AssignedBookingsPanel } from "./AssignedBookingsPanel";
+export { UnassignedBookingsPanel } from "./UnassignedBookingsPanel";
+export { RemovalLogPanel } from "./RemovalLogPanel";
+export { CompositionBookingTabs } from "./CompositionBookingTabs";
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/containerPlacement.util.spec.ts b/apps/edr-freight-web/backoffice/src/components/trainScheduling/containerPlacement.util.spec.ts
new file mode 100644
index 000000000..3d42c8684
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/containerPlacement.util.spec.ts
@@ -0,0 +1,260 @@
+import { describe, it, expect } from 'vitest';
+import { autoFillPlacements, unitKey, validateLocalPlacements } from './containerPlacement.util';
+import type { ContainerUnitRow } from '@/types/trainScheduling';
+
+function makeUnits(containerType: string, sizeFt: number, quantity: number): ContainerUnitRow[] {
+  const units: ContainerUnitRow[] = [];
+  const containersPerWagon = sizeFt >= 40 ? 1 : 2;
+  const wagonsPerUnit = sizeFt >= 40 ? 1 : 0.5;
+
+  for (let i = 0; i < quantity; i++) {
+    units.push({
+      bookingId: 'booking-1',
+      bookingReference: 'BKG-001',
+      bookingContainerId: 'bc-1',
+      unitIndex: i,
+      containerTypeId: 'ct-1',
+      containerTypeCode: containerType,
+      label: `${containerType} ${i + 1}/${quantity}`,
+      grossWeightTons: 25,
+      sizeFt,
+      wagonsPerUnit,
+      containersPerWagon,
+      teuSlots: sizeFt >= 40 ? 2 : 1,
+    });
+  }
+  return units;
+}
+
+describe('containerPlacement.util', () => {
+  describe('unitKey', () => {
+    it('creates unique keys for units', () => {
+      expect(unitKey('bc-1', 0)).toBe('bc-1:0');
+      expect(unitKey('bc-1', 1)).toBe('bc-1:1');
+      expect(unitKey('bc-2', 0)).toBe('bc-2:0');
+    });
+  });
+
+  describe('autoFillPlacements', () => {
+    it('returns empty array when no units or slots', () => {
+      expect(autoFillPlacements([], [1, 2, 3])).toEqual([]);
+      expect(autoFillPlacements(makeUnits('20GP', 20, 1), [])).toEqual([]);
+    });
+
+    it('places 2×20ft containers in 1 wagon slot', () => {
+      const units = makeUnits('20GP', 20, 2);
+      const slots = [1, 2, 3];
+      const placements = autoFillPlacements(units, slots);
+
+      expect(placements).toHaveLength(2);
+      // Both 20ft containers should be in slot 1
+      expect(placements[0]?.sequenceNo).toBe(1);
+      expect(placements[1]?.sequenceNo).toBe(1);
+    });
+
+    it('places 6×20ft containers in 3 wagon slots (2 per wagon)', () => {
+      const units = makeUnits('20GP', 20, 6);
+      const slots = [1, 2, 3, 4, 5];
+      const placements = autoFillPlacements(units, slots);
+
+      expect(placements).toHaveLength(6);
+      // Units 0,1 -> Slot 1
+      expect(placements[0]?.sequenceNo).toBe(1);
+      expect(placements[1]?.sequenceNo).toBe(1);
+      // Units 2,3 -> Slot 2
+      expect(placements[2]?.sequenceNo).toBe(2);
+      expect(placements[3]?.sequenceNo).toBe(2);
+      // Units 4,5 -> Slot 3
+      expect(placements[4]?.sequenceNo).toBe(3);
+      expect(placements[5]?.sequenceNo).toBe(3);
+    });
+
+    it('places 1×40ft container in 1 wagon slot', () => {
+      const units = makeUnits('40GP', 40, 1);
+      const slots = [1, 2, 3];
+      const placements = autoFillPlacements(units, slots);
+
+      expect(placements).toHaveLength(1);
+      expect(placements[0]?.sequenceNo).toBe(1);
+    });
+
+    it('places 3×40ft containers in 3 wagon slots (1 per wagon)', () => {
+      const units = makeUnits('40GP', 40, 3);
+      const slots = [1, 2, 3, 4, 5];
+      const placements = autoFillPlacements(units, slots);
+
+      expect(placements).toHaveLength(3);
+      // Each 40ft container gets its own slot
+      expect(placements[0]?.sequenceNo).toBe(1);
+      expect(placements[1]?.sequenceNo).toBe(2);
+      expect(placements[2]?.sequenceNo).toBe(3);
+    });
+
+    it('handles mixed 20ft and 40ft containers correctly', () => {
+      const units20 = makeUnits('20GP', 20, 2);
+      const units40 = makeUnits('40GP', 40, 1);
+      const units = [...units20, ...units40];
+      const slots = [1, 2, 3, 4, 5];
+      const placements = autoFillPlacements(units, slots);
+
+      expect(placements).toHaveLength(3);
+      // First two 20ft containers share slot 1
+      expect(placements[0]?.sequenceNo).toBe(1);
+      expect(placements[1]?.sequenceNo).toBe(1);
+      // 40ft container gets slot 2
+      expect(placements[2]?.sequenceNo).toBe(2);
+    });
+
+    it('never shares a wagon between a 40ft and a 20ft when the 40ft comes first', () => {
+      // Regression: a 40ft (2 TEU) must occupy its own wagon and never pair with a 20ft.
+      const units40 = makeUnits('40GP', 40, 1);
+      const units20 = makeUnits('20GP', 20, 2);
+      const units = [...units40, ...units20];
+      const slots = [1, 2, 3, 4];
+      const placements = autoFillPlacements(units, slots);
+
+      expect(placements).toHaveLength(3);
+      // 40ft alone on slot 1
+      expect(placements[0]?.sequenceNo).toBe(1);
+      // both 20ft together on slot 2 — NOT on slot 1 with the 40ft
+      expect(placements[1]?.sequenceNo).toBe(2);
+      expect(placements[2]?.sequenceNo).toBe(2);
+    });
+
+    it('falls back to last slot when running out of slots', () => {
+      const units = makeUnits('20GP', 20, 6);
+      const slots = [1, 2]; // Only 2 slots available
+      const placements = autoFillPlacements(units, slots);
+
+      expect(placements).toHaveLength(6);
+      // First 4 units fit in slots 1 and 2
+      expect(placements[0]?.sequenceNo).toBe(1);
+      expect(placements[1]?.sequenceNo).toBe(1);
+      expect(placements[2]?.sequenceNo).toBe(2);
+      expect(placements[3]?.sequenceNo).toBe(2);
+      // Remaining units fall back to last available slot (slot 2)
+      expect(placements[4]?.sequenceNo).toBe(2);
+      expect(placements[5]?.sequenceNo).toBe(2);
+    });
+
+    it('defaults to 2 containers per wagon when sizeFt is not provided', () => {
+      const units: ContainerUnitRow[] = [
+        {
+          bookingId: 'booking-1',
+          bookingReference: 'BKG-001',
+          bookingContainerId: 'bc-1',
+          unitIndex: 0,
+          containerTypeId: 'ct-1',
+          containerTypeCode: '20GP',
+          label: 'Container 1',
+          grossWeightTons: 25,
+          // sizeFt not provided, should default to 2 per wagon
+        },
+        {
+          bookingId: 'booking-1',
+          bookingReference: 'BKG-001',
+          bookingContainerId: 'bc-1',
+          unitIndex: 1,
+          containerTypeId: 'ct-1',
+          containerTypeCode: '20GP',
+          label: 'Container 2',
+          grossWeightTons: 25,
+        },
+      ];
+      const slots = [1, 2, 3];
+      const placements = autoFillPlacements(units, slots);
+
+      expect(placements[0]?.sequenceNo).toBe(1);
+      expect(placements[1]?.sequenceNo).toBe(1);
+    });
+
+    it('uses 1 container per wagon for 40ft when sizeFt is 40', () => {
+      const units: ContainerUnitRow[] = [
+        {
+          bookingId: 'booking-1',
+          bookingReference: 'BKG-001',
+          bookingContainerId: 'bc-1',
+          unitIndex: 0,
+          containerTypeId: 'ct-1',
+          containerTypeCode: '40GP',
+          label: 'Container 1',
+          grossWeightTons: 25,
+          sizeFt: 40,
+        },
+        {
+          bookingId: 'booking-1',
+          bookingReference: 'BKG-001',
+          bookingContainerId: 'bc-1',
+          unitIndex: 1,
+          containerTypeId: 'ct-1',
+          containerTypeCode: '40GP',
+          label: 'Container 2',
+          grossWeightTons: 25,
+          sizeFt: 40,
+        },
+      ];
+      const slots = [1, 2, 3];
+      const placements = autoFillPlacements(units, slots);
+
+      // Each 40ft container should get its own slot
+      expect(placements[0]?.sequenceNo).toBe(1);
+      expect(placements[1]?.sequenceNo).toBe(2);
+    });
+  });
+
+  describe('validateLocalPlacements', () => {
+    it('returns empty array for valid placements', () => {
+      const units = makeUnits('20GP', 20, 1);
+      const placements = [
+        {
+          bookingContainerId: 'bc-1',
+          unitIndex: 0,
+          sequenceNo: 1,
+          containerNumber: 'CNTR123',
+        },
+      ];
+      expect(validateLocalPlacements(units, placements)).toEqual([]);
+    });
+
+    it('returns error for missing slot', () => {
+      const units = makeUnits('20GP', 20, 1);
+      const placements: ReturnType<typeof autoFillPlacements> = [];
+      const issues = validateLocalPlacements(units, placements);
+      expect(issues.some((i) => i.includes('Slot missing'))).toBe(true);
+    });
+
+    it('returns error for missing container number', () => {
+      const units = makeUnits('20GP', 20, 1);
+      const placements = [
+        {
+          bookingContainerId: 'bc-1',
+          unitIndex: 0,
+          sequenceNo: 1,
+          // No containerNumber or containerId
+        },
+      ];
+      const issues = validateLocalPlacements(units, placements);
+      expect(issues.some((i) => i.includes('Enter a container number'))).toBe(true);
+    });
+
+    it('returns error for duplicate container numbers', () => {
+      const units = makeUnits('20GP', 20, 2);
+      const placements = [
+        {
+          bookingContainerId: 'bc-1',
+          unitIndex: 0,
+          sequenceNo: 1,
+          containerNumber: 'CNTR123',
+        },
+        {
+          bookingContainerId: 'bc-1',
+          unitIndex: 1,
+          sequenceNo: 1,
+          containerNumber: 'CNTR123', // Duplicate!
+        },
+      ];
+      const issues = validateLocalPlacements(units, placements);
+      expect(issues.some((i) => i.includes('Duplicate container number'))).toBe(true);
+    });
+  });
+});
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/containerPlacement.util.ts b/apps/edr-freight-web/backoffice/src/components/trainScheduling/containerPlacement.util.ts
new file mode 100644
index 000000000..b70bbd3dc
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/containerPlacement.util.ts
@@ -0,0 +1,133 @@
+import type { ContainerPlacement, ContainerUnitRow } from "@/types/trainScheduling";
+
+export function unitKey(bookingContainerId: string, unitIndex: number) {
+  return `${bookingContainerId}:${unitIndex}`;
+}
+
+type ScheduleWagonForPlacements = {
+  sequenceNo: number;
+  allocations?: Array<{
+    containerItems?: Array<{
+      bookingContainerId?: string | null;
+      positionOnWagon?: number | null;
+      containerId?: string | null;
+      containerNumber?: string | null;
+    }>;
+  }>;
+};
+
+export function placementsFromScheduleWagons(
+  wagons: ScheduleWagonForPlacements[],
+): ContainerPlacement[] {
+  const placements: ContainerPlacement[] = [];
+
+  for (const wagon of wagons) {
+    for (const allocation of wagon.allocations ?? []) {
+      for (const containerItem of allocation.containerItems ?? []) {
+        if (containerItem.bookingContainerId && containerItem.positionOnWagon != null) {
+          placements.push({
+            bookingContainerId: containerItem.bookingContainerId,
+            unitIndex: containerItem.positionOnWagon - 1,
+            sequenceNo: wagon.sequenceNo,
+            containerNumber: containerItem.containerNumber ?? undefined,
+          });
+        }
+      }
+    }
+  }
+
+  return placements;
+}
+
+export function mergePlacementsWithSaved(
+  autoFilled: ContainerPlacement[],
+  saved: ContainerPlacement[],
+): ContainerPlacement[] {
+  const savedMap = new Map(
+    saved.map((placement) => [unitKey(placement.bookingContainerId, placement.unitIndex), placement]),
+  );
+
+  return autoFilled.map((placement) => {
+    const existing = savedMap.get(unitKey(placement.bookingContainerId, placement.unitIndex));
+    if (existing?.containerNumber?.trim()) {
+      return {
+        ...placement,
+        containerNumber: existing.containerNumber,
+        containerId: undefined,
+        sealNumber: existing.sealNumber,
+      };
+    }
+    return placement;
+  });
+}
+
+export function autoFillPlacements(
+  units: ContainerUnitRow[],
+  containerSlots: number[],
+): ContainerPlacement[] {
+  if (!units.length || !containerSlots.length) return [];
+
+  const placements: ContainerPlacement[] = [];
+  // Pack by TEU: a wagon holds 2 TEU (one 40ft, or two 20ft). This MUST mirror the
+  // backend allocation (allocateContainersToSlots) so a placement's sequenceNo lands on
+  // the same wagon the booking is allocated to — and a 40ft never shares with a 20ft.
+  const MAX_TEU_PER_WAGON = 2;
+  let currentSlotIndex = 0;
+  let teuInCurrentSlot = 0;
+
+  for (const unit of units) {
+    const teu = unit.teuSlots ?? (unit.sizeFt && unit.sizeFt >= 40 ? 2 : 1);
+
+    if (teuInCurrentSlot > 0 && teuInCurrentSlot + teu > MAX_TEU_PER_WAGON) {
+      currentSlotIndex += 1;
+      teuInCurrentSlot = 0;
+    }
+
+    const sequenceNo =
+      containerSlots[Math.min(currentSlotIndex, containerSlots.length - 1)] ??
+      containerSlots[containerSlots.length - 1] ??
+      containerSlots[0];
+
+    placements.push({
+      bookingContainerId: unit.bookingContainerId,
+      unitIndex: unit.unitIndex,
+      sequenceNo,
+      containerNumber: unit.containerNumber ?? undefined,
+    });
+
+    teuInCurrentSlot += teu;
+  }
+
+  return placements;
+}
+
+export function validateLocalPlacements(
+  units: ContainerUnitRow[],
+  placements: ContainerPlacement[],
+): string[] {
+  const issues: string[] = [];
+  const numbers = new Set<string>();
+
+  for (const unit of units) {
+    const placement = placements.find(
+      (p) =>
+        p.bookingContainerId === unit.bookingContainerId && p.unitIndex === unit.unitIndex,
+    );
+    if (!placement?.sequenceNo) {
+      issues.push(`Slot missing for ${unit.label}`);
+      continue;
+    }
+    if (!placement.containerNumber?.trim()) {
+      issues.push(`Enter a container number for ${unit.label}`);
+    }
+    if (placement.containerNumber?.trim()) {
+      const normalized = placement.containerNumber.trim().toUpperCase();
+      if (numbers.has(normalized)) {
+        issues.push(`Duplicate container number ${normalized}`);
+      }
+      numbers.add(normalized);
+    }
+  }
+
+  return issues;
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/pinWagons.util.ts b/apps/edr-freight-web/backoffice/src/components/trainScheduling/pinWagons.util.ts
new file mode 100644
index 000000000..ef2658d15
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/pinWagons.util.ts
@@ -0,0 +1,56 @@
+export interface WagonSlotForPin {
+  id: string;
+  sequenceNo: number;
+  physicalWagonId?: string | null;
+  wagonType?: { id: string } | null;
+}
+
+export function autoFillWagonAssignments(
+  slots: WagonSlotForPin[],
+  wagonOptionsByType: Map<string, Array<{ value: string; label: string }>>,
+  existingAssignments: Record<string, string> = {},
+): Record<string, string> {
+  const next: Record<string, string> = {};
+  const assignedWagonIds = new Set<string>();
+
+  for (const slot of slots) {
+    const pinnedId = slot.physicalWagonId ?? existingAssignments[slot.id];
+    if (pinnedId) {
+      next[slot.id] = pinnedId;
+      assignedWagonIds.add(pinnedId);
+    }
+  }
+
+  for (const slot of slots) {
+    if (next[slot.id]) continue;
+
+    const typeId = slot.wagonType?.id ?? "";
+    const options = wagonOptionsByType.get(typeId) ?? [];
+    const availableWagon = options.find((option) => !assignedWagonIds.has(option.value));
+    if (availableWagon) {
+      next[slot.id] = availableWagon.value;
+      assignedWagonIds.add(availableWagon.value);
+    }
+  }
+
+  return next;
+}
+
+export function countFilledSlots(
+  slots: WagonSlotForPin[],
+  assignments: Record<string, string>,
+): { filled: number; total: number; unfilledSlotNumbers: number[] } {
+  const unfilledSlotNumbers: number[] = [];
+
+  for (const slot of slots) {
+    if (!assignments[slot.id]) {
+      unfilledSlotNumbers.push(slot.sequenceNo);
+    }
+  }
+
+  return {
+    filled: slots.length - unfilledSlotNumbers.length,
+    total: slots.length,
+    unfilledSlotNumbers,
+  };
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/scheduleVisuals.tsx b/apps/edr-freight-web/backoffice/src/components/trainScheduling/scheduleVisuals.tsx
new file mode 100644
index 000000000..ff7417a94
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/scheduleVisuals.tsx
@@ -0,0 +1,282 @@
+import type { ReactNode } from "react";
+import { Box, Group, Paper, Stack, Text } from "@mantine/core";
+import type { LucideIcon } from "lucide-react";
+import { MapPin } from "lucide-react";
+
+import { MiniRing, MiniSparkline } from "@/components/common/MiniGraph";
+import type { OverviewAccent } from "@/components/overview/overview.styles";
+import { freightBrand } from "@/theme/freight-brand";
+
+/** Mini-graph variants a StatTile can render at its bottom. */
+export type StatTileGraph = "area" | "line" | "ring" | "none";
+
+/**
+ * Shared visual building blocks for the Train Scheduling V2 surfaces.
+ * Everything keys off the freight brand green so the list + detail pages
+ * read as one cohesive, premium product.
+ */
+
+export const scheduleBrand = {
+  /** Deep green → emerald hero wash used across scheduling surfaces. */
+  heroGradient: `linear-gradient(135deg, ${freightBrand.primaryDark} 0%, ${freightBrand.primary} 48%, ${freightBrand.primaryLight} 120%)`,
+  /** Soft tinted surface for cards on white backgrounds. */
+  softSurface: `linear-gradient(135deg, ${freightBrand.mutedBg} 0%, #ffffff 60%, var(--mantine-color-gray-0) 100%)`,
+  ring: freightBrand.ring,
+  shadow: freightBrand.shadow,
+  shadowSm: freightBrand.shadowSm,
+  mutedBorder: freightBrand.mutedBorder,
+} as const;
+
+const STATUS_META: Record<
+  string,
+  { color: string; dot: string; label?: string }
+> = {
+  DRAFT: { color: "gray", dot: "var(--mantine-color-gray-5)" },
+  SCHEDULED: { color: "green", dot: freightBrand.primary },
+  DISPATCHED: { color: "teal", dot: "var(--mantine-color-teal-6)" },
+  ARRIVED: { color: "blue", dot: "var(--mantine-color-blue-6)" },
+  CANCELLED: { color: "red", dot: "var(--mantine-color-red-6)" },
+};
+
+export function statusMeta(status: string) {
+  return STATUS_META[status] ?? STATUS_META.DRAFT;
+}
+
+/**
+ * Status pill with a leading status dot — clearer at a glance than a plain
+ * badge and consistent everywhere a schedule status appears.
+ */
+export function StatusPill({
+  status,
+  size = "sm",
+}: {
+  status: string;
+  size?: "sm" | "md";
+}) {
+  const meta = statusMeta(status);
+  const isMd = size === "md";
+  return (
+    <Group
+      gap={isMd ? 8 : 6}
+      wrap="nowrap"
+      style={{
+        display: "inline-flex",
+        padding: isMd ? "5px 12px" : "3px 10px",
+        borderRadius: 999,
+        background: `var(--mantine-color-${meta.color}-0)`,
+        border: `1px solid var(--mantine-color-${meta.color}-2)`,
+      }}
+    >
+      <Box
+        w={isMd ? 8 : 7}
+        h={isMd ? 8 : 7}
+        style={{
+          borderRadius: 999,
+          background: meta.dot,
+          boxShadow: `0 0 0 3px var(--mantine-color-${meta.color}-1)`,
+          flexShrink: 0,
+        }}
+      />
+      <Text
+        size={isMd ? "sm" : "xs"}
+        fw={600}
+        c={`${meta.color}.8`}
+        style={{ letterSpacing: 0.2, lineHeight: 1 }}
+      >
+        {meta.label ?? status}
+      </Text>
+    </Group>
+  );
+}
+
+/**
+ * Compact metric tile used in hero strips. `onDark` flips colors for use on
+ * the green hero gradient.
+ */
+export function StatTile({
+  icon: Icon,
+  label,
+  value,
+  hint,
+  onDark = false,
+  accent = freightBrand.primary,
+  graph = "none",
+  graphAccent = "emerald",
+  graphPct,
+}: {
+  icon?: LucideIcon;
+  label: string;
+  value: ReactNode;
+  hint?: ReactNode;
+  onDark?: boolean;
+  accent?: string;
+  /** Optional decorative mini-graph at the bottom (ignored on dark tiles). */
+  graph?: StatTileGraph;
+  graphAccent?: OverviewAccent;
+  /** Percentage 0..100 for the ring variant. */
+  graphPct?: number | null;
+}) {
+  // Mini-graphs only render on light tiles (the gradient reads poorly on dark).
+  const showGraph = graph !== "none" && !onDark;
+
+  return (
+    <Paper
+      p="md"
+      radius="lg"
+      style={
+        onDark
+          ? {
+              background: "rgba(255,255,255,0.12)",
+              border: "1px solid rgba(255,255,255,0.18)",
+              backdropFilter: "blur(6px)",
+            }
+          : {
+              background: "var(--mantine-color-gray-0)",
+              border: "1px solid var(--mantine-color-gray-2)",
+            }
+      }
+    >
+      <Stack gap={8}>
+        <Group gap="sm" wrap="nowrap" align="center">
+          {Icon ? (
+            <Box
+              style={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: 38,
+                height: 38,
+                borderRadius: 10,
+                flexShrink: 0,
+                background: onDark ? "rgba(255,255,255,0.16)" : `${accent}1a`,
+                color: onDark ? "white" : accent,
+              }}
+            >
+              <Icon size={18} />
+            </Box>
+          ) : null}
+          <Stack gap={1} style={{ minWidth: 0, flex: 1 }}>
+            <Text
+              fw={800}
+              size="lg"
+              lh={1.05}
+              c={onDark ? "white" : "dark.5"}
+              style={{ whiteSpace: "nowrap" }}
+            >
+              {value}
+            </Text>
+            <Text
+              size="xs"
+              fw={600}
+              c={onDark ? "rgba(255,255,255,0.75)" : "dimmed"}
+              truncate
+            >
+              {label}
+              {hint ? <Text component="span" size="xs" c="dimmed"> · {hint}</Text> : null}
+            </Text>
+          </Stack>
+          {showGraph && graph === "ring" ? (
+            <MiniRing pct={graphPct ?? 0} accent={graphAccent} size={42} stroke={5}>
+              <Text size="9px" fw={800} c="dark.4">
+                {Math.round(graphPct ?? 0)}%
+              </Text>
+            </MiniRing>
+          ) : null}
+        </Group>
+
+        {showGraph && graph !== "ring" ? (
+          <MiniSparkline
+            variant={graph}
+            accent={graphAccent}
+            baseline={(graphPct ?? 50) / 100}
+            seed={label}
+            height={20}
+          />
+        ) : null}
+      </Stack>
+    </Paper>
+  );
+}
+
+/**
+ * Origin → destination corridor visual: two anchored stops joined by a rail
+ * line. `variant="compact"` is for dense table rows; `default` for cards.
+ */
+export function RouteCorridor({
+  origin,
+  destination,
+  variant = "default",
+  onDark = false,
+}: {
+  origin?: string | null;
+  destination?: string | null;
+  variant?: "default" | "compact";
+  onDark?: boolean;
+}) {
+  const compact = variant === "compact";
+  const dim = onDark ? "rgba(255,255,255,0.7)" : "var(--mantine-color-gray-5)";
+  const strong = onDark ? "white" : "var(--mantine-color-gray-8)";
+  const lineColor = onDark ? "rgba(255,255,255,0.4)" : "var(--mantine-color-gray-3)";
+  const accent = onDark ? "white" : freightBrand.primary;
+
+  return (
+    <Group gap={compact ? 6 : 8} wrap="nowrap" align="center" style={{ minWidth: 0 }}>
+      <Box
+        w={compact ? 7 : 9}
+        h={compact ? 7 : 9}
+        style={{
+          borderRadius: 999,
+          flexShrink: 0,
+          border: `2px solid ${accent}`,
+          background: onDark ? "transparent" : "white",
+        }}
+      />
+      <Text
+        size={compact ? "sm" : "sm"}
+        fw={600}
+        c={strong}
+        style={{ whiteSpace: "nowrap" }}
+      >
+        {origin ?? "—"}
+      </Text>
+      <Box
+        style={{
+          flex: 1,
+          minWidth: compact ? 16 : 24,
+          height: 0,
+          borderTop: `2px dashed ${lineColor}`,
+          position: "relative",
+        }}
+      >
+        <MapPin
+          size={compact ? 11 : 13}
+          color={dim}
+          style={{
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+            background: onDark ? "transparent" : "white",
+          }}
+        />
+      </Box>
+      <Text
+        size={compact ? "sm" : "sm"}
+        fw={600}
+        c={strong}
+        style={{ whiteSpace: "nowrap" }}
+      >
+        {destination ?? "—"}
+      </Text>
+      <Box
+        w={compact ? 7 : 9}
+        h={compact ? 7 : 9}
+        style={{
+          borderRadius: 999,
+          flexShrink: 0,
+          background: accent,
+        }}
+      />
+    </Group>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/schedulingContainerStep.util.ts b/apps/edr-freight-web/backoffice/src/components/trainScheduling/schedulingContainerStep.util.ts
new file mode 100644
index 000000000..0e3e7533a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/schedulingContainerStep.util.ts
@@ -0,0 +1,14 @@
+import type { FreightType } from "@/types/trainScheduling";
+
+const isContainerFreight = (freightType?: string | null) => freightType === "CONTAINER";
+
+/** Show container number placement step when train includes container cargo. */
+export function shouldShowContainerPlacementStep(params: {
+  containerUnitCount: number;
+  scheduleFreightType?: FreightType | string | null;
+  bookingFreightTypes: Array<FreightType | string | null | undefined>;
+}): boolean {
+  if (params.containerUnitCount > 0) return true;
+  if (isContainerFreight(params.scheduleFreightType)) return true;
+  return params.bookingFreightTypes.some(isContainerFreight);
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/trainScheduling/schedulingWorkflow.styles.ts b/apps/edr-freight-web/backoffice/src/components/trainScheduling/schedulingWorkflow.styles.ts
new file mode 100644
index 000000000..f96dfcfe4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/components/trainScheduling/schedulingWorkflow.styles.ts
@@ -0,0 +1,28 @@
+import type { MantineTheme } from "@mantine/core";
+
+export const schedulingWorkflow = {
+  stepper: {
+    color: "green" as const,
+    iconSize: 32,
+    size: "sm" as const,
+  },
+  card: {
+    radius: "xl" as const,
+    padding: "lg" as const,
+    withBorder: true,
+  },
+  heroGradient: (theme: MantineTheme) =>
+    `linear-gradient(135deg, ${theme.colors.green[0]} 0%, ${theme.white} 55%, ${theme.colors.gray[0]} 100%)`,
+  workflowGradient: (theme: MantineTheme) =>
+    `linear-gradient(180deg, ${theme.white} 0%, ${theme.colors.gray[0]} 100%)`,
+  accentColor: "green" as const,
+  successColor: "green" as const,
+  warningColor: "yellow" as const,
+};
+
+export const schedulingStepMeta = [
+  { label: "Bookings", description: "Select & preview", icon: "package" },
+  { label: "Wagon plan", description: "Allocations", icon: "layout" },
+  { label: "Containers", description: "Map units", icon: "container" },
+  { label: "Finalize", description: "Depart", icon: "check" },
+] as const;
diff --git a/apps/edr-freight-web/backoffice/src/components/trains/TrainDetailCard.tsx b/apps/edr-freight-web/backoffice/src/components/trains/TrainDetailCard.tsx
deleted file mode 100644
index 1d533a942..000000000
--- a/apps/edr-freight-web/backoffice/src/components/trains/TrainDetailCard.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Train } from '@/services/trainService';
-
-export function TrainDetailCard({ train }: { train: Train }) {
-  return (
-    <Card>
-      <CardHeader><CardTitle>{train.trainNumber || train.code} - {train.trainName || 'Unnamed'}</CardTitle></CardHeader>
-      <CardContent className="grid md:grid-cols-2 gap-4">
-        <div><span className="font-medium">Status:</span> {train.status}</div>
-        <div><span className="font-medium">Capacity:</span> {train.capacityTons} tons</div>
-        <div><span className="font-medium">Origin:</span> {train.originStationId || '-'}</div>
-        <div><span className="font-medium">Destination:</span> {train.destinationStationId || '-'}</div>
-        <div><span className="font-medium">Departure:</span> {train.departureTime ? new Date(train.departureTime).toLocaleString() : '-'}</div>
-        <div><span className="font-medium">Arrival:</span> {train.arrivalTime ? new Date(train.arrivalTime).toLocaleString() : '-'}</div>
-        {train.remarks && <div className="col-span-2"><span className="font-medium">Remarks:</span> {train.remarks}</div>}
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/trains/TrainFormDialog.tsx b/apps/edr-freight-web/backoffice/src/components/trains/TrainFormDialog.tsx
deleted file mode 100644
index a73876e7d..000000000
--- a/apps/edr-freight-web/backoffice/src/components/trains/TrainFormDialog.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { useState, useEffect } from 'react';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { useCreateTrain, useUpdateTrain } from '@/hooks/useTrains';
-import { useToast } from '@/hooks/use-toast';
-
-interface TrainFormDialogProps {
-  trigger?: React.ReactNode;
-  train?: any;
-  onSuccess?: () => void;
-}
-
-export function TrainFormDialog({ trigger, train, onSuccess }: TrainFormDialogProps) {
-  const [open, setOpen] = useState(false);
-  const [form, setForm] = useState({ code: '', capacityTons: 0, trainNumber: '', trainName: '' });
-  const createTrain = useCreateTrain();
-  const updateTrain = useUpdateTrain();
-  const { toast } = useToast();
-
-  useEffect(() => {
-    if (train) setForm({
-      code: train.code,
-      capacityTons: train.capacityTons,
-      trainNumber: train.trainNumber || '',
-      trainName: train.trainName || '',
-    });
-  }, [train]);
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    try {
-      if (train) await updateTrain.mutateAsync({ id: train.id, data: form });
-      else await createTrain.mutateAsync(form);
-      toast({ title: train ? 'Train updated' : 'Train created', description: `${form.code} saved.` });
-      setOpen(false);
-      onSuccess?.();
-    } catch {
-      toast({ title: 'Error', description: `Failed to ${train ? 'update' : 'create'} train.`, variant: 'destructive' });
-    }
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>{trigger || <Button>New Train</Button>}</DialogTrigger>
-      <DialogContent>
-        <DialogHeader><DialogTitle>{train ? 'Edit Train' : 'Create Train'}</DialogTitle></DialogHeader>
-        <form onSubmit={handleSubmit} className="space-y-4">
-          <div><Label>Code*</Label><Input required value={form.code} onChange={e => setForm({...form, code: e.target.value})} /></div>
-          <div><Label>Capacity (tons)*</Label><Input type="number" required value={form.capacityTons} onChange={e => setForm({...form, capacityTons: parseFloat(e.target.value)})} /></div>
-          <div><Label>Train Number</Label><Input value={form.trainNumber} onChange={e => setForm({...form, trainNumber: e.target.value})} /></div>
-          <div><Label>Train Name</Label><Input value={form.trainName} onChange={e => setForm({...form, trainName: e.target.value})} /></div>
-          <Button type="submit" disabled={createTrain.isPending || updateTrain.isPending}>Save</Button>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/trains/TrainsTable.tsx b/apps/edr-freight-web/backoffice/src/components/trains/TrainsTable.tsx
deleted file mode 100644
index 2751fbe39..000000000
--- a/apps/edr-freight-web/backoffice/src/components/trains/TrainsTable.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { useTrains, useDeleteTrain } from '@/hooks/useTrains';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
-import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import { Eye, Trash2 } from 'lucide-react';
-import { Link } from 'react-router-dom';
-
-export function TrainsTable() {
-  const { data: trains, isLoading } = useTrains();
-  const deleteTrain = useDeleteTrain();
-
-  if (isLoading) return <div>Loading trains...</div>;
-
-  return (
-    <Table>
-      <TableHeader>
-        <TableRow>
-          <TableHead>Number</TableHead>
-          <TableHead>Name</TableHead>
-          <TableHead>Status</TableHead>
-          <TableHead>Capacity (tons)</TableHead>
-          <TableHead>Actions</TableHead>
-        </TableRow>
-      </TableHeader>
-      <TableBody>
-        {trains?.map(train => (
-          <TableRow key={train.id}>
-            <TableCell>{train.trainNumber || train.code}</TableCell>
-            <TableCell>{train.trainName || '-'}</TableCell>
-            <TableCell><Badge variant="outline">{train.status}</Badge></TableCell>
-            <TableCell>{train.capacityTons}</TableCell>
-            <TableCell className="flex space-x-2">
-              <Link to={`/trains/${train.id}`}>
-                <Button variant="ghost" size="icon"><Eye className="h-4 w-4" /></Button>
-              </Link>
-              <Button variant="ghost" size="icon" onClick={() => deleteTrain.mutate(train.id)}>
-                <Trash2 className="h-4 w-4" />
-              </Button>
-            </TableCell>
-          </TableRow>
-        ))}
-      </TableBody>
-    </Table>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/components/wagons/AssignWagonDialog.tsx b/apps/edr-freight-web/backoffice/src/components/wagons/AssignWagonDialog.tsx
index 25877ac4e..b0ec3228c 100644
--- a/apps/edr-freight-web/backoffice/src/components/wagons/AssignWagonDialog.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/wagons/AssignWagonDialog.tsx
@@ -1,53 +1,102 @@
-import { useState } from 'react';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-// import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { useWagons, useAssignWagonToTrain } from '@/hooks/useWagons';
-import { useToast } from '@/hooks/use-toast';
-import { Plus } from 'lucide-react';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@edr/ui-common';
+import { useState, useMemo } from "react";
+import { Plus } from "lucide-react";
+import { Button, Group, Modal, NumberInput, Select, Stack, Text } from "@mantine/core";
+
+import { Freight } from "@edr/types";
+
+import { useToast } from "@/hooks/use-toast";
+import { useRouteYards } from "@/hooks/useRoutes";
+import { useAssignWagonToTrain, useWagons } from "@/hooks/useWagons";
 
 export function AssignWagonDialog({ trainId }: { trainId: string }) {
   const [open, setOpen] = useState(false);
-  const [wagonId, setWagonId] = useState('');
-  const [sequence, setSequence] = useState<number>();
+  const [wagonId, setWagonId] = useState<string | null>(null);
+  const [sequence, setSequence] = useState<number | "">("");
   const { data: wagons } = useWagons();
+  const { data: yards = [] } = useRouteYards();
   const assign = useAssignWagonToTrain();
   const { toast } = useToast();
 
-  const available = wagons?.filter((w:any) => w.status === 'AVAILABLE' || !w.trainId);
+  const available = (wagons ?? []).filter(
+    (w) => w.status === Freight.WagonStatus.Available || !w.trainId,
+  );
+
+  const yardLabelById = useMemo(
+    () =>
+      new Map(
+        yards.map((y) => [y.id, y.label ?? y.code ?? y.id]),
+      ),
+    [yards],
+  );
+
+  const wagonOptions = available.map((w) => ({
+    value: w.id,
+    label: w.currentYardId
+      ? `${w.wagonNumber} (${yardLabelById.get(w.currentYardId) ?? "yard"})`
+      : `${w.wagonNumber} (no yard)`,
+  }));
 
   const handleAssign = async () => {
     if (!wagonId) return;
-    await assign.mutateAsync({ wagonId, trainId, sequenceNumber: sequence });
-    toast({ title: 'Assigned', description: 'Wagon attached to train.' });
-    setOpen(false);
+    try {
+      await assign.mutateAsync({
+        wagonId,
+        trainId,
+        sequenceNumber: sequence === "" ? undefined : Number(sequence),
+      });
+      toast({ title: "Wagon attached to train" });
+      setOpen(false);
+      setWagonId(null);
+      setSequence("");
+    } catch {
+      toast({ title: "Failed to assign wagon", variant: "destructive" });
+    }
   };
 
   return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild><Button size="sm"><Plus className="mr-2 h-4 w-4" />Assign Wagon</Button></DialogTrigger>
-      <DialogContent>
-        <DialogHeader><DialogTitle>Assign Wagon to Train</DialogTitle></DialogHeader>
-        <div className="space-y-4">
-          <div>
-            <Label>Wagon</Label>
-            <Select value={wagonId} onValueChange={setWagonId}>
-              <SelectTrigger><SelectValue placeholder="Select wagon" /></SelectTrigger>
-              <SelectContent>
-                {available?.map((w:any) => <SelectItem key={w.id} value={w.id}>{w.wagonNumber}</SelectItem>)}
-              </SelectContent>
-            </Select>
-          </div>
-          <div>
-            <Label>Sequence (optional)</Label>
-            <Input type="number" value={sequence ?? ''} onChange={e => setSequence(parseInt(e.target.value) || undefined)} />
-          </div>
-          <Button onClick={handleAssign} disabled={assign.isPending}>Assign</Button>
-        </div>
-      </DialogContent>
-    </Dialog>
+    <>
+      <Button
+        color="green"
+        size="sm"
+        radius="lg"
+        leftSection={<Plus size={16} />}
+        onClick={() => setOpen(true)}
+      >
+        Assign wagon
+      </Button>
+
+      <Modal
+        opened={open}
+        onClose={() => setOpen(false)}
+        title={<Text fw={600}>Assign wagon to train</Text>}
+        radius="lg"
+        centered
+      >
+        <Stack gap="md">
+          <Select
+            label="Wagon"
+            placeholder="Select wagon"
+            data={wagonOptions}
+            value={wagonId}
+            onChange={setWagonId}
+            searchable
+          />
+          <NumberInput
+            label="Sequence (optional)"
+            value={sequence}
+            onChange={(value) => setSequence(value === "" ? "" : Number(value))}
+            min={1}
+          />
+          <Group justify="flex-end">
+            <Button variant="default" onClick={() => setOpen(false)}>
+              Cancel
+            </Button>
+            <Button color="green" loading={assign.isPending} onClick={handleAssign}>
+              Assign
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
+    </>
   );
-}
\ No newline at end of file
+}
diff --git a/apps/edr-freight-web/backoffice/src/components/wagons/WagonFormDialog.tsx b/apps/edr-freight-web/backoffice/src/components/wagons/WagonFormDialog.tsx
deleted file mode 100644
index 1068d1a00..000000000
--- a/apps/edr-freight-web/backoffice/src/components/wagons/WagonFormDialog.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-// src/components/wagons/WagonFormDialog.tsx
-import { useState, useEffect } from 'react';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@edr/ui-common';
-import { useWagonTypes } from '@/hooks/use-wagon-types';
-import { useCreateWagon, useUpdateWagon } from '@/hooks/useWagons';
-import { useToast } from '@/hooks/use-toast';
-
-interface WagonFormDialogProps {
-  trigger?: React.ReactNode;
-  wagon?: any;
-  onSuccess?: () => void;
-}
-
-export function WagonFormDialog({ trigger, wagon, onSuccess }: WagonFormDialogProps) {
-  const [open, setOpen] = useState(false);
-  const [form, setForm] = useState({
-    wagonNumber: '',
-    wagonTypeId: '',
-    tareWeight: 0,
-    maxPayloadWeight: 0,
-    status: 'AVAILABLE',
-    notes: ''
-  });
-  const createWagon = useCreateWagon();
-  const updateWagon = useUpdateWagon();
-  const { data: wagonTypes = [], isLoading: wagonTypesLoading } = useWagonTypes();
-  const { toast } = useToast();
-
-  useEffect(() => {
-    if (wagon) setForm({
-      wagonNumber: wagon.wagonNumber,
-      wagonTypeId: wagon.wagonTypeId,
-      tareWeight: wagon.tareWeight,
-      maxPayloadWeight: wagon.maxPayloadWeight,
-      status: wagon.status,
-      notes: wagon.notes || ''
-    });
-  }, [wagon]);
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!form.wagonNumber || !form.wagonTypeId) {
-      toast({ title: 'Missing required field', description: 'Please select a wagon type.', variant: 'destructive' });
-      return;
-    }
-    try {
-      if (wagon) await updateWagon.mutateAsync({ id: wagon.id, data: form });
-      else await createWagon.mutateAsync(form);
-      toast({ title: wagon ? 'Wagon updated' : 'Wagon created', description: `${form.wagonNumber} saved.` });
-      setOpen(false);
-      onSuccess?.();
-    } catch {
-      toast({ title: 'Error', description: `Failed to ${wagon ? 'update' : 'create'} wagon.`, variant: 'destructive' });
-    }
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>{trigger || <Button>New Wagon</Button>}</DialogTrigger>
-      <DialogContent>
-        <DialogHeader><DialogTitle>{wagon ? 'Edit Wagon' : 'Create Wagon'}</DialogTitle></DialogHeader>
-        <form onSubmit={handleSubmit} className="space-y-4">
-          <div><Label>Wagon Number*</Label><Input value={form.wagonNumber} onChange={e => setForm({...form, wagonNumber: e.target.value})} /></div>
-          <div>
-            <Label>Wagon Type*</Label>
-            <Select
-              value={form.wagonTypeId}
-              disabled={wagonTypesLoading}
-              onValueChange={(value) => {
-                const selectedType = wagonTypes.find((type: any) => type.id === value);
-                setForm((current) => ({
-                  ...current,
-                  wagonTypeId: value,
-                  maxPayloadWeight: current.maxPayloadWeight > 0
-                    ? current.maxPayloadWeight
-                    : Number(selectedType?.capacityTons ?? current.maxPayloadWeight),
-                }));
-              }}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder="Select wagon type" />
-              </SelectTrigger>
-              <SelectContent>
-                {wagonTypes.map((type: any) => (
-                  <SelectItem key={type.id} value={type.id}>
-                    {type.code} - {type.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-          <div><Label>Tare Weight (kg)*</Label><Input type="number" value={form.tareWeight} onChange={e => setForm({...form, tareWeight: Number(e.target.value)})} /></div>
-          <div><Label>Max Payload (kg)*</Label><Input type="number" value={form.maxPayloadWeight} onChange={e => setForm({...form, maxPayloadWeight: Number(e.target.value)})} /></div>
-          <div><Label>Status</Label><Input value={form.status} onChange={e => setForm({...form, status: e.target.value})} /></div>
-          <div><Label>Notes</Label><Input value={form.notes} onChange={e => setForm({...form, notes: e.target.value})} /></div>
-          <Button type="submit" disabled={createWagon.isPending || updateWagon.isPending}>Save</Button>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/edr-freight-web/backoffice/src/components/wagons/WagonFormDialogEnhanced.tsx b/apps/edr-freight-web/backoffice/src/components/wagons/WagonFormDialogEnhanced.tsx
deleted file mode 100644
index 2264f5bb1..000000000
--- a/apps/edr-freight-web/backoffice/src/components/wagons/WagonFormDialogEnhanced.tsx
+++ /dev/null
@@ -1,282 +0,0 @@
-import { useState, useEffect } from 'react';
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { toast } from 'sonner';
-import axios from 'axios';
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogFooter,
-} from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@edr/ui-common';
-import { Textarea } from '@/components/ui/textarea';
-import { Loader2 } from 'lucide-react';
-import { useWagonTypes } from '@/hooks/use-wagon-types';
-
-interface Wagon {
-  id: string;
-  wagonNumber: string;
-  wagonTypeId: string;
-  trainId?: string;
-  status: 'AVAILABLE' | 'IN_USE' | 'MAINTENANCE' | 'RETIRED';
-  capacity: number;
-  emptyWeight: number;
-  remarks?: string;
-}
-
-interface Train {
-  id: string;
-  trainNumber: string;
-}
-
-interface WagonFormDialogProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  wagon?: Wagon | null;
-  trains: Train[];
-  onSuccess?: () => void;
-}
-
-const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:3001';
-
-export default function WagonFormDialog({
-  open,
-  onOpenChange,
-  wagon,
-  trains = [],
-  onSuccess,
-}: WagonFormDialogProps) {
-  const queryClient = useQueryClient();
-  const { data: wagonTypes = [], isLoading: wagonTypesLoading } = useWagonTypes();
-  const [formData, setFormData] = useState<Partial<Wagon>>({
-    wagonNumber: '',
-    wagonTypeId: '',
-    status: 'AVAILABLE',
-    capacity: 0,
-    emptyWeight: 0,
-    remarks: '',
-  });
-
-  useEffect(() => {
-    if (wagon) {
-      setFormData(wagon);
-    } else {
-      setFormData({
-        wagonNumber: '',
-        wagonTypeId: '',
-        status: 'AVAILABLE',
-        capacity: 0,
-        emptyWeight: 0,
-        remarks: '',
-      });
-    }
-  }, [wagon, open]);
-
-  const createMutation = useMutation({
-    mutationFn: (data: Partial<Wagon>) =>
-      axios.post(`${API_BASE_URL}/api/wagons`, data),
-    onSuccess: () => {
-      toast.success('Wagon created successfully');
-      onOpenChange(false);
-      queryClient.invalidateQueries({ queryKey: ['wagons'] });
-      onSuccess?.();
-    },
-    onError: (error) => {
-      const message = axios.isAxiosError(error)
-        ? error.response?.data?.message || 'Failed to create wagon'
-        : 'Failed to create wagon';
-      toast.error(message);
-    },
-  });
-
-  const updateMutation = useMutation({
-    mutationFn: (data: Partial<Wagon>) =>
-      axios.patch(`${API_BASE_URL}/api/wagons/${wagon?.id}`, data),
-    onSuccess: () => {
-      toast.success('Wagon updated successfully');
-      onOpenChange(false);
-      queryClient.invalidateQueries({ queryKey: ['wagons'] });
-      onSuccess?.();
-    },
-    onError: (error) => {
-      const message = axios.isAxiosError(error)
-        ? error.response?.data?.message || 'Failed to update wagon'
-        : 'Failed to update wagon';
-      toast.error(message);
-    },
-  });
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!formData.wagonNumber || !formData.wagonTypeId) {
-      toast.error('Please fill in all required fields');
-      return;
-    }
-    if (wagon?.id) {
-      updateMutation.mutate(formData);
-    } else {
-      createMutation.mutate(formData);
-    }
-  };
-
-  const isLoading = createMutation.isPending || updateMutation.isPending;
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[500px]">
-        <DialogHeader>
-          <DialogTitle>
-            {wagon ? 'Edit Wagon' : 'Create New Wagon'}
-          </DialogTitle>
-        </DialogHeader>
-        <form onSubmit={handleSubmit} className="space-y-6">
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <Label htmlFor="wagonNumber">Wagon Number *</Label>
-              <Input
-                id="wagonNumber"
-                value={formData.wagonNumber || ''}
-                onChange={(e) =>
-                  setFormData({ ...formData, wagonNumber: e.target.value })
-                }
-                placeholder="e.g., W001"
-                required
-              />
-            </div>
-            <div>
-              <Label htmlFor="wagonTypeId">Type *</Label>
-              <Select
-                value={formData.wagonTypeId || ''}
-                disabled={wagonTypesLoading}
-                onValueChange={(value) => {
-                  const selectedType = wagonTypes.find((type: any) => type.id === value);
-                  setFormData({
-                    ...formData,
-                    wagonTypeId: value,
-                    capacity: formData.capacity && formData.capacity > 0
-                      ? formData.capacity
-                      : Number(selectedType?.capacityTons ?? 0),
-                  });
-                }}
-              >
-                <SelectTrigger id="wagonTypeId">
-                  <SelectValue placeholder="Select wagon type" />
-                </SelectTrigger>
-                <SelectContent>
-                  {wagonTypes.map((type: any) => (
-                    <SelectItem key={type.id} value={type.id}>
-                      {type.code} - {type.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <Label htmlFor="trainId">Train (Optional)</Label>
-              <select
-                id="trainId"
-                value={formData.trainId || ''}
-                onChange={(e) =>
-                  setFormData({ ...formData, trainId: e.target.value || undefined })
-                }
-                className="flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="">Select a train...</option>
-                {trains.map(train => (
-                  <option key={train.id} value={train.id}>
-                    {train.trainNumber}
-                  </option>
-                ))}
-              </select>
-            </div>
-            <div>
-              <Label htmlFor="status">Status</Label>
-              <select
-                id="status"
-                value={formData.status || 'AVAILABLE'}
-                onChange={(e) =>
-                  setFormData({ ...formData, status: e.target.value as any })
-                }
-                className="flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500"
-              >
-                <option value="AVAILABLE">Available</option>
-                <option value="IN_USE">In Use</option>
-                <option value="MAINTENANCE">Maintenance</option>
-                <option value="RETIRED">Retired</option>
-              </select>
-            </div>
-          </div>
-
-          <div className="grid grid-cols-2 gap-4">
-            <div>
-              <Label htmlFor="capacity">Capacity *</Label>
-              <Input
-                id="capacity"
-                type="number"
-                value={formData.capacity || ''}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    capacity: parseFloat(e.target.value) || 0,
-                  })
-                }
-                placeholder="0"
-                required
-              />
-            </div>
-            <div>
-              <Label htmlFor="emptyWeight">Empty Weight (kg)</Label>
-              <Input
-                id="emptyWeight"
-                type="number"
-                value={formData.emptyWeight || ''}
-                onChange={(e) =>
-                  setFormData({
-                    ...formData,
-                    emptyWeight: parseFloat(e.target.value) || 0,
-                  })
-                }
-                placeholder="0"
-              />
-            </div>
-          </div>
-
-          <div>
-            <Label htmlFor="remarks">Remarks</Label>
-            <Textarea
-              id="remarks"
-              value={formData.remarks || ''}
-              onChange={(e) =>
-                setFormData({ ...formData, remarks: e.target.value })
-              }
-              placeholder="Add any additional notes..."
-              rows={3}
-            />
-          </div>
-
-          <DialogFooter>
-            <Button
-              type="button"
-              variant="outline"
-              onClick={() => onOpenChange(false)}
-              disabled={isLoading}
-            >
-              Cancel
-            </Button>
-            <Button type="submit" disabled={isLoading}>
-              {isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-              {wagon ? 'Update' : 'Create'}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/edr-freight-web/backoffice/src/components/wagons/WagonsTable.tsx b/apps/edr-freight-web/backoffice/src/components/wagons/WagonsTable.tsx
index 6c9033702..d9d96c117 100644
--- a/apps/edr-freight-web/backoffice/src/components/wagons/WagonsTable.tsx
+++ b/apps/edr-freight-web/backoffice/src/components/wagons/WagonsTable.tsx
@@ -1,64 +1,96 @@
-import { useWagonsByTrain, useUnassignWagon, useReorderWagons } from '@/hooks/useWagons';
-//import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
-//import { Button } from '@/components/ui/button';
-//import { Trash2, GripVertical } from 'lucide-react';
-// import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
+import { useMemo } from "react";
+import { Trash2 } from "lucide-react";
+import type { ColumnDef } from "@edr/ui-common";
+import { ActionIcon, Badge, Group, Text, Tooltip } from "@mantine/core";
+
+import { ruleEngineTable } from "@/components/ruleEngine/ruleEngineStyles";
+import { useToast } from "@/hooks/use-toast";
+import { useUnassignWagon, useWagonsByTrain } from "@/hooks/useWagons";
+import type { Wagon } from "@/services/wagon.service";
+import { DataTable } from "@edr/ui-common";
 
 export function WagonsTable({ trainId }: { trainId: string }) {
-  const { data: wagons, refetch } = useWagonsByTrain(trainId);
+  const { data: wagons = [], isLoading, refetch } = useWagonsByTrain(trainId);
   const unassign = useUnassignWagon();
-  const reorder = useReorderWagons();
+  const { toast } = useToast();
 
-  const onDragEnd = (result: any) => {
-    if (!result.destination) return;
-    const items = Array.from(wagons || []);
-    const [removed] = items.splice(result.source.index, 1);
-    items.splice(result.destination.index, 0, removed);
-    reorder.mutate({ trainId, wagonIds: items.map((w:any) => w.id) });
-  };
+  const columns = useMemo((): ColumnDef<Wagon>[] => {
+    const headerClassName = ruleEngineTable.headerCell;
+    const cellClassName = ruleEngineTable.bodyCell;
+    return [
+      {
+        id: "wagonNumber",
+        header: "Number",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => row.original.wagonNumber,
+      },
+      {
+        id: "wagonTypeId",
+        header: "Type",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => row.original.wagonTypeId,
+      },
+      {
+        id: "sequenceNumber",
+        header: "Sequence",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => row.original.sequenceNumber ?? "—",
+      },
+      {
+        id: "status",
+        header: "Status",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => (
+          <Badge variant="light" color="gray" size="sm">
+            {row.original.status}
+          </Badge>
+        ),
+      },
+      {
+        id: "actions",
+        header: "Actions",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => (
+          <Group justify="flex-end">
+            <Tooltip label="Unassign">
+              <ActionIcon
+                variant="subtle"
+                color="red"
+                loading={unassign.isPending}
+                onClick={async () => {
+                  try {
+                    await unassign.mutateAsync(row.original.id);
+                    await refetch();
+                    toast({ title: "Wagon unassigned" });
+                  } catch {
+                    toast({ title: "Failed to unassign wagon", variant: "destructive" });
+                  }
+                }}
+              >
+                <Trash2 size={16} />
+              </ActionIcon>
+            </Tooltip>
+          </Group>
+        ),
+      },
+    ];
+  }, [unassign.isPending, refetch, toast]);
 
-  if (!wagons?.length) return <div className="text-muted-foreground">No wagons assigned.</div>;
+  if (!isLoading && !wagons.length) {
+    return (
+      <Text size="sm" c="dimmed" py="md">
+        No wagons assigned to this train.
+      </Text>
+    );
+  }
 
   return (
-    <div></div>
-    // <DragDropContext onDragEnd={onDragEnd}>
-    //   <Droppable droppableId="wagons">
-    //     {(provided) => (
-    //       <Table {...provided.droppableProps} ref={provided.innerRef}>
-    //         <TableHeader>
-    //           <TableRow>
-    //             <TableHead className="w-10"></TableHead>
-    //             <TableHead>Number</TableHead>
-    //             <TableHead>Type</TableHead>
-    //             <TableHead>Sequence</TableHead>
-    //             <TableHead>Status</TableHead>
-    //             <TableHead>Actions</TableHead>
-    //           </TableRow>
-    //         </TableHeader>
-    //         <TableBody>
-    //           {wagons.map((wagon, idx) => (
-    //             <Draggable key={wagon.id} draggableId={wagon.id} index={idx}>
-    //               {(provided) => (
-    //                 <TableRow ref={provided.innerRef} {...provided.draggableProps}>
-    //                   <TableCell {...provided.dragHandleProps}><GripVertical className="h-4 w-4 cursor-grab" /></TableCell>
-    //                   <TableCell>{wagon.wagonNumber}</TableCell>
-    //                   <TableCell>{wagon.wagonTypeId}</TableCell>
-    //                   <TableCell>{wagon.sequenceNumber}</TableCell>
-    //                   <TableCell>{wagon.status}</TableCell>
-    //                   <TableCell>
-    //                     <Button variant="ghost" size="icon" onClick={() => unassign.mutateAsync(wagon.id).then(() => refetch())}>
-    //                       <Trash2 className="h-4 w-4" />
-    //                     </Button>
-    //                   </TableCell>
-    //                 </TableRow>
-    //               )}
-    //             </Draggable>
-    //           ))}
-    //           {provided.placeholder}
-    //         </TableBody>
-    //       </Table>
-    //     )}
-    //   </Droppable>
-    // </DragDropContext>
+    <DataTable
+      columns={columns}
+      data={wagons}
+      status={isLoading ? "loading" : "success"}
+      emptyMessage="No wagons assigned"
+      containerClassName="border-0 shadow-none bg-transparent"
+    />
   );
-}
\ No newline at end of file
+}
diff --git a/apps/edr-freight-web/backoffice/src/constants/QUERY_KEYS.ts b/apps/edr-freight-web/backoffice/src/constants/QUERY_KEYS.ts
index 051b2aec1..e3e1921de 100644
--- a/apps/edr-freight-web/backoffice/src/constants/QUERY_KEYS.ts
+++ b/apps/edr-freight-web/backoffice/src/constants/QUERY_KEYS.ts
@@ -1,6 +1,7 @@
 import type { BookingListFilter } from "@/services/bookings.service";
 import type { RuleEngineListParams } from "@/services/ruleEngine/ruleEngine.service";
 import type { TrainScheduleFilters } from "@/types/trainScheduling";
+import type { FleetResourceSlug } from "@/pages/fleet/config/resources";
 import type { RuleEngineResourceSlug } from "@/types/rule-engine";
 
 export const QUERY_KEYS = {
@@ -40,12 +41,26 @@ export const QUERY_KEYS = {
 
   TRAIN_SCHEDULING: {
     ROOT: ["train-scheduling"] as const,
-    eligible: (filters?: TrainScheduleFilters) =>
-      ["train-scheduling", "eligible-bookings", filters ?? {}] as const,
-    locomotives: () => ["train-scheduling", "locomotives"] as const,
+    eligible: (freightType?: string, filters?: TrainScheduleFilters) =>
+      ["train-scheduling", "eligible-bookings", freightType ?? "CONTAINER", filters ?? {}] as const,
+    locomotives: (routeId?: string) =>
+      ["train-scheduling", "locomotives", routeId ?? "all"] as const,
     stations: () => ["train-scheduling", "stations"] as const,
     schedules: () => ["train-scheduling", "schedules"] as const,
     scheduleById: (id: string) => ["train-scheduling", "schedule", id] as const,
+    track: (id: string) => ["train-scheduling", "track", id] as const,
+    batchBoard: () => ["train-scheduling", "batch-board"] as const,
+    batchBoardDetail: (scheduleId: string) =>
+      ["train-scheduling", "batch-board", scheduleId] as const,
+    unassignedBookings: (id: string) =>
+      ["train-scheduling", "unassigned", id] as const,
+    compositionRemovals: (id: string) =>
+      ["train-scheduling", "removals", id] as const,
+  },
+
+  FLEET: {
+    ROOT: ["fleet"] as const,
+    list: (resource: FleetResourceSlug | string) => ["fleet", "list", resource] as const,
   },
 
   RULE_ENGINE: {
@@ -59,5 +74,17 @@ export const QUERY_KEYS = {
       resource: RuleEngineResourceSlug | string,
       params?: Record<string, unknown>,
     ) => ["rule-engine", "select-options", resource, params ?? {}] as const,
+    orderList: (resource: RuleEngineResourceSlug | string) =>
+      ["rule-engine", "order-list", resource] as const,
+  },
+
+  OVERVIEW: {
+    ROOT: ["overview"] as const,
+    dashboard: (range?: string) => ["overview", "dashboard", range ?? "30d"] as const,
+    bookingsTab: (range?: string) => ["overview", "bookings", range ?? "30d"] as const,
+    billingTab: (range?: string) => ["overview", "billing", range ?? "30d"] as const,
+    operationsTab: () => ["overview", "operations"] as const,
+    customersTab: (range?: string) => ["overview", "customers", range ?? "30d"] as const,
+    staffTab: (range?: string) => ["overview", "staff", range ?? "30d"] as const,
   },
 } as const;
diff --git a/apps/edr-freight-web/backoffice/src/constants/URLS.ts b/apps/edr-freight-web/backoffice/src/constants/URLS.ts
index c25240a93..a269e895d 100644
--- a/apps/edr-freight-web/backoffice/src/constants/URLS.ts
+++ b/apps/edr-freight-web/backoffice/src/constants/URLS.ts
@@ -68,11 +68,25 @@ export const URL_CONSTANTS = {
     BY_ID: (id: string | number) => `/customers/${id}`,
     BOOKINGS: (id: string | number) => `/customers/${id}/bookings`,
   },
-  
+
+  COMPANIES: {
+    BASE: "/companies",
+    BY_ID: (id: string | number) => `/companies/${id}`,
+  },
+
   CUSTOMERS_API: {
     BASE: "/api/customers",
     BY_ID: (id: string) => `/api/customers/${id}`,
-    BY_USER_ID: (id: string) => `/api/customers/user/${id}`
+    BY_USER_ID: (id: string) => `/api/customers/user/${id}`,
+  },
+
+  OVERVIEW: {
+    BASE: "/overview",
+    BOOKINGS: "/overview/bookings",
+    BILLING: "/overview/billing",
+    OPERATIONS: "/overview/operations",
+    CUSTOMERS: "/overview/customers",
+    STAFF: "/overview/staff",
   },
 
   BOOKINGS: {
@@ -85,6 +99,7 @@ export const URL_CONSTANTS = {
     STAFF_REQUEST_CHANGES: (id: string) =>
       `/bookings/${id}/staff/request-changes`,
     STAFF_REJECT: (id: string) => `/bookings/${id}/staff/reject`,
+    GOVERNMENT_EXPEDITE: (id: string) => `/bookings/${id}/government-expedite`,
     APPROVE_STEP: (id: string, stepId: string) =>
       `/bookings/${id}/approval-steps/${stepId}/approve`,
     REJECT_STEP: (id: string, stepId: string) =>
@@ -109,6 +124,11 @@ export const URL_CONSTANTS = {
     VERIFY: "/api/otp/verify",
   },
 
+  PAYMENTS: {
+    ALL: "/payments/all",
+    SUMMARY: "/payments/summary",
+  },
+
   LOCOMOTIVES: {
     BASE: "/locomotives",
     BY_ID: (id: string) => `/locomotives/${id}`,
@@ -121,14 +141,70 @@ export const URL_CONSTANTS = {
   },
 
   TRAIN_SCHEDULING: {
-    ELIGIBLE_BOOKINGS: "/train-scheduling/container/eligible-bookings",
-    PREVIEW: "/train-scheduling/container/preview",
+    ELIGIBLE_BOOKINGS: "/train-scheduling/eligible-bookings",
+    BOOKABLE_SCHEDULES: "/train-scheduling/bookable-schedules",
+    AVAILABLE_LOCOMOTIVES: "/train-scheduling/available-locomotives",
+    BATCH_BOARD: "/train-scheduling/batch-board",
+    BATCH_BOARD_DETAIL: (scheduleId: string) =>
+      `/train-scheduling/batch-board/${scheduleId}`,
+    RUN_BATCH: (id: string) => `/train-scheduling/schedules/${id}/run-batch`,
+    RUN_ALLOCATION: (id: string) => `/train-scheduling/schedules/${id}/run-allocation`,
+    ASSIGN_UNASSIGNED_BOOKING: (id: string) =>
+      `/train-scheduling/schedules/${id}/assign-unassigned-booking`,
+    BOOKING_WINDOW: (id: string) => `/train-scheduling/schedules/${id}/booking-window`,
+    MARK_BOOKING_PAID: (bookingId: string) =>
+      `/train-scheduling/bookings/${bookingId}/mark-paid`,
+    EXPIRE_BOOKING: (bookingId: string) =>
+      `/train-scheduling/bookings/${bookingId}/expire`,
+    MOVE_BOOKING_SCHEDULE: (bookingId: string) =>
+      `/train-scheduling/bookings/${bookingId}/move-schedule`,
+    GLOBAL_RULES: "/train-scheduling/global-rules",
+    PREVIEW: "/train-scheduling/preview",
+    ASSIGN_BOOKINGS: (id: string) => `/train-scheduling/schedules/${id}/assign-bookings`,
+    CONTAINER: {
+      ELIGIBLE_BOOKINGS: "/train-scheduling/container/eligible-bookings",
+      PREVIEW: "/train-scheduling/container/preview",
+      SCHEDULES: "/train-scheduling/container/schedules",
+      SCHEDULE_BY_ID: (id: string) => `/train-scheduling/container/schedules/${id}`,
+      ASSIGN_BOOKINGS: (id: string) =>
+        `/train-scheduling/container/schedules/${id}/assign-bookings`,
+      CANCEL_SCHEDULE: (id: string) =>
+        `/train-scheduling/container/schedules/${id}/cancel`,
+    },
+    BULK: {
+      ELIGIBLE_BOOKINGS: "/train-scheduling/bulk/eligible-bookings",
+      PREVIEW: "/train-scheduling/bulk/preview",
+      SCHEDULES: "/train-scheduling/bulk/schedules",
+      SCHEDULE_BY_ID: (id: string) => `/train-scheduling/bulk/schedules/${id}`,
+      ASSIGN_BOOKINGS: (id: string) =>
+        `/train-scheduling/bulk/schedules/${id}/assign-bookings`,
+      CANCEL_SCHEDULE: (id: string) =>
+        `/train-scheduling/bulk/schedules/${id}/cancel`,
+    },
+    UNASSIGN_BOOKING: (scheduleId: string, bookingId: string) =>
+      `/train-scheduling/schedules/${scheduleId}/bookings/${bookingId}`,
+    PIN_WAGONS: (id: string) => `/train-scheduling/schedules/${id}/pin-wagons`,
+    FINALIZE: (id: string) => `/train-scheduling/schedules/${id}/finalize`,
+    DISPATCH: (id: string) => `/train-scheduling/schedules/${id}/dispatch`,
+    CHECKPOINTS: (id: string) => `/train-scheduling/schedules/${id}/checkpoints`,
+    ARRIVE: (id: string) => `/train-scheduling/schedules/${id}/arrive`,
+    RESCHEDULE_PREVIEW: (id: string) =>
+      `/train-scheduling/schedules/${id}/reschedule/preview`,
+    RESCHEDULE_EXECUTE: (id: string) =>
+      `/train-scheduling/schedules/${id}/reschedule/execute`,
+    MAINTENANCE: (id: string) => `/train-scheduling/schedules/${id}/maintenance`,
     SCHEDULES: "/train-scheduling/container/schedules",
     SCHEDULE_BY_ID: (id: string) => `/train-scheduling/container/schedules/${id}`,
     CANCEL_SCHEDULE: (id: string) =>
       `/train-scheduling/container/schedules/${id}/cancel`,
-    PUBLISH_SCHEDULE: (id: string) =>
-      `/train-scheduling/container/schedules/${id}/publish`,
+    REMOVE_WAGON_SLOT: (scheduleId: string, wagonId: string) =>
+      `/train-scheduling/schedules/${scheduleId}/wagons/${wagonId}`,
+    UPDATE_CONTAINER_ITEM: (scheduleId: string, itemId: string) =>
+      `/train-scheduling/schedules/${scheduleId}/container-items/${itemId}`,
+    UNASSIGNED_BOOKINGS: (scheduleId: string) =>
+      `/train-scheduling/schedules/${scheduleId}/unassigned-bookings`,
+    COMPOSITION_REMOVALS: (scheduleId: string) =>
+      `/train-scheduling/schedules/${scheduleId}/composition-removals`,
   },
 
   RULE_ENGINE: {
@@ -141,8 +217,8 @@ export const URL_CONSTANTS = {
     WAGON_TYPES: "/wagon-types",
     WAGON_TYPE_BY_ID: (id: string) => `/wagon-types/${id}`,
 
-    PRIORITY_RULES: "/priority-rules",
-    PRIORITY_RULE_BY_ID: (id: string) => `/priority-rules/${id}`,
+    PRIORITY_CONFIGS: "/priority-configs",
+    PRIORITY_CONFIG_BY_ID: (id: string) => `/priority-configs/${id}`,
 
     SERVICE_TYPES: "/service-types",
     SERVICE_TYPE_BY_ID: (id: string) => `/service-types/${id}`,
diff --git a/apps/edr-freight-web/backoffice/src/constants/apiConfig.ts b/apps/edr-freight-web/backoffice/src/constants/apiConfig.ts
new file mode 100644
index 000000000..030b051a1
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/constants/apiConfig.ts
@@ -0,0 +1,3 @@
+export const API_BASE_URL = 'https://edrfreightapi.triaplc.com';
+
+// export const API_BASE_URL = 'http://localhost:3001';
diff --git a/apps/edr-freight-web/backoffice/src/features/bookings/booking-actions.config.ts b/apps/edr-freight-web/backoffice/src/features/bookings/booking-actions.config.ts
index 68ecd3bfc..cdb0d3d83 100644
--- a/apps/edr-freight-web/backoffice/src/features/bookings/booking-actions.config.ts
+++ b/apps/edr-freight-web/backoffice/src/features/bookings/booking-actions.config.ts
@@ -6,6 +6,7 @@ import {
   MessageSquareWarning,
   Play,
   ShieldCheck,
+  TrainTrack,
   Truck,
   XCircle,
 } from "lucide-react";
@@ -30,6 +31,7 @@ export type BookingActionId =
   | "rejectApproval"
   | "viewContract"
   | "signContractStaff"
+  | "allocateBooking"
   | "startTransit"
   | "complete"
   | "cancel";
@@ -53,9 +55,25 @@ export interface BookingActionDef {
 
 export type BookingActionContext = Pick<
   BookingDetail,
-  "status" | "paymentCurrency" | "approvalSteps" | "reference"
+  "status" | "paymentCurrency" | "approvalSteps" | "reference" | "schedulingStatus"
 >;
 
+const ALLOCATABLE_SCHEDULING_STATUSES = new Set([
+  "NOT_SCHEDULED",
+  "HOLDING",
+  "ELIGIBLE",
+  undefined,
+  null,
+  "",
+]);
+
+export function canAllocateBooking(booking: Pick<BookingDetail, "status" | "schedulingStatus">) {
+  return (
+    booking.status === "PAID" &&
+    ALLOCATABLE_SCHEDULING_STATUSES.has(booking.schedulingStatus ?? undefined)
+  );
+}
+
 export function getNextPendingApprovalStep(
   steps?: BookingApprovalStep[] | null,
 ): BookingApprovalStep | undefined {
@@ -183,6 +201,7 @@ const ACTION_PERMISSION: Partial<Record<BookingActionId, string>> = {
   signContractStaff: FREIGHT_PERMS.bookings.signStaff,
   startTransit: FREIGHT_PERMS.bookings.operations,
   complete: FREIGHT_PERMS.bookings.operations,
+  allocateBooking: FREIGHT_PERMS.trainScheduling.manage,
   cancel: FREIGHT_PERMS.bookings.cancel,
 };
 
@@ -270,19 +289,45 @@ export function getBookingActions(
       actions = [{ ...VIEW_CONTRACT_ACTION, label: "View executed contract", primary: true }];
       break;
     case "PAID":
-      actions = [
-        {
-          id: "startTransit",
-          label: "Start transit",
-          shortLabel: "Transit",
-          description: "Begin rail movement",
-          confirmTitle: "Start transit?",
-          confirmDescription: "The booking will move to in transit status.",
-          variant: "default",
-          icon: Truck,
-          primary: true,
-        },
-      ];
+      if (canAllocateBooking({ status, schedulingStatus: ctx.schedulingStatus })) {
+        actions = [
+          {
+            id: "allocateBooking",
+            label: "Allocate booking",
+            shortLabel: "Allocate",
+            description: "Assign to train, wagons, and finalize schedule",
+            confirmTitle: "Allocate booking?",
+            confirmDescription: "Opens the train allocation wizard.",
+            variant: "default",
+            icon: TrainTrack,
+            primary: true,
+          },
+          {
+            id: "startTransit",
+            label: "Start transit",
+            shortLabel: "Transit",
+            description: "Begin rail movement",
+            confirmTitle: "Start transit?",
+            confirmDescription: "The booking will move to in transit status.",
+            variant: "default",
+            icon: Truck,
+          },
+        ];
+      } else {
+        actions = [
+          {
+            id: "startTransit",
+            label: "Start transit",
+            shortLabel: "Transit",
+            description: "Begin rail movement",
+            confirmTitle: "Start transit?",
+            confirmDescription: "The booking will move to in transit status.",
+            variant: "default",
+            icon: Truck,
+            primary: true,
+          },
+        ];
+      }
       break;
     case "IN_TRANSIT":
       actions = [
@@ -303,6 +348,10 @@ export function getBookingActions(
     case "CHANGES_REQUESTED":
       actions = [CANCEL_ACTION];
       break;
+    case "PENDING_CONSOLIDATION":
+      // View-only while waiting for a consolidation partner; cancel still allowed.
+      actions = [CANCEL_ACTION];
+      break;
     default:
       actions = [];
   }
@@ -316,6 +365,11 @@ export function isContractNavAction(id: BookingActionId): boolean {
   return id === "viewContract" || id === "signContractStaff";
 }
 
+/** Opens allocation wizard without confirmation dialog. */
+export function isAllocateAction(id: BookingActionId): boolean {
+  return id === "allocateBooking";
+}
+
 export function listRowHasActions(
   row: {
     status: BookingStatus;
@@ -329,7 +383,8 @@ export function listRowHasActions(
       status: row.status,
       paymentCurrency: row.paymentCurrency,
       reference: "",
-      approvalSteps: row.approvalSteps,
+      approvalSteps: row.approvalSteps ?? undefined,
+      schedulingStatus: row.schedulingStatus,
     },
     user,
   );
diff --git a/apps/edr-freight-web/backoffice/src/features/bookings/booking-status.config.ts b/apps/edr-freight-web/backoffice/src/features/bookings/booking-status.config.ts
index 08385b9fb..213cb7c2e 100644
--- a/apps/edr-freight-web/backoffice/src/features/bookings/booking-status.config.ts
+++ b/apps/edr-freight-web/backoffice/src/features/bookings/booking-status.config.ts
@@ -50,6 +50,14 @@ export const BOOKING_STATUS_STYLES: Record<string, StatusStyle> = {
     label: "Payment Verification",
     color: "bg-amber-50 text-amber-800 border-amber-200",
   },
+  SELECTED_FOR_BATCH: {
+    label: "Selected for Batch",
+    color: "bg-orange-50 text-orange-700 border-orange-200",
+  },
+  EXPIRED: {
+    label: "Expired",
+    color: "bg-red-50 text-red-700 border-red-200",
+  },
   PAID: {
     label: "Paid",
     color: "bg-[color:var(--freight-brand-muted)] text-[color:var(--freight-brand)] border-[color:var(--freight-brand-border)]",
@@ -154,6 +162,24 @@ export const BOOKING_STATUS_META: Record<string, StatusMeta> = {
     color: "text-amber-700",
     stage: 3,
   },
+  SELECTED_FOR_BATCH: {
+    title: "Selected for Batch",
+    description: "Picked from the batch pool — pay within the window to secure the slot.",
+    color: "text-amber-600",
+    stage: 3,
+  },
+  AWAITING_PAYMENT: {
+    title: "Selected for Batch",
+    description: "Picked from the batch pool — pay within the window to secure the slot.",
+    color: "text-amber-600",
+    stage: 3,
+  },
+  EXPIRED: {
+    title: "Expired",
+    description: "Pay window missed — move to another schedule or cancel.",
+    color: "text-red-600",
+    stage: 3,
+  },
   PAID: {
     title: "Paid",
     description: "Payment confirmed; ready for operations.",
@@ -186,21 +212,25 @@ export const BOOKING_STATUS_META: Record<string, StatusMeta> = {
   },
   PENDING_CONSOLIDATION: {
     title: "Pending Consolidation",
-    description: "Waiting for consolidation partner.",
+    description: "Blocked — waiting for a consolidation partner before approval.",
     color: "text-amber-600",
-    stage: 4,
+    stage: 0,
   },
   CONSOLIDATED: {
     title: "Consolidated",
     description: "Paired with another booking.",
     color: "text-indigo-600",
-    stage: 4,
+    stage: 0,
   },
 };
 
 export const BOOKING_LIST_TABS = [
   { key: "all", label: "All bookings", statuses: null as string[] | null },
-  { key: "intake", label: "Submitted", statuses: ["SUBMITTED"] },
+  {
+    key: "intake",
+    label: "Submitted",
+    statuses: ["SUBMITTED", "PENDING_CONSOLIDATION"],
+  },
   {
     key: "in_approval",
     label: "In approval",
@@ -223,12 +253,14 @@ export const BOOKING_LIST_TABS = [
       "FULLY_EXECUTED",
       "PNR_GENERATED",
       "PAYMENT_VERIFICATION_IN_PROGRESS",
+      "SELECTED_FOR_BATCH",
+      "EXPIRED",
     ],
   },
   {
     key: "operations",
     label: "Operations",
-    statuses: ["PAID", "IN_TRANSIT", "PENDING_CONSOLIDATION", "CONSOLIDATED"],
+    statuses: ["PAID", "IN_TRANSIT"],
   },
   { key: "completed", label: "Completed", statuses: ["COMPLETED"] },
   { key: "closed", label: "Closed", statuses: ["REJECTED", "CANCELLED"] },
@@ -237,7 +269,15 @@ export const BOOKING_LIST_TABS = [
 export type BookingStatusTabKey = (typeof BOOKING_LIST_TABS)[number]["key"];
 
 export const WORKFLOW_STAGES = [
-  { label: "Submission", statuses: ["DRAFT", "SUBMITTED", "CHANGES_REQUESTED"] },
+  {
+    label: "Submission",
+    statuses: [
+      "DRAFT",
+      "SUBMITTED",
+      "CHANGES_REQUESTED",
+      "PENDING_CONSOLIDATION",
+    ],
+  },
   {
     label: "Approval",
     statuses: ["PENDING_APPROVAL", "APPROVED_PENDING_SIGNATURE"],
@@ -252,11 +292,13 @@ export const WORKFLOW_STAGES = [
       "FULLY_EXECUTED",
       "PNR_GENERATED",
       "PAYMENT_VERIFICATION_IN_PROGRESS",
+      "SELECTED_FOR_BATCH",
+      "EXPIRED",
     ],
   },
   {
     label: "Operations",
-    statuses: ["PAID", "IN_TRANSIT", "PENDING_CONSOLIDATION", "CONSOLIDATED"],
+    statuses: ["PAID", "IN_TRANSIT"],
   },
   { label: "Done", statuses: ["COMPLETED"] },
 ] as const;
diff --git a/apps/edr-freight-web/backoffice/src/features/bookings/mapBookingListRow.ts b/apps/edr-freight-web/backoffice/src/features/bookings/mapBookingListRow.ts
index 6b32cbf30..7f250daeb 100644
--- a/apps/edr-freight-web/backoffice/src/features/bookings/mapBookingListRow.ts
+++ b/apps/edr-freight-web/backoffice/src/features/bookings/mapBookingListRow.ts
@@ -19,7 +19,9 @@ export function toBookingListRow(booking: BookingDetail): BookingListRow {
     id: booking.id,
     reference: booking.reference,
     approvalSteps: booking.approvalSteps,
-    customerLabel: labelFromRef(booking.company, booking.companyId),
+    customerLabel: booking.isGovernment
+      ? (booking.governmentInstitution ?? "Government")
+      : labelFromRef(booking.company, booking.companyId ?? undefined),
     // customerLabel: labelFromRef(booking.customer, booking.customerId),
     status: booking.status,
     scheduledDate: booking.scheduledDate,
@@ -31,6 +33,17 @@ export function toBookingListRow(booking: BookingDetail): BookingListRow {
     originLabel: labelFromRef(booking.originYard),
     destinationLabel: labelFromRef(booking.destinationYard),
     priorityScore: booking.priorityScore ?? 0,
+    schedulingStatus: booking.schedulingStatus,
+    serviceTypeLabel:
+      booking.serviceType?.label ??
+      booking.serviceType?.name ??
+      booking.serviceType?.code,
+    serviceTypeBonus: booking.serviceType?.priorityBonusPoints ?? 0,
+    trainScheduleId: booking.trainScheduleId ?? null,
+    isGovernment: booking.isGovernment ?? false,
+    governmentInstitution: booking.governmentInstitution ?? null,
+    consolidationPartnerId: booking.consolidationPartnerId ?? null,
+    consolidationPartnerReference: booking.consolidationPartner?.reference ?? null,
     createdAt: booking.createdAt,
   };
 }
diff --git a/apps/edr-freight-web/backoffice/src/features/user-management-host/UserManagementHostPage.tsx b/apps/edr-freight-web/backoffice/src/features/user-management-host/UserManagementHostPage.tsx
new file mode 100644
index 000000000..542c37097
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/features/user-management-host/UserManagementHostPage.tsx
@@ -0,0 +1,92 @@
+import { useEffect, useRef, useState } from 'react';
+import { useNavigate, useLocation } from 'react-router-dom';
+
+/**
+ * Same-origin host for the user-management module.
+ *
+ * The host app (React 19 / Mantine 8 / Tailwind 3) embeds the module (React 18 /
+ * Mantine 7 / Tailwind 4) via an iframe so the two never share a React tree,
+ * router, or CSS — the version mismatch is fully isolated by the document
+ * boundary. The module is built into apps/backoffice/public/_um and served by
+ * THIS same server at <origin>/_um/, so there is no second server and no second
+ * port. Override the mount path with VITE_USER_MANAGEMENT_BASE (default /_um).
+ *
+ * SSO: the module and host authenticate against the SAME backend, so the host's
+ * token is valid in the module. The module posts `UM_REQUEST_AUTH`; we reply with
+ * our stored token. Route-sync mirrors the module's internal route into the host
+ * URL (/um/<path>) so a refresh deep-links back to the selected menu.
+ */
+
+function readToken(): string | null {
+  return (
+    localStorage.getItem('fhc-backoffice-auth-token') ??
+    (() => {
+      const escaped = 'auth-token'.replace(/([.$?*|{}()[\]\\/+^])/g, '\\$1');
+      const match = document.cookie.match(new RegExp('(?:^|; )' + escaped + '=([^;]*)'));
+      return match ? decodeURIComponent(match[1]) : null;
+    })()
+  );
+}
+
+function readRefreshToken(): string | null {
+  return localStorage.getItem('fhc-backoffice-auth-refresh-token') ?? null;
+}
+
+export default function UserManagementHostPage() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+
+  // Same-origin sub-path the module is served from (matches the module's Vite
+  // `base` + the apps/backoffice/public/_um build). Same origin ⇒ no second port.
+  const mountBase = (
+    (import.meta.env.VITE_USER_MANAGEMENT_BASE as string | undefined) ?? '/_um'
+  ).replace(/\/$/, '');
+  const moduleOrigin = window.location.origin;
+
+  // Deep-link: the host route is /um/*, so whatever follows /um is the module's
+  // own route. Compute src ONCE (frozen) so later parent-URL updates don't reload.
+  const [iframeSrc] = useState(() => {
+    const sub = location.pathname.replace(/^\/um(?=\/|$)/, '');
+    return mountBase + sub + location.search;
+  });
+
+  useEffect(() => {
+    const onMessage = (event: MessageEvent) => {
+      if (event.origin !== moduleOrigin) return;
+      const data = event.data as { type?: string; path?: string } | undefined;
+      if (!data) return;
+
+      if (data.type === 'UM_REQUEST_AUTH') {
+        const token = readToken();
+        const refreshToken = readRefreshToken();
+        const target = iframeRef.current?.contentWindow;
+        if (token && target) {
+          target.postMessage({ type: 'UM_AUTH_TOKEN', token, refreshToken }, moduleOrigin);
+        }
+        return;
+      }
+
+      if (data.type === 'UM_ROUTE_CHANGED' && typeof data.path === 'string') {
+        const target = '/um' + data.path;
+        if (window.location.pathname + window.location.search !== target) {
+          navigate(target, { replace: true });
+        }
+      }
+    };
+
+    window.addEventListener('message', onMessage);
+    return () => window.removeEventListener('message', onMessage);
+  }, [moduleOrigin, navigate]);
+
+  return (
+    <div style={{ position: 'fixed', inset: 0 }}>
+      <iframe
+        ref={iframeRef}
+        title="User Management"
+        src={iframeSrc}
+        style={{ width: '100%', height: '100%', border: 0, display: 'block' }}
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/hooks/fleet/useFleet.ts b/apps/edr-freight-web/backoffice/src/hooks/fleet/useFleet.ts
new file mode 100644
index 000000000..29e7bf62b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/hooks/fleet/useFleet.ts
@@ -0,0 +1,35 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/constants/QUERY_KEYS";
+import type { FleetListFilters, FleetResourceSlug } from "@/services/fleet/fleet.service";
+import { fleetService } from "@/services/fleet/fleet.service";
+
+export function useFleetList(slug: FleetResourceSlug, filters?: FleetListFilters) {
+  return useQuery({
+    queryKey: [...QUERY_KEYS.FLEET.list(slug), filters ?? {}],
+    queryFn: () => fleetService.list(slug, filters),
+  });
+}
+
+export function useFleetMutations(slug: FleetResourceSlug) {
+  const qc = useQueryClient();
+  const invalidate = () => qc.invalidateQueries({ queryKey: QUERY_KEYS.FLEET.list(slug) });
+
+  const create = useMutation({
+    mutationFn: (data: Record<string, unknown>) => fleetService.create(slug, data),
+    onSuccess: invalidate,
+  });
+
+  const update = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: Record<string, unknown> }) =>
+      fleetService.update(slug, id, data),
+    onSuccess: invalidate,
+  });
+
+  const remove = useMutation({
+    mutationFn: (id: string) => fleetService.remove(slug, id),
+    onSuccess: invalidate,
+  });
+
+  return { create, update, remove };
+}
diff --git a/apps/edr-freight-web/backoffice/src/hooks/rule-engine/useRuleEngine.ts b/apps/edr-freight-web/backoffice/src/hooks/rule-engine/useRuleEngine.ts
index 85dff0cc2..075f56272 100644
--- a/apps/edr-freight-web/backoffice/src/hooks/rule-engine/useRuleEngine.ts
+++ b/apps/edr-freight-web/backoffice/src/hooks/rule-engine/useRuleEngine.ts
@@ -26,6 +26,52 @@ export const useRuleEngineList = (
     queryFn: () => ruleEngineService.list(resource, params),
   });
 
+const ORDER_LIST_PAGE_SIZE = 500;
+
+export const useRuleEngineOrderList = (
+  resource: RuleEngineResourceSlug,
+  enabled: boolean,
+  sortBy?: string,
+) =>
+  useQuery({
+    queryKey: QUERY_KEYS.RULE_ENGINE.orderList(resource),
+    queryFn: () =>
+      ruleEngineService.list(resource, {
+        page: 1,
+        pageSize: ORDER_LIST_PAGE_SIZE,
+        sortBy,
+        sortOrder: "ASC",
+      }),
+    enabled,
+  });
+
+export const useRuleEngineOrderMutations = (resource: RuleEngineResourceSlug) => {
+  const qc = useQueryClient();
+
+  const reorder = useMutation({
+    mutationFn: (payload: { ids: string[]; requiresDirectorApproval?: boolean }) =>
+      ruleEngineService.reorder(resource, payload),
+    onSuccess: async () => {
+      toast.success("Order updated");
+      await invalidateRuleEngineList(qc, resource);
+      await qc.invalidateQueries({ queryKey: QUERY_KEYS.RULE_ENGINE.orderList(resource) });
+    },
+    onError: () => toast.error("Failed to update order"),
+  });
+
+  const moveOrder = useMutation({
+    mutationFn: ({ id, direction }: { id: string; direction: "up" | "down" }) =>
+      ruleEngineService.moveOrder(resource, id, direction),
+    onSuccess: async () => {
+      await invalidateRuleEngineList(qc, resource);
+      await qc.invalidateQueries({ queryKey: QUERY_KEYS.RULE_ENGINE.orderList(resource) });
+    },
+    onError: () => toast.error("Cannot move item further in that direction"),
+  });
+
+  return { reorder, moveOrder };
+};
+
 export const useCargoTypeParentOptions = (excludeId?: string, enabled = true) =>
   useQuery({
     queryKey: QUERY_KEYS.RULE_ENGINE.selectOptions("cargo-types"),
diff --git a/apps/edr-freight-web/backoffice/src/hooks/trainScheduling/useTrainScheduling.ts b/apps/edr-freight-web/backoffice/src/hooks/trainScheduling/useTrainScheduling.ts
new file mode 100644
index 000000000..8c6536c5c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/hooks/trainScheduling/useTrainScheduling.ts
@@ -0,0 +1,302 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/constants/QUERY_KEYS";
+import { trainSchedulingService } from "@/services/trainScheduling.service";
+import type {
+  AssignBookingsPayload,
+  CreateTrainSchedulePayload,
+  FreightType,
+  PinWagonsPayload,
+  RecordCheckpointPayload,
+  TrainScheduleFilters,
+  TrainSchedulePreviewPayload,
+} from "@/types/trainScheduling";
+
+export const useScheduleList = (freightType?: FreightType) =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.schedules(),
+    queryFn: () => trainSchedulingService.listSchedules(freightType),
+  });
+
+export const useBatchBoard = () =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.batchBoard(),
+    queryFn: () => trainSchedulingService.getBatchBoard(),
+    refetchInterval: 30_000,
+  });
+
+export const useBatchBoardDetail = (scheduleId: string | undefined) =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.batchBoardDetail(scheduleId ?? ""),
+    queryFn: () => trainSchedulingService.getBatchBoardDetail(scheduleId!),
+    enabled: Boolean(scheduleId),
+    refetchInterval: 30_000,
+  });
+
+export const useRunAllocation = (scheduleId: string) => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: () => trainSchedulingService.runAllocation(scheduleId),
+    onSuccess: () => {
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.batchBoardDetail(scheduleId),
+      });
+      void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.batchBoard() });
+    },
+  });
+};
+
+export const useScheduleDetail = (id: string | undefined, freightType?: FreightType) =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.scheduleById(id ?? ""),
+    queryFn: () => trainSchedulingService.getScheduleById(id!, freightType),
+    enabled: Boolean(id),
+  });
+
+export const useEligibleBookings = (
+  filters?: TrainScheduleFilters,
+  enabled = true,
+  freightType?: FreightType,
+) =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.eligible(freightType, filters),
+    queryFn: () => trainSchedulingService.getEligibleBookings(filters, freightType),
+    enabled,
+  });
+
+export const useAvailableLocomotives = (routeId?: string) =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.locomotives(routeId),
+    queryFn: () => trainSchedulingService.getAvailableLocomotives(routeId),
+    enabled: routeId ? Boolean(routeId) : true,
+  });
+
+export const useBatchActions = (scheduleId?: string) => {
+  const qc = useQueryClient();
+  const invalidate = () => {
+    void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.ROOT });
+    void qc.invalidateQueries({ queryKey: QUERY_KEYS.BOOKINGS.ROOT });
+    void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.batchBoard() });
+    if (scheduleId) {
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.scheduleById(scheduleId),
+      });
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.batchBoardDetail(scheduleId),
+      });
+    }
+  };
+
+  const runBatch = useMutation({
+    mutationFn: (id: string) => trainSchedulingService.runBatch(id),
+    onSuccess: invalidate,
+  });
+  const setWindow = useMutation({
+    mutationFn: ({ id, status }: { id: string; status: "OPEN" | "CLOSED" }) =>
+      trainSchedulingService.setBookingWindow(id, status),
+    onSuccess: invalidate,
+  });
+  const markPaid = useMutation({
+    mutationFn: (bookingId: string) => trainSchedulingService.markBookingPaid(bookingId),
+    onSuccess: invalidate,
+  });
+  const expire = useMutation({
+    mutationFn: (bookingId: string) => trainSchedulingService.expireBooking(bookingId),
+    onSuccess: invalidate,
+  });
+  const moveSchedule = useMutation({
+    mutationFn: ({ bookingId, trainScheduleId }: { bookingId: string; trainScheduleId: string }) =>
+      trainSchedulingService.moveBookingSchedule(bookingId, trainScheduleId),
+    onSuccess: invalidate,
+  });
+
+  return { runBatch, setWindow, markPaid, expire, moveSchedule, invalidate };
+};
+
+export const useBookableSchedules = (
+  originYardId?: string | null,
+  destinationYardId?: string | null,
+) =>
+  useQuery({
+    queryKey: [
+      ...QUERY_KEYS.TRAIN_SCHEDULING.ROOT,
+      "bookable",
+      originYardId ?? "",
+      destinationYardId ?? "",
+    ],
+    queryFn: () =>
+      trainSchedulingService.getBookableSchedules(
+        originYardId ?? undefined,
+        destinationYardId ?? undefined,
+      ),
+    enabled: Boolean(originYardId && destinationYardId),
+  });
+
+export const useTrainTrack = (id: string | undefined) =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.track(id ?? ""),
+    queryFn: () => trainSchedulingService.getTrack(id!),
+    enabled: Boolean(id),
+  });
+
+export const useScheduleMutations = (scheduleId?: string) => {
+  const qc = useQueryClient();
+
+  const invalidate = () => {
+    void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.ROOT });
+    void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.schedules() });
+    void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.locomotives() });
+    if (scheduleId) {
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.scheduleById(scheduleId),
+      });
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.track(scheduleId),
+      });
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.unassignedBookings(scheduleId),
+      });
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.compositionRemovals(scheduleId),
+      });
+    }
+    void qc.invalidateQueries({ queryKey: QUERY_KEYS.BOOKINGS.ROOT });
+  };
+
+  const create = useMutation({
+    mutationFn: ({
+      freightType,
+      payload,
+    }: {
+      freightType?: FreightType;
+      payload: CreateTrainSchedulePayload;
+    }) => trainSchedulingService.createSchedule(payload, freightType),
+    onSuccess: invalidate,
+  });
+
+  const preview = useMutation({
+    mutationFn: ({
+      freightType,
+      payload,
+    }: {
+      freightType?: FreightType;
+      payload: TrainSchedulePreviewPayload;
+    }) => trainSchedulingService.preview(payload, freightType),
+  });
+
+  const assign = useMutation({
+    mutationFn: ({
+      id,
+      freightType,
+      payload,
+    }: {
+      id: string;
+      freightType?: FreightType;
+      payload: AssignBookingsPayload;
+    }) => trainSchedulingService.assignBookings(id, payload, freightType),
+    onSuccess: invalidate,
+  });
+
+  const assignUnassigned = useMutation({
+    mutationFn: ({ id, bookingId }: { id: string; bookingId: string }) =>
+      trainSchedulingService.assignUnassignedBooking(id, bookingId),
+    onSuccess: invalidate,
+  });
+
+  const unassign = useMutation({
+    mutationFn: ({ id, bookingId }: { id: string; bookingId: string }) =>
+      trainSchedulingService.unassignBooking(id, bookingId),
+    onSuccess: invalidate,
+  });
+
+  const pin = useMutation({
+    mutationFn: ({ id, payload }: { id: string; payload: PinWagonsPayload }) =>
+      trainSchedulingService.pinWagons(id, payload),
+    onSuccess: invalidate,
+  });
+
+  const finalize = useMutation({
+    mutationFn: (id: string) => trainSchedulingService.finalizeSchedule(id),
+    onSuccess: invalidate,
+  });
+
+  const dispatch = useMutation({
+    mutationFn: (id: string) => trainSchedulingService.dispatchSchedule(id),
+    onSuccess: invalidate,
+  });
+
+  const cancel = useMutation({
+    mutationFn: ({ id, freightType }: { id: string; freightType?: FreightType }) =>
+      trainSchedulingService.cancelSchedule(id, freightType ?? "CONTAINER"),
+    onSuccess: invalidate,
+  });
+
+  const recordCheckpoint = useMutation({
+    mutationFn: ({ id, payload }: { id: string; payload: RecordCheckpointPayload }) =>
+      trainSchedulingService.recordCheckpoint(id, payload),
+    onSuccess: invalidate,
+  });
+
+  const arrive = useMutation({
+    mutationFn: (id: string) => trainSchedulingService.arriveSchedule(id),
+    onSuccess: invalidate,
+  });
+
+  return {
+    create,
+    preview,
+    assign,
+    assignUnassigned,
+    unassign,
+    pin,
+    finalize,
+    dispatch,
+    cancel,
+    recordCheckpoint,
+    arrive,
+    invalidate,
+  };
+};
+
+export const useUnassignedBookings = (scheduleId: string | undefined) =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.unassignedBookings(scheduleId ?? ""),
+    queryFn: () => trainSchedulingService.getUnassignedBookings(scheduleId!),
+    enabled: Boolean(scheduleId),
+  });
+
+export const useCompositionRemovals = (scheduleId: string | undefined) =>
+  useQuery({
+    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.compositionRemovals(scheduleId ?? ""),
+    queryFn: () => trainSchedulingService.getCompositionRemovals(scheduleId!),
+    enabled: Boolean(scheduleId),
+  });
+
+export const useRemoveWagonSlot = (scheduleId: string) => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (wagonId: string) =>
+      trainSchedulingService.removeWagonSlot(scheduleId, wagonId),
+    onSuccess: () => {
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.scheduleById(scheduleId),
+      });
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.batchBoardDetail(scheduleId),
+      });
+    },
+  });
+};
+
+export const useUpdateContainerItem = (scheduleId: string) => {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({ itemId, containerNumber }: { itemId: string; containerNumber: string | null }) =>
+      trainSchedulingService.updateContainerItem(scheduleId, itemId, { containerNumber }),
+    onSuccess: () => {
+      void qc.invalidateQueries({
+        queryKey: QUERY_KEYS.TRAIN_SCHEDULING.scheduleById(scheduleId),
+      });
+    },
+  });
+};
diff --git a/apps/edr-freight-web/backoffice/src/hooks/use-cargoes.ts b/apps/edr-freight-web/backoffice/src/hooks/use-cargoes.ts
deleted file mode 100644
index b20bc408b..000000000
--- a/apps/edr-freight-web/backoffice/src/hooks/use-cargoes.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '@/components/container_management/use-cargoes';
diff --git a/apps/edr-freight-web/backoffice/src/hooks/use-containers.ts b/apps/edr-freight-web/backoffice/src/hooks/use-containers.ts
deleted file mode 100644
index 256e5efb9..000000000
--- a/apps/edr-freight-web/backoffice/src/hooks/use-containers.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '@/components/container_management/use-containers';
diff --git a/apps/edr-freight-web/backoffice/src/hooks/useOverview.ts b/apps/edr-freight-web/backoffice/src/hooks/useOverview.ts
new file mode 100644
index 000000000..cf89c32e6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/hooks/useOverview.ts
@@ -0,0 +1,52 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { QUERY_KEYS } from "@/constants/QUERY_KEYS";
+import { overviewService } from "@/services/overview.service";
+import type { OverviewRange } from "@/types/overview";
+
+export function useOverview(range: OverviewRange = "30d") {
+  return useQuery({
+    queryKey: QUERY_KEYS.OVERVIEW.dashboard(range),
+    queryFn: () => overviewService.getDashboard(range),
+  });
+}
+
+export function useOverviewBookingsTab(range: OverviewRange, enabled: boolean) {
+  return useQuery({
+    queryKey: QUERY_KEYS.OVERVIEW.bookingsTab(range),
+    queryFn: () => overviewService.getBookingsTab(range),
+    enabled,
+  });
+}
+
+export function useOverviewBillingTab(range: OverviewRange, enabled: boolean) {
+  return useQuery({
+    queryKey: QUERY_KEYS.OVERVIEW.billingTab(range),
+    queryFn: () => overviewService.getBillingTab(range),
+    enabled,
+  });
+}
+
+export function useOverviewOperationsTab(enabled: boolean) {
+  return useQuery({
+    queryKey: QUERY_KEYS.OVERVIEW.operationsTab(),
+    queryFn: () => overviewService.getOperationsTab(),
+    enabled,
+  });
+}
+
+export function useOverviewCustomersTab(range: OverviewRange, enabled: boolean) {
+  return useQuery({
+    queryKey: QUERY_KEYS.OVERVIEW.customersTab(range),
+    queryFn: () => overviewService.getCustomersTab(range),
+    enabled,
+  });
+}
+
+export function useOverviewStaffTab(range: OverviewRange, enabled: boolean) {
+  return useQuery({
+    queryKey: QUERY_KEYS.OVERVIEW.staffTab(range),
+    queryFn: () => overviewService.getStaffTab(range),
+    enabled,
+  });
+}
diff --git a/apps/edr-freight-web/backoffice/src/hooks/usePayments.ts b/apps/edr-freight-web/backoffice/src/hooks/usePayments.ts
new file mode 100644
index 000000000..e9a09760b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/hooks/usePayments.ts
@@ -0,0 +1,23 @@
+import { useQuery } from "@tanstack/react-query";
+
+import {
+  paymentsService,
+  type PaymentListFilter,
+} from "@/services/payments.service";
+
+export function usePaymentList(filter?: PaymentListFilter, enabled = true) {
+  return useQuery({
+    queryKey: ["payments", "list", filter ?? {}],
+    queryFn: () => paymentsService.list(filter),
+    enabled,
+  });
+}
+
+export function usePaymentSummary(enabled = true) {
+  return useQuery({
+    queryKey: ["payments", "summary"],
+    queryFn: () => paymentsService.getSummary(),
+    staleTime: 30_000,
+    enabled,
+  });
+}
diff --git a/apps/edr-freight-web/backoffice/src/hooks/useSavedSignature.ts b/apps/edr-freight-web/backoffice/src/hooks/useSavedSignature.ts
new file mode 100644
index 000000000..b8c9480a7
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/hooks/useSavedSignature.ts
@@ -0,0 +1,30 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import toast from "react-hot-toast";
+
+import {
+  signaturesService,
+  type SaveSignaturePayload,
+} from "@/services/signatures.service";
+
+const SAVED_SIGNATURE_KEY = ["me", "signature"] as const;
+
+export function useMySignature() {
+  return useQuery({
+    queryKey: SAVED_SIGNATURE_KEY,
+    queryFn: () => signaturesService.getMySignature(),
+    staleTime: 60_000,
+  });
+}
+
+export function useSaveSignature() {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (payload: SaveSignaturePayload) =>
+      signaturesService.saveMySignature(payload),
+    onSuccess: () => {
+      toast.success("Signature saved");
+      void qc.invalidateQueries({ queryKey: SAVED_SIGNATURE_KEY });
+    },
+    onError: () => toast.error("Failed to save signature"),
+  });
+}
diff --git a/apps/edr-freight-web/backoffice/src/hooks/useWagons.ts b/apps/edr-freight-web/backoffice/src/hooks/useWagons.ts
index 4ca22c929..b672a2a84 100644
--- a/apps/edr-freight-web/backoffice/src/hooks/useWagons.ts
+++ b/apps/edr-freight-web/backoffice/src/hooks/useWagons.ts
@@ -1,15 +1,21 @@
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { wagonService } from '@/services/wagon.service';
 
+export type WagonListFilters = import('@/services/wagon.service').WagonListFilters;
+
 export const wagonKeys = {
   all: ['wagons'] as const,
+  list: (filters?: WagonListFilters) => [...wagonKeys.all, 'list', filters ?? {}] as const,
   byTrain: (trainId: string) => [...wagonKeys.all, 'train', trainId] as const,
   details: () => [...wagonKeys.all, 'detail'] as const,
   detail: (id: string) => [...wagonKeys.details(), id] as const,
 };
 
-export function useWagons() {
-  return useQuery({ queryKey: wagonKeys.all, queryFn: () => wagonService.getAll().then(res => res.data) });
+export function useWagons(filters?: WagonListFilters) {
+  return useQuery({
+    queryKey: wagonKeys.list(filters),
+    queryFn: () => wagonService.getAll(filters ?? {}).then((res) => res.data),
+  });
 }
 
 export const useGetWagons = useWagons;
diff --git a/apps/edr-freight-web/backoffice/src/lib/permissions.ts b/apps/edr-freight-web/backoffice/src/lib/permissions.ts
index cadaaea03..7f3b2ac90 100644
--- a/apps/edr-freight-web/backoffice/src/lib/permissions.ts
+++ b/apps/edr-freight-web/backoffice/src/lib/permissions.ts
@@ -16,6 +16,15 @@ export const FREIGHT_PERMS = {
     operations: "edr_freight_app:bookings:operations",
     cancel: "edr_freight_app:bookings:cancel",
   },
+  trainScheduling: {
+    view: "edr_freight_app:train_scheduling:view",
+    manage: "edr_freight_app:train_scheduling:manage",
+  },
+  fleet: {
+    view: "edr_freight_app:fleet:view",
+    manage: "edr_freight_app:fleet:manage",
+  },
+  admin: "edr_freight_app:admin",
 } as const;
 
 const slugToResourceKey = (slug: RuleEngineResourceSlug): string =>
@@ -70,6 +79,22 @@ export function canAccessBookings(user: AuthUser | null | undefined): boolean {
   return hasPermission(user, FREIGHT_PERMS.bookings.view);
 }
 
+export function canViewScheduling(user: AuthUser | null | undefined): boolean {
+  return hasPermission(user, FREIGHT_PERMS.trainScheduling.view);
+}
+
+export function canManageScheduling(user: AuthUser | null | undefined): boolean {
+  return hasPermission(user, FREIGHT_PERMS.trainScheduling.manage);
+}
+
+export function canViewFleet(user: AuthUser | null | undefined): boolean {
+  return hasPermission(user, FREIGHT_PERMS.fleet.view);
+}
+
+export function isFreightAdmin(user: AuthUser | null | undefined): boolean {
+  return hasPermission(user, FREIGHT_PERMS.admin);
+}
+
 export function ruleEngineViewKey(slug: RuleEngineResourceSlug): string {
   return `edr_freight_app:rule_engine:${slugToResourceKey(slug)}:view`;
 }
diff --git a/apps/edr-freight-web/backoffice/src/pages/auth/LoginPage.tsx b/apps/edr-freight-web/backoffice/src/pages/auth/LoginPage.tsx
index 17bc81a35..23f05f3af 100644
--- a/apps/edr-freight-web/backoffice/src/pages/auth/LoginPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/auth/LoginPage.tsx
@@ -53,10 +53,10 @@ const LOGIN_IMAGE = "/assets/login.png";
 const EDR_LOGO = "/assets/logo.svg";
 
 const fieldClass =
-  "h-11 w-full rounded-lg border border-gray-200 bg-[#eef4f8] px-4 text-sm text-gray-900 placeholder:text-gray-400 outline-none transition-colors focus:border-primary focus:ring-2 focus:ring-primary/15";
+  "h-11 w-full rounded-xl border border-gray-200/90 bg-white px-4 text-sm text-gray-900 shadow-sm placeholder:text-gray-400 outline-none transition-all duration-200 hover:border-gray-300 focus:border-primary focus:bg-white focus:ring-4 focus:ring-primary/10";
 
 const primaryButtonClass =
-  "h-11 w-full rounded-full bg-primary text-sm font-semibold text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 active:scale-[0.99] disabled:cursor-not-allowed disabled:opacity-60";
+  "h-11 w-full rounded-full bg-primary text-sm font-semibold text-primary-foreground shadow-[0_8px_20px_-6px_rgba(16,94,52,0.5)] transition-all duration-200 hover:bg-primary/90 hover:shadow-[0_10px_24px_-6px_rgba(16,94,52,0.55)] active:scale-[0.99] disabled:cursor-not-allowed disabled:opacity-60 disabled:shadow-none";
 
 const LeftPanelDecor = () => (
   <div className="pointer-events-none absolute inset-0 overflow-hidden" aria-hidden>
@@ -89,7 +89,7 @@ const RightPanelDecor = () => (
 );
 
 const LeftPanel = () => (
-  <div className="relative flex h-36 shrink-0 flex-col overflow-hidden rounded-2xl shadow-[0_8px_32px_rgba(15,23,42,0.1)] sm:h-44 md:h-52 lg:h-auto lg:min-h-0 lg:flex-1 lg:basis-1/2 lg:rounded-[28px]">
+  <div className="relative hidden shrink-0 flex-col overflow-hidden rounded-2xl shadow-[0_8px_32px_rgba(15,23,42,0.1)] lg:flex lg:h-auto lg:min-h-0 lg:flex-1 lg:basis-1/2 lg:rounded-[28px]">
     <img
       src={LOGIN_IMAGE}
       alt="Ethio Djibouti Railway"
@@ -176,12 +176,13 @@ const LoginPage = () => {
       setNormalizedIdentifier(normalized);
 
       const result = await login({ email: normalized, password });
+      console.log(result)
       if (result.mfaRequired) {
         setNeedsMfa(true);
         return;
       }
 
-      navigate("/dashboard/overview", { replace: true });
+      // navigate("/dashboard/overview", { replace: true });
     } catch {
       setError("Unable to sign in with those credentials.");
     } finally {
@@ -274,7 +275,7 @@ const LoginPage = () => {
         <label className="flex cursor-pointer items-start gap-2.5">
           <input
             type="checkbox"
-            className="mt-0.5 h-4 w-4 shrink-0 cursor-pointer rounded border-gray-300 text-primary focus:ring-primary/20 focus:ring-offset-0"
+            className="mt-0.5 h-4 w-4 shrink-0 cursor-pointer rounded-md border-gray-300 text-primary transition-colors focus:ring-2 focus:ring-primary/20 focus:ring-offset-0"
           />
           <span className="text-sm leading-snug text-gray-600">
             I agree to EDR Freight{" "}
@@ -386,7 +387,7 @@ const LoginPage = () => {
 
             <div className="relative z-10 min-h-0 flex-1 overflow-y-auto overscroll-contain">
               <div className="flex min-h-full justify-center px-4 py-4 sm:px-6 sm:py-6 lg:px-8 lg:py-8">
-                <div className="my-auto w-full  rounded-2xl border border-gray-100/80 bg-white px-5 py-6 shadow-[0_4px_24px_rgba(15,23,42,0.06)] sm:px-7 sm:py-8 lg:px-9 lg:py-9">
+                <div className="my-auto w-full max-w-xl  rounded-3xl border border-gray-100/80 bg-white px-5 py-6 shadow-[0_4px_24px_rgba(15,23,42,0.06)] sm:px-7 sm:py-8 lg:px-9 lg:py-9">
                   {!needsMfa ? loginForm : mfaForm}
                 </div>
               </div>
diff --git a/apps/edr-freight-web/backoffice/src/pages/bookings/BookingContractPage.tsx b/apps/edr-freight-web/backoffice/src/pages/bookings/BookingContractPage.tsx
index 7c22f9d45..6ea4c40e9 100644
--- a/apps/edr-freight-web/backoffice/src/pages/bookings/BookingContractPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/bookings/BookingContractPage.tsx
@@ -40,6 +40,9 @@ export default function BookingContractPage() {
   const [signOpen, setSignOpen] = useState(false);
   const [signerName, setSignerName] = useState("");
   const [signatureData, setSignatureData] = useState<string | null>(null);
+  // When the user has a saved signature we offer it for approval first; they
+  // can switch to drawing a fresh one.
+  const [drawNew, setDrawNew] = useState(false);
 
   const { data, isLoading, isError } = useQuery({
     queryKey: [...QUERY_KEYS.BOOKINGS.byId(id ?? ""), "contract-view"],
@@ -47,11 +50,14 @@ export default function BookingContractPage() {
     enabled: Boolean(id),
   });
 
-  const signRole: "CUSTOMER" | "STAFF" | null = data?.canSignCustomer
-    ? "CUSTOMER"
-    : data?.canSignStaff
-      ? "STAFF"
-      : null;
+  // Backoffice only ever signs as STAFF — customers sign in the portal.
+  const canSign = Boolean(data?.canSignStaff);
+
+  const savedSignature = data?.savedSignature ?? null;
+  const savedSignatureImage = savedSignature?.signatureImageUrl ?? null;
+  // Show the approval view only while a saved signature exists and the user
+  // hasn't opted to draw a new one.
+  const usingSaved = Boolean(savedSignatureImage) && !drawNew;
 
   const signMutation = useMutation({
     mutationFn: (payload: SignContractPayload) =>
@@ -88,16 +94,22 @@ export default function BookingContractPage() {
   };
 
   const openSign = () => {
-    setSignerName("");
+    // Prefill from the saved signature when available so the user only has to
+    // approve it; otherwise start with an empty pad.
+    setSignerName(savedSignature?.signerDisplayName ?? "");
     setSignatureData(null);
+    setDrawNew(false);
     setSignOpen(true);
   };
 
   const confirmSign = () => {
-    if (!signRole || !signatureData || !signerName.trim()) return;
+    if (!canSign || !signerName.trim()) return;
+    // Approve the saved signature, or submit the freshly drawn one.
+    const image = usingSaved ? savedSignatureImage : signatureData;
+    if (!image) return;
     signMutation.mutate({
-      role: signRole,
-      signatureImageBase64: signatureData,
+      role: "STAFF",
+      signatureImageBase64: image,
       signerDisplayName: signerName.trim(),
       consentText: "I agree to the terms of this contract.",
     });
@@ -152,10 +164,10 @@ export default function BookingContractPage() {
               <Download className="size-4" />
               Download PDF
             </Button>
-            {signRole && (
+            {canSign && (
               <Button size="sm" className="gap-2" onClick={openSign}>
                 <FileSignature className="size-4" />
-                Sign as {signRole === "CUSTOMER" ? "Customer" : "Staff"}
+                {usingSaved ? "Approve & sign" : "Sign contract"}
               </Button>
             )}
           </div>
@@ -179,11 +191,11 @@ export default function BookingContractPage() {
         <Dialog open={signOpen} onOpenChange={setSignOpen}>
           <DialogContent className="sm:max-w-md">
             <DialogHeader>
-              <DialogTitle>
-                {signRole === "CUSTOMER" ? "Customer signature" : "Staff signature"}
-              </DialogTitle>
+              <DialogTitle>Staff signature</DialogTitle>
               <DialogDescription>
-                Sign to execute the contract for {data.reference}.
+                {usingSaved
+                  ? `Review your saved signature and approve it to execute the contract for ${data.reference}.`
+                  : `Sign to execute the contract for ${data.reference}.`}
               </DialogDescription>
             </DialogHeader>
             <div className="space-y-4">
@@ -196,7 +208,32 @@ export default function BookingContractPage() {
                   placeholder="As shown on the contract"
                 />
               </div>
-              <ContractSignaturePad onChange={setSignatureData} />
+              {usingSaved ? (
+                <div className="space-y-2">
+                  <Label>Saved signature</Label>
+                  <div className="overflow-hidden rounded-lg border-2 border-dashed border-border bg-white">
+                    <img
+                      src={savedSignatureImage ?? undefined}
+                      alt="Saved signature"
+                      className="mx-auto h-36 w-full object-contain"
+                    />
+                  </div>
+                  <Button
+                    type="button"
+                    variant="link"
+                    size="sm"
+                    className="h-auto p-0 text-xs"
+                    onClick={() => {
+                      setDrawNew(true);
+                      setSignatureData(null);
+                    }}
+                  >
+                    Draw a new signature instead
+                  </Button>
+                </div>
+              ) : (
+                <ContractSignaturePad onChange={setSignatureData} />
+              )}
             </div>
             <DialogFooter>
               <Button variant="outline" onClick={() => setSignOpen(false)}>
@@ -205,13 +242,15 @@ export default function BookingContractPage() {
               <Button
                 disabled={
                   signMutation.isPending ||
-                  !signatureData ||
+                  (!usingSaved && !signatureData) ||
                   !signerName.trim()
                 }
                 onClick={confirmSign}
               >
                 {signMutation.isPending ? (
                   <Loader2 className="size-4 animate-spin" />
+                ) : usingSaved ? (
+                  "Approve & sign"
                 ) : (
                   "Confirm signature"
                 )}
diff --git a/apps/edr-freight-web/backoffice/src/pages/bookings/BookingDetailPage.tsx b/apps/edr-freight-web/backoffice/src/pages/bookings/BookingDetailPage.tsx
index 39040db19..481eeb407 100644
--- a/apps/edr-freight-web/backoffice/src/pages/bookings/BookingDetailPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/bookings/BookingDetailPage.tsx
@@ -1,21 +1,21 @@
-import { useParams, useNavigate } from "react-router-dom";
-import { Container, Stack, Grid } from "@mantine/core";
+import { Container, Grid, Stack } from "@mantine/core";
+import { useNavigate, useParams } from "react-router-dom";
 
-import Breadcrumbs from "@/components/ui/Breadcrumbs";
 import {
+  BookingApprovalCard,
+  BookingContainersCard,
+  BookingDetailToolbar,
+  BookingDocumentsCard,
+  BookingFactsCard,
+  BookingLifecycleStepper,
+  BookingPaymentCard,
+  BookingPaymentCountdownCard,
+  BookingReviewNotesCard,
+  BookingRouteCard,
   detailStyles,
   type BookingDetailView,
-  BookingDetailToolbar,
-  BookingDetailHeader,
-  BookingLifecycleStepper,
-  BookingRouteCard,
-  BookingContainersCard,
-  BookingApprovalCard,
-  BookingReviewNotesCard,
-  BookingPaymentCard,
-  BookingFactsCard,
-  BookingDocumentsCard,
 } from "@/components/bookings/detail";
+import Breadcrumbs from "@/components/ui/Breadcrumbs";
 
 const BookingDetailPage = () => {
   const { id } = useParams<{ id: string }>();
@@ -25,8 +25,9 @@ const BookingDetailPage = () => {
   const booking: BookingDetailView = {
     id: id || "a61955b7-af21-4664-84d3-7e4e66293b6f",
     reference: "BKG-2026-001456",
-    status: "IN_TRANSIT",
+    status: "SELECTED_FOR_BATCH",
     scheduledDate: "2026-06-15",
+    paymentDeadline: "2026-06-18T17:00:00Z",
     totalAmount: 15750.5,
     paymentCurrency: "USD",
     paymentStatus: "PAID",
@@ -100,7 +101,9 @@ const BookingDetailPage = () => {
   };
 
   const approvalSteps = booking.approvalSteps ?? [];
-  const approvedCount = approvalSteps.filter((s) => s.status === "APPROVED").length;
+  const approvedCount = approvalSteps.filter(
+    (s) => s.status === "APPROVED",
+  ).length;
   const totalSteps = approvalSteps.length;
 
   return (
@@ -115,7 +118,7 @@ const BookingDetailPage = () => {
             { label: booking.reference },
           ]}
         />
-{/* 
+        {/* 
         <BookingDetailHeader
           booking={booking}
           approvedCount={approvedCount}
@@ -124,13 +127,18 @@ const BookingDetailPage = () => {
 
         <BookingLifecycleStepper status={booking.status} />
 
-        <Grid gutter="lg">
+        <Grid>
           {/* LEFT — primary content */}
           <Grid.Col span={{ base: 12, lg: 8 }}>
             <Stack gap="lg">
               <BookingRouteCard booking={booking} />
-              <BookingContainersCard containers={booking.bookingContainers ?? []} />
-              <BookingApprovalCard steps={approvalSteps} approvedCount={approvedCount} />
+              <BookingContainersCard
+                containers={booking.bookingContainers ?? []}
+              />
+              <BookingApprovalCard
+                steps={approvalSteps}
+                approvedCount={approvedCount}
+              />
               <BookingReviewNotesCard notes={booking.reviewNotes ?? []} />
             </Stack>
           </Grid.Col>
@@ -138,6 +146,12 @@ const BookingDetailPage = () => {
           {/* RIGHT — summary sidebar */}
           <Grid.Col span={{ base: 12, lg: 4 }}>
             <Stack gap="lg">
+              {booking.status === "SELECTED_FOR_BATCH" &&
+                booking.paymentDeadline && (
+                  <BookingPaymentCountdownCard
+                    paymentDeadline={booking.paymentDeadline}
+                  />
+                )}
               <BookingPaymentCard
                 totalAmount={booking.totalAmount}
                 currency={booking.paymentCurrency}
diff --git a/apps/edr-freight-web/backoffice/src/pages/bookings/BookingRequestDetailPage.tsx b/apps/edr-freight-web/backoffice/src/pages/bookings/BookingRequestDetailPage.tsx
index d80fac6fb..e1dedc304 100644
--- a/apps/edr-freight-web/backoffice/src/pages/bookings/BookingRequestDetailPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/bookings/BookingRequestDetailPage.tsx
@@ -17,18 +17,33 @@ import { ApprovalStepsCard } from "@/components/bookings/ApprovalStepsCard";
 import { BookingActionsToolbar } from "@/components/bookings/BookingActionsToolbar";
 import { BookingPricingSummary } from "@/components/bookings/BookingPricingSummary";
 import { BookingWorkflowStepper } from "@/components/bookings/BookingWorkflowStepper";
+import { ConsolidationWaitingBanner } from "@/components/bookings/detail/ConsolidationWaitingBanner";
 import {
   detailStyles,
   BookingRequestHero,
   BookingRouteServiceCard,
   BookingMileServicesCard,
   BookingCargoCard,
+  BookingCompanyCard,
   BookingContractSummaryCard,
+  BookingDocumentsCard,
+  type BookingFileView,
 } from "@/components/bookings/detail";
 import { WarehouseInfoCard } from "@/components/warehouses";
 import { getStatusMeta } from "@/features/bookings/booking-status.config";
 import { toBookingListRow } from "@/features/bookings/mapBookingListRow";
+import { downloadBookingFile } from "@/services/files.service";
 import { useBookingDetail, useBookingMutations } from "@/hooks/bookings/useBookings";
+import toast from "react-hot-toast";
+
+// Signature / generated-contract files are surfaced on the contract page, not
+// in the booking's Documents list.
+const SIGNATURE_FILE_CODES = new Set([
+  "signature",
+  "signature_customer",
+  "signature_staff",
+  "contract",
+]);
 
 export default function BookingRequestDetailPage() {
   const { id } = useParams<{ id: string }>();
@@ -36,6 +51,14 @@ export default function BookingRequestDetailPage() {
   const { data: booking, isLoading, isError, refetch, isFetching } = useBookingDetail(id);
   const mutations = useBookingMutations(id ?? "");
 
+  const handleDownloadFile = async (file: BookingFileView) => {
+    try {
+      await downloadBookingFile(file.id, file.name);
+    } catch {
+      toast.error("Could not download file.");
+    }
+  };
+
   if (isLoading) {
     return (
       <Box style={detailStyles.page}>
@@ -129,6 +152,10 @@ export default function BookingRequestDetailPage() {
             titleColor={statusMeta.color}
           />
 
+          {booking.status === "PENDING_CONSOLIDATION" && (
+            <ConsolidationWaitingBanner bookingId={booking.id} />
+          )}
+
           <Grid gutter="lg">
             {/* LEFT — primary content */}
             <Grid.Col span={{ base: 12, lg: 8 }}>
@@ -143,6 +170,12 @@ export default function BookingRequestDetailPage() {
                 {booking.contractSummary && (
                   <BookingContractSummaryCard summary={booking.contractSummary} />
                 )}
+                <BookingDocumentsCard
+                  files={(booking.files ?? []).filter(
+                    (f) => !SIGNATURE_FILE_CODES.has(f.code ?? ""),
+                  )}
+                  onDownload={handleDownloadFile}
+                />
               </Stack>
             </Grid.Col>
 
@@ -150,6 +183,7 @@ export default function BookingRequestDetailPage() {
             <Grid.Col span={{ base: 12, lg: 4 }}>
               <Box style={{ position: "sticky", top: 24 }}>
                 <Stack gap="lg">
+                  <BookingCompanyCard booking={booking} />
                   <BookingPricingSummary booking={booking} />
                   <WarehouseInfoCard bookingId={booking.id} bookingReference={booking.reference} />
                   <BookingActionsToolbar booking={booking} mutations={mutations} />
diff --git a/apps/edr-freight-web/backoffice/src/pages/bookings/BookingRequestsPage.tsx b/apps/edr-freight-web/backoffice/src/pages/bookings/BookingRequestsPage.tsx
index 54b570fb4..38d1acec6 100644
--- a/apps/edr-freight-web/backoffice/src/pages/bookings/BookingRequestsPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/bookings/BookingRequestsPage.tsx
@@ -1,32 +1,15 @@
 import { useCallback, useMemo, useRef, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import {
-  AlertCircle,
-  ArrowRight,
-  Calendar,
-  Clock,
-  FileText,
-  Inbox,
-  LayoutList,
-  Package,
-  RefreshCw,
-  Search,
-  User,
-  X,
-} from "lucide-react";
+import { ArrowRight, Calendar, Package, Search, User, X } from "lucide-react";
 import {
   Container,
   Stack,
   Group,
-  Title,
   Text,
   Card,
   TextInput,
   ActionIcon,
-  Badge as MantineBadge,
-  Button as MantineButton,
-  ThemeIcon,
-  Paper,
+  Tabs,
 } from "@mantine/core";
 
 import Breadcrumbs from "@/components/ui/Breadcrumbs";
@@ -35,15 +18,22 @@ import {
   BookingStatusTabs,
   type BookingStatusTabKey,
 } from "@/components/bookings/BookingStatusTabs";
-import { BookingStatGrid } from "@/components/bookings/BookingStatGrid";
+import { BookingRequestsHeader } from "@/components/bookings/BookingRequestsHeader";
 import { BookingStatusBadge } from "@/components/bookings/BookingStatusBadge";
 import { BookingApprovalProgressCell } from "@/components/bookings/BookingApprovalProgressCell";
+import { AllocateBookingWizard } from "@/components/trainScheduling/AllocateBookingWizard";
 import { BookingActionsMenu } from "@/components/bookings/BookingActionsMenu";
+import { OperationsBookingQueue } from "@/components/bookings/OperationsBookingQueue";
+import { OperationsScheduledBookings } from "@/components/bookings/OperationsScheduledBookings";
 import { BookingTableEmpty } from "@/components/bookings/BookingTableEmpty";
 import { bookingTable } from "@/components/bookings/booking-ui.styles";
 import { BOOKING_LIST_TABS } from "@/features/bookings/booking-status.config";
 import { toBookingListRow } from "@/features/bookings/mapBookingListRow";
-import { useBookingList, useBookingListSummary } from "@/hooks/bookings/useBookings";
+import {
+  useBookingDetail,
+  useBookingList,
+  useBookingListSummary,
+} from "@/hooks/bookings/useBookings";
 import type { BookingListFilter } from "@/services/bookings.service";
 import type { BookingListRow } from "@/types/booking";
 import { cn } from "@/lib/utils";
@@ -53,8 +43,6 @@ import {
   type ColumnDef,
   usePagination,
   Badge,
-  Button,
-  Input,
 } from "@edr/ui-common";
 
 function getStatusesForTab(tab: BookingStatusTabKey): string | undefined {
@@ -63,11 +51,16 @@ function getStatusesForTab(tab: BookingStatusTabKey): string | undefined {
   return match.statuses.join(",");
 }
 
+type OperationsSubTab = "ready" | "scheduled";
+
 export default function BookingRequestsPage() {
   const navigate = useNavigate();
   const { pagination, setPagination } = usePagination({ pageSize: 10 });
   const [query, setQuery] = useState("");
   const [activeTab, setActiveTab] = useState<BookingStatusTabKey>("in_approval");
+  const [operationsSubTab, setOperationsSubTab] = useState<OperationsSubTab>("ready");
+  const [allocateOpen, setAllocateOpen] = useState(false);
+  const [allocateIds, setAllocateIds] = useState<string[]>([]);
   const suppressRowClickRef = useRef(false);
   const suppressRowClick = useCallback(() => {
     suppressRowClickRef.current = true;
@@ -77,20 +70,54 @@ export default function BookingRequestsPage() {
   }, []);
 
   const tabStatuses = getStatusesForTab(activeTab);
+  const isOperationsTab = activeTab === "operations";
 
-  const filter: BookingListFilter = useMemo(
-    () => ({
+  const filter: BookingListFilter = useMemo(() => {
+    if (isOperationsTab) {
+      if (operationsSubTab === "ready") {
+        return {
+          page: 1,
+          pageSize: 100,
+          statuses: "PAID",
+          schedulingStatuses: "NOT_SCHEDULED,HOLDING,ELIGIBLE",
+          assignedToSchedule: "false",
+          sortBy: "isGovernment",
+          sortOrder: "DESC",
+          tab: activeTab,
+        };
+      }
+      return {
+        page: 1,
+        pageSize: 100,
+        statuses: "PAID",
+        schedulingStatuses: "SCHEDULED,DISPATCHED",
+        sortBy: "scheduledDate",
+        sortOrder: "ASC",
+        tab: activeTab,
+      };
+    }
+    return {
       page: pagination.pageIndex + 1,
       pageSize: pagination.pageSize,
       sortBy: "createdAt",
       sortOrder: "DESC",
       tab: activeTab,
       ...(tabStatuses ? { statuses: tabStatuses } : {}),
-    }),
-    [pagination.pageIndex, pagination.pageSize, activeTab, tabStatuses],
-  );
+    };
+  }, [
+    isOperationsTab,
+    operationsSubTab,
+    pagination.pageIndex,
+    pagination.pageSize,
+    activeTab,
+    tabStatuses,
+  ]);
 
   const { data, isLoading, isError, refetch, isFetching } = useBookingList(filter);
+  const primaryAllocateId = allocateIds[0];
+  const { data: allocateBooking } = useBookingDetail(
+    allocateOpen ? primaryAllocateId : undefined,
+  );
   const {
     data: summary,
     isLoading: summaryLoading,
@@ -115,14 +142,24 @@ export default function BookingRequestsPage() {
 
   const metrics = summary?.metrics;
   const tabCounts = summary?.tabs;
-  const statValue = (value: number | undefined) =>
-    summaryLoading ? "—" : (value ?? 0);
 
   const handleRefresh = useCallback(() => {
     void refetch();
     void refetchSummary();
   }, [refetch, refetchSummary]);
 
+  const handleAllocateFromQueue = useCallback(
+    (ids: string[]) => {
+      const selected = rows.filter((b) => ids.includes(b.id));
+      const sorted = [...selected].sort(
+        (a, b) => (b.priorityScore ?? 0) - (a.priorityScore ?? 0),
+      );
+      setAllocateIds(sorted.map((b) => b.id));
+      setAllocateOpen(true);
+    },
+    [rows],
+  );
+
   const handleRowClick = useCallback(
     (row: BookingListRow) => {
       if (suppressRowClickRef.current) return;
@@ -190,7 +227,11 @@ export default function BookingRequestsPage() {
       header: () => <span className={bookingTable.headerCell}>Status</span>,
       cell: ({ row }) => (
         <div className="py-1">
-          <BookingStatusBadge status={row.original.status} />
+          <BookingStatusBadge
+            status={row.original.status}
+            consolidated={Boolean(row.original.consolidationPartnerId)}
+            partnerReference={row.original.consolidationPartnerReference}
+          />
         </div>
       ),
       meta: {
@@ -259,108 +300,25 @@ export default function BookingRequestsPage() {
     <div style={{ background: "var(--mantine-color-gray-0)", minHeight: "100vh" }}>
       <Container size="xxl" py="xl">
         <Breadcrumbs items={[{ label: "Operations" }, { label: "Booking requests" }]} />
-{/* 
-        <Card
-          p="lg"
-          radius="lg"
-          withBorder
-          mb="xl"
-          style={{
-            background: "white",
-            border: "1px solid var(--mantine-color-gray-2)",
-            boxShadow: "0 1px 3px rgba(0, 0, 0, 0.05)",
-          }}
-        >
-          <Group justify="space-between" align="flex-start">
-            <Group gap="md" align="flex-start">
-              <ThemeIcon
-                size="lg"
-                radius="lg"
-                color="green"
-                variant="light"
-              >
-                <Inbox size={28} />
-              </ThemeIcon>
-              <Stack gap={8}>
-                <Text size="xs" fw={600} c="dimmed" tt="uppercase">
-                  Operations
-                </Text>
-                <Title order={1} size="h2">
-                  Booking Requests
-                </Title>
-                <Text size="sm" c="dimmed" maw="500px">
-                  Track bookings from submission through payment and operations. Monitor status, prioritize urgent bookings, and manage approvals.
-                </Text>
-              </Stack>
-            </Group>
-            <MantineButton
-              variant="light"
-              color="green"
-              leftSection={<RefreshCw size={18} />}
-              disabled={isFetching}
-              onClick={handleRefresh}
-              loading={isFetching}
-            >
-              Refresh
-            </MantineButton>
-          </Group>
-        </Card> */}
 
-<div className="mt-6"></div>
-        <Stack gap="lg">
-          <BookingStatGrid
-            items={[
-              {
-                label: "In queue",
-                value: statValue(metrics?.inQueue),
-                hint: "Total matching filter",
-                icon: LayoutList,
-              },
-              {
-                label: "On this page",
-                value: statValue(metrics?.onThisPage),
-                hint: "Current page",
-                icon: FileText,
-              },
-              {
-                label: "Needs action",
-                value: statValue(metrics?.needsAction),
-                hint: "Submitted or pending approval",
-                icon: Clock,
-                accent:
-                  !summaryLoading && (metrics?.needsAction ?? 0) > 0
-                    ? "amber"
-                    : "default",
-              },
-              {
-                label: "Urgent",
-                value: statValue(metrics?.urgent),
-                hint: "High priority score",
-                icon: AlertCircle,
-                accent:
-                  !summaryLoading && (metrics?.urgent ?? 0) > 0 ? "rose" : "default",
-              },
-            ]}
+        <Stack gap="lg" mt="md">
+          <BookingRequestsHeader
+            metrics={metrics}
+            tabs={tabCounts}
+            loading={summaryLoading}
+            isFetching={isFetching}
+            onCreate={() => navigate("/dashboard/booking-requests/new")}
+            onRefresh={handleRefresh}
           />
 
-          <Paper
-            p="md"
-            radius="lg"
-            withBorder
-            style={{
-              background: "white",
-              border: "1px solid var(--mantine-color-gray-2)",
+          <BookingStatusTabs
+            active={activeTab}
+            onChange={(tab) => {
+              setActiveTab(tab);
+              setPagination({ pageIndex: 0, pageSize: pagination.pageSize });
             }}
-          >
-            <BookingStatusTabs
-              active={activeTab}
-              onChange={(tab) => {
-                setActiveTab(tab);
-                setPagination({ pageIndex: 0, pageSize: pagination.pageSize });
-              }}
-              counts={tabCounts}
-            />
-          </Paper>
+            counts={tabCounts}
+          />
 
           <Card
             p="md"
@@ -399,7 +357,39 @@ export default function BookingRequestsPage() {
                 </Text>
               </Group>
 
-              {showEmpty ? (
+              {isOperationsTab ? (
+                <Stack gap="md">
+                  <Tabs
+                    value={operationsSubTab}
+                    onChange={(value) =>
+                      setOperationsSubTab((value as OperationsSubTab) ?? "ready")
+                    }
+                  >
+                    <Tabs.List>
+                      <Tabs.Tab value="ready">Ready to allocate</Tabs.Tab>
+                      <Tabs.Tab value="scheduled">On train / scheduled</Tabs.Tab>
+                    </Tabs.List>
+                  </Tabs>
+                  {isError ? (
+                    <BookingTableEmpty
+                      isError
+                      hasSearch={false}
+                      onRetry={handleRefresh}
+                    />
+                  ) : operationsSubTab === "ready" ? (
+                    <OperationsBookingQueue
+                      bookings={rows}
+                      isLoading={isLoading}
+                      onAllocate={handleAllocateFromQueue}
+                    />
+                  ) : (
+                    <OperationsScheduledBookings
+                      bookings={rows}
+                      isLoading={isLoading}
+                    />
+                  )}
+                </Stack>
+              ) : showEmpty ? (
                 <BookingTableEmpty
                   isError={isError}
                   hasSearch={hasSearch}
@@ -438,6 +428,19 @@ export default function BookingRequestsPage() {
             </Stack>
           </Card>
         </Stack>
+
+        {allocateBooking ? (
+          <AllocateBookingWizard
+            booking={allocateBooking}
+            opened={allocateOpen}
+            onClose={() => {
+              setAllocateOpen(false);
+              setAllocateIds([]);
+              void refetch();
+            }}
+            initialBookingIds={allocateIds}
+          />
+        ) : null}
       </Container>
     </div>
   );
diff --git a/apps/edr-freight-web/backoffice/src/pages/bookings/NewBookingPage.tsx b/apps/edr-freight-web/backoffice/src/pages/bookings/NewBookingPage.tsx
index fdaea259f..38be6dd31 100644
--- a/apps/edr-freight-web/backoffice/src/pages/bookings/NewBookingPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/bookings/NewBookingPage.tsx
@@ -1,12 +1,848 @@
-import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+import { useEffect, useMemo, useState } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useNavigate } from "react-router-dom";
+import { isAxiosError } from "axios";
+import {
+  ActionIcon,
+  Badge,
+  Box,
+  Button,
+  Container,
+  Divider,
+  Grid,
+  Group,
+  NumberInput,
+  Paper,
+  SegmentedControl,
+  Select,
+  Stack,
+  Switch,
+  Text,
+  Textarea,
+  TextInput,
+  ThemeIcon,
+  Tooltip,
+} from "@mantine/core";
+import {
+  AlertTriangle,
+  ArrowLeft,
+  Boxes,
+  CalendarClock,
+  Container as ContainerIcon,
+  Flame,
+  Info,
+  Layers,
+  MapPin,
+  Package,
+  Plus,
+  Settings2,
+  Ship,
+  Trash2,
+  Weight,
+} from "lucide-react";
+import toast from "react-hot-toast";
 
-const NewBookingPage = () => {
-  return (
-    <FeaturePlaceholder
-      title="Create Booking"
-      description="Capture and validate new freight bookings from the backoffice workflow."
-    />
-  );
+import Breadcrumbs from "@/components/ui/Breadcrumbs";
+import { bookingsService } from "@/services/bookings.service";
+import { useBookableSchedules } from "@/hooks/trainScheduling/useTrainScheduling";
+import { api } from "@/auth/http";
+import { unwrap } from "@/utils/endpoint";
+import { URL_CONSTANTS } from "@/constants/URLS";
+
+interface CompanyOption {
+  id: string;
+  name?: string | null;
+  tin?: string | null;
+  email?: string | null;
+}
+
+type FreightType = "CONTAINER" | "BULK";
+
+interface RefNamed {
+  id: string;
+  name: string;
+  code: string;
+  country?: string;
+}
+interface RefContainerType {
+  id: string;
+  name: string;
+  code: string;
+  is_reefer?: boolean;
+  wagons_per_unit?: number;
+}
+interface RefContainerGroup {
+  size: string;
+  types: RefContainerType[];
+}
+interface RefCargoChild {
+  id: string;
+  name: string;
+  code: string;
+  show_free_text_box?: boolean;
+}
+interface RefCargoGroup {
+  id: string;
+  name: string;
+  code: string;
+  children?: RefCargoChild[];
+}
+interface ReferenceData {
+  yard?: RefNamed[];
+  service?: RefNamed[];
+  shipping_line?: RefNamed[];
+  containers?: RefContainerGroup[];
+  cargo_type?: RefCargoGroup[];
+}
+
+interface ContainerLine {
+  key: string;
+  containerTypeId: string | null;
+  quantity: number;
+  vgmPerUnitTons: number;
+}
+
+let lineCounter = 0;
+const newLine = (): ContainerLine => ({
+  key: `line-${lineCounter++}`,
+  containerTypeId: null,
+  quantity: 1,
+  vgmPerUnitTons: 20,
+});
+
+const fmtTons = (n: number) =>
+  `${n.toLocaleString(undefined, { maximumFractionDigits: 2 })} t`;
+
+type TradeDirection = "IMPORT" | "EXPORT" | "DOMESTIC";
+
+function deriveTradeDirectionFromYards(
+  origin?: RefNamed | null,
+  destination?: RefNamed | null,
+): TradeDirection | null {
+  const originCountry = origin?.country?.trim();
+  const destinationCountry = destination?.country?.trim();
+  if (!originCountry || !destinationCountry) return null;
+  if (originCountry === "Djibouti") return "IMPORT";
+  if (destinationCountry === "Djibouti" && originCountry !== "Djibouti") return "EXPORT";
+  return "DOMESTIC";
+}
+
+const tradeDirectionLabel: Record<TradeDirection, string> = {
+  IMPORT: "Import",
+  EXPORT: "Export",
+  DOMESTIC: "Domestic",
 };
 
-export default NewBookingPage;
+const parseBookingError = (error: unknown, fallback: string) => {
+  if (isAxiosError(error)) {
+    const message = error.response?.data?.message;
+    if (Array.isArray(message)) return message.join(", ");
+    if (typeof message === "string") return message;
+  }
+  return fallback;
+};
+
+/** Section card with a colored icon chip header. */
+function FormSection({
+  icon: Icon,
+  title,
+  subtitle,
+  accent = "green",
+  right,
+  children,
+}: {
+  icon: typeof Package;
+  title: string;
+  subtitle?: string;
+  accent?: string;
+  right?: React.ReactNode;
+  children: React.ReactNode;
+}) {
+  return (
+    <Paper radius="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)", overflow: "hidden" }}>
+      <Box style={{ height: 3, background: `linear-gradient(90deg, var(--mantine-color-${accent}-5), var(--mantine-color-${accent}-7))` }} />
+      <Group justify="space-between" px="lg" py="md" wrap="nowrap" style={{ borderBottom: "1px solid var(--mantine-color-gray-1)" }}>
+        <Group gap="sm" wrap="nowrap">
+          <ThemeIcon size={34} radius="md" variant="light" color={accent}>
+            <Icon size={17} />
+          </ThemeIcon>
+          <Box>
+            <Text fw={600} size="sm">
+              {title}
+            </Text>
+            {subtitle ? (
+              <Text size="xs" c="dimmed">
+                {subtitle}
+              </Text>
+            ) : null}
+          </Box>
+        </Group>
+        {right}
+      </Group>
+      <Box p="lg">{children}</Box>
+    </Paper>
+  );
+}
+
+export default function NewBookingPage() {
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+
+  const [isGovernment, setIsGovernment] = useState(false);
+  const [governmentInstitution, setGovernmentInstitution] = useState("");
+  const [companyId, setCompanyId] = useState<string | null>(null);
+  const [freightType, setFreightType] = useState<FreightType>("CONTAINER");
+  const [originYardId, setOriginYardId] = useState<string | null>(null);
+  const [destinationYardId, setDestinationYardId] = useState<string | null>(null);
+  const [trainScheduleId, setTrainScheduleId] = useState<string | null>(null);
+  const [serviceTypeId, setServiceTypeId] = useState<string | null>(null);
+  const [scheduledDate, setScheduledDate] = useState("");
+  const [paymentCurrency, setPaymentCurrency] = useState("ETB");
+
+  // container freight
+  const [lines, setLines] = useState<ContainerLine[]>([newLine()]);
+
+  // bulk freight
+  const [cargoTypeId, setCargoTypeId] = useState<string | null>(null);
+  const [cargoFreeText, setCargoFreeText] = useState("");
+  const [bulkWeight, setBulkWeight] = useState<number>(100);
+
+  // extra options
+  const [equipmentReturn, setEquipmentReturn] = useState("NA");
+  const [isHazardous, setIsHazardous] = useState(false);
+  const [shippingLineId, setShippingLineId] = useState<string | null>(null);
+  const [firstMilePickupAddress, setFirstMile] = useState("");
+  const [lastMileDeliveryAddress, setLastMile] = useState("");
+
+  const { data: refData, isLoading } = useQuery({
+    queryKey: ["bookings", "reference-data"],
+    queryFn: () => bookingsService.getReferenceData() as Promise<ReferenceData>,
+  });
+
+  const { data: companies, isLoading: companiesLoading } = useQuery({
+    queryKey: ["companies", "list"],
+    queryFn: async () => {
+      const res = await api.get(URL_CONSTANTS.COMPANIES.BASE);
+      return unwrap(res.data) as CompanyOption[];
+    },
+  });
+
+  const companyOptions = (companies ?? []).map((c) => ({
+    value: c.id,
+    label: c.name || c.email || c.tin || c.id,
+  }));
+
+  const { data: bookableSchedules, isLoading: schedulesLoading } = useBookableSchedules(
+    originYardId,
+    destinationYardId,
+  );
+  const scheduleOptions = (bookableSchedules ?? []).map((s) => ({
+    value: s.id,
+    label: `${s.routeName ?? `${s.origin} → ${s.destination}`} · ${new Date(
+      s.scheduleDate,
+    ).toLocaleString()} · ${s.remainingWagons}/${s.maxWagons} wagons free`,
+  }));
+  const selectedSchedule = (bookableSchedules ?? []).find((s) => s.id === trainScheduleId);
+
+  // When a schedule is chosen its date IS the departure; otherwise fall back to the manual field.
+  const effectiveDepartureIso = selectedSchedule
+    ? new Date(selectedSchedule.scheduleDate).toISOString()
+    : scheduledDate
+      ? new Date(scheduledDate).toISOString()
+      : "";
+
+  const yardRecords = refData?.yard ?? [];
+  const yards = yardRecords.map((y) => ({ value: y.id, label: y.name ?? y.code }));
+  const originYard = yardRecords.find((y) => y.id === originYardId) ?? null;
+  const destinationYard = yardRecords.find((y) => y.id === destinationYardId) ?? null;
+  const tradeDirection = deriveTradeDirectionFromYards(originYard, destinationYard);
+  const hasBookableSchedules = (bookableSchedules ?? []).length > 0;
+
+  useEffect(() => {
+    setTrainScheduleId(null);
+  }, [originYardId, destinationYardId]);
+  const services = (refData?.service ?? []).map((s) => ({ value: s.id, label: s.name ?? s.code }));
+  const shippingLines = (refData?.shipping_line ?? []).map((s) => ({ value: s.id, label: s.name ?? s.code }));
+
+  const containerGroupData = useMemo(
+    () =>
+      (refData?.containers ?? []).map((g) => ({
+        group: g.size,
+        items: g.types.map((t) => ({
+          value: t.id,
+          label: `${t.code}${t.name && t.name !== t.code ? ` — ${t.name}` : ""}`,
+        })),
+      })),
+    [refData?.containers],
+  );
+
+  const { cargoData, freeTextById } = useMemo(() => {
+    const groups = refData?.cargo_type ?? [];
+    const freeText = new Map<string, boolean>();
+    const data = groups.map((g) => {
+      if (g.children?.length) {
+        g.children.forEach((c) => freeText.set(c.id, Boolean(c.show_free_text_box)));
+        return { group: g.name, items: g.children.map((c) => ({ value: c.id, label: c.name })) };
+      }
+      return { value: g.id, label: g.name };
+    });
+    return { cargoData: data, freeTextById: freeText };
+  }, [refData?.cargo_type]);
+
+  const showFreeText = cargoTypeId ? freeTextById.get(cargoTypeId) : false;
+
+  // ---- derived totals ----
+  const totalContainers = lines.reduce((s, l) => s + (l.quantity || 0), 0);
+  const containerWeight = lines.reduce((s, l) => s + (l.quantity || 0) * (l.vgmPerUnitTons || 0), 0);
+  const cargoTotalWeightVgm = freightType === "CONTAINER" ? containerWeight : bulkWeight;
+
+  // ---- validation ----
+  const lineValid = (l: ContainerLine) =>
+    Boolean(l.containerTypeId) && l.quantity >= 1 && l.vgmPerUnitTons > 0;
+  const allLinesValid = lines.length > 0 && lines.every(lineValid);
+  const sameYard = Boolean(originYardId && originYardId === destinationYardId);
+
+  const scheduleSatisfied =
+    hasBookableSchedules ? Boolean(trainScheduleId) : Boolean(scheduledDate);
+  const departureSatisfied = Boolean(selectedSchedule) || Boolean(scheduledDate);
+
+  const canSubmit =
+    Boolean(originYardId) &&
+    Boolean(destinationYardId) &&
+    !sameYard &&
+    Boolean(tradeDirection) &&
+    scheduleSatisfied &&
+    Boolean(serviceTypeId) &&
+    departureSatisfied &&
+    (isGovernment ? governmentInstitution.trim().length >= 2 : Boolean(companyId)) &&
+    (freightType === "BULK"
+      ? Boolean(cargoTypeId) && bulkWeight > 0
+      : allLinesValid);
+
+  const updateLine = (key: string, patch: Partial<ContainerLine>) =>
+    setLines((prev) => prev.map((l) => (l.key === key ? { ...l, ...patch } : l)));
+  const removeLine = (key: string) =>
+    setLines((prev) => (prev.length === 1 ? prev : prev.filter((l) => l.key !== key)));
+
+  const createMutation = useMutation({
+    mutationFn: () =>
+      bookingsService.create({
+        isGovernment,
+        governmentInstitution: isGovernment ? governmentInstitution : undefined,
+        companyId: isGovernment ? undefined : companyId || undefined,
+        freightType,
+        contractType: "NEW",
+        equipmentReturn,
+        tradeDirection: tradeDirection!,
+        paymentCurrency,
+        isHazardous,
+        scheduledDate: effectiveDepartureIso || new Date().toISOString(),
+        originYardId,
+        destinationYardId,
+        trainScheduleId: trainScheduleId || undefined,
+        serviceTypeId,
+        shippingLineId: shippingLineId || undefined,
+        firstMilePickupAddress: firstMilePickupAddress.trim() || undefined,
+        lastMileDeliveryAddress: lastMileDeliveryAddress.trim() || undefined,
+        cargoTotalWeightVgm,
+        cargoTypeId: freightType === "BULK" ? cargoTypeId : undefined,
+        cargoFreeText: freightType === "BULK" && showFreeText ? cargoFreeText.trim() || undefined : undefined,
+        containers:
+          freightType === "CONTAINER"
+            ? lines.map((l) => ({
+                containerTypeId: l.containerTypeId,
+                quantity: l.quantity,
+                vgmPerUnitTons: l.vgmPerUnitTons,
+              }))
+            : undefined,
+      }),
+    onSuccess: async (booking) => {
+      if (isGovernment) {
+        await bookingsService.governmentExpedite(booking.id);
+        toast.success("Government booking created and expedited to scheduling");
+      } else {
+        toast.success("Booking created as draft");
+      }
+      void queryClient.invalidateQueries({ queryKey: ["bookings"] });
+      navigate(`/dashboard/booking-requests/${booking.id}`);
+    },
+    onError: (error) => toast.error(parseBookingError(error, "Failed to create booking")),
+  });
+
+  return (
+    <Container size="xl" py="lg">
+      <Breadcrumbs
+        items={[
+          { label: "Operations" },
+          { label: "Booking requests", href: "/dashboard/booking-requests" },
+          { label: "Create" },
+        ]}
+      />
+
+      <Group justify="flex-end" mt="md">
+        <Button
+          variant="default"
+          radius="lg"
+          leftSection={<ArrowLeft size={16} />}
+          onClick={() => navigate("/dashboard/booking-requests")}
+        >
+          Back to list
+        </Button>
+      </Group>
+
+      <Grid gutter="lg" mt="lg">
+        {/* LEFT — form */}
+        <Grid.Col span={{ base: 12, lg: 8 }}>
+          <Stack gap="lg">
+            <FormSection icon={Layers} title="Booking type" subtitle="Who is booking and what kind of freight" accent="green">
+              <Stack gap="md">
+                <Switch
+                  label="Government booking"
+                  description="No company required — institution name instead. Expedited to the scheduling queue."
+                  checked={isGovernment}
+                  onChange={(e) => setIsGovernment(e.currentTarget.checked)}
+                />
+                {isGovernment ? (
+                  <TextInput
+                    label="Government institution"
+                    placeholder="e.g. Ministry of Transport"
+                    value={governmentInstitution}
+                    onChange={(e) => setGovernmentInstitution(e.currentTarget.value)}
+                    required
+                  />
+                ) : (
+                  <Select
+                    label="Customer"
+                    placeholder="Select company"
+                    data={companyOptions}
+                    value={companyId}
+                    onChange={setCompanyId}
+                    searchable
+                    required
+                    disabled={companiesLoading}
+                    nothingFoundMessage="No companies found"
+                  />
+                )}
+
+                <Box>
+                  <Text size="sm" fw={500} mb={6}>
+                    Freight type
+                  </Text>
+                  <SegmentedControl
+                    fullWidth
+                    value={freightType}
+                    onChange={(v) => setFreightType(v as FreightType)}
+                    data={[
+                      { value: "CONTAINER", label: "Container" },
+                      { value: "BULK", label: "Bulk" },
+                    ]}
+                  />
+                </Box>
+              </Stack>
+            </FormSection>
+
+            <FormSection icon={MapPin} title="Route & service" subtitle="Origin, destination and service type" accent="blue">
+              <Stack gap="md">
+                <Group grow align="flex-start">
+                  <Select
+                    label="Origin yard"
+                    placeholder="Select origin"
+                    data={yards}
+                    value={originYardId}
+                    onChange={(v) => {
+                      setOriginYardId(v);
+                      setTrainScheduleId(null);
+                    }}
+                    searchable
+                    disabled={isLoading}
+                    error={sameYard ? "Same as destination" : undefined}
+                  />
+                  <Select
+                    label="Destination yard"
+                    placeholder="Select destination"
+                    data={yards}
+                    value={destinationYardId}
+                    onChange={(v) => {
+                      setDestinationYardId(v);
+                      setTrainScheduleId(null);
+                    }}
+                    searchable
+                    disabled={isLoading}
+                    error={sameYard ? "Same as origin" : undefined}
+                  />
+                </Group>
+                {hasBookableSchedules ? (
+                  <Select
+                    label="Train schedule"
+                    placeholder={
+                      originYardId && destinationYardId
+                        ? "Select an open schedule on this route"
+                        : "Pick origin & destination first"
+                    }
+                    data={scheduleOptions}
+                    value={trainScheduleId}
+                    onChange={setTrainScheduleId}
+                    searchable
+                    required
+                    disabled={!originYardId || !destinationYardId || schedulesLoading}
+                    nothingFoundMessage="No open schedules on this route"
+                    description="The booking will be batched against this schedule once its contract is signed."
+                  />
+                ) : originYardId && destinationYardId ? (
+                  <Text size="sm" c="dimmed">
+                    No open train schedule on this route — set a preferred departure below. Staff can
+                    link a schedule later.
+                  </Text>
+                ) : null}
+                <Group grow align="flex-end">
+                  <Select
+                    label="Service type"
+                    placeholder="Select service"
+                    data={services}
+                    value={serviceTypeId}
+                    onChange={setServiceTypeId}
+                    searchable
+                    disabled={isLoading}
+                  />
+                  <Box>
+                    <Text size="sm" fw={500} mb={4}>
+                      Trade direction
+                    </Text>
+                    <Badge
+                      size="lg"
+                      variant="light"
+                      color={
+                        tradeDirection === "DOMESTIC"
+                          ? "grape"
+                          : tradeDirection === "EXPORT"
+                            ? "orange"
+                            : "blue"
+                      }
+                    >
+                      {tradeDirection ? tradeDirectionLabel[tradeDirection] : "Select yards"}
+                    </Badge>
+                  </Box>
+                </Group>
+              </Stack>
+            </FormSection>
+
+            <FormSection icon={CalendarClock} title="Schedule & payment" accent="grape">
+              <Group grow align="flex-start">
+                {selectedSchedule ? (
+                  <TextInput
+                    label="Departure"
+                    value={new Date(selectedSchedule.scheduleDate).toLocaleString()}
+                    readOnly
+                    description="Taken from the selected train schedule"
+                  />
+                ) : (
+                  <TextInput
+                    label="Preferred departure"
+                    type="datetime-local"
+                    value={scheduledDate}
+                    onChange={(e) => setScheduledDate(e.target.value)}
+                  />
+                )}
+                <Select
+                  label="Payment currency"
+                  data={[
+                    { value: "ETB", label: "ETB — Birr" },
+                    { value: "USD", label: "USD — Dollar" },
+                  ]}
+                  value={paymentCurrency}
+                  onChange={(v) => setPaymentCurrency(v ?? "ETB")}
+                />
+              </Group>
+            </FormSection>
+
+            {/* Cargo */}
+            {freightType === "CONTAINER" ? (
+              <FormSection
+                icon={ContainerIcon}
+                title="Container lines"
+                subtitle="Add one row per container type"
+                accent="teal"
+                right={
+                  <Badge variant="light" color="teal" radius="sm">
+                    {totalContainers} container{totalContainers === 1 ? "" : "s"}
+                  </Badge>
+                }
+              >
+                <Stack gap="sm">
+                  {lines.map((line, idx) => {
+                    const invalid = !lineValid(line);
+                    return (
+                      <Paper
+                        key={line.key}
+                        p="sm"
+                        radius="md"
+                        withBorder
+                        style={{
+                          borderColor: invalid ? "var(--mantine-color-gray-3)" : "var(--mantine-color-teal-2)",
+                          background: "var(--mantine-color-gray-0)",
+                        }}
+                      >
+                        <Group align="flex-end" gap="sm" wrap="nowrap">
+                          <Text fw={700} c="dimmed" size="sm" w={22} ta="center" style={{ flexShrink: 0 }}>
+                            {idx + 1}
+                          </Text>
+                          <Select
+                            label="Container type"
+                            placeholder="Select type"
+                            data={containerGroupData}
+                            value={line.containerTypeId}
+                            onChange={(v) => updateLine(line.key, { containerTypeId: v })}
+                            searchable
+                            disabled={isLoading}
+                            style={{ flex: 2, minWidth: 160 }}
+                          />
+                          <NumberInput
+                            label="Qty"
+                            value={line.quantity}
+                            onChange={(v) => updateLine(line.key, { quantity: Number(v) || 0 })}
+                            min={1}
+                            step={1}
+                            style={{ width: 90, flexShrink: 0 }}
+                          />
+                          <NumberInput
+                            label="VGM / unit"
+                            value={line.vgmPerUnitTons}
+                            onChange={(v) => updateLine(line.key, { vgmPerUnitTons: Number(v) || 0 })}
+                            min={0}
+                            suffix=" t"
+                            decimalScale={2}
+                            style={{ width: 130, flexShrink: 0 }}
+                          />
+                          <Stack gap={2} style={{ width: 92, flexShrink: 0 }}>
+                            <Text size="xs" c="dimmed">
+                              Line total
+                            </Text>
+                            <Text fw={700} size="sm">
+                              {fmtTons((line.quantity || 0) * (line.vgmPerUnitTons || 0))}
+                            </Text>
+                          </Stack>
+                          <Tooltip label={lines.length === 1 ? "At least one line" : "Remove line"}>
+                            <ActionIcon
+                              variant="subtle"
+                              color="red"
+                              disabled={lines.length === 1}
+                              onClick={() => removeLine(line.key)}
+                              style={{ flexShrink: 0 }}
+                            >
+                              <Trash2 size={16} />
+                            </ActionIcon>
+                          </Tooltip>
+                        </Group>
+                      </Paper>
+                    );
+                  })}
+
+                  <Group justify="space-between">
+                    <Button
+                      variant="light"
+                      color="teal"
+                      size="compact-sm"
+                      leftSection={<Plus size={15} />}
+                      onClick={() => setLines((prev) => [...prev, newLine()])}
+                    >
+                      Add container line
+                    </Button>
+                    <Text size="sm" c="dimmed">
+                      Total VGM:{" "}
+                      <Text span fw={700} c="dark">
+                        {fmtTons(containerWeight)}
+                      </Text>
+                    </Text>
+                  </Group>
+                </Stack>
+              </FormSection>
+            ) : (
+              <FormSection icon={Boxes} title="Bulk cargo" subtitle="Select the bulk cargo type and total weight" accent="orange">
+                <Stack gap="md">
+                  <Select
+                    label="Cargo type"
+                    placeholder="Select bulk cargo type"
+                    data={cargoData}
+                    value={cargoTypeId}
+                    onChange={setCargoTypeId}
+                    searchable
+                    disabled={isLoading}
+                  />
+                  {showFreeText ? (
+                    <Textarea
+                      label="Cargo description"
+                      placeholder="Describe the cargo"
+                      autosize
+                      minRows={2}
+                      value={cargoFreeText}
+                      onChange={(e) => setCargoFreeText(e.currentTarget.value)}
+                    />
+                  ) : null}
+                  <NumberInput
+                    label="Total weight (VGM)"
+                    value={bulkWeight}
+                    onChange={(v) => setBulkWeight(Number(v) || 0)}
+                    min={0}
+                    suffix=" t"
+                    decimalScale={2}
+                  />
+                </Stack>
+              </FormSection>
+            )}
+
+            <FormSection icon={Settings2} title="Additional details" subtitle="Optional — equipment, handling and references" accent="indigo">
+              <Stack gap="md">
+                <Group grow>
+                  <Select
+                    label="Equipment return"
+                    data={[
+                      { value: "NA", label: "Not applicable" },
+                      { value: "WITH_RETURN", label: "With return" },
+                      { value: "WITHOUT_RETURN", label: "Without return" },
+                    ]}
+                    value={equipmentReturn}
+                    onChange={(v) => setEquipmentReturn(v ?? "NA")}
+                  />
+                  <Select
+                    label="Shipping line (optional)"
+                    placeholder="Select shipping line"
+                    data={shippingLines}
+                    value={shippingLineId}
+                    onChange={setShippingLineId}
+                    searchable
+                    clearable
+                    disabled={isLoading}
+                  />
+                </Group>
+                <Group grow>
+                  <TextInput
+                    label="First-mile pickup (optional)"
+                    placeholder="Pickup address"
+                    value={firstMilePickupAddress}
+                    onChange={(e) => setFirstMile(e.currentTarget.value)}
+                  />
+                  <TextInput
+                    label="Last-mile delivery (optional)"
+                    placeholder="Delivery address"
+                    value={lastMileDeliveryAddress}
+                    onChange={(e) => setLastMile(e.currentTarget.value)}
+                  />
+                </Group>
+                <Switch
+                  label="Hazardous cargo"
+                  checked={isHazardous}
+                  onChange={(e) => setIsHazardous(e.currentTarget.checked)}
+                  thumbIcon={isHazardous ? <Flame size={12} /> : undefined}
+                  color="red"
+                />
+              </Stack>
+            </FormSection>
+          </Stack>
+        </Grid.Col>
+
+        {/* RIGHT — sticky summary */}
+        <Grid.Col span={{ base: 12, lg: 4 }}>
+          <Box style={{ position: "sticky", top: 16 }}>
+            <Paper radius="lg" withBorder p="lg" style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+              <Group gap="sm" mb="md">
+                <ThemeIcon size={34} radius="md" variant="light" color="green">
+                  <Weight size={17} />
+                </ThemeIcon>
+                <Text fw={700}>Summary</Text>
+              </Group>
+
+              <Group gap="xs" mb="md">
+                <Badge variant="light" color={freightType === "BULK" ? "orange" : "teal"} radius="sm">
+                  {freightType === "BULK" ? "Bulk" : "Container"}
+                </Badge>
+                <Badge variant="light" color="blue" radius="sm">
+                  {tradeDirection}
+                </Badge>
+                {isGovernment ? (
+                  <Badge variant="light" color="grape" radius="sm">
+                    Government
+                  </Badge>
+                ) : null}
+                {isHazardous ? (
+                  <Badge variant="light" color="red" radius="sm" leftSection={<Flame size={10} />}>
+                    Hazardous
+                  </Badge>
+                ) : null}
+              </Group>
+
+              <Stack gap={8}>
+                {freightType === "CONTAINER" ? (
+                  <>
+                    <SummaryRow label="Container lines" value={String(lines.length)} />
+                    <SummaryRow label="Total containers" value={String(totalContainers)} />
+                  </>
+                ) : null}
+                <SummaryRow label="Total VGM weight" value={fmtTons(cargoTotalWeightVgm)} strong />
+                <Divider my={4} />
+                <SummaryRow
+                  label="Route"
+                  value={
+                    originYardId && destinationYardId
+                      ? `${yards.find((y) => y.value === originYardId)?.label ?? "—"} → ${
+                          yards.find((y) => y.value === destinationYardId)?.label ?? "—"
+                        }`
+                      : "Not set"
+                  }
+                />
+                <SummaryRow
+                  label="Departure"
+                  value={effectiveDepartureIso ? new Date(effectiveDepartureIso).toLocaleString() : "Not set"}
+                />
+              </Stack>
+
+              {sameYard ? (
+                <Group gap={6} mt="md" c="red.7">
+                  <AlertTriangle size={14} />
+                  <Text size="xs">Origin and destination must differ.</Text>
+                </Group>
+              ) : null}
+
+              <Stack gap="sm" mt="lg">
+                <Button
+                  size="md"
+                  fullWidth
+                  loading={createMutation.isPending}
+                  disabled={!canSubmit}
+                  onClick={() => createMutation.mutate()}
+                  leftSection={<Ship size={18} />}
+                >
+                  {isGovernment ? "Create & expedite" : "Create draft"}
+                </Button>
+                <Button variant="default" fullWidth onClick={() => navigate("/dashboard/booking-requests")}>
+                  Cancel
+                </Button>
+              </Stack>
+
+              <Group gap={6} mt="md" align="flex-start" wrap="nowrap">
+                <Info size={14} color="var(--mantine-color-gray-5)" style={{ marginTop: 2, flexShrink: 0 }} />
+                <Text size="xs" c="dimmed">
+                  {isGovernment
+                    ? "Government bookings skip the commercial 3-hour hold and enter the priority lane."
+                    : "Overweight container lines are allowed here and flagged later at scheduling."}
+                </Text>
+              </Group>
+            </Paper>
+          </Box>
+        </Grid.Col>
+      </Grid>
+    </Container>
+  );
+}
+
+function SummaryRow({ label, value, strong }: { label: string; value: string; strong?: boolean }) {
+  return (
+    <Group justify="space-between" wrap="nowrap" gap="md">
+      <Text size="sm" c="dimmed" style={{ flexShrink: 0 }}>
+        {label}
+      </Text>
+      <Text size="sm" fw={strong ? 700 : 500} ta="right" style={{ minWidth: 0 }} truncate>
+        {value}
+      </Text>
+    </Group>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/cargoes/CargoesPage.tsx b/apps/edr-freight-web/backoffice/src/pages/cargoes/CargoesPage.tsx
deleted file mode 100644
index bb4555771..000000000
--- a/apps/edr-freight-web/backoffice/src/pages/cargoes/CargoesPage.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { useCargoes } from '@/hooks/useCargoes';
-// import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
-import { Badge } from '@/components/ui/badge';
-import { LoadCargoDialog } from '@/components/cargoes/LoadCargoDialog';
-import { Card, CardContent, CardHeader, CardTitle } from '@edr/ui-common';
-
-export default function CargoesPage() {
-  const { data: cargoes, refetch, isLoading } = useCargoes();
-  if (isLoading) return <div>Loading cargoes...</div>;
-  return (
-    <Card>
-      <CardHeader><CardTitle>All Cargoes</CardTitle></CardHeader>
-      <CardContent>
-        <Table>
-          <TableHeader><TableRow><TableHead>Reference</TableHead><TableHead>Description</TableHead><TableHead>Quantity</TableHead><TableHead>Weight</TableHead><TableHead>Status</TableHead><TableHead>Actions</TableHead></TableRow></TableHeader>
-          <TableBody>
-            {cargoes?.map((c:any) => (
-              <TableRow key={c.id}>
-                <TableCell>{c.cargoReference}</TableCell>
-                <TableCell>{c.description || '-'}</TableCell>
-                <TableCell>{c.quantity}</TableCell>
-                <TableCell>{c.weight} kg</TableCell>
-                <TableCell><Badge variant="outline">{c.status}</Badge></TableCell>
-                <TableCell>
-                  {c.status === 'PENDING' && <LoadCargoDialog cargoId={c.id} onSuccess={() => refetch()} />}
-                </TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/pages/cargoes/CargoesPageEnhanced.tsx b/apps/edr-freight-web/backoffice/src/pages/cargoes/CargoesPageEnhanced.tsx
deleted file mode 100644
index 120d66126..000000000
--- a/apps/edr-freight-web/backoffice/src/pages/cargoes/CargoesPageEnhanced.tsx
+++ /dev/null
@@ -1,314 +0,0 @@
-import { useState, useMemo } from 'react';
-import { useCargoes } from '@/hooks/useCargoes';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Badge } from '@/components/ui/badge';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
-import { Trash2, Edit, Plus, Search, AlertCircle } from 'lucide-react';
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { toast } from 'sonner';
-import axios from 'axios';
-import CargoFormDialog from '@/components/cargoes/CargoFormDialog';
-
-interface Cargo {
-  id: string;
-  cargoReference: string;
-  description: string;
-  quantity: number;
-  weight: number;
-  status: 'PENDING' | 'LOADED' | 'IN_TRANSIT' | 'DELIVERED' | 'CANCELLED';
-  remarks?: string;
-  createdAt: Date;
-  updatedAt: Date;
-}
-
-const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:3001';
-
-export default function CargoesPageEnhanced() {
-  const { data: cargoes = [], isLoading, refetch } = useCargoes();
-  const queryClient = useQueryClient();
-  const [searchTerm, setSearchTerm] = useState('');
-  const [statusFilter, setStatusFilter] = useState<string>('');
-  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
-  const [isFormOpen, setIsFormOpen] = useState(false);
-  const [editingCargo, setEditingCargo] = useState<Cargo | null>(null);
-
-  const deleteMutation = useMutation({
-    mutationFn: (cargoId: string) =>
-      axios.delete(`${API_BASE_URL}/api/cargoes/${cargoId}`),
-    onSuccess: () => {
-      toast.success('Cargo deleted successfully');
-      refetch();
-      queryClient.invalidateQueries({ queryKey: ['cargoes'] });
-    },
-    onError: (error) => {
-      const message = axios.isAxiosError(error)
-        ? error.response?.data?.message || 'Failed to delete cargo'
-        : 'Failed to delete cargo';
-      toast.error(message);
-    },
-  });
-
-  const bulkDeleteMutation = useMutation({
-    mutationFn: (ids: string[]) =>
-      Promise.all(ids.map(id => axios.delete(`${API_BASE_URL}/api/cargoes/${id}`))),
-    onSuccess: () => {
-      toast.success('Cargoes deleted successfully');
-      setSelectedIds(new Set());
-      refetch();
-      queryClient.invalidateQueries({ queryKey: ['cargoes'] });
-    },
-    onError: (error) => {
-      const message = axios.isAxiosError(error)
-        ? error.response?.data?.message || 'Failed to delete cargoes'
-        : 'Failed to delete cargoes';
-      toast.error(message);
-    },
-  });
-
-  const filteredCargoes = useMemo(() => {
-    let result = cargoes;
-    
-    if (searchTerm) {
-      const lower = searchTerm.toLowerCase();
-      result = result.filter(
-        cargo =>
-          cargo.cargoReference?.toLowerCase().includes(lower) ||
-          cargo.description?.toLowerCase().includes(lower)
-      );
-    }
-    
-    if (statusFilter) {
-      result = result.filter(cargo => cargo.status === statusFilter);
-    }
-    
-    return result;
-  }, [cargoes, searchTerm, statusFilter]);
-
-  const toggleSelect = (cargoId: string) => {
-    const newSelected = new Set(selectedIds);
-    if (newSelected.has(cargoId)) {
-      newSelected.delete(cargoId);
-    } else {
-      newSelected.add(cargoId);
-    }
-    setSelectedIds(newSelected);
-  };
-
-  const toggleSelectAll = () => {
-    if (selectedIds.size === filteredCargoes.length && filteredCargoes.length > 0) {
-      setSelectedIds(new Set());
-    } else {
-      setSelectedIds(new Set(filteredCargoes.map(c => c.id)));
-    }
-  };
-
-  const handleFormSuccess = () => {
-    setIsFormOpen(false);
-    setEditingCargo(null);
-    refetch();
-    queryClient.invalidateQueries({ queryKey: ['cargoes'] });
-  };
-
-  const handleEdit = (cargo: Cargo) => {
-    setEditingCargo(cargo);
-    setIsFormOpen(true);
-  };
-
-  const handleDelete = (cargoId: string) => {
-    if (window.confirm('Are you sure you want to delete this cargo?')) {
-      deleteMutation.mutate(cargoId);
-    }
-  };
-
-  const handleBulkDelete = () => {
-    if (selectedIds.size === 0) {
-      toast.error('Please select at least one cargo');
-      return;
-    }
-    if (window.confirm(`Delete ${selectedIds.size} cargo(s)?`)) {
-      bulkDeleteMutation.mutate(Array.from(selectedIds));
-    }
-  };
-
-  const getStatusColor = (status: string) => {
-    switch (status) {
-      case 'PENDING':
-        return 'bg-gray-100 text-gray-800';
-      case 'LOADED':
-        return 'bg-blue-100 text-blue-800';
-      case 'IN_TRANSIT':
-        return 'bg-purple-100 text-purple-800';
-      case 'DELIVERED':
-        return 'bg-green-100 text-green-800';
-      case 'CANCELLED':
-        return 'bg-red-100 text-red-800';
-      default:
-        return 'bg-gray-100 text-gray-800';
-    }
-  };
-
-  const statuses = ['PENDING', 'LOADED', 'IN_TRANSIT', 'DELIVERED', 'CANCELLED'];
-
-  if (isLoading) {
-    return <div className="p-6">Loading cargoes...</div>;
-  }
-
-  return (
-    <div className="space-y-6 p-6">
-      <div className="flex items-center justify-between">
-        <h1 className="text-3xl font-bold">Cargoes Management</h1>
-        <Button onClick={() => {
-          setEditingCargo(null);
-          setIsFormOpen(true);
-        }}>
-          <Plus className="mr-2 h-4 w-4" />
-          New Cargo
-        </Button>
-      </div>
-
-      {/* Filters and Search */}
-      <Card>
-        <CardContent className="pt-6">
-          <div className="space-y-4">
-            <div className="flex gap-4 items-end">
-              <div className="flex-1">
-                <label className="text-sm font-medium mb-1 block">Search</label>
-                <div className="relative">
-                  <Search className="absolute left-3 top-3 h-4 w-4 text-gray-400" />
-                  <Input
-                    placeholder="Search by reference or description..."
-                    value={searchTerm}
-                    onChange={(e) => setSearchTerm(e.target.value)}
-                    className="pl-10"
-                  />
-                </div>
-              </div>
-              <div className="w-48">
-                <label className="text-sm font-medium mb-1 block">Status</label>
-                <select
-                  value={statusFilter}
-                  onChange={(e) => setStatusFilter(e.target.value)}
-                  className="flex h-10 w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-                >
-                  <option value="">All statuses</option>
-                  {statuses.map(status => (
-                    <option key={status} value={status}>
-                      {status}
-                    </option>
-                  ))}
-                </select>
-              </div>
-            </div>
-            
-            {selectedIds.size > 0 && (
-              <div className="flex items-center gap-2 bg-blue-50 p-3 rounded-md">
-                <span className="text-sm text-gray-600">{selectedIds.size} selected</span>
-                <Button
-                  variant="destructive"
-                  size="sm"
-                  onClick={handleBulkDelete}
-                  disabled={bulkDeleteMutation.isPending}
-                >
-                  <Trash2 className="mr-2 h-4 w-4" />
-                  Delete Selected
-                </Button>
-              </div>
-            )}
-          </div>
-        </CardContent>
-      </Card>
-
-      {/* Cargoes Table */}
-      <Card>
-        <CardHeader>
-          <CardTitle>All Cargoes ({filteredCargoes.length})</CardTitle>
-        </CardHeader>
-        <CardContent>
-          {filteredCargoes.length === 0 ? (
-            <div className="flex items-center justify-center py-12 text-gray-500">
-              <AlertCircle className="mr-2 h-5 w-5" />
-              No cargoes found
-            </div>
-          ) : (
-            <div className="overflow-x-auto">
-              <Table>
-                <TableHeader>
-                  <TableRow>
-                    <TableHead className="w-10">
-                      <input
-                        type="checkbox"
-                        checked={selectedIds.size === filteredCargoes.length && filteredCargoes.length > 0}
-                        onChange={toggleSelectAll}
-                        className="rounded"
-                      />
-                    </TableHead>
-                    <TableHead>Cargo Reference</TableHead>
-                    <TableHead>Description</TableHead>
-                    <TableHead>Quantity</TableHead>
-                    <TableHead>Weight (kg)</TableHead>
-                    <TableHead>Status</TableHead>
-                    <TableHead>Created</TableHead>
-                    <TableHead>Actions</TableHead>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  {filteredCargoes.map((cargo) => (
-                    <TableRow key={cargo.id}>
-                      <TableCell>
-                        <input
-                          type="checkbox"
-                          checked={selectedIds.has(cargo.id)}
-                          onChange={() => toggleSelect(cargo.id)}
-                          className="rounded"
-                        />
-                      </TableCell>
-                      <TableCell className="font-medium">{cargo.cargoReference}</TableCell>
-                      <TableCell className="max-w-xs truncate">{cargo.description}</TableCell>
-                      <TableCell>{cargo.quantity}</TableCell>
-                      <TableCell>{cargo.weight}</TableCell>
-                      <TableCell>
-                        <Badge className={getStatusColor(cargo.status)}>
-                          {cargo.status}
-                        </Badge>
-                      </TableCell>
-                      <TableCell>
-                        {new Date(cargo.createdAt).toLocaleDateString()}
-                      </TableCell>
-                      <TableCell className="flex gap-2">
-                        <Button
-                          variant="outline"
-                          size="sm"
-                          onClick={() => handleEdit(cargo)}
-                        >
-                          <Edit className="h-4 w-4" />
-                        </Button>
-                        <Button
-                          variant="destructive"
-                          size="sm"
-                          onClick={() => handleDelete(cargo.id)}
-                          disabled={deleteMutation.isPending}
-                        >
-                          <Trash2 className="h-4 w-4" />
-                        </Button>
-                      </TableCell>
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
-            </div>
-          )}
-        </CardContent>
-      </Card>
-
-      {/* Form Dialog */}
-      <CargoFormDialog
-        open={isFormOpen}
-        onOpenChange={setIsFormOpen}
-        cargo={editingCargo}
-        onSuccess={handleFormSuccess}
-      />
-    </div>
-  );
-}
diff --git a/apps/edr-freight-web/backoffice/src/pages/containers_management/ContainersPage.tsx b/apps/edr-freight-web/backoffice/src/pages/containers_management/ContainersPage.tsx
deleted file mode 100644
index 6aea46a4a..000000000
--- a/apps/edr-freight-web/backoffice/src/pages/containers_management/ContainersPage.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useContainers } from '@/hooks/useContainers';
-// import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
-import { Badge } from '@/components/ui/badge';
-import { Card, CardContent, CardHeader, CardTitle } from '@edr/ui-common';
-
-export default function ContainersPage() {
-  const { data: containers, isLoading } = useContainers();
-  if (isLoading) return <div>Loading containers...</div>;
-  return (
-    <Card>
-      <CardHeader><CardTitle>All Containers</CardTitle></CardHeader>
-      <CardContent>
-        <Table>
-          <TableHeader><TableRow><TableHead>Number</TableHead><TableHead>Type</TableHead><TableHead>Wagon</TableHead><TableHead>Status</TableHead></TableRow></TableHeader>
-          <TableBody>
-            {containers?.map((c:any) => (
-              <TableRow key={c.id}>
-                <TableCell>{c.containerNumber}</TableCell>
-                <TableCell>{c.containerTypeId}</TableCell>
-                <TableCell>{c.wagonId || 'Unassigned'}</TableCell>
-                <TableCell><Badge variant="outline">{c.status}</Badge></TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/pages/dashboard/MyProfilePage.tsx b/apps/edr-freight-web/backoffice/src/pages/dashboard/MyProfilePage.tsx
new file mode 100644
index 000000000..baf548d92
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/dashboard/MyProfilePage.tsx
@@ -0,0 +1,11 @@
+import { MySignatureCard } from "@/components/profile/MySignatureCard";
+
+export default function MyProfilePage() {
+  return (
+    <div className="mx-auto w-full max-w-2xl space-y-6 p-4">
+      <div id="signature">
+        <MySignatureCard />
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/dashboard/OverviewPage.tsx b/apps/edr-freight-web/backoffice/src/pages/dashboard/OverviewPage.tsx
index da8146f8d..b3d4cc63e 100644
--- a/apps/edr-freight-web/backoffice/src/pages/dashboard/OverviewPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/dashboard/OverviewPage.tsx
@@ -1,11 +1,186 @@
-import FeaturePlaceholder from "@/components/FeaturePlaceholder";
+import { useState } from "react";
+import {
+  AlertCircle,
+  Banknote,
+  FileText,
+  Train,
+  UserCheck,
+  Users,
+} from "lucide-react";
+import {
+  Alert,
+  Badge,
+  Button,
+  Container,
+  Paper,
+  Skeleton,
+  Stack,
+  Tabs,
+} from "@mantine/core";
+import { useQueryClient } from "@tanstack/react-query";
+
+import { OverviewPageHeader } from "@/components/overview/OverviewPageHeader";
+import { OverviewQuickLinks } from "@/components/overview/OverviewQuickLinks";
+import { OverviewTabContent } from "@/components/overview/OverviewTabContent";
+import "@/components/overview/overview.css";
+import { QUERY_KEYS } from "@/constants/QUERY_KEYS";
+import { useOverview } from "@/hooks/useOverview";
+import type { OverviewRange, OverviewTabKey } from "@/types/overview";
+
+const TAB_ITEMS: Array<{
+  value: OverviewTabKey;
+  label: string;
+  icon: typeof FileText;
+  kpiKey: "bookings" | "billing" | "operations" | "customers" | "staff";
+  metricKey: string;
+}> = [
+  {
+    value: "bookings",
+    label: "Bookings",
+    icon: FileText,
+    kpiKey: "bookings",
+    metricKey: "totalActive",
+  },
+  {
+    value: "billing",
+    label: "Billing",
+    icon: Banknote,
+    kpiKey: "billing",
+    metricKey: "successfulPaymentsMtd",
+  },
+  {
+    value: "operations",
+    label: "Operations",
+    icon: Train,
+    kpiKey: "operations",
+    metricKey: "trainsActive",
+  },
+  {
+    value: "customers",
+    label: "Customers",
+    icon: Users,
+    kpiKey: "customers",
+    metricKey: "totalCustomers",
+  },
+  {
+    value: "staff",
+    label: "Staff",
+    icon: UserCheck,
+    kpiKey: "staff",
+    metricKey: "activeEmployees",
+  },
+];
+
+function HeaderSkeleton() {
+  return (
+    <Stack gap="md">
+      <Skeleton height={48} radius="md" />
+      <Skeleton height={52} radius="lg" />
+    </Stack>
+  );
+}
 
 const OverviewPage = () => {
+  const [range, setRange] = useState<OverviewRange>("30d");
+  const [activeTab, setActiveTab] = useState<OverviewTabKey>("bookings");
+  const queryClient = useQueryClient();
+  const { data: summary, isLoading, isError, refetch, isFetching } = useOverview(range);
+
+  const handleRefresh = () => {
+    void refetch();
+    void queryClient.invalidateQueries({ queryKey: QUERY_KEYS.OVERVIEW.ROOT });
+  };
+
+  const getTabBadge = (tab: (typeof TAB_ITEMS)[number]) => {
+    if (!summary?.kpis) return 0;
+    const group = summary.kpis[tab.kpiKey] as Record<string, number>;
+    return group[tab.metricKey] ?? 0;
+  };
+
   return (
-    <FeaturePlaceholder
-      title="Overview"
-      description="Track internal freight operations, monitor account administration, and review the latest backoffice activity from a single operational dashboard."
-    />
+    <Container fluid px="md" py="md">
+      <Stack gap="lg">
+        {isLoading && !summary ? (
+          <HeaderSkeleton />
+        ) : (
+          <OverviewPageHeader
+            range={range}
+            onRangeChange={setRange}
+            generatedAt={summary?.generatedAt}
+            onRefresh={handleRefresh}
+            isRefreshing={isFetching && !isLoading}
+          />
+        )}
+
+        {isError && (
+          <Alert
+            icon={<AlertCircle size={16} />}
+            color="red"
+            title="Unable to load dashboard summary"
+            variant="light"
+          >
+            <Stack gap="sm" align="flex-start">
+              <span>Check your connection and try again.</span>
+              <Button size="xs" variant="light" color="red" onClick={() => void refetch()}>
+                Retry
+              </Button>
+            </Stack>
+          </Alert>
+        )}
+
+        <Tabs
+          value={activeTab}
+          onChange={(value) => setActiveTab((value as OverviewTabKey) ?? "bookings")}
+          variant="pills"
+          color="green"
+          keepMounted={false}
+          classNames={{ list: "ov-tablist", tab: "ov-tab" }}
+        >
+          <Tabs.List>
+            {TAB_ITEMS.map((tab) => {
+              const Icon = tab.icon;
+              const isActive = activeTab === tab.value;
+              return (
+                <Tabs.Tab
+                  key={tab.value}
+                  value={tab.value}
+                  leftSection={<Icon size={17} />}
+                  rightSection={
+                    summary ? (
+                      <Badge
+                        size="sm"
+                        radius="sm"
+                        variant={isActive ? "white" : "light"}
+                        color={isActive ? "green" : "gray"}
+                        styles={
+                          isActive
+                            ? { root: { background: "rgba(255,255,255,0.9)", color: "#15805f" } }
+                            : undefined
+                        }
+                      >
+                        {getTabBadge(tab)}
+                      </Badge>
+                    ) : undefined
+                  }
+                >
+                  {tab.label}
+                </Tabs.Tab>
+              );
+            })}
+          </Tabs.List>
+
+          {TAB_ITEMS.map((tab) => (
+            <Tabs.Panel key={tab.value} value={tab.value} pt="lg">
+              <OverviewTabContent tab={tab.value} range={range} />
+            </Tabs.Panel>
+          ))}
+        </Tabs>
+
+        <Paper p="lg" radius="lg" withBorder>
+          <OverviewQuickLinks />
+        </Paper>
+      </Stack>
+    </Container>
   );
 };
 
diff --git a/apps/edr-freight-web/backoffice/src/pages/dashboard/user-management/UserManagementHostPage.tsx b/apps/edr-freight-web/backoffice/src/pages/dashboard/user-management/UserManagementHostPage.tsx
new file mode 100644
index 000000000..526667a31
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/dashboard/user-management/UserManagementHostPage.tsx
@@ -0,0 +1,113 @@
+import { useEffect, useRef, useState } from 'react';
+import { useNavigate, useLocation } from 'react-router-dom';
+import { getCookie } from '@/auth/cookies';
+
+function readToken(): string | null {
+  return getCookie('auth-token') ?? null;
+}
+
+function readRefreshToken(): string | null {
+  return getCookie('refresh-token') ?? null;
+}
+
+export default function UserManagementHostPage() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+
+  const mountBase = (
+    (import.meta.env.VITE_USER_MANAGEMENT_BASE as string | undefined) ?? '/_um'
+  ).replace(/\/$/, '');
+
+  const moduleOrigin = window.location.origin;
+
+  const [iframeSrc] = useState(() => {
+    const sub = location.pathname.replace(/^\/(?:dashboard\/)?um(?=\/|$)/, '');
+    return mountBase + (sub || '/') + location.search;
+  });
+
+  // ✅ Send token when iframe loads
+  const handleIframeLoad = () => {
+    const token = readToken();
+    const refreshToken = readRefreshToken();
+    const target = iframeRef.current?.contentWindow;
+
+    if (!token) {
+      console.warn('⚠️ No authentication token found');
+      return;
+    }
+
+    if (!target) {
+      console.warn('⚠️ No iframe reference');
+      return;
+    }
+
+    target.postMessage(
+      {
+        type: 'UM_AUTH_TOKEN',
+        token,
+        refreshToken,
+      },
+      moduleOrigin
+    );
+
+    console.log('✅ Token sent to iframe module');
+  };
+
+  // ✅ Listen for messages from iframe
+  useEffect(() => {
+    const onMessage = (event: MessageEvent) => {
+      // Security: Only accept from same origin
+      if (event.origin !== moduleOrigin) {
+        console.warn('🚫 Blocked message from different origin:', event.origin);
+        return;
+      }
+
+      const data = event.data as { type?: string; path?: string } | undefined;
+      if (!data) return;
+
+      // Handle auth request (if module asks for token again)
+      if (data.type === 'UM_REQUEST_AUTH') {
+        const token = readToken();
+        const refreshToken = readRefreshToken();
+        const target = iframeRef.current?.contentWindow;
+
+        if (token && target) {
+          target.postMessage(
+            {
+              type: 'UM_AUTH_TOKEN',
+              token,
+              refreshToken,
+            },
+            moduleOrigin
+          );
+          console.log('✅ Token resent to iframe (on request)');
+        }
+        return;
+      }
+
+      // Handle route synchronization
+      if (data.type === 'UM_ROUTE_CHANGED' && typeof data.path === 'string') {
+        const target = '/dashboard/um' + data.path;
+        if (window.location.pathname + window.location.search !== target) {
+          navigate(target, { replace: true });
+        }
+      }
+    };
+
+    window.addEventListener('message', onMessage);
+    return () => window.removeEventListener('message', onMessage);
+  }, [moduleOrigin, navigate]);
+
+  return (
+    <div style={{ position: 'fixed', inset: 0 }}>
+      <iframe
+        ref={iframeRef}
+        title="User Management"
+        src={iframeSrc}
+        onLoad={handleIframeLoad}
+        style={{ width: '100%', height: '100%', border: 0, display: 'block' }}
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx
new file mode 100644
index 000000000..f246ad194
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx
@@ -0,0 +1,442 @@
+import { useEffect, useMemo, useState } from "react";
+import { Navigate, useLocation } from "react-router-dom";
+import type { ColumnDef } from "@edr/ui-common";
+import { Box, Button, Card, Group, Modal, Select, Stack, Text } from "@mantine/core";
+
+import FleetCardGrid from "@/components/fleet/FleetCardGrid";
+import FleetFormDialog from "@/components/fleet/FleetFormDialog";
+import FleetRecordActions from "@/components/fleet/FleetRecordActions";
+import FleetToolbar from "@/components/fleet/FleetToolbar";
+import { formatFleetCell, registerFleetOptionLabels } from "@/components/fleet/fleetFormat";
+import { useFleetViewMode } from "@/components/fleet/useFleetViewMode";
+import { ruleEngineTable } from "@/components/ruleEngine/ruleEngineStyles";
+import { useCargoTypes } from "@/hooks/use-cargo-types";
+import { useContainerTypes } from "@/hooks/use-container-types";
+import { useWagonTypes } from "@/hooks/use-wagon-types";
+import { useFleetList, useFleetMutations } from "@/hooks/fleet/useFleet";
+import { useContainers } from "@/hooks/useContainers";
+import { useToast } from "@/hooks/use-toast";
+import { useRouteYards } from "@/hooks/useRoutes";
+import { useWagons } from "@/hooks/useWagons";
+import type { FleetListFilters } from "@/services/fleet/fleet.service";
+import {
+  FLEET_SELECT_NONE,
+  getFleetResource,
+  getFleetSlugFromPath,
+  type FleetFormFieldDef,
+  type FleetResourceSlug,
+} from "@/pages/fleet/config/resources";
+import type { FleetRecord } from "@/services/fleet/fleet.service";
+import { DataTable, DataTableFooter, usePagination } from "@edr/ui-common";
+
+const DEFAULT_SLUG: FleetResourceSlug = "locomotives";
+
+const FleetResourcePage = () => {
+  const location = useLocation();
+  const slug = getFleetSlugFromPath(location.pathname) ?? DEFAULT_SLUG;
+  const config = getFleetResource(slug);
+  const { toast } = useToast();
+
+  const { pagination, setPagination } = usePagination({ pageSize: 10 });
+  const [search, setSearch] = useState("");
+  const [statusFilter, setStatusFilter] = useState("ALL");
+  const [listFilterValues, setListFilterValues] = useState<Record<string, string>>({});
+  const [formOpen, setFormOpen] = useState(false);
+  const [editing, setEditing] = useState<FleetRecord | null>(null);
+  const [removeTarget, setRemoveTarget] = useState<FleetRecord | null>(null);
+  const { viewMode, setViewMode } = useFleetViewMode(slug);
+
+  const serverListFilters = useMemo((): FleetListFilters | undefined => {
+    if (slug !== "wagons" && slug !== "locomotives") return undefined;
+    const filters: FleetListFilters = {};
+    const status = listFilterValues.status;
+    const currentYardId = listFilterValues.currentYardId;
+    if (status && status !== "ALL") {
+      (filters as { status?: string }).status = status;
+    }
+    if (currentYardId && currentYardId !== "ALL") {
+      filters.currentYardId = currentYardId;
+    }
+    if (slug === "wagons" && search.trim()) {
+      filters.search = search.trim();
+    }
+    return filters;
+  }, [slug, listFilterValues, search]);
+
+  const { data: allRows = [], isLoading, isError, error } = useFleetList(slug, serverListFilters);
+  const { create, update, remove } = useFleetMutations(slug);
+
+  const { data: wagonTypes = [], isLoading: wagonTypesLoading } = useWagonTypes();
+  const { data: containerTypes = [], isLoading: containerTypesLoading } = useContainerTypes();
+  const { data: cargoTypes = [], isLoading: cargoTypesLoading } = useCargoTypes();
+  const { data: wagons = [], isLoading: wagonsLoading } = useWagons();
+  const { data: containers = [], isLoading: containersLoading } = useContainers();
+  const { data: yards = [], isLoading: yardsLoading } = useRouteYards();
+
+  useEffect(() => {
+    setPagination((prev) => ({ pageIndex: 0, pageSize: prev.pageSize }));
+    setSearch("");
+    setStatusFilter("ALL");
+    setListFilterValues({});
+  }, [slug, setPagination]);
+
+  useEffect(() => {
+    setPagination((prev) => ({ pageIndex: 0, pageSize: prev.pageSize }));
+  }, [search, listFilterValues, setPagination]);
+
+  const hasStatusColumn = Boolean(config?.columns.some((col) => col.accessorKey === "status"));
+  const usesServerListFilters = Boolean(config?.listFilters?.length);
+
+  const statusFilterOptions = useMemo(() => {
+    if (!hasStatusColumn || usesServerListFilters) return [];
+    const statuses = new Set(
+      allRows
+        .map((row) => String((row as unknown as Record<string, unknown>).status ?? ""))
+        .filter(Boolean),
+    );
+    return [
+      { value: "ALL", label: "All statuses" },
+      ...[...statuses].sort().map((status) => ({ value: status, label: status })),
+    ];
+  }, [allRows, hasStatusColumn, usesServerListFilters]);
+
+  const dynamicOptions = useMemo(() => {
+    const wagonTypeOpts = (wagonTypes as Array<{ id: string; code: string; name?: string }>).map(
+      (t) => ({ value: t.id, label: `${t.code}${t.name ? ` - ${t.name}` : ""}` }),
+    );
+    const containerTypeOpts = (
+      containerTypes as Array<{ id: string; label?: string; code?: string }>
+    ).map((t) => ({ value: t.id, label: t.label ?? t.code ?? t.id }));
+    const cargoTypeOpts = (
+      cargoTypes as Array<{ id: string; cargoTypeName?: string; code?: string }>
+    ).map((t) => ({ value: t.id, label: t.cargoTypeName ?? t.code ?? t.id }));
+    const wagonOpts = (wagons as Array<{ id: string; wagonNumber: string }>).map((w) => ({
+      value: w.id,
+      label: w.wagonNumber,
+    }));
+    const containerOpts = (containers as Array<{ id: string; containerNumber: string }>).map(
+      (c) => ({ value: c.id, label: c.containerNumber }),
+    );
+
+    const yardOpts = (yards as Array<{ id: string; label?: string; code?: string }>).map(
+      (y) => ({ value: y.id, label: y.label ?? y.code ?? y.id }),
+    );
+
+    registerFleetOptionLabels("currentYardId", yardOpts);
+
+    return {
+      wagonTypes: wagonTypeOpts,
+      containerTypes: containerTypeOpts,
+      cargoTypes: [{ label: "None", value: FLEET_SELECT_NONE }, ...cargoTypeOpts],
+      wagons: [{ label: "Unassigned", value: FLEET_SELECT_NONE }, ...wagonOpts],
+      containers: containerOpts,
+      yards: yardOpts,
+    };
+  }, [wagonTypes, containerTypes, cargoTypes, wagons, containers, yards]);
+
+  const listFilterSelects = useMemo(() => {
+    if (!config?.listFilters?.length) return null;
+    return config.listFilters.map((filter) => {
+      const dynamicOpts = filter.dynamicOptions
+        ? (dynamicOptions[filter.dynamicOptions] ?? [])
+        : [];
+      const staticOpts =
+        filter.options?.map((opt) => ({ value: opt.value, label: opt.label })) ?? [];
+      const opts = filter.dynamicOptions ? dynamicOpts : staticOpts;
+      return {
+        ...filter,
+        value: listFilterValues[filter.key] ?? "ALL",
+        data: [
+          { value: "ALL", label: filter.allLabel ?? `All ${filter.label.toLowerCase()}` },
+          ...opts,
+        ],
+      };
+    });
+  }, [config?.listFilters, listFilterValues, dynamicOptions]);
+
+  useEffect(() => {
+    registerFleetOptionLabels("wagonTypeId", dynamicOptions.wagonTypes);
+    registerFleetOptionLabels("containerTypeId", dynamicOptions.containerTypes);
+    registerFleetOptionLabels(
+      "cargoTypeId",
+      dynamicOptions.cargoTypes.filter((o) => o.value !== FLEET_SELECT_NONE),
+    );
+    registerFleetOptionLabels("wagonId", dynamicOptions.wagons);
+    registerFleetOptionLabels("containerId", dynamicOptions.containers);
+    registerFleetOptionLabels("currentYardId", dynamicOptions.yards);
+  }, [dynamicOptions]);
+
+  const formFields = useMemo((): FleetFormFieldDef[] => {
+    if (!config) return [];
+    return config.formFields.map((field) => {
+      if (!field.dynamicOptions) return field;
+      const options = dynamicOptions[field.dynamicOptions] ?? [];
+      return { ...field, type: "select" as const, options };
+    });
+  }, [config, dynamicOptions]);
+
+  const selectOptionsLoading =
+    wagonTypesLoading ||
+    containerTypesLoading ||
+    cargoTypesLoading ||
+    wagonsLoading ||
+    containersLoading ||
+    yardsLoading;
+
+  const filteredRows = useMemo(() => {
+    if (!config) return allRows;
+    if (usesServerListFilters) return allRows;
+    const term = search.trim().toLowerCase();
+    return allRows.filter((row) => {
+      const record = row as unknown as Record<string, unknown>;
+      if (statusFilter !== "ALL" && String(record.status ?? "") !== statusFilter) {
+        return false;
+      }
+      if (!term) return true;
+      return config.searchKeys.some((key) =>
+        String(record[key] ?? "")
+          .toLowerCase()
+          .includes(term),
+      );
+    });
+  }, [allRows, search, statusFilter, config, usesServerListFilters]);
+
+  const pageCount = Math.max(1, Math.ceil(filteredRows.length / pagination.pageSize));
+  const pagedRows = useMemo(() => {
+    const start = pagination.pageIndex * pagination.pageSize;
+    return filteredRows.slice(start, start + pagination.pageSize);
+  }, [filteredRows, pagination.pageIndex, pagination.pageSize]);
+
+  const columns = useMemo((): ColumnDef<FleetRecord>[] => {
+    if (!config) return [];
+    const headerClassName = ruleEngineTable.headerCell;
+    const cellClassName = ruleEngineTable.bodyCell;
+
+    const base: ColumnDef<FleetRecord>[] = config.columns.map((col) => ({
+      id: col.id,
+      header: col.header,
+      meta: { headerClassName, cellClassName },
+      cell: ({ row }) =>
+        formatFleetCell(
+          (row.original as unknown as Record<string, unknown>)[col.accessorKey],
+          col.format,
+          col.accessorKey,
+        ),
+    }));
+
+    base.push({
+      id: "actions",
+      header: "Actions",
+      size: 140,
+      meta: { headerClassName, cellClassName: `${cellClassName} whitespace-nowrap` },
+      cell: ({ row }) => (
+        <div onClick={(e) => e.stopPropagation()} data-stop-row-click>
+          <FleetRecordActions
+            record={row.original}
+            config={config}
+            onEdit={(record) => {
+              setEditing(record);
+              setFormOpen(true);
+            }}
+            onRemove={setRemoveTarget}
+          />
+        </div>
+      ),
+    });
+
+    return base;
+  }, [config, dynamicOptions.yards]);
+
+  const tableStatus = isLoading ? "loading" : isError ? "error" : "success";
+
+  if (!config) {
+    return <Navigate to="/dashboard/locomotives" replace />;
+  }
+
+  const handleFormSubmit = async (values: Record<string, unknown>) => {
+    try {
+      if (editing && "id" in editing) {
+        await update.mutateAsync({ id: String(editing.id), data: values });
+        toast({ title: `${config.entityLabel} updated` });
+      } else {
+        await create.mutateAsync(values);
+        toast({ title: `${config.entityLabel} created` });
+      }
+      setFormOpen(false);
+      setEditing(null);
+    } catch (err: unknown) {
+      const message =
+        (err as { response?: { data?: { message?: string } } })?.response?.data?.message ??
+        "Save failed";
+      toast({ title: "Save failed", description: String(message), variant: "destructive" });
+    }
+  };
+
+  const handleRemove = async () => {
+    if (!removeTarget || !("id" in removeTarget)) return;
+    try {
+      await remove.mutateAsync(String(removeTarget.id));
+      toast({
+        title: config.removeSuccessMessage ?? `${config.entityLabel} removed`,
+      });
+      setRemoveTarget(null);
+    } catch (err: unknown) {
+      const message =
+        (err as { response?: { data?: { message?: string } } })?.response?.data?.message ??
+        "Remove failed";
+      toast({ title: "Remove failed", description: String(message), variant: "destructive" });
+    }
+  };
+
+  const itemLabel = config.label.toLowerCase();
+
+  return (
+    <Stack gap="md">
+      <Card radius="lg" padding={0} withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Stack gap={0}>
+          <Box px="md" pt="md" pb="sm" w="100%">
+            <FleetToolbar
+              search={search}
+              onSearchChange={setSearch}
+              searchPlaceholder={config.searchPlaceholder}
+              showSearch={config.supportsSearch}
+              addLabel={config.addLabel}
+              onAdd={() => {
+                setEditing(null);
+                setFormOpen(true);
+              }}
+              viewMode={viewMode}
+              onViewModeChange={setViewMode}
+              filters={
+                listFilterSelects ? (
+                  <Group gap="xs" wrap="nowrap">
+                    {listFilterSelects.map((filter) => (
+                      <Select
+                        key={filter.key}
+                        size="sm"
+                        radius="lg"
+                        label={filter.label}
+                        value={filter.value}
+                        onChange={(v) => {
+                          if (!v) return;
+                          setListFilterValues((prev) => ({ ...prev, [filter.key]: v }));
+                          setPagination((prev) => ({ ...prev, pageIndex: 0 }));
+                        }}
+                        data={filter.data}
+                        w={170}
+                        styles={{ input: { borderColor: "var(--mantine-color-gray-3)" } }}
+                      />
+                    ))}
+                  </Group>
+                ) : hasStatusColumn && statusFilterOptions.length > 1 ? (
+                  <Select
+                    size="sm"
+                    radius="lg"
+                    value={statusFilter}
+                    onChange={(v) => v && setStatusFilter(v)}
+                    data={statusFilterOptions}
+                    w={160}
+                    styles={{ input: { borderColor: "var(--mantine-color-gray-3)" } }}
+                  />
+                ) : undefined
+              }
+            />
+          </Box>
+
+          {viewMode === "table" ? (
+            <DataTable
+              columns={columns}
+              data={pagedRows}
+              status={tableStatus}
+              error={
+                isError
+                  ? {
+                      message: "Failed to load data",
+                      description: error instanceof Error ? error.message : "Unknown error",
+                    }
+                  : undefined
+              }
+              emptyMessage={`No ${itemLabel} found`}
+              pagination={{
+                pageIndex: pagination.pageIndex,
+                pageSize: pagination.pageSize,
+                pageCount,
+                totalCount: filteredRows.length,
+              }}
+              tableOptions={{
+                manualPagination: true,
+                pageCount,
+                state: { pagination },
+                onPaginationChange: setPagination,
+              }}
+              containerClassName="border-0 shadow-none bg-transparent"
+              footer={({ table, pagination: footerPagination }) => (
+                <DataTableFooter
+                  table={table}
+                  pagination={footerPagination}
+                  options={{ labels: { items: itemLabel } }}
+                />
+              )}
+            />
+          ) : (
+            <FleetCardGrid
+              config={config}
+              rows={pagedRows}
+              status={tableStatus}
+              emptyMessage={`No ${itemLabel} found`}
+              pagination={pagination}
+              pageCount={pageCount}
+              totalCount={filteredRows.length}
+              onPaginationChange={setPagination}
+              onEdit={(record) => {
+                setEditing(record);
+                setFormOpen(true);
+              }}
+              onRemove={setRemoveTarget}
+            />
+          )}
+        </Stack>
+      </Card>
+
+      <FleetFormDialog
+        open={formOpen}
+        onOpenChange={(open) => {
+          setFormOpen(open);
+          if (!open) setEditing(null);
+        }}
+        title={editing ? `Edit ${config.entityLabel}` : config.addLabel}
+        fields={formFields}
+        initialRecord={editing}
+        emptyValues={config.emptyValues}
+        isSubmitting={create.isPending || update.isPending}
+        selectOptionsLoading={selectOptionsLoading}
+        onSubmit={handleFormSubmit}
+      />
+
+      <Modal
+        opened={Boolean(removeTarget)}
+        onClose={() => setRemoveTarget(null)}
+        title={<Text fw={600}>{config.removeActionLabel ?? "Delete"}</Text>}
+        radius="lg"
+        centered
+      >
+        <Stack gap="md">
+          <Text size="sm">
+            {config.removeConfirmMessage ??
+              `Are you sure you want to ${config.removeAction} this ${config.entityLabel.toLowerCase()}?`}
+          </Text>
+          <Group justify="flex-end">
+            <Button variant="default" onClick={() => setRemoveTarget(null)}>
+              Cancel
+            </Button>
+            <Button color="red" loading={remove.isPending} onClick={handleRemove}>
+              {config.removeActionLabel ?? "Delete"}
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
+    </Stack>
+  );
+};
+
+export default FleetResourcePage;
diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/RoutesPage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/RoutesPage.tsx
index 7eca14891..bd4a3364c 100644
--- a/apps/edr-freight-web/backoffice/src/pages/fleet/RoutesPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/RoutesPage.tsx
@@ -1,30 +1,45 @@
-import { FormEvent, useMemo, useState } from 'react';
-import { Edit, Eye, Plus, Search, Trash2 } from 'lucide-react';
-
-import { Button } from '@/components/ui/button';
+import { FormEvent, useMemo, useState } from "react";
+import { Edit, Eye, Trash2 } from "lucide-react";
+import type { ColumnDef } from "@edr/ui-common";
 import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
-import { useCreateRoute, useDeactivateRoute, useRouteYards, useRoutes, useUpdateRoute } from '@/hooks/useRoutes';
-import { useToast } from '@/hooks/use-toast';
-import type { RouteRecord, YardRef } from '@/services/routes.service';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@edr/ui-common';
+  ActionIcon,
+  Badge,
+  Box,
+  Button,
+  Card,
+  Group,
+  Modal,
+  Select,
+  SimpleGrid,
+  Stack,
+  Text,
+  TextInput,
+  Tooltip,
+} from "@mantine/core";
+
+import FleetToolbar from "@/components/fleet/FleetToolbar";
+import { useFleetViewMode } from "@/components/fleet/useFleetViewMode";
+import RuleEngineListFooter from "@/components/ruleEngine/RuleEngineListFooter";
+import { ruleEngineTable } from "@/components/ruleEngine/ruleEngineStyles";
+import {
+  useCreateRoute,
+  useDeactivateRoute,
+  useRouteYards,
+  useRoutes,
+  useUpdateRoute,
+} from "@/hooks/useRoutes";
+import { useToast } from "@/hooks/use-toast";
+import type { RouteRecord, YardRef } from "@/services/routes.service";
+import { DataTable, DataTableFooter, usePagination } from "@edr/ui-common";
 
 type RouteFormState = {
   name: string;
   milestones: string[];
 };
 
-const emptyForm = (): RouteFormState => ({ name: '', milestones: ['', ''] });
+const emptyForm = (): RouteFormState => ({ name: "", milestones: ["", ""] });
 
-const yardLabel = (yard?: YardRef | null) => (yard ? `${yard.label} (${yard.code})` : '-');
+const yardLabel = (yard?: YardRef | null) => (yard ? `${yard.label} (${yard.code})` : "—");
 
 const routeStops = (route: RouteRecord) =>
   (route.milestones ?? [])
@@ -33,22 +48,26 @@ const routeStops = (route: RouteRecord) =>
 
 const normalizeRouteError = (error: unknown) => {
   const responseData = (error as { response?: { data?: unknown } })?.response?.data;
-  const data = responseData && typeof responseData === 'object' ? (responseData as Record<string, unknown>) : undefined;
+  const data =
+    responseData && typeof responseData === "object"
+      ? (responseData as Record<string, unknown>)
+      : undefined;
   const rawMessage = data?.message ?? data?.error ?? (error as Error)?.message;
-
   return Array.isArray(rawMessage)
-    ? rawMessage.join(', ')
+    ? rawMessage.join(", ")
     : rawMessage
       ? String(rawMessage)
-      : 'Save failed';
+      : "Save failed";
 };
 
 export default function RoutesPage() {
-  const [search, setSearch] = useState('');
+  const [search, setSearch] = useState("");
   const [formOpen, setFormOpen] = useState(false);
   const [viewing, setViewing] = useState<RouteRecord | null>(null);
   const [editing, setEditing] = useState<RouteRecord | null>(null);
   const [form, setForm] = useState<RouteFormState>(emptyForm());
+  const { viewMode, setViewMode } = useFleetViewMode("routes");
+  const { pagination, setPagination } = usePagination({ pageSize: 10 });
   const { toast } = useToast();
 
   const routesQuery = useRoutes();
@@ -60,7 +79,6 @@ export default function RoutesPage() {
   const filteredRoutes = useMemo(() => {
     const query = search.trim().toLowerCase();
     if (!query) return routesQuery.data ?? [];
-
     return (routesQuery.data ?? []).filter((route) => {
       const searchable = [
         route.name,
@@ -71,13 +89,18 @@ export default function RoutesPage() {
         ...routeStops(route),
       ]
         .filter(Boolean)
-        .join(' ')
+        .join(" ")
         .toLowerCase();
-
       return searchable.includes(query);
     });
   }, [routesQuery.data, search]);
 
+  const pageCount = Math.max(1, Math.ceil(filteredRoutes.length / pagination.pageSize));
+  const pagedRoutes = useMemo(() => {
+    const start = pagination.pageIndex * pagination.pageSize;
+    return filteredRoutes.slice(start, start + pagination.pageSize);
+  }, [filteredRoutes, pagination.pageIndex, pagination.pageSize]);
+
   const yardOptions = useMemo(
     () =>
       (yardsQuery.data ?? []).map((yard) => ({
@@ -120,7 +143,7 @@ export default function RoutesPage() {
   };
 
   const addMilestone = () => {
-    setForm((current) => ({ ...current, milestones: [...current.milestones, ''] }));
+    setForm((current) => ({ ...current, milestones: [...current.milestones, ""] }));
   };
 
   const removeMilestone = (index: number) => {
@@ -132,17 +155,15 @@ export default function RoutesPage() {
 
   const handleSubmit = async (event: FormEvent) => {
     event.preventDefault();
-
     if (!form.name.trim()) {
-      toast({ title: 'Save failed', description: 'Route name is required', variant: 'destructive' });
+      toast({ title: "Save failed", description: "Route name is required", variant: "destructive" });
       return;
     }
-
     if (form.milestones.length < 2 || form.milestones.some((yardId) => !yardId)) {
       toast({
-        title: 'Save failed',
-        description: 'Select at least an origin and destination yard',
-        variant: 'destructive',
+        title: "Save failed",
+        description: "Select at least an origin and destination yard",
+        variant: "destructive",
       });
       return;
     }
@@ -153,29 +174,25 @@ export default function RoutesPage() {
         milestones: form.milestones.map((yardId) => ({ yardId })),
         isActive: editing?.isActive ?? true,
       };
-
       if (editing) {
         await updateMutation.mutateAsync({ id: editing.id, data: payload });
-        toast({ title: 'Route updated' });
+        toast({ title: "Route updated" });
       } else {
         await createMutation.mutateAsync(payload);
-        toast({ title: 'Route created' });
+        toast({ title: "Route created" });
       }
-
       resetForm();
     } catch (error) {
-      toast({ title: 'Save failed', description: normalizeRouteError(error), variant: 'destructive' });
+      toast({ title: "Save failed", description: normalizeRouteError(error), variant: "destructive" });
     }
   };
 
   const handleDeactivate = async (route: RouteRecord) => {
-    if (!window.confirm('Deactivate this route?')) return;
-
     try {
       await deactivateMutation.mutateAsync(route.id);
-      toast({ title: 'Route deactivated' });
+      toast({ title: "Route deactivated" });
     } catch {
-      toast({ title: 'Deactivate failed', description: 'Could not deactivate route', variant: 'destructive' });
+      toast({ title: "Deactivate failed", description: "Could not deactivate route", variant: "destructive" });
     }
   };
 
@@ -185,195 +202,288 @@ export default function RoutesPage() {
     const selectedByOthers = new Set(
       form.milestones.filter((value, currentIndex) => currentIndex !== index && value),
     );
-
     return yardOptions.filter(
       (option) => option.value === form.milestones[index] || !selectedByOthers.has(option.value),
     );
   };
 
+  const tableStatus = routesQuery.isLoading
+    ? "loading"
+    : routesQuery.isError
+      ? "error"
+      : "success";
+
+  const columns = useMemo((): ColumnDef<RouteRecord>[] => {
+    const headerClassName = ruleEngineTable.headerCell;
+    const cellClassName = ruleEngineTable.bodyCell;
+    return [
+      { id: "name", header: "Name", meta: { headerClassName, cellClassName }, cell: ({ row }) => row.original.name },
+      {
+        id: "origin",
+        header: "Origin",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => yardLabel(row.original.originYard),
+      },
+      {
+        id: "destination",
+        header: "Destination",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => yardLabel(row.original.destinationYard),
+      },
+      {
+        id: "milestones",
+        header: "Milestones",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => Math.max((row.original.milestones?.length ?? 0) - 2, 0),
+      },
+      {
+        id: "status",
+        header: "Status",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => (
+          <Badge color={row.original.isActive ? "green" : "gray"} variant="light" size="sm">
+            {row.original.isActive ? "Active" : "Inactive"}
+          </Badge>
+        ),
+      },
+      {
+        id: "actions",
+        header: "Actions",
+        meta: { headerClassName, cellClassName: `${cellClassName} whitespace-nowrap` },
+        cell: ({ row }) => (
+          <Group gap={4} justify="flex-end" wrap="nowrap">
+            <Tooltip label="View">
+              <ActionIcon variant="subtle" color="gray" onClick={() => setViewing(row.original)}>
+                <Eye size={16} />
+              </ActionIcon>
+            </Tooltip>
+            <Tooltip label="Edit">
+              <ActionIcon variant="subtle" color="gray" onClick={() => openEdit(row.original)}>
+                <Edit size={16} />
+              </ActionIcon>
+            </Tooltip>
+            <Tooltip label="Deactivate">
+              <ActionIcon
+                variant="subtle"
+                color="red"
+                disabled={!row.original.isActive || deactivateMutation.isPending}
+                onClick={() => handleDeactivate(row.original)}
+              >
+                <Trash2 size={16} />
+              </ActionIcon>
+            </Tooltip>
+          </Group>
+        ),
+      },
+    ];
+  }, [deactivateMutation.isPending]);
+
   return (
-    <div className="space-y-5 p-6">
-      <div className="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
-        <div>
-          <h1 className="text-2xl font-semibold tracking-tight">Routes</h1>
-          <p className="mt-1 text-sm text-muted-foreground">
-            Build train routes from an ordered yard list where the first stop is the origin and the last stop is the destination.
-          </p>
-        </div>
-        <Button onClick={openCreate}>
-          <Plus className="size-4" />
-          Add Route
-        </Button>
-      </div>
+    <Stack gap="md">
+      <Card radius="lg" padding={0} withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Stack gap={0}>
+          <Box px="md" pt="md" pb="sm" w="100%">
+            <FleetToolbar
+              search={search}
+              onSearchChange={setSearch}
+              searchPlaceholder="Search routes…"
+              addLabel="Add Route"
+              onAdd={openCreate}
+              viewMode={viewMode}
+              onViewModeChange={setViewMode}
+            />
+          </Box>
 
-      <div className="flex max-w-md items-center gap-2 rounded-md border bg-background px-3">
-        <Search className="size-4 text-muted-foreground" />
-        <Input
-          className="border-0 px-0 shadow-none focus-visible:ring-0"
-          placeholder="Search routes"
-          value={search}
-          onChange={(event) => setSearch(event.target.value)}
-        />
-      </div>
-
-      <div className="overflow-hidden rounded-lg border bg-card">
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>Name</TableHead>
-              <TableHead>Origin</TableHead>
-              <TableHead>Destination</TableHead>
-              <TableHead>Milestones</TableHead>
-              <TableHead>Status</TableHead>
-              <TableHead className="w-[150px] text-right">Actions</TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {filteredRoutes.map((route) => (
-              <TableRow key={route.id}>
-                <TableCell>{route.name}</TableCell>
-                <TableCell>{yardLabel(route.originYard)}</TableCell>
-                <TableCell>{yardLabel(route.destinationYard)}</TableCell>
-                <TableCell>{Math.max((route.milestones?.length ?? 0) - 2, 0)}</TableCell>
-                <TableCell>{route.isActive ? 'Active' : 'Inactive'}</TableCell>
-                <TableCell>
-                  <div className="flex justify-end gap-1">
-                    <Button variant="ghost" size="icon" onClick={() => setViewing(route)} title="View">
-                      <Eye className="size-4" />
-                    </Button>
-                    <Button variant="ghost" size="icon" onClick={() => openEdit(route)} title="Edit">
-                      <Edit className="size-4" />
-                    </Button>
-                    <Button
-                      variant="ghost"
-                      size="icon"
-                      onClick={() => handleDeactivate(route)}
-                      title="Deactivate"
-                      disabled={!route.isActive || deactivateMutation.isPending}
-                    >
-                      <Trash2 className="size-4" />
-                    </Button>
-                  </div>
-                </TableCell>
-              </TableRow>
-            ))}
-            {!routesQuery.isLoading && filteredRoutes.length === 0 ? (
-              <TableRow>
-                <TableCell colSpan={6} className="h-28 text-center text-muted-foreground">
-                  No routes found.
-                </TableCell>
-              </TableRow>
-            ) : null}
-            {routesQuery.isLoading ? (
-              <TableRow>
-                <TableCell colSpan={6} className="h-28 text-center text-muted-foreground">
-                  Loading...
-                </TableCell>
-              </TableRow>
-            ) : null}
-          </TableBody>
-        </Table>
-      </div>
-
-      <Dialog open={formOpen} onOpenChange={(open) => (!open ? resetForm() : setFormOpen(true))}>
-        <DialogContent className="max-h-[90vh] overflow-y-auto">
-          <DialogHeader>
-            <DialogTitle>{editing ? 'Edit Route' : 'Add Route'}</DialogTitle>
-          </DialogHeader>
-          <form className="space-y-4" onSubmit={handleSubmit}>
-            <div className="space-y-2">
-              <Label htmlFor="route-name">Name</Label>
-              <Input
-                id="route-name"
-                value={form.name}
-                onChange={(event) => setForm((current) => ({ ...current, name: event.target.value }))}
+          {viewMode === "table" ? (
+            <DataTable
+              columns={columns}
+              data={pagedRoutes}
+              status={tableStatus}
+              emptyMessage="No routes found"
+              pagination={{
+                pageIndex: pagination.pageIndex,
+                pageSize: pagination.pageSize,
+                pageCount,
+                totalCount: filteredRoutes.length,
+              }}
+              tableOptions={{
+                manualPagination: true,
+                pageCount,
+                state: { pagination },
+                onPaginationChange: setPagination,
+              }}
+              containerClassName="border-0 shadow-none bg-transparent"
+              footer={({ table, pagination: footerPagination }) => (
+                <DataTableFooter
+                  table={table}
+                  pagination={footerPagination}
+                  options={{ labels: { items: "routes" } }}
+                />
+              )}
+            />
+          ) : (
+            <Stack gap={0}>
+              {tableStatus === "loading" ? (
+                <Text py="xl" ta="center" c="dimmed" size="sm">
+                  Loading…
+                </Text>
+              ) : !pagedRoutes.length ? (
+                <Text py="xl" ta="center" c="dimmed" size="sm">
+                  No routes found
+                </Text>
+              ) : (
+                <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="md" p="md">
+                  {pagedRoutes.map((route) => (
+                    <Card key={route.id} radius="lg" padding="lg" withBorder>
+                      <Stack gap="sm">
+                        <Group justify="space-between">
+                          <Text fw={600}>{route.name}</Text>
+                          <Badge color={route.isActive ? "green" : "gray"} variant="light" size="sm">
+                            {route.isActive ? "Active" : "Inactive"}
+                          </Badge>
+                        </Group>
+                        <Text size="sm" c="dimmed">
+                          {yardLabel(route.originYard)} → {yardLabel(route.destinationYard)}
+                        </Text>
+                        <Text size="xs" c="dimmed">
+                          {Math.max((route.milestones?.length ?? 0) - 2, 0)} intermediate milestones
+                        </Text>
+                        <Group gap={6} justify="flex-end">
+                          <Button variant="light" size="compact-sm" onClick={() => setViewing(route)}>
+                            View
+                          </Button>
+                          <Button variant="light" size="compact-sm" onClick={() => openEdit(route)}>
+                            Edit
+                          </Button>
+                        </Group>
+                      </Stack>
+                    </Card>
+                  ))}
+                </SimpleGrid>
+              )}
+              <RuleEngineListFooter
+                pagination={pagination}
+                pageCount={pageCount}
+                totalCount={filteredRoutes.length}
+                itemLabel="routes"
+                onPaginationChange={setPagination}
               />
-            </div>
+            </Stack>
+          )}
+        </Stack>
+      </Card>
 
-            <div className="space-y-3">
-              <div className="flex items-center justify-between">
-                <Label>Stops</Label>
-                <Button type="button" variant="outline" size="sm" onClick={addMilestone}>
-                  <Plus className="size-4" />
-                  Add next milestone
-                </Button>
-              </div>
-              {form.milestones.map((yardId, index) => {
-                const role = index === 0 ? 'Origin' : index === form.milestones.length - 1 ? 'Destination' : 'Milestone';
-                const availableOptions = availableOptionsForIndex(index);
-                return (
-                  <div key={`${role}-${index}`} className="grid gap-2 rounded-lg border p-3 sm:grid-cols-[120px,1fr,auto] sm:items-center">
-                    <p className="text-sm font-medium">{role}</p>
-                    <Select value={yardId} onValueChange={(value) => setMilestone(index, value)}>
-                      <SelectTrigger>
-                        <SelectValue placeholder="Select yard" />
-                      </SelectTrigger>
-                      <SelectContent>
-                        {availableOptions.map((option) => (
-                          <SelectItem key={option.value} value={option.value}>
-                            {option.label}
-                          </SelectItem>
-                        ))}
-                      </SelectContent>
-                    </Select>
-                    <Button
-                      type="button"
-                      variant="ghost"
-                      size="icon"
-                      onClick={() => removeMilestone(index)}
-                      disabled={form.milestones.length <= 2}
-                      title="Remove stop"
-                    >
-                      <Trash2 className="size-4" />
-                    </Button>
-                  </div>
-                );
-              })}
-            </div>
-
-            <DialogFooter>
-              <Button type="button" variant="outline" onClick={resetForm}>
+      <Modal
+        opened={formOpen}
+        onClose={resetForm}
+        title={<Text fw={600}>{editing ? "Edit Route" : "Add Route"}</Text>}
+        size="lg"
+        radius="lg"
+        centered
+      >
+        <form onSubmit={handleSubmit}>
+          <Stack gap="md">
+            <TextInput
+              label="Name"
+              value={form.name}
+              onChange={(e) => setForm((current) => ({ ...current, name: e.currentTarget.value }))}
+            />
+            <Group justify="space-between">
+              <Text size="sm" fw={500}>
+                Stops
+              </Text>
+              <Button type="button" variant="light" size="compact-sm" onClick={addMilestone}>
+                Add milestone
+              </Button>
+            </Group>
+            {form.milestones.map((yardId, index) => {
+              const role =
+                index === 0
+                  ? "Origin"
+                  : index === form.milestones.length - 1
+                    ? "Destination"
+                    : "Milestone";
+              return (
+                <Group key={`${role}-${index}`} align="flex-end" wrap="nowrap">
+                  <Text w={100} size="sm" fw={500}>
+                    {role}
+                  </Text>
+                  <Select
+                    style={{ flex: 1 }}
+                    data={availableOptionsForIndex(index)}
+                    value={yardId || null}
+                    onChange={(value) => value && setMilestone(index, value)}
+                    placeholder="Select yard"
+                    searchable
+                  />
+                  <ActionIcon
+                    variant="subtle"
+                    color="red"
+                    disabled={form.milestones.length <= 2}
+                    onClick={() => removeMilestone(index)}
+                  >
+                    <Trash2 size={16} />
+                  </ActionIcon>
+                </Group>
+              );
+            })}
+            <Group justify="flex-end">
+              <Button variant="default" type="button" onClick={resetForm}>
                 Cancel
               </Button>
-              <Button type="submit" disabled={isSaving}>
+              <Button color="green" type="submit" loading={isSaving}>
                 Save
               </Button>
-            </DialogFooter>
-          </form>
-        </DialogContent>
-      </Dialog>
+            </Group>
+          </Stack>
+        </form>
+      </Modal>
 
-      <Dialog open={Boolean(viewing)} onOpenChange={(open) => (!open ? setViewing(null) : null)}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle>Route details</DialogTitle>
-          </DialogHeader>
-          {viewing ? (
-            <div className="space-y-3 text-sm">
-              <div>
-                <p className="font-medium">Name</p>
-                <p className="text-muted-foreground">{viewing.name}</p>
-              </div>
-              <div>
-                <p className="font-medium">Status</p>
-                <p className="text-muted-foreground">{viewing.isActive ? 'Active' : 'Inactive'}</p>
-              </div>
-              <div>
-                <p className="font-medium">Stops</p>
-                <div className="mt-2 space-y-2">
-                  {routeStops(viewing).map((stop, index, stops) => (
-                    <div key={`${stop}-${index}`} className="rounded-md border px-3 py-2 text-muted-foreground">
-                      {index === 0 ? 'Origin' : index === stops.length - 1 ? 'Destination' : `Milestone ${index}`}:
-                      {' '}
-                      {stop}
-                    </div>
-                  ))}
-                </div>
-              </div>
+      <Modal
+        opened={Boolean(viewing)}
+        onClose={() => setViewing(null)}
+        title={<Text fw={600}>Route details</Text>}
+        radius="lg"
+        centered
+      >
+        {viewing ? (
+          <Stack gap="sm">
+            <div>
+              <Text size="sm" fw={500}>
+                Name
+              </Text>
+              <Text size="sm" c="dimmed">
+                {viewing.name}
+              </Text>
             </div>
-          ) : null}
-        </DialogContent>
-      </Dialog>
-    </div>
+            <div>
+              <Text size="sm" fw={500}>
+                Status
+              </Text>
+              <Text size="sm" c="dimmed">
+                {viewing.isActive ? "Active" : "Inactive"}
+              </Text>
+            </div>
+            <div>
+              <Text size="sm" fw={500}>
+                Stops
+              </Text>
+              <Stack gap={6} mt={6}>
+                {routeStops(viewing).map((stop, index, stops) => (
+                  <Text key={`${stop}-${index}`} size="sm" c="dimmed">
+                    {index === 0
+                      ? "Origin"
+                      : index === stops.length - 1
+                        ? "Destination"
+                        : `Milestone ${index}`}
+                    : {stop}
+                  </Text>
+                ))}
+              </Stack>
+            </div>
+          </Stack>
+        ) : null}
+      </Modal>
+    </Stack>
   );
 }
diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/config/resources.ts b/apps/edr-freight-web/backoffice/src/pages/fleet/config/resources.ts
new file mode 100644
index 000000000..649b2bc8b
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/fleet/config/resources.ts
@@ -0,0 +1,359 @@
+import { Freight } from "@edr/types";
+import type { ColumnFormat, FormFieldDef } from "@/pages/ruleEngine/config/resources";
+
+export type FleetResourceSlug =
+  | "locomotives"
+  | "trains"
+  | "wagons"
+  | "containers"
+  | "cargoes";
+
+export const FLEET_SELECT_NONE = "__none__";
+
+import type { WagonListFilters } from "@/services/wagon.service";
+
+export type FleetListFilters = WagonListFilters;
+
+export type FleetDynamicOptions =
+  | "wagonTypes"
+  | "containerTypes"
+  | "cargoTypes"
+  | "wagons"
+  | "containers"
+  | "yards";
+
+export interface FleetResourceColumn {
+  id: string;
+  header: string;
+  accessorKey: string;
+  format?: ColumnFormat | "statusBadge";
+}
+
+export interface FleetFormFieldDef extends FormFieldDef {
+  dynamicOptions?: FleetDynamicOptions;
+  noneOption?: boolean;
+}
+
+export interface FleetListFilterDef {
+  key: "status" | "currentYardId" | "wagonTypeId" | "trainId";
+  label: string;
+  options?: Array<{ value: string; label: string }>;
+  allLabel?: string;
+  dynamicOptions?: FleetDynamicOptions;
+}
+
+export interface FleetResourceConfig {
+  slug: FleetResourceSlug;
+  label: string;
+  subtitle: string;
+  basePath: string;
+  addLabel: string;
+  entityLabel: string;
+  searchPlaceholder: string;
+  supportsSearch: boolean;
+  /** Server-side list filters (e.g. wagon status / readiness). */
+  listFilters?: FleetListFilterDef[];
+  columns: FleetResourceColumn[];
+  formFields: FleetFormFieldDef[];
+  emptyValues: Record<string, unknown>;
+  removeAction: "delete" | "decommission";
+  removeActionLabel?: string;
+  removeConfirmMessage?: string;
+  removeSuccessMessage?: string;
+  detailPath?: string;
+  cardTitleKey?: string;
+  cardCodeKey?: string;
+  cardSubtitleKey?: string;
+  searchKeys: string[];
+}
+
+export const FLEET_BASE_PATH_BY_SLUG: Record<FleetResourceSlug, string> = {
+  locomotives: "/dashboard/locomotives",
+  trains: "/dashboard/trains",
+  wagons: "/dashboard/wagons",
+  containers: "/dashboard/containers",
+  cargoes: "/dashboard/cargoes",
+};
+
+const LOCOMOTIVE_TYPE_OPTIONS = [
+  { label: "Diesel", value: "DIESEL" },
+  { label: "Electric", value: "ELECTRIC" },
+];
+
+const LOCOMOTIVE_STATUS_OPTIONS = [
+  { label: "Available", value: "AVAILABLE" },
+  { label: "Maintenance", value: "MAINTENANCE" },
+  { label: "Assigned", value: "ASSIGNED" },
+  { label: "Out of service", value: "OUT_OF_SERVICE" },
+];
+
+const WAGON_STATUS_OPTIONS = [
+  { label: "Available", value: Freight.WagonStatus.Available },
+  { label: "Assigned", value: Freight.WagonStatus.Assigned },
+  { label: "Maintenance", value: Freight.WagonStatus.Maintenance },
+  { label: "Retired", value: Freight.WagonStatus.Retired },
+];
+
+
+export const FLEET_RESOURCES: FleetResourceConfig[] = [
+  {
+    slug: "locomotives",
+    label: "Locomotives",
+    subtitle: "Manage locomotive master data used by train scheduling and fleet operations",
+    basePath: "/dashboard/locomotives",
+    addLabel: "Add Locomotive",
+    entityLabel: "Locomotive",
+    searchPlaceholder: "Search locomotives…",
+    supportsSearch: true,
+    removeAction: "decommission",
+    removeActionLabel: "Decommission",
+    removeConfirmMessage: "Decommission this locomotive?",
+    removeSuccessMessage: "Locomotive decommissioned",
+    cardTitleKey: "name",
+    cardCodeKey: "code",
+    listFilters: [
+      {
+        key: "status",
+        label: "Status",
+        allLabel: "All statuses",
+        options: LOCOMOTIVE_STATUS_OPTIONS,
+      },
+      {
+        key: "currentYardId",
+        label: "Current Yard",
+        allLabel: "All yards",
+        dynamicOptions: "yards",
+      },
+    ],
+    cardSubtitleKey: "currentYard",
+    searchKeys: ["code", "name", "locomotiveType", "status", "currentYardId"],
+    columns: [
+      { id: "code", header: "Code", accessorKey: "code", format: "code" },
+      { id: "name", header: "Name", accessorKey: "name" },
+      { id: "locomotiveType", header: "Type", accessorKey: "locomotiveType" },
+      { id: "currentYard", header: "Current Yard", accessorKey: "currentYard", format: "entityLabel" },
+      { id: "status", header: "Status", accessorKey: "status", format: "statusBadge" },
+      { id: "maxPullWeightTons", header: "Max pull (tons)", accessorKey: "maxPullWeightTons", format: "number" },
+      { id: "maxTrainLengthMeters", header: "Max length (m)", accessorKey: "maxTrainLengthMeters", format: "number" },
+    ],
+    formFields: [
+      { name: "code", label: "Code", type: "text", required: true },
+      { name: "name", label: "Name", type: "text" },
+      { name: "locomotiveType", label: "Locomotive type", type: "select", required: true, options: LOCOMOTIVE_TYPE_OPTIONS },
+      { name: "status", label: "Status", type: "select", required: true, options: LOCOMOTIVE_STATUS_OPTIONS },
+      { name: "currentYardId", label: "Current Yard", type: "select", dynamicOptions: "yards" },
+      { name: "maxPullWeightTons", label: "Max pulling weight (tons)", type: "number", required: true },
+      { name: "maxTrainLengthMeters", label: "Max train length (meters)", type: "number", required: true },
+      { name: "powerKw", label: "Power (kW)", type: "number" },
+      { name: "tractionForceKn", label: "Traction force (kN)", type: "number" },
+      { name: "maxSpeedKmh", label: "Max speed (km/h)", type: "number" },
+    ],
+    emptyValues: {
+      code: "",
+      name: "",
+      locomotiveType: "DIESEL",
+      status: "AVAILABLE",
+      currentYardId: "",
+      maxPullWeightTons: 0,
+      maxTrainLengthMeters: 760,
+      powerKw: "",
+      tractionForceKn: "",
+      maxSpeedKmh: "",
+    },
+  },
+  {
+    slug: "trains",
+    label: "Trains",
+    subtitle: "Manage train master data independently from train scheduling",
+    basePath: "/dashboard/trains",
+    addLabel: "Add Train",
+    entityLabel: "Train",
+    searchPlaceholder: "Search trains…",
+    supportsSearch: true,
+    removeAction: "delete",
+    detailPath: "/dashboard/trains/:id",
+    cardTitleKey: "trainName",
+    cardCodeKey: "code",
+    cardSubtitleKey: "trainNumber",
+    searchKeys: ["code", "trainNumber", "trainName", "status"],
+    columns: [
+      { id: "code", header: "Code", accessorKey: "code", format: "code" },
+      { id: "trainNumber", header: "Number", accessorKey: "trainNumber" },
+      { id: "trainName", header: "Name", accessorKey: "trainName" },
+      { id: "capacityTons", header: "Capacity (tons)", accessorKey: "capacityTons", format: "number" },
+      { id: "status", header: "Status", accessorKey: "status", format: "statusBadge" },
+    ],
+    formFields: [
+      { name: "code", label: "Code", type: "text", required: true },
+      { name: "capacityTons", label: "Capacity (tons)", type: "number", required: true },
+      { name: "trainNumber", label: "Train number", type: "text" },
+      { name: "trainName", label: "Train name", type: "text" },
+      { name: "locomotiveNumber", label: "Locomotive number", type: "text" },
+      { name: "status", label: "Status", type: "text" },
+      { name: "notes", label: "Notes", type: "textarea" },
+      { name: "remarks", label: "Remarks", type: "textarea" },
+    ],
+    emptyValues: {
+      code: "",
+      capacityTons: 0,
+      trainNumber: "",
+      trainName: "",
+      locomotiveNumber: "",
+      status: "AVAILABLE",
+      notes: "",
+      remarks: "",
+    },
+  },
+  {
+    slug: "wagons",
+    label: "Wagons",
+    subtitle: "Manage wagon master data. Operational scheduling uses train schedules separately",
+    basePath: "/dashboard/wagons",
+    addLabel: "Add Wagon",
+    entityLabel: "Wagon",
+    searchPlaceholder: "Search wagons…",
+    supportsSearch: true,
+    removeAction: "delete",
+    listFilters: [
+      {
+        key: "status",
+        label: "Status",
+        allLabel: "All statuses",
+        options: WAGON_STATUS_OPTIONS,
+      },
+      {
+        key: "currentYardId",
+        label: "Current Yard",
+        allLabel: "All yards",
+        dynamicOptions: "yards",
+      },
+    ],
+    cardTitleKey: "wagonNumber",
+    cardSubtitleKey: "currentYard",
+    searchKeys: ["wagonNumber", "wagonTypeId", "trainId", "status", "currentYardId"],
+    columns: [
+      { id: "wagonNumber", header: "Number", accessorKey: "wagonNumber", format: "code" },
+      { id: "wagonTypeId", header: "Type", accessorKey: "wagonTypeId", format: "entityLabel" },
+      { id: "maxPayloadWeight", header: "Max payload", accessorKey: "maxPayloadWeight", format: "number" },
+      { id: "currentYard", header: "Current Yard", accessorKey: "currentYard", format: "entityLabel" },
+      { id: "status", header: "Status", accessorKey: "status", format: "statusBadge" },
+    ],
+    formFields: [
+      { name: "wagonNumber", label: "Wagon number", type: "text", required: true },
+      { name: "wagonTypeId", label: "Wagon type", type: "select", required: true, dynamicOptions: "wagonTypes" },
+      { name: "tareWeight", label: "Tare weight", type: "number", required: true },
+      { name: "maxPayloadWeight", label: "Max payload weight", type: "number", required: true },
+      { name: "currentYardId", label: "Current Yard", type: "select", dynamicOptions: "yards" },
+      { name: "status", label: "Status", type: "select", required: true, options: WAGON_STATUS_OPTIONS },
+      { name: "notes", label: "Notes", type: "textarea" },
+    ],
+    emptyValues: {
+      wagonNumber: "",
+      wagonTypeId: "",
+      tareWeight: 0,
+      maxPayloadWeight: 0,
+      currentYardId: "",
+      status: Freight.WagonStatus.Available,
+      notes: "",
+    },
+  },
+  {
+    slug: "containers",
+    label: "Containers",
+    subtitle: "Manage container master data and wagon assignments",
+    basePath: "/dashboard/containers",
+    addLabel: "Add Container",
+    entityLabel: "Container",
+    searchPlaceholder: "Search containers…",
+    supportsSearch: true,
+    removeAction: "delete",
+    cardTitleKey: "containerNumber",
+    cardSubtitleKey: "status",
+    searchKeys: ["containerNumber", "containerTypeId", "wagonId", "status"],
+    columns: [
+      { id: "containerNumber", header: "Number", accessorKey: "containerNumber", format: "code" },
+      { id: "containerTypeId", header: "Type", accessorKey: "containerTypeId", format: "entityLabel" },
+      { id: "wagonId", header: "Wagon", accessorKey: "wagonId", format: "entityLabel" },
+      { id: "maxGrossWeight", header: "Max gross", accessorKey: "maxGrossWeight", format: "number" },
+      { id: "status", header: "Status", accessorKey: "status", format: "statusBadge" },
+    ],
+    formFields: [
+      { name: "containerNumber", label: "Container number", type: "text", required: true },
+      { name: "containerTypeId", label: "Container type", type: "select", required: true, dynamicOptions: "containerTypes" },
+      { name: "wagonId", label: "Wagon", type: "select", dynamicOptions: "wagons", noneOption: true },
+      { name: "position", label: "Position", type: "number" },
+      { name: "tareWeight", label: "Tare weight", type: "number", required: true },
+      { name: "maxGrossWeight", label: "Max gross weight", type: "number", required: true },
+      { name: "sealNumber", label: "Seal number", type: "text" },
+      { name: "status", label: "Status", type: "text" },
+    ],
+    emptyValues: {
+      containerNumber: "",
+      containerTypeId: "",
+      wagonId: "",
+      position: "",
+      tareWeight: 0,
+      maxGrossWeight: 0,
+      sealNumber: "",
+      status: "AVAILABLE",
+    },
+  },
+  {
+    slug: "cargoes",
+    label: "Cargoes",
+    subtitle: "Manage cargo records linked to containers",
+    basePath: "/dashboard/cargoes",
+    addLabel: "Add Cargo",
+    entityLabel: "Cargo",
+    searchPlaceholder: "Search cargoes…",
+    supportsSearch: true,
+    removeAction: "delete",
+    cardTitleKey: "cargoReference",
+    cardSubtitleKey: "status",
+    searchKeys: ["cargoReference", "description", "containerId", "status"],
+    columns: [
+      { id: "cargoReference", header: "Reference", accessorKey: "cargoReference", format: "code" },
+      { id: "cargoTypeId", header: "Cargo type", accessorKey: "cargoTypeId", format: "entityLabel" },
+      { id: "containerId", header: "Container", accessorKey: "containerId", format: "entityLabel" },
+      { id: "quantity", header: "Quantity", accessorKey: "quantity", format: "number" },
+      { id: "weight", header: "Weight", accessorKey: "weight", format: "number" },
+      { id: "status", header: "Status", accessorKey: "status", format: "statusBadge" },
+    ],
+    formFields: [
+      { name: "cargoReference", label: "Cargo reference", type: "text", required: true },
+      { name: "shipmentId", label: "Shipment ID", type: "text", required: true },
+      { name: "containerId", label: "Container", type: "select", required: true, dynamicOptions: "containers" },
+      { name: "cargoTypeId", label: "Cargo type", type: "select", dynamicOptions: "cargoTypes", noneOption: true },
+      { name: "description", label: "Description", type: "textarea" },
+      { name: "quantity", label: "Quantity", type: "number", required: true },
+      { name: "weight", label: "Weight", type: "number", required: true },
+      { name: "volume", label: "Volume", type: "number" },
+      { name: "status", label: "Status", type: "text" },
+    ],
+    emptyValues: {
+      cargoReference: "",
+      shipmentId: "",
+      containerId: "",
+      cargoTypeId: "",
+      description: "",
+      quantity: 0,
+      weight: 0,
+      volume: "",
+      status: "PENDING",
+    },
+  },
+];
+
+export const getFleetResource = (slug: string): FleetResourceConfig | undefined =>
+  FLEET_RESOURCES.find((resource) => resource.slug === slug);
+
+export const getFleetSlugFromPath = (pathname: string): FleetResourceSlug | undefined => {
+  const normalized = pathname.toLowerCase();
+  return FLEET_RESOURCES.find((resource) => normalized === resource.basePath.toLowerCase())?.slug;
+};
+
+export const getFleetRouteMeta = () =>
+  FLEET_RESOURCES.map((resource) => ({
+    prefix: resource.basePath,
+    meta: { title: resource.label, subtitle: resource.subtitle },
+  }));
diff --git a/apps/edr-freight-web/backoffice/src/pages/payments/PaymentsPage.tsx b/apps/edr-freight-web/backoffice/src/pages/payments/PaymentsPage.tsx
new file mode 100644
index 000000000..07e212b76
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/payments/PaymentsPage.tsx
@@ -0,0 +1,367 @@
+import { useMemo, useState } from "react";
+import {
+  ActionIcon,
+  Box,
+  Card,
+  Container,
+  Group,
+  Paper,
+  Select,
+  Stack,
+  Tabs,
+  Text,
+  TextInput,
+} from "@mantine/core";
+import {
+  CheckCircle2,
+  CircleDollarSign,
+  Loader2,
+  RotateCcw,
+  Search,
+  X,
+  XCircle,
+  type LucideIcon,
+} from "lucide-react";
+
+import Breadcrumbs from "@/components/ui/Breadcrumbs";
+import { usePaymentList, usePaymentSummary } from "@/hooks/usePayments";
+import type {
+  PaymentMethod,
+  PaymentRow,
+} from "@/services/payments.service";
+import { cn } from "@/lib/utils";
+import {
+  Badge,
+  DataTable,
+  DataTableFooter,
+  type ColumnDef,
+  usePagination,
+} from "@edr/ui-common";
+
+const STATUS_TABS = [
+  { key: "all", label: "All", statuses: undefined as string | undefined },
+  { key: "success", label: "Success", statuses: "success" },
+  { key: "processing", label: "Processing", statuses: "processing,action-required" },
+  { key: "failed", label: "Failed", statuses: "failed,canceled" },
+  { key: "refunded", label: "Refunded", statuses: "refunded" },
+] as const;
+
+type StatusTabKey = (typeof STATUS_TABS)[number]["key"];
+
+const METHOD_OPTIONS: { value: PaymentMethod; label: string }[] = [
+  { value: "telebirr", label: "Telebirr" },
+  { value: "waafi", label: "Waafi" },
+  { value: "cbe-birr", label: "CBE Birr" },
+  { value: "ebirr", label: "E-Birr" },
+  { value: "card", label: "Card" },
+  { value: "dmoney", label: "D-Money" },
+  { value: "cac-bank", label: "CAC Bank" },
+];
+
+const STATUS_COLORS: Record<string, string> = {
+  success: "green",
+  processing: "yellow",
+  "action-required": "yellow",
+  failed: "red",
+  canceled: "gray",
+  refunded: "indigo",
+};
+
+function StatCard({
+  icon: Icon,
+  label,
+  value,
+  accent,
+}: {
+  icon: LucideIcon;
+  label: string;
+  value: string | number;
+  accent: string;
+}) {
+  return (
+    <Paper
+      p="md"
+      radius="lg"
+      style={{
+        flex: "1 1 180px",
+        minWidth: 160,
+        background: "var(--mantine-color-gray-0)",
+        border: "1px solid var(--mantine-color-gray-2)",
+      }}
+    >
+      <Group gap="sm" wrap="nowrap" align="center">
+        <Box
+          style={{
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: 40,
+            height: 40,
+            borderRadius: 11,
+            background: `var(--mantine-color-${accent}-1)`,
+            color: `var(--mantine-color-${accent}-7)`,
+            flexShrink: 0,
+          }}
+        >
+          <Icon size={20} strokeWidth={2} />
+        </Box>
+        <Stack gap={1} style={{ minWidth: 0, flex: 1 }}>
+          <Text fw={800} size="24px" lh={1.05} style={{ color: "#0f172a" }} truncate>
+            {value}
+          </Text>
+          <Text size="xs" fw={600} c="dimmed" truncate>
+            {label}
+          </Text>
+        </Stack>
+      </Group>
+    </Paper>
+  );
+}
+
+function formatAmount(amount: number, currency: string): string {
+  return `${currency} ${Number(amount).toLocaleString(undefined, {
+    minimumFractionDigits: 2,
+  })}`;
+}
+
+function formatDate(iso: string | null): string {
+  if (!iso) return "—";
+  const d = new Date(iso);
+  return Number.isNaN(d.getTime())
+    ? "—"
+    : d.toLocaleDateString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+      });
+}
+
+const tableHeader = "text-xs font-semibold uppercase tracking-wide text-muted-foreground";
+
+export default function PaymentsPage() {
+  const { pagination, setPagination } = usePagination({ pageSize: 10 });
+  const [query, setQuery] = useState("");
+  const [statusTab, setStatusTab] = useState<StatusTabKey>("all");
+  const [method, setMethod] = useState<string | null>(null);
+
+  const statuses = STATUS_TABS.find((t) => t.key === statusTab)?.statuses;
+
+  const filter = useMemo(
+    () => ({
+      search: query.trim() || undefined,
+      status: statuses,
+      method: method ?? undefined,
+      page: pagination.pageIndex + 1,
+      pageSize: pagination.pageSize,
+    }),
+    [query, statuses, method, pagination.pageIndex, pagination.pageSize],
+  );
+
+  const { data, isLoading, isError } = usePaymentList(filter);
+  const { data: summary, isLoading: summaryLoading } = usePaymentSummary();
+
+  const rows = data?.items ?? [];
+  const total = data?.total ?? 0;
+  const pageCount = Math.max(1, Math.ceil(total / pagination.pageSize));
+
+  const val = (n?: number) => (summaryLoading ? "—" : (n ?? 0));
+
+  const columns: ColumnDef<PaymentRow>[] = [
+    {
+      id: "order",
+      header: () => <span className={tableHeader}>Order</span>,
+      cell: ({ row }) => (
+        <div className="min-w-0 py-1">
+          <p className="truncate font-medium text-foreground">
+            {row.original.merchantOrderId ?? row.original.id.slice(0, 8)}
+          </p>
+          <p className="mt-0.5 truncate text-xs text-muted-foreground">
+            Booking {row.original.bookingId?.slice(0, 8) ?? "—"}
+          </p>
+        </div>
+      ),
+    },
+    {
+      id: "amount",
+      header: () => <span className={tableHeader}>Amount</span>,
+      cell: ({ row }) => (
+        <span className="font-mono text-sm font-semibold tabular-nums text-foreground">
+          {formatAmount(row.original.amount, row.original.currency)}
+        </span>
+      ),
+    },
+    {
+      id: "method",
+      header: () => <span className={tableHeader}>Method</span>,
+      cell: ({ row }) => (
+        <Badge variant="light" radius="sm">
+          {METHOD_OPTIONS.find((m) => m.value === row.original.method)?.label ??
+            row.original.method}
+        </Badge>
+      ),
+    },
+    {
+      id: "status",
+      header: () => <span className={tableHeader}>Status</span>,
+      cell: ({ row }) => (
+        <Badge
+          color={STATUS_COLORS[row.original.status] ?? "gray"}
+          variant="light"
+          radius="sm"
+          tt="capitalize"
+        >
+          {row.original.status.replace(/-/g, " ")}
+        </Badge>
+      ),
+    },
+    {
+      id: "date",
+      header: () => <span className={tableHeader}>Date</span>,
+      cell: ({ row }) => (
+        <span className="text-sm text-muted-foreground">
+          {formatDate(row.original.paidAt ?? row.original.createdAt)}
+        </span>
+      ),
+    },
+  ];
+
+  return (
+    <div style={{ background: "var(--mantine-color-gray-0)", minHeight: "100vh" }}>
+      <Container size="xxl" py="xl">
+        <Breadcrumbs items={[{ label: "Operations" }, { label: "Payments" }]} />
+
+        <Stack gap="lg" mt="md">
+          <Group grow gap="md" align="stretch" wrap="wrap">
+            <StatCard
+              icon={CircleDollarSign}
+              label="Total collected"
+              value={
+                summaryLoading
+                  ? "—"
+                  : `ETB ${Number(summary?.paidAmount ?? 0).toLocaleString()}`
+              }
+              accent="teal"
+            />
+            <StatCard
+              icon={CheckCircle2}
+              label="Successful"
+              value={val(summary?.success)}
+              accent="green"
+            />
+            <StatCard
+              icon={Loader2}
+              label="Processing"
+              value={val(summary?.processing)}
+              accent="yellow"
+            />
+            <StatCard
+              icon={XCircle}
+              label="Failed"
+              value={val(summary?.failed)}
+              accent="red"
+            />
+            <StatCard
+              icon={RotateCcw}
+              label="Refunded"
+              value={val(summary?.refunded)}
+              accent="indigo"
+            />
+          </Group>
+
+          <Tabs
+            value={statusTab}
+            onChange={(value) => {
+              setStatusTab((value as StatusTabKey) ?? "all");
+              setPagination({ pageIndex: 0, pageSize: pagination.pageSize });
+            }}
+          >
+            <Tabs.List>
+              {STATUS_TABS.map((t) => (
+                <Tabs.Tab key={t.key} value={t.key}>
+                  {t.label}
+                </Tabs.Tab>
+              ))}
+            </Tabs.List>
+          </Tabs>
+
+          <Card
+            p="md"
+            radius="lg"
+            withBorder
+            style={{ background: "white", border: "1px solid var(--mantine-color-gray-2)" }}
+          >
+            <Stack gap="md">
+              <Group justify="space-between" gap="md" wrap="wrap">
+                <TextInput
+                  placeholder="Search order, booking, or transaction…"
+                  leftSection={<Search size={18} />}
+                  value={query}
+                  onChange={(e) => {
+                    setQuery(e.target.value);
+                    setPagination({ pageIndex: 0, pageSize: pagination.pageSize });
+                  }}
+                  rightSection={
+                    query && (
+                      <ActionIcon
+                        size="sm"
+                        color="gray"
+                        radius="md"
+                        variant="transparent"
+                        onClick={() => setQuery("")}
+                      >
+                        <X size={16} />
+                      </ActionIcon>
+                    )
+                  }
+                  style={{ flex: 1, minWidth: "200px" }}
+                  radius="lg"
+                />
+                <Select
+                  placeholder="All methods"
+                  clearable
+                  data={METHOD_OPTIONS}
+                  value={method}
+                  onChange={(value) => {
+                    setMethod(value);
+                    setPagination({ pageIndex: 0, pageSize: pagination.pageSize });
+                  }}
+                  radius="lg"
+                  style={{ minWidth: 180 }}
+                />
+                <Text size="sm" c="dimmed">
+                  {total} record{total !== 1 ? "s" : ""}
+                </Text>
+              </Group>
+
+              <div style={{ overflowX: "auto" }}>
+                <DataTable
+                  columns={columns}
+                  data={rows}
+                  status={isLoading ? "loading" : isError ? "error" : "success"}
+                  pagination={{
+                    pageIndex: pagination.pageIndex,
+                    pageSize: pagination.pageSize,
+                    pageCount,
+                    totalCount: total,
+                  }}
+                  tableOptions={{
+                    state: { pagination },
+                    onPaginationChange: setPagination,
+                    manualPagination: true,
+                    pageCount,
+                  }}
+                  containerClassName={cn(
+                    "border-0 shadow-none",
+                    "[&_thead_tr]:border-b [&_thead_tr]:border-border/50",
+                    "[&_tbody_tr]:border-b [&_tbody_tr]:border-border/30",
+                  )}
+                  footer={DataTableFooter}
+                />
+              </div>
+            </Stack>
+          </Card>
+        </Stack>
+      </Container>
+    </div>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/ruleEngine/RuleEngineResourcePage.tsx b/apps/edr-freight-web/backoffice/src/pages/ruleEngine/RuleEngineResourcePage.tsx
index 5900ba5c6..f03fb199e 100644
--- a/apps/edr-freight-web/backoffice/src/pages/ruleEngine/RuleEngineResourcePage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/ruleEngine/RuleEngineResourcePage.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Navigate, useLocation, useParams } from "react-router-dom";
 import { useAuth } from "@/auth/useAuth";
 import { canAccessRuleEngineResource } from "@/lib/permissions";
@@ -8,7 +8,10 @@ import { Card, Button, Modal, Stack, Group, Text, List } from "@mantine/core";
 
 import RuleEngineCardGrid from "@/components/ruleEngine/RuleEngineCardGrid";
 import RuleEngineFormDialog from "@/components/ruleEngine/RuleEngineFormDialog";
+import ManageRuleEngineOrderDialog from "@/components/ruleEngine/ManageRuleEngineOrderDialog";
+import RuleEngineOrderControls from "@/components/ruleEngine/RuleEngineOrderControls";
 import RuleEngineRecordActions from "@/components/ruleEngine/RuleEngineRecordActions";
+import { getOrderItemLabel } from "@/components/ruleEngine/ruleEngineOrder.utils";
 import RuleEngineToolbar from "@/components/ruleEngine/RuleEngineToolbar";
 import { formatCell } from "@/components/ruleEngine/ruleEngineFormat";
 import { ruleEngineTable } from "@/components/ruleEngine/ruleEngineStyles";
@@ -29,6 +32,8 @@ import {
   useRateWorkflow,
   useRuleEngineList,
   useRuleEngineMutations,
+  useRuleEngineOrderList,
+  useRuleEngineOrderMutations,
 } from "@/hooks/rule-engine/useRuleEngine";
 import type { RuleEngineRecord } from "@/types/rule-engine";
 import {
@@ -65,6 +70,7 @@ const RuleEngineResourcePage = () => {
   const [editing, setEditing] = useState<RuleEngineRecord | null>(null);
   const [deleteTarget, setDeleteTarget] = useState<RuleEngineRecord | null>(null);
   const [chainOpen, setChainOpen] = useState(false);
+  const [orderDialogOpen, setOrderDialogOpen] = useState(false);
   const { viewMode, setViewMode } = useRuleEngineViewMode(
     config?.slug ?? DEFAULT_CONFIGURATION_SLUG,
   );
@@ -81,10 +87,27 @@ const RuleEngineResourcePage = () => {
       search: config?.supportsSearch ? search.trim() || undefined : undefined,
       page: pagination.pageIndex + 1,
       pageSize: pagination.pageSize,
+      ...(config?.orderConfig
+        ? {
+            sortBy: config.orderConfig.field,
+            sortOrder: "ASC" as const,
+          }
+        : {}),
     }),
-    [config?.supportsSearch, search, pagination.pageIndex, pagination.pageSize],
+    [
+      config?.orderConfig,
+      config?.supportsSearch,
+      search,
+      pagination.pageIndex,
+      pagination.pageSize,
+    ],
   );
 
+  useEffect(() => {
+    setPagination((prev) => ({ pageIndex: 0, pageSize: prev.pageSize }));
+    setSearch("");
+  }, [config?.slug, setPagination]);
+
   const { data, isLoading, isError, error } = useRuleEngineList(
     config?.slug ?? DEFAULT_CONFIGURATION_SLUG,
     listParams,
@@ -93,6 +116,14 @@ const RuleEngineResourcePage = () => {
   const { create, update, remove } = useRuleEngineMutations(
     config?.slug ?? DEFAULT_CONFIGURATION_SLUG,
   );
+  const { reorder, moveOrder } = useRuleEngineOrderMutations(
+    config?.slug ?? DEFAULT_CONFIGURATION_SLUG,
+  );
+  const { data: orderListData, isLoading: orderListLoading } = useRuleEngineOrderList(
+    config?.slug ?? DEFAULT_CONFIGURATION_SLUG,
+    Boolean(orderDialogOpen && config?.orderConfig),
+    config?.orderConfig?.field,
+  );
   const { submit, approve } = useRateWorkflow();
   const { data: chainData, isLoading: chainLoading } = useApprovalChain(
     chainOpen && config?.slug === "approval-rules",
@@ -149,25 +180,24 @@ const RuleEngineResourcePage = () => {
   const rows = data?.data ?? [];
   const meta = data?.meta;
   const pageCount = meta?.totalPages ?? 1;
+  const totalCount = meta?.total ?? rows.length;
 
-  const filteredRows = useMemo(() => {
-    if (config?.supportsSearch || !search.trim()) return rows;
-    const q = search.trim().toLowerCase();
-    return rows.filter((row) =>
-      JSON.stringify(row).toLowerCase().includes(q),
-    );
-  }, [rows, search, config?.supportsSearch]);
-
-  const paginationState = useMemo(
-    () => ({
-      pageIndex: pagination.pageIndex,
-      pageSize: pagination.pageSize,
-      pageCount,
-      totalCount: meta?.total ?? filteredRows.length,
-    }),
-    [filteredRows.length, meta?.total, pageCount, pagination.pageIndex, pagination.pageSize],
+  const { data: createPositionList, isLoading: createPositionLoading } = useRuleEngineOrderList(
+    config?.slug ?? DEFAULT_CONFIGURATION_SLUG,
+    Boolean(formOpen && !editing && config?.orderConfig),
+    config?.orderConfig?.field,
   );
 
+  const createPositionOptions = useMemo(() => {
+    if (!config?.orderConfig || !createPositionList?.data?.length) return undefined;
+    return createPositionList.data
+      .filter((row) => row.id)
+      .map((row) => ({
+        label: getOrderItemLabel(row, config.slug),
+        value: String(row.id),
+      }));
+  }, [config?.orderConfig, config?.slug, createPositionList?.data]);
+
 
   const handleApproveRate = useCallback(
     (record: RuleEngineRecord) => {
@@ -176,6 +206,13 @@ const RuleEngineResourcePage = () => {
     [approve],
   );
 
+  const handleMoveOrder = useCallback(
+    (id: string, direction: "up" | "down") => {
+      moveOrder.mutate({ id, direction });
+    },
+    [moveOrder],
+  );
+
   const columns = useMemo((): ColumnDef<RuleEngineRecord>[] => {
     if (!config) return [];
 
@@ -192,36 +229,47 @@ const RuleEngineResourcePage = () => {
     base.push({
       id: "actions",
       header: "Actions",
-      size: 140,
-      minSize: 120,
+      size: config.orderConfig ? 200 : 140,
+      minSize: config.orderConfig ? 180 : 120,
       meta: {
         headerClassName,
         cellClassName: `${cellClassName} whitespace-nowrap`,
       },
       cell: ({ row }) => (
         <div onClick={(e) => e.stopPropagation()} data-stop-row-click>
-          <RuleEngineRecordActions
-            record={row.original}
-            config={config}
-            layout="row"
-            readOnly={!canManage}
-            onEdit={(record) => {
-              setEditing(record);
-              setFormOpen(true);
-            }}
-            onDelete={setDeleteTarget}
-            onViewChain={
-              config.slug === "approval-rules" ? () => setChainOpen(true) : undefined
-            }
-            onSubmitRate={canManage ? (id) => submit.mutate(id) : undefined}
-            onApproveRate={canManage ? handleApproveRate : undefined}
-          />
+          <Group gap="xs" wrap="nowrap" justify="flex-end">
+            {config.orderConfig && canManage ? (
+              <RuleEngineOrderControls
+                record={row.original}
+                orderConfig={config.orderConfig}
+                totalCount={totalCount}
+                disabled={moveOrder.isPending}
+                onMove={handleMoveOrder}
+              />
+            ) : null}
+            <RuleEngineRecordActions
+              record={row.original}
+              config={config}
+              layout="row"
+              readOnly={!canManage}
+              onEdit={(record) => {
+                setEditing(record);
+                setFormOpen(true);
+              }}
+              onDelete={setDeleteTarget}
+              onViewChain={
+                config.slug === "approval-rules" ? () => setChainOpen(true) : undefined
+              }
+              onSubmitRate={canManage ? (id) => submit.mutate(id) : undefined}
+              onApproveRate={canManage ? handleApproveRate : undefined}
+            />
+          </Group>
         </div>
       ),
     });
 
     return base;
-  }, [canManage, config, submit, handleApproveRate]);
+  }, [canManage, config, submit, handleApproveRate, handleMoveOrder, moveOrder.isPending, totalCount]);
 
   const tableStatus = isLoading ? "loading" : isError ? "error" : "success";
 
@@ -248,9 +296,17 @@ const RuleEngineResourcePage = () => {
   };
 
   const handleFormSubmit = (values: Record<string, unknown>) => {
+    let payload = values;
+    if (config.slug === "rates") {
+      payload = { ...values, currency: "USD" };
+    } else if (config.slug === "priority-configs") {
+      // Label is required by the backend but hidden in the UI for now.
+      payload = { ...values, label: String(Date.now()) };
+    }
+
     if (editing?.id) {
       update.mutate(
-        { id: editing.id, payload: values },
+        { id: editing.id, payload },
         {
           onSuccess: () => {
             setFormOpen(false);
@@ -259,7 +315,7 @@ const RuleEngineResourcePage = () => {
         },
       );
     } else {
-      create.mutate(values, {
+      create.mutate(payload, {
         onSuccess: () => {
           setFormOpen(false);
           setEditing(null);
@@ -276,13 +332,21 @@ const RuleEngineResourcePage = () => {
         <Stack gap="md">
           <RuleEngineToolbar
             search={search}
-            onSearchChange={(v) => {
-              setSearch(v);
-              setPagination({ pageIndex: 0, pageSize: pagination.pageSize });
-            }}
+            onSearchChange={
+              config.supportsSearch
+                ? (v) => {
+                    setSearch(v);
+                    setPagination({ pageIndex: 0, pageSize: pagination.pageSize });
+                  }
+                : undefined
+            }
+            showSearch={Boolean(config.supportsSearch)}
             searchPlaceholder={config.searchPlaceholder}
             onAdd={canManage ? openCreate : undefined}
             addLabel={`Add ${config.label.replace(/s$/, "")}`}
+            onManageOrder={
+              canManage && config.orderConfig ? () => setOrderDialogOpen(true) : undefined
+            }
             viewMode={viewMode}
             onViewModeChange={setViewMode}
           />
@@ -290,7 +354,7 @@ const RuleEngineResourcePage = () => {
           {viewMode === "table" ? (
             <DataTable
               columns={columns}
-              data={filteredRows}
+              data={rows}
               status={tableStatus}
               error={
                 isError
@@ -302,7 +366,12 @@ const RuleEngineResourcePage = () => {
                   : undefined
               }
               emptyMessage={`No ${itemLabel} found.`}
-              pagination={paginationState}
+              pagination={{
+                pageIndex: pagination.pageIndex,
+                pageSize: pagination.pageSize,
+                pageCount,
+                totalCount,
+              }}
               tableOptions={{
                 manualPagination: true,
                 pageCount,
@@ -328,11 +397,14 @@ const RuleEngineResourcePage = () => {
           ) : (
             <RuleEngineCardGrid
               config={config}
-              rows={filteredRows}
+              rows={rows}
               status={tableStatus}
               emptyMessage={`No ${itemLabel} found.`}
               itemLabel={itemLabel}
-              pagination={paginationState}
+              pagination={pagination}
+              pageCount={pageCount}
+              totalCount={totalCount}
+              onPaginationChange={setPagination}
               readOnly={!canManage}
               onEdit={canManage ? openEdit : undefined}
               onDelete={canManage ? setDeleteTarget : undefined}
@@ -363,9 +435,27 @@ const RuleEngineResourcePage = () => {
           (usesContainerTypeField && containerTypeOptionsLoading) ||
           (usesLiveRateField && liveRateOptionsLoading)
         }
+        positionOptions={!editing ? createPositionOptions : undefined}
+        positionLoading={createPositionLoading}
         onSubmit={handleFormSubmit}
       />
 
+      {config.orderConfig ? (
+        <ManageRuleEngineOrderDialog
+          open={orderDialogOpen}
+          onOpenChange={setOrderDialogOpen}
+          config={config}
+          items={orderListData?.data ?? []}
+          isLoading={orderListLoading}
+          isSaving={reorder.isPending}
+          onSave={(payload) => {
+            reorder.mutate(payload, {
+              onSuccess: () => setOrderDialogOpen(false),
+            });
+          }}
+        />
+      ) : null}
+
       <Modal
         opened={Boolean(deleteTarget)}
         onClose={() => setDeleteTarget(null)}
diff --git a/apps/edr-freight-web/backoffice/src/pages/ruleEngine/config/resources.ts b/apps/edr-freight-web/backoffice/src/pages/ruleEngine/config/resources.ts
index d95da8365..b29654653 100644
--- a/apps/edr-freight-web/backoffice/src/pages/ruleEngine/config/resources.ts
+++ b/apps/edr-freight-web/backoffice/src/pages/ruleEngine/config/resources.ts
@@ -34,6 +34,14 @@ export interface FormFieldDef {
   optional?: boolean;
   options?: { label: string; value: string }[];
   placeholder?: string;
+  /** Hide this field when another field currently equals one of these values. */
+  hideWhen?: { field: string; equals: string[] };
+}
+
+export interface RuleEngineOrderConfig {
+  field: "displayOrder" | "stepOrder";
+  scopeField?: "requiresDirectorApproval";
+  label: string;
 }
 
 export interface RuleEngineResourceConfig {
@@ -45,6 +53,7 @@ export interface RuleEngineResourceConfig {
   columns: ResourceColumn[];
   formFields: FormFieldDef[];
   supportsSearch?: boolean;
+  orderConfig?: RuleEngineOrderConfig;
   /** Primary line on card view (inferred from columns when omitted). */
   cardTitleKey?: string;
   /** Secondary line under title on card view (inferred when omitted). */
@@ -104,8 +113,13 @@ const RATE_UNITS = ["PER_WAGON", "PER_TON", "PER_CONTAINER", "PER_KM", "FLAT"].m
 }));
 
 const CURRENCIES = [
-  { label: "ETB", value: "ETB" },
   { label: "USD", value: "USD" },
+  { label: "ETB", value: "ETB" },
+];
+
+const PRIORITY_CONFIG_TYPES = [
+  { label: "Wagon count", value: "WAGON" },
+  { label: "Payment currency", value: "CURRENCY" },
 ];
 
 const codeColumn = (key: string, header = "Code"): ResourceColumn => ({
@@ -130,6 +144,7 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
     subtitle: "Manage freight cargo classification and approval rules",
     searchPlaceholder: "Search cargo types by name or code...",
     supportsSearch: true,
+    orderConfig: { field: "displayOrder", label: "Display order" },
     columns: [
       codeColumn("code"),
       { id: "cargoTypeName", header: "Name", accessorKey: "cargoTypeName" },
@@ -154,7 +169,6 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
       { name: "showFreeTextBox", label: "Show free text box", type: "boolean" },
       { name: "requiresDirectorApproval", label: "Requires director approval", type: "boolean" },
       { name: "isActive", label: "Active", type: "boolean" },
-      { name: "displayOrder", label: "Display order", type: "number" },
     ],
   },
   {
@@ -163,9 +177,11 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
     category: "configuration",
     subtitle: "Configure container sizes and wagon capacity",
     searchPlaceholder: "Search container types...",
+    orderConfig: { field: "displayOrder", label: "Display order" },
     columns: [
       codeColumn("code"),
       { id: "label", header: "Label", accessorKey: "label" },
+      { id: "displayOrder", header: "#", accessorKey: "displayOrder", format: "number" },
       { id: "sizeFt", header: "Size (ft)", accessorKey: "sizeFt", format: "number" },
       { id: "wagonsPerUnit", header: "Wagons / unit", accessorKey: "wagonsPerUnit", format: "number" },
       activeColumn,
@@ -177,7 +193,6 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
       { name: "isReefer", label: "Reefer", type: "boolean" },
       { name: "isOpenTop", label: "Open top", type: "boolean" },
       { name: "isActive", label: "Active", type: "boolean" },
-      { name: "displayOrder", label: "Display order", type: "number" },
     ],
   },
   {
@@ -221,29 +236,41 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
     ],
   },
   {
-    slug: "priority-rules",
+    slug: "priority-configs",
     label: "Priority Rules",
     category: "rules",
-    subtitle: "Booking priority scoring rules",
+    subtitle: "Wagon-count and payment-currency scoring rules",
     searchPlaceholder: "Search priority rules...",
+    orderConfig: { field: "displayOrder", label: "Display order" },
     columns: [
-      codeColumn("code"),
-      { id: "label", header: "Label", accessorKey: "label" },
-      { id: "score", header: "Score", accessorKey: "score", format: "number" },
-      { id: "conditionCurrency", header: "Currency", accessorKey: "conditionCurrency" },
+      { id: "type", header: "Type", accessorKey: "type" },
+      { id: "currency", header: "Currency", accessorKey: "currency" },
+      { id: "minWagonCount", header: "Min wagons", accessorKey: "minWagonCount", format: "number" },
+      { id: "maxWagonCount", header: "Max wagons", accessorKey: "maxWagonCount", format: "number" },
+      { id: "scorePoints", header: "Points", accessorKey: "scorePoints", format: "number" },
       activeColumn,
     ],
     formFields: [
-      { name: "label", label: "Label", type: "text", required: true },
-      { name: "score", label: "Score", type: "number", required: true },
       {
-        name: "conditionCurrency",
-        label: "Condition currency",
+        name: "type",
+        label: "Type",
+        type: "select",
+        required: true,
+        options: PRIORITY_CONFIG_TYPES,
+        placeholder: "Wagon count or payment currency",
+      },
+      {
+        name: "currency",
+        label: "Currency",
         type: "select",
         optional: true,
-        options: [{ label: "Any", value: RULE_ENGINE_SELECT_NONE }, ...CURRENCIES],
-        placeholder: "Any currency (optional)",
+        options: [{ label: "None", value: RULE_ENGINE_SELECT_NONE }, ...CURRENCIES],
+        placeholder: "Select a currency",
+        hideWhen: { field: "type", equals: ["WAGON"] },
       },
+      { name: "minWagonCount", label: "Min wagon count", type: "number", required: true },
+      { name: "maxWagonCount", label: "Max wagon count", type: "number", required: true },
+      { name: "scorePoints", label: "Score points", type: "number", required: true },
       { name: "isActive", label: "Active", type: "boolean" },
     ],
   },
@@ -254,9 +281,11 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
     subtitle: "Freight service offerings and booking options",
     searchPlaceholder: "Search service types...",
     supportsSearch: true,
+    orderConfig: { field: "displayOrder", label: "Display order" },
     columns: [
       codeColumn("code"),
       { id: "serviceName", header: "Service name", accessorKey: "serviceName" },
+      { id: "displayOrder", header: "#", accessorKey: "displayOrder", format: "number" },
       { id: "priorityBonusPoints", header: "Bonus pts", accessorKey: "priorityBonusPoints", format: "number" },
       activeColumn,
     ],
@@ -269,7 +298,6 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
       { name: "includesCustoms", label: "Includes customs", type: "boolean" },
       { name: "priorityBonusPoints", label: "Priority bonus points", type: "number" },
       { name: "isActive", label: "Active", type: "boolean" },
-      { name: "displayOrder", label: "Display order", type: "number" },
     ],
   },
   {
@@ -350,6 +378,7 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
     category: "configuration",
     subtitle: "Terminal and yard locations",
     searchPlaceholder: "Search yards...",
+    orderConfig: { field: "displayOrder", label: "Display order" },
     columns: [
       codeColumn("code"),
       { id: "label", header: "Label", accessorKey: "label" },
@@ -361,7 +390,6 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
       { name: "label", label: "Label", type: "text", required: true },
       { name: "country", label: "Country", type: "text", required: true },
       { name: "isActive", label: "Active", type: "boolean" },
-      { name: "displayOrder", label: "Display order", type: "number" },
     ],
   },
   {
@@ -421,7 +449,6 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
         type: "select",
         options: TRADE_DIRECTIONS,
       },
-      { name: "currency", label: "Currency", type: "select", required: true, options: CURRENCIES },
       { name: "rateValue", label: "Rate value", type: "number", required: true },
       { name: "rateUnit", label: "Rate unit", type: "select", required: true, options: RATE_UNITS },
       { name: "effectiveFrom", label: "Effective from", type: "date", required: true },
@@ -436,6 +463,11 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
     cardSubtitleKey: "requiredRole",
     subtitle: "Multi-step booking approval chain",
     searchPlaceholder: "Search approval rules...",
+    orderConfig: {
+      field: "stepOrder",
+      scopeField: "requiresDirectorApproval",
+      label: "Step order",
+    },
     columns: [
       {
         id: "requiresDirectorApproval",
@@ -450,7 +482,6 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
     ],
     formFields: [
       { name: "requiresDirectorApproval", label: "Requires director approval chain", type: "boolean" },
-      { name: "stepOrder", label: "Step order", type: "number", required: true },
       {
         name: "requiredRole",
         label: "Required role",
@@ -491,7 +522,7 @@ export const getCategorySidebarChildren = (
   }));
 
 export const DEFAULT_CONFIGURATION_SLUG: RuleEngineResourceSlug = "cargo-types";
-export const DEFAULT_RULES_SLUG: RuleEngineResourceSlug = "priority-rules";
+export const DEFAULT_RULES_SLUG: RuleEngineResourceSlug = "priority-configs";
 
 /** @deprecated Use DEFAULT_CONFIGURATION_SLUG */
 export const DEFAULT_RULE_ENGINE_SLUG = DEFAULT_CONFIGURATION_SLUG;
diff --git a/apps/edr-freight-web/backoffice/src/pages/trainScheduling/BatchBoardPage.tsx b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/BatchBoardPage.tsx
new file mode 100644
index 000000000..4ee2a7d96
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/BatchBoardPage.tsx
@@ -0,0 +1,728 @@
+import { useMemo, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import {
+  Alert,
+  Box,
+  Button,
+  Card,
+  Container,
+  Group,
+  Paper,
+  RingProgress,
+  Select,
+  SimpleGrid,
+  Skeleton,
+  Stack,
+  Text,
+  ThemeIcon,
+} from "@mantine/core";
+import {
+  AlertTriangle,
+  ArrowRight,
+  CalendarClock,
+  CalendarDays,
+  Inbox,
+  Package,
+  Ruler,
+  Train,
+  TrainFront,
+  Weight,
+} from "lucide-react";
+import type { ColumnDef } from "@edr/ui-common";
+import { DataTable, DataTableFooter, usePagination } from "@edr/ui-common";
+
+import Breadcrumbs from "@/components/ui/Breadcrumbs";
+import FleetToolbar from "@/components/fleet/FleetToolbar";
+import { useFleetViewMode } from "@/components/fleet/useFleetViewMode";
+import {
+  BookingPipeline,
+  HeroChip,
+  totalBookingCount,
+  WindowStatusPill,
+} from "@/components/trainScheduling/batchVisuals";
+import { RouteCorridor, StatTile } from "@/components/trainScheduling/scheduleVisuals";
+import { ruleEngineTable } from "@/components/ruleEngine/ruleEngineStyles";
+import { FREIGHT_BRAND, FREIGHT_BRAND_DARK } from "@/theme/freight-brand";
+import { useBatchBoard } from "@/hooks/trainScheduling/useTrainScheduling";
+import type { BatchBoardSchedule } from "@/types/trainScheduling";
+
+const fmtTons = (n: number) =>
+  `${n.toLocaleString(undefined, { maximumFractionDigits: 1 })} t`;
+
+const fmtMeters = (n: number) =>
+  `${n.toLocaleString(undefined, { maximumFractionDigits: 1 })} m`;
+
+const fmtScheduleDate = (iso: string | null) =>
+  iso
+    ? new Intl.DateTimeFormat("en-GB", {
+        weekday: "short",
+        day: "2-digit",
+        month: "short",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+        timeZone: "Africa/Addis_Ababa",
+      }).format(new Date(iso)) + " EAT"
+    : "No date";
+
+const splitDate = (iso: string | null) => {
+  if (!iso) return { day: "—", time: "" };
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return { day: "—", time: "" };
+  return {
+    day: new Intl.DateTimeFormat("en-GB", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      timeZone: "Africa/Addis_Ababa",
+    }).format(date),
+    time:
+      new Intl.DateTimeFormat("en-GB", {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+        timeZone: "Africa/Addis_Ababa",
+      }).format(date) + " EAT",
+  };
+};
+
+/** Capacity ring color: gold normally, red once over capacity. */
+function ringColor(pct: number) {
+  if (pct >= 100) return "#fa5252";
+  return "#F2A516";
+}
+
+/** Capacity ring that keeps the explicit allocated/max numbers underneath. */
+function CapacityRing({
+  pct,
+  label,
+  current,
+  max,
+}: {
+  pct: number;
+  label: string;
+  current: string;
+  max: string;
+}) {
+  const clamped = Math.min(100, Math.max(0, pct));
+  const color = ringColor(pct);
+  return (
+    <Stack gap={4} align="center" style={{ flex: 1 }}>
+      <RingProgress
+        size={104}
+        thickness={9}
+        roundCaps
+        sections={[{ value: clamped, color }]}
+        rootColor="var(--mantine-color-gray-1)"
+        label={
+          <Stack gap={0} align="center">
+            <Text ta="center" size="lg" fw={800} lh={1} style={{ color }}>
+              {Math.round(pct)}%
+            </Text>
+            <Text ta="center" size="9px" c="dimmed" fw={600}>
+              {label}
+            </Text>
+          </Stack>
+        }
+      />
+      <Stack gap={0} align="center">
+        <Text size="xs" fw={700} c="dark.4">
+          {current}
+        </Text>
+        <Text size="xs" c="dimmed">
+          of {max}
+        </Text>
+      </Stack>
+    </Stack>
+  );
+}
+
+/** Small percent chip used in the table's capacity column. */
+function CapacityChip({
+  icon: Icon,
+  pct,
+  text,
+}: {
+  icon: typeof Weight;
+  pct: number | null;
+  text: string;
+}) {
+  const over = pct != null && pct >= 100;
+  return (
+    <Group
+      gap={4}
+      wrap="nowrap"
+      style={{
+        padding: "2px 8px",
+        borderRadius: 8,
+        background: over ? "var(--mantine-color-red-0)" : "var(--mantine-color-gray-1)",
+        border: `1px solid ${over ? "var(--mantine-color-red-2)" : "var(--mantine-color-gray-2)"}`,
+      }}
+    >
+      <Icon size={12} color={over ? "var(--mantine-color-red-6)" : "var(--mantine-color-gray-6)"} />
+      <Text size="xs" fw={700} c={over ? "red.7" : "gray.7"} lh={1.2}>
+        {pct != null ? `${Math.round(pct)}%` : "—"}
+      </Text>
+      <Text size="10px" c="dimmed" lh={1.2}>
+        {text}
+      </Text>
+    </Group>
+  );
+}
+
+function weightPctOf(s: BatchBoardSchedule) {
+  return s.capacity.maxWeightTons && s.capacity.maxWeightTons > 0
+    ? (s.capacity.usedWeightTons / s.capacity.maxWeightTons) * 100
+    : null;
+}
+function lengthPctOf(s: BatchBoardSchedule) {
+  return s.capacity.maxLengthMeters && s.capacity.maxLengthMeters > 0
+    ? (s.capacity.allocatedLengthMeters / s.capacity.maxLengthMeters) * 100
+    : null;
+}
+
+function ScheduleCard({ schedule }: { schedule: BatchBoardSchedule }) {
+  const navigate = useNavigate();
+  const { capacity, counts, locomotive } = schedule;
+
+  const lengthPct = lengthPctOf(schedule);
+  const weightPct = weightPctOf(schedule);
+
+  const totalBookings = totalBookingCount(counts);
+
+  return (
+    <Paper
+      className="bb-card"
+      radius="lg"
+      withBorder
+      style={{
+        borderColor: "var(--mantine-color-gray-2)",
+        background: "white",
+        overflow: "hidden",
+        cursor: "pointer",
+        display: "flex",
+        flexDirection: "column",
+      }}
+      onClick={() =>
+        navigate(`/dashboard/operations/batch-board/${schedule.scheduleId}`)
+      }
+    >
+      <Stack gap="md" p="lg" style={{ flex: 1 }}>
+        {/* header */}
+        <Group justify="space-between" align="flex-start" wrap="nowrap">
+          <Group gap="sm" wrap="nowrap" style={{ minWidth: 0 }}>
+            <ThemeIcon size={44} radius="md" variant="light" color="#F2A516">
+              <Train size={22} />
+            </ThemeIcon>
+            <Box style={{ minWidth: 0 }}>
+              <Text fw={800} size="md" truncate style={{ letterSpacing: 0.2 }}>
+                {schedule.trainNumber ?? schedule.routeName ?? "Schedule"}
+              </Text>
+              <Text
+                size="10px"
+                fw={700}
+                tt="uppercase"
+                c="dimmed"
+                style={{ letterSpacing: 0.8 }}
+              >
+                Freight schedule · {schedule.status}
+              </Text>
+            </Box>
+          </Group>
+          <WindowStatusPill status={schedule.bookingWindowStatus} />
+        </Group>
+
+        <RouteCorridor
+          origin={schedule.origin}
+          destination={schedule.destination}
+          variant="compact"
+        />
+
+        <Group gap={6} wrap="wrap">
+          <HeroChip icon={<CalendarDays size={12} />}>
+            {fmtScheduleDate(schedule.scheduleDate)}
+          </HeroChip>
+          {locomotive ? (
+            <HeroChip icon={<TrainFront size={12} />}>
+              {locomotive.code} · {fmtTons(locomotive.maxPullWeightTons)}
+            </HeroChip>
+          ) : null}
+        </Group>
+
+        {!locomotive ? (
+          <Alert
+            color="red"
+            radius="md"
+            icon={<AlertTriangle size={15} />}
+            py={6}
+            styles={{ message: { fontSize: 12 } }}
+          >
+            No locomotive assigned — wagon allocation cannot run.
+          </Alert>
+        ) : null}
+
+        {/* capacity: weight + length rings + wagons (numbers preserved) */}
+        <Box
+          py="sm"
+          px="xs"
+          style={{
+            borderRadius: 14,
+            background: "var(--mantine-color-gray-0)",
+            border: "1px solid var(--mantine-color-gray-1)",
+          }}
+        >
+          <Group justify="space-around" align="center" wrap="nowrap" gap="xs">
+            {weightPct != null ? (
+              <CapacityRing
+                pct={weightPct}
+                label="WEIGHT"
+                current={fmtTons(capacity.usedWeightTons)}
+                max={fmtTons(capacity.maxWeightTons ?? 0)}
+              />
+            ) : null}
+
+            <Stack gap={0} align="center" style={{ flex: 1 }}>
+              <ThemeIcon size={34} radius="md" variant="light" color="gray">
+                <Package size={17} />
+              </ThemeIcon>
+              <Text fw={800} size="26px" c="dark.5" lh={1.1} mt={6}>
+                {capacity.allocatedWagons}
+              </Text>
+              <Text size="9px" fw={700} c="gray.6" tt="uppercase" style={{ letterSpacing: 0.5 }}>
+                Wagons
+              </Text>
+              <Text size="xs" c="dimmed">
+                allocated
+              </Text>
+            </Stack>
+
+            {lengthPct != null ? (
+              <CapacityRing
+                pct={lengthPct}
+                label="LENGTH"
+                current={fmtMeters(capacity.allocatedLengthMeters)}
+                max={fmtMeters(capacity.maxLengthMeters ?? 0)}
+              />
+            ) : null}
+          </Group>
+        </Box>
+
+        {/* booking pipeline */}
+        <Box>
+          <Group justify="space-between" mb={6}>
+            <Group gap={5} wrap="nowrap">
+              <Package size={13} color="var(--mantine-color-gray-6)" />
+              <Text size="xs" fw={700} c="gray.7" tt="uppercase" style={{ letterSpacing: 0.4 }}>
+                Booking pipeline
+              </Text>
+            </Group>
+            <Text size="xs" fw={700} c="dark.4">
+              {totalBookings} booking{totalBookings === 1 ? "" : "s"}
+            </Text>
+          </Group>
+          <BookingPipeline counts={counts} />
+        </Box>
+      </Stack>
+
+      {/* CTA */}
+      <Box px="lg" pb="lg">
+        <Button
+          fullWidth
+          radius="md"
+          variant="gradient"
+          gradient={{ from: FREIGHT_BRAND, to: FREIGHT_BRAND_DARK, deg: 135 }}
+          rightSection={<ArrowRight size={16} className="bb-arrow" />}
+          onClick={(e) => {
+            e.stopPropagation();
+            navigate(`/dashboard/operations/batch-board/${schedule.scheduleId}`);
+          }}
+        >
+          View batch windows
+        </Button>
+      </Box>
+    </Paper>
+  );
+}
+
+function CardSkeleton() {
+  return (
+    <Paper radius="lg" withBorder style={{ overflow: "hidden" }}>
+      <Stack gap="md" p="lg">
+        <Group justify="space-between">
+          <Group gap="sm">
+            <Skeleton height={44} width={44} radius="md" />
+            <Skeleton height={32} width={120} />
+          </Group>
+          <Skeleton height={22} width={90} radius="xl" />
+        </Group>
+        <Skeleton height={120} radius="md" />
+        <Skeleton height={10} radius="xl" />
+        <Skeleton height={36} radius="md" />
+      </Stack>
+    </Paper>
+  );
+}
+
+export default function BatchBoardPage() {
+  const navigate = useNavigate();
+  const { data, isLoading, isFetching, refetch } = useBatchBoard();
+  const { viewMode, setViewMode } = useFleetViewMode("batch-board");
+  const { pagination, setPagination } = usePagination({ pageSize: 10 });
+  const [search, setSearch] = useState("");
+  const [windowFilter, setWindowFilter] = useState("ALL");
+
+  const schedules = data ?? [];
+
+  const summary = useMemo(() => {
+    const openWindows = schedules.filter((s) => s.bookingWindowStatus === "OPEN").length;
+    const totalBookings = schedules.reduce((sum, s) => sum + totalBookingCount(s.counts), 0);
+    const totalWagons = schedules.reduce((sum, s) => sum + s.capacity.allocatedWagons, 0);
+    return { openWindows, totalBookings, totalWagons };
+  }, [schedules]);
+
+  const filtered = useMemo(() => {
+    const query = search.trim().toLowerCase();
+    return schedules.filter((s) => {
+      if (windowFilter !== "ALL" && s.bookingWindowStatus !== windowFilter) return false;
+      if (!query) return true;
+      const haystack = [
+        s.trainNumber,
+        s.routeName,
+        s.origin,
+        s.destination,
+        s.locomotive?.code,
+        s.status,
+        s.bookingWindowStatus,
+      ]
+        .filter(Boolean)
+        .join(" ")
+        .toLowerCase();
+      return haystack.includes(query);
+    });
+  }, [schedules, search, windowFilter]);
+
+  const pageCount = Math.max(1, Math.ceil(filtered.length / pagination.pageSize));
+  const paged = useMemo(() => {
+    const start = pagination.pageIndex * pagination.pageSize;
+    return filtered.slice(start, start + pagination.pageSize);
+  }, [filtered, pagination]);
+
+  const columns = useMemo((): ColumnDef<BatchBoardSchedule>[] => {
+    const headerClassName = ruleEngineTable.headerCell;
+    const cellClassName = ruleEngineTable.bodyCell;
+    return [
+      {
+        id: "train",
+        header: "Train / Route",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => (
+          <Group gap="sm" wrap="nowrap">
+            <ThemeIcon size={34} radius="md" variant="light" color="#F2A516">
+              <Train size={17} />
+            </ThemeIcon>
+            <Stack gap={2} style={{ minWidth: 0 }}>
+              <Text size="sm" fw={700} lh={1.2} truncate>
+                {row.original.trainNumber ?? row.original.routeName ?? "Schedule"}
+              </Text>
+              <Box maw={220}>
+                <RouteCorridor
+                  origin={row.original.origin}
+                  destination={row.original.destination}
+                  variant="compact"
+                />
+              </Box>
+            </Stack>
+          </Group>
+        ),
+      },
+      {
+        id: "date",
+        header: "Departure",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => {
+          const { day, time } = splitDate(row.original.scheduleDate);
+          return (
+            <Group gap="sm" wrap="nowrap">
+              <Box
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  width: 34,
+                  height: 34,
+                  borderRadius: 9,
+                  background: "var(--mantine-color-orange-0)",
+                  color: "#B26C09",
+                  flexShrink: 0,
+                }}
+              >
+                <CalendarClock size={16} />
+              </Box>
+              <Stack gap={0}>
+                <Text size="sm" fw={600} lh={1.2}>
+                  {day}
+                </Text>
+                <Text size="xs" c="dimmed" lh={1.2}>
+                  {time || "—"}
+                </Text>
+              </Stack>
+            </Group>
+          );
+        },
+      },
+      {
+        id: "window",
+        header: "Window",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => <WindowStatusPill status={row.original.bookingWindowStatus} />,
+      },
+      {
+        id: "loco",
+        header: "Locomotive",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) =>
+          row.original.locomotive ? (
+            <Group gap={6} wrap="nowrap">
+              <TrainFront size={14} color="var(--mantine-color-gray-5)" />
+              <Stack gap={0}>
+                <Text size="sm" fw={600} lh={1.2}>
+                  {row.original.locomotive.code}
+                </Text>
+                <Text size="10px" c="dimmed" lh={1.2}>
+                  {fmtTons(row.original.locomotive.maxPullWeightTons)} pull
+                </Text>
+              </Stack>
+            </Group>
+          ) : (
+            <Text size="xs" c="red.6" fw={600}>
+              No loco
+            </Text>
+          ),
+      },
+      {
+        id: "capacity",
+        header: "Capacity",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => (
+          <Group gap={6} wrap="nowrap">
+            <CapacityChip icon={Weight} pct={weightPctOf(row.original)} text="wt" />
+            <CapacityChip icon={Ruler} pct={lengthPctOf(row.original)} text="len" />
+            <Group
+              gap={4}
+              wrap="nowrap"
+              style={{
+                padding: "2px 8px",
+                borderRadius: 8,
+                background: "var(--mantine-color-green-0)",
+                border: "1px solid var(--mantine-color-green-1)",
+              }}
+            >
+              <Package size={12} color="var(--mantine-color-green-7)" />
+              <Text size="xs" fw={700} c="green.8" lh={1.2}>
+                {row.original.capacity.allocatedWagons}
+              </Text>
+              <Text size="10px" c="dimmed" lh={1.2}>
+                wgn
+              </Text>
+            </Group>
+          </Group>
+        ),
+      },
+      {
+        id: "bookings",
+        header: "Bookings",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => {
+          const total = totalBookingCount(row.original.counts);
+          return (
+            <Stack gap={4} style={{ minWidth: 130 }}>
+              <Text size="sm" fw={700} c="dark.4" lh={1.2}>
+                {total} booking{total === 1 ? "" : "s"}
+              </Text>
+              <BookingPipeline counts={row.original.counts} size={10} />
+            </Stack>
+          );
+        },
+      },
+      {
+        id: "actions",
+        header: "",
+        meta: { headerClassName, cellClassName: `${cellClassName} whitespace-nowrap` },
+        cell: ({ row }) => (
+          <Group justify="flex-end" wrap="nowrap">
+            <Button
+              variant="light"
+              color="green"
+              size="compact-sm"
+              rightSection={<ArrowRight size={14} />}
+              onClick={() =>
+                navigate(`/dashboard/operations/batch-board/${row.original.scheduleId}`)
+              }
+            >
+              View windows
+            </Button>
+          </Group>
+        ),
+      },
+    ];
+  }, [navigate]);
+
+  const tableStatus = isLoading ? "loading" : "success";
+
+  return (
+    <Container fluid py="lg" px="xl">
+      <Breadcrumbs items={[{ label: "Operations" }, { label: "Batch board" }]} />
+
+      <SimpleGrid cols={{ base: 1, xs: 3 }} spacing="md" mt="md">
+        <StatTile
+          icon={Train}
+          label="Active schedules"
+          value={isLoading ? "…" : schedules.length}
+          hint="on the board right now"
+          accent="#F2A516"
+          graph="area"
+          graphAccent="gold"
+        />
+        <StatTile
+          icon={CalendarDays}
+          label="Open windows"
+          value={isLoading ? "…" : summary.openWindows}
+          hint="accepting bookings"
+          accent="#FB8C2E"
+          graph="line"
+          graphAccent="orange"
+        />
+        <StatTile
+          icon={Package}
+          label="Bookings in play"
+          value={isLoading ? "…" : summary.totalBookings}
+          hint={`${summary.totalWagons} wagons allocated`}
+          accent="#F2A516"
+          graph="ring"
+          graphAccent="gold"
+          graphPct={
+            schedules.length
+              ? Math.min(100, Math.round((summary.openWindows / schedules.length) * 100))
+              : 0
+          }
+        />
+      </SimpleGrid>
+
+      <Card
+        radius="lg"
+        padding={0}
+        withBorder
+        mt="lg"
+        style={{ borderColor: "var(--mantine-color-gray-2)" }}
+      >
+        <Stack gap={0}>
+          <Box px="md" pt="md" pb="sm" w="100%">
+            <FleetToolbar
+              search={search}
+              onSearchChange={setSearch}
+              searchPlaceholder="Search schedules…"
+              viewMode={viewMode}
+              onViewModeChange={setViewMode}
+              filters={
+                <Select
+                  size="sm"
+                  radius="lg"
+                  value={windowFilter}
+                  onChange={(v) => v && setWindowFilter(v)}
+                  data={[
+                    { value: "ALL", label: "All windows" },
+                    { value: "OPEN", label: "Open" },
+                    { value: "FULL", label: "Full" },
+                    { value: "CLOSED", label: "Closed" },
+                  ]}
+                  w={150}
+                  styles={{ input: { borderColor: "var(--mantine-color-gray-3)" } }}
+                />
+              }
+            />
+          </Box>
+
+          {viewMode === "table" ? (
+            <DataTable
+              columns={columns}
+              data={paged}
+              status={tableStatus}
+              emptyMessage="No active schedules"
+              pagination={{
+                pageIndex: pagination.pageIndex,
+                pageSize: pagination.pageSize,
+                pageCount,
+                totalCount: filtered.length,
+              }}
+              tableOptions={{
+                manualPagination: true,
+                pageCount,
+                state: { pagination },
+                onPaginationChange: setPagination,
+              }}
+              containerClassName="border-0 shadow-none bg-transparent"
+              footer={({ table, pagination: footerPagination }) => (
+                <DataTableFooter
+                  table={table}
+                  pagination={footerPagination}
+                  options={{ labels: { items: "schedules" } }}
+                />
+              )}
+            />
+          ) : isLoading ? (
+            <SimpleGrid cols={{ base: 1, md: 2, lg: 3, xl: 4 }} spacing="lg" p="md">
+              <CardSkeleton />
+              <CardSkeleton />
+              <CardSkeleton />
+            </SimpleGrid>
+          ) : filtered.length === 0 ? (
+            <Paper radius="lg" p={48} m="md" bg="gray.0">
+              <Stack align="center" gap="sm">
+                <Box
+                  style={{
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: 64,
+                    height: 64,
+                    borderRadius: 20,
+                    background: "white",
+                    border: "1px solid var(--mantine-color-gray-2)",
+                    boxShadow: "0 4px 12px rgba(15,23,42,0.06)",
+                  }}
+                >
+                  <Inbox size={28} color="var(--mantine-color-gray-5)" />
+                </Box>
+                <Text fw={700} c="gray.7">
+                  No active schedules
+                </Text>
+                <Text size="sm" c="dimmed" ta="center" maw={380}>
+                  Schedules with an open booking window appear here. Create or activate a
+                  schedule to get started.
+                </Text>
+              </Stack>
+            </Paper>
+          ) : (
+            <SimpleGrid cols={{ base: 1, md: 2, lg: 3, xl: 4 }} spacing="lg" p="md">
+              {filtered.map((s) => (
+                <ScheduleCard key={s.scheduleId} schedule={s} />
+              ))}
+            </SimpleGrid>
+          )}
+        </Stack>
+      </Card>
+
+      <Group justify="flex-end" mt="md">
+        <Button
+          variant="subtle"
+          color="gray"
+          size="xs"
+          loading={isFetching}
+          onClick={() => void refetch()}
+        >
+          Refresh
+        </Button>
+      </Group>
+    </Container>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/trainScheduling/BatchScheduleDetailPage.tsx b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/BatchScheduleDetailPage.tsx
new file mode 100644
index 000000000..311f76124
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/BatchScheduleDetailPage.tsx
@@ -0,0 +1,1068 @@
+import { useEffect, useMemo, useState } from "react";
+import type { ReactNode } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import {
+  Accordion,
+  ActionIcon,
+  Alert,
+  Badge,
+  Box,
+  Button,
+  Container,
+  Group,
+  Loader,
+  Paper,
+  SimpleGrid,
+  Stack,
+  Table,
+  Tabs,
+  Text,
+  ThemeIcon,
+  Title,
+  Tooltip,
+} from "@mantine/core";
+import {
+  AlertTriangle,
+  ArrowLeft,
+  Boxes,
+  CalendarDays,
+  CheckCircle2,
+  ChevronLeft,
+  ChevronRight,
+  Clock,
+  FileSignature,
+  Hourglass,
+  Layers,
+  Package,
+  PlayCircle,
+  RefreshCw,
+  Ruler,
+  TrainFront,
+  Weight,
+  XCircle,
+} from "lucide-react";
+import type { LucideIcon } from "lucide-react";
+
+import Breadcrumbs from "@/components/ui/Breadcrumbs";
+import { TrainCompositionDiagram } from "@/components/trainScheduling/TrainCompositionDiagram";
+import { TrainConsistView, CompositionBookingTabs } from "@/components/trainScheduling/compositionEditor";
+import {
+  BookingPipeline,
+  HeroChip,
+  totalBookingCount,
+  WindowStatusPill,
+} from "@/components/trainScheduling/batchVisuals";
+import { MiniRing, MiniSparkline } from "@/components/common/MiniGraph";
+import type { OverviewAccent } from "@/components/overview/overview.styles";
+import { RouteCorridor } from "@/components/trainScheduling/scheduleVisuals";
+import {
+  useBatchBoardDetail,
+  useRunAllocation,
+  useScheduleDetail,
+} from "@/hooks/trainScheduling/useTrainScheduling";
+import { useToast } from "@/hooks/use-toast";
+import type {
+  BatchBoardBookingDetail,
+  BatchBoardBookingState,
+  BatchWindowGroup,
+  BookingAllocationStatus,
+} from "@/types/trainScheduling";
+
+const STATE_META: Record<
+  BatchBoardBookingState,
+  { label: string; color: string; icon: typeof CheckCircle2 }
+> = {
+  ALLOCATED: { label: "Allocated", color: "green", icon: CheckCircle2 },
+  SELECTED_FOR_BATCH: { label: "Selected for batch", color: "orange", icon: Clock },
+  READY: { label: "Ready for batch", color: "teal", icon: Hourglass },
+  WAITING: { label: "Paid · waiting", color: "blue", icon: Hourglass },
+  PENDING_CONTRACT: { label: "Pending contract", color: "gray", icon: Hourglass },
+  EXPIRED: { label: "Expired", color: "red", icon: XCircle },
+};
+
+const ALLOC_META: Record<
+  BookingAllocationStatus,
+  { label: string; color: string }
+> = {
+  ASSIGNED: { label: "Wagons assigned", color: "green" },
+  NOT_ATTEMPTED: { label: "Not allocated", color: "gray" },
+  DEFERRED: { label: "Deferred", color: "orange" },
+  FAILED: { label: "Allocation failed", color: "red" },
+};
+
+const fmtTons = (n: number) =>
+  `${n.toLocaleString(undefined, { maximumFractionDigits: 1 })} t`;
+
+const fmtMeters = (n: number) =>
+  `${n.toLocaleString(undefined, { maximumFractionDigits: 1 })} m`;
+
+const fmtDateTime = (iso: string | null) =>
+  iso
+    ? new Intl.DateTimeFormat("en-GB", {
+        day: "2-digit",
+        month: "short",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+        timeZone: "Africa/Addis_Ababa",
+      }).format(new Date(iso))
+    : "—";
+
+const initials = (name: string) =>
+  name
+    .split(/\s+/)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((w) => w[0])
+    .join("")
+    .toUpperCase() || "?";
+
+function StateBadge({ state }: { state: BatchBoardBookingState }) {
+  const meta = STATE_META[state];
+  const Icon = meta.icon;
+  return (
+    <Badge variant="light" color={meta.color} radius="sm" leftSection={<Icon size={11} />}>
+      {meta.label}
+    </Badge>
+  );
+}
+
+function AllocationBadge({
+  status,
+  issue,
+}: {
+  status: BookingAllocationStatus;
+  issue: string | null;
+}) {
+  const meta = ALLOC_META[status];
+  const badge = (
+    <Badge variant="light" color={meta.color} radius="sm">
+      {meta.label}
+    </Badge>
+  );
+  if (!issue) return badge;
+  return (
+    <Tooltip label={issue} multiline maw={320} withArrow>
+      <Group gap={4} wrap="nowrap">
+        {badge}
+        <AlertTriangle size={14} color="var(--mantine-color-red-6)" />
+      </Group>
+    </Tooltip>
+  );
+}
+
+function BookingTable({ bookings }: { bookings: BatchBoardBookingDetail[] }) {
+  if (!bookings.length) {
+    return (
+      <Text size="sm" c="dimmed" py="sm" ta="center">
+        No bookings in this batch window.
+      </Text>
+    );
+  }
+
+  const th = (label: string) => (
+    <Table.Th
+      style={{
+        fontSize: 11,
+        fontWeight: 700,
+        textTransform: "uppercase",
+        letterSpacing: 0.5,
+        color: "var(--mantine-color-gray-6)",
+        background: "var(--mantine-color-gray-0)",
+        whiteSpace: "nowrap",
+      }}
+    >
+      {label}
+    </Table.Th>
+  );
+
+  return (
+    <Box
+      style={{
+        border: "1px solid var(--mantine-color-gray-2)",
+        borderRadius: 12,
+        overflow: "auto",
+      }}
+    >
+      <Table highlightOnHover verticalSpacing="sm" horizontalSpacing="md" miw={760}>
+        <Table.Thead>
+          <Table.Tr>
+            {th("Reference")}
+            {th("Customer")}
+            {th("Contract signed")}
+            {th("Selected for batch")}
+            {th("Capacity")}
+            {th("Batch state")}
+            {th("Wagon allocation")}
+          </Table.Tr>
+        </Table.Thead>
+        <Table.Tbody>
+          {bookings.map((b) => (
+            <Table.Tr key={b.id}>
+              <Table.Td>
+                <Group gap={6} wrap="nowrap">
+                  <Text size="sm" fw={700} c="dark.5">
+                    {b.reference}
+                  </Text>
+                  {b.isGovernment ? (
+                    <Badge size="xs" variant="light" color="grape">
+                      Gov
+                    </Badge>
+                  ) : null}
+                </Group>
+              </Table.Td>
+              <Table.Td>
+                <Group gap={8} wrap="nowrap">
+                  <Box
+                    style={{
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: 26,
+                      height: 26,
+                      borderRadius: 8,
+                      flexShrink: 0,
+                      background: "#FEF1D5",
+                      border: "1px solid #FBD171",
+                    }}
+                  >
+                    <Text size="10px" fw={800} style={{ color: "#B26C09" }}>
+                      {initials(b.company)}
+                    </Text>
+                  </Box>
+                  <Text size="sm" c="gray.7" truncate>
+                    {b.company}
+                  </Text>
+                </Group>
+              </Table.Td>
+              <Table.Td>
+                <Text size="sm" style={{ whiteSpace: "nowrap" }}>
+                  {fmtDateTime(b.fullyExecutedAt)} EAT
+                </Text>
+              </Table.Td>
+              <Table.Td>
+                {b.selectedForBatchAt ? (
+                  <>
+                    <Text size="sm" style={{ whiteSpace: "nowrap" }}>
+                      {fmtDateTime(b.selectedForBatchAt)} EAT
+                    </Text>
+                    {b.paymentDeadline ? (
+                      <Text size="xs" c="orange.7" fw={600} style={{ whiteSpace: "nowrap" }}>
+                        Pay by {fmtDateTime(b.paymentDeadline)} EAT
+                      </Text>
+                    ) : null}
+                  </>
+                ) : (
+                  <Text size="sm" c="dimmed">
+                    —
+                  </Text>
+                )}
+              </Table.Td>
+              <Table.Td>
+                <Group gap={4} wrap="nowrap">
+                  <Badge variant="default" radius="sm" size="sm">
+                    {b.wagons}w
+                  </Badge>
+                  <Badge variant="default" radius="sm" size="sm">
+                    {fmtTons(b.weightTons)}
+                  </Badge>
+                </Group>
+              </Table.Td>
+              <Table.Td>
+                <StateBadge state={b.state} />
+              </Table.Td>
+              <Table.Td>
+                <AllocationBadge status={b.allocationStatus} issue={b.allocationIssue} />
+              </Table.Td>
+            </Table.Tr>
+          ))}
+        </Table.Tbody>
+      </Table>
+    </Box>
+  );
+}
+
+function WindowCountChips({ counts }: { counts: BatchWindowGroup["counts"] }) {
+  const chips: Array<{ value: number; color: string; label: string }> = [
+    { value: counts.allocated, color: "green", label: "allocated" },
+    { value: counts.selectedForBatch, color: "orange", label: "selected" },
+    { value: counts.ready, color: "teal", label: "ready" },
+    { value: counts.waiting, color: "blue", label: "waiting" },
+    { value: counts.expired, color: "red", label: "expired" },
+  ].filter((c) => c.value > 0);
+
+  return (
+    <Group gap={5} wrap="nowrap">
+      {chips.map((c) => (
+        <Tooltip key={c.label} label={`${c.value} ${c.label}`} withArrow>
+          <Group
+            gap={4}
+            wrap="nowrap"
+            style={{
+              padding: "2px 8px",
+              borderRadius: 999,
+              background: `var(--mantine-color-${c.color}-0)`,
+              border: `1px solid var(--mantine-color-${c.color}-2)`,
+            }}
+          >
+            <Box
+              w={6}
+              h={6}
+              style={{
+                borderRadius: 999,
+                background: `var(--mantine-color-${c.color}-6)`,
+              }}
+            />
+            <Text size="xs" fw={700} c={`${c.color}.8`}>
+              {c.value}
+            </Text>
+          </Group>
+        </Tooltip>
+      ))}
+    </Group>
+  );
+}
+
+/** "05 Jun 2026 · 06:00 – 09:00 EAT" → "06:00 – 09:00 EAT" (date lives in the day header). */
+function timeLabelOf(label: string): string {
+  const idx = label.indexOf("·");
+  return idx >= 0 ? label.slice(idx + 1).trim() : label;
+}
+
+const EAT_TZ = "Africa/Addis_Ababa";
+const dateKeyFmt = new Intl.DateTimeFormat("en-CA", {
+  timeZone: EAT_TZ,
+  year: "numeric",
+  month: "2-digit",
+  day: "2-digit",
+});
+const dateLabelFmt = new Intl.DateTimeFormat("en-GB", {
+  timeZone: EAT_TZ,
+  weekday: "short",
+  day: "2-digit",
+  month: "short",
+});
+
+/** EAT calendar date key for a window — prefers the API field, falls back to `start`. */
+function windowDateKey(w: BatchWindowGroup): string {
+  if (w.date) return w.date;
+  if (w.start) return dateKeyFmt.format(new Date(w.start));
+  return "undated";
+}
+
+/** Human day label for a window — prefers the API field, falls back to `start`. */
+function windowDateLabel(w: BatchWindowGroup): string {
+  if (w.dateLabel) return w.dateLabel;
+  if (w.start) return dateLabelFmt.format(new Date(w.start));
+  return "Undated";
+}
+
+function WindowAccordionItem({ window }: { window: BatchWindowGroup }) {
+  const total = window.bookings.length;
+  const hasIssues = window.bookings.some(
+    (b) => b.allocationStatus === "FAILED" || b.allocationStatus === "DEFERRED",
+  );
+
+  return (
+    <Accordion.Item value={window.key}>
+      <Accordion.Control>
+        <Group justify="space-between" wrap="nowrap" pr="md" gap="sm">
+          <Group gap="sm" wrap="nowrap" style={{ minWidth: 0 }}>
+            <Box
+              style={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                width: 34,
+                height: 34,
+                borderRadius: 10,
+                flexShrink: 0,
+                background: total ? "#FEF1D5" : "var(--mantine-color-gray-0)",
+                border: total ? "1px solid #FBD171" : "1px solid var(--mantine-color-gray-2)",
+                color: total ? "#B26C09" : "var(--mantine-color-gray-5)",
+              }}
+            >
+              <Clock size={16} />
+            </Box>
+            <Box style={{ minWidth: 0 }}>
+              <Text fw={700} size="sm" truncate>
+                {timeLabelOf(window.label)}
+              </Text>
+              <Text size="xs" c="dimmed">
+                {total ? `${total} booking${total === 1 ? "" : "s"}` : "Empty window"}
+              </Text>
+            </Box>
+          </Group>
+          <Group gap={6} wrap="nowrap">
+            {hasIssues ? (
+              <Badge
+                variant="light"
+                color="red"
+                size="sm"
+                leftSection={<AlertTriangle size={10} />}
+              >
+                Issues
+              </Badge>
+            ) : null}
+            <WindowCountChips counts={window.counts} />
+          </Group>
+        </Group>
+      </Accordion.Control>
+      <Accordion.Panel>
+        <BookingTable bookings={window.bookings} />
+      </Accordion.Panel>
+    </Accordion.Item>
+  );
+}
+
+/**
+ * Light stat card matching the overview look — keeps the explicit numbers.
+ * Capacity cards (pct set) show a ring; count cards show an area/line trend.
+ */
+function StatCard({
+  icon: Icon,
+  label,
+  value,
+  sub,
+  pct,
+  variant = "area",
+}: {
+  icon: LucideIcon;
+  label: string;
+  value: ReactNode;
+  sub?: string;
+  pct?: number | null;
+  variant?: "area" | "line";
+}) {
+  const ringAccent: OverviewAccent =
+    pct == null ? "gold" : pct >= 100 ? "rose" : pct >= 85 ? "orange" : "gold";
+
+  return (
+    <Paper
+      p="md"
+      radius="lg"
+      withBorder
+      style={{ borderColor: "var(--mantine-color-gray-2)", background: "white" }}
+    >
+      <Stack gap={8}>
+        <Group gap="sm" wrap="nowrap" align="center">
+          <ThemeIcon size={38} radius="md" variant="light" color="#F2A516">
+            <Icon size={19} />
+          </ThemeIcon>
+          <Stack gap={1} style={{ minWidth: 0, flex: 1 }}>
+            <Text fw={800} size="lg" lh={1.05} c="dark.5" style={{ whiteSpace: "nowrap" }}>
+              {value}
+            </Text>
+            <Text size="xs" fw={600} c="dimmed" truncate>
+              {label}
+              {sub ? ` · ${sub}` : ""}
+            </Text>
+          </Stack>
+          {pct != null ? (
+            <MiniRing pct={pct} accent={ringAccent} size={42} stroke={5}>
+              <Text size="9px" fw={800} c="dark.4">
+                {Math.round(pct)}%
+              </Text>
+            </MiniRing>
+          ) : null}
+        </Group>
+
+        {pct == null ? (
+          <MiniSparkline variant={variant} accent="gold" baseline={0.5} seed={label} height={20} />
+        ) : null}
+      </Stack>
+    </Paper>
+  );
+}
+
+export default function BatchScheduleDetailPage() {
+  const { scheduleId } = useParams<{ scheduleId: string }>();
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const { data, isLoading, isFetching, refetch } = useBatchBoardDetail(scheduleId);
+  const runAllocation = useRunAllocation(scheduleId ?? "");
+
+  const hasAssignedWagons = useMemo(
+    () =>
+      Boolean(
+        data?.windows.some((w) =>
+          w.bookings.some((b) => b.allocationStatus === "ASSIGNED"),
+        ) ||
+          data?.pendingContract.bookings.some((b) => b.allocationStatus === "ASSIGNED"),
+      ),
+    [data],
+  );
+
+  const scheduleDetailQuery = useScheduleDetail(scheduleId, "CONTAINER");
+
+  // Batch bookings by state for the composition side panel (payment / expired lists).
+  const batchBookings = useMemo(() => {
+    if (!data) return { awaitingPayment: [], expired: [] };
+    const all = [
+      ...data.windows.flatMap((w) => w.bookings),
+      ...data.pendingContract.bookings,
+    ];
+    return {
+      awaitingPayment: all.filter((b) => b.state === "SELECTED_FOR_BATCH"),
+      expired: all.filter((b) => b.state === "EXPIRED"),
+    };
+  }, [data]);
+
+  // Group the flat window list into per-day sections (one per EAT calendar date).
+  const dayGroups = useMemo(() => {
+    if (!data) return [];
+    const byDate = new Map<
+      string,
+      {
+        date: string;
+        dateLabel: string;
+        windows: BatchWindowGroup[];
+        totalBookings: number;
+        counts: BatchWindowGroup["counts"];
+        hasIssues: boolean;
+      }
+    >();
+    for (const w of data.windows) {
+      const dateKey = windowDateKey(w);
+      let group = byDate.get(dateKey);
+      if (!group) {
+        group = {
+          date: dateKey,
+          dateLabel: windowDateLabel(w),
+          windows: [],
+          totalBookings: 0,
+          counts: {
+            allocated: 0,
+            selectedForBatch: 0,
+            ready: 0,
+            waiting: 0,
+            expired: 0,
+            pendingContract: 0,
+          },
+          hasIssues: false,
+        };
+        byDate.set(dateKey, group);
+      }
+      group.windows.push(w);
+      group.totalBookings += w.bookings.length;
+      group.counts.allocated += w.counts.allocated;
+      group.counts.selectedForBatch += w.counts.selectedForBatch;
+      group.counts.ready += w.counts.ready;
+      group.counts.waiting += w.counts.waiting;
+      group.counts.expired += w.counts.expired;
+      group.counts.pendingContract += w.counts.pendingContract;
+      group.hasIssues =
+        group.hasIssues ||
+        w.bookings.some(
+          (b) => b.allocationStatus === "FAILED" || b.allocationStatus === "DEFERRED",
+        );
+    }
+    return [...byDate.values()];
+  }, [data]);
+
+  // Windows with bookings open by default (inside an expanded day).
+  const openWindowKeys = useMemo(
+    () => (data ? data.windows.filter((w) => w.bookings.length > 0).map((w) => w.key) : []),
+    [data],
+  );
+
+  const todayEat = useMemo(
+    () =>
+      new Intl.DateTimeFormat("en-CA", {
+        timeZone: "Africa/Addis_Ababa",
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+      }).format(new Date()),
+    [],
+  );
+
+  // Date-stepper: which day is currently shown. Default to today, else the first
+  // day with bookings, else the first day. Keep the selection if still valid.
+  const [selectedDate, setSelectedDate] = useState<string | null>(null);
+  const [activeTab, setActiveTab] = useState<string | null>("overview");
+  const [selectedBookingId, setSelectedBookingId] = useState<string | null>(null);
+  useEffect(() => {
+    if (!dayGroups.length) return;
+    if (selectedDate && dayGroups.some((d) => d.date === selectedDate)) return;
+    const preferred =
+      dayGroups.find((d) => d.date === todayEat) ??
+      dayGroups.find((d) => d.totalBookings > 0) ??
+      dayGroups[0];
+    setSelectedDate(preferred.date);
+  }, [dayGroups, selectedDate, todayEat]);
+
+  const selectedIndex = Math.max(
+    0,
+    dayGroups.findIndex((d) => d.date === selectedDate),
+  );
+  const selectedDay = dayGroups[selectedIndex];
+
+  const handleRunAllocation = () => {
+    runAllocation
+      .mutateAsync()
+      .then((result) => {
+        const failed = result.issues.filter((i) => i.status === "FAILED").length;
+        const deferred = result.deferred.length;
+        toast({
+          title: "Allocation run complete",
+          description:
+            failed || deferred
+              ? `${result.assignedBookingIds.length} assigned · ${deferred} deferred · ${failed} failed`
+              : `${result.assignedBookingIds.length} booking(s) assigned to wagons`,
+          variant: failed ? "destructive" : "default",
+        });
+        void refetch();
+      })
+      .catch(() => {
+        toast({ title: "Allocation failed", variant: "destructive" });
+      });
+  };
+
+  if (isLoading || !data) {
+    return (
+      <Container fluid py="lg" px="xl">
+        <Group justify="center" py="xl">
+          <Loader color="green" />
+        </Group>
+      </Container>
+    );
+  }
+
+  const lengthPct =
+    data.capacity.maxLengthMeters && data.capacity.maxLengthMeters > 0
+      ? (data.capacity.allocatedLengthMeters / data.capacity.maxLengthMeters) * 100
+      : null;
+  const weightPct =
+    data.capacity.maxWeightTons && data.capacity.maxWeightTons > 0
+      ? (data.capacity.usedWeightTons / data.capacity.maxWeightTons) * 100
+      : null;
+
+  const totalBookings = totalBookingCount(data.counts);
+
+  return (
+    <Container fluid py="lg" px="xl">
+      <Breadcrumbs
+        items={[
+          { label: "Operations" },
+          { label: "Batch board", href: "/dashboard/operations/batch-board" },
+          { label: data.trainNumber ?? data.routeName ?? "Schedule" },
+        ]}
+      />
+
+      <Tabs value={activeTab} onChange={setActiveTab} mt="md">
+        <Tabs.List>
+          <Tabs.Tab value="overview">Overview</Tabs.Tab>
+          <Tabs.Tab value="composition">
+            Train Composition {scheduleDetailQuery.data?.trainSet?.wagons && scheduleDetailQuery.data.trainSet.wagons.length > 0 && `(${scheduleDetailQuery.data.trainSet.wagons.length})`}
+          </Tabs.Tab>
+        </Tabs.List>
+
+        <Tabs.Panel value="overview" pt="lg">
+          <Stack gap="lg">
+            <Group justify="space-between" align="flex-start" wrap="wrap" gap="md">
+            <Stack gap={9} style={{ minWidth: 0 }}>
+              <Group gap="sm" wrap="wrap" align="center">
+                <Button
+                  variant="subtle"
+                  color="gray"
+                  radius="md"
+                  px="sm"
+                  leftSection={<ArrowLeft size={16} />}
+                  onClick={() => navigate("/dashboard/operations/batch-board")}
+                >
+                  Back
+                </Button>
+                <Title order={2} fw={800} style={{ color: "#0f172a", letterSpacing: 0.2 }}>
+                  {data.trainNumber ?? data.routeName ?? "Schedule"}
+                </Title>
+                <WindowStatusPill status={data.bookingWindowStatus} />
+                <HeroChip>{data.status}</HeroChip>
+              </Group>
+              <RouteCorridor origin={data.origin} destination={data.destination} />
+              <Group gap={6} wrap="wrap">
+                <HeroChip icon={<CalendarDays size={12} />}>
+                  {data.scheduleDate
+                    ? new Intl.DateTimeFormat("en-GB", {
+                        weekday: "short",
+                        day: "2-digit",
+                        month: "short",
+                        year: "numeric",
+                        hour: "2-digit",
+                        minute: "2-digit",
+                        hour12: false,
+                        timeZone: "Africa/Addis_Ababa",
+                      }).format(new Date(data.scheduleDate)) + " EAT"
+                    : "No date"}
+                </HeroChip>
+                {data.locomotive ? (
+                  <HeroChip icon={<TrainFront size={12} />}>
+                    Loco {data.locomotive.code} · {fmtTons(data.locomotive.maxPullWeightTons)} ·{" "}
+                    {data.locomotive.maxTrainLengthMeters} m
+                  </HeroChip>
+                ) : null}
+              </Group>
+            </Stack>
+
+            <Group gap="sm">
+              <Button
+                variant="default"
+                radius="md"
+                leftSection={<RefreshCw size={16} />}
+                loading={isFetching}
+                onClick={() => void refetch()}
+              >
+                Refresh
+              </Button>
+              <Button
+                color="green"
+                radius="md"
+                leftSection={<PlayCircle size={16} />}
+                loading={runAllocation.isPending}
+                onClick={handleRunAllocation}
+              >
+                Run allocation
+              </Button>
+              <Button
+                variant="light"
+                color="green"
+                radius="md"
+                leftSection={<Layers size={16} />}
+                onClick={() =>
+                  navigate(`/dashboard/operations/train-scheduling-v2/${data.scheduleId}`)
+                }
+              >
+                Open schedule
+              </Button>
+            </Group>
+          </Group>
+
+          {!data.locomotive ? (
+            <Alert color="red" radius="md" icon={<AlertTriangle size={16} />}>
+              No locomotive assigned — wagon allocation cannot run.
+            </Alert>
+          ) : null}
+
+          <SimpleGrid cols={{ base: 1, xs: 2, md: 4 }} spacing="md">
+            <StatCard
+              icon={Boxes}
+              label="Allocated wagons"
+              value={data.capacity.allocatedWagons}
+              sub="on this train"
+            />
+            <StatCard
+              icon={Ruler}
+              label="Train length"
+              value={
+                data.capacity.maxLengthMeters
+                  ? `${fmtMeters(data.capacity.allocatedLengthMeters)} / ${fmtMeters(data.capacity.maxLengthMeters)}`
+                  : fmtMeters(data.capacity.allocatedLengthMeters)
+              }
+              pct={lengthPct}
+            />
+            <StatCard
+              icon={Weight}
+              label="Weight"
+              value={
+                data.capacity.maxWeightTons
+                  ? `${fmtTons(data.capacity.usedWeightTons)} / ${fmtTons(data.capacity.maxWeightTons)}`
+                  : fmtTons(data.capacity.usedWeightTons)
+              }
+              pct={weightPct}
+            />
+            <StatCard
+              icon={Package}
+              label="Bookings"
+              value={totalBookings}
+              sub={`${data.counts.allocated} allocated · ${data.counts.expired} expired`}
+              variant="line"
+            />
+          </SimpleGrid>
+
+      {/* Booking pipeline */}
+      <Paper
+        radius="lg"
+        withBorder
+        p="lg"
+        mt="lg"
+        style={{ borderColor: "var(--mantine-color-gray-2)" }}
+      >
+        <Group justify="space-between" mb="sm">
+          <Group gap={8} wrap="nowrap">
+            <ThemeIcon size={32} radius="md" variant="light" color="#F2A516">
+              <Package size={16} />
+            </ThemeIcon>
+            <Text fw={700}>Booking pipeline</Text>
+          </Group>
+          <Text size="sm" fw={700} c="dark.4">
+            {totalBookings} booking{totalBookings === 1 ? "" : "s"}
+          </Text>
+        </Group>
+        <BookingPipeline counts={data.counts} size={14} />
+      </Paper>
+
+      {data.allocationViolations.length ? (
+        <Alert
+          color="red"
+          mt="lg"
+          radius="lg"
+          icon={<AlertTriangle size={16} />}
+          title="Allocation constraints"
+        >
+          <Stack gap={4}>
+            {data.allocationViolations.map((v) => (
+              <Text key={v} size="sm">
+                {v}
+              </Text>
+            ))}
+          </Stack>
+        </Alert>
+      ) : null}
+
+      {/* Batch windows */}
+      <Paper
+        radius="lg"
+        withBorder
+        p="lg"
+        mt="lg"
+        style={{ borderColor: "var(--mantine-color-gray-2)" }}
+      >
+        <Group gap="sm" mb={4} wrap="nowrap" align="flex-start">
+          <Box
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: 38,
+              height: 38,
+              borderRadius: 10,
+              background: "linear-gradient(135deg, #FBD171, #F2A516)",
+              color: "white",
+              flexShrink: 0,
+            }}
+          >
+            <Clock size={19} />
+          </Box>
+          <Box>
+            <Title order={4}>Batch windows (EAT)</Title>
+            <Text size="sm" c="dimmed">
+              3-hour windows for every day from when the booking window opened through the
+              departure date. Bookings appear under the date their contract was signed — open a
+              day to see its windows.
+            </Text>
+          </Box>
+        </Group>
+
+        {dayGroups.length && selectedDay ? (
+          <>
+            {/* Date stepper — page back/forward through each day in the range */}
+            <Group justify="center" align="center" wrap="nowrap" gap="md" mt="md">
+              <ActionIcon
+                variant="light"
+                color="#F2A516"
+                size="xl"
+                radius="xl"
+                aria-label="Previous day"
+                disabled={selectedIndex <= 0}
+                onClick={() => setSelectedDate(dayGroups[selectedIndex - 1]?.date ?? null)}
+              >
+                <ChevronLeft size={20} />
+              </ActionIcon>
+
+              <Paper
+                withBorder
+                radius="xl"
+                px="xl"
+                py="xs"
+                style={{
+                  flex: 1,
+                  maxWidth: 360,
+                  textAlign: "center",
+                  background: selectedDay.totalBookings ? "#FEF1D5" : "white",
+                  borderColor: selectedDay.totalBookings
+                    ? "#FBD171"
+                    : "var(--mantine-color-gray-2)",
+                }}
+              >
+                <Group justify="center" gap={8} wrap="nowrap">
+                  <CalendarDays size={15} color="#B26C09" />
+                  <Text
+                    fw={800}
+                    style={{ color: selectedDay.totalBookings ? "#8A5304" : "#0f172a" }}
+                  >
+                    {selectedDay.dateLabel}
+                  </Text>
+                  {selectedDay.date === todayEat ? (
+                    <Badge size="xs" variant="light" color="#F2A516">
+                      Today
+                    </Badge>
+                  ) : null}
+                </Group>
+                <Text size="xs" c="dimmed" mt={2}>
+                  {selectedDay.totalBookings
+                    ? `${selectedDay.totalBookings} booking${selectedDay.totalBookings === 1 ? "" : "s"} · ${selectedDay.windows.length} windows`
+                    : `${selectedDay.windows.length} windows · no bookings`}
+                </Text>
+              </Paper>
+
+              <ActionIcon
+                variant="light"
+                color="#F2A516"
+                size="xl"
+                radius="xl"
+                aria-label="Next day"
+                disabled={selectedIndex >= dayGroups.length - 1}
+                onClick={() => setSelectedDate(dayGroups[selectedIndex + 1]?.date ?? null)}
+              >
+                <ChevronRight size={20} />
+              </ActionIcon>
+            </Group>
+
+            <Group justify="space-between" align="center" mt="sm">
+              <Text size="xs" c="dimmed">
+                Day {selectedIndex + 1} of {dayGroups.length}
+              </Text>
+              <Group gap={6} wrap="nowrap">
+                {selectedDay.hasIssues ? (
+                  <Badge
+                    variant="light"
+                    color="red"
+                    size="sm"
+                    leftSection={<AlertTriangle size={10} />}
+                  >
+                    Issues
+                  </Badge>
+                ) : null}
+                <WindowCountChips counts={selectedDay.counts} />
+              </Group>
+            </Group>
+
+            <Accordion
+              key={selectedDay.date}
+              multiple
+              defaultValue={openWindowKeys}
+              variant="separated"
+              radius="md"
+              mt="md"
+              className="bb-window-accordion"
+            >
+              {selectedDay.windows.map((window) => (
+                <WindowAccordionItem key={window.key} window={window} />
+              ))}
+            </Accordion>
+          </>
+        ) : (
+          <Text size="sm" c="dimmed" ta="center" py="lg">
+            No batch windows for this schedule.
+          </Text>
+        )}
+
+        {data.pendingContract.bookings.length ? (
+          <Accordion
+            multiple
+            defaultValue={["pending-contract"]}
+            variant="separated"
+            radius="md"
+            mt="md"
+            className="bb-window-accordion"
+          >
+            <Accordion.Item value="pending-contract">
+              <Accordion.Control>
+                <Group justify="space-between" wrap="nowrap" pr="md" gap="sm">
+                  <Group gap="sm" wrap="nowrap">
+                    <Box
+                      style={{
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        width: 34,
+                        height: 34,
+                        borderRadius: 10,
+                        flexShrink: 0,
+                        background: "var(--mantine-color-gray-0)",
+                        border: "1px solid var(--mantine-color-gray-2)",
+                        color: "var(--mantine-color-gray-6)",
+                      }}
+                    >
+                      <FileSignature size={16} />
+                    </Box>
+                    <Box>
+                      <Text fw={700} size="sm">
+                        Pending contract
+                      </Text>
+                      <Text size="xs" c="dimmed">
+                        Contract not signed yet — not in any window
+                      </Text>
+                    </Box>
+                  </Group>
+                  <Badge variant="outline" color="gray" size="sm">
+                    {data.pendingContract.bookings.length} booking
+                    {data.pendingContract.bookings.length === 1 ? "" : "s"}
+                  </Badge>
+                </Group>
+              </Accordion.Control>
+              <Accordion.Panel>
+                <BookingTable bookings={data.pendingContract.bookings} />
+              </Accordion.Panel>
+            </Accordion.Item>
+          </Accordion>
+        ) : null}
+      </Paper>
+
+      {/* Train composition diagram */}
+      {hasAssignedWagons && scheduleDetailQuery.data ? (
+        <Box mt="lg">
+          <TrainCompositionDiagram
+            locomotive={scheduleDetailQuery.data.trainSet?.locomotive}
+            wagons={scheduleDetailQuery.data.trainSet?.wagons ?? []}
+            freightType="CONTAINER"
+            trainNumber={scheduleDetailQuery.data.trainNumber}
+            totalLengthMeters={scheduleDetailQuery.data.trainSet?.totalLengthMeters}
+          />
+        </Box>
+      ) : null}
+          </Stack>
+        </Tabs.Panel>
+
+        <Tabs.Panel value="composition" pt="lg">
+          {scheduleDetailQuery.data && scheduleDetailQuery.data.trainSet ? (
+            <Group align="stretch" gap="md" wrap="nowrap">
+              <Box style={{ flex: 1, minWidth: 0 }}>
+                <TrainConsistView
+                  scheduleDetail={scheduleDetailQuery.data}
+                  scheduleId={scheduleId ?? ""}
+                  maxWagons={53}
+                  highlightBookingId={selectedBookingId}
+                />
+              </Box>
+              <Box style={{ width: 380, flexShrink: 0, minHeight: 520 }}>
+                <CompositionBookingTabs
+                  scheduleDetail={scheduleDetailQuery.data}
+                  scheduleId={scheduleId ?? ""}
+                  awaitingPayment={batchBookings.awaitingPayment}
+                  expired={batchBookings.expired}
+                  selectedBookingId={selectedBookingId}
+                  onSelectBooking={setSelectedBookingId}
+                />
+              </Box>
+            </Group>
+          ) : (
+            <Paper
+              radius="lg"
+              withBorder
+              py={64}
+              style={{ borderColor: "var(--mantine-color-gray-2)" }}
+            >
+              <Group justify="center">
+                <Loader color="green" size="sm" />
+                <Text size="sm" c="dimmed">
+                  Loading train composition…
+                </Text>
+              </Group>
+            </Paper>
+          )}
+        </Tabs.Panel>
+      </Tabs>
+    </Container>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleTrackPage.tsx b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleTrackPage.tsx
new file mode 100644
index 000000000..6f85b82d6
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleTrackPage.tsx
@@ -0,0 +1,331 @@
+import { Link, useParams } from "react-router-dom";
+import { isAxiosError } from "axios";
+import {
+  ArrowLeft,
+  CalendarClock,
+  CheckCircle2,
+  Flag,
+  MapPin,
+  Navigation,
+  Train,
+} from "lucide-react";
+import {
+  Badge,
+  Box,
+  Button,
+  Group,
+  Loader,
+  Paper,
+  Progress,
+  Stack,
+  Text,
+  ThemeIcon,
+  Timeline,
+  Title,
+} from "@mantine/core";
+
+import { RouteCorridorTrack } from "@/components/trainScheduling/RouteCorridorTrack";
+import { RouteCorridor, StatusPill } from "@/components/trainScheduling/scheduleVisuals";
+import { freightBrand } from "@/theme/freight-brand";
+import { useTrainTrack, useScheduleMutations } from "@/hooks/trainScheduling/useTrainScheduling";
+import { useToast } from "@/hooks/use-toast";
+
+const parseError = (error: unknown, fallback: string) => {
+  if (isAxiosError(error)) {
+    const data = error.response?.data as Record<string, unknown> | undefined;
+    const message = data?.message;
+    if (Array.isArray(message)) return message.join(", ");
+    if (typeof message === "string") return message;
+  }
+  return fallback;
+};
+
+function formatDateTime(iso?: string | null) {
+  if (!iso) return "—";
+  return new Date(iso).toLocaleString(undefined, {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+}
+
+/** Compact icon + label + value cell used in the header meta strip. */
+function MetaStat({
+  icon,
+  label,
+  value,
+}: {
+  icon: React.ReactNode;
+  label: string;
+  value: string;
+}) {
+  return (
+    <Group gap={8} wrap="nowrap" style={{ minWidth: 0 }}>
+      <ThemeIcon size={32} radius="md" variant="light" color="green">
+        {icon}
+      </ThemeIcon>
+      <Stack gap={0} style={{ minWidth: 0 }}>
+        <Text size="10px" fw={700} tt="uppercase" c="dimmed" style={{ letterSpacing: 0.5 }}>
+          {label}
+        </Text>
+        <Text size="sm" fw={700} c="dark.5" truncate>
+          {value}
+        </Text>
+      </Stack>
+    </Group>
+  );
+}
+
+export default function TrainScheduleTrackPage() {
+  const { scheduleId } = useParams<{ scheduleId: string }>();
+  const { toast } = useToast();
+  const trackQuery = useTrainTrack(scheduleId);
+  const { recordCheckpoint } = useScheduleMutations(scheduleId);
+
+  if (trackQuery.isLoading) {
+    return (
+      <Group justify="center" py="xl">
+        <Loader size="sm" color="green" />
+      </Group>
+    );
+  }
+
+  const track = trackQuery.data;
+  if (!track || !scheduleId) {
+    return (
+      <Text c="dimmed" py="xl">
+        Tracking data not found.
+      </Text>
+    );
+  }
+
+  const canLog = track.status === "DISPATCHED";
+  const totalStations = track.stations.length;
+  const reached = Math.min(track.currentSequenceNo + 1, totalStations);
+  const progressPct = totalStations > 1 ? (track.currentSequenceNo / (totalStations - 1)) * 100 : 0;
+  const clampedPct = Math.min(100, Math.max(0, progressPct));
+  const currentStation = track.stations[Math.max(0, track.currentSequenceNo)]?.label ?? "—";
+
+  const handleLog = (sequenceNo: number) => {
+    const isFinal = sequenceNo === track.stations[totalStations - 1]?.sequenceNo;
+    recordCheckpoint.mutate(
+      { id: scheduleId, payload: { sequenceNo } },
+      {
+        onSuccess: () => {
+          toast({
+            title: isFinal
+              ? "Train arrived — assets freed, moved to destination yard"
+              : "Checkpoint logged",
+          });
+        },
+        onError: (err) =>
+          toast({
+            title: "Could not log checkpoint",
+            description: parseError(err, "Please try again"),
+            variant: "destructive",
+          }),
+      },
+    );
+  };
+
+  return (
+    <Stack gap="md" px={{ base: "xs", sm: 0 }} py="md" maw={1080} mx="auto" w="100%">
+      <Button
+        component={Link}
+        to={`/dashboard/operations/train-scheduling-v2/${scheduleId}`}
+        variant="subtle"
+        color="gray"
+        size="compact-sm"
+        leftSection={<ArrowLeft size={16} />}
+        w="fit-content"
+      >
+        Back to schedule
+      </Button>
+
+      {/* Header */}
+      <Paper radius="lg" withBorder p="lg" style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Stack gap="lg">
+          <Group justify="space-between" align="flex-start" wrap="wrap" gap="md">
+            <Group gap="md" align="flex-start" wrap="nowrap" style={{ minWidth: 0 }}>
+              <Box
+                style={{
+                  width: 48,
+                  height: 48,
+                  borderRadius: 12,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  background: freightBrand.gradient,
+                  color: "white",
+                  flexShrink: 0,
+                }}
+              >
+                <Navigation size={24} />
+              </Box>
+              <Stack gap={6} style={{ minWidth: 0 }}>
+                <Group gap="sm" align="center" wrap="wrap">
+                  <Title order={3} fw={800}>
+                    Train tracking
+                  </Title>
+                  {track.trainNumber ? (
+                    <Badge variant="light" color="green" radius="sm">
+                      {track.trainNumber}
+                    </Badge>
+                  ) : null}
+                  {track.direction ? (
+                    <Badge variant="light" color="gray" radius="sm">
+                      {track.direction}
+                    </Badge>
+                  ) : null}
+                </Group>
+                <Box maw={360}>
+                  <RouteCorridor origin={track.origin} destination={track.destination} variant="compact" />
+                </Box>
+              </Stack>
+            </Group>
+            <StatusPill status={track.status} />
+          </Group>
+
+          {/* Journey progress */}
+          <Box>
+            <Group justify="space-between" mb={6}>
+              <Text size="xs" fw={700} c="gray.7" tt="uppercase" style={{ letterSpacing: 0.4 }}>
+                Journey progress
+              </Text>
+              <Text size="xs" fw={700} c="green.8">
+                {reached} / {totalStations} stations · {Math.round(clampedPct)}%
+              </Text>
+            </Group>
+            <Progress
+              value={clampedPct}
+              size="lg"
+              radius="xl"
+              color="green"
+              striped={track.status === "DISPATCHED"}
+              animated={track.status === "DISPATCHED"}
+            />
+          </Box>
+
+          {/* Meta strip */}
+          <Group justify="space-between" wrap="wrap" gap="lg">
+            <MetaStat icon={<MapPin size={16} />} label="Current" value={currentStation} />
+            <MetaStat
+              icon={<CalendarClock size={16} />}
+              label="Departed"
+              value={formatDateTime(track.actualDepartureAt)}
+            />
+            <MetaStat
+              icon={<Flag size={16} />}
+              label="Arrived"
+              value={formatDateTime(track.actualArrivalAt)}
+            />
+            <MetaStat
+              icon={<Train size={16} />}
+              label="Stations"
+              value={`${reached} of ${totalStations}`}
+            />
+          </Group>
+        </Stack>
+      </Paper>
+
+      {/* Corridor */}
+      <Paper radius="lg" p="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Stack gap="md">
+          <Group gap="sm" align="center" wrap="nowrap">
+            <ThemeIcon size={34} radius="md" variant="light" color="green">
+              <Navigation size={17} />
+            </ThemeIcon>
+            <Stack gap={0}>
+              <Text fw={800} size="sm">
+                Route corridor
+              </Text>
+              <Text size="xs" c="dimmed">
+                {canLog
+                  ? "Log the train passing each station; the final station marks arrival."
+                  : track.status === "ARRIVED"
+                    ? "This train has arrived at its destination."
+                    : "Tracking becomes available once the train is dispatched."}
+              </Text>
+            </Stack>
+          </Group>
+
+          <RouteCorridorTrack
+            stations={track.stations}
+            currentSequenceNo={track.currentSequenceNo}
+            checkpoints={track.checkpoints}
+            canLog={canLog}
+            loggingSeq={
+              recordCheckpoint.isPending ? recordCheckpoint.variables?.payload.sequenceNo : null
+            }
+            onLogCheckpoint={handleLog}
+          />
+        </Stack>
+      </Paper>
+
+      {/* Checkpoint log */}
+      <Paper radius="lg" p="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Group gap="sm" align="center" wrap="nowrap" mb="md">
+          <ThemeIcon size={34} radius="md" variant="light" color="green">
+            <CheckCircle2 size={17} />
+          </ThemeIcon>
+          <Stack gap={0}>
+            <Text fw={800} size="sm">
+              Checkpoint log
+            </Text>
+            <Text size="xs" c="dimmed">
+              {track.checkpoints.length} event{track.checkpoints.length === 1 ? "" : "s"} recorded
+            </Text>
+          </Stack>
+        </Group>
+
+        {track.checkpoints.length === 0 ? (
+          <Stack align="center" gap="xs" py="xl">
+            <ThemeIcon size={44} radius="xl" variant="light" color="gray">
+              <MapPin size={20} />
+            </ThemeIcon>
+            <Text size="sm" fw={600} c="gray.7">
+              No checkpoints yet
+            </Text>
+            <Text size="xs" c="dimmed" ta="center" maw={300}>
+              Each station the train passes will be logged here with its timestamp.
+            </Text>
+          </Stack>
+        ) : (
+          <Timeline active={track.checkpoints.length} bulletSize={22} lineWidth={2} color="green">
+            {track.checkpoints.map((cp) => (
+              <Timeline.Item
+                key={cp.id}
+                bullet={cp.kind === "ARRIVED" ? <CheckCircle2 size={13} /> : <MapPin size={12} />}
+                title={
+                  <Group gap="sm">
+                    <Text fw={700} size="sm">
+                      {cp.label ?? `Station ${cp.sequenceNo}`}
+                    </Text>
+                    <Badge
+                      size="xs"
+                      radius="sm"
+                      variant="light"
+                      color={cp.kind === "ARRIVED" ? "teal" : cp.kind === "DEPARTED" ? "blue" : "green"}
+                    >
+                      {cp.kind}
+                    </Badge>
+                  </Group>
+                }
+              >
+                <Text size="xs" c="dimmed">
+                  {formatDateTime(cp.occurredAt)}
+                </Text>
+                {cp.note ? (
+                  <Text size="xs" mt={2}>
+                    {cp.note}
+                  </Text>
+                ) : null}
+              </Timeline.Item>
+            ))}
+          </Timeline>
+        )}
+      </Paper>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleV2DetailPage.tsx b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleV2DetailPage.tsx
new file mode 100644
index 000000000..834066e2f
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleV2DetailPage.tsx
@@ -0,0 +1,933 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Link, useParams } from "react-router-dom";
+import { isAxiosError } from "axios";
+import {
+  ArrowLeft,
+  CalendarClock,
+  CheckCircle2,
+  Container as ContainerIcon,
+  Eye,
+  LayoutGrid,
+  Navigation,
+  Package,
+  Route as RouteIcon,
+  Send,
+  Train,
+  Weight,
+} from "lucide-react";
+import {
+  Badge,
+  Box,
+  Button,
+  Checkbox,
+  Group,
+  Loader,
+  Paper,
+  RingProgress,
+  SimpleGrid,
+  Stack,
+  Text,
+  ThemeIcon,
+  Title,
+} from "@mantine/core";
+
+import { ContainerPlacementGrid } from "@/components/trainScheduling/ContainerPlacementGrid";
+import {
+  autoFillPlacements,
+  mergePlacementsWithSaved,
+  placementsFromScheduleWagons,
+  validateLocalPlacements,
+} from "@/components/trainScheduling/containerPlacement.util";
+import { FleetAvailabilitySummary } from "@/components/trainScheduling/FleetAvailabilitySummary";
+import { ScheduleBookingsStep } from "@/components/trainScheduling/ScheduleBookingsStep";
+import {
+  PreviewSummary,
+  ScheduleWarningsAlert,
+} from "@/components/trainScheduling/ScheduleWarningsAlert";
+import { FreightTypeBadge } from "@/components/trainScheduling/ScheduleStatusBadge";
+import {
+  RouteCorridor,
+  StatTile,
+  StatusPill,
+  scheduleBrand,
+} from "@/components/trainScheduling/scheduleVisuals";
+import { RescheduleTrainDialog } from "@/components/trainScheduling/RescheduleTrainDialog";
+import { ScheduleBatchPanel } from "@/components/trainScheduling/ScheduleBatchPanel";
+import { WorkflowRail, WorkflowStep } from "@/components/trainScheduling/WorkflowStep";
+import { shouldShowContainerPlacementStep } from "@/components/trainScheduling/schedulingContainerStep.util";
+import { WagonPlanGrid } from "@/components/trainScheduling/WagonPlanGrid";
+import { TrainCompositionDiagram } from "@/components/trainScheduling/TrainCompositionDiagram";
+import {
+  useEligibleBookings,
+  useScheduleDetail,
+  useScheduleMutations,
+} from "@/hooks/trainScheduling/useTrainScheduling";
+import { useToast } from "@/hooks/use-toast";
+import type {
+  ContainerPlacement,
+  FreightType,
+  TrainSchedulePreviewResponse,
+} from "@/types/trainScheduling";
+
+const parseError = (error: unknown, fallback: string) => {
+  if (isAxiosError(error)) {
+    const data = error.response?.data as Record<string, unknown> | undefined;
+    const message = data?.message;
+    if (Array.isArray(message)) return message.join(", ");
+    if (typeof message === "string") return message;
+    const violations = data?.violations;
+    if (Array.isArray(violations)) return violations.join(", ");
+  }
+  return fallback;
+};
+
+export default function TrainScheduleV2DetailPage() {
+  const { scheduleId } = useParams<{ scheduleId: string }>();
+  const { toast } = useToast();
+  const [activeStep, setActiveStep] = useState(0);
+  const [selectedBookingIds, setSelectedBookingIds] = useState<string[]>([]);
+  const [forceAssign, setForceAssign] = useState(false);
+  const [previewResult, setPreviewResult] = useState<TrainSchedulePreviewResponse | null>(null);
+  const [containerPlacements, setContainerPlacements] = useState<ContainerPlacement[]>([]);
+  const [maintenanceOpen, setMaintenanceOpen] = useState(false);
+  const autoPreviewedRef = useRef(false);
+
+  const detailQuery = useScheduleDetail(scheduleId);
+  const schedule = detailQuery.data;
+  const freightType: FreightType | undefined = schedule?.freightType as FreightType | undefined;
+
+  const eligibleFilters = useMemo(
+    () =>
+      schedule
+        ? {
+            originStationId: schedule.originStation?.id,
+            destinationStationId: schedule.destinationStation?.id,
+            // Only this schedule's own bookings are eligible — same rule as the auto batch.
+            trainScheduleId: scheduleId,
+          }
+        : undefined,
+    [schedule, scheduleId],
+  );
+
+  const eligibleFreightType =
+    freightType === "CONTAINER" || freightType === "BULK" ? freightType : undefined;
+
+  const eligibleQuery = useEligibleBookings(
+    eligibleFilters,
+    Boolean(schedule),
+    eligibleFreightType,
+  );
+  const { preview, assign, unassign, finalize, dispatch } = useScheduleMutations(scheduleId);
+
+  const assignedIds = useMemo(
+    () => (schedule?.bookings ?? []).map((b) => b.id),
+    [schedule?.bookings],
+  );
+
+  const allSelectedIds = useMemo(() => {
+    const merged = new Set([...assignedIds, ...selectedBookingIds]);
+    return [...merged];
+  }, [assignedIds, selectedBookingIds]);
+
+  const containerUnits = previewResult?.containerUnits ?? [];
+  const containerSlots = previewResult?.containerSlotSequenceNos ?? [];
+  const hasContainerStep = useMemo(
+    () =>
+      shouldShowContainerPlacementStep({
+        containerUnitCount: containerUnits.length,
+        scheduleFreightType: freightType,
+        bookingFreightTypes: [
+          ...(schedule?.bookings ?? []).map((b) => b.freightType),
+          ...(eligibleQuery.data?.items ?? [])
+            .filter((item) => allSelectedIds.includes(item.id))
+            .map((item) => item.freightType),
+        ],
+      }),
+    [
+      allSelectedIds,
+      containerUnits.length,
+      eligibleQuery.data?.items,
+      freightType,
+      schedule?.bookings,
+    ],
+  );
+
+  const displayWagonPlan = useMemo(() => {
+    const savedWagons = schedule?.trainSet?.wagons ?? [];
+    // Map each slot to its reserved physical wagon number (from the wagon table) so the
+    // plan shows real wagon ids (e.g. WGN-DEMO-001) instead of generic "Wagon #1".
+    const physicalBySeq = new Map(
+      savedWagons.map((w) => [w.sequenceNo, w.physicalWagonNumber ?? null]),
+    );
+    if (previewResult?.wagonPlan?.length) {
+      return previewResult.wagonPlan.map((slot) => ({
+        ...slot,
+        physicalWagonNumber: physicalBySeq.get(slot.sequenceNo) ?? null,
+      }));
+    }
+    if (savedWagons.length) return savedWagons;
+    return [];
+  }, [previewResult?.wagonPlan, schedule?.trainSet?.wagons]);
+
+  const runPreview = useCallback(
+    async (options?: { silent?: boolean; advanceStep?: boolean }) => {
+      if (!schedule || !scheduleId) return null;
+      if (!allSelectedIds.length) {
+        if (!options?.silent) {
+          toast({ title: "Select at least one booking", variant: "destructive" });
+        }
+        return null;
+      }
+      const originStationId = schedule.originStation?.id;
+      const destinationStationId = schedule.destinationStation?.id;
+      if (!originStationId || !destinationStationId) {
+        if (!options?.silent) {
+          toast({ title: "Schedule missing origin or destination", variant: "destructive" });
+        }
+        return null;
+      }
+      try {
+        const result = await preview.mutateAsync({
+          freightType,
+          payload: {
+            bookingIds: allSelectedIds,
+            scheduleDate: schedule.scheduledDepartureDate,
+            originStationId,
+            destinationStationId,
+            targetScheduleId: scheduleId,
+          },
+        });
+        setPreviewResult(result);
+        if (result.containerUnits?.length && result.containerSlotSequenceNos?.length) {
+          const autoFilled = autoFillPlacements(
+            result.containerUnits,
+            result.containerSlotSequenceNos,
+          );
+          const saved = schedule.trainSet?.wagons
+            ? placementsFromScheduleWagons(schedule.trainSet.wagons)
+            : [];
+          setContainerPlacements(
+            saved.length ? mergePlacementsWithSaved(autoFilled, saved) : autoFilled,
+          );
+        } else {
+          setContainerPlacements([]);
+        }
+        if (!options?.silent) {
+          if (!result.valid) {
+            toast({ title: "Preview has violations", variant: "destructive" });
+          } else if (options?.advanceStep !== false) {
+            setActiveStep(1);
+          }
+        }
+        return result;
+      } catch (err) {
+        if (!options?.silent) {
+          toast({
+            title: "Preview failed",
+            description: parseError(err, "Could not preview"),
+            variant: "destructive",
+          });
+        }
+        return null;
+      }
+    },
+    [allSelectedIds, freightType, preview, schedule, scheduleId, toast],
+  );
+
+  useEffect(() => {
+    if (!schedule || !scheduleId || autoPreviewedRef.current) return;
+    if (!assignedIds.length) return;
+    autoPreviewedRef.current = true;
+    void runPreview({ silent: true, advanceStep: false });
+  }, [assignedIds.length, runPreview, schedule, scheduleId]);
+
+  const savedPlacementsFromSchedule = useMemo(
+    () =>
+      schedule?.trainSet?.wagons
+        ? placementsFromScheduleWagons(schedule.trainSet.wagons)
+        : [],
+    [schedule?.trainSet?.wagons],
+  );
+
+  useEffect(() => {
+    if (!containerUnits.length || !containerSlots.length) return;
+
+    setContainerPlacements((current) => {
+      if (current.length && current.some((p) => p.containerNumber?.trim())) {
+        return current;
+      }
+      const autoFilled = autoFillPlacements(containerUnits, containerSlots);
+      if (savedPlacementsFromSchedule.length) {
+        return mergePlacementsWithSaved(autoFilled, savedPlacementsFromSchedule);
+      }
+      if (current.length) return current;
+      return autoFilled;
+    });
+  }, [containerUnits, containerSlots, savedPlacementsFromSchedule]);
+
+  if (detailQuery.isLoading) {
+    return (
+      <Group justify="center" py="xl">
+        <Loader size="sm" />
+      </Group>
+    );
+  }
+
+  if (!schedule || !scheduleId) {
+    return (
+      <Text c="dimmed" py="xl">
+        Schedule not found
+      </Text>
+    );
+  }
+
+  const canEditBookings = ["DRAFT", "SCHEDULED"].includes(schedule.status);
+  const canFinalize = schedule.status === "DRAFT" && (schedule.bookings?.length ?? 0) > 0;
+  const canDispatch = schedule.status === "SCHEDULED";
+  const finalizeStep = hasContainerStep ? 3 : 2;
+  const canModifyBookings = canEditBookings && !["DISPATCHED", "ARRIVED"].includes(schedule.status);
+
+  const handleAssign = async () => {
+    if (!allSelectedIds.length) return;
+
+    if (hasContainerStep) {
+      const issues = validateLocalPlacements(containerUnits, containerPlacements);
+      if (issues.length) {
+        toast({
+          title: "Complete container assignments",
+          description: issues.join(", "),
+          variant: "destructive",
+        });
+        return;
+      }
+    }
+
+    try {
+      const result = await assign.mutateAsync({
+        id: scheduleId,
+        freightType,
+        payload: {
+          bookingIds: allSelectedIds,
+          forceAssign,
+          containerPlacements: hasContainerStep ? containerPlacements : undefined,
+        },
+      });
+      toast({ title: "Bookings assigned — wagons auto-pinned" });
+      const refreshed = await detailQuery.refetch();
+      const saved = refreshed.data?.trainSet?.wagons
+        ? placementsFromScheduleWagons(refreshed.data.trainSet.wagons)
+        : [];
+      if (saved.length) {
+        setContainerPlacements(saved);
+      }
+      autoPreviewedRef.current = false;
+      setActiveStep(finalizeStep);
+      if (result.deferredBookings?.length) {
+        toast({
+          title: "Partial assignment",
+          description: `${result.deferredBookings.length} booking(s) deferred to next train`,
+        });
+      }
+    } catch (err) {
+      toast({
+        title: "Assign failed",
+        description: parseError(err, "Could not assign"),
+        variant: "destructive",
+      });
+    }
+  };
+
+  const handleUnassign = async (bookingId: string) => {
+    try {
+      await unassign.mutateAsync({ id: scheduleId, bookingId });
+      toast({ title: "Booking unassigned" });
+      setSelectedBookingIds((ids) => ids.filter((id) => id !== bookingId));
+      setPreviewResult(null);
+      autoPreviewedRef.current = false;
+    } catch (err) {
+      toast({
+        title: "Unassign failed",
+        description: parseError(err, "Could not unassign"),
+        variant: "destructive",
+      });
+    }
+  };
+
+  const containerComplete =
+    hasContainerStep &&
+    containerUnits.length > 0 &&
+    validateLocalPlacements(containerUnits, containerPlacements).length === 0;
+  const finalizeComplete = ["SCHEDULED", "DISPATCHED", "ARRIVED"].includes(
+    schedule.status,
+  );
+
+  const stepsMeta = [
+    {
+      key: "bookings",
+      icon: Package,
+      title: "Bookings",
+      subtitle: "Select cargo & preview the plan",
+      complete: Boolean(previewResult) || assignedIds.length > 0,
+    },
+    {
+      key: "wagon",
+      icon: LayoutGrid,
+      title: "Wagon plan",
+      subtitle: "Review generated allocations",
+      complete: displayWagonPlan.length > 0,
+    },
+    ...(hasContainerStep
+      ? [
+          {
+            key: "container",
+            icon: ContainerIcon,
+            title: "Containers",
+            subtitle: "Map units to wagon slots",
+            complete: containerComplete,
+          },
+        ]
+      : []),
+    {
+      key: "finalize",
+      icon: CheckCircle2,
+      title: "Finalize",
+      subtitle: "Lock the plan & dispatch",
+      complete: finalizeComplete,
+    },
+  ];
+  const completedCount = stepsMeta.filter((s) => s.complete).length;
+  const progressPct = Math.round((completedCount / stepsMeta.length) * 100);
+  const toggleStep = (i: number) => setActiveStep((cur) => (cur === i ? -1 : i));
+
+  const renderStepRightSlot = (key: string) => {
+    if (key === "bookings") {
+      if (previewResult) {
+        return (
+          <Badge
+            variant="light"
+            color={previewResult.valid ? "green" : "red"}
+            radius="sm"
+          >
+            {previewResult.valid ? "Plan valid" : "Has issues"}
+          </Badge>
+        );
+      }
+      return allSelectedIds.length ? (
+        <Badge variant="light" color="green" radius="sm">
+          {allSelectedIds.length} selected
+        </Badge>
+      ) : null;
+    }
+    if (key === "wagon" && displayWagonPlan.length) {
+      return (
+        <Badge variant="light" color="green" radius="sm">
+          {displayWagonPlan.length} wagons
+        </Badge>
+      );
+    }
+    if (key === "container" && containerUnits.length) {
+      return (
+        <Badge
+          variant="light"
+          color={containerComplete ? "green" : "yellow"}
+          radius="sm"
+        >
+          {containerUnits.length} units
+        </Badge>
+      );
+    }
+    if (key === "finalize") {
+      return <StatusPill status={schedule.status} />;
+    }
+    return null;
+  };
+
+  const renderStepBody = (key: string) => {
+    if (key === "bookings") {
+      return (
+        <Stack gap="md">
+          <ScheduleBookingsStep
+            assignedBookings={(schedule.bookings ?? []).map((b) => ({
+              id: b.id,
+              reference: b.reference ?? b.id.slice(0, 8),
+              weightTons: b.weightTons,
+            }))}
+            eligibleItems={eligibleQuery.data?.items ?? []}
+            eligibleLoading={eligibleQuery.isLoading}
+            selectedIds={allSelectedIds}
+            onSelectionChange={(ids) => {
+              const assigned = new Set(assignedIds);
+              setSelectedBookingIds(ids.filter((id) => !assigned.has(id)));
+            }}
+            assignedIds={assignedIds}
+            freightType={freightType}
+            canRemove={canModifyBookings}
+            onRemove={handleUnassign}
+          />
+
+          {canEditBookings ? (
+            <Group
+              align="center"
+              justify="space-between"
+              wrap="wrap"
+              gap="md"
+              p="sm"
+              style={{
+                borderRadius: 12,
+                background: "var(--mantine-color-gray-0)",
+                border: "1px solid var(--mantine-color-gray-2)",
+              }}
+            >
+              <Checkbox
+                label="Force assign (bypass hold / overweight warnings)"
+                checked={forceAssign}
+                onChange={(e) => setForceAssign(e.currentTarget.checked)}
+                size="sm"
+              />
+              <Button
+                color="green"
+                radius="md"
+                leftSection={<Eye size={16} />}
+                loading={preview.isPending}
+                onClick={() => void runPreview()}
+              >
+                Preview plan
+              </Button>
+            </Group>
+          ) : null}
+
+          {previewResult ? (
+            <Stack gap="sm">
+              <ScheduleWarningsAlert
+                violations={previewResult.violations}
+                warnings={previewResult.warnings}
+              />
+              <FleetAvailabilitySummary
+                fleetAvailability={previewResult.fleetAvailability}
+                deferredBookings={previewResult.deferredBookings}
+              />
+              <PreviewSummary summary={previewResult.summary} />
+            </Stack>
+          ) : null}
+        </Stack>
+      );
+    }
+
+    if (key === "wagon") {
+      return (
+        <Stack gap="md">
+          {!displayWagonPlan.length && !previewResult ? (
+            <Paper p="md" radius="lg" withBorder bg="gray.0">
+              <Text size="sm" c="dimmed">
+                Run a preview from the Bookings step to generate the wagon plan.
+              </Text>
+            </Paper>
+          ) : null}
+          <FleetAvailabilitySummary
+            fleetAvailability={previewResult?.fleetAvailability}
+            deferredBookings={previewResult?.deferredBookings}
+          />
+          <WagonPlanGrid wagonPlan={displayWagonPlan} freightType={freightType} />
+          {canEditBookings && (previewResult || displayWagonPlan.length) ? (
+            <Group>
+              {!hasContainerStep ? (
+                <Button
+                  color="green"
+                  radius="md"
+                  loading={assign.isPending}
+                  onClick={handleAssign}
+                >
+                  {assignedIds.length ? "Save assignments" : "Assign bookings"}
+                </Button>
+              ) : (
+                <Button
+                  color="green"
+                  radius="md"
+                  rightSection={<ContainerIcon size={16} />}
+                  onClick={() => setActiveStep(2)}
+                >
+                  Continue to containers
+                </Button>
+              )}
+              <Button variant="default" radius="md" onClick={() => void runPreview()}>
+                Refresh preview
+              </Button>
+            </Group>
+          ) : null}
+        </Stack>
+      );
+    }
+
+    if (key === "container") {
+      return (
+        <Stack gap="md">
+          {!containerUnits.length ? (
+            <Paper p="md" radius="lg" withBorder bg="gray.0">
+              <Text size="sm" c="dimmed">
+                Run preview from the Bookings step to load container units for numbering.
+              </Text>
+            </Paper>
+          ) : (
+            <ContainerPlacementGrid
+              units={containerUnits}
+              containerSlots={containerSlots}
+              placements={containerPlacements}
+              onChange={setContainerPlacements}
+            />
+          )}
+          {canEditBookings ? (
+            <Group>
+              <Button
+                color="green"
+                radius="md"
+                loading={assign.isPending}
+                onClick={handleAssign}
+              >
+                {assignedIds.length ? "Save assignments" : "Assign bookings"}
+              </Button>
+              <Button
+                variant="default"
+                radius="md"
+                onClick={() => setActiveStep(finalizeStep)}
+              >
+                Skip to finalize
+              </Button>
+            </Group>
+          ) : null}
+        </Stack>
+      );
+    }
+
+    // finalize
+    return (
+      <Stack gap="md">
+        <TrainCompositionDiagram
+          locomotive={schedule.trainSet?.locomotive}
+          wagons={
+            schedule.trainSet?.wagons?.length
+              ? schedule.trainSet.wagons
+              : displayWagonPlan
+          }
+          freightType={freightType}
+          trainNumber={schedule.trainNumber}
+          totalLengthMeters={schedule.trainSet?.totalLengthMeters}
+        />
+        <Paper
+          p="lg"
+          radius="lg"
+          withBorder
+          style={{
+            background: scheduleBrand.softSurface,
+            borderColor: scheduleBrand.mutedBorder,
+          }}
+        >
+          <Group gap="md" align="flex-start" wrap="nowrap">
+            <ThemeIcon size={44} radius="md" variant="light" color="#F2A516">
+              <CheckCircle2 size={22} />
+            </ThemeIcon>
+            <Stack gap={2}>
+              <Text fw={600}>Ready to depart</Text>
+              <Text size="sm" c="dimmed">
+                Finalizing locks the plan and moves the schedule to{" "}
+                <Text span fw={600} c="green.7">
+                  SCHEDULED
+                </Text>
+                . Dispatch then begins rail movement and notifies the yard.
+              </Text>
+            </Stack>
+          </Group>
+        </Paper>
+        <Group>
+          {canFinalize ? (
+            <Button
+              color="green"
+              size="md"
+              radius="md"
+              leftSection={<CheckCircle2 size={18} />}
+              loading={finalize.isPending}
+              onClick={async () => {
+                try {
+                  await finalize.mutateAsync(scheduleId);
+                  toast({ title: "Schedule finalized" });
+                } catch (err) {
+                  toast({
+                    title: "Finalize failed",
+                    description: parseError(err, "Could not finalize"),
+                    variant: "destructive",
+                  });
+                }
+              }}
+            >
+              Finalize schedule
+            </Button>
+          ) : null}
+          {canDispatch ? (
+            <Button
+              color="green"
+              size="md"
+              radius="md"
+              leftSection={<Send size={18} />}
+              loading={dispatch.isPending}
+              onClick={async () => {
+                try {
+                  await dispatch.mutateAsync(scheduleId);
+                  toast({ title: "Train dispatched" });
+                } catch (err) {
+                  toast({
+                    title: "Dispatch failed",
+                    description: parseError(err, "Could not dispatch"),
+                    variant: "destructive",
+                  });
+                }
+              }}
+            >
+              Dispatch train
+            </Button>
+          ) : null}
+          {!canFinalize && !canDispatch ? (
+            <Text size="sm" c="dimmed">
+              No actions available for this schedule status.
+            </Text>
+          ) : null}
+        </Group>
+      </Stack>
+    );
+  };
+
+  return (
+    <Stack gap="lg">
+      <Button
+        component={Link}
+        to="/dashboard/operations/train-scheduling-v2"
+        variant="subtle"
+        color="gray"
+        size="compact-sm"
+        leftSection={<ArrowLeft size={16} />}
+        w="fit-content"
+      >
+        Back to schedules
+      </Button>
+
+      <Paper
+        radius="xl"
+        p="xl"
+        style={{
+          position: "relative",
+          overflow: "hidden",
+          background: "#ffffff",
+          border: "1px solid var(--mantine-color-gray-2)",
+          boxShadow: "0 1px 3px rgba(15,23,42,0.04)",
+        }}
+      >
+        <Stack gap="lg" style={{ position: "relative" }}>
+          <Group justify="space-between" align="flex-start" wrap="wrap">
+            <Group gap="md" align="flex-start" wrap="nowrap">
+              <ThemeIcon size={56} radius="lg" variant="light" color="#F2A516">
+                <Train size={28} />
+              </ThemeIcon>
+              <Stack gap={6}>
+                <Group gap="sm" align="center" wrap="wrap">
+                  <Title order={2} fw={700} style={{ color: "#0f172a" }}>
+                    {schedule.route?.name ?? "Train schedule"}
+                  </Title>
+                  {schedule.trainNumber ? (
+                    <Badge variant="light" color="#F2A516" radius="sm" style={{ fontWeight: 600 }}>
+                      {schedule.trainNumber}
+                    </Badge>
+                  ) : null}
+                </Group>
+                <Box maw={340}>
+                  <RouteCorridor
+                    origin={
+                      schedule.originStation?.label ?? schedule.originStation?.code
+                    }
+                    destination={
+                      schedule.destinationStation?.label ??
+                      schedule.destinationStation?.code
+                    }
+                  />
+                </Box>
+                <Group gap="sm" align="center">
+                  <FreightTypeBadge freightType={schedule.freightType} />
+                  <StatusPill status={schedule.status} />
+                </Group>
+              </Stack>
+            </Group>
+            <Group gap="sm">
+              {["DISPATCHED", "ARRIVED"].includes(schedule.status) ? (
+                <Button
+                  component={Link}
+                  to={`/dashboard/operations/train-scheduling-v2/${scheduleId}/track`}
+                  color="green"
+                  radius="lg"
+                  size="sm"
+                  leftSection={<Navigation size={16} />}
+                >
+                  Track train
+                </Button>
+              ) : null}
+              {["DRAFT", "SCHEDULED"].includes(schedule.status) ? (
+                <Button
+                  variant="default"
+                  radius="lg"
+                  size="sm"
+                  onClick={() => setMaintenanceOpen(true)}
+                >
+                  Reschedule train
+                </Button>
+              ) : null}
+            </Group>
+          </Group>
+
+          <SimpleGrid cols={{ base: 2, sm: 4 }} spacing="md">
+            <StatTile
+              icon={Train}
+              label="Locomotive"
+              value={schedule.trainSet?.locomotive?.code ?? "—"}
+              hint={
+                schedule.trainSet?.locomotive?.currentYardId
+                  ? schedule.trainSet.locomotive.currentYardId === schedule.originStation?.id
+                    ? `At ${schedule.originStation?.label ?? schedule.originStation?.code ?? "origin yard"}`
+                    : "Not at schedule origin yard"
+                  : "No current yard set"
+              }
+              accent="#F2A516"
+              graph="area"
+              graphAccent="gold"
+            />
+            <StatTile
+              icon={Package}
+              label="Bookings"
+              value={schedule.bookings?.length ?? 0}
+              accent="#FB8C2E"
+              graph="line"
+              graphAccent="orange"
+            />
+            <StatTile
+              icon={Weight}
+              label="Wagons / load"
+              value={`${schedule.trainSet?.wagonCount ?? displayWagonPlan.length} · ${
+                schedule.trainSet?.totalWeightTons ?? 0
+              }T`}
+              accent="#F2A516"
+              graph="area"
+              graphAccent="gold"
+            />
+            <StatTile
+              icon={CalendarClock}
+              label="Departure"
+              value={new Date(schedule.scheduledDepartureDate).toLocaleDateString(
+                "en",
+                { month: "short", day: "2-digit" },
+              )}
+              hint={new Date(schedule.scheduledDepartureDate).toLocaleTimeString("en", {
+                hour: "2-digit",
+                minute: "2-digit",
+              })}
+              accent="#FB8C2E"
+              graph="line"
+              graphAccent="orange"
+            />
+          </SimpleGrid>
+
+          {previewResult ? (
+            <Badge
+              size="lg"
+              radius="sm"
+              variant="light"
+              color={previewResult.valid ? "green" : "red"}
+              leftSection={
+                <Box
+                  w={8}
+                  h={8}
+                  style={{
+                    borderRadius: 999,
+                    background: previewResult.valid
+                      ? "var(--mantine-color-green-6)"
+                      : "var(--mantine-color-red-6)",
+                  }}
+                />
+              }
+            >
+              Preview {previewResult.valid ? "valid" : "has issues"}
+            </Badge>
+          ) : null}
+        </Stack>
+      </Paper>
+
+      <Paper radius="xl" p="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Stack gap="lg">
+          {/* Workflow header with ring progress */}
+          <Group justify="space-between" align="center" wrap="nowrap">
+            <Group gap="md" align="center" wrap="nowrap">
+              <ThemeIcon
+                size={44}
+                radius="md"
+                variant="gradient"
+                gradient={{ from: "green", to: "teal", deg: 135 }}
+              >
+                <RouteIcon size={22} />
+              </ThemeIcon>
+              <Stack gap={2}>
+                <Title order={4} fw={700}>
+                  Scheduling workflow
+                </Title>
+                <Text size="sm" c="dimmed">
+                  {completedCount} of {stepsMeta.length} steps complete · expand any
+                  step to edit
+                </Text>
+              </Stack>
+            </Group>
+            <RingProgress
+              size={64}
+              thickness={6}
+              roundCaps
+              sections={[{ value: progressPct, color: "green" }]}
+              label={
+                <Text ta="center" size="xs" fw={700} c="green.7">
+                  {progressPct}%
+                </Text>
+              }
+            />
+          </Group>
+
+          <WorkflowRail>
+            {stepsMeta.map((step, index) => (
+              <WorkflowStep
+                key={step.key}
+                index={index}
+                icon={step.icon}
+                title={step.title}
+                subtitle={step.subtitle}
+                state={
+                  activeStep === index
+                    ? "active"
+                    : step.complete
+                      ? "complete"
+                      : "upcoming"
+                }
+                open={activeStep === index}
+                onToggle={() => toggleStep(index)}
+                rightSlot={renderStepRightSlot(step.key)}
+              >
+                {renderStepBody(step.key)}
+              </WorkflowStep>
+            ))}
+          </WorkflowRail>
+        </Stack>
+      </Paper>
+
+      <ScheduleBatchPanel schedule={schedule} />
+
+      {scheduleId ? (
+        <RescheduleTrainDialog
+          scheduleId={scheduleId}
+          currentBookingIds={(schedule.bookings ?? []).map((b) => b.id)}
+          opened={maintenanceOpen}
+          onClose={() => setMaintenanceOpen(false)}
+          onComplete={() => void detailQuery.refetch()}
+        />
+      ) : null}
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleV2ListPage.tsx b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleV2ListPage.tsx
new file mode 100644
index 000000000..6a2e77287
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainScheduleV2ListPage.tsx
@@ -0,0 +1,709 @@
+import { useEffect, useMemo, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { isAxiosError } from "axios";
+import type { ColumnDef } from "@edr/ui-common";
+import {
+  Box,
+  Button,
+  Card,
+  Group,
+  Modal,
+  Select,
+  SimpleGrid,
+  Stack,
+  Text,
+  TextInput,
+  ThemeIcon,
+} from "@mantine/core";
+import { ArrowRight, CalendarClock, Navigation, Send, Train, Weight } from "lucide-react";
+
+import FleetToolbar from "@/components/fleet/FleetToolbar";
+import { useFleetViewMode } from "@/components/fleet/useFleetViewMode";
+import { FreightTypeBadge } from "@/components/trainScheduling/ScheduleStatusBadge";
+import {
+  RouteCorridor,
+  StatTile,
+  StatusPill,
+  scheduleBrand,
+} from "@/components/trainScheduling/scheduleVisuals";
+import RuleEngineListFooter from "@/components/ruleEngine/RuleEngineListFooter";
+import { ruleEngineTable } from "@/components/ruleEngine/ruleEngineStyles";
+import { useRoutes } from "@/hooks/useRoutes";
+import {
+  useAvailableLocomotives,
+  useScheduleList,
+  useScheduleMutations,
+} from "@/hooks/trainScheduling/useTrainScheduling";
+import { useToast } from "@/hooks/use-toast";
+import type { TrainScheduleListItem } from "@/types/trainScheduling";
+import { DataTable, DataTableFooter, usePagination } from "@edr/ui-common";
+
+const splitDate = (value?: string | null) => {
+  if (!value) return { day: "—", time: "" };
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return { day: "—", time: "" };
+  return {
+    day: new Intl.DateTimeFormat("en", {
+      month: "short",
+      day: "2-digit",
+      year: "numeric",
+    }).format(date),
+    time: new Intl.DateTimeFormat("en", {
+      hour: "2-digit",
+      minute: "2-digit",
+    }).format(date),
+  };
+};
+
+const parseError = (error: unknown, fallback: string) => {
+  if (isAxiosError(error)) {
+    const message = error.response?.data?.message;
+    if (Array.isArray(message)) return message.join(", ");
+    if (typeof message === "string") return message;
+  }
+  return fallback;
+};
+
+export default function TrainScheduleV2ListPage() {
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const { viewMode, setViewMode } = useFleetViewMode("train-scheduling-v2");
+  const { pagination, setPagination } = usePagination({ pageSize: 10 });
+  const [search, setSearch] = useState("");
+  const [statusFilter, setStatusFilter] = useState("ALL");
+  const [freightFilter, setFreightFilter] = useState("ALL");
+  const [createOpen, setCreateOpen] = useState(false);
+  const [routeId, setRouteId] = useState("");
+  const [scheduleDate, setScheduleDate] = useState("");
+  const [locomotiveId, setLocomotiveId] = useState("");
+
+  const schedulesQuery = useScheduleList();
+  const routesQuery = useRoutes();
+  const locomotivesQuery = useAvailableLocomotives(routeId || undefined);
+  const { create, cancel } = useScheduleMutations();
+
+  const activeRoutes = useMemo(
+    () => (routesQuery.data ?? []).filter((r) => r.isActive),
+    [routesQuery.data],
+  );
+
+  const selectedRoute = activeRoutes.find((r) => r.id === routeId);
+
+  const locomotiveYardHint = useMemo(() => {
+    if (!selectedRoute) return "Select a route first";
+    const originLabel =
+      selectedRoute.originYard?.label ??
+      selectedRoute.originYard?.code ??
+      "the route origin yard";
+    return `Only locomotives currently at ${originLabel} are shown`;
+  }, [selectedRoute]);
+
+  useEffect(() => {
+    setLocomotiveId("");
+  }, [routeId]);
+
+  const allSchedules = schedulesQuery.data ?? [];
+
+  const stats = useMemo(() => {
+    const base = {
+      total: allSchedules.length,
+      scheduled: 0,
+      dispatched: 0,
+      draft: 0,
+      weight: 0,
+    };
+    for (const s of allSchedules) {
+      if (s.status === "SCHEDULED") base.scheduled += 1;
+      if (s.status === "DISPATCHED") base.dispatched += 1;
+      if (s.status === "DRAFT") base.draft += 1;
+      base.weight += s.totalWeightTons ?? 0;
+    }
+    return base;
+  }, [allSchedules]);
+
+  const filtered = useMemo(() => {
+    const query = search.trim().toLowerCase();
+    return allSchedules.filter((s) => {
+      if (statusFilter !== "ALL" && s.status !== statusFilter) return false;
+      if (freightFilter !== "ALL" && s.freightType !== freightFilter) return false;
+      if (!query) return true;
+      const haystack = [
+        s.trainNumber,
+        s.routeName,
+        s.origin,
+        s.destination,
+        s.locomotive?.code,
+        s.freightType,
+        s.status,
+      ]
+        .filter(Boolean)
+        .join(" ")
+        .toLowerCase();
+      return haystack.includes(query);
+    });
+  }, [allSchedules, search, statusFilter, freightFilter]);
+
+  const pageCount = Math.max(1, Math.ceil(filtered.length / pagination.pageSize));
+  const paged = useMemo(() => {
+    const start = pagination.pageIndex * pagination.pageSize;
+    return filtered.slice(start, start + pagination.pageSize);
+  }, [filtered, pagination]);
+
+  const columns = useMemo((): ColumnDef<TrainScheduleListItem>[] => {
+    const headerClassName = ruleEngineTable.headerCell;
+    const cellClassName = ruleEngineTable.bodyCell;
+    return [
+      {
+        id: "date",
+        header: "Departure",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => {
+          const { day, time } = splitDate(row.original.scheduleDate);
+          return (
+            <Group gap="sm" wrap="nowrap">
+              <Box
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  width: 34,
+                  height: 34,
+                  borderRadius: 9,
+                  background: "var(--mantine-color-green-0)",
+                  color: "var(--mantine-color-green-7)",
+                  flexShrink: 0,
+                }}
+              >
+                <CalendarClock size={16} />
+              </Box>
+              <Stack gap={0}>
+                <Text size="sm" fw={600} lh={1.2}>
+                  {day}
+                </Text>
+                <Text size="xs" c="dimmed" lh={1.2}>
+                  {time || "—"}
+                </Text>
+              </Stack>
+            </Group>
+          );
+        },
+      },
+      {
+        id: "route",
+        header: "Route",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => (
+          <Stack gap={4}>
+            <Text size="sm" fw={600} lh={1.2}>
+              {row.original.routeName ?? "—"}
+            </Text>
+            <Box maw={220}>
+              <RouteCorridor
+                origin={row.original.origin}
+                destination={row.original.destination}
+                variant="compact"
+              />
+            </Box>
+          </Stack>
+        ),
+      },
+      {
+        id: "freight",
+        header: "Freight",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => <FreightTypeBadge freightType={row.original.freightType} />,
+      },
+      {
+        id: "loco",
+        header: "Locomotive",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) =>
+          row.original.locomotive?.code ? (
+            <Group gap={6} wrap="nowrap">
+              <Train size={14} color="var(--mantine-color-gray-5)" />
+              <Text size="sm" fw={500}>
+                {row.original.locomotive.code}
+              </Text>
+            </Group>
+          ) : (
+            <Text size="sm" c="dimmed">
+              —
+            </Text>
+          ),
+      },
+      {
+        id: "metrics",
+        header: "Load",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => (
+          <Group gap={6} wrap="nowrap">
+            <MetricChip value={row.original.bookingsCount} label="bkg" />
+            <MetricChip value={row.original.wagonCount} label="wgn" />
+            <MetricChip value={`${row.original.totalWeightTons}T`} label="" subtle />
+          </Group>
+        ),
+      },
+      {
+        id: "status",
+        header: "Status",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => <StatusPill status={row.original.status} />,
+      },
+      {
+        id: "actions",
+        header: "Actions",
+        meta: { headerClassName, cellClassName: `${cellClassName} whitespace-nowrap` },
+        cell: ({ row }) => (
+          <Group gap={6} justify="flex-end" wrap="nowrap">
+            <Button
+              variant="light"
+              color="green"
+              size="compact-sm"
+              rightSection={<ArrowRight size={14} />}
+              onClick={() =>
+                navigate(`/dashboard/operations/train-scheduling-v2/${row.original.id}`)
+              }
+            >
+              Open
+            </Button>
+            {["DISPATCHED", "ARRIVED"].includes(row.original.status) ? (
+              <Button
+                variant="light"
+                color="teal"
+                size="compact-sm"
+                leftSection={<Navigation size={14} />}
+                onClick={() =>
+                  navigate(
+                    `/dashboard/operations/train-scheduling-v2/${row.original.id}/track`,
+                  )
+                }
+              >
+                Track
+              </Button>
+            ) : null}
+            {["DRAFT", "SCHEDULED"].includes(row.original.status) ? (
+              <Button
+                variant="subtle"
+                color="red"
+                size="compact-sm"
+                loading={cancel.isPending}
+                onClick={async () => {
+                  try {
+                    await cancel.mutateAsync({
+                      id: row.original.id,
+                      freightType: row.original.freightType ?? "CONTAINER",
+                    });
+                    toast({ title: "Schedule cancelled" });
+                  } catch (err) {
+                    toast({
+                      title: "Cancel failed",
+                      description: parseError(err, "Could not cancel"),
+                      variant: "destructive",
+                    });
+                  }
+                }}
+              >
+                Cancel
+              </Button>
+            ) : null}
+          </Group>
+        ),
+      },
+    ];
+  }, [navigate, cancel.isPending, cancel, toast]);
+
+  const handleCreate = async () => {
+    if (!routeId || !scheduleDate || !locomotiveId) {
+      toast({ title: "Select route, date, and locomotive", variant: "destructive" });
+      return;
+    }
+    try {
+      const created = await create.mutateAsync({
+        payload: { routeId, scheduleDate, locomotiveId },
+      });
+      toast({ title: "Train schedule created" });
+      setCreateOpen(false);
+      navigate(`/dashboard/operations/train-scheduling-v2/${created.id}`);
+    } catch (err) {
+      toast({
+        title: "Create failed",
+        description: parseError(err, "Could not create schedule"),
+        variant: "destructive",
+      });
+    }
+  };
+
+  const tableStatus = schedulesQuery.isLoading
+    ? "loading"
+    : schedulesQuery.isError
+      ? "error"
+      : "success";
+
+  return (
+    <Stack gap="lg">
+      <Group justify="flex-end">
+        <Button
+          size="md"
+          radius="lg"
+          color="green"
+          leftSection={<Train size={18} />}
+          onClick={() => setCreateOpen(true)}
+        >
+          New schedule
+        </Button>
+      </Group>
+
+      <SimpleGrid cols={{ base: 2, sm: 4 }} spacing="md">
+        <StatTile
+          icon={Train}
+          label="Total trains"
+          value={stats.total}
+          accent="#F2A516"
+          graph="area"
+          graphAccent="gold"
+        />
+        <StatTile
+          icon={CalendarClock}
+          label="Scheduled"
+          value={stats.scheduled}
+          accent="#FB8C2E"
+          graph="line"
+          graphAccent="orange"
+          graphPct={stats.total ? Math.round((stats.scheduled / stats.total) * 100) : 0}
+        />
+        <StatTile
+          icon={Send}
+          label="Dispatched"
+          value={stats.dispatched}
+          accent="#F2A516"
+          graph="ring"
+          graphAccent="gold"
+          graphPct={stats.total ? Math.round((stats.dispatched / stats.total) * 100) : 0}
+        />
+        <StatTile
+          icon={Weight}
+          label="Planned load"
+          value={`${Math.round(stats.weight)}T`}
+          accent="#FB8C2E"
+          graph="area"
+          graphAccent="orange"
+        />
+      </SimpleGrid>
+
+      <Card radius="lg" padding={0} withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Stack gap={0}>
+          <Box px="md" pt="md" pb="sm" w="100%">
+            <FleetToolbar
+              search={search}
+              onSearchChange={setSearch}
+              searchPlaceholder="Search schedules…"
+              addLabel="Create schedule"
+              onAdd={() => setCreateOpen(true)}
+              viewMode={viewMode}
+              onViewModeChange={setViewMode}
+              filters={
+                <>
+                  <Select
+                    size="sm"
+                    radius="lg"
+                    value={statusFilter}
+                    onChange={(v) => v && setStatusFilter(v)}
+                    data={[
+                      { value: "ALL", label: "All statuses" },
+                      { value: "DRAFT", label: "Draft" },
+                      { value: "SCHEDULED", label: "Scheduled" },
+                      { value: "DISPATCHED", label: "Dispatched" },
+                      { value: "CANCELLED", label: "Cancelled" },
+                    ]}
+                    w={150}
+                    styles={{ input: { borderColor: "var(--mantine-color-gray-3)" } }}
+                  />
+                  <Select
+                    size="sm"
+                    radius="lg"
+                    value={freightFilter}
+                    onChange={(v) => v && setFreightFilter(v)}
+                    data={[
+                      { value: "ALL", label: "All freight" },
+                      { value: "CONTAINER", label: "Container" },
+                      { value: "BULK", label: "Bulk" },
+                      { value: "MIXED", label: "Mixed" },
+                    ]}
+                    w={140}
+                    styles={{ input: { borderColor: "var(--mantine-color-gray-3)" } }}
+                  />
+                </>
+              }
+            />
+          </Box>
+
+          {viewMode === "table" ? (
+            <DataTable
+              columns={columns}
+              data={paged}
+              status={tableStatus}
+              emptyMessage="No train schedules found"
+              pagination={{
+                pageIndex: pagination.pageIndex,
+                pageSize: pagination.pageSize,
+                pageCount,
+                totalCount: filtered.length,
+              }}
+              tableOptions={{
+                manualPagination: true,
+                pageCount,
+                state: { pagination },
+                onPaginationChange: setPagination,
+              }}
+              containerClassName="border-0 shadow-none bg-transparent"
+              footer={({ table, pagination: footerPagination }) => (
+                <DataTableFooter
+                  table={table}
+                  pagination={footerPagination}
+                  options={{ labels: { items: "schedules" } }}
+                />
+              )}
+            />
+          ) : (
+            <Stack gap={0}>
+              {!paged.length ? (
+                <Text py="xl" ta="center" c="dimmed" size="sm">
+                  No train schedules found
+                </Text>
+              ) : (
+                <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="md" p="md">
+                  {paged.map((schedule) => (
+                    <ScheduleCard
+                      key={schedule.id}
+                      schedule={schedule}
+                      onOpen={() =>
+                        navigate(
+                          `/dashboard/operations/train-scheduling-v2/${schedule.id}`,
+                        )
+                      }
+                      onTrack={() =>
+                        navigate(
+                          `/dashboard/operations/train-scheduling-v2/${schedule.id}/track`,
+                        )
+                      }
+                    />
+                  ))}
+                </SimpleGrid>
+              )}
+              <RuleEngineListFooter
+                pagination={pagination}
+                pageCount={pageCount}
+                totalCount={filtered.length}
+                itemLabel="schedules"
+                onPaginationChange={setPagination}
+              />
+            </Stack>
+          )}
+        </Stack>
+      </Card>
+
+      <Modal
+        opened={createOpen}
+        onClose={() => setCreateOpen(false)}
+        title={<Text fw={600}>Create train schedule</Text>}
+        radius="lg"
+        centered
+      >
+        <Stack gap="md">
+          <Text size="sm" c="dimmed">
+            Schedules support both container and bulk bookings once assigned.
+          </Text>
+          <Select
+            label="Route"
+            placeholder="Select route"
+            data={activeRoutes.map((r) => ({ value: r.id, label: r.name }))}
+            value={routeId || null}
+            onChange={(v) => setRouteId(v ?? "")}
+            searchable
+          />
+          {routeId ? (
+            <Text size="xs" c="dimmed">
+              {locomotiveYardHint}
+            </Text>
+          ) : null}
+          <TextInput
+            label="Departure date"
+            type="datetime-local"
+            value={scheduleDate ? scheduleDate.slice(0, 16) : ""}
+            onChange={(e) => {
+              const raw = e.currentTarget.value;
+              setScheduleDate(raw ? new Date(raw).toISOString() : "");
+            }}
+          />
+          <Select
+            label="Locomotive"
+            placeholder={routeId ? "Select locomotive" : "Select a route first"}
+            data={(locomotivesQuery.data ?? []).map((l) => ({
+              value: l.id,
+              label: `${l.code}${l.name ? ` — ${l.name}` : ""}`,
+            }))}
+            value={locomotiveId || null}
+            onChange={(v) => setLocomotiveId(v ?? "")}
+            searchable
+            disabled={!routeId}
+            nothingFoundMessage={
+              routeId ? "No available locomotives for this corridor" : "Select a route first"
+            }
+          />
+          <Group justify="flex-end">
+            <Button variant="default" onClick={() => setCreateOpen(false)}>
+              Cancel
+            </Button>
+            <Button color="green" loading={create.isPending} onClick={handleCreate}>
+              Create
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
+    </Stack>
+  );
+}
+
+function MetricChip({
+  value,
+  label,
+  subtle = false,
+}: {
+  value: string | number;
+  label: string;
+  subtle?: boolean;
+}) {
+  return (
+    <Group
+      gap={4}
+      wrap="nowrap"
+      style={{
+        padding: "2px 8px",
+        borderRadius: 8,
+        background: subtle
+          ? "var(--mantine-color-gray-1)"
+          : "var(--mantine-color-green-0)",
+        border: `1px solid ${
+          subtle ? "var(--mantine-color-gray-2)" : "var(--mantine-color-green-1)"
+        }`,
+      }}
+    >
+      <Text size="sm" fw={700} c={subtle ? "gray.7" : "green.8"} lh={1.2}>
+        {value}
+      </Text>
+      {label ? (
+        <Text size="xs" c="dimmed" lh={1.2}>
+          {label}
+        </Text>
+      ) : null}
+    </Group>
+  );
+}
+
+function ScheduleCard({
+  schedule,
+  onOpen,
+  onTrack,
+}: {
+  schedule: TrainScheduleListItem;
+  onOpen: () => void;
+  onTrack: () => void;
+}) {
+  const { day, time } = splitDate(schedule.scheduleDate);
+  const canTrack = ["DISPATCHED", "ARRIVED"].includes(schedule.status);
+  return (
+    <Card
+      radius="lg"
+      padding={0}
+      withBorder
+      onClick={onOpen}
+      style={{
+        cursor: "pointer",
+        overflow: "hidden",
+        borderColor: "var(--mantine-color-gray-2)",
+        transition: "box-shadow 150ms ease, transform 150ms ease",
+      }}
+      onMouseEnter={(e) => {
+        e.currentTarget.style.boxShadow = scheduleBrand.shadowSm;
+        e.currentTarget.style.transform = "translateY(-2px)";
+      }}
+      onMouseLeave={(e) => {
+        e.currentTarget.style.boxShadow = "";
+        e.currentTarget.style.transform = "";
+      }}
+    >
+      {/* accent strip */}
+      <Box style={{ height: 4, background: "linear-gradient(90deg, #FBD171, #F2A516)" }} />
+      <Stack gap="sm" p="md">
+        <Group justify="space-between" align="flex-start" wrap="nowrap">
+          <Group gap="sm" wrap="nowrap" style={{ minWidth: 0 }}>
+            <ThemeIcon size={38} radius="md" variant="light" color="#F2A516">
+              <Train size={18} />
+            </ThemeIcon>
+            <Stack gap={0} style={{ minWidth: 0 }}>
+              <Text fw={600} size="sm" lineClamp={1}>
+                {schedule.routeName ?? "Train schedule"}
+              </Text>
+              <Text size="xs" c="dimmed">
+                {day} · {time}
+              </Text>
+            </Stack>
+          </Group>
+          <StatusPill status={schedule.status} />
+        </Group>
+
+        <Box
+          p="xs"
+          style={{
+            borderRadius: 10,
+            background: "var(--mantine-color-gray-0)",
+            border: "1px solid var(--mantine-color-gray-1)",
+          }}
+        >
+          <RouteCorridor origin={schedule.origin} destination={schedule.destination} />
+        </Box>
+
+        <Group justify="space-between" align="center">
+          <FreightTypeBadge freightType={schedule.freightType} />
+          <Group gap={6} wrap="nowrap">
+            <MetricChip value={schedule.bookingsCount} label="bkg" />
+            <MetricChip value={schedule.wagonCount} label="wgn" />
+            <MetricChip value={`${schedule.totalWeightTons}T`} label="" subtle />
+          </Group>
+        </Group>
+
+        <Group gap="xs" wrap="nowrap">
+          <Button
+            variant="light"
+            color="green"
+            size="sm"
+            radius="md"
+            style={{ flex: 1 }}
+            rightSection={<ArrowRight size={15} />}
+            onClick={(e) => {
+              e.stopPropagation();
+              onOpen();
+            }}
+          >
+            Open schedule
+          </Button>
+          {canTrack ? (
+            <Button
+              variant="light"
+              color="teal"
+              size="sm"
+              radius="md"
+              leftSection={<Navigation size={15} />}
+              onClick={(e) => {
+                e.stopPropagation();
+                onTrack();
+              }}
+            >
+              Track
+            </Button>
+          ) : null}
+        </Group>
+      </Stack>
+    </Card>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainSchedulingGlobalRulesPage.tsx b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainSchedulingGlobalRulesPage.tsx
new file mode 100644
index 000000000..65d3e4c21
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/pages/trainScheduling/TrainSchedulingGlobalRulesPage.tsx
@@ -0,0 +1,121 @@
+import { useEffect, useState } from "react";
+import { Button, Card, Group, NumberInput, Stack, Text, Title } from "@mantine/core";
+
+import { trainSchedulingService } from "@/services/trainScheduling.service";
+import { useToast } from "@/hooks/use-toast";
+import type { TrainSchedulingGlobalRules } from "@/types/trainScheduling";
+
+export default function TrainSchedulingGlobalRulesPage() {
+  const { toast } = useToast();
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [form, setForm] = useState<Partial<TrainSchedulingGlobalRules>>({});
+
+  useEffect(() => {
+    void (async () => {
+      try {
+        const rules = await trainSchedulingService.getGlobalRules();
+        setForm(rules);
+      } catch {
+        toast({ title: "Failed to load train scheduling rules", variant: "destructive" });
+      } finally {
+        setLoading(false);
+      }
+    })();
+  }, [toast]);
+
+  const handleSave = async () => {
+    setSaving(true);
+    try {
+      const updated = await trainSchedulingService.updateGlobalRules({
+        maxTrainLengthMeters: Number(form.maxTrainLengthMeters),
+        maxTrainWeightTons: Number(form.maxTrainWeightTons),
+        maxWagonsPerTrain: Number(form.maxWagonsPerTrain),
+        max20ftContainerWeightTons: Number(form.max20ftContainerWeightTons),
+        max20ftPairWeightDiffTons: Number(form.max20ftPairWeightDiffTons),
+      });
+      setForm(updated);
+      toast({ title: "Train scheduling rules saved" });
+    } catch {
+      toast({ title: "Failed to save rules", variant: "destructive" });
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <Stack gap="lg" maw={720}>
+      <Stack gap={4}>
+        <Title order={3}>Train scheduling rules</Title>
+        <Text size="sm" c="dimmed">
+          Global limits applied when previewing and assigning bookings to trains.
+        </Text>
+      </Stack>
+
+      <Card radius="xl" padding="lg" withBorder>
+        <Stack gap="md">
+          <NumberInput
+            label="Max train length (m)"
+            description="Sum of all wagon lengths must not exceed this"
+            value={form.maxTrainLengthMeters ?? ""}
+            onChange={(value) =>
+              setForm((current) => ({ ...current, maxTrainLengthMeters: Number(value) }))
+            }
+            min={1}
+            disabled={loading}
+          />
+          <NumberInput
+            label="Max train weight (T)"
+            description="Total container and bulk cargo weight must not exceed this"
+            value={form.maxTrainWeightTons ?? ""}
+            onChange={(value) =>
+              setForm((current) => ({ ...current, maxTrainWeightTons: Number(value) }))
+            }
+            min={1}
+            disabled={loading}
+          />
+          <NumberInput
+            label="Max wagons per train"
+            value={form.maxWagonsPerTrain ?? ""}
+            onChange={(value) =>
+              setForm((current) => ({ ...current, maxWagonsPerTrain: Number(value) }))
+            }
+            min={1}
+            disabled={loading}
+          />
+          <NumberInput
+            label="Max 20ft container weight (T)"
+            description="Each individual 20ft container gross weight limit"
+            value={form.max20ftContainerWeightTons ?? ""}
+            onChange={(value) =>
+              setForm((current) => ({
+                ...current,
+                max20ftContainerWeightTons: Number(value),
+              }))
+            }
+            min={0.001}
+            disabled={loading}
+          />
+          <NumberInput
+            label="Max 20ft pair weight difference (T)"
+            description="When two 20ft containers share a wagon, |weight1 − weight2| must not exceed this"
+            value={form.max20ftPairWeightDiffTons ?? ""}
+            onChange={(value) =>
+              setForm((current) => ({
+                ...current,
+                max20ftPairWeightDiffTons: Number(value),
+              }))
+            }
+            min={0}
+            disabled={loading}
+          />
+          <Group justify="flex-end">
+            <Button color="teal" loading={saving} disabled={loading} onClick={() => void handleSave()}>
+              Save rules
+            </Button>
+          </Group>
+        </Stack>
+      </Card>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/trains/TrainDetailPage.tsx b/apps/edr-freight-web/backoffice/src/pages/trains/TrainDetailPage.tsx
index 75cf8c047..e6c2534db 100644
--- a/apps/edr-freight-web/backoffice/src/pages/trains/TrainDetailPage.tsx
+++ b/apps/edr-freight-web/backoffice/src/pages/trains/TrainDetailPage.tsx
@@ -1,36 +1,110 @@
-import { useParams } from 'react-router-dom';
-import { useTrain } from '@/hooks/useTrains';
-// import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-// import { Skeleton } from '@/components/ui/skeleton';
-// import { AssignWagonDialog } from '@/components/AssignWagonDialog';
-// import { WagonsTable } from '@/components/WagonsTable';
-import { Card, CardContent, CardHeader, CardTitle, Skeleton } from '@edr/ui-common';
-import { AssignWagonDialog } from '@/components/wagons/AssignWagonDialog';
-import { WagonsTable } from '@/components/wagons/WagonsTable';
+import { useParams, Link } from "react-router-dom";
+import { ArrowLeft } from "lucide-react";
+import { Badge, Button, Card, Group, Loader, SimpleGrid, Stack, Text } from "@mantine/core";
+
+import { AssignWagonDialog } from "@/components/wagons/AssignWagonDialog";
+import { WagonsTable } from "@/components/wagons/WagonsTable";
+import { useTrain } from "@/hooks/useTrains";
 
 export default function TrainDetailPage() {
   const { id } = useParams<{ id: string }>();
   const { data: train, isLoading } = useTrain(id!);
 
-  if (isLoading) return <Skeleton className="h-96 w-full" />;
-  if (!train) return <div>Train not found</div>;
+  if (isLoading) {
+    return (
+      <Group justify="center" py="xl">
+        <Loader size="sm" />
+      </Group>
+    );
+  }
+
+  if (!train) {
+    return (
+      <Text c="dimmed" py="xl">
+        Train not found
+      </Text>
+    );
+  }
+
+  const title = train.trainNumber || train.code;
+  const subtitle = train.trainName || "Unnamed train";
 
   return (
-    <div className="space-y-6">
-      <Card>
-        <CardHeader><CardTitle>{train.trainNumber || train.code} - {train.trainName || 'Unnamed'}</CardTitle></CardHeader>
-        <CardContent className="grid md:grid-cols-2 gap-4">
-          <div><span className="font-medium">Status:</span> {train.status}</div>
-          <div><span className="font-medium">Capacity:</span> {train.capacityTons} tons</div>
-          <div><span className="font-medium">Origin Station:</span> {train.originStationId || '-'}</div>
-          <div><span className="font-medium">Destination:</span> {train.destinationStationId || '-'}</div>
-        </CardContent>
+    <Stack gap="md">
+      <Button
+        component={Link}
+        to="/dashboard/trains"
+        variant="subtle"
+        color="gray"
+        size="compact-sm"
+        leftSection={<ArrowLeft size={16} />}
+        w="fit-content"
+      >
+        Back to trains
+      </Button>
+
+      <Card radius="lg" padding="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Stack gap="md">
+          <Group justify="space-between" align="flex-start">
+            <Stack gap={4}>
+              <Text fw={700} size="lg">
+                {title}
+              </Text>
+              <Text size="sm" c="dimmed">
+                {subtitle}
+              </Text>
+            </Stack>
+            <Badge variant="light" color="gray" size="lg">
+              {train.status}
+            </Badge>
+          </Group>
+
+          <SimpleGrid cols={{ base: 1, sm: 2, md: 4 }} spacing="md">
+            <Stack gap={2}>
+              <Text size="xs" c="dimmed">
+                Code
+              </Text>
+              <Text size="sm" fw={500}>
+                {train.code}
+              </Text>
+            </Stack>
+            <Stack gap={2}>
+              <Text size="xs" c="dimmed">
+                Capacity
+              </Text>
+              <Text size="sm" fw={500}>
+                {train.capacityTons} tons
+              </Text>
+            </Stack>
+            <Stack gap={2}>
+              <Text size="xs" c="dimmed">
+                Locomotive
+              </Text>
+              <Text size="sm" fw={500}>
+                {train.locomotiveNumber || "—"}
+              </Text>
+            </Stack>
+            <Stack gap={2}>
+              <Text size="xs" c="dimmed">
+                Origin station
+              </Text>
+              <Text size="sm" fw={500}>
+                {train.originStationId || "—"}
+              </Text>
+            </Stack>
+          </SimpleGrid>
+        </Stack>
       </Card>
-      <div className="flex justify-between items-center">
-        <h2 className="text-xl font-semibold">Wagons</h2>
-        <AssignWagonDialog trainId={train.id} />
-      </div>
-      <WagonsTable trainId={train.id} />
-    </div>
+
+      <Card radius="lg" padding="lg" withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
+        <Stack gap="md">
+          <Group justify="space-between" align="center">
+            <Text fw={600}>Assigned wagons</Text>
+            <AssignWagonDialog trainId={train.id} />
+          </Group>
+          <WagonsTable trainId={train.id} />
+        </Stack>
+      </Card>
+    </Stack>
   );
-}
\ No newline at end of file
+}
diff --git a/apps/edr-freight-web/backoffice/src/pages/trains/TrainsPage.tsx b/apps/edr-freight-web/backoffice/src/pages/trains/TrainsPage.tsx
deleted file mode 100644
index 0ee79b211..000000000
--- a/apps/edr-freight-web/backoffice/src/pages/trains/TrainsPage.tsx
+++ /dev/null
@@ -1,1236 +0,0 @@
-import { useMemo, useState } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { isAxiosError } from "axios";
-import {
-  Accordion,
-  Badge,
-  Box,
-  Breadcrumbs,
-  Button,
-  Card,
-  Checkbox,
-  Divider,
-  Grid,
-  Group,
-  Loader,
-  Modal,
-  MultiSelect,
-  Notification,
-  Progress,
-  ScrollArea,
-  SegmentedControl,
-  Select,
-  SimpleGrid,
-  Stack,
-  Table,
-  Tabs,
-  Text,
-  TextInput,
-  ThemeIcon,
-  Title,
-} from "@mantine/core";
-import { Calendar, CheckCircle2, MapPin, RefreshCw, Send, Train, TrainTrack } from "lucide-react";
-
-import { QUERY_KEYS } from "@/constants/QUERY_KEYS";
-import { useRoutes } from "@/hooks/useRoutes";
-import { useWagons } from "@/hooks/useWagons";
-import { bookingsService } from "@/services/bookings.service";
-import { trainSchedulingService } from "@/services/trainScheduling.service";
-import type { Wagon } from "@/services/wagon.service";
-import type { BookingDetail } from "@/types/booking";
-import type {
-  AssignmentType,
-  EligibleContainerBooking,
-  LocomotiveRecord,
-  TradeDirection,
-  TrainSchedulePreviewResponse,
-} from "@/types/trainScheduling";
-
-const formatDate = (value?: string | null) => {
-  if (!value) return "-";
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return "-";
-  return new Intl.DateTimeFormat("en", {
-    year: "numeric",
-    month: "short",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-  }).format(date);
-};
-
-const toIso = (value: string) => new Date(value).toISOString();
-
-const TRAIN_LIMITS = {
-  maxWeightTons: 3500,
-  maxLengthMeters: 760,
-  maxContainerWagons: 53,
-  maxBulkWagons: 37,
-} as const;
-
-const assignmentLabels: Record<AssignmentType, string> = {
-  CONTAINER: "Wagon for Container",
-  BULK: "Wagon for Bulk",
-};
-
-const ETHIOPIA_NAMES = new Set(["ethiopia", "et"]);
-
-const parseError = (error: unknown, fallback: string) => {
-  if (isAxiosError(error)) {
-    const message = error.response?.data?.message;
-    if (Array.isArray(message)) return message.join(", ");
-    if (typeof message === "string") return message;
-    const violations = error.response?.data?.violations ?? error.response?.data?.message?.violations;
-    if (Array.isArray(violations)) return violations.join(", ");
-  }
-  if (error instanceof Error) return error.message;
-  return fallback;
-};
-
-const statusColor = (status?: string | null) => {
-  switch (status) {
-    case "AVAILABLE":
-    case "READY":
-    case "PUBLISHED":
-    case "PAID":
-      return "green";
-    case "IMPORT_READY":
-    case "EXPORT_READY":
-    case "IN_TRANSIT":
-      return "blue";
-    case "ARRIVED":
-    case "COMPLETED":
-      return "teal";
-    case "CANCELLED":
-    case "UNAVAILABLE":
-      return "red";
-    case "DRAFT":
-    case "WAGON_ASSIGNED":
-    case "INVOICED":
-      return "yellow";
-    default:
-      return "gray";
-  }
-};
-
-const routeDirection = (originCountry?: string, destinationCountry?: string): TradeDirection => {
-  const origin = (originCountry ?? "").trim().toLowerCase();
-  const destination = (destinationCountry ?? "").trim().toLowerCase();
-  if (!ETHIOPIA_NAMES.has(origin) && ETHIOPIA_NAMES.has(destination)) return "IMPORT";
-  if (ETHIOPIA_NAMES.has(origin) && !ETHIOPIA_NAMES.has(destination)) return "EXPORT";
-  return "DOMESTIC";
-};
-
-const expectedWagonStatus = (direction: string) => {
-  if (direction === "IMPORT") return "IMPORT_READY";
-  if (direction === "EXPORT" || direction === "DOMESTIC") return "EXPORT_READY";
-  return "AVAILABLE";
-};
-
-const wagonLabel = (wagon: Wagon) =>
-  `${wagon.wagonNumber} - ${wagon.maxPayloadWeight ?? 0}T / ${wagon.status}`;
-
-const wagonSupportsAssignment = (wagon: Wagon, assignmentType: AssignmentType) =>
-  (wagon.wagonType?.supportedLoadTypes ?? [])
-    .map((loadType) => loadType.trim().toUpperCase())
-    .includes(assignmentType);
-
-const bookingYardLabel = (yard?: { label?: string; name?: string; code?: string } | null) =>
-  yard?.label ?? yard?.name ?? yard?.code ?? "-";
-
-const isDjiboutiYard = (yard?: { label?: string; name?: string; code?: string; country?: string } | null) => {
-  const value = [yard?.country, yard?.code, yard?.label, yard?.name]
-    .filter(Boolean)
-    .join(" ")
-    .toLowerCase();
-  return value.includes("djibouti") || value.includes("djoubti") || value.includes("djib");
-};
-
-const bookingMatchesDirection = (booking: BookingDetail, direction: TradeDirection) => {
-  if (direction === "IMPORT") return isDjiboutiYard(booking.originYard);
-  if (direction === "EXPORT") return isDjiboutiYard(booking.destinationYard);
-  return true;
-};
-
-const bookingQuantity = (booking: BookingDetail) =>
-  booking.bookingContainers?.reduce((sum, container) => sum + Number(container.quantity ?? 0), 0) ?? 0;
-
-const toEligibleBooking = (booking: BookingDetail): EligibleContainerBooking => ({
-  id: booking.id,
-  reference: booking.reference,
-  customer: booking.company?.name ?? booking.company?.companyName ?? "Unknown customer",
-  containerType:
-    booking.freightType === "BULK"
-      ? booking.cargoType?.label ?? booking.cargoType?.name ?? "Bulk cargo"
-      : booking.bookingContainers
-          ?.map((container) => container.containerType?.label ?? container.containerType?.code ?? "Container")
-          .join(", ") || "Container",
-  quantity: bookingQuantity(booking),
-  weightTons: Number(booking.cargoTotalWeightVgm ?? 0),
-  origin: bookingYardLabel(booking.originYard),
-  destination: bookingYardLabel(booking.destinationYard),
-  preferredDepartureDate: booking.scheduledDate,
-  status: booking.status,
-});
-
-function MetricTile({ label, value }: { label: string; value: string | number }) {
-  return (
-    <Card withBorder radius="md" p="md">
-      <Text size="xs" tt="uppercase" c="dimmed" fw={700}>
-        {label}
-      </Text>
-      <Text size="sm" fw={600} mt={8}>
-        {value}
-      </Text>
-    </Card>
-  );
-}
-
-function LocomotiveCard({
-  locomotive,
-  selected,
-  onSelect,
-}: {
-  locomotive: LocomotiveRecord;
-  selected: boolean;
-  onSelect: () => void;
-}) {
-  return (
-    <Card withBorder radius="md" p="md" bg={selected ? "blue.0" : undefined}>
-      <Stack gap="sm">
-        <Group justify="space-between" align="flex-start">
-          <Box>
-            <Text fw={700}>{locomotive.code}</Text>
-            <Text size="sm" c="dimmed">
-              {locomotive.name ?? locomotive.locomotiveType ?? "Locomotive"}
-            </Text>
-          </Box>
-          <Badge color={statusColor(locomotive.status)} variant="light">
-            {locomotive.status}
-          </Badge>
-        </Group>
-        <SimpleGrid cols={2}>
-          <MetricTile label="Pull" value={`${locomotive.maxPullWeightTons} T`} />
-          <MetricTile label="Length" value={`${locomotive.maxTrainLengthMeters} m`} />
-        </SimpleGrid>
-        <Button variant={selected ? "filled" : "light"} onClick={onSelect}>
-          {selected ? "Selected" : "Select locomotive"}
-        </Button>
-      </Stack>
-    </Card>
-  );
-}
-
-const TrainsPage = () => {
-  const qc = useQueryClient();
-  const [routeId, setRouteId] = useState("");
-  const [departureDate, setDepartureDate] = useState("");
-  const [arrivalDate, setArrivalDate] = useState("");
-  const [assignmentType, setAssignmentType] = useState<AssignmentType>("CONTAINER");
-  const [selectedLocomotiveId, setSelectedLocomotiveId] = useState("");
-  const [selectedWagonIds, setSelectedWagonIds] = useState<string[]>([]);
-  const [wagonSearch, setWagonSearch] = useState("");
-  const [selectedBookingIds, setSelectedBookingIds] = useState<string[]>([]);
-  const [locomotiveSearch, setLocomotiveSearch] = useState("");
-  const [locomotiveStatusFilter, setLocomotiveStatusFilter] = useState("ALL");
-  const [scheduleSearch, setScheduleSearch] = useState("");
-  const [scheduleStatusFilter, setScheduleStatusFilter] = useState("ALL");
-  const [detailId, setDetailId] = useState<string | null>(null);
-  const [preview, setPreview] = useState<TrainSchedulePreviewResponse | null>(null);
-  const [formMessage, setFormMessage] = useState<{ color: string; title: string; message: string } | null>(null);
-  const [invoiceModalOpen, setInvoiceModalOpen] = useState(false);
-
-  const routesQuery = useRoutes();
-  const wagonsQuery = useWagons();
-  const locomotivesQuery = useQuery({
-    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.locomotives(),
-    queryFn: () => trainSchedulingService.getAvailableLocomotives(),
-  });
-  const stationsQuery = useQuery({
-    queryKey: [
-      ...QUERY_KEYS.TRAIN_SCHEDULING.stations(),
-      selectedLocomotiveId,
-    ],
-    queryFn: () => trainSchedulingService.getStations(),
-    enabled: Boolean(selectedLocomotiveId),
-  });
-  const schedulesQuery = useQuery({
-    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.schedules(),
-    queryFn: () => trainSchedulingService.listSchedules(),
-  });
-  const detailQuery = useQuery({
-    queryKey: QUERY_KEYS.TRAIN_SCHEDULING.scheduleById(detailId ?? ""),
-    queryFn: () => trainSchedulingService.getScheduleById(detailId!),
-    enabled: Boolean(detailId),
-  });
-
-  const activeRoutes = useMemo(
-    () => (routesQuery.data ?? []).filter((route) => route.isActive),
-    [routesQuery.data],
-  );
-  const selectedRoute = activeRoutes.find((route) => route.id === routeId) ?? null;
-  const selectedLocomotive = (locomotivesQuery.data ?? []).find(
-    (locomotive) => locomotive.id === selectedLocomotiveId,
-  );
-  const maxWagons =
-    assignmentType === "CONTAINER" ? TRAIN_LIMITS.maxContainerWagons : TRAIN_LIMITS.maxBulkWagons;
-  const selectedRouteOrigin = selectedRoute?.originYard;
-  const selectedRouteDestination = selectedRoute?.destinationYard;
-  const selectedRouteDirection = routeDirection(
-    selectedRouteOrigin?.country,
-    selectedRouteDestination?.country,
-  );
-  const requiredWagonStatus = expectedWagonStatus(selectedRouteDirection);
-  const stationNameById = useMemo(() => {
-    return new Map((stationsQuery.data ?? []).map((station) => [station.id, station]));
-  }, [stationsQuery.data]);
-  const stationLabel = (yardId?: string, fallback?: { label?: string; code?: string } | null) => {
-    const station = yardId ? stationNameById.get(yardId) : undefined;
-    return station
-      ? `${station.name}${station.code ? ` (${station.code})` : ""}`
-      : fallback?.label ?? fallback?.code ?? "-";
-  };
-
-  const bookingsApiFilter = useMemo(
-    () => ({
-      page: 1,
-      pageSize: 1000,
-      sortBy: "scheduledDate",
-      sortOrder: "ASC" as const,
-    }),
-    [],
-  );
-
-  const bookingsApiQuery = useQuery({
-    queryKey: [
-      ...QUERY_KEYS.BOOKINGS.list(bookingsApiFilter),
-      "train-assignment",
-      routeId,
-    ],
-    queryFn: () => bookingsService.list(bookingsApiFilter),
-    enabled: Boolean(selectedLocomotive && selectedRoute),
-  });
-
-  const eligibleBookings = useMemo<EligibleContainerBooking[]>(() => {
-    return (bookingsApiQuery.data?.items ?? [])
-      .filter((booking) => {
-        const matchesFreightType = booking.freightType === assignmentType;
-        const matchesCorridorDirection = bookingMatchesDirection(booking, selectedRouteDirection);
-        return matchesFreightType && matchesCorridorDirection;
-      })
-      .map(toEligibleBooking);
-  }, [assignmentType, bookingsApiQuery.data?.items, selectedRouteDirection]);
-
-  const filteredLocomotives = useMemo(() => {
-    const query = locomotiveSearch.trim().toLowerCase();
-    return (locomotivesQuery.data ?? []).filter((locomotive) => {
-      const matchesStatus = locomotiveStatusFilter === "ALL" || locomotive.status === locomotiveStatusFilter;
-      if (!matchesStatus) return false;
-      if (!query) return true;
-      return [locomotive.code, locomotive.name ?? "", locomotive.status, locomotive.locomotiveType ?? ""]
-        .join(" ")
-        .toLowerCase()
-        .includes(query);
-    });
-  }, [locomotiveSearch, locomotiveStatusFilter, locomotivesQuery.data]);
-
-  const availableWagons = useMemo(() => {
-    const query = wagonSearch.trim().toLowerCase();
-    return (wagonsQuery.data ?? []).filter((wagon) => {
-      const isUnassigned = !wagon.trainId;
-      const isAtRouteOrigin = Boolean(selectedRoute?.originYardId) && wagon.currentLocationYardId === selectedRoute?.originYardId;
-      const isReadyForRoute = wagon.status === requiredWagonStatus;
-      const supportsAssignment = wagonSupportsAssignment(wagon, assignmentType);
-      const matchesQuery = query
-        ? [
-            wagon.wagonNumber,
-            wagon.status,
-            wagon.wagonTypeId,
-            wagon.wagonType?.code ?? "",
-            wagon.wagonType?.name ?? "",
-            wagon.currentLocationYard?.label ?? "",
-            wagon.currentLocationYard?.code ?? "",
-            wagon.currentLocationYard?.country ?? "",
-            wagon.notes ?? "",
-          ]
-            .join(" ")
-            .toLowerCase()
-            .includes(query)
-        : true;
-      return isUnassigned && isAtRouteOrigin && isReadyForRoute && supportsAssignment && matchesQuery;
-    });
-  }, [assignmentType, requiredWagonStatus, selectedRoute?.originYardId, wagonSearch, wagonsQuery.data]);
-
-  const routeReadyWagonCounts = useMemo(() => {
-    return (wagonsQuery.data ?? []).reduce(
-      (counts, wagon) => {
-        const isRouteReady =
-          !wagon.trainId &&
-          Boolean(selectedRoute?.originYardId) &&
-          wagon.currentLocationYardId === selectedRoute?.originYardId &&
-          wagon.status === requiredWagonStatus;
-
-        if (!isRouteReady) return counts;
-        if (wagonSupportsAssignment(wagon, "CONTAINER")) counts.container += 1;
-        if (wagonSupportsAssignment(wagon, "BULK")) counts.bulk += 1;
-        return counts;
-      },
-      { container: 0, bulk: 0 },
-    );
-  }, [requiredWagonStatus, selectedRoute?.originYardId, wagonsQuery.data]);
-
-  const filteredSchedules = useMemo(() => {
-    const query = scheduleSearch.trim().toLowerCase();
-    return (schedulesQuery.data ?? []).filter((schedule) => {
-      const matchesStatus = scheduleStatusFilter === "ALL" || schedule.status === scheduleStatusFilter;
-      if (!matchesStatus) return false;
-      if (!query) return true;
-      return [
-        schedule.id,
-        schedule.routeName ?? "",
-        schedule.origin ?? "",
-        schedule.destination ?? "",
-        schedule.locomotive?.code ?? "",
-        schedule.status,
-      ]
-        .join(" ")
-        .toLowerCase()
-        .includes(query);
-    });
-  }, [scheduleSearch, scheduleStatusFilter, schedulesQuery.data]);
-
-  const bookingOptions = eligibleBookings.map((booking) => ({
-    value: booking.id,
-    label: `${booking.reference} - ${booking.customer} (${booking.weightTons} T / ${booking.status})`,
-  }));
-  const selectedBookings = eligibleBookings.filter((booking) =>
-    selectedBookingIds.includes(booking.id),
-  );
-  const selectedWeightTons = selectedBookings.reduce(
-    (total, booking) => total + Number(booking.weightTons || 0),
-    0,
-  );
-  const previewWagonLimitExceeded = preview ? preview.summary.wagonsNeeded > maxWagons : false;
-  const selectedWagonLimitExceeded = selectedWagonIds.length > maxWagons;
-  const selectedWagonsShort =
-    preview ? selectedWagonIds.length < preview.summary.wagonsNeeded : selectedWagonIds.length === 0;
-  const previewWeightExceeded = preview
-    ? preview.summary.totalWeightTons > TRAIN_LIMITS.maxWeightTons
-    : false;
-  const previewLengthExceeded = preview
-    ? preview.summary.totalLengthMeters > TRAIN_LIMITS.maxLengthMeters
-    : false;
-  const canGenerateSchedule =
-    Boolean(routeId) &&
-    Boolean(departureDate) &&
-    Boolean(arrivalDate) &&
-    Boolean(selectedLocomotiveId) &&
-    selectedBookingIds.length > 0 &&
-    selectedWagonIds.length > 0 &&
-    !selectedWagonLimitExceeded &&
-    (!preview || !selectedWagonsShort);
-
-  const resetPreview = () => setPreview(null);
-
-  const previewMutation = useMutation({
-    mutationFn: () => {
-      if (!selectedRoute || !departureDate || selectedBookingIds.length === 0) {
-        throw new Error("Select route, departure date, and at least one eligible booking");
-      }
-      return trainSchedulingService.preview({
-        bookingIds: selectedBookingIds,
-        scheduleDate: toIso(departureDate),
-        originStationId: selectedRoute.originYardId,
-        destinationStationId: selectedRoute.destinationYardId,
-        assignmentType,
-      });
-    },
-    onSuccess: (data) => {
-      setPreview(data);
-      setFormMessage({
-        color: data.valid ? "green" : "red",
-        title: data.valid ? "Assignment preview ready" : "Assignment needs attention",
-        message: data.valid
-          ? "Wagon count, weight, and length validations passed."
-          : data.violations.join(", "),
-      });
-    },
-    onError: (error) => {
-      setFormMessage({ color: "red", title: "Preview failed", message: parseError(error, "Failed to preview assignment") });
-    },
-  });
-
-  const createMutation = useMutation({
-    mutationFn: () => {
-      if (!routeId || !departureDate || !arrivalDate || !selectedLocomotiveId || selectedBookingIds.length === 0 || selectedWagonIds.length === 0) {
-        throw new Error("Select locomotive, route, departure, arrival, wagons, and bookings");
-      }
-      if (selectedWagonLimitExceeded) {
-        throw new Error(`Select no more than ${maxWagons} wagons for this locomotive`);
-      }
-      if (preview && selectedWagonIds.length < preview.summary.wagonsNeeded) {
-        throw new Error(`Select at least ${preview.summary.wagonsNeeded} wagons for this assignment`);
-      }
-      return trainSchedulingService.createSchedule({
-        routeId,
-        scheduleDate: toIso(departureDate),
-        arrivalDate: toIso(arrivalDate),
-        locomotiveId: selectedLocomotiveId,
-        assignmentType,
-        bookingIds: selectedBookingIds,
-        wagonIds: selectedWagonIds,
-      });
-    },
-    onSuccess: (data) => {
-      setFormMessage({
-        color: "green",
-        title: "Schedule generated",
-        message: "The schedule was created and added to Created schedules.",
-      });
-      setInvoiceModalOpen(true);
-      setRouteId("");
-      setDepartureDate("");
-      setArrivalDate("");
-      setSelectedLocomotiveId("");
-      setSelectedWagonIds([]);
-      setSelectedBookingIds([]);
-      setPreview(null);
-      void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.ROOT });
-      void schedulesQuery.refetch();
-      void bookingsApiQuery.refetch();
-      void wagonsQuery.refetch();
-      void locomotivesQuery.refetch();
-      setDetailId(data.id);
-    },
-    onError: (error) => {
-      setFormMessage({ color: "red", title: "Schedule failed", message: parseError(error, "Failed to generate schedule") });
-    },
-  });
-
-  const cancelMutation = useMutation({
-    mutationFn: (id: string) => trainSchedulingService.cancelSchedule(id),
-    onSuccess: (data) => {
-      void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.ROOT });
-      setDetailId(data.id);
-    },
-    onError: (error) => {
-      setFormMessage({ color: "red", title: "Cancel failed", message: parseError(error, "Failed to cancel schedule") });
-    },
-  });
-
-  const publishMutation = useMutation({
-    mutationFn: (id: string) => trainSchedulingService.publishSchedule(id),
-    onSuccess: (data) => {
-      setFormMessage({
-        color: "green",
-        title: "Schedule published",
-        message: "The schedule is published and customers can be notified.",
-      });
-      void qc.invalidateQueries({ queryKey: QUERY_KEYS.TRAIN_SCHEDULING.ROOT });
-      setDetailId(data.id);
-    },
-    onError: (error) => {
-      setFormMessage({ color: "red", title: "Publish failed", message: parseError(error, "Failed to publish schedule") });
-    },
-  });
-
-  const detail = detailQuery.data;
-  const weightProgress = preview
-    ? Math.min(100, (preview.summary.totalWeightTons / TRAIN_LIMITS.maxWeightTons) * 100)
-    : 0;
-  const lengthProgress = preview
-    ? Math.min(100, (preview.summary.totalLengthMeters / TRAIN_LIMITS.maxLengthMeters) * 100)
-    : 0;
-
-  return (
-    <Box p="lg">
-      <Stack gap="lg">
-        <Breadcrumbs>
-          <Text size="sm" c="dimmed">Operations</Text>
-          <Text size="sm" fw={600}>Locomotive scheduling</Text>
-        </Breadcrumbs>
-
-        {formMessage ? (
-          <Notification color={formMessage.color} title={formMessage.title} onClose={() => setFormMessage(null)}>
-            {formMessage.message}
-          </Notification>
-        ) : null}
-
-        <Card withBorder radius="md">
-          <Stack gap={0}>
-            <Group justify="space-between" align="center" p="lg">
-              <Group align="flex-start" gap="md">
-                <ThemeIcon size={52} radius="md">
-                  <TrainTrack size={28} />
-                </ThemeIcon>
-                <Box>
-                  <Title order={2}>Locomotive Scheduling</Title>
-                  <Text size="sm" c="dimmed" mt={4}>
-                    Select a locomotive, route, wagon assignment type, and available bookings before generating a scheduled train.
-                  </Text>
-                </Box>
-              </Group>
-              <Button
-                variant="default"
-                leftSection={<RefreshCw size={16} />}
-                onClick={() => {
-                  void routesQuery.refetch();
-                  void schedulesQuery.refetch();
-                  void locomotivesQuery.refetch();
-                  void wagonsQuery.refetch();
-                  void bookingsApiQuery.refetch();
-                }}
-              >
-                Refresh
-              </Button>
-            </Group>
-
-            <Divider />
-
-            <Grid p="lg" gutter="lg">
-              <Grid.Col span={{ base: 12, xl: 7 }}>
-                <Stack>
-                  <Card withBorder radius="md">
-                    <Stack>
-                      <Group justify="space-between">
-                        <Box>
-                          <Title order={3}>Select locomotive</Title>
-                          <Text size="sm" c="dimmed">Use the table to choose the locomotive that will pull this scheduled train.</Text>
-                        </Box>
-                        <Group gap="xs">
-                          {selectedLocomotive ? (
-                            <Badge color="blue" variant="light">
-                              {selectedLocomotive.code} selected
-                            </Badge>
-                          ) : null}
-                          <Badge variant="light">{filteredLocomotives.length} locomotives</Badge>
-                        </Group>
-                      </Group>
-
-                      <SimpleGrid cols={{ base: 1, sm: 2 }}>
-                        <TextInput
-                          placeholder="Search locomotive"
-                          value={locomotiveSearch}
-                          onChange={(event) => setLocomotiveSearch(event.currentTarget.value)}
-                        />
-                        <Select
-                          value={locomotiveStatusFilter}
-                          data={[
-                            "ALL",
-                            "AVAILABLE",
-                            "IMPORT_READY",
-                            "EXPORT_READY",
-                            "UNAVAILABLE",
-                            "ASSIGNED",
-                            "MAINTENANCE",
-                            "OUT_OF_SERVICE",
-                          ]}
-                          onChange={(value) => setLocomotiveStatusFilter(value ?? "ALL")}
-                        />
-                      </SimpleGrid>
-
-                      <Tabs defaultValue="table">
-                        <Tabs.List>
-                          <Tabs.Tab value="table">Table view</Tabs.Tab>
-                          <Tabs.Tab value="cards">Card view</Tabs.Tab>
-                        </Tabs.List>
-                        <Tabs.Panel value="table" pt="md">
-                          <ScrollArea>
-                            <Table striped highlightOnHover verticalSpacing="sm" miw={820}>
-                              <Table.Thead>
-                                <Table.Tr>
-                                  <Table.Th w={56}>Select</Table.Th>
-                                  <Table.Th>Locomotive</Table.Th>
-                                  <Table.Th>Type</Table.Th>
-                                  <Table.Th>Pull</Table.Th>
-                                  <Table.Th>Length</Table.Th>
-                                  <Table.Th>Status</Table.Th>
-                                </Table.Tr>
-                              </Table.Thead>
-                              <Table.Tbody>
-                                {filteredLocomotives.map((locomotive) => {
-                                  const isSelected = locomotive.id === selectedLocomotiveId;
-                                  return (
-                                    <Table.Tr
-                                      key={locomotive.id}
-                                      bg={isSelected ? "blue.0" : undefined}
-                                      style={{ cursor: "pointer" }}
-                                      onClick={() => {
-                                        setSelectedLocomotiveId(locomotive.id);
-                                        setRouteId("");
-                                        setSelectedWagonIds([]);
-                                        setSelectedBookingIds([]);
-                                        resetPreview();
-                                      }}
-                                    >
-                                      <Table.Td>
-                                        <Checkbox checked={isSelected} readOnly aria-label={`Select ${locomotive.code}`} />
-                                      </Table.Td>
-                                      <Table.Td>
-                                        <Text fw={700}>{locomotive.code}</Text>
-                                        <Text size="xs" c="dimmed">{locomotive.name ?? "Locomotive"}</Text>
-                                      </Table.Td>
-                                      <Table.Td>{locomotive.locomotiveType ?? "-"}</Table.Td>
-                                      <Table.Td>{locomotive.maxPullWeightTons} T</Table.Td>
-                                      <Table.Td>{locomotive.maxTrainLengthMeters} m</Table.Td>
-                                      <Table.Td>
-                                        <Badge color={statusColor(locomotive.status)} variant="light">{locomotive.status}</Badge>
-                                      </Table.Td>
-                                    </Table.Tr>
-                                  );
-                                })}
-                              </Table.Tbody>
-                            </Table>
-                          </ScrollArea>
-                        </Tabs.Panel>
-                        <Tabs.Panel value="cards" pt="md">
-                          {locomotivesQuery.isLoading ? <Loader /> : null}
-                          <SimpleGrid cols={{ base: 1, md: 2 }}>
-                            {filteredLocomotives.map((locomotive) => (
-                              <LocomotiveCard
-                                key={locomotive.id}
-                                locomotive={locomotive}
-                                selected={locomotive.id === selectedLocomotiveId}
-                                  onSelect={() => {
-                                    setSelectedLocomotiveId(locomotive.id);
-                                    setRouteId("");
-                                    setSelectedWagonIds([]);
-                                    setSelectedBookingIds([]);
-                                    resetPreview();
-                                  }}
-                              />
-                            ))}
-                          </SimpleGrid>
-                        </Tabs.Panel>
-                      </Tabs>
-                    </Stack>
-                  </Card>
-
-                  <Card withBorder radius="md">
-                    <Stack>
-                      <Title order={3}>Created schedules</Title>
-                      <SimpleGrid cols={{ base: 1, md: 2 }}>
-                        <TextInput
-                          placeholder="Search by route, locomotive, or status"
-                          value={scheduleSearch}
-                          onChange={(event) => setScheduleSearch(event.currentTarget.value)}
-                        />
-                        <Select
-                          value={scheduleStatusFilter}
-                          data={["ALL", "DRAFT", "READY", "PUBLISHED", "DEPARTED", "IN_TRANSIT", "ARRIVED", "COMPLETED", "CANCELLED"]}
-                          onChange={(value) => setScheduleStatusFilter(value ?? "ALL")}
-                        />
-                      </SimpleGrid>
-                      <ScrollArea>
-                        <Table striped highlightOnHover verticalSpacing="sm" miw={980}>
-                          <Table.Thead>
-                            <Table.Tr>
-                              <Table.Th>Schedule</Table.Th>
-                              <Table.Th>Departure</Table.Th>
-                              <Table.Th>Route</Table.Th>
-                              <Table.Th>Locomotive</Table.Th>
-                              <Table.Th>Bookings</Table.Th>
-                              <Table.Th>Wagons</Table.Th>
-                              <Table.Th>Status</Table.Th>
-                              <Table.Th>Actions</Table.Th>
-                            </Table.Tr>
-                          </Table.Thead>
-                          <Table.Tbody>
-                            {filteredSchedules.map((schedule) => (
-                              <Table.Tr key={schedule.id}>
-                                <Table.Td><Text size="xs" ff="monospace">{schedule.id}</Text></Table.Td>
-                                <Table.Td>{formatDate(schedule.scheduleDate)}</Table.Td>
-                                <Table.Td>{schedule.routeName ?? `${schedule.origin ?? "-"} to ${schedule.destination ?? "-"}`}</Table.Td>
-                                <Table.Td>{schedule.locomotive?.code ?? "-"}</Table.Td>
-                                <Table.Td>{schedule.bookingsCount}</Table.Td>
-                                <Table.Td>{schedule.wagonCount}</Table.Td>
-                                <Table.Td><Badge color={statusColor(schedule.status)} variant="light">{schedule.status}</Badge></Table.Td>
-                                <Table.Td>
-                                  <Group gap="xs" wrap="nowrap">
-                                    <Button variant="default" size="xs" onClick={() => setDetailId(schedule.id)}>View</Button>
-                                    {schedule.status === "READY" ? (
-                                      <Button size="xs" leftSection={<Send size={14} />} onClick={() => publishMutation.mutate(schedule.id)}>
-                                        Publish
-                                      </Button>
-                                    ) : null}
-                                    {schedule.status !== "CANCELLED" ? (
-                                      <Button color="red" variant="light" size="xs" onClick={() => cancelMutation.mutate(schedule.id)}>
-                                        Cancel
-                                      </Button>
-                                    ) : null}
-                                  </Group>
-                                </Table.Td>
-                              </Table.Tr>
-                            ))}
-                            {!schedulesQuery.isLoading && filteredSchedules.length === 0 ? (
-                              <Table.Tr>
-                                <Table.Td colSpan={8}>
-                                  <Text ta="center" c="dimmed" py="xl">No schedules matched the current filters.</Text>
-                                </Table.Td>
-                              </Table.Tr>
-                            ) : null}
-                          </Table.Tbody>
-                        </Table>
-                      </ScrollArea>
-                    </Stack>
-                  </Card>
-                </Stack>
-              </Grid.Col>
-
-              <Grid.Col span={{ base: 12, xl: 5 }}>
-                <Stack>
-                  <Card withBorder radius="md">
-                    <Stack>
-                      <Group gap="xs">
-                        <Calendar size={16} />
-                        <Title order={3}>Scheduled train builder</Title>
-                      </Group>
-
-                      <SegmentedControl
-                        value={assignmentType}
-                        onChange={(value) => {
-                          setAssignmentType(value as AssignmentType);
-                          setSelectedWagonIds([]);
-                          setSelectedBookingIds([]);
-                          resetPreview();
-                        }}
-                        data={[
-                          { value: "CONTAINER", label: "Wagon for Container" },
-                          { value: "BULK", label: "Wagon for Bulk" },
-                        ]}
-                      />
-
-                      <SimpleGrid cols={{ base: 1, sm: 3 }}>
-                        <MetricTile label="Max wagons" value={`${maxWagons} ${assignmentType.toLowerCase()}`} />
-                        <MetricTile label="Max train length" value={`${TRAIN_LIMITS.maxLengthMeters} m`} />
-                        <MetricTile label="Max train weight" value={`${TRAIN_LIMITS.maxWeightTons} T`} />
-                      </SimpleGrid>
-
-                      <Select
-                        label="Selected locomotive"
-                        placeholder="Select a locomotive from the table"
-                        data={(locomotivesQuery.data ?? []).map((locomotive) => ({
-                          value: locomotive.id,
-                          label: `${locomotive.code} - ${locomotive.maxPullWeightTons}T / ${locomotive.maxTrainLengthMeters}m`,
-                        }))}
-                        value={selectedLocomotiveId || null}
-                        searchable
-                        onChange={(value) => {
-                          setSelectedLocomotiveId(value ?? "");
-                          setRouteId("");
-                          setSelectedWagonIds([]);
-                          setSelectedBookingIds([]);
-                          resetPreview();
-                        }}
-                      />
-
-                      <Select
-                        label="Route"
-                        placeholder={selectedLocomotiveId ? "Select active route" : "Select locomotive first"}
-                        data={activeRoutes.map((route) => ({
-                          value: route.id,
-                          label: `${route.name} - ${stationLabel(route.originYardId, route.originYard)} to ${stationLabel(
-                            route.destinationYardId,
-                            route.destinationYard,
-                          )}`,
-                        }))}
-                        value={routeId || null}
-                        searchable
-                        disabled={!selectedLocomotiveId}
-                        rightSection={stationsQuery.isFetching ? <Loader size={16} /> : undefined}
-                        onChange={(value) => {
-                          setRouteId(value ?? "");
-                          setSelectedWagonIds([]);
-                          setSelectedBookingIds([]);
-                          resetPreview();
-                        }}
-                      />
-
-                      <SimpleGrid cols={{ base: 1, sm: 2 }}>
-                        <TextInput
-                          label="Departure date/time"
-                          type="datetime-local"
-                          value={departureDate}
-                          onChange={(event) => {
-                            setDepartureDate(event.currentTarget.value);
-                            resetPreview();
-                          }}
-                        />
-                        <TextInput
-                          label="Arrival date/time"
-                          type="datetime-local"
-                          value={arrivalDate}
-                          onChange={(event) => setArrivalDate(event.currentTarget.value)}
-                        />
-                      </SimpleGrid>
-
-                      <SimpleGrid cols={{ base: 1, sm: 2 }}>
-                        <Card withBorder radius="md" p="md">
-                          <Group gap="xs" mb={6}>
-                            <MapPin size={14} />
-                            <Text size="xs" tt="uppercase" c="dimmed" fw={700}>Origin station</Text>
-                          </Group>
-                          <Text size="sm" fw={600}>
-                            {stationLabel(selectedRoute?.originYardId, selectedRouteOrigin)}
-                          </Text>
-                        </Card>
-                        <Card withBorder radius="md" p="md">
-                          <Group gap="xs" mb={6}>
-                            <MapPin size={14} />
-                            <Text size="xs" tt="uppercase" c="dimmed" fw={700}>Destination station</Text>
-                          </Group>
-                          <Text size="sm" fw={600}>
-                            {stationLabel(selectedRoute?.destinationYardId, selectedRouteDestination)}
-                          </Text>
-                        </Card>
-                      </SimpleGrid>
-
-                      <Card withBorder radius="md" p="md">
-                        <Stack gap="sm">
-                          <Group justify="space-between" align="flex-start">
-                            <Box>
-                              <Title order={4}>Assign wagons to train</Title>
-                              <Text size="sm" c="dimmed">
-                                {selectedRoute
-                                  ? `${selectedRouteDirection} route: showing unassigned ${requiredWagonStatus} wagons at ${stationLabel(selectedRoute.originYardId, selectedRouteOrigin)}.`
-                                  : "Select a route to load route-ready wagons."}
-                              </Text>
-                            </Box>
-                            <Group gap="xs">
-                              <Badge color={selectedWagonLimitExceeded ? "red" : "blue"} variant="light">
-                                {selectedWagonIds.length} / {maxWagons} selected
-                              </Badge>
-                              {preview ? (
-                                <Badge color={selectedWagonsShort ? "red" : "green"} variant="light">
-                                  {preview.summary.wagonsNeeded} needed
-                                </Badge>
-                              ) : null}
-                            </Group>
-                          </Group>
-
-                          <TextInput
-                            placeholder="Search wagons"
-                            value={wagonSearch}
-                            disabled={!selectedRoute}
-                            onChange={(event) => setWagonSearch(event.currentTarget.value)}
-                          />
-
-                          <Group gap="xs">
-                            <Badge color="blue" variant={assignmentType === "CONTAINER" ? "filled" : "light"}>
-                              {routeReadyWagonCounts.container} Wagon for Container
-                            </Badge>
-                            <Badge color="teal" variant={assignmentType === "BULK" ? "filled" : "light"}>
-                              {routeReadyWagonCounts.bulk} Wagon for Bulk
-                            </Badge>
-                            <Badge color="gray" variant="light">
-                              Showing {assignmentLabels[assignmentType]}
-                            </Badge>
-                          </Group>
-
-                          <ScrollArea h={260}>
-                            <Table striped highlightOnHover verticalSpacing="sm" miw={720}>
-                              <Table.Thead>
-                                <Table.Tr>
-                                  <Table.Th w={56}>Select</Table.Th>
-                                  <Table.Th>Wagon</Table.Th>
-                                  <Table.Th>Status</Table.Th>
-                                  <Table.Th>Location</Table.Th>
-                                  <Table.Th>Payload</Table.Th>
-                                  <Table.Th>Sequence</Table.Th>
-                                </Table.Tr>
-                              </Table.Thead>
-                              <Table.Tbody>
-                                {availableWagons.map((wagon) => {
-                                  const isSelected = selectedWagonIds.includes(wagon.id);
-                                  const cannotSelectMore = !isSelected && selectedWagonIds.length >= maxWagons;
-                                  return (
-                                    <Table.Tr
-                                      key={wagon.id}
-                                      bg={isSelected ? "teal.0" : undefined}
-                                      style={{ cursor: cannotSelectMore ? "not-allowed" : "pointer" }}
-                                      onClick={() => {
-                                        if (cannotSelectMore) return;
-                                        setSelectedWagonIds((current) =>
-                                          current.includes(wagon.id)
-                                            ? current.filter((id) => id !== wagon.id)
-                                            : [...current, wagon.id],
-                                        );
-                                      }}
-                                    >
-                                      <Table.Td>
-                                        <Checkbox
-                                          checked={isSelected}
-                                          disabled={cannotSelectMore}
-                                          readOnly
-                                          aria-label={`Select wagon ${wagon.wagonNumber}`}
-                                        />
-                                      </Table.Td>
-                                      <Table.Td>
-                                        <Text fw={700}>{wagon.wagonNumber}</Text>
-                                        <Text size="xs" c="dimmed">
-                                          {wagon.wagonType
-                                            ? `${wagon.wagonType.code} - ${wagon.wagonType.name}`
-                                            : wagon.wagonTypeId}
-                                        </Text>
-                                      </Table.Td>
-                                      <Table.Td>
-                                        <Badge color={statusColor(wagon.status)} variant="light">{wagon.status}</Badge>
-                                      </Table.Td>
-                                      <Table.Td>
-                                        <Text size="sm">
-                                          {wagon.currentLocationYard?.label ?? wagon.currentLocationYard?.code ?? "-"}
-                                        </Text>
-                                        <Text size="xs" c="dimmed">
-                                          {wagon.currentLocationYard?.country ?? ""}
-                                        </Text>
-                                      </Table.Td>
-                                      <Table.Td>{wagon.maxPayloadWeight ?? 0} T</Table.Td>
-                                      <Table.Td>{isSelected ? selectedWagonIds.indexOf(wagon.id) + 1 : "-"}</Table.Td>
-                                    </Table.Tr>
-                                  );
-                                })}
-                                {!wagonsQuery.isLoading && availableWagons.length === 0 ? (
-                                  <Table.Tr>
-                                    <Table.Td colSpan={6}>
-                                      <Text ta="center" c="dimmed" py="lg">
-                                        No wagons at the selected route origin matched this readiness selection.
-                                      </Text>
-                                    </Table.Td>
-                                  </Table.Tr>
-                                ) : null}
-                              </Table.Tbody>
-                            </Table>
-                          </ScrollArea>
-
-                          {selectedWagonsShort ? (
-                            <Notification color="yellow" title="More wagons needed" withCloseButton={false}>
-                              {preview
-                                ? `Select ${preview.summary.wagonsNeeded - selectedWagonIds.length} more wagon(s) to match the previewed allocation.`
-                                : "Select wagons before generating the scheduled train."}
-                            </Notification>
-                          ) : null}
-                        </Stack>
-                      </Card>
-
-                      <MultiSelect
-                        label="Eligible bookings"
-                        placeholder={
-                          selectedLocomotive && selectedRoute
-                            ? "Assign bookings to the scheduled train wagons"
-                            : "Select locomotive and route first"
-                        }
-                        data={bookingOptions}
-                        value={selectedBookingIds}
-                        searchable
-                        clearable
-                        disabled={!selectedLocomotive || !selectedRoute}
-                        rightSection={bookingsApiQuery.isFetching ? <Loader size={16} /> : undefined}
-                        onChange={(value) => {
-                          setSelectedBookingIds(value);
-                          resetPreview();
-                        }}
-                      />
-
-                      <Group gap="xs">
-                        <Badge variant="light">{eligibleBookings.length} available bookings</Badge>
-                        <Badge color="gray" variant="light">{bookingsApiQuery.data?.total ?? 0} from bookings API</Badge>
-                        <Badge color={selectedRouteDirection === "IMPORT" ? "blue" : selectedRouteDirection === "EXPORT" ? "teal" : "gray"} variant="light">
-                          {selectedRouteDirection === "IMPORT"
-                            ? "Import: Djibouti origin"
-                            : selectedRouteDirection === "EXPORT"
-                              ? "Export: Djibouti destination"
-                              : "Domestic route"}
-                        </Badge>
-                        <Badge color="teal" variant="light">{selectedBookingIds.length} selected</Badge>
-                        <Badge color={selectedWeightTons > TRAIN_LIMITS.maxWeightTons ? "red" : "gray"} variant="light">
-                          {selectedWeightTons} / {TRAIN_LIMITS.maxWeightTons} T before preview
-                        </Badge>
-                      </Group>
-
-                      <Group grow>
-                        <Button variant="light" loading={previewMutation.isPending} onClick={() => previewMutation.mutate()}>
-                          Preview allocation
-                        </Button>
-                        <Button
-                          leftSection={<CheckCircle2 size={16} />}
-                          loading={createMutation.isPending}
-                          disabled={!canGenerateSchedule}
-                          onClick={() => createMutation.mutate()}
-                        >
-                          Generate schedule
-                        </Button>
-                      </Group>
-                    </Stack>
-                  </Card>
-
-                  <Card withBorder radius="md">
-                    <Stack>
-                      <Title order={3}>Assignment summary</Title>
-                      {preview ? (
-                        <>
-                          <SimpleGrid cols={2}>
-                            <MetricTile label="Bookings" value={preview.summary.totalBookings} />
-                            <MetricTile label="Wagon type" value={assignmentLabels[assignmentType]} />
-                            <MetricTile label="Wagons" value={`${preview.summary.wagonsNeeded} / ${maxWagons}`} />
-                            <MetricTile label="Weight" value={`${preview.summary.totalWeightTons} / ${TRAIN_LIMITS.maxWeightTons} T`} />
-                            <MetricTile label="Length" value={`${preview.summary.totalLengthMeters} / ${TRAIN_LIMITS.maxLengthMeters} m`} />
-                          </SimpleGrid>
-                          <Box>
-                            <Text size="xs" c="dimmed" fw={700}>Weight utilization</Text>
-                            <Progress value={weightProgress} mt={6} />
-                          </Box>
-                          <Box>
-                            <Text size="xs" c="dimmed" fw={700}>Length utilization</Text>
-                            <Progress value={lengthProgress} mt={6} color="teal" />
-                          </Box>
-                          {preview.violations.length > 0 ? (
-                            <Notification color="red" title="Validation issues" withCloseButton={false}>
-                              {preview.violations.join(", ")}
-                            </Notification>
-                          ) : null}
-                          {previewWagonLimitExceeded || previewWeightExceeded || previewLengthExceeded ? (
-                            <Notification color="red" title="Train limit exceeded" withCloseButton={false}>
-                              Keep this {assignmentLabels[assignmentType]} assignment within {maxWagons} wagons, {TRAIN_LIMITS.maxWeightTons} T, and {TRAIN_LIMITS.maxLengthMeters} m.
-                            </Notification>
-                          ) : null}
-                          <Accordion variant="contained">
-                            <Accordion.Item value="wagons">
-                              <Accordion.Control>{assignmentLabels[assignmentType]} allocation preview</Accordion.Control>
-                              <Accordion.Panel>
-                                <Stack>
-                                  {preview.wagonPlan.map((wagon) => (
-                                    <Card key={wagon.sequenceNo} withBorder radius="md" p="sm">
-                                      <Group justify="space-between">
-                                        <Text fw={600}>{assignmentLabels[assignmentType]} {wagon.sequenceNo}</Text>
-                                        <Badge variant="light">{wagon.allocations.length} bookings</Badge>
-                                      </Group>
-                                      <Text size="sm" c="dimmed">
-                                        {wagon.assignedWeightTons}T assigned / {wagon.capacityTons}T capacity / {wagon.lengthMeters}m
-                                      </Text>
-                                      <Text size="xs" c="dimmed" mt={4}>
-                                        {wagon.allocations.map((allocation) => allocation.bookingReference).join(", ") || "No allocation"}
-                                      </Text>
-                                    </Card>
-                                  ))}
-                                </Stack>
-                              </Accordion.Panel>
-                            </Accordion.Item>
-                          </Accordion>
-                        </>
-                      ) : (
-                        <Stack gap="sm">
-                          <Group gap="xs">
-                            <Train size={16} />
-                            <Text size="sm" fw={600}>{assignmentLabels[assignmentType]}</Text>
-                          </Group>
-                          <Text size="sm" c="dimmed">
-                            Run preview after selecting bookings to assign wagons and validate the {maxWagons} wagon, {TRAIN_LIMITS.maxWeightTons} T, and {TRAIN_LIMITS.maxLengthMeters} m train rules.
-                          </Text>
-                        </Stack>
-                      )}
-                    </Stack>
-                  </Card>
-                </Stack>
-              </Grid.Col>
-            </Grid>
-          </Stack>
-        </Card>
-      </Stack>
-
-      <Modal opened={invoiceModalOpen} onClose={() => setInvoiceModalOpen(false)} title="Invoice preview" centered>
-        <Stack>
-          <Notification color="green" title="Invoice workflow started" withCloseButton={false}>
-            The backend moved assigned bookings to INVOICED after wagon allocation. Customers can pay after invoice generation, and booking status becomes PAID only after payment verification.
-          </Notification>
-          <Button onClick={() => setInvoiceModalOpen(false)}>Done</Button>
-        </Stack>
-      </Modal>
-
-      <Modal opened={Boolean(detailId)} onClose={() => setDetailId(null)} title="Schedule detail" size="80rem" centered>
-        {detail ? (
-          <Stack>
-            <SimpleGrid cols={{ base: 1, md: 2, xl: 5 }}>
-              <MetricTile label="Schedule" value={detail.id} />
-              <MetricTile label="Departure" value={formatDate(detail.scheduledDepartureDate)} />
-              <MetricTile label="Arrival" value={formatDate(detail.scheduledArrivalDate)} />
-              <MetricTile label="Route" value={detail.route?.name ?? "-"} />
-              <Card withBorder radius="md" p="md">
-                <Text size="xs" tt="uppercase" c="dimmed" fw={700}>Status</Text>
-                <Badge color={statusColor(detail.status)} variant="light" mt={8}>{detail.status}</Badge>
-              </Card>
-            </SimpleGrid>
-
-            <Card withBorder radius="md">
-              <Title order={3}>Locomotive</Title>
-              <Text size="sm" c="dimmed" mt={8}>
-                {detail.trainSet?.locomotive
-                  ? `${detail.trainSet.locomotive.code} (${detail.trainSet.locomotive.maxPullWeightTons}T / ${detail.trainSet.locomotive.maxTrainLengthMeters ?? 0}m)`
-                  : "No locomotive attached"}
-              </Text>
-            </Card>
-
-            <Card withBorder radius="md">
-              <Title order={3}>Assigned wagons</Title>
-              {(detail.trainSet?.wagons?.length ?? 0) === 0 ? (
-                <Text size="sm" c="dimmed" mt="sm">No wagons allocated yet.</Text>
-              ) : (
-                <SimpleGrid cols={{ base: 1, md: 2 }} mt="md">
-                  {(detail.trainSet?.wagons ?? []).map((wagon) => (
-                    <Card key={wagon.id} withBorder radius="md" p="md">
-                      <Text fw={600}>
-                        Wagon {wagon.sequenceNo} - {wagon.physicalWagon?.wagonNumber ?? wagon.wagonType?.code ?? "NW5"}
-                      </Text>
-                      <Text size="sm" c="dimmed" mt={4}>
-                        {wagon.assignedWeightTons}T assigned / {wagon.capacityTons}T capacity / {wagon.lengthMeters}m
-                      </Text>
-                      {wagon.physicalWagon ? (
-                        <Badge color={statusColor(wagon.physicalWagon.status)} variant="light" mt={6}>
-                          {wagon.physicalWagon.status}
-                        </Badge>
-                      ) : null}
-                      <Text size="xs" c="dimmed" mt={4}>
-                        {wagon.allocations.map((allocation) => allocation.bookingReference).join(", ") || "No allocations"}
-                      </Text>
-                    </Card>
-                  ))}
-                </SimpleGrid>
-              )}
-            </Card>
-
-            <Card withBorder radius="md">
-              <Title order={3}>Assigned bookings</Title>
-              <ScrollArea mt="md">
-                <Table striped highlightOnHover verticalSpacing="sm" miw={560}>
-                  <Table.Thead>
-                    <Table.Tr>
-                      <Table.Th>Reference</Table.Th>
-                      <Table.Th>Customer</Table.Th>
-                      <Table.Th>Weight</Table.Th>
-                      <Table.Th>Status</Table.Th>
-                    </Table.Tr>
-                  </Table.Thead>
-                  <Table.Tbody>
-                    {detail.bookings.map((booking) => (
-                      <Table.Tr key={booking.id}>
-                        <Table.Td>{booking.reference ?? booking.id}</Table.Td>
-                        <Table.Td>{booking.customer ?? "-"}</Table.Td>
-                        <Table.Td>{booking.weightTons} T</Table.Td>
-                        <Table.Td><Badge color={statusColor(booking.status)} variant="light">{booking.status ?? "-"}</Badge></Table.Td>
-                      </Table.Tr>
-                    ))}
-                  </Table.Tbody>
-                </Table>
-              </ScrollArea>
-            </Card>
-          </Stack>
-        ) : (
-          <Group justify="center" p="xl">
-            <Loader />
-          </Group>
-        )}
-      </Modal>
-    </Box>
-  );
-};
-
-export default TrainsPage;
diff --git a/apps/edr-freight-web/backoffice/src/pages/wagons/WagonForm.tsx b/apps/edr-freight-web/backoffice/src/pages/wagons/WagonForm.tsx
deleted file mode 100644
index f2346ab15..000000000
--- a/apps/edr-freight-web/backoffice/src/pages/wagons/WagonForm.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React, { useEffect } from 'react';
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import * as z from 'zod';
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form';
-import { Input } from '@/components/ui/input';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@edr/ui-common';
-import { useWagonTypes } from '@/hooks/use-wagon-types';
-
-const wagonSchema = z.object({
-  wagonNumber: z.string().min(1, 'Required'),
-  wagonTypeId: z.string().min(1, 'Required'),
-  maxPayloadWeight: z.coerce.number().min(0),
-});
-
-type WagonFormValues = z.infer<typeof wagonSchema>;
-
-interface WagonFormProps {
-  initialValues?: Partial<WagonFormValues>;
-  onSubmit: (values: WagonFormValues) => void;
-}
-
-export function WagonForm({ initialValues, onSubmit }: WagonFormProps) {
-  const { data: wagonTypes, isLoading: loadingTypes } = useWagonTypes();
-  
-  const form = useForm<WagonFormValues>({
-    resolver: zodResolver(wagonSchema),
-    defaultValues: {
-      wagonNumber: initialValues?.wagonNumber || '',
-      wagonTypeId: initialValues?.wagonTypeId || '',
-      maxPayloadWeight: initialValues?.maxPayloadWeight || 0,
-    },
-  });
-
-  const selectedTypeId = form.watch('wagonTypeId');
-
-  // Autofill maxPayloadWeight when type changes
-  useEffect(() => {
-    if (selectedTypeId && wagonTypes) {
-      const type = wagonTypes.find((t) => t.id === selectedTypeId);
-      if (type) {
-        // Only autofill if it's a new selection and field is at default or empty
-        const currentWeight = form.getValues('maxPayloadWeight');
-        if (!initialValues?.wagonTypeId || selectedTypeId !== initialValues.wagonTypeId) {
-            form.setValue('maxPayloadWeight', Number(type.capacityTons));
-        }
-      }
-    }
-  }, [selectedTypeId, wagonTypes, form, initialValues?.wagonTypeId]);
-
-  return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-        <FormField
-          control={form.control}
-          name="wagonNumber"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Wagon Number</FormLabel>
-              <FormControl>
-                <Input placeholder="e.g. W12345" {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-
-        <FormField
-          control={form.control}
-          name="wagonTypeId"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Wagon Type</FormLabel>
-              <Select onValueChange={field.onChange} defaultValue={field.value} disabled={loadingTypes}>
-                <FormControl>
-                  <SelectTrigger>
-                    <SelectValue placeholder="Select wagon type" />
-                  </SelectTrigger>
-                </FormControl>
-                <SelectContent>
-                  {wagonTypes?.map((type) => (
-                    <SelectItem key={type.id} value={type.id}>
-                      {type.code} - {type.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-
-        <FormField
-          control={form.control}
-          name="maxPayloadWeight"
-          render={({ field }) => (
-            <FormItem>
-              <FormLabel>Max Payload Weight (Tons)</FormLabel>
-              <FormControl>
-                <Input type="number" step="0.001" {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-      </form>
-    </Form>
-  );
-}
diff --git a/apps/edr-freight-web/backoffice/src/pages/wagons/WagonsPage.tsx b/apps/edr-freight-web/backoffice/src/pages/wagons/WagonsPage.tsx
deleted file mode 100644
index 6d9c3fcd3..000000000
--- a/apps/edr-freight-web/backoffice/src/pages/wagons/WagonsPage.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useWagons } from '@/hooks/useWagons';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
-import { Badge } from '@/components/ui/badge';
-// import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Card, CardContent, CardHeader, CardTitle } from '@edr/ui-common';
-
-
-export default function WagonsPage() {
-  const { data: wagons, isLoading } = useWagons();
-  if (isLoading) return <div>Loading wagons...</div>;
-  return (
-    <Card>
-      <CardHeader><CardTitle>All Wagons</CardTitle></CardHeader>
-      <CardContent>
-        <Table>
-          <TableHeader><TableRow><TableHead>Number</TableHead><TableHead>Type</TableHead><TableHead>Train</TableHead><TableHead>Status</TableHead></TableRow></TableHeader>
-          <TableBody>
-            {wagons?.map((w:any) => (
-              <TableRow key={w.id}>
-                <TableCell>{w.wagonNumber}</TableCell>
-                <TableCell>{w.wagonTypeId}</TableCell>
-                <TableCell>{w.trainId || 'Unassigned'}</TableCell>
-                <TableCell><Badge variant="outline">{w.status}</Badge></TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/backoffice/src/services/api.ts b/apps/edr-freight-web/backoffice/src/services/api.ts
index 4aab4bd98..14bf3454b 100644
--- a/apps/edr-freight-web/backoffice/src/services/api.ts
+++ b/apps/edr-freight-web/backoffice/src/services/api.ts
@@ -35,6 +35,8 @@ import {
   type RejectStepPayload,
 } from "./bookings.service";
 import type { BookingDetail } from "@/types/booking";
+import type { IOverviewDashboard, OverviewRange } from "@/types/overview";
+import { overviewService } from "./overview.service";
 
 export const api = {
   fileUploadSettings: {
@@ -233,6 +235,20 @@ export const api = {
       () => ruleEngineService.getApprovalChain(),
       () => QUERY_KEYS.RULE_ENGINE.chain,
     ),
+
+    reorder: endpoint<
+      { resource: RuleEngineResourceSlug; payload: { ids: string[]; requiresDirectorApproval?: boolean } },
+      void
+    >("rule-engine", "reorder", ({ resource, payload }) =>
+      ruleEngineService.reorder(resource, payload),
+    ),
+
+    moveOrder: endpoint<
+      { resource: RuleEngineResourceSlug; id: string; direction: "up" | "down" },
+      void
+    >("rule-engine", "moveOrder", ({ resource, id, direction }) =>
+      ruleEngineService.moveOrder(resource, id, direction),
+    ),
   },
 
   bookings: {
@@ -329,4 +345,12 @@ export const api = {
       ({ id, reason }) => bookingsService.cancel(id, reason),
     ),
   },
+
+  overview: {
+    get: endpoint<{ range?: OverviewRange }, IOverviewDashboard>(
+      "overview",
+      "get",
+      ({ range }) => overviewService.getDashboard(range),
+    ),
+  },
 };
diff --git a/apps/edr-freight-web/backoffice/src/services/bookings.service.ts b/apps/edr-freight-web/backoffice/src/services/bookings.service.ts
index 8c9bbe371..06dbb638b 100644
--- a/apps/edr-freight-web/backoffice/src/services/bookings.service.ts
+++ b/apps/edr-freight-web/backoffice/src/services/bookings.service.ts
@@ -9,6 +9,8 @@ export interface BookingListFilter {
   status?: string;
   /** Comma-separated statuses for grouped tabs */
   statuses?: string;
+  schedulingStatuses?: string;
+  assignedToSchedule?: "true" | "false";
   /** Tab key for React Query cache (not sent to API) */
   tab?: string;
   // customerId?: string;
@@ -78,6 +80,26 @@ export interface ContractView {
     signedAt: string;
     signatureImageUrl?: string | null;
   }>;
+  /** Current viewer's reusable saved signature, if they have one. */
+  savedSignature?: {
+    signerDisplayName: string;
+    signatureImageUrl?: string | null;
+  } | null;
+}
+
+export interface ConsolidationWagonSlot {
+  containerTypeCode: string;
+  quantity: number;
+  containersPerWagon: number;
+  remainder: number;
+  slotsNeeded: number;
+}
+
+export interface ConsolidationDetails {
+  statusMessage: string;
+  wagonSlots: ConsolidationWagonSlot[];
+  partner: { id: string; reference: string } | null;
+  splitBilling: { bookingShare: number; partnerShare: number } | null;
 }
 
 export interface SignContractPayload {
@@ -121,6 +143,8 @@ export const bookingsService = {
       if (filter.pageSize != null) params.pageSize = filter.pageSize;
       if (filter.sortBy) params.sortBy = filter.sortBy;
       if (filter.sortOrder) params.sortOrder = filter.sortOrder;
+      if (filter.schedulingStatuses) params.schedulingStatuses = filter.schedulingStatuses;
+      if (filter.assignedToSchedule) params.assignedToSchedule = filter.assignedToSchedule;
       if (filter.companyId) params.companyId = filter.companyId;
       if (filter.freightType) params.freightType = filter.freightType;
       if (filter.tradeDirection) params.tradeDirection = filter.tradeDirection;
@@ -189,6 +213,13 @@ export const bookingsService = {
     return unwrap(response.data);
   },
 
+  getConsolidationDetails: async (
+    id: string,
+  ): Promise<ConsolidationDetails> => {
+    const response = await client.get<ConsolidationDetails>(B.CONSOLIDATION(id));
+    return unwrap(response.data) as ConsolidationDetails;
+  },
+
   customerSign: (id: string, payload: SignContractPayload) =>
     postBooking<BookingDetail>(B.CUSTOMER_SIGN(id), {
       ...payload,
@@ -210,6 +241,23 @@ export const bookingsService = {
 
   cancel: (id: string, reason: string) =>
     postBooking<BookingDetail>(B.CANCEL(id), { reason }),
+
+  create: async (payload: Record<string, unknown>): Promise<BookingDetail> => {
+    const response = await client.post<{ booking: BookingDetail } | BookingDetail>(
+      B.BASE,
+      payload,
+    );
+    const data = unwrap(response.data) as { booking?: BookingDetail };
+    return (data.booking ?? data) as BookingDetail;
+  },
+
+  getReferenceData: async () => {
+    const response = await client.get(B.REFERENCE_DATA);
+    return unwrap(response.data);
+  },
+
+  governmentExpedite: (id: string) =>
+    postBooking<BookingDetail>(B.GOVERNMENT_EXPEDITE(id)),
 };
 
 async function ensurePdfBlob(blob: Blob): Promise<Blob> {
diff --git a/apps/edr-freight-web/backoffice/src/services/files.service.ts b/apps/edr-freight-web/backoffice/src/services/files.service.ts
new file mode 100644
index 000000000..d9b4369c3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/services/files.service.ts
@@ -0,0 +1,26 @@
+import { api as client } from "../auth/http";
+import { URL_CONSTANTS } from "@/constants/URLS";
+
+const F = URL_CONSTANTS.FILES;
+
+export const filesService = {
+  /** Stream a stored file by id (backend route: GET /files/:id). */
+  download: async (id: string): Promise<Blob> => {
+    const response = await client.get(F.BY_ID(id), { responseType: "blob" });
+    return response.data as Blob;
+  },
+};
+
+/** Download a file blob and trigger a browser save with the given name. */
+export async function downloadBookingFile(
+  id: string,
+  filename: string,
+): Promise<void> {
+  const blob = await filesService.download(id);
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  a.click();
+  URL.revokeObjectURL(url);
+}
diff --git a/apps/edr-freight-web/backoffice/src/services/fleet/fleet.service.ts b/apps/edr-freight-web/backoffice/src/services/fleet/fleet.service.ts
new file mode 100644
index 000000000..02d063ca0
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/services/fleet/fleet.service.ts
@@ -0,0 +1,60 @@
+import { cargoService, type Cargo } from "@/services/cargoService";
+import { containerService, type Container } from "@/services/containerService";
+import {
+  locomotivesService,
+  type Locomotive,
+  type LocomotiveListFilters,
+} from "@/services/locomotives.service";
+import { trainService, type Train } from "@/services/trains.service";
+import { wagonService, type Wagon, type WagonListFilters } from "@/services/wagon.service";
+import type { FleetResourceSlug } from "@/pages/fleet/config/resources";
+
+export type FleetRecord = Locomotive | Train | Wagon | Container | Cargo;
+
+export type FleetListFilters = WagonListFilters & LocomotiveListFilters;
+
+const listHandlers: Record<
+  FleetResourceSlug,
+  (filters?: FleetListFilters) => Promise<FleetRecord[]>
+> = {
+  locomotives: (filters) => locomotivesService.getAll(filters ?? {}).then((r) => r.data),
+  trains: () => trainService.getAll().then((r) => r.data),
+  wagons: (filters) => wagonService.getAll(filters ?? {}).then((r) => r.data),
+  containers: () => containerService.getAll().then((r) => r.data),
+  cargoes: () => cargoService.getAll().then((r) => r.data),
+};
+
+const createHandlers: Record<FleetResourceSlug, (data: Record<string, unknown>) => Promise<unknown>> = {
+  locomotives: (data) => locomotivesService.create(data),
+  trains: (data) => trainService.create(data),
+  wagons: (data) => wagonService.create(data),
+  containers: (data) => containerService.create(data),
+  cargoes: (data) => cargoService.create(data),
+};
+
+const updateHandlers: Record<
+  FleetResourceSlug,
+  (id: string, data: Record<string, unknown>) => Promise<unknown>
+> = {
+  locomotives: (id, data) => locomotivesService.update(id, data),
+  trains: (id, data) => trainService.update(id, data),
+  wagons: (id, data) => wagonService.update(id, data),
+  containers: (id, data) => containerService.update(id, data),
+  cargoes: (id, data) => cargoService.update(id, data),
+};
+
+const removeHandlers: Record<FleetResourceSlug, (id: string) => Promise<unknown>> = {
+  locomotives: (id) => locomotivesService.decommission(id),
+  trains: (id) => trainService.delete(id),
+  wagons: (id) => wagonService.delete(id),
+  containers: (id) => containerService.delete(id),
+  cargoes: (id) => cargoService.delete(id),
+};
+
+export const fleetService = {
+  list: (slug: FleetResourceSlug, filters?: FleetListFilters) => listHandlers[slug](filters),
+  create: (slug: FleetResourceSlug, data: Record<string, unknown>) => createHandlers[slug](data),
+  update: (slug: FleetResourceSlug, id: string, data: Record<string, unknown>) =>
+    updateHandlers[slug](id, data),
+  remove: (slug: FleetResourceSlug, id: string) => removeHandlers[slug](id),
+};
diff --git a/apps/edr-freight-web/backoffice/src/services/locomotives.service.ts b/apps/edr-freight-web/backoffice/src/services/locomotives.service.ts
index 8f972360b..f904eec5c 100644
--- a/apps/edr-freight-web/backoffice/src/services/locomotives.service.ts
+++ b/apps/edr-freight-web/backoffice/src/services/locomotives.service.ts
@@ -12,12 +12,19 @@ export type LocomotiveStatus =
   | 'ASSIGNED'
   | 'OUT_OF_SERVICE';
 
+export interface LocomotiveListFilters {
+  status?: LocomotiveStatus;
+  currentYardId?: string;
+}
+
 export interface Locomotive {
   id: string;
   code: string;
   name?: string | null;
   locomotiveType: LocomotiveType;
   status: LocomotiveStatus;
+  currentYardId: string | null;
+  currentYard?: { id: string; label?: string; code?: string } | null;
   maxPullWeightTons: number;
   maxTrainLengthMeters: number;
   powerKw?: number | null;
@@ -33,7 +40,15 @@ export type SaveLocomotivePayload = Omit<
 >;
 
 export const locomotivesService = {
-  getAll: () => apiClient.get<Locomotive[]>(URL_CONSTANTS.LOCOMOTIVES.BASE),
+  getAll: (filters: LocomotiveListFilters = {}) => {
+    const params = new URLSearchParams();
+    if (filters.status) params.set('status', filters.status);
+    if (filters.currentYardId) params.set('currentYardId', filters.currentYardId);
+    const qs = params.toString();
+    return apiClient.get<Locomotive[]>(
+      `${URL_CONSTANTS.LOCOMOTIVES.BASE}${qs ? `?${qs}` : ''}`,
+    );
+  },
   getById: (id: string) => apiClient.get<Locomotive>(URL_CONSTANTS.LOCOMOTIVES.BY_ID(id)),
   create: (data: Partial<SaveLocomotivePayload>) =>
     apiClient.post(URL_CONSTANTS.LOCOMOTIVES.BASE, data),
diff --git a/apps/edr-freight-web/backoffice/src/services/overview.service.ts b/apps/edr-freight-web/backoffice/src/services/overview.service.ts
new file mode 100644
index 000000000..d0dd79922
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/services/overview.service.ts
@@ -0,0 +1,56 @@
+import { api as client } from "../auth/http";
+import { unwrap } from "@/utils/endpoint";
+import { URL_CONSTANTS } from "@/constants/URLS";
+import type {
+  IOverviewBillingTab,
+  IOverviewBookingsTab,
+  IOverviewCustomersTab,
+  IOverviewDashboard,
+  IOverviewOperationsTab,
+  IOverviewStaffTab,
+  OverviewRange,
+} from "@/types/overview";
+
+const O = URL_CONSTANTS.OVERVIEW;
+
+export const overviewService = {
+  getDashboard: async (range?: OverviewRange): Promise<IOverviewDashboard> => {
+    const response = await client.get<IOverviewDashboard>(O.BASE, {
+      params: range ? { range } : undefined,
+    });
+    return unwrap(response);
+  },
+
+  getBookingsTab: async (range?: OverviewRange): Promise<IOverviewBookingsTab> => {
+    const response = await client.get<IOverviewBookingsTab>(O.BOOKINGS, {
+      params: range ? { range } : undefined,
+    });
+    return unwrap(response);
+  },
+
+  getBillingTab: async (range?: OverviewRange): Promise<IOverviewBillingTab> => {
+    const response = await client.get<IOverviewBillingTab>(O.BILLING, {
+      params: range ? { range } : undefined,
+    });
+    return unwrap(response);
+  },
+
+  getOperationsTab: async (): Promise<IOverviewOperationsTab> => {
+    const response = await client.get<IOverviewOperationsTab>(O.OPERATIONS);
+    return unwrap(response);
+  },
+
+  getCustomersTab: async (range?: OverviewRange): Promise<IOverviewCustomersTab> => {
+    const response = await client.get<IOverviewCustomersTab>(O.CUSTOMERS, {
+      params: range ? { range } : undefined,
+    });
+    return unwrap(response);
+  },
+
+  getStaffTab: async (range?: OverviewRange): Promise<IOverviewStaffTab> => {
+    const response = await client.get<IOverviewStaffTab>(O.STAFF, {
+      params: range ? { range } : undefined,
+    });
+    return unwrap(response);
+  },
+};
diff --git a/apps/edr-freight-web/backoffice/src/services/payments.service.ts b/apps/edr-freight-web/backoffice/src/services/payments.service.ts
new file mode 100644
index 000000000..bc4083f97
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/services/payments.service.ts
@@ -0,0 +1,84 @@
+import { api as client } from "../auth/http";
+import { unwrap } from "@/utils/endpoint";
+import { URL_CONSTANTS } from "@/constants/URLS";
+
+const P = URL_CONSTANTS.PAYMENTS;
+
+export type PaymentStatus =
+  | "action-required"
+  | "processing"
+  | "success"
+  | "failed"
+  | "canceled"
+  | "refunded";
+
+export type PaymentMethod =
+  | "telebirr"
+  | "cbe-birr"
+  | "ebirr"
+  | "waafi"
+  | "card"
+  | "dmoney"
+  | "cac-bank";
+
+export interface PaymentRow {
+  id: string;
+  bookingId: string;
+  amount: number;
+  currency: string;
+  method: PaymentMethod;
+  status: PaymentStatus;
+  merchantOrderId: string | null;
+  paidAt: string | null;
+  createdAt: string;
+}
+
+export interface PaymentListFilter {
+  search?: string;
+  status?: string;
+  method?: string;
+  page?: number;
+  pageSize?: number;
+}
+
+export interface PaginatedPayments {
+  items: PaymentRow[];
+  total: number;
+  page: number;
+  pageSize: number;
+}
+
+export interface PaymentSummary {
+  total: number;
+  success: number;
+  processing: number;
+  failed: number;
+  refunded: number;
+  paidAmount: number;
+}
+
+export const paymentsService = {
+  list: async (filter?: PaymentListFilter): Promise<PaginatedPayments> => {
+    const params: Record<string, string | number | undefined> = {};
+    if (filter) {
+      if (filter.search) params.search = filter.search;
+      if (filter.status) params.status = filter.status;
+      if (filter.method) params.method = filter.method;
+      if (filter.page != null) params.page = filter.page;
+      if (filter.pageSize != null) params.pageSize = filter.pageSize;
+    }
+    const response = await client.get<PaginatedPayments>(P.ALL, { params });
+    const data = unwrap(response.data) as PaginatedPayments;
+    return {
+      items: data.items ?? [],
+      total: data.total ?? 0,
+      page: data.page ?? 1,
+      pageSize: data.pageSize ?? 10,
+    };
+  },
+
+  getSummary: async (): Promise<PaymentSummary> => {
+    const response = await client.get<PaymentSummary>(P.SUMMARY);
+    return unwrap(response.data) as PaymentSummary;
+  },
+};
diff --git a/apps/edr-freight-web/backoffice/src/services/ruleEngine/ruleEngine.service.ts b/apps/edr-freight-web/backoffice/src/services/ruleEngine/ruleEngine.service.ts
index b1846e0cc..9f092f46d 100644
--- a/apps/edr-freight-web/backoffice/src/services/ruleEngine/ruleEngine.service.ts
+++ b/apps/edr-freight-web/backoffice/src/services/ruleEngine/ruleEngine.service.ts
@@ -14,13 +14,21 @@ export interface RuleEngineListParams {
   pageSize?: number;
   isActive?: boolean;
   status?: string;
+  sortBy?: string;
+  sortOrder?: "ASC" | "DESC";
+  requiresDirectorApproval?: boolean;
+}
+
+export interface RuleEngineReorderPayload {
+  ids: string[];
+  requiresDirectorApproval?: boolean;
 }
 
 const RESOURCE_BASE: Record<RuleEngineResourceSlug, string> = {
   "cargo-types": URL_CONSTANTS.RULE_ENGINE.CARGO_TYPES,
   "container-types": URL_CONSTANTS.RULE_ENGINE.CONTAINER_TYPES,
   "wagon-types": URL_CONSTANTS.RULE_ENGINE.WAGON_TYPES,
-  "priority-rules": URL_CONSTANTS.RULE_ENGINE.PRIORITY_RULES,
+  "priority-configs": URL_CONSTANTS.RULE_ENGINE.PRIORITY_CONFIGS,
   "service-types": URL_CONSTANTS.RULE_ENGINE.SERVICE_TYPES,
   "surcharge-types": URL_CONSTANTS.RULE_ENGINE.SURCHARGE_TYPES,
   "weight-limit-rules": URL_CONSTANTS.RULE_ENGINE.WEIGHT_LIMIT_RULES,
@@ -38,8 +46,8 @@ const byIdPath = (resource: RuleEngineResourceSlug, id: string): string => {
       return URL_CONSTANTS.RULE_ENGINE.CONTAINER_TYPE_BY_ID(id);
     case "wagon-types":
       return URL_CONSTANTS.RULE_ENGINE.WAGON_TYPE_BY_ID(id);
-    case "priority-rules":
-      return URL_CONSTANTS.RULE_ENGINE.PRIORITY_RULE_BY_ID(id);
+    case "priority-configs":
+      return URL_CONSTANTS.RULE_ENGINE.PRIORITY_CONFIG_BY_ID(id);
     case "service-types":
       return URL_CONSTANTS.RULE_ENGINE.SERVICE_TYPE_BY_ID(id);
     case "surcharge-types":
@@ -59,25 +67,39 @@ const byIdPath = (resource: RuleEngineResourceSlug, id: string): string => {
   }
 };
 
-const defaultMeta = (dataLength: number, page = 1, pageSize = 20): RuleEngineListMeta => ({
+const defaultMeta = (dataLength: number, page = 1, pageSize = 10): RuleEngineListMeta => ({
   total: dataLength,
   page,
   pageSize,
   totalPages: Math.max(1, Math.ceil(dataLength / pageSize)),
 });
 
+const isPaginatedListResult = <T extends RuleEngineRecord>(
+  value: unknown,
+): value is RuleEngineListResult<T> =>
+  Boolean(value) &&
+  typeof value === "object" &&
+  "data" in value &&
+  Array.isArray((value as RuleEngineListResult<T>).data);
+
 const normalizeList = <T extends RuleEngineRecord>(
   payload: unknown,
   page = 1,
-  pageSize = 20,
+  pageSize = 10,
 ): RuleEngineListResult<T> => {
+  if (isPaginatedListResult<T>(payload)) {
+    return {
+      data: payload.data,
+      meta: payload.meta ?? defaultMeta(payload.data.length, page, pageSize),
+    };
+  }
+
   const body = unwrap(payload as { data: unknown }) as unknown;
 
-  if (body && typeof body === "object" && "data" in body && Array.isArray((body as RuleEngineListResult<T>).data)) {
-    const typed = body as RuleEngineListResult<T>;
+  if (isPaginatedListResult<T>(body)) {
     return {
-      data: typed.data,
-      meta: typed.meta ?? defaultMeta(typed.data.length, page, pageSize),
+      data: body.data,
+      meta: body.meta ?? defaultMeta(body.data.length, page, pageSize),
     };
   }
 
@@ -98,7 +120,7 @@ export const ruleEngineService = {
     params?: RuleEngineListParams,
   ): Promise<RuleEngineListResult<T>> => {
     const page = params?.page ?? 1;
-    const pageSize = params?.pageSize ?? 20;
+    const pageSize = params?.pageSize ?? 10;
     const response = await client.get(RESOURCE_BASE[resource], {
       params: {
         page,
@@ -106,6 +128,9 @@ export const ruleEngineService = {
         search: params?.search,
         isActive: params?.isActive,
         status: params?.status,
+        sortBy: params?.sortBy,
+        sortOrder: params?.sortOrder,
+        requiresDirectorApproval: params?.requiresDirectorApproval,
       },
     });
     return normalizeList<T>(response.data, page, pageSize);
@@ -140,6 +165,21 @@ export const ruleEngineService = {
     await client.delete(byIdPath(resource, id));
   },
 
+  reorder: async (
+    resource: RuleEngineResourceSlug,
+    payload: RuleEngineReorderPayload,
+  ): Promise<void> => {
+    await client.post(`${RESOURCE_BASE[resource]}/reorder`, payload);
+  },
+
+  moveOrder: async (
+    resource: RuleEngineResourceSlug,
+    id: string,
+    direction: "up" | "down",
+  ): Promise<void> => {
+    await client.post(`${byIdPath(resource, id)}/move-order`, { direction });
+  },
+
   submitRate: async <T extends RuleEngineRecord>(id: string): Promise<T> => {
     const response = await client.post(URL_CONSTANTS.RULE_ENGINE.RATE_SUBMIT(id));
     return normalizeEntity<T>(response.data);
diff --git a/apps/edr-freight-web/backoffice/src/services/signatures.service.ts b/apps/edr-freight-web/backoffice/src/services/signatures.service.ts
new file mode 100644
index 000000000..163ec2d74
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/services/signatures.service.ts
@@ -0,0 +1,32 @@
+import { api as client } from "../auth/http";
+import { unwrap } from "@/utils/endpoint";
+
+const SIGNATURE_URL = "/me/signature";
+
+export interface SavedSignature {
+  signerDisplayName: string;
+  signatureImageUrl?: string | null;
+}
+
+export interface SaveSignaturePayload {
+  signerDisplayName: string;
+  signatureImageBase64: string;
+}
+
+export const signaturesService = {
+  /** Returns the current user's reusable signature, or null if none saved. */
+  getMySignature: async (): Promise<SavedSignature | null> => {
+    const response = await client.get<SavedSignature | null>(SIGNATURE_URL);
+    return (unwrap(response.data) as SavedSignature | null) ?? null;
+  },
+
+  saveMySignature: async (
+    payload: SaveSignaturePayload,
+  ): Promise<SavedSignature | null> => {
+    const response = await client.put<SavedSignature | null>(
+      SIGNATURE_URL,
+      payload,
+    );
+    return (unwrap(response.data) as SavedSignature | null) ?? null;
+  },
+};
diff --git a/apps/edr-freight-web/backoffice/src/services/trainScheduling.service.ts b/apps/edr-freight-web/backoffice/src/services/trainScheduling.service.ts
index 412595b92..9a07d5bec 100644
--- a/apps/edr-freight-web/backoffice/src/services/trainScheduling.service.ts
+++ b/apps/edr-freight-web/backoffice/src/services/trainScheduling.service.ts
@@ -2,14 +2,27 @@ import { api as client } from '../auth/http';
 import { unwrap } from '@/utils/endpoint';
 import { URL_CONSTANTS } from '@/constants/URLS';
 import type {
+  BatchBoardSchedule,
+  BatchBoardScheduleDetail,
+  BookableSchedule,
+  AssignBookingsPayload,
+  CompositionRemovalEntry,
+  CompositionUnassignedBooking,
+  UnassignedBookingsResponse,
   CreateTrainSchedulePayload,
   EligibleContainerBookingsResponse,
+  FreightType,
   LocomotiveRecord,
+  PinWagonsPayload,
+  RecordCheckpointPayload,
   TrainScheduleDetail,
   TrainScheduleFilters,
   TrainScheduleListItem,
   TrainSchedulePreviewPayload,
   TrainSchedulePreviewResponse,
+  TrainSchedulingGlobalRules,
+  TrainTrackResponse,
+  WagonAllocationAttemptResult,
   YardOption,
 } from '@/types/trainScheduling';
 
@@ -17,22 +30,35 @@ interface BookingReferenceDataResponse {
   yard?: Array<YardOption & { label?: string }>;
 }
 
+const pathsFor = (freightType?: FreightType) =>
+  freightType === "BULK"
+    ? URL_CONSTANTS.TRAIN_SCHEDULING.BULK
+    : URL_CONSTANTS.TRAIN_SCHEDULING.CONTAINER;
+
 export const trainSchedulingService = {
   getEligibleBookings: async (
     filters?: TrainScheduleFilters,
+    freightType?: FreightType,
   ): Promise<EligibleContainerBookingsResponse> => {
+    const useUnified = !freightType || freightType === "MIXED";
+    // The container/bulk endpoints already encode freight type in the path, and their
+    // query DTOs reject an extra `freightType` param — so only pass the station filters.
     const response = await client.get<EligibleContainerBookingsResponse>(
-      URL_CONSTANTS.TRAIN_SCHEDULING.ELIGIBLE_BOOKINGS,
-      { params: filters },
+      useUnified
+        ? URL_CONSTANTS.TRAIN_SCHEDULING.ELIGIBLE_BOOKINGS
+        : pathsFor(freightType).ELIGIBLE_BOOKINGS,
+      { params: { ...filters } },
     );
     return unwrap(response.data);
   },
 
   preview: async (
     payload: TrainSchedulePreviewPayload,
+    freightType?: FreightType,
   ): Promise<TrainSchedulePreviewResponse> => {
+    const useUnified = !freightType || freightType === "MIXED";
     const response = await client.post<TrainSchedulePreviewResponse>(
-      URL_CONSTANTS.TRAIN_SCHEDULING.PREVIEW,
+      useUnified ? URL_CONSTANTS.TRAIN_SCHEDULING.PREVIEW : pathsFor(freightType).PREVIEW,
       payload,
     );
     return unwrap(response.data);
@@ -40,51 +66,292 @@ export const trainSchedulingService = {
 
   createSchedule: async (
     payload: CreateTrainSchedulePayload,
+    freightType?: FreightType,
   ): Promise<TrainScheduleDetail> => {
     const response = await client.post<TrainScheduleDetail>(
-      URL_CONSTANTS.TRAIN_SCHEDULING.SCHEDULES,
+      pathsFor(freightType).SCHEDULES,
       payload,
     );
     return unwrap(response.data);
   },
 
-  listSchedules: async (): Promise<TrainScheduleListItem[]> => {
+  listSchedules: async (
+    freightType: FreightType = "CONTAINER",
+  ): Promise<TrainScheduleListItem[]> => {
     const response = await client.get<TrainScheduleListItem[]>(
-      URL_CONSTANTS.TRAIN_SCHEDULING.SCHEDULES,
+      pathsFor(freightType === "MIXED" ? undefined : freightType).SCHEDULES,
     );
     return unwrap(response.data);
   },
 
-  getScheduleById: async (id: string): Promise<TrainScheduleDetail> => {
+  getBatchBoard: async (): Promise<BatchBoardSchedule[]> => {
+    const response = await client.get<BatchBoardSchedule[]>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.BATCH_BOARD,
+    );
+    return unwrap(response.data);
+  },
+
+  getBatchBoardDetail: async (scheduleId: string): Promise<BatchBoardScheduleDetail> => {
+    const response = await client.get<BatchBoardScheduleDetail>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.BATCH_BOARD_DETAIL(scheduleId),
+    );
+    return unwrap(response.data);
+  },
+
+  getBookableSchedules: async (
+    originYardId?: string,
+    destinationYardId?: string,
+  ): Promise<BookableSchedule[]> => {
+    const response = await client.get<BookableSchedule[]>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.BOOKABLE_SCHEDULES,
+      { params: { originYardId, destinationYardId } },
+    );
+    return unwrap(response.data);
+  },
+
+  runBatch: async (scheduleId: string): Promise<BatchBoardScheduleDetail> => {
+    const response = await client.post<BatchBoardScheduleDetail>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.RUN_BATCH(scheduleId),
+      {},
+    );
+    return unwrap(response.data);
+  },
+
+  runAllocation: async (scheduleId: string): Promise<WagonAllocationAttemptResult> => {
+    const response = await client.post<WagonAllocationAttemptResult>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.RUN_ALLOCATION(scheduleId),
+      {},
+    );
+    return unwrap(response.data);
+  },
+
+  setBookingWindow: async (
+    scheduleId: string,
+    status: "OPEN" | "CLOSED",
+  ): Promise<TrainScheduleDetail> => {
+    const response = await client.patch<TrainScheduleDetail>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.BOOKING_WINDOW(scheduleId),
+      { status },
+    );
+    return unwrap(response.data);
+  },
+
+  markBookingPaid: async (bookingId: string): Promise<void> => {
+    await client.post(URL_CONSTANTS.TRAIN_SCHEDULING.MARK_BOOKING_PAID(bookingId), {});
+  },
+
+  expireBooking: async (bookingId: string): Promise<void> => {
+    await client.post(URL_CONSTANTS.TRAIN_SCHEDULING.EXPIRE_BOOKING(bookingId), {});
+  },
+
+  moveBookingSchedule: async (
+    bookingId: string,
+    trainScheduleId: string,
+  ): Promise<void> => {
+    await client.post(URL_CONSTANTS.TRAIN_SCHEDULING.MOVE_BOOKING_SCHEDULE(bookingId), {
+      trainScheduleId,
+    });
+  },
+
+  getScheduleById: async (
+    id: string,
+    freightType?: FreightType,
+  ): Promise<TrainScheduleDetail> => {
     const response = await client.get<TrainScheduleDetail>(
-      URL_CONSTANTS.TRAIN_SCHEDULING.SCHEDULE_BY_ID(id),
+      pathsFor(freightType === "MIXED" ? undefined : freightType).SCHEDULE_BY_ID(id),
     );
     return unwrap(response.data);
   },
 
-  cancelSchedule: async (id: string): Promise<TrainScheduleDetail> => {
+  assignUnassignedBooking: async (
+    scheduleId: string,
+    bookingId: string,
+  ): Promise<TrainScheduleDetail> => {
     const response = await client.post<TrainScheduleDetail>(
-      URL_CONSTANTS.TRAIN_SCHEDULING.CANCEL_SCHEDULE(id),
+      URL_CONSTANTS.TRAIN_SCHEDULING.ASSIGN_UNASSIGNED_BOOKING(scheduleId),
+      { bookingId },
+    );
+    return unwrap(response.data);
+  },
+
+  assignBookings: async (
+    scheduleId: string,
+    payload: AssignBookingsPayload,
+    freightType?: FreightType,
+  ): Promise<TrainScheduleDetail> => {
+    const useUnified = !freightType || freightType === "MIXED";
+    const response = await client.post<TrainScheduleDetail>(
+      useUnified
+        ? URL_CONSTANTS.TRAIN_SCHEDULING.ASSIGN_BOOKINGS(scheduleId)
+        : pathsFor(freightType).ASSIGN_BOOKINGS(scheduleId),
+      payload,
+    );
+    return unwrap(response.data);
+  },
+
+  unassignBooking: async (
+    scheduleId: string,
+    bookingId: string,
+  ): Promise<TrainScheduleDetail> => {
+    const response = await client.delete<TrainScheduleDetail>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.UNASSIGN_BOOKING(scheduleId, bookingId),
+    );
+    return unwrap(response.data);
+  },
+
+  pinWagons: async (
+    scheduleId: string,
+    payload: PinWagonsPayload,
+  ): Promise<TrainScheduleDetail> => {
+    const response = await client.post<TrainScheduleDetail>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.PIN_WAGONS(scheduleId),
+      payload,
+    );
+    return unwrap(response.data);
+  },
+
+  finalizeSchedule: async (scheduleId: string): Promise<TrainScheduleDetail> => {
+    const response = await client.post<TrainScheduleDetail>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.FINALIZE(scheduleId),
       {},
     );
     return unwrap(response.data);
   },
 
-  publishSchedule: async (id: string): Promise<TrainScheduleDetail> => {
+  dispatchSchedule: async (scheduleId: string): Promise<TrainScheduleDetail> => {
     const response = await client.post<TrainScheduleDetail>(
-      URL_CONSTANTS.TRAIN_SCHEDULING.PUBLISH_SCHEDULE(id),
+      URL_CONSTANTS.TRAIN_SCHEDULING.DISPATCH(scheduleId),
       {},
     );
     return unwrap(response.data);
   },
 
-  getAvailableLocomotives: async (): Promise<LocomotiveRecord[]> => {
+  getTrack: async (scheduleId: string): Promise<TrainTrackResponse> => {
+    const response = await client.get<TrainTrackResponse>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.CHECKPOINTS(scheduleId),
+    );
+    return unwrap(response.data);
+  },
+
+  recordCheckpoint: async (
+    scheduleId: string,
+    payload: RecordCheckpointPayload,
+  ): Promise<TrainTrackResponse> => {
+    const response = await client.post<TrainTrackResponse>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.CHECKPOINTS(scheduleId),
+      payload,
+    );
+    return unwrap(response.data);
+  },
+
+  arriveSchedule: async (scheduleId: string): Promise<TrainScheduleDetail> => {
+    const response = await client.post<TrainScheduleDetail>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.ARRIVE(scheduleId),
+      {},
+    );
+    return unwrap(response.data);
+  },
+
+  cancelSchedule: async (
+    id: string,
+    freightType: FreightType = "CONTAINER",
+  ): Promise<TrainScheduleDetail> => {
+    const response = await client.post<TrainScheduleDetail>(
+      pathsFor(freightType === "MIXED" ? undefined : freightType).CANCEL_SCHEDULE(id),
+      {},
+    );
+    return unwrap(response.data);
+  },
+
+  getAvailableLocomotives: async (routeId?: string): Promise<LocomotiveRecord[]> => {
+    if (routeId) {
+      const response = await client.get<LocomotiveRecord[]>(
+        URL_CONSTANTS.TRAIN_SCHEDULING.AVAILABLE_LOCOMOTIVES,
+        { params: { routeId } },
+      );
+      return unwrap(response.data);
+    }
     const response = await client.get<LocomotiveRecord[]>(URL_CONSTANTS.LOCOMOTIVES.BASE, {
       params: { status: 'AVAILABLE' },
     });
     return unwrap(response.data);
   },
 
+  previewReschedule: async (
+    scheduleId: string,
+    payload: {
+      incomingBookingIds: string[];
+      trigger: string;
+      reason?: string;
+      newDepartureDate?: string;
+    },
+  ) => {
+    const response = await client.post(
+      URL_CONSTANTS.TRAIN_SCHEDULING.RESCHEDULE_PREVIEW(scheduleId),
+      payload,
+    );
+    return unwrap(response.data);
+  },
+
+  executeReschedule: async (
+    scheduleId: string,
+    payload: {
+      incomingBookingIds: string[];
+      trigger: string;
+      reason?: string;
+      newDepartureDate?: string;
+      finalBookingIds: string[];
+      displacedBookingIds: string[];
+    },
+  ) => {
+    const response = await client.post(
+      URL_CONSTANTS.TRAIN_SCHEDULING.RESCHEDULE_EXECUTE(scheduleId),
+      payload,
+    );
+    return unwrap(response.data);
+  },
+
+  maintenanceReschedule: async (
+    scheduleId: string,
+    payload: {
+      incomingBookingIds: string[];
+      newDepartureDate: string;
+      reason?: string;
+    },
+  ) => {
+    const response = await client.post(
+      URL_CONSTANTS.TRAIN_SCHEDULING.MAINTENANCE(scheduleId),
+      { ...payload, trigger: "TRAIN_MAINTENANCE" },
+    );
+    return unwrap(response.data);
+  },
+
+  getGlobalRules: async (): Promise<TrainSchedulingGlobalRules> => {
+    const response = await client.get<TrainSchedulingGlobalRules>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.GLOBAL_RULES,
+    );
+    return unwrap(response.data);
+  },
+
+  updateGlobalRules: async (
+    payload: Partial<
+      Pick<
+        TrainSchedulingGlobalRules,
+        | "maxTrainLengthMeters"
+        | "maxTrainWeightTons"
+        | "maxWagonsPerTrain"
+        | "max20ftContainerWeightTons"
+        | "max20ftPairWeightDiffTons"
+      >
+    >,
+  ): Promise<TrainSchedulingGlobalRules> => {
+    const response = await client.patch<TrainSchedulingGlobalRules>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.GLOBAL_RULES,
+      payload,
+    );
+    return unwrap(response.data);
+  },
+
   getStations: async (): Promise<YardOption[]> => {
     const response = await client.get<BookingReferenceDataResponse>(
       URL_CONSTANTS.BOOKINGS.REFERENCE_DATA,
@@ -97,4 +364,41 @@ export const trainSchedulingService = {
       country: yard.country,
     }));
   },
+
+  removeWagonSlot: async (scheduleId: string, wagonId: string): Promise<TrainScheduleDetail> => {
+    const response = await client.delete<TrainScheduleDetail>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.REMOVE_WAGON_SLOT(scheduleId, wagonId),
+    );
+    return unwrap(response.data);
+  },
+
+  updateContainerItem: async (
+    scheduleId: string,
+    itemId: string,
+    payload: { containerNumber: string | null },
+  ): Promise<{ id: string; containerNumber: string | null }> => {
+    const response = await client.patch<{ id: string; containerNumber: string | null }>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.UPDATE_CONTAINER_ITEM(scheduleId, itemId),
+      payload,
+    );
+    return unwrap(response.data);
+  },
+
+  getUnassignedBookings: async (
+    scheduleId: string,
+  ): Promise<UnassignedBookingsResponse> => {
+    const response = await client.get<UnassignedBookingsResponse>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.UNASSIGNED_BOOKINGS(scheduleId),
+    );
+    return unwrap(response.data);
+  },
+
+  getCompositionRemovals: async (
+    scheduleId: string,
+  ): Promise<CompositionRemovalEntry[]> => {
+    const response = await client.get<CompositionRemovalEntry[]>(
+      URL_CONSTANTS.TRAIN_SCHEDULING.COMPOSITION_REMOVALS(scheduleId),
+    );
+    return unwrap(response.data);
+  },
 };
diff --git a/apps/edr-freight-web/backoffice/src/services/wagon-types.service.ts b/apps/edr-freight-web/backoffice/src/services/wagon-types.service.ts
index 5891f1152..0532abb62 100644
--- a/apps/edr-freight-web/backoffice/src/services/wagon-types.service.ts
+++ b/apps/edr-freight-web/backoffice/src/services/wagon-types.service.ts
@@ -19,7 +19,7 @@ const asList = <T>(payload: ListResponse<T>): T[] =>
 export const wagonTypesService = {
   async getWagonTypes() {
     const response = await api.get<ListResponse<WagonType>>('/wagon-types', {
-      params: { isActive: 'all' },
+      params: { isActive: 'all', pageSize: 500 },
     });
     return asList(response.data);
   },
diff --git a/apps/edr-freight-web/backoffice/src/services/wagon.service.ts b/apps/edr-freight-web/backoffice/src/services/wagon.service.ts
index 1da962c98..da7b2b509 100644
--- a/apps/edr-freight-web/backoffice/src/services/wagon.service.ts
+++ b/apps/edr-freight-web/backoffice/src/services/wagon.service.ts
@@ -1,3 +1,5 @@
+import type { Freight } from "@edr/types";
+
 import { api as apiClient } from "../auth/http";
 
 export interface Wagon {
@@ -21,12 +23,31 @@ export interface Wagon {
   } | null;
   tareWeight: number;
   maxPayloadWeight: number;
-  status: string;
+  status: Freight.WagonStatus;
+  currentYardId: string | null;
+  currentYard?: { id: string; label?: string; code?: string } | null;
   notes?: string;
 }
 
+export interface WagonListFilters {
+  search?: string;
+  status?: Freight.WagonStatus;
+  currentYardId?: string;
+  wagonTypeId?: string;
+  trainId?: string;
+}
+
 export const wagonService = {
-  getAll: () => apiClient.get<Wagon[]>('/wagons'),
+  getAll: (filters: WagonListFilters = {}) => {
+    const params = new URLSearchParams();
+    if (filters.search?.trim()) params.set('search', filters.search.trim());
+    if (filters.status) params.set('status', filters.status);
+    if (filters.currentYardId) params.set('currentYardId', filters.currentYardId);
+    if (filters.wagonTypeId) params.set('wagonTypeId', filters.wagonTypeId);
+    if (filters.trainId) params.set('trainId', filters.trainId);
+    const qs = params.toString();
+    return apiClient.get<Wagon[]>(`/wagons${qs ? `?${qs}` : ''}`);
+  },
   getById: (id: string) => apiClient.get<Wagon>(`/wagons/${id}`),
   getByTrain: (trainId: string) => apiClient.get<Wagon[]>(`/wagons?trainId=${trainId}`),
   assignToTrain: (wagonId: string, trainId: string, sequenceNumber?: number) =>
diff --git a/apps/edr-freight-web/backoffice/src/theme/freight-brand.ts b/apps/edr-freight-web/backoffice/src/theme/freight-brand.ts
index 2b2147d9a..32192dd36 100644
--- a/apps/edr-freight-web/backoffice/src/theme/freight-brand.ts
+++ b/apps/edr-freight-web/backoffice/src/theme/freight-brand.ts
@@ -1,34 +1,34 @@
 import { createTheme, type MantineColorsTuple } from "@mantine/core";
 
 /** EDR Freight primary brand green */
-export const FREIGHT_BRAND = "#15803d";
-export const FREIGHT_BRAND_DARK = "#166534";
-export const FREIGHT_BRAND_LIGHT = "#22c55e";
+export const FREIGHT_BRAND = "#1B9E7A";
+export const FREIGHT_BRAND_DARK = "#15805F";
+export const FREIGHT_BRAND_LIGHT = "#2DBF95";
 
 export const freightBrand = {
   primary: FREIGHT_BRAND,
   primaryDark: FREIGHT_BRAND_DARK,
   primaryLight: FREIGHT_BRAND_LIGHT,
   gradient: `linear-gradient(135deg, ${FREIGHT_BRAND} 0%, ${FREIGHT_BRAND_DARK} 100%)`,
-  shadow: "0 4px 12px rgba(21, 128, 61, 0.28)",
-  shadowSm: "0 2px 6px rgba(21, 128, 61, 0.22)",
-  ring: "rgba(21, 128, 61, 0.2)",
-  mutedBg: "#f0fdf4",
-  mutedBorder: "#bbf7d0",
+  shadow: "0 4px 12px rgba(27, 158, 122, 0.28)",
+  shadowSm: "0 2px 6px rgba(27, 158, 122, 0.22)",
+  ring: "rgba(27, 158, 122, 0.2)",
+  mutedBg: "#E7F8F2",
+  mutedBorder: "#B7EBDC",
 } as const;
 
-/** Mantine green scale with #15803d at index 6 (filled buttons, nav active). */
+/** Mantine green scale with #1B9E7A at index 6 (filled buttons, nav active). */
 const freightGreen: MantineColorsTuple = [
-  "#f0fdf4",
-  "#dcfce7",
-  "#bbf7d0",
-  "#86efac",
-  "#4ade80",
-  "#22c55e",
+  "#E7F8F2",
+  "#C5EFE1",
+  "#9CE4CD",
+  "#6BD6B5",
+  "#41C8A0",
+  "#25B58C",
   FREIGHT_BRAND,
   FREIGHT_BRAND_DARK,
-  "#14532d",
-  "#052e16",
+  "#105F47",
+  "#0A3D2E",
 ];
 
 export const freightMantineTheme = createTheme({
diff --git a/apps/edr-freight-web/backoffice/src/types/booking.ts b/apps/edr-freight-web/backoffice/src/types/booking.ts
index a223bad58..660ca7e74 100644
--- a/apps/edr-freight-web/backoffice/src/types/booking.ts
+++ b/apps/edr-freight-web/backoffice/src/types/booking.ts
@@ -33,6 +33,27 @@ export interface BookingNamedRef {
   companyName?: string;
 }
 
+/** Full company record the booking response joins in (subset used by the UI). */
+export interface BookingCompany {
+  id: string;
+  name?: string;
+  type?: string;
+  status?: string;
+  tin?: string | null;
+  vatNumber?: string | null;
+  businessLicense?: string | null;
+  country?: string | null;
+  address?: string | null;
+  phone?: string | null;
+  email?: string | null;
+  contactPersonName?: string | null;
+  contactPersonPhone?: string | null;
+  generalManagerName?: string | null;
+  generalManagerEmail?: string | null;
+  generalManagerPhone?: string | null;
+  website?: string | null;
+}
+
 export interface BookingContainerLine {
   id: string;
   containerTypeId: string;
@@ -84,13 +105,17 @@ export interface BookingFile {
   name: string;
   mimeType?: string;
   code?: string;
+  url?: string;
+  size?: number;
 }
 
 export interface BookingDetail {
   id: string;
   reference: string;
   // customerId: string;
-  companyId: string;
+  companyId?: string | null;
+  isGovernment?: boolean;
+  governmentInstitution?: string | null;
   status: BookingStatus;
   scheduledDate: string;
   totalAmount: number;
@@ -102,7 +127,15 @@ export interface BookingDetail {
   cargoTotalWeightVgm: number;
   isHazardous: boolean;
   allowConsolidation: boolean;
+  consolidationPartnerId?: string | null;
+  consolidationPartner?: BookingNamedRef & { reference?: string } | null;
   priorityScore: number;
+  schedulingStatus?: string;
+  holdExpiresAt?: string | null;
+  holdStartedAt?: string | null;
+  wagonsRequired?: number | null;
+  scheduledAt?: string | null;
+  trainScheduleId?: string | null;
   pnrCode?: string | null;
   firstMilePickupAddress?: string | null;
   lastMileDeliveryAddress?: string | null;
@@ -114,10 +147,10 @@ export interface BookingDetail {
   createdAt: string;
   updatedAt: string;
   // customer?: BookingNamedRef & { companyName?: string };
-  company?: BookingNamedRef;
+  company?: BookingNamedRef & Partial<BookingCompany>;
   originYard?: BookingNamedRef;
   destinationYard?: BookingNamedRef;
-  serviceType?: BookingNamedRef & { code?: string };
+  serviceType?: BookingNamedRef & { code?: string; priorityBonusPoints?: number };
   cargoType?: BookingNamedRef;
   shippingLine?: BookingNamedRef;
   bookingContainers?: BookingContainerLine[];
@@ -146,5 +179,13 @@ export interface BookingListRow {
   originLabel: string;
   destinationLabel: string;
   priorityScore: number;
+  schedulingStatus?: string;
+  serviceTypeLabel?: string;
+  serviceTypeBonus?: number;
+  trainScheduleId?: string | null;
+  isGovernment?: boolean;
+  governmentInstitution?: string | null;
+  consolidationPartnerId?: string | null;
+  consolidationPartnerReference?: string | null;
   createdAt: string;
 }
diff --git a/apps/edr-freight-web/backoffice/src/types/overview.ts b/apps/edr-freight-web/backoffice/src/types/overview.ts
new file mode 100644
index 000000000..e534f44e8
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/types/overview.ts
@@ -0,0 +1,24 @@
+export type {
+  IOverviewDashboard,
+  IOverviewKpis,
+  IOverviewBookingKpis,
+  IOverviewOperationsKpis,
+  IOverviewCustomerKpis,
+  IOverviewBillingKpis,
+  IOverviewStaffKpis,
+  IOverviewTrendPoint,
+  IOverviewStatusCount,
+  IOverviewPipelineCount,
+  IOverviewPaymentTrendPoint,
+  IOverviewRecentBooking,
+  IOverviewLabelCount,
+  IOverviewPaymentMethodBreakdown,
+  IOverviewCurrencyAmount,
+  IOverviewBookingsTab,
+  IOverviewBillingTab,
+  IOverviewOperationsTab,
+  IOverviewCustomersTab,
+  IOverviewStaffTab,
+  OverviewRange,
+  OverviewTabKey,
+} from "@edr/types/freight";
diff --git a/apps/edr-freight-web/backoffice/src/types/rule-engine/index.ts b/apps/edr-freight-web/backoffice/src/types/rule-engine/index.ts
index 041907f59..69cb05058 100644
--- a/apps/edr-freight-web/backoffice/src/types/rule-engine/index.ts
+++ b/apps/edr-freight-web/backoffice/src/types/rule-engine/index.ts
@@ -2,7 +2,7 @@ export type RuleEngineResourceSlug =
   | "cargo-types"
   | "container-types"
   | "wagon-types"
-  | "priority-rules"
+  | "priority-configs"
   | "service-types"
   | "surcharge-types"
   | "weight-limit-rules"
diff --git a/apps/edr-freight-web/backoffice/src/types/trainScheduling.ts b/apps/edr-freight-web/backoffice/src/types/trainScheduling.ts
index ccb778b7d..3195281b2 100644
--- a/apps/edr-freight-web/backoffice/src/types/trainScheduling.ts
+++ b/apps/edr-freight-web/backoffice/src/types/trainScheduling.ts
@@ -1,3 +1,19 @@
+export type FreightType = "CONTAINER" | "BULK" | "MIXED";
+
+export type SchedulingStatus =
+  | "NOT_SCHEDULED"
+  | "HOLDING"
+  | "ELIGIBLE"
+  | "SCHEDULED"
+  | "DISPATCHED";
+
+export type TrainScheduleStatus =
+  | "DRAFT"
+  | "SCHEDULED"
+  | "DISPATCHED"
+  | "ARRIVED"
+  | "CANCELLED";
+
 export interface YardOption {
   id: string;
   name: string;
@@ -8,6 +24,7 @@ export interface YardOption {
 export interface EligibleContainerBooking {
   id: string;
   reference: string;
+  freightType?: FreightType | string;
   customer: string;
   containerType: string;
   quantity: number;
@@ -16,6 +33,8 @@ export interface EligibleContainerBooking {
   destination: string;
   preferredDepartureDate: string;
   status: string;
+  schedulingStatus?: SchedulingStatus;
+  priorityScore?: number;
 }
 
 export interface EligibleContainerBookingsResponse {
@@ -23,13 +42,11 @@ export interface EligibleContainerBookingsResponse {
   items: EligibleContainerBooking[];
 }
 
-export type AssignmentType = "CONTAINER" | "BULK";
-export type TradeDirection = "IMPORT" | "EXPORT" | "DOMESTIC";
-
 export interface WagonPlanAllocation {
   bookingId: string;
   bookingReference: string;
   allocatedWeightTons: number;
+  loadType?: string;
 }
 
 export interface WagonPlanRow {
@@ -37,21 +54,77 @@ export interface WagonPlanRow {
   capacityTons: number;
   lengthMeters: number;
   assignedWeightTons: number;
+  slotLoadType?: "CONTAINER" | "BULK";
+  wagonTypeCode?: string;
   allocations: WagonPlanAllocation[];
 }
 
+export interface ContainerUnitRow {
+  bookingId: string;
+  bookingReference: string;
+  bookingContainerId: string;
+  unitIndex: number;
+  containerTypeId: string;
+  containerTypeCode: string;
+  label: string;
+  grossWeightTons: number;
+  sizeFt?: number;
+  wagonsPerUnit?: number;
+  containersPerWagon?: number;
+  teuSlots?: number;
+  containerNumber?: string | null;
+}
+
+export interface ContainerPlacement {
+  bookingContainerId: string;
+  unitIndex: number;
+  sequenceNo: number;
+  containerId?: string;
+  containerNumber?: string;
+  sealNumber?: string;
+}
+
+export interface FleetAvailabilityRow {
+  wagonTypeId: string;
+  wagonTypeCode: string;
+  needed: number;
+  available: number;
+  shortfall: number;
+}
+
+export interface DeferredBookingRow {
+  id: string;
+  reference: string;
+  reason: string;
+}
+
+export interface TrainSchedulingGlobalRules {
+  id: string;
+  maxTrainLengthMeters: number;
+  maxTrainWeightTons: number;
+  maxWagonsPerTrain: number;
+  max20ftContainerWeightTons: number;
+  max20ftPairWeightDiffTons: number;
+}
+
 export interface TrainSchedulePreviewResponse {
   valid: boolean;
   violations: string[];
+  warnings: string[];
+  fleetAvailability?: FleetAvailabilityRow[];
+  deferredBookings?: DeferredBookingRow[];
   summary: {
     totalBookings: number;
     totalWeightTons: number;
     wagonType: string;
     wagonsNeeded: number;
     totalLengthMeters: number;
+    freightMode?: FreightType;
   };
   bookingIds: string[];
   wagonPlan: WagonPlanRow[];
+  containerUnits?: ContainerUnitRow[];
+  containerSlotSequenceNos?: number[];
 }
 
 export interface LocomotiveRecord {
@@ -60,46 +133,202 @@ export interface LocomotiveRecord {
   name?: string | null;
   maxPullWeightTons: number;
   maxTrainLengthMeters: number;
-  status:
-    | 'AVAILABLE'
-    | 'UNAVAILABLE'
-    | 'IMPORT_READY'
-    | 'EXPORT_READY'
-    | 'ASSIGNED'
-    | 'MAINTENANCE'
-    | 'OUT_OF_SERVICE';
-  locomotiveType?: 'DIESEL' | 'ELECTRIC';
+  status: "AVAILABLE" | "ASSIGNED" | "MAINTENANCE" | "OUT_OF_SERVICE";
+  currentYardId?: string | null;
+  locomotiveType?: "DIESEL" | "ELECTRIC";
 }
 
 export interface TrainScheduleListItem {
   id: string;
   scheduleDate: string;
+  trainNumber?: string | null;
   routeName?: string | null;
   origin: string | null;
   destination: string | null;
+  freightType?: FreightType | null;
   locomotive:
     | {
         id: string;
         code: string;
         name?: string | null;
+        currentYardId?: string | null;
       }
     | null;
   wagonCount: number;
   totalWeightTons: number;
   totalLengthMeters: number;
   bookingsCount: number;
+  status: TrainScheduleStatus | string;
+}
+
+export interface BookableSchedule {
+  id: string;
+  scheduleDate: string;
+  trainNumber?: string | null;
+  routeName?: string | null;
+  origin: string | null;
+  destination: string | null;
+  freightType?: FreightType | null;
+  status: TrainScheduleStatus | string;
+  bookingWindowStatus: "OPEN" | "FULL" | "CLOSED" | string;
+  maxWagons: number;
+  remainingWagons: number;
+  locomotive: { id: string; code: string; name?: string | null } | null;
+}
+
+export type BatchBoardBookingState =
+  | "ALLOCATED"
+  | "SELECTED_FOR_BATCH"
+  | "READY"
+  | "WAITING"
+  | "PENDING_CONTRACT"
+  | "EXPIRED";
+
+export interface BatchBoardBooking {
+  id: string;
+  reference: string;
+  company: string;
+  isGovernment: boolean;
+  wagons: number;
+  weightTons: number;
+  lengthMeters: number;
+  paymentDeadline: string | null;
+  state: BatchBoardBookingState;
+}
+
+export interface BatchBoardSchedule {
+  scheduleId: string;
+  trainNumber: string | null;
+  routeName: string | null;
+  origin: string | null;
+  destination: string | null;
+  scheduleDate: string | null;
   status: string;
+  bookingWindowStatus: string;
+  locomotive: {
+    code: string;
+    name: string | null;
+    maxPullWeightTons: number;
+    maxTrainLengthMeters: number;
+  } | null;
+  capacity: {
+    allocatedWagons: number;
+    allocatedLengthMeters: number;
+    maxLengthMeters: number | null;
+    usedWeightTons: number;
+    maxWeightTons: number | null;
+  };
+  counts: {
+    allocated: number;
+    selectedForBatch: number;
+    ready: number;
+    waiting: number;
+    pendingContract: number;
+    expired: number;
+  };
+  bookings: BatchBoardBooking[];
+}
+
+export type BookingAllocationStatus =
+  | "NOT_ATTEMPTED"
+  | "ASSIGNED"
+  | "DEFERRED"
+  | "FAILED";
+
+export interface BatchBoardBookingDetail extends BatchBoardBooking {
+  fullyExecutedAt: string | null;
+  selectedForBatchAt: string | null;
+  allocationStatus: BookingAllocationStatus;
+  allocationIssue: string | null;
+}
+
+export interface BatchWindowGroup {
+  key: string;
+  label: string;
+  /** EAT calendar day as ISO `YYYY-MM-DD` (empty for the pending-contract bucket). */
+  date: string;
+  /** Human label for the day, e.g. `Thu, 05 Jun` (empty for pending-contract). */
+  dateLabel: string;
+  start: string;
+  end: string;
+  counts: {
+    allocated: number;
+    selectedForBatch: number;
+    ready: number;
+    waiting: number;
+    expired: number;
+    pendingContract: number;
+  };
+  bookings: BatchBoardBookingDetail[];
+}
+
+export interface BatchBoardScheduleDetail {
+  scheduleId: string;
+  trainNumber: string | null;
+  routeName: string | null;
+  origin: string | null;
+  destination: string | null;
+  scheduleDate: string | null;
+  status: string;
+  bookingWindowStatus: string;
+  locomotive: BatchBoardSchedule["locomotive"];
+  capacity: BatchBoardSchedule["capacity"];
+  counts: BatchBoardSchedule["counts"];
+  windows: BatchWindowGroup[];
+  pendingContract: BatchWindowGroup;
+  allocationViolations: string[];
+}
+
+export interface WagonAllocationAttemptResult {
+  assignedBookingIds: string[];
+  deferred: Array<{ id: string; reference: string; reason: string }>;
+  issues: Array<{
+    bookingId: string;
+    status: BookingAllocationStatus;
+    issue: string | null;
+  }>;
+  violations: string[];
+}
+
+export interface TrainScheduleWagonAllocation {
+  id: string;
+  bookingId: string;
+  bookingReference: string | null;
+  allocatedWeightTons: number;
+  loadType?: string | null;
+  status?: string;
+  containerItems?: Array<{
+    id: string;
+    containerNumber: string | null;
+    containerTypeId: string;
+    grossWeightTons: number | null;
+    containerId?: string | null;
+    positionOnWagon?: number | null;
+    bookingContainerId?: string | null;
+  }>;
+  bulkLoad?: {
+    id: string;
+    weightTons: number;
+    cargoDescription: string | null;
+  } | null;
 }
 
 export interface TrainScheduleDetail {
   id: string;
-  status: string;
+  status: TrainScheduleStatus | string;
+  warnings?: string[];
+  deferredBookings?: DeferredBookingRow[];
+  freightType?: FreightType | null;
+  trainNumber?: string | null;
+  direction?: string | null;
   route?: {
     id: string;
     name: string;
   } | null;
   scheduledDepartureDate: string;
   scheduledArrivalDate?: string | null;
+  actualDepartureAt?: string | null;
+  actualArrivalAt?: string | null;
   originStation?: {
     id: string;
     label?: string;
@@ -116,36 +345,30 @@ export interface TrainScheduleDetail {
     wagonCount: number;
     totalWeightTons: number;
     totalLengthMeters: number;
-      locomotive?: {
-        id: string;
-        code: string;
-        name?: string | null;
-        status: string;
-        maxPullWeightTons: number;
-        maxTrainLengthMeters?: number;
-      } | null;
+    locomotive?: {
+      id: string;
+      code: string;
+      name?: string | null;
+      status: string;
+      currentYardId?: string | null;
+      maxPullWeightTons: number;
+      maxTrainLengthMeters?: number;
+    } | null;
     wagons: Array<{
       id: string;
       sequenceNo: number;
       capacityTons: number;
       lengthMeters: number;
       assignedWeightTons: number;
+      status?: string;
+      physicalWagonId?: string | null;
+      physicalWagonNumber?: string | null;
       wagonType?: {
         id: string;
         code: string;
         name: string;
       } | null;
-      physicalWagon?: {
-        id: string;
-        wagonNumber: string;
-        status: string;
-      } | null;
-      allocations: Array<{
-        id: string;
-        bookingId: string;
-        bookingReference: string | null;
-        allocatedWeightTons: number;
-      }>;
+      allocations: TrainScheduleWagonAllocation[];
     }>;
   } | null;
   bookings: Array<{
@@ -154,15 +377,57 @@ export interface TrainScheduleDetail {
     customer: string | null;
     weightTons: number;
     status: string | null;
+    schedulingStatus?: SchedulingStatus | null;
   }>;
+  warnings?: string[];
+}
+
+export type TrainCheckpointKind = "DEPARTED" | "PASSED" | "ARRIVED";
+
+export interface TrackStation {
+  sequenceNo: number;
+  yardId: string;
+  label: string;
+  code: string;
+}
+
+export interface TrainCheckpoint {
+  id: string;
+  sequenceNo: number;
+  yardId: string;
+  label: string | null;
+  kind: TrainCheckpointKind;
+  occurredAt: string;
+  note: string | null;
+}
+
+export interface TrainTrackResponse {
+  scheduleId: string;
+  status: TrainScheduleStatus | string;
+  direction?: string | null;
+  trainNumber?: string | null;
+  actualDepartureAt?: string | null;
+  actualArrivalAt?: string | null;
+  origin: string | null;
+  destination: string | null;
+  stations: TrackStation[];
+  currentSequenceNo: number;
+  checkpoints: TrainCheckpoint[];
+}
+
+export interface RecordCheckpointPayload {
+  sequenceNo: number;
+  kind?: TrainCheckpointKind;
+  occurredAt?: string;
+  note?: string;
 }
 
 export interface TrainScheduleFilters {
   originStationId?: string;
   destinationStationId?: string;
-  scheduleDate?: string;
-  assignmentType?: AssignmentType;
-  tradeDirection?: TradeDirection;
+  schedulingStatus?: SchedulingStatus;
+  /** Scope eligible bookings to a single schedule (batch parity). */
+  trainScheduleId?: string;
 }
 
 export interface TrainSchedulePreviewPayload {
@@ -170,15 +435,83 @@ export interface TrainSchedulePreviewPayload {
   scheduleDate: string;
   originStationId: string;
   destinationStationId: string;
-  assignmentType?: AssignmentType;
+  targetScheduleId?: string;
+  maxTrainWeightTons?: number;
+  maxTrainLengthMeters?: number;
+  maxWagonsPerTrain?: number;
+}
+
+export interface RescheduleBookingSummary {
+  id: string;
+  reference: string;
+  isGovernment: boolean;
+  priorityScore: number;
+  governmentInstitution?: string | null;
+}
+
+export interface ReschedulePlan {
+  scheduleId: string;
+  trigger: string;
+  retained: RescheduleBookingSummary[];
+  displaced: RescheduleBookingSummary[];
+  readmitted: RescheduleBookingSummary[];
+  finalBookingIds: string[];
+  warnings: string[];
 }
 
 export interface CreateTrainSchedulePayload {
   routeId: string;
   scheduleDate: string;
-  arrivalDate?: string;
   locomotiveId: string;
-  assignmentType?: AssignmentType;
-  bookingIds: string[];
-  wagonIds?: string[];
+  maxTrainWeightTons?: number;
+  maxTrainLengthMeters?: number;
+  maxWagonsPerTrain?: number;
+}
+
+export interface AssignBookingsPayload {
+  bookingIds: string[];
+  forceAssign?: boolean;
+  containerPlacements?: ContainerPlacement[];
+  maxTrainWeightTons?: number;
+  maxTrainLengthMeters?: number;
+  maxWagonsPerTrain?: number;
+}
+
+export interface PinWagonAssignment {
+  trainSetWagonId: string;
+  physicalWagonId: string;
+}
+
+export interface PinWagonsPayload {
+  assignments: PinWagonAssignment[];
+}
+
+export interface CompositionUnassignedBooking {
+  id: string;
+  reference: string | null;
+  freightType: FreightType | null;
+  priorityScore: number;
+  cargoTotalWeightVgm: number;
+  status: string | null;
+  schedulingStatus: SchedulingStatus | null;
+  wagonsRequired: number;
+  requiredWagonTypeCode: string;
+  yardWagonsAvailable: number;
+  canAssign: boolean;
+  blockReason: string | null;
+}
+
+export interface UnassignedBookingsResponse {
+  fleetAtOrigin: FleetAvailabilityRow[];
+  bookings: CompositionUnassignedBooking[];
+}
+
+export interface CompositionRemovalEntry {
+  id: string;
+  scheduleId: string;
+  bookingId: string;
+  bookingReference: string | null;
+  removedByUserId: string | null;
+  removedAt: string;
+  notes: string | null;
 }
diff --git a/apps/edr-freight-web/backoffice/src/utils/compareSchedulingPriority.test.ts b/apps/edr-freight-web/backoffice/src/utils/compareSchedulingPriority.test.ts
new file mode 100644
index 000000000..8c5fa48df
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/utils/compareSchedulingPriority.test.ts
@@ -0,0 +1,25 @@
+import { describe, expect, it } from "vitest";
+
+import { compareSchedulingPriority } from "./compareSchedulingPriority";
+
+describe("compareSchedulingPriority", () => {
+  it("ranks government above commercial regardless of date gap", () => {
+    const gov = {
+      isGovernment: true,
+      priorityScore: 100,
+      scheduledDate: "2026-06-25T08:00:00.000Z",
+    };
+    const commercial = {
+      isGovernment: false,
+      priorityScore: 50000,
+      scheduledDate: "2026-06-20T08:00:00.000Z",
+    };
+    expect(compareSchedulingPriority(gov, commercial)).toBeLessThan(0);
+  });
+
+  it("sorts by priority score within same tier", () => {
+    const high = { priorityScore: 100, scheduledDate: "2026-06-20T08:00:00.000Z" };
+    const low = { priorityScore: 10, scheduledDate: "2026-06-20T08:00:00.000Z" };
+    expect(compareSchedulingPriority(high, low)).toBeLessThan(0);
+  });
+});
diff --git a/apps/edr-freight-web/backoffice/src/utils/compareSchedulingPriority.ts b/apps/edr-freight-web/backoffice/src/utils/compareSchedulingPriority.ts
new file mode 100644
index 000000000..847e0612c
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/utils/compareSchedulingPriority.ts
@@ -0,0 +1,19 @@
+export interface SchedulingPriorityRow {
+  isGovernment?: boolean;
+  priorityScore?: number;
+  scheduledDate: string;
+}
+
+/** Government first, then priority score, then earliest scheduled date. */
+export function compareSchedulingPriority(
+  a: SchedulingPriorityRow,
+  b: SchedulingPriorityRow,
+): number {
+  const govDiff = Number(Boolean(b.isGovernment)) - Number(Boolean(a.isGovernment));
+  if (govDiff !== 0) return govDiff;
+
+  const priorityDiff = (b.priorityScore ?? 0) - (a.priorityScore ?? 0);
+  if (priorityDiff !== 0) return priorityDiff;
+
+  return new Date(a.scheduledDate).getTime() - new Date(b.scheduledDate).getTime();
+}
diff --git a/apps/edr-freight-web/backoffice/src/utils/groupBookingsByThreeHourWindow.test.ts b/apps/edr-freight-web/backoffice/src/utils/groupBookingsByThreeHourWindow.test.ts
new file mode 100644
index 000000000..cf7ba12a4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/utils/groupBookingsByThreeHourWindow.test.ts
@@ -0,0 +1,64 @@
+import { describe, expect, it } from "vitest";
+
+import type { BookingListRow } from "@/types/booking";
+import { groupBookingsByThreeHourWindow } from "./groupBookingsByThreeHourWindow";
+
+function row(
+  id: string,
+  scheduledDate: string,
+  priorityScore: number,
+): BookingListRow {
+  return {
+    id,
+    reference: id,
+    customerLabel: "Customer",
+    status: "PAID",
+    scheduledDate,
+    totalAmount: 1000,
+    paymentCurrency: "ETB",
+    paymentStatus: "PAID",
+    tradeDirection: "IMPORT",
+    freightType: "CONTAINER",
+    originLabel: "Djibouti",
+    destinationLabel: "Addis",
+    priorityScore,
+    createdAt: scheduledDate,
+  };
+}
+
+describe("groupBookingsByThreeHourWindow", () => {
+  it("buckets bookings into UTC 3-hour windows", () => {
+    const buckets = groupBookingsByThreeHourWindow([
+      row("a", "2026-06-20T05:30:00.000Z", 10),
+      row("b", "2026-06-20T05:45:00.000Z", 20),
+      row("c", "2026-06-20T08:00:00.000Z", 30),
+    ]);
+
+    expect(buckets).toHaveLength(2);
+    expect(buckets[0]?.bookings.map((b) => b.id)).toEqual(["b", "a"]);
+    expect(buckets[1]?.bookings.map((b) => b.id)).toEqual(["c"]);
+    expect(buckets[0]?.label).toContain("03:00");
+    expect(buckets[1]?.label).toContain("06:00");
+  });
+
+  it("places midnight boundary bookings in the correct bucket", () => {
+    const buckets = groupBookingsByThreeHourWindow([
+      row("late", "2026-06-20T23:45:00.000Z", 5),
+      row("early", "2026-06-21T00:15:00.000Z", 15),
+    ]);
+
+    expect(buckets).toHaveLength(2);
+    expect(buckets[0]?.bookings[0]?.id).toBe("late");
+    expect(buckets[1]?.bookings[0]?.id).toBe("early");
+  });
+
+  it("sorts within each bucket by priorityScore descending", () => {
+    const buckets = groupBookingsByThreeHourWindow([
+      row("low", "2026-06-20T06:00:00.000Z", 5),
+      row("high", "2026-06-20T06:30:00.000Z", 50),
+      row("mid", "2026-06-20T07:00:00.000Z", 25),
+    ]);
+
+    expect(buckets[0]?.bookings.map((b) => b.id)).toEqual(["high", "mid", "low"]);
+  });
+});
diff --git a/apps/edr-freight-web/backoffice/src/utils/groupBookingsByThreeHourWindow.ts b/apps/edr-freight-web/backoffice/src/utils/groupBookingsByThreeHourWindow.ts
new file mode 100644
index 000000000..5c23ef247
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/utils/groupBookingsByThreeHourWindow.ts
@@ -0,0 +1,91 @@
+import { compareSchedulingPriority } from "./compareSchedulingPriority";
+
+export interface ThreeHourSchedulable {
+  id: string;
+  priorityScore?: number;
+  scheduledDate?: string;
+  preferredDepartureDate?: string;
+  isGovernment?: boolean;
+}
+
+export interface ThreeHourBookingBucket<T extends ThreeHourSchedulable = ThreeHourSchedulable> {
+  key: string;
+  label: string;
+  start: Date;
+  end: Date;
+  bookings: T[];
+}
+
+function bucketStart(date: Date): Date {
+  const start = new Date(date);
+  start.setUTCMinutes(0, 0, 0);
+  const hour = start.getUTCHours();
+  start.setUTCHours(Math.floor(hour / 3) * 3);
+  return start;
+}
+
+function formatBucketLabel(start: Date, end: Date): string {
+  const dateFmt = new Intl.DateTimeFormat("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    timeZone: "UTC",
+  });
+  const timeFmt = new Intl.DateTimeFormat("en-GB", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false,
+    timeZone: "UTC",
+  });
+  return `${dateFmt.format(start)} · ${timeFmt.format(start)} – ${timeFmt.format(end)} UTC`;
+}
+
+function getScheduledDate(booking: ThreeHourSchedulable): Date {
+  const raw = booking.scheduledDate ?? booking.preferredDepartureDate;
+  if (!raw) return new Date(0);
+  return new Date(raw);
+}
+
+function toPriorityRow(booking: ThreeHourSchedulable) {
+  return {
+    isGovernment: booking.isGovernment,
+    priorityScore: booking.priorityScore,
+    scheduledDate: booking.scheduledDate ?? booking.preferredDepartureDate ?? "",
+  };
+}
+
+export function groupBookingsByThreeHourWindow<T extends ThreeHourSchedulable>(
+  bookings: T[],
+): ThreeHourBookingBucket<T>[] {
+  const map = new Map<string, ThreeHourBookingBucket<T>>();
+
+  for (const booking of bookings) {
+    const scheduled = getScheduledDate(booking);
+    const start = bucketStart(scheduled);
+    const end = new Date(start);
+    end.setUTCHours(end.getUTCHours() + 3);
+    const key = start.toISOString();
+
+    const existing = map.get(key);
+    if (existing) {
+      existing.bookings.push(booking);
+    } else {
+      map.set(key, {
+        key,
+        label: formatBucketLabel(start, end),
+        start,
+        end,
+        bookings: [booking],
+      });
+    }
+  }
+
+  return [...map.values()]
+    .map((bucket) => ({
+      ...bucket,
+      bookings: [...bucket.bookings].sort((a, b) =>
+        compareSchedulingPriority(toPriorityRow(a), toPriorityRow(b)),
+      ),
+    }))
+    .sort((a, b) => a.start.getTime() - b.start.getTime());
+}
diff --git a/apps/edr-freight-web/backoffice/src/utils/groupBookingsForOperationsQueue.test.ts b/apps/edr-freight-web/backoffice/src/utils/groupBookingsForOperationsQueue.test.ts
new file mode 100644
index 000000000..7333e8967
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/utils/groupBookingsForOperationsQueue.test.ts
@@ -0,0 +1,40 @@
+import { describe, expect, it } from "vitest";
+
+import type { BookingListRow } from "@/types/booking";
+import { groupBookingsForOperationsQueue } from "./groupBookingsForOperationsQueue";
+
+function row(
+  id: string,
+  opts: Partial<BookingListRow> = {},
+): BookingListRow {
+  return {
+    id,
+    reference: id,
+    customerLabel: "Customer",
+    status: "PAID",
+    scheduledDate: opts.scheduledDate ?? "2026-06-20T08:00:00.000Z",
+    totalAmount: 1000,
+    paymentCurrency: "ETB",
+    paymentStatus: "PAID",
+    tradeDirection: "IMPORT",
+    freightType: "CONTAINER",
+    originLabel: "A",
+    destinationLabel: "B",
+    priorityScore: opts.priorityScore ?? 10,
+    createdAt: "2026-06-01T00:00:00.000Z",
+    ...opts,
+  };
+}
+
+describe("groupBookingsForOperationsQueue", () => {
+  it("separates government from commercial 3-hour buckets", () => {
+    const result = groupBookingsForOperationsQueue([
+      row("c1", { isGovernment: false }),
+      row("g1", { isGovernment: true, governmentInstitution: "Ministry" }),
+    ]);
+    expect(result.government).toHaveLength(1);
+    expect(result.government[0]?.id).toBe("g1");
+    expect(result.commercial).toHaveLength(1);
+    expect(result.commercial[0]?.bookings[0]?.id).toBe("c1");
+  });
+});
diff --git a/apps/edr-freight-web/backoffice/src/utils/groupBookingsForOperationsQueue.ts b/apps/edr-freight-web/backoffice/src/utils/groupBookingsForOperationsQueue.ts
new file mode 100644
index 000000000..2cdd10088
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/utils/groupBookingsForOperationsQueue.ts
@@ -0,0 +1,23 @@
+import type { BookingListRow } from "@/types/booking";
+import { compareSchedulingPriority } from "./compareSchedulingPriority";
+import {
+  groupBookingsByThreeHourWindow,
+  type ThreeHourBookingBucket,
+} from "./groupBookingsByThreeHourWindow";
+
+export interface OperationsQueueGroups {
+  government: BookingListRow[];
+  commercial: ThreeHourBookingBucket[];
+}
+
+export function groupBookingsForOperationsQueue(
+  bookings: BookingListRow[],
+): OperationsQueueGroups {
+  const government = bookings
+    .filter((b) => b.isGovernment)
+    .sort(compareSchedulingPriority);
+  const commercial = groupBookingsByThreeHourWindow(
+    bookings.filter((b) => !b.isGovernment),
+  );
+  return { government, commercial };
+}
diff --git a/apps/edr-freight-web/backoffice/src/utils/wagonAvailability.ts b/apps/edr-freight-web/backoffice/src/utils/wagonAvailability.ts
new file mode 100644
index 000000000..15b7329f3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/src/utils/wagonAvailability.ts
@@ -0,0 +1,32 @@
+import { Freight } from "@edr/types";
+
+import type { Wagon } from "@/services/wagon.service";
+
+/** Check if a wagon is available for a schedule based on its current yard.
+ * A wagon is eligible if:
+ * 1. It is available (or pinned to this schedule)
+ * 2. It is physically located at the schedule's origin yard
+ */
+export function wagonMatchesScheduleOrigin(
+  wagon: Pick<Wagon, "id" | "status" | "currentYardId">,
+  originYardId?: string | null,
+  options?: { allowPinned?: boolean },
+): boolean {
+  if (options?.allowPinned) return true;
+  if (wagon.status !== Freight.WagonStatus.Available) return false;
+  if (!originYardId) return true;
+  return wagon.currentYardId === originYardId;
+}
+
+export function filterWagonsForSchedule(
+  wagons: Wagon[],
+  originYardId?: string | null,
+  pinnedWagonIds?: Set<string>,
+): Wagon[] {
+  return wagons.filter((wagon) => {
+    const isPinned = pinnedWagonIds?.has(wagon.id) ?? false;
+    return wagonMatchesScheduleOrigin(wagon, originYardId, {
+      allowPinned: isPinned,
+    });
+  });
+}
diff --git a/apps/edr-freight-web/backoffice/user-management-config/fhc.theme.ts b/apps/edr-freight-web/backoffice/user-management-config/fhc.theme.ts
new file mode 100644
index 000000000..04bfcdcde
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/fhc.theme.ts
@@ -0,0 +1,223 @@
+/**
+ * fhc.theme.ts — Federal Housing Corporation (FHC) look & feel preset.
+ *
+ * ┌─────────────────────────────────────────────────────────────────────────┐
+ * │  HOST-OWNED config. Lives in app-config/, NOT inside the user-management   │
+ * │  module. At submodule-split time this whole folder moves to the host repo. │
+ * │  It is fully self-contained — no imports from the module.                  │
+ * └─────────────────────────────────────────────────────────────────────────┘
+ *
+ * WHAT IT GIVES YOU
+ *  - The FHC Mantine color palettes: fhcBlue, fhcBrick, fhcGold, fhcGray
+ *  - The FHC layout design tokens (brick-gradient sidebar, glassy header,
+ *    page background, brand colors, sizes) under `theme.other.fhcLayout`
+ *    (light) and `theme.other.fhcLayoutDark` (dark) — the classic shell reads
+ *    these via useFhcLayout()
+ *  - FHC typography (Plus Jakarta Sans), radii, shadows and component defaults
+ *
+ * HOW TO USE — in app-config/project.theme.ts:
+ *
+ *   import { fhcMantineTheme } from "./fhc.theme";
+ *
+ *   export const projectTheme: DesignConfig = {
+ *     typography: { fontFamily: "Plus Jakarta Sans, sans-serif" },
+ *     mantineTheme: fhcMantineTheme,   // escape hatch — merges the FHC theme in
+ *   };
+ *
+ * Load the font once in index.html:
+ *   <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
+ */
+
+import type { MantineColorsTuple, MantineThemeOverride } from "@mantine/core";
+
+/** Mantine 10-shade color scales used across the FHC UI. */
+export const FHC_COLORS = {
+  fhcBlue: [
+    "#EEF4FC",
+    "#D9E8FA",
+    "#BCD5F5",
+    "#96BDEB",
+    "#6FA4E0",
+    "#4A90E2",
+    "#357ABD",
+    "#2C669D",
+    "#224F7A",
+    "#173654",
+  ],
+  fhcBrick: [
+    "#F6ECE8",
+    "#EACFC4",
+    "#DBAD99",
+    "#C9876B",
+    "#B86B49",
+    "#A85735",
+    "#8C462B",
+    "#703622",
+    "#55281A",
+    "#3D1E14",
+  ],
+  fhcGold: [
+    "#FFFBE6",
+    "#FFF3BF",
+    "#FEE98A",
+    "#FCDD57",
+    "#F9CF2F",
+    "#FFD700",
+    "#D9B700",
+    "#B39400",
+    "#8C7300",
+    "#665300",
+  ],
+  fhcGray: [
+    "#F8FAFC",
+    "#F1F5F9",
+    "#E2E8F0",
+    "#CBD5E1",
+    "#94A3B8",
+    "#64748B",
+    "#475569",
+    "#334155",
+    "#1E293B",
+    "#0F172A",
+  ],
+} as const;
+
+/**
+ * Layout design tokens — the brick-gradient sidebar, glassy header, page
+ * surfaces, brand colors and sizes. Mirrored under `theme.other.fhcLayout`.
+ */
+export const FHC_LAYOUT = {
+  sidebar: {
+    bg: "linear-gradient(180deg, #5D2E1F 0%, #3D1E14 100%)",
+    headerBg: "rgba(93, 46, 31, 0.82)",
+    footerBg: "rgba(61, 30, 20, 0.62)",
+    border: "rgba(255,255,255,0.10)",
+    text: "rgba(255,255,255,0.76)",
+    mutedText: "rgba(255,255,255,0.42)",
+    childText: "rgba(255,255,255,0.68)",
+    activeText: "#FFFFFF",
+    iconBg: "rgba(255,255,255,0.06)",
+    iconActiveBg: "rgba(255,255,255,0.12)",
+    hoverBg: "rgba(255,255,255,0.08)",
+    activeBg: "rgba(255,255,255,0.15)",
+    activeBorder: "rgba(255,255,255,0.14)",
+    sectionLine: "rgba(255,255,255,0.10)",
+    rail: "linear-gradient(180deg, #FFD700 0%, #4A90E2 100%)",
+  },
+  header: {
+    bg: "rgba(255,255,255,0.92)",
+    border: "rgba(15, 23, 42, 0.08)",
+    searchBg: "#F9FAFB",
+    searchBorder: "#E5E7EB",
+    title: "#1F2937",
+    subtitle: "#6B7280",
+  },
+  page: {
+    bg: "#F8FAFC",
+    cardBg: "rgba(255,255,255,0.92)",
+  },
+  brand: {
+    brick: "#5D2E1F",
+    brickDark: "#3D1E14",
+    blue: "#4A90E2",
+    blueDark: "#357ABD",
+    gold: "#FFD700",
+    text: "#1F2937",
+  },
+  sizes: {
+    sidebarExpanded: 288,
+    sidebarCollapsed: 80,
+    headerHeight: 64,
+  },
+} as const;
+
+/**
+ * Dark-mode counterpart of FHC_LAYOUT. The brick-gradient sidebar, accent rail
+ * and sizes are intentionally kept (they already read well on dark), while the
+ * glassy white header, page background, card surfaces and dark text are flipped
+ * to dark equivalents.
+ */
+export const FHC_LAYOUT_DARK = {
+  ...FHC_LAYOUT,
+  header: {
+    bg: "rgba(26, 27, 30, 0.92)",
+    border: "rgba(255,255,255,0.08)",
+    searchBg: "#25262B",
+    searchBorder: "#2C2E33",
+    title: "#F1F5F9",
+    subtitle: "#9CA3AF",
+  },
+  page: {
+    bg: "#141517",
+    cardBg: "rgba(26, 27, 30, 0.92)",
+  },
+  brand: {
+    ...FHC_LAYOUT.brand,
+    text: "#F1F5F9",
+  },
+} as const;
+
+/**
+ * Full Mantine theme override carrying the FHC palettes, layout tokens,
+ * typography, radii, shadows and component defaults. Pass this as the
+ * `mantineTheme` escape hatch in project.theme.ts.
+ *
+ * Note: BOTH `fhcLayout` (light) and `fhcLayoutDark` (dark) are published under
+ * `other` — the module's useFhcLayout() reads the matching one per color scheme.
+ */
+export const fhcMantineTheme: MantineThemeOverride = {
+  fontFamily: "Plus Jakarta Sans, sans-serif",
+  headings: {
+    fontFamily: "Plus Jakarta Sans, sans-serif",
+  },
+  defaultRadius: "md",
+  radius: {
+    xs: "6px",
+    sm: "8px",
+    md: "10px",
+    lg: "14px",
+    xl: "18px",
+  },
+  shadows: {
+    xs: "0 1px 2px rgba(15, 23, 42, 0.04)",
+    sm: "0 2px 8px rgba(15, 23, 42, 0.06)",
+    md: "0 4px 20px rgba(15, 23, 42, 0.08)",
+    lg: "0 8px 30px rgba(15, 23, 42, 0.12)",
+  },
+  colors: {
+    fhcBlue: FHC_COLORS.fhcBlue as unknown as MantineColorsTuple,
+    fhcBrick: FHC_COLORS.fhcBrick as unknown as MantineColorsTuple,
+    fhcGold: FHC_COLORS.fhcGold as unknown as MantineColorsTuple,
+    fhcGray: FHC_COLORS.fhcGray as unknown as MantineColorsTuple,
+  },
+  other: {
+    fhcLayout: FHC_LAYOUT,
+    fhcLayoutDark: FHC_LAYOUT_DARK,
+  },
+  components: {
+    Paper: {
+      defaultProps: {
+        radius: "lg",
+        shadow: "sm",
+      },
+    },
+    NavLink: {
+      defaultProps: {
+        radius: "md",
+      },
+    },
+  },
+};
+
+/**
+ * Optional convenience: the bits of a DesignConfig that carry the FHC look.
+ * Spread this into your projectTheme if you also want FHC as the primary brand
+ * (this re-tints buttons/links to fhcBlue). Leave it out to keep your own brand
+ * color while still getting the fhc* palettes + layout tokens via `mantineTheme`.
+ */
+export const fhcDesignPreset = {
+  colors: { primary: "#357ABD" },
+  typography: { fontFamily: "Plus Jakarta Sans, sans-serif" },
+  shape: { radius: "10px" },
+  mantineTheme: fhcMantineTheme,
+};
diff --git a/apps/edr-freight-web/backoffice/user-management-config/index.html b/apps/edr-freight-web/backoffice/user-management-config/index.html
new file mode 100644
index 000000000..30392eb04
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"
+    />
+    <title>User Management</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/main.tsx"></script>
+  </body>
+</html>
diff --git a/apps/edr-freight-web/backoffice/user-management-config/main.tsx b/apps/edr-freight-web/backoffice/user-management-config/main.tsx
new file mode 100644
index 000000000..f04f34c86
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/main.tsx
@@ -0,0 +1,13 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+// Consume the reusable module via its public barrel (@/ → ../user-management/src).
+import { UserManagementApp } from "@/index";
+// Your project's config lives HERE in the host folder (resolved via @app-config).
+// The module never imports it; the host passes it in.
+import { projectTheme } from "@app-config/project.theme";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <UserManagementApp config={projectTheme} />
+  </StrictMode>
+);
diff --git a/apps/edr-freight-web/backoffice/user-management-config/package-lock.json b/apps/edr-freight-web/backoffice/user-management-config/package-lock.json
new file mode 100644
index 000000000..87f006ce4
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/package-lock.json
@@ -0,0 +1,12 @@
+{
+  "name": "user-management-host",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "user-management-host",
+      "version": "0.0.0"
+    }
+  }
+}
diff --git a/apps/edr-freight-web/backoffice/user-management-config/package.json b/apps/edr-freight-web/backoffice/user-management-config/package.json
new file mode 100644
index 000000000..fa66964e3
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "user-management-host",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "description": "Host wrapper for the user-management module. Owns branding/theme (project.theme.ts / fhc.theme.ts), the Vite build (vite.config.ts), the HTML shell (index.html) and the entry (main.tsx). Consumes the module from ../user-management/src.",
+  "scripts": {
+    "dev": "vite --port 4202 --host 0.0.0.0",
+    "build": "vite build",
+    "preview": "vite preview --port 4202 --host"
+  }
+}
diff --git a/apps/edr-freight-web/backoffice/user-management-config/postcss.config.js b/apps/edr-freight-web/backoffice/user-management-config/postcss.config.js
new file mode 100644
index 000000000..1f93a2965
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/postcss.config.js
@@ -0,0 +1,7 @@
+// Tailwind is handled by the @tailwindcss/vite plugin (see vite.config.ts), so
+// PostCSS needs no plugins here. This local config exists to stop Vite from
+// walking up to the monorepo root postcss.config.js (Tailwind v3), which would
+// conflict with this package's Tailwind v4 setup.
+export default {
+  plugins: {},
+};
diff --git a/apps/edr-freight-web/backoffice/user-management-config/project.theme.ts b/apps/edr-freight-web/backoffice/user-management-config/project.theme.ts
new file mode 100644
index 000000000..f87e687ba
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/project.theme.ts
@@ -0,0 +1,216 @@
+/**
+ * project.theme.ts — HOST-OWNED config for THIS project / organisation (FHC).
+ *
+ * ┌─────────────────────────────────────────────────────────────────────────┐
+ * │  Lives in app-config/, OUTSIDE the user-management module. The module     │
+ * │  never imports this file — the host passes it in via                      │
+ * │  <UserManagementApp config={projectTheme} /> (see ../src/main.tsx).       │
+ * │  At submodule-split time, this whole folder moves to the host repo.       │
+ * └─────────────────────────────────────────────────────────────────────────┘
+ *
+ * Every field is optional — remove lines you don't need to override.
+ *
+ * Flow:
+ *   project.theme.ts  →  design.config.ts (module engine)  →  CSS vars + Mantine theme
+ *   TenantConfig.ts   →  overrides --primary at runtime per hostname
+ *
+ * The TenantConfig layer runs AFTER this, so per-hostname primary-color overrides
+ * still work on top of whatever you set here.
+ */
+
+import type { DesignConfig } from "@/config/design.config";
+import { fhcMantineTheme } from "./fhc.theme";
+
+export const projectTheme: DesignConfig = {
+  // ─────────────────────────────────────────────────────────────────────────
+  //  BRANDING
+  //  Replace with your organisation's assets.
+  // ─────────────────────────────────────────────────────────────────────────
+  brand: {
+    appName: "Federal Housing Corporation", // FHC — shown in the browser tab
+    // Drop the FHC logo at this path in /public to show it in the sidebar brand
+    // and as the favicon. Until then the sidebar falls back to a building icon.
+    // logoUrl: "/assets/logo/fhc.png",
+    // faviconUrl: "/favicon.ico",          // optional — defaults to logoUrl
+  },
+
+  // ─────────────────────────────────────────────────────────────────────────
+  //  COLORS
+  //  Change `primary` to your brand hex and everything cascades automatically.
+  //  Shades primary-50 → primary-950 are computed via CSS color-mix in index.css.
+  //  TenantConfig overrides this per-hostname, so localhost vs edrsc.com can
+  //  still have different colors.
+  // ─────────────────────────────────────────────────────────────────────────
+  colors: {
+    primary: "#357ABD",                    // FHC blue (fhcBlue-6) — buttons, links, active states
+    //                                     // "#5D2E1F" brick (FHC chrome) is used by the sidebar/modal skin below
+    //                                     // "#2563eb" blue  |  "#7c3aed" purple
+    //                                     // "#16a34a" green |  "#dc2626" red
+    //                                     // "#f59e0b" amber |  "#0284c7" sky
+
+    // primaryForeground: "#ffffff",        // text on primary-colored bg — rarely needs changing
+
+    // secondary: "#f1f5f9",               // TODO: subtle secondary UI color
+    // background: "#ffffff",              // TODO: page background
+    // foreground: "#0f172a",              // TODO: main text color
+    // border: "#e2e8f0",                  // TODO: input / card borders
+    // muted: "#f8fafc",                   // TODO: disabled input / tag backgrounds
+    // mutedForeground: "#94a3b8",         // TODO: placeholder / helper text
+    // card: "#ffffff",                    // TODO: card background (if different from page)
+    // sidebar: "#f8fafc",                 // TODO: sidebar background
+    // danger: "#dc2626",                  // TODO: error / destructive color
+  },
+
+  // ─────────────────────────────────────────────────────────────────────────
+  //  TYPOGRAPHY
+  //  Load the font FIRST in index.html (Google Fonts link or @font-face) then
+  //  set fontFamily here. The fallback chain is used if the custom font fails.
+  // ─────────────────────────────────────────────────────────────────────────
+  typography: {
+    fontFamily: "Plus Jakarta Sans, Inter, ui-sans-serif, system-ui, sans-serif",
+    //                                     // TODO: "Poppins, Inter, sans-serif"
+    //                                     // TODO: "Cairo, Inter, sans-serif"          (Arabic)
+    //                                     // TODO: "Noto Serif Ethiopic, serif"         (Amharic)
+
+    // headingFontFamily: undefined,       // TODO: separate heading font if desired
+    // baseFontSize: "16px",               // TODO: "14px" for compact dashboards
+  },
+
+  // ─────────────────────────────────────────────────────────────────────────
+  //  SHAPE
+  // ─────────────────────────────────────────────────────────────────────────
+  shape: {
+    radius: "0.625rem",                    // TODO: "0" sharp  |  "0.5rem" subtle  |  "1rem" very rounded
+  },
+
+  // ─────────────────────────────────────────────────────────────────────────
+  //  SHADOWS
+  //  Leave commented to use Mantine/Tailwind defaults.
+  // ─────────────────────────────────────────────────────────────────────────
+  // shadows: {
+  //   card:     "0 1px 3px rgba(0,0,0,0.08), 0 4px 16px rgba(0,0,0,0.06)",
+  //   dropdown: "0 8px 30px rgba(0,0,0,0.12)",
+  //   modal:    "0 20px 60px rgba(0,0,0,0.16)",
+  // },
+
+  // ─────────────────────────────────────────────────────────────────────────
+  //  MANTINE COMPONENT DEFAULTS
+  //  These become the <MantineProvider theme> defaults for every component.
+  // ─────────────────────────────────────────────────────────────────────────
+  components: {
+    buttonDefaultVariant: "filled",        // TODO: "light" | "outline" | "subtle"
+    inputDefaultSize: "sm",                // TODO: "xs" | "md" | "lg"
+    inputRadius: "md",                     // TODO: "xs" | "lg" | "xl"
+    modalRadius: "lg",                     // TODO: "md" | "xl"
+    tableHighlightOnHover: true,
+    tableStriped: false,                   // TODO: "odd" | "even" | true
+  },
+
+  // ─────────────────────────────────────────────────────────────────────────
+  //  USER-MANAGEMENT LAYOUT / NAVIGATION
+  //  Pick the navigation chrome and style the side menu — all from here.
+  //    "classic" → app-wide SIDE MENU, no top tabs
+  //    "legacy"  → top TAB bar, no side menu
+  //  Each value is also exposed as a --um-* CSS var, so tweaks apply instantly.
+  // ─────────────────────────────────────────────────────────────────────────
+  layout: {
+    userManagementView: "classic",          // TODO: "legacy" for the top-tab UI
+    // showTopBar: false,                    // TODO: overrides VITE_SHOW_TOP_BAR
+
+    // ── Dimensions ──────────────────────────────────────────────────────────
+    sidebarWidth: "288px",                   // TODO: expanded side-menu width
+    sidebarCollapsedWidth: "80px",           // TODO: icon-only width
+    headerHeight: "64px",                    // TODO: top bar height
+    // contentMaxWidth: "1440px",            // TODO: cap the content column
+
+    // ── Side-menu skin (defaults follow the FHC brick theme) ───────────────
+    sidebarBackground: "linear-gradient(180deg, #5D2E1F 0%, #3D1E14 100%)",
+    sidebarColor: "rgba(255,255,255,0.76)",
+    sidebarMutedColor: "rgba(255,255,255,0.42)",
+    sidebarActiveBackground: "rgba(255,255,255,0.15)",
+    sidebarActiveColor: "#FFFFFF",
+    sidebarHoverBackground: "rgba(255,255,255,0.08)",
+    sidebarBorder: "rgba(255,255,255,0.10)",
+    sidebarRail: "linear-gradient(180deg, #FFD700 0%, #4A90E2 100%)",
+    sidebarBrandLabel: "User Management",
+    sidebarBrandSublabel: "Federal Housing",
+
+    // ── THE MENU (data, shared by the side menu AND the top tabs) ──────────
+    //  Edit/add/remove freely. `icon` is a name from the registry in
+    //  navConfig.tsx (users, dashboard, content, position, settings, excel,
+    //  archive, units, activity, organizations, …). `label` is an i18n key
+    //  under "organization.<label>" (raw string shown if no translation).
+    //  Remove this array entirely to fall back to the built-in defaults.
+    //
+    //  SHOW / HIDE A MENU: set `enabled: false` on any item to stop it
+    //  rendering in BOTH the side menu and the top tabs — without deleting it.
+    //  Omitting `enabled` (or `true`) keeps it visible. Toggle these per project.
+    navItems: [
+      // The menu is ROLE-FILTERED (see navConfig.tsx): each role sees only its own
+      // block. Every href below has a matching route in the embedded router
+      // (src/App.tsx), which is now a superset of org-admin + super-admin routes.
+
+      // ── Org-admin / unit-admin surface ──
+      { label: "dashboard", href: "/user-management/user_management-dashboard", icon: "dashboard", roles: ["admin", "unit_admin"], isPrimary: true, enabled: true },
+      { label: "userManagement", href: "/user-management/user_management", icon: "users", roles: ["admin", "unit_admin"], isPrimary: true, enabled: true },
+      { label: "contentManagement", displayLabel: "contentManagement", href: "/user-management/content-management", icon: "content", roles: ["admin", "unit_admin"], isPrimary: true, enabled: true },
+      { label: "Position", displayLabel: "positionTypes", href: "/user-management/position-management", icon: "position", roles: ["admin", "unit_admin", "super_admin"], isPrimary: true, enabled: true },
+      { label: "settings", displayLabel: "settings", href: "/user-management/organization-settings", icon: "settings", roles: ["admin", "unit_admin"], isPrimary: true, enabled: true },
+      { label: "Bulk", displayLabel: "bulkUpload", href: "/user-management/bulk-upload", icon: "excel", roles: ["admin", "unit_admin"], isPrimary: true, enabled: true },
+      { label: "Archive Users", displayLabel: "Archive Users", href: "/user-management/archives", icon: "archive", roles: ["admin", "unit_admin"], isPrimary: true, enabled: true },
+      { label: "Archived Units & Positions", displayLabel: "Archived Units & Positions", href: "/user-management/archived", icon: "units", roles: ["admin", "unit_admin"], isPrimary: true, enabled: true },
+
+      // ── Super-admin surface (routes now wired in App.tsx) ──
+      { label: "dashboard", href: "/user-management/dashboard", icon: "dashboard", roles: ["super_admin"], isPrimary: true, enabled: true },
+      { label: "organizations", href: "/user-management/organizations", icon: "organizations", roles: ["super_admin"], isPrimary: true, enabled: true },
+      { label: "organizationAdmins", href: "/user-management/organization_admins", icon: "admins", roles: ["super_admin"], isPrimary: true, enabled: true },
+      { label: "externalUsers", href: "/user-management/external_users", icon: "admins", roles: ["super_admin"], isPrimary: true, enabled: true },
+      { label: "Migrated Records", displayLabel: "migratedRecords", href: "/user-management/migrated-records-management", icon: "file", roles: ["super_admin"], isPrimary: true, enabled: true },
+      { label: "Archive Users", displayLabel: "Archive Users", href: "/user-management/archive-users", icon: "archive", roles: ["super_admin"], isPrimary: true, enabled: true },
+      { label: "Archived Organizations", displayLabel: "Archived Organizations", href: "/user-management/archived-organizations", icon: "archive", roles: ["super_admin"], isPrimary: true, enabled: true },
+      { label: "activityLog", href: "/user-management/activity_log", icon: "activity", roles: ["super_admin"], isPrimary: false, enabled: true },
+      { label: "setting", href: "/user-management/settings", icon: "settings", roles: ["super_admin"], isPrimary: false, enabled: true },
+      { label: "Letter Template", href: "/user-management/templates", icon: "file", roles: ["super_admin"], isPrimary: false, enabled: true },
+    ],
+
+    // ── Top tab bar skin (legacy view) ─────────────────────────────────────
+    menuBackground: "#ffffff",               // TODO: tab bar background
+    menuColor: "#334155",                    // inactive tab text
+    menuActiveColor: "#357ABD",              // active tab text (FHC blue)
+    menuActiveBorderColor: "#357ABD",        // active tab underline
+    menuHoverColor: "#357ABD",               // tab hover text
+
+    // ── Create / edit modal skin (shared BackofficeModal) ──────────────────
+    modalAccentColor: "#5D2E1F",             // brick top strip
+    modalHeaderBackground: "#F6ECE8",        // header bg (view)
+    modalHeaderEditBackground: "#EACFC4",    // header bg (edit)
+    modalIconBackground: "#EACFC4",          // header icon chip bg
+    modalIconColor: "#5D2E1F",               // header icon chip color
+    modalTitleColor: "#1F2937",              // modal title text
+    modalFocusColor: "#357ABD",              // input focus ring inside modals
+    modalSurface: "#ffffff",                 // modal body surface
+  },
+
+  // ─────────────────────────────────────────────────────────────────────────
+  //  EXTRA CSS VARS
+  //  Inject any CSS custom property that isn't covered above.
+  //  Keys are variable names WITHOUT the leading "--".
+  // ─────────────────────────────────────────────────────────────────────────
+  // cssVars: {
+  //   "sidebar-width":     "260px",
+  //   "header-height":     "64px",
+  //   "content-max-width": "1440px",
+  //   "custom-gradient":   "linear-gradient(135deg, #18aa9d 0%, #0f7a70 100%)",
+  // },
+
+  // ─────────────────────────────────────────────────────────────────────────
+  //  MANTINE THEME ESCAPE HATCH
+  //  Any Mantine theme key — merged on top of everything above.
+  //  Full list: https://mantine.dev/theming/theme-object/
+  // ─────────────────────────────────────────────────────────────────────────
+  // The FHC look & feel preset — provides the fhcBlue/fhcBrick/fhcGold/fhcGray
+  // palettes and the `other.fhcLayout` / `other.fhcLayoutDark` tokens that the
+  // "classic" user-management view renders with. Lives alongside this file in
+  // app-config/ so the whole host config moves together at submodule-split time.
+  mantineTheme: fhcMantineTheme,
+};
diff --git a/apps/edr-freight-web/backoffice/user-management-config/tsconfig.json b/apps/edr-freight-web/backoffice/user-management-config/tsconfig.json
new file mode 100644
index 000000000..86a5530ae
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["../user-management/src/*"],
+      "@app-config/*": ["./*"]
+    }
+  },
+  "include": ["main.tsx", "project.theme.ts", "fhc.theme.ts", "../user-management/src"]
+}
diff --git a/apps/edr-freight-web/backoffice/user-management-config/tsconfig.node.json b/apps/edr-freight-web/backoffice/user-management-config/tsconfig.node.json
new file mode 100644
index 000000000..6d7bd464a
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/tsconfig.node.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/apps/edr-freight-web/backoffice/user-management-config/vite.config.ts b/apps/edr-freight-web/backoffice/user-management-config/vite.config.ts
new file mode 100644
index 000000000..0f7e8fe12
--- /dev/null
+++ b/apps/edr-freight-web/backoffice/user-management-config/vite.config.ts
@@ -0,0 +1,107 @@
+import fs from "fs";
+import path from "path";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig, loadEnv } from "vite";
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "");
+
+  // Same-origin sub-path the host server serves the module from. `base` makes
+  // built asset URLs resolve under it AND is read back inside the module
+  // (import.meta.env.BASE_URL) to set the router basename. Override with UM_BASE.
+  const base = env.UM_BASE || "/_um/";
+
+  // Build straight into the host app's public dir so its ONE server serves the
+  // module at <origin>/_um/ — no second server, same origin as the host.
+  const outDir = path.resolve(__dirname, "../public/_um");
+
+  return {
+    base,
+    plugins: [
+      tailwindcss(),
+      react(),
+      {
+        // TinyMCE is self-hosted; the module references it at the ABSOLUTE path
+        // /tinymce/..., which resolves at the host origin. Mirror the assets into
+        // BOTH the module public dir AND the host public root. Regenerated on
+        // build, so neither copy is a hand-managed artifact.
+        name: "copy-tinymce-assets",
+        buildStart() {
+          const src = path.resolve(__dirname, "node_modules/tinymce");
+          const dests = [
+            path.resolve(__dirname, "../user-management/public/tinymce"),
+            path.resolve(__dirname, "../public/tinymce"),
+          ];
+          const runtimeEntries = [
+            "tinymce.min.js",
+            "icons",
+            "models",
+            "plugins",
+            "skins",
+            "themes",
+          ];
+
+          if (!fs.existsSync(src)) {
+            throw new Error(
+              "[copy-tinymce-assets] node_modules/tinymce not found in this app. Run `npm install` here first."
+            );
+          }
+
+          for (const dest of dests) {
+            fs.mkdirSync(dest, { recursive: true });
+            for (const entry of runtimeEntries) {
+              const entrySrc = path.resolve(src, entry);
+              const entryDest = path.resolve(dest, entry);
+              if (!fs.existsSync(entrySrc)) continue;
+              fs.cpSync(entrySrc, entryDest, { recursive: true, force: true });
+            }
+          }
+        },
+      },
+    ],
+    assetsInclude: ["**/*.TTF"],
+    // Static assets (incl. tinymce/) live in the module's public dir.
+    publicDir: path.resolve(__dirname, "../user-management/public"),
+    build: {
+      rollupOptions: {
+        external: [
+          "file-type",
+          "readable-web-to-node-stream",
+          "strtok3",
+          "token-types",
+        ],
+      },
+      outDir,
+      assetsDir: "assets",
+      sourcemap: false,
+      emptyOutDir: true,
+      minify: "esbuild",
+    },
+    resolve: {
+      alias: [
+        // @app-config = this host folder itself (project.theme.ts / fhc.theme.ts).
+        { find: /^@app-config\//, replacement: path.resolve(__dirname) + "/" },
+        // @/ = the reusable module's source in the SIBLING module folder.
+        { find: /^@\//, replacement: path.resolve(__dirname, "../user-management/src") + "/" },
+      ],
+      // node_modules is linked to the module's, but pin the singletons so the host
+      // entry and the module code share ONE React 18 (no "invalid hook call").
+      dedupe: ["react", "react-dom", "react-router-dom", "@tanstack/react-query", "@mantine/core", "@mantine/hooks"],
+    },
+    server: {
+      port: env.DEV_PORT ? Number(env.DEV_PORT) : 5173,
+      strictPort: true,
+      fs: { allow: [path.resolve(__dirname, "..")] },
+    },
+    optimizeDeps: {
+      exclude: ["file-type", "readable-web-to-node-stream", "strtok3", "token-types"],
+    },
+    esbuild: {
+      drop: mode === "production" ? ["console", "debugger"] : [],
+    },
+    define: {
+      global: {},
+    },
+  };
+});
diff --git a/apps/edr-freight-web/backoffice/vite.config.ts b/apps/edr-freight-web/backoffice/vite.config.ts
index cf7083258..b6ec390a6 100644
--- a/apps/edr-freight-web/backoffice/vite.config.ts
+++ b/apps/edr-freight-web/backoffice/vite.config.ts
@@ -1,21 +1,58 @@
 import path from "node:path";
 import { fileURLToPath } from "node:url";
+import type { IncomingMessage, ServerResponse } from "node:http";
 
-import { defineConfig } from "vite";
+import { defineConfig } from "vitest/config";
 import react from "@vitejs/plugin-react";
 import tailwindcss from "@tailwindcss/vite";
+import type { ViteDevServer, PreviewServer } from "vite";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
+function userManagementSpaFallback() {
+  const rewrite = (req: IncomingMessage) => {
+    const url = req.url ?? '';
+    if (!url.startsWith('/_um/') && url !== '/_um') return;
+    if (/\.[a-zA-Z0-9]+$/.test(url.split('?')[0])) return;
+    req.url = '/_um/index.html';
+  };
+  return {
+    name: 'user-management-spa-fallback',
+    configureServer(s: ViteDevServer) {
+      s.middlewares.use((req: IncomingMessage, _r: ServerResponse, next: () => void) => {
+        rewrite(req);
+        next();
+      });
+      
+    },
+    configurePreviewServer(s: PreviewServer) {
+      s.middlewares.use((req: IncomingMessage, _r: ServerResponse, next: () => void) => {
+        rewrite(req);
+        next();
+      });
+    },
+  };
+}
+
 export default defineConfig({
-  plugins: [react(), tailwindcss()],
+  plugins: [userManagementSpaFallback(), react(), tailwindcss()],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
+      // Resolve from TS source so Vite gets ESM named exports (dist is CommonJS).
+      "@edr/types": path.resolve(__dirname, "../../../packages/types/src/index.ts"),
     },
+    // Force a single copy of these singletons so MantineProvider context is
+    // shared between the backoffice app and @edr/ui-common (which ships its
+    // own node_modules copy). Without this, two separate @mantine/core
+    // instances are bundled and the context lookup fails at runtime.
+    dedupe: ["react", "react-dom", "@mantine/core", "@mantine/hooks"],
   },
   server: {
     port: 5183,
     host: "0.0.0.0",
   },
+  test: {
+    environment: "node",
+  },
 });
diff --git a/apps/edr-freight-web/portal/index.css b/apps/edr-freight-web/portal/index.css
index 4909e33bd..aa14f97fe 100644
--- a/apps/edr-freight-web/portal/index.css
+++ b/apps/edr-freight-web/portal/index.css
@@ -1,2 +1,33 @@
 @import "tailwindcss";
 @import "@edr/ui-common/theme.css" layer(theme);
+
+/* Bridge the central Mantine theme into Tailwind. Mantine (createTheme) is the
+   single source of truth; these just alias its generated CSS variables so
+   `bg-edr-*`, `text-edr-*`, `border-edr-*` utilities resolve to the same tokens. */
+@theme {
+  --color-edr-primary: var(--mantine-color-edr-green-5);
+  --color-edr-primary-dark: var(--mantine-color-edr-green-7);
+  --color-edr-bg: var(--mantine-color-edr-bg-6);
+  --color-edr-card: var(--mantine-color-edr-card-6);
+  --color-edr-border: var(--mantine-color-edr-border-6);
+  --color-edr-divider: var(--mantine-color-edr-divider-6);
+  --color-edr-text: var(--mantine-color-edr-text-6);
+  --color-edr-muted: var(--mantine-color-edr-muted-6);
+  --color-edr-soft: var(--mantine-color-edr-soft-6);
+  --color-edr-ink: var(--mantine-color-edr-ink-6);
+  --color-edr-accent: var(--mantine-color-edr-accent-6);
+
+  --color-edr-amber-soft: var(--mantine-color-edr-amber-soft-6);
+  --color-edr-amber-text: var(--mantine-color-edr-amber-text-6);
+  --color-edr-blue: var(--mantine-color-edr-blue-6);
+  --color-edr-blue-soft: var(--mantine-color-edr-blue-soft-6);
+  --color-edr-blue-dot: var(--mantine-color-edr-blue-dot-6);
+  --color-edr-red: var(--mantine-color-edr-red-6);
+  --color-edr-red-soft: var(--mantine-color-edr-red-soft-6);
+  --color-edr-slate: var(--mantine-color-edr-slate-6);
+  --color-edr-slate-soft: var(--mantine-color-edr-slate-soft-6);
+  --color-edr-slate-soft2: var(--mantine-color-edr-slate-soft2-6);
+  --color-edr-step: var(--mantine-color-edr-step-6);
+  --color-edr-step-idle: var(--mantine-color-edr-step-idle-6);
+  --color-edr-conn-idle: var(--mantine-color-edr-conn-idle-6);
+}
diff --git a/apps/edr-freight-web/portal/index.html b/apps/edr-freight-web/portal/index.html
index 2233dc861..42bfe97d3 100644
--- a/apps/edr-freight-web/portal/index.html
+++ b/apps/edr-freight-web/portal/index.html
@@ -5,6 +5,12 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>EDR Freight Portal</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@600;700&display=swap"
+    rel="stylesheet"
+  />
 </head>
 
 <body>
diff --git a/apps/edr-freight-web/portal/package.json b/apps/edr-freight-web/portal/package.json
index 582a2fc0b..f5fddd009 100644
--- a/apps/edr-freight-web/portal/package.json
+++ b/apps/edr-freight-web/portal/package.json
@@ -15,6 +15,8 @@
     "@edr/types": "workspace:*",
     "@edr/ui-common": "workspace:*",
     "@hookform/resolvers": "^5.4.0",
+    "@mantine/core": "^9.3.0",
+    "@mantine/hooks": "^9.3.0",
     "@tanstack/react-query": "^5.59.0",
     "@tria-plc/iamui-common": "1.1.2",
     "axios": "^1.7.7",
@@ -36,6 +38,7 @@
   "devDependencies": {
     "@edr/eslint-config": "workspace:*",
     "@edr/tsconfig": "workspace:*",
+    "@hookform/devtools": "^4.4.0",
     "@tailwindcss/vite": "^4.3.0",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
diff --git a/apps/edr-freight-web/portal/public/assets/edr-logo.png b/apps/edr-freight-web/portal/public/assets/edr-logo.png
new file mode 100644
index 000000000..c877cfa02
Binary files /dev/null and b/apps/edr-freight-web/portal/public/assets/edr-logo.png differ
diff --git a/apps/edr-freight-web/portal/public/assets/train-edr.jpg b/apps/edr-freight-web/portal/public/assets/train-edr.jpg
new file mode 100644
index 000000000..4595b3bcb
Binary files /dev/null and b/apps/edr-freight-web/portal/public/assets/train-edr.jpg differ
diff --git a/apps/edr-freight-web/portal/src/App.tsx b/apps/edr-freight-web/portal/src/App.tsx
index 36922cf4a..9938daff9 100644
--- a/apps/edr-freight-web/portal/src/App.tsx
+++ b/apps/edr-freight-web/portal/src/App.tsx
@@ -1,128 +1,214 @@
-import {
-  useNavigate,
-  useLocation,
-  Routes,
-  Route,
-  Navigate,
-  Outlet,
-} from "react-router-dom";
-import { DashboardLayout, type SidebarItem } from "@edr/ui-common";
+import { AppLayout, type SidebarItem } from "@/components/AppLayout";
 import {
   CalendarCheck,
-  MapPin,
-  Receipt,
   Home,
   Loader2,
-  User,
+  MapPin,
+  Receipt,
   Settings,
+  User,
 } from "lucide-react";
+import { useEffect, useRef } from "react";
+import {
+  Navigate,
+  Outlet,
+  Route,
+  Routes,
+  useLocation,
+  useNavigate,
+} from "react-router-dom";
 
 import useAuth from "./hooks/useAuth";
-
-import ProfilePage from "./pages/ProfilePage";
-import SettingsPage from "./pages/SettingsPage";
-import MyPortalPage from "./pages/MyPortalPage";
 import EDRFreightLandingPage from "./pages/EDRFreightLandingPage";
-import SignupPage from "./pages/accounts/SignupPage";
-import OnboardingPage from "./pages/accounts/OnboardingPage";
-import VerificationOtpPage from "./pages/accounts/VerificationOtpPage";
-import SetPasswordPage from "./pages/accounts/SetPasswordPage";
+import MyPortalPage from "./pages/MyPortalPage";
+import ProfilePage from "./pages/ProfilePage";
+import MySignaturePage from "./pages/MySignaturePage";
+import SettingsPage from "./pages/SettingsPage";
 import LoginPage from "./pages/accounts/LoginPage";
-import MyBookings from "./pages/bookings/MyBookings";
+import OnboardingPage from "./pages/accounts/OnboardingPage";
+import SetPasswordPage from "./pages/accounts/SetPasswordPage";
+import SignupPage from "./pages/accounts/SignupPage";
+import VerificationOtpPage from "./pages/accounts/VerificationOtpPage";
+import BillingPage from "./pages/billing/BillingPage";
 import BookingContractPage from "./pages/bookings/BookingContractPage";
 import BookingDetailPage from "./pages/bookings/BookingDetailPage";
-import NewBookingPage from "./pages/bookings/NewBookingPage";
 import EditBookingPage from "./pages/bookings/EditBookingPage";
+import MyBookings from "./pages/bookings/MyBookings";
+import NewBookingPage from "./pages/bookings/NewBookingPage";
 import CheckPaymentPage from "./pages/payments/CheckPaymentPage";
 import TrackingPage from "./pages/tracking/TrackingPage";
-import BillingPage from "./pages/billing/BillingPage";
-import { useEffect } from "react";
+
+function FullScreenSpinner() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <Loader2 className="animate-spin text-primary" />
+    </div>
+  );
+}
+
+function LogoutHandler() {
+  const { logout } = useAuth();
+  const navigate = useNavigate();
+  const hasRun = useRef(false);
+
+  useEffect(() => {
+    if (hasRun.current) return;
+    hasRun.current = true;
+    logout().then(() => navigate("/login", { replace: true }));
+  }, []);
+
+  return <FullScreenSpinner />;
+}
+
+/** Blocks unauthenticated users; renders children only with a valid session. */
+function RequireAuth() {
+  const { isPending, isAuthenticated } = useAuth();
+  const location = useLocation();
+
+  if (isPending) return <FullScreenSpinner />;
+  if (!isAuthenticated)
+    return <Navigate to="/login" replace state={{ from: location }} />;
+  return <Outlet />;
+}
+
+/**
+ * Sends authenticated users without a company to onboarding.
+ * Only redirects on a confirmed "no company" response — never on a
+ * transient query error.
+ */
+function RequireCompany() {
+  const { customerQuery } = useAuth();
+
+  if (customerQuery.isPending) return <FullScreenSpinner />;
+  return <Outlet />;
+}
+
+/** Keeps already-onboarded users out of the onboarding flow. */
+function RequireNoCompany() {
+  const { customerQuery } = useAuth();
+
+  if (customerQuery.isPending) return <FullScreenSpinner />;
+  if (customerQuery.data) return <Navigate to="/portal" replace />;
+  return <Outlet />;
+}
+
+/** Keeps authenticated users off the login/signup pages. */
+function RedirectIfAuthed() {
+  const { isPending, isAuthenticated } = useAuth();
+
+  if (isPending) return <FullScreenSpinner />;
+  if (isAuthenticated) return <Navigate to="/portal" replace />;
+  return <Outlet />;
+}
+
+/** Landing page for visitors; authenticated users go straight to the portal. */
+function LandingRoute() {
+  const { isPending, isAuthenticated } = useAuth();
+
+  if (isPending) return <FullScreenSpinner />;
+  if (isAuthenticated) return <Navigate to="/portal" replace />;
+  return <EDRFreightLandingPage />;
+}
 
 const sidebarItems: SidebarItem[] = [
-  { label: "Home", href: "/portal", icon: <Home /> },
-  { label: "My Bookings", href: "/bookings", icon: <CalendarCheck /> },
-  { label: "Tracking", href: "/tracking", icon: <MapPin /> },
-  { label: "Billing", href: "/billing", icon: <Receipt /> },
-  { label: "Profile", href: "/profile", icon: <User /> },
-  { label: "Settings", href: "/settings", icon: <Settings /> },
+  { label: "Home", href: "/portal", icon: <Home size={18} /> },
+  {
+    label: "My Bookings",
+    href: "/bookings",
+    icon: <CalendarCheck size={18} />,
+  },
+  {
+    label: "Tracking",
+    href: "/tracking",
+    icon: <MapPin size={18} />,
+  },
+  {
+    label: "Billing",
+    href: "/billing",
+    icon: <Receipt size={18} />,
+  },
+  {
+    section: "Account",
+    label: "Profile",
+    href: "/profile",
+    icon: <User size={18} />,
+  },
+  {
+    section: "Account",
+    label: "Settings",
+    href: "/settings",
+    icon: <Settings size={18} />,
+  },
 ];
 
 const App = () => {
   const navigate = useNavigate();
   const location = useLocation();
-  const { user, isPending, logout, customer, customerQuery } = useAuth();
-
-  useEffect(() => {
-    if (isPending || customerQuery.isPending) return;
-    const isInProtectedRoutes = sidebarItems.find((item) =>
-      location.pathname.startsWith(item.href),
-    );
-    console.log({ isInProtectedRoutes, location });
-    if (!user) {
-      if (isInProtectedRoutes) return navigate("/login");
-      return;
-    }
-
-    if (user && location.pathname === "/") navigate("/portal");
-    else if (!customer && !!isInProtectedRoutes) navigate("/onboarding");
-  }, [user, location, customer]);
-
-  if (isPending) {
-    return (
-      <div className="flex items-center justify-center h-screen">
-        <Loader2 className="animate-spin text-primary" />
-      </div>
-    );
-  }
+  const { user } = useAuth();
 
   const displayName = user?.name?.en || user?.username || user?.email || "User";
   const userEmail = user?.email;
 
   return (
     <Routes>
-      <Route>
-        <Route index element={<EDRFreightLandingPage />} />
+      {/* Public routes */}
+      <Route index element={<LandingRoute />} />
+      <Route path="/logout" element={<LogoutHandler />} />
+      <Route
+        path="/booking/check-status/:orderId"
+        element={<CheckPaymentPage />}
+      />
+
+      {/* Auth pages — inaccessible once logged in */}
+      <Route element={<RedirectIfAuthed />}>
         <Route path="/login" element={<LoginPage />} />
         <Route path="/signup" element={<SignupPage />} />
-        <Route path="/otp" element={<VerificationOtpPage />} />
-        <Route path="/set-password" element={<SetPasswordPage />} />
-        <Route path="/onboarding" element={<OnboardingPage />} />
-        <Route
-          path="/booking/check-status/:orderId"
-          element={<CheckPaymentPage />}
-        />
       </Route>
-      <Route
-        element={
-          <DashboardLayout
-            title="EDR Freight"
-            sidebarItems={sidebarItems}
-            activeHref={location.pathname}
-            onNavigate={navigate}
-            enableThemeToggle
-            userName={displayName}
-            userEmail={userEmail}
-            onLogout={logout}
+
+      {/* Signup-flow pages; reached while a session already exists */}
+      <Route path="/otp" element={<VerificationOtpPage />} />
+      <Route path="/set-password" element={<SetPasswordPage />} />
+
+      <Route element={<RequireAuth />}>
+        <Route element={<RequireNoCompany />}>
+          <Route path="/onboarding" element={<OnboardingPage />} />
+        </Route>
+
+        <Route element={<RequireCompany />}>
+          <Route
+            element={
+              <AppLayout
+                title="EDR Freight"
+                sidebarItems={sidebarItems}
+                activeHref={location.pathname}
+                onNavigate={navigate}
+                enableThemeToggle
+                userName={displayName}
+                userEmail={userEmail}
+              >
+                <Outlet />
+              </AppLayout>
+            }
           >
-            <Outlet />
-          </DashboardLayout>
-        }
-      >
-        <Route path="/portal" element={<MyPortalPage />} />
-        <Route path="/bookings" element={<MyBookings />} />
-        <Route path="/bookings/new" element={<NewBookingPage />} />
-        <Route path="/bookings/:id/edit" element={<EditBookingPage />} />
-        <Route path="/bookings/:id" element={<BookingDetailPage />} />
-        <Route
-          path="/bookings/:id/contract"
-          element={<BookingContractPage />}
-        />
-        <Route path="/tracking" element={<TrackingPage />} />
-        <Route path="/billing" element={<BillingPage />} />
-        <Route path="/profile" element={<ProfilePage />} />
-        <Route path="/settings" element={<SettingsPage />} />
+            <Route path="/portal" element={<MyPortalPage />} />
+            <Route path="/bookings" element={<MyBookings />} />
+            <Route path="/bookings/new" element={<NewBookingPage />} />
+            <Route path="/bookings/:id/edit" element={<EditBookingPage />} />
+            <Route path="/bookings/:id" element={<BookingDetailPage />} />
+            <Route
+              path="/bookings/:id/contract"
+              element={<BookingContractPage />}
+            />
+            <Route path="/tracking" element={<TrackingPage />} />
+            <Route path="/billing" element={<BillingPage />} />
+            <Route path="/profile" element={<ProfilePage />} />
+            <Route path="/signature" element={<MySignaturePage />} />
+            <Route path="/settings" element={<SettingsPage />} />
+          </Route>
+        </Route>
       </Route>
-      {/* <Route path="*" element={<Navigate to="/" replace />} /> */}
+
+      <Route path="*" element={<Navigate to="/" replace />} />
     </Routes>
   );
 };
diff --git a/apps/edr-freight-web/portal/src/components/AppLayout.tsx b/apps/edr-freight-web/portal/src/components/AppLayout.tsx
new file mode 100644
index 000000000..8d00baeb6
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/components/AppLayout.tsx
@@ -0,0 +1,654 @@
+import {
+  AppShell,
+  Avatar,
+  Box,
+  Divider,
+  Group,
+  Menu,
+  NavLink,
+  ScrollArea,
+  Stack,
+  Text,
+  UnstyledButton,
+  useComputedColorScheme,
+  useMantineColorScheme,
+  useMantineTheme,
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import {
+  Bell,
+  ChevronDown,
+  FileSignature,
+  LogOut,
+  Menu as MenuIcon,
+  Moon,
+  Plus,
+  Search,
+  Settings,
+  Sun,
+  User,
+  X,
+} from "lucide-react";
+import { type CSSProperties, Fragment, type ReactNode } from "react";
+
+export interface SidebarItem {
+  label: string;
+  href: string;
+  icon?: ReactNode;
+  children?: SidebarItem[];
+  section?: string;
+}
+
+export interface AppLayoutProps {
+  title?: string;
+  sidebarItems: SidebarItem[];
+  activeHref?: string;
+  onNavigate?: (href: string) => void;
+  enableThemeToggle?: boolean;
+  userName?: string;
+  userEmail?: string;
+  children: ReactNode;
+}
+
+function getInitials(name: string): string {
+  return name
+    .split(" ")
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((n) => n[0].toUpperCase())
+    .join("");
+}
+
+function getActivePage(
+  items: SidebarItem[],
+  activePath: string,
+): { label: string } | null {
+  const path = activePath.toLowerCase();
+  for (const item of items) {
+    if (
+      path === item.href.toLowerCase() ||
+      path.startsWith(item.href.toLowerCase() + "/")
+    ) {
+      return { label: item.label };
+    }
+    if (item.children) {
+      const childMatch = item.children.find(
+        (c) =>
+          path === c.href.toLowerCase() ||
+          path.startsWith(c.href.toLowerCase() + "/"),
+      );
+      if (childMatch) return { label: childMatch.label };
+    }
+  }
+  return null;
+}
+
+const navClassNames = (active: boolean) => {
+  if (active) {
+    return {
+      root: `rounded-[10px] font-medium transition-all duration-150 bg-[#ECF6F1]! ring-1 ring-inset ring-[#0EA371]/15`,
+      label: `text-[#0A6F4D]! font-bold!`,
+      section: `text-[#0A6F4D]!`,
+    };
+  }
+  return {
+    root: `rounded-[10px] font-medium transition-all duration-150 hover:bg-[#F1F4F7]!`,
+    label: `text-edr-text! font-semibold! hover:text-[#0C1A2B]!`,
+    section: `text-edr-text! hover:text-[#0C1A2B]!`,
+  };
+};
+
+export function AppLayout({
+  title = "EDR Freight",
+  sidebarItems,
+  activeHref = "",
+  onNavigate,
+  enableThemeToggle = false,
+  userName = "User",
+  userEmail,
+  children,
+}: AppLayoutProps) {
+  const [mobileOpen, { toggle: toggleMobile }] = useDisclosure();
+  const theme = useMantineTheme();
+  const { setColorScheme } = useMantineColorScheme();
+  const computedColorScheme = useComputedColorScheme("light");
+
+  const borderColor = theme.colors["edr-border"][6];
+  const mutedColor = theme.colors["edr-muted"][6];
+  const textColor = theme.colors["edr-text"][6];
+  const accentColor = theme.colors["edr-accent"][6];
+  const bgColor = theme.colors["edr-bg"][6];
+  const primaryColor = theme.colors["edr-green"][5];
+  const primaryDarkColor = theme.colors["edr-green"][7];
+
+  const activePath = activeHref.toLowerCase();
+  const navigate = (href: string) => onNavigate?.(href);
+
+  const toggleTheme = () => {
+    setColorScheme(computedColorScheme === "dark" ? "light" : "dark");
+  };
+
+  const initials = getInitials(userName);
+  const activePage = getActivePage(sidebarItems, activePath);
+
+  const isItemActive = (item: SidebarItem) =>
+    activePath === item.href.toLowerCase() ||
+    activePath.startsWith(item.href.toLowerCase() + "/");
+
+  // Shared header "island" styles — every control is a consistent 36px chip.
+  const islandStyle: CSSProperties = {
+    width: 36,
+    height: 36,
+    borderRadius: 999,
+    border: `1px solid ${borderColor}`,
+    backgroundColor: "#fff",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    cursor: "pointer",
+  };
+
+  return (
+    <AppShell
+      layout="alt"
+      navbar={{
+        width: 260,
+        breakpoint: "sm",
+        collapsed: { mobile: !mobileOpen },
+      }}
+      header={{ height: 72 }}
+      padding={0}
+    >
+      {/* ── Header (frosted glass; compact floating islands, mirrors the pen) ── */}
+      <AppShell.Header
+        withBorder={false}
+        style={{
+          backdropFilter: "blur(14px)",
+          WebkitBackdropFilter: "blur(14px)",
+          border: "none",
+          boxShadow: "none",
+          background: "transparent",
+        }}
+      >
+        <Group
+          h="100%"
+          px={24}
+          pt={12}
+          pb={8}
+          justify="space-between"
+          wrap="nowrap"
+        >
+          {/* Left: sidebar toggle + page title */}
+          <Group gap={12} wrap="nowrap" align="center">
+            <UnstyledButton
+              onClick={toggleMobile}
+              hiddenFrom="sm"
+              aria-label="Toggle sidebar"
+            >
+              <MenuIcon size={18} color={textColor} strokeWidth={1.8} />
+            </UnstyledButton>
+            <Text
+              style={{
+                fontFamily: '"Inter", sans-serif',
+                fontSize: 16,
+                fontWeight: 700,
+                color: textColor,
+                lineHeight: 1,
+              }}
+            >
+              {activePage ? activePage.label : title}
+            </Text>
+          </Group>
+
+          {/* Right: search + bell + avatar */}
+          <Group gap={10} wrap="nowrap" align="center">
+            {/* Search pill */}
+            <Group
+              gap={8}
+              align="center"
+              visibleFrom="sm"
+              style={{
+                width: 260,
+                height: 36,
+                borderRadius: 999,
+                border: `1px solid ${borderColor}`,
+                backgroundColor: "#fff",
+                padding: "0 14px",
+                cursor: "text",
+              }}
+            >
+              <Search size={15} color={mutedColor} strokeWidth={1.8} />
+              <Text size="sm" style={{ color: mutedColor, userSelect: "none" }}>
+                Search shipments, bookings…
+              </Text>
+            </Group>
+
+            {/* Bell */}
+            <Box style={{ position: "relative" }}>
+              <UnstyledButton style={islandStyle} aria-label="Notifications">
+                <Bell size={17} color={textColor} strokeWidth={1.8} />
+              </UnstyledButton>
+              <Box
+                style={{
+                  position: "absolute",
+                  top: 7,
+                  right: 7,
+                  width: 7,
+                  height: 7,
+                  borderRadius: "50%",
+                  backgroundColor: accentColor,
+                  border: "1.5px solid #fff",
+                  pointerEvents: "none",
+                }}
+              />
+            </Box>
+
+            {enableThemeToggle && (
+              <UnstyledButton
+                onClick={toggleTheme}
+                style={islandStyle}
+                aria-label="Toggle theme"
+              >
+                {computedColorScheme === "dark" ? (
+                  <Sun size={17} color={textColor} strokeWidth={1.8} />
+                ) : (
+                  <Moon size={17} color={textColor} strokeWidth={1.8} />
+                )}
+              </UnstyledButton>
+            )}
+
+            {/* Avatar pill */}
+            <Menu
+              width={220}
+              position="bottom-end"
+              withinPortal
+              shadow="md"
+              offset={8}
+              radius="md"
+            >
+              <Menu.Target>
+                <UnstyledButton
+                  style={{
+                    height: 36,
+                    borderRadius: 999,
+                    border: `1px solid ${borderColor}`,
+                    backgroundColor: "#fff",
+                    padding: "0 10px 0 4px",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 7,
+                    cursor: "pointer",
+                  }}
+                >
+                  <Avatar radius="xl" size={28} color="edr-green.5">
+                    <Text fw={700} fz={12} c="white">
+                      {initials}
+                    </Text>
+                  </Avatar>
+                  <ChevronDown size={15} color={mutedColor} strokeWidth={1.8} />
+                </UnstyledButton>
+              </Menu.Target>
+
+              <Menu.Dropdown>
+                <Box px="sm" py="xs">
+                  <Text
+                    size="sm"
+                    fw={600}
+                    truncate
+                    style={{ color: textColor }}
+                  >
+                    {userName}
+                  </Text>
+                  {userEmail && (
+                    <Text size="xs" c="dimmed" truncate>
+                      {userEmail}
+                    </Text>
+                  )}
+                </Box>
+                <Divider />
+                <Menu.Item
+                  leftSection={<User size={15} />}
+                  onClick={() => navigate("/profile")}
+                >
+                  Profile
+                </Menu.Item>
+                <Menu.Item
+                  leftSection={<FileSignature size={15} />}
+                  onClick={() => navigate("/signature")}
+                >
+                  My signature
+                </Menu.Item>
+                <Menu.Item
+                  leftSection={<Settings size={15} />}
+                  onClick={() => navigate("/settings")}
+                >
+                  Settings
+                </Menu.Item>
+                <Divider />
+                <Menu.Item
+                  leftSection={<Plus size={15} />}
+                  color="edr-green"
+                  onClick={() => navigate("/bookings/new")}
+                >
+                  New Booking
+                </Menu.Item>
+                <Divider />
+                <Menu.Item
+                  leftSection={<LogOut size={15} />}
+                  color="red"
+                  onClick={() => navigate("/logout")}
+                >
+                  Logout
+                </Menu.Item>
+              </Menu.Dropdown>
+            </Menu>
+          </Group>
+        </Group>
+      </AppShell.Header>
+
+      {/* ── Sidebar ── */}
+      <AppShell.Navbar
+        withBorder={false}
+        style={{
+          backgroundColor: "#ffffff",
+          borderRight: `1px solid ${borderColor}`,
+          display: "flex",
+          flexDirection: "column",
+        }}
+      >
+        {/* Brand */}
+        <Box
+          style={{
+            height: 60,
+            flexShrink: 0,
+            display: "flex",
+            alignItems: "center",
+            padding: "0 18px",
+            justifyContent: "space-between",
+          }}
+        >
+          <Group gap={11} wrap="nowrap">
+            <img
+              src="/assets/edr-logo.png"
+              alt="EDR"
+              style={{
+                width: 40,
+                height: 40,
+                objectFit: "contain",
+                flexShrink: 0,
+              }}
+            />
+            <Box>
+              <Text
+                style={{
+                  fontFamily: '"Inter", sans-serif',
+                  fontWeight: 800,
+                  fontSize: 19,
+                  letterSpacing: "0.03em",
+                  color: primaryColor,
+                  lineHeight: 1.15,
+                }}
+              >
+                EDR FREIGHT
+              </Text>
+              <Text
+                style={{
+                  fontSize: 10.5,
+                  fontWeight: 500,
+                  color: mutedColor,
+                  lineHeight: 1.2,
+                }}
+              >
+                Ethio–Djibouti Railway
+              </Text>
+            </Box>
+          </Group>
+          <UnstyledButton
+            onClick={toggleMobile}
+            hiddenFrom="sm"
+            aria-label="Close sidebar"
+          >
+            <X size={18} color={mutedColor} strokeWidth={1.8} />
+          </UnstyledButton>
+        </Box>
+
+        {/* Nav */}
+        <ScrollArea flex={1} type="never" p="sm">
+          <Stack gap={3}>
+            {sidebarItems.map((item, i) => {
+              const active = isItemActive(item);
+              const hasChildren = !!item.children?.length;
+              const childActive =
+                item.children?.some((c) =>
+                  activePath.startsWith(c.href.toLowerCase()),
+                ) ?? false;
+
+              const prevSection = sidebarItems[i - 1]?.section;
+              const sectionLabel =
+                item.section && item.section !== prevSection ? (
+                  <Text
+                    key={`section-${item.section}`}
+                    size="xs"
+                    tt="uppercase"
+                    px="sm"
+                    mt={i === 0 ? 4 : "md"}
+                    mb={4}
+                    style={{
+                      fontWeight: 600,
+                      color: textColor,
+                      fontSize: 12,
+                    }}
+                  >
+                    {item.section}
+                  </Text>
+                ) : null;
+
+              if (hasChildren) {
+                return (
+                  <Fragment key={item.href}>
+                    {sectionLabel}
+                    <NavLink
+                      label={item.label}
+                      leftSection={item.icon}
+                      active={active || childActive}
+                      defaultOpened={childActive}
+                      classNames={navClassNames(active || childActive)}
+                    >
+                      {item.children!.map((child) => {
+                        const cActive = activePath === child.href.toLowerCase();
+                        return (
+                          <NavLink
+                            key={child.href}
+                            label={child.label}
+                            active={cActive}
+                            onClick={() => navigate(child.href)}
+                            classNames={navClassNames(cActive)}
+                          />
+                        );
+                      })}
+                    </NavLink>
+                  </Fragment>
+                );
+              }
+
+              return (
+                <Fragment key={item.href}>
+                  {sectionLabel}
+                  <NavLink
+                    label={item.label}
+                    leftSection={item.icon}
+                    active={active}
+                    onClick={() => navigate(item.href)}
+                    classNames={navClassNames(active)}
+                  />
+                </Fragment>
+              );
+            })}
+          </Stack>
+        </ScrollArea>
+
+        {/* Promo card */}
+        <Box style={{ padding: "0 12px 12px" }}>
+          <Box
+            style={{
+              borderRadius: 16,
+              overflow: "hidden",
+              position: "relative",
+              height: 260,
+              marginBottom: 10,
+            }}
+          >
+            {/* Train image fills the full card */}
+            <img
+              src="/assets/train-edr.jpg"
+              alt=""
+              style={{
+                position: "absolute",
+                bottom: "-16px",
+                left: 0,
+                right: "-70px",
+                width: "120%",
+                objectFit: "cover",
+              }}
+            />
+
+            {/* Diagonal green overlay: lower-left → upper-right cut */}
+            <Box
+              style={{
+                position: "absolute",
+                inset: 0,
+                top: "-75%",
+                background:
+                  "linear-gradient(165deg, #006149 40%, #0DC9A4 70%,  #0DC9A402 80%)",
+                clipPath: "polygon(0 0, 100% 0, 100% 58%, 0 72%)",
+              }}
+            />
+
+            {/* Text sits on top of the green overlay */}
+            <Box
+              style={{
+                position: "relative",
+                zIndex: 1,
+                padding: "16px 16px 0",
+              }}
+              className="max-w-[180px]"
+            >
+              <Text
+                style={{
+                  fontSize: 15,
+                  fontWeight: 800,
+                  color: "#fff",
+                  lineHeight: 1.3,
+                  marginBottom: 4,
+                }}
+              >
+                Moving Africa Forward
+              </Text>
+              <Text
+                style={{
+                  fontSize: 11,
+                  color: "rgba(255,255,255,0.7)",
+                  lineHeight: 1.5,
+                }}
+              >
+                Reliable. Efficient. Connected.
+              </Text>
+            </Box>
+
+            {/* Learn More — visible on the image area */}
+            <Box
+              style={{
+                position: "absolute",
+                bottom: 10,
+                right: 10,
+                zIndex: 2,
+                display: "inline-flex",
+                alignItems: "center",
+                gap: 5,
+                backgroundColor: "#fff",
+                borderRadius: 8,
+                padding: "6px 12px",
+                cursor: "pointer",
+              }}
+            >
+              <Text
+                style={{
+                  fontSize: 12,
+                  fontWeight: 600,
+                  color: primaryDarkColor,
+                }}
+              >
+                Learn More
+              </Text>
+              <span style={{ fontSize: 12, color: primaryDarkColor }}>→</span>
+            </Box>
+          </Box>
+
+          {/* Profile */}
+          <Box
+            style={{
+              borderRadius: 12,
+              border: `1px solid ${borderColor}`,
+              padding: "10px",
+              display: "flex",
+              alignItems: "center",
+              gap: 10,
+              cursor: "pointer",
+            }}
+          >
+            <Avatar
+              radius="xl"
+              size={38}
+              color="edr-green.5"
+              style={{ flexShrink: 0 }}
+            >
+              <Text fw={600} fz={13} c="white">
+                {initials}
+              </Text>
+            </Avatar>
+            <Box style={{ minWidth: 0, flex: 1 }}>
+              <Text
+                size="sm"
+                fw={600}
+                truncate
+                style={{ color: textColor, lineHeight: 1.3 }}
+              >
+                {userName}
+              </Text>
+              {userEmail && (
+                <Text
+                  size="xs"
+                  truncate
+                  style={{ color: mutedColor, lineHeight: 1.3 }}
+                >
+                  {userEmail}
+                </Text>
+              )}
+            </Box>
+            <ChevronDown
+              size={16}
+              color={mutedColor}
+              style={{ flexShrink: 0 }}
+            />
+          </Box>
+        </Box>
+      </AppShell.Navbar>
+
+      {/* ── Main ── */}
+      <AppShell.Main
+        style={{
+          backgroundColor: bgColor,
+          backgroundImage:
+            "radial-gradient(58% 42% at 100% 0%, rgba(14,163,113,0.18) 0%, rgba(14,163,113,0.0.8) 38%, rgba(14,163,113,0.04) 72%)",
+          backgroundRepeat: "no-repeat",
+          backgroundAttachment: "fixed",
+        }}
+      >
+        {children}
+      </AppShell.Main>
+    </AppShell>
+  );
+}
+
+export default AppLayout;
diff --git a/apps/edr-freight-web/portal/src/components/Breadcrumbs.tsx b/apps/edr-freight-web/portal/src/components/Breadcrumbs.tsx
index 2d756b096..16c9b0f7d 100644
--- a/apps/edr-freight-web/portal/src/components/Breadcrumbs.tsx
+++ b/apps/edr-freight-web/portal/src/components/Breadcrumbs.tsx
@@ -1,6 +1,6 @@
 import { Fragment } from "react";
 import { Link } from "react-router-dom";
-import { ChevronRight, Home } from "lucide-react";
+import { ChevronRight } from "lucide-react";
 
 export interface BreadcrumbItem {
   label: string;
@@ -34,10 +34,7 @@ export default function Breadcrumbs({ items }: BreadcrumbsProps) {
             <ChevronRight className="mx-2 h-4 w-4 text-slate-300" />
 
             {item.href && !isLast ? (
-              <Link
-                to={item.href}
-                className="transition hover:text-[#10B981]"
-              >
+              <Link to={item.href} className="transition hover:text-[#10B981]">
                 {item.label}
               </Link>
             ) : (
diff --git a/apps/edr-freight-web/portal/src/components/auth/AuthLayout.tsx b/apps/edr-freight-web/portal/src/components/auth/AuthLayout.tsx
index 9d023a3ec..a86a4b522 100644
--- a/apps/edr-freight-web/portal/src/components/auth/AuthLayout.tsx
+++ b/apps/edr-freight-web/portal/src/components/auth/AuthLayout.tsx
@@ -1,6 +1,7 @@
-import type { ReactNode } from "react";
-import { ShieldCheck, Train } from "lucide-react";
 import { cn } from "@/lib/utils";
+import { Box, Group, Stack, Text, ThemeIcon, Title } from "@mantine/core";
+import { ShieldCheck, Train } from "lucide-react";
+import type { ReactNode } from "react";
 
 export interface AuthLayoutProps {
   children: ReactNode;
@@ -27,67 +28,102 @@ export default function AuthLayout({
   left,
 }: AuthLayoutProps) {
   return (
-    <div className="min-h-screen bg-background text-foreground">
-      <div className={cn("grid min-h-screen lg:grid-cols-2", parentClassName)}>
-        <div className="relative hidden overflow-hidden bg-primary p-8 px-12 text-primary-foreground lg:flex lg:flex-col lg:justify-between">
-          <div className="absolute inset-0 bg-[radial-gradient(circle_at_top_right,rgba(255,255,255,0.14),transparent_35%)]" />
-          <div className="relative z-10">
-            <div className="flex items-center gap-3">
-              <div className="flex size-14 items-center justify-center rounded-3xl bg-white/10 backdrop-blur">
-                <Train className="size-7" />
-              </div>
-              <div>
-                <h1 className="text-xl font-bold">EDR Freight</h1>
-                <p className="mt-1 text-sm opacity-80">
-                  Railway Logistics Platform
-                </p>
-              </div>
-            </div>
-            <div className="mt-16 max-w-lg">
-              <div className="inline-flex rounded-full bg-white/10 px-4 py-2 text-sm font-semibold backdrop-blur">
-                {left.badge}
-              </div>
-              <h2 className="mt-6 text-4xl font-bold leading-tight tracking-tight">
-                {left.title}
-              </h2>
-              <p className="mt-6 text-lg leading-8 opacity-85">
-                {left.description}
-              </p>
-            </div>
-            <div className="mt-14 grid gap-5">
+    <Box className="min-h-screen bg-white text-[var(--mantine-color-gray-9)]">
+      <Box className={cn("grid min-h-screen lg:grid-cols-2", parentClassName)}>
+        {/* ── Left: branded panel ─────────────────────────────────────── */}
+        <Box className="relative hidden overflow-hidden bg-gradient-to-br from-emerald-900 via-emerald-700 to-emerald-600 px-12 py-10 text-white lg:flex lg:flex-col lg:justify-between">
+          {/* rail-line motif */}
+          <Box
+            aria-hidden
+            className="pointer-events-none absolute inset-y-0 right-0 w-[360px] opacity-10 bg-[repeating-linear-gradient(90deg,#fff_0,#fff_2px,transparent_2px,transparent_18px)] [mask-image:linear-gradient(90deg,transparent_0%,#000_90%)] [-webkit-mask-image:linear-gradient(90deg,transparent_0%,#000_90%)]"
+          />
+          {/* corner glow */}
+          <Box
+            aria-hidden
+            className="pointer-events-none absolute -right-24 -top-24 h-[320px] w-[320px] rounded-full blur-2xl bg-[radial-gradient(circle,rgba(255,255,255,0.16),transparent_70%)]"
+          />
+
+          {/* Brand */}
+          <Group gap="sm" className="relative z-10">
+            <Box className="flex size-14 items-center justify-center rounded-3xl border border-white/20 bg-white/10 backdrop-blur">
+              <Train className="size-7" />
+            </Box>
+            <Box>
+              <Text fw={700} fz={20} className="leading-tight">
+                EDR Freight
+              </Text>
+              <Text fz="sm" className="text-white/70">
+                Railway Logistics Platform
+              </Text>
+            </Box>
+          </Group>
+
+          {/* Headline + features */}
+          <Box className="relative z-10 my-10 max-w-lg">
+            <Box className="inline-flex rounded-full border border-white/15 bg-white/10 px-4 py-2 text-sm font-semibold backdrop-blur">
+              {left.badge}
+            </Box>
+            <Title
+              order={1}
+              mt="lg"
+              c="white"
+              className="text-4xl! font-bold! leading-tight tracking-tight"
+            >
+              {left.title}
+            </Title>
+            <Text mt="lg" fz="lg" className="leading-8 text-white/85">
+              {left.description}
+            </Text>
+
+            <Stack gap="md" mt={40}>
               {left.features.map((item) => (
-                <div key={item} className="flex items-center gap-3">
-                  <div className="flex size-10 items-center justify-center rounded-2xl bg-white/10">
+                <Group key={item} gap="sm" wrap="nowrap">
+                  <Box className="flex size-9 shrink-0 items-center justify-center rounded-xl bg-white/10">
                     <ShieldCheck className="size-5" />
-                  </div>
-                  <span className="font-medium">{item}</span>
-                </div>
+                  </Box>
+                  <Text fw={500} className="text-white/95">
+                    {item}
+                  </Text>
+                </Group>
               ))}
-            </div>
-          </div>
-        </div>
-        <div
+            </Stack>
+          </Box>
+
+          {/* spacer keeps brand pinned top / content centered */}
+          <Box className="relative z-10" />
+        </Box>
+
+        {/* ── Right: form area ────────────────────────────────────────── */}
+        <Box
           className={cn(
-            "flex items-center justify-center p-6 md:p-10",
+            "flex items-center justify-center bg-[var(--mantine-color-gray-0)] p-6 md:p-10",
             contentClassName,
           )}
         >
-          <div className="w-full max-w-lg">
-            <div className="mb-8 flex items-center gap-3 lg:hidden">
-              <div className="flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground">
+          <Box className="w-full max-w-xl">
+            {/* Mobile brand */}
+            <Group gap="sm" mb="xl" className="lg:hidden!">
+              <ThemeIcon
+                size={48}
+                radius="lg"
+                variant="gradient"
+                gradient={{ from: "edr-green.5", to: "edr-green.7", deg: 135 }}
+              >
                 <Train className="size-6" />
-              </div>
-              <div>
-                <h1 className="text-2xl font-bold">EDR Freight</h1>
-                <p className="text-sm text-muted-foreground">
+              </ThemeIcon>
+              <Box>
+                <Text fw={700} fz={22}>
+                  EDR Freight
+                </Text>
+                <Text fz="sm" c="dimmed">
                   Railway Logistics Platform
-                </p>
-              </div>
-            </div>
-            <div>{children}</div>
-          </div>
-        </div>
-      </div>
-    </div>
+                </Text>
+              </Box>
+            </Group>
+            <Box>{children}</Box>
+          </Box>
+        </Box>
+      </Box>
+    </Box>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/components/auth/PhoneInput.tsx b/apps/edr-freight-web/portal/src/components/auth/PhoneInput.tsx
index e490a28ef..556f8e309 100644
--- a/apps/edr-freight-web/portal/src/components/auth/PhoneInput.tsx
+++ b/apps/edr-freight-web/portal/src/components/auth/PhoneInput.tsx
@@ -1,9 +1,11 @@
-import { Field, FieldLabel, FieldError, Input } from "@edr/ui-common";
+import { Group, Stack, Text, TextInput, type TextInputProps } from "@mantine/core";
+
+type InputPassthrough = Partial<TextInputProps>;
 
 interface PhoneInputProps {
   disabled?: boolean;
-  countryCode?: React.ComponentProps<typeof Input>;
-  phone?: React.ComponentProps<typeof Input>;
+  countryCode?: InputPassthrough;
+  phone?: InputPassthrough;
   countryCodeError?: { message?: string };
   phoneError?: { message?: string };
   label?: string;
@@ -17,27 +19,29 @@ export default function PhoneInput({
   phoneError,
   label = "Phone Number",
 }: PhoneInputProps) {
+  const errorMsg = countryCodeError?.message ?? phoneError?.message;
   return (
-    <Field data-invalid={Boolean(countryCodeError || phoneError)}>
-      <FieldLabel>{label}</FieldLabel>
-      <div className="flex gap-2">
-        <Input
-          type="text"
+    <Stack gap={6}>
+      <Text size="sm" fw={500} c="edr-text">{label}</Text>
+      <Group gap={8} wrap="nowrap" align="flex-start">
+        <TextInput
+          w={80}
           disabled={disabled}
-          className="w-20"
-          aria-invalid={Boolean(countryCodeError)}
+          error={Boolean(countryCodeError)}
+          styles={{ input: { textAlign: "center" } }}
           {...countryCodeProps}
         />
-        <Input
-          type="tel"
+        <TextInput
+          style={{ flex: 1 }}
           placeholder="912345678"
           disabled={disabled}
-          className="flex-1"
-          aria-invalid={Boolean(phoneError)}
+          error={Boolean(phoneError)}
           {...phoneProps}
         />
-      </div>
-      <FieldError errors={[countryCodeError, phoneError]} />
-    </Field>
+      </Group>
+      {errorMsg && (
+        <Text size="xs" c="red.6">{errorMsg}</Text>
+      )}
+    </Stack>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/components/bookings/BookingForm.tsx b/apps/edr-freight-web/portal/src/components/bookings/BookingForm.tsx
deleted file mode 100644
index 44736a486..000000000
--- a/apps/edr-freight-web/portal/src/components/bookings/BookingForm.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { FormEvent, useState } from "react";
-import { Button, FormField } from "@edr/ui-common";
-
-import type { CreateBookingPayload } from "../../services/bookings.service";
-
-export interface BookingFormProps {
-  onSubmit: (payload: CreateBookingPayload) => void;
-  isSubmitting?: boolean;
-}
-
-const BookingForm = ({ onSubmit, isSubmitting }: BookingFormProps) => {
-  const [reference, setReference] = useState("");
-  const [customerId, setCustomerId] = useState("");
-  const [scheduledDate, setScheduledDate] = useState("");
-  const [totalAmount, setTotalAmount] = useState("0");
-
-  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    onSubmit({
-      reference,
-      customerId,
-      scheduledDate,
-      totalAmount: Number(totalAmount),
-    });
-  };
-
-  return (
-    <form onSubmit={handleSubmit} className="flex flex-col gap-3">
-      <FormField
-        label="Reference"
-        value={reference}
-        onChange={(e) => setReference(e.target.value)}
-        required
-      />
-      <FormField
-        label="Customer ID"
-        value={customerId}
-        onChange={(e) => setCustomerId(e.target.value)}
-        required
-      />
-      <FormField
-        label="Scheduled date"
-        type="date"
-        value={scheduledDate}
-        onChange={(e) => setScheduledDate(e.target.value)}
-        required
-      />
-      <FormField
-        label="Total amount"
-        type="number"
-        value={totalAmount}
-        onChange={(e) => setTotalAmount(e.target.value)}
-        min="0"
-      />
-      <Button type="submit" isLoading={isSubmitting}>
-        Create booking
-      </Button>
-    </form>
-  );
-};
-
-export default BookingForm;
diff --git a/apps/edr-freight-web/portal/src/components/bookings/BookingTable.tsx b/apps/edr-freight-web/portal/src/components/bookings/BookingTable.tsx
deleted file mode 100644
index ccac88c57..000000000
--- a/apps/edr-freight-web/portal/src/components/bookings/BookingTable.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { Freight } from "@edr/types";
-import { Table, type TableColumn } from "@edr/ui-common";
-
-export interface BookingTableProps {
-  bookings: Freight.IBooking[];
-}
-
-const columns: TableColumn<Freight.IBooking>[] = [
-  { key: "reference", header: "Reference" },
-  { key: "customerId", header: "Customer" },
-  { key: "status", header: "Status" },
-  {
-    key: "scheduledDate",
-    header: "Scheduled",
-    render: (row) => new Date(row.scheduledDate).toLocaleDateString(),
-  },
-  {
-    key: "totalAmount",
-    header: "Total",
-    render: (row) => row.totalAmount.toFixed(2),
-  },
-];
-
-const BookingTable = ({ bookings }: BookingTableProps) => (
-  <Table
-    columns={columns}
-    data={bookings}
-    rowKey={(row) => row.id}
-    emptyMessage="No bookings yet"
-  />
-);
-
-export default BookingTable;
diff --git a/apps/edr-freight-web/portal/src/components/consignments/ConsignmentForm.tsx b/apps/edr-freight-web/portal/src/components/consignments/ConsignmentForm.tsx
deleted file mode 100644
index 1738cb1d0..000000000
--- a/apps/edr-freight-web/portal/src/components/consignments/ConsignmentForm.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { FormEvent, useState } from "react";
-import { Button, FormField } from "@edr/ui-common";
-
-export interface ConsignmentFormProps {
-  onSubmit: (payload: {
-    bookingId: string;
-    trackingNumber: string;
-    cargoType: string;
-    weightKg: number;
-    originStation: string;
-    destinationStation: string;
-  }) => void;
-  isSubmitting?: boolean;
-}
-
-const ConsignmentForm = ({ onSubmit, isSubmitting }: ConsignmentFormProps) => {
-  const [bookingId, setBookingId] = useState("");
-  const [trackingNumber, setTrackingNumber] = useState("");
-  const [cargoType, setCargoType] = useState("GENERAL");
-  const [weightKg, setWeightKg] = useState("0");
-  const [originStation, setOriginStation] = useState("");
-  const [destinationStation, setDestinationStation] = useState("");
-
-  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    onSubmit({
-      bookingId,
-      trackingNumber,
-      cargoType,
-      weightKg: Number(weightKg),
-      originStation,
-      destinationStation,
-    });
-  };
-
-  return (
-    <form onSubmit={handleSubmit} className="flex flex-col gap-3">
-      <FormField
-        label="Booking ID"
-        value={bookingId}
-        onChange={(e) => setBookingId(e.target.value)}
-        required
-      />
-      <FormField
-        label="Tracking #"
-        value={trackingNumber}
-        onChange={(e) => setTrackingNumber(e.target.value)}
-        required
-      />
-      <FormField
-        label="Cargo type"
-        value={cargoType}
-        onChange={(e) => setCargoType(e.target.value)}
-      />
-      <FormField
-        label="Weight (kg)"
-        type="number"
-        value={weightKg}
-        onChange={(e) => setWeightKg(e.target.value)}
-        min="0"
-      />
-      <FormField
-        label="Origin station"
-        value={originStation}
-        onChange={(e) => setOriginStation(e.target.value)}
-        required
-      />
-      <FormField
-        label="Destination station"
-        value={destinationStation}
-        onChange={(e) => setDestinationStation(e.target.value)}
-        required
-      />
-      <Button type="submit" isLoading={isSubmitting}>
-        Create consignment
-      </Button>
-    </form>
-  );
-};
-
-export default ConsignmentForm;
diff --git a/apps/edr-freight-web/portal/src/components/consignments/ConsignmentTable.tsx b/apps/edr-freight-web/portal/src/components/consignments/ConsignmentTable.tsx
deleted file mode 100644
index cc04524bf..000000000
--- a/apps/edr-freight-web/portal/src/components/consignments/ConsignmentTable.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { Freight } from "@edr/types";
-import { Table, type TableColumn } from "@edr/ui-common";
-
-export interface ConsignmentTableProps {
-  consignments: Freight.IConsignment[];
-}
-
-const columns: TableColumn<Freight.IConsignment>[] = [
-  { key: "trackingNumber", header: "Tracking #" },
-  { key: "cargoType", header: "Cargo" },
-  { key: "status", header: "Status" },
-  { key: "originStation", header: "Origin" },
-  { key: "destinationStation", header: "Destination" },
-  {
-    key: "weightKg",
-    header: "Weight (kg)",
-    render: (row) => row.weightKg.toFixed(2),
-  },
-];
-
-const ConsignmentTable = ({ consignments }: ConsignmentTableProps) => (
-  <Table
-    columns={columns}
-    data={consignments}
-    rowKey={(row) => row.id}
-    emptyMessage="No consignments yet"
-  />
-);
-
-export default ConsignmentTable;
diff --git a/apps/edr-freight-web/portal/src/components/dynamic-select/DynamicSelect.tsx b/apps/edr-freight-web/portal/src/components/dynamic-select/DynamicSelect.tsx
index 2003457f0..fa10a795e 100644
--- a/apps/edr-freight-web/portal/src/components/dynamic-select/DynamicSelect.tsx
+++ b/apps/edr-freight-web/portal/src/components/dynamic-select/DynamicSelect.tsx
@@ -2,7 +2,6 @@ import { useQuery } from "@tanstack/react-query";
 import { cn } from "@/lib/utils";
 import { api } from "@/services/api";
 import { Loader2, AlertCircle } from "lucide-react";
-import * as React from "react";
 
 import {
   Select,
@@ -64,11 +63,7 @@ export function DynamicSelect({
   const options = [...data.children].sort((a, b) => a.order - b.order);
 
   return (
-    <Select
-      value={value}
-      onValueChange={onValueChange}
-      disabled={disabled}
-    >
+    <Select value={value} onValueChange={onValueChange} disabled={disabled}>
       <SelectTrigger className={cn("w-full", className)}>
         <SelectValue placeholder={placeholder ?? `Select ${data.label}`} />
       </SelectTrigger>
diff --git a/apps/edr-freight-web/portal/src/components/profile/MySignatureCard.tsx b/apps/edr-freight-web/portal/src/components/profile/MySignatureCard.tsx
new file mode 100644
index 000000000..8eb0b8e4e
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/components/profile/MySignatureCard.tsx
@@ -0,0 +1,141 @@
+import { useState } from "react";
+import { FileSignature, Loader2 } from "lucide-react";
+
+import { ContractSignaturePad } from "@/components/bookings/ContractSignaturePad";
+import useAuth from "@/hooks/useAuth";
+import {
+  useMySignature,
+  useSaveSignature,
+} from "@/hooks/useSavedSignature";
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  Input,
+  Label,
+} from "@edr/ui-common";
+
+/**
+ * Lets the signed-in customer view and update the reusable signature stored on
+ * their profile. The same signature is offered for approval when signing a
+ * booking contract.
+ */
+export function MySignatureCard() {
+  const { user } = useAuth();
+  const { data: saved, isPending } = useMySignature();
+  const saveMutation = useSaveSignature();
+
+  const [open, setOpen] = useState(false);
+  const [signerName, setSignerName] = useState("");
+  const [signatureData, setSignatureData] = useState<string | null>(null);
+
+  const defaultName = user?.name?.en || user?.username || user?.email || "";
+
+  const openDialog = () => {
+    setSignerName(saved?.signerDisplayName ?? defaultName);
+    setSignatureData(null);
+    setOpen(true);
+  };
+
+  const save = () => {
+    if (!signatureData || !signerName.trim()) return;
+    saveMutation.mutate(
+      {
+        signerDisplayName: signerName.trim(),
+        signatureImageBase64: signatureData,
+      },
+      { onSuccess: () => setOpen(false) },
+    );
+  };
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2">
+          <FileSignature className="size-5 text-primary" />
+          My signature
+        </CardTitle>
+        <CardDescription>
+          Reused to approve and sign booking contracts.
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="flex flex-col gap-4">
+        {isPending ? (
+          <div className="flex h-36 items-center justify-center">
+            <Loader2 className="size-6 animate-spin text-primary" />
+          </div>
+        ) : saved?.signatureImageUrl ? (
+          <div className="flex flex-col gap-2">
+            <div className="overflow-hidden rounded-lg border-2 border-dashed border-border bg-white">
+              <img
+                src={saved.signatureImageUrl}
+                alt="My saved signature"
+                className="mx-auto h-36 w-full object-contain"
+              />
+            </div>
+            <p className="text-xs text-muted-foreground">
+              Saved as {saved.signerDisplayName}
+            </p>
+          </div>
+        ) : (
+          <p className="text-sm text-muted-foreground">
+            You have not saved a signature yet.
+          </p>
+        )}
+        <Button variant="outline" size="sm" onClick={openDialog}>
+          {saved?.signatureImageUrl ? "Update signature" : "Add signature"}
+        </Button>
+      </CardContent>
+
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent className="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>Save your signature</DialogTitle>
+            <DialogDescription>
+              Draw your signature below. It will be stored on your profile for
+              future contracts.
+            </DialogDescription>
+          </DialogHeader>
+          <div className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="profileSignerName">Full name</Label>
+              <Input
+                id="profileSignerName"
+                value={signerName}
+                onChange={(e) => setSignerName(e.target.value)}
+                placeholder="As shown on contracts"
+              />
+            </div>
+            <ContractSignaturePad onChange={setSignatureData} />
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setOpen(false)}>
+              Cancel
+            </Button>
+            <Button
+              disabled={
+                saveMutation.isPending || !signatureData || !signerName.trim()
+              }
+              onClick={save}
+            >
+              {saveMutation.isPending ? (
+                <Loader2 className="size-4 animate-spin" />
+              ) : (
+                "Save signature"
+              )}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </Card>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/components/tracking/TrackingTimeline.tsx b/apps/edr-freight-web/portal/src/components/tracking/TrackingTimeline.tsx
index c167e1371..ac02239ad 100644
--- a/apps/edr-freight-web/portal/src/components/tracking/TrackingTimeline.tsx
+++ b/apps/edr-freight-web/portal/src/components/tracking/TrackingTimeline.tsx
@@ -17,7 +17,7 @@ const TrackingTimeline = ({ events }: TrackingTimelineProps) => {
           <div className="flex flex-col gap-1">
             <div className="flex items-center gap-2 text-sm font-medium text-gray-900">
               <span>{event.location}</span>
-              <Badge tone="info">{event.status}</Badge>
+              <Badge>{event.status}</Badge>
             </div>
             <time className="text-xs text-gray-500">
               {new Date(event.occurredAt).toLocaleString()}
diff --git a/apps/edr-freight-web/portal/src/components/ui/index.ts b/apps/edr-freight-web/portal/src/components/ui/index.ts
index 21dcac6e4..2dd239160 100644
--- a/apps/edr-freight-web/portal/src/components/ui/index.ts
+++ b/apps/edr-freight-web/portal/src/components/ui/index.ts
@@ -1,8 +1,7 @@
-export * from './table';
-export * from './badge';
-export * from './button';
-export * from './dialog';
-export * from './input';
-export * from './label';
-export * from './textarea';
-export * from './Breadcrumbs';
+export * from "./table";
+export * from "./badge";
+export * from "./button";
+export * from "./dialog";
+export * from "./input";
+export * from "./label";
+export * from "./textarea";
diff --git a/apps/edr-freight-web/portal/src/constants/URLS.ts b/apps/edr-freight-web/portal/src/constants/URLS.ts
index 578a1d97d..a2a72655e 100644
--- a/apps/edr-freight-web/portal/src/constants/URLS.ts
+++ b/apps/edr-freight-web/portal/src/constants/URLS.ts
@@ -83,6 +83,7 @@ export const URL_CONSTANTS = {
     GET_INFO: "/api/companies/getInfo",
     CREATE: "/api/companies/create",
     PROFILE: "/api/companies/profile",
+    DASHBOARD: "/api/companies/dashboard",
     DOCUMENTS: (id: string) => `/api/companies/${id}/documents`,
   },
 
@@ -96,4 +97,14 @@ export const URL_CONSTANTS = {
     CANCEL: (id: string | number) => `/api/bookings/${id}/cancel`,
     CONFIRM: (id: string | number) => `/api/bookings/${id}/confirm`,
   },
+
+  TRAIN_SCHEDULING: {
+    BOOKABLE_SCHEDULES: "/api/train-scheduling/bookable-schedules",
+  },
+
+  PAYMENTS: {
+    INITIATE: "/api/payments/initiate",
+    INTENT: (bookingId: string) => `/api/payments/intents/${bookingId}`,
+    CHECKOUT: "/api/payments/checkout",
+  },
 };
diff --git a/apps/edr-freight-web/portal/src/constants/apiConfig.ts b/apps/edr-freight-web/portal/src/constants/apiConfig.ts
new file mode 100644
index 000000000..dce8aad63
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/constants/apiConfig.ts
@@ -0,0 +1,3 @@
+export const API_BASE_URL = 'https://edrfreightapi.triaplc.com';
+// export const API_BASE_URL = 'http://localhost:3001';
+
diff --git a/apps/edr-freight-web/portal/src/hooks/useAuth.ts b/apps/edr-freight-web/portal/src/hooks/useAuth.ts
index 3ce7ec616..06900270e 100644
--- a/apps/edr-freight-web/portal/src/hooks/useAuth.ts
+++ b/apps/edr-freight-web/portal/src/hooks/useAuth.ts
@@ -1,15 +1,14 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { api } from "@/services/api";
 import type {
   LoginPayload,
   LoginResponse,
+  OtpResponse,
   SignupPayload,
   SignupResponse,
-  OtpResponse,
 } from "@/types/auth";
 import type { Result } from "@/utils/result";
 import { extractApiError } from "@/utils/result";
-import { useEffect } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 
 function setCookie(name: string, value: string, days: number) {
   const expires = new Date();
@@ -26,11 +25,16 @@ function getCookie(name: string): string | undefined {
 
 const useAuth = () => {
   const queryClient = useQueryClient();
+  const hasToken = !!getCookie("auth-token");
 
   const authQuery = useQuery(
     api.auth.getMyInfo.queryOptions({
+      enabled: hasToken,
       retry: false,
+      refetchOnMount: false,
+      refetchOnReconnect: false,
       staleTime: 10 * 60 * 1000,
+      refetchOnWindowFocus: false,
     }),
   );
 
@@ -43,18 +47,8 @@ const useAuth = () => {
     }),
   );
 
-  useEffect(() => {
-    console.log({
-      user: authQuery.data,
-      company: companyQuery.data,
-      isCompany: !!companyQuery.data,
-      isUserPending: authQuery.isPending,
-      isCompanyPending: companyQuery.isPending,
-    });
-  }, [authQuery, companyQuery]);
-
-  const hasToken = !!getCookie("auth-token");
   const isPending = authQuery.isPending && hasToken;
+  const isAuthenticated = hasToken && !!authQuery.data && !authQuery.isError;
 
   const login = async (
     payload: LoginPayload,
@@ -176,9 +170,10 @@ const useAuth = () => {
 
   return {
     isPending,
-    user: authQuery.data ?? null,
-    company: companyQuery.data ?? null,
-    customer: companyQuery.data ?? null,
+    isAuthenticated,
+    user: isAuthenticated ? (authQuery.data ?? null) : null,
+    company: isAuthenticated ? (companyQuery.data ?? null) : null,
+    customer: isAuthenticated ? (companyQuery.data ?? null) : null,
     login,
     signup,
     setPassword,
diff --git a/apps/edr-freight-web/portal/src/hooks/useBookings.ts b/apps/edr-freight-web/portal/src/hooks/useBookings.ts
deleted file mode 100644
index 7f353d50a..000000000
--- a/apps/edr-freight-web/portal/src/hooks/useBookings.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { bookingsService } from "../services/bookings.service";
-
-export const useBookings = () =>
-  useQuery({
-    queryKey: ["bookings"],
-    queryFn: bookingsService.list,
-  });
-
-export const useBooking = (id: string) =>
-  useQuery({
-    queryKey: ["bookings", id],
-    queryFn: () => bookingsService.get(id),
-    enabled: Boolean(id),
-  });
diff --git a/apps/edr-freight-web/portal/src/hooks/useConsignments.ts b/apps/edr-freight-web/portal/src/hooks/useConsignments.ts
deleted file mode 100644
index 593c6be5d..000000000
--- a/apps/edr-freight-web/portal/src/hooks/useConsignments.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { consignmentsService } from "../services/consignments.service";
-
-export const useConsignments = () =>
-  useQuery({
-    queryKey: ["consignments"],
-    queryFn: consignmentsService.list,
-  });
-
-export const useConsignment = (id: string) =>
-  useQuery({
-    queryKey: ["consignments", id],
-    queryFn: () => consignmentsService.get(id),
-    enabled: Boolean(id),
-  });
diff --git a/apps/edr-freight-web/portal/src/hooks/useCustomers.ts b/apps/edr-freight-web/portal/src/hooks/useCustomers.ts
deleted file mode 100644
index ec26af310..000000000
--- a/apps/edr-freight-web/portal/src/hooks/useCustomers.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-
-import { customersService } from "@/services/customers.service";
-import type {
-  CreateCustomerDto,
-  UpdateCustomerDto,
-} from "@/types/customers";
-
-const KEY = ["customers"] as const;
-
-export const useCustomers = () =>
-  useQuery({
-    queryKey: KEY,
-    queryFn: customersService.list,
-  });
-
-export const useCustomer = (id: string | undefined) =>
-  useQuery({
-    queryKey: [...KEY, "id", id],
-    queryFn: () => customersService.getById(id!),
-    enabled: Boolean(id),
-  });
-
-export const useCreateCustomer = () => {
-  const qc = useQueryClient();
-  return useMutation({
-    mutationFn: (dto: CreateCustomerDto) => customersService.create(dto),
-    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
-  });
-};
-
-export const useUpdateCustomer = () => {
-  const qc = useQueryClient();
-  return useMutation({
-    mutationFn: ({ id, dto }: { id: string; dto: UpdateCustomerDto }) =>
-      customersService.update(id, dto),
-    onSuccess: (_data, { id }) => {
-      qc.invalidateQueries({ queryKey: KEY });
-      qc.invalidateQueries({ queryKey: [...KEY, "id", id] });
-    },
-  });
-};
-
-export const useDeleteCustomer = () => {
-  const qc = useQueryClient();
-  return useMutation({
-    mutationFn: (id: string) => customersService.remove(id),
-    onSuccess: () => qc.invalidateQueries({ queryKey: KEY }),
-  });
-};
diff --git a/apps/edr-freight-web/portal/src/hooks/useSavedSignature.ts b/apps/edr-freight-web/portal/src/hooks/useSavedSignature.ts
new file mode 100644
index 000000000..b8c9480a7
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/hooks/useSavedSignature.ts
@@ -0,0 +1,30 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import toast from "react-hot-toast";
+
+import {
+  signaturesService,
+  type SaveSignaturePayload,
+} from "@/services/signatures.service";
+
+const SAVED_SIGNATURE_KEY = ["me", "signature"] as const;
+
+export function useMySignature() {
+  return useQuery({
+    queryKey: SAVED_SIGNATURE_KEY,
+    queryFn: () => signaturesService.getMySignature(),
+    staleTime: 60_000,
+  });
+}
+
+export function useSaveSignature() {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (payload: SaveSignaturePayload) =>
+      signaturesService.saveMySignature(payload),
+    onSuccess: () => {
+      toast.success("Signature saved");
+      void qc.invalidateQueries({ queryKey: SAVED_SIGNATURE_KEY });
+    },
+    onError: () => toast.error("Failed to save signature"),
+  });
+}
diff --git a/apps/edr-freight-web/portal/src/lib/currentCustomer.ts b/apps/edr-freight-web/portal/src/lib/currentCustomer.ts
index 0a68cd4f5..47fc1efa6 100644
--- a/apps/edr-freight-web/portal/src/lib/currentCustomer.ts
+++ b/apps/edr-freight-web/portal/src/lib/currentCustomer.ts
@@ -1,14 +1,5 @@
-import { customers, type Customer } from "@/pages/customers/customers.mock";
-import { bookings, type Booking } from "@/pages/bookings/bookings.mock";
-import {
-  consignments,
-  type Consignment,
-} from "@/pages/consignments/consignments.mock";
-import {
-  shipments,
-  type Shipment,
-} from "@/pages/tracking/shipments.mock";
 import { invoices, type Invoice } from "@/pages/billing/invoices.mock";
+import { customers, type Customer } from "@/pages/customers/customers.mock";
 
 /**
  * Mock "logged-in customer". When auth integrates, replace this with the value
@@ -23,22 +14,6 @@ export function getCurrentCustomer(): Customer {
   );
 }
 
-export function getMyBookings(): Booking[] {
-  const me = getCurrentCustomer();
-  return bookings.filter((b) => b.customerId === me.id);
-}
-
-export function getMyConsignments(): Consignment[] {
-  const me = getCurrentCustomer();
-  const myBookingIds = new Set(getMyBookings().map((b) => b.id));
-  return consignments.filter((c) => myBookingIds.has(c.bookingId));
-}
-
-export function getMyShipments(): Shipment[] {
-  const myBookingIds = new Set(getMyBookings().map((b) => b.id));
-  return shipments.filter((s) => myBookingIds.has(s.bookingId));
-}
-
 export function getMyInvoices(): Invoice[] {
   const me = getCurrentCustomer();
   return invoices.filter((inv) => inv.customerId === me.id);
diff --git a/apps/edr-freight-web/portal/src/main.tsx b/apps/edr-freight-web/portal/src/main.tsx
index 8c4fbeb96..56d6838df 100644
--- a/apps/edr-freight-web/portal/src/main.tsx
+++ b/apps/edr-freight-web/portal/src/main.tsx
@@ -2,9 +2,12 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { MantineProvider } from "@mantine/core";
+import "@mantine/core/styles.css";
 import "@edr/ui-common/styles.css";
 import "../index.css";
 import "@edr/ui-common/theme.css";
+import { mantineTheme } from "./theme/mantine";
 
 import App from "./App";
 
@@ -31,10 +34,12 @@ if (!rootElement) {
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
-    <QueryClientProvider client={queryClient}>
-      <BrowserRouter>
-        <App />
-      </BrowserRouter>
-    </QueryClientProvider>
+    <MantineProvider theme={mantineTheme} defaultColorScheme="light">
+      <QueryClientProvider client={queryClient}>
+        <BrowserRouter>
+          <App />
+        </BrowserRouter>
+      </QueryClientProvider>
+    </MantineProvider>
   </StrictMode>,
 );
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage.tsx
deleted file mode 100644
index b6b17e71f..000000000
--- a/apps/edr-freight-web/portal/src/pages/MyPortalPage.tsx
+++ /dev/null
@@ -1,407 +0,0 @@
-import { useMemo, useState } from "react";
-import { Link, useNavigate } from "react-router-dom";
-import { format } from "date-fns";
-import { useQuery } from "@tanstack/react-query";
-import {
-  ArrowRight,
-  Building2,
-  CheckCircle2,
-  Clock,
-  DollarSign,
-  Eye,
-  LoaderCircle,
-  Mail,
-  MapPin,
-  Package,
-  Phone,
-  Plus,
-  Receipt,
-  Truck,
-  UploadCloud,
-  X,
-} from "lucide-react";
-
-import {
-  getCurrentCustomer,
-  getMyInvoices,
-  getMyShipments,
-} from "@/lib/currentCustomer";
-import { formatCurrency } from "@/pages/billing/invoices.mock";
-import type { ShipmentStatus } from "@/pages/tracking/shipments.mock";
-import type { InvoiceStatus } from "@/pages/billing/invoices.mock";
-import {
-  Button,
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-} from "@edr/ui-common";
-import { api } from "@/services/api";
-
-const ACTIVE_STATUSES = [
-  "DRAFT",
-  "SUBMITTED",
-  "PENDING_APPROVAL",
-  "IN_TRANSIT",
-];
-
-export default function MyPortalPage() {
-  const me = useMemo(() => getCurrentCustomer(), []);
-  const myShipments = useMemo(() => getMyShipments(), []);
-  const myInvoices = useMemo(() => getMyInvoices(), []);
-
-  const navigate = useNavigate();
-
-  const bookingsQuery = useQuery(
-    api.bookings.list.queryOptions({
-      input: { sortBy: "createdAt", sortOrder: "DESC" },
-    }),
-  );
-
-  const myBookings = useMemo(
-    () =>
-      (bookingsQuery.data?.items ?? []).filter((b) =>
-        ACTIVE_STATUSES.includes(b.status),
-      ),
-    [bookingsQuery.data],
-  );
-
-  const activeShipments = myShipments.filter((s) => s.status === "In Transit");
-  const outstandingInvoices = myInvoices.filter(
-    (inv) => inv.status === "Sent" || inv.status === "Overdue",
-  );
-  const [dismissed, setDismissed] = useState(false);
-  const totalOutstanding = outstandingInvoices
-    .filter((inv) => inv.currency === "USD")
-    .reduce((sum, inv) => sum + inv.amount, 0);
-  const totalSpent = myInvoices
-    .filter((inv) => inv.status === "Paid" && inv.currency === "USD")
-    .reduce((sum, inv) => sum + inv.amount, 0);
-
-  const recentBookings = myBookings.slice(0, 5);
-  const recentInvoices = [...myInvoices].slice(0, 4);
-
-  return (
-    <div className="min-h-screen bg-background p-6">
-      <div className="mx-auto max-w-7xl space-y-6">
-        {/* Documents banner */}
-        {!me.documentsComplete && !dismissed && (
-          <div className="flex items-start gap-3 rounded-2xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-800">
-            <UploadCloud className="mt-0.5 h-5 w-5 shrink-0 text-amber-500" />
-            <div className="flex-1">
-              <p className="font-semibold">Upload your documents</p>
-              <p className="mt-0.5 text-amber-700">
-                To enable all account features, please upload your Business
-                License, TIN Certificate, and National ID / Passport.
-              </p>
-              <Link
-                to="/settings?tab=documents"
-                className="mt-2 inline-flex items-center gap-1 font-medium text-amber-900 underline underline-offset-2 transition hover:text-amber-700"
-              >
-                Upload now
-              </Link>
-            </div>
-            <button
-              type="button"
-              onClick={() => setDismissed(true)}
-              className="shrink-0 rounded-lg p-1 text-amber-400 transition hover:bg-amber-100 hover:text-amber-600"
-              aria-label="Dismiss"
-            >
-              <X className="h-4 w-4" />
-            </button>
-          </div>
-        )}
-
-        {/* Welcome banner */}
-        <div className="overflow-hidden rounded-3xl bg-gradient-to-r from-[#059669] to-[#10B981] p-6 text-white shadow-sm">
-          <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
-            <div className="flex items-center gap-4">
-              <div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-white/15 text-2xl font-bold backdrop-blur">
-                {me.company.charAt(0)}
-              </div>
-              <div>
-                <p className="text-sm text-white/80">Welcome back</p>
-                <h1 className="text-3xl font-bold tracking-tight">{me.name}</h1>
-                <p className="mt-1 flex items-center gap-2 text-sm text-white/80">
-                  <Building2 className="h-4 w-4" />
-                  {me.company}
-                  <span className="text-white/40">·</span>
-                  <span className="rounded-full bg-white/15 px-2 py-0.5 text-xs">
-                    {me.customerType}
-                  </span>
-                </p>
-              </div>
-            </div>
-
-            <div className="flex flex-wrap items-center gap-2">
-              <Link to="/bookings/new">
-                <Button
-                  variant="secondary"
-                  className="bg-white text-[#10B981] hover:bg-muted"
-                >
-                  <Plus className="h-4 w-4" />
-                  New Booking
-                </Button>
-              </Link>
-              <Link to="/tracking">
-                <Button
-                  variant="outline"
-                  className="border-white/40 text-white hover:bg-white/10"
-                >
-                  <Truck className="h-4 w-4" />
-                  Track Shipment
-                </Button>
-              </Link>
-            </div>
-          </div>
-        </div>
-
-        {/* Active Shipments */}
-        <Card>
-          <CardHeader className="flex flex-row items-center justify-between">
-            <div>
-              <CardTitle>Active Shipments</CardTitle>
-              <CardDescription>
-                Live tracking for your in-flight cargo
-              </CardDescription>
-            </div>
-            <Link
-              to="/tracking"
-              className="inline-flex items-center gap-1 text-sm font-medium text-primary transition hover:underline"
-            >
-              View all
-              <ArrowRight className="h-4 w-4" />
-            </Link>
-          </CardHeader>
-
-          <CardContent>
-            {activeShipments.length === 0 ? (
-              <p className="rounded-2xl border border-dashed border-border p-8 text-center text-sm text-muted-foreground">
-                No shipments currently in transit.
-              </p>
-            ) : (
-              <div className="grid gap-3 md:grid-cols-2">
-                {activeShipments.slice(0, 4).map((shipment) => (
-                  <div
-                    key={shipment.id}
-                    className="rounded-2xl border border-border p-4 transition hover:border-primary/20 hover:bg-primary/5"
-                  >
-                    <div className="flex items-center justify-between">
-                      <span className="font-semibold text-foreground">
-                        {shipment.reference}
-                      </span>
-                      <ShipmentBadge status={shipment.status} />
-                    </div>
-                    <p className="mt-1 text-sm text-muted-foreground">
-                      {shipment.originStation}
-                      <ArrowRight className="mx-2 inline h-3 w-3 text-slate-400" />
-                      {shipment.destinationStation}
-                    </p>
-                    <div className="mt-3 flex items-center justify-between text-xs text-muted-foreground">
-                      <span className="flex items-center gap-1">
-                        <MapPin className="h-3 w-3 text-primary" />
-                        {shipment.currentLocation}
-                      </span>
-                      <span>ETA {shipment.eta}</span>
-                    </div>
-                    <div className="mt-2 h-1.5 w-full overflow-hidden rounded-full bg-muted">
-                      <div
-                        className="h-full rounded-full bg-primary transition-all"
-                        style={{ width: `${shipment.progress}%` }}
-                      />
-                    </div>
-                  </div>
-                ))}
-              </div>
-            )}
-          </CardContent>
-        </Card>
-
-        {/* Recent bookings */}
-        <Card>
-          <CardHeader className="flex flex-row items-center justify-between">
-            <div>
-              <CardTitle>Recent Bookings</CardTitle>
-              <CardDescription>Your latest freight requests</CardDescription>
-            </div>
-            <Link
-              to="/bookings"
-              className="inline-flex items-center gap-1 text-sm font-medium text-primary transition hover:underline"
-            >
-              View all
-              <ArrowRight className="h-4 w-4" />
-            </Link>
-          </CardHeader>
-
-          <CardContent className="px-0">
-            {recentBookings.length === 0 ? (
-              <p className="rounded-2xl border border-dashed border-border p-8 text-center text-sm text-muted-foreground">
-                You haven't booked any freight yet.
-              </p>
-            ) : (
-              <div className="overflow-x-auto">
-                <table className="w-full min-w-[600px] whitespace-nowrap text-left text-sm">
-                  <thead className="text-xs text-muted-foreground">
-                    <tr>
-                      <th className="px-6 py-2 font-medium">Reference</th>
-                      <th className="py-2 font-medium">Route</th>
-                      <th className="py-2 font-medium">Cargo</th>
-                      <th className="py-2 font-medium">Date</th>
-                      <th className="py-2 font-medium">Status</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {recentBookings.map((booking) => (
-                      <tr
-                        key={booking.id}
-                        className="border-t border-border transition hover:bg-primary/5 cursor-pointer"
-                        onClick={() => navigate(`/bookings/${booking.id}`)}
-                      >
-                        <td className="px-6 py-3 font-medium text-foreground">
-                          {booking.reference}
-                        </td>
-                        <td className="py-3 text-muted-foreground">
-                          {booking.originYard?.label ?? booking.originYard?.code ?? "—"} → {booking.destinationYard?.label ?? booking.destinationYard?.code ?? "—"}
-                        </td>
-                        <td className="py-3 text-muted-foreground">
-                          {booking.freightType === "CONTAINER" ? "Container" : booking.freightType}
-                        </td>
-                        <td className="py-3 text-muted-foreground">
-                          {format(new Date(booking.createdAt), "MMM d, yyyy HH:mm")}
-                        </td>
-                        <td className="py-3">
-                          <BookingBadge status={booking.status} />
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </div>
-            )}
-          </CardContent>
-        </Card>
-
-        {/* Invoices */}
-        <Card>
-          <CardHeader className="flex flex-row items-center justify-between">
-            <div>
-              <CardTitle>Recent Invoices</CardTitle>
-              <CardDescription>
-                {outstandingInvoices.length} outstanding · {myInvoices.length}{" "}
-                total
-              </CardDescription>
-            </div>
-            <Link
-              to="/billing"
-              className="inline-flex items-center gap-1 text-sm font-medium text-primary transition hover:underline"
-            >
-              View all
-              <ArrowRight className="h-4 w-4" />
-            </Link>
-          </CardHeader>
-
-          <CardContent>
-            {recentInvoices.length === 0 ? (
-              <p className="rounded-2xl border border-dashed border-border p-8 text-center text-sm text-muted-foreground">
-                No invoices yet.
-              </p>
-            ) : (
-              <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-4">
-                {recentInvoices.map((invoice) => (
-                  <div
-                    key={invoice.id}
-                    className="rounded-2xl border border-border p-4 transition hover:border-primary/20 hover:bg-primary/5"
-                  >
-                    <div className="flex items-center justify-between">
-                      <Receipt className="h-4 w-4 text-primary" />
-                      <InvoiceBadge status={invoice.status} />
-                    </div>
-                    <p className="mt-0.5 pt-2 text-lg font-bold text-foreground">
-                      {formatCurrency(invoice.amount, invoice.currency)}
-                    </p>
-                    <p className="mt-1 flex items-center gap-1 text-xs text-muted-foreground">
-                      <Clock className="h-3 w-3" />
-                      Due {invoice.dueDate}
-                    </p>
-                  </div>
-                ))}
-              </div>
-            )}
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  );
-}
-
-function ProfileRow({
-  icon,
-  label,
-  value,
-}: {
-  icon: React.ReactNode;
-  label: string;
-  value: string;
-}) {
-  return (
-    <div className="flex items-start gap-3">
-      <div className="mt-0.5 text-primary">{icon}</div>
-      <div className="flex-1">
-        <p className="text-xs font-medium text-muted-foreground">{label}</p>
-        <p className="mt-0.5 text-sm text-foreground">{value}</p>
-      </div>
-    </div>
-  );
-}
-
-function ShipmentBadge({ status }: { status: ShipmentStatus }) {
-  const styles: Record<ShipmentStatus, string> = {
-    "In Transit": "bg-muted text-foreground",
-    Delivered: "bg-primary/10 text-primary",
-    Delayed: "bg-destructive/10 text-destructive",
-  };
-  return (
-    <span
-      className={`inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium ${styles[status]}`}
-    >
-      {status}
-    </span>
-  );
-}
-
-function BookingBadge({ status }: { status: string }) {
-  const styles: Record<string, string> = {
-    DRAFT: "bg-amber-100 text-amber-700",
-    SUBMITTED: "bg-primary/10 text-primary",
-    PENDING_APPROVAL: "bg-muted text-foreground",
-    IN_TRANSIT: "bg-muted text-foreground",
-    COMPLETED: "bg-primary/10 text-primary",
-    CANCELLED: "bg-destructive/10 text-destructive",
-    REJECTED: "bg-destructive/10 text-destructive",
-  };
-  return (
-    <span
-      className={`inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium ${styles[status] || "bg-muted text-muted-foreground"}`}
-    >
-      {status.replace(/_/g, " ")}
-    </span>
-  );
-}
-
-function InvoiceBadge({ status }: { status: InvoiceStatus }) {
-  const styles: Record<InvoiceStatus, string> = {
-    Draft: "bg-muted text-muted-foreground",
-    Sent: "bg-primary/10 text-primary",
-    Paid: "bg-primary/10 text-primary",
-    Overdue: "bg-destructive/10 text-destructive",
-    Cancelled: "bg-amber-100 text-amber-700",
-  };
-  return (
-    <span
-      className={`inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium ${styles[status]}`}
-    >
-      {status}
-    </span>
-  );
-}
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/MyPortalPage.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/MyPortalPage.tsx
new file mode 100644
index 000000000..0a4dcb6ce
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/MyPortalPage.tsx
@@ -0,0 +1,104 @@
+import type { Currency } from "@/pages/billing/invoices.mock";
+import { formatCurrency } from "@/pages/billing/invoices.mock";
+import { Grid, Stack } from "@mantine/core";
+import { useNavigate } from "react-router-dom";
+import {
+  FreightVolumeSection,
+  HelloSection,
+  InvoicesSection,
+  RecentActivitySection,
+  SetupPrompt,
+  ShipmentsSection,
+  StatsSection,
+} from "./components";
+import { useMyPortalData } from "./hooks";
+
+export default function MyPortalPage() {
+  const navigate = useNavigate();
+  const {
+    customer,
+    bookingsQuery,
+    dashboardQuery,
+    allBookings,
+    activeBookings,
+    newActiveThisWeek,
+    outstandingInvoices,
+    totalOutstanding,
+    companyName,
+    greeting,
+    recentInvoices,
+    dashboard,
+    volumePoints,
+    maxVolume,
+  } = useMyPortalData();
+
+  const handleBookingClick = (id: string) => {
+    navigate(`/bookings/${id}`);
+  };
+
+  return (
+    <Stack gap="lg" p={{ base: 16, sm: 24, lg: 32 }}>
+      <HelloSection greeting={greeting} companyName={companyName} />
+
+      <SetupPrompt show={!customer} />
+
+      <StatsSection
+        activeBookingsLength={activeBookings.length}
+        newActiveThisWeek={newActiveThisWeek}
+        bookingsLoading={bookingsQuery.isPending}
+        outstandingInvoicesLength={outstandingInvoices.length}
+        totalOutstanding={totalOutstanding}
+        deliveredCount={dashboard?.deliveredCount.toString()}
+        completionRate={dashboard?.completionRate?.toString()}
+        spendYtd={
+          dashboard
+            ? formatCurrency(
+              dashboard.spendYtd,
+              dashboard.spendCurrency as Currency,
+            )
+            : undefined
+        }
+        spendYtdChangePct={dashboard?.spendYtdChangePct}
+        dashboardLoading={dashboardQuery.isPending}
+      />
+
+      <Grid align="stretch">
+        <Grid.Col span={{ base: 12, lg: 8 }}>
+          <ShipmentsSection
+            bookings={allBookings}
+            isLoading={bookingsQuery.isPending}
+            onBookingClick={handleBookingClick}
+          />
+        </Grid.Col>
+
+        <Grid.Col span={{ base: 12, lg: 4 }}>
+          <InvoicesSection invoices={recentInvoices} />
+        </Grid.Col>
+      </Grid>
+
+      <Grid align="stretch">
+        <Grid.Col span={{ base: 12, md: 5 }}>
+          <FreightVolumeSection
+            totalTonnes={dashboard?.freightVolume.totalTonnes ?? 0}
+            totalValue={dashboard?.freightVolume.totalValue ?? 0}
+            currency={
+              (dashboard?.freightVolume.currency ?? "ETB") as Currency
+            }
+            ytdChangePct={dashboard?.freightVolume.ytdChangePct ?? 0}
+            volumePoints={volumePoints}
+            maxVolume={maxVolume}
+            isLoading={dashboardQuery.isPending}
+          />
+        </Grid.Col>
+
+        <Grid.Col span={{ base: 12, md: 7 }}>
+          <RecentActivitySection
+            bookings={allBookings}
+            isLoading={bookingsQuery.isPending}
+            onBookingClick={handleBookingClick}
+          />
+        </Grid.Col>
+      </Grid>
+    </Stack>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/ActivityRow.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/ActivityRow.tsx
new file mode 100644
index 000000000..a65aa009e
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/ActivityRow.tsx
@@ -0,0 +1,61 @@
+import { Box, Group, Text } from "@mantine/core";
+import { format } from "date-fns";
+import { memo } from "react";
+import { STATUS_CONFIG, cv } from "../constants";
+
+interface ActivityRowProps {
+  booking: any;
+  onClick: () => void;
+}
+
+export const ActivityRow = memo(function ActivityRow({
+  booking,
+  onClick,
+}: ActivityRowProps) {
+  const cfg = STATUS_CONFIG[booking.status] ?? STATUS_CONFIG.DRAFT;
+  const Icon = cfg.icon;
+  const verb =
+    booking.status === "IN_TRANSIT"
+      ? "departed"
+      : booking.status === "COMPLETED"
+        ? "delivered"
+        : booking.status === "PENDING_APPROVAL"
+          ? "quote ready"
+          : booking.status === "SUBMITTED"
+            ? "submitted for review"
+            : "created";
+
+  return (
+    <Group
+      gap={12}
+      align="center"
+      wrap="nowrap"
+      py={9}
+      className="cursor-pointer"
+      onClick={onClick}
+    >
+      <Box
+        w={36}
+        h={36}
+        bg={cfg.tile}
+        className="flex shrink-0 items-center justify-center rounded-[10px]"
+      >
+        <Icon size={17} color={cv(cfg.iconColor)} />
+      </Box>
+      <Box className="min-w-0 flex-1">
+        <Text fz={13} fw={600} c="edr-text" truncate>
+          Booking {booking.reference} {verb}
+        </Text>
+        <Text fz={11} c="edr-muted" truncate>
+          {booking.originYard?.label ?? booking.originYard?.code ?? "—"} →{" "}
+          {booking.destinationYard?.label ??
+            booking.destinationYard?.code ??
+            "—"}
+        </Text>
+      </Box>
+      <Text fz={11} c="edr-muted" className="shrink-0">
+        {format(new Date(booking.createdAt), "MMM d")}
+      </Text>
+    </Group>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/BookingRow.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/BookingRow.tsx
new file mode 100644
index 000000000..27b923467
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/BookingRow.tsx
@@ -0,0 +1,104 @@
+import { Box, Group, Stack, Text } from "@mantine/core";
+import { memo } from "react";
+import { ACTION_PROPS, STATUS_CONFIG, cv } from "../constants";
+import { Stepper } from "./Stepper";
+
+interface BookingRowProps {
+  booking: any;
+  last: boolean;
+  onClick: () => void;
+}
+
+export const BookingRow = memo(function BookingRow({
+  booking,
+  last,
+  onClick,
+}: BookingRowProps) {
+  const cfg = STATUS_CONFIG[booking.status] ?? STATUS_CONFIG.DRAFT;
+  const Icon = cfg.icon;
+  const AIcon = cfg.action.icon;
+  const ap = ACTION_PROPS[cfg.action.kind];
+  const origin = booking.originYard?.label ?? booking.originYard?.code ?? "—";
+  const dest =
+    booking.destinationYard?.label ?? booking.destinationYard?.code ?? "—";
+  const commodity =
+    (typeof booking.cargoType === "string"
+      ? booking.cargoType
+      : booking.cargoType?.name) ??
+    booking.commodity ??
+    "Freight";
+
+  return (
+    <Box className={last ? undefined : "border-b border-edr-divider"}>
+      <Group
+        gap={16}
+        align="center"
+        wrap="nowrap"
+        py={14}
+        px={4}
+        className="cursor-pointer"
+        onClick={onClick}
+      >
+        <Box
+          w={46}
+          h={46}
+          bg={cfg.tile}
+          className="flex shrink-0 items-center justify-center rounded-xl"
+        >
+          <Icon size={22} color={cv(cfg.iconColor)} />
+        </Box>
+
+        <Box className="min-w-0 flex-1 lg:!flex-none lg:!w-[188px]">
+          <Text fz={15} fw={700} c="edr-text" truncate>
+            {booking.reference}
+          </Text>
+          <Text fz={12} c="edr-muted" truncate>
+            {commodity} · {origin} → {dest}
+          </Text>
+        </Box>
+
+        <Box className="hidden min-w-0 flex-1 pr-2 lg:block">
+          <Text fz={12} fw={500} mb={8} c={cfg.iconColor} truncate>
+            {cfg.hint}
+          </Text>
+          <Stepper stage={cfg.stage} color={cfg.step} />
+        </Box>
+
+        <Stack gap={9} align="flex-end" className="shrink-0">
+          <Group
+            gap={6}
+            align="center"
+            px={11}
+            py={5}
+            bg={cfg.badgeBg}
+            className="rounded-full"
+          >
+            <Box w={6} h={6} bg={cfg.badgeDot} className="rounded-full" />
+            <Text fz={11} fw={700} c={cfg.badgeText}>
+              {cfg.badgeLabel}
+            </Text>
+          </Group>
+          <Group
+            gap={5}
+            align="center"
+            px={15}
+            py={8}
+            bg={ap.bg}
+            bd={ap.bd}
+            className="cursor-pointer rounded-[9px]"
+          >
+            <Text fz={13} fw={700} c={ap.c}>
+              {cfg.action.label}
+            </Text>
+            {AIcon && (
+              <AIcon
+                size={15}
+                color={ap.c === "white" ? "#fff" : cv("edr-text")}
+              />
+            )}
+          </Group>
+        </Stack>
+      </Group>
+    </Box>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/Card.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/Card.tsx
new file mode 100644
index 000000000..2f24d0a59
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/Card.tsx
@@ -0,0 +1,18 @@
+import { Box } from "@mantine/core";
+
+interface CardProps {
+  children: React.ReactNode;
+  className?: string;
+  padding?: number;
+}
+
+export function Card({ children, className = "", padding = 24 }: CardProps) {
+  return (
+    <Box
+      p={padding}
+      className={`rounded-[20px] border border-edr-border bg-edr-card ${className}`}
+    >
+      {children}
+    </Box>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/EmptyState.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/EmptyState.tsx
new file mode 100644
index 000000000..66f3f16a3
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/EmptyState.tsx
@@ -0,0 +1,18 @@
+import { Box, Text } from "@mantine/core";
+
+interface EmptyStateProps {
+  message: string;
+}
+
+export function EmptyState({ message }: EmptyStateProps) {
+  return (
+    <Box
+      py="xl"
+      className="rounded-xl border border-dashed border-edr-border text-center"
+    >
+      <Text size="sm" c="edr-muted">
+        {message}
+      </Text>
+    </Box>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/FreightVolumeSection.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/FreightVolumeSection.tsx
new file mode 100644
index 000000000..27b74cb6f
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/FreightVolumeSection.tsx
@@ -0,0 +1,82 @@
+import { Box, Group, Skeleton, Text } from "@mantine/core";
+import { memo } from "react";
+import type { Currency } from "@/pages/billing/invoices.mock";
+import { formatCurrency } from "@/pages/billing/invoices.mock";
+import { formatPct } from "../constants";
+import { Card } from "./Card";
+
+interface FreightVolumeSectionProps {
+  totalTonnes: number;
+  totalValue: number;
+  currency: Currency;
+  ytdChangePct: number;
+  volumePoints: Array<{ month: string; tonnes: number }>;
+  maxVolume: number;
+  isLoading: boolean;
+}
+
+export const FreightVolumeSection = memo(function FreightVolumeSection({
+  totalTonnes,
+  totalValue,
+  currency,
+  ytdChangePct,
+  volumePoints,
+  maxVolume,
+  isLoading,
+}: FreightVolumeSectionProps) {
+  return (
+    <Card className="h-full" padding={24}>
+      <Text fz={17} fw={700} c="edr-text">
+        Freight Volume
+      </Text>
+      <Group gap={10} align="baseline" mt={4} mb={22}>
+        {isLoading ? (
+          <Skeleton height={32} width={180} radius="sm" />
+        ) : (
+          <>
+            <Text fz={26} fw={800} c="edr-text">
+              {totalTonnes.toLocaleString()} t
+            </Text>
+            <Text fz={13} c="edr-muted">
+              {formatCurrency(totalValue, currency)}
+            </Text>
+            <Text fz={12} fw={700} c="edr-green.7">
+              {formatPct(ytdChangePct)} YTD
+            </Text>
+          </>
+        )}
+      </Group>
+      {isLoading ? (
+        <Skeleton height={110} radius="md" />
+      ) : volumePoints.length === 0 ? (
+        <Box className="flex h-[110px] items-center">
+          <Text fz={13} c="edr-muted">
+            No freight volume yet.
+          </Text>
+        </Box>
+      ) : (
+        <Group align="flex-end" gap={10} className="h-[110px]">
+          {volumePoints.map((point, i) => {
+            const isLast = i === volumePoints.length - 1;
+            return (
+              <Box
+                key={point.month}
+                className="flex flex-1 flex-col items-center gap-2"
+              >
+                <Box
+                  bg={isLast ? "edr-green" : "edr-soft"}
+                  bd={isLast ? undefined : "1px solid edr-border"}
+                  h={Math.round((point.tonnes / maxVolume) * 86)}
+                  className="w-full rounded-t-md"
+                />
+                <Text fz={11} c="edr-muted">
+                  {point.month}
+                </Text>
+              </Box>
+            );
+          })}
+        </Group>
+      )}
+    </Card>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/HelloSection.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/HelloSection.tsx
new file mode 100644
index 000000000..9f1d726b0
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/HelloSection.tsx
@@ -0,0 +1,51 @@
+import { Box, Group, Text } from "@mantine/core";
+import { ArrowRight, Truck } from "lucide-react";
+import { memo } from "react";
+import { Link } from "react-router-dom";
+import { cv } from "../constants";
+
+interface HelloSectionProps {
+  greeting: string;
+  companyName: string;
+}
+
+export const HelloSection = memo(function HelloSection({
+  greeting,
+  companyName,
+}: HelloSectionProps) {
+  return (
+    <Group justify="space-between" align="center" gap="md">
+      <Box>
+        <Text size="sm" c="edr-muted">
+          {greeting}
+        </Text>
+        <Text fz={26} fw={800} mt={2} c="edr-text" className="tracking-tight">
+          {companyName} 👋
+        </Text>
+      </Box>
+
+      <Link to="/bookings/new">
+        <Group
+          gap={14}
+          align="center"
+          wrap="nowrap"
+          bg="edr-green"
+          px={18}
+          py={14}
+          className="w-full md:w-60! rounded-2xl no-underline shadow-[0_6px_10px_-12px_rgba(14,163,83,0.8)]"
+        >
+          <Truck size={22} color="#fff" />
+
+          <Box className="min-w-0 flex-1">
+            <Text fz={14} fw={700} c="white" lh={1.3}>
+              Book a shipment
+            </Text>
+          </Box>
+          <Box className="flex h-[32px] w-[32px] shrink-0 items-center justify-center rounded-full bg-white">
+            <ArrowRight size={18} color={cv("edr-green.7")} />
+          </Box>
+        </Group>
+      </Link>
+    </Group>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/InvoicesSection.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/InvoicesSection.tsx
new file mode 100644
index 000000000..4e2c30343
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/InvoicesSection.tsx
@@ -0,0 +1,154 @@
+import type { Currency, InvoiceStatus } from "@/pages/billing/invoices.mock";
+import { formatCurrency } from "@/pages/billing/invoices.mock";
+import { Box, Group, Stack, Text } from "@mantine/core";
+import { format } from "date-fns";
+import { CheckCircle2, ChevronRight, Clock3, Zap } from "lucide-react";
+import { memo } from "react";
+import { Link } from "react-router-dom";
+import { cv, INVOICE_BADGE } from "../constants";
+import { Card } from "./Card";
+import { EmptyState } from "./EmptyState";
+
+interface InvoicesSectionProps {
+  invoices: Array<{
+    id: number;
+    number: string;
+    bookingReference: string;
+    amount: number;
+    currency: Currency;
+    status: InvoiceStatus;
+    dueDate: string;
+    paidDate: string | null;
+  }>;
+}
+
+export const InvoicesSection = memo(function InvoicesSection({
+  invoices,
+}: InvoicesSectionProps) {
+  const outstandingInvoices = invoices.filter(
+    (inv) => inv.status === "Sent" || inv.status === "Overdue",
+  );
+  const totalOutstanding = outstandingInvoices.reduce(
+    (sum, inv) => sum + inv.amount,
+    0,
+  );
+
+  return (
+    <Card className="h-full" padding={24}>
+      <Group justify="space-between" align="center" mb={16}>
+        <Text fz={17} fw={700} c="edr-text">
+          Invoices
+        </Text>
+        <Link to="/billing">
+          <Group gap={3} align="center" className="no-underline">
+            <Text fz={13} fw={600} c="edr-green.7">
+              View all
+            </Text>
+            <ChevronRight size={15} color={cv("edr-green.7")} />
+          </Group>
+        </Link>
+      </Group>
+
+      <Box mb={16} p={16} bg="edr-amber-soft" className="rounded-[14px]">
+        <Text fz={12} fw={600} c="edr-amber-text">
+          Outstanding balance
+        </Text>
+        <Text fz={24} fw={800} mt={4} c="edr-text">
+          {formatCurrency(totalOutstanding || 377500, "ETB")}
+        </Text>
+        <Group
+          justify="space-between"
+          align="center"
+          mt={8}
+          wrap="nowrap"
+        >
+          <Text fz={12} c="edr-amber-text">
+            {outstandingInvoices.length || 2} invoices unpaid
+          </Text>
+          <Group
+            gap={5}
+            align="center"
+            px={14}
+            py={8}
+            bg="edr-accent"
+            className="cursor-pointer rounded-[9px]"
+          >
+            <Zap size={15} color="#fff" />
+            <Text fz={13} fw={700} c="white">
+              Pay all
+            </Text>
+          </Group>
+        </Group>
+      </Box>
+
+      {invoices.length === 0 ? (
+        <EmptyState message="No invoices yet." />
+      ) : (
+        <Stack gap={0}>
+          {invoices.map((invoice, i) => {
+            const badge = INVOICE_BADGE[invoice.status];
+            const dueText =
+              invoice.status === "Paid"
+                ? `Paid ${format(new Date(invoice.paidDate ?? invoice.dueDate), "MMM d")}`
+                : invoice.status === "Overdue"
+                  ? "Overdue 3 days"
+                  : `Due ${invoice.dueDate}`;
+            const DueIcon =
+              invoice.status === "Paid" ? CheckCircle2 : Clock3;
+            const dueIconColor =
+              invoice.status === "Paid"
+                ? cv("edr-green.5")
+                : cv("edr-muted");
+
+            return (
+              <Box key={invoice.id}>
+                {i > 0 && <Box h={1} bg="edr-divider" />}
+                <Stack gap={8} py={10}>
+                  <Group
+                    justify="space-between"
+                    align="flex-start"
+                    wrap="nowrap"
+                  >
+                    <Box>
+                      <Text fz={13} fw={700} c="edr-text">
+                        {invoice.number}
+                      </Text>
+                      <Text fz={11} c="edr-muted">
+                        {invoice.bookingReference}
+                      </Text>
+                    </Box>
+                    <Text fz={14} fw={700} c="edr-text">
+                      {formatCurrency(invoice.amount, invoice.currency)}
+                    </Text>
+                  </Group>
+                  <Group
+                    justify="space-between"
+                    align="center"
+                    wrap="nowrap"
+                  >
+                    <Group gap={5} align="center">
+                      <DueIcon size={13} color={dueIconColor} />
+                      <Text fz={12} c="edr-muted">
+                        {dueText}
+                      </Text>
+                    </Group>
+                    <Box
+                      bg={badge.bg}
+                      px={10}
+                      py={4}
+                      className="rounded-full"
+                    >
+                      <Text fz={11} fw={700} c={badge.text}>
+                        {badge.label}
+                      </Text>
+                    </Box>
+                  </Group>
+                </Stack>
+              </Box>
+            );
+          })}
+        </Stack>
+      )}
+    </Card>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/RecentActivitySection.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/RecentActivitySection.tsx
new file mode 100644
index 000000000..44a8e7fa6
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/RecentActivitySection.tsx
@@ -0,0 +1,58 @@
+import { ChevronRight } from "lucide-react";
+import { Group, Skeleton, Stack, Text } from "@mantine/core";
+import { memo } from "react";
+import { Link } from "react-router-dom";
+import { cv } from "../constants";
+import { ActivityRow } from "./ActivityRow";
+import { Card } from "./Card";
+import { EmptyState } from "./EmptyState";
+
+interface RecentActivitySectionProps {
+  bookings: any[];
+  isLoading: boolean;
+  onBookingClick: (id: string) => void;
+}
+
+export const RecentActivitySection = memo(function RecentActivitySection({
+  bookings,
+  isLoading,
+  onBookingClick,
+}: RecentActivitySectionProps) {
+  return (
+    <Card className="h-full" padding={24}>
+      <Group justify="space-between" align="center" mb={16}>
+        <Text fz={17} fw={700} c="edr-text">
+          Recent Activity
+        </Text>
+        <Link to="/bookings">
+          <Group gap={3} align="center" className="no-underline">
+            <Text fz={13} fw={600} c="edr-green.7">
+              View all
+            </Text>
+            <ChevronRight size={15} color={cv("edr-green.7")} />
+          </Group>
+        </Link>
+      </Group>
+
+      {isLoading ? (
+        <Stack gap={10}>
+          {[1, 2, 3, 4, 5].map((i) => (
+            <Skeleton key={i} height={44} radius="md" />
+          ))}
+        </Stack>
+      ) : bookings.length === 0 ? (
+        <EmptyState message="No recent activity." />
+      ) : (
+        <Stack gap={2}>
+          {bookings.slice(0, 6).map((booking) => (
+            <ActivityRow
+              key={booking.id}
+              booking={booking}
+              onClick={() => onBookingClick(booking.id)}
+            />
+          ))}
+        </Stack>
+      )}
+    </Card>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/SetupPrompt.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/SetupPrompt.tsx
new file mode 100644
index 000000000..adb3c65ef
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/SetupPrompt.tsx
@@ -0,0 +1,70 @@
+import { Box, Group, Text } from "@mantine/core";
+import { useQuery } from "@tanstack/react-query";
+import { ArrowRight, Truck, AlertTriangle } from "lucide-react";
+import { memo } from "react";
+import { Link } from "react-router-dom";
+import { api } from "@/services/api";
+import type { ProfileResponse } from "@/types/profile";
+import { cv } from "../constants";
+
+const REQUIRED_FIELDS: (keyof ProfileResponse)[] = [
+  "companyEmail",
+  "companyPhone",
+  "companyAddress",
+  "fanNumber",
+  "contactPersonName",
+  "contactPersonPhone",
+  "generalManagerName",
+  "generalManagerEmail",
+  "generalManagerPhone",
+];
+
+function isProfileIncomplete(profile?: ProfileResponse | null): boolean {
+  if (!profile) return true;
+  return REQUIRED_FIELDS.some((field) => !profile[field]);
+}
+
+interface SetupPromptProps {
+  show: boolean;
+}
+
+export const SetupPrompt = memo(function SetupPrompt({ show }: SetupPromptProps) {
+  const profileQuery = useQuery(
+    api.companies.getProfile.queryOptions({ retry: false }),
+  );
+
+  const incomplete = !profileQuery.isPending && isProfileIncomplete(profileQuery.data);
+
+  if (!show && !incomplete) return null;
+
+  return (
+    <Box className="rounded-2xl border border-edr-border bg-gradient-to-r from-edr-blue/5 to-edr-green/5 px-7 py-6">
+      <Group justify="space-between" align="center" wrap="nowrap">
+        <Box className="flex-1">
+          <Group gap={6} align="center" mb={6}>
+            {incomplete && <AlertTriangle size={16} color={cv("edr-orange")} />}
+            <Text fz={15} fw={700} c="edr-text">
+              {incomplete ? "Complete Your Profile" : "Setup your Company Profile"}
+            </Text>
+          </Group>
+          <Text fz={13} c="edr-muted" mb={12}>
+            {incomplete
+              ? "Your company profile is incomplete. Fill in the missing details to unlock all features."
+              : "Complete your company information to unlock all features and start booking shipments."}
+          </Text>
+          <Link to="/settings" className="no-underline">
+            <Group gap={8} align="center" className="w-fit">
+              <Text fz={13} fw={600} c="edr-green.7">
+                {incomplete ? "Complete Profile" : "Complete Setup"}
+              </Text>
+              <ArrowRight size={16} color={cv("edr-green.7")} />
+            </Group>
+          </Link>
+        </Box>
+        <Box className="hidden shrink-0 sm:block">
+          <Truck size={48} color={cv("edr-blue")} opacity={0.3} />
+        </Box>
+      </Group>
+    </Box>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/ShipmentsSection.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/ShipmentsSection.tsx
new file mode 100644
index 000000000..d4237914b
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/ShipmentsSection.tsx
@@ -0,0 +1,53 @@
+import { Box, Group, Skeleton, Stack, Text } from "@mantine/core";
+import { memo } from "react";
+import { BookingRow } from "./BookingRow";
+import { Card } from "./Card";
+import { EmptyState } from "./EmptyState";
+
+interface ShipmentsSectionProps {
+  bookings: any[];
+  isLoading: boolean;
+  onBookingClick: (id: string) => void;
+}
+
+export const ShipmentsSection = memo(function ShipmentsSection({
+  bookings,
+  isLoading,
+  onBookingClick,
+}: ShipmentsSectionProps) {
+  return (
+    <Card className="h-full" padding={28}>
+      <Group justify="space-between" align="center" mb={18} wrap="nowrap">
+        <Box>
+          <Text fz={19} fw={800} c="edr-text">
+            My Shipments
+          </Text>
+          <Text fz={13} c="edr-muted">
+            From draft to delivery — every booking in one place
+          </Text>
+        </Box>
+      </Group>
+
+      {isLoading ? (
+        <Stack gap={6}>
+          {[1, 2, 3, 4].map((i) => (
+            <Skeleton key={i} height={64} radius="md" />
+          ))}
+        </Stack>
+      ) : bookings.length === 0 ? (
+        <EmptyState message="No bookings in this view." />
+      ) : (
+        <Stack gap={0}>
+          {bookings.map((booking, i) => (
+            <BookingRow
+              key={booking.id}
+              booking={booking}
+              last={i === bookings.length - 1}
+              onClick={() => onBookingClick(booking.id)}
+            />
+          ))}
+        </Stack>
+      )}
+    </Card>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatKpi.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatKpi.tsx
new file mode 100644
index 000000000..413caafc4
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatKpi.tsx
@@ -0,0 +1,46 @@
+import { Box, Group, Text } from "@mantine/core";
+import { memo } from "react";
+import type { LucideIcon } from "lucide-react";
+import { cv } from "../constants";
+
+interface StatKpiProps {
+  icon: LucideIcon;
+  label: string;
+  value: string;
+  delta: string;
+  deltaColor: string;
+  divider?: boolean;
+}
+
+export const StatKpi = memo(function StatKpi({
+  icon: Icon,
+  label,
+  value,
+  delta,
+  deltaColor,
+  divider,
+}: StatKpiProps) {
+  return (
+    <Box
+      px={4}
+      className={
+        divider ? "lg:border-l lg:border-edr-border lg:pl-7" : undefined
+      }
+    >
+      <Group gap={6} align="center" mb={7} wrap="nowrap">
+        <Icon size={15} color={cv("edr-muted")} className="shrink-0" />
+        <Text fz={12} fw={600} c="edr-muted" truncate>
+          {label}
+        </Text>
+      </Group>
+      <Group gap={8} align="flex-end" wrap="nowrap">
+        <Text fz={22} fw={800} lh={1} c="edr-text" truncate>
+          {value}
+        </Text>
+        <Text fz={12} fw={600} lh={1.3} c={deltaColor} truncate>
+          {delta}
+        </Text>
+      </Group>
+    </Box>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatsSection.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatsSection.tsx
new file mode 100644
index 000000000..8a0545fb7
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/StatsSection.tsx
@@ -0,0 +1,70 @@
+import { SimpleGrid } from "@mantine/core";
+import { CheckCircle2, Clock3, Truck, Wallet } from "lucide-react";
+import { memo } from "react";
+import { formatCurrency } from "@/pages/billing/invoices.mock";
+import { formatPct } from "../constants";
+import { Card } from "./Card";
+import { StatKpi } from "./StatKpi";
+
+interface StatsSectionProps {
+  activeBookingsLength: number;
+  newActiveThisWeek: number;
+  bookingsLoading: boolean;
+  outstandingInvoicesLength: number;
+  totalOutstanding: number;
+  deliveredCount: string | undefined;
+  completionRate: string | undefined;
+  spendYtd: string | undefined;
+  spendYtdChangePct: number | undefined;
+  dashboardLoading: boolean;
+}
+
+export const StatsSection = memo(function StatsSection({
+  activeBookingsLength,
+  newActiveThisWeek,
+  bookingsLoading,
+  outstandingInvoicesLength,
+  totalOutstanding,
+  deliveredCount,
+  completionRate,
+  spendYtd,
+  spendYtdChangePct,
+}: StatsSectionProps) {
+  return (
+    <Card className="rounded-2xl border border-edr-border bg-gradient-to-br from-white to-edr-soft px-7 py-5">
+      <SimpleGrid cols={{ base: 2, lg: 4 }} spacing={0} verticalSpacing={20}>
+        <StatKpi
+          icon={Truck}
+          label="Active Shipments"
+          value={bookingsLoading ? "—" : activeBookingsLength.toString()}
+          delta={bookingsLoading ? "" : `+${newActiveThisWeek} this week`}
+          deltaColor="edr-green.7"
+        />
+        <StatKpi
+          icon={Clock3}
+          label="Awaiting Payment"
+          value={outstandingInvoicesLength.toString()}
+          delta={`${formatCurrency(totalOutstanding || 0, "ETB")} due`}
+          deltaColor="edr-amber-text"
+          divider
+        />
+        <StatKpi
+          icon={CheckCircle2}
+          label="Delivered (YTD)"
+          value={deliveredCount ?? "—"}
+          delta={completionRate ? `${completionRate}% completed` : ""}
+          deltaColor="edr-muted"
+          divider
+        />
+        <StatKpi
+          icon={Wallet}
+          label="Spend YTD"
+          value={spendYtd ?? "—"}
+          delta={spendYtdChangePct ? `${formatPct(spendYtdChangePct)} YoY` : ""}
+          deltaColor="edr-green.7"
+          divider
+        />
+      </SimpleGrid>
+    </Card>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/Stepper.tsx b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/Stepper.tsx
new file mode 100644
index 000000000..820ba6034
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/Stepper.tsx
@@ -0,0 +1,42 @@
+import { Box, Group } from "@mantine/core";
+import { memo } from "react";
+
+interface StepperProps {
+  stage: number;
+  color: string;
+}
+
+export const Stepper = memo(function Stepper({ stage, color }: StepperProps) {
+  return (
+    <Group gap={0} align="center" wrap="nowrap" className="h-3.5 w-full">
+      {[0, 1, 2, 3, 4].map((i) => {
+        const done = i < stage;
+        const active = i === stage;
+        const size = active ? 12 : done ? 9 : 8;
+        return (
+          <Group
+            key={i}
+            gap={0}
+            align="center"
+            wrap="nowrap"
+            className={i < 4 ? "flex-1" : undefined}
+          >
+            <Box
+              w={size}
+              h={size}
+              bg={done || active ? color : "edr-step-idle"}
+              className="shrink-0 rounded-full"
+            />
+            {i < 4 && (
+              <Box
+                h={3}
+                bg={i < stage ? color : "edr-conn-idle"}
+                className="flex-1 rounded-full"
+              />
+            )}
+          </Group>
+        );
+      })}
+    </Group>
+  );
+});
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/index.ts b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/index.ts
new file mode 100644
index 000000000..de3ddb448
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/components/index.ts
@@ -0,0 +1,13 @@
+export { ActivityRow } from "./ActivityRow";
+export { BookingRow } from "./BookingRow";
+export { Card } from "./Card";
+export { EmptyState } from "./EmptyState";
+export { FreightVolumeSection } from "./FreightVolumeSection";
+export { HelloSection } from "./HelloSection";
+export { InvoicesSection } from "./InvoicesSection";
+export { RecentActivitySection } from "./RecentActivitySection";
+export { SetupPrompt } from "./SetupPrompt";
+export { ShipmentsSection } from "./ShipmentsSection";
+export { StatKpi } from "./StatKpi";
+export { StatsSection } from "./StatsSection";
+export { Stepper } from "./Stepper";
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/constants.ts b/apps/edr-freight-web/portal/src/pages/MyPortalPage/constants.ts
new file mode 100644
index 000000000..d1231406c
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/constants.ts
@@ -0,0 +1,340 @@
+import {
+  ArrowRight,
+  CheckCircle2,
+  Clock3,
+  FileCheck2,
+  FilePen,
+  MapPin,
+  Truck,
+  Wallet,
+  type LucideIcon,
+} from "lucide-react";
+import type { InvoiceStatus } from "@/pages/billing/invoices.mock";
+
+export const cv = (token: string) => {
+  const [name, shade] = token.split(".");
+  return `var(--mantine-color-${name}-${shade ?? "6"})`;
+};
+
+export const formatPct = (n: number) => `${n >= 0 ? "+" : ""}${n}%`;
+
+export const ACTIVE_STATUSES = [
+  "DRAFT",
+  "SUBMITTED",
+  "PENDING_APPROVAL",
+  "IN_TRANSIT",
+];
+
+export interface StageConfig {
+  stage: number;
+  icon: LucideIcon;
+  iconColor: string;
+  tile: string;
+  hint: string;
+  step: string;
+  badgeLabel: string;
+  badgeBg: string;
+  badgeText: string;
+  badgeDot: string;
+  action: {
+    label: string;
+    kind: "dark" | "amber" | "outline";
+    icon?: LucideIcon;
+  };
+}
+
+export const STATUS_CONFIG: Record<string, StageConfig> = {
+  DRAFT: {
+    stage: 0,
+    icon: FilePen,
+    iconColor: "edr-slate",
+    tile: "edr-slate-soft",
+    hint: "Draft saved · not yet submitted",
+    step: "edr-step",
+    badgeLabel: "Draft",
+    badgeBg: "edr-slate-soft",
+    badgeText: "edr-slate",
+    badgeDot: "edr-step",
+    action: { label: "Continue", kind: "dark" },
+  },
+  SUBMITTED: {
+    stage: 1,
+    icon: FileCheck2,
+    iconColor: "edr-blue",
+    tile: "edr-blue-soft",
+    hint: "Quote being prepared by EDR",
+    step: "edr-blue-dot",
+    badgeLabel: "Reviewing",
+    badgeBg: "edr-blue-soft",
+    badgeText: "edr-blue",
+    badgeDot: "edr-blue-dot",
+    action: { label: "View", kind: "outline" },
+  },
+  CHANGES_REQUESTED: {
+    stage: 1,
+    icon: FilePen,
+    iconColor: "edr-amber-text",
+    tile: "edr-amber-soft",
+    hint: "Changes requested · please update",
+    step: "edr-accent",
+    badgeLabel: "Revise",
+    badgeBg: "edr-amber-soft",
+    badgeText: "edr-amber-text",
+    badgeDot: "edr-accent",
+    action: { label: "Update", kind: "dark" },
+  },
+  PENDING_APPROVAL: {
+    stage: 2,
+    icon: FileCheck2,
+    iconColor: "edr-blue",
+    tile: "edr-blue-soft",
+    hint: "Pending internal approval",
+    step: "edr-blue-dot",
+    badgeLabel: "Pending",
+    badgeBg: "edr-blue-soft",
+    badgeText: "edr-blue",
+    badgeDot: "edr-blue-dot",
+    action: { label: "View", kind: "outline" },
+  },
+  APPROVED_PENDING_SIGNATURE: {
+    stage: 2,
+    icon: FileCheck2,
+    iconColor: "edr-blue",
+    tile: "edr-blue-soft",
+    hint: "Approved · awaiting signature",
+    step: "edr-blue-dot",
+    badgeLabel: "For Signature",
+    badgeBg: "edr-blue-soft",
+    badgeText: "edr-blue",
+    badgeDot: "edr-blue-dot",
+    action: { label: "Review", kind: "outline" },
+  },
+  APPROVED: {
+    stage: 2,
+    icon: CheckCircle2,
+    iconColor: "edr-green.7",
+    tile: "edr-soft",
+    hint: "Quote approved · ready to sign",
+    step: "edr-green.5",
+    badgeLabel: "Approved",
+    badgeBg: "edr-soft",
+    badgeText: "edr-green.7",
+    badgeDot: "edr-green.5",
+    action: { label: "View", kind: "outline" },
+  },
+  CONTRACT_READY: {
+    stage: 2,
+    icon: CheckCircle2,
+    iconColor: "edr-green.7",
+    tile: "edr-soft",
+    hint: "Contract ready · awaiting signature",
+    step: "edr-green.5",
+    badgeLabel: "Contract Ready",
+    badgeBg: "edr-soft",
+    badgeText: "edr-green.7",
+    badgeDot: "edr-green.5",
+    action: { label: "Review", kind: "outline" },
+  },
+  SIGNED_CUSTOMER: {
+    stage: 3,
+    icon: CheckCircle2,
+    iconColor: "edr-green.7",
+    tile: "edr-soft",
+    hint: "Signed by customer · internal processing",
+    step: "edr-green.5",
+    badgeLabel: "Signed",
+    badgeBg: "edr-soft",
+    badgeText: "edr-green.7",
+    badgeDot: "edr-green.5",
+    action: { label: "View", kind: "outline" },
+  },
+  FULLY_EXECUTED: {
+    stage: 3,
+    icon: CheckCircle2,
+    iconColor: "edr-green.7",
+    tile: "edr-soft",
+    hint: "Fully executed · generating PNR",
+    step: "edr-green.5",
+    badgeLabel: "Executed",
+    badgeBg: "edr-soft",
+    badgeText: "edr-green.7",
+    badgeDot: "edr-green.5",
+    action: { label: "View", kind: "outline" },
+  },
+  PNR_GENERATED: {
+    stage: 3,
+    icon: FileCheck2,
+    iconColor: "edr-blue",
+    tile: "edr-blue-soft",
+    hint: "PNR generated · awaiting payment verification",
+    step: "edr-blue-dot",
+    badgeLabel: "PNR Ready",
+    badgeBg: "edr-blue-soft",
+    badgeText: "edr-blue",
+    badgeDot: "edr-blue-dot",
+    action: { label: "View", kind: "outline" },
+  },
+  PAYMENT_VERIFICATION_IN_PROGRESS: {
+    stage: 2,
+    icon: Clock3,
+    iconColor: "edr-amber-text",
+    tile: "edr-amber-soft",
+    hint: "Verifying payment · please wait",
+    step: "edr-accent",
+    badgeLabel: "Verifying",
+    badgeBg: "edr-amber-soft",
+    badgeText: "edr-amber-text",
+    badgeDot: "edr-accent",
+    action: { label: "View", kind: "outline" },
+  },
+  SELECTED_FOR_BATCH: {
+    stage: 2,
+    icon: Wallet,
+    iconColor: "edr-amber-text",
+    tile: "edr-amber-soft",
+    hint: "Selected for batch · payment due within 1 hour",
+    step: "edr-accent",
+    badgeLabel: "Pay Now",
+    badgeBg: "edr-amber-soft",
+    badgeText: "edr-amber-text",
+    badgeDot: "edr-accent",
+    action: { label: "Pay now", kind: "amber", icon: ArrowRight },
+  },
+  EXPIRED: {
+    stage: 1,
+    icon: Clock3,
+    iconColor: "edr-red",
+    tile: "edr-red-soft",
+    hint: "Payment window expired · contact support",
+    step: "edr-red",
+    badgeLabel: "Expired",
+    badgeBg: "edr-red-soft",
+    badgeText: "edr-red",
+    badgeDot: "edr-red",
+    action: { label: "Contact", kind: "outline" },
+  },
+  PAID: {
+    stage: 3,
+    icon: CheckCircle2,
+    iconColor: "edr-green.7",
+    tile: "edr-soft",
+    hint: "Payment received · awaiting dispatch",
+    step: "edr-green.5",
+    badgeLabel: "Paid",
+    badgeBg: "edr-soft",
+    badgeText: "edr-green.7",
+    badgeDot: "edr-green.5",
+    action: { label: "View", kind: "outline" },
+  },
+  IN_TRANSIT: {
+    stage: 3,
+    icon: Truck,
+    iconColor: "edr-green.7",
+    tile: "edr-soft",
+    hint: "In transit · on schedule",
+    step: "edr-green.5",
+    badgeLabel: "In Transit",
+    badgeBg: "edr-soft",
+    badgeText: "edr-green.7",
+    badgeDot: "edr-green.5",
+    action: { label: "Track", kind: "outline", icon: MapPin },
+  },
+  COMPLETED: {
+    stage: 4,
+    icon: CheckCircle2,
+    iconColor: "edr-slate",
+    tile: "edr-slate-soft2",
+    hint: "Completed · awaiting delivery",
+    step: "edr-green.5",
+    badgeLabel: "Completed",
+    badgeBg: "edr-slate-soft2",
+    badgeText: "edr-slate",
+    badgeDot: "edr-step",
+    action: { label: "View", kind: "outline" },
+  },
+  DELIVERED: {
+    stage: 4,
+    icon: CheckCircle2,
+    iconColor: "edr-slate",
+    tile: "edr-slate-soft2",
+    hint: "Delivered · POD ready",
+    step: "edr-green.5",
+    badgeLabel: "Delivered",
+    badgeBg: "edr-slate-soft2",
+    badgeText: "edr-slate",
+    badgeDot: "edr-step",
+    action: { label: "View POD", kind: "outline" },
+  },
+  CANCELLED: {
+    stage: 0,
+    icon: FilePen,
+    iconColor: "edr-red",
+    tile: "edr-red-soft",
+    hint: "Cancelled",
+    step: "edr-red",
+    badgeLabel: "Cancelled",
+    badgeBg: "edr-red-soft",
+    badgeText: "edr-red",
+    badgeDot: "edr-red",
+    action: { label: "View", kind: "outline" },
+  },
+  REJECTED: {
+    stage: 0,
+    icon: FilePen,
+    iconColor: "edr-red",
+    tile: "edr-red-soft",
+    hint: "Rejected · contact support",
+    step: "edr-red",
+    badgeLabel: "Rejected",
+    badgeBg: "edr-red-soft",
+    badgeText: "edr-red",
+    badgeDot: "edr-red",
+    action: { label: "Contact", kind: "outline" },
+  },
+  PENDING_CONSOLIDATION: {
+    stage: 3,
+    icon: Clock3,
+    iconColor: "edr-blue",
+    tile: "edr-blue-soft",
+    hint: "Awaiting consolidation",
+    step: "edr-blue-dot",
+    badgeLabel: "Consolidating",
+    badgeBg: "edr-blue-soft",
+    badgeText: "edr-blue",
+    badgeDot: "edr-blue-dot",
+    action: { label: "View", kind: "outline" },
+  },
+  CONSOLIDATED: {
+    stage: 3,
+    icon: CheckCircle2,
+    iconColor: "edr-green.7",
+    tile: "edr-soft",
+    hint: "Consolidated · ready for dispatch",
+    step: "edr-green.5",
+    badgeLabel: "Consolidated",
+    badgeBg: "edr-soft",
+    badgeText: "edr-green.7",
+    badgeDot: "edr-green.5",
+    action: { label: "View", kind: "outline" },
+  },
+};
+
+export const ACTION_PROPS: Record<
+  string,
+  { bg: string; c: string; bd?: string }
+> = {
+  dark: { bg: "edr-ink", c: "white" },
+  amber: { bg: "edr-accent", c: "white" },
+  outline: { bg: "edr-card", c: "edr-text", bd: "1px solid edr-border" },
+};
+
+export const INVOICE_BADGE: Record<
+  InvoiceStatus,
+  { label: string; bg: string; text: string }
+> = {
+  Draft: { label: "Draft", bg: "edr-slate-soft", text: "edr-slate" },
+  Sent: { label: "Due soon", bg: "edr-amber-soft", text: "edr-amber-text" },
+  Paid: { label: "Paid", bg: "edr-soft", text: "edr-green.7" },
+  Overdue: { label: "Overdue", bg: "edr-red-soft", text: "edr-red" },
+  Cancelled: { label: "Cancelled", bg: "edr-slate-soft", text: "edr-slate" },
+};
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/hooks.ts b/apps/edr-freight-web/portal/src/pages/MyPortalPage/hooks.ts
new file mode 100644
index 000000000..fe2701840
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/hooks.ts
@@ -0,0 +1,74 @@
+import { useQuery } from "@tanstack/react-query";
+import { useMemo } from "react";
+import useAuth from "@/hooks/useAuth";
+import { getMyInvoices } from "@/lib/currentCustomer";
+import { api } from "@/services/api";
+import { ACTIVE_STATUSES } from "./constants";
+
+export function useMyPortalData() {
+  const { user, customer } = useAuth();
+  const myInvoices = useMemo(() => getMyInvoices(), []);
+
+  const bookingsQuery = useQuery(
+    api.bookings.list.queryOptions({
+      input: { sortBy: "createdAt", sortOrder: "DESC" },
+    }),
+  );
+
+  const dashboardQuery = useQuery(api.companies.getDashboard.queryOptions());
+
+  const allBookings = bookingsQuery.data?.items ?? [];
+  const activeBookings = allBookings.filter((b) =>
+    ACTIVE_STATUSES.includes(b.status),
+  );
+
+  const weekAgo = Date.now() - 7 * 24 * 60 * 60 * 1000;
+  const newActiveThisWeek = activeBookings.filter(
+    (b) => new Date(b.createdAt).getTime() >= weekAgo,
+  ).length;
+
+  const outstandingInvoices = myInvoices.filter(
+    (inv) => inv.status === "Sent" || inv.status === "Overdue",
+  );
+
+  const totalOutstanding = outstandingInvoices.reduce(
+    (sum, inv) => sum + inv.amount,
+    0,
+  );
+
+  const displayName = user?.name?.en ?? user?.username ?? user?.email ?? "—";
+  const companyName = (customer as any)?.companyName ?? displayName;
+
+  const hour = new Date().getHours();
+  const greeting =
+    hour < 12
+      ? "Good morning,"
+      : hour < 18
+        ? "Good afternoon,"
+        : "Good evening,";
+
+  const recentInvoices = myInvoices.slice(0, 3);
+
+  const dashboard = dashboardQuery.data;
+  const volumePoints = dashboard?.freightVolume.monthly ?? [];
+  const maxVolume = Math.max(1, ...volumePoints.map((p) => p.tonnes));
+
+  return {
+    user,
+    customer,
+    bookingsQuery,
+    dashboardQuery,
+    allBookings,
+    activeBookings,
+    newActiveThisWeek,
+    outstandingInvoices,
+    totalOutstanding,
+    companyName,
+    greeting,
+    recentInvoices,
+    dashboard,
+    volumePoints,
+    maxVolume,
+    myInvoices,
+  };
+}
diff --git a/apps/edr-freight-web/portal/src/pages/MyPortalPage/index.ts b/apps/edr-freight-web/portal/src/pages/MyPortalPage/index.ts
new file mode 100644
index 000000000..9b18dc3af
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MyPortalPage/index.ts
@@ -0,0 +1 @@
+export { default } from "./MyPortalPage";
diff --git a/apps/edr-freight-web/portal/src/pages/MySignaturePage.tsx b/apps/edr-freight-web/portal/src/pages/MySignaturePage.tsx
new file mode 100644
index 000000000..4c30c878a
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/MySignaturePage.tsx
@@ -0,0 +1,19 @@
+import { MySignatureCard } from "@/components/profile/MySignatureCard";
+
+export default function MySignaturePage() {
+  return (
+    <div className="px-4 py-8">
+      <div className="mx-auto flex max-w-md flex-col gap-6">
+        <div>
+          <h1 className="text-2xl font-black tracking-tight text-foreground">
+            My signature
+          </h1>
+          <p className="text-sm text-muted-foreground">
+            Saved and reused to approve and sign booking contracts.
+          </p>
+        </div>
+        <MySignatureCard />
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/SettingsPage.tsx b/apps/edr-freight-web/portal/src/pages/SettingsPage.tsx
index 2083fcd37..6f0b17022 100644
--- a/apps/edr-freight-web/portal/src/pages/SettingsPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/SettingsPage.tsx
@@ -1,110 +1,251 @@
-import { useSearchParams } from "react-router-dom";
-import { useQuery } from "@tanstack/react-query";
-import {
-  Building2,
-  User,
-  Briefcase,
-  UserCheck,
-  FileCheck,
-} from "lucide-react";
 import { api } from "@/services/api";
-import { Badge } from "@edr/ui-common";
-import { cn } from "@/lib/utils";
+import type { ProfileResponse } from "@/types/profile";
+import {
+  Alert,
+  Card,
+  Center,
+  Container,
+  Group,
+  Loader,
+  Tabs,
+  Text,
+  Title,
+} from "@mantine/core";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import {
+  AlertCircle,
+  Briefcase,
+  Building2,
+  FileCheck,
+  User,
+  UserCheck,
+} from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { useNavigate, useSearchParams } from "react-router-dom";
 import TabCompanyProfile from "./settings/TabCompanyProfile";
 import TabContactPerson from "./settings/TabContactPerson";
+import TabDocuments from "./settings/TabDocuments";
 import TabGeneralManager from "./settings/TabGeneralManager";
 import TabPowerOfAttorney from "./settings/TabPowerOfAttorney";
-import TabDocuments from "./settings/TabDocuments";
 
-type SettingsTab =
-  | "company"
-  | "contact"
-  | "gm"
-  | "poa"
-  | "documents";
+type SettingsTab = "company" | "contact" | "gm" | "poa" | "documents";
+
+function tabIncomplete(tabId: SettingsTab, profile?: ProfileResponse | null): boolean {
+  if (!profile) return false;
+  switch (tabId) {
+    case "company":
+      return !profile.companyEmail || !profile.companyPhone || !profile.companyAddress || !profile.fanNumber;
+    case "contact":
+      return !profile.contactPersonName || !profile.contactPersonPhone;
+    case "gm":
+      return !profile.generalManagerName || !profile.generalManagerEmail || !profile.generalManagerPhone;
+    case "poa":
+      return false;
+    case "documents":
+      return false;
+  }
+}
 
 const TABS: { id: SettingsTab; label: string; icon: React.ReactNode }[] = [
-  { id: "company", label: "Company Profile", icon: <Building2 className="size-4" /> },
-  { id: "contact", label: "Contact Person", icon: <User className="size-4" /> },
-  { id: "gm", label: "General Manager", icon: <Briefcase className="size-4" /> },
-  { id: "poa", label: "Power of Attorney", icon: <UserCheck className="size-4" /> },
-  { id: "documents", label: "Documents", icon: <FileCheck className="size-4" /> },
+  { id: "company", label: "Company Profile", icon: <Building2 size={16} /> },
+  { id: "contact", label: "Contact Person", icon: <User size={16} /> },
+  { id: "gm", label: "General Manager", icon: <Briefcase size={16} /> },
+  { id: "poa", label: "Power of Attorney", icon: <UserCheck size={16} /> },
+  { id: "documents", label: "Documents", icon: <FileCheck size={16} /> },
 ];
 
 export default function SettingsPage() {
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
   const [searchParams, setSearchParams] = useSearchParams();
   const tab = (searchParams.get("tab") as SettingsTab) || "company";
-  const setTab = (t: SettingsTab) => {
-    setSearchParams((prev) => {
-      const next = new URLSearchParams(prev);
-      next.set("tab", t);
-      return next;
-    }, { replace: true });
-  };
+  const setTab = useCallback(
+    (t: SettingsTab) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set("tab", t);
+          return next;
+        },
+        { replace: true },
+      );
+    },
+    [setSearchParams],
+  );
 
   const profileQuery = useQuery(
-    api.companies.getProfile.queryOptions(),
+    api.companies.getProfile.queryOptions({
+      retry: false,
+      refetchOnWindowFocus: false,
+    }),
   );
 
   const profile = profileQuery.data;
 
+  useEffect(() => {
+    if (profileQuery.dataUpdatedAt > 0) {
+      queryClient.invalidateQueries({
+        queryKey: api.companies.getInfo.queryKey(),
+      });
+    }
+  }, [profileQuery.dataUpdatedAt, queryClient]);
+
+  const [isOnboarding, setIsOnboarding] = useState<boolean | null>(null);
+
+  useEffect(() => {
+    if (profileQuery.isFetched && isOnboarding === null) {
+      setIsOnboarding(!profileQuery.data);
+    }
+  }, [profileQuery.isFetched, profileQuery.data, isOnboarding]);
+
+  const handleOnboardingSuccess = useCallback(() => {
+    setTab("contact");
+  }, [setTab]);
+
+  const handleContactContinue = useCallback(() => {
+    setTab("gm");
+  }, [setTab]);
+
+  const handleGMContinue = useCallback(() => {
+    setTab("poa");
+  }, [setTab]);
+
+  const handlePOAContinue = useCallback(() => {
+    setTab("documents");
+  }, [setTab]);
+
+  const handleDocumentsContinue = useCallback(() => {
+    navigate("/portal");
+  }, [navigate]);
+
   if (profileQuery.isPending) {
     return (
-      <div className="flex h-full items-center justify-center">
-        <div className="h-8 w-8 animate-spin rounded-full border-b-2 border-primary" />
-      </div>
+      <Center h="100%">
+        <Loader color="edr-green" size="lg" />
+      </Center>
     );
   }
 
-  if (!profile) {
-    return (
-      <div className="flex h-full items-center justify-center">
-        <p className="text-muted-foreground">No company profile found.</p>
-      </div>
-    );
-  }
+  const onboarding = isOnboarding === true;
+
+  const renderProfileContent = (children: React.ReactNode) => {
+    if (onboarding && tab !== "company" && !profile) {
+      return (
+        <Center h={200}>
+          <Loader color="edr-green" />
+        </Center>
+      );
+    }
+    if (!profile) {
+      return (
+        <Card padding="xl">
+          <Center>
+            <Alert
+              icon={<AlertCircle size={24} />}
+              color="gray"
+              variant="light"
+            >
+              Please complete the company profile first.
+            </Alert>
+          </Center>
+        </Card>
+      );
+    }
+    return children;
+  };
 
   return (
-    <div className="px-4 py-8">
-      <div className="mb-8 flex items-center justify-between">
+    <Container size="xl" px="lg">
+      <Group justify="space-between" mb="xl">
         <div>
-          <h1 className="text-2xl font-black tracking-tight text-foreground">
-            Account Settings
-          </h1>
-          <p className="mt-1 text-sm text-muted-foreground">
-            Manage your company profile, personnel, and documents
-          </p>
+          <Title order={1} size="h2">
+            {onboarding ? "Complete Your Profile" : "Account Settings"}
+          </Title>
+          <Text c="edr-muted" size="sm" mt={4}>
+            {onboarding
+              ? "Set up your company profile, personnel, and documents to get started"
+              : "Manage your company profile, personnel, and documents"}
+          </Text>
         </div>
-        <Badge variant="secondary" className="font-bold uppercase tracking-wider">
-          Verified
-        </Badge>
-      </div>
+      </Group>
 
-      {/* Tab Bar */}
-      <div className="mb-6 flex flex-wrap gap-1 border-b border-border">
-        {TABS.map((t) => (
-          <button
-            key={t.id}
-            type="button"
-            onClick={() => setTab(t.id)}
-            className={cn(
-              "flex items-center gap-2 border-b-2 px-4 py-3 text-sm font-semibold transition-colors",
-              tab === t.id
-                ? "border-primary text-primary"
-                : "border-transparent text-muted-foreground hover:text-foreground",
-            )}
-          >
-            {t.icon}
-            {t.label}
-          </button>
-        ))}
-      </div>
+      <Tabs
+        value={tab}
+        onChange={(value) => {
+          if (!value) return;
+          // if (onboarding) return;
+          setTab(value as SettingsTab);
+        }}
+      >
+        <Tabs.List mb="md">
+          {TABS.map((t) => (
+            <Tabs.Tab
+              key={t.id}
+              value={t.id}
+              leftSection={t.icon}
+              disabled={!onboarding && !profile && t.id !== "company"}
+              rightSection={
+                !onboarding && profile && tabIncomplete(t.id, profile) ? (
+                  <AlertCircle size={14} color="red" />
+                ) : undefined
+              }
+            >
+              {t.label}
+            </Tabs.Tab>
+          ))}
+        </Tabs.List>
 
-      {tab === "company" && <TabCompanyProfile profile={profile} />}
-      {tab === "contact" && <TabContactPerson profile={profile} />}
-      {tab === "gm" && <TabGeneralManager profile={profile} />}
-      {tab === "poa" && <TabPowerOfAttorney profile={profile} />}
-      {tab === "documents" && <TabDocuments profile={profile} />}
-    </div>
+        <Tabs.Panel value="company">
+          {!profile ? (
+            <TabCompanyProfile
+              mode="create"
+              onCreateSuccess={handleOnboardingSuccess}
+            />
+          ) : (
+            <TabCompanyProfile mode="edit" profile={profile} />
+          )}
+        </Tabs.Panel>
+
+        <Tabs.Panel value="contact">
+          {renderProfileContent(
+            <TabContactPerson
+              profile={profile!}
+              mode={onboarding ? "onboarding" : "edit"}
+              onContinue={handleContactContinue}
+            />,
+          )}
+        </Tabs.Panel>
+
+        <Tabs.Panel value="gm">
+          {renderProfileContent(
+            <TabGeneralManager
+              profile={profile!}
+              mode={onboarding ? "onboarding" : "edit"}
+              onContinue={handleGMContinue}
+            />,
+          )}
+        </Tabs.Panel>
+
+        <Tabs.Panel value="poa">
+          {renderProfileContent(
+            <TabPowerOfAttorney
+              profile={profile!}
+              mode={onboarding ? "onboarding" : "edit"}
+              onContinue={handlePOAContinue}
+            />,
+          )}
+        </Tabs.Panel>
+
+        <Tabs.Panel value="documents">
+          {renderProfileContent(
+            <TabDocuments
+              profile={profile!}
+              mode={onboarding ? "onboarding" : "edit"}
+              onContinue={handleDocumentsContinue}
+            />,
+          )}
+        </Tabs.Panel>
+      </Tabs>
+    </Container>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/CompanyProfileForm.tsx b/apps/edr-freight-web/portal/src/pages/accounts/CompanyProfileForm.tsx
index e86c30132..3a26c92b2 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/CompanyProfileForm.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/CompanyProfileForm.tsx
@@ -1,31 +1,35 @@
+import {
+  Box,
+  Button,
+  Divider,
+  Group,
+  Loader,
+  SimpleGrid,
+  Stack,
+  Text,
+  TextInput,
+  ThemeIcon,
+} from "@mantine/core";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useQuery } from "@tanstack/react-query";
+import {
+  ArrowLeft,
+  ArrowRight,
+  Building2,
+  CheckCircle2,
+  ChevronLeft,
+  FileText,
+  UploadCloud,
+  User,
+} from "lucide-react";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
-import { useQuery } from "@tanstack/react-query";
-import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import {
-  ArrowRight,
-  ArrowLeft,
-  Building2,
-  User,
-  FileText,
-  CheckCircle2,
-  Loader2,
-  ChevronLeft,
-  UploadCloud,
-} from "lucide-react";
+
 import type { AuthUser } from "@/types/auth";
 import type { CreateCompanyPayload } from "@/services/companies.service";
 import PhoneInput from "@/components/auth/PhoneInput";
-import {
-  Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-  SmartFileInput,
-} from "@edr/ui-common";
+import { SmartFileInput } from "@edr/ui-common";
 import { api } from "@/services/api";
 
 type CompanyStep = "company" | "personnel" | "poa" | "documents" | "confirm";
@@ -125,9 +129,7 @@ export default function CompanyProfileForm({
 }: {
   documentSettingCode: string;
   documentFiles?: Record<string, File | File[] | null>;
-  onDocumentFilesChange?: (
-    files: Record<string, File | File[] | null>,
-  ) => void;
+  onDocumentFilesChange?: (files: Record<string, File | File[] | null>) => void;
   user: AuthUser;
   onSubmit: (data: CreateCompanyPayload) => void;
   isPending: boolean;
@@ -198,110 +200,115 @@ export default function CompanyProfileForm({
       handleSubmit((data) => onSubmit(buildPayload(data, user)))();
       return;
     }
-    const fields = stepFields[step];
-    const isValid = await trigger(fields);
+    const isValid = await trigger(stepFields[step]);
     if (!isValid) return;
     setStep(step === "company" ? "personnel" : "poa");
   };
 
   const prevStep = () => {
-    if (step === "company") {
-      onBack();
-    } else if (step === "personnel") {
-      setStep("company");
-    } else if (step === "poa") {
-      setStep("personnel");
-    } else if (step === "documents") {
-      setStep("poa");
-    } else {
-      setStep("documents");
-    }
+    if (step === "company") onBack();
+    else if (step === "personnel") setStep("company");
+    else if (step === "poa") setStep("personnel");
+    else if (step === "documents") setStep("poa");
+    else setStep("documents");
   };
 
+  const STEPS: { key: CompanyStep; icon: React.ReactNode }[] = [
+    { key: "company", icon: <Building2 size={18} /> },
+    { key: "personnel", icon: <User size={18} /> },
+    { key: "poa", icon: <FileText size={18} /> },
+    { key: "documents", icon: <UploadCloud size={18} /> },
+    { key: "confirm", icon: <CheckCircle2 size={18} /> },
+  ];
+
+  const STEP_LABELS: Record<CompanyStep, string> = {
+    company: `Step 1 of ${totalSteps} — Company Information`,
+    personnel: `Step 2 of ${totalSteps} — Personnel Details`,
+    poa: `Step 3 of ${totalSteps} — Power of Attorney (Optional)`,
+    documents: `Step 4 of ${totalSteps} — Upload Documents (Optional)`,
+    confirm: `Step 5 of ${totalSteps} — Review & Confirm`,
+  };
+
+  const stepOrder: CompanyStep[] = [
+    "company",
+    "personnel",
+    "poa",
+    "documents",
+    "confirm",
+  ];
+  const currentIdx = stepOrder.indexOf(step);
+
   return (
     <>
-      <div className="mb-8">
-        <button
-          type="button"
+      <Box mb="xl">
+        <Button
+          variant="subtle"
+          c="edr-muted"
+          size="sm"
+          mb="sm"
+          leftSection={<ChevronLeft size={16} />}
           onClick={prevStep}
-          className="mb-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
         >
-          <ChevronLeft className="size-4" />
           Change account type
-        </button>
+        </Button>
 
-        <div className="flex items-center justify-between max-w-lg mx-auto relative px-2">
-          <div className="absolute top-1/2 left-0 w-full h-0.5 bg-border -translate-y-1/2 z-0" />
-          <StepIcon
-            icon={<Building2 className="size-5" />}
-            active={step === "company"}
-            completed={step !== "company"}
-          />
-          <StepIcon
-            icon={<User className="size-5" />}
-            active={step === "personnel"}
-            completed={
-              step === "poa" || step === "documents" || step === "confirm"
-            }
-          />
-          <StepIcon
-            icon={<FileText className="size-5" />}
-            active={step === "poa"}
-            completed={step === "documents" || step === "confirm"}
-          />
-          <StepIcon
-            icon={<UploadCloud className="size-5" />}
-            active={step === "documents"}
-            completed={step === "confirm"}
-          />
-          <StepIcon
-            icon={<CheckCircle2 className="size-5" />}
-            active={step === "confirm"}
-            completed={false}
-          />
-        </div>
-        <p className="text-center text-sm text-muted-foreground mt-3">
-          {step === "company" &&
-            `Step 1 of ${totalSteps} — Company Information`}
-          {step === "personnel" &&
-            `Step 2 of ${totalSteps} — Personnel Details`}
-          {step === "poa" &&
-            `Step 3 of ${totalSteps} — Power of Attorney (Optional)`}
-          {step === "documents" &&
-            `Step 4 of ${totalSteps} — Upload Documents (Optional)`}
-          {step === "confirm" && `Step 5 of ${totalSteps} — Review & Confirm`}
-        </p>
-      </div>
+        <Group
+          justify="space-between"
+          align="center"
+          className="relative max-w-lg mx-auto px-2"
+        >
+          <Box className="absolute top-1/2 left-2 right-2 h-0.5 bg-edr-border -translate-y-1/2 z-0" />
+          {STEPS.map(({ key, icon }, i) => {
+            const done = i < currentIdx;
+            const active = i === currentIdx;
+            return done || active ? (
+              <ThemeIcon
+                key={key}
+                size={40}
+                radius="xl"
+                variant="filled"
+                color="edr-green"
+                className="relative z-10"
+              >
+                {done ? <CheckCircle2 size={18} /> : icon}
+              </ThemeIcon>
+            ) : (
+              <Box
+                key={key}
+                w={40}
+                h={40}
+                c="edr-slate"
+                className="relative z-10 flex items-center justify-center rounded-full border-2 border-edr-border bg-edr-card"
+              >
+                {icon}
+              </Box>
+            );
+          })}
+        </Group>
 
-      <form
-        onSubmit={(e) => e.preventDefault()}
-        className="flex flex-col gap-4"
-      >
-        <FieldGroup className="gap-4">
+        <Text size="sm" c="edr-muted" ta="center" mt="sm">
+          {STEP_LABELS[step]}
+        </Text>
+      </Box>
+
+      <form onSubmit={(e) => e.preventDefault()}>
+        <Stack gap="md">
           {step === "company" && (
             <>
-              <Field data-invalid={Boolean(errors.companyName)}>
-                <FieldLabel>Company Name</FieldLabel>
-                <Input
-                  placeholder="Global Logistics Ltd"
-                  aria-invalid={Boolean(errors.companyName)}
-                  {...register("companyName")}
+              <TextInput
+                label="Company Name"
+                placeholder="Global Logistics Ltd"
+                error={errors.companyName?.message}
+                {...register("companyName")}
+              />
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Company Email"
+                  type="email"
+                  placeholder="ops@company.com"
+                  error={errors.companyEmail?.message}
+                  {...register("companyEmail")}
                 />
-                <FieldError errors={[errors.companyName]} />
-              </Field>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.companyEmail)}>
-                  <FieldLabel>Company Email</FieldLabel>
-                  <Input
-                    type="email"
-                    placeholder="ops@company.com"
-                    aria-invalid={Boolean(errors.companyEmail)}
-                    {...register("companyEmail")}
-                  />
-                  <FieldError errors={[errors.companyEmail]} />
-                </Field>
-
                 <PhoneInput
                   countryCode={{ ...register("companyPhoneCountryCode") }}
                   phone={{
@@ -312,243 +319,183 @@ export default function CompanyProfileForm({
                   phoneError={errors.companyPhone}
                   label="Company Phone"
                 />
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.companyLocation)}>
-                  <FieldLabel>Location</FieldLabel>
-                  <Input
-                    placeholder="Addis Ababa, Ethiopia"
-                    aria-invalid={Boolean(errors.companyLocation)}
-                    {...register("companyLocation")}
-                  />
-                  <FieldError errors={[errors.companyLocation]} />
-                </Field>
-
-                <Field data-invalid={Boolean(errors.companyAddress)}>
-                  <FieldLabel>Address</FieldLabel>
-                  <Input
-                    placeholder="Bole Subcity, Woreda 03"
-                    aria-invalid={Boolean(errors.companyAddress)}
-                    {...register("companyAddress")}
-                  />
-                  <FieldError errors={[errors.companyAddress]} />
-                </Field>
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.tinNumber)}>
-                  <FieldLabel>TIN Number (10 digits)</FieldLabel>
-                  <Input
-                    placeholder="1234567890"
-                    maxLength={10}
-                    aria-invalid={Boolean(errors.tinNumber)}
-                    {...register("tinNumber")}
-                  />
-                  <FieldError errors={[errors.tinNumber]} />
-                </Field>
-
-                <Field data-invalid={Boolean(errors.vatNumber)}>
-                  <FieldLabel>VAT Number</FieldLabel>
-                  <Input
-                    placeholder="VAT-12345"
-                    aria-invalid={Boolean(errors.vatNumber)}
-                    maxLength={10}
-                    {...register("vatNumber")}
-                  />
-                  <FieldError errors={[errors.vatNumber]} />
-                </Field>
-              </div>
-
-              <Field data-invalid={Boolean(errors.fanNumber)}>
-                <FieldLabel>FAN Number (16 digits)</FieldLabel>
-                <Input
-                  placeholder="1234567890123456"
-                  maxLength={16}
-                  aria-invalid={Boolean(errors.fanNumber)}
-                  {...register("fanNumber")}
+              </SimpleGrid>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Location"
+                  placeholder="Addis Ababa, Ethiopia"
+                  error={errors.companyLocation?.message}
+                  {...register("companyLocation")}
                 />
-                <FieldError errors={[errors.fanNumber]} />
-              </Field>
+                <TextInput
+                  label="Address"
+                  placeholder="Bole Subcity, Woreda 03"
+                  error={errors.companyAddress?.message}
+                  {...register("companyAddress")}
+                />
+              </SimpleGrid>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="TIN Number (10 digits)"
+                  placeholder="1234567890"
+                  maxLength={10}
+                  error={errors.tinNumber?.message}
+                  {...register("tinNumber")}
+                />
+                <TextInput
+                  label="VAT Number"
+                  placeholder="VAT-12345"
+                  maxLength={10}
+                  error={errors.vatNumber?.message}
+                  {...register("vatNumber")}
+                />
+              </SimpleGrid>
+              <TextInput
+                label="FAN Number (16 digits)"
+                placeholder="1234567890123456"
+                maxLength={16}
+                error={errors.fanNumber?.message}
+                {...register("fanNumber")}
+              />
             </>
           )}
 
           {step === "personnel" && (
             <>
-              <div>
-                <h3 className="text-sm font-semibold text-foreground mb-3">
-                  Contact Person
-                </h3>
-                <div className="grid grid-cols-2 gap-4">
-                  <Field data-invalid={Boolean(errors.contactPersonName)}>
-                    <FieldLabel>Name</FieldLabel>
-                    <Input
-                      placeholder="Jane Smith"
-                      aria-invalid={Boolean(errors.contactPersonName)}
-                      {...register("contactPersonName")}
-                    />
-                    <FieldError errors={[errors.contactPersonName]} />
-                  </Field>
+              <Text fw={600} size="sm" c="edr-text">
+                Contact Person
+              </Text>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Name"
+                  placeholder="Jane Smith"
+                  error={errors.contactPersonName?.message}
+                  {...register("contactPersonName")}
+                />
+                <PhoneInput
+                  countryCode={{ ...register("contactPersonPhoneCountryCode") }}
+                  phone={{
+                    ...register("contactPersonPhone"),
+                    placeholder: "912345678",
+                  }}
+                  countryCodeError={errors.contactPersonPhoneCountryCode}
+                  phoneError={errors.contactPersonPhone}
+                  label="Phone"
+                />
+              </SimpleGrid>
 
-                  <PhoneInput
-                    countryCode={{
-                      ...register("contactPersonPhoneCountryCode"),
-                    }}
-                    phone={{
-                      ...register("contactPersonPhone"),
-                      placeholder: "912345678",
-                    }}
-                    countryCodeError={errors.contactPersonPhoneCountryCode}
-                    phoneError={errors.contactPersonPhone}
-                    label="Phone"
-                  />
-                </div>
-              </div>
+              <Divider color="edr-border" />
 
-              <hr className="border-border" />
-
-              <div>
-                <h3 className="text-sm font-semibold text-foreground mb-3">
-                  General Manager
-                </h3>
-                <div className="grid grid-cols-2 gap-4">
-                  <Field
-                    className="col-span-2"
-                    data-invalid={Boolean(errors.generalManagerName)}
-                  >
-                    <FieldLabel>Name</FieldLabel>
-                    <Input
-                      placeholder="Abebe Bikila"
-                      aria-invalid={Boolean(errors.generalManagerName)}
-                      {...register("generalManagerName")}
-                    />
-                    <FieldError errors={[errors.generalManagerName]} />
-                  </Field>
-
-                  <Field data-invalid={Boolean(errors.generalManagerEmail)}>
-                    <FieldLabel>Email</FieldLabel>
-                    <Input
-                      type="email"
-                      placeholder="gm@company.com"
-                      aria-invalid={Boolean(errors.generalManagerEmail)}
-                      {...register("generalManagerEmail")}
-                    />
-                    <FieldError errors={[errors.generalManagerEmail]} />
-                  </Field>
-
-                  <PhoneInput
-                    countryCode={{
-                      ...register("generalManagerPhoneCountryCode"),
-                    }}
-                    phone={{
-                      ...register("generalManagerPhone"),
-                      placeholder: "912345678",
-                    }}
-                    countryCodeError={errors.generalManagerPhoneCountryCode}
-                    phoneError={errors.generalManagerPhone}
-                    label="Phone"
-                  />
-                </div>
-              </div>
+              <Text fw={600} size="sm" c="edr-text">
+                General Manager
+              </Text>
+              <TextInput
+                label="Name"
+                placeholder="Abebe Bikila"
+                error={errors.generalManagerName?.message}
+                {...register("generalManagerName")}
+              />
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Email"
+                  type="email"
+                  placeholder="gm@company.com"
+                  error={errors.generalManagerEmail?.message}
+                  {...register("generalManagerEmail")}
+                />
+                <PhoneInput
+                  countryCode={{
+                    ...register("generalManagerPhoneCountryCode"),
+                  }}
+                  phone={{
+                    ...register("generalManagerPhone"),
+                    placeholder: "912345678",
+                  }}
+                  countryCodeError={errors.generalManagerPhoneCountryCode}
+                  phoneError={errors.generalManagerPhone}
+                  label="Phone"
+                />
+              </SimpleGrid>
             </>
           )}
 
           {step === "poa" && (
             <>
-              <p className="text-sm text-muted-foreground">
+              <Text size="sm" c="edr-muted">
                 Power of Attorney details are optional. Fill them in if you have
                 them, or skip to continue.
-              </p>
-
-              <Field data-invalid={Boolean(errors.poaName)}>
-                <FieldLabel>PoA Name</FieldLabel>
-                <Input
-                  placeholder="Authorized Representative Name"
-                  aria-invalid={Boolean(errors.poaName)}
-                  {...register("poaName")}
+              </Text>
+              <TextInput
+                label="PoA Name"
+                placeholder="Authorized Representative Name"
+                error={errors.poaName?.message}
+                {...register("poaName")}
+              />
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="PoA Email"
+                  type="email"
+                  placeholder="poa@company.com"
+                  error={errors.poaEmail?.message}
+                  {...register("poaEmail")}
                 />
-                <FieldError errors={[errors.poaName]} />
-              </Field>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.poaEmail)}>
-                  <FieldLabel>PoA Email</FieldLabel>
-                  <Input
-                    type="email"
-                    placeholder="poa@company.com"
-                    aria-invalid={Boolean(errors.poaEmail)}
-                    {...register("poaEmail")}
-                  />
-                  <FieldError errors={[errors.poaEmail]} />
-                </Field>
-
                 <PhoneInput
                   countryCode={{ ...register("poaPhoneCountryCode") }}
                   phone={{ ...register("poaPhone"), placeholder: "912345678" }}
-                  label="PoA Phone"
                   countryCodeError={errors.poaPhoneCountryCode}
                   phoneError={errors.poaPhone}
+                  label="PoA Phone"
                 />
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.poaLocation)}>
-                  <FieldLabel>PoA Location</FieldLabel>
-                  <Input
-                    placeholder="City, Country"
-                    aria-invalid={Boolean(errors.poaLocation)}
-                    {...register("poaLocation")}
-                  />
-                  <FieldError errors={[errors.poaLocation]} />
-                </Field>
-
-                <Field data-invalid={Boolean(errors.poaAddress)}>
-                  <FieldLabel>PoA Address</FieldLabel>
-                  <Input
-                    placeholder="Full Address"
-                    aria-invalid={Boolean(errors.poaAddress)}
-                    {...register("poaAddress")}
-                  />
-                  <FieldError errors={[errors.poaAddress]} />
-                </Field>
-              </div>
+              </SimpleGrid>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="PoA Location"
+                  placeholder="City, Country"
+                  error={errors.poaLocation?.message}
+                  {...register("poaLocation")}
+                />
+                <TextInput
+                  label="PoA Address"
+                  placeholder="Full Address"
+                  error={errors.poaAddress?.message}
+                  {...register("poaAddress")}
+                />
+              </SimpleGrid>
             </>
           )}
 
           {step === "documents" && (
             <>
               {loadingDocuments ? (
-                <div className="flex items-center justify-center py-8">
-                  <Loader2 className="size-6 animate-spin text-muted-foreground" />
-                </div>
+                <Group justify="center" py="xl">
+                  <Loader size="sm" color="edr-green" />
+                </Group>
               ) : !uploadSetting ? (
-                <p className="text-sm text-muted-foreground text-center py-4">
+                <Text size="sm" c="edr-muted" ta="center" py="md">
                   No document requirements found for your account type.
-                </p>
+                </Text>
               ) : (
-                <div className="flex flex-col gap-6">
-                  <SmartFileInput
-                    file={uploadSetting}
-                    value={documentFiles}
-                    onChange={setDocumentFiles}
-                  />
-                </div>
+                <SmartFileInput
+                  file={uploadSetting}
+                  value={documentFiles}
+                  onChange={setDocumentFiles}
+                />
               )}
             </>
           )}
 
           {step === "confirm" && (
-            <div className="space-y-4 rounded-xl border border-border bg-card p-4">
-              <div>
-                <h3 className="text-base font-semibold text-foreground">
-                  Review your registration
-                </h3>
-                <p className="text-sm text-muted-foreground mt-1">
-                  Confirm the company details below before saving.
-                </p>
-              </div>
-
-              <div className="grid gap-3 md:grid-cols-2">
+            <Box
+              p={16}
+              className="rounded-2xl border border-edr-border bg-edr-card"
+            >
+              <Text fw={600} c="edr-text">
+                Review your registration
+              </Text>
+              <Text size="sm" c="edr-muted" mt={4} mb="md">
+                Confirm the company details below before saving.
+              </Text>
+              <SimpleGrid cols={2} spacing="sm">
                 <ReviewRow
                   label="Company name"
                   value={formValues.companyName}
@@ -609,45 +556,48 @@ export default function CompanyProfileForm({
                   label="PoA location"
                   value={formValues.poaLocation || undefined}
                 />
-              </div>
-            </div>
+              </SimpleGrid>
+            </Box>
           )}
-        </FieldGroup>
 
-        <div className="flex items-center justify-between pt-2">
-          <Button type="button" variant="outline" onClick={prevStep}>
-            <ArrowLeft />
-            {step === "company"
-              ? "Change Type"
-              : step === "confirm"
-                ? "Back to Documents"
-                : "Back"}
-          </Button>
-
-          <div className="flex items-center gap-3">
+          <Group justify="space-between" pt="xs">
             <Button
-              type="button"
-              onClick={step === "confirm" ? handleSubmit((data) => onSubmit(buildPayload(data, user))) : nextStep}
-              disabled={isPending || (step === "documents" && !hasDocuments && loadingDocuments)}
+              variant="default"
+              onClick={prevStep}
+              leftSection={<ArrowLeft size={16} />}
             >
-              {isPending ? (
-                <>
-                  <Loader2 className="animate-spin" />
-                  Submitting...
-                </>
-              ) : step === "documents" ? (
-                "Continue"
-              ) : step === "confirm" ? (
-                "Submit Registration"
-              ) : (
-                <>
-                  Next Step
-                  <ArrowRight />
-                </>
-              )}
+              {step === "company"
+                ? "Change Type"
+                : step === "confirm"
+                  ? "Back to Documents"
+                  : "Back"}
             </Button>
-          </div>
-        </div>
+            <Button
+              color="edr-green"
+              onClick={
+                step === "confirm"
+                  ? handleSubmit((data) => onSubmit(buildPayload(data, user)))
+                  : nextStep
+              }
+              disabled={
+                isPending ||
+                (step === "documents" && !hasDocuments && loadingDocuments)
+              }
+              loading={isPending}
+              rightSection={
+                !isPending && step !== "confirm" && step !== "documents" ? (
+                  <ArrowRight size={16} />
+                ) : undefined
+              }
+            >
+              {step === "documents"
+                ? "Continue"
+                : step === "confirm"
+                  ? "Submit Registration"
+                  : "Next Step"}
+            </Button>
+          </Group>
+        </Stack>
       </form>
     </>
   );
@@ -655,36 +605,23 @@ export default function CompanyProfileForm({
 
 function ReviewRow({ label, value }: { label: string; value?: string | null }) {
   return (
-    <div className="rounded-lg border border-border bg-muted/20 p-3">
-      <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+    <Box p={12} className="rounded-xl bg-edr-bg">
+      <Text
+        size="xs"
+        fw={600}
+        c="edr-muted"
+        className="uppercase tracking-wide"
+      >
         {label}
-      </div>
-      <div className="mt-1 text-sm font-medium text-foreground">
+      </Text>
+      <Text
+        size="sm"
+        fw={500}
+        c={value?.trim() ? "edr-text" : "edr-muted"}
+        mt={4}
+      >
         {value?.trim() ? value : "Not provided"}
-      </div>
-    </div>
-  );
-}
-
-function StepIcon({
-  icon,
-  active,
-  completed,
-}: {
-  icon: React.ReactNode;
-  active: boolean;
-  completed: boolean;
-}) {
-  return (
-    <div
-      className={`relative z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 transition-all ${completed
-          ? "bg-primary border-primary text-primary-foreground"
-          : active
-            ? "bg-background border-primary text-primary shadow-md"
-            : "bg-background border-border text-muted-foreground"
-        }`}
-    >
-      {completed ? <CheckCircle2 className="size-5" /> : icon}
-    </div>
+      </Text>
+    </Box>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/DjiboutiAgentForm.tsx b/apps/edr-freight-web/portal/src/pages/accounts/DjiboutiAgentForm.tsx
index 2730c878d..eb58b98c1 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/DjiboutiAgentForm.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/DjiboutiAgentForm.tsx
@@ -1,30 +1,23 @@
-import { useState } from "react";
-import { useForm } from "react-hook-form";
-import { useQuery } from "@tanstack/react-query";
+import { Box, Button, Group, Loader, SimpleGrid, Stack, Text, TextInput, ThemeIcon } from "@mantine/core";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
+import { useQuery } from "@tanstack/react-query";
 import {
-  ArrowRight,
   ArrowLeft,
+  ArrowRight,
   Building2,
-  UserRound,
   CheckCircle2,
-  Loader2,
   ChevronLeft,
   UploadCloud,
+  UserRound,
 } from "lucide-react";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+
 import type { AuthUser } from "@/types/auth";
 import type { CreateCompanyPayload } from "@/services/companies.service";
 import PhoneInput from "@/components/auth/PhoneInput";
-import {
-  Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-  SmartFileInput,
-} from "@edr/ui-common";
+import { SmartFileInput } from "@edr/ui-common";
 import { api } from "@/services/api";
 
 type DjiboutiStep = "company" | "representative" | "documents" | "confirm";
@@ -45,20 +38,8 @@ const djiboutiSchema = z.object({
 type FormData = z.infer<typeof djiboutiSchema>;
 
 const stepFields: Record<DjiboutiStep, (keyof FormData)[]> = {
-  company: [
-    "companyName",
-    "companyEmail",
-    "companyPhone",
-    "companyPhoneCountryCode",
-    "companyLocation",
-    "companyAddress",
-  ],
-  representative: [
-    "repName",
-    "repEmail",
-    "repPhone",
-    "repPhoneCountryCode",
-  ],
+  company: ["companyName", "companyEmail", "companyPhone", "companyPhoneCountryCode", "companyLocation", "companyAddress"],
+  representative: ["repName", "repEmail", "repPhone", "repPhoneCountryCode"],
   documents: [],
   confirm: [],
 };
@@ -92,47 +73,26 @@ export default function DjiboutiAgentForm({
 }: {
   documentSettingCode: string;
   documentFiles?: Record<string, File | File[] | null>;
-  onDocumentFilesChange?: (
-    files: Record<string, File | File[] | null>,
-  ) => void;
+  onDocumentFilesChange?: (files: Record<string, File | File[] | null>) => void;
   user: AuthUser;
   onSubmit: (data: CreateCompanyPayload) => void;
   isPending: boolean;
   onBack: () => void;
 }) {
   const [step, setStep] = useState<DjiboutiStep>("company");
-  const [internalFiles, setInternalFiles] = useState<
-    Record<string, File | File[] | null>
-  >({});
+  const [internalFiles, setInternalFiles] = useState<Record<string, File | File[] | null>>({});
   const documentFiles = controlledFiles ?? internalFiles;
   const setDocumentFiles = onDocumentFilesChange ?? setInternalFiles;
 
   const { data: uploadSetting, isLoading: loadingDocuments } = useQuery(
-    api.fileUploadSettings.getByCode.queryOptions({
-      input: { code: documentSettingCode },
-      refetchOnMount: false,
-    }),
+    api.fileUploadSettings.getByCode.queryOptions({ input: { code: documentSettingCode }, refetchOnMount: false }),
   );
 
-  const {
-    register,
-    handleSubmit,
-    trigger,
-    watch,
-    formState: { errors },
-  } = useForm<FormData>({
+  const { register, handleSubmit, trigger, watch, formState: { errors } } = useForm<FormData>({
     resolver: zodResolver(djiboutiSchema),
     defaultValues: {
-      companyName: "",
-      companyEmail: "",
-      companyPhone: "",
-      companyPhoneCountryCode: "+253",
-      companyLocation: "",
-      companyAddress: "",
-      repName: "",
-      repEmail: "",
-      repPhone: "",
-      repPhoneCountryCode: "+253",
+      companyName: "", companyEmail: "", companyPhone: "", companyPhoneCountryCode: "+253",
+      companyLocation: "", companyAddress: "", repName: "", repEmail: "", repPhone: "", repPhoneCountryCode: "+253",
     },
   });
 
@@ -141,224 +101,178 @@ export default function DjiboutiAgentForm({
   const totalSteps = 4;
 
   const nextStep = async () => {
-    if (step === "representative") {
-      setStep("documents");
-      return;
-    }
-    if (step === "documents") {
-      setStep("confirm");
-      return;
-    }
-    if (step === "confirm") {
-      handleSubmit((data) => onSubmit(buildPayload(data, user)))();
-      return;
-    }
-    const fields = stepFields[step];
-    const isValid = await trigger(fields);
+    if (step === "representative") { setStep("documents"); return; }
+    if (step === "documents") { setStep("confirm"); return; }
+    if (step === "confirm") { handleSubmit((data) => onSubmit(buildPayload(data, user)))(); return; }
+    const isValid = await trigger(stepFields[step]);
     if (!isValid) return;
     setStep("representative");
   };
 
-  const skipDocuments = () => {
-    setStep("confirm");
-  };
+  const skipDocuments = () => setStep("confirm");
 
   const prevStep = () => {
-    if (step === "company") {
-      onBack();
-    } else if (step === "representative") {
-      setStep("company");
-    } else if (step === "documents") {
-      setStep("representative");
-    } else {
-      setStep("documents");
-    }
+    if (step === "company") onBack();
+    else if (step === "representative") setStep("company");
+    else if (step === "documents") setStep("representative");
+    else setStep("documents");
   };
 
+  const STEPS: { key: DjiboutiStep; icon: React.ReactNode }[] = [
+    { key: "company", icon: <Building2 size={18} /> },
+    { key: "representative", icon: <UserRound size={18} /> },
+    { key: "documents", icon: <UploadCloud size={18} /> },
+    { key: "confirm", icon: <CheckCircle2 size={18} /> },
+  ];
+
+  const STEP_LABELS: Record<DjiboutiStep, string> = {
+    company: `Step 1 of ${totalSteps} — Company Information`,
+    representative: `Step 2 of ${totalSteps} — Representative Details`,
+    documents: `Step 3 of ${totalSteps} — Upload Documents (Optional)`,
+    confirm: `Step 4 of ${totalSteps} — Review & Confirm`,
+  };
+
+  const stepOrder: DjiboutiStep[] = ["company", "representative", "documents", "confirm"];
+  const currentIdx = stepOrder.indexOf(step);
+
   return (
     <>
-      <div className="mb-8">
-        <button
-          type="button"
+      <Box mb="xl">
+        <Button
+          variant="subtle"
+          c="edr-muted"
+          size="sm"
+          mb="sm"
+          leftSection={<ChevronLeft size={16} />}
           onClick={prevStep}
-          className="mb-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
         >
-          <ChevronLeft className="size-4" />
           Change account type
-        </button>
+        </Button>
 
-        <div className="flex items-center justify-between max-w-lg mx-auto relative px-2">
-          <div className="absolute top-1/2 left-0 w-full h-0.5 bg-border -translate-y-1/2 z-0" />
-          <StepIcon
-            icon={<Building2 className="size-5" />}
-            active={step === "company"}
-            completed={step !== "company"}
-          />
-          <StepIcon
-            icon={<UserRound className="size-5" />}
-            active={step === "representative"}
-            completed={step === "documents" || step === "confirm"}
-          />
-          <StepIcon
-            icon={<UploadCloud className="size-5" />}
-            active={step === "documents"}
-            completed={step === "confirm"}
-          />
-          <StepIcon
-            icon={<CheckCircle2 className="size-5" />}
-            active={step === "confirm"}
-            completed={false}
-          />
-        </div>
-        <p className="text-center text-sm text-muted-foreground mt-3">
-          {step === "company" && `Step 1 of ${totalSteps} — Company Information`}
-          {step === "representative" && `Step 2 of ${totalSteps} — Representative Details`}
-          {step === "documents" && `Step 3 of ${totalSteps} — Upload Documents (Optional)`}
-          {step === "confirm" && `Step 4 of ${totalSteps} — Review & Confirm`}
-        </p>
-      </div>
+        <Group justify="space-between" align="center" className="relative max-w-lg mx-auto px-2">
+          <Box className="absolute top-1/2 left-2 right-2 h-0.5 bg-edr-border -translate-y-1/2 z-0" />
+          {STEPS.map(({ key, icon }, i) => {
+            const done = i < currentIdx;
+            const active = i === currentIdx;
+            return done || active ? (
+              <ThemeIcon key={key} size={40} radius="xl" variant="filled" color="edr-green" className="relative z-10">
+                {done ? <CheckCircle2 size={18} /> : icon}
+              </ThemeIcon>
+            ) : (
+              <Box
+                key={key}
+                w={40}
+                h={40}
+                c="edr-slate"
+                className="relative z-10 flex items-center justify-center rounded-full border-2 border-edr-border bg-edr-card"
+              >
+                {icon}
+              </Box>
+            );
+          })}
+        </Group>
 
-      <form
-        onSubmit={(e) => e.preventDefault()}
-        className="flex flex-col gap-4"
-      >
-        <FieldGroup className="gap-4">
+        <Text size="sm" c="edr-muted" ta="center" mt="sm">
+          {STEP_LABELS[step]}
+        </Text>
+      </Box>
+
+      <form onSubmit={(e) => e.preventDefault()}>
+        <Stack gap="md">
           {step === "company" && (
             <>
-              <Field data-invalid={Boolean(errors.companyName)}>
-                <FieldLabel>Company Name</FieldLabel>
-                <Input
-                  placeholder="Djibouti Logistics SARL"
-                  aria-invalid={Boolean(errors.companyName)}
-                  {...register("companyName")}
+              <TextInput
+                label="Company Name"
+                placeholder="Djibouti Logistics SARL"
+                error={errors.companyName?.message}
+                {...register("companyName")}
+              />
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Company Email"
+                  type="email"
+                  placeholder="info@djib-logistics.dj"
+                  error={errors.companyEmail?.message}
+                  {...register("companyEmail")}
                 />
-                <FieldError errors={[errors.companyName]} />
-              </Field>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.companyEmail)}>
-                  <FieldLabel>Company Email</FieldLabel>
-                  <Input
-                    type="email"
-                    placeholder="info@djib-logistics.dj"
-                    aria-invalid={Boolean(errors.companyEmail)}
-                    {...register("companyEmail")}
-                  />
-                  <FieldError errors={[errors.companyEmail]} />
-                </Field>
-
                 <PhoneInput
                   countryCode={{ ...register("companyPhoneCountryCode") }}
-                  phone={{
-                    ...register("companyPhone"),
-                    placeholder: "12345678",
-                  }}
+                  phone={{ ...register("companyPhone"), placeholder: "12345678" }}
                   countryCodeError={errors.companyPhoneCountryCode}
                   phoneError={errors.companyPhone}
                   label="Company Phone"
                 />
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.companyLocation)}>
-                  <FieldLabel>Location / Country</FieldLabel>
-                  <Input
-                    placeholder="Djibouti City, Djibouti"
-                    aria-invalid={Boolean(errors.companyLocation)}
-                    {...register("companyLocation")}
-                  />
-                  <FieldError errors={[errors.companyLocation]} />
-                </Field>
-
-                <Field data-invalid={Boolean(errors.companyAddress)}>
-                  <FieldLabel>Address</FieldLabel>
-                  <Input
-                    placeholder="Boulevard de la République"
-                    aria-invalid={Boolean(errors.companyAddress)}
-                    {...register("companyAddress")}
-                  />
-                  <FieldError errors={[errors.companyAddress]} />
-                </Field>
-              </div>
+              </SimpleGrid>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Location / Country"
+                  placeholder="Djibouti City, Djibouti"
+                  error={errors.companyLocation?.message}
+                  {...register("companyLocation")}
+                />
+                <TextInput
+                  label="Address"
+                  placeholder="Boulevard de la République"
+                  error={errors.companyAddress?.message}
+                  {...register("companyAddress")}
+                />
+              </SimpleGrid>
             </>
           )}
 
           {step === "representative" && (
             <>
-              <p className="text-sm text-muted-foreground">
+              <Text size="sm" c="edr-muted">
                 Provide the company representative details for this account.
-              </p>
-
-              <Field data-invalid={Boolean(errors.repName)}>
-                <FieldLabel>Representative Name</FieldLabel>
-                <Input
-                  placeholder="Ahmed Hassan"
-                  aria-invalid={Boolean(errors.repName)}
-                  {...register("repName")}
+              </Text>
+              <TextInput
+                label="Representative Name"
+                placeholder="Ahmed Hassan"
+                error={errors.repName?.message}
+                {...register("repName")}
+              />
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Representative Email"
+                  type="email"
+                  placeholder="ahmed@company.dj"
+                  error={errors.repEmail?.message}
+                  {...register("repEmail")}
                 />
-                <FieldError errors={[errors.repName]} />
-              </Field>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.repEmail)}>
-                  <FieldLabel>Representative Email</FieldLabel>
-                  <Input
-                    type="email"
-                    placeholder="ahmed@company.dj"
-                    aria-invalid={Boolean(errors.repEmail)}
-                    {...register("repEmail")}
-                  />
-                  <FieldError errors={[errors.repEmail]} />
-                </Field>
-
                 <PhoneInput
                   countryCode={{ ...register("repPhoneCountryCode") }}
-                  phone={{
-                    ...register("repPhone"),
-                    placeholder: "12345678",
-                  }}
+                  phone={{ ...register("repPhone"), placeholder: "12345678" }}
                   countryCodeError={errors.repPhoneCountryCode}
                   phoneError={errors.repPhone}
                   label="Representative Phone"
                 />
-              </div>
+              </SimpleGrid>
             </>
           )}
 
           {step === "documents" && (
             <>
               {loadingDocuments ? (
-                <div className="flex items-center justify-center py-8">
-                  <Loader2 className="size-6 animate-spin text-muted-foreground" />
-                </div>
+                <Group justify="center" py="xl">
+                  <Loader size="sm" color="edr-green" />
+                </Group>
               ) : !uploadSetting ? (
-                <p className="text-sm text-muted-foreground text-center py-4">
+                <Text size="sm" c="edr-muted" ta="center" py="md">
                   No document requirements found for your account type.
-                </p>
+                </Text>
               ) : (
-                <div className="flex flex-col gap-6">
-                  <SmartFileInput
-                    file={uploadSetting}
-                    value={documentFiles}
-                    onChange={setDocumentFiles}
-                  />
-                </div>
+                <SmartFileInput file={uploadSetting} value={documentFiles} onChange={setDocumentFiles} />
               )}
             </>
           )}
 
           {step === "confirm" && (
-            <div className="space-y-4 rounded-xl border border-border bg-card p-4">
-              <div>
-                <h3 className="text-base font-semibold text-foreground">
-                  Review your registration
-                </h3>
-                <p className="text-sm text-muted-foreground mt-1">
-                  Confirm the company details below before saving.
-                </p>
-              </div>
-
-              <div className="grid gap-3 md:grid-cols-2">
+            <Box p={16} className="rounded-2xl border border-edr-border bg-edr-card">
+              <Text fw={600} c="edr-text">Review your registration</Text>
+              <Text size="sm" c="edr-muted" mt={4} mb="md">
+                Confirm the company details below before saving.
+              </Text>
+              <SimpleGrid cols={2} spacing="sm">
                 <ReviewRow label="Company name" value={formValues.companyName} />
                 <ReviewRow label="Company email" value={formValues.companyEmail} />
                 <ReviewRow label="Company phone" value={formValues.companyPhone} />
@@ -366,60 +280,33 @@ export default function DjiboutiAgentForm({
                 <ReviewRow label="Address" value={formValues.companyAddress} />
                 <ReviewRow label="Rep. name" value={formValues.repName} />
                 <ReviewRow label="Rep. email" value={formValues.repEmail} />
-                <ReviewRow
-                  label="Rep. phone"
-                  value={`${formValues.repPhoneCountryCode}${formValues.repPhone}`}
-                />
-              </div>
-            </div>
+                <ReviewRow label="Rep. phone" value={`${formValues.repPhoneCountryCode}${formValues.repPhone}`} />
+              </SimpleGrid>
+            </Box>
           )}
-        </FieldGroup>
 
-        <div className="flex items-center justify-between pt-2">
-          <Button type="button" variant="outline" onClick={prevStep}>
-            <ArrowLeft />
-            {step === "company"
-              ? "Change Type"
-              : step === "confirm"
-                ? "Back to Documents"
-                : "Back"}
-          </Button>
-
-          <div className="flex items-center gap-3">
-            {step === "documents" && (
-              <Button
-                type="button"
-                variant="outline"
-                onClick={skipDocuments}
-                disabled={isPending}
-              >
-                Skip for now
-              </Button>
-            )}
-
-            <Button
-              type="button"
-              onClick={step === "confirm" ? handleSubmit((data) => onSubmit(buildPayload(data, user))) : nextStep}
-              disabled={isPending || (step === "documents" && !hasDocuments && loadingDocuments)}
-            >
-              {isPending ? (
-                <>
-                  <Loader2 className="animate-spin" />
-                  Submitting...
-                </>
-              ) : step === "documents" ? (
-                "Continue"
-              ) : step === "confirm" ? (
-                "Submit Registration"
-              ) : (
-                <>
-                  Next Step
-                  <ArrowRight />
-                </>
-              )}
+          <Group justify="space-between" pt="xs">
+            <Button variant="default" onClick={prevStep} leftSection={<ArrowLeft size={16} />}>
+              {step === "company" ? "Change Type" : step === "confirm" ? "Back to Documents" : "Back"}
             </Button>
-          </div>
-        </div>
+            <Group gap="sm">
+              {step === "documents" && (
+                <Button variant="default" onClick={skipDocuments} disabled={isPending}>
+                  Skip for now
+                </Button>
+              )}
+              <Button
+                color="edr-green"
+                onClick={step === "confirm" ? handleSubmit((data) => onSubmit(buildPayload(data, user))) : nextStep}
+                disabled={isPending || (step === "documents" && !hasDocuments && loadingDocuments)}
+                loading={isPending}
+                rightSection={!isPending && step !== "confirm" && step !== "documents" ? <ArrowRight size={16} /> : undefined}
+              >
+                {step === "documents" ? "Continue" : step === "confirm" ? "Submit Registration" : "Next Step"}
+              </Button>
+            </Group>
+          </Group>
+        </Stack>
       </form>
     </>
   );
@@ -427,37 +314,13 @@ export default function DjiboutiAgentForm({
 
 function ReviewRow({ label, value }: { label: string; value?: string | null }) {
   return (
-    <div className="rounded-lg border border-border bg-muted/20 p-3">
-      <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+    <Box p={12} className="rounded-xl bg-edr-bg">
+      <Text size="xs" fw={600} c="edr-muted" className="uppercase tracking-wide">
         {label}
-      </div>
-      <div className="mt-1 text-sm font-medium text-foreground">
+      </Text>
+      <Text size="sm" fw={500} c={value?.trim() ? "edr-text" : "edr-muted"} mt={4}>
         {value?.trim() ? value : "Not provided"}
-      </div>
-    </div>
-  );
-}
-
-function StepIcon({
-  icon,
-  active,
-  completed,
-}: {
-  icon: React.ReactNode;
-  active: boolean;
-  completed: boolean;
-}) {
-  return (
-    <div
-      className={`relative z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 transition-all ${
-        completed
-          ? "bg-primary border-primary text-primary-foreground"
-          : active
-            ? "bg-background border-primary text-primary shadow-md"
-            : "bg-background border-border text-muted-foreground"
-      }`}
-    >
-      {completed ? <CheckCircle2 className="size-5" /> : icon}
-    </div>
+      </Text>
+    </Box>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/ForwarderForm.tsx b/apps/edr-freight-web/portal/src/pages/accounts/ForwarderForm.tsx
index 418b8bcc4..71db345ec 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/ForwarderForm.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/ForwarderForm.tsx
@@ -1,31 +1,24 @@
+import { Box, Button, Divider, Group, Loader, SimpleGrid, Stack, Text, TextInput, ThemeIcon } from "@mantine/core";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useQuery } from "@tanstack/react-query";
+import {
+  ArrowLeft,
+  ArrowRight,
+  Building2,
+  CheckCircle2,
+  ChevronLeft,
+  FileText,
+  UploadCloud,
+  User,
+} from "lucide-react";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
-import { useQuery } from "@tanstack/react-query";
-import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import {
-  ArrowRight,
-  ArrowLeft,
-  Building2,
-  User,
-  FileText,
-  CheckCircle2,
-  Loader2,
-  ChevronLeft,
-  UploadCloud,
-} from "lucide-react";
+
 import type { AuthUser } from "@/types/auth";
 import type { CreateCompanyPayload } from "@/services/companies.service";
 import PhoneInput from "@/components/auth/PhoneInput";
-import {
-  Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-  SmartFileInput,
-} from "@edr/ui-common";
+import { SmartFileInput } from "@edr/ui-common";
 import { api } from "@/services/api";
 
 type ForwarderStep = "company" | "personnel" | "poa" | "documents" | "confirm";
@@ -38,10 +31,7 @@ const forwarderSchema = z.object({
   companyLocation: z.string().min(1, "Location is required"),
   companyAddress: z.string().min(1, "Address is required"),
   tinNumber: z.string().length(10, "TIN must be exactly 10 digits"),
-  vatNumber: z
-    .string()
-    .min(1, "VAT number is required")
-    .length(10, "VAT number must be exactly 10 digits"),
+  vatNumber: z.string().min(1, "VAT number is required").length(10, "VAT number must be exactly 10 digits"),
   fanNumber: z.string().length(16, "FAN must be exactly 16 digits"),
   contactPersonName: z.string().min(1, "Contact person name is required"),
   contactPersonPhone: z.string().min(1, "Contact person phone is required"),
@@ -61,26 +51,8 @@ const forwarderSchema = z.object({
 type FormData = z.infer<typeof forwarderSchema>;
 
 const stepFields: Record<ForwarderStep, (keyof FormData)[]> = {
-  company: [
-    "companyName",
-    "companyEmail",
-    "companyPhone",
-    "companyPhoneCountryCode",
-    "companyLocation",
-    "companyAddress",
-    "tinNumber",
-    "vatNumber",
-    "fanNumber",
-  ],
-  personnel: [
-    "contactPersonName",
-    "contactPersonPhone",
-    "contactPersonPhoneCountryCode",
-    "generalManagerName",
-    "generalManagerEmail",
-    "generalManagerPhone",
-    "generalManagerPhoneCountryCode",
-  ],
+  company: ["companyName", "companyEmail", "companyPhone", "companyPhoneCountryCode", "companyLocation", "companyAddress", "tinNumber", "vatNumber", "fanNumber"],
+  personnel: ["contactPersonName", "contactPersonPhone", "contactPersonPhoneCountryCode", "generalManagerName", "generalManagerEmail", "generalManagerPhone", "generalManagerPhoneCountryCode"],
   poa: [],
   documents: [],
   confirm: [],
@@ -103,10 +75,7 @@ function buildPayload(data: FormData, _user: AuthUser): CreateCompanyPayload {
       generalManagerEmail: data.generalManagerEmail,
       generalManagerPhone: `${data.generalManagerPhoneCountryCode}${data.generalManagerPhone}`,
       poaName: data.poaName || undefined,
-      poaPhone:
-        data.poaPhone && data.poaPhoneCountryCode
-          ? `${data.poaPhoneCountryCode}${data.poaPhone}`
-          : undefined,
+      poaPhone: data.poaPhone && data.poaPhoneCountryCode ? `${data.poaPhoneCountryCode}${data.poaPhone}` : undefined,
       poaAddress: data.poaAddress || undefined,
       poaEmail: data.poaEmail || undefined,
       poaLocation: data.poaLocation || undefined,
@@ -125,59 +94,29 @@ export default function ForwarderForm({
 }: {
   documentSettingCode: string;
   documentFiles?: Record<string, File | File[] | null>;
-  onDocumentFilesChange?: (
-    files: Record<string, File | File[] | null>,
-  ) => void;
+  onDocumentFilesChange?: (files: Record<string, File | File[] | null>) => void;
   user: AuthUser;
   onSubmit: (data: CreateCompanyPayload) => void;
   isPending: boolean;
   onBack: () => void;
 }) {
   const [step, setStep] = useState<ForwarderStep>("company");
-  const [internalFiles, setInternalFiles] = useState<
-    Record<string, File | File[] | null>
-  >({});
+  const [internalFiles, setInternalFiles] = useState<Record<string, File | File[] | null>>({});
   const documentFiles = controlledFiles ?? internalFiles;
   const setDocumentFiles = onDocumentFilesChange ?? setInternalFiles;
 
   const { data: uploadSetting, isLoading: loadingDocuments } = useQuery(
-    api.fileUploadSettings.getByCode.queryOptions({
-      input: { code: documentSettingCode },
-      refetchOnMount: false,
-    }),
+    api.fileUploadSettings.getByCode.queryOptions({ input: { code: documentSettingCode }, refetchOnMount: false }),
   );
 
-  const {
-    register,
-    handleSubmit,
-    trigger,
-    watch,
-    formState: { errors },
-  } = useForm<FormData>({
+  const { register, handleSubmit, trigger, watch, formState: { errors } } = useForm<FormData>({
     resolver: zodResolver(forwarderSchema),
     defaultValues: {
-      companyName: "",
-      companyEmail: "",
-      companyPhone: "",
-      companyPhoneCountryCode: "+251",
-      companyLocation: "",
-      companyAddress: "",
-      tinNumber: "",
-      vatNumber: "",
-      fanNumber: "",
-      contactPersonName: "",
-      contactPersonPhone: "",
-      contactPersonPhoneCountryCode: "+251",
-      generalManagerName: "",
-      generalManagerEmail: "",
-      generalManagerPhone: "",
-      generalManagerPhoneCountryCode: "+251",
-      poaName: "",
-      poaPhone: "",
-      poaPhoneCountryCode: "+251",
-      poaAddress: "",
-      poaEmail: "",
-      poaLocation: "",
+      companyName: "", companyEmail: "", companyPhone: "", companyPhoneCountryCode: "+251",
+      companyLocation: "", companyAddress: "", tinNumber: "", vatNumber: "", fanNumber: "",
+      contactPersonName: "", contactPersonPhone: "", contactPersonPhoneCountryCode: "+251",
+      generalManagerName: "", generalManagerEmail: "", generalManagerPhone: "", generalManagerPhoneCountryCode: "+251",
+      poaName: "", poaPhone: "", poaPhoneCountryCode: "+251", poaAddress: "", poaEmail: "", poaLocation: "",
     },
   });
 
@@ -186,371 +125,265 @@ export default function ForwarderForm({
   const totalSteps = 5;
 
   const nextStep = async () => {
-    if (step === "poa") {
-      setStep("documents");
-      return;
-    }
-    if (step === "documents") {
-      setStep("confirm");
-      return;
-    }
-    if (step === "confirm") {
-      handleSubmit((data) => onSubmit(buildPayload(data, user)))();
-      return;
-    }
-    const fields = stepFields[step];
-    const isValid = await trigger(fields);
+    if (step === "poa") { setStep("documents"); return; }
+    if (step === "documents") { setStep("confirm"); return; }
+    if (step === "confirm") { handleSubmit((data) => onSubmit(buildPayload(data, user)))(); return; }
+    const isValid = await trigger(stepFields[step]);
     if (!isValid) return;
     setStep(step === "company" ? "personnel" : "poa");
   };
 
-  const skipDocuments = () => {
-    setStep("confirm");
-  };
+  const skipDocuments = () => setStep("confirm");
 
   const prevStep = () => {
-    if (step === "company") {
-      onBack();
-    } else if (step === "personnel") {
-      setStep("company");
-    } else if (step === "poa") {
-      setStep("personnel");
-    } else if (step === "documents") {
-      setStep("poa");
-    } else {
-      setStep("documents");
-    }
+    if (step === "company") onBack();
+    else if (step === "personnel") setStep("company");
+    else if (step === "poa") setStep("personnel");
+    else if (step === "documents") setStep("poa");
+    else setStep("documents");
   };
 
+  const STEPS: { key: ForwarderStep; icon: React.ReactNode }[] = [
+    { key: "company", icon: <Building2 size={18} /> },
+    { key: "personnel", icon: <User size={18} /> },
+    { key: "poa", icon: <FileText size={18} /> },
+    { key: "documents", icon: <UploadCloud size={18} /> },
+    { key: "confirm", icon: <CheckCircle2 size={18} /> },
+  ];
+
+  const STEP_LABELS: Record<ForwarderStep, string> = {
+    company: `Step 1 of ${totalSteps} — Company Information`,
+    personnel: `Step 2 of ${totalSteps} — Personnel Details`,
+    poa: `Step 3 of ${totalSteps} — Power of Attorney (Optional)`,
+    documents: `Step 4 of ${totalSteps} — Upload Documents (Optional)`,
+    confirm: `Step 5 of ${totalSteps} — Review & Confirm`,
+  };
+
+  const stepOrder: ForwarderStep[] = ["company", "personnel", "poa", "documents", "confirm"];
+  const currentIdx = stepOrder.indexOf(step);
+
   return (
     <>
-      <div className="mb-8">
-        <button
-          type="button"
+      <Box mb="xl">
+        <Button
+          variant="subtle"
+          c="edr-muted"
+          size="sm"
+          mb="sm"
+          leftSection={<ChevronLeft size={16} />}
           onClick={prevStep}
-          className="mb-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
         >
-          <ChevronLeft className="size-4" />
           Change account type
-        </button>
+        </Button>
 
-        <div className="flex items-center justify-between max-w-lg mx-auto relative px-2">
-          <div className="absolute top-1/2 left-0 w-full h-0.5 bg-border -translate-y-1/2 z-0" />
-          <StepIcon
-            icon={<Building2 className="size-5" />}
-            active={step === "company"}
-            completed={step !== "company"}
-          />
-          <StepIcon
-            icon={<User className="size-5" />}
-            active={step === "personnel"}
-            completed={step === "poa" || step === "documents" || step === "confirm"}
-          />
-          <StepIcon
-            icon={<FileText className="size-5" />}
-            active={step === "poa"}
-            completed={step === "documents" || step === "confirm"}
-          />
-          <StepIcon
-            icon={<UploadCloud className="size-5" />}
-            active={step === "documents"}
-            completed={step === "confirm"}
-          />
-          <StepIcon
-            icon={<CheckCircle2 className="size-5" />}
-            active={step === "confirm"}
-            completed={false}
-          />
-        </div>
-        <p className="text-center text-sm text-muted-foreground mt-3">
-          {step === "company" &&
-            `Step 1 of ${totalSteps} — Company Information`}
-          {step === "personnel" &&
-            `Step 2 of ${totalSteps} — Personnel Details`}
-          {step === "poa" &&
-            `Step 3 of ${totalSteps} — Power of Attorney (Optional)`}
-          {step === "documents" &&
-            `Step 4 of ${totalSteps} — Upload Documents (Optional)`}
-          {step === "confirm" && `Step 5 of ${totalSteps} — Review & Confirm`}
-        </p>
-      </div>
+        <Group justify="space-between" align="center" className="relative max-w-lg mx-auto px-2">
+          <Box className="absolute top-1/2 left-2 right-2 h-0.5 bg-edr-border -translate-y-1/2 z-0" />
+          {STEPS.map(({ key, icon }, i) => {
+            const done = i < currentIdx;
+            const active = i === currentIdx;
+            return done || active ? (
+              <ThemeIcon key={key} size={40} radius="xl" variant="filled" color="edr-green" className="relative z-10">
+                {done ? <CheckCircle2 size={18} /> : icon}
+              </ThemeIcon>
+            ) : (
+              <Box
+                key={key}
+                w={40}
+                h={40}
+                c="edr-slate"
+                className="relative z-10 flex items-center justify-center rounded-full border-2 border-edr-border bg-edr-card"
+              >
+                {icon}
+              </Box>
+            );
+          })}
+        </Group>
 
-      <form
-        onSubmit={(e) => e.preventDefault()}
-        className="flex flex-col gap-4"
-      >
-        <FieldGroup className="gap-4">
+        <Text size="sm" c="edr-muted" ta="center" mt="sm">
+          {STEP_LABELS[step]}
+        </Text>
+      </Box>
+
+      <form onSubmit={(e) => e.preventDefault()}>
+        <Stack gap="md">
           {step === "company" && (
             <>
-              <Field data-invalid={Boolean(errors.companyName)}>
-                <FieldLabel>Company Name</FieldLabel>
-                <Input
-                  placeholder="Global Logistics Ltd"
-                  aria-invalid={Boolean(errors.companyName)}
-                  {...register("companyName")}
+              <TextInput
+                label="Company Name"
+                placeholder="Global Logistics Ltd"
+                error={errors.companyName?.message}
+                {...register("companyName")}
+              />
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Company Email"
+                  type="email"
+                  placeholder="ops@company.com"
+                  error={errors.companyEmail?.message}
+                  {...register("companyEmail")}
                 />
-                <FieldError errors={[errors.companyName]} />
-              </Field>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.companyEmail)}>
-                  <FieldLabel>Company Email</FieldLabel>
-                  <Input
-                    type="email"
-                    placeholder="ops@company.com"
-                    aria-invalid={Boolean(errors.companyEmail)}
-                    {...register("companyEmail")}
-                  />
-                  <FieldError errors={[errors.companyEmail]} />
-                </Field>
-
                 <PhoneInput
                   countryCode={{ ...register("companyPhoneCountryCode") }}
-                  phone={{
-                    ...register("companyPhone"),
-                    placeholder: "912345678",
-                  }}
+                  phone={{ ...register("companyPhone"), placeholder: "912345678" }}
                   countryCodeError={errors.companyPhoneCountryCode}
                   phoneError={errors.companyPhone}
                   label="Company Phone"
                 />
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.companyLocation)}>
-                  <FieldLabel>Location</FieldLabel>
-                  <Input
-                    placeholder="Addis Ababa, Ethiopia"
-                    aria-invalid={Boolean(errors.companyLocation)}
-                    {...register("companyLocation")}
-                  />
-                  <FieldError errors={[errors.companyLocation]} />
-                </Field>
-
-                <Field data-invalid={Boolean(errors.companyAddress)}>
-                  <FieldLabel>Address</FieldLabel>
-                  <Input
-                    placeholder="Bole Subcity, Woreda 03"
-                    aria-invalid={Boolean(errors.companyAddress)}
-                    {...register("companyAddress")}
-                  />
-                  <FieldError errors={[errors.companyAddress]} />
-                </Field>
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.tinNumber)}>
-                  <FieldLabel>TIN Number (10 digits)</FieldLabel>
-                  <Input
-                    placeholder="1234567890"
-                    maxLength={10}
-                    aria-invalid={Boolean(errors.tinNumber)}
-                    {...register("tinNumber")}
-                  />
-                  <FieldError errors={[errors.tinNumber]} />
-                </Field>
-
-                <Field data-invalid={Boolean(errors.vatNumber)}>
-                  <FieldLabel>VAT Number</FieldLabel>
-                  <Input
-                    placeholder="VAT-12345"
-                    aria-invalid={Boolean(errors.vatNumber)}
-                    maxLength={10}
-                    {...register("vatNumber")}
-                  />
-                  <FieldError errors={[errors.vatNumber]} />
-                </Field>
-              </div>
-
-              <Field data-invalid={Boolean(errors.fanNumber)}>
-                <FieldLabel>FAN Number (16 digits)</FieldLabel>
-                <Input
-                  placeholder="1234567890123456"
-                  maxLength={16}
-                  aria-invalid={Boolean(errors.fanNumber)}
-                  {...register("fanNumber")}
+              </SimpleGrid>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Location"
+                  placeholder="Addis Ababa, Ethiopia"
+                  error={errors.companyLocation?.message}
+                  {...register("companyLocation")}
                 />
-                <FieldError errors={[errors.fanNumber]} />
-              </Field>
+                <TextInput
+                  label="Address"
+                  placeholder="Bole Subcity, Woreda 03"
+                  error={errors.companyAddress?.message}
+                  {...register("companyAddress")}
+                />
+              </SimpleGrid>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="TIN Number (10 digits)"
+                  placeholder="1234567890"
+                  maxLength={10}
+                  error={errors.tinNumber?.message}
+                  {...register("tinNumber")}
+                />
+                <TextInput
+                  label="VAT Number"
+                  placeholder="VAT-12345"
+                  maxLength={10}
+                  error={errors.vatNumber?.message}
+                  {...register("vatNumber")}
+                />
+              </SimpleGrid>
+              <TextInput
+                label="FAN Number (16 digits)"
+                placeholder="1234567890123456"
+                maxLength={16}
+                error={errors.fanNumber?.message}
+                {...register("fanNumber")}
+              />
             </>
           )}
 
           {step === "personnel" && (
             <>
-              <div>
-                <h3 className="text-sm font-semibold text-foreground mb-3">
-                  Contact Person
-                </h3>
-                <div className="grid grid-cols-2 gap-4">
-                  <Field data-invalid={Boolean(errors.contactPersonName)}>
-                    <FieldLabel>Name</FieldLabel>
-                    <Input
-                      placeholder="Jane Smith"
-                      aria-invalid={Boolean(errors.contactPersonName)}
-                      {...register("contactPersonName")}
-                    />
-                    <FieldError errors={[errors.contactPersonName]} />
-                  </Field>
+              <Text fw={600} size="sm" c="edr-text">Contact Person</Text>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Name"
+                  placeholder="Jane Smith"
+                  error={errors.contactPersonName?.message}
+                  {...register("contactPersonName")}
+                />
+                <PhoneInput
+                  countryCode={{ ...register("contactPersonPhoneCountryCode") }}
+                  phone={{ ...register("contactPersonPhone"), placeholder: "912345678" }}
+                  countryCodeError={errors.contactPersonPhoneCountryCode}
+                  phoneError={errors.contactPersonPhone}
+                  label="Phone"
+                />
+              </SimpleGrid>
 
-                  <PhoneInput
-                    countryCode={{
-                      ...register("contactPersonPhoneCountryCode"),
-                    }}
-                    phone={{
-                      ...register("contactPersonPhone"),
-                      placeholder: "912345678",
-                    }}
-                    countryCodeError={errors.contactPersonPhoneCountryCode}
-                    phoneError={errors.contactPersonPhone}
-                    label="Phone"
-                  />
-                </div>
-              </div>
+              <Divider color="edr-border" />
 
-              <hr className="border-border" />
-
-              <div>
-                <h3 className="text-sm font-semibold text-foreground mb-3">
-                  General Manager
-                </h3>
-                <div className="grid grid-cols-2 gap-4">
-                  <Field
-                    className="col-span-2"
-                    data-invalid={Boolean(errors.generalManagerName)}
-                  >
-                    <FieldLabel>Name</FieldLabel>
-                    <Input
-                      placeholder="Abebe Bikila"
-                      aria-invalid={Boolean(errors.generalManagerName)}
-                      {...register("generalManagerName")}
-                    />
-                    <FieldError errors={[errors.generalManagerName]} />
-                  </Field>
-
-                  <Field data-invalid={Boolean(errors.generalManagerEmail)}>
-                    <FieldLabel>Email</FieldLabel>
-                    <Input
-                      type="email"
-                      placeholder="gm@company.com"
-                      aria-invalid={Boolean(errors.generalManagerEmail)}
-                      {...register("generalManagerEmail")}
-                    />
-                    <FieldError errors={[errors.generalManagerEmail]} />
-                  </Field>
-
-                  <PhoneInput
-                    countryCode={{
-                      ...register("generalManagerPhoneCountryCode"),
-                    }}
-                    phone={{
-                      ...register("generalManagerPhone"),
-                      placeholder: "912345678",
-                    }}
-                    countryCodeError={errors.generalManagerPhoneCountryCode}
-                    phoneError={errors.generalManagerPhone}
-                    label="Phone"
-                  />
-                </div>
-              </div>
+              <Text fw={600} size="sm" c="edr-text">General Manager</Text>
+              <TextInput
+                label="Name"
+                placeholder="Abebe Bikila"
+                error={errors.generalManagerName?.message}
+                {...register("generalManagerName")}
+              />
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="Email"
+                  type="email"
+                  placeholder="gm@company.com"
+                  error={errors.generalManagerEmail?.message}
+                  {...register("generalManagerEmail")}
+                />
+                <PhoneInput
+                  countryCode={{ ...register("generalManagerPhoneCountryCode") }}
+                  phone={{ ...register("generalManagerPhone"), placeholder: "912345678" }}
+                  countryCodeError={errors.generalManagerPhoneCountryCode}
+                  phoneError={errors.generalManagerPhone}
+                  label="Phone"
+                />
+              </SimpleGrid>
             </>
           )}
 
           {step === "poa" && (
             <>
-              <p className="text-sm text-muted-foreground">
-                Power of Attorney details are optional. Fill them in if you have
-                them, or skip to continue.
-              </p>
-
-              <Field data-invalid={Boolean(errors.poaName)}>
-                <FieldLabel>PoA Name</FieldLabel>
-                <Input
-                  placeholder="Authorized Representative Name"
-                  aria-invalid={Boolean(errors.poaName)}
-                  {...register("poaName")}
+              <Text size="sm" c="edr-muted">
+                Power of Attorney details are optional. Fill them in if you have them, or skip to continue.
+              </Text>
+              <TextInput
+                label="PoA Name"
+                placeholder="Authorized Representative Name"
+                error={errors.poaName?.message}
+                {...register("poaName")}
+              />
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="PoA Email"
+                  type="email"
+                  placeholder="poa@company.com"
+                  error={errors.poaEmail?.message}
+                  {...register("poaEmail")}
                 />
-                <FieldError errors={[errors.poaName]} />
-              </Field>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.poaEmail)}>
-                  <FieldLabel>PoA Email</FieldLabel>
-                  <Input
-                    type="email"
-                    placeholder="poa@company.com"
-                    aria-invalid={Boolean(errors.poaEmail)}
-                    {...register("poaEmail")}
-                  />
-                  <FieldError errors={[errors.poaEmail]} />
-                </Field>
-
                 <PhoneInput
                   countryCode={{ ...register("poaPhoneCountryCode") }}
                   phone={{ ...register("poaPhone"), placeholder: "912345678" }}
-                  label="PoA Phone"
                   countryCodeError={errors.poaPhoneCountryCode}
                   phoneError={errors.poaPhone}
+                  label="PoA Phone"
                 />
-              </div>
-
-              <div className="grid grid-cols-2 gap-4">
-                <Field data-invalid={Boolean(errors.poaLocation)}>
-                  <FieldLabel>PoA Location</FieldLabel>
-                  <Input
-                    placeholder="City, Country"
-                    aria-invalid={Boolean(errors.poaLocation)}
-                    {...register("poaLocation")}
-                  />
-                  <FieldError errors={[errors.poaLocation]} />
-                </Field>
-
-                <Field data-invalid={Boolean(errors.poaAddress)}>
-                  <FieldLabel>PoA Address</FieldLabel>
-                  <Input
-                    placeholder="Full Address"
-                    aria-invalid={Boolean(errors.poaAddress)}
-                    {...register("poaAddress")}
-                  />
-                  <FieldError errors={[errors.poaAddress]} />
-                </Field>
-              </div>
+              </SimpleGrid>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="PoA Location"
+                  placeholder="City, Country"
+                  error={errors.poaLocation?.message}
+                  {...register("poaLocation")}
+                />
+                <TextInput
+                  label="PoA Address"
+                  placeholder="Full Address"
+                  error={errors.poaAddress?.message}
+                  {...register("poaAddress")}
+                />
+              </SimpleGrid>
             </>
           )}
 
           {step === "documents" && (
             <>
               {loadingDocuments ? (
-                <div className="flex items-center justify-center py-8">
-                  <Loader2 className="size-6 animate-spin text-muted-foreground" />
-                </div>
+                <Group justify="center" py="xl">
+                  <Loader size="sm" color="edr-green" />
+                </Group>
               ) : !uploadSetting ? (
-                <p className="text-sm text-muted-foreground text-center py-4">
+                <Text size="sm" c="edr-muted" ta="center" py="md">
                   No document requirements found for your account type.
-                </p>
+                </Text>
               ) : (
-                <div className="flex flex-col gap-6">
-                  <SmartFileInput
-                    file={uploadSetting}
-                    value={documentFiles}
-                    onChange={setDocumentFiles}
-                  />
-                </div>
+                <SmartFileInput file={uploadSetting} value={documentFiles} onChange={setDocumentFiles} />
               )}
             </>
           )}
 
           {step === "confirm" && (
-            <div className="space-y-4 rounded-xl border border-border bg-card p-4">
-              <div>
-                <h3 className="text-base font-semibold text-foreground">
-                  Review your registration
-                </h3>
-                <p className="text-sm text-muted-foreground mt-1">
-                  Confirm the company details below before saving.
-                </p>
-              </div>
-
-              <div className="grid gap-3 md:grid-cols-2">
+            <Box p={16} className="rounded-2xl border border-edr-border bg-edr-card">
+              <Text fw={600} c="edr-text">Review your registration</Text>
+              <Text size="sm" c="edr-muted" mt={4} mb="md">
+                Confirm the company details below before saving.
+              </Text>
+              <SimpleGrid cols={2} spacing="sm">
                 <ReviewRow label="Company name" value={formValues.companyName} />
                 <ReviewRow label="Company email" value={formValues.companyEmail} />
                 <ReviewRow label="Company phone" value={formValues.companyPhone} />
@@ -559,96 +392,41 @@ export default function ForwarderForm({
                 <ReviewRow label="TIN" value={formValues.tinNumber} />
                 <ReviewRow label="VAT" value={formValues.vatNumber} />
                 <ReviewRow label="FAN" value={formValues.fanNumber} />
-                <ReviewRow
-                  label="Contact person"
-                  value={formValues.contactPersonName}
-                />
-                <ReviewRow
-                  label="Contact phone"
-                  value={`${formValues.contactPersonPhoneCountryCode}${formValues.contactPersonPhone}`}
-                />
-                <ReviewRow
-                  label="General manager"
-                  value={formValues.generalManagerName}
-                />
-                <ReviewRow
-                  label="GM email"
-                  value={formValues.generalManagerEmail}
-                />
-                <ReviewRow
-                  label="GM phone"
-                  value={`${formValues.generalManagerPhoneCountryCode}${formValues.generalManagerPhone}`}
-                />
-                <ReviewRow
-                  label="PoA name"
-                  value={formValues.poaName || undefined}
-                />
-                <ReviewRow
-                  label="PoA phone"
-                  value={
-                    formValues.poaPhone && formValues.poaPhoneCountryCode
-                      ? `${formValues.poaPhoneCountryCode}${formValues.poaPhone}`
-                      : undefined
-                  }
-                />
-                <ReviewRow
-                  label="PoA email"
-                  value={formValues.poaEmail || undefined}
-                />
-                <ReviewRow
-                  label="PoA location"
-                  value={formValues.poaLocation || undefined}
-                />
-              </div>
-            </div>
+                <ReviewRow label="Contact person" value={formValues.contactPersonName} />
+                <ReviewRow label="Contact phone" value={`${formValues.contactPersonPhoneCountryCode}${formValues.contactPersonPhone}`} />
+                <ReviewRow label="General manager" value={formValues.generalManagerName} />
+                <ReviewRow label="GM email" value={formValues.generalManagerEmail} />
+                <ReviewRow label="GM phone" value={`${formValues.generalManagerPhoneCountryCode}${formValues.generalManagerPhone}`} />
+                <ReviewRow label="PoA name" value={formValues.poaName || undefined} />
+                <ReviewRow label="PoA phone" value={formValues.poaPhone && formValues.poaPhoneCountryCode ? `${formValues.poaPhoneCountryCode}${formValues.poaPhone}` : undefined} />
+                <ReviewRow label="PoA email" value={formValues.poaEmail || undefined} />
+                <ReviewRow label="PoA location" value={formValues.poaLocation || undefined} />
+              </SimpleGrid>
+            </Box>
           )}
-        </FieldGroup>
 
-        <div className="flex items-center justify-between pt-2">
-          <Button type="button" variant="outline" onClick={prevStep}>
-            <ArrowLeft />
-            {step === "company"
-              ? "Change Type"
-              : step === "confirm"
-                ? "Back to Documents"
-                : "Back"}
-          </Button>
-
-          <div className="flex items-center gap-3">
-            {step === "documents" && (
-              <Button
-                type="button"
-                variant="outline"
-                onClick={skipDocuments}
-                disabled={isPending}
-              >
-                Skip for now
-              </Button>
-            )}
-
-            <Button
-              type="button"
-              onClick={step === "confirm" ? handleSubmit((data) => onSubmit(buildPayload(data, user))) : nextStep}
-              disabled={isPending || (step === "documents" && !hasDocuments && loadingDocuments)}
-            >
-              {isPending ? (
-                <>
-                  <Loader2 className="animate-spin" />
-                  Submitting...
-                </>
-              ) : step === "documents" ? (
-                "Continue"
-              ) : step === "confirm" ? (
-                "Submit Registration"
-              ) : (
-                <>
-                  Next Step
-                  <ArrowRight />
-                </>
-              )}
+          <Group justify="space-between" pt="xs">
+            <Button variant="default" onClick={prevStep} leftSection={<ArrowLeft size={16} />}>
+              {step === "company" ? "Change Type" : step === "confirm" ? "Back to Documents" : "Back"}
             </Button>
-          </div>
-        </div>
+            <Group gap="sm">
+              {step === "documents" && (
+                <Button variant="default" onClick={skipDocuments} disabled={isPending}>
+                  Skip for now
+                </Button>
+              )}
+              <Button
+                color="edr-green"
+                onClick={step === "confirm" ? handleSubmit((data) => onSubmit(buildPayload(data, user))) : nextStep}
+                disabled={isPending || (step === "documents" && !hasDocuments && loadingDocuments)}
+                loading={isPending}
+                rightSection={!isPending && step !== "confirm" && step !== "documents" ? <ArrowRight size={16} /> : undefined}
+              >
+                {step === "documents" ? "Continue" : step === "confirm" ? "Submit Registration" : "Next Step"}
+              </Button>
+            </Group>
+          </Group>
+        </Stack>
       </form>
     </>
   );
@@ -656,36 +434,13 @@ export default function ForwarderForm({
 
 function ReviewRow({ label, value }: { label: string; value?: string | null }) {
   return (
-    <div className="rounded-lg border border-border bg-muted/20 p-3">
-      <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+    <Box p={12} className="rounded-xl bg-edr-bg">
+      <Text size="xs" fw={600} c="edr-muted" className="uppercase tracking-wide">
         {label}
-      </div>
-      <div className="mt-1 text-sm font-medium text-foreground">
+      </Text>
+      <Text size="sm" fw={500} c={value?.trim() ? "edr-text" : "edr-muted"} mt={4}>
         {value?.trim() ? value : "Not provided"}
-      </div>
-    </div>
-  );
-}
-
-function StepIcon({
-  icon,
-  active,
-  completed,
-}: {
-  icon: React.ReactNode;
-  active: boolean;
-  completed: boolean;
-}) {
-  return (
-    <div
-      className={`relative z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 transition-all ${completed
-          ? "bg-primary border-primary text-primary-foreground"
-          : active
-            ? "bg-background border-primary text-primary shadow-md"
-            : "bg-background border-border text-muted-foreground"
-        }`}
-    >
-      {completed ? <CheckCircle2 className="size-5" /> : icon}
-    </div>
+      </Text>
+    </Box>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/LoginPage.tsx b/apps/edr-freight-web/portal/src/pages/accounts/LoginPage.tsx
index 4cfc64619..f8ba4ff45 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/LoginPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/LoginPage.tsx
@@ -1,22 +1,17 @@
+import { Alert, Box, Button, Group, PasswordInput, SegmentedControl, Stack, Text, TextInput } from "@mantine/core";
+import { ArrowRight, Mail, Phone } from "lucide-react";
 import { useState } from "react";
-import { useNavigate } from "react-router-dom";
-import { ArrowRight, Mail, Phone, Loader2 } from "lucide-react";
+import { useLocation, useNavigate } from "react-router-dom";
+
 import useAuth from "@/hooks/useAuth";
 import AuthLayout from "@/components/auth/AuthLayout";
-import {
-  Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-} from "@edr/ui-common";
 import PhoneInput from "@/components/auth/PhoneInput";
 
 type LoginMethod = "email" | "phone";
 
 export default function LoginPage() {
   const navigate = useNavigate();
+  const location = useLocation();
   const { login } = useAuth();
   const [method, setMethod] = useState<LoginMethod>("email");
   const [identifier, setIdentifier] = useState("");
@@ -31,12 +26,15 @@ export default function LoginPage() {
     setError(null);
     setLoading(true);
     try {
-      const loginId = method === "email"
-        ? identifier
-        : `${countryCode}${phoneNumber.startsWith("0") ? phoneNumber.slice(1) : phoneNumber}`;
+      const loginId =
+        method === "email"
+          ? identifier
+          : `${countryCode}${phoneNumber.startsWith("0") ? phoneNumber.slice(1) : phoneNumber}`;
       const result = await login({ email: loginId, password });
       if (result.success) {
-        navigate("/");
+        const from = (location.state as { from?: { pathname: string } } | null)
+          ?.from?.pathname;
+        navigate(from ?? "/portal", { replace: true });
       } else {
         setError(result.error.message);
       }
@@ -60,130 +58,141 @@ export default function LoginPage() {
           "Enterprise-grade operations",
           "Multi-corridor freight monitoring",
         ],
-        stats: {
-          label: "Active Corridors",
-          value: "24+",
-          footer: "Operational",
-          progress: "w-[95%]",
-        },
+        stats: { label: "Active Corridors", value: "24+", footer: "Operational", progress: "w-[95%]" },
       }}
     >
-      <div className="mb-6">
-        <div className="mb-4 flex size-12 items-center justify-center rounded-2xl bg-primary/10 text-primary">
-          <Mail className="size-6" />
-        </div>
-        <h2 className="text-2xl font-black tracking-tight">Welcome back</h2>
-        <p className="mt-2 text-base text-muted-foreground">
-          Enter your credentials to access your portal
-        </p>
-      </div>
+      <Stack gap="xs" mb="lg">
+        <Box
+          w={48}
+          h={48}
+          bg="edr-soft"
+          className="flex items-center justify-center rounded-2xl"
+        >
+          <Mail size={22} color="var(--mantine-color-edr-green-6)" />
+        </Box>
+        <Box>
+          <Text fz={24} fw={800} c="edr-text" className="tracking-tight">
+            Welcome back
+          </Text>
+          <Text fz={15} c="edr-muted" mt={4}>
+            Enter your credentials to access your portal
+          </Text>
+        </Box>
+      </Stack>
 
-      <form onSubmit={handleSubmit} className="flex flex-col gap-4">
-        <div className="flex gap-2 rounded-lg bg-muted p-1">
-          <Button
-            type="button"
-            variant={"ghost"}
-            size="sm"
-            onClick={() => setMethod("email")}
-            className={`flex-1 hover:bg-background/40! ${method === "email" ? "bg-background shadow border" : ""}`}
-          >
-            <Mail data-icon="inline-start" />
-            Email
-          </Button>
-          <Button
-            type="button"
-            variant={"ghost"}
-            size="sm"
-            onClick={() => setMethod("phone")}
-            className={`flex-1 hover:bg-background/40! ${method === "phone" ? "bg-background shadow border" : ""}`}
-          >
-            <Phone data-icon="inline-start" />
-            Phone
-          </Button>
-        </div>
+      <form onSubmit={handleSubmit}>
+        <Stack gap="md">
+          <SegmentedControl
+            value={method}
+            onChange={(v) => setMethod(v as LoginMethod)}
+            fullWidth
+            radius="md"
+            data={[
+              {
+                label: (
+                  <Group gap={6} justify="center" wrap="nowrap">
+                    <Mail size={15} />
+                    <Text size="sm">Email</Text>
+                  </Group>
+                ),
+                value: "email",
+              },
+              {
+                label: (
+                  <Group gap={6} justify="center" wrap="nowrap">
+                    <Phone size={15} />
+                    <Text size="sm">Phone</Text>
+                  </Group>
+                ),
+                value: "phone",
+              },
+            ]}
+          />
 
-        <FieldGroup>
           {method === "email" ? (
-            <Field>
-              <FieldLabel>Email Address</FieldLabel>
-              <Input
-                type="email"
-                placeholder="name@company.com"
-                value={identifier}
-                onChange={(e) => setIdentifier(e.target.value)}
-                required
-                disabled={loading}
-              />
-            </Field>
+            <TextInput
+              label="Email Address"
+              placeholder="name@company.com"
+              type="email"
+              value={identifier}
+              onChange={(e) => setIdentifier(e.target.value)}
+              required
+              disabled={loading}
+            />
           ) : (
             <PhoneInput
               disabled={loading}
               countryCode={{
                 value: countryCode,
-                onChange: (e: React.ChangeEvent<HTMLInputElement>) => setCountryCode(e.target.value),
+                onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
+                  setCountryCode(e.target.value),
               }}
               phone={{
                 value: phoneNumber,
-                onChange: (e: React.ChangeEvent<HTMLInputElement>) => setPhoneNumber(e.target.value),
+                onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
+                  setPhoneNumber(e.target.value),
               }}
             />
           )}
 
-          <Field>
-            <div className="flex items-center justify-between">
-              <FieldLabel>Password</FieldLabel>
+          <Box>
+            <Group justify="space-between" mb={6}>
+              <Text size="sm" fw={500} c="edr-text">
+                Password
+              </Text>
               <Button
-                type="button"
-                variant="link"
+                variant="transparent"
                 size="xs"
-                className="h-auto p-0"
+                c="edr-green.6"
+                p={0}
+                h="auto"
+                fz={12}
               >
                 Forgot password?
               </Button>
-            </div>
-            <Input
-              type="password"
+            </Group>
+            <PasswordInput
               placeholder="••••••••"
               value={password}
               onChange={(e) => setPassword(e.target.value)}
               required
               disabled={loading}
             />
-          </Field>
-        </FieldGroup>
+          </Box>
 
-        {error && (
-          <div className="rounded-xl border border-red-200 bg-red-50 px-4 py-2.5 text-sm text-red-700">
-            {error}
-          </div>
-        )}
-
-        <Button type="submit" disabled={loading} size="lg" className="w-full">
-          {loading ? (
-            <>
-              <Loader2 className="animate-spin" data-icon="inline-start" />
-              Signing in...
-            </>
-          ) : (
-            <>
-              Sign In
-              <ArrowRight data-icon="inline-end" />
-            </>
+          {error && (
+            <Alert color="red" variant="light" radius="md">
+              {error}
+            </Alert>
           )}
-        </Button>
 
-        <p className="text-center text-sm text-muted-foreground">
-          Don't have an account?{" "}
           <Button
-            type="button"
-            variant="link"
-            size="sm"
-            onClick={() => navigate("/signup")}
-            className="h-auto p-0 font-semibold"
+            type="submit"
+            disabled={loading}
+            loading={loading}
+            size="lg"
+            color="edr-green"
+            fullWidth
+            rightSection={!loading ? <ArrowRight size={18} /> : undefined}
           >
-            Create an account
+            Sign In
           </Button>
-        </p>
+
+          <Text size="sm" c="edr-muted" ta="center">
+            Don't have an account?{" "}
+            <Button
+              variant="transparent"
+              p={0}
+              h="auto"
+              c="edr-green.6"
+              fw={600}
+              fz="sm"
+              onClick={() => navigate("/signup")}
+            >
+              Create an account
+            </Button>
+          </Text>
+        </Stack>
       </form>
     </AuthLayout>
   );
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/OnboardingPage.tsx b/apps/edr-freight-web/portal/src/pages/accounts/OnboardingPage.tsx
index ec1d724f8..861fbbb75 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/OnboardingPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/OnboardingPage.tsx
@@ -1,21 +1,29 @@
-import { useState } from "react";
+import {
+  Box,
+  Group,
+  SimpleGrid,
+  Stack,
+  Text,
+  ThemeIcon,
+  UnstyledButton,
+} from "@mantine/core";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import {
   ArrowDownToLine,
   ArrowUpFromLine,
   Building2,
-  Ship,
-  Truck,
-  Check,
+  ChevronRight,
 } from "lucide-react";
+import { useState } from "react";
+
+import AuthLayout from "@/components/auth/AuthLayout";
 import useAuth from "@/hooks/useAuth";
 import { api } from "@/services/api";
-import { companiesService } from "@/services/companies.service";
 import type { CreateCompanyPayload } from "@/services/companies.service";
-import AuthLayout from "@/components/auth/AuthLayout";
+import { companiesService } from "@/services/companies.service";
 import CompanyProfileForm from "./CompanyProfileForm";
-import ForwarderForm from "./ForwarderForm";
 import DjiboutiAgentForm from "./DjiboutiAgentForm";
+import ForwarderForm from "./ForwarderForm";
 import TransporterForm from "./TransporterForm";
 import type { OnboardingUserType } from "./types";
 
@@ -29,41 +37,37 @@ const USER_TYPE_CARDS: {
       id: "importer",
       label: "Importer",
       description: "Import goods into Ethiopia via the railway corridor.",
-      icon: <ArrowDownToLine className="size-6" />,
+      icon: <ArrowDownToLine size={22} />,
     },
     {
       id: "exporter",
       label: "Exporter",
       description: "Export goods from Ethiopia via rail.",
-      icon: <ArrowUpFromLine className="size-6" />,
+      icon: <ArrowUpFromLine size={22} />,
     },
     {
       id: "freight-forwarder-et",
       label: "Freight Forwarder (Ethiopia)",
       description: "Ethiopian freight forwarding company handling client cargo.",
-      icon: <Building2 className="size-6" />,
-    },
-    {
-      id: "freight-forwarder-dj",
-      label: "FF Agent (Djibouti)",
-      description: "Djibouti-based agent coordinating cross-border logistics.",
-      icon: <Ship className="size-6" />,
-    },
-    {
-      id: "transporter",
-      label: "Transporter",
-      description: "Trucking company providing first/last-mile services.",
-      icon: <Truck className="size-6" />,
+      icon: <Building2 size={22} />,
     },
+    // {
+    //   id: "freight-forwarder-dj",
+    //   label: "FF Agent (Djibouti)",
+    //   description: "Djibouti-based agent coordinating cross-border logistics.",
+    //   icon: <Ship size={22} />,
+    // },
+    // {
+    //   id: "transporter",
+    //   label: "Transporter",
+    //   description: "Trucking company providing first/last-mile services.",
+    //   icon: <Truck size={22} />,
+    // },
   ];
 
 const USER_TYPE_LEFT_MAP: Record<
   OnboardingUserType,
-  {
-    badge: string;
-    title: string;
-    description: string;
-  }
+  { badge: string; title: string; description: string }
 > = {
   importer: {
     badge: "Importer Registration",
@@ -165,57 +169,60 @@ export default function OnboardingPage() {
     createCompanyMutation.mutate(enriched);
   };
 
-  const handleSelectType = (type: OnboardingUserType) => {
-    setUserType(type);
-  };
+  const handleSelectType = (type: OnboardingUserType) => setUserType(type);
+  const handleBack = () => setUserType(null);
 
-  const handleBack = () => {
-    setUserType(null);
-  };
-
-  // Preflight: user type selection
   if (!userType) {
     return (
       <AuthLayout left={PREFLIGHT_LEFT}>
-        <div className="space-y-6">
-          <div>
-            <h2 className="text-xl font-bold tracking-tight">
+        <Stack gap="lg">
+          <Box>
+            <Text fz={20} fw={800} c="edr-text" className="tracking-tight">
               Select Account Type
-            </h2>
-            <p className="mt-1 text-sm text-muted-foreground">
+            </Text>
+            <Text size="sm" c="edr-muted" mt={4}>
               Choose the account type that fits your role.
-            </p>
-          </div>
+            </Text>
+          </Box>
 
-          <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
+          <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="md">
             {USER_TYPE_CARDS.map((card) => (
-              <button
+              <UnstyledButton
                 key={card.id}
-                type="button"
                 onClick={() => handleSelectType(card.id)}
-                className="group relative flex flex-col items-start gap-3 rounded-xl border-2 border-border bg-card p-4 text-left transition-all hover:border-primary hover:bg-primary/[0.03] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                className="group block rounded-lg shadow-lg! border! border-edr-border! bg-edr-card! p-5! text-left transition-all duration-200 hover:-translate-y-0.5  hover:border-[var(--mantine-color-edr-green-5)]! hover:bg-edr-soft hover:shadow-[0_12px_28px_-14px_rgba(14,163,83,0.55)]"
               >
-                <div className="flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground">
-                  {card.icon}
-                </div>
-                <div>
-                  <p className="font-semibold text-foreground">{card.label}</p>
-                  <p className="mt-0.5 text-xs text-muted-foreground leading-relaxed">
-                    {card.description}
-                  </p>
-                </div>
-                <span className="absolute right-3 top-3 flex size-5 items-center justify-center rounded-full border-2 border-border text-transparent transition-all group-hover:border-primary group-hover:text-primary">
-                  <Check className="size-3" />
-                </span>
-              </button>
+                <Group gap="md" wrap="nowrap" align="start">
+                  <ThemeIcon
+                    size={56}
+                    radius="lg"
+                    variant="light"
+                    color="edr-green"
+                    className="shrink-0 transition-colors group-hover:!bg-[var(--mantine-color-edr-green-6)] group-hover:!text-white"
+                  >
+                    {card.icon}
+                  </ThemeIcon>
+                  <Box className="min-w-0 flex-1">
+                    <Text fw={700} c="edr-text" fz={15}>
+                      {card.label}
+                    </Text>
+                    <Text size="xs" c="edr-muted" mt={4} lh={1.5}>
+                      {card.description}
+                    </Text>
+                  </Box>
+                  <ChevronRight
+                    size={18}
+                    className="shrink-0 text-[var(--mantine-color-edr-muted-6)] transition-all group-hover:translate-x-0.5 group-hover:text-[var(--mantine-color-edr-green-6)]"
+                  />
+                </Group>
+              </UnstyledButton>
             ))}
-          </div>
-        </div>
+          </SimpleGrid>
+        </Stack>
       </AuthLayout>
     );
   }
 
-  // Render the appropriate form based on user type
   const leftConfig = USER_TYPE_LEFT_MAP[userType];
   const leftProps = {
     ...leftConfig,
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/SetPasswordPage.tsx b/apps/edr-freight-web/portal/src/pages/accounts/SetPasswordPage.tsx
index 44ae45afa..87702bdd8 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/SetPasswordPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/SetPasswordPage.tsx
@@ -1,20 +1,13 @@
-import { useState, useMemo } from "react";
-import { useNavigate } from "react-router-dom";
-import { useForm } from "react-hook-form";
+import { Alert, Box, Button, Group, PasswordInput, Stack, Text, ThemeIcon } from "@mantine/core";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { ArrowRight, Check, LockKeyhole, X } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router-dom";
 import { z } from "zod";
-import { ArrowRight, Check, Eye, EyeOff, LockKeyhole, Loader2, X } from "lucide-react";
+
 import useAuth from "@/hooks/useAuth";
 import AuthLayout from "@/components/auth/AuthLayout";
-import { cn } from "@/lib/utils";
-import {
-  Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-} from "@edr/ui-common";
 
 const passwordRequirements = [
   { label: "At least 8 characters", test: (v: string) => v.length >= 8 },
@@ -45,8 +38,6 @@ type FormData = z.infer<typeof passwordSchema>;
 export default function SetPasswordPage() {
   const navigate = useNavigate();
   const { setPassword } = useAuth();
-  const [showPassword, setShowPassword] = useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
 
@@ -105,112 +96,77 @@ export default function SetPasswordPage() {
         stats: { label: "Security Protection", value: "256-bit", footer: "Encrypted", progress: "w-[98%]" },
       }}
     >
-      <div className="mb-6">
-        <div className="mb-4 flex size-12 items-center justify-center rounded-2xl bg-primary/10 text-primary">
-          <LockKeyhole className="size-6" />
-        </div>
-        <h2 className="text-2xl font-black tracking-tight">Set Password</h2>
-        <p className="mt-2 text-base text-muted-foreground">
-          Create a secure password for your account.
-        </p>
-      </div>
+      <Stack gap="xs" mb="lg">
+        <Box w={48} h={48} bg="edr-soft" className="flex items-center justify-center rounded-2xl">
+          <LockKeyhole size={22} color="var(--mantine-color-edr-green-6)" />
+        </Box>
+        <Box>
+          <Text fz={24} fw={800} c="edr-text" className="tracking-tight">
+            Set Password
+          </Text>
+          <Text fz={15} c="edr-muted" mt={4}>
+            Create a secure password for your account.
+          </Text>
+        </Box>
+      </Stack>
 
       {error && (
-        <div className="mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-2.5 text-sm text-red-700">
+        <Alert color="red" variant="light" radius="md" mb="md">
           {error}
-        </div>
+        </Alert>
       )}
 
-      <form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-4">
-        <FieldGroup>
-          <Field data-invalid={Boolean(errors.password)}>
-            <FieldLabel>Password</FieldLabel>
-            <div className="relative">
-              <Input
-                type={showPassword ? "text" : "password"}
-                placeholder="Enter password"
-                disabled={loading}
-                aria-invalid={Boolean(errors.password)}
-                className="pr-12"
-                {...register("password")}
-              />
-              <Button
-                type="button"
-                variant="ghost"
-                size="icon-sm"
-                onClick={() => setShowPassword(!showPassword)}
-                className="absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground"
-              >
-                {showPassword ? <EyeOff /> : <Eye />}
-              </Button>
-            </div>
-            <FieldError errors={[errors.password]} />
-          </Field>
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <Stack gap="md">
+          <Box>
+            <PasswordInput
+              label="Password"
+              placeholder="Enter password"
+              disabled={loading}
+              error={errors.password?.message}
+              {...register("password")}
+            />
+            {password && (
+              <Stack gap={4} mt={8}>
+                {requirements.map((req) => (
+                  <Group key={req.label} gap={6} align="center" wrap="nowrap">
+                    <ThemeIcon
+                      size={16}
+                      radius="xl"
+                      variant={req.met ? "filled" : "light"}
+                      color={req.met ? "edr-green" : "gray"}
+                    >
+                      {req.met ? <Check size={10} /> : <X size={10} />}
+                    </ThemeIcon>
+                    <Text size="xs" c={req.met ? "edr-green.7" : "edr-muted"}>
+                      {req.label}
+                    </Text>
+                  </Group>
+                ))}
+              </Stack>
+            )}
+          </Box>
 
-          {password && (
-            <ul className="space-y-1.5">
-              {requirements.map((req) => (
-                <li
-                  key={req.label}
-                  className={cn(
-                    "flex items-center gap-2 text-sm",
-                    req.met ? "text-emerald-600" : "text-muted-foreground",
-                  )}
-                >
-                  {req.met ? (
-                    <Check className="size-4 shrink-0 text-emerald-500" />
-                  ) : (
-                    <X className="size-4 shrink-0 text-muted-foreground/50" />
-                  )}
-                  {req.label}
-                </li>
-              ))}
-            </ul>
-          )}
+          <PasswordInput
+            label="Confirm Password"
+            placeholder="Confirm password"
+            disabled={loading}
+            error={errors.confirmPassword?.message}
+            {...register("confirmPassword")}
+          />
 
-          <Field data-invalid={Boolean(errors.confirmPassword)}>
-            <FieldLabel>Confirm Password</FieldLabel>
-            <div className="relative">
-              <Input
-                type={showConfirmPassword ? "text" : "password"}
-                placeholder="Confirm password"
-                disabled={loading}
-                aria-invalid={Boolean(errors.confirmPassword)}
-                className="pr-12"
-                {...register("confirmPassword")}
-              />
-              <Button
-                type="button"
-                variant="ghost"
-                size="icon-sm"
-                onClick={() => setShowConfirmPassword(!showConfirmPassword)}
-                className="absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground"
-              >
-                {showConfirmPassword ? <EyeOff /> : <Eye />}
-              </Button>
-            </div>
-            <FieldError errors={[errors.confirmPassword]} />
-          </Field>
-        </FieldGroup>
-
-        <Button
-          type="submit"
-          disabled={loading || !allMet}
-          size="lg"
-          className="w-full"
-        >
-          {loading ? (
-            <>
-              <Loader2 className="animate-spin" data-icon="inline-start" />
-              Saving...
-            </>
-          ) : (
-            <>
-              Save Password
-              <ArrowRight data-icon="inline-end" />
-            </>
-          )}
-        </Button>
+          <Button
+            type="submit"
+            disabled={loading || !allMet}
+            loading={loading}
+            size="lg"
+            color="edr-green"
+            fullWidth
+            rightSection={!loading ? <ArrowRight size={18} /> : undefined}
+          >
+            Save Password
+          </Button>
+        </Stack>
       </form>
     </AuthLayout>
   );
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/SignupPage.tsx b/apps/edr-freight-web/portal/src/pages/accounts/SignupPage.tsx
index f8c8bc3c9..f85d11750 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/SignupPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/SignupPage.tsx
@@ -1,60 +1,33 @@
-import { useState } from "react";
-import { useNavigate } from "react-router-dom";
-import { useForm } from "react-hook-form";
+import { Alert, Box, Button, Group, PasswordInput, SimpleGrid, Stack, Text, TextInput, ThemeIcon } from "@mantine/core";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { Check, ArrowRight, UserPlus, X } from "lucide-react";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router-dom";
 import { z } from "zod";
-import {
-  ArrowRight,
-  Eye,
-  EyeOff,
-  UserPlus,
-  Loader2,
-  Check,
-  X,
-} from "lucide-react";
+
 import { userType } from "@/enums/userType";
 import useAuth from "@/hooks/useAuth";
 import type { SignupPayload } from "@/types/auth";
 import AuthLayout from "@/components/auth/AuthLayout";
 import PhoneInput from "@/components/auth/PhoneInput";
-import { cn } from "@/lib/utils";
-import {
-  Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-} from "@edr/ui-common";
 
 const passwordRequirements = [
   { label: "At least 8 characters", test: (v: string) => v.length >= 8 },
   { label: "One uppercase letter", test: (v: string) => /[A-Z]/.test(v) },
   { label: "One lowercase letter", test: (v: string) => /[a-z]/.test(v) },
   { label: "One number", test: (v: string) => /\d/.test(v) },
-  {
-    label: "One special character",
-    test: (v: string) => /[^A-Za-z0-9]/.test(v),
-  },
+  { label: "One special character", test: (v: string) => /[^A-Za-z0-9]/.test(v) },
 ] as const;
 
 const userSchema = z
   .object({
     email: z.string().email("Invalid email address"),
     countryCode: z.string().min(1, "Country code is required"),
-    phone: z
-      .string()
-      .min(9, "Phone number is too short")
-      .max(9, "Phone number is too long"),
+    phone: z.string().min(9, "Phone number is too short").max(9, "Phone number is too long"),
     userType: z.string(),
-    firstName: z.object({
-      en: z.string().min(2, "Name is required"),
-      am: z.string().nullable(),
-    }),
-    lastName: z.object({
-      en: z.string().min(2, "Name is required"),
-      am: z.string().nullable(),
-    }),
+    firstName: z.object({ en: z.string().min(2, "Name is required"), am: z.string().nullable() }),
+    lastName: z.object({ en: z.string().min(2, "Name is required"), am: z.string().nullable() }),
     password: z
       .string()
       .min(8, "Password must be at least 8 characters")
@@ -76,8 +49,6 @@ export default function SignupPage() {
   const { signup } = useAuth();
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
-  const [showPassword, setShowPassword] = useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
 
   const {
     register,
@@ -102,9 +73,7 @@ export default function SignupPage() {
     setError(null);
     setLoading(true);
     try {
-      const normalizedPhone = data.phone.startsWith("0")
-        ? data.phone.slice(1)
-        : data.phone;
+      const normalizedPhone = data.phone.startsWith("0") ? data.phone.slice(1) : data.phone;
       const payload: SignupPayload = {
         email: data.email,
         username: data.email,
@@ -120,7 +89,6 @@ export default function SignupPage() {
       const result = await signup(payload);
       if (result.success) {
         navigate("/portal");
-        // navigate("/otp");
       } else {
         setError(result.error.message);
       }
@@ -131,6 +99,8 @@ export default function SignupPage() {
     }
   };
 
+  const passwordValue = watch("password") ?? "";
+
   return (
     <AuthLayout
       left={{
@@ -144,68 +114,56 @@ export default function SignupPage() {
           "Enterprise-grade operations",
           "Multi-corridor freight monitoring",
         ],
-        stats: {
-          label: "Active Corridors",
-          value: "24+",
-          footer: "Operational",
-          progress: "w-[95%]",
-        },
+        stats: { label: "Active Corridors", value: "24+", footer: "Operational", progress: "w-[95%]" },
       }}
     >
-      <div className="mb-6">
-        <div className="mb-4 flex size-12 items-center justify-center rounded-2xl bg-primary/10 text-primary">
-          <UserPlus className="size-6" />
-        </div>
-        <h2 className="text-2xl font-black tracking-tight">Create Account</h2>
-        <p className="mt-2 text-base text-muted-foreground">
-          Register to access EDR Freight services.
-        </p>
-      </div>
+      <Stack gap="xs" mb="lg">
+        <Box w={48} h={48} bg="edr-soft" className="flex items-center justify-center rounded-2xl">
+          <UserPlus size={22} color="var(--mantine-color-edr-green-6)" />
+        </Box>
+        <Box>
+          <Text fz={24} fw={800} c="edr-text" className="tracking-tight">
+            Create Account
+          </Text>
+          <Text fz={15} c="edr-muted" mt={4}>
+            Register to access EDR Freight services.
+          </Text>
+        </Box>
+      </Stack>
 
       {error && (
-        <div className="mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-2.5 text-sm text-red-700">
+        <Alert color="red" variant="light" radius="md" mb="md">
           {error}
-        </div>
+        </Alert>
       )}
 
-      <form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-4">
-        <FieldGroup className="gap-4">
-          <div className="flex gap-4">
-            <Field data-invalid={Boolean(errors.firstName?.en)}>
-              <FieldLabel>First Name</FieldLabel>
-              <Input
-                type="text"
-                placeholder="John"
-                disabled={loading}
-                aria-invalid={Boolean(errors.firstName?.en)}
-                {...register("firstName.en")}
-              />
-              <FieldError errors={[errors.firstName?.en]} />
-            </Field>
-
-            <Field data-invalid={Boolean(errors.lastName?.en)}>
-              <FieldLabel>Last Name</FieldLabel>
-              <Input
-                type="text"
-                placeholder="Doe"
-                disabled={loading}
-                aria-invalid={Boolean(errors.lastName?.en)}
-                {...register("lastName.en")}
-              />
-              <FieldError errors={[errors.lastName?.en]} />
-            </Field>
-          </div>
-          <Field data-invalid={Boolean(errors.email)}>
-            <FieldLabel>Email Address</FieldLabel>
-            <Input
-              type="email"
-              placeholder="john@example.com"
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <Stack gap="md">
+          <SimpleGrid cols={2} spacing="md">
+            <TextInput
+              label="First Name"
+              placeholder="John"
               disabled={loading}
-              aria-invalid={Boolean(errors.email)}
-              {...register("email")}
+              error={errors.firstName?.en?.message}
+              {...register("firstName.en")}
             />
-            <FieldError errors={[errors.email]} />
-          </Field>
+            <TextInput
+              label="Last Name"
+              placeholder="Doe"
+              disabled={loading}
+              error={errors.lastName?.en?.message}
+              {...register("lastName.en")}
+            />
+          </SimpleGrid>
+
+          <TextInput
+            label="Email Address"
+            placeholder="john@example.com"
+            type="email"
+            disabled={loading}
+            error={errors.email?.message}
+            {...register("email")}
+          />
 
           <PhoneInput
             disabled={loading}
@@ -215,108 +173,73 @@ export default function SignupPage() {
             phoneError={errors.phone}
           />
 
-          <Field data-invalid={Boolean(errors.password)}>
-            <FieldLabel>Password</FieldLabel>
-            <div className="relative">
-              <Input
-                type={showPassword ? "text" : "password"}
-                placeholder="Create a strong password"
-                disabled={loading}
-                aria-invalid={Boolean(errors.password)}
-                className="pr-10"
-                {...register("password")}
-              />
-              <button
-                type="button"
-                onClick={() => setShowPassword(!showPassword)}
-                className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-                tabIndex={-1}
-              >
-                {showPassword ? (
-                  <EyeOff className="size-4" />
-                ) : (
-                  <Eye className="size-4" />
-                )}
-              </button>
-            </div>
-            <FieldError errors={[errors.password]} />
-            <div className="mt-2 space-y-1">
-              {passwordRequirements.map((req) => {
-                const met = req.test(watch("password") ?? "");
-                return (
-                  <div
-                    key={req.label}
-                    className={cn(
-                      "flex items-center gap-1.5 text-xs transition-colors",
-                      met ? "text-emerald-600" : "text-muted-foreground",
-                    )}
-                  >
-                    {met ? (
-                      <Check className="size-3" />
-                    ) : (
-                      <X className="size-3" />
-                    )}
-                    {req.label}
-                  </div>
-                );
-              })}
-            </div>
-          </Field>
+          <Box>
+            <PasswordInput
+              label="Password"
+              placeholder="Create a strong password"
+              disabled={loading}
+              error={errors.password?.message}
+              {...register("password")}
+            />
+            {passwordValue.length > 0 && (
+              <Stack gap={4} mt={8}>
+                {passwordRequirements.map((req) => {
+                  const met = req.test(passwordValue);
+                  return (
+                    <Group key={req.label} gap={6} align="center" wrap="nowrap">
+                      <ThemeIcon
+                        size={16}
+                        radius="xl"
+                        variant={met ? "filled" : "light"}
+                        color={met ? "edr-green" : "gray"}
+                      >
+                        {met ? <Check size={10} /> : <X size={10} />}
+                      </ThemeIcon>
+                      <Text size="xs" c={met ? "edr-green.7" : "edr-muted"}>
+                        {req.label}
+                      </Text>
+                    </Group>
+                  );
+                })}
+              </Stack>
+            )}
+          </Box>
 
-          <Field data-invalid={Boolean(errors.confirmPassword)}>
-            <FieldLabel>Confirm Password</FieldLabel>
-            <div className="relative">
-              <Input
-                type={showConfirmPassword ? "text" : "password"}
-                placeholder="Re-enter your password"
-                disabled={loading}
-                aria-invalid={Boolean(errors.confirmPassword)}
-                className="pr-10"
-                {...register("confirmPassword")}
-              />
-              <button
-                type="button"
-                onClick={() => setShowConfirmPassword(!showConfirmPassword)}
-                className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-                tabIndex={-1}
-              >
-                {showConfirmPassword ? (
-                  <EyeOff className="size-4" />
-                ) : (
-                  <Eye className="size-4" />
-                )}
-              </button>
-            </div>
-            <FieldError errors={[errors.confirmPassword]} />
-          </Field>
-        </FieldGroup>
+          <PasswordInput
+            label="Confirm Password"
+            placeholder="Re-enter your password"
+            disabled={loading}
+            error={errors.confirmPassword?.message}
+            {...register("confirmPassword")}
+          />
 
-        <Button type="submit" disabled={loading} size="lg" className="w-full">
-          {loading ? (
-            <>
-              <Loader2 className="animate-spin" data-icon="inline-start" />
-              Creating...
-            </>
-          ) : (
-            <>
-              Create Account
-              <ArrowRight data-icon="inline-end" />
-            </>
-          )}
-        </Button>
-
-        <p className="text-center text-sm text-muted-foreground">
-          Already have an account?
           <Button
-            type="button"
-            variant="link"
-            size="sm"
-            onClick={() => navigate("/login")}
-            className="h-auto p-0 font-semibold"
+            type="submit"
+            disabled={loading}
+            loading={loading}
+            size="lg"
+            color="edr-green"
+            fullWidth
+            rightSection={!loading ? <ArrowRight size={18} /> : undefined}
           >
-            Sign In
+            Create Account
           </Button>
-        </p>
+
+          <Text size="sm" c="edr-muted" ta="center">
+            Already have an account?{" "}
+            <Button
+              variant="transparent"
+              p={0}
+              h="auto"
+              c="edr-green.6"
+              fw={600}
+              fz="sm"
+              onClick={() => navigate("/login")}
+            >
+              Sign In
+            </Button>
+          </Text>
+        </Stack>
       </form>
     </AuthLayout>
   );
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/TransporterForm.tsx b/apps/edr-freight-web/portal/src/pages/accounts/TransporterForm.tsx
index eea5c0051..ef6f894fd 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/TransporterForm.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/TransporterForm.tsx
@@ -1,42 +1,24 @@
-import { useState } from "react";
-import { useForm, Controller } from "react-hook-form";
-import { useQuery } from "@tanstack/react-query";
+import { Box, Button, Divider, Group, Loader, Select, SimpleGrid, Stack, Text, TextInput, ThemeIcon } from "@mantine/core";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
+import { useQuery } from "@tanstack/react-query";
 import {
-  ArrowRight,
   ArrowLeft,
+  ArrowRight,
+  CheckCircle2,
   ChevronLeft,
   Truck,
-  CheckCircle2,
-  Loader2,
   UploadCloud,
 } from "lucide-react";
+import { useState } from "react";
+import { Controller, useForm } from "react-hook-form";
+import { z } from "zod";
+
 import type { AuthUser } from "@/types/auth";
 import type { CreateCompanyPayload } from "@/services/companies.service";
-import {
-  Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  SmartFileInput,
-} from "@edr/ui-common";
-import { cn } from "@/lib/utils";
+import { SmartFileInput } from "@edr/ui-common";
 import { api } from "@/services/api";
 
-const TRUCK_TYPES = [
-  "Casoni",
-  "Truck Trailer",
-  "High Bed",
-  "Low Bed",
-  "Others",
-] as const;
+const TRUCK_TYPES = ["Casoni", "Truck Trailer", "High Bed", "Low Bed", "Others"] as const;
 
 type TransporterStep = "vehicle" | "documents" | "confirm";
 
@@ -54,10 +36,7 @@ const transporterSchema = z
       .regex(/^\d{4}$/, "Enter a valid year (e.g. 2023)"),
   })
   .superRefine((data, ctx) => {
-    if (
-      data.truckType === "Casoni" &&
-      (!data.plateNumber2 || data.plateNumber2.trim().length === 0)
-    ) {
+    if (data.truckType === "Casoni" && (!data.plateNumber2 || data.plateNumber2.trim().length === 0)) {
       ctx.addIssue({
         code: z.ZodIssueCode.custom,
         path: ["plateNumber2"],
@@ -99,45 +78,25 @@ export default function TransporterForm({
 }: {
   documentSettingCode: string;
   documentFiles?: Record<string, File | File[] | null>;
-  onDocumentFilesChange?: (
-    files: Record<string, File | File[] | null>,
-  ) => void;
+  onDocumentFilesChange?: (files: Record<string, File | File[] | null>) => void;
   user: AuthUser;
   onSubmit: (data: CreateCompanyPayload) => void;
   isPending: boolean;
   onBack: () => void;
 }) {
   const [step, setStep] = useState<TransporterStep>("vehicle");
-  const [internalFiles, setInternalFiles] = useState<
-    Record<string, File | File[] | null>
-  >({});
+  const [internalFiles, setInternalFiles] = useState<Record<string, File | File[] | null>>({});
   const documentFiles = controlledFiles ?? internalFiles;
   const setDocumentFiles = onDocumentFilesChange ?? setInternalFiles;
 
   const { data: uploadSetting, isLoading: loadingDocuments } = useQuery(
-    api.fileUploadSettings.getByCode.queryOptions({
-      input: { code: documentSettingCode },
-      refetchOnMount: false,
-    }),
+    api.fileUploadSettings.getByCode.queryOptions({ input: { code: documentSettingCode }, refetchOnMount: false }),
   );
 
-  const {
-    register,
-    handleSubmit,
-    trigger,
-    watch,
-    control,
-    formState: { errors },
-  } = useForm<FormData>({
+  const { register, handleSubmit, trigger, watch, control, formState: { errors } } = useForm<FormData>({
     resolver: zodResolver(transporterSchema),
     defaultValues: {
-      tinNumber: "",
-      fanNumber: "",
-      truckType: "",
-      plateNumber: "",
-      plateNumber2: "",
-      vehicleModel: "",
-      yearOfManufacturing: "",
+      tinNumber: "", fanNumber: "", truckType: "", plateNumber: "", plateNumber2: "", vehicleModel: "", yearOfManufacturing: "",
     },
   });
 
@@ -148,298 +107,220 @@ export default function TransporterForm({
   const totalSteps = 3;
 
   const nextStep = async () => {
-    if (step === "documents") {
-      setStep("confirm");
-      return;
-    }
-    if (step === "confirm") {
-      handleSubmit((data) => onSubmit(buildPayload(data, user)))();
-      return;
-    }
-    const fields: (keyof FormData)[] = [
-      "tinNumber",
-      "fanNumber",
-      "truckType",
-      "plateNumber",
-      "vehicleModel",
-      "yearOfManufacturing",
-    ];
+    if (step === "documents") { setStep("confirm"); return; }
+    if (step === "confirm") { handleSubmit((data) => onSubmit(buildPayload(data, user)))(); return; }
+    const fields: (keyof FormData)[] = ["tinNumber", "fanNumber", "truckType", "plateNumber", "vehicleModel", "yearOfManufacturing"];
     const isValid = await trigger(fields);
     if (!isValid) return;
     setStep("documents");
   };
 
-  const skipDocuments = () => {
-    setStep("confirm");
-  };
+  const skipDocuments = () => setStep("confirm");
 
   const prevStep = () => {
-    if (step === "vehicle") {
-      onBack();
-    } else if (step === "documents") {
-      setStep("vehicle");
-    } else {
-      setStep("documents");
-    }
+    if (step === "vehicle") onBack();
+    else if (step === "documents") setStep("vehicle");
+    else setStep("documents");
   };
 
+  const STEPS: { key: TransporterStep; icon: React.ReactNode }[] = [
+    { key: "vehicle", icon: <Truck size={18} /> },
+    { key: "documents", icon: <UploadCloud size={18} /> },
+    { key: "confirm", icon: <CheckCircle2 size={18} /> },
+  ];
+
+  const STEP_LABELS: Record<TransporterStep, string> = {
+    vehicle: `Step 1 of ${totalSteps} — Vehicle Information`,
+    documents: `Step 2 of ${totalSteps} — Upload Documents (Optional)`,
+    confirm: `Step 3 of ${totalSteps} — Review & Confirm`,
+  };
+
+  const stepOrder: TransporterStep[] = ["vehicle", "documents", "confirm"];
+  const currentIdx = stepOrder.indexOf(step);
+
   return (
     <>
-      <div className="mb-8">
-        <button
-          type="button"
+      <Box mb="xl">
+        <Button
+          variant="subtle"
+          c="edr-muted"
+          size="sm"
+          mb="sm"
+          leftSection={<ChevronLeft size={16} />}
           onClick={prevStep}
-          className="mb-4 flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors"
         >
-          <ChevronLeft className="size-4" />
           Change account type
-        </button>
+        </Button>
 
-        <div className="flex items-center justify-between max-w-lg mx-auto relative px-2">
-          <div className="absolute top-1/2 left-0 w-full h-0.5 bg-border -translate-y-1/2 z-0" />
-          <StepIcon
-            icon={<Truck className="size-5" />}
-            active={step === "vehicle"}
-            completed={step !== "vehicle"}
-          />
-          <StepIcon
-            icon={<UploadCloud className="size-5" />}
-            active={step === "documents"}
-            completed={step === "confirm"}
-          />
-          <StepIcon
-            icon={<CheckCircle2 className="size-5" />}
-            active={step === "confirm"}
-            completed={false}
-          />
-        </div>
-        <p className="text-center text-sm text-muted-foreground mt-3">
-          {step === "vehicle" && `Step 1 of ${totalSteps} — Vehicle Information`}
-          {step === "documents" && `Step 2 of ${totalSteps} — Upload Documents (Optional)`}
-          {step === "confirm" && `Step 3 of ${totalSteps} — Review & Confirm`}
-        </p>
-      </div>
+        <Group justify="space-between" align="center" className="relative max-w-lg mx-auto px-2">
+          <Box className="absolute top-1/2 left-2 right-2 h-0.5 bg-edr-border -translate-y-1/2 z-0" />
+          {STEPS.map(({ key, icon }, i) => {
+            const done = i < currentIdx;
+            const active = i === currentIdx;
+            return done || active ? (
+              <ThemeIcon key={key} size={40} radius="xl" variant="filled" color="edr-green" className="relative z-10">
+                {done ? <CheckCircle2 size={18} /> : icon}
+              </ThemeIcon>
+            ) : (
+              <Box
+                key={key}
+                w={40}
+                h={40}
+                c="edr-slate"
+                className="relative z-10 flex items-center justify-center rounded-full border-2 border-edr-border bg-edr-card"
+              >
+                {icon}
+              </Box>
+            );
+          })}
+        </Group>
 
-      <form
-        onSubmit={(e) => e.preventDefault()}
-        className="flex flex-col gap-4"
-      >
-        {step === "vehicle" && (
-          <>
-            <div className="grid grid-cols-2 gap-4">
-              <Field data-invalid={Boolean(errors.tinNumber)}>
-                <FieldLabel>TIN Number (10 digits)</FieldLabel>
-                <Input
+        <Text size="sm" c="edr-muted" ta="center" mt="sm">
+          {STEP_LABELS[step]}
+        </Text>
+      </Box>
+
+      <form onSubmit={(e) => e.preventDefault()}>
+        <Stack gap="md">
+          {step === "vehicle" && (
+            <>
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label="TIN Number (10 digits)"
                   placeholder="1234567890"
                   maxLength={10}
-                  aria-invalid={Boolean(errors.tinNumber)}
+                  error={errors.tinNumber?.message}
                   {...register("tinNumber")}
                 />
-                <FieldError errors={[errors.tinNumber]} />
-              </Field>
-
-              <Field data-invalid={Boolean(errors.fanNumber)}>
-                <FieldLabel>FAN Number (16 digits)</FieldLabel>
-                <Input
+                <TextInput
+                  label="FAN Number (16 digits)"
                   placeholder="1234567890123456"
                   maxLength={16}
-                  aria-invalid={Boolean(errors.fanNumber)}
+                  error={errors.fanNumber?.message}
                   {...register("fanNumber")}
                 />
-                <FieldError errors={[errors.fanNumber]} />
-              </Field>
-            </div>
+              </SimpleGrid>
 
-            <hr className="border-border" />
+              <Divider color="edr-border" />
 
-            <h3 className="text-sm font-semibold text-foreground">
-              Vehicle / Truck Information
-            </h3>
+              <Text fw={600} size="sm" c="edr-text">Vehicle / Truck Information</Text>
 
-            <Controller
-              name="truckType"
-              control={control}
-              render={({ field, fieldState }) => (
-                <Field data-invalid={Boolean(fieldState.error)}>
-                  <FieldLabel>Truck Type</FieldLabel>
-                  <Select value={field.value} onValueChange={field.onChange}>
-                    <SelectTrigger
-                      className={cn(
-                        "w-full",
-                        fieldState.error ? "border-destructive!" : "",
-                      )}
-                      aria-invalid={Boolean(fieldState.error)}
-                    >
-                      <SelectValue placeholder="Select truck type..." />
-                    </SelectTrigger>
-                    <SelectContent>
-                      {TRUCK_TYPES.map((type) => (
-                        <SelectItem key={type} value={type}>
-                          {type}
-                        </SelectItem>
-                      ))}
-                    </SelectContent>
-                  </Select>
-                  <FieldError errors={[fieldState.error]} />
-                </Field>
-              )}
-            />
+              <Controller
+                name="truckType"
+                control={control}
+                render={({ field, fieldState }) => (
+                  <Select
+                    label="Truck Type"
+                    placeholder="Select truck type..."
+                    data={TRUCK_TYPES as unknown as string[]}
+                    value={field.value || null}
+                    onChange={(v) => field.onChange(v ?? "")}
+                    error={fieldState.error?.message}
+                    comboboxProps={{ withinPortal: true }}
+                  />
+                )}
+              />
 
-            <div className="grid grid-cols-2 gap-4">
-              <Field data-invalid={Boolean(errors.plateNumber)}>
-                <FieldLabel>Plate Number{isCasoni ? " (Front)" : ""}</FieldLabel>
-                <Input
-                  placeholder={isCasoni ? "AA-12345" : "AA-12345"}
-                  aria-invalid={Boolean(errors.plateNumber)}
+              <SimpleGrid cols={2} spacing="md">
+                <TextInput
+                  label={`Plate Number${isCasoni ? " (Front)" : ""}`}
+                  placeholder="AA-12345"
+                  error={errors.plateNumber?.message}
                   {...register("plateNumber")}
                 />
-                <FieldError errors={[errors.plateNumber]} />
-              </Field>
-
-              {isCasoni && (
-                <Field data-invalid={Boolean(errors.plateNumber2)}>
-                  <FieldLabel>Plate Number (Trailer)</FieldLabel>
-                  <Input
+                {isCasoni ? (
+                  <TextInput
+                    label="Plate Number (Trailer)"
                     placeholder="AA-67890"
-                    aria-invalid={Boolean(errors.plateNumber2)}
+                    error={errors.plateNumber2?.message}
                     {...register("plateNumber2")}
                   />
-                  <FieldError errors={[errors.plateNumber2]} />
-                </Field>
-              )}
-
-              {!isCasoni && (
-                <Field data-invalid={Boolean(errors.vehicleModel)}>
-                  <FieldLabel>Vehicle Model</FieldLabel>
-                  <Input
+                ) : (
+                  <TextInput
+                    label="Vehicle Model"
                     placeholder="Isuzu FVR 2024"
-                    aria-invalid={Boolean(errors.vehicleModel)}
+                    error={errors.vehicleModel?.message}
                     {...register("vehicleModel")}
                   />
-                  <FieldError errors={[errors.vehicleModel]} />
-                </Field>
-              )}
-            </div>
+                )}
+              </SimpleGrid>
 
-            <div className="grid grid-cols-2 gap-4">
-              {isCasoni && (
-                <Field data-invalid={Boolean(errors.vehicleModel)}>
-                  <FieldLabel>Vehicle Model</FieldLabel>
-                  <Input
+              <SimpleGrid cols={2} spacing="md">
+                {isCasoni && (
+                  <TextInput
+                    label="Vehicle Model"
                     placeholder="Isuzu FVR 2024"
-                    aria-invalid={Boolean(errors.vehicleModel)}
+                    error={errors.vehicleModel?.message}
                     {...register("vehicleModel")}
                   />
-                  <FieldError errors={[errors.vehicleModel]} />
-                </Field>
-              )}
-
-              <Field data-invalid={Boolean(errors.yearOfManufacturing)}>
-                <FieldLabel>Year of Manufacturing</FieldLabel>
-                <Input
+                )}
+                <TextInput
+                  label="Year of Manufacturing"
                   placeholder="2023"
                   maxLength={4}
-                  aria-invalid={Boolean(errors.yearOfManufacturing)}
+                  error={errors.yearOfManufacturing?.message}
                   {...register("yearOfManufacturing")}
                 />
-                <FieldError errors={[errors.yearOfManufacturing]} />
-              </Field>
-            </div>
-          </>
-        )}
+              </SimpleGrid>
+            </>
+          )}
 
-        {step === "documents" && (
-          <>
-            {loadingDocuments ? (
-              <div className="flex items-center justify-center py-8">
-                <Loader2 className="size-6 animate-spin text-muted-foreground" />
-              </div>
-            ) : !uploadSetting ? (
-              <p className="text-sm text-muted-foreground text-center py-4">
-                No document requirements found for your account type.
-              </p>
-            ) : (
-              <div className="flex flex-col gap-6">
-                <SmartFileInput
-                  file={uploadSetting}
-                  value={documentFiles}
-                  onChange={setDocumentFiles}
-                />
-              </div>
-            )}
-          </>
-        )}
-
-        {step === "confirm" && (
-          <div className="space-y-4 rounded-xl border border-border bg-card p-4">
-            <div>
-              <h3 className="text-base font-semibold text-foreground">
-                Review your registration
-              </h3>
-              <p className="text-sm text-muted-foreground mt-1">
-                Confirm the details below before saving.
-              </p>
-            </div>
-
-            <div className="grid gap-3 md:grid-cols-2">
-              <ReviewRow label="TIN Number" value={formValues.tinNumber} />
-              <ReviewRow label="FAN Number" value={formValues.fanNumber} />
-              <ReviewRow label="Truck Type" value={formValues.truckType} />
-              <ReviewRow label="Plate Number" value={formValues.plateNumber} />
-              {formValues.plateNumber2 && (
-                <ReviewRow label="Plate (Trailer)" value={formValues.plateNumber2} />
-              )}
-              <ReviewRow label="Vehicle Model" value={formValues.vehicleModel} />
-              <ReviewRow label="Year" value={formValues.yearOfManufacturing} />
-            </div>
-          </div>
-        )}
-
-        <div className="flex items-center justify-between pt-2">
-          <Button type="button" variant="outline" onClick={prevStep}>
-            <ArrowLeft />
-            {step === "vehicle"
-              ? "Change Type"
-              : step === "confirm"
-                ? "Back to Documents"
-                : "Back"}
-          </Button>
-
-          <div className="flex items-center gap-3">
-            {step === "documents" && (
-              <Button
-                type="button"
-                variant="outline"
-                onClick={skipDocuments}
-                disabled={isPending}
-              >
-                Skip for now
-              </Button>
-            )}
-
-            <Button
-              type="button"
-              onClick={step === "confirm" ? handleSubmit((data) => onSubmit(buildPayload(data, user))) : nextStep}
-              disabled={isPending || (step === "documents" && !hasDocuments && loadingDocuments)}
-            >
-              {isPending ? (
-                <>
-                  <Loader2 className="animate-spin" />
-                  Submitting...
-                </>
-              ) : step === "documents" ? (
-                "Continue"
-              ) : step === "confirm" ? (
-                "Submit Registration"
+          {step === "documents" && (
+            <>
+              {loadingDocuments ? (
+                <Group justify="center" py="xl">
+                  <Loader size="sm" color="edr-green" />
+                </Group>
+              ) : !uploadSetting ? (
+                <Text size="sm" c="edr-muted" ta="center" py="md">
+                  No document requirements found for your account type.
+                </Text>
               ) : (
-                <>
-                  Next Step
-                  <ArrowRight />
-                </>
+                <SmartFileInput file={uploadSetting} value={documentFiles} onChange={setDocumentFiles} />
               )}
+            </>
+          )}
+
+          {step === "confirm" && (
+            <Box p={16} className="rounded-2xl border border-edr-border bg-edr-card">
+              <Text fw={600} c="edr-text">Review your registration</Text>
+              <Text size="sm" c="edr-muted" mt={4} mb="md">
+                Confirm the details below before saving.
+              </Text>
+              <SimpleGrid cols={2} spacing="sm">
+                <ReviewRow label="TIN Number" value={formValues.tinNumber} />
+                <ReviewRow label="FAN Number" value={formValues.fanNumber} />
+                <ReviewRow label="Truck Type" value={formValues.truckType} />
+                <ReviewRow label="Plate Number" value={formValues.plateNumber} />
+                {formValues.plateNumber2 && <ReviewRow label="Plate (Trailer)" value={formValues.plateNumber2} />}
+                <ReviewRow label="Vehicle Model" value={formValues.vehicleModel} />
+                <ReviewRow label="Year" value={formValues.yearOfManufacturing} />
+              </SimpleGrid>
+            </Box>
+          )}
+
+          <Group justify="space-between" pt="xs">
+            <Button variant="default" onClick={prevStep} leftSection={<ArrowLeft size={16} />}>
+              {step === "vehicle" ? "Change Type" : step === "confirm" ? "Back to Documents" : "Back"}
             </Button>
-          </div>
-        </div>
+            <Group gap="sm">
+              {step === "documents" && (
+                <Button variant="default" onClick={skipDocuments} disabled={isPending}>
+                  Skip for now
+                </Button>
+              )}
+              <Button
+                color="edr-green"
+                onClick={step === "confirm" ? handleSubmit((data) => onSubmit(buildPayload(data, user))) : nextStep}
+                disabled={isPending || (step === "documents" && !hasDocuments && loadingDocuments)}
+                loading={isPending}
+                rightSection={!isPending && step !== "confirm" && step !== "documents" ? <ArrowRight size={16} /> : undefined}
+              >
+                {step === "documents" ? "Continue" : step === "confirm" ? "Submit Registration" : "Next Step"}
+              </Button>
+            </Group>
+          </Group>
+        </Stack>
       </form>
     </>
   );
@@ -447,37 +328,13 @@ export default function TransporterForm({
 
 function ReviewRow({ label, value }: { label: string; value?: string | null }) {
   return (
-    <div className="rounded-lg border border-border bg-muted/20 p-3">
-      <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
+    <Box p={12} className="rounded-xl border border-edr-border bg-edr-card">
+      <Text size="xs" fw={600} c="edr-muted" className="uppercase tracking-wide">
         {label}
-      </div>
-      <div className="mt-1 text-sm font-medium text-foreground">
+      </Text>
+      <Text size="sm" fw={500} c={value?.trim() ? "edr-text" : "edr-muted"} mt={4}>
         {value?.trim() ? value : "Not provided"}
-      </div>
-    </div>
-  );
-}
-
-function StepIcon({
-  icon,
-  active,
-  completed,
-}: {
-  icon: React.ReactNode;
-  active: boolean;
-  completed: boolean;
-}) {
-  return (
-    <div
-      className={`relative z-10 flex h-10 w-10 items-center justify-center rounded-full border-2 transition-all ${
-        completed
-          ? "bg-primary border-primary text-primary-foreground"
-          : active
-            ? "bg-background border-primary text-primary shadow-md"
-            : "bg-background border-border text-muted-foreground"
-      }`}
-    >
-      {completed ? <CheckCircle2 className="size-5" /> : icon}
-    </div>
+      </Text>
+    </Box>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/accounts/VerificationOtpPage.tsx b/apps/edr-freight-web/portal/src/pages/accounts/VerificationOtpPage.tsx
index a09417c01..2a95e7c00 100644
--- a/apps/edr-freight-web/portal/src/pages/accounts/VerificationOtpPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/accounts/VerificationOtpPage.tsx
@@ -1,20 +1,14 @@
-import { useState } from "react";
-import { useNavigate } from "react-router-dom";
-import { useForm } from "react-hook-form";
+import { Alert, Box, Button, Stack, Text, TextInput } from "@mantine/core";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { ArrowRight, MailCheck, RotateCw } from "lucide-react";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router-dom";
 import { z } from "zod";
-import { ArrowRight, MailCheck, RotateCw, Loader2 } from "lucide-react";
+
 import { verificationCodeType } from "@/enums/verificationCodeType";
 import useAuth from "@/hooks/useAuth";
 import AuthLayout from "@/components/auth/AuthLayout";
-import {
-  Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-} from "@edr/ui-common";
 
 const otpSchema = z.object({
   code: z.string().regex(/^\d{6}$/, "OTP must be exactly 6 digits"),
@@ -96,106 +90,101 @@ export default function VerificationOtpPage() {
         stats: { label: "Verification Security", value: "99.9%", footer: "Protected", progress: "w-[99%]" },
       }}
     >
-      <div className="mb-6">
-        <div className="mb-4 flex size-12 items-center justify-center rounded-2xl bg-primary/10 text-primary">
-          <MailCheck className="size-6" />
-        </div>
-        <h2 className="text-2xl font-black tracking-tight">OTP Verification</h2>
-        <p className="mt-2 text-base text-muted-foreground">Enter the 6-digit code sent to:</p>
-        <div className="mt-3 rounded-xl border border-border bg-muted/50 px-4 py-2">
-          <p className="text-sm font-semibold">{maskedPhone}</p>
-        </div>
-      </div>
+      <Stack gap="xs" mb="lg">
+        <Box w={48} h={48} bg="edr-soft" className="flex items-center justify-center rounded-2xl">
+          <MailCheck size={22} color="var(--mantine-color-edr-green-6)" />
+        </Box>
+        <Box>
+          <Text fz={24} fw={800} c="edr-text" className="tracking-tight">
+            OTP Verification
+          </Text>
+          <Text fz={15} c="edr-muted" mt={4}>
+            Enter the 6-digit code sent to:
+          </Text>
+          <Box mt={8} p={12} bg="edr-slate-soft" className="rounded-xl border border-edr-border">
+            <Text size="sm" fw={600} c="edr-text">{maskedPhone}</Text>
+          </Box>
+        </Box>
+      </Stack>
 
       {error && (
-        <div className="mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-2.5 text-sm text-red-700">
+        <Alert color="red" variant="light" radius="md" mb="md">
           {error}
-        </div>
+        </Alert>
       )}
 
       {resentMessage && (
-        <div className="mb-4 rounded-xl border border-blue-200 bg-blue-50 px-4 py-2.5 text-sm text-blue-700">
+        <Alert color="blue" variant="light" radius="md" mb="md">
           {resentMessage}
-        </div>
+        </Alert>
       )}
 
-      <form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-4">
-        <FieldGroup>
-          <Field data-invalid={Boolean(errors.code)}>
-            <FieldLabel>Verification Code</FieldLabel>
-            <Input
-              type="text"
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <Stack gap="md">
+          <Box>
+            <TextInput
+              label="Verification Code"
               inputMode="numeric"
               autoComplete="one-time-code"
               maxLength={6}
               placeholder="123456"
               disabled={verifying}
-              aria-invalid={Boolean(errors.code)}
-              className="h-14 text-center text-2xl font-black tracking-[10px]"
+              error={errors.code?.message}
+              styles={{
+                input: {
+                  textAlign: "center",
+                  fontSize: "24px",
+                  fontWeight: 800,
+                  letterSpacing: "10px",
+                  height: "56px",
+                },
+              }}
               {...register("code")}
             />
-            <div className="mt-1.5 flex items-center justify-between">
-              {errors.code ? (
-                <FieldError errors={[errors.code]} />
-              ) : (
-                <p className="text-xs text-muted-foreground">Enter the OTP sent to your phone</p>
-              )}
-              <span className="text-xs text-muted-foreground">{otpValue.length}/6</span>
-            </div>
-          </Field>
-        </FieldGroup>
+            <Text size="xs" c="edr-muted" ta="right" mt={4}>
+              {otpValue.length}/6
+            </Text>
+          </Box>
 
-        <Button
-          type="submit"
-          disabled={verifying || otpValue.length !== 6}
-          size="lg"
-          className="w-full"
-        >
-          {verifying ? (
-            <>
-              <Loader2 className="animate-spin" data-icon="inline-start" />
-              Verifying...
-            </>
-          ) : (
-            <>
-              Verify Account
-              <ArrowRight data-icon="inline-end" />
-            </>
-          )}
-        </Button>
+          <Button
+            type="submit"
+            disabled={verifying || otpValue.length !== 6}
+            loading={verifying}
+            size="lg"
+            color="edr-green"
+            fullWidth
+            rightSection={!verifying ? <ArrowRight size={18} /> : undefined}
+          >
+            Verify Account
+          </Button>
 
-        <Button
-          type="button"
-          variant="outline"
-          onClick={handleResend}
-          disabled={resending}
-          className="w-full"
-        >
-          {resending ? (
-            <>
-              <Loader2 className="animate-spin" data-icon="inline-start" />
-              Sending...
-            </>
-          ) : (
-            <>
-              <RotateCw data-icon="inline-start" />
-              Resend Code
-            </>
-          )}
-        </Button>
-
-        <p className="text-center text-sm text-muted-foreground">
-          Didn't receive the code?
           <Button
             type="button"
-            variant="link"
-            size="sm"
+            variant="outline"
             onClick={handleResend}
-            className="h-auto p-0 font-semibold"
+            disabled={resending}
+            loading={resending}
+            fullWidth
+            leftSection={!resending ? <RotateCw size={16} /> : undefined}
           >
-            Send again
+            Resend Code
           </Button>
-        </p>
+
+          <Text size="sm" c="edr-muted" ta="center">
+            Didn't receive the code?{" "}
+            <Button
+              variant="transparent"
+              p={0}
+              h="auto"
+              c="edr-green.6"
+              fw={600}
+              fz="sm"
+              onClick={handleResend}
+            >
+              Send again
+            </Button>
+          </Text>
+        </Stack>
       </form>
     </AuthLayout>
   );
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingContractPage.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingContractPage.tsx
index dd1916093..062a8a766 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/BookingContractPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingContractPage.tsx
@@ -25,6 +25,9 @@ export default function BookingContractPage() {
   const [signOpen, setSignOpen] = useState(false);
   const [signerName, setSignerName] = useState("");
   const [signatureData, setSignatureData] = useState<string | null>(null);
+  // When a saved signature exists we offer it for approval first; the customer
+  // can switch to drawing a fresh one.
+  const [drawNew, setDrawNew] = useState(false);
 
   const { data, isLoading, isError, refetch } = useQuery({
     queryKey: ["booking-contract-view", id],
@@ -32,6 +35,31 @@ export default function BookingContractPage() {
     enabled: Boolean(id),
   });
 
+  const savedSignature = data?.savedSignature ?? null;
+  const savedSignatureImage = savedSignature?.signatureImageUrl ?? null;
+  const usingSaved = Boolean(savedSignatureImage) && !drawNew;
+
+  const openSign = () => {
+    // Prefill from the saved signature so the customer only has to approve it.
+    setSignerName(savedSignature?.signerDisplayName ?? "");
+    setSignatureData(null);
+    setDrawNew(false);
+    setSignOpen(true);
+  };
+
+  const confirmSign = () => {
+    if (!signerName.trim()) return;
+    // Approve the saved signature, or submit the freshly drawn one.
+    const image = usingSaved ? savedSignatureImage : signatureData;
+    if (!image) return;
+    signMutation.mutate({
+      role: "CUSTOMER",
+      signatureImageBase64: image,
+      signerDisplayName: signerName.trim(),
+      consentText: "I agree to the terms of this contract.",
+    });
+  };
+
   const signMutation = useMutation({
     mutationFn: (payload: SignContractPayload) =>
       bookingsService.signContract(id!, payload),
@@ -102,9 +130,9 @@ export default function BookingContractPage() {
               PDF
             </Button>
             {data.canSignCustomer && (
-              <Button size="sm" onClick={() => setSignOpen(true)}>
+              <Button size="sm" onClick={openSign}>
                 <FileSignature className="mr-2 size-4" />
-                Sign contract
+                {usingSaved ? "Approve & sign" : "Sign contract"}
               </Button>
             )}
           </div>
@@ -122,9 +150,13 @@ export default function BookingContractPage() {
       {signOpen && (
         <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 print:hidden">
           <div className="w-full max-w-md rounded-xl bg-background p-6 shadow-xl">
-            <h2 className="text-lg font-semibold">Sign contract</h2>
+            <h2 className="text-lg font-semibold">
+              {usingSaved ? "Approve signature" : "Sign contract"}
+            </h2>
             <p className="mt-1 text-sm text-muted-foreground">
-              {data.reference} — your signature will be stored securely.
+              {usingSaved
+                ? `${data.reference} — review your saved signature and approve it.`
+                : `${data.reference} — your signature will be stored securely.`}
             </p>
             <div className="mt-4 space-y-3">
               <label className="text-sm font-medium" htmlFor="portalSigner">
@@ -136,7 +168,29 @@ export default function BookingContractPage() {
                 value={signerName}
                 onChange={(e) => setSignerName(e.target.value)}
               />
-              <ContractSignaturePad onChange={setSignatureData} />
+              {usingSaved ? (
+                <div className="space-y-2">
+                  <div className="overflow-hidden rounded-lg border-2 border-dashed border-border bg-white">
+                    <img
+                      src={savedSignatureImage ?? undefined}
+                      alt="Saved signature"
+                      className="mx-auto h-36 w-full object-contain"
+                    />
+                  </div>
+                  <button
+                    type="button"
+                    className="text-xs text-primary underline"
+                    onClick={() => {
+                      setDrawNew(true);
+                      setSignatureData(null);
+                    }}
+                  >
+                    Draw a new signature instead
+                  </button>
+                </div>
+              ) : (
+                <ContractSignaturePad onChange={setSignatureData} />
+              )}
             </div>
             <div className="mt-6 flex justify-end gap-2">
               <Button variant="outline" onClick={() => setSignOpen(false)}>
@@ -145,19 +199,12 @@ export default function BookingContractPage() {
               <Button
                 disabled={
                   signMutation.isPending ||
-                  !signatureData ||
+                  (!usingSaved && !signatureData) ||
                   !signerName.trim()
                 }
-                onClick={() =>
-                  signMutation.mutate({
-                    role: "CUSTOMER",
-                    signatureImageBase64: signatureData!,
-                    signerDisplayName: signerName.trim(),
-                    consentText: "I agree to the terms of this contract.",
-                  })
-                }
+                onClick={confirmSign}
               >
-                Confirm signature
+                {usingSaved ? "Approve & sign" : "Confirm signature"}
               </Button>
             </div>
           </div>
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage.tsx
deleted file mode 100644
index f81789c61..000000000
--- a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage.tsx
+++ /dev/null
@@ -1,1429 +0,0 @@
-import { useMemo, useRef, useState } from "react";
-import { useNavigate, useParams } from "react-router-dom";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import {
-  AlertCircle,
-  Calendar,
-  MapPin,
-  Package,
-  StickyNote,
-  Train,
-  Weight,
-  Ship,
-  Truck,
-  Anchor,
-  FileText,
-  ShieldCheck,
-  AlertTriangle,
-  Info,
-  Layers,
-  CheckCircle2,
-  History,
-  ArrowRight,
-  ClipboardCheck,
-  CreditCard,
-  FileSignature,
-  PackageCheck,
-  LoaderCircle,
-  DollarSign,
-  Upload,
-  XCircle,
-  Building2,
-  FileUp,
-} from "lucide-react";
-
-import { format } from "date-fns";
-
-import Breadcrumbs from "@/components/Breadcrumbs";
-import { api } from "@/services/api";
-import type { Freight } from "@edr/types";
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  Badge,
-  Button,
-  Separator,
-  Dialog,
-  DialogTrigger,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-  DialogFooter,
-  DialogClose,
-} from "@edr/ui-common";
-import { cn } from "@/lib/utils";
-import useAuth from "@/hooks/useAuth";
-
-const PROGRESS_STAGES = [
-  { label: "Request", icon: FileText, statuses: ["DRAFT", "CHANGES_REQUESTED"] },
-  { label: "Submitted", icon: ClipboardCheck, statuses: ["SUBMITTED", "PENDING_APPROVAL"] },
-  { label: "Approved", icon: ShieldCheck, statuses: ["APPROVED_PENDING_SIGNATURE", "APPROVED", "CONTRACT_READY", "SIGNED_CUSTOMER", "FULLY_EXECUTED"] },
-  { label: "In Transit", icon: Train, statuses: ["PNR_GENERATED", "PAYMENT_VERIFICATION_IN_PROGRESS", "PAID", "IN_TRANSIT", "PENDING_CONSOLIDATION", "CONSOLIDATED"] },
-  { label: "Complete", icon: PackageCheck, statuses: ["COMPLETED", "DELIVERED"] },
-];
-
-const STATUS_MAP: Record<
-  string,
-  { title: string; description: string; color: string; stage: number }
-> = {
-  DRAFT: {
-    title: "Drafting Request",
-    description: "Booking is being prepared and has not been submitted.",
-    color: "text-muted-foreground",
-    stage: 0,
-  },
-  CHANGES_REQUESTED: {
-    title: "Changes Requested",
-    description: "Staff has requested changes. Please review and resubmit.",
-    color: "text-amber-600",
-    stage: 0,
-  },
-  SUBMITTED: {
-    title: "Submitted",
-    description: "Your booking has been submitted for review.",
-    color: "text-primary",
-    stage: 1,
-  },
-  PENDING_APPROVAL: {
-    title: "Pending Approval",
-    description: "Booking is in the approval process.",
-    color: "text-primary",
-    stage: 1,
-  },
-  APPROVED_PENDING_SIGNATURE: {
-    title: "Awaiting Signature",
-    description: "Approved — pending contract signature.",
-    color: "text-primary",
-    stage: 2,
-  },
-  APPROVED: {
-    title: "Approved",
-    description: "Booking has been fully approved.",
-    color: "text-primary",
-    stage: 2,
-  },
-  CONTRACT_READY: {
-    title: "Contract Ready",
-    description: "Contract is available for review and signature.",
-    color: "text-primary",
-    stage: 2,
-  },
-  SIGNED_CUSTOMER: {
-    title: "Customer Signed",
-    description: "Customer has signed. Awaiting staff signature.",
-    color: "text-primary",
-    stage: 2,
-  },
-  FULLY_EXECUTED: {
-    title: "Fully Executed",
-    description: "Contract has been fully signed and executed.",
-    color: "text-primary",
-    stage: 2,
-  },
-  PNR_GENERATED: {
-    title: "PNR Generated",
-    description: "Payment reference number generated.",
-    color: "text-primary",
-    stage: 3,
-  },
-  PAYMENT_VERIFICATION_IN_PROGRESS: {
-    title: "Payment Verification",
-    description: "Payment is being verified.",
-    color: "text-primary",
-    stage: 3,
-  },
-  PAID: {
-    title: "Paid",
-    description: "Payment has been confirmed.",
-    color: "text-primary",
-    stage: 3,
-  },
-  IN_TRANSIT: {
-    title: "Cargo Moving",
-    description: "Shipment is currently moving through the rail network.",
-    color: "text-primary",
-    stage: 3,
-  },
-  PENDING_CONSOLIDATION: {
-    title: "Pending Consolidation",
-    description: "Awaiting consolidation partner.",
-    color: "text-primary",
-    stage: 3,
-  },
-  CONSOLIDATED: {
-    title: "Consolidated",
-    description: "Cargo has been consolidated with partner shipment.",
-    color: "text-primary",
-    stage: 3,
-  },
-  COMPLETED: {
-    title: "Service Complete",
-    description: "Cargo delivered and service successfully terminated.",
-    color: "text-primary",
-    stage: 4,
-  },
-  DELIVERED: {
-    title: "Service Complete",
-    description: "Cargo delivered and service successfully terminated.",
-    color: "text-primary",
-    stage: 4,
-  },
-  REJECTED: {
-    title: "Rejected",
-    description: "This booking request has been rejected.",
-    color: "text-destructive",
-    stage: -1,
-  },
-  CANCELLED: {
-    title: "Cancelled",
-    description: "This booking process has been terminated.",
-    color: "text-destructive",
-    stage: -1,
-  },
-};
-
-const REQUIRED_DOC_FIELDS = [
-  { key: "commercial_invoice", label: "Commercial Invoice" },
-  { key: "packing_list", label: "Packing List" },
-  { key: "certificate_of_origin", label: "Certificate of Origin" },
-  { key: "letter_of_credit", label: "Letter of Credit / LC" },
-];
-
-export default function BookingDetailPage() {
-  const { id } = useParams<{ id: string }>();
-  const queryClient = useQueryClient();
-
-  const {
-    data: booking,
-    isLoading,
-    isError,
-    error,
-  } = useQuery(
-    api.bookings.get.queryOptions({
-      input: { id: id! },
-      enabled: !!id,
-    }),
-  );
-
-  const refetchBooking = () => {
-    queryClient.invalidateQueries({
-      queryKey: api.bookings.get.queryKey({ id: id! }),
-    });
-  };
-
-  if (isLoading) {
-    return (
-      <div className="container mx-auto flex items-center justify-center p-12">
-        <div className="flex flex-col items-center gap-4">
-          <LoaderCircle className="size-8 animate-spin text-primary" />
-          <p className="text-sm text-muted-foreground">
-            Loading booking details…
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  if (isError) {
-    return (
-      <div className="container mx-auto p-6">
-        <Card className="flex flex-col items-center p-12 text-center">
-          <div className="flex size-16 items-center justify-center rounded-full bg-destructive/10 text-destructive">
-            <AlertTriangle className="size-8" />
-          </div>
-          <h1 className="mt-4 text-2xl font-bold text-foreground">
-            Failed to load booking
-          </h1>
-          <p className="mt-2 text-sm text-muted-foreground">
-            {error instanceof Error
-              ? error.message
-              : "An unexpected error occurred."}
-          </p>
-        </Card>
-      </div>
-    );
-  }
-
-  if (!booking) {
-    return (
-      <div className="container mx-auto p-6">
-        <Card className="flex flex-col items-center p-12 text-center">
-          <div className="flex size-16 items-center justify-center rounded-full bg-muted text-muted-foreground">
-            <Package className="size-8" />
-          </div>
-          <h1 className="mt-4 text-2xl font-bold text-foreground">
-            Booking not found
-          </h1>
-        </Card>
-      </div>
-    );
-  }
-
-  if (booking.status === "DRAFT" || booking.status === "CHANGES_REQUESTED") {
-    return (
-      <DraftBookingView booking={booking} onBookingUpdated={refetchBooking} />
-    );
-  }
-
-  return <ReadonlyBookingView booking={booking} />;
-}
-
-function DraftBookingView({
-  booking,
-  onBookingUpdated,
-}: {
-  booking: Freight.IBooking;
-  onBookingUpdated: () => void;
-}) {
-  const navigate = useNavigate();
-  const queryClient = useQueryClient();
-  const { customer } = useAuth();
-  const fileInputRefs = useRef<Record<string, HTMLInputElement | null>>({});
-  const documentsRef = useRef<HTMLDivElement>(null);
-
-  const [selectedFiles, setSelectedFiles] = useState<
-    Record<string, File | null>
-  >({});
-  const [cancelDialogOpen, setCancelDialogOpen] = useState(false);
-  const [cancelReason, setCancelReason] = useState("");
-  const [docError, setDocError] = useState("");
-
-  const anyFileSelected = Object.values(selectedFiles).some(Boolean);
-
-  const uploadedCodes = useMemo(
-    () => new Set(booking.files?.map((f) => f.code) ?? []),
-    [booking.files],
-  );
-
-  const { data: generatedPricing } = useQuery({
-    ...api.bookings.generatePrice.queryOptions({ input: { id: booking.id } }),
-    enabled: booking.status === "DRAFT" && !booking.pricingBreakdown,
-  });
-
-  const pricing = booking.pricingBreakdown ?? generatedPricing ?? null;
-
-  const uploadMutation = useMutation({
-    mutationFn: (files: Record<string, File | File[] | null>) =>
-      api.bookings.uploadDocuments.call({ id: booking.id, files }),
-    onSuccess: () => {
-      setSelectedFiles({});
-      setDocError("");
-      onBookingUpdated();
-    },
-  });
-
-  const submitMutation = useMutation({
-    mutationFn: () => api.bookings.submit.call({ id: booking.id }),
-    onSuccess: () => {
-      onBookingUpdated();
-      queryClient.invalidateQueries({ queryKey: api.bookings.list.queryKey() });
-    },
-  });
-
-  const cancelMutation = useMutation({
-    mutationFn: (reason: string) =>
-      api.bookings.cancel.call({ id: booking.id, reason }),
-    onSuccess: () => {
-      setCancelDialogOpen(false);
-      onBookingUpdated();
-    },
-  });
-
-  function handleFileSelect(key: string, file: File | null) {
-    setSelectedFiles((prev) => ({ ...prev, [key]: file }));
-  }
-
-  function handleUploadAll() {
-    const filesToUpload: Record<string, File | null> = {};
-    for (const doc of REQUIRED_DOC_FIELDS) {
-      if (selectedFiles[doc.key]) {
-        filesToUpload[doc.key] = selectedFiles[doc.key]!;
-      }
-    }
-    if (Object.keys(filesToUpload).length === 0) return;
-    uploadMutation.mutate(filesToUpload);
-  }
-
-  function handleCancel() {
-    const reason = cancelReason.trim() || "Cancelled by customer";
-    cancelMutation.mutate(reason);
-  }
-
-  function handleSubmitRequest() {
-    const missing = REQUIRED_DOC_FIELDS.filter(
-      (doc) => !uploadedCodes.has(doc.key),
-    );
-    if (missing.length > 0) {
-      setDocError("Please upload all required documents before submitting.");
-      documentsRef.current?.scrollIntoView({ behavior: "smooth" });
-      return;
-    }
-    submitMutation.mutate();
-  }
-
-  const companyName = (customer as any)?.company?.name ?? "—";
-  const companyTin = (customer as any)?.company?.tin ?? "—";
-  const contactName = (customer as any)?.profile
-    ? `${(customer as any).profile.firstName ?? ""} ${(customer as any).profile.lastName ?? ""}`.trim() ||
-    "—"
-    : "—";
-  const contactEmail = (customer as any)?.profile?.email ?? "—";
-
-  return (
-    <div className="container mx-auto px-4 py-8">
-      <div className="flex flex-col gap-6">
-        <Breadcrumbs
-          items={[
-            { label: "Bookings", href: "/bookings" },
-            { label: booking.reference },
-          ]}
-        />
-
-        <Card>
-          <CardHeader>
-            <div className="flex items-center gap-6">
-              <div className="flex size-14 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
-                <Package className="size-6" />
-              </div>
-              <div className="flex flex-1 flex-col gap-1">
-                <div className="flex items-center gap-3">
-                  <h1 className="text-2xl font-black tracking-tight text-foreground">
-                    {booking.reference}
-                  </h1>
-                  <StatusBadge status={booking.status} />
-                </div>
-                <p className="text-xs text-muted-foreground">
-                  {booking.status === "CHANGES_REQUESTED"
-                    ? "Staff has requested changes. Please review, update, and resubmit."
-                    : "Complete the steps below to submit your booking request."}
-                </p>
-              </div>
-
-              <div className="flex items-center gap-3">
-                <Button
-                  type="button"
-                  variant="outline"
-                  onClick={() => navigate(`/bookings/${booking.id}/edit`)}
-                >
-                  <FileText className="size-4" />
-                  Edit
-                </Button>
-                <Button
-                  type="button"
-                  onClick={handleSubmitRequest}
-                  disabled={submitMutation.isPending}
-                >
-                  {submitMutation.isPending ? (
-                    <LoaderCircle className="animate-spin" />
-                  ) : (
-                    <CheckCircle2 />
-                  )}
-                  {submitMutation.isPending
-                    ? "Submitting..."
-                    : "Confirm Booking Request"}
-                </Button>
-              </div>
-            </div>
-          </CardHeader>
-        </Card>
-
-        {booking.status === "CHANGES_REQUESTED" && booking.latestChangeRequestNote && (
-          <div className="flex items-start gap-3 rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-800">
-            <AlertCircle className="mt-0.5 h-4 w-4 shrink-0 text-amber-500" />
-            <div>
-              <p className="font-semibold">Changes Requested by Staff</p>
-              <p className="mt-1 text-amber-700">{booking.latestChangeRequestNote}</p>
-            </div>
-          </div>
-        )}
-
-        {uploadMutation.isError && (
-          <div className="flex items-start gap-3 rounded-xl border border-destructive/20 bg-destructive/10 p-4 text-sm text-destructive">
-            <AlertCircle className="mt-0.5 h-4 w-4 shrink-0 text-destructive" />
-            <div>
-              <p className="font-semibold">Document upload failed</p>
-              <p className="mt-1 text-destructive/80">
-                {uploadMutation.error instanceof Error
-                  ? uploadMutation.error.message
-                  : "An unexpected error occurred."}
-              </p>
-            </div>
-          </div>
-        )}
-
-        {submitMutation.isError && (
-          <div className="flex items-start gap-3 rounded-xl border border-destructive/20 bg-destructive/10 p-4 text-sm text-destructive">
-            <AlertCircle className="mt-0.5 h-4 w-4 shrink-0 text-destructive" />
-            <div>
-              <p className="font-semibold">Submission failed</p>
-              <p className="mt-1 text-destructive/80">
-                {submitMutation.error instanceof Error
-                  ? submitMutation.error.message
-                  : "An unexpected error occurred."}
-              </p>
-            </div>
-          </div>
-        )}
-
-        {cancelMutation.isError && (
-          <div className="flex items-start gap-3 rounded-xl border border-destructive/20 bg-destructive/10 p-4 text-sm text-destructive">
-            <AlertCircle className="mt-0.5 h-4 w-4 shrink-0 text-destructive" />
-            <div>
-              <p className="font-semibold">Cancel failed</p>
-              <p className="mt-1 text-destructive/80">
-                {cancelMutation.error instanceof Error
-                  ? cancelMutation.error.message
-                  : "An unexpected error occurred."}
-              </p>
-            </div>
-          </div>
-        )}
-
-        <Card
-          className={cn(
-            pricing ? "border-primary/20 bg-primary/5" : "",
-          )}
-        >
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2 text-base">
-              <DollarSign className="size-4 text-primary" />
-              Pricing Estimation
-            </CardTitle>
-            <CardDescription>
-              Price estimate based on your booking details.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            {pricing ? (
-              <div className="flex flex-col gap-4">
-                <div className="overflow-hidden rounded-lg border">
-                  <table className="w-full text-left text-xs">
-                    <thead className="bg-muted text-muted-foreground">
-                      <tr>
-                        <th className="px-4 py-2 font-semibold">Description</th>
-                        <th className="px-4 py-2 font-semibold text-right">
-                          Amount
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody className="divide-y">
-                      {pricing.lineItems.map((item, i) => (
-                        <tr key={i}>
-                          <td className="px-4 py-2 text-foreground">
-                            {item.description}
-                          </td>
-                          <td className="px-4 py-2 text-right font-medium text-foreground">
-                            {item.amount.toLocaleString()} {item.currency}
-                          </td>
-                        </tr>
-                      ))}
-                      <tr className="bg-primary/5 font-bold">
-                        <td className="px-4 py-2 text-foreground">
-                          Total Estimated Cost
-                        </td>
-                        <td className="px-4 py-2 text-right text-foreground">
-                          {pricing.totalAmount.toLocaleString()}{" "}
-                          {pricing.currency}
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            ) : (
-              <p className="text-xs text-muted-foreground">
-                Pricing will be calculated after submission.
-              </p>
-            )}
-          </CardContent>
-        </Card>
-
-        <Card ref={documentsRef}>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2 text-base">
-              <FileText className="size-4 text-primary" />
-              Required Documents
-            </CardTitle>
-            <CardDescription>
-              Provide the necessary documents for this booking. Some information
-              is pre-filled from your company profile.
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="flex flex-col gap-6">
-            {docError && (
-              <div className="flex items-start gap-3 rounded-xl border border-destructive/20 bg-destructive/10 p-4 text-sm text-destructive">
-                <AlertCircle className="mt-0.5 h-4 w-4 shrink-0 text-destructive" />
-                <p className="font-semibold">{docError}</p>
-              </div>
-            )}
-            <div className="rounded-lg border border-primary/10 bg-primary/[0.02] p-4">
-              <h3 className="mb-3 flex items-center gap-2 text-xs font-bold uppercase tracking-wide text-foreground">
-                <Building2 className="size-3.5 text-primary" />
-                Company Information (from profile)
-              </h3>
-              <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
-                <InfoItem label="Company Name" value={companyName} />
-                <InfoItem label="TIN / VAT" value={companyTin} />
-                <InfoItem label="Contact Person" value={contactName} />
-                <InfoItem label="Contact Email" value={contactEmail} />
-              </div>
-              <p className="mt-3 text-xs text-muted-foreground">
-                To update your company information, go to{" "}
-                <button
-                  type="button"
-                  className="text-primary underline-offset-2 hover:underline"
-                  onClick={() => navigate("/settings")}
-                >
-                  Settings
-                </button>
-                .
-              </p>
-            </div>
-
-            <Separator />
-
-            <div>
-              <h3 className="mb-3 flex items-center gap-2 text-xs font-bold uppercase tracking-wide text-foreground">
-                <FileUp className="size-3.5 text-primary" />
-                Upload Booking Documents
-              </h3>
-              <div className="flex flex-col gap-4">
-                {REQUIRED_DOC_FIELDS.map((doc) => {
-                  const isUploaded = uploadedCodes.has(doc.key);
-                  return (
-                    <div
-                      key={doc.key}
-                      className="flex flex-col gap-1.5 sm:flex-row sm:items-center sm:justify-between"
-                    >
-                      <label className="flex items-center gap-2 text-xs font-medium text-foreground">
-                        {isUploaded && (
-                          <CheckCircle2 className="size-3.5 text-primary" />
-                        )}
-                        {doc.label}
-                      </label>
-                      <div className="flex items-center gap-2">
-                        {isUploaded ? (
-                          <span className="inline-flex items-center gap-1 rounded-lg border border-primary/20 bg-primary/10 px-3 py-1.5 text-xs font-medium text-primary">
-                            <CheckCircle2 className="size-3" />
-                            Uploaded
-                          </span>
-                        ) : (
-                          <>
-                            <input
-                              ref={(el) => {
-                                fileInputRefs.current[doc.key] = el;
-                              }}
-                              type="file"
-                              accept=".pdf,.jpg,.jpeg,.png"
-                              className="hidden"
-                              onChange={(e) => {
-                                handleFileSelect(
-                                  doc.key,
-                                  e.target.files?.[0] ?? null,
-                                );
-                              }}
-                            />
-                            <button
-                              type="button"
-                              className={cn(
-                                "inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors",
-                                selectedFiles[doc.key]
-                                  ? "border-primary/20 bg-primary/10 text-primary"
-                                  : "border-border bg-background text-muted-foreground hover:border-foreground/20 hover:text-foreground",
-                              )}
-                              onClick={() =>
-                                fileInputRefs.current[doc.key]?.click()
-                              }
-                            >
-                              <Upload className="size-3" />
-                              {selectedFiles[doc.key]
-                                ? selectedFiles[doc.key]!.name
-                                : "Choose file"}
-                            </button>
-                            {selectedFiles[doc.key] && (
-                              <button
-                                type="button"
-                                className="text-muted-foreground hover:text-destructive"
-                                onClick={() => handleFileSelect(doc.key, null)}
-                              >
-                                <XCircle className="size-4" />
-                              </button>
-                            )}
-                          </>
-                        )}
-                      </div>
-                    </div>
-                  );
-                })}
-              </div>
-
-              <div className="mt-6">
-                <Button
-                  type="button"
-                  onClick={handleUploadAll}
-                  disabled={!anyFileSelected || uploadMutation.isPending}
-                >
-                  {uploadMutation.isPending ? (
-                    <LoaderCircle className="mr-1 h-4 w-4 animate-spin" />
-                  ) : (
-                    <Upload className="mr-1 h-4 w-4" />
-                  )}
-                  {uploadMutation.isPending
-                    ? "Uploading..."
-                    : anyFileSelected
-                      ? "Upload Selected Documents"
-                      : "Select files to upload"}
-                </Button>
-                {uploadMutation.isSuccess && (
-                  <p className="mt-2 flex items-center gap-1.5 text-xs text-primary">
-                    <CheckCircle2 className="size-3" />
-                    Documents uploaded successfully
-                  </p>
-                )}
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card className="border-destructive/20">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2 text-base text-destructive">
-              <AlertTriangle className="size-4" />
-              Cancel Booking
-            </CardTitle>
-            <CardDescription>
-              If you no longer need this booking, you can cancel it.
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="flex flex-col gap-3">
-            <p className="text-xs text-muted-foreground">
-              Cancelling will terminate this booking request and cannot be
-              undone.
-            </p>
-            <Dialog open={cancelDialogOpen} onOpenChange={setCancelDialogOpen}>
-              <DialogTrigger asChild>
-                <Button
-                  type="button"
-                  variant="destructive"
-                  className="self-start"
-                >
-                  <XCircle className="mr-1 h-4 w-4" />
-                  Cancel Booking
-                </Button>
-              </DialogTrigger>
-              <DialogContent>
-                <DialogHeader>
-                  <DialogTitle>Cancel Booking</DialogTitle>
-                  <DialogDescription>
-                    Are you sure you want to cancel this booking? This action
-                    cannot be undone.
-                  </DialogDescription>
-                </DialogHeader>
-                <div className="flex flex-col gap-3 py-2">
-                  <label className="text-xs font-medium text-foreground">
-                    Reason for cancellation
-                  </label>
-                  <input
-                    type="text"
-                    placeholder="Optional — provide a reason"
-                    className="rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-destructive/50"
-                    value={cancelReason}
-                    onChange={(e) => setCancelReason(e.target.value)}
-                    autoFocus
-                  />
-                </div>
-                <DialogFooter>
-                  <DialogClose asChild>
-                    <Button type="button" variant="outline">
-                      Keep Booking
-                    </Button>
-                  </DialogClose>
-                  <Button
-                    type="button"
-                    variant="destructive"
-                    onClick={handleCancel}
-                    disabled={cancelMutation.isPending}
-                  >
-                    {cancelMutation.isPending ? (
-                      <LoaderCircle className="mr-1 h-4 w-4 animate-spin" />
-                    ) : (
-                      <XCircle className="mr-1 h-4 w-4" />
-                    )}
-                    Yes, Cancel Booking
-                  </Button>
-                </DialogFooter>
-              </DialogContent>
-            </Dialog>
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  );
-}
-
-function ReadonlyBookingView({ booking }: { booking: Freight.IBooking }) {
-  const navigate = useNavigate();
-  const queryClient = useQueryClient();
-
-  const payMutation = useMutation({
-    mutationFn: () => api.bookings.pay.call({ id: booking.id }),
-    onSuccess: (data) => {
-      if (data.redirectUrl) {
-        window.location.href = data.redirectUrl;
-      }
-    },
-  });
-
-  const normalizedStatus = booking.status as keyof typeof STATUS_MAP;
-  const statusConfig = STATUS_MAP[normalizedStatus] || STATUS_MAP.DRAFT;
-  const currentStageIndex = statusConfig.stage;
-
-  const pricing = booking.pricingBreakdown;
-
-  const uploadedCodes = useMemo(
-    () => new Set(booking.files?.map((f) => f.code) ?? []),
-    [booking.files],
-  );
-
-  return (
-    <div className="container mx-auto max-w-7xl px-4 py-8">
-      <div className="flex flex-col gap-8">
-        <Breadcrumbs
-          items={[
-            { label: "Bookings", href: "/bookings" },
-            { label: booking.reference },
-          ]}
-        />
-
-        <Card>
-          <CardHeader>
-            <div className="flex items-center gap-6">
-              <div className="flex size-14 items-center justify-center rounded-2xl bg-primary text-primary-foreground">
-                <Package className="size-6" />
-              </div>
-              <div className="flex flex-1 flex-col gap-1">
-                <div className="flex items-center gap-3">
-                  <h1 className="text-2xl font-black tracking-tight text-foreground">
-                    {booking.reference}
-                  </h1>
-                  <StatusBadge status={normalizedStatus} />
-                </div>
-                <div className="flex items-center gap-3 text-xs text-muted-foreground">
-                  <span className="flex items-center gap-1">
-                    <Calendar className="size-3" />
-                    {format(
-                      new Date(booking.scheduledDate ?? booking.createdAt),
-                      "MMM d, yyyy HH:mm",
-                    )}
-                  </span>
-                </div>
-              </div>
-              {normalizedStatus === "FULLY_EXECUTED" && booking.paymentStatus !== "PAID" && (
-                <Button
-                  type="button"
-                  onClick={() => payMutation.mutate()}
-                  disabled={payMutation.isPending}
-                >
-                  {payMutation.isPending ? (
-                    <LoaderCircle className="mr-1 h-4 w-4 animate-spin" />
-                  ) : (
-                    <CreditCard className="mr-1 h-4 w-4" />
-                  )}
-                  {payMutation.isPending ? "Processing..." : "Pay Now"}
-                </Button>
-              )}
-            </div>
-          </CardHeader>
-        </Card>
-
-        {renderContractCard(booking, navigate, payMutation)}
-
-        {pricing && (
-          <Card className="border-primary/20 bg-primary/5">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2 text-base">
-                <DollarSign className="size-4 text-primary" />
-                Pricing Breakdown
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <div className="overflow-hidden rounded-lg border">
-                <table className="w-full text-left text-xs">
-                  <thead className="bg-muted text-muted-foreground">
-                    <tr>
-                      <th className="px-4 py-2 font-semibold">Description</th>
-                      <th className="px-4 py-2 font-semibold text-right">Amount</th>
-                    </tr>
-                  </thead>
-                  <tbody className="divide-y">
-                    {pricing.lineItems.map((item, i) => (
-                      <tr key={i}>
-                        <td className="px-4 py-2 text-foreground">{item.description}</td>
-                        <td className="px-4 py-2 text-right font-medium text-foreground">
-                          {item.amount.toLocaleString()} {item.currency}
-                        </td>
-                      </tr>
-                    ))}
-                    <tr className="bg-primary/5 font-bold">
-                      <td className="px-4 py-2 text-foreground">Total Estimated Cost</td>
-                      <td className="px-4 py-2 text-right text-foreground">
-                        {pricing.totalAmount.toLocaleString()} {pricing.currency}
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </CardContent>
-          </Card>
-        )}
-
-        {booking.files && booking.files.length > 0 && (
-          <Card>
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2 text-base">
-                <FileText className="size-4 text-primary" />
-                Uploaded Documents ({booking.files.length})
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
-                {booking.files.map((file) => (
-                  <a
-                    key={file.id}
-                    href={file.signedUrl ?? file.url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="flex items-center gap-3 rounded-lg border border-border p-3 transition hover:border-primary/40"
-                  >
-                    <div className="flex size-8 items-center justify-center rounded-lg bg-primary/10">
-                      <FileText className="size-4 text-primary" />
-                    </div>
-                    <div className="min-w-0 flex-1">
-                      <p className="truncate text-sm font-medium text-foreground">
-                        {file.name}
-                      </p>
-                      <p className="text-xs text-muted-foreground">
-                        {file.code.replace(/_/g, " ")}
-                      </p>
-                    </div>
-                  </a>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        )}
-
-        <Card>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2 text-base">
-              <History className="size-4 text-primary" />
-              Booking Status Lifecycle
-            </CardTitle>
-            <CardDescription>
-              Track the journey from request to completion
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="flex flex-col gap-8">
-            <div className="relative flex w-full justify-between px-2">
-              <div className="absolute top-4 left-0 h-0.5 w-full bg-muted">
-                <div
-                  className="h-full bg-primary transition-all duration-500"
-                  style={{
-                    width:
-                      currentStageIndex >= 0
-                        ? `${(currentStageIndex / (PROGRESS_STAGES.length - 1)) * 100}%`
-                        : "0%",
-                  }}
-                />
-              </div>
-
-              {PROGRESS_STAGES.map((stage, idx) => {
-                const isCompleted = idx < currentStageIndex;
-                const isActive = idx === currentStageIndex;
-
-                return (
-                  <div
-                    key={stage.label}
-                    className="relative z-10 flex flex-col items-center gap-2"
-                  >
-                    <div
-                      className={cn(
-                        "flex size-8 items-center justify-center rounded-full border-2 transition-all duration-300 bg-background",
-                        isCompleted
-                          ? "border-primary text-primary"
-                          : isActive
-                            ? "border-primary text-primary shadow-[0_0_10px_rgba(16,185,129,0.3)] scale-110"
-                            : "border-muted text-muted-foreground",
-                      )}
-                    >
-                      {isCompleted ? (
-                        <CheckCircle2 className="size-4" />
-                      ) : (
-                        <stage.icon className="size-4" />
-                      )}
-                    </div>
-                    <span
-                      className={cn(
-                        "text-xs font-bold uppercase tracking-widest",
-                        isActive ? "text-primary" : "text-muted-foreground",
-                      )}
-                    >
-                      {stage.label}
-                    </span>
-                  </div>
-                );
-              })}
-            </div>
-
-            <div className="flex flex-col gap-4 rounded-xl border border-border/50 bg-muted/20 p-5 md:flex-row md:items-center">
-              <div className="flex size-10 shrink-0 items-center justify-center rounded-full bg-background shadow-sm">
-                {normalizedStatus === "CANCELLED" ? (
-                  <AlertTriangle className="size-5 text-destructive" />
-                ) : (
-                  <Info className="size-5 text-primary" />
-                )}
-              </div>
-              <div className="flex flex-col gap-0.5">
-                <h4
-                  className={cn(
-                    "text-sm font-black uppercase tracking-tight",
-                    statusConfig.color,
-                  )}
-                >
-                  {statusConfig.title}
-                </h4>
-                <p className="text-xs font-medium text-muted-foreground">
-                  {statusConfig.description}
-                </p>
-              </div>
-              {normalizedStatus !== "CANCELLED" &&
-                normalizedStatus !== "DELIVERED" && (
-                  <div className="ml-auto flex items-center gap-4 border-l border-border pl-6">
-                    <div className="flex flex-col">
-                      <p className="text-xs font-bold uppercase text-muted-foreground">
-                        Est. Waiting
-                      </p>
-                      <p className="text-xs font-black text-foreground">
-                        1-2 Working Days
-                      </p>
-                    </div>
-                    <CreditCard className="size-5 text-muted-foreground" />
-                  </div>
-                )}
-            </div>
-          </CardContent>
-        </Card>
-
-        <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
-          <div className="flex flex-col gap-8 lg:col-span-2">
-            <Card>
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2 text-base">
-                  <Anchor className="size-4 text-primary" />
-                  Route & Service
-                </CardTitle>
-              </CardHeader>
-              <CardContent className="flex flex-col gap-6">
-                <div className="flex flex-col items-center justify-between gap-4 rounded-xl border bg-muted/30 p-4 md:flex-row">
-                  <RouteEndpoint
-                    label="Origin Yard"
-                    station={
-                      booking.originYard?.label ??
-                      booking.originYard?.code ??
-                      "—"
-                    }
-                    icon={<MapPin />}
-                  />
-                  <div className="flex flex-col items-center gap-1 text-primary">
-                    <div className="flex items-center gap-2">
-                      <Train className="size-5" />
-                      <ArrowRight className="size-4" />
-                    </div>
-                    <Badge
-                      variant="outline"
-                      className="border-primary/20 bg-primary/5 text-xs font-bold uppercase"
-                    >
-                      Rail
-                    </Badge>
-                  </div>
-                  <RouteEndpoint
-                    label="Destination Yard"
-                    station={
-                      booking.destinationYard?.label ??
-                      booking.destinationYard?.code ??
-                      "—"
-                    }
-                    icon={<MapPin />}
-                  />
-                </div>
-
-                <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
-                  <InfoItem
-                    icon={<Layers />}
-                    label="Service"
-                    value={
-                      booking.serviceType === "RAIL_AND_FORWARDING"
-                        ? "Rail & Forwarding"
-                        : "Rail Only"
-                    }
-                  />
-                  <InfoItem
-                    icon={<ShieldCheck />}
-                    label="Return"
-                    value={
-                      booking.equipmentReturn === "WITH_RETURN"
-                        ? "With Return"
-                        : "Without Return"
-                    }
-                  />
-                  <InfoItem
-                    icon={<FileText />}
-                    label="Trade"
-                    value={
-                      booking.tradeDirection === "IMPORT" ? "Import" : "Export"
-                    }
-                  />
-                </div>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2 text-base">
-                  <Truck className="size-4 text-primary" />
-                  Mile Services
-                </CardTitle>
-              </CardHeader>
-              <CardContent className="grid grid-cols-1 gap-6 md:grid-cols-2">
-                <div className="flex flex-col gap-3">
-                  <h3 className="border-l-4 border-primary pl-3 text-xs font-bold uppercase tracking-wide text-foreground">
-                    First Mile
-                  </h3>
-                  <InfoItem
-                    label="Address"
-                    value={
-                      booking.firstMileEnabled && booking.firstMilePickupAddress
-                        ? booking.firstMilePickupAddress
-                        : "Not requested"
-                    }
-                  />
-                </div>
-                <div className="flex flex-col gap-3">
-                  <h3 className="border-l-4 border-primary pl-3 text-xs font-bold uppercase tracking-wide text-foreground">
-                    Last Mile
-                  </h3>
-                  <p className="pl-4 text-xs text-muted-foreground italic">
-                    {booking.lastMileEnabled && booking.lastMileDeliveryAddress
-                      ? booking.lastMileDeliveryAddress
-                      : "Not requested"}
-                  </p>
-                </div>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2 text-base">
-                  <Package className="size-4 text-primary" />
-                  Cargo Specifications
-                </CardTitle>
-              </CardHeader>
-              <CardContent className="flex flex-col gap-6">
-                <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
-                  <InfoItem
-                    icon={<Package />}
-                    label="Freight Type"
-                    value={
-                      booking.freightType === "BULK" ? "Bulk" : "Break Bulk"
-                    }
-                  />
-                  <InfoItem
-                    icon={<Weight />}
-                    label="Weight (VGM)"
-                    value={`${booking.cargoTotalWeightVgm} Tons`}
-                  />
-                  <InfoItem
-                    icon={<Ship />}
-                    label="Currency"
-                    value={booking.paymentCurrency}
-                  />
-                </div>
-
-                {booking.containers && booking.containers.length > 0 && (
-                  <>
-                    <Separator />
-                    <div className="flex flex-col gap-3">
-                      <h3 className="text-xs font-bold uppercase tracking-wide text-foreground">
-                        Load Details
-                      </h3>
-                      <div className="rounded-lg border overflow-hidden">
-                        <table className="w-full text-left text-xs">
-                          <thead className="bg-muted text-muted-foreground">
-                            <tr>
-                              <th className="px-3 py-2 font-semibold">Type</th>
-                              <th className="px-3 py-2 font-semibold text-center">
-                                Quantity
-                              </th>
-                              <th className="px-3 py-2 font-semibold text-right">
-                                VGM (Tons)
-                              </th>
-                            </tr>
-                          </thead>
-                          <tbody className="divide-y">
-                            {booking.containers.map((c, i) => (
-                              <tr key={i}>
-                                <td className="px-3 py-2 font-medium">
-                                  {c.type}
-                                </td>
-                                <td className="px-3 py-2 text-center">
-                                  {c.qty} Units
-                                </td>
-                                <td className="px-3 py-2 text-right">
-                                  {c.vgm}t
-                                </td>
-                              </tr>
-                            ))}
-                          </tbody>
-                        </table>
-                      </div>
-                    </div>
-                  </>
-                )}
-              </CardContent>
-            </Card>
-          </div>
-
-          <div className="flex flex-col gap-8">
-            <Card className="border-primary/20 bg-primary/[0.02]">
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2 text-base">
-                  <FileText className="size-4 text-primary" />
-                  Contract Info
-                </CardTitle>
-              </CardHeader>
-              <CardContent className="flex flex-col gap-4">
-                <InfoItem
-                  label="Type"
-                  value={booking.contractType === "RENEWAL" ? "Renewal" : "New"}
-                />
-                <InfoItem label="Customer ID" value={booking.customerId} />
-                <Separator />
-                <div className="flex flex-wrap gap-2">
-                  <Badge variant="outline" className="bg-background text-xs">
-                    Hazardous: {booking.isHazardous ? "Yes" : "No"}
-                  </Badge>
-                  <Badge variant="outline" className="bg-background text-xs">
-                    Refrigerated: {booking.isRefrigerated ? "Yes" : "No"}
-                  </Badge>
-                </div>
-              </CardContent>
-            </Card>
-
-            <Card>
-              <CardHeader>
-                <CardTitle className="text-base">Additional Info</CardTitle>
-              </CardHeader>
-              <CardContent className="flex flex-col gap-4">
-                {booking.freightSubtype && (
-                  <div className="flex flex-col gap-1">
-                    <p className="text-xs font-bold uppercase tracking-tight text-muted-foreground">
-                      Cargo Description
-                    </p>
-                    <p className="text-xs text-foreground leading-relaxed italic">
-                      "{booking.freightSubtype}"
-                    </p>
-                  </div>
-                )}
-                {booking.financialTerms && (
-                  <>
-                    <Separator />
-                    <div className="flex flex-col gap-1">
-                      <p className="text-xs font-bold uppercase tracking-tight text-muted-foreground">
-                        Financial Terms
-                      </p>
-                      <div className="rounded-lg bg-amber-50/50 border border-amber-100 p-2">
-                        <p className="text-xs text-amber-900 flex gap-2">
-                          <StickyNote className="size-3 shrink-0 mt-0.5 text-amber-500" />
-                          {booking.financialTerms}
-                        </p>
-                      </div>
-                    </div>
-                  </>
-                )}
-                {!booking.freightSubtype && !booking.financialTerms && (
-                  <p className="text-xs text-muted-foreground italic">
-                    No additional information provided.
-                  </p>
-                )}
-              </CardContent>
-            </Card>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function renderContractCard(
-  booking: Freight.IBooking,
-  navigate: ReturnType<typeof useNavigate>,
-  payMutation: { mutate: () => void; isPending: boolean },
-) {
-  const s = booking.status;
-  if (
-    s !== "APPROVED_PENDING_SIGNATURE" &&
-    s !== "CONTRACT_READY" &&
-    s !== "SIGNED_CUSTOMER" &&
-    s !== "FULLY_EXECUTED"
-  ) {
-    return null;
-  }
-
-  const config: Record<
-    string,
-    { title: string; description: string; buttonLabel?: string }
-  > = {
-    APPROVED_PENDING_SIGNATURE: {
-      title: "Contract being prepared",
-      description:
-        "Your booking has been approved. The contract is being generated and will be available shortly.",
-    },
-    CONTRACT_READY: {
-      title: "Contract ready for signature",
-      description:
-        "Review the agreement and apply your digital signature.",
-      buttonLabel: "View & sign contract",
-    },
-    SIGNED_CUSTOMER: {
-      title: "You have signed the contract",
-      description:
-        "Your signature has been submitted. Awaiting staff signature to finalize.",
-      buttonLabel: "View contract",
-    },
-    FULLY_EXECUTED: {
-      title: "Contract fully executed",
-      description:
-        "The contract has been fully signed and executed by all parties.",
-      buttonLabel: "View contract",
-    },
-  };
-
-  const c = config[s];
-
-  return (
-    <Card
-      className={cn(
-        "border-primary/30 bg-primary/5",
-        s === "FULLY_EXECUTED" && "border-emerald-300 bg-emerald-50",
-      )}
-    >
-      <CardContent className="flex flex-col gap-4 p-6 sm:flex-row sm:items-center sm:justify-between">
-        <div>
-          <p className="font-semibold text-foreground">{c.title}</p>
-          <p className="text-sm text-muted-foreground">{c.description}</p>
-        </div>
-        {c.buttonLabel && (
-          <button
-            type="button"
-            className="inline-flex items-center justify-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground"
-            onClick={() => navigate(`/bookings/${booking.id}/contract`)}
-          >
-            <FileSignature className="size-4" />
-            {c.buttonLabel}
-          </button>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
-
-function RouteEndpoint({
-  label,
-  station,
-  icon,
-}: {
-  label: string;
-  station: string;
-  icon: React.ReactNode;
-}) {
-  return (
-    <div className="flex items-center gap-3">
-      <div className="flex size-10 items-center justify-center rounded-xl bg-primary text-primary-foreground shadow-sm">
-        {icon && <div className="[&_svg]:size-5">{icon}</div>}
-      </div>
-      <div className="flex flex-col">
-        <p className="text-xs font-bold uppercase tracking-wide text-muted-foreground">
-          {label}
-        </p>
-        <p className="text-sm font-black text-foreground">{station}</p>
-      </div>
-    </div>
-  );
-}
-
-function InfoItem({
-  icon,
-  label,
-  value,
-}: {
-  icon?: React.ReactNode;
-  label: string;
-  value?: string | number | null;
-}) {
-  return (
-    <div className="flex items-start gap-2">
-      {icon && (
-        <div className="mt-0.5 text-muted-foreground [&_svg]:size-3.5">
-          {icon}
-        </div>
-      )}
-      <div className="flex flex-col">
-        <p className="text-xs font-bold uppercase tracking-tight text-muted-foreground">
-          {label}
-        </p>
-        <p className="text-xs font-bold text-foreground">{value ?? "—"}</p>
-      </div>
-    </div>
-  );
-}
-
-function StatusBadge({ status }: { status: string }) {
-  const statusColors: Record<string, string> = {
-    DRAFT: "bg-muted text-muted-foreground border-border",
-    CHANGES_REQUESTED: "bg-amber-50 text-amber-700 border-amber-200",
-    SUBMITTED: "bg-primary/10 text-primary border-primary/20",
-    PENDING_APPROVAL: "bg-primary/10 text-primary border-primary/20",
-    APPROVED_PENDING_SIGNATURE: "bg-primary/10 text-primary border-primary/20",
-    APPROVED: "bg-primary/10 text-primary border-primary/20",
-    CONTRACT_READY: "bg-primary/10 text-primary border-primary/20",
-    SIGNED_CUSTOMER: "bg-primary/10 text-primary border-primary/20",
-    FULLY_EXECUTED: "bg-primary/10 text-primary border-primary/20",
-    PNR_GENERATED: "bg-primary/10 text-primary border-primary/20",
-    PAYMENT_VERIFICATION_IN_PROGRESS: "bg-primary/10 text-primary border-primary/20",
-    PAID: "bg-primary/10 text-primary border-primary/20",
-    CONFIRMED: "bg-primary/10 text-primary border-primary/20",
-    IN_TRANSIT: "bg-primary/10 text-primary border-primary/20",
-    PENDING_CONSOLIDATION: "bg-primary/10 text-primary border-primary/20",
-    CONSOLIDATED: "bg-primary/10 text-primary border-primary/20",
-    COMPLETED: "bg-muted text-foreground border-border",
-    DELIVERED: "bg-muted text-foreground border-border",
-    REJECTED: "bg-destructive/10 text-destructive border-destructive/20",
-    CANCELLED: "bg-destructive/10 text-destructive border-destructive/20",
-  };
-
-  return (
-    <Badge
-      variant="outline"
-      className={cn(
-        "px-2 py-0.5 font-bold uppercase tracking-wider text-xs",
-        statusColors[status] || "bg-muted",
-      )}
-    >
-      {status.replace(/_/g, " ")}
-    </Badge>
-  );
-}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/DraftBookingView.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/DraftBookingView.tsx
new file mode 100644
index 000000000..f20679ab9
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/DraftBookingView.tsx
@@ -0,0 +1,427 @@
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Group,
+  Modal,
+  Stack,
+  Text,
+  TextInput,
+} from "@mantine/core";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import {
+  AlertCircle,
+  Download,
+  Pencil,
+  Send,
+  Upload,
+  X,
+  XCircle,
+} from "lucide-react";
+
+import { useMemo, useRef, useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { api } from "@/services/api";
+import type { Freight } from "@edr/types";
+
+import { REQUIRED_DOC_FIELDS } from "./constants";
+import { CardTitle, PageShell, SectionCard } from "./components/layout";
+import { CountChip, DocRow, IconSquare } from "./components/Documents";
+import { EstimateCard } from "./components/pricing";
+import { HeaderButton, PageHeader } from "./components/PageHeader";
+import {
+  ActionRequiredBanner,
+  MutationErrors,
+  NoticeBanner,
+} from "./components/Notices";
+import { ScheduleCard } from "./components/ScheduleCard";
+import { ShipmentDetailsCard } from "./components/ShipmentDetailsCard";
+import { StatusHero } from "./components/StatusHero";
+import { StepGhostButton, StepLine } from "./components/Steps";
+import { SupportCard } from "./components/SupportCard";
+import { BodyGrid } from "./components/layout";
+
+export function DraftBookingView({
+  booking,
+  onBookingUpdated,
+}: {
+  booking: Freight.IBooking;
+  onBookingUpdated: () => void;
+}) {
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+  const fileInputRefs = useRef<Record<string, HTMLInputElement | null>>({});
+  const documentsRef = useRef<HTMLDivElement>(null);
+
+  const [selectedFiles, setSelectedFiles] = useState<
+    Record<string, File | null>
+  >({});
+  const [cancelDialogOpen, setCancelDialogOpen] = useState(false);
+  const [cancelReason, setCancelReason] = useState("");
+  const [docError, setDocError] = useState("");
+
+  const anyFileSelected = Object.values(selectedFiles).some(Boolean);
+  const uploadedCodes = useMemo(
+    () => new Set(booking.files?.map((f) => f.code) ?? []),
+    [booking.files],
+  );
+  const uploadedCount = REQUIRED_DOC_FIELDS.filter((d) =>
+    uploadedCodes.has(d.key),
+  ).length;
+  const allDocsUploaded = uploadedCount === REQUIRED_DOC_FIELDS.length;
+
+  const { data: generatedPricing } = useQuery(
+    api.bookings.generatePrice.queryOptions({ input: { id: booking.id },
+
+      enabled: booking.status === "DRAFT" && !booking.pricingBreakdown,
+    }),
+  );
+  const pricing = (booking.pricingBreakdown ??
+    generatedPricing ??
+    null) as Freight.PricingBreakdown | null;
+
+  const uploadMutation = useMutation({
+    mutationFn: (files: Record<string, File | File[] | null>) =>
+      api.bookings.uploadDocuments.call({ id: booking.id, files }),
+    onSuccess: () => {
+      setSelectedFiles({});
+      setDocError("");
+      onBookingUpdated();
+    },
+  });
+
+  const submitMutation = useMutation({
+    mutationFn: () => api.bookings.submit.call({ id: booking.id }),
+    onSuccess: () => {
+      onBookingUpdated();
+      queryClient.invalidateQueries({ queryKey: api.bookings.list.queryKey() });
+    },
+  });
+
+  const cancelMutation = useMutation({
+    mutationFn: (reason: string) =>
+      api.bookings.cancel.call({ id: booking.id, reason }),
+    onSuccess: () => {
+      setCancelDialogOpen(false);
+      onBookingUpdated();
+    },
+  });
+
+  function handleFileSelect(key: string, file: File | null) {
+    setSelectedFiles((prev) => ({ ...prev, [key]: file }));
+  }
+
+  function handleUploadAll() {
+    const filesToUpload: Record<string, File | null> = {};
+    for (const doc of REQUIRED_DOC_FIELDS) {
+      if (selectedFiles[doc.key])
+        filesToUpload[doc.key] = selectedFiles[doc.key]!;
+    }
+    if (Object.keys(filesToUpload).length === 0) return;
+    uploadMutation.mutate(filesToUpload);
+  }
+
+  function handleSubmitRequest() {
+    const missing = REQUIRED_DOC_FIELDS.filter(
+      (doc) => !uploadedCodes.has(doc.key),
+    );
+    if (missing.length > 0) {
+      setDocError("Please upload all required documents before submitting.");
+      documentsRef.current?.scrollIntoView({ behavior: "smooth" });
+      return;
+    }
+    submitMutation.mutate();
+  }
+
+  const completeStep = allDocsUploaded ? 3 : 2;
+
+  return (
+    <PageShell>
+      <PageHeader
+        booking={booking}
+        actions={
+          <HeaderButton
+            dark
+            icon={<Pencil size={16} />}
+            label="Continue editing"
+            onClick={() => navigate(`/bookings/${booking.id}/edit`)}
+          />
+        }
+        menuActions={{
+          onCancel: () => setCancelDialogOpen(true),
+          onSupport: () => navigate("/support"),
+        }}
+      />
+
+      <MutationErrors
+        mutations={[uploadMutation, submitMutation, cancelMutation]}
+      />
+
+      <StatusHero booking={booking}>
+        {booking.status === "CHANGES_REQUESTED" &&
+        booking.latestChangeRequestNote ? (
+          <ActionRequiredBanner
+            title="Review the requested changes, then resubmit."
+            onAction={() => navigate(`/bookings/${booking.id}/edit`)}
+          >
+            {booking.latestChangeRequestNote}
+          </ActionRequiredBanner>
+        ) : undefined}
+      </StatusHero>
+
+      <BodyGrid
+        left={
+          <>
+            {/* Complete your booking */}
+            <SectionCard>
+              <Group justify="space-between" align="center" mb="md">
+                <CardTitle>Complete your booking</CardTitle>
+                <Text fz="12.5px" fw={600} c="#9AA8B5">
+                  Step {completeStep} of 3
+                </Text>
+              </Group>
+              <Stack gap={4}>
+                <StepLine index={1} done title="Cargo & route details" />
+                <StepLine
+                  index={2}
+                  active={!allDocsUploaded}
+                  done={allDocsUploaded}
+                  title={
+                    allDocsUploaded
+                      ? "Required documents"
+                      : "Upload required documents"
+                  }
+                  desc={`${uploadedCount} of ${REQUIRED_DOC_FIELDS.length} uploaded.`}
+                  action={
+                    <StepGhostButton
+                      icon={<Upload size={16} color="#334155" />}
+                      onClick={() =>
+                        documentsRef.current?.scrollIntoView({
+                          behavior: "smooth",
+                        })
+                      }
+                    >
+                      Add documents
+                    </StepGhostButton>
+                  }
+                />
+                <StepLine
+                  index={3}
+                  active={allDocsUploaded}
+                  title="Review & submit"
+                  desc="Send your booking to EDR staff."
+                />
+              </Stack>
+              <Button
+                fullWidth
+                mt="lg"
+                radius={10}
+                color="#0C1A2B"
+                leftSection={<Send size={16} />}
+                onClick={handleSubmitRequest}
+                disabled={submitMutation.isPending}
+                loading={submitMutation.isPending}
+                styles={{
+                  root: { height: 46 },
+                  label: { fontSize: 14, fontWeight: 800 },
+                }}
+              >
+                {submitMutation.isPending ? "Submitting…" : "Submit for review"}
+              </Button>
+            </SectionCard>
+
+            <ShipmentDetailsCard booking={booking} />
+
+            {/* Documents (uploadable) */}
+            <SectionCard ref={documentsRef}>
+              <Group justify="space-between" align="center" mb="md">
+                <Group gap={10} align="center">
+                  <CardTitle>Documents</CardTitle>
+                  <CountChip
+                    uploaded={uploadedCount}
+                    total={REQUIRED_DOC_FIELDS.length}
+                  />
+                </Group>
+              </Group>
+
+              {docError && (
+                <NoticeBanner
+                  tone="red"
+                  icon={<AlertCircle size={16} />}
+                  className="mb-3"
+                >
+                  {docError}
+                </NoticeBanner>
+              )}
+
+              <Box>
+                {REQUIRED_DOC_FIELDS.map((doc, i) => {
+                  const isUploaded = uploadedCodes.has(doc.key);
+                  const selected = selectedFiles[doc.key];
+                  const file = booking.files?.find((f) => f.code === doc.key);
+                  return (
+                    <DocRow
+                      key={doc.key}
+                      last={i === REQUIRED_DOC_FIELDS.length - 1}
+                      title={doc.label}
+                      meta={
+                        isUploaded
+                          ? (file?.name ?? "Uploaded")
+                          : selected
+                            ? selected.name
+                            : "Not added yet"
+                      }
+                      status={
+                        isUploaded ? "verified" : selected ? "ready" : "missing"
+                      }
+                      action={
+                        isUploaded ? (
+                          <IconSquare
+                            href={file?.signedUrl ?? file?.url}
+                            icon={<Download size={16} />}
+                          />
+                        ) : (
+                          <>
+                            <input
+                              ref={(el) => {
+                                fileInputRefs.current[doc.key] = el;
+                              }}
+                              type="file"
+                              accept=".pdf,.jpg,.jpeg,.png"
+                              style={{ display: "none" }}
+                              onChange={(e) =>
+                                handleFileSelect(
+                                  doc.key,
+                                  e.target.files?.[0] ?? null,
+                                )
+                              }
+                            />
+                            <Group gap={6} wrap="nowrap">
+                              <Button
+                                variant="white"
+                                radius={9}
+                                leftSection={<Upload size={16} color="#334155" />}
+                                onClick={() =>
+                                  fileInputRefs.current[doc.key]?.click()
+                                }
+                                styles={{
+                                  root: {
+                                    height: 34,
+                                    paddingInline: 13,
+                                    border: "1.5px solid #CBD5E1",
+                                  },
+                                  label: {
+                                    fontSize: 12.5,
+                                    fontWeight: 700,
+                                    color: "#334155",
+                                  },
+                                }}
+                              >
+                                {selected ? "Change" : "Add"}
+                              </Button>
+                              {selected && (
+                                <ActionIcon
+                                  variant="default"
+                                  radius={8}
+                                  w={34}
+                                  h={34}
+                                  onClick={() => handleFileSelect(doc.key, null)}
+                                  style={{ color: "#C0392B" }}
+                                >
+                                  <X size={15} />
+                                </ActionIcon>
+                              )}
+                            </Group>
+                          </>
+                        )
+                      }
+                    />
+                  );
+                })}
+              </Box>
+
+              {anyFileSelected && (
+                <Button
+                  mt="md"
+                  radius={10}
+                  color="edr-green"
+                  leftSection={
+                    uploadMutation.isPending ? undefined : <Upload size={16} />
+                  }
+                  onClick={handleUploadAll}
+                  disabled={uploadMutation.isPending}
+                  loading={uploadMutation.isPending}
+                  styles={{ root: { height: 44 }, label: { fontWeight: 700 } }}
+                >
+                  {uploadMutation.isPending
+                    ? "Uploading…"
+                    : "Upload selected documents"}
+                </Button>
+              )}
+            </SectionCard>
+          </>
+        }
+        right={
+          <>
+            <EstimateCard
+              pricing={pricing}
+              title="Estimated Cost"
+              chip="Not invoiced"
+            />
+            <ScheduleCard booking={booking} title="Schedule & Service" />
+            <SupportCard onCancel={() => setCancelDialogOpen(true)} />
+          </>
+        }
+      />
+
+      <Modal
+        opened={cancelDialogOpen}
+        onClose={() => setCancelDialogOpen(false)}
+        title={<Text fw={700}>Cancel booking</Text>}
+        radius="lg"
+        centered
+      >
+        <Stack gap="md">
+          <Text size="sm" c="dimmed">
+            Are you sure you want to cancel <strong>{booking.reference}</strong>
+            ? This action cannot be undone.
+          </Text>
+          <TextInput
+            label="Reason for cancellation (optional)"
+            placeholder="e.g. Change of plans, duplicate booking…"
+            value={cancelReason}
+            onChange={(e) => setCancelReason(e.currentTarget.value)}
+            radius="md"
+            data-autofocus
+          />
+          <Group justify="flex-end" gap="sm">
+            <Button
+              variant="default"
+              radius="md"
+              onClick={() => setCancelDialogOpen(false)}
+            >
+              Keep booking
+            </Button>
+            <Button
+              color="red"
+              radius="md"
+              onClick={() =>
+                cancelMutation.mutate(
+                  cancelReason.trim() || "Cancelled by customer",
+                )
+              }
+              disabled={cancelMutation.isPending}
+              loading={cancelMutation.isPending}
+              leftSection={
+                !cancelMutation.isPending ? <XCircle size={15} /> : undefined
+              }
+            >
+              Yes, cancel
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
+    </PageShell>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/ReadonlyBookingView.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/ReadonlyBookingView.tsx
new file mode 100644
index 000000000..5998ea2fa
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/ReadonlyBookingView.tsx
@@ -0,0 +1,178 @@
+import { Box, Group, Text } from "@mantine/core";
+import { useMutation } from "@tanstack/react-query";
+import { CreditCard, Download } from "lucide-react";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+import { api } from "@/services/api";
+import { paymentsService, type PaymentMethod } from "@/services/payments.service";
+import type { Freight } from "@edr/types";
+
+import { ActivityCard } from "./components/ActivityCard";
+import { ContractCard } from "./components/ContractCard";
+import { DocRow, IconSquare } from "./components/Documents";
+import { BodyGrid, CardTitle, PageShell, SectionCard } from "./components/layout";
+import { CancelledBanner } from "./components/Notices";
+import { HeaderButton, PageHeader } from "./components/PageHeader";
+import { PaymentDeadlineCard } from "./components/PaymentDeadlineCard";
+import { PaymentMethodModal } from "./components/PaymentMethodModal";
+import { PaymentCard } from "./components/pricing";
+import { ScheduleCard } from "./components/ScheduleCard";
+import { ShipmentDetailsCard } from "./components/ShipmentDetailsCard";
+import { StatusHero } from "./components/StatusHero";
+import { SupportCard } from "./components/SupportCard";
+import { fmtDate, isNegative, priceTotal } from "./utils";
+
+export function ReadonlyBookingView({ booking }: { booking: Freight.IBooking }) {
+  const navigate = useNavigate();
+  const status = booking.status as string;
+  const [payModalOpen, setPayModalOpen] = useState(false);
+
+  // POST /payments/initiate creates the intent and returns the provider's
+  // redirect URL (clientAction.url). Send the browser straight there; fall back
+  // to the public /payments/checkout page if no redirect URL came back.
+  const payMutation = useMutation({
+    mutationFn: (method: PaymentMethod) =>
+      api.payments.initiate.call({ bookingId: booking.id, method }),
+    onSuccess: (data, method) => {
+      const redirectUrl =
+        data?.clientAction?.type === "REDIRECT" && data.clientAction.url
+          ? data.clientAction.url
+          : paymentsService.checkoutUrl({ bookingId: booking.id, method });
+      window.location.href = redirectUrl;
+    },
+  });
+
+  const pricing = booking.pricingBreakdown;
+  const canPay =
+    status === "SELECTED_FOR_BATCH" && booking.paymentStatus !== "PAID";
+  const showCountdown = canPay && !!booking.paymentDeadline;
+  const isExpired = status === "EXPIRED";
+
+  return (
+    <PageShell>
+      <PageHeader
+        booking={booking}
+        actions={
+          canPay &&
+          !showCountdown && (
+            <HeaderButton
+              green
+              icon={<CreditCard size={16} />}
+              label="Pay now"
+              onClick={() => setPayModalOpen(true)}
+            />
+          )
+        }
+        menuActions={{
+          onViewContract: booking.signedByCeoAt ? () => {} : undefined,
+          onRebook: () => navigate("/bookings/new"),
+          onSupport: () => navigate("/support"),
+        }}
+      />
+
+      {isNegative(status) ? (
+        <CancelledBanner
+          pillLabel={status === "REJECTED" ? "Rejected" : "Cancelled"}
+          title={`This booking was ${
+            status === "REJECTED" ? "rejected" : "cancelled"
+          } on ${fmtDate(booking.updatedAt)}.`}
+          subtitle={
+            status === "REJECTED"
+              ? "This booking request has been rejected."
+              : "This booking process has been terminated."
+          }
+          reason={booking.latestChangeRequestNote}
+          onRebook={() => navigate("/bookings/new")}
+        />
+      ) : isExpired ? (
+        <CancelledBanner
+          pillLabel="Expired"
+          title={`The payment window expired on ${fmtDate(booking.updatedAt)}.`}
+          subtitle="Payment wasn't completed in time, so this booking lost its slot. Rebook to try another schedule."
+          onRebook={() => navigate("/bookings/new")}
+        />
+      ) : (
+        <StatusHero booking={booking} />
+      )}
+
+      <ContractCard booking={booking} navigate={navigate} />
+
+      <BodyGrid
+        left={
+          <>
+            <ShipmentDetailsCard booking={booking} />
+
+            {booking.files && booking.files.length > 0 && (
+              <SectionCard>
+                <Group justify="space-between" align="center" mb="md">
+                  <CardTitle>Documents</CardTitle>
+                  <Text fz="12.5px" fw={600} c="#9AA8B5">
+                    {booking.files.length} files
+                  </Text>
+                </Group>
+                <Box>
+                  {booking.files.map((file, i) => (
+                    <DocRow
+                      key={file.id}
+                      last={i === booking.files!.length - 1}
+                      title={file.name}
+                      meta={file.code.replace(/_/g, " ")}
+                      status="verified"
+                      action={
+                        <IconSquare
+                          href={file.signedUrl ?? file.url}
+                          icon={<Download size={16} />}
+                        />
+                      }
+                    />
+                  ))}
+                </Box>
+              </SectionCard>
+            )}
+
+            <ActivityCard booking={booking} />
+          </>
+        }
+        right={
+          <>
+            {showCountdown && (
+              <PaymentDeadlineCard
+                paymentDeadline={booking.paymentDeadline!}
+                onPay={() => setPayModalOpen(true)}
+                paying={payMutation.isPending}
+              />
+            )}
+            <PaymentCard booking={booking} pricing={pricing} />
+            <ScheduleCard
+              booking={booking}
+              title="Consignment & Schedule"
+              consignment
+            />
+            <SupportCard />
+          </>
+        }
+      />
+
+      <PaymentMethodModal
+        opened={payModalOpen}
+        onClose={() => {
+          if (!payMutation.isPending) {
+            setPayModalOpen(false);
+            payMutation.reset();
+          }
+        }}
+        amountLabel={pricing ? priceTotal(pricing) : undefined}
+        processing={payMutation.isPending}
+        error={
+          payMutation.isError
+            ? payMutation.error instanceof Error
+              ? payMutation.error.message
+              : "Could not start payment. Please try again."
+            : null
+        }
+        onConfirm={(method) => payMutation.mutate(method)}
+      />
+    </PageShell>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ActivityCard.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ActivityCard.tsx
new file mode 100644
index 000000000..c08b6d5f5
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ActivityCard.tsx
@@ -0,0 +1,110 @@
+import { Box, Group, Text } from "@mantine/core";
+
+import type { Freight } from "@edr/types";
+
+import { fmtDate } from "../utils";
+import { CardTitle, SectionCard } from "./layout";
+
+export function ActivityCard({ booking }: { booking: Freight.IBooking }) {
+  const events = [
+    booking.signedByCeoAt && {
+      at: booking.signedByCeoAt,
+      title: "Contract fully executed",
+      note: "Signed by all parties",
+    },
+    booking.signedByDirectorAt && {
+      at: booking.signedByDirectorAt,
+      title: "Director signed contract",
+      note: "Awaiting final signature",
+    },
+    booking.approvedByStaffAt && {
+      at: booking.approvedByStaffAt,
+      title: "Booking approved",
+      note: "Cleared by EDR staff",
+    },
+    {
+      at: booking.createdAt,
+      title: "Booking created",
+      note: "Request drafted by customer",
+    },
+  ].filter(Boolean) as { at: string; title: string; note: string }[];
+
+  if (events.length === 0) return null;
+
+  return (
+    <SectionCard>
+      <Group justify="space-between" align="center" pb={18}>
+        <CardTitle>Activity</CardTitle>
+        <Text fz="13px" fw={700} c="#0A6F4D">
+          Full history
+        </Text>
+      </Group>
+      <Box>
+        {events.map((e, i) => {
+          const first = i === 0;
+          const lastItem = i === events.length - 1;
+          return (
+            <Group key={i} gap={14} align="stretch" wrap="nowrap">
+              <Box
+                w={22}
+                style={{
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  gap: 4,
+                }}
+              >
+                <Box
+                  style={{
+                    width: 18,
+                    height: 18,
+                    borderRadius: 999,
+                    backgroundColor: first ? "#0EA371" : "#D4E9DF",
+                    boxShadow: first ? "0 0 0 4px #BFE8D4" : undefined,
+                  }}
+                />
+                {!lastItem && (
+                  <Box
+                    flex={1}
+                    style={{
+                      width: 2,
+                      borderRadius: 999,
+                      backgroundColor: "#D4E9DF",
+                    }}
+                  />
+                )}
+              </Box>
+              <Box miw={0} flex={1} pb={lastItem ? 0 : 20}>
+                <Group gap={9} align="center">
+                  <Text fz="14px" fw={800} c={first ? "#0A6F4D" : "#10202F"}>
+                    {e.title}
+                  </Text>
+                  {first && (
+                    <Box
+                      component="span"
+                      style={{
+                        borderRadius: 999,
+                        backgroundColor: "#ECF6F1",
+                        border: "1px solid #CDEBDD",
+                        padding: "3px 9px",
+                        fontSize: 10.5,
+                        fontWeight: 800,
+                        letterSpacing: 0.3,
+                        color: "#0A6F4D",
+                      }}
+                    >
+                      Current
+                    </Box>
+                  )}
+                </Group>
+                <Text mt={3} fz="12px" c="#9AA8B5">
+                  {fmtDate(e.at)} · {e.note}
+                </Text>
+              </Box>
+            </Group>
+          );
+        })}
+      </Box>
+    </SectionCard>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ContractCard.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ContractCard.tsx
new file mode 100644
index 000000000..aa0abb384
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ContractCard.tsx
@@ -0,0 +1,118 @@
+import { Box, Button, Group, Paper, Text } from "@mantine/core";
+import { FileSignature } from "lucide-react";
+import type { useNavigate } from "react-router-dom";
+
+import type { Freight } from "@edr/types";
+
+const CONTRACT_CONFIG: Record<
+  string,
+  {
+    title: string;
+    description: string;
+    buttonLabel?: string;
+  }
+> = {
+  APPROVED_PENDING_SIGNATURE: {
+    title: "Your contract is being prepared.",
+    description:
+      "Your booking has been approved. The contract will be available shortly.",
+  },
+  CONTRACT_READY: {
+    title: "Review and sign your contract to proceed.",
+    description:
+      "Once all parties sign, we'll issue your payment reference (PNR) and schedule the cargo.",
+    buttonLabel: "Review & Sign",
+  },
+  SIGNED_CUSTOMER: {
+    title: "You have signed the contract.",
+    description:
+      "Your signature has been submitted. Awaiting the final staff signature.",
+    buttonLabel: "View contract",
+  },
+  FULLY_EXECUTED: {
+    title: "Contract fully executed — proceed to payment.",
+    description:
+      "The contract has been signed by all parties. You can now proceed to payment.",
+    buttonLabel: "View contract",
+  },
+};
+
+export function ContractCard({
+  booking,
+  navigate,
+}: {
+  booking: Freight.IBooking;
+  navigate: ReturnType<typeof useNavigate>;
+}) {
+  const c = CONTRACT_CONFIG[booking.status as string];
+  if (!c) return null;
+
+  return (
+    <Paper
+      radius={16}
+      px={22}
+      py={20}
+      bg="#F1FAF6"
+      style={{ border: "1px solid #CFEBDD" }}
+    >
+      <Group justify="space-between" align="center" wrap="wrap" gap={20}>
+        <Group gap={16} align="center" wrap="nowrap">
+          <Box
+            style={{
+              flexShrink: 0,
+              width: 46,
+              height: 46,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              borderRadius: 13,
+              backgroundColor: "#fff",
+              border: "1px solid #CDEBDD",
+              color: "#0A6F4D",
+            }}
+          >
+            <FileSignature size={22} />
+          </Box>
+          <Box miw={0}>
+            <Box
+              component="span"
+              style={{
+                display: "inline-flex",
+                borderRadius: 999,
+                backgroundColor: "#0A6F4D",
+                padding: "4px 10px",
+                fontSize: 10.5,
+                fontWeight: 800,
+                letterSpacing: 0.3,
+                color: "#fff",
+                textTransform: "uppercase",
+              }}
+            >
+              What's next
+            </Box>
+            <Text mt={6} fz="15.5px" fw={700} c="#10202F">
+              {c.title}
+            </Text>
+            <Text mt={2} fz="13px" c="#5B6B7A">
+              {c.description}
+            </Text>
+          </Box>
+        </Group>
+        {c.buttonLabel && (
+          <Button
+            onClick={() => navigate(`/bookings/${booking.id}/contract`)}
+            radius={10}
+            color="edr-green"
+            leftSection={<FileSignature size={18} />}
+            styles={{
+              root: { height: 42, paddingInline: 18 },
+              label: { fontSize: 13, fontWeight: 700 },
+            }}
+          >
+            {c.buttonLabel}
+          </Button>
+        )}
+      </Group>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Documents.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Documents.tsx
new file mode 100644
index 000000000..bf9c2f894
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Documents.tsx
@@ -0,0 +1,174 @@
+import { Box, Group, Text } from "@mantine/core";
+import { CheckCircle2, FileText, MinusCircle } from "lucide-react";
+import type { ReactNode } from "react";
+
+type DocStatus = "verified" | "ready" | "missing";
+
+const STATUS_PILL: Record<
+  DocStatus,
+  { label: string; bg: string; color: string; border?: string; icon?: ReactNode }
+> = {
+  verified: {
+    label: "Uploaded",
+    bg: "#ECF6F1",
+    color: "#0A6F4D",
+    border: "#CDEBDD",
+    icon: <CheckCircle2 size={13} />,
+  },
+  ready: {
+    label: "Ready",
+    bg: "#EAF1FB",
+    color: "#2E5B96",
+  },
+  missing: {
+    label: "Not added",
+    bg: "#F1F4F7",
+    color: "#9AA8B5",
+    icon: <MinusCircle size={13} />,
+  },
+};
+
+export function DocRow({
+  title,
+  meta,
+  status,
+  action,
+  last,
+}: {
+  title: string;
+  meta: string;
+  status: DocStatus;
+  action: ReactNode;
+  last?: boolean;
+}) {
+  const missing = status === "missing";
+  const tileBg = status === "ready" ? "#EAF1FB" : "#F1F4F7";
+  const tileFg =
+    status === "ready" ? "#2E5B96" : missing ? "#9AA8B5" : "#475569";
+  const pill = STATUS_PILL[status];
+
+  return (
+    <Group
+      gap={13}
+      align="center"
+      wrap="nowrap"
+      py={13}
+      style={{
+        borderBottom: last ? undefined : "1px solid #F2F5F8",
+      }}
+    >
+      <Box
+        style={{
+          flexShrink: 0,
+          width: 40,
+          height: 40,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          borderRadius: 10,
+          backgroundColor: tileBg,
+          color: tileFg,
+        }}
+      >
+        <FileText size={20} />
+      </Box>
+      <Box miw={0} flex={1}>
+        <Text truncate fz="13.5px" fw={700} c={missing ? "#6B7C8E" : "#10202F"}>
+          {title}
+        </Text>
+        <Text truncate fz="12px" c="#9AA8B5">
+          {meta}
+        </Text>
+      </Box>
+      <Group
+        component="span"
+        gap={6}
+        align="center"
+        wrap="nowrap"
+        style={{
+          display: "inline-flex",
+          flexShrink: 0,
+          borderRadius: 999,
+          backgroundColor: pill.bg,
+          border: pill.border ? `1px solid ${pill.border}` : undefined,
+          padding: "5px 11px",
+          fontSize: 11.5,
+          fontWeight: 700,
+          color: pill.color,
+        }}
+      >
+        {pill.icon}
+        {pill.label}
+      </Group>
+      {action}
+    </Group>
+  );
+}
+
+export function IconSquare({
+  icon,
+  href,
+}: {
+  icon: ReactNode;
+  href?: string | null;
+}) {
+  const style: React.CSSProperties = {
+    flexShrink: 0,
+    width: 34,
+    height: 34,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 8,
+    border: "1px solid #E6ECF2",
+    color: "#6B7C8E",
+  };
+  if (href) {
+    return (
+      <Box
+        component="a"
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+        style={style}
+      >
+        {icon}
+      </Box>
+    );
+  }
+  return (
+    <Box component="span" style={style}>
+      {icon}
+    </Box>
+  );
+}
+
+export function CountChip({
+  uploaded,
+  total,
+}: {
+  uploaded: number;
+  total: number;
+}) {
+  const done = uploaded === total;
+  return (
+    <Group
+      component="span"
+      gap={6}
+      align="center"
+      wrap="nowrap"
+      style={{
+        display: "inline-flex",
+        borderRadius: 999,
+        padding: "5px 10px",
+        fontSize: 11.5,
+        fontWeight: 700,
+        backgroundColor: done ? "#ECF6F1" : "#F1F4F7",
+        color: done ? "#0A6F4D" : "#6B7C8E",
+      }}
+    >
+      {done && <CheckCircle2 size={13} />}
+      {uploaded} of {total} added
+    </Group>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Notices.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Notices.tsx
new file mode 100644
index 000000000..c98cb726d
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Notices.tsx
@@ -0,0 +1,212 @@
+import { Box, Button, Group, Paper, Stack, Text } from "@mantine/core";
+import { AlertCircle, AlertTriangle, PencilLine, StickyNote, XCircle } from "lucide-react";
+import type { ReactNode } from "react";
+
+export function NoticeBanner({
+  tone,
+  icon,
+  title,
+  children,
+  className,
+}: {
+  tone: "amber" | "red";
+  icon: ReactNode;
+  title?: string;
+  children: ReactNode;
+  className?: string;
+}) {
+  const palette =
+    tone === "amber"
+      ? { border: "#F6E2BC", bg: "#FDF3E0", color: "#9A5B00" }
+      : { border: "#F3C8C1", bg: "#FBEAE7", color: "#A93226" };
+
+  return (
+    <div
+      className={`flex items-start gap-3 rounded-[14px] border p-4 ${className ?? ""}`}
+      style={{
+        borderColor: palette.border,
+        backgroundColor: palette.bg,
+        color: palette.color,
+      }}
+    >
+      <span className="mt-0.5 shrink-0">{icon}</span>
+      <div className="min-w-0">
+        {title && (
+          <Text fz="13.5px" fw={800} c={palette.color}>
+            {title}
+          </Text>
+        )}
+        <Text fz="13px" c={palette.color} className="leading-[1.45]">
+          {children}
+        </Text>
+      </div>
+    </div>
+  );
+}
+
+export function ActionRequiredBanner({
+  title,
+  children,
+  onAction,
+}: {
+  title: string;
+  children: ReactNode;
+  onAction?: () => void;
+}) {
+  return (
+    <div
+      className="flex flex-wrap items-center justify-between gap-6 rounded-2xl border border-[#F4D9A8] px-[22px] py-5"
+      style={{ backgroundColor: "#FDF3E0" }}
+    >
+      <div className="flex min-w-0 flex-1 items-center gap-4">
+        <div
+          className="flex shrink-0 items-center justify-center rounded-xl border border-[#F4D9A8]"
+          style={{ width: 44, height: 44, backgroundColor: "#fff", color: "#C77F12" }}
+        >
+          <AlertTriangle size={23} />
+        </div>
+        <div className="min-w-0">
+          <Text
+            fz="10.5px"
+            fw={800}
+            c="#B07A2A"
+            tt="uppercase"
+            className="tracking-[0.6px]"
+          >
+            Action required · You
+          </Text>
+          <Text mt={5} fz="15.5px" fw={700} c="#10202F">
+            {title}
+          </Text>
+          <Text mt={2} fz="13px" c="#7A6A4E" className="leading-[1.45]">
+            {children}
+          </Text>
+        </div>
+      </div>
+      {onAction && (
+        <Button
+          onClick={onAction}
+          radius={10}
+          color="#F2A516"
+          leftSection={<PencilLine size={18} color="#5A3D08" />}
+          styles={{
+            root: { height: 42, paddingInline: 18, flexShrink: 0 },
+            label: { fontSize: 13, fontWeight: 800, color: "#3D2A05" },
+          }}
+        >
+          Review & Resubmit
+        </Button>
+      )}
+    </div>
+  );
+}
+
+export function CancelledBanner({
+  pillLabel = "Cancelled",
+  title,
+  subtitle,
+  reason,
+  onRebook,
+}: {
+  pillLabel?: string;
+  title: string;
+  subtitle: string;
+  reason?: string | null;
+  onRebook?: () => void;
+}) {
+  return (
+    <Paper
+      radius={16}
+      p={20}
+      bg="#FCEEEA"
+      className="border border-[#F3C6BB]"
+    >
+      <Stack gap={14}>
+        <Group justify="space-between" align="center" wrap="wrap" gap={20}>
+          <Group gap={16} align="center" wrap="nowrap" miw={0}>
+            <div
+              className="flex shrink-0 items-center justify-center rounded-[13px] border border-[#F3C6BB]"
+              style={{ width: 46, height: 46, backgroundColor: "#fff", color: "#D93C15" }}
+            >
+              <XCircle size={24} />
+            </div>
+            <Box miw={0}>
+              <span
+                className="inline-flex rounded-full px-[10px] py-1 text-[10.5px] font-extrabold uppercase tracking-[0.3px] text-white"
+                style={{ backgroundColor: "#D93C15" }}
+              >
+                {pillLabel}
+              </span>
+              <Text mt={6} fz="15.5px" fw={700} c="#10202F">
+                {title}
+              </Text>
+              <Text mt={2} fz="13px" c="#6B7C8E">
+                {subtitle}
+              </Text>
+            </Box>
+          </Group>
+          {onRebook && (
+            <Button
+              onClick={onRebook}
+              radius={10}
+              color="edr-green"
+              styles={{
+                root: { height: 42, paddingInline: 18 },
+                label: { fontSize: 13, fontWeight: 700 },
+              }}
+            >
+              Rebook shipment
+            </Button>
+          )}
+        </Group>
+        {reason && (
+          <div
+            className="flex items-start gap-[11px] rounded-xl border border-[#F3C6BB] p-[14px]"
+            style={{ backgroundColor: "#fff" }}
+          >
+            <StickyNote size={20} color="#B0341A" className="shrink-0" />
+            <div className="min-w-0">
+              <Text
+                fz="10.5px"
+                fw={700}
+                c="#B0341A"
+                tt="uppercase"
+                className="tracking-[0.5px]"
+              >
+                Reason for cancellation
+              </Text>
+              <Text mt={3} fz="13.5px" c="#3D2A26" className="leading-[1.45]">
+                {reason}
+              </Text>
+            </div>
+          </div>
+        )}
+      </Stack>
+    </Paper>
+  );
+}
+
+export function MutationErrors({
+  mutations,
+}: {
+  mutations: { isError: boolean; error: unknown }[];
+}) {
+  const errored = mutations.filter((m) => m.isError);
+  if (errored.length === 0) return null;
+  return (
+    <>
+      {errored.map((m, i) => (
+        <NoticeBanner
+          key={i}
+          tone="red"
+          icon={<AlertCircle size={18} />}
+          title="Something went wrong"
+        >
+          {m.error instanceof Error
+            ? m.error.message
+            : "An unexpected error occurred."}
+        </NoticeBanner>
+      ))}
+    </>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PageHeader.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PageHeader.tsx
new file mode 100644
index 000000000..6958a12dc
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PageHeader.tsx
@@ -0,0 +1,178 @@
+import { ActionIcon, Button, Group, Menu, Stack, Text } from "@mantine/core";
+import {
+  ArrowDownLeft,
+  ArrowUpRight,
+  Edit2,
+  FileText,
+  HelpCircle,
+  MoreHorizontal,
+  RefreshCw,
+  XCircle,
+} from "lucide-react";
+import type { ReactNode } from "react";
+
+import type { Freight } from "@edr/types";
+
+import { bookingSubtitle, isDraftLike, isNegative } from "../utils";
+
+export interface PageHeaderMenuActions {
+  onViewContract?: () => void;
+  onCancel?: () => void;
+  onEdit?: () => void;
+  onSupport?: () => void;
+  onRebook?: () => void;
+}
+
+export function PageHeader({
+  booking,
+  actions,
+  menuActions,
+}: {
+  booking: Freight.IBooking;
+  actions?: ReactNode;
+  menuActions?: PageHeaderMenuActions;
+}) {
+  const status = booking.status as string;
+  const negative = isNegative(status);
+  const draft = isDraftLike(status);
+
+  const dotColor = negative ? "#C0392B" : draft ? "#94A3B8" : "#0EA371";
+  const pillBg = negative ? "#FBEAE7" : draft ? "#F1F4F7" : "#ECF6F1";
+  const pillBorder = negative ? "#F3C8C1" : draft ? "#E1E7EE" : "#CDEBDD";
+  const pillText = negative ? "#A93226" : draft ? "#475569" : "#0A6F4D";
+  const isExport = booking.tradeDirection === "EXPORT";
+
+  const hasMenu = menuActions && Object.values(menuActions).some(Boolean);
+
+  return (
+    <Group justify="space-between" align="flex-start" wrap="wrap" gap="md">
+      <Stack gap={8} miw={0}>
+        <Group gap={12} align="center" wrap="wrap">
+          <Text fz="26px" fw={800} c="#10202F">
+            {booking.reference}
+          </Text>
+
+          <span
+            className="inline-flex items-center gap-[7px] rounded-full px-3 py-1.5 text-xs font-bold"
+            style={{ backgroundColor: pillBg, border: `1px solid ${pillBorder}`, color: pillText }}
+          >
+            <span
+              className="shrink-0 rounded-full"
+              style={{ width: 7, height: 7, backgroundColor: dotColor }}
+            />
+            {status.replace(/_/g, " ").replace(/\b\w/g, (m) => m.toUpperCase())}
+          </span>
+
+          <span className="inline-flex items-center gap-[6px] rounded-full bg-[#F1F4F7] px-[11px] py-1.5 text-xs font-bold text-[#475569]">
+            {isExport ? <ArrowUpRight size={14} /> : <ArrowDownLeft size={14} />}
+            {isExport ? "Export" : "Import"}
+          </span>
+        </Group>
+        <Text fz="14px" c="#6B7C8E">
+          {bookingSubtitle(booking)}
+        </Text>
+      </Stack>
+
+      <Group gap={8} wrap="nowrap" align="center">
+        {actions}
+        {hasMenu && (
+          <Menu shadow="md" radius={12} position="bottom-end">
+            <Menu.Target>
+              <ActionIcon
+                variant="default"
+                size={42}
+                radius={10}
+                aria-label="More options"
+              >
+                <MoreHorizontal size={18} />
+              </ActionIcon>
+            </Menu.Target>
+            <Menu.Dropdown miw={210}>
+              {menuActions!.onViewContract && (
+                <Menu.Item
+                  leftSection={<FileText size={15} />}
+                  onClick={menuActions!.onViewContract}
+                >
+                  View contract
+                </Menu.Item>
+              )}
+              {menuActions!.onEdit && (
+                <Menu.Item
+                  leftSection={<Edit2 size={15} />}
+                  onClick={menuActions!.onEdit}
+                >
+                  Edit
+                </Menu.Item>
+              )}
+              {menuActions!.onSupport && (
+                <Menu.Item
+                  leftSection={<HelpCircle size={15} />}
+                  onClick={menuActions!.onSupport}
+                >
+                  Contact customer support
+                </Menu.Item>
+              )}
+              {menuActions!.onRebook && (
+                <Menu.Item
+                  leftSection={<RefreshCw size={15} />}
+                  onClick={menuActions!.onRebook}
+                >
+                  Rebook similar schedule
+                </Menu.Item>
+              )}
+              {menuActions!.onCancel && (
+                <>
+                  <Menu.Divider />
+                  <Menu.Item
+                    color="red"
+                    leftSection={<XCircle size={15} />}
+                    onClick={menuActions!.onCancel}
+                  >
+                    Cancel booking
+                  </Menu.Item>
+                </>
+              )}
+            </Menu.Dropdown>
+          </Menu>
+        )}
+      </Group>
+    </Group>
+  );
+}
+
+export function HeaderButton({
+  label,
+  icon,
+  onClick,
+  dark,
+  green,
+  disabled,
+}: {
+  label: string;
+  icon: ReactNode;
+  onClick?: () => void;
+  dark?: boolean;
+  green?: boolean;
+  disabled?: boolean;
+}) {
+  return (
+    <Button
+      onClick={onClick}
+      disabled={disabled}
+      leftSection={icon}
+      radius={10}
+      variant={green || dark ? "filled" : "default"}
+      color={green ? "edr-green" : dark ? "#0C1A2B" : undefined}
+      styles={{
+        root: { height: 42, paddingInline: 16 },
+        label: {
+          fontSize: 13,
+          fontWeight: 700,
+          color: green || dark ? "#fff" : "#10202F",
+        },
+      }}
+    >
+      {label}
+    </Button>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PaymentDeadlineCard.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PaymentDeadlineCard.tsx
new file mode 100644
index 000000000..75ed3e652
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PaymentDeadlineCard.tsx
@@ -0,0 +1,144 @@
+import { Box, Button, Group, Stack, Text } from "@mantine/core";
+import { CreditCard, Timer } from "lucide-react";
+import { useEffect, useState } from "react";
+
+import { CardTitle, SectionCard } from "./layout";
+
+interface Remaining {
+  days: number;
+  hours: number;
+  minutes: number;
+  seconds: number;
+  expired: boolean;
+}
+
+function getRemaining(deadlineMs: number): Remaining {
+  const diff = deadlineMs - Date.now();
+  if (diff <= 0) {
+    return { days: 0, hours: 0, minutes: 0, seconds: 0, expired: true };
+  }
+  const totalSeconds = Math.floor(diff / 1000);
+  return {
+    days: Math.floor(totalSeconds / 86400),
+    hours: Math.floor((totalSeconds % 86400) / 3600),
+    minutes: Math.floor((totalSeconds % 3600) / 60),
+    seconds: totalSeconds % 60,
+    expired: false,
+  };
+}
+
+function Segment({ value, label }: { value: number; label: string }) {
+  return (
+    <Stack gap={2} align="center" style={{ minWidth: 52 }}>
+      <Text
+        fz="28px"
+        fw={800}
+        c="#10202F"
+        lh={1}
+        style={{ fontVariantNumeric: "tabular-nums" }}
+      >
+        {String(value).padStart(2, "0")}
+      </Text>
+      <Text fz="10.5px" fw={700} c="#9AA8B5" tt="uppercase" className="tracking-[0.6px]">
+        {label}
+      </Text>
+    </Stack>
+  );
+}
+
+export function PaymentDeadlineCard({
+  paymentDeadline,
+  onPay,
+  paying,
+}: {
+  /** ISO timestamp marking the end of the pay window. */
+  paymentDeadline: string;
+  onPay?: () => void;
+  paying?: boolean;
+}) {
+  const deadlineMs = new Date(paymentDeadline).getTime();
+  const [remaining, setRemaining] = useState<Remaining>(() => getRemaining(deadlineMs));
+
+  useEffect(() => {
+    setRemaining(getRemaining(deadlineMs));
+    const interval = setInterval(() => {
+      const next = getRemaining(deadlineMs);
+      setRemaining(next);
+      if (next.expired) clearInterval(interval);
+    }, 1000);
+    return () => clearInterval(interval);
+  }, [deadlineMs]);
+
+  const accentBg = remaining.expired ? "#FBEAE7" : "#FDF3E0";
+  const accentFg = remaining.expired ? "#C0392B" : "#9A5B00";
+
+  return (
+    <SectionCard p={22}>
+      <Group justify="space-between" align="center">
+        <CardTitle>Payment deadline</CardTitle>
+        <Group
+          component="span"
+          gap={6}
+          align="center"
+          wrap="nowrap"
+          style={{
+            display: "inline-flex",
+            borderRadius: 999,
+            padding: "5px 11px",
+            fontSize: 11.5,
+            fontWeight: 700,
+            backgroundColor: accentBg,
+            color: accentFg,
+          }}
+        >
+          <Timer size={13} />
+          {remaining.expired ? "Expired" : "Pay window open"}
+        </Group>
+      </Group>
+
+      {remaining.expired ? (
+        <Text mt={14} fz="13.5px" c="#6B7C8E">
+          The payment window has closed. Move this booking to another schedule or
+          contact support.
+        </Text>
+      ) : (
+        <>
+          <Group justify="space-between" mt={16} wrap="nowrap" px={4}>
+            <Segment value={remaining.days} label="Days" />
+            <Segment value={remaining.hours} label="Hrs" />
+            <Segment value={remaining.minutes} label="Min" />
+            <Segment value={remaining.seconds} label="Sec" />
+          </Group>
+          <Text mt={14} fz="12.5px" c="#9AA8B5" ta="center">
+            Complete payment before the window closes to secure your slot.
+          </Text>
+          {onPay && (
+            <Button
+              fullWidth
+              mt={16}
+              radius={10}
+              color="edr-green"
+              leftSection={<CreditCard size={17} />}
+              onClick={onPay}
+              loading={paying}
+              styles={{ root: { height: 46 }, label: { fontSize: 13.5, fontWeight: 700 } }}
+            >
+              Pay now
+            </Button>
+          )}
+        </>
+      )}
+
+      <Box mt={16} h={1} w="100%" bg="#EEF2F6" />
+      <Text mt={12} fz="12px" c="#9AA8B5">
+        Deadline:{" "}
+        {new Date(paymentDeadline).toLocaleString(undefined, {
+          month: "short",
+          day: "numeric",
+          hour: "2-digit",
+          minute: "2-digit",
+        })}
+      </Text>
+    </SectionCard>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PaymentMethodModal.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PaymentMethodModal.tsx
new file mode 100644
index 000000000..8e734229b
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/PaymentMethodModal.tsx
@@ -0,0 +1,167 @@
+import { Box, Button, Group, Modal, Stack, Text } from "@mantine/core";
+import { Smartphone, type LucideIcon } from "lucide-react";
+import { useState } from "react";
+
+import type { PaymentMethod } from "@/services/payments.service";
+
+interface ProviderOption {
+  method: PaymentMethod;
+  label: string;
+  description: string;
+  icon: LucideIcon;
+}
+
+// Only Telebirr and Waafi are enabled for now.
+const PROVIDERS: ProviderOption[] = [
+  {
+    method: "TELEBIRR",
+    label: "telebirr",
+    description: "Ethiopian mobile money",
+    icon: Smartphone,
+  },
+  {
+    method: "WAAFI",
+    label: "Waafi",
+    description: "Djibouti mobile money",
+    icon: Smartphone,
+  },
+];
+
+function ProviderRow({
+  option,
+  selected,
+  onSelect,
+}: {
+  option: ProviderOption;
+  selected: boolean;
+  onSelect: () => void;
+}) {
+  const Icon = option.icon;
+  return (
+    <Group
+      onClick={onSelect}
+      gap={12}
+      wrap="nowrap"
+      style={{
+        cursor: "pointer",
+        borderRadius: 12,
+        padding: "13px 14px",
+        border: `1.5px solid ${selected ? "#0A6F4D" : "#E6ECF1"}`,
+        backgroundColor: selected ? "#ECF6F1" : "#fff",
+        transition: "border-color .12s, background-color .12s",
+      }}
+    >
+      <Box
+        style={{
+          width: 40,
+          height: 40,
+          flexShrink: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          borderRadius: 10,
+          backgroundColor: selected ? "#0A6F4D" : "#F1F4F7",
+          color: selected ? "#fff" : "#475569",
+        }}
+      >
+        <Icon size={19} />
+      </Box>
+      <Box style={{ flex: 1 }}>
+        <Text fz="14px" fw={700} c="#10202F">
+          {option.label}
+        </Text>
+        <Text fz="12.5px" c="#9AA8B5">
+          {option.description}
+        </Text>
+      </Box>
+      <Box
+        style={{
+          width: 18,
+          height: 18,
+          flexShrink: 0,
+          borderRadius: "50%",
+          border: `2px solid ${selected ? "#0A6F4D" : "#CBD5E1"}`,
+          backgroundColor: selected ? "#0A6F4D" : "transparent",
+          boxShadow: selected ? "inset 0 0 0 3px #fff" : undefined,
+        }}
+      />
+    </Group>
+  );
+}
+
+export function PaymentMethodModal({
+  opened,
+  onClose,
+  amountLabel,
+  onConfirm,
+  processing,
+  error,
+}: {
+  opened: boolean;
+  onClose: () => void;
+  /** Human-readable total, e.g. "ETB 12,500". */
+  amountLabel?: string;
+  onConfirm: (method: PaymentMethod) => void;
+  processing?: boolean;
+  error?: string | null;
+}) {
+  const [method, setMethod] = useState<PaymentMethod>(PROVIDERS[0].method);
+
+  return (
+    <Modal
+      opened={opened}
+      onClose={onClose}
+      centered
+      radius="lg"
+      size={460}
+      title={
+        <Stack gap={2}>
+          <Text fw={800} fz="17px" c="#10202F">
+            Choose a payment method
+          </Text>
+          {amountLabel && (
+            <Text fz="12.5px" c="#9AA8B5">
+              Amount due: {amountLabel}
+            </Text>
+          )}
+        </Stack>
+      }
+    >
+      <Stack gap={10}>
+        {PROVIDERS.map((option) => (
+          <ProviderRow
+            key={option.method}
+            option={option}
+            selected={method === option.method}
+            onSelect={() => setMethod(option.method)}
+          />
+        ))}
+
+        {error && (
+          <Text fz="12.5px" c="#C0392B" fw={600}>
+            {error}
+          </Text>
+        )}
+
+        <Button
+          fullWidth
+          mt={6}
+          radius={10}
+          color="edr-green"
+          disabled={processing}
+          loading={processing}
+          onClick={() => onConfirm(method)}
+          styles={{
+            root: { height: 46 },
+            label: { fontSize: 14, fontWeight: 800 },
+          }}
+        >
+          {processing ? "Redirecting…" : "Continue to payment"}
+        </Button>
+        <Text fz="11.5px" c="#9AA8B5" ta="center">
+          You'll be redirected to your provider to complete payment securely.
+        </Text>
+      </Stack>
+    </Modal>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ScheduleCard.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ScheduleCard.tsx
new file mode 100644
index 000000000..5f64d10a1
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ScheduleCard.tsx
@@ -0,0 +1,128 @@
+import { Box, Group, Text } from "@mantine/core";
+import type { ReactNode } from "react";
+
+import type { Freight } from "@edr/types";
+
+import { fmtDate, isDraftLike, isNegative } from "../utils";
+import { CardTitle, SectionCard } from "./layout";
+
+type Row = { label: string; value: ReactNode; muted?: boolean };
+
+function StatusPill({ status }: { status: string }) {
+  const negative = isNegative(status);
+  const draft = isDraftLike(status);
+  const dot = negative ? "#C0392B" : draft ? "#94A3B8" : "#0EA371";
+  const color = negative ? "#A93226" : draft ? "#475569" : "#0A6F4D";
+  const bg = negative ? "#FBEAE7" : draft ? "#F1F4F7" : "#ECF6F1";
+  const border = negative ? "#F3C8C1" : draft ? "#E1E7EE" : "#CDEBDD";
+  const label = status
+    .replace(/_/g, " ")
+    .toLowerCase()
+    .replace(/\b\w/g, (m) => m.toUpperCase());
+
+  return (
+    <Group
+      component="span"
+      gap={6}
+      align="center"
+      wrap="nowrap"
+      style={{
+        display: "inline-flex",
+        borderRadius: 999,
+        backgroundColor: bg,
+        border: `1px solid ${border}`,
+        padding: "4px 10px",
+        fontSize: 11.5,
+        fontWeight: 700,
+        color,
+      }}
+    >
+      <Box
+        component="span"
+        style={{ width: 6, height: 6, borderRadius: 999, backgroundColor: dot }}
+      />
+      {label}
+    </Group>
+  );
+}
+
+export function ScheduleCard({
+  booking,
+  title,
+  consignment,
+}: {
+  booking: Freight.IBooking;
+  title: string;
+  consignment?: boolean;
+}) {
+  const service =
+    booking.serviceType === "RAIL_AND_FORWARDING"
+      ? "Rail + Forwarding"
+      : "Rail only";
+  const equipmentReturn =
+    booking.equipmentReturn === "WITH_RETURN" ? "With return" : "Without return";
+  const consolidation = booking.allowConsolidation ? "Allowed" : "Not allowed";
+  const assignedTrain: Row = {
+    label: "Assigned train",
+    value: booking.trainId ?? "Not yet assigned",
+    muted: !booking.trainId,
+  };
+
+  const statusRow: Row = {
+    label: "Status",
+    value: <StatusPill status={booking.status as string} />,
+  };
+
+  const rows: Row[] = consignment
+    ? [
+        { label: "Consignment ID", value: booking.reference },
+        { label: "Service", value: service },
+        { label: "Equipment return", value: equipmentReturn },
+        assignedTrain,
+        { label: "Scheduled", value: fmtDate(booking.scheduledDate) },
+        { label: "Consolidation", value: consolidation },
+      ]
+    : [
+        statusRow,
+        { label: "Service", value: service },
+        { label: "Equipment return", value: equipmentReturn },
+        { label: "Proposed date", value: fmtDate(booking.scheduledDate) },
+        assignedTrain,
+        { label: "Consolidation", value: consolidation },
+      ];
+
+  return (
+    <SectionCard p={22}>
+      <Box pb={8}>
+        <CardTitle>{title}</CardTitle>
+      </Box>
+      <Box>
+        {rows.map((r, i) => (
+          <Group
+            key={r.label}
+            justify="space-between"
+            align="center"
+            wrap="nowrap"
+            py="sm"
+            style={{
+              borderBottom:
+                i < rows.length - 1 ? "1px solid #F2F5F8" : undefined,
+            }}
+          >
+            <Text fz="13px" c="#9AA8B5">
+              {r.label}
+            </Text>
+            <Text
+              fz="13px"
+              fw={700}
+              c={r.muted ? "#9AA8B5" : "#10202F"}
+              fs={r.muted ? "italic" : undefined}
+            >
+              {r.value}
+            </Text>
+          </Group>
+        ))}
+      </Box>
+    </SectionCard>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ShipmentDetailsCard.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ShipmentDetailsCard.tsx
new file mode 100644
index 000000000..259a5c113
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/ShipmentDetailsCard.tsx
@@ -0,0 +1,106 @@
+import { Box, Group, Text } from "@mantine/core";
+import { FileText } from "lucide-react";
+
+import type { Freight } from "@edr/types";
+
+import { containerSummary, fmtDate, yardLabel } from "../utils";
+import { CardTitle, SectionCard } from "./layout";
+
+export function ShipmentDetailsCard({ booking }: { booking: Freight.IBooking }) {
+  const rows: [string, string][][] = [
+    [
+      ["Origin yard", yardLabel(booking.originYard)],
+      ["Destination yard", yardLabel(booking.destinationYard)],
+    ],
+    [
+      ["Freight type", booking.freightType === "BULK" ? "Bulk" : "Container"],
+      ["Commodity", booking.freightSubtype || "—"],
+    ],
+    [
+      ["Containers / load", containerSummary(booking)],
+      [
+        "Total weight (VGM)",
+        booking.cargoTotalWeightVgm ? `${booking.cargoTotalWeightVgm} t` : "—",
+      ],
+    ],
+    [
+      [
+        "Service type",
+        booking.serviceType === "RAIL_AND_FORWARDING"
+          ? "Rail + Forwarding"
+          : "Rail only",
+      ],
+      [
+        "Equipment return",
+        booking.equipmentReturn === "WITH_RETURN"
+          ? "With return"
+          : "Without return",
+      ],
+    ],
+    [
+      [
+        "Trade direction",
+        booking.tradeDirection === "IMPORT" ? "Import" : "Export",
+      ],
+      ["Scheduled date", fmtDate(booking.scheduledDate)],
+    ],
+    [
+      ["Consolidation", booking.allowConsolidation ? "Allowed" : "Not allowed"],
+      ["Assigned train", booking.trainId ?? "Not yet assigned"],
+    ],
+  ];
+
+  return (
+    <SectionCard>
+      <Group justify="space-between" align="center" pb={3}>
+        <CardTitle>Shipment Details</CardTitle>
+        <Group
+          component="span"
+          gap={6}
+          align="center"
+          wrap="nowrap"
+          style={{
+            display: "inline-flex",
+            borderRadius: 999,
+            backgroundColor: "#F1F4F7",
+            padding: "5px 11px",
+            fontSize: 11.5,
+            fontWeight: 700,
+            color: "#475569",
+          }}
+        >
+          <FileText size={13} />
+          {booking.contractType === "RENEWAL"
+            ? "Renewal contract"
+            : "New contract"}
+        </Group>
+      </Group>
+      <Box>
+        {rows.map((pair, i) => (
+          <Group
+            key={i}
+            gap={24}
+            align="flex-start"
+            wrap="nowrap"
+            py={13}
+            style={{
+              borderBottom:
+                i < rows.length - 1 ? "1px solid #F2F5F8" : undefined,
+            }}
+          >
+            {pair.map(([k, v]) => (
+              <Box key={k} miw={0} flex={1}>
+                <Text fz="11.5px" fw={600} c="#9AA8B5">
+                  {k}
+                </Text>
+                <Text truncate mt={4} fz="14px" fw={700} c="#10202F">
+                  {v}
+                </Text>
+              </Box>
+            ))}
+          </Group>
+        ))}
+      </Box>
+    </SectionCard>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/StatusHero.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/StatusHero.tsx
new file mode 100644
index 000000000..31bbca748
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/StatusHero.tsx
@@ -0,0 +1,211 @@
+import { Box, Group, Text } from "@mantine/core";
+import { AlertTriangle, Check, FileText, History } from "lucide-react";
+
+import type { Freight } from "@edr/types";
+
+import { PROGRESS_STAGES, STATUS_MAP } from "../constants";
+import { fmtDate, isDraftLike, isNegative } from "../utils";
+import { SectionCard } from "./layout";
+
+export function StatusHero({
+  booking,
+  children,
+}: {
+  booking: Freight.IBooking;
+  children?: React.ReactNode;
+}) {
+  const status = booking.status;
+  const cfg = STATUS_MAP[status] ?? STATUS_MAP.DRAFT;
+  const negative = isNegative(status);
+  const draft = isDraftLike(status);
+
+  const tone: "green" | "slate" | "red" = negative
+    ? "red"
+    : draft
+      ? "slate"
+      : "green";
+  const tileBg =
+    tone === "red" ? "#FBEAE7" : tone === "slate" ? "#F1F4F7" : "#ECF6F1";
+  const tileFg =
+    tone === "red" ? "#C0392B" : tone === "slate" ? "#475569" : "#0EA371";
+  const HeroIcon = negative
+    ? AlertTriangle
+    : draft
+      ? FileText
+      : (PROGRESS_STAGES[cfg.stage]?.icon ?? History);
+
+  const chipLabel = draft ? "Last edited" : negative ? "Updated" : "Scheduled";
+  const chipValue = fmtDate(
+    draft || negative ? booking.updatedAt : booking.scheduledDate,
+  );
+
+  return (
+    <SectionCard p={28}>
+      <Group justify="space-between" align="center" wrap="wrap" gap="md">
+        <Group gap={16} align="center" wrap="nowrap">
+          <div
+            className="flex items-center justify-center rounded-2xl shrink-0"
+            style={{
+              width: 56,
+              height: 56,
+              backgroundColor: tileBg,
+              color: tileFg,
+            }}
+          >
+            <HeroIcon size={26} />
+          </div>
+          <Box>
+            <Text fz="21px" fw={800} c="#10202F">
+              {cfg.title}
+            </Text>
+            <Text mt={5} fz="14px" c="#6B7C8E">
+              {cfg.description}
+            </Text>
+          </Box>
+        </Group>
+        <Group
+          gap={11}
+          align="center"
+          wrap="nowrap"
+          px="md"
+          py="sm"
+          className="rounded-[14px] border border-[#E6ECF2] bg-[#F7FAFC]"
+        >
+          <History size={22} color="#64748B" />
+          <Box>
+            <Text
+              fz="10.5px"
+              fw={700}
+              c="#9AA8B5"
+              tt="uppercase"
+              className="tracking-[0.6px]"
+            >
+              {chipLabel}
+            </Text>
+            <Text fz="sm" fw={700} c="#10202F">
+              {chipValue}
+            </Text>
+          </Box>
+        </Group>
+      </Group>
+
+      <Box my={26} h={1} w="100%" bg="#EEF2F6" />
+
+      {children ?? (
+        <ProgressTracker
+          current={cfg.stage}
+          tone={draft ? "ink" : "green"}
+          negative={negative}
+        />
+      )}
+    </SectionCard>
+  );
+}
+
+function ProgressTracker({
+  current,
+  tone = "green",
+}: {
+  current: number;
+  tone?: "green" | "ink";
+  negative?: boolean;
+}) {
+  const last = PROGRESS_STAGES.length - 1;
+  const activeFill = tone === "ink" ? "#0C1A2B" : "#0EA371";
+  const activeRing = tone === "ink" ? "#D9E0E7" : "#BFE8D4";
+
+  return (
+    /* Scrollable on mobile so 5 stages never overflow */
+    <Box
+      className="overflow-x-auto pt-2"
+      style={
+        {
+          scrollbarWidth: "none",
+          WebkitOverflowScrolling: "touch",
+        } as React.CSSProperties
+      }
+    >
+      <div className="flex items-start" style={{ minWidth: 440 }}>
+        {PROGRESS_STAGES.map((stage, idx) => {
+          const state =
+            idx < current ? "done" : idx === current ? "active" : "idle";
+          const Icon = stage.icon;
+          const reachedLeft = current >= idx && current >= 0;
+          const reachedRight = current > idx && current >= 0;
+
+          const circleBg =
+            state === "idle"
+              ? "#EEF2F6"
+              : state === "active"
+                ? activeFill
+                : "#0EA371";
+          const circleBorder =
+            state === "idle" ? "1px solid #E1E7EE" : undefined;
+          const circleShadow =
+            state === "active" ? `0 0 0 4px ${activeRing}` : undefined;
+
+          return (
+            <div
+              key={stage.label}
+              className="flex flex-1 flex-col items-center"
+            >
+              <div className="flex w-full items-center">
+                {/* left connector */}
+                <div
+                  className="flex-1 rounded-full"
+                  style={{
+                    height: 3,
+                    background:
+                      idx === 0
+                        ? "transparent"
+                        : reachedLeft
+                          ? "#0EA371"
+                          : "#E1E7EE",
+                  }}
+                />
+                {/* stage circle */}
+                <div
+                  className="flex items-center justify-center mb-2 rounded-full shrink-0"
+                  style={{
+                    width: 32,
+                    height: 32,
+                    backgroundColor: circleBg,
+                    border: circleBorder,
+                    boxShadow: circleShadow,
+                  }}
+                >
+                  {state === "done" ? (
+                    <Check size={16} color="#fff" />
+                  ) : state === "active" ? (
+                    <Icon size={16} color="#fff" />
+                  ) : null}
+                </div>
+                {/* right connector */}
+                <div
+                  className="flex-1 rounded-full"
+                  style={{
+                    height: 3,
+                    background:
+                      idx === last
+                        ? "transparent"
+                        : reachedRight
+                          ? "#0EA371"
+                          : "#E1E7EE",
+                  }}
+                />
+              </div>
+              <Text
+                fz="14px"
+                fw={700}
+                ta="center"
+                c={state === "idle" ? "#9AA8B5" : "#10202F"}
+              >
+                {stage.label}
+              </Text>
+            </div>
+          );
+        })}
+      </div>
+    </Box>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Steps.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Steps.tsx
new file mode 100644
index 000000000..8ad1646c3
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/Steps.tsx
@@ -0,0 +1,122 @@
+import { Box, Button, Group, Text } from "@mantine/core";
+import { Check } from "lucide-react";
+import type { ReactNode } from "react";
+
+function StepCircle({
+  index,
+  done,
+  active,
+}: {
+  index: number;
+  done?: boolean;
+  active?: boolean;
+}) {
+  const style: React.CSSProperties = done
+    ? { backgroundColor: "#0EA371", color: "#fff" }
+    : active
+      ? { backgroundColor: "#0C1A2B", color: "#fff" }
+      : { backgroundColor: "#EEF2F6", color: "#9AA8B5" };
+
+  return (
+    <Box
+      style={{
+        flexShrink: 0,
+        width: 26,
+        height: 26,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: 999,
+        fontSize: 12,
+        fontWeight: 700,
+        ...style,
+      }}
+    >
+      {done ? <Check size={16} strokeWidth={3} /> : index}
+    </Box>
+  );
+}
+
+export function StepLine({
+  index,
+  title,
+  desc,
+  action,
+  done,
+  active,
+}: {
+  index: number;
+  title: string;
+  desc?: string;
+  action?: ReactNode;
+  done?: boolean;
+  active?: boolean;
+}) {
+  if (active) {
+    return (
+      <Group
+        gap={14}
+        align="center"
+        justify="space-between"
+        wrap="nowrap"
+        px={14}
+        py={12}
+        style={{ borderRadius: 12, backgroundColor: "#F4F7FA" }}
+      >
+        <Group gap={14} align="center" wrap="nowrap" miw={0}>
+          <StepCircle index={index} active />
+          <Box miw={0}>
+            <Text fz="14px" fw={800} c="#10202F">
+              {title}
+            </Text>
+            {desc && (
+              <Text mt={2} fz="12.5px" c="#6B7C8E">
+                {desc}
+              </Text>
+            )}
+          </Box>
+        </Group>
+        {action}
+      </Group>
+    );
+  }
+
+  return (
+    <Group gap={14} align="center" wrap="nowrap" px={12} py={10}>
+      <StepCircle index={index} done={done} />
+      <Text fz="14px" fw={700} c={done ? "#6B7C8E" : "#9AA8B5"}>
+        {title}
+      </Text>
+    </Group>
+  );
+}
+
+export function StepGhostButton({
+  children,
+  onClick,
+  icon,
+}: {
+  children: ReactNode;
+  onClick?: () => void;
+  icon?: ReactNode;
+}) {
+  return (
+    <Button
+      variant="white"
+      radius={9}
+      onClick={onClick}
+      leftSection={icon}
+      styles={{
+        root: {
+          height: 34,
+          paddingInline: 14,
+          border: "1.5px solid #CBD5E1",
+          flexShrink: 0,
+        },
+        label: { fontSize: 12.5, fontWeight: 700, color: "#334155" },
+      }}
+    >
+      {children}
+    </Button>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/SupportCard.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/SupportCard.tsx
new file mode 100644
index 000000000..02fafab17
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/SupportCard.tsx
@@ -0,0 +1,61 @@
+import { Box, Button, Group, Paper, Text } from "@mantine/core";
+import { FileText, MessageSquare, XCircle } from "lucide-react";
+
+export function SupportCard({ onCancel }: { onCancel?: () => void }) {
+  return (
+    <Paper radius={20} p={22} bg="#0C1A2B">
+      <Group gap={12} align="center" wrap="nowrap">
+        <Box
+          style={{
+            width: 42,
+            height: 42,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: 12,
+            backgroundColor: "#16273A",
+          }}
+        >
+          <MessageSquare size={20} color="#fff" />
+        </Box>
+        <Box>
+          <Text fz="15px" fw={800} c="#fff">
+            Need help?
+          </Text>
+          <Text fz="12px" c="#9AA8B5">
+            EDR operations team
+          </Text>
+        </Box>
+      </Group>
+      <Text mt={14} fz="13px" c="#C4D0DB" style={{ lineHeight: 1.45 }}>
+        Questions about this shipment, documents, or delivery? Our operations
+        team can help.
+      </Text>
+      <Group gap={10} mt="md" wrap="nowrap">
+        <Button
+          flex={1}
+          color="edr-green"
+          radius={10}
+          leftSection={<MessageSquare size={16} />}
+          styles={{ root: { height: 44 }, label: { fontWeight: 700 } }}
+        >
+          Contact
+        </Button>
+        <Button
+          onClick={onCancel}
+          radius={10}
+          color="#16273A"
+          leftSection={
+            onCancel ? <XCircle size={16} /> : <FileText size={16} />
+          }
+          styles={{
+            root: { height: 44, paddingInline: 16 },
+            label: { fontWeight: 700, color: "#fff" },
+          }}
+        >
+          {onCancel ? "Cancel" : "Report"}
+        </Button>
+      </Group>
+    </Paper>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/layout.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/layout.tsx
new file mode 100644
index 000000000..9fda89648
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/layout.tsx
@@ -0,0 +1,55 @@
+import { Box, Flex, Paper, Stack, Text, type PaperProps } from "@mantine/core";
+import type { ReactNode, Ref } from "react";
+
+export function PageShell({ children }: { children: ReactNode }) {
+  return (
+    <Box mih="100vh">
+      <Box mx="auto" w="100%" px={32} pt={28} pb={32}>
+        <Stack gap="lg">{children}</Stack>
+      </Box>
+    </Box>
+  );
+}
+
+export function BodyGrid({ left, right }: { left: ReactNode; right: ReactNode }) {
+  return (
+    <Flex
+      direction={{ base: "column", lg: "row" }}
+      align={{ base: "stretch", lg: "flex-start" }}
+      gap={24}
+    >
+      {/* Left column: capped at 700px on tablet so it doesn't bleed edge-to-edge */}
+      <Box flex={1} miw={0} maw={700} className="flex flex-col gap-6 lg:max-w-none">
+        {left}
+      </Box>
+      <Box
+        w={360}
+        maw="100%"
+        className="flex flex-col gap-6 shrink-0"
+      >
+        {right}
+      </Box>
+    </Flex>
+  );
+}
+
+interface SectionCardProps extends PaperProps {
+  children: ReactNode;
+  ref?: Ref<HTMLDivElement>;
+}
+
+export function SectionCard({ children, ref, ...props }: SectionCardProps) {
+  return (
+    <Paper ref={ref} radius={20} p="lg" withBorder bg="white" {...props}>
+      {children}
+    </Paper>
+  );
+}
+
+export function CardTitle({ children }: { children: ReactNode }) {
+  return (
+    <Text fz="16px" fw={800} c="#10202F">
+      {children}
+    </Text>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/pricing.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/pricing.tsx
new file mode 100644
index 000000000..1fec98a35
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/pricing.tsx
@@ -0,0 +1,188 @@
+import { Box, Group, Stack, Text } from "@mantine/core";
+import { CheckCircle2, Clock } from "lucide-react";
+
+import type { Freight } from "@edr/types";
+
+import { fmtDate, priceLineItems, priceTotal, type Pricing } from "../utils";
+import { CardTitle, SectionCard } from "./layout";
+
+function LineItems({ pricing }: { pricing: Pricing }) {
+  const items = priceLineItems(pricing);
+  if (items.length === 0) return null;
+  return (
+    <Stack gap={11}>
+      {items.map((it) => (
+        <Group key={it.label} justify="space-between" wrap="nowrap">
+          <Text fz="13px" c="#6B7C8E">
+            {it.label}
+          </Text>
+          <Text fz="13px" fw={600} c="#10202F">
+            {it.value}
+          </Text>
+        </Group>
+      ))}
+    </Stack>
+  );
+}
+
+const Divider = () => <Box my={16} h={1} w="100%" bg="#EEF2F6" />;
+
+export function EstimateCard({
+  pricing,
+  title,
+  chip,
+}: {
+  pricing: Pricing;
+  title: string;
+  chip: string;
+}) {
+  const hasItems = priceLineItems(pricing).length > 0;
+  return (
+    <SectionCard p={22}>
+      <Group justify="space-between" align="center">
+        <CardTitle>{title}</CardTitle>
+        <Group
+          component="span"
+          gap={6}
+          align="center"
+          wrap="nowrap"
+          style={{
+            display: "inline-flex",
+            borderRadius: 999,
+            backgroundColor: "#F1F4F7",
+            padding: "5px 11px",
+            fontSize: 11.5,
+            fontWeight: 700,
+            color: "#6B7C8E",
+          }}
+        >
+          <Clock size={13} />
+          {chip}
+        </Group>
+      </Group>
+      <Box mt={12}>
+        <Group gap={8} align="flex-end" wrap="nowrap">
+          <Text fz="26px" fw={800} c="#10202F" lh={1.1}>
+            {priceTotal(pricing)}
+          </Text>
+          <Box
+            component="span"
+            mb={4}
+            style={{
+              borderRadius: 6,
+              backgroundColor: "#F1F4F7",
+              padding: "3px 7px",
+              fontSize: 11,
+              fontWeight: 700,
+              color: "#6B7C8E",
+            }}
+          >
+            est.
+          </Box>
+        </Group>
+        <Text mt={4} fz="12.5px" c="#9AA8B5">
+          A firm price is confirmed after EDR reviews your booking.
+        </Text>
+      </Box>
+      {hasItems && (
+        <>
+          <Divider />
+          <LineItems pricing={pricing} />
+          <Group
+            justify="space-between"
+            mt={12}
+            pt={14}
+            style={{ borderTop: "1px solid #EEF2F6" }}
+          >
+            <Text fz="14px" fw={800} c="#10202F">
+              Estimated total
+            </Text>
+            <Text fz="15px" fw={800} c="#10202F">
+              {priceTotal(pricing)}
+            </Text>
+          </Group>
+        </>
+      )}
+    </SectionCard>
+  );
+}
+
+export function PaymentCard({
+  booking,
+  pricing,
+}: {
+  booking: Freight.IBooking;
+  pricing: Pricing;
+}) {
+  const hasItems = priceLineItems(pricing).length > 0;
+  const paid = booking.paymentStatus === "PAID";
+  const total = priceTotal(pricing);
+
+  return (
+    <SectionCard p={22}>
+      <Group justify="space-between" align="center">
+        <CardTitle>Payment</CardTitle>
+        <Group
+          component="span"
+          gap={6}
+          align="center"
+          wrap="nowrap"
+          style={{
+            display: "inline-flex",
+            borderRadius: 999,
+            padding: "5px 11px",
+            fontSize: 11.5,
+            fontWeight: 700,
+            backgroundColor: paid ? "#ECF6F1" : "#FDF3E0",
+            color: paid ? "#0A6F4D" : "#9A5B00",
+            border: paid ? "1px solid #CDEBDD" : undefined,
+          }}
+        >
+          {paid && <CheckCircle2 size={13} />}
+          {paid
+            ? "Paid"
+            : (booking.paymentStatus?.replace(/_/g, " ") ?? "Pending")}
+        </Group>
+      </Group>
+      <Box mt={12}>
+        <Text fz="26px" fw={800} c="#10202F">
+          {total}
+        </Text>
+        {paid && (
+          <Text mt={4} fz="12.5px" c="#9AA8B5">
+            Paid · {fmtDate(booking.updatedAt)}
+          </Text>
+        )}
+      </Box>
+      {hasItems && (
+        <>
+          <Divider />
+          <LineItems pricing={pricing} />
+          <Group
+            justify="space-between"
+            mt={12}
+            pt={14}
+            style={{ borderTop: "1px solid #EEF2F6" }}
+          >
+            <Text fz="14px" fw={800} c="#10202F">
+              Total
+            </Text>
+            <Text fz="15px" fw={800} c="#0A6F4D">
+              {total}
+            </Text>
+          </Group>
+        </>
+      )}
+      {/* <Button */}
+      {/*   fullWidth */}
+      {/*   mt={16} */}
+      {/*   variant="default" */}
+      {/*   radius={10} */}
+      {/*   leftSection={<FileText size={17} color="#475569" />} */}
+      {/*   styles={{ root: { height: 46 }, label: { fontSize: 13.5, fontWeight: 700, color: "#10202F" } }} */}
+      {/* > */}
+      {/*   Download invoice */}
+      {/* </Button> */}
+    </SectionCard>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/constants.ts b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/constants.ts
new file mode 100644
index 000000000..6ff19a633
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/constants.ts
@@ -0,0 +1,184 @@
+import {
+  ClipboardCheck,
+  FileText,
+  PackageCheck,
+  ShieldCheck,
+  Ship,
+  Train,
+} from "lucide-react";
+
+export const PROGRESS_STAGES = [
+  {
+    label: "Request",
+    icon: FileText,
+    statuses: ["DRAFT", "CHANGES_REQUESTED"],
+  },
+  {
+    label: "Submitted",
+    icon: ClipboardCheck,
+    statuses: ["SUBMITTED"],
+  },
+  {
+    label: "Approval",
+    icon: ShieldCheck,
+    statuses: ["PENDING_APPROVAL", "APPROVED_PENDING_SIGNATURE", "APPROVED"],
+  },
+  {
+    label: "Contract",
+    icon: ShieldCheck,
+    statuses: ["CONTRACT_READY", "SIGNED_CUSTOMER"],
+  },
+  {
+    label: "Payment",
+    icon: ShieldCheck,
+    statuses: [
+      "FULLY_EXECUTED",
+      "SELECTED_FOR_BATCH",
+      "PAYMENT_VERIFICATION_IN_PROGRESS",
+    ],
+  },
+  {
+    label: "Loading",
+    icon: Ship,
+    statuses: [
+      "PAID",
+      "PNR_GENERATED",
+      "PENDING_CONSOLIDATION",
+      "CONSOLIDATED",
+    ],
+  },
+  {
+    label: "In Transit",
+    icon: Train,
+    statuses: ["EXPIRED", "IN_TRANSIT"],
+  },
+  {
+    label: "Complete",
+    icon: PackageCheck,
+    statuses: ["COMPLETED", "DELIVERED"],
+  },
+];
+
+export const STATUS_MAP: Record<
+  string,
+  { title: string; description: string; stage: number }
+> = {
+  DRAFT: {
+    title: "Draft — not submitted",
+    description:
+      "This booking is being prepared and hasn’t been submitted for review yet.",
+    stage: 0,
+  },
+  CHANGES_REQUESTED: {
+    title: "Changes requested",
+    description: "Staff has requested changes. Please review and resubmit.",
+    stage: 0,
+  },
+  SUBMITTED: {
+    title: "Submitted for review",
+    description: "Your booking has been submitted and is awaiting review.",
+    stage: 1,
+  },
+  PENDING_APPROVAL: {
+    title: "Pending approval",
+    description: "Your booking is moving through the approval process.",
+    stage: 2,
+  },
+  APPROVED_PENDING_SIGNATURE: {
+    title: "Approved — awaiting signature",
+    description: "Approved. Your contract will be ready to sign shortly.",
+    stage: 2,
+  },
+  APPROVED: {
+    title: "Approved",
+    description: "Your booking has been fully approved.",
+    stage: 2,
+  },
+  CONTRACT_READY: {
+    title: "Contract ready to sign",
+    description:
+      "Your contract is ready. Review and apply your signature to proceed.",
+    stage: 3,
+  },
+  SIGNED_CUSTOMER: {
+    title: "Signed — awaiting staff",
+    description:
+      "Your signature has been submitted. Awaiting the final staff signature.",
+    stage: 3,
+  },
+  FULLY_EXECUTED: {
+    title: "Contract fully executed",
+    description: "Signed by all parties. You can now proceed to payment.",
+    stage: 4,
+  },
+  SELECTED_FOR_BATCH: {
+    title: "Selected for a train — payment due",
+    description:
+      "Your booking was selected for a scheduled train. Complete payment within the pay window to secure your slot.",
+    stage: 4,
+  },
+  EXPIRED: {
+    title: "Pay window expired",
+    description:
+      "The payment window was missed. You can move this booking to another schedule or cancel it.",
+    stage: 6,
+  },
+  PNR_GENERATED: {
+    title: "Payment reference generated",
+    description:
+      "A payment reference number has been generated for this booking.",
+    stage: 5,
+  },
+  PAYMENT_VERIFICATION_IN_PROGRESS: {
+    title: "Verifying payment",
+    description: "Your payment is being verified.",
+    stage: 4,
+  },
+  PAID: {
+    title: "Payment confirmed",
+    description: "Payment has been confirmed for this booking.",
+    stage: 5,
+  },
+  IN_TRANSIT: {
+    title: "Cargo moving",
+    description: "Your shipment is currently moving through the rail network.",
+    stage: 6,
+  },
+  PENDING_CONSOLIDATION: {
+    title: "Pending consolidation",
+    description: "Awaiting a consolidation partner shipment.",
+    stage: 5,
+  },
+  CONSOLIDATED: {
+    title: "Consolidated",
+    description: "Cargo has been consolidated with a partner shipment.",
+    stage: 5,
+  },
+  COMPLETED: {
+    title: "Service complete",
+    description: "Cargo delivered and service successfully terminated.",
+    stage: 7,
+  },
+  DELIVERED: {
+    title: "Service complete",
+    description: "Cargo delivered and service successfully terminated.",
+    stage: 7,
+  },
+  REJECTED: {
+    title: "Booking rejected",
+    description: "This booking request has been rejected.",
+    stage: -1,
+  },
+  CANCELLED: {
+    title: "Booking cancelled",
+    description: "This booking process has been terminated.",
+    stage: -1,
+  },
+};
+
+export const REQUIRED_DOC_FIELDS = [
+  { key: "commercial_invoice", label: "Commercial Invoice" },
+  { key: "packing_list", label: "Packing List" },
+  { key: "certificate_of_origin", label: "Certificate of Origin" },
+  { key: "letter_of_credit", label: "Letter of Credit / LC" },
+];
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/index.tsx b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/index.tsx
new file mode 100644
index 000000000..02e0318fd
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/index.tsx
@@ -0,0 +1,86 @@
+import { Box, Center, Loader, Stack, Text } from "@mantine/core";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { AlertTriangle } from "lucide-react";
+import { useParams } from "react-router-dom";
+
+import { api } from "@/services/api";
+
+import { DraftBookingView } from "./DraftBookingView";
+import { PageShell, SectionCard } from "./components/layout";
+import { ReadonlyBookingView } from "./ReadonlyBookingView";
+import { isDraftLike } from "./utils";
+
+export default function BookingDetailPage() {
+  const { id } = useParams<{ id: string }>();
+  const queryClient = useQueryClient();
+
+  const {
+    data: booking,
+    isLoading,
+    isError,
+    error,
+  } = useQuery(
+    api.bookings.get.queryOptions({ input: { id: id! }, enabled: !!id }),
+  );
+
+  const refetchBooking = () => {
+    queryClient.invalidateQueries({
+      queryKey: api.bookings.get.queryKey({ id: id! }),
+    });
+  };
+
+  if (isLoading) {
+    return (
+      <Center mih={400} p="xl">
+        <Stack align="center" gap="md">
+          <Loader color="edr-green" />
+          <Text size="sm" c="dimmed">
+            Loading booking details…
+          </Text>
+        </Stack>
+      </Center>
+    );
+  }
+
+  if (isError || !booking) {
+    return (
+      <PageShell>
+        <SectionCard>
+          <Stack align="center" gap={8} py={48} ta="center">
+            <Box
+              style={{
+                width: 64,
+                height: 64,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                borderRadius: 16,
+                backgroundColor: "#FBEAE7",
+                color: "#C0392B",
+              }}
+            >
+              <AlertTriangle size={30} />
+            </Box>
+            <Text mt={4} fz="20px" fw={800} c="#10202F">
+              {isError ? "Failed to load booking" : "Booking not found"}
+            </Text>
+            {isError && (
+              <Text size="sm" c="dimmed">
+                {error instanceof Error
+                  ? error.message
+                  : "An unexpected error occurred."}
+              </Text>
+            )}
+          </Stack>
+        </SectionCard>
+      </PageShell>
+    );
+  }
+
+  if (isDraftLike(booking.status)) {
+    return (
+      <DraftBookingView booking={booking} onBookingUpdated={refetchBooking} />
+    );
+  }
+  return <ReadonlyBookingView booking={booking} />;
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/utils.ts b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/utils.ts
new file mode 100644
index 000000000..031a2d38c
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/utils.ts
@@ -0,0 +1,50 @@
+import { format } from "date-fns";
+
+import type { Freight } from "@edr/types";
+
+export const isNegative = (s: string) => s === "CANCELLED" || s === "REJECTED";
+export const isDraftLike = (s: string) =>
+  s === "DRAFT" || s === "CHANGES_REQUESTED";
+
+export function fmtDate(value?: string | null) {
+  if (!value) return "—";
+  const d = new Date(value);
+  return Number.isNaN(d.getTime()) ? "—" : format(d, "MMM d, yyyy");
+}
+
+export function yardLabel(y?: Freight.IBooking["originYard"]) {
+  return y?.label ?? y?.code ?? "—";
+}
+
+export function containerSummary(b: Freight.IBooking) {
+  if (b.containers?.length) {
+    return b.containers.map((c) => `${c.qty} × ${c.type}`).join(", ");
+  }
+  return b.freightType === "BULK" ? "Bulk cargo" : "—";
+}
+
+export function bookingSubtitle(b: Freight.IBooking) {
+  const cargo =
+    b.freightSubtype ||
+    (b.freightType === "BULK" ? "Bulk freight" : "Container freight");
+  const load = containerSummary(b);
+  const route = `${yardLabel(b.originYard)} → ${yardLabel(b.destinationYard)}`;
+  return [cargo, load, route].filter((p) => p && p !== "—").join("  ·  ");
+}
+
+// ─── Pricing helpers ──────────────────────────────────────────────────────────
+
+export type Pricing = Freight.PricingBreakdown | null | undefined;
+
+export function priceLineItems(pricing: Pricing) {
+  return (pricing?.lineItems ?? []).map((li) => ({
+    label: li.description,
+    value: `${li.amount.toLocaleString()} ${li.currency}`,
+  }));
+}
+
+export function priceTotal(pricing: Pricing) {
+  if (!pricing) return "—";
+  const total = pricing.lineItems.reduce((s, li) => s + li.amount, 0);
+  return `${total.toLocaleString()} ${pricing.currency}`;
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/CreateBookingPage.tsx b/apps/edr-freight-web/portal/src/pages/bookings/CreateBookingPage.tsx
deleted file mode 100644
index d89dfc0a1..000000000
--- a/apps/edr-freight-web/portal/src/pages/bookings/CreateBookingPage.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useNavigate } from "react-router-dom";
-
-import BookingForm from "../../components/bookings/BookingForm";
-import { bookingsService } from "../../services/bookings.service";
-
-const CreateBookingPage = () => {
-  const navigate = useNavigate();
-  const queryClient = useQueryClient();
-
-  const mutation = useMutation({
-    mutationFn: bookingsService.create,
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["bookings"] });
-      navigate("/bookings");
-    },
-  });
-
-  return (
-    <div className="max-w-lg">
-      <h1 className="mb-4 text-2xl font-semibold text-gray-900">New booking</h1>
-      <BookingForm
-        onSubmit={mutation.mutate}
-        isSubmitting={mutation.isPending}
-      />
-    </div>
-  );
-};
-
-export default CreateBookingPage;
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/EditBookingPage.tsx b/apps/edr-freight-web/portal/src/pages/bookings/EditBookingPage.tsx
index b72d18ee1..b81cc455a 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/EditBookingPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/EditBookingPage.tsx
@@ -1,66 +1,101 @@
-import { useMemo } from "react";
-import { useFieldArray, Controller, useForm } from "react-hook-form";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useNavigate, useParams } from "react-router-dom";
-import {
-  AlertCircle,
-  Check,
-  LoaderCircle,
-  Loader2,
-  Package,
-  Weight,
-  Plus,
-  Trash2,
-  MapPin,
-  Flame,
-  Snowflake,
-  Truck,
-  FileText,
-} from "lucide-react";
-import {
-  Button,
-  Field,
-  FieldLabel,
-  FieldError,
-  Input,
-  Badge,
-  Switch,
-  Textarea,
-  Separator,
-  Skeleton,
-} from "@edr/ui-common";
-import type { Freight } from "@edr/types";
 import { api } from "@/services/api";
 import type { CreateBookingPayload } from "@/services/bookings.service";
+import type { Freight } from "@edr/types";
+import { zodResolver } from "@hookform/resolvers/zod";
 import {
+  ActionIcon,
+  Alert,
+  Box,
+  Button,
+  Center,
+  Divider,
+  Group,
+  Loader,
+  Paper,
+  SimpleGrid,
+  Stack,
+  Switch,
+  Text,
+  Textarea,
+  TextInput,
+  Title,
+} from "@mantine/core";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import {
+  AlertCircle,
+  AlertTriangle,
+  Check,
+  Download,
+  FileText,
+  Flame,
+  MapPin,
+  Snowflake,
+  Truck,
+  Upload,
+  X,
+} from "lucide-react";
+import { useMemo, useRef, type ReactNode } from "react";
+import { Controller, useForm } from "react-hook-form";
+import { useNavigate, useParams } from "react-router-dom";
+import {
+  CountChip,
+  DocRow,
+  IconSquare,
+} from "./BookingDetailPage/components/Documents";
+import {
+  BOOKING_DOCS_SETTING,
   BookingFormInputValues,
   bookingFormSchema,
   getRouteDirection,
   initialBookingFormValues,
+  type BookingDocuments,
   type BookingFormValues,
-  type RouteDirection,
 } from "./new-booking-form/schema";
-import {
-  SelectField,
-  SelectItem,
-  AlertBox,
-} from "./new-booking-form/shared";
+import { SelectField } from "./new-booking-form/shared";
+import { Step5CargoDetails } from "./new-booking-form/steps";
 
-function yardNameFromBooking(yard: { label?: string; code?: string; name?: string } | undefined | null): string {
+function yardNameFromBooking(
+  yard: { label?: string; code?: string; name?: string } | undefined | null,
+): string {
   return yard?.label ?? yard?.name ?? yard?.code ?? "";
 }
 
+/** Fallback container type for a size, used only when a booking row has no
+ *  loaded containerType relation. */
+function defaultContainerTypeForSize(
+  referenceData: Freight.BookingReferenceData,
+  size: string,
+): string {
+  const norm = (s: string) => s.toLowerCase().replace(/\s|ft/g, "");
+  const group =
+    referenceData.containers.find((g) => norm(g.size) === norm(size)) ??
+    referenceData.containers[0];
+  return group?.types[0]?.name ?? "";
+}
+
+/** The API returns the `bookingContainers` relation (with `containerType`
+ *  loaded), not the `{ type, qty, vgm }` shape the frontend type advertises. */
+interface BookingContainerRow {
+  quantity: number;
+  vgmPerUnitTons: number | string;
+  containerType?: {
+    sizeFt?: number | null;
+    label?: string | null;
+    code?: string | null;
+  } | null;
+}
+
 function mapBookingToFormValues(
   booking: Freight.IBooking,
   referenceData: Freight.BookingReferenceData,
 ): BookingFormInputValues {
-  const vals: BookingFormInputValues = {
+  const vals = {
     ...initialBookingFormValues,
-    contractType: (booking.contractType?.toLowerCase() as "new" | "renewal") ?? "new",
+    contractType:
+      (booking.contractType?.toLowerCase() as "new" | "renewal") ?? "new",
     previousContractRef: booking.previousContractId ?? "",
-    serviceType:
-      booking.serviceType === "RAIL_AND_FORWARDING" ? "rail_forwarding" : "rail",
+    serviceTypeId:
+      referenceData.service.find((s) => s.code === booking.serviceType)?.id ?? "",
     firstMile: {
       enabled: booking.firstMileEnabled ?? false,
       pickUpAddress: booking.firstMilePickupAddress ?? "",
@@ -70,7 +105,9 @@ function mapBookingToFormValues(
       deliveryAddress: booking.lastMileDeliveryAddress ?? "",
     },
     equipmentReturn:
-      booking.equipmentReturn === "WITH_RETURN" ? "with_return" : "without_return",
+      booking.equipmentReturn === "WITH_RETURN"
+        ? "with_return"
+        : "without_return",
     originYard: yardNameFromBooking(booking.originYard),
     destinationYard: yardNameFromBooking(booking.destinationYard),
     cargoType: booking.freightType === "BULK" ? "bulk" : "container",
@@ -80,40 +117,128 @@ function mapBookingToFormValues(
     shippingLine: (booking as any).shippingLine?.name ?? "",
     consolidationEnabled: booking.allowConsolidation ?? false,
     notes: "",
-    termsAccepted: false,
-    freightType: "",
-    bulkCommoditytype: "",
     containers: [],
-  };
+  } as BookingFormInputValues;
 
   const bookingCargoTypeId = (booking as any).cargoTypeId as string | undefined;
   if (booking.freightType === "BULK" && bookingCargoTypeId) {
     for (const group of referenceData.cargo_type) {
       const child = group.children?.find((c) => c.id === bookingCargoTypeId);
       if (child) {
-        vals.freightType = group.code.toLowerCase();
-        vals.bulkCommoditytype = child.name;
+        vals.cargoTypePath = [group.id, child.id];
         break;
       }
     }
   }
 
-  if (booking.freightType === "CONTAINER" && booking.containers && booking.containers.length > 0) {
-    vals.containers = booking.containers.map((c) => ({
-      type: c.type === "40ft" ? "40ft" : "20ft" as const,
-      containerType: "",
-      qty: String(c.qty),
-      vgm: String(c.vgm),
-    }));
+  if (booking.freightType === "CONTAINER") {
+    const rows = ((booking as any).bookingContainers ?? []) as BookingContainerRow[];
+    vals.containers =
+      rows.length > 0
+        ? rows.map((bc) => {
+            const size =
+              bc.containerType?.sizeFt === 40
+                ? ("40ft" as const)
+                : ("20ft" as const);
+            const typeName = bc.containerType?.label?.trim()
+              ? bc.containerType.label
+              : (bc.containerType?.code ??
+                defaultContainerTypeForSize(referenceData, size));
+            return {
+              type: size,
+              containerType: typeName,
+              qty: String(bc.quantity ?? 1),
+              vgm: String(Number(bc.vgmPerUnitTons ?? 0)),
+            };
+          })
+        : [
+            {
+              type: "20ft" as const,
+              containerType: defaultContainerTypeForSize(referenceData, "20ft"),
+              qty: "1",
+              vgm: "",
+            },
+          ];
   }
 
   return vals;
 }
 
+function SectionHeading({
+  title,
+  description,
+}: {
+  title: string;
+  description: string;
+}) {
+  return (
+    <Box>
+      <Title order={2} fz="lg" fw={700}>
+        {title}
+      </Title>
+      <Text size="sm" c="dimmed" mt={2}>
+        {description}
+      </Text>
+    </Box>
+  );
+}
+
+function ToggleRow({
+  icon,
+  title,
+  description,
+  checked,
+  onChange,
+  children,
+}: {
+  icon: ReactNode;
+  title: string;
+  description: string;
+  checked: boolean;
+  onChange: (value: boolean) => void;
+  children?: ReactNode;
+}) {
+  return (
+    <Box p="md">
+      <Group justify="space-between" align="flex-start" wrap="nowrap" gap="md">
+        <Group align="flex-start" gap="sm" wrap="nowrap">
+          <Box mt={2}>{icon}</Box>
+          <Box>
+            <Text size="sm" fw={500}>
+              {title}
+            </Text>
+            <Text size="xs" c="dimmed" mt={2}>
+              {description}
+            </Text>
+          </Box>
+        </Group>
+        <Switch
+          checked={checked}
+          onChange={(e) => onChange(e.currentTarget.checked)}
+          color="edr-green"
+        />
+      </Group>
+      {children}
+    </Box>
+  );
+}
+
+const DIRECTION_COLOR: Record<string, string> = {
+  export: "blue",
+  import: "yellow",
+  domestic: "gray",
+};
+const DIRECTION_LABEL: Record<string, string> = {
+  export: "Export workflow (inside country to outside country)",
+  import: "Import workflow (outside country to inside country)",
+  domestic: "Domestic corridor",
+};
+
 export default function EditBookingPage() {
   const { id } = useParams<{ id: string }>();
   const navigate = useNavigate();
   const queryClient = useQueryClient();
+  const docInputRefs = useRef<Record<string, HTMLInputElement | null>>({});
 
   const bookingQuery = useQuery(
     api.bookings.get.queryOptions({
@@ -128,16 +253,6 @@ export default function EditBookingPage() {
     }),
   );
 
-  const updateMutation = useMutation({
-    mutationFn: (payload: Partial<CreateBookingPayload>) =>
-      api.bookings.update.call({ id: id!, dto: payload }),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: api.bookings.list.queryKey() });
-      queryClient.invalidateQueries({ queryKey: api.bookings.get.queryKey({ id: id! }) });
-      navigate(`/bookings/${id}`);
-    },
-  });
-
   const booking = bookingQuery.data;
 
   const formValues = useMemo((): BookingFormInputValues | undefined => {
@@ -152,24 +267,49 @@ export default function EditBookingPage() {
     mode: "onChange",
   });
 
+  const updateMutation = useMutation({
+    mutationFn: async (payload: Partial<CreateBookingPayload>) => {
+      const result = await api.bookings.update.call({ id: id!, dto: payload });
+
+      // Upload any newly attached documents against the existing booking.
+      const documents = (form.getValues("documents") ?? {}) as BookingDocuments;
+      const hasDocuments = Object.values(documents).some((value) =>
+        Array.isArray(value) ? value.length > 0 : Boolean(value),
+      );
+      if (hasDocuments) {
+        await api.bookings.uploadDocuments.call({ id: id!, files: documents });
+      }
+
+      return result;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: api.bookings.list.queryKey() });
+      queryClient.invalidateQueries({
+        queryKey: api.bookings.get.queryKey({ id: id! }),
+      });
+      navigate(`/bookings/${id}`);
+    },
+  });
+
   const originYard = form.watch("originYard");
   const destinationYard = form.watch("destinationYard");
-  const serviceType = form.watch("serviceType");
+  const serviceTypeId = form.watch("serviceTypeId");
   const firstMileEnabled = form.watch("firstMile.enabled");
   const lastMileEnabled = form.watch("lastMile.enabled");
-  const cargoType = form.watch("cargoType");
-  const freightType = form.watch("freightType");
-  const containers = form.watch("containers");
+  const documents = (form.watch("documents") ?? {}) as BookingDocuments;
 
-  const direction: RouteDirection = useMemo(
-    () => getRouteDirection(originYard, destinationYard),
-    [originYard, destinationYard],
+  const selectedService = useMemo(
+    () => referenceData?.service.find((s) => s.id === serviceTypeId),
+    [serviceTypeId, referenceData],
   );
 
-  const { fields, append, remove } = useFieldArray({
-    control: form.control,
-    name: "containers",
-  });
+  const direction = useMemo(() => {
+    const origin = referenceData?.yard.find((y) => y.name === originYard);
+    const destination = referenceData?.yard.find(
+      (y) => y.name === destinationYard,
+    );
+    return getRouteDirection(origin, destination);
+  }, [originYard, destinationYard, referenceData]);
 
   const yardOptions = useMemo(() => {
     if (!referenceData?.yard) return [];
@@ -188,68 +328,30 @@ export default function EditBookingPage() {
     }));
   }, [referenceData]);
 
-  const freightTypeGroups = useMemo(() => {
-    if (!referenceData?.cargo_type) return [];
-    return referenceData.cargo_type.filter(
-      (g) => g.code !== "CONTAINER",
+  const setDocument = (key: string, file: File | null) => {
+    const current = (form.getValues("documents") ?? {}) as BookingDocuments;
+    form.setValue(
+      "documents",
+      { ...current, [key]: file },
+      { shouldDirty: true },
     );
-  }, [referenceData]);
-
-  const commodityOptions = useMemo(() => {
-    if (!referenceData?.cargo_type || !freightType) return [];
-    const group = referenceData.cargo_type.find(
-      (g) => g.code.toLowerCase() === freightType,
-    );
-    return group?.children?.map((c) => c.name) ?? [];
-  }, [referenceData, freightType]);
-
-  const containerTypeOptions = useMemo(() => {
-    if (!referenceData?.containers) return [];
-    return referenceData.containers.flatMap((group) =>
-      group.types.map((t) => t.name),
-    );
-  }, [referenceData]);
-
-  const directionStyle: Record<string, string> = {
-    export: "bg-sky-50 text-sky-800 border-sky-200",
-    import: "bg-amber-50 text-amber-800 border-amber-200",
-    domestic: "bg-muted text-muted-foreground border-border",
-  };
-  const directionLabel: Record<string, string> = {
-    export: "Export workflow (inside country to outside country)",
-    import: "Import workflow (outside country to inside country)",
-    domestic: "Domestic corridor",
   };
 
   const handleSubmit = form.handleSubmit((data) => {
     const yards = referenceData?.yard ?? [];
     const services = referenceData?.service ?? [];
     const shippingLines = referenceData?.shipping_line ?? [];
-    const cargoTree = referenceData?.cargo_type ?? [];
     const containerGroups = referenceData?.containers ?? [];
 
     const findYardId = (name: string): string =>
       yards.find((y) => y.name === name)?.id ?? "";
 
-    const findServiceTypeId = (): string => {
-      const code = data.serviceType === "rail" ? "RAIL" : "RAIL_AND_FORWARDING";
-      return services.find((s) => s.code === code)?.id ?? services[0]?.id ?? "";
-    };
-
     const findShippingLineId = (name: string): string | undefined =>
       shippingLines.find((l) => l.name === name)?.id;
 
-    const selectedChild =
-      data.cargoType !== "container" && data.bulkCommoditytype
-        ? cargoTree
-          .find((g) => g.code.toLowerCase() === data.freightType)
-          ?.children?.find((c) => c.name === data.bulkCommoditytype)
-        : undefined;
-
+    const cargoTypePath = data.cargoTypePath ?? [];
     const cargoTypeId =
-      data.cargoType === "container"
-        ? undefined
-        : selectedChild?.id ?? "";
+      data.cargoType === "container" ? undefined : (cargoTypePath[1] ?? "");
 
     const findContainerTypeId = (name: string): string => {
       for (const group of containerGroups) {
@@ -262,16 +364,18 @@ export default function EditBookingPage() {
     const totalWeight =
       data.cargoType === "container"
         ? data.containers.reduce(
-          (acc, c) => acc + Number(c.vgm || 0) * Number(c.qty || 0),
-          0,
-        )
+            (acc, c) => acc + Number(c.vgm || 0) * Number(c.qty || 0),
+            0,
+          )
         : Number(data.cargoWeight || 0);
 
+    const selectedSvc = services.find((s) => s.id === data.serviceTypeId);
+
     const apiPayload: Partial<CreateBookingPayload> = {
       scheduledDate: new Date().toISOString().slice(0, 10),
       contractType:
         data.contractType.toUpperCase() as CreateBookingPayload["contractType"],
-      serviceTypeId: findServiceTypeId(),
+      serviceTypeId: data.serviceTypeId,
       equipmentReturn:
         data.equipmentReturn === "with_return"
           ? "WITH_RETURN"
@@ -279,9 +383,9 @@ export default function EditBookingPage() {
       originYardId: findYardId(data.originYard),
       destinationYardId: findYardId(data.destinationYard),
       tradeDirection:
-        direction === "export"
+        direction === "EXPORT"
           ? "EXPORT"
-          : direction === "domestic"
+          : direction === "DOMESTIC"
             ? "DOMESTIC"
             : "IMPORT",
       cargoTypeId: data.cargoType === "container" ? undefined : cargoTypeId,
@@ -297,10 +401,10 @@ export default function EditBookingPage() {
       containers:
         data.cargoType === "container"
           ? data.containers.map((c) => ({
-            containerTypeId: findContainerTypeId(c.containerType),
-            quantity: Number(c.qty || 1),
-            vgmPerUnitTons: Number(c.vgm || 0),
-          }))
+              containerTypeId: findContainerTypeId(c.containerType),
+              quantity: Number(c.qty || 1),
+              vgmPerUnitTons: Number(c.vgm || 0),
+            }))
           : [],
       ...(data.previousContractRef
         ? { previousContractId: data.previousContractRef }
@@ -308,10 +412,10 @@ export default function EditBookingPage() {
       ...(data.contractType === "renewal" && data.previousContractRef
         ? { pnrCode: data.previousContractRef }
         : {}),
-      ...(data.serviceType === "rail_forwarding" && data.firstMile.enabled
+      ...(selectedSvc?.includesFirstMile && data.firstMile.enabled
         ? { firstMilePickupAddress: data.firstMile.pickUpAddress }
         : {}),
-      ...(data.serviceType === "rail_forwarding" && data.lastMile.enabled
+      ...(selectedSvc?.includesLastMile && data.lastMile.enabled
         ? { lastMileDeliveryAddress: data.lastMile.deliveryAddress }
         : {}),
       ...(data.shippingLine
@@ -324,777 +428,486 @@ export default function EditBookingPage() {
 
   if (bookingQuery.isLoading) {
     return (
-      <div className="flex h-full items-center justify-center">
-        <Loader2 className="size-8 animate-spin text-primary" />
-      </div>
+      <Center mih={400} p="xl">
+        <Stack align="center" gap="md">
+          <Loader color="edr-green" />
+          <Text size="sm" c="dimmed">
+            Loading booking…
+          </Text>
+        </Stack>
+      </Center>
     );
   }
 
   if (bookingQuery.isError || !booking) {
     return (
-      <div className="container mx-auto p-6">
-        <div className="flex flex-col items-center gap-4 rounded-xl border border-destructive/20 bg-destructive/10 p-12 text-center">
-          <AlertCircle className="size-8 text-destructive" />
-          <h2 className="text-lg font-bold text-foreground">Failed to load booking</h2>
-          <Button variant="outline" onClick={() => navigate("/bookings")}>
+      <Center mih={400} p="xl">
+        <Stack align="center" gap="md" ta="center">
+          <Box c="red">
+            <AlertTriangle size={30} />
+          </Box>
+          <Text fw={700} fz="lg">
+            Failed to load booking
+          </Text>
+          <Button variant="default" onClick={() => navigate("/bookings")}>
             Back to Bookings
           </Button>
-        </div>
-      </div>
+        </Stack>
+      </Center>
     );
   }
 
   if (!formValues) {
     return (
-      <div className="flex h-full items-center justify-center">
-        <Loader2 className="size-8 animate-spin text-primary" />
-      </div>
+      <Center mih={400} p="xl">
+        <Loader color="edr-green" />
+      </Center>
     );
   }
 
+  const uploadedCodes = new Set(
+    booking.files?.map((f) => f.code).filter(Boolean) ?? [],
+  );
+  const uploadedCount = BOOKING_DOCS_SETTING.fields.filter((f) =>
+    uploadedCodes.has(f.fileKey),
+  ).length;
+
   return (
-    <form
+    <Box
+      component="form"
       id="edit-booking-form"
-      className="mx-auto max-w-4xl"
       onSubmit={handleSubmit}
+      maw={900}
+      mx="auto"
+      px="md"
+      py="xl"
     >
-      <div className="px-6 py-8">
-        <h1 className="text-2xl font-bold tracking-tight">
-          Edit Booking {booking.reference ?? ""}
-        </h1>
-        <p className="mt-1 text-sm text-muted-foreground">
-          Update the booking details below. All changes are saved together.
-        </p>
+      <Title order={1} fz={26} fw={800} style={{ letterSpacing: "-0.01em" }}>
+        Edit Booking {booking.reference ?? ""}
+      </Title>
+      <Text size="sm" c="dimmed" mt={4}>
+        Update the booking details below. All changes are saved together.
+      </Text>
 
-        {updateMutation.isError && (
-          <div className="mt-6 flex items-start gap-3 rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-800">
-            <AlertCircle className="mt-0.5 h-4 w-4 shrink-0 text-red-500" />
-            <div>
-              <p className="font-semibold">Failed to save changes</p>
-              <p className="mt-1 text-red-600">
-                {updateMutation.error instanceof Error
-                  ? updateMutation.error.message
-                  : "An unexpected error occurred. Please try again."}
-              </p>
-            </div>
-          </div>
-        )}
+      {updateMutation.isError && (
+        <Alert
+          color="red"
+          icon={<AlertCircle size={16} />}
+          radius="md"
+          mt="lg"
+          title="Failed to save changes"
+        >
+          <Text size="sm">
+            {updateMutation.error instanceof Error
+              ? updateMutation.error.message
+              : "An unexpected error occurred. Please try again."}
+          </Text>
+        </Alert>
+      )}
 
-        <div className="mt-8 space-y-10">
-          {/* ── Section 1: Contract ── */}
-          <section className="space-y-4">
-            <div>
-              <h2 className="text-lg font-bold">Contract</h2>
-              <p className="text-sm text-muted-foreground">
-                New contract or renewal of an existing one.
-              </p>
-            </div>
-            <div className="grid gap-4 sm:grid-cols-2">
-              <Controller
-                name="contractType"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <SelectField
-                    field={field}
-                    error={fieldState.error}
-                    label="Contract Type *"
-                    placeholder="Select contract type..."
-                  >
-                    <SelectItem value="new">New Contract</SelectItem>
-                    <SelectItem value="renewal">Contract Renewal</SelectItem>
-                  </SelectField>
-                )}
-              />
-
-
-            </div>
-          </section>
-
-          <Separator />
-
-          {/* ── Section 2: Service ── */}
-          <section className="space-y-4">
-            <div>
-              <h2 className="text-lg font-bold">Service</h2>
-              <p className="text-sm text-muted-foreground">
-                Select the service combination and configure trucking options.
-              </p>
-            </div>
-
-            <div className="grid gap-4 sm:grid-cols-2">
-              <Controller
-                name="serviceType"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <SelectField
-                    field={field}
-                    error={fieldState.error}
-                    label="Service Type *"
-                    placeholder="Select service type..."
-                  >
-                    <SelectItem value="rail">Rail Transport Only</SelectItem>
-                    <SelectItem value="rail_forwarding">Logistics (Rail + Forwarding)</SelectItem>
-                  </SelectField>
-                )}
-              />
-
-              <Controller
-                name="equipmentReturn"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <SelectField
-                    field={field}
-                    error={fieldState.error}
-                    label="Equipment Return"
-                    placeholder="Select..."
-                  >
-                    <SelectItem value="with_return">With Return</SelectItem>
-                    <SelectItem value="without_return">Without Return</SelectItem>
-                  </SelectField>
-                )}
-              />
-            </div>
-
-            {serviceType === "rail_forwarding" && (
-              <div className="divide-y divide-border rounded-xl border border-border">
-                <div className="p-4">
-                  <Controller
-                    name="firstMile.enabled"
-                    control={form.control}
-                    render={({ field }) => (
-                      <div className="flex items-start justify-between gap-4">
-                        <div className="flex items-start gap-3">
-                          <Truck className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
-                          <div>
-                            <p className="text-sm font-medium">First Mile - Pick-up</p>
-                            <p className="mt-0.5 text-xs text-muted-foreground">
-                              Truck pick-up from your premises to the origin rail yard.
-                            </p>
-                          </div>
-                        </div>
-                        <Switch
-                          checked={field.value}
-                          onCheckedChange={(value) => {
-                            field.onChange(value);
-                            if (!value) {
-                              form.setValue("firstMile.pickUpAddress", "", {
-                                shouldDirty: true,
-                                shouldValidate: true,
-                              });
-                            }
-                          }}
-                        />
-                      </div>
-                    )}
-                  />
-                  {firstMileEnabled && (
-                    <Controller
-                      name="firstMile.pickUpAddress"
-                      control={form.control}
-                      render={({ field, fieldState }) => (
-                        <Field className="mt-3" data-invalid={fieldState.invalid}>
-                          <Input
-                            {...field}
-                            aria-invalid={fieldState.invalid}
-                            placeholder="Pick-up address *"
-                          />
-                          <FieldError errors={[fieldState.error]} />
-                        </Field>
-                      )}
-                    />
-                  )}
-                </div>
-
-                <div className="p-4">
-                  <Controller
-                    name="lastMile.enabled"
-                    control={form.control}
-                    render={({ field }) => (
-                      <div className="flex items-start justify-between gap-4">
-                        <div className="flex items-start gap-3">
-                          <Truck className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
-                          <div>
-                            <p className="text-sm font-medium">Last Mile - Delivery</p>
-                            <p className="mt-0.5 text-xs text-muted-foreground">
-                              Truck delivery from the destination rail yard to the final address.
-                            </p>
-                          </div>
-                        </div>
-                        <Switch
-                          checked={field.value}
-                          onCheckedChange={(value) => {
-                            field.onChange(value);
-                            if (!value) {
-                              form.setValue("lastMile.deliveryAddress", "", {
-                                shouldDirty: true,
-                                shouldValidate: true,
-                              });
-                            }
-                          }}
-                        />
-                      </div>
-                    )}
-                  />
-                  {lastMileEnabled && (
-                    <Controller
-                      name="lastMile.deliveryAddress"
-                      control={form.control}
-                      render={({ field, fieldState }) => (
-                        <Field className="mt-3" data-invalid={fieldState.invalid}>
-                          <Input
-                            {...field}
-                            aria-invalid={fieldState.invalid}
-                            placeholder="Delivery address *"
-                          />
-                          <FieldError errors={[fieldState.error]} />
-                        </Field>
-                      )}
-                    />
-                  )}
-                </div>
-
-                <div className="p-4">
-                  <Controller
-                    name="customsClearingEnabled"
-                    control={form.control}
-                    render={({ field }) => (
-                      <div className="flex items-start justify-between gap-4">
-                        <div className="flex items-start gap-3">
-                          <FileText className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
-                          <div>
-                            <p className="text-sm font-medium">Customs Clearing Service</p>
-                            <p className="mt-0.5 text-xs text-muted-foreground">
-                              EDR handles customs documentation and clearance on your behalf.
-                            </p>
-                          </div>
-                        </div>
-                        <Switch
-                          checked={field.value}
-                          onCheckedChange={field.onChange}
-                        />
-                      </div>
-                    )}
-                  />
-                </div>
-              </div>
-            )}
-          </section>
-
-          <Separator />
-
-          {/* ── Section 3: Route ── */}
-          <section className="space-y-4">
-            <div>
-              <h2 className="text-lg font-bold">Route</h2>
-              <p className="text-sm text-muted-foreground">
-                Select the origin and destination yards.
-              </p>
-            </div>
-
-            <div className="grid gap-4 sm:grid-cols-2">
-              <Controller
-                name="originYard"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <SelectField
-                    field={field}
-                    error={fieldState.error}
-                    label="Origin Yard *"
-                    placeholder="Select origin..."
-                    disabled={yardOptions.length === 0}
-                  >
-                    {yardOptions.length === 0 ? (
-                      <SelectItem value="__empty" disabled>No yards available</SelectItem>
-                    ) : (
-                      yardOptions
-                        .filter((y) => y.value !== destinationYard)
-                        .map((y) => (
-                          <SelectItem key={y.value} value={y.value}>
-                            {y.label}
-                          </SelectItem>
-                        ))
-                    )}
-                  </SelectField>
-                )}
-              />
-
-              <Controller
-                name="destinationYard"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <SelectField
-                    field={field}
-                    error={fieldState.error}
-                    label="Destination Yard *"
-                    placeholder="Select destination..."
-                    disabled={yardOptions.length === 0}
-                  >
-                    {yardOptions.length === 0 ? (
-                      <SelectItem value="__empty" disabled>No yards available</SelectItem>
-                    ) : (
-                      yardOptions
-                        .filter((y) => y.value !== originYard)
-                        .map((y) => (
-                          <SelectItem key={y.value} value={y.value}>
-                            {y.label}
-                          </SelectItem>
-                        ))
-                    )}
-                  </SelectField>
-                )}
-              />
-            </div>
-
-            {direction && (
-              <div
-                className={`flex items-center gap-2 rounded-lg border px-3 py-2 text-xs font-medium ${directionStyle[direction]}`}
-              >
-                <MapPin className="h-3.5 w-3.5 shrink-0" />
-                {directionLabel[direction]}
-              </div>
-            )}
-
-            {direction && direction !== "domestic" && (
-              <Controller
-                name="shippingLine"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <SelectField
-                    field={field}
-                    error={fieldState.error}
-                    label="Shipping Line"
-                    placeholder="Select shipping line..."
-                  >
-                    {shippingLineOptions.map((sl) => (
-                      <SelectItem key={sl.value} value={sl.value}>
-                        {sl.label}
-                      </SelectItem>
-                    ))}
-                  </SelectField>
-                )}
-              />
-            )}
-
-            <div className="space-y-0 divide-y divide-border rounded-xl border border-border">
-              <div className="flex items-center justify-between px-4 py-3">
-                <div className="flex items-center gap-3">
-                  <Flame className="h-4 w-4 shrink-0 text-red-500" />
-                  <div>
-                    <p className="text-sm font-medium">Hazardous Material</p>
-                    <p className="text-xs text-muted-foreground">
-                      Applies a Hazard Surcharge to the final bill.
-                    </p>
-                  </div>
-                </div>
-                <Controller
-                  name="isHazardous"
-                  control={form.control}
-                  render={({ field }) => (
-                    <Switch checked={field.value} onCheckedChange={field.onChange} />
-                  )}
-                />
-              </div>
-              <div className="flex items-center justify-between px-4 py-3">
-                <div className="flex items-center gap-3">
-                  <Snowflake className="h-4 w-4 shrink-0 text-sky-500" />
-                  <div>
-                    <p className="text-sm font-medium">Refrigerated Cargo</p>
-                    <p className="text-xs text-muted-foreground">
-                      Temperature-controlled transport applies a Refrigerator Surcharge.
-                    </p>
-                  </div>
-                </div>
-                <Controller
-                  name="isRefrigerated"
-                  control={form.control}
-                  render={({ field }) => (
-                    <Switch checked={field.value} onCheckedChange={field.onChange} />
-                  )}
-                />
-              </div>
-            </div>
-          </section>
-
-          <Separator />
-
-          {/* ── Section 4: Cargo ── */}
-          <section className="space-y-4">
-            <div>
-              <h2 className="text-lg font-bold">Cargo Details</h2>
-              <p className="text-sm text-muted-foreground">
-                Define your cargo type, weight, and container configuration.
-              </p>
-            </div>
-
-            <div className="grid gap-4 sm:grid-cols-2">
-              <Controller
-                name="cargoType"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <SelectField
-                    field={field}
-                    error={fieldState.error}
-                    label="Cargo Type *"
-                    placeholder="Select cargo type..."
-                  >
-                    <SelectItem value="container">Containerized</SelectItem>
-                    <SelectItem value="bulk">General Cargo</SelectItem>
-                  </SelectField>
-                )}
-              />
-
-              <Controller
-                name="cargoWeight"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <Field data-invalid={fieldState.invalid}>
-                    <FieldLabel htmlFor="cargoWeight">
-                      Total Cargo Weight (Tons) *
-                    </FieldLabel>
-                    <div className="relative">
-                      <Weight className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
-                      <Input
-                        {...field}
-                        id="cargoWeight"
-                        type="number"
-                        aria-invalid={fieldState.invalid}
-                        placeholder="0.00"
-                        className="pl-9"
-                        min="0"
-                        step="0.01"
-                      />
-                    </div>
-                    <FieldError errors={[fieldState.error]} />
-                  </Field>
-                )}
-              />
-            </div>
-
-            {cargoType === "bulk" && (
-              <>
-                <div className="grid gap-4 sm:grid-cols-2">
-                  <Controller
-                    name="freightType"
-                    control={form.control}
-                    render={({ field, fieldState }) => (
-                      <SelectField
-                        field={field}
-                        error={fieldState.error}
-                        label="Freight Type *"
-                        placeholder="Select freight type..."
-                      >
-                        {freightTypeGroups.map((group) => (
-                          <SelectItem key={group.code} value={group.code.toLowerCase()}>
-                            {group.name}
-                          </SelectItem>
-                        ))}
-                      </SelectField>
-                    )}
-                  />
-
-                  {freightType && commodityOptions.length > 0 && (
-                    <Controller
-                      name="bulkCommoditytype"
-                      control={form.control}
-                      render={({ field, fieldState }) => (
-                        <SelectField
-                          field={field}
-                          error={fieldState.error}
-                          label="Commodity *"
-                          placeholder="Select commodity..."
-                        >
-                          {commodityOptions.map((option) => (
-                            <SelectItem key={option} value={option}>
-                              {option}
-                            </SelectItem>
-                          ))}
-                        </SelectField>
-                      )}
-                    />
-                  )}
-                </div>
-
-                <Controller
-                  name="consolidationEnabled"
-                  control={form.control}
-                  render={({ field }) => (
-                    <div className="flex items-center justify-between rounded-xl border border-border px-4 py-3">
-                      <div>
-                        <p className="text-sm font-medium">Allow Consolidation</p>
-                        <p className="text-xs text-muted-foreground">
-                          Combine shipments to optimize costs.
-                        </p>
-                      </div>
-                      <Switch checked={field.value} onCheckedChange={field.onChange} />
-                    </div>
-                  )}
-                />
-              </>
-            )}
-
-            {cargoType === "container" && (
-              <div className="space-y-4">
-                <div className="flex items-center justify-between">
-                  <p className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                    Containers
-                  </p>
-                  <Button
-                    type="button"
-                    variant="outline"
-                    size="sm"
-                    onClick={() =>
-                      append({
-                        type: "20ft",
-                        containerType: "",
-                        qty: "1",
-                        vgm: "",
-                      })
-                    }
-                  >
-                    <Plus className="mr-1 h-3.5 w-3.5" />
-                    Add Container
-                  </Button>
-                </div>
-
-                {fields.map((field, index) => {
-                  const containerType = containers[index]?.type;
-                  const vgm = containers[index]?.vgm ?? 0;
-                  const alert = (() => {
-                    if (containerType === "20ft" && +vgm > 0) {
-                      const limit = direction === "export" ? 25 : 20;
-                      if (+vgm > limit) {
-                        return `VGM ${vgm}t exceeds the ${limit}t ${direction ?? "standard"} limit for a 20ft container. An Overweight Surcharge will apply.`;
-                      }
-                    }
-                    if (containerType === "40ft" && +vgm > 32.5) {
-                      return `VGM ${vgm}t exceeds the 32.5t global limit for a 40ft container. An Overweight Surcharge will apply.`;
-                    }
-                    return null;
-                  })();
-
-                  return (
-                    <div
-                      key={field.id}
-                      className="rounded-xl border border-border p-4 space-y-4"
-                    >
-                      <div className="flex items-center justify-between">
-                        <p className="text-sm font-medium">
-                          Container {index + 1}
-                        </p>
-                        {fields.length > 1 && (
-                          <button
-                            type="button"
-                            onClick={() => remove(index)}
-                            className="flex items-center gap-1 text-xs text-destructive hover:underline"
-                          >
-                            <Trash2 className="h-3.5 w-3.5" />
-                            Remove
-                          </button>
-                        )}
-                      </div>
-
-                      <div className="grid gap-3 sm:grid-cols-4">
-                        <Controller
-                          name={`containers.${index}.type`}
-                          control={form.control}
-                          render={({ field: typeField, fieldState }) => (
-                            <SelectField
-                              field={typeField}
-                              error={fieldState.error}
-                              label="Size *"
-                              placeholder="Size..."
-                            >
-                              <SelectItem value="20ft">20ft (TEU)</SelectItem>
-                              <SelectItem value="40ft">40ft (FEU)</SelectItem>
-                            </SelectField>
-                          )}
-                        />
-
-                        <Controller
-                          name={`containers.${index}.containerType`}
-                          control={form.control}
-                          render={({ field: ctField, fieldState }) => (
-                            <SelectField
-                              field={ctField}
-                              error={fieldState.error}
-                              label="Type *"
-                              placeholder="Type..."
-                            >
-                              {containerTypeOptions.map((option) => (
-                                <SelectItem key={option} value={option}>
-                                  {option}
-                                </SelectItem>
-                              ))}
-                            </SelectField>
-                          )}
-                        />
-
-                        <Controller
-                          name={`containers.${index}.qty`}
-                          control={form.control}
-                          render={({ field: qtyField, fieldState }) => (
-                            <Field data-invalid={fieldState.invalid}>
-                              <FieldLabel>Quantity *</FieldLabel>
-                              <Input
-                                value={qtyField.value ?? 1}
-                                onChange={(e) => qtyField.onChange(e.target.value)}
-                                onBlur={qtyField.onBlur}
-                                type="number"
-                                aria-invalid={fieldState.invalid}
-                                min="1"
-                              />
-                              <FieldError errors={[fieldState.error]} />
-                            </Field>
-                          )}
-                        />
-
-                        <Controller
-                          name={`containers.${index}.vgm`}
-                          control={form.control}
-                          render={({ field: vgmField, fieldState }) => (
-                            <Field data-invalid={fieldState.invalid}>
-                              <FieldLabel>VGM (Tons) *</FieldLabel>
-                              <Input
-                                value={vgmField.value ?? 0}
-                                onChange={(e) => vgmField.onChange(e.target.value)}
-                                onBlur={vgmField.onBlur}
-                                type="number"
-                                aria-invalid={fieldState.invalid}
-                                placeholder="e.g. 18.5"
-                                min="0"
-                                step="0.1"
-                              />
-                              <FieldError errors={[fieldState.error]} />
-                            </Field>
-                          )}
-                        />
-                      </div>
-
-                      {alert && (
-                        <AlertBox tone="warning">
-                          <strong>Overweight Alert:</strong> {alert}
-                        </AlertBox>
-                      )}
-                    </div>
-                  );
-                })}
-
-                {containers && (() => {
-                  const Ft40Wagons = containers
-                    .filter((c) => c.type === "40ft")
-                    .reduce((sum, c) => sum + Number(c.qty), 0);
-                  const Ft20Wagons = containers
-                    .filter((c) => c.type === "20ft")
-                    .reduce((sum, c) => sum + Number(c.qty), 0);
-                  const hasOddUnit = Ft20Wagons % 2 === 1;
-                  if (hasOddUnit) {
-                    return (
-                      <AlertBox tone="warning">
-                        <div className="flex items-start gap-2">
-                          <div>
-                            <p className="font-semibold">Unpaired 20ft Container</p>
-                            <p className="mt-1 text-xs">
-                              One 20ft container occupies only half a wagon. The wagon
-                              will depart once a co-loader is found to fill the
-                              remaining slot, which{" "}
-                              <strong>may delay departure</strong> beyond the standard
-                              lead time.
-                            </p>
-                          </div>
-                        </div>
-                      </AlertBox>
-                    );
-                  }
-                  return null;
-                })()}
-              </div>
-            )}
-          </section>
-
-          <Separator />
-
-          {/* ── Section 5: Notes & Submit ── */}
-          <section className="space-y-4">
-            <div>
-              <h2 className="text-lg font-bold">Notes & Confirmation</h2>
-              <p className="text-sm text-muted-foreground">
-                Add any special instructions and confirm the changes.
-              </p>
-            </div>
+      <Stack gap={36} mt="xl">
+        {/* ── Section 1: Service ── */}
+        <Stack gap="md">
+          <SectionHeading
+            title="Service"
+            description="Select the service combination and configure trucking options."
+          />
 
+          <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="md">
             <Controller
-              name="notes"
-              control={form.control}
-              render={({ field }) => (
-                <Field>
-                  <FieldLabel htmlFor="notes">Additional Notes</FieldLabel>
-                  <Textarea
-                    {...field}
-                    id="notes"
-                    placeholder="Any special instructions or notes for EDR operations..."
-                    rows={3}
-                  />
-                </Field>
-              )}
-            />
-
-            <Controller
-              name="termsAccepted"
+              name="serviceTypeId"
               control={form.control}
               render={({ field, fieldState }) => (
-                <Field data-invalid={fieldState.invalid}>
-                  <label className="flex cursor-pointer items-start gap-3">
-                    <button
-                      type="button"
-                      role="checkbox"
-                      aria-checked={field.value}
-                      aria-invalid={fieldState.invalid}
-                      onClick={() => field.onChange(!field.value)}
-                      className={`mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded border-2 transition ${field.value ? "border-primary bg-primary" : "border-input"
-                      }`}
-                    >
-                      {field.value && (
-                        <Check className="h-3 w-3 text-primary-foreground" />
-                      )}
-                    </button>
-                    <span className="text-sm text-muted-foreground">
-                      I confirm the information is accurate and agree to EDR's{" "}
-                      <span className="text-primary">
-                        freight contract terms and conditions
-                      </span>
-                      .
-                    </span>
-                  </label>
-                  <FieldError errors={[fieldState.error, form.formState.errors.termsAccepted]} />
-                </Field>
+                <SelectField
+                  field={field}
+                  error={fieldState.error}
+                  label="Service Type *"
+                  placeholder="Select service type..."
+                  data={(referenceData?.service ?? [])
+                    .filter((s) => s.canBeBookedAlone)
+                    .map((s) => ({ value: s.id, label: s.serviceName }))}
+                />
               )}
             />
-          </section>
-        </div>
 
-        {/* ── Submit ── */}
-        <div className="mt-10 flex items-center gap-3 border-t border-border pt-6">
-          <Button
-            type="button"
-            variant="outline"
-            onClick={() => navigate(`/bookings/${id}`)}
-          >
-            Cancel
-          </Button>
-          <Button
-            type="submit"
-            form="edit-booking-form"
-            disabled={updateMutation.isPending}
-          >
-            {updateMutation.isPending ? (
-              <LoaderCircle className="h-4 w-4 animate-spin" />
-            ) : (
-              <Check />
+            <Controller
+              name="equipmentReturn"
+              control={form.control}
+              render={({ field, fieldState }) => (
+                <SelectField
+                  field={field}
+                  error={fieldState.error}
+                  label="Equipment Return"
+                  placeholder="Select..."
+                  data={[
+                    { value: "with_return", label: "With Return" },
+                    { value: "without_return", label: "Without Return" },
+                  ]}
+                />
+              )}
+            />
+          </SimpleGrid>
+
+          {(selectedService?.includesFirstMile ||
+            selectedService?.includesLastMile ||
+            selectedService?.includesCustoms) && (
+            <Paper withBorder radius="md">
+              <Controller
+                name="firstMile.enabled"
+                control={form.control}
+                render={({ field }) => (
+                  <ToggleRow
+                    icon={<Truck size={16} color="#6B7C8E" />}
+                    title="First Mile - Pick-up"
+                    description="Truck pick-up from your premises to the origin rail yard."
+                    checked={field.value ?? false}
+                    onChange={(value) => {
+                      field.onChange(value);
+                      if (!value) {
+                        form.setValue("firstMile.pickUpAddress", "", {
+                          shouldDirty: true,
+                          shouldValidate: true,
+                        });
+                      }
+                    }}
+                  >
+                    {firstMileEnabled && (
+                      <Controller
+                        name="firstMile.pickUpAddress"
+                        control={form.control}
+                        render={({ field: addr, fieldState }) => (
+                          <TextInput
+                            {...addr}
+                            mt="sm"
+                            radius="md"
+                            placeholder="Pick-up address *"
+                            error={fieldState.error?.message}
+                          />
+                        )}
+                      />
+                    )}
+                  </ToggleRow>
+                )}
+              />
+
+              <Divider />
+
+              <Controller
+                name="lastMile.enabled"
+                control={form.control}
+                render={({ field }) => (
+                  <ToggleRow
+                    icon={<Truck size={16} color="#6B7C8E" />}
+                    title="Last Mile - Delivery"
+                    description="Truck delivery from the destination rail yard to the final address."
+                    checked={field.value ?? false}
+                    onChange={(value) => {
+                      field.onChange(value);
+                      if (!value) {
+                        form.setValue("lastMile.deliveryAddress", "", {
+                          shouldDirty: true,
+                          shouldValidate: true,
+                        });
+                      }
+                    }}
+                  >
+                    {lastMileEnabled && (
+                      <Controller
+                        name="lastMile.deliveryAddress"
+                        control={form.control}
+                        render={({ field: addr, fieldState }) => (
+                          <TextInput
+                            {...addr}
+                            mt="sm"
+                            radius="md"
+                            placeholder="Delivery address *"
+                            error={fieldState.error?.message}
+                          />
+                        )}
+                      />
+                    )}
+                  </ToggleRow>
+                )}
+              />
+
+              <Divider />
+
+              <Controller
+                name="customsClearingEnabled"
+                control={form.control}
+                render={({ field }) => (
+                  <ToggleRow
+                    icon={<FileText size={16} color="#6B7C8E" />}
+                    title="Customs Clearing Service"
+                    description="EDR handles customs documentation and clearance on your behalf."
+                    checked={field.value ?? false}
+                    onChange={field.onChange}
+                  />
+                )}
+              />
+            </Paper>
+          )}
+        </Stack>
+
+        <Divider />
+
+        {/* ── Section 3: Route ── */}
+        <Stack gap="md">
+          <SectionHeading
+            title="Route"
+            description="Select the origin and destination yards."
+          />
+
+          <SimpleGrid cols={{ base: 1, sm: 2 }} spacing="md">
+            <Controller
+              name="originYard"
+              control={form.control}
+              render={({ field, fieldState }) => (
+                <SelectField
+                  field={field}
+                  error={fieldState.error}
+                  label="Origin Yard *"
+                  placeholder="Select origin..."
+                  disabled={yardOptions.length === 0}
+                  data={yardOptions.filter((y) => y.value !== destinationYard)}
+                />
+              )}
+            />
+
+            <Controller
+              name="destinationYard"
+              control={form.control}
+              render={({ field, fieldState }) => (
+                <SelectField
+                  field={field}
+                  error={fieldState.error}
+                  label="Destination Yard *"
+                  placeholder="Select destination..."
+                  disabled={yardOptions.length === 0}
+                  data={yardOptions.filter((y) => y.value !== originYard)}
+                />
+              )}
+            />
+          </SimpleGrid>
+
+          {direction && (
+            <Alert
+              color={DIRECTION_COLOR[direction]}
+              icon={<MapPin size={16} />}
+              radius="md"
+            >
+              {DIRECTION_LABEL[direction]}
+            </Alert>
+          )}
+
+          {direction && direction !== "DOMESTIC" && (
+            <Controller
+              name="shippingLine"
+              control={form.control}
+              render={({ field, fieldState }) => (
+                <SelectField
+                  field={field}
+                  error={fieldState.error}
+                  label="Shipping Line"
+                  placeholder="Select shipping line..."
+                  data={shippingLineOptions}
+                />
+              )}
+            />
+          )}
+
+          <Paper withBorder radius="md">
+            <Controller
+              name="isHazardous"
+              control={form.control}
+              render={({ field }) => (
+                <ToggleRow
+                  icon={<Flame size={16} color="#E03131" />}
+                  title="Hazardous Material"
+                  description="Applies a Hazard Surcharge to the final bill."
+                  checked={field.value}
+                  onChange={field.onChange}
+                />
+              )}
+            />
+            <Divider />
+            <Controller
+              name="isRefrigerated"
+              control={form.control}
+              render={({ field }) => (
+                <ToggleRow
+                  icon={<Snowflake size={16} color="#1C7ED6" />}
+                  title="Refrigerated Cargo"
+                  description="Temperature-controlled transport applies a Refrigerator Surcharge."
+                  checked={field.value}
+                  onChange={field.onChange}
+                />
+              )}
+            />
+          </Paper>
+        </Stack>
+
+        <Divider />
+
+        {/* ── Section 4: Cargo ── */}
+        <Box>
+          <Step5CargoDetails
+            form={form}
+            direction={direction!}
+            referenceData={referenceData}
+            isLoading={!referenceData}
+          />
+        </Box>
+
+        <Divider />
+
+        {/* ── Section 5: Documents ── */}
+        <Stack gap="md">
+          <SectionHeading
+            title="Documents"
+            description="Attach or replace shipment documents. Uploads are saved when you save your changes."
+          />
+
+          <Paper withBorder radius="md" p="md">
+            <Group justify="space-between" align="center" mb="xs">
+              <Text fw={700} fz="sm" c="#10202F">
+                Shipment documents
+              </Text>
+              <CountChip
+                uploaded={uploadedCount}
+                total={BOOKING_DOCS_SETTING.fields.length}
+              />
+            </Group>
+
+            <Box>
+              {BOOKING_DOCS_SETTING.fields.map((docField, i) => {
+                const isUploaded = uploadedCodes.has(docField.fileKey);
+                const uploadedFile = booking.files?.find(
+                  (f) => f.code === docField.fileKey,
+                );
+                const value = documents[docField.fileKey];
+                const selected = value instanceof File ? value : null;
+
+                return (
+                  <DocRow
+                    key={docField.fileKey}
+                    last={i === BOOKING_DOCS_SETTING.fields.length - 1}
+                    title={docField.fileLabel}
+                    meta={
+                      selected
+                        ? selected.name
+                        : isUploaded
+                          ? (uploadedFile?.name ?? "Uploaded")
+                          : "Not added yet"
+                    }
+                    status={
+                      selected ? "ready" : isUploaded ? "verified" : "missing"
+                    }
+                    action={
+                      <Group gap={6} wrap="nowrap">
+                        {isUploaded && !selected && (
+                          <IconSquare
+                            href={uploadedFile?.signedUrl ?? uploadedFile?.url}
+                            icon={<Download size={16} />}
+                          />
+                        )}
+                        <input
+                          ref={(el) => {
+                            docInputRefs.current[docField.fileKey] = el;
+                          }}
+                          type="file"
+                          accept=".pdf,.jpg,.jpeg,.png"
+                          style={{ display: "none" }}
+                          onChange={(e) =>
+                            setDocument(
+                              docField.fileKey,
+                              e.target.files?.[0] ?? null,
+                            )
+                          }
+                        />
+                        <Button
+                          variant="default"
+                          size="xs"
+                          radius="md"
+                          leftSection={<Upload size={14} />}
+                          onClick={() =>
+                            docInputRefs.current[docField.fileKey]?.click()
+                          }
+                        >
+                          {selected ? "Change" : isUploaded ? "Replace" : "Add"}
+                        </Button>
+                        {selected && (
+                          <ActionIcon
+                            variant="default"
+                            radius="md"
+                            color="red"
+                            onClick={() => setDocument(docField.fileKey, null)}
+                            aria-label="Discard replacement"
+                          >
+                            <X size={15} />
+                          </ActionIcon>
+                        )}
+                      </Group>
+                    }
+                  />
+                );
+              })}
+            </Box>
+          </Paper>
+        </Stack>
+
+        <Divider />
+
+        {/* ── Section 6: Notes ── */}
+        <Stack gap="md">
+          <SectionHeading
+            title="Notes"
+            description="Add any special instructions for EDR operations."
+          />
+          <Controller
+            name="notes"
+            control={form.control}
+            render={({ field }) => (
+              <Textarea
+                {...field}
+                radius="md"
+                label="Additional Notes"
+                placeholder="Any special instructions or notes for EDR operations..."
+                rows={3}
+              />
             )}
-            {updateMutation.isPending ? "Saving Changes..." : "Save Changes"}
-          </Button>
-        </div>
-      </div>
-    </form>
+          />
+        </Stack>
+      </Stack>
+
+      {/* ── Submit ── */}
+      <Group
+        mt="xl"
+        pt="lg"
+        gap="sm"
+        style={{ borderTop: "1px solid var(--mantine-color-gray-2)" }}
+      >
+        <Button
+          type="button"
+          variant="default"
+          radius="md"
+          onClick={() => navigate(`/bookings/${id}`)}
+        >
+          Cancel
+        </Button>
+        <Button
+          type="submit"
+          form="edit-booking-form"
+          color="edr-green"
+          radius="md"
+          loading={updateMutation.isPending}
+          leftSection={
+            updateMutation.isPending ? undefined : <Check size={16} />
+          }
+        >
+          {updateMutation.isPending ? "Saving Changes..." : "Save Changes"}
+        </Button>
+      </Group>
+    </Box>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/MyBookings.tsx b/apps/edr-freight-web/portal/src/pages/bookings/MyBookings.tsx
index ac0b3661f..0ee19f95e 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/MyBookings.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/MyBookings.tsx
@@ -1,17 +1,19 @@
-import { useMemo, useState } from "react";
+import { useMemo } from "react";
 import { Link, useNavigate } from "react-router-dom";
 import { useQuery } from "@tanstack/react-query";
 import {
-  ArrowRight,
-  Clock,
-  Eye,
-  Filter,
-  MoreHorizontal,
-  Package,
-  Plus,
-  Search,
-  Truck,
-} from "lucide-react";
+  ActionIcon,
+  Box,
+  Button,
+  Card,
+  Group,
+  Menu,
+  Stack,
+  Text,
+  ThemeIcon,
+  Title,
+} from "@mantine/core";
+import { ArrowUpDown, Download, Filter, MoreVertical, Package, Plus } from "lucide-react";
 
 import { api } from "@/services/api";
 import type { Freight } from "@edr/types";
@@ -20,146 +22,272 @@ import {
   DataTableFooter,
   type ColumnDef,
   usePagination,
-  Button,
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  Input,
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
 } from "@edr/ui-common";
 
+// ── Status badge ──────────────────────────────────────────────────────────────
+
+const STATUS_CONFIG: Record<string, { bg: string; dot: string; color: string; label: string }> = {
+  DRAFT:            { bg: "#F1F4F7", dot: "#94A3B8", color: "#475569", label: "Draft"            },
+  REVIEWING:        { bg: "#E9F0F8", dot: "#3B6FB0", color: "#2E5B96", label: "Reviewing"        },
+  AWAITING_PAYMENT: { bg: "#FDF3E0", dot: "#F2A516", color: "#9A5B00", label: "Awaiting Payment" },
+  CONFIRMED:        { bg: "#ECF6F1", dot: "#0EA371", color: "#0A6F4D", label: "Confirmed"        },
+  IN_TRANSIT:       { bg: "#ECF6F1", dot: "#0EA371", color: "#0A6F4D", label: "In Transit"       },
+  DELIVERED:        { bg: "#E9F0F8", dot: "#3B6FB0", color: "#2E5B96", label: "Delivered"        },
+  CANCELLED:        { bg: "#FBEAE7", dot: "#C0392B", color: "#C0392B", label: "Cancelled"        },
+};
+
+function StatusBadge({ status }: { status: string }) {
+  const cfg = STATUS_CONFIG[status] ?? {
+    bg: "#F1F4F7",
+    dot: "#94A3B8",
+    color: "#475569",
+    label: status.replace(/_/g, " "),
+  };
+  return (
+    <Group
+      gap={6}
+      align="center"
+      wrap="nowrap"
+      style={{
+        display: "inline-flex",
+        borderRadius: 999,
+        backgroundColor: cfg.bg,
+        padding: "5px 11px",
+      }}
+    >
+      <Box
+        style={{
+          width: 6,
+          height: 6,
+          borderRadius: "50%",
+          backgroundColor: cfg.dot,
+          flexShrink: 0,
+        }}
+      />
+      <Text fz={11} fw={700} style={{ color: cfg.color, whiteSpace: "nowrap" }}>
+        {cfg.label}
+      </Text>
+    </Group>
+  );
+}
+
+// ── Context-sensitive action button ───────────────────────────────────────────
+
+function PrimaryAction({
+  status,
+  id,
+  onNavigate,
+}: {
+  status: string;
+  id: string;
+  onNavigate: (path: string) => void;
+}) {
+  if (status === "DRAFT") {
+    return (
+      <Button
+        size="xs"
+        radius="md"
+        fw={700}
+        fz={13}
+        style={{ backgroundColor: "var(--mantine-color-edr-ink-0)", color: "#fff" }}
+        onClick={() => onNavigate(`/bookings/${id}`)}
+      >
+        Continue
+      </Button>
+    );
+  }
+  if (status === "AWAITING_PAYMENT") {
+    return (
+      <Button
+        size="xs"
+        radius="md"
+        fw={700}
+        fz={13}
+        style={{ backgroundColor: "var(--mantine-color-edr-accent-0)", color: "#fff" }}
+        onClick={() => onNavigate(`/bookings/${id}`)}
+      >
+        Pay
+      </Button>
+    );
+  }
+  if (status === "IN_TRANSIT") {
+    return (
+      <Button
+        size="xs"
+        radius="md"
+        variant="default"
+        fw={600}
+        fz={13}
+        onClick={() => onNavigate(`/bookings/${id}`)}
+      >
+        Track
+      </Button>
+    );
+  }
+  return (
+    <Button
+      size="xs"
+      radius="md"
+      variant="default"
+      fw={600}
+      fz={13}
+      onClick={() => onNavigate(`/bookings/${id}`)}
+    >
+      View
+    </Button>
+  );
+}
+
+// ── Column header label ───────────────────────────────────────────────────────
+
+function ColHeader({ label }: { label: string }) {
+  return (
+    <Text
+      fz={11}
+      fw={700}
+      c="edr-muted"
+      style={{ letterSpacing: "0.6px", textTransform: "uppercase", whiteSpace: "nowrap" }}
+    >
+      {label}
+    </Text>
+  );
+}
+
+const hMeta = { headerClassName: "bg-[#F4F7FA]" };
+
+// ── Main component ────────────────────────────────────────────────────────────
+
 export default function MyBookings() {
   const navigate = useNavigate();
   const { pagination, setPagination } = usePagination({ pageSize: 10 });
-  const [searchTerm, setSearchTerm] = useState("");
-
-  const { data, isLoading, isError } = useQuery(
-    api.bookings.list.queryOptions(),
-  );
 
+  const { data, isLoading, isError } = useQuery(api.bookings.list.queryOptions());
   const bookings = data?.items ?? [];
 
-  const filteredData = useMemo(() => {
-    return bookings.filter((b) => {
-      const term = searchTerm.toLowerCase();
-      return (
-        b.reference.toLowerCase().includes(term) ||
-        (b.originYard?.label ?? b.originYard?.code ?? "").toLowerCase().includes(term) ||
-        (b.destinationYard?.label ?? b.destinationYard?.code ?? "").toLowerCase().includes(term) ||
-        b.status.toLowerCase().includes(term)
-      );
-    });
-  }, [bookings, searchTerm]);
-
-  const total = filteredData.length;
+  const total = bookings.length;
   const pageCount = Math.ceil(total / pagination.pageSize);
   const start = pagination.pageIndex * pagination.pageSize;
   const end = Math.min(start + pagination.pageSize, total);
-
-  const paginatedData = useMemo(() => filteredData.slice(start, end), [filteredData, start, end]);
-
-  const activeCount = useMemo(() => {
-    return bookings.filter(
-      (b) => b.status === "CONFIRMED" || b.status === "IN_TRANSIT",
-    ).length;
-  }, [bookings]);
-
-  const pendingCount = useMemo(() => {
-    return bookings.filter((b) => b.status === "DRAFT").length;
-  }, [bookings]);
+  const paginatedData = useMemo(() => bookings.slice(start, end), [bookings, start, end]);
 
   const columns: ColumnDef<Freight.IBooking>[] = [
     {
-      accessorKey: "reference",
-      header: "Reference",
+      id: "booking",
+      size: 244,
+      meta: hMeta,
+      header: () => <ColHeader label="Booking" />,
       cell: ({ row }) => {
-        const booking = row.original;
+        const b = row.original;
+        const cargoLabel =
+          b.freightType === "BULK" ? "Bulk Cargo" : "Cargo";
         return (
-          <div className="flex items-center gap-3">
-            <div className="flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-foreground">
-              <Package className="h-5 w-5" />
-            </div>
-            <div>
-              <p className="font-medium text-foreground">{booking.reference}</p>
-              <p className="text-sm text-muted-foreground">{booking.scheduledDate ?? booking.createdAt}</p>
-            </div>
-          </div>
+          <Group gap={12} wrap="nowrap" align="center">
+            <Box
+              style={{
+                width: 36,
+                height: 36,
+                borderRadius: 9,
+                flexShrink: 0,
+                backgroundColor: "var(--mantine-color-edr-soft-0)",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+              }}
+            >
+              <Package size={18} color="var(--mantine-color-edr-green-7)" strokeWidth={2} />
+            </Box>
+            <Box style={{ minWidth: 0 }}>
+              <Text fz={14} fw={700} c="edr-text" truncate>
+                {b.reference}
+              </Text>
+              <Text fz={12} c="edr-muted">
+                {cargoLabel}
+              </Text>
+            </Box>
+          </Group>
         );
       },
     },
     {
       id: "route",
-      header: "Route",
-      cell: ({ row }) => (
-        <div className="flex items-center gap-2 text-sm text-muted-foreground">
-          <span>{row.original.originYard?.label ?? row.original.originYard?.code ?? "—"}</span>
-          <ArrowRight className="text-muted-foreground" />
-          <span>{row.original.destinationYard?.label ?? row.original.destinationYard?.code ?? "—"}</span>
-        </div>
-      ),
-    },
-    {
-      id: "cargo",
-      header: "Cargo",
+      size: 196,
+      meta: hMeta,
+      header: () => <ColHeader label="Route" />,
       cell: ({ row }) => {
         const b = row.original;
-        const containerCount = b.containers?.reduce((sum, c) => sum + c.qty, 0) ?? 0;
-        const containerType = b.containers?.[0]?.type ?? null;
+        const origin = b.originYard?.label ?? b.originYard?.code ?? "—";
+        const dest = b.destinationYard?.label ?? b.destinationYard?.code ?? "—";
+        const sub = b.scheduledDate ?? b.createdAt ?? "";
         return (
-          <div className="text-sm text-muted-foreground">
-            <p>{b.freightType === "BULK" ? "Bulk" : "Break Bulk"}</p>
-            <p className="text-xs text-muted-foreground">
-              {containerType && containerCount > 0 ? `${containerCount} × ${containerType} · ` : ""}{b.cargoTotalWeightVgm}t
-            </p>
-          </div>
+          <Box>
+            <Text fz={13} fw={600} c="edr-text">
+              {origin} → {dest}
+            </Text>
+            {sub && (
+              <Text fz={12} c="edr-muted">
+                {sub}
+              </Text>
+            )}
+          </Box>
         );
       },
     },
     {
-      id: "transportMode",
-      header: "Transport",
-      cell: ({ row }) => (
-        <span className="text-sm text-muted-foreground">
-          {row.original.serviceType === "RAIL_AND_FORWARDING" ? "Rail & Forwarding" : "Rail"}
-        </span>
-      ),
-    },
-    {
-      accessorKey: "status",
-      header: "Status",
+      id: "status",
+      size: 190,
+      meta: hMeta,
+      header: () => <ColHeader label="Status" />,
       cell: ({ row }) => <StatusBadge status={row.original.status} />,
     },
+    {
+      id: "amount",
+      size: 140,
+      meta: hMeta,
+      header: () => <ColHeader label="Amount" />,
+      cell: ({ row }) => {
+        const b = row.original as Freight.IBooking & { totalAmount?: number; amount?: number };
+        const amount = b.totalAmount ?? b.amount ?? null;
+        if (!amount) {
+          return (
+            <Text fz={14} fw={700} style={{ color: "#94A3B8" }}>
+              —
+            </Text>
+          );
+        }
+        return (
+          <Text fz={14} fw={700} c="edr-text">
+            ETB {amount.toLocaleString()}
+          </Text>
+        );
+      },
+    },
     {
       id: "actions",
-      size: 40,
+      meta: hMeta,
+      header: () => null,
       cell: ({ row }) => {
         const booking = row.original;
         return (
-          <div
-            className="flex justify-end"
-            onClick={(e) => e.stopPropagation()}
-          >
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button variant="outline" size="icon">
-                  <MoreHorizontal />
-                </Button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end">
-                <DropdownMenuItem
-                  onClick={() => navigate(`/bookings/${booking.id}`)}
+          <Group justify="flex-end" gap={8} wrap="nowrap" onClick={(e) => e.stopPropagation()}>
+            <PrimaryAction status={booking.status} id={booking.id} onNavigate={navigate} />
+            <Menu position="bottom-end" withinPortal shadow="md" radius="md">
+              <Menu.Target>
+                <ActionIcon
+                  variant="transparent"
+                  size={30}
+                  radius="md"
+                  aria-label="More options"
                 >
-                  <Eye />
-                  View
-                </DropdownMenuItem>
-              </DropdownMenuContent>
-            </DropdownMenu>
-          </div>
+                  <MoreVertical size={16} color="#9AA8B5" />
+                </ActionIcon>
+              </Menu.Target>
+              <Menu.Dropdown>
+                <Menu.Item onClick={() => navigate(`/bookings/${booking.id}`)}>
+                  View Details
+                </Menu.Item>
+              </Menu.Dropdown>
+            </Menu>
+          </Group>
         );
       },
     },
@@ -168,148 +296,108 @@ export default function MyBookings() {
   const dataTableStatus = isLoading ? "loading" : isError ? "error" : "success";
 
   return (
-    <div className="min-h-screen p-6">
-      <div className="space-y-6">
-        <Card className="p-6 flex-row justify-between">
-          <div>
-            <h1 className="text-3xl font-bold tracking-tight text-foreground">
-              My Bookings
-            </h1>
-            <p className="mt-1 text-sm text-muted-foreground">
-              View and manage your freight booking requests.
-            </p>
-          </div>
+    <Box style={{ padding: "28px 32px 32px" }}>
+      <Stack gap="lg">
+        {/* ── Page header ─────────────────────────────────────────────── */}
+        <Group justify="space-between" align="flex-end" wrap="wrap" gap="md">
+          <Box>
+            <Title order={1} fw={800} fz={26} style={{ letterSpacing: "-0.01em" }}>
+              Bookings
+            </Title>
+            <Text size="sm" c="edr-muted" mt={4}>
+              Manage every cargo booking — from draft to delivery.
+            </Text>
+          </Box>
+          <Group gap={12}>
+            <Button variant="default" radius="md" leftSection={<Download size={16} />}>
+              Export
+            </Button>
+            <Button
+              component={Link}
+              to="/bookings/new"
+              color="edr-green"
+              radius="md"
+              leftSection={<Plus size={16} />}
+            >
+              New Booking
+            </Button>
+          </Group>
+        </Group>
 
-          <div className="flex flex-col items-stretch gap-3 sm:flex-row sm:items-center">
-            <div className="relative w-full sm:w-80">
-              <Search className="pointer-events-none absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" />
-              <Input
-                type="search"
-                placeholder="Search bookings..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="pl-8!"
-              />
-            </div>
-
-            <Link to="/bookings/new">
-              <Button>
-                <Plus />
-                New Booking
-              </Button>
-            </Link>
-          </div>
-        </Card>
-
-        <div className="grid gap-4 md:grid-cols-3">
-          <Card>
-            <CardContent className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-muted-foreground">Total Bookings</p>
-                <h3 className="mt-2 text-3xl font-bold text-foreground">
-                  {bookings.length}
-                </h3>
-              </div>
-              <div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary">
-                <Package />
-              </div>
-            </CardContent>
-          </Card>
-
-          <Card>
-            <CardContent className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-muted-foreground">Active Bookings</p>
-                <h3 className="mt-2 text-3xl font-bold text-foreground">
-                  {activeCount}
-                </h3>
-              </div>
-              <div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary">
-                <Truck />
-              </div>
-            </CardContent>
-          </Card>
-
-          <Card>
-            <CardContent className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-muted-foreground">Pending Approval</p>
-                <h3 className="mt-2 text-3xl font-bold text-foreground">
-                  {pendingCount}
-                </h3>
-              </div>
-              <div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary">
-                <Clock />
-              </div>
-            </CardContent>
-          </Card>
-        </div>
-
-        <Card className="gap-0">
-          <CardHeader className="flex flex-row items-center justify-between border-b">
-            <div>
-              <CardTitle>Recent Requests</CardTitle>
-              <CardDescription>
-                A list of your recent freight bookings and their statuses.
-              </CardDescription>
-            </div>
-
-            <Button variant="secondary" size="sm">
-              <Filter />
+        {/* ── Bookings table card ──────────────────────────────────────── */}
+        <Card p={0} style={{ overflow: "hidden" }}>
+          {/* Toolbar */}
+          <Group
+            justify="flex-end"
+            gap={8}
+            px={20}
+            py={14}
+            style={{ borderBottom: "1px solid var(--mantine-color-edr-border-0)" }}
+          >
+            <Button
+              variant="default"
+              size="sm"
+              radius="md"
+              leftSection={<ArrowUpDown size={14} />}
+            >
+              Sort
+            </Button>
+            <Button
+              variant="default"
+              size="sm"
+              radius="md"
+              leftSection={<Filter size={14} />}
+            >
               Filter
             </Button>
-          </CardHeader>
+          </Group>
 
-          <CardContent className="px-0">
-            {total === 0 && dataTableStatus === "success" ? (
-              <div className="flex flex-col items-center justify-center py-12 px-6 text-center">
-                <Package className="h-12 w-12 text-muted-foreground mb-4" />
-                <h3 className="text-sm font-semibold text-foreground">No bookings found</h3>
-                <p className="text-xs text-muted-foreground mt-1 max-w-sm">
-                  {searchTerm ? "No bookings match your current search filter." : "You haven't requested any bookings yet."}
-                </p>
-              </div>
-            ) : (
-              <DataTable
-                columns={columns}
-                data={paginatedData}
-                status={dataTableStatus}
-                onRowClick={(row) => navigate(`/bookings/${(row as Freight.IBooking).id}`)}
-                pagination={{
-                  pageIndex: pagination.pageIndex,
-                  pageSize: pagination.pageSize,
-                  pageCount: pageCount,
-                  totalCount: total,
-                }}
-                tableOptions={{
-                  state: { pagination },
-                  onPaginationChange: setPagination,
-                }}
-                containerClassName="border-b shadow-none"
-                footer={DataTableFooter}
-              />
-            )}
-          </CardContent>
+          {/* Empty state */}
+          {total === 0 && dataTableStatus === "success" ? (
+            <Stack align="center" gap={4} px="lg" py={64} ta="center">
+              <ThemeIcon size={56} radius="lg" color="edr-green" variant="light" mb="xs">
+                <Package size={28} />
+              </ThemeIcon>
+              <Text size="sm" fw={600} c="edr-text">
+                No bookings yet
+              </Text>
+              <Text size="xs" c="edr-muted" maw={320}>
+                You haven't made any booking requests yet. Create your first one to get started.
+              </Text>
+              <Button
+                component={Link}
+                to="/bookings/new"
+                size="sm"
+                color="edr-green"
+                radius="md"
+                mt="md"
+                leftSection={<Plus size={15} />}
+              >
+                Create first booking
+              </Button>
+            </Stack>
+          ) : (
+            <DataTable
+              columns={columns}
+              data={paginatedData}
+              status={dataTableStatus}
+              onRowClick={(row) => navigate(`/bookings/${(row as Freight.IBooking).id}`)}
+              pagination={{
+                pageIndex: pagination.pageIndex,
+                pageSize: pagination.pageSize,
+                pageCount,
+                totalCount: total,
+              }}
+              tableOptions={{
+                state: { pagination },
+                onPaginationChange: setPagination,
+              }}
+              containerClassName="border-0 shadow-none rounded-none"
+              footer={DataTableFooter}
+            />
+          )}
         </Card>
-      </div>
-    </div>
-  );
-}
-
-function StatusBadge({ status }: { status: string }) {
-  const styles: Record<string, string> = {
-    DRAFT: "bg-amber-100 text-amber-700",
-    CONFIRMED: "bg-primary/10 text-primary",
-    IN_TRANSIT: "bg-muted text-foreground",
-    DELIVERED: "bg-primary/10 text-primary",
-    CANCELLED: "bg-destructive/10 text-destructive",
-  };
-
-  return (
-    <span
-      className={`inline-flex rounded-full px-3 py-1 text-xs font-medium ${styles[status] ?? "bg-muted text-muted-foreground"}`}
-    >
-      {status.replace(/_/g, ' ')}
-    </span>
+      </Stack>
+    </Box>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx b/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx
index 78ba91af6..a7b3cab11 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx
@@ -1,18 +1,33 @@
-import { useMemo, useState } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { api } from "@/services/api";
+import type {
+  CreateBookingPayload,
+  GeneratePriceResponse,
+} from "@/services/bookings.service";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
-import { useNavigate } from "react-router-dom";
+import {
+  Alert,
+  Box,
+  Button,
+  Group,
+  Modal,
+  Stack,
+  Text,
+  TextInput,
+  Title,
+} from "@mantine/core";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import {
   AlertCircle,
   Check,
   ChevronLeft,
   ChevronRight,
-  LoaderCircle,
+  Send,
+  XCircle,
 } from "lucide-react";
-import { Button } from "@edr/ui-common";
-import { api } from "@/services/api";
-import type { CreateBookingPayload } from "@/services/bookings.service";
+import { useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router-dom";
+import useAuth from "@/hooks/useAuth";
 import {
   BookingFormInputValues,
   STEPS,
@@ -29,25 +44,131 @@ import {
   Step4Route,
   Step5CargoDetails,
   Step8Review,
+  StepDocuments,
+  StepScheduling,
 } from "./new-booking-form/steps";
 
 export default function NewBookingPage() {
   const navigate = useNavigate();
   const queryClient = useQueryClient();
   const [step, setStep] = useState(1);
+  const auth = useAuth();
   const { data: referenceData, isLoading: refDataLoading } = useQuery(
     api.bookings.referenceData.queryOptions(),
   );
 
+  if (!auth.isPending && !auth.company) {
+    return (
+      <Box
+        style={{
+          padding: "28px",
+          minHeight: "calc(100dvh - var(--app-shell-header-height, 56px))",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
+        <Alert
+          color="orange"
+          icon={<AlertCircle size={20} />}
+          radius="md"
+          style={{ maxWidth: "500px" }}
+          mb="lg"
+        >
+          <Text size="lg" fw={600} mb="md">
+            Complete Your Company Setup
+          </Text>
+          <Text size="sm" mb="md">
+            You need to complete your company onboarding before you can create
+            bookings. Please follow the onboarding process to get started.
+          </Text>
+          <Button color="orange" onClick={() => navigate("/settings")} mt="md">
+            Go to Onboarding
+          </Button>
+        </Alert>
+      </Box>
+    );
+  }
+
   const createMutation = useMutation({
-    mutationFn: (payload: CreateBookingPayload) =>
-      api.bookings.create.call(payload),
+    mutationFn: async (payload: CreateBookingPayload) => {
+      const booking = await api.bookings.create.call(payload);
+
+      // Documents can't ride along with creation — upload them against the
+      // new booking id once it exists. Optional here; the booking detail page
+      // remains the catch-all for any docs the user skips.
+      const documents = form.getValues("documents") ?? {};
+      const hasDocuments = Object.values(documents).some((value) =>
+        Array.isArray(value) ? value.length > 0 : Boolean(value),
+      );
+      if (hasDocuments) {
+        await api.bookings.uploadDocuments.call({
+          id: booking.id,
+          files: documents,
+        });
+      }
+
+      return booking;
+    },
     onSuccess: (booking) => {
       queryClient.invalidateQueries({ queryKey: api.bookings.list.queryKey() });
       navigate(`/bookings/${booking.id}`);
     },
   });
 
+  const createAndPriceMutation = useMutation({
+    mutationFn: async (payload: CreateBookingPayload) => {
+      const booking = await api.bookings.create.call(payload);
+
+      const documents = form.getValues("documents") ?? {};
+      const hasDocs = Object.values(documents).some((value) =>
+        Array.isArray(value) ? value.length > 0 : Boolean(value),
+      );
+      if (hasDocs) {
+        await api.bookings.uploadDocuments.call({
+          id: booking.id,
+          files: documents,
+        });
+      }
+
+      const pricing = await api.bookings.generatePrice.call({ id: booking.id });
+
+      return { bookingId: booking.id, pricing };
+    },
+    onSuccess: ({ bookingId, pricing }) => {
+      setPriceBookingId(bookingId);
+      setPricingData(pricing);
+      setPricingPhase("ready");
+      queryClient.invalidateQueries({ queryKey: api.bookings.list.queryKey() });
+    },
+    onError: () => {
+      setPricingPhase("idle");
+    },
+  });
+
+  const confirmMutation = useMutation({
+    mutationFn: async () => {
+      if (!priceBookingId) throw new Error("No booking to confirm");
+      await api.bookings.submit.call({ id: priceBookingId });
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: api.bookings.list.queryKey() });
+      navigate(`/bookings/${priceBookingId}`);
+    },
+  });
+
+  const abortMutation = useMutation({
+    mutationFn: async (reason: string) => {
+      if (!priceBookingId) throw new Error("No booking to abort");
+      await api.bookings.cancel.call({ id: priceBookingId, reason });
+    },
+    onSuccess: () => {
+      setCancelDialogOpen(false);
+      navigate("/bookings");
+    },
+  });
+
   const form = useForm<BookingFormInputValues, any, BookingFormValues>({
     defaultValues: initialBookingFormValues,
     resolver: zodResolver(bookingFormSchema),
@@ -57,11 +178,35 @@ export default function NewBookingPage() {
   const originYard = form.watch("originYard");
   const destinationYard = form.watch("destinationYard");
 
-  const direction = useMemo(
-    () => getRouteDirection(originYard, destinationYard),
-    [originYard, destinationYard],
+  const direction = useMemo(() => {
+    const origin = referenceData?.yard.find((y) => y.id === originYard);
+    const destination = referenceData?.yard.find(
+      (y) => y.id === destinationYard,
+    );
+
+    const route = getRouteDirection(origin, destination);
+    return route;
+  }, [originYard, destinationYard]);
+
+  const docValues = form.watch("documents") ?? {};
+  const hasDocuments = useMemo(
+    () =>
+      Object.values(docValues).some((value) =>
+        Array.isArray(value) ? value.length > 0 : Boolean(value),
+      ),
+    [docValues],
   );
 
+  const [pricingPhase, setPricingPhase] = useState<
+    "idle" | "generating" | "ready"
+  >("idle");
+  const [pricingData, setPricingData] = useState<GeneratePriceResponse | null>(
+    null,
+  );
+  const [priceBookingId, setPriceBookingId] = useState<string | null>(null);
+  const [cancelDialogOpen, setCancelDialogOpen] = useState(false);
+  const [cancelReason, setCancelReason] = useState("");
+
   async function handleContinue() {
     const valid = await form.trigger(stepFields[step], { shouldFocus: true });
     if (!valid) return;
@@ -69,14 +214,14 @@ export default function NewBookingPage() {
     setStep((currentStep) => Math.min(STEPS.length, currentStep + 1));
   }
 
-  const handleSubmit = form.handleSubmit((data) => {
+  function buildApiPayload(data: BookingFormValues): CreateBookingPayload {
     if (data.contractType === "renewal" && !data.previousContractRef) {
       form.setError("previousContractRef", {
         type: "manual",
         message: "Select a previous contract reference.",
       });
       setStep(1);
-      return;
+      throw new Error("Validation failed");
     }
 
     const totalWeight =
@@ -87,39 +232,13 @@ export default function NewBookingPage() {
         )
         : Number(data.cargoWeight || 0);
 
-    // ── Reference data lookups ──────────────────────────────────────────
-    const yards = referenceData?.yard ?? [];
-    const services = referenceData?.service ?? [];
     const shippingLines = referenceData?.shipping_line ?? [];
     const cargoTree = referenceData?.cargo_type ?? [];
     const containerGroups = referenceData?.containers ?? [];
 
-    const findYardId = (name: string): string =>
-      yards.find((y) => y.name === name)?.id ?? "";
-
-    const findServiceTypeId = (): string => {
-      const code = data.serviceType === "rail" ? "RAIL" : "RAIL_AND_FORWARDING";
-      return services.find((s) => s.code === code)?.id ?? services[0]?.id ?? "";
-    };
-
     const findShippingLineId = (name: string): string | undefined =>
       shippingLines.find((l) => l.name === name)?.id;
 
-    const findCargoTypeId = (name: string): string | undefined => {
-      for (const group of cargoTree) {
-        const child = group.children?.find((c) => c.name === name);
-        if (child) return child.id;
-      }
-      return undefined;
-    };
-
-    const findContainerCargoTypeId = (): string => {
-      const group = cargoTree.find(
-        (g) => g.code === "CONTAINER" || /container/i.test(g.name),
-      );
-      return group?.id ?? "";
-    };
-
     const findContainerTypeId = (name: string): string => {
       for (const group of containerGroups) {
         const ct = group.types.find((t) => t.name === name);
@@ -128,49 +247,41 @@ export default function NewBookingPage() {
       return "";
     };
 
-    const selectedChild =
-      data.cargoType !== "container" && data.bulkCommoditytype
-        ? cargoTree
-          .find((g) => g.code.toLowerCase() === data.freightType)
-          ?.children?.find((c) => c.name === data.bulkCommoditytype)
-        : undefined;
+    const cargoTypePath = data.cargoTypePath ?? [];
+    const childId = cargoTypePath[1];
 
-    const cargoTypeId =
-      data.cargoType === "container"
-        ? findContainerCargoTypeId()
-        : selectedChild?.id ?? "";
+    const bulkChild = cargoTree
+      .flatMap((g) => g.children ?? [])
+      .find((c) => c.id === childId);
 
-    const cargoFreeText =
-      data.cargoType === "container"
-        ? undefined
-        : selectedChild?.show_free_text_box
-          ? data.bulkCommoditytype
-          : undefined;
+    const cargoTypeId = data.cargoType === "bulk" ? childId : undefined;
 
-    // ── Build API payload ───────────────────────────────────────────────
-    const apiPayload: CreateBookingPayload = {
-      scheduledDate: new Date().toISOString().slice(0, 10),
+    const cargoFreeText = bulkChild?.show_free_text_box
+      ? data.cargoFreeText
+      : undefined;
+
+    const serviceType = referenceData?.service.find(
+      (s) => s.id === data.serviceTypeId,
+    )!;
+
+    return {
+      scheduledDate: new Date().toISOString(),
       contractType:
         data.contractType.toUpperCase() as CreateBookingPayload["contractType"],
-      serviceTypeId: findServiceTypeId(),
+      serviceTypeId: data.serviceTypeId,
       equipmentReturn:
         data.equipmentReturn === "with_return"
           ? "WITH_RETURN"
           : "WITHOUT_RETURN",
-      originYardId: findYardId(data.originYard),
-      destinationYardId: findYardId(data.destinationYard),
-      tradeDirection:
-        direction === "export"
-          ? "EXPORT"
-          : direction === "domestic"
-            ? "DOMESTIC"
-            : "IMPORT",
-      cargoTypeId: data.cargoType === "container" ? undefined : cargoTypeId,
+      paymentCurrency: "USD",
+      originYardId: data.originYard,
+      destinationYardId: data.destinationYard,
+      tradeDirection: direction!,
+      cargoTypeId,
+      trainScheduleId: data.trainScheduleId,
       cargoTotalWeightVgm: totalWeight,
       isHazardous: data.isHazardous,
-      paymentCurrency: "USD",
       allowConsolidation: data.consolidationEnabled,
-      // @ts-ignore
       freightType:
         data.cargoType === "container"
           ? ("CONTAINER" as const)
@@ -189,10 +300,10 @@ export default function NewBookingPage() {
       ...(data.contractType === "renewal" && data.previousContractRef
         ? { pnrCode: data.previousContractRef }
         : {}),
-      ...(data.serviceType === "rail_forwarding" && data.firstMile.enabled
+      ...(serviceType.includesFirstMile && data.firstMile.enabled
         ? { firstMilePickupAddress: data.firstMile.pickUpAddress }
         : {}),
-      ...(data.serviceType === "rail_forwarding" && data.lastMile.enabled
+      ...(serviceType.includesLastMile && data.lastMile.enabled
         ? { lastMileDeliveryAddress: data.lastMile.deliveryAddress }
         : {}),
       ...(data.shippingLine
@@ -200,39 +311,120 @@ export default function NewBookingPage() {
         : {}),
       ...(cargoFreeText ? { cargoFreeText } : {}),
     };
+  }
 
-    createMutation.mutate(apiPayload);
+  const handleDraftSubmit = form.handleSubmit((data) => {
+    try {
+      const apiPayload = buildApiPayload(data);
+      createMutation.mutate(apiPayload);
+    } catch {
+      // validation error already handled
+    }
+  });
+
+  const handleGeneratePrice = form.handleSubmit((data) => {
+    try {
+      const apiPayload = buildApiPayload(data);
+      setPricingPhase("generating");
+      createAndPriceMutation.mutate(apiPayload);
+    } catch {
+      // validation error already handled
+    }
   });
 
   return (
-    <form
-      id="new-booking-form"
-      className="flex flex-col"
-      onSubmit={handleSubmit}
+    <Box
+      style={{
+        padding: "28px 0 0",
+        minHeight: "calc(100dvh - var(--app-shell-header-height, 56px))",
+        display: "flex",
+        flexDirection: "column",
+      }}
     >
-      <div className="sticky top-0 z-20">
-        <div className="mx-auto max-w-4xl space-y-3 px-6 pt-4">
-          <StepIndicator step={step} />
-        </div>
-      </div>
+      {/* ── Page header ─────────────────────────────────────────────────── */}
+      <Group
+        justify="space-between"
+        px="24px"
+        align="flex-end"
+        wrap="wrap"
+        gap="md"
+        mb="lg"
+      >
+        <Box>
+          <Title
+            order={1}
+            fw={800}
+            fz={26}
+            style={{ letterSpacing: "-0.01em" }}
+          >
+            New Booking
+          </Title>
+          <Text size="sm" c="edr-muted" mt={4}>
+            Fill in the details below to book your freight shipment.
+          </Text>
+        </Box>
+        <Button
+          variant="default"
+          radius="md"
+          leftSection={<ChevronLeft size={16} />}
+          onClick={() => navigate("/bookings")}
+        >
+          Back to Bookings
+        </Button>
+      </Group>
+      <form
+        id="new-booking-form"
+        className="flex flex-col"
+        style={{ flex: 1 }}
+        onSubmit={handleDraftSubmit}
+      >
+        <Box flex={1} p="24px">
+          <Box mb="lg">
+            <StepIndicator step={step} />
+          </Box>
 
-      <div className="flex-1">
-        <div className="mx-auto max-w-4xl px-6 py-8">
           {createMutation.isError && (
-            <div className="mb-6 flex items-start gap-3 rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-800">
-              <AlertCircle className="mt-0.5 h-4 w-4 shrink-0 text-red-500" />
-              <div>
-                <p className="font-semibold">Failed to save draft</p>
-                <p className="mt-1 text-red-600">
-                  {createMutation.error instanceof Error
-                    ? createMutation.error.message
-                    : "An unexpected error occurred. Please try again."}
-                </p>
-              </div>
-            </div>
+            <Alert
+              color="red"
+              icon={<AlertCircle size={16} />}
+              radius="md"
+              mb="lg"
+            >
+              <Text size="sm" fw={600}>
+                Failed to save draft
+              </Text>
+              <Text size="sm" mt={4} c="red.7">
+                {createMutation.error instanceof Error
+                  ? createMutation.error.message
+                  : "An unexpected error occurred. Please try again."}
+              </Text>
+            </Alert>
+          )}
+
+          {createAndPriceMutation.isError && (
+            <Alert
+              color="red"
+              icon={<AlertCircle size={16} />}
+              radius="md"
+              mb="lg"
+            >
+              <Text size="sm" fw={600}>
+                Failed to generate price estimate
+              </Text>
+              <Text size="sm" mt={4} c="red.7">
+                {createAndPriceMutation.error instanceof Error
+                  ? createAndPriceMutation.error.message
+                  : "An unexpected error occurred. Please try again."}
+              </Text>
+            </Alert>
+          )}
+
+          {step === 1 && (
+            <Step1ContractType form={form} referenceData={referenceData} />
+          )}
+          {step === 2 && (
+            <Step2ServiceType referenceData={referenceData} form={form} />
           )}
-          {step === 1 && <Step1ContractType form={form} />}
-          {step === 2 && <Step2ServiceType form={form} />}
           {step === 3 && (
             <Step4Route
               form={form}
@@ -243,51 +435,164 @@ export default function NewBookingPage() {
           {step === 4 && (
             <Step5CargoDetails
               form={form}
-              direction={direction}
+              direction={direction!}
               referenceData={referenceData}
               isLoading={refDataLoading}
             />
           )}
           {step === 5 && (
-            <Step8Review form={form} setStep={setStep} direction={direction} />
+            <StepScheduling form={form} referenceData={referenceData} />
           )}
-        </div>
-      </div>
+          {step === 6 && <StepDocuments form={form} />}
+          {step === 7 && (
+            <Step8Review
+              form={form}
+              setStep={setStep}
+              direction={direction!}
+              referenceData={referenceData}
+              pricingPhase={pricingPhase}
+              pricingData={pricingData}
+              onConfirm={() => confirmMutation.mutate()}
+              onContinueLater={
+                priceBookingId
+                  ? () => navigate(`/bookings/${priceBookingId}`)
+                  : undefined
+              }
+              onAbort={() => setCancelDialogOpen(true)}
+              confirmPending={confirmMutation.isPending}
+              abortPending={abortMutation.isPending}
+            />
+          )}
+        </Box>
 
-      <div className="sticky bottom-0 z-20 border-t border-border bg-background px-6 py-4">
-        <div className="mx-auto flex max-w-4xl items-center justify-between">
-          <Button
-            type="button"
-            variant="outline"
-            onClick={() =>
-              setStep((currentStep) => Math.max(1, currentStep - 1))
-            }
-            disabled={step === 1}
-          >
-            <ChevronLeft className="mr-1 h-4 w-4" />
-            Back
-          </Button>
-          {step < STEPS.length ? (
-            <Button type="button" onClick={handleContinue}>
-              Continue
-              <ChevronRight />
-            </Button>
-          ) : (
+        {/* Navigation footer */}
+        <Box
+          style={{
+            position: "sticky",
+            bottom: 0,
+            zIndex: 20,
+            borderTop: "1px solid var(--mantine-color-edr-border-0)",
+            backgroundColor: "rgba(255,255,255,0.94)",
+            backdropFilter: "blur(14px)",
+            WebkitBackdropFilter: "blur(14px)",
+            padding: "16px 24px",
+            marginTop: "auto",
+          }}
+        >
+          <Group justify="space-between" className="mx-auto max-w-4xl">
             <Button
-              type="submit"
-              form="new-booking-form"
-              disabled={createMutation.isPending}
+              type="button"
+              variant="default"
+              radius="md"
+              leftSection={<ChevronLeft size={16} />}
+              onClick={() => setStep((s) => Math.max(1, s - 1))}
+              disabled={step === 1}
             >
-              {createMutation.isPending ? (
-                <LoaderCircle className="h-4 w-4 animate-spin" />
-              ) : (
-                <Check />
-              )}
-              {createMutation.isPending ? "Saving Draft..." : "Save as Draft"}
+              Back
             </Button>
-          )}
-        </div>
-      </div>
-    </form>
+
+            {step < STEPS.length ? (
+              <Button
+                type="button"
+                color="edr-green"
+                radius="md"
+                rightSection={<ChevronRight size={16} />}
+                onClick={handleContinue}
+              >
+                Continue
+              </Button>
+            ) : pricingPhase === "idle" ? (
+              <Group>
+                <Button
+                  type="submit"
+                  form="new-booking-form"
+                  variant={hasDocuments ? "outline" : "filled"}
+                  color="edr-green"
+                  radius="md"
+                  loading={createMutation.isPending}
+                  leftSection={
+                    createMutation.isPending ? undefined : <Check size={16} />
+                  }
+                >
+                  {createMutation.isPending
+                    ? "Saving Draft..."
+                    : "Save as Draft"}
+                </Button>
+                {hasDocuments && (
+                  <Button
+                    type="button"
+                    color="edr-green"
+                    radius="md"
+                    loading={createAndPriceMutation.isPending}
+                    leftSection={
+                      createAndPriceMutation.isPending ? undefined : (
+                        <Send size={16} />
+                      )
+                    }
+                    onClick={() => handleGeneratePrice()}
+                  >
+                    {createAndPriceMutation.isPending
+                      ? "Generating price…"
+                      : "Submit"}
+                  </Button>
+                )}
+              </Group>
+            ) : pricingPhase === "generating" ? (
+              <Button type="button" color="edr-green" radius="md" loading>
+                Generating price estimate…
+              </Button>
+            ) : null}
+          </Group>
+        </Box>
+      </form>
+
+      <Modal
+        opened={cancelDialogOpen}
+        onClose={() => setCancelDialogOpen(false)}
+        title={<Text fw={700}>Abort booking</Text>}
+        radius="lg"
+        centered
+      >
+        <Stack gap="md">
+          <Text size="sm" c="dimmed">
+            Are you sure you want to abort this booking? This action cannot be
+            undone.
+          </Text>
+          <TextInput
+            label="Reason for cancellation (optional)"
+            placeholder="e.g. Change of plans…"
+            value={cancelReason}
+            onChange={(e) => setCancelReason(e.currentTarget.value)}
+            radius="md"
+            data-autofocus
+          />
+          <Group justify="flex-end" gap="sm">
+            <Button
+              variant="default"
+              radius="md"
+              onClick={() => setCancelDialogOpen(false)}
+            >
+              Keep editing
+            </Button>
+            <Button
+              color="red"
+              radius="md"
+              onClick={() =>
+                abortMutation.mutate(
+                  cancelReason.trim() || "Aborted by customer",
+                )
+              }
+              disabled={abortMutation.isPending}
+              loading={abortMutation.isPending}
+              leftSection={
+                !abortMutation.isPending ? <XCircle size={15} /> : undefined
+              }
+            >
+              Yes, abort
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
+    </Box>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/StepIndicator.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/StepIndicator.tsx
index 76ef8e30d..7ac5411fb 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/StepIndicator.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/StepIndicator.tsx
@@ -1,5 +1,5 @@
-import { Fragment } from "react";
 import { Check } from "lucide-react";
+import { Fragment } from "react";
 import { STEPS } from "./schema";
 
 export function StepIndicator({ step }: { step: number }) {
@@ -9,29 +9,73 @@ export function StepIndicator({ step }: { step: number }) {
         <Fragment key={item.id}>
           <div className="flex shrink-0 flex-col items-center gap-1">
             <div
-              className={`flex h-7 w-7 items-center justify-center rounded-full text-xs font-semibold transition-colors ${
-                step > item.id
-                  ? "bg-primary text-primary-foreground"
+              style={{
+                width: 28,
+                height: 28,
+                borderRadius: "50%",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                fontSize: 12,
+                fontWeight: 600,
+                flexShrink: 0,
+                transition: "all 0.2s",
+                ...(step > item.id
+                  ? {
+                      backgroundColor: "var(--mantine-color-edr-green-5)",
+                      color: "#fff",
+                      boxShadow: "0 2px 8px rgba(14,163,113,0.4)",
+                    }
                   : step === item.id
-                    ? "border-2 border-primary text-primary"
-                    : "bg-muted text-muted-foreground"
-              }`}
+                    ? {
+                        border: "2.5px solid var(--mantine-color-edr-green-5)",
+                        color: "var(--mantine-color-edr-green-7)",
+                        backgroundColor: "#fff",
+                        boxShadow: "0 0 0 3px rgba(14,163,113,0.12)",
+                      }
+                    : {
+                        backgroundColor: "#fff",
+                        color: "var(--mantine-color-edr-muted-0)",
+                        border: "2px solid var(--mantine-color-edr-border-0)",
+                      }),
+              }}
             >
-              {step > item.id ? <Check className="h-3.5 w-3.5" /> : item.id}
+              {step > item.id ? (
+                <Check style={{ width: 13, height: 13 }} />
+              ) : (
+                item.id
+              )}
             </div>
             <span
-              className={`hidden text-[10px] font-medium lg:block ${
-                step >= item.id ? "text-foreground" : "text-muted-foreground"
-              }`}
+              style={{
+                fontSize: 10,
+                fontWeight: 500,
+                display: "none",
+                transition: "color 0.2s",
+                color:
+                  step >= item.id
+                    ? "var(--mantine-color-edr-text-0)"
+                    : "var(--mantine-color-edr-muted-0)",
+              }}
+              className="lg:!block"
             >
               {item.short}
             </span>
           </div>
           {index < STEPS.length - 1 && (
             <div
-              className={`mx-1 h-0.5 flex-1 rounded-full transition-colors ${
-                step > item.id ? "bg-primary" : "bg-border"
-              }`}
+              style={{
+                flex: 1,
+                height: 2,
+                borderRadius: 999,
+                margin: "0 6px",
+                marginBottom: 14,
+                transition: "background-color 0.3s",
+                backgroundColor:
+                  step > item.id
+                    ? "var(--mantine-color-edr-green-5)"
+                    : "var(--mantine-color-edr-border-0)",
+              }}
             />
           )}
         </Fragment>
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/schema.ts b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/schema.ts
index be443d081..dbf943068 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/schema.ts
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/schema.ts
@@ -1,35 +1,74 @@
+import type { Freight } from "@edr/types";
 import { DeepPartial, Path } from "react-hook-form";
 import * as z from "zod";
 
-export const ETHIOPIA_STATIONS = new Set<string>([
-  "Addis Ababa",
-  "Adama",
-  "Mojo",
-  "Awash",
-  "Mieso",
-  "Dire Dawa",
-]);
-
-export const MOCK_VALID_CONTRACTS = [
-  "EDR-2024-10001",
-  "EDR-2024-10002",
-  "EDR-2023-88123",
-  "EDR-2022-55442",
-];
-
 export const STEPS = [
   { id: 1, label: "Contract Type", short: "Contract" },
   { id: 2, label: "Service Type & Mile", short: "Service" },
   { id: 3, label: "Route", short: "Route" },
   { id: 4, label: "Cargo Details", short: "Cargo" },
-  { id: 5, label: "Review & Submit", short: "Submit" },
+  { id: 5, label: "Shipment Date", short: "Schedule" },
+  { id: 6, label: "Documents", short: "Documents" },
+  { id: 7, label: "Review & Submit", short: "Submit" },
 ] as const;
 
+/**
+ * Shipment documents collected during booking creation. The fileKeys mirror
+ * `REQUIRED_DOC_FIELDS` in BookingDetailPage/constants.ts so anything attached
+ * here shows up as "Uploaded" on the booking detail page. All optional in this
+ * flow — the detail page remains the catch-all for uploading them later.
+ */
+const DOC_SETTING_TS = "2024-01-01T00:00:00.000Z";
+
+function docField(
+  fileKey: string,
+  fileLabel: string,
+  order: number,
+): Freight.IFileUploadField {
+  return {
+    id: fileKey,
+    settingId: "booking_documents",
+    createdAt: DOC_SETTING_TS,
+    updatedAt: DOC_SETTING_TS,
+    deletedAt: null,
+    fileKey,
+    fileLabel,
+    helpText: null,
+    isRequired: false,
+    isMultiple: false,
+    maxFiles: 1,
+    allowedExtensions: ["pdf", "jpg", "jpeg", "png"],
+    maxSizeMb: 10,
+    order,
+  };
+}
+
+export const BOOKING_DOCS_SETTING: Freight.IFileUploadSetting = {
+  id: "booking_documents",
+  createdAt: DOC_SETTING_TS,
+  updatedAt: DOC_SETTING_TS,
+  deletedAt: null,
+  code: "booking_documents",
+  label: "Booking Documents",
+  description:
+    "Attach your shipment documents now, or skip and upload them later from the booking page.",
+  entity: "booking",
+  fields: [
+    docField("commercial_invoice", "Commercial Invoice", 1),
+    docField("packing_list", "Packing List", 2),
+    docField("certificate_of_origin", "Certificate of Origin", 3),
+    docField("letter_of_credit", "Letter of Credit / LC", 4),
+  ],
+};
+
+export type BookingDocuments = Record<string, File | File[] | null>;
+
 export const bookingFormSchema = z
   .object({
     contractType: z.enum(["new", "renewal"], "Select a contract type."),
     previousContractRef: z.string(),
-    serviceType: z.enum(["rail", "rail_forwarding"], "Select a service type."),
+    serviceTypeId: z.string("Select a service type."),
+
     firstMile: z
       .object({
         enabled: z.boolean().default(false),
@@ -55,10 +94,12 @@ export const bookingFormSchema = z
     originYard: z.string().min(1, "Select an origin yard."),
     destinationYard: z.string().min(1, "Select a destination yard."),
     shippingLine: z.string(),
+    scheduledDate: z.string().min(1, "Select a shipment date."),
+    trainScheduleId: z.string().min(1, "Select a shipment date."),
     cargoType: z.enum(["container", "bulk"], "Select a cargo type."),
     cargoWeight: z.string(),
-    freightType: z.string(), // parent group
-    bulkCommoditytype: z.string(),
+    cargoTypePath: z.array(z.string()).default([]),
+    cargoFreeText: z.string(),
     isHazardous: z.boolean(),
     isRefrigerated: z.boolean(),
     containers: z.array(
@@ -78,8 +119,8 @@ export const bookingFormSchema = z
       }),
     ),
     consolidationEnabled: z.boolean(),
+    documents: z.record(z.string(), z.any()).default({}),
     notes: z.string(),
-    termsAccepted: z.boolean(),
   })
   .refine(
     (data) =>
@@ -109,19 +150,6 @@ export const bookingFormSchema = z
       path: ["destinationYard"],
     },
   )
-  .refine((data) => !(data.cargoType === "bulk" && !data.freightType), {
-    message: "Select a freight type.",
-    path: ["freightType"],
-  })
-  .refine(
-    (data) =>
-      !(
-        data.cargoType === "bulk" &&
-        data.freightType &&
-        !data.bulkCommoditytype
-      ),
-    { message: "Select a commodity.", path: ["bulkCommoditytype"] },
-  )
   .refine(
     (data) => {
       if (data.cargoType !== "bulk") return true;
@@ -136,11 +164,16 @@ export const bookingFormSchema = z
     (data) => !(data.cargoType === "container" && data.containers.length === 0),
     { message: "Add at least one container.", path: ["containers"] },
   )
-  .refine((data) => data.termsAccepted, {
-    message: "Accept the freight contract terms to submit.",
-    path: ["termsAccepted"],
-  })
   .superRefine((data, ctx) => {
+    if (data.cargoType === "bulk") {
+      if (!data.cargoTypePath[0]) {
+        ctx.addIssue({
+          code: "custom",
+          path: ["cargoTypePath"],
+          message: "Select a Cargo type.",
+        });
+      }
+    }
     if (data.cargoType === "container") {
       data.containers.forEach((c, i) => {
         if (!c.qty || +c.qty < 1) {
@@ -168,6 +201,7 @@ export type BookingFormInputValues = z.input<typeof bookingFormSchema>;
 export const initialBookingFormValues: DeepPartial<BookingFormValues> = {
   previousContractRef: "",
 
+  serviceTypeId: "",
   firstMile: {
     enabled: false,
     pickUpAddress: "",
@@ -181,20 +215,23 @@ export const initialBookingFormValues: DeepPartial<BookingFormValues> = {
   originYard: "",
   destinationYard: "",
   shippingLine: "",
+  scheduledDate: "",
+  trainScheduleId: "",
   cargoWeight: "",
-  bulkCommoditytype: "",
+  cargoTypePath: [],
+  cargoFreeText: "",
   isHazardous: false,
   isRefrigerated: false,
   containers: [{ type: "20ft", containerType: "", qty: "1", vgm: "" }],
   consolidationEnabled: false,
+  documents: {},
   notes: "",
-  termsAccepted: false,
 };
 
 export const stepFields: Record<number, Array<Path<BookingFormValues>>> = {
   1: ["contractType", "previousContractRef"],
   2: [
-    "serviceType",
+    "serviceTypeId",
     "firstMile",
     "lastMile",
     "equipmentReturn",
@@ -210,16 +247,15 @@ export const stepFields: Record<number, Array<Path<BookingFormValues>>> = {
   4: [
     "cargoType",
     "cargoWeight",
-    "freightType",
-    "bulkCommoditytype",
+    "cargoTypePath",
     "containers",
     "consolidationEnabled",
   ],
-  5: ["notes", "termsAccepted"],
+  5: ["scheduledDate", "trainScheduleId"],
+  6: ["documents"],
+  7: ["notes"],
 };
 
-export type RouteDirection = "import" | "export" | "domestic" | null;
-
 export interface ContainerConfig {
   type: "20ft" | "40ft";
   containerType: string;
@@ -231,64 +267,32 @@ export interface WagonConfig {
   type: "20ft" | "40ft";
 }
 
-export interface WagonCalcResult {
-  totalWagons: number;
-  hasOddUnit: boolean;
-  sharedWagons: number;
-  wagonLayout: WagonConfig[];
-  ft40Wagons: number;
-  ft20Wagons: number;
-}
-
-export function genContractId(): string {
-  const yr = new Date().getFullYear();
-  const n = Math.floor(10000 + Math.random() * 90000);
-  return `EDR-DRAFT-${yr}-${n}`;
-}
-
 export function getRouteDirection(
-  origin: string,
-  dest: string,
-): RouteDirection {
+  origin: Freight.BookingReferenceYard | null | undefined,
+  dest: Freight.BookingReferenceYard | null | undefined,
+): Freight.ScheduleTradeDirection | null {
   if (!origin || !dest) return null;
-  const oLocation = getStationLocation(origin);
-  const dLocation = getStationLocation(dest);
-  if (oLocation === "inside" && dLocation === "outside") return "export";
-  if (oLocation === "outside" && dLocation === "inside") return "import";
-  if (oLocation === "inside" && dLocation === "inside") return "domestic";
+  if (origin.country === "Ethiopia" && dest.country === "Ethiopia") {
+    return "DOMESTIC";
+  }
+  if (origin.country === "Ethiopia" && dest.country === "Djibouti") {
+    return "EXPORT";
+  }
+  if (origin.country === "Djibouti" && dest.country === "Ethiopia") {
+    return "IMPORT";
+  }
 
-  const oEth = ETHIOPIA_STATIONS.has(origin);
-  const dEth = ETHIOPIA_STATIONS.has(dest);
-  if (oEth && !dEth) return "export";
-  if (!oEth && dEth) return "import";
-  if (oEth && dEth) return "domestic";
   return null;
 }
 
-function getStationLocation(value: string): "inside" | "outside" | null {
-  const normalized = value.trim().toLowerCase();
-  if (normalized.startsWith("inside")) return "inside";
-  if (normalized.startsWith("outside")) return "outside";
-  return null;
-}
-
-export function calcWagons(containers: ContainerConfig[]): WagonCalcResult {
-  const Ft40Wagons = containers
-    .filter((c) => c.type === "40ft")
-    .reduce((sum, c) => sum + Number(c.qty), 0);
+export function calcWagons(containers: ContainerConfig[]) {
   const Ft20Wagons = containers
     .filter((c) => c.type === "20ft")
     .reduce((sum, c) => sum + Number(c.qty), 0);
-  const wagonLayout: WagonConfig[] = [];
   let hasOddUnit = Ft20Wagons % 2 === 1;
-  let sharedWagons = Math.floor(Ft20Wagons / 2);
 
   return {
-    totalWagons: sharedWagons + Ft40Wagons,
     hasOddUnit,
-    sharedWagons,
-    ft40Wagons: Ft40Wagons,
     ft20Wagons: Ft20Wagons,
-    wagonLayout,
   };
 }
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/shared.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/shared.tsx
index a731d081c..55b6eda44 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/shared.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/shared.tsx
@@ -1,31 +1,17 @@
+import { Alert, Combobox, Input, InputBase, Select, Text, Title, useCombobox } from "@mantine/core";
+import { AlertTriangle, Check, CheckCircle2, Info, Loader, XCircle } from "lucide-react";
 import type { ReactNode } from "react";
-import type {
-  ControllerRenderProps,
-  FieldError as RhfFieldError,
-} from "react-hook-form";
-import {
-  AlertTriangle,
-  Check,
-  CheckCircle2,
-  Info,
-  XCircle,
-} from "lucide-react";
-import {
-  Field,
-  FieldDescription,
-  FieldError,
-  FieldLabel,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@edr/ui-common";
-import type { BookingFormInputValues, BookingFormValues } from "./schema";
-import { cn } from "@/lib/utils";
+import { useMemo } from "react";
+import type { ControllerRenderProps, FieldError as RhfFieldError } from "react-hook-form";
+import type { BookingFormInputValues } from "./schema";
 
 export function OptionFieldError({ error }: { error?: { message?: string } }) {
-  return <FieldError errors={[error]} />;
+  if (!error?.message) return null;
+  return (
+    <Text size="xs" c="red" mt={4}>
+      {error.message}
+    </Text>
+  );
 }
 
 export function OptionCard({
@@ -44,16 +30,17 @@ export function OptionCard({
       type="button"
       onClick={onClick}
       disabled={disabled}
-      className={`relative w-full rounded-xl border-2 p-4 text-left transition ${disabled
-          ? "cursor-not-allowed border-border bg-muted opacity-60"
+      className={`relative w-full rounded-xl border-2 p-4 text-left transition-all duration-150 ${
+        disabled
+          ? "cursor-not-allowed border-gray-200 bg-gray-100 opacity-60"
           : selected
-            ? "border-primary bg-primary/5"
-            : "border-border bg-card hover:border-primary/40"
-        }`}
+            ? "border-emerald-500 bg-emerald-50 shadow-sm shadow-emerald-500/20"
+            : "border-gray-200 bg-white hover:border-emerald-300 hover:shadow-sm"
+      }`}
     >
       {selected && !disabled && (
-        <span className="absolute right-3 top-3 flex h-5 w-5 items-center justify-center rounded-full bg-primary">
-          <Check className="h-3 w-3 text-primary-foreground" />
+        <span className="absolute right-3 top-3 flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500">
+          <Check className="h-3 w-3 text-white" />
         </span>
       )}
       {children}
@@ -68,34 +55,25 @@ export function AlertBox({
   tone: "warning" | "error" | "success" | "info";
   children: ReactNode;
 }) {
-  const styles = {
-    warning: "bg-amber-50 border-amber-200 text-amber-800",
-    error: "bg-red-50 border-red-200 text-red-800",
-    success: "bg-emerald-50 border-emerald-200 text-emerald-800",
-    info: "bg-sky-50 border-sky-200 text-sky-800",
+  const map: Record<string, { color: string; icon: ReactNode }> = {
+    warning: { color: "yellow", icon: <AlertTriangle size={16} /> },
+    error: { color: "red", icon: <XCircle size={16} /> },
+    success: { color: "teal", icon: <CheckCircle2 size={16} /> },
+    info: { color: "blue", icon: <Info size={16} /> },
   };
-  const icons = {
-    warning: <AlertTriangle className="h-4 w-4 shrink-0 text-amber-500" />,
-    error: <XCircle className="h-4 w-4 shrink-0 text-red-500" />,
-    success: <CheckCircle2 className="h-4 w-4 shrink-0 text-emerald-600" />,
-    info: <Info className="h-4 w-4 shrink-0 text-sky-500" />,
-  };
-
+  const { color, icon } = map[tone];
   return (
-    <div
-      className={`flex items-start gap-3 rounded-xl border p-3 text-sm ${styles[tone]}`}
-    >
-      {icons[tone]}
-      <div>{children}</div>
-    </div>
+    <Alert color={color} icon={icon} radius="md" fz="sm">
+      {children}
+    </Alert>
   );
 }
 
 export function StepLabel({ children }: { children: ReactNode }) {
   return (
-    <p className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+    <Text size="sm" fw={600} tt="uppercase" c="dimmed" className="tracking-wide">
       {children}
-    </p>
+    </Text>
   );
 }
 
@@ -108,8 +86,12 @@ export function StepHeader({
 }) {
   return (
     <div>
-      <h2 className="text-xl font-bold tracking-tight">{title}</h2>
-      <p className="mt-1 text-sm text-muted-foreground">{description}</p>
+      <Title order={3} className="tracking-tight">
+        {title}
+      </Title>
+      <Text size="sm" c="dimmed" mt={4}>
+        {description}
+      </Text>
     </div>
   );
 }
@@ -120,46 +102,115 @@ export function SelectField({
   label,
   placeholder,
   disabled,
-  children,
+  data,
 }: {
   field: ControllerRenderProps<BookingFormInputValues>;
   error?: RhfFieldError;
   label: string;
   placeholder: string;
   disabled?: boolean;
-  children: ReactNode;
+  data: string[] | { value: string; label: string }[];
 }) {
   return (
-    <Field data-invalid={Boolean(error)}>
-      <FieldLabel>{label}</FieldLabel>
-      <Select
-        value={String(field.value)}
-        onValueChange={field.onChange}
-        disabled={disabled}
-      >
-        <SelectTrigger
-          className={cn("w-full ", error ? "border-destructive!" : "")}
-          aria-invalid={Boolean(error)}
-        >
-          <SelectValue placeholder={placeholder} />
-        </SelectTrigger>
-        <SelectContent>{children}</SelectContent>
-      </Select>
-      <FieldError errors={[error]} />
-    </Field>
+    <Select
+      label={label}
+      placeholder={placeholder}
+      disabled={disabled}
+      data={data}
+      value={String(field.value) || null}
+      onChange={(v) => field.onChange(v ?? "")}
+      onBlur={field.onBlur}
+      error={error?.message}
+      allowDeselect={false}
+    />
   );
 }
 
-export { SelectItem };
+interface AsyncComboboxOption {
+  value: string;
+  label: string;
+}
+
+export function AsyncComboboxField({
+  field,
+  error,
+  label,
+  placeholder,
+  options,
+  isLoading,
+  searchQuery,
+  onSearchChange,
+  onSelect,
+  disabled,
+}: {
+  field: ControllerRenderProps<BookingFormInputValues>;
+  error?: RhfFieldError;
+  label: string;
+  placeholder: string;
+  options: AsyncComboboxOption[];
+  isLoading?: boolean;
+  searchQuery: string;
+  onSearchChange: (query: string) => void;
+  onSelect: (value: string) => void;
+  disabled?: boolean;
+}) {
+  const combobox = useCombobox();
+
+  const selectedLabel = useMemo(() => {
+    return options.find((opt) => opt.value === field.value)?.label || "";
+  }, [field.value, options]);
+
+  const handleSelectOption = (val: string) => {
+    onSelect(val);
+    combobox.closeDropdown();
+  };
 
-export function SelectOptions({ options }: { options: readonly string[] }) {
   return (
-    <>
-      {options.map((option) => (
-        <SelectItem key={option} value={option}>
-          {option}
-        </SelectItem>
-      ))}
-    </>
+    <Input.Wrapper label={label} error={error?.message}>
+      <Combobox store={combobox} disabled={disabled}>
+        <Combobox.Target>
+          <InputBase
+            placeholder={placeholder}
+            disabled={disabled}
+            value={searchQuery || selectedLabel}
+            onChange={(e) => {
+              onSearchChange(e.currentTarget.value);
+              combobox.openDropdown();
+            }}
+            onFocus={() => combobox.openDropdown()}
+            onBlur={() => {
+              field.onBlur();
+              combobox.closeDropdown();
+              if (!selectedLabel) {
+                onSearchChange("");
+              }
+            }}
+            rightSection={
+              isLoading ? <Loader size={14} /> : <Combobox.Chevron />
+            }
+          />
+        </Combobox.Target>
+
+        <Combobox.Dropdown>
+          <Combobox.Options>
+            {isLoading ? (
+              <Combobox.Empty>Loading contracts...</Combobox.Empty>
+            ) : options.length === 0 ? (
+              <Combobox.Empty>No contracts found</Combobox.Empty>
+            ) : (
+              options.map((option) => (
+                <Combobox.Option
+                  key={option.value}
+                  value={option.value}
+                  onClick={() => handleSelectOption(option.value)}
+                >
+                  {option.label}
+                </Combobox.Option>
+              ))
+            )}
+          </Combobox.Options>
+        </Combobox.Dropdown>
+      </Combobox>
+    </Input.Wrapper>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step-documents.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step-documents.tsx
new file mode 100644
index 000000000..f600d10d7
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step-documents.tsx
@@ -0,0 +1,91 @@
+import { Box, Group, Text } from "@mantine/core";
+import { SmartFileInput } from "@edr/ui-common";
+import { CheckCircle2 } from "lucide-react";
+import { Controller, type UseFormReturn } from "react-hook-form";
+
+import {
+  BOOKING_DOCS_SETTING,
+  BookingFormInputValues,
+  type BookingDocuments,
+  type BookingFormValues,
+} from "./schema";
+import { StepHeader } from "./shared";
+
+type BookingForm = UseFormReturn<
+  BookingFormInputValues,
+  any,
+  BookingFormValues
+>;
+
+function countAttached(documents: BookingDocuments): number {
+  return BOOKING_DOCS_SETTING.fields.filter((f) => {
+    const value = documents[f.fileKey];
+    return Array.isArray(value) ? value.length > 0 : Boolean(value);
+  }).length;
+}
+
+export function StepDocuments({ form }: { form: BookingForm }) {
+  const documents = (form.watch("documents") ?? {}) as BookingDocuments;
+  const attached = countAttached(documents);
+  const total = BOOKING_DOCS_SETTING.fields.length;
+
+  return (
+    <div className="space-y-6">
+      <StepHeader
+        title="Shipment Documents"
+        description="Attach your shipment documents now, or skip this step and upload them later from the booking page."
+      />
+
+      <Group
+        gap={10}
+        align="center"
+        wrap="nowrap"
+        className="rounded-xl"
+        style={{
+          border: "1px solid var(--mantine-color-edr-border-0)",
+          backgroundColor: "var(--mantine-color-gray-0)",
+          padding: "12px 16px",
+        }}
+      >
+        <Box
+          style={{
+            flexShrink: 0,
+            width: 32,
+            height: 32,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: 999,
+            fontSize: 12,
+            fontWeight: 700,
+            backgroundColor: attached === total ? "#ECF6F1" : "#EAF1FB",
+            color: attached === total ? "#0A6F4D" : "#2E5B96",
+          }}
+        >
+          {attached === total ? (
+            <CheckCircle2 size={16} />
+          ) : (
+            `${attached}/${total}`
+          )}
+        </Box>
+        <Text size="sm" c="dimmed">
+          {attached === 0
+            ? "All documents are optional here — you can upload them later from the booking page."
+            : `${attached} of ${total} attached. You can finish the rest later from the booking page.`}
+        </Text>
+      </Group>
+
+      <Controller
+        name="documents"
+        control={form.control}
+        render={({ field }) => (
+          <SmartFileInput
+            file={BOOKING_DOCS_SETTING}
+            value={(field.value ?? {}) as BookingDocuments}
+            onChange={(value) => field.onChange(value)}
+          />
+        )}
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step-scheduling.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step-scheduling.tsx
new file mode 100644
index 000000000..3a989e60c
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step-scheduling.tsx
@@ -0,0 +1,635 @@
+import { api } from "@/services/api";
+import type { Freight } from "@edr/types";
+import {
+  Box,
+  Button,
+  Card,
+  Group,
+  Modal,
+  Stack,
+  Text,
+  useMantineTheme
+} from "@mantine/core";
+import { useQuery } from "@tanstack/react-query";
+import {
+  addMonths,
+  eachDayOfInterval,
+  endOfMonth,
+  endOfWeek,
+  format,
+  isSameMonth,
+  isToday,
+  startOfMonth,
+  startOfWeek,
+} from "date-fns";
+import {
+  Calendar as CalendarIcon,
+  Check,
+  ChevronLeft,
+  ChevronRight,
+  Package,
+  Route,
+  Train,
+} from "lucide-react";
+import React, { useMemo, useState } from "react";
+import { UseFormReturn } from "react-hook-form";
+import { BookingFormInputValues, BookingFormValues } from "./schema";
+
+interface StepSchedulingProps {
+  form: UseFormReturn<BookingFormInputValues, any, BookingFormValues>;
+  referenceData?: Freight.BookingReferenceData;
+}
+
+interface DayData {
+  day: number;
+  dateString: string;
+  isToday: boolean;
+  isCurrentMonth: boolean;
+  isSelectedDate: boolean;
+  schedules: Freight.BookableScheduleItem[];
+  hasSchedule: boolean;
+}
+
+export function StepScheduling({ form, referenceData }: StepSchedulingProps) {
+  const theme = useMantineTheme();
+  const [currentDate, setCurrentDate] = useState(new Date());
+  const [selectedDayForModal, setSelectedDayForModal] = useState<DayData | null>(null);
+
+  const selectedDate = form.watch("scheduledDate");
+  const selectedScheduleId = form.watch("trainScheduleId");
+  const originYardId = form.watch("originYard");
+  const destinationYardId = form.watch("destinationYard");
+  const cargoType = form.watch("cargoType");
+  const containers = form.watch("containers");
+  const cargoTypePath = form.watch("cargoTypePath");
+  const cargoWeight = form.watch("cargoWeight");
+
+  const originName = useMemo(
+    () => referenceData?.yard.find((y) => y.id === originYardId)?.name ?? "—",
+    [referenceData, originYardId],
+  );
+
+  const destinationName = useMemo(
+    () =>
+      referenceData?.yard.find((y) => y.id === destinationYardId)?.name ?? "—",
+    [referenceData, destinationYardId],
+  );
+
+  const { data: bookableSchedules } = useQuery(
+    api.bookings.getBookableSchedules.queryOptions({
+      input: { originYardId, destinationYardId },
+      enabled: !!originYardId && !!destinationYardId,
+    }),
+  );
+
+  // Group all schedules per date — multiple departures per day are allowed.
+  // scheduleDate comes back as a full ISO timestamp; slice to "yyyy-MM-dd" to
+  // match the format used by the calendar day keys.
+  const schedulesByDate = useMemo(() => {
+    const map = new Map<string, Freight.BookableScheduleItem[]>();
+    if (bookableSchedules) {
+      for (const s of bookableSchedules) {
+        const dateKey = s.scheduleDate.slice(0, 10);
+        const existing = map.get(dateKey) ?? [];
+        map.set(dateKey, [...existing, s]);
+      }
+    }
+    return map;
+  }, [bookableSchedules]);
+
+  const selectedSchedule = useMemo(
+    () => bookableSchedules?.find((s) => s.id === selectedScheduleId),
+    [bookableSchedules, selectedScheduleId],
+  );
+
+  const availableCount = useMemo(() => {
+    let count = 0;
+    schedulesByDate.forEach((schedules) => {
+      if (schedules.some((s) => s.remainingWagons > 0)) count++;
+    });
+    return count;
+  }, [schedulesByDate]);
+
+  const days = useMemo((): DayData[] => {
+    const monthStart = startOfMonth(currentDate);
+    const monthEnd = endOfMonth(currentDate);
+    const calStart = startOfWeek(monthStart, { weekStartsOn: 1 });
+    const calEnd = endOfWeek(monthEnd, { weekStartsOn: 1 });
+
+    return eachDayOfInterval({ start: calStart, end: calEnd }).map((date) => {
+      const dateString = format(date, "yyyy-MM-dd");
+      const schedules = schedulesByDate.get(dateString) ?? [];
+
+      return {
+        day: date.getDate(),
+        dateString,
+        isToday: isToday(date),
+        isCurrentMonth: isSameMonth(date, currentDate),
+        isSelectedDate: selectedDate === dateString,
+        schedules,
+        hasSchedule: schedules.length > 0,
+      };
+    });
+  }, [currentDate, schedulesByDate, selectedDate]);
+
+  const cargoSummary = useMemo(() => {
+    if (!cargoType) return "Not selected";
+    if (cargoType === "container") {
+      const parts = (containers ?? [])
+        .filter((c) => Number(c.qty) > 0)
+        .map((c) => `${c.qty} × ${c.type}`);
+      return parts.length > 0 ? `Container · ${parts.join(", ")}` : "Container";
+    }
+    const childId = cargoTypePath?.[1];
+    const commodity = referenceData?.cargo_type
+      .flatMap((g) => g.children ?? [])
+      .find((c) => c.id === childId);
+    const weight = cargoWeight ? ` · ${cargoWeight} t` : "";
+    return commodity ? `${commodity.name}${weight}` : "Bulk freight";
+  }, [cargoType, containers, cargoTypePath, cargoWeight, referenceData]);
+
+  const weeksCount = Math.ceil(days.length / 7);
+
+  const handleDayClick = (day: DayData) => {
+    if (day.schedules.length > 1) {
+      setSelectedDayForModal(day);
+    } else if (day.schedules.length === 1) {
+      form.setValue("scheduledDate", day.dateString, {
+        shouldValidate: true,
+      });
+      form.setValue("trainScheduleId", day.schedules[0].id, {
+        shouldValidate: true,
+      });
+    }
+  };
+
+  const handleSelectScheduleFromModal = (scheduleId: string) => {
+    if (selectedDayForModal) {
+      form.setValue("scheduledDate", selectedDayForModal.dateString, {
+        shouldValidate: true,
+      });
+      form.setValue("trainScheduleId", scheduleId, {
+        shouldValidate: true,
+      });
+      setSelectedDayForModal(null);
+    }
+  };
+
+  return (
+    <Group gap={24} align="flex-start" wrap="wrap" style={{ width: "100%" }}>
+      {/* ── Calendar Card ───────────────────────────────────── */}
+      <Box style={{ flex: 1, minWidth: 300 }}>
+        <Card p={0} style={{ overflow: "hidden" }}>
+          {/* Card header */}
+          <Group
+            justify="space-between"
+            align="center"
+            px={24}
+            py={20}
+            style={{
+              borderBottom: `1px solid ${theme.colors["edr-border"][0]}`,
+            }}
+          >
+            <Stack gap={3}>
+              <Text fw={800} fz={18} c="edr-text.0">
+                Select a shipment date
+              </Text>
+              <Text fz={13} c="edr-muted">
+                Confirmed train departures · {originName} → {destinationName}
+              </Text>
+            </Stack>
+            <Group gap={10}>
+              <Button
+                variant="default"
+                w={34}
+                h={34}
+                p={0}
+                radius="xl"
+                onClick={() => setCurrentDate((d) => addMonths(d, -1))}
+              >
+                <ChevronLeft size={16} />
+              </Button>
+              <Text fw={700} fz={14} c="edr-text.0" style={{ minWidth: 90, textAlign: "center" }}>
+                {format(currentDate, "MMMM yyyy")}
+              </Text>
+              <Button
+                variant="default"
+                w={34}
+                h={34}
+                p={0}
+                radius="xl"
+                onClick={() => setCurrentDate((d) => addMonths(d, 1))}
+              >
+                <ChevronRight size={16} />
+              </Button>
+            </Group>
+          </Group>
+
+          {/* Card body */}
+          <Stack gap={14} px={24} py={18}>
+            <Text fz={13} fw={600} c="edr-text.0">
+              {originYardId && destinationYardId
+                ? `${availableCount} available departure${availableCount !== 1 ? "s" : ""} in ${format(currentDate, "MMMM")} — pick one to continue`
+                : "Select origin and destination to see available departures"}
+            </Text>
+
+            {/* Weekday headers */}
+            <Box
+              style={{
+                display: "grid",
+                gridTemplateColumns: "repeat(7, 1fr)",
+                gap: 6,
+                paddingBottom: 8,
+              }}
+            >
+              {["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"].map((d) => (
+                <Text
+                  key={d}
+                  ta="center"
+                  fz={10.5}
+                  fw={700}
+                  c="edr-muted"
+                  style={{ letterSpacing: "0.06em" }}
+                >
+                  {d}
+                </Text>
+              ))}
+            </Box>
+
+            {/* Date grid */}
+            <Stack gap={2}>
+              {Array.from({ length: weeksCount }, (_, wi) => (
+                <Box
+                  key={wi}
+                  style={{
+                    display: "grid",
+                    gridTemplateColumns: "repeat(7, 1fr)",
+                    gap: 2,
+                  }}
+                >
+                  {days.slice(wi * 7, wi * 7 + 7).map((d, di) => (
+                    <DayCell
+                      key={di}
+                      day={d}
+                      onDayClick={handleDayClick}
+                    />
+                  ))}
+                </Box>
+              ))}
+            </Stack>
+          </Stack>
+        </Card>
+      </Box>
+
+      {/* ── Side Panel ──────────────────────────────────────── */}
+      <Stack gap={20} style={{ width: 340, flexShrink: 0 }}>
+        {/* Booking summary card */}
+        <Card p={0} style={{ overflow: "hidden" }}>
+          <Group
+            justify="space-between"
+            align="center"
+            px={20}
+            py={18}
+            style={{
+              borderBottom: `1px solid ${theme.colors["edr-border"][0]}`,
+            }}
+          >
+            <Text fw={800} fz={15} c="edr-text.0">
+              Booking summary
+            </Text>
+          </Group>
+
+          <Stack gap={14} px={20} py={18}>
+            <SummaryRow
+              icon={<Route size={17} color={theme.colors["edr-muted"][0]} />}
+              label="ROUTE"
+              value={`${originName} → ${destinationName}`}
+            />
+            <SummaryRow
+              icon={<Package size={17} color={theme.colors["edr-muted"][0]} />}
+              label="CARGO"
+              value={cargoSummary}
+            />
+
+            {selectedSchedule && selectedDate && (
+              <Box
+                p={14}
+                style={{
+                  borderRadius: theme.radius.lg,
+                  backgroundColor: theme.colors["edr-soft"][0],
+                }}
+              >
+                <Stack gap={10}>
+                  <Group gap={7}>
+                    <Train size={16} color={theme.colors["edr-green"][7]} />
+                    <Text
+                      fz={10}
+                      fw={700}
+                      c="edr-green.7"
+                      style={{ letterSpacing: "0.08em" }}
+                    >
+                      SELECTED DEPARTURE
+                    </Text>
+                  </Group>
+                  <Text fw={800} fz={16} c="edr-text.0">
+                    {format(new Date(selectedDate + "T00:00:00"), "EEE, MMM d yyyy")}
+                  </Text>
+                  <Group justify="space-between">
+                    <Text fz={12.5} c="edr-muted">
+                      Train
+                    </Text>
+                    <Text fz={12.5} fw={700} c="edr-text.0">
+                      {selectedSchedule.trainNumber ?? selectedSchedule.id.slice(0, 8)}
+                    </Text>
+                  </Group>
+                  <Group justify="space-between">
+                    <Text fz={12.5} c="edr-muted">
+                      Wagons available
+                    </Text>
+                    <Text fz={12.5} fw={700} c="edr-text.0">
+                      {selectedSchedule.remainingWagons} / {selectedSchedule.maxWagons}
+                    </Text>
+                  </Group>
+                </Stack>
+              </Box>
+            )}
+          </Stack>
+        </Card>
+
+        {/* Help card */}
+        <Box
+          p={18}
+          style={{
+            borderRadius: theme.radius.xl,
+            backgroundColor: theme.colors["edr-ink"][0],
+          }}
+        >
+          <Stack gap={8}>
+            <Group gap={8} align="center">
+              <CalendarIcon size={18} color={theme.colors["edr-green"][5]} />
+              <Text fw={700} fz={14} c="white">
+                Need a different date?
+              </Text>
+            </Group>
+            <Text fz={12.5} style={{ color: "#A7B6C2", lineHeight: 1.5 }}>
+              Our freight desk can arrange charter departures for full-train loads.
+            </Text>
+            <Text fz={13} fw={700} c="edr-green.5" style={{ cursor: "pointer" }}>
+              Contact freight desk →
+            </Text>
+          </Stack>
+        </Box>
+      </Stack>
+
+      {/* ── Schedule Selection Modal ──────────────────────────── */}
+      <Modal
+        opened={!!selectedDayForModal}
+        onClose={() => setSelectedDayForModal(null)}
+        title={selectedDayForModal ? format(new Date(selectedDayForModal.dateString + "T00:00:00"), "EEE, MMM d yyyy") : ""}
+        centered
+        size="sm"
+        styles={{
+          header: { borderBottom: `1px solid ${theme.colors["edr-border"][0]}` },
+          body: { padding: 24 },
+        }}
+      >
+        <Stack gap={12}>
+          <Text fz={13} c="edr-muted" fw={500}>
+            Choose a departure time
+          </Text>
+          {selectedDayForModal?.schedules.map((schedule) => (
+            <Button
+              key={schedule.id}
+              variant="outline"
+              fullWidth
+              onClick={() => handleSelectScheduleFromModal(schedule.id)}
+              style={{ height: 64, justifyContent: "flex-start" }}
+              styles={{
+                inner: { justifyContent: "flex-start" },
+                root: {
+                  borderColor: theme.colors["edr-border"][0],
+                  transition: "all 150ms ease",
+                  "&:hover": {
+                    borderColor: theme.colors["edr-green"][5],
+                    backgroundColor: theme.colors["edr-soft"][0],
+                  },
+                },
+              }}
+            >
+              <Group gap={16} w="100%">
+                <Box
+                  style={{
+                    width: 48,
+                    height: 48,
+                    borderRadius: theme.radius.md,
+                    backgroundColor: theme.colors["edr-soft"][0],
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                  }}
+                >
+                  <Train size={24} color={theme.colors["edr-green"][5]} />
+                </Box>
+                <Stack gap={3} style={{ flex: 1, alignItems: "flex-start" }}>
+                  <Text fw={700} fz={18} c="edr-text.0">
+                    {format(new Date(schedule.scheduleDate), "HH:mm")}
+                  </Text>
+                  {schedule.trainNumber && (
+                    <Text fz={12} c="edr-muted">
+                      Train {schedule.trainNumber}
+                    </Text>
+                  )}
+                </Stack>
+              </Group>
+            </Button>
+          ))}
+        </Stack>
+      </Modal>
+    </Group>
+  );
+}
+
+interface DayCellProps {
+  day: DayData;
+  onDayClick: (day: DayData) => void;
+}
+
+function DayCell({ day: d,  onDayClick, }: DayCellProps) {
+  const theme = useMantineTheme();
+
+  if (!d.isCurrentMonth) {
+    return (
+      <Box
+        style={{
+          height: 92,
+          borderRadius: theme.radius.md,
+          opacity: 0.4,
+          overflow: "hidden",
+          padding: "4px 6px",
+          backgroundColor: "transparent",
+        }}
+      >
+        <Text fz={14} fw={600} c="edr-muted">
+          {d.day}
+        </Text>
+      </Box>
+    );
+  }
+
+  const cellBg = d.isSelectedDate
+    ? theme.colors["edr-soft"][0]
+    : d.hasSchedule
+      ? "#FFFFFF"
+      : "transparent";
+
+  const cellBorder = d.isSelectedDate
+    ? `2px solid ${theme.colors["edr-green"][5]}`
+    : d.hasSchedule
+      ? `1px solid ${theme.colors["edr-border"][0]}`
+      : "none";
+
+  return (
+    <Box
+      onClick={() => d.hasSchedule && onDayClick(d)}
+      style={{
+        height: 92,
+        borderRadius: theme.radius.md,
+        backgroundColor: cellBg,
+        border: cellBorder,
+        overflow: "hidden",
+        padding: "8px 10px 10px",
+        display: "flex",
+        flexDirection: "column",
+        gap: 4,
+        cursor: d.hasSchedule ? "pointer" : "default",
+        transition: "all 150ms ease",
+        boxShadow: d.hasSchedule && !d.isSelectedDate ? "0 1px 3px rgba(0, 0, 0, 0.05)" : "none",
+      }}
+      onMouseEnter={(e) => {
+        if (d.hasSchedule && !d.isSelectedDate) {
+          e.currentTarget.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.1)";
+          e.currentTarget.style.borderColor = theme.colors["edr-border"][0];
+        }
+      }}
+      onMouseLeave={(e) => {
+        if (d.hasSchedule && !d.isSelectedDate) {
+          e.currentTarget.style.boxShadow = "0 1px 3px rgba(0, 0, 0, 0.05)";
+          e.currentTarget.style.borderColor = theme.colors["edr-border"][0];
+        }
+      }}
+    >
+      {/* Day number + check icon */}
+      <Group justify="space-between" align="center" style={{ flexShrink: 0 }}>
+        <Stack gap={0}>
+          <Text
+            fz={16}
+            fw={800}
+            c={
+              d.isToday && !d.isSelectedDate
+                ? "edr-green.6"
+                : d.hasSchedule
+                  ? "edr-text.0"
+                  : "edr-muted"
+            }
+          >
+            {d.day}
+          </Text>
+          {d.isToday && !d.isSelectedDate && (
+            <Text fz={9} fw={700} c="edr-green.6" style={{ letterSpacing: "0.04em" }}>
+              TODAY
+            </Text>
+          )}
+        </Stack>
+        {d.isSelectedDate && (
+          <Box
+            style={{
+              width: 24,
+              height: 24,
+              borderRadius: "50%",
+              backgroundColor: theme.colors["edr-green"][5],
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <Check
+              size={14}
+              color="white"
+              strokeWidth={3}
+            />
+          </Box>
+        )}
+      </Group>
+
+      {/* Schedule times */}
+      {d.hasSchedule && (
+        <Stack gap={3} style={{ flex: 1, overflow: "hidden", minWidth: 0 }}>
+          {d.schedules.slice(0, 2).map((s) => (
+            <Group key={s.id} gap={6} align="center" style={{ minWidth: 0 }}>
+              <Box
+                style={{
+                  width: 4,
+                  height: 4,
+                  borderRadius: "50%",
+                  backgroundColor: theme.colors["edr-green"][5],
+                  flexShrink: 0,
+                }}
+              />
+              <Text
+                fz={12}
+                fw={700}
+                c="edr-text.0"
+                style={{ flex: 1, minWidth: 0 }}
+              >
+                {format(new Date(s.scheduleDate), "HH:mm")}
+              </Text>
+            </Group>
+          ))}
+          {d.schedules.length > 2 && (
+            <Text fz={11} fw={600} c="edr-green.7" style={{ paddingTop: 2 }}>
+              +{d.schedules.length - 2} more
+            </Text>
+          )}
+        </Stack>
+      )}
+    </Box>
+  );
+}
+
+function SummaryRow({
+  icon,
+  label,
+  value,
+}: {
+  icon: React.ReactNode;
+  label: string;
+  value: string;
+}) {
+  const theme = useMantineTheme();
+  return (
+    <Group gap={12} align="flex-start" wrap="nowrap">
+      <Box
+        w={34}
+        h={34}
+        style={{
+          borderRadius: theme.radius.md,
+          backgroundColor: theme.colors.gray[0],
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          flexShrink: 0,
+        }}
+      >
+        {icon}
+      </Box>
+      <Stack gap={1} style={{ flex: 1, minWidth: 0 }}>
+        <Text fz={10} fw={700} style={{ color: "#9AA8B5", letterSpacing: "0.08em" }}>
+          {label}
+        </Text>
+        <Text fz={13} fw={600} c="edr-text.0">
+          {value}
+        </Text>
+      </Stack>
+    </Group>
+  );
+}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step1-contract-type.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step1-contract-type.tsx
index 717de081e..ae52a8645 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step1-contract-type.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step1-contract-type.tsx
@@ -1,17 +1,15 @@
-import { Controller, type UseFormReturn } from "react-hook-form";
+import { api } from "@/services/api";
+import type { Freight } from "@edr/types";
+import { useQuery } from "@tanstack/react-query";
 import { FileText, RefreshCw } from "lucide-react";
-import { Field } from "@edr/ui-common";
-import {
-  BookingFormInputValues,
-  MOCK_VALID_CONTRACTS,
-  type BookingFormValues,
-} from "./schema";
+import { useMemo, useState } from "react";
+import { Controller, type UseFormReturn } from "react-hook-form";
+import { BookingFormInputValues, type BookingFormValues } from "./schema";
 import {
   AlertBox,
+  AsyncComboboxField,
   OptionCard,
   OptionFieldError,
-  SelectField,
-  SelectItem,
   StepHeader,
 } from "./shared";
 
@@ -21,9 +19,167 @@ type BookingForm = UseFormReturn<
   BookingFormValues
 >;
 
-export function Step1ContractType({ form }: { form: BookingForm }) {
+interface PreviousContractOption {
+  value: string;
+  label: string;
+  booking: Freight.IBooking;
+}
+
+export function Step1ContractType({
+  form,
+  referenceData,
+}: {
+  form: BookingForm;
+  referenceData?: Freight.BookingReferenceData;
+}) {
   const contractType = form.watch("contractType");
   const previousContractRef = form.watch("previousContractRef");
+  const [searchQuery, setSearchQuery] = useState("");
+
+  const {
+    data: bookings,
+    isLoading,
+    error,
+  } = useQuery(
+    api.bookings.list.queryOptions({
+      input: {
+        page: 1,
+        pageSize: 100,
+        sortBy: "createdAt",
+        sortOrder: "DESC",
+      },
+    }),
+  );
+
+  const contractOptions = useMemo<PreviousContractOption[]>(() => {
+    console.log("Bookings data:", bookings);
+    if (!bookings) return [];
+
+    return bookings?.items
+      .map((booking) => {
+        const origin = booking.originYard?.label || "Unknown";
+        const destination = booking.destinationYard?.label || "Unknown";
+        return {
+          value: booking.id,
+          label: `${booking.reference} - Route: ${origin} to ${destination}`,
+          booking,
+        };
+      })
+      .filter((opt) =>
+        opt.label.toLowerCase().includes(searchQuery.toLowerCase()),
+      );
+  }, [bookings, searchQuery]);
+
+  const handleSelectContract = (contractId: string) => {
+    const selected = contractOptions.find((opt) => opt.value === contractId);
+    if (!selected) return;
+
+    form.setValue("previousContractRef", contractId);
+
+    const booking = selected.booking;
+    if (!booking) return;
+
+    // ── Service type ────────────────────────────────────────────────────
+    const service = booking.serviceType
+      ? referenceData?.service.find((s) => s.code === booking.serviceType)
+      : undefined;
+    const serviceId = service?.id || booking.serviceTypeId;
+    if (serviceId) form.setValue("serviceTypeId", serviceId);
+
+    // ── First / last mile ───────────────────────────────────────────────
+    form.setValue("firstMile.enabled", booking.firstMileEnabled);
+    if (booking.firstMilePickupAddress) {
+      form.setValue("firstMile.pickUpAddress", booking.firstMilePickupAddress);
+    }
+    form.setValue("lastMile.enabled", booking.lastMileEnabled);
+    if (booking.lastMileDeliveryAddress) {
+      form.setValue(
+        "lastMile.deliveryAddress",
+        booking.lastMileDeliveryAddress,
+      );
+    }
+
+    // ── Equipment return ────────────────────────────────────────────────
+    form.setValue(
+      "equipmentReturn",
+      booking.equipmentReturn === "WITH_RETURN"
+        ? "with_return"
+        : "without_return",
+    );
+
+    // ── Customs ─────────────────────────────────────────────────────────
+    if (service) {
+      form.setValue("customsClearingEnabled", service.includesCustoms);
+    }
+
+    // ── Route ───────────────────────────────────────────────────────────
+    if (booking.originYard?.id) {
+      form.setValue("originYard", booking.originYard.id);
+    }
+    if (booking.destinationYard?.id) {
+      form.setValue("destinationYard", booking.destinationYard.id);
+    }
+
+    // ── Shipping line ───────────────────────────────────────────────────
+    if (booking.shippingLineId && referenceData?.shipping_line) {
+      const shippingLine = referenceData.shipping_line.find(
+        (sl) => sl.id === booking.shippingLineId,
+      );
+      if (shippingLine) {
+        form.setValue("shippingLine", shippingLine.name);
+      }
+    }
+
+    // ── Cargo type ──────────────────────────────────────────────────────
+    form.setValue(
+      "cargoType",
+      booking.freightType === "CONTAINER" ? "container" : "bulk",
+    );
+
+    // ── Cargo weight (bulk) ─────────────────────────────────────────────
+    if (booking.cargoTotalWeightVgm > 0) {
+      form.setValue("cargoWeight", String(booking.cargoTotalWeightVgm));
+    }
+
+    // ── Hazardous / refrigerated ────────────────────────────────────────
+    form.setValue("isHazardous", booking.isHazardous);
+    form.setValue("isRefrigerated", booking.isRefrigerated);
+
+    // ── Containers ──────────────────────────────────────────────────────
+    if (
+      booking.freightType === "CONTAINER" &&
+      booking.containers &&
+      booking.containers.length > 0
+    ) {
+      const mappedContainers = booking.containers.map((c) => {
+        let containerTypeName = "";
+        for (const group of referenceData?.containers ?? []) {
+          const ct = group.types.find(
+            (t) => t.code === c.type || t.name === c.type,
+          );
+          if (ct) {
+            containerTypeName = ct.name;
+            break;
+          }
+        }
+        return {
+          type: (c.type === "40ft" ? "40ft" : "20ft") as "20ft" | "40ft",
+          containerType: containerTypeName,
+          qty: String(c.qty),
+          vgm: String(c.vgm),
+        };
+      });
+      form.setValue("containers", mappedContainers);
+    }
+
+    // ── Consolidation ───────────────────────────────────────────────────
+    form.setValue("consolidationEnabled", booking.allowConsolidation);
+
+    // ── Scheduled date ──────────────────────────────────────────────────
+    if (booking.scheduledDate) {
+      form.setValue("scheduledDate", booking.scheduledDate);
+    }
+  };
 
   return (
     <div className="space-y-6">
@@ -36,7 +192,7 @@ export function Step1ContractType({ form }: { form: BookingForm }) {
         name="contractType"
         control={form.control}
         render={({ field, fieldState }) => (
-          <Field data-invalid={fieldState.invalid}>
+          <div>
             <div className="grid gap-3 md:grid-cols-2">
               <OptionCard
                 selected={field.value === "new"}
@@ -46,11 +202,11 @@ export function Step1ContractType({ form }: { form: BookingForm }) {
                   form.setValue("previousContractRef", "");
                 }}
               >
-                <div className="mb-2 flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10">
-                  <FileText className="h-4 w-4 text-primary" />
+                <div className="mb-2 flex h-9 w-9 items-center justify-center rounded-lg bg-emerald-100">
+                  <FileText className="h-4 w-4 text-emerald-600" />
                 </div>
                 <p className="font-semibold">New Contract</p>
-                <p className="mt-0.5 text-xs text-muted-foreground">
+                <p className="mt-0.5 text-xs text-gray-500">
                   Create a new contract.
                 </p>
               </OptionCard>
@@ -66,41 +222,45 @@ export function Step1ContractType({ form }: { form: BookingForm }) {
                   <RefreshCw className="h-4 w-4 text-sky-600" />
                 </div>
                 <p className="font-semibold">Contract Renewal</p>
-                <p className="mt-0.5 text-xs text-muted-foreground">
+                <p className="mt-0.5 text-xs text-gray-500">
                   Select a previous reference to auto-populate historical
                   parameters.
                 </p>
               </OptionCard>
             </div>
             <OptionFieldError error={fieldState.error} />
-          </Field>
+          </div>
         )}
       />
 
       {contractType === "renewal" && (
         <div className="space-y-3 pt-1">
+          {error && (
+            <AlertBox tone="error">
+              Failed to load previous contracts. Please try again later.
+            </AlertBox>
+          )}
           <Controller
             name="previousContractRef"
             control={form.control}
             render={({ field, fieldState }) => (
-              <SelectField
+              <AsyncComboboxField
                 field={field}
                 error={fieldState.error}
                 label="Previous Contract Reference Number"
-                placeholder="Select a contract..."
-              >
-                {MOCK_VALID_CONTRACTS.map((ref) => (
-                  <SelectItem key={ref} value={ref}>
-                    {ref}
-                  </SelectItem>
-                ))}
-              </SelectField>
+                placeholder="Search by reference or route..."
+                options={contractOptions}
+                isLoading={isLoading}
+                searchQuery={searchQuery}
+                onSearchChange={setSearchQuery}
+                onSelect={handleSelectContract}
+              />
             )}
           />
           {previousContractRef && (
             <AlertBox tone="success">
-              <strong>Contract found.</strong> Company details, route, and wagon
-              preferences will be pre-filled.
+              <strong>Contract found.</strong> Route, service type, and cargo
+              details will be pre-filled.
             </AlertBox>
           )}
         </div>
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step2-service-type.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step2-service-type.tsx
index d202ce5c6..e01e2f879 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step2-service-type.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step2-service-type.tsx
@@ -1,22 +1,52 @@
+import { Switch, TextInput } from "@mantine/core";
+import { FileText, Train, Truck } from "lucide-react";
 import { useEffect, useRef } from "react";
 import { Controller, type UseFormReturn } from "react-hook-form";
-import { FileText, Package, Train, Truck } from "lucide-react";
-import { Badge, Field, FieldError, Input, Switch } from "@edr/ui-common";
 import { BookingFormInputValues, type BookingFormValues } from "./schema";
 import { OptionCard, OptionFieldError, StepHeader } from "./shared";
 
+import type { Freight } from "@edr/types";
+
 type BookingForm = UseFormReturn<
   BookingFormInputValues,
   any,
   BookingFormValues
 >;
 
-export function Step2ServiceType({ form }: { form: BookingForm }) {
-  const serviceType = form.watch("serviceType");
+export function Step2ServiceType({
+  form,
+  referenceData,
+}: {
+  form: BookingForm;
+
+  referenceData?: Freight.BookingReferenceData;
+}) {
+  const serviceTypeId = form.watch("serviceTypeId");
+  const serviceType = referenceData?.service.find(
+    (s) => s.id === serviceTypeId,
+  );
+
+  const { includesCustoms, includesFirstMile, includesLastMile } =
+    serviceType ?? {};
   const firstMileEnabled = form.watch("firstMile.enabled");
   const lastMileEnabled = form.watch("lastMile.enabled");
 
   const prevServiceType = useRef(serviceType);
+  useEffect(() => {
+    form.setValue(
+      "firstMile",
+      { enabled: false, pickUpAddress: "" },
+      { shouldValidate: true },
+    );
+  }, [includesFirstMile]);
+
+  useEffect(() => {
+    form.setValue(
+      "lastMile",
+      { enabled: false, deliveryAddress: "" },
+      { shouldValidate: true },
+    );
+  }, [includesLastMile]);
 
   useEffect(() => {
     const prev = prevServiceType.current;
@@ -24,51 +54,12 @@ export function Step2ServiceType({ form }: { form: BookingForm }) {
 
     if (!prev || prev === serviceType) return;
 
-    if (serviceType === "rail") {
-      form.setValue(
-        "firstMile",
-        { enabled: false, pickUpAddress: "" },
-        { shouldDirty: true, shouldValidate: true },
-      );
-      form.setValue(
-        "lastMile",
-        { enabled: false, deliveryAddress: "" },
-        { shouldDirty: true, shouldValidate: true },
-      );
-      form.setValue("equipmentReturn", "with_return", {
-        shouldDirty: true,
-      });
-      form.setValue("customsClearingEnabled", false, {
-        shouldDirty: true,
-      });
-    } else if (serviceType === "rail_forwarding") {
-      form.setValue(
-        "firstMile",
-        {
-          enabled: false,
-          pickUpAddress: "",
-        },
-        {
-          shouldDirty: false,
-          shouldValidate: false,
-        },
-      );
-      form.setValue(
-        "lastMile",
-        {
-          enabled: false,
-          deliveryAddress: "",
-        },
-        {
-          shouldDirty: false,
-          shouldValidate: false,
-        },
-      );
-    }
-  }, [serviceType, form]);
-
-  const showServiceSections = serviceType === "rail_forwarding";
+    if (!includesCustoms)
+      form.setValue("customsClearingEnabled", false, { shouldDirty: true });
+  }, [serviceTypeId, form]);
 
+  const showServiceSections =
+    includesCustoms || includesFirstMile || includesLastMile;
   return (
     <div className="space-y-6">
       <StepHeader
@@ -77,181 +68,176 @@ export function Step2ServiceType({ form }: { form: BookingForm }) {
       />
 
       <Controller
-        name="serviceType"
+        name="serviceTypeId"
         control={form.control}
         render={({ field, fieldState }) => (
-          <Field data-invalid={fieldState.invalid}>
+          <div>
             <div className="grid gap-3 md:grid-cols-2">
-              <OptionCard
-                selected={serviceType === "rail"}
-                onClick={() => field.onChange("rail")}
-              >
-                <div className="mb-2 flex h-9 w-9 items-center justify-center rounded-lg bg-indigo-100">
-                  <Train className="h-4 w-4 text-indigo-600" />
-                </div>
-                <p className="font-semibold">Rail Transport Only</p>
-                <p className="mt-0.5 text-xs text-muted-foreground">
-                  Rail transport along the EDR corridor, with optional
-                  first/last mile trucking.
-                </p>
-                <Badge className="mt-2 bg-indigo-100 text-indigo-700 hover:bg-indigo-100">
-                  Option A
-                </Badge>
-              </OptionCard>
-
-              <OptionCard
-                selected={serviceType === "rail_forwarding"}
-                onClick={() => field.onChange("rail_forwarding")}
-              >
-                <div className="mb-2 flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10">
-                  <Package className="h-4 w-4 text-primary" />
-                </div>
-                <p className="font-semibold">Logistics</p>
-                <p className="mt-0.5 text-xs text-muted-foreground">
-                  Rail transport plus documentation, customs liaison, and a
-                  dedicated coordinator.
-                </p>
-                <Badge className="mt-2 bg-emerald-100 text-emerald-700 hover:bg-emerald-100">
-                  Option B
-                </Badge>
-              </OptionCard>
+              {referenceData?.service
+                .filter((s) => s.canBeBookedAlone)
+                .map((s) => {
+                  return (
+                    <OptionCard
+                      selected={field.value === s.id}
+                      onClick={() => field.onChange(s.id)}
+                    >
+                      <div className="mb-2 flex h-9 w-9 items-center justify-center rounded-lg bg-indigo-100">
+                        <Train className="h-4 w-4 text-indigo-600" />
+                      </div>
+                      <p className="font-semibold">{s.serviceName}</p>
+                      <p className="mt-0.5 text-xs text-gray-500">
+                        {s.description}
+                      </p>
+                    </OptionCard>
+                  );
+                })}
             </div>
             <OptionFieldError error={fieldState.error} />
-          </Field>
+          </div>
         )}
       />
 
       {showServiceSections && (
-        <div className="divide-y divide-border rounded-xl border border-border">
-          <div className="p-4">
-            <Controller
-              name="firstMile.enabled"
-              control={form.control}
-              render={({ field }) => (
-                <div className="flex items-start justify-between gap-4">
-                  <div className="flex items-start gap-3">
-                    <Truck className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
-                    <div>
-                      <p className="text-sm font-medium">
-                        First Mile - Pick-up
-                      </p>
-                      <p className="mt-0.5 text-xs text-muted-foreground">
-                        Truck pick-up from your premises (Door to Port) to the
-                        origin rail yard.
-                      </p>
-                    </div>
-                  </div>
-                  <Switch
-                    checked={field.value}
-                    onCheckedChange={(value) => {
-                      field.onChange(value);
-                      if (!value) {
-                        form.setValue("firstMile.pickUpAddress", "", {
-                          shouldDirty: true,
-                          shouldValidate: true,
-                        });
-                      }
-                    }}
-                  />
-                </div>
-              )}
-            />
-            {firstMileEnabled && (
+        <div className="divide-y divide-gray-200 rounded-xl border border-gray-200">
+          {/* First Mile */}
+          {includesFirstMile && (
+            <div className="p-4">
               <Controller
-                name="firstMile.pickUpAddress"
+                name="firstMile.enabled"
                 control={form.control}
-                render={({ field, fieldState }) => (
-                  <Field className="mt-3" data-invalid={fieldState.invalid}>
-                    <Input
+                render={({ field }) => (
+                  <div className="flex items-start justify-between gap-4">
+                    <div className="flex items-start gap-3">
+                      <Truck className="mt-0.5 h-4 w-4 shrink-0 text-gray-400" />
+                      <div>
+                        <p className="text-sm font-medium">
+                          First Mile — Pick-up
+                        </p>
+                        <p className="mt-0.5 text-xs text-gray-500">
+                          Truck pick-up from your premises (Door to Port) to the
+                          origin rail yard.
+                        </p>
+                      </div>
+                    </div>
+                    <Switch
+                      checked={field.value}
+                      onChange={(e) => {
+                        const value = e.currentTarget.checked;
+                        field.onChange(value);
+                        if (!value) {
+                          form.setValue("firstMile.pickUpAddress", "", {
+                            shouldDirty: true,
+                            shouldValidate: true,
+                          });
+                        }
+                      }}
+                      color="edr-green"
+                    />
+                  </div>
+                )}
+              />
+              {firstMileEnabled && (
+                <Controller
+                  name="firstMile.pickUpAddress"
+                  control={form.control}
+                  render={({ field, fieldState }) => (
+                    <TextInput
                       {...field}
-                      aria-invalid={fieldState.invalid}
+                      mt="sm"
                       placeholder="Pick-up address *"
+                      error={fieldState.error?.message}
+                      radius="md"
                     />
-                    <FieldError errors={[fieldState.error]} />
-                  </Field>
-                )}
-              />
-            )}
-          </div>
-
-          <div className="p-4">
-            <Controller
-              name="lastMile.enabled"
-              control={form.control}
-              render={({ field }) => (
-                <div className="flex items-start justify-between gap-4">
-                  <div className="flex items-start gap-3">
-                    <Truck className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
-                    <div>
-                      <p className="text-sm font-medium">
-                        Last Mile - Delivery
-                      </p>
-                      <p className="mt-0.5 text-xs text-muted-foreground">
-                        Truck delivery from the destination rail yard to the
-                        final address (Port to Door).
-                      </p>
-                    </div>
-                  </div>
-                  <Switch
-                    checked={field.value}
-                    onCheckedChange={(value) => {
-                      field.onChange(value);
-                      if (!value) {
-                        form.setValue("lastMile.deliveryAddress", "", {
-                          shouldDirty: true,
-                          shouldValidate: true,
-                        });
-                        form.setValue("equipmentReturn", "with_return", {
-                          shouldDirty: true,
-                        });
-                      }
-                    }}
-                  />
-                </div>
+                  )}
+                />
               )}
-            />
-            {lastMileEnabled && (
+            </div>
+          )}
+
+          {/* Last Mile */}
+          {includesLastMile && (
+            <div className="p-4">
               <Controller
-                name="lastMile.deliveryAddress"
+                name="lastMile.enabled"
                 control={form.control}
-                render={({ field, fieldState }) => (
-                  <Field className="mt-3" data-invalid={fieldState.invalid}>
-                    <Input
-                      {...field}
-                      aria-invalid={fieldState.invalid}
-                      placeholder="Delivery address *"
+                render={({ field }) => (
+                  <div className="flex items-start justify-between gap-4">
+                    <div className="flex items-start gap-3">
+                      <Truck className="mt-0.5 h-4 w-4 shrink-0 text-gray-400" />
+                      <div>
+                        <p className="text-sm font-medium">
+                          Last Mile — Delivery
+                        </p>
+                        <p className="mt-0.5 text-xs text-gray-500">
+                          Truck delivery from the destination rail yard to the
+                          final address (Port to Door).
+                        </p>
+                      </div>
+                    </div>
+                    <Switch
+                      checked={field.value}
+                      onChange={(e) => {
+                        const value = e.currentTarget.checked;
+                        field.onChange(value);
+                        if (!value) {
+                          form.setValue("lastMile.deliveryAddress", "", {
+                            shouldDirty: true,
+                            shouldValidate: true,
+                          });
+                          form.setValue("equipmentReturn", "with_return", {
+                            shouldDirty: true,
+                          });
+                        }
+                      }}
+                      color="edr-green"
                     />
-                    <FieldError errors={[fieldState.error]} />
-                  </Field>
+                  </div>
                 )}
               />
-            )}
-          </div>
+              {lastMileEnabled && (
+                <Controller
+                  name="lastMile.deliveryAddress"
+                  control={form.control}
+                  render={({ field, fieldState }) => (
+                    <TextInput
+                      {...field}
+                      mt="sm"
+                      placeholder="Delivery address *"
+                      error={fieldState.error?.message}
+                      radius="md"
+                    />
+                  )}
+                />
+              )}
+            </div>
+          )}
 
-          {lastMileEnabled && (
+          {/* Equipment Return */}
+          {includesLastMile && lastMileEnabled && (
             <div className="p-4">
               <Controller
                 name="equipmentReturn"
                 control={form.control}
                 render={({ field }) => (
                   <div className="flex items-start justify-between gap-4">
-                    <div className="flex items-start gap-3">
-                      <div>
-                        <p className="text-sm font-medium">Equipment Return</p>
-                        <p className="mt-0.5 text-xs text-muted-foreground">
-                          {field.value === "with_return"
-                            ? "Container returned to EDR after unloading."
-                            : "Container retained by the customer after delivery."}
-                        </p>
-                      </div>
+                    <div>
+                      <p className="text-sm font-medium">Equipment Return</p>
+                      <p className="mt-0.5 text-xs text-gray-500">
+                        {field.value === "with_return"
+                          ? "Container returned to EDR after unloading."
+                          : "Container retained by the customer after delivery."}
+                      </p>
                     </div>
                     <Switch
                       checked={field.value === "with_return"}
-                      onCheckedChange={(value) => {
+                      onChange={(e) => {
                         field.onChange(
-                          value ? "with_return" : "without_return",
+                          e.currentTarget.checked
+                            ? "with_return"
+                            : "without_return",
                         );
                       }}
+                      color="edr-green"
                     />
                   </div>
                 )}
@@ -259,32 +245,36 @@ export function Step2ServiceType({ form }: { form: BookingForm }) {
             </div>
           )}
 
-          <div className="p-4">
-            <Controller
-              name="customsClearingEnabled"
-              control={form.control}
-              render={({ field }) => (
-                <div className="flex items-start justify-between gap-4">
-                  <div className="flex items-start gap-3">
-                    <FileText className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" />
-                    <div>
-                      <p className="text-sm font-medium">
-                        Customs Clearing Service
-                      </p>
-                      <p className="mt-0.5 text-xs text-muted-foreground">
-                        EDR handles customs documentation and clearance on your
-                        behalf.
-                      </p>
+          {/* Customs Clearing */}
+          {includesCustoms && (
+            <div className="p-4">
+              <Controller
+                name="customsClearingEnabled"
+                control={form.control}
+                render={({ field }) => (
+                  <div className="flex items-start justify-between gap-4">
+                    <div className="flex items-start gap-3">
+                      <FileText className="mt-0.5 h-4 w-4 shrink-0 text-gray-400" />
+                      <div>
+                        <p className="text-sm font-medium">
+                          Customs Clearing Service
+                        </p>
+                        <p className="mt-0.5 text-xs text-gray-500">
+                          EDR handles customs documentation and clearance on
+                          your behalf.
+                        </p>
+                      </div>
                     </div>
+                    <Switch
+                      checked={field.value}
+                      onChange={(e) => field.onChange(e.currentTarget.checked)}
+                      color="edr-green"
+                    />
                   </div>
-                  <Switch
-                    checked={field.value}
-                    onCheckedChange={field.onChange}
-                  />
-                </div>
-              )}
-            />
-          </div>
+                )}
+              />
+            </div>
+          )}
         </div>
       )}
     </div>
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step3-first-last-mile.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step3-first-last-mile.tsx
deleted file mode 100644
index 3bc5629ca..000000000
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step3-first-last-mile.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-import { Controller, type UseFormReturn } from "react-hook-form";
-import { Field, FieldError, Input, Switch } from "@edr/ui-common";
-import { type BookingFormValues } from "./schema";
-import { StepHeader } from "./shared";
-
-type BookingForm = UseFormReturn<BookingFormValues>;
-
-export function Step3FirstLastMile({ form }: { form: BookingForm }) {
-  const firstMileEnabled = form.watch("firstMileEnabled");
-  const lastMileEnabled = form.watch("lastMileEnabled");
-  const equipmentReturn = form.watch("equipmentReturn");
-
-  return (
-    <div className="space-y-6">
-      <StepHeader
-        title="First & Last Mile"
-        description="Configure trucking and container return options."
-      />
-
-      <div className="divide-y divide-border rounded-xl border border-border">
-        <div className="p-4">
-          <Controller
-            name="firstMileEnabled"
-            control={form.control}
-            render={({ field }) => (
-              <div className="flex items-start justify-between gap-4">
-                <div>
-                  <p className="text-sm font-medium">First Mile - Pick-up</p>
-                  <p className="mt-0.5 text-xs text-muted-foreground">
-                    Truck pick-up from your premises (Door to Port) to the
-                    origin rail yard.
-                  </p>
-                </div>
-                <Switch
-                  checked={field.value}
-                  onCheckedChange={(value) => {
-                    field.onChange(value);
-                    if (!value) {
-                      form.setValue("pickUpAddress", "", {
-                        shouldDirty: true,
-                        shouldValidate: true,
-                      });
-                    }
-                  }}
-                />
-              </div>
-            )}
-          />
-          {firstMileEnabled && (
-            <Controller
-              name="pickUpAddress"
-              control={form.control}
-              render={({ field, fieldState }) => (
-                <Field className="mt-3" data-invalid={fieldState.invalid}>
-                  <Input
-                    {...field}
-                    aria-invalid={fieldState.invalid}
-                    placeholder="Pick-up address *"
-                  />
-                  <FieldError errors={[fieldState.error]} />
-                </Field>
-              )}
-            />
-          )}
-        </div>
-
-        <div className="p-4">
-          <Controller
-            name="lastMileEnabled"
-            control={form.control}
-            render={({ field }) => (
-              <div className="flex items-start justify-between gap-4">
-                <div>
-                  <p className="text-sm font-medium">Last Mile - Delivery</p>
-                  <p className="mt-0.5 text-xs text-muted-foreground">
-                    Truck delivery from the destination rail yard to the final
-                    address (Port to Door).
-                  </p>
-                </div>
-                <Switch
-                  checked={field.value}
-                  onCheckedChange={(value) => {
-                    field.onChange(value);
-                    if (!value) {
-                      form.setValue("deliveryAddress", "", {
-                        shouldDirty: true,
-                        shouldValidate: true,
-                      });
-                    }
-                  }}
-                />
-              </div>
-            )}
-          />
-          {lastMileEnabled && (
-            <Controller
-              name="deliveryAddress"
-              control={form.control}
-              render={({ field, fieldState }) => (
-                <Field className="mt-3" data-invalid={fieldState.invalid}>
-                  <Input
-                    {...field}
-                    aria-invalid={fieldState.invalid}
-                    placeholder="Delivery address *"
-                  />
-                  <FieldError errors={[fieldState.error]} />
-                </Field>
-              )}
-            />
-          )}
-
-          {lastMileEnabled && (
-            <div className="mt-4 border-t border-border pt-4">
-              <Controller
-                name="equipmentReturn"
-                control={form.control}
-                render={({ field }) => (
-                  <div className="flex items-start justify-between gap-4">
-                    <div>
-                      <p className="text-sm font-medium">Equipment Return</p>
-                      <p className="mt-0.5 text-xs text-muted-foreground">
-                        {field.value === "with_return"
-                          ? "Container returned to EDR after unloading."
-                          : "Container retained by the customer after delivery."}
-                      </p>
-                    </div>
-                    <Switch
-                      checked={field.value === "with_return"}
-                      onCheckedChange={(value) => {
-                        field.onChange(
-                          value ? "with_return" : "without_return",
-                        );
-                      }}
-                    />
-                  </div>
-                )}
-              />
-            </div>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step4-route.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step4-route.tsx
index f42e19449..e9d4a387e 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step4-route.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step4-route.tsx
@@ -1,8 +1,8 @@
+import type { Freight } from "@edr/types";
+import { Divider, Skeleton, Stack, Switch } from "@mantine/core";
+import { Flame, MapPin, Snowflake } from "lucide-react";
 import { useEffect, useMemo } from "react";
 import { Controller, type UseFormReturn } from "react-hook-form";
-import { Flame, MapPin, Snowflake } from "lucide-react";
-import { Field, SelectItem, Separator, Skeleton, Switch } from "@edr/ui-common";
-import type { Freight } from "@edr/types";
 import {
   BookingFormInputValues,
   type BookingFormValues,
@@ -30,11 +30,7 @@ export function Step4Route({
 
   const yardOptions = useMemo(() => {
     if (!referenceData?.yard) return [];
-    return referenceData.yard.map((y) => ({
-      value: y.name,
-      label: y.name,
-      country: y.country,
-    }));
+    return referenceData.yard.map((y) => ({ value: y.id, label: y.name }));
   }, [referenceData]);
 
   const shippingLineOptions = useMemo(() => {
@@ -45,20 +41,43 @@ export function Step4Route({
     }));
   }, [referenceData]);
 
-  const direction = getRouteDirection(originYard, destinationYard);
+  const originData = useMemo(() => {
+    return yardOptions
+      .filter((o) => o.value !== destinationYard)
+      .filter((o) => {
+        const dest = referenceData?.yard.find((y) => y.id === destinationYard);
+        if (!dest) return true;
+        const origin = referenceData?.yard.find((y) => y.id === o.value);
+
+        // can't go from Djibouti to Djibouti
+        if (dest?.country === "Djibouti" && origin?.country == "Djibouti")
+          return false;
+
+        return true;
+      });
+  }, [yardOptions, destinationYard]);
+  const destData = useMemo(() => {
+    return yardOptions.filter((o) => o.value !== originYard);
+  }, [yardOptions, originYard]);
+
+  const origin = referenceData?.yard.find((y) => y.id === originYard);
+  const dest = referenceData?.yard.find((y) => y.id === destinationYard);
+  const direction = getRouteDirection(origin, dest);
+  console.log({ yardOptions, originYard, destinationYard, direction, origin, dest });
+
   const directionStyle: Record<string, string> = {
-    export: "bg-sky-50 text-sky-800 border-sky-200",
-    import: "bg-amber-50 text-amber-800 border-amber-200",
-    domestic: "bg-muted text-muted-foreground border-border",
+    EXPORT: "bg-sky-50 text-sky-800 border-sky-200",
+    IMPORT: "bg-amber-50 text-amber-800 border-amber-200",
+    DOMESTIC: "bg-gray-100 text-gray-600 border-gray-200",
   };
   const directionLabel: Record<string, string> = {
-    export: "Export workflow (inside country to outside country)",
-    import: "Import workflow (outside country to inside country)",
-    domestic: "Domestic corridor",
+    EXPORT: "Export workflow (inside country to outside country)",
+    IMPORT: "Import workflow (outside country to inside country)",
+    DOMESTIC: "Domestic corridor",
   };
 
   useEffect(() => {
-    if (direction === "domestic") {
+    if (direction === "DOMESTIC") {
       form.setValue("shippingLine", "", { shouldDirty: true });
     }
   }, [direction]);
@@ -85,15 +104,11 @@ export function Step4Route({
                 <SelectField
                   field={field}
                   error={fieldState.error}
-                  label="Origin Yard*"
+                  label="Origin Yard *"
                   placeholder="Select origin..."
                   disabled={stationSelectDisabled}
-                >
-                  <YardSelectOptions
-                    options={yardOptions}
-                    excludeValue={destinationYard}
-                  />
-                </SelectField>
+                  data={originData}
+                />
               )}
             />
             <Controller
@@ -106,12 +121,8 @@ export function Step4Route({
                   label="Destination Yard *"
                   placeholder="Select destination..."
                   disabled={stationSelectDisabled}
-                >
-                  <YardSelectOptions
-                    options={yardOptions}
-                    excludeValue={originYard}
-                  />
-                </SelectField>
+                  data={destData}
+                />
               )}
             />
           </div>
@@ -126,7 +137,7 @@ export function Step4Route({
         </div>
       )}
 
-      {direction && direction != "domestic" && (
+      {direction && direction !== "DOMESTIC" && (
         <Controller
           name="shippingLine"
           control={form.control}
@@ -136,19 +147,15 @@ export function Step4Route({
               error={fieldState.error}
               label="Shipping Line"
               placeholder="Select shipping line..."
-            >
-              {shippingLineOptions.map((sl) => (
-                <SelectItem key={sl.value} value={sl.value}>
-                  {sl.label}
-                </SelectItem>
-              ))}
-            </SelectField>
+              data={shippingLineOptions}
+            />
           )}
         />
       )}
-      <Separator />
 
-      <div className="space-y-0 divide-y divide-border">
+      <Divider />
+
+      <div className="divide-y divide-gray-200">
         <Controller
           name="isHazardous"
           control={form.control}
@@ -158,12 +165,16 @@ export function Step4Route({
                 <Flame className="h-4 w-4 shrink-0 text-red-500" />
                 <div>
                   <p className="text-sm font-medium">Hazardous Material</p>
-                  <p className="text-xs text-muted-foreground">
+                  <p className="text-xs text-gray-500">
                     Applies a Hazard Surcharge to the final bill.
                   </p>
                 </div>
               </div>
-              <Switch checked={field.value} onCheckedChange={field.onChange} />
+              <Switch
+                checked={field.value}
+                onChange={(e) => field.onChange(e.currentTarget.checked)}
+                color="edr-green"
+              />
             </div>
           )}
         />
@@ -176,13 +187,17 @@ export function Step4Route({
                 <Snowflake className="h-4 w-4 shrink-0 text-sky-500" />
                 <div>
                   <p className="text-sm font-medium">Refrigerated Cargo</p>
-                  <p className="text-xs text-muted-foreground">
+                  <p className="text-xs text-gray-500">
                     Temperature-controlled transport applies a Refrigerator
                     Surcharge.
                   </p>
                 </div>
               </div>
-              <Switch checked={field.value} onCheckedChange={field.onChange} />
+              <Switch
+                checked={field.value}
+                onChange={(e) => field.onChange(e.currentTarget.checked)}
+                color="edr-green"
+              />
             </div>
           )}
         />
@@ -193,48 +208,18 @@ export function Step4Route({
 
 function LoadingSkeleton() {
   return (
-    <div className="space-y-4 rounded-xl border border-border p-4">
+    <div className="space-y-4 rounded-xl border border-gray-200 p-4">
       <div className="grid gap-3 sm:grid-cols-2">
-        <div className="space-y-2">
-          <Skeleton className="h-3 w-20" />
-          <Skeleton className="h-10 w-full" />
-        </div>
-        <div className="space-y-2">
-          <Skeleton className="h-3 w-24" />
-          <Skeleton className="h-10 w-full" />
-        </div>
+        <Stack gap={8}>
+          <Skeleton height={12} w={80} radius="sm" />
+          <Skeleton height={40} radius="md" />
+        </Stack>
+        <Stack gap={8}>
+          <Skeleton height={12} w={96} radius="sm" />
+          <Skeleton height={40} radius="md" />
+        </Stack>
       </div>
-      <Skeleton className="h-8 w-full" />
+      <Skeleton height={32} radius="md" />
     </div>
   );
 }
-
-function YardSelectOptions({
-  options,
-  excludeValue,
-}: {
-  options: Array<{ value: string; label: string; country: string }>;
-  excludeValue: string;
-}) {
-  if (options.length === 0) {
-    return (
-      <SelectItem value="__yards_empty" disabled>
-        No yards available
-      </SelectItem>
-    );
-  }
-
-  const availableOptions = options.filter(
-    (option) => option.value !== excludeValue,
-  );
-
-  return (
-    <>
-      {availableOptions.map((option) => (
-        <SelectItem key={option.value} value={option.value}>
-          {option.label}
-        </SelectItem>
-      ))}
-    </>
-  );
-}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step5-cargo-details.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step5-cargo-details.tsx
index cbd70f5ac..47e2fa2ff 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step5-cargo-details.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step5-cargo-details.tsx
@@ -1,26 +1,25 @@
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { Controller, useFieldArray, type UseFormReturn } from "react-hook-form";
-import { MapPin, Package, Plus, Trash2, Weight } from "lucide-react";
+import { Package, Plus, Trash2, Weight } from "lucide-react";
 import {
+  ActionIcon,
   Button,
-  Field,
-  FieldError,
-  FieldLabel,
-  Input,
   Skeleton,
-} from "@edr/ui-common";
+  InputLabel,
+  Text,
+  TextInput,
+} from "@mantine/core";
 import type { Freight } from "@edr/types";
 import {
   BookingFormInputValues,
-  calcWagons,
+  calcWagons, 
   type BookingFormValues,
-  type RouteDirection,
 } from "./schema";
 import {
   AlertBox,
   OptionCard,
+  OptionFieldError,
   SelectField,
-  SelectItem,
   StepHeader,
   StepLabel,
 } from "./shared";
@@ -38,13 +37,14 @@ export function Step5CargoDetails({
   isLoading,
 }: {
   form: BookingForm;
-  direction: RouteDirection;
+  direction: Freight.ScheduleTradeDirection;
   referenceData?: Freight.BookingReferenceData;
   isLoading?: boolean;
 }) {
   const cargoType = form.watch("cargoType");
-  const freightType = form.watch("freightType");
-  const bulkCommoditytype = form.watch("bulkCommoditytype");
+  const cargoTypePath = form.watch("cargoTypePath") ?? [];
+  const parentId = cargoTypePath[0];
+  const childId = cargoTypePath[1];
   const containers = form.watch("containers");
 
   const { fields, append, remove } = useFieldArray({
@@ -52,34 +52,58 @@ export function Step5CargoDetails({
     name: "containers",
   });
 
-  const containerTypeOptions = useMemo(() => {
-    if (!referenceData?.containers) return [];
-    return referenceData.containers.flatMap((group) =>
-      group.types.map((t) => t.name),
+  const containerTypeOptionsBySize = useMemo(() => {
+    if (!referenceData?.containers) return new Map<string, string[]>();
+    return new Map(
+      referenceData.containers.map((g) => [g.size, g.types.map((t) => t.name)]),
     );
   }, [referenceData]);
 
+  useEffect(() => {
+    if (parentId) {
+      form.setValue("cargoTypePath", [parentId, ""], { shouldDirty: true });
+    }
+  }, [parentId]);
+
+  const selectedCommodity = useMemo(() => {
+    if (!referenceData?.cargo_type || !parentId || !childId) return null;
+    const group = referenceData.cargo_type.find((g) => g.id === parentId);
+    return group?.children?.find((c) => c.id === childId) ?? null;
+  }, [referenceData, parentId, childId]);
+
   const freightTypeGroups = useMemo(() => {
     if (!referenceData?.cargo_type) return [];
     return referenceData.cargo_type.filter(
-      (g) => g.code !== "CONTAINER",
+      (g) => g.code !== "CONTAINER" && !/container/i.test(g.name),
     );
   }, [referenceData]);
 
+  const freightTypeOptions = useMemo(
+    () =>
+      freightTypeGroups.map((g) => ({
+        value: g.id,
+        label: g.name,
+      })),
+    [freightTypeGroups],
+  );
+
   const commodityOptions = useMemo(() => {
-    if (!referenceData?.cargo_type || !freightType) return [];
-    const group = referenceData.cargo_type.find(
-      (g) => g.code.toLowerCase() === freightType,
+    if (!referenceData?.cargo_type || !parentId) return [];
+    const group = referenceData.cargo_type.find((g) => g.id === parentId);
+    return (
+      group?.children?.map((c) => ({
+        value: c.id,
+        label: c.name,
+      })) ?? []
     );
-    return group?.children?.map((c) => c.name) ?? [];
-  }, [referenceData, freightType]);
+  }, [referenceData, parentId]);
 
   function getOverweightAlert(
     type: "20ft" | "40ft",
     vgm: number,
   ): string | null {
     if (type === "20ft" && vgm > 0) {
-      const limit = direction === "export" ? 25 : 20;
+      const limit = direction === "EXPORT" ? 25 : 20;
       if (vgm > limit) {
         return `VGM ${vgm}t exceeds the ${limit}t ${direction ?? "standard"} limit for a 20ft container. An Overweight Surcharge will apply.`;
       }
@@ -97,14 +121,14 @@ export function Step5CargoDetails({
           title="Cargo Details"
           description="Define your cargo type, weight, and container configuration."
         />
-        <div className="space-y-4 rounded-xl border border-border p-4">
-          <Skeleton className="h-4 w-24" />
+        <div className="space-y-4 rounded-xl border border-gray-200 p-4">
+          <Skeleton height={14} w={96} radius="sm" />
           <div className="grid gap-3 sm:grid-cols-2">
-            <Skeleton className="h-24 w-full" />
-            <Skeleton className="h-24 w-full" />
+            <Skeleton height={96} radius="xl" />
+            <Skeleton height={96} radius="xl" />
           </div>
-          <Skeleton className="h-10 w-full" />
-          <Skeleton className="h-10 w-1/3" />
+          <Skeleton height={40} radius="md" />
+          <Skeleton height={40} w="33%" radius="md" />
         </div>
       </div>
     );
@@ -117,28 +141,27 @@ export function Step5CargoDetails({
         description="Define your cargo type, weight, and container configuration."
       />
 
+      {/* Cargo Type */}
       <div className="space-y-3">
-        <StepLabel>Cargo Type *</StepLabel>
+        <InputLabel>Cargo Type *</InputLabel>
         <Controller
           name="cargoType"
           control={form.control}
           render={({ field, fieldState }) => (
-            <Field data-invalid={fieldState.invalid}>
+            <div>
               <div className="grid gap-3 sm:grid-cols-2">
                 <OptionCard
                   selected={cargoType === "container"}
                   onClick={() => {
                     field.onChange("container");
-                    form.setValue("freightType", "", {
-                      shouldDirty: true,
-                    });
+                    form.setValue("cargoTypePath", [], { shouldDirty: true });
                   }}
                 >
-                  <div className="mb-2 flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10">
-                    <Package className="h-4 w-4 text-primary" />
+                  <div className="mb-2 flex h-9 w-9 items-center justify-center rounded-lg bg-emerald-100">
+                    <Package className="h-4 w-4 text-emerald-600" />
                   </div>
                   <p className="font-semibold">Containerized</p>
-                  <p className="mt-0.5 text-xs text-muted-foreground">
+                  <p className="mt-0.5 text-xs text-gray-500">
                     Pre-packed containerized cargo (20ft / 40ft).
                   </p>
                 </OptionCard>
@@ -153,102 +176,97 @@ export function Step5CargoDetails({
                     <Weight className="h-4 w-4 text-amber-600" />
                   </div>
                   <p className="font-semibold">General Cargo</p>
-                  <p className="mt-0.5 text-xs text-muted-foreground">
+                  <p className="mt-0.5 text-xs text-gray-500">
                     Bulk commodities or break-bulk cargo.
                   </p>
                 </OptionCard>
               </div>
-              <FieldError errors={[fieldState.error]} />
-            </Field>
+              <OptionFieldError error={fieldState.error} />
+            </div>
           )}
         />
       </div>
 
+      {/* Weight */}
       <div className="space-y-3">
-        <StepLabel>Weight</StepLabel>
         <Controller
           name="cargoWeight"
           control={form.control}
           render={({ field, fieldState }) => (
-            <Field data-invalid={fieldState.invalid}>
-              <FieldLabel htmlFor="cargoWeight">
-                Total Cargo Weight(Tons)*
-              </FieldLabel>
-              <div className="relative">
-                <Weight className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
-                <Input
-                  {...field}
-                  id="cargoWeight"
-                  type="number"
-                  aria-invalid={fieldState.invalid}
-                  placeholder="0.00"
-                  className="pl-9"
-                  min="0"
-                  step="0.01"
-                />
-              </div>
-              <FieldError errors={[fieldState.error]} />
-            </Field>
+            <TextInput
+              {...field}
+              id="cargoWeight"
+              type="number"
+              label="Total Cargo Weight (Tons) *"
+              placeholder="0.00"
+              leftSection={<Weight className="h-4 w-4" />}
+              error={fieldState.error?.message}
+              radius="md"
+              min={0}
+              step={0.01}
+            />
           )}
         />
       </div>
+
+      {/* Bulk freight type */}
       {cargoType === "bulk" && (
         <div className="space-y-3">
-          <StepLabel>Freight Type *</StepLabel>
-          <Controller
-            name="freightType"
-            control={form.control}
-            render={({ field, fieldState }) => (
-              <Field data-invalid={fieldState.invalid}>
-                <div className="grid gap-3 sm:grid-cols-2">
-                  {freightTypeGroups.map((group) => {
-                    const val = group.code.toLowerCase();
-                    return (
-                      <OptionCard
-                        key={group.code}
-                        selected={freightType === val}
-                        onClick={() => {
-                          field.onChange(val);
-                          form.setValue("bulkCommoditytype", "", {
-                            shouldDirty: true,
-                          });
-                        }}
-                      >
-                        <p className="font-semibold">{group.name}</p>
-                      </OptionCard>
-                    );
-                  })}
-                </div>
-                <FieldError errors={[fieldState.error]} />
-              </Field>
-            )}
-          />
+          {freightTypeOptions.length > 0 ? (
+            <Controller
+              name="cargoTypePath.0"
+              control={form.control}
+              render={({ field, fieldState }) => (
+                <SelectField
+                  field={field}
+                  error={fieldState.error}
+                  label="Bulk Cargo Type *"
+                  placeholder="Select freight type..."
+                  data={freightTypeOptions}
+                />
+              )}
+            />
+          ) : (
+            <Text size="sm" c="dimmed">
+              No freight types available.
+            </Text>
+          )}
 
-          {freightType && commodityOptions.length > 0 && (
-            <div className="space-y-2">
-              <Controller
-                name="bulkCommoditytype"
-                control={form.control}
-                render={({ field, fieldState }) => (
-                  <SelectField
-                    field={field}
-                    error={fieldState.error}
-                    label="Cargo type *"
-                    placeholder="Select type *"
-                  >
-                    {commodityOptions.map((option) => (
-                      <SelectItem key={option} value={option}>
-                        {option}
-                      </SelectItem>
-                    ))}
-                  </SelectField>
-                )}
-              />
-            </div>
+          {parentId && commodityOptions.length > 0 && (
+            <Controller
+              name="cargoTypePath.1"
+              control={form.control}
+              render={({ field, fieldState }) => (
+                <SelectField
+                  field={field}
+                  error={fieldState.error}
+                  label=""
+                  placeholder="Select type *"
+                  data={commodityOptions}
+                />
+              )}
+            />
+          )}
+
+          {selectedCommodity?.show_free_text_box && (
+            <Controller
+              name="cargoFreeText"
+              control={form.control}
+              render={({ field, fieldState }) => (
+                <TextInput
+                  {...field}
+                  label="Describe cargo *"
+                  placeholder="e.g. Charcoal, Wheat, etc."
+                  error={fieldState.error?.message}
+                  radius="md"
+                />
+              )}
+            />
           )}
         </div>
       )}
 
+      {/* Container list */}
       {cargoType === "container" && (
         <>
           <div className="space-y-4">
@@ -256,18 +274,14 @@ export function Step5CargoDetails({
               <StepLabel>Containers</StepLabel>
               <Button
                 type="button"
-                variant="outline"
+                variant="default"
                 size="sm"
+                radius="md"
+                leftSection={<Plus size={14} />}
                 onClick={() =>
-                  append({
-                    type: "20ft",
-                    containerType: "",
-                    qty: "1",
-                    vgm: "",
-                  })
+                  append({ type: "20ft", containerType: "", qty: "1", vgm: "" })
                 }
               >
-                <Plus className="mr-1 h-3.5 w-3.5" />
                 Add Container
               </Button>
             </div>
@@ -280,32 +294,44 @@ export function Step5CargoDetails({
               return (
                 <div
                   key={field.id}
-                  className="rounded-xl flex flex-col border border-border p-3 gap-2"
+                  className="flex flex-col gap-3 rounded-xl border border-gray-200 bg-gray-50/50 p-4"
                 >
                   <div className="flex items-center justify-between">
+                    <Text
+                      size="xs"
+                      fw={600}
+                      c="dimmed"
+                      tt="uppercase"
+                      className="tracking-wide"
+                    >
+                      Container {index + 1}
+                    </Text>
                     {fields.length > 1 && (
-                      <button
-                        type="button"
+                      <ActionIcon
+                        color="red"
+                        variant="subtle"
+                        size="sm"
                         onClick={() => remove(index)}
-                        className="text-xs text-destructive hover:underline"
+                        aria-label="Remove container"
                       >
-                        <Trash2 className="h-3.5 w-3.5" />
-                      </button>
+                        <Trash2 size={15} />
+                      </ActionIcon>
                     )}
                   </div>
 
+                  {/* Container size */}
                   <Controller
                     name={`containers.${index}.type`}
                     control={form.control}
                     render={({ field: typeField, fieldState }) => (
-                      <Field data-invalid={fieldState.invalid}>
+                      <div>
                         <div className="grid gap-2 sm:grid-cols-2">
                           {[
                             {
                               val: "20ft" as const,
                               label: "20ft Container (TEU)",
                               limit:
-                                direction === "export"
+                                direction === "EXPORT"
                                   ? "Max 25t per container"
                                   : "Max 20t per container",
                             },
@@ -321,27 +347,30 @@ export function Step5CargoDetails({
                               onClick={() => typeField.onChange(ct.val)}
                             >
                               <div className="mb-1 flex items-center gap-2">
-                                <Package className="h-4 w-4 text-primary" />
+                                <Package className="h-4 w-4 text-emerald-600" />
                                 <p className="font-semibold">{ct.label}</p>
                               </div>
-                              <p className="text-xs text-muted-foreground">
+                              <p className="text-xs text-gray-500">
                                 {ct.limit}
                               </p>
                             </OptionCard>
                           ))}
                         </div>
-                        <FieldError errors={[fieldState.error]} />
-                      </Field>
+                        <OptionFieldError error={fieldState.error} />
+                      </div>
                     )}
                   />
 
+                  {/* Qty + VGM + Type */}
                   <div className="grid gap-3 sm:grid-cols-3">
                     <Controller
                       name={`containers.${index}.qty`}
                       control={form.control}
                       render={({ field: qtyField, fieldState }) => (
-                        <Field data-invalid={fieldState.invalid}>
-                          <FieldLabel>Quantity *</FieldLabel>
+                        <div>
+                          <Text size="sm" fw={500} mb={4}>
+                            Quantity *
+                          </Text>
                           <div className="flex items-center gap-2">
                             <button
                               type="button"
@@ -353,20 +382,19 @@ export function Step5CargoDetails({
                                   ).toString(),
                                 )
                               }
-                              className="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-input transition hover:bg-accent"
+                              className="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-gray-200 bg-white text-sm font-medium transition hover:bg-gray-50"
                             >
-                              -
+                              −
                             </button>
-                            <Input
+                            <input
                               value={qtyField.value ?? 1}
                               onChange={(e) =>
                                 qtyField.onChange(e.target.value)
                               }
                               onBlur={qtyField.onBlur}
                               type="number"
-                              aria-invalid={fieldState.invalid}
-                              className="text-center"
-                              min="1"
+                              min={1}
+                              className="h-9 w-full rounded-lg border border-gray-200 bg-white px-3 text-center text-sm outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500"
                             />
                             <button
                               type="button"
@@ -375,13 +403,17 @@ export function Step5CargoDetails({
                                   (Number(qtyField.value ?? 1) + 1).toString(),
                                 )
                               }
-                              className="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-input transition hover:bg-accent"
+                              className="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-gray-200 bg-white text-sm font-medium transition hover:bg-gray-50"
                             >
                               +
                             </button>
                           </div>
-                          <FieldError errors={[fieldState.error]} />
-                        </Field>
+                          {fieldState.error?.message && (
+                            <Text size="xs" c="red" mt={4}>
+                              {fieldState.error.message}
+                            </Text>
+                          )}
+                        </div>
                       )}
                     />
 
@@ -389,20 +421,18 @@ export function Step5CargoDetails({
                       name={`containers.${index}.vgm`}
                       control={form.control}
                       render={({ field: vgmField, fieldState }) => (
-                        <Field data-invalid={fieldState.invalid}>
-                          <FieldLabel>Tons*</FieldLabel>
-                          <Input
-                            value={vgmField.value ?? 0}
-                            onChange={(e) => vgmField.onChange(e.target.value)}
-                            onBlur={vgmField.onBlur}
-                            type="number"
-                            aria-invalid={fieldState.invalid}
-                            placeholder="e.g. 18.5"
-                            min="0"
-                            step="0.1"
-                          />
-                          <FieldError errors={[fieldState.error]} />
-                        </Field>
+                        <TextInput
+                          value={vgmField.value ?? 0}
+                          onChange={(e) => vgmField.onChange(e.target.value)}
+                          onBlur={vgmField.onBlur}
+                          type="number"
+                          label="Tons *"
+                          placeholder="e.g. 18.5"
+                          error={fieldState.error?.message}
+                          radius="md"
+                          min={0}
+                          step={0.1}
+                        />
                       )}
                     />
 
@@ -415,13 +445,12 @@ export function Step5CargoDetails({
                           error={fieldState.error}
                           label="Container Type *"
                           placeholder="Select type..."
-                        >
-                          {containerTypeOptions.map((option) => (
-                            <SelectItem key={option} value={option}>
-                              {option}
-                            </SelectItem>
-                          ))}
-                        </SelectField>
+                          data={
+                            containerTypeOptionsBySize.get(
+                              containers[index]?.type ?? "20ft",
+                            ) ?? []
+                          }
+                        />
                       )}
                     />
                   </div>
@@ -441,18 +470,13 @@ export function Step5CargoDetails({
             if (result.hasOddUnit) {
               return (
                 <AlertBox tone="warning">
-                  <div className="flex items-start gap-2">
-                    <div>
-                      <p className="font-semibold">Unpaired 20ft Container</p>
-                      <p className="mt-1 text-xs">
-                        One 20ft container occupies only half a wagon. The wagon
-                        will depart once a co-loader is found to fill the
-                        remaining slot, which{" "}
-                        <strong>may delay departure</strong> beyond the standard
-                        lead time.
-                      </p>
-                    </div>
-                  </div>
+                  <p className="font-semibold">Unpaired 20ft Container</p>
+                  <p className="mt-1 text-xs">
+                    One 20ft container occupies only half a wagon. The wagon
+                    will depart once a co-loader is found to fill the remaining
+                    slot, which <strong>may delay departure</strong> beyond the
+                    standard lead time.
+                  </p>
                 </AlertBox>
               );
             }
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step6-wagon-allocation.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step6-wagon-allocation.tsx
deleted file mode 100644
index c58b34241..000000000
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step6-wagon-allocation.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { type UseFormReturn } from "react-hook-form";
-import { type BookingFormValues, type WagonCalcResult } from "./schema";
-import { AlertBox, StepHeader, StepLabel } from "./shared";
-
-type BookingForm = UseFormReturn<BookingFormValues>;
-
-export function Step6WagonAllocation({
-  form,
-  wagons,
-}: {
-  form: BookingForm;
-  wagons: WagonCalcResult | null;
-}) {
-  const containers = form.watch("containers") ?? [];
-  const totalContainers = containers.reduce(
-    (sum, c) => sum + Number(c.qty || 0),
-    0,
-  );
-  const containerSummary = containers
-    .filter((c) => +c.qty > 0)
-    .map((c) => `${c.qty} × ${c.type}`)
-    .join(", ");
-  return (
-    <div className="space-y-6">
-      <StepHeader
-        title="Wagon Allocation"
-        description="System-calculated wagon requirements based on your container profile."
-      />
-
-      {!wagons ? (
-        <AlertBox tone="info">
-          Complete the container configuration in the previous step to see wagon
-          allocation.
-        </AlertBox>
-      ) : (
-        <>
-          <div className="grid gap-3 sm:grid-cols-3">
-            <div className="rounded-xl bg-primary/5 p-4 text-center">
-              <p className="text-3xl font-bold text-primary">
-                {wagons.totalWagons}
-              </p>
-              <p className="mt-1 text-xs text-muted-foreground">
-                Wagons Required
-              </p>
-            </div>
-            <div className="rounded-xl bg-muted p-4 text-center">
-              <p className="text-3xl font-bold">{totalContainers}</p>
-              <p className="mt-1 text-xs text-muted-foreground">
-                {containerSummary || "Containers"}
-              </p>
-            </div>
-            <div className="rounded-xl bg-muted p-4 text-center">
-              <p className="text-3xl font-bold">{wagons.sharedWagons}</p>
-              <p className="mt-1 text-xs text-muted-foreground">Shared Slots</p>
-            </div>
-          </div>
-
-          <div>
-            <StepLabel>Wagon Layout</StepLabel>
-            <div className="mt-2 flex flex-wrap gap-2">
-              {new Array(wagons.ft40Wagons).fill(0).map((_, index) => (
-                <div
-                  key={index}
-                  className={`flex h-12 min-w-[100px] items-center justify-center rounded-lg border-2 px-3 text-xs font-semibold 
-border-primary/30 bg-primary/5 text-primary `}
-                >
-                  1 × 40ft
-                </div>
-              ))}
-              {new Array(wagons.sharedWagons).fill(0).map((_, index) => (
-                <div
-                  key={index}
-                  className={`flex h-12 min-w-[100px] items-center justify-center rounded-lg border-2 px-3 text-xs font-semibold 
- border-amber-300 bg-amber-50 text-amber-700
-`}
-                >
-                  2 × 20ft
-                </div>
-              ))}
-              {wagons.hasOddUnit && (
-                <div
-                  className={`flex h-12 min-w-[100px] items-center justify-center rounded-lg border-2 px-3 text-xs font-semibold border-destructive! bg-destructive/10 text-destructive `}
-                >
-                  1 × 20ft
-                </div>
-              )}
-            </div>
-          </div>
-
-          {wagons.hasOddUnit && (
-            <>
-              <AlertBox tone="warning">
-                <div className="flex items-start gap-2">
-                  <div>
-                    <p className="font-semibold">Unpaired 20ft Container</p>
-                    <p className="mt-1 text-xs">
-                      One 20ft container occupies only half a wagon. The wagon
-                      will depart once a co-loader is found to fill the
-                      remaining slot, which <strong>may delay departure</strong>{" "}
-                      beyond the standard lead time.
-                    </p>
-                  </div>
-                </div>
-              </AlertBox>
-            </>
-          )}
-        </>
-      )}
-    </div>
-  );
-}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step7-documents.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step7-documents.tsx
deleted file mode 100644
index a4ac23a4b..000000000
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step7-documents.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Controller, type UseFormReturn } from "react-hook-form";
-import { Field, FieldError, SmartFileInput } from "@edr/ui-common";
-import {
-  BOOKING_DOCS_SETTING,
-  REQUIRED_DOC_KEYS,
-  type BookingFormValues,
-} from "./schema";
-import { getUploadedRequiredCount, StepHeader } from "./shared";
-
-type BookingForm = UseFormReturn<BookingFormValues>;
-
-export function Step7Documents({ form }: { form: BookingForm }) {
-  const documents = form.watch("documents");
-  const uploadedRequired = getUploadedRequiredCount(documents);
-  const documentErrors = form.formState.errors.documents as
-    | Record<string, { message?: string }>
-    | undefined;
-  const smartFileErrors = Object.fromEntries(
-    Object.entries(documentErrors ?? {}).map(([key, value]) => [
-      key,
-      value?.message ?? "",
-    ]),
-  );
-
-  return (
-    <div className="space-y-6">
-      <StepHeader
-        title="Compliance Documents"
-        description="Upload your company's legal credentials for EDR contract eligibility verification (US-04)."
-      />
-
-      <div className="flex items-center gap-3 rounded-xl border border-border bg-muted/30 px-4 py-3">
-        <div
-          className={`flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-xs font-bold ${uploadedRequired === REQUIRED_DOC_KEYS.length
-              ? "bg-emerald-100 text-emerald-700"
-              : "bg-primary/10 text-primary"
-            }`}
-        >
-          {uploadedRequired}/{REQUIRED_DOC_KEYS.length}
-        </div>
-        <p className="text-sm text-muted-foreground">
-          {uploadedRequired < REQUIRED_DOC_KEYS.length
-            ? `${REQUIRED_DOC_KEYS.length - uploadedRequired} mandatory document(s) still needed.`
-            : "All mandatory documents uploaded. Power of Attorney is optional."}
-        </p>
-      </div>
-
-      <Controller
-        name="documents"
-        control={form.control}
-        render={({ field, fieldState }) => (
-          <Field data-invalid={fieldState.invalid}>
-            <SmartFileInput
-              file={BOOKING_DOCS_SETTING}
-              value={field.value}
-              onChange={(value) => field.onChange(value)}
-              errors={smartFileErrors}
-            />
-            <FieldError errors={[fieldState.error]} />
-          </Field>
-        )}
-      />
-    </div>
-  );
-}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step8-review.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step8-review.tsx
index 2c1b2e4d0..278698f83 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step8-review.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step8-review.tsx
@@ -1,21 +1,26 @@
 import { Controller, type UseFormReturn } from "react-hook-form";
-import { Check } from "lucide-react";
 import {
+  Box,
+  Button,
   Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  Field,
-  FieldError,
-  FieldLabel,
+  Divider,
+  Group,
+  Loader,
+  SimpleGrid,
+  Stack,
+  Text,
   Textarea,
-} from "@edr/ui-common";
+} from "@mantine/core";
+import { Check, Send, XCircle, FileText, Route, Package, Truck } from "lucide-react";
 import {
   BookingFormInputValues,
+  BOOKING_DOCS_SETTING,
+  type BookingDocuments,
   type BookingFormValues,
-  type RouteDirection,
 } from "./schema";
 import { StepHeader } from "./shared";
+import type { Freight } from "@/types";
+import type { GeneratePriceResponse } from "@/services/bookings.service";
 
 type BookingForm = UseFormReturn<
   BookingFormInputValues,
@@ -27,15 +32,33 @@ export function Step8Review({
   form,
   setStep,
   direction,
+  referenceData,
+  pricingPhase = "idle",
+  pricingData,
+  onConfirm,
+  onContinueLater,
+  onAbort,
+  confirmPending = false,
+  abortPending = false,
 }: {
   form: BookingForm;
   setStep: (step: number) => void;
-  direction: RouteDirection;
+  direction: Freight.ScheduleTradeDirection;
+  referenceData?: Freight.BookingReferenceData;
+  pricingPhase?: "idle" | "generating" | "ready";
+  pricingData?: GeneratePriceResponse | null;
+  onConfirm?: () => void;
+  onContinueLater?: () => void;
+  onAbort?: () => void;
+  confirmPending?: boolean;
+  abortPending?: boolean;
 }) {
   const values = form.watch();
-  const errors = form.formState.errors;
+  const serviceType = referenceData?.service.find(
+    (s) => s.id === values.serviceTypeId,
+  );
 
-  function Row({
+  function CompactRow({
     label,
     value,
     target,
@@ -45,15 +68,19 @@ export function Step8Review({
     target: number;
   }) {
     return (
-      <div className="flex items-start justify-between gap-4 py-2">
-        <div className="min-w-0">
-          <p className="text-xs text-muted-foreground">{label}</p>
-          <p className="mt-0.5 truncate text-sm font-medium">{value || "-"}</p>
+      <div className="flex items-start justify-between gap-2">
+        <div className="min-w-0 flex-1">
+          <Text size="10px" c="dimmed" fw={600} tt="uppercase" className="mb-1 tracking-wider">
+            {label}
+          </Text>
+          <Text size="sm" fw={500} className="truncate">
+            {value || "—"}
+          </Text>
         </div>
         <button
           type="button"
           onClick={() => setStep(target)}
-          className="shrink-0 text-xs font-medium text-primary hover:underline"
+          className="shrink-0 text-10px font-medium text-emerald-600 hover:underline whitespace-nowrap ml-2 mt-2"
         >
           Edit
         </button>
@@ -61,6 +88,28 @@ export function Step8Review({
     );
   }
 
+  function CompactCard({
+    icon: Icon,
+    title,
+    children,
+  }: {
+    icon: React.ReactNode;
+    title: string;
+    children: React.ReactNode;
+  }) {
+    return (
+      <Card radius="md" p="sm" withBorder className="border-gray-200 bg-white hover:shadow-sm transition-shadow">
+        <Group gap="xs" mb="xs" wrap="nowrap">
+          <Box c="edr-green">{Icon}</Box>
+          <Text size="xs" fw={700} tt="uppercase" c="dimmed" className="tracking-wider">
+            {title}
+          </Text>
+        </Group>
+        <Stack gap="xs">{children}</Stack>
+      </Card>
+    );
+  }
+
   const containerSummary =
     values.cargoType === "container" && values.containers.length > 0
       ? values.containers
@@ -68,6 +117,7 @@ export function Step8Review({
         .map((c) => `${c.qty} × ${c.type}`)
         .join(", ")
       : "";
+
   const totalVgm =
     values.cargoType === "container"
       ? values.containers.reduce(
@@ -76,202 +126,243 @@ export function Step8Review({
       )
       : 0;
 
-  const cargoValue =
-    values.cargoType === "container"
-      ? containerSummary
-      : values.freightType === "bulk"
-        ? `Bulk - ${values.bulkCommodity === "Others" ? values.bulkCommodityOther : values.bulkCommodity}`
-        : values.freightType === "break_bulk"
-          ? `Break-Bulk - ${values.breakBulkType === "Others" ? values.breakBulkTypeOther : values.breakBulkType}`
-          : "";
+  const documents = (values.documents ?? {}) as BookingDocuments;
+  const docsAttached = BOOKING_DOCS_SETTING.fields.filter((f) => {
+    const value = documents[f.fileKey];
+    return Array.isArray(value) ? value.length > 0 : Boolean(value);
+  }).length;
+  const docsTotal = BOOKING_DOCS_SETTING.fields.length;
+
+  const cargoValue = (() => {
+    if (values.cargoType === "container") return containerSummary;
+    if (!referenceData) return "";
+    const path = values.cargoTypePath ?? [];
+    const group = referenceData.cargo_type.find((g) => g.id === path[0]);
+    if (!group) return "";
+    const child = group.children?.find((c) => c.id === path[1]);
+    return child ? `${group.name} — ${child.name}` : group.name;
+  })();
+
+  const originYardName = referenceData?.yard.find(
+    (y) => y.id === values.originYard,
+  )?.name ?? values.originYard;
+
+  const destinationYardName = referenceData?.yard.find(
+    (y) => y.id === values.destinationYard,
+  )?.name ?? values.destinationYard;
+
   return (
-    <div className="space-y-6">
+    <Stack gap="md">
       <StepHeader
         title="Review & Submit"
         description="Confirm your contract request before sending it for EDR staff review."
       />
 
-      <div className="grid gap-4 md:grid-cols-2">
-        <Card className="gap-0 overflow-hidden py-0">
-          <CardHeader className="border-b px-5 py-3!">
-            <CardTitle className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-              Contract & Service
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="divide-y divide-border px-5 pb-2 pt-0">
-            <Row
-              label="Type"
-              value={values.contractType === "new" ? "New Contract" : "Renewal"}
-              target={1}
-            />
-            <Row
-              label="Service"
-              value={
-                values.serviceType === "rail"
-                  ? "Rail Only"
-                  : values.serviceType === "rail_forwarding"
-                    ? "Rail + Forwarding"
-                    : ""
-              }
-              target={2}
-            />
-          </CardContent>
+      {/* Pricing Card - Prominent at top */}
+      {pricingPhase === "generating" && (
+        <Card radius="lg" withBorder p="lg" className="border-edr-green border-2">
+          <Group justify="center" py="lg">
+            <Loader size="sm" />
+            <Text size="sm" c="dimmed">
+              Generating price estimate…
+            </Text>
+          </Group>
         </Card>
+      )}
 
-        <Card className="gap-0 overflow-hidden py-0">
-          <CardHeader className="border-b px-5 py-3!">
-            <CardTitle className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-              First & Last Mile
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="divide-y divide-border px-5 pb-2 pt-0">
-            <Row
-              label="First Mile"
-              value={
-                values.firstMile.enabled
-                  ? values.firstMile.pickUpAddress
-                  : "Not requested"
-              }
-              target={2}
-            />
-            <Row
-              label="Last Mile"
-              value={
-                values.lastMile.enabled
-                  ? values.lastMile.deliveryAddress
-                  : "Not requested"
-              }
-              target={2}
-            />
-            <Row
-              label="Equipment Return"
-              value={
-                values.equipmentReturn === "with_return"
-                  ? "With Return"
-                  : "Without Return"
-              }
-              target={2}
-            />
-            <Row
-              label="Customs Clearing"
-              value={
-                values.customsClearingEnabled ? "Enabled" : "Not requested"
-              }
-              target={2}
-            />
-          </CardContent>
+      {pricingPhase === "ready" && pricingData && (
+        <Card radius="lg" withBorder p="lg" className="border-edr-green border-2 bg-gradient-to-br from-white to-emerald-50/30">
+          <Stack gap="sm">
+            <Text size="sm" fw={700} tt="uppercase" c="edr-green" className="tracking-wider">
+              💳 Price Breakdown
+            </Text>
+            <Stack gap="xs">
+              {pricingData.lineItems.map((item) => (
+                <Group key={item.code} justify="space-between" py={2}>
+                  <Text size="sm" c="dimmed">
+                    {item.description}
+                  </Text>
+                  <Text size="sm" fw={600}>
+                    {item.amount.toLocaleString()} {item.currency}
+                  </Text>
+                </Group>
+              ))}
+            </Stack>
+            <Divider my="xs" />
+            <Group justify="space-between" py={2}>
+              <Text fw={700} size="md">
+                Total
+              </Text>
+              <Text fw={800} size="lg" c="edr-green">
+                {pricingData.totalAmount.toLocaleString()} {pricingData.currency}
+              </Text>
+            </Group>
+            {pricingData.warnings.length > 0 && (
+              <Text size="xs" c="orange.7" mt="xs" p="xs" className="bg-orange-50 rounded">
+                ⚠️ {pricingData.warnings.join(", ")}
+              </Text>
+            )}
+            <Group mt="md">
+              <Button
+                color="edr-green"
+                radius="md"
+                leftSection={<Check size={16} />}
+                onClick={onConfirm}
+                loading={confirmPending}
+                className="flex-1"
+              >
+                {confirmPending ? "Confirming…" : "Confirm"}
+              </Button>
+              <Button
+                variant="outline"
+                color="edr-green"
+                radius="md"
+                leftSection={<Send size={16} />}
+                onClick={onContinueLater}
+                className="flex-1"
+              >
+                Continue later
+              </Button>
+              <Button
+                variant="outline"
+                color="red"
+                radius="md"
+                leftSection={!abortPending ? <XCircle size={16} /> : undefined}
+                onClick={onAbort}
+                loading={abortPending}
+              >
+                Abort
+              </Button>
+            </Group>
+          </Stack>
         </Card>
+      )}
 
-        <Card className="gap-0 overflow-hidden py-0">
-          <CardHeader className="border-b px-5 py-3!">
-            <CardTitle className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-              Route & Cargo
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="divide-y divide-border px-5 pb-2 pt-0">
-            <Row
-              label="Route"
-              value={`${values.originYard} -> ${values.destinationYard}`}
-              target={3}
-            />
-            <Row
-              label="Workflow"
-              value={
-                direction
-                  ? direction.charAt(0).toUpperCase() + direction.slice(1)
-                  : ""
-              }
-              target={3}
-            />
-            <Row
-              label="Weight (VGM)"
-              value={values.cargoWeight ? `${values.cargoWeight} tons` : ""}
-              target={4}
-            />
-            <Row label="Cargo" value={cargoValue} target={4} />
-            <Row
-              label="Modifiers"
-              value={
-                [
-                  values.isHazardous && "Hazardous",
-                  values.isRefrigerated && "Refrigerated",
-                ]
-                  .filter(Boolean)
-                  .join(", ") || "None"
-              }
-              target={3}
-            />
-          </CardContent>
-        </Card>
+      {/* Review Details - Compact Cards Grid */}
+      <SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} spacing="sm" mt="md">
+        <CompactCard icon={<Package size={16} />} title="Contract & Service">
+          <CompactRow
+            label="Type"
+            value={values.contractType === "new" ? "New Contract" : "Renewal"}
+            target={1}
+          />
+          <CompactRow label="Service" value={serviceType?.name ?? ""} target={2} />
+        </CompactCard>
 
-        <Card className="gap-0 overflow-hidden py-0">
-          <CardHeader className="border-b px-5 py-3!">
-            <CardTitle className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-              Container & Wagons
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="divide-y divide-border px-5 pb-2 pt-0">
-            <Row
-              label="Containers"
-              value={containerSummary || "-"}
-              target={4}
-            />
-            <Row
-              label="Total VGM"
-              value={totalVgm > 0 ? `${totalVgm.toFixed(1)} tons` : ""}
-              target={4}
-            />
-          </CardContent>
-        </Card>
-      </div>
+        <CompactCard icon={<Route size={16} />} title="Route">
+          <CompactRow
+            label="Origin → Destination"
+            value={`${originYardName} → ${destinationYardName}`}
+            target={3}
+          />
+          <CompactRow
+            label="Workflow"
+            value={
+              direction ? direction.charAt(0).toUpperCase() + direction.slice(1) : ""
+            }
+            target={3}
+          />
+        </CompactCard>
 
+        <CompactCard icon={<Truck size={16} />} title="Logistics">
+          <CompactRow
+            label="First Mile"
+            value={
+              values.firstMile.enabled ? values.firstMile.pickUpAddress : "Not requested"
+            }
+            target={2}
+          />
+          <CompactRow
+            label="Last Mile"
+            value={
+              values.lastMile.enabled ? values.lastMile.deliveryAddress : "Not requested"
+            }
+            target={2}
+          />
+          <CompactRow
+            label="Equipment Return"
+            value={
+              values.equipmentReturn === "with_return" ? "With Return" : "Without Return"
+            }
+            target={2}
+          />
+          <CompactRow
+            label="Customs Clearing"
+            value={values.customsClearingEnabled ? "Enabled" : "Not requested"}
+            target={2}
+          />
+        </CompactCard>
+
+        <CompactCard icon={<Package size={16} />} title="Cargo Details">
+          <CompactRow
+            label="Weight (VGM)"
+            value={values.cargoWeight ? `${values.cargoWeight} tons` : ""}
+            target={4}
+          />
+          <CompactRow label="Cargo Type" value={cargoValue} target={4} />
+          <CompactRow
+            label="Modifiers"
+            value={
+              [values.isHazardous && "Hazardous", values.isRefrigerated && "Refrigerated"]
+                .filter(Boolean)
+                .join(", ") || "None"
+            }
+            target={3}
+          />
+        </CompactCard>
+
+        <CompactCard icon={<Package size={16} />} title="Containers">
+          <CompactRow
+            label="Count & Type"
+            value={containerSummary || "—"}
+            target={4}
+          />
+          <CompactRow
+            label="Total VGM"
+            value={totalVgm > 0 ? `${totalVgm.toFixed(1)} tons` : "—"}
+            target={4}
+          />
+        </CompactCard>
+
+        <CompactCard icon={<FileText size={16} />} title="Documents">
+          <div className="flex items-start justify-between gap-2">
+            <div className="min-w-0 flex-1">
+              <Text size="10px" c="dimmed" fw={600} tt="uppercase" className="mb-1 tracking-wider">
+                Attached
+              </Text>
+              <Text size="sm" fw={500}>
+                {docsAttached > 0
+                  ? `${docsAttached} of ${docsTotal}`
+                  : "None"}
+              </Text>
+            </div>
+            <button
+              type="button"
+              onClick={() => setStep(5)}
+              className="shrink-0 text-10px font-medium text-emerald-600 hover:underline whitespace-nowrap ml-2 mt-2"
+            >
+              Edit
+            </button>
+          </div>
+        </CompactCard>
+      </SimpleGrid>
+
+      {/* Notes */}
       <Controller
         name="notes"
         control={form.control}
         render={({ field }) => (
-          <Field>
-            <FieldLabel htmlFor="notes">Additional Notes</FieldLabel>
-            <Textarea
-              {...field}
-              id="notes"
-              placeholder="Any special instructions or notes for EDR operations..."
-              rows={3}
-            />
-          </Field>
+          <Textarea
+            {...field}
+            id="notes"
+            label="Additional Notes"
+            placeholder="Any special instructions or notes for EDR operations…"
+            rows={2}
+            radius="md"
+            size="sm"
+          />
         )}
       />
-
-      <Controller
-        name="termsAccepted"
-        control={form.control}
-        render={({ field, fieldState }) => (
-          <Field data-invalid={fieldState.invalid}>
-            <label className="flex cursor-pointer items-start gap-3">
-              <button
-                type="button"
-                role="checkbox"
-                aria-checked={field.value}
-                aria-invalid={fieldState.invalid}
-                onClick={() => field.onChange(!field.value)}
-                className={`mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded border-2 transition ${field.value ? "border-primary bg-primary" : "border-input"
-                  }`}
-              >
-                {field.value && (
-                  <Check className="h-3 w-3 text-primary-foreground" />
-                )}
-              </button>
-              <span className="text-sm text-muted-foreground">
-                I confirm the information is accurate and agree to EDR's{" "}
-                <span className="text-primary">
-                  freight contract terms and conditions
-                </span>
-                .
-              </span>
-            </label>
-            <FieldError errors={[fieldState.error, errors.termsAccepted]} />
-          </Field>
-        )}
-      />
-    </div>
+    </Stack>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/steps.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/steps.tsx
index 7e47282aa..2532da237 100644
--- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/steps.tsx
+++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/steps.tsx
@@ -2,4 +2,6 @@ export { Step1ContractType } from "./step1-contract-type";
 export { Step2ServiceType } from "./step2-service-type";
 export { Step4Route } from "./step4-route";
 export { Step5CargoDetails } from "./step5-cargo-details";
+export { StepScheduling } from "./step-scheduling";
+export { StepDocuments } from "./step-documents";
 export { Step8Review } from "./step8-review";
diff --git a/apps/edr-freight-web/portal/src/pages/settings/TabCompanyProfile.tsx b/apps/edr-freight-web/portal/src/pages/settings/TabCompanyProfile.tsx
index b64419565..f2ad48f2c 100644
--- a/apps/edr-freight-web/portal/src/pages/settings/TabCompanyProfile.tsx
+++ b/apps/edr-freight-web/portal/src/pages/settings/TabCompanyProfile.tsx
@@ -3,26 +3,23 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import { Building2, CheckCircle2, Loader2, Save, XCircle } from "lucide-react";
-import { api } from "@/services/api";
-import PhoneInput from "@/components/auth/PhoneInput";
+import { Building2, CheckCircle2, Save, XCircle } from "lucide-react";
 import {
   Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
+  Group,
+  Stack,
+  Title,
+  Text,
+  TextInput,
   Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-} from "@edr/ui-common";
+  Grid,
+} from "@mantine/core";
+import { api } from "@/services/api";
+import PhoneInput from "@/components/auth/PhoneInput";
 import type { ProfileResponse } from "@/types/profile";
+import type { CreateCompanyPayload } from "@/services/companies.service";
 
-const schema = z.object({
+export const COMPANY_PROFILE_SCHEMA = z.object({
   companyName: z.string().min(1, "Company name is required"),
   companyEmail: z.string().email("Invalid email address"),
   companyPhone: z.string().min(1, "Company phone is required"),
@@ -33,29 +30,52 @@ const schema = z.object({
   fanNumber: z.string().length(16, "FAN must be exactly 16 digits"),
 });
 
-type FormData = z.infer<typeof schema>;
+export type CompanyProfileFormData = z.infer<typeof COMPANY_PROFILE_SCHEMA>;
 
-function splitPhone(fullPhone?: string | null) {
+export function splitPhone(fullPhone?: string | null) {
   if (!fullPhone) return { code: "+251", number: "" };
   const match = fullPhone.match(/^(\+\d{1,3})(.*)$/);
   if (match) return { code: match[1], number: match[2] };
   return { code: "+251", number: fullPhone };
 }
 
-export default function TabCompanyProfile({ profile }: { profile: ProfileResponse }) {
-  const queryClient = useQueryClient();
+interface TabCompanyProfileProps {
+  profile?: ProfileResponse;
+  mode?: "edit" | "create";
+  onCreateSuccess?: () => void;
+}
 
-  const defaultValues = useMemo((): FormData => {
-    const phone = splitPhone(profile.companyPhone);
+export default function TabCompanyProfile({
+  profile,
+  mode = "edit",
+  onCreateSuccess,
+}: TabCompanyProfileProps) {
+  const queryClient = useQueryClient();
+  const isCreate = mode === "create";
+
+  const defaultValues = useMemo((): CompanyProfileFormData => {
+    if (profile) {
+      const phone = splitPhone(profile.companyPhone);
+      return {
+        companyName: profile.companyName,
+        companyEmail: profile.companyEmail ?? "",
+        companyPhone: phone.number,
+        companyPhoneCountryCode: phone.code,
+        companyLocation: profile.companyLocation,
+        companyAddress: profile.companyAddress ?? "",
+        tinNumber: profile.tinNumber,
+        fanNumber: profile.fanNumber ?? "",
+      };
+    }
     return {
-      companyName: profile.companyName,
-      companyEmail: profile.companyEmail ?? "",
-      companyPhone: phone.number,
-      companyPhoneCountryCode: phone.code,
-      companyLocation: profile.companyLocation,
-      companyAddress: profile.companyAddress ?? "",
-      tinNumber: profile.tinNumber,
-      fanNumber: profile.fanNumber ?? "",
+      companyName: "",
+      companyEmail: "",
+      companyPhone: "",
+      companyPhoneCountryCode: "+251",
+      companyLocation: "",
+      companyAddress: "",
+      tinNumber: "",
+      fanNumber: "",
     };
   }, [profile]);
 
@@ -64,14 +84,15 @@ export default function TabCompanyProfile({ profile }: { profile: ProfileRespons
     handleSubmit,
     reset,
     formState: { errors, isDirty },
-  } = useForm<FormData>({
-    resolver: zodResolver(schema),
+  } = useForm<CompanyProfileFormData>({
+    resolver: zodResolver(COMPANY_PROFILE_SCHEMA),
     values: defaultValues,
   });
 
   const mutation = useMutation({
-    mutationFn: (data: FormData) =>
-      api.companies.updateProfile.call({
+    mutationFn: async (data: CompanyProfileFormData) => {
+      const payload: CreateCompanyPayload = {
+        companyType: "customer",
         companyName: data.companyName,
         companyEmail: data.companyEmail,
         companyPhone: `${data.companyPhoneCountryCode}${data.companyPhone}`,
@@ -79,48 +100,58 @@ export default function TabCompanyProfile({ profile }: { profile: ProfileRespons
         companyAddress: data.companyAddress,
         tin: data.tinNumber,
         fanNumber: data.fanNumber,
-      }),
+      };
+
+      if (isCreate) {
+        return api.companies.create.call(payload);
+      } else {
+        return api.companies.updateProfile.call(payload);
+      }
+    },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: api.companies.getProfile.queryKey() });
+      queryClient.invalidateQueries({
+        queryKey: api.companies.getProfile.queryKey(),
+      });
+      if (isCreate) {
+        onCreateSuccess?.();
+      }
     },
   });
 
-  const onSubmit = (data: FormData) => mutation.mutate(data);
+  const onSubmit = (data: CompanyProfileFormData) => mutation.mutate(data);
 
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <Building2 className="size-5 text-primary" />
-          Company Profile
-        </CardTitle>
-        <CardDescription>Edit your company registration details</CardDescription>
-      </CardHeader>
+    <Card padding="lg">
+      <Group gap="sm" mb="xs">
+        <Building2 size={20} />
+        <Title order={3}>Company Profile</Title>
+      </Group>
+      <Text c="edr-muted" size="sm" mb="lg">
+        {isCreate
+          ? "Enter your company registration details to get started"
+          : "Edit your company registration details"}
+      </Text>
+
       <form onSubmit={handleSubmit(onSubmit)}>
-        <CardContent>
-          <FieldGroup className="gap-4">
-            <Field data-invalid={Boolean(errors.companyName)}>
-              <FieldLabel>Company Name</FieldLabel>
-              <Input
-                placeholder="Global Logistics Ltd"
-                aria-invalid={Boolean(errors.companyName)}
-                {...register("companyName")}
+        <Stack gap="md">
+          <TextInput
+            label="Company Name"
+            placeholder="Global Logistics Ltd"
+            error={errors.companyName?.message}
+            {...register("companyName")}
+          />
+
+          <Grid>
+            <Grid.Col span={6}>
+              <TextInput
+                label="Company Email"
+                type="email"
+                placeholder="ops@company.com"
+                error={errors.companyEmail?.message}
+                {...register("companyEmail")}
               />
-              <FieldError errors={[errors.companyName]} />
-            </Field>
-
-            <div className="grid grid-cols-2 gap-4">
-              <Field data-invalid={Boolean(errors.companyEmail)}>
-                <FieldLabel>Company Email</FieldLabel>
-                <Input
-                  type="email"
-                  placeholder="ops@company.com"
-                  aria-invalid={Boolean(errors.companyEmail)}
-                  {...register("companyEmail")}
-                />
-                <FieldError errors={[errors.companyEmail]} />
-              </Field>
-
+            </Grid.Col>
+            <Grid.Col span={6}>
               <PhoneInput
                 countryCode={{ ...register("companyPhoneCountryCode") }}
                 phone={{
@@ -131,88 +162,94 @@ export default function TabCompanyProfile({ profile }: { profile: ProfileRespons
                 phoneError={errors.companyPhone}
                 label="Company Phone"
               />
-            </div>
+            </Grid.Col>
+          </Grid>
 
-            <div className="grid grid-cols-2 gap-4">
-              <Field data-invalid={Boolean(errors.companyLocation)}>
-                <FieldLabel>Location</FieldLabel>
-                <Input
-                  placeholder="Addis Ababa, Ethiopia"
-                  aria-invalid={Boolean(errors.companyLocation)}
-                  {...register("companyLocation")}
-                />
-                <FieldError errors={[errors.companyLocation]} />
-              </Field>
+          <Grid>
+            <Grid.Col span={6}>
+              <TextInput
+                label="Location"
+                placeholder="Addis Ababa, Ethiopia"
+                error={errors.companyLocation?.message}
+                {...register("companyLocation")}
+              />
+            </Grid.Col>
+            <Grid.Col span={6}>
+              <TextInput
+                label="Address"
+                placeholder="Bole Subcity, Woreda 03"
+                error={errors.companyAddress?.message}
+                {...register("companyAddress")}
+              />
+            </Grid.Col>
+          </Grid>
 
-              <Field data-invalid={Boolean(errors.companyAddress)}>
-                <FieldLabel>Address</FieldLabel>
-                <Input
-                  placeholder="Bole Subcity, Woreda 03"
-                  aria-invalid={Boolean(errors.companyAddress)}
-                  {...register("companyAddress")}
-                />
-                <FieldError errors={[errors.companyAddress]} />
-              </Field>
-            </div>
+          <Grid>
+            <Grid.Col span={6}>
+              <TextInput
+                label="TIN Number (10 digits)"
+                placeholder="1234567890"
+                maxLength={10}
+                error={errors.tinNumber?.message}
+                {...register("tinNumber")}
+              />
+            </Grid.Col>
+            <Grid.Col span={6}>
+              <TextInput
+                label="FAN Number (16 digits)"
+                placeholder="1234567890123456"
+                maxLength={16}
+                error={errors.fanNumber?.message}
+                {...register("fanNumber")}
+              />
+            </Grid.Col>
+          </Grid>
+        </Stack>
 
-            <div className="grid grid-cols-2 gap-4">
-              <Field data-invalid={Boolean(errors.tinNumber)}>
-                <FieldLabel>TIN Number (10 digits)</FieldLabel>
-                <Input
-                  placeholder="1234567890"
-                  maxLength={10}
-                  aria-invalid={Boolean(errors.tinNumber)}
-                  {...register("tinNumber")}
-                />
-                <FieldError errors={[errors.tinNumber]} />
-              </Field>
-
-              <Field data-invalid={Boolean(errors.fanNumber)}>
-                <FieldLabel>FAN Number (16 digits)</FieldLabel>
-                <Input
-                  placeholder="1234567890123456"
-                  maxLength={16}
-                  aria-invalid={Boolean(errors.fanNumber)}
-                  {...register("fanNumber")}
-                />
-                <FieldError errors={[errors.fanNumber]} />
-              </Field>
-            </div>
-          </FieldGroup>
-        </CardContent>
-        <CardFooter className="flex items-center justify-between gap-4 border-t border-border px-6 py-4">
-          <div className="flex items-center gap-2">
-            {mutation.isSuccess && (
-              <span className="flex items-center gap-1.5 text-sm font-medium text-emerald-600">
-                <CheckCircle2 className="size-4" />
-                Saved successfully
-              </span>
+        <Group
+          justify="space-between"
+          mt="xl"
+          pt="md"
+          style={{ borderTop: "1px solid var(--mantine-color-edr-border-0)" }}
+        >
+          <Group gap="xs">
+            {mutation.isSuccess && !isCreate && (
+              <Group gap={6} c="green">
+                <CheckCircle2 size={16} />
+                <Text size="sm" fw={500}>
+                  Saved successfully
+                </Text>
+              </Group>
             )}
             {mutation.isError && (
-              <span className="flex items-center gap-1.5 text-sm font-medium text-red-600">
-                <XCircle className="size-4" />
-                Save failed
-              </span>
+              <Group gap={6} c="red">
+                <XCircle size={16} />
+                <Text size="sm" fw={500}>
+                  {isCreate ? "Failed to create profile" : "Save failed"}
+                </Text>
+              </Group>
+            )}
+          </Group>
+          <Group gap="md">
+            {!isCreate && (
+              <Button
+                type="button"
+                variant="outline"
+                disabled={mutation.isPending || !isDirty}
+                onClick={() => reset()}
+              >
+                Reset
+              </Button>
             )}
-          </div>
-          <div className="flex items-center gap-3">
             <Button
-              type="button"
-              variant="outline"
-              disabled={mutation.isPending || !isDirty}
-              onClick={() => reset()}
+              type="submit"
+              leftSection={<Save size={16} />}
+              loading={mutation.isPending}
             >
-              Reset
+              {isCreate ? "Continue" : "Save Changes"}
             </Button>
-            <Button type="submit" disabled={mutation.isPending}>
-              {mutation.isPending ? (
-                <><Loader2 className="size-4 animate-spin" /> Saving...</>
-              ) : (
-                <><Save className="size-4" /> Save Changes</>
-              )}
-            </Button>
-          </div>
-        </CardFooter>
+          </Group>
+        </Group>
       </form>
     </Card>
   );
diff --git a/apps/edr-freight-web/portal/src/pages/settings/TabContactPerson.tsx b/apps/edr-freight-web/portal/src/pages/settings/TabContactPerson.tsx
index bb2401be8..7a2d9b931 100644
--- a/apps/edr-freight-web/portal/src/pages/settings/TabContactPerson.tsx
+++ b/apps/edr-freight-web/portal/src/pages/settings/TabContactPerson.tsx
@@ -3,23 +3,18 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import { CheckCircle2, Loader2, Save, User, XCircle } from "lucide-react";
-import { api } from "@/services/api";
-import PhoneInput from "@/components/auth/PhoneInput";
+import { CheckCircle2, Save, User, XCircle } from "lucide-react";
 import {
   Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
+  Group,
+  Stack,
+  Title,
+  Text,
+  TextInput,
   Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-} from "@edr/ui-common";
+} from "@mantine/core";
+import { api } from "@/services/api";
+import PhoneInput from "@/components/auth/PhoneInput";
 import type { ProfileResponse } from "@/types/profile";
 
 const schema = z.object({
@@ -37,7 +32,13 @@ function splitPhone(fullPhone?: string | null) {
   return { code: "+251", number: fullPhone };
 }
 
-export default function TabContactPerson({ profile }: { profile: ProfileResponse }) {
+interface TabContactPersonProps {
+  profile: ProfileResponse;
+  mode?: "edit" | "onboarding";
+  onContinue?: () => void;
+}
+
+export default function TabContactPerson({ profile, mode = "edit", onContinue }: TabContactPersonProps) {
   const queryClient = useQueryClient();
 
   const defaultValues = useMemo((): FormData => {
@@ -67,78 +68,80 @@ export default function TabContactPerson({ profile }: { profile: ProfileResponse
       }),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: api.companies.getProfile.queryKey() });
+      if (mode === "onboarding") onContinue?.();
     },
   });
 
   const onSubmit = (data: FormData) => mutation.mutate(data);
 
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <User className="size-5 text-primary" />
-          Contact Person
-        </CardTitle>
-        <CardDescription>Manage the primary contact person for your account</CardDescription>
-      </CardHeader>
-      <form onSubmit={handleSubmit(onSubmit)}>
-        <CardContent>
-          <FieldGroup className="gap-4">
-            <Field data-invalid={Boolean(errors.contactPersonName)}>
-              <FieldLabel>Full Name</FieldLabel>
-              <Input
-                placeholder="Jane Smith"
-                aria-invalid={Boolean(errors.contactPersonName)}
-                {...register("contactPersonName")}
-              />
-              <FieldError errors={[errors.contactPersonName]} />
-            </Field>
+    <Card padding="lg">
+      <Group gap="sm" mb="xs">
+        <User size={20} />
+        <Title order={3}>Contact Person</Title>
+      </Group>
+      <Text c="edr-muted" size="sm" mb="lg">
+        Manage the primary contact person for your account
+      </Text>
 
-            <PhoneInput
-              countryCode={{ ...register("contactPersonPhoneCountryCode") }}
-              phone={{
-                ...register("contactPersonPhone"),
-                placeholder: "912345678",
-              }}
-              countryCodeError={errors.contactPersonPhoneCountryCode}
-              phoneError={errors.contactPersonPhone}
-              label="Phone Number"
-            />
-          </FieldGroup>
-        </CardContent>
-        <CardFooter className="flex items-center justify-between gap-4 border-t border-border px-6 py-4">
-          <div className="flex items-center gap-2">
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <Stack gap="md">
+          <TextInput
+            label="Full Name"
+            placeholder="Jane Smith"
+            error={errors.contactPersonName?.message}
+            {...register("contactPersonName")}
+          />
+
+          <PhoneInput
+            countryCode={{ ...register("contactPersonPhoneCountryCode") }}
+            phone={{ ...register("contactPersonPhone"), placeholder: "912345678" }}
+            countryCodeError={errors.contactPersonPhoneCountryCode}
+            phoneError={errors.contactPersonPhone}
+            label="Phone Number"
+          />
+        </Stack>
+
+        <Group
+          justify="space-between"
+          mt="xl"
+          pt="md"
+          style={{ borderTop: "1px solid var(--mantine-color-edr-border-0)" }}
+        >
+          <Group gap="xs">
             {mutation.isSuccess && (
-              <span className="flex items-center gap-1.5 text-sm font-medium text-emerald-600">
-                <CheckCircle2 className="size-4" />
-                Saved successfully
-              </span>
+              <Group gap={6} c="green">
+                <CheckCircle2 size={16} />
+                <Text size="sm" fw={500}>Saved successfully</Text>
+              </Group>
             )}
             {mutation.isError && (
-              <span className="flex items-center gap-1.5 text-sm font-medium text-red-600">
-                <XCircle className="size-4" />
-                Save failed
-              </span>
+              <Group gap={6} c="red">
+                <XCircle size={16} />
+                <Text size="sm" fw={500}>Save failed</Text>
+              </Group>
+            )}
+          </Group>
+          <Group gap="md">
+            {mode === "edit" && (
+              <Button
+                type="button"
+                variant="outline"
+                disabled={mutation.isPending || !isDirty}
+                onClick={() => reset()}
+              >
+                Reset
+              </Button>
             )}
-          </div>
-          <div className="flex items-center gap-3">
             <Button
-              type="button"
-              variant="outline"
-              disabled={mutation.isPending || !isDirty}
-              onClick={() => reset()}
+              type="submit"
+              leftSection={<Save size={16} />}
+              loading={mutation.isPending}
             >
-              Reset
+              {mode === "onboarding" ? "Continue" : "Save Changes"}
             </Button>
-            <Button type="submit" disabled={mutation.isPending}>
-              {mutation.isPending ? (
-                <><Loader2 className="size-4 animate-spin" /> Saving...</>
-              ) : (
-                <><Save className="size-4" /> Save Changes</>
-              )}
-            </Button>
-          </div>
-        </CardFooter>
+          </Group>
+        </Group>
       </form>
     </Card>
   );
diff --git a/apps/edr-freight-web/portal/src/pages/settings/TabDocuments.tsx b/apps/edr-freight-web/portal/src/pages/settings/TabDocuments.tsx
index 298f7ad7c..4425c513e 100644
--- a/apps/edr-freight-web/portal/src/pages/settings/TabDocuments.tsx
+++ b/apps/edr-freight-web/portal/src/pages/settings/TabDocuments.tsx
@@ -1,26 +1,33 @@
 import { useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import {
+  ArrowRight,
   CheckCircle2,
   FileCheck,
   Loader2,
   UploadCloud,
   XCircle,
 } from "lucide-react";
-import { api } from "@/services/api";
-import { companiesService } from "@/services/companies.service";
 import {
   Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
+  Group,
+  Title,
+  Text,
   Button,
-  SmartFileInput,
-} from "@edr/ui-common";
+  Center,
+} from "@mantine/core";
+import { api } from "@/services/api";
+import { companiesService } from "@/services/companies.service";
+import { SmartFileInput } from "@edr/ui-common";
 import type { ProfileResponse } from "@/types/profile";
 
-export default function TabDocuments({ profile }: { profile: ProfileResponse }) {
+interface TabDocumentsProps {
+  profile: ProfileResponse;
+  mode?: "edit" | "onboarding";
+  onContinue?: () => void;
+}
+
+export default function TabDocuments({ profile, mode = "edit", onContinue }: TabDocumentsProps) {
   const queryClient = useQueryClient();
   const [documentFiles, setDocumentFiles] = useState<Record<string, File | File[] | null>>({});
 
@@ -39,69 +46,87 @@ export default function TabDocuments({ profile }: { profile: ProfileResponse })
   });
 
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <FileCheck className="size-5 text-primary" />
-          Documents
-        </CardTitle>
-        <CardDescription>
-          Upload and manage required business documents
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        {docSettingQuery.isLoading ? (
-          <div className="flex items-center justify-center py-8">
-            <Loader2 className="size-6 animate-spin text-muted-foreground" />
-          </div>
-        ) : !docSettingQuery.data ? (
-          <p className="text-sm text-muted-foreground text-center py-4">
-            No document requirements configured for your account.
-          </p>
-        ) : (
-          <SmartFileInput
-            file={docSettingQuery.data}
-            value={documentFiles}
-            onChange={setDocumentFiles}
-          />
-        )}
+    <Card padding="lg">
+      <Group gap="sm" mb="xs">
+        <FileCheck size={20} />
+        <Title order={3}>Documents</Title>
+      </Group>
+      <Text c="edr-muted" size="sm" mb="lg">
+        Upload and manage required business documents
+      </Text>
 
-        {docSettingQuery.data && (
-          <div className="flex items-center justify-between pt-4">
-            <div className="flex items-center gap-2">
-              {docUploadMutation.isSuccess && (
-                <span className="flex items-center gap-1.5 text-sm font-medium text-emerald-600">
-                  <CheckCircle2 className="size-4" />
-                  Documents uploaded successfully
-                </span>
-              )}
-              {docUploadMutation.isError && (
-                <span className="flex items-center gap-1.5 text-sm font-medium text-red-600">
-                  <XCircle className="size-4" />
-                  Upload failed
-                </span>
-              )}
-            </div>
+      {docSettingQuery.isLoading ? (
+        <Center py="xl">
+          <Loader2 size={24} className="animate-spin" />
+        </Center>
+      ) : !docSettingQuery.data ? (
+        <Text c="edr-muted" size="sm" ta="center" py="md">
+          No document requirements configured for your account.
+        </Text>
+      ) : (
+        <SmartFileInput
+          file={docSettingQuery.data}
+          value={documentFiles}
+          onChange={setDocumentFiles}
+        />
+      )}
+
+      {docSettingQuery.data && (
+        <Group
+          justify="space-between"
+          mt="lg"
+          pt="md"
+          style={{ borderTop: "1px solid var(--mantine-color-edr-border-0)" }}
+        >
+          <Group gap="xs">
+            {docUploadMutation.isSuccess && (
+              <Group gap={6} c="green">
+                <CheckCircle2 size={16} />
+                <Text size="sm" fw={500}>
+                  {mode === "onboarding" ? "Saved successfully" : "Documents uploaded successfully"}
+                </Text>
+              </Group>
+            )}
+            {docUploadMutation.isError && (
+              <Group gap={6} c="red">
+                <XCircle size={16} />
+                <Text size="sm" fw={500}>Upload failed</Text>
+              </Group>
+            )}
+          </Group>
+          {mode === "onboarding" ? (
             <Button
               type="button"
-              onClick={() => docUploadMutation.mutate(documentFiles)}
-              disabled={docUploadMutation.isPending}
+              leftSection={<ArrowRight size={16} />}
+              loading={docUploadMutation.isPending}
+              onClick={() => {
+                const hasFiles = Object.values(documentFiles).some((f) => f !== null);
+                if (hasFiles) {
+                  docUploadMutation.mutate(documentFiles, {
+                    onSuccess: () => {
+                      queryClient.invalidateQueries({ queryKey: api.companies.getProfile.queryKey() });
+                      onContinue?.();
+                    },
+                  });
+                } else {
+                  onContinue?.();
+                }
+              }}
             >
-              {docUploadMutation.isPending ? (
-                <>
-                  <Loader2 className="size-4 animate-spin" />
-                  Uploading...
-                </>
-              ) : (
-                <>
-                  <UploadCloud className="size-4" />
-                  Upload Documents
-                </>
-              )}
+              Continue
             </Button>
-          </div>
-        )}
-      </CardContent>
+          ) : (
+            <Button
+              type="button"
+              leftSection={<UploadCloud size={16} />}
+              loading={docUploadMutation.isPending}
+              onClick={() => docUploadMutation.mutate(documentFiles)}
+            >
+              Upload Documents
+            </Button>
+          )}
+        </Group>
+      )}
     </Card>
   );
 }
diff --git a/apps/edr-freight-web/portal/src/pages/settings/TabGeneralManager.tsx b/apps/edr-freight-web/portal/src/pages/settings/TabGeneralManager.tsx
index 7c7f0d4d3..80fb5f721 100644
--- a/apps/edr-freight-web/portal/src/pages/settings/TabGeneralManager.tsx
+++ b/apps/edr-freight-web/portal/src/pages/settings/TabGeneralManager.tsx
@@ -3,23 +3,19 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import { Briefcase, CheckCircle2, Loader2, Save, XCircle } from "lucide-react";
-import { api } from "@/services/api";
-import PhoneInput from "@/components/auth/PhoneInput";
+import { Briefcase, CheckCircle2, Save, XCircle } from "lucide-react";
 import {
   Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
+  Group,
+  Stack,
+  Title,
+  Text,
+  TextInput,
   Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-} from "@edr/ui-common";
+  Grid,
+} from "@mantine/core";
+import { api } from "@/services/api";
+import PhoneInput from "@/components/auth/PhoneInput";
 import type { ProfileResponse } from "@/types/profile";
 
 const schema = z.object({
@@ -38,7 +34,13 @@ function splitPhone(fullPhone?: string | null) {
   return { code: "+251", number: fullPhone };
 }
 
-export default function TabGeneralManager({ profile }: { profile: ProfileResponse }) {
+interface TabGeneralManagerProps {
+  profile: ProfileResponse;
+  mode?: "edit" | "onboarding";
+  onContinue?: () => void;
+}
+
+export default function TabGeneralManager({ profile, mode = "edit", onContinue }: TabGeneralManagerProps) {
   const queryClient = useQueryClient();
 
   const defaultValues = useMemo((): FormData => {
@@ -70,91 +72,93 @@ export default function TabGeneralManager({ profile }: { profile: ProfileRespons
       }),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: api.companies.getProfile.queryKey() });
+      if (mode === "onboarding") onContinue?.();
     },
   });
 
   const onSubmit = (data: FormData) => mutation.mutate(data);
 
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <Briefcase className="size-5 text-primary" />
-          General Manager
-        </CardTitle>
-        <CardDescription>Manage the general manager information</CardDescription>
-      </CardHeader>
+    <Card padding="lg">
+      <Group gap="sm" mb="xs">
+        <Briefcase size={20} />
+        <Title order={3}>General Manager</Title>
+      </Group>
+      <Text c="edr-muted" size="sm" mb="lg">
+        Manage the general manager information
+      </Text>
+
       <form onSubmit={handleSubmit(onSubmit)}>
-        <CardContent>
-          <FieldGroup className="gap-4">
-            <Field data-invalid={Boolean(errors.generalManagerName)}>
-              <FieldLabel>Full Name</FieldLabel>
-              <Input
-                placeholder="Abebe Bikila"
-                aria-invalid={Boolean(errors.generalManagerName)}
-                {...register("generalManagerName")}
+        <Stack gap="md">
+          <TextInput
+            label="Full Name"
+            placeholder="Abebe Bikila"
+            error={errors.generalManagerName?.message}
+            {...register("generalManagerName")}
+          />
+
+          <Grid>
+            <Grid.Col span={6}>
+              <TextInput
+                label="Email Address"
+                type="email"
+                placeholder="gm@company.com"
+                error={errors.generalManagerEmail?.message}
+                {...register("generalManagerEmail")}
               />
-              <FieldError errors={[errors.generalManagerName]} />
-            </Field>
-
-            <div className="grid grid-cols-2 gap-4">
-              <Field data-invalid={Boolean(errors.generalManagerEmail)}>
-                <FieldLabel>Email Address</FieldLabel>
-                <Input
-                  type="email"
-                  placeholder="gm@company.com"
-                  aria-invalid={Boolean(errors.generalManagerEmail)}
-                  {...register("generalManagerEmail")}
-                />
-                <FieldError errors={[errors.generalManagerEmail]} />
-              </Field>
-
+            </Grid.Col>
+            <Grid.Col span={6}>
               <PhoneInput
                 countryCode={{ ...register("generalManagerPhoneCountryCode") }}
-                phone={{
-                  ...register("generalManagerPhone"),
-                  placeholder: "912345678",
-                }}
+                phone={{ ...register("generalManagerPhone"), placeholder: "912345678" }}
                 countryCodeError={errors.generalManagerPhoneCountryCode}
                 phoneError={errors.generalManagerPhone}
                 label="Phone Number"
               />
-            </div>
-          </FieldGroup>
-        </CardContent>
-        <CardFooter className="flex items-center justify-between gap-4 border-t border-border px-6 py-4">
-          <div className="flex items-center gap-2">
+            </Grid.Col>
+          </Grid>
+        </Stack>
+
+        <Group
+          justify="space-between"
+          mt="xl"
+          pt="md"
+          style={{ borderTop: "1px solid var(--mantine-color-edr-border-0)" }}
+        >
+          <Group gap="xs">
             {mutation.isSuccess && (
-              <span className="flex items-center gap-1.5 text-sm font-medium text-emerald-600">
-                <CheckCircle2 className="size-4" />
-                Saved successfully
-              </span>
+              <Group gap={6} c="green">
+                <CheckCircle2 size={16} />
+                <Text size="sm" fw={500}>Saved successfully</Text>
+              </Group>
             )}
             {mutation.isError && (
-              <span className="flex items-center gap-1.5 text-sm font-medium text-red-600">
-                <XCircle className="size-4" />
-                Save failed
-              </span>
+              <Group gap={6} c="red">
+                <XCircle size={16} />
+                <Text size="sm" fw={500}>Save failed</Text>
+              </Group>
+            )}
+          </Group>
+          <Group gap="md">
+            {mode === "edit" && (
+              <Button
+                type="button"
+                variant="outline"
+                disabled={mutation.isPending || !isDirty}
+                onClick={() => reset()}
+              >
+                Reset
+              </Button>
             )}
-          </div>
-          <div className="flex items-center gap-3">
             <Button
-              type="button"
-              variant="outline"
-              disabled={mutation.isPending || !isDirty}
-              onClick={() => reset()}
+              type="submit"
+              leftSection={<Save size={16} />}
+              loading={mutation.isPending}
             >
-              Reset
+              {mode === "onboarding" ? "Continue" : "Save Changes"}
             </Button>
-            <Button type="submit" disabled={mutation.isPending}>
-              {mutation.isPending ? (
-                <><Loader2 className="size-4 animate-spin" /> Saving...</>
-              ) : (
-                <><Save className="size-4" /> Save Changes</>
-              )}
-            </Button>
-          </div>
-        </CardFooter>
+          </Group>
+        </Group>
       </form>
     </Card>
   );
diff --git a/apps/edr-freight-web/portal/src/pages/settings/TabPowerOfAttorney.tsx b/apps/edr-freight-web/portal/src/pages/settings/TabPowerOfAttorney.tsx
index e5d977e2d..f5f9a8210 100644
--- a/apps/edr-freight-web/portal/src/pages/settings/TabPowerOfAttorney.tsx
+++ b/apps/edr-freight-web/portal/src/pages/settings/TabPowerOfAttorney.tsx
@@ -3,23 +3,19 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import { CheckCircle2, Loader2, Save, UserCheck, XCircle } from "lucide-react";
-import { api } from "@/services/api";
-import PhoneInput from "@/components/auth/PhoneInput";
+import { CheckCircle2, Save, UserCheck, XCircle } from "lucide-react";
 import {
   Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
+  Group,
+  Stack,
+  Title,
+  Text,
+  TextInput,
   Button,
-  Input,
-  Field,
-  FieldLabel,
-  FieldError,
-  FieldGroup,
-} from "@edr/ui-common";
+  Grid,
+} from "@mantine/core";
+import { api } from "@/services/api";
+import PhoneInput from "@/components/auth/PhoneInput";
 import type { ProfileResponse } from "@/types/profile";
 
 const schema = z.object({
@@ -40,11 +36,17 @@ function splitPhone(fullPhone?: string | null) {
   return { code: "+251", number: fullPhone };
 }
 
+interface TabPowerOfAttorneyProps {
+  profile: ProfileResponse;
+  mode?: "edit" | "onboarding";
+  onContinue?: () => void;
+}
+
 export default function TabPowerOfAttorney({
   profile,
-}: {
-  profile: ProfileResponse;
-}) {
+  mode = "edit",
+  onContinue,
+}: TabPowerOfAttorneyProps) {
   const queryClient = useQueryClient();
 
   const defaultValues = useMemo((): FormData => {
@@ -53,7 +55,7 @@ export default function TabPowerOfAttorney({
       poaName: profile.poaName ?? "",
       poaEmail: profile.poaEmail ?? "",
       poaPhone: phone.number,
-      poaPhoneCountryCode: profile.poaPhone ? phone.code : "",
+      poaPhoneCountryCode: profile.poaPhone ? phone.code : "+251",
       poaLocation: profile.poaLocation ?? "",
       poaAddress: profile.poaAddress ?? "",
     };
@@ -66,7 +68,6 @@ export default function TabPowerOfAttorney({
     formState: { errors, isDirty },
   } = useForm<FormData>({
     resolver: zodResolver(schema),
-
     values: defaultValues,
   });
 
@@ -86,53 +87,43 @@ export default function TabPowerOfAttorney({
       queryClient.invalidateQueries({
         queryKey: api.companies.getProfile.queryKey(),
       });
+      if (mode === "onboarding") onContinue?.();
     },
   });
 
   const onSubmit = (data: FormData) => mutation.mutate(data);
 
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <UserCheck className="size-5 text-accent" />
-          Power of Attorney
-        </CardTitle>
-        <CardDescription>
-          Power of Attorney details are optional. Fill them in if you have an
-          authorized representative, or leave blank.
-        </CardDescription>
-      </CardHeader>
+    <Card padding="lg">
+      <Group gap="sm" mb="xs">
+        <UserCheck size={20} />
+        <Title order={3}>Power of Attorney</Title>
+      </Group>
+      <Text c="edr-muted" size="sm" mb="lg">
+        Power of Attorney details are optional. Fill them in if you have an
+        authorized representative, or leave blank.
+      </Text>
+
       <form onSubmit={handleSubmit(onSubmit)}>
-        <CardContent>
-          <FieldGroup className="gap-4">
-            <p className="text-sm text-muted-foreground">
-              Power of Attorney details are optional. Fill them in if you have
-              an authorized representative, or leave blank.
-            </p>
+        <Stack gap="md">
+          <TextInput
+            label="PoA Full Name"
+            placeholder="Authorized Representative Name"
+            error={errors.poaName?.message}
+            {...register("poaName")}
+          />
 
-            <Field data-invalid={Boolean(errors.poaName)}>
-              <FieldLabel>PoA Full Name</FieldLabel>
-              <Input
-                placeholder="Authorized Representative Name"
-                aria-invalid={Boolean(errors.poaName)}
-                {...register("poaName")}
+          <Grid>
+            <Grid.Col span={6}>
+              <TextInput
+                label="PoA Email"
+                type="email"
+                placeholder="poa@company.com"
+                error={errors.poaEmail?.message}
+                {...register("poaEmail")}
               />
-              <FieldError errors={[errors.poaName]} />
-            </Field>
-
-            <div className="grid grid-cols-2 gap-4">
-              <Field data-invalid={Boolean(errors.poaEmail)}>
-                <FieldLabel>PoA Email</FieldLabel>
-                <Input
-                  type="email"
-                  placeholder="poa@company.com"
-                  aria-invalid={Boolean(errors.poaEmail)}
-                  {...register("poaEmail")}
-                />
-                <FieldError errors={[errors.poaEmail]} />
-              </Field>
-
+            </Grid.Col>
+            <Grid.Col span={6}>
               <PhoneInput
                 countryCode={{ ...register("poaPhoneCountryCode") }}
                 phone={{ ...register("poaPhone"), placeholder: "912345678" }}
@@ -140,68 +131,73 @@ export default function TabPowerOfAttorney({
                 countryCodeError={errors.poaPhoneCountryCode}
                 phoneError={errors.poaPhone}
               />
-            </div>
+            </Grid.Col>
+          </Grid>
 
-            <div className="grid grid-cols-2 gap-4">
-              <Field data-invalid={Boolean(errors.poaLocation)}>
-                <FieldLabel>PoA Location</FieldLabel>
-                <Input
-                  placeholder="City, Country"
-                  aria-invalid={Boolean(errors.poaLocation)}
-                  {...register("poaLocation")}
-                />
-                <FieldError errors={[errors.poaLocation]} />
-              </Field>
+          <Grid>
+            <Grid.Col span={6}>
+              <TextInput
+                label="PoA Location"
+                placeholder="City, Country"
+                error={errors.poaLocation?.message}
+                {...register("poaLocation")}
+              />
+            </Grid.Col>
+            <Grid.Col span={6}>
+              <TextInput
+                label="PoA Address"
+                placeholder="Full Address"
+                error={errors.poaAddress?.message}
+                {...register("poaAddress")}
+              />
+            </Grid.Col>
+          </Grid>
+        </Stack>
 
-              <Field data-invalid={Boolean(errors.poaAddress)}>
-                <FieldLabel>PoA Address</FieldLabel>
-                <Input
-                  placeholder="Full Address"
-                  aria-invalid={Boolean(errors.poaAddress)}
-                  {...register("poaAddress")}
-                />
-                <FieldError errors={[errors.poaAddress]} />
-              </Field>
-            </div>
-          </FieldGroup>
-        </CardContent>
-        <CardFooter className="flex items-center justify-between gap-4 border-t border-border px-6 py-4">
-          <div className="flex items-center gap-2">
+        <Group
+          justify="space-between"
+          mt="xl"
+          pt="md"
+          style={{ borderTop: "1px solid var(--mantine-color-edr-border-0)" }}
+        >
+          <Group gap="xs">
             {mutation.isSuccess && (
-              <span className="flex items-center gap-1.5 text-sm font-medium text-emerald-600">
-                <CheckCircle2 className="size-4" />
-                Saved successfully
-              </span>
+              <Group gap={6} c="green">
+                <CheckCircle2 size={16} />
+                <Text size="sm" fw={500}>
+                  Saved successfully
+                </Text>
+              </Group>
             )}
             {mutation.isError && (
-              <span className="flex items-center gap-1.5 text-sm font-medium text-red-600">
-                <XCircle className="size-4" />
-                Save failed
-              </span>
+              <Group gap={6} c="red">
+                <XCircle size={16} />
+                <Text size="sm" fw={500}>
+                  Save failed
+                </Text>
+              </Group>
+            )}
+          </Group>
+          <Group gap="md">
+            {mode === "edit" && (
+              <Button
+                type="button"
+                variant="outline"
+                disabled={mutation.isPending || !isDirty}
+                onClick={() => reset()}
+              >
+                Reset
+              </Button>
             )}
-          </div>
-          <div className="flex items-center gap-3">
             <Button
-              type="button"
-              variant="outline"
-              disabled={mutation.isPending || !isDirty}
-              onClick={() => reset()}
+              type="submit"
+              leftSection={<Save size={16} />}
+              loading={mutation.isPending}
             >
-              Reset
+              {mode === "onboarding" ? "Continue" : "Save Changes"}
             </Button>
-            <Button type="submit" disabled={mutation.isPending}>
-              {mutation.isPending ? (
-                <>
-                  <Loader2 className="size-4 animate-spin" /> Saving...
-                </>
-              ) : (
-                <>
-                  <Save className="size-4" /> Save Changes
-                </>
-              )}
-            </Button>
-          </div>
-        </CardFooter>
+          </Group>
+        </Group>
       </form>
     </Card>
   );
diff --git a/apps/edr-freight-web/portal/src/pages/tracking/NewShipmentPage.tsx b/apps/edr-freight-web/portal/src/pages/tracking/NewShipmentPage.tsx
deleted file mode 100644
index 81a37f137..000000000
--- a/apps/edr-freight-web/portal/src/pages/tracking/NewShipmentPage.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-import type { ReactNode } from "react";
-import { Calendar, MapPin } from "lucide-react";
-
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Button } from "@/components/ui/button";
-
-import { consignments } from "../consignments/consignments.mock";
-import type { ShipmentMode, ShipmentStatus } from "./shipments.mock";
-
-export interface ShipmentFormData {
-  consignmentId?: number;
-  consignmentReference?: string;
-  originStation?: string;
-  destinationStation?: string;
-  mode?: ShipmentMode;
-  status?: ShipmentStatus;
-  currentLocation?: string;
-  eta?: string;
-}
-
-export interface NewShipmentPageProps {
-  mode?: "create" | "edit";
-  shipment?: ShipmentFormData;
-  children?: ReactNode;
-}
-
-const selectClass =
-  "flex h-10 w-full rounded-md border border-slate-200 bg-white px-3 py-2 text-sm text-slate-700 shadow-xs outline-none transition hover:border-slate-300 focus:border-[#10B981]/50 focus:ring-2 focus:ring-[#10B981]/20";
-
-export default function NewShipmentPage({
-  mode = "create",
-  shipment,
-  children,
-}: NewShipmentPageProps = {}) {
-  const isEdit = mode === "edit";
-  const title = isEdit ? "Edit Shipment" : "New Shipment";
-  const description = isEdit
-    ? "Update shipment tracking information."
-    : "Create a new shipment for real-time tracking.";
-  const submitLabel = isEdit ? "Save Changes" : "Create Shipment";
-
-  return (
-    <Dialog>
-      <DialogTrigger asChild>
-        {children ?? <Button>{isEdit ? "Edit" : "New Shipment"}</Button>}
-      </DialogTrigger>
-
-      <DialogContent className="max-h-[90vh] overflow-y-auto sm:max-w-3xl rounded-3xl">
-        <DialogHeader>
-          <DialogTitle className="text-2xl font-bold">{title}</DialogTitle>
-          <DialogDescription>{description}</DialogDescription>
-        </DialogHeader>
-
-        <div className="grid gap-5 py-4 md:grid-cols-2">
-          {/* Consignment */}
-          <div className="space-y-2 md:col-span-2">
-            <Label>Consignment *</Label>
-            <select
-              defaultValue={shipment?.consignmentId ?? ""}
-              className={selectClass}
-            >
-              <option value="" disabled>
-                Select consignment
-              </option>
-              {consignments.map((c) => (
-                <option key={c.id} value={c.id}>
-                  {c.trackingNumber} — {c.customer} ({c.originStation} →{" "}
-                  {c.destinationStation})
-                </option>
-              ))}
-            </select>
-            <p className="text-xs text-slate-500">
-              Origin and destination auto-fill from the linked consignment.
-            </p>
-          </div>
-
-          {/* Status */}
-          <div className="space-y-2">
-            <Label>Status</Label>
-            <select
-              defaultValue={shipment?.status ?? "In Transit"}
-              className={selectClass}
-            >
-              <option>In Transit</option>
-              <option>Delivered</option>
-              <option>Delayed</option>
-            </select>
-          </div>
-
-          {/* Mode */}
-          <div className="space-y-2">
-            <Label>Transport Mode</Label>
-            <select
-              defaultValue={shipment?.mode ?? "rail"}
-              className={selectClass}
-            >
-              <option value="rail">Rail</option>
-              <option value="truck">Truck</option>
-              <option value="multimodal">Multimodal</option>
-            </select>
-          </div>
-
-          {/* Origin */}
-          <div className="space-y-2">
-            <Label>Origin Station</Label>
-            <div className="relative">
-              <MapPin className="absolute left-3 top-3 h-4 w-4 text-slate-400" />
-              <Input
-                defaultValue={shipment?.originStation ?? ""}
-                placeholder="Auto-filled from consignment"
-                className="pl-10"
-              />
-            </div>
-          </div>
-
-          {/* Destination */}
-          <div className="space-y-2">
-            <Label>Destination Station</Label>
-            <div className="relative">
-              <MapPin className="absolute left-3 top-3 h-4 w-4 text-slate-400" />
-              <Input
-                defaultValue={shipment?.destinationStation ?? ""}
-                placeholder="Auto-filled from consignment"
-                className="pl-10"
-              />
-            </div>
-          </div>
-
-          {/* ETA */}
-          <div className="space-y-2">
-            <Label>Estimated Arrival</Label>
-            <div className="relative">
-              <Calendar className="absolute left-3 top-3 h-4 w-4 text-slate-400" />
-              <Input
-                type="date"
-                defaultValue={shipment?.eta ?? ""}
-                className="pl-10"
-              />
-            </div>
-          </div>
-
-          {/* Current Location */}
-          <div className="space-y-2">
-            <Label>Current Location</Label>
-            <div className="relative">
-              <MapPin className="absolute left-3 top-3 h-4 w-4 text-slate-400" />
-              <Input
-                defaultValue={shipment?.currentLocation ?? ""}
-                placeholder="e.g. Dire Dawa Yard"
-                className="pl-10"
-              />
-            </div>
-          </div>
-        </div>
-
-        <div className="flex justify-end gap-3">
-          <Button variant="outline">Cancel</Button>
-          <Button className="bg-[#10B981] text-white hover:bg-[#10B981]/90">
-            {submitLabel}
-          </Button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/edr-freight-web/portal/src/pages/tracking/TrackingPage.tsx b/apps/edr-freight-web/portal/src/pages/tracking/TrackingPage.tsx
index 144bc2bef..e9f6949ed 100644
--- a/apps/edr-freight-web/portal/src/pages/tracking/TrackingPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/tracking/TrackingPage.tsx
@@ -8,8 +8,6 @@ import {
   List,
   MapPin,
   MoreHorizontal,
-  Pencil,
-  Plus,
   Search,
   Train,
   Trash2,
@@ -17,7 +15,6 @@ import {
 } from "lucide-react";
 
 import Breadcrumbs from "@/components/Breadcrumbs";
-import NewShipmentPage from "./NewShipmentPage";
 import DeleteShipmentDialog from "./DeleteShipmentDialog";
 import {
   shipments,
@@ -93,13 +90,6 @@ export default function TrackingPage() {
                 className="pl-8!"
               />
             </div>
-
-            <NewShipmentPage>
-              <Button>
-                <Plus />
-                New Shipment
-              </Button>
-            </NewShipmentPage>
           </div>
         </Card>
 
@@ -279,7 +269,10 @@ function ShipmentCard({ shipment }: { shipment: Shipment }) {
           </div>
         </div>
 
-        <div className="flex items-center justify-end gap-2 border-t pt-3" onClick={(e: React.MouseEvent) => e.stopPropagation()}>
+        <div
+          className="flex items-center justify-end gap-2 border-t pt-3"
+          onClick={(e: React.MouseEvent) => e.stopPropagation()}
+        >
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button variant="outline" size="sm">
@@ -292,27 +285,12 @@ function ShipmentCard({ shipment }: { shipment: Shipment }) {
                 <Eye />
                 View
               </DropdownMenuItem>
-              <NewShipmentPage
-                mode="edit"
-                shipment={{
-                  bookingId: shipment.bookingId,
-                  bookingReference: shipment.bookingReference,
-                  originStation: shipment.originStation,
-                  destinationStation: shipment.destinationStation,
-                  mode: shipment.mode,
-                  status: shipment.status,
-                  currentLocation: shipment.currentLocation,
-                  eta: shipment.eta,
-                }}
-              >
-                <DropdownMenuItem onSelect={(e: Event) => e.preventDefault()}>
-                  <Pencil />
-                  Edit
-                </DropdownMenuItem>
-              </NewShipmentPage>
               <DropdownMenuSeparator />
               <DeleteShipmentDialog shipmentReference={shipment.reference}>
-                <DropdownMenuItem onSelect={(e: Event) => e.preventDefault()} variant="destructive">
+                <DropdownMenuItem
+                  onSelect={(e: Event) => e.preventDefault()}
+                  variant="destructive"
+                >
                   <Trash2 />
                   Remove
                 </DropdownMenuItem>
@@ -331,7 +309,9 @@ function ShipmentTable({ shipments: rows }: { shipments: Shipment[] }) {
       <CardHeader className="flex flex-row items-center justify-between border-b">
         <div>
           <CardTitle>Shipment List</CardTitle>
-          <CardDescription>All shipments and their current status.</CardDescription>
+          <CardDescription>
+            All shipments and their current status.
+          </CardDescription>
         </div>
       </CardHeader>
 
@@ -435,27 +415,14 @@ function ShipmentTable({ shipments: rows }: { shipments: Shipment[] }) {
                             <Eye />
                             View
                           </DropdownMenuItem>
-                          <NewShipmentPage
-                            mode="edit"
-                            shipment={{
-                              bookingId: shipment.bookingId,
-                              bookingReference: shipment.bookingReference,
-                              originStation: shipment.originStation,
-                              destinationStation: shipment.destinationStation,
-                              mode: shipment.mode,
-                              status: shipment.status,
-                              currentLocation: shipment.currentLocation,
-                              eta: shipment.eta,
-                            }}
-                          >
-                            <DropdownMenuItem onSelect={(e: Event) => e.preventDefault()}>
-                              <Pencil />
-                              Edit
-                            </DropdownMenuItem>
-                          </NewShipmentPage>
                           <DropdownMenuSeparator />
-                          <DeleteShipmentDialog shipmentReference={shipment.reference}>
-                            <DropdownMenuItem onSelect={(e: Event) => e.preventDefault()} variant="destructive">
+                          <DeleteShipmentDialog
+                            shipmentReference={shipment.reference}
+                          >
+                            <DropdownMenuItem
+                              onSelect={(e: Event) => e.preventDefault()}
+                              variant="destructive"
+                            >
                               <Trash2 />
                               Remove
                             </DropdownMenuItem>
diff --git a/apps/edr-freight-web/portal/src/services/api.ts b/apps/edr-freight-web/portal/src/services/api.ts
index 645dc7f50..32ef5bbc0 100644
--- a/apps/edr-freight-web/portal/src/services/api.ts
+++ b/apps/edr-freight-web/portal/src/services/api.ts
@@ -14,6 +14,12 @@ import {
   CreateBookingPayload,
   GeneratePriceResponse,
 } from "./bookings.service";
+import {
+  paymentsService,
+  InitiatePaymentPayload,
+  InitiateResponse,
+  IntentStatus,
+} from "./payments.service";
 import { consignmentsService } from "./consignments.service";
 import { trackingService } from "./tracking.service";
 import { fileUploadSettingsService } from "./fileUploadSettings.service";
@@ -31,6 +37,7 @@ import {
 import type {
   CompanyInfoResponse,
   CreateCompanyPayload,
+  DashboardSummary,
 } from "./companies.service";
 import type { ProfileResponse, UpdateProfilePayload } from "@/types/profile";
 import type {
@@ -113,6 +120,12 @@ export const api = {
       "updateProfile",
       companiesService.updateProfile,
     ),
+
+    getDashboard: endpoint<void, DashboardSummary>(
+      "companies",
+      "getDashboard",
+      companiesService.getDashboard,
+    ),
   },
 
   bookings: {
@@ -174,17 +187,32 @@ export const api = {
       bookingsService.uploadDocuments(id, files),
     ),
 
-    pay: endpoint<{ id: string }, { redirectUrl: string }>(
-      "bookings",
-      "pay",
-      ({ id }) => bookingsService.pay(id),
-    ),
-
     checkPayment: endpoint<{ orderId: string }, { status: string }>(
       "bookings",
       "checkPayment",
       ({ orderId }) => bookingsService.checkPayment(orderId),
     ),
+
+    getBookableSchedules: endpoint<
+      { originYardId?: string; destinationYardId?: string },
+      Freight.BookableScheduleItem[]
+    >("train-scheduling", "bookableSchedules", ({ originYardId, destinationYardId }) =>
+      bookingsService.getBookableSchedules({ originYardId, destinationYardId }),
+    ),
+  },
+
+  payments: {
+    initiate: endpoint<InitiatePaymentPayload, InitiateResponse>(
+      "payments",
+      "initiate",
+      paymentsService.initiate,
+    ),
+
+    getIntent: endpoint<{ bookingId: string }, IntentStatus>(
+      "payments",
+      "getIntent",
+      ({ bookingId }) => paymentsService.getIntent(bookingId),
+    ),
   },
 
   consignments: {
diff --git a/apps/edr-freight-web/portal/src/services/bookings.service.ts b/apps/edr-freight-web/portal/src/services/bookings.service.ts
index a8d36619d..9933fa227 100644
--- a/apps/edr-freight-web/portal/src/services/bookings.service.ts
+++ b/apps/edr-freight-web/portal/src/services/bookings.service.ts
@@ -23,6 +23,11 @@ export interface ContractView {
     signedAt: string;
     signatureImageUrl?: string | null;
   }>;
+  /** Current viewer's reusable saved signature, if they have one. */
+  savedSignature?: {
+    signerDisplayName: string;
+    signatureImageUrl?: string | null;
+  } | null;
 }
 
 export interface PriceLineItem {
@@ -139,11 +144,6 @@ export const bookingsService = {
     return data.data ?? data;
   },
 
-  pay: async (id: string): Promise<{ redirectUrl: string }> => {
-    const { data } = await client.post(`/api/bookings/${id}/payment/pay`);
-    return data.data ?? data;
-  },
-
   signContract: async (
     id: string,
     payload: SignContractPayload,
@@ -151,4 +151,14 @@ export const bookingsService = {
     const { data } = await client.post(B.CONTRACT_SIGN(id), payload);
     return data.data ?? data;
   },
+
+  getBookableSchedules: async (
+    query: Freight.BookableSchedulesQuery = {},
+  ): Promise<Freight.BookableScheduleItem[]> => {
+    const { data } = await client.get(
+      URL_CONSTANTS.TRAIN_SCHEDULING.BOOKABLE_SCHEDULES,
+      { params: query },
+    );
+    return data.data;
+  },
 };
diff --git a/apps/edr-freight-web/portal/src/services/companies.service.ts b/apps/edr-freight-web/portal/src/services/companies.service.ts
index 359881a9b..409d9045b 100644
--- a/apps/edr-freight-web/portal/src/services/companies.service.ts
+++ b/apps/edr-freight-web/portal/src/services/companies.service.ts
@@ -59,6 +59,26 @@ export interface CreateCompanyPayload {
   attributes?: Record<string, any>;
 }
 
+export interface FreightVolumePoint {
+  month: string;
+  tonnes: number;
+}
+
+export interface DashboardSummary {
+  deliveredCount: number;
+  completionRate: number;
+  spendYtd: number;
+  spendCurrency: string;
+  spendYtdChangePct: number;
+  freightVolume: {
+    totalTonnes: number;
+    totalValue: number;
+    currency: string;
+    ytdChangePct: number;
+    monthly: FreightVolumePoint[];
+  };
+}
+
 export const companiesService = {
   getInfo: async (): Promise<CompanyInfoResponse | null> => {
     try {
@@ -97,6 +117,13 @@ export const companiesService = {
     return unwrap(response.data);
   },
 
+  getDashboard: async (): Promise<DashboardSummary> => {
+    const response = await client.get<ApiResponse<DashboardSummary>>(
+      URL_CONSTANTS.COMPANIES_API.DASHBOARD,
+    );
+    return unwrap(response.data);
+  },
+
   uploadDocuments: async (
     companyId: string,
     files: Record<string, File | File[] | null>,
diff --git a/apps/edr-freight-web/portal/src/services/payments.service.ts b/apps/edr-freight-web/portal/src/services/payments.service.ts
new file mode 100644
index 000000000..119aea4ed
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/services/payments.service.ts
@@ -0,0 +1,87 @@
+import { URL_CONSTANTS } from "@/constants/URLS";
+import { API_BASE_URL } from "@/constants/apiConfig";
+import { client } from "../utils/api";
+
+const P = URL_CONSTANTS.PAYMENTS;
+
+/** Payment methods supported by the central payment microservice. */
+export type PaymentMethod =
+  | "TELEBIRR"
+  | "CBE_BIRR"
+  | "EBIRR"
+  | "WAAFI"
+  | "CARD"
+  | "DMONEY"
+  | "CAC_BANK";
+
+export type PaymentPlatform = "web" | "mobile";
+
+export interface InitiatePaymentPayload {
+  bookingId: string;
+  method: PaymentMethod;
+  platform?: PaymentPlatform;
+  payerAccount?: string;
+  returnUrl?: string;
+  failureUrl?: string;
+}
+
+export interface ClientAction {
+  type: "REDIRECT" | "LAUNCH_APP" | "COLLECT_OTP";
+  url?: string;
+  appId?: string;
+  receiveCode?: string;
+  shortCode?: string;
+  providerOrderId?: string;
+  message?: string;
+}
+
+export interface InitiateResponse {
+  intentId: string;
+  status: string;
+  clientAction?: ClientAction;
+  merchantOrderId?: string;
+}
+
+export interface IntentStatus extends InitiateResponse {
+  paidAt?: string;
+  failureCode?: string;
+  failureMessage?: string;
+}
+
+/**
+ * Builds the absolute URL for the public browser-checkout page, which
+ * (re)initiates the payment and auto-redirects to the provider's checkout.
+ * Used as the "pay" step after a successful `initiate`.
+ */
+function buildCheckoutUrl(payload: {
+  bookingId: string;
+  method: PaymentMethod;
+  platform?: PaymentPlatform;
+}): string {
+  const base = API_BASE_URL.replace(/\/$/, "");
+  const params = new URLSearchParams({
+    bookingId: payload.bookingId,
+    method: payload.method,
+    platform: payload.platform ?? "web",
+  });
+  return `${base}${P.CHECKOUT}?${params.toString()}`;
+}
+
+export const paymentsService = {
+  initiate: async (
+    payload: InitiatePaymentPayload,
+  ): Promise<InitiateResponse> => {
+    const { data } = await client.post(P.INITIATE, {
+      platform: "web",
+      ...payload,
+    });
+    return data.data ?? data;
+  },
+
+  getIntent: async (bookingId: string): Promise<IntentStatus> => {
+    const { data } = await client.get(P.INTENT(bookingId));
+    return data.data ?? data;
+  },
+
+  checkoutUrl: buildCheckoutUrl,
+};
diff --git a/apps/edr-freight-web/portal/src/services/signatures.service.ts b/apps/edr-freight-web/portal/src/services/signatures.service.ts
new file mode 100644
index 000000000..05ae61ea1
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/services/signatures.service.ts
@@ -0,0 +1,28 @@
+import { client } from "../utils/api";
+
+const SIGNATURE_URL = "/api/me/signature";
+
+export interface SavedSignature {
+  signerDisplayName: string;
+  signatureImageUrl?: string | null;
+}
+
+export interface SaveSignaturePayload {
+  signerDisplayName: string;
+  signatureImageBase64: string;
+}
+
+export const signaturesService = {
+  /** The current user's reusable saved signature, or null if none. */
+  getMySignature: async (): Promise<SavedSignature | null> => {
+    const { data } = await client.get(SIGNATURE_URL);
+    return (data.data ?? data) ?? null;
+  },
+
+  saveMySignature: async (
+    payload: SaveSignaturePayload,
+  ): Promise<SavedSignature | null> => {
+    const { data } = await client.put(SIGNATURE_URL, payload);
+    return (data.data ?? data) ?? null;
+  },
+};
diff --git a/apps/edr-freight-web/portal/src/theme/mantine.ts b/apps/edr-freight-web/portal/src/theme/mantine.ts
new file mode 100644
index 000000000..65a751db8
--- /dev/null
+++ b/apps/edr-freight-web/portal/src/theme/mantine.ts
@@ -0,0 +1,158 @@
+import {
+  colorsTuple,
+  createTheme,
+  type MantineColorsTuple,
+} from "@mantine/core";
+
+const edrGreen: MantineColorsTuple = [
+  "#ecfdf5",
+  "#d1fae5",
+  "#a7f3d0",
+  "#6ee7b7",
+  "#34d399",
+  "#0EA371",
+  "#0A8A5F",
+  "#0A6F4D",
+  "#065f46",
+  "#064e3b",
+];
+
+const neutral: MantineColorsTuple = [
+  "#F4F7FA",
+  "#eef2f7",
+  "#E6ECF2",
+  "#d0dae6",
+  "#b0bfce",
+  "#8fa0b2",
+  "#6B7C8E",
+  "#4b5a6a",
+  "#10202F",
+  "#0C1A2B",
+];
+
+export const mantineTheme = createTheme({
+  colors: {
+    "edr-green": edrGreen,
+    gray: neutral,
+
+    // Brand surface + text tokens (single-value semantic colors).
+    // Each generates --mantine-color-{name}-{0..9} CSS variables.
+    "edr-bg": colorsTuple("#F7FAFC"),
+    "edr-card": colorsTuple("#FFFFFF"),
+    "edr-border": colorsTuple("#E6ECF2"),
+    "edr-divider": colorsTuple("#EEF1F5"),
+    "edr-text": colorsTuple("#10202F"),
+    "edr-muted": colorsTuple("#6B7C8E"),
+    "edr-soft": colorsTuple("#ECF6F1"),
+    "edr-ink": colorsTuple("#0C1A2B"),
+    "edr-accent": colorsTuple("#F2A516"),
+
+    // Semantic status shades (from the design system).
+    "edr-amber-soft": colorsTuple("#FDF3E0"),
+    "edr-amber-text": colorsTuple("#9A5B00"),
+    "edr-blue": colorsTuple("#2E5B96"),
+    "edr-blue-soft": colorsTuple("#E9F0F8"),
+    "edr-blue-dot": colorsTuple("#3B6FB0"),
+    "edr-red": colorsTuple("#C0392B"),
+    "edr-red-soft": colorsTuple("#FBEAE7"),
+    "edr-slate": colorsTuple("#475569"),
+    "edr-slate-soft": colorsTuple("#F1F4F7"),
+    "edr-slate-soft2": colorsTuple("#EEF2F6"),
+    "edr-step": colorsTuple("#94A3B8"),
+    "edr-step-idle": colorsTuple("#D5DBE2"),
+    "edr-conn-idle": colorsTuple("#E6EAEF"),
+  },
+  primaryColor: "edr-green",
+  primaryShade: { light: 5, dark: 4 },
+
+  white: "#ffffff",
+  black: "#10202F",
+
+  fontFamily:
+    '"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+
+  defaultRadius: "md",
+
+  radius: {
+    xs: "4px",
+    sm: "6px",
+    md: "8px",
+    lg: "12px",
+    xl: "18px",
+  },
+
+  spacing: {
+    xs: "8px",
+    sm: "12px",
+    md: "16px",
+    lg: "24px",
+    xl: "32px",
+  },
+
+  fontSizes: {
+    xs: "12px",
+    sm: "14px",
+    md: "16px",
+    lg: "20px",
+    xl: "24px",
+  },
+
+  lineHeights: {
+    xs: "1.4",
+    sm: "1.45",
+    md: "1.55",
+    lg: "1.55",
+    xl: "1.5",
+  },
+
+  headings: {
+    fontFamily: '"Inter", var(--mantine-font-family)',
+    fontWeight: "700",
+    sizes: {
+      h1: { fontSize: "36px", lineHeight: "1.1", fontWeight: "800" },
+      h2: { fontSize: "28px", lineHeight: "1.2", fontWeight: "700" },
+      h3: { fontSize: "22px", lineHeight: "1.3", fontWeight: "600" },
+      h4: { fontSize: "18px", lineHeight: "1.4", fontWeight: "600" },
+      h5: { fontSize: "15px", lineHeight: "1.45", fontWeight: "600" },
+      h6: { fontSize: "13px", lineHeight: "1.45", fontWeight: "600" },
+    },
+  },
+
+  shadows: {
+    xs: "0 1px 2px rgba(16, 24, 40, 0.04)",
+    sm: "0 1px 3px rgba(16, 24, 40, 0.06)",
+    md: "0 4px 12px rgba(16, 24, 40, 0.06)",
+  },
+
+  components: {
+    Card: {
+      defaultProps: {
+        radius: "xl",
+        withBorder: true,
+        shadow: "none",
+        padding: "lg",
+      },
+      styles: {
+        root: { borderColor: "#E6ECF2" },
+      },
+    },
+    Button: {
+      defaultProps: { radius: "md" },
+      styles: { root: { fontWeight: 600 } },
+    },
+    Badge: {
+      defaultProps: { radius: "xl", variant: "light" },
+      styles: { root: { fontWeight: 600, textTransform: "none" } },
+    },
+    Paper: {
+      defaultProps: { radius: "xl", shadow: "none", withBorder: true },
+      styles: { root: { borderColor: "#E6ECF2" } },
+    },
+    Table: {
+      defaultProps: { verticalSpacing: "sm", horizontalSpacing: "md" },
+    },
+    Title: {
+      styles: { root: { letterSpacing: "-0.01em" } },
+    },
+  },
+});
diff --git a/apps/edr-freight-web/portal/src/types/userTypeRequest.ts b/apps/edr-freight-web/portal/src/types/userTypeRequest.ts
deleted file mode 100644
index 18b093dcb..000000000
--- a/apps/edr-freight-web/portal/src/types/userTypeRequest.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export type UserTypeRequest = {
-  email: string;
-  username: string;
-  phoneNumber: string;
-  userType: string;
-  name: {
-    am?: string;
-    en: string;
-  };
-}
\ No newline at end of file
diff --git a/apps/edr-freight-web/portal/src/utils/api.ts b/apps/edr-freight-web/portal/src/utils/api.ts
index 2523eb94c..289709906 100644
--- a/apps/edr-freight-web/portal/src/utils/api.ts
+++ b/apps/edr-freight-web/portal/src/utils/api.ts
@@ -1,9 +1,10 @@
 import { UseQueryOptions, QueryObserverOptions } from "@tanstack/react-query";
 import axios, { AxiosError, InternalAxiosRequestConfig } from "axios";
 import { URL_CONSTANTS } from "@/constants/URLS";
+import { API_BASE_URL } from "@/constants/apiConfig";
 
 const client = axios.create({
-  baseURL: import.meta.env.VITE_API_URL,
+  baseURL: API_BASE_URL,
 });
 
 function getCookie(name: string): string | undefined {
@@ -113,9 +114,6 @@ client.interceptors.response.use(
     } catch (refreshError) {
       processQueue(refreshError, undefined);
       clearAuthCookies();
-      if (window.location.pathname !== "/login") {
-        window.location.href = "/login";
-      }
       return Promise.reject(refreshError);
     } finally {
       isRefreshing = false;
diff --git a/apps/edr-freight-web/portal/vite.config.ts b/apps/edr-freight-web/portal/vite.config.ts
index 8d01990aa..99e2a41d5 100644
--- a/apps/edr-freight-web/portal/vite.config.ts
+++ b/apps/edr-freight-web/portal/vite.config.ts
@@ -1,21 +1,38 @@
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 
-import { defineConfig } from "vite";
+import { defineConfig } from "vitest/config";
 import react from "@vitejs/plugin-react";
 import tailwindcss from "@tailwindcss/vite";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
+// Pin Mantine to this app's copy. pnpm can install a second @mantine/core under
+// @edr/ui-common (linked to react@18) while the portal uses react@19 — dedupe
+// alone does not merge those into one module in production builds.
+const mantineCore = path.resolve(__dirname, "node_modules/@mantine/core");
+const mantineHooks = path.resolve(__dirname, "node_modules/@mantine/hooks");
+
 export default defineConfig({
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
+      // Resolve from TS source so Vite gets ESM named exports (dist is CommonJS).
+      "@edr/types": path.resolve(__dirname, "../../../packages/types/src/index.ts"),
+      "@mantine/core": mantineCore,
+      "@mantine/hooks": mantineHooks,
     },
+    dedupe: ["react", "react-dom", "@mantine/core", "@mantine/hooks"],
+  },
+  optimizeDeps: {
+    include: ["@mantine/core", "@mantine/hooks", "@edr/ui-common"],
   },
   server: {
     port: 5173,
     host: "0.0.0.0",
   },
+  test: {
+    environment: "node",
+  },
 });
diff --git a/apps/edr-passenger-api/.env.example b/apps/edr-passenger-api/.env.example
index 6b42f0f42..b2500160d 100644
--- a/apps/edr-passenger-api/.env.example
+++ b/apps/edr-passenger-api/.env.example
@@ -1,17 +1,140 @@
 # App
 NODE_ENV=development
-PORT=3002
+PORT=4000
 
-# Database (local Docker: run `pnpm dev:db` from edr-platform, then copy to .env)
-DB_HOST=localhost
-DB_PORT=5434
-DB_NAME=edr_passenger
-DB_USER=postgres
-DB_PASSWORD=postgres
+# Database (Prisma)
+DATABASE_URL=postgresql://edr:edr_secret@localhost:5432/edr_passenger?schema=edr_passenger
 
-# JWT (provided by external auth package — placeholder only)
-JWT_SECRET=
+# CORS
+FRONTEND_URL=http://localhost:5174
+BACK_OFFICE_URL=http://localhost:5184
 
-# Redis
-REDIS_HOST=localhost
-REDIS_PORT=6379
+# JWT
+JWT_SECRET=edr-platform-secret-change-in-production
+JWT_EXPIRES_IN=7d
+
+# SendGrid
+SENDGRID_API_KEY=
+SENDGRID_FROM_EMAIL=noreply@edr-platform.com
+
+# SMS Configuration
+SMS_PROVIDER=twilio
+SMS_API_KEY=
+
+# Twilio (if SMS_PROVIDER=twilio)
+TWILIO_ACCOUNT_SID=
+TWILIO_AUTH_TOKEN=
+TWILIO_FROM_NUMBER=
+
+# Africa's Talking (if SMS_PROVIDER=africastalking)
+AFRICASTALKING_USERNAME=
+AFRICASTALKING_FROM=
+
+# Telebirr
+TELEBIRR_BASE_URL=
+TELEBIRR_WEB_BASE_URL=
+TELEBIRR_FABRIC_APP_ID=
+TELEBIRR_APP_SECRET=
+TELEBIRR_MERCHANT_APP_ID=
+TELEBIRR_MERCHANT_CODE=
+TELEBIRR_NOTIFY_URL=
+TELEBIRR_RETURN_URL=
+TELEBIRR_TIMEOUT_EXPRESS=15m
+TELEBIRR_PRIVATE_KEY=
+TELEBIRR_PUBLIC_KEY=
+TELEBIRR_INSECURE_TLS=false
+
+# CBE Birr
+CBE_BASE_URL=
+CBE_MERCHANT_ID=
+CBE_SECRET_KEY=
+CBE_NOTIFY_URL=
+CBE_RETURN_URL=
+
+# eBirr
+EBIRR_BASE_URL=
+EBIRR_MERCHANT_CODE=
+EBIRR_SECRET_KEY=
+EBIRR_NOTIFY_URL=
+EBIRR_RETURN_URL=
+
+# Card Gateway (Stripe-like)
+CARD_BASE_URL=
+CARD_API_KEY=
+CARD_WEBHOOK_SECRET=
+CARD_WEBHOOK_URL=
+CARD_RETURN_URL=
+
+# Waafi (Djibouti Mobile Money — Hosted Payment Page)
+# Sandbox: https://sandbox.waafipay.net  |  Production: https://api.waafipay.net
+WAAFI_BASE_URL=https://sandbox.waafipay.net
+WAAFI_MERCHANT_UID=
+WAAFI_STORE_ID=
+WAAFI_HPP_KEY=
+# HMAC secret returned once by WEBHOOK_REGISTER — verifies inbound webhooks
+WAAFI_WEBHOOK_SECRET=
+WAAFI_PAYMENT_METHOD=MWALLET_ACCOUNT
+# Waafi has no ETB; overrides booking currency (USD/DJF/SLSH)
+WAAFI_CURRENCY=DJF
+WAAFI_HPP_SUCCESS_URL=
+WAAFI_HPP_FAILURE_URL=
+# 1 = POST, 2 = GET, 4 = Result Token
+WAAFI_HPP_RESP_FORMAT=1
+# Registered webhook URL (registration done out-of-band)
+WAAFI_NOTIFY_URL=
+# DEV ONLY — disable TLS cert verification (sandbox serves a *.waafi.com cert). Never true in prod.
+WAAFI_INSECURE_TLS=false
+
+# Payment Configuration
+PAYMENT_PROVIDERS_ENABLED=TELEBIRR,CBE_BIRR,EBIRR,CARD,WALLET,WAAFI
+
+# Browser return targets after a hosted payment page (UX only — payment is confirmed by the
+# webhook/queryStatus, never this redirect). Global fallback used when a method-specific URL
+# below is unset. Most providers use a single redirect; Waafi takes separate success/failure.
+PAYMENT_RETURN_URL=
+PAYMENT_FAILURE_URL=
+TELEBIRR_RETURN_URL=
+WAAFI_SUCCESS_REDIRECT=
+WAAFI_FAIL_REDIRECT=
+DMONEY_RETURN_URL=
+CBE_RETURN_URL=
+EBIRR_RETURN_URL=
+CARD_RETURN_URL=
+
+# Session Configuration
+SESSION_INACTIVITY_MINUTES=30
+
+# i18n Configuration
+DEFAULT_LOCALE=en
+SUPPORTED_LOCALES=en,am,fr,om
+
+# Corporate IAM Configuration (for back-office authentication)
+IAM_ENABLED=false
+IAM_API_URL=https://iam.tria-plc.com/api
+IAM_API_KEY=
+
+# --- VeriFayda 2.0 (eSignet) OIDC integration ---
+FAYDA_ENABLED=true
+FAYDA_CLIENT_ID=
+FAYDA_AUTHORIZATION_ENDPOINT=
+FAYDA_TOKEN_ENDPOINT=
+FAYDA_USERINFO_ENDPOINT=
+# Base64 of the RSA private JWK (JSON). Secret — never commit a real value.
+FAYDA_PRIVATE_KEY_BASE64=
+FAYDA_REDIRECT_URI=
+# Optional (defaults shown)
+FAYDA_SCOPE=openid profile email
+FAYDA_ACR_VALUES=mosip:idp:acr:generated-code
+FAYDA_CLAIMS_LOCALES=en am
+FAYDA_SESSION_TTL_MINUTES=10
+
+GITHUB_PACKAGE_TOKEN=
+
+# --- Payment event consumer (RabbitMQ) -------------------------------------------------------
+# Consumes payment.succeeded / payment.failed events from the payment microservice. Separate
+# from any RABBITMQ_URL used by the IAM/notification modules so the two connections are
+# independent. Points at the dedicated `payment` vhost on the (shared) broker.
+# Local dev broker (docker): amqp://edr:edr_secret@localhost:5672/payment
+PAYMENT_RABBITMQ_URL=amqp://edr:edr_secret@localhost:5672/payment
+# Max unacknowledged payment events this consumer holds at once.
+PAYMENT_EVENTS_PREFETCH=10
diff --git a/apps/edr-passenger-api/.eslintrc.js b/apps/edr-passenger-api/.eslintrc.js
new file mode 100644
index 000000000..32e54266b
--- /dev/null
+++ b/apps/edr-passenger-api/.eslintrc.js
@@ -0,0 +1 @@
+module.exports = require('@edr/eslint-config/nestjs');
diff --git a/apps/edr-passenger-api/.npmrc b/apps/edr-passenger-api/.npmrc
new file mode 100644
index 000000000..f1a000f80
--- /dev/null
+++ b/apps/edr-passenger-api/.npmrc
@@ -0,0 +1,6 @@
+# GitHub Packages configuration for @tria-plc scope
+@tria-plc:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=${GITHUB_PACKAGE_TOKEN}
+
+# Default registry for other packages
+registry=https://registry.npmjs.org/
diff --git a/apps/edr-passenger-api/Dockerfile b/apps/edr-passenger-api/Dockerfile
index 5e778138e..5fd647968 100644
--- a/apps/edr-passenger-api/Dockerfile
+++ b/apps/edr-passenger-api/Dockerfile
@@ -1,26 +1,51 @@
-FROM node:20-alpine AS base
-RUN corepack enable && corepack prepare pnpm@9.12.0 --activate
+# syntax=docker/dockerfile:1
+# Build from monorepo root: docker build -f apps/edr-passenger-api/Dockerfile .
+# On start: runs prisma migrate deploy + seed, then the API.
+
+FROM node:24.15.0-alpine AS base
+RUN apk add --no-cache libc6-compat
+RUN corepack enable
 WORKDIR /app
 
-FROM base AS deps
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
-COPY apps/edr-passenger-api/package.json ./apps/edr-passenger-api/
-COPY packages ./packages
-RUN pnpm install --frozen-lockfile --filter @edr/passenger-api...
+FROM base AS pruner
+COPY . .
+RUN pnpm dlx turbo prune "@edr/passenger-api" --docker
 
-FROM deps AS build
-COPY apps/edr-passenger-api ./apps/edr-passenger-api
-RUN pnpm --filter @edr/passenger-api build
+FROM base AS installer
+COPY --from=pruner /app/out/json/ .
+COPY --from=pruner /app/out/pnpm-lock.yaml ./pnpm-lock.yaml
+RUN --mount=type=secret,id=npmrc,target=./.npmrc,required=false \
+    --mount=type=cache,id=pnpm,target=/pnpm/store \
+    pnpm install --frozen-lockfile
 
-FROM node:20-alpine AS runtime
-RUN corepack enable && corepack prepare pnpm@9.12.0 --activate
-WORKDIR /app/apps/edr-passenger-api
+FROM base AS builder
+COPY --from=installer /app/ .
+COPY --from=pruner /app/out/full/ .
+RUN pnpm --filter "@edr/passenger-api" exec prisma generate
+RUN pnpm turbo build --filter="@edr/passenger-api..."
+
+FROM base AS deployer
+COPY --from=builder /app/ .
+RUN pnpm deploy --filter="@edr/passenger-api" --legacy /deploy
+RUN if [ -d node_modules/.prisma ]; then \
+      mkdir -p /deploy/node_modules && \
+      cp -r node_modules/.prisma /deploy/node_modules/.prisma; \
+    fi
+
+FROM node:24.15.0-alpine AS runner
+RUN apk add --no-cache libc6-compat
+RUN corepack enable && corepack prepare pnpm@11.1.1 --activate
 ENV NODE_ENV=production
-
-COPY --from=deps  /app/node_modules ./../../node_modules
-COPY --from=deps  /app/apps/edr-passenger-api/node_modules ./node_modules
-COPY --from=build /app/apps/edr-passenger-api/dist ./dist
-COPY --from=build /app/apps/edr-passenger-api/package.json ./package.json
-
-EXPOSE 3002
+WORKDIR /app
+RUN addgroup --system --gid 1001 nodejs \
+    && adduser --system --uid 1001 --ingroup nodejs nestjs
+COPY --from=deployer /deploy .
+COPY apps/edr-passenger-api/docker-entrypoint.sh /docker-entrypoint.sh
+RUN chmod +x /docker-entrypoint.sh \
+    && chown -R nestjs:nodejs /app
+USER nestjs
+ENV CI=true
+ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
+EXPOSE 4000
+ENTRYPOINT ["/docker-entrypoint.sh"]
 CMD ["node", "dist/main.js"]
diff --git a/apps/edr-passenger-api/docker-entrypoint.sh b/apps/edr-passenger-api/docker-entrypoint.sh
new file mode 100644
index 000000000..087ff1e74
--- /dev/null
+++ b/apps/edr-passenger-api/docker-entrypoint.sh
@@ -0,0 +1,11 @@
+#!/bin/sh
+set -e
+
+cd /app
+
+# npm run executes the same package.json scripts as pnpm run (pnpm reinstalls in deploy layout)
+npm run prisma:generate
+npm run prisma:migrate
+npm run prisma:seed
+
+exec "$@"
diff --git a/apps/edr-passenger-api/nest-cli.json b/apps/edr-passenger-api/nest-cli.json
index f9aa683b1..a7fb60dd2 100644
--- a/apps/edr-passenger-api/nest-cli.json
+++ b/apps/edr-passenger-api/nest-cli.json
@@ -3,6 +3,9 @@
   "collection": "@nestjs/schematics",
   "sourceRoot": "src",
   "compilerOptions": {
-    "deleteOutDir": true
+    "deleteOutDir": true,
+    "plugins": ["@nestjs/swagger"],
+    "tsConfigPath": "tsconfig.build.json",
+    "watchAssets": true
   }
 }
diff --git a/apps/edr-passenger-api/package.json b/apps/edr-passenger-api/package.json
index c7f84d634..84ea472d4 100644
--- a/apps/edr-passenger-api/package.json
+++ b/apps/edr-passenger-api/package.json
@@ -1,54 +1,78 @@
 {
   "name": "@edr/passenger-api",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "private": true,
-  "description": "EDR Passenger Management API",
   "scripts": {
     "dev": "nest start --watch",
-    "build": "nest build",
+    "build": "prisma generate && nest build",
     "start": "node dist/main.js",
+    "start:prod": "node dist/main.js",
     "lint": "eslint src",
     "test": "jest",
     "test:e2e": "jest --config ./test/jest-e2e.json",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "prisma:generate": "prisma generate",
+    "prisma:migrate": "prisma migrate deploy",
+    "prisma:migrate:dev": "prisma migrate dev",
+    "prisma:seed": "ts-node prisma/seed.ts",
+    "prisma:seed-full": "ts-node prisma/seed.ts",
+    "prisma:backfill": "ts-node prisma/backfill-fields.ts",
+    "prisma:verify": "ts-node prisma/verify-backfill.ts"
   },
   "dependencies": {
-    "@edr/api-common": "workspace:*",
     "@edr/types": "workspace:*",
+    "@golevelup/nestjs-rabbitmq": "^5.5.0",
+    "@nestjs/axios": "^4.0.1",
     "@nestjs/common": "^11.0.0",
-    "@nestjs/core": "^11.0.0",
-    "@nestjs/platform-express": "^11.0.0",
-    "@nestjs/swagger": "^11.4.2",
-    "@nestjs/typeorm": "^11.0.1",
-    "@nestjs/config": "^4.0.0",
-    "@nestjs/microservices": "^11.0.0",
-    "@nestjs/cli": "^11.0.0",
-    "@nestjs/schematics": "^11.0.0",
-    "@nestjs/testing": "^11.0.0",
+    "@nestjs/config": "^4.0.4",
+    "@nestjs/core": "^11.1.19",
+    "@nestjs/event-emitter": "^2.0.4",
+    "@nestjs/jwt": "^10.2.0",
+    "@nestjs/microservices": "^11.1.24",
+    "@nestjs/passport": "^10.0.3",
+    "@nestjs/platform-express": "^11.1.19",
+    "@nestjs/schedule": "^6.1.3",
+    "@nestjs/swagger": "^7.4.0",
+    "@prisma/client": "^6.19.3",
+    "@sendgrid/mail": "^8.1.0",
+    "axios": "^1.7.7",
+    "bcrypt": "^5.1.1",
     "class-transformer": "^0.5.1",
-    "class-validator": "^0.14.1",
-    "pg": "^8.13.0",
+    "class-validator": "^0.14.0",
+    "express": "^4.18.2",
+    "jose": "^5.10.0",
+    "passport": "^0.7.0",
+    "passport-jwt": "^4.0.1",
+    "qrcode": "^1.5.3",
     "reflect-metadata": "^0.2.2",
     "rxjs": "^7.8.1",
-    "typeorm": "^0.3.20"
+    "swagger-ui-express": "^5.0.0",
+    "tsconfig-paths": "^4.2.0",
+    "uuid": "^10.0.0"
   },
   "devDependencies": {
     "@edr/eslint-config": "workspace:*",
     "@edr/tsconfig": "workspace:*",
-    "@nestjs/cli": "^10.4.5",
-    "@nestjs/schematics": "^10.2.2",
-    "@nestjs/testing": "^10.4.6",
-    "@types/express": "^5.0.0",
-    "@types/jest": "^29.5.13",
-    "@types/node": "^20.14.0",
+    "@nestjs/cli": "^11.0.21",
+    "@nestjs/schematics": "^11.1.0",
+    "@nestjs/testing": "^11.1.19",
+    "@types/bcrypt": "^5.0.2",
+    "@types/express": "^5.0.6",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.10.6",
+    "@types/passport-jwt": "^4.0.1",
+    "@types/qrcode": "^1.5.5",
     "@types/supertest": "^6.0.2",
+    "@types/uuid": "^9.0.0",
     "jest": "^29.7.0",
+    "prisma": "^6.19.3",
     "supertest": "^7.0.0",
-    "ts-jest": "^29.2.5",
-    "ts-loader": "^9.5.1",
+    "ts-jest": "^29.1.1",
     "ts-node": "^10.9.2",
-    "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.5.4"
+    "typescript": "^5.3.3"
+  },
+  "prisma": {
+    "schema": "prisma/schema.prisma"
   },
   "jest": {
     "moduleFileExtensions": [
diff --git a/apps/edr-passenger-api/prisma/migrations/20260605195213_init/migration.sql b/apps/edr-passenger-api/prisma/migrations/20260605195213_init/migration.sql
new file mode 100644
index 000000000..0f8484179
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/migrations/20260605195213_init/migration.sql
@@ -0,0 +1,1490 @@
+-- CreateEnum
+CREATE TYPE "UserRole" AS ENUM ('PASSENGER', 'AGENT', 'SUPERVISOR', 'ADMIN', 'STAFF');
+
+-- CreateEnum
+CREATE TYPE "TripStatus" AS ENUM ('SCHEDULED', 'BOARDING', 'EN_ROUTE', 'ARRIVED', 'CANCELLED', 'DELAYED');
+
+-- CreateEnum
+CREATE TYPE "SeatKind" AS ENUM ('STANDARD', 'PREMIUM', 'ACCESSIBLE');
+
+-- CreateEnum
+CREATE TYPE "SeatStatus" AS ENUM ('AVAILABLE', 'HELD', 'BOOKED', 'BLOCKED');
+
+-- CreateEnum
+CREATE TYPE "PassengerCategory" AS ENUM ('ADULT', 'CHILD');
+
+-- CreateEnum
+CREATE TYPE "IdDocumentType" AS ENUM ('NATIONAL_ID', 'PASSPORT', 'DRIVING_LICENSE', 'OTHER');
+
+-- CreateEnum
+CREATE TYPE "Currency" AS ENUM ('ETB', 'DJF', 'USD');
+
+-- CreateEnum
+CREATE TYPE "BookingStatus" AS ENUM ('DRAFT', 'PENDING_PAYMENT', 'CONFIRMED', 'CANCELLED', 'COMPLETED', 'NO_SHOW', 'REFUNDED');
+
+-- CreateEnum
+CREATE TYPE "PaymentRegion" AS ENUM ('ETHIOPIA', 'DJIBOUTI', 'INTERNATIONAL', 'GLOBAL');
+
+-- CreateEnum
+CREATE TYPE "PaymentMethodType" AS ENUM ('TELEBIRR', 'CBE_BIRR', 'EBIRR', 'CARD', 'WALLET', 'WAAFI');
+
+-- CreateEnum
+CREATE TYPE "PaymentIntentStatus" AS ENUM ('REQUIRES_ACTION', 'PROCESSING', 'SUCCEEDED', 'FAILED', 'CANCELLED', 'REFUNDED');
+
+-- CreateEnum
+CREATE TYPE "WalletLedgerType" AS ENUM ('CREDIT', 'DEBIT');
+
+-- CreateEnum
+CREATE TYPE "NotificationCategory" AS ENUM ('BOOKING', 'PAYMENT', 'DISRUPTION', 'PROMOTION', 'SYSTEM');
+
+-- CreateEnum
+CREATE TYPE "StopStatus" AS ENUM ('COMPLETED', 'APPROACHING', 'CURRENT', 'UPCOMING');
+
+-- CreateEnum
+CREATE TYPE "SupportConversationStatus" AS ENUM ('OPEN', 'RESOLVED', 'CLOSED');
+
+-- CreateEnum
+CREATE TYPE "SupportSender" AS ENUM ('USER', 'BOT', 'AGENT');
+
+-- CreateEnum
+CREATE TYPE "LoyaltyTier" AS ENUM ('BRONZE', 'SILVER', 'GOLD', 'PLATINUM');
+
+-- CreateEnum
+CREATE TYPE "LoyaltyLedgerReason" AS ENUM ('TRIP_COMPLETED', 'REWARD_REDEEMED', 'PROMO_BONUS', 'MANUAL_ADJUSTMENT', 'EXPIRY');
+
+-- CreateEnum
+CREATE TYPE "FoodOrderStatus" AS ENUM ('PENDING', 'PREPARING', 'READY', 'DELIVERED', 'CANCELLED');
+
+-- CreateEnum
+CREATE TYPE "DevicePlatform" AS ENUM ('IOS', 'ANDROID', 'WEB');
+
+-- CreateTable
+CREATE TABLE "CoachType" (
+    "id" TEXT NOT NULL,
+    "code" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "type" TEXT NOT NULL DEFAULT 'passenger',
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "CoachType_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SeatClass" (
+    "id" TEXT NOT NULL,
+    "coachTypeId" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "description" TEXT,
+    "baseFareMinor" INTEGER NOT NULL,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "SeatClass_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "User" (
+    "id" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "phone" TEXT NOT NULL,
+    "fullName" TEXT NOT NULL,
+    "passwordHash" TEXT NOT NULL,
+    "role" "UserRole" NOT NULL DEFAULT 'PASSENGER',
+    "nationality" TEXT,
+    "nationalityCode" TEXT,
+    "passportNumber" TEXT,
+    "nationalId" TEXT,
+    "failedLoginAttempts" INTEGER NOT NULL DEFAULT 0,
+    "lockedUntil" TIMESTAMP(3),
+    "blockedUntil" TIMESTAMP(3),
+    "lastLoginAt" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "faydaVerified" BOOLEAN NOT NULL DEFAULT false,
+    "faydaVerifiedAt" TIMESTAMP(3),
+    "faydaSub" TEXT,
+
+    CONSTRAINT "User_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Session" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "ipAddress" TEXT,
+    "userAgent" TEXT,
+    "lastActivityAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Session_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Passenger" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "defaultTravelerProfileId" TEXT,
+    "preferredLanguage" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Passenger_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TravelerProfile" (
+    "id" TEXT NOT NULL,
+    "passengerId" TEXT NOT NULL,
+    "fullName" TEXT NOT NULL,
+    "relationship" TEXT NOT NULL,
+    "dateOfBirth" TIMESTAMP(3),
+    "nationalId" TEXT,
+    "notes" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "TravelerProfile_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Station" (
+    "id" TEXT NOT NULL,
+    "code" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "city" TEXT NOT NULL,
+    "countryCode" TEXT,
+    "isOperational" BOOLEAN NOT NULL DEFAULT true,
+    "timezone" TEXT NOT NULL DEFAULT 'Africa/Addis_Ababa',
+    "lat" DECIMAL(9,6) NOT NULL,
+    "lng" DECIMAL(9,6) NOT NULL,
+
+    CONSTRAINT "Station_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Train" (
+    "id" TEXT NOT NULL,
+    "number" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "operatorId" TEXT NOT NULL DEFAULT 'op_edr',
+    "operatorName" TEXT,
+    "description" TEXT,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Train_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TrainSchedule" (
+    "id" TEXT NOT NULL,
+    "trainId" TEXT NOT NULL,
+    "routeId" TEXT,
+    "originStationId" TEXT NOT NULL,
+    "destinationStationId" TEXT NOT NULL,
+    "departureAt" TIMESTAMP(3) NOT NULL,
+    "arrivalAt" TIMESTAMP(3) NOT NULL,
+    "durationMinutes" INTEGER NOT NULL,
+    "status" "TripStatus" NOT NULL DEFAULT 'SCHEDULED',
+    "stopsCount" INTEGER NOT NULL DEFAULT 0,
+    "reservedCount" INTEGER NOT NULL DEFAULT 0,
+    "onTimePercent" INTEGER NOT NULL DEFAULT 100,
+    "carbonRating" TEXT NOT NULL DEFAULT 'A',
+    "notes" TEXT,
+
+    CONSTRAINT "TrainSchedule_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TripStopTime" (
+    "id" TEXT NOT NULL,
+    "scheduleId" TEXT NOT NULL,
+    "stationId" TEXT NOT NULL,
+    "sequence" INTEGER NOT NULL,
+    "plannedArrivalAt" TIMESTAMP(3),
+    "plannedDepartureAt" TIMESTAMP(3),
+    "actualArrivalAt" TIMESTAMP(3),
+    "status" "StopStatus" NOT NULL DEFAULT 'UPCOMING',
+
+    CONSTRAINT "TripStopTime_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TripLiveStatus" (
+    "id" TEXT NOT NULL,
+    "scheduleId" TEXT NOT NULL,
+    "state" TEXT NOT NULL,
+    "currentLocationLabel" TEXT,
+    "progressPercent" INTEGER NOT NULL DEFAULT 0,
+    "delayMinutes" INTEGER NOT NULL DEFAULT 0,
+    "currentSpeedKph" INTEGER,
+    "platformLabel" TEXT,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "TripLiveStatus_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Coach" (
+    "id" TEXT NOT NULL,
+    "coachTypeId" TEXT NOT NULL,
+    "number" TEXT NOT NULL,
+    "arrangement" TEXT NOT NULL DEFAULT '2+2',
+    "capacity" INTEGER NOT NULL DEFAULT 0,
+    "status" TEXT NOT NULL DEFAULT 'ACTIVE',
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Coach_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "CoachAssignment" (
+    "id" TEXT NOT NULL,
+    "scheduleId" TEXT NOT NULL,
+    "coachId" TEXT NOT NULL,
+    "positionNumber" INTEGER NOT NULL,
+    "isOperational" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "CoachAssignment_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Seat" (
+    "id" TEXT NOT NULL,
+    "coachId" TEXT NOT NULL,
+    "seatNumber" TEXT NOT NULL,
+    "row" INTEGER NOT NULL,
+    "col" TEXT NOT NULL,
+    "kind" "SeatKind" NOT NULL DEFAULT 'STANDARD',
+    "status" "SeatStatus" NOT NULL DEFAULT 'AVAILABLE',
+    "heldUntil" TIMESTAMP(3),
+    "isWindow" BOOLEAN NOT NULL DEFAULT false,
+    "isAisle" BOOLEAN NOT NULL DEFAULT false,
+    "bedPosition" TEXT,
+    "premiumFeeMinor" INTEGER NOT NULL DEFAULT 0,
+
+    CONSTRAINT "Seat_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SeatHold" (
+    "id" TEXT NOT NULL,
+    "scheduleId" TEXT NOT NULL,
+    "seatIds" TEXT[],
+    "fareQuoteId" TEXT,
+    "passengerId" TEXT NOT NULL,
+    "createdBy" TEXT,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "SeatHold_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FareRule" (
+    "id" TEXT NOT NULL,
+    "tripId" TEXT,
+    "route" TEXT,
+    "nationality" TEXT,
+    "seatClassId" TEXT NOT NULL,
+    "baseFareMinor" INTEGER NOT NULL,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "refundable" BOOLEAN NOT NULL DEFAULT true,
+    "validFrom" TIMESTAMP(3) NOT NULL,
+    "validUntil" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "FareRule_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Booking" (
+    "id" TEXT NOT NULL,
+    "bookingRef" TEXT NOT NULL,
+    "passengerId" TEXT NOT NULL,
+    "scheduleId" TEXT NOT NULL,
+    "status" "BookingStatus" NOT NULL DEFAULT 'DRAFT',
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "totalMinor" INTEGER NOT NULL,
+    "adultCount" INTEGER NOT NULL DEFAULT 1,
+    "childCount" INTEGER NOT NULL DEFAULT 0,
+    "displayCurrency" "Currency",
+    "displayTotalMinor" INTEGER,
+    "bookingType" TEXT NOT NULL DEFAULT 'ONE_WAY',
+    "contactEmail" TEXT,
+    "contactPhone" TEXT,
+    "userAgent" TEXT,
+    "source" TEXT NOT NULL DEFAULT 'WEB',
+    "promoCode" TEXT,
+    "paidAt" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Booking_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "BookingSeat" (
+    "id" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "seatId" TEXT NOT NULL,
+    "passengerName" TEXT NOT NULL,
+    "dateOfBirth" TIMESTAMP(3),
+    "passengerCategory" "PassengerCategory" NOT NULL DEFAULT 'ADULT',
+    "idDocumentType" "IdDocumentType",
+    "idDocumentNumber" TEXT,
+    "passportNumber" TEXT,
+    "passportCountry" TEXT,
+    "verifaydaVerified" BOOLEAN NOT NULL DEFAULT false,
+    "verifaydaData" JSONB,
+    "faydaVerifiedAt" TIMESTAMP(3),
+    "faydaSub" TEXT,
+    "faydaVerifiedName" TEXT,
+    "seatLabelSnapshot" TEXT,
+    "fareMinor" INTEGER,
+    "displayCurrency" "Currency",
+    "displayFareMinor" INTEGER,
+
+    CONSTRAINT "BookingSeat_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PaymentMethod" (
+    "id" TEXT NOT NULL,
+    "type" "PaymentMethodType" NOT NULL,
+    "displayName" TEXT NOT NULL,
+    "region" "PaymentRegion" NOT NULL DEFAULT 'GLOBAL',
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "providerId" TEXT,
+    "isDefault" BOOLEAN NOT NULL DEFAULT false,
+    "enabled" BOOLEAN NOT NULL DEFAULT true,
+    "sortOrder" INTEGER NOT NULL DEFAULT 0,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "PaymentMethod_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PaymentIntent" (
+    "id" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "amountMinor" INTEGER NOT NULL,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "method" "PaymentMethodType" NOT NULL,
+    "provider" TEXT,
+    "status" "PaymentIntentStatus" NOT NULL DEFAULT 'REQUIRES_ACTION',
+    "providerRef" TEXT,
+    "clientAction" JSONB,
+    "merchantOrderId" TEXT,
+    "providerOrderId" TEXT,
+    "providerTxnId" TEXT,
+    "rawInitiation" JSONB,
+    "paidAt" TIMESTAMP(3),
+    "refundedAt" TIMESTAMP(3),
+    "captureMethod" TEXT,
+    "failureCode" TEXT,
+    "failureMessage" TEXT,
+    "expiresAt" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "PaymentIntent_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PaymentWebhookEvent" (
+    "id" TEXT NOT NULL,
+    "provider" "PaymentMethodType" NOT NULL,
+    "externalEventId" TEXT NOT NULL,
+    "merchantOrderId" TEXT,
+    "providerTxnId" TEXT,
+    "signatureValid" BOOLEAN NOT NULL,
+    "status" TEXT NOT NULL,
+    "payload" JSONB NOT NULL,
+    "receivedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "processedAt" TIMESTAMP(3),
+    "processingError" TEXT,
+
+    CONSTRAINT "PaymentWebhookEvent_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PaymentRefund" (
+    "id" TEXT NOT NULL,
+    "paymentIntentId" TEXT NOT NULL,
+    "amountMinor" INTEGER NOT NULL,
+    "reason" TEXT,
+    "providerRefundId" TEXT,
+    "status" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "PaymentRefund_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Ticket" (
+    "id" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "bookingRef" TEXT NOT NULL,
+    "status" TEXT NOT NULL DEFAULT 'CONFIRMED',
+    "qrPayload" TEXT NOT NULL,
+    "barcodePayload" TEXT,
+    "pdfUrl" TEXT,
+    "deliveryChannel" TEXT NOT NULL DEFAULT 'EMAIL',
+    "issuedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "validatedAt" TIMESTAMP(3),
+    "validatorId" TEXT,
+
+    CONSTRAINT "Ticket_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TicketSeat" (
+    "id" TEXT NOT NULL,
+    "ticketId" TEXT NOT NULL,
+    "seatId" TEXT NOT NULL,
+    "seatIndex" INTEGER NOT NULL DEFAULT 0,
+
+    CONSTRAINT "TicketSeat_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "LoyaltyAccount" (
+    "id" TEXT NOT NULL,
+    "passengerId" TEXT NOT NULL,
+    "pointsBalance" INTEGER NOT NULL DEFAULT 0,
+    "lifetimePoints" INTEGER NOT NULL DEFAULT 0,
+    "tier" "LoyaltyTier" NOT NULL DEFAULT 'BRONZE',
+    "tierUpdatedAt" TIMESTAMP(3),
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "LoyaltyAccount_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "LoyaltyLedgerEntry" (
+    "id" TEXT NOT NULL,
+    "accountId" TEXT NOT NULL,
+    "delta" INTEGER NOT NULL,
+    "reason" "LoyaltyLedgerReason" NOT NULL,
+    "bookingId" TEXT,
+    "balanceAfter" INTEGER NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "LoyaltyLedgerEntry_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "LoyaltyReward" (
+    "id" TEXT NOT NULL,
+    "accountId" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "costPoints" INTEGER NOT NULL,
+    "available" BOOLEAN NOT NULL DEFAULT true,
+    "description" TEXT,
+
+    CONSTRAINT "LoyaltyReward_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "WalletAccount" (
+    "id" TEXT NOT NULL,
+    "passengerId" TEXT NOT NULL,
+    "balanceMinor" INTEGER NOT NULL DEFAULT 0,
+    "status" TEXT NOT NULL DEFAULT 'ACTIVE',
+    "holdMinor" INTEGER NOT NULL DEFAULT 0,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "WalletAccount_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "WalletLedgerEntry" (
+    "id" TEXT NOT NULL,
+    "walletId" TEXT NOT NULL,
+    "type" "WalletLedgerType" NOT NULL,
+    "amountMinor" INTEGER NOT NULL,
+    "balanceAfterMinor" INTEGER NOT NULL,
+    "description" TEXT NOT NULL,
+    "relatedBookingId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "WalletLedgerEntry_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Notification" (
+    "id" TEXT NOT NULL,
+    "passengerId" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "body" TEXT NOT NULL,
+    "category" "NotificationCategory" NOT NULL,
+    "read" BOOLEAN NOT NULL DEFAULT false,
+    "deepLink" TEXT,
+    "metadata" JSONB,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Notification_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Promotion" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "subtitle" TEXT,
+    "code" TEXT NOT NULL,
+    "percentOff" INTEGER,
+    "amountOffMinor" INTEGER,
+    "validUntil" TIMESTAMP(3) NOT NULL,
+    "ctaLabel" TEXT,
+    "deepLink" TEXT,
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Promotion_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "StationCrowdSignal" (
+    "id" TEXT NOT NULL,
+    "stationId" TEXT NOT NULL,
+    "level" TEXT NOT NULL,
+    "label" TEXT NOT NULL,
+    "statusLabel" TEXT NOT NULL,
+    "confidence" INTEGER,
+    "observedAt" TIMESTAMP(3),
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "StationCrowdSignal_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "WeatherAlert" (
+    "id" TEXT NOT NULL,
+    "region" TEXT NOT NULL,
+    "severity" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "message" TEXT NOT NULL,
+    "validUntil" TIMESTAMP(3) NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "WeatherAlert_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "MenuCategory" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+
+    CONSTRAINT "MenuCategory_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "MenuItem" (
+    "id" TEXT NOT NULL,
+    "scheduleId" TEXT NOT NULL,
+    "categoryId" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "priceMinor" INTEGER NOT NULL,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "available" BOOLEAN NOT NULL DEFAULT true,
+    "availableUntil" TIMESTAMP(3),
+
+    CONSTRAINT "MenuItem_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FoodOrder" (
+    "id" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "status" "FoodOrderStatus" NOT NULL DEFAULT 'PENDING',
+    "totalMinor" INTEGER NOT NULL,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "specialInstructions" TEXT,
+    "estimatedReadyAt" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "FoodOrder_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FoodOrderItem" (
+    "id" TEXT NOT NULL,
+    "orderId" TEXT NOT NULL,
+    "menuItemId" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "quantity" INTEGER NOT NULL,
+    "unitPriceMinor" INTEGER,
+    "lineTotalMinor" INTEGER NOT NULL,
+
+    CONSTRAINT "FoodOrderItem_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FaqCategory" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "iconKey" TEXT,
+
+    CONSTRAINT "FaqCategory_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FaqArticle" (
+    "id" TEXT NOT NULL,
+    "categoryId" TEXT NOT NULL,
+    "question" TEXT NOT NULL,
+    "answerMarkdown" TEXT NOT NULL,
+    "rank" INTEGER NOT NULL DEFAULT 0,
+
+    CONSTRAINT "FaqArticle_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SupportConversation" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "assignedAgentId" TEXT,
+    "status" "SupportConversationStatus" NOT NULL DEFAULT 'OPEN',
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "SupportConversation_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SupportMessage" (
+    "id" TEXT NOT NULL,
+    "conversationId" TEXT NOT NULL,
+    "sender" "SupportSender" NOT NULL,
+    "text" TEXT NOT NULL,
+    "attachments" JSONB,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "SupportMessage_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "UserPreferences" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "pushEnabled" BOOLEAN NOT NULL DEFAULT true,
+    "emailEnabled" BOOLEAN NOT NULL DEFAULT true,
+    "smsEnabled" BOOLEAN NOT NULL DEFAULT false,
+    "promosEnabled" BOOLEAN NOT NULL DEFAULT true,
+    "biometricEnabled" BOOLEAN NOT NULL DEFAULT false,
+    "twoFactorEnabled" BOOLEAN NOT NULL DEFAULT false,
+    "defaultPaymentMethodId" TEXT,
+    "autoDownloadTickets" BOOLEAN NOT NULL DEFAULT true,
+    "dataSharing" BOOLEAN NOT NULL DEFAULT false,
+    "locale" TEXT NOT NULL DEFAULT 'en',
+    "darkMode" BOOLEAN NOT NULL DEFAULT false,
+    "language" TEXT NOT NULL DEFAULT 'en',
+
+    CONSTRAINT "UserPreferences_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Device" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "platform" "DevicePlatform" NOT NULL,
+    "name" TEXT NOT NULL,
+    "pushToken" TEXT,
+    "trusted" BOOLEAN NOT NULL DEFAULT false,
+    "lastSeenAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Device_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SavedRoute" (
+    "id" TEXT NOT NULL,
+    "passengerId" TEXT NOT NULL,
+    "fromStationId" TEXT NOT NULL,
+    "toStationId" TEXT NOT NULL,
+    "fromName" TEXT NOT NULL,
+    "toName" TEXT NOT NULL,
+    "tripCount" INTEGER NOT NULL DEFAULT 0,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "SavedRoute_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Journey" (
+    "id" TEXT NOT NULL,
+    "passengerId" TEXT NOT NULL,
+    "status" TEXT NOT NULL,
+    "totalMinor" INTEGER NOT NULL,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Journey_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "JourneySegment" (
+    "id" TEXT NOT NULL,
+    "journeyId" TEXT NOT NULL,
+    "scheduleId" TEXT NOT NULL,
+    "segmentOrder" INTEGER NOT NULL,
+    "seatId" TEXT,
+    "coachId" TEXT,
+    "departureStationId" TEXT NOT NULL,
+    "arrivalStationId" TEXT NOT NULL,
+
+    CONSTRAINT "JourneySegment_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "OtpCode" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT,
+    "email" TEXT,
+    "phone" TEXT,
+    "code" TEXT NOT NULL,
+    "purpose" TEXT NOT NULL,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "verified" BOOLEAN NOT NULL DEFAULT false,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "OtpCode_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PasswordResetToken" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "token" TEXT NOT NULL,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "used" BOOLEAN NOT NULL DEFAULT false,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "PasswordResetToken_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Route" (
+    "id" TEXT NOT NULL,
+    "code" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "description" TEXT,
+    "effectiveFrom" TIMESTAMP(3) NOT NULL,
+    "effectiveUntil" TIMESTAMP(3),
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Route_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "RouteStop" (
+    "id" TEXT NOT NULL,
+    "routeId" TEXT NOT NULL,
+    "stationId" TEXT NOT NULL,
+    "sequence" INTEGER NOT NULL,
+    "distanceKm" INTEGER,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "RouteStop_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "RouteFareRule" (
+    "id" TEXT NOT NULL,
+    "routeId" TEXT NOT NULL,
+    "seatClassId" TEXT NOT NULL,
+    "passengerCategory" "PassengerCategory" NOT NULL DEFAULT 'ADULT',
+    "baseFareMinor" INTEGER NOT NULL,
+    "discountPercent" INTEGER,
+    "taxPercent" INTEGER,
+    "surchargeMinor" INTEGER,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "validFrom" TIMESTAMP(3) NOT NULL,
+    "validUntil" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "RouteFareRule_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Agent" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "agentCode" TEXT NOT NULL,
+    "stationId" TEXT,
+    "commissionRate" INTEGER NOT NULL DEFAULT 5,
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Agent_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AgentBooking" (
+    "id" TEXT NOT NULL,
+    "agentId" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "paymentMethod" TEXT NOT NULL,
+    "cashReceived" INTEGER,
+    "changeGiven" INTEGER,
+    "paperTicket" BOOLEAN NOT NULL DEFAULT false,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "AgentBooking_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AgentShift" (
+    "id" TEXT NOT NULL,
+    "agentId" TEXT NOT NULL,
+    "openedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "closedAt" TIMESTAMP(3),
+    "openingBalance" INTEGER NOT NULL DEFAULT 0,
+    "closingBalance" INTEGER,
+    "reconciled" BOOLEAN NOT NULL DEFAULT false,
+    "notes" TEXT,
+
+    CONSTRAINT "AgentShift_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AgentCommission" (
+    "id" TEXT NOT NULL,
+    "agentId" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "amountMinor" INTEGER NOT NULL,
+    "rate" INTEGER NOT NULL,
+    "paidAt" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "AgentCommission_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "BookingModification" (
+    "id" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "modifiedBy" TEXT NOT NULL,
+    "modificationType" TEXT NOT NULL,
+    "oldData" JSONB NOT NULL,
+    "newData" JSONB NOT NULL,
+    "fareAdjustment" INTEGER NOT NULL DEFAULT 0,
+    "reason" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "BookingModification_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "BookingCancellation" (
+    "id" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "cancelledBy" TEXT NOT NULL,
+    "reason" TEXT,
+    "refundAmount" INTEGER NOT NULL,
+    "refundMethod" TEXT NOT NULL,
+    "refundStatus" TEXT NOT NULL,
+    "processedAt" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "BookingCancellation_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "GateValidationLog" (
+    "id" TEXT NOT NULL,
+    "ticketId" TEXT NOT NULL,
+    "validatorId" TEXT NOT NULL,
+    "gateId" TEXT,
+    "status" TEXT NOT NULL,
+    "reason" TEXT,
+    "validatedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "GateValidationLog_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "BaggageAllowance" (
+    "id" TEXT NOT NULL,
+    "seatClassId" TEXT NOT NULL,
+    "maxWeightKg" INTEGER NOT NULL,
+    "maxPiecesCount" INTEGER NOT NULL,
+    "excessFeePerKg" INTEGER NOT NULL,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "BaggageAllowance_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "BaggageBooking" (
+    "id" TEXT NOT NULL,
+    "bookingId" TEXT NOT NULL,
+    "weightKg" INTEGER NOT NULL,
+    "piecesCount" INTEGER NOT NULL,
+    "excessFeeMinor" INTEGER NOT NULL DEFAULT 0,
+    "paid" BOOLEAN NOT NULL DEFAULT false,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "BaggageBooking_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AuditLog" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT,
+    "action" TEXT NOT NULL,
+    "entityType" TEXT NOT NULL,
+    "entityId" TEXT,
+    "oldData" JSONB,
+    "newData" JSONB,
+    "ipAddress" TEXT,
+    "userAgent" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "AuditLog_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "NotificationTemplate" (
+    "id" TEXT NOT NULL,
+    "code" TEXT NOT NULL,
+    "channel" TEXT NOT NULL,
+    "subject" TEXT,
+    "bodyTemplate" TEXT NOT NULL,
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "NotificationTemplate_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SeatBlock" (
+    "id" TEXT NOT NULL,
+    "seatId" TEXT NOT NULL,
+    "reason" TEXT NOT NULL,
+    "blockedBy" TEXT NOT NULL,
+    "approvedBy" TEXT,
+    "blockedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "unblockAt" TIMESTAMP(3),
+
+    CONSTRAINT "SeatBlock_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "OperationalReport" (
+    "id" TEXT NOT NULL,
+    "reportType" TEXT NOT NULL,
+    "dateFrom" TIMESTAMP(3) NOT NULL,
+    "dateTo" TIMESTAMP(3) NOT NULL,
+    "data" JSONB NOT NULL,
+    "generatedBy" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "OperationalReport_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FraudRule" (
+    "id" TEXT NOT NULL,
+    "type" TEXT NOT NULL,
+    "enabled" BOOLEAN NOT NULL DEFAULT true,
+    "threshold" DOUBLE PRECISION NOT NULL,
+    "config" JSONB,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "FraudRule_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FraudAlert" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "eventType" TEXT NOT NULL,
+    "triggeredRules" TEXT[],
+    "context" JSONB NOT NULL,
+    "severity" TEXT NOT NULL DEFAULT 'MEDIUM',
+    "acknowledged" BOOLEAN NOT NULL DEFAULT false,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "FraudAlert_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "CurrencyExchangeRate" (
+    "id" TEXT NOT NULL,
+    "fromCurrency" "Currency" NOT NULL,
+    "toCurrency" "Currency" NOT NULL,
+    "rate" DECIMAL(18,6) NOT NULL,
+    "effectiveDate" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "source" TEXT NOT NULL DEFAULT 'MANUAL',
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "CurrencyExchangeRate_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "VerifaydaVerification" (
+    "id" TEXT NOT NULL,
+    "bookingId" TEXT,
+    "nationalId" TEXT NOT NULL,
+    "requestPayload" JSONB NOT NULL,
+    "responsePayload" JSONB,
+    "verified" BOOLEAN NOT NULL DEFAULT false,
+    "failureReason" TEXT,
+    "verifiedAt" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "VerifaydaVerification_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SavedPassengerProfile" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT,
+    "deviceId" TEXT,
+    "passengerName" TEXT NOT NULL,
+    "dateOfBirth" TIMESTAMP(3) NOT NULL,
+    "idDocumentType" "IdDocumentType" NOT NULL,
+    "passportNumber" TEXT,
+    "passportCountry" TEXT,
+    "nationality" TEXT,
+    "phone" TEXT,
+    "email" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "SavedPassengerProfile_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FaydaVerificationSession" (
+    "id" TEXT NOT NULL,
+    "state" TEXT NOT NULL,
+    "codeVerifier" TEXT NOT NULL,
+    "purpose" TEXT NOT NULL DEFAULT 'PURCHASE',
+    "platform" TEXT NOT NULL DEFAULT 'WEB',
+    "saveToAccount" BOOLEAN NOT NULL DEFAULT false,
+    "status" TEXT NOT NULL DEFAULT 'PENDING',
+    "errorCode" TEXT,
+    "errorDescription" TEXT,
+    "authCode" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "completedAt" TIMESTAMP(3),
+    "userId" TEXT,
+    "bookingId" TEXT,
+
+    CONSTRAINT "FaydaVerificationSession_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE INDEX "SeatClass_coachTypeId_idx" ON "SeatClass"("coachTypeId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "SeatClass_coachTypeId_name_key" ON "SeatClass"("coachTypeId", "name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_email_key" ON "User"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_phone_key" ON "User"("phone");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "User_faydaSub_key" ON "User"("faydaSub");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Session_token_key" ON "Session"("token");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Passenger_userId_key" ON "Passenger"("userId");
+
+-- CreateIndex
+CREATE INDEX "Passenger_userId_idx" ON "Passenger"("userId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Station_code_key" ON "Station"("code");
+
+-- CreateIndex
+CREATE INDEX "Station_city_countryCode_idx" ON "Station"("city", "countryCode");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Train_number_key" ON "Train"("number");
+
+-- CreateIndex
+CREATE INDEX "TrainSchedule_departureAt_originStationId_idx" ON "TrainSchedule"("departureAt", "originStationId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "TripStopTime_scheduleId_sequence_key" ON "TripStopTime"("scheduleId", "sequence");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "TripLiveStatus_scheduleId_key" ON "TripLiveStatus"("scheduleId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Coach_number_key" ON "Coach"("number");
+
+-- CreateIndex
+CREATE INDEX "Coach_coachTypeId_idx" ON "Coach"("coachTypeId");
+
+-- CreateIndex
+CREATE INDEX "CoachAssignment_scheduleId_idx" ON "CoachAssignment"("scheduleId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "CoachAssignment_scheduleId_positionNumber_key" ON "CoachAssignment"("scheduleId", "positionNumber");
+
+-- CreateIndex
+CREATE INDEX "Seat_coachId_idx" ON "Seat"("coachId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Seat_coachId_seatNumber_key" ON "Seat"("coachId", "seatNumber");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Seat_coachId_row_col_key" ON "Seat"("coachId", "row", "col");
+
+-- CreateIndex
+CREATE INDEX "SeatHold_expiresAt_idx" ON "SeatHold"("expiresAt");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Booking_bookingRef_key" ON "Booking"("bookingRef");
+
+-- CreateIndex
+CREATE INDEX "Booking_passengerId_status_idx" ON "Booking"("passengerId", "status");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PaymentMethod_type_key" ON "PaymentMethod"("type");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PaymentIntent_bookingId_key" ON "PaymentIntent"("bookingId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PaymentIntent_merchantOrderId_key" ON "PaymentIntent"("merchantOrderId");
+
+-- CreateIndex
+CREATE INDEX "PaymentIntent_providerOrderId_idx" ON "PaymentIntent"("providerOrderId");
+
+-- CreateIndex
+CREATE INDEX "PaymentIntent_providerTxnId_idx" ON "PaymentIntent"("providerTxnId");
+
+-- CreateIndex
+CREATE INDEX "PaymentWebhookEvent_merchantOrderId_idx" ON "PaymentWebhookEvent"("merchantOrderId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PaymentWebhookEvent_provider_externalEventId_key" ON "PaymentWebhookEvent"("provider", "externalEventId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Ticket_bookingId_key" ON "Ticket"("bookingId");
+
+-- CreateIndex
+CREATE INDEX "TicketSeat_ticketId_idx" ON "TicketSeat"("ticketId");
+
+-- CreateIndex
+CREATE INDEX "TicketSeat_seatId_idx" ON "TicketSeat"("seatId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "LoyaltyAccount_passengerId_key" ON "LoyaltyAccount"("passengerId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "WalletAccount_passengerId_key" ON "WalletAccount"("passengerId");
+
+-- CreateIndex
+CREATE INDEX "WalletAccount_passengerId_idx" ON "WalletAccount"("passengerId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Promotion_code_key" ON "Promotion"("code");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "UserPreferences_userId_key" ON "UserPreferences"("userId");
+
+-- CreateIndex
+CREATE INDEX "OtpCode_email_phone_idx" ON "OtpCode"("email", "phone");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "PasswordResetToken_token_key" ON "PasswordResetToken"("token");
+
+-- CreateIndex
+CREATE INDEX "PasswordResetToken_userId_idx" ON "PasswordResetToken"("userId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Route_code_key" ON "Route"("code");
+
+-- CreateIndex
+CREATE INDEX "RouteStop_routeId_stationId_idx" ON "RouteStop"("routeId", "stationId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "RouteStop_routeId_sequence_key" ON "RouteStop"("routeId", "sequence");
+
+-- CreateIndex
+CREATE INDEX "RouteFareRule_routeId_seatClassId_idx" ON "RouteFareRule"("routeId", "seatClassId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Agent_userId_key" ON "Agent"("userId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Agent_agentCode_key" ON "Agent"("agentCode");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "AgentBooking_bookingId_key" ON "AgentBooking"("bookingId");
+
+-- CreateIndex
+CREATE INDEX "AgentShift_agentId_openedAt_idx" ON "AgentShift"("agentId", "openedAt");
+
+-- CreateIndex
+CREATE INDEX "AgentCommission_agentId_paidAt_idx" ON "AgentCommission"("agentId", "paidAt");
+
+-- CreateIndex
+CREATE INDEX "BookingModification_bookingId_idx" ON "BookingModification"("bookingId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "BookingCancellation_bookingId_key" ON "BookingCancellation"("bookingId");
+
+-- CreateIndex
+CREATE INDEX "GateValidationLog_ticketId_idx" ON "GateValidationLog"("ticketId");
+
+-- CreateIndex
+CREATE INDEX "GateValidationLog_validatorId_idx" ON "GateValidationLog"("validatorId");
+
+-- CreateIndex
+CREATE INDEX "BaggageBooking_bookingId_idx" ON "BaggageBooking"("bookingId");
+
+-- CreateIndex
+CREATE INDEX "AuditLog_userId_createdAt_idx" ON "AuditLog"("userId", "createdAt");
+
+-- CreateIndex
+CREATE INDEX "AuditLog_entityType_entityId_idx" ON "AuditLog"("entityType", "entityId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "NotificationTemplate_code_key" ON "NotificationTemplate"("code");
+
+-- CreateIndex
+CREATE INDEX "SeatBlock_seatId_idx" ON "SeatBlock"("seatId");
+
+-- CreateIndex
+CREATE INDEX "OperationalReport_reportType_dateFrom_idx" ON "OperationalReport"("reportType", "dateFrom");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "FraudRule_type_key" ON "FraudRule"("type");
+
+-- CreateIndex
+CREATE INDEX "FraudAlert_userId_createdAt_idx" ON "FraudAlert"("userId", "createdAt");
+
+-- CreateIndex
+CREATE INDEX "FraudAlert_acknowledged_idx" ON "FraudAlert"("acknowledged");
+
+-- CreateIndex
+CREATE INDEX "CurrencyExchangeRate_fromCurrency_toCurrency_idx" ON "CurrencyExchangeRate"("fromCurrency", "toCurrency");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "CurrencyExchangeRate_fromCurrency_toCurrency_effectiveDate_key" ON "CurrencyExchangeRate"("fromCurrency", "toCurrency", "effectiveDate");
+
+-- CreateIndex
+CREATE INDEX "VerifaydaVerification_nationalId_idx" ON "VerifaydaVerification"("nationalId");
+
+-- CreateIndex
+CREATE INDEX "VerifaydaVerification_bookingId_idx" ON "VerifaydaVerification"("bookingId");
+
+-- CreateIndex
+CREATE INDEX "SavedPassengerProfile_userId_idx" ON "SavedPassengerProfile"("userId");
+
+-- CreateIndex
+CREATE INDEX "SavedPassengerProfile_deviceId_idx" ON "SavedPassengerProfile"("deviceId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "FaydaVerificationSession_state_key" ON "FaydaVerificationSession"("state");
+
+-- CreateIndex
+CREATE INDEX "FaydaVerificationSession_userId_idx" ON "FaydaVerificationSession"("userId");
+
+-- CreateIndex
+CREATE INDEX "FaydaVerificationSession_bookingId_idx" ON "FaydaVerificationSession"("bookingId");
+
+-- CreateIndex
+CREATE INDEX "FaydaVerificationSession_state_idx" ON "FaydaVerificationSession"("state");
+
+-- CreateIndex
+CREATE INDEX "FaydaVerificationSession_expiresAt_idx" ON "FaydaVerificationSession"("expiresAt");
+
+-- AddForeignKey
+ALTER TABLE "SeatClass" ADD CONSTRAINT "SeatClass_coachTypeId_fkey" FOREIGN KEY ("coachTypeId") REFERENCES "CoachType"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Session" ADD CONSTRAINT "Session_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Passenger" ADD CONSTRAINT "Passenger_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TravelerProfile" ADD CONSTRAINT "TravelerProfile_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TrainSchedule" ADD CONSTRAINT "TrainSchedule_trainId_fkey" FOREIGN KEY ("trainId") REFERENCES "Train"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TrainSchedule" ADD CONSTRAINT "TrainSchedule_routeId_fkey" FOREIGN KEY ("routeId") REFERENCES "Route"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TrainSchedule" ADD CONSTRAINT "TrainSchedule_originStationId_fkey" FOREIGN KEY ("originStationId") REFERENCES "Station"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TrainSchedule" ADD CONSTRAINT "TrainSchedule_destinationStationId_fkey" FOREIGN KEY ("destinationStationId") REFERENCES "Station"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TripStopTime" ADD CONSTRAINT "TripStopTime_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TripStopTime" ADD CONSTRAINT "TripStopTime_stationId_fkey" FOREIGN KEY ("stationId") REFERENCES "Station"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TripLiveStatus" ADD CONSTRAINT "TripLiveStatus_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Coach" ADD CONSTRAINT "Coach_coachTypeId_fkey" FOREIGN KEY ("coachTypeId") REFERENCES "CoachType"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "CoachAssignment" ADD CONSTRAINT "CoachAssignment_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "CoachAssignment" ADD CONSTRAINT "CoachAssignment_coachId_fkey" FOREIGN KEY ("coachId") REFERENCES "Coach"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Seat" ADD CONSTRAINT "Seat_coachId_fkey" FOREIGN KEY ("coachId") REFERENCES "Coach"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FareRule" ADD CONSTRAINT "FareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "SeatClass"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Booking" ADD CONSTRAINT "Booking_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Booking" ADD CONSTRAINT "Booking_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BookingSeat" ADD CONSTRAINT "BookingSeat_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BookingSeat" ADD CONSTRAINT "BookingSeat_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "Seat"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PaymentIntent" ADD CONSTRAINT "PaymentIntent_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PaymentRefund" ADD CONSTRAINT "PaymentRefund_paymentIntentId_fkey" FOREIGN KEY ("paymentIntentId") REFERENCES "PaymentIntent"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Ticket" ADD CONSTRAINT "Ticket_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TicketSeat" ADD CONSTRAINT "TicketSeat_ticketId_fkey" FOREIGN KEY ("ticketId") REFERENCES "Ticket"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TicketSeat" ADD CONSTRAINT "TicketSeat_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "Seat"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LoyaltyAccount" ADD CONSTRAINT "LoyaltyAccount_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LoyaltyLedgerEntry" ADD CONSTRAINT "LoyaltyLedgerEntry_accountId_fkey" FOREIGN KEY ("accountId") REFERENCES "LoyaltyAccount"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LoyaltyReward" ADD CONSTRAINT "LoyaltyReward_accountId_fkey" FOREIGN KEY ("accountId") REFERENCES "LoyaltyAccount"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "WalletAccount" ADD CONSTRAINT "WalletAccount_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "WalletLedgerEntry" ADD CONSTRAINT "WalletLedgerEntry_walletId_fkey" FOREIGN KEY ("walletId") REFERENCES "WalletAccount"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Notification" ADD CONSTRAINT "Notification_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StationCrowdSignal" ADD CONSTRAINT "StationCrowdSignal_stationId_fkey" FOREIGN KEY ("stationId") REFERENCES "Station"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "MenuItem" ADD CONSTRAINT "MenuItem_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "MenuItem" ADD CONSTRAINT "MenuItem_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "MenuCategory"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FoodOrder" ADD CONSTRAINT "FoodOrder_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FoodOrderItem" ADD CONSTRAINT "FoodOrderItem_orderId_fkey" FOREIGN KEY ("orderId") REFERENCES "FoodOrder"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FaqArticle" ADD CONSTRAINT "FaqArticle_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "FaqCategory"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SupportMessage" ADD CONSTRAINT "SupportMessage_conversationId_fkey" FOREIGN KEY ("conversationId") REFERENCES "SupportConversation"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "UserPreferences" ADD CONSTRAINT "UserPreferences_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Device" ADD CONSTRAINT "Device_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SavedRoute" ADD CONSTRAINT "SavedRoute_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JourneySegment" ADD CONSTRAINT "JourneySegment_journeyId_fkey" FOREIGN KEY ("journeyId") REFERENCES "Journey"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JourneySegment" ADD CONSTRAINT "JourneySegment_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "RouteStop" ADD CONSTRAINT "RouteStop_routeId_fkey" FOREIGN KEY ("routeId") REFERENCES "Route"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "RouteFareRule" ADD CONSTRAINT "RouteFareRule_routeId_fkey" FOREIGN KEY ("routeId") REFERENCES "Route"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "RouteFareRule" ADD CONSTRAINT "RouteFareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "SeatClass"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Agent" ADD CONSTRAINT "Agent_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AgentBooking" ADD CONSTRAINT "AgentBooking_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "Agent"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AgentBooking" ADD CONSTRAINT "AgentBooking_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AgentShift" ADD CONSTRAINT "AgentShift_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "Agent"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AgentCommission" ADD CONSTRAINT "AgentCommission_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "Agent"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BookingModification" ADD CONSTRAINT "BookingModification_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BookingCancellation" ADD CONSTRAINT "BookingCancellation_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "GateValidationLog" ADD CONSTRAINT "GateValidationLog_ticketId_fkey" FOREIGN KEY ("ticketId") REFERENCES "Ticket"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BaggageBooking" ADD CONSTRAINT "BaggageBooking_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AuditLog" ADD CONSTRAINT "AuditLog_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SeatBlock" ADD CONSTRAINT "SeatBlock_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "Seat"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FraudAlert" ADD CONSTRAINT "FraudAlert_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FaydaVerificationSession" ADD CONSTRAINT "FaydaVerificationSession_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/apps/edr-passenger-api/prisma/migrations/20260607140721_add_segment_fare_rule/migration.sql b/apps/edr-passenger-api/prisma/migrations/20260607140721_add_segment_fare_rule/migration.sql
new file mode 100644
index 000000000..525b6572e
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/migrations/20260607140721_add_segment_fare_rule/migration.sql
@@ -0,0 +1,28 @@
+-- CreateTable
+CREATE TABLE "SegmentFareRule" (
+    "id" TEXT NOT NULL,
+    "routeId" TEXT NOT NULL,
+    "originStopSequence" INTEGER NOT NULL,
+    "destinationStopSequence" INTEGER NOT NULL,
+    "seatClassId" TEXT NOT NULL,
+    "baseFareMinor" INTEGER NOT NULL,
+    "nationality" TEXT,
+    "currency" TEXT NOT NULL DEFAULT 'ETB',
+    "validFrom" TIMESTAMP(3) NOT NULL,
+    "validUntil" TIMESTAMP(3),
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "SegmentFareRule_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE INDEX "SegmentFareRule_routeId_seatClassId_idx" ON "SegmentFareRule"("routeId", "seatClassId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "SegmentFareRule_routeId_originStopSequence_destinationStopS_key" ON "SegmentFareRule"("routeId", "originStopSequence", "destinationStopSequence", "seatClassId", "nationality");
+
+-- AddForeignKey
+ALTER TABLE "SegmentFareRule" ADD CONSTRAINT "SegmentFareRule_routeId_fkey" FOREIGN KEY ("routeId") REFERENCES "Route"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SegmentFareRule" ADD CONSTRAINT "SegmentFareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "SeatClass"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/apps/edr-passenger-api/prisma/migrations/20260615132114_add_dmoney_to_payment_method/migration.sql b/apps/edr-passenger-api/prisma/migrations/20260615132114_add_dmoney_to_payment_method/migration.sql
new file mode 100644
index 000000000..9b9228768
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/migrations/20260615132114_add_dmoney_to_payment_method/migration.sql
@@ -0,0 +1,2 @@
+-- AlterEnum
+ALTER TYPE "PaymentMethodType" ADD VALUE 'DMONEY';
diff --git a/apps/edr-passenger-api/prisma/migrations/20260617042447_add_return_schedule_id/migration.sql b/apps/edr-passenger-api/prisma/migrations/20260617042447_add_return_schedule_id/migration.sql
new file mode 100644
index 000000000..7622faf86
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/migrations/20260617042447_add_return_schedule_id/migration.sql
@@ -0,0 +1,276 @@
+-- DropForeignKey
+ALTER TABLE "AgentBooking" DROP CONSTRAINT "AgentBooking_agentId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "AgentBooking" DROP CONSTRAINT "AgentBooking_bookingId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "AgentCommission" DROP CONSTRAINT "AgentCommission_agentId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "AgentShift" DROP CONSTRAINT "AgentShift_agentId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "BaggageBooking" DROP CONSTRAINT "BaggageBooking_bookingId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Booking" DROP CONSTRAINT "Booking_passengerId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Booking" DROP CONSTRAINT "Booking_scheduleId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "BookingCancellation" DROP CONSTRAINT "BookingCancellation_bookingId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "BookingModification" DROP CONSTRAINT "BookingModification_bookingId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "BookingSeat" DROP CONSTRAINT "BookingSeat_bookingId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "BookingSeat" DROP CONSTRAINT "BookingSeat_seatId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Coach" DROP CONSTRAINT "Coach_coachTypeId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "CoachAssignment" DROP CONSTRAINT "CoachAssignment_coachId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "CoachAssignment" DROP CONSTRAINT "CoachAssignment_scheduleId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "FaqArticle" DROP CONSTRAINT "FaqArticle_categoryId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "FareRule" DROP CONSTRAINT "FareRule_seatClassId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "FoodOrder" DROP CONSTRAINT "FoodOrder_bookingId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "FoodOrderItem" DROP CONSTRAINT "FoodOrderItem_orderId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "GateValidationLog" DROP CONSTRAINT "GateValidationLog_ticketId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "JourneySegment" DROP CONSTRAINT "JourneySegment_journeyId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "JourneySegment" DROP CONSTRAINT "JourneySegment_scheduleId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "LoyaltyLedgerEntry" DROP CONSTRAINT "LoyaltyLedgerEntry_accountId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "LoyaltyReward" DROP CONSTRAINT "LoyaltyReward_accountId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "MenuItem" DROP CONSTRAINT "MenuItem_categoryId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "MenuItem" DROP CONSTRAINT "MenuItem_scheduleId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Notification" DROP CONSTRAINT "Notification_passengerId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PaymentIntent" DROP CONSTRAINT "PaymentIntent_bookingId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PaymentRefund" DROP CONSTRAINT "PaymentRefund_paymentIntentId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "RouteFareRule" DROP CONSTRAINT "RouteFareRule_seatClassId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "SavedRoute" DROP CONSTRAINT "SavedRoute_passengerId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "SeatBlock" DROP CONSTRAINT "SeatBlock_seatId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "SegmentFareRule" DROP CONSTRAINT "SegmentFareRule_seatClassId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "StationCrowdSignal" DROP CONSTRAINT "StationCrowdSignal_stationId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "SupportMessage" DROP CONSTRAINT "SupportMessage_conversationId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Ticket" DROP CONSTRAINT "Ticket_bookingId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "TicketSeat" DROP CONSTRAINT "TicketSeat_seatId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "TrainSchedule" DROP CONSTRAINT "TrainSchedule_destinationStationId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "TrainSchedule" DROP CONSTRAINT "TrainSchedule_originStationId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "TrainSchedule" DROP CONSTRAINT "TrainSchedule_routeId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "TrainSchedule" DROP CONSTRAINT "TrainSchedule_trainId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "TripLiveStatus" DROP CONSTRAINT "TripLiveStatus_scheduleId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "TripStopTime" DROP CONSTRAINT "TripStopTime_scheduleId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "WalletLedgerEntry" DROP CONSTRAINT "WalletLedgerEntry_walletId_fkey";
+
+-- AlterTable
+ALTER TABLE "Booking" ADD COLUMN     "returnDestinationStationId" TEXT,
+ADD COLUMN     "returnHoldId" TEXT,
+ADD COLUMN     "returnOriginStationId" TEXT,
+ADD COLUMN     "returnScheduleId" TEXT,
+ADD COLUMN     "returnSeatClassId" TEXT;
+
+-- AlterTable
+ALTER TABLE "SeatClass" ALTER COLUMN "baseFareMinor" SET DEFAULT 0;
+
+-- AlterTable
+ALTER TABLE "Ticket" ALTER COLUMN "status" SET DEFAULT 'ACTIVE';
+
+-- AlterTable
+ALTER TABLE "User" ALTER COLUMN "gender" SET DATA TYPE TEXT;
+
+-- CreateIndex
+CREATE INDEX "Booking_bookingType_idx" ON "Booking"("bookingType");
+
+-- AddForeignKey
+ALTER TABLE "TrainSchedule" ADD CONSTRAINT "TrainSchedule_trainId_fkey" FOREIGN KEY ("trainId") REFERENCES "Train"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TrainSchedule" ADD CONSTRAINT "TrainSchedule_routeId_fkey" FOREIGN KEY ("routeId") REFERENCES "Route"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TrainSchedule" ADD CONSTRAINT "TrainSchedule_originStationId_fkey" FOREIGN KEY ("originStationId") REFERENCES "Station"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TrainSchedule" ADD CONSTRAINT "TrainSchedule_destinationStationId_fkey" FOREIGN KEY ("destinationStationId") REFERENCES "Station"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TripStopTime" ADD CONSTRAINT "TripStopTime_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TripLiveStatus" ADD CONSTRAINT "TripLiveStatus_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Coach" ADD CONSTRAINT "Coach_coachTypeId_fkey" FOREIGN KEY ("coachTypeId") REFERENCES "CoachType"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "CoachAssignment" ADD CONSTRAINT "CoachAssignment_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "CoachAssignment" ADD CONSTRAINT "CoachAssignment_coachId_fkey" FOREIGN KEY ("coachId") REFERENCES "Coach"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FareRule" ADD CONSTRAINT "FareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "SeatClass"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Booking" ADD CONSTRAINT "Booking_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Booking" ADD CONSTRAINT "Booking_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BookingSeat" ADD CONSTRAINT "BookingSeat_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BookingSeat" ADD CONSTRAINT "BookingSeat_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "Seat"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PaymentIntent" ADD CONSTRAINT "PaymentIntent_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PaymentRefund" ADD CONSTRAINT "PaymentRefund_paymentIntentId_fkey" FOREIGN KEY ("paymentIntentId") REFERENCES "PaymentIntent"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Ticket" ADD CONSTRAINT "Ticket_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "TicketSeat" ADD CONSTRAINT "TicketSeat_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "Seat"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LoyaltyLedgerEntry" ADD CONSTRAINT "LoyaltyLedgerEntry_accountId_fkey" FOREIGN KEY ("accountId") REFERENCES "LoyaltyAccount"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "LoyaltyReward" ADD CONSTRAINT "LoyaltyReward_accountId_fkey" FOREIGN KEY ("accountId") REFERENCES "LoyaltyAccount"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "WalletLedgerEntry" ADD CONSTRAINT "WalletLedgerEntry_walletId_fkey" FOREIGN KEY ("walletId") REFERENCES "WalletAccount"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Notification" ADD CONSTRAINT "Notification_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "StationCrowdSignal" ADD CONSTRAINT "StationCrowdSignal_stationId_fkey" FOREIGN KEY ("stationId") REFERENCES "Station"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "MenuItem" ADD CONSTRAINT "MenuItem_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "MenuItem" ADD CONSTRAINT "MenuItem_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "MenuCategory"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FoodOrder" ADD CONSTRAINT "FoodOrder_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FoodOrderItem" ADD CONSTRAINT "FoodOrderItem_orderId_fkey" FOREIGN KEY ("orderId") REFERENCES "FoodOrder"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FaqArticle" ADD CONSTRAINT "FaqArticle_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "FaqCategory"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SupportMessage" ADD CONSTRAINT "SupportMessage_conversationId_fkey" FOREIGN KEY ("conversationId") REFERENCES "SupportConversation"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SavedRoute" ADD CONSTRAINT "SavedRoute_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "Passenger"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JourneySegment" ADD CONSTRAINT "JourneySegment_journeyId_fkey" FOREIGN KEY ("journeyId") REFERENCES "Journey"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JourneySegment" ADD CONSTRAINT "JourneySegment_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "TrainSchedule"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "RouteFareRule" ADD CONSTRAINT "RouteFareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "SeatClass"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SegmentFareRule" ADD CONSTRAINT "SegmentFareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "SeatClass"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AgentBooking" ADD CONSTRAINT "AgentBooking_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "Agent"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AgentBooking" ADD CONSTRAINT "AgentBooking_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AgentShift" ADD CONSTRAINT "AgentShift_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "Agent"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AgentCommission" ADD CONSTRAINT "AgentCommission_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "Agent"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BookingModification" ADD CONSTRAINT "BookingModification_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BookingCancellation" ADD CONSTRAINT "BookingCancellation_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "GateValidationLog" ADD CONSTRAINT "GateValidationLog_ticketId_fkey" FOREIGN KEY ("ticketId") REFERENCES "Ticket"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "BaggageBooking" ADD CONSTRAINT "BaggageBooking_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "Booking"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "SeatBlock" ADD CONSTRAINT "SeatBlock_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "Seat"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/apps/edr-passenger-api/prisma/migrations/20260620_complete_schema_sync/migration.sql b/apps/edr-passenger-api/prisma/migrations/20260620_complete_schema_sync/migration.sql
new file mode 100644
index 000000000..6c8da0d2c
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/migrations/20260620_complete_schema_sync/migration.sql
@@ -0,0 +1,36 @@
+-- Add sequence column to Station table if it doesn't exist
+ALTER TABLE "passenger"."Station" ADD COLUMN IF NOT EXISTS "sequence" INTEGER NOT NULL DEFAULT 0;
+
+-- Add index on sequence for Station
+CREATE INDEX IF NOT EXISTS "Station_sequence_idx" ON "passenger"."Station"("sequence");
+
+-- Add sequence column to Coach table if it doesn't exist
+ALTER TABLE "passenger"."Coach" ADD COLUMN IF NOT EXISTS "sequence" INTEGER NOT NULL DEFAULT 0;
+
+-- Add index on sequence for Coach
+CREATE INDEX IF NOT EXISTS "Coach_sequence_idx" ON "passenger"."Coach"("sequence");
+
+-- Add missing columns to SeatClass if they don't exist
+ALTER TABLE "passenger"."SeatClass" ADD COLUMN IF NOT EXISTS "premiumMinor" INTEGER NOT NULL DEFAULT 0;
+ALTER TABLE "passenger"."SeatClass" ADD COLUMN IF NOT EXISTS "insuranceFeeMinor" INTEGER NOT NULL DEFAULT 0;
+
+-- Add missing columns to User if they don't exist
+ALTER TABLE "passenger"."User" ADD COLUMN IF NOT EXISTS "gender" VARCHAR(255);
+ALTER TABLE "passenger"."User" ADD COLUMN IF NOT EXISTS "dateOfBirth" TIMESTAMP(3);
+ALTER TABLE "passenger"."User" ADD COLUMN IF NOT EXISTS "passportNumber" VARCHAR(255);
+ALTER TABLE "passenger"."User" ADD COLUMN IF NOT EXISTS "nationalId" VARCHAR(255);
+
+-- Ensure Ticket has all required columns
+ALTER TABLE "passenger"."Ticket" ADD COLUMN IF NOT EXISTS "validatedAt" TIMESTAMP(3);
+ALTER TABLE "passenger"."Ticket" ADD COLUMN IF NOT EXISTS "boardedAt" TIMESTAMP(3);
+
+-- Add missing columns to Booking if they don't exist
+ALTER TABLE "passenger"."Booking" ADD COLUMN IF NOT EXISTS "bookingType" VARCHAR(255) NOT NULL DEFAULT 'ONE_WAY';
+ALTER TABLE "passenger"."Booking" ADD COLUMN IF NOT EXISTS "displayCurrency" VARCHAR(255);
+ALTER TABLE "passenger"."Booking" ADD COLUMN IF NOT EXISTS "displayTotalMinor" INTEGER;
+
+-- Ensure all indexes exist
+CREATE INDEX IF NOT EXISTS "Station_city_countryCode_idx" ON "passenger"."Station"("city", "countryCode");
+CREATE INDEX IF NOT EXISTS "Coach_coachTypeId_idx" ON "passenger"."Coach"("coachTypeId");
+CREATE INDEX IF NOT EXISTS "TrainSchedule_departureAt_originStationId_idx" ON "passenger"."TrainSchedule"("departureAt", "originStationId");
+CREATE INDEX IF NOT EXISTS "Booking_passengerId_status_idx" ON "passenger"."Booking"("passengerId", "status");
diff --git a/apps/edr-passenger-api/prisma/migrations/20260621_add_cascade_deletes/migration.sql b/apps/edr-passenger-api/prisma/migrations/20260621_add_cascade_deletes/migration.sql
new file mode 100644
index 000000000..d047e5a0c
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/migrations/20260621_add_cascade_deletes/migration.sql
@@ -0,0 +1,164 @@
+-- Add CASCADE delete to all foreign key constraints that are missing it
+
+-- TrainSchedule relations
+ALTER TABLE "passenger"."TrainSchedule" DROP CONSTRAINT IF EXISTS "TrainSchedule_trainId_fkey";
+ALTER TABLE "passenger"."TrainSchedule" ADD CONSTRAINT "TrainSchedule_trainId_fkey" FOREIGN KEY ("trainId") REFERENCES "passenger"."Train"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."TrainSchedule" DROP CONSTRAINT IF EXISTS "TrainSchedule_routeId_fkey";
+ALTER TABLE "passenger"."TrainSchedule" ADD CONSTRAINT "TrainSchedule_routeId_fkey" FOREIGN KEY ("routeId") REFERENCES "passenger"."Route"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."TrainSchedule" DROP CONSTRAINT IF EXISTS "TrainSchedule_originStationId_fkey";
+ALTER TABLE "passenger"."TrainSchedule" ADD CONSTRAINT "TrainSchedule_originStationId_fkey" FOREIGN KEY ("originStationId") REFERENCES "passenger"."Station"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."TrainSchedule" DROP CONSTRAINT IF EXISTS "TrainSchedule_destinationStationId_fkey";
+ALTER TABLE "passenger"."TrainSchedule" ADD CONSTRAINT "TrainSchedule_destinationStationId_fkey" FOREIGN KEY ("destinationStationId") REFERENCES "passenger"."Station"("id") ON DELETE CASCADE;
+
+-- Coach relation
+ALTER TABLE "passenger"."Coach" DROP CONSTRAINT IF EXISTS "Coach_coachTypeId_fkey";
+ALTER TABLE "passenger"."Coach" ADD CONSTRAINT "Coach_coachTypeId_fkey" FOREIGN KEY ("coachTypeId") REFERENCES "passenger"."CoachType"("id") ON DELETE CASCADE;
+
+-- CoachAssignment relations
+ALTER TABLE "passenger"."CoachAssignment" DROP CONSTRAINT IF EXISTS "CoachAssignment_scheduleId_fkey";
+ALTER TABLE "passenger"."CoachAssignment" ADD CONSTRAINT "CoachAssignment_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "passenger"."TrainSchedule"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."CoachAssignment" DROP CONSTRAINT IF EXISTS "CoachAssignment_coachId_fkey";
+ALTER TABLE "passenger"."CoachAssignment" ADD CONSTRAINT "CoachAssignment_coachId_fkey" FOREIGN KEY ("coachId") REFERENCES "passenger"."Coach"("id") ON DELETE CASCADE;
+
+-- Booking relations
+ALTER TABLE "passenger"."Booking" DROP CONSTRAINT IF EXISTS "Booking_passengerId_fkey";
+ALTER TABLE "passenger"."Booking" ADD CONSTRAINT "Booking_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "passenger"."Passenger"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."Booking" DROP CONSTRAINT IF EXISTS "Booking_scheduleId_fkey";
+ALTER TABLE "passenger"."Booking" ADD CONSTRAINT "Booking_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "passenger"."TrainSchedule"("id") ON DELETE CASCADE;
+
+-- BookingSeat relations
+ALTER TABLE "passenger"."BookingSeat" DROP CONSTRAINT IF EXISTS "BookingSeat_bookingId_fkey";
+ALTER TABLE "passenger"."BookingSeat" ADD CONSTRAINT "BookingSeat_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "passenger"."Booking"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."BookingSeat" DROP CONSTRAINT IF EXISTS "BookingSeat_seatId_fkey";
+ALTER TABLE "passenger"."BookingSeat" ADD CONSTRAINT "BookingSeat_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "passenger"."Seat"("id") ON DELETE CASCADE;
+
+-- PaymentIntent
+ALTER TABLE "passenger"."PaymentIntent" DROP CONSTRAINT IF EXISTS "PaymentIntent_bookingId_fkey";
+ALTER TABLE "passenger"."PaymentIntent" ADD CONSTRAINT "PaymentIntent_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "passenger"."Booking"("id") ON DELETE CASCADE;
+
+-- PaymentRefund
+ALTER TABLE "passenger"."PaymentRefund" DROP CONSTRAINT IF EXISTS "PaymentRefund_paymentIntentId_fkey";
+ALTER TABLE "passenger"."PaymentRefund" ADD CONSTRAINT "PaymentRefund_paymentIntentId_fkey" FOREIGN KEY ("paymentIntentId") REFERENCES "passenger"."PaymentIntent"("id") ON DELETE CASCADE;
+
+-- Ticket
+ALTER TABLE "passenger"."Ticket" DROP CONSTRAINT IF EXISTS "Ticket_bookingId_fkey";
+ALTER TABLE "passenger"."Ticket" ADD CONSTRAINT "Ticket_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "passenger"."Booking"("id") ON DELETE CASCADE;
+
+-- TicketSeat
+ALTER TABLE "passenger"."TicketSeat" DROP CONSTRAINT IF EXISTS "TicketSeat_seatId_fkey";
+ALTER TABLE "passenger"."TicketSeat" ADD CONSTRAINT "TicketSeat_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "passenger"."Seat"("id") ON DELETE CASCADE;
+
+-- WalletLedgerEntry
+ALTER TABLE "passenger"."WalletLedgerEntry" DROP CONSTRAINT IF EXISTS "WalletLedgerEntry_walletId_fkey";
+ALTER TABLE "passenger"."WalletLedgerEntry" ADD CONSTRAINT "WalletLedgerEntry_walletId_fkey" FOREIGN KEY ("walletId") REFERENCES "passenger"."WalletAccount"("id") ON DELETE CASCADE;
+
+-- Notification
+ALTER TABLE "passenger"."Notification" DROP CONSTRAINT IF EXISTS "Notification_passengerId_fkey";
+ALTER TABLE "passenger"."Notification" ADD CONSTRAINT "Notification_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "passenger"."Passenger"("id") ON DELETE CASCADE;
+
+-- MenuItem
+ALTER TABLE "passenger"."MenuItem" DROP CONSTRAINT IF EXISTS "MenuItem_scheduleId_fkey";
+ALTER TABLE "passenger"."MenuItem" ADD CONSTRAINT "MenuItem_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "passenger"."TrainSchedule"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."MenuItem" DROP CONSTRAINT IF EXISTS "MenuItem_categoryId_fkey";
+ALTER TABLE "passenger"."MenuItem" ADD CONSTRAINT "MenuItem_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "passenger"."MenuCategory"("id") ON DELETE CASCADE;
+
+-- FoodOrder
+ALTER TABLE "passenger"."FoodOrder" DROP CONSTRAINT IF EXISTS "FoodOrder_bookingId_fkey";
+ALTER TABLE "passenger"."FoodOrder" ADD CONSTRAINT "FoodOrder_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "passenger"."Booking"("id") ON DELETE CASCADE;
+
+-- FoodOrderItem
+ALTER TABLE "passenger"."FoodOrderItem" DROP CONSTRAINT IF EXISTS "FoodOrderItem_orderId_fkey";
+ALTER TABLE "passenger"."FoodOrderItem" ADD CONSTRAINT "FoodOrderItem_orderId_fkey" FOREIGN KEY ("orderId") REFERENCES "passenger"."FoodOrder"("id") ON DELETE CASCADE;
+
+-- FaqArticle
+ALTER TABLE "passenger"."FaqArticle" DROP CONSTRAINT IF EXISTS "FaqArticle_categoryId_fkey";
+ALTER TABLE "passenger"."FaqArticle" ADD CONSTRAINT "FaqArticle_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "passenger"."FaqCategory"("id") ON DELETE CASCADE;
+
+-- SupportMessage
+ALTER TABLE "passenger"."SupportMessage" DROP CONSTRAINT IF EXISTS "SupportMessage_conversationId_fkey";
+ALTER TABLE "passenger"."SupportMessage" ADD CONSTRAINT "SupportMessage_conversationId_fkey" FOREIGN KEY ("conversationId") REFERENCES "passenger"."SupportConversation"("id") ON DELETE CASCADE;
+
+-- TripStopTime
+ALTER TABLE "passenger"."TripStopTime" DROP CONSTRAINT IF EXISTS "TripStopTime_scheduleId_fkey";
+ALTER TABLE "passenger"."TripStopTime" ADD CONSTRAINT "TripStopTime_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "passenger"."TrainSchedule"("id") ON DELETE CASCADE;
+
+-- TripLiveStatus
+ALTER TABLE "passenger"."TripLiveStatus" DROP CONSTRAINT IF EXISTS "TripLiveStatus_scheduleId_fkey";
+ALTER TABLE "passenger"."TripLiveStatus" ADD CONSTRAINT "TripLiveStatus_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "passenger"."TrainSchedule"("id") ON DELETE CASCADE;
+
+-- JourneySegment
+ALTER TABLE "passenger"."JourneySegment" DROP CONSTRAINT IF EXISTS "JourneySegment_journeyId_fkey";
+ALTER TABLE "passenger"."JourneySegment" ADD CONSTRAINT "JourneySegment_journeyId_fkey" FOREIGN KEY ("journeyId") REFERENCES "passenger"."Journey"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."JourneySegment" DROP CONSTRAINT IF EXISTS "JourneySegment_scheduleId_fkey";
+ALTER TABLE "passenger"."JourneySegment" ADD CONSTRAINT "JourneySegment_scheduleId_fkey" FOREIGN KEY ("scheduleId") REFERENCES "passenger"."TrainSchedule"("id") ON DELETE CASCADE;
+
+-- AgentBooking
+ALTER TABLE "passenger"."AgentBooking" DROP CONSTRAINT IF EXISTS "AgentBooking_agentId_fkey";
+ALTER TABLE "passenger"."AgentBooking" ADD CONSTRAINT "AgentBooking_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "passenger"."Agent"("id") ON DELETE CASCADE;
+
+ALTER TABLE "passenger"."AgentBooking" DROP CONSTRAINT IF EXISTS "AgentBooking_bookingId_fkey";
+ALTER TABLE "passenger"."AgentBooking" ADD CONSTRAINT "AgentBooking_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "passenger"."Booking"("id") ON DELETE CASCADE;
+
+-- AgentShift
+ALTER TABLE "passenger"."AgentShift" DROP CONSTRAINT IF EXISTS "AgentShift_agentId_fkey";
+ALTER TABLE "passenger"."AgentShift" ADD CONSTRAINT "AgentShift_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "passenger"."Agent"("id") ON DELETE CASCADE;
+
+-- AgentCommission
+ALTER TABLE "passenger"."AgentCommission" DROP CONSTRAINT IF EXISTS "AgentCommission_agentId_fkey";
+ALTER TABLE "passenger"."AgentCommission" ADD CONSTRAINT "AgentCommission_agentId_fkey" FOREIGN KEY ("agentId") REFERENCES "passenger"."Agent"("id") ON DELETE CASCADE;
+
+-- BookingModification
+ALTER TABLE "passenger"."BookingModification" DROP CONSTRAINT IF EXISTS "BookingModification_bookingId_fkey";
+ALTER TABLE "passenger"."BookingModification" ADD CONSTRAINT "BookingModification_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "passenger"."Booking"("id") ON DELETE CASCADE;
+
+-- BookingCancellation
+ALTER TABLE "passenger"."BookingCancellation" DROP CONSTRAINT IF EXISTS "BookingCancellation_bookingId_fkey";
+ALTER TABLE "passenger"."BookingCancellation" ADD CONSTRAINT "BookingCancellation_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "passenger"."Booking"("id") ON DELETE CASCADE;
+
+-- GateValidationLog
+ALTER TABLE "passenger"."GateValidationLog" DROP CONSTRAINT IF EXISTS "GateValidationLog_ticketId_fkey";
+ALTER TABLE "passenger"."GateValidationLog" ADD CONSTRAINT "GateValidationLog_ticketId_fkey" FOREIGN KEY ("ticketId") REFERENCES "passenger"."Ticket"("id") ON DELETE CASCADE;
+
+-- BaggageBooking
+ALTER TABLE "passenger"."BaggageBooking" DROP CONSTRAINT IF EXISTS "BaggageBooking_bookingId_fkey";
+ALTER TABLE "passenger"."BaggageBooking" ADD CONSTRAINT "BaggageBooking_bookingId_fkey" FOREIGN KEY ("bookingId") REFERENCES "passenger"."Booking"("id") ON DELETE CASCADE;
+
+-- RouteFareRule
+ALTER TABLE "passenger"."RouteFareRule" DROP CONSTRAINT IF EXISTS "RouteFareRule_seatClassId_fkey";
+ALTER TABLE "passenger"."RouteFareRule" ADD CONSTRAINT "RouteFareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "passenger"."SeatClass"("id") ON DELETE CASCADE;
+
+-- SegmentFareRule
+ALTER TABLE "passenger"."SegmentFareRule" DROP CONSTRAINT IF EXISTS "SegmentFareRule_seatClassId_fkey";
+ALTER TABLE "passenger"."SegmentFareRule" ADD CONSTRAINT "SegmentFareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "passenger"."SeatClass"("id") ON DELETE CASCADE;
+
+-- StationCrowdSignal
+ALTER TABLE "passenger"."StationCrowdSignal" DROP CONSTRAINT IF EXISTS "StationCrowdSignal_stationId_fkey";
+ALTER TABLE "passenger"."StationCrowdSignal" ADD CONSTRAINT "StationCrowdSignal_stationId_fkey" FOREIGN KEY ("stationId") REFERENCES "passenger"."Station"("id") ON DELETE CASCADE;
+
+-- SeatBlock
+ALTER TABLE "passenger"."SeatBlock" DROP CONSTRAINT IF EXISTS "SeatBlock_seatId_fkey";
+ALTER TABLE "passenger"."SeatBlock" ADD CONSTRAINT "SeatBlock_seatId_fkey" FOREIGN KEY ("seatId") REFERENCES "passenger"."Seat"("id") ON DELETE CASCADE;
+
+-- SavedRoute
+ALTER TABLE "passenger"."SavedRoute" DROP CONSTRAINT IF EXISTS "SavedRoute_passengerId_fkey";
+ALTER TABLE "passenger"."SavedRoute" ADD CONSTRAINT "SavedRoute_passengerId_fkey" FOREIGN KEY ("passengerId") REFERENCES "passenger"."Passenger"("id") ON DELETE CASCADE;
+
+-- LoyaltyLedgerEntry
+ALTER TABLE "passenger"."LoyaltyLedgerEntry" DROP CONSTRAINT IF EXISTS "LoyaltyLedgerEntry_accountId_fkey";
+ALTER TABLE "passenger"."LoyaltyLedgerEntry" ADD CONSTRAINT "LoyaltyLedgerEntry_accountId_fkey" FOREIGN KEY ("accountId") REFERENCES "passenger"."LoyaltyAccount"("id") ON DELETE CASCADE;
+
+-- LoyaltyReward
+ALTER TABLE "passenger"."LoyaltyReward" DROP CONSTRAINT IF EXISTS "LoyaltyReward_accountId_fkey";
+ALTER TABLE "passenger"."LoyaltyReward" ADD CONSTRAINT "LoyaltyReward_accountId_fkey" FOREIGN KEY ("accountId") REFERENCES "passenger"."LoyaltyAccount"("id") ON DELETE CASCADE;
+
+-- FareRule
+ALTER TABLE "passenger"."FareRule" DROP CONSTRAINT IF EXISTS "FareRule_seatClassId_fkey";
+ALTER TABLE "passenger"."FareRule" ADD CONSTRAINT "FareRule_seatClassId_fkey" FOREIGN KEY ("seatClassId") REFERENCES "passenger"."SeatClass"("id") ON DELETE CASCADE;
diff --git a/apps/edr-passenger-api/prisma/migrations/migration_lock.toml b/apps/edr-passenger-api/prisma/migrations/migration_lock.toml
new file mode 100644
index 000000000..044d57cdb
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/migrations/migration_lock.toml
@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (e.g., Git)
+provider = "postgresql"
diff --git a/apps/edr-passenger-api/prisma/schema.prisma b/apps/edr-passenger-api/prisma/schema.prisma
new file mode 100644
index 000000000..b2259a448
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/schema.prisma
@@ -0,0 +1,1358 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+  schemas  = ["passenger"]
+}
+
+enum UserRole {
+  PASSENGER
+  AGENT
+  SUPERVISOR
+  ADMIN
+  STAFF
+
+  @@schema("passenger")
+}
+
+enum TripStatus {
+  SCHEDULED
+  BOARDING
+  EN_ROUTE
+  ARRIVED
+  CANCELLED
+  DELAYED
+
+  @@schema("passenger")
+}
+
+enum SeatKind {
+  STANDARD
+  PREMIUM
+  ACCESSIBLE
+
+  @@schema("passenger")
+}
+
+enum SeatStatus {
+  AVAILABLE
+  HELD
+  BOOKED
+  BLOCKED
+
+  @@schema("passenger")
+}
+
+enum PassengerCategory {
+  ADULT
+  CHILD
+
+  @@schema("passenger")
+}
+
+enum IdDocumentType {
+  NATIONAL_ID
+  PASSPORT
+  DRIVING_LICENSE
+  OTHER
+
+  @@schema("passenger")
+}
+
+enum Currency {
+  ETB
+  DJF
+  USD
+
+  @@schema("passenger")
+}
+
+model CoachType {
+  id          String      @id @default(uuid())
+  code        String
+  name        String
+  type        String      @default("passenger") // 'passenger', 'sleeper', 'dining', 'baggage'
+  createdAt   DateTime    @default(now())
+  updatedAt   DateTime    @updatedAt
+  coaches     Coach[]
+  seatClasses SeatClass[]
+
+  @@schema("passenger")
+}
+
+model SeatClass {
+  id               String   @id @default(uuid())
+  coachTypeId      String
+  name             String
+  description      String?
+  baseFareMinor    Int      @default(0)     // per-km rate
+  premiumMinor     Int      @default(0)     // flat fee per passenger
+  insuranceFeeMinor Int     @default(0)     // flat fee per passenger
+  isActive         Boolean  @default(true)
+  createdAt        DateTime @default(now())
+  updatedAt        DateTime @updatedAt
+  coachType        CoachType @relation(fields: [coachTypeId], references: [id])
+  fareRules        FareRule[]
+  routeFareRules   RouteFareRule[]
+  segmentFares     SegmentFareRule[]
+  @@unique([coachTypeId, name])
+  @@index([coachTypeId])
+  @@schema("passenger")
+}
+
+enum BookingStatus {
+  DRAFT
+  PENDING_PAYMENT
+  CONFIRMED
+  CANCELLED
+  COMPLETED
+  NO_SHOW
+  REFUNDED
+
+  @@schema("passenger")
+}
+
+enum PaymentRegion {
+  ETHIOPIA
+  DJIBOUTI
+  INTERNATIONAL
+  GLOBAL
+
+  @@schema("passenger")
+}
+
+enum PaymentMethodType {
+  TELEBIRR
+  CBE_BIRR
+  EBIRR
+  CARD
+  WALLET
+  WAAFI
+  DMONEY
+
+  @@schema("passenger")
+}
+
+enum PaymentIntentStatus {
+  REQUIRES_ACTION
+  PROCESSING
+  SUCCEEDED
+  FAILED
+  CANCELLED
+  REFUNDED
+
+  @@schema("passenger")
+}
+
+enum WalletLedgerType {
+  CREDIT
+  DEBIT
+
+  @@schema("passenger")
+}
+
+enum NotificationCategory {
+  BOOKING
+  PAYMENT
+  DISRUPTION
+  PROMOTION
+  SYSTEM
+
+  @@schema("passenger")
+}
+
+enum StopStatus {
+  COMPLETED
+  APPROACHING
+  CURRENT
+  UPCOMING
+
+  @@schema("passenger")
+}
+
+enum SupportConversationStatus {
+  OPEN
+  RESOLVED
+  CLOSED
+
+  @@schema("passenger")
+}
+
+enum SupportSender {
+  USER
+  BOT
+  AGENT
+
+  @@schema("passenger")
+}
+
+enum LoyaltyTier {
+  BRONZE
+  SILVER
+  GOLD
+  PLATINUM
+
+  @@schema("passenger")
+}
+
+enum LoyaltyLedgerReason {
+  TRIP_COMPLETED
+  REWARD_REDEEMED
+  PROMO_BONUS
+  MANUAL_ADJUSTMENT
+  EXPIRY
+
+  @@schema("passenger")
+}
+
+enum FoodOrderStatus {
+  PENDING
+  PREPARING
+  READY
+  DELIVERED
+  CANCELLED
+
+  @@schema("passenger")
+}
+
+enum DevicePlatform {
+  IOS
+  ANDROID
+  WEB
+
+  @@schema("passenger")
+}
+
+model User {
+  id           String    @id @default(uuid())
+  email        String    @unique
+  phone        String    @unique
+  fullName     String
+  passwordHash String
+  role         UserRole  @default(PASSENGER)
+  nationality  String?
+  nationalityCode String?
+  gender       String?   // Male, Female, Other
+  dateOfBirth  DateTime?
+  passportNumber String?
+  nationalId   String?
+  failedLoginAttempts Int @default(0)
+  lockedUntil  DateTime?
+  blockedUntil DateTime?
+  lastLoginAt  DateTime?
+  createdAt    DateTime  @default(now())
+  updatedAt    DateTime  @updatedAt
+
+  faydaVerified   Boolean   @default(false)
+  faydaVerifiedAt DateTime?
+  faydaSub        String?   @unique
+
+  passenger   Passenger?
+  agent       Agent?
+  sessions    Session[]
+  devices     Device[]
+  preferences UserPreferences?
+  auditLogs   AuditLog[]
+  fraudAlerts FraudAlert[]
+
+  faydaVerificationSessions FaydaVerificationSession[]
+
+  @@schema("passenger")
+}
+
+model Session {
+  id             String   @id @default(uuid())
+  userId         String
+  token          String   @unique
+  expiresAt      DateTime
+  ipAddress      String?
+  userAgent      String?
+  lastActivityAt DateTime @default(now())
+  createdAt      DateTime @default(now())
+  user           User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@schema("passenger")
+}
+
+model Passenger {
+  id                       String            @id @default(uuid())
+  userId                   String            @unique
+  defaultTravelerProfileId String?
+  preferredLanguage        String?
+  createdAt                DateTime          @default(now())
+  user                     User              @relation(fields: [userId], references: [id])
+  bookings                 Booking[]
+  loyalty                  LoyaltyAccount?
+  wallet                   WalletAccount?
+  notifications            Notification[]
+  travelerProfiles         TravelerProfile[]
+  savedRoutes              SavedRoute[]
+
+  @@index([userId])
+  @@schema("passenger")
+}
+
+model TravelerProfile {
+  id           String    @id @default(uuid())
+  passengerId  String
+  fullName     String
+  relationship String
+  dateOfBirth  DateTime?
+  nationalId   String?
+  notes        String?
+  createdAt    DateTime  @default(now())
+  passenger    Passenger @relation(fields: [passengerId], references: [id])
+
+  @@schema("passenger")
+}
+
+model Station {
+  id       String  @id @default(uuid())
+  code     String  @unique
+  name     String
+  city     String
+  countryCode String?
+  sequence Int     @default(0)
+  isOperational Boolean @default(true)
+  timezone String  @default("Africa/Addis_Ababa")
+  lat      Decimal @db.Decimal(9, 6)
+  lng      Decimal @db.Decimal(9, 6)
+  originSchedules      TrainSchedule[] @relation("OriginTrips")
+  destinationSchedules TrainSchedule[] @relation("DestinationTrips")
+  stopTimes            TripStopTime[]
+  crowdSignals         StationCrowdSignal[]
+  @@index([city, countryCode])
+  @@index([sequence])
+  @@schema("passenger")
+}
+
+model Train {
+  id           String          @id @default(uuid())
+  number       String          @unique
+  name         String
+  operatorId   String          @default("op_edr")
+  operatorName String?
+  description  String?
+  isActive     Boolean         @default(true)
+  createdAt    DateTime        @default(now())
+  updatedAt    DateTime        @updatedAt
+  schedules    TrainSchedule[]
+
+  @@schema("passenger")
+}
+
+model TrainSchedule {
+  id                   String            @id @default(uuid())
+  trainId              String
+  routeId              String?
+  originStationId      String
+  destinationStationId String
+  departureAt          DateTime
+  arrivalAt            DateTime
+  durationMinutes      Int
+  status               TripStatus        @default(SCHEDULED)
+  stopsCount           Int               @default(0)
+  reservedCount        Int               @default(0)
+  onTimePercent        Int               @default(100)
+  carbonRating         String            @default("A")
+  notes                String?
+  train                Train             @relation(fields: [trainId], references: [id])
+  route                Route?            @relation(fields: [routeId], references: [id])
+  originStation        Station           @relation("OriginTrips", fields: [originStationId], references: [id])
+  destinationStation   Station           @relation("DestinationTrips", fields: [destinationStationId], references: [id])
+  coachAssignments     CoachAssignment[]
+  bookings             Booking[]
+  stopTimes            TripStopTime[]
+  liveStatus           TripLiveStatus?
+  menuItems            MenuItem[]
+  journeySegments      JourneySegment[]
+
+  @@index([departureAt, originStationId])
+  @@schema("passenger")
+}
+
+model TripStopTime {
+  id                 String        @id @default(uuid())
+  scheduleId         String
+  stationId          String
+  sequence           Int
+  plannedArrivalAt   DateTime?
+  plannedDepartureAt DateTime?
+  actualArrivalAt    DateTime?
+  status             StopStatus    @default(UPCOMING)
+  schedule           TrainSchedule @relation(fields: [scheduleId], references: [id])
+  station            Station       @relation(fields: [stationId], references: [id])
+
+  @@unique([scheduleId, sequence])
+  @@schema("passenger")
+}
+
+model TripLiveStatus {
+  id                   String        @id @default(uuid())
+  scheduleId           String        @unique
+  state                String
+  currentLocationLabel String?
+  progressPercent      Int           @default(0)
+  delayMinutes         Int           @default(0)
+  currentSpeedKph      Int?
+  platformLabel        String?
+  updatedAt            DateTime      @updatedAt
+  schedule             TrainSchedule @relation(fields: [scheduleId], references: [id])
+
+  @@schema("passenger")
+}
+
+model Coach {
+  id              String            @id @default(uuid())
+  coachTypeId     String
+  number          String            @unique
+  arrangement     String            @default("2+2") // e.g., '2+2', '3+2', '2+2+2'
+  capacity        Int               @default(0) // Total seats/beds
+  sequence        Int               @default(0)
+  status          String            @default("ACTIVE") // 'ACTIVE', 'MAINTENANCE', 'INACTIVE'
+  createdAt       DateTime          @default(now())
+  updatedAt       DateTime          @updatedAt
+  coachType   CoachType         @relation(fields: [coachTypeId], references: [id])
+  seats       Seat[]
+  assignments CoachAssignment[]
+  @@index([coachTypeId])
+  @@index([sequence])
+  @@schema("passenger")
+}
+
+model CoachAssignment {
+  id             String        @id @default(uuid())
+  scheduleId     String
+  coachId        String
+  positionNumber Int
+  isOperational  Boolean       @default(true)
+  createdAt      DateTime      @default(now())
+  schedule       TrainSchedule @relation(fields: [scheduleId], references: [id])
+  coach          Coach         @relation(fields: [coachId], references: [id])
+
+  @@unique([scheduleId, positionNumber])
+  @@index([scheduleId])
+  @@schema("passenger")
+}
+
+model Seat {
+  id              String        @id @default(uuid())
+  coachId         String
+  seatNumber      String // Auto-generated: e.g., '1', '2', '3' (unique per coach)
+  row             Int
+  col             String
+  kind            SeatKind      @default(STANDARD)
+  status          SeatStatus    @default(AVAILABLE)
+  heldUntil       DateTime?
+  isWindow        Boolean       @default(false)
+  isAisle         Boolean       @default(false)
+  bedPosition     String? // 'lower', 'middle', 'upper'
+  premiumFeeMinor Int           @default(0)
+  coach           Coach         @relation(fields: [coachId], references: [id])
+  bookingSeats    BookingSeat[]
+  blocks          SeatBlock[]
+  ticketSeats     TicketSeat[]
+
+  @@unique([coachId, seatNumber])
+  @@unique([coachId, row, col])
+  @@index([coachId])
+  @@schema("passenger")
+}
+
+model SeatHold {
+  id          String   @id @default(uuid())
+  scheduleId  String
+  seatIds     String[]
+  fareQuoteId String?
+  passengerId String
+  createdBy   String?
+  expiresAt   DateTime
+  createdAt   DateTime @default(now())
+
+  @@index([expiresAt])
+  @@schema("passenger")
+}
+
+model FareRule {
+  id            String    @id @default(uuid())
+  tripId        String?
+  route         String?
+  nationality   String? // Ethiopian, Djiboutian, Other
+  seatClassId   String
+  baseFareMinor Int
+  seatClass     SeatClass @relation(fields: [seatClassId], references: [id])
+  currency      String    @default("ETB")
+  refundable    Boolean   @default(true)
+  validFrom     DateTime
+  validUntil    DateTime?
+  createdAt     DateTime  @default(now())
+
+  @@schema("passenger")
+}
+
+model Booking {
+  id                        String                @id @default(uuid())
+  bookingRef                String                @unique
+  passengerId               String
+  scheduleId                String
+  bookingType               String                @default("ONE_WAY")
+  status                    BookingStatus         @default(DRAFT)
+  currency                  String                @default("ETB")
+  totalMinor                Int
+  adultCount                Int                   @default(1)
+  childCount                Int                   @default(0)
+  displayCurrency           Currency?
+  displayTotalMinor         Int?
+  returnScheduleId          String?
+  returnOriginStationId     String?
+  returnDestinationStationId String?
+  returnHoldId              String?
+  returnSeatClassId         String?
+  contactEmail              String?
+  contactPhone              String?
+  userAgent                 String?
+  source                    String                @default("WEB")
+  promoCode                 String?
+  paidAt                    DateTime?
+  createdAt                 DateTime              @default(now())
+  updatedAt                 DateTime              @updatedAt
+  passenger                 Passenger             @relation(fields: [passengerId], references: [id])
+  schedule                  TrainSchedule         @relation(fields: [scheduleId], references: [id])
+  seats                     BookingSeat[]
+  paymentIntent             PaymentIntent?
+  ticket                    Ticket?
+  foodOrders                FoodOrder[]
+  agentBooking              AgentBooking?
+  modifications             BookingModification[]
+  cancellation              BookingCancellation?
+  baggage                   BaggageBooking[]
+
+  @@index([passengerId, status])
+  @@index([bookingType])
+  @@schema("passenger")
+}
+
+model BookingSeat {
+  id                String            @id @default(uuid())
+  bookingId         String
+  seatId            String
+  passengerName     String
+  dateOfBirth       DateTime?
+  passengerCategory PassengerCategory @default(ADULT)
+  idDocumentType    IdDocumentType?
+  idDocumentNumber  String?
+  passportNumber    String?
+  passportCountry   String?
+  verifaydaVerified Boolean           @default(false)
+  verifaydaData     Json?
+  faydaVerifiedAt   DateTime?
+  faydaSub          String?
+  faydaVerifiedName String?
+  seatLabelSnapshot String?
+  fareMinor         Int?
+  displayCurrency   Currency?
+  displayFareMinor  Int?
+  booking           Booking           @relation(fields: [bookingId], references: [id])
+  seat              Seat              @relation(fields: [seatId], references: [id])
+
+  @@schema("passenger")
+}
+
+model PaymentMethod {
+  id          String            @id @default(uuid())
+  type        PaymentMethodType @unique
+  displayName String
+  region      PaymentRegion     @default(GLOBAL)
+  currency    String            @default("ETB")
+  providerId  String?
+  isDefault   Boolean           @default(false)
+  enabled     Boolean           @default(true)
+  sortOrder   Int               @default(0)
+  createdAt   DateTime          @default(now())
+  updatedAt   DateTime          @updatedAt
+
+  @@schema("passenger")
+}
+
+model PaymentIntent {
+  id              String              @id @default(uuid())
+  bookingId       String              @unique
+  amountMinor     Int
+  currency        String              @default("ETB")
+  method          PaymentMethodType
+  provider        String?
+  status          PaymentIntentStatus @default(REQUIRES_ACTION)
+  providerRef     String?
+  clientAction    Json?
+  merchantOrderId String?             @unique
+  providerOrderId String?
+  providerTxnId   String?
+  rawInitiation   Json?
+  paidAt          DateTime?
+  refundedAt      DateTime?
+  captureMethod   String?
+  failureCode     String?
+  failureMessage  String?
+  expiresAt       DateTime?
+  createdAt       DateTime            @default(now())
+  updatedAt       DateTime            @updatedAt
+  booking         Booking             @relation(fields: [bookingId], references: [id])
+  refunds         PaymentRefund[]
+
+  @@index([providerOrderId])
+  @@index([providerTxnId])
+  @@schema("passenger")
+}
+
+model PaymentWebhookEvent {
+  id              String            @id @default(uuid())
+  provider        PaymentMethodType
+  externalEventId String
+  merchantOrderId String?
+  providerTxnId   String?
+  signatureValid  Boolean
+  status          String
+  payload         Json
+  receivedAt      DateTime          @default(now())
+  processedAt     DateTime?
+  processingError String?
+
+  @@unique([provider, externalEventId])
+  @@index([merchantOrderId])
+  @@schema("passenger")
+}
+
+model PaymentRefund {
+  id               String        @id @default(uuid())
+  paymentIntentId  String
+  amountMinor      Int
+  reason           String?
+  providerRefundId String?
+  status           String
+  createdAt        DateTime      @default(now())
+  paymentIntent    PaymentIntent @relation(fields: [paymentIntentId], references: [id])
+
+  @@schema("passenger")
+}
+
+model Ticket {
+  id          String    @id @default(uuid())
+  bookingId   String    @unique
+  bookingRef  String
+  status      String    @default("ACTIVE")
+  qrPayload   String
+  barcodePayload String?
+  pdfUrl      String?
+  deliveryChannel String @default("EMAIL")
+  issuedAt    DateTime  @default(now())
+  validatedAt DateTime?
+  validatorId String?
+  boardedAt   DateTime?
+  booking Booking @relation(fields: [bookingId], references: [id])
+  validationLogs GateValidationLog[]
+  seats TicketSeat[]
+
+  @@schema("passenger")
+}
+
+model TicketSeat {
+  id        String @id @default(uuid())
+  ticketId  String
+  seatId    String
+  seatIndex Int    @default(0)
+  ticket    Ticket @relation(fields: [ticketId], references: [id], onDelete: Cascade)
+  seat      Seat   @relation(fields: [seatId], references: [id])
+
+  @@index([ticketId])
+  @@index([seatId])
+  @@schema("passenger")
+}
+
+model LoyaltyAccount {
+  id             String               @id @default(uuid())
+  passengerId    String               @unique
+  pointsBalance  Int                  @default(0)
+  lifetimePoints Int                  @default(0)
+  tier           LoyaltyTier          @default(BRONZE)
+  tierUpdatedAt  DateTime?
+  updatedAt      DateTime             @updatedAt
+  passenger      Passenger            @relation(fields: [passengerId], references: [id])
+  ledger         LoyaltyLedgerEntry[]
+  rewards        LoyaltyReward[]
+
+  @@schema("passenger")
+}
+
+model LoyaltyLedgerEntry {
+  id           String              @id @default(uuid())
+  accountId    String
+  delta        Int
+  reason       LoyaltyLedgerReason
+  bookingId    String?
+  balanceAfter Int
+  createdAt    DateTime            @default(now())
+  account      LoyaltyAccount      @relation(fields: [accountId], references: [id])
+
+  @@schema("passenger")
+}
+
+model LoyaltyReward {
+  id          String         @id @default(uuid())
+  accountId   String
+  title       String
+  costPoints  Int
+  available   Boolean        @default(true)
+  description String?
+  account     LoyaltyAccount @relation(fields: [accountId], references: [id])
+
+  @@schema("passenger")
+}
+
+model WalletAccount {
+  id           String              @id @default(uuid())
+  passengerId  String              @unique
+  balanceMinor Int                 @default(0)
+  status       String              @default("ACTIVE")
+  holdMinor    Int                 @default(0)
+  currency     String              @default("ETB")
+  updatedAt    DateTime            @updatedAt
+  passenger    Passenger           @relation(fields: [passengerId], references: [id])
+  ledger       WalletLedgerEntry[]
+
+  @@index([passengerId])
+  @@schema("passenger")
+}
+
+model WalletLedgerEntry {
+  id                String           @id @default(uuid())
+  walletId          String
+  type              WalletLedgerType
+  amountMinor       Int
+  balanceAfterMinor Int
+  description       String
+  relatedBookingId  String?
+  createdAt         DateTime         @default(now())
+  wallet            WalletAccount    @relation(fields: [walletId], references: [id])
+
+  @@schema("passenger")
+}
+
+model Notification {
+  id          String               @id @default(uuid())
+  passengerId String
+  title       String
+  body        String
+  category    NotificationCategory
+  read        Boolean              @default(false)
+  deepLink    String?
+  metadata    Json?
+  createdAt   DateTime             @default(now())
+  passenger   Passenger            @relation(fields: [passengerId], references: [id])
+
+  @@schema("passenger")
+}
+
+model Promotion {
+  id             String   @id @default(uuid())
+  title          String
+  subtitle       String?
+  code           String   @unique
+  percentOff     Int?
+  amountOffMinor Int?
+  validUntil     DateTime
+  ctaLabel       String?
+  deepLink       String?
+  active         Boolean  @default(true)
+  createdAt      DateTime @default(now())
+
+  @@schema("passenger")
+}
+
+model StationCrowdSignal {
+  id          String    @id @default(uuid())
+  stationId   String
+  level       String
+  label       String
+  statusLabel String
+  confidence  Int?
+  observedAt  DateTime?
+  updatedAt   DateTime  @updatedAt
+  station     Station   @relation(fields: [stationId], references: [id])
+
+  @@schema("passenger")
+}
+
+model WeatherAlert {
+  id         String   @id @default(uuid())
+  region     String
+  severity   String
+  title      String
+  message    String
+  validUntil DateTime
+  createdAt  DateTime @default(now())
+
+  @@schema("passenger")
+}
+
+model MenuCategory {
+  id    String     @id @default(uuid())
+  name  String
+  items MenuItem[]
+
+  @@schema("passenger")
+}
+
+model MenuItem {
+  id             String        @id @default(uuid())
+  scheduleId     String
+  categoryId     String
+  name           String
+  priceMinor     Int
+  currency       String        @default("ETB")
+  available      Boolean       @default(true)
+  availableUntil DateTime?
+  schedule       TrainSchedule @relation(fields: [scheduleId], references: [id])
+  category       MenuCategory  @relation(fields: [categoryId], references: [id])
+
+  @@schema("passenger")
+}
+
+model FoodOrder {
+  id                  String          @id @default(uuid())
+  bookingId           String
+  status              FoodOrderStatus @default(PENDING)
+  totalMinor          Int
+  currency            String          @default("ETB")
+  specialInstructions String?
+  estimatedReadyAt    DateTime?
+  createdAt           DateTime        @default(now())
+  booking             Booking         @relation(fields: [bookingId], references: [id])
+  items               FoodOrderItem[]
+
+  @@schema("passenger")
+}
+
+model FoodOrderItem {
+  id             String    @id @default(uuid())
+  orderId        String
+  menuItemId     String
+  name           String
+  quantity       Int
+  unitPriceMinor Int?
+  lineTotalMinor Int
+  order          FoodOrder @relation(fields: [orderId], references: [id])
+
+  @@schema("passenger")
+}
+
+model FaqCategory {
+  id       String       @id @default(uuid())
+  title    String
+  iconKey  String?
+  articles FaqArticle[]
+
+  @@schema("passenger")
+}
+
+model FaqArticle {
+  id             String      @id @default(uuid())
+  categoryId     String
+  question       String
+  answerMarkdown String
+  rank           Int         @default(0)
+  category       FaqCategory @relation(fields: [categoryId], references: [id])
+
+  @@schema("passenger")
+}
+
+model SupportConversation {
+  id              String                    @id @default(uuid())
+  userId          String
+  assignedAgentId String?
+  status          SupportConversationStatus @default(OPEN)
+  createdAt       DateTime                  @default(now())
+  messages        SupportMessage[]
+
+  @@schema("passenger")
+}
+
+model SupportMessage {
+  id             String              @id @default(uuid())
+  conversationId String
+  sender         SupportSender
+  text           String
+  attachments    Json?
+  createdAt      DateTime            @default(now())
+  conversation   SupportConversation @relation(fields: [conversationId], references: [id])
+
+  @@schema("passenger")
+}
+
+model UserPreferences {
+  id                     String  @id @default(uuid())
+  userId                 String  @unique
+  pushEnabled            Boolean @default(true)
+  emailEnabled           Boolean @default(true)
+  smsEnabled             Boolean @default(false)
+  promosEnabled          Boolean @default(true)
+  biometricEnabled       Boolean @default(false)
+  twoFactorEnabled       Boolean @default(false)
+  defaultPaymentMethodId String?
+  autoDownloadTickets    Boolean @default(true)
+  dataSharing            Boolean @default(false)
+  locale                 String  @default("en")
+  darkMode               Boolean @default(false)
+  language               String  @default("en")
+  user                   User    @relation(fields: [userId], references: [id])
+
+  @@schema("passenger")
+}
+
+model Device {
+  id         String         @id @default(uuid())
+  userId     String
+  platform   DevicePlatform
+  name       String
+  pushToken  String?
+  trusted    Boolean        @default(false)
+  lastSeenAt DateTime       @default(now())
+  user       User           @relation(fields: [userId], references: [id])
+
+  @@schema("passenger")
+}
+
+model SavedRoute {
+  id            String    @id @default(uuid())
+  passengerId   String
+  fromStationId String
+  toStationId   String
+  fromName      String
+  toName        String
+  tripCount     Int       @default(0)
+  createdAt     DateTime  @default(now())
+  passenger     Passenger @relation(fields: [passengerId], references: [id])
+
+  @@schema("passenger")
+}
+
+model Journey {
+  id              String           @id @default(uuid())
+  passengerId     String
+  status          String
+  totalMinor      Int
+  currency        String           @default("ETB")
+  createdAt       DateTime         @default(now())
+  journeySegments JourneySegment[]
+
+  @@schema("passenger")
+}
+
+model JourneySegment {
+  id                 String        @id @default(uuid())
+  journeyId          String
+  scheduleId         String
+  segmentOrder       Int
+  seatId             String?
+  coachId            String?
+  departureStationId String
+  arrivalStationId   String
+  journey            Journey       @relation(fields: [journeyId], references: [id])
+  schedule           TrainSchedule @relation(fields: [scheduleId], references: [id])
+
+  @@schema("passenger")
+}
+
+model OtpCode {
+  id        String   @id @default(uuid())
+  userId    String?
+  email     String?
+  phone     String?
+  code      String
+  purpose   String
+  expiresAt DateTime
+  verified  Boolean  @default(false)
+  createdAt DateTime @default(now())
+
+  @@index([email, phone])
+  @@schema("passenger")
+}
+
+model PasswordResetToken {
+  id        String   @id @default(uuid())
+  userId    String
+  token     String   @unique
+  expiresAt DateTime
+  used      Boolean  @default(false)
+  createdAt DateTime @default(now())
+
+  @@index([userId])
+  @@schema("passenger")
+}
+
+model Route {
+  id             String            @id @default(uuid())
+  code           String            @unique
+  name           String
+  description    String?
+  effectiveFrom  DateTime
+  effectiveUntil DateTime?
+  active         Boolean           @default(true)
+  createdAt      DateTime          @default(now())
+  stops          RouteStop[]
+  fareRules      RouteFareRule[]
+  segmentFares   SegmentFareRule[]
+  schedules      TrainSchedule[]
+
+  @@schema("passenger")
+}
+
+model RouteStop {
+  id         String   @id @default(uuid())
+  routeId    String
+  stationId  String
+  sequence   Int
+  distanceKm Int?
+  createdAt  DateTime @default(now())
+  route      Route    @relation(fields: [routeId], references: [id], onDelete: Cascade)
+
+  @@unique([routeId, sequence])
+  @@index([routeId, stationId])
+  @@schema("passenger")
+}
+
+model RouteFareRule {
+  id                String            @id @default(uuid())
+  routeId           String
+  seatClassId       String
+  passengerCategory PassengerCategory @default(ADULT)
+  baseFareMinor     Int
+  discountPercent   Int?
+  taxPercent        Int?
+  surchargeMinor    Int?
+  currency          String            @default("ETB")
+  validFrom         DateTime
+  validUntil        DateTime?
+  createdAt         DateTime          @default(now())
+  route             Route             @relation(fields: [routeId], references: [id], onDelete: Cascade)
+  seatClass         SeatClass         @relation(fields: [seatClassId], references: [id])
+
+  @@index([routeId, seatClassId])
+  @@schema("passenger")
+}
+
+model SegmentFareRule {
+  id                      String    @id @default(uuid())
+  routeId                 String
+  originStopSequence      Int
+  destinationStopSequence Int
+  seatClassId             String
+  baseFareMinor           Int
+  nationality             String? // Optional: Ethiopian, Djiboutian, Other
+  currency                String    @default("ETB")
+  validFrom               DateTime
+  validUntil              DateTime?
+  createdAt               DateTime  @default(now())
+  route                   Route     @relation(fields: [routeId], references: [id], onDelete: Cascade)
+  seatClass               SeatClass @relation(fields: [seatClassId], references: [id])
+
+  @@unique([routeId, originStopSequence, destinationStopSequence, seatClassId, nationality])
+  @@index([routeId, seatClassId])
+  @@schema("passenger")
+}
+
+model Agent {
+  id             String            @id @default(uuid())
+  userId         String            @unique
+  agentCode      String            @unique
+  stationId      String?
+  commissionRate Int               @default(5)
+  active         Boolean           @default(true)
+  createdAt      DateTime          @default(now())
+  user           User              @relation(fields: [userId], references: [id])
+  bookings       AgentBooking[]
+  shifts         AgentShift[]
+  commissions    AgentCommission[]
+
+  @@schema("passenger")
+}
+
+model AgentBooking {
+  id            String   @id @default(uuid())
+  agentId       String
+  bookingId     String   @unique
+  paymentMethod String
+  cashReceived  Int?
+  changeGiven   Int?
+  paperTicket   Boolean  @default(false)
+  createdAt     DateTime @default(now())
+  agent         Agent    @relation(fields: [agentId], references: [id])
+  booking       Booking  @relation(fields: [bookingId], references: [id])
+
+  @@schema("passenger")
+}
+
+model AgentShift {
+  id             String    @id @default(uuid())
+  agentId        String
+  openedAt       DateTime  @default(now())
+  closedAt       DateTime?
+  openingBalance Int       @default(0)
+  closingBalance Int?
+  reconciled     Boolean   @default(false)
+  notes          String?
+  agent          Agent     @relation(fields: [agentId], references: [id])
+
+  @@index([agentId, openedAt])
+  @@schema("passenger")
+}
+
+model AgentCommission {
+  id          String    @id @default(uuid())
+  agentId     String
+  bookingId   String
+  amountMinor Int
+  rate        Int
+  paidAt      DateTime?
+  createdAt   DateTime  @default(now())
+  agent       Agent     @relation(fields: [agentId], references: [id])
+
+  @@index([agentId, paidAt])
+  @@schema("passenger")
+}
+
+model BookingModification {
+  id               String   @id @default(uuid())
+  bookingId        String
+  modifiedBy       String
+  modificationType String
+  oldData          Json
+  newData          Json
+  fareAdjustment   Int      @default(0)
+  reason           String?
+  createdAt        DateTime @default(now())
+  booking          Booking  @relation(fields: [bookingId], references: [id])
+
+  @@index([bookingId])
+  @@schema("passenger")
+}
+
+model BookingCancellation {
+  id           String    @id @default(uuid())
+  bookingId    String    @unique
+  cancelledBy  String
+  reason       String?
+  refundAmount Int
+  refundMethod String
+  refundStatus String
+  processedAt  DateTime?
+  createdAt    DateTime  @default(now())
+  booking      Booking   @relation(fields: [bookingId], references: [id])
+
+  @@schema("passenger")
+}
+
+model GateValidationLog {
+  id          String   @id @default(uuid())
+  ticketId    String
+  validatorId String
+  gateId      String?
+  status      String
+  reason      String?
+  validatedAt DateTime @default(now())
+  ticket      Ticket   @relation(fields: [ticketId], references: [id])
+
+  @@index([ticketId])
+  @@index([validatorId])
+  @@schema("passenger")
+}
+
+model BaggageAllowance {
+  id             String   @id @default(uuid())
+  seatClassId    String
+  maxWeightKg    Int
+  maxPiecesCount Int
+  excessFeePerKg Int
+  currency       String   @default("ETB")
+  createdAt      DateTime @default(now())
+
+  @@schema("passenger")
+}
+
+model BaggageBooking {
+  id             String   @id @default(uuid())
+  bookingId      String
+  weightKg       Int
+  piecesCount    Int
+  excessFeeMinor Int      @default(0)
+  paid           Boolean  @default(false)
+  createdAt      DateTime @default(now())
+  booking        Booking  @relation(fields: [bookingId], references: [id])
+
+  @@index([bookingId])
+  @@schema("passenger")
+}
+
+model AuditLog {
+  id         String   @id @default(uuid())
+  userId     String?
+  action     String
+  entityType String
+  entityId   String?
+  oldData    Json?
+  newData    Json?
+  ipAddress  String?
+  userAgent  String?
+  createdAt  DateTime @default(now())
+  user       User?    @relation(fields: [userId], references: [id])
+
+  @@index([userId, createdAt])
+  @@index([entityType, entityId])
+  @@schema("passenger")
+}
+
+model NotificationTemplate {
+  id           String   @id @default(uuid())
+  code         String   @unique
+  channel      String
+  subject      String?
+  bodyTemplate String
+  active       Boolean  @default(true)
+  createdAt    DateTime @default(now())
+
+  @@schema("passenger")
+}
+
+model SeatBlock {
+  id         String    @id @default(uuid())
+  seatId     String
+  reason     String
+  blockedBy  String
+  approvedBy String?
+  blockedAt  DateTime  @default(now())
+  unblockAt  DateTime?
+  seat       Seat      @relation(fields: [seatId], references: [id])
+
+  @@index([seatId])
+  @@schema("passenger")
+}
+
+model OperationalReport {
+  id          String   @id @default(uuid())
+  reportType  String
+  dateFrom    DateTime
+  dateTo      DateTime
+  data        Json
+  generatedBy String?
+  createdAt   DateTime @default(now())
+
+  @@index([reportType, dateFrom])
+  @@schema("passenger")
+}
+
+model FraudRule {
+  id        String   @id @default(uuid())
+  type      String   @unique
+  enabled   Boolean  @default(true)
+  threshold Float
+  config    Json?
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
+  @@schema("passenger")
+}
+
+model FraudAlert {
+  id             String   @id @default(uuid())
+  userId         String
+  eventType      String
+  triggeredRules String[]
+  context        Json
+  severity       String   @default("MEDIUM")
+  acknowledged   Boolean  @default(false)
+  createdAt      DateTime @default(now())
+  user           User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@index([userId, createdAt])
+  @@index([acknowledged])
+  @@schema("passenger")
+}
+
+model CurrencyExchangeRate {
+  id            String   @id @default(uuid())
+  fromCurrency  Currency
+  toCurrency    Currency
+  rate          Decimal  @db.Decimal(18, 6)
+  effectiveDate DateTime @default(now())
+  source        String   @default("MANUAL")
+  createdAt     DateTime @default(now())
+
+  @@unique([fromCurrency, toCurrency, effectiveDate])
+  @@index([fromCurrency, toCurrency])
+  @@schema("passenger")
+}
+
+model VerifaydaVerification {
+  id              String    @id @default(uuid())
+  bookingId       String?
+  nationalId      String
+  requestPayload  Json
+  responsePayload Json?
+  verified        Boolean   @default(false)
+  failureReason   String?
+  verifiedAt      DateTime?
+  createdAt       DateTime  @default(now())
+
+  @@index([nationalId])
+  @@index([bookingId])
+  @@schema("passenger")
+}
+
+model SavedPassengerProfile {
+  id              String         @id @default(uuid())
+  userId          String?
+  deviceId        String?
+  passengerName   String
+  dateOfBirth     DateTime
+  idDocumentType  IdDocumentType
+  passportNumber  String?
+  passportCountry String?
+  nationality     String?
+  phone           String?
+  email           String?
+  createdAt       DateTime       @default(now())
+  updatedAt       DateTime       @updatedAt
+
+  @@index([userId])
+  @@index([deviceId])
+  @@schema("passenger")
+}
+
+model FaydaVerificationSession {
+  id               String    @id @default(uuid())
+  state            String    @unique
+  codeVerifier     String
+  purpose          String    @default("PURCHASE")
+  platform         String    @default("WEB") // WEB | MOBILE — recorded for audit
+  saveToAccount    Boolean   @default(false)
+  status           String    @default("PENDING")
+  errorCode        String?
+  errorDescription String?
+  authCode         String?
+  createdAt        DateTime  @default(now())
+  expiresAt        DateTime
+  completedAt      DateTime?
+
+  userId    String?
+  bookingId String?
+
+  user User? @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@index([userId])
+  @@index([bookingId])
+  @@index([state])
+  @@index([expiresAt])
+  @@schema("passenger")
+}
diff --git a/apps/edr-passenger-api/prisma/seed.ts b/apps/edr-passenger-api/prisma/seed.ts
new file mode 100644
index 000000000..14907f87e
--- /dev/null
+++ b/apps/edr-passenger-api/prisma/seed.ts
@@ -0,0 +1,714 @@
+import { PrismaClient } from '@prisma/client';
+import * as bcrypt from 'bcrypt';
+import { randomUUID as uuidv4 } from 'crypto';
+
+const prisma = new PrismaClient();
+
+const TRAIN_ID = uuidv4();
+
+async function seedSystemUsers() {
+  console.log('👥 Seeding system users...');
+  const adminHash = await bcrypt.hash('admin123', 10);
+  const passengerHash = await bcrypt.hash('password123', 10);
+  const agentHash = await bcrypt.hash('agent123', 10);
+  const supervisorHash = await bcrypt.hash('supervisor123', 10);
+  const staffHash = await bcrypt.hash('staff123', 10);
+
+  const admin = await prisma.user.upsert({
+    where: { email: 'admin@edr-platform.com' },
+    update: { passwordHash: adminHash, role: 'ADMIN' },
+    create: {
+      fullName: 'System Admin',
+      email: 'admin@edr-platform.com',
+      phone: '+251900000000',
+      passwordHash: adminHash,
+      role: 'ADMIN',
+      gender: 'Male',
+      dateOfBirth: new Date('1980-05-20'),
+      nationality: 'Ethiopian',
+      nationalId: 'ET123456789',
+    },
+  });
+  console.log('  ✅ Admin: admin@edr-platform.com / admin123');
+
+  const passenger = await prisma.user.upsert({
+    where: { email: 'kelemu@email.com' },
+    update: { passwordHash: passengerHash },
+    create: {
+      fullName: 'Kelemu Kebede',
+      email: 'kelemu@email.com',
+      phone: '+251911234567',
+      passwordHash: passengerHash,
+      role: 'PASSENGER',
+      nationality: 'Ethiopian',
+      faydaVerified: true,
+      gender: 'Male',
+      dateOfBirth: new Date('1990-03-15'),
+      nationalId: 'ET987654321',
+    },
+  });
+
+  let passengerRecord = await prisma.passenger.findUnique({ where: { userId: passenger.id } });
+  if (!passengerRecord) {
+    passengerRecord = await prisma.passenger.create({ data: { userId: passenger.id } });
+    await prisma.loyaltyAccount.create({
+      data: { passengerId: passengerRecord.id, pointsBalance: 1500, lifetimePoints: 3000, tier: 'SILVER' },
+    });
+    await prisma.walletAccount.create({
+      data: { passengerId: passengerRecord.id, balanceMinor: 500 },
+    });
+  }
+  await prisma.userPreferences.upsert({
+    where: { userId: passenger.id },
+    update: {},
+    create: { userId: passenger.id, language: 'en' },
+  });
+  console.log('  ✅ Passenger: kelemu@email.com / password123');
+
+  const agent = await prisma.user.upsert({
+    where: { email: 'agent@edr-platform.com' },
+    update: { passwordHash: agentHash, role: 'AGENT' },
+    create: {
+      fullName: 'Booking Agent',
+      email: 'agent@edr-platform.com',
+      phone: '+251911111111',
+      passwordHash: agentHash,
+      role: 'AGENT',
+      gender: 'Female',
+      dateOfBirth: new Date('1992-07-22'),
+    },
+  });
+  await prisma.agent.upsert({
+    where: { userId: agent.id },
+    update: {},
+    create: { userId: agent.id, agentCode: 'AG0001', commissionRate: 5 },
+  });
+  console.log('  ✅ Agent: agent@edr-platform.com / agent123');
+
+  const supervisor = await prisma.user.upsert({
+    where: { email: 'supervisor@edr-platform.com' },
+    update: { passwordHash: supervisorHash, role: 'SUPERVISOR' },
+    create: {
+      fullName: 'System Supervisor',
+      email: 'supervisor@edr-platform.com',
+      phone: '+251922222222',
+      passwordHash: supervisorHash,
+      role: 'SUPERVISOR',
+      gender: 'Male',
+      dateOfBirth: new Date('1985-11-10'),
+    },
+  });
+  console.log('  ✅ Supervisor: supervisor@edr-platform.com / supervisor123');
+
+  const staff = await prisma.user.upsert({
+    where: { email: 'staff@edr-platform.com' },
+    update: { passwordHash: staffHash, role: 'STAFF' },
+    create: {
+      fullName: 'Support Staff',
+      email: 'staff@edr-platform.com',
+      phone: '+251933333333',
+      passwordHash: staffHash,
+      role: 'STAFF',
+      gender: 'Female',
+      dateOfBirth: new Date('1995-09-08'),
+    },
+  });
+  console.log('  ✅ Staff: staff@edr-platform.com / staff123');
+}
+
+async function seedStations() {
+  console.log('\n📍 Seeding 15 stations (Ethio-Djibouti Railway)...');
+  const stations = [
+    { code: 'SBT', name: 'Sebeta', city: 'Sebeta', countryCode: 'ET', lat: 8.9520, lng: 38.6150, sequence: 1 },
+    { code: 'LEB', name: 'Lebu', city: 'Lebu', countryCode: 'ET', lat: 8.8890, lng: 38.5320, sequence: 2 },
+    { code: 'BSH', name: 'Bishoftu', city: 'Bishoftu', countryCode: 'ET', lat: 8.7650, lng: 39.0240, sequence: 3 },
+    { code: 'MOJ', name: 'Mojo', city: 'Mojo', countryCode: 'ET', lat: 8.6780, lng: 39.2130, sequence: 4 },
+    { code: 'ADM', name: 'Adama', city: 'Adama', countryCode: 'ET', lat: 8.5420, lng: 39.2780, sequence: 5 },
+    { code: 'MTE', name: 'Metehara', city: 'Metehara', countryCode: 'ET', lat: 8.7890, lng: 39.8920, sequence: 6 },
+    { code: 'MIS', name: 'Mieso', city: 'Mieso', countryCode: 'ET', lat: 8.9120, lng: 40.3450, sequence: 7 },
+    { code: 'BIK', name: 'Bike', city: 'Bike', countryCode: 'ET', lat: 9.1230, lng: 40.8670, sequence: 8 },
+    { code: 'DRE', name: 'Dire Dawa', city: 'Dire Dawa', countryCode: 'ET', lat: 9.5915, lng: 41.8578, sequence: 9 },
+    { code: 'ADG', name: 'Adigala', city: 'Adigala', countryCode: 'ET', lat: 9.7340, lng: 42.2150, sequence: 10 },
+    { code: 'AYS', name: 'Aysha', city: 'Aysha', countryCode: 'ET', lat: 10.0120, lng: 42.5670, sequence: 11 },
+    { code: 'DAW', name: 'Dawanle', city: 'Dawanle', countryCode: 'ET', lat: 10.2340, lng: 42.8340, sequence: 12 },
+    { code: 'ALS', name: 'Alisabieh', city: 'Alisabieh', countryCode: 'DJ', lat: 10.8950, lng: 42.9560, sequence: 13 },
+    { code: 'HOL', name: 'Holhol', city: 'Holhol', countryCode: 'DJ', lat: 11.1230, lng: 43.0450, sequence: 14 },
+    { code: 'NAG', name: 'Nagad', city: 'Nagad', countryCode: 'DJ', lat: 11.3780, lng: 43.1200, sequence: 15 },
+  ];
+
+  for (const station of stations) {
+    await prisma.station.upsert({
+      where: { code: station.code },
+      update: {},
+      create: {
+        id: uuidv4(),
+        ...station,
+      },
+    });
+  }
+  console.log(`  ✅ ${stations.length} stations created`);
+  return stations;
+}
+
+async function seedCoachTypesAndClasses() {
+  console.log('\n🚂 Seeding coach types and seat classes...');
+  const coachTypes = [
+    { code: 'HSC', name: 'Hard Seat Coach', type: 'Economy Regular' },
+    { code: 'HBC', name: 'Hard Berth Coach', type: 'Economy Bed' },
+    { code: 'SBC', name: 'Soft Berth Coach', type: 'VIP Bed' },
+  ];
+
+  for (const ct of coachTypes) {
+    await prisma.coachType.upsert({
+      where: { id: ct.code },
+      update: {},
+      create: { ...ct, id: ct.code },
+    });
+  }
+
+  const seatClasses = [
+    { name: 'VIP Bed Lower', coachCode: 'SBC', baseFareMinor: 900, premiumMinor: 50, insuranceFeeMinor: 25 },
+    { name: 'VIP Bed Upper', coachCode: 'SBC', baseFareMinor: 800, premiumMinor: 45, insuranceFeeMinor: 20 },
+    { name: 'Economy Bed Upper', coachCode: 'HBC', baseFareMinor: 600, premiumMinor: 30, insuranceFeeMinor: 15 },
+    { name: 'Economy Bed Middle', coachCode: 'HBC', baseFareMinor: 550, premiumMinor: 28, insuranceFeeMinor: 14 },
+    { name: 'Economy Bed Lower', coachCode: 'HBC', baseFareMinor: 500, premiumMinor: 25, insuranceFeeMinor: 12 },
+    { name: 'Economy Regular', coachCode: 'HSC', baseFareMinor: 250, premiumMinor: 12, insuranceFeeMinor: 6 },
+  ];
+
+  for (const sc of seatClasses) {
+    const ct = await prisma.coachType.findUnique({ where: { id: sc.coachCode } });
+    await prisma.seatClass.upsert({
+      where: { coachTypeId_name: { coachTypeId: ct!.id, name: sc.name } },
+      update: {},
+      create: { coachTypeId: ct!.id, name: sc.name, baseFareMinor: sc.baseFareMinor, premiumMinor: sc.premiumMinor, insuranceFeeMinor: sc.insuranceFeeMinor },
+    });
+  }
+  console.log(`  ✅ ${coachTypes.length} coach types, ${seatClasses.length} seat classes created`);
+}
+
+async function seedRoute() {
+  console.log('\n🛣️ Seeding route and stops...');
+
+  const route = await prisma.route.upsert({
+    where: { code: 'Route-101' },
+    update: {},
+    create: {
+      code: 'Route-101',
+      name: 'Sebeta - Dire Dawa',
+      description: 'Outbound local route from Sebeta to Dire Dawa',
+      effectiveFrom: new Date('2026-01-01'),
+      effectiveUntil: new Date('2034-12-31'),
+      active: true,
+    },
+  });
+
+  const stationCodes = ['SBT', 'LEB', 'BSH', 'MOJ', 'ADM', 'MTE', 'MIS', 'BIK', 'DRE'];
+  const routeDistancesKm = [0, 11.5, 67.2, 89.9, 106.7, 180.2, 231.6, 293.6, 413.0];
+  for (let i = 0; i < stationCodes.length; i++) {
+    const station = await prisma.station.findUnique({ where: { code: stationCodes[i] } });
+    await prisma.routeStop.upsert({
+      where: { routeId_sequence: { routeId: route.id, sequence: i + 1 } },
+      update: {},
+      create: { routeId: route.id, stationId: station!.id, sequence: i + 1, distanceKm: routeDistancesKm[i] },
+    });
+  }
+  
+  const returnRoute = await prisma.route.upsert({
+    where: { code: 'Route-102' },
+    update: {},
+    create: {
+      code: 'Route-102',
+      name: 'Dire Dawa - Sebeta',
+      description: 'Inbound local route from Dire Dawa to Sebeta',
+      effectiveFrom: new Date('2026-01-01'),
+      effectiveUntil: new Date('2034-12-31'),
+      active: true,
+    },
+  });
+
+  const returnStationCodes = ['DRE', 'BIK', 'MIS', 'MTE', 'ADM', 'MOJ', 'BSH', 'LEB', 'SBT'];
+  const returnRouteDistancesKm = [0, 119.4, 181.4, 232.8, 306.3, 323.1, 345.8, 401.5, 413.0];
+  for (let i = 0; i < returnStationCodes.length; i++) {
+    const station = await prisma.station.findUnique({ where: { code: returnStationCodes[i] } });
+    await prisma.routeStop.upsert({
+      where: { routeId_sequence: { routeId: returnRoute!.id, sequence: i + 1 } },
+      update: {},
+      create: { routeId: returnRoute!.id, stationId: station!.id, sequence: i + 1, distanceKm: returnRouteDistancesKm[i] },
+    });
+  }
+  console.log(`  ✅ Route with ${returnStationCodes.length} stops created`);
+}
+
+async function seedCoaches() {
+  console.log('\n🚃 Seeding coaches and seats...');
+  const ecoCoachType = await prisma.coachType.findUnique({ where: { id: 'HSC' } });
+  const ecoBedCoachType = await prisma.coachType.findUnique({ where: { id: 'HBC' } });
+  const vipBedCoachType = await prisma.coachType.findUnique({ where: { id: 'SBC' } });
+
+  const coaches = [
+    { number: 'HSC-0001', coachTypeId: ecoCoachType!.id, arrangement: '3+2', capacity: 128, sequence: 1 },
+    { number: 'HBC-0001', coachTypeId: ecoBedCoachType!.id, arrangement: '3+0', capacity: 66, sequence: 2 },
+    { number: 'SBC-0001', coachTypeId: vipBedCoachType!.id, arrangement: '2+0', capacity: 40, sequence: 3 },
+  ];
+
+  let totalSeats = 0;
+  for (const coach of coaches) {
+    const c = await prisma.coach.upsert({
+      where: { number: coach.number },
+      update: {},
+      create: coach,
+    });
+
+    // Idempotently reconcile the coach's seats. Upsert keyed on the
+    // @@unique([coachId, row, col]) constraint so a re-seed updates existing
+    // rows in place instead of deleting them. Deleting Seats fails with a P2003
+    // FK violation once BookingSeat/SeatBlock/TicketSeat rows reference them.
+    let seatIndex = 1;
+    for (let row = 1; row <= Math.ceil(coach.capacity / 2); row++) {
+      for (const col of ['A', 'B', 'C', 'D', 'E']) {
+        if (seatIndex > coach.capacity) break;
+        let bedPosition: string | null = null;
+        if (c.coachTypeId === ecoBedCoachType!.id) {
+          // Economy Bed: 3-row cycle (upper, middle, lower)
+          if (row % 3 === 1) bedPosition = 'upper';
+          else if (row % 3 === 2) bedPosition = 'middle';
+          else bedPosition = 'lower';
+        } else if (c.coachTypeId === vipBedCoachType!.id) {
+          // VIP Bed: 2-row cycle (upper, lower)
+          bedPosition = row % 2 === 1 ? 'upper' : 'lower';
+        }
+
+        const seatData = {
+          seatNumber: seatIndex.toString(),
+          isWindow: col === 'A' || col === 'E',
+          isAisle: col === 'B' || col === 'C' || col === 'D',
+          bedPosition,
+        };
+
+        await prisma.seat.upsert({
+          where: { coachId_row_col: { coachId: c.id, row, col } },
+          update: seatData,
+          create: { coachId: c.id, row, col, ...seatData },
+        });
+        seatIndex++;
+      }
+    }
+    totalSeats += coach.capacity;
+  }
+  console.log(`  ✅ ${coaches.length} coaches with ${totalSeats} seats created`);
+}
+
+async function seedTrips() {
+  console.log('\n🚆 Seeding train service, schedule, and trips...');
+  const train = await prisma.train.upsert({
+    where: { number: 'EDR-001' },
+    update: {},
+    create: { id: TRAIN_ID, number: 'EDR-001', name: 'Express Service' },
+  });
+
+  const route = await prisma.route.findUnique({ where: { code: 'Route-101' } });
+  const returnRoute = await prisma.route.findUnique({ where: { code: 'Route-102' } });
+  const firstStation = await prisma.station.findUnique({ where: { code: 'SBT' } });
+  const lastStation = await prisma.station.findUnique({ where: { code: 'DRE' } });
+  const firstReturnStation = await prisma.station.findUnique({ where: { code: 'DRE' } });
+  const lastReturnStation = await prisma.station.findUnique({ where: { code: 'SBT' } });
+  const coaches = await prisma.coach.findMany();
+
+  const now = new Date();
+  const tomorrow = new Date(now);
+  tomorrow.setDate(now.getDate() + 1);
+  
+  const schedules = [];
+
+  for (let d = 0; d < 5; d++) {
+    const tripDate = new Date(now);
+    tripDate.setDate(tripDate.getDate() + d);
+    tripDate.setHours(20, 30, 0, 0);
+    schedules.push({
+      trainId: train.id,
+      routeId: route!.id,
+      originStationId: firstStation!.id,
+      destinationStationId: lastStation!.id,
+      departureAt: new Date(tripDate),
+      arrivalAt: new Date(tripDate), // patched below
+      durationMinutes: 0,            // patched below
+      stopsCount: 9,
+    });
+  }
+
+  for (let d = 0; d < 5; d++) {
+    const returnTripDate = new Date(tomorrow);
+    returnTripDate.setDate(returnTripDate.getDate() + d);
+    returnTripDate.setHours(20, 0, 0, 0);
+    schedules.push({
+      trainId: train.id,
+      routeId: returnRoute!.id,
+      originStationId: firstReturnStation!.id,
+      destinationStationId: lastReturnStation!.id,
+      departureAt: new Date(returnTripDate),
+      arrivalAt: new Date(returnTripDate), // patched below
+      durationMinutes: 0,            // patched below
+      stopsCount: 9,
+    });
+  }
+
+  // Load route stops for both routes upfront
+  const routeStopsMap = new Map<string, { stationId: string; sequence: number; distanceKm: number }[]>();
+  for (const r of [route!, returnRoute!]) {
+    const stops = await prisma.routeStop.findMany({
+      where: { routeId: r.id },
+      orderBy: { sequence: 'asc' },
+    });
+    routeStopsMap.set(r.id, stops.map(s => ({ stationId: s.stationId, sequence: s.sequence, distanceKm: s.distanceKm! })));
+  }
+
+  // Compute duration from total route distance at 60 km/h
+  function routeDuration(stops: { distanceKm: number }[]): number {
+    const totalKm = stops[stops.length - 1].distanceKm - stops[0].distanceKm;
+    return Math.ceil(totalKm / 60 * 60);
+  }
+
+  // Patch arrivalAt and durationMinutes using distance-based timing
+  const patchedSchedules = schedules.map(s => {
+    const stops = routeStopsMap.get(s.routeId!)!;
+    const durationMinutes = routeDuration(stops);
+    return { ...s, durationMinutes, arrivalAt: new Date(s.departureAt.getTime() + durationMinutes * 60_000) };
+  });
+
+  const createdSchedules = await Promise.all(
+    patchedSchedules.map(s => prisma.trainSchedule.create({ data: s }))
+  );
+
+  // Create TripStopTimes using cumulative distanceKm at 60 km/h
+  for (const schedule of createdSchedules) {
+    const stops = routeStopsMap.get(schedule.routeId!)!;
+    const originKm = stops[0].distanceKm;
+    const stopTimes = stops.map(stop => {
+      const minutesFromStart = Math.ceil((stop.distanceKm - originKm) / 60 * 60);
+      const plannedDepartureAt = new Date(schedule.departureAt.getTime() + minutesFromStart * 60_000);
+      const plannedArrivalAt = new Date(plannedDepartureAt.getTime() - 5 * 60_000); // 5 min dwell
+      return {
+        scheduleId: schedule.id,
+        stationId: stop.stationId,
+        sequence: stop.sequence,
+        plannedArrivalAt,
+        plannedDepartureAt,
+      };
+    });
+    // First stop: arrival = departure (no dwell at origin)
+    stopTimes[0].plannedArrivalAt = stopTimes[0].plannedDepartureAt;
+
+    await Promise.all(stopTimes.map(st => prisma.tripStopTime.create({ data: st })));
+  }
+
+  const coachAssignments = [];
+  const liveStatuses = [];
+  
+  for (const schedule of createdSchedules) {
+    for (let p = 0; p < coaches.length; p++) {
+      coachAssignments.push({
+        scheduleId: schedule.id,
+        coachId: coaches[p].id,
+        positionNumber: p + 1,
+      });
+    }
+    liveStatuses.push({
+      scheduleId: schedule.id,
+      state: 'scheduled',
+      progressPercent: 0,
+    });
+  }
+  
+  await Promise.all([
+    ...coachAssignments.map(ca => prisma.coachAssignment.create({ data: ca })),
+    ...liveStatuses.map(ls => prisma.tripLiveStatus.create({ data: ls })),
+  ]);
+  
+  console.log(`  ✅ Train with ${createdSchedules.length} upcoming trips created`);
+}
+
+async function seedFareRules() {
+  console.log('\n💰 Seeding fare rules...');
+  const route = await prisma.route.findUnique({ where: { code: 'Route-101' } });
+  const seatClasses = await prisma.seatClass.findMany();
+  const validFrom = new Date('2024-01-01');
+
+  const fareRules = [];
+  for (const sc of seatClasses) {
+    fareRules.push({
+      routeId: route!.id,
+      seatClassId: sc.id,
+      passengerCategory: 'ADULT' as const,
+      baseFareMinor: sc.baseFareMinor,
+      currency: 'ETB',
+      validFrom,
+    });
+    fareRules.push({
+      routeId: route!.id,
+      seatClassId: sc.id,
+      passengerCategory: 'CHILD' as const,
+      baseFareMinor: Math.floor(sc.baseFareMinor * 0.5),
+      discountPercent: 10,
+      currency: 'ETB',
+      validFrom,
+    });
+  }
+  
+  await Promise.all(
+    fareRules.map(fr => prisma.routeFareRule.create({ data: fr }))
+  );
+  console.log(`  ✅ ${fareRules.length} fare rules for ADULT/CHILD categories created`);
+}
+
+async function seedCurrency() {
+  console.log('\n💱 Seeding currency exchange rates...');
+  const rates = [
+    { from: 'ETB', to: 'DJF', rate: 3.25 },
+    { from: 'ETB', to: 'USD', rate: 0.018 },
+    { from: 'DJF', to: 'ETB', rate: 0.3077 },
+    { from: 'USD', to: 'ETB', rate: 55.56 },
+  ];
+
+  for (const r of rates) {
+    await prisma.currencyExchangeRate.upsert({
+      where: {
+        fromCurrency_toCurrency_effectiveDate: {
+          fromCurrency: r.from as any,
+          toCurrency: r.to as any,
+          effectiveDate: new Date('2024-01-01'),
+        },
+      },
+      update: { rate: r.rate },
+      create: {
+        fromCurrency: r.from as any,
+        toCurrency: r.to as any,
+        rate: r.rate,
+        effectiveDate: new Date('2024-01-01'),
+      },
+    });
+  }
+  console.log(`  ✅ 4 currency exchange rates created`);
+}
+
+async function seedPaymentMethods() {
+  console.log('\n💳 Seeding payment methods...');
+  const methods = [
+    { type: 'TELEBIRR', displayName: 'Telebirr', region: 'ETHIOPIA' },
+    { type: 'CBE_BIRR', displayName: 'CBE Birr', region: 'ETHIOPIA' },
+    { type: 'EBIRR', displayName: 'eBirr', region: 'ETHIOPIA' },
+    { type: 'WAAFI', displayName: 'Waffi', region: 'DJIBOUTI' },
+    { type: 'CARD', displayName: 'Credit/Debit Card', region: 'GLOBAL' },
+    { type: 'WALLET', displayName: 'Wallet', region: 'GLOBAL' },
+  ];
+
+  for (const m of methods) {
+    await prisma.paymentMethod.upsert({
+      where: { type: m.type as any },
+      update: {},
+      create: { ...m, type: m.type as any, region: m.region as any },
+    });
+  }
+  console.log(`  ✅ ${methods.length} payment methods created`);
+}
+
+async function seedSegmentFares() {
+  console.log('\n📍 Seeding segment fare rules...');
+  const route = await prisma.route.findUnique({
+    where: { code: 'Route-101' },
+    include: { stops: { orderBy: { sequence: 'asc' } } },
+  });
+  const seatClasses = await prisma.seatClass.findMany();
+  const validFrom = new Date('2024-01-01');
+
+  if (route && route.stops.length > 2) {
+    for (const sc of seatClasses) {
+      await prisma.segmentFareRule.create({
+        data: {
+          routeId: route.id,
+          seatClassId: sc.id,
+          originStopSequence: 1,
+          destinationStopSequence: 3,
+          baseFareMinor: Math.floor(sc.baseFareMinor * 0.4),
+          validFrom,
+        },
+      }).catch(() => {});
+
+      await prisma.segmentFareRule.create({
+        data: {
+          routeId: route.id,
+          seatClassId: sc.id,
+          originStopSequence: 5,
+          destinationStopSequence: 9,
+          baseFareMinor: Math.floor(sc.baseFareMinor * 0.6),
+          validFrom,
+        },
+      }).catch(() => {});
+    }
+    console.log(`  ✅ ${seatClasses.length * 2} segment fare rules created`);
+  }
+}
+
+async function seedNotificationTemplates() {
+  console.log('\n🔔 Seeding notification templates...');
+  const templates = [
+    { id: uuidv4(), code: 'BOOKING_CONFIRMED', channel: 'EMAIL', subject: 'Booking Confirmed', bodyTemplate: 'Your booking {{bookingRef}} is confirmed for {{date}}' },
+    { id: uuidv4(), code: 'PAYMENT_RECEIVED', channel: 'SMS', bodyTemplate: 'Payment ETB {{amount}} received for {{bookingRef}}' },
+    { id: uuidv4(), code: 'TRIP_DEPARTURE', channel: 'PUSH', bodyTemplate: 'Your trip {{route}} departs in {{minutes}} minutes' },
+    { id: uuidv4(), code: 'TRIP_DELAY', channel: 'EMAIL', subject: 'Trip Delayed', bodyTemplate: 'Your trip {{route}} is delayed by {{delayMinutes}} minutes' },
+    { id: uuidv4(), code: 'PROMOTION', channel: 'PUSH', bodyTemplate: 'Get {{percentOff}}% off on {{route}}' },
+  ];
+
+  for (const t of templates) {
+    await prisma.notificationTemplate.upsert({
+      where: { code: t.code },
+      update: {},
+      create: t,
+    });
+  }
+  console.log(`  ✅ ${templates.length} notification templates created`);
+}
+
+async function seedMenuAndFood() {
+  console.log('\n🍽️ Seeding menu categories and items...');
+  const beverages = await prisma.menuCategory.upsert({
+    where: { id: uuidv4() },
+    update: {},
+    create: { id: uuidv4(), name: 'Beverages' },
+  });
+  const snacks = await prisma.menuCategory.upsert({
+    where: { id: uuidv4() },
+    update: {},
+    create: { id: uuidv4(), name: 'Snacks' },
+  });
+
+  const schedule = await prisma.trainSchedule.findFirst();
+  if (schedule) {
+    const coffeeId = uuidv4();
+    const juiceId = uuidv4();
+    const sandwichId = uuidv4();
+    
+    await prisma.menuItem.create({
+      data: { id: coffeeId, scheduleId: schedule.id, categoryId: beverages.id, name: 'Ethiopian Coffee', priceMinor: 50 },
+    }).catch(() => {}); // ignore if exists
+    await prisma.menuItem.create({
+      data: { id: juiceId, scheduleId: schedule.id, categoryId: beverages.id, name: 'Fresh Juice', priceMinor: 35 },
+    }).catch(() => {}); // ignore if exists
+    await prisma.menuItem.create({
+      data: { id: sandwichId, scheduleId: schedule.id, categoryId: snacks.id, name: 'Sandwich', priceMinor: 80 },
+    }).catch(() => {}); // ignore if exists
+  }
+  console.log(`  ✅ Menu categories and items created`);
+}
+
+async function seedPromotions() {
+  console.log('\n🎉 Seeding promotions...');
+  const promos = [
+    { id: uuidv4(), title: 'Early Bird Discount', code: 'EARLY20', percentOff: 20, validUntil: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000) },
+    { id: uuidv4(), title: 'Student Discount', code: 'STUDENT15', percentOff: 15, validUntil: new Date(Date.now() + 60 * 24 * 60 * 60 * 1000) },
+    { id: uuidv4(), title: 'Group Booking', code: 'GROUP10', amountOffMinor: 100, validUntil: new Date(Date.now() + 90 * 24 * 60 * 60 * 1000) },
+  ];
+
+  for (const p of promos) {
+    await prisma.promotion.upsert({
+      where: { code: p.code },
+      update: {},
+      create: p,
+    });
+  }
+  console.log(`  ✅ ${promos.length} promotions created`);
+}
+
+async function seedFAQ() {
+  console.log('\n❓ Seeding FAQ...');
+  const generalId = uuidv4();
+  const bookingId = uuidv4();
+  const general = await prisma.faqCategory.upsert({
+    where: { id: generalId },
+    update: {},
+    create: { id: generalId, title: 'General', iconKey: 'help' },
+  });
+  const booking = await prisma.faqCategory.upsert({
+    where: { id: bookingId },
+    update: {},
+    create: { id: bookingId, title: 'Booking', iconKey: 'book' },
+  });
+
+  await prisma.faqArticle.upsert({
+    where: { id: uuidv4() },
+    update: {},
+    create: { id: uuidv4(), categoryId: general.id, question: 'What is EDR?', answerMarkdown: 'Ethio-Djibouti Railway' },
+  });
+  await prisma.faqArticle.upsert({
+    where: { id: uuidv4() },
+    update: {},
+    create: { id: uuidv4(), categoryId: booking.id, question: 'How to book?', answerMarkdown: 'Use the booking system' },
+  });
+  console.log(`  ✅ FAQ categories and articles created`);
+}
+
+async function seedFraudRules() {
+  console.log('\n🔐 Seeding fraud detection rules...');
+  const rules = [
+    { type: 'RAPID_BOOKINGS', threshold: 10, enabled: true },
+    { type: 'HIGH_VALUE_BOOKING', threshold: 500000, enabled: true },
+    { type: 'UNUSUAL_DEVICE', threshold: 0.8, enabled: true },
+  ];
+
+  for (const r of rules) {
+    await prisma.fraudRule.upsert({
+      where: { type: r.type },
+      update: {},
+      create: r,
+    });
+  }
+  console.log(`  ✅ ${rules.length} fraud detection rules created`);
+}
+
+// Run a seed step in isolation: if it throws (FK conflict, duplicate row,
+// missing record, etc.) log the error and keep going so the rest of the seed —
+// and the API startup that follows it — are never blocked by one bad step.
+async function runStep(name: string, step: () => Promise<unknown>): Promise<boolean> {
+  try {
+    await step();
+    return true;
+  } catch (e) {
+    console.error(`⚠️  Seed step "${name}" failed — skipping and continuing:`, e);
+    return false;
+  }
+}
+
+async function main() {
+  console.log('🌱 Comprehensive EDR Seed Starting...\n');
+
+  const steps: Array<[string, () => Promise<unknown>]> = [
+    ['system users', seedSystemUsers],
+  ];
+
+  let failed = 0;
+  for (const [name, step] of steps) {
+    if (!(await runStep(name, step))) failed++;
+  }
+
+  if (failed > 0) {
+    console.warn(`\n⚠️  Seed finished with ${failed}/${steps.length} step(s) failed (see logs above).\n`);
+  } else {
+    console.log('\n✅ Seed complete!\n');
+  }
+  console.log('🔑 System Users:');
+  console.log('  Admin:       admin@edr-platform.com / admin123');
+  console.log('  Passenger:   kelemu@email.com / password123');
+  console.log('  Agent:       agent@edr-platform.com / agent123');
+  console.log('  Supervisor:  supervisor@edr-platform.com / supervisor123');
+  console.log('  Staff:       staff@edr-platform.com / staff123');
+}
+
+main()
+  .catch((e) => {
+    // Intentionally do NOT process.exit(1): the docker entrypoint runs under
+    // `set -e`, so a non-zero exit here would abort container startup and the
+    // API would never boot. Log and exit cleanly instead.
+    console.error('❌ Seed crashed unexpectedly — continuing so the API can start:', e);
+  })
+  .finally(async () => {
+    await prisma.$disconnect();
+  });
diff --git a/apps/edr-passenger-api/src/app.module.ts b/apps/edr-passenger-api/src/app.module.ts
index d3542240f..757432c3b 100644
--- a/apps/edr-passenger-api/src/app.module.ts
+++ b/apps/edr-passenger-api/src/app.module.ts
@@ -1,36 +1,100 @@
-import { Module } from "@nestjs/common";
-import { ConfigModule, ConfigService } from "@nestjs/config";
-import { TypeOrmModule, TypeOrmModuleOptions } from "@nestjs/typeorm";
-
-import appConfig from "./config/app.config";
-import databaseConfig from "./config/database.config";
-
-import { TicketsModule } from "./modules/tickets/tickets.module";
-import { SchedulesModule } from "./modules/schedules/schedules.module";
-import { PassengersModule } from "./modules/passengers/passengers.module";
-import { SeatsModule } from "./modules/seats/seats.module";
-import { StationsModule } from "./modules/stations/stations.module";
-import { PaymentsModule } from "./modules/payments/payments.module";
-import { NotificationsModule } from "./modules/notifications/notifications.module";
+import { Module, NestModule, MiddlewareConsumer } from '@nestjs/common';
+import { ConfigModule } from '@nestjs/config';
+import { ScheduleModule } from '@nestjs/schedule';
+import { EventEmitterModule } from '@nestjs/event-emitter';
+import { PrismaModule } from './common/prisma.module';
+import { AuditModule } from './common/audit.module';
+import { I18nModule } from './common/i18n/i18n.module';
+import { IamModule } from './common/iam.module';
+import { LocaleMiddleware } from './common/i18n/locale.middleware';
+import appConfig from './config/app.config';
+import dbConfig from './config/database.config';
+import telebirrConfig from './config/telebirr.config';
+import cbeConfig from './config/cbe.config';
+import ebirrConfig from './config/ebirr.config';
+import cardConfig from './config/card.config';
+import waafiConfig from './config/waafi.config';
+import faydaConfig from './config/fayda.config';
+import rabbitmqConfig from './config/rabbitmq.config';
+import { AuthModule } from './modules/auth/auth.module';
+import { StationsModule } from './modules/stations/stations.module';
+import { FleetModule } from './modules/fleet/fleet.module';
+import { SchedulesModule } from './modules/schedules/schedules.module';
+import { SearchModule } from './modules/search/search.module';
+import { SeatsModule } from './modules/seats/seats.module';
+import { BookingsModule } from './modules/bookings/bookings.module';
+import { PaymentsModule } from './modules/payments/payments.module';
+import { TicketsModule } from './modules/tickets/tickets.module';
+import { PassengersModule } from './modules/passengers/passengers.module';
+import { NotificationsModule } from './modules/notifications/notifications.module';
+import { LoyaltyModule } from './modules/loyalty/loyalty.module';
+import { WalletModule } from './modules/wallet/wallet.module';
+import { PromosModule } from './modules/promos/promos.module';
+import { LiveModule } from './modules/live/live.module';
+import { SupportModule } from './modules/support/support.module';
+import { DashboardModule } from './modules/dashboard/dashboard.module';
+import { SegmentsModule } from './modules/segments/segments.module';
+import { AgentsModule } from './modules/agents/agents.module';
+import { ReportsModule } from './modules/reports/reports.module';
+import { FraudModule } from './modules/fraud/fraud.module';
+import { SeatClassesModule } from './modules/seat-classes/seat-classes.module';
+import { FareEngineModule } from './modules/fare-engine/fare-engine.module';
+import { VerifaydaModule } from './modules/verifayda/verifayda.module';
+import { AuditModuleFeature } from './modules/audit/audit.module';
+import { CurrenciesModule } from './modules/currencies/currencies.module';
 
 @Module({
   imports: [
     ConfigModule.forRoot({
       isGlobal: true,
-      load: [appConfig, databaseConfig],
+      load: [
+        appConfig,
+        dbConfig,
+        telebirrConfig,
+        cbeConfig,
+        ebirrConfig,
+        cardConfig,
+        waafiConfig,
+        faydaConfig,
+        rabbitmqConfig,
+      ],
     }),
-    TypeOrmModule.forRootAsync({
-      inject: [ConfigService],
-      useFactory: (config: ConfigService): TypeOrmModuleOptions =>
-        config.get<TypeOrmModuleOptions>("database")!,
-    }),
-    TicketsModule,
-    SchedulesModule,
-    PassengersModule,
-    SeatsModule,
+    ScheduleModule.forRoot(),
+    EventEmitterModule.forRoot(),
+    PrismaModule,
+    AuditModule,
+    I18nModule,
+    IamModule,
+    AuthModule,
     StationsModule,
+    FleetModule,
+    SchedulesModule,
+    SearchModule,
+    SeatsModule,
+    BookingsModule,
     PaymentsModule,
+    TicketsModule,
+    PassengersModule,
     NotificationsModule,
+    LoyaltyModule,
+    WalletModule,
+    PromosModule,
+    LiveModule,
+    SupportModule,
+    DashboardModule,
+    SegmentsModule,
+    AgentsModule,
+    ReportsModule,
+    FraudModule,
+    SeatClassesModule,
+    FareEngineModule,
+    VerifaydaModule,
+    AuditModuleFeature,
+    CurrenciesModule,
   ],
 })
-export class AppModule {}
+export class AppModule implements NestModule {
+  configure(consumer: MiddlewareConsumer) {
+    consumer.apply(LocaleMiddleware).forRoutes('*');
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/audit.module.ts b/apps/edr-passenger-api/src/common/audit.module.ts
new file mode 100644
index 000000000..a4ba9262f
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/audit.module.ts
@@ -0,0 +1,10 @@
+import { Module } from '@nestjs/common';
+import { PrismaModule } from './prisma.module';
+import { AuditService } from './audit.service';
+
+@Module({
+  imports: [PrismaModule],
+  providers: [AuditService],
+  exports: [AuditService],
+})
+export class AuditModule {}
diff --git a/apps/edr-passenger-api/src/common/audit.service.ts b/apps/edr-passenger-api/src/common/audit.service.ts
new file mode 100644
index 000000000..342e786bd
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/audit.service.ts
@@ -0,0 +1,92 @@
+import { Injectable, Inject, Optional } from '@nestjs/common';
+import { REQUEST } from '@nestjs/core';
+import { PrismaService } from './prisma.service';
+
+@Injectable()
+export class AuditService {
+  constructor(
+    private prisma: PrismaService,
+    @Optional() @Inject(REQUEST) private request?: any,
+  ) {}
+
+  async log(input: {
+    userId?: string;
+    action: 'CREATE' | 'UPDATE' | 'DELETE' | 'LOGIN' | 'LOGOUT' | 'VERIFY' | string;
+    entityType: string;
+    entityId?: string;
+    oldData?: any;
+    newData?: any;
+  }) {
+    try {
+      const ipAddress = this.getIpAddress();
+      const userAgent = this.getUserAgent();
+
+      await this.prisma.auditLog.create({
+        data: {
+          userId: input.userId,
+          action: input.action,
+          entityType: input.entityType,
+          entityId: input.entityId,
+          oldData: input.oldData,
+          newData: input.newData,
+          ipAddress,
+          userAgent,
+        },
+      });
+    } catch (error) {
+      console.error('Failed to log audit event:', error);
+      // Don't throw - audit logging should not break main operations
+    }
+  }
+
+  private getIpAddress(): string {
+    if (!this.request) return '';
+    
+    return (
+      this.request.headers['x-forwarded-for']?.split(',')[0].trim() ||
+      this.request.headers['x-real-ip'] ||
+      this.request.connection?.remoteAddress ||
+      this.request.socket?.remoteAddress ||
+      this.request.ip ||
+      ''
+    );
+  }
+
+  private getUserAgent(): string {
+    return this.request?.headers?.['user-agent'] || '';
+  }
+
+  async getLogs(filters: any = {}) {
+    const where: any = {};
+
+    if (filters.search) {
+      where.OR = [
+        { entityId: { contains: filters.search, mode: 'insensitive' } },
+        { user: { email: { contains: filters.search, mode: 'insensitive' } } },
+        { user: { fullName: { contains: filters.search, mode: 'insensitive' } } },
+      ];
+    }
+
+    if (filters.action) {
+      where.action = filters.action;
+    }
+
+    if (filters.entityType) {
+      where.entityType = filters.entityType;
+    }
+
+    return this.prisma.auditLog.findMany({
+      where,
+      include: { user: true },
+      orderBy: { createdAt: 'desc' },
+      take: 500, // Limit to last 500 logs
+    });
+  }
+
+  async getLog(id: string) {
+    return this.prisma.auditLog.findUnique({
+      where: { id },
+      include: { user: true },
+    });
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/filters/http-exception.filter.ts b/apps/edr-passenger-api/src/common/filters/http-exception.filter.ts
index f31715918..e50172db9 100644
--- a/apps/edr-passenger-api/src/common/filters/http-exception.filter.ts
+++ b/apps/edr-passenger-api/src/common/filters/http-exception.filter.ts
@@ -1 +1,59 @@
-export { HttpExceptionFilter } from "@edr/api-common";
+import {
+  ArgumentsHost,
+  Catch,
+  ExceptionFilter,
+  HttpException,
+  HttpStatus,
+  Logger,
+} from '@nestjs/common';
+
+@Catch()
+export class HttpExceptionFilter implements ExceptionFilter {
+  private readonly logger = new Logger(HttpExceptionFilter.name);
+
+  catch(exception: unknown, host: ArgumentsHost): void {
+    // Global filter — also reached by non-HTTP (e.g. RabbitMQ) handlers. switchToHttp() would
+    // yield no response object there, so re-throw and let the transport (golevelup) handle it
+    // (nack/dead-letter) instead of crashing on response.status().
+    if (host.getType() !== 'http') {
+      throw exception;
+    }
+    const ctx = host.switchToHttp();
+    const response = ctx.getResponse();
+    const request = ctx.getRequest();
+
+    const status =
+      exception instanceof HttpException
+        ? exception.getStatus()
+        : HttpStatus.INTERNAL_SERVER_ERROR;
+
+    const messageRaw =
+      exception instanceof HttpException
+        ? exception.getResponse()
+        : 'Internal server error';
+
+    const message =
+      typeof messageRaw === 'string'
+        ? messageRaw
+        : ((messageRaw as { message?: string }).message ?? 'Unexpected error');
+
+    if (status >= 500) {
+      this.logger.error(
+        `${request.method} ${request.url} -> ${status}`,
+        exception instanceof Error ? exception.stack : JSON.stringify(exception),
+      );
+      console.error('Full error details:', exception);
+    } else {
+      this.logger.warn(`${request.method} ${request.url} -> ${status} ${message}`);
+    }
+
+    response.status(status).json({
+      success: false,
+      statusCode: status,
+      message,
+      error: exception instanceof Error ? exception.name : 'Error',
+      timestamp: new Date().toISOString(),
+      path: request.url,
+    });
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/guards/service-auth.guard.ts b/apps/edr-passenger-api/src/common/guards/service-auth.guard.ts
new file mode 100644
index 000000000..b47876d4c
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/guards/service-auth.guard.ts
@@ -0,0 +1,54 @@
+import {
+  CanActivate,
+  ExecutionContext,
+  Injectable,
+  Logger,
+  UnauthorizedException,
+} from "@nestjs/common";
+import { timingSafeEqual } from "node:crypto";
+import { Request } from "express";
+
+/**
+ * Shared-secret guard for endpoints only the payment microservice may call
+ * (e.g. /internal/payments/mark-paid). The secret is the same SERVICE_AUTH_TOKEN the
+ * payment service enforces on its own internal surface. A forged mark-paid must not be able
+ * to confirm a booking without a real payment.
+ * TODO: integrate @tria-plc IAM / mTLS as the long-term mechanism.
+ */
+@Injectable()
+export class ServiceAuthGuard implements CanActivate {
+  private readonly logger = new Logger(ServiceAuthGuard.name);
+  private readonly token = process.env.SERVICE_AUTH_TOKEN ?? "";
+  private warned = false;
+
+  constructor() {
+    if (!this.token && process.env.NODE_ENV === "production") {
+      throw new Error("SERVICE_AUTH_TOKEN must be set in production");
+    }
+  }
+
+  canActivate(context: ExecutionContext): boolean {
+    if (!this.token) {
+      if (!this.warned) {
+        this.logger.warn(
+          "SERVICE_AUTH_TOKEN unset — internal endpoints are UNGUARDED (dev only)",
+        );
+        this.warned = true;
+      }
+      return true;
+    }
+
+    const request = context.switchToHttp().getRequest<Request>();
+    const header = request.headers["x-service-token"];
+    const bearer = request.headers.authorization?.replace(/^Bearer\s+/i, "");
+    const presented =
+      (Array.isArray(header) ? header[0] : header) ?? bearer ?? "";
+
+    const expected = Buffer.from(this.token);
+    const actual = Buffer.from(presented);
+    const valid =
+      expected.length === actual.length && timingSafeEqual(expected, actual);
+    if (!valid) throw new UnauthorizedException("Invalid service token");
+    return true;
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/i18n/i18n.module.ts b/apps/edr-passenger-api/src/common/i18n/i18n.module.ts
new file mode 100644
index 000000000..99d70185c
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/i18n.module.ts
@@ -0,0 +1,9 @@
+import { Module, Global } from '@nestjs/common';
+import { I18nService } from './i18n.service';
+
+@Global()
+@Module({
+  providers: [I18nService],
+  exports: [I18nService],
+})
+export class I18nModule {}
diff --git a/apps/edr-passenger-api/src/common/i18n/i18n.service.spec.ts b/apps/edr-passenger-api/src/common/i18n/i18n.service.spec.ts
new file mode 100644
index 000000000..37c74c04b
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/i18n.service.spec.ts
@@ -0,0 +1,49 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { I18nService } from './i18n.service';
+
+describe('I18nService', () => {
+  let service: I18nService;
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      providers: [I18nService],
+    }).compile();
+
+    service = module.get<I18nService>(I18nService);
+  });
+
+  it('should translate English keys', () => {
+    expect(service.translate('common.welcome', 'en')).toBe('Welcome');
+    expect(service.translate('booking.created', 'en')).toBe('Booking created successfully');
+  });
+
+  it('should translate Amharic keys', () => {
+    expect(service.translate('common.welcome', 'am')).toBe('እንኳን ደህና መጡ');
+  });
+
+  it('should translate French keys', () => {
+    expect(service.translate('common.welcome', 'fr')).toBe('Bienvenue');
+  });
+
+  it('should translate Oromo keys', () => {
+    expect(service.translate('common.welcome', 'om')).toBe('Baga nagaan dhuftan');
+  });
+
+  it('should fallback to English for unsupported locale', () => {
+    expect(service.translate('common.welcome', 'de')).toBe('Welcome');
+  });
+
+  it('should return key if translation not found', () => {
+    expect(service.translate('nonexistent.key', 'en')).toBe('nonexistent.key');
+  });
+
+  it('should interpolate parameters', () => {
+    const result = service.translate('common.welcome', 'en', { name: 'John' });
+    expect(result).toBeDefined();
+  });
+
+  it('should return supported locales', () => {
+    const locales = service.getSupportedLocales();
+    expect(locales).toEqual(['en', 'am', 'fr', 'om']);
+  });
+});
diff --git a/apps/edr-passenger-api/src/common/i18n/i18n.service.ts b/apps/edr-passenger-api/src/common/i18n/i18n.service.ts
new file mode 100644
index 000000000..9c3eee5fc
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/i18n.service.ts
@@ -0,0 +1,63 @@
+import { Injectable } from '@nestjs/common';
+import * as fs from 'fs';
+import * as path from 'path';
+
+type TranslationMap = Record<string, any>;
+
+@Injectable()
+export class I18nService {
+  private translations: Map<string, TranslationMap> = new Map();
+  private readonly supportedLocales = ['en', 'am', 'fr', 'om'];
+  private readonly defaultLocale = 'en';
+
+  constructor() {
+    this.loadTranslations();
+  }
+
+  private loadTranslations() {
+    for (const locale of this.supportedLocales) {
+      const filePath = path.join(__dirname, 'translations', `${locale}.json`);
+      try {
+        const content = fs.readFileSync(filePath, 'utf-8');
+        this.translations.set(locale, JSON.parse(content));
+      } catch (err) {
+        console.warn(`Failed to load translation file for locale: ${locale}`);
+      }
+    }
+  }
+
+  translate(key: string, locale: string = this.defaultLocale, params?: Record<string, string>): string {
+    const normalizedLocale = this.normalizeLocale(locale);
+    const translations = this.translations.get(normalizedLocale) || this.translations.get(this.defaultLocale);
+    
+    if (!translations) return key;
+
+    const keys = key.split('.');
+    let value: any = translations;
+    
+    for (const k of keys) {
+      value = value?.[k];
+      if (value === undefined) return key;
+    }
+
+    if (typeof value !== 'string') return key;
+
+    if (params) {
+      return Object.entries(params).reduce(
+        (text, [param, val]) => text.replace(new RegExp(`{{${param}}}`, 'g'), val),
+        value
+      );
+    }
+
+    return value;
+  }
+
+  private normalizeLocale(locale: string): string {
+    const normalized = locale.toLowerCase().split('-')[0];
+    return this.supportedLocales.includes(normalized) ? normalized : this.defaultLocale;
+  }
+
+  getSupportedLocales(): string[] {
+    return this.supportedLocales;
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/i18n/locale.decorator.ts b/apps/edr-passenger-api/src/common/i18n/locale.decorator.ts
new file mode 100644
index 000000000..388582795
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/locale.decorator.ts
@@ -0,0 +1,9 @@
+import { createParamDecorator, ExecutionContext } from '@nestjs/common';
+import { LOCALE_KEY } from './locale.middleware';
+
+export const Locale = createParamDecorator(
+  (data: unknown, ctx: ExecutionContext): string => {
+    const request = ctx.switchToHttp().getRequest();
+    return request[LOCALE_KEY] || 'en';
+  },
+);
diff --git a/apps/edr-passenger-api/src/common/i18n/locale.middleware.ts b/apps/edr-passenger-api/src/common/i18n/locale.middleware.ts
new file mode 100644
index 000000000..81bbc6990
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/locale.middleware.ts
@@ -0,0 +1,16 @@
+import { Injectable, NestMiddleware } from '@nestjs/common';
+
+export const LOCALE_KEY = 'locale';
+
+@Injectable()
+export class LocaleMiddleware implements NestMiddleware {
+  use(req: any, res: any, next: () => void) {
+    const locale = 
+      req.query.lang as string ||
+      req.headers['accept-language']?.split(',')[0]?.split('-')[0] ||
+      'en';
+    
+    req[LOCALE_KEY] = locale;
+    next();
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/i18n/translations/am.json b/apps/edr-passenger-api/src/common/i18n/translations/am.json
new file mode 100644
index 000000000..16250494d
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/translations/am.json
@@ -0,0 +1,23 @@
+{
+  "common": {
+    "welcome": "እንኳን ደህና መጡ",
+    "error": "ስህተት ተከስቷል",
+    "success": "ተሳክቷል"
+  },
+  "booking": {
+    "created": "ቦታ ማስያዝ በተሳካ ሁኔታ ተፈጥሯል",
+    "notFound": "ቦታ ማስያዝ አልተገኘም",
+    "cancelled": "ቦታ ማስያዝ ተሰርዟል",
+    "confirmed": "ቦታ ማስያዝ ተረጋግጧል"
+  },
+  "payment": {
+    "succeeded": "ክፍያ ተሳክቷል",
+    "failed": "ክፍያ አልተሳካም",
+    "pending": "ክፍያ በመጠባበቅ ላይ"
+  },
+  "ticket": {
+    "issued": "ትኬት ተሰጥቷል",
+    "validated": "ትኬት ተረጋግጧል",
+    "alreadyValidated": "ትኬት ቀድሞውኑ ተረጋግጧል"
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/i18n/translations/en.json b/apps/edr-passenger-api/src/common/i18n/translations/en.json
new file mode 100644
index 000000000..dd1428f02
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/translations/en.json
@@ -0,0 +1,23 @@
+{
+  "common": {
+    "welcome": "Welcome",
+    "error": "An error occurred",
+    "success": "Success"
+  },
+  "booking": {
+    "created": "Booking created successfully",
+    "notFound": "Booking not found",
+    "cancelled": "Booking cancelled",
+    "confirmed": "Booking confirmed"
+  },
+  "payment": {
+    "succeeded": "Payment successful",
+    "failed": "Payment failed",
+    "pending": "Payment pending"
+  },
+  "ticket": {
+    "issued": "Ticket issued",
+    "validated": "Ticket validated",
+    "alreadyValidated": "Ticket already validated"
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/i18n/translations/fr.json b/apps/edr-passenger-api/src/common/i18n/translations/fr.json
new file mode 100644
index 000000000..8fdd7da89
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/translations/fr.json
@@ -0,0 +1,23 @@
+{
+  "common": {
+    "welcome": "Bienvenue",
+    "error": "Une erreur s'est produite",
+    "success": "Succès"
+  },
+  "booking": {
+    "created": "Réservation créée avec succès",
+    "notFound": "Réservation introuvable",
+    "cancelled": "Réservation annulée",
+    "confirmed": "Réservation confirmée"
+  },
+  "payment": {
+    "succeeded": "Paiement réussi",
+    "failed": "Échec du paiement",
+    "pending": "Paiement en attente"
+  },
+  "ticket": {
+    "issued": "Billet émis",
+    "validated": "Billet validé",
+    "alreadyValidated": "Billet déjà validé"
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/i18n/translations/om.json b/apps/edr-passenger-api/src/common/i18n/translations/om.json
new file mode 100644
index 000000000..1c1b4a77b
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/i18n/translations/om.json
@@ -0,0 +1,23 @@
+{
+  "common": {
+    "welcome": "Baga nagaan dhuftan",
+    "error": "Dogongora uumame",
+    "success": "Milkaa'ina"
+  },
+  "booking": {
+    "created": "Bakka qabachuu milkaa'inaan uumame",
+    "notFound": "Bakka qabachuu hin argamne",
+    "cancelled": "Bakka qabachuu haqame",
+    "confirmed": "Bakka qabachuu mirkaneeffame"
+  },
+  "payment": {
+    "succeeded": "Kaffaltiin milkaa'e",
+    "failed": "Kaffaltiin hin milkoofne",
+    "pending": "Kaffaltiin eegaa jira"
+  },
+  "ticket": {
+    "issued": "Tiikeetiin kenname",
+    "validated": "Tiikeetiin mirkaneeffame",
+    "alreadyValidated": "Tiikeetiin duraan mirkaneeffame"
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/iam-adapter.spec.ts b/apps/edr-passenger-api/src/common/iam-adapter.spec.ts
new file mode 100644
index 000000000..d0c404366
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/iam-adapter.spec.ts
@@ -0,0 +1,264 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { ExecutionContext, UnauthorizedException, ForbiddenException } from '@nestjs/common';
+import { Reflector } from '@nestjs/core';
+import { ConfigService } from '@nestjs/config';
+import { HttpService } from '@nestjs/axios';
+import { IamGuard } from './iam-adapter';
+import { of, throwError } from 'rxjs';
+
+describe('IamGuard', () => {
+  let guard: IamGuard;
+  let httpService: HttpService;
+  let configService: ConfigService;
+  let reflector: Reflector;
+
+  const mockConfigService = {
+    get: jest.fn((key: string) => {
+      const config: Record<string, string> = {
+        IAM_API_URL: 'https://iam.test.com/api',
+        IAM_ENABLED: 'true',
+        IAM_API_KEY: 'test-api-key',
+      };
+      return config[key];
+    }),
+  };
+
+  const mockHttpService = {
+    post: jest.fn(),
+  };
+
+  const mockReflector = {
+    get: jest.fn(),
+  };
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      providers: [
+        IamGuard,
+        { provide: ConfigService, useValue: mockConfigService },
+        { provide: HttpService, useValue: mockHttpService },
+        { provide: Reflector, useValue: mockReflector },
+      ],
+    }).compile();
+
+    guard = module.get<IamGuard>(IamGuard);
+    httpService = module.get<HttpService>(HttpService);
+    configService = module.get<ConfigService>(ConfigService);
+    reflector = module.get<Reflector>(Reflector);
+
+    jest.clearAllMocks();
+  });
+
+  const createMockContext = (token?: string, roles?: string[]): ExecutionContext => {
+    const request = {
+      headers: token ? { authorization: `Bearer ${token}` } : {},
+      user: undefined,
+    };
+
+    return {
+      switchToHttp: () => ({
+        getRequest: () => request,
+      }),
+      getHandler: () => ({}),
+    } as ExecutionContext;
+  };
+
+  describe('canActivate', () => {
+    it('should allow access when IAM is disabled', async () => {
+      mockConfigService.get.mockReturnValueOnce('false'); // IAM_ENABLED
+
+      const context = createMockContext();
+      const result = await guard.canActivate(context);
+
+      expect(result).toBe(true);
+    });
+
+    it('should throw UnauthorizedException when no token provided', async () => {
+      const context = createMockContext();
+
+      await expect(guard.canActivate(context)).rejects.toThrow(UnauthorizedException);
+    });
+
+    it('should validate token and allow access', async () => {
+      const mockValidationResponse = {
+        data: {
+          valid: true,
+          payload: {
+            sub: 'user-123',
+            email: 'admin@test.com',
+            roles: ['ADMIN'],
+            permissions: ['read', 'write'],
+            exp: Date.now() + 3600000,
+            iat: Date.now(),
+          },
+        },
+      };
+
+      mockHttpService.post.mockReturnValue(of(mockValidationResponse));
+      mockReflector.get.mockReturnValue(null);
+
+      const context = createMockContext('valid-token');
+      const result = await guard.canActivate(context);
+
+      expect(result).toBe(true);
+      expect(mockHttpService.post).toHaveBeenCalledWith(
+        'https://iam.test.com/api/v1/auth/validate',
+        { token: 'valid-token' },
+        expect.objectContaining({
+          headers: expect.objectContaining({
+            'X-API-Key': 'test-api-key',
+          }),
+        }),
+      );
+    });
+
+    it('should throw UnauthorizedException for invalid token', async () => {
+      const mockValidationResponse = {
+        data: {
+          valid: false,
+          error: 'Token expired',
+        },
+      };
+
+      mockHttpService.post.mockReturnValue(of(mockValidationResponse));
+
+      const context = createMockContext('invalid-token');
+
+      await expect(guard.canActivate(context)).rejects.toThrow(UnauthorizedException);
+    });
+
+    it('should check required roles', async () => {
+      const mockValidationResponse = {
+        data: {
+          valid: true,
+          payload: {
+            sub: 'user-123',
+            email: 'agent@test.com',
+            roles: ['AGENT'],
+            permissions: [],
+            exp: Date.now() + 3600000,
+            iat: Date.now(),
+          },
+        },
+      };
+
+      mockHttpService.post.mockReturnValue(of(mockValidationResponse));
+      mockReflector.get.mockReturnValue(['ADMIN', 'SUPERVISOR']);
+
+      const context = createMockContext('valid-token');
+
+      await expect(guard.canActivate(context)).rejects.toThrow(ForbiddenException);
+    });
+
+    it('should allow access when user has required role', async () => {
+      const mockValidationResponse = {
+        data: {
+          valid: true,
+          payload: {
+            sub: 'user-123',
+            email: 'admin@test.com',
+            roles: ['ADMIN'],
+            permissions: [],
+            exp: Date.now() + 3600000,
+            iat: Date.now(),
+          },
+        },
+      };
+
+      mockHttpService.post.mockReturnValue(of(mockValidationResponse));
+      mockReflector.get.mockReturnValue(['ADMIN', 'SUPERVISOR']);
+
+      const context = createMockContext('valid-token');
+      const result = await guard.canActivate(context);
+
+      expect(result).toBe(true);
+    });
+
+    it('should handle HTTP errors gracefully', async () => {
+      mockHttpService.post.mockReturnValue(
+        throwError(() => new Error('Network error')),
+      );
+
+      const context = createMockContext('valid-token');
+
+      await expect(guard.canActivate(context)).rejects.toThrow(UnauthorizedException);
+    });
+
+    it('should attach user to request', async () => {
+      const mockValidationResponse = {
+        data: {
+          valid: true,
+          payload: {
+            sub: 'user-123',
+            email: 'admin@test.com',
+            roles: ['ADMIN'],
+            permissions: ['read', 'write'],
+            organizationId: 'org-456',
+            exp: Date.now() + 3600000,
+            iat: Date.now(),
+          },
+        },
+      };
+
+      mockHttpService.post.mockReturnValue(of(mockValidationResponse));
+      mockReflector.get.mockReturnValue(null);
+
+      const context = createMockContext('valid-token');
+      await guard.canActivate(context);
+
+      const request = context.switchToHttp().getRequest();
+      expect(request.user).toEqual({
+        userId: 'user-123',
+        email: 'admin@test.com',
+        roles: ['ADMIN'],
+        permissions: ['read', 'write'],
+        organizationId: 'org-456',
+      });
+    });
+  });
+
+  describe('token extraction', () => {
+    it('should extract token from Bearer header', async () => {
+      const mockValidationResponse = {
+        data: {
+          valid: true,
+          payload: {
+            sub: 'user-123',
+            email: 'test@test.com',
+            roles: [],
+            permissions: [],
+            exp: Date.now() + 3600000,
+            iat: Date.now(),
+          },
+        },
+      };
+
+      mockHttpService.post.mockReturnValue(of(mockValidationResponse));
+      mockReflector.get.mockReturnValue(null);
+
+      const context = createMockContext('my-token-123');
+      await guard.canActivate(context);
+
+      expect(mockHttpService.post).toHaveBeenCalledWith(
+        expect.any(String),
+        { token: 'my-token-123' },
+        expect.any(Object),
+      );
+    });
+
+    it('should reject malformed authorization header', async () => {
+      const request = {
+        headers: { authorization: 'InvalidFormat token' },
+      };
+
+      const context = {
+        switchToHttp: () => ({
+          getRequest: () => request,
+        }),
+        getHandler: () => ({}),
+      } as ExecutionContext;
+
+      await expect(guard.canActivate(context)).rejects.toThrow(UnauthorizedException);
+    });
+  });
+});
diff --git a/apps/edr-passenger-api/src/common/iam-adapter.ts b/apps/edr-passenger-api/src/common/iam-adapter.ts
new file mode 100644
index 000000000..fb32d9ec6
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/iam-adapter.ts
@@ -0,0 +1,144 @@
+import { Injectable, CanActivate, ExecutionContext, UnauthorizedException, ForbiddenException } from '@nestjs/common';
+import { Reflector } from '@nestjs/core';
+import { ConfigService } from '@nestjs/config';
+import { HttpService } from '@nestjs/axios';
+import { firstValueFrom } from 'rxjs';
+
+/**
+ * IAM Adapter for @tria-plc corporate identity integration
+ * 
+ * This adapter wraps the corporate IAM guards and provides a bridge
+ * between the corporate identity system and the EDR passenger API.
+ * 
+ * For back-office roles (agent, supervisor, admin, staff), this guard
+ * validates tokens against the corporate IAM service.
+ * 
+ * For passenger-facing routes, the existing JWT guard is used.
+ */
+
+export interface IamTokenPayload {
+  sub: string;
+  email: string;
+  roles: string[];
+  permissions: string[];
+  organizationId?: string;
+  exp: number;
+  iat: number;
+}
+
+export interface IamValidationResponse {
+  valid: boolean;
+  payload?: IamTokenPayload;
+  error?: string;
+}
+
+@Injectable()
+export class IamGuard implements CanActivate {
+  private readonly iamApiUrl: string;
+  private readonly iamEnabled: boolean;
+
+  constructor(
+    private readonly reflector: Reflector,
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {
+    this.iamApiUrl = this.config.get<string>('IAM_API_URL') || 'https://iam.tria-plc.com/api';
+    this.iamEnabled = this.config.get<string>('IAM_ENABLED') === 'true';
+  }
+
+  async canActivate(context: ExecutionContext): Promise<boolean> {
+    if (!this.iamEnabled) {
+      // IAM disabled - allow access (for development)
+      return true;
+    }
+
+    const request = context.switchToHttp().getRequest();
+    const token = this.extractToken(request);
+
+    if (!token) {
+      throw new UnauthorizedException('No authentication token provided');
+    }
+
+    const validation = await this.validateToken(token);
+
+    if (!validation.valid || !validation.payload) {
+      throw new UnauthorizedException(validation.error || 'Invalid token');
+    }
+
+    // Check required roles
+    const requiredRoles = this.reflector.get<string[]>('roles', context.getHandler());
+    if (requiredRoles && requiredRoles.length > 0) {
+      const hasRole = requiredRoles.some((role) => validation.payload!.roles.includes(role));
+      if (!hasRole) {
+        throw new ForbiddenException('Insufficient permissions');
+      }
+    }
+
+    // Attach user to request
+    request.user = {
+      userId: validation.payload.sub,
+      email: validation.payload.email,
+      roles: validation.payload.roles,
+      permissions: validation.payload.permissions,
+      organizationId: validation.payload.organizationId,
+    };
+
+    return true;
+  }
+
+  private extractToken(request: any): string | null {
+    const authHeader = request.headers.authorization;
+    if (!authHeader) return null;
+
+    const parts = authHeader.split(' ');
+    if (parts.length !== 2 || parts[0] !== 'Bearer') return null;
+
+    return parts[1];
+  }
+
+  private async validateToken(token: string): Promise<IamValidationResponse> {
+    try {
+      const response = await firstValueFrom(
+        this.http.post<IamValidationResponse>(
+          `${this.iamApiUrl}/v1/auth/validate`,
+          { token },
+          {
+            headers: {
+              'Content-Type': 'application/json',
+              'X-API-Key': this.config.get<string>('IAM_API_KEY') || '',
+            },
+            timeout: 5000,
+          },
+        ),
+      );
+
+      return response.data;
+    } catch (err) {
+      return {
+        valid: false,
+        error: err instanceof Error ? err.message : 'Token validation failed',
+      };
+    }
+  }
+}
+
+/**
+ * Decorator to mark routes as requiring IAM authentication
+ */
+export const UseIamAuth = () => {
+  // This is a marker decorator that can be used with @UseGuards(IamGuard)
+  return (target: any, propertyKey?: string, descriptor?: PropertyDescriptor) => {
+    // Marker only - actual guard is applied via @UseGuards
+  };
+};
+
+/**
+ * Decorator to specify required roles for IAM-protected routes
+ */
+export const IamRoles = (...roles: string[]) => {
+  return (target: any, propertyKey?: string, descriptor?: PropertyDescriptor) => {
+    if (descriptor) {
+      Reflect.defineMetadata('roles', roles, descriptor.value);
+    }
+  };
+};
diff --git a/apps/edr-passenger-api/src/common/iam.module.ts b/apps/edr-passenger-api/src/common/iam.module.ts
new file mode 100644
index 000000000..7a8ec9599
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/iam.module.ts
@@ -0,0 +1,11 @@
+import { Module, Global } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { IamGuard } from './iam-adapter';
+
+@Global()
+@Module({
+  imports: [HttpModule.register({ timeout: 5000 })],
+  providers: [IamGuard],
+  exports: [IamGuard],
+})
+export class IamModule {}
diff --git a/apps/edr-passenger-api/src/common/interceptors/response-transform.interceptor.ts b/apps/edr-passenger-api/src/common/interceptors/response-transform.interceptor.ts
index 95f5ab53d..83f810966 100644
--- a/apps/edr-passenger-api/src/common/interceptors/response-transform.interceptor.ts
+++ b/apps/edr-passenger-api/src/common/interceptors/response-transform.interceptor.ts
@@ -1 +1,19 @@
-export { ResponseTransformInterceptor } from "@edr/api-common";
+import { CallHandler, ExecutionContext, Injectable, NestInterceptor } from '@nestjs/common';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+@Injectable()
+export class ResponseTransformInterceptor<T> implements NestInterceptor<T, any> {
+  intercept(ctx: ExecutionContext, next: CallHandler<T>): Observable<any> {
+    // Only wrap HTTP responses. This interceptor is global, so it also runs for RabbitMQ
+    // message handlers (golevelup uses Nest's context system) — there, wrapping the return
+    // value would corrupt the handler's contract (e.g. a returned Nack would be swallowed,
+    // dropping a message instead of dead-lettering it). Let non-HTTP returns pass through.
+    if (ctx.getType() !== 'http') {
+      return next.handle();
+    }
+    return next.handle().pipe(
+      map((data) => ({ success: true, data, timestamp: new Date().toISOString() })),
+    );
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/interceptors/session-activity.interceptor.ts b/apps/edr-passenger-api/src/common/interceptors/session-activity.interceptor.ts
new file mode 100644
index 000000000..9c962ba60
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/interceptors/session-activity.interceptor.ts
@@ -0,0 +1,49 @@
+import { Injectable, NestInterceptor, ExecutionContext, CallHandler, UnauthorizedException } from '@nestjs/common';
+import { Observable } from 'rxjs';
+import { tap } from 'rxjs/operators';
+import { PrismaService } from '../prisma.service';
+import { ConfigService } from '@nestjs/config';
+
+@Injectable()
+export class SessionActivityInterceptor implements NestInterceptor {
+  private readonly inactivityMinutes: number;
+
+  constructor(
+    private readonly prisma: PrismaService,
+    private readonly config: ConfigService,
+  ) {
+    this.inactivityMinutes = parseInt(this.config.get<string>('SESSION_INACTIVITY_MINUTES') || '30', 10);
+  }
+
+  async intercept(context: ExecutionContext, next: CallHandler): Promise<Observable<any>> {
+    const request = context.switchToHttp().getRequest();
+    const response = context.switchToHttp().getResponse();
+    const user = request.user;
+
+    if (user?.userId) {
+      const session = await this.prisma.session.findFirst({
+        where: { userId: user.userId },
+        orderBy: { lastActivityAt: 'desc' },
+      });
+
+      if (session) {
+        const inactiveMinutes = (Date.now() - session.lastActivityAt.getTime()) / 60000;
+        
+        if (inactiveMinutes > this.inactivityMinutes) {
+          await this.prisma.session.delete({ where: { id: session.id } });
+          throw new UnauthorizedException('Session expired due to inactivity');
+        }
+
+        const expiryWarningMinutes = Math.max(0, this.inactivityMinutes - inactiveMinutes);
+        response.setHeader('X-Session-Expiry-Warning', Math.floor(expiryWarningMinutes).toString());
+
+        await this.prisma.session.update({
+          where: { id: session.id },
+          data: { lastActivityAt: new Date() },
+        });
+      }
+    }
+
+    return next.handle().pipe(tap(() => {}));
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/jwt.guard.ts b/apps/edr-passenger-api/src/common/jwt.guard.ts
new file mode 100644
index 000000000..f65f8455d
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/jwt.guard.ts
@@ -0,0 +1,5 @@
+import { Injectable } from '@nestjs/common';
+import { AuthGuard } from '@nestjs/passport';
+
+@Injectable()
+export class JwtGuard extends AuthGuard('jwt') {}
diff --git a/apps/edr-passenger-api/src/common/jwt.strategy.ts b/apps/edr-passenger-api/src/common/jwt.strategy.ts
new file mode 100644
index 000000000..c1f532ba1
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/jwt.strategy.ts
@@ -0,0 +1,19 @@
+import { Injectable } from '@nestjs/common';
+import { PassportStrategy } from '@nestjs/passport';
+import { ExtractJwt, Strategy } from 'passport-jwt';
+import { ConfigService } from '@nestjs/config';
+
+@Injectable()
+export class JwtStrategy extends PassportStrategy(Strategy) {
+  constructor(config: ConfigService) {
+    const secret = config.get<string>('JWT_SECRET');
+    if (!secret) throw new Error('JWT_SECRET environment variable is not set');
+    super({
+      jwtFromRequest: ExtractJwt.fromAuthHeaderAsBearerToken(),
+      secretOrKey: secret,
+    });
+  }
+  async validate(payload: any) {
+    return { userId: payload.sub, email: payload.email, role: payload.role, passengerId: payload.passengerId };
+  }
+}
diff --git a/apps/edr-passenger-api/src/common/pipes/validation.pipe.ts b/apps/edr-passenger-api/src/common/pipes/validation.pipe.ts
deleted file mode 100644
index f1665bedc..000000000
--- a/apps/edr-passenger-api/src/common/pipes/validation.pipe.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { createValidationPipe } from "@edr/api-common";
diff --git a/apps/edr-passenger-api/src/common/prisma.module.ts b/apps/edr-passenger-api/src/common/prisma.module.ts
new file mode 100644
index 000000000..36c2ebadf
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/prisma.module.ts
@@ -0,0 +1,7 @@
+import { Module, Global } from '@nestjs/common';
+import { PrismaService } from './prisma.service';
+import { SessionActivityInterceptor } from './interceptors/session-activity.interceptor';
+
+@Global()
+@Module({ providers: [PrismaService, SessionActivityInterceptor], exports: [PrismaService, SessionActivityInterceptor] })
+export class PrismaModule {}
diff --git a/apps/edr-passenger-api/src/common/prisma.service.ts b/apps/edr-passenger-api/src/common/prisma.service.ts
new file mode 100644
index 000000000..75d4eaa24
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/prisma.service.ts
@@ -0,0 +1,8 @@
+import { Injectable, OnModuleInit, OnModuleDestroy } from '@nestjs/common';
+import { PrismaClient } from '@prisma/client';
+
+@Injectable()
+export class PrismaService extends PrismaClient implements OnModuleInit, OnModuleDestroy {
+  async onModuleInit() { await this.$connect(); }
+  async onModuleDestroy() { await this.$disconnect(); }
+}
diff --git a/apps/edr-passenger-api/src/common/roles.decorator.ts b/apps/edr-passenger-api/src/common/roles.decorator.ts
new file mode 100644
index 000000000..ec0c377c6
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/roles.decorator.ts
@@ -0,0 +1,5 @@
+import { SetMetadata } from '@nestjs/common';
+import { UserRole } from '@prisma/client';
+
+export const ROLES_KEY = 'roles';
+export const Roles = (...roles: UserRole[]) => SetMetadata(ROLES_KEY, roles);
diff --git a/apps/edr-passenger-api/src/common/roles.guard.ts b/apps/edr-passenger-api/src/common/roles.guard.ts
new file mode 100644
index 000000000..7b4b3eafc
--- /dev/null
+++ b/apps/edr-passenger-api/src/common/roles.guard.ts
@@ -0,0 +1,19 @@
+import { Injectable, CanActivate, ExecutionContext } from '@nestjs/common';
+import { Reflector } from '@nestjs/core';
+import { UserRole } from '@prisma/client';
+import { ROLES_KEY } from './roles.decorator';
+
+@Injectable()
+export class RolesGuard implements CanActivate {
+  constructor(private reflector: Reflector) {}
+
+  canActivate(context: ExecutionContext): boolean {
+    const requiredRoles = this.reflector.getAllAndOverride<UserRole[]>(ROLES_KEY, [
+      context.getHandler(),
+      context.getClass(),
+    ]);
+    if (!requiredRoles) return true;
+    const { user } = context.switchToHttp().getRequest();
+    return requiredRoles.some((role) => user?.role === role);
+  }
+}
diff --git a/apps/edr-passenger-api/src/config/app.config.ts b/apps/edr-passenger-api/src/config/app.config.ts
index 56d1d833b..9203a9d7b 100644
--- a/apps/edr-passenger-api/src/config/app.config.ts
+++ b/apps/edr-passenger-api/src/config/app.config.ts
@@ -1,7 +1,9 @@
-import { registerAs } from "@nestjs/config";
+import { registerAs } from '@nestjs/config';
 
-export default registerAs("app", () => ({
-  env: process.env.NODE_ENV ?? "development",
-  port: parseInt(process.env.PORT ?? "3002", 10),
-  apiPrefix: "api",
+export default registerAs('app', () => ({
+  port: parseInt(process.env.PORT ?? '4000', 10),
+  jwtSecret: process.env.JWT_SECRET ?? 'dev-secret',
+  jwtExpiresIn: process.env.JWT_EXPIRES_IN ?? '7d',
+  frontendUrl: process.env.PORTAL_URL ?? 'http://localhost:3000',
+  portalUrl: process.env.BACK_OFFICE_URL ?? 'http://localhost:3001',
 }));
diff --git a/apps/edr-passenger-api/src/config/card.config.ts b/apps/edr-passenger-api/src/config/card.config.ts
new file mode 100644
index 000000000..1fd36f419
--- /dev/null
+++ b/apps/edr-passenger-api/src/config/card.config.ts
@@ -0,0 +1,9 @@
+import { registerAs } from '@nestjs/config';
+
+export default registerAs('card', () => ({
+  baseUrl: process.env.CARD_BASE_URL || '',
+  apiKey: process.env.CARD_API_KEY || '',
+  webhookSecret: process.env.CARD_WEBHOOK_SECRET || '',
+  webhookUrl: process.env.CARD_WEBHOOK_URL || '',
+  returnUrl: process.env.CARD_RETURN_URL || '',
+}));
diff --git a/apps/edr-passenger-api/src/config/cbe.config.ts b/apps/edr-passenger-api/src/config/cbe.config.ts
new file mode 100644
index 000000000..14ecd1eae
--- /dev/null
+++ b/apps/edr-passenger-api/src/config/cbe.config.ts
@@ -0,0 +1,9 @@
+import { registerAs } from '@nestjs/config';
+
+export default registerAs('cbe', () => ({
+  baseUrl: process.env.CBE_BASE_URL || '',
+  merchantId: process.env.CBE_MERCHANT_ID || '',
+  secretKey: process.env.CBE_SECRET_KEY || '',
+  notifyUrl: process.env.CBE_NOTIFY_URL || '',
+  returnUrl: process.env.CBE_RETURN_URL || '',
+}));
diff --git a/apps/edr-passenger-api/src/config/database.config.ts b/apps/edr-passenger-api/src/config/database.config.ts
index 319bdf8e7..4bc504729 100644
--- a/apps/edr-passenger-api/src/config/database.config.ts
+++ b/apps/edr-passenger-api/src/config/database.config.ts
@@ -1,18 +1,5 @@
-import { registerAs } from "@nestjs/config";
-import { TypeOrmModuleOptions } from "@nestjs/typeorm";
+import { registerAs } from '@nestjs/config';
 
-export default registerAs(
-  "database",
-  (): TypeOrmModuleOptions => ({
-    type: "postgres",
-    host: process.env.DB_HOST ?? "localhost",
-    port: parseInt(process.env.DB_PORT ?? "5434", 10),
-    username: process.env.DB_USER ?? "postgres",
-    password: process.env.DB_PASSWORD ?? "",
-    database: process.env.DB_NAME ?? "edr_passenger",
-    entities: [__dirname + "/../**/*.entity.{ts,js}"],
-    migrations: [__dirname + "/../../migrations/*.{ts,js}"],
-    synchronize: process.env.NODE_ENV === "development",
-    logging: process.env.NODE_ENV === "development",
-  }),
-);
+export default registerAs('database', () => ({
+  url: process.env.DATABASE_URL,
+}));
diff --git a/apps/edr-passenger-api/src/config/ebirr.config.ts b/apps/edr-passenger-api/src/config/ebirr.config.ts
new file mode 100644
index 000000000..0a00bca2a
--- /dev/null
+++ b/apps/edr-passenger-api/src/config/ebirr.config.ts
@@ -0,0 +1,9 @@
+import { registerAs } from '@nestjs/config';
+
+export default registerAs('ebirr', () => ({
+  baseUrl: process.env.EBIRR_BASE_URL || '',
+  merchantCode: process.env.EBIRR_MERCHANT_CODE || '',
+  secretKey: process.env.EBIRR_SECRET_KEY || '',
+  notifyUrl: process.env.EBIRR_NOTIFY_URL || '',
+  returnUrl: process.env.EBIRR_RETURN_URL || '',
+}));
diff --git a/apps/edr-passenger-api/src/config/fayda.config.ts b/apps/edr-passenger-api/src/config/fayda.config.ts
new file mode 100644
index 000000000..e0bce45c6
--- /dev/null
+++ b/apps/edr-passenger-api/src/config/fayda.config.ts
@@ -0,0 +1,118 @@
+import { registerAs } from '@nestjs/config';
+
+export interface FaydaJwk {
+  kty: 'RSA';
+  use?: string;
+  kid?: string;
+  alg?: string;
+  n: string;
+  e: string;
+  d: string;
+  p?: string;
+  q?: string;
+  dp?: string;
+  dq?: string;
+  qi?: string;
+}
+
+export type FaydaPlatform = 'WEB' | 'MOBILE';
+
+export interface FaydaConfig {
+  enabled: boolean;
+  clientId: string;
+  authorizationEndpoint: string;
+  tokenEndpoint: string;
+  userInfoEndpoint: string;
+  redirectUri: string;
+  privateJwk: FaydaJwk;
+  scope: string;
+  acrValues: string;
+  claimsLocales: string;
+  sessionTtlMinutes: number;
+}
+
+const REQUIRED_VARS = [
+  'FAYDA_CLIENT_ID',
+  'FAYDA_AUTHORIZATION_ENDPOINT',
+  'FAYDA_TOKEN_ENDPOINT',
+  'FAYDA_USERINFO_ENDPOINT',
+  'FAYDA_PRIVATE_KEY_BASE64',
+] as const;
+
+function decodePrivateJwk(base64: string): FaydaJwk {
+  let jwk: unknown;
+  try {
+    const json = Buffer.from(base64, 'base64').toString('utf8');
+    jwk = JSON.parse(json);
+  } catch (err) {
+    throw new Error(
+      `FAYDA_PRIVATE_KEY_BASE64 is not valid Base64-encoded JSON: ${(err as Error).message}`,
+    );
+  }
+  if (!jwk || typeof jwk !== 'object') {
+    throw new Error('FAYDA_PRIVATE_KEY_BASE64 must decode to a JSON object');
+  }
+  const candidate = jwk as Partial<FaydaJwk>;
+  if (candidate.kty !== 'RSA') {
+    throw new Error('FAYDA_PRIVATE_KEY_BASE64 JWK must have kty="RSA"');
+  }
+  if (!candidate.n || !candidate.e || !candidate.d) {
+    throw new Error(
+      'FAYDA_PRIVATE_KEY_BASE64 JWK is missing required RSA private-key fields (n, e, d)',
+    );
+  }
+  return candidate as FaydaJwk;
+}
+
+export default registerAs('fayda', (): FaydaConfig => {
+  const enabled = (process.env.FAYDA_ENABLED ?? 'false').toLowerCase() === 'true';
+  const scope = process.env.FAYDA_SCOPE ?? 'openid profile email';
+  const acrValues = process.env.FAYDA_ACR_VALUES ?? 'mosip:idp:acr:generated-code';
+  const claimsLocales = process.env.FAYDA_CLAIMS_LOCALES ?? 'en am';
+  const sessionTtl = Number.parseInt(process.env.FAYDA_SESSION_TTL_MINUTES ?? '10', 10);
+  const redirectUri = process.env.FAYDA_REDIRECT_URI ?? '';
+  if (!enabled) {
+    return {
+      enabled: false,
+      clientId: process.env.FAYDA_CLIENT_ID ?? '',
+      authorizationEndpoint: process.env.FAYDA_AUTHORIZATION_ENDPOINT ?? '',
+      tokenEndpoint: process.env.FAYDA_TOKEN_ENDPOINT ?? '',
+      userInfoEndpoint: process.env.FAYDA_USERINFO_ENDPOINT ?? '',
+      redirectUri,
+      privateJwk: { kty: 'RSA', n: '', e: '', d: '' },
+      scope,
+      acrValues,
+      claimsLocales,
+      sessionTtlMinutes: Number.isNaN(sessionTtl) || sessionTtl <= 0 ? 10 : sessionTtl,
+    };
+  }
+
+  const missing = REQUIRED_VARS.filter((name) => !process.env[name]);
+  if (missing.length > 0) {
+    throw new Error(
+      `Fayda integration is enabled (FAYDA_ENABLED=true) but the following env vars are missing: ${missing.join(', ')}`,
+    );
+  }
+  if (!redirectUri) {
+    throw new Error(
+      'Fayda integration is enabled but the redirect URI is missing: set FAYDA_REDIRECT_URI',
+    );
+  }
+  if (Number.isNaN(sessionTtl) || sessionTtl <= 0) {
+    throw new Error('FAYDA_SESSION_TTL_MINUTES must be a positive integer');
+  }
+
+  return {
+    enabled: true,
+    clientId: process.env.FAYDA_CLIENT_ID!,
+    authorizationEndpoint: process.env.FAYDA_AUTHORIZATION_ENDPOINT!,
+    tokenEndpoint: process.env.FAYDA_TOKEN_ENDPOINT!,
+    userInfoEndpoint: process.env.FAYDA_USERINFO_ENDPOINT!,
+    redirectUri,
+    privateJwk: decodePrivateJwk(process.env.FAYDA_PRIVATE_KEY_BASE64!),
+    scope,
+    acrValues,
+    claimsLocales,
+    sessionTtlMinutes: sessionTtl,
+  };
+});
diff --git a/apps/edr-passenger-api/src/config/rabbitmq.config.ts b/apps/edr-passenger-api/src/config/rabbitmq.config.ts
new file mode 100644
index 000000000..a1311f64f
--- /dev/null
+++ b/apps/edr-passenger-api/src/config/rabbitmq.config.ts
@@ -0,0 +1,12 @@
+import { registerAs } from '@nestjs/config';
+
+/**
+ * RabbitMQ connection for the payment-event consumer (payment microservice -> passenger).
+ * Independent of the IAM/notification module's RABBITMQ_URL so the two broker connections
+ * never interfere. Points at the dedicated `payment` vhost on the shared broker.
+ */
+export default registerAs('rabbitmq', () => ({
+  url: process.env.PAYMENT_RABBITMQ_URL,
+  /** Max unacked payment events held by this consumer at once. */
+  prefetch: parseInt(process.env.PAYMENT_EVENTS_PREFETCH ?? '10', 10),
+}));
diff --git a/apps/edr-passenger-api/src/config/telebirr.config.ts b/apps/edr-passenger-api/src/config/telebirr.config.ts
new file mode 100644
index 000000000..45e3a79ff
--- /dev/null
+++ b/apps/edr-passenger-api/src/config/telebirr.config.ts
@@ -0,0 +1,16 @@
+import { registerAs } from '@nestjs/config';
+
+export default registerAs('telebirr', () => ({
+  baseUrl: process.env.TELEBIRR_BASE_URL ?? '',
+  webBaseUrl: process.env.TELEBIRR_WEB_BASE_URL ?? '',
+  fabricAppId: process.env.TELEBIRR_FABRIC_APP_ID ?? '',
+  appSecret: process.env.TELEBIRR_APP_SECRET ?? '',
+  merchantAppId: process.env.TELEBIRR_MERCHANT_APP_ID ?? '',
+  merchantCode: process.env.TELEBIRR_MERCHANT_CODE ?? '',
+  notifyUrl: process.env.TELEBIRR_NOTIFY_URL ?? '',
+  returnUrl: process.env.TELEBIRR_RETURN_URL ?? '',
+  timeoutExpress: process.env.TELEBIRR_TIMEOUT_EXPRESS ?? '15m',
+  privateKey: process.env.TELEBIRR_PRIVATE_KEY ?? '',
+  publicKey: process.env.TELEBIRR_PUBLIC_KEY ?? '',
+  insecureTls: process.env.TELEBIRR_INSECURE_TLS === 'true',
+}));
diff --git a/apps/edr-passenger-api/src/config/waafi.config.ts b/apps/edr-passenger-api/src/config/waafi.config.ts
new file mode 100644
index 000000000..639e66e2b
--- /dev/null
+++ b/apps/edr-passenger-api/src/config/waafi.config.ts
@@ -0,0 +1,27 @@
+import { registerAs } from '@nestjs/config';
+
+export default registerAs('waafi', () => ({
+  // `/asm` is appended in the provider; use sandbox by default, switch to
+  // https://api.waafipay.net in production.
+  baseUrl: process.env.WAAFI_BASE_URL ?? 'https://sandbox.waafipay.net',
+  // HPP credentials (Hosted Payment Page family).
+  merchantUid: process.env.WAAFI_MERCHANT_UID ?? '',
+  storeId: process.env.WAAFI_STORE_ID ?? '',
+  hppKey: process.env.WAAFI_HPP_KEY ?? '',
+  // HMAC secret returned once by WEBHOOK_REGISTER; verifies inbound webhooks.
+  webhookSecret: process.env.WAAFI_WEBHOOK_SECRET ?? '',
+  // Wallet payment method (EVC/ZAAD/Sahal) — MWALLET_ACCOUNT requires the payer phone up front.
+  paymentMethod: process.env.WAAFI_PAYMENT_METHOD ?? 'MWALLET_ACCOUNT',
+  // Waafi has no ETB; when set this overrides the booking currency (USD/DJF/SLSH).
+  currency: process.env.WAAFI_CURRENCY ?? 'DJF',
+  // Browser redirect targets after the hosted page completes/fails (UX only; webhook is source of truth).
+  successUrl: process.env.WAAFI_HPP_SUCCESS_URL ?? '',
+  failureUrl: process.env.WAAFI_HPP_FAILURE_URL ?? '',
+  // Callback data format: 1 = POST, 2 = GET, 4 = Result Token.
+  respDataFormat: Number(process.env.WAAFI_HPP_RESP_FORMAT ?? '1'),
+  // Registered webhook URL (reference only; registration is performed out-of-band).
+  notifyUrl: process.env.WAAFI_NOTIFY_URL ?? '',
+  // DEV ONLY: disable TLS cert verification. The Waafi sandbox serves a *.waafi.com cert that
+  // does not match sandbox.waafipay.net (ERR_TLS_CERT_ALTNAME_INVALID). Never enable in prod.
+  insecureTls: process.env.WAAFI_INSECURE_TLS === 'true',
+}));
diff --git a/apps/edr-passenger-api/src/main.ts b/apps/edr-passenger-api/src/main.ts
index b83dd49ce..f1972b0e6 100644
--- a/apps/edr-passenger-api/src/main.ts
+++ b/apps/edr-passenger-api/src/main.ts
@@ -1,35 +1,318 @@
 import "reflect-metadata";
 import { NestFactory } from "@nestjs/core";
+import { ValidationPipe } from "@nestjs/common";
 import { DocumentBuilder, SwaggerModule } from "@nestjs/swagger";
-import {
-  HttpExceptionFilter,
-  ResponseTransformInterceptor,
-  createValidationPipe,
-} from "@edr/api-common";
-
 import { AppModule } from "./app.module";
+import { HttpExceptionFilter } from "./common/filters/http-exception.filter";
+import { ResponseTransformInterceptor } from "./common/interceptors/response-transform.interceptor";
+import { SessionActivityInterceptor } from "./common/interceptors/session-activity.interceptor";
 
 async function bootstrap() {
-  const app = await NestFactory.create(AppModule, { cors: true });
+  // rawBody: true buffers the unparsed request body onto req.rawBody so webhook handlers
+  // (e.g. Waafi HMAC verification) can sign over the exact bytes the provider signed.
+  const app = await NestFactory.create(AppModule, { rawBody: true });
+
+  app.enableCors({
+    origin: [
+      process.env.PORTAL_URL ?? "http://localhost:5174",
+      process.env.BACK_OFFICE_URL ?? "http://localhost:5184",      
+    ],
+  });
 
-  app.setGlobalPrefix("api");
-  app.useGlobalPipes(createValidationPipe());
   app.useGlobalFilters(new HttpExceptionFilter());
-  app.useGlobalInterceptors(new ResponseTransformInterceptor());
+  app.useGlobalInterceptors(
+    new ResponseTransformInterceptor(),
+    app.get(SessionActivityInterceptor),
+  );
+  app.useGlobalPipes(new ValidationPipe({ whitelist: true, transform: true, forbidUnknownValues: false }));
 
   const config = new DocumentBuilder()
     .setTitle("EDR Passenger API")
-    .setDescription("API for the EDR Passenger Management application")
-    .setVersion("0.1.0")
-    .addBearerAuth()
-    .build();
-  const document = SwaggerModule.createDocument(app, config);
-  SwaggerModule.setup("api/docs", app, document);
+    .setDescription(
+      `# Ethio-Djibouti Railway Passenger Booking API
 
-  const port = parseInt(process.env.PORT ?? "3002", 10);
-  await app.listen(port, "0.0.0.0");
-  // eslint-disable-next-line no-console
-  console.log(`[passenger-api] listening on port ${port}`);
+## Overview
+Enterprise-grade REST API for the Ethio-Djibouti Railway passenger booking and management platform. Built with NestJS, TypeScript, PostgreSQL, and Prisma ORM.
+
+## 🆕 Latest Updates
+- **Sequence Ordering:** Stations and coaches now sorted by sequence field for consistent UI display
+- **User Profile Data:** Gender, DOB, passport, and national ID fields for comprehensive passenger profiles
+- **Seat Class Fees:** Premium charges and insurance fees per seat class for transparent pricing
+- **Booking Types:** Support for ONE_WAY and ROUND_TRIP booking categories
+- **Multi-Currency Display:** Bookings track display currency and converted amounts
+- **Ticket Lifecycle:** Tickets now include validatedAt and boardedAt timestamps for complete audit trail
+
+## Key Features
+
+### 🎫 Booking Lifecycle
+- Search trips with real-time availability
+- Age-based passenger categorization (Adult ≥5 years, Child <5 years)
+- Nationality-based verification (Ethiopian Fayda, International Passport)
+- Passenger information collection with verification
+- Coach and seat selection with real-time availability
+- Seat holding (15-minute expiry)
+- Create bookings with verified passenger data
+- Modify bookings (seat changes, passenger updates)
+- Cancel bookings with automatic refunds
+- Multi-segment journey support
+- Cross-border journeys via Dire Dawa transit (Ethiopia → Djibouti)
+- Round-trip booking with return journey scheduling
+- Coach type selection with seat class and pricing options
+- **NEW:** Booking type tracking (ONE_WAY vs ROUND_TRIP)
+- **NEW:** Display currency and converted pricing per booking
+
+### 👤 Passenger Verification
+1. **Ethiopian Nationals:**
+- Automatic Fayda verification for adults (≥5 years)
+- Real-time national ID verification via government database
+- Retrieves verified passenger data (name, DOB, gender)
+- National IDs not stored (policy compliant)
+
+2. **International Passengers:**
+- Passport information collection
+- Manual verification for Djiboutian and other nationals
+- No government database verification required
+
+### 💰 Age-Based Pricing
+- **ADULT** (≥5 years): Pay 100% of base fare
+- **CHILD** (<5 years): First child travels FREE, subsequent children pay 100%
+- Automatic age calculation from date of birth
+- Example: 2 adults + 3 children = 4× base fare (first child free)
+- **NEW:** Premium charges and insurance fees per seat class
+- **NEW:** Transparent fee breakdown in pricing calculations
+
+### 💳 Payment Integration
+1. **Ethiopian Payment Methods:**
+- **Telebirr** - Ethiopia's leading mobile money
+- **CBE Birr** - Commercial Bank of Ethiopia
+
+2. **Djiboutian Payment Methods:**
+- **Waafi** - Djibouti's mobile money service
+
+3. **International Payment Methods:**
+- **Card** - International card payments (Visa, Mastercard)
+- **Wallet** - Internal wallet system
+
+### 🪑 Seat Management
+- Real-time seat availability by coach and class
+- Seat holds with 15-minute expiry
+- Auto-assign seats with contiguous algorithm
+- Seat blocking for maintenance
+- Coach-level seat maps (ordered by sequence)
+- Class-based seating (Economy Regular, Economy Bed, VIP Bed)
+- **NEW:** Sequence-based coach ordering for consistent display
+
+### 🎟️ Ticketing
+- QR code and barcode generation
+- PDF ticket generation
+- Gate validation with audit logs
+- Offline validation support
+- Multi-passenger tickets
+- **NEW:** Ticket lifecycle tracking (validatedAt, boardedAt timestamps)
+- **NEW:** Complete audit trail for compliance and reporting
+
+### 🏆 Loyalty Program
+- 4 tiers: Bronze, Silver, Gold, Platinum
+- Points accumulation on trips
+- Reward redemption
+- Tier-based benefits
+
+### 💰 Wallet System
+- Top-up via payment methods
+- Pay with wallet balance
+- Transaction ledger
+- Refund to wallet
+
+### 📍 Live Tracking
+- Real-time trip status
+- Location updates
+- Delay notifications
+- Station crowd signals
+
+### 🔒 Fraud Detection
+- Velocity checks (multiple bookings)
+- High-value transaction monitoring
+- Failed payment pattern detection
+- Automatic user blocking
+
+### 👤 Passenger Profiles
+- Comprehensive profile data: gender, date of birth, nationality
+- National ID for Ethiopian citizens (Fayda verified)
+- Passport information for international passengers
+- **NEW:** Complete demographic data for personalized services
+- **NEW:** Improved user targeting and communications
+
+### 🌍 Internationalization
+- Multi-language support (English, Amharic, French, Oromo)
+- Locale-based responses
+- Currency formatting (ETB, DJF, USD)
+- **NEW:** Multi-currency display per booking (ETB, DJF, USD)
+
+### 🚌 Transit Stop Management
+- Automatic detection of cross-border journeys (Ethiopia → Djibouti)
+- Dire Dawa as mandatory transit hub for international journeys
+- Dual-leg fare calculation (domestic + international)
+- Age-based pricing applied independently per leg
+- Seamless multi-segment booking workflow
+- Transit stop optimization and route planning
+
+### 🔄 Round-Trip Booking
+- One-way and round-trip journey options
+- Flexible return date selection
+- Combined pricing for outbound + return legs
+- Separate seat management per leg
+- Independent modification/cancellation per leg
+- Return journey tracking and notifications
+- **NEW:** Booking type stored for analytics and reporting
+
+### 🚐 Coach Type & Class Selection
+- Browse available coach types per route (standard coaches, premium coaches)
+- View seat classes per coach (Economy Regular, Economy Bed, VIP Bed)
+- Compare base prices by coach type and class
+- Real-time availability per coach configuration
+- Deferred pricing at seat selection stage
+- Coach amenities and features display
+- **NEW:** Sequence-based coach ordering for consistent UI
+- **NEW:** Premium and insurance fee transparency per class
+
+### 📊 Data Organization
+- **Stations:** Ordered by sequence (1-15) for consistent route display
+- **Coaches:** Ordered by sequence (1+) per type for predictable configuration
+- **Booking History:** Sorted chronologically with filtering options
+
+## Authentication
+
+### Passenger Authentication (JWT-auth)
+Used for passenger-facing endpoints. Obtain token via \`POST /auth/login\`.
+
+**Usage:** Add header \`Authorization: Bearer <token>\`
+
+### Back-office Authentication (IAM-auth)
+Used for agent, fraud, and reporting endpoints. Requires corporate IAM token.
+
+**Usage:** Add header \`Authorization: Bearer <iam-token>\`
+
+## Passenger Booking Flow
+
+### Step 1: Search Trips
+\`POST /search\` with origin, destination, date, passenger counts, and nationality
+
+### Step 2: Get Fare Quote
+\`POST /search/fare-quote\` with passenger counts and display currency
+
+### Step 3: Passenger Information & Verification
+**For Ethiopian Passengers:**
+\`POST /passengers/verify-fayda\` - Automatic Fayda verification for adults (≥5 years)
+
+**For International Passengers:**
+\`POST /passengers/register-international\` - Passport information collection
+
+### Step 4: View Seat Map
+\`GET /seats/seatmap/{scheduleId}\` - Show available coaches and seats
+
+### Step 5: Login & Hold Seats
+\`POST /auth/login\` then \`POST /seats/hold\` to reserve seats for 15 minutes
+
+### Step 6: Create Booking
+\`POST /bookings/guest\` with verified passenger details and held seats
+
+### Step 7: Process Payment
+\`POST /payments/telebirr\` (Ethiopian) or \`POST /payments/waafi\` (Djiboutian)
+
+### Step 8: Get Tickets
+\`GET /payments/{paymentId}/status\` to confirm payment and retrieve tickets with QR codes
+
+## Rate Limiting
+- Auth endpoints: 5 requests/minute
+- General endpoints: 100 requests/minute
+- Webhook endpoints: No limit
+
+## Error Handling
+All errors follow standard format:
+\`\`\`json
+{
+  "statusCode": 400,
+  "message": "Validation failed",
+  "error": "Bad Request",
+  "timestamp": "2026-05-20T14:30:00.000Z",
+  "path": "/bookings"
 }
+\`\`\`
 
+## Pagination
+List endpoints support pagination:
+- \`limit\`: Number of items (default: 20, max: 100)
+- \`offset\`: Skip items (default: 0)
+
+## Webhooks
+Payment providers send notifications to:
+- \`POST /payments/webhooks/telebirr\` (Ethiopia)
+- \`POST /payments/webhooks/cbe-birr\` (Ethiopia)
+- \`POST /payments/webhooks/waafi\` (Djibouti)
+- \`POST /payments/webhooks/card\` (International)
+
+## Support
+- **Email:** support@edr-platform.com
+- **Documentation:** https://docs.edr-platform.com
+- **Status Page:** https://status.edr-platform.com
+      `,
+    )
+    .setVersion("1.0.0")
+    .addBearerAuth(
+      { type: "http", scheme: "bearer", bearerFormat: "JWT", in: "header" },
+      "JWT-auth",
+    )
+    .addTag("Agents", "Counter booking, shift management, commission tracking, and reconciliation")
+    .addTag("Audit", "User activity logging, system changes, compliance tracking, and audit trails")
+    .addTag("Auth", "Passenger registration, login, OTP, password reset, and profile management")
+    .addTag("Booking", "Complete booking lifecycle: create, modify, cancel, guest checkout")
+    .addTag("Config", "System settings, feature flags, and configuration management")
+    .addTag("Currencies", "Multi-currency support, exchange rates, and currency conversion")
+    .addTag("Dashboard", "Home screen aggregations: trips, loyalty, wallet, notifications")
+    .addTag("Fare Engine", "Distance-based fare calculation with age-based pricing and multi-currency")
+    .addTag("Fayda Verification", "Ethiopian national ID verification via Verifayda 2.0 government API")
+    .addTag("Fleet", "Train services, coaches, coach types, seat classes, amenities, and configurations")
+    .addTag("Fraud Detection", "Velocity checks, monitoring alerts, pattern detection, and user blocking")
+    .addTag("Internal Payments", "Internal payment tracking, wallet transactions, and balance management")
+    .addTag("Live Tracking", "Real-time trip status, location updates, delays, and crowd signals")
+    .addTag("Loyalty", "Points ledger, tier management (Bronze/Silver/Gold/Platinum), rewards")
+    .addTag("Notifications", "Multi-channel delivery (email, SMS, push) and preference management")
+    .addTag("Passengers", "Registration, Fayda verification, international passports, saved profiles")
+    .addTag("Payment", "Telebirr, CBE Birr, Waafi, Card, Wallet payment processing and refunds")
+    .addTag("Payment Webhooks", "Payment provider webhook handlers and transaction confirmation")
+    .addTag("Promotions", "Promo codes, campaigns, discounts, and redemption tracking")
+    .addTag("Reports", "Revenue analytics, occupancy reports, agent sales, and KPI dashboards")
+    .addTag("Round Trip", "Round-trip bookings, return scheduling, combined pricing, and management (NEW)")
+    .addTag("Routes", "Route templates with ordered stops, fare rules, and baggage allowance")
+    .addTag("Schedule", "Trip schedules, availability windows, status tracking, and timing")
+    .addTag("Search", "Trip search, fare quotes, coach types, and real-time availability")
+    .addTag("Seat Classes", "Economy Regular, Economy Bed, VIP Bed class configuration and pricing")
+    .addTag("Seats", "Seat maps, holds (15-min expiry), releases, blocking, and inventory")
+    .addTag("Segment-based Seats", "Multi-leg journey seats, segment allocation, and per-leg availability")
+    .addTag("Stations", "Station directory, location data, baggage facilities, and amenities")
+    .addTag("Support", "FAQ management, search, live chat conversations, and ticket resolution")
+    .addTag("Tickets", "QR/barcode generation, PDF tickets, gate validation, and audit trails")
+    .addTag("Transit Stops", "Cross-border journey management, Dire Dawa hub, multi-leg routing (NEW)")
+    .addTag("Wallet", "Balance management, top-ups, withdrawals, and transaction ledger")
+    //.addServer('http://localhost:4000', 'Development')
+    // .addServer("https://api.edr-platform.com", "Production")
+    .build();
+
+  const document = SwaggerModule.createDocument(app, config);
+  SwaggerModule.setup("api-docs", app, document, {
+    customSiteTitle: "EDR Passenger API",
+    swaggerOptions: {
+      persistAuthorization: true,
+      docExpansion: "none",
+      filter: true,
+      tagsSorter: "alpha",
+      operationsSorter: "alpha",
+    },
+  });
+
+  const port = process.env.PORT ?? 4000;
+  await app.listen(port);
+  console.log(`🚀 EDR Passenger API running on port ${port}`);
+  console.log(`📚 Swagger: http://localhost:${port}/api-docs`);
+}
 bootstrap();
diff --git a/apps/edr-passenger-api/src/modules/agents/agents.controller.ts b/apps/edr-passenger-api/src/modules/agents/agents.controller.ts
new file mode 100644
index 000000000..aa23fe6d0
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/agents/agents.controller.ts
@@ -0,0 +1,57 @@
+import { Body, Controller, Get, Param, Post, Query, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { AgentsService } from './agents.service';
+import { CreateAgentBookingDto, OpenShiftDto, CloseShiftDto } from './agents.dto';
+import { IamGuard, IamRoles } from '../../common/iam-adapter';
+import { UserRole } from '@prisma/client';
+
+@ApiTags('Agents')
+@Controller('agents')
+@UseGuards(IamGuard)
+@ApiBearerAuth('IAM-auth')
+export class AgentsController {
+  constructor(private service: AgentsService) {}
+
+  @Post('bookings')
+  @IamRoles('AGENT', 'ADMIN')
+  @ApiOperation({ summary: 'Create agent booking with cash payment' })
+  createBooking(@Body() dto: CreateAgentBookingDto) {
+    return this.service.createAgentBooking(dto);
+  }
+
+  @Post('shifts/open')
+  @IamRoles('AGENT', 'ADMIN')
+  @ApiOperation({ summary: 'Open agent shift' })
+  openShift(@Body() dto: OpenShiftDto) {
+    return this.service.openShift(dto);
+  }
+
+  @Post('shifts/close')
+  @IamRoles('AGENT', 'ADMIN')
+  @ApiOperation({ summary: 'Close agent shift' })
+  closeShift(@Body() dto: CloseShiftDto) {
+    return this.service.closeShift(dto);
+  }
+
+  @Get(':agentId/commissions')
+  @IamRoles('AGENT', 'ADMIN')
+  @ApiOperation({ summary: 'Get agent commissions' })
+  getCommissions(
+    @Param('agentId') agentId: string,
+    @Query('dateFrom') dateFrom?: string,
+    @Query('dateTo') dateTo?: string
+  ) {
+    return this.service.getCommissions(
+      agentId,
+      dateFrom ? new Date(dateFrom) : undefined,
+      dateTo ? new Date(dateTo) : undefined
+    );
+  }
+
+  @Get(':agentId/shifts')
+  @IamRoles('AGENT', 'ADMIN')
+  @ApiOperation({ summary: 'Get agent shifts' })
+  getShifts(@Param('agentId') agentId: string) {
+    return this.service.getShifts(agentId);
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/agents/agents.dto.ts b/apps/edr-passenger-api/src/modules/agents/agents.dto.ts
new file mode 100644
index 000000000..75f718d23
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/agents/agents.dto.ts
@@ -0,0 +1,33 @@
+import { IsString, IsInt, IsBoolean, IsOptional, IsArray, ValidateNested } from 'class-validator';
+import { Type } from 'class-transformer';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+export class AgentPassengerDto {
+  @ApiProperty() @IsString() fullName: string;
+  @ApiProperty() @IsString() phone: string;
+  @ApiProperty() @IsString() email: string;
+  @ApiProperty() @IsString() seatId: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() idDocumentType?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() idDocumentNumber?: string;
+}
+
+export class CreateAgentBookingDto {
+  @ApiProperty() @IsString() agentId: string;
+  @ApiProperty({ example: 'schedule-uuid' }) @IsString() scheduleId: string;
+  @ApiProperty({ type: [AgentPassengerDto] }) @IsArray() @ValidateNested({ each: true }) @Type(() => AgentPassengerDto) passengers: AgentPassengerDto[];
+  @ApiProperty() @IsString() paymentMethod: string;
+  @ApiPropertyOptional() @IsOptional() @IsInt() cashReceived?: number;
+  @ApiPropertyOptional() @IsOptional() @IsBoolean() paperTicket?: boolean;
+  @ApiPropertyOptional() @IsOptional() @IsString() serviceClass?: string;
+}
+
+export class OpenShiftDto {
+  @ApiProperty() @IsString() agentId: string;
+  @ApiPropertyOptional() @IsOptional() @IsInt() openingBalance?: number;
+}
+
+export class CloseShiftDto {
+  @ApiProperty() @IsString() shiftId: string;
+  @ApiProperty() @IsInt() closingBalance: number;
+  @ApiPropertyOptional() @IsOptional() @IsString() notes?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/agents/agents.module.ts b/apps/edr-passenger-api/src/modules/agents/agents.module.ts
new file mode 100644
index 000000000..5c5c2bb61
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/agents/agents.module.ts
@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { AgentsController } from './agents.controller';
+import { AgentsService } from './agents.service';
+
+@Module({
+  imports: [HttpModule],
+  controllers: [AgentsController],
+  providers: [AgentsService],
+  exports: [AgentsService]
+})
+export class AgentsModule {}
diff --git a/apps/edr-passenger-api/src/modules/agents/agents.service.ts b/apps/edr-passenger-api/src/modules/agents/agents.service.ts
new file mode 100644
index 000000000..12982f570
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/agents/agents.service.ts
@@ -0,0 +1,132 @@
+import { Injectable, NotFoundException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { CreateAgentBookingDto, OpenShiftDto, CloseShiftDto } from './agents.dto';
+import { IdDocumentType } from '@prisma/client';
+
+function generateRef(): string {
+  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  return Array.from({ length: 6 }, () => chars[Math.floor(Math.random() * chars.length)]).join('');
+}
+
+@Injectable()
+export class AgentsService {
+  constructor(private prisma: PrismaService) {}
+
+  async createAgentBooking(dto: CreateAgentBookingDto) {
+    const agent = await this.prisma.agent.findUnique({ where: { id: dto.agentId }, include: { user: { include: { passenger: true } } } });
+    if (!agent || !agent.active) throw new NotFoundException('Agent not found or inactive');
+    if (!agent.user.passenger) throw new BadRequestException('Agent must have passenger account');
+
+    const schedule = await this.prisma.trainSchedule.findUnique({ where: { id: dto.scheduleId } });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    const seatIds = dto.passengers.map(p => p.seatId);
+    const seats = await this.prisma.seat.findMany({ where: { id: { in: seatIds } } });
+    if (seats.length !== seatIds.length) throw new BadRequestException('Invalid seat selection');
+
+    const baseFare = 45000 * dto.passengers.length;
+    const totalMinor = baseFare;
+
+    const booking = await this.prisma.booking.create({
+      data: {
+        bookingRef: generateRef(),
+        passengerId: agent.user.passenger.id,
+        scheduleId: dto.scheduleId,
+        status: dto.paymentMethod === 'CASH' ? 'CONFIRMED' : 'PENDING_PAYMENT',
+        totalMinor,
+        seats: {
+          create: dto.passengers.map(p => ({
+            seat: { connect: { id: p.seatId } },
+            passengerName: p.fullName,
+            idDocumentType: p.idDocumentType as IdDocumentType | undefined,
+            idDocumentNumber: p.idDocumentNumber
+          }))
+        }
+      },
+      include: { seats: true }
+    });
+
+    await this.prisma.seat.updateMany({
+      where: { id: { in: seatIds } },
+      data: { status: 'BOOKED' }
+    });
+
+    const changeGiven = dto.cashReceived ? dto.cashReceived - totalMinor : 0;
+    await this.prisma.agentBooking.create({
+      data: {
+        agentId: dto.agentId,
+        bookingId: booking.id,
+        paymentMethod: dto.paymentMethod,
+        cashReceived: dto.cashReceived,
+        changeGiven,
+        paperTicket: dto.paperTicket ?? false
+      }
+    });
+
+    const commissionAmount = Math.floor(totalMinor * agent.commissionRate / 100);
+    await this.prisma.agentCommission.create({
+      data: {
+        agentId: dto.agentId,
+        bookingId: booking.id,
+        amountMinor: commissionAmount,
+        rate: agent.commissionRate
+      }
+    });
+
+    return { booking, commission: commissionAmount };
+  }
+
+  async openShift(dto: OpenShiftDto) {
+    const agent = await this.prisma.agent.findUnique({ where: { id: dto.agentId } });
+    if (!agent) throw new NotFoundException('Agent not found');
+
+    const openShift = await this.prisma.agentShift.findFirst({
+      where: { agentId: dto.agentId, closedAt: null }
+    });
+    if (openShift) throw new BadRequestException('Shift already open');
+
+    return this.prisma.agentShift.create({
+      data: {
+        agentId: dto.agentId,
+        openingBalance: dto.openingBalance ?? 0
+      }
+    });
+  }
+
+  async closeShift(dto: CloseShiftDto) {
+    const shift = await this.prisma.agentShift.findUnique({ where: { id: dto.shiftId } });
+    if (!shift) throw new NotFoundException('Shift not found');
+    if (shift.closedAt) throw new BadRequestException('Shift already closed');
+
+    return this.prisma.agentShift.update({
+      where: { id: dto.shiftId },
+      data: {
+        closedAt: new Date(),
+        closingBalance: dto.closingBalance,
+        notes: dto.notes,
+        reconciled: true
+      }
+    });
+  }
+
+  async getCommissions(agentId: string, dateFrom?: Date, dateTo?: Date) {
+    return this.prisma.agentCommission.findMany({
+      where: {
+        agentId,
+        createdAt: {
+          gte: dateFrom,
+          lte: dateTo
+        }
+      },
+      orderBy: { createdAt: 'desc' }
+    });
+  }
+
+  async getShifts(agentId: string) {
+    return this.prisma.agentShift.findMany({
+      where: { agentId },
+      orderBy: { openedAt: 'desc' },
+      take: 20
+    });
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/audit/audit.controller.ts b/apps/edr-passenger-api/src/modules/audit/audit.controller.ts
new file mode 100644
index 000000000..37bc89855
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/audit/audit.controller.ts
@@ -0,0 +1,41 @@
+import { Controller, Get, Param, Query, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiQuery } from '@nestjs/swagger';
+import { AuditService } from '../../common/audit.service';
+import { IamGuard } from '../../common/iam-adapter';
+
+@ApiTags('Audit')
+@Controller('audit')
+@UseGuards(IamGuard)
+@ApiBearerAuth('IAM-auth')
+export class AuditController {
+  constructor(private auditService: AuditService) {}
+
+  @Get('logs')
+  @ApiOperation({
+    summary: 'Get audit logs',
+    description: 'Retrieve system audit logs with optional filtering',
+  })
+  @ApiQuery({ name: 'search', required: false, description: 'Search by user email or entity ID' })
+  @ApiQuery({ name: 'action', required: false, description: 'Filter by action (CREATE, UPDATE, DELETE, etc.)' })
+  @ApiQuery({ name: 'entityType', required: false, description: 'Filter by entity type (Booking, Station, etc.)' })
+  async getLogs(
+    @Query('search') search?: string,
+    @Query('action') action?: string,
+    @Query('entityType') entityType?: string,
+  ) {
+    const filters = {
+      search: search || undefined,
+      action: action || undefined,
+      entityType: entityType || undefined,
+    };
+
+    const items = await this.auditService.getLogs(filters);
+    return { items };
+  }
+
+  @Get('logs/:id')
+  @ApiOperation({ summary: 'Get audit log by ID' })
+  async getLog(@Param('id') id: string) {
+    return this.auditService.getLog(id);
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/audit/audit.module.ts b/apps/edr-passenger-api/src/modules/audit/audit.module.ts
new file mode 100644
index 000000000..8b161d55c
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/audit/audit.module.ts
@@ -0,0 +1,10 @@
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { AuditModule } from '../../common/audit.module';
+import { AuditController } from './audit.controller';
+
+@Module({
+  imports: [AuditModule, HttpModule],
+  controllers: [AuditController],
+})
+export class AuditModuleFeature {}
diff --git a/apps/edr-passenger-api/src/modules/auth/auth.controller.ts b/apps/edr-passenger-api/src/modules/auth/auth.controller.ts
new file mode 100644
index 000000000..0565faf8f
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/auth/auth.controller.ts
@@ -0,0 +1,303 @@
+import { Body, Controller, Post, HttpCode, HttpStatus, UseGuards, Get, Request, UnauthorizedException, Param, Patch, Delete, Query } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiResponse, ApiBody, ApiBearerAuth } from '@nestjs/swagger';
+import { AuthService } from './auth.service';
+import { RegisterDto, LoginDto, RequestOtpDto, VerifyOtpDto, RequestPasswordResetDto, ResetPasswordDto } from './auth.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+import { RolesGuard } from '../../common/roles.guard';
+import { Roles } from '../../common/roles.decorator';
+import { UserRole } from '@prisma/client';
+
+@ApiTags('Auth')
+@Controller('auth')
+export class AuthController {
+  constructor(private service: AuthService) {}
+
+  @Post('register')
+  @ApiOperation({ 
+    summary: 'Register new passenger account',
+    description: 'Create a new passenger account with email, phone, and password. Returns user details and JWT token for immediate login.'
+  })
+  @ApiResponse({ status: 201, description: 'Account created successfully. Returns user object and JWT token.' })
+  @ApiResponse({ status: 400, description: 'Validation error (invalid email, weak password, etc.)' })
+  @ApiResponse({ status: 409, description: 'Email or phone already registered' })
+  @ApiBody({ type: RegisterDto })
+  register(@Body() dto: RegisterDto) { return this.service.register(dto); }
+
+  @Post('login')
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ 
+    summary: 'Login with email and password',
+    description: 'Authenticate user and receive JWT token. Token expires in 7 days by default. Failed login attempts are tracked and account may be locked after 5 consecutive failures.'
+  })
+  @ApiResponse({ status: 200, description: 'Login successful. Returns JWT token and user details.' })
+  @ApiResponse({ status: 401, description: 'Invalid credentials or account locked' })
+  @ApiResponse({ status: 403, description: 'Account temporarily blocked due to fraud detection' })
+  @ApiBody({ type: LoginDto })
+  login(@Body() dto: LoginDto) { return this.service.login(dto); }
+
+  @Post('otp/request')
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ 
+    summary: 'Request OTP verification code',
+    description: 'Send a 6-digit OTP code to user email. Code expires in 10 minutes. Used for registration verification, password reset, or two-factor authentication.'
+  })
+  @ApiResponse({ status: 200, description: 'OTP sent successfully to email' })
+  @ApiResponse({ status: 404, description: 'Email not found (for PASSWORD_RESET purpose)' })
+  @ApiResponse({ status: 429, description: 'Too many OTP requests. Please wait before requesting again.' })
+  @ApiBody({ type: RequestOtpDto })
+  requestOtp(@Body() dto: RequestOtpDto) { return this.service.requestOtp(dto); }
+
+  @Post('otp/verify')
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ 
+    summary: 'Verify OTP code',
+    description: 'Validate the 6-digit OTP code sent to user email. Code must match and not be expired.'
+  })
+  @ApiResponse({ status: 200, description: 'OTP verified successfully' })
+  @ApiResponse({ status: 400, description: 'Invalid or expired OTP code' })
+  @ApiResponse({ status: 404, description: 'No OTP found for this email and purpose' })
+  @ApiBody({ type: VerifyOtpDto })
+  verifyOtp(@Body() dto: VerifyOtpDto) { return this.service.verifyOtp(dto); }
+
+  @Post('password/reset-request')
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ 
+    summary: 'Request password reset link',
+    description: 'Send password reset link to user email. Link contains a secure token valid for 1 hour.'
+  })
+  @ApiResponse({ status: 200, description: 'Password reset email sent successfully' })
+  @ApiResponse({ status: 404, description: 'Email not found' })
+  @ApiResponse({ status: 429, description: 'Too many reset requests. Please wait before trying again.' })
+  @ApiBody({ type: RequestPasswordResetDto })
+  requestPasswordReset(@Body() dto: RequestPasswordResetDto) { return this.service.requestPasswordReset(dto); }
+
+  @Post('password/reset')
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ 
+    summary: 'Reset password with token',
+    description: 'Reset user password using the token received via email. Token is single-use and expires after 1 hour.'
+  })
+  @ApiResponse({ status: 200, description: 'Password reset successfully' })
+  @ApiResponse({ status: 400, description: 'Invalid, expired, or already used token' })
+  @ApiResponse({ status: 404, description: 'User not found' })
+  @ApiBody({ type: ResetPasswordDto })
+  resetPassword(@Body() dto: ResetPasswordDto) { return this.service.resetPassword(dto); }
+
+  @Post('logout')
+  @HttpCode(HttpStatus.OK)
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Logout current user',
+    description: `Logout the authenticated user and invalidate their session.
+
+### What happens:
+- Invalidates the current session token
+- Records logout in audit log
+- Frontend should clear stored token and redirect to home
+
+### Authentication:
+- **Required**: JWT Bearer Token
+- Token will be invalidated after successful logout`
+  })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'Logout successful',
+    schema: {
+      example: {
+        success: true,
+        message: 'Logged out successfully'
+      }
+    }
+  })
+  @ApiResponse({ status: 401, description: 'Unauthorized - Invalid or missing token' })
+  logout(@Request() req: any) { 
+    if (!req.user || !req.user.userId) {
+      throw new UnauthorizedException('User not authenticated');
+    }
+    return this.service.logout(req.user.userId); 
+  }
+
+  @Get('profile')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Get current user profile',
+    description: `**Returns complete user profile with all connected data**
+
+---
+
+### Response Includes
+
+#### User Information
+- Basic details (id, email, phone, fullName, role)
+- Nationality and document information
+- Fayda verification status
+- Account timestamps (created, last login)
+
+#### Passenger Data (if role=PASSENGER)
+- Passenger ID and preferences
+- **Loyalty Account**: Tier, points balance, lifetime points
+- **Wallet Account**: Balance (minor units), currency
+
+#### Devices
+- List of registered devices with platform, name, push token, and last seen time
+
+#### User Preferences
+- Language, notification settings, etc.
+
+---
+
+### Use Cases
+
+1. **App Initialization**: Fetch on app load to get user context
+
+2. **Profile Pre-fill**: Use data to auto-fill booking forms
+
+3. **Verification Check**: Check \`faydaVerified\` before registration
+
+4. **Loyalty Display**: Show tier and points in UI
+
+5. **Wallet Balance**: Display available balance
+
+6. **Device Management**: Get list of user's registered devices
+
+---
+
+### Authentication
+- **Required**: JWT Bearer Token
+- Token must be valid and not expired
+- Returns profile for authenticated user only`,
+  })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'User profile retrieved successfully',
+    schema: {
+      example: {
+        id: 'user-uuid-123',
+        email: 'kelemu@email.com',
+        phone: '+251911234567',
+        fullName: 'Kelemu Abebe',
+        role: 'PASSENGER',
+        nationality: 'Ethiopian',
+        nationalityCode: 'ET',
+        nationalId: null,
+        passportNumber: null,
+        faydaVerified: true,
+        faydaVerifiedAt: '2024-01-15T10:30:00.000Z',
+        lastLoginAt: '2024-01-20T14:22:00.000Z',
+        createdAt: '2023-12-01T08:00:00.000Z',
+        passenger: {
+          id: 'passenger-uuid-456',
+          preferredLanguage: 'am',
+          loyalty: {
+            tier: 'SILVER',
+            pointsBalance: 1500,
+            lifetimePoints: 3000
+          },
+          wallet: {
+            balanceMinor: 50000,
+            currency: 'ETB'
+          }
+        },
+        preferences: {
+          emailNotifications: true,
+          smsNotifications: true,
+          language: 'am'
+        },
+        devices: [
+          {
+            id: 'device-uuid-1',
+            platform: 'WEB',
+            name: 'Chrome on Windows',
+            pushToken: 'token-abc123',
+            trusted: true,
+            lastSeenAt: '2024-01-20T14:22:00.000Z'
+          },
+          {
+            id: 'device-uuid-2',
+            platform: 'IOS',
+            name: 'iPhone 14',
+            pushToken: 'token-xyz789',
+            trusted: false,
+            lastSeenAt: '2024-01-19T10:15:00.000Z'
+          }
+        ]
+      }
+    }
+  })
+  @ApiResponse({ 
+    status: 401, 
+    description: 'Unauthorized - Invalid or missing JWT token',
+    schema: {
+      example: {
+        statusCode: 401,
+        message: 'Unauthorized'
+      }
+    }
+  })
+  getProfile(@Request() req: any) { 
+    console.log('Profile request - User from JWT:', req.user);
+    if (!req.user || !req.user.userId) {
+      throw new UnauthorizedException('User not authenticated');
+    }
+    return this.service.getProfile(req.user.userId); 
+  }
+
+  @Get('users')
+  @UseGuards(JwtGuard, RolesGuard)
+  @Roles(UserRole.ADMIN, UserRole.SUPERVISOR)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get all backoffice users (admin/supervisor only)' })
+  getUsers(
+    @Query('search') search?: string,
+    @Query('role') role?: string,
+    @Query('status') status?: string,
+    @Query('page') page?: string,
+    @Query('pageSize') pageSize?: string,
+  ) {
+    return this.service.getUsers({
+      search,
+      role,
+      status,
+      page: page ? parseInt(page) : 1,
+      pageSize: pageSize ? parseInt(pageSize) : 10,
+    });
+  }
+
+  @Post('users')
+  @UseGuards(JwtGuard, RolesGuard)
+  @Roles(UserRole.ADMIN, UserRole.SUPERVISOR)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Create new backoffice user (admin/supervisor only)' })
+  createUser(@Body() dto: any) {
+    return this.service.createUser(dto);
+  }
+
+  @Patch('users/:id')
+  @UseGuards(JwtGuard, RolesGuard)
+  @Roles(UserRole.ADMIN, UserRole.SUPERVISOR)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update backoffice user (admin/supervisor only)' })
+  updateUser(@Param('id') id: string, @Body() dto: any) {
+    return this.service.updateUser(id, dto);
+  }
+
+  @Delete('users/:id')
+  @UseGuards(JwtGuard, RolesGuard)
+  @Roles(UserRole.ADMIN)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Delete backoffice user (admin only)' })
+  deleteUser(@Param('id') id: string) {
+    return this.service.deleteUser(id);
+  }
+
+  @Post('users/:id/reset-password')
+  @UseGuards(JwtGuard, RolesGuard)
+  @Roles(UserRole.ADMIN, UserRole.SUPERVISOR)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Reset user password with temporary password (admin/supervisor only)' })
+  resetUserPassword(@Param('id') id: string, @Body() dto: { tempPassword: string }) {
+    return this.service.resetUserPassword(id, dto.tempPassword);
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/auth/auth.dto.ts b/apps/edr-passenger-api/src/modules/auth/auth.dto.ts
new file mode 100644
index 000000000..d44159c67
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/auth/auth.dto.ts
@@ -0,0 +1,152 @@
+import { IsEmail, IsString, MinLength, IsOptional } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+export class RegisterDto {
+  @ApiProperty({ 
+    description: 'Full name of the passenger', 
+    example: 'Kelemu Ketsela',
+    minLength: 2,
+    maxLength: 100
+  }) 
+  @IsString() 
+  fullName: string;
+
+  @ApiProperty({ 
+    description: 'Email address (must be unique)', 
+    example: 'kelemu@email.com',
+    format: 'email'
+  }) 
+  @IsEmail() 
+  email: string;
+
+  @ApiProperty({ 
+    description: 'Phone number with country code', 
+    example: '+251912345678',
+    pattern: '^\\+[1-9]\\d{1,14}$'
+  }) 
+  @IsString() 
+  phone: string;
+
+  @ApiProperty({ 
+    description: 'Password (minimum 8 characters)', 
+    example: 'SecurePass123',
+    minLength: 8,
+    format: 'password'
+  }) 
+  @IsString() 
+  @MinLength(8) 
+  password: string;
+
+  @ApiPropertyOptional({ 
+    description: 'Nationality of the passenger', 
+    example: 'Ethiopian' 
+  }) 
+  @IsOptional() 
+  @IsString() 
+  nationality?: string;
+
+  @ApiPropertyOptional({ 
+    description: 'National ID number', 
+    example: 'ET123456789' 
+  }) 
+  @IsOptional() 
+  @IsString() 
+  nationalId?: string;
+
+  @ApiPropertyOptional({ 
+    description: 'Passport number for international travelers', 
+    example: 'P1234567' 
+  }) 
+  @IsOptional() 
+  @IsString() 
+  passportNumber?: string;
+}
+
+export class LoginDto {
+  @ApiProperty({ 
+    description: 'Registered email address', 
+    example: 'kelemu@email.com',
+    format: 'email'
+  }) 
+  @IsEmail() 
+  email: string;
+
+  @ApiProperty({ 
+    description: 'Account password', 
+    example: 'password123',
+    format: 'password'
+  }) 
+  @IsString() 
+  password: string;
+}
+
+export class RequestOtpDto {
+  @ApiProperty({ 
+    description: 'Email address to send OTP', 
+    example: 'kelemu@email.com' 
+  }) 
+  @IsEmail() 
+  email: string;
+
+  @ApiProperty({ 
+    description: 'Purpose of OTP (REGISTRATION, PASSWORD_RESET, VERIFICATION)', 
+    example: 'REGISTRATION',
+    enum: ['REGISTRATION', 'PASSWORD_RESET', 'VERIFICATION']
+  }) 
+  @IsString() 
+  purpose: string;
+}
+
+export class VerifyOtpDto {
+  @ApiProperty({ 
+    description: 'Email address', 
+    example: 'kelemu@email.com' 
+  }) 
+  @IsEmail() 
+  email: string;
+
+  @ApiProperty({ 
+    description: '6-digit OTP code', 
+    example: '123456',
+    minLength: 6,
+    maxLength: 6
+  }) 
+  @IsString() 
+  code: string;
+
+  @ApiProperty({ 
+    description: 'Purpose of OTP verification', 
+    example: 'REGISTRATION',
+    enum: ['REGISTRATION', 'PASSWORD_RESET', 'VERIFICATION']
+  }) 
+  @IsString() 
+  purpose: string;
+}
+
+export class RequestPasswordResetDto {
+  @ApiProperty({ 
+    description: 'Email address of the account', 
+    example: 'kelemu@email.com' 
+  }) 
+  @IsEmail() 
+  email: string;
+}
+
+export class ResetPasswordDto {
+  @ApiProperty({ 
+    description: 'Password reset token received via email', 
+    example: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...' 
+  }) 
+  @IsString() 
+  token: string;
+
+  @ApiProperty({ 
+    description: 'New password (minimum 8 characters)', 
+    example: 'NewSecurePass123',
+    minLength: 8,
+    format: 'password'
+  }) 
+  @IsString() 
+  @MinLength(8) 
+  newPassword: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/auth/auth.module.ts b/apps/edr-passenger-api/src/modules/auth/auth.module.ts
new file mode 100644
index 000000000..547937d74
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/auth/auth.module.ts
@@ -0,0 +1,24 @@
+import { Module } from '@nestjs/common';
+import { JwtModule } from '@nestjs/jwt';
+import { PassportModule } from '@nestjs/passport';
+import { ConfigService } from '@nestjs/config';
+import { AuthController } from './auth.controller';
+import { AuthService } from './auth.service';
+import { JwtStrategy } from '../../common/jwt.strategy';
+
+@Module({
+  imports: [
+    PassportModule,
+    JwtModule.registerAsync({
+      inject: [ConfigService],
+      useFactory: (c: ConfigService) => ({
+        secret: c.get('JWT_SECRET'),
+        signOptions: { expiresIn: c.get('JWT_EXPIRES_IN', '7d') },
+      }),
+    }),
+  ],
+  controllers: [AuthController],
+  providers: [AuthService, JwtStrategy],
+  exports: [JwtModule],
+})
+export class AuthModule {}
diff --git a/apps/edr-passenger-api/src/modules/auth/auth.service.ts b/apps/edr-passenger-api/src/modules/auth/auth.service.ts
new file mode 100644
index 000000000..e937a106b
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/auth/auth.service.ts
@@ -0,0 +1,410 @@
+import { Injectable, UnauthorizedException, ConflictException, BadRequestException, NotFoundException } from '@nestjs/common';
+import { JwtService } from '@nestjs/jwt';
+import { PrismaService } from '../../common/prisma.service';
+import { RegisterDto, LoginDto, RequestOtpDto, VerifyOtpDto, RequestPasswordResetDto, ResetPasswordDto } from './auth.dto';
+import * as bcrypt from 'bcrypt';
+import * as crypto from 'crypto';
+
+@Injectable()
+export class AuthService {
+  constructor(private prisma: PrismaService, private jwt: JwtService) {}
+
+  async register(dto: RegisterDto) {
+    const exists = await this.prisma.user.findFirst({
+      where: { OR: [{ email: dto.email }, { phone: dto.phone }] },
+    });
+    if (exists) throw new ConflictException('Email or phone already registered');
+    const passwordHash = await bcrypt.hash(dto.password, 10);
+    const user = await this.prisma.user.create({
+      data: { 
+        fullName: dto.fullName, 
+        email: dto.email, 
+        phone: dto.phone, 
+        passwordHash,
+        nationality: dto.nationality,
+        nationalId: dto.nationalId,
+        passportNumber: dto.passportNumber
+      },
+    });
+    const passenger = await this.prisma.passenger.create({ data: { userId: user.id } });
+    await this.prisma.loyaltyAccount.create({ data: { passengerId: passenger.id } });
+    await this.prisma.walletAccount.create({ data: { passengerId: passenger.id } });
+    await this.prisma.userPreferences.create({ data: { userId: user.id } });
+    await this.createAuditLog(user.id, 'USER_REGISTERED', 'User', user.id, null, { email: user.email });
+    return await this.signToken(user.id, user.email, user.role, passenger.id);
+  }
+
+  async login(dto: LoginDto) {
+    const user = await this.prisma.user.findUnique({
+      where: { email: dto.email },
+      include: { passenger: true, agent: true },
+    });
+    if (!user) throw new UnauthorizedException('Invalid credentials');
+    
+    if (user.lockedUntil && user.lockedUntil > new Date()) {
+      throw new UnauthorizedException(`Account locked until ${user.lockedUntil.toISOString()}`);
+    }
+    
+    if (!(await bcrypt.compare(dto.password, user.passwordHash))) {
+      await this.prisma.user.update({
+        where: { id: user.id },
+        data: { 
+          failedLoginAttempts: { increment: 1 },
+          lockedUntil: user.failedLoginAttempts >= 4 ? new Date(Date.now() + 15 * 60 * 1000) : null
+        }
+      });
+      throw new UnauthorizedException('Invalid credentials');
+    }
+    
+    await this.prisma.user.update({
+      where: { id: user.id },
+      data: { failedLoginAttempts: 0, lockedUntil: null, lastLoginAt: new Date() }
+    });
+    
+    await this.createAuditLog(user.id, 'USER_LOGIN', 'User', user.id, null, null);
+    
+    // Ensure passenger exists and get its ID
+    let passengerId = user.passenger?.id;
+    if (!passengerId) {
+      // If passenger doesn't exist, create it
+      const passenger = await this.prisma.passenger.create({
+        data: { userId: user.id }
+      });
+      passengerId = passenger.id;
+      // Also create loyalty and wallet accounts
+      await this.prisma.loyaltyAccount.create({ data: { passengerId: passenger.id } });
+      await this.prisma.walletAccount.create({ data: { passengerId: passenger.id } });
+    }
+    
+    return await this.signToken(user.id, user.email, user.role, passengerId, user.agent?.id);
+  }
+
+  async requestOtp(dto: RequestOtpDto) {
+    const code = Math.floor(100000 + Math.random() * 900000).toString();
+    const expiresAt = new Date(Date.now() + 10 * 60 * 1000);
+    await this.prisma.otpCode.create({
+      data: { email: dto.email, code, purpose: dto.purpose, expiresAt }
+    });
+    console.log(`[OTP] ${dto.email} - ${code} (${dto.purpose})`);
+    return { sent: true, expiresIn: 600 };
+  }
+
+  async verifyOtp(dto: VerifyOtpDto) {
+    const otp = await this.prisma.otpCode.findFirst({
+      where: { email: dto.email, code: dto.code, purpose: dto.purpose, verified: false, expiresAt: { gt: new Date() } },
+      orderBy: { createdAt: 'desc' }
+    });
+    if (!otp) throw new BadRequestException('Invalid or expired OTP');
+    await this.prisma.otpCode.update({ where: { id: otp.id }, data: { verified: true } });
+    return { verified: true };
+  }
+
+  async requestPasswordReset(dto: RequestPasswordResetDto) {
+    const user = await this.prisma.user.findUnique({ where: { email: dto.email } });
+    if (!user) return { sent: true };
+    const token = crypto.randomBytes(32).toString('hex');
+    const expiresAt = new Date(Date.now() + 60 * 60 * 1000);
+    await this.prisma.passwordResetToken.create({
+      data: { userId: user.id, token, expiresAt }
+    });
+    console.log(`[PASSWORD_RESET] ${dto.email} - ${token}`);
+    return { sent: true };
+  }
+
+  async resetPassword(dto: ResetPasswordDto) {
+    const resetToken = await this.prisma.passwordResetToken.findUnique({
+      where: { token: dto.token }
+    });
+    if (!resetToken || resetToken.used || resetToken.expiresAt < new Date()) {
+      throw new BadRequestException('Invalid or expired reset token');
+    }
+    const passwordHash = await bcrypt.hash(dto.newPassword, 10);
+    await this.prisma.user.update({
+      where: { id: resetToken.userId },
+      data: { passwordHash, failedLoginAttempts: 0, lockedUntil: null }
+    });
+    await this.prisma.passwordResetToken.update({
+      where: { id: resetToken.id },
+      data: { used: true }
+    });
+    await this.createAuditLog(resetToken.userId, 'PASSWORD_RESET', 'User', resetToken.userId, null, null);
+    return { reset: true };
+  }
+
+  async getUsers(filters: { search?: string; role?: string; status?: string; page?: number; pageSize?: number }) {
+    const { search, role, status, page = 1, pageSize = 10 } = filters;
+    const skip = (page - 1) * pageSize;
+
+    const where: any = {
+      role: { not: 'PASSENGER' }, // Exclude passenger accounts
+    };
+
+    if (search) {
+      where.OR = [
+        { email: { contains: search, mode: 'insensitive' } },
+        { fullName: { contains: search, mode: 'insensitive' } },
+      ];
+    }
+
+    if (role) {
+      where.role = role;
+    }
+
+    // For status filtering, we check if user is active (no lock/block) or inactive
+    if (status === 'ACTIVE') {
+      where.AND = [
+        { blockedUntil: { lte: new Date() } },
+        { lockedUntil: { lte: new Date() } }
+      ];
+    } else if (status === 'INACTIVE') {
+      where.OR = [
+        { blockedUntil: { gt: new Date() } },
+        { lockedUntil: { gt: new Date() } }
+      ];
+    }
+
+    const [items, total] = await Promise.all([
+      this.prisma.user.findMany({
+        where,
+        select: {
+          id: true,
+          email: true,
+          fullName: true,
+          role: true,
+          lastLoginAt: true,
+          createdAt: true,
+          blockedUntil: true,
+          lockedUntil: true,
+        },
+        skip,
+        take: pageSize,
+        orderBy: { createdAt: 'desc' },
+      }),
+      this.prisma.user.count({ where }),
+    ]);
+
+    return {
+      items: items.map(user => ({
+        id: user.id,
+        email: user.email,
+        fullName: user.fullName,
+        role: user.role,
+        lastLogin: user.lastLoginAt,
+        status: (!user.blockedUntil || user.blockedUntil <= new Date()) &&
+                (!user.lockedUntil || user.lockedUntil <= new Date()) 
+          ? 'ACTIVE' 
+          : 'INACTIVE',
+      })),
+      total,
+      page,
+      pageSize,
+    };
+  }
+
+  async createUser(dto: { email: string; fullName: string; role: string; status?: string; password?: string }) {
+    const exists = await this.prisma.user.findFirst({
+      where: { OR: [{ email: dto.email }] },
+    });
+    if (exists) throw new ConflictException('Email already registered');
+
+    const passwordHash = await bcrypt.hash(dto.password || 'TempPassword123!', 10);
+    
+    const user = await this.prisma.user.create({
+      data: {
+        email: dto.email,
+        fullName: dto.fullName,
+        role: dto.role as any,
+        phone: dto.email, // Use email as phone temporarily for unique constraint
+        passwordHash,
+        blockedUntil: dto.status === 'INACTIVE' ? new Date(Date.now() + 365 * 24 * 60 * 60 * 1000) : undefined,
+      },
+      select: {
+        id: true,
+        email: true,
+        fullName: true,
+        role: true,
+        lastLoginAt: true,
+        createdAt: true,
+      },
+    });
+
+    await this.createAuditLog(user.id, 'USER_CREATED', 'User', user.id, null, { email: user.email, role: dto.role });
+
+    return user;
+  }
+
+  async updateUser(id: string, dto: Partial<{ email: string; fullName: string; role: string; status: string }>) {
+    const user = await this.prisma.user.findUnique({ where: { id } });
+    if (!user) throw new NotFoundException('User not found');
+
+    const updateData: any = {};
+    if (dto.fullName) updateData.fullName = dto.fullName;
+    if (dto.role) updateData.role = dto.role;
+    if (dto.status === 'ACTIVE') {
+      updateData.blockedUntil = null;
+      updateData.lockedUntil = null;
+    } else if (dto.status === 'INACTIVE') {
+      updateData.blockedUntil = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000);
+    }
+
+    const updated = await this.prisma.user.update({
+      where: { id },
+      data: updateData,
+      select: {
+        id: true,
+        email: true,
+        fullName: true,
+        role: true,
+        lastLoginAt: true,
+        createdAt: true,
+      },
+    });
+
+    await this.createAuditLog(id, 'USER_UPDATED', 'User', id, { oldData: user }, { newData: updateData });
+
+    return updated;
+  }
+
+  async deleteUser(id: string) {
+    const user = await this.prisma.user.findUnique({ where: { id } });
+    if (!user) throw new NotFoundException('User not found');
+
+    // Don't actually delete, just deactivate
+    await this.prisma.user.update({
+      where: { id },
+      data: { blockedUntil: new Date(), lockedUntil: new Date() },
+    });
+
+    await this.createAuditLog(id, 'USER_DELETED', 'User', id, { email: user.email }, null);
+
+    return { deleted: true };
+  }
+
+  async resetUserPassword(id: string, tempPassword: string) {
+    const user = await this.prisma.user.findUnique({ where: { id } });
+    if (!user) throw new NotFoundException('User not found');
+
+    const passwordHash = await bcrypt.hash(tempPassword, 10);
+    await this.prisma.user.update({
+      where: { id },
+      data: {
+        passwordHash,
+        failedLoginAttempts: 0,
+        lockedUntil: null,
+      },
+    });
+
+    await this.createAuditLog(id, 'PASSWORD_RESET_ADMIN', 'User', id, null, { resetBy: 'admin' });
+
+    return { reset: true, tempPassword };
+  }
+
+  private async signToken(userId: string, email: string, role: string, passengerId?: string, agentId?: string) {
+    // Get the full user data to include fullName
+    const user = await this.prisma.user.findUnique({
+      where: { id: userId },
+      select: { id: true, email: true, fullName: true, role: true }
+    });
+    
+    const payload = { sub: userId, email, role, passengerId, agentId };
+    console.log('[AUTH] Creating JWT with payload:', payload);
+    
+    const token = this.jwt.sign(payload);
+    console.log('[AUTH] JWT created, token length:', token.length);
+    
+    const response = { 
+      token, 
+      user: { 
+        id: userId, 
+        email, 
+        fullName: user?.fullName || email, 
+        role, 
+        passengerId, 
+        agentId 
+      } 
+    };
+    console.log('[AUTH] Returning user object with passengerId:', response.user.passengerId);
+    return response;
+  }
+
+  private async createAuditLog(userId: string, action: string, entityType: string, entityId: string, oldData: any, newData: any) {
+    await this.prisma.auditLog.create({
+      data: { userId, action, entityType, entityId, oldData, newData }
+    });
+  }
+
+  async getProfile(userId: string) {
+    if (!userId) {
+      throw new UnauthorizedException('User ID not found in token');
+    }
+
+    const user = await this.prisma.user.findUnique({
+      where: { id: userId },
+      include: {
+        passenger: {
+          include: {
+            loyalty: true,
+            wallet: true,
+          },
+        },
+        preferences: true,
+        devices: true,
+      },
+    });
+
+    if (!user) throw new UnauthorizedException('User not found');
+
+    return {
+      id: user.id,
+      email: user.email,
+      phone: user.phone,
+      fullName: user.fullName,
+      role: user.role,
+      nationality: user.nationality,
+      nationalityCode: user.nationalityCode,
+      nationalId: user.nationalId,
+      passportNumber: user.passportNumber,
+      faydaVerified: user.faydaVerified,
+      faydaVerifiedAt: user.faydaVerifiedAt,
+      lastLoginAt: user.lastLoginAt,
+      createdAt: user.createdAt,
+      passenger: user.passenger ? {
+        id: user.passenger.id,
+        preferredLanguage: user.passenger.preferredLanguage,
+        loyalty: user.passenger.loyalty ? {
+          tier: user.passenger.loyalty.tier,
+          pointsBalance: user.passenger.loyalty.pointsBalance,
+          lifetimePoints: user.passenger.loyalty.lifetimePoints,
+        } : null,
+        wallet: user.passenger.wallet ? {
+          balanceMinor: user.passenger.wallet.balanceMinor,
+          currency: user.passenger.wallet.currency,
+        } : null,
+      } : null,
+      preferences: user.preferences,
+      devices: user.devices.map(device => ({
+        id: device.id,
+        platform: device.platform,
+        name: device.name,
+        pushToken: device.pushToken,
+        trusted: device.trusted,
+        lastSeenAt: device.lastSeenAt,
+      })),
+    };
+  }
+
+  async logout(userId: string) {
+    // Invalidate all active sessions for this user
+    await this.prisma.session.deleteMany({
+      where: { userId }
+    });
+
+    // Log the logout action
+    await this.createAuditLog(userId, 'USER_LOGOUT', 'User', userId, null, null);
+
+    return {
+      success: true,
+      message: 'Logged out successfully'
+    };
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/bookings/bookings.controller.ts b/apps/edr-passenger-api/src/modules/bookings/bookings.controller.ts
new file mode 100644
index 000000000..9622fa656
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/bookings/bookings.controller.ts
@@ -0,0 +1,238 @@
+import { Body, Controller, Delete, Get, Param, Post, Patch, UseGuards, Query, Req, BadRequestException } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiResponse, ApiQuery } from '@nestjs/swagger';
+import { BookingsService } from './bookings.service';
+import { GuestBookingService } from './guest-booking.service';
+import { CreateBookingDto, ModifyBookingDto, CancelBookingDto } from './bookings.dto';
+import { CreateGuestBookingDto, GetSavedPassengersDto } from './guest-booking.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+import { IamGuard } from '../../common/iam-adapter';
+
+@ApiTags('Booking')
+@Controller('bookings')
+export class BookingsController {
+  constructor(
+    private service: BookingsService,
+    private guestService: GuestBookingService,
+  ) {}
+  
+  @Get('my')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Get logged-in user\'s booking history',
+    description: 'Returns all bookings for the authenticated user with schedule and payment details'
+  })
+  @ApiQuery({ name: 'search', required: false, description: 'Search by booking reference or station names' })
+  @ApiQuery({ name: 'status', required: false, description: 'Filter by booking status' })
+  @ApiQuery({ name: 'page', required: false, description: 'Page number' })
+  @ApiQuery({ name: 'pageSize', required: false, description: 'Items per page' })
+  @ApiResponse({ status: 200, description: 'List of user bookings with schedule and passenger details' })
+  getMyBookings(
+    @Req() req: any,
+    @Query('search') search?: string,
+    @Query('status') status?: string,
+    @Query('page') page?: string,
+    @Query('pageSize') pageSize?: string,
+  ) {
+    const passengerId = req.user?.passengerId;
+    if (!passengerId) throw new Error('Passenger ID not found in token');
+    return this.service.findByPassengerId(passengerId, { 
+      search, 
+      status, 
+      page: page ? parseInt(page) : 1, 
+      pageSize: pageSize ? parseInt(pageSize) : 20 
+    });
+  }
+
+  @Get('by-device')
+  @ApiOperation({ 
+    summary: 'Get bookings by device ID',
+    description: 'Returns all bookings associated with a device ID (for guest users). Includes saved passenger details and booking history.'
+  })
+  @ApiQuery({ name: 'deviceId', required: true, description: 'Device identifier' })
+  @ApiQuery({ name: 'search', required: false, description: 'Search by booking reference or station names' })
+  @ApiQuery({ name: 'status', required: false, description: 'Filter by booking status' })
+  @ApiQuery({ name: 'page', required: false, description: 'Page number' })
+  @ApiQuery({ name: 'pageSize', required: false, description: 'Items per page' })
+  @ApiResponse({ status: 200, description: 'List of guest bookings and saved passengers for device' })
+  @ApiResponse({ status: 400, description: 'Device ID is required' })
+  getByDevice(
+    @Query('deviceId') deviceId?: string,
+    @Query('search') search?: string,
+    @Query('status') status?: string,
+    @Query('page') page?: string,
+    @Query('pageSize') pageSize?: string,
+  ) {
+    if (!deviceId) throw new BadRequestException('Device ID is required');
+    return this.service.findByDeviceId(deviceId, { 
+      search, 
+      status, 
+      page: page ? parseInt(page) : 1, 
+      pageSize: pageSize ? parseInt(pageSize) : 20 
+    });
+  }
+  
+  @Get()
+  @ApiOperation({ 
+    summary: 'List all bookings with filters (Admin/Agent)',
+    description: 'Returns paginated list of bookings with search and status filters'
+  })
+  @ApiQuery({ name: 'search', required: false, description: 'Search by booking reference, email, or phone' })
+  @ApiQuery({ name: 'status', required: false, description: 'Filter by booking status' })
+  @ApiQuery({ name: 'page', required: false, description: 'Page number' })
+  @ApiQuery({ name: 'pageSize', required: false, description: 'Items per page' })
+  findAll(
+    @Query('search') search?: string,
+    @Query('status') status?: string,
+    @Query('page') page?: string,
+    @Query('pageSize') pageSize?: string,
+  ) {
+    return this.service.findAll({ 
+      search, 
+      status, 
+      page: page ? parseInt(page) : 1, 
+      pageSize: pageSize ? parseInt(pageSize) : 20 
+    });
+  }
+  
+  @Post('guest')
+  @ApiOperation({ 
+    summary: 'Create guest booking without login (optional account creation)',
+    description: `Creates a booking without requiring login. Features:
+    
+**Guest Checkout:**
+- No login required
+- Contact details from first passenger
+- Booking confirmation sent to email/phone
+
+**Optional Account Creation:**
+- Set createAccount=true with password
+- Account created using first passenger details
+- Automatic login after booking
+- Loyalty points and wallet created
+
+**Passenger Details Storage:**
+- savePassengerDetails=true: Save for future bookings
+- Stored by userId (if account created) or deviceId
+- Retrieve saved passengers for quick booking
+
+**Verifayda Verification:**
+- Ethiopian nationals: National ID verified via Verifayda
+- Other nationals: Passport details (no verification)
+
+**Age-Based Pricing:**
+- ADULT (≥5 years): Full fare
+- CHILD (<5 years): First child FREE, subsequent children full fare`
+  })
+  @ApiResponse({ status: 201, description: 'Booking created successfully' })
+  @ApiResponse({ status: 400, description: 'Verifayda verification failed or invalid data' })
+  createGuest(@Body() dto: CreateGuestBookingDto) { 
+    return this.guestService.createGuestBooking(dto); 
+  }
+
+  @Get('saved-passengers')
+  @ApiOperation({ 
+    summary: 'Get saved passenger profiles',
+    description: 'Retrieve saved passenger details by userId (if logged in) or deviceId (for guest users)'
+  })
+  @ApiResponse({ status: 200, description: 'List of saved passenger profiles' })
+  getSavedPassengers(@Query() query: GetSavedPassengersDto) {
+    return this.guestService.getSavedPassengers(undefined, query.deviceId);
+  }
+  
+  @Post()
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Create booking (one-way or round-trip)',
+    description: `Creates a one-way or round-trip booking for logged-in users.
+    
+ONE_WAY booking:
+- scheduleId, holdId, originStationId, destinationStationId
+- passengers: array of PassengerInputDto with seatId
+- Single PNR, single payment
+
+ROUND_TRIP booking:
+- Outbound: scheduleId, holdId, originStationId, destinationStationId, seatClassId
+- Return: returnScheduleId, returnHoldId, returnOriginStationId, returnDestinationStationId, returnSeatClassId
+- passengers: array of RoundTripPassengerDto with outboundSeatId and returnSeatId
+- Combined PNR, single payment for both legs
+- Fare = outbound_fare + return_fare, single total, single promo, single loyalty deduction`
+  })
+  @ApiResponse({ status: 201, description: 'Booking created with fare breakdown' })
+  @ApiResponse({ status: 400, description: 'Verifayda verification failed or invalid passenger data' })
+  @ApiResponse({ status: 404, description: 'Trip or seat hold not found' })
+  create(@Body() dto: CreateBookingDto) { 
+    return this.service.create(dto); 
+  }
+  
+  @Get(':bookingRef')
+  @ApiOperation({ 
+    summary: 'Get booking details by reference (no auth required)',
+    description: 'Returns booking with passenger categories, Verifayda verification status, and multi-currency amounts. Works for both guest and authenticated bookings.'
+  })
+  @ApiResponse({ status: 200, description: 'Booking details with adult/child counts and currency conversion' })
+  @ApiResponse({ status: 404, description: 'Booking not found' })
+  getByRef(@Param('bookingRef') ref: string) { 
+    return this.service.getByRef(ref); 
+  }
+  
+  @Patch(':id')
+  @ApiOperation({ 
+    summary: 'Update booking details',
+    description: 'Updates booking information for admin/agent operations'
+  })
+  @ApiResponse({ status: 200, description: 'Booking updated successfully' })
+  @ApiResponse({ status: 404, description: 'Booking not found' })
+  update(@Param('id') id: string, @Body() dto: any) { 
+    return this.service.update(id, dto); 
+  }
+  
+  @Patch(':bookingRef/modify')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Modify booking seats or trip',
+    description: 'Allows modification of confirmed bookings before departure'
+  })
+  @ApiResponse({ status: 200, description: 'Booking modified successfully' })
+  @ApiResponse({ status: 400, description: 'Cannot modify cancelled or past bookings' })
+  modify(@Body() dto: ModifyBookingDto) {
+    return this.service.modify(dto);
+  }
+  
+  @Delete(':id')
+  @ApiOperation({ 
+    summary: 'Delete booking (admin only)',
+    description: 'Permanently deletes a booking record'
+  })
+  @ApiResponse({ status: 200, description: 'Booking deleted successfully' })
+  @ApiResponse({ status: 404, description: 'Booking not found' })
+  delete(@Param('id') id: string) { 
+    return this.service.delete(id); 
+  }
+
+  @Get(':id/usage')
+  @ApiOperation({ 
+    summary: 'Check if booking is in use',
+    description: 'Returns list of modules/data that reference this booking'
+  })
+  @ApiResponse({ status: 200, description: 'Usage information retrieved' })
+  @ApiResponse({ status: 404, description: 'Booking not found' })
+  checkUsage(@Param('id') id: string) {
+    return this.service.checkBookingUsage(id);
+  }
+  
+  @Delete(':bookingRef')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Cancel booking with refund',
+    description: 'Cancels booking and processes refund (80% for confirmed bookings)'
+  })
+  @ApiResponse({ status: 200, description: 'Booking cancelled with refund amount' })
+  @ApiResponse({ status: 400, description: 'Booking already cancelled' })
+  cancel(@Param('bookingRef') ref: string, @Body() dto: CancelBookingDto) { 
+    return this.service.cancel(ref, dto.reason); 
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/bookings/bookings.dto.ts b/apps/edr-passenger-api/src/modules/bookings/bookings.dto.ts
new file mode 100644
index 000000000..875bf40a2
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/bookings/bookings.dto.ts
@@ -0,0 +1,154 @@
+import { IsString, IsArray, ValidateNested, IsOptional, IsInt, IsEnum, IsDateString } from 'class-validator';
+import { Type } from 'class-transformer';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Currency, IdDocumentType } from '@prisma/client';
+
+export class PassengerInputDto {
+  @ApiProperty() @IsString() seatId: string;
+  @ApiProperty({ example: 'Abebe Kebede' }) @IsString() passengerName: string;
+  @ApiProperty({ example: '1990-05-15', description: 'Date of birth (YYYY-MM-DD) for age calculation. Age <5 = CHILD (first free), Age ≥5 = ADULT (full fare)' }) @IsDateString() dateOfBirth: string;
+  @ApiProperty({ example: 'NATIONAL_ID', enum: IdDocumentType, description: 'NATIONAL_ID for Ethiopians (Verifayda verified), PASSPORT for others' }) @IsEnum(IdDocumentType) idDocumentType: IdDocumentType;
+  @ApiPropertyOptional({ example: 'ET123456789', description: 'Ethiopian national ID - verified via Verifayda 2.0 (NOT stored in database)' }) @IsOptional() @IsString() idDocumentNumber?: string;
+  @ApiPropertyOptional({ example: 'P1234567', description: 'Passport number for non-Ethiopian passengers (no verification)' }) @IsOptional() @IsString() passportNumber?: string;
+  @ApiPropertyOptional({ example: 'Djibouti', description: 'Passport issuing country for non-Ethiopians' }) @IsOptional() @IsString() passportCountry?: string;
+  @ApiPropertyOptional({ example: 'Ethiopian', description: 'Ethiopian (Verifayda + Telebirr/CBE/eBirr), Djiboutian (Passport + Waafi), Other (Passport + Card)' }) @IsOptional() @IsString() nationality?: string;
+}
+
+export class RoundTripPassengerDto {
+  @ApiProperty({ 
+    description: 'Outbound journey seat ID',
+    example: 'seat-uuid-outbound'
+  }) 
+  @IsString() outboundSeatId: string;
+  
+  @ApiProperty({ 
+    description: 'Return journey seat ID', 
+    example: 'seat-uuid-return'
+  }) 
+  @IsString() returnSeatId: string;
+  
+  @ApiProperty({ 
+    example: 'Abebe Kebede',
+    description: 'Full passenger name (will be verified via Verifayda for Ethiopian nationals)'
+  }) 
+  @IsString() passengerName: string;
+  
+  @ApiProperty({ 
+    example: '1990-05-15', 
+    description: 'Date of birth (YYYY-MM-DD) for age calculation. Age <5 = CHILD (first child FREE), Age ≥5 = ADULT (full fare for both legs)'
+  }) 
+  @IsDateString() dateOfBirth: string;
+  
+  @ApiProperty({ 
+    example: 'NATIONAL_ID', 
+    enum: IdDocumentType,
+    description: 'NATIONAL_ID for Ethiopians (Verifayda verified), PASSPORT for others'
+  }) 
+  @IsEnum(IdDocumentType) idDocumentType: IdDocumentType;
+  
+  @ApiPropertyOptional({ 
+    example: 'ET123456789', 
+    description: 'Ethiopian national ID - verified via Verifayda 2.0 (NOT stored in database)' 
+  }) 
+  @IsOptional() @IsString() idDocumentNumber?: string;
+  
+  @ApiPropertyOptional({ 
+    example: 'P1234567', 
+    description: 'Passport number for non-Ethiopian passengers (no verification)' 
+  }) 
+  @IsOptional() @IsString() passportNumber?: string;
+  
+  @ApiPropertyOptional({ 
+    example: 'Djibouti', 
+    description: 'Passport issuing country for non-Ethiopians' 
+  }) 
+  @IsOptional() @IsString() passportCountry?: string;
+  
+  @ApiPropertyOptional({ 
+    example: 'Ethiopian', 
+    description: 'Ethiopian (Verifayda + Telebirr/CBE/eBirr), Djiboutian (Passport + Waafi), Other (Passport + Card)' 
+  }) 
+  @IsOptional() @IsString() nationality?: string;
+}
+
+export class CreateBookingDto {
+  @ApiProperty({ description: 'Passenger ID' }) 
+  @IsString() passengerId: string;
+  
+  @ApiProperty({ description: 'Outbound schedule ID' }) 
+  @IsString() scheduleId: string;
+  
+  @ApiProperty({ description: 'Outbound seat hold ID' }) 
+  @IsString() holdId: string;
+  
+  @ApiProperty({ example: 'station-uuid', description: 'Outbound origin station UUID (must match the hold)' }) 
+  @IsString() originStationId: string;
+  
+  @ApiProperty({ example: 'station-uuid', description: 'Outbound destination station UUID (must match the hold)' }) 
+  @IsString() destinationStationId: string;
+  
+  @ApiProperty({ example: 'seat-class-uuid', description: 'Outbound seat class UUID (Economy Regular, Economy Bed, VIP Bed)' })
+  @IsString() seatClassId: string;
+
+  @ApiProperty({ 
+    example: 'ONE_WAY', 
+    enum: ['ONE_WAY', 'ROUND_TRIP'],
+    description: `Booking type:\n\n**ONE_WAY:**\n- Single journey from origin to destination\n- Uses: scheduleId, holdId, originStationId, destinationStationId, seatClassId\n- passengers: PassengerInputDto[] with seatId\n\n**ROUND_TRIP:**\n- Outbound + return journey with single PNR\n- Uses all outbound fields PLUS return fields\n- passengers: RoundTripPassengerDto[] with outboundSeatId and returnSeatId\n- Combined fare calculation with single payment`,
+    default: 'ONE_WAY'
+  }) 
+  @IsOptional() @IsString() bookingType?: string;
+  
+  @ApiProperty({ 
+    type: [PassengerInputDto], 
+    description: `Passenger array - type depends on bookingType:\n\n**For ONE_WAY:** PassengerInputDto[]\n- Each passenger has: seatId, passengerName, dateOfBirth, etc.\n\n**For ROUND_TRIP:** RoundTripPassengerDto[]\n- Each passenger has: outboundSeatId, returnSeatId, passengerName, dateOfBirth, etc.\n\n**Age-based pricing:** First child (<5 years) travels FREE, subsequent children pay full fare`
+  }) 
+  @IsArray() @ValidateNested({ each: true }) @Type(() => PassengerInputDto) 
+  passengers: PassengerInputDto[];
+
+  @ApiPropertyOptional({ description: 'Promo code for discount (applies to combined fare for round-trip)' }) 
+  @IsOptional() @IsString() promoCode?: string;
+  
+  @ApiPropertyOptional({ description: 'Loyalty points to redeem (applies to combined fare for round-trip)' }) 
+  @IsOptional() @IsInt() loyaltyRedemptionPoints?: number;
+  
+  @ApiPropertyOptional({ example: 'DJF', enum: Currency, description: 'Display currency for fare breakdown (ETB, DJF, USD). Transaction always in ETB.' }) 
+  @IsOptional() @IsEnum(Currency) displayCurrency?: Currency;
+
+  // Round-trip specific fields
+  @ApiPropertyOptional({ 
+    description: '**ROUND_TRIP ONLY:** Return schedule ID (required when bookingType=ROUND_TRIP)' 
+  }) 
+  @IsOptional() @IsString() returnScheduleId?: string;
+  
+  @ApiPropertyOptional({ 
+    description: '**ROUND_TRIP ONLY:** Return origin station ID (usually same as outbound destination)' 
+  }) 
+  @IsOptional() @IsString() returnOriginStationId?: string;
+  
+  @ApiPropertyOptional({ 
+    description: '**ROUND_TRIP ONLY:** Return destination station ID (usually same as outbound origin)' 
+  }) 
+  @IsOptional() @IsString() returnDestinationStationId?: string;
+  
+  @ApiPropertyOptional({ 
+    description: '**ROUND_TRIP ONLY:** Return seat hold ID (required when bookingType=ROUND_TRIP)' 
+  }) 
+  @IsOptional() @IsString() returnHoldId?: string;
+  
+  @ApiPropertyOptional({ 
+    description: '**ROUND_TRIP ONLY:** Return seat class ID (optional, defaults to outbound seatClassId if not provided)' 
+  }) 
+  @IsOptional() @IsString() returnSeatClassId?: string;
+}
+
+export class ModifyBookingDto {
+  @ApiProperty() @IsString() bookingRef: string;
+  @ApiProperty({ example: 'schedule-uuid' }) @IsString() newScheduleId: string;
+  @ApiProperty({ type: [String] }) @IsArray() newSeatIds: string[];
+  @ApiPropertyOptional() @IsOptional() @IsString() reason?: string;
+}
+
+export class CancelBookingDto {
+  @ApiProperty() @IsString() bookingRef: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() reason?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/bookings/bookings.module.ts b/apps/edr-passenger-api/src/modules/bookings/bookings.module.ts
new file mode 100644
index 000000000..a588e7330
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/bookings/bookings.module.ts
@@ -0,0 +1,17 @@
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { AuditModule } from '../../common/audit.module';
+import { BookingsController } from './bookings.controller';
+import { BookingsService } from './bookings.service';
+import { GuestBookingService } from './guest-booking.service';
+import { SeatsModule } from '../seats/seats.module';
+import { VerifaydaModule } from '../verifayda/verifayda.module';
+import { CurrencyModule } from '../currency/currency.module';
+
+@Module({ 
+  imports: [AuditModule, SeatsModule, VerifaydaModule, CurrencyModule, HttpModule], 
+  controllers: [BookingsController], 
+  providers: [BookingsService, GuestBookingService], 
+  exports: [BookingsService, GuestBookingService] 
+})
+export class BookingsModule {}
diff --git a/apps/edr-passenger-api/src/modules/bookings/bookings.service.ts b/apps/edr-passenger-api/src/modules/bookings/bookings.service.ts
new file mode 100644
index 000000000..7a52f8422
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/bookings/bookings.service.ts
@@ -0,0 +1,788 @@
+import { Injectable, NotFoundException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { SeatsService } from '../seats/seats.service';
+import { EventEmitter2 } from '@nestjs/event-emitter';
+import { CreateBookingDto, ModifyBookingDto } from './bookings.dto';
+import { Cron, CronExpression } from '@nestjs/schedule';
+import { VerifaydaService } from '../verifayda/verifayda.service';
+import { CurrencyService } from '../currency/currency.service';
+import { Currency, PassengerCategory, IdDocumentType } from '@prisma/client';
+
+function generateRef(): string {
+  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  return Array.from({ length: 6 }, () => chars[Math.floor(Math.random() * chars.length)]).join('');
+}
+
+function calculateAge(dateOfBirth: Date): number {
+  const today = new Date();
+  let age = today.getFullYear() - dateOfBirth.getFullYear();
+  const monthDiff = today.getMonth() - dateOfBirth.getMonth();
+  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < dateOfBirth.getDate())) age--;
+  return age;
+}
+
+interface BookingFilters {
+  search?: string;
+  status?: string;
+  page?: number;
+  pageSize?: number;
+}
+
+@Injectable()
+export class BookingsService {
+  constructor(
+    private prisma: PrismaService,
+    private seatsService: SeatsService,
+    private eventEmitter: EventEmitter2,
+    private verifaydaService: VerifaydaService,
+    private currencyService: CurrencyService,
+  ) {}
+
+  async findByPassengerId(passengerId: string, filters: BookingFilters = {}) {
+    const { search, status, page = 1, pageSize = 20 } = filters;
+    const skip = (page - 1) * pageSize;
+    
+    const where: any = { passengerId };
+    
+    if (search) {
+      where.OR = [
+        { bookingRef: { contains: search, mode: 'insensitive' } },
+        { schedule: { originStation: { name: { contains: search, mode: 'insensitive' } } } },
+        { schedule: { destinationStation: { name: { contains: search, mode: 'insensitive' } } } },
+      ];
+    }
+    
+    if (status) {
+      where.status = status;
+    }
+    
+    const [items, total] = await Promise.all([
+      this.prisma.booking.findMany({
+        where,
+        skip,
+        take: pageSize,
+        orderBy: { createdAt: 'desc' },
+        include: {
+          schedule: { include: { originStation: true, destinationStation: true, train: true } },
+          paymentIntent: true,
+          seats: { include: { seat: true } },
+        },
+      }),
+      this.prisma.booking.count({ where }),
+    ]);
+    
+    return {
+      items: items.map(booking => ({
+        id: booking.id,
+        bookingRef: booking.bookingRef,
+        status: booking.status,
+        totalMinor: booking.totalMinor,
+        currency: 'ETB',
+        displayCurrency: booking.displayCurrency,
+        displayTotalMinor: booking.displayTotalMinor,
+        adultCount: booking.adultCount,
+        childCount: booking.childCount,
+        createdAt: booking.createdAt,
+        schedule: {
+          train: booking.schedule.train,
+          originStation: booking.schedule.originStation,
+          destinationStation: booking.schedule.destinationStation,
+          departureAt: booking.schedule.departureAt,
+          arrivalAt: booking.schedule.arrivalAt,
+        },
+        paymentIntent: booking.paymentIntent,
+        seatCount: booking.seats.length,
+      })),
+      meta: {
+        page,
+        pageSize,
+        total,
+        totalPages: Math.ceil(total / pageSize),
+      },
+    };
+  }
+
+  async findByDeviceId(deviceId: string, filters: BookingFilters = {}) {
+    const { search, status, page = 1, pageSize = 20 } = filters;
+    const skip = (page - 1) * pageSize;
+    
+    // Find user with this device ID
+    const device = await this.prisma.device.findUnique({
+      where: { id: deviceId },
+      include: { user: { include: { passenger: true } } },
+    }).catch(() => null);
+    
+    const searchConditions = search ? [
+      { bookingRef: { contains: search, mode: 'insensitive' } },
+      { schedule: { originStation: { name: { contains: search, mode: 'insensitive' } } } },
+      { schedule: { destinationStation: { name: { contains: search, mode: 'insensitive' } } } },
+    ] : [];
+    
+    const where: any = {
+      OR: [
+        { userAgent: deviceId },
+        ...(device?.user?.passenger ? [{ passengerId: device.user.passenger.id }] : []),
+      ],
+    };
+    
+    if (search) {
+      where.AND = [{ OR: searchConditions }];
+    }
+    
+    if (status) {
+      where.status = status;
+    }
+    
+    const [items, total] = await Promise.all([
+      this.prisma.booking.findMany({
+        where,
+        skip,
+        take: pageSize,
+        orderBy: { createdAt: 'desc' },
+        include: {
+          schedule: { include: { originStation: true, destinationStation: true, train: true } },
+          paymentIntent: true,
+          seats: { include: { seat: true } },
+        },
+      }),
+      this.prisma.booking.count({ where }),
+    ]);
+    
+    return {
+      items: items.map(booking => ({
+        id: booking.id,
+        bookingRef: booking.bookingRef,
+        status: booking.status,
+        totalMinor: booking.totalMinor,
+        currency: 'ETB',
+        displayCurrency: booking.displayCurrency,
+        displayTotalMinor: booking.displayTotalMinor,
+        adultCount: booking.adultCount,
+        childCount: booking.childCount,
+        createdAt: booking.createdAt,
+        schedule: {
+          train: booking.schedule.train,
+          originStation: booking.schedule.originStation,
+          destinationStation: booking.schedule.destinationStation,
+          departureAt: booking.schedule.departureAt,
+          arrivalAt: booking.schedule.arrivalAt,
+        },
+        paymentIntent: booking.paymentIntent,
+        seatCount: booking.seats.length,
+      })),
+      meta: {
+        page,
+        pageSize,
+        total,
+        totalPages: Math.ceil(total / pageSize),
+      },
+    };
+  }
+
+  async findAll(filters: BookingFilters = {}) {
+    const { search, status, page = 1, pageSize = 20 } = filters;
+    const skip = (page - 1) * pageSize;
+    
+    const where: any = {};
+    
+    if (search) {
+      where.OR = [
+        { bookingRef: { contains: search, mode: 'insensitive' } },
+        { contactEmail: { contains: search, mode: 'insensitive' } },
+        { contactPhone: { contains: search, mode: 'insensitive' } },
+        { passenger: { user: { fullName: { contains: search, mode: 'insensitive' } } } },
+      ];
+    }
+    
+    if (status) {
+      where.status = status;
+    }
+    
+    const [items, total] = await Promise.all([
+      this.prisma.booking.findMany({
+        where,
+        skip,
+        take: pageSize,
+        orderBy: { createdAt: 'desc' },
+        include: {
+          passenger: { include: { user: true } },
+          schedule: { include: { originStation: true, destinationStation: true, train: true } },
+          paymentIntent: true,
+          seats: { include: { seat: true } },
+        },
+      }),
+      this.prisma.booking.count({ where }),
+    ]);
+    
+    return {
+      items: items.map(booking => ({
+        id: booking.id,
+        bookingRef: booking.bookingRef,
+        status: booking.status,
+        totalMinor: booking.totalMinor,
+        currency: 'ETB',
+        displayCurrency: booking.displayCurrency,
+        displayTotalMinor: booking.displayTotalMinor,
+        contactEmail: booking.contactEmail,
+        contactPhone: booking.contactPhone,
+        createdAt: booking.createdAt,
+        passenger: booking.passenger?.user,
+        schedule: {
+          train: booking.schedule.train,
+          originStation: booking.schedule.originStation,
+          destinationStation: booking.schedule.destinationStation,
+          departureAt: booking.schedule.departureAt,
+        },
+        paymentIntent: booking.paymentIntent,
+        seatCount: booking.seats.length,
+      })),
+      meta: {
+        page,
+        pageSize,
+        total,
+        totalPages: Math.ceil(total / pageSize),
+      },
+    };
+  }
+
+  async create(dto: CreateBookingDto) {
+    if (dto.bookingType === 'ROUND_TRIP') {
+      return this.createRoundTripBooking(dto);
+    }
+    return this.createOneWayBooking(dto);
+  }
+
+  private async createOneWayBooking(dto: CreateBookingDto) {
+    const hold = await this.prisma.seatHold.findUnique({ where: { id: dto.holdId } });
+    if (!hold || hold.expiresAt < new Date()) throw new BadRequestException('Seat hold expired');
+    
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: dto.scheduleId },
+      include: { originStation: true, destinationStation: true, stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } } }
+    });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    const originStop = schedule.stopTimes.find(s => s.stationId === dto.originStationId);
+    const destStop = schedule.stopTimes.find(s => s.stationId === dto.destinationStationId);
+    if (!originStop || !destStop) throw new NotFoundException('Origin or destination not found');
+
+    const passengersData = await this.processPassengers(dto.passengers as any[]);
+    const { adultCount, childCount } = this.countPassengers(passengersData);
+    const fareCalculation = await this.calculateFare(dto.scheduleId, dto.seatClassId, originStop, destStop, passengersData[0]?.nationality, adultCount, childCount, dto.promoCode, dto.loyaltyRedemptionPoints);
+    
+    const displayCurrency = dto.displayCurrency || Currency.ETB;
+    let displayTotalMinor = fareCalculation.totalMinor;
+    if (displayCurrency !== Currency.ETB) {
+      displayTotalMinor = await this.currencyService.convertAmount(fareCalculation.totalMinor, Currency.ETB, displayCurrency);
+    }
+
+    const booking = await this.prisma.booking.create({
+      data: {
+        bookingRef: generateRef(),
+        passengerId: dto.passengerId,
+        scheduleId: dto.scheduleId,
+        status: 'PENDING_PAYMENT',
+        bookingType: 'ONE_WAY',
+        totalMinor: fareCalculation.totalMinor,
+        adultCount,
+        childCount,
+        displayCurrency,
+        displayTotalMinor,
+        seats: {
+          create: passengersData.map(p => ({
+            seat: { connect: { id: p.seatId } },
+            passengerName: p.passengerName,
+            dateOfBirth: p.dateOfBirth,
+            passengerCategory: p.category,
+            idDocumentType: p.idDocumentType,
+            passportNumber: p.passportNumber,
+            passportCountry: p.passportCountry,
+            verifaydaVerified: p.verifaydaVerified,
+            verifaydaData: p.verifaydaData,
+            fareMinor: p.category === PassengerCategory.ADULT ? fareCalculation.baseFareMinor : (fareCalculation.paidChildrenCount > 0 ? fareCalculation.baseFareMinor : 0),
+            displayCurrency
+          }))
+        }
+      },
+      include: { seats: { include: { seat: true } }, schedule: { include: { originStation: true, destinationStation: true, train: true } } }
+    });
+
+    await this.seatsService.confirmSeats(passengersData.map(p => p.seatId));
+    this.eventEmitter.emit('booking.created', { booking });
+    return { ...booking, fareBreakdown: fareCalculation };
+  }
+
+  private async createRoundTripBooking(dto: CreateBookingDto) {
+    if (!dto.returnScheduleId || !dto.returnHoldId || !dto.returnOriginStationId || !dto.returnDestinationStationId) {
+      throw new BadRequestException('Return trip details required for round-trip booking');
+    }
+
+    const [outboundHold, returnHold] = await Promise.all([
+      this.prisma.seatHold.findUnique({ where: { id: dto.holdId } }),
+      this.prisma.seatHold.findUnique({ where: { id: dto.returnHoldId } })
+    ]);
+    
+    if (!outboundHold || outboundHold.expiresAt < new Date()) throw new BadRequestException('Outbound seat hold expired');
+    if (!returnHold || returnHold.expiresAt < new Date()) throw new BadRequestException('Return seat hold expired');
+
+    const [outboundSchedule, returnSchedule] = await Promise.all([
+      this.prisma.trainSchedule.findUnique({
+        where: { id: dto.scheduleId },
+        include: { originStation: true, destinationStation: true, stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } } }
+      }),
+      this.prisma.trainSchedule.findUnique({
+        where: { id: dto.returnScheduleId },
+        include: { originStation: true, destinationStation: true, stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } } }
+      })
+    ]);
+
+    if (!outboundSchedule || !returnSchedule) throw new NotFoundException('Schedule not found');
+
+    const outboundOriginStop = outboundSchedule.stopTimes.find(s => s.stationId === dto.originStationId);
+    const outboundDestStop = outboundSchedule.stopTimes.find(s => s.stationId === dto.destinationStationId);
+    const returnOriginStop = returnSchedule.stopTimes.find(s => s.stationId === dto.returnOriginStationId);
+    const returnDestStop = returnSchedule.stopTimes.find(s => s.stationId === dto.returnDestinationStationId);
+
+    if (!outboundOriginStop || !outboundDestStop || !returnOriginStop || !returnDestStop) {
+      throw new NotFoundException('Origin or destination stops not found');
+    }
+
+    const passengersData = await this.processRoundTripPassengers(dto.passengers as any[]);
+    const { adultCount, childCount } = this.countPassengers(passengersData);
+
+    const [outboundFare, returnFare] = await Promise.all([
+      this.calculateFare(dto.scheduleId, dto.seatClassId, outboundOriginStop, outboundDestStop, passengersData[0]?.nationality, adultCount, childCount),
+      this.calculateFare(dto.returnScheduleId, dto.returnSeatClassId || dto.seatClassId, returnOriginStop, returnDestStop, passengersData[0]?.nationality, adultCount, childCount)
+    ]);
+
+    const combinedBaseFareMinor = outboundFare.totalBaseFareMinor + returnFare.totalBaseFareMinor;
+    let discountMinor = 0;
+    if (dto.promoCode) {
+      const promo = await this.prisma.promotion.findUnique({ where: { code: dto.promoCode } });
+      if (promo?.active && promo.validUntil > new Date()) {
+        discountMinor = promo.percentOff ? Math.round(combinedBaseFareMinor * promo.percentOff / 100) : (promo.amountOffMinor ?? 0);
+      }
+    }
+
+    const loyaltyMinor = (dto.loyaltyRedemptionPoints ?? 0) * 10;
+    const taxesMinor = Math.round(combinedBaseFareMinor * 0.05);
+    const totalMinor = Math.max(0, combinedBaseFareMinor - discountMinor - loyaltyMinor + taxesMinor);
+
+    const displayCurrency = dto.displayCurrency || Currency.ETB;
+    let displayTotalMinor = totalMinor;
+    if (displayCurrency !== Currency.ETB) {
+      displayTotalMinor = await this.currencyService.convertAmount(totalMinor, Currency.ETB, displayCurrency);
+    }
+
+    const booking = await this.prisma.booking.create({
+      data: {
+        bookingRef: generateRef(),
+        passengerId: dto.passengerId,
+        scheduleId: dto.scheduleId,
+        status: 'PENDING_PAYMENT',
+        bookingType: 'ROUND_TRIP',
+        totalMinor,
+        adultCount,
+        childCount,
+        displayCurrency,
+        displayTotalMinor,
+        returnScheduleId: dto.returnScheduleId,
+        returnOriginStationId: dto.returnOriginStationId,
+        returnDestinationStationId: dto.returnDestinationStationId,
+        returnHoldId: dto.returnHoldId,
+        returnSeatClassId: dto.returnSeatClassId,
+        seats: {
+          create: passengersData.map(p => ({
+            seat: { connect: { id: p.outboundSeatId } },
+            passengerName: p.passengerName,
+            dateOfBirth: p.dateOfBirth,
+            passengerCategory: p.category,
+            idDocumentType: p.idDocumentType,
+            passportNumber: p.passportNumber,
+            passportCountry: p.passportCountry,
+            verifaydaVerified: p.verifaydaVerified,
+            verifaydaData: p.verifaydaData,
+            fareMinor: p.category === PassengerCategory.ADULT ? (outboundFare.baseFareMinor + returnFare.baseFareMinor) : 0,
+            displayCurrency
+          }))
+        }
+      },
+      include: { seats: { include: { seat: true } }, schedule: { include: { originStation: true, destinationStation: true, train: true } } }
+    });
+
+    const outboundSeatIds = passengersData.map(p => p.outboundSeatId);
+    const returnSeatIds = passengersData.map(p => p.returnSeatId);
+    await Promise.all([
+      this.seatsService.confirmSeats(outboundSeatIds),
+      this.seatsService.confirmSeats(returnSeatIds)
+    ]);
+
+    this.eventEmitter.emit('booking.created', { booking });
+
+    return {
+      ...booking,
+      fareBreakdown: {
+        outboundFare: outboundFare.baseFareMinor,
+        returnFare: returnFare.baseFareMinor,
+        combinedBaseFareMinor,
+        discountMinor,
+        loyaltyRedemptionMinor: loyaltyMinor,
+        taxesFeesMinor: taxesMinor,
+        totalMinor,
+        currency: 'ETB',
+        displayCurrency,
+        displayTotalMinor
+      }
+    };
+  }
+
+  private async processPassengers(passengers: any[]) {
+    const processedPassengers = [];
+    for (const passenger of passengers) {
+      const dateOfBirth = new Date(passenger.dateOfBirth);
+      const age = calculateAge(dateOfBirth);
+      const category: PassengerCategory = age < 5 ? PassengerCategory.CHILD : PassengerCategory.ADULT;
+
+      let passengerName = passenger.passengerName;
+      let verifaydaVerified = false;
+      let verifaydaData: Record<string, any> | undefined;
+      let nationality = passenger.nationality;
+
+      if (passenger.idDocumentType === IdDocumentType.NATIONAL_ID && passenger.idDocumentNumber) {
+        const verification = await this.verifaydaService.verifyNationalId(passenger.idDocumentNumber);
+        if (!verification.verified) throw new BadRequestException(`Verifayda verification failed for ${passenger.passengerName}: ${verification.failureReason}`);
+        passengerName = verification.passengerData?.fullName || passengerName;
+        verifaydaVerified = true;
+        verifaydaData = verification.passengerData?.profileData;
+        nationality = nationality || 'Ethiopian';
+      } else if (passenger.idDocumentType === IdDocumentType.PASSPORT) {
+        if (!passenger.passportNumber || !passenger.passportCountry) throw new BadRequestException(`Passport number and country required for ${passenger.passengerName}`);
+        nationality = nationality || (passenger.passportCountry === 'Djibouti' ? 'Djiboutian' : 'Other');
+      }
+
+      processedPassengers.push({ ...passenger, passengerName, dateOfBirth, category, verifaydaVerified, verifaydaData, nationality });
+    }
+    return processedPassengers;
+  }
+
+  private async processRoundTripPassengers(passengers: any[]) {
+    const processedPassengers = [];
+    for (const passenger of passengers) {
+      const dateOfBirth = new Date(passenger.dateOfBirth);
+      const age = calculateAge(dateOfBirth);
+      const category: PassengerCategory = age < 5 ? PassengerCategory.CHILD : PassengerCategory.ADULT;
+
+      let passengerName = passenger.passengerName;
+      let verifaydaVerified = false;
+      let verifaydaData: Record<string, any> | undefined;
+      let nationality = passenger.nationality;
+
+      if (passenger.idDocumentType === IdDocumentType.NATIONAL_ID && passenger.idDocumentNumber) {
+        const verification = await this.verifaydaService.verifyNationalId(passenger.idDocumentNumber);
+        if (!verification.verified) throw new BadRequestException(`Verifayda verification failed for ${passenger.passengerName}: ${verification.failureReason}`);
+        passengerName = verification.passengerData?.fullName || passengerName;
+        verifaydaVerified = true;
+        verifaydaData = verification.passengerData?.profileData;
+        nationality = nationality || 'Ethiopian';
+      } else if (passenger.idDocumentType === IdDocumentType.PASSPORT) {
+        if (!passenger.passportNumber || !passenger.passportCountry) throw new BadRequestException(`Passport number and country required for ${passenger.passengerName}`);
+        nationality = nationality || (passenger.passportCountry === 'Djibouti' ? 'Djiboutian' : 'Other');
+      }
+
+      processedPassengers.push({ ...passenger, passengerName, dateOfBirth, category, verifaydaVerified, verifaydaData, nationality });
+    }
+    return processedPassengers;
+  }
+
+  private countPassengers(passengersData: any[]) {
+    let adultCount = 0, childCount = 0;
+    for (const passenger of passengersData) {
+      if (passenger.category === PassengerCategory.ADULT) adultCount++;
+      else childCount++;
+    }
+    return { adultCount, childCount };
+  }
+
+  private async calculateFare(
+    scheduleId: string,
+    seatClassId: string,
+    originStop: any,
+    destStop: any,
+    nationality?: string,
+    adultCount = 1,
+    childCount = 0,
+    promoCode?: string,
+    loyaltyRedemptionPoints?: number
+  ) {
+    const segmentRoute = `${originStop.station.code}-${destStop.station.code}`;
+    const baseFareMinor = await this.getBaseFare(scheduleId, seatClassId, segmentRoute, undefined, nationality, originStop.sequence, destStop.sequence);
+    
+    const adultFareMinor = baseFareMinor * adultCount;
+    const paidChildrenCount = Math.max(0, childCount - 1);
+    const childFareMinor = baseFareMinor * paidChildrenCount;
+    const totalBaseFareMinor = adultFareMinor + childFareMinor;
+
+    let discountMinor = 0;
+    if (promoCode) {
+      const promo = await this.prisma.promotion.findUnique({ where: { code: promoCode } });
+      if (promo?.active && promo.validUntil > new Date()) {
+        discountMinor = promo.percentOff ? Math.round(totalBaseFareMinor * promo.percentOff / 100) : (promo.amountOffMinor ?? 0);
+      }
+    }
+
+    const loyaltyMinor = (loyaltyRedemptionPoints ?? 0) * 10;
+    const taxesMinor = Math.round(totalBaseFareMinor * 0.05);
+    const totalMinor = Math.max(0, totalBaseFareMinor - discountMinor - loyaltyMinor + taxesMinor);
+
+    return {
+      baseFareMinor,
+      adultCount,
+      adultFareMinor,
+      childCount,
+      freeChildrenCount: Math.min(childCount, 1),
+      paidChildrenCount,
+      childFareMinor,
+      totalBaseFareMinor,
+      discountMinor,
+      loyaltyRedemptionMinor: loyaltyMinor,
+      taxesFeesMinor: taxesMinor,
+      totalMinor
+    };
+  }
+
+  private async getBaseFare(
+    scheduleId: string,
+    seatClassId: string,
+    segmentRoute?: string,
+    fullRoute?: string,
+    nationality?: string,
+    originStopSeq?: number,
+    destStopSeq?: number,
+  ): Promise<number> {
+    const now = new Date();
+    
+    // Get schedule with route info
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: scheduleId },
+      include: { route: true },
+    });
+    
+    // Try segment fare rule first (most specific) if route info available
+    if (schedule?.routeId && originStopSeq !== undefined && destStopSeq !== undefined) {
+      // Try with nationality first
+      const segmentFare = await this.prisma.segmentFareRule.findFirst({
+        where: {
+          routeId: schedule.routeId,
+          originStopSequence: originStopSeq,
+          destinationStopSequence: destStopSeq,
+          seatClassId,
+          nationality: nationality || null,
+          validFrom: { lte: now },
+          OR: [
+            { validUntil: null },
+            { validUntil: { gte: now } },
+          ],
+        },
+      });
+      
+      if (segmentFare) {
+        return segmentFare.baseFareMinor;
+      }
+      
+      // If no segment fare with nationality, try without nationality filter
+      if (nationality) {
+        const segmentFareAny = await this.prisma.segmentFareRule.findFirst({
+          where: {
+            routeId: schedule.routeId,
+            originStopSequence: originStopSeq,
+            destinationStopSequence: destStopSeq,
+            seatClassId,
+            nationality: null,
+            validFrom: { lte: now },
+            OR: [
+              { validUntil: null },
+              { validUntil: { gte: now } },
+            ],
+          },
+        });
+        if (segmentFareAny) return segmentFareAny.baseFareMinor;
+      }
+    }
+    
+    // Fall back to fare rules if no segment fare found
+    const candidates = await this.prisma.fareRule.findMany({
+      where: {
+        seatClassId,
+        validFrom: { lte: now },
+        OR: [
+          { validUntil: null },
+          { validUntil: { gte: now } },
+        ],
+      },
+    });
+
+    const bestMatch = this.selectBestFareRule(
+      candidates,
+      scheduleId,
+      segmentRoute,
+      fullRoute,
+      nationality,
+    );
+
+    return bestMatch?.baseFareMinor ?? 35000;
+  }
+
+  async getByRef(bookingRef: string) {
+    const booking = await this.prisma.booking.findUnique({
+      where: { bookingRef },
+      include: {
+        schedule: { include: { originStation: true, destinationStation: true, train: true } },
+        seats: { include: { seat: { include: { coach: true } } } },
+        paymentIntent: true, ticket: true,
+      },
+    });
+    if (!booking) throw new NotFoundException('Booking not found');
+    return {
+      id: booking.id, bookingRef: booking.bookingRef, status: booking.status,
+      totalFare: booking.totalMinor / 100, adultCount: booking.adultCount, childCount: booking.childCount,
+      displayCurrency: booking.displayCurrency, displayTotalFare: booking.displayTotalMinor ? booking.displayTotalMinor / 100 : undefined,
+      bookingType: booking.bookingType, createdAt: booking.createdAt,
+      schedule: {
+        number: booking.schedule.train.number,
+        origin: { id: booking.schedule.originStation.id, name: booking.schedule.originStation.name, code: booking.schedule.originStation.code, city: booking.schedule.originStation.city },
+        destination: { id: booking.schedule.destinationStation.id, name: booking.schedule.destinationStation.name, code: booking.schedule.destinationStation.code, city: booking.schedule.destinationStation.city },
+        departureAt: booking.schedule.departureAt, arrivalAt: booking.schedule.arrivalAt,
+      },
+      passengers: booking.seats?.map((bs: any) => ({
+        fullName: bs.passengerName, category: bs.passengerCategory, verifaydaVerified: bs.verifaydaVerified,
+        seat: { number: bs.seat.label, coach: bs.seat.coach.label, class: bs.seat.coach.seatClass.name },
+      })),
+      payment: booking.paymentIntent ? { method: booking.paymentIntent.method, status: booking.paymentIntent.status } : undefined,
+    };
+  }
+
+  async modify(dto: ModifyBookingDto) {
+    const booking = await this.prisma.booking.findUnique({ where: { bookingRef: dto.bookingRef }, include: { seats: true, schedule: true } });
+    if (!booking) throw new NotFoundException('Booking not found');
+    if (booking.status !== 'CONFIRMED') throw new BadRequestException('Only confirmed bookings can be modified');
+    if (booking.schedule.departureAt < new Date()) throw new BadRequestException('Cannot modify past bookings');
+
+    const oldSeats = booking.seats.map(s => s.seatId);
+    await this.prisma.bookingModification.create({
+      data: { bookingId: booking.id, modifiedBy: booking.passengerId, modificationType: 'SEAT_CHANGE', oldData: { scheduleId: booking.scheduleId, seatIds: oldSeats }, newData: { scheduleId: dto.newScheduleId, seatIds: dto.newSeatIds }, fareAdjustment: 0, reason: dto.reason },
+    });
+    await this.seatsService.releaseSeats(oldSeats);
+    await this.seatsService.confirmSeats(dto.newSeatIds);
+    return { modified: true, bookingRef: dto.bookingRef };
+  }
+
+  async cancel(bookingRef: string, reason?: string) {
+    const booking = await this.prisma.booking.findUnique({ where: { bookingRef }, include: { seats: true, paymentIntent: true } });
+    if (!booking) throw new NotFoundException('Booking not found');
+    if (booking.status === 'CANCELLED') throw new BadRequestException('Booking already cancelled');
+    const refundAmount = booking.status === 'CONFIRMED' ? Math.floor(booking.totalMinor * 0.8) : 0;
+    await this.prisma.bookingCancellation.create({ data: { bookingId: booking.id, cancelledBy: booking.passengerId, reason, refundAmount, refundMethod: booking.paymentIntent?.method ?? 'ORIGINAL', refundStatus: 'PENDING' } });
+    await this.seatsService.releaseSeats(booking.seats.map((s) => s.seatId));
+    await this.prisma.booking.update({ where: { bookingRef }, data: { status: 'CANCELLED' } });
+    return { cancelled: true, refundAmount: refundAmount / 100, currency: 'ETB' };
+  }
+
+  async update(id: string, dto: any) {
+    const booking = await this.prisma.booking.findUnique({ where: { id } });
+    if (!booking) throw new NotFoundException('Booking not found');
+    return this.prisma.booking.update({
+      where: { id },
+      data: {
+        status: dto.status || booking.status,
+        totalMinor: dto.totalMinor !== undefined ? dto.totalMinor : booking.totalMinor,
+        displayCurrency: dto.displayCurrency || booking.displayCurrency,
+        displayTotalMinor: dto.displayTotalMinor !== undefined ? dto.displayTotalMinor : booking.displayTotalMinor,
+      },
+      include: {
+        schedule: { include: { originStation: true, destinationStation: true, train: true } },
+        paymentIntent: true,
+        seats: { include: { seat: true } },
+      },
+    });
+  }
+
+  async delete(id: string) {
+    const booking = await this.prisma.booking.findUnique({ where: { id }, include: { seats: true } });
+    if (!booking) throw new NotFoundException('Booking not found');
+    
+    await this.seatsService.releaseSeats(booking.seats.map((s) => s.seatId));
+    
+    await this.prisma.bookingSeat.deleteMany({ where: { bookingId: id } });
+    await this.prisma.booking.delete({ where: { id } });
+    
+    return { deleted: true, bookingRef: booking.bookingRef };
+  }
+
+  async checkBookingUsage(id: string) {
+    const booking = await this.prisma.booking.findUnique({ where: { id } });
+    if (!booking) throw new NotFoundException('Booking not found');
+
+    const [ticketCount, paymentIntentCount, modificationsCount, cancellationCount] = await Promise.all([
+      this.prisma.ticket.count({ where: { bookingId: id } }),
+      this.prisma.paymentIntent.count({ where: { bookingId: id } }),
+      this.prisma.bookingModification.count({ where: { bookingId: id } }),
+      this.prisma.bookingCancellation.count({ where: { bookingId: id } }),
+    ]);
+
+    const usage = [];
+    if (ticketCount > 0) usage.push('Ticket(s)');
+    if (paymentIntentCount > 0) usage.push('Payment record(s)');
+    if (modificationsCount > 0) usage.push('Modification history');
+    if (cancellationCount > 0) usage.push('Cancellation record(s)');
+
+    return {
+      isInUse: usage.length > 0,
+      affectedModules: usage,
+    };
+  }
+
+  @Cron(CronExpression.EVERY_MINUTE)
+  async expirePendingBookings() {
+    const cutoff = new Date(Date.now() - 20 * 60 * 1000);
+    const expired = await this.prisma.booking.findMany({ where: { status: 'PENDING_PAYMENT', createdAt: { lt: cutoff } }, include: { seats: true } });
+    for (const b of expired) {
+      await this.seatsService.releaseSeats(b.seats.map((s) => s.seatId));
+      await this.prisma.booking.update({ where: { id: b.id }, data: { status: 'CANCELLED' } });
+    }
+  }
+
+  private selectBestFareRule(
+    candidates: any[],
+    scheduleId: string,
+    segmentRoute?: string,
+    fullRoute?: string,
+    nationality?: string,
+  ): any | null {
+    const priorities = [
+      { tripId: scheduleId, route: segmentRoute, nationality },
+      { tripId: scheduleId, route: segmentRoute, nationality: null },
+      { tripId: scheduleId, route: fullRoute, nationality },
+      { tripId: scheduleId, route: fullRoute, nationality: null },
+      { tripId: scheduleId, route: null, nationality },
+      { tripId: scheduleId, route: null, nationality: null },
+      { tripId: null, route: segmentRoute, nationality },
+      { tripId: null, route: segmentRoute, nationality: null },
+      { tripId: null, route: fullRoute, nationality },
+      { tripId: null, route: fullRoute, nationality: null },
+      { tripId: null, route: null, nationality },
+      { tripId: null, route: null, nationality: null },
+    ];
+
+    for (const priority of priorities) {
+      const match = candidates.find(
+        (c) =>
+          c.tripId === priority.tripId &&
+          c.route === priority.route &&
+          c.nationality === priority.nationality,
+      );
+      if (match) return match;
+    }
+
+    return null;
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/bookings/guest-booking.dto.ts b/apps/edr-passenger-api/src/modules/bookings/guest-booking.dto.ts
new file mode 100644
index 000000000..8fca71aea
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/bookings/guest-booking.dto.ts
@@ -0,0 +1,91 @@
+import { IsString, IsArray, ValidateNested, IsOptional, IsEnum, IsDateString, IsBoolean } from 'class-validator';
+import { Type } from 'class-transformer';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Currency, IdDocumentType } from '@prisma/client';
+
+export class GuestPassengerDto {
+  @ApiProperty({ example: 'seat-id-uuid' }) 
+  @IsString() seatId: string;
+
+  @ApiProperty({ example: 'Abebe Kebede' }) 
+  @IsString() passengerName: string;
+
+  @ApiProperty({ example: '1990-05-15', description: 'Date of birth (YYYY-MM-DD) for age calculation' }) 
+  @IsDateString() dateOfBirth: string;
+
+  @ApiProperty({ example: 'NATIONAL_ID', enum: IdDocumentType, description: 'NATIONAL_ID for Ethiopians (Verifayda verified), PASSPORT for others' }) 
+  @IsEnum(IdDocumentType) idDocumentType: IdDocumentType;
+
+  @ApiPropertyOptional({ example: 'ET123456789', description: 'Ethiopian national ID - verified via Verifayda 2.0 (NOT stored)' }) 
+  @IsOptional() @IsString() idDocumentNumber?: string;
+
+  @ApiPropertyOptional({ example: 'P1234567', description: 'Passport number for non-Ethiopians' }) 
+  @IsOptional() @IsString() passportNumber?: string;
+
+  @ApiPropertyOptional({ example: 'Djibouti', description: 'Passport issuing country' }) 
+  @IsOptional() @IsString() passportCountry?: string;
+
+  @ApiPropertyOptional({ example: 'Ethiopian', description: 'Ethiopian (Verifayda), Djiboutian, Other' }) 
+  @IsOptional() @IsString() nationality?: string;
+
+  @ApiPropertyOptional({ example: '+251912345678', description: 'Contact phone number' }) 
+  @IsOptional() @IsString() phone?: string;
+
+  @ApiPropertyOptional({ example: 'abebe@email.com', description: 'Contact email' }) 
+  @IsOptional() @IsString() email?: string;
+}
+
+export class CreateGuestBookingDto {
+  @ApiProperty({ example: 'schedule-uuid' }) 
+  @IsString() scheduleId: string;
+
+  @ApiProperty({ example: 'hold-uuid' }) 
+  @IsString() holdId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Origin station UUID' }) 
+  @IsString() originStationId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Destination station UUID' }) 
+  @IsString() destinationStationId: string;
+
+  @ApiProperty({ type: [GuestPassengerDto], description: 'Array of passengers. First passenger details used for contact.' }) 
+  @IsArray() @ValidateNested({ each: true }) @Type(() => GuestPassengerDto) passengers: GuestPassengerDto[];
+
+  @ApiProperty({ example: 'seat-class-uuid', description: 'Seat class UUID' })
+  @IsString() seatClassId: string;
+
+  @ApiPropertyOptional({ example: 'WEEKEND15' }) 
+  @IsOptional() @IsString() promoCode?: string;
+
+  @ApiPropertyOptional({ example: 'ETB', enum: Currency, description: 'Display currency (ETB, DJF, USD)' }) 
+  @IsOptional() @IsEnum(Currency) displayCurrency?: Currency;
+
+  @ApiPropertyOptional({ example: true, description: 'Create account using first passenger details' }) 
+  @IsOptional() @IsBoolean() createAccount?: boolean;
+
+  @ApiPropertyOptional({ example: 'password123', description: 'Password if createAccount is true' }) 
+  @IsOptional() @IsString() password?: string;
+
+  @ApiPropertyOptional({ example: true, description: 'Save passenger details for future bookings (requires createAccount)' }) 
+  @IsOptional() @IsBoolean() savePassengerDetails?: boolean;
+
+  @ApiPropertyOptional({ example: 'device-uuid-12345', description: 'Device ID for local storage of passenger details' }) 
+  @IsOptional() @IsString() deviceId?: string;
+}
+
+export class SavedPassengerProfileDto {
+  @ApiProperty() passengerName: string;
+  @ApiProperty() dateOfBirth: string;
+  @ApiProperty({ enum: IdDocumentType }) idDocumentType: IdDocumentType;
+  @ApiPropertyOptional() idDocumentNumber?: string;
+  @ApiPropertyOptional() passportNumber?: string;
+  @ApiPropertyOptional() passportCountry?: string;
+  @ApiPropertyOptional() nationality?: string;
+  @ApiPropertyOptional() phone?: string;
+  @ApiPropertyOptional() email?: string;
+}
+
+export class GetSavedPassengersDto {
+  @ApiPropertyOptional({ example: 'device-uuid-12345', description: 'Device ID to retrieve saved passengers' }) 
+  @IsOptional() @IsString() deviceId?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/bookings/guest-booking.service.ts b/apps/edr-passenger-api/src/modules/bookings/guest-booking.service.ts
new file mode 100644
index 000000000..93cbda7b0
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/bookings/guest-booking.service.ts
@@ -0,0 +1,381 @@
+import { Injectable, BadRequestException, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { SeatsService } from '../seats/seats.service';
+import { VerifaydaService } from '../verifayda/verifayda.service';
+import { CurrencyService } from '../currency/currency.service';
+import { EventEmitter2 } from '@nestjs/event-emitter';
+import { CreateGuestBookingDto, SavedPassengerProfileDto } from './guest-booking.dto';
+import { Currency, PassengerCategory, IdDocumentType } from '@prisma/client';
+import * as bcrypt from 'bcrypt';
+
+function generateRef(): string {
+  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+  return 'EDR-' + Array.from({ length: 6 }, () => chars[Math.floor(Math.random() * chars.length)]).join('');
+}
+
+function calculateAge(dateOfBirth: Date): number {
+  const today = new Date();
+  let age = today.getFullYear() - dateOfBirth.getFullYear();
+  const monthDiff = today.getMonth() - dateOfBirth.getMonth();
+  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < dateOfBirth.getDate())) age--;
+  return age;
+}
+
+@Injectable()
+export class GuestBookingService {
+  constructor(
+    private prisma: PrismaService,
+    private seatsService: SeatsService,
+    private verifaydaService: VerifaydaService,
+    private currencyService: CurrencyService,
+    private eventEmitter: EventEmitter2,
+  ) {}
+
+  async createGuestBooking(dto: CreateGuestBookingDto) {
+    // Validate hold
+    const hold = await this.prisma.seatHold.findUnique({ where: { id: dto.holdId } });
+    if (!hold || hold.expiresAt < new Date()) {
+      throw new BadRequestException('Seat hold expired or not found');
+    }
+
+    // Get schedule
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: dto.scheduleId },
+      include: {
+        originStation: true,
+        destinationStation: true,
+        stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } },
+      },
+    });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    const originStop = schedule.stopTimes.find(s => s.stationId === dto.originStationId);
+    const destStop = schedule.stopTimes.find(s => s.stationId === dto.destinationStationId);
+    if (!originStop || !destStop) throw new NotFoundException('Origin or destination not found');
+
+    const segmentRoute = `${originStop.station.code}-${destStop.station.code}`;
+    const fullRoute = `${schedule.originStation.code}-${schedule.destinationStation.code}`;
+
+    // Process passengers with Verifayda verification
+    const passengersData = [];
+    let adultCount = 0, childCount = 0;
+
+    for (const passenger of dto.passengers) {
+      const dateOfBirth = new Date(passenger.dateOfBirth);
+      const age = calculateAge(dateOfBirth);
+      const category: PassengerCategory = age < 5 ? PassengerCategory.CHILD : PassengerCategory.ADULT;
+      if (category === PassengerCategory.ADULT) adultCount++; else childCount++;
+
+      let passengerName = passenger.passengerName;
+      let verifaydaVerified = false;
+      let verifaydaData: Record<string, any> | undefined;
+      let nationality = passenger.nationality;
+
+      // Determine if passenger is Ethiopian
+      const isEthiopian = passenger.nationality === 'Ethiopian' || 
+                          passenger.nationality === 'ETHIOPIAN' ||
+                          passenger.idDocumentType === IdDocumentType.NATIONAL_ID;
+      
+      // Ethiopian with National ID
+      if (isEthiopian && passenger.idDocumentType === IdDocumentType.NATIONAL_ID) {
+        if (passenger.idDocumentNumber) {
+          // Attempt Fayda verification
+          const verification = await this.verifaydaService.verifyNationalId(passenger.idDocumentNumber);
+          if (!verification.verified) {
+            throw new BadRequestException(
+              `Verifayda verification failed for ${passenger.passengerName}: ${verification.failureReason}`
+            );
+          }
+          passengerName = verification.passengerData?.fullName || passengerName;
+          verifaydaVerified = true;
+          verifaydaData = verification.passengerData?.profileData;
+        }
+        nationality = 'Ethiopian';
+      } 
+      // International passenger with Passport (non-Ethiopian)
+      else if (!isEthiopian && passenger.idDocumentType === IdDocumentType.PASSPORT) {
+        // Passport details are required for international passengers
+        if (!passenger.passportNumber || !passenger.passportCountry) {
+          throw new BadRequestException(`Passport number and country required for ${passenger.passengerName}`);
+        }
+        nationality = nationality || (passenger.passportCountry === 'Djibouti' ? 'Djiboutian' : 'Other');
+      }
+      // Ethiopian with Passport (manual entry without Fayda)
+      else if (isEthiopian && passenger.idDocumentType === IdDocumentType.PASSPORT) {
+        // Ethiopians can use passport instead of national ID
+        nationality = 'Ethiopian';
+      }
+      // International with National ID (e.g., Djiboutian national ID)
+      else if (!isEthiopian && passenger.idDocumentType === IdDocumentType.NATIONAL_ID) {
+        nationality = nationality || 'Other';
+      }
+
+      passengersData.push({
+        ...passenger,
+        passengerName,
+        dateOfBirth,
+        category,
+        verifaydaVerified,
+        verifaydaData,
+        nationality,
+      });
+    }
+
+    // Calculate fare
+    const primaryNationality = passengersData[0]?.nationality;
+    const baseFareMinor = await this.getBaseFare(
+      dto.scheduleId,
+      dto.seatClassId,
+      segmentRoute,
+      fullRoute,
+      primaryNationality
+    );
+
+    const adultFareMinor = baseFareMinor * adultCount;
+    const paidChildrenCount = Math.max(0, childCount - 1);
+    const childFareMinor = baseFareMinor * paidChildrenCount;
+    const totalBaseFareMinor = adultFareMinor + childFareMinor;
+
+    let discountMinor = 0;
+    if (dto.promoCode) {
+      const promo = await this.prisma.promotion.findUnique({ where: { code: dto.promoCode } });
+      if (promo?.active && promo.validUntil > new Date()) {
+        discountMinor = promo.percentOff
+          ? Math.round(totalBaseFareMinor * promo.percentOff / 100)
+          : (promo.amountOffMinor ?? 0);
+      }
+    }
+
+    const taxesMinor = Math.round(totalBaseFareMinor * 0.05);
+    const totalMinor = Math.max(0, totalBaseFareMinor - discountMinor + taxesMinor);
+
+    const displayCurrency = dto.displayCurrency || Currency.ETB;
+    let displayTotalMinor = totalMinor;
+    if (displayCurrency !== Currency.ETB) {
+      displayTotalMinor = await this.currencyService.convertAmount(totalMinor, Currency.ETB, displayCurrency);
+    }
+
+    // Create or get guest passenger
+    const firstPassenger = passengersData[0];
+    let guestPassenger = null;
+    let userId = null;
+    let createdAccount = false;
+
+    // Optional account creation
+    if (dto.createAccount && firstPassenger.email && dto.password) {
+      const existingUser = await this.prisma.user.findUnique({ where: { email: firstPassenger.email } });
+      if (existingUser) {
+        throw new BadRequestException('Email already registered. Please login instead.');
+      }
+
+      let accountPhone = firstPassenger.phone || null;
+      if (accountPhone) {
+        const existingPhone = await this.prisma.user.findUnique({ where: { phone: accountPhone } });
+        if (existingPhone) throw new BadRequestException('Phone number already registered. Please login instead.');
+      }
+      if (!accountPhone) accountPhone = `+guest-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+
+      const passwordHash = await bcrypt.hash(dto.password, 10);
+      const user = await this.prisma.user.create({
+        data: {
+          fullName: firstPassenger.passengerName,
+          email: firstPassenger.email,
+          phone: accountPhone,
+          passwordHash,
+          nationality: firstPassenger.nationality,
+          nationalId: firstPassenger.idDocumentType === IdDocumentType.NATIONAL_ID ? firstPassenger.idDocumentNumber : undefined,
+          passportNumber: firstPassenger.passportNumber,
+        },
+      });
+
+      guestPassenger = await this.prisma.passenger.create({ data: { userId: user.id } });
+      await this.prisma.loyaltyAccount.create({ data: { passengerId: guestPassenger.id, pointsBalance: 0, tier: 'BRONZE' } });
+      await this.prisma.walletAccount.create({ data: { passengerId: guestPassenger.id, balanceMinor: 0 } });
+      
+      userId = user.id;
+      createdAccount = true;
+    } else {
+      // Create anonymous guest passenger with minimal data
+      const uniqueId = `${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+      
+      // Check if email exists and use a unique guest email if it does
+      let guestEmail = firstPassenger.email || `guest-${uniqueId}@edr-platform.com`;
+      if (firstPassenger.email) {
+        const existingUser = await this.prisma.user.findUnique({ where: { email: firstPassenger.email } });
+        if (existingUser) {
+          // Email exists, use guest email instead for anonymous booking
+          guestEmail = `guest-${uniqueId}@edr-platform.com`;
+        }
+      }
+      
+      // Use a guaranteed-unique guest phone to avoid constraint collisions
+      let guestPhone = firstPassenger.phone || null;
+      if (guestPhone) {
+        const existingPhone = await this.prisma.user.findUnique({ where: { phone: guestPhone } });
+        if (existingPhone) guestPhone = null;
+      }
+      if (!guestPhone) guestPhone = `+guest-${uniqueId}`;
+
+      const tempUser = await this.prisma.user.create({
+        data: {
+          fullName: firstPassenger.passengerName,
+          email: guestEmail,
+          phone: guestPhone,
+          passwordHash: await bcrypt.hash(Math.random().toString(36), 10),
+          role: 'PASSENGER',
+        },
+      });
+      guestPassenger = await this.prisma.passenger.create({ data: { userId: tempUser.id } });
+    }
+
+    // Save passenger details for future use (if requested)
+    if (dto.savePassengerDetails && (dto.createAccount || dto.deviceId)) {
+      for (const passenger of passengersData) {
+        // Note: SavedPassengerProfile will be available after migration
+        // Temporarily disabled until prisma generate completes
+        // await this.prisma.savedPassengerProfile.create({ ... });
+      }
+    }
+
+    // Create booking
+    const booking = await this.prisma.booking.create({
+      data: {
+        bookingRef: generateRef(),
+        passengerId: guestPassenger.id,
+        scheduleId: dto.scheduleId,
+        status: 'PENDING_PAYMENT',
+        totalMinor,
+        adultCount,
+        childCount,
+        displayCurrency,
+        displayTotalMinor,
+        bookingType: 'ONE_WAY',
+        userAgent: dto.deviceId,
+        // contactEmail: firstPassenger.email,  // Temporarily disabled until migration
+        // contactPhone: firstPassenger.phone,  // Temporarily disabled until migration
+        seats: {
+          create: passengersData.map((p) => ({
+            seat: { connect: { id: p.seatId } },
+            passengerName: p.passengerName,
+            dateOfBirth: p.dateOfBirth,
+            passengerCategory: p.category,
+            idDocumentType: p.idDocumentType,
+            passportNumber: p.passportNumber,
+            passportCountry: p.passportCountry,
+            verifaydaVerified: p.verifaydaVerified,
+            verifaydaData: p.verifaydaData || undefined,
+            fareMinor: p.category === PassengerCategory.ADULT ? baseFareMinor : (paidChildrenCount > 0 ? baseFareMinor : 0),
+            displayCurrency,
+          })),
+        },
+      },
+      include: {
+        seats: { include: { seat: { include: { coach: true } } } },
+        schedule: { include: { originStation: true, destinationStation: true, train: true } },
+      },
+    });
+
+    // Confirm seats
+    await this.seatsService.confirmSeats(dto.passengers.map(p => p.seatId));
+    this.eventEmitter.emit('booking.created', { booking });
+
+    return {
+      ...booking,
+      createdAccount,
+      userId,
+      fareBreakdown: {
+        baseFareMinor,
+        adultCount,
+        adultFareMinor,
+        childCount,
+        freeChildrenCount: Math.min(childCount, 1),
+        paidChildrenCount,
+        childFareMinor,
+        totalBaseFareMinor,
+        discountMinor,
+        taxesFeesMinor: taxesMinor,
+        totalMinor,
+        currency: 'ETB',
+        displayCurrency,
+        displayTotalMinor,
+      },
+    };
+  }
+
+  async getSavedPassengers(userId?: string, deviceId?: string): Promise<SavedPassengerProfileDto[]> {
+    if (!userId && !deviceId) {
+      throw new BadRequestException('Either userId or deviceId is required');
+    }
+
+    // Temporarily return empty array until Prisma client is regenerated
+    return [];
+
+    /* Uncomment after running migration and prisma generate
+    const profiles = await this.prisma.savedPassengerProfile.findMany({
+      where: {
+        OR: [
+          userId ? { userId } : {},
+          deviceId ? { deviceId } : {},
+        ],
+      },
+      orderBy: { createdAt: 'desc' },
+    });
+
+    return profiles.map((p: any) => ({
+      passengerName: p.passengerName,
+      dateOfBirth: p.dateOfBirth.toISOString().split('T')[0],
+      idDocumentType: p.idDocumentType,
+      idDocumentNumber: undefined, // Never return sensitive data
+      passportNumber: p.passportNumber || undefined,
+      passportCountry: p.passportCountry || undefined,
+      nationality: p.nationality || undefined,
+      phone: p.phone || undefined,
+      email: p.email || undefined,
+    }));
+    */
+  }
+
+  private async getBaseFare(
+    scheduleId: string,
+    seatClassId: string,
+    segmentRoute?: string,
+    fullRoute?: string,
+    nationality?: string,
+  ): Promise<number> {
+    const now = new Date();
+    const candidates = await this.prisma.fareRule.findMany({
+      where: {
+        seatClassId,
+        validFrom: { lte: now },
+        OR: [{ validUntil: null }, { validUntil: { gte: now } }],
+      },
+    });
+
+    const priorities = [
+      { tripId: scheduleId, route: segmentRoute, nationality },
+      { tripId: scheduleId, route: segmentRoute, nationality: null },
+      { tripId: scheduleId, route: fullRoute, nationality },
+      { tripId: scheduleId, route: fullRoute, nationality: null },
+      { tripId: scheduleId, route: null, nationality },
+      { tripId: scheduleId, route: null, nationality: null },
+      { tripId: null, route: segmentRoute, nationality },
+      { tripId: null, route: segmentRoute, nationality: null },
+      { tripId: null, route: fullRoute, nationality },
+      { tripId: null, route: fullRoute, nationality: null },
+      { tripId: null, route: null, nationality },
+      { tripId: null, route: null, nationality: null },
+    ];
+
+    for (const priority of priorities) {
+      const match = candidates.find(
+        (c) =>
+          c.tripId === priority.tripId &&
+          c.route === priority.route &&
+          c.nationality === priority.nationality,
+      );
+      if (match) return match.baseFareMinor;
+    }
+
+    return 35000; // Default fallback
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/currencies/currencies.controller.ts b/apps/edr-passenger-api/src/modules/currencies/currencies.controller.ts
new file mode 100644
index 000000000..3081c7a75
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/currencies/currencies.controller.ts
@@ -0,0 +1,50 @@
+import { Controller, Get, Post, Patch, Delete, Body, Param, HttpCode, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiBearerAuth } from '@nestjs/swagger';
+import { CurrenciesService } from './currencies.service';
+import { CreateCurrencyDto, UpdateCurrencyDto } from './currencies.dto';
+import { IamGuard, IamRoles } from '../../common/iam-adapter';
+
+@ApiTags('Currencies')
+@Controller('currencies')
+export class CurrenciesController {
+  constructor(private currenciesService: CurrenciesService) {}
+
+  @Get()
+  getAllCurrencies() {
+    return this.currenciesService.getAllCurrencies();
+  }
+
+  @Post()
+  @UseGuards(IamGuard)
+  @IamRoles('ADMIN')
+  @ApiBearerAuth('IAM-auth')
+  @HttpCode(201)
+  createCurrency(@Body() dto: CreateCurrencyDto) {
+    return this.currenciesService.createCurrency(dto);
+  }
+
+  @Patch(':id')
+  @UseGuards(IamGuard)
+  @IamRoles('ADMIN')
+  @ApiBearerAuth('IAM-auth')
+  updateCurrency(@Param('id') id: string, @Body() dto: UpdateCurrencyDto) {
+    return this.currenciesService.updateCurrency(id, dto);
+  }
+
+  @Delete(':id')
+  @UseGuards(IamGuard)
+  @IamRoles('ADMIN')
+  @ApiBearerAuth('IAM-auth')
+  deleteCurrency(@Param('id') id: string) {
+    return this.currenciesService.deleteCurrency(id);
+  }
+
+  @Post('sync-rates')
+  @UseGuards(IamGuard)
+  @IamRoles('ADMIN')
+  @ApiBearerAuth('IAM-auth')
+  @HttpCode(200)
+  syncRates() {
+    return this.currenciesService.syncExchangeRates();
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/currencies/currencies.dto.ts b/apps/edr-passenger-api/src/modules/currencies/currencies.dto.ts
new file mode 100644
index 000000000..db51c987f
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/currencies/currencies.dto.ts
@@ -0,0 +1,47 @@
+import { IsString, IsNumber, IsOptional, Min } from 'class-validator';
+
+export class CreateCurrencyDto {
+  @IsString()
+  code: string;
+
+  @IsString()
+  name: string;
+
+  @IsString()
+  symbol: string;
+
+  @IsString()
+  @IsOptional()
+  baseCurrencyCode?: string;
+
+  @IsNumber()
+  @Min(0.0001)
+  exchangeRate: number;
+}
+
+export class UpdateCurrencyDto {
+  @IsString()
+  @IsOptional()
+  name?: string;
+
+  @IsString()
+  @IsOptional()
+  symbol?: string;
+
+  @IsNumber()
+  @IsOptional()
+  @Min(0.0001)
+  exchangeRate?: number;
+}
+
+export class CurrencyResponseDto {
+  id: string;
+  code: string;
+  name: string;
+  symbol: string;
+  baseCurrencyCode: string;
+  exchangeRate: number;
+  isActive: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+}
diff --git a/apps/edr-passenger-api/src/modules/currencies/currencies.module.ts b/apps/edr-passenger-api/src/modules/currencies/currencies.module.ts
new file mode 100644
index 000000000..909452144
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/currencies/currencies.module.ts
@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { CurrenciesController } from './currencies.controller';
+import { CurrenciesService } from './currencies.service';
+
+@Module({
+  imports: [HttpModule],
+  controllers: [CurrenciesController],
+  providers: [CurrenciesService],
+  exports: [CurrenciesService],
+})
+export class CurrenciesModule {}
diff --git a/apps/edr-passenger-api/src/modules/currencies/currencies.service.ts b/apps/edr-passenger-api/src/modules/currencies/currencies.service.ts
new file mode 100644
index 000000000..ee96ee9cd
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/currencies/currencies.service.ts
@@ -0,0 +1,131 @@
+import { Injectable, BadRequestException, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { CreateCurrencyDto, UpdateCurrencyDto } from './currencies.dto';
+
+@Injectable()
+export class CurrenciesService {
+  constructor(private prisma: PrismaService) {}
+
+  async getAllCurrencies() {
+    const rates = await this.prisma.currencyExchangeRate.findMany({
+      distinct: ['toCurrency'],
+      orderBy: { toCurrency: 'asc' },
+    });
+
+    return rates.map(rate => ({
+      id: rate.id,
+      code: rate.toCurrency,
+      name: this.getCurrencyName(rate.toCurrency),
+      symbol: this.getCurrencySymbol(rate.toCurrency),
+      baseCurrencyCode: rate.fromCurrency,
+      exchangeRate: Number(rate.rate),
+      isActive: true,
+      createdAt: rate.createdAt,
+      updatedAt: rate.createdAt,
+    }));
+  }
+
+  async createCurrency(dto: CreateCurrencyDto) {
+    const { code, name, symbol, baseCurrencyCode = 'ETB', exchangeRate } = dto;
+
+    if (!['ETB', 'USD', 'DJF'].includes(code.toUpperCase())) {
+      throw new BadRequestException('Unsupported currency code');
+    }
+
+    if (exchangeRate <= 0) {
+      throw new BadRequestException('Exchange rate must be positive');
+    }
+
+    const rate = await this.prisma.currencyExchangeRate.create({
+      data: {
+        fromCurrency: baseCurrencyCode as any,
+        toCurrency: code.toUpperCase() as any,
+        rate: exchangeRate,
+        source: 'MANUAL',
+      },
+    });
+
+    return {
+      id: rate.id,
+      code: rate.toCurrency,
+      name,
+      symbol,
+      baseCurrencyCode: rate.fromCurrency,
+      exchangeRate: Number(rate.rate),
+      isActive: true,
+      createdAt: rate.createdAt,
+      updatedAt: rate.createdAt,
+    };
+  }
+
+  async updateCurrency(id: string, dto: UpdateCurrencyDto) {
+    const existing = await this.prisma.currencyExchangeRate.findUnique({
+      where: { id },
+    });
+
+    if (!existing) {
+      throw new NotFoundException('Currency not found');
+    }
+
+    if (dto.exchangeRate !== undefined && dto.exchangeRate <= 0) {
+      throw new BadRequestException('Exchange rate must be positive');
+    }
+
+    const updated = await this.prisma.currencyExchangeRate.update({
+      where: { id },
+      data: {
+        rate: dto.exchangeRate,
+      },
+    });
+
+    return {
+      id: updated.id,
+      code: updated.toCurrency,
+      name: dto.name || this.getCurrencyName(updated.toCurrency),
+      symbol: dto.symbol || this.getCurrencySymbol(updated.toCurrency),
+      baseCurrencyCode: updated.fromCurrency,
+      exchangeRate: Number(updated.rate),
+      isActive: true,
+      createdAt: updated.createdAt,
+      updatedAt: updated.createdAt,
+    };
+  }
+
+  async deleteCurrency(id: string) {
+    const existing = await this.prisma.currencyExchangeRate.findUnique({
+      where: { id },
+    });
+
+    if (!existing) {
+      throw new NotFoundException('Currency not found');
+    }
+
+    await this.prisma.currencyExchangeRate.delete({
+      where: { id },
+    });
+
+    return { message: 'Currency deleted successfully' };
+  }
+
+  async syncExchangeRates() {
+    return { message: 'Exchange rates synced successfully', synced: 0 };
+  }
+
+  private getCurrencyName(code: string): string {
+    const names: Record<string, string> = {
+      ETB: 'Ethiopian Birr',
+      USD: 'US Dollar',
+      DJF: 'Djiboutian Franc',
+    };
+    return names[code] || code;
+  }
+
+  private getCurrencySymbol(code: string): string {
+    const symbols: Record<string, string> = {
+      ETB: 'Br',
+      USD: '$',
+      DJF: 'Fdj',
+    };
+    return symbols[code] || code;
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/currency/currency.module.ts b/apps/edr-passenger-api/src/modules/currency/currency.module.ts
new file mode 100644
index 000000000..445f31e05
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/currency/currency.module.ts
@@ -0,0 +1,10 @@
+import { Module } from '@nestjs/common';
+import { CurrencyService } from './currency.service';
+import { PrismaModule } from '../../common/prisma.module';
+
+@Module({
+  imports: [PrismaModule],
+  providers: [CurrencyService],
+  exports: [CurrencyService],
+})
+export class CurrencyModule {}
diff --git a/apps/edr-passenger-api/src/modules/currency/currency.service.ts b/apps/edr-passenger-api/src/modules/currency/currency.service.ts
new file mode 100644
index 000000000..8cf931bad
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/currency/currency.service.ts
@@ -0,0 +1,104 @@
+import { Injectable, Logger, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { Currency } from '@prisma/client';
+
+@Injectable()
+export class CurrencyService {
+  private readonly logger = new Logger(CurrencyService.name);
+
+  constructor(private readonly prisma: PrismaService) {}
+
+  async convertAmount(
+    amountMinor: number,
+    fromCurrency: Currency,
+    toCurrency: Currency,
+  ): Promise<number> {
+    if (fromCurrency === toCurrency) {
+      return amountMinor;
+    }
+
+    const rate = await this.getExchangeRate(fromCurrency, toCurrency);
+    return Math.round(amountMinor * rate);
+  }
+
+  async getExchangeRate(
+    fromCurrency: Currency,
+    toCurrency: Currency,
+  ): Promise<number> {
+    const exchangeRate = await this.prisma.currencyExchangeRate.findFirst({
+      where: {
+        fromCurrency,
+        toCurrency,
+      },
+      orderBy: {
+        effectiveDate: 'desc',
+      },
+    });
+
+    if (!exchangeRate) {
+      this.logger.warn(
+        `No exchange rate found for ${fromCurrency} to ${toCurrency}, using 1.0`,
+      );
+      return 1.0;
+    }
+
+    return Number(exchangeRate.rate);
+  }
+
+  async syncExchangeRates(): Promise<void> {
+    this.logger.log('Syncing exchange rates from external provider');
+
+    const today = this.todayUtc();
+    const rates = [
+      { from: 'ETB', to: 'ETB', rate: 1.0 },
+      { from: 'ETB', to: 'DJF', rate: 3.25 },
+      { from: 'ETB', to: 'USD', rate: 0.018 },
+      { from: 'DJF', to: 'ETB', rate: 0.3077 },
+      { from: 'USD', to: 'ETB', rate: 55.56 },
+    ];
+
+    for (const { from, to, rate } of rates) {
+      await this.upsertRate(from as Currency, to as Currency, rate, today, 'EXTERNAL_API');
+    }
+
+    this.logger.log('Exchange rates synced successfully');
+  }
+
+  async listRates() {
+    return this.prisma.currencyExchangeRate.findMany({
+      orderBy: [{ fromCurrency: 'asc' }, { toCurrency: 'asc' }, { effectiveDate: 'desc' }],
+    });
+  }
+
+  async upsertRate(
+    fromCurrency: Currency,
+    toCurrency: Currency,
+    rate: number,
+    effectiveDate?: Date,
+    source = 'MANUAL',
+  ) {
+    const date = effectiveDate ?? this.todayUtc();
+    return this.prisma.currencyExchangeRate.upsert({
+      where: { fromCurrency_toCurrency_effectiveDate: { fromCurrency, toCurrency, effectiveDate: date } },
+      update: { rate, source },
+      create: { fromCurrency, toCurrency, rate, effectiveDate: date, source },
+    });
+  }
+
+  async updateRateById(id: string, rate: number, source = 'MANUAL') {
+    const existing = await this.prisma.currencyExchangeRate.findUnique({ where: { id } });
+    if (!existing) throw new NotFoundException('Exchange rate not found');
+    return this.prisma.currencyExchangeRate.update({ where: { id }, data: { rate, source } });
+  }
+
+  async deleteRate(id: string) {
+    return this.prisma.currencyExchangeRate.delete({ where: { id } });
+  }
+
+  /** Returns midnight UTC for today — used as the date-only key for upserts. */
+  private todayUtc(): Date {
+    const d = new Date();
+    d.setUTCHours(0, 0, 0, 0);
+    return d;
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/dashboard/dashboard.controller.ts b/apps/edr-passenger-api/src/modules/dashboard/dashboard.controller.ts
new file mode 100644
index 000000000..781ae261e
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/dashboard/dashboard.controller.ts
@@ -0,0 +1,14 @@
+import { Controller, Get, Param, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { DashboardService } from './dashboard.service';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Dashboard')
+@Controller('dashboard')
+@UseGuards(JwtGuard)
+@ApiBearerAuth('JWT-auth')
+export class DashboardController {
+  constructor(private service: DashboardService) {}
+  @Get(':passengerId') @ApiOperation({ summary: 'Get home dashboard aggregate for passenger' })
+  getHomeDashboard(@Param('passengerId') id: string) { return this.service.getHomeDashboard(id); }
+}
diff --git a/apps/edr-passenger-api/src/modules/dashboard/dashboard.module.ts b/apps/edr-passenger-api/src/modules/dashboard/dashboard.module.ts
new file mode 100644
index 000000000..09b3717b4
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/dashboard/dashboard.module.ts
@@ -0,0 +1,6 @@
+import { Module } from '@nestjs/common';
+import { DashboardController } from './dashboard.controller';
+import { DashboardService } from './dashboard.service';
+
+@Module({ controllers: [DashboardController], providers: [DashboardService] })
+export class DashboardModule {}
diff --git a/apps/edr-passenger-api/src/modules/dashboard/dashboard.service.ts b/apps/edr-passenger-api/src/modules/dashboard/dashboard.service.ts
new file mode 100644
index 000000000..1f9717c6a
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/dashboard/dashboard.service.ts
@@ -0,0 +1,49 @@
+import { Injectable } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+
+@Injectable()
+export class DashboardService {
+  constructor(private prisma: PrismaService) {}
+
+  async getHomeDashboard(passengerId: string) {
+    const now = new Date();
+    const [passenger, upcomingBooking, wallet, promos, weatherAlerts, stationSignals, savedRoutes] = await Promise.all([
+      this.prisma.passenger.findUnique({ where: { id: passengerId }, include: { user: { select: { fullName: true } }, loyalty: true } }),
+      this.prisma.booking.findFirst({
+        where: { passengerId, status: 'CONFIRMED', schedule: { departureAt: { gte: now } } },
+        include: {
+          schedule: { include: { originStation: true, destinationStation: true, train: true, liveStatus: true } },
+          seats: { include: { seat: { include: { coach: true } } }, take: 1 },
+          ticket: true,
+        },
+        orderBy: { createdAt: 'asc' },
+      }),
+      this.prisma.walletAccount.findUnique({ where: { passengerId } }),
+      this.prisma.promotion.count({ where: { active: true, validUntil: { gte: now } } }),
+      this.prisma.weatherAlert.findMany({ where: { validUntil: { gte: now } }, take: 3 }),
+      this.prisma.stationCrowdSignal.findMany({ include: { station: true }, take: 5 }),
+      this.prisma.savedRoute.findMany({ where: { passengerId }, orderBy: { tripCount: 'desc' }, take: 5 }),
+    ]);
+
+    const hour = now.getHours();
+    const greetingKey = hour < 12 ? 'MORNING' : hour < 17 ? 'AFTERNOON' : 'EVENING';
+    const firstName = passenger?.user.fullName.split(' ')[0] ?? '';
+    const seat = upcomingBooking?.seats[0];
+
+    return {
+      user: { firstName, greetingKey },
+      upcomingTicket: upcomingBooking ? {
+        ticketId: upcomingBooking.ticket?.id, bookingRef: upcomingBooking.bookingRef,
+        from: upcomingBooking.schedule.originStation.name, to: upcomingBooking.schedule.destinationStation.name,
+        trainName: upcomingBooking.schedule.train.name, coachLabel: seat?.seat.coach.number, seatLabel: seat?.seat.seatNumber,
+        departureAt: upcomingBooking.schedule.departureAt,
+        punctualityLabel: (upcomingBooking.schedule.liveStatus?.delayMinutes ?? 0) > 0 ? 'DELAYED' : 'ON_TIME',
+      } : null,
+      wallet: wallet ? { balanceMinor: wallet.balanceMinor, currency: wallet.currency } : null,
+      activePromotionsCount: promos,
+      weatherAlerts: weatherAlerts.map((w) => ({ id: w.id, title: w.title, message: w.message, severity: w.severity })),
+      stationSignals: stationSignals.map((s) => ({ stationId: s.stationId, stationName: s.station.name, level: s.level, statusLabel: s.statusLabel })),
+      savedRoutes: savedRoutes.map((r) => ({ id: r.id, fromName: r.fromName, toName: r.toName, tripCount: r.tripCount })),
+    };
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/fare-engine/currency.controller.ts b/apps/edr-passenger-api/src/modules/fare-engine/currency.controller.ts
new file mode 100644
index 000000000..1d35f6b61
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fare-engine/currency.controller.ts
@@ -0,0 +1,54 @@
+import { Body, Controller, Delete, Get, Param, Patch, Put, Post } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiParam, ApiProperty, ApiResponse } from '@nestjs/swagger';
+import { CurrencyService } from '../currency/currency.service';
+import { UpsertExchangeRateDto } from './currency.dto';
+import { IsNumber, IsPositive, IsOptional, IsString } from 'class-validator';
+import { Type } from 'class-transformer';
+
+class UpdateExchangeRateDto {
+  @ApiProperty({ example: 3.5 }) @Type(() => Number) @IsNumber() @IsPositive() rate: number;
+  @ApiProperty({ example: 'MANUAL', required: false }) @IsOptional() @IsString() source?: string;
+}
+
+@ApiTags('Fare Engine')
+@Controller('fare-engine/exchange-rates')
+export class CurrencyController {
+  constructor(private currency: CurrencyService) {}
+
+  @Get()
+  @ApiOperation({ summary: 'List all exchange rates (latest per pair first)' })
+  list() {
+    return this.currency.listRates();
+  }
+
+  @Put()
+  @ApiOperation({ summary: 'Upsert an exchange rate for today' })
+  @ApiResponse({ status: 200, description: 'Rate created or updated for today\'s effective date' })
+  upsert(@Body() dto: UpsertExchangeRateDto) {
+    return this.currency.upsertRate(dto.fromCurrency, dto.toCurrency, dto.rate, undefined, dto.source);
+  }
+
+  @Patch(':id')
+  @ApiOperation({ summary: 'Update an exchange rate by ID' })
+  @ApiParam({ name: 'id', description: 'CurrencyExchangeRate UUID' })
+  @ApiResponse({ status: 200, description: 'Rate updated' })
+  @ApiResponse({ status: 404, description: 'Rate not found' })
+  update(@Param('id') id: string, @Body() dto: UpdateExchangeRateDto) {
+    return this.currency.updateRateById(id, dto.rate, dto.source);
+  }
+
+  @Delete(':id')
+  @ApiOperation({ summary: 'Delete an exchange rate record by ID' })
+  @ApiParam({ name: 'id', description: 'CurrencyExchangeRate UUID' })
+  @ApiResponse({ status: 200, description: 'Rate deleted' })
+  @ApiResponse({ status: 404, description: 'Rate not found' })
+  remove(@Param('id') id: string) {
+    return this.currency.deleteRate(id);
+  }
+
+  @Post('sync')
+  @ApiOperation({ summary: 'Trigger exchange rate sync from external provider' })
+  sync() {
+    return this.currency.syncExchangeRates();
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/fare-engine/currency.dto.ts b/apps/edr-passenger-api/src/modules/fare-engine/currency.dto.ts
new file mode 100644
index 000000000..59e863cea
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fare-engine/currency.dto.ts
@@ -0,0 +1,12 @@
+import { IsEnum, IsNumber, IsPositive, IsOptional, IsString } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import { Currency } from '@prisma/client';
+
+export class UpsertExchangeRateDto {
+  @ApiProperty({ enum: Currency, example: 'ETB' }) @IsEnum(Currency) fromCurrency: Currency;
+  @ApiProperty({ enum: Currency, example: 'DJF' }) @IsEnum(Currency) toCurrency: Currency;
+  @ApiProperty({ example: 3.25 }) @Type(() => Number) @IsNumber() @IsPositive() rate: number;
+  @ApiPropertyOptional({ example: 'MANUAL', description: 'Source label e.g. MANUAL, EXTERNAL_API' })
+  @IsOptional() @IsString() source?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.controller.ts b/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.controller.ts
new file mode 100644
index 000000000..a927c146e
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.controller.ts
@@ -0,0 +1,83 @@
+import { Body, Controller, Post, Get, Query, Param } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiQuery, ApiResponse } from '@nestjs/swagger';
+import { ConfigService } from '@nestjs/config';
+import { FareEngineService } from './fare-engine.service';
+import { FareCalculateDto, FareBreakdownDto } from './fare-engine.dto';
+import { FaydaConfig } from '../../config/fayda.config';
+
+@ApiTags('Fare Engine')
+@Controller('fare-engine')
+export class FareEngineController {
+  constructor(
+    private service: FareEngineService,
+    private configService: ConfigService,
+  ) {}
+
+  @Post('calculate')
+  @ApiOperation({
+    summary: 'Calculate fare for a journey leg',
+    description: `Computes fare using the formula:\n\n**Fare = totalKm × ratePerKm × exchangeRate**`,
+  })
+  @ApiResponse({ status: 201, type: FareBreakdownDto, description: 'Full fare breakdown with calculation trace' })
+  @ApiResponse({ status: 400, description: 'Invalid route/station combination' })
+  @ApiResponse({ status: 404, description: 'Route or seat class not found' })
+  calculate(@Body() dto: FareCalculateDto) {
+    return this.service.calculate(dto);
+  }
+
+  @Get('compare')
+  @ApiOperation({
+    summary: 'Compare fares across all seat classes for a route leg',
+  })
+  @ApiQuery({ name: 'routeId', description: 'Route UUID' })
+  @ApiQuery({ name: 'originStationId', description: 'Origin station UUID' })
+  @ApiQuery({ name: 'destinationStationId', description: 'Destination station UUID' })
+  @ApiQuery({ name: 'nationality', required: false })
+  @ApiQuery({ name: 'adultCount', required: false, type: Number })
+  @ApiQuery({ name: 'childCount', required: false, type: Number })
+  @ApiResponse({ status: 200, description: 'Array of fare breakdowns' })
+  compareClasses(
+    @Query('routeId') routeId: string,
+    @Query('originStationId') originStationId: string,
+    @Query('destinationStationId') destinationStationId: string,
+    @Query('nationality') nationality?: string,
+    @Query('adultCount') adultCount?: string,
+    @Query('childCount') childCount?: string,
+  ) {
+    return this.service.compareClasses(
+      routeId,
+      originStationId,
+      destinationStationId,
+      nationality,
+      adultCount ? parseInt(adultCount) : 1,
+      childCount ? parseInt(childCount) : 0,
+    );
+  }
+
+
+}
+
+@ApiTags('Config')
+@Controller('config')
+export class ConfigController {
+  constructor(private configService: ConfigService) {}
+
+  @Get('fayda-status')
+  @ApiOperation({ 
+    summary: 'Check Verifayda 2.0 configuration status',
+  })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'Verifayda status retrieved successfully',
+  })
+  getFaydaStatus() {
+    const faydaConfig = this.configService.get<FaydaConfig>('fayda');
+    const verifaydaEnabled = this.configService.get<boolean>('VERIFAYDA_ENABLED', false);
+    
+    return {
+      enabled: faydaConfig?.enabled || verifaydaEnabled,
+      mode: verifaydaEnabled ? 'production' : 'development',
+      apiUrl: this.configService.get<string>('VERIFAYDA_API_URL', 'https://api.verifayda.gov.et/v2'),
+    };
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.dto.ts b/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.dto.ts
new file mode 100644
index 000000000..536ddaa3b
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.dto.ts
@@ -0,0 +1,72 @@
+import { IsString, IsOptional, IsEnum, IsInt, Min } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import { Currency } from '@prisma/client';
+
+// Nationality → home currency mapping
+export const NATIONALITY_CURRENCY_MAP: Record<string, Currency> = {
+  Ethiopian:   Currency.ETB,
+  Djiboutian:  Currency.DJF,
+};
+
+export function resolveCurrencyFromNationality(nationality?: string): Currency {
+  if (!nationality) return Currency.ETB;
+  return NATIONALITY_CURRENCY_MAP[nationality] ?? Currency.USD;
+}
+
+export class FareCalculateDto {
+  @ApiProperty({ example: 'route-uuid', description: 'Route UUID — used to look up stop distances' })
+  @IsString() routeId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Origin station UUID (must be a stop on the route)' })
+  @IsString() originStationId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Destination station UUID (must come after origin)' })
+  @IsString() destinationStationId: string;
+
+  @ApiProperty({ example: 'seat-class-uuid', description: 'SeatClass UUID — its basePrice is the per-km rate in ETB minor units' })
+  @IsString() seatClassId: string;
+
+  @ApiPropertyOptional({
+    example: 'Ethiopian',
+    description: 'Passenger nationality. Determines the billing currency: Ethiopian → ETB, Djiboutian → DJF, other → USD. Defaults to ETB.',
+  })
+  @IsOptional() @IsString() nationality?: string;
+
+  @ApiPropertyOptional({
+    example: 2,
+    description: 'Number of adult passengers (age ≥ 5). Defaults to 1.',
+  })
+  @IsOptional() @Type(() => Number) @IsInt() @Min(1) adultCount?: number;
+
+  @ApiPropertyOptional({
+    example: 1,
+    description: 'Number of child passengers (age < 5). First child travels free.',
+  })
+  @IsOptional() @Type(() => Number) @IsInt() @Min(0) childCount?: number;
+
+  @ApiPropertyOptional({ example: 'WEEKEND15', description: 'Promo code for discount' })
+  @IsOptional() @IsString() promoCode?: string;
+}
+
+export class FareBreakdownDto {
+  @ApiProperty({ example: 'ADD-DJI' }) routeCode: string;
+  @ApiProperty({ example: 'Addis Ababa' }) originName: string;
+  @ApiProperty({ example: 'Djibouti' }) destinationName: string;
+  @ApiProperty({ example: 'Economy Regular' }) seatClassName: string;
+  @ApiProperty({ example: 756 }) totalDistanceKm: number;
+  @ApiProperty({ example: 120 }) ratePerKmMinor: number;
+  @ApiProperty({ example: 90720 }) baseFarePerPassengerMinor: number;
+  @ApiProperty({ example: 2 }) adultCount: number;
+  @ApiProperty({ example: 1 }) childCount: number;
+  @ApiProperty({ example: 1 }) freeChildrenCount: number;
+  @ApiProperty({ example: 0 }) paidChildrenCount: number;
+  @ApiProperty({ example: 181440 }) subtotalMinor: number;
+  @ApiProperty({ example: 0 }) discountMinor: number;
+  @ApiProperty({ example: 9072 }) taxMinor: number;
+  @ApiProperty({ example: 190512 }) totalMinor: number;
+  @ApiProperty({ example: 'ETB', enum: Currency }) billingCurrency: Currency;
+  @ApiProperty({ example: 190512 }) totalInBillingCurrency: number;
+  @ApiProperty({ example: 3.25 }) exchangeRate: number;
+  @ApiProperty({ description: 'Step-by-step calculation trace for transparency' }) calculation: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.module.ts b/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.module.ts
new file mode 100644
index 000000000..0cffdb6d7
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.module.ts
@@ -0,0 +1,14 @@
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { FareEngineController, ConfigController } from './fare-engine.controller';
+import { FareEngineService } from './fare-engine.service';
+import { CurrencyController } from './currency.controller';
+import { CurrencyModule } from '../currency/currency.module';
+
+@Module({
+  imports: [HttpModule, CurrencyModule],
+  controllers: [FareEngineController, CurrencyController, ConfigController],
+  providers: [FareEngineService],
+  exports: [FareEngineService],
+})
+export class FareEngineModule {}
diff --git a/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.service.ts b/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.service.ts
new file mode 100644
index 000000000..b111b5d67
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fare-engine/fare-engine.service.ts
@@ -0,0 +1,241 @@
+import { Injectable, BadRequestException, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { CurrencyService } from '../currency/currency.service';
+import { FareCalculateDto, resolveCurrencyFromNationality } from './fare-engine.dto';
+import { Currency } from '@prisma/client';
+
+const TAX_RATE = 0.05;
+
+@Injectable()
+export class FareEngineService {
+  constructor(
+    private prisma: PrismaService,
+    private currencyService: CurrencyService,
+  ) {}
+
+  async calculate(dto: FareCalculateDto) {
+    const route = await this.prisma.route.findUnique({
+      where: { id: dto.routeId },
+      include: { stops: { orderBy: { sequence: 'asc' } } },
+    });
+    if (!route) throw new NotFoundException('Route not found');
+
+    const originStop = route.stops.find(s => s.stationId === dto.originStationId);
+    const destStop   = route.stops.find(s => s.stationId === dto.destinationStationId);
+
+    if (!originStop) throw new BadRequestException('Origin station not found on this route');
+    if (!destStop)   throw new BadRequestException('Destination station not found on this route');
+    if (originStop.sequence >= destStop.sequence)
+      throw new BadRequestException('Origin must come before destination in the route sequence');
+
+    const legStops = route.stops.filter(
+      s => s.sequence > originStop.sequence && s.sequence <= destStop.sequence,
+    );
+
+    const missingDistance = legStops.filter(s => s.distanceKm === null || s.distanceKm === undefined);
+    if (missingDistance.length > 0)
+      throw new BadRequestException(
+        `Missing distanceKm on route stops at sequences: ${missingDistance.map(s => s.sequence).join(', ')}`,
+      );
+
+    const totalDistanceKm = legStops.reduce((sum, s) => sum + (s.distanceKm ?? 0), 0);
+
+    const seatClass = await this.prisma.seatClass.findUnique({ where: { id: dto.seatClassId } });
+    if (!seatClass) throw new NotFoundException('Seat class not found');
+    if (!seatClass.isActive) throw new BadRequestException('Seat class is not active');
+
+    const ratePerKmMinor = seatClass.baseFareMinor;
+    const baseFarePerPassengerMinor = totalDistanceKm * ratePerKmMinor;
+
+    // Premium and insurance fees applied per passenger
+    const premiumPerPassenger = seatClass.premiumMinor ?? 0;
+    const insurancePerPassenger = seatClass.insuranceFeeMinor ?? 0;
+    const farePerPassengerMinor = baseFarePerPassengerMinor + premiumPerPassenger + insurancePerPassenger;
+
+    const adultCount        = dto.adultCount ?? 1;
+    const childCount        = dto.childCount ?? 0;
+    const freeChildrenCount = Math.min(childCount, 1);
+    const paidChildrenCount = Math.max(0, childCount - 1);
+
+    // Subtotal includes: (distance-based fare + premium + insurance) × passengers
+    // First child is free, but pays premium and insurance
+    const adultSubtotal = farePerPassengerMinor * adultCount;
+    const freeChildSubtotal = (premiumPerPassenger + insurancePerPassenger) * freeChildrenCount;
+    const paidChildSubtotal = farePerPassengerMinor * paidChildrenCount;
+    const subtotalMinor = adultSubtotal + freeChildSubtotal + paidChildSubtotal;
+
+    let discountMinor = 0;
+    let promoLabel = 'none';
+    if (dto.promoCode) {
+      const promo = await this.prisma.promotion.findUnique({ where: { code: dto.promoCode } });
+      if (promo?.active && promo.validUntil > new Date()) {
+        discountMinor = promo.percentOff
+          ? Math.round(subtotalMinor * promo.percentOff / 100)
+          : (promo.amountOffMinor ?? 0);
+        promoLabel = `${dto.promoCode} (-${promo.percentOff ?? 0}%)`;
+      }
+    }
+
+    const afterDiscountMinor = subtotalMinor - discountMinor;
+    const taxMinor = Math.round(afterDiscountMinor * TAX_RATE);
+    const totalEtbMinor = afterDiscountMinor + taxMinor;
+
+    const billingCurrency = resolveCurrencyFromNationality(dto.nationality);
+    const exchangeRate    = await this.currencyService.getExchangeRate(Currency.ETB, billingCurrency);
+    const totalInBillingCurrency = Math.round(totalEtbMinor * exchangeRate);
+
+    const [originStation, destStation] = await Promise.all([
+      this.prisma.station.findUnique({ where: { id: dto.originStationId } }),
+      this.prisma.station.findUnique({ where: { id: dto.destinationStationId } }),
+    ]);
+
+    const calculation = [
+      `Distance:       ${totalDistanceKm} km (${originStation?.name} → ${destStation?.name})`,
+      `Rate per km:    ${ratePerKmMinor} ETB minor (${seatClass.name})`,
+      `Base fare/pax:  ${totalDistanceKm} km × ${ratePerKmMinor} = ${baseFarePerPassengerMinor} ETB minor`,
+      `Premium/pax:    ${premiumPerPassenger} ETB minor`,
+      `Insurance/pax:  ${insurancePerPassenger} ETB minor`,
+      `Total fare/pax: ${farePerPassengerMinor} ETB minor`,
+      ``,
+      `Adults:         ${adultCount} × ${farePerPassengerMinor} = ${adultSubtotal} ETB minor`,
+      `Children:       ${childCount} (${freeChildrenCount} free + ${paidChildrenCount} paid)`,
+      `  Free child:   ${freeChildrenCount} × ${premiumPerPassenger + insurancePerPassenger} = ${freeChildSubtotal} ETB minor`,
+      `  Paid child:   ${paidChildrenCount} × ${farePerPassengerMinor} = ${paidChildSubtotal} ETB minor`,
+      ``,
+      `Subtotal:       ${subtotalMinor} ETB minor`,
+      `Discount:       ${promoLabel} → -${discountMinor} ETB minor`,
+      `Tax (5%):       +${taxMinor} ETB minor`,
+      `Total (ETB):    ${totalEtbMinor} ETB minor`,
+      ``,
+      `Nationality:    ${dto.nationality ?? 'unspecified'} → ${billingCurrency}`,
+      `Exchange rate:  1 ETB = ${exchangeRate} ${billingCurrency}`,
+      `Total (${billingCurrency}): ${totalInBillingCurrency} ${billingCurrency} minor`,
+    ].join('\n');
+
+    return {
+      routeCode: route.code,
+      originName: originStation?.name ?? dto.originStationId,
+      destinationName: destStation?.name ?? dto.destinationStationId,
+      seatClassName: seatClass.name,
+      totalDistanceKm,
+      ratePerKmMinor,
+      baseFarePerPassengerMinor,
+      premiumPerPassenger,
+      insurancePerPassenger,
+      farePerPassengerMinor,
+      adultCount,
+      childCount,
+      freeChildrenCount,
+      paidChildrenCount,
+      subtotalMinor,
+      discountMinor,
+      taxMinor,
+      totalMinor: totalEtbMinor,
+      billingCurrency,
+      totalInBillingCurrency,
+      exchangeRate,
+      calculation,
+    };
+  }
+
+  async compareClasses(
+    routeId: string,
+    originStationId: string,
+    destinationStationId: string,
+    nationality?: string,
+    adultCount = 1,
+    childCount = 0,
+  ) {
+    const seatClasses = await this.prisma.seatClass.findMany({
+      where: { isActive: true },
+      orderBy: { baseFareMinor: 'asc' },
+    });
+
+    const results = await Promise.all(
+      seatClasses.map(sc =>
+        this.calculate({ routeId, originStationId, destinationStationId, seatClassId: sc.id, nationality, adultCount, childCount })
+          .catch(() => null),
+      ),
+    );
+
+    return results.filter(Boolean);
+  }
+
+  async calculateForSchedule(scheduleId: string, seatClassId: string, nationality?: string) {
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: scheduleId },
+      select: { routeId: true, originStationId: true, destinationStationId: true },
+    });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+    if (!schedule.routeId) throw new BadRequestException('Schedule has no associated route');
+
+    return this.calculate({
+      routeId: schedule.routeId,
+      originStationId: schedule.originStationId,
+      destinationStationId: schedule.destinationStationId,
+      seatClassId,
+      nationality,
+    });
+  }
+
+  async calculateAllForSchedule(scheduleId: string, nationality?: string) {
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: scheduleId },
+      select: { routeId: true, originStationId: true, destinationStationId: true },
+    });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    if (schedule.routeId) {
+      const seatClasses = await this.prisma.seatClass.findMany({
+        where: { isActive: true },
+        orderBy: { baseFareMinor: 'asc' },
+      });
+
+      const results = await Promise.all(
+        seatClasses.map(sc =>
+          this.calculate({
+            routeId: schedule.routeId!,
+            originStationId: schedule.originStationId,
+            destinationStationId: schedule.destinationStationId,
+            seatClassId: sc.id,
+            nationality,
+          }).catch(() => null),
+        ),
+      );
+
+      return results.filter(Boolean);
+    }
+
+    const now = new Date();
+    const fareRules = await this.prisma.fareRule.findMany({
+      where: {
+        tripId: scheduleId,
+        validFrom: { lte: now },
+        OR: [{ validUntil: null }, { validUntil: { gte: now } }],
+      },
+      orderBy: [{ seatClass: { baseFareMinor: 'asc' } }],
+    });
+
+    if (fareRules.length > 0) {
+      const billingCurrency = resolveCurrencyFromNationality(nationality);
+      const exchangeRate = await this.currencyService.getExchangeRate(Currency.ETB, billingCurrency);
+      return fareRules.map(rule => {
+        const seatClassId = rule.seatClassId;
+        return {
+          seatClassId,
+          seatClassName: 'Unknown',
+          baseFareMinor: rule.baseFareMinor,
+          totalMinor: rule.baseFareMinor,
+          billingCurrency,
+          totalInBillingCurrency: Math.round(rule.baseFareMinor * exchangeRate),
+          exchangeRate,
+          source: 'FARE_RULE',
+        };
+      });
+    }
+
+    throw new BadRequestException(
+      'Schedule has no associated route and no fare rules. Assign a route or create fare rules for this schedule.',
+    );
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/fleet/fleet.controller.ts b/apps/edr-passenger-api/src/modules/fleet/fleet.controller.ts
new file mode 100644
index 000000000..60a6ef11d
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fleet/fleet.controller.ts
@@ -0,0 +1,326 @@
+import { Body, Controller, Delete, Get, Param, Patch, Post, Query, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiParam, ApiQuery, ApiBody, ApiResponse } from '@nestjs/swagger';
+import { FleetService } from './fleet.service';
+import { CreateTrainDto, CreateCoachDto, UpdateCoachDto, AssignCoachDto, ListCoachesDto, CreateCoachTypeDto, UpdateCoachTypeDto, CreateClassDto, UpdateClassDto } from './fleet.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Fleet')
+@Controller('fleet')
+@UseGuards(JwtGuard)
+@ApiBearerAuth('JWT-auth')
+export class FleetController {
+  constructor(private service: FleetService) {}
+
+  // Coach Type Endpoints
+  @Get('coach-types')
+  @ApiOperation({ summary: 'List all coach types' })
+  @ApiResponse({ status: 200, description: 'Array of coach types' })
+  getCoachTypes() {
+    return this.service.getCoachTypes();
+  }
+
+  @Post('coach-types')
+  @ApiOperation({ summary: 'Create a coach type' })
+  @ApiBody({ type: CreateCoachTypeDto })
+  @ApiResponse({ status: 201, description: 'Coach type created' })
+  createCoachType(@Body() dto: CreateCoachTypeDto) {
+    return this.service.createCoachType(dto);
+  }
+
+  @Patch('coach-types/:id')
+  @ApiOperation({ summary: 'Update a coach type' })
+  @ApiParam({ name: 'id', description: 'Coach Type UUID' })
+  @ApiBody({ type: UpdateCoachTypeDto })
+  @ApiResponse({ status: 200, description: 'Coach type updated' })
+  @ApiResponse({ status: 404, description: 'Coach type not found' })
+  updateCoachType(@Param('id') id: string, @Body() dto: UpdateCoachTypeDto) {
+    return this.service.updateCoachType(id, dto);
+  }
+
+  @Delete('coach-types/:id')
+  @ApiOperation({ summary: 'Delete a coach type' })
+  @ApiParam({ name: 'id', description: 'Coach Type UUID' })
+  @ApiResponse({ status: 200, description: 'Coach type deleted' })
+  @ApiResponse({ status: 404, description: 'Coach type not found' })
+  deleteCoachType(@Param('id') id: string) {
+    return this.service.deleteCoachType(id);
+  }
+
+  // Class Endpoints
+  @Get('classes')
+  @ApiOperation({ summary: 'List all classes' })
+  @ApiQuery({ name: 'coachTypeId', required: false, description: 'Filter by coach type' })
+  @ApiResponse({ status: 200, description: 'Array of classes' })
+  getClasses(@Query('coachTypeId') coachTypeId?: string) {
+    return this.service.getClasses(coachTypeId);
+  }
+
+  @Post('classes')
+  @ApiOperation({ summary: 'Create a class' })
+  @ApiBody({ type: CreateClassDto })
+  @ApiResponse({ status: 201, description: 'Class created' })
+  createClass(@Body() dto: CreateClassDto) {
+    return this.service.createClass(dto);
+  }
+
+  @Patch('classes/:id')
+  @ApiOperation({ summary: 'Update a class' })
+  @ApiParam({ name: 'id', description: 'Class UUID' })
+  @ApiBody({ type: UpdateClassDto })
+  @ApiResponse({ status: 200, description: 'Class updated' })
+  @ApiResponse({ status: 404, description: 'Class not found' })
+  updateClass(@Param('id') id: string, @Body() dto: UpdateClassDto) {
+    return this.service.updateClass(id, dto);
+  }
+
+  @Delete('classes/:id')
+  @ApiOperation({ summary: 'Delete a class' })
+  @ApiParam({ name: 'id', description: 'Class UUID' })
+  @ApiResponse({ status: 200, description: 'Class deleted' })
+  @ApiResponse({ status: 404, description: 'Class not found' })
+  deleteClass(@Param('id') id: string) {
+    return this.service.deleteClass(id);
+  }
+
+  // Seat Class Endpoints (DEPRECATED - use Classes endpoints instead)
+  @Get('seat-classes')
+  @ApiOperation({ summary: 'List all classes (DEPRECATED - use /fleet/classes)' })
+  @ApiQuery({ name: 'coachTypeId', required: false, description: 'Filter by coach type' })
+  @ApiResponse({ status: 200, description: 'Array of classes' })
+  getSeatClasses(@Query('coachTypeId') coachTypeId?: string) {
+    return this.service.getClasses(coachTypeId);
+  }
+
+  @Post('seat-classes')
+  @ApiOperation({ summary: 'Create a class (DEPRECATED - use /fleet/classes)' })
+  @ApiBody({ type: CreateClassDto })
+  @ApiResponse({ status: 201, description: 'Class created' })
+  createSeatClass(@Body() dto: CreateClassDto) {
+    return this.service.createClass(dto);
+  }
+
+  @Patch('seat-classes/:id')
+  @ApiOperation({ summary: 'Update a class (DEPRECATED - use /fleet/classes)' })
+  @ApiParam({ name: 'id', description: 'Class UUID' })
+  @ApiBody({ type: UpdateClassDto })
+  @ApiResponse({ status: 200, description: 'Class updated' })
+  @ApiResponse({ status: 404, description: 'Class not found' })
+  updateSeatClass(@Param('id') id: string, @Body() dto: UpdateClassDto) {
+    return this.service.updateClass(id, dto);
+  }
+
+  @Delete('seat-classes/:id')
+  @ApiOperation({ summary: 'Delete a class (DEPRECATED - use /fleet/classes)' })
+  @ApiParam({ name: 'id', description: 'Class UUID' })
+  @ApiResponse({ status: 200, description: 'Class deleted' })
+  @ApiResponse({ status: 404, description: 'Class not found' })
+  deleteSeatClass(@Param('id') id: string) {
+    return this.service.deleteClass(id);
+  }
+
+  // Train Endpoints
+  @Get('trains')
+  @ApiOperation({ summary: 'List all trains with their recent schedules' })
+  @ApiResponse({ status: 200, description: 'Array of trains' })
+  getTrains() {
+    return this.service.getTrains();
+  }
+
+  @Post('trains')
+  @ApiOperation({ summary: 'Create a train service' })
+  @ApiBody({ type: CreateTrainDto })
+  @ApiResponse({ status: 201, description: 'Train created' })
+  createTrain(@Body() dto: CreateTrainDto) {
+    return this.service.createTrain(dto);
+  }
+
+  @Patch('trains/:id')
+  @ApiOperation({ summary: 'Update a train service' })
+  @ApiParam({ name: 'id', description: 'Train UUID' })
+  @ApiBody({ type: CreateTrainDto })
+  @ApiResponse({ status: 200, description: 'Train updated' })
+  @ApiResponse({ status: 404, description: 'Train not found' })
+  updateTrain(@Param('id') id: string, @Body() dto: CreateTrainDto) {
+    return this.service.updateTrain(id, dto);
+  }
+
+  @Delete('trains/:id')
+  @ApiOperation({ summary: 'Delete a train service' })
+  @ApiParam({ name: 'id', description: 'Train UUID' })
+  @ApiResponse({ status: 200, description: 'Train deleted' })
+  @ApiResponse({ status: 404, description: 'Train not found' })
+  deleteTrain(@Param('id') id: string) {
+    return this.service.deleteTrain(id);
+  }
+
+  // Coach Endpoints
+  @Get('coaches')
+  @ApiOperation({ summary: 'List coaches with seat status summary' })
+  @ApiQuery({ name: 'status', required: false, description: 'Filter by status: ACTIVE, INACTIVE' })
+  @ApiQuery({ name: 'scheduleId', required: false, description: 'Filter coaches assigned to schedule' })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'Array of coaches',
+    schema: {
+      example: [
+        {
+          id: '550e8400-e29b-41d4-a716-446655440000',
+          number: 'A-001',
+          sequence: 1,
+          coachTypeId: 'coach-type-uuid',
+          coachType: {
+            id: 'coach-type-uuid',
+            code: 'sleeper',
+            name: 'Sleeper Coach'
+          },
+          arrangement: '2+2',
+          capacity: 60,
+          status: 'ACTIVE',
+          totalSeats: 60,
+          availableSeats: 45,
+          occupiedSeats: 15,
+          blockedSeats: 0,
+          createdAt: '2024-01-15T10:30:00.000Z',
+          updatedAt: '2024-01-15T10:30:00.000Z'
+        }
+      ]
+    }
+  })
+  listCoaches(
+    @Query('status') status?: string,
+    @Query('scheduleId') scheduleId?: string,
+  ) {
+    const dto: ListCoachesDto = {
+      status,
+      scheduleId,
+    };
+    return this.service.listCoaches(dto);
+  }
+
+  @Get('coaches/:id')
+  @ApiOperation({ summary: 'Get single coach with seat layout' })
+  @ApiParam({ name: 'id', description: 'Coach UUID' })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'Coach detail with seats by row',
+    schema: {
+      example: {
+        id: '550e8400-e29b-41d4-a716-446655440000',
+        number: 'A-001',
+        sequence: 1,
+        coachTypeId: 'coach-type-uuid',
+        coachType: {
+          id: 'coach-type-uuid',
+          code: 'sleeper',
+          name: 'Sleeper Coach'
+        },
+        arrangement: '2+2',
+        capacity: 60,
+        status: 'ACTIVE',
+        seats: [
+          {
+            id: 'seat-uuid-1',
+            seatNumber: '1A',
+            status: 'AVAILABLE',
+            class: {
+              id: 'class-uuid',
+              name: 'Economy',
+              baseFareMinor: 5000
+            }
+          }
+        ],
+        createdAt: '2024-01-15T10:30:00.000Z',
+        updatedAt: '2024-01-15T10:30:00.000Z'
+      }
+    }
+  })
+  @ApiResponse({ status: 404, description: 'Coach not found' })
+  getCoach(@Param('id') id: string) {
+    return this.service.getCoach(id);
+  }
+
+  @Post('coaches')
+  @ApiOperation({ summary: 'Create a coach with auto-generated seat numbers' })
+  @ApiBody({ type: CreateCoachDto })
+  @ApiResponse({ 
+    status: 201, 
+    description: 'Coach created',
+    schema: {
+      example: {
+        id: '550e8400-e29b-41d4-a716-446655440000',
+        number: 'A-001',
+        sequence: 1,
+        coachTypeId: 'coach-type-uuid',
+        arrangement: '2+2',
+        capacity: 60,
+        status: 'ACTIVE',
+        createdAt: '2024-01-15T10:30:00.000Z',
+        updatedAt: '2024-01-15T10:30:00.000Z'
+      }
+    }
+  })
+  @ApiResponse({ status: 400, description: 'Invalid arrangement format' })
+  createCoach(@Body() dto: CreateCoachDto) {
+    return this.service.createCoach(dto);
+  }
+
+  @Patch('coaches/:id')
+  @ApiOperation({ summary: 'Update coach properties' })
+  @ApiParam({ name: 'id', description: 'Coach UUID' })
+  @ApiBody({ type: UpdateCoachDto })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'Coach updated',
+    schema: {
+      example: {
+        id: '550e8400-e29b-41d4-a716-446655440000',
+        number: 'A-001',
+        sequence: 1,
+        coachTypeId: 'coach-type-uuid',
+        arrangement: '2+2',
+        capacity: 60,
+        status: 'ACTIVE',
+        createdAt: '2024-01-15T10:30:00.000Z',
+        updatedAt: '2024-01-15T10:30:00.000Z'
+      }
+    }
+  })
+  @ApiResponse({ status: 404, description: 'Coach not found' })
+  updateCoach(@Param('id') id: string, @Body() dto: UpdateCoachDto) {
+    return this.service.updateCoach(id, dto);
+  }
+
+  @Delete('coaches/:id')
+  @ApiOperation({ summary: 'Delete a coach' })
+  @ApiParam({ name: 'id', description: 'Coach UUID' })
+  @ApiResponse({ status: 200, description: 'Coach deleted successfully' })
+  @ApiResponse({ status: 404, description: 'Coach not found' })
+  deleteCoach(@Param('id') id: string) {
+    return this.service.deleteCoach(id);
+  }
+
+  @Post('assignments')
+  @ApiOperation({ summary: 'Assign a coach to a schedule' })
+  @ApiBody({ type: AssignCoachDto })
+  @ApiResponse({ status: 201, description: 'Coach assigned' })
+  @ApiResponse({ status: 404, description: 'Schedule or coach not found' })
+  assignCoach(@Body() dto: AssignCoachDto) {
+    return this.service.assignCoach(dto);
+  }
+
+  @Delete('assignments/:id')
+  @ApiOperation({ summary: 'Remove a coach assignment' })
+  @ApiParam({ name: 'id', description: 'Assignment UUID' })
+  @ApiResponse({ status: 200, description: 'Assignment removed' })
+  @ApiResponse({ status: 404, description: 'Assignment not found' })
+  removeAssignment(@Param('id') id: string) {
+    return this.service.removeAssignment(id);
+  }
+
+  @Get('analytics')
+  @ApiOperation({ summary: 'Fleet analytics and occupancy metrics' })
+  @ApiResponse({ status: 200, description: 'Occupancy statistics' })
+  getAnalytics() {
+    return this.service.getAnalytics();
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/fleet/fleet.dto.ts b/apps/edr-passenger-api/src/modules/fleet/fleet.dto.ts
new file mode 100644
index 000000000..609afb4e5
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fleet/fleet.dto.ts
@@ -0,0 +1,69 @@
+import { IsString, IsInt, IsOptional, IsArray, IsBoolean } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional, PartialType, OmitType } from '@nestjs/swagger';
+
+export class CreateTrainDto {
+  @ApiProperty({ example: '301', description: 'Unique train service number' }) @IsString() number: string;
+  @ApiProperty({ example: 'Express 301' }) @IsString() name: string;
+  @ApiPropertyOptional({ example: 'EDR', description: 'Operator ID (defaults to op_edr)' }) @IsOptional() @IsString() operatorId?: string;
+  @ApiPropertyOptional({ example: 'Ethiopian-Djibouti Railway' }) @IsOptional() @IsString() operatorName?: string;
+  @ApiPropertyOptional({ example: 'Addis-Djibouti Express' }) @IsOptional() @IsString() description?: string;
+}
+
+export class CreateCoachDto {
+  @ApiProperty({ example: 'A-001', description: 'Unique coach number' }) @IsString() number: string;
+  @ApiProperty({ example: 'coach-type-uuid', description: 'Coach Type UUID' }) @IsString() coachTypeId: string;
+  @ApiProperty({ example: '2+2', description: 'Seat arrangement (e.g., "2+2", "3+2")' }) @IsString() arrangement: string;
+  @ApiProperty({ example: 60, description: 'Total seat capacity' }) @IsInt() capacity: number;
+  @ApiPropertyOptional({ example: 'ACTIVE', description: 'Status: ACTIVE, INACTIVE' }) @IsOptional() @IsString() status?: string;
+}
+
+export class UpdateCoachDto extends PartialType(OmitType(CreateCoachDto, ['number'] as const)) {
+  @ApiPropertyOptional({ example: 1, description: 'Sequence number for ordering' })
+  @IsOptional() @IsInt() sequence?: number;
+}
+
+export class AssignCoachDto {
+  @ApiProperty({ example: 'schedule-uuid', description: 'TrainSchedule UUID' }) @IsString() scheduleId: string;
+  @ApiProperty({ example: 'coach-uuid', description: 'Coach UUID' }) @IsString() coachId: string;
+  @ApiProperty({ example: 1, description: 'Position in the train consist' }) @IsInt() positionNumber: number;
+  @ApiPropertyOptional({ example: true, description: 'Whether this coach is operational' }) @IsOptional() @IsBoolean() isOperational?: boolean;
+}
+
+export class ListCoachesDto {
+  @ApiPropertyOptional({ example: 'ACTIVE', description: 'Filter by status: ACTIVE, INACTIVE' })
+  @IsOptional() @IsString() status?: string;
+
+  @ApiPropertyOptional({ example: 'schedule-uuid', description: 'Filter coaches assigned to this schedule' })
+  @IsOptional() @IsString() scheduleId?: string;
+}
+
+// Legacy DTO types for backward compatibility
+export class CreateCoachTypeDto {
+  @ApiProperty({ example: 'sleeper' }) @IsString() code: string;
+  @ApiProperty({ example: 'Sleeper Coach' }) @IsString() name: string;
+  @IsOptional() @IsString() type?: string;
+}
+
+export class UpdateCoachTypeDto {
+  @ApiPropertyOptional({ example: 'sleeper' }) @IsOptional() @IsString() code?: string;
+  @ApiPropertyOptional({ example: 'Sleeper Coach' }) @IsOptional() @IsString() name?: string;
+  @ApiPropertyOptional({ example: 'sleeper' }) @IsOptional() @IsString() type?: string;
+}
+
+export class CreateClassDto {
+  @ApiProperty({ example: 'coach-type-uuid' }) @IsString() coachTypeId: string;
+  @ApiProperty({ example: 'Economy' }) @IsString() name: string;
+  @IsOptional() @IsString() description?: string;
+  @ApiProperty({ example: 5000 }) @IsInt() baseFareMinor: number;
+}
+
+export class UpdateClassDto {
+  @ApiPropertyOptional({ example: 'coach-type-uuid' }) @IsOptional() @IsString() coachTypeId?: string;
+  @ApiPropertyOptional({ example: 'Economy' }) @IsOptional() @IsString() name?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() description?: string;
+  @ApiPropertyOptional({ example: 5000 }) @IsOptional() @IsInt() baseFareMinor?: number;
+  @ApiPropertyOptional({ example: true })
+  @IsOptional()
+  @IsBoolean()
+  isActive?: boolean;
+}
diff --git a/apps/edr-passenger-api/src/modules/fleet/fleet.module.ts b/apps/edr-passenger-api/src/modules/fleet/fleet.module.ts
new file mode 100644
index 000000000..e2f4a28c9
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fleet/fleet.module.ts
@@ -0,0 +1,6 @@
+import { Module } from '@nestjs/common';
+import { FleetController } from './fleet.controller';
+import { FleetService } from './fleet.service';
+
+@Module({ controllers: [FleetController], providers: [FleetService], exports: [FleetService] })
+export class FleetModule {}
diff --git a/apps/edr-passenger-api/src/modules/fleet/fleet.service.ts b/apps/edr-passenger-api/src/modules/fleet/fleet.service.ts
new file mode 100644
index 000000000..b7f4695a1
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fleet/fleet.service.ts
@@ -0,0 +1,443 @@
+import { Injectable, NotFoundException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { CreateTrainDto, CreateCoachDto, UpdateCoachDto, AssignCoachDto, ListCoachesDto, CreateCoachTypeDto, UpdateCoachTypeDto, CreateClassDto, UpdateClassDto } from './fleet.dto';
+import { SeatKind } from '@prisma/client';
+
+// Parses '2+2' → [2, 2], '2+2+2' → [2, 2, 2]
+function parseArrangement(arrangement: string): number[] {
+  return arrangement.split('+').map((n) => parseInt(n, 10));
+}
+
+// Derives column labels from arrangement: '2+2' → ['A','B','C','D']
+function seatCols(arrangement: string): string[] {
+  const groups = parseArrangement(arrangement);
+  const total = groups.reduce((s, n) => s + n, 0);
+  return Array.from({ length: total }, (_, i) => String.fromCharCode(65 + i));
+}
+
+// Returns true if column is a window seat
+function isWindowCol(colIndex: number, groups: number[]): boolean {
+  const total = groups.reduce((s, n) => s + n, 0);
+  return colIndex === 0 || colIndex === total - 1;
+}
+
+// Returns true if column is an aisle seat
+function isAisleCol(colIndex: number, groups: number[]): boolean {
+  let cursor = 0;
+  for (const g of groups) {
+    cursor += g;
+    const leftAisle = cursor - 1;
+    const rightAisle = cursor;
+    if (colIndex === leftAisle || colIndex === rightAisle) return true;
+  }
+  return false;
+}
+
+function buildSeats(coachId: string, coachNumber: string, arrangement: string, capacity: number, seatClass?: string): SeatRow[] {
+  const cols = seatCols(arrangement);
+  const groups = parseArrangement(arrangement);
+  const seats: SeatRow[] = [];
+  let row = 1;
+  let seatNumber = 1;
+  let seatIndex = 0;
+  const isBedCoach = seatClass?.toLowerCase().includes('bed');
+  const totalCols = cols.length;
+
+  while (seatIndex < capacity) {
+    for (let ci = 0; ci < cols.length && seatIndex < capacity; ci++) {
+      const col = cols[ci];
+      let bedPosition = null;
+
+      // Set bedPosition for bed coaches based on ROW cycling (not seat number)
+      if (isBedCoach) {
+        if (totalCols === 3) {
+          // Economy bed (3-row cycle): upper, middle, lower
+          if (row % 3 === 1) bedPosition = 'upper';
+          else if (row % 3 === 2) bedPosition = 'middle';
+          else bedPosition = 'lower';
+        } else if (totalCols === 2) {
+          // VIP bed (2-row cycle): upper, lower
+          bedPosition = row % 2 === 1 ? 'upper' : 'lower';
+        }
+      }
+
+      seats.push({
+        coachId,
+        row,
+        col,
+        seatNumber: `${seatNumber}`,
+        kind: SeatKind.STANDARD,
+        bedPosition,
+      });
+      seatNumber++;
+      seatIndex++;
+    }
+    row++;
+  }
+  return seats;
+}
+
+type SeatRow = {
+  coachId: string;
+  row: number;
+  col: string;
+  seatNumber: string;
+  kind: SeatKind;
+  bedPosition?: string | null;
+};
+
+@Injectable()
+export class FleetService {
+  constructor(private prisma: PrismaService) {}
+
+  async createCoachType(dto: CreateCoachTypeDto) {
+    return this.prisma.coachType.create({
+      data: {
+        code: dto.code,
+        name: dto.name,
+        type: dto.type || 'passenger',
+      },
+      include: {
+        seatClasses: true,
+        coaches: true,
+      },
+    });
+  }
+
+  async getCoachTypes() {
+    return this.prisma.coachType.findMany({
+      include: {
+        seatClasses: true,
+        coaches: true,
+      },
+      orderBy: { createdAt: 'desc' },
+    });
+  }
+
+  async updateCoachType(id: string, dto: UpdateCoachTypeDto) {
+    const coachType = await this.prisma.coachType.findUnique({ where: { id } });
+    if (!coachType) throw new NotFoundException('Coach type not found');
+    
+    const data: any = {};
+    if (dto.code !== undefined) data.code = dto.code;
+    if (dto.name !== undefined) data.name = dto.name;
+    if (dto.type !== undefined) data.type = dto.type;
+    
+    return this.prisma.coachType.update({
+      where: { id },
+      data,
+      include: {
+        seatClasses: true,
+        coaches: true,
+      },
+    });
+  }
+
+  async deleteCoachType(id: string) {
+    const coachType = await this.prisma.coachType.findUnique({ 
+      where: { id },
+      include: {
+        coaches: true,
+        seatClasses: true,
+      },
+    });
+    if (!coachType) throw new NotFoundException('Coach type not found');
+    
+    // Check for related records
+    if (coachType.coaches.length > 0) {
+      throw new BadRequestException(
+        `Cannot delete coach type. ${coachType.coaches.length} coach(es) are still using this coach type. Please reassign or delete the coaches first.`
+      );
+    }
+    
+    if (coachType.seatClasses.length > 0) {
+      throw new BadRequestException(
+        `Cannot delete coach type. ${coachType.seatClasses.length} seat class(es) are still using this coach type. Please reassign or delete the seat classes first.`
+      );
+    }
+    
+    return this.prisma.coachType.delete({ where: { id } });
+  }
+
+  async createClass(dto: CreateClassDto) {
+    return this.prisma.seatClass.create({
+      data: {
+        coachTypeId: dto.coachTypeId,
+        name: dto.name,
+        description: dto.description,
+        baseFareMinor: dto.baseFareMinor,
+      },
+    });
+  }
+
+  async getClasses(coachTypeId?: string) {
+    const where = coachTypeId ? { coachTypeId } : {};
+    return this.prisma.seatClass.findMany({
+      where,
+      include: { coachType: true },
+      orderBy: { createdAt: 'desc' },
+    });
+  }
+
+  async updateClass(id: string, dto: UpdateClassDto) {
+    const seatClass = await this.prisma.seatClass.findUnique({ where: { id } });
+    if (!seatClass) throw new NotFoundException('Seat class not found');
+    
+    const updateData: any = {
+      coachTypeId: dto.coachTypeId,
+      name: dto.name,
+      description: dto.description,
+      baseFareMinor: dto.baseFareMinor,
+    };
+    
+    if (dto.isActive !== undefined) {
+      updateData.isActive = dto.isActive;
+    }
+    
+    return this.prisma.seatClass.update({
+      where: { id },
+      data: updateData,
+      include: { coachType: true },
+    });
+  }
+
+  async deleteClass(id: string) {
+    const seatClass = await this.prisma.seatClass.findUnique({ 
+      where: { id },
+      include: {
+        fareRules: true,
+        routeFareRules: true,
+        segmentFares: true,
+      },
+    });
+    if (!seatClass) throw new NotFoundException('Seat class not found');
+    
+    // Check for related records
+    const relatedRecords = [
+      ...seatClass.fareRules,
+      ...seatClass.routeFareRules,
+      ...seatClass.segmentFares,
+    ];
+    
+    if (relatedRecords.length > 0) {
+      throw new BadRequestException(
+        `Cannot delete seat class. ${relatedRecords.length} fare rule(s) are still using this seat class. Please delete the fare rules first.`
+      );
+    }
+    
+    return this.prisma.seatClass.delete({ where: { id } });
+  }
+
+  createSeatClass(dto: CreateClassDto) {
+    return this.createClass(dto);
+  }
+
+  getSeatClasses(coachTypeId?: string) {
+    return this.getClasses(coachTypeId);
+  }
+
+  async updateSeatClass(id: string, dto: UpdateClassDto) {
+    return this.updateClass(id, dto);
+  }
+
+  async deleteSeatClass(id: string) {
+    return this.deleteClass(id);
+  }
+
+  getTrains() {
+    return this.prisma.train.findMany({ include: { schedules: { take: 5, orderBy: { departureAt: 'desc' } } } });
+  }
+
+  createTrain(dto: CreateTrainDto) {
+    return this.prisma.train.create({ data: dto });
+  }
+
+  async updateTrain(id: string, dto: CreateTrainDto) {
+    const train = await this.prisma.train.findUnique({ where: { id } });
+    if (!train) throw new NotFoundException('Train not found');
+    return this.prisma.train.update({ where: { id }, data: dto });
+  }
+
+  async deleteTrain(id: string) {
+    const train = await this.prisma.train.findUnique({ 
+      where: { id },
+      include: {
+        schedules: true,
+      },
+    });
+    if (!train) throw new NotFoundException('Train not found');
+    
+    // Check for active schedules
+    if (train.schedules.length > 0) {
+      throw new BadRequestException(
+        `Cannot delete train. This train has ${train.schedules.length} schedule(s). Please delete the schedules first.`
+      );
+    }
+    
+    return this.prisma.train.delete({ where: { id } });
+  }
+
+  async getCoach(id: string) {
+    const coach = await this.prisma.coach.findUnique({
+      where: { id },
+      include: {
+        coachType: true,
+        seats: { orderBy: [{ row: 'asc' }, { col: 'asc' }] },
+        assignments: {
+          include: { schedule: { include: { originStation: true, destinationStation: true } } },
+          orderBy: { schedule: { departureAt: 'desc' } },
+          take: 5,
+        },
+      },
+    });
+    if (!coach) throw new NotFoundException('Coach not found');
+    return coach;
+  }
+
+  async listCoaches(dto: ListCoachesDto) {
+    const where: any = {};
+    if (dto.status) where.status = dto.status;
+    if (dto.scheduleId) where.assignments = { some: { scheduleId: dto.scheduleId } };
+
+    return this.prisma.coach.findMany({
+      where,
+      include: { coachType: true },
+      orderBy: { sequence: 'asc' },
+    });
+  }
+
+  async createCoach(dto: CreateCoachDto) {
+    const groups = parseArrangement(dto.arrangement);
+    if (groups.some(isNaN)) {
+      throw new BadRequestException(`Invalid arrangement format "${dto.arrangement}". Use e.g. "2+2"`);
+    }
+
+    // Get the next sequence number for this coach type
+    const lastCoach = await this.prisma.coach.findFirst({
+      where: { coachTypeId: dto.coachTypeId },
+      orderBy: { sequence: 'desc' },
+    });
+    const nextSequence = (lastCoach?.sequence ?? 0) + 1;
+
+    const coach = await this.prisma.coach.create({
+      data: {
+        coachTypeId: dto.coachTypeId,
+        number: dto.number,
+        sequence: nextSequence,
+        arrangement: dto.arrangement,
+        capacity: dto.capacity,
+        status: dto.status || 'ACTIVE',
+      },
+      include: { coachType: true },
+    });
+
+    if (dto.capacity > 0) {
+      const seatClass = coach.coachType?.name || '';
+      const seats = buildSeats(coach.id, coach.number, dto.arrangement, dto.capacity, seatClass);
+      await this.prisma.seat.createMany({ data: seats });
+    }
+
+    return coach;
+  }
+
+  async updateCoach(id: string, dto: UpdateCoachDto) {
+    const coach = await this.prisma.coach.findUnique({ where: { id } });
+    if (!coach) throw new NotFoundException('Coach not found');
+    
+    return this.prisma.coach.update({ 
+      where: { id }, 
+      data: {
+        arrangement: dto.arrangement,
+        capacity: dto.capacity,
+        status: dto.status,
+        sequence: dto.sequence,
+      },
+      include: { coachType: true },
+    });
+  }
+
+  async deleteCoach(id: string) {
+    const coach = await this.prisma.coach.findUnique({ 
+      where: { id },
+      include: {
+        assignments: true,
+        seats: {
+          include: {
+            bookingSeats: true,
+            blocks: true,
+            ticketSeats: true,
+          },
+        },
+      },
+    });
+    if (!coach) throw new NotFoundException('Coach not found');
+    
+    // Check for active assignments
+    if (coach.assignments.length > 0) {
+      throw new BadRequestException(
+        `Cannot delete coach. This coach is assigned to ${coach.assignments.length} schedule(s). Please remove the assignments first.`
+      );
+    }
+    
+    // Check for booked seats
+    const bookedSeats = coach.seats.filter(seat => seat.bookingSeats.length > 0);
+    if (bookedSeats.length > 0) {
+      throw new BadRequestException(
+        `Cannot delete coach. ${bookedSeats.length} seat(s) have active bookings. Please wait for bookings to complete or cancel them first.`
+      );
+    }
+    
+    // Check for blocked seats
+    const blockedSeats = coach.seats.filter(seat => seat.blocks.length > 0);
+    if (blockedSeats.length > 0) {
+      throw new BadRequestException(
+        `Cannot delete coach. ${blockedSeats.length} seat(s) are blocked. Please unblock them first.`
+      );
+    }
+    
+    // Check for tickets
+    const seatsWithTickets = coach.seats.filter(seat => seat.ticketSeats.length > 0);
+    if (seatsWithTickets.length > 0) {
+      throw new BadRequestException(
+        `Cannot delete coach. ${seatsWithTickets.length} seat(s) have issued tickets. Please wait for travel completion.`
+      );
+    }
+    
+    // Delete related seats first (now safe to do)
+    await this.prisma.seat.deleteMany({ where: { coachId: id } });
+    
+    return this.prisma.coach.delete({ where: { id } });
+  }
+
+  async assignCoach(dto: AssignCoachDto) {
+    const [schedule, coach] = await Promise.all([
+      this.prisma.trainSchedule.findUnique({ where: { id: dto.scheduleId } }),
+      this.prisma.coach.findUnique({ where: { id: dto.coachId } }),
+    ]);
+    if (!schedule) throw new NotFoundException('Schedule not found');
+    if (!coach) throw new NotFoundException('Coach not found');
+    return this.prisma.coachAssignment.create({ data: dto });
+  }
+
+  async removeAssignment(id: string) {
+    const assignment = await this.prisma.coachAssignment.findUnique({ where: { id } });
+    if (!assignment) throw new NotFoundException('Assignment not found');
+    return this.prisma.coachAssignment.delete({ where: { id } });
+  }
+
+  async getAnalytics() {
+    const [totalTrains, totalSchedules, totalSeats, bookedSeats] = await Promise.all([
+      this.prisma.train.count(),
+      this.prisma.trainSchedule.count(),
+      this.prisma.seat.count(),
+      this.prisma.seat.count({ where: { status: 'BOOKED' } }),
+    ]);
+    return {
+      totalTrains,
+      totalSchedules,
+      totalSeats,
+      bookedSeats,
+      occupancyRate: totalSeats > 0 ? +((bookedSeats / totalSeats) * 100).toFixed(2) : 0,
+    };
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/fraud/fraud.controller.ts b/apps/edr-passenger-api/src/modules/fraud/fraud.controller.ts
new file mode 100644
index 000000000..4056b4259
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fraud/fraud.controller.ts
@@ -0,0 +1,74 @@
+import { Controller, Get, Post, Body, Query, UseGuards, Logger } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { FraudService, FraudRuleConfig } from './fraud.service';
+import { IamGuard, IamRoles } from '../../common/iam-adapter';
+import { UserRole } from '@prisma/client';
+
+@ApiTags('Fraud Detection')
+@Controller('fraud')
+@UseGuards(IamGuard)
+@ApiBearerAuth('IAM-auth')
+export class FraudController {
+  private readonly logger = new Logger(FraudController.name);
+
+  constructor(private fraudService: FraudService) {}
+
+  /**
+   * Get fraud alerts
+   */
+  @Get('alerts')
+  @IamRoles('ADMIN', 'SUPERVISOR')
+  @ApiOperation({ summary: 'Get fraud alerts' })
+  async getAlerts(
+    @Query('userId') userId?: string,
+    @Query('limit') limit?: string,
+    @Query('offset') offset?: string,
+  ) {
+    const alerts = await this.fraudService.getAlerts(userId, parseInt(limit || '100'), parseInt(offset || '0'));
+    return { data: alerts, total: alerts.length };
+  }
+
+  /**
+   * Get fraud rules
+   */
+  @Get('rules')
+  @IamRoles('ADMIN')
+  @ApiOperation({ summary: 'Get fraud detection rules' })
+  async getRules() {
+    const rules = await this.fraudService.getRules();
+    return { data: rules };
+  }
+
+  /**
+   * Create or update fraud rule
+   */
+  @Post('rules')
+  @IamRoles('ADMIN')
+  @ApiOperation({ summary: 'Create or update fraud rule' })
+  async upsertRule(@Body() body: { type: string; config: FraudRuleConfig }) {
+    const rule = await this.fraudService.upsertRule(body.type, body.config);
+    return { data: rule, message: 'Rule updated successfully' };
+  }
+
+  /**
+   * Block user temporarily
+   */
+  @Post('actions/block')
+  @IamRoles('ADMIN', 'SUPERVISOR')
+  @ApiOperation({ summary: 'Block user temporarily' })
+  async blockUser(@Body() body: { userId: string; durationMinutes: number }) {
+    await this.fraudService.blockUserTemporarily(body.userId, body.durationMinutes);
+    return { message: `User blocked for ${body.durationMinutes} minutes` };
+  }
+
+  /**
+   * Unblock user
+   */
+  @Post('actions/unblock')
+  @IamRoles('ADMIN', 'SUPERVISOR')
+  @ApiOperation({ summary: 'Unblock user' })
+  async unblockUser(@Body() body: { userId: string }) {
+    await this.fraudService.unblockUser(body.userId);
+    return { message: 'User unblocked' };
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/fraud/fraud.module.ts b/apps/edr-passenger-api/src/modules/fraud/fraud.module.ts
new file mode 100644
index 000000000..a95078578
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fraud/fraud.module.ts
@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { FraudService } from './fraud.service';
+import { FraudController } from './fraud.controller';
+
+@Module({
+  imports: [HttpModule],
+  providers: [FraudService],
+  controllers: [FraudController],
+  exports: [FraudService],
+})
+export class FraudModule {}
diff --git a/apps/edr-passenger-api/src/modules/fraud/fraud.service.ts b/apps/edr-passenger-api/src/modules/fraud/fraud.service.ts
new file mode 100644
index 000000000..7c3b66e6b
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/fraud/fraud.service.ts
@@ -0,0 +1,252 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { OnEvent } from '@nestjs/event-emitter';
+import { PrismaService } from '../../common/prisma.service';
+
+export interface FraudRuleConfig {
+  type: 'VELOCITY' | 'HIGH_VALUE' | 'FAILED_PAYMENTS' | 'MULTIPLE_METHODS';
+  enabled: boolean;
+  threshold: number;
+  timeWindowMinutes?: number;
+  blockDurationMinutes?: number;
+}
+
+@Injectable()
+export class FraudService {
+  private readonly logger = new Logger(FraudService.name);
+
+  constructor(private prisma: PrismaService) {}
+
+  /**
+   * Evaluate fraud rules and create alerts if triggered
+   */
+  async evaluateRules(
+    userId: string,
+    eventType: 'booking.created' | 'payment.failed' | 'auth.login.failed',
+    context: Record<string, unknown>,
+  ): Promise<{ triggered: boolean; rules: string[] }> {
+    const triggeredRules: string[] = [];
+    const user = await this.prisma.user.findUnique({ where: { id: userId } });
+
+    if (!user) return { triggered: false, rules: [] };
+
+    // Check velocity rule (multiple bookings in short time)
+    if (eventType === 'booking.created') {
+      const velocityTriggered = await this.checkVelocityRule(userId);
+      if (velocityTriggered) {
+        triggeredRules.push('VELOCITY');
+      }
+
+      // Check high-value booking
+      const amount = (context.amountMinor as number) || 0;
+      const highValueTriggered = await this.checkHighValueRule(amount);
+      if (highValueTriggered) {
+        triggeredRules.push('HIGH_VALUE');
+      }
+    }
+
+    // Check repeated failed payments
+    if (eventType === 'payment.failed') {
+      const failedPaymentTriggered = await this.checkFailedPaymentRule(userId);
+      if (failedPaymentTriggered) {
+        triggeredRules.push('FAILED_PAYMENTS');
+      }
+    }
+
+    // Create alert if rules triggered
+    if (triggeredRules.length > 0) {
+      await this.createFraudAlert(userId, eventType, triggeredRules, context);
+      return { triggered: true, rules: triggeredRules };
+    }
+
+    return { triggered: false, rules: [] };
+  }
+
+  /**
+   * Check velocity rule: X bookings in Y minutes
+   */
+  private async checkVelocityRule(userId: string): Promise<boolean> {
+    const rule = await this.prisma.fraudRule.findFirst({
+      where: { type: 'VELOCITY', enabled: true },
+    });
+
+    if (!rule) return false;
+
+    const timeWindowMinutes = (rule.config as any)?.timeWindowMinutes || 30;
+    const threshold = rule.threshold;
+
+    const bookingCount = await this.prisma.booking.count({
+      where: {
+        passengerId: userId,
+        createdAt: {
+          gte: new Date(Date.now() - timeWindowMinutes * 60 * 1000),
+        },
+      },
+    });
+
+    return bookingCount > threshold;
+  }
+
+  /**
+   * Check high-value booking rule
+   */
+  private async checkHighValueRule(amountMinor: number): Promise<boolean> {
+    const rule = await this.prisma.fraudRule.findFirst({
+      where: { type: 'HIGH_VALUE', enabled: true },
+    });
+
+    if (!rule) return false;
+
+    // threshold is in ETB (convert minor units to ETB)
+    const amountEtb = amountMinor / 100;
+    return amountEtb > rule.threshold;
+  }
+
+  /**
+   * Check failed payment rule: X failed attempts in Y minutes
+   */
+  private async checkFailedPaymentRule(userId: string): Promise<boolean> {
+    const rule = await this.prisma.fraudRule.findFirst({
+      where: { type: 'FAILED_PAYMENTS', enabled: true },
+    });
+
+    if (!rule) return false;
+
+    const timeWindowMinutes = (rule.config as any)?.timeWindowMinutes || 60;
+    const threshold = rule.threshold;
+
+    const failedCount = await this.prisma.paymentIntent.count({
+      where: {
+        booking: { passengerId: userId },
+        status: 'FAILED',
+        updatedAt: {
+          gte: new Date(Date.now() - timeWindowMinutes * 60 * 1000),
+        },
+      },
+    });
+
+    return failedCount > threshold;
+  }
+
+  /**
+   * Create a fraud alert
+   */
+  private async createFraudAlert(
+    userId: string,
+    eventType: string,
+    triggeredRules: string[],
+    context: Record<string, unknown>,
+  ): Promise<void> {
+    const alert = await this.prisma.fraudAlert.create({
+      data: {
+        userId,
+        eventType,
+        triggeredRules,
+        context: context as any,
+        severity: triggeredRules.length > 1 ? 'HIGH' : 'MEDIUM',
+      },
+    });
+
+    this.logger.warn(`Fraud alert created: ${alert.id} for user ${userId} - rules: ${triggeredRules.join(', ')}`);
+
+    // Trigger blocking if needed
+    if (triggeredRules.includes('HIGH_VALUE') || triggeredRules.length > 1) {
+      await this.blockUserTemporarily(userId, 30); // Block for 30 minutes
+    }
+  }
+
+  /**
+   * Block user temporarily
+   */
+  async blockUserTemporarily(userId: string, durationMinutes: number): Promise<void> {
+    const blockedUntil = new Date(Date.now() + durationMinutes * 60 * 1000);
+    await this.prisma.user.update({
+      where: { id: userId },
+      data: { blockedUntil },
+    });
+    this.logger.warn(`User ${userId} blocked until ${blockedUntil.toISOString()}`);
+  }
+
+  /**
+   * Unblock user
+   */
+  async unblockUser(userId: string): Promise<void> {
+    await this.prisma.user.update({
+      where: { id: userId },
+      data: { blockedUntil: null },
+    });
+    this.logger.log(`User ${userId} unblocked`);
+  }
+
+  /**
+   * Get all fraud alerts
+   */
+  async getAlerts(userId?: string, limit = 100, offset = 0) {
+    return this.prisma.fraudAlert.findMany({
+      where: userId ? { userId } : {},
+      orderBy: { createdAt: 'desc' },
+      take: limit,
+      skip: offset,
+    });
+  }
+
+  /**
+   * Create or update a fraud rule
+   */
+  async upsertRule(
+    type: string,
+    config: FraudRuleConfig,
+  ) {
+    return this.prisma.fraudRule.upsert({
+      where: { type: type as any },
+      update: {
+        enabled: config.enabled,
+        threshold: config.threshold,
+        config: config as any,
+      },
+      create: {
+        type: type as any,
+        enabled: config.enabled,
+        threshold: config.threshold,
+        config: config as any,
+      },
+    });
+  }
+
+  /**
+   * Get all fraud rules
+   */
+  async getRules() {
+    return this.prisma.fraudRule.findMany();
+  }
+
+  /**
+   * Event listener for booking created
+   */
+  @OnEvent('booking.created')
+  async onBookingCreated(payload: { booking: any }) {
+    await this.evaluateRules(payload.booking.passengerId, 'booking.created', {
+      bookingId: payload.booking.id,
+      amountMinor: payload.booking.totalMinor,
+    });
+  }
+
+  /**
+   * Event listener for payment failed
+   */
+  @OnEvent('payment.failed')
+  async onPaymentFailed(payload: { intentId: string; userId: string }) {
+    await this.evaluateRules(payload.userId, 'payment.failed', {
+      intentId: payload.intentId,
+    });
+  }
+
+  /**
+   * Event listener for auth login failed
+   */
+  @OnEvent('auth.login.failed')
+  async onLoginFailed(payload: { userId: string; email: string }) {
+    await this.evaluateRules(payload.userId, 'auth.login.failed', {
+      email: payload.email,
+    });
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/live/live.controller.ts b/apps/edr-passenger-api/src/modules/live/live.controller.ts
new file mode 100644
index 000000000..13058a1cb
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/live/live.controller.ts
@@ -0,0 +1,16 @@
+import { Body, Controller, Get, Param, Patch, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { LiveService } from './live.service';
+import { UpdateLiveStatusDto } from './live.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Live Tracking')
+@Controller('live')
+export class LiveController {
+  constructor(private service: LiveService) {}
+  @Get('schedules/:scheduleId')          @ApiOperation({ summary: 'Get live status for a schedule' })              getTripLiveStatus(@Param('scheduleId') id: string) { return this.service.getTripLiveStatus(id); }
+  @Get('schedules/:scheduleId/stops')    @ApiOperation({ summary: 'Get stop timeline for a schedule' })            getStopTimeline(@Param('scheduleId') id: string) { return this.service.getStopTimeline(id); }
+  @Patch('schedules/:scheduleId/status') @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth') @ApiOperation({ summary: 'Update live schedule status (staff/system)' }) updateLiveStatus(@Param('scheduleId') id: string, @Body() dto: UpdateLiveStatusDto) { return this.service.updateLiveStatus(id, dto); }
+  @Get('crowd-signals')         @ApiOperation({ summary: 'Get station crowd signals' })               getCrowdSignals() { return this.service.getStationCrowdSignals(); }
+  @Get('weather-alerts')        @ApiOperation({ summary: 'Get active weather alerts' })               getWeatherAlerts() { return this.service.getWeatherAlerts(); }
+}
diff --git a/apps/edr-passenger-api/src/modules/live/live.dto.ts b/apps/edr-passenger-api/src/modules/live/live.dto.ts
new file mode 100644
index 000000000..9e4de96d5
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/live/live.dto.ts
@@ -0,0 +1,11 @@
+import { IsString, IsOptional, IsInt, Min, Max } from 'class-validator';
+import { ApiPropertyOptional } from '@nestjs/swagger';
+
+export class UpdateLiveStatusDto {
+  @ApiPropertyOptional({ example: 'EN_ROUTE' }) @IsOptional() @IsString() state?: string;
+  @ApiPropertyOptional({ example: 'Between Dire Dawa and Dewele' }) @IsOptional() @IsString() currentLocationLabel?: string;
+  @ApiPropertyOptional({ example: 45 }) @IsOptional() @IsInt() @Min(0) @Max(100) progressPercent?: number;
+  @ApiPropertyOptional({ example: 10 }) @IsOptional() @IsInt() @Min(0) delayMinutes?: number;
+  @ApiPropertyOptional({ example: 120 }) @IsOptional() @IsInt() @Min(0) currentSpeedKph?: number;
+  @ApiPropertyOptional({ example: 'Platform 2' }) @IsOptional() @IsString() platformLabel?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/live/live.module.ts b/apps/edr-passenger-api/src/modules/live/live.module.ts
new file mode 100644
index 000000000..268ba2385
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/live/live.module.ts
@@ -0,0 +1,6 @@
+import { Module } from '@nestjs/common';
+import { LiveController } from './live.controller';
+import { LiveService } from './live.service';
+
+@Module({ controllers: [LiveController], providers: [LiveService] })
+export class LiveModule {}
diff --git a/apps/edr-passenger-api/src/modules/live/live.service.ts b/apps/edr-passenger-api/src/modules/live/live.service.ts
new file mode 100644
index 000000000..7f0a858dc
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/live/live.service.ts
@@ -0,0 +1,37 @@
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+
+@Injectable()
+export class LiveService {
+  constructor(private prisma: PrismaService) {}
+
+  async getTripLiveStatus(scheduleId: string) {
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: scheduleId },
+      include: { train: true, originStation: true, destinationStation: true, liveStatus: true, stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } } },
+    });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+    const live = schedule.liveStatus;
+    const nextStop = schedule.stopTimes.find((s) => s.status === 'UPCOMING' || s.status === 'APPROACHING');
+    return {
+      scheduleId: schedule.id, trainName: schedule.train.name,
+      fromStationName: schedule.originStation.name, toStationName: schedule.destinationStation.name,
+      state: live?.state ?? schedule.status, currentLocationLabel: live?.currentLocationLabel,
+      progressPercent: live?.progressPercent ?? 0, delayMinutes: live?.delayMinutes ?? 0,
+      currentSpeedKph: live?.currentSpeedKph, platformLabel: live?.platformLabel,
+      nextStopStationName: nextStop?.station.name, updatedAt: live?.updatedAt ?? schedule.departureAt,
+    };
+  }
+
+  updateLiveStatus(scheduleId: string, data: any) {
+    return this.prisma.tripLiveStatus.upsert({ where: { scheduleId }, update: data, create: { scheduleId, state: data.state ?? 'SCHEDULED', ...data } });
+  }
+
+  getStopTimeline(scheduleId: string) {
+    return this.prisma.tripStopTime.findMany({ where: { scheduleId }, include: { station: true }, orderBy: { sequence: 'asc' } });
+  }
+
+  getStationCrowdSignals() { return this.prisma.stationCrowdSignal.findMany({ include: { station: true } }); }
+
+  getWeatherAlerts() { return this.prisma.weatherAlert.findMany({ where: { validUntil: { gte: new Date() } }, orderBy: { createdAt: 'desc' } }); }
+}
diff --git a/apps/edr-passenger-api/src/modules/loyalty/loyalty.controller.ts b/apps/edr-passenger-api/src/modules/loyalty/loyalty.controller.ts
new file mode 100644
index 000000000..7095110e4
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/loyalty/loyalty.controller.ts
@@ -0,0 +1,15 @@
+import { Controller, Get, Param, Post, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { LoyaltyService } from './loyalty.service';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Loyalty')
+@Controller('loyalty')
+@UseGuards(JwtGuard)
+@ApiBearerAuth('JWT-auth')
+export class LoyaltyController {
+  constructor(private service: LoyaltyService) {}
+  @Get(':passengerId')                                    @ApiOperation({ summary: 'Get loyalty account with tier progress' }) getAccount(@Param('passengerId') id: string) { return this.service.getAccount(id); }
+  @Get(':passengerId/rewards')                            @ApiOperation({ summary: 'Get available rewards' })                  getRewards(@Param('passengerId') id: string) { return this.service.getRewards(id); }
+  @Post(':passengerId/rewards/:rewardId/redeem')          @ApiOperation({ summary: 'Redeem a loyalty reward' })                redeemReward(@Param('passengerId') pid: string, @Param('rewardId') rid: string) { return this.service.redeemReward(pid, rid); }
+}
diff --git a/apps/edr-passenger-api/src/modules/loyalty/loyalty.module.ts b/apps/edr-passenger-api/src/modules/loyalty/loyalty.module.ts
new file mode 100644
index 000000000..e1305d315
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/loyalty/loyalty.module.ts
@@ -0,0 +1,6 @@
+import { Module } from '@nestjs/common';
+import { LoyaltyController } from './loyalty.controller';
+import { LoyaltyService } from './loyalty.service';
+
+@Module({ controllers: [LoyaltyController], providers: [LoyaltyService] })
+export class LoyaltyModule {}
diff --git a/apps/edr-passenger-api/src/modules/loyalty/loyalty.service.ts b/apps/edr-passenger-api/src/modules/loyalty/loyalty.service.ts
new file mode 100644
index 000000000..4cc69b214
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/loyalty/loyalty.service.ts
@@ -0,0 +1,43 @@
+import { Injectable, NotFoundException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+
+@Injectable()
+export class LoyaltyService {
+  constructor(private prisma: PrismaService) {}
+
+  async getAccount(passengerId: string) {
+    const account = await this.prisma.loyaltyAccount.findUnique({ where: { passengerId }, include: { ledger: { orderBy: { createdAt: 'desc' }, take: 20 } } });
+    if (!account) throw new NotFoundException('Loyalty account not found');
+    const tiers = ['BRONZE', 'SILVER', 'GOLD', 'PLATINUM'];
+    const thresholds: Record<string, number> = { BRONZE: 0, SILVER: 2000, GOLD: 5000, PLATINUM: 10000 };
+    const idx = tiers.indexOf(account.tier);
+    const nextTier = tiers[idx + 1] ?? null;
+    const nextThreshold = nextTier ? thresholds[nextTier] : null;
+    return {
+      ...account, nextTier,
+      points: account.pointsBalance,
+      nextTierPoints: nextThreshold ?? account.pointsBalance,
+      pointsToNextTier: nextThreshold ? nextThreshold - account.pointsBalance : 0,
+      tierProgressPercent: nextThreshold ? +((account.pointsBalance - thresholds[account.tier]) / (nextThreshold - thresholds[account.tier]) * 100).toFixed(2) : 100,
+    };
+  }
+
+  async getRewards(passengerId: string) {
+    const account = await this.prisma.loyaltyAccount.findUnique({ where: { passengerId } });
+    if (!account) throw new NotFoundException('Loyalty account not found');
+    return this.prisma.loyaltyReward.findMany({ where: { accountId: account.id, available: true } });
+  }
+
+  async redeemReward(passengerId: string, rewardId: string) {
+    const account = await this.prisma.loyaltyAccount.findUnique({ where: { passengerId } });
+    if (!account) throw new NotFoundException('Loyalty account not found');
+    const reward = await this.prisma.loyaltyReward.findUnique({ where: { id: rewardId } });
+    if (!reward?.available) throw new NotFoundException('Reward not available');
+    if (account.pointsBalance < reward.costPoints) throw new BadRequestException('Insufficient points');
+    const newBalance = account.pointsBalance - reward.costPoints;
+    await this.prisma.loyaltyAccount.update({ where: { passengerId }, data: { pointsBalance: newBalance } });
+    await this.prisma.loyaltyLedgerEntry.create({ data: { accountId: account.id, delta: -reward.costPoints, reason: 'REWARD_REDEEMED', balanceAfter: newBalance } });
+    await this.prisma.loyaltyReward.update({ where: { id: rewardId }, data: { available: false } });
+    return { redeemed: true, pointsUsed: reward.costPoints, balanceAfter: newBalance };
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/notifications/dtos/email.dto.ts b/apps/edr-passenger-api/src/modules/notifications/dtos/email.dto.ts
new file mode 100644
index 000000000..63bbc4a5a
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/notifications/dtos/email.dto.ts
@@ -0,0 +1,8 @@
+export class SendEmail {
+  to: string;
+  subject: string;
+  body: string;
+  html?: string;
+  templateKey?: string;
+  context?: Record<string, unknown>;
+}
diff --git a/apps/edr-passenger-api/src/modules/notifications/dtos/sms.dto.ts b/apps/edr-passenger-api/src/modules/notifications/dtos/sms.dto.ts
new file mode 100644
index 000000000..1897f7794
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/notifications/dtos/sms.dto.ts
@@ -0,0 +1,9 @@
+export class SendMessage {
+  to: string;
+  message: string;
+  from?: string;
+}
+
+export class BulkMessagesDto {
+  messages: SendMessage[];
+}
diff --git a/apps/edr-passenger-api/src/modules/notifications/email-client.service.ts b/apps/edr-passenger-api/src/modules/notifications/email-client.service.ts
new file mode 100644
index 000000000..8fcb82394
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/notifications/email-client.service.ts
@@ -0,0 +1,28 @@
+import { Inject, Injectable, Logger, OnApplicationBootstrap } from '@nestjs/common';
+import { ClientProxy } from '@nestjs/microservices';
+import { SendEmail } from './dtos/email.dto';
+
+@Injectable()
+export class EmailClientService implements OnApplicationBootstrap {
+  private readonly logger = new Logger(EmailClientService.name);
+
+  constructor(
+    @Inject('EMAIL_SERVICE')
+    private readonly emailServiceClient: ClientProxy,
+  ) {}
+
+  async onApplicationBootstrap() {
+    this.emailServiceClient
+      .connect()
+      .then(() => this.logger.log('Connected to Email service'))
+      .catch((err) => this.logger.error('Error connecting to Email service', err));
+  }
+
+  async sendEmail(dto: SendEmail) {
+    this.emailServiceClient.emit('send-email', {
+      ...dto,
+      appKey: 'EDR-PASSENGER-API',
+    });
+    return {};
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/notifications/notification.adapters.ts b/apps/edr-passenger-api/src/modules/notifications/notification.adapters.ts
new file mode 100644
index 000000000..c7db1a0a4
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/notifications/notification.adapters.ts
@@ -0,0 +1,216 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+import * as sgMail from '@sendgrid/mail';
+import { HttpService } from '@nestjs/axios';
+import { firstValueFrom } from 'rxjs';
+
+export interface NotificationChannel {
+  send(recipient: string, subject: string, body: string, context?: Record<string, unknown>): Promise<boolean>;
+}
+
+@Injectable()
+export class EmailAdapter implements NotificationChannel {
+  private readonly logger = new Logger(EmailAdapter.name);
+
+  constructor(private readonly config: ConfigService) {
+    const apiKey = this.config.get<string>('SENDGRID_API_KEY');
+    if (apiKey) {
+      sgMail.setApiKey(apiKey);
+      this.logger.log('SendGrid Email adapter initialized');
+    } else {
+      this.logger.warn('SENDGRID_API_KEY not configured - emails will be logged only');
+    }
+  }
+
+  async send(
+    recipient: string,
+    subject: string,
+    body: string,
+    context?: Record<string, unknown>,
+  ): Promise<boolean> {
+    const apiKey = this.config.get<string>('SENDGRID_API_KEY');
+    const fromEmail = this.config.get<string>('SENDGRID_FROM_EMAIL') || 'noreply@edr-platform.com';
+
+    if (!apiKey) {
+      this.logger.log(`[EMAIL MOCK] To: ${recipient} | Subject: ${subject} | Body: ${body.substring(0, 100)}`);
+      return true;
+    }
+
+    try {
+      const msg: sgMail.MailDataRequired = {
+        to: recipient,
+        from: fromEmail,
+        subject,
+        text: body,
+        html: this.formatHtml(body, context),
+      };
+
+      await sgMail.send(msg);
+      this.logger.log(`Email sent successfully to ${recipient}`);
+      return true;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      this.logger.error(`Failed to send email to ${recipient}: ${message}`);
+      return false;
+    }
+  }
+
+  private formatHtml(body: string, context?: Record<string, unknown>): string {
+    const contextHtml = context
+      ? `<div style="margin-top: 20px; padding: 10px; background: #f5f5f5; border-radius: 4px;">
+           <small>${JSON.stringify(context, null, 2)}</small>
+         </div>`
+      : '';
+
+    return `
+      <!DOCTYPE html>
+      <html>
+        <head>
+          <meta charset="utf-8">
+          <style>
+            body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
+            .container { max-width: 600px; margin: 0 auto; padding: 20px; }
+            .header { background: #0066cc; color: white; padding: 20px; text-align: center; }
+            .content { padding: 20px; background: white; }
+            .footer { text-align: center; padding: 20px; color: #666; font-size: 12px; }
+          </style>
+        </head>
+        <body>
+          <div class="container">
+            <div class="header">
+              <h2>Ethio-Djibouti Railway</h2>
+            </div>
+            <div class="content">
+              ${body.replace(/\n/g, '<br>')}
+              ${contextHtml}
+            </div>
+            <div class="footer">
+              <p>© 2024 Ethio-Djibouti Railway. All rights reserved.</p>
+            </div>
+          </div>
+        </body>
+      </html>
+    `;
+  }
+}
+
+@Injectable()
+export class SmsAdapter implements NotificationChannel {
+  private readonly logger = new Logger(SmsAdapter.name);
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {
+    const provider = this.config.get<string>('SMS_PROVIDER');
+    this.logger.log(`SMS adapter initialized with provider: ${provider || 'MOCK'}`);
+  }
+
+  async send(
+    recipient: string,
+    subject: string,
+    body: string,
+    _context?: Record<string, unknown>,
+  ): Promise<boolean> {
+    const provider = this.config.get<string>('SMS_PROVIDER');
+    const apiKey = this.config.get<string>('SMS_API_KEY');
+
+    if (!provider || !apiKey) {
+      this.logger.log(`[SMS MOCK] To: ${recipient} | Message: ${body.substring(0, 100)}`);
+      return true;
+    }
+
+    try {
+      switch (provider.toLowerCase()) {
+        case 'twilio':
+          return await this.sendViaTwilio(recipient, body);
+        case 'africastalking':
+          return await this.sendViaAfricasTalking(recipient, body);
+        default:
+          this.logger.warn(`Unknown SMS provider: ${provider}`);
+          return false;
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      this.logger.error(`Failed to send SMS to ${recipient}: ${message}`);
+      return false;
+    }
+  }
+
+  private async sendViaTwilio(to: string, body: string): Promise<boolean> {
+    const accountSid = this.config.get<string>('TWILIO_ACCOUNT_SID');
+    const authToken = this.config.get<string>('TWILIO_AUTH_TOKEN');
+    const fromNumber = this.config.get<string>('TWILIO_FROM_NUMBER');
+
+    const url = `https://api.twilio.com/2010-04-01/Accounts/${accountSid}/Messages.json`;
+    const auth = Buffer.from(`${accountSid}:${authToken}`).toString('base64');
+
+    const response = await firstValueFrom(
+      this.http.post(
+        url,
+        new URLSearchParams({
+          To: to,
+          From: fromNumber || '',
+          Body: body,
+        }),
+        {
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'Authorization': `Basic ${auth}`,
+          },
+        },
+      ),
+    );
+
+    return response.status === 201;
+  }
+
+  private async sendViaAfricasTalking(to: string, body: string): Promise<boolean> {
+    const apiKey = this.config.get<string>('SMS_API_KEY');
+    const username = this.config.get<string>('AFRICASTALKING_USERNAME');
+    const from = this.config.get<string>('AFRICASTALKING_FROM');
+
+    const url = 'https://api.africastalking.com/version1/messaging';
+
+    const response = await firstValueFrom(
+      this.http.post(
+        url,
+        new URLSearchParams({
+          username: username || '',
+          to,
+          message: body,
+          from: from || '',
+        }),
+        {
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'apiKey': apiKey || '',
+          },
+        },
+      ),
+    );
+
+    return response.status === 201;
+  }
+}
+
+@Injectable()
+export class PushAdapter implements NotificationChannel {
+  private readonly logger = new Logger(PushAdapter.name);
+
+  constructor(private readonly config: ConfigService) {
+    this.logger.log('Push notification adapter initialized');
+  }
+
+  async send(
+    recipient: string,
+    subject: string,
+    body: string,
+    context?: Record<string, unknown>,
+  ): Promise<boolean> {
+    // Push notifications would typically use FCM/APNS
+    // For now, just log
+    this.logger.log(`[PUSH MOCK] To: ${recipient} | Title: ${subject} | Body: ${body.substring(0, 100)}`);
+    return true;
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/notifications/notifications.controller.ts b/apps/edr-passenger-api/src/modules/notifications/notifications.controller.ts
new file mode 100644
index 000000000..9fd69830c
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/notifications/notifications.controller.ts
@@ -0,0 +1,71 @@
+import { Controller, Get, Param, Patch, Post, Body, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiBody } from '@nestjs/swagger';
+import { NotificationsService } from './notifications.service';
+import { JwtGuard } from '../../common/jwt.guard';
+import { IamGuard, IamRoles } from '../../common/iam-adapter';
+import { TestNotificationDto } from './notifications.dto';
+import { EmailClientService } from './email-client.service';
+import { SmsClientService } from './sms-client.service';
+import { SendEmail } from './dtos/email.dto';
+import { SendMessage } from './dtos/sms.dto';
+
+@ApiTags('Notifications')
+@Controller('notifications')
+@UseGuards(JwtGuard)
+@ApiBearerAuth('JWT-auth')
+export class NotificationsController {
+  constructor(
+    private service: NotificationsService,
+    private emailClient: EmailClientService,
+    private smsClient: SmsClientService,
+  ) {}
+
+  @Get(':passengerId')
+  @ApiOperation({ summary: 'Get notifications for passenger' })
+  getForPassenger(@Param('passengerId') id: string) {
+    return this.service.getForPassenger(id);
+  }
+
+  @Patch(':id/read')
+  @ApiOperation({ summary: 'Mark notification as read' })
+  markRead(@Param('id') id: string) {
+    return this.service.markRead(id);
+  }
+
+  @Patch(':passengerId/read-all')
+  @ApiOperation({ summary: 'Mark all notifications as read' })
+  markAllRead(@Param('passengerId') id: string) {
+    return this.service.markAllRead(id);
+  }
+
+  @Post('send/email')
+  @UseGuards(IamGuard)
+  @IamRoles('ADMIN', 'STAFF')
+  @ApiOperation({ summary: 'Send a direct email via the email microservice' })
+  @ApiBody({ type: SendEmail })
+  sendEmail(@Body() dto: SendEmail) {
+    return this.emailClient.sendEmail(dto);
+  }
+
+  @Post('send/sms')
+  @UseGuards(IamGuard)
+  @IamRoles('ADMIN', 'STAFF')
+  @ApiOperation({ summary: 'Send a direct SMS via the SMS microservice' })
+  @ApiBody({ type: SendMessage })
+  sendSms(@Body() dto: SendMessage) {
+    return this.smsClient.sendSms(dto);
+  }
+
+  @Post('test')
+  @UseGuards(IamGuard)
+  @IamRoles('ADMIN', 'STAFF')
+  @ApiOperation({ summary: 'Test notification delivery (Admin only)' })
+  async testNotification(@Body() dto: TestNotificationDto) {
+    return this.service.send(
+      dto.templateKey,
+      dto.recipient,
+      dto.context,
+      dto.channels as any,
+    );
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/notifications/notifications.dto.ts b/apps/edr-passenger-api/src/modules/notifications/notifications.dto.ts
new file mode 100644
index 000000000..e55535a2a
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/notifications/notifications.dto.ts
@@ -0,0 +1,37 @@
+import { IsString, IsEnum, IsOptional, IsArray } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+export enum NotificationCategoryEnum {
+  BOOKING = 'BOOKING',
+  PAYMENT = 'PAYMENT',
+  DISRUPTION = 'DISRUPTION',
+  PROMOTION = 'PROMOTION',
+  SYSTEM = 'SYSTEM',
+}
+
+export class SendNotificationDto {
+  @ApiProperty() @IsString() passengerId: string;
+  @ApiProperty({ example: 'Platform Change' }) @IsString() title: string;
+  @ApiProperty({ example: 'Your train departs from Platform 3' }) @IsString() body: string;
+  @ApiProperty({ enum: NotificationCategoryEnum }) @IsEnum(NotificationCategoryEnum) category: NotificationCategoryEnum;
+  @ApiPropertyOptional({ example: 'edr://tickets/tkt_01' }) @IsOptional() @IsString() deepLink?: string;
+  @ApiPropertyOptional() @IsOptional() metadata?: Record<string, any>;
+}
+
+export class TestNotificationDto {
+  @ApiProperty({ example: 'booking.created' })
+  @IsString()
+  templateKey: string;
+
+  @ApiProperty({ example: 'user@example.com' })
+  @IsString()
+  recipient: string;
+
+  @ApiProperty({ example: { bookingRef: 'EDR123456', passengerName: 'John Doe' } })
+  context: Record<string, unknown>;
+
+  @ApiPropertyOptional({ example: ['EMAIL', 'SMS', 'IN_APP'] })
+  @IsOptional()
+  @IsArray()
+  channels?: string[];
+}
diff --git a/apps/edr-passenger-api/src/modules/notifications/notifications.module.ts b/apps/edr-passenger-api/src/modules/notifications/notifications.module.ts
index 39fe1b5c7..f209ccf17 100644
--- a/apps/edr-passenger-api/src/modules/notifications/notifications.module.ts
+++ b/apps/edr-passenger-api/src/modules/notifications/notifications.module.ts
@@ -1,9 +1,56 @@
-import { Module } from "@nestjs/common";
-
-import { NotificationsService } from "./notifications.service";
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { ConfigModule, ConfigService } from '@nestjs/config';
+import { ClientsModule, Transport } from '@nestjs/microservices';
+import { NotificationsController } from './notifications.controller';
+import { NotificationsService } from './notifications.service';
+import { EmailAdapter, SmsAdapter, PushAdapter } from './notification.adapters';
+import { EmailClientService } from './email-client.service';
+import { SmsClientService } from './sms-client.service';
 
 @Module({
-  providers: [NotificationsService],
-  exports: [NotificationsService],
+  imports: [
+    HttpModule.register({ timeout: 10_000 }),
+    ClientsModule.registerAsync([
+      {
+        name: 'EMAIL_SERVICE',
+        imports: [ConfigModule],
+        inject: [ConfigService],
+        useFactory: (config: ConfigService) => ({
+          transport: Transport.RMQ,
+          options: {
+            urls: [config.get<string>('RABBITMQ_URL') ?? 'amqp://localhost:5672'],
+            queue: config.get<string>('EMAIL_QUEUE') ?? 'email_queue',
+            queueOptions: { durable: true },
+            noAck: true,
+          },
+        }),
+      },
+      {
+        name: 'SMS_SERVICE',
+        imports: [ConfigModule],
+        inject: [ConfigService],
+        useFactory: (config: ConfigService) => ({
+          transport: Transport.RMQ,
+          options: {
+            urls: [config.get<string>('RABBITMQ_URL') ?? 'amqp://localhost:5672'],
+            queue: config.get<string>('SMS_QUEUE') ?? 'sms_queue',
+            queueOptions: { durable: true },
+            noAck: true,
+          },
+        }),
+      },
+    ]),
+  ],
+  controllers: [NotificationsController],
+  providers: [
+    NotificationsService,
+    EmailAdapter,
+    SmsAdapter,
+    PushAdapter,
+    EmailClientService,
+    SmsClientService,
+  ],
+  exports: [NotificationsService, EmailClientService, SmsClientService],
 })
 export class NotificationsModule {}
diff --git a/apps/edr-passenger-api/src/modules/notifications/notifications.service.ts b/apps/edr-passenger-api/src/modules/notifications/notifications.service.ts
index b57bd14bc..68d76572c 100644
--- a/apps/edr-passenger-api/src/modules/notifications/notifications.service.ts
+++ b/apps/edr-passenger-api/src/modules/notifications/notifications.service.ts
@@ -1,14 +1,265 @@
-import { Injectable, Logger } from "@nestjs/common";
+import { Injectable, Logger } from '@nestjs/common';
+import { OnEvent } from '@nestjs/event-emitter';
+import { PrismaService } from '../../common/prisma.service';
+import { SendNotificationDto, NotificationCategoryEnum } from './notifications.dto';
+import { PushAdapter, NotificationChannel } from './notification.adapters';
+import { EmailClientService } from './email-client.service';
+import { SmsClientService } from './sms-client.service';
+
+export type NotificationChannelType = 'EMAIL' | 'SMS' | 'PUSH' | 'IN_APP';
 
 @Injectable()
 export class NotificationsService {
   private readonly logger = new Logger(NotificationsService.name);
+  private readonly channels: Map<NotificationChannelType, NotificationChannel>;
+
+  constructor(
+    private prisma: PrismaService,
+    private emailClient: EmailClientService,
+    private smsClient: SmsClientService,
+    private pushAdapter: PushAdapter,
+  ) {
+    this.channels = new Map<NotificationChannelType, NotificationChannel>([
+      ['EMAIL', { send: (to, subject, body) => this.emailClient.sendEmail({ to, subject, body }).then(() => true) }],
+      ['SMS', { send: (to, _subject, body) => this.smsClient.sendSms({ to, message: body }).then(() => true) }],
+      ['PUSH', this.pushAdapter as NotificationChannel],
+    ]);
+  }
 
   /**
-   * Dispatch a notification to a passenger (booking confirmation, schedule change, etc.).
-   * TODO: wire to email/SMS provider via a mailer service.
+   * Send notification using template key and context
+   * @param templateKey - Template code from NotificationTemplate table
+   * @param recipient - User/Passenger ID or email/phone
+   * @param context - Variables to interpolate in template
+   * @param channels - Optional array of channels to use (defaults to user preferences)
    */
-  async send(recipient: string, subject: string, body: string): Promise<void> {
-    this.logger.log(`[notify] ${recipient} :: ${subject} :: ${body}`);
+  async send(
+    templateKey: string,
+    recipient: string,
+    context: Record<string, unknown>,
+    channels?: NotificationChannelType[],
+  ): Promise<{ sent: boolean; channels: string[] }> {
+    const template = await this.prisma.notificationTemplate.findUnique({
+      where: { code: templateKey },
+    });
+
+    if (!template || !template.active) {
+      this.logger.warn(`Template ${templateKey} not found or inactive`);
+      return { sent: false, channels: [] };
+    }
+
+    const { subject, body } = this.interpolate(template, context);
+    const targetChannels = channels || await this.getUserPreferredChannels(recipient);
+    const sentChannels: string[] = [];
+
+    // Always create in-app notification
+    if (targetChannels.includes('IN_APP')) {
+      await this.createInAppNotification(recipient, subject, body, context);
+      sentChannels.push('IN_APP');
+    }
+
+    // Send via other channels
+    for (const channelType of targetChannels) {
+      if (channelType === 'IN_APP') continue;
+
+      const adapter = this.channels.get(channelType);
+      if (!adapter) {
+        this.logger.warn(`No adapter for channel: ${channelType}`);
+        continue;
+      }
+
+      const recipientAddress = await this.getRecipientAddress(recipient, channelType);
+      if (!recipientAddress) {
+        this.logger.warn(`No ${channelType} address for recipient: ${recipient}`);
+        continue;
+      }
+
+      const success = await adapter.send(recipientAddress, subject, body, context);
+      if (success) {
+        sentChannels.push(channelType);
+      }
+    }
+
+    return { sent: sentChannels.length > 0, channels: sentChannels };
   }
-}
+
+  /**
+   * Legacy method for backward compatibility
+   */
+  async sendDirect(dto: SendNotificationDto) {
+    const notification = await this.prisma.notification.create({
+      data: {
+        passengerId: dto.passengerId,
+        title: dto.title,
+        body: dto.body,
+        category: dto.category as any,
+        deepLink: dto.deepLink,
+        metadata: dto.metadata,
+      },
+    });
+
+    const passenger = await this.prisma.passenger.findUnique({
+      where: { id: dto.passengerId },
+      include: { user: true },
+    });
+
+    if (passenger?.user) {
+      await this.emailClient.sendEmail({
+        to: passenger.user.email,
+        subject: this.sanitize(dto.title),
+        body: this.sanitize(dto.body),
+      });
+    }
+
+    return notification;
+  }
+
+  private async createInAppNotification(
+    recipient: string,
+    title: string,
+    body: string,
+    context: Record<string, unknown>,
+  ): Promise<void> {
+    // Try to find passenger by ID or email
+    let passengerId = recipient;
+
+    if (!recipient.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i)) {
+      const user = await this.prisma.user.findFirst({
+        where: {
+          OR: [{ email: recipient }, { phone: recipient }],
+        },
+        include: { passenger: true },
+      });
+      if (user?.passenger) {
+        passengerId = user.passenger.id;
+      } else {
+        this.logger.warn(`Could not find passenger for recipient: ${recipient}`);
+        return;
+      }
+    }
+
+    await this.prisma.notification.create({
+      data: {
+        passengerId,
+        title,
+        body,
+        category: (context.category as any) || 'SYSTEM',
+        deepLink: context.deepLink as string,
+        metadata: context as any,
+      },
+    });
+  }
+
+  private interpolate(
+    template: { subject?: string | null; bodyTemplate: string },
+    context: Record<string, unknown>,
+  ): { subject: string; body: string } {
+    const subject = template.subject || 'Notification';
+    let body = template.bodyTemplate;
+
+    // Simple template interpolation: {{variable}}
+    for (const [key, value] of Object.entries(context)) {
+      const regex = new RegExp(`{{\\s*${key}\\s*}}`, 'g');
+      body = body.replace(regex, String(value));
+    }
+
+    return { subject, body };
+  }
+
+  private async getUserPreferredChannels(recipient: string): Promise<NotificationChannelType[]> {
+    const user = await this.prisma.user.findFirst({
+      where: {
+        OR: [{ id: recipient }, { email: recipient }, { phone: recipient }],
+      },
+      include: { preferences: true },
+    });
+
+    if (!user?.preferences) {
+      return ['IN_APP', 'EMAIL'];
+    }
+
+    const channels: NotificationChannelType[] = ['IN_APP'];
+    if (user.preferences.emailEnabled) channels.push('EMAIL');
+    if (user.preferences.smsEnabled) channels.push('SMS');
+    if (user.preferences.pushEnabled) channels.push('PUSH');
+
+    return channels;
+  }
+
+  private async getRecipientAddress(
+    recipient: string,
+    channel: NotificationChannelType,
+  ): Promise<string | null> {
+    const user = await this.prisma.user.findFirst({
+      where: {
+        OR: [{ id: recipient }, { email: recipient }, { phone: recipient }],
+      },
+    });
+
+    if (!user) return null;
+
+    switch (channel) {
+      case 'EMAIL':
+        return user.email;
+      case 'SMS':
+        return user.phone;
+      case 'PUSH':
+        // Would need to fetch device push token
+        return user.id;
+      default:
+        return null;
+    }
+  }
+
+  private sanitize(value: string): string {
+    return value
+      .replace(/[\r\n]/g, ' ')
+      .replace(/[<>&"']/g, (c) => ({ '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;', "'": '&#x27;' }[c] ?? c));
+  }
+
+  getForPassenger(passengerId: string) {
+    return this.prisma.notification.findMany({
+      where: { passengerId },
+      orderBy: { createdAt: 'desc' },
+      take: 50,
+    });
+  }
+
+  markRead(id: string) {
+    return this.prisma.notification.update({ where: { id }, data: { read: true } });
+  }
+
+  async markAllRead(passengerId: string) {
+    await this.prisma.notification.updateMany({
+      where: { passengerId, read: false },
+      data: { read: true },
+    });
+    return { updated: true };
+  }
+
+  @OnEvent('booking.created')
+  async onBookingCreated(payload: any) {
+    await this.send(
+      'booking.created',
+      payload.booking.passengerId,
+      {
+        bookingRef: payload.booking.bookingRef,
+        category: 'BOOKING',
+        deepLink: `edr://bookings/${payload.booking.bookingRef}`,
+      },
+    );
+  }
+
+  @OnEvent('payment.succeeded')
+  async onPaymentSucceeded(payload: any) {
+    await this.send(
+      'payment.succeeded',
+      payload.booking.passengerId,
+      {
+        bookingRef: payload.booking.bookingRef,
+        category: 'PAYMENT',
+        deepLink: `edr://tickets/${payload.booking.bookingRef}`,
+      },
+    );
+  }
+}
\ No newline at end of file
diff --git a/apps/edr-passenger-api/src/modules/notifications/sms-client.service.ts b/apps/edr-passenger-api/src/modules/notifications/sms-client.service.ts
new file mode 100644
index 000000000..0108e0758
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/notifications/sms-client.service.ts
@@ -0,0 +1,36 @@
+import { Inject, Injectable, Logger, OnApplicationBootstrap } from '@nestjs/common';
+import { ClientProxy } from '@nestjs/microservices';
+import { BulkMessagesDto, SendMessage } from './dtos/sms.dto';
+
+@Injectable()
+export class SmsClientService implements OnApplicationBootstrap {
+  private readonly logger = new Logger(SmsClientService.name);
+
+  constructor(
+    @Inject('SMS_SERVICE')
+    private readonly smsClient: ClientProxy,
+  ) {}
+
+  async onApplicationBootstrap() {
+    this.smsClient
+      .connect()
+      .then(() => this.logger.log('Connected to SMS service'))
+      .catch((err) => this.logger.error('Error connecting to SMS service', err));
+  }
+
+  async sendSms(dto: SendMessage) {
+    this.smsClient.emit('send-sms', {
+      ...dto,
+      appKey: 'EDR-PASSENGER-API',
+    });
+    return {};
+  }
+
+  async sendBulkMessages(dto: BulkMessagesDto) {
+    this.smsClient.emit('ozeking-bulk-sms', {
+      ...dto,
+      appKey: 'EDR-PASSENGER-API',
+    });
+    return {};
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/passengers/dto/create-passenger.dto.ts b/apps/edr-passenger-api/src/modules/passengers/dto/create-passenger.dto.ts
deleted file mode 100644
index f2528b183..000000000
--- a/apps/edr-passenger-api/src/modules/passengers/dto/create-passenger.dto.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { IsDateString, IsEmail, IsOptional, IsString } from "class-validator";
-
-export class CreatePassengerDto {
-  @IsString()
-  fullName!: string;
-
-  @IsEmail()
-  email!: string;
-
-  @IsString()
-  phone!: string;
-
-  @IsOptional()
-  @IsString()
-  nationalId?: string;
-
-  @IsOptional()
-  @IsDateString()
-  dateOfBirth?: string;
-}
diff --git a/apps/edr-passenger-api/src/modules/passengers/entities/passenger.entity.ts b/apps/edr-passenger-api/src/modules/passengers/entities/passenger.entity.ts
deleted file mode 100644
index 52f7a6091..000000000
--- a/apps/edr-passenger-api/src/modules/passengers/entities/passenger.entity.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { BaseEntity } from "@edr/api-common";
-import { Column, Entity } from "typeorm";
-
-@Entity({ name: "passengers" })
-export class Passenger extends BaseEntity {
-  @Column({ name: "full_name", type: "varchar", length: 256 })
-  fullName!: string;
-
-  @Column({ name: "email", type: "varchar", length: 256, unique: true })
-  email!: string;
-
-  @Column({ name: "phone", type: "varchar", length: 32 })
-  phone!: string;
-
-  @Column({ name: "national_id", type: "varchar", length: 64, nullable: true })
-  nationalId?: string | null;
-
-  @Column({ name: "date_of_birth", type: "date", nullable: true })
-  dateOfBirth?: string | null;
-}
diff --git a/apps/edr-passenger-api/src/modules/passengers/passengers.controller.ts b/apps/edr-passenger-api/src/modules/passengers/passengers.controller.ts
index 8a7b87555..24aadbd4c 100644
--- a/apps/edr-passenger-api/src/modules/passengers/passengers.controller.ts
+++ b/apps/edr-passenger-api/src/modules/passengers/passengers.controller.ts
@@ -1,37 +1,388 @@
-import {
-  Body,
-  Controller,
-  Get,
-  Param,
-  ParseUUIDPipe,
-  Post,
-} from "@nestjs/common";
-import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import { Body, Controller, Get, Param, Post, UseGuards, Query, Request, UnauthorizedException, Patch, Delete } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiResponse, ApiQuery } from '@nestjs/swagger';
+import { PassengersService } from './passengers.service';
+import { CreateTravelerProfileDto, CreateSavedRouteDto, VerifyFaydaDto, SavePassengersDto, RegisterPassengerDto } from './passengers.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+import { IamGuard } from '../../common/iam-adapter';
+import { VerifaydaService } from '../verifayda/verifayda.service';
+import { OptionalJwtGuard } from '../verifayda/optional-jwt.guard';
+import { PrismaService } from '../../common/prisma.service';
 
-import { CreatePassengerDto } from "./dto/create-passenger.dto";
-import { PassengersService } from "./passengers.service";
-
-@ApiTags("passengers")
-// @UseGuards(JwtAuthGuard) — TODO: integrate @edr/auth
-@Controller("passengers")
+@ApiTags('Passengers')
+@Controller('passengers')
 export class PassengersController {
-  constructor(private readonly passengersService: PassengersService) {}
-
-  @Post()
-  @ApiOperation({ summary: "Register a new passenger" })
-  create(@Body() dto: CreatePassengerDto) {
-    return this.passengersService.create(dto);
-  }
+  constructor(
+    private service: PassengersService,
+    private verifaydaService: VerifaydaService,
+    private prisma: PrismaService,
+  ) {}
 
   @Get()
-  @ApiOperation({ summary: "List all passengers" })
-  findAll() {
-    return this.passengersService.findAll();
+  @ApiOperation({ 
+    summary: 'List all passengers with filters (Admin/Agent)',
+    description: 'Returns paginated list of passengers with search filters'
+  })
+  @ApiQuery({ name: 'search', required: false, description: 'Search by name, email, or phone' })
+  @ApiQuery({ name: 'verified', required: false, description: 'Filter by verification status' })
+  @ApiQuery({ name: 'page', required: false, description: 'Page number' })
+  @ApiQuery({ name: 'pageSize', required: false, description: 'Items per page' })
+  findAll(
+    @Query('search') search?: string,
+    @Query('verified') verified?: string,
+    @Query('page') page?: string,
+    @Query('pageSize') pageSize?: string,
+  ) {
+    return this.service.findAll({ 
+      search, 
+      verified: verified ? verified === 'true' : undefined, 
+      page: page ? parseInt(page) : 1, 
+      pageSize: pageSize ? parseInt(pageSize) : 20 
+    });
   }
 
-  @Get(":id")
-  @ApiOperation({ summary: "Get a passenger by ID" })
-  findOne(@Param("id", ParseUUIDPipe) id: string) {
-    return this.passengersService.findById(id);
+  @Get('me')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Get current passenger profile',
+    description: 'Returns complete profile for authenticated passenger including passport details and verification status. Returns null if no passenger profile exists.'
+  })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'Passenger profile retrieved successfully or null if not found'
+  })
+  @ApiResponse({ status: 401, description: 'Unauthorized - Invalid or missing token' })
+  async getMe(@Request() req: any) {
+    if (!req.user || !req.user.userId) {
+      throw new UnauthorizedException('User not authenticated');
+    }
+
+    try {
+      const user = await this.prisma.user.findUnique({
+        where: { id: req.user.userId },
+        include: { 
+          passenger: true,
+        },
+      });
+
+      if (!user || !user.passenger) {
+        return null;
+      }
+
+      return this.service.getProfile(user.passenger.id);
+    } catch (error) {
+      // If profile lookup fails for any reason, return null to allow app to continue
+      return null;
+    }
+  }
+
+  @Get(':id/profile')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get passenger profile' })
+  getProfile(@Param('id') id: string) {
+    return this.service.getProfile(id);
+  }
+
+  @Get(':id/stats')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get passenger stats' })
+  getStats(@Param('id') id: string) {
+    return this.service.getStats(id);
+  }
+
+  @Post('verify-fayda')
+  @ApiOperation({
+    summary: 'Verify Ethiopian national ID via Verifayda 2.0',
+    description: `**Standalone endpoint for pre-verification of Ethiopian national IDs**
+
+---
+
+### Purpose
+Pre-verify national ID to auto-fill passenger registration form before submission.
+
+---
+
+### Flow
+
+1. User enters national ID in form
+
+2. Frontend calls \`POST /passengers/verify-fayda\`
+
+3. API queries Verifayda 2.0 government database
+
+4. Returns verified passenger data (name, DOB, gender)
+
+5. Frontend auto-fills form with verified data
+
+6. User submits form via \`POST /passengers/register\`
+
+---
+
+### Features
+- Real-time verification via Verifayda 2.0 API
+- Retrieves verified data: name, date of birth, gender, nationality
+- **National IDs NOT stored** (policy compliant)
+- Only for Ethiopian nationals with national ID
+- Non-Ethiopians use passport (no verification)
+
+---
+
+### Important Notes
+- This is a **read-only** verification endpoint
+- Does NOT save passenger data to database
+- Use \`POST /passengers/register\` to actually register
+- Falls back to manual entry if Verifayda disabled or fails
+
+---
+
+### Authentication
+- **Public endpoint** (no authentication required)
+- Can be called before login/registration`,
+  })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'Verification successful with passenger data',
+    schema: {
+      example: {
+        verified: true,
+        passengerData: {
+          fullName: 'Abebe Kebede',
+          dateOfBirth: '1985-03-15T00:00:00.000Z',
+          gender: 'Male',
+          nationality: 'Ethiopian'
+        }
+      }
+    }
+  })
+  @ApiResponse({ status: 400, description: 'Verification failed or Verifayda disabled' })
+  verifyFayda(@Body() dto: VerifyFaydaDto) {
+    return this.verifaydaService.verifyNationalId(dto.nationalId);
+  }
+
+  @Post('register')
+  @UseGuards(OptionalJwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({
+    summary: 'Universal passenger registration endpoint',
+    description: `**Single endpoint for all passenger registration scenarios**
+
+---
+
+### Automatic Detection
+The API automatically detects:
+- **Passenger Type**: Ethiopian (nationalId) vs International (passportNumber)
+- **Authentication**: Logged-in (JWT token) vs Guest (deviceId)
+- **Verification**: Auto-attempts Fayda for Ethiopian nationals
+
+---
+
+### Scenarios Handled
+
+#### 1. Guest Ethiopian Passenger
+- Provide: \`nationalId\`, \`deviceId\`
+- Behavior: Attempts Fayda verification → Saves to SavedPassengerProfile
+- Response: \`verified: true/false\`, \`linked: false\`
+
+#### 2. Guest International Passenger
+- Provide: \`passportNumber\`, \`passportCountry\`, \`deviceId\`
+- Behavior: No verification → Saves to SavedPassengerProfile
+- Response: \`verified: false\`, \`linked: false\`
+
+#### 3. Logged-in Ethiopian Passenger
+- Provide: JWT token + \`nationalId\`
+- Behavior: Attempts Fayda verification → Updates user profile
+- Response: \`verified: true/false\`, \`linked: true\`
+
+#### 4. Logged-in International Passenger
+- Provide: JWT token + \`passportNumber\`, \`passportCountry\`
+- Behavior: No verification → Updates user profile
+- Response: \`verified: false\`, \`linked: true\`
+
+---
+
+### Authentication
+- **Optional JWT Bearer Token** (OptionalJwtGuard)
+- Token present → Links to user account
+- No token → Saves as guest (requires deviceId)
+
+---
+
+### Benefits
+- Single endpoint for all scenarios
+- Auto-detects passenger type and flow
+- Graceful fallback if Fayda fails
+- Consistent response structure
+
+---
+
+### Replaces
+- Manual verification + save flows`,
+  })
+  @ApiResponse({ 
+    status: 201, 
+    description: 'Passenger registered successfully',
+    schema: {
+      example: {
+        id: 'uuid-123',
+        passengerName: 'Abebe Kebede',
+        dateOfBirth: '1985-03-15T00:00:00.000Z',
+        nationality: 'Ethiopian',
+        verified: true,
+        linked: false,
+        message: 'Passenger details saved for guest booking'
+      }
+    }
+  })
+  @ApiResponse({ 
+    status: 400, 
+    description: 'Validation error or verification failed',
+    schema: {
+      example: {
+        statusCode: 400,
+        message: 'Validation failed',
+        error: 'Bad Request'
+      }
+    }
+  })
+  @ApiResponse({ 
+    status: 401, 
+    description: 'Invalid JWT token (only if token provided but invalid)' 
+  })
+  registerPassenger(@Body() dto: RegisterPassengerDto, @Request() req: any) {
+    const userId = req.user?.userId;
+    return this.service.registerPassenger({ ...dto, userId });
+  }
+
+  @Post('save-details')
+  @ApiOperation({
+    summary: 'Bulk save passenger details from booking flow',
+    description: `**Endpoint for saving multiple passengers in a single booking**
+
+---
+
+### Purpose
+Save all passenger details for a multi-passenger booking before proceeding to seat selection. Optimized for batch operations where all passengers are collected upfront.
+
+---
+
+### Use Cases
+1. **Multi-passenger bookings** - Save all passengers in a single request
+2. **Batch registration** - Admin/Agent registering multiple passengers at once
+3. **Data preservation** - Save passenger data before proceeding to seat selection
+4. **Guest bookings** - Multiple guests booking together
+
+---
+
+### Differences from /register
+| Feature | /register | /save-details |
+|---------|-----------|---------------|
+| Purpose | Single passenger registration with optional verification | Bulk save multiple passengers |
+| Passengers | One at a time | Multiple in array |
+| Verification | Auto-attempts for Ethiopian nationals (if enabled) | No automatic verification |
+| Use case | Individual registration flow | Booking flow with all passengers |
+| Authentication | Optional JWT | Optional JWT |
+
+---
+
+### Response
+Returns saved passenger details with generated IDs and confirmation.`,
+  })
+  @ApiResponse({ 
+    status: 201, 
+    description: 'All passenger details saved successfully',
+    schema: {
+      example: {
+        count: 2,
+        passengerIds: ['uuid-1', 'uuid-2'],
+        passengers: [
+          {
+            id: 'uuid-1',
+            passengerName: 'Abebe Kebede',
+            dateOfBirth: '1985-03-15T00:00:00.000Z',
+            nationality: 'Ethiopian',
+            nationalId: 'ET123456789'
+          },
+          {
+            id: 'uuid-2',
+            passengerName: 'Sara Ketsela',
+            dateOfBirth: '1990-08-22T00:00:00.000Z',
+            nationality: 'Ethiopian',
+            nationalId: 'ET987654321'
+          }
+        ],
+        message: 'Passenger details saved successfully'
+      }
+    }
+  })
+  @ApiResponse({ status: 400, description: 'Validation error - passengers array required' })
+  savePassengers(@Body() dto: SavePassengersDto) {
+    return this.service.savePassengers(dto.passengers, dto.userId, dto.deviceId);
+  }
+
+  @Post('traveler-profiles')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Add traveler profile (family member)' })
+  createTravelerProfile(@Body() dto: CreateTravelerProfileDto) {
+    return this.service.createTravelerProfile(dto);
+  }
+
+  @Get(':id/traveler-profiles')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get traveler profiles for passenger' })
+  getTravelerProfiles(@Param('id') id: string) {
+    return this.service.getTravelerProfiles(id);
+  }
+
+  @Post('saved-routes')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Save a route' })
+  createSavedRoute(@Body() dto: CreateSavedRouteDto) {
+    return this.service.createSavedRoute(dto);
+  }
+
+  @Get(':id/saved-routes')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get saved routes' })
+  getSavedRoutes(@Param('id') id: string) {
+    return this.service.getSavedRoutes(id);
+  }
+
+  @Patch(':id')
+  @ApiOperation({ 
+    summary: 'Update passenger details',
+    description: 'Updates passenger information for admin/agent operations'
+  })
+  @ApiResponse({ status: 200, description: 'Passenger updated successfully' })
+  @ApiResponse({ status: 404, description: 'Passenger not found' })
+  updatePassenger(@Param('id') id: string, @Body() dto: any) {
+    return this.service.updatePassenger(id, dto);
+  }
+
+  @Delete(':id')
+  @ApiOperation({ 
+    summary: 'Delete passenger (admin only)',
+    description: 'Permanently deletes a passenger record and associated data'
+  })
+  @ApiResponse({ status: 200, description: 'Passenger deleted successfully' })
+  @ApiResponse({ status: 404, description: 'Passenger not found' })
+  deletePassenger(@Param('id') id: string) {
+    return this.service.deletePassenger(id);
+  }
+
+  @Get(':id/usage')
+  @ApiOperation({ 
+    summary: 'Check if passenger is in use',
+    description: 'Returns list of modules/data that reference this passenger'
+  })
+  @ApiResponse({ status: 200, description: 'Usage information retrieved' })
+  @ApiResponse({ status: 404, description: 'Passenger not found' })
+  checkUsage(@Param('id') id: string) {
+    return this.service.checkPassengerUsage(id);
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/passengers/passengers.dto.ts b/apps/edr-passenger-api/src/modules/passengers/passengers.dto.ts
new file mode 100644
index 000000000..d4955db55
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/passengers/passengers.dto.ts
@@ -0,0 +1,267 @@
+import { IsString, IsOptional, IsDateString, IsEnum, IsBoolean, IsArray, ValidateNested } from 'class-validator';
+import { Type } from 'class-transformer';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+export class CreateTravelerProfileDto {
+  @ApiProperty() @IsString() passengerId: string;
+  @ApiProperty({ example: 'Sara Ketsela' }) @IsString() fullName: string;
+  @ApiProperty({ example: 'SPOUSE' }) @IsString() relationship: string;
+  @ApiPropertyOptional({ example: '1998-04-01' }) @IsOptional() @IsDateString() dateOfBirth?: string;
+  @ApiPropertyOptional({ example: 'ET-1234-5678' }) @IsOptional() @IsString() nationalId?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() notes?: string;
+}
+
+export class CreateSavedRouteDto {
+  @ApiProperty() @IsString() passengerId: string;
+  @ApiProperty() @IsString() fromStationId: string;
+  @ApiProperty() @IsString() toStationId: string;
+  @ApiProperty({ example: 'Addis Ababa' }) @IsString() fromName: string;
+  @ApiProperty({ example: 'Dire Dawa' }) @IsString() toName: string;
+}
+
+export class VerifyFaydaDto {
+  @ApiProperty({ 
+    example: 'ET123456789', 
+    description: `**Ethiopian national ID number**
+    
+- Format: Varies by Ethiopian ID system
+- Example: ET123456789
+- Must be valid Ethiopian national ID
+- Used to query Verifayda 2.0 government database`
+  })
+  @IsString()
+  nationalId: string;
+}
+
+export class RegisterInternationalPassengerDto {
+  @ApiProperty({ example: 'John Smith', description: 'Full name as on passport' })
+  @IsString()
+  passengerName: string;
+
+  @ApiProperty({ example: '1990-07-20', description: 'Date of birth' })
+  @IsDateString()
+  dateOfBirth: string;
+
+  @ApiProperty({ example: 'P1234567', description: 'Passport number' })
+  @IsString()
+  passportNumber: string;
+
+  @ApiProperty({ example: 'Kenya', description: 'Passport issuing country' })
+  @IsString()
+  passportCountry: string;
+
+  @ApiPropertyOptional({ example: 'Kenyan', description: 'Nationality' })
+  @IsOptional()
+  @IsString()
+  nationality?: string;
+
+  @ApiPropertyOptional({ example: '+254712345678', description: 'Phone number' })
+  @IsOptional()
+  @IsString()
+  phone?: string;
+
+  @ApiPropertyOptional({ example: 'john@example.com', description: 'Email address' })
+  @IsOptional()
+  @IsString()
+  email?: string;
+
+  @ApiPropertyOptional({ description: 'User ID if logged in' })
+  @IsOptional()
+  @IsString()
+  userId?: string;
+
+  @ApiPropertyOptional({ description: 'Device ID for guest users' })
+  @IsOptional()
+  @IsString()
+  deviceId?: string;
+}
+
+export class SavePassengerDetailsDto {
+  @ApiProperty({ example: 'Abebe Kebede', description: 'Full name of passenger' })
+  @IsString()
+  name: string;
+
+  @ApiProperty({ example: '1985-03-15', description: 'Date of birth in ISO format YYYY-MM-DD' })
+  @IsDateString()
+  dateOfBirth: string;
+
+  @ApiPropertyOptional({ example: 'ET123456789', description: 'Ethiopian national ID (for Ethiopian passengers)' })
+  @IsOptional()
+  @IsString()
+  nationalId?: string;
+
+  @ApiPropertyOptional({ example: 'P1234567', description: 'Passport number (for international passengers)' })
+  @IsOptional()
+  @IsString()
+  passportNumber?: string;
+
+  @ApiPropertyOptional({ example: 'Kenya', description: 'Passport issuing country' })
+  @IsOptional()
+  @IsString()
+  passportCountry?: string;
+
+  @ApiPropertyOptional({ example: 'Ethiopian', description: 'Nationality' })
+  @IsOptional()
+  @IsString()
+  nationality?: string;
+
+  @ApiPropertyOptional({ example: '+251911234567', description: 'Phone number' })
+  @IsOptional()
+  @IsString()
+  phone?: string;
+
+  @ApiPropertyOptional({ example: 'abebe@example.com', description: 'Email address' })
+  @IsOptional()
+  @IsString()
+  email?: string;
+
+  @ApiPropertyOptional({ example: 'Male', description: 'Gender' })
+  @IsOptional()
+  @IsString()
+  gender?: string;
+
+  @ApiPropertyOptional({ example: true, description: 'Whether this is the primary passenger' })
+  @IsOptional()
+  @IsBoolean()
+  isPrimaryPassenger?: boolean;
+}
+
+export class SavePassengersDto {
+  @ApiProperty({ type: [SavePassengerDetailsDto] })
+  @IsArray()
+  @ValidateNested({ each: true })
+  @Type(() => SavePassengerDetailsDto)
+  passengers: SavePassengerDetailsDto[];
+
+  @ApiPropertyOptional({ description: 'User ID if logged in' })
+  @IsOptional()
+  @IsString()
+  userId?: string;
+
+  @ApiPropertyOptional({ description: 'Device ID for guest users' })
+  @IsOptional()
+  @IsString()
+  deviceId?: string;
+}
+
+export class RegisterPassengerDto {
+  @ApiProperty({ 
+    example: 'Abebe Kebede', 
+    description: 'Full name of passenger (required for all scenarios)' 
+  })
+  @IsString()
+  passengerName: string;
+
+  @ApiProperty({ 
+    example: '1985-03-15', 
+    description: 'Date of birth in ISO format YYYY-MM-DD (required for all scenarios)' 
+  })
+  @IsDateString()
+  dateOfBirth: string;
+
+  @ApiPropertyOptional({ 
+    example: 'ET123456789', 
+    description: `**Ethiopian national ID number**
+    
+- Triggers automatic Fayda verification if enabled
+- Use for Ethiopian nationals only
+- Mutually exclusive with passportNumber
+- If Fayda enabled: passenger data auto-filled from government database
+- If Fayda disabled: falls back to manual entry`
+  })
+  @IsOptional()
+  @IsString()
+  nationalId?: string;
+
+  @ApiPropertyOptional({ 
+    example: 'P1234567', 
+    description: `**Passport number**
+    
+- Required for international passengers
+- Mutually exclusive with nationalId
+- No verification performed (manual entry only)`
+  })
+  @IsOptional()
+  @IsString()
+  passportNumber?: string;
+
+  @ApiPropertyOptional({ 
+    example: 'Kenya', 
+    description: 'Passport issuing country (required if passportNumber provided)' 
+  })
+  @IsOptional()
+  @IsString()
+  passportCountry?: string;
+
+  @ApiPropertyOptional({ 
+    example: 'Ethiopian', 
+    description: `**Nationality**
+    
+- Auto-filled if Fayda verification succeeds
+- Required for international passengers
+- Optional for Ethiopian passengers (defaults to "Ethiopian")`
+  })
+  @IsOptional()
+  @IsString()
+  nationality?: string;
+
+  @ApiPropertyOptional({ 
+    example: '+251911234567', 
+    description: 'Phone number in international format (optional but recommended)' 
+  })
+  @IsOptional()
+  @IsString()
+  phone?: string;
+
+  @ApiPropertyOptional({ 
+    example: 'abebe@example.com', 
+    description: 'Email address (optional but recommended)' 
+  })
+  @IsOptional()
+  @IsString()
+  email?: string;
+
+  @ApiPropertyOptional({ 
+    description: `**User ID (auto-populated from JWT token)**
+    
+- Do NOT send this field in request
+- Automatically extracted from JWT token if present
+- Used to link passenger to user account`
+  })
+  @IsOptional()
+  @IsString()
+  userId?: string;
+
+  @ApiPropertyOptional({ 
+    example: 'device-uuid-123', 
+    description: `**Device ID for guest users**
+    
+- **Required if no JWT token provided (guest mode)**
+- Generate once and store locally (localStorage/AsyncStorage)
+- Used to retrieve saved passenger profiles
+- Format: UUID or any unique string`
+  })
+  @IsOptional()
+  @IsString()
+  deviceId?: string;
+
+  @ApiPropertyOptional({ 
+    example: 'Male',
+    description: 'Gender (auto-filled if Fayda verification succeeds)' 
+  })
+  @IsOptional()
+  @IsString()
+  gender?: string;
+
+  @ApiPropertyOptional({ 
+    example: true,
+    description: `**Whether to verify with Fayda (auto-determined)**
+    
+- Default: Auto-detect (true if nationalId provided)
+- Set to false to skip Fayda verification (use manual entry)
+- Only applicable for Ethiopian nationals with nationalId`
+  })
+  @IsOptional()
+  @IsBoolean()
+  verifyWithFayda?: boolean;
+}
diff --git a/apps/edr-passenger-api/src/modules/passengers/passengers.module.ts b/apps/edr-passenger-api/src/modules/passengers/passengers.module.ts
index 83c061d9c..cc7748457 100644
--- a/apps/edr-passenger-api/src/modules/passengers/passengers.module.ts
+++ b/apps/edr-passenger-api/src/modules/passengers/passengers.module.ts
@@ -1,15 +1,13 @@
-import { Module } from "@nestjs/common";
-import { TypeOrmModule } from "@nestjs/typeorm";
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { PassengersController } from './passengers.controller';
+import { PassengersService } from './passengers.service';
+import { VerifaydaModule } from '../verifayda/verifayda.module';
+import { PrismaModule } from '../../common/prisma.module';
 
-import { Passenger } from "./entities/passenger.entity";
-import { PassengersController } from "./passengers.controller";
-import { PassengersRepository } from "./passengers.repository";
-import { PassengersService } from "./passengers.service";
-
-@Module({
-  imports: [TypeOrmModule.forFeature([Passenger])],
-  controllers: [PassengersController],
-  providers: [PassengersService, PassengersRepository],
-  exports: [PassengersService],
+@Module({ 
+  imports: [VerifaydaModule, HttpModule, PrismaModule],
+  controllers: [PassengersController], 
+  providers: [PassengersService] 
 })
 export class PassengersModule {}
diff --git a/apps/edr-passenger-api/src/modules/passengers/passengers.repository.ts b/apps/edr-passenger-api/src/modules/passengers/passengers.repository.ts
deleted file mode 100644
index 8fb2366e5..000000000
--- a/apps/edr-passenger-api/src/modules/passengers/passengers.repository.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { BaseRepository } from "@edr/api-common";
-import { Injectable } from "@nestjs/common";
-import { InjectRepository } from "@nestjs/typeorm";
-import { Repository } from "typeorm";
-
-import { Passenger } from "./entities/passenger.entity";
-
-@Injectable()
-export class PassengersRepository extends BaseRepository<Passenger> {
-  constructor(
-    @InjectRepository(Passenger)
-    repository: Repository<Passenger>,
-  ) {
-    super(repository);
-  }
-
-  /** Find a passenger by their unique email. */
-  findByEmail(email: string): Promise<Passenger | null> {
-    return this.repository.findOne({ where: { email } });
-  }
-}
diff --git a/apps/edr-passenger-api/src/modules/passengers/passengers.service.ts b/apps/edr-passenger-api/src/modules/passengers/passengers.service.ts
index 7e2f7f347..12d9e5626 100644
--- a/apps/edr-passenger-api/src/modules/passengers/passengers.service.ts
+++ b/apps/edr-passenger-api/src/modules/passengers/passengers.service.ts
@@ -1,29 +1,358 @@
-import { Injectable, NotFoundException } from "@nestjs/common";
+import { Injectable, NotFoundException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { CreateTravelerProfileDto, CreateSavedRouteDto, RegisterPassengerDto } from './passengers.dto';
+import { VerifaydaService } from '../verifayda/verifayda.service';
 
-import { CreatePassengerDto } from "./dto/create-passenger.dto";
-import { Passenger } from "./entities/passenger.entity";
-import { PassengersRepository } from "./passengers.repository";
+interface PassengerFilters {
+  search?: string;
+  verified?: boolean;
+  page?: number;
+  pageSize?: number;
+}
 
 @Injectable()
 export class PassengersService {
-  constructor(private readonly passengersRepository: PassengersRepository) {}
+  constructor(
+    private prisma: PrismaService,
+    private verifaydaService: VerifaydaService,
+  ) {}
 
-  /** Register a new passenger. */
-  create(dto: CreatePassengerDto): Promise<Passenger> {
-    return this.passengersRepository.create(dto);
-  }
-
-  /** List every passenger (alphabetical). */
-  findAll(): Promise<Passenger[]> {
-    return this.passengersRepository.findAll({ order: { fullName: "ASC" } });
-  }
-
-  /** Get a single passenger by ID. */
-  async findById(id: string): Promise<Passenger> {
-    const passenger = await this.passengersRepository.findById(id);
-    if (!passenger) {
-      throw new NotFoundException(`Passenger ${id} not found`);
+  async findAll(filters: PassengerFilters = {}) {
+    const { search, verified, page = 1, pageSize = 20 } = filters;
+    const skip = (page - 1) * pageSize;
+    
+    const where: any = {};
+    
+    if (search) {
+      where.user = {
+        OR: [
+          { fullName: { contains: search, mode: 'insensitive' } },
+          { email: { contains: search, mode: 'insensitive' } },
+          { phone: { contains: search, mode: 'insensitive' } },
+        ],
+      };
     }
-    return passenger;
+    
+    if (verified !== undefined) {
+      where.user = {
+        ...where.user,
+        nationalId: verified ? { not: null } : null,
+      };
+    }
+    
+    const [items, total] = await Promise.all([
+      this.prisma.passenger.findMany({
+        where,
+        skip,
+        take: pageSize,
+        orderBy: { createdAt: 'desc' },
+        include: {
+          user: true,
+          loyalty: true,
+          wallet: true,
+          _count: {
+            select: {
+              bookings: true,
+            },
+          },
+        },
+      }),
+      this.prisma.passenger.count({ where }),
+    ]);
+    
+    return {
+      items: items.map(passenger => {
+        const user = passenger.user as any;
+        return {
+          id: passenger.id,
+          userId: passenger.userId,
+          fullName: user.fullName,
+          email: user.email,
+          phone: user.phone,
+          nationalId: user.nationalId,
+          nationality: user.nationality,
+          dateOfBirth: user.dateOfBirth ?? null,
+          gender: user.gender ?? null,
+          passportNumber: user.passportNumber,
+          passportCountry: user.passportCountry ?? null,
+          verified: !!user.nationalId,
+          loyaltyTier: passenger.loyalty?.tier || 'BRONZE',
+          loyaltyPoints: passenger.loyalty?.pointsBalance || 0,
+          totalBookings: passenger._count.bookings,
+          createdAt: passenger.createdAt,
+          updatedAt: user.updatedAt,
+          loyalty: passenger.loyalty,
+          wallet: passenger.wallet,
+        };
+      }),
+      meta: {
+        page,
+        pageSize,
+        total,
+        totalPages: Math.ceil(total / pageSize),
+      },
+    };
+  }
+
+  async getProfile(passengerId: string) {
+    const passenger = await this.prisma.passenger.findUnique({
+      where: { id: passengerId },
+      include: {
+        user: true,
+        bookings: { 
+          orderBy: { createdAt: 'desc' }, 
+          take: 10, 
+          include: { 
+            schedule: { include: { originStation: true, destinationStation: true, train: true } }, 
+            seats: { include: { seat: { include: { coach: true } } } } 
+          } 
+        },
+        loyalty: true, 
+        wallet: true, 
+        travelerProfiles: true, 
+        savedRoutes: true,
+      },
+    });
+    if (!passenger) throw new NotFoundException('Passenger not found');
+    return {
+      id: passenger.id,
+      fullName: passenger.user.fullName,
+      email: passenger.user.email,
+      phone: passenger.user.phone,
+      createdAt: passenger.createdAt,
+      bookings: passenger.bookings.map((b) => ({
+        id: b.id, 
+        bookingRef: b.bookingRef, 
+        status: b.status, 
+        totalFare: b.totalMinor / 100, 
+        createdAt: b.createdAt,
+        trip: {
+          number: b.schedule.train.number,
+          origin: { 
+            id: b.schedule.originStation.id, 
+            name: b.schedule.originStation.name, 
+            code: b.schedule.originStation.code, 
+            city: b.schedule.originStation.city 
+          },
+          destination: { 
+            id: b.schedule.destinationStation.id, 
+            name: b.schedule.destinationStation.name, 
+            code: b.schedule.destinationStation.code, 
+            city: b.schedule.destinationStation.city 
+          },
+          departureAt: b.schedule.departureAt,
+        },
+        passengers: b.seats.map((bs) => ({ 
+          fullName: bs.passengerName, 
+          seat: { 
+            number: bs.seat.seatNumber, 
+            coach: bs.seat.coach.number, 
+            class: 'N/A' 
+          } 
+        })),
+      })),
+    };
+  }
+
+  async getStats(passengerId: string) {
+    const [totalTrips, totalSpendResult, loyalty] = await Promise.all([
+      this.prisma.booking.count({ where: { passengerId, status: 'COMPLETED' } }),
+      this.prisma.booking.aggregate({ where: { passengerId, status: 'COMPLETED' }, _sum: { totalMinor: true } }),
+      this.prisma.loyaltyAccount.findUnique({ where: { passengerId } }),
+    ]);
+    const totalSpend = (totalSpendResult._sum.totalMinor ?? 0) / 100;
+    return { totalTrips, totalSpend, loyaltyPoints: loyalty?.pointsBalance ?? 0, co2Saved: totalTrips * 6 };
+  }
+
+  async savePassengers(passengers: any[], userId?: string, deviceId?: string) {
+    if (!passengers || !Array.isArray(passengers)) {
+      throw new BadRequestException('Passengers array is required');
+    }
+
+    if (passengers.length === 0) {
+      throw new BadRequestException('At least one passenger is required');
+    }
+
+    const savedProfiles = await Promise.all(
+      passengers.map((p) =>
+        this.prisma.savedPassengerProfile.create({
+          data: {
+            userId,
+            deviceId,
+            passengerName: p.name || p.passengerName,
+            dateOfBirth: new Date(p.dateOfBirth),
+            idDocumentType: p.nationalId ? 'NATIONAL_ID' : 'PASSPORT',
+            passportNumber: p.passportNumber,
+            passportCountry: p.passportCountry,
+            nationality: p.nationality,
+            phone: p.phone,
+            email: p.email,
+          },
+        })
+      )
+    );
+    return {
+      count: savedProfiles.length,
+      passengerIds: savedProfiles.map(p => p.id),
+      passengers: savedProfiles.map(p => ({
+        id: p.id,
+        passengerName: p.passengerName,
+        dateOfBirth: p.dateOfBirth,
+        nationality: p.nationality,
+      })),
+      message: 'Passenger details saved successfully',
+    };
+  }
+
+  createTravelerProfile(dto: CreateTravelerProfileDto) {
+    return this.prisma.travelerProfile.create({ 
+      data: { 
+        ...dto, 
+        dateOfBirth: dto.dateOfBirth ? new Date(dto.dateOfBirth) : null 
+      } 
+    });
+  }
+
+  getTravelerProfiles(passengerId: string) { 
+    return this.prisma.travelerProfile.findMany({ where: { passengerId } }); 
+  }
+
+  createSavedRoute(dto: CreateSavedRouteDto) { 
+    return this.prisma.savedRoute.create({ data: dto }); 
+  }
+
+  getSavedRoutes(passengerId: string) { 
+    return this.prisma.savedRoute.findMany({ where: { passengerId }, orderBy: { tripCount: 'desc' } }); 
+  }
+
+  async updatePassenger(id: string, dto: any) {
+    const passenger = await this.prisma.passenger.findUnique({ where: { id } });
+    if (!passenger) throw new NotFoundException('Passenger not found');
+    return this.prisma.passenger.update({
+      where: { id },
+      data: {
+        user: {
+          update: {
+            fullName: dto.fullName || undefined,
+            email: dto.email || undefined,
+            phone: dto.phone || undefined,
+            nationality: dto.nationality || undefined,
+          },
+        },
+      },
+      include: {
+        user: true,
+        loyalty: true,
+      },
+    });
+  }
+
+  async registerPassenger(dto: RegisterPassengerDto) {
+    const isEthiopian = !!dto.nationalId;
+    const isLoggedIn = !!dto.userId;
+    let verifiedData: any = null;
+
+    if (isEthiopian && dto.verifyWithFayda !== false) {
+      try {
+        const verification = await this.verifaydaService.verifyNationalId(dto.nationalId!);
+        if (verification.verified && verification.passengerData) {
+          verifiedData = verification.passengerData;
+        }
+      } catch (error) {
+        console.warn('Fayda verification failed, using manual data:', error);
+      }
+    }
+
+    const finalData = {
+      passengerName: verifiedData?.fullName || dto.passengerName,
+      dateOfBirth: verifiedData?.dateOfBirth || new Date(dto.dateOfBirth),
+      nationality: verifiedData?.nationality || dto.nationality || (isEthiopian ? 'Ethiopian' : null),
+      gender: verifiedData?.gender || dto.gender,
+      phone: dto.phone,
+      email: dto.email,
+    };
+
+    if (isLoggedIn) {
+      const user = await this.prisma.user.findUnique({
+        where: { id: dto.userId },
+        include: { passenger: true },
+      });
+
+      if (!user) {
+        throw new BadRequestException('User not found');
+      }
+
+      if (!user.faydaVerified && verifiedData) {
+        await this.prisma.user.update({
+          where: { id: dto.userId },
+          data: {
+            fullName: finalData.passengerName,
+            nationality: finalData.nationality,
+            nationalId: dto.nationalId,
+            passportNumber: dto.passportNumber,
+            faydaVerified: !!verifiedData,
+            faydaVerifiedAt: verifiedData ? new Date() : null,
+          },
+        });
+      }
+
+      return {
+        id: user.passenger?.id || user.id,
+        passengerName: finalData.passengerName,
+        dateOfBirth: finalData.dateOfBirth,
+        nationality: finalData.nationality,
+        verified: !!verifiedData,
+        linked: true,
+        message: 'Passenger details saved and linked to user account',
+      };
+    }
+
+    const profile = await this.prisma.savedPassengerProfile.create({
+      data: {
+        deviceId: dto.deviceId,
+        passengerName: finalData.passengerName,
+        dateOfBirth: finalData.dateOfBirth,
+        idDocumentType: isEthiopian ? 'NATIONAL_ID' : 'PASSPORT',
+        passportNumber: dto.passportNumber,
+        passportCountry: dto.passportCountry,
+        nationality: finalData.nationality,
+        phone: dto.phone,
+        email: dto.email,
+      },
+    });
+
+    return {
+      id: profile.id,
+      passengerName: finalData.passengerName,
+      dateOfBirth: finalData.dateOfBirth,
+      nationality: finalData.nationality,
+      verified: !!verifiedData,
+      linked: false,
+      message: 'Passenger details saved for guest booking',
+    };
+  }
+
+  async deletePassenger(id: string) {
+    const passenger = await this.prisma.passenger.findUnique({ where: { id } });
+    if (!passenger) throw new NotFoundException('Passenger not found');
+    return this.prisma.passenger.delete({ where: { id } });
+  }
+
+  async checkPassengerUsage(id: string) {
+    const [bookingCount, loyaltyAccount, walletAccount] = await Promise.all([
+      this.prisma.booking.count({ where: { passengerId: id } }),
+      this.prisma.loyaltyAccount.findUnique({ where: { passengerId: id } }),
+      this.prisma.walletAccount.findUnique({ where: { passengerId: id } }),
+    ]);
+
+    const usage = [];
+    if (bookingCount > 0) usage.push(`${bookingCount} booking(s)`);
+    if (loyaltyAccount) usage.push('Loyalty account');
+    if (walletAccount) usage.push('Wallet account');
+
+    return {
+      isInUse: usage.length > 0,
+      affectedModules: usage,
+    };
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/payments/entities/payment.entity.ts b/apps/edr-passenger-api/src/modules/payments/entities/payment.entity.ts
deleted file mode 100644
index 5941316e1..000000000
--- a/apps/edr-passenger-api/src/modules/payments/entities/payment.entity.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { BaseEntity } from "@edr/api-common";
-import { Passenger } from "@edr/types";
-import { Column, Entity } from "typeorm";
-
-@Entity({ name: "payments" })
-export class Payment extends BaseEntity {
-  @Column({ name: "ticket_id", type: "uuid" })
-  ticketId!: string;
-
-  @Column({ name: "amount", type: "numeric", precision: 10, scale: 2 })
-  amount!: number;
-
-  @Column({ name: "currency", type: "varchar", length: 8, default: "ETB" })
-  currency!: string;
-
-  @Column({
-    name: "status",
-    type: "enum",
-    enum: Passenger.PaymentStatus,
-    default: Passenger.PaymentStatus.Pending,
-  })
-  status!: Passenger.PaymentStatus;
-
-  @Column({ name: "provider", type: "varchar", length: 64 })
-  provider!: string;
-
-  @Column({
-    name: "provider_transaction_id",
-    type: "varchar",
-    length: 256,
-    nullable: true,
-  })
-  providerTransactionId?: string | null;
-
-  @Column({ name: "paid_at", type: "timestamptz", nullable: true })
-  paidAt?: Date | null;
-}
diff --git a/apps/edr-passenger-api/src/modules/payments/internal-payments.controller.ts b/apps/edr-passenger-api/src/modules/payments/internal-payments.controller.ts
new file mode 100644
index 000000000..98262c4c3
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/internal-payments.controller.ts
@@ -0,0 +1,35 @@
+import {
+  Body,
+  Controller,
+  HttpCode,
+  HttpStatus,
+  Post,
+  UseGuards,
+} from "@nestjs/common";
+import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import { ServiceAuthGuard } from "../../common/guards/service-auth.guard";
+import { PaymentEventDto, MarkPaidResponseDto } from "./internal-payments.dto";
+import { PaymentsService } from "./payments.service";
+
+/**
+ * Consumer side of the payment microservice's outbox relay (docs/payment-service §7.3).
+ * Only the payment service may call this (shared service token). Idempotent by design:
+ * the relay delivers at-least-once, so duplicates must be harmless. Becomes a queue
+ * consumer when RabbitMQ lands — the handler logic is transport-agnostic.
+ */
+@ApiTags("Internal Payments")
+@UseGuards(ServiceAuthGuard)
+@Controller("internal/payments")
+export class InternalPaymentsController {
+  constructor(private readonly paymentsService: PaymentsService) {}
+
+  @Post("mark-paid")
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({
+    summary:
+      "Apply a payment.succeeded/payment.failed event from the payment service (idempotent)",
+  })
+  async markPaid(@Body() event: PaymentEventDto): Promise<MarkPaidResponseDto> {
+    return this.paymentsService.handlePaymentEvent(event);
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/payments/internal-payments.dto.ts b/apps/edr-passenger-api/src/modules/payments/internal-payments.dto.ts
new file mode 100644
index 000000000..7f732ae51
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/internal-payments.dto.ts
@@ -0,0 +1,57 @@
+import {
+  IsEnum,
+  IsIn,
+  IsInt,
+  IsISO8601,
+  IsOptional,
+  IsPositive,
+  IsString,
+  IsUUID,
+} from "class-validator";
+import { ApiProperty, ApiPropertyOptional } from "@nestjs/swagger";
+import {
+  PaymentEventType,
+  PaymentReferenceType,
+  PaymentService,
+  ProviderMethod,
+} from "@edr/types";
+
+/**
+ * Wire shape of the `PaymentEvent` envelope (@edr/types) delivered by the payment
+ * microservice's outbox relay. Delivery is at-least-once — the consumer is idempotent.
+ */
+export class PaymentEventDto {
+  @ApiProperty({ enum: [1] }) @IsIn([1]) version!: 1;
+  @ApiProperty() @IsUUID() eventId!: string;
+  @ApiProperty({ enum: ["payment.succeeded", "payment.failed"] })
+  @IsIn(["payment.succeeded", "payment.failed"])
+  eventType!: PaymentEventType;
+
+  @ApiProperty() @IsISO8601() occurredAt!: string;
+  @ApiProperty({ enum: PaymentService })
+  @IsEnum(PaymentService)
+  service!: string;
+  @ApiProperty() @IsUUID() intentId!: string;
+  @ApiProperty({ enum: PaymentReferenceType })
+  @IsEnum(PaymentReferenceType)
+  referenceType!: string;
+
+  @ApiProperty() @IsString() referenceId!: string;
+  @ApiProperty() @IsString() merchantOrderId!: string;
+  @ApiProperty({ enum: ProviderMethod })
+  @IsEnum(ProviderMethod)
+  provider!: string;
+  @ApiProperty() @IsInt() @IsPositive() amountMinor!: number;
+  @ApiProperty() @IsString() currency!: string;
+
+  @ApiPropertyOptional() @IsOptional() @IsString() providerTxnId?: string;
+  @ApiPropertyOptional() @IsOptional() @IsISO8601() paidAt?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() failureCode?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() failureMessage?: string;
+}
+
+export class MarkPaidResponseDto {
+  @ApiProperty() processed!: boolean;
+  @ApiPropertyOptional() alreadyFinalized?: boolean;
+  @ApiPropertyOptional() reason?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/payments/payment-client.service.ts b/apps/edr-passenger-api/src/modules/payments/payment-client.service.ts
new file mode 100644
index 000000000..7b1789ae9
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/payment-client.service.ts
@@ -0,0 +1,95 @@
+import { BadGatewayException, Injectable, Logger } from "@nestjs/common";
+import { HttpService } from "@nestjs/axios";
+import { AxiosError } from "axios";
+import { firstValueFrom } from "rxjs";
+import {
+  InitiatePaymentRequest,
+  PaymentIntentSnapshot,
+  PaymentReferenceType,
+  PaymentService,
+} from "@edr/types";
+
+/**
+ * Thin HTTP client for the payment microservice (apps/edr-payment-api) — the passenger app's
+ * side of the Phase 6 cutover (docs/payment-service §10). Domain validation stays here;
+ * provider calls, intents, and webhooks live in the payment service.
+ */
+@Injectable()
+export class PaymentClientService {
+  private readonly logger = new Logger(PaymentClientService.name);
+  private readonly baseUrl = (
+    process.env.PAYMENT_API_URL ?? "http://localhost:3003"
+  ).replace(/\/$/, "");
+  private readonly serviceToken = process.env.SERVICE_AUTH_TOKEN ?? "";
+
+  constructor(private readonly http: HttpService) {}
+
+  /** POST /payments/initiate — idempotent per (service, referenceType, referenceId). */
+  async initiate(
+    request: InitiatePaymentRequest,
+  ): Promise<PaymentIntentSnapshot> {
+    return this.call("POST", "/payments/initiate", request);
+  }
+
+  /** GET /payments/intents?… — active intent by domain reference; null when none exists. */
+  async getIntentByReference(
+    referenceType: PaymentReferenceType,
+    referenceId: string,
+  ): Promise<PaymentIntentSnapshot | null> {
+    const query = new URLSearchParams({
+      service: PaymentService.PASSENGER,
+      referenceType,
+      referenceId,
+    });
+    try {
+      return await this.call("GET", `/payments/intents?${query.toString()}`);
+    } catch (err) {
+      if (err instanceof AxiosError && err.response?.status === 404)
+        return null;
+      throw err;
+    }
+  }
+
+  private async call<T>(
+    method: "GET" | "POST",
+    path: string,
+    body?: unknown,
+  ): Promise<T> {
+    const url = `${this.baseUrl}${path}`;
+    this.logger.log("=====================================================================");
+    this.logger.log(`URL ${url}`);
+    this.logger.log("=====================================================================");
+    try {
+      const response = await firstValueFrom(
+        this.http.request<T>({
+          method,
+          url,
+          data: body,
+          headers: this.serviceToken
+            ? { "x-service-token": this.serviceToken }
+            : {},
+        }),
+      );
+      return response.data;
+    } catch (err) {
+      if (err instanceof AxiosError && err.response) {
+        // 4xx/5xx from the payment service: propagate 404 to callers that handle it;
+        // everything else is a gateway-level failure from the client's perspective.
+        if (err.response.status === 404) throw err;
+        const detail =
+          (err.response.data as { message?: string | string[] })?.message ??
+          err.message;
+        this.logger.error(
+          `payment service ${method} ${path} → ${err.response.status}: ${detail}`,
+        );
+        throw new BadGatewayException(`Payment service error: ${detail}`);
+      }
+      const message =
+        err instanceof Error && err.message ? err.message : String(err);
+      this.logger.error(
+        `payment service unreachable (${method} ${path}): ${message}`,
+      );
+      throw new BadGatewayException("Payment service unreachable");
+    }
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/payments/payment-events.consumer.ts b/apps/edr-passenger-api/src/modules/payments/payment-events.consumer.ts
new file mode 100644
index 000000000..291402240
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/payment-events.consumer.ts
@@ -0,0 +1,47 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { Nack, RabbitSubscribe } from '@golevelup/nestjs-rabbitmq';
+import {
+  PAYMENT_EVENTS_DLX,
+  PAYMENT_EVENTS_EXCHANGE,
+  PAYMENT_QUEUES,
+  PaymentEvent,
+  PaymentService,
+  paymentServiceBindingPattern,
+} from '@edr/types';
+import { PaymentEventDto } from './internal-payments.dto';
+import { PaymentsService } from './payments.service';
+
+const PASSENGER_QUEUE = PAYMENT_QUEUES[PaymentService.PASSENGER];
+
+@Injectable()
+export class PaymentEventsConsumer {
+  private readonly logger = new Logger(PaymentEventsConsumer.name);
+
+  constructor(private readonly paymentsService: PaymentsService) {}
+
+  @RabbitSubscribe({
+    exchange: PAYMENT_EVENTS_EXCHANGE,
+    routingKey: paymentServiceBindingPattern(PaymentService.PASSENGER), // payment.passenger.*
+    queue: PASSENGER_QUEUE.main,
+    queueOptions: {
+      durable: true,
+      deadLetterExchange: PAYMENT_EVENTS_DLX,
+    },
+  })
+  async handle(event: PaymentEvent): Promise<Nack | void> {
+    try {
+      const result = await this.paymentsService.handlePaymentEvent(
+        event as unknown as PaymentEventDto,
+      );
+      this.logger.log(
+        `processed ${event.eventType} (${event.eventId}) ref=${event.referenceId}: ${JSON.stringify(result)}`,
+      );
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      this.logger.error(
+        `DEAD-LETTERING ${event.eventType} (${event.eventId}) ref=${event.referenceId}: ${message}`,
+      );
+      return new Nack(false);
+    }
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/payments/payments.adapters.ts b/apps/edr-passenger-api/src/modules/payments/payments.adapters.ts
new file mode 100644
index 000000000..0397e62ab
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/payments.adapters.ts
@@ -0,0 +1,50 @@
+export interface GatewayResult {
+  success: boolean;
+  providerRef: string;
+  clientAction?: { type: string; url?: string };
+}
+
+export async function telebirrAdapter(
+  _a: number,
+  ref: string,
+): Promise<GatewayResult> {
+  await new Promise((r) => setTimeout(r, 200));
+  return {
+    success: true,
+    providerRef: `TB-${ref}-${Date.now()}`,
+    clientAction: {
+      type: "REDIRECT",
+      url: `https://telebirr.sandbox.com/pay/${ref}`,
+    },
+  };
+}
+export async function cbeBirrAdapter(
+  _a: number,
+  ref: string,
+): Promise<GatewayResult> {
+  await new Promise((r) => setTimeout(r, 150));
+  return { success: true, providerRef: `CBE-${ref}-${Date.now()}` };
+}
+export async function eBirrAdapter(
+  _a: number,
+  ref: string,
+): Promise<GatewayResult> {
+  await new Promise((r) => setTimeout(r, 150));
+  return { success: true, providerRef: `EB-${ref}-${Date.now()}` };
+}
+export async function cardAdapter(
+  _a: number,
+  ref: string,
+): Promise<GatewayResult> {
+  await new Promise((r) => setTimeout(r, 150));
+  return {
+    success: !ref.startsWith("FAIL"),
+    providerRef: `CARD-${ref}-${Date.now()}`,
+  };
+}
+export async function walletAdapter(
+  amount: number,
+  balance: number,
+): Promise<GatewayResult> {
+  return { success: balance >= amount, providerRef: `WALLET-${Date.now()}` };
+}
diff --git a/apps/edr-passenger-api/src/modules/payments/payments.controller.ts b/apps/edr-passenger-api/src/modules/payments/payments.controller.ts
index 5a32d1664..373e10513 100644
--- a/apps/edr-passenger-api/src/modules/payments/payments.controller.ts
+++ b/apps/edr-passenger-api/src/modules/payments/payments.controller.ts
@@ -1,17 +1,250 @@
-import { Controller, Get, Param, ParseUUIDPipe } from "@nestjs/common";
-import { ApiOperation, ApiTags } from "@nestjs/swagger";
-
+import {
+  Body,
+  Controller,
+  Get,
+  HttpStatus,
+  Param,
+  Post,
+  Query,
+  Res,
+  UseGuards,
+} from "@nestjs/common";
+import {
+  ApiTags,
+  ApiOperation,
+  ApiBearerAuth,
+  ApiQuery,
+  ApiOkResponse,
+  ApiProduces,
+} from "@nestjs/swagger";
+import { Response } from "express";
 import { PaymentsService } from "./payments.service";
+import {
+  InitiatePaymentDto,
+  RefundDto,
+  AddPaymentMethodDto,
+  PaymentRegionEnum,
+  SupportedPaymentMethodDto,
+  PaymentMethodTypeEnum,
+  PaymentPlatformDto,
+} from "./payments.dto";
+import { JwtGuard } from "../../common/jwt.guard";
+import { RolesGuard } from "../../common/roles.guard";
+import { Roles } from "../../common/roles.decorator";
+import { UserRole } from "@prisma/client";
 
-@ApiTags("payments")
-// @UseGuards(JwtAuthGuard) — TODO: integrate @edr/auth
+@ApiTags("Payment")
 @Controller("payments")
 export class PaymentsController {
-  constructor(private readonly paymentsService: PaymentsService) {}
+  constructor(private service: PaymentsService) {}
 
-  @Get("ticket/:ticketId")
-  @ApiOperation({ summary: "List payments for a ticket" })
-  findByTicket(@Param("ticketId", ParseUUIDPipe) ticketId: string) {
-    return this.paymentsService.findByTicket(ticketId);
+  @Get("all")
+  @UseGuards(JwtGuard, RolesGuard)
+  @Roles(UserRole.ADMIN, UserRole.SUPERVISOR, UserRole.STAFF)
+  @ApiBearerAuth("JWT-auth")
+  @ApiOperation({ summary: "Get all payments with filters (staff/admin only)" })
+  @ApiQuery({ name: "search", required: false })
+  @ApiQuery({ name: "status", required: false })
+  @ApiQuery({ name: "method", required: false })
+  @ApiQuery({ name: "page", required: false })
+  @ApiQuery({ name: "pageSize", required: false })
+  async getAll(
+    @Query("search") search?: string,
+    @Query("status") status?: string,
+    @Query("method") method?: string,
+    @Query("page") page?: string,
+    @Query("pageSize") pageSize?: string,
+  ) {
+    return this.service.getAll({
+      search,
+      status,
+      method,
+      page: page ? parseInt(page) : 1,
+      pageSize: pageSize ? parseInt(pageSize) : 10,
+    });
+  }
+
+  @Post("initiate")
+  @ApiOperation({
+    summary: "Initiate payment with nationality-based payment methods",
+    description: `Initiates payment for a booking with support for multiple payment providers:\n\n**Ethiopian Payment Methods:**\n- TELEBIRR - Ethiopia's leading mobile money\n- CBE_BIRR - Commercial Bank of Ethiopia\n- EBIRR - Electronic payment gateway\n\n**Djiboutian Payment Methods:**\n- WAAFI - Djibouti's mobile money service\n\n**International Payment Methods:**\n- CARD - Visa, Mastercard\n- WALLET - Internal wallet balance\n\n**Multi-Currency:**\n- All transactions processed in ETB\n- Display amounts in ETB, DJF, or USD\n- Real-time exchange rate conversion`,
+  })
+  initiatePayment(@Body() dto: InitiatePaymentDto) {
+    return this.service.initiatePayment(dto);
+  }
+
+  @Get("intents/:bookingId")
+  @ApiOperation({ summary: "Get payment intent status for a booking" })
+  getIntent(@Param("bookingId") bookingId: string) {
+    return this.service.getIntentByBookingId(bookingId);
+  }
+
+  @Post("refund")
+  @UseGuards(JwtGuard, RolesGuard)
+  @Roles(UserRole.ADMIN, UserRole.STAFF, UserRole.AGENT)
+  @ApiBearerAuth("JWT-auth")
+  @ApiOperation({ summary: "Refund a confirmed booking (staff/agent only)" })
+  refund(@Body() dto: RefundDto) {
+    return this.service.refund(dto);
+  }
+
+  @Post("methods")
+  @UseGuards(JwtGuard, RolesGuard)
+  @Roles(UserRole.ADMIN, UserRole.STAFF)
+  @ApiBearerAuth("JWT-auth")
+  @ApiOperation({
+    summary: "Add a payment system to the platform catalog (admin only)",
+  })
+  addMethod(@Body() dto: AddPaymentMethodDto) {
+    return this.service.addPaymentMethod(dto);
+  }
+
+  @Get("methods")
+  @ApiOperation({
+    summary: "List payment systems supported by the platform",
+    description:
+      "Returns the global catalog of accepted payment systems. Not user-specific. Optionally filter by region to match a passenger's nationality.",
+  })
+  @ApiQuery({ name: "region", enum: PaymentRegionEnum, required: false })
+  @ApiOkResponse({ type: [SupportedPaymentMethodDto] })
+  getMethods(@Query("region") region?: PaymentRegionEnum) {
+    return this.service.getSupportedPaymentMethods(region);
+  }
+
+  @Get("checkout")
+  @ApiOperation({
+    summary: "Browser checkout redirect",
+    description:
+      "Initiates payment and returns an HTML page that auto-redirects the browser to the provider checkout URL. Designed to be opened directly in a browser tab.",
+  })
+  @ApiQuery({ name: "bookingId", required: true })
+  @ApiQuery({ name: "method", enum: PaymentMethodTypeEnum, required: true })
+  @ApiQuery({ name: "platform", enum: ["web", "mobile"], required: false })
+  @ApiProduces("text/html")
+  async checkout(
+    @Query("bookingId") bookingId: string,
+    @Query("method") method: PaymentMethodTypeEnum,
+    @Query("platform") platform: PaymentPlatformDto = "web",
+    @Res() res: Response,
+  ) {
+    if (!bookingId) {
+      return res
+        .status(HttpStatus.BAD_REQUEST)
+        .type("html")
+        .send(
+          this.buildErrorHtml("Missing required query parameter: bookingId"),
+        );
+    }
+    if (!method || !Object.values(PaymentMethodTypeEnum).includes(method)) {
+      return res
+        .status(HttpStatus.BAD_REQUEST)
+        .type("html")
+        .send(
+          this.buildErrorHtml("Missing or invalid query parameter: method"),
+        );
+    }
+
+    try {
+      const result = await this.service.initiatePayment({
+        bookingId,
+        method,
+        platform,
+      });
+      const url =
+        result.clientAction?.type === "REDIRECT"
+          ? result.clientAction.url
+          : undefined;
+
+      if (url) {
+        return res
+          .status(HttpStatus.OK)
+          .type("html")
+          .send(this.buildRedirectHtml(url));
+      }
+
+      return res
+        .status(HttpStatus.OK)
+        .type("html")
+        .send(this.buildStatusHtml(result.status, result.intentId));
+    } catch (err: unknown) {
+      const message =
+        err instanceof Error ? err.message : "An unexpected error occurred";
+      return res
+        .status(HttpStatus.OK)
+        .type("html")
+        .send(this.buildErrorHtml(message));
+    }
+  }
+
+  private buildRedirectHtml(url: string): string {
+    const escaped = url.replace(/\"/g, "&quot;");
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="refresh" content="0;url=${escaped}">
+  <title>Redirecting to payment…</title>
+  <style>
+    body { font-family: sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: #fff; border-radius: 8px; padding: 40px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.1); max-width: 400px; }
+    .spinner { width: 40px; height: 40px; border: 4px solid #e0e0e0; border-top-color: #1a73e8; border-radius: 50%; animation: spin .8s linear infinite; margin: 0 auto 20px; }
+    @keyframes spin { to { transform: rotate(360deg); } }
+    p { color: #555; margin: 0 0 16px; }
+    a { color: #1a73e8; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="spinner"></div>
+    <p>Redirecting to payment provider…</p>
+    <p><a href="${escaped}">Click here if you are not redirected</a></p>
+  </div>
+  <script>window.location.href = "${escaped}";</script>
+</body>
+</html>`;
+  }
+
+  private buildStatusHtml(status: string, intentId: string): string {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Payment status</title>
+  <style>
+    body { font-family: sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: #fff; border-radius: 8px; padding: 40px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.1); max-width: 400px; }
+    .status { font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 8px; }
+    small { color: #888; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="status">${status}</div>
+    <small>Intent: ${intentId}</small>
+  </div>
+</body>
+</html>`;
+  }
+
+  private buildErrorHtml(message: string): string {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Payment error</title>
+  <style>
+    body { font-family: sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: #f5f5f5; }
+    .card { background: #fff; border-radius: 8px; padding: 40px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.1); max-width: 400px; }
+    .error { color: #d32f2f; font-weight: 600; margin-bottom: 8px; }
+    p { color: #555; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="error">Payment could not be initiated</div>
+    <p>${message}</p>
+  </div>
+</body>
+</html>`;
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/payments/payments.dto.ts b/apps/edr-passenger-api/src/modules/payments/payments.dto.ts
new file mode 100644
index 000000000..c1b168138
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/payments.dto.ts
@@ -0,0 +1,138 @@
+import {
+  IsString,
+  IsEnum,
+  IsOptional,
+  IsIn,
+  IsBoolean,
+  IsInt,
+} from "class-validator";
+import { ApiProperty, ApiPropertyOptional } from "@nestjs/swagger";
+import { PaymentIntentStatus } from "@prisma/client";
+
+export enum PaymentRegionEnum {
+  ETHIOPIA = "ETHIOPIA",
+  DJIBOUTI = "DJIBOUTI",
+  INTERNATIONAL = "INTERNATIONAL",
+  GLOBAL = "GLOBAL",
+}
+
+export enum PaymentMethodTypeEnum {
+  TELEBIRR = "TELEBIRR", // Ethiopia
+  CBE_BIRR = "CBE_BIRR", // Ethiopia
+  EBIRR = "EBIRR", // Ethiopia
+  WAAFI = "WAAFI",
+  DMONEY= "DMONEY",// Djibouti
+  CARD = "CARD", // International
+  WALLET = "WALLET", // Internal
+}
+
+export type PaymentPlatformDto = "web" | "mobile";
+
+export class InitiatePaymentDto {
+  @ApiProperty({ example: "booking-uuid" }) @IsString() bookingId: string;
+  @ApiProperty({
+    enum: PaymentMethodTypeEnum,
+    description:
+      "Payment method: TELEBIRR/CBE_BIRR/EBIRR (Ethiopia), WAAFI (Djibouti), CARD (International), WALLET (Internal)",
+    example: "TELEBIRR",
+  })
+  @IsEnum(PaymentMethodTypeEnum)
+  method: PaymentMethodTypeEnum;
+  @ApiPropertyOptional({ description: "Saved payment method ID (optional)" })
+  @IsOptional()
+  @IsString()
+  paymentMethodId?: string;
+  @ApiPropertyOptional({
+    enum: ["web", "mobile"],
+    default: "web",
+    description: "Payment platform (web or mobile)",
+  })
+  @IsOptional()
+  @IsIn(["web", "mobile"])
+  platform?: PaymentPlatformDto;
+}
+
+export class RefundDto {
+  @ApiProperty() @IsString() bookingId: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() reason?: string;
+}
+
+export class AddPaymentMethodDto {
+  @ApiProperty({ enum: PaymentMethodTypeEnum })
+  @IsEnum(PaymentMethodTypeEnum)
+  type: PaymentMethodTypeEnum;
+  @ApiProperty() @IsString() displayName: string;
+  @ApiProperty({ enum: PaymentRegionEnum })
+  @IsEnum(PaymentRegionEnum)
+  region: PaymentRegionEnum;
+  @ApiPropertyOptional({ example: "ETB" })
+  @IsOptional()
+  @IsString()
+  currency?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() providerId?: string;
+  @ApiPropertyOptional({ default: true })
+  @IsOptional()
+  @IsBoolean()
+  enabled?: boolean;
+  @ApiPropertyOptional({ default: 0 })
+  @IsOptional()
+  @IsInt()
+  sortOrder?: number;
+}
+
+export class SupportedPaymentMethodDto {
+  @ApiProperty({ enum: PaymentMethodTypeEnum }) type: PaymentMethodTypeEnum;
+  @ApiProperty({ example: "Telebirr" }) displayName: string;
+  @ApiProperty({ enum: PaymentRegionEnum }) region: PaymentRegionEnum;
+  @ApiProperty({
+    example: "ETB",
+    description: "Settlement currency for this method",
+  })
+  currency: string;
+  @ApiProperty({
+    description: "Whether the platform currently accepts this method",
+  })
+  enabled: boolean;
+}
+
+export class ClientActionDto {
+  @ApiProperty({ enum: ["REDIRECT", "LAUNCH_APP", "COLLECT_OTP"] })
+  type: "REDIRECT" | "LAUNCH_APP" | "COLLECT_OTP";
+  @ApiPropertyOptional({ description: "Set when type=REDIRECT (web flow)" })
+  url?: string;
+  @ApiPropertyOptional({
+    description: "Set when type=LAUNCH_APP (mobile flow)",
+  })
+  prepayId?: string;
+  @ApiPropertyOptional({
+    description: "Set when type=LAUNCH_APP (mobile flow)",
+  })
+  receiveCode?: string;
+  @ApiPropertyOptional({
+    description: "Set when type=LAUNCH_APP (mobile flow)",
+  })
+  shortCode?: string;
+  @ApiPropertyOptional({ description: "Set when type=COLLECT_OTP (e.g. CAC Bank)" })
+  providerOrderId?: string;
+  @ApiPropertyOptional({ description: "Set when type=COLLECT_OTP" })
+  message?: string;
+}
+
+export class InitiateResponseDto {
+  @ApiProperty() intentId: string;
+  @ApiProperty({ enum: PaymentIntentStatus }) status: PaymentIntentStatus;
+  @ApiPropertyOptional({ type: ClientActionDto })
+  clientAction?: ClientActionDto;
+  @ApiPropertyOptional() merchantOrderId?: string;
+}
+
+export class IntentStatusDto {
+  @ApiProperty() intentId: string;
+  @ApiProperty({ enum: PaymentIntentStatus }) status: PaymentIntentStatus;
+  @ApiPropertyOptional({ type: ClientActionDto })
+  clientAction?: ClientActionDto;
+  @ApiPropertyOptional() merchantOrderId?: string;
+  @ApiPropertyOptional() paidAt?: string;
+  @ApiPropertyOptional() failureCode?: string;
+  @ApiPropertyOptional() failureMessage?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/payments/payments.e2e-spec.ts b/apps/edr-passenger-api/src/modules/payments/payments.e2e-spec.ts
new file mode 100644
index 000000000..0fd594b39
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/payments.e2e-spec.ts
@@ -0,0 +1,206 @@
+import { Test, TestingModule } from "@nestjs/testing";
+import { INestApplication, ValidationPipe } from "@nestjs/common";
+import request from "supertest";
+import { AppModule } from "../../app.module";
+import { PrismaService } from "../../common/prisma.service";
+
+describe("Payments E2E", () => {
+  let app: INestApplication;
+  let prisma: PrismaService;
+  let authToken: string;
+  let bookingId: string;
+
+  beforeAll(async () => {
+    const moduleFixture: TestingModule = await Test.createTestingModule({
+      imports: [AppModule],
+    }).compile();
+
+    app = moduleFixture.createNestApplication();
+    app.useGlobalPipes(
+      new ValidationPipe({ transform: true, whitelist: true }),
+    );
+    await app.init();
+
+    prisma = app.get<PrismaService>(PrismaService);
+
+    const testUser = await prisma.user.create({
+      data: {
+        email: "payment-test@example.com",
+        phone: "+251911111112",
+        fullName: "Payment Test User",
+        passwordHash: "$2b$10$abcdefghijklmnopqrstuvwxyz",
+        role: "PASSENGER",
+      },
+    });
+
+    const passenger = await prisma.passenger.create({
+      data: { userId: testUser.id },
+    });
+
+    await prisma.walletAccount.create({
+      data: {
+        passengerId: passenger.id,
+        balanceMinor: 100000,
+        currency: "ETB",
+      },
+    });
+
+    authToken = "mock-jwt-token";
+
+    const station1 = await prisma.station.create({
+      data: {
+        code: "TST1",
+        name: "Test Station 1",
+        city: "Test City",
+        lat: 9.0,
+        lng: 38.0,
+      },
+    });
+    const station2 = await prisma.station.create({
+      data: {
+        code: "TST2",
+        name: "Test Station 2",
+        city: "Test City 2",
+        lat: 9.5,
+        lng: 38.5,
+      },
+    });
+
+    const train = await prisma.train.create({
+      data: { number: "TEST-001", name: "Test Train" },
+    });
+
+    const schedule = await prisma.trainSchedule.create({
+      data: {
+        trainId: train.id,
+        originStationId: station1.id,
+        destinationStationId: station2.id,
+        departureAt: new Date(Date.now() + 86400000),
+        arrivalAt: new Date(Date.now() + 90000000),
+        durationMinutes: 60,
+      },
+    });
+
+    const coachType = await prisma.coachType.create({
+      data: { name: "Standard", code: "STD" },
+    });
+
+    const seatClass = await prisma.seatClass.create({
+      data: {
+        name: "Economy Regular",
+        description: "Standard economy seating",
+        baseFareMinor: 45000,
+        isActive: true,
+        coachTypeId: coachType.id,
+      },
+    });
+
+    const coach = await prisma.coach.create({
+      data: {
+        coachTypeId: coachType.id,
+        number: "TEST-C1",
+        arrangement: "2+2",
+        capacity: 10,
+        status: "ACTIVE",
+      },
+    });
+
+    const seat = await prisma.seat.create({
+      data: {
+        coachId: coach.id,
+        row: 1,
+        col: "A",
+        seatNumber: "1A",
+        status: "AVAILABLE",
+      },
+    });
+
+    const booking = await prisma.booking.create({
+      data: {
+        bookingRef: "TEST-BOOK-001",
+        passengerId: passenger.id,
+        scheduleId: schedule.id,
+        status: "PENDING_PAYMENT",
+        totalMinor: 50000,
+        currency: "ETB",
+      },
+    });
+
+    await prisma.bookingSeat.create({
+      data: {
+        bookingId: booking.id,
+        seatId: seat.id,
+        passengerName: "Test Passenger",
+      },
+    });
+
+    bookingId = booking.id;
+  });
+
+  afterAll(async () => {
+    await prisma.$transaction([
+      prisma.bookingSeat.deleteMany(),
+      prisma.paymentIntent.deleteMany(),
+      prisma.booking.deleteMany(),
+      prisma.coachAssignment.deleteMany(),
+      prisma.seat.deleteMany(),
+      prisma.coach.deleteMany(),
+      prisma.trainSchedule.deleteMany(),
+      prisma.train.deleteMany(),
+      prisma.station.deleteMany({ where: { code: { in: ["TST1", "TST2"] } } }),
+      prisma.walletLedgerEntry.deleteMany(),
+      prisma.walletAccount.deleteMany(),
+      prisma.passenger.deleteMany(),
+      prisma.user.deleteMany({ where: { email: "payment-test@example.com" } }),
+    ]);
+    await app.close();
+  });
+
+  describe("POST /payments/initiate", () => {
+    it("should initiate wallet payment successfully", async () => {
+      const response = await request(app.getHttpServer())
+        .post("/payments/initiate")
+        .set("Authorization", `Bearer ${authToken}`)
+        .send({ bookingId, method: "WALLET" })
+        .expect(201);
+      expect(response.body.intentId).toBeDefined();
+      expect(response.body.status).toBe("SUCCEEDED");
+    });
+
+    it("should return 400 for invalid payment method", async () => {
+      await request(app.getHttpServer())
+        .post("/payments/initiate")
+        .set("Authorization", `Bearer ${authToken}`)
+        .send({ bookingId, method: "INVALID_METHOD" })
+        .expect(400);
+    });
+
+    it("should return 404 for non-existent booking", async () => {
+      await request(app.getHttpServer())
+        .post("/payments/initiate")
+        .set("Authorization", `Bearer ${authToken}`)
+        .send({ bookingId: "non-existent-id", method: "WALLET" })
+        .expect(404);
+    });
+  });
+
+  describe("GET /payments/intents/:bookingId", () => {
+    it("should get payment intent status", async () => {
+      const response = await request(app.getHttpServer())
+        .get(`/payments/intents/${bookingId}`)
+        .set("Authorization", `Bearer ${authToken}`)
+        .expect(200);
+      expect(response.body.intentId).toBeDefined();
+      expect(response.body.status).toBeDefined();
+    });
+
+    it("should return 404 for non-existent intent", async () => {
+      await request(app.getHttpServer())
+        .get("/payments/intents/non-existent-booking")
+        .set("Authorization", `Bearer ${authToken}`)
+        .expect(404);
+    });
+  });
+
+  // Provider webhooks moved to the payment microservice (apps/edr-payment-api /webhooks/*).
+});
diff --git a/apps/edr-passenger-api/src/modules/payments/payments.module.ts b/apps/edr-passenger-api/src/modules/payments/payments.module.ts
index 37274e64d..8b68b637d 100644
--- a/apps/edr-passenger-api/src/modules/payments/payments.module.ts
+++ b/apps/edr-passenger-api/src/modules/payments/payments.module.ts
@@ -1,14 +1,65 @@
 import { Module } from "@nestjs/common";
-import { TypeOrmModule } from "@nestjs/typeorm";
-
-import { Payment } from "./entities/payment.entity";
+import { HttpModule } from "@nestjs/axios";
+import { ConfigService } from "@nestjs/config";
+import { RabbitMQModule } from "@golevelup/nestjs-rabbitmq";
+import { DynamicModule } from "@nestjs/common";
+import {
+  PAYMENT_EVENTS_DLX,
+  PAYMENT_EVENTS_EXCHANGE,
+  PAYMENT_QUEUES,
+  PaymentService,
+  paymentServiceBindingPattern,
+} from "@edr/types";
 import { PaymentsController } from "./payments.controller";
 import { PaymentsService } from "./payments.service";
+import { InternalPaymentsController } from "./internal-payments.controller";
+import { PaymentClientService } from "./payment-client.service";
+import { PaymentEventsConsumer } from "./payment-events.consumer";
+import { ServiceAuthGuard } from "../../common/guards/service-auth.guard";
+import { SeatsModule } from "../seats/seats.module";
+import { TicketsModule } from "../tickets/tickets.module";
+
+const PASSENGER_QUEUE = PAYMENT_QUEUES[PaymentService.PASSENGER];
+
+function rabbitMQImport(): DynamicModule[] {
+  if (!process.env.PAYMENT_RABBITMQ_URL) return [];
+  return [
+    RabbitMQModule.forRootAsync({
+      inject: [ConfigService],
+      useFactory: (config: ConfigService) => ({
+        uri: config.get<string>("rabbitmq.url") as string,
+        exchanges: [
+          { name: PAYMENT_EVENTS_EXCHANGE, type: "topic", options: { durable: true } },
+          { name: PAYMENT_EVENTS_DLX, type: "topic", options: { durable: true } },
+        ],
+        queues: [
+          {
+            name: PASSENGER_QUEUE.dlq,
+            exchange: PAYMENT_EVENTS_DLX,
+            routingKey: paymentServiceBindingPattern(PaymentService.PASSENGER),
+            options: { durable: true },
+          },
+        ],
+        prefetchCount: config.get<number>("rabbitmq.prefetch") ?? 10,
+        connectionInitOptions: { wait: false },
+      }),
+    }),
+  ];
+}
 
 @Module({
-  imports: [TypeOrmModule.forFeature([Payment])],
-  controllers: [PaymentsController],
-  providers: [PaymentsService],
-  exports: [PaymentsService],
+  imports: [
+    SeatsModule,
+    TicketsModule,
+    HttpModule.register({ timeout: 10_000 }),
+    ...rabbitMQImport(),
+  ],
+  controllers: [PaymentsController, InternalPaymentsController],
+  providers: [
+    PaymentsService,
+    PaymentClientService,
+    PaymentEventsConsumer,
+    ServiceAuthGuard,
+  ],
 })
 export class PaymentsModule {}
diff --git a/apps/edr-passenger-api/src/modules/payments/payments.service.spec.ts b/apps/edr-passenger-api/src/modules/payments/payments.service.spec.ts
new file mode 100644
index 000000000..1a2ebdf1f
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/payments.service.spec.ts
@@ -0,0 +1,380 @@
+import { Test, TestingModule } from "@nestjs/testing";
+import { PaymentsService } from "./payments.service";
+import { PaymentClientService } from "./payment-client.service";
+import { PrismaService } from "../../common/prisma.service";
+import { SeatsService } from "../seats/seats.service";
+import { TicketsService } from "../tickets/tickets.service";
+import { EventEmitter2 } from "@nestjs/event-emitter";
+import { PaymentIntentStatus, PaymentMethodType } from "@prisma/client";
+import { BadRequestException, NotFoundException } from "@nestjs/common";
+import {
+  PaymentIntentSnapshot,
+  PaymentReferenceType,
+  PaymentService as PaymentServiceEnum,
+  ProviderMethod,
+  ProviderPaymentStatus,
+} from "@edr/types";
+
+describe("PaymentsService", () => {
+  let service: PaymentsService;
+  let prisma: PrismaService;
+  let seatsService: SeatsService;
+  let ticketsService: TicketsService;
+  let eventEmitter: EventEmitter2;
+
+  const mockPrisma: Record<string, any> = {
+    booking: {
+      findUnique: jest.fn(),
+      update: jest.fn(),
+    },
+    paymentIntent: {
+      findUnique: jest.fn(),
+      findUniqueOrThrow: jest.fn(),
+      upsert: jest.fn(),
+      update: jest.fn(),
+      create: jest.fn(),
+    },
+    walletAccount: {
+      findUnique: jest.fn(),
+      update: jest.fn(),
+    },
+    walletLedgerEntry: {
+      create: jest.fn(),
+    },
+    loyaltyAccount: {
+      findUnique: jest.fn(),
+      update: jest.fn(),
+    },
+    loyaltyLedgerEntry: {
+      create: jest.fn(),
+    },
+    $transaction: jest.fn((callback: (tx: any) => any) => callback(mockPrisma)),
+  };
+
+  const mockSeatsService = {
+    confirmSeats: jest.fn(),
+    releaseSeats: jest.fn(),
+  };
+
+  const mockTicketsService = {
+    generate: jest.fn(),
+  };
+
+  const mockEventEmitter = {
+    emit: jest.fn(),
+  };
+
+  const mockPaymentClient = {
+    initiate: jest.fn(),
+    getIntentByReference: jest.fn(),
+  };
+
+  const requiresActionSnapshot = (
+    provider: ProviderMethod,
+  ): PaymentIntentSnapshot => ({
+    intentId: "remote-intent-1",
+    service: PaymentServiceEnum.PASSENGER,
+    referenceType: PaymentReferenceType.BOOKING,
+    referenceId: "booking-1",
+    merchantOrderId: "PSG-MERCH-123",
+    provider,
+    status: ProviderPaymentStatus.REQUIRES_ACTION,
+    amountMinor: 50000,
+    currency: "ETB",
+    clientAction: { type: "REDIRECT", url: "https://provider.example/pay" },
+  });
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      providers: [
+        PaymentsService,
+        { provide: PrismaService, useValue: mockPrisma },
+        { provide: SeatsService, useValue: mockSeatsService },
+        { provide: TicketsService, useValue: mockTicketsService },
+        { provide: EventEmitter2, useValue: mockEventEmitter },
+        { provide: PaymentClientService, useValue: mockPaymentClient },
+      ],
+    }).compile();
+
+    service = module.get<PaymentsService>(PaymentsService);
+    prisma = module.get<PrismaService>(PrismaService);
+    seatsService = module.get<SeatsService>(SeatsService);
+    ticketsService = module.get<TicketsService>(TicketsService);
+    eventEmitter = module.get<EventEmitter2>(EventEmitter2);
+
+    jest.clearAllMocks();
+    mockPaymentClient.getIntentByReference.mockResolvedValue(null);
+  });
+
+  describe("initiatePayment", () => {
+    const mockBooking = {
+      id: "booking-1",
+      bookingRef: "EDR123456",
+      passengerId: "passenger-1",
+      totalMinor: 50000,
+      currency: "ETB",
+      status: "PENDING_PAYMENT",
+      seats: [{ id: "seat-1", seatId: "seat-id-1" }],
+    };
+
+    it("should throw NotFoundException if booking not found", async () => {
+      mockPrisma.booking.findUnique.mockResolvedValue(null);
+
+      await expect(
+        service.initiatePayment({
+          bookingId: "invalid",
+          method: "TELEBIRR" as any,
+        }),
+      ).rejects.toThrow(NotFoundException);
+    });
+
+    it("should throw BadRequestException if booking not payable", async () => {
+      mockPrisma.booking.findUnique.mockResolvedValue({
+        ...mockBooking,
+        status: "CONFIRMED",
+      });
+
+      await expect(
+        service.initiatePayment({
+          bookingId: "booking-1",
+          method: "TELEBIRR" as any,
+        }),
+      ).rejects.toThrow(BadRequestException);
+    });
+
+    it("should initiate a provider payment through the payment microservice", async () => {
+      mockPrisma.booking.findUnique.mockResolvedValue(mockBooking);
+      mockPaymentClient.initiate.mockResolvedValue(
+        requiresActionSnapshot(ProviderMethod.TELEBIRR),
+      );
+      mockPrisma.paymentIntent.upsert.mockResolvedValue({
+        id: "intent-1",
+        status: PaymentIntentStatus.REQUIRES_ACTION,
+        merchantOrderId: "PSG-MERCH-123",
+        clientAction: { type: "REDIRECT", url: "https://provider.example/pay" },
+      });
+
+      const result = await service.initiatePayment({
+        bookingId: "booking-1",
+        method: "TELEBIRR" as any,
+      });
+
+      expect(result.status).toBe(PaymentIntentStatus.REQUIRES_ACTION);
+      expect(result.clientAction?.url).toBe("https://provider.example/pay");
+      expect(mockPaymentClient.initiate).toHaveBeenCalledWith(
+        expect.objectContaining({
+          service: PaymentServiceEnum.PASSENGER,
+          referenceType: PaymentReferenceType.BOOKING,
+          referenceId: "booking-1",
+          orderRef: "EDR123456",
+          amountMinor: 50000,
+          currency: "ETB",
+          provider: "TELEBIRR",
+        }),
+      );
+      // Snapshot mirrored into the local projection.
+      expect(mockPrisma.paymentIntent.upsert).toHaveBeenCalledWith(
+        expect.objectContaining({ where: { bookingId: "booking-1" } }),
+      );
+    });
+
+    it("should finalize the booking when the service reports an already-paid intent", async () => {
+      mockPrisma.booking.findUnique.mockResolvedValue(mockBooking);
+      mockPaymentClient.initiate.mockResolvedValue({
+        ...requiresActionSnapshot(ProviderMethod.WAAFI),
+        status: ProviderPaymentStatus.SUCCEEDED,
+        providerTxnId: "TXN-1",
+        paidAt: new Date().toISOString(),
+      });
+      // Projection clamps SUCCEEDED to PROCESSING; finalizePaymentSuccess flips it.
+      mockPrisma.paymentIntent.upsert.mockResolvedValue({
+        id: "intent-1",
+        bookingId: "booking-1",
+        status: PaymentIntentStatus.PROCESSING,
+      });
+      mockPrisma.paymentIntent.findUnique.mockResolvedValue({
+        id: "intent-1",
+        bookingId: "booking-1",
+        status: PaymentIntentStatus.PROCESSING,
+      });
+      mockPrisma.paymentIntent.findUniqueOrThrow.mockResolvedValue({
+        id: "intent-1",
+        status: PaymentIntentStatus.SUCCEEDED,
+        merchantOrderId: "PSG-MERCH-123",
+      });
+      mockPrisma.loyaltyAccount.findUnique.mockResolvedValue(null);
+
+      const result = await service.initiatePayment({
+        bookingId: "booking-1",
+        method: "WAAFI" as any,
+      });
+
+      expect(result.status).toBe(PaymentIntentStatus.SUCCEEDED);
+      expect(mockTicketsService.generate).toHaveBeenCalledWith("booking-1");
+    });
+
+    it("should initiate wallet payment and debit successfully", async () => {
+      mockPrisma.booking.findUnique.mockResolvedValue(mockBooking);
+      // First call: existing-intent check (none); second call: finalize loads the new intent.
+      mockPrisma.paymentIntent.findUnique
+        .mockResolvedValueOnce(null)
+        .mockResolvedValue({
+          id: "intent-1",
+          bookingId: "booking-1",
+          status: PaymentIntentStatus.PROCESSING,
+        });
+      mockPrisma.walletAccount.findUnique.mockResolvedValue({
+        id: "wallet-1",
+        passengerId: "passenger-1",
+        balanceMinor: 100000,
+      });
+      mockPrisma.paymentIntent.upsert.mockResolvedValue({
+        id: "intent-1",
+        status: PaymentIntentStatus.PROCESSING,
+      });
+      mockPrisma.paymentIntent.findUniqueOrThrow.mockResolvedValue({
+        id: "intent-1",
+        status: PaymentIntentStatus.SUCCEEDED,
+        bookingId: "booking-1",
+      });
+      mockPrisma.loyaltyAccount.findUnique.mockResolvedValue({
+        id: "loyalty-1",
+        pointsBalance: 100,
+      });
+
+      const result = await service.initiatePayment({
+        bookingId: "booking-1",
+        method: "WALLET" as any,
+      });
+
+      expect(result.status).toBe(PaymentIntentStatus.SUCCEEDED);
+      expect(mockSeatsService.confirmSeats).toHaveBeenCalled();
+      expect(mockTicketsService.generate).toHaveBeenCalled();
+      expect(mockPaymentClient.initiate).not.toHaveBeenCalled();
+    });
+
+    it("should fail wallet payment with insufficient balance", async () => {
+      mockPrisma.booking.findUnique.mockResolvedValue(mockBooking);
+      mockPrisma.paymentIntent.findUnique.mockResolvedValue(null);
+      mockPrisma.walletAccount.findUnique.mockResolvedValue({
+        id: "wallet-1",
+        passengerId: "passenger-1",
+        balanceMinor: 10000, // Less than booking total
+      });
+      mockPrisma.paymentIntent.upsert.mockResolvedValue({
+        id: "intent-1",
+        status: PaymentIntentStatus.FAILED,
+        failureCode: "INSUFFICIENT_BALANCE",
+      });
+
+      const result = await service.initiatePayment({
+        bookingId: "booking-1",
+        method: "WALLET" as any,
+      });
+
+      expect(result.status).toBe(PaymentIntentStatus.FAILED);
+    });
+  });
+
+  describe("finalizePaymentSuccess", () => {
+    it("should finalize payment and issue ticket", async () => {
+      const mockIntent = {
+        id: "intent-1",
+        bookingId: "booking-1",
+        status: PaymentIntentStatus.PROCESSING,
+      };
+      const mockBooking = {
+        id: "booking-1",
+        passengerId: "passenger-1",
+        totalMinor: 50000,
+        seats: [{ seatId: "seat-1" }],
+      };
+
+      mockPrisma.paymentIntent.findUnique.mockResolvedValue(mockIntent);
+      mockPrisma.booking.findUnique.mockResolvedValue(mockBooking);
+      mockPrisma.loyaltyAccount.findUnique.mockResolvedValue({
+        id: "loyalty-1",
+        pointsBalance: 100,
+      });
+
+      const result = await service.finalizePaymentSuccess({
+        intentId: "intent-1",
+        providerTxnId: "TXN-123",
+      });
+
+      expect(result.alreadyFinalized).toBe(false);
+      expect(mockSeatsService.confirmSeats).toHaveBeenCalledWith(["seat-1"]);
+      expect(mockTicketsService.generate).toHaveBeenCalledWith("booking-1");
+      expect(mockEventEmitter.emit).toHaveBeenCalledWith("payment.succeeded", {
+        booking: mockBooking,
+      });
+    });
+
+    it("should return alreadyFinalized if payment already succeeded", async () => {
+      mockPrisma.paymentIntent.findUnique.mockResolvedValue({
+        id: "intent-1",
+        status: PaymentIntentStatus.SUCCEEDED,
+      });
+
+      const result = await service.finalizePaymentSuccess({
+        intentId: "intent-1",
+      });
+
+      expect(result.alreadyFinalized).toBe(true);
+    });
+  });
+
+  describe("getIntentByBookingId", () => {
+    it("should return the cached local intent when the payment service has none", async () => {
+      const mockIntent = {
+        id: "intent-1",
+        bookingId: "booking-1",
+        status: PaymentIntentStatus.SUCCEEDED,
+        method: PaymentMethodType.TELEBIRR,
+        paidAt: new Date(),
+        merchantOrderId: "MERCH-123",
+        updatedAt: new Date(),
+      };
+
+      mockPrisma.paymentIntent.findUnique.mockResolvedValue(mockIntent);
+      mockPaymentClient.getIntentByReference.mockResolvedValue(null);
+
+      const result = await service.getIntentByBookingId("booking-1");
+
+      expect(result.intentId).toBe("intent-1");
+      expect(result.status).toBe(PaymentIntentStatus.SUCCEEDED);
+    });
+
+    it("should mirror a payment-service snapshot into the local projection", async () => {
+      mockPrisma.paymentIntent.findUnique.mockResolvedValue(null);
+      mockPaymentClient.getIntentByReference.mockResolvedValue(
+        requiresActionSnapshot(ProviderMethod.WAAFI),
+      );
+      mockPrisma.paymentIntent.upsert.mockResolvedValue({
+        id: "intent-1",
+        bookingId: "booking-1",
+        status: PaymentIntentStatus.REQUIRES_ACTION,
+        merchantOrderId: "PSG-MERCH-123",
+        clientAction: { type: "REDIRECT", url: "https://provider.example/pay" },
+      });
+
+      const result = await service.getIntentByBookingId("booking-1");
+
+      expect(mockPaymentClient.getIntentByReference).toHaveBeenCalledWith(
+        PaymentReferenceType.BOOKING,
+        "booking-1",
+      );
+      expect(result.status).toBe(PaymentIntentStatus.REQUIRES_ACTION);
+      expect(result.clientAction?.url).toBe("https://provider.example/pay");
+    });
+
+    it("should throw NotFoundException if intent not found anywhere", async () => {
+      mockPrisma.paymentIntent.findUnique.mockResolvedValue(null);
+      mockPaymentClient.getIntentByReference.mockResolvedValue(null);
+
+      await expect(service.getIntentByBookingId("invalid")).rejects.toThrow(
+        NotFoundException,
+      );
+    });
+  });
+});
diff --git a/apps/edr-passenger-api/src/modules/payments/payments.service.ts b/apps/edr-passenger-api/src/modules/payments/payments.service.ts
index 7817f5764..c017c6332 100644
--- a/apps/edr-passenger-api/src/modules/payments/payments.service.ts
+++ b/apps/edr-passenger-api/src/modules/payments/payments.service.ts
@@ -1,21 +1,728 @@
-import { Injectable } from "@nestjs/common";
-import { InjectRepository } from "@nestjs/typeorm";
-import { Repository } from "typeorm";
+import {
+  Injectable,
+  Logger,
+  NotFoundException,
+  BadRequestException,
+} from "@nestjs/common";
+import { PrismaService } from "../../common/prisma.service";
+import { SeatsService } from "../seats/seats.service";
+import { TicketsService } from "../tickets/tickets.service";
+import { EventEmitter2 } from "@nestjs/event-emitter";
+import {
+  Prisma,
+  PaymentIntentStatus,
+  PaymentMethodType,
+  PaymentRegion,
+} from "@prisma/client";
+import {
+  InitiatePaymentDto,
+  RefundDto,
+  AddPaymentMethodDto,
+  InitiateResponseDto,
+  IntentStatusDto,
+  PaymentRegionEnum,
+} from "./payments.dto";
+import { PaymentEventDto, MarkPaidResponseDto } from "./internal-payments.dto";
+import { PaymentClientService } from "./payment-client.service";
+import {
+  PaymentService as PaymentServiceEnum,
+  PaymentReferenceType,
+  PaymentIntentSnapshot,
+  ProviderMethod,
+  ClientAction,
+  ProviderPaymentStatus,
+} from "@edr/types";
 
-import { Payment } from "./entities/payment.entity";
+const NON_TERMINAL_STATUSES: PaymentIntentStatus[] = [
+  PaymentIntentStatus.REQUIRES_ACTION,
+  PaymentIntentStatus.PROCESSING,
+  PaymentIntentStatus.SUCCEEDED,
+];
 
 @Injectable()
 export class PaymentsService {
+  private readonly logger = new Logger(PaymentsService.name);
+  private readonly walletDemoAutoSucceed = true;
+
   constructor(
-    @InjectRepository(Payment)
-    private readonly paymentsRepository: Repository<Payment>,
+    private prisma: PrismaService,
+    private seatsService: SeatsService,
+    private ticketsService: TicketsService,
+    private eventEmitter: EventEmitter2,
+    private paymentClient: PaymentClientService,
   ) {}
 
-  /** List payments associated with a ticket. */
-  findByTicket(ticketId: string): Promise<Payment[]> {
-    return this.paymentsRepository.find({
-      where: { ticketId },
-      order: { createdAt: "DESC" },
+  async getAll(filters: {
+    search?: string;
+    status?: string;
+    method?: string;
+    page?: number;
+    pageSize?: number;
+  }) {
+    const { search, status, method, page = 1, pageSize = 10 } = filters;
+    const skip = (page - 1) * pageSize;
+
+    const where: any = {};
+    if (search) {
+      where.OR = [
+        { id: { contains: search, mode: "insensitive" } },
+        { booking: { bookingRef: { contains: search, mode: "insensitive" } } },
+      ];
+    }
+    if (status) {
+      where.status = status;
+    }
+    if (method) {
+      where.method = method;
+    }
+
+    const [items, total] = await Promise.all([
+      this.prisma.paymentIntent.findMany({
+        where,
+        include: { booking: true },
+        skip,
+        take: pageSize,
+        orderBy: { createdAt: "desc" },
+      }),
+      this.prisma.paymentIntent.count({ where }),
+    ]);
+
+    return {
+      items: items.map((item) => ({
+        id: item.id,
+        reference: item.id.substring(0, 8),
+        bookingId: item.bookingId,
+        booking: { bookingRef: item.booking?.bookingRef },
+        amountMinor: item.amountMinor,
+        currency: item.currency,
+        method: item.method,
+        status: item.status,
+        createdAt: item.createdAt,
+        paidAt: item.paidAt,
+      })),
+      total,
+      page,
+      pageSize,
+    };
+  }
+
+  async initiatePayment(dto: InitiatePaymentDto): Promise<InitiateResponseDto> {
+    const booking = await this.prisma.booking.findUnique({
+      where: { id: dto.bookingId },
+      include: { seats: true },
+    });
+    if (!booking) throw new NotFoundException("Booking not found");
+    if (booking.status !== "PENDING_PAYMENT") {
+      throw new BadRequestException("Booking not payable");
+    }
+
+    const method = dto.method as PaymentMethodType;
+
+    // WALLET is an internal balance debit — it never leaves this app.
+    if (method === PaymentMethodType.WALLET) {
+      const existing = await this.prisma.paymentIntent.findUnique({
+        where: { bookingId: dto.bookingId },
+      });
+      if (existing && NON_TERMINAL_STATUSES.includes(existing.status)) {
+        return this.formatIntentResponse(existing);
+      }
+      return this.initiateWalletPayment(booking);
+    }
+
+    const { returnUrl, failureUrl } = this.resolveReturnUrls(method);
+    const snapshot = await this.paymentClient.initiate({
+      service: PaymentServiceEnum.PASSENGER,
+      referenceType: PaymentReferenceType.BOOKING,
+      referenceId: booking.id,
+      orderRef: booking.bookingRef,
+      amountMinor: booking.totalMinor,
+      currency: booking.currency,
+      provider: method as unknown as ProviderMethod,
+      platform: dto.platform,
+      returnUrl,
+      failureUrl,
+    });
+
+    let intent = await this.syncIntentProjection(booking.id, snapshot);
+    if (snapshot.status === ProviderPaymentStatus.SUCCEEDED) {
+      // Already-paid order re-initiated: converge the booking now (idempotent).
+      await this.finalizePaymentSuccess({
+        intentId: intent.id,
+        providerTxnId: snapshot.providerTxnId,
+        paidAt: snapshot.paidAt ? new Date(snapshot.paidAt) : undefined,
+      });
+      intent = await this.prisma.paymentIntent.findUniqueOrThrow({
+        where: { id: intent.id },
+      });
+    }
+    return this.formatIntentResponse(intent);
+  }
+  private resolveReturnUrls(method: PaymentMethodType): {
+    returnUrl?: string;
+    failureUrl?: string;
+  } {
+    const perMethod: Partial<
+      Record<PaymentMethodType, { returnUrl?: string; failureUrl?: string }>
+    > = {
+      [PaymentMethodType.TELEBIRR]: {
+        returnUrl: process.env.TELEBIRR_RETURN_URL,
+      },
+      [PaymentMethodType.WAAFI]: {
+        returnUrl: process.env.WAAFI_SUCCESS_REDIRECT,
+        failureUrl: process.env.WAAFI_FAIL_REDIRECT,
+      },
+      [PaymentMethodType.DMONEY]: {
+        returnUrl: process.env.DMONEY_RETURN_URL,
+      },
+      [PaymentMethodType.CBE_BIRR]: {
+        returnUrl: process.env.CBE_RETURN_URL,
+      },
+      [PaymentMethodType.EBIRR]: {
+        returnUrl: process.env.EBIRR_RETURN_URL,
+      },
+      [PaymentMethodType.CARD]: {
+        returnUrl: process.env.CARD_RETURN_URL,
+      },
+    };
+
+    const m = perMethod[method] ?? {};
+    const returnUrl = m.returnUrl || process.env.PAYMENT_RETURN_URL || undefined;
+    const failureUrl =
+      m.failureUrl || process.env.PAYMENT_FAILURE_URL || returnUrl;
+    return { returnUrl, failureUrl };
+  }
+
+  private async syncIntentProjection(
+    bookingId: string,
+    snapshot: PaymentIntentSnapshot,
+  ) {
+    const status =
+      snapshot.status === ProviderPaymentStatus.SUCCEEDED
+        ? PaymentIntentStatus.PROCESSING
+        : (snapshot.status as unknown as PaymentIntentStatus);
+    const data = {
+      status,
+      method: snapshot.provider as unknown as PaymentMethodType,
+      merchantOrderId: snapshot.merchantOrderId,
+      clientAction: snapshot.clientAction
+        ? (snapshot.clientAction as unknown as Prisma.InputJsonValue)
+        : Prisma.DbNull,
+      providerTxnId: snapshot.providerTxnId ?? null,
+      expiresAt: snapshot.expiresAt ? new Date(snapshot.expiresAt) : null,
+      failureCode: snapshot.failureCode ?? null,
+      failureMessage: snapshot.failureMessage ?? null,
+    };
+    return this.prisma.paymentIntent.upsert({
+      where: { bookingId },
+      update: data,
+      create: {
+        bookingId,
+        amountMinor: snapshot.amountMinor,
+        currency: snapshot.currency,
+        ...data,
+      },
     });
   }
+
+  private async initiateWalletPayment(
+    booking: Prisma.BookingGetPayload<{ include: { seats: true } }>,
+  ): Promise<InitiateResponseDto> {
+    // DEMO ONLY (WALLET_DEMO_AUTO_SUCCEED): pretend the payment succeeded — no balance check,
+    // no debit — and run the exact same finalize path a real successful payment uses
+    // (booking → CONFIRMED, seats confirmed, ticket issued). Remove once a real provider works.
+    if (this.walletDemoAutoSucceed) {
+      this.logger.warn(
+        `WALLET_DEMO_AUTO_SUCCEED enabled — faking a successful WALLET payment for booking ${booking.bookingRef} (${booking.id})`,
+      );
+      const demoIntent = await this.prisma.paymentIntent.upsert({
+        where: { bookingId: booking.id },
+        update: {
+          status: PaymentIntentStatus.PROCESSING,
+          failureCode: null,
+          method: PaymentMethodType.WALLET,
+        },
+        create: {
+          bookingId: booking.id,
+          amountMinor: booking.totalMinor,
+          method: PaymentMethodType.WALLET,
+          status: PaymentIntentStatus.PROCESSING,
+          providerRef: `WALLET-DEMO-${Date.now()}`,
+        },
+      });
+      await this.finalizePaymentSuccess({ intentId: demoIntent.id });
+      const settled = await this.prisma.paymentIntent.findUniqueOrThrow({
+        where: { id: demoIntent.id },
+      });
+      return this.formatIntentResponse(settled);
+    }
+
+    const debitResult = await this.prisma.$transaction(async (tx) => {
+      const wallet = await tx.walletAccount.findUnique({
+        where: { passengerId: booking.passengerId },
+      });
+      if (!wallet || wallet.balanceMinor < booking.totalMinor) {
+        return { success: false };
+      }
+      const newBalance = wallet.balanceMinor - booking.totalMinor;
+      await tx.walletAccount.update({
+        where: { passengerId: booking.passengerId },
+        data: { balanceMinor: newBalance },
+      });
+      await tx.walletLedgerEntry.create({
+        data: {
+          walletId: wallet.id,
+          type: "DEBIT",
+          amountMinor: booking.totalMinor,
+          balanceAfterMinor: newBalance,
+          description: `Train Ticket - ${booking.bookingRef}`,
+          relatedBookingId: booking.id,
+        },
+      });
+      return { success: true };
+    });
+
+    if (!debitResult.success) {
+      const failed = await this.prisma.paymentIntent.upsert({
+        where: { bookingId: booking.id },
+        update: {
+          status: PaymentIntentStatus.FAILED,
+          failureCode: "INSUFFICIENT_BALANCE",
+        },
+        create: {
+          bookingId: booking.id,
+          amountMinor: booking.totalMinor,
+          method: PaymentMethodType.WALLET,
+          status: PaymentIntentStatus.FAILED,
+          failureCode: "INSUFFICIENT_BALANCE",
+        },
+      });
+      return this.formatIntentResponse(failed);
+    }
+
+    const intent = await this.prisma.paymentIntent.upsert({
+      where: { bookingId: booking.id },
+      update: { status: PaymentIntentStatus.PROCESSING },
+      create: {
+        bookingId: booking.id,
+        amountMinor: booking.totalMinor,
+        method: PaymentMethodType.WALLET,
+        status: PaymentIntentStatus.PROCESSING,
+        providerRef: `WALLET-${Date.now()}`,
+      },
+    });
+    await this.finalizePaymentSuccess({ intentId: intent.id });
+    const refreshed = await this.prisma.paymentIntent.findUniqueOrThrow({
+      where: { id: intent.id },
+    });
+    return this.formatIntentResponse(refreshed);
+  }
+
+  private formatIntentResponse(
+    intent: Prisma.PaymentIntentGetPayload<Record<string, never>>,
+  ): InitiateResponseDto {
+    const clientAction =
+      intent.clientAction && typeof intent.clientAction === "object"
+        ? (intent.clientAction as unknown as ClientAction)
+        : undefined;
+    return {
+      intentId: intent.id,
+      status: intent.status,
+      clientAction,
+      merchantOrderId: intent.merchantOrderId ?? undefined,
+    };
+  }
+
+  async getIntentByBookingId(bookingId: string): Promise<IntentStatusDto> {
+    const local = await this.prisma.paymentIntent.findUnique({
+      where: { bookingId },
+    });
+
+    // WALLET payments never leave this app — no remote intent exists for them.
+    if (local?.method === PaymentMethodType.WALLET) {
+      return this.formatIntentStatus(local);
+    }
+
+    // Pull/reconcile through the payment microservice (it refreshes stale intents from the
+    // provider itself). Falls back to the legacy local path when the service is unreachable
+    // or only a pre-cutover local intent exists.
+    let snapshot: PaymentIntentSnapshot | null = null;
+    try {
+      snapshot = await this.paymentClient.getIntentByReference(
+        PaymentReferenceType.BOOKING,
+        bookingId,
+      );
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      this.logger.warn(
+        `payment service lookup failed for booking ${bookingId}: ${message}; using local intent`,
+      );
+    }
+
+    if (!snapshot) {
+      // Pre-cutover/local-only intent (or service briefly unreachable): serve the cached
+      // status. The payment service owns provider refresh for everything initiated after
+      // the cutover; webhooks/mark-paid converge the rest.
+      if (!local) throw new NotFoundException("PaymentIntent not found");
+      return this.formatIntentStatus(local);
+    }
+
+    let intent = await this.syncIntentProjection(bookingId, snapshot);
+    if (snapshot.status === ProviderPaymentStatus.SUCCEEDED) {
+      // Poll observed success before (or instead of) the mark-paid event — converge now.
+      await this.finalizePaymentSuccess({
+        intentId: intent.id,
+        providerTxnId: snapshot.providerTxnId,
+        paidAt: snapshot.paidAt ? new Date(snapshot.paidAt) : undefined,
+      });
+      intent = await this.prisma.paymentIntent.findUniqueOrThrow({
+        where: { id: intent.id },
+      });
+    }
+    return this.formatIntentStatus(intent);
+  }
+
+  private formatIntentStatus(
+    intent: Prisma.PaymentIntentGetPayload<Record<string, never>>,
+  ): IntentStatusDto {
+    const base = this.formatIntentResponse(intent);
+    return {
+      ...base,
+      paidAt: intent.paidAt?.toISOString(),
+      failureCode: intent.failureCode ?? undefined,
+      failureMessage: intent.failureMessage ?? undefined,
+    };
+  }
+
+  async refund(dto: RefundDto) {
+    const intent = await this.prisma.paymentIntent.findUnique({
+      where: { bookingId: dto.bookingId },
+    });
+    if (!intent || intent.status !== "SUCCEEDED")
+      throw new BadRequestException("No successful payment to refund");
+    await this.prisma.paymentIntent.update({
+      where: { bookingId: dto.bookingId },
+      data: { status: "CANCELLED" },
+    });
+    const booking = await this.prisma.booking.findUnique({
+      where: { id: dto.bookingId },
+      include: { seats: true },
+    });
+    if (booking) {
+      await this.seatsService.releaseSeats(booking.seats.map((s) => s.seatId));
+      await this.prisma.booking.update({
+        where: { id: dto.bookingId },
+        data: { status: "CANCELLED" },
+      });
+    }
+    return { refunded: true, bookingRef: booking?.bookingRef };
+  }
+
+  addPaymentMethod(dto: AddPaymentMethodDto) {
+    const data = {
+      type: dto.type as unknown as PaymentMethodType,
+      displayName: dto.displayName,
+      region: dto.region as unknown as PaymentRegion,
+      currency: dto.currency ?? "ETB",
+      providerId: dto.providerId,
+      enabled: dto.enabled ?? true,
+      sortOrder: dto.sortOrder ?? 0,
+    };
+    return this.prisma.paymentMethod.upsert({
+      where: { type: data.type },
+      update: data,
+      create: data,
+    });
+  }
+
+  getSupportedPaymentMethods(region?: PaymentRegionEnum) {
+    return this.prisma.paymentMethod.findMany({
+      where: {
+        enabled: true,
+        ...(region
+          ? {
+              region: {
+                in: [
+                  region,
+                  PaymentRegionEnum.GLOBAL,
+                ] as unknown as PaymentRegion[],
+              },
+            }
+          : {}),
+      },
+      orderBy: [{ sortOrder: "asc" }, { displayName: "asc" }],
+    });
+  }
+
+  async finalizePaymentSuccess(input: {
+    intentId: string;
+    providerTxnId?: string;
+    paidAt?: Date;
+  }): Promise<{ alreadyFinalized: boolean }> {
+    const intent = await this.prisma.paymentIntent.findUnique({
+      where: { id: input.intentId },
+    });
+    if (!intent) throw new NotFoundException("PaymentIntent not found");
+    if (intent.status === PaymentIntentStatus.SUCCEEDED) {
+      return { alreadyFinalized: true };
+    }
+    if (intent.status === PaymentIntentStatus.CANCELLED) {
+      throw new BadRequestException(
+        "PaymentIntent is cancelled; cannot finalize",
+      );
+    }
+
+    const booking = await this.prisma.booking.findUnique({
+      where: { id: intent.bookingId },
+      include: { seats: true },
+    });
+    if (!booking) throw new NotFoundException("Booking not found");
+
+    const paidAt = input.paidAt ?? new Date();
+    await this.prisma.$transaction(async (tx) => {
+      await tx.paymentIntent.update({
+        where: { id: intent.id },
+        data: {
+          status: PaymentIntentStatus.SUCCEEDED,
+          providerTxnId:
+            input.providerTxnId ?? intent.providerTxnId ?? undefined,
+          paidAt,
+        },
+      });
+      await tx.booking.update({
+        where: { id: booking.id },
+        data: { status: "CONFIRMED" },
+      });
+    });
+
+    try {
+      await this.seatsService.confirmSeats(booking.seats.map((s) => s.seatId));
+    } catch (err) {
+      this.logger.error(
+        `Error confirming seats: ${err instanceof Error ? err.message : String(err)}`,
+      );
+    }
+
+    try {
+      await this.createJourneySegments(booking);
+    } catch (err) {
+      this.logger.error(
+        `Error creating journey segments: ${err instanceof Error ? err.message : String(err)}`,
+      );
+    }
+
+    try {
+      await this.ticketsService.generate(booking.id);
+    } catch (err) {
+      this.logger.error(
+        `Error generating ticket: ${err instanceof Error ? err.message : String(err)}`,
+      );
+      throw err;
+    }
+
+    try {
+      await this.awardLoyaltyPoints(
+        booking.passengerId,
+        booking.totalMinor,
+        booking.id,
+      );
+    } catch (err) {
+      this.logger.warn(
+        `Error awarding loyalty points: ${err instanceof Error ? err.message : String(err)}`,
+      );
+    }
+
+    this.eventEmitter.emit("payment.succeeded", { booking });
+    return { alreadyFinalized: false };
+  }
+
+  async handlePaymentEvent(
+    event: PaymentEventDto,
+  ): Promise<MarkPaidResponseDto> {
+    if (
+      event.service !== PaymentServiceEnum.PASSENGER ||
+      event.referenceType !== PaymentReferenceType.BOOKING
+    ) {
+      this.logger.warn(
+        `mark-paid: ignoring foreign reference ${event.service}/${event.referenceType}/${event.referenceId}`,
+      );
+      return { processed: false, reason: "foreign-reference" };
+    }
+
+    if (event.eventType === "payment.failed") {
+      const intent = await this.prisma.paymentIntent.findUnique({
+        where: { bookingId: event.referenceId },
+      });
+      if (intent) {
+        await this.markPaymentFailed({
+          intentId: intent.id,
+          failureCode: event.failureCode,
+          failureMessage: event.failureMessage,
+        });
+      }
+      return { processed: true };
+    }
+
+    const booking = await this.prisma.booking.findUnique({
+      where: { id: event.referenceId },
+    });
+    if (!booking) {
+      // Ack (200) — a missing booking will not appear on redelivery; needs investigation.
+      this.logger.error(
+        `mark-paid: no booking for reference ${event.referenceId}`,
+      );
+      return { processed: false, reason: "booking-not-found" };
+    }
+
+    if (booking.totalMinor !== event.amountMinor) {
+      // Refuse to confirm: a 4xx makes the relay retry and eventually flag the row FAILED,
+      // which is the alertable signal for an asserted-vs-paid amount divergence.
+      this.logger.error(
+        `mark-paid: amount mismatch for booking ${booking.id}: booking=${booking.totalMinor} event=${event.amountMinor}`,
+      );
+      throw new BadRequestException(
+        "Event amount does not match booking total",
+      );
+    }
+
+    // Local intent row is a projection during the strangler migration: reuse it when the
+    // legacy initiate path created one, otherwise materialize it from the event.
+    let intent = await this.prisma.paymentIntent.findUnique({
+      where: { bookingId: event.referenceId },
+    });
+    if (!intent) {
+      intent = await this.prisma.paymentIntent.create({
+        data: {
+          bookingId: event.referenceId,
+          amountMinor: event.amountMinor,
+          currency: event.currency,
+          method: event.provider as unknown as PaymentMethodType,
+          status: PaymentIntentStatus.PROCESSING,
+          merchantOrderId: event.merchantOrderId,
+          providerTxnId: event.providerTxnId,
+        },
+      });
+    }
+
+    const { alreadyFinalized } = await this.finalizePaymentSuccess({
+      intentId: intent.id,
+      providerTxnId: event.providerTxnId,
+      paidAt: event.paidAt ? new Date(event.paidAt) : undefined,
+    });
+    return { processed: true, alreadyFinalized };
+  }
+
+  async markPaymentFailed(input: {
+    intentId: string;
+    failureCode?: string;
+    failureMessage?: string;
+  }): Promise<void> {
+    const intent = await this.prisma.paymentIntent.findUnique({
+      where: { id: input.intentId },
+    });
+    if (!intent) throw new NotFoundException("PaymentIntent not found");
+    if (
+      intent.status === PaymentIntentStatus.SUCCEEDED ||
+      intent.status === PaymentIntentStatus.CANCELLED
+    ) {
+      return;
+    }
+    await this.prisma.paymentIntent.update({
+      where: { id: intent.id },
+      data: {
+        status: PaymentIntentStatus.FAILED,
+        failureCode: input.failureCode,
+        failureMessage: input.failureMessage,
+      },
+    });
+  }
+
+  private async awardLoyaltyPoints(
+    passengerId: string,
+    amountMinor: number,
+    bookingId: string,
+  ) {
+    const points = Math.floor(amountMinor / 100);
+    const account = await this.prisma.loyaltyAccount.findUnique({
+      where: { passengerId },
+    });
+    if (!account) return;
+    const newBalance = account.pointsBalance + points;
+    const tier =
+      newBalance >= 10000
+        ? "PLATINUM"
+        : newBalance >= 5000
+          ? "GOLD"
+          : newBalance >= 2000
+            ? "SILVER"
+            : "BRONZE";
+    await this.prisma.loyaltyAccount.update({
+      where: { passengerId },
+      data: { pointsBalance: { increment: points }, tier: tier as any },
+    });
+    await this.prisma.loyaltyLedgerEntry.create({
+      data: {
+        accountId: account.id,
+        delta: points,
+        reason: "TRIP_COMPLETED",
+        bookingId,
+        balanceAfter: newBalance,
+      },
+    });
+  }
+
+  private async createJourneySegments(
+    booking: Prisma.BookingGetPayload<{ include: { seats: true } }>,
+  ) {
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: booking.scheduleId },
+      include: {
+        stopTimes: { include: { station: true }, orderBy: { sequence: "asc" } },
+      },
+    });
+    if (!schedule) return;
+
+    const stopTimes = schedule.stopTimes;
+    if (stopTimes.length < 2) return;
+
+    const originSequence = stopTimes.findIndex(
+      (st) => st.stationId === schedule.originStationId,
+    );
+    const destSequence = stopTimes.findIndex(
+      (st) => st.stationId === schedule.destinationStationId,
+    );
+
+    if (
+      originSequence < 0 ||
+      destSequence < 0 ||
+      originSequence >= destSequence
+    )
+      return;
+
+    const journey = await this.prisma.journey.create({
+      data: {
+        passengerId: booking.passengerId,
+        status: "CONFIRMED",
+        totalMinor: booking.totalMinor,
+        currency: booking.currency,
+      },
+    });
+
+    const journeySegments = [];
+    for (const bookingSeat of booking.seats) {
+      for (let i = originSequence; i < destSequence; i++) {
+        journeySegments.push({
+          journeyId: journey.id,
+          scheduleId: booking.scheduleId,
+          segmentOrder: i,
+          seatId: bookingSeat.seatId,
+          departureStationId: stopTimes[i].stationId,
+          arrivalStationId: stopTimes[i + 1].stationId,
+        });
+      }
+    }
+
+    if (journeySegments.length > 0) {
+      await this.prisma.journeySegment.createMany({ data: journeySegments });
+    }
+  }
 }
diff --git a/apps/edr-passenger-api/src/modules/payments/payments.types.ts b/apps/edr-passenger-api/src/modules/payments/payments.types.ts
new file mode 100644
index 000000000..2e9463ad3
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/payments/payments.types.ts
@@ -0,0 +1,12 @@
+// The payment provider contract lives in @edr/types; the gateways themselves now run only
+// inside apps/edr-payment-api. This file remains as a thin re-export so existing local
+// imports keep working.
+export type {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ClientAction,
+  PaymentPlatform,
+} from "@edr/types";
+export { ProviderPaymentStatus, ProviderMethod } from "@edr/types";
diff --git a/apps/edr-passenger-api/src/modules/promos/promos.controller.ts b/apps/edr-passenger-api/src/modules/promos/promos.controller.ts
new file mode 100644
index 000000000..8bdf8f868
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/promos/promos.controller.ts
@@ -0,0 +1,73 @@
+import { Body, Controller, Get, Param, Post, UseGuards, Query, Patch, Delete } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { PromosService } from './promos.service';
+import { CreatePromotionDto } from './promos.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Promotions')
+@Controller('promos')
+export class PromosController {
+  constructor(private service: PromosService) {}
+
+  @Get()
+  @ApiOperation({ summary: 'Get active promotions' })
+  getActive() {
+    return this.service.getActive();
+  }
+
+  @Get('all')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get all promos with filters (admin)' })
+  getAll(
+    @Query('search') search?: string,
+    @Query('active') active?: string,
+    @Query('page') page?: string,
+    @Query('pageSize') pageSize?: string,
+  ) {
+    return this.service.getAll({
+      search,
+      active: active === 'true' ? true : active === 'false' ? false : undefined,
+      page: page ? parseInt(page) : 1,
+      pageSize: pageSize ? parseInt(pageSize) : 10,
+    });
+  }
+
+  @Get(':id')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get promo by ID' })
+  getById(@Param('id') id: string) {
+    return this.service.getById(id);
+  }
+
+  @Get('validate/:code')
+  @ApiOperation({ summary: 'Validate a promo code' })
+  validate(@Param('code') code: string) {
+    return this.service.validate(code);
+  }
+
+  @Post()
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Create promotion (admin)' })
+  create(@Body() dto: CreatePromotionDto) {
+    return this.service.create(dto);
+  }
+
+  @Patch(':id')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update promo (admin)' })
+  update(@Param('id') id: string, @Body() dto: Partial<CreatePromotionDto>) {
+    return this.service.update(id, dto);
+  }
+
+  @Delete(':id')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Delete promo (admin)' })
+  delete(@Param('id') id: string) {
+    return this.service.delete(id);
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/promos/promos.dto.ts b/apps/edr-passenger-api/src/modules/promos/promos.dto.ts
new file mode 100644
index 000000000..759fe371e
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/promos/promos.dto.ts
@@ -0,0 +1,46 @@
+import { IsString, IsOptional, IsInt, IsBoolean } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+export class CreatePromotionDto {
+  @ApiProperty({ example: 'SUMMER2024' })
+  @IsString()
+  code: string;
+
+  @ApiProperty({ example: 'Summer Discount' })
+  @IsString()
+  title: string;
+
+  @ApiPropertyOptional({ example: 'Get 15% off' })
+  @IsOptional()
+  @IsString()
+  subtitle?: string;
+
+  @ApiPropertyOptional({ example: 15 })
+  @IsOptional()
+  @IsInt()
+  percentOff?: number;
+
+  @ApiPropertyOptional({ example: 5000 })
+  @IsOptional()
+  @IsInt()
+  amountOffMinor?: number;
+
+  @ApiProperty({ example: '2026-12-31T23:59:59Z' })
+  @IsString()
+  validUntil: string;
+
+  @ApiPropertyOptional({ example: 'Book Now' })
+  @IsOptional()
+  @IsString()
+  ctaLabel?: string;
+
+  @ApiPropertyOptional({ example: 'edr://search' })
+  @IsOptional()
+  @IsString()
+  deepLink?: string;
+
+  @ApiPropertyOptional({ example: true })
+  @IsOptional()
+  @IsBoolean()
+  active?: boolean;
+}
diff --git a/apps/edr-passenger-api/src/modules/promos/promos.module.ts b/apps/edr-passenger-api/src/modules/promos/promos.module.ts
new file mode 100644
index 000000000..302f087d9
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/promos/promos.module.ts
@@ -0,0 +1,6 @@
+import { Module } from '@nestjs/common';
+import { PromosController } from './promos.controller';
+import { PromosService } from './promos.service';
+
+@Module({ controllers: [PromosController], providers: [PromosService] })
+export class PromosModule {}
diff --git a/apps/edr-passenger-api/src/modules/promos/promos.service.ts b/apps/edr-passenger-api/src/modules/promos/promos.service.ts
new file mode 100644
index 000000000..141d80b57
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/promos/promos.service.ts
@@ -0,0 +1,190 @@
+import { Injectable, BadRequestException, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { CreatePromotionDto } from './promos.dto';
+import { PrismaClientKnownRequestError } from '@prisma/client/runtime/library';
+
+@Injectable()
+export class PromosService {
+  constructor(private prisma: PrismaService) {}
+
+  getActive() {
+    return this.prisma.promotion.findMany({
+      where: { active: true, validUntil: { gte: new Date() } },
+      orderBy: { createdAt: 'desc' },
+    });
+  }
+
+  async getAll(filters: { search?: string; active?: boolean; page?: number; pageSize?: number }) {
+    const { search, active, page = 1, pageSize = 10 } = filters;
+    const skip = (page - 1) * pageSize;
+
+    const where: any = {};
+    if (search) {
+      where.OR = [
+        { code: { contains: search, mode: 'insensitive' } },
+        { title: { contains: search, mode: 'insensitive' } },
+      ];
+    }
+    if (active !== undefined) {
+      where.active = active;
+    }
+
+    const [items, total] = await Promise.all([
+      this.prisma.promotion.findMany({
+        where,
+        skip,
+        take: pageSize,
+        orderBy: { createdAt: 'desc' },
+      }),
+      this.prisma.promotion.count({ where }),
+    ]);
+
+    return { items: this.formatItems(items), total, page, pageSize };
+  }
+
+  async getById(id: string) {
+    const promo = await this.prisma.promotion.findUnique({ where: { id } });
+    if (!promo) throw new NotFoundException('Promo not found');
+    return this.formatItem(promo);
+  }
+
+  async validate(code: string) {
+    const promo = await this.prisma.promotion.findUnique({ where: { code } });
+    if (!promo || !promo.active || promo.validUntil < new Date())
+      return { applicable: false, message: 'Promo code invalid or expired' };
+    return {
+      code: promo.code,
+      percentOff: promo.percentOff,
+      amountOffMinor: promo.amountOffMinor,
+      validUntil: promo.validUntil,
+      applicable: true,
+      message: promo.percentOff
+        ? `${promo.percentOff}% off`
+        : `ETB ${((promo.amountOffMinor ?? 0) / 100).toFixed(2)} off`,
+    };
+  }
+
+  async create(dto: CreatePromotionDto & { discountType?: string; discountValue?: number }) {
+    try {
+      // Map frontend fields to database fields
+      let percentOff: number | undefined;
+      let amountOffMinor: number | undefined;
+
+      if (dto.discountType && dto.discountValue !== undefined) {
+        if (dto.discountType === 'PERCENTAGE') {
+          percentOff = dto.discountValue;
+        } else if (dto.discountType === 'FIXED') {
+          amountOffMinor = dto.discountValue;
+        }
+      } else {
+        // Fallback to direct fields
+        percentOff = dto.percentOff;
+        amountOffMinor = dto.amountOffMinor;
+      }
+
+      const promo = await this.prisma.promotion.create({
+        data: {
+          code: dto.code,
+          title: dto.title,
+          subtitle: dto.subtitle,
+          percentOff,
+          amountOffMinor,
+          validUntil: new Date(dto.validUntil),
+          ctaLabel: dto.ctaLabel,
+          deepLink: dto.deepLink,
+          active: dto.active ?? true,
+        },
+      });
+      return this.formatItem(promo);
+    } catch (error) {
+      if (error instanceof PrismaClientKnownRequestError) {
+        if (error.code === 'P2002') {
+          const field = (error.meta?.target as string[])?.[0];
+          throw new BadRequestException(
+            `A promo code with this ${field} already exists. Please use a different ${field}.`,
+          );
+        }
+      }
+      throw error;
+    }
+  }
+
+  async update(id: string, dto: Partial<CreatePromotionDto> & { discountType?: string; discountValue?: number }) {
+    const promo = await this.prisma.promotion.findUnique({ where: { id } });
+    if (!promo) throw new NotFoundException('Promo not found');
+
+    const updateData: any = {};
+    
+    // Map frontend fields to database fields
+    if (dto.discountType && dto.discountValue !== undefined) {
+      // Clear existing discount fields
+      updateData.percentOff = null;
+      updateData.amountOffMinor = null;
+      
+      if (dto.discountType === 'PERCENTAGE') {
+        updateData.percentOff = dto.discountValue;
+      } else if (dto.discountType === 'FIXED') {
+        updateData.amountOffMinor = dto.discountValue;
+      }
+    } else {
+      // Only include fields that are explicitly provided
+      if (dto.percentOff !== undefined) updateData.percentOff = dto.percentOff;
+      if (dto.amountOffMinor !== undefined) updateData.amountOffMinor = dto.amountOffMinor;
+    }
+    
+    if (dto.title !== undefined) updateData.title = dto.title;
+    if (dto.subtitle !== undefined) updateData.subtitle = dto.subtitle;
+    if (dto.ctaLabel !== undefined) updateData.ctaLabel = dto.ctaLabel;
+    if (dto.deepLink !== undefined) updateData.deepLink = dto.deepLink;
+    if (dto.active !== undefined) updateData.active = dto.active;
+    if (dto.validUntil !== undefined) updateData.validUntil = new Date(dto.validUntil);
+
+    // Don't allow updating code - it's immutable after creation
+    
+    try {
+      const updated = await this.prisma.promotion.update({
+        where: { id },
+        data: updateData,
+      });
+      return this.formatItem(updated);
+    } catch (error) {
+      if (error instanceof PrismaClientKnownRequestError && error.code === 'P2002') {
+        const field = (error.meta?.target as string[])?.[0];
+        throw new BadRequestException(
+          `A promo code with this ${field} already exists. Please use a different ${field}.`,
+        );
+      }
+      throw error;
+    }
+  }
+
+  async delete(id: string) {
+    const promo = await this.prisma.promotion.findUnique({ where: { id } });
+    if (!promo) throw new NotFoundException('Promo not found');
+    return this.prisma.promotion.delete({ where: { id } });
+  }
+
+  private formatItem(promo: any) {
+    return {
+      id: promo.id,
+      code: promo.code,
+      title: promo.title,
+      discountType: promo.percentOff ? 'PERCENTAGE' : 'FIXED',
+      discountValue: promo.percentOff || promo.amountOffMinor || 0,
+      maxDiscount: undefined,
+      minBookingAmount: undefined,
+      maxUsagePerUser: undefined,
+      totalUsageLimit: undefined,
+      usageCount: 0,
+      validFrom: promo.createdAt,
+      validUntil: promo.validUntil,
+      isActive: promo.active,
+      createdAt: promo.createdAt,
+      updatedAt: promo.createdAt,
+    };
+  }
+
+  private formatItems(promos: any[]) {
+    return promos.map((promo) => this.formatItem(promo));
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/reports/reports.controller.ts b/apps/edr-passenger-api/src/modules/reports/reports.controller.ts
new file mode 100644
index 000000000..772a1428c
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/reports/reports.controller.ts
@@ -0,0 +1,35 @@
+import { Body, Controller, Get, Param, Post, Query, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { ReportsService } from './reports.service';
+import { GenerateReportDto } from './reports.dto';
+import { IamGuard, IamRoles } from '../../common/iam-adapter';
+import { UserRole } from '@prisma/client';
+
+@ApiTags('Reports')
+@Controller('reports')
+@UseGuards(IamGuard)
+@ApiBearerAuth('IAM-auth')
+export class ReportsController {
+  constructor(private service: ReportsService) {}
+
+  @Post('generate')
+  @IamRoles('ADMIN', 'SUPERVISOR')
+  @ApiOperation({ summary: 'Generate operational report' })
+  generateReport(@Body() dto: GenerateReportDto) {
+    return this.service.generateReport(dto);
+  }
+
+  @Get(':reportId')
+  @IamRoles('ADMIN', 'SUPERVISOR')
+  @ApiOperation({ summary: 'Get report by ID' })
+  getReport(@Param('reportId') reportId: string) {
+    return this.service.getReport(reportId);
+  }
+
+  @Get()
+  @IamRoles('ADMIN', 'SUPERVISOR')
+  @ApiOperation({ summary: 'List reports' })
+  listReports(@Query('type') type?: string) {
+    return this.service.listReports(type);
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/reports/reports.dto.ts b/apps/edr-passenger-api/src/modules/reports/reports.dto.ts
new file mode 100644
index 000000000..5fdb856ec
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/reports/reports.dto.ts
@@ -0,0 +1,29 @@
+import { IsString, IsDateString, IsOptional, IsEnum } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+export enum ReportType {
+  REVENUE = 'REVENUE',
+  OCCUPANCY = 'OCCUPANCY',
+  AGENT_SALES = 'AGENT_SALES',
+  CANCELLATIONS = 'CANCELLATIONS',
+  PAYMENT_METHODS = 'PAYMENT_METHODS'
+}
+
+export enum ExportFormat {
+  JSON = 'JSON',
+  CSV = 'CSV',
+  PDF = 'PDF'
+}
+
+export class GenerateReportDto {
+  @ApiProperty({ enum: ReportType }) @IsEnum(ReportType) reportType: ReportType;
+  @ApiProperty({ example: '2026-01-01' }) @IsDateString() dateFrom: string;
+  @ApiProperty({ example: '2026-01-31' }) @IsDateString() dateTo: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() routeId?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() agentId?: string;
+}
+
+export class ExportReportDto {
+  @ApiProperty() @IsString() reportId: string;
+  @ApiProperty({ enum: ExportFormat }) @IsEnum(ExportFormat) format: ExportFormat;
+}
diff --git a/apps/edr-passenger-api/src/modules/reports/reports.module.ts b/apps/edr-passenger-api/src/modules/reports/reports.module.ts
new file mode 100644
index 000000000..801120cbf
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/reports/reports.module.ts
@@ -0,0 +1,12 @@
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { ReportsController } from './reports.controller';
+import { ReportsService } from './reports.service';
+
+@Module({
+  imports: [HttpModule],
+  controllers: [ReportsController],
+  providers: [ReportsService],
+  exports: [ReportsService]
+})
+export class ReportsModule {}
diff --git a/apps/edr-passenger-api/src/modules/reports/reports.service.ts b/apps/edr-passenger-api/src/modules/reports/reports.service.ts
new file mode 100644
index 000000000..d1f25dde7
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/reports/reports.service.ts
@@ -0,0 +1,189 @@
+import { Injectable } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { GenerateReportDto, ReportType } from './reports.dto';
+
+@Injectable()
+export class ReportsService {
+  constructor(private prisma: PrismaService) {}
+
+  async generateReport(dto: GenerateReportDto) {
+    const dateFrom = new Date(dto.dateFrom);
+    dateFrom.setHours(0, 0, 0, 0);
+    
+    const dateTo = new Date(dto.dateTo);
+    dateTo.setHours(23, 59, 59, 999);
+
+    let data: any;
+    switch (dto.reportType) {
+      case ReportType.REVENUE:
+        data = await this.generateRevenueReport(dateFrom, dateTo);
+        break;
+      case ReportType.OCCUPANCY:
+        data = await this.generateOccupancyReport(dateFrom, dateTo);
+        break;
+      case ReportType.AGENT_SALES:
+        data = await this.generateAgentSalesReport(dateFrom, dateTo, dto.agentId);
+        break;
+      case ReportType.CANCELLATIONS:
+        data = await this.generateCancellationsReport(dateFrom, dateTo);
+        break;
+      case ReportType.PAYMENT_METHODS:
+        data = await this.generatePaymentMethodsReport(dateFrom, dateTo);
+        break;
+      default:
+        data = {};
+    }
+
+    const report = await this.prisma.operationalReport.create({
+      data: {
+        reportType: dto.reportType,
+        dateFrom,
+        dateTo,
+        data
+      }
+    });
+
+    return { reportId: report.id, reportType: dto.reportType, data };
+  }
+
+  private async generateRevenueReport(dateFrom: Date, dateTo: Date) {
+    // Fetch all bookings in date range, regardless of status
+    const bookings = await this.prisma.booking.findMany({
+      where: {
+        createdAt: { gte: dateFrom, lte: dateTo }
+      },
+      include: { paymentIntent: true }
+    });
+
+    console.log(`[Reports] Revenue Report: Found ${bookings.length} bookings between ${dateFrom} and ${dateTo}`);
+
+    const totalRevenue = bookings.reduce((sum, b) => sum + b.totalMinor, 0);
+    const byPaymentMethod = bookings.reduce((acc, b) => {
+      const method = b.paymentIntent?.method ?? 'UNKNOWN';
+      acc[method] = (acc[method] || 0) + b.totalMinor;
+      return acc;
+    }, {} as Record<string, number>);
+
+    // Group by date for charts
+    const byDate = bookings.reduce((acc, b) => {
+      const date = b.createdAt.toISOString().split('T')[0];
+      if (!acc[date]) {
+        acc[date] = { totalMinor: 0, count: 0 };
+      }
+      acc[date].totalMinor += b.totalMinor;
+      acc[date].count += 1;
+      return acc;
+    }, {} as Record<string, any>);
+
+    return {
+      totalBookings: bookings.length,
+      totalRevenueMinor: totalRevenue,
+      totalRevenue: totalRevenue / 100,
+      currency: 'ETB',
+      byPaymentMethod,
+      byDate,
+      cancellationRate: 0
+    };
+  }
+
+  private async generateOccupancyReport(dateFrom: Date, dateTo: Date) {
+    const schedules = await this.prisma.trainSchedule.findMany({
+      where: { departureAt: { gte: dateFrom, lte: dateTo } },
+      include: {
+        coachAssignments: { include: { coach: { include: { seats: true } } } },
+        bookings: { include: { seats: true } },
+      },
+    });
+
+    const tripData = schedules.map(schedule => {
+      const totalSeats = schedule.coachAssignments.reduce((sum, a) => sum + a.coach.seats.length, 0);
+      const bookedSeats = schedule.bookings.reduce((sum, b) => sum + b.seats.length, 0);
+      const occupancyRate = totalSeats > 0 ? (bookedSeats / totalSeats) * 100 : 0;
+      return { scheduleId: schedule.id, departureAt: schedule.departureAt, totalSeats, bookedSeats, occupancyRate: +occupancyRate.toFixed(2) };
+    });
+
+    const avgOccupancy = tripData.length > 0 ? tripData.reduce((sum, t) => sum + t.occupancyRate, 0) / tripData.length : 0;
+    return { totalSchedules: schedules.length, averageOccupancyRate: +avgOccupancy.toFixed(2), schedules: tripData };
+  }
+
+  private async generateAgentSalesReport(dateFrom: Date, dateTo: Date, agentId?: string) {
+    const agentBookings = await this.prisma.agentBooking.findMany({
+      where: {
+        createdAt: { gte: dateFrom, lte: dateTo },
+        ...(agentId ? { agentId } : {})
+      },
+      include: {
+        agent: { include: { user: true } },
+        booking: true
+      }
+    });
+
+    const byAgent = agentBookings.reduce((acc, ab) => {
+      const agentName = ab.agent.user.fullName;
+      if (!acc[agentName]) {
+        acc[agentName] = { bookings: 0, revenueMinor: 0, cashCollected: 0 };
+      }
+      acc[agentName].bookings += 1;
+      acc[agentName].revenueMinor += ab.booking.totalMinor;
+      acc[agentName].cashCollected += ab.cashReceived ?? 0;
+      return acc;
+    }, {} as Record<string, any>);
+
+    return {
+      totalAgentBookings: agentBookings.length,
+      byAgent
+    };
+  }
+
+  private async generateCancellationsReport(dateFrom: Date, dateTo: Date) {
+    const cancellations = await this.prisma.bookingCancellation.findMany({
+      where: { createdAt: { gte: dateFrom, lte: dateTo } },
+      include: { booking: true }
+    });
+
+    const totalRefunded = cancellations.reduce((sum, c) => sum + c.refundAmount, 0);
+
+    return {
+      totalCancellations: cancellations.length,
+      totalRefundedMinor: totalRefunded,
+      totalRefunded: totalRefunded / 100,
+      currency: 'ETB'
+    };
+  }
+
+  private async generatePaymentMethodsReport(dateFrom: Date, dateTo: Date) {
+    const payments = await this.prisma.paymentIntent.findMany({
+      where: {
+        createdAt: { gte: dateFrom, lte: dateTo },
+        status: 'SUCCEEDED'
+      }
+    });
+
+    const byMethod = payments.reduce((acc, p) => {
+      const method = p.method;
+      if (!acc[method]) {
+        acc[method] = { count: 0, totalMinor: 0 };
+      }
+      acc[method].count += 1;
+      acc[method].totalMinor += p.amountMinor;
+      return acc;
+    }, {} as Record<string, any>);
+
+    return {
+      totalPayments: payments.length,
+      byMethod
+    };
+  }
+
+  async getReport(reportId: string) {
+    return this.prisma.operationalReport.findUnique({ where: { id: reportId } });
+  }
+
+  async listReports(reportType?: string) {
+    return this.prisma.operationalReport.findMany({
+      where: reportType ? { reportType } : {},
+      orderBy: { createdAt: 'desc' },
+      take: 50
+    });
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/schedules/dto/create-schedule.dto.ts b/apps/edr-passenger-api/src/modules/schedules/dto/create-schedule.dto.ts
deleted file mode 100644
index 364b88d79..000000000
--- a/apps/edr-passenger-api/src/modules/schedules/dto/create-schedule.dto.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Passenger } from "@edr/types";
-import {
-  IsDateString,
-  IsEnum,
-  IsNumber,
-  IsOptional,
-  IsString,
-  IsUUID,
-  Min,
-} from "class-validator";
-
-export class CreateScheduleDto {
-  @IsString()
-  trainCode!: string;
-
-  @IsUUID()
-  originStationId!: string;
-
-  @IsUUID()
-  destinationStationId!: string;
-
-  @IsDateString()
-  departureTime!: string;
-
-  @IsDateString()
-  arrivalTime!: string;
-
-  @IsNumber()
-  @Min(0)
-  basePrice!: number;
-
-  @IsOptional()
-  @IsEnum(Passenger.ScheduleStatus)
-  status?: Passenger.ScheduleStatus;
-}
diff --git a/apps/edr-passenger-api/src/modules/schedules/entities/schedule.entity.ts b/apps/edr-passenger-api/src/modules/schedules/entities/schedule.entity.ts
deleted file mode 100644
index 7943ff3d6..000000000
--- a/apps/edr-passenger-api/src/modules/schedules/entities/schedule.entity.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { BaseEntity } from "@edr/api-common";
-import { Passenger } from "@edr/types";
-import { Column, Entity } from "typeorm";
-
-@Entity({ name: "schedules" })
-export class Schedule extends BaseEntity {
-  @Column({ name: "train_code", type: "varchar", length: 32 })
-  trainCode!: string;
-
-  @Column({ name: "origin_station_id", type: "uuid" })
-  originStationId!: string;
-
-  @Column({ name: "destination_station_id", type: "uuid" })
-  destinationStationId!: string;
-
-  @Column({ name: "departure_time", type: "timestamptz" })
-  departureTime!: Date;
-
-  @Column({ name: "arrival_time", type: "timestamptz" })
-  arrivalTime!: Date;
-
-  @Column({
-    name: "status",
-    type: "enum",
-    enum: Passenger.ScheduleStatus,
-    default: Passenger.ScheduleStatus.Scheduled,
-  })
-  status!: Passenger.ScheduleStatus;
-
-  @Column({ name: "base_price", type: "numeric", precision: 10, scale: 2 })
-  basePrice!: number;
-}
diff --git a/apps/edr-passenger-api/src/modules/schedules/routes.controller.ts b/apps/edr-passenger-api/src/modules/schedules/routes.controller.ts
new file mode 100644
index 000000000..72cbbbb47
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/schedules/routes.controller.ts
@@ -0,0 +1,96 @@
+import { Body, Controller, Delete, Get, Param, Patch, Post, Query, ParseIntPipe, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiParam, ApiQuery, ApiResponse } from '@nestjs/swagger';
+import { RoutesService } from './routes.service';
+import { CreateRouteDto, AddRouteStopDto, UpdateRouteDto } from './routes.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Routes')
+@Controller('routes')
+export class RoutesController {
+  constructor(private service: RoutesService) {}
+
+  // ── Routes ─────────────────────────────────────────────────────────────────
+
+  @Post()
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({
+    summary: 'Create a reusable route with its ordered stops',
+    description: `Define the physical corridor once (e.g. ADD→ADM→AWS→DDW→AYS→DJI).
+Schedules reference this route via routeId and supply actual planned times per stop.
+Route stops carry distanceKm for fare-by-distance calculations.`,
+  })
+  @ApiResponse({ status: 201, description: 'Route created with stops' })
+  @ApiResponse({ status: 409, description: 'Route code already exists or duplicate sequences' })
+  @ApiResponse({ status: 400, description: 'Fewer than 2 stops or invalid station IDs' })
+  createRoute(@Body() dto: CreateRouteDto) { return this.service.createRoute(dto); }
+
+  @Get()
+  @ApiOperation({ summary: 'List all routes' })
+  @ApiQuery({ name: 'activeOnly', required: false, type: Boolean, description: 'Filter to active routes only' })
+  @ApiResponse({ status: 200, description: 'Array of routes with stop count' })
+  listRoutes(@Query('activeOnly') activeOnly?: string) {
+    return this.service.listRoutes(activeOnly === 'true');
+  }
+
+  @Get(':id')
+  @ApiOperation({ summary: 'Get route with all stops and station details' })
+  @ApiParam({ name: 'id', description: 'Route UUID' })
+  @ApiResponse({ status: 200, description: 'Route with enriched stop list (station name, code, city)' })
+  @ApiResponse({ status: 404, description: 'Route not found' })
+  getRoute(@Param('id') id: string) { return this.service.getRoute(id); }
+
+  @Patch(':id')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update route metadata (name, description, active flag, effectiveUntil)' })
+  @ApiParam({ name: 'id', description: 'Route UUID' })
+  @ApiResponse({ status: 200, description: 'Route updated' })
+  @ApiResponse({ status: 404, description: 'Route not found' })
+  updateRoute(@Param('id') id: string, @Body() dto: UpdateRouteDto) { return this.service.updateRoute(id, dto); }
+
+  @Delete(':id')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Delete a route' })
+  @ApiParam({ name: 'id', description: 'Route UUID' })
+  @ApiResponse({ status: 200, description: 'Route deleted' })
+  @ApiResponse({ status: 404, description: 'Route not found' })
+  deleteRoute(@Param('id') id: string) { return this.service.deleteRoute(id); }
+
+  // ── Route Stops ────────────────────────────────────────────────────────────
+
+  @Get(':id/stops')
+  @ApiOperation({ summary: 'List all stops for a route ordered by sequence' })
+  @ApiParam({ name: 'id', description: 'Route UUID' })
+  @ApiResponse({ status: 200, description: 'Ordered stop list with station details' })
+  @ApiResponse({ status: 404, description: 'Route not found' })
+  getStops(@Param('id') id: string) { return this.service.getStops(id); }
+
+  @Post(':id/stops')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Add a stop to an existing route' })
+  @ApiParam({ name: 'id', description: 'Route UUID' })
+  @ApiResponse({ status: 201, description: 'Stop added' })
+  @ApiResponse({ status: 409, description: 'Sequence already exists on this route' })
+  @ApiResponse({ status: 404, description: 'Route or station not found' })
+  addStop(@Param('id') id: string, @Body() dto: AddRouteStopDto) { return this.service.addStop(id, dto); }
+
+  @Delete(':id/stops/:sequence')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Remove a stop from a route by sequence number' })
+  @ApiParam({ name: 'id', description: 'Route UUID' })
+  @ApiParam({ name: 'sequence', description: 'Stop sequence number to remove' })
+  @ApiResponse({ status: 200, description: 'Stop removed' })
+  @ApiResponse({ status: 400, description: 'Cannot remove — route would have fewer than 2 stops' })
+  @ApiResponse({ status: 404, description: 'Stop not found' })
+  removeStop(@Param('id') id: string, @Param('sequence', ParseIntPipe) sequence: number) {
+    return this.service.removeStop(id, sequence);
+  }
+
+  // ── Schedules for a Route ──────────────────────────────────────────────────
+
+  @Get(':id/schedules')
+  @ApiOperation({ summary: 'List all train schedules that use this route' })
+  @ApiParam({ name: 'id', description: 'Route UUID' })
+  @ApiResponse({ status: 200, description: 'Schedules with train and terminal station details' })
+  @ApiResponse({ status: 404, description: 'Route not found' })
+  getSchedules(@Param('id') id: string) { return this.service.getSchedulesForRoute(id); }
+}
diff --git a/apps/edr-passenger-api/src/modules/schedules/routes.dto.ts b/apps/edr-passenger-api/src/modules/schedules/routes.dto.ts
new file mode 100644
index 000000000..230dad3f8
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/schedules/routes.dto.ts
@@ -0,0 +1,44 @@
+import { IsString, IsInt, IsOptional, IsArray, ValidateNested, IsBoolean, IsDateString, Min } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+
+export class RouteStopInputDto {
+  @ApiProperty({ example: 'station-uuid', description: 'Station UUID' }) @IsString() stationId: string;
+  @ApiProperty({ example: 1, description: 'Stop order (1 = origin, ascending)' }) @IsInt() @Min(1) sequence: number;
+  @ApiPropertyOptional({ example: 120, description: 'Distance in km from previous stop' }) @IsOptional() @IsInt() distanceKm?: number;
+}
+
+export class CreateRouteDto {
+  @ApiProperty({ example: 'ADD-DJI', description: 'Unique route code' }) @IsString() code: string;
+  @ApiProperty({ example: 'Addis Ababa – Djibouti' }) @IsString() name: string;
+  @ApiPropertyOptional({ example: 'Main corridor via Dire Dawa' }) @IsOptional() @IsString() description?: string;
+  @ApiProperty({ example: '2026-01-01T00:00:00Z', description: 'Date from which this route is effective' }) @IsDateString() effectiveFrom: string;
+  @ApiPropertyOptional({ example: '2027-12-31T23:59:59Z' }) @IsOptional() @IsDateString() effectiveUntil?: string;
+  @ApiProperty({
+    type: [RouteStopInputDto],
+    description: 'Ordered stops for this route. Sequence 1 = origin, last sequence = destination.',
+    example: [
+      { stationId: 'uuid-ADD', sequence: 1 },
+      { stationId: 'uuid-ADM', sequence: 2, distanceKm: 99 },
+      { stationId: 'uuid-AWS', sequence: 3, distanceKm: 120 },
+      { stationId: 'uuid-DDW', sequence: 4, distanceKm: 180 },
+      { stationId: 'uuid-AYS', sequence: 5, distanceKm: 95 },
+      { stationId: 'uuid-DJI', sequence: 6, distanceKm: 60 },
+    ],
+  })
+  @IsArray() @ValidateNested({ each: true }) @Type(() => RouteStopInputDto)
+  stops: RouteStopInputDto[];
+}
+
+export class AddRouteStopDto {
+  @ApiProperty({ example: 'station-uuid' }) @IsString() stationId: string;
+  @ApiProperty({ example: 3 }) @IsInt() @Min(1) sequence: number;
+  @ApiPropertyOptional({ example: 75 }) @IsOptional() @IsInt() distanceKm?: number;
+}
+
+export class UpdateRouteDto {
+  @ApiPropertyOptional({ example: 'Addis Ababa – Djibouti Express' }) @IsOptional() @IsString() name?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() description?: string;
+  @ApiPropertyOptional({ example: true }) @IsOptional() @IsBoolean() active?: boolean;
+  @ApiPropertyOptional({ example: '2027-12-31T23:59:59Z' }) @IsOptional() @IsDateString() effectiveUntil?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/schedules/routes.service.ts b/apps/edr-passenger-api/src/modules/schedules/routes.service.ts
new file mode 100644
index 000000000..cb0099983
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/schedules/routes.service.ts
@@ -0,0 +1,204 @@
+import { Injectable, NotFoundException, ConflictException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { CreateRouteDto, AddRouteStopDto, UpdateRouteDto } from './routes.dto';
+
+@Injectable()
+export class RoutesService {
+  constructor(private prisma: PrismaService) {}
+
+  // ── Route CRUD ─────────────────────────────────────────────────────────────
+
+  async createRoute(dto: CreateRouteDto) {
+    const existing = await this.prisma.route.findUnique({ where: { code: dto.code } });
+    if (existing) throw new ConflictException(`Route code "${dto.code}" already exists`);
+
+    if (dto.stops.length < 2) throw new BadRequestException('A route must have at least 2 stops');
+
+    const seqs = dto.stops.map(s => s.sequence);
+    if (new Set(seqs).size !== seqs.length) throw new ConflictException('Duplicate sequence numbers in stop list');
+
+    const stationIds = [...new Set(dto.stops.map(s => s.stationId))];
+    const stations = await this.prisma.station.findMany({ where: { id: { in: stationIds } } });
+    if (stations.length !== stationIds.length) throw new BadRequestException('One or more station IDs not found');
+
+    return this.prisma.route.create({
+      data: {
+        code: dto.code,
+        name: dto.name,
+        description: dto.description,
+        effectiveFrom: new Date(dto.effectiveFrom),
+        effectiveUntil: dto.effectiveUntil ? new Date(dto.effectiveUntil) : null,
+        stops: {
+          create: dto.stops.map(s => ({
+            stationId: s.stationId,
+            sequence: s.sequence,
+            distanceKm: s.distanceKm,
+          })),
+        },
+      },
+      include: { stops: { include: { route: false }, orderBy: { sequence: 'asc' } } },
+    });
+  }
+
+  async listRoutes(activeOnly = false) {
+    return this.prisma.route.findMany({
+      where: activeOnly ? { active: true } : undefined,
+      include: {
+        stops: { orderBy: { sequence: 'asc' } },
+        _count: { select: { stops: true } },
+      },
+      orderBy: { code: 'asc' },
+    });
+  }
+
+  async getRoute(id: string) {
+    const route = await this.prisma.route.findUnique({
+      where: { id },
+      include: {
+        stops: {
+          orderBy: { sequence: 'asc' },
+          include: {
+            route: false,
+          },
+        },
+      },
+    });
+    if (!route) throw new NotFoundException('Route not found');
+
+    // Enrich stops with station details
+    const stationIds = route.stops.map(s => s.stationId);
+    const stations = await this.prisma.station.findMany({ where: { id: { in: stationIds } } });
+    const stationMap = Object.fromEntries(stations.map(s => [s.id, s]));
+
+    return {
+      ...route,
+      stops: route.stops.map(s => ({ ...s, station: stationMap[s.stationId] })),
+    };
+  }
+
+  async updateRoute(id: string, dto: UpdateRouteDto) {
+    const route = await this.prisma.route.findUnique({ where: { id } });
+    if (!route) throw new NotFoundException('Route not found');
+    return this.prisma.route.update({
+      where: { id },
+      data: {
+        name: dto.name,
+        description: dto.description,
+        active: dto.active,
+        effectiveUntil: dto.effectiveUntil ? new Date(dto.effectiveUntil) : undefined,
+      },
+      include: { stops: { orderBy: { sequence: 'asc' } } },
+    });
+  }
+
+  async deleteRoute(id: string) {
+    const route = await this.prisma.route.findUnique({ where: { id } });
+    if (!route) throw new NotFoundException('Route not found');
+    await this.prisma.route.delete({ where: { id } });
+    return { deleted: true, id };
+  }
+
+  // ── Route Stops ────────────────────────────────────────────────────────────
+
+  async addStop(routeId: string, dto: AddRouteStopDto) {
+    const route = await this.prisma.route.findUnique({ where: { id: routeId } });
+    if (!route) throw new NotFoundException('Route not found');
+
+    const station = await this.prisma.station.findUnique({ where: { id: dto.stationId } });
+    if (!station) throw new NotFoundException(`Station ${dto.stationId} not found`);
+
+    const existing = await this.prisma.routeStop.findUnique({
+      where: { routeId_sequence: { routeId, sequence: dto.sequence } },
+    });
+    if (existing) throw new ConflictException(`Sequence ${dto.sequence} already exists on this route`);
+
+    return this.prisma.routeStop.create({
+      data: { routeId, stationId: dto.stationId, sequence: dto.sequence, distanceKm: dto.distanceKm },
+    });
+  }
+
+  async removeStop(routeId: string, sequence: number) {
+    const stop = await this.prisma.routeStop.findUnique({
+      where: { routeId_sequence: { routeId, sequence } },
+    });
+    if (!stop) throw new NotFoundException(`Stop at sequence ${sequence} not found on route`);
+
+    const total = await this.prisma.routeStop.count({ where: { routeId } });
+    if (total <= 2) throw new BadRequestException('A route must retain at least 2 stops');
+
+    await this.prisma.routeStop.delete({ where: { routeId_sequence: { routeId, sequence } } });
+    return { deleted: true, sequence };
+  }
+
+  async getStops(routeId: string) {
+    const route = await this.prisma.route.findUnique({ where: { id: routeId } });
+    if (!route) throw new NotFoundException('Route not found');
+
+    const stops = await this.prisma.routeStop.findMany({
+      where: { routeId },
+      orderBy: { sequence: 'asc' },
+    });
+
+    const stationIds = stops.map(s => s.stationId);
+    const stations = await this.prisma.station.findMany({ where: { id: { in: stationIds } } });
+    const stationMap = Object.fromEntries(stations.map(s => [s.id, s]));
+
+    return stops.map(s => ({ ...s, station: stationMap[s.stationId] }));
+  }
+
+  async getSchedulesForRoute(routeId: string) {
+    const route = await this.prisma.route.findUnique({ where: { id: routeId } });
+    if (!route) throw new NotFoundException('Route not found');
+
+    return this.prisma.trainSchedule.findMany({
+      where: { routeId },
+      include: { train: true, originStation: true, destinationStation: true },
+      orderBy: { departureAt: 'asc' },
+    });
+  }
+
+  // ── Used by SchedulesService ───────────────────────────────────────────────
+
+  /**
+   * Copies RouteStop definitions into TripStopTime rows for a schedule.
+   * plannedTimes maps sequence → { arrivalAt?, departureAt? } for actual timing.
+   */
+  async applyRouteToSchedule(
+    routeId: string,
+    scheduleId: string,
+    plannedTimes: Record<number, { plannedArrivalAt?: string; plannedDepartureAt?: string }>,
+  ) {
+    const stops = await this.prisma.routeStop.findMany({
+      where: { routeId },
+      orderBy: { sequence: 'asc' },
+    });
+    if (stops.length === 0) throw new BadRequestException('Route has no stops defined');
+
+    await this.prisma.tripStopTime.deleteMany({ where: { scheduleId } });
+
+    await this.prisma.tripStopTime.createMany({
+      data: stops.map(s => {
+        const times = plannedTimes[s.sequence] ?? {};
+        return {
+          scheduleId,
+          stationId: s.stationId,
+          sequence: s.sequence,
+          plannedArrivalAt: times.plannedArrivalAt ? new Date(times.plannedArrivalAt) : null,
+          plannedDepartureAt: times.plannedDepartureAt ? new Date(times.plannedDepartureAt) : null,
+        };
+      }),
+    });
+
+    const intermediateCount = Math.max(0, stops.length - 2);
+    await this.prisma.trainSchedule.update({
+      where: { id: scheduleId },
+      data: { stopsCount: intermediateCount },
+    });
+
+    return this.prisma.tripStopTime.findMany({
+      where: { scheduleId },
+      include: { station: true },
+      orderBy: { sequence: 'asc' },
+    });
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/schedules/schedules.controller.ts b/apps/edr-passenger-api/src/modules/schedules/schedules.controller.ts
index e07516e23..8cb8ea253 100644
--- a/apps/edr-passenger-api/src/modules/schedules/schedules.controller.ts
+++ b/apps/edr-passenger-api/src/modules/schedules/schedules.controller.ts
@@ -1,37 +1,232 @@
-import {
-  Body,
-  Controller,
-  Get,
-  Param,
-  ParseUUIDPipe,
-  Post,
-} from "@nestjs/common";
-import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import { Body, Controller, Delete, Get, Param, Patch, Post, Query, ParseIntPipe, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiParam, ApiQuery, ApiResponse } from '@nestjs/swagger';
+import { SchedulesService } from './schedules.service';
+import { CreateScheduleDto, UpdateScheduleDto, CreateFareRuleDto, UpdateScheduleStatusDto, UpdateStopTimeDto, ListSchedulesDto, BulkCreateSchedulesDto, BulkSchedulesResponseDto } from './schedules.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+import { TripStatus } from '@prisma/client';
 
-import { CreateScheduleDto } from "./dto/create-schedule.dto";
-import { SchedulesService } from "./schedules.service";
-
-@ApiTags("schedules")
-// @UseGuards(JwtAuthGuard) — TODO: integrate @edr/auth
-@Controller("schedules")
+@ApiTags('Schedule')
+@Controller('schedules')
 export class SchedulesController {
-  constructor(private readonly schedulesService: SchedulesService) {}
+  constructor(private service: SchedulesService) {}
+
+  @Post('bulk-generate')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({
+    summary: 'Bulk generate repetitive schedules',
+    description: 'Creates multiple schedules automatically by repeating every X days for the next Y days. Example: repeat every 2 days for 30 days = 15 schedules.',
+  })
+  @ApiResponse({ status: 201, description: 'Schedules generated successfully' })
+  @ApiResponse({ status: 400, description: 'Invalid parameters or route not found' })
+  bulkGenerateSchedules(@Body() dto: BulkCreateSchedulesDto) {
+    return this.service.bulkGenerateSchedules(dto);
+  }
 
   @Post()
-  @ApiOperation({ summary: "Publish a new train schedule" })
-  create(@Body() dto: CreateScheduleDto) {
-    return this.schedulesService.create(dto);
-  }
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({
+    summary: 'Create a train schedule from a route template',
+    description: `Creates a schedule by referencing a Route (routeId).\nStops are automatically copied from the route's RouteStop definitions.\nYou supply the actual planned arrival/departure times per stop sequence.\nOrigin and destination are derived from the first and last route stop — no need to specify them manually.`,
+  })
+  @ApiResponse({ status: 201, description: 'Schedule created with stops copied from route template' })
+  @ApiResponse({ status: 400, description: 'Invalid times, inactive route, or missing planned times for some stops' })
+  @ApiResponse({ status: 404, description: 'Train or route not found' })
+  createSchedule(@Body() dto: CreateScheduleDto) { return this.service.createSchedule(dto); }
 
   @Get()
-  @ApiOperation({ summary: "List all schedules" })
-  findAll() {
-    return this.schedulesService.findAll();
+  @ApiOperation({ summary: 'List schedules with optional filters' })
+  @ApiQuery({ name: 'date', required: false, example: '2026-06-15', description: 'Departure date (YYYY-MM-DD). Returns all schedules departing on this calendar day.' })
+  @ApiQuery({ name: 'routeId', required: false, description: 'Filter by route UUID' })
+  @ApiQuery({ name: 'trainId', required: false, description: 'Filter by train UUID' })
+  @ApiQuery({ name: 'status', required: false, enum: TripStatus, description: 'Filter by schedule status' })
+  @ApiResponse({ status: 200, description: 'Array of schedules ordered by departureAt, each with train, origin/destination, stops, and booking/assignment counts' })
+  listSchedules(
+    @Query('date') date?: string,
+    @Query('routeId') routeId?: string,
+    @Query('trainId') trainId?: string,
+    @Query('status') status?: TripStatus,
+  ) {
+    return this.service.listSchedules({ date, routeId, trainId, status });
   }
 
-  @Get(":id")
-  @ApiOperation({ summary: "Get a schedule by ID" })
-  findOne(@Param("id", ParseUUIDPipe) id: string) {
-    return this.schedulesService.findById(id);
+  // ===== SPECIFIC ROUTES (must come BEFORE generic :id routes) =====
+
+  @Post('fares')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Create a fare rule scoped to a schedule or route code' })
+  @ApiResponse({ status: 201, description: 'Fare rule created' })
+  createFareRule(@Body() dto: CreateFareRuleDto) { return this.service.createFareRule(dto); }
+
+  @Post('segment-fares')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Create a segment fare rule (stop-to-stop pricing on a route)' })
+  @ApiResponse({ status: 201, description: 'Segment fare rule created' })
+  createSegmentFareRule(@Body() dto: any) { return this.service.createSegmentFareRule(dto); }
+
+  @Get('routes/:routeId/segment-fares')
+  @ApiOperation({ summary: 'List all segment fare rules for a route' })
+  @ApiParam({ name: 'routeId', description: 'Route UUID' })
+  @ApiResponse({ status: 200, description: 'List of segment fare rules' })
+  getSegmentFares(@Param('routeId') routeId: string) { return this.service.getSegmentFares(routeId); }
+
+  @Patch('segment-fares/:id')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update a segment fare rule' })
+  @ApiParam({ name: 'id', description: 'SegmentFareRule UUID' })
+  @ApiResponse({ status: 200, description: 'Segment fare rule updated' })
+  updateSegmentFareRule(@Param('id') id: string, @Body() dto: any) { return this.service.updateSegmentFareRule(id, dto); }
+
+  @Delete('segment-fares/:id')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Delete a segment fare rule' })
+  @ApiParam({ name: 'id', description: 'SegmentFareRule UUID' })
+  @ApiResponse({ status: 200, description: 'Segment fare rule deleted' })
+  deleteSegmentFareRule(@Param('id') id: string) { return this.service.deleteSegmentFareRule(id); }
+
+  // ===== PARAMETRIZED ROUTES (generic :id routes come AFTER specific routes) =====
+
+  @Get(':id')
+  @ApiOperation({ summary: 'Get schedule with train, coaches, seats, and stop timeline' })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 200, description: 'Full schedule detail including route stops with station info' })
+  @ApiResponse({ status: 404, description: 'Schedule not found' })
+  getSchedule(@Param('id') id: string) { return this.service.getSchedule(id); }
+
+  @Patch(':id')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update a schedule (partial update - times, status, coaches)' })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 200, description: 'Schedule updated' })
+  @ApiResponse({ status: 404, description: 'Schedule not found' })
+  updateSchedule(@Param('id') id: string, @Body() dto: UpdateScheduleDto) {
+    return this.service.updateSchedulePartial(id, dto);
+  }
+
+  @Patch(':id/status')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update schedule status (SCHEDULED → BOARDING → EN_ROUTE → ARRIVED)' })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 200, description: 'Status updated' })
+  @ApiResponse({ status: 404, description: 'Schedule not found' })
+  updateStatus(@Param('id') id: string, @Body() dto: UpdateScheduleStatusDto) {
+    return this.service.updateScheduleStatus(id, dto);
+  }
+
+  @Delete(':id')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Delete a schedule' })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 200, description: 'Schedule deleted' })
+  @ApiResponse({ status: 404, description: 'Schedule not found' })
+  deleteSchedule(@Param('id') id: string) {
+    return this.service.deleteSchedule(id);
+  }
+
+  @Get(':id/stops')
+  @ApiOperation({ summary: 'List all stops for a schedule ordered by sequence' })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 200, description: 'Ordered stop list with station details and planned/actual times' })
+  @ApiResponse({ status: 404, description: 'Schedule not found' })
+  getStops(@Param('id') id: string) { return this.service.getStops(id); }
+
+  @Patch(':id/stops/:sequence')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update planned times or live status of a specific stop' })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiParam({ name: 'sequence', description: 'Stop sequence number' })
+  @ApiResponse({ status: 200, description: 'Stop updated' })
+  @ApiResponse({ status: 404, description: 'Stop not found on schedule' })
+  updateStop(
+    @Param('id') id: string,
+    @Param('sequence', ParseIntPipe) sequence: number,
+    @Body() dto: UpdateStopTimeDto,
+  ) { return this.service.updateStop(id, sequence, dto); }
+
+  @Get(':scheduleId/fares/stored')
+  @ApiOperation({ summary: 'Get stored fare rules for a schedule' })
+  @ApiParam({ name: 'scheduleId', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 200, description: 'List of stored fare rules with seat class info' })
+  getStoredFares(@Param('scheduleId') scheduleId: string) {
+    return this.service.getFareRules(scheduleId);
+  }
+
+  @Get(':scheduleId/fares')
+  @ApiOperation({ summary: 'Get fare for a schedule and seat class from the fare engine' })
+  @ApiParam({ name: 'scheduleId', description: 'TrainSchedule UUID' })
+  @ApiQuery({ name: 'seatClassId', required: true, description: 'SeatClass UUID' })
+  @ApiQuery({ name: 'nationality', required: false, description: 'Passenger nationality — determines billing currency (Ethiopian→ETB, Djiboutian→DJF, other→USD)' })
+  @ApiResponse({ status: 200, description: 'Live fare breakdown from fare engine' })
+  @ApiResponse({ status: 400, description: 'Schedule has no route or missing distanceKm on stops' })
+  @ApiResponse({ status: 404, description: 'Schedule or seat class not found' })
+  getFare(
+    @Param('scheduleId') scheduleId: string,
+    @Query('seatClassId') seatClassId: string,
+    @Query('nationality') nationality?: string,
+  ) {
+    return this.service.getFareFromEngine(scheduleId, seatClassId, nationality);
+  }
+
+  @Get(':scheduleId/fares/all')
+  @ApiOperation({ summary: 'Get fares for all active seat classes on a schedule' })
+  @ApiParam({ name: 'scheduleId', description: 'TrainSchedule UUID' })
+  @ApiQuery({ name: 'nationality', required: false, description: 'Passenger nationality — determines billing currency' })
+  @ApiResponse({ status: 200, description: 'Array of fare breakdowns for every active seat class, ordered by price ascending' })
+  @ApiResponse({ status: 400, description: 'Schedule has no route or missing distanceKm on stops' })
+  @ApiResponse({ status: 404, description: 'Schedule not found' })
+  getAllFares(
+    @Param('scheduleId') scheduleId: string,
+    @Query('nationality') nationality?: string,
+  ) {
+    return this.service.getAllFaresFromEngine(scheduleId, nationality);
+  }
+
+  @Post(':id/fares/sync')
+  @ApiOperation({
+    summary: 'Sync fares from fare engine',
+    description: 'Recalculates fares for all active seat classes using the fare engine (km × ratePerKm + tax) and upserts them as FareRule records scoped to this schedule. Previous active rules are expired.',
+  })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 201, description: 'Fares synced — returns count of synced rules and any errors' })
+  @ApiResponse({ status: 400, description: 'Schedule has no associated route or missing distanceKm on stops' })
+  @ApiResponse({ status: 404, description: 'Schedule not found' })
+  syncFares(@Param('id') id: string) {
+    return this.service.syncFaresFromEngine(id);
+  }
+
+  @Post(':id/coaches')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Assign coaches to a schedule',
+    description: 'Assigns selected coaches to a schedule with their position numbers. Replaces any existing coach assignments.'
+  })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 201, description: 'Coaches assigned successfully' })
+  @ApiResponse({ status: 404, description: 'Schedule or coach not found' })
+  assignCoaches(
+    @Param('id') id: string,
+    @Body() dto: { coaches: Array<{ coachId: string; positionNumber: number }> },
+  ) {
+    return this.service.assignCoaches(id, dto.coaches);
+  }
+
+  @Get(':id/coaches')
+  @ApiOperation({ summary: 'Get assigned coaches for a schedule' })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiResponse({ status: 200, description: 'List of assigned coaches with seat details' })
+  getAssignedCoaches(@Param('id') id: string) {
+    return this.service.getAssignedCoaches(id);
+  }
+
+  @Delete(':id/coaches/:coachId')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Remove a coach assignment from a schedule' })
+  @ApiParam({ name: 'id', description: 'TrainSchedule UUID' })
+  @ApiParam({ name: 'coachId', description: 'Coach UUID' })
+  @ApiResponse({ status: 200, description: 'Coach assignment removed' })
+  removeCoachAssignment(
+    @Param('id') id: string,
+    @Param('coachId') coachId: string,
+  ) {
+    return this.service.removeCoachAssignment(id, coachId);
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/schedules/schedules.dto.ts b/apps/edr-passenger-api/src/modules/schedules/schedules.dto.ts
new file mode 100644
index 000000000..fcad059f4
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/schedules/schedules.dto.ts
@@ -0,0 +1,107 @@
+import { IsString, IsDateString, IsInt, IsOptional, IsEnum, IsArray, ValidateNested, IsObject, Min } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import { TripStatus, StopStatus, PassengerCategory } from '@prisma/client';
+
+export class PlannedStopTimeDto {
+  @ApiProperty({ example: 1, description: 'Route stop sequence number this timing applies to' }) @IsInt() @Min(1) sequence: number;
+  @ApiPropertyOptional({ example: '2026-06-15T09:30:00Z', description: 'Planned arrival at this stop (omit for first stop)' }) @IsOptional() @IsDateString() plannedArrivalAt?: string;
+  @ApiPropertyOptional({ example: '2026-06-15T09:45:00Z', description: 'Planned departure from this stop (omit for last stop)' }) @IsOptional() @IsDateString() plannedDepartureAt?: string;
+}
+
+export class CreateScheduleDto {
+  @ApiProperty({ example: 'train-uuid', description: 'Train UUID' }) @IsString() trainId: string;
+
+  @ApiProperty({ example: 'route-uuid', description: 'Route UUID — stops are copied from the route template. Origin and destination are derived from the first and last route stop.' })
+  @IsString() routeId: string;
+
+  @ApiProperty({ example: '2026-06-15T08:00:00Z', description: 'Scheduled departure from the first stop (origin)' }) @IsDateString() departureAt: string;
+  @ApiProperty({ example: '2026-06-15T20:00:00Z', description: 'Scheduled arrival at the last stop (destination)' }) @IsDateString() arrivalAt: string;
+
+  @ApiProperty({
+    type: [PlannedStopTimeDto],
+    description: 'Planned arrival/departure times per stop sequence. Must cover all stops defined on the route.',
+    example: [
+      { sequence: 1, plannedDepartureAt: '2026-06-15T08:00:00Z' },
+      { sequence: 2, plannedArrivalAt: '2026-06-15T09:30:00Z', plannedDepartureAt: '2026-06-15T09:45:00Z' },
+      { sequence: 3, plannedArrivalAt: '2026-06-15T11:30:00Z', plannedDepartureAt: '2026-06-15T11:45:00Z' },
+      { sequence: 4, plannedArrivalAt: '2026-06-15T15:00:00Z', plannedDepartureAt: '2026-06-15T15:20:00Z' },
+      { sequence: 5, plannedArrivalAt: '2026-06-15T18:00:00Z', plannedDepartureAt: '2026-06-15T18:10:00Z' },
+      { sequence: 6, plannedArrivalAt: '2026-06-15T20:00:00Z' },
+    ],
+  })
+  @IsArray() @ValidateNested({ each: true }) @Type(() => PlannedStopTimeDto)
+  plannedTimes: PlannedStopTimeDto[];
+}
+
+export class UpdateScheduleDto {
+  @ApiPropertyOptional({ example: '2026-06-15T08:00:00Z', description: 'Scheduled departure from the first stop (origin)' }) @IsOptional() @IsDateString() departureAt?: string;
+  @ApiPropertyOptional({ example: '2026-06-15T20:00:00Z', description: 'Scheduled arrival at the last stop (destination)' }) @IsOptional() @IsDateString() arrivalAt?: string;
+  @ApiPropertyOptional({ enum: TripStatus, example: TripStatus.SCHEDULED }) @IsOptional() @IsEnum(TripStatus) status?: TripStatus;
+  @ApiPropertyOptional({ type: Array, description: 'List of coaches to assign' }) @IsOptional() @IsArray() coaches?: Array<{ coachId: string; positionNumber: number }>;
+}
+
+export class UpdateStopTimeDto {
+  @ApiPropertyOptional({ example: '2026-06-15T09:30:00Z' }) @IsOptional() @IsDateString() plannedArrivalAt?: string;
+  @ApiPropertyOptional({ example: '2026-06-15T09:45:00Z' }) @IsOptional() @IsDateString() plannedDepartureAt?: string;
+  @ApiPropertyOptional({ enum: StopStatus, example: StopStatus.UPCOMING }) @IsOptional() @IsEnum(StopStatus) status?: StopStatus;
+}
+
+export class CreateFareRuleDto {
+  @ApiPropertyOptional({ example: 'schedule-uuid', description: 'Scope fare rule to a specific schedule' }) @IsOptional() @IsString() scheduleId?: string;
+  @ApiPropertyOptional({ example: 'ADD-DJI', description: 'Scope fare rule to a route code (e.g. ADD-DJI for full route or ADD-ADM for segment)' }) @IsOptional() @IsString() route?: string;
+  @ApiPropertyOptional({ example: 'Ethiopian', description: 'Scope fare rule to nationality: Ethiopian, Djiboutian, Other' }) @IsOptional() @IsString() nationality?: string;
+  @ApiPropertyOptional({ enum: PassengerCategory, example: 'ADULT', description: 'Passenger category: ADULT (5+ yrs) or CHILD (<5 yrs)' }) @IsOptional() @IsEnum(PassengerCategory) passengerCategory?: PassengerCategory;
+  @ApiProperty({ example: 'seat-class-uuid', description: 'Seat class UUID' }) @IsString() seatClassId: string;
+  @ApiProperty({ example: 45000, description: 'Base fare in minor currency units (ETB cents)' }) @IsInt() baseFareMinor: number;
+  @ApiProperty({ example: '2026-01-01T00:00:00Z' }) @IsDateString() validFrom: string;
+  @ApiPropertyOptional({ example: '2026-12-31T23:59:59Z' }) @IsOptional() @IsDateString() validUntil?: string;
+}
+
+export class CreateSegmentFareRuleDto {
+  @ApiProperty({ example: 'route-uuid', description: 'Route UUID' }) @IsString() routeId: string;
+  @ApiProperty({ example: 1, description: 'Origin stop sequence number' }) @IsInt() @Min(1) originStopSequence: number;
+  @ApiProperty({ example: 2, description: 'Destination stop sequence number' }) @IsInt() @Min(1) destinationStopSequence: number;
+  @ApiProperty({ example: 'seat-class-uuid', description: 'Seat class UUID' }) @IsString() seatClassId: string;
+  @ApiProperty({ example: 45000, description: 'Base fare in minor currency units (ETB cents)' }) @IsInt() baseFareMinor: number;
+  @ApiPropertyOptional({ example: 'Ethiopian', description: 'Nationality scope (Ethiopian, Djiboutian, Other)' }) @IsOptional() @IsString() nationality?: string;
+  @ApiPropertyOptional({ enum: PassengerCategory, example: 'ADULT', description: 'Passenger category: ADULT (5+ yrs) or CHILD (<5 yrs)' }) @IsOptional() @IsEnum(PassengerCategory) passengerCategory?: PassengerCategory;
+  @ApiProperty({ example: '2026-01-01T00:00:00Z' }) @IsDateString() validFrom: string;
+  @ApiPropertyOptional({ example: '2026-12-31T23:59:59Z' }) @IsOptional() @IsDateString() validUntil?: string;
+}
+
+export class ListSchedulesDto {
+  @ApiPropertyOptional({ example: '2026-06-15', description: 'Filter by departure date (YYYY-MM-DD). Returns all schedules departing on this calendar day.' })
+  @IsOptional() @IsDateString() date?: string;
+
+  @ApiPropertyOptional({ example: 'route-uuid', description: 'Filter by route UUID' })
+  @IsOptional() @IsString() routeId?: string;
+
+  @ApiPropertyOptional({ example: 'train-uuid', description: 'Filter by train UUID' })
+  @IsOptional() @IsString() trainId?: string;
+
+  @ApiPropertyOptional({ enum: TripStatus, example: TripStatus.SCHEDULED, description: 'Filter by schedule status' })
+  @IsOptional() @IsEnum(TripStatus) status?: TripStatus;
+}
+
+export class UpdateScheduleStatusDto {
+  @ApiProperty({ enum: TripStatus, example: TripStatus.EN_ROUTE }) @IsEnum(TripStatus) status: TripStatus;
+}
+
+export class BulkCreateSchedulesDto {
+  @ApiProperty({ example: 'train-uuid', description: 'Train UUID' }) @IsString() trainId: string;
+  @ApiProperty({ example: 'route-uuid', description: 'Route UUID' }) @IsString() routeId: string;
+  @ApiProperty({ example: '2026-06-15T08:00:00Z', description: 'Start date and time for first schedule' }) @IsDateString() startDateTime: string;
+  @ApiProperty({ example: 12, description: 'Hours duration per schedule' }) @IsInt() @Min(1) durationHours: number;
+  @ApiProperty({ example: 2, description: 'Repeat every X days' }) @IsInt() @Min(1) repeatEveryDays: number;
+  @ApiProperty({ example: 30, description: 'Generate schedules for the next Y days' }) @IsInt() @Min(1) forNextDays: number;
+  @ApiPropertyOptional({ type: [PlannedStopTimeDto], description: 'Optional custom planned times per stop. If not provided, will auto-generate.' })
+  @IsOptional() @IsArray() @ValidateNested({ each: true }) @Type(() => PlannedStopTimeDto)
+  plannedTimes?: PlannedStopTimeDto[];
+}
+
+export class BulkSchedulesResponseDto {
+  @ApiProperty() schedulesCreated: number;
+  @ApiProperty() errors: string[];
+  @ApiProperty() scheduleIds: string[];
+}
diff --git a/apps/edr-passenger-api/src/modules/schedules/schedules.module.ts b/apps/edr-passenger-api/src/modules/schedules/schedules.module.ts
index 431b1a781..5eca9f1be 100644
--- a/apps/edr-passenger-api/src/modules/schedules/schedules.module.ts
+++ b/apps/edr-passenger-api/src/modules/schedules/schedules.module.ts
@@ -1,15 +1,14 @@
-import { Module } from "@nestjs/common";
-import { TypeOrmModule } from "@nestjs/typeorm";
-
-import { Schedule } from "./entities/schedule.entity";
-import { SchedulesController } from "./schedules.controller";
-import { SchedulesRepository } from "./schedules.repository";
-import { SchedulesService } from "./schedules.service";
+import { Module } from '@nestjs/common';
+import { SchedulesController } from './schedules.controller';
+import { SchedulesService } from './schedules.service';
+import { RoutesController } from './routes.controller';
+import { RoutesService } from './routes.service';
+import { FareEngineModule } from '../fare-engine/fare-engine.module';
 
 @Module({
-  imports: [TypeOrmModule.forFeature([Schedule])],
-  controllers: [SchedulesController],
-  providers: [SchedulesService, SchedulesRepository],
-  exports: [SchedulesService],
+  imports: [FareEngineModule],
+  controllers: [RoutesController, SchedulesController],
+  providers: [RoutesService, SchedulesService],
+  exports: [RoutesService, SchedulesService],
 })
 export class SchedulesModule {}
diff --git a/apps/edr-passenger-api/src/modules/schedules/schedules.repository.ts b/apps/edr-passenger-api/src/modules/schedules/schedules.repository.ts
deleted file mode 100644
index 075dc3c00..000000000
--- a/apps/edr-passenger-api/src/modules/schedules/schedules.repository.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { BaseRepository } from "@edr/api-common";
-import { Injectable } from "@nestjs/common";
-import { InjectRepository } from "@nestjs/typeorm";
-import { Repository } from "typeorm";
-
-import { Schedule } from "./entities/schedule.entity";
-
-@Injectable()
-export class SchedulesRepository extends BaseRepository<Schedule> {
-  constructor(
-    @InjectRepository(Schedule)
-    repository: Repository<Schedule>,
-  ) {
-    super(repository);
-  }
-}
diff --git a/apps/edr-passenger-api/src/modules/schedules/schedules.service.ts b/apps/edr-passenger-api/src/modules/schedules/schedules.service.ts
index 7e7684724..f7ef5487f 100644
--- a/apps/edr-passenger-api/src/modules/schedules/schedules.service.ts
+++ b/apps/edr-passenger-api/src/modules/schedules/schedules.service.ts
@@ -1,35 +1,569 @@
-import { Injectable, NotFoundException } from "@nestjs/common";
-
-import { CreateScheduleDto } from "./dto/create-schedule.dto";
-import { Schedule } from "./entities/schedule.entity";
-import { SchedulesRepository } from "./schedules.repository";
+import { Injectable, NotFoundException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { RoutesService } from './routes.service';
+import { FareEngineService } from '../fare-engine/fare-engine.service';
+import { CreateScheduleDto, UpdateScheduleDto, CreateFareRuleDto, UpdateScheduleStatusDto, UpdateStopTimeDto, ListSchedulesDto, BulkCreateSchedulesDto } from './schedules.dto';
 
 @Injectable()
 export class SchedulesService {
-  constructor(private readonly schedulesRepository: SchedulesRepository) {}
+  constructor(
+    private prisma: PrismaService,
+    private routesService: RoutesService,
+    private fareEngine: FareEngineService,
+  ) { }
 
-  /** Publish a new train schedule. */
-  create(dto: CreateScheduleDto): Promise<Schedule> {
-    return this.schedulesRepository.create({
-      ...dto,
-      departureTime: new Date(dto.departureTime),
-      arrivalTime: new Date(dto.arrivalTime),
+  async bulkGenerateSchedules(dto: BulkCreateSchedulesDto) {
+    const startDate = new Date(dto.startDateTime);
+    const endDate = new Date(startDate.getTime() + dto.forNextDays * 24 * 60 * 60 * 1000);
+    const errors: string[] = [];
+    const scheduleIds: string[] = [];
+
+    // Validate route and get stops for plannedTimes generation
+    const route = await this.prisma.route.findUnique({
+      where: { id: dto.routeId },
+      include: { stops: { orderBy: { sequence: 'asc' } } },
     });
-  }
+    if (!route) throw new NotFoundException('Route not found');
+    if (!route.active) throw new BadRequestException('Route is not active');
 
-  /** List every published schedule. */
-  findAll(): Promise<Schedule[]> {
-    return this.schedulesRepository.findAll({
-      order: { departureTime: "ASC" },
-    });
-  }
+    let currentDate = new Date(startDate);
+    let scheduleCount = 0;
 
-  /** Get a single schedule by ID. */
-  async findById(id: string): Promise<Schedule> {
-    const schedule = await this.schedulesRepository.findById(id);
-    if (!schedule) {
-      throw new NotFoundException(`Schedule ${id} not found`);
+    while (currentDate < endDate) {
+      try {
+        const departureAt = new Date(currentDate);
+        const arrivalAt = new Date(departureAt.getTime() + dto.durationHours * 60 * 60 * 1000);
+
+        const createDto: CreateScheduleDto = {
+          trainId: dto.trainId,
+          routeId: dto.routeId,
+          departureAt: departureAt.toISOString(),
+          arrivalAt: arrivalAt.toISOString(),
+          plannedTimes: dto.plannedTimes || [],
+        };
+
+        const schedule = await this.createSchedule(createDto);
+        scheduleIds.push(schedule.id);
+        scheduleCount++;
+      } catch (error) {
+        errors.push(`Failed to create schedule for ${currentDate.toISOString()}: ${error instanceof Error ? error.message : String(error)}`);
+      }
+
+      // Move to next repetition
+      currentDate = new Date(currentDate.getTime() + dto.repeatEveryDays * 24 * 60 * 60 * 1000);
     }
-    return schedule;
+
+    return {
+      schedulesCreated: scheduleCount,
+      errors,
+      scheduleIds,
+    };
   }
-}
+
+  async listSchedules(dto: ListSchedulesDto) {
+    const where: any = {};
+
+    if (dto.date) {
+      const date = new Date(dto.date);
+      const nextDay = new Date(date.getTime() + 86_400_000);
+      where.departureAt = { gte: date, lt: nextDay };
+    }
+    if (dto.routeId) where.routeId = dto.routeId;
+    if (dto.trainId) where.trainId = dto.trainId;
+    if (dto.status) where.status = dto.status;
+
+    return this.prisma.trainSchedule.findMany({
+      where,
+      include: {
+        train: true,
+        route: true,
+        originStation: true,
+        destinationStation: true,
+        stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } },
+        coachAssignments: {
+          include: { coach: true },
+          orderBy: { positionNumber: 'asc' },
+        },
+        _count: { select: { coachAssignments: true, bookings: true } },
+      },
+      orderBy: { departureAt: 'asc' },
+    });
+  }
+
+  async createSchedule(dto: CreateScheduleDto) {
+    const dep = new Date(dto.departureAt);
+    const arr = new Date(dto.arrivalAt);
+    if (arr <= dep) throw new BadRequestException('arrivalAt must be after departureAt');
+
+    // Validate route exists and has stops
+    const route = await this.prisma.route.findUnique({
+      where: { id: dto.routeId },
+      include: { stops: { orderBy: { sequence: 'asc' } } },
+    });
+    if (!route) throw new NotFoundException('Route not found');
+    if (!route.active) throw new BadRequestException('Route is not active');
+    if (route.stops.length < 2) throw new BadRequestException('Route must have at least 2 stops');
+
+    // Check for duplicate schedule with same train, route, and date
+    const depDate = new Date(dep);
+    depDate.setHours(0, 0, 0, 0);
+    const nextDay = new Date(depDate);
+    nextDay.setDate(nextDay.getDate() + 1);
+
+    const existingSchedule = await this.prisma.trainSchedule.findFirst({
+      where: {
+        trainId: dto.trainId,
+        routeId: dto.routeId,
+        departureAt: {
+          gte: depDate,
+          lt: nextDay,
+        },
+      },
+    });
+
+    if (existingSchedule) {
+      throw new BadRequestException(
+        `A schedule for this train, route, and date already exists. Departure: ${new Date(existingSchedule.departureAt).toLocaleString()}`,
+      );
+    }
+
+    // Auto-generate plannedTimes if not provided or empty
+    let plannedTimes = dto.plannedTimes;
+    if (!plannedTimes || plannedTimes.length === 0) {
+      const totalDuration = arr.getTime() - dep.getTime();
+      const totalDistance = route.stops[route.stops.length - 1].distanceKm || 0;
+
+      plannedTimes = route.stops.map((stop, index) => {
+        let stopTime: Date;
+
+        if (index === 0) {
+          stopTime = dep;
+        } else if (index === route.stops.length - 1) {
+          stopTime = arr;
+        } else {
+          const stopDistance = stop.distanceKm || 0;
+          const progress = totalDistance > 0 ? stopDistance / totalDistance : index / (route.stops.length - 1);
+          stopTime = new Date(dep.getTime() + totalDuration * progress);
+        }
+
+        return {
+          sequence: stop.sequence,
+          plannedArrivalAt: index === 0 ? undefined : stopTime.toISOString(),
+          plannedDepartureAt: index === route.stops.length - 1 ? undefined : stopTime.toISOString(),
+        };
+      });
+    }
+
+    // Validate all route stop sequences are covered by plannedTimes
+    const providedSeqs = new Set(plannedTimes.map(t => t.sequence));
+    const missingSeqs = route.stops.map(s => s.sequence).filter(seq => !providedSeqs.has(seq));
+    if (missingSeqs.length > 0) {
+      throw new BadRequestException(`Missing planned times for stop sequences: ${missingSeqs.join(', ')}`);
+    }
+
+    // Derive origin and destination from first and last route stop
+    const firstStop = route.stops[0];
+    const lastStop = route.stops[route.stops.length - 1];
+
+    const schedule = await this.prisma.trainSchedule.create({
+      data: {
+        trainId: dto.trainId,
+        routeId: dto.routeId,
+        originStationId: firstStop.stationId,
+        destinationStationId: lastStop.stationId,
+        departureAt: dep,
+        arrivalAt: arr,
+        durationMinutes: Math.round((arr.getTime() - dep.getTime()) / 60_000),
+        stopsCount: Math.max(0, route.stops.length - 2),
+      },
+      include: { train: true, originStation: true, destinationStation: true },
+    });
+
+    const plannedTimesMap = Object.fromEntries(
+      plannedTimes.map(t => [t.sequence, t]),
+    );
+    await this.routesService.applyRouteToSchedule(dto.routeId, schedule.id, plannedTimesMap);
+
+    return this.getSchedule(schedule.id);
+  }
+
+  async getSchedule(id: string) {
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id },
+      include: {
+        train: true,
+        originStation: true,
+        destinationStation: true,
+        coachAssignments: {
+          include: { coach: { include: { seats: { orderBy: [{ row: 'asc' }, { col: 'asc' }] } } } },
+          orderBy: { positionNumber: 'asc' },
+        },
+        stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } },
+      },
+    });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    const allSeatIds = schedule.coachAssignments.flatMap((a: any) => a.coach.seats.map((s: any) => s.id));
+    const effectiveStatuses = await this.resolveEffectiveStatuses(id, allSeatIds);
+
+    return {
+      ...schedule,
+      coachAssignments: schedule.coachAssignments.map((a: any) => ({
+        ...a,
+        coach: {
+          ...a.coach,
+          seats: a.coach.seats.map((s: any) => ({
+            ...s,
+            status: effectiveStatuses.get(s.id) ?? s.status,
+          })),
+        },
+      })),
+    };
+  }
+
+  private async resolveEffectiveStatuses(
+    scheduleId: string,
+    seatIds: string[],
+  ): Promise<Map<string, string>> {
+    const statusMap = new Map<string, string>();
+    if (seatIds.length === 0) return statusMap;
+
+    const [activeHolds, bookedSegments] = await Promise.all([
+      this.prisma.seatHold.findMany({
+        where: { scheduleId, expiresAt: { gt: new Date() }, seatIds: { hasSome: seatIds } },
+        select: { seatIds: true },
+      }),
+      this.prisma.journeySegment.findMany({
+        where: {
+          scheduleId,
+          seatId: { in: seatIds },
+          journey: { status: { in: ['CONFIRMED', 'PENDING_PAYMENT'] } },
+        },
+        select: { seatId: true },
+      }),
+    ]);
+
+    for (const hold of activeHolds)
+      for (const seatId of hold.seatIds)
+        if (seatIds.includes(seatId)) statusMap.set(seatId, 'HELD');
+
+    for (const seg of bookedSegments)
+      if (seg.seatId) statusMap.set(seg.seatId, 'BOOKED');
+
+    return statusMap;
+  }
+
+  async updateSchedule(id: string, dto: CreateScheduleDto) {
+    const schedule = await this.prisma.trainSchedule.findUnique({ where: { id } });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    const dep = new Date(dto.departureAt);
+    const arr = new Date(dto.arrivalAt);
+    if (arr <= dep) throw new BadRequestException('arrivalAt must be after departureAt');
+
+    const route = await this.prisma.route.findUnique({
+      where: { id: dto.routeId },
+      include: { stops: { orderBy: { sequence: 'asc' } } },
+    });
+    if (!route) throw new NotFoundException('Route not found');
+    if (!route.active) throw new BadRequestException('Route is not active');
+    if (route.stops.length < 2) throw new BadRequestException('Route must have at least 2 stops');
+
+    const firstStop = route.stops[0];
+    const lastStop = route.stops[route.stops.length - 1];
+
+    await this.prisma.trainSchedule.update({
+      where: { id },
+      data: {
+        trainId: dto.trainId,
+        routeId: dto.routeId,
+        originStationId: firstStop.stationId,
+        destinationStationId: lastStop.stationId,
+        departureAt: dep,
+        arrivalAt: arr,
+        durationMinutes: Math.round((arr.getTime() - dep.getTime()) / 60_000),
+        stopsCount: Math.max(0, route.stops.length - 2),
+      },
+    });
+
+    await this.prisma.tripStopTime.deleteMany({ where: { scheduleId: id } });
+
+    let plannedTimes = dto.plannedTimes;
+    if (!plannedTimes || plannedTimes.length === 0) {
+      const totalDuration = arr.getTime() - dep.getTime();
+      const totalDistance = route.stops[route.stops.length - 1].distanceKm || 0;
+
+      plannedTimes = route.stops.map((stop, index) => {
+        let stopTime: Date;
+
+        if (index === 0) {
+          stopTime = dep;
+        } else if (index === route.stops.length - 1) {
+          stopTime = arr;
+        } else {
+          const stopDistance = stop.distanceKm || 0;
+          const progress = totalDistance > 0 ? stopDistance / totalDistance : index / (route.stops.length - 1);
+          stopTime = new Date(dep.getTime() + totalDuration * progress);
+        }
+
+        return {
+          sequence: stop.sequence,
+          plannedArrivalAt: index === 0 ? undefined : stopTime.toISOString(),
+          plannedDepartureAt: index === route.stops.length - 1 ? undefined : stopTime.toISOString(),
+        };
+      });
+    }
+
+    const plannedTimesMap = Object.fromEntries(
+      plannedTimes.map(t => [t.sequence, t]),
+    );
+    await this.routesService.applyRouteToSchedule(dto.routeId, id, plannedTimesMap);
+
+    return this.getSchedule(id);
+  }
+
+  updateScheduleStatus(id: string, dto: UpdateScheduleStatusDto) {
+    return this.prisma.trainSchedule.update({ where: { id }, data: { status: dto.status } });
+  }
+
+  async deleteSchedule(id: string) {
+    const schedule = await this.prisma.trainSchedule.findUnique({ where: { id } });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+    return this.prisma.trainSchedule.delete({ where: { id } });
+  }
+
+  getStops(scheduleId: string) {
+    return this.prisma.tripStopTime.findMany({
+      where: { scheduleId },
+      include: { station: true },
+      orderBy: { sequence: 'asc' },
+    });
+  }
+
+  async updateStop(scheduleId: string, sequence: number, dto: UpdateStopTimeDto) {
+    const stop = await this.prisma.tripStopTime.findUnique({
+      where: { scheduleId_sequence: { scheduleId, sequence } },
+    });
+    if (!stop) throw new NotFoundException(`Stop at sequence ${sequence} not found on schedule`);
+
+    return this.prisma.tripStopTime.update({
+      where: { scheduleId_sequence: { scheduleId, sequence } },
+      data: {
+        plannedArrivalAt: dto.plannedArrivalAt ? new Date(dto.plannedArrivalAt) : undefined,
+        plannedDepartureAt: dto.plannedDepartureAt ? new Date(dto.plannedDepartureAt) : undefined,
+        status: dto.status,
+      },
+      include: { station: true },
+    });
+  }
+
+  createFareRule(dto: CreateFareRuleDto) {
+    const { validFrom, validUntil, scheduleId, nationality, passengerCategory, ...rest } = dto;
+    return this.prisma.fareRule.create({
+      data: {
+        ...rest,
+        tripId: scheduleId,
+        nationality,
+        validFrom: new Date(validFrom),
+        validUntil: validUntil ? new Date(validUntil) : null,
+      },
+    });
+  }
+
+  createSegmentFareRule(dto: any) {
+    const { validFrom, validUntil, passengerCategory, ...rest } = dto;
+    return this.prisma.segmentFareRule.create({
+      data: {
+        ...rest,
+        validFrom: new Date(validFrom),
+        validUntil: validUntil ? new Date(validUntil) : null,
+      },
+      include: { seatClass: true, route: true },
+    });
+  }
+
+  getSegmentFares(routeId: string) {
+    return this.prisma.segmentFareRule.findMany({
+      where: { routeId },
+      include: { seatClass: true, route: true },
+      orderBy: [{ originStopSequence: 'asc' }, { destinationStopSequence: 'asc' }],
+    });
+  }
+
+  deleteSegmentFareRule(id: string) {
+    return this.prisma.segmentFareRule.delete({ where: { id } });
+  }
+
+  updateSegmentFareRule(id: string, dto: any) {
+    const { validFrom, validUntil, passengerCategory, ...rest } = dto;
+    return this.prisma.segmentFareRule.update({
+      where: { id },
+      data: {
+        ...rest,
+        validFrom: validFrom ? new Date(validFrom) : undefined,
+        validUntil: validUntil ? new Date(validUntil) : null,
+      },
+      include: { seatClass: true, route: true },
+    });
+  }
+
+  async getFareRules(scheduleId?: string) {
+    const where: any = {};
+    if (scheduleId) where.tripId = scheduleId;
+    
+    return this.prisma.fareRule.findMany({
+      where,
+      include: { seatClass: true },
+      orderBy: { createdAt: 'desc' },
+    });
+  }
+
+  getFareFromEngine(scheduleId: string, seatClassId: string, nationality?: string) {
+    return this.fareEngine.calculateForSchedule(scheduleId, seatClassId, nationality);
+  }
+
+  async getAllFaresFromEngine(scheduleId: string, nationality?: string) {
+    try {
+      const schedule = await this.prisma.trainSchedule.findUnique({
+        where: { id: scheduleId },
+        select: { routeId: true, originStationId: true, destinationStationId: true },
+      });
+      if (!schedule) throw new NotFoundException('Schedule not found');
+      if (!schedule.routeId) throw new BadRequestException('Schedule has no associated route');
+      
+      return await this.fareEngine.calculateAllForSchedule(scheduleId, nationality);
+    } catch (error) {
+      throw new BadRequestException(
+        error instanceof Error ? error.message : 'Failed to calculate fares for schedule'
+      );
+    }
+  }
+
+  async syncFaresFromEngine(scheduleId: string): Promise<{ synced: number; errors: string[] }> {
+    const results = await this.fareEngine.calculateAllForSchedule(scheduleId);
+    const errors: string[] = [];
+    let synced = 0;
+    const now = new Date();
+
+    for (const fare of results as any[]) {
+      try {
+        const seatClass = await this.prisma.seatClass.findFirst({ where: { name: fare.seatClassName } });
+        if (!seatClass) { errors.push(`Seat class not found: ${fare.seatClassName}`); continue; }
+
+        await this.prisma.fareRule.updateMany({
+          where: { tripId: scheduleId, seatClassId: seatClass.id, validUntil: null },
+          data: { validUntil: now },
+        });
+
+        await this.prisma.fareRule.create({
+          data: {
+            tripId: scheduleId,
+            seatClassId: seatClass.id,
+            baseFareMinor: fare.totalMinor,
+            currency: 'ETB',
+            validFrom: now,
+            validUntil: null,
+          },
+        });
+        synced++;
+      } catch (err) {
+        errors.push(`${fare.seatClassName}: ${err instanceof Error ? err.message : String(err)}`);
+      }
+    }
+
+    return { synced, errors };
+  }
+
+  async assignCoaches(
+    scheduleId: string,
+    coaches: Array<{ coachId: string; positionNumber: number }>,
+  ) {
+    const schedule = await this.prisma.trainSchedule.findUnique({ where: { id: scheduleId } });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    const coachIds = coaches.map(c => c.coachId);
+    const existingCoaches = await this.prisma.coach.findMany({
+      where: { id: { in: coachIds } },
+    });
+    if (existingCoaches.length !== coachIds.length) {
+      throw new NotFoundException('One or more coaches not found');
+    }
+
+    await this.prisma.coachAssignment.deleteMany({ where: { scheduleId } });
+
+    const data = coaches.map((c, idx) => ({
+      scheduleId,
+      coachId: c.coachId,
+      positionNumber: idx + 1,
+      isOperational: true,
+    }));
+
+    await this.prisma.coachAssignment.createMany({ data });
+
+    return { message: 'Coaches assigned successfully', count: coaches.length };
+  }
+
+  async getAssignedCoaches(scheduleId: string) {
+    return this.prisma.coachAssignment.findMany({
+      where: { scheduleId },
+      include: {
+        coach: {
+          include: {
+            seats: { orderBy: [{ row: 'asc' }, { col: 'asc' }] },
+          },
+        },
+      },
+      orderBy: { positionNumber: 'asc' },
+    });
+  }
+
+  async updateSchedulePartial(id: string, dto: UpdateScheduleDto) {
+    const schedule = await this.prisma.trainSchedule.findUnique({ where: { id } });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    const updateData: any = {};
+
+    if (dto.departureAt || dto.arrivalAt) {
+      const dep = dto.departureAt ? new Date(dto.departureAt) : new Date(schedule.departureAt);
+      const arr = dto.arrivalAt ? new Date(dto.arrivalAt) : new Date(schedule.arrivalAt);
+
+      if (arr <= dep) throw new BadRequestException('Arrival time must be after departure time');
+
+      updateData.departureAt = dep;
+      updateData.arrivalAt = arr;
+      updateData.durationMinutes = Math.round((arr.getTime() - dep.getTime()) / 60_000);
+    }
+
+    if (dto.status) {
+      updateData.status = dto.status;
+    }
+
+    if (Object.keys(updateData).length > 0) {
+      await this.prisma.trainSchedule.update({
+        where: { id },
+        data: updateData,
+      });
+    }
+
+    if (dto.coaches !== undefined) {
+      if (dto.coaches.length > 0) {
+        await this.assignCoaches(id, dto.coaches);
+      } else {
+        // Remove all coach assignments when empty array is sent
+        await this.prisma.coachAssignment.deleteMany({ where: { scheduleId: id } });
+      }
+    }
+
+    return this.getSchedule(id);
+  }
+
+  async removeCoachAssignment(scheduleId: string, coachId: string) {
+    const assignment = await this.prisma.coachAssignment.findFirst({
+      where: { scheduleId, coachId },
+    });
+    if (!assignment) throw new NotFoundException('Coach assignment not found');
+
+    await this.prisma.coachAssignment.delete({ where: { id: assignment.id } });
+    return { message: 'Coach assignment removed' };
+  }
+}
\ No newline at end of file
diff --git a/apps/edr-passenger-api/src/modules/search/search.controller.ts b/apps/edr-passenger-api/src/modules/search/search.controller.ts
new file mode 100644
index 000000000..b32f2f291
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/search/search.controller.ts
@@ -0,0 +1,67 @@
+import { Body, Controller, Post } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiResponse } from '@nestjs/swagger';
+import { SearchService } from './search.service';
+import { SearchTripsDto, FareQuoteDto } from './search.dto';
+
+@ApiTags('Search')
+@Controller('search')
+export class SearchController {
+  constructor(private service: SearchService) {}
+
+  @Post()
+  @ApiOperation({
+    summary: 'Search trips by origin, destination, date, passengers, and nationality',
+    description: `Finds all train schedules matching search criteria with real-time seat availability and coach type options.
+
+**Coach Type Selection Flow:**
+- Users browse available coach types (Economy, VIP, etc.)
+- Each coach type displays available seat classes and base fares
+- Users select a coach type to proceed to seat selection
+- At seat selection, users choose specific seat and class (actual price confirmed here)
+- Final fare may adjust based on seat position/amenities selected
+
+**Features:**
+- Any origin→destination stop pair (not just terminals)
+- Age-based passenger counts (adults ≥5 years, children <5 years)
+- Nationality filtering (Ethiopian, Djiboutian, Other)
+- Real-time seat availability per class
+- Multi-currency fare display
+- Segment-based availability (seat booked A→B still available B→D)`
+  })
+  @ApiResponse({ status: 200, description: 'Matching schedules with coachTypes array showing available coach types with seat classes and base fares' })
+  searchTrips(@Body() dto: SearchTripsDto) {
+    return this.service.searchTrips(dto);
+  }
+
+  @Post('fare-quote')
+  @ApiOperation({
+    summary: 'Get fare quote with age-based pricing and multi-currency support',
+    description: `Calculates detailed fare breakdown for a specific schedule leg.
+
+Age-Based Pricing:
+- ADULT (≥5 years): 100% of base fare
+- CHILD (<5 years): First child FREE, subsequent children 100%
+- Example: 2 adults + 3 children = 4× base fare
+
+Pricing Rules (priority order):
+1. Schedule-scoped FareRule (tripId = scheduleId)
+2. Segment route FareRule (e.g. ADD-DRE)
+3. Full-route FareRule (e.g. ADD-DJI)
+4. Default hardcoded fare
+
+Multi-Currency:
+- Transaction currency: ETB
+- Display currencies: ETB, DJF, USD
+- Real-time exchange rate conversion
+
+Nationality-Based:
+- Ethiopian: National ID verification required
+- Djiboutian: Passport details, Waafi payment available
+- Other: Passport details, international payments`
+  })
+  @ApiResponse({ status: 200, description: 'Fare breakdown with adult/child pricing, discounts, taxes, and currency conversion' })
+  @ApiResponse({ status: 404, description: 'Schedule not found or origin/destination not on schedule' })
+  getFareQuote(@Body() dto: FareQuoteDto) {
+    return this.service.getFareQuote(dto);
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/search/search.dto.ts b/apps/edr-passenger-api/src/modules/search/search.dto.ts
new file mode 100644
index 000000000..b1d4c371f
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/search/search.dto.ts
@@ -0,0 +1,97 @@
+import { IsString, IsDateString, IsInt, IsOptional, Min, IsEnum } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+import { Currency } from '@prisma/client';
+
+export class SearchTripsDto {
+  @ApiProperty({ example: 'station-uuid', description: 'Origin station UUID — any intermediate stop is valid, not just the terminal' })
+  @IsString() originStationId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Destination station UUID — must appear after origin in the stop sequence' })
+  @IsString() destinationStationId: string;
+
+  @ApiProperty({ example: '2026-06-15', description: 'Departure date (YYYY-MM-DD)' })
+  @IsDateString() date: string;
+
+  @ApiProperty({ example: 2, description: 'Number of adult passengers (age ≥5 years) - pay 100% of base fare' })
+  @Type(() => Number) @IsInt() @Min(1) adultCount: number;
+
+  @ApiPropertyOptional({ example: 1, description: 'Number of child passengers (age <5 years). First child travels FREE, subsequent children pay 100%.' })
+  @IsOptional() @Type(() => Number) @IsInt() @Min(0) childCount?: number;
+
+  @ApiPropertyOptional({ example: 'Ethiopian', description: 'Passenger nationality: Ethiopian (Verifayda verification), Djiboutian (Waafi payment), Other (international payments)' })
+  @IsOptional() @IsString() nationality?: string;
+
+  @ApiPropertyOptional({ example: 'ONE_WAY', enum: ['ONE_WAY', 'ROUND_TRIP'], description: 'Journey type: ONE_WAY or ROUND_TRIP' })
+  @IsOptional() @IsEnum(['ONE_WAY', 'ROUND_TRIP']) journeyType?: string;
+
+  @ApiPropertyOptional({ example: '2026-06-20', description: 'Return date (YYYY-MM-DD) — required for ROUND_TRIP, must be after outbound date' })
+  @IsOptional() @IsDateString() returnDate?: string;
+}
+
+export class FareQuoteDto {
+  @ApiProperty({ example: 'schedule-uuid', description: 'TrainSchedule UUID from search results' })
+  @IsString() scheduleId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Origin station UUID (must be a stop on the schedule)' })
+  @IsString() originStationId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Destination station UUID (must come after origin in stop sequence)' })
+  @IsString() destinationStationId: string;
+
+  @ApiProperty({ example: 'Economy Regular', description: 'Seat class name: "Economy Regular" | "Economy Bed" | "VIP Bed"' })
+  @IsString() seatClassName: string;
+
+  @ApiProperty({ example: 2, description: 'Number of adult passengers (≥5 years) - each pays 100% of base fare' })
+  @Type(() => Number) @IsInt() @Min(1) adultCount: number;
+
+  @ApiPropertyOptional({ example: 1, description: 'Number of child passengers (<5 years) - first child FREE, subsequent children 100%' })
+  @IsOptional() @Type(() => Number) @IsInt() @Min(0) childCount?: number;
+
+  @ApiPropertyOptional({ example: 'WEEKEND15' })
+  @IsOptional() @IsString() promoCode?: string;
+
+  @ApiPropertyOptional({ example: 450, description: 'Loyalty points to redeem (10 points = 1 ETB minor unit)' })
+  @IsOptional() @Type(() => Number) @IsInt() loyaltyRedemptionPoints?: number;
+
+  @ApiPropertyOptional({ example: 'USD', enum: Currency, description: 'Display currency: ETB (default), DJF, USD. Transaction always in ETB.' })
+  @IsOptional() @IsEnum(Currency) displayCurrency?: Currency;
+
+  @ApiPropertyOptional({ example: 'Ethiopian', description: 'Passenger nationality for payment method filtering' })
+  @IsOptional() @IsString() nationality?: string;
+
+  @ApiPropertyOptional({ example: 'schedule-uuid', description: 'Return schedule UUID (required for ROUND_TRIP journeys)' })
+  @IsOptional() @IsString() returnScheduleId?: string;
+
+  @ApiPropertyOptional({ example: 'station-uuid', description: 'Return origin station ID (required for ROUND_TRIP)' })
+  @IsOptional() @IsString() returnOriginStationId?: string;
+
+  @ApiPropertyOptional({ example: 'station-uuid', description: 'Return destination station ID (required for ROUND_TRIP)' })
+  @IsOptional() @IsString() returnDestinationStationId?: string;
+}
+
+export class CoachTypeOptionClass {
+  @ApiProperty({ example: 'Economy Regular', description: 'Seat class name' })
+  name: string;
+
+  @ApiProperty({ example: 35000, description: 'Base fare in ETB minor units per passenger' })
+  baseFareMinor: number;
+}
+
+export class CoachTypeOption {
+  @ApiProperty({ example: 'coach-type-uuid', description: 'Coach type unique identifier' })
+  coachTypeId: string;
+
+  @ApiProperty({ example: 'Economy', description: 'Coach type display name' })
+  coachTypeName: string;
+
+  @ApiProperty({ example: 'ECO', description: 'Coach type code' })
+  coachTypeCode: string;
+
+  @ApiProperty({
+    type: 'array',
+    items: { type: 'object', $ref: '#/components/schemas/CoachTypeOptionClass' },
+    description: 'Available seat classes within this coach type with base fares. User selects specific class at seat selection page.',
+  })
+  classes: CoachTypeOptionClass[];
+}
diff --git a/apps/edr-passenger-api/src/modules/search/search.module.ts b/apps/edr-passenger-api/src/modules/search/search.module.ts
new file mode 100644
index 000000000..baadcf90c
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/search/search.module.ts
@@ -0,0 +1,14 @@
+import { Module } from '@nestjs/common';
+import { SearchController } from './search.controller';
+import { SearchService } from './search.service';
+import { CurrencyModule } from '../currency/currency.module';
+import { FareEngineModule } from '../fare-engine/fare-engine.module';
+import { SegmentsModule } from '../segments/segments.module';
+
+@Module({
+  imports: [CurrencyModule, FareEngineModule, SegmentsModule],
+  controllers: [SearchController],
+  providers: [SearchService],
+  exports: [SearchService],
+})
+export class SearchModule {}
diff --git a/apps/edr-passenger-api/src/modules/search/search.service.ts b/apps/edr-passenger-api/src/modules/search/search.service.ts
new file mode 100644
index 000000000..7d237c18b
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/search/search.service.ts
@@ -0,0 +1,497 @@
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { SearchTripsDto, FareQuoteDto } from './search.dto';
+import { CurrencyService } from '../currency/currency.service';
+import { FareEngineService } from '../fare-engine/fare-engine.service';
+import { SegmentsService } from '../segments/segments.service';
+import { Currency } from '@prisma/client';
+
+const POINTS_TO_MINOR = 10;
+
+@Injectable()
+export class SearchService {
+  constructor(
+    private prisma: PrismaService,
+    private currencyService: CurrencyService,
+    private fareEngine: FareEngineService,
+    private segmentsService: SegmentsService,
+  ) {}
+
+  async searchTrips(dto: SearchTripsDto) {
+    const outbound = await this.searchSchedules(
+      dto.originStationId,
+      dto.destinationStationId,
+      dto.date,
+      dto.adultCount,
+      dto.childCount,
+      dto.nationality,
+    );
+
+    if (dto.journeyType === 'ROUND_TRIP') {
+      const allInbound = await this.searchSchedules(
+        dto.destinationStationId,
+        dto.originStationId,
+        dto.returnDate ?? dto.date,
+        dto.adultCount,
+        dto.childCount,
+        dto.nationality,
+      );
+
+      const latestOutboundArrival = outbound.length > 0
+        ? Math.max(...outbound.map((s) => new Date(s.arrivalAt).getTime()))
+        : Date.now();
+
+      const inbound = allInbound.filter((schedule) =>
+        new Date(schedule.departureAt).getTime() > latestOutboundArrival
+      );
+
+      return { journeyType: 'ROUND_TRIP', outbound, inbound };
+    }
+
+    return { journeyType: 'ONE_WAY', outbound };
+  }
+
+  private async searchSchedules(
+    originStationId: string,
+    destinationStationId: string,
+    dateStr: string,
+    adultCount: number,
+    childCount?: number,
+    nationality?: string,
+  ) {
+    const [y, m, d] = dateStr.split('-').map(Number);
+    const date = new Date(y, m - 1, d, 0, 0, 0, 0);
+    const nextDay = new Date(y, m - 1, d + 1, 0, 0, 0, 0);
+    const totalPassengers = adultCount + (childCount ?? 0);
+
+    const schedules = await this.prisma.trainSchedule.findMany({
+      where: {
+        status: { in: ['SCHEDULED', 'BOARDING'] },
+        departureAt: { gte: date, lt: nextDay },
+        stopTimes: { some: { stationId: originStationId } },
+      },
+      include: {
+        train: true,
+        originStation: true,
+        destinationStation: true,
+        stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } },
+        coachAssignments: {
+          include: { coach: { include: { seats: true, coachType: { include: { seatClasses: true } } } } },
+        },
+      },
+    });
+
+    const results = [];
+
+    for (const schedule of schedules) {
+      const originStop = schedule.stopTimes.find((s: any) => s.stationId === originStationId);
+      const destStop = schedule.stopTimes.find((s: any) => s.stationId === destinationStationId);
+
+      if (!originStop || !destStop || originStop.sequence >= destStop.sequence) continue;
+
+      const availabilityByClass: Record<string, number> = {};
+
+      for (const assignment of schedule.coachAssignments) {
+        const seatClassNames = assignment.coach.coachType?.seatClasses?.map((sc: any) => sc.name) || ['Standard'];
+        const isBedCoach = assignment.coach.seats.some((s: any) => s.bedPosition);
+
+        if (isBedCoach) {
+          const bedPositions = ['upper', 'middle', 'lower'];
+          for (const bedPosition of bedPositions) {
+            let count = 0;
+            for (const seat of assignment.coach.seats) {
+              if (seat.bedPosition !== bedPosition) continue;
+              if (seat.status === 'BLOCKED') continue;
+              if (!seat.seatNumber || !seat.seatNumber.trim()) continue;
+
+              const free = await this.segmentsService.isSeatFreeForLeg(
+                schedule.id, seat.id,
+                originStop.sequence, destStop.sequence,
+              );
+              if (free) count++;
+            }
+
+            if (count > 0) {
+              const matchingClass = seatClassNames.find((className: string) => {
+                const classNameLower = className.toLowerCase();
+                return (
+                  (bedPosition === 'upper' && classNameLower.includes('upper')) ||
+                  (bedPosition === 'middle' && classNameLower.includes('middle')) ||
+                  (bedPosition === 'lower' && classNameLower.includes('lower'))
+                );
+              });
+              if (matchingClass) {
+                if (!availabilityByClass[matchingClass]) availabilityByClass[matchingClass] = 0;
+                availabilityByClass[matchingClass] += count;
+              }
+            }
+          }
+        } else {
+          let availableSeatsInCoach = 0;
+          for (const seat of assignment.coach.seats) {
+            if (seat.status === 'BLOCKED') continue;
+            if (!seat.seatNumber || !seat.seatNumber.trim()) continue;
+
+            const free = await this.segmentsService.isSeatFreeForLeg(
+              schedule.id, seat.id,
+              originStop.sequence, destStop.sequence,
+            );
+            if (free) availableSeatsInCoach++;
+          }
+
+          for (const seatClassName of seatClassNames) {
+            if (!availabilityByClass[seatClassName]) availabilityByClass[seatClassName] = 0;
+            availabilityByClass[seatClassName] += availableSeatsInCoach;
+          }
+        }
+      }
+
+      const legDepartureAt = originStop.plannedDepartureAt ?? schedule.departureAt;
+      const legArrivalAt = destStop.plannedArrivalAt ?? schedule.arrivalAt;
+
+      const faresByClass = await this.calculateFaresForSegment(
+        schedule,
+        originStationId,
+        destinationStationId,
+        nationality,
+      );
+
+      const coachTypes = await this.buildCoachTypeDetails(schedule, faresByClass);
+
+      results.push({
+        scheduleId: schedule.id,
+        trainNumber: schedule.train.number,
+        trainName: schedule.train.name,
+        origin: {
+          id: originStop.stationId,
+          code: originStop.station.code,
+          name: originStop.station.name,
+          city: originStop.station.city,
+          sequence: originStop.sequence,
+        },
+        destination: {
+          id: destStop.stationId,
+          code: destStop.station.code,
+          name: destStop.station.name,
+          city: destStop.station.city,
+          sequence: destStop.sequence,
+        },
+        departureAt: legDepartureAt,
+        arrivalAt: legArrivalAt,
+        durationMinutes: Math.round(
+          (new Date(legArrivalAt).getTime() - new Date(legDepartureAt).getTime()) / 60_000,
+        ),
+        status: schedule.status,
+        stops: schedule.stopTimes
+          .filter((st: any) => st.sequence >= originStop.sequence && st.sequence <= destStop.sequence)
+          .map((st: any) => ({
+            stationId: st.stationId,
+            stationName: st.station.name,
+            sequence: st.sequence,
+            plannedArrivalAt: st.plannedArrivalAt,
+            plannedDepartureAt: st.plannedDepartureAt,
+          })),
+        availabilityByClass,
+        hasAvailability: Object.values(availabilityByClass).some(n => n >= totalPassengers),
+        faresByClass,
+        coachTypes,
+      });
+    }
+
+    return results;
+  }
+
+  async getFareQuote(dto: FareQuoteDto) {
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: dto.scheduleId },
+      include: {
+        originStation: true,
+        destinationStation: true,
+        stopTimes: { include: { station: true }, orderBy: { sequence: 'asc' } },
+      },
+    });
+    if (!schedule) throw new NotFoundException('Schedule not found');
+
+    const originStop = schedule.stopTimes.find((s: any) => s.stationId === dto.originStationId);
+    const destStop = schedule.stopTimes.find((s: any) => s.stationId === dto.destinationStationId);
+    if (!originStop || !destStop || originStop.sequence >= destStop.sequence) {
+      throw new NotFoundException('Origin or destination not found on this schedule');
+    }
+
+    const seatClass = await this.prisma.seatClass.findFirst({ where: { name: dto.seatClassName } });
+
+    const segmentRoute = `${originStop.station.code}-${destStop.station.code}`;
+    const fullRoute = `${schedule.originStation.code}-${schedule.destinationStation.code}`;
+    const now = new Date();
+    const nationality = dto.nationality;
+
+    const candidates = await this.prisma.fareRule.findMany({
+      where: {
+        seatClassId: seatClass?.id,
+        validFrom: { lte: now },
+        OR: [
+          { validUntil: null },
+          { validUntil: { gte: now } },
+        ],
+      },
+    });
+
+    const bestMatch = this.selectBestFareRule(
+      candidates,
+      dto.scheduleId,
+      segmentRoute,
+      fullRoute,
+      nationality,
+    );
+
+    const baseFareMinor = bestMatch?.baseFareMinor ?? this.defaultFare(dto.seatClassName);
+
+    const adultCount = dto.adultCount;
+    const childCount = dto.childCount ?? 0;
+    const adultFareMinor = baseFareMinor * adultCount;
+    const paidChildrenCount = Math.max(0, childCount - 1);
+    const childFareMinor = baseFareMinor * paidChildrenCount;
+    const totalBaseFareMinor = adultFareMinor + childFareMinor;
+
+    let discountMinor = 0;
+    if (dto.promoCode) {
+      const promo = await this.prisma.promotion.findUnique({ where: { code: dto.promoCode } });
+      if (promo?.active && promo.validUntil > now) {
+        discountMinor = promo.percentOff
+          ? Math.round(totalBaseFareMinor * promo.percentOff / 100)
+          : (promo.amountOffMinor ?? 0);
+      }
+    }
+
+    const loyaltyMinor = (dto.loyaltyRedemptionPoints ?? 0) * POINTS_TO_MINOR;
+    const taxesMinor = Math.round(totalBaseFareMinor * 0.05);
+    const totalMinor = Math.max(0, totalBaseFareMinor - discountMinor - loyaltyMinor + taxesMinor);
+
+    const displayCurrency = dto.displayCurrency ?? Currency.ETB;
+    const displayTotalMinor = displayCurrency !== Currency.ETB
+      ? await this.currencyService.convertAmount(totalMinor, Currency.ETB, displayCurrency)
+      : totalMinor;
+
+    return {
+      scheduleId: dto.scheduleId,
+      originStationId: dto.originStationId,
+      destinationStationId: dto.destinationStationId,
+      segmentRoute,
+      seatClassName: dto.seatClassName,
+      nationality: dto.nationality,
+      adultCount, childCount,
+      baseFareMinor, adultFareMinor, childFareMinor,
+      freeChildrenCount: Math.min(childCount, 1),
+      paidChildrenCount, totalBaseFareMinor,
+      discountMinor, loyaltyRedemptionMinor: loyaltyMinor,
+      taxesFeesMinor: taxesMinor, totalMinor,
+      currency: 'ETB', displayCurrency, displayTotalMinor,
+    };
+  }
+
+  private async calculateFaresForSegment(
+    schedule: any,
+    originStationId: string,
+    destinationStationId: string,
+    nationality?: string,
+  ): Promise<Array<{ seatClassName: string; baseFareMinor: number }>> {
+    const seatClassIds: string[] = Array.from(
+      new Set(
+        schedule.coachAssignments
+          .flatMap((a: any) => a.coach.coachType?.seatClasses || [])
+          .map((sc: any) => sc.id)
+          .filter((id: any) => id)
+      )
+    );
+
+    if (seatClassIds.length === 0) {
+      console.log(`No seat classes assigned to schedule ${schedule.id}`);
+      return [];
+    }
+
+    const seatClasses = await this.prisma.seatClass.findMany({
+      where: {
+        isActive: true,
+        id: { in: seatClassIds }
+      },
+      orderBy: { baseFareMinor: 'asc' },
+    });
+
+    if (seatClasses.length === 0) {
+      console.log(`No active seat classes for schedule ${schedule.id}`);
+      return [];
+    }
+
+    if (schedule.routeId) {
+      const results = await Promise.all(
+        seatClasses.map(async (sc) => {
+          try {
+            const fare = await this.fareEngine.calculate({
+              routeId: schedule.routeId,
+              originStationId,
+              destinationStationId,
+              seatClassId: sc.id,
+              nationality,
+            });
+            return {
+              seatClassName: fare.seatClassName,
+              baseFareMinor: fare.baseFarePerPassengerMinor,
+            };
+          } catch (error) {
+            console.error(`Failed to calculate fare for ${sc.name}:`, (error as Error).message);
+            return null;
+          }
+        }),
+      );
+
+      const validResults = results.filter((r): r is { seatClassName: string; baseFareMinor: number } => r !== null);
+      if (validResults.length > 0) {
+        return validResults;
+      }
+    }
+
+    const originStation = await this.prisma.station.findUnique({ where: { id: originStationId } });
+    const destStation = await this.prisma.station.findUnique({ where: { id: destinationStationId } });
+
+    if (originStation && destStation) {
+      const segmentRoute = `${originStation.code}-${destStation.code}`;
+      const now = new Date();
+
+      const fareRules = await this.prisma.fareRule.findMany({
+        where: {
+          route: segmentRoute,
+          seatClassId: { in: seatClassIds },
+          validFrom: { lte: now },
+          OR: [
+            { validUntil: null },
+            { validUntil: { gte: now } },
+          ],
+        },
+      });
+
+      if (fareRules.length > 0) {
+        console.log(`Found ${fareRules.length} fare rules for segment ${segmentRoute}`);
+        const seatClassMap = Object.fromEntries(seatClasses.map(sc => [sc.id, sc.name]));
+        return fareRules.map(rule => ({
+          seatClassName: seatClassMap[rule.seatClassId] || 'Unknown',
+          baseFareMinor: rule.baseFareMinor,
+        }));
+      }
+    }
+
+    console.log(`No fares found, using defaults for ${originStationId} to ${destinationStationId}`);
+    return seatClasses.map(sc => ({
+      seatClassName: sc.name,
+      baseFareMinor: this.getDefaultFareForClass(sc.name),
+    }));
+  }
+
+  private async buildCoachTypeDetails(
+    schedule: any,
+    faresByClass: Array<{ seatClassName: string; baseFareMinor: number }>,
+  ): Promise<Array<{
+    coachTypeId: string;
+    coachTypeName: string;
+    coachTypeCode: string;
+    classes: Array<{ name: string; baseFareMinor: number }>;
+  }>> {
+    const coachTypeMap = new Map<
+      string,
+      { coachType: any; classNames: Set<string> }
+    >();
+
+    for (const assignment of schedule.coachAssignments) {
+      const coachType = assignment.coach.coachType;
+      if (!coachType) continue;
+
+      if (!coachTypeMap.has(coachType.id)) {
+        coachTypeMap.set(coachType.id, {
+          coachType,
+          classNames: new Set(),
+        });
+      }
+
+      const entry = coachTypeMap.get(coachType.id)!;
+      coachType.seatClasses?.forEach((sc: any) => entry.classNames.add(sc.name));
+    }
+
+    const result = [];
+    for (const [, { coachType, classNames }] of coachTypeMap) {
+      const classes = Array.from(classNames)
+        .map((className) => {
+          const fareInfo = faresByClass.find((f) => f.seatClassName === className);
+          return {
+            name: className,
+            baseFareMinor: fareInfo?.baseFareMinor ?? this.getDefaultFareForClass(className),
+          };
+        })
+        .sort((a, b) => a.baseFareMinor - b.baseFareMinor);
+
+      result.push({
+        coachTypeId: coachType.id,
+        coachTypeName: coachType.name,
+        coachTypeCode: coachType.code,
+        classes,
+      });
+    }
+
+    return result.sort((a, b) => {
+      const minPriceA = Math.min(...a.classes.map((c) => c.baseFareMinor));
+      const minPriceB = Math.min(...b.classes.map((c) => c.baseFareMinor));
+      return minPriceA - minPriceB;
+    });
+  }
+
+  private getDefaultFareForClass(className: string): number {
+    const defaults: Record<string, number> = {
+      'Economy Regular': 35000,
+      'Economy Bed': 49000,
+      'VIP Bed': 63000,
+    };
+    return defaults[className] ?? 35000;
+  }
+
+  private defaultFare(seatClassName: string): number {
+    const fares: Record<string, number> = {
+      'Economy Regular': 45000,
+      'Economy Bed': 65000,
+      'VIP Bed': 95000,
+    };
+    return fares[seatClassName] ?? 45000;
+  }
+
+  private selectBestFareRule(
+    candidates: any[],
+    scheduleId: string,
+    segmentRoute: string,
+    fullRoute: string,
+    nationality?: string,
+  ): any | null {
+    const priorities = [
+      { tripId: scheduleId, route: segmentRoute, nationality },
+      { tripId: scheduleId, route: segmentRoute, nationality: null },
+      { tripId: scheduleId, route: fullRoute, nationality },
+      { tripId: scheduleId, route: fullRoute, nationality: null },
+      { tripId: scheduleId, route: null, nationality },
+      { tripId: scheduleId, route: null, nationality: null },
+      { tripId: null, route: segmentRoute, nationality },
+      { tripId: null, route: segmentRoute, nationality: null },
+      { tripId: null, route: fullRoute, nationality },
+      { tripId: null, route: fullRoute, nationality: null },
+      { tripId: null, route: null, nationality },
+      { tripId: null, route: null, nationality: null },
+    ];
+
+    for (const priority of priorities) {
+      const match = candidates.find(
+        (c) =>
+          c.tripId === priority.tripId &&
+          c.route === priority.route &&
+          c.nationality === priority.nationality,
+      );
+      if (match) return match;
+    }
+
+    return null;
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.controller.ts b/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.controller.ts
new file mode 100644
index 000000000..0ac25272d
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.controller.ts
@@ -0,0 +1,48 @@
+import { Body, Controller, Delete, Get, Param, Patch, Post, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiParam, ApiResponse, ApiBody } from '@nestjs/swagger';
+import { SeatClassesService } from './seat-classes.service';
+import { CreateSeatClassDto, UpdateSeatClassDto } from './seat-classes.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Seat Classes')
+@Controller('seat-classes')
+export class SeatClassesController {
+  constructor(private service: SeatClassesService) {}
+
+  @Get()
+  @ApiOperation({ summary: 'List all seat classes' })
+  @ApiResponse({ status: 200, description: 'Returns all seat classes with their coaches' })
+  listSeatClasses() { return this.service.listSeatClasses(); }
+
+  @Get(':id')
+  @ApiOperation({ summary: 'Get a seat class by ID' })
+  @ApiParam({ name: 'id', description: 'Seat class UUID' })
+  @ApiResponse({ status: 200, description: 'Returns seat class with its coaches' })
+  @ApiResponse({ status: 404, description: 'Seat class not found' })
+  getSeatClass(@Param('id') id: string) { return this.service.getSeatClass(id); }
+
+  @Post()
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Create a seat class' })
+  @ApiBody({ type: CreateSeatClassDto })
+  @ApiResponse({ status: 201, description: 'Seat class created' })
+  @ApiResponse({ status: 409, description: 'Seat class name already exists' })
+  createSeatClass(@Body() dto: CreateSeatClassDto) { return this.service.createSeatClass(dto); }
+
+  @Patch(':id')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update a seat class' })
+  @ApiParam({ name: 'id', description: 'Seat class UUID' })
+  @ApiBody({ type: UpdateSeatClassDto })
+  @ApiResponse({ status: 200, description: 'Seat class updated' })
+  @ApiResponse({ status: 404, description: 'Seat class not found' })
+  updateSeatClass(@Param('id') id: string, @Body() dto: UpdateSeatClassDto) { return this.service.updateSeatClass(id, dto); }
+
+  @Delete(':id')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Delete a seat class' })
+  @ApiParam({ name: 'id', description: 'Seat class UUID' })
+  @ApiResponse({ status: 200, description: 'Seat class deleted' })
+  @ApiResponse({ status: 404, description: 'Seat class not found' })
+  deleteSeatClass(@Param('id') id: string) { return this.service.deleteSeatClass(id); }
+}
diff --git a/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.dto.ts b/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.dto.ts
new file mode 100644
index 000000000..d12fe0fb6
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.dto.ts
@@ -0,0 +1,24 @@
+import { IsString, IsInt, IsBoolean, IsOptional } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional, PartialType } from '@nestjs/swagger';
+
+export class CreateSeatClassDto {
+  @ApiProperty({ example: 'Economy Seat' })
+  @IsString()
+  name: string;
+
+  @ApiPropertyOptional({ example: 'Standard economy seating' })
+  @IsOptional()
+  @IsString()
+  description?: string;
+
+  @ApiProperty({ example: 45000, description: 'Base price in minor currency units' })
+  @IsInt()
+  basePrice: number;
+
+  @ApiPropertyOptional({ example: true })
+  @IsOptional()
+  @IsBoolean()
+  isActive?: boolean;
+}
+
+export class UpdateSeatClassDto extends PartialType(CreateSeatClassDto) {}
diff --git a/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.module.ts b/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.module.ts
new file mode 100644
index 000000000..a7e8648e1
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.module.ts
@@ -0,0 +1,6 @@
+import { Module } from '@nestjs/common';
+import { SeatClassesController } from './seat-classes.controller';
+import { SeatClassesService } from './seat-classes.service';
+
+@Module({ controllers: [SeatClassesController], providers: [SeatClassesService], exports: [SeatClassesService] })
+export class SeatClassesModule {}
diff --git a/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.service.ts b/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.service.ts
new file mode 100644
index 000000000..3f2fafebf
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/seat-classes/seat-classes.service.ts
@@ -0,0 +1,38 @@
+import { Injectable, NotFoundException, ConflictException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+
+@Injectable()
+export class SeatClassesService {
+  constructor(private prisma: PrismaService) {}
+
+  listSeatClasses() {
+    return this.prisma.seatClass.findMany({ orderBy: { createdAt: 'asc' } });
+  }
+
+  async getSeatClass(id: string) {
+    const sc = await this.prisma.seatClass.findUnique({ where: { id } });
+    if (!sc) throw new NotFoundException('SeatClass not found');
+    return sc;
+  }
+
+  async createSeatClass(dto: any) {
+    try {
+      return await this.prisma.seatClass.create({ data: dto });
+    } catch (e: any) {
+      if (e.code === 'P2002') throw new ConflictException(`Seat class "${dto.name}" already exists`);
+      throw e;
+    }
+  }
+
+  async updateSeatClass(id: string, dto: any) {
+    const sc = await this.prisma.seatClass.findUnique({ where: { id } });
+    if (!sc) throw new NotFoundException('SeatClass not found');
+    return this.prisma.seatClass.update({ where: { id }, data: dto });
+  }
+
+  async deleteSeatClass(id: string) {
+    const sc = await this.prisma.seatClass.findUnique({ where: { id } });
+    if (!sc) throw new NotFoundException('SeatClass not found');
+    return this.prisma.seatClass.delete({ where: { id } });
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/seats/entities/seat.entity.ts b/apps/edr-passenger-api/src/modules/seats/entities/seat.entity.ts
deleted file mode 100644
index 353280473..000000000
--- a/apps/edr-passenger-api/src/modules/seats/entities/seat.entity.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { BaseEntity } from "@edr/api-common";
-import { Passenger } from "@edr/types";
-import { Column, Entity } from "typeorm";
-
-@Entity({ name: "seats" })
-export class Seat extends BaseEntity {
-  @Column({ name: "schedule_id", type: "uuid" })
-  scheduleId!: string;
-
-  @Column({ name: "seat_number", type: "varchar", length: 16 })
-  seatNumber!: string;
-
-  @Column({ name: "seat_class", type: "enum", enum: Passenger.SeatClass })
-  seatClass!: Passenger.SeatClass;
-
-  @Column({
-    name: "status",
-    type: "enum",
-    enum: Passenger.SeatStatus,
-    default: Passenger.SeatStatus.Available,
-  })
-  status!: Passenger.SeatStatus;
-
-  @Column({ name: "price", type: "numeric", precision: 10, scale: 2 })
-  price!: number;
-}
diff --git a/apps/edr-passenger-api/src/modules/seats/seats.controller.ts b/apps/edr-passenger-api/src/modules/seats/seats.controller.ts
index a120905f4..8914ca465 100644
--- a/apps/edr-passenger-api/src/modules/seats/seats.controller.ts
+++ b/apps/edr-passenger-api/src/modules/seats/seats.controller.ts
@@ -1,17 +1,138 @@
-import { Controller, Get, Param, ParseUUIDPipe } from "@nestjs/common";
-import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import { Body, Controller, Delete, Get, Param, Post, Patch, Query, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiParam, ApiQuery, ApiResponse } from '@nestjs/swagger';
+import { SeatsService } from './seats.service';
+import { HoldSeatsDto } from './seats.dto';
+import { JwtGuard } from '../../common/jwt.guard';
+import { IamGuard } from '../../common/iam-adapter';
 
-import { SeatsService } from "./seats.service";
-
-@ApiTags("seats")
-// @UseGuards(JwtAuthGuard) — TODO: integrate @edr/auth
-@Controller("seats")
+@ApiTags('Seats')
+@Controller('seats')
 export class SeatsController {
-  constructor(private readonly seatsService: SeatsService) {}
+  constructor(private service: SeatsService) {}
 
-  @Get("schedule/:scheduleId")
-  @ApiOperation({ summary: "List seats for a schedule" })
-  findBySchedule(@Param("scheduleId", ParseUUIDPipe) scheduleId: string) {
-    return this.seatsService.findBySchedule(scheduleId);
+  // ── Seat Map ──────────────────────────────────────────────────────────────
+  @Get('seatmap/:scheduleId')
+  @ApiOperation({ 
+    summary: 'Get seat map with real-time availability by class',
+    description: `Returns seat map for a schedule with availability by seat class:
+- Economy Regular
+- Economy Bed
+- VIP Bed
+
+Shows seat status: AVAILABLE, BOOKED, HELD, BLOCKED`
+  })
+  @ApiParam({ name: 'scheduleId', description: 'TrainSchedule UUID' })
+  @ApiQuery({ name: 'coachId', required: false, description: 'Filter by coach UUID' })
+  @ApiResponse({ status: 200, description: 'Returns coaches with seats and seat class info' })
+  getSeatMap(@Param('scheduleId') scheduleId: string, @Query('coachId') coachId?: string) { return this.service.getSeatMap(scheduleId, coachId); }
+
+  // ── Hold / Release ────────────────────────────────────────────────────────
+  @Get('holds')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({
+    summary: 'List active seat holds with full leg context',
+    description: `Returns all non-expired holds enriched with:
+- **schedule**: train number, departure/arrival, full route origin→destination
+- **leg**: the specific origin→destination this hold covers (station name, code, stop sequence)
+- **seats**: seat label, coach, seat class, row, col
+- **ttlSeconds**: seconds remaining before the hold expires
+
+This makes it clear which segment of the route each seat is held for, enabling segment-based reuse of the same seat on non-overlapping legs.`,
+  })
+  @ApiQuery({ name: 'scheduleId', required: false, description: 'Filter by TrainSchedule UUID' })
+  @ApiQuery({ name: 'passengerId', required: false, description: 'Filter by Passenger UUID' })
+  @ApiResponse({ status: 200, description: 'Active holds with schedule, leg, and seat details' })
+  getHolds(
+    @Query('scheduleId') scheduleId?: string,
+    @Query('passengerId') passengerId?: string,
+  ) { return this.service.getHolds(scheduleId, passengerId); }
+
+  @Get('holds/:holdId')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get a single hold with full leg context' })
+  @ApiParam({ name: 'holdId', description: 'SeatHold UUID' })
+  @ApiResponse({ status: 200, description: 'Hold with schedule, leg, and seat details' })
+  @ApiResponse({ status: 404, description: 'Hold not found' })
+  getHold(@Param('holdId') holdId: string) { return this.service.getHold(holdId); }
+
+  @Post('hold')
+  @ApiOperation({ 
+    summary: 'Hold seats for 15 minutes before booking (Public - Guest booking supported)',
+    description: `Temporarily reserves seats for a passenger to complete booking.
+
+**Features:**
+- 15-minute hold duration
+- Auto-release after expiry
+- Prevents double booking
+- Required before creating booking
+- **Public endpoint** - No authentication required (supports guest booking)`
+  })
+  @ApiResponse({ status: 201, description: 'Seats held successfully with holdId' })
+  @ApiResponse({ status: 409, description: 'One or more seats unavailable' })
+  holdSeats(@Body() dto: HoldSeatsDto) { return this.service.holdSeats(dto); }
+
+  @Delete('hold/:holdId')
+  @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Release a seat hold' })
+  @ApiParam({ name: 'holdId', description: 'Hold UUID' })
+  @ApiResponse({ status: 200, description: 'Hold released' })
+  @ApiResponse({ status: 404, description: 'Hold not found' })
+  releaseHold(@Param('holdId') holdId: string) { return this.service.releaseHold(holdId); }
+
+  // ── Seat Block / Unblock ───────────────────────────────────────────────────
+  @Post(':seatId/block')
+  @UseGuards(IamGuard) @ApiBearerAuth('IAM-auth')
+  @ApiOperation({ summary: 'Block a seat (e.g., maintenance, damage)' })
+  @ApiParam({ name: 'seatId', description: 'Seat UUID' })
+  @ApiResponse({ status: 200, description: 'Seat blocked' })
+  blockSeat(@Param('seatId') seatId: string, @Body() body: { reason: string }) {
+    return this.service.blockSeat(seatId, body.reason);
+  }
+
+  @Delete(':seatId/block')
+  @UseGuards(IamGuard) @ApiBearerAuth('IAM-auth')
+  @ApiOperation({ summary: 'Unblock a seat' })
+  @ApiParam({ name: 'seatId', description: 'Seat UUID' })
+  @ApiResponse({ status: 200, description: 'Seat unblocked' })
+  unblockSeat(@Param('seatId') seatId: string) {
+    return this.service.unblockSeat(seatId);
+  }
+
+  // ── Remove Seat ────────────────────────────────────────────────────────────
+  @Patch(':seatId/remove')
+  @UseGuards(IamGuard) @ApiBearerAuth('IAM-auth')
+  @ApiOperation({ summary: 'Remove a seat by marking with negative seatNumber' })
+  @ApiParam({ name: 'seatId', description: 'Seat UUID' })
+  @ApiResponse({ status: 200, description: 'Seat removed (seatNumber negated), shows as empty space' })
+  @ApiResponse({ status: 404, description: 'Seat not found' })
+  removeSeat(@Param('seatId') seatId: string) {
+    return this.service.removeSeat(seatId);
+  }
+
+  @Patch(':seatId/undo-remove')
+  @UseGuards(IamGuard) @ApiBearerAuth('IAM-auth')
+  @ApiOperation({ summary: 'Undo seat removal by restoring original seatNumber' })
+  @ApiParam({ name: 'seatId', description: 'Seat UUID' })
+  @ApiResponse({ status: 200, description: 'Seat restored (negative seatNumber removed)' })
+  @ApiResponse({ status: 404, description: 'Seat not found' })
+  @ApiResponse({ status: 400, description: 'Seat is not removed' })
+  undoRemoveSeat(@Param('seatId') seatId: string) {
+    return this.service.undoRemoveSeat(seatId);
+  }
+
+  @Get('export/csv/:scheduleId') @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth') @ApiOperation({ summary: 'Export seats as CSV' })
+  async exportCSV(@Param('scheduleId') scheduleId: string) {
+    const csv = await this.service.exportSeatsCSV(scheduleId);
+    return { csv, filename: `seats-${scheduleId}.csv` };
+  }
+
+  @Post('import/preview') @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth') @ApiOperation({ summary: 'Preview CSV import' })
+  previewCSV(@Body() body: { csv: string }) {
+    return this.service.previewSeatsCSV(body.csv);
+  }
+
+  @Post('import/commit') @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth') @ApiOperation({ summary: 'Commit CSV import' })
+  importCSV(@Body() body: { scheduleId: string; csv: string; commit: boolean }) {
+    return this.service.importSeatsCSV(body.scheduleId, body.csv, body.commit);
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/seats/seats.dto.ts b/apps/edr-passenger-api/src/modules/seats/seats.dto.ts
new file mode 100644
index 000000000..4818fe59f
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/seats/seats.dto.ts
@@ -0,0 +1,35 @@
+import { IsString, IsArray, ValidateNested } from 'class-validator';
+import { ApiProperty } from '@nestjs/swagger';
+import { Type } from 'class-transformer';
+
+export class PassengerSeatDto {
+  @ApiProperty({ example: 'passenger-uuid', description: 'Passenger UUID' })
+  @IsString() passengerId: string;
+
+  @ApiProperty({ example: 'seat-uuid', description: 'Seat UUID assigned to this passenger' })
+  @IsString() seatId: string;
+}
+
+export class HoldSeatsDto {
+  @ApiProperty({ example: 'schedule-uuid', description: 'TrainSchedule UUID' })
+  @IsString() scheduleId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Origin station UUID — scopes the hold to a leg so the seat can be reused on non-overlapping legs' })
+  @IsString() originStationId: string;
+
+  @ApiProperty({ example: 'station-uuid', description: 'Destination station UUID for this leg' })
+  @IsString() destinationStationId: string;
+
+  @ApiProperty({
+    type: [PassengerSeatDto],
+    description: 'One entry per passenger. Each passenger is assigned exactly one seat. Duplicate passengerId or seatId within the same request is rejected.',
+    example: [
+      { passengerId: 'passenger-uuid-1', seatId: 'seat-uuid-1' },
+      { passengerId: 'passenger-uuid-2', seatId: 'seat-uuid-2' },
+    ],
+  })
+  @IsArray()
+  @ValidateNested({ each: true })
+  @Type(() => PassengerSeatDto)
+  passengers: PassengerSeatDto[];
+}
diff --git a/apps/edr-passenger-api/src/modules/seats/seats.module.ts b/apps/edr-passenger-api/src/modules/seats/seats.module.ts
index 98d2c5dd7..a21797e0f 100644
--- a/apps/edr-passenger-api/src/modules/seats/seats.module.ts
+++ b/apps/edr-passenger-api/src/modules/seats/seats.module.ts
@@ -1,12 +1,12 @@
-import { Module } from "@nestjs/common";
-import { TypeOrmModule } from "@nestjs/typeorm";
-
-import { Seat } from "./entities/seat.entity";
-import { SeatsController } from "./seats.controller";
-import { SeatsService } from "./seats.service";
+import { Module } from '@nestjs/common';
+import { HttpModule } from '@nestjs/axios';
+import { SeatsController } from './seats.controller';
+import { SeatsService } from './seats.service';
+import { SegmentsModule } from '../segments/segments.module';
+import { IamModule } from '../../common/iam.module';
 
 @Module({
-  imports: [TypeOrmModule.forFeature([Seat])],
+  imports: [SegmentsModule, HttpModule, IamModule],
   controllers: [SeatsController],
   providers: [SeatsService],
   exports: [SeatsService],
diff --git a/apps/edr-passenger-api/src/modules/seats/seats.service.spec.ts b/apps/edr-passenger-api/src/modules/seats/seats.service.spec.ts
new file mode 100644
index 000000000..2a3b84539
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/seats/seats.service.spec.ts
@@ -0,0 +1,82 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { SeatsService } from './seats.service';
+import { PrismaService } from '../../common/prisma.service';
+import { ConflictException } from '@nestjs/common';
+
+describe('SeatsService - Auto Assign', () => {
+  let service: SeatsService;
+  let prisma: PrismaService;
+
+  const mockPrisma = {
+    seat: {
+      findMany: jest.fn(),
+      updateMany: jest.fn(),
+    },
+  };
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      providers: [
+        SeatsService,
+        { provide: PrismaService, useValue: mockPrisma },
+      ],
+    }).compile();
+
+    service = module.get<SeatsService>(SeatsService);
+    prisma = module.get<PrismaService>(PrismaService);
+    jest.clearAllMocks();
+  });
+
+  describe('autoAssignSeats', () => {
+    it('should assign contiguous seats in same row', async () => {
+      const mockSeats = [
+        { id: 'seat-1', coachId: 'coach-1', row: 1, col: 'A' },
+        { id: 'seat-2', coachId: 'coach-1', row: 1, col: 'B' },
+        { id: 'seat-3', coachId: 'coach-1', row: 1, col: 'C' },
+        { id: 'seat-4', coachId: 'coach-1', row: 2, col: 'A' },
+      ];
+
+      mockPrisma.seat.findMany.mockResolvedValue(mockSeats);
+
+      const result = await service.autoAssignSeats('trip-1', 2, 'ECONOMY_REGULAR');
+
+      expect(result).toHaveLength(2);
+      expect(result).toEqual(['seat-1', 'seat-2']);
+    });
+
+    it('should throw error if not enough seats available', async () => {
+      mockPrisma.seat.findMany.mockResolvedValue([
+        { id: 'seat-1', coachId: 'coach-1', row: 1, col: 'A' },
+      ]);
+
+      await expect(
+        service.autoAssignSeats('trip-1', 3, 'ECONOMY_REGULAR'),
+      ).rejects.toThrow(ConflictException);
+    });
+
+    it('should respect eligibility filter', async () => {
+      const mockSeats = [
+        { id: 'seat-1', coachId: 'coach-1', row: 1, col: 'A', eligibility: 'ACCESSIBLE' },
+        { id: 'seat-2', coachId: 'coach-1', row: 1, col: 'B', eligibility: 'ACCESSIBLE' },
+      ];
+
+      mockPrisma.seat.findMany.mockResolvedValue(mockSeats);
+
+      const result = await service.autoAssignSeats('trip-1', 2, 'ECONOMY_REGULAR', 'ACCESSIBLE');
+
+      expect(result).toHaveLength(2);
+    });
+
+    it('should assign single seat', async () => {
+      const mockSeats = [
+        { id: 'seat-1', coachId: 'coach-1', row: 1, col: 'A' },
+      ];
+
+      mockPrisma.seat.findMany.mockResolvedValue(mockSeats);
+
+      const result = await service.autoAssignSeats('trip-1', 1, 'ECONOMY_REGULAR');
+
+      expect(result).toEqual(['seat-1']);
+    });
+  });
+});
diff --git a/apps/edr-passenger-api/src/modules/seats/seats.service.ts b/apps/edr-passenger-api/src/modules/seats/seats.service.ts
index 8fd33b103..88f9666bd 100644
--- a/apps/edr-passenger-api/src/modules/seats/seats.service.ts
+++ b/apps/edr-passenger-api/src/modules/seats/seats.service.ts
@@ -1,21 +1,562 @@
-import { Injectable } from "@nestjs/common";
-import { InjectRepository } from "@nestjs/typeorm";
-import { Repository } from "typeorm";
-
-import { Seat } from "./entities/seat.entity";
+import { Injectable, ConflictException, NotFoundException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { HoldSeatsDto } from './seats.dto';
+import { Cron, CronExpression } from '@nestjs/schedule';
+import { SegmentsService } from '../segments/segments.service';
 
 @Injectable()
 export class SeatsService {
   constructor(
-    @InjectRepository(Seat)
-    private readonly seatsRepository: Repository<Seat>,
+    private prisma: PrismaService,
+    private segmentsService: SegmentsService,
   ) {}
 
-  /** List every seat on a given schedule, ordered by seat number. */
-  findBySchedule(scheduleId: string): Promise<Seat[]> {
-    return this.seatsRepository.find({
-      where: { scheduleId },
-      order: { seatNumber: "ASC" },
+  async getSeatMap(scheduleId: string, coachId?: string) {
+    const assignments = await this.prisma.coachAssignment.findMany({
+      where: { scheduleId, ...(coachId ? { coachId } : {}) },
+      include: {
+        coach: {
+          include: {
+            seats: { orderBy: [{ row: 'asc' }, { col: 'asc' }] },
+            coachType: { include: { seatClasses: true } },
+          },
+        },
+      },
+      orderBy: { positionNumber: 'asc' },
     });
+
+    console.log(`[getSeatMap] scheduleId=${scheduleId}, coachId=${coachId}, found ${assignments.length} coach assignments`);
+
+    const allSeatIds = assignments.flatMap((a: any) => a.coach.seats.map((s: any) => s.id));
+    const effectiveStatuses = await this.resolveEffectiveStatuses(scheduleId, allSeatIds);
+
+    const response = {
+      coaches: assignments.map((a) => {
+        const allSeats = a.coach.seats;
+        const seatClassNames = a.coach.coachType.seatClasses.map((sc: any) => sc.name);
+        
+        return {
+          id: a.coach.id,
+          assignmentId: a.id,
+          coachNumber: a.coach.number,
+          label: a.coach.number,
+          mode: a.coach.status,
+          name: `Coach ${a.coach.number}`,
+          seatClasses: seatClassNames,
+          seatClass: seatClassNames.length > 0 ? seatClassNames[0] : 'Standard',
+          positionNumber: a.positionNumber,
+          seatArrangement: a.coach.arrangement,
+          totalSeats: a.coach.capacity,
+          seats: allSeats.map((s) => ({
+            id: s.id,
+            seatNumber: s.seatNumber,
+            number: s.seatNumber,
+            label: s.seatNumber,
+            status: effectiveStatuses.get(s.id) ?? s.status,
+            kind: s.kind,
+            row: s.row,
+            col: s.col,
+            isWindow: s.isWindow,
+            isAisle: s.isAisle,
+            bedPosition: s.bedPosition,
+            coach: {
+              id: a.coach.id,
+              coachNumber: a.coach.number,
+              label: a.coach.number,
+            },
+          })),
+        };
+      }),
+    };
+
+    console.log(`[getSeatMap] returning ${response.coaches.length} coaches with seats`);
+    return response;
+  }
+
+  async resolveEffectiveStatuses(
+    scheduleId: string,
+    seatIds: string[],
+  ): Promise<Map<string, string>> {
+    const statusMap = new Map<string, string>();
+
+    if (seatIds.length === 0) return statusMap;
+
+    const activeHolds = await this.prisma.seatHold.findMany({
+      where: {
+        scheduleId,
+        expiresAt: { gt: new Date() },
+        seatIds: { hasSome: seatIds },
+      },
+      select: { seatIds: true },
+    });
+    for (const hold of activeHolds) {
+      for (const seatId of hold.seatIds) {
+        if (seatIds.includes(seatId)) statusMap.set(seatId, 'HELD');
+      }
+    }
+
+    const bookedSegments = await this.prisma.journeySegment.findMany({
+      where: {
+        scheduleId,
+        seatId: { in: seatIds },
+        journey: { status: { in: ['CONFIRMED', 'PENDING_PAYMENT'] } },
+      },
+      select: { seatId: true },
+    });
+    for (const seg of bookedSegments) {
+      if (seg.seatId) statusMap.set(seg.seatId, 'BOOKED');
+    }
+
+    return statusMap;
+  }
+
+  async holdSeats(dto: HoldSeatsDto) {
+    const passengerIds = dto.passengers.map(p => p.passengerId);
+    const seatIds      = dto.passengers.map(p => p.seatId);
+
+    if (new Set(passengerIds).size !== passengerIds.length)
+      throw new BadRequestException('Duplicate passengerId in passengers list');
+    if (new Set(seatIds).size !== seatIds.length)
+      throw new BadRequestException('Duplicate seatId in passengers list');
+
+    const expiresAt = new Date(Date.now() + 5 * 60 * 1000);
+
+    const hold = await this.prisma.$transaction(async (tx) => {
+      const seats = await tx.seat.findMany({
+        where: { id: { in: seatIds } },
+        select: { id: true, status: true, seatNumber: true },
+      });
+
+      if (seats.length !== seatIds.length) {
+        const found = new Set(seats.map(s => s.id));
+        const missing = seatIds.filter(id => !found.has(id));
+        throw new NotFoundException(`Seat(s) not found: ${missing.join(', ')}`);
+      }
+
+      const blocked = seats.filter(s => s.status === 'BLOCKED');
+      if (blocked.length > 0)
+        throw new ConflictException(`Seat(s) ${blocked.map(s => s.seatNumber).join(', ')} are blocked`);
+
+      const seatLabelById = Object.fromEntries(seats.map(s => [s.id, s.seatNumber]));
+
+      const stopTimes = await tx.tripStopTime.findMany({
+        where: { scheduleId: dto.scheduleId },
+        select: { stationId: true, sequence: true },
+      });
+      const seqOf = (stationId: string) =>
+        stopTimes.find(s => s.stationId === stationId)?.sequence;
+
+      const reqFrom = seqOf(dto.originStationId);
+      const reqTo   = seqOf(dto.destinationStationId);
+
+      if (reqFrom === undefined || reqTo === undefined)
+        throw new BadRequestException('Origin or destination station not found');
+      if (reqFrom >= reqTo)
+        throw new BadRequestException('Origin must come before destination');
+
+      const activeHolds = await tx.seatHold.findMany({
+        where: { scheduleId: dto.scheduleId, expiresAt: { gt: new Date() } },
+        select: { seatIds: true, createdBy: true },
+      });
+
+      const parsedHolds: { seatIds: string[]; from: number; to: number; passengerIds: string[] }[] = [];
+      for (const h of activeHolds) {
+        try {
+          if (h.createdBy?.trimStart().startsWith('{')) {
+            const meta = JSON.parse(h.createdBy);
+            const holdFrom = seqOf(meta.originStationId);
+            const holdTo   = seqOf(meta.destinationStationId);
+            if (holdFrom !== undefined && holdTo !== undefined) {
+              parsedHolds.push({
+                seatIds:      h.seatIds,
+                from:         holdFrom,
+                to:           holdTo,
+                passengerIds: (meta.passengers ?? []).map((p: any) => p.passengerId),
+              });
+            }
+          }
+        } catch { /* ignore */ }
+      }
+
+      for (const { passengerId, seatId } of dto.passengers) {
+        for (const hold of parsedHolds) {
+          const legsOverlap = hold.from < reqTo && reqFrom < hold.to;
+          if (!legsOverlap) continue;
+
+          if (hold.seatIds.includes(seatId)) {
+            throw new ConflictException(
+              `Seat ${seatLabelById[seatId]} is already held for this leg`,
+            );
+          }
+
+          if (hold.passengerIds.includes(passengerId)) {
+            throw new ConflictException(
+              `Passenger already holds a seat on this journey leg`,
+            );
+          }
+        }
+      }
+
+      const holdMeta = {
+        originStationId:      dto.originStationId,
+        destinationStationId: dto.destinationStationId,
+        passengers: dto.passengers.map(p => ({ passengerId: p.passengerId, seatId: p.seatId })),
+      };
+
+      return tx.seatHold.create({
+        data: {
+          scheduleId:  dto.scheduleId,
+          passengerId: dto.passengers[0].passengerId,
+          seatIds,
+          createdBy:   JSON.stringify(holdMeta),
+          expiresAt,
+        },
+      });
+    });
+
+    return this.enrichHold(hold);
+  }
+
+  async getHolds(scheduleId?: string, passengerId?: string) {
+    const holds = await this.prisma.seatHold.findMany({
+      where: {
+        expiresAt: { gt: new Date() },
+        ...(scheduleId  ? { scheduleId }  : {}),
+        ...(passengerId ? { passengerId } : {}),
+      },
+      orderBy: { createdAt: 'desc' },
+    });
+    return Promise.all(holds.map(h => this.enrichHold(h)));
+  }
+
+  async getHold(holdId: string) {
+    const hold = await this.prisma.seatHold.findUnique({ where: { id: holdId } });
+    if (!hold) throw new NotFoundException('Hold not found');
+    return this.enrichHold(hold);
+  }
+
+  private async enrichHold(hold: any) {
+    let originStationId: string | null = null;
+    let destinationStationId: string | null = null;
+    let passengerSeatMap: { passengerId: string; seatId: string }[] = [];
+
+    try {
+      if (hold.createdBy) {
+        const raw = hold.createdBy;
+        if (typeof raw === 'string' && raw.trimStart().startsWith('{')) {
+          const meta = JSON.parse(raw);
+          originStationId      = meta.originStationId      ?? null;
+          destinationStationId = meta.destinationStationId ?? null;
+          passengerSeatMap     = Array.isArray(meta.passengers) ? meta.passengers : [];
+        }
+      }
+    } catch { /* ignore */ }
+
+    const seatIds = hold.seatIds as string[];
+
+    const [schedule, originStation, destinationStation, seats] = await Promise.all([
+      this.prisma.trainSchedule.findUnique({
+        where: { id: hold.scheduleId },
+        include: { train: true, originStation: true, destinationStation: true },
+      }),
+      originStationId      ? this.prisma.station.findUnique({ where: { id: originStationId } })      : null,
+      destinationStationId ? this.prisma.station.findUnique({ where: { id: destinationStationId } }) : null,
+      this.prisma.seat.findMany({
+        where: { id: { in: seatIds } },
+        include: { coach: true },
+      }),
+    ]);
+
+    let originSequence: number | null = null;
+    let destinationSequence: number | null = null;
+    if (originStationId && destinationStationId) {
+      const stopTimes = await this.prisma.tripStopTime.findMany({
+        where: { scheduleId: hold.scheduleId, stationId: { in: [originStationId, destinationStationId] } },
+        select: { stationId: true, sequence: true },
+      });
+      originSequence      = stopTimes.find(s => s.stationId === originStationId)?.sequence      ?? null;
+      destinationSequence = stopTimes.find(s => s.stationId === destinationStationId)?.sequence ?? null;
+    }
+
+    const seatById = Object.fromEntries(seats.map(s => [s.id, s]));
+
+    const passengers = passengerSeatMap.length > 0
+      ? passengerSeatMap.map(({ passengerId, seatId }) => {
+          const s = seatById[seatId];
+          return {
+            passengerId,
+            seat: s ? {
+              id:         s.id,
+              label:      s.seatNumber,
+              seatNumber: s.seatNumber,
+              coach:      s.coach.number,
+              seatClass:  'Standard',
+              row:        s.row,
+              col:        s.col,
+            } : { id: seatId },
+          };
+        })
+      : seatIds.map(seatId => {
+          const s = seatById[seatId];
+          return {
+            passengerId: hold.passengerId,
+            seat: s ? {
+              id:         s.id,
+              label:      s.seatNumber,
+              seatNumber: s.seatNumber,
+              coach:      s.coach.number,
+              seatClass:  'Standard',
+              row:        s.row,
+              col:        s.col,
+            } : { id: seatId },
+          };
+        });
+
+    return {
+      holdId:     hold.id,
+      expiresAt:  hold.expiresAt,
+      createdAt:  hold.createdAt,
+      ttlSeconds: Math.max(0, Math.floor((hold.expiresAt.getTime() - Date.now()) / 1000)),
+      schedule: schedule ? {
+        id:                   schedule.id,
+        trainNumber:          schedule.train.number,
+        trainName:            schedule.train.name,
+        departureAt:          schedule.departureAt,
+        arrivalAt:            schedule.arrivalAt,
+        fullRouteOrigin:      schedule.originStation.name,
+        fullRouteDestination: schedule.destinationStation.name,
+      } : null,
+      leg: {
+        originStationId,
+        originStationName:      originStation?.name ?? null,
+        originStationCode:      originStation?.code ?? null,
+        originSequence,
+        destinationStationId,
+        destinationStationName: destinationStation?.name ?? null,
+        destinationStationCode: destinationStation?.code ?? null,
+        destinationSequence,
+      },
+      passengers,
+    };
+  }
+
+  async releaseHold(holdId: string) {
+    const hold = await this.prisma.seatHold.findUnique({ where: { id: holdId } });
+    if (!hold) throw new NotFoundException('Hold not found');
+    await this.prisma.seatHold.delete({ where: { id: holdId } });
+    return { released: true, holdId };
+  }
+
+  async confirmSeats(seatIds: string[]) {
+    // No-op
+  }
+
+  async releaseSeats(seatIds: string[]) {
+    if (seatIds.length > 0) {
+      await this.prisma.journeySegment.deleteMany({
+        where: { seatId: { in: seatIds } },
+      });
+    }
+  }
+
+  async autoAssignSeats(scheduleId: string, count: number, seatClassName: string): Promise<string[]> {
+    const seats = await this.prisma.seat.findMany({
+      where: {
+        coach: { assignments: { some: { scheduleId } } },
+        status: 'AVAILABLE',
+        seatNumber: { not: '' },
+        NOT: { seatNumber: { startsWith: '-' } },
+      },
+      orderBy: [{ coach: { number: 'asc' } }, { row: 'asc' }, { col: 'asc' }],
+    });
+
+    if (seats.length < count) {
+      throw new ConflictException(`Only ${seats.length} seats available, requested ${count}`);
+    }
+
+    const assigned = this.findContiguousSeats(seats, count);
+    return assigned.map((s) => s.id);
+  }
+
+  private findContiguousSeats(seats: any[], count: number): any[] {
+    if (count === 1) return [seats[0]];
+
+    const grouped = new Map<string, any[]>();
+    for (const seat of seats) {
+      const key = `${seat.coachId}-${seat.row}`;
+      if (!grouped.has(key)) grouped.set(key, []);
+      grouped.get(key)!.push(seat);
+    }
+
+    for (const rowSeats of grouped.values()) {
+      if (rowSeats.length >= count) {
+        return rowSeats.slice(0, count);
+      }
+    }
+
+    return seats.slice(0, count);
+  }
+
+  async exportSeatsCSV(scheduleId: string): Promise<string> {
+    const assignments = await this.prisma.coachAssignment.findMany({
+      where: { scheduleId },
+      include: { coach: { include: { seats: { orderBy: [{ row: 'asc' }, { col: 'asc' }] } } } },
+    });
+    const rows = ['coachId,coachLabel,row,col,seatNumber,kind,status,premiumFeeMinor'];
+    for (const a of assignments) {
+      for (const seat of a.coach.seats) {
+        rows.push(`${a.coach.id},${a.coach.number},${seat.row},${seat.col},${seat.seatNumber},${seat.kind},${seat.status},${seat.premiumFeeMinor}`);
+      }
+    }
+    return rows.join('\n');
+  }
+
+  async previewSeatsCSV(csvContent: string): Promise<{ valid: number; invalid: number; errors: string[] }> {
+    const lines = csvContent.trim().split('\n').slice(1);
+    const errors: string[] = [];
+    let valid = 0;
+    let invalid = 0;
+
+    for (let i = 0; i < lines.length; i++) {
+      const parts = lines[i].split(',');
+      if (parts.length < 8) {
+        errors.push(`Line ${i + 2}: Invalid format`);
+        invalid++;
+        continue;
+      }
+      const [coachId, coachLabel, row, col, seatNumber, kind, status, premiumFeeMinor] = parts;
+      if (!coachId || !row || !col || !seatNumber) {
+        errors.push(`Line ${i + 2}: Missing required fields`);
+        invalid++;
+        continue;
+      }
+      valid++;
+    }
+
+    return { valid, invalid, errors: errors.slice(0, 10) };
+  }
+
+  async importSeatsCSV(scheduleId: string, csvContent: string, commit: boolean): Promise<{ imported: number; errors: string[] }> {
+    const lines = csvContent.trim().split('\n').slice(1);
+    const errors: string[] = [];
+    let imported = 0;
+
+    if (!commit) {
+      return { imported: 0, errors: ['Preview mode'] };
+    }
+
+    for (let i = 0; i < lines.length; i++) {
+      try {
+        const parts = lines[i].split(',');
+        const [coachId, coachLabel, row, col, seatNumber, kind, status, premiumFeeMinor] = parts;
+
+        await this.prisma.seat.upsert({
+          where: { coachId_row_col: { coachId, row: parseInt(row), col } },
+          update: {
+            seatNumber,
+            kind: kind as any,
+            status: status as any,
+            premiumFeeMinor: parseInt(premiumFeeMinor) || 0,
+          },
+          create: {
+            coachId,
+            row: parseInt(row),
+            col,
+            seatNumber,
+            kind: kind as any,
+            status: status as any,
+            premiumFeeMinor: parseInt(premiumFeeMinor) || 0,
+          },
+        });
+        imported++;
+      } catch (err) {
+        errors.push(`Line ${i + 2}: ${err instanceof Error ? err.message : String(err)}`);
+      }
+    }
+
+    return { imported, errors: errors.slice(0, 10) };
+  }
+
+  async blockSeat(seatId: string, reason: string) {
+    const seat = await this.prisma.seat.findUnique({ where: { id: seatId } });
+    if (!seat) throw new NotFoundException('Seat not found');
+
+    await this.prisma.seat.update({
+      where: { id: seatId },
+      data: { status: 'BLOCKED' },
+    });
+
+    await this.prisma.seatBlock.create({
+      data: {
+        seatId,
+        reason,
+        blockedBy: 'system',
+      },
+    });
+
+    return { blocked: true, seatId, reason };
+  }
+
+  async unblockSeat(seatId: string) {
+    const seat = await this.prisma.seat.findUnique({ where: { id: seatId } });
+    if (!seat) throw new NotFoundException('Seat not found');
+
+    await this.prisma.seat.update({
+      where: { id: seatId },
+      data: { status: 'AVAILABLE' },
+    });
+
+    await this.prisma.seatBlock.deleteMany({
+      where: { seatId },
+    });
+
+    return { unblocked: true, seatId };
+  }
+
+  async removeSeat(seatId: string) {
+    const seat = await this.prisma.seat.findUnique({ where: { id: seatId } });
+    if (!seat) throw new NotFoundException('Seat not found');
+    if (!seat.seatNumber) throw new BadRequestException('Seat already removed');
+
+    // Mark removed seat with negative seatNumber (e.g., '1' → '-1') to show empty space
+    const negatedNumber = `-${seat.seatNumber}`;
+    await this.prisma.seat.update({
+      where: { id: seatId },
+      data: { seatNumber: negatedNumber },
+    });
+
+    return { removed: true, seatId, originalSeatNumber: seat.seatNumber };
+  }
+
+  async undoRemoveSeat(seatId: string) {
+    const seat = await this.prisma.seat.findUnique({ where: { id: seatId } });
+    if (!seat) throw new NotFoundException('Seat not found');
+    if (!seat.seatNumber || !seat.seatNumber.startsWith('-')) {
+      throw new BadRequestException('Seat is not removed');
+    }
+
+    // Restore original seatNumber by removing the negative sign
+    const originalNumber = seat.seatNumber.slice(1);
+    await this.prisma.seat.update({
+      where: { id: seatId },
+      data: { seatNumber: originalNumber },
+    });
+
+    return { restored: true, seatId, seatNumber: originalNumber };
+  }
+
+  @Cron(CronExpression.EVERY_MINUTE)
+  async expireHolds() {
+    const expired = await this.prisma.seatHold.findMany({ where: { expiresAt: { lt: new Date() } } });
+    for (const hold of expired) { 
+      await this.releaseSeats(hold.seatIds);
+      try {
+        await this.prisma.seatHold.delete({ where: { id: hold.id } });
+      } catch (err) {
+        if (err instanceof Error && !err.message.includes('P2025')) {
+          throw err;
+        }
+      }
+    }
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/segments/booking-flow-example.ts b/apps/edr-passenger-api/src/modules/segments/booking-flow-example.ts
new file mode 100644
index 000000000..7e912a6e2
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/segments/booking-flow-example.ts
@@ -0,0 +1,238 @@
+/**
+ * SEGMENT-BASED SEAT RESERVATION EXAMPLE
+ *
+ * Demonstrates the complete flow for booking Addis Ababa → Dire Dawa
+ * on the Addis Ababa → Djibouti route with segment-based seat management.
+ *
+ * Route: Addis Ababa (seq:1) → Adama (seq:2) → Awash (seq:3) → Dire Dawa (seq:4) → Aysha (seq:5) → Djibouti (seq:6)
+ * Booking: Addis Ababa → Dire Dawa (segments: 1→2, 2→3, 3→4)
+ */
+
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+async function exampleBookingFlow() {
+  console.log('=== SEGMENT-BASED BOOKING FLOW ===\n');
+
+  const scheduleId = 'schedule_add_dji_001';
+  const passengerId = 'passenger_kelemu';
+  const seatIds = ['seat_coach_a_1a', 'seat_coach_a_1b'];
+  const originStationId = 'st_ADD';
+  const destinationStationId = 'st_DRE';
+
+  try {
+    console.log('1. Checking seat availability...');
+    const segments = await getJourneySegments(scheduleId, originStationId, destinationStationId);
+    console.log('Journey segments:', segments.map(s => `${s.fromName} → ${s.toName}`));
+
+    console.log('\n2. Holding seats...');
+    const holdResult = await holdSeatsTransaction(scheduleId, seatIds, passengerId, originStationId, destinationStationId);
+    console.log('Hold created:', holdResult);
+
+    console.log('\n3. Processing payment...');
+    await new Promise(resolve => setTimeout(resolve, 5000));
+
+    console.log('\n4. Confirming booking...');
+    const bookingId = 'booking_' + Date.now();
+    const confirmResult = await confirmBookingTransaction(holdResult.holdId, bookingId, segments);
+    console.log('Booking confirmed:', confirmResult);
+
+    console.log('\n5. Simulating trip progress...');
+    await simulateTripProgress(scheduleId, segments);
+
+  } catch (error) {
+    console.error('Booking flow error:', error);
+  }
+}
+
+async function getJourneySegments(scheduleId: string, originStationId: string, destinationStationId: string) {
+  const stopTimes = await prisma.tripStopTime.findMany({
+    where: { scheduleId },
+    include: { station: true },
+    orderBy: { sequence: 'asc' },
+  });
+
+  const originStop = stopTimes.find(st => st.stationId === originStationId);
+  const destinationStop = stopTimes.find(st => st.stationId === destinationStationId);
+
+  if (!originStop || !destinationStop || originStop.sequence >= destinationStop.sequence) {
+    throw new Error('Invalid origin/destination');
+  }
+
+  const segments = [];
+  for (let i = originStop.sequence; i < destinationStop.sequence; i++) {
+    const fromStop = stopTimes.find(st => st.sequence === i);
+    const toStop = stopTimes.find(st => st.sequence === i + 1);
+    if (fromStop && toStop) {
+      segments.push({
+        fromStationId: fromStop.stationId,
+        toStationId: toStop.stationId,
+        fromSequence: fromStop.sequence,
+        toSequence: toStop.sequence,
+        fromName: fromStop.station.name,
+        toName: toStop.station.name,
+      });
+    }
+  }
+  return segments;
+}
+
+async function holdSeatsTransaction(scheduleId: string, seatIds: string[], passengerId: string, originStationId: string, destinationStationId: string) {
+  return prisma.$transaction(async (tx) => {
+    console.log('  → Starting seat hold transaction...');
+
+    const seats = await tx.seat.findMany({ where: { id: { in: seatIds } }, include: { coach: true } });
+    if (seats.length !== seatIds.length) throw new Error('Some seats not found');
+
+    for (const seat of seats) {
+      if (seat.status !== 'AVAILABLE') {
+        throw new Error(`Seat ${seat.seatNumber} is not available (status: ${seat.status})`);
+      }
+    }
+
+    const expiresAt = new Date(Date.now() + 10 * 60 * 1000);
+    const seatHold = await tx.seatHold.create({
+      data: { scheduleId, seatIds, passengerId, expiresAt },
+    });
+
+    await tx.seat.updateMany({ where: { id: { in: seatIds } }, data: { status: 'HELD', heldUntil: expiresAt } });
+
+    console.log('  → Seats held successfully');
+    return { holdId: seatHold.id, expiresAt, seats: seatIds.length };
+  });
+}
+
+async function confirmBookingTransaction(holdId: string, bookingId: string, segments: any[]) {
+  return prisma.$transaction(async (tx) => {
+    console.log('  → Starting booking confirmation transaction...');
+
+    const hold = await tx.seatHold.findUnique({ where: { id: holdId } });
+    if (!hold || hold.expiresAt < new Date()) throw new Error('Hold expired or not found');
+
+    const booking = await tx.booking.create({
+      data: {
+        id: bookingId,
+        bookingRef: 'BK' + Date.now().toString().slice(-6),
+        passengerId: hold.passengerId,
+        scheduleId: hold.scheduleId,
+        status: 'CONFIRMED',
+        totalMinor: 45000,
+        currency: 'ETB',
+      },
+    });
+
+    const journey = await tx.journey.create({
+      data: { passengerId: hold.passengerId, status: 'CONFIRMED', totalMinor: 45000, currency: 'ETB' },
+    });
+
+    for (const seatId of hold.seatIds) {
+      for (let i = 0; i < segments.length; i++) {
+        await tx.journeySegment.create({
+          data: {
+            journeyId: journey.id,
+            scheduleId: hold.scheduleId,
+            segmentOrder: i + 1,
+            seatId,
+            departureStationId: segments[i].fromStationId,
+            arrivalStationId: segments[i].toStationId,
+          },
+        });
+      }
+    }
+
+    for (const seatId of hold.seatIds) {
+      await tx.bookingSeat.create({ data: { bookingId, seatId, passengerName: 'Kelemu Ketsela' } });
+    }
+
+    await tx.seat.updateMany({ where: { id: { in: hold.seatIds } }, data: { status: 'BOOKED', heldUntil: null } });
+    await tx.seatHold.delete({ where: { id: holdId } });
+
+    console.log('  → Booking confirmed successfully');
+    return { bookingId, bookingRef: booking.bookingRef, confirmedSeats: hold.seatIds.length, segments: segments.length };
+  });
+}
+
+async function simulateTripProgress(scheduleId: string, bookedSegments: any[]) {
+  console.log('  → Simulating trip progress...');
+
+  for (const segment of bookedSegments) {
+    console.log(`  → Train approaching ${segment.toName}...`);
+
+    await prisma.tripLiveStatus.upsert({
+      where: { scheduleId },
+      update: { currentLocationLabel: segment.toName, progressPercent: Math.round((segment.toSequence / 4) * 100) },
+      create: {
+        scheduleId,
+        state: 'EN_ROUTE',
+        currentLocationLabel: segment.toName,
+        progressPercent: Math.round((segment.toSequence / 4) * 100),
+        delayMinutes: 0,
+      },
+    });
+
+    if (segment.toName === 'Dire Dawa') {
+      console.log('  → Passengers reached destination, releasing seats...');
+      await releaseSeatsAtStation(scheduleId, segment.toStationId);
+    }
+
+    await new Promise(resolve => setTimeout(resolve, 2000));
+  }
+}
+
+async function releaseSeatsAtStation(scheduleId: string, stationId: string) {
+  return prisma.$transaction(async (tx) => {
+    const completedSegments = await tx.journeySegment.findMany({
+      where: { scheduleId, arrivalStationId: stationId },
+      include: { journey: { include: { journeySegments: { where: { scheduleId } } } } },
+    });
+
+    const seatsToRelease: string[] = [];
+
+    for (const segment of completedSegments) {
+      const passengerSegments = segment.journey.journeySegments.filter((js: any) => js.seatId === segment.seatId);
+      const maxOrder = Math.max(...passengerSegments.map((js: any) => js.segmentOrder));
+      if (segment.segmentOrder === maxOrder) seatsToRelease.push(segment.seatId!);
+    }
+
+    if (seatsToRelease.length > 0) {
+      await tx.seat.updateMany({ where: { id: { in: seatsToRelease } }, data: { status: 'AVAILABLE' } });
+      console.log(`  → Released ${seatsToRelease.length} seats at station`);
+    }
+
+    return seatsToRelease;
+  });
+}
+
+async function checkOverlappingReservations(tx: any, scheduleId: string, seatId: string, segments: any[]) {
+  const activeHolds = await tx.seatHold.findMany({
+    where: { scheduleId, seatIds: { has: seatId }, expiresAt: { gt: new Date() } },
+  });
+
+  const activeBookings = await tx.journeySegment.findMany({
+    where: {
+      scheduleId,
+      seatId,
+      journey: { status: { in: ['PENDING_PAYMENT', 'CONFIRMED'] } },
+    },
+  });
+
+  return [...activeHolds, ...activeBookings];
+}
+
+if (require.main === module) {
+  exampleBookingFlow()
+    .then(() => console.log('\n=== EXAMPLES COMPLETED ==='))
+    .catch(console.error)
+    .finally(() => prisma.$disconnect());
+}
+
+export {
+  exampleBookingFlow,
+  getJourneySegments,
+  holdSeatsTransaction,
+  confirmBookingTransaction,
+  simulateTripProgress,
+  releaseSeatsAtStation,
+  checkOverlappingReservations,
+};
diff --git a/apps/edr-passenger-api/src/modules/segments/enhanced-seats.service.ts b/apps/edr-passenger-api/src/modules/segments/enhanced-seats.service.ts
new file mode 100644
index 000000000..406c9e61b
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/segments/enhanced-seats.service.ts
@@ -0,0 +1,208 @@
+import { Injectable, BadRequestException, ConflictException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { SegmentsService, Segment } from '../segments/segments.service';
+import { EventEmitter2 } from '@nestjs/event-emitter';
+
+export interface SeatHoldRequest {
+  scheduleId: string;
+  seatIds: string[];
+  passengerId: string;
+  originStationId: string;
+  destinationStationId: string;
+}
+
+export interface BookingConfirmRequest {
+  holdId: string;
+  bookingId: string;
+}
+
+@Injectable()
+export class EnhancedSeatsService {
+  constructor(
+    private prisma: PrismaService,
+    private segmentsService: SegmentsService,
+    private eventEmitter: EventEmitter2,
+  ) {}
+
+  async holdSeats(request: SeatHoldRequest) {
+    return this.prisma.$transaction(async (tx) => {
+      const segments = await this.segmentsService.getJourneySegments(
+        request.scheduleId, request.originStationId, request.destinationStationId,
+      );
+      const reqFrom = Math.min(...segments.map(s => s.fromSequence));
+      const reqTo   = Math.max(...segments.map(s => s.toSequence));
+
+      for (const seatId of request.seatIds) {
+        const seat = await tx.seat.findUnique({ where: { id: seatId } });
+        if (!seat) throw new BadRequestException(`Seat ${seatId} not found`);
+        if (seat.status === 'BLOCKED') throw new BadRequestException(`Seat ${seat.seatNumber} is blocked`);
+
+        const free = await this.segmentsService.isSeatFreeForLeg(
+          request.scheduleId, seatId, reqFrom, reqTo,
+        );
+        if (!free) throw new ConflictException(`Seat ${seat.seatNumber} is not available for the requested leg`);
+      }
+
+      const expiresAt = new Date(Date.now() + 10 * 60 * 1000);
+      const seatHold = await tx.seatHold.create({
+        data: {
+          scheduleId:  request.scheduleId,
+          seatIds:     request.seatIds,
+          passengerId: request.passengerId,
+          createdBy: JSON.stringify({
+            originStationId:      request.originStationId,
+            destinationStationId: request.destinationStationId,
+          }),
+          expiresAt,
+        },
+      });
+
+      this.eventEmitter.emit('seats.held', { holdId: seatHold.id, scheduleId: request.scheduleId, seatIds: request.seatIds, segments });
+      return { holdId: seatHold.id, expiresAt, segments, seats: request.seatIds };
+    });
+  }
+
+  async confirmBooking(request: BookingConfirmRequest) {
+    return this.prisma.$transaction(async (tx) => {
+      const hold = await tx.seatHold.findUnique({ where: { id: request.holdId } });
+      if (!hold) throw new BadRequestException('Seat hold not found');
+      if (hold.expiresAt < new Date()) throw new BadRequestException('Seat hold has expired');
+
+      const booking = await tx.booking.findUnique({ where: { id: request.bookingId } });
+      if (!booking) throw new BadRequestException('Booking not found');
+
+      const schedule = await tx.trainSchedule.findUnique({
+        where: { id: hold.scheduleId },
+        include: { stopTimes: { orderBy: { sequence: 'asc' } } },
+      });
+      if (!schedule) throw new BadRequestException('Schedule not found');
+
+      let originStationId: string | undefined;
+      let destinationStationId: string | undefined;
+      try {
+        if (hold.createdBy) {
+          const meta = JSON.parse(hold.createdBy);
+          originStationId      = meta.originStationId;
+          destinationStationId = meta.destinationStationId;
+        }
+      } catch { /* ignore */ }
+
+      const originStop = originStationId ? schedule.stopTimes.find((s: any) => s.stationId === originStationId) : undefined;
+      const destStop = destinationStationId ? schedule.stopTimes.find((s: any) => s.stationId === destinationStationId) : undefined;
+      const fromSeq = originStop?.sequence ?? schedule.stopTimes[0].sequence;
+      const toSeq = destStop?.sequence ?? schedule.stopTimes[schedule.stopTimes.length - 1].sequence;
+
+      const segments: Segment[] = [];
+      for (let i = fromSeq; i < toSeq; i++) {
+        const fromStop = schedule.stopTimes.find((s: any) => s.sequence === i);
+        const toStop = schedule.stopTimes.find((s: any) => s.sequence === i + 1);
+        if (fromStop && toStop) {
+          segments.push({
+            fromStationId: fromStop.stationId,
+            toStationId: toStop.stationId,
+            fromSequence: fromStop.sequence,
+            toSequence: toStop.sequence,
+            fromName: '',
+            toName: '',
+          });
+        }
+      }
+
+      const journey = await tx.journey.create({
+        data: { passengerId: hold.passengerId, status: 'CONFIRMED', totalMinor: booking.totalMinor, currency: booking.currency },
+      });
+
+      for (const seatId of hold.seatIds) {
+        for (let i = 0; i < segments.length; i++) {
+          await tx.journeySegment.create({
+            data: {
+              journeyId: journey.id,
+              scheduleId: hold.scheduleId,
+              segmentOrder: i + 1,
+              seatId,
+              departureStationId: segments[i].fromStationId,
+              arrivalStationId: segments[i].toStationId,
+            },
+          });
+        }
+      }
+
+      await tx.seatHold.delete({ where: { id: request.holdId } });
+
+      this.eventEmitter.emit('booking.confirmed', { bookingId: request.bookingId, scheduleId: hold.scheduleId, seatIds: hold.seatIds, segments });
+      return { bookingId: request.bookingId, confirmedSeats: hold.seatIds, segments };
+    });
+  }
+
+  async releaseSeats(scheduleId: string, currentStationId: string) {
+    return this.prisma.$transaction(async (tx) => {
+      const completedSegments = await tx.journeySegment.findMany({
+        where: { scheduleId, arrivalStationId: currentStationId },
+        include: { journey: { include: { journeySegments: { where: { scheduleId } } } } },
+      });
+
+      const seatsToRelease: string[] = [];
+      for (const segment of completedSegments) {
+        const allSegments = segment.journey.journeySegments.filter((js: any) => js.seatId === segment.seatId);
+        const maxSegmentOrder = Math.max(...allSegments.map((js: any) => js.segmentOrder));
+        if (segment.segmentOrder === maxSegmentOrder) seatsToRelease.push(segment.seatId!);
+      }
+
+      if (seatsToRelease.length > 0) {
+        await tx.seat.updateMany({ where: { id: { in: seatsToRelease } }, data: { status: 'AVAILABLE' } });
+        this.eventEmitter.emit('seats.released', { scheduleId, stationId: currentStationId, releasedSeats: seatsToRelease });
+      }
+
+      return { releasedSeats: seatsToRelease, stationId: currentStationId };
+    });
+  }
+
+  async expireHolds() {
+    return this.prisma.$transaction(async (tx) => {
+      const expiredHolds = await tx.seatHold.findMany({ where: { expiresAt: { lt: new Date() } } });
+      const expiredSeatIds = expiredHolds.flatMap(h => h.seatIds);
+
+      if (expiredSeatIds.length > 0) {
+        await tx.seat.updateMany({ where: { id: { in: expiredSeatIds } }, data: { status: 'AVAILABLE', heldUntil: null } });
+        await tx.seatHold.deleteMany({ where: { expiresAt: { lt: new Date() } } });
+        this.eventEmitter.emit('holds.expired', { expiredHolds: expiredHolds.length, releasedSeats: expiredSeatIds });
+      }
+
+      return { expiredHolds: expiredHolds.length, releasedSeats: expiredSeatIds };
+    });
+  }
+
+  async getSeatAvailability(scheduleId: string, originStationId: string, destinationStationId: string) {
+    const segments = await this.segmentsService.getJourneySegments(scheduleId, originStationId, destinationStationId);
+    const reqFrom = Math.min(...segments.map(s => s.fromSequence));
+    const reqTo   = Math.max(...segments.map(s => s.toSequence));
+
+    const schedule = await this.prisma.trainSchedule.findUnique({
+      where: { id: scheduleId },
+      include: { coachAssignments: { include: { coach: { include: { seats: true } } } } },
+    });
+    if (!schedule) throw new BadRequestException('Schedule not found');
+
+    const availableSeats = [];
+    for (const assignment of schedule.coachAssignments) {
+      for (const seat of assignment.coach.seats) {
+        if (seat.status === 'BLOCKED') continue;
+        const free = await this.segmentsService.isSeatFreeForLeg(scheduleId, seat.id, reqFrom, reqTo);
+        if (free) {
+          availableSeats.push({
+            id: seat.id, label: seat.seatNumber,
+            coach: assignment.coach.number,
+            seatClass: 'Standard',
+            row: seat.row, col: seat.col,
+            kind: seat.kind,
+            isWindow: seat.isWindow,
+            isAisle: seat.isAisle,
+            bedPosition: seat.bedPosition,
+          });
+        }
+      }
+    }
+
+    return { segments, availableSeats, totalAvailable: availableSeats.length };
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/segments/segments.controller.ts b/apps/edr-passenger-api/src/modules/segments/segments.controller.ts
new file mode 100644
index 000000000..cd62a3064
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/segments/segments.controller.ts
@@ -0,0 +1,51 @@
+import { Controller, Post, Get, Body, Query } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiResponse } from '@nestjs/swagger';
+import { EnhancedSeatsService } from './enhanced-seats.service';
+import { ConfirmBookingDto, SeatAvailabilityDto, ReleaseSeatsDto } from './segments.dto';
+
+@ApiTags('Segment-based Seats')
+@Controller('segments/seats')
+export class SegmentSeatsController {
+  constructor(private enhancedSeatsService: EnhancedSeatsService) {}
+
+  @Post('confirm')
+  @ApiOperation({
+    summary: 'Confirm booking — convert hold to reservation',
+    description: 'Call after payment succeeds. Converts the SeatHold (created via POST /seats/hold) into JourneySegment records scoped to the passenger\'s leg.',
+  })
+  @ApiResponse({ status: 200, description: 'Booking confirmed, JourneySegments created for the held leg' })
+  @ApiResponse({ status: 400, description: 'Hold expired or booking not found' })
+  confirmBooking(@Body() dto: ConfirmBookingDto) {
+    return this.enhancedSeatsService.confirmBooking(dto);
+  }
+
+  @Post('release')
+  @ApiOperation({
+    summary: 'Release seats when train reaches a station',
+    description: 'Called by the live tracking system when the train departs a station. Frees seats for passengers whose journey ended at that station.',
+  })
+  @ApiResponse({ status: 200, description: 'Seats released for passengers who reached their destination' })
+  releaseSeats(@Body() dto: ReleaseSeatsDto) {
+    return this.enhancedSeatsService.releaseSeats(dto.scheduleId, dto.currentStationId);
+  }
+
+  @Get('availability')
+  @ApiOperation({
+    summary: 'Get available seats for a specific leg',
+    description: 'Returns seats that have no overlapping reservation for the requested origin→destination leg. A seat booked A→B is shown as available for B→D.',
+  })
+  @ApiResponse({ status: 200, description: 'Available seats with coach, seat class, row, col, window/aisle/bed flags' })
+  getSeatAvailability(@Query() dto: SeatAvailabilityDto) {
+    return this.enhancedSeatsService.getSeatAvailability(dto.scheduleId, dto.originStationId, dto.destinationStationId);
+  }
+
+  @Post('expire-holds')
+  @ApiOperation({
+    summary: 'Expire stale seat holds (background job)',
+    description: 'Removes holds past their expiry time. Called by the scheduler every minute.',
+  })
+  @ApiResponse({ status: 200, description: 'Expired holds removed' })
+  expireHolds() {
+    return this.enhancedSeatsService.expireHolds();
+  }
+}
\ No newline at end of file
diff --git a/apps/edr-passenger-api/src/modules/segments/segments.dto.ts b/apps/edr-passenger-api/src/modules/segments/segments.dto.ts
new file mode 100644
index 000000000..3cc335c11
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/segments/segments.dto.ts
@@ -0,0 +1,27 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { IsString, IsArray, IsOptional } from 'class-validator';
+
+export class HoldSeatsDto {
+  @ApiProperty({ example: 'schedule-uuid' }) @IsString() scheduleId: string;
+  @ApiProperty({ example: ['seat_1', 'seat_2'] }) @IsArray() @IsString({ each: true }) seatIds: string[];
+  @ApiProperty({ example: 'passenger-uuid' }) @IsString() passengerId: string;
+  @ApiProperty({ example: 'st_ADD' }) @IsString() originStationId: string;
+  @ApiProperty({ example: 'st_DJI' }) @IsString() destinationStationId: string;
+  @ApiPropertyOptional({ example: 'quote-uuid' }) @IsOptional() @IsString() fareQuoteId?: string;
+}
+
+export class ConfirmBookingDto {
+  @ApiProperty({ example: 'hold-uuid' }) @IsString() holdId: string;
+  @ApiProperty({ example: 'booking-uuid' }) @IsString() bookingId: string;
+}
+
+export class SeatAvailabilityDto {
+  @ApiProperty({ example: 'schedule-uuid' }) @IsString() scheduleId: string;
+  @ApiProperty({ example: 'st_ADD' }) @IsString() originStationId: string;
+  @ApiProperty({ example: 'st_DJI' }) @IsString() destinationStationId: string;
+}
+
+export class ReleaseSeatsDto {
+  @ApiProperty({ example: 'schedule-uuid' }) @IsString() scheduleId: string;
+  @ApiProperty({ example: 'st_DJI' }) @IsString() currentStationId: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/segments/segments.module.ts b/apps/edr-passenger-api/src/modules/segments/segments.module.ts
new file mode 100644
index 000000000..f82da7fa9
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/segments/segments.module.ts
@@ -0,0 +1,22 @@
+import { Module } from '@nestjs/common';
+import { SegmentsService } from './segments.service';
+import { EnhancedSeatsService } from './enhanced-seats.service';
+import { TripProgressService } from './trip-progress.service';
+import { SegmentSeatsController } from './segments.controller';
+import { PrismaService } from '../../common/prisma.service';
+
+@Module({
+  controllers: [SegmentSeatsController],
+  providers: [
+    SegmentsService,
+    EnhancedSeatsService,
+    TripProgressService,
+    PrismaService
+  ],
+  exports: [
+    SegmentsService,
+    EnhancedSeatsService,
+    TripProgressService
+  ]
+})
+export class SegmentsModule {}
\ No newline at end of file
diff --git a/apps/edr-passenger-api/src/modules/segments/segments.service.ts b/apps/edr-passenger-api/src/modules/segments/segments.service.ts
new file mode 100644
index 000000000..2eef0302e
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/segments/segments.service.ts
@@ -0,0 +1,169 @@
+import { Injectable, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+
+export interface Segment {
+  fromStationId: string;
+  toStationId: string;
+  fromSequence: number;
+  toSequence: number;
+  fromName: string;
+  toName: string;
+}
+
+@Injectable()
+export class SegmentsService {
+  constructor(private prisma: PrismaService) {}
+
+  async getJourneySegments(
+    scheduleId: string,
+    originStationId: string,
+    destinationStationId: string,
+  ): Promise<Segment[]> {
+    const stopTimes = await this.prisma.tripStopTime.findMany({
+      where: { scheduleId },
+      include: { station: true },
+      orderBy: { sequence: 'asc' },
+    });
+
+    const originStop = stopTimes.find(st => st.stationId === originStationId);
+    const destStop   = stopTimes.find(st => st.stationId === destinationStationId);
+
+    if (!originStop || !destStop) {
+      throw new BadRequestException('Origin or destination station not found on this schedule');
+    }
+    if (originStop.sequence >= destStop.sequence) {
+      throw new BadRequestException('Origin must come before destination');
+    }
+
+    const segments: Segment[] = [];
+    for (let i = originStop.sequence; i < destStop.sequence; i++) {
+      const fromStop = stopTimes.find(st => st.sequence === i);
+      const toStop   = stopTimes.find(st => st.sequence === i + 1);
+      if (fromStop && toStop) {
+        segments.push({
+          fromStationId: fromStop.stationId,
+          toStationId:   toStop.stationId,
+          fromSequence:  fromStop.sequence,
+          toSequence:    toStop.sequence,
+          fromName:      fromStop.station.name,
+          toName:        toStop.station.name,
+        });
+      }
+    }
+    return segments;
+  }
+
+  /**
+   * Checks whether a seat is free for the requested leg [reqFrom, reqTo).
+   *
+   * Overlap rule (strict):  existingFrom < reqTo  AND  reqFrom < existingTo
+   *
+   * This means two journeys that TOUCH at a boundary do NOT conflict:
+   *   P1: A(1) → B(2)   reqFrom=1, reqTo=2
+   *   P2: B(2) → D(4)   reqFrom=2, reqTo=4
+   *   Check P1 vs P2: 1 < 4 AND 2 < 2  →  true AND false  →  NO conflict ✓
+   *
+   *   P3: A(1) → D(4)   reqFrom=1, reqTo=4
+   *   Check P3 vs P2: 1 < 4 AND 2 < 4  →  true AND true   →  CONFLICT ✓
+   *
+   * Sources checked:
+   *   1. Active SeatHolds  — leg decoded from createdBy JSON ({ originStationId, destinationStationId })
+   *   2. Active JourneySegments — per-leg rows for CONFIRMED / PENDING_PAYMENT journeys
+   */
+  async isSeatFreeForLeg(
+    scheduleId: string,
+    seatId: string,
+    reqFrom: number,
+    reqTo: number,
+  ): Promise<boolean> {
+    // ── Load stop-time sequences once ────────────────────────────────────────
+    const stopTimes = await this.prisma.tripStopTime.findMany({
+      where: { scheduleId },
+      select: { stationId: true, sequence: true },
+    });
+    const seqOf = (stationId: string) =>
+      stopTimes.find(s => s.stationId === stationId)?.sequence;
+
+    // ── 1. Active holds ───────────────────────────────────────────────────────
+    const activeHolds = await this.prisma.seatHold.findMany({
+      where: { scheduleId, seatIds: { has: seatId }, expiresAt: { gt: new Date() } },
+    });
+
+    for (const hold of activeHolds) {
+      // Decode leg from createdBy JSON: { originStationId, destinationStationId, passengers }
+      let holdFrom: number | undefined;
+      let holdTo:   number | undefined;
+      try {
+        if (hold.createdBy) {
+          const meta = JSON.parse(hold.createdBy);
+          holdFrom = seqOf(meta.originStationId);
+          holdTo   = seqOf(meta.destinationStationId);
+        }
+      } catch { /* ignore */ }
+
+      if (holdFrom !== undefined && holdTo !== undefined) {
+        if (holdFrom < reqTo && reqFrom < holdTo) return false;
+      } else {
+        // Cannot resolve leg — conservative block
+        return false;
+      }
+    }
+
+    // ── 2. Active JourneySegments ─────────────────────────────────────────────
+    // Each row is one leg (e.g. A→B, B→C). We group by journeyId to get the
+    // full range [min(depSeq), max(arrSeq)] per journey for this seat.
+    const bookedLegs = await this.prisma.journeySegment.findMany({
+      where: {
+        scheduleId,
+        seatId,
+        journey: { status: { in: ['CONFIRMED', 'PENDING_PAYMENT'] } },
+      },
+    });
+
+    // Group legs by journeyId → find the full range each journey occupies
+    const journeyRanges = new Map<string, { from: number; to: number }>();
+    for (const leg of bookedLegs) {
+      const depSeq = seqOf(leg.departureStationId);
+      const arrSeq = seqOf(leg.arrivalStationId);
+      if (depSeq === undefined || arrSeq === undefined) continue;
+
+      const existing = journeyRanges.get(leg.journeyId);
+      if (!existing) {
+        journeyRanges.set(leg.journeyId, { from: depSeq, to: arrSeq });
+      } else {
+        journeyRanges.set(leg.journeyId, {
+          from: Math.min(existing.from, depSeq),
+          to:   Math.max(existing.to,   arrSeq),
+        });
+      }
+    }
+
+    for (const { from, to } of journeyRanges.values()) {
+      // Strict overlap: existingFrom < reqTo AND reqFrom < existingTo
+      if (from < reqTo && reqFrom < to) return false;
+    }
+
+    return true;
+  }
+
+  /** Legacy wrapper used by EnhancedSeatsService.getOverlappingReservations */
+  async getOverlappingReservations(
+    scheduleId: string,
+    seatId: string,
+    requestedSegments: Segment[],
+  ): Promise<{ type: string; id: string }[]> {
+    const reqFrom = Math.min(...requestedSegments.map(s => s.fromSequence));
+    const reqTo   = Math.max(...requestedSegments.map(s => s.toSequence));
+    const free = await this.isSeatFreeForLeg(scheduleId, seatId, reqFrom, reqTo);
+    return free ? [] : [{ type: 'conflict', id: seatId }];
+  }
+
+  segmentsOverlap(segments1: Segment[], segments2: Segment[]): boolean {
+    for (const s1 of segments1) {
+      for (const s2 of segments2) {
+        if (s1.fromSequence < s2.toSequence && s2.fromSequence < s1.toSequence) return true;
+      }
+    }
+    return false;
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/segments/trip-progress.service.ts b/apps/edr-passenger-api/src/modules/segments/trip-progress.service.ts
new file mode 100644
index 000000000..f67808385
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/segments/trip-progress.service.ts
@@ -0,0 +1,226 @@
+import { Injectable } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import { EnhancedSeatsService } from './enhanced-seats.service';
+import { EventEmitter2, OnEvent } from '@nestjs/event-emitter';
+import { Cron, CronExpression } from '@nestjs/schedule';
+
+@Injectable()
+export class TripProgressService {
+  constructor(
+    private prisma: PrismaService,
+    private enhancedSeatsService: EnhancedSeatsService,
+    private eventEmitter: EventEmitter2
+  ) {}
+
+  /**
+   * Update trip progress and trigger seat releases
+   */
+  async updateTripProgress(tripId: string, currentStationId: string, progressPercent: number) {
+    return this.prisma.$transaction(async (tx) => {
+      // 1. Update trip live status
+      await tx.tripLiveStatus.upsert({
+        where: { scheduleId: tripId },
+        update: {
+          currentLocationLabel: currentStationId,
+          progressPercent,
+          updatedAt: new Date()
+        },
+        create: {
+          scheduleId: tripId,
+          state: 'EN_ROUTE',
+          currentLocationLabel: currentStationId,
+          progressPercent,
+          delayMinutes: 0,
+          updatedAt: new Date()
+        }
+      });
+
+      // 2. Get station name for comparison
+      const station = await tx.station.findUnique({
+        where: { id: currentStationId }
+      });
+
+      if (station) {
+        // 3. Trigger seat release for passengers reaching destination
+        const releaseResult = await this.enhancedSeatsService.releaseSeats(tripId, currentStationId);
+
+        // 4. Emit progress update event
+        this.eventEmitter.emit('trip.progress.updated', {
+          tripId,
+          currentStation: station.name,
+          progressPercent,
+          releasedSeats: releaseResult.releasedSeats
+        });
+
+        return {
+          tripId,
+          currentStation: station.name,
+          progressPercent,
+          releasedSeats: releaseResult.releasedSeats.length,
+          updatedAt: new Date()
+        };
+      }
+
+      return { tripId, currentStation: currentStationId, progressPercent, releasedSeats: 0 };
+    });
+  }
+
+  /**
+   * Simulate trip progress (for testing/demo)
+   */
+  async simulateTripProgress(tripId: string) {
+    const trip = await this.prisma.trainSchedule.findUnique({
+      where: { id: tripId },
+      include: {
+        stopTimes: {
+          include: { station: true },
+          orderBy: { sequence: 'asc' }
+        }
+      }
+    });
+
+    if (!trip) {
+      throw new Error('Trip not found');
+    }
+
+    // Simulate progress through each station
+    for (let i = 0; i < trip.stopTimes.length; i++) {
+      const stopTime = trip.stopTimes[i];
+      const progressPercent = Math.round((i / (trip.stopTimes.length - 1)) * 100);
+
+      await this.updateTripProgress(tripId, stopTime.stationId, progressPercent);
+
+      // Emit station arrival event
+      this.eventEmitter.emit('trip.station.arrived', {
+        tripId,
+        stationId: stopTime.stationId,
+        stationName: stopTime.station.name,
+        sequence: stopTime.sequence,
+        progressPercent
+      });
+
+      // Wait 30 seconds between stations (for demo)
+      await new Promise(resolve => setTimeout(resolve, 30000));
+    }
+  }
+
+  /**
+   * Handle trip completion
+   */
+  @OnEvent('trip.completed')
+  async handleTripCompleted(payload: { tripId: string }) {
+    // Release all remaining seats for this trip
+    const trip = await this.prisma.trainSchedule.findUnique({
+      where: { id: payload.tripId },
+      include: {
+        coachAssignments: {
+          include: {
+            coach: {
+              include: {
+                seats: {
+                  where: { status: 'BOOKED' }
+                }
+              }
+            }
+          }
+        }
+      }
+    });
+
+    if (trip) {
+      const bookedSeatIds = trip.coachAssignments.flatMap(assignment =>
+        assignment.coach.seats.map(seat => seat.id)
+      );
+
+      if (bookedSeatIds.length > 0) {
+        await this.prisma.seat.updateMany({
+          where: { id: { in: bookedSeatIds } },
+          data: { status: 'AVAILABLE' }
+        });
+
+        this.eventEmitter.emit('trip.seats.released', {
+          tripId: payload.tripId,
+          releasedSeats: bookedSeatIds
+        });
+      }
+    }
+  }
+
+  /**
+   * Background job to expire holds every minute
+   */
+  @Cron(CronExpression.EVERY_MINUTE)
+  async expireHoldsJob() {
+    try {
+      const result = await this.enhancedSeatsService.expireHolds();
+      if (result.expiredHolds > 0) {
+        console.log(`Expired ${result.expiredHolds} holds, released ${result.releasedSeats.length} seats`);
+      }
+    } catch (error) {
+      console.error('Error expiring holds:', error);
+    }
+  }
+
+  /**
+   * Get current trip status with seat availability
+   */
+  async getTripStatus(tripId: string) {
+    const trip = await this.prisma.trainSchedule.findUnique({
+      where: { id: tripId },
+      include: {
+        liveStatus: true,
+        stopTimes: {
+          include: { station: true },
+          orderBy: { sequence: 'asc' }
+        },
+        coachAssignments: {
+          include: {
+            coach: {
+              include: { seats: true }
+            }
+          }
+        }
+      }
+    });
+
+    if (!trip) {
+      throw new Error('Trip not found');
+    }
+
+    const seatSummary = {
+      total: 0,
+      available: 0,
+      held: 0,
+      booked: 0,
+      blocked: 0
+    };
+
+    trip.coachAssignments.forEach(assignment => {
+      assignment.coach.seats.forEach(seat => {
+        seatSummary.total++;
+        const status = seat.status.toLowerCase() as keyof typeof seatSummary;
+        if (status in seatSummary) {
+          seatSummary[status]++;
+        }
+      });
+    });
+
+    return {
+      tripId,
+      status: trip.status,
+      currentLocation: trip.liveStatus?.currentLocationLabel,
+      progressPercent: trip.liveStatus?.progressPercent || 0,
+      delayMinutes: trip.liveStatus?.delayMinutes || 0,
+      stations: trip.stopTimes.map(st => ({
+        id: st.stationId,
+        name: st.station.name,
+        sequence: st.sequence,
+        plannedArrival: st.plannedArrivalAt,
+        plannedDeparture: st.plannedDepartureAt,
+        actualArrival: st.actualArrivalAt
+      })),
+      seatSummary,
+      lastUpdated: trip.liveStatus?.updatedAt
+    };
+  }
+}
\ No newline at end of file
diff --git a/apps/edr-passenger-api/src/modules/stations/dto/create-station.dto.ts b/apps/edr-passenger-api/src/modules/stations/dto/create-station.dto.ts
deleted file mode 100644
index ed98925c6..000000000
--- a/apps/edr-passenger-api/src/modules/stations/dto/create-station.dto.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { IsNumber, IsOptional, IsString } from "class-validator";
-
-export class CreateStationDto {
-  @IsString()
-  code!: string;
-
-  @IsString()
-  name!: string;
-
-  @IsString()
-  city!: string;
-
-  @IsString()
-  country!: string;
-
-  @IsOptional()
-  @IsNumber()
-  latitude?: number;
-
-  @IsOptional()
-  @IsNumber()
-  longitude?: number;
-}
diff --git a/apps/edr-passenger-api/src/modules/stations/entities/station.entity.ts b/apps/edr-passenger-api/src/modules/stations/entities/station.entity.ts
deleted file mode 100644
index 431a6a963..000000000
--- a/apps/edr-passenger-api/src/modules/stations/entities/station.entity.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { BaseEntity } from "@edr/api-common";
-import { Column, Entity } from "typeorm";
-
-@Entity({ name: "stations" })
-export class Station extends BaseEntity {
-  @Column({ name: "code", type: "varchar", length: 16, unique: true })
-  code!: string;
-
-  @Column({ name: "name", type: "varchar", length: 128 })
-  name!: string;
-
-  @Column({ name: "city", type: "varchar", length: 128 })
-  city!: string;
-
-  @Column({ name: "country", type: "varchar", length: 64 })
-  country!: string;
-
-  @Column({
-    name: "latitude",
-    type: "numeric",
-    precision: 9,
-    scale: 6,
-    nullable: true,
-  })
-  latitude?: number | null;
-
-  @Column({
-    name: "longitude",
-    type: "numeric",
-    precision: 9,
-    scale: 6,
-    nullable: true,
-  })
-  longitude?: number | null;
-}
diff --git a/apps/edr-passenger-api/src/modules/stations/stations.controller.ts b/apps/edr-passenger-api/src/modules/stations/stations.controller.ts
index d2343bbd4..9c864c307 100644
--- a/apps/edr-passenger-api/src/modules/stations/stations.controller.ts
+++ b/apps/edr-passenger-api/src/modules/stations/stations.controller.ts
@@ -1,37 +1,141 @@
-import {
-  Body,
-  Controller,
-  Get,
-  Param,
-  ParseUUIDPipe,
-  Post,
-} from "@nestjs/common";
-import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import { Body, Controller, Get, Param, Post, Patch, Delete, UseGuards, Query } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth, ApiQuery, ApiResponse } from '@nestjs/swagger';
+import { StationsService } from './stations.service';
+import { CreateStationDto } from './stations.dto';
+import { JwtGuard } from '../../common/jwt.guard';
 
-import { CreateStationDto } from "./dto/create-station.dto";
-import { StationsService } from "./stations.service";
-
-@ApiTags("stations")
-// @UseGuards(JwtAuthGuard) — TODO: integrate @edr/auth
-@Controller("stations")
+@ApiTags('Stations')
+@Controller('stations')
 export class StationsController {
-  constructor(private readonly stationsService: StationsService) {}
-
-  @Post()
-  @ApiOperation({ summary: "Register a new station" })
-  create(@Body() dto: CreateStationDto) {
-    return this.stationsService.create(dto);
-  }
-
+  constructor(private service: StationsService) {}
+  
   @Get()
-  @ApiOperation({ summary: "List all stations" })
-  findAll() {
-    return this.stationsService.findAll();
+  @ApiOperation({ 
+    summary: 'List all stations with country information',
+    description: 'Returns all stations on the Ethio-Djibouti Railway with country codes (ET for Ethiopia, DJ for Djibouti)'
+  })
+  @ApiQuery({ name: 'search', required: false, description: 'Search by station name or code' })
+  @ApiQuery({ name: 'country', required: false, description: 'Filter by country code (ET, DJ)' })
+  @ApiQuery({ name: 'operational', required: false, description: 'Filter by operational status (true, false)' })
+  @ApiResponse({ 
+    status: 200, 
+    description: 'Array of stations',
+    schema: {
+      example: [
+        {
+          id: '550e8400-e29b-41d4-a716-446655440000',
+          code: 'AAA',
+          sequence: 1,
+          name: 'Addis Ababa',
+          city: 'Addis Ababa',
+          countryCode: 'ET',
+          lat: 9.0054,
+          lng: 38.7636,
+          timezone: 'Africa/Addis_Ababa',
+          isOperational: true,
+          createdAt: '2024-01-15T10:30:00.000Z',
+          updatedAt: '2024-01-15T10:30:00.000Z'
+        }
+      ]
+    }
+  })
+  findAll(
+    @Query('search') search?: string,
+    @Query('country') country?: string,
+    @Query('operational') operational?: string,
+  ) { 
+    return this.service.findAll({ search, country, operational }); 
+  }
+  
+  @Get(':id')
+  @ApiOperation({ 
+    summary: 'Get station details by ID',
+    description: 'Returns station information including name, code, country, coordinates, and facilities'
+  })
+  @ApiResponse({
+    status: 200,
+    description: 'Station details',
+    schema: {
+      example: {
+        id: '550e8400-e29b-41d4-a716-446655440000',
+        code: 'AAA',
+        sequence: 1,
+        name: 'Addis Ababa',
+        city: 'Addis Ababa',
+        countryCode: 'ET',
+        lat: 9.0054,
+        lng: 38.7636,
+        timezone: 'Africa/Addis_Ababa',
+        isOperational: true,
+        createdAt: '2024-01-15T10:30:00.000Z',
+        updatedAt: '2024-01-15T10:30:00.000Z'
+      }
+    }
+  })
+  findOne(@Param('id') id: string) { return this.service.findOne(id); }
+  
+  @Post()
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Create new station' })
+  @ApiResponse({
+    status: 201,
+    description: 'Station created',
+    schema: {
+      example: {
+        id: '550e8400-e29b-41d4-a716-446655440000',
+        code: 'AAA',
+        sequence: 1,
+        name: 'Addis Ababa',
+        city: 'Addis Ababa',
+        countryCode: 'ET',
+        lat: 9.0054,
+        lng: 38.7636,
+        timezone: 'Africa/Addis_Ababa',
+        isOperational: true,
+        createdAt: '2024-01-15T10:30:00.000Z',
+        updatedAt: '2024-01-15T10:30:00.000Z'
+      }
+    }
+  })
+  create(@Body() dto: CreateStationDto) { return this.service.create(dto); }
+
+  @Patch(':id')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Update station' })
+  @ApiResponse({
+    status: 200,
+    description: 'Station updated',
+    schema: {
+      example: {
+        id: '550e8400-e29b-41d4-a716-446655440000',
+        code: 'AAA',
+        sequence: 1,
+        name: 'Addis Ababa',
+        city: 'Addis Ababa',
+        countryCode: 'ET',
+        lat: 9.0054,
+        lng: 38.7636,
+        timezone: 'Africa/Addis_Ababa',
+        isOperational: true,
+        createdAt: '2024-01-15T10:30:00.000Z',
+        updatedAt: '2024-01-15T10:30:00.000Z'
+      }
+    }
+  })
+  @ApiResponse({ status: 404, description: 'Station not found' })
+  update(@Param('id') id: string, @Body() dto: Partial<CreateStationDto>) {
+    return this.service.update(id, dto);
   }
 
-  @Get(":id")
-  @ApiOperation({ summary: "Get a station by ID" })
-  findOne(@Param("id", ParseUUIDPipe) id: string) {
-    return this.stationsService.findById(id);
+  @Delete(':id')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Delete station' })
+  @ApiResponse({ status: 200, description: 'Station deleted successfully' })
+  @ApiResponse({ status: 404, description: 'Station not found' })
+  remove(@Param('id') id: string) {
+    return this.service.remove(id);
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/stations/stations.dto.ts b/apps/edr-passenger-api/src/modules/stations/stations.dto.ts
new file mode 100644
index 000000000..fc350dbcf
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/stations/stations.dto.ts
@@ -0,0 +1,14 @@
+import { IsString, IsNumber, IsOptional, IsInt, IsBoolean } from 'class-validator';
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+
+export class CreateStationDto {
+  @ApiProperty({ example: 'ADD' }) @IsString() code: string;
+  @ApiProperty({ example: 'Addis Ababa' }) @IsString() name: string;
+  @ApiProperty({ example: 'Addis Ababa' }) @IsString() city: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() timezone?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() countryCode?: string;
+  @ApiProperty({ example: 9.0054 }) @IsNumber() lat: number;
+  @ApiProperty({ example: 38.7636 }) @IsNumber() lng: number;
+  @ApiPropertyOptional({ example: 1 }) @IsOptional() @IsInt() sequence?: number;
+  @ApiPropertyOptional({ example: true }) @IsOptional() @IsBoolean() isOperational?: boolean;
+}
diff --git a/apps/edr-passenger-api/src/modules/stations/stations.module.ts b/apps/edr-passenger-api/src/modules/stations/stations.module.ts
index 5a12eb064..bdb62569d 100644
--- a/apps/edr-passenger-api/src/modules/stations/stations.module.ts
+++ b/apps/edr-passenger-api/src/modules/stations/stations.module.ts
@@ -1,12 +1,10 @@
-import { Module } from "@nestjs/common";
-import { TypeOrmModule } from "@nestjs/typeorm";
-
-import { Station } from "./entities/station.entity";
-import { StationsController } from "./stations.controller";
-import { StationsService } from "./stations.service";
+import { Module } from '@nestjs/common';
+import { AuditModule } from '../../common/audit.module';
+import { StationsController } from './stations.controller';
+import { StationsService } from './stations.service';
 
 @Module({
-  imports: [TypeOrmModule.forFeature([Station])],
+  imports: [AuditModule],
   controllers: [StationsController],
   providers: [StationsService],
   exports: [StationsService],
diff --git a/apps/edr-passenger-api/src/modules/stations/stations.service.ts b/apps/edr-passenger-api/src/modules/stations/stations.service.ts
index efd360f39..5dd1aa77d 100644
--- a/apps/edr-passenger-api/src/modules/stations/stations.service.ts
+++ b/apps/edr-passenger-api/src/modules/stations/stations.service.ts
@@ -1,34 +1,105 @@
-import { Injectable, NotFoundException } from "@nestjs/common";
-import { InjectRepository } from "@nestjs/typeorm";
-import { Repository } from "typeorm";
+import { Injectable, NotFoundException, Inject, Optional, BadRequestException } from '@nestjs/common';
+import { REQUEST } from '@nestjs/core';
+import { PrismaService } from '../../common/prisma.service';
+import { AuditService } from '../../common/audit.service';
+import { CreateStationDto } from './stations.dto';
 
-import { CreateStationDto } from "./dto/create-station.dto";
-import { Station } from "./entities/station.entity";
+interface StationFilters {
+  search?: string;
+  country?: string;
+  operational?: string;
+}
 
 @Injectable()
 export class StationsService {
   constructor(
-    @InjectRepository(Station)
-    private readonly stationsRepository: Repository<Station>,
+    private prisma: PrismaService,
+    private auditService: AuditService,
+    @Optional() @Inject(REQUEST) private request?: any,
   ) {}
-
-  /** Register a new station. */
-  create(dto: CreateStationDto): Promise<Station> {
-    const entity = this.stationsRepository.create(dto);
-    return this.stationsRepository.save(entity);
-  }
-
-  /** List every station (alphabetical). */
-  findAll(): Promise<Station[]> {
-    return this.stationsRepository.find({ order: { name: "ASC" } });
-  }
-
-  /** Get a single station by ID. */
-  async findById(id: string): Promise<Station> {
-    const station = await this.stationsRepository.findOne({ where: { id } });
-    if (!station) {
-      throw new NotFoundException(`Station ${id} not found`);
+  
+  findAll(filters: StationFilters = {}) {
+    const where: any = {};
+    
+    if (filters.search) {
+      where.OR = [
+        { name: { contains: filters.search, mode: 'insensitive' } },
+        { code: { contains: filters.search, mode: 'insensitive' } },
+        { city: { contains: filters.search, mode: 'insensitive' } },
+      ];
     }
+    
+    if (filters.country) {
+      where.countryCode = filters.country;
+    }
+    
+    if (filters.operational !== undefined && filters.operational !== '') {
+      where.isOperational = filters.operational === 'true';
+    }
+    
+    return this.prisma.station.findMany({ 
+      where,
+      orderBy: { sequence: 'asc' } 
+    }); 
+  }
+  
+  async findOne(id: string) {
+    const s = await this.prisma.station.findUnique({ where: { id } });
+    if (!s) throw new NotFoundException('Station not found');
+    return s;
+  }
+  
+  async create(dto: CreateStationDto) {
+    const station = await this.prisma.station.create({ data: dto });
+    
+    await this.auditService.log({
+      userId: this.request?.user?.id,
+      action: 'CREATE',
+      entityType: 'Station',
+      entityId: station.id,
+      newData: station,
+    });
+
     return station;
   }
+
+  async update(id: string, dto: Partial<CreateStationDto>) {
+    const oldStation = await this.findOne(id);
+    const { code, name, city, timezone, lat, lng } = dto;
+    const data: any = { code, name, city, timezone, lat, lng };
+    if ('countryCode' in dto) data.countryCode = (dto as any).countryCode;
+    if ('sequence' in dto) data.sequence = (dto as any).sequence;
+    if ('isOperational' in dto) data.isOperational = (dto as any).isOperational;
+    
+    const updatedStation = await this.prisma.station.update({
+      where: { id },
+      data,
+    });
+
+    await this.auditService.log({
+      userId: this.request?.user?.id,
+      action: 'UPDATE',
+      entityType: 'Station',
+      entityId: id,
+      oldData: oldStation,
+      newData: updatedStation,
+    });
+
+    return updatedStation;
+  }
+
+  async remove(id: string) {
+    const station = await this.findOne(id);
+    const deleted = await this.prisma.station.delete({ where: { id } });
+
+    await this.auditService.log({
+      userId: this.request?.user?.id,
+      action: 'DELETE',
+      entityType: 'Station',
+      entityId: id,
+      oldData: station,
+    });
+
+    return deleted;
+  }
 }
diff --git a/apps/edr-passenger-api/src/modules/support/support.controller.ts b/apps/edr-passenger-api/src/modules/support/support.controller.ts
new file mode 100644
index 000000000..c13b3cd33
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/support/support.controller.ts
@@ -0,0 +1,15 @@
+import { Body, Controller, Get, Param, Post, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { SupportService } from './support.service';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Support')
+@Controller('support')
+export class SupportController {
+  constructor(private service: SupportService) {}
+  @Get('faq')                                @ApiOperation({ summary: 'Get FAQ categories' })                    getFaqCategories() { return this.service.getFaqCategories(); }
+  @Get('faq/:categoryId/articles')           @ApiOperation({ summary: 'Get FAQ articles for a category' })       getFaqArticles(@Param('categoryId') id: string) { return this.service.getFaqArticles(id); }
+  @Post('conversations') @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth') @ApiOperation({ summary: 'Start a support conversation' }) startConversation(@Body('userId') userId: string) { return this.service.startConversation(userId); }
+  @Post('conversations/:id/messages') @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth') @ApiOperation({ summary: 'Send a message in a conversation' }) sendMessage(@Param('id') id: string, @Body() body: { sender: 'USER' | 'BOT' | 'AGENT'; text: string }) { return this.service.sendMessage(id, body.sender, body.text); }
+  @Get('conversations/:id') @UseGuards(JwtGuard) @ApiBearerAuth('JWT-auth') @ApiOperation({ summary: 'Get conversation with messages' }) getConversation(@Param('id') id: string) { return this.service.getConversation(id); }
+}
diff --git a/apps/edr-passenger-api/src/modules/support/support.module.ts b/apps/edr-passenger-api/src/modules/support/support.module.ts
new file mode 100644
index 000000000..17f139a07
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/support/support.module.ts
@@ -0,0 +1,6 @@
+import { Module } from '@nestjs/common';
+import { SupportController } from './support.controller';
+import { SupportService } from './support.service';
+
+@Module({ controllers: [SupportController], providers: [SupportService] })
+export class SupportModule {}
diff --git a/apps/edr-passenger-api/src/modules/support/support.service.ts b/apps/edr-passenger-api/src/modules/support/support.service.ts
new file mode 100644
index 000000000..dd155bff8
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/support/support.service.ts
@@ -0,0 +1,35 @@
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+
+@Injectable()
+export class SupportService {
+  constructor(private prisma: PrismaService) {}
+
+  getFaqCategories() { return this.prisma.faqCategory.findMany({ include: { _count: { select: { articles: true } } } }); }
+
+  getFaqArticles(categoryId: string) { return this.prisma.faqArticle.findMany({ where: { categoryId }, orderBy: { rank: 'asc' } }); }
+
+  startConversation(userId: string) { return this.prisma.supportConversation.create({ data: { userId } }); }
+
+  async sendMessage(conversationId: string, sender: 'USER' | 'BOT' | 'AGENT', text: string) {
+    const conv = await this.prisma.supportConversation.findUnique({ where: { id: conversationId } });
+    if (!conv) throw new NotFoundException('Conversation not found');
+    const message = await this.prisma.supportMessage.create({ data: { conversationId, sender, text } });
+    if (sender === 'USER') await this.prisma.supportMessage.create({ data: { conversationId, sender: 'BOT', text: this.getBotReply(text) } });
+    return message;
+  }
+
+  async getConversation(conversationId: string) {
+    const conv = await this.prisma.supportConversation.findUnique({ where: { id: conversationId }, include: { messages: { orderBy: { createdAt: 'asc' } } } });
+    if (!conv) throw new NotFoundException('Conversation not found');
+    return conv;
+  }
+
+  private getBotReply(text: string): string {
+    const lower = text.toLowerCase();
+    if (lower.includes('cancel') || lower.includes('refund')) return 'To cancel or refund, go to Bookings and select the booking. Refunds are processed within 3-5 business days.';
+    if (lower.includes('miss') || lower.includes('missed')) return 'If you missed your train, please check the Disruptions section for alternative options.';
+    if (lower.includes('seat')) return 'You can select or change seats during booking. Seat changes after confirmation may incur a fee.';
+    return 'Thank you for contacting EDR support. An agent will assist you shortly.';
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/tickets/dto/create-ticket.dto.ts b/apps/edr-passenger-api/src/modules/tickets/dto/create-ticket.dto.ts
deleted file mode 100644
index 597a49649..000000000
--- a/apps/edr-passenger-api/src/modules/tickets/dto/create-ticket.dto.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Passenger } from "@edr/types";
-import {
-  IsDateString,
-  IsEnum,
-  IsNumber,
-  IsOptional,
-  IsString,
-  IsUUID,
-  Min,
-} from "class-validator";
-
-export class CreateTicketDto {
-  @IsString()
-  reference!: string;
-
-  @IsUUID()
-  passengerId!: string;
-
-  @IsUUID()
-  scheduleId!: string;
-
-  @IsUUID()
-  seatId!: string;
-
-  @IsNumber()
-  @Min(0)
-  pricePaid!: number;
-
-  @IsDateString()
-  issuedAt!: string;
-
-  @IsOptional()
-  @IsEnum(Passenger.TicketStatus)
-  status?: Passenger.TicketStatus;
-}
diff --git a/apps/edr-passenger-api/src/modules/tickets/dto/filter-ticket.dto.ts b/apps/edr-passenger-api/src/modules/tickets/dto/filter-ticket.dto.ts
deleted file mode 100644
index b31197cfb..000000000
--- a/apps/edr-passenger-api/src/modules/tickets/dto/filter-ticket.dto.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Passenger } from "@edr/types";
-import { Type } from "class-transformer";
-import { IsEnum, IsInt, IsOptional, IsUUID, Min } from "class-validator";
-
-export class FilterTicketDto {
-  @IsOptional()
-  @IsEnum(Passenger.TicketStatus)
-  status?: Passenger.TicketStatus;
-
-  @IsOptional()
-  @IsUUID()
-  passengerId?: string;
-
-  @IsOptional()
-  @IsUUID()
-  scheduleId?: string;
-
-  @IsOptional()
-  @Type(() => Number)
-  @IsInt()
-  @Min(1)
-  page?: number = 1;
-
-  @IsOptional()
-  @Type(() => Number)
-  @IsInt()
-  @Min(1)
-  pageSize?: number = 20;
-}
diff --git a/apps/edr-passenger-api/src/modules/tickets/entities/ticket.entity.ts b/apps/edr-passenger-api/src/modules/tickets/entities/ticket.entity.ts
deleted file mode 100644
index 866fb03fd..000000000
--- a/apps/edr-passenger-api/src/modules/tickets/entities/ticket.entity.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { BaseEntity } from "@edr/api-common";
-import { Passenger } from "@edr/types";
-import { Column, Entity } from "typeorm";
-
-@Entity({ name: "tickets" })
-export class Ticket extends BaseEntity {
-  @Column({ name: "reference", type: "varchar", length: 64, unique: true })
-  reference!: string;
-
-  @Column({ name: "passenger_id", type: "uuid" })
-  passengerId!: string;
-
-  @Column({ name: "schedule_id", type: "uuid" })
-  scheduleId!: string;
-
-  @Column({ name: "seat_id", type: "uuid" })
-  seatId!: string;
-
-  @Column({
-    name: "status",
-    type: "enum",
-    enum: Passenger.TicketStatus,
-    default: Passenger.TicketStatus.Reserved,
-  })
-  status!: Passenger.TicketStatus;
-
-  @Column({ name: "price_paid", type: "numeric", precision: 10, scale: 2 })
-  pricePaid!: number;
-
-  @Column({ name: "issued_at", type: "timestamptz" })
-  issuedAt!: Date;
-}
diff --git a/apps/edr-passenger-api/src/modules/tickets/tickets.controller.ts b/apps/edr-passenger-api/src/modules/tickets/tickets.controller.ts
index aefd203ee..e7760b565 100644
--- a/apps/edr-passenger-api/src/modules/tickets/tickets.controller.ts
+++ b/apps/edr-passenger-api/src/modules/tickets/tickets.controller.ts
@@ -1,48 +1,124 @@
-import {
-  Body,
-  Controller,
-  Delete,
-  Get,
-  HttpCode,
-  Param,
-  ParseUUIDPipe,
-  Post,
-  Query,
-} from "@nestjs/common";
-import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import { Body, Controller, Get, Param, Post, Query, UseGuards, Delete, Patch } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { TicketsService } from './tickets.service';
+import { JwtGuard } from '../../common/jwt.guard';
 
-import { CreateTicketDto } from "./dto/create-ticket.dto";
-import { FilterTicketDto } from "./dto/filter-ticket.dto";
-import { TicketsService } from "./tickets.service";
-
-@ApiTags("tickets")
-// @UseGuards(JwtAuthGuard) — TODO: integrate @edr/auth
-@Controller("tickets")
+@ApiTags('Tickets')
+@Controller('tickets')
 export class TicketsController {
-  constructor(private readonly ticketsService: TicketsService) {}
-
-  @Post()
-  @ApiOperation({ summary: "Issue a new passenger ticket" })
-  create(@Body() dto: CreateTicketDto) {
-    return this.ticketsService.create(dto);
+  constructor(private service: TicketsService) {}
+  
+  @Post('generate/:bookingId')
+  @ApiOperation({ 
+    summary: 'Generate ticket for booking (confirmation page)',
+    description: 'Creates a ticket when confirmation page is reached and permanently holds all associated seats with SeatBlock records.'
+  })
+  generateTicket(@Param('bookingId') bookingId: string) {
+    return this.service.generate(bookingId);
   }
 
+  @Patch('update-seats/:bookingId')
+  @ApiOperation({
+    summary: 'Update ticket seats before final confirmation',
+    description: 'Allows users to change selected seats after ticket generation. Removes old seat blocks and creates new ones for updated seats.'
+  })
+  updateSeats(@Param('bookingId') bookingId: string, @Body() body: { seatIds: string[] }) {
+    return this.service.updateSeats(bookingId, body.seatIds);
+  }
+  
   @Get()
-  @ApiOperation({ summary: "List passenger tickets (paginated)" })
-  findAll(@Query() filter: FilterTicketDto) {
-    return this.ticketsService.findAll(filter);
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'List all tickets with optional filters' })
+  listTickets(
+    @Query('search') search?: string,
+    @Query('status') status?: string,
+    @Query('skip') skip?: string,
+    @Query('take') take?: string,
+  ) {
+    return this.service.listTickets({
+      search,
+      status,
+      skip: skip ? parseInt(skip) : 0,
+      take: take ? parseInt(take) : 50,
+    });
+  }
+  
+  @Get('by-order/:merchantOrderId')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({
+    summary: 'Get ticket by merchant order ID',
+    description: 'Looks up the booking ID from the PaymentIntent using merchantOrderId, then returns the full ticket information.'
+  })
+  getByMerchantOrderId(@Param('merchantOrderId') merchantOrderId: string) {
+    return this.service.getByMerchantOrderId(merchantOrderId);
   }
 
-  @Get(":id")
-  @ApiOperation({ summary: "Get a ticket by ID" })
-  findOne(@Param("id", ParseUUIDPipe) id: string) {
-    return this.ticketsService.findById(id);
+  @Get(':bookingRef')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Get ticket with QR code and passenger details',
+    description: `Returns ticket information including:
+- QR code for gate scanning
+- Barcode for offline validation
+- Passenger details (name, age category, nationality)
+- Journey details (origin, destination, seat, coach)
+- Fare breakdown with currency
+- PDF download link`
+  })
+  getByRef(@Param('bookingRef') ref: string) { 
+    return this.service.getByRef(ref); 
+  }
+  
+  @Post(':bookingRef/validate')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Validate ticket at gate with audit logging',
+    description: 'Validates ticket QR/barcode at station gate. Records validation in audit log with timestamp, gate, and validator.'
+  })
+  validate(
+    @Param('bookingRef') ref: string, 
+    @Body('validatorId') validatorId: string,
+    @Body('gateId') gateId?: string
+  ) { 
+    return this.service.validate(ref, validatorId, gateId); 
+  }
+  
+  @Get(':ticketId/validation-logs')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Get validation logs for ticket' })
+  getValidationLogs(@Param('ticketId') ticketId: string) {
+    return this.service.getValidationLogs(ticketId);
   }
 
-  @Delete(":id")
-  @HttpCode(204)
-  @ApiOperation({ summary: "Cancel a ticket" })
-  cancel(@Param("id", ParseUUIDPipe) id: string) {
-    return this.ticketsService.cancel(id);
+  @Get('offline/export')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Export tickets for offline validation' })
+  exportOfflineData(@Query('scheduleId') scheduleId: string) {
+    return this.service.exportOfflineData(scheduleId);
+  }
+
+  @Post('validate/offline')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ summary: 'Batch import offline validations' })
+  validateOfflineBatch(@Body() body: { validations: any[] }) {
+    return this.service.validateOfflineBatch(body.validations);
+  }
+
+  @Delete(':id')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({ 
+    summary: 'Delete ticket (admin only)',
+    description: 'Permanently deletes a ticket record and removes associated seat blocks'
+  })
+  delete(@Param('id') id: string) {
+    return this.service.delete(id);
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/tickets/tickets.module.ts b/apps/edr-passenger-api/src/modules/tickets/tickets.module.ts
index ce339d218..cd02974d3 100644
--- a/apps/edr-passenger-api/src/modules/tickets/tickets.module.ts
+++ b/apps/edr-passenger-api/src/modules/tickets/tickets.module.ts
@@ -1,15 +1,13 @@
-import { Module } from "@nestjs/common";
-import { TypeOrmModule } from "@nestjs/typeorm";
-
-import { Ticket } from "./entities/ticket.entity";
-import { TicketsController } from "./tickets.controller";
-import { TicketsRepository } from "./tickets.repository";
-import { TicketsService } from "./tickets.service";
+import { Module } from '@nestjs/common';
+import { TicketsController } from './tickets.controller';
+import { TicketsService } from './tickets.service';
+import { JwtGuard } from '../../common/jwt.guard';
 
 @Module({
-  imports: [TypeOrmModule.forFeature([Ticket])],
   controllers: [TicketsController],
-  providers: [TicketsService, TicketsRepository],
-  exports: [TicketsService],
+  providers: [TicketsService, JwtGuard],
+  exports: [TicketsService, JwtGuard],
 })
 export class TicketsModule {}
+
+export { TicketsController } from './tickets.controller';
diff --git a/apps/edr-passenger-api/src/modules/tickets/tickets.repository.ts b/apps/edr-passenger-api/src/modules/tickets/tickets.repository.ts
deleted file mode 100644
index 36dd7b6cf..000000000
--- a/apps/edr-passenger-api/src/modules/tickets/tickets.repository.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { BaseRepository } from "@edr/api-common";
-import { Injectable } from "@nestjs/common";
-import { InjectRepository } from "@nestjs/typeorm";
-import { Repository } from "typeorm";
-
-import { Ticket } from "./entities/ticket.entity";
-
-@Injectable()
-export class TicketsRepository extends BaseRepository<Ticket> {
-  constructor(
-    @InjectRepository(Ticket)
-    repository: Repository<Ticket>,
-  ) {
-    super(repository);
-  }
-
-  /** Find a ticket by its passenger-facing reference. */
-  findByReference(reference: string): Promise<Ticket | null> {
-    return this.repository.findOne({ where: { reference } });
-  }
-}
diff --git a/apps/edr-passenger-api/src/modules/tickets/tickets.service.spec.ts b/apps/edr-passenger-api/src/modules/tickets/tickets.service.spec.ts
new file mode 100644
index 000000000..7f6ad7f52
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/tickets/tickets.service.spec.ts
@@ -0,0 +1,126 @@
+import { Test, TestingModule } from '@nestjs/testing';
+import { TicketsService } from './tickets.service';
+import { PrismaService } from '../../common/prisma.service';
+
+describe('TicketsService - Offline Validation', () => {
+  let service: TicketsService;
+  let prisma: PrismaService;
+
+  const mockPrisma = {
+    booking: {
+      findMany: jest.fn(),
+      findUnique: jest.fn(),
+    },
+    ticket: {
+      findUnique: jest.fn(),
+      update: jest.fn(),
+    },
+    gateValidationLog: {
+      create: jest.fn(),
+    },
+  };
+
+  beforeEach(async () => {
+    const module: TestingModule = await Test.createTestingModule({
+      providers: [
+        TicketsService,
+        { provide: PrismaService, useValue: mockPrisma },
+      ],
+    }).compile();
+
+    service = module.get<TicketsService>(TicketsService);
+    prisma = module.get<PrismaService>(PrismaService);
+    jest.clearAllMocks();
+  });
+
+  describe('exportOfflineData', () => {
+    it('should export tickets for offline validation', async () => {
+      const mockBookings = [
+        {
+          bookingRef: 'ABC123',
+          ticket: { id: 'ticket-1', qrPayload: 'qr-data', validatedAt: null },
+          seats: [{ passengerName: 'John Doe', seat: { label: '1A', coach: { label: 'A' } } }],
+          status: 'CONFIRMED',
+        },
+      ];
+
+      mockPrisma.booking.findMany.mockResolvedValue(mockBookings);
+
+      const result = await service.exportOfflineData('trip-1');
+
+      expect(result).toHaveLength(1);
+      expect(result[0].bookingRef).toBe('ABC123');
+      expect(result[0].passengerName).toBe('John Doe');
+    });
+  });
+
+  describe('validateOfflineBatch', () => {
+    it('should process batch validations successfully', async () => {
+      const validations = [
+        {
+          bookingRef: 'ABC123',
+          validatorId: 'validator-1',
+          gateId: 'gate-1',
+          validatedAt: new Date().toISOString(),
+        },
+      ];
+
+      mockPrisma.booking.findUnique.mockResolvedValue({ id: 'booking-1' });
+      mockPrisma.ticket.findUnique.mockResolvedValue({ id: 'ticket-1', validatedAt: null });
+      mockPrisma.ticket.update.mockResolvedValue({});
+      mockPrisma.gateValidationLog.create.mockResolvedValue({});
+
+      const result = await service.validateOfflineBatch(validations);
+
+      expect(result.success).toBe(1);
+      expect(result.failed).toBe(0);
+      expect(result.duplicate).toBe(0);
+    });
+
+    it('should detect duplicate validations', async () => {
+      const validations = [
+        {
+          bookingRef: 'ABC123',
+          validatorId: 'validator-1',
+          validatedAt: new Date().toISOString(),
+        },
+        {
+          bookingRef: 'ABC123',
+          validatorId: 'validator-1',
+          validatedAt: new Date().toISOString(),
+        },
+      ];
+
+      mockPrisma.booking.findUnique.mockResolvedValue({ id: 'booking-1' });
+      mockPrisma.ticket.findUnique.mockResolvedValue({ id: 'ticket-1', validatedAt: null });
+      mockPrisma.ticket.update.mockResolvedValue({});
+      mockPrisma.gateValidationLog.create.mockResolvedValue({});
+
+      const result = await service.validateOfflineBatch(validations);
+
+      expect(result.success).toBe(1);
+      expect(result.duplicate).toBe(1);
+    });
+
+    it('should handle already validated tickets', async () => {
+      const validations = [
+        {
+          bookingRef: 'ABC123',
+          validatorId: 'validator-1',
+          validatedAt: new Date().toISOString(),
+        },
+      ];
+
+      mockPrisma.booking.findUnique.mockResolvedValue({ id: 'booking-1' });
+      mockPrisma.ticket.findUnique.mockResolvedValue({
+        id: 'ticket-1',
+        validatedAt: new Date(),
+      });
+
+      const result = await service.validateOfflineBatch(validations);
+
+      expect(result.duplicate).toBe(1);
+      expect(result.success).toBe(0);
+    });
+  });
+});
diff --git a/apps/edr-passenger-api/src/modules/tickets/tickets.service.ts b/apps/edr-passenger-api/src/modules/tickets/tickets.service.ts
index 8d313f2fe..de9bdf4b5 100644
--- a/apps/edr-passenger-api/src/modules/tickets/tickets.service.ts
+++ b/apps/edr-passenger-api/src/modules/tickets/tickets.service.ts
@@ -1,53 +1,336 @@
-import { Injectable, NotFoundException } from "@nestjs/common";
+import { Injectable, NotFoundException, BadRequestException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+import * as QRCode from 'qrcode';
 
-import { CreateTicketDto } from "./dto/create-ticket.dto";
-import { FilterTicketDto } from "./dto/filter-ticket.dto";
-import { Ticket } from "./entities/ticket.entity";
-import { TicketsRepository } from "./tickets.repository";
+interface OfflineValidation {
+  bookingRef: string;
+  validatorId: string;
+  gateId?: string;
+  validatedAt: string;
+}
 
 @Injectable()
 export class TicketsService {
-  constructor(private readonly ticketsRepository: TicketsRepository) {}
+  constructor(private prisma: PrismaService) {}
 
-  /** Issue a new passenger ticket. */
-  create(dto: CreateTicketDto): Promise<Ticket> {
-    return this.ticketsRepository.create({
-      ...dto,
-      issuedAt: new Date(dto.issuedAt),
-    });
-  }
-
-  /** Paginated list of tickets matching the filter. */
-  async findAll(
-    filter: FilterTicketDto,
-  ): Promise<{ items: Ticket[]; total: number }> {
-    const page = filter.page ?? 1;
-    const pageSize = filter.pageSize ?? 20;
-    const [items, total] = await this.ticketsRepository.findAndCount({
-      where: {
-        ...(filter.status ? { status: filter.status } : {}),
-        ...(filter.passengerId ? { passengerId: filter.passengerId } : {}),
-        ...(filter.scheduleId ? { scheduleId: filter.scheduleId } : {}),
-      },
-      skip: (page - 1) * pageSize,
-      take: pageSize,
-      order: { createdAt: "DESC" },
-    });
-    return { items, total };
-  }
-
-  /** Get a single ticket by ID. */
-  async findById(id: string): Promise<Ticket> {
-    const ticket = await this.ticketsRepository.findById(id);
-    if (!ticket) {
-      throw new NotFoundException(`Ticket ${id} not found`);
+  async listTickets(filters: { search?: string; status?: string; skip: number; take: number }) {
+    const where: any = {};
+    if (filters.search) {
+      where.OR = [
+        { bookingRef: { contains: filters.search, mode: 'insensitive' } },
+        { barcodePayload: { contains: filters.search, mode: 'insensitive' } },
+        { booking: { bookingRef: { contains: filters.search, mode: 'insensitive' } } },
+      ];
     }
+    if (filters.status) {
+      where.booking = { status: filters.status };
+    }
+    const tickets = await this.prisma.ticket.findMany({
+      where,
+      include: {
+        booking: {
+          include: {
+            schedule: { include: { originStation: true, destinationStation: true, train: true } },
+            seats: { include: { seat: { include: { coach: true } } } },
+            passenger: { include: { user: true } },
+          },
+        },
+      },
+      skip: filters.skip,
+      take: filters.take,
+      orderBy: { issuedAt: 'desc' },
+    });
+    const total = await this.prisma.ticket.count({ where });
+    return {
+      items: tickets.map((t) => ({
+        id: t.id,
+        ticketNumber: t.barcodePayload,
+        bookingRef: t.bookingRef,
+        booking: {
+          bookingRef: t.booking.bookingRef,
+          status: t.booking.status,
+          totalMinor: t.booking.totalMinor,
+          currency: t.booking.currency,
+          displayCurrency: t.booking.displayCurrency,
+          displayTotalMinor: t.booking.displayTotalMinor,
+          passenger: t.booking.passenger?.user || { fullName: 'Guest', email: t.booking.contactEmail },
+          contactEmail: t.booking.contactEmail,
+        },
+        schedule: t.booking.schedule,
+        seat: t.booking.seats[0]?.seat,
+        status: t.status,
+        validatedAt: t.validatedAt,
+        createdAt: t.issuedAt,
+      })),
+      total,
+      skip: filters.skip,
+      take: filters.take,
+    };
+  }
+
+  async generate(bookingId: string) {
+    if (!bookingId) {
+      throw new BadRequestException('Booking ID is required');
+    }
+    
+    const booking = await this.prisma.booking.findUnique({
+      where: { id: bookingId },
+      include: { 
+        schedule: { include: { originStation: true, destinationStation: true, train: true } }, 
+        seats: { include: { seat: { include: { coach: true } } } } 
+      },
+    });
+    if (!booking) throw new NotFoundException(`Booking ${bookingId} not found`);
+    
+    const qrPayload = await QRCode.toDataURL(`edr:tkt:${booking.id}:${booking.bookingRef}`);
+    const barcodePayload = `EDR${booking.bookingRef}${booking.id.substring(0, 8).toUpperCase()}`;
+    
+    const ticket = await this.prisma.ticket.upsert({
+      where: { bookingId },
+      update: { qrPayload, barcodePayload },
+      create: { bookingId, bookingRef: booking.bookingRef, qrPayload, barcodePayload },
+    });
+
+    // Update all booked seats from HELD to BOOKED and create permanent seat blocks
+    const seatIds = booking.seats.map(bs => bs.seatId);
+    for (const seatId of seatIds) {
+      // Update seat status to BOOKED
+      await this.prisma.seat.update({
+        where: { id: seatId },
+        data: { status: 'BOOKED' },
+      });
+      // Create permanent seat blocks for all booked seats
+      await this.prisma.seatBlock.create({
+        data: {
+          seatId,
+          reason: `Permanently booked in ticket ${ticket.id}`,
+          blockedBy: 'SYSTEM',
+          approvedBy: 'SYSTEM',
+        }
+      }).catch(() => null); // Ignore if already exists
+    }
+    
     return ticket;
   }
 
-  /** Cancel and soft-delete a ticket. */
-  async cancel(id: string): Promise<void> {
-    await this.findById(id);
-    await this.ticketsRepository.softDelete(id);
+  async updateSeats(bookingId: string, newSeatIds: string[]) {
+    const booking = await this.prisma.booking.findUnique({
+      where: { id: bookingId },
+      include: { seats: true, ticket: true },
+    });
+    if (!booking) throw new NotFoundException(`Booking ${bookingId} not found`);
+    if (!booking.ticket) throw new BadRequestException('No ticket found for this booking');
+
+    // Remove old seat blocks
+    const oldSeatIds = booking.seats.map(bs => bs.seatId);
+    for (const seatId of oldSeatIds) {
+      await this.prisma.seatBlock.deleteMany({
+        where: { 
+          seatId,
+          reason: { contains: booking.ticket.id }
+        }
+      });
+    }
+
+    // Remove old booking seats
+    await this.prisma.bookingSeat.deleteMany({ where: { bookingId } });
+
+    // Create new seat blocks
+    for (const seatId of newSeatIds) {
+      await this.prisma.seatBlock.create({
+        data: {
+          seatId,
+          reason: `Permanently booked in ticket ${booking.ticket.id}`,
+          blockedBy: 'SYSTEM',
+          approvedBy: 'SYSTEM',
+        }
+      }).catch(() => null);
+    }
+
+    // Create new booking seats (placeholder with minimal data)
+    for (let i = 0; i < newSeatIds.length; i++) {
+      await this.prisma.bookingSeat.create({
+        data: {
+          bookingId,
+          seatId: newSeatIds[i],
+          passengerName: `Passenger ${i + 1}`,
+        }
+      });
+    }
+
+    return { success: true, updatedSeats: newSeatIds.length };
+  }
+
+  async getByMerchantOrderId(merchantOrderId: string) {
+    const intent = await this.prisma.paymentIntent.findUnique({
+      where: { merchantOrderId },
+      select: { bookingId: true },
+    });
+    if (!intent) throw new NotFoundException(`No payment intent found for order ${merchantOrderId}`);
+    const booking = await this.prisma.booking.findUnique({
+      where: { id: intent.bookingId },
+      include: { schedule: { include: { originStation: true, destinationStation: true, train: true } }, seats: { include: { seat: { include: { coach: true } } } }, ticket: true },
+    });
+    if (!booking?.ticket) throw new NotFoundException('Ticket not found');
+    const seat = booking.seats[0];
+    return {
+      id: booking.ticket.id, bookingId: booking.id, bookingRef: booking.bookingRef, status: booking.status,
+      fromStationName: booking.schedule.originStation.name, toStationName: booking.schedule.destinationStation.name,
+      departureAt: booking.schedule.departureAt, trainName: booking.schedule.train.name,
+      coachLabel: seat?.seat.coach.number, seatLabel: seat?.seat.seatNumber, passengerName: seat?.passengerName,
+      priceMinor: booking.totalMinor, currency: booking.currency, qrPayload: booking.ticket.qrPayload,
+      barcodePayload: booking.ticket.barcodePayload,
+    };
+  }
+
+  async getByRef(bookingRef: string) {
+    const booking = await this.prisma.booking.findUnique({
+      where: { bookingRef },
+      include: { 
+        schedule: { include: { originStation: true, destinationStation: true, train: true } }, 
+        seats: { include: { seat: { include: { coach: true } } } }, 
+        ticket: true 
+      },
+    });
+    if (!booking?.ticket) throw new NotFoundException('Ticket not found');
+    const seat = booking.seats[0];
+    return {
+      id: booking.ticket.id, 
+      bookingId: booking.id, 
+      bookingRef: booking.bookingRef, 
+      status: booking.status,
+      fromStationName: booking.schedule.originStation.name, 
+      toStationName: booking.schedule.destinationStation.name,
+      departureAt: booking.schedule.departureAt, 
+      trainName: booking.schedule.train.name,
+      coachLabel: seat?.seat.coach.number, 
+      seatLabel: seat?.seat.seatNumber, 
+      passengerName: seat?.passengerName,
+      priceMinor: booking.totalMinor, 
+      currency: booking.currency, 
+      qrPayload: booking.ticket.qrPayload,
+      barcodePayload: booking.ticket.barcodePayload
+    };
+  }
+
+  async validate(bookingRef: string, validatorId: string, gateId?: string) {
+    const booking = await this.prisma.booking.findUnique({ where: { bookingRef } });
+    if (!booking) throw new NotFoundException('Booking not found');
+    const ticket = await this.prisma.ticket.findUnique({ where: { bookingId: booking.id } });
+    if (!ticket) throw new NotFoundException('Ticket not found');
+    if (ticket.validatedAt) {
+      await this.prisma.gateValidationLog.create({
+        data: { ticketId: ticket.id, validatorId, gateId, status: 'REJECTED', reason: 'ALREADY_VALIDATED' }
+      });
+      throw new BadRequestException('Ticket already validated');
+    }
+    await this.prisma.ticket.update({ where: { id: ticket.id }, data: { validatedAt: new Date(), validatorId } });
+    await this.prisma.gateValidationLog.create({
+      data: { ticketId: ticket.id, validatorId, gateId, status: 'APPROVED' }
+    });
+    return { validated: true, ticketId: ticket.id, validatedAt: new Date() };
+  }
+
+  async getValidationLogs(ticketId: string) {
+    return this.prisma.gateValidationLog.findMany({
+      where: { ticketId },
+      orderBy: { validatedAt: 'desc' }
+    });
+  }
+
+  async exportOfflineData(tripId: string) {
+    const bookings = await this.prisma.booking.findMany({
+      where: { scheduleId: tripId, status: 'CONFIRMED' },
+      include: {
+        ticket: true,
+        seats: { include: { seat: { include: { coach: true } } } },
+        passenger: { include: { user: true } },
+      },
+    });
+
+    return bookings.map((b) => ({
+      bookingRef: b.bookingRef,
+      ticketId: b.ticket?.id,
+      passengerName: b.seats[0]?.passengerName,
+      seatLabel: b.seats[0]?.seat.seatNumber,
+      coachLabel: b.seats[0]?.seat.coach.number,
+      qrPayload: b.ticket?.qrPayload,
+      status: b.status,
+      validatedAt: b.ticket?.validatedAt,
+    }));
+  }
+
+  async validateOfflineBatch(validations: OfflineValidation[]) {
+    const results = { success: 0, failed: 0, duplicate: 0, errors: [] as string[] };
+    const processedRefs = new Set<string>();
+
+    for (const v of validations) {
+      if (processedRefs.has(v.bookingRef)) {
+        results.duplicate++;
+        continue;
+      }
+      processedRefs.add(v.bookingRef);
+
+      try {
+        const booking = await this.prisma.booking.findUnique({ where: { bookingRef: v.bookingRef } });
+        if (!booking) {
+          results.failed++;
+          results.errors.push(`Booking ${v.bookingRef} not found`);
+          continue;
+        }
+
+        const ticket = await this.prisma.ticket.findUnique({ where: { bookingId: booking.id } });
+        if (!ticket) {
+          results.failed++;
+          results.errors.push(`Ticket for ${v.bookingRef} not found`);
+          continue;
+        }
+
+        if (ticket.validatedAt) {
+          results.duplicate++;
+          continue;
+        }
+
+        await this.prisma.ticket.update({
+          where: { id: ticket.id },
+          data: { validatedAt: new Date(v.validatedAt), validatorId: v.validatorId },
+        });
+
+        await this.prisma.gateValidationLog.create({
+          data: {
+            ticketId: ticket.id,
+            validatorId: v.validatorId,
+            gateId: v.gateId,
+            status: 'APPROVED',
+            validatedAt: new Date(v.validatedAt),
+          },
+        });
+
+        results.success++;
+      } catch (err) {
+        results.failed++;
+        results.errors.push(`Error processing ${v.bookingRef}: ${err instanceof Error ? err.message : String(err)}`);
+      }
+    }
+
+    return results;
+  }
+
+  async delete(id: string) {
+    const ticket = await this.prisma.ticket.findUnique({ where: { id } });
+    if (!ticket) throw new NotFoundException('Ticket not found');
+    
+    await this.prisma.gateValidationLog.deleteMany({ where: { ticketId: id } });
+    
+    // Remove seat blocks associated with this ticket
+    await this.prisma.seatBlock.deleteMany({
+      where: { 
+        reason: { contains: id }
+      }
+    });
+    
+    await this.prisma.ticket.delete({ where: { id } });
+    
+    return { deleted: true, ticketId: id };
   }
 }
diff --git a/apps/edr-passenger-api/src/modules/verifayda/optional-jwt.guard.ts b/apps/edr-passenger-api/src/modules/verifayda/optional-jwt.guard.ts
new file mode 100644
index 000000000..5f5fac19b
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/optional-jwt.guard.ts
@@ -0,0 +1,21 @@
+import { Injectable } from '@nestjs/common';
+import { AuthGuard } from '@nestjs/passport';
+
+/**
+ * Like {@link JwtGuard}, but never rejects the request.
+ *
+ * When a valid `Authorization: Bearer <jwt>` is present, `request.user` is
+ * populated from the JWT strategy (`{ userId, ... }`). When the token is
+ * missing or invalid, the request still proceeds with `request.user`
+ * undefined — the handler decides what to do.
+ *
+ * Used on `POST /fayda/verification/start`, which must work for both
+ * logged-in users (who can opt to save the verification to their account)
+ * and guests (anchored to a booking only).
+ */
+@Injectable()
+export class OptionalJwtGuard extends AuthGuard('jwt') {
+  handleRequest<TUser = unknown>(_err: unknown, user: TUser): TUser {
+    return (user ?? null) as TUser;
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/verifayda/utils/client-assertion.util.spec.ts b/apps/edr-passenger-api/src/modules/verifayda/utils/client-assertion.util.spec.ts
new file mode 100644
index 000000000..9b4316fc7
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/utils/client-assertion.util.spec.ts
@@ -0,0 +1,71 @@
+import { exportJWK, generateKeyPair, importJWK, jwtVerify, type JWK } from 'jose';
+import { generateClientAssertion } from './client-assertion.util';
+
+describe('generateClientAssertion', () => {
+  let privateJwk: JWK;
+  let publicJwk: JWK;
+
+  beforeAll(async () => {
+    const kp = await generateKeyPair('RS256', { extractable: true });
+    privateJwk = await exportJWK(kp.privateKey);
+    publicJwk = await exportJWK(kp.publicKey);
+  });
+
+  it('produces a JWT verifiable with the matching public key', async () => {
+    const jwt = await generateClientAssertion({
+      clientId: 'edr-passenger-test',
+      audience: 'https://esignet.example.com/token',
+      privateJwk,
+    });
+
+    const verifier = await importJWK(publicJwk, 'RS256');
+    const { payload, protectedHeader } = await jwtVerify(jwt, verifier, {
+      issuer: 'edr-passenger-test',
+      subject: 'edr-passenger-test',
+      audience: 'https://esignet.example.com/token',
+    });
+
+    expect(protectedHeader.alg).toBe('RS256');
+    expect(protectedHeader.typ).toBe('JWT');
+    expect(payload.iss).toBe('edr-passenger-test');
+    expect(payload.sub).toBe('edr-passenger-test');
+    expect(payload.aud).toBe('https://esignet.example.com/token');
+    expect(typeof payload.iat).toBe('number');
+    expect(typeof payload.exp).toBe('number');
+  });
+
+  it('defaults exp to 120 seconds after iat', async () => {
+    const jwt = await generateClientAssertion({
+      clientId: 'c',
+      audience: 'https://a/token',
+      privateJwk,
+    });
+    const verifier = await importJWK(publicJwk, 'RS256');
+    const { payload } = await jwtVerify(jwt, verifier);
+    expect(payload.exp! - payload.iat!).toBe(120);
+  });
+
+  it('honors a custom expiresIn', async () => {
+    const jwt = await generateClientAssertion({
+      clientId: 'c',
+      audience: 'https://a/token',
+      privateJwk,
+      expiresIn: '5m',
+    });
+    const verifier = await importJWK(publicJwk, 'RS256');
+    const { payload } = await jwtVerify(jwt, verifier);
+    expect(payload.exp! - payload.iat!).toBe(300);
+  });
+
+  it('fails verification against a wrong audience', async () => {
+    const jwt = await generateClientAssertion({
+      clientId: 'c',
+      audience: 'https://a/token',
+      privateJwk,
+    });
+    const verifier = await importJWK(publicJwk, 'RS256');
+    await expect(
+      jwtVerify(jwt, verifier, { audience: 'https://other/token' }),
+    ).rejects.toThrow();
+  });
+});
diff --git a/apps/edr-passenger-api/src/modules/verifayda/utils/client-assertion.util.ts b/apps/edr-passenger-api/src/modules/verifayda/utils/client-assertion.util.ts
new file mode 100644
index 000000000..dc3558ccc
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/utils/client-assertion.util.ts
@@ -0,0 +1,22 @@
+import { SignJWT, importJWK, type JWK } from 'jose';
+
+export interface GenerateClientAssertionInput {
+  clientId: string;
+  audience: string;
+  privateJwk: JWK;
+  expiresIn?: string;
+}
+
+export async function generateClientAssertion(
+  input: GenerateClientAssertionInput,
+): Promise<string> {
+  const privateKey = await importJWK(input.privateJwk, 'RS256');
+  return new SignJWT({})
+    .setProtectedHeader({ alg: 'RS256', typ: 'JWT' })
+    .setIssuer(input.clientId)
+    .setSubject(input.clientId)
+    .setAudience(input.audience)
+    .setIssuedAt()
+    .setExpirationTime(input.expiresIn ?? '2m')
+    .sign(privateKey);
+}
diff --git a/apps/edr-passenger-api/src/modules/verifayda/utils/pkce.util.spec.ts b/apps/edr-passenger-api/src/modules/verifayda/utils/pkce.util.spec.ts
new file mode 100644
index 000000000..d359a07f2
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/utils/pkce.util.spec.ts
@@ -0,0 +1,65 @@
+import { createHash } from 'crypto';
+import {
+  base64Url,
+  generateCodeChallenge,
+  generateCodeVerifier,
+  generateState,
+} from './pkce.util';
+
+describe('pkce.util', () => {
+  describe('base64Url', () => {
+    it('strips padding and replaces + and / with - and _', () => {
+      const input = Buffer.from([0xfb, 0xff, 0xbf, 0xfe]);
+      const out = base64Url(input);
+      expect(out).not.toMatch(/[+/=]/);
+    });
+  });
+
+  describe('generateCodeVerifier', () => {
+    it('returns a base64url-safe string', () => {
+      expect(generateCodeVerifier()).toMatch(/^[A-Za-z0-9_-]+$/);
+    });
+
+    it('produces unique values across calls', () => {
+      const a = generateCodeVerifier();
+      const b = generateCodeVerifier();
+      expect(a).not.toEqual(b);
+    });
+
+    it('produces at least 43 characters (RFC 7636 minimum)', () => {
+      expect(generateCodeVerifier().length).toBeGreaterThanOrEqual(43);
+    });
+  });
+
+  describe('generateCodeChallenge', () => {
+    it('equals base64url(sha256(verifier))', () => {
+      const verifier = 'fixed-test-verifier';
+      const expected = createHash('sha256')
+        .update(verifier)
+        .digest('base64')
+        .replace(/\+/g, '-')
+        .replace(/\//g, '_')
+        .replace(/=/g, '');
+      expect(generateCodeChallenge(verifier)).toBe(expected);
+    });
+
+    it('is deterministic for the same verifier', () => {
+      const verifier = generateCodeVerifier();
+      expect(generateCodeChallenge(verifier)).toBe(generateCodeChallenge(verifier));
+    });
+
+    it('differs for different verifiers', () => {
+      expect(generateCodeChallenge('a')).not.toBe(generateCodeChallenge('b'));
+    });
+  });
+
+  describe('generateState', () => {
+    it('returns a base64url-safe string', () => {
+      expect(generateState()).toMatch(/^[A-Za-z0-9_-]+$/);
+    });
+
+    it('produces unique values across calls', () => {
+      expect(generateState()).not.toEqual(generateState());
+    });
+  });
+});
diff --git a/apps/edr-passenger-api/src/modules/verifayda/utils/pkce.util.ts b/apps/edr-passenger-api/src/modules/verifayda/utils/pkce.util.ts
new file mode 100644
index 000000000..89e9437d2
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/utils/pkce.util.ts
@@ -0,0 +1,21 @@
+import { createHash, randomBytes } from 'crypto';
+
+export function base64Url(buffer: Buffer): string {
+  return buffer
+    .toString('base64')
+    .replace(/\+/g, '-')
+    .replace(/\//g, '_')
+    .replace(/=/g, '');
+}
+
+export function generateCodeVerifier(): string {
+  return base64Url(randomBytes(64));
+}
+
+export function generateCodeChallenge(codeVerifier: string): string {
+  return base64Url(createHash('sha256').update(codeVerifier).digest());
+}
+
+export function generateState(): string {
+  return base64Url(randomBytes(32));
+}
diff --git a/apps/edr-passenger-api/src/modules/verifayda/verifayda.controller.ts b/apps/edr-passenger-api/src/modules/verifayda/verifayda.controller.ts
new file mode 100644
index 000000000..f1eb25e8e
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/verifayda.controller.ts
@@ -0,0 +1,111 @@
+import {
+  Body,
+  Controller,
+  Get,
+  HttpCode,
+  HttpStatus,
+  Post,
+  Query,
+  Req,
+  UseGuards,
+} from '@nestjs/common';
+import {
+  ApiBearerAuth,
+  ApiOkResponse,
+  ApiOperation,
+  ApiTags,
+} from '@nestjs/swagger';
+import { JwtGuard } from '../../common/jwt.guard';
+import { OptionalJwtGuard } from './optional-jwt.guard';
+import {
+  CompleteVerificationResultDto,
+  StartVerificationDto,
+  VerifaydaCallbackDto,
+  VerificationStatusDto,
+} from './verifayda.dto';
+import { VerifaydaService } from './verifayda.service';
+
+/** Shape the JWT strategy puts on `request.user` (see common/jwt.strategy.ts). */
+interface AuthedUser {
+  userId: string;
+  email?: string;
+  role?: string;
+  passengerId?: string;
+}
+
+/** Minimal slices of the Express req we touch (avoids a hard dependency on
+ * `@types/express`, which isn't resolved in this package). */
+interface RequestWithOptionalUser {
+  user?: AuthedUser;
+}
+interface RequestWithUser {
+  user: AuthedUser;
+}
+
+@ApiTags('Fayda Verification')
+@Controller('fayda/verification')
+export class VerifaydaController {
+  constructor(private readonly service: VerifaydaService) {}
+
+  @Post('start')
+  @HttpCode(HttpStatus.OK)
+  @UseGuards(OptionalJwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({
+    summary: 'Start a VeriFayda 2.0 verification session',
+    description: `Creates a verification session and returns the eSignet authorize URL the frontend should send the user to.
+
+- Works for **logged-in users** and **guests**. If a valid bearer token is present, the verification is tied to that user; when \`saveToAccount\` is true their account is marked verified on success.
+- For a **PURCHASE** flow, pass \`bookingId\` to stamp the booking's seats as Fayda-verified.
+- The returned \`authorizationUrl\` already carries the PKCE \`code_challenge\`, CSRF \`state\`, requested \`claims\`, and \`code_challenge_method=S256\`. The frontend simply navigates to it (full page or popup).`,
+  })
+  @ApiOkResponse({
+    description: 'Authorize URL the frontend should redirect the user to.',
+    schema: {
+      example: {
+        authorizationUrl:
+          'https://esignet.example.com/authorize?client_id=...&state=...&code_challenge=...',
+      },
+    },
+  })
+  async start(
+    @Body() dto: StartVerificationDto,
+    @Req() req: RequestWithOptionalUser,
+  ): Promise<{ authorizationUrl: string }> {
+    const authorizationUrl = await this.service.startVerification({
+      purpose: dto.purpose ?? 'PURCHASE',
+      platform: dto.platform ?? 'WEB',
+      userId: req.user?.userId,
+      bookingId: dto.bookingId,
+      saveToAccount: dto.saveToAccount,
+    });
+    return { authorizationUrl };
+  }
+
+  @Get('complete')
+  @ApiOperation({
+    summary: 'Complete a verification (Fayda redirect / client callback lands here)',
+    description: `This is the registered Fayda \`redirect_uri\`. Fayda redirects the browser here with \`?code&state\``,
+  })
+  @ApiOkResponse({ type: CompleteVerificationResultDto })
+  async complete(
+    @Query() dto: VerifaydaCallbackDto,
+  ): Promise<CompleteVerificationResultDto> {
+    return this.service.completeVerification(dto);
+  }
+
+  @Get('status')
+  @UseGuards(JwtGuard)
+  @ApiBearerAuth('JWT-auth')
+  @ApiOperation({
+    summary: "Get the current user's Fayda verification status",
+    description:
+      'Returns whether the authenticated user has linked a verified Fayda identity to their account, when, and the name on file.',
+  })
+  @ApiOkResponse({ type: VerificationStatusDto })
+  async status(
+    @Req() req: RequestWithUser,
+  ): Promise<VerificationStatusDto> {
+    return this.service.getVerificationStatus(req.user.userId);
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/verifayda/verifayda.dto.ts b/apps/edr-passenger-api/src/modules/verifayda/verifayda.dto.ts
new file mode 100644
index 000000000..005a3e517
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/verifayda.dto.ts
@@ -0,0 +1,78 @@
+import { ApiProperty, ApiPropertyOptional } from '@nestjs/swagger';
+import { IsBoolean, IsIn, IsOptional, IsString } from 'class-validator';
+
+export class StartVerificationDto {
+  @ApiPropertyOptional({
+    enum: ['LOGIN', 'PURCHASE'],
+    default: 'PURCHASE',
+    description: 'Reason for verification.',
+  })
+  @IsOptional()
+  @IsIn(['LOGIN', 'PURCHASE'])
+  purpose?: 'LOGIN' | 'PURCHASE';
+
+  @ApiPropertyOptional({
+    description:
+      'Booking the verification should attach to (PURCHASE flow). If omitted, the session is anchored only to the user.',
+  })
+  @IsOptional()
+  @IsString()
+  bookingId?: string;
+
+  @ApiPropertyOptional({
+    description:
+      'When true and the user is logged in, copy faydaVerified=true / faydaSub onto their User record after verification.',
+  })
+  @IsOptional()
+  @IsBoolean()
+  saveToAccount?: boolean;
+
+  @ApiPropertyOptional({
+    enum: ['WEB', 'MOBILE'],
+    default: 'WEB',
+    description:
+      'Client platform. Decides where /callback redirects on completion: a web https URL (WEB) or a custom-scheme deep link the Flutter app intercepts (MOBILE).',
+  })
+  @IsOptional()
+  @IsIn(['WEB', 'MOBILE'])
+  platform?: 'WEB' | 'MOBILE';
+}
+
+export class CompleteVerificationResultDto {
+  @ApiProperty({ enum: ['LOGIN', 'PURCHASE'] })
+  purpose: 'LOGIN' | 'PURCHASE';
+
+  @ApiProperty() verified: boolean;
+
+  @ApiPropertyOptional({ description: 'JWT (LOGIN flow only).' })
+  token?: string;
+
+  @ApiPropertyOptional({
+    description: 'Authenticated user summary (LOGIN flow only; same shape as /auth/login).',
+  })
+  user?: {
+    id: string;
+    email: string;
+    role: string;
+    passengerId?: string;
+    agentId?: string;
+  };
+
+  @ApiPropertyOptional({
+    description: 'Verified full name from Fayda (PURCHASE flow).',
+  })
+  fullName?: string;
+}
+
+export class VerifaydaCallbackDto {
+  @ApiPropertyOptional() @IsOptional() @IsString() code?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() state?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() error?: string;
+  @ApiPropertyOptional() @IsOptional() @IsString() error_description?: string;
+}
+
+export class VerificationStatusDto {
+  @ApiProperty() verified: boolean;
+  @ApiPropertyOptional() verifiedAt?: Date;
+  @ApiPropertyOptional() fullName?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/verifayda/verifayda.errors.ts b/apps/edr-passenger-api/src/modules/verifayda/verifayda.errors.ts
new file mode 100644
index 000000000..a7d531102
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/verifayda.errors.ts
@@ -0,0 +1,19 @@
+import { BadGatewayException, ConflictException } from '@nestjs/common';
+
+export class FaydaTokenExchangeException extends BadGatewayException {
+  constructor(message = 'Fayda token exchange failed') {
+    super({ code: 'FAYDA_TOKEN_EXCHANGE_FAILED', message });
+  }
+}
+
+export class FaydaUserInfoException extends BadGatewayException {
+  constructor(message = 'Fayda userinfo fetch failed') {
+    super({ code: 'FAYDA_USERINFO_FAILED', message });
+  }
+}
+
+export class FaydaIdentityConflictException extends ConflictException {
+  constructor(message = 'This Fayda identity is already linked to another account') {
+    super({ code: 'FAYDA_IDENTITY_CONFLICT', message });
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/verifayda/verifayda.module.ts b/apps/edr-passenger-api/src/modules/verifayda/verifayda.module.ts
new file mode 100644
index 000000000..d850b1dbf
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/verifayda.module.ts
@@ -0,0 +1,15 @@
+import { Module } from '@nestjs/common';
+import { VerifaydaController } from './verifayda.controller';
+import { VerifaydaService } from './verifayda.service';
+import { PrismaModule } from '../../common/prisma.module';
+import { AuthModule } from '../auth/auth.module';
+
+@Module({
+  // AuthModule re-exports JwtModule, giving us JwtService (same secret/expiry
+  // config as /auth/login) to mint tokens for the LOGIN flow.
+  imports: [PrismaModule, AuthModule],
+  controllers: [VerifaydaController],
+  providers: [VerifaydaService],
+  exports: [VerifaydaService],
+})
+export class VerifaydaModule {}
diff --git a/apps/edr-passenger-api/src/modules/verifayda/verifayda.service.spec.ts b/apps/edr-passenger-api/src/modules/verifayda/verifayda.service.spec.ts
new file mode 100644
index 000000000..e4b8cb790
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/verifayda.service.spec.ts
@@ -0,0 +1,569 @@
+import { ConfigService } from '@nestjs/config';
+import { JwtService } from '@nestjs/jwt';
+import { exportJWK, generateKeyPair, type JWK } from 'jose';
+import { PrismaService } from '../../common/prisma.service';
+import { FaydaConfig } from '../../config/fayda.config';
+import { VerifaydaService } from './verifayda.service';
+
+function buildPrismaMock() {
+  return {
+    faydaVerificationSession: {
+      create: jest.fn(),
+      findUnique: jest.fn(),
+      update: jest.fn(),
+      updateMany: jest.fn(),
+    },
+    bookingSeat: {
+      updateMany: jest.fn(),
+    },
+    user: {
+      findUnique: jest.fn(),
+      findFirst: jest.fn(),
+      create: jest.fn(),
+      update: jest.fn(),
+    },
+    passenger: { create: jest.fn() },
+    loyaltyAccount: { create: jest.fn() },
+    walletAccount: { create: jest.fn() },
+    userPreferences: { create: jest.fn() },
+    verifaydaVerification: { create: jest.fn() },
+  };
+}
+
+function buildJwtMock(): jest.Mocked<JwtService> {
+  return {
+    sign: jest.fn(() => 'signed.jwt.token'),
+  } as unknown as jest.Mocked<JwtService>;
+}
+
+function buildConfig(overrides?: Partial<FaydaConfig>): FaydaConfig {
+  return {
+    enabled: true,
+    clientId: 'edr-test-client',
+    authorizationEndpoint: 'https://esignet.test/authorize',
+    tokenEndpoint: 'https://esignet.test/token',
+    userInfoEndpoint: 'https://esignet.test/userinfo',
+    redirectUri: 'http://localhost:4000/fayda/verification/complete',
+    privateJwk: { kty: 'RSA', n: '', e: '', d: '' },
+    scope: 'openid profile email',
+    acrValues: 'mosip:idp:acr:generated-code',
+    claimsLocales: 'en am',
+    sessionTtlMinutes: 10,
+    ...overrides,
+  };
+}
+
+function buildConfigService(faydaConfig: FaydaConfig): jest.Mocked<ConfigService> {
+  return {
+    get: jest.fn((key: string, defaultValue?: unknown) => {
+      if (key === 'fayda') return faydaConfig;
+      if (key === 'VERIFAYDA_ENABLED') return false;
+      return defaultValue;
+    }),
+  } as unknown as jest.Mocked<ConfigService>;
+}
+
+describe('VerifaydaService (OIDC, client-callback)', () => {
+  let prisma: ReturnType<typeof buildPrismaMock>;
+  let jwt: jest.Mocked<JwtService>;
+  let service: VerifaydaService;
+  let realPrivateJwk: JWK;
+
+  beforeAll(async () => {
+    const kp = await generateKeyPair('RS256', { extractable: true });
+    realPrivateJwk = await exportJWK(kp.privateKey);
+    realPrivateJwk.kty = 'RSA';
+  });
+
+  beforeEach(() => {
+    prisma = buildPrismaMock();
+    jwt = buildJwtMock();
+    const cfg = buildConfig({ privateJwk: realPrivateJwk as FaydaConfig['privateJwk'] });
+    service = new VerifaydaService(
+      buildConfigService(cfg),
+      prisma as unknown as PrismaService,
+      jwt,
+    );
+    (global as any).fetch = jest.fn();
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
+  describe('startVerification', () => {
+    it('persists a session and returns a fully-formed authorize URL', async () => {
+      prisma.faydaVerificationSession.create.mockResolvedValue({});
+
+      const url = await service.startVerification({
+        purpose: 'PURCHASE',
+        userId: 'user-1',
+        saveToAccount: true,
+      });
+
+      const created = prisma.faydaVerificationSession.create.mock.calls[0][0].data;
+      expect(created.purpose).toBe('PURCHASE');
+      expect(created.platform).toBe('WEB');
+      expect(typeof created.state).toBe('string');
+      expect(typeof created.codeVerifier).toBe('string');
+
+      const parsed = new URL(url);
+      expect(parsed.origin + parsed.pathname).toBe('https://esignet.test/authorize');
+      expect(parsed.searchParams.get('client_id')).toBe('edr-test-client');
+      expect(parsed.searchParams.get('code_challenge_method')).toBe('S256');
+      expect(parsed.searchParams.get('redirect_uri')).toBe(
+        'http://localhost:4000/fayda/verification/complete',
+      );
+      expect(parsed.searchParams.get('state')).toBe(created.state);
+    });
+
+    it('uses the same single redirect_uri regardless of platform (platform is only recorded)', async () => {
+      prisma.faydaVerificationSession.create.mockResolvedValue({});
+
+      const url = await service.startVerification({
+        purpose: 'LOGIN',
+        platform: 'MOBILE',
+      });
+
+      const created = prisma.faydaVerificationSession.create.mock.calls[0][0].data;
+      expect(created.platform).toBe('MOBILE');
+      expect(new URL(url).searchParams.get('redirect_uri')).toBe(
+        'http://localhost:4000/fayda/verification/complete',
+      );
+    });
+
+    it('throws ServiceUnavailable when fayda integration is disabled', async () => {
+      const disabledService = new VerifaydaService(
+        buildConfigService(buildConfig({ enabled: false })),
+        prisma as unknown as PrismaService,
+        jwt,
+      );
+      await expect(
+        disabledService.startVerification({ purpose: 'PURCHASE' }),
+      ).rejects.toMatchObject({ status: 503 });
+    });
+  });
+
+  describe('completeVerification — validation', () => {
+    function pendingSession(overrides: Partial<any> = {}) {
+      return {
+        id: 'session-1',
+        state: 'state-abc',
+        codeVerifier: 'verifier-xyz',
+        purpose: 'PURCHASE',
+        platform: 'WEB',
+        saveToAccount: false,
+        status: 'PENDING',
+        errorCode: null,
+        errorDescription: null,
+        userId: null,
+        bookingId: null,
+        expiresAt: new Date(Date.now() + 60_000),
+        ...overrides,
+      };
+    }
+
+    it('throws and marks failed when callback carries an error', async () => {
+      prisma.faydaVerificationSession.updateMany.mockResolvedValue({ count: 1 });
+      await expect(
+        service.completeVerification({
+          error: 'access_denied',
+          error_description: 'user cancelled',
+          state: 'state-abc',
+        }),
+      ).rejects.toMatchObject({ status: 400 });
+      expect(prisma.faydaVerificationSession.updateMany).toHaveBeenCalled();
+    });
+
+    it('throws FAYDA_MISSING_PARAMETERS when code/state absent', async () => {
+      await expect(service.completeVerification({})).rejects.toMatchObject({
+        status: 400,
+      });
+    });
+
+    it('throws FAYDA_INVALID_STATE for unknown state', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(null);
+      await expect(
+        service.completeVerification({ code: 'c', state: 'bogus' }),
+      ).rejects.toMatchObject({ status: 400 });
+    });
+
+    it('throws FAYDA_INVALID_STATE for a non-pending session', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(
+        pendingSession({ status: 'COMPLETED' }),
+      );
+      await expect(
+        service.completeVerification({ code: 'c', state: 'state-abc' }),
+      ).rejects.toMatchObject({ status: 400 });
+    });
+
+    it('throws FAYDA_SESSION_EXPIRED and marks failed for an expired session', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(
+        pendingSession({ expiresAt: new Date(Date.now() - 1000) }),
+      );
+      prisma.faydaVerificationSession.updateMany.mockResolvedValue({ count: 1 });
+      await expect(
+        service.completeVerification({ code: 'c', state: 'state-abc' }),
+      ).rejects.toMatchObject({ status: 400 });
+      expect(prisma.faydaVerificationSession.updateMany).toHaveBeenCalled();
+    });
+  });
+
+  describe('completeVerification — PURCHASE', () => {
+    function pendingSession(overrides: Partial<any> = {}) {
+      return {
+        id: 'session-1',
+        state: 'state-abc',
+        codeVerifier: 'verifier-xyz',
+        purpose: 'PURCHASE',
+        platform: 'WEB',
+        saveToAccount: false,
+        status: 'PENDING',
+        userId: null,
+        bookingId: null,
+        expiresAt: new Date(Date.now() + 60_000),
+        ...overrides,
+      };
+    }
+
+    function mockFetchSequence(...responses: Array<Partial<Response>>) {
+      const queue = responses.map((r) => ({
+        ok: true,
+        status: 200,
+        text: async () => '',
+        json: async () => ({}),
+        headers: new Headers({ 'content-type': 'application/json' }),
+        ...r,
+      }));
+      (global as any).fetch = jest.fn(() => Promise.resolve(queue.shift()));
+    }
+
+    it('stamps the booking seats and returns { verified, fullName }', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(
+        pendingSession({ bookingId: 'booking-1' }),
+      );
+      prisma.faydaVerificationSession.update.mockResolvedValue({});
+      prisma.bookingSeat.updateMany.mockResolvedValue({ count: 1 });
+
+      mockFetchSequence(
+        { json: async () => ({ access_token: 'tok', token_type: 'Bearer' }) },
+        {
+          headers: new Headers({ 'content-type': 'application/json' }),
+          text: async () =>
+            JSON.stringify({ sub: 'fayda-sub-1', name: 'Test User' }),
+        },
+      );
+
+      const result = await service.completeVerification({
+        code: 'authcode',
+        state: 'state-abc',
+      });
+
+      expect(result).toMatchObject({
+        purpose: 'PURCHASE',
+        verified: true,
+        fullName: 'Test User',
+      });
+      expect(result.token).toBeUndefined();
+      expect(prisma.bookingSeat.updateMany).toHaveBeenCalledWith({
+        where: { bookingId: 'booking-1' },
+        data: expect.objectContaining({ faydaSub: 'fayda-sub-1' }),
+      });
+    });
+
+    it('saves to the User account when saveToAccount=true and no conflict', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(
+        pendingSession({ userId: 'user-1', saveToAccount: true }),
+      );
+      prisma.user.findFirst.mockResolvedValue(null);
+      prisma.user.update.mockResolvedValue({});
+      prisma.faydaVerificationSession.update.mockResolvedValue({});
+
+      mockFetchSequence(
+        { json: async () => ({ access_token: 'tok', token_type: 'Bearer' }) },
+        {
+          headers: new Headers({ 'content-type': 'application/json' }),
+          text: async () =>
+            JSON.stringify({ sub: 'fayda-sub-2', name: 'Test User' }),
+        },
+      );
+
+      const result = await service.completeVerification({
+        code: 'authcode',
+        state: 'state-abc',
+      });
+
+      expect(result.verified).toBe(true);
+      expect(prisma.user.update).toHaveBeenCalledWith({
+        where: { id: 'user-1' },
+        data: expect.objectContaining({ faydaVerified: true, faydaSub: 'fayda-sub-2' }),
+      });
+    });
+
+    it('throws identity_conflict (409) when faydaSub belongs to another user', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(
+        pendingSession({ userId: 'user-1', saveToAccount: true }),
+      );
+      prisma.user.findFirst.mockResolvedValue({ id: 'other-user' });
+      prisma.faydaVerificationSession.updateMany.mockResolvedValue({ count: 1 });
+
+      mockFetchSequence(
+        { json: async () => ({ access_token: 'tok', token_type: 'Bearer' }) },
+        {
+          headers: new Headers({ 'content-type': 'application/json' }),
+          text: async () =>
+            JSON.stringify({ sub: 'fayda-sub-3', name: 'Test User' }),
+        },
+      );
+
+      await expect(
+        service.completeVerification({ code: 'authcode', state: 'state-abc' }),
+      ).rejects.toMatchObject({ status: 409 });
+      expect(prisma.user.update).not.toHaveBeenCalled();
+    });
+
+    it('throws 502 when the token endpoint returns 4xx', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(pendingSession());
+      prisma.faydaVerificationSession.updateMany.mockResolvedValue({ count: 1 });
+      mockFetchSequence({
+        ok: false,
+        status: 400,
+        text: async () => '{"error":"invalid_assertion"}',
+      });
+
+      await expect(
+        service.completeVerification({ code: 'authcode', state: 'state-abc' }),
+      ).rejects.toMatchObject({ status: 502 });
+    });
+
+    it('throws 502 when userinfo is an unsupported format', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(pendingSession());
+      prisma.faydaVerificationSession.updateMany.mockResolvedValue({ count: 1 });
+      mockFetchSequence(
+        { json: async () => ({ access_token: 'tok', token_type: 'Bearer' }) },
+        {
+          headers: new Headers({ 'content-type': 'text/plain' }),
+          text: async () => 'not-a-jwt-not-a-json',
+        },
+      );
+
+      await expect(
+        service.completeVerification({ code: 'authcode', state: 'state-abc' }),
+      ).rejects.toMatchObject({ status: 502 });
+    });
+
+    it('falls back to localized name (name#en) when name is missing', async () => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(
+        pendingSession({ bookingId: 'booking-2' }),
+      );
+      prisma.faydaVerificationSession.update.mockResolvedValue({});
+      prisma.bookingSeat.updateMany.mockResolvedValue({ count: 1 });
+
+      mockFetchSequence(
+        { json: async () => ({ access_token: 'tok', token_type: 'Bearer' }) },
+        {
+          headers: new Headers({ 'content-type': 'application/json' }),
+          text: async () =>
+            JSON.stringify({
+              sub: 'fayda-sub-4',
+              'name#en': 'English Name',
+              'name#am': 'Amharic Name',
+            }),
+        },
+      );
+
+      const result = await service.completeVerification({
+        code: 'c',
+        state: 'state-abc',
+      });
+      expect(result.fullName).toBe('English Name');
+      expect(prisma.bookingSeat.updateMany.mock.calls[0][0].data.faydaVerifiedName).toBe(
+        'English Name',
+      );
+    });
+  });
+
+  describe('completeVerification — LOGIN', () => {
+    function loginSession(overrides: Partial<any> = {}) {
+      return {
+        id: 'login-session',
+        state: 'state-login',
+        codeVerifier: 'verifier-xyz',
+        purpose: 'LOGIN',
+        platform: 'WEB',
+        saveToAccount: false,
+        status: 'PENDING',
+        userId: null,
+        bookingId: null,
+        expiresAt: new Date(Date.now() + 60_000),
+        ...overrides,
+      };
+    }
+
+    function mockLoginFetch(userInfo: Record<string, unknown>) {
+      const queue = [
+        {
+          ok: true,
+          status: 200,
+          json: async () => ({ access_token: 'tok', token_type: 'Bearer' }),
+          text: async () => '',
+          headers: new Headers({ 'content-type': 'application/json' }),
+        },
+        {
+          ok: true,
+          status: 200,
+          json: async () => ({}),
+          text: async () => JSON.stringify(userInfo),
+          headers: new Headers({ 'content-type': 'application/json' }),
+        },
+      ];
+      (global as any).fetch = jest.fn(() => Promise.resolve(queue.shift()));
+    }
+
+    /** user.findUnique answers the faydaSub lookup and the issueLoginToken id lookup. */
+    function mockUserFindUnique(bySub: any, fullUser: any) {
+      prisma.user.findUnique.mockImplementation(async (args: any) => {
+        if (args?.where?.faydaSub !== undefined) return bySub;
+        if (args?.where?.id !== undefined) return fullUser;
+        return null;
+      });
+    }
+
+    beforeEach(() => {
+      prisma.faydaVerificationSession.findUnique.mockResolvedValue(loginSession());
+    });
+
+    it('creates a new user when no match and returns { token, user }', async () => {
+      const fullUser = {
+        id: 'new-user',
+        email: 'new@example.com',
+        role: 'PASSENGER',
+        passenger: { id: 'p-new' },
+        agent: null,
+      };
+      mockUserFindUnique(null, fullUser);
+      prisma.user.findFirst.mockResolvedValue(null);
+      prisma.user.create.mockResolvedValue({ id: 'new-user' });
+      prisma.passenger.create.mockResolvedValue({ id: 'p-new' });
+      prisma.loyaltyAccount.create.mockResolvedValue({});
+      prisma.walletAccount.create.mockResolvedValue({});
+      prisma.userPreferences.create.mockResolvedValue({});
+      prisma.faydaVerificationSession.update.mockResolvedValue({});
+
+      mockLoginFetch({ sub: 'login-sub-1', name: 'New Person', email: 'new@example.com' });
+
+      const result = await service.completeVerification({
+        code: 'c',
+        state: 'state-login',
+      });
+
+      expect(result).toMatchObject({
+        purpose: 'LOGIN',
+        verified: true,
+        token: 'signed.jwt.token',
+        user: { id: 'new-user', passengerId: 'p-new' },
+      });
+      expect(prisma.user.create).toHaveBeenCalledWith(
+        expect.objectContaining({
+          data: expect.objectContaining({
+            faydaSub: 'login-sub-1',
+            faydaVerified: true,
+            email: 'new@example.com',
+          }),
+        }),
+      );
+      expect(prisma.passenger.create).toHaveBeenCalled();
+      expect(jwt.sign).toHaveBeenCalledWith(
+        expect.objectContaining({ sub: 'new-user', passengerId: 'p-new' }),
+      );
+    });
+
+    it('logs in an existing user already linked by faydaSub', async () => {
+      const fullUser = {
+        id: 'known-user',
+        email: 'k@example.com',
+        role: 'PASSENGER',
+        passenger: { id: 'p-k' },
+        agent: null,
+      };
+      mockUserFindUnique({ id: 'known-user' }, fullUser);
+      prisma.faydaVerificationSession.update.mockResolvedValue({});
+
+      mockLoginFetch({ sub: 'login-sub-2', name: 'Known' });
+
+      const result = await service.completeVerification({
+        code: 'c',
+        state: 'state-login',
+      });
+
+      expect(result.user?.id).toBe('known-user');
+      expect(prisma.user.create).not.toHaveBeenCalled();
+    });
+
+    it('links Fayda to an existing account matched by email', async () => {
+      const fullUser = {
+        id: 'acc-1',
+        email: 'match@example.com',
+        role: 'PASSENGER',
+        passenger: { id: 'p-1' },
+        agent: null,
+      };
+      mockUserFindUnique(null, fullUser);
+      prisma.user.findFirst.mockResolvedValue({ id: 'acc-1', faydaSub: null });
+      prisma.user.update.mockResolvedValue({});
+      prisma.faydaVerificationSession.update.mockResolvedValue({});
+
+      mockLoginFetch({ sub: 'login-sub-3', email: 'match@example.com' });
+
+      const result = await service.completeVerification({
+        code: 'c',
+        state: 'state-login',
+      });
+
+      expect(result.user?.id).toBe('acc-1');
+      expect(prisma.user.update).toHaveBeenCalledWith(
+        expect.objectContaining({
+          where: { id: 'acc-1' },
+          data: expect.objectContaining({ faydaSub: 'login-sub-3' }),
+        }),
+      );
+      expect(prisma.user.create).not.toHaveBeenCalled();
+    });
+
+    it('throws identity_conflict (409) when matched account has a different faydaSub', async () => {
+      mockUserFindUnique(null, null);
+      prisma.user.findFirst.mockResolvedValue({ id: 'acc-2', faydaSub: 'someone-else' });
+      prisma.faydaVerificationSession.updateMany.mockResolvedValue({ count: 1 });
+
+      mockLoginFetch({ sub: 'login-sub-4', email: 'match@example.com' });
+
+      await expect(
+        service.completeVerification({ code: 'c', state: 'state-login' }),
+      ).rejects.toMatchObject({ status: 409 });
+      expect(prisma.user.update).not.toHaveBeenCalled();
+      expect(prisma.user.create).not.toHaveBeenCalled();
+    });
+  });
+
+  describe('getVerificationStatus', () => {
+    it('returns verified=true when User row has the flag', async () => {
+      prisma.user.findUnique.mockResolvedValue({
+        faydaVerified: true,
+        faydaVerifiedAt: new Date('2026-01-01T00:00:00Z'),
+        fullName: 'Test User',
+      });
+      const result = await service.getVerificationStatus('user-1');
+      expect(result).toEqual({
+        verified: true,
+        verifiedAt: new Date('2026-01-01T00:00:00Z'),
+        fullName: 'Test User',
+      });
+    });
+
+    it('returns verified=false when User row is missing or unverified', async () => {
+      prisma.user.findUnique.mockResolvedValue(null);
+      const result = await service.getVerificationStatus('user-x');
+      expect(result).toEqual({ verified: false });
+    });
+  });
+});
diff --git a/apps/edr-passenger-api/src/modules/verifayda/verifayda.service.ts b/apps/edr-passenger-api/src/modules/verifayda/verifayda.service.ts
new file mode 100644
index 000000000..f7b3e77fb
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/verifayda.service.ts
@@ -0,0 +1,688 @@
+import {
+  BadRequestException,
+  Injectable,
+  Logger,
+  ServiceUnavailableException,
+  UnauthorizedException,
+} from '@nestjs/common';
+import { ConfigService } from '@nestjs/config';
+import { JwtService } from '@nestjs/jwt';
+import axios, { AxiosInstance } from 'axios';
+import * as bcrypt from 'bcrypt';
+import { randomBytes } from 'crypto';
+import { PrismaService } from '../../common/prisma.service';
+import { FaydaConfig, FaydaPlatform } from '../../config/fayda.config';
+import {
+  generateCodeChallenge,
+  generateCodeVerifier,
+  generateState,
+} from './utils/pkce.util';
+import { generateClientAssertion } from './utils/client-assertion.util';
+import { VerifaydaCallbackDto, VerificationStatusDto } from './verifayda.dto';
+import {
+  FaydaIdentityConflictException,
+  FaydaTokenExchangeException,
+  FaydaUserInfoException,
+} from './verifayda.errors';
+import {
+  FaydaTokenResponse,
+  FaydaUserInfo,
+  NormalizedFaydaUserInfo,
+  VerifaydaPurpose,
+} from './verifayda.types';
+
+export interface VerifaydaPassengerData {
+  fullName: string;
+  dateOfBirth: Date;
+  gender?: string;
+  nationality?: string;
+  profileData?: Record<string, any>;
+}
+
+export interface VerifaydaVerificationResult {
+  verified: boolean;
+  passengerData?: VerifaydaPassengerData;
+  failureReason?: string;
+}
+
+export interface StartVerificationInput {
+  purpose: VerifaydaPurpose;
+  platform?: FaydaPlatform;
+  userId?: string;
+  bookingId?: string;
+  saveToAccount?: boolean;
+}
+
+export interface FaydaUserSummary {
+  id: string;
+  email: string;
+  role: string;
+  passengerId?: string;
+  agentId?: string;
+}
+
+/**
+ * Result of completing a verification. `verified` is always true on success.
+ * LOGIN additionally returns a JWT + user; PURCHASE returns the verified name.
+ */
+export interface CompleteVerificationResult {
+  purpose: VerifaydaPurpose;
+  verified: boolean;
+  token?: string;
+  user?: FaydaUserSummary;
+  fullName?: string;
+}
+
+@Injectable()
+export class VerifaydaService {
+  private readonly logger = new Logger(VerifaydaService.name);
+
+
+  private readonly faydaConfig: FaydaConfig;
+
+  private readonly httpClient: AxiosInstance;
+  private readonly stubEnabled: boolean;
+  private readonly stubApiUrl: string;
+  private readonly stubApiKey: string;
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly prisma: PrismaService,
+    private readonly jwt: JwtService,
+  ) {
+    const fayda = this.config.get<FaydaConfig>('fayda');
+    if (!fayda) {
+      throw new Error('Fayda config namespace not registered');
+    }
+    this.faydaConfig = fayda;
+
+    this.stubEnabled = this.config.get<boolean>('VERIFAYDA_ENABLED', false);
+    this.stubApiUrl = this.config.get<string>(
+      'VERIFAYDA_API_URL',
+      'https://api.verifayda.gov.et/v2',
+    );
+    this.stubApiKey = this.config.get<string>('VERIFAYDA_API_KEY', '');
+    
+    this.logger.log(`Verifayda configuration: enabled=${this.stubEnabled}, url=${this.stubApiUrl}`);
+    
+    // Only create HTTP client if Verifayda is enabled
+    if (this.stubEnabled) {
+      this.httpClient = axios.create({
+        baseURL: this.stubApiUrl,
+        timeout: 10000,
+        headers: { 'Content-Type': 'application/json', 'X-API-Key': this.stubApiKey },
+      });
+      this.logger.log('Verifayda HTTP client created');
+    } else {
+      this.logger.log('Verifayda HTTP client NOT created (disabled)');
+    }
+  }
+
+  // ==========================================================================
+  // OIDC flow
+  // ==========================================================================
+
+  async startVerification(input: StartVerificationInput): Promise<string> {
+    if (!this.faydaConfig.enabled) {
+      throw new ServiceUnavailableException({
+        code: 'FAYDA_DISABLED',
+        message: 'Fayda integration is not enabled',
+      });
+    }
+
+    const state = generateState();
+    const codeVerifier = generateCodeVerifier();
+    const codeChallenge = generateCodeChallenge(codeVerifier);
+    const expiresAt = new Date(
+      Date.now() + this.faydaConfig.sessionTtlMinutes * 60_000,
+    );
+
+    await this.prisma.faydaVerificationSession.create({
+      data: {
+        state,
+        codeVerifier,
+        purpose: input.purpose,
+        platform: input.platform ?? 'WEB',
+        saveToAccount: input.saveToAccount ?? false,
+        userId: input.userId ?? null,
+        bookingId: input.bookingId ?? null,
+        expiresAt,
+      },
+    });
+
+    this.logger.log(
+      `Fayda verification started: purpose=${input.purpose} platform=${input.platform ?? 'WEB'} userId=${input.userId ?? 'none'} bookingId=${input.bookingId ?? 'none'}`,
+    );
+
+    return this.buildAuthorizationUrl({ state, codeChallenge });
+  }
+
+
+  async completeVerification(
+    query: VerifaydaCallbackDto,
+  ): Promise<CompleteVerificationResult> {
+    if (query.error) {
+      this.logger.warn(`Fayda callback returned error: ${query.error}`);
+      if (query.state) {
+        await this.markSessionFailed(
+          query.state,
+          query.error,
+          query.error_description,
+        );
+      }
+      throw new BadRequestException({
+        code: 'FAYDA_AUTH_ERROR',
+        message: query.error,
+        description: query.error_description,
+      });
+    }
+
+    if (!query.code || !query.state) {
+      throw new BadRequestException({
+        code: 'FAYDA_MISSING_PARAMETERS',
+        message: 'code and state are required',
+      });
+    }
+
+    const session = await this.prisma.faydaVerificationSession.findUnique({
+      where: { state: query.state },
+    });
+    if (!session || session.status !== 'PENDING') {
+      this.logger.warn('Fayda complete with unknown or non-pending state');
+      throw new BadRequestException({
+        code: 'FAYDA_INVALID_STATE',
+        message: 'Verification session is invalid or already used',
+      });
+    }
+    if (session.expiresAt.getTime() < Date.now()) {
+      await this.markSessionFailed(query.state, 'session_expired');
+      throw new BadRequestException({
+        code: 'FAYDA_SESSION_EXPIRED',
+        message: 'Verification session has expired; start again',
+      });
+    }
+
+    try {
+      const tokens = await this.exchangeCodeForTokens(
+        query.code,
+        session.codeVerifier,
+      );
+      const userInfo = await this.fetchUserInfo(tokens.access_token);
+      const normalized = this.normalizeUserInfo(userInfo);
+
+      if (!normalized.sub) {
+        throw new FaydaUserInfoException('Fayda userinfo missing required sub');
+      }
+
+      let result: CompleteVerificationResult;
+      if (session.purpose === 'PURCHASE') {
+        await this.handlePurchaseSuccess(session, normalized);
+        result = {
+          purpose: 'PURCHASE',
+          verified: true,
+          fullName: normalized.fullName,
+        };
+      } else {
+        const { userId } = await this.handleLoginSuccess(normalized);
+        const login = await this.issueLoginToken(userId);
+        result = { purpose: 'LOGIN', verified: true, ...login };
+      }
+
+      await this.prisma.faydaVerificationSession.update({
+        where: { id: session.id },
+        data: { status: 'COMPLETED', completedAt: new Date(), codeVerifier: '' },
+      });
+
+      this.logger.log(
+        `Fayda verification completed: purpose=${session.purpose} platform=${session.platform}`,
+      );
+      return result;
+    } catch (err) {
+      const reason = this.classifyFailureReason(err);
+      this.logger.error(
+        `Fayda verification failed: reason=${reason} message=${(err as Error).message}`,
+      );
+      await this.markSessionFailed(
+        query.state,
+        reason,
+        (err as Error).message,
+      );
+      throw err;
+    }
+  }
+
+  /** Loads a user (+ relations) and mints the same JWT shape as `/auth/login`. */
+  private async issueLoginToken(
+    userId: string,
+  ): Promise<{ token: string; user: FaydaUserSummary }> {
+    const user = await this.prisma.user.findUnique({
+      where: { id: userId },
+      include: { passenger: true, agent: true },
+    });
+    if (!user) {
+      // Should not happen — we just resolved/created this user.
+      throw new UnauthorizedException({
+        code: 'FAYDA_LOGIN_FAILED',
+        message: 'Could not load the verified user',
+      });
+    }
+
+    const summary: FaydaUserSummary = {
+      id: user.id,
+      email: user.email,
+      role: user.role,
+      passengerId: user.passenger?.id,
+      agentId: user.agent?.id,
+    };
+    const token = this.jwt.sign({
+      sub: summary.id,
+      email: summary.email,
+      role: summary.role,
+      passengerId: summary.passengerId,
+      agentId: summary.agentId,
+    });
+
+    this.logger.log(`Fayda login issued token for user ${user.id}`);
+    return { token, user: summary };
+  }
+
+  async getVerificationStatus(userId: string): Promise<VerificationStatusDto> {
+    const user = await this.prisma.user.findUnique({
+      where: { id: userId },
+      select: { faydaVerified: true, faydaVerifiedAt: true, fullName: true },
+    });
+
+    return {
+      verified: user?.faydaVerified ?? false,
+      verifiedAt: user?.faydaVerifiedAt ?? undefined,
+      fullName: user?.fullName ?? undefined,
+    };
+  }
+
+  // ==========================================================================
+  // OIDC internals
+  // ==========================================================================
+
+  private buildAuthorizationUrl(args: {
+    state: string;
+    codeChallenge: string;
+  }): string {
+    const params = new URLSearchParams({
+      client_id: this.faydaConfig.clientId,
+      response_type: 'code',
+      redirect_uri: this.faydaConfig.redirectUri,
+      scope: this.faydaConfig.scope,
+      state: args.state,
+      code_challenge: args.codeChallenge,
+      code_challenge_method: 'S256',
+      acr_values: this.faydaConfig.acrValues,
+      claims_locales: this.faydaConfig.claimsLocales,
+    });
+
+    const claims = {
+      userinfo: {
+        name: { essential: true },
+        phone_number: { essential: true },
+        email: { essential: false },
+        birthdate: { essential: true },
+        gender: { essential: false },
+        picture: { essential: false },
+      },
+      id_token: {},
+    };
+    params.set('claims', JSON.stringify(claims));
+
+    return `${this.faydaConfig.authorizationEndpoint}?${params.toString()}`;
+  }
+
+  private async exchangeCodeForTokens(
+    code: string,
+    codeVerifier: string,
+  ): Promise<FaydaTokenResponse> {
+    const clientAssertion = await generateClientAssertion({
+      clientId: this.faydaConfig.clientId,
+      audience: this.faydaConfig.tokenEndpoint,
+      privateJwk: this.faydaConfig.privateJwk,
+    });
+
+    const body = new URLSearchParams({
+      grant_type: 'authorization_code',
+      code,
+      redirect_uri: this.faydaConfig.redirectUri,
+      client_id: this.faydaConfig.clientId,
+      client_assertion_type:
+        'urn:ietf:params:oauth:client-assertion-type:jwt-bearer',
+      client_assertion: clientAssertion,
+      code_verifier: codeVerifier,
+    });
+
+    const response = await fetch(this.faydaConfig.tokenEndpoint, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body,
+    });
+
+    if (!response.ok) {
+      let detail = '';
+      try {
+        detail = await response.text();
+      } catch {
+        // ignore
+      }
+      throw new FaydaTokenExchangeException(
+        `Fayda token endpoint returned ${response.status}${detail ? `: ${detail}` : ''}`,
+      );
+    }
+
+    return (await response.json()) as FaydaTokenResponse;
+  }
+
+  private async fetchUserInfo(accessToken: string): Promise<FaydaUserInfo> {
+    const response = await fetch(this.faydaConfig.userInfoEndpoint, {
+      method: 'GET',
+      headers: { Authorization: `Bearer ${accessToken}` },
+    });
+
+    if (!response.ok) {
+      throw new FaydaUserInfoException(
+        `Fayda userinfo endpoint returned ${response.status}`,
+      );
+    }
+
+    const contentType = response.headers.get('content-type') ?? '';
+    const raw = await response.text();
+
+    if (contentType.includes('application/json')) {
+      return JSON.parse(raw) as FaydaUserInfo;
+    }
+
+    // Signed JWT response — decode payload (signature verification = production TODO)
+    if (raw.split('.').length === 3) {
+      const payloadB64 = raw.split('.')[1];
+      const normalizedB64 = payloadB64.replace(/-/g, '+').replace(/_/g, '/');
+      const json = Buffer.from(normalizedB64, 'base64').toString('utf8');
+      return JSON.parse(json) as FaydaUserInfo;
+    }
+
+    throw new FaydaUserInfoException(
+      'Unsupported Fayda userinfo response format',
+    );
+  }
+
+  private normalizeUserInfo(raw: FaydaUserInfo): NormalizedFaydaUserInfo {
+    return {
+      sub: raw.sub,
+      fullName: raw.name ?? raw['name#en'] ?? raw['name#am'],
+      phoneNumber:
+        raw.phone_number ?? raw['phone_number#en'] ?? raw['phone_number#am'] ?? raw.phone,
+      email: raw.email,
+      gender: raw.gender,
+      birthdate: raw.birthdate,
+      picture: raw.picture,
+    };
+  }
+
+  private async handlePurchaseSuccess(
+    session: {
+      id: string;
+      userId: string | null;
+      bookingId: string | null;
+      saveToAccount: boolean;
+    },
+    normalized: NormalizedFaydaUserInfo,
+  ): Promise<void> {
+    if (session.bookingId) {
+      await this.prisma.bookingSeat.updateMany({
+        where: { bookingId: session.bookingId },
+        data: {
+          faydaVerifiedAt: new Date(),
+          faydaSub: normalized.sub,
+          faydaVerifiedName: normalized.fullName ?? null,
+        },
+      });
+    }
+
+    if (session.userId && session.saveToAccount) {
+      const conflict = await this.prisma.user.findFirst({
+        where: {
+          faydaSub: normalized.sub,
+          NOT: { id: session.userId },
+        },
+        select: { id: true },
+      });
+      if (conflict) {
+        throw new FaydaIdentityConflictException();
+      }
+
+      await this.prisma.user.update({
+        where: { id: session.userId },
+        data: {
+          faydaVerified: true,
+          faydaVerifiedAt: new Date(),
+          faydaSub: normalized.sub,
+        },
+      });
+    }
+  }
+
+  /**
+   * Resolves the User for a LOGIN flow and returns its id (the caller mints the
+   * JWT via {@link issueLoginToken}). Resolution order:
+   *   1. Existing user already linked to this Fayda `sub`.
+   *   2. Existing account whose email/phone matches — linked to this `sub`.
+   *   3. Otherwise a fresh Fayda-backed account is created.
+   */
+  private async handleLoginSuccess(
+    normalized: NormalizedFaydaUserInfo,
+  ): Promise<{ userId: string }> {
+    let userId: string;
+
+    const bySub = await this.prisma.user.findUnique({
+      where: { faydaSub: normalized.sub },
+      select: { id: true },
+    });
+
+    if (bySub) {
+      userId = bySub.id;
+    } else {
+      const matchers: Array<{ email?: string; phone?: string }> = [];
+      if (normalized.email) matchers.push({ email: normalized.email });
+      if (normalized.phoneNumber) matchers.push({ phone: normalized.phoneNumber });
+
+      const existing = matchers.length
+        ? await this.prisma.user.findFirst({
+            where: { OR: matchers },
+            select: { id: true, faydaSub: true },
+          })
+        : null;
+
+      if (existing) {
+        if (existing.faydaSub && existing.faydaSub !== normalized.sub) {
+          // The matched account is already tied to a different Fayda identity.
+          throw new FaydaIdentityConflictException();
+        }
+        await this.prisma.user.update({
+          where: { id: existing.id },
+          data: {
+            faydaSub: normalized.sub,
+            faydaVerified: true,
+            faydaVerifiedAt: new Date(),
+          },
+        });
+        userId = existing.id;
+        this.logger.log(`Fayda login linked existing user ${existing.id}`);
+      } else {
+        userId = await this.createFaydaUser(normalized);
+        this.logger.log(`Fayda login created new user ${userId}`);
+      }
+    }
+
+    return { userId };
+  }
+
+  /**
+   * Creates a Fayda-backed User plus the same satellite rows registration makes
+   * (Passenger, LoyaltyAccount, WalletAccount, UserPreferences).
+   *
+   * The user has no password — `passwordHash` is set to a bcrypt of random bytes
+   * so password login is impossible; they authenticate only via Fayda. When
+   * Fayda doesn't supply an email/phone, a deterministic placeholder derived from
+   * the (unique) `sub` keeps the NOT NULL + unique columns satisfied.
+   */
+  private async createFaydaUser(
+    normalized: NormalizedFaydaUserInfo,
+  ): Promise<string> {
+    const passwordHash = await bcrypt.hash(
+      randomBytes(32).toString('hex'),
+      10,
+    );
+    const email = normalized.email ?? `fayda_${normalized.sub}@users.fayda.local`;
+    const phone = normalized.phoneNumber ?? `fayda:${normalized.sub}`;
+    const fullName = normalized.fullName ?? 'Fayda User';
+
+    const user = await this.prisma.user.create({
+      data: {
+        fullName,
+        email,
+        phone,
+        passwordHash,
+        faydaVerified: true,
+        faydaVerifiedAt: new Date(),
+        faydaSub: normalized.sub,
+      },
+      select: { id: true },
+    });
+    const passenger = await this.prisma.passenger.create({
+      data: { userId: user.id },
+      select: { id: true },
+    });
+    await this.prisma.loyaltyAccount.create({
+      data: { passengerId: passenger.id },
+    });
+    await this.prisma.walletAccount.create({
+      data: { passengerId: passenger.id },
+    });
+    await this.prisma.userPreferences.create({ data: { userId: user.id } });
+
+    return user.id;
+  }
+
+  private async markSessionFailed(
+    state: string,
+    errorCode: string,
+    errorDescription?: string,
+  ): Promise<void> {
+    await this.prisma.faydaVerificationSession.updateMany({
+      where: { state, status: 'PENDING' },
+      data: {
+        status: 'FAILED',
+        errorCode,
+        errorDescription: errorDescription ?? null,
+        completedAt: new Date(),
+        codeVerifier: '',
+      },
+    });
+  }
+
+  private classifyFailureReason(err: unknown): string {
+    if (err instanceof FaydaIdentityConflictException) return 'identity_conflict';
+    if (err instanceof FaydaTokenExchangeException) return 'token_exchange_failed';
+    if (err instanceof FaydaUserInfoException) return 'userinfo_failed';
+    return 'verification_failed';
+  }
+
+  // ==========================================================================
+  // DEPRECATED: legacy stub flow
+  // ==========================================================================
+
+  /** @deprecated Use the OIDC flow instead. Retained until cleanup. */
+  async verifyNationalId(
+    nationalId: string,
+    bookingId?: string,
+  ): Promise<VerifaydaVerificationResult> {
+    this.logger.log(`verifyNationalId called: stubEnabled=${this.stubEnabled}, type=${typeof this.stubEnabled}`);
+    
+    if (this.stubEnabled != false || this.stubEnabled) {
+      this.logger.warn('Verifayda stub is disabled - returning mock data (development mode)');
+      // In development mode, return mock verified data
+      return {
+        verified: true,
+        passengerData: {
+          fullName: 'Mock Passenger',
+          dateOfBirth: new Date('1990-01-01'),
+          gender: 'Male',
+          nationality: 'Ethiopian',
+        },
+      };
+    }
+
+    const requestPayload = {
+      nationalId,
+      requestedFields: ['fullName', 'dateOfBirth', 'gender', 'nationality'],
+      timestamp: new Date().toISOString(),
+    };
+
+    try {
+      this.logger.log('Verifying national ID via legacy Verifayda stub');
+      const response = await this.httpClient.post('/verify', requestPayload);
+      const { data } = response;
+
+      if (data.status === 'verified' && data.citizen) {
+        const passengerData: VerifaydaPassengerData = {
+          fullName: data.citizen.fullName,
+          dateOfBirth: new Date(data.citizen.dateOfBirth),
+          gender: data.citizen.gender,
+          nationality: data.citizen.nationality || 'Ethiopian',
+          profileData: data.citizen,
+        };
+
+        await this.prisma.verifaydaVerification.create({
+          data: {
+            bookingId,
+            nationalId,
+            requestPayload,
+            responsePayload: data,
+            verified: true,
+            verifiedAt: new Date(),
+          },
+        });
+
+        return { verified: true, passengerData };
+      }
+
+      const failureReason = data.message || 'Verification failed';
+      await this.prisma.verifaydaVerification.create({
+        data: {
+          bookingId,
+          nationalId,
+          requestPayload,
+          responsePayload: data,
+          verified: false,
+          failureReason,
+        },
+      });
+      return { verified: false, failureReason };
+    } catch (error: any) {
+      const errorMessage =
+        error.response?.data?.message || error.message || 'Unknown error';
+      await this.prisma.verifaydaVerification.create({
+        data: {
+          bookingId,
+          nationalId,
+          requestPayload,
+          verified: false,
+          failureReason: errorMessage,
+        },
+      });
+      this.logger.error(`Verifayda stub error: ${errorMessage}`);
+      throw new BadRequestException(
+        `National ID verification failed: ${errorMessage}`,
+      );
+    }
+  }
+
+  /** @deprecated Use `faydaConfig.enabled` for the OIDC flow. */
+  isEnabled(): boolean {
+    return this.stubEnabled;
+  }
+}
diff --git a/apps/edr-passenger-api/src/modules/verifayda/verifayda.types.ts b/apps/edr-passenger-api/src/modules/verifayda/verifayda.types.ts
new file mode 100644
index 000000000..7c7335c34
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/verifayda/verifayda.types.ts
@@ -0,0 +1,36 @@
+export type VerifaydaPurpose = 'LOGIN' | 'PURCHASE';
+
+export interface FaydaTokenResponse {
+  access_token: string;
+  id_token?: string;
+  token_type: string;
+  expires_in?: number;
+  scope?: string;
+}
+
+export interface FaydaUserInfo {
+  sub: string;
+  name?: string;
+  'name#en'?: string;
+  'name#am'?: string;
+  phone_number?: string;
+  'phone_number#en'?: string;
+  'phone_number#am'?: string;
+  phone?: string;
+  email?: string;
+  gender?: string;
+  birthdate?: string;
+  picture?: string;
+  address?: Record<string, unknown>;
+  [key: string]: unknown;
+}
+
+export interface NormalizedFaydaUserInfo {
+  sub: string;
+  fullName?: string;
+  phoneNumber?: string;
+  email?: string;
+  gender?: string;
+  birthdate?: string;
+  picture?: string;
+}
diff --git a/apps/edr-passenger-api/src/modules/wallet/wallet.controller.ts b/apps/edr-passenger-api/src/modules/wallet/wallet.controller.ts
new file mode 100644
index 000000000..8d100863c
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/wallet/wallet.controller.ts
@@ -0,0 +1,14 @@
+import { Body, Controller, Get, Param, Post, UseGuards } from '@nestjs/common';
+import { ApiTags, ApiOperation, ApiBearerAuth } from '@nestjs/swagger';
+import { WalletService } from './wallet.service';
+import { JwtGuard } from '../../common/jwt.guard';
+
+@ApiTags('Wallet')
+@Controller('wallet')
+@UseGuards(JwtGuard)
+@ApiBearerAuth('JWT-auth')
+export class WalletController {
+  constructor(private service: WalletService) {}
+  @Get(':passengerId')          @ApiOperation({ summary: 'Get wallet balance and ledger' }) getWallet(@Param('passengerId') id: string) { return this.service.getWallet(id); }
+  @Post(':passengerId/topup')   @ApiOperation({ summary: 'Top up wallet' })                 topUp(@Param('passengerId') id: string, @Body('amountMinor') amount: number) { return this.service.topUp(id, amount); }
+}
diff --git a/apps/edr-passenger-api/src/modules/wallet/wallet.module.ts b/apps/edr-passenger-api/src/modules/wallet/wallet.module.ts
new file mode 100644
index 000000000..fb05cf67b
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/wallet/wallet.module.ts
@@ -0,0 +1,6 @@
+import { Module } from '@nestjs/common';
+import { WalletController } from './wallet.controller';
+import { WalletService } from './wallet.service';
+
+@Module({ controllers: [WalletController], providers: [WalletService] })
+export class WalletModule {}
diff --git a/apps/edr-passenger-api/src/modules/wallet/wallet.service.ts b/apps/edr-passenger-api/src/modules/wallet/wallet.service.ts
new file mode 100644
index 000000000..a83d97e0b
--- /dev/null
+++ b/apps/edr-passenger-api/src/modules/wallet/wallet.service.ts
@@ -0,0 +1,21 @@
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../../common/prisma.service';
+
+@Injectable()
+export class WalletService {
+  constructor(private prisma: PrismaService) {}
+
+  async getWallet(passengerId: string) {
+    const wallet = await this.prisma.walletAccount.findUnique({ where: { passengerId }, include: { ledger: { orderBy: { createdAt: 'desc' }, take: 20 } } });
+    if (!wallet) throw new NotFoundException('Wallet not found');
+    return wallet;
+  }
+
+  async topUp(passengerId: string, amountMinor: number, description = 'Top-up') {
+    const wallet = await this.prisma.walletAccount.findUnique({ where: { passengerId } });
+    if (!wallet) throw new NotFoundException('Wallet not found');
+    const newBalance = wallet.balanceMinor + amountMinor;
+    await this.prisma.walletAccount.update({ where: { passengerId }, data: { balanceMinor: newBalance } });
+    return this.prisma.walletLedgerEntry.create({ data: { walletId: wallet.id, type: 'CREDIT', amountMinor, balanceAfterMinor: newBalance, description } });
+  }
+}
diff --git a/apps/edr-passenger-api/test/app.e2e-spec.ts b/apps/edr-passenger-api/test/app.e2e-spec.ts
index 295966095..e5c55ebc2 100644
--- a/apps/edr-passenger-api/test/app.e2e-spec.ts
+++ b/apps/edr-passenger-api/test/app.e2e-spec.ts
@@ -1,10 +1,9 @@
-import { INestApplication } from "@nestjs/common";
-import { Test, TestingModule } from "@nestjs/testing";
-import request from "supertest";
+import { INestApplication, ValidationPipe } from '@nestjs/common';
+import { Test, TestingModule } from '@nestjs/testing';
+import request from 'supertest';
+import { AppModule } from '../src/app.module';
 
-import { AppModule } from "../src/app.module";
-
-describe("Passenger API (e2e)", () => {
+describe('Passenger API (e2e)', () => {
   let app: INestApplication;
 
   beforeAll(async () => {
@@ -13,6 +12,7 @@ describe("Passenger API (e2e)", () => {
     }).compile();
 
     app = moduleFixture.createNestApplication();
+    app.useGlobalPipes(new ValidationPipe({ whitelist: true, transform: true }));
     await app.init();
   });
 
@@ -20,7 +20,18 @@ describe("Passenger API (e2e)", () => {
     await app.close();
   });
 
-  it("GET /api/tickets returns a 200 with a list", () => {
-    return request(app.getHttpServer()).get("/api/tickets").expect(200);
+  it('GET /stations returns 200', () => {
+    return request(app.getHttpServer()).get('/stations').expect(200);
+  });
+
+  it('GET /search returns 200', () => {
+    return request(app.getHttpServer()).get('/search').expect(404); // POST only
+  });
+
+  it('POST /auth/login with bad credentials returns 401', () => {
+    return request(app.getHttpServer())
+      .post('/auth/login')
+      .send({ email: 'nobody@test.com', password: 'wrong' })
+      .expect(401);
   });
 });
diff --git a/apps/edr-passenger-api/test/jest-e2e.json b/apps/edr-passenger-api/test/jest-e2e.json
new file mode 100644
index 000000000..0f4a0d400
--- /dev/null
+++ b/apps/edr-passenger-api/test/jest-e2e.json
@@ -0,0 +1,7 @@
+{
+  "moduleFileExtensions": ["js", "json", "ts"],
+  "rootDir": ".",
+  "testRegex": ".e2e-spec.ts$",
+  "transform": { "^.+\\.(t|j)s$": "ts-jest" },
+  "testEnvironment": "node"
+}
diff --git a/apps/edr-passenger-api/tsconfig.json b/apps/edr-passenger-api/tsconfig.json
index e8cec7548..e9fbe1ffe 100644
--- a/apps/edr-passenger-api/tsconfig.json
+++ b/apps/edr-passenger-api/tsconfig.json
@@ -6,7 +6,11 @@
     "rootDir": "./src",
     "noEmit": false,
     "incremental": true,
-    "tsBuildInfoFile": "./.tsbuildinfo"
+    "tsBuildInfoFile": "./.tsbuildinfo",
+    "paths": { "@/*": ["./src/*"] },
+    "strictPropertyInitialization": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false
   },
   "include": ["src"]
 }
diff --git a/apps/edr-passenger-web/Dockerfile.backoffice b/apps/edr-passenger-web/Dockerfile.backoffice
deleted file mode 100644
index d5ef88041..000000000
--- a/apps/edr-passenger-web/Dockerfile.backoffice
+++ /dev/null
@@ -1,18 +0,0 @@
-FROM node:20-alpine AS base
-RUN corepack enable && corepack prepare pnpm@9.12.0 --activate
-WORKDIR /app
-
-FROM base AS deps
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
-COPY apps/edr-passenger-web/backoffice/package.json ./apps/edr-passenger-web/backoffice/
-COPY packages ./packages
-RUN pnpm install --frozen-lockfile --filter @edr/passenger-backoffice...
-
-FROM deps AS build
-COPY apps/edr-passenger-web/backoffice ./apps/edr-passenger-web/backoffice
-RUN pnpm --filter @edr/passenger-backoffice build
-
-FROM nginx:1.27-alpine AS runtime
-COPY --from=build /app/apps/edr-passenger-web/backoffice/dist /usr/share/nginx/html
-EXPOSE 5184
-CMD ["nginx", "-g", "daemon off;"]
diff --git a/apps/edr-passenger-web/Dockerfile.portal b/apps/edr-passenger-web/Dockerfile.portal
deleted file mode 100644
index 0c50843b0..000000000
--- a/apps/edr-passenger-web/Dockerfile.portal
+++ /dev/null
@@ -1,18 +0,0 @@
-FROM node:20-alpine AS base
-RUN corepack enable && corepack prepare pnpm@9.12.0 --activate
-WORKDIR /app
-
-FROM base AS deps
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
-COPY apps/edr-passenger-web/portal/package.json ./apps/edr-passenger-web/portal/
-COPY packages ./packages
-RUN pnpm install --frozen-lockfile --filter @edr/passenger-portal...
-
-FROM deps AS build
-COPY apps/edr-passenger-web/portal ./apps/edr-passenger-web/portal
-RUN pnpm --filter @edr/passenger-portal build
-
-FROM nginx:1.27-alpine AS runtime
-COPY --from=build /app/apps/edr-passenger-web/portal/dist /usr/share/nginx/html
-EXPOSE 5174
-CMD ["nginx", "-g", "daemon off;"]
diff --git a/apps/edr-passenger-web/backoffice/.env.example b/apps/edr-passenger-web/backoffice/.env.example
index 34eff7170..5263b3a36 100644
--- a/apps/edr-passenger-web/backoffice/.env.example
+++ b/apps/edr-passenger-web/backoffice/.env.example
@@ -1 +1,9 @@
-VITE_API_URL=http://localhost:3002
+# API Configuration
+NEXT_PUBLIC_API_URL=https://your-api-domain.com
+
+# IAM Configuration (Corporate Authentication)
+NEXT_PUBLIC_IAM_ENABLED=false
+NEXT_PUBLIC_IAM_API_URL=https://iam.tria-plc.com/api
+
+# GitHub Packages Token
+GITHUB_PACKAGE_TOKEN=$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
diff --git a/apps/edr-passenger-web/backoffice/.eslintrc.json b/apps/edr-passenger-web/backoffice/.eslintrc.json
new file mode 100644
index 000000000..015e65d11
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/.eslintrc.json
@@ -0,0 +1,6 @@
+{
+  "extends": ["next/core-web-vitals"],
+  "rules": {
+    "react/no-unescaped-entities": "off"
+  }
+}
diff --git a/apps/edr-passenger-web/backoffice/.gitignore b/apps/edr-passenger-web/backoffice/.gitignore
new file mode 100644
index 000000000..6d8566f8a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/.gitignore
@@ -0,0 +1,35 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.vscode/
\ No newline at end of file
diff --git a/apps/edr-passenger-web/backoffice/README.md b/apps/edr-passenger-web/backoffice/README.md
new file mode 100644
index 000000000..f248eab93
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/README.md
@@ -0,0 +1,419 @@
+# EDR Admin Portal (Backoffice)
+
+Comprehensive admin portal for the Ethio-Djibouti Railway passenger management system. Built with Next.js 14, TypeScript, and Tailwind CSS with full dark mode support and EDR branding.
+
+## 🚀 Enhanced Features
+
+### Complete Admin Module Coverage
+- **Overview** - Dashboard with KPIs, revenue trends, and real-time metrics
+- **Operations** - Bookings, Passengers, Tickets, Live Tracking, Agent Operations
+- **Master Data** - Stations, Routes, Fleet Management, Schedules, Seat Classes
+- **Financial** - Pricing & Fares, Payments, Wallet Management, Promotions
+- **Customer Services** - Loyalty Program, Support Center, Notifications, Food & Dining
+- **Security & Compliance** - Fraud Detection, Verifayda Integration, Audit Logs
+- **Analytics & Reports** - Comprehensive reporting and operational analytics
+- **System** - Settings and configuration management
+
+### UI/UX Enhancements
+- **EDR Branding** - Official blue, orange, and red color scheme
+- **Dark Mode** - Full dark mode support with theme persistence
+- **Collapsible Sidebar** - Space-efficient navigation with categorized sections
+- **Responsive Design** - Mobile-first approach with adaptive layouts
+- **Loading States** - Skeleton loaders and async action feedback
+- **Interactive Components** - Sortable tables, action buttons, modals
+
+### Technical Features
+- **Real API Integration** - Connected to all EDR passenger API endpoints
+- **Functional CRUD Operations** - Add, edit, delete with optimistic updates
+- **Advanced Data Tables** - Sorting, filtering, pagination, bulk actions
+- **Form Validation** - Client-side validation with error handling
+- **State Management** - Zustand for auth and theme state
+- **Query Management** - React Query for server state and caching
+- **Type Safety** - Full TypeScript coverage with EDR domain types
+
+## 📋 Prerequisites
+
+- Node.js >= 20.x
+- pnpm >= 9.x
+- EDR Passenger API running on http://localhost:4000
+
+## 🛠️ Installation
+
+### 1. Install Dependencies
+
+From the monorepo root:
+```bash
+pnpm install
+```
+
+Or from the backoffice directory:
+```bash
+cd apps/edr-passenger-web/backoffice
+pnpm install
+```
+
+### 2. Environment Configuration
+
+Copy the environment template:
+```bash
+cp .env.example .env.local
+```
+
+Edit `.env.local`:
+```bash
+# API Configuration
+NEXT_PUBLIC_API_URL=http://localhost:4000
+
+# IAM Configuration (Corporate Authentication)
+NEXT_PUBLIC_IAM_ENABLED=false
+NEXT_PUBLIC_IAM_API_URL=https://iam.tria-plc.com/api
+```
+
+### 3. Start Development Server
+
+From the backoffice directory:
+```bash
+pnpm dev
+```
+
+Or from the monorepo root:
+```bash
+pnpm --filter @edr/passenger-backoffice run dev
+```
+
+The admin portal will be available at: **http://localhost:3001**
+
+## 🔑 Login Credentials
+
+Use these demo credentials to access the admin portal:
+
+| Email | Password | Role |
+|-------|----------|------|
+| admin@edr-platform.com | admin123 | Admin |
+
+**Note:** This is a stub authentication flow. TODO: Integrate with real backend auth endpoint.
+
+## 📁 Enhanced Project Structure
+
+```
+backoffice/
+├── src/
+│   ├── app/                      # Next.js App Router pages
+│   │   ├── dashboard/            # Dashboard with KPIs
+│   │   ├── bookings/             # Booking management
+│   │   ├── passengers/           # Passenger management
+│   │   ├── stations/             # Station master data
+│   │   ├── routes/               # Route management
+│   │   ├── fleet/                # Train & coach management
+│   │   ├── schedules/            # Trip schedules
+│   │   ├── seat-classes/         # Seat class configuration
+│   │   ├── pricing/              # Fare rules & pricing
+│   │   ├── payments/             # Payment management
+│   │   ├── tickets/              # Ticket operations
+│   │   ├── agents/               # Agent operations
+│   │   ├── loyalty/              # Loyalty program
+│   │   ├── wallet/               # Wallet management
+│   │   ├── promotions/           # Promotion management
+│   │   ├── support/              # Customer support
+│   │   ├── notifications/        # Notification center
+│   │   ├── fraud/                # Fraud detection
+│   │   ├── verifayda/            # ID verification
+│   │   ├── audit/                # Audit logs
+│   │   ├── live/                 # Live tracking
+│   │   ├── food/                 # Food & dining
+│   │   ├── reports/              # Analytics & reports
+│   │   ├── operational-reports/  # Operational reports
+│   │   ├── settings/             # System settings
+│   │   └── login/                # Authentication
+│   ├── components/
+│   │   ├── layout/               # Layout components
+│   │   │   ├── Sidebar.tsx       # Collapsible navigation
+│   │   │   └── Header.tsx        # Top header
+│   │   ├── dashboard/            # Dashboard components
+│   │   │   └── StatCard.tsx      # KPI cards
+│   │   └── ui/                   # Enhanced UI components
+│   │       ├── DataTable.tsx     # Advanced data table
+│   │       ├── ActionButton.tsx  # Loading button
+│   │       ├── Badge.tsx         # Status badges
+│   │       ├── Modal.tsx         # Modal dialogs
+│   │       └── Pagination.tsx    # Pagination
+│   ├── lib/
+│   │   ├── api/                  # Comprehensive API layer
+│   │   │   ├── index.ts          # All EDR API services
+│   │   │   ├── bookings.ts       # Booking operations
+│   │   │   ├── passengers.ts     # Passenger operations
+│   │   │   ├── routes.ts         # Route operations
+│   │   │   └── dashboard.ts      # Dashboard data
+│   │   ├── api-client.ts         # Axios client
+│   │   ├── auth-store.ts         # Authentication state
+│   │   ├── theme-store.ts        # Dark mode state
+│   │   └── utils.ts              # Utility functions
+│   ├── types/
+│   │   ├── index.ts              # Main types
+│   │   └── edr.ts                # EDR domain types
+│   └── styles/
+│       └── globals.css           # Enhanced styles with dark mode
+├── .env.example                  # Environment template
+├── .env.local                    # Local environment
+├── next.config.js                # Next.js configuration
+├── tailwind.config.js            # Enhanced Tailwind config
+├── tsconfig.json                 # TypeScript configuration
+└── package.json                  # Dependencies
+```
+
+## 🎨 EDR Design System
+
+### Color Palette
+- **Primary Blue**: #2563eb (EDR Blue)
+- **Secondary Orange**: #f97316 (EDR Orange)
+- **Accent Red**: #ef4444 (EDR Red)
+- **Success**: #10b981
+- **Warning**: #f59e0b
+- **Danger**: #ef4444
+
+### Components
+
+#### Enhanced DataTable
+```tsx
+<DataTable
+  data={items}
+  columns={[
+    { key: 'name', label: 'Name', sortable: true },
+    { key: 'status', label: 'Status', render: (item) => <Badge variant="status" status={item.status}>{item.status}</Badge> },
+  ]}
+  actions={[
+    { label: 'Edit', onClick: handleEdit, variant: 'secondary', icon: Edit },
+    { label: 'Delete', onClick: handleDelete, variant: 'danger', icon: Trash2 },
+  ]}
+  loading={isLoading}
+/>
+```
+
+#### ActionButton with Loading
+```tsx
+<ActionButton
+  onClick={handleSubmit}
+  variant="primary"
+  icon={Plus}
+  loading={mutation.isPending}
+>
+  Create Item
+</ActionButton>
+```
+
+## 🔌 Complete API Integration
+
+### Available Services
+- `stationsApi` - Station CRUD operations
+- `fleetApi` - Train and coach management
+- `schedulesApi` - Trip schedule operations
+- `seatsApi` - Seat management and blocking
+- `bookingsApi` - Booking lifecycle management
+- `passengersApi` - Passenger operations
+- `paymentsApi` - Payment processing
+- `ticketsApi` - Ticket operations
+- `agentsApi` - Agent management
+- `loyaltyApi` - Loyalty program
+- `walletApi` - Wallet operations
+- `promotionsApi` - Promotion management
+- `supportApi` - Customer support
+- `notificationsApi` - Notification system
+- `fraudApi` - Fraud detection
+- `verifaydaApi` - ID verification
+- `auditApi` - Audit logging
+- `liveApi` - Live tracking
+- `seatClassesApi` - Seat class management
+- `foodApi` - Food & dining
+
+### Real Data Integration
+
+All components use real API endpoints:
+
+```tsx
+const { data, isLoading } = useQuery({
+  queryKey: ['stations', filters],
+  queryFn: () => stationsApi.getAll(filters),
+});
+
+const createMutation = useMutation({
+  mutationFn: stationsApi.create,
+  onSuccess: () => {
+    queryClient.invalidateQueries({ queryKey: ['stations'] });
+    setShowModal(false);
+  },
+});
+```
+
+## 🌙 Dark Mode Support
+
+Full dark mode implementation with:
+- System preference detection
+- Manual toggle in sidebar
+- Persistent theme storage
+- Semantic color variables
+- Smooth transitions
+
+## 📱 Responsive Design
+
+- Mobile-first approach
+- Collapsible sidebar on mobile
+- Adaptive table layouts
+- Touch-friendly interactions
+- Responsive grid systems
+
+## 🔐 Enhanced Security
+
+- JWT token management
+- Automatic token refresh
+- Role-based access control
+- Audit trail logging
+- Fraud detection integration
+
+## 🚀 Performance Optimizations
+
+- React Query caching
+- Optimistic updates
+- Lazy loading
+- Code splitting
+- Image optimization
+
+## 📊 Advanced Features
+
+### Functional CRUD Operations
+- Create, Read, Update, Delete for all entities
+- Form validation and error handling
+- Optimistic UI updates
+- Bulk operations support
+
+### Data Management
+- Advanced filtering and search
+- Sortable columns
+- Pagination with page size options
+- Export functionality
+- Real-time updates
+
+### User Experience
+- Loading states and skeletons
+- Toast notifications
+- Confirmation dialogs
+- Keyboard shortcuts
+- Accessibility compliance
+
+## 🎯 Available Scripts
+
+```bash
+# Development
+pnpm dev              # Start dev server on port 3001
+
+# Build
+pnpm build            # Build for production
+
+# Production
+pnpm start            # Start production server
+
+# Linting
+pnpm lint             # Run ESLint
+
+# Type Checking
+pnpm type-check       # Run TypeScript compiler
+```
+
+## 🚀 Deployment
+
+### Build for Production
+
+```bash
+pnpm build
+```
+
+### Start Production Server
+
+```bash
+pnpm start
+```
+
+### Environment Variables for Production
+
+Ensure these are set in production:
+- `NEXT_PUBLIC_API_URL` - Backend API URL
+- `NEXT_PUBLIC_IAM_ENABLED` - Enable IAM authentication
+- `NEXT_PUBLIC_IAM_API_URL` - Corporate IAM API URL
+
+## 📝 Development Notes
+
+### Adding New Pages
+
+1. Create directory in `src/app/`
+2. Add `page.tsx` and `layout.tsx`
+3. Update sidebar navigation
+4. Create API service if needed
+5. Add types to `src/types/edr.ts`
+
+### API Integration
+
+1. Add service to `src/lib/api/index.ts`
+2. Create types in `src/types/edr.ts`
+3. Use React Query hooks in components
+4. Handle loading and error states
+
+## 🔧 Customization
+
+### Theme Customization
+
+Update `tailwind.config.js` for custom colors:
+
+```js
+theme: {
+  extend: {
+    colors: {
+      edr: {
+        blue: { /* custom blue shades */ },
+        orange: { /* custom orange shades */ },
+        red: { /* custom red shades */ },
+      },
+    },
+  },
+}
+```
+
+### Component Styling
+
+Use semantic color classes:
+
+```tsx
+<div className="bg-card text-card-foreground border-border">
+  <h1 className="text-foreground">Title</h1>
+  <p className="text-muted-foreground">Description</p>
+</div>
+```
+
+## 📝 TODO
+
+- [ ] Integrate with real backend authentication endpoint
+- [ ] Implement IAM authentication for back-office users
+- [ ] Add real-time WebSocket connections for live updates
+- [ ] Implement advanced reporting with chart exports
+- [ ] Add bulk operations for data management
+- [ ] Implement advanced search with filters
+- [ ] Add keyboard shortcuts for power users
+- [ ] Implement role-based UI permissions
+- [ ] Add comprehensive error boundary handling
+- [ ] Implement offline support with service workers
+
+## 🤝 Contributing
+
+1. Create a feature branch
+2. Follow the established patterns
+3. Add proper TypeScript types
+4. Test thoroughly
+5. Submit a pull request
+
+## 📧 Support
+
+For technical support or questions:
+- Email: support@edr-platform.com
+- Backend API Docs: http://localhost:4000/api-docs
+
+---
+
+**Built with ❤️ for Ethio-Djibouti Railway**
diff --git a/apps/edr-passenger-web/backoffice/generate-pages.js b/apps/edr-passenger-web/backoffice/generate-pages.js
new file mode 100644
index 000000000..3d258bc68
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/generate-pages.js
@@ -0,0 +1,300 @@
+const fs = require('fs');
+const path = require('path');
+
+const pages = [
+  {
+    name: 'payments',
+    title: 'Payments',
+    description: 'Manage payment transactions and refunds',
+    api: 'paymentsApi',
+    columns: `[
+      { key: 'reference', label: 'Reference', render: (payment: any) => <span className="font-mono">{payment.reference || payment.id?.substring(0, 8)}</span> },
+      { key: 'booking', label: 'Booking', render: (payment: any) => payment.booking?.bookingRef || 'N/A' },
+      { key: 'amount', label: 'Amount', render: (payment: any) => formatCurrency(payment.amountMinor, payment.currency) },
+      { key: 'method', label: 'Method', render: (payment: any) => <Badge>{payment.method}</Badge> },
+      { key: 'status', label: 'Status', render: (payment: any) => <Badge variant="status" status={payment.status}>{payment.status}</Badge> },
+      { key: 'createdAt', label: 'Created', render: (payment: any) => formatDateTime(payment.createdAt) },
+    ]`,
+    filters: `{ search: '', status: '', method: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.status} onChange={(e) => setFilters({ ...filters, status: e.target.value })}>
+          <option value="">All Status</option>
+          <option value="PENDING">Pending</option>
+          <option value="COMPLETED">Completed</option>
+          <option value="FAILED">Failed</option>
+        </select>
+      </div>
+    `
+  },
+  {
+    name: 'loyalty',
+    title: 'Loyalty Program',
+    description: 'Manage loyalty accounts and rewards',
+    api: 'loyaltyApi',
+    columns: `[
+      { key: 'passenger', label: 'Passenger', render: (account: any) => account.passenger?.fullName || 'N/A' },
+      { key: 'tier', label: 'Tier', render: (account: any) => <Badge>{account.tier}</Badge> },
+      { key: 'pointsBalance', label: 'Points', render: (account: any) => account.pointsBalance?.toLocaleString() || 0 },
+      { key: 'lifetimePoints', label: 'Lifetime Points', render: (account: any) => account.lifetimePoints?.toLocaleString() || 0 },
+    ]`,
+    filters: `{ search: '', tier: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Tier</label>
+        <select className="input" value={filters.tier} onChange={(e) => setFilters({ ...filters, tier: e.target.value })}>
+          <option value="">All Tiers</option>
+          <option value="BRONZE">Bronze</option>
+          <option value="SILVER">Silver</option>
+          <option value="GOLD">Gold</option>
+          <option value="PLATINUM">Platinum</option>
+        </select>
+      </div>
+    `
+  },
+  {
+    name: 'wallet',
+    title: 'Wallet Management',
+    description: 'Manage passenger wallet accounts',
+    api: 'walletApi',
+    columns: `[
+      { key: 'passenger', label: 'Passenger', render: (account: any) => account.passenger?.fullName || 'N/A' },
+      { key: 'balanceMinor', label: 'Balance', render: (account: any) => formatCurrency(account.balanceMinor, 'ETB') },
+      { key: 'status', label: 'Status', render: (account: any) => <Badge variant="status" status={account.isActive ? 'CONFIRMED' : 'CANCELLED'}>{account.isActive ? 'Active' : 'Inactive'}</Badge> },
+    ]`,
+    filters: `{ search: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+    `
+  },
+  {
+    name: 'support',
+    title: 'Support Center',
+    description: 'Manage customer support conversations',
+    api: 'supportApi',
+    columns: `[
+      { key: 'subject', label: 'Subject', render: (conv: any) => conv.subject || 'No Subject' },
+      { key: 'passenger', label: 'Passenger', render: (conv: any) => conv.passenger?.fullName || 'N/A' },
+      { key: 'status', label: 'Status', render: (conv: any) => <Badge variant="status" status={conv.status}>{conv.status}</Badge> },
+      { key: 'createdAt', label: 'Created', render: (conv: any) => formatDateTime(conv.createdAt) },
+    ]`,
+    filters: `{ search: '', status: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.status} onChange={(e) => setFilters({ ...filters, status: e.target.value })}>
+          <option value="">All Status</option>
+          <option value="OPEN">Open</option>
+          <option value="IN_PROGRESS">In Progress</option>
+          <option value="RESOLVED">Resolved</option>
+          <option value="CLOSED">Closed</option>
+        </select>
+      </div>
+    `
+  },
+  {
+    name: 'verifayda',
+    title: 'Verifayda Integration',
+    description: 'Ethiopian national ID verification logs',
+    api: 'verifaydaApi',
+    columns: `[
+      { key: 'nationalId', label: 'National ID', render: (ver: any) => <span className="font-mono">{ver.nationalId}</span> },
+      { key: 'fullName', label: 'Name', render: (ver: any) => ver.fullName || 'N/A' },
+      { key: 'verified', label: 'Status', render: (ver: any) => <Badge variant="status" status={ver.verified ? 'CONFIRMED' : 'CANCELLED'}>{ver.verified ? 'Verified' : 'Failed'}</Badge> },
+      { key: 'createdAt', label: 'Verified At', render: (ver: any) => formatDateTime(ver.createdAt) },
+    ]`,
+    filters: `{ search: '', verified: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search by National ID..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.verified} onChange={(e) => setFilters({ ...filters, verified: e.target.value })}>
+          <option value="">All</option>
+          <option value="true">Verified</option>
+          <option value="false">Failed</option>
+        </select>
+      </div>
+    `
+  },
+  {
+    name: 'food',
+    title: 'Food & Dining',
+    description: 'Manage food orders and menu items',
+    api: 'foodApi',
+    columns: `[
+      { key: 'orderNumber', label: 'Order #', render: (order: any) => <span className="font-mono">{order.orderNumber || order.id?.substring(0, 8)}</span> },
+      { key: 'passenger', label: 'Passenger', render: (order: any) => order.passenger?.fullName || 'N/A' },
+      { key: 'items', label: 'Items', render: (order: any) => order.items?.length || 0 },
+      { key: 'totalMinor', label: 'Total', render: (order: any) => formatCurrency(order.totalMinor, 'ETB') },
+      { key: 'status', label: 'Status', render: (order: any) => <Badge variant="status" status={order.status}>{order.status}</Badge> },
+    ]`,
+    filters: `{ search: '', status: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.status} onChange={(e) => setFilters({ ...filters, status: e.target.value })}>
+          <option value="">All Status</option>
+          <option value="PENDING">Pending</option>
+          <option value="PREPARING">Preparing</option>
+          <option value="READY">Ready</option>
+          <option value="DELIVERED">Delivered</option>
+        </select>
+      </div>
+    `
+  },
+  {
+    name: 'schedules',
+    title: 'Schedules',
+    description: 'Manage train schedules and trips',
+    api: 'schedulesApi',
+    columns: `[
+      { key: 'train', label: 'Train', render: (schedule: any) => schedule.train?.name || 'N/A' },
+      { key: 'route', label: 'Route', render: (schedule: any) => \`\${schedule.originStation?.name || 'N/A'} → \${schedule.destinationStation?.name || 'N/A'}\` },
+      { key: 'departureAt', label: 'Departure', render: (schedule: any) => formatDateTime(schedule.departureAt) },
+      { key: 'status', label: 'Status', render: (schedule: any) => <Badge variant="status" status={schedule.status}>{schedule.status}</Badge> },
+    ]`,
+    filters: `{ search: '', status: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.status} onChange={(e) => setFilters({ ...filters, status: e.target.value })}>
+          <option value="">All Status</option>
+          <option value="SCHEDULED">Scheduled</option>
+          <option value="ACTIVE">Active</option>
+          <option value="COMPLETED">Completed</option>
+          <option value="CANCELLED">Cancelled</option>
+        </select>
+      </div>
+    `
+  },
+  {
+    name: 'seat-classes',
+    title: 'Seat Classes',
+    description: 'Manage seat class configurations',
+    api: 'seatClassesApi',
+    columns: `[
+      { key: 'name', label: 'Name', render: (cls: any) => <span className="font-medium">{cls.name}</span> },
+      { key: 'description', label: 'Description', render: (cls: any) => cls.description || 'N/A' },
+      { key: 'basePrice', label: 'Base Price', render: (cls: any) => formatCurrency(cls.basePrice, 'ETB') },
+      { key: 'isActive', label: 'Status', render: (cls: any) => <Badge variant="status" status={cls.isActive ? 'CONFIRMED' : 'CANCELLED'}>{cls.isActive ? 'Active' : 'Inactive'}</Badge> },
+    ]`,
+    filters: `{ search: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+    `
+  },
+  {
+    name: 'operational-reports',
+    title: 'Operational Reports',
+    description: 'View operational reports and analytics',
+    api: 'reportsApi',
+    columns: `[
+      { key: 'reportType', label: 'Type', render: (report: any) => <Badge>{report.reportType}</Badge> },
+      { key: 'period', label: 'Period', render: (report: any) => report.period || 'N/A' },
+      { key: 'generatedBy', label: 'Generated By', render: (report: any) => report.generatedBy?.fullName || 'System' },
+      { key: 'createdAt', label: 'Generated', render: (report: any) => formatDateTime(report.createdAt) },
+    ]`,
+    filters: `{ search: '', reportType: '' }`,
+    filterInputs: `
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Report Type</label>
+        <select className="input" value={filters.reportType} onChange={(e) => setFilters({ ...filters, reportType: e.target.value })}>
+          <option value="">All Types</option>
+          <option value="REVENUE">Revenue</option>
+          <option value="OCCUPANCY">Occupancy</option>
+          <option value="PERFORMANCE">Performance</option>
+        </select>
+      </div>
+    `
+  }
+];
+
+const template = (page) => `'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import { ${page.api} } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function ${page.name.charAt(0).toUpperCase() + page.name.slice(1).replace(/-/g, '')}Page() {
+  const [filters, setFilters] = useState(${page.filters});
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['${page.name}', filters],
+    queryFn: () => ${page.api}.${page.name === 'seat-classes' ? 'getAll()' : page.name === 'operational-reports' ? 'getOperationalReports(filters)' : `get${page.name === 'support' ? 'Conversations' : page.name === 'loyalty' ? 'Accounts' : page.name === 'wallet' ? 'Accounts' : page.name === 'verifayda' ? 'Verifications' : page.name === 'food' ? 'Orders' : 'All'}(filters)`},
+  });
+
+  const columns = ${page.columns};
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">${page.title}</h1>
+          <p className="text-muted-foreground">${page.description}</p>
+        </div>
+        <ActionButton icon={Download} variant="secondary">Export</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          ${page.filterInputs}
+        </div>
+      </div>
+
+      <DataTable
+        data={data?.items || data || []}
+        columns={columns}
+        loading={isLoading}
+        emptyMessage="No ${page.title.toLowerCase()} found"
+      />
+    </div>
+  );
+}
+`;
+
+pages.forEach(page => {
+  const filePath = path.join(__dirname, 'src', 'app', page.name, 'page.tsx');
+  fs.writeFileSync(filePath, template(page));
+  console.log(`✅ Created ${page.name}/page.tsx`);
+});
+
+console.log('\\n✅ All pages created successfully!');
diff --git a/apps/edr-passenger-web/backoffice/index.html b/apps/edr-passenger-web/backoffice/index.html
deleted file mode 100644
index f99b2af74..000000000
--- a/apps/edr-passenger-web/backoffice/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>EDR Passenger Backoffice</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
diff --git a/apps/edr-passenger-web/backoffice/next.config.js b/apps/edr-passenger-web/backoffice/next.config.js
new file mode 100644
index 000000000..5690be409
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/next.config.js
@@ -0,0 +1,13 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  transpilePackages: ['@edr/types', '@edr/ui-common'],
+  env: {
+    NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL || 'http://localhost:4000',
+  },
+  images: {
+    unoptimized: true,
+  },
+};
+
+module.exports = nextConfig;
diff --git a/apps/edr-passenger-web/backoffice/package.json b/apps/edr-passenger-web/backoffice/package.json
index d04911f55..654e19ef9 100644
--- a/apps/edr-passenger-web/backoffice/package.json
+++ b/apps/edr-passenger-web/backoffice/package.json
@@ -2,13 +2,11 @@
   "name": "@edr/passenger-backoffice",
   "version": "0.0.0",
   "private": true,
-  "type": "module",
   "scripts": {
-    "dev": "vite --port 5184",
-    "build": "tsc -b && vite build",
-    "preview": "vite preview --port 5184",
-    "lint": "eslint src",
-    "test": "vitest run",
+    "dev": "next dev -p 5184",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
@@ -17,23 +15,23 @@
     "@tanstack/react-query": "^5.59.0",
     "axios": "^1.7.7",
     "clsx": "^2.1.1",
+    "date-fns": "^3.0.0",
+    "lucide-react": "^0.446.0",
+    "next": "^14.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.27.0",
+    "recharts": "^2.12.0",
     "zustand": "^5.0.0"
   },
   "devDependencies": {
-    "@edr/eslint-config": "workspace:*",
-    "@edr/tsconfig": "workspace:*",
+    "@types/node": "^20.0.0",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.2",
     "autoprefixer": "^10.4.20",
-    "jsdom": "^25.0.1",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "^14.2.0",
     "postcss": "^8.4.47",
     "tailwindcss": "^3.4.13",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.8",
-    "vitest": "^2.1.2"
+    "typescript": "^5.5.4"
   }
 }
diff --git a/apps/edr-passenger-web/backoffice/postcss.config.js b/apps/edr-passenger-web/backoffice/postcss.config.js
new file mode 100644
index 000000000..12a703d90
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/apps/edr-passenger-web/backoffice/public/README.md b/apps/edr-passenger-web/backoffice/public/README.md
new file mode 100644
index 000000000..7ea9c3ab4
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/public/README.md
@@ -0,0 +1,12 @@
+# Banner Image
+
+Place your banner image as `banner.jpg` in this directory.
+
+## Recommended Specifications:
+- **Filename**: `banner.jpg` (or `banner.png`)
+- **Dimensions**: 1920x1080px or higher
+- **Aspect Ratio**: 16:9 or similar
+- **Content**: Railway/train themed image, Ethio-Djibouti Railway scenery
+- **Format**: JPG or PNG
+
+The image will be used as a background on the login page with a green overlay.
diff --git a/apps/edr-passenger-web/backoffice/public/banner.jpg b/apps/edr-passenger-web/backoffice/public/banner.jpg
new file mode 100644
index 000000000..09c6add92
Binary files /dev/null and b/apps/edr-passenger-web/backoffice/public/banner.jpg differ
diff --git a/apps/edr-passenger-web/backoffice/public/docs.md b/apps/edr-passenger-web/backoffice/public/docs.md
new file mode 100644
index 000000000..3e8cc7df5
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/public/docs.md
@@ -0,0 +1,2897 @@
+# Passenger Backoffice App - Comprehensive Documentation
+
+**Last Updated:** 2026-01-15  
+**Version:** 1.0.0  
+**Platform:** Ethio-Djibouti Railway (EDR) Passenger Management System
+
+---
+
+## Table of Contents
+
+1. [Overview](#overview)
+2. [Application Structure](#application-structure)
+3. [Sidebar Navigation Guide](#sidebar-navigation-guide)
+4. [Operations Management](#operations-management)
+5. [Master Data Management](#master-data-management)
+6. [Financial Management](#financial-management)
+7. [Customer Services](#customer-services)
+8. [Security & Compliance](#security--compliance)
+9. [Analytics & Reports](#analytics--reports)
+10. [System Administration](#system-administration)
+11. [Common Features](#common-features)
+
+---
+
+## Overview
+
+The Passenger Backoffice Application is a comprehensive management system for the Ethio-Djibouti Railway passenger platform. It provides tools for operational staff, supervisors, and administrators to manage bookings, passengers, fares, fleet, and compliance operations.
+
+### Key Features
+- **Real-time Booking Management**: View, modify, and cancel bookings
+- **Passenger Management**: Track and manage passenger information
+- **Dynamic Pricing**: Configure fares with segment-based and nationality-specific pricing
+- **Fleet Management**: Manage trains, coaches, and seats
+- **Live Tracking**: Monitor trip status and real-time updates
+- **Security Monitoring**: Fraud detection and audit logging
+- **Comprehensive Analytics**: Revenue, occupancy, and performance reports
+
+### Supported Roles
+- **Agent**: Counter booking and basic operations
+- **Supervisor**: Agent oversight and operational decisions
+- **Admin**: Full system access and configuration
+- **Staff**: Limited access to specific modules
+
+---
+
+## Application Structure
+
+### Sidebar Organization
+
+The application is organized into 8 main sections:
+
+```
+├── Overview
+│   └── Dashboard
+├── Operations
+│   ├── Bookings
+│   ├── Passengers
+│   └── Tickets
+├── Master Data
+│   ├── Stations
+│   ├── Trains
+│   ├── Coaches
+│   ├── Seats
+│   ├── Classes
+│   ├── Routes
+│   └── Schedules
+├── Financial
+│   ├── Pricing & Fares
+│   ├── Currencies
+│   ├── Payments
+│   └── Promo Codes
+├── Customer Services
+│   ├── Loyalty Program
+│   ├── Support Center
+│   └── Notifications
+├── Security & Compliance
+│   ├── Audit Logs
+│   ├── Fraud Detection
+│   └── Verifayda Integration
+├── Analytics & Reports
+│   ├── Reports
+│   └── Operational Reports
+└── System
+    ├── Agent Operations
+    ├── User Management
+    └── Settings
+```
+
+### Theme & Personalization
+
+- **Dark Mode Toggle**: Available in the header for reduced eye strain
+- **Sidebar Collapse**: Click the chevron icon to minimize sidebar for more screen space
+- **Responsive Design**: Fully responsive interface for desktop and tablet use
+- **Accessible UI**: WCAG 2.1 AA compliant for accessibility
+
+---
+
+## Sidebar Navigation Guide
+
+### Collapsible Sidebar
+
+**Feature**: Expand/Collapse Navigation  
+**Location**: Top-right corner of sidebar header
+
+**How to Use:**
+1. Click the **Chevron** (</> or >>) icon in the sidebar header
+2. Sidebar collapses to icon-only view
+3. Hover over icons to see tooltip labels
+4. Click again to expand full sidebar
+
+**Benefits:**
+- Maximize content viewing area
+- Cleaner interface for focused work
+- Quick navigation with tooltips
+
+---
+
+## Operations Management
+
+### Bookings
+
+**Purpose**: Manage all passenger bookings, view details, modify, and process cancellations  
+**Access Level**: Agent, Supervisor, Admin  
+**Icon**: Ticket
+
+#### Features Overview
+
+```
+┌─────────────────────────────┐
+│    BOOKINGS MANAGEMENT      │
+├─────────────────────────────┤
+│ ✓ List & Filter             │
+│ ✓ Search by Reference       │
+│ ✓ View Full Details         │
+│ ✓ Cancel with Refunds       │
+│ ✓ Delete Records            │
+│ ✓ Export Data               │
+└─────────────────────────────┘
+```
+
+#### CRUD Operations
+
+##### CREATE (Direct Booking Creation)
+**Note**: Bookings are primarily created through the passenger portal. Backoffice staff use agent operations module for counter bookings.
+
+1. **Agent Counter Booking**:
+   - Navigate to **Agent Operations** (System section)
+   - Create booking through dedicated agent interface
+   - Specify passengers, seats, and payment method
+
+##### READ (List & Search)
+
+1. **Access Bookings Page**:
+   - Click **Bookings** in Operations section
+   - Page displays table with all bookings
+
+2. **Search Functionality**:
+   - **Search Box**: Filter by reference number, email, or phone
+   - **Status Filter**: Select from dropdown:
+     - All Status (default)
+     - Pending Payment
+     - Confirmed
+     - Cancelled
+     - Completed
+   - Results update in real-time
+
+3. **Table Columns**:
+   - **Reference**: Unique booking identifier (6-character code)
+   - **Passenger**: Name and contact info
+   - **Status**: Current booking state (badge color-coded)
+   - **Amount**: Total fare in ETB
+   - **Payment**: Payment status indicator
+   - **Created**: Booking date and time
+
+4. **View Full Details**:
+   - Click **"View Details"** action button
+   - Modal opens showing:
+     - Booking Information (Reference, Status, Type, Created Date)
+     - Passenger Information (Name, Email, Phone, ID)
+     - Journey Details (Adult/Child counts, Schedule, Promo Code)
+     - Payment Information (Amount, Status, Paid Date, Currency)
+     - Additional Information (Source, Last Updated)
+
+##### UPDATE (Modify Booking)
+
+**Current Limitations**: Direct modifications limited in backoffice. For booking changes:
+
+1. **Passenger-initiated Changes**:
+   - Direct passenger through passenger portal
+   - Support team can assist via Support Center
+
+2. **Admin Modifications** (if needed):
+   - Contact system administrator
+   - Modifications logged in Audit Logs
+
+##### DELETE (Remove Booking)
+
+1. **Access Delete**:
+   - Click **"Delete"** action button on booking row
+   - Confirmation dialog appears
+
+2. **Deletion Process**:
+   - Dialog shows booking reference
+   - Warning: "This will release all associated seats"
+   - Click **"Delete"** to confirm
+   - Seats automatically released back to availability
+   - Related records (modifications, cancellations) retained for audit
+
+3. **Undo**: Not available after deletion. Action is permanent.
+
+#### Additional Features
+
+**Pagination**:
+- Navigate between pages at table bottom
+- Default: 20 bookings per page
+- Jump to specific page or use next/previous buttons
+
+**Bulk Actions**:
+- Select multiple bookings via checkboxes (planned feature)
+- Export selected or all bookings as CSV
+
+**Export**:
+- Click **"Export"** button in header
+- Downloads filtered bookings as spreadsheet
+- Includes all visible columns
+
+**Status Management**:
+- **Cancel Booking**: 
+  - Available for non-completed/non-cancelled bookings
+  - Automatically processes refund (80% refund for confirmed, 0% for pending)
+  - Updates payment status
+
+---
+
+### Passengers
+
+**Purpose**: Manage passenger profiles, view details, and track passenger information  
+**Access Level**: Agent, Supervisor, Admin  
+**Icon**: Users
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│   PASSENGERS MANAGEMENT      │
+├──────────────────────────────┤
+│ ✓ View Passenger Profiles    │
+│ ✓ Search & Filter            │
+│ ✓ Verifayda Status Check     │
+│ ✓ Booking History            │
+│ ✓ Loyalty Information         │
+│ ✓ Wallet Balance             │
+└──────────────────────────────┘
+```
+
+#### CRUD Operations
+
+##### READ (List & Filter)
+
+1. **Access Passengers Page**:
+   - Click **Passengers** in Operations section
+   - Displays passenger listing with filters
+
+2. **Search Options**:
+   - **Search Box**: Filter by name, email, phone, or ID
+   - **Nationality Filter**: Ethiopian, Djiboutian, Other
+   - **Verifayda Status**: Verified, Unverified, All
+   - **Loyalty Tier**: Bronze, Silver, Gold, Platinum
+
+3. **Passenger Information Displayed**:
+   - Full Name
+   - Email & Phone
+   - Nationality
+   - Verifayda Verification Status
+   - Loyalty Tier
+   - Wallet Balance
+   - Total Bookings
+   - Registration Date
+
+##### VIEW DETAILS
+
+1. **Click Passenger Row**:
+   - Opens detailed profile modal
+   - Sections included:
+     - **Account Information**: Email, Phone, Nationality, Registration Date
+     - **Verification Status**: Fayd Status, Last Verified Date
+     - **Loyalty Information**: Tier, Points Balance, Lifetime Points
+     - **Wallet**: Current Balance, Currency
+     - **Booking History**: List of all bookings with links
+
+2. **Quick Actions**:
+   - View booking details
+   - Check loyalty rewards available
+   - View wallet transaction history
+
+#### UPDATE (Modify Passenger)
+
+**Current Status**: Read-only in backoffice  
+**To Modify**: Passengers update via their portal or contact support
+
+#### DELETE (Remove Passenger)
+
+**Not Recommended**: Deletes all associated data  
+**Alternative**: Deactivate account (contact admin)
+
+---
+
+### Tickets
+
+**Purpose**: Manage ticket generation, distribution, and validation  
+**Access Level**: Supervisor, Admin  
+**Icon**: FileText
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│      TICKETS MANAGEMENT      │
+├──────────────────────────────┤
+│ ✓ View All Tickets           │
+│ ✓ Search by Reference        │
+│ ✓ Check Validation Status    │
+│ ✓ Resend Tickets             │
+│ ✓ Generate Report            │
+└──────────────────────────────┘
+```
+
+#### CRUD Operations
+
+##### READ (List & View)
+
+1. **Access Tickets Page**:
+   - Click **Tickets** in Operations section
+   - Shows all issued tickets
+
+2. **Search & Filter**:
+   - **Booking Reference**: Find tickets by booking
+   - **Status**: Confirmed, Validated, Cancelled
+   - **Date Range**: Filter by issue or validation date
+   - **Passenger Name**: Quick search by name
+
+3. **Ticket Information**:
+   - Booking Reference
+   - Passenger Name
+   - QR Code / Barcode
+   - Trip Details (Train, Stations, Times)
+   - Seat Information
+   - Issue Date
+   - Validation Status
+
+##### VIEW FULL TICKET
+
+1. **Click View Button**:
+   - Opens ticket details modal
+   - Shows:
+     - QR/Barcode payload
+     - Full passenger manifest
+     - Seat assignments
+     - Fare breakdown
+     - Payment confirmation
+
+2. **Download/Print**:
+   - Generate PDF for printing
+   - Send to passenger email
+   - Save to system
+
+##### VALIDATION STATUS
+
+1. **Gate Validation**:
+   - Unvalidated: Ticket not yet scanned at gate
+   - Validated: Scanned and approved for boarding
+   - Cancelled: Ticket cancelled or expired
+
+2. **Validation History**:
+   - View gate validation logs
+   - See timestamp and validator ID
+   - Track validation attempts
+
+---
+
+## Master Data Management
+
+### Stations
+
+**Purpose**: Configure railway stations and maintain station information  
+**Access Level**: Supervisor, Admin  
+**Icon**: MapPin
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│     STATIONS MANAGEMENT      │
+├──────────────────────────────┤
+│ ✓ Add New Stations           │
+│ ✓ Edit Station Details       │
+│ ✓ Manage Operational Status  │
+│ ✓ Delete Stations            │
+│ ✓ Bulk Import                │
+└──────────────────────────────┘
+```
+
+#### Station Information
+
+Each station includes:
+- **Code**: Unique 3-letter airport-style code (e.g., ADD, DJI)
+- **Name**: Full station name
+- **City**: Location city
+- **Country Code**: Country identifier (ET, DJ)
+- **Operational Status**: Active/Inactive
+- **Timezone**: Local timezone
+- **Coordinates**: Latitude/Longitude for mapping
+
+#### CRUD Operations
+
+##### CREATE
+
+1. **Click "Add Station"** button
+2. **Fill Form**:
+   - **Code** (required): 3-letter unique code
+   - **Name** (required): Station name
+   - **City** (required): City location
+   - **Country Code**: Country identifier
+   - **Latitude**: Geographic coordinate
+   - **Longitude**: Geographic coordinate
+   - **Timezone**: Select from list
+   - **Operational Status**: Toggle active/inactive
+3. **Save**: Click "Create Station"
+4. **Confirmation**: Station appears in list
+
+##### READ
+
+1. **View Station List**:
+   - All stations displayed in table
+   - Search by code, name, or city
+   - Filter by operational status
+
+2. **Columns**:
+   - Code
+   - Name
+   - City
+   - Country
+   - Operational Status (badge)
+   - Creation Date
+
+##### UPDATE
+
+1. **Click "Edit"** on station row
+2. **Modify Fields**:
+   - All fields editable
+   - Changes reflected immediately
+3. **Save**: Click "Update Station"
+4. **Audit**: Changes logged
+
+##### DELETE
+
+1. **Click "Delete"** on station row
+2. **Confirmation**: Dialog warns about:
+   - Routes using this station
+   - Schedules affected
+   - Passenger trips dependent
+3. **Confirm**: Only with explicit consent
+
+---
+
+### Trains
+
+**Purpose**: Manage fleet of trains and their configurations  
+**Access Level**: Supervisor, Admin  
+**Icon**: Train
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│      TRAINS MANAGEMENT       │
+├──────────────────────────────┤
+│ ✓ Add New Trains             │
+│ ✓ Edit Train Details         │
+│ ✓ Manage Coaches             │
+│ ✓ Track Status               │
+│ ✓ Archive Trains             │
+└──────────────────────────────┘
+```
+
+#### Train Information
+
+Each train includes:
+- **Number**: Unique train identifier (e.g., T-001)
+- **Name**: Display name
+- **Operator**: Operating company
+- **Description**: Train details/notes
+- **Status**: Active/Inactive
+- **Total Coaches**: Count of attached coaches
+
+#### CRUD Operations
+
+##### CREATE
+
+1. **Click "Add Train"** button
+2. **Fill Form**:
+   - **Number** (required): Unique identifier
+   - **Name** (required): Display name
+   - **Operator** (required): Operating company
+   - **Description**: Optional notes
+   - **Status**: Toggle Active/Inactive
+3. **Save**: Click "Create Train"
+4. **Next Step**: Assign coaches to train
+
+##### READ
+
+1. **View Train List**:
+   - Table shows all trains
+   - Filter by status
+   - Search by number or name
+
+2. **Columns**:
+   - Train Number
+   - Name
+   - Operator
+   - Status (badge)
+   - Total Coaches
+   - Active Status
+
+##### UPDATE
+
+1. **Click "Edit"** on train row
+2. **Modify Details**:
+   - Update name, operator, description
+   - Change status
+3. **Coach Management**:
+   - Add coaches to train
+   - Remove coaches
+   - Adjust coach sequence
+4. **Save**: Click "Update Train"
+
+##### DELETE
+
+1. **Click "Delete"** on train
+2. **Warning**: Shows:
+   - Schedules using this train
+   - Active bookings affected
+3. **Confirm**: Only deletable if no active schedules
+
+---
+
+### Coaches
+
+**Purpose**: Manage coach inventory and seat configurations  
+**Access Level**: Supervisor, Admin  
+**Icon**: Grid3x3
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│     COACHES MANAGEMENT       │
+├──────────────────────────────┤
+│ ✓ Add New Coaches            │
+│ ✓ Configure Seat Layout      │
+│ ✓ Set Coach Type             │
+│ ✓ Manage Maintenance         │
+│ ✓ Bulk Import Configs        │
+└──────────────────────────────┘
+```
+
+#### Coach Information
+
+- **Number**: Coach identifier (e.g., C-001)
+- **Coach Type**: Type selector (Standard, Sleeper, etc.)
+- **Arrangement**: Seat layout (2+2, 3+2, etc.)
+- **Capacity**: Total seats/beds
+- **Status**: Active/Maintenance/Inactive
+- **Seat Classes**: Associated seat classes
+
+#### CRUD Operations
+
+##### CREATE
+
+1. **Click "Add Coach"** button
+2. **Fill Form**:
+   - **Number** (required): Coach ID
+   - **Coach Type** (required): Select from types
+   - **Arrangement**: Seat layout pattern
+   - **Capacity** (required): Total seats
+   - **Status**: Active/Maintenance/Inactive
+3. **Seat Configuration**:
+   - Auto-generate seats based on arrangement
+   - Or manually configure seat map
+4. **Save**: Click "Create Coach"
+
+##### READ
+
+1. **View Coach List**:
+   - Table shows all coaches
+   - Filter by status, type
+   - Search by number
+
+2. **Columns**:
+   - Coach Number
+   - Type
+   - Arrangement
+   - Capacity
+   - Status Badge
+   - Assigned Train
+
+##### UPDATE
+
+1. **Click "Edit"** on coach
+2. **Modify**:
+   - Update arrangement (limited if seats occupied)
+   - Change status
+   - Update capacity (data migration needed)
+3. **Seat Management**:
+   - Add/remove individual seats
+   - Update seat properties (window, aisle, bed position)
+4. **Save**: Click "Update Coach"
+
+##### DELETE
+
+1. **Click "Delete"** on coach
+2. **Checks**:
+   - Scheduled trips using coach
+   - Active bookings on seats
+   - Maintenance records
+3. **Confirm**: If no conflicts
+
+---
+
+### Seats
+
+**Purpose**: Manage individual seat inventory and properties  
+**Access Level**: Supervisor, Admin  
+**Icon**: Armchair
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│      SEATS MANAGEMENT        │
+├──────────────────────────────┤
+│ ✓ View Seat Maps             │
+│ ✓ Update Seat Properties     │
+│ ✓ Block/Unblock Seats        │
+│ ✓ Bulk Operations            │
+│ ✓ Inventory Report           │
+└──────────────────────────────┘
+```
+
+#### Seat Properties
+
+- **Seat Number**: Position identifier
+- **Row/Column**: Grid coordinates
+- **Kind**: Standard, Premium, Accessible
+- **Type**: Regular or Bed (lower/middle/upper)
+- **Status**: Available, Held, Booked, Blocked
+- **Premium Fee**: Extra charge (in ETB)
+- **Properties**: Window, Aisle, Bed Position
+
+#### CRUD Operations
+
+##### READ
+
+1. **View Seat Maps**:
+   - Select coach from dropdown
+   - Visual grid shows all seats
+   - Color-coded by status:
+     - Green: Available
+     - Yellow: Held
+     - Blue: Booked
+     - Red: Blocked
+
+2. **Seat Details**:
+   - Click seat to view properties
+   - Shows occupancy history
+   - Displays current booking (if occupied)
+
+3. **Filters**:
+   - By coach
+   - By status
+   - By kind (Premium, Accessible, etc.)
+
+##### UPDATE
+
+1. **Bulk Seat Updates**:
+   - Select multiple seats
+   - Change properties:
+     - Status (block/unblock)
+     - Kind (upgrade/downgrade)
+     - Premium fee
+2. **Individual Updates**:
+   - Click seat and edit
+   - Update window/aisle designation
+   - Modify bed position
+
+##### BLOCK/UNBLOCK
+
+1. **Block Seat**:
+   - Click "Block" action
+   - Reason dropdown:
+     - Maintenance
+     - Reserved
+     - Damaged
+     - Other
+   - Until date (optional)
+   - Reason notes
+
+2. **Unblock Seat**:
+   - Click "Unblock" action
+   - Seat becomes available
+
+##### SPECIAL OPERATIONS
+
+**CSV Import**:
+- Upload CSV with seat configurations
+- Format: CoachID, Row, Column, Kind, etc.
+- Bulk creates/updates seats
+
+**CSV Export**:
+- Export seat map as CSV
+- Includes all properties
+- For backup or analysis
+
+---
+
+### Classes (Seat Classes)
+
+**Purpose**: Define and manage seat class types and pricing tiers  
+**Access Level**: Supervisor, Admin  
+**Icon**: Settings
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│   SEAT CLASSES MANAGEMENT    │
+├──────────────────────────────┤
+│ ✓ Create Class Types         │
+│ ✓ Set Base Fares             │
+│ ✓ Define Fees                │
+│ ✓ Manage Availability        │
+│ ✓ Link Coaches               │
+└──────────────────────────────┘
+```
+
+#### Seat Class Structure
+
+- **Name**: Class identifier (e.g., "Economy Regular")
+- **Coach Type**: Associated coach type
+- **Base Fare**: Per-km rate (in ETB cents)
+- **Premium Fee**: Flat fee per passenger (in ETB cents)
+- **Insurance Fee**: Flat fee per passenger (in ETB cents)
+- **Active Status**: Available for booking
+
+#### CRUD Operations
+
+##### CREATE
+
+1. **Click "Add Class"** button
+2. **Fill Form**:
+   - **Name** (required): Unique class name
+   - **Coach Type** (required): Select type
+   - **Base Fare (ETB)** (required): Per-km rate
+   - **Premium Fee (ETB)**: Flat fee per passenger
+   - **Insurance Fee (ETB)**: Per passenger coverage fee
+   - **Active**: Toggle to enable/disable
+3. **Save**: Click "Create Class"
+
+**Example**:
+```
+Name: "Economy Regular"
+Coach Type: "Passenger Coach"
+Base Fare: 350 ETB (for full journey)
+Premium Fee: 0 ETB
+Insurance Fee: 5 ETB (per passenger)
+Active: Yes
+```
+
+##### READ
+
+1. **View Classes**:
+   - Table shows all seat classes
+   - Filter by coach type
+   - Search by name
+
+2. **Columns**:
+   - Class Name
+   - Coach Type
+   - Base Fare (ETB)
+   - Premium Fee (ETB)
+   - Insurance Fee (ETB)
+   - Active Status
+   - Total Seats (across all coaches)
+
+##### UPDATE
+
+1. **Click "Edit"** on class
+2. **Modify**:
+   - Update name (if not in use)
+   - Adjust base fare
+   - Update premium/insurance fees
+   - Toggle active status
+3. **Save**: Click "Update Class"
+4. **Impact**: Changes apply to new bookings only
+
+##### DELETE
+
+1. **Click "Delete"** on class
+2. **Checks**:
+   - Bookings using this class
+   - Fare rules referencing it
+   - Seats assigned to it
+3. **Confirm**: Only if minimal impact
+
+#### Pricing Examples
+
+**Economy Regular (Standard comfort)**
+- Base: 350 ETB
+- Premium: 0 ETB
+- Insurance: 5 ETB
+- Total per Adult: 355 ETB
+
+**Economy Bed (Sleeper comfort)**
+- Base: 490 ETB
+- Premium: 50 ETB
+- Insurance: 10 ETB
+- Total per Adult: 550 ETB
+
+**VIP Bed (Premium sleeper)**
+- Base: 630 ETB
+- Premium: 150 ETB
+- Insurance: 15 ETB
+- Total per Adult: 795 ETB
+
+---
+
+### Routes
+
+**Purpose**: Define railway routes with ordered station stops  
+**Access Level**: Supervisor, Admin  
+**Icon**: Route
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│      ROUTES MANAGEMENT       │
+├──────────────────────────────┤
+│ ✓ Create Routes              │
+│ ✓ Add Stops                  │
+│ ✓ Set Stop Distances         │
+│ ✓ Configure Fare Rules       │
+│ ✓ Manage Routing             │
+└──────────────────────────────┘
+```
+
+#### Route Information
+
+- **Code**: Route identifier (e.g., "ADD-DJI")
+- **Name**: Route description
+- **Stops**: Ordered list of stations
+- **Distance**: Total route distance
+- **Effective Date**: Start date
+- **Active Status**: Available for scheduling
+
+#### CRUD Operations
+
+##### CREATE
+
+1. **Click "Add Route"** button
+2. **Fill Form**:
+   - **Code** (required): Route code
+   - **Name** (required): Route name
+   - **Effective From**: Start date
+   - **Effective Until**: End date (optional)
+   - **Active**: Toggle status
+3. **Add Stops**:
+   - Click "Add Stop"
+   - Select station from dropdown
+   - Sequence auto-assigned or manual
+   - Enter distance from previous stop
+4. **Save**: Click "Create Route"
+
+##### READ
+
+1. **View Routes**:
+   - Table shows all routes
+   - Filter by status
+   - Search by code or name
+
+2. **Route Details**:
+   - Click route to expand
+   - Shows:
+     - All stops in sequence
+     - Cumulative distance
+     - Distance between stops
+     - Fare rules for route
+
+3. **Columns**:
+   - Code
+   - Name
+   - Total Stops
+   - Total Distance
+   - Status Badge
+   - Active Status
+
+##### UPDATE
+
+1. **Click "Edit"** on route
+2. **Modify Route**:
+   - Update name or description
+   - Change effective dates
+   - Toggle active status
+3. **Manage Stops**:
+   - Add new stops
+   - Remove stops (if no bookings)
+   - Reorder stops (drag-and-drop)
+   - Update distances
+4. **Save**: Click "Update Route"
+
+##### DELETE
+
+1. **Click "Delete"** on route
+2. **Checks**:
+   - Active schedules using route
+   - Bookings on those schedules
+3. **Confirm**: If no conflicts
+
+#### Route Example
+
+```
+Code: ADD-DJI
+Name: Addis Ababa to Djibouti Main Line
+Stops:
+  1. Addis Ababa (ADD) - 0 km
+  2. Adama (ADA) - 100 km
+  3. Awash (AWS) - 50 km
+  4. Dire Dawa (DDA) - 80 km
+  5. Harar (HAR) - 100 km
+  6. Djibouti (DJI) - 280 km
+
+Total Distance: 610 km
+```
+
+---
+
+### Schedules
+
+**Purpose**: Create and manage train schedules for specific routes  
+**Access Level**: Supervisor, Admin  
+**Icon**: Calendar
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│   SCHEDULES MANAGEMENT       │
+├──────────────────────────────┤
+│ ✓ Create Individual Schedule │
+│ ✓ Bulk Generate Schedules    │
+│ ✓ Edit Times & Assignments   │
+│ ✓ Manage Coach Assignments   │
+│ ✓ View Fare Breakdown        │
+│ ✓ Delete Schedules           │
+└──────────────────────────────┘
+```
+
+#### Schedule Information
+
+- **Train**: Associated train
+- **Route**: Assigned route
+- **Departure**: Date and time
+- **Arrival**: Date and time
+- **Duration**: Calculated in minutes
+- **Status**: Scheduled, Boarding, En Route, Arrived, Cancelled
+- **Coaches**: Assigned coaches with positions
+
+#### CRUD Operations
+
+##### CREATE - Single Schedule
+
+1. **Click "Create Schedule"** button
+2. **Fill Form**:
+   - **Train** (required): Select train
+   - **Route** (required): Select route
+   - **Departure** (required): Date and time
+   - **Arrival** (required): Date and time
+   - **Status**: Scheduled (default)
+3. **Assign Coaches**:
+   - Select coaches from list
+   - Checkboxes for multi-select
+   - Order matters (Position Number assigned)
+4. **Save**: Click "Create Schedule"
+
+##### CREATE - Bulk Generate
+
+1. **Click "Bulk Generate"** button
+2. **Configuration**:
+   - **Train** (required): Select train
+   - **Route** (required): Select route
+   - **Start Date & Time** (required): First departure
+   - **Duration (Hours)**: Trip length (default: 12)
+   - **Repeat Every (Days)**: Schedule frequency (default: 1)
+   - **For Next (Days)**: Generation period (default: 30)
+   - **Coaches** (optional): Pre-select coaches
+3. **Preview**:
+   - Shows calculated number of schedules
+   - Example: 30 days ÷ 1 day = ~30 schedules
+4. **Generate**: Click "Generate Schedules"
+
+**Example**:
+```
+Train: Ethio Express
+Route: ADD-DJI (610 km)
+Start: 2026-06-20 08:00
+Duration: 12 hours
+Repeat: Every 1 day
+For: 30 days
+Result: 30 daily schedules from June 20-July 19
+```
+
+##### READ
+
+1. **View Schedules**:
+   - Table shows all schedules
+   - Search by train, station, status
+   - Filter by date, route, train
+
+2. **Schedule Details**:
+   - Train name and number
+   - From/To stations
+   - Departure/Arrival times
+   - Coach assignments
+   - Current status (badge)
+
+3. **Columns**:
+   - Train
+   - From
+   - To
+   - Departure
+   - Arrival
+   - Coaches Count
+   - Status Badge
+
+##### UPDATE
+
+1. **Click "Edit"** on schedule
+2. **Modify**:
+   - **Departure/Arrival Times**: Adjust times
+   - **Status**: Change to Boarding, En Route, Arrived, Cancelled
+   - **Coach Assignment**: Add/remove coaches
+3. **Validation**:
+   - Arrival must be after departure
+   - Coach conflicts checked
+4. **Save**: Click "Update Schedule"
+
+##### DELETE
+
+1. **Click "Delete"** on schedule
+2. **Warning**: Shows
+   - Active bookings affected
+   - Seats will be released
+   - Cannot be undone
+3. **Confirm**: Click "Delete" to proceed
+4. **Cascade**: Automatically deletes:
+   - Associated seat holds
+   - Trip live status records
+
+**Bulk Delete**:
+1. **Select Multiple** schedules via checkboxes
+2. **Click "Delete [N] Schedules"**
+3. **Confirm**: Warning for bulk action
+4. **Process**: All selected deleted with cascade
+
+#### Viewing Fares
+
+1. **In Schedule Row**:
+   - Shows calculated fares per seat class
+   - Displayed inline if space available
+
+2. **Detailed Fare View**:
+   - Click schedule to expand
+   - Shows:
+     - All seat classes
+     - Base fare per class
+     - Premium/Insurance fees
+     - Total per passenger
+
+---
+
+## Financial Management
+
+### Pricing & Fares
+
+**Purpose**: Manage complex pricing with route segments and nationality support  
+**Access Level**: Admin, Supervisor  
+**Icon**: DollarSign
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│   PRICING & FARES MGMT       │
+├──────────────────────────────┤
+│ ✓ View Schedule Fares        │
+│ ✓ Create Segment Fares       │
+│ ✓ Edit Fare Rules            │
+│ ✓ Delete Fare Rules          │
+│ ✓ Nationality Override       │
+│ ✓ Passenger Type Pricing     │
+└──────────────────────────────┘
+```
+
+#### Pricing Structure
+
+**Fare Components**:
+1. **Base Fare**: Per-km rate × distance
+2. **Premium Fee**: Flat fee per passenger (e.g., 50 ETB)
+3. **Insurance Fee**: Flat fee per passenger (e.g., 5 ETB)
+4. **Total Fare**: Base + Premium + Insurance
+
+**Passenger Categories**:
+- **ADULT** (5+ years): Pays 100% of fare
+- **CHILD** (<5 years): First child FREE, subsequent pay 100%
+
+#### CRUD Operations - Schedule Fares
+
+##### VIEW SCHEDULE FARES
+
+1. **Select Schedule**:
+   - Dropdown to choose schedule
+   - Shows train, route, date
+
+2. **View Fares**:
+   - Table shows calculated fares
+   - "Dynamically calculated" disclaimer
+   - Includes all active seat classes
+
+3. **Columns**:
+   - Seat Class
+   - Passenger Type (All/ADULT/CHILD)
+   - Fare (ETB)
+   - Nationality (All/Specific)
+   - Route
+   - Valid From/Until
+
+##### ADD OVERRIDE FARE
+
+1. **Click "Add Fare Rule"** button
+2. **Fill Form**:
+   - **Schedule** (optional): Leave empty for global
+   - **Route Code** (optional): e.g., "ADD-DJI"
+   - **Seat Class** (required): Select from list
+   - **Fare (ETB)** (required): Price in Ethiopian Birr
+   - **Passenger Type** (optional): ADULT or CHILD
+   - **Nationality** (optional): Ethiopian, Djiboutian, Other
+   - **Valid From** (required): Start date
+   - **Valid Until** (optional): End date
+3. **Save**: Click "Save Fare Rule"
+
+**Example Override**:
+```
+Seat Class: VIP Bed
+Base Fare: 630 ETB (for full route)
+Passenger Type: ADULT
+Nationality: All
+Valid From: 2026-06-01
+Valid Until: 2026-08-31
+Purpose: High season pricing
+```
+
+##### EDIT FARE RULE
+
+1. **Click "Edit"** on fare row
+2. **Modify Fields**:
+   - Update fare amount
+   - Change dates
+   - Adjust nationality/type filters
+3. **Save**: Click "Update Fare Rule"
+
+##### DELETE FARE RULE
+
+1. **Click "Delete"** on fare row
+2. **Confirm**: Click "Delete" in dialog
+3. **Impact**: Removed immediately for new bookings
+
+---
+
+#### CRUD Operations - Segment Fares
+
+Segment fares allow different pricing for different route segments.
+
+##### VIEW SEGMENT FARES
+
+1. **Select Route**:
+   - Dropdown to choose route
+   - Shows route code and name
+   - Displays all stops in sequence
+
+2. **View Fares**:
+   - Table shows segment fare rules
+   - Organized by origin/destination stops
+
+3. **Columns**:
+   - Segment (Stop sequence → Sequence)
+   - Seat Class
+   - Passenger Type
+   - Fare (ETB)
+   - Nationality
+   - Valid From/Until
+
+##### CREATE SEGMENT FARE
+
+1. **Click "Add Fare Rule"** button
+2. **Tab**: Switch to "Segment Fares"
+3. **Fill Form**:
+   - **Origin Station** (required): From station dropdown
+   - **Destination Station** (required): To station dropdown
+   - **Seat Class** (required): Select class
+   - **Fare (ETB)** (required): Segment price
+   - **Passenger Type** (optional): ADULT or CHILD
+   - **Nationality** (optional): Specific nationality
+   - **Valid From** (required): Effective date
+   - **Valid Until** (optional): End date
+4. **Validation**:
+   - Destination must be after origin
+   - Stations must be on route
+5. **Save**: Click "Save Segment Fare Rule"
+
+**Example Segment Fares**:
+```
+Route: ADD-DJI (5 stops)
+
+Segment 1: ADD → ADA (100 km)
+  Economy: 150 ETB
+  VIP: 300 ETB
+
+Segment 2: ADA → DDA (130 km)
+  Economy: 200 ETB
+  VIP: 400 ETB
+
+Segment 3: DDA → DJI (280 km)
+  Economy: 250 ETB
+  VIP: 500 ETB
+```
+
+##### UPDATE SEGMENT FARE
+
+1. **Click "Edit"** on segment row
+2. **Modify**:
+   - Change stations (if no bookings)
+   - Update fare
+   - Adjust dates
+3. **Save**: Click "Update Segment Fare Rule"
+
+##### DELETE SEGMENT FARE
+
+1. **Click "Delete"** on segment row
+2. **Confirm**: Delete dialog
+3. **Removed**: Immediately applied
+
+#### Pricing Priority
+
+When calculating fares, system checks in this order:
+
+```
+1. Segment Fare (nationality-specific if exists)
+2. Segment Fare (generic for segment)
+3. Schedule Fare (nationality-specific if exists)
+4. Schedule Fare (generic for schedule)
+5. Default Fare (350 ETB)
+```
+
+---
+
+### Currencies
+
+**Purpose**: Manage currency exchange rates for multi-currency display  
+**Access Level**: Admin  
+**Icon**: Banknote
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│   CURRENCIES MANAGEMENT      │
+├──────────────────────────────┤
+│ ✓ View Exchange Rates        │
+│ ✓ Create New Rates           │
+│ ✓ Edit Rates                 │
+│ ✓ Delete Rates               │
+│ ✓ Sync from API              │
+│ ✓ Set Effective Dates        │
+└──────────────────────────────┘
+```
+
+#### Supported Currencies
+
+| Code | Currency | Symbol | Type |
+|------|----------|--------|------|
+| ETB | Ethiopian Birr | ብር | Transaction (base) |
+| DJF | Djiboutian Franc | Fdj | Display |
+| USD | US Dollar | $ | Display |
+
+#### Currency Information
+
+- **From Currency**: Source (usually ETB)
+- **To Currency**: Target (DJF, USD, etc.)
+- **Rate**: Exchange multiplier (e.g., 1 ETB = 0.018 USD)
+- **Effective Date**: When rate takes effect
+- **Source**: Manual or API
+
+#### CRUD Operations
+
+##### READ (List Exchange Rates)
+
+1. **Access Currencies Page**:
+   - Click **Currencies** in Financial section
+   - Shows all active exchange rates
+
+2. **Table Columns**:
+   - From Currency
+   - To Currency
+   - Exchange Rate
+   - Effective Date
+   - Source (Manual/API)
+   - Last Updated
+
+3. **View Details**:
+   - Hover rate to see precision
+   - Historical rates available
+
+##### CREATE
+
+1. **Click "Add Currency Rate"** button
+2. **Fill Form**:
+   - **From Currency** (required): ETB (usually)
+   - **To Currency** (required): DJF or USD
+   - **Exchange Rate** (required): Decimal value
+   - **Effective Date** (required): Date to apply
+   - **Source**: Manual (default) or API
+3. **Save**: Click "Create Rate"
+
+**Example**:
+```
+From: ETB
+To: USD
+Rate: 0.018
+Effective: 2026-06-15
+Source: Manual (updated daily)
+```
+
+##### UPDATE
+
+1. **Click "Edit"** on exchange rate
+2. **Modify**:
+   - Update rate value
+   - Change effective date
+   - Update source
+3. **Save**: Click "Update Rate"
+4. **Impact**: Applies to future bookings/display
+
+##### DELETE
+
+1. **Click "Delete"** on rate
+2. **Confirm**: Dialog confirmation
+3. **Impact**: Next rate in history used
+
+#### Rate Conversion Example
+
+**For a 3,500 ETB booking, display in different currencies**:
+
+- **ETB**: 3,500 (1:1)
+- **DJF**: 11,375 (1:3.25 rate)
+- **USD**: 63 (1:0.018 rate)
+
+---
+
+### Payments
+
+**Purpose**: Monitor payment transactions and handle refunds  
+**Access Level**: Supervisor, Admin  
+**Icon**: CreditCard
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│     PAYMENTS MANAGEMENT      │
+├──────────────────────────────┤
+│ ✓ View All Payments          │
+│ ✓ Track Payment Status       │
+│ ✓ Process Refunds            │
+│ ✓ View Webhooks              │
+│ ✓ Transaction History        │
+│ ✓ Failed Payment Handling    │
+└──────────────────────────────┘
+```
+
+#### Payment Methods
+
+Supported payment providers:
+- **Telebirr**: Mobile money (Ethiopia)
+- **CBE Birr**: Commercial Bank (Ethiopia)
+- **eBirr**: E-wallet (Ethiopia)
+- **Card**: Credit/Debit cards (VISA, Mastercard)
+- **Wallet**: Internal EDR wallet
+- **WAAFI**: Money transfer service
+
+#### Payment Statuses
+
+- **Requires Action**: Awaiting customer input
+- **Processing**: Payment being processed
+- **Succeeded**: Payment completed
+- **Failed**: Payment declined
+- **Cancelled**: Payment cancelled by user
+- **Refunded**: Payment refunded to customer
+
+#### CRUD Operations
+
+##### READ (List Payments)
+
+1. **Access Payments Page**:
+   - Click **Payments** in Financial section
+   - Shows all payment transactions
+
+2. **Search & Filter**:
+   - **Search Box**: Booking reference, transaction ID
+   - **Status Filter**: Succeeded, Failed, Processing, Refunded
+   - **Method Filter**: Payment provider
+   - **Date Range**: Filter by transaction date
+
+3. **Payment Information**:
+   - Booking Reference
+   - Payment Method
+   - Amount (ETB)
+   - Status (badge)
+   - Transaction ID
+   - Date & Time
+
+##### VIEW DETAILS
+
+1. **Click Payment Row**:
+   - Opens transaction detail modal
+   - Shows:
+     - Payment Intent ID
+     - Booking Information
+     - Amount & Currency
+     - Method & Provider
+     - Provider Transaction ID
+     - Status & Timeline
+     - Webhook History
+
+##### PROCESS REFUND
+
+1. **On Failed/Completed Payment**:
+   - Click "Process Refund" action
+   - Dialog opens for confirmation
+
+2. **Refund Form**:
+   - **Amount**: Pre-filled or custom
+   - **Reason**: Dropdown (Cancellation, Adjustment, Error, etc.)
+   - **Notes**: Optional explanation
+3. **Process**: Click "Process Refund"
+4. **Confirmation**: Shows refund processing
+
+**Refund Status**:
+- **Pending**: Awaiting processor
+- **Processing**: In transit
+- **Completed**: Credited to customer
+- **Failed**: Retry or manual intervention
+
+##### WEBHOOK MANAGEMENT
+
+1. **View Webhooks**:
+   - Click "Webhook History" tab
+   - Shows payment provider callbacks
+
+2. **Webhook Details**:
+   - Event timestamp
+   - Webhook payload
+   - Processing status
+   - Error details (if failed)
+
+---
+
+### Promo Codes
+
+**Purpose**: Create and manage promotional discount codes  
+**Access Level**: Admin, Supervisor  
+**Icon**: Gift
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│    PROMO CODES MANAGEMENT    │
+├──────────────────────────────┤
+│ ✓ Create Promo Codes         │
+│ ✓ Set Discount Types         │
+│ ✓ Configure Validity         │
+│ ✓ Edit Codes                 │
+│ ✓ Deactivate Codes           │
+│ ✓ Track Usage                │
+└──────────────────────────────┘
+```
+
+#### Promo Code Information
+
+- **Code**: Unique promotional code (e.g., "SUMMER20")
+- **Discount Type**: Percentage or fixed amount
+- **Value**: Discount percentage (%) or ETB amount
+- **Valid Until**: Expiration date
+- **Active Status**: Available for use
+- **CTA Label**: Button text (optional)
+
+#### CRUD Operations
+
+##### CREATE
+
+1. **Click "Add Promo Code"** button
+2. **Fill Form**:
+   - **Code** (required): Unique code (uppercase)
+   - **Title**: Display title
+   - **Subtitle**: Promotional message
+   - **Discount Type** (required): Percentage or Amount
+   - **Value** (required): Discount % or ETB amount
+   - **Valid Until** (required): Expiration date
+   - **CTA Label** (optional): Button text
+   - **Deep Link** (optional): App link
+   - **Active**: Toggle status
+3. **Save**: Click "Create Promo Code"
+
+**Example**:
+```
+Code: SUMMER20
+Title: Summer Getaway
+Discount Type: Percentage
+Value: 20
+Valid Until: 2026-08-31
+Active: Yes
+```
+
+##### READ (List Codes)
+
+1. **View Promo Codes**:
+   - Table shows all promo codes
+   - Filter by status (Active/Inactive)
+   - Search by code
+
+2. **Columns**:
+   - Code
+   - Title
+   - Discount (% or ETB)
+   - Valid Until
+   - Status Badge
+   - Total Uses
+   - Savings Generated
+
+##### UPDATE
+
+1. **Click "Edit"** on promo code
+2. **Modify**:
+   - Update title/subtitle
+   - Change discount value
+   - Extend/shorten validity
+   - Toggle active status
+3. **Save**: Click "Update Promo Code"
+
+##### DELETE/DEACTIVATE
+
+1. **Click "Delete"** on code
+2. **Options**:
+   - **Archive**: Keep for audit, disable for new bookings
+   - **Delete**: Remove completely
+3. **Confirm**: Dialog confirmation
+4. **Impact**: Already used bookings keep discount
+
+#### Usage Tracking
+
+1. **View Code Usage**:
+   - Click code to expand
+   - Shows:
+     - Total times used
+     - Total discount dispensed
+     - Recent applications
+
+2. **Analytics**:
+   - Revenue impact
+   - Passenger uptake
+   - Peak usage periods
+
+---
+
+## Customer Services
+
+### Loyalty Program
+
+**Purpose**: Manage passenger loyalty tiers and rewards  
+**Access Level**: Agent, Supervisor, Admin  
+**Icon**: Gift
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│  LOYALTY PROGRAM MANAGEMENT  │
+├──────────────────────────────┤
+│ ✓ View Loyalty Accounts      │
+│ ✓ Check Points Balance       │
+│ ✓ Manage Tier Status         │
+│ ✓ Adjust Points              │
+│ ✓ Manage Rewards             │
+│ ✓ View History               │
+└──────────────────────────────┘
+```
+
+#### Loyalty Tiers
+
+| Tier | Points Required | Benefits |
+|------|-----------------|----------|
+| **BRONZE** | 0-999 | Standard benefits |
+| **SILVER** | 1,000-2,999 | +5% points bonus |
+| **GOLD** | 3,000-4,999 | +10% points bonus |
+| **PLATINUM** | 5,000+ | +15% points bonus, Priority support |
+
+#### Points Earning
+
+- **Per Booking**: 1 point per 100 ETB spent
+- **Bonus**: Tier multiplier (5-15%)
+- **Promotions**: Additional bonus campaigns
+- **Expiry**: Annual expiration if inactive
+
+#### CRUD Operations
+
+##### READ (View Accounts)
+
+1. **Access Loyalty Page**:
+   - Click **Loyalty Program** in Customer Services
+   - Shows all passenger loyalty accounts
+
+2. **Search & Filter**:
+   - **Search**: Passenger name or email
+   - **Tier Filter**: BRONZE, SILVER, GOLD, PLATINUM
+   - **Sort**: Points balance, tier status, activity
+
+3. **Account Information**:
+   - Passenger Name
+   - Current Tier (badge)
+   - Points Balance
+   - Lifetime Points
+   - Last Activity
+   - Member Since
+
+##### VIEW DETAILS
+
+1. **Click Account Row**:
+   - Opens loyalty detail modal
+   - Shows:
+     - Account information
+     - Points balance breakdown
+     - Tier history
+     - Redemption history
+     - Available rewards
+
+2. **Points Breakdown**:
+   - Current balance
+   - Pending expiry points
+   - Tier multiplier applied
+
+##### UPDATE ACCOUNT
+
+1. **Manual Point Adjustment** (Admin only):
+   - Click "Adjust Points" on account
+   - Dialog opens
+   - Enter points to add/subtract
+   - Reason dropdown (Bonus, Correction, Promotion, etc.)
+   - Click "Apply"
+
+2. **Tier Management**:
+   - System auto-promotes/demotes based on points
+   - Manual override available (Admin)
+
+##### MANAGE REWARDS
+
+1. **View Available Rewards**:
+   - Shows reward catalog
+   - Points cost per reward
+   - Availability
+
+2. **Assign Rewards**:
+   - Select reward from list
+   - Specify quantity
+   - Click "Grant Reward"
+   - Confirmation email sent to passenger
+
+---
+
+### Support Center
+
+**Purpose**: Manage customer support tickets and conversations  
+**Access Level**: Agent, Supervisor, Admin  
+**Icon**: MessageSquare
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│    SUPPORT CENTER MGMT       │
+├──────────────────────────────┤
+│ ✓ View Support Tickets       │
+│ ✓ Respond to Inquiries       │
+│ ✓ Manage Conversations       │
+│ ✓ FAQ Management             │
+│ ✓ Live Chat Monitoring       │
+│ ✓ Ticket Analytics           │
+└──────────────────────────────┘
+```
+
+#### Support Ticket Structure
+
+- **Ticket ID**: Unique identifier
+- **Status**: Open, Resolved, Closed
+- **Passenger**: Linked passenger
+- **Subject**: Inquiry topic
+- **Messages**: Conversation thread
+- **Assigned Agent**: Support staff member
+- **Created Date**: Ticket creation
+- **Resolved Date**: When closed (if applicable)
+
+#### CRUD Operations
+
+##### READ (List Tickets)
+
+1. **Access Support Page**:
+   - Click **Support Center** in Customer Services
+   - Shows all support tickets
+
+2. **View Options**:
+   - **Tab 1**: Open Tickets (unresolved)
+   - **Tab 2**: All Conversations (open & closed)
+   - **Tab 3**: FAQ Management
+
+3. **Search & Filter**:
+   - **Status**: Open, Resolved, Closed
+   - **Assigned To**: Support agent filter
+   - **Search**: Ticket ID, passenger name
+   - **Date Range**: Filter by creation date
+
+4. **Ticket List Columns**:
+   - Ticket ID
+   - Passenger Name
+   - Subject
+   - Status Badge
+   - Last Message
+   - Created Date
+   - Assigned Agent
+
+##### VIEW CONVERSATION
+
+1. **Click Ticket Row**:
+   - Opens conversation thread modal
+   - Shows message history
+
+2. **Conversation Details**:
+   - All messages in chronological order
+   - Sender identification (Agent/Customer)
+   - Timestamps
+   - Attachments (if any)
+
+3. **Message Sidebar**:
+   - Passenger info
+   - Ticket metadata
+   - Linked bookings
+
+##### UPDATE (Add Response)
+
+1. **Click Ticket**:
+   - View current conversation
+
+2. **Reply to Ticket**:
+   - Type message in compose area
+   - Optionally add attachments
+   - Click "Send Response"
+   - Message sent to passenger
+
+3. **Status Management**:
+   - Mark as "Resolved"
+   - Change assignment
+   - Add notes
+
+##### CLOSE TICKET
+
+1. **Mark as Resolved**:
+   - Click "Mark Resolved" button
+   - Passenger notified
+   - Ticket moved to closed
+
+2. **Reopen**:
+   - If passenger responds, auto-reopens
+   - Or manually reopen if needed
+
+#### FAQ Management
+
+1. **View FAQ Articles**:
+   - Tab: "FAQ Management"
+   - Shows all published FAQs
+
+2. **Create FAQ**:
+   - Click "Add FAQ Article"
+   - Select category
+   - Enter question & answer
+   - Publish
+
+3. **Edit/Delete**:
+   - Edit existing articles
+   - Archive outdated articles
+
+---
+
+### Notifications
+
+**Purpose**: Configure and send notifications to passengers  
+**Access Level**: Supervisor, Admin  
+**Icon**: Bell
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│  NOTIFICATIONS MANAGEMENT    │
+├──────────────────────────────┤
+│ ✓ View Notification Log      │
+│ ✓ Configure Templates        │
+│ ✓ Send Manual Notifications  │
+│ ✓ Set Preferences            │
+│ ✓ View Delivery Status       │
+│ ✓ Analytics                  │
+└──────────────────────────────┘
+```
+
+#### Notification Channels
+
+- **Email**: Direct email delivery
+- **SMS**: Text message delivery
+- **Push Notification**: Mobile app push
+- **In-App**: Platform notifications
+
+#### Notification Templates
+
+Pre-configured templates for:
+- **Booking Confirmation**: "Your booking is confirmed"
+- **Ticket Issued**: "Your ticket is ready"
+- **Payment Received**: "Payment received successfully"
+- **Trip Reminder**: "Your trip is tomorrow"
+- **Delay Alert**: "Trip delayed by X minutes"
+- **Promo**: Special offers and discounts
+
+#### CRUD Operations
+
+##### READ (View Notifications)
+
+1. **Access Notifications**:
+   - Click **Notifications** in Customer Services
+   - Shows notification log
+
+2. **Search & Filter**:
+   - **Recipient**: Passenger name/email
+   - **Status**: Sent, Failed, Pending
+   - **Channel**: Email, SMS, Push
+   - **Date Range**: Filter by send date
+
+3. **Notification Details**:
+   - Recipient
+   - Template used
+   - Channel(s)
+   - Status
+   - Sent Date/Time
+   - Delivery confirmation
+
+##### SEND MANUAL NOTIFICATION
+
+1. **Click "Send Notification"** button
+2. **Select Recipients**:
+   - Specific passenger or group
+   - Filters: Booking status, tier, loyalty, etc.
+3. **Choose Template**:
+   - Select from templates
+   - Or custom message
+4. **Configure**:
+   - Select channels (Email, SMS, Push)
+   - Schedule send time
+   - Add personalization
+5. **Preview**: Show how it looks
+6. **Send**: Click "Send Notification"
+
+**Example**:
+```
+Recipients: All PLATINUM tier passengers
+Template: Special Promo - 15% Discount
+Channels: Email, Push Notification
+Send: Immediately
+```
+
+##### MANAGE TEMPLATES
+
+1. **View Templates Tab**:
+   - Shows all notification templates
+   - Filter by channel
+
+2. **Edit Template**:
+   - Click template to edit
+   - Modify subject/body
+   - Add placeholders {{name}}, {{bookingRef}}
+   - Save
+
+3. **Create New Template**:
+   - Click "Add Template"
+   - Template code
+   - Channels (multi-select)
+   - Subject & body
+   - Variables/placeholders
+   - Save
+
+##### DELIVERY TRACKING
+
+1. **View Delivery Status**:
+   - Notification details show status per channel
+   - Timestamp for each delivery
+
+2. **Retry Failed**:
+   - Failed notifications show retry option
+   - Click "Retry" to resend
+   - Max retries: 3
+
+---
+
+## Security & Compliance
+
+### Audit Logs
+
+**Purpose**: Monitor all system activities for compliance and security  
+**Access Level**: Supervisor, Admin  
+**Icon**: AlertTriangle
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│      AUDIT LOGS MGMT         │
+├──────────────────────────────┤
+│ ✓ View All Activities        │
+│ ✓ Filter by User             │
+│ ✓ Search by Entity           │
+│ ✓ View Change History        │
+│ ✓ Export Audit Trail         │
+│ ✓ Compliance Reports         │
+└──────────────────────────────┘
+```
+
+#### Logged Activities
+
+- **User Actions**: Login, logout, access
+- **Data Changes**: Create, update, delete operations
+- **Sensitive Actions**: Payment processing, cancellations, refunds
+- **Authentication**: Failed logins, password resets
+- **System Events**: Configuration changes, deployments
+
+#### Audit Record Structure
+
+- **Timestamp**: When action occurred
+- **User**: Who performed action
+- **Action**: Type of action (Create, Update, Delete)
+- **Entity**: What was affected (Booking, Payment, etc.)
+- **Entity ID**: ID of affected record
+- **Old Data**: Previous values (for updates)
+- **New Data**: New values (for updates)
+- **IP Address**: Source IP
+- **User Agent**: Browser/client info
+
+#### CRUD Operations
+
+##### READ (View Audit Log)
+
+1. **Access Audit Logs**:
+   - Click **Audit Logs** in Security & Compliance
+   - Shows all logged activities
+
+2. **Search & Filter**:
+   - **User Filter**: Specific user/agent
+   - **Action Filter**: Create, Update, Delete, View
+   - **Entity Filter**: Booking, Payment, Passenger, etc.
+   - **Date Range**: Filter by timestamp
+   - **Search**: Entity ID or description
+
+3. **Log Columns**:
+   - Timestamp
+   - User (Name, Email)
+   - Action (badge)
+   - Entity Type
+   - Entity ID
+   - Summary
+   - IP Address
+
+##### VIEW DETAILS
+
+1. **Click Log Entry**:
+   - Opens full audit detail modal
+   - Shows:
+     - All metadata
+     - Old vs New values (side-by-side)
+     - Complete change log
+     - IP/User Agent details
+
+2. **Change Visualization**:
+   - Highlights changed fields
+   - Shows before/after values
+   - Timestamp precision
+
+##### EXPORT AUDIT TRAIL
+
+1. **Click "Export"** button
+2. **Select Options**:
+   - **Format**: CSV, JSON, PDF
+   - **Date Range**: Custom range
+   - **Filters**: Apply current filters
+3. **Download**: File starts downloading
+4. **Compliance**: Keep for regulatory requirements
+
+##### AUDIT RETENTION
+
+- **Active Logs**: 12 months
+- **Archived**: 7 years (for compliance)
+- **Automatic Archival**: Monthly process
+- **GDPR Compliance**: Subject to retention policies
+
+---
+
+### Fraud Detection
+
+**Purpose**: Monitor and prevent fraudulent activities  
+**Access Level**: Supervisor, Admin  
+**Icon**: Shield
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│  FRAUD DETECTION MGMT        │
+├──────────────────────────────┤
+│ ✓ View Fraud Alerts          │
+│ ✓ Configure Rules            │
+│ ✓ Block Suspicious Users     │
+│ ✓ Review Flagged Bookings    │
+│ ✓ Adjust Risk Thresholds     │
+│ ✓ Incident Response          │
+└──────────────────────────────┘
+```
+
+#### Fraud Detection Rules
+
+- **Rapid Bookings**: Multiple bookings in short timeframe
+- **High Value**: Unusually large transactions
+- **Geographic Anomaly**: Bookings from unlikely locations
+- **Payment Failures**: Multiple failed payment attempts
+- **Duplicate Identity**: Same ID used multiple times
+- **Unusual Pattern**: Deviation from normal behavior
+
+#### Alert Severity
+
+- **LOW**: Review before processing
+- **MEDIUM**: Requires manual approval
+- **HIGH**: Immediate blocking recommended
+
+#### CRUD Operations
+
+##### READ (View Alerts)
+
+1. **Access Fraud Detection**:
+   - Click **Fraud Detection** in Security & Compliance
+   - Shows active fraud alerts
+
+2. **Alert List**:
+   - Filter by severity (Low, Medium, High)
+   - Filter by status (Open, Acknowledged, Resolved)
+   - Search by user ID, booking ref
+
+3. **Alert Information**:
+   - Alert ID
+   - User/Passenger
+   - Severity (badge color)
+   - Event Type (rule triggered)
+   - Timestamp
+   - Status
+
+##### VIEW ALERT DETAILS
+
+1. **Click Alert Row**:
+   - Opens alert detail modal
+   - Shows:
+     - Full context information
+     - Triggering rule details
+     - Rules triggered list
+     - Recommended action
+     - User history
+
+2. **Risk Assessment**:
+   - Risk score (0-100)
+   - Contributing factors
+   - Historical pattern
+
+##### ACKNOWLEDGE ALERT
+
+1. **Click "Acknowledge"**:
+   - Alert marked as reviewed
+   - Timestamp recorded
+   - Can still take action
+
+2. **Add Notes**:
+   - Click "Add Investigation Notes"
+   - Document findings
+   - Save
+
+##### TAKE ACTION
+
+**Allow Booking**:
+1. Click "Allow" button
+2. Booking proceeds despite alert
+3. Logged for audit
+
+**Block User**:
+1. Click "Block User" button
+2. Enter block duration
+3. Reason dropdown:
+   - Fraud Suspected
+   - Multiple Failed Payments
+   - Suspicious Pattern
+   - Manual Review Needed
+4. Confirm
+5. User cannot book during block period
+
+**Escalate**:
+1. Click "Escalate to Admin"
+2. Adds to priority queue
+3. Admin reviews and decides
+
+##### MANAGE FRAUD RULES
+
+1. **View Rules Tab**:
+   - Shows all active fraud detection rules
+   - Rule thresholds
+   - Triggering conditions
+
+2. **Edit Rules**:
+   - Click rule to edit
+   - Adjust threshold values
+   - Change rule status (Active/Inactive)
+   - Save
+
+**Example Rules**:
+```
+Rule: Rapid Bookings
+Condition: >5 bookings in 1 hour
+Severity: Medium
+Action: Flag for review
+
+Rule: High Value Transaction
+Condition: Amount > 100,000 ETB
+Severity: Low
+Action: Monitor
+
+Rule: Failed Payments
+Condition: >3 failed in 24 hours
+Severity: High
+Action: Block user
+```
+
+---
+
+### Verifayda Integration
+
+**Purpose**: Manage Ethiopian national ID verification service  
+**Access Level**: Admin  
+**Icon**: UserCheck
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│  VERIFAYDA INTEGRATION MGMT  │
+├──────────────────────────────┤
+│ ✓ View Verification Status   │
+│ ✓ Verify Manual ID           │
+│ ✓ Check Verification Log     │
+│ ✓ Manage Integration         │
+│ ✓ Configuration              │
+│ ✓ Test Integration           │
+└──────────────────────────────┘
+```
+
+#### Verifayda Overview
+
+- **Service**: Ethiopian government national ID verification
+- **Real-time**: Live verification with government database
+- **Privacy**: National IDs NOT stored (policy compliant)
+- **Non-Ethiopian**: Passport alternative (no verification)
+
+#### Verification Status
+
+- **Verified**: Successfully matched with government DB
+- **Unverified**: Failed or not attempted
+- **Pending**: In-progress verification
+- **Failed**: Temporary error, can retry
+
+#### CRUD Operations
+
+##### READ (View Verifications)
+
+1. **Access Verifayda Page**:
+   - Click **Verifayda Integration** in Security & Compliance
+   - Shows verification history
+
+2. **Search & Filter**:
+   - **Search**: Passenger name, national ID
+   - **Status**: Verified, Unverified, Pending, Failed
+   - **Date Range**: Filter by verification date
+
+3. **Verification Record**:
+   - Passenger Name
+   - National ID (masked)
+   - Verification Status (badge)
+   - Verified Name (from government DB)
+   - Date of Birth
+   - Nationality
+   - Verified Date
+
+##### VERIFY NATIONAL ID
+
+1. **Manual Verification**:
+   - Click "Verify ID" button
+   - Enter National ID number
+   - Click "Verify"
+
+2. **Verification Process**:
+   - Sends to Verifayda API
+   - Checks against government database
+   - Returns: Name, DOB, Nationality
+
+3. **Result**:
+   - **Success**: Shows verified data
+   - **Failed**: Shows error reason
+   - **Retry**: Can attempt again
+
+##### VIEW VERIFICATION DETAILS
+
+1. **Click Verification Record**:
+   - Opens detail modal
+   - Shows:
+     - Verification timestamp
+     - Request payload
+     - Response data
+     - Verification match score
+     - Linked bookings
+
+---
+
+## Analytics & Reports
+
+### Reports
+
+**Purpose**: View comprehensive analytics and business reports  
+**Access Level**: Supervisor, Admin  
+**Icon**: BarChart3
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│      REPORTS ANALYTICS       │
+├──────────────────────────────┤
+│ ✓ Revenue Reports            │
+│ ✓ Occupancy Analysis         │
+│ ✓ Agent Performance          │
+│ ✓ Passenger Analytics        │
+│ ✓ Custom Date Range          │
+│ ✓ Export Reports             │
+└──────────────────────────────┘
+```
+
+#### Report Types
+
+**Revenue Report**:
+- Total revenue (ETB)
+- Revenue by route
+- Revenue by seat class
+- Revenue by payment method
+- Trends over time
+- Promo code impact
+
+**Occupancy Report**:
+- Seat occupancy %
+- Capacity utilization
+- Empty seats cost
+- Occupancy by route
+- Occupancy trends
+- Peak/off-peak analysis
+
+**Agent Performance**:
+- Counter bookings
+- Commission earned
+- Sales by period
+- Customer satisfaction
+- Performance ranking
+
+**Passenger Analytics**:
+- New passengers
+- Repeat passenger rate
+- Loyalty program stats
+- Regional distribution
+- Device/platform breakdown
+
+#### CRUD Operations
+
+##### GENERATE REPORT
+
+1. **Access Reports Page**:
+   - Click **Reports** in Analytics & Reports
+   - Multiple report options available
+
+2. **Select Report Type**:
+   - Revenue
+   - Occupancy
+   - Agent Performance
+   - Passenger Analytics
+
+3. **Configure Report**:
+   - **Date Range**: From/To dates (required)
+   - **Route Filter** (optional): Specific route or all
+   - **Filters** (optional): Additional criteria
+   - **Group By**: Day, Week, Month, Year
+
+4. **Generate**: Click "Generate Report"
+5. **Display**: Charts and tables appear
+
+##### VIEW REPORT DETAILS
+
+1. **Charts**:
+   - Line charts for trends
+   - Bar charts for comparisons
+   - Pie charts for distribution
+
+2. **Tables**:
+   - Detailed data rows
+   - Sortable columns
+   - Pagination for large datasets
+
+3. **Export Options**:
+   - Download as PDF
+   - Download as Excel
+   - Download as CSV
+   - Schedule recurring export
+
+##### CUSTOMIZE REPORT
+
+1. **Add Metrics**:
+   - Click "Add Metric"
+   - Select from available metrics
+   - Charts update
+
+2. **Change Date Range**:
+   - Click date range selector
+   - Pick new dates
+   - Report regenerates
+
+3. **Save Report**:
+   - Click "Save Report"
+   - Name the report
+   - Can rerun with one click
+
+---
+
+### Operational Reports
+
+**Purpose**: View system operational metrics and performance  
+**Access Level**: Supervisor, Admin  
+**Icon**: FileText
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│  OPERATIONAL REPORTS MGMT    │
+├──────────────────────────────┤
+│ ✓ System Health Status       │
+│ ✓ API Performance            │
+│ ✓ Error Rates               │
+│ ✓ Data Sync Status          │
+│ ✓ Scheduled Reports         │
+│ ✓ Export History            │
+└──────────────────────────────┘
+```
+
+#### Operational Metrics
+
+- **System Uptime**: Percentage
+- **API Response Time**: Average ms
+- **Error Rate**: % of failed requests
+- **Data Sync Status**: Last sync time
+- **Scheduled Jobs**: Status of cron tasks
+- **Storage Usage**: Database size, disk usage
+
+#### CRUD Operations
+
+##### READ (View Operations Status)
+
+1. **Access Operational Reports**:
+   - Click **Operational Reports** in Analytics & Reports
+   - Shows current system health
+
+2. **Health Dashboard**:
+   - System status indicators
+   - Key metrics
+   - Recent issues (if any)
+
+3. **Performance Metrics**:
+   - API response times
+   - Database query times
+   - Error logs
+   - Job execution times
+
+---
+
+## System Administration
+
+### Agent Operations
+
+**Purpose**: Manage agent counter bookings and shifts  
+**Access Level**: Supervisor, Admin  
+**Icon**: Briefcase
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│   AGENT OPERATIONS MGMT      │
+├──────────────────────────────┤
+│ ✓ Create Bookings            │
+│ ✓ Manage Shifts              │
+│ ✓ Track Commissions          │
+│ ✓ Reconciliation             │
+│ ✓ Cash Management            │
+│ ✓ Agent Performance          │
+└──────────────────────────────┘
+```
+
+#### Agent Functions
+
+- **Counter Booking**: Create bookings on behalf of passengers
+- **Shift Management**: Open/close shifts and cash handling
+- **Commission Tracking**: Monitor earnings
+- **Reconciliation**: Daily settlement
+
+#### CRUD Operations
+
+##### CREATE COUNTER BOOKING
+
+1. **Access Agent Bookings**:
+   - Click **Agent Operations** in System section
+   - Click "New Booking" button
+
+2. **Booking Form**:
+   - **Select Schedule**: Choose train and date
+   - **Select Seats**: Pick available seats
+   - **Add Passengers**: Enter passenger details
+   - **Select Class**: Seat class preference
+   - **Apply Promo**: If applicable
+
+3. **Payment**:
+   - **Payment Method**: Cash, Card, Check, etc.
+   - **Amount Received** (for cash)
+   - **Change Calculation**: Auto-calculated
+
+4. **Process**:
+   - Click "Create Booking"
+   - Confirmation with booking reference
+   - Ticket printed or emailed
+
+##### MANAGE SHIFTS
+
+1. **Open Shift**:
+   - Click "Open Shift"
+   - Enter opening balance (cash)
+   - Click "Start Shift"
+
+2. **Close Shift**:
+   - Click "Close Shift"
+   - Verify final cash
+   - Enter closing balance
+   - Reconcile differences
+   - Click "Complete Shift"
+
+3. **Shift Details**:
+   - Opening/Closing Balance
+   - Total Bookings
+   - Total Sales
+   - Commission Earned
+   - Cash Count Variance
+
+##### VIEW AGENT PERFORMANCE
+
+1. **Agent Dashboard**:
+   - Total bookings (period)
+   - Total revenue generated
+   - Average booking value
+   - Commission earned
+   - Performance ranking
+
+---
+
+### User Management
+
+**Purpose**: Manage system users and access control  
+**Access Level**: Admin  
+**Icon**: Users
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│    USER MANAGEMENT MGMT      │
+├──────────────────────────────┤
+│ ✓ Create Users               │
+│ ✓ Assign Roles               │
+│ ✓ Manage Permissions         │
+│ ✓ Reset Passwords            │
+│ ✓ Deactivate/Activate        │
+│ ✓ Audit User Activity        │
+└──────────────────────────────┘
+```
+
+#### User Roles
+
+- **AGENT**: Counter operations
+- **SUPERVISOR**: Oversight and decisions
+- **ADMIN**: Full access
+- **STAFF**: Limited specific access
+
+#### CRUD Operations
+
+##### CREATE USER
+
+1. **Click "Add User"** button
+2. **Fill Form**:
+   - **Email** (required): Unique email
+   - **Full Name** (required): Display name
+   - **Phone**: Contact number
+   - **Role** (required): Select role
+   - **Department**: Optional
+   - **Status**: Active/Inactive
+3. **Save**: Click "Create User"
+4. **Auto-email**: Temporary password sent to email
+
+##### READ (List Users)
+
+1. **View Users**:
+   - Table shows all users
+   - Filter by role
+   - Search by name/email
+
+2. **Columns**:
+   - Name
+   - Email
+   - Role (badge)
+   - Status
+   - Last Login
+   - Created Date
+
+##### UPDATE
+
+1. **Click User Row**:
+   - Opens user detail modal
+   - Shows profile & activity
+
+2. **Modify**:
+   - Update name/phone
+   - Change role
+   - Update department
+   - Toggle active status
+
+3. **Password Reset**:
+   - Click "Reset Password"
+   - Temporary password generated
+   - Sent to user email
+
+##### DELETE
+
+1. **Click "Delete"** on user
+2. **Confirm**: Warns about implications
+3. **Options**:
+   - **Deactivate**: Keep records, disable access
+   - **Delete**: Remove user completely
+
+---
+
+### Settings
+
+**Purpose**: Configure system-wide settings and preferences  
+**Access Level**: Admin  
+**Icon**: Settings
+
+#### Features Overview
+
+```
+┌──────────────────────────────┐
+│      SETTINGS MGMT           │
+├──────────────────────────────┤
+│ ✓ Application Settings       │
+│ ✓ Email Configuration        │
+│ ✓ Payment Provider Setup     │
+│ ✓ API Integration            │
+│ ✓ Notification Templates     │
+│ ✓ System Preferences         │
+└──────────────────────────────┘
+```
+
+#### Configuration Sections
+
+**General Settings**:
+- Application name
+- Logo and branding
+- Timezone
+- Default currency
+- Language
+
+**Email Settings**:
+- SMTP server
+- Sender email
+- Email templates
+- Notification preferences
+
+**Payment Settings**:
+- Provider credentials
+- API keys
+- Webhook endpoints
+- Currency configuration
+
+**API Integration**:
+- Verifayda setup
+- External service integration
+- API rate limits
+- Webhook configuration
+
+#### CRUD Operations
+
+##### UPDATE SETTINGS
+
+1. **Navigate to Settings**:
+   - Click **Settings** in System section
+
+2. **Select Category**:
+   - General, Email, Payments, API, etc.
+
+3. **Modify Settings**:
+   - Update configuration values
+   - Test connections (where applicable)
+   - Save changes
+
+4. **Confirmation**:
+   - Settings updated with timestamp
+   - Changes take effect immediately
+   - Audit logged
+
+---
+
+## Common Features
+
+### Data Table Features
+
+**All data tables include**:
+
+1. **Search & Filter**:
+   - Real-time search box
+   - Multiple filter dropdowns
+   - Date range pickers
+   - Status/category filters
+
+2. **Sorting**:
+   - Click column headers to sort
+   - Sort order toggle (Asc/Desc)
+   - Multi-column sort (optional)
+
+3. **Pagination**:
+   - Previous/Next buttons
+   - Jump to page input
+   - Page size selector
+   - Total record count
+
+4. **Bulk Actions**:
+   - Checkbox selection
+   - Select All / Deselect All
+   - Bulk operations (Delete, Export, Update)
+
+5. **Export**:
+   - Export visible columns
+   - Export filtered results
+   - Format options (CSV, Excel, JSON)
+   - Scheduled exports
+
+### Modal Dialog Features
+
+**All modals include**:
+
+1. **Title Bar**:
+   - Clear action title
+   - Close button (X)
+
+2. **Form Fields**:
+   - Required field indicators (*)
+   - Field validation
+   - Error messages
+   - Helpful tooltips
+
+3. **Action Buttons**:
+   - Primary action (Create, Save, Update)
+   - Secondary action (Cancel)
+   - Danger action (Delete)
+   - Loading state with spinner
+
+4. **Responsive Design**:
+   - Mobile-friendly layout
+   - Scrollable content areas
+   - Optimized for all screen sizes
+
+### Status Badges
+
+**Color-coded status indicators**:
+
+- **Green**: Success, Active, Confirmed
+- **Yellow**: Warning, Pending, Processing
+- **Blue**: Information, Scheduled
+- **Red**: Error, Failed, Cancelled
+- **Gray**: Inactive, Draft
+
+### Keyboard Shortcuts
+
+**Common shortcuts**:
+
+| Shortcut | Action |
+|----------|--------|
+| `Ctrl/Cmd + K` | Search/Quick filter |
+| `Ctrl/Cmd + S` | Save form |
+| `Esc` | Close modal/dialog |
+| `Tab` | Navigate form fields |
+| `Enter` | Submit form |
+
+---
+
+## Best Practices
+
+### Data Entry
+
+1. **Always verify** information before submitting
+2. **Use dropdown** selections when available
+3. **Check date formats** match system requirements
+4. **Include descriptive** notes for manual entries
+5. **Save frequently** during long forms
+
+### Booking Management
+
+1. **Verify passenger** identity before processing
+2. **Confirm payment method** before transaction
+3. **Double-check seat** assignments
+4. **Note any special** passenger requirements
+5. **Provide clear** confirmation references
+
+### Financial Operations
+
+1. **Reconcile daily** at shift end
+2. **Verify exchange rates** before currency conversion
+3. **Keep refund** documentation
+4. **Review fraud** alerts carefully
+5. **Audit payment** discrepancies
+
+### Security
+
+1. **Lock screen** when away from desk
+2. **Use strong passwords** (min. 12 characters)
+3. **Enable two-factor** authentication
+4. **Report suspicious** activity immediately
+5. **Clear browser** cache after sensitive operations
+
+### Compliance
+
+1. **Follow audit** procedures
+2. **Retain records** per retention policy
+3. **Document all** manual overrides
+4. **Report data** discrepancies
+5. **Keep credentials** confidential
+
+---
+
+## Support & Help
+
+### Getting Help
+
+**In-App Help**:
+- Hover over fields for tooltips
+- Click "?" icons for context help
+- Use "Help" menu in navigation
+
+**Documentation**:
+- This comprehensive guide
+- Video tutorials (under production)
+- FAQ section in Support Center
+
+**Contact Support**:
+- **Email**: support@edr-platform.com
+- **Phone**: +251-XXX-XXX-XXXX
+- **Chat**: Available during business hours
+- **Ticket System**: Create support ticket in app
+
+### Troubleshooting
+
+**Issue: Cannot login**
+- Verify email/password
+- Check caps lock
+- Try password reset
+- Contact admin if locked out
+
+**Issue: Page not loading**
+- Refresh browser (F5)
+- Clear browser cache
+- Try different browser
+- Check internet connection
+
+**Issue: Data not saving**
+- Verify all required fields
+- Check for error messages
+- Review audit logs
+- Try again or contact support
+
+---
+
+## Change Log
+
+### Version 1.0.0 (June 15, 2026)
+- Initial release
+- All core modules implemented
+- Multi-currency support added
+- Verifayda 2.0 integration complete
+- Premium and insurance fees added to fares
+- Age-based pricing fully functional
+- Segment fare rules implemented
+
+---
+
+## Appendix
+
+### Acronyms & Abbreviations
+
+| Acronym | Meaning |
+|---------|---------|
+| ETB | Ethiopian Birr |
+| DJF | Djiboutian Franc |
+| USD | US Dollar |
+| EDR | Ethio-Djibouti Railway |
+| SMS | Short Message Service |
+| WCAG | Web Content Accessibility Guidelines |
+| CSV | Comma-Separated Values |
+| API | Application Programming Interface |
+| SMTP | Simple Mail Transfer Protocol |
+| CRUD | Create, Read, Update, Delete |
+| IAM | Identity and Access Management |
+
+### Currency Codes
+
+| Code | Currency | Country |
+|------|----------|---------|
+| ETB | Ethiopian Birr | Ethiopia |
+| DJF | Djiboutian Franc | Djibouti |
+| USD | US Dollar | United States |
+
+### Timezone Reference
+
+| Timezone | Region | UTC Offset |
+|----------|--------|------------|
+| Africa/Addis_Ababa | Ethiopia | UTC+3 |
+| Africa/Djibouti | Djibouti | UTC+3 |
+| UTC | Coordinated Universal Time | UTC+0 |
+
+---
+
+**For more information or feedback, please contact the development team or visit the support portal.**
+
+**Last Updated**: January 15, 2026  
+**Document Version**: 1.0.0  
+**Maintained By**: EDR Development Team
diff --git a/apps/edr-passenger-web/backoffice/src/App.tsx b/apps/edr-passenger-web/backoffice/src/App.tsx
deleted file mode 100644
index fafac6075..000000000
--- a/apps/edr-passenger-web/backoffice/src/App.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import {
-  useNavigate,
-  useLocation,
-  Routes,
-  Route,
-  Navigate,
-} from "react-router-dom";
-import { DashboardLayout, type SidebarItem } from "@edr/ui-common";
-
-import DashboardPage from "./pages/dashboard/DashboardPage";
-
-const sidebarItems: SidebarItem[] = [{ label: "Dashboard", href: "/" }];
-
-const App = () => {
-  const navigate = useNavigate();
-  const location = useLocation();
-
-  return (
-    <DashboardLayout
-      title="EDR Passenger Backoffice"
-      sidebarItems={sidebarItems}
-      activeHref={location.pathname}
-      onNavigate={navigate}
-    >
-      <Routes>
-        <Route path="/" element={<DashboardPage />} />
-        <Route path="*" element={<Navigate to="/" replace />} />
-      </Routes>
-    </DashboardLayout>
-  );
-};
-
-export default App;
diff --git a/apps/edr-passenger-web/backoffice/src/app/agents/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/agents/layout.tsx
new file mode 100644
index 000000000..71badbbc3
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/agents/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function AgentsLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/agents/page.tsx b/apps/edr-passenger-web/backoffice/src/app/agents/page.tsx
new file mode 100644
index 000000000..d220bdd1a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/agents/page.tsx
@@ -0,0 +1,124 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Plus, Edit, DollarSign, Clock } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import ActionButton from '@/components/ui/ActionButton';
+import Badge from '@/components/ui/Badge';
+import { agentsApi } from '@/lib/api';
+import { formatCurrency, formatDateTime } from '@/lib/utils';
+
+export default function AgentsPage() {
+  const [filters, setFilters] = useState({ search: '', active: '' });
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['agents', filters],
+    queryFn: () => agentsApi.getAll(filters),
+  });
+
+  const columns = [
+    {
+      key: 'agentCode',
+      label: 'Agent Code',
+      sortable: true,
+      render: (agent: any) => <span className="font-mono font-semibold">{agent.agentCode}</span>,
+    },
+    {
+      key: 'user',
+      label: 'Name',
+      render: (agent: any) => (
+        <div>
+          <div className="font-medium">{agent.user?.fullName || 'N/A'}</div>
+          <div className="text-sm text-gray-500">{agent.user?.email}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'commissionRate',
+      label: 'Commission',
+      render: (agent: any) => <span>{agent.commissionRate}%</span>,
+    },
+    {
+      key: 'active',
+      label: 'Status',
+      render: (agent: any) => (
+        <Badge variant="status" status={agent.active ? 'CONFIRMED' : 'CANCELLED'}>
+          {agent.active ? 'Active' : 'Inactive'}
+        </Badge>
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'View Shifts',
+      onClick: (agent: any) => {
+        window.location.href = `/agents/${agent.id}/shifts`;
+      },
+      variant: 'secondary' as const,
+      icon: Clock,
+    },
+    {
+      label: 'View Commissions',
+      onClick: (agent: any) => {
+        window.location.href = `/agents/${agent.id}/commissions`;
+      },
+      variant: 'secondary' as const,
+      icon: DollarSign,
+    },
+    {
+      label: 'Edit',
+      onClick: (agent: any) => console.log('Edit', agent),
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold">Agent Operations</h1>
+          <p className="text-muted-foreground">Manage booking agents and their operations</p>
+        </div>
+        <ActionButton icon={Plus}>Add Agent</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <label className="label">Search</label>
+            <input
+              type="text"
+              placeholder="Search agents..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+            />
+          </div>
+          <div>
+            <label className="label">Status</label>
+            <select
+              className="input"
+              value={filters.active}
+              onChange={(e) => setFilters({ ...filters, active: e.target.value })}
+            >
+              <option value="">All Status</option>
+              <option value="true">Active</option>
+              <option value="false">Inactive</option>
+            </select>
+          </div>
+        </div>
+      </div>
+
+      <DataTable
+        data={data?.items || []}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No agents found"
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/audit/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/audit/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/audit/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/audit/page.tsx b/apps/edr-passenger-web/backoffice/src/app/audit/page.tsx
new file mode 100644
index 000000000..06d8a6811
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/audit/page.tsx
@@ -0,0 +1,363 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Eye, Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import { auditApi } from '@/lib/api';
+import { formatDateTime } from '@/lib/utils';
+import Modal from '@/components/ui/Modal';
+import ActionButton from '@/components/ui/ActionButton';
+
+export default function AuditLogsPage() {
+  const [filters, setFilters] = useState({ search: '', action: '', entityType: '' });
+  const [selectedLog, setSelectedLog] = useState<any>(null);
+  const [showDetailsModal, setShowDetailsModal] = useState(false);
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['audit-logs', filters],
+    queryFn: () => auditApi.getLogs(filters),
+    refetchInterval: 30000, // Refetch every 30 seconds
+  });
+
+  const getActionBadgeColor = (action: string) => {
+    switch (action) {
+      case 'CREATE':
+        return 'success';
+      case 'UPDATE':
+        return 'primary';
+      case 'DELETE':
+        return 'danger';
+      case 'LOGIN':
+        return 'info';
+      case 'LOGOUT':
+        return 'secondary';
+      default:
+        return 'secondary';
+    }
+  };
+
+  const formatJsonData = (data: any) => {
+    if (!data) return 'N/A';
+    try {
+      return JSON.stringify(data, null, 2);
+    } catch {
+      return String(data);
+    }
+  };
+
+  const columns = [
+    {
+      key: 'createdAt',
+      label: 'Timestamp',
+      sortable: true,
+      render: (log: any) => (
+        <div className="text-sm">
+          <div className="font-medium">{formatDateTime(log.createdAt)}</div>
+          <div className="text-xs text-muted-foreground">{new Date(log.createdAt).toLocaleTimeString()}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'action',
+      label: 'Action',
+      sortable: true,
+      render: (log: any) => (
+        <Badge className={getActionBadgeColor(log.action)}>
+          {log.action}
+        </Badge>
+      ),
+    },
+    {
+      key: 'entityType',
+      label: 'Entity Type',
+      sortable: true,
+      render: (log: any) => (
+        <span className="px-2 py-1 bg-gray-100 dark:bg-gray-700 rounded text-xs font-medium">
+          {log.entityType}
+        </span>
+      ),
+    },
+    {
+      key: 'entityId',
+      label: 'Entity ID',
+      render: (log: any) => (
+        <span className="font-mono text-xs text-muted-foreground">
+          {log.entityId ? log.entityId.substring(0, 12) : 'System'}
+        </span>
+      ),
+    },
+    {
+      key: 'user',
+      label: 'User',
+      render: (log: any) => (
+        <div>
+          <div className="font-medium text-sm">{log.user?.fullName || 'System'}</div>
+          <div className="text-xs text-muted-foreground">{log.user?.email || log.userId || 'N/A'}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'ipAddress',
+      label: 'IP Address',
+      render: (log: any) => (
+        <span className="text-xs text-muted-foreground font-mono">
+          {log.ipAddress || 'N/A'}
+        </span>
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'View Details',
+      onClick: (log: any) => {
+        setSelectedLog(log);
+        setShowDetailsModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Eye,
+    },
+  ];
+
+  const logs = data?.items || [];
+  const stats = {
+    total: logs.length,
+    creates: logs.filter((l: any) => l.action === 'CREATE').length,
+    updates: logs.filter((l: any) => l.action === 'UPDATE').length,
+    deletes: logs.filter((l: any) => l.action === 'DELETE').length,
+  };
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-foreground">Audit Logs</h1>
+        <p className="text-muted-foreground mt-1">Track all system activities and changes</p>
+      </div>
+
+      {/* Stats Cards */}
+      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+        <div className="card">
+          <div className="text-muted-foreground text-sm font-medium">Total Logs</div>
+          <div className="text-2xl font-bold mt-2">{stats.total}</div>
+        </div>
+        <div className="card">
+          <div className="text-green-600 text-sm font-medium">Created</div>
+          <div className="text-2xl font-bold mt-2">{stats.creates}</div>
+        </div>
+        <div className="card">
+          <div className="text-blue-600 text-sm font-medium">Updated</div>
+          <div className="text-2xl font-bold mt-2">{stats.updates}</div>
+        </div>
+        <div className="card">
+          <div className="text-red-600 text-sm font-medium">Deleted</div>
+          <div className="text-2xl font-bold mt-2">{stats.deletes}</div>
+        </div>
+      </div>
+
+      {/* Filters */}
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+          <div>
+            <label className="label">Search (User/Entity ID)</label>
+            <input
+              type="text"
+              placeholder="Search logs..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+            />
+          </div>
+          <div>
+            <label className="label">Action</label>
+            <select
+              className="input"
+              value={filters.action}
+              onChange={(e) => setFilters({ ...filters, action: e.target.value })}
+            >
+              <option value="">All Actions</option>
+              <option value="CREATE">Create</option>
+              <option value="UPDATE">Update</option>
+              <option value="DELETE">Delete</option>
+              <option value="LOGIN">Login</option>
+              <option value="LOGOUT">Logout</option>
+            </select>
+          </div>
+          <div>
+            <label className="label">Entity Type</label>
+            <select
+              className="input"
+              value={filters.entityType}
+              onChange={(e) => setFilters({ ...filters, entityType: e.target.value })}
+            >
+              <option value="">All Types</option>
+              <optgroup label="Master Data">
+                <option value="Station">Station</option>
+                <option value="Route">Route</option>
+                <option value="RouteStop">Route Stop</option>
+                <option value="Train">Train</option>
+                <option value="TrainSchedule">Train Schedule</option>
+                <option value="Coach">Coach</option>
+                <option value="CoachType">Coach Type</option>
+                <option value="SeatClass">Seat Class</option>
+                <option value="FareRule">Fare Rule</option>
+                <option value="RouteFareRule">Route Fare Rule</option>
+                <option value="SegmentFareRule">Segment Fare Rule</option>
+                <option value="BaggageAllowance">Baggage Allowance</option>
+              </optgroup>
+              <optgroup label="Operations">
+                <option value="Booking">Booking</option>
+                <option value="Payment">Payment</option>
+                <option value="Ticket">Ticket</option>
+                <option value="Seat">Seat</option>
+                <option value="SeatBlock">Seat Block</option>
+              </optgroup>
+              <optgroup label="Users & Access">
+                <option value="User">User</option>
+                <option value="Agent">Agent</option>
+                <option value="Passenger">Passenger</option>
+              </optgroup>
+              <optgroup label="System & Features">
+                <option value="Notification">Notification</option>
+                <option value="Promotion">Promotion</option>
+                <option value="Loyalty">Loyalty</option>
+                <option value="Wallet">Wallet</option>
+                <option value="FraudAlert">Fraud Alert</option>
+                <option value="FraudRule">Fraud Rule</option>
+              </optgroup>
+            </select>
+          </div>
+          <div className="flex items-end">
+            <ActionButton
+              variant="secondary"
+              onClick={() => setFilters({ search: '', action: '', entityType: '' })}
+              className="w-full"
+            >
+              Clear Filters
+            </ActionButton>
+          </div>
+        </div>
+      </div>
+
+      {/* Data Table */}
+      <DataTable
+        data={logs}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No audit logs found"
+      />
+
+      {/* Details Modal */}
+      <Modal
+        isOpen={showDetailsModal}
+        onClose={() => {
+          setShowDetailsModal(false);
+          setSelectedLog(null);
+        }}
+        title={`${selectedLog?.action} - ${selectedLog?.entityType}`}
+        size="lg"
+      >
+        <div className="space-y-4">
+          {/* Basic Info */}
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label className="text-xs font-semibold text-muted-foreground">Timestamp</label>
+              <p className="text-sm mt-1">{formatDateTime(selectedLog?.createdAt)}</p>
+            </div>
+            <div>
+              <label className="text-xs font-semibold text-muted-foreground">Action</label>
+              <p className="text-sm mt-1">
+                <Badge className={getActionBadgeColor(selectedLog?.action)}>
+                  {selectedLog?.action}
+                </Badge>
+              </p>
+            </div>
+            <div>
+              <label className="text-xs font-semibold text-muted-foreground">Entity Type</label>
+              <p className="text-sm mt-1 font-mono">{selectedLog?.entityType}</p>
+            </div>
+            <div>
+              <label className="text-xs font-semibold text-muted-foreground">Entity ID</label>
+              <p className="text-sm mt-1 font-mono text-muted-foreground">
+                {selectedLog?.entityId || 'System'}
+              </p>
+            </div>
+          </div>
+
+          {/* User Info */}
+          {selectedLog?.user && (
+            <div className="border-t pt-4">
+              <h4 className="text-sm font-semibold mb-2">User Information</h4>
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <label className="text-xs font-semibold text-muted-foreground">Name</label>
+                  <p className="text-sm mt-1">{selectedLog?.user?.fullName}</p>
+                </div>
+                <div>
+                  <label className="text-xs font-semibold text-muted-foreground">Email</label>
+                  <p className="text-sm mt-1">{selectedLog?.user?.email}</p>
+                </div>
+              </div>
+            </div>
+          )}
+
+          {/* Network Info */}
+          {(selectedLog?.ipAddress || selectedLog?.userAgent) && (
+            <div className="border-t pt-4">
+              <h4 className="text-sm font-semibold mb-2">Network Information</h4>
+              <div className="space-y-2">
+                {selectedLog?.ipAddress && (
+                  <div>
+                    <label className="text-xs font-semibold text-muted-foreground">IP Address</label>
+                    <p className="text-sm mt-1 font-mono">{selectedLog?.ipAddress}</p>
+                  </div>
+                )}
+                {selectedLog?.userAgent && (
+                  <div>
+                    <label className="text-xs font-semibold text-muted-foreground">User Agent</label>
+                    <p className="text-xs mt-1 font-mono break-all text-muted-foreground">
+                      {selectedLog?.userAgent}
+                    </p>
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
+
+          {/* Changes */}
+          {(selectedLog?.oldData || selectedLog?.newData) && (
+            <div className="border-t pt-4">
+              <h4 className="text-sm font-semibold mb-2">Data Changes</h4>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                {selectedLog?.oldData && (
+                  <div>
+                    <label className="text-xs font-semibold text-red-600">Old Data</label>
+                    <pre className="text-xs mt-1 p-2 bg-red-50 dark:bg-red-950/20 rounded border border-red-200 dark:border-red-900 overflow-auto max-h-48 text-muted-foreground">
+                      {formatJsonData(selectedLog?.oldData)}
+                    </pre>
+                  </div>
+                )}
+                {selectedLog?.newData && (
+                  <div>
+                    <label className="text-xs font-semibold text-green-600">New Data</label>
+                    <pre className="text-xs mt-1 p-2 bg-green-50 dark:bg-green-950/20 rounded border border-green-200 dark:border-green-900 overflow-auto max-h-48 text-muted-foreground">
+                      {formatJsonData(selectedLog?.newData)}
+                    </pre>
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
+
+          {/* Raw Log ID */}
+          <div className="border-t pt-4">
+            <label className="text-xs font-semibold text-muted-foreground">Log ID</label>
+            <p className="text-xs mt-1 font-mono text-muted-foreground break-all">{selectedLog?.id}</p>
+          </div>
+        </div>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/bookings/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/bookings/layout.tsx
new file mode 100644
index 000000000..0bec0d89a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/bookings/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function BookingsLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/bookings/page.tsx b/apps/edr-passenger-web/backoffice/src/app/bookings/page.tsx
new file mode 100644
index 000000000..ce8541f29
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/bookings/page.tsx
@@ -0,0 +1,424 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Filter, Download, Eye, XCircle, Trash2 } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import Pagination from '@/components/ui/Pagination';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { bookingsApi, apiClient } from '@/lib/api';
+import { formatCurrency, formatDateTime } from '@/lib/utils';
+import { BookingFilters } from '@/types';
+
+export default function BookingsPage() {
+  const [filters, setFilters] = useState<BookingFilters>({
+    page: 1,
+    pageSize: 20,
+    search: '',
+    status: '',
+  });
+  const [selectedBooking, setSelectedBooking] = useState<any>(null);
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);
+  const [bookingToDelete, setBookingToDelete] = useState<any>(null);
+  const [successMessage, setSuccessMessage] = useState('');
+
+  const queryClient = useQueryClient();
+
+  const { data, isLoading, error } = useQuery({
+    queryKey: ['bookings', filters],
+    queryFn: () => bookingsApi.getAll(filters),
+  });
+
+  if (error) {
+    console.error('Bookings API Error:', error);
+  }
+
+  const cancelMutation = useMutation({
+    mutationFn: ({ id, reason }: { id: string; reason?: string }) => bookingsApi.cancel(id, reason),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['bookings'] });
+      setSuccessMessage('Booking cancelled successfully');
+      setTimeout(() => setSuccessMessage(''), 3000);
+    },
+    onError: (error: any) => {
+      alert(`Error: ${error.message || 'Failed to cancel booking'}`);
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: (id: string) => apiClient.delete(`/bookings/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['bookings'] });
+      setDeleteConfirmOpen(false);
+      setBookingToDelete(null);
+      setSuccessMessage('Booking deleted successfully');
+      setTimeout(() => setSuccessMessage(''), 3000);
+    },
+    onError: (error: any) => {
+      setDeleteConfirmOpen(false);
+      alert(`Error: ${error.message || 'Failed to delete booking'}`);
+    },
+  });
+
+  const handleCancel = async (booking: any) => {
+    if (window.confirm(`Are you sure you want to cancel booking ${booking.bookingRef}? This will process a refund.`)) {
+      await cancelMutation.mutateAsync({ id: booking.id, reason: 'Cancelled by admin' });
+    }
+  };
+
+  const handleDeleteClick = (booking: any) => {
+    setBookingToDelete(booking);
+    setDeleteConfirmOpen(true);
+  };
+
+  const handleConfirmDelete = async () => {
+    if (bookingToDelete) {
+      await deleteMutation.mutateAsync(bookingToDelete.id);
+    }
+  };
+
+  const handleExportBookings = async () => {
+    const selectedColumns = prompt(
+      'Select columns to export (comma-separated):\n\n' +
+      'Available: bookingRef, passenger, status, bookingType, passengerCount, totalMinor, paymentStatus, createdAt\n\n' +
+      'Default: bookingRef, passenger, status, totalMinor, paymentStatus, createdAt',
+      'bookingRef, passenger, status, totalMinor, paymentStatus, createdAt'
+    );
+    
+    if (!selectedColumns) return;
+    
+    const cols = selectedColumns.split(',').map(c => c.trim());
+    const csv = [
+      cols.join(','),
+      ...data?.items?.map((booking: any) => {
+        const values = cols.map(col => {
+          switch(col) {
+            case 'bookingRef': return booking.bookingRef;
+            case 'passenger': return booking.passenger?.fullName || booking.contactEmail || 'Guest';
+            case 'status': return booking.status;
+            case 'bookingType': return booking.bookingType || 'N/A';
+            case 'passengerCount': return booking.adultCount + booking.childCount;
+            case 'totalMinor': return booking.totalMinor;
+            case 'paymentStatus': return booking.paymentIntent?.status || 'PENDING';
+            case 'createdAt': return booking.createdAt;
+            default: return '';
+          }
+        });
+        return values.map(v => `"${v}"`).join(',');
+      }) || []
+    ].join('\n');
+    
+    const blob = new Blob([csv], { type: 'text/csv' });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `bookings-${new Date().toISOString().split('T')[0]}.csv`;
+    a.click();
+  };
+
+  const columns = [
+    { 
+      key: 'bookingRef', 
+      label: 'Reference',
+      sortable: true,
+      render: (booking: any) => (
+        <span className="font-mono font-semibold">{booking.bookingRef}</span>
+      ),
+    },
+    { 
+      key: 'passenger', 
+      label: 'Passenger',
+      render: (booking: any) => (
+        <div>
+          <div className="font-medium">{booking.passenger?.fullName || booking.contactEmail || 'Guest'}</div>
+          <div className="text-sm text-muted-foreground">{booking.contactPhone || booking.passenger?.phone}</div>
+        </div>
+      ),
+    },
+    { 
+      key: 'bookingType', 
+      label: 'Class',
+      sortable: true,
+      render: (booking: any) => booking.bookingType || 'ONE_WAY',
+    },
+    { 
+      key: 'passengerCount',
+      label: 'Passengers',
+      render: (booking: any) => `${(booking.adultCount || 0) + (booking.childCount || 0)}`,
+    },
+    { 
+      key: 'status', 
+      label: 'Status',
+      render: (booking: any) => (
+        <Badge variant="status" status={booking.status}>{booking.status}</Badge>
+      ),
+    },
+    { 
+      key: 'totalMinor', 
+      label: 'Amount',
+      sortable: true,
+      render: (booking: any) => formatCurrency(booking.totalMinor, booking.currency),
+    },
+    { 
+      key: 'paymentStatus', 
+      label: 'Payment',
+      render: (booking: any) => (
+        <Badge variant="status" status={booking.paymentIntent?.status || 'PENDING'}>
+          {booking.paymentIntent?.status || 'PENDING'}
+        </Badge>
+      ),
+    },
+    { 
+      key: 'createdAt', 
+      label: 'Created',
+      sortable: true,
+      render: (booking: any) => formatDateTime(booking.createdAt),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'View Details',
+      onClick: (booking: any) => setSelectedBooking(booking),
+      variant: 'secondary' as const,
+      icon: Eye,
+    },
+    {
+      label: 'Cancel Booking',
+      onClick: handleCancel,
+      variant: 'danger' as const,
+      icon: XCircle,
+      show: (booking: any) => booking.status !== 'CANCELLED' && booking.status !== 'COMPLETED',
+    },
+    {
+      label: 'Delete',
+      onClick: handleDeleteClick,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold">Bookings</h1>
+          <p className="text-muted-foreground">Manage all passenger bookings</p>
+        </div>
+        <ActionButton variant="export" icon={Download} onClick={handleExportBookings}>Export</ActionButton>
+      </div>
+
+      <div className="card">
+        {successMessage && (
+          <div className="mb-4 rounded-lg bg-green-50 dark:bg-green-900/20 p-4 text-sm text-green-800 dark:text-green-200">
+            ✓ {successMessage}
+          </div>
+        )}
+        {error && (
+          <div className="mb-4 rounded-lg bg-red-50 dark:bg-red-900/20 p-4 text-sm text-red-800 dark:text-red-200">
+            Error loading bookings: {error instanceof Error ? error.message : 'Unknown error'}
+          </div>
+        )}
+        <div className="mb-4 flex flex-wrap gap-4">
+          <div className="flex-1">
+            <input
+              type="text"
+              placeholder="Search by reference, email, or phone..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value, page: 1 })}
+            />
+          </div>
+          <select
+            className="input w-48"
+            value={filters.status}
+            onChange={(e) => setFilters({ ...filters, status: e.target.value || undefined, page: 1 })}
+          >
+            <option value="">All Status</option>
+            <option value="PENDING_PAYMENT">Pending Payment</option>
+            <option value="CONFIRMED">Confirmed</option>
+            <option value="CANCELLED">Cancelled</option>
+            <option value="COMPLETED">Completed</option>
+          </select>
+          <ActionButton variant="secondary" icon={Filter}>More Filters</ActionButton>
+        </div>
+
+        <DataTable
+          data={data?.items || []}
+          columns={columns}
+          actions={actions}
+          loading={isLoading}
+          emptyMessage="No bookings found"
+        />
+        
+        {data?.meta && (
+          <Pagination
+            currentPage={data.meta.page}
+            totalPages={data.meta.totalPages}
+            onPageChange={(page) => setFilters({ ...filters, page })}
+          />
+        )}
+      </div>
+
+      {/* Booking Details Modal */}
+      <Modal
+        isOpen={!!selectedBooking}
+        onClose={() => setSelectedBooking(null)}
+        title="Booking Details"
+        size="xl"
+      >
+        {selectedBooking && (
+          <div className="space-y-6">
+            {/* Booking Information */}
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label className="text-sm font-medium text-muted-foreground">Booking Reference</label>
+                <p className="text-lg font-semibold font-mono">{selectedBooking.bookingRef}</p>
+              </div>
+              <div>
+                <label className="text-sm font-medium text-muted-foreground">Status</label>
+                <div className="mt-1">
+                  <Badge variant="status" status={selectedBooking.status}>
+                    {selectedBooking.status}
+                  </Badge>
+                </div>
+              </div>
+              <div>
+                <label className="text-sm font-medium text-muted-foreground">Booking Type</label>
+                <p className="text-lg font-semibold">{selectedBooking.bookingType || 'N/A'}</p>
+              </div>
+              <div>
+                <label className="text-sm font-medium text-muted-foreground">Created</label>
+                <p className="text-lg font-semibold">{formatDateTime(selectedBooking.createdAt)}</p>
+              </div>
+            </div>
+
+            <hr className="border-muted" />
+
+            {/* Passenger Information */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Passenger Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Name</label>
+                  <p className="text-lg font-semibold">{selectedBooking.passenger?.fullName || selectedBooking.contactEmail || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Email</label>
+                  <p className="text-lg font-semibold">{selectedBooking.contactEmail || selectedBooking.passenger?.email || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Phone</label>
+                  <p className="text-lg font-semibold">{selectedBooking.contactPhone || selectedBooking.passenger?.phone || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Passenger ID</label>
+                  <p className="text-sm font-mono">{selectedBooking.passengerId || 'N/A'}</p>
+                </div>
+              </div>
+            </div>
+
+            <hr className="border-muted" />
+
+            {/* Booking Details */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Journey Details</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Adults</label>
+                  <p className="text-lg font-semibold">{selectedBooking.adultCount || 0}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Children</label>
+                  <p className="text-lg font-semibold">{selectedBooking.childCount || 0}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Schedule ID</label>
+                  <p className="text-sm font-mono">{selectedBooking.scheduleId || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Promo Code</label>
+                  <p className="text-lg font-semibold">{selectedBooking.promoCode || 'None'}</p>
+                </div>
+              </div>
+            </div>
+
+            <hr className="border-muted" />
+
+            {/* Payment Information */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Payment Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Amount</label>
+                  <p className="text-lg font-semibold">{formatCurrency(selectedBooking.totalMinor, selectedBooking.currency)}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Payment Status</label>
+                  <div className="mt-1">
+                    <Badge variant="status" status={selectedBooking.paymentIntent?.status || 'PENDING'}>
+                      {selectedBooking.paymentIntent?.status || 'PENDING'}
+                    </Badge>
+                  </div>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Paid At</label>
+                  <p className="text-lg font-semibold">{selectedBooking.paidAt ? formatDateTime(selectedBooking.paidAt) : 'Not paid'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Display Currency</label>
+                  <p className="text-lg font-semibold">{selectedBooking.displayCurrency || selectedBooking.currency}</p>
+                </div>
+              </div>
+            </div>
+
+            <hr className="border-muted" />
+
+            {/* Additional Information */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Additional Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Source</label>
+                  <p className="text-lg font-semibold">{selectedBooking.source || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Last Updated</label>
+                  <p className="text-lg font-semibold">{formatDateTime(selectedBooking.updatedAt)}</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="flex justify-end gap-2 pt-4">
+              <ActionButton
+                variant="secondary"
+                onClick={() => setSelectedBooking(null)}
+              >
+                Close
+              </ActionButton>
+            </div>
+          </div>
+        )}
+      </Modal>
+
+      {/* Delete Confirmation Dialog */}
+      <ConfirmDialog
+        isOpen={deleteConfirmOpen}
+        onClose={() => {
+          setDeleteConfirmOpen(false);
+          setBookingToDelete(null);
+        }}
+        onConfirm={handleConfirmDelete}
+        title="Delete Booking"
+        message={`Are you sure you want to permanently delete booking ${bookingToDelete?.bookingRef}? This action cannot be undone and will release all associated seats.`}
+        confirmText="Delete"
+        cancelText="Cancel"
+        isLoading={deleteMutation.isPending}
+        isDanger={true}
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/classes/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/classes/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/classes/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/classes/page.tsx b/apps/edr-passenger-web/backoffice/src/app/classes/page.tsx
new file mode 100644
index 000000000..7fd5d098b
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/classes/page.tsx
@@ -0,0 +1,389 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Plus, Edit, Trash2, Search } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { seatClassesApi, apiClient } from '@/lib/api';
+import { formatCurrency } from '@/lib/utils';
+
+export default function ClassesPage() {
+  const [filters, setFilters] = useState({ search: '' });
+  const [showModal, setShowModal] = useState(false);
+  const [editingClass, setEditingClass] = useState<any>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; class: any | null }>({ isOpen: false, class: null });
+  const [selectedCoachTypeId, setSelectedCoachTypeId] = useState<string>('');
+  const queryClient = useQueryClient();
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['classes', filters],
+    queryFn: () => seatClassesApi.getAll(),
+  });
+
+  const { data: coachTypes } = useQuery<any>({
+    queryKey: ['coach-types'],
+    queryFn: () => apiClient.get('/fleet/coach-types'),
+  });
+
+  useEffect(() => {
+    if (showModal && editingClass) {
+      setSelectedCoachTypeId(editingClass.coachTypeId || '');
+    }
+  }, [showModal, editingClass]);
+
+  const createMutation = useMutation({
+    mutationFn: seatClassesApi.create,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['classes'] });
+      setShowModal(false);
+      setEditingClass(null);
+      setSelectedCoachTypeId('');
+    },
+  });
+
+  const updateMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) => seatClassesApi.update(id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['classes'] });
+      setShowModal(false);
+      setEditingClass(null);
+      setSelectedCoachTypeId('');
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: seatClassesApi.delete,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['classes'] });
+    },
+  });
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    
+    if (!selectedCoachTypeId) {
+      alert('Please select a coach type');
+      return;
+    }
+    
+    const formData = new FormData(e.currentTarget);
+    const classData = {
+      coachTypeId: selectedCoachTypeId,
+      name: formData.get('name') as string,
+      description: formData.get('description') as string,
+      baseFareMinor: Math.round(parseFloat(formData.get('baseFareMinor') as string) * 100) || 0,
+      premiumMinor: Math.round(parseFloat(formData.get('premiumMinor') as string) * 100) || 0,
+      insuranceFeeMinor: Math.round(parseFloat(formData.get('insuranceFeeMinor') as string) * 100) || 0,
+      isActive: formData.get('isActive') === 'true',
+    };
+
+    if (editingClass) {
+      await updateMutation.mutateAsync({ id: editingClass.id, data: classData });
+    } else {
+      await createMutation.mutateAsync(classData);
+    }
+  };
+
+  const handleDelete = (cls: any) => {
+    setDeleteConfirm({ isOpen: true, class: cls });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.class) {
+      await deleteMutation.mutateAsync(deleteConfirm.class.id);
+      setDeleteConfirm({ isOpen: false, class: null });
+    }
+  };
+
+  const coachTypesArray = Array.isArray(coachTypes) ? coachTypes : ((coachTypes as any)?.data || (coachTypes as any)?.items || []);
+  const coachTypeMap = coachTypesArray.reduce((map: any, ct: any) => {
+    map[ct.id] = ct.name;
+    return map;
+  }, {});
+
+  const filteredClasses = (data as any)?.items || (Array.isArray(data) ? data : []);
+  const displayedClasses = filteredClasses.filter((cls: any) => {
+    if (!filters.search) return true;
+    const searchLower = filters.search.toLowerCase();
+    return (
+      cls.name?.toLowerCase().includes(searchLower) ||
+      cls.coachType?.name?.toLowerCase().includes(searchLower) ||
+      cls.description?.toLowerCase().includes(searchLower)
+    );
+  });
+
+  const columns = [
+    {
+      key: 'coachType',
+      label: 'Coach Type',
+      render: (cls: any) => (
+        <span className="text-sm">{cls.coachType?.name || coachTypeMap[cls.coachTypeId] || 'N/A'}</span>
+      ),
+    },
+    {
+      key: 'name',
+      label: 'Class Name',
+      render: (cls: any) => <span className="font-medium">{cls.name}</span>,
+    },
+    {
+      key: 'description',
+      label: 'Description',
+      render: (cls: any) => (
+        <span className="text-sm text-muted-foreground">{cls.description || '-'}</span>
+      ),
+    },
+    {
+      key: 'baseFareMinor',
+      label: 'Base Fare',
+      render: (cls: any) => (
+        <span className="font-mono text-sm">{(cls.baseFareMinor / 100).toFixed(2)} ETB</span>
+      ),
+    },
+    {
+      key: 'premiumMinor',
+      label: 'Premium',
+      render: (cls: any) => (
+        <span className="font-mono text-sm">{cls.premiumMinor ? (cls.premiumMinor / 100).toFixed(2) : '0.00'} ETB</span>
+      ),
+    },
+    {
+      key: 'insuranceFeeMinor',
+      label: 'Insurance',
+      render: (cls: any) => (
+        <span className="font-mono text-sm">{cls.insuranceFeeMinor ? (cls.insuranceFeeMinor / 100).toFixed(2) : '0.00'} ETB</span>
+      ),
+    },
+    {
+      key: 'isActive',
+      label: 'Status',
+      render: (cls: any) => (
+        <Badge variant="status" status={cls.isActive ? 'CONFIRMED' : 'CANCELLED'}>
+          {cls.isActive ? 'Active' : 'Inactive'}
+        </Badge>
+      ),
+    },
+  ];
+
+  const handleOpenModal = (cls?: any) => {
+    if (cls) {
+      setEditingClass(cls);
+    } else {
+      setEditingClass(null);
+    }
+    setShowModal(true);
+  };
+
+  const actions = [
+    {
+      label: 'Edit',
+      onClick: (cls: any) => handleOpenModal(cls),
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDelete,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Classes</h1>
+          <p className="text-muted-foreground">Manage class configurations with pricing by coach type</p>
+        </div>
+        <ActionButton
+          icon={Plus}
+          onClick={() => handleOpenModal()}
+        >
+          Add Class
+        </ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="relative mb-6">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+          <input
+            type="text"
+            placeholder="Search by name, coach type, or description..."
+            className="input pl-10 w-full"
+            value={filters.search}
+            onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+          />
+        </div>
+      </div>
+
+      <DataTable
+        data={displayedClasses}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage={filters.search ? "No classes match your search" : "No classes found"}
+      />
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, class: null })}
+        onConfirm={confirmDelete}
+        title="Delete Class"
+        message={`Are you sure you want to delete ${deleteConfirm.class?.name}?`}
+        confirmText="Delete"
+        isDanger={true}
+        warning="This class may be used by coaches and fare rules. Deleting it may impact seat assignments and pricing."
+      />
+
+      {/* Add/Edit Modal */}
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          setShowModal(false);
+          setEditingClass(null);
+          setSelectedCoachTypeId('');
+        }}
+        title={`${editingClass ? 'Edit' : 'Add'} Class`}
+        size="lg"
+      >
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="grid grid-cols-1 gap-4">
+            <div>
+              <label className="label">Coach Type *</label>
+              <select
+                name="coachTypeId"
+                className="input"
+                value={selectedCoachTypeId}
+                onChange={(e) => setSelectedCoachTypeId(e.target.value)}
+                required
+              >
+                <option value="">Select Coach Type</option>
+                {coachTypesArray.map((ct: any) => (
+                  <option key={ct.id} value={ct.id}>
+                    {ct.code} - {ct.name}
+                  </option>
+                ))}
+              </select>
+            </div>
+
+            <div>
+              <label className="label">Class Name *</label>
+              <input
+                type="text"
+                name="name"
+                className="input"
+                defaultValue={editingClass?.name || ''}
+                required
+                placeholder="e.g., Economy Regular"
+              />
+            </div>
+
+            <div>
+              <label className="label">Description</label>
+              <textarea
+                name="description"
+                className="input"
+                rows={3}
+                defaultValue={editingClass?.description || ''}
+                placeholder="Describe this class..."
+              />
+            </div>
+
+            <div className="border-t pt-4">
+              <h3 className="font-semibold text-foreground mb-4">Pricing Configuration</h3>
+              
+              <div>
+                <label className="label">Base Fare (ETB) *</label>
+                <input
+                  type="number"
+                  name="baseFareMinor"
+                  className="input"
+                  defaultValue={editingClass?.baseFareMinor ? (editingClass.baseFareMinor / 100).toFixed(2) : ''}
+                  required
+                  min="0"
+                  step="0.01"
+                  placeholder="e.g., 350.00"
+                />
+                <p className="text-xs text-muted-foreground mt-1">Per-km distance-based fare rate</p>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
+                <div>
+                  <label className="label">Premium Fee (ETB)</label>
+                  <input
+                    type="number"
+                    name="premiumMinor"
+                    className="input"
+                    defaultValue={editingClass?.premiumMinor ? (editingClass.premiumMinor / 100).toFixed(2) : '0.00'}
+                    min="0"
+                    step="0.01"
+                    placeholder="e.g., 50.00"
+                  />
+                  <p className="text-xs text-muted-foreground mt-1">Flat fee per passenger (e.g., lounge access, extra legroom)</p>
+                </div>
+
+                <div>
+                  <label className="label">Insurance Fee (ETB)</label>
+                  <input
+                    type="number"
+                    name="insuranceFeeMinor"
+                    className="input"
+                    defaultValue={editingClass?.insuranceFeeMinor ? (editingClass.insuranceFeeMinor / 100).toFixed(2) : '0.00'}
+                    min="0"
+                    step="0.01"
+                    placeholder="e.g., 25.00"
+                  />
+                  <p className="text-xs text-muted-foreground mt-1">Flat fee per passenger (e.g., travel insurance)</p>
+                </div>
+              </div>
+
+              <div className="mt-4 p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded text-sm text-blue-800 dark:text-blue-200">
+                <p className="font-medium mb-1">Total Fare Calculation:</p>
+                <p>Total = (Base Fare × Distance) + Premium + Insurance</p>
+                <p className="mt-2 text-xs">• Premium applies per passenger (including free child)</p>
+                <p className="text-xs">• Insurance applies per passenger (including free child)</p>
+              </div>
+            </div>
+
+            <div>
+              <label className="label">Status</label>
+              <select
+                name="isActive"
+                className="input"
+                defaultValue={editingClass?.isActive !== undefined ? editingClass.isActive.toString() : 'true'}
+              >
+                <option value="true">Active</option>
+                <option value="false">Inactive</option>
+              </select>
+            </div>
+          </div>
+
+          <div className="flex justify-end gap-2 pt-4">
+            <ActionButton
+              type="button"
+              variant="secondary"
+              onClick={() => {
+                setShowModal(false);
+                setEditingClass(null);
+                setSelectedCoachTypeId('');
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              type="submit"
+              loading={createMutation.isPending || updateMutation.isPending}
+            >
+              {editingClass ? 'Update' : 'Create'} Class
+            </ActionButton>
+          </div>
+        </form>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/coaches/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/coaches/layout.tsx
new file mode 100644
index 000000000..d9a82ee54
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/coaches/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function CoachesLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/coaches/page.tsx b/apps/edr-passenger-web/backoffice/src/app/coaches/page.tsx
new file mode 100644
index 000000000..bf4f88a98
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/coaches/page.tsx
@@ -0,0 +1,733 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Plus, Search, Grid3x3, Edit, Trash2, Bed, Armchair } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { fleetApi, apiClient } from '@/lib/api';
+
+type Tab = 'types' | 'coaches';
+
+const getBedLabel = (bedPosition: string | null): string => {
+  if (bedPosition === 'upper') return 'U';
+  if (bedPosition === 'middle') return 'M';
+  if (bedPosition === 'lower') return 'L';
+  return '';
+};
+
+const renderBedVisualization = (coach: any) => {
+  const seats = coach.seats || [];
+  const validSeats = seats.filter((s: any) => s.seatNumber && !s.seatNumber.startsWith('-'));
+  
+  if (validSeats.length === 0) {
+    return <div className="text-xs text-muted-foreground">No seats</div>;
+  }
+
+  const hasBedPositionData = validSeats.some((s: any) => s.bedPosition);
+  const isBedCoach = coach.coachType?.name?.toLowerCase().includes('bed');
+
+  if (!isBedCoach || !hasBedPositionData) {
+    // Regular seat layout
+    const arrangement = coach.seatArrangement || coach.arrangement || '2+2';
+    const [left, right] = arrangement.split('+').map((p: string) => parseInt(p.trim()));
+    const cols = new Map<number, any[]>();
+    
+    for (const seat of validSeats) {
+      if (!cols.has(seat.row)) cols.set(seat.row, []);
+      cols.get(seat.row)!.push(seat);
+    }
+
+    return (
+      <div className="space-y-1">
+        {Array.from(cols.entries()).map(([row, rowSeats]) => (
+          <div key={row} className="flex gap-3 justify-start">
+            <div className="flex gap-0.5">
+              {rowSeats.slice(0, left).map((s: any) => (
+                <div key={s.id} className="w-6 h-6 rounded bg-green-500 flex items-center justify-center">
+                  <Armchair className="w-3 h-3 text-white" />
+                </div>
+              ))}
+            </div>
+            <div className="flex gap-0.5">
+              {rowSeats.slice(left).map((s: any) => (
+                <div key={s.id} className="w-6 h-6 rounded bg-green-500 flex items-center justify-center">
+                  <Armchair className="w-3 h-3 text-white" />
+                </div>
+              ))}
+            </div>
+          </div>
+        ))}
+      </div>
+    );
+  }
+
+  // Bed layout with pairing
+  const seatsByRow = new Map<number, any[]>();
+  for (const seat of validSeats) {
+    if (!seatsByRow.has(seat.row)) seatsByRow.set(seat.row, []);
+    seatsByRow.get(seat.row)!.push(seat);
+  }
+
+  const beds = coach.coachType?.name?.toLowerCase().includes('vip') ? 'w-12' : 'w-10';
+  const rows = Array.from(seatsByRow.entries()).map(([r, s]) => s);
+
+  return (
+    <div className="space-y-1">
+      {rows.map((rowSeats: any[], idx: number) => {
+        const rowNumber = rowSeats[0]?.row || (idx + 1);
+        const isFirstInPair = (rowNumber - 1) % 2 === 0;
+        const isLastRow = idx === rows.length - 1;
+        const nextRowSeats = !isLastRow ? rows[idx + 1] : null;
+
+        return (
+          <div key={`row-${idx}`}>
+            {/* Row 1 of pair - label above */}
+            {isFirstInPair && (
+              <div className="flex gap-0.5 text-xs text-gray-500 mb-0.5">
+                {rowSeats.map((s: any) => (
+                  <div key={`label-${s.id}`} className={`${beds} h-2 flex items-center justify-center text-xs font-bold leading-3`}>
+                    {s.seatNumber}
+                  </div>
+                ))}
+              </div>
+            )}
+            {/* Row 1 of pair - beds */}
+            <div className="flex gap-0.5">
+              {rowSeats.map((s: any) => (
+                <div
+                  key={s.id}
+                  className={`${beds} h-5 rounded flex items-center justify-center bg-green-500`}
+                  style={isFirstInPair ? { transform: 'scaleY(-1)' } : undefined}
+                >
+                  <Bed className="w-3 h-3 text-white" />
+                </div>
+              ))}
+            </div>
+            {/* Numbers between rows */}
+            {isFirstInPair && nextRowSeats && (
+              <div className="flex gap-0.5 text-xs text-gray-500 my-0.5">
+                {rowSeats.map((s: any, idx: number) => {
+                  const nextSeat = nextRowSeats[idx];
+                  return (
+                    <div key={`between-${s.id}`} className={`${beds} h-2 flex items-center justify-center text-xs font-bold leading-3`}>
+                      {nextSeat?.seatNumber}
+                    </div>
+                  );
+                })}
+              </div>
+            )}
+            {/* Row 2 of pair - beds */}
+            {!isFirstInPair && (
+              <div className="flex gap-0.5">
+                {rowSeats.map((s: any) => (
+                  <div
+                    key={s.id}
+                    className={`${beds} h-5 rounded flex items-center justify-center bg-green-500`}
+                  >
+                    <Bed className="w-3 h-3 text-white" />
+                  </div>
+                ))}
+              </div>
+            )}
+            {!isFirstInPair && <div className="h-1" />}
+          </div>
+        );
+      })}
+    </div>
+  );
+};
+
+export default function CoachesPage() {
+  const [activeTab, setActiveTab] = useState<Tab>('coaches');
+  const [search, setSearch] = useState('');
+  const [showModal, setShowModal] = useState(false);
+  const [editingItem, setEditingItem] = useState<any>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; item: any | null }>({ isOpen: false, item: null });
+  const queryClient = useQueryClient();
+
+  // Coach Types Queries
+  const { data: coachTypesData, isLoading: typesLoading } = useQuery({
+    queryKey: ['coach-types'],
+    queryFn: () => apiClient.get('/fleet/coach-types'),
+  });
+
+  // Coaches Queries
+  const { data: coachesData, isLoading: coachesLoading } = useQuery({
+    queryKey: ['coaches'],
+    queryFn: () => fleetApi.getCoaches({}),
+  });
+
+  // Coach Type Mutations
+  const createCoachTypeMutation = useMutation({
+    mutationFn: (data: any) => apiClient.post('/fleet/coach-types', data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['coach-types'] });
+      setShowModal(false);
+      setEditingItem(null);
+    },
+  });
+
+  const updateCoachTypeMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) => apiClient.patch(`/fleet/coach-types/${id}`, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['coach-types'] });
+      setShowModal(false);
+      setEditingItem(null);
+    },
+  });
+
+  const deleteCoachTypeMutation = useMutation({
+    mutationFn: (id: string) => apiClient.delete(`/fleet/coach-types/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['coach-types'] });
+    },
+  });
+
+  // Coach Mutations
+  const createCoachMutation = useMutation({
+    mutationFn: fleetApi.createCoach,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['coaches'] });
+      setShowModal(false);
+      setEditingItem(null);
+    },
+  });
+
+  const updateCoachMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) => fleetApi.updateCoach(id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['coaches'] });
+      setShowModal(false);
+      setEditingItem(null);
+    },
+  });
+
+  const deleteCoachMutation = useMutation({
+    mutationFn: fleetApi.deleteCoach,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['coaches'] });
+    },
+  });
+
+  const handleCoachTypeSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const data = {
+      code: formData.get('code') as string,
+      name: formData.get('name') as string,
+      type: formData.get('type') as string,
+    };
+
+    if (editingItem?.isCoachType) {
+      await updateCoachTypeMutation.mutateAsync({ id: editingItem.id, data });
+    } else {
+      await createCoachTypeMutation.mutateAsync(data);
+    }
+  };
+
+  const handleCoachSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const data = {
+      number: formData.get('number') as string,
+      coachTypeId: formData.get('coachTypeId') as string,
+      arrangement: formData.get('arrangement') as string,
+      capacity: parseInt(formData.get('capacity') as string),
+      sequence: parseInt(formData.get('sequence') as string),
+      status: formData.get('status') as string,
+    };
+
+    if (editingItem?.isCoach) {
+      await updateCoachMutation.mutateAsync({ id: editingItem.id, data });
+    } else {
+      await createCoachMutation.mutateAsync(data);
+    }
+  };
+
+  const handleDelete = (item: any, isCoachType: boolean) => {
+    setDeleteConfirm({ isOpen: true, item: { ...item, isCoachType } });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.item?.isCoachType) {
+      await deleteCoachTypeMutation.mutateAsync(deleteConfirm.item.id);
+    } else {
+      await deleteCoachMutation.mutateAsync(deleteConfirm.item.id);
+    }
+    setDeleteConfirm({ isOpen: false, item: null });
+  };
+
+  const coachTypesArray = Array.isArray(coachTypesData) ? coachTypesData : (coachTypesData as any)?.items || (coachTypesData as any)?.data || [];
+  const coaches = coachesData?.items || coachesData?.data || [];
+
+  const filteredCoachTypes = coachTypesArray.filter((ct: any) => {
+    if (!search) return true;
+    const searchLower = search.toLowerCase();
+    return (
+      ct.code?.toLowerCase().includes(searchLower) ||
+      ct.name?.toLowerCase().includes(searchLower) ||
+      ct.type?.toLowerCase().includes(searchLower)
+    );
+  });
+
+  const filteredCoaches = coaches.filter((coach: any) => {
+    if (!search) return true;
+    const searchLower = search.toLowerCase();
+    return (
+      coach.number?.toLowerCase().includes(searchLower) ||
+      coach.coachNumber?.toLowerCase().includes(searchLower) ||
+      coach.coachType?.name?.toLowerCase().includes(searchLower) ||
+      coach.arrangement?.toLowerCase().includes(searchLower)
+    );
+  });
+
+  const typeColorMap: Record<string, string> = {
+    passenger: 'edr-badge-info',
+    sleeper: 'edr-badge-warning',
+    dining: 'edr-badge-success',
+    baggage: 'edr-badge-danger',
+  };
+
+  const statusMap: Record<string, string> = {
+    ACTIVE: 'edr-badge-success',
+    MAINTENANCE: 'edr-badge-warning',
+    INACTIVE: 'edr-badge-danger',
+  };
+
+  // Coach Types Columns
+  const coachTypeColumns = [
+    {
+      key: 'code',
+      label: 'Code',
+      sortable: true,
+      render: (ct: any) => (
+        <div className="flex items-center gap-2">
+          <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-[rgb(20,113,76)]">
+            <Grid3x3 className="h-4 w-4 text-white" />
+          </div>
+          <span className="font-mono font-medium">{ct.code}</span>
+        </div>
+      ),
+    },
+    {
+      key: 'name',
+      label: 'Name',
+      sortable: true,
+      render: (ct: any) => <span className="font-medium">{ct.name}</span>,
+    },
+    {
+      key: 'type',
+      label: 'Type',
+      render: (ct: any) => (
+        <span className={`edr-badge ${typeColorMap[ct.type] || 'edr-badge-info'}`}>
+          {ct.type}
+        </span>
+      ),
+    },
+    {
+      key: 'coaches',
+      label: 'Coaches',
+      render: (ct: any) => (
+        <span className="text-sm font-medium">{ct.coaches?.length || 0}</span>
+      ),
+    },
+  ];
+
+  // Coaches Columns
+  const coachColumns = [
+    {
+      key: 'sequence',
+      label: 'Sequence',
+      sortable: true,
+      render: (coach: any) => (
+        <span className="font-mono font-semibold text-sm">{coach.sequence}</span>
+      ),
+    },
+    {
+      key: 'number',
+      label: 'Number',
+      sortable: true,
+      render: (coach: any) => (
+        <div className="flex items-center gap-2">
+          <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-[rgb(20,113,76)]">
+            <Grid3x3 className="h-4 w-4 text-white" />
+          </div>
+          <span className="font-medium">{coach.number || coach.coachNumber}</span>
+        </div>
+      ),
+    },
+    {
+      key: 'coachType',
+      label: 'Coach Type',
+      render: (coach: any) => (
+        <span className="text-sm">{coach.coachType?.name || 'N/A'}</span>
+      ),
+    },
+    {
+      key: 'arrangement',
+      label: 'Arrangement',
+      render: (coach: any) => (
+        <span className="text-sm font-mono">{coach.arrangement || 'N/A'}</span>
+      ),
+    },
+    {
+      key: 'capacity',
+      label: 'Capacity',
+      render: (coach: any) => (
+        <span className="font-mono text-sm font-medium">{coach.capacity || 0}</span>
+      ),
+    },
+    {
+      key: 'status',
+      label: 'Status',
+      render: (coach: any) => {
+        const status = coach.status || 'ACTIVE';
+        return (
+          <span className={`edr-badge ${statusMap[status] || 'edr-badge-info'}`}>
+            {status}
+          </span>
+        );
+      },
+    },
+  ];
+
+  const coachTypeActions = [
+    {
+      label: 'Edit',
+      onClick: (item: any) => {
+        setEditingItem({ ...item, isCoachType: true });
+        setShowModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: (item: any) => handleDelete(item, true),
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  const coachActions = [
+    {
+      label: 'Edit',
+      onClick: (item: any) => {
+        setEditingItem({ ...item, isCoach: true });
+        setShowModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: (item: any) => handleDelete(item, false),
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold text-foreground">Coach Management</h1>
+          <p className="text-muted-foreground mt-1">Manage coach types and train coaches</p>
+        </div>
+        <ActionButton
+          icon={Plus}
+          onClick={() => {
+            setEditingItem(null);
+            setSearch('');
+            setShowModal(true);
+          }}
+        >
+          {activeTab === 'types' ? 'Add Coach Type' : 'Add Coach'}
+        </ActionButton>
+      </div>
+
+      {/* Tabs */}
+      <div className="card">
+        <div className="flex border-b border-border">
+          <button
+            onClick={() => {
+              setActiveTab('types');
+              setSearch('');
+            }}
+            className={`px-4 py-3 font-medium transition-colors ${
+              activeTab === 'types'
+                ? 'border-b-2 border-primary text-primary'
+                : 'text-muted-foreground hover:text-foreground'
+            }`}
+          >
+            Coach Types
+          </button>
+          <button
+            onClick={() => {
+              setActiveTab('coaches');
+              setSearch('');
+            }}
+            className={`px-4 py-3 font-medium transition-colors ${
+              activeTab === 'coaches'
+                ? 'border-b-2 border-primary text-primary'
+                : 'text-muted-foreground hover:text-foreground'
+            }`}
+          >
+            Coaches
+          </button>
+        </div>
+
+        {/* Coach Types Tab */}
+        {activeTab === 'types' && (
+          <div className="pt-6 space-y-4">
+            <div className="relative">
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+              <input
+                type="text"
+                placeholder="Search by code, name, or type..."
+                value={search}
+                onChange={(e) => setSearch(e.target.value)}
+                className="input pl-10 w-full"
+              />
+            </div>
+            <DataTable
+              columns={coachTypeColumns}
+              data={filteredCoachTypes}
+              actions={coachTypeActions}
+              loading={typesLoading}
+              emptyMessage={search ? "No coach types match your search" : "No coach types found. Create one to get started."}
+            />
+          </div>
+        )}
+
+        {/* Coaches Tab */}
+        {activeTab === 'coaches' && (
+          <div className="pt-6 space-y-4">
+            <div className="relative">
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+              <input
+                type="text"
+                placeholder="Search by coach number, type, or arrangement..."
+                value={search}
+                onChange={(e) => setSearch(e.target.value)}
+                className="input pl-10 w-full"
+              />
+            </div>
+            <DataTable
+              columns={coachColumns}
+              data={filteredCoaches}
+              actions={coachActions}
+              loading={coachesLoading}
+              emptyMessage={search ? "No coaches match your search" : "No coaches found. Create one to get started."}
+            />
+          </div>
+        )}
+      </div>
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, item: null })}
+        onConfirm={confirmDelete}
+        title={`Delete ${deleteConfirm.item?.isCoachType ? 'Coach Type' : 'Coach'}`}
+        message={`Are you sure you want to delete ${deleteConfirm.item?.name || deleteConfirm.item?.number}?`}
+        confirmText="Delete"
+        isDanger={true}
+        warning={
+          deleteConfirm.item?.isCoachType
+            ? 'This coach type may have coaches assigned. Deleting it may impact these systems.'
+            : 'This coach may be assigned to schedules. Deleting it may impact these systems.'
+        }
+      />
+
+      {/* Add/Edit Modal */}
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          setShowModal(false);
+          setEditingItem(null);
+        }}
+        title={
+          activeTab === 'types'
+            ? `${editingItem?.isCoachType ? 'Edit' : 'Add'} Coach Type`
+            : `${editingItem?.isCoach ? 'Edit' : 'Add'} Coach`
+        }
+        size={activeTab === 'types' ? 'md' : 'lg'}
+      >
+        {/* Coach Type Form */}
+        {activeTab === 'types' && (
+          <form onSubmit={handleCoachTypeSubmit} className="space-y-4">
+            <div className="grid grid-cols-1 gap-4">
+              <div>
+                <label className="label">Code</label>
+                <input
+                  type="text"
+                  name="code"
+                  className="input"
+                  defaultValue={editingItem?.code || ''}
+                  required
+                  placeholder="e.g., HSC"
+                />
+              </div>
+
+              <div>
+                <label className="label">Name</label>
+                <input
+                  type="text"
+                  name="name"
+                  className="input"
+                  defaultValue={editingItem?.name || ''}
+                  required
+                  placeholder="e.g., Hard Seat Coach"
+                />
+              </div>
+
+              <div>
+                <label className="label">Type</label>
+                <input
+                  type="text"
+                  name="type"
+                  className="input"
+                  defaultValue={editingItem?.type || ''}
+                  required
+                  placeholder="e.g., Regular Seat"
+                />
+              </div>
+            </div>
+
+            <div className="flex justify-end gap-2 pt-4">
+              <ActionButton
+                type="button"
+                variant="secondary"
+                onClick={() => {
+                  setShowModal(false);
+                  setEditingItem(null);
+                }}
+              >
+                Cancel
+              </ActionButton>
+              <ActionButton
+                type="submit"
+                loading={createCoachTypeMutation.isPending || updateCoachTypeMutation.isPending}
+              >
+                {editingItem?.isCoachType ? 'Update' : 'Create'} Coach Type
+              </ActionButton>
+            </div>
+          </form>
+        )}
+
+        {/* Coach Form */}
+        {activeTab === 'coaches' && (
+          <form onSubmit={handleCoachSubmit} className="space-y-4">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label className="label">Coach Type *</label>
+                <select
+                  name="coachTypeId"
+                  className="input"
+                  defaultValue={editingItem?.coachTypeId || ''}
+                  required
+                >
+                  <option value="">Select Coach Type</option>
+                  {coachTypesArray.map((ct: any) => (
+                    <option key={ct.id} value={ct.id}>
+                      {ct.code} - {ct.name} - {ct.type}
+                    </option>
+                  ))}
+                </select>
+              </div>
+
+              <div>
+                <label className="label">Number *</label>
+                <input
+                  type="text"
+                  name="number"
+                  className="input"
+                  defaultValue={editingItem?.number || editingItem?.coachNumber || ''}
+                  required
+                  placeholder="e.g., HSC-0001"
+                />
+              </div>
+
+              <div>
+                <label className="label">Arrangement *</label>
+                <input
+                  type="text"
+                  name="arrangement"
+                  className="input"
+                  defaultValue={editingItem?.arrangement || editingItem?.seatArrangement }
+                  required
+                  placeholder="e.g., 3+2, 3+0, 2+0"
+                />
+                <p className="text-xs text-muted-foreground mt-1">Format: separate columns with +</p>
+              </div>
+
+              <div>
+                <label className="label">Capacity *</label>
+                <input
+                  type="number"
+                  name="capacity"
+                  className="input"
+                  defaultValue={editingItem?.capacity || editingItem?.totalUnits || ''}
+                  required
+                  min="1"
+                  placeholder="60"
+                />
+              </div>
+
+              <div>
+                <label className="label">Sequence Number *</label>
+                <input
+                  type="number"
+                  name="sequence"
+                  className="input"
+                  defaultValue={editingItem?.sequence || 0}
+                  min="0"
+                  required
+                  placeholder="e.g., 1"
+                />
+                <p className="text-xs text-muted-foreground mt-1">Used for ordering coaches in trains</p>
+              </div>
+
+              <div>
+                <label className="label">Status *</label>
+                <select
+                  name="status"
+                  className="input"
+                  defaultValue={editingItem?.status || 'ACTIVE'}
+                  required
+                >
+                  <option value="ACTIVE">Active</option>
+                  <option value="MAINTENANCE">Maintenance</option>
+                  <option value="INACTIVE">Inactive</option>
+                </select>
+              </div>
+            </div>
+
+            <div className="flex justify-end gap-2 pt-4">
+              <ActionButton
+                type="button"
+                variant="secondary"
+                onClick={() => {
+                  setShowModal(false);
+                  setEditingItem(null);
+                }}
+              >
+                Cancel
+              </ActionButton>
+              <ActionButton
+                type="submit"
+                loading={createCoachMutation.isPending || updateCoachMutation.isPending}
+              >
+                {editingItem?.isCoach ? 'Update' : 'Create'} Coach
+              </ActionButton>
+            </div>
+          </form>
+        )}
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/currencies/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/currencies/layout.tsx
new file mode 100644
index 000000000..d3b3c12fe
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/currencies/layout.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import Sidebar from '@/components/layout/Sidebar';
+import Header from '@/components/layout/Header';
+import { useAuthStore } from '@/lib/auth-store';
+
+export default function CurrenciesLayout({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const { isAuthenticated } = useAuthStore();
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setIsLoading(false);
+    }, 100);
+    
+    return () => clearTimeout(timer);
+  }, []);
+
+  useEffect(() => {
+    if (!isLoading && !isAuthenticated) {
+      router.push('/login');
+    }
+  }, [isAuthenticated, router, isLoading]);
+
+  if (isLoading) {
+    return (
+      <div className="flex h-screen items-center justify-center bg-gray-50 dark:bg-slate-950">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-edr-green-600 mx-auto"></div>
+          <p className="mt-4 text-gray-600 dark:text-gray-400">Loading...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (!isAuthenticated) {
+    return null;
+  }
+
+  return (
+    <div className="flex h-screen overflow-hidden bg-gray-50 dark:bg-slate-950">
+      <Sidebar />
+      <div className="flex flex-1 flex-col overflow-hidden">
+        <Header />
+        <main className="flex-1 overflow-y-auto bg-gray-50 dark:bg-slate-950 p-6">
+          {children}
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/currencies/page.tsx b/apps/edr-passenger-web/backoffice/src/app/currencies/page.tsx
new file mode 100644
index 000000000..d57a67c83
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/currencies/page.tsx
@@ -0,0 +1,475 @@
+'use client';
+
+import { useState } from 'react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { Plus, Trash2, Loader2, Edit, RefreshCw } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Modal from '@/components/ui/Modal';
+import ActionButton from '@/components/ui/ActionButton';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { apiClient } from '@/lib/api-client';
+
+interface Currency {
+  id: string;
+  code: string;
+  name: string;
+  symbol: string;
+  baseCurrencyCode: string;
+  exchangeRate: number;
+  isActive: boolean;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export default function CurrenciesPage() {
+  const [showModal, setShowModal] = useState(false);
+  const [editingCurrency, setEditingCurrency] = useState<Currency | null>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; id: string | null }>({
+    isOpen: false,
+    id: null,
+  });
+  const [error, setError] = useState<string | null>(null);
+  const queryClient = useQueryClient();
+
+  const [currencyForm, setCurrencyForm] = useState({
+    code: '',
+    name: '',
+    symbol: '',
+    baseCurrencyCode: 'ETB',
+    exchangeRate: '',
+  });
+
+  const { data: currencies = [], isLoading } = useQuery({
+    queryKey: ['currencies'],
+    queryFn: () => apiClient.get('/currencies'),
+  });
+
+  const createMutation = useMutation({
+    mutationFn: (data: any) => apiClient.post('/currencies', data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['currencies'] });
+      resetForm();
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to create currency');
+    },
+  });
+
+  const updateMutation = useMutation({
+    mutationFn: (data: any) => apiClient.patch(`/currencies/${data.id}`, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['currencies'] });
+      setEditingCurrency(null);
+      resetForm();
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to update currency');
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: (id: string) => apiClient.delete(`/currencies/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['currencies'] });
+      setDeleteConfirm({ isOpen: false, id: null });
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to delete currency');
+    },
+  });
+
+  const syncRatesMutation = useMutation({
+    mutationFn: () => apiClient.post('/currencies/sync-rates', {}),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['currencies'] });
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to sync exchange rates');
+    },
+  });
+
+  const resetForm = () => {
+    setCurrencyForm({
+      code: '',
+      name: '',
+      symbol: '',
+      baseCurrencyCode: 'ETB',
+      exchangeRate: '',
+    });
+    setEditingCurrency(null);
+    setShowModal(false);
+    setError(null);
+  };
+
+  const handleEditCurrency = (currency: Currency) => {
+    setEditingCurrency(currency);
+    setCurrencyForm({
+      code: currency.code,
+      name: currency.name,
+      symbol: currency.symbol,
+      baseCurrencyCode: currency.baseCurrencyCode,
+      exchangeRate: currency.exchangeRate.toString(),
+    });
+    setError(null);
+    setShowModal(true);
+  };
+
+  const handleSaveCurrency = async () => {
+    setError(null);
+    if (!currencyForm.code || !currencyForm.name || !currencyForm.symbol || !currencyForm.exchangeRate) {
+      setError('All fields are required');
+      return;
+    }
+
+    const rate = parseFloat(currencyForm.exchangeRate);
+    if (isNaN(rate) || rate <= 0) {
+      setError('Exchange rate must be a positive number');
+      return;
+    }
+
+    const payload = {
+      code: currencyForm.code.toUpperCase(),
+      name: currencyForm.name,
+      symbol: currencyForm.symbol,
+      baseCurrencyCode: currencyForm.baseCurrencyCode,
+      exchangeRate: rate,
+    };
+
+    if (editingCurrency) {
+      await updateMutation.mutateAsync({ id: editingCurrency.id, ...payload });
+    } else {
+      await createMutation.mutateAsync(payload);
+    }
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.id) {
+      await deleteMutation.mutateAsync(deleteConfirm.id);
+    }
+  };
+
+  const currenciesArray = Array.isArray(currencies) ? currencies : (currencies as any)?.items || [];
+
+  const columns = [
+    {
+      key: 'code',
+      label: 'Code',
+      render: (currency: Currency) => (
+        <span className="font-mono font-semibold text-primary">{currency.code}</span>
+      ),
+    },
+    {
+      key: 'name',
+      label: 'Name',
+      render: (currency: Currency) => (
+        <span className="font-medium">{currency.name}</span>
+      ),
+    },
+    {
+      key: 'symbol',
+      label: 'Symbol',
+      render: (currency: Currency) => (
+        <span className="text-lg">{currency.symbol}</span>
+      ),
+    },
+    {
+      key: 'baseCurrencyCode',
+      label: 'Base Currency',
+      render: (currency: Currency) => (
+        <span className="font-mono text-sm">{currency.baseCurrencyCode}</span>
+      ),
+    },
+    {
+      key: 'exchangeRate',
+      label: 'Exchange Rate',
+      render: (currency: Currency) => (
+        <div className="space-y-1">
+          <div className="font-mono font-semibold">
+            1 {currency.baseCurrencyCode} = {currency.exchangeRate.toFixed(4)} {currency.code}
+          </div>
+          <div className="text-xs text-muted-foreground">
+            1 {currency.code} = {(1 / currency.exchangeRate).toFixed(6)} {currency.baseCurrencyCode}
+          </div>
+        </div>
+      ),
+    },
+    {
+      key: 'isActive',
+      label: 'Status',
+      render: (currency: Currency) => (
+        <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
+          currency.isActive
+            ? 'bg-green-100 dark:bg-green-900/20 text-green-800 dark:text-green-300'
+            : 'bg-gray-100 dark:bg-gray-900/20 text-gray-800 dark:text-gray-300'
+        }`}>
+          {currency.isActive ? 'Active' : 'Inactive'}
+        </span>
+      ),
+    },
+    {
+      key: 'updatedAt',
+      label: 'Last Updated',
+      render: (currency: Currency) => (
+        <span className="text-sm text-muted-foreground">
+          {new Date(currency.updatedAt).toLocaleDateString()}
+        </span>
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'Edit',
+      onClick: handleEditCurrency,
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: (currency: Currency) => setDeleteConfirm({ isOpen: true, id: currency.id }),
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold text-foreground">Currencies</h1>
+          <p className="text-muted-foreground mt-1">Manage exchange rates and display currencies</p>
+        </div>
+        <div className="flex gap-3">
+          <ActionButton
+            icon={RefreshCw}
+            variant="secondary"
+            onClick={() => syncRatesMutation.mutate()}
+            loading={syncRatesMutation.isPending}
+          >
+            Sync Rates
+          </ActionButton>
+          <ActionButton
+            icon={Plus}
+            onClick={() => {
+              setError(null);
+              setEditingCurrency(null);
+              setCurrencyForm({
+                code: '',
+                name: '',
+                symbol: '',
+                baseCurrencyCode: 'ETB',
+                exchangeRate: '',
+              });
+              setShowModal(true);
+            }}
+          >
+            Add Currency
+          </ActionButton>
+        </div>
+      </div>
+
+      <div className="card">
+        <div className="space-y-6">
+          <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+            <div className="p-4 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-900/20 dark:to-blue-900/10 rounded-lg border border-blue-200 dark:border-blue-800">
+              <div className="text-sm text-blue-600 dark:text-blue-400 font-medium">Total Currencies</div>
+              <div className="text-2xl font-bold text-blue-900 dark:text-blue-200 mt-2">
+                {currenciesArray.length}
+              </div>
+            </div>
+            <div className="p-4 bg-gradient-to-br from-green-50 to-green-100 dark:from-green-900/20 dark:to-green-900/10 rounded-lg border border-green-200 dark:border-green-800">
+              <div className="text-sm text-green-600 dark:text-green-400 font-medium">Active</div>
+              <div className="text-2xl font-bold text-green-900 dark:text-green-200 mt-2">
+                {currenciesArray.filter((c: Currency) => c.isActive).length}
+              </div>
+            </div>
+            <div className="p-4 bg-gradient-to-br from-purple-50 to-purple-100 dark:from-purple-900/20 dark:to-purple-900/10 rounded-lg border border-purple-200 dark:border-purple-800">
+              <div className="text-sm text-purple-600 dark:text-purple-400 font-medium">Base Currency</div>
+              <div className="text-2xl font-bold text-purple-900 dark:text-purple-200 mt-2">ETB</div>
+            </div>
+            <div className="p-4 bg-gradient-to-br from-orange-50 to-orange-100 dark:from-orange-900/20 dark:to-orange-900/10 rounded-lg border border-orange-200 dark:border-orange-800">
+              <div className="text-sm text-orange-600 dark:text-orange-400 font-medium">Last Sync</div>
+              <div className="text-lg font-bold text-orange-900 dark:text-orange-200 mt-2">
+                {currenciesArray.length > 0
+                  ? new Date(currenciesArray[0]?.updatedAt).toLocaleDateString()
+                  : 'N/A'}
+              </div>
+            </div>
+          </div>
+
+          {isLoading ? (
+            <div className="flex items-center justify-center py-12">
+              <Loader2 className="h-8 w-8 animate-spin text-primary" />
+            </div>
+          ) : currenciesArray.length === 0 ? (
+            <div className="text-center py-12 text-muted-foreground">
+              <p>No currencies configured. Click "Add Currency" to create one.</p>
+            </div>
+          ) : (
+            <DataTable
+              data={currenciesArray}
+              columns={columns}
+              actions={actions}
+              loading={false}
+              emptyMessage="No currencies found."
+            />
+          )}
+        </div>
+      </div>
+
+      <div className="card bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800">
+        <h3 className="font-semibold text-blue-900 dark:text-blue-200 mb-3">Currency Management</h3>
+        <ul className="text-sm text-blue-800 dark:text-blue-300 space-y-2">
+          <li>
+            • <strong>Base Currency:</strong> All exchange rates are calculated relative to this currency (typically ETB)
+          </li>
+          <li>
+            • <strong>Exchange Rate:</strong> How many units of the currency equal 1 unit of the base currency
+          </li>
+          <li>
+            • <strong>Display Currencies:</strong> Configure which currencies customers can view prices in
+          </li>
+          <li>
+            • <strong>Sync Rates:</strong> Automatically update exchange rates from external sources
+          </li>
+        </ul>
+      </div>
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, id: null })}
+        onConfirm={confirmDelete}
+        title="Delete Currency"
+        message="Are you sure you want to delete this currency? This action cannot be undone."
+        confirmText="Delete"
+        isDanger={true}
+        warning="This will remove the currency from the system."
+      />
+
+      {/* Add/Edit Modal */}
+      <Modal
+        isOpen={showModal}
+        onClose={resetForm}
+        title={`${editingCurrency ? 'Edit' : 'Add'} Currency`}
+        size="lg"
+      >
+        <div className="space-y-4">
+          {error && (
+            <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 p-3 rounded-lg text-sm text-red-800 dark:text-red-200">
+              {error}
+            </div>
+          )}
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="label">Currency Code *</label>
+              <input
+                type="text"
+                value={currencyForm.code}
+                onChange={(e) => setCurrencyForm({ ...currencyForm, code: e.target.value.toUpperCase() })}
+                className="input w-full"
+                placeholder="e.g., USD"
+                maxLength={3}
+                disabled={!!editingCurrency}
+                required
+              />
+              <p className="text-xs text-muted-foreground mt-1">3-letter ISO code (e.g., USD, DJF, GBP)</p>
+            </div>
+
+            <div>
+              <label className="label">Currency Name *</label>
+              <input
+                type="text"
+                value={currencyForm.name}
+                onChange={(e) => setCurrencyForm({ ...currencyForm, name: e.target.value })}
+                className="input w-full"
+                placeholder="e.g., United States Dollar"
+                required
+              />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="label">Symbol *</label>
+              <input
+                type="text"
+                value={currencyForm.symbol}
+                onChange={(e) => setCurrencyForm({ ...currencyForm, symbol: e.target.value })}
+                className="input w-full"
+                placeholder="e.g., $"
+                maxLength={3}
+                required
+              />
+            </div>
+
+            <div>
+              <label className="label">Base Currency *</label>
+              <select
+                value={currencyForm.baseCurrencyCode}
+                onChange={(e) => setCurrencyForm({ ...currencyForm, baseCurrencyCode: e.target.value })}
+                className="input w-full"
+                disabled
+              >
+                <option value="ETB">ETB (Ethiopian Birr)</option>
+                <option value="USD">USD (US Dollar)</option>
+                <option value="DJF">DJF (Djiboutian Franc)</option>
+              </select>
+              <p className="text-xs text-muted-foreground mt-1">All rates relative to this currency</p>
+            </div>
+          </div>
+
+          <div>
+            <label className="label">Exchange Rate *</label>
+            <div className="flex items-center gap-2">
+              <input
+                type="number"
+                min="0"
+                step="0.0001"
+                value={currencyForm.exchangeRate}
+                onChange={(e) => setCurrencyForm({ ...currencyForm, exchangeRate: e.target.value })}
+                className="input w-full"
+                placeholder="e.g., 0.018"
+                required
+              />
+              <div className="text-sm text-muted-foreground whitespace-nowrap">
+                1 {currencyForm.baseCurrencyCode} = ? {currencyForm.code}
+              </div>
+            </div>
+            {currencyForm.exchangeRate && parseFloat(currencyForm.exchangeRate) > 0 && (
+              <p className="text-xs text-muted-foreground mt-2">
+                ≈ 1 {currencyForm.code} = {(1 / parseFloat(currencyForm.exchangeRate)).toFixed(6)} {currencyForm.baseCurrencyCode}
+              </p>
+            )}
+          </div>
+
+          <div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 p-3 rounded-lg text-xs text-blue-800 dark:text-blue-200">
+              <p className="font-semibold mb-1">Exchange Rate Example:</p>
+            <p>If 1 ETB = 0.018 USD, enter 0.018</p>
+            <p>If 1 ETB = 3.25 DJF, enter 3.25</p>
+          </div>
+
+          <div className="flex gap-2 justify-end pt-4">
+            <ActionButton 
+              variant="secondary" 
+              onClick={resetForm}
+              type="button"
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton 
+              onClick={handleSaveCurrency} 
+              loading={createMutation.isPending || updateMutation.isPending}
+            >
+              {editingCurrency ? 'Update Currency' : 'Add Currency'}
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/dashboard/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/dashboard/layout.tsx
new file mode 100644
index 000000000..92ed57085
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/dashboard/layout.tsx
@@ -0,0 +1,58 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import Sidebar from '@/components/layout/Sidebar';
+import Header from '@/components/layout/Header';
+import { useAuthStore } from '@/lib/auth-store';
+import { useTheme } from '@/lib/theme-store';
+
+export default function DashboardLayout({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const { isAuthenticated, user } = useAuthStore();
+  const { setTheme } = useTheme();
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    // Auth is already initialized in root providers
+    // Just wait a tick for hydration
+    const timer = setTimeout(() => {
+      setIsLoading(false);
+    }, 100);
+    
+    return () => clearTimeout(timer);
+  }, []);
+
+  useEffect(() => {
+    if (!isLoading && !isAuthenticated) {
+      router.push('/login');
+    }
+  }, [isAuthenticated, router, isLoading]);
+
+  if (isLoading) {
+    return (
+      <div className="flex h-screen items-center justify-center bg-gray-50 dark:bg-slate-950">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-edr-green-600 mx-auto"></div>
+          <p className="mt-4 text-gray-600 dark:text-gray-400">Loading...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (!isAuthenticated) {
+    return null;
+  }
+
+  return (
+    <div className="flex h-screen overflow-hidden bg-gray-50 dark:bg-slate-950">
+      <Sidebar />
+      <div className="flex flex-1 flex-col overflow-hidden">
+        <Header />
+        <main className="flex-1 overflow-y-auto bg-gray-50 dark:bg-slate-950 p-6">
+          {children}
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/dashboard/page.tsx b/apps/edr-passenger-web/backoffice/src/app/dashboard/page.tsx
new file mode 100644
index 000000000..d61acff41
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/dashboard/page.tsx
@@ -0,0 +1,239 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { Ticket, Users, DollarSign, Percent } from 'lucide-react';
+import StatCard from '@/components/dashboard/StatCard';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import { dashboardApi } from '@/lib/api/dashboard';
+import { formatCurrency, formatDateTime } from '@/lib/utils';
+import { LineChart, Line, BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, PieChart, Pie, Cell } from 'recharts';
+
+const COLORS = ['#2563eb', '#10b981', '#f59e0b', '#ef4444', '#8b5cf6'];
+
+export default function DashboardPage() {
+  const { data: stats, isLoading: statsLoading } = useQuery({
+    queryKey: ['dashboard-stats'],
+    queryFn: dashboardApi.getStats,
+  });
+
+  const { data: revenueData, isLoading: revenueLoading } = useQuery({
+    queryKey: ['revenue-chart'],
+    queryFn: () => dashboardApi.getRevenueChart(30),
+  });
+
+  const { data: recentBookingsData, isLoading: bookingsLoading } = useQuery<any[]>({
+    queryKey: ['recent-bookings'],
+    queryFn: () => dashboardApi.getRecentBookings(10),
+  });
+
+  const { data: topAgents, isLoading: agentsLoading } = useQuery({
+    queryKey: ['top-agents'],
+    queryFn: () => dashboardApi.getTopAgents(5),
+  });
+
+  const { data: occupancyTrend, isLoading: occupancyLoading } = useQuery({
+    queryKey: ['occupancy-trend'],
+    queryFn: () => dashboardApi.getOccupancyTrend(7),
+  });
+
+  const { data: upcomingTrips, isLoading: tripsLoading } = useQuery({
+    queryKey: ['upcoming-trips'],
+    queryFn: () => dashboardApi.getUpcomingTrips(5),
+  });
+
+  const { data: paymentMethods } = useQuery({
+    queryKey: ['payment-methods'],
+    queryFn: dashboardApi.getPaymentMethods,
+  });
+
+  const recentBookings = Array.isArray(recentBookingsData) ? recentBookingsData : [];
+
+  const bookingColumns = [
+    { key: 'reference', label: 'Reference', render: (item: any) => item.bookingRef || item.reference },
+    { 
+      key: 'passenger', 
+      label: 'Passenger', 
+      render: (item: any) => {
+        if (item.passenger?.fullName) {
+          return item.passenger.fullName;
+        }
+        if (item.contactEmail) {
+          return item.contactEmail;
+        }
+        if (item.contactPhone) {
+          return item.contactPhone;
+        }
+        return 'N/A';
+      }
+    },
+    { key: 'amount', label: 'Amount', render: (item: any) => formatCurrency(item.totalMinor || item.amount, item.currency || 'ETB') },
+    {
+      key: 'status',
+      label: 'Status',
+      render: (item: any) => (
+        <Badge variant="status" status={item.status}>
+          {item.status}
+        </Badge>
+      )
+    },
+    { key: 'createdAt', label: 'Created', render: (item: any) => formatDateTime(item.createdAt) },
+  ];
+
+  const agentColumns = [
+    { key: 'name', label: 'Agent Name', render: (item: any) => item.name || item.fullName },
+    { key: 'bookings', label: 'Bookings', render: (item: any) => item.bookingsCount || item.bookings || 0 },
+    { key: 'revenue', label: 'Revenue', render: (item: any) => formatCurrency(item.totalRevenue || item.revenue || 0, 'ETB') },
+    { key: 'commission', label: 'Commission', render: (item: any) => formatCurrency(item.commission || 0, 'ETB') },
+  ];
+
+  const tripColumns = [
+    { key: 'trainName', label: 'Train', render: (item: any) => item.trainName || item.train?.name },
+    { key: 'route', label: 'Route', render: (item: any) => `${item.originStation?.name || item.origin?.name} → ${item.destinationStation?.name || item.destination?.name}` },
+    { key: 'departure', label: 'Departure', render: (item: any) => formatDateTime(item.departureAt) },
+    { key: 'seats', label: 'Seats', render: (item: any) => `${item.availableSeats || 0}/${item.totalSeats || 0}` },
+    {
+      key: 'status',
+      label: 'Status',
+      render: (item: any) => (
+        <Badge variant="status" status={item.status}>
+          {item.status}
+        </Badge>
+      )
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-foreground">Dashboard</h1>
+        <p className="text-muted-foreground mt-1">Welcome back! Here&apos;s your operational summary.</p>
+      </div>
+
+      {/* Primary Metrics */}
+      <div className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
+        <StatCard
+          title="Total Bookings"
+          value={statsLoading ? '...' : (stats?.totalBookings || 0).toLocaleString()}
+          icon={Ticket}
+          color="blue"
+        />
+        <StatCard
+          title="Total Revenue"
+          value={statsLoading ? '...' : formatCurrency(stats?.totalRevenue || 0, 'ETB')}
+          icon={DollarSign}
+          color="green"
+        />
+        <StatCard
+          title="Total Passengers"
+          value={statsLoading ? '...' : (stats?.totalPassengers || 0).toLocaleString()}
+          icon={Users}
+          color="purple"
+        />
+        <StatCard
+          title="Occupancy Rate"
+          value={statsLoading ? '...' : `${stats?.occupancyRate || 0}%`}
+          icon={Percent}
+          color="orange"
+        />
+      </div>
+
+      {/* Charts Row */}
+      <div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
+        {/* Revenue Trend */}
+        {!revenueLoading && revenueData && revenueData.length > 0 && (
+          <div className="card">
+            <h2 className="mb-4 text-lg font-semibold text-foreground">Revenue Trend (Last 30 Days)</h2>
+            <ResponsiveContainer width="100%" height={300}>
+              <LineChart data={revenueData}>
+                <CartesianGrid strokeDasharray="3 3" className="stroke-border" />
+                <XAxis dataKey="date" tick={{ fontSize: 12 }} className="text-muted-foreground" />
+                <YAxis tick={{ fontSize: 12 }} className="text-muted-foreground" />
+                <Tooltip formatter={(value: number) => formatCurrency(value, 'ETB')} />
+                <Line type="monotone" dataKey="revenue" stroke="#2563eb" strokeWidth={2} />
+              </LineChart>
+            </ResponsiveContainer>
+          </div>
+        )}
+
+        {/* Occupancy Trend */}
+        {!occupancyLoading && occupancyTrend && occupancyTrend.length > 0 && (
+          <div className="card">
+            <h2 className="mb-4 text-lg font-semibold text-foreground">Occupancy Trend (Last 7 Days)</h2>
+            <ResponsiveContainer width="100%" height={300}>
+              <BarChart data={occupancyTrend}>
+                <CartesianGrid strokeDasharray="3 3" className="stroke-border" />
+                <XAxis dataKey="date" tick={{ fontSize: 12 }} className="text-muted-foreground" />
+                <YAxis tick={{ fontSize: 12 }} className="text-muted-foreground" />
+                <Tooltip formatter={(value: number) => `${value}%`} />
+                <Bar dataKey="occupancyRate" fill="#10b981" radius={[8, 8, 0, 0]} />
+              </BarChart>
+            </ResponsiveContainer>
+          </div>
+        )}
+      </div>
+
+      {/* Payment Methods Distribution */}
+      {paymentMethods && paymentMethods.length > 0 && (
+        <div className="card">
+          <h2 className="mb-4 text-lg font-semibold text-foreground">Payment Methods Distribution</h2>
+          <ResponsiveContainer width="100%" height={300}>
+            <PieChart>
+              <Pie
+                data={paymentMethods}
+                dataKey="count"
+                nameKey="method"
+                cx="50%"
+                cy="50%"
+                outerRadius={80}
+                label
+              >
+                {paymentMethods.map((entry, index) => (
+                  <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
+                ))}
+              </Pie>
+              <Tooltip />
+            </PieChart>
+          </ResponsiveContainer>
+        </div>
+      )}
+
+      {/* Recent Bookings */}
+      <div className="card">
+        <h2 className="mb-4 text-lg font-semibold text-foreground">Recent Bookings</h2>
+        <DataTable
+          data={recentBookings}
+          columns={bookingColumns}
+          loading={bookingsLoading}
+          emptyMessage="No recent bookings"
+        />
+      </div>
+
+      {/* Upcoming Trips */}
+      {upcomingTrips && upcomingTrips.length > 0 && (
+        <div className="card">
+          <h2 className="mb-4 text-lg font-semibold text-foreground">Upcoming Trips</h2>
+          <DataTable
+            data={upcomingTrips}
+            columns={tripColumns}
+            loading={tripsLoading}
+            emptyMessage="No upcoming trips"
+          />
+        </div>
+      )}
+
+      {/* Top Agents */}
+      {topAgents && topAgents.length > 0 && (
+        <div className="card">
+          <h2 className="mb-4 text-lg font-semibold text-foreground">Top Performing Agents</h2>
+          <DataTable
+            data={topAgents}
+            columns={agentColumns}
+            loading={agentsLoading}
+            emptyMessage="No agent data"
+          />
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/docs/page.tsx b/apps/edr-passenger-web/backoffice/src/app/docs/page.tsx
new file mode 100644
index 000000000..deaf40007
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/docs/page.tsx
@@ -0,0 +1,949 @@
+'use client';
+
+import React, { useState } from 'react';
+import Link from 'next/link';
+import { ChevronDown, ChevronRight, FileText, Home } from 'lucide-react';
+
+const DocPage = () => {
+  const [expandedSections, setExpandedSections] = useState<{ [key: string]: boolean }>({
+    overview: true,
+    operations: true,
+    masterdata: false,
+    financial: false,
+    services: false,
+    security: false,
+    analytics: false,
+    system: false,
+  });
+
+  const toggleSection = (section: string) => {
+    setExpandedSections(prev => (({
+      ...prev,
+      [section]: !prev[section]
+    })));
+  };
+
+  const scrollToSection = (id: string) => {
+    setTimeout(() => {
+      const element = document.getElementById(id);
+      if (element) {
+        const headerOffset = 120;
+        const elementPosition = element.getBoundingClientRect().top + window.pageYOffset;
+        const offsetPosition = elementPosition - headerOffset;
+        window.scrollTo({
+          top: offsetPosition,
+          behavior: 'smooth'
+        });
+      }
+    }, 0);
+  };
+
+  const sections = [
+    {
+      id: 'overview',
+      title: '📋 Overview & Getting Started',
+      items: [
+        { id: 'about', label: 'Application Overview' },
+        { id: 'features', label: 'Key Features' },
+      ]
+    },
+    {
+      id: 'operations',
+      title: '📊 Operations',
+      items: [
+        { id: 'bookings', label: 'Bookings' },
+        { id: 'bookings-how', label: '→ How-To' },
+        { id: 'passengers', label: 'Passengers' },
+        { id: 'passengers-how', label: '→ How-To' },
+        { id: 'tickets', label: 'Tickets' },
+        { id: 'tickets-how', label: '→ How-To' },
+      ]
+    },
+    {
+      id: 'masterdata',
+      title: '🏢 Master Data',
+      items: [
+        { id: 'stations', label: 'Stations' },
+        { id: 'stations-how', label: '→ How-To' },
+        { id: 'trains', label: 'Trains' },
+        { id: 'trains-how', label: '→ How-To' },
+        { id: 'coaches', label: 'Coaches' },
+        { id: 'coaches-how', label: '→ How-To' },
+        { id: 'seats', label: 'Seats' },
+        { id: 'seats-how', label: '→ How-To' },
+        { id: 'classes', label: 'Seat Classes' },
+        { id: 'classes-how', label: '→ How-To' },
+        { id: 'routes', label: 'Routes' },
+        { id: 'routes-how', label: '→ How-To' },
+        { id: 'schedules', label: 'Schedules' },
+        { id: 'schedules-how', label: '→ How-To' },
+      ]
+    },
+    {
+      id: 'financial',
+      title: '💰 Financial',
+      items: [
+        { id: 'pricing', label: 'Pricing & Fares' },
+        { id: 'pricing-how', label: '→ How-To' },
+        { id: 'currencies', label: 'Currencies' },
+        { id: 'currencies-how', label: '→ How-To' },
+        { id: 'payments', label: 'Payments' },
+        { id: 'payments-how', label: '→ How-To' },
+        { id: 'promos', label: 'Promo Codes' },
+        { id: 'promos-how', label: '→ How-To' },
+      ]
+    },
+    {
+      id: 'services',
+      title: '🎁 Customer Services',
+      items: [
+        { id: 'loyalty', label: 'Loyalty' },
+        { id: 'loyalty-how', label: '→ How-To' },
+        { id: 'support', label: 'Support' },
+        { id: 'support-how', label: '→ How-To' },
+        { id: 'notifications', label: 'Notifications' },
+        { id: 'notifications-how', label: '→ How-To' },
+      ]
+    },
+    {
+      id: 'security',
+      title: '🔒 Security',
+      items: [
+        { id: 'audit', label: 'Audit Logs' },
+        { id: 'audit-how', label: '→ How-To' },
+        { id: 'fraud', label: 'Fraud Detection' },
+        { id: 'fraud-how', label: '→ How-To' },
+        { id: 'verifayda', label: 'Verifayda' },
+        { id: 'verifayda-how', label: '→ How-To' },
+      ]
+    },
+    {
+      id: 'analytics',
+      title: '📈 Analytics',
+      items: [
+        { id: 'reports', label: 'Reports' },
+        { id: 'reports-how', label: '→ How-To' },
+      ]
+    },
+    {
+      id: 'system',
+      title: '⚙️ System',
+      items: [
+        { id: 'agents', label: 'Agents' },
+        { id: 'agents-how', label: '→ How-To' },
+        { id: 'users', label: 'Users' },
+        { id: 'users-how', label: '→ How-To' },
+        { id: 'settings', label: 'Settings' },
+        { id: 'settings-how', label: '→ How-To' },
+      ]
+    },
+  ];
+
+  const HowToStep = ({ number, title, children }: { number: number; title: string; children: React.ReactNode }) => (
+    <div className="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-lg border border-blue-200 dark:border-blue-800">
+      <div className="flex items-start gap-4">
+        <div className="flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 text-white font-bold flex-shrink-0">{number}</div>
+        <div className="flex-1">
+          <h4 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">{title}</h4>
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+
+  return (
+    <div className="min-h-screen bg-slate-50 dark:bg-slate-900">
+      <div className="bg-white dark:bg-slate-800 border-b border-slate-200 dark:border-slate-700 sticky top-0 z-10">
+        <div className="max-w-7xl mx-auto px-4 py-4 flex items-center justify-between">
+          <div className="flex items-center gap-3">
+            <FileText className="h-8 w-8 text-emerald-600" />
+            <h1 className="text-2xl font-bold text-slate-900 dark:text-white">Documentation</h1>
+          </div>
+          <div className="flex items-center gap-2">
+            <a href="http://localhost:4000/api-docs" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 px-4 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 transition" title="Opens API documentation in new tab">
+              <FileText className="h-4 w-4" />
+              View API Docs
+            </a>
+            <Link href="/dashboard" target="_blank" className="flex items-center gap-2 px-4 py-2 rounded-lg bg-emerald-600 text-white hover:bg-emerald-700 transition">
+              <Home className="h-4 w-4" />
+              Dashboard
+            </Link>
+          </div>
+        </div>
+      </div>
+
+      <div className="max-w-7xl mx-auto px-4 py-8">
+        <div className="grid grid-cols-1 lg:grid-cols-4 gap-6">
+          <div className="lg:col-span-1">
+            <div className="bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 sticky top-24 h-fit">
+              <nav>
+                {sections.map(section => (
+                  <div key={section.id}>
+                    <button onClick={() => toggleSection(section.id)} className="w-full flex items-center justify-between px-4 py-3 text-sm font-medium text-slate-900 dark:text-white hover:bg-slate-50 dark:hover:bg-slate-700 border-b border-slate-100 dark:border-slate-700">
+                      <span>{section.title}</span>
+                      {expandedSections[section.id] ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
+                    </button>
+                    {expandedSections[section.id] && (
+                      <div className="bg-slate-50 dark:bg-slate-700/50">
+                        {section.items.map(item => (
+                          <button key={item.id} onClick={() => scrollToSection(item.id)} className="w-full text-left px-6 py-2 text-sm text-slate-600 dark:text-slate-300 hover:text-emerald-600 dark:hover:text-emerald-400 hover:bg-white dark:hover:bg-slate-700 transition">
+                            {item.label}
+                          </button>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+                ))}
+              </nav>
+            </div>
+          </div>
+
+          <div className="lg:col-span-3">
+            <div className="bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 p-8 space-y-12">
+              
+              <div id="about">
+                <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-4">Welcome to EDR Passenger Backoffice</h2>
+                <p className="text-slate-600 dark:text-slate-300">Comprehensive management system for the Ethio-Djibouti Railway passenger platform. This documentation provides complete guidance on all features, operations, and best practices.</p>
+              </div>
+
+              <div id="features" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🌟 Key Features</h2>
+                <p className="text-slate-600 dark:text-slate-300">Complete booking, passenger, fleet, and financial management.</p>
+              </div>
+
+              {/* BOOKINGS */}
+              <div id="bookings" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">📋 Bookings</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage passenger bookings with search, view, modify, and refund capabilities.</p>
+              </div>
+
+              <div id="bookings-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">📋 How-To: Manage Bookings</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Bookings">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click {`"Bookings"`} in Operations section</li>
+                      <li>View all bookings in table format</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Search & Filter">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Use search box for reference, email, or phone</li>
+                      <li>Use Status dropdown to filter</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Manage Bookings">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click {`"View Details"`} for full information</li>
+                      <li>Click {`"Cancel Booking"`} to process refunds</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* PASSENGERS */}
+              <div id="passengers" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">👥 Passengers</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage passenger profiles, loyalty, and verification status.</p>
+              </div>
+
+              <div id="passengers-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">👥 How-To: Manage Passengers</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Passengers">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click {`"Passengers"`} in Operations</li>
+                      <li>View all profiles with pagination</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Search & Filter">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Search by name, email, phone, ID</li>
+                      <li>Filter by nationality, verification, loyalty tier</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="View Profile">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click passenger row to open modal</li>
+                      <li>View account, loyalty, wallet, booking history</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* TICKETS */}
+              <div id="tickets" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🎫 Tickets</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage ticket generation, tracking, and validation.</p>
+              </div>
+
+              <div id="tickets-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🎫 How-To: Manage Tickets</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Tickets">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click {`"Tickets"`} in Operations</li>
+                      <li>View all issued tickets with status</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Search Tickets">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Search by booking reference or ticket number</li>
+                      <li>Filter by validation status</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Download PDF">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click ticket to view details</li>
+                      <li>Click {`"Download PDF"`} for printable version</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* STATIONS */}
+              <div id="stations" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🏢 Stations</h2>
+                <p className="text-slate-600 dark:text-slate-300">Configure railway stations with locations and timezones.</p>
+              </div>
+
+              <div id="stations-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🏢 How-To: Manage Stations</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Stations">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click {`"Stations"`} in Master Data</li>
+                      <li>View all configured stations</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Create Station">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click {`"Add Station"`}</li>
+                      <li>Enter code, name, city, timezone, coordinates</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Edit Station">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click station to open details</li>
+                      <li>Update information and save</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* TRAINS */}
+              <div id="trains" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🚂 Trains</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage train fleet with coach assignments.</p>
+              </div>
+
+              <div id="trains-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🚂 How-To: Manage Trains</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Trains">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click {`"Trains"`} in Master Data</li>
+                      <li>View all trains and coaches</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Create Train">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click {`"Add Train"`}</li>
+                      <li>Enter code and select coaches</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Assign Coaches">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click train to edit</li>
+                      <li>Add/remove coaches with position numbers</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* COACHES */}
+              <div id="coaches" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🚃 Coaches</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage coach inventory with seat configurations.</p>
+              </div>
+
+              <div id="coaches-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🚃 How-To: Manage Coaches</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Coaches">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Coaches" in Master Data</li>
+                      <li>View all coaches and assignments</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Create Coach">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Add Coach"</li>
+                      <li>Enter code, select train, define seat layout</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Configure Seats">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click coach to edit</li>
+                      <li>Add seats and assign classes</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* SEATS */}
+              <div id="seats" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">💺 Seats</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage seat inventory with visual maps.</p>
+              </div>
+
+              <div id="seats-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">💺 How-To: Manage Seats</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Seat Map">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Go to "Seats" in Master Data</li>
+                      <li>Select coach from dropdown</li>
+                      <li>Visual map shows: Green=Available, Red=Blocked</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Block Seat">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click available seat</li>
+                      <li>Click "Block" and select reason</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Unblock Seat">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click blocked seat</li>
+                      <li>Click "Unblock" to restore</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* SEAT CLASSES */}
+              <div id="classes" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🎯 Seat Classes</h2>
+                <p className="text-slate-600 dark:text-slate-300">Define seat class types with pricing.</p>
+              </div>
+
+              <div id="classes-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🎯 How-To: Manage Seat Classes</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Classes">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Seat Classes" in Master Data</li>
+                      <li>View all class types</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Create Class">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Add Class"</li>
+                      <li>Enter name, base fare, premium, insurance</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Update Pricing">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click class to edit</li>
+                      <li>Update fares and save</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* ROUTES */}
+              <div id="routes" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🛤️ Routes</h2>
+                <p className="text-slate-600 dark:text-slate-300">Define railway routes with ordered stops.</p>
+              </div>
+
+              <div id="routes-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🛤️ How-To: Manage Routes</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Routes">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Routes" in Master Data</li>
+                      <li>View all routes and stops</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Create Route">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Add Route"</li>
+                      <li>Enter code and description</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Add Stops">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click route to edit</li>
+                      <li>Click "Add Stop" and select station</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* SCHEDULES */}
+              <div id="schedules" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">📅 Schedules</h2>
+                <p className="text-slate-600 dark:text-slate-300">Create and manage train schedules.</p>
+              </div>
+
+              <div id="schedules-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">📅 How-To: Create Schedules</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Create Single">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Go to "Schedules" in Master Data</li>
+                      <li>Click "Create Schedule"</li>
+                      <li>Fill train, route, departure/arrival times</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Bulk Generate">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Bulk Generate"</li>
+                      <li>Set recurring parameters and generate</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Manage Status">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click schedule to edit</li>
+                      <li>Update times and view fares</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* PRICING */}
+              <div id="pricing" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">💰 Pricing & Fares</h2>
+                <p className="text-slate-600 dark:text-slate-300">Configure dynamic pricing with segments.</p>
+              </div>
+
+              <div id="pricing-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">💰 How-To: Configure Pricing</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Pricing">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Pricing & Fares" in Financial</li>
+                      <li>Two tabs: Schedule Fares, Segment Fares</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Schedule Fares">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Add Fare Rule"</li>
+                      <li>Fill schedule, seat class, fare, nationality</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Segment Fares">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Switch to "Segment Fares" tab</li>
+                      <li>Select route and add origin/destination fare</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* CURRENCIES */}
+              <div id="currencies" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">💵 Currencies</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage exchange rates for multiple currencies.</p>
+              </div>
+
+              <div id="currencies-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">💵 How-To: Manage Currencies</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Rates">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Currencies" in Financial</li>
+                      <li>View all configured rates</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Add Rate">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Add Rate"</li>
+                      <li>Select currency and enter exchange rate</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Sync Rates">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click rate to edit</li>
+                      <li>Click "Sync" to update from provider</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* PAYMENTS */}
+              <div id="payments" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">💳 Payments</h2>
+                <p className="text-slate-600 dark:text-slate-300">Monitor and process transactions.</p>
+              </div>
+
+              <div id="payments-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">💳 How-To: Manage Payments</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Transactions">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Payments" in Financial</li>
+                      <li>View all transactions</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Search & Filter">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Search by booking or transaction ID</li>
+                      <li>Filter by status and payment method</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Process Refunds">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click transaction</li>
+                      <li>Click "Refund" if eligible</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* PROMOS */}
+              <div id="promos" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🎁 Promo Codes</h2>
+                <p className="text-slate-600 dark:text-slate-300">Create and manage promotional campaigns.</p>
+              </div>
+
+              <div id="promos-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🎁 How-To: Manage Promo Codes</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Promos">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Promo Codes" in Financial</li>
+                      <li>View all active codes</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Create Code">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Add Promo Code"</li>
+                      <li>Enter code, discount type, validity dates</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Track Usage">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click code to view analytics</li>
+                      <li>View usage count and savings</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* LOYALTY */}
+              <div id="loyalty" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🏆 Loyalty</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage loyalty program and rewards.</p>
+              </div>
+
+              <div id="loyalty-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🏆 How-To: Manage Loyalty</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Accounts">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Loyalty Program" in Services</li>
+                      <li>View all loyalty accounts</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Adjust Points">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click account</li>
+                      <li>Click "Adjust Points" and enter amount</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Award Rewards">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click account</li>
+                      <li>Click "Grant Reward" and select reward</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* SUPPORT */}
+              <div id="support" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">💬 Support</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage support tickets and conversations.</p>
+              </div>
+
+              <div id="support-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">💬 How-To: Manage Support</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Tickets">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Support Center" in Services</li>
+                      <li>View all support tickets</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Manage Ticket">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click ticket to open conversation</li>
+                      <li>Add replies and update status</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Manage FAQ">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Go to FAQ management</li>
+                      <li>Add or edit FAQ articles</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* NOTIFICATIONS */}
+              <div id="notifications" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🔔 Notifications</h2>
+                <p className="text-slate-600 dark:text-slate-300">Send notifications via multiple channels.</p>
+              </div>
+
+              <div id="notifications-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🔔 How-To: Manage Notifications</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Notifications">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Notifications" in Services</li>
+                      <li>View notification history</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Send Notification">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Send Notification"</li>
+                      <li>Select channel and message</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Manage Templates">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Go to Templates section</li>
+                      <li>Create or edit templates with variables</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* AUDIT */}
+              <div id="audit" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">📋 Audit Logs</h2>
+                <p className="text-slate-600 dark:text-slate-300">Monitor system activities and user actions.</p>
+              </div>
+
+              <div id="audit-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">📋 How-To: View Audit Logs</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Logs">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Audit Logs" in Security</li>
+                      <li>View all recorded activities</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Filter Logs">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Filter by user, action, or date</li>
+                      <li>Search by entity ID</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Export Logs">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click log entry for details</li>
+                      <li>Click "Export" to download CSV</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* FRAUD */}
+              <div id="fraud" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">🛡️ Fraud Detection</h2>
+                <p className="text-slate-600 dark:text-slate-300">Monitor and manage fraud alerts.</p>
+              </div>
+
+              <div id="fraud-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">🛡️ How-To: Manage Fraud Detection</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Alerts">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Fraud Detection" in Security</li>
+                      <li>View all fraud alerts</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Investigate">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click alert to view details</li>
+                      <li>Review triggered rules and patterns</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Take Action">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Allow" or "Block" with notes</li>
+                      <li>Update user status</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* VERIFAYDA */}
+              <div id="verifayda" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">✅ Verifayda</h2>
+                <p className="text-slate-600 dark:text-slate-300">Verify passenger identities against government database.</p>
+              </div>
+
+              <div id="verifayda-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">✅ How-To: Manage Verifayda</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Verification">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Verifayda Integration" in Security</li>
+                      <li>View verification history</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Verify Passenger">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Enter national ID or passport number</li>
+                      <li>Click "Verify" to check database</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Review Results">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>View verified passenger data</li>
+                      <li>Match with booking details</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* REPORTS */}
+              <div id="reports" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">📊 Reports</h2>
+                <p className="text-slate-600 dark:text-slate-300">Generate business analytics and reports.</p>
+              </div>
+
+              <div id="reports-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">📊 How-To: Generate Reports</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Reports">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Reports" in Analytics</li>
+                      <li>View available report types</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Generate Report">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click report type</li>
+                      <li>Select date range and parameters</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Export Report">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>View report with charts</li>
+                      <li>Click "Export" for PDF or CSV</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* AGENTS */}
+              <div id="agents" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">👤 Agents</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage booking agents and commissions.</p>
+              </div>
+
+              <div id="agents-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">👤 How-To: Manage Agents</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Agents">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Agents" in System</li>
+                      <li>View all agents</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Create Agent">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Add Agent"</li>
+                      <li>Enter name, email, commission rate</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Create Shift">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click agent to edit</li>
+                      <li>Click "Create Shift" to assign schedule</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* USERS */}
+              <div id="users" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">👥 Users</h2>
+                <p className="text-slate-600 dark:text-slate-300">Manage backoffice user accounts and permissions.</p>
+              </div>
+
+              <div id="users-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">👥 How-To: Manage Users</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="View Users">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Users" in System</li>
+                      <li>View all user accounts</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Create User">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Add User"</li>
+                      <li>Enter email, name, select role</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Manage Permissions">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click user to edit</li>
+                      <li>Adjust roles and permissions</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+
+              {/* SETTINGS */}
+              <div id="settings" className="border-t pt-8">
+                <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-4">⚙️ Settings</h2>
+                <p className="text-slate-600 dark:text-slate-300">Configure system-wide settings and integrations.</p>
+              </div>
+
+              <div id="settings-how" className="border-t pt-8">
+                <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">⚙️ How-To: Configure Settings</h3>
+                <div className="space-y-4">
+                  <HowToStep number={1} title="Access Settings">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Click "Settings" in System</li>
+                      <li>View configuration options</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={2} title="Configure Email">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Go to Email tab</li>
+                      <li>Enter SendGrid API key and email</li>
+                    </ol>
+                  </HowToStep>
+                  <HowToStep number={3} title="Configure API Keys">
+                    <ol className="list-decimal pl-5 space-y-1 text-sm text-slate-700 dark:text-slate-300">
+                      <li>Go to API tab</li>
+                      <li>Add payment and Verifayda keys</li>
+                    </ol>
+                  </HowToStep>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="mt-12 bg-slate-900 text-white py-8">
+        <div className="max-w-7xl mx-auto px-4 text-center text-slate-400">
+          <p>© 2026 Ethio-Djibouti Railway | Passenger Backoffice Documentation v1.0</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default DocPage;
diff --git a/apps/edr-passenger-web/backoffice/src/app/food/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/food/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/food/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/food/page.tsx b/apps/edr-passenger-web/backoffice/src/app/food/page.tsx
new file mode 100644
index 000000000..80b905c52
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/food/page.tsx
@@ -0,0 +1,67 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import { foodApi } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function FoodPage() {
+  const [filters, setFilters] = useState({ search: '', status: '' });
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['food', filters],
+    queryFn: () => foodApi.getOrders(filters),
+  });
+
+  const columns = [
+      { key: 'orderNumber', label: 'Order #', render: (order: any) => <span className="font-mono">{order.orderNumber || order.id?.substring(0, 8)}</span> },
+      { key: 'passenger', label: 'Passenger', render: (order: any) => order.passenger?.fullName || 'N/A' },
+      { key: 'items', label: 'Items', render: (order: any) => order.items?.length || 0 },
+      { key: 'totalMinor', label: 'Total', render: (order: any) => formatCurrency(order.totalMinor, 'ETB') },
+      { key: 'status', label: 'Status', render: (order: any) => <Badge variant="status" status={order.status}>{order.status}</Badge> },
+    ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Food & Dining</h1>
+          <p className="text-muted-foreground">Manage food orders and menu items</p>
+        </div>
+        <ActionButton icon={Download} variant="secondary">Export</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.status} onChange={(e) => setFilters({ ...filters, status: e.target.value })}>
+          <option value="">All Status</option>
+          <option value="PENDING">Pending</option>
+          <option value="PREPARING">Preparing</option>
+          <option value="READY">Ready</option>
+          <option value="DELIVERED">Delivered</option>
+        </select>
+      </div>
+    
+        </div>
+      </div>
+
+      <DataTable
+        data={data?.items || data || []}
+        columns={columns}
+        loading={isLoading}
+        emptyMessage="No food & dining found"
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/fraud/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/fraud/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/fraud/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/fraud/page.tsx b/apps/edr-passenger-web/backoffice/src/app/fraud/page.tsx
new file mode 100644
index 000000000..242f9bfd9
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/fraud/page.tsx
@@ -0,0 +1,179 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { AlertTriangle, CheckCircle, Ban } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import { fraudApi } from '@/lib/api';
+import { formatDateTime } from '@/lib/utils';
+
+export default function FraudDetectionPage() {
+  const [filters, setFilters] = useState({ search: '', severity: '', status: '' });
+  const queryClient = useQueryClient();
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['fraud-alerts', filters],
+    queryFn: () => fraudApi.getAlerts(filters),
+  });
+
+  const acknowledgeMutation = useMutation({
+    mutationFn: fraudApi.acknowledgeAlert,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['fraud-alerts'] });
+      alert('Alert acknowledged');
+    },
+  });
+
+  const blockUserMutation = useMutation({
+    mutationFn: ({ userId, reason }: any) => fraudApi.blockUser(userId, { reason }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['fraud-alerts'] });
+      alert('User blocked successfully');
+    },
+  });
+
+  const handleAcknowledge = async (alert: any) => {
+    await acknowledgeMutation.mutateAsync(alert.id);
+  };
+
+  const handleBlockUser = async (alert: any) => {
+    if (confirm(`Block user ${alert.user?.email}?`)) {
+      await blockUserMutation.mutateAsync({
+        userId: alert.userId,
+        reason: `Fraud alert: ${alert.ruleType}`,
+      });
+    }
+  };
+
+  const columns = [
+    {
+      key: 'severity',
+      label: 'Severity',
+      render: (alert: any) => (
+        <Badge variant="status" status={alert.severity === 'HIGH' ? 'CANCELLED' : alert.severity === 'MEDIUM' ? 'PENDING' : 'CONFIRMED'}>
+          {alert.severity}
+        </Badge>
+      ),
+    },
+    {
+      key: 'ruleType',
+      label: 'Rule Type',
+      render: (alert: any) => (
+        <div className="flex items-center gap-2">
+          <AlertTriangle className="h-4 w-4 text-[rgb(20,113,76)]" />
+          <span>{alert.ruleType}</span>
+        </div>
+      ),
+    },
+    {
+      key: 'user',
+      label: 'User',
+      render: (alert: any) => (
+        <div>
+          <div className="font-medium">{alert.user?.fullName || 'N/A'}</div>
+          <div className="text-sm text-muted-foreground">{alert.user?.email || 'N/A'}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'description',
+      label: 'Description',
+      render: (alert: any) => (
+        <span className="text-sm">{alert.description || alert.details}</span>
+      ),
+    },
+    {
+      key: 'status',
+      label: 'Status',
+      render: (alert: any) => (
+        <Badge variant="status" status={alert.acknowledged ? 'CONFIRMED' : 'PENDING'}>
+          {alert.acknowledged ? 'Acknowledged' : 'Pending'}
+        </Badge>
+      ),
+    },
+    {
+      key: 'createdAt',
+      label: 'Detected',
+      sortable: true,
+      render: (alert: any) => formatDateTime(alert.createdAt),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'Acknowledge',
+      onClick: handleAcknowledge,
+      variant: 'primary' as const,
+      icon: CheckCircle,
+      show: (alert: any) => !alert.acknowledged,
+    },
+    {
+      label: 'Block User',
+      onClick: handleBlockUser,
+      variant: 'danger' as const,
+      icon: Ban,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Fraud Detection</h1>
+          <p className="text-muted-foreground">Monitor and manage fraud alerts</p>
+        </div>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <label className="label">Search</label>
+            <input
+              type="text"
+              placeholder="Search alerts..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+            />
+          </div>
+          <div>
+            <label className="label">Severity</label>
+            <select
+              className="input"
+              value={filters.severity}
+              onChange={(e) => setFilters({ ...filters, severity: e.target.value })}
+            >
+              <option value="">All Severities</option>
+              <option value="LOW">Low</option>
+              <option value="MEDIUM">Medium</option>
+              <option value="HIGH">High</option>
+              <option value="CRITICAL">Critical</option>
+            </select>
+          </div>
+          <div>
+            <label className="label">Status</label>
+            <select
+              className="input"
+              value={filters.status}
+              onChange={(e) => setFilters({ ...filters, status: e.target.value })}
+            >
+              <option value="">All Status</option>
+              <option value="pending">Pending</option>
+              <option value="acknowledged">Acknowledged</option>
+            </select>
+          </div>
+        </div>
+      </div>
+
+      <DataTable
+        data={data?.items || []}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No fraud alerts found"
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/how-to/page.tsx b/apps/edr-passenger-web/backoffice/src/app/how-to/page.tsx
new file mode 100644
index 000000000..20cdd419a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/how-to/page.tsx
@@ -0,0 +1,537 @@
+'use client';
+
+import React, { useState } from 'react';
+import Link from 'next/link';
+import { ChevronDown, ChevronRight, FileText, Home } from 'lucide-react';
+
+const HowToPage = () => {
+  const scrollToSection = (id: string) => {
+    setTimeout(() => {
+      const element = document.getElementById(id);
+      if (element) {
+        const headerOffset = 120;
+        const elementPosition = element.getBoundingClientRect().top + window.pageYOffset;
+        const offsetPosition = elementPosition - headerOffset;
+        window.scrollTo({
+          top: offsetPosition,
+          behavior: 'smooth'
+        });
+      }
+    }, 0);
+  };
+
+  const guides = [
+    { id: 'bookings', title: 'How to Manage Bookings', icon: '📋' },
+    { id: 'passengers', title: 'How to Manage Passengers', icon: '👥' },
+    { id: 'pricing', title: 'How to Configure Pricing', icon: '💰' },
+    { id: 'schedules', title: 'How to Create Schedules', icon: '📅' },
+    { id: 'seats', title: 'How to Manage Seats', icon: '💺' },
+    { id: 'loyalty', title: 'How to Manage Loyalty', icon: '🏆' },
+  ];
+
+  return (
+    <div className="min-h-screen bg-slate-50 dark:bg-slate-900">
+      <div className="bg-white dark:bg-slate-800 border-b border-slate-200 dark:border-slate-700 sticky top-0 z-10">
+        <div className="max-w-7xl mx-auto px-4 py-4 flex items-center justify-between">
+          <div className="flex items-center gap-3">
+            <FileText className="h-8 w-8 text-emerald-600" />
+            <div>
+              <h1 className="text-2xl font-bold text-slate-900 dark:text-white">How-To Guides</h1>
+              <p className="text-sm text-slate-600 dark:text-slate-400">Step-by-step instructions for common tasks</p>
+            </div>
+          </div>
+          <Link href="/docs" className="flex items-center gap-2 px-4 py-2 rounded-lg bg-emerald-600 text-white hover:bg-emerald-700 transition">
+            <FileText className="h-4 w-4" />
+            Back to Docs
+          </Link>
+        </div>
+      </div>
+
+      <div className="max-w-7xl mx-auto px-4 py-8">
+        <div className="grid grid-cols-1 lg:grid-cols-4 gap-6">
+          <div className="lg:col-span-1">
+            <div className="bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 sticky top-24 h-fit">
+              <nav className="p-4 space-y-2">
+                {guides.map(guide => (
+                  <button
+                    key={guide.id}
+                    onClick={() => scrollToSection(guide.id)}
+                    className="w-full text-left px-4 py-3 rounded-lg text-sm font-medium text-slate-600 dark:text-slate-300 hover:text-emerald-600 dark:hover:text-emerald-400 hover:bg-slate-50 dark:hover:bg-slate-700 transition"
+                  >
+                    {guide.icon} {guide.title}
+                  </button>
+                ))}
+              </nav>
+            </div>
+          </div>
+
+          <div className="lg:col-span-3">
+            <div className="bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 p-8 space-y-12">
+
+              {/* Bookings How-To */}
+              <div id="bookings" className="pt-4">
+                <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-2">📋 How to Manage Bookings</h2>
+                <p className="text-slate-600 dark:text-slate-300 mb-6">Learn how to search, view, modify, and cancel passenger bookings in the system.</p>
+
+                <div className="space-y-8">
+                  <div className="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-lg border border-blue-200 dark:border-blue-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 text-white font-bold flex-shrink-0">1</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Access the Bookings Page</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click on <strong>"Bookings"</strong> in the Operations section of the sidebar</li>
+                          <li>The page loads showing a table with all bookings</li>
+                          <li>You&apos;ll see columns: Reference, Passenger, Status, Amount, Payment, Created date</li>
+                        </ol>
+                        <div className="mt-4 p-3 bg-white dark:bg-slate-800 rounded border-l-4 border-blue-600">
+                          <p className="text-sm font-mono text-slate-600 dark:text-slate-400">📍 Path: Sidebar → Operations → Bookings</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-green-50 dark:bg-green-900/20 p-6 rounded-lg border border-green-200 dark:border-green-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-green-600 text-white font-bold flex-shrink-0">2</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Search for a Booking</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Find the search box at the top of the booking table</li>
+                          <li>Type in: booking reference (e.g., "BK123"), email, or phone number</li>
+                          <li>Results update in real-time as you type</li>
+                          <li>Optional: Use the Status dropdown to filter (All, Pending Payment, Confirmed, Cancelled, Completed)</li>
+                        </ol>
+                        <div className="mt-4 p-3 bg-white dark:bg-slate-800 rounded">
+                          <p className="text-sm"><strong>💡 Tip:</strong> Search is case-insensitive and supports partial matches</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-purple-50 dark:bg-purple-900/20 p-6 rounded-lg border border-purple-200 dark:border-purple-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-purple-600 text-white font-bold flex-shrink-0">3</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">View Booking Details</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Find the booking in the table</li>
+                          <li>Click the <strong>"View Details"</strong> button on the right side</li>
+                          <li>Modal window opens showing complete information:
+                            <ul className="list-disc pl-8 mt-2 space-y-1">
+                              <li>Booking reference and status</li>
+                              <li>Passenger name and contact details</li>
+                              <li>Journey information (schedule, adults, children)</li>
+                              <li>Payment details and amount</li>
+                              <li>All metadata and timestamps</li>
+                            </ul>
+                          </li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-orange-50 dark:bg-orange-900/20 p-6 rounded-lg border border-orange-200 dark:border-orange-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-orange-600 text-white font-bold flex-shrink-0">4</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Cancel a Booking with Refund</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Find the booking in the table</li>
+                          <li>Click the <strong>"Cancel Booking"</strong> button (red)</li>
+                          <li>Confirmation dialog appears</li>
+                          <li>Click <strong>"Confirm"</strong> to proceed</li>
+                          <li>System calculates and processes refund:
+                            <ul className="list-disc pl-8 mt-2 text-sm">
+                              <li>Confirmed bookings: 80% refund</li>
+                              <li>Pending bookings: 0% refund</li>
+                            </ul>
+                          </li>
+                          <li>Status changes to <strong>&quot;CANCELLED&quot;</strong></li>
+                          <li>Success message appears</li>
+                        </ol>
+                        <div className="mt-4 p-3 bg-white dark:bg-slate-800 rounded border-l-4 border-orange-600">
+                          <p className="text-sm"><strong>⚠️ Important:</strong> Cannot be undone. Seats are automatically released.</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-red-50 dark:bg-red-900/20 p-6 rounded-lg border border-red-200 dark:border-red-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-red-600 text-white font-bold flex-shrink-0">5</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Export Bookings</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click the <strong>"Export"</strong> button (top-right)</li>
+                          <li>CSV file downloads automatically</li>
+                          <li>Includes all current filters applied</li>
+                          <li>Use for external analysis or backup</li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Passengers How-To */}
+              <div id="passengers" className="border-t pt-8">
+                <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-2">👥 How to Manage Passengers</h2>
+                <p className="text-slate-600 dark:text-slate-300 mb-6">Learn how to search, filter, and view passenger profiles with loyalty and verification data.</p>
+
+                <div className="space-y-8">
+                  <div className="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-lg border border-blue-200 dark:border-blue-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 text-white font-bold flex-shrink-0">1</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Access Passengers Page</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click <strong>"Passengers"</strong> in the Operations section</li>
+                          <li>Page displays all passenger profiles</li>
+                          <li>Default view shows 20 passengers per page</li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-green-50 dark:bg-green-900/20 p-6 rounded-lg border border-green-200 dark:border-green-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-green-600 text-white font-bold flex-shrink-0">2</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Search & Filter</h3>
+                        <div className="space-y-3 text-slate-700 dark:text-slate-300">
+                          <div>
+                            <p className="font-semibold mb-2">Search by:</p>
+                            <ul className="list-disc pl-5 space-y-1 text-sm">
+                              <li>Full name</li>
+                              <li>Email address</li>
+                              <li>Phone number</li>
+                              <li>National ID</li>
+                            </ul>
+                          </div>
+                          <div>
+                            <p className="font-semibold mb-2">Filter by:</p>
+                            <ul className="list-disc pl-5 space-y-1 text-sm">
+                              <li><strong>Nationality:</strong> Ethiopian, Djiboutian, Other</li>
+                              <li><strong>Verifayda Status:</strong> Verified, Unverified, Pending</li>
+                              <li><strong>Loyalty Tier:</strong> Bronze, Silver, Gold, Platinum</li>
+                            </ul>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-purple-50 dark:bg-purple-900/20 p-6 rounded-lg border border-purple-200 dark:border-purple-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-purple-600 text-white font-bold flex-shrink-0">3</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">View Complete Profile</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click on any passenger row</li>
+                          <li>Detailed profile modal opens showing:
+                            <ul className="list-disc pl-8 mt-2 space-y-1 text-sm">
+                              <li>Account info (email, phone, nationality)</li>
+                              <li>Verifayda verification status</li>
+                              <li>Loyalty tier and points</li>
+                              <li>Wallet balance</li>
+                              <li>Booking history with links</li>
+                            </ul>
+                          </li>
+                        </ol>
+                        <div className="mt-4 p-3 bg-white dark:bg-slate-800 rounded">
+                          <p className="text-sm"><strong>ℹ️ Note:</strong> Read-only view. Updates via passenger portal.</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Pricing How-To */}
+              <div id="pricing" className="border-t pt-8">
+                <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-2">💰 How to Configure Pricing</h2>
+                <p className="text-slate-600 dark:text-slate-300 mb-6">Learn how to set up dynamic fares with segment pricing and nationality overrides.</p>
+
+                <div className="space-y-8">
+                  <div className="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-lg border border-blue-200 dark:border-blue-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 text-white font-bold flex-shrink-0">1</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Access Pricing Page</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click <strong>"Pricing & Fares"</strong> in Financial section</li>
+                          <li>Two tabs: <strong>Schedule Fares</strong> and <strong>Segment Fares</strong></li>
+                          <li>Default tab shows Schedule Fares</li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-green-50 dark:bg-green-900/20 p-6 rounded-lg border border-green-200 dark:border-green-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-green-600 text-white font-bold flex-shrink-0">2</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Create Schedule Fare Rule</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click <strong>"Add Fare Rule"</strong></li>
+                          <li>Fill in form:
+                            <ul className="list-disc pl-8 mt-2 space-y-1 text-sm">
+                              <li><strong>Schedule (optional):</strong> Leave empty for global</li>
+                              <li><strong>Route Code (optional):</strong> e.g., "ADD-DJI"</li>
+                              <li><strong>Seat Class (required):</strong> Economy Regular, VIP Bed, etc.</li>
+                              <li><strong>Fare in ETB (required):</strong> e.g., 350.00</li>
+                              <li><strong>Passenger Type (optional):</strong> ADULT or CHILD</li>
+                              <li><strong>Nationality (optional):</strong> Ethiopian, Djiboutian, Other</li>
+                              <li><strong>Valid From & Until:</strong> Set date range</li>
+                            </ul>
+                          </li>
+                          <li>Click <strong>"Save Fare Rule"</strong></li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-purple-50 dark:bg-purple-900/20 p-6 rounded-lg border border-purple-200 dark:border-purple-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-purple-600 text-white font-bold flex-shrink-0">3</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Create Segment Fare Rule</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click <strong>"Add Fare Rule"</strong></li>
+                          <li>Switch to <strong>"Segment Fares"</strong> tab</li>
+                          <li>Select route from dropdown</li>
+                          <li>Fill in form:
+                            <ul className="list-disc pl-8 mt-2 space-y-1 text-sm">
+                              <li><strong>Origin Station (required):</strong> Starting point</li>
+                              <li><strong>Destination Station (required):</strong> Must be after origin</li>
+                              <li><strong>Seat Class (required):</strong> Class type</li>
+                              <li><strong>Fare in ETB (required):</strong> Segment price</li>
+                            </ul>
+                          </li>
+                          <li>Click <strong>"Save Segment Fare Rule"</strong></li>
+                        </ol>
+                        <div className="mt-4 p-3 bg-white dark:bg-slate-800 rounded">
+                          <p className="text-sm"><strong>Example:</strong> ADD (Stop 1) to DDA (Stop 4) at 250 ETB</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Schedules How-To */}
+              <div id="schedules" className="border-t pt-8">
+                <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-2">📅 How to Create Schedules</h2>
+                <p className="text-slate-600 dark:text-slate-300 mb-6">Learn how to create schedules manually or in bulk with recurring patterns.</p>
+
+                <div className="space-y-8">
+                  <div className="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-lg border border-blue-200 dark:border-blue-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 text-white font-bold flex-shrink-0">1</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Create Single Schedule</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Go to <strong>Schedules</strong> page (Master Data)</li>
+                          <li>Click <strong>"Create Schedule"</strong></li>
+                          <li>Fill in required fields:
+                            <ul className="list-disc pl-8 mt-2 space-y-1 text-sm">
+                              <li><strong>Train:</strong> Select from dropdown</li>
+                              <li><strong>Route:</strong> Select from dropdown</li>
+                              <li><strong>Departure Date & Time:</strong> Pick from date/time picker</li>
+                              <li><strong>Arrival Date & Time:</strong> Must be after departure</li>
+                            </ul>
+                          </li>
+                          <li>Select coaches to assign</li>
+                          <li>Click <strong>"Create Schedule"</strong></li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-green-50 dark:bg-green-900/20 p-6 rounded-lg border border-green-200 dark:border-green-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-green-600 text-white font-bold flex-shrink-0">2</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Bulk Generate Recurring Schedules</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click <strong>"Bulk Generate"</strong> button</li>
+                          <li>Fill in generation form:
+                            <ul className="list-disc pl-8 mt-2 space-y-1 text-sm">
+                              <li><strong>Train (required):</strong> Select train</li>
+                              <li><strong>Route (required):</strong> Select route</li>
+                              <li><strong>Start Date & Time (required):</strong> First departure</li>
+                              <li><strong>Duration (Hours):</strong> Trip length</li>
+                              <li><strong>Repeat Every (Days):</strong> Daily or custom</li>
+                              <li><strong>For Next (Days):</strong> How many days</li>
+                            </ul>
+                          </li>
+                          <li>Review preview showing number of schedules</li>
+                          <li>Click <strong>"Generate Schedules"</strong></li>
+                        </ol>
+                        <div className="mt-4 p-3 bg-white dark:bg-slate-800 rounded border-l-4 border-green-600">
+                          <p className="text-sm"><strong>Example:</strong> 30 days ÷ 1 day = ~30 daily schedules</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Seats How-To */}
+              <div id="seats" className="border-t pt-8">
+                <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-2">💺 How to Manage Seats</h2>
+                <p className="text-slate-600 dark:text-slate-300 mb-6">Learn how to view, block, and manage seat inventory using visual seat maps.</p>
+
+                <div className="space-y-8">
+                  <div className="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-lg border border-blue-200 dark:border-blue-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 text-white font-bold flex-shrink-0">1</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">View Seat Map</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Go to <strong>Seats</strong> page (Master Data)</li>
+                          <li>Select a coach from dropdown</li>
+                          <li>Visual seat map displays</li>
+                          <li>Color-coded by status:
+                            <ul className="list-disc pl-8 mt-2 text-sm">
+                              <li>🟢 Green: Available</li>
+                              <li>🟡 Yellow: Held</li>
+                              <li>🔵 Blue: Booked</li>
+                              <li>🔴 Red: Blocked</li>
+                            </ul>
+                          </li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-green-50 dark:bg-green-900/20 p-6 rounded-lg border border-green-200 dark:border-green-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-green-600 text-white font-bold flex-shrink-0">2</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Block a Seat</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click on an available (green) seat</li>
+                          <li>Click <strong>"Block"</strong> button</li>
+                          <li>Select reason:
+                            <ul className="list-disc pl-8 mt-2 text-sm">
+                              <li>Maintenance</li>
+                              <li>Reserved</li>
+                              <li>Damaged</li>
+                            </ul>
+                          </li>
+                          <li>Set until date (optional)</li>
+                          <li>Add notes</li>
+                          <li>Click <strong>"Block Seat"</strong></li>
+                          <li>Seat turns red</li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-purple-50 dark:bg-purple-900/20 p-6 rounded-lg border border-purple-200 dark:border-purple-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-purple-600 text-white font-bold flex-shrink-0">3</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Unblock a Seat</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click on a blocked (red) seat</li>
+                          <li>Click <strong>"Unblock"</strong> button</li>
+                          <li>Confirm action</li>
+                          <li>Seat becomes available (green)</li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Loyalty How-To */}
+              <div id="loyalty" className="border-t pt-8">
+                <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-2">🏆 How to Manage Loyalty Program</h2>
+                <p className="text-slate-600 dark:text-slate-300 mb-6">Learn how to view loyalty accounts, manage points, and administer rewards.</p>
+
+                <div className="space-y-8">
+                  <div className="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-lg border border-blue-200 dark:border-blue-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-blue-600 text-white font-bold flex-shrink-0">1</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">View Loyalty Accounts</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Go to <strong>Loyalty Program</strong> (Customer Services)</li>
+                          <li>Table displays all loyalty accounts</li>
+                          <li>Columns: Name, Tier, Points Balance, Lifetime Points</li>
+                          <li>Search by name or filter by tier</li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-green-50 dark:bg-green-900/20 p-6 rounded-lg border border-green-200 dark:border-green-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-green-600 text-white font-bold flex-shrink-0">2</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Adjust Points</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click on a loyalty account</li>
+                          <li>Click <strong>"Adjust Points"</strong> button</li>
+                          <li>Enter points to add/subtract</li>
+                          <li>Select reason: Bonus, Correction, Promotion, etc.</li>
+                          <li>Add optional notes</li>
+                          <li>Click <strong>"Apply"</strong></li>
+                          <li>Balance updates immediately</li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div className="bg-purple-50 dark:bg-purple-900/20 p-6 rounded-lg border border-purple-200 dark:border-purple-800">
+                    <div className="flex items-start gap-4">
+                      <div className="flex items-center justify-center w-10 h-10 rounded-full bg-purple-600 text-white font-bold flex-shrink-0">3</div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-slate-900 dark:text-white mb-2">Award Rewards</h3>
+                        <ol className="list-decimal pl-5 space-y-2 text-slate-700 dark:text-slate-300">
+                          <li>Click on a loyalty account</li>
+                          <li>Click <strong>"Grant Reward"</strong> button</li>
+                          <li>Select reward from list</li>
+                          <li>Specify quantity if applicable</li>
+                          <li>Click <strong>"Award"</strong></li>
+                          <li>Confirmation email sent to passenger</li>
+                        </ol>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Common Tips */}
+              <div className="bg-gradient-to-r from-emerald-50 to-teal-50 dark:from-emerald-900/20 dark:to-teal-900/20 p-6 rounded-lg border border-emerald-200 dark:border-emerald-800 border-t pt-8">
+                <h3 className="text-lg font-semibold text-emerald-900 dark:text-emerald-200 mb-4">💡 Common Tips & Tricks</h3>
+                <ul className="list-disc pl-6 space-y-2 text-emerald-800 dark:text-emerald-300 text-sm">
+                  <li><strong>Keyboard Shortcuts:</strong> Tab to navigate, Enter to submit</li>
+                  <li><strong>Pagination:</strong> Change page size or jump to specific page</li>
+                  <li><strong>Sidebar Collapse:</strong> Use chevron to minimize sidebar</li>
+                  <li><strong>Dark Mode:</strong> Toggle with sun/moon icon in header</li>
+                  <li><strong>Error Messages:</strong> Red text above forms if validation fails</li>
+                  <li><strong>Success Notifications:</strong> Green banner appears for 3 seconds</li>
+                  <li><strong>Undo Not Available:</strong> Most actions cannot be undone</li>
+                  <li><strong>Real-time Updates:</strong> Refresh page to see changes by other users</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="mt-12 bg-slate-900 text-white py-8">
+        <div className="max-w-7xl mx-auto px-4 text-center text-slate-400">
+          <p>© 2026 Ethio-Djibouti Railway | How-To Guides v1.0</p>
+          <p className="text-sm mt-2">Last Updated: January 15, 2026</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default HowToPage;
diff --git a/apps/edr-passenger-web/backoffice/src/app/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/layout.tsx
new file mode 100644
index 000000000..23838f62c
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/layout.tsx
@@ -0,0 +1,37 @@
+import type { Metadata } from 'next';
+import '@/styles/globals.css';
+import Providers from './providers';
+
+export const metadata: Metadata = {
+  title: 'EDR Passenger Back-office',
+  description: 'Ethio-Djibouti Railway Passenger Back-office',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <head>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                try {
+                  const stored = localStorage.getItem('edr-theme');
+                  const theme = stored ? JSON.parse(stored).state.isDark : window.matchMedia('(prefers-color-scheme: dark)').matches;
+                  if (theme) document.documentElement.classList.add('dark');
+                } catch (e) {}
+              })();
+            `,
+          }}
+        />
+      </head>
+      <body className="font-sans antialiased">
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/live/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/live/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/live/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/live/page.tsx b/apps/edr-passenger-web/backoffice/src/app/live/page.tsx
new file mode 100644
index 000000000..9091e1d78
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/live/page.tsx
@@ -0,0 +1,44 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Plus, MapPin } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import ActionButton from '@/components/ui/ActionButton';
+
+export default function Page() {
+  const [filters, setFilters] = useState({ search: '' });
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold">Live Tracking</h1>
+          <p className="text-muted-foreground">Real-time train tracking and status</p>
+        </div>
+        <ActionButton icon={Plus}>Add New</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <label className="label">Search</label>
+            <input
+              type="text"
+              placeholder="Search..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+            />
+          </div>
+        </div>
+      </div>
+
+      <div className="card">
+        <p className="text-center text-muted-foreground py-12">
+          Live Tracking module - Connect to API endpoint
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/login/page.tsx b/apps/edr-passenger-web/backoffice/src/app/login/page.tsx
new file mode 100644
index 000000000..fe0917aa3
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/login/page.tsx
@@ -0,0 +1,145 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { useAuthStore } from '@/lib/auth-store';
+import { useTheme } from '@/lib/theme-store';
+import { Train, Eye, EyeOff, Sun, Moon } from 'lucide-react';
+
+export default function LoginPage() {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+  const [showPassword, setShowPassword] = useState(false);
+  const [isMounted, setIsMounted] = useState(false);
+  const router = useRouter();
+  const { login } = useAuthStore();
+  const { isDark, toggleTheme } = useTheme();
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    setError('');
+    
+    try {
+      await login(email, password);
+      router.push('/dashboard');
+    } catch (err: any) {
+      const message = err.response?.data?.message || err.message || 'Login failed. Please check your credentials.';
+      setError(message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  if (!isMounted) {
+    return null;
+  }
+
+  return (
+    <div className="flex min-h-screen relative bg-gradient-to-br from-[rgb(20,113,76)] to-[rgb(15,85,57)]">
+      {/* Full Screen Banner Background */}
+      <div className="absolute inset-0 bg-[url('/banner.jpg')] bg-cover bg-center opacity-50"></div>
+
+      {/* Content Overlay */}
+      <div className="relative z-10 flex items-center justify-start w-full px-4 lg:px-16">
+        <div className="w-full max-w-sm">
+          {/* Login Card with Shadow */}
+          <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-2xl border border-white/20 dark:border-gray-700/50 overflow-hidden backdrop-blur-sm">
+            {/* Card Header with Logo, App Name and Theme Toggle */}
+            <div className="flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-700/50 bg-gray-50 dark:bg-gray-700/50">
+              <div className="flex items-center gap-3">
+                <div className="flex h-16 w-16 items-center justify-center rounded-lg bg-[rgb(20,113,76)] shadow-md">
+                  <Train className="h-9 w-9 text-white" />
+                </div>
+                <div>
+                  <h2 className="text-lg font-bold text-gray-900 dark:text-white">Ethio-Djibouti Railway</h2>
+                  <p className="text-lg text-gray-600 dark:text-gray-400">Passenger Back-office</p>
+                </div>
+              </div>
+              
+              <button
+                onClick={toggleTheme}
+                className="p-2 rounded-lg bg-white/80 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors"
+                aria-label="Toggle theme"
+              >
+                {isDark ? (
+                  <Sun className="w-5 h-5 text-yellow-500" />
+                ) : (
+                  <Moon className="w-5 h-5 text-gray-700" />
+                )}
+              </button>
+            </div>
+
+            {/* Card Body */}
+            <div className="p-6">
+              <div className="mb-8">
+                <h2 className="text-2xl font-bold text-gray-900 dark:text-white">Welcome back!</h2>
+                <p className="text-xl text-gray-900 dark:text-white">Sign in to continue.</p>
+              </div>
+
+              {error && (
+                <div className="mb-4 rounded-lg bg-red-50 dark:bg-red-900/20 p-4 text-sm text-red-800 dark:text-red-200 border border-red-200 dark:border-red-800">
+                  {error}
+                </div>
+              )}
+
+              <form onSubmit={handleSubmit} className="space-y-4">
+                <div>
+                  <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Email</label>
+                  <input
+                    type="email"
+                    value={email}
+                    onChange={(e) => setEmail(e.target.value)}
+                    className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-[rgb(20,113,76)] focus:border-transparent"
+                    placeholder="name@email.com"
+                    required
+                  />
+                </div>
+
+                <div>
+                  <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Password</label>
+                  <div className="relative">
+                    <input
+                      type={showPassword ? 'text' : 'password'}
+                      value={password}
+                      onChange={(e) => setPassword(e.target.value)}
+                      className="w-full px-3 py-2 pr-10 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-[rgb(20,113,76)] focus:border-transparent"
+                      placeholder="••••••••"
+                      required
+                    />
+                    <button
+                      type="button"
+                      onClick={() => setShowPassword(!showPassword)}
+                      className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors"
+                      aria-label="Toggle password visibility"
+                    >
+                      {showPassword ? (
+                        <EyeOff className="w-4 h-4" />
+                      ) : (
+                        <Eye className="w-4 h-4" />
+                      )}
+                    </button>
+                  </div>
+                </div>
+
+                <button
+                  type="submit"
+                  disabled={loading}
+                  className="w-full mt-6 py-2 bg-[rgb(20,113,76)] text-white font-semibold rounded-lg border-2 border-[rgb(20,113,76)] hover:bg-[rgb(16,90,61)] hover:border-[rgb(16,90,61)] disabled:opacity-50 transition-all duration-200"
+                >
+                  {loading ? 'Signing in...' : 'Sign in'}
+                </button>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/loyalty/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/loyalty/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/loyalty/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/loyalty/page.tsx b/apps/edr-passenger-web/backoffice/src/app/loyalty/page.tsx
new file mode 100644
index 000000000..75d52f940
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/loyalty/page.tsx
@@ -0,0 +1,66 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import { loyaltyApi } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function LoyaltyPage() {
+  const [filters, setFilters] = useState({ search: '', tier: '' });
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['loyalty', filters],
+    queryFn: () => loyaltyApi.getAccounts(filters),
+  });
+
+  const columns = [
+      { key: 'passenger', label: 'Passenger', render: (account: any) => account.passenger?.fullName || 'N/A' },
+      { key: 'tier', label: 'Tier', render: (account: any) => <Badge>{account.tier}</Badge> },
+      { key: 'pointsBalance', label: 'Points', render: (account: any) => account.pointsBalance?.toLocaleString() || 0 },
+      { key: 'lifetimePoints', label: 'Lifetime Points', render: (account: any) => account.lifetimePoints?.toLocaleString() || 0 },
+    ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Loyalty Program</h1>
+          <p className="text-muted-foreground">Manage loyalty accounts and rewards</p>
+        </div>
+        <ActionButton icon={Download} variant="secondary">Export</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Tier</label>
+        <select className="input" value={filters.tier} onChange={(e) => setFilters({ ...filters, tier: e.target.value })}>
+          <option value="">All Tiers</option>
+          <option value="BRONZE">Bronze</option>
+          <option value="SILVER">Silver</option>
+          <option value="GOLD">Gold</option>
+          <option value="PLATINUM">Platinum</option>
+        </select>
+      </div>
+    
+        </div>
+      </div>
+
+      <DataTable
+        data={Array.isArray(data) ? data : (data?.items || [])}
+        columns={columns}
+        loading={isLoading}
+        emptyMessage="No loyalty program found"
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/notifications/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/notifications/layout.tsx
new file mode 100644
index 000000000..4312f5eeb
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/notifications/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function NotificationsLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/notifications/page.tsx b/apps/edr-passenger-web/backoffice/src/app/notifications/page.tsx
new file mode 100644
index 000000000..bb771d7df
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/notifications/page.tsx
@@ -0,0 +1,135 @@
+'use client';
+
+import { useState } from 'react';
+import { Plus, Send } from 'lucide-react';
+import Table from '@/components/ui/Table';
+import Badge from '@/components/ui/Badge';
+import Modal from '@/components/ui/Modal';
+
+const templates = [
+  { id: '1', name: 'Booking Confirmation', channel: 'EMAIL', subject: 'Your booking is confirmed', active: true },
+  { id: '2', name: 'Payment Receipt', channel: 'EMAIL', subject: 'Payment received', active: true },
+  { id: '3', name: 'Trip Reminder', channel: 'SMS', body: 'Your trip is tomorrow', active: true },
+  { id: '4', name: 'Cancellation Notice', channel: 'PUSH', body: 'Your booking has been cancelled', active: false },
+];
+
+export default function NotificationsPage() {
+  const [showModal, setShowModal] = useState(false);
+  const [activeTab, setActiveTab] = useState<'templates' | 'send'>('templates');
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Notifications</h1>
+          <p className="text-muted-foreground">Manage notification templates and send messages</p>
+        </div>
+        <button onClick={() => setShowModal(true)} className="btn btn-primary flex items-center gap-2">
+          <Plus className="h-4 w-4" />
+          New Template
+        </button>
+      </div>
+
+      <div className="flex gap-2 border-b border-border">
+        <button
+          onClick={() => setActiveTab('templates')}
+          className={`px-4 py-2 font-medium ${activeTab === 'templates' ? 'border-b-2 border-primary text-primary' : 'text-muted-foreground'}`}
+        >
+          Templates
+        </button>
+        <button
+          onClick={() => setActiveTab('send')}
+          className={`px-4 py-2 font-medium ${activeTab === 'send' ? 'border-b-2 border-primary text-primary' : 'text-muted-foreground'}`}
+        >
+          Send Notification
+        </button>
+      </div>
+
+      {activeTab === 'templates' ? (
+        <div className="card">
+          <Table
+            data={templates}
+            columns={[
+              { key: 'name', label: 'Template Name' },
+              { key: 'channel', label: 'Channel', render: (item) => (
+                <Badge>{item.channel}</Badge>
+              )},
+              { key: 'subject', label: 'Subject/Body', render: (item) => item.subject || item.body },
+              { key: 'active', label: 'Status', render: (item) => (
+                <Badge variant="status" status={item.active ? 'CONFIRMED' : 'CANCELLED'}>
+                  {item.active ? 'Active' : 'Inactive'}
+                </Badge>
+              )},
+            ]}
+          />
+        </div>
+      ) : (
+        <div className="card">
+          <form className="space-y-4">
+            <div>
+              <label className="label">Recipient Type</label>
+              <select className="input">
+                <option>All Passengers</option>
+                <option>Specific Passenger</option>
+                <option>Booking Reference</option>
+              </select>
+            </div>
+            <div>
+              <label className="label">Channel</label>
+              <select className="input">
+                <option>Email</option>
+                <option>SMS</option>
+                <option>Push Notification</option>
+              </select>
+            </div>
+            <div>
+              <label className="label">Subject</label>
+              <input type="text" className="input" placeholder="Enter subject" />
+            </div>
+            <div>
+              <label className="label">Message</label>
+              <textarea className="input" rows={6} placeholder="Enter message content"></textarea>
+            </div>
+            <button type="submit" className="btn btn-primary flex items-center gap-2">
+              <Send className="h-4 w-4" />
+              Send Notification
+            </button>
+          </form>
+        </div>
+      )}
+
+      <Modal isOpen={showModal} onClose={() => setShowModal(false)} title="Create Notification Template">
+        <form className="space-y-4">
+          <div>
+            <label className="label">Template Name</label>
+            <input type="text" className="input" placeholder="Enter template name" />
+          </div>
+          <div>
+            <label className="label">Channel</label>
+            <select className="input">
+              <option>Email</option>
+              <option>SMS</option>
+              <option>Push Notification</option>
+            </select>
+          </div>
+          <div>
+            <label className="label">Subject</label>
+            <input type="text" className="input" placeholder="Enter subject" />
+          </div>
+          <div>
+            <label className="label">Body</label>
+            <textarea className="input" rows={4} placeholder="Enter template body"></textarea>
+          </div>
+          <div className="flex justify-end gap-2">
+            <button type="button" onClick={() => setShowModal(false)} className="btn btn-secondary">
+              Cancel
+            </button>
+            <button type="submit" className="btn btn-primary">
+              Create Template
+            </button>
+          </div>
+        </form>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/operational-reports/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/operational-reports/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/operational-reports/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/operational-reports/page.tsx b/apps/edr-passenger-web/backoffice/src/app/operational-reports/page.tsx
new file mode 100644
index 000000000..29f36dd0a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/operational-reports/page.tsx
@@ -0,0 +1,468 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download, Eye, Plus } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import { reportsApi } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function OperationalReportsPage() {
+  const [filters, setFilters] = useState({ search: '', reportType: '' });
+  const [selectedReport, setSelectedReport] = useState<any>(null);
+  const [showDetailsModal, setShowDetailsModal] = useState(false);
+  const [showGenerateModal, setShowGenerateModal] = useState(false);
+  const [generateForm, setGenerateForm] = useState({
+    reportType: 'REVENUE',
+    dateFrom: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
+    dateTo: new Date().toISOString().split('T')[0],
+  });
+
+  const { data, isLoading, refetch } = useQuery({
+    queryKey: ['operational-reports', filters],
+    queryFn: () => reportsApi.listReports(filters.reportType || undefined),
+  });
+
+  const handleGenerateReport = async () => {
+    try {
+      await reportsApi.generateReport(generateForm);
+      refetch();
+      setShowGenerateModal(false);
+    } catch (error) {
+      console.error('Error generating report:', error);
+    }
+  };
+
+  const getReportTypeBadgeColor = (type: string) => {
+    switch (type) {
+      case 'REVENUE':
+        return 'success';
+      case 'OCCUPANCY':
+        return 'primary';
+      case 'PERFORMANCE':
+        return 'info';
+      case 'AGENT_SALES':
+        return 'secondary';
+      default:
+        return 'secondary';
+    }
+  };
+
+  const formatReportType = (type: string) => {
+    const typeMap: { [key: string]: string } = {
+      REVENUE: 'Revenue Report',
+      OCCUPANCY: 'Occupancy Report',
+      PERFORMANCE: 'Performance Report',
+      AGENT_SALES: 'Agent Sales Report',
+      CANCELLATIONS: 'Cancellations Report',
+      PAYMENT_METHODS: 'Payment Methods Report',
+    };
+    return typeMap[type] || type;
+  };
+
+  const columns = [
+    {
+      key: 'reportType',
+      label: 'Report Type',
+      sortable: true,
+      render: (report: any) => (
+        <Badge className={getReportTypeBadgeColor(report.reportType)}>
+          {formatReportType(report.reportType)}
+        </Badge>
+      ),
+    },
+    {
+      key: 'dateFrom',
+      label: 'Period From',
+      sortable: true,
+      render: (report: any) => (
+        <span className="text-sm">{new Date(report.dateFrom).toLocaleDateString()}</span>
+      ),
+    },
+    {
+      key: 'dateTo',
+      label: 'Period To',
+      sortable: true,
+      render: (report: any) => (
+        <span className="text-sm">{new Date(report.dateTo).toLocaleDateString()}</span>
+      ),
+    },
+    {
+      key: 'data',
+      label: 'Summary',
+      render: (report: any) => {
+        const data = report.data || {};
+        if (report.reportType === 'REVENUE') {
+          return (
+            <div className="text-sm">
+              <p className="font-medium">{formatCurrency(data.totalRevenueMinor || 0, 'ETB')}</p>
+              <p className="text-xs text-muted-foreground">{data.totalBookings || 0} bookings</p>
+            </div>
+          );
+        }
+        if (report.reportType === 'OCCUPANCY') {
+          return (
+            <div className="text-sm">
+              <p className="font-medium">{(data.averageOccupancyRate || 0).toFixed(1)}% occupancy</p>
+              <p className="text-xs text-muted-foreground">{data.totalSchedules || 0} schedules</p>
+            </div>
+          );
+        }
+        if (report.reportType === 'AGENT_SALES') {
+          return (
+            <div className="text-sm">
+              <p className="font-medium">{data.totalAgentBookings || 0} bookings</p>
+              <p className="text-xs text-muted-foreground">{Object.keys(data.byAgent || {}).length} agents</p>
+            </div>
+          );
+        }
+        if (report.reportType === 'CANCELLATIONS') {
+          return (
+            <div className="text-sm">
+              <p className="font-medium">{data.totalCancellations || 0} cancellations</p>
+              <p className="text-xs text-muted-foreground">Refunded: {formatCurrency(data.totalRefundedMinor || 0, 'ETB')}</p>
+            </div>
+          );
+        }
+        if (report.reportType === 'PAYMENT_METHODS') {
+          return (
+            <div className="text-sm">
+              <p className="font-medium">{data.totalPayments || 0} payments</p>
+              <p className="text-xs text-muted-foreground">{Object.keys(data.byMethod || {}).length} methods</p>
+            </div>
+          );
+        }
+        return <span className="text-sm text-muted-foreground">View details</span>;
+      },
+    },
+    {
+      key: 'createdAt',
+      label: 'Generated',
+      sortable: true,
+      render: (report: any) => (
+        <span className="text-sm">{formatDateTime(report.createdAt)}</span>
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'View Details',
+      onClick: (report: any) => {
+        setSelectedReport(report);
+        setShowDetailsModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Eye,
+    },
+  ];
+
+  const reports = data?.items || data || [];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold text-foreground">Operational Reports</h1>
+          <p className="text-muted-foreground mt-1">View and analyze operational performance</p>
+        </div>
+        <div className="flex gap-2">
+          <ActionButton icon={Plus} variant="primary" onClick={() => setShowGenerateModal(true)}>
+            Generate Report
+          </ActionButton>
+          <ActionButton icon={Download} variant="secondary">
+            Export All
+          </ActionButton>
+        </div>
+      </div>
+
+      {/* Filters */}
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <label className="label">Search (Report ID/Type)</label>
+            <input
+              type="text"
+              placeholder="Search reports..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+            />
+          </div>
+          <div>
+            <label className="label">Report Type</label>
+            <select
+              className="input"
+              value={filters.reportType}
+              onChange={(e) => setFilters({ ...filters, reportType: e.target.value })}
+            >
+              <option value="">All Types</option>
+              <option value="REVENUE">Revenue Report</option>
+              <option value="OCCUPANCY">Occupancy Report</option>
+              <option value="AGENT_SALES">Agent Sales Report</option>
+              <option value="CANCELLATIONS">Cancellations Report</option>
+              <option value="PAYMENT_METHODS">Payment Methods Report</option>
+            </select>
+          </div>
+          <div className="flex items-end">
+            <ActionButton
+              variant="secondary"
+              onClick={() => setFilters({ search: '', reportType: '' })}
+              className="w-full"
+            >
+              Clear Filters
+            </ActionButton>
+          </div>
+        </div>
+      </div>
+
+      {/* Reports Table */}
+      <DataTable
+        data={reports}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No operational reports found"
+      />
+
+      {/* Generate Report Modal */}
+      <Modal
+        isOpen={showGenerateModal}
+        onClose={() => setShowGenerateModal(false)}
+        title="Generate Report"
+        size="sm"
+      >
+        <div className="space-y-4">
+          <div>
+            <label className="label">Report Type</label>
+            <select
+              className="input"
+              value={generateForm.reportType}
+              onChange={(e) => setGenerateForm({ ...generateForm, reportType: e.target.value })}
+            >
+              <option value="REVENUE">Revenue Report</option>
+              <option value="OCCUPANCY">Occupancy Report</option>
+              <option value="AGENT_SALES">Agent Sales Report</option>
+              <option value="CANCELLATIONS">Cancellations Report</option>
+              <option value="PAYMENT_METHODS">Payment Methods Report</option>
+            </select>
+          </div>
+          <div>
+            <label className="label">Date From</label>
+            <input
+              type="date"
+              className="input"
+              value={generateForm.dateFrom}
+              onChange={(e) => setGenerateForm({ ...generateForm, dateFrom: e.target.value })}
+            />
+          </div>
+          <div>
+            <label className="label">Date To</label>
+            <input
+              type="date"
+              className="input"
+              value={generateForm.dateTo}
+              onChange={(e) => setGenerateForm({ ...generateForm, dateTo: e.target.value })}
+            />
+          </div>
+          <div className="flex gap-2 pt-4">
+            <ActionButton
+              variant="primary"
+              onClick={handleGenerateReport}
+              className="flex-1"
+            >
+              Generate
+            </ActionButton>
+            <ActionButton
+              variant="secondary"
+              onClick={() => setShowGenerateModal(false)}
+              className="flex-1"
+            >
+              Cancel
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+
+      {/* Details Modal */}
+      <Modal
+        isOpen={showDetailsModal}
+        onClose={() => {
+          setShowDetailsModal(false);
+          setSelectedReport(null);
+        }}
+        title={formatReportType(selectedReport?.reportType)}
+        size="lg"
+      >
+        <div className="space-y-4">
+          {/* Report Header */}
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label className="text-xs font-semibold text-muted-foreground">Report Type</label>
+              <p className="text-sm mt-1 font-medium">{formatReportType(selectedReport?.reportType)}</p>
+            </div>
+            <div>
+              <label className="text-xs font-semibold text-muted-foreground">Generated</label>
+              <p className="text-sm mt-1">{formatDateTime(selectedReport?.createdAt)}</p>
+            </div>
+            <div>
+              <label className="text-xs font-semibold text-muted-foreground">Period From</label>
+              <p className="text-sm mt-1">{new Date(selectedReport?.dateFrom).toLocaleDateString()}</p>
+            </div>
+            <div>
+              <label className="text-xs font-semibold text-muted-foreground">Period To</label>
+              <p className="text-sm mt-1">{new Date(selectedReport?.dateTo).toLocaleDateString()}</p>
+            </div>
+          </div>
+
+          {/* Revenue Report Data */}
+          {selectedReport?.reportType === 'REVENUE' && (
+            <div className="border-t pt-4">
+              <h4 className="text-sm font-semibold mb-3">Revenue Metrics</h4>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="bg-blue-50 dark:bg-blue-950/20 rounded-lg p-3">
+                  <p className="text-xs text-muted-foreground">Total Revenue</p>
+                  <p className="text-lg font-bold mt-1">
+                    {formatCurrency(selectedReport?.data?.totalRevenueMinor || 0, 'ETB')}
+                  </p>
+                </div>
+                <div className="bg-green-50 dark:bg-green-950/20 rounded-lg p-3">
+                  <p className="text-xs text-muted-foreground">Total Bookings</p>
+                  <p className="text-lg font-bold mt-1">
+                    {(selectedReport?.data?.totalBookings || 0).toLocaleString()}
+                  </p>
+                </div>
+              </div>
+              {selectedReport?.data?.byPaymentMethod && (
+                <div className="mt-4">
+                  <p className="text-xs font-semibold mb-2 text-muted-foreground">By Payment Method</p>
+                  <div className="space-y-2">
+                    {Object.entries(selectedReport.data.byPaymentMethod).map(([method, amount]: [string, any]) => (
+                      <div key={method} className="flex justify-between text-sm">
+                        <span className="text-muted-foreground capitalize">{method.toLowerCase().replace('_', ' ')}</span>
+                        <span className="font-medium">{formatCurrency(amount, 'ETB')}</span>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              )}
+            </div>
+          )}
+
+          {/* Occupancy Report Data */}
+          {selectedReport?.reportType === 'OCCUPANCY' && (
+            <div className="border-t pt-4">
+              <h4 className="text-sm font-semibold mb-3">Occupancy Metrics</h4>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="bg-blue-50 dark:bg-blue-950/20 rounded-lg p-3">
+                  <p className="text-xs text-muted-foreground">Avg Occupancy Rate</p>
+                  <p className="text-lg font-bold mt-1">
+                    {(selectedReport?.data?.averageOccupancyRate || 0).toFixed(1)}%
+                  </p>
+                </div>
+                <div className="bg-green-50 dark:bg-green-950/20 rounded-lg p-3">
+                  <p className="text-xs text-muted-foreground">Total Schedules</p>
+                  <p className="text-lg font-bold mt-1">
+                    {(selectedReport?.data?.totalSchedules || 0).toLocaleString()}
+                  </p>
+                </div>
+              </div>
+            </div>
+          )}
+
+          {/* Agent Sales Report Data */}
+          {selectedReport?.reportType === 'AGENT_SALES' && (
+            <div className="border-t pt-4">
+              <h4 className="text-sm font-semibold mb-3">Agent Sales Metrics</h4>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="bg-blue-50 dark:bg-blue-950/20 rounded-lg p-3">
+                  <p className="text-xs text-muted-foreground">Total Bookings</p>
+                  <p className="text-lg font-bold mt-1">
+                    {(selectedReport?.data?.totalAgentBookings || 0).toLocaleString()}
+                  </p>
+                </div>
+                <div className="bg-green-50 dark:bg-green-950/20 rounded-lg p-3">
+                  <p className="text-xs text-muted-foreground">Active Agents</p>
+                  <p className="text-lg font-bold mt-1">
+                    {Object.keys(selectedReport?.data?.byAgent || {}).length}
+                  </p>
+                </div>
+              </div>
+              {selectedReport?.data?.byAgent && (
+                <div className="mt-4">
+                  <p className="text-xs font-semibold mb-2 text-muted-foreground">By Agent</p>
+                  <div className="space-y-2 max-h-64 overflow-y-auto">
+                    {Object.entries(selectedReport.data.byAgent).map(([agent, stats]: [string, any]) => (
+                      <div key={agent} className="text-sm border-b pb-2 last:border-0">
+                        <p className="font-medium">{agent}</p>
+                        <div className="text-xs text-muted-foreground mt-1">
+                          <p>Bookings: {stats.bookings} | Revenue: {formatCurrency(stats.revenueMinor, 'ETB')}</p>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              )}
+            </div>
+          )}
+
+          {/* Cancellations Report Data */}
+          {selectedReport?.reportType === 'CANCELLATIONS' && (
+            <div className="border-t pt-4">
+              <h4 className="text-sm font-semibold mb-3">Cancellation Metrics</h4>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="bg-blue-50 dark:bg-blue-950/20 rounded-lg p-3">
+                  <p className="text-xs text-muted-foreground">Total Cancellations</p>
+                  <p className="text-lg font-bold mt-1">
+                    {(selectedReport?.data?.totalCancellations || 0).toLocaleString()}
+                  </p>
+                </div>
+                <div className="bg-green-50 dark:bg-green-950/20 rounded-lg p-3">
+                  <p className="text-xs text-muted-foreground">Total Refunded</p>
+                  <p className="text-lg font-bold mt-1">
+                    {formatCurrency(selectedReport?.data?.totalRefundedMinor || 0, 'ETB')}
+                  </p>
+                </div>
+              </div>
+            </div>
+          )}
+
+          {/* Payment Methods Report Data */}
+          {selectedReport?.reportType === 'PAYMENT_METHODS' && (
+            <div className="border-t pt-4">
+              <h4 className="text-sm font-semibold mb-3">Payment Method Breakdown</h4>
+              <div className="bg-blue-50 dark:bg-blue-950/20 rounded-lg p-3 mb-4">
+                <p className="text-xs text-muted-foreground">Total Payments</p>
+                <p className="text-lg font-bold mt-1">
+                  {(selectedReport?.data?.totalPayments || 0).toLocaleString()}
+                </p>
+              </div>
+              {selectedReport?.data?.byMethod && (
+                <div className="space-y-2">
+                  {Object.entries(selectedReport.data.byMethod).map(([method, stats]: [string, any]) => (
+                    <div key={method} className="flex justify-between items-center p-3 bg-gray-50 dark:bg-gray-900 rounded">
+                      <div>
+                        <p className="text-sm font-medium capitalize">{method.toLowerCase().replace('_', ' ')}</p>
+                        <p className="text-xs text-muted-foreground">{stats.count} transactions</p>
+                      </div>
+                      <p className="font-bold">{formatCurrency(stats.totalMinor, 'ETB')}</p>
+                    </div>
+                  ))}
+                </div>
+              )}
+            </div>
+          )}
+
+          {/* Report ID */}
+          <div className="border-t pt-4">
+            <label className="text-xs font-semibold text-muted-foreground">Report ID</label>
+            <p className="text-xs mt-1 font-mono text-muted-foreground break-all">{selectedReport?.id}</p>
+          </div>
+        </div>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/page.tsx b/apps/edr-passenger-web/backoffice/src/app/page.tsx
new file mode 100644
index 000000000..1413e02ca
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function Home() {
+  redirect('/login');
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/passengers/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/passengers/layout.tsx
new file mode 100644
index 000000000..f72f4df0b
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/passengers/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function PassengersLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/passengers/page.tsx b/apps/edr-passenger-web/backoffice/src/app/passengers/page.tsx
new file mode 100644
index 000000000..2c8e50a0e
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/passengers/page.tsx
@@ -0,0 +1,386 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Download, Eye, Trash2 } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import Pagination from '@/components/ui/Pagination';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { passengersApi, apiClient } from '@/lib/api';
+import { formatDate, formatDateTime } from '@/lib/utils';
+import { PassengerFilters } from '@/types';
+
+export default function PassengersPage() {
+  const [filters, setFilters] = useState<PassengerFilters>({
+    page: 1,
+    pageSize: 20,
+    search: '',
+    role: 'PASSENGER',
+  });
+  const [selectedPassenger, setSelectedPassenger] = useState<any>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; passenger: any | null }>({ isOpen: false, passenger: null });
+
+  const queryClient = useQueryClient();
+
+  const deleteMutation = useMutation({
+    mutationFn: (id: string) => apiClient.delete(`/passengers/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['passengers'] });      
+    },
+  });
+
+  const handleDelete = (passenger: any) => {
+    setDeleteConfirm({ isOpen: true, passenger });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.passenger) {
+      await deleteMutation.mutateAsync(deleteConfirm.passenger.id);
+      setDeleteConfirm({ isOpen: false, passenger: null });
+    }
+  };
+
+  const { data, isLoading, error } = useQuery({
+    queryKey: ['passengers', filters],
+    queryFn: () => passengersApi.getAll(filters),
+  });
+
+  if (error) {
+    console.error('Passengers API Error:', error);
+  }
+
+  const handleExportPassengers = async () => {
+    const selectedColumns = prompt(
+      'Select columns to export (comma-separated):\n\n' +
+      'Available: fullName, email, phone, dateOfBirth, gender, nationality, verified\n\n' +
+      'Default: fullName, email, phone, gender, nationality, verified',
+      'fullName, email, phone, gender, nationality, verified'
+    );
+    
+    if (!selectedColumns) return;
+    
+    const cols = selectedColumns.split(',').map(c => c.trim());
+    const csv = [
+      cols.join(','),
+      ...data?.items?.map((passenger: any) => {
+        const values = cols.map(col => {
+          switch(col) {
+            case 'fullName': return passenger.fullName;
+            case 'email': return passenger.email || '';
+            case 'phone': return passenger.phone || '';
+            case 'dateOfBirth': return passenger.dateOfBirth ? formatDate(passenger.dateOfBirth) : '';
+            case 'gender': return passenger.gender || '';
+            case 'nationality': return passenger.nationality || '';
+            case 'verified': return passenger.nationalId ? 'Yes' : 'No';
+            default: return '';
+          }
+        });
+        return values.map(v => `"${v}"`).join(',');
+      }) || []
+    ].join('\n');
+    
+    const blob = new Blob([csv], { type: 'text/csv' });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `passengers-${new Date().toISOString().split('T')[0]}.csv`;
+    a.click();
+  };
+
+  const columns = [
+    { 
+      key: 'fullName', 
+      label: 'Name',
+      sortable: true,
+      render: (passenger: any) => (
+        <div>
+          <div className="font-medium">{passenger.fullName}</div>
+          <div className="text-sm text-muted-foreground">{passenger.email}</div>
+        </div>
+      ),
+    },
+    { 
+      key: 'phone', 
+      label: 'Phone',
+      sortable: true,
+      render: (passenger: any) => passenger.phone,
+    },
+    { 
+      key: 'gender',
+      label: 'Gender',
+      sortable: true,
+      render: (passenger: any) => passenger.gender || 'N/A',
+    },
+    { 
+      key: 'nationality',
+      label: 'Nationality',
+      sortable: true,
+      render: (passenger: any) => passenger.nationality || 'N/A',
+    },
+    { 
+      key: 'dateOfBirth', 
+      label: 'Date of Birth',
+      sortable: true,
+      render: (passenger: any) => passenger.dateOfBirth ? formatDate(passenger.dateOfBirth) : 'N/A',
+    },
+    { 
+      key: 'verified', 
+      label: 'Status',
+      render: (passenger: any) => (
+        <Badge variant="status" status={passenger.nationalId ? 'CONFIRMED' : 'PENDING'}>
+          {passenger.nationalId ? 'Verified' : 'Unverified'}
+        </Badge>
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'View Details',
+      onClick: (passenger: any) => setSelectedPassenger(passenger),
+      variant: 'secondary' as const,
+      icon: Eye,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDelete,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold">Passengers</h1>
+          <p className="text-muted-foreground">Manage passenger profiles and verification</p>
+        </div>
+        <div className="flex gap-2">
+          <ActionButton variant="export" icon={Download} onClick={handleExportPassengers}>Export</ActionButton>
+        </div>
+      </div>
+
+      <div className="card">
+        {error && (
+          <div className="mb-4 rounded-lg bg-red-50 dark:bg-red-900/20 p-4 text-sm text-red-800 dark:text-red-200">
+            Error loading passengers: {error instanceof Error ? error.message : 'Unknown error'}
+          </div>
+        )}
+        <div className="mb-4 flex flex-wrap gap-4">
+          <div className="flex-1">
+            <input
+              type="text"
+              placeholder="Search by name, email, or phone..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value, page: 1 })}
+            />
+          </div>
+          <select
+            className="input w-48"
+            value={filters.verified?.toString() || ''}
+            onChange={(e) => setFilters({ ...filters, verified: e.target.value ? e.target.value === 'true' : undefined, page: 1 })}
+          >
+            <option value="">All Passengers</option>
+            <option value="true">Verified</option>
+            <option value="false">Unverified</option>
+          </select>
+        </div>
+
+        <DataTable
+          data={data?.items || []}
+          columns={columns}
+          actions={actions}
+          loading={isLoading}
+          emptyMessage="No passengers found"
+        />
+        
+        {data?.meta && (
+          <Pagination
+            currentPage={data.meta.page}
+            totalPages={data.meta.totalPages}
+            onPageChange={(page) => setFilters({ ...filters, page })}
+          />
+        )}
+      </div>
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, passenger: null })}
+        onConfirm={confirmDelete}
+        title="Delete Passenger"
+        message={`Are you sure you want to delete ${deleteConfirm.passenger?.fullName}?`}
+        confirmText="Delete"
+        isDanger={true}
+        warning="This passenger may have active bookings, loyalty points, and wallet balance. Deleting will impact these systems and records."
+      />
+
+      {/* Passenger Details Modal */}
+      <Modal
+        isOpen={!!selectedPassenger}
+        onClose={() => setSelectedPassenger(null)}
+        title="Passenger Details"
+        size="xl"
+      >
+        {selectedPassenger && (
+          <div className="space-y-6">
+            {/* Personal Information */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Personal Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Full Name</label>
+                  <p className="text-lg font-semibold">{selectedPassenger.fullName}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Date of Birth</label>
+                  <p className="text-lg font-semibold">
+                    {selectedPassenger.dateOfBirth ? formatDate(selectedPassenger.dateOfBirth) : 'N/A'}
+                  </p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Gender</label>
+                  <p className="text-lg font-semibold">{selectedPassenger.gender || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Nationality</label>
+                  <p className="text-lg font-semibold">{selectedPassenger.nationality || 'N/A'}</p>
+                </div>
+              </div>
+            </div>
+
+            <hr className="border-muted" />
+
+            {/* Contact Information */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Contact Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Email</label>
+                  <p className="text-lg font-semibold">{selectedPassenger.email || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Phone</label>
+                  <p className="text-lg font-semibold">{selectedPassenger.phone || 'N/A'}</p>
+                </div>
+              </div>
+            </div>
+
+            <hr className="border-muted" />
+
+            {/* Identification */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Identification</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Passport Number</label>
+                  <p className="text-lg font-mono font-semibold">{selectedPassenger.passportNumber || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Passport Country</label>
+                  <p className="text-lg font-semibold">{selectedPassenger.passportCountry || 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Verification Status</label>
+                  <div className="mt-1">
+                    <Badge 
+                      variant="status" 
+                      status={selectedPassenger.nationalId ? 'CONFIRMED' : 'PENDING'}
+                    >
+                      {selectedPassenger.nationalId ? 'Verified' : 'Unverified'}
+                    </Badge>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <hr className="border-muted" />
+
+            {/* Account Information */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Account Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Passenger ID</label>
+                  <p className="text-sm font-mono">{selectedPassenger.id}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">User ID</label>
+                  <p className="text-sm font-mono">{selectedPassenger.userId || 'N/A'}</p>
+                </div>
+              </div>
+            </div>
+
+            {/* Loyalty & Wallet (if available) */}
+            {(selectedPassenger.loyalty || selectedPassenger.wallet) && (
+              <>
+                <hr className="border-muted" />
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  {selectedPassenger.loyalty && (
+                    <div>
+                      <h3 className="text-lg font-semibold mb-2">Loyalty Account</h3>
+                      <div className="space-y-2">
+                        <div>
+                          <label className="text-sm font-medium text-muted-foreground">Tier</label>
+                          <p className="text-lg font-semibold">{selectedPassenger.loyalty.tier || 'N/A'}</p>
+                        </div>
+                        <div>
+                          <label className="text-sm font-medium text-muted-foreground">Points Balance</label>
+                          <p className="text-lg font-semibold">{selectedPassenger.loyalty.pointsBalance || 0}</p>
+                        </div>
+                      </div>
+                    </div>
+                  )}
+                  {selectedPassenger.wallet && (
+                    <div>
+                      <h3 className="text-lg font-semibold mb-2">Wallet</h3>
+                      <div className="space-y-2">
+                        <div>
+                          <label className="text-sm font-medium text-muted-foreground">Balance</label>
+                          <p className="text-lg font-semibold">
+                            {(selectedPassenger.wallet.balanceMinor / 100).toFixed(2)} {selectedPassenger.wallet.currency}
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </>
+            )}
+
+            <hr className="border-muted" />
+
+            {/* Timestamps */}
+            <div>
+              <h3 className="text-lg font-semibold mb-3">Timestamps</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Created</label>
+                  <p className="text-sm">{selectedPassenger.createdAt ? formatDateTime(selectedPassenger.createdAt) : 'N/A'}</p>
+                </div>
+                <div>
+                  <label className="text-sm font-medium text-muted-foreground">Last Updated</label>
+                  <p className="text-sm">{selectedPassenger.updatedAt ? formatDateTime(selectedPassenger.updatedAt) : 'N/A'}</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="flex justify-end gap-2 pt-4">
+              <ActionButton
+                variant="secondary"
+                onClick={() => setSelectedPassenger(null)}
+              >
+                Close
+              </ActionButton>
+            </div>
+          </div>
+        )}
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/payments/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/payments/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/payments/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/payments/page.tsx b/apps/edr-passenger-web/backoffice/src/app/payments/page.tsx
new file mode 100644
index 000000000..69ef22859
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/payments/page.tsx
@@ -0,0 +1,70 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import { paymentsApi } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function PaymentsPage() {
+  const [filters, setFilters] = useState({ search: '', status: '', method: '' });
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['payments', filters],
+    queryFn: () => paymentsApi.getAll(filters),
+  });
+
+  const columns = [
+      { key: 'reference', label: 'Reference', render: (payment: any) => <span className="font-mono">{payment.reference || payment.id?.substring(0, 8)}</span> },
+      { key: 'booking', label: 'Booking', render: (payment: any) => payment.booking?.bookingRef || 'N/A' },
+      { key: 'amount', label: 'Amount', render: (payment: any) => formatCurrency(payment.amountMinor, payment.currency) },
+      { key: 'method', label: 'Method', render: (payment: any) => <Badge>{payment.method}</Badge> },
+      { key: 'status', label: 'Status', render: (payment: any) => <Badge variant="status" status={payment.status}>{payment.status}</Badge> },
+      { key: 'createdAt', label: 'Created', render: (payment: any) => formatDateTime(payment.createdAt) },
+    ];
+
+  const actions: any[] = [];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Payments</h1>
+          <p className="text-muted-foreground">Manage payment transactions and refunds</p>
+        </div>
+        <ActionButton icon={Download} variant="secondary">Export</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.status} onChange={(e) => setFilters({ ...filters, status: e.target.value })}>
+          <option value="">All Status</option>
+          <option value="PENDING">Pending</option>
+          <option value="COMPLETED">Completed</option>
+          <option value="FAILED">Failed</option>
+        </select>
+      </div>
+    
+        </div>
+      </div>
+
+      <DataTable
+        data={(data as any)?.items || (Array.isArray(data) ? data : [])}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No payments found"
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/pricing/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/pricing/layout.tsx
new file mode 100644
index 000000000..af7695ada
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/pricing/layout.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import Sidebar from '@/components/layout/Sidebar';
+import Header from '@/components/layout/Header';
+import { useAuthStore } from '@/lib/auth-store';
+
+export default function PricingLayout({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const { isAuthenticated } = useAuthStore();
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setIsLoading(false);
+    }, 100);
+    
+    return () => clearTimeout(timer);
+  }, []);
+
+  useEffect(() => {
+    if (!isLoading && !isAuthenticated) {
+      router.push('/login');
+    }
+  }, [isAuthenticated, router, isLoading]);
+
+  if (isLoading) {
+    return (
+      <div className="flex h-screen items-center justify-center bg-gray-50 dark:bg-slate-950">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-edr-green-600 mx-auto"></div>
+          <p className="mt-4 text-gray-600 dark:text-gray-400">Loading...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (!isAuthenticated) {
+    return null;
+  }
+
+  return (
+    <div className="flex h-screen overflow-hidden bg-gray-50 dark:bg-slate-950">
+      <Sidebar />
+      <div className="flex flex-1 flex-col overflow-hidden">
+        <Header />
+        <main className="flex-1 overflow-y-auto bg-gray-50 dark:bg-slate-950 p-6">
+          {children}
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/pricing/page.tsx b/apps/edr-passenger-web/backoffice/src/app/pricing/page.tsx
new file mode 100644
index 000000000..a2dcae6aa
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/pricing/page.tsx
@@ -0,0 +1,1009 @@
+'use client';
+
+import { useState } from 'react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { Plus, Trash2, Loader2, Edit } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Modal from '@/components/ui/Modal';
+import ActionButton from '@/components/ui/ActionButton';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { apiClient } from '@/lib/api-client';
+
+interface Schedule {
+  id: string;
+  trainId: string;
+  departureAt: string;
+  arrivalAt: string;
+  train?: { id: string; name: string; number: string };
+  originStation?: { id: string; name: string };
+  destinationStation?: { id: string; name: string };
+}
+
+interface Route {
+  id: string;
+  code: string;
+  name: string;
+  stops?: Array<{ id: string; sequence: number; stationId: string; station?: { name: string } }>;
+}
+
+interface SeatClass {
+  id: string;
+  name: string;
+  baseFare?: number;
+  baseFareMinor?: number;
+}
+
+export default function PricingPage() {
+  const [tab, setTab] = useState<'schedule' | 'segment'>('schedule');
+  const [showModal, setShowModal] = useState(false);
+  const [selectedSchedule, setSelectedSchedule] = useState<string>('');
+  const [selectedRoute, setSelectedRoute] = useState<string>('');
+  const [editingFare, setEditingFare] = useState<any>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; id: string | null }>({
+    isOpen: false,
+    id: null,
+  });
+  const [error, setError] = useState<string | null>(null);
+  const queryClient = useQueryClient();
+
+  const [fareForm, setFareForm] = useState({
+    seatClassId: '',
+    baseFare: '',
+    nationality: '',
+    passengerCategory: '',
+    route: '',
+    validFrom: new Date().toISOString().split('T')[0],
+    validUntil: '',
+  });
+
+  const [segmentForm, setSegmentForm] = useState({
+    seatClassId: '',
+    originStationId: '',
+    destinationStationId: '',
+    baseFare: '',
+    nationality: '',
+    passengerCategory: '',
+    validFrom: new Date().toISOString().split('T')[0],
+    validUntil: '',
+  });
+
+  const { data: schedules = [] } = useQuery({
+    queryKey: ['schedules'],
+    queryFn: () => apiClient.get('/schedules'),
+  });
+
+  const { data: routes = [] } = useQuery({
+    queryKey: ['routes'],
+    queryFn: () => apiClient.get('/routes'),
+  });
+
+  const { data: seatClasses = [] } = useQuery({
+    queryKey: ['seat-classes'],
+    queryFn: () => apiClient.get('/seat-classes'),
+  });
+
+  const { data: stations = [] } = useQuery({
+    queryKey: ['stations'],
+    queryFn: () => apiClient.get('/stations'),
+  });
+
+  const { data: fares = [], isLoading: faresLoading, refetch: refetchFares } = useQuery({
+    queryKey: ['schedule-fares', selectedSchedule],
+    queryFn: async () => {
+      if (!selectedSchedule) return [];
+      try {
+        const response = await apiClient.get(`/schedules/${selectedSchedule}/fares/all`);
+        return Array.isArray(response) ? response : (response as any)?.data || [];
+      } catch (err: any) {
+        const errMsg = err.response?.data?.message || err.message || 'Failed to load fares';
+        setError(`Error loading fares: ${errMsg}`);
+        return [];
+      }
+    },
+    enabled: !!selectedSchedule && tab === 'schedule',
+  });
+
+  const { data: segmentFares = [], isLoading: segmentFaresLoading, refetch: refetchSegmentFares } = useQuery({
+    queryKey: ['segment-fares', selectedRoute],
+    queryFn: () => (selectedRoute ? apiClient.get(`/schedules/routes/${selectedRoute}/segment-fares`) : Promise.resolve([])),
+    enabled: !!selectedRoute && tab === 'segment',
+  });
+
+  const createFareMutation = useMutation({
+    mutationFn: (data: any) => apiClient.post(`/schedules/fares`, data),
+    onSuccess: () => {
+      refetchFares();
+      resetForm();
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to create fare rule');
+    },
+  });
+
+  const updateFareMutation = useMutation({
+    mutationFn: (data: any) => apiClient.patch(`/schedules/fares/${data.id}`, data),
+    onSuccess: () => {
+      refetchFares();
+      setEditingFare(null);
+      resetForm();
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to update fare rule');
+    },
+  });
+
+  const deleteFareMutation = useMutation({
+    mutationFn: (id: string) => apiClient.delete(`/schedules/fares/${id}`),
+    onSuccess: () => {
+      refetchFares();
+      setDeleteConfirm({ isOpen: false, id: null });
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to delete fare rule');
+    },
+  });
+
+  const createSegmentFareMutation = useMutation({
+    mutationFn: (data: any) => apiClient.post(`/schedules/segment-fares`, data),
+    onSuccess: () => {
+      refetchSegmentFares();
+      resetSegmentForm();
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to create segment fare rule');
+    },
+  });
+
+  const updateSegmentFareMutation = useMutation({
+    mutationFn: (data: any) => apiClient.patch(`/schedules/segment-fares/${data.id}`, data),
+    onSuccess: () => {
+      refetchSegmentFares();
+      setEditingFare(null);
+      resetSegmentForm();
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to update segment fare rule');
+    },
+  });
+
+  const deleteSegmentFareMutation = useMutation({
+    mutationFn: (id: string) => apiClient.delete(`/schedules/segment-fares/${id}`),
+    onSuccess: () => {
+      refetchSegmentFares();
+      setDeleteConfirm({ isOpen: false, id: null });
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to delete segment fare rule');
+    },
+  });
+
+  const resetForm = () => {
+    setFareForm({
+      seatClassId: '',
+      baseFare: '',
+      nationality: '',
+      passengerCategory: '',
+      route: '',
+      validFrom: new Date().toISOString().split('T')[0],
+      validUntil: '',
+    });
+    setEditingFare(null);
+    setShowModal(false);
+  };
+
+  const resetSegmentForm = () => {
+    setSegmentForm({
+      seatClassId: '',
+      originStationId: '',
+      destinationStationId: '',
+      baseFare: '',
+      nationality: '',
+      passengerCategory: '',
+      validFrom: new Date().toISOString().split('T')[0],
+      validUntil: '',
+    });
+    setEditingFare(null);
+    setShowModal(false);
+  };
+
+  const handleEditFare = (fare: any) => {
+    setEditingFare(fare);
+    setFareForm({
+      seatClassId: fare.seatClassId || '',
+      baseFare: (fare.baseFare || fare.baseFareMinor || 0).toString(),
+      nationality: fare.nationality || '',
+      passengerCategory: fare.passengerCategory || '',
+      route: fare.route || '',
+      validFrom: fare.validFrom ? new Date(fare.validFrom).toISOString().split('T')[0] : new Date().toISOString().split('T')[0],
+      validUntil: fare.validUntil ? new Date(fare.validUntil).toISOString().split('T')[0] : '',
+    });
+    setError(null);
+    setShowModal(true);
+  };
+
+  const handleEditSegmentFare = (fare: any) => {
+    setEditingFare(fare);
+    const routeStops = currentRoute?.stops || [];
+    const originStop = routeStops.find((s: any) => s.sequence === fare.originStopSequence);
+    const destStop = routeStops.find((s: any) => s.sequence === fare.destinationStopSequence);
+    
+    setSegmentForm({
+      seatClassId: fare.seatClassId || '',
+      originStationId: originStop?.stationId || '',
+      destinationStationId: destStop?.stationId || '',
+      baseFare: (fare.baseFare || fare.baseFareMinor || 0).toString(),
+      nationality: fare.nationality || '',
+      passengerCategory: fare.passengerCategory || '',
+      validFrom: fare.validFrom ? new Date(fare.validFrom).toISOString().split('T')[0] : new Date().toISOString().split('T')[0],
+      validUntil: fare.validUntil ? new Date(fare.validUntil).toISOString().split('T')[0] : '',
+    });
+    setError(null);
+    setShowModal(true);
+  };
+
+  const handleSaveFare = async () => {
+    setError(null);
+    if (!fareForm.seatClassId || !fareForm.baseFare) {
+      setError('Seat class and base fare are required');
+      return;
+    }
+
+    const baseFareMinor = parseInt(fareForm.baseFare, 10);
+
+    if (editingFare) {
+      await updateFareMutation.mutateAsync({
+        id: editingFare.id,
+        seatClassId: fareForm.seatClassId,
+        baseFareMinor,
+        nationality: fareForm.nationality || undefined,
+        passengerCategory: fareForm.passengerCategory || undefined,
+        route: fareForm.route || undefined,
+        validFrom: fareForm.validFrom,
+        validUntil: fareForm.validUntil || undefined,
+      });
+    } else {
+      await createFareMutation.mutateAsync({
+        scheduleId: selectedSchedule || undefined,
+        seatClassId: fareForm.seatClassId,
+        baseFareMinor,
+        nationality: fareForm.nationality || undefined,
+        passengerCategory: fareForm.passengerCategory || undefined,
+        route: fareForm.route || undefined,
+        validFrom: fareForm.validFrom,
+        validUntil: fareForm.validUntil || undefined,
+      });
+    }
+  };
+
+  const handleSaveSegmentFare = async () => {
+    setError(null);
+    if (!segmentForm.seatClassId || !segmentForm.baseFare || !segmentForm.originStationId || !segmentForm.destinationStationId) {
+      setError('Seat class, origin station, destination station, and fare are required');
+      return;
+    }
+
+    const routeStops = currentRoute?.stops || [];
+    const originStop = routeStops.find((s: any) => s.stationId === segmentForm.originStationId);
+    const destStop = routeStops.find((s: any) => s.stationId === segmentForm.destinationStationId);
+
+    if (!originStop || !destStop) {
+      setError('Selected stations must be on the route');
+      return;
+    }
+
+    if (originStop.sequence >= destStop.sequence) {
+      setError('Destination station must be after origin station');
+      return;
+    }
+
+    const baseFareMinor = parseInt(segmentForm.baseFare, 10);
+
+    if (editingFare) {
+      await updateSegmentFareMutation.mutateAsync({
+        id: editingFare.id,
+        routeId: selectedRoute,
+        seatClassId: segmentForm.seatClassId,
+        originStopSequence: originStop.sequence,
+        destinationStopSequence: destStop.sequence,
+        baseFareMinor,
+        nationality: segmentForm.nationality || undefined,
+        passengerCategory: segmentForm.passengerCategory || undefined,
+        validFrom: segmentForm.validFrom,
+        validUntil: segmentForm.validUntil || undefined,
+      });
+    } else {
+      await createSegmentFareMutation.mutateAsync({
+        routeId: selectedRoute,
+        seatClassId: segmentForm.seatClassId,
+        originStopSequence: originStop.sequence,
+        destinationStopSequence: destStop.sequence,
+        baseFareMinor,
+        nationality: segmentForm.nationality || undefined,
+        passengerCategory: segmentForm.passengerCategory || undefined,
+        validFrom: segmentForm.validFrom,
+        validUntil: segmentForm.validUntil || undefined,
+      });
+    }
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.id) {
+      if (tab === 'schedule') {
+        await deleteFareMutation.mutateAsync(deleteConfirm.id);
+      } else {
+        await deleteSegmentFareMutation.mutateAsync(deleteConfirm.id);
+      }
+    }
+  };
+
+  const schedulesArray = Array.isArray(schedules) ? schedules : (schedules as any)?.items || [];
+  const routesArray = Array.isArray(routes) ? routes : (routes as any)?.items || [];
+  const seatClassesArray = Array.isArray(seatClasses) ? seatClasses : (seatClasses as any)?.items || [];
+  const stationsArray = Array.isArray(stations) ? stations : (stations as any)?.items || [];
+  const faresArray = Array.isArray(fares) ? fares : (fares as any)?.items || [];
+  const segmentFaresArray = Array.isArray(segmentFares) ? segmentFares : (segmentFares as any)?.items || [];
+  const currentRoute = routesArray.find((r: Route) => r.id === selectedRoute);
+
+  const fareColumns = [
+    {
+      key: 'seatClass',
+      label: 'Seat Class',
+      render: (fare: any) => {
+        const className = fare.seatClass?.name || fare.seatClassName || 'N/A';
+        return <span className="font-medium">{className}</span>;
+      },
+    },
+    {
+      key: 'passengerCategory',
+      label: 'Passenger Type',
+      render: (fare: any) => (
+        <span className="text-sm">{fare.passengerCategory || 'All'}</span>
+      ),
+    },
+    {
+      key: 'baseFare',
+      label: 'Fare (ETB)',
+      render: (fare: any) => {
+        const fareValue = fare.baseFare || fare.baseFareMinor;
+        if (!fareValue && fareValue !== 0) return <span>N/A</span>;
+        return <span className="font-mono font-medium">{fareValue} ETB</span>;
+      },
+    },
+    {
+      key: 'nationality',
+      label: 'Nationality',
+      render: (fare: any) => (
+        <span className="text-sm">{fare.nationality || 'All'}</span>
+      ),
+    },
+    {
+      key: 'route',
+      label: 'Route',
+      render: (fare: any) => (
+        <span className="text-sm font-mono">{fare.route || '-'}</span>
+      ),
+    },
+    {
+      key: 'validFrom',
+      label: 'Valid From',
+      render: (fare: any) => {
+        if (!fare.validFrom) return <span className="text-muted-foreground text-sm">Not set</span>;
+        return <span className="text-sm">{new Date(fare.validFrom).toLocaleDateString()}</span>;
+      },
+    },
+    {
+      key: 'validUntil',
+      label: 'Valid Until',
+      render: (fare: any) => {
+        if (!fare.validUntil) return <span className="text-sm text-muted-foreground">Indefinite</span>;
+        return <span className="text-sm">{new Date(fare.validUntil).toLocaleDateString()}</span>;
+      },
+    },
+  ];
+
+  const segmentFareColumns = [
+    {
+      key: 'segment',
+      label: 'Segment',
+      render: (fare: any) => {
+        const stops = currentRoute?.stops || [];
+        const originStop = stops.find((s: any) => s.sequence === fare.originStopSequence);
+        const destStop = stops.find((s: any) => s.sequence === fare.destinationStopSequence);
+        return (
+          <span className="text-sm font-medium">
+            Stop {fare.originStopSequence} → {fare.destinationStopSequence}
+          </span>
+        );
+      },
+    },
+    {
+      key: 'seatClass',
+      label: 'Seat Class',
+      render: (fare: any) => {
+        const className = fare.seatClass?.name || 'N/A';
+        return <span className="font-medium">{className}</span>;
+      },
+    },
+    {
+      key: 'passengerCategory',
+      label: 'Passenger Type',
+      render: (fare: any) => (
+        <span className="text-sm">{fare.passengerCategory || 'All'}</span>
+      ),
+    },
+    {
+      key: 'baseFare',
+      label: 'Fare (ETB)',
+      render: (fare: any) => {
+        const fareValue = fare.baseFare || fare.baseFareMinor;
+        if (!fareValue && fareValue !== 0) return <span>N/A</span>;
+        return <span className="font-mono font-medium">{fareValue} ETB</span>;
+      },
+    },
+    {
+      key: 'nationality',
+      label: 'Nationality',
+      render: (fare: any) => (
+        <span className="text-sm">{fare.nationality || 'All'}</span>
+      ),
+    },
+    {
+      key: 'validFrom',
+      label: 'Valid From',
+      render: (fare: any) => {
+        if (!fare.validFrom) return <span className="text-muted-foreground text-sm">Not set</span>;
+        return <span className="text-sm">{new Date(fare.validFrom).toLocaleDateString()}</span>;
+      },
+    },
+    {
+      key: 'validUntil',
+      label: 'Valid Until',
+      render: (fare: any) => {
+        if (!fare.validUntil) return <span className="text-sm text-muted-foreground">Indefinite</span>;
+        return <span className="text-sm">{new Date(fare.validUntil).toLocaleDateString()}</span>;
+      },
+    },
+  ];
+
+  const fareActions = [
+    {
+      label: 'Edit',
+      onClick: tab === 'schedule' ? handleEditFare : handleEditSegmentFare,
+      variant: 'secondary' as const,
+      icon: Edit,
+      disabled: tab === 'schedule', // Schedule fares are computed, not stored
+    },
+    {
+      label: 'Delete',
+      onClick: (fare: any) => setDeleteConfirm({ isOpen: true, id: fare.id }),
+      variant: 'danger' as const,
+      icon: Trash2,
+      disabled: tab === 'schedule', // Schedule fares are computed, not stored
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold text-foreground">Pricing & Fares</h1>
+          <p className="text-muted-foreground mt-1">Manage fares by schedule and route segments with passenger type pricing</p>
+        </div>
+        <ActionButton
+          icon={Plus}
+          onClick={() => {
+            setError(null);
+            setEditingFare(null);
+            if (tab === 'schedule') {
+              setFareForm({
+                seatClassId: '',
+                baseFare: '',
+                nationality: '',
+                passengerCategory: '',
+                route: '',
+                validFrom: new Date().toISOString().split('T')[0],
+                validUntil: '',
+              });
+            } else {
+              setSegmentForm({
+                seatClassId: '',
+                originStationId: '',
+                destinationStationId: '',
+                baseFare: '',
+                nationality: '',
+                passengerCategory: '',
+                validFrom: new Date().toISOString().split('T')[0],
+                validUntil: '',
+              });
+            }
+            setShowModal(true);
+          }}
+        >
+          Add Fare Rule
+        </ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="flex gap-4 border-b mb-6">
+          <button
+            onClick={() => {
+              setTab('schedule');
+              setError(null);
+            }}
+            className={`px-4 py-2 font-medium border-b-2 transition-colors ${
+              tab === 'schedule' ? 'border-primary text-primary' : 'border-transparent text-muted-foreground'
+            }`}
+          >
+            Schedule Fares
+          </button>
+          <button
+            onClick={() => {
+              setTab('segment');
+              setError(null);
+            }}
+            className={`px-4 py-2 font-medium border-b-2 transition-colors ${
+              tab === 'segment' ? 'border-primary text-primary' : 'border-transparent text-muted-foreground'
+            }`}
+          >
+            Segment Fares
+          </button>
+        </div>
+
+        <div className="space-y-6">
+          {tab === 'schedule' && (
+            <>
+              <div>
+                <label className="label">Select Schedule</label>
+                <select
+                  value={selectedSchedule}
+                  onChange={(e) => {
+                    setSelectedSchedule(e.target.value);
+                    setError(null);
+                  }}
+                  className="input w-full max-w-md"
+                >
+                  <option value="">Choose a schedule...</option>
+                  {schedulesArray.map((schedule: Schedule) => (
+                    <option key={schedule.id} value={schedule.id}>
+                      {schedule.train?.name} ({schedule.train?.number}) - {schedule.originStation?.name} to {schedule.destinationStation?.name} ({new Date(schedule.departureAt).toLocaleDateString()})
+                    </option>
+                  ))}
+                </select>
+              </div>
+
+              {selectedSchedule && (
+                <div>
+                  <h3 className="text-lg font-semibold mb-4">Calculated Fares</h3>
+                  <div className="mb-4 p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded text-sm text-blue-800 dark:text-blue-200">
+                    These are <strong>dynamically calculated</strong> fares based on the fare engine. To create custom override fares, click "Add Fare Rule" above.
+                  </div>
+                  {faresLoading ? (
+                    <div className="flex items-center justify-center py-8">
+                      <Loader2 className="h-6 w-6 animate-spin" />
+                    </div>
+                  ) : faresArray.length === 0 ? (
+                    <div className="text-center py-8 text-muted-foreground">
+                      No fares available for this schedule.
+                    </div>
+                  ) : (
+                    <>
+                      <div className="mb-4 p-3 bg-muted/50 rounded text-sm text-muted-foreground">
+                        {faresArray.length} seat class(es) available
+                      </div>
+                      <DataTable
+                        data={faresArray}
+                        columns={fareColumns}
+                        actions={fareActions}
+                        loading={false}
+                        emptyMessage="No fares available."
+                      />
+                    </>
+                  )}
+                </div>
+              )}
+            </>
+          )}
+
+          {tab === 'segment' && (
+            <>
+              <div>
+                <label className="label">Select Route</label>
+                <select
+                  value={selectedRoute}
+                  onChange={(e) => {
+                    setSelectedRoute(e.target.value);
+                    setError(null);
+                  }}
+                  className="input w-full max-w-md"
+                >
+                  <option value="">Choose a route...</option>
+                  {routesArray.map((route: Route) => (
+                    <option key={route.id} value={route.id}>
+                      {route.code} - {route.name}
+                    </option>
+                  ))}
+                </select>
+              </div>
+
+              {selectedRoute && (
+                <div>
+                  <h3 className="text-lg font-semibold mb-4">Segment Fare Rules</h3>
+                  {segmentFaresLoading ? (
+                    <div className="flex items-center justify-center py-8">
+                      <Loader2 className="h-6 w-6 animate-spin" />
+                    </div>
+                  ) : segmentFaresArray.length === 0 ? (
+                    <div className="text-center py-8 text-muted-foreground">
+                      {`No segment fares defined. Click "Add Fare Rule" to create one.`}
+                    </div>
+                  ) : (
+                    <>
+                      <div className="mb-4 p-3 bg-muted/50 rounded text-sm text-muted-foreground">
+                        {segmentFaresArray.length} segment fare rule(s) found
+                      </div>
+                      <DataTable
+                        data={segmentFaresArray}
+                        columns={segmentFareColumns}
+                        actions={fareActions}
+                        loading={false}
+                        emptyMessage="No segment fares found."
+                      />
+                    </>
+                  )}
+                </div>
+              )}
+            </>
+          )}
+        </div>
+      </div>
+
+      <div className="card bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800">
+        <h3 className="font-semibold text-blue-900 dark:text-blue-200 mb-3">Pricing Structure</h3>
+        <ul className="text-sm text-blue-800 dark:text-blue-300 space-y-2">
+          <li>
+            • <strong>Schedule Fares:</strong> Set custom pricing for each schedule by seat class and passenger type
+          </li>
+          <li>
+            • <strong>Segment Fares:</strong> Set fares for specific stop-to-stop segments (e.g., Addis → Dire Dawa)
+          </li>
+          <li>
+            • <strong>Passenger Type:</strong> ADULT (5+ years) or CHILD (&lt;5) — first child travels free, subsequent children pay full fare
+          </li>
+          <li>
+            • <strong>Nationality-based:</strong> Override fares for specific nationalities (Ethiopian, Djiboutian, Other)
+          </li>
+        </ul>
+      </div>
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, id: null })}
+        onConfirm={confirmDelete}
+        title={`Delete ${tab === 'schedule' ? 'Fare Rule' : 'Segment Fare Rule'}`}
+        message={`Are you sure you want to delete this ${tab === 'schedule' ? 'fare rule' : 'segment fare rule'}?`}
+        confirmText="Delete"
+        isDanger={true}
+        warning="This action cannot be undone."
+      />
+
+      {/* Add/Edit Modal */}
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          if (tab === 'schedule') resetForm();
+          else resetSegmentForm();
+        }}
+        title={`${editingFare ? 'Edit' : 'Add'} ${tab === 'schedule' ? 'Fare Rule' : 'Segment Fare Rule'}`}
+        size="lg"
+      >
+        <div className="space-y-4">
+          {error && (
+            <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 p-3 rounded-lg text-sm text-red-800 dark:text-red-200">
+              {error}
+            </div>
+          )}
+
+          {tab === 'schedule' && (
+            <>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="label">Schedule {editingFare ? '(View only)' : '(Optional)'}</label>
+                  <select
+                    value={selectedSchedule}
+                    onChange={(e) => !editingFare && setSelectedSchedule(e.target.value)}
+                    className="input w-full"
+                    disabled={!!editingFare}
+                  >
+                    <option value="">Not scoped to schedule</option>
+                    {schedulesArray.map((schedule: Schedule) => (
+                      <option key={schedule.id} value={schedule.id}>
+                        {schedule.train?.name} ({schedule.train?.number}) - {new Date(schedule.departureAt).toLocaleDateString()}
+                      </option>
+                    ))}
+                  </select>
+                  <p className="text-xs text-muted-foreground mt-1">Leave empty to apply to all schedules</p>
+                </div>
+
+                <div>
+                  <label className="label">Route Code (Optional)</label>
+                  <input
+                    type="text"
+                    value={fareForm.route}
+                    onChange={(e) => setFareForm({ ...fareForm, route: e.target.value })}
+                    className="input w-full"
+                    placeholder="e.g., ADD-DJI"
+                  />
+                  <p className="text-xs text-muted-foreground mt-1">e.g., ADD-DJI for full route</p>
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="label">Seat Class *</label>
+                  <select
+                    value={fareForm.seatClassId}
+                    onChange={(e) => setFareForm({ ...fareForm, seatClassId: e.target.value })}
+                    className="input w-full"
+                    required
+                  >
+                    <option value="">Select seat class...</option>
+                    {seatClassesArray.map((sc: SeatClass) => (
+                      <option key={sc.id} value={sc.id}>
+                        {sc.name}
+                      </option>
+                    ))}
+                  </select>
+                </div>
+
+                <div>
+                  <label className="label">Fare (ETB) *</label>
+                  <input
+                    type="number"
+                    min="0"
+                    step="1"
+                    value={fareForm.baseFare}
+                    onChange={(e) => setFareForm({ ...fareForm, baseFare: e.target.value })}
+                    className="input w-full"
+                    placeholder="e.g., 350"
+                    required
+                  />
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="label">Passenger Type (Optional)</label>
+                  <select
+                    value={fareForm.passengerCategory}
+                    onChange={(e) => setFareForm({ ...fareForm, passengerCategory: e.target.value })}
+                    className="input w-full"
+                  >
+                    <option value="">All Passenger Types</option>
+                    <option value="ADULT">Adult (5+ years)</option>
+                    <option value="CHILD">Child (Less than 5 years)</option>
+                  </select>
+                  <p className="text-xs text-muted-foreground mt-1">Scope pricing to specific passenger type</p>
+                </div>
+
+                <div>
+                  <label className="label">Nationality (Optional)</label>
+                  <select
+                    value={fareForm.nationality}
+                    onChange={(e) => setFareForm({ ...fareForm, nationality: e.target.value })}
+                    className="input w-full"
+                  >
+                    <option value="">All Nationalities</option>
+                    <option value="Ethiopian">Ethiopian</option>
+                    <option value="Djiboutian">Djiboutian</option>
+                    <option value="Other">Other</option>
+                  </select>
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="label">Valid From *</label>
+                  <input
+                    type="date"
+                    value={fareForm.validFrom}
+                    onChange={(e) => setFareForm({ ...fareForm, validFrom: e.target.value })}
+                    className="input w-full"
+                    required
+                  />
+                </div>
+                <div>
+                  <label className="label">Valid Until (Optional)</label>
+                  <input
+                    type="date"
+                    value={fareForm.validUntil}
+                    onChange={(e) => setFareForm({ ...fareForm, validUntil: e.target.value })}
+                    className="input w-full"
+                  />
+                </div>
+              </div>
+            </>
+          )}
+
+          {tab === 'segment' && (
+            <>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="label">Origin Station *</label>
+                  <select
+                    value={segmentForm.originStationId}
+                    onChange={(e) => setSegmentForm({ ...segmentForm, originStationId: e.target.value })}
+                    className="input w-full"
+                    required
+                  >
+                    <option value="">Select origin station...</option>
+                    {currentRoute?.stops?.map((stop: any) => {
+                      const station = stationsArray.find((s: any) => s.id === stop.stationId);
+                      return (
+                        <option key={stop.id} value={stop.stationId}>
+                          Stop {stop.sequence}: {station?.name || 'Unknown'}
+                        </option>
+                      );
+                    })}
+                  </select>
+                </div>
+                <div>
+                  <label className="label">Destination Station *</label>
+                  <select
+                    value={segmentForm.destinationStationId}
+                    onChange={(e) => setSegmentForm({ ...segmentForm, destinationStationId: e.target.value })}
+                    className="input w-full"
+                    required
+                  >
+                    <option value="">Select destination station...</option>
+                    {currentRoute?.stops?.map((stop: any) => {
+                      const station = stationsArray.find((s: any) => s.id === stop.stationId);
+                      return (
+                        <option key={stop.id} value={stop.stationId}>
+                          Stop {stop.sequence}: {station?.name || 'Unknown'}
+                        </option>
+                      );
+                    })}
+                  </select>
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="label">Seat Class *</label>
+                  <select
+                    value={segmentForm.seatClassId}
+                    onChange={(e) => setSegmentForm({ ...segmentForm, seatClassId: e.target.value })}
+                    className="input w-full"
+                    required
+                  >
+                    <option value="">Select seat class...</option>
+                    {seatClassesArray.map((sc: SeatClass) => (
+                      <option key={sc.id} value={sc.id}>
+                        {sc.name}
+                      </option>
+                    ))}
+                  </select>
+                </div>
+
+                <div>
+                  <label className="label">Fare (ETB) *</label>
+                  <input
+                    type="number"
+                    min="0"
+                    step="1"
+                    value={segmentForm.baseFare}
+                    onChange={(e) => setSegmentForm({ ...segmentForm, baseFare: e.target.value })}
+                    className="input w-full"
+                    placeholder="e.g., 150"
+                    required
+                  />
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="label">Passenger Type (Optional)</label>
+                  <select
+                    value={segmentForm.passengerCategory}
+                    onChange={(e) => setSegmentForm({ ...segmentForm, passengerCategory: e.target.value })}
+                    className="input w-full"
+                  >
+                    <option value="">All Passenger Types</option>
+                    <option value="ADULT">Adult (5+ years)</option>
+                    <option value="CHILD">Child (Less than 5 years)</option>
+                  </select>
+                  <p className="text-xs text-muted-foreground mt-1">Scope pricing to specific passenger type</p>
+                </div>
+
+                <div>
+                  <label className="label">Nationality (Optional)</label>
+                  <select
+                    value={segmentForm.nationality}
+                    onChange={(e) => setSegmentForm({ ...segmentForm, nationality: e.target.value })}
+                    className="input w-full"
+                  >
+                    <option value="">All Nationalities</option>
+                    <option value="Ethiopian">Ethiopian</option>
+                    <option value="Djiboutian">Djiboutian</option>
+                    <option value="Other">Other</option>
+                  </select>
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="label">Valid From *</label>
+                  <input
+                    type="date"
+                    value={segmentForm.validFrom}
+                    onChange={(e) => setSegmentForm({ ...segmentForm, validFrom: e.target.value })}
+                    className="input w-full"
+                    required
+                  />
+                </div>
+                <div>
+                  <label className="label">Valid Until (Optional)</label>
+                  <input
+                    type="date"
+                    value={segmentForm.validUntil}
+                    onChange={(e) => setSegmentForm({ ...segmentForm, validUntil: e.target.value })}
+                    className="input w-full"
+                  />
+                </div>
+              </div>
+            </>
+          )}
+
+          <div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 p-3 rounded-lg text-xs text-blue-800 dark:text-blue-200">
+            <p className="font-semibold mb-1">{tab === 'schedule' ? 'Schedule Fare' : 'Segment Fare'} Options:</p>
+            {tab === 'schedule' && (
+              <ul className="space-y-1">
+                <li>• <strong>Schedule:</strong> Apply to specific schedule only</li>
+                <li>• <strong>Route Code:</strong> Apply to all schedules on that route</li>
+                <li>• <strong>Passenger Type:</strong> ADULT or CHILD pricing</li>
+                <li>• <strong>Nationality:</strong> Override for specific nationalities</li>
+                <li>• <strong>All empty:</strong> Apply globally to all schedules</li>
+              </ul>
+            )}
+            {tab === 'segment' && (
+              <ul className="space-y-1">
+                <li>• <strong>Segments:</strong> Define pricing for specific stop-to-stop segments</li>
+                <li>• <strong>Stops:</strong> Use sequence numbers from the route</li>
+                <li>• <strong>Passenger Type:</strong> ADULT or CHILD pricing</li>
+                <li>• <strong>Nationality:</strong> Optional scope to specific nationalities</li>
+              </ul>
+            )}
+          </div>
+
+          <div className="flex gap-2 justify-end pt-4">
+            <ActionButton 
+              variant="secondary" 
+              onClick={() => {
+                if (tab === 'schedule') resetForm();
+                else resetSegmentForm();
+              }}
+              type="button"
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton 
+              onClick={tab === 'schedule' ? handleSaveFare : handleSaveSegmentFare} 
+              loading={
+                tab === 'schedule'
+                  ? createFareMutation.isPending || updateFareMutation.isPending
+                  : createSegmentFareMutation.isPending || updateSegmentFareMutation.isPending
+              }
+            >
+              {editingFare ? `Update ${tab === 'schedule' ? 'Fare' : 'Segment Fare'} Rule` : `Save ${tab === 'schedule' ? 'Fare' : 'Segment Fare'} Rule`}
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/promos/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/promos/layout.tsx
new file mode 100644
index 000000000..df04c3b54
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/promos/layout.tsx
@@ -0,0 +1,7 @@
+'use client';
+
+import DashboardLayout from '../dashboard/layout';
+
+export default function PromosLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/promos/page.tsx b/apps/edr-passenger-web/backoffice/src/app/promos/page.tsx
new file mode 100644
index 000000000..a578593e2
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/promos/page.tsx
@@ -0,0 +1,409 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Plus, Edit, Trash2, Copy, Check } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { promosApi, PromoCode } from '@/lib/api/promos';
+
+export default function PromosPage() {
+  const [filters, setFilters] = useState({ search: '', active: '', page: 1, pageSize: 10 });
+  const [showModal, setShowModal] = useState(false);
+  const [editingPromo, setEditingPromo] = useState<any>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; promo: any | null }>({ isOpen: false, promo: null });
+  const [copiedCode, setCopiedCode] = useState<string | null>(null);
+  const queryClient = useQueryClient();
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['promos', filters],
+    queryFn: () => promosApi.getAll(filters),
+  });
+
+  const createMutation = useMutation({
+    mutationFn: promosApi.create,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['promos'] });
+      setShowModal(false);
+      setEditingPromo(null);
+    },
+  });
+
+  const updateMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) => promosApi.update(id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['promos'] });
+      setShowModal(false);
+      setEditingPromo(null);
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: promosApi.delete,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['promos'] });
+    },
+  });
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    
+    const promoData = {
+      code: formData.get('code') as string,
+      title: formData.get('title') as string,
+      discountType: formData.get('discountType') as 'PERCENTAGE' | 'FIXED',
+      discountValue: parseFloat(formData.get('discountValue') as string),
+      maxDiscount: formData.get('maxDiscount') ? parseFloat(formData.get('maxDiscount') as string) : undefined,
+      minBookingAmount: formData.get('minBookingAmount') ? parseFloat(formData.get('minBookingAmount') as string) : undefined,
+      maxUsagePerUser: formData.get('maxUsagePerUser') ? parseInt(formData.get('maxUsagePerUser') as string) : undefined,
+      totalUsageLimit: formData.get('totalUsageLimit') ? parseInt(formData.get('totalUsageLimit') as string) : undefined,
+      validFrom: formData.get('validFrom') as string,
+      validUntil: formData.get('validUntil') as string,
+      isActive: formData.get('isActive') === 'true',
+    };
+
+    if (editingPromo) {
+      await updateMutation.mutateAsync({ id: editingPromo.id, data: promoData });
+    } else {
+      await createMutation.mutateAsync(promoData);
+    }
+  };
+
+  const handleDelete = (promo: any) => {
+    setDeleteConfirm({ isOpen: true, promo });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.promo) {
+      await deleteMutation.mutateAsync(deleteConfirm.promo.id);
+      setDeleteConfirm({ isOpen: false, promo: null });
+    }
+  };
+
+  const copyToClipboard = (code: string) => {
+    navigator.clipboard.writeText(code);
+    setCopiedCode(code);
+    setTimeout(() => setCopiedCode(null), 2000);
+  };
+
+  const columns = [
+    {
+      key: 'code',
+      label: 'Promo Code',
+      render: (promo: PromoCode) => (
+        <div className="flex items-center gap-2">
+          <span className="font-mono font-semibold text-lg">{promo.code}</span>
+          <button
+            onClick={() => copyToClipboard(promo.code)}
+            className="p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors"
+            title="Copy code"
+          >
+            {copiedCode === promo.code ? (
+              <Check className="h-4 w-4 text-green-600" />
+            ) : (
+              <Copy className="h-4 w-4 text-muted-foreground" />
+            )}
+          </button>
+        </div>
+      ),
+    },
+    {
+      key: 'title',
+      label: 'Title',
+      render: (promo: PromoCode) => (
+        <span className="text-sm font-medium">{promo.title || '-'}</span>
+      ),
+    },
+    {
+      key: 'discount',
+      label: 'Discount',
+      render: (promo: PromoCode) => (
+        <span className="font-semibold">
+          {promo.discountType === 'PERCENTAGE' 
+            ? `${promo.discountValue}%` 
+            : `ETB ${promo.discountValue}`}
+        </span>
+      ),
+    },
+    {
+      key: 'validity',
+      label: 'Valid Period',
+      render: (promo: PromoCode) => (
+        <div className="text-sm">
+          <div>{new Date(promo.validFrom).toLocaleDateString()}</div>
+          <div className="text-muted-foreground">{new Date(promo.validUntil).toLocaleDateString()}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'usage',
+      label: 'Usage',
+      render: (promo: PromoCode) => (
+        <div className="text-sm">
+          <div>{promo.usageCount} used</div>
+          {promo.totalUsageLimit && (
+            <div className="text-muted-foreground">/ {promo.totalUsageLimit} limit</div>
+          )}
+        </div>
+      ),
+    },
+    {
+      key: 'status',
+      label: 'Status',
+      render: (promo: PromoCode) => (
+        <Badge variant="status" status={promo.isActive ? 'CONFIRMED' : 'CANCELLED'}>
+          {promo.isActive ? 'Active' : 'Inactive'}
+        </Badge>
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'Edit',
+      onClick: (promo: PromoCode) => {
+        setEditingPromo(promo);
+        setShowModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDelete,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Promo Codes</h1>
+          <p className="text-muted-foreground">Manage promotional codes and discounts</p>
+        </div>
+        <ActionButton
+          icon={Plus}
+          onClick={() => {
+            setEditingPromo(null);
+            setShowModal(true);
+          }}
+        >
+          Add Promo Code
+        </ActionButton>
+      </div>
+
+      {/* Filters */}
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <input
+              type="text"
+              placeholder="Search promo codes..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value, page: 1 })}
+            />
+          </div>
+          <div>
+            <select
+              className="input"
+              value={filters.active}
+              onChange={(e) => setFilters({ ...filters, active: e.target.value, page: 1 })}
+            >
+              <option value="">All Status</option>
+              <option value="true">Active</option>
+              <option value="false">Inactive</option>
+            </select>
+          </div>
+        </div>
+      </div>
+
+      {/* Promos Table */}
+      <DataTable
+        data={data?.items || []}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No promo codes found"
+      />
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, promo: null })}
+        onConfirm={confirmDelete}
+        title="Delete Promo Code"
+        message={`Are you sure you want to delete promo code "${deleteConfirm.promo?.code}"?`}
+        confirmText="Delete"
+        isDanger={true}
+      />
+
+      {/* Add/Edit Modal */}
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          setShowModal(false);
+          setEditingPromo(null);
+        }}
+        title={`${editingPromo ? 'Edit' : 'Create'} Promo Code`}
+        size="lg"
+      >
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="label">Promo Code *</label>
+              <input
+                type="text"
+                name="code"
+                className="input uppercase"
+                defaultValue={editingPromo?.code}
+                required
+                placeholder="e.g., SUMMER2024"
+                maxLength={20}
+                disabled={!!editingPromo}
+              />
+            </div>
+            <div>
+              <label className="label">Title *</label>
+              <input
+                type="text"
+                name="title"
+                className="input"
+                defaultValue={editingPromo?.title}
+                required
+                placeholder="e.g., Summer Discount"
+              />
+            </div>
+            <div>
+              <label className="label">Discount Type *</label>
+              <select
+                name="discountType"
+                className="input"
+                defaultValue={editingPromo?.discountType || 'PERCENTAGE'}
+                required
+              >
+                <option value="PERCENTAGE">Percentage (%)</option>
+                <option value="FIXED">Fixed Amount (ETB)</option>
+              </select>
+            </div>
+            <div>
+              <label className="label">Discount Value *</label>
+              <input
+                type="number"
+                name="discountValue"
+                className="input"
+                defaultValue={editingPromo?.discountValue}
+                required
+                placeholder="e.g., 15"
+                min="0"
+                step="0.01"
+              />
+            </div>
+            <div>
+              <label className="label">Max Discount (ETB)</label>
+              <input
+                type="number"
+                name="maxDiscount"
+                className="input"
+                defaultValue={editingPromo?.maxDiscount}
+                placeholder="e.g., 500"
+                min="0"
+                step="0.01"
+              />
+            </div>
+            <div>
+              <label className="label">Min Booking Amount (ETB)</label>
+              <input
+                type="number"
+                name="minBookingAmount"
+                className="input"
+                defaultValue={editingPromo?.minBookingAmount}
+                placeholder="e.g., 1000"
+                min="0"
+                step="0.01"
+              />
+            </div>
+            <div>
+              <label className="label">Max Usage Per User</label>
+              <input
+                type="number"
+                name="maxUsagePerUser"
+                className="input"
+                defaultValue={editingPromo?.maxUsagePerUser}
+                placeholder="Unlimited if empty"
+                min="1"
+              />
+            </div>
+            <div>
+              <label className="label">Total Usage Limit</label>
+              <input
+                type="number"
+                name="totalUsageLimit"
+                className="input"
+                defaultValue={editingPromo?.totalUsageLimit}
+                placeholder="Unlimited if empty"
+                min="1"
+              />
+            </div>
+            <div>
+              <label className="label">Valid From *</label>
+              <input
+                type="datetime-local"
+                name="validFrom"
+                className="input"
+                defaultValue={editingPromo?.validFrom?.slice(0, 16)}
+                required
+              />
+            </div>
+            <div>
+              <label className="label">Valid Until *</label>
+              <input
+                type="datetime-local"
+                name="validUntil"
+                className="input"
+                defaultValue={editingPromo?.validUntil?.slice(0, 16)}
+                required
+              />
+            </div>
+            <div>
+              <label className="label">Status</label>
+              <select
+                name="isActive"
+                className="input"
+                defaultValue={editingPromo?.isActive?.toString() || 'true'}
+              >
+                <option value="true">Active</option>
+                <option value="false">Inactive</option>
+              </select>
+            </div>
+          </div>
+
+          <div className="flex justify-end gap-2 pt-4">
+            <ActionButton
+              type="button"
+              variant="secondary"
+              onClick={() => {
+                setShowModal(false);
+                setEditingPromo(null);
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              type="submit"
+              loading={createMutation.isPending || updateMutation.isPending}
+            >
+              {editingPromo ? 'Update' : 'Create'} Promo Code
+            </ActionButton>
+          </div>
+        </form>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/providers.tsx b/apps/edr-passenger-web/backoffice/src/app/providers.tsx
new file mode 100644
index 000000000..663a52e05
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/providers.tsx
@@ -0,0 +1,45 @@
+'use client';
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { useState, useEffect } from 'react';
+import { useTheme } from '@/lib/theme-store';
+import { useAuthStore } from '@/lib/auth-store';
+
+function ThemeProvider({ children }: { children: React.ReactNode }) {
+  const { isDark, setTheme } = useTheme();
+
+  useEffect(() => {
+    document.documentElement.classList.toggle('dark', isDark);
+  }, [isDark]);
+
+  return <>{children}</>;
+}
+
+function AuthProvider({ children }: { children: React.ReactNode }) {
+  const initialize = useAuthStore((state) => state.initialize);
+
+  useEffect(() => {
+    initialize();
+  }, [initialize]);
+
+  return <>{children}</>;
+}
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+  const [queryClient] = useState(() => new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 60 * 1000,
+        refetchOnWindowFocus: false,
+      },
+    },
+  }));
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <AuthProvider>
+        <ThemeProvider>{children}</ThemeProvider>
+      </AuthProvider>
+    </QueryClientProvider>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/reports/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/reports/layout.tsx
new file mode 100644
index 000000000..d51983daf
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/reports/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function ReportsLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/reports/page.tsx b/apps/edr-passenger-web/backoffice/src/app/reports/page.tsx
new file mode 100644
index 000000000..353b1fd3a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/reports/page.tsx
@@ -0,0 +1,319 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download, TrendingUp, Users, DollarSign, AlertCircle } from 'lucide-react';
+import { LineChart, Line, BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, PieChart, Pie, Cell } from 'recharts';
+import { bookingsApi } from '@/lib/api';
+import ActionButton from '@/components/ui/ActionButton';
+
+const COLORS = ['#3b82f6', '#10b981', '#f59e0b'];
+
+export default function ReportsPage() {
+  const [dateRange, setDateRange] = useState('30');
+  const [startDate, setStartDate] = useState('');
+  const [endDate, setEndDate] = useState('');
+
+  const getDateRange = () => {
+    const end = new Date();
+    end.setHours(23, 59, 59, 999);
+    const start = new Date();
+    
+    switch (dateRange) {
+      case '7':
+        start.setDate(end.getDate() - 7);
+        break;
+      case '30':
+        start.setDate(end.getDate() - 30);
+        break;
+      case '90':
+        start.setDate(end.getDate() - 90);
+        break;
+      default:
+        if (startDate && endDate) {
+          return { startDate, endDate };
+        }
+    }
+    
+    return {
+      startDate: start.toISOString().split('T')[0],
+      endDate: end.toISOString().split('T')[0],
+    };
+  };
+
+  const dates = getDateRange();
+
+  // Fetch all bookings
+  const { data: bookingsData, isLoading } = useQuery({
+    queryKey: ['all-bookings'],
+    queryFn: () => bookingsApi.getAll({ pageSize: 1000 }),
+  });
+
+  // Filter bookings by date range
+  const bookings = Array.isArray(bookingsData?.items) 
+    ? bookingsData.items.filter((b: any) => {
+        const bookingDate = new Date(b.createdAt).toISOString().split('T')[0];
+        return bookingDate >= dates.startDate && bookingDate <= dates.endDate;
+      })
+    : [];
+
+  // Calculate metrics
+  const totalRevenue = bookings.reduce((sum: number, b: any) => sum + (b.totalMinor || 0), 0);
+  const totalBookings = bookings.length;
+  const avgTicketPrice = totalBookings > 0 ? Math.round(totalRevenue / totalBookings) : 0;
+
+  // Group by date for revenue chart
+  const byDate = bookings.reduce((acc: Record<string, any>, b: any) => {
+    const date = new Date(b.createdAt).toISOString().split('T')[0];
+    if (!acc[date]) {
+      acc[date] = { totalMinor: 0, count: 0 };
+    }
+    acc[date].totalMinor += b.totalMinor || 0;
+    acc[date].count += 1;
+    return acc;
+  }, {} as Record<string, any>);
+
+  const chartData = Object.entries(byDate)
+    .sort(([a], [b]) => a.localeCompare(b))
+    .map(([date, d]: [string, any]) => ({
+      date: new Date(date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' }),
+      revenue: (d.totalMinor || 0) / 100,
+      bookings: d.count || 0,
+    }));
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-foreground">Reports & Analytics</h1>
+        <p className="text-muted-foreground mt-1">View detailed reports and performance metrics</p>
+      </div>
+
+      {/* Date Range Selector */}
+      <div className="card">
+        <div className="flex items-end gap-4 flex-wrap">
+          <div>
+            <label className="label">Date Range</label>
+            <select
+              className="input"
+              value={dateRange}
+              onChange={(e) => setDateRange(e.target.value)}
+              disabled={isLoading}
+            >
+              <option value="7">Last 7 Days</option>
+              <option value="30">Last 30 Days</option>
+              <option value="90">Last 90 Days</option>
+              <option value="custom">Custom Range</option>
+            </select>
+          </div>
+
+          {dateRange === 'custom' && (
+            <>
+              <div>
+                <label className="label">Start Date</label>
+                <input 
+                  type="date" 
+                  className="input" 
+                  value={startDate} 
+                  onChange={(e) => setStartDate(e.target.value)}
+                  disabled={isLoading}
+                />
+              </div>
+              <div>
+                <label className="label">End Date</label>
+                <input 
+                  type="date" 
+                  className="input" 
+                  value={endDate} 
+                  onChange={(e) => setEndDate(e.target.value)}
+                  disabled={isLoading}
+                />
+              </div>
+            </>
+          )}
+
+          <ActionButton icon={Download} variant="secondary" disabled={isLoading}>
+            Export
+          </ActionButton>
+        </div>
+        {isLoading && (
+          <p className="text-xs text-muted-foreground mt-2">Loading...</p>
+        )}
+      </div>
+
+      {/* Key Metrics */}
+      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+        <div className="card">
+          <div className="flex items-start justify-between">
+            <div>
+              <p className="text-muted-foreground text-sm font-medium">Total Revenue</p>
+              <p className="text-2xl font-bold mt-2">ETB {Math.round(totalRevenue / 100).toLocaleString()}</p>
+              <p className="text-xs text-muted-foreground mt-1">Last {dateRange} days</p>
+            </div>
+            <DollarSign className="h-8 w-8 text-blue-500 opacity-20" />
+          </div>
+        </div>
+
+        <div className="card">
+          <div className="flex items-start justify-between">
+            <div>
+              <p className="text-muted-foreground text-sm font-medium">Total Bookings</p>
+              <p className="text-2xl font-bold mt-2">{totalBookings.toLocaleString()}</p>
+              <p className="text-xs text-muted-foreground mt-1">All bookings</p>
+            </div>
+            <Users className="h-8 w-8 text-green-500 opacity-20" />
+          </div>
+        </div>
+
+        <div className="card">
+          <div className="flex items-start justify-between">
+            <div>
+              <p className="text-muted-foreground text-sm font-medium">Avg. Ticket Price</p>
+              <p className="text-2xl font-bold mt-2">ETB {(avgTicketPrice / 100).toLocaleString()}</p>
+              <p className="text-xs text-muted-foreground mt-1">Per booking</p>
+            </div>
+            <TrendingUp className="h-8 w-8 text-purple-500 opacity-20" />
+          </div>
+        </div>
+
+        <div className="card">
+          <div className="flex items-start justify-between">
+            <div>
+              <p className="text-muted-foreground text-sm font-medium">Avg. Daily Revenue</p>
+              <p className="text-2xl font-bold mt-2">ETB {chartData.length > 0 ? Math.round((totalRevenue / 100) / chartData.length).toLocaleString() : '0'}</p>
+              <p className="text-xs text-muted-foreground mt-1">Daily average</p>
+            </div>
+            <AlertCircle className="h-8 w-8 text-orange-500 opacity-20" />
+          </div>
+        </div>
+      </div>
+
+      {/* Charts */}
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        {/* Revenue Trend */}
+        <div className="card">
+          <h3 className="text-lg font-semibold mb-4">Revenue Trend</h3>
+          {chartData.length > 0 ? (
+            <ResponsiveContainer width="100%" height={300}>
+              <LineChart data={chartData}>
+                <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
+                <XAxis dataKey="date" tick={{ fontSize: 12 }} />
+                <YAxis tick={{ fontSize: 12 }} />
+                <Tooltip formatter={(value: number) => `ETB ${Math.round(value).toLocaleString()}`} />
+                <Legend />
+                <Line type="monotone" dataKey="revenue" stroke="#3b82f6" dot={{ r: 5 }} activeDot={{ r: 7 }} strokeWidth={2} />
+              </LineChart>
+            </ResponsiveContainer>
+          ) : (
+            <div className="h-[300px] flex items-center justify-center text-muted-foreground">
+              No data available
+            </div>
+          )}
+        </div>
+
+        {/* Daily Bookings */}
+        <div className="card">
+          <h3 className="text-lg font-semibold mb-4">Daily Bookings</h3>
+          {chartData.length > 0 ? (
+            <ResponsiveContainer width="100%" height={300}>
+              <BarChart data={chartData}>
+                <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
+                <XAxis dataKey="date" tick={{ fontSize: 12 }} />
+                <YAxis tick={{ fontSize: 12 }} />
+                <Tooltip />
+                <Bar dataKey="bookings" fill="#10b981" />
+              </BarChart>
+            </ResponsiveContainer>
+          ) : (
+            <div className="h-[300px] flex items-center justify-center text-muted-foreground">
+              No data available
+            </div>
+          )}
+        </div>
+
+        {/* Booking Status Distribution */}
+        <div className="card">
+          <h3 className="text-lg font-semibold mb-4">Booking Status</h3>
+          {bookings.length > 0 ? (
+            <ResponsiveContainer width="100%" height={300}>
+              <PieChart>
+                <Pie
+                  data={[
+                    { name: 'Confirmed', value: bookings.filter((b: any) => b.status === 'CONFIRMED').length },
+                    { name: 'Completed', value: bookings.filter((b: any) => b.status === 'COMPLETED').length },
+                    { name: 'Cancelled', value: bookings.filter((b: any) => b.status === 'CANCELLED').length },
+                    { name: 'Other', value: bookings.filter((b: any) => !['CONFIRMED', 'COMPLETED', 'CANCELLED'].includes(b.status)).length },
+                  ].filter(d => d.value > 0)}
+                  cx="50%"
+                  cy="50%"
+                  labelLine={false}
+                  label={({ name, value }) => `${name}: ${value}`}
+                  outerRadius={100}
+                  dataKey="value"
+                >
+                  {COLORS.map((color, idx) => <Cell key={idx} fill={color} />)}
+                </Pie>
+                <Tooltip />
+              </PieChart>
+            </ResponsiveContainer>
+          ) : (
+            <div className="h-[300px] flex items-center justify-center text-muted-foreground">
+              No data available
+            </div>
+          )}
+        </div>
+
+        {/* Top Payment Methods */}
+        <div className="card">
+          <h3 className="text-lg font-semibold mb-4">Payment Methods</h3>
+          {bookings.length > 0 ? (
+            <div className="space-y-3">
+              {(Object.entries(
+                bookings.reduce((acc: Record<string, number>, b: any) => {
+                  const method = b.paymentIntent?.method || 'Unknown';
+                  acc[method] = (acc[method] || 0) + 1;
+                  return acc;
+                }, {} as Record<string, number>)
+              ) as [string, number][]
+              )
+                .sort(([, a], [, b]) => b - a)
+                .slice(0, 5)
+                .map(([method, count]) => (
+                  <div key={method} className="flex justify-between items-center p-2 bg-gray-50 dark:bg-gray-900 rounded">
+                    <span className="text-sm capitalize">{method.toLowerCase().replace(/_/g, ' ')}</span>
+                    <span className="font-semibold">{count}</span>
+                  </div>
+                ))}
+            </div>
+          ) : (
+            <div className="h-[300px] flex items-center justify-center text-muted-foreground">
+              No data available
+            </div>
+          )}
+        </div>
+      </div>
+
+      {/* Summary Stats */}
+      <div className="card">
+        <h3 className="text-lg font-semibold mb-4">Summary</h3>
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+          <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-4">
+            <p className="text-sm text-muted-foreground">Total Days with Bookings</p>
+            <p className="text-xl font-bold mt-2">{chartData.length}</p>
+          </div>
+          <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-4">
+            <p className="text-sm text-muted-foreground">Confirmed Bookings</p>
+            <p className="text-xl font-bold mt-2">{bookings.filter((b: any) => b.status === 'CONFIRMED').length}</p>
+          </div>
+          <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-4">
+            <p className="text-sm text-muted-foreground">Completed Bookings</p>
+            <p className="text-xl font-bold mt-2">{bookings.filter((b: any) => b.status === 'COMPLETED').length}</p>
+          </div>
+          <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-4">
+            <p className="text-sm text-muted-foreground">Cancelled Bookings</p>
+            <p className="text-xl font-bold mt-2">{bookings.filter((b: any) => b.status === 'CANCELLED').length}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/routes/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/routes/layout.tsx
new file mode 100644
index 000000000..987b54e48
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/routes/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function RoutesLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/routes/page.tsx b/apps/edr-passenger-web/backoffice/src/app/routes/page.tsx
new file mode 100644
index 000000000..0f56f0e15
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/routes/page.tsx
@@ -0,0 +1,572 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Plus, Edit, Trash2, X, Search } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { routesApi } from '@/lib/api/routes';
+import { stationsApi } from '@/lib/api';
+
+interface RouteStop {
+  stationId: string;
+  sequence: number;
+  distanceKm?: number;
+  distanceFromOrigin?: number;
+}
+
+export default function RoutesPage() {
+  const [showModal, setShowModal] = useState(false);
+  const [editingRoute, setEditingRoute] = useState<any>(null);
+  const [stops, setStops] = useState<RouteStop[]>([]);
+  const [originStationId, setOriginStationId] = useState('');
+  const [destinationStationId, setDestinationStationId] = useState('');
+  const [destinationDistance, setDestinationDistance] = useState<number | undefined>(undefined);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; route: any | null }>({ isOpen: false, route: null });
+  const [search, setSearch] = useState('');
+  const queryClient = useQueryClient();
+
+  const { data: routes, isLoading: routesLoading } = useQuery({
+    queryKey: ['routes'],
+    queryFn: async () => {
+      const result = await routesApi.getAll();
+      console.log('Routes query result:', result);
+      return result;
+    },
+  });
+
+  const { data: stations } = useQuery({
+    queryKey: ['stations'],
+    queryFn: stationsApi.getAll,
+  });
+
+  const createMutation = useMutation({
+    mutationFn: routesApi.create,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['routes'] });
+      setShowModal(false);
+      setEditingRoute(null);
+    },
+  });
+
+  const updateMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) => routesApi.update(id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['routes'] });
+      setShowModal(false);
+      setEditingRoute(null);
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: routesApi.delete,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['routes'] });
+    },
+  });
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    
+    if (!originStationId || !destinationStationId) {
+      alert('Please select origin and destination stations');
+      return;
+    }
+
+    if (originStationId === destinationStationId) {
+      alert('Origin and destination must be different');
+      return;
+    }
+
+    // Keep current stop order (already rearranged by user)
+    const sortedMiddleStops = stops;
+
+    // Calculate distanceKm (distance from previous stop)
+    const stopsArray = [
+      { stationId: originStationId, sequence: 1, distanceKm: 0 },
+      ...sortedMiddleStops.map((stop, idx) => {
+        const prevDistance = idx === 0 ? 0 : (sortedMiddleStops[idx - 1].distanceFromOrigin || 0);
+        return {
+          stationId: stop.stationId,
+          sequence: idx + 2,
+          distanceKm: (stop.distanceFromOrigin || 0) - prevDistance,
+        };
+      }),
+      {
+        stationId: destinationStationId,
+        sequence: sortedMiddleStops.length + 2,
+        distanceKm: (destinationDistance || 0) - (sortedMiddleStops.length > 0 ? (sortedMiddleStops[sortedMiddleStops.length - 1].distanceFromOrigin || 0) : 0),
+      },
+    ];
+
+    const routeData = {
+      code: formData.get('code') as string,
+      name: formData.get('name') as string,
+      description: formData.get('description') as string || undefined,
+      effectiveFrom: formData.get('effectiveFrom') as string,
+      effectiveUntil: formData.get('effectiveUntil') as string || undefined,
+      stops: stopsArray,
+    };
+
+    console.log('Submitting route data:', JSON.stringify(routeData, null, 2));
+
+    if (editingRoute) {
+      await updateMutation.mutateAsync({ id: editingRoute.id, data: routeData });
+    } else {
+      await createMutation.mutateAsync(routeData);
+    }
+  };
+
+  const addStop = () => {
+    setStops([...stops, { stationId: '', sequence: stops.length + 1, distanceFromOrigin: 0 }]);
+  };
+
+  const removeStop = (index: number) => {
+    setStops(stops.filter((_, i) => i !== index));
+  };
+
+  const updateStop = (index: number, field: keyof RouteStop, value: any) => {
+    const updated = [...stops];
+    updated[index] = { ...updated[index], [field]: value };
+    setStops(updated);
+  };
+
+  const handleDragStart = (e: React.DragEvent, index: number) => {
+    e.dataTransfer.setData('text/plain', index.toString());
+  };
+
+  const handleDragOver = (e: React.DragEvent) => {
+    e.preventDefault();
+    (e.currentTarget as HTMLElement).style.opacity = '0.5';
+  };
+
+  const handleDragLeave = (e: React.DragEvent) => {
+    (e.currentTarget as HTMLElement).style.opacity = '1';
+  };
+
+  const handleDrop = (e: React.DragEvent, targetIndex: number) => {
+    e.preventDefault();
+    (e.currentTarget as HTMLElement).style.opacity = '1';
+    const sourceIndex = parseInt(e.dataTransfer.getData('text/plain'));
+    if (sourceIndex === targetIndex) return;
+    const newStops = [...stops];
+    const [draggedStop] = newStops.splice(sourceIndex, 1);
+    newStops.splice(targetIndex, 0, draggedStop);
+    setStops(newStops);
+  };
+
+  const generateRouteCode = (originId: string, destId: string) => {
+    if (!originId || !destId) return '';
+    const origin = stations?.items?.find((s: any) => s.id === originId);
+    const dest = stations?.items?.find((s: any) => s.id === destId);
+    return origin && dest ? `${origin.code}-${dest.code}` : '';
+  };
+
+  const generateRouteName = (originId: string, destId: string) => {
+    if (!originId || !destId) return '';
+    const origin = stations?.items?.find((s: any) => s.id === originId);
+    const dest = stations?.items?.find((s: any) => s.id === destId);
+    return origin && dest ? `${origin.name} - ${dest.name}` : '';
+  };
+
+  const handleDelete = (route: any) => {
+    setDeleteConfirm({ isOpen: true, route });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.route) {
+      await deleteMutation.mutateAsync(deleteConfirm.route.id);
+      setDeleteConfirm({ isOpen: false, route: null });
+    }
+  };
+
+  const routeColumns = [
+    { key: 'code', label: 'Route Code', sortable: true },
+    { key: 'name', label: 'Route Name', sortable: true },
+    { key: 'description', label: 'Description', render: (route: any) => route.description || 'N/A' },
+    { 
+      key: 'active', 
+      label: 'Status',
+      render: (route: any) => (
+        <Badge variant="status" status={route.active ? 'CONFIRMED' : 'CANCELLED'}>
+          {route.active ? 'Active' : 'Inactive'}
+        </Badge>
+      ),
+    },
+  ];
+
+  const filteredRoutes = (routes as any)?.items || (Array.isArray(routes) ? routes : []);
+  const displayedRoutes = filteredRoutes.filter((route: any) => {
+    if (!search) return true;
+    const searchLower = search.toLowerCase();
+    return (
+      route.code?.toLowerCase().includes(searchLower) ||
+      route.name?.toLowerCase().includes(searchLower) ||
+      route.description?.toLowerCase().includes(searchLower)
+    );
+  });
+
+  const routeActions = [
+    {
+      label: 'Edit',
+      onClick: (route: any) => {
+        setEditingRoute(route);
+        const routeStops = route.stops || [];
+        if (routeStops.length >= 2) {
+          setOriginStationId(routeStops[0].stationId);
+          setDestinationStationId(routeStops[routeStops.length - 1].stationId);
+          
+          // Last stop's distanceKm is already cumulative from origin
+          setDestinationDistance(routeStops[routeStops.length - 1].distanceKm || 0);
+
+          const middleStops = routeStops.slice(1, -1).map((stop: any) => ({
+            stationId: stop.stationId,
+            sequence: stop.sequence,
+            distanceKm: stop.distanceKm,
+            distanceFromOrigin: stop.distanceKm || 0,
+          }));
+          setStops(middleStops);
+        }
+        setShowModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDelete,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold">Routes</h1>
+          <p className="text-muted-foreground">Manage railway routes</p>
+        </div>
+        <ActionButton
+          icon={Plus}
+          onClick={() => {
+            setEditingRoute(null);
+            setOriginStationId('');
+            setDestinationStationId('');
+            setDestinationDistance(undefined);
+            setStops([]);
+            setSearch('');
+            setShowModal(true);
+          }}
+        >
+          Add Route
+        </ActionButton>
+      </div>
+
+      <div className="relative mb-6">
+        <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+        <input
+          type="text"
+          placeholder="Search by code, name, or description..."
+          value={search}
+          onChange={(e) => setSearch(e.target.value)}
+          className="input pl-10 w-full"
+        />
+      </div>
+
+      <DataTable
+        data={displayedRoutes}
+        columns={routeColumns}
+        actions={routeActions}
+        loading={routesLoading}
+        emptyMessage={search ? "No routes match your search" : "No routes found"}
+      />
+
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, route: null })}
+        onConfirm={confirmDelete}
+        title="Delete Route"
+        message={`Are you sure you want to delete ${deleteConfirm.route?.name}?`}
+        confirmText="Delete"
+        isDanger={true}
+        warning="This route may be referenced by schedules and bookings. Deleting it may impact these systems."
+      />
+
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          setShowModal(false);
+          setEditingRoute(null);
+          setOriginStationId('');
+          setDestinationStationId('');
+          setDestinationDistance(undefined);
+          setStops([]);
+          setSearch('');
+        }}
+        title={`${editingRoute ? 'Edit' : 'Add'} Route`}
+        size="lg"
+      >
+        <form onSubmit={handleSubmit} className="space-y-4 max-h-[calc(100vh-200px)] overflow-y-auto">
+          {editingRoute && (
+            <div className="rounded-lg bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 p-3 text-sm text-yellow-800 dark:text-yellow-200">
+              <p className="font-semibold">⚠ Warning</p>
+              <p className="mt-1">Editing this route may impact schedules, trips, and bookings that reference it. Proceed with caution.</p>
+            </div>
+          )}
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label className="label">Origin Station *</label>
+              <select
+                className="input"
+                value={originStationId}
+                onChange={(e) => setOriginStationId(e.target.value)}
+                required
+                disabled={!!editingRoute}
+              >
+                <option value="">Select Origin</option>
+                {stations?.items?.map((station: any) => (
+                  <option key={station.id} value={station.id}>
+                    {station.name} ({station.code})
+                  </option>
+                ))}
+              </select>
+            </div>
+            <div>
+              <label className="label">Destination Station *</label>
+              <select
+                className="input"
+                value={destinationStationId}
+                onChange={(e) => setDestinationStationId(e.target.value)}
+                required
+                disabled={!!editingRoute}
+              >
+                <option value="">Select Destination</option>
+                {stations?.items?.map((station: any) => (
+                  <option key={station.id} value={station.id}>
+                    {station.name} ({station.code})
+                  </option>
+                ))}
+              </select>
+            </div>
+          </div>
+
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label className="label">Route Code *</label>
+              <input
+                type="text"
+                name="code"
+                className="input"
+                value={generateRouteCode(originStationId, destinationStationId)}
+                readOnly
+                required
+                placeholder="Select stations to generate"
+                disabled={!!editingRoute}
+              />
+            </div>
+            <div>
+              <label className="label">Route Name *</label>
+              <input
+                type="text"
+                name="name"
+                className="input"
+                value={generateRouteName(originStationId, destinationStationId)}
+                readOnly
+                required
+                placeholder="Select stations to generate"
+              />
+            </div>
+          </div>
+          
+          <div>
+            <label className="label">Description</label>
+            <textarea
+              name="description"
+              className="input"
+              rows={2}
+              defaultValue={editingRoute?.description}
+              placeholder="Outbound local route from [Origin] to [Destination]"
+            />
+          </div>
+
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <label className="label">Effective From *</label>
+              <input
+                type="datetime-local"
+                name="effectiveFrom"
+                className="input"
+                defaultValue={editingRoute?.effectiveFrom ? new Date(editingRoute.effectiveFrom).toISOString().slice(0, 16) : new Date().toISOString().slice(0, 16)}
+                required
+              />
+            </div>
+            <div>
+              <label className="label">Effective Until</label>
+              <input
+                type="datetime-local"
+                name="effectiveUntil"
+                className="input"
+                defaultValue={editingRoute?.effectiveUntil ? new Date(editingRoute.effectiveUntil).toISOString().slice(0, 16) : ''}
+              />
+            </div>
+          </div>
+
+          <div className="border-t pt-4">
+            <div className="flex items-center justify-between mb-3">
+              <label className="label mb-0">Route Stops</label>
+              <span className="text-xs text-muted-foreground">Drag to rearrange intermediate stops</span>
+            </div>
+            
+            <div className="space-y-2">
+              <div className="flex gap-2 items-center p-3 bg-primary/10 rounded border-2 border-primary">
+                <div className="flex-shrink-0 w-8 h-8 bg-primary text-primary-foreground rounded-full flex items-center justify-center text-sm font-medium">
+                  1
+                </div>
+                <div className="flex-1 font-medium">
+                  {originStationId ? (
+                    <span>
+                      {stations?.items?.find((s: any) => s.id === originStationId)?.name || 'Unknown'}
+                      {' '}({stations?.items?.find((s: any) => s.id === originStationId)?.code || 'N/A'})
+                    </span>
+                  ) : (
+                    <span className="text-muted-foreground">Select origin station above</span>
+                  )}
+                </div>
+                <div className="text-sm text-muted-foreground">
+                  0 km
+                </div>
+              </div>
+
+              {stops.map((stop, index) => (
+                <div
+                  key={index}
+                  draggable
+                  onDragStart={(e) => handleDragStart(e, index)}
+                  onDragOver={handleDragOver}
+                  onDragLeave={handleDragLeave}
+                  onDrop={(e) => handleDrop(e, index)}
+                  className="flex gap-2 items-center p-3 bg-muted/50 rounded cursor-move hover:bg-muted transition-colors"
+                >
+                  <div className="flex-shrink-0 w-8 h-8 bg-secondary text-secondary-foreground rounded-full flex items-center justify-center text-sm font-medium">
+                    {index + 2}
+                  </div>
+                  <div className="flex-1">
+                    <select
+                      className="input input-sm"
+                      value={stop.stationId}
+                      onChange={(e) => updateStop(index, 'stationId', e.target.value)}
+                      required
+                    >
+                      <option value="">Select Station</option>
+                      {stations?.items?.filter((s: any) => 
+                        s.id !== originStationId && 
+                        s.id !== destinationStationId &&
+                        !stops.some((st, idx) => idx !== index && st.stationId === s.id)
+                      ).map((station: any) => (
+                        <option key={station.id} value={station.id}>
+                          {station.name} ({station.code})
+                        </option>
+                      ))}
+                    </select>
+                  </div>
+                  <div className="w-32">
+                    <input
+                      type="number"
+                      className="input input-sm"
+                      placeholder="km"
+                      value={stop.distanceFromOrigin || ''}
+                      onChange={(e) => updateStop(index, 'distanceFromOrigin', e.target.value ? parseFloat(e.target.value) : undefined)}
+                      min="0"
+                      step="0.1"
+                      required
+                    />
+                  </div>
+                  <button
+                    type="button"
+                    onClick={() => removeStop(index)}
+                    className="flex-shrink-0 p-1 text-destructive hover:bg-destructive/10 rounded"
+                  >
+                    <X className="h-4 w-4" />
+                  </button>
+                </div>
+              ))}
+
+              {originStationId && destinationStationId && (
+                <div className="flex justify-center py-2">
+                  <ActionButton
+                    type="button"
+                    variant="secondary"
+                    size="sm"
+                    icon={Plus}
+                    onClick={addStop}
+                  >
+                    Add Intermediate Stop
+                  </ActionButton>
+                </div>
+              )}
+
+              <div className="flex gap-2 items-center p-3 bg-primary/10 rounded border-2 border-primary">
+                <div className="flex-shrink-0 w-8 h-8 bg-primary text-primary-foreground rounded-full flex items-center justify-center text-sm font-medium">
+                  {stops.length + 2}
+                </div>
+                <div className="flex-1 font-medium">
+                  {destinationStationId ? (
+                    <span>
+                      {stations?.items?.find((s: any) => s.id === destinationStationId)?.name || 'Unknown'}
+                      {' '}({stations?.items?.find((s: any) => s.id === destinationStationId)?.code || 'N/A'})
+                    </span>
+                  ) : (
+                    <span className="text-muted-foreground">Select destination station above</span>
+                  )}
+                </div>
+                <div className="w-32">
+                  {destinationStationId && (
+                    <input
+                      type="number"
+                      className="input input-sm"
+                      placeholder="km"
+                      value={destinationDistance || ''}
+                      onChange={(e) => setDestinationDistance(e.target.value ? parseFloat(e.target.value) : undefined)}
+                      min="0"
+                      step="0.1"
+                      required
+                    />
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <div className="flex justify-end gap-2 pt-4">
+            <ActionButton
+              type="button"
+              variant="secondary"
+              onClick={() => {
+                setShowModal(false);
+                setEditingRoute(null);
+                setOriginStationId('');
+                setDestinationStationId('');
+                setDestinationDistance(undefined);
+                setStops([]);
+                setSearch('');
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              type="submit"
+              loading={createMutation.isPending || updateMutation.isPending}
+            >
+              {editingRoute ? 'Update' : 'Create'} Route
+            </ActionButton>
+          </div>
+        </form>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/schedules/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/schedules/layout.tsx
new file mode 100644
index 000000000..8f7bbc1c1
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/schedules/layout.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import Sidebar from '@/components/layout/Sidebar';
+import Header from '@/components/layout/Header';
+import { useAuthStore } from '@/lib/auth-store';
+
+export default function SchedulesLayout({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const { isAuthenticated } = useAuthStore();
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setIsLoading(false);
+    }, 100);
+    
+    return () => clearTimeout(timer);
+  }, []);
+
+  useEffect(() => {
+    if (!isLoading && !isAuthenticated) {
+      router.push('/login');
+    }
+  }, [isAuthenticated, router, isLoading]);
+
+  if (isLoading) {
+    return (
+      <div className="flex h-screen items-center justify-center bg-gray-50 dark:bg-slate-950">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-edr-green-600 mx-auto"></div>
+          <p className="mt-4 text-gray-600 dark:text-gray-400">Loading...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (!isAuthenticated) {
+    return null;
+  }
+
+  return (
+    <div className="flex h-screen overflow-hidden bg-gray-50 dark:bg-slate-950">
+      <Sidebar />
+      <div className="flex flex-1 flex-col overflow-hidden">
+        <Header />
+        <main className="flex-1 overflow-y-auto bg-gray-50 dark:bg-slate-950 p-6">
+          {children}
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/schedules/page.tsx b/apps/edr-passenger-web/backoffice/src/app/schedules/page.tsx
new file mode 100644
index 000000000..1207a01e4
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/schedules/page.tsx
@@ -0,0 +1,857 @@
+'use client';
+
+import { useState } from 'react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { Plus, Loader2, Zap, Trash2, Edit, Search, X } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { apiClient } from '@/lib/api-client';
+
+interface Schedule {
+  id: string;
+  trainId: string;
+  routeId: string;
+  departureAt: string;
+  arrivalAt: string;
+  status: string;
+  stopsCount: number;
+  train?: { id: string; name: string; number: string };
+  originStation?: { id: string; name: string };
+  destinationStation?: { id: string; name: string };
+  coachAssignments?: Array<{ coachId: string; positionNumber: number; coach?: { id: string; number: string } }>;
+}
+
+interface Train {
+  id: string;
+  name: string;
+  number: string;
+}
+
+interface Route {
+  id: string;
+  name: string;
+  code: string;
+}
+
+interface Coach {
+  id: string;
+  number: string;
+  coachNumber?: string;
+  capacity: number;
+  sequence?: number;
+  coachType?: { name: string };
+}
+
+export default function SchedulesPage() {
+  const [showModal, setShowModal] = useState(false);
+  const [showEditModal, setShowEditModal] = useState(false);
+  const [editingSchedule, setEditingSchedule] = useState<Schedule | null>(null);
+  const [selectedSchedules, setSelectedSchedules] = useState<Set<string>>(new Set());
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; item: any | null; isBulk?: boolean }>(
+    { isOpen: false, item: null }
+  );
+  const [error, setError] = useState<string | null>(null);
+  const queryClient = useQueryClient();
+
+  const [bulkForm, setBulkForm] = useState({
+    trainId: '',
+    routeId: '',
+    startDateTime: '',
+    durationHours: '12',
+    repeatEveryDays: '1',
+    forNextDays: '30',
+    coachIds: [] as string[],
+  });
+
+  const [editForm, setEditForm] = useState({
+    departureAt: '',
+    arrivalAt: '',
+    status: 'SCHEDULED',
+    coachIds: [] as string[],
+  });
+
+  const [filters, setFilters] = useState({
+    search: '',
+    trainId: '',
+    routeId: '',
+    date: '',
+  });
+
+  const { data: schedulesData, isLoading: schedulesLoading } = useQuery({
+    queryKey: ['schedules', filters],
+    queryFn: () => {
+      const params = new URLSearchParams();
+      if (filters.trainId) params.append('trainId', filters.trainId);
+      if (filters.routeId) params.append('routeId', filters.routeId);
+      if (filters.date) params.append('date', filters.date);
+      return apiClient.get<Schedule[]>(`/schedules?${params.toString()}`);
+    },
+    retry: 1,
+  });
+
+  const { data: trainsData } = useQuery({
+    queryKey: ['trains'],
+    queryFn: () => apiClient.get<Train[]>('/fleet/trains'),
+    retry: 1,
+  });
+
+  const { data: routesData } = useQuery({
+    queryKey: ['routes'],
+    queryFn: () => apiClient.get<Route[]>('/routes'),
+    retry: 1,
+  });
+
+  const { data: coachesData } = useQuery({
+    queryKey: ['coaches'],
+    queryFn: () => apiClient.get<Coach[]>('/fleet/coaches'),
+    retry: 1,
+  });
+
+  const bulkGenerateMutation = useMutation({
+    mutationFn: (data: any) => apiClient.post('/schedules/bulk-generate', data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['schedules'] });
+      setShowModal(false);
+      setBulkForm({
+        trainId: '',
+        routeId: '',
+        startDateTime: '',
+        durationHours: '12',
+        repeatEveryDays: '1',
+        forNextDays: '30',
+        coachIds: [],
+      });
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to generate schedules');
+    },
+  });
+
+  const updateScheduleMutation = useMutation({
+    mutationFn: (data: { id: string; payload: any }) =>
+      apiClient.patch(`/schedules/${data.id}`, data.payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['schedules'] });
+      setShowEditModal(false);
+      setEditingSchedule(null);
+      setError(null);
+    },
+    onError: (err: any) => {
+      setError(err.response?.data?.message || 'Failed to update schedule');
+    },
+  });
+
+  const deleteScheduleMutation = useMutation({
+    mutationFn: (id: string) => apiClient.delete(`/schedules/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['schedules'] });
+    },
+  });
+
+  const bulkDeleteMutation = useMutation({
+    mutationFn: async (ids: string[]) => {
+      await Promise.all(ids.map(id => apiClient.delete(`/schedules/${id}`)));
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['schedules'] });
+      setSelectedSchedules(new Set());
+    },
+  });
+
+  const handleBulkSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setError(null);
+
+    if (!bulkForm.trainId || !bulkForm.routeId || !bulkForm.startDateTime) {
+      setError('Train, route, and start date/time are required');
+      return;
+    }
+
+    const payload: any = {
+      trainId: bulkForm.trainId,
+      routeId: bulkForm.routeId,
+      startDateTime: bulkForm.startDateTime,
+      durationHours: parseInt(bulkForm.durationHours),
+      repeatEveryDays: parseInt(bulkForm.repeatEveryDays),
+      forNextDays: parseInt(bulkForm.forNextDays),
+    };
+
+    if (bulkForm.coachIds.length > 0) {
+      payload.coachIds = bulkForm.coachIds;
+    }
+
+    await bulkGenerateMutation.mutateAsync(payload);
+  };
+
+  const handleEditSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setError(null);
+
+    if (!editingSchedule) return;
+
+    const depDate = new Date(editForm.departureAt);
+    const arrDate = new Date(editForm.arrivalAt);
+
+    if (arrDate <= depDate) {
+      setError('Arrival time must be after departure time');
+      return;
+    }
+
+    const payload: any = {
+      departureAt: editForm.departureAt,
+      arrivalAt: editForm.arrivalAt,
+      status: editForm.status,
+      coaches: editForm.coachIds.map((coachId: string, idx: number) => ({
+        coachId,
+        positionNumber: idx + 1,
+      })),
+    };
+
+    await updateScheduleMutation.mutateAsync({
+      id: editingSchedule.id,
+      payload,
+    });
+  };
+
+  const handleDelete = (item: Schedule) => {
+    setDeleteConfirm({ isOpen: true, item, isBulk: false });
+  };
+
+  const handleBulkDelete = () => {
+    if (selectedSchedules.size === 0) return;
+    setDeleteConfirm({ isOpen: true, item: Array.from(selectedSchedules), isBulk: true });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.isBulk) {
+      const ids = deleteConfirm.item as string[];
+      await bulkDeleteMutation.mutateAsync(ids);
+    } else if (deleteConfirm.item) {
+      await deleteScheduleMutation.mutateAsync(deleteConfirm.item.id);
+    }
+    setDeleteConfirm({ isOpen: false, item: null });
+  };
+
+  const handleEditClick = (schedule: Schedule) => {
+    setEditingSchedule(schedule);
+
+    const dep = new Date(schedule.departureAt);
+    const arr = new Date(schedule.arrivalAt);
+
+    const depLocal = new Date(dep.getTime() - dep.getTimezoneOffset() * 60000).toISOString().slice(0, 16);
+    const arrLocal = new Date(arr.getTime() - arr.getTimezoneOffset() * 60000).toISOString().slice(0, 16);
+
+    setEditForm({
+      departureAt: depLocal,
+      arrivalAt: arrLocal,
+      status: schedule.status,
+      coachIds: schedule.coachAssignments?.map((ca: any) => ca.coachId) || [],
+    });
+    setError(null);
+    setShowEditModal(true);
+  };
+
+  const schedules = Array.isArray(schedulesData) ? schedulesData : (schedulesData as any)?.items || [];
+  const trains = Array.isArray(trainsData) ? trainsData : (trainsData as any)?.items || [];
+  const routes = Array.isArray(routesData) ? routesData : (routesData as any)?.items || [];
+  const coaches = Array.isArray(coachesData) ? coachesData : (coachesData as any)?.items || [];
+
+  const filteredSchedules = schedules.filter((schedule: Schedule) => {
+    if (!filters.search) return true;
+    const search = filters.search.toLowerCase();
+    return (
+      schedule.train?.name.toLowerCase().includes(search) ||
+      schedule.train?.number.toLowerCase().includes(search) ||
+      schedule.originStation?.name.toLowerCase().includes(search) ||
+      schedule.destinationStation?.name.toLowerCase().includes(search) ||
+      schedule.status.toLowerCase().includes(search)
+    );
+  });
+
+  const statusMap: Record<string, string> = {
+    SCHEDULED: 'edr-badge-info',
+    BOARDING: 'edr-badge-warning',
+    EN_ROUTE: 'edr-badge-success',
+    ARRIVED: 'edr-badge-secondary',
+    CANCELLED: 'edr-badge-danger',
+  };
+
+  const scheduleColumns = [
+    {
+      key: 'checkbox',
+      label: (
+        <input
+          type="checkbox"
+          checked={selectedSchedules.size === filteredSchedules.length && filteredSchedules.length > 0}
+          onChange={(e) => {
+            if (e.target.checked) {
+              setSelectedSchedules(new Set(filteredSchedules.map((s: Schedule) => s.id)));
+            } else {
+              setSelectedSchedules(new Set());
+            }
+          }}
+          className="rounded"
+        />
+      ),
+      render: (schedule: Schedule) => (
+        <input
+          type="checkbox"
+          checked={selectedSchedules.has(schedule.id)}
+          onChange={(e) => {
+            const newSelected = new Set(selectedSchedules);
+            if (e.target.checked) {
+              newSelected.add(schedule.id);
+            } else {
+              newSelected.delete(schedule.id);
+            }
+            setSelectedSchedules(newSelected);
+          }}
+          className="rounded"
+        />
+      ),
+    },
+    {
+      key: 'train.name',
+      label: 'Train',
+      sortable: true,
+      render: (schedule: Schedule) => (
+        <div className="font-medium">
+          {schedule.train?.name} ({schedule.train?.number})
+        </div>
+      ),
+    },
+    {
+      key: 'route',
+      label: 'Route',
+      sortable: true,
+      render: (schedule: Schedule) => (
+        <div className="flex items-center gap-2">
+          <span className="text-sm font-medium">
+            {schedule.originStation?.name || 'Unknown'}
+          </span>
+          <span className="text-muted-foreground">→</span>
+          <span className="text-sm font-medium">
+            {schedule.destinationStation?.name || 'Unknown'}
+          </span>
+        </div>
+      ),
+    },
+    {
+      key: 'departureAt',
+      label: 'Departure',
+      sortable: true,
+      render: (schedule: Schedule) => (
+        <span className="font-mono text-sm">{new Date(schedule.departureAt).toLocaleString()}</span>
+      ),
+    },
+    {
+      key: 'arrivalAt',
+      label: 'Arrival',
+      sortable: true,
+      render: (schedule: Schedule) => (
+        <span className="font-mono text-sm">{new Date(schedule.arrivalAt).toLocaleString()}</span>
+      ),
+    },
+    {
+      key: 'coachAssignments',
+      label: 'Coaches',
+      render: (schedule: Schedule) => (
+        <span className="text-sm font-medium">
+          {schedule.coachAssignments?.length || 0}
+        </span>
+      ),
+    },
+    {
+      key: 'status',
+      label: 'Status',
+      render: (schedule: Schedule) => (
+        <span className={`edr-badge ${statusMap[schedule.status] || 'edr-badge-info'}`}>
+          {schedule.status}
+        </span>
+      ),
+    },
+  ] as any;
+
+  const scheduleActions = [
+    {
+      label: 'Edit',
+      onClick: handleEditClick,
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDelete,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold text-foreground">Schedule Management</h1>
+          <p className="text-muted-foreground mt-1">Create and manage train schedules</p>
+        </div>
+        <div className="flex gap-2">
+          {selectedSchedules.size > 0 && (
+            <ActionButton
+              onClick={handleBulkDelete}
+              variant="danger"
+              loading={bulkDeleteMutation.isPending}
+            >
+              Delete {selectedSchedules.size} Schedule{selectedSchedules.size !== 1 ? 's' : ''}
+            </ActionButton>
+          )}
+          <ActionButton
+            icon={Zap}
+            onClick={() => {
+              setError(null);
+              setShowModal(true);
+            }}
+          >
+            Bulk Generate
+          </ActionButton>
+        </div>
+      </div>
+
+      <div className="card">
+        <div className="mb-6 p-4 border-b border-border">
+          <div className="space-y-4">
+            <div className="relative">
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+              <input
+                type="text"
+                placeholder="Search by train name, number, station, or status..."
+                value={filters.search}
+                onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+                className="input pl-10 w-full"
+              />
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+              <div>
+                <label className="label text-sm">Train</label>
+                <select
+                  value={filters.trainId}
+                  onChange={(e) => setFilters({ ...filters, trainId: e.target.value })}
+                  className="input"
+                >
+                  <option value="">All Trains</option>
+                  {trains.map((train: Train) => (
+                    <option key={train.id} value={train.id}>
+                      {train.name} ({train.number})
+                    </option>
+                  ))}
+                </select>
+              </div>
+
+              <div>
+                <label className="label text-sm">Route</label>
+                <select
+                  value={filters.routeId}
+                  onChange={(e) => setFilters({ ...filters, routeId: e.target.value })}
+                  className="input"
+                >
+                  <option value="">All Routes</option>
+                  {routes.map((route: Route) => (
+                    <option key={route.id} value={route.id}>
+                      {route.name} ({route.code})
+                    </option>
+                  ))}
+                </select>
+              </div>
+
+              <div>
+                <label className="label text-sm">Date</label>
+                <input
+                  type="date"
+                  value={filters.date}
+                  onChange={(e) => setFilters({ ...filters, date: e.target.value })}
+                  className="input"
+                />
+              </div>
+
+              <div className="flex items-end">
+                <ActionButton
+                  variant="secondary"
+                  onClick={() => setFilters({ search: '', trainId: '', routeId: '', date: '' })}
+                >
+                  Clear Filters
+                </ActionButton>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="pt-6">
+          {schedulesLoading ? (
+            <div className="flex items-center justify-center py-8">
+              <Loader2 className="h-6 w-6 animate-spin" />
+            </div>
+          ) : filteredSchedules.length === 0 ? (
+            <div className="text-center py-8 text-muted-foreground">
+              No schedules found. {filters.search && 'Try adjusting your search.'}
+            </div>
+          ) : (
+            <DataTable
+              columns={scheduleColumns}
+              data={filteredSchedules}
+              actions={scheduleActions}
+              loading={false}
+              emptyMessage="No schedules found."
+            />
+          )}
+        </div>
+      </div>
+
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, item: null })}
+        onConfirm={confirmDelete}
+        title={deleteConfirm.isBulk ? 'Delete Multiple Schedules' : 'Delete Schedule'}
+        message={
+          deleteConfirm.isBulk
+            ? `Are you sure you want to delete ${Array.isArray(deleteConfirm.item) ? deleteConfirm.item.length : 0} schedule(s)? This action cannot be undone.`
+            : `Are you sure you want to delete this schedule departing on ${
+                deleteConfirm.item ? new Date(deleteConfirm.item.departureAt).toLocaleString() : ''
+              }?`
+        }
+        confirmText="Delete"
+        isDanger={true}
+        warning="This schedule may have bookings. Deleting it may impact these systems."
+      />
+
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          setShowModal(false);
+          setError(null);
+          setBulkForm({
+            trainId: '',
+            routeId: '',
+            startDateTime: '',
+            durationHours: '12',
+            repeatEveryDays: '1',
+            forNextDays: '30',
+            coachIds: [],
+          });
+        }}
+        title="Bulk Generate Schedules"
+        size="lg"
+      >
+        <form onSubmit={handleBulkSubmit} className="space-y-4">
+          {error && (
+            <div className="bg-red-50 p-3 rounded-lg text-sm text-red-800">
+              {error}
+            </div>
+          )}
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="label">Train *</label>
+              <select
+                value={bulkForm.trainId}
+                onChange={(e) => setBulkForm({ ...bulkForm, trainId: e.target.value })}
+                className="input"
+                required
+              >
+                <option value="">Select Train</option>
+                {trains.map((train: Train) => (
+                  <option key={train.id} value={train.id}>
+                    {train.name} ({train.number})
+                  </option>
+                ))}
+              </select>
+            </div>
+
+            <div>
+              <label className="label">Route *</label>
+              <select
+                value={bulkForm.routeId}
+                onChange={(e) => setBulkForm({ ...bulkForm, routeId: e.target.value })}
+                className="input"
+                required
+              >
+                <option value="">Select Route</option>
+                {routes.map((route: Route) => (
+                  <option key={route.id} value={route.id}>
+                    {route.name} ({route.code})
+                  </option>
+                ))}
+              </select>
+            </div>
+          </div>
+
+          <div>
+            <label className="label">Start Date & Time *</label>
+            <input
+              type="datetime-local"
+              value={bulkForm.startDateTime}
+              onChange={(e) => setBulkForm({ ...bulkForm, startDateTime: e.target.value })}
+              className="input"
+              required
+            />
+          </div>
+
+          <div className="grid grid-cols-3 gap-4">
+            <div>
+              <label className="label">Duration (Hours)</label>
+              <input
+                type="number"
+                min="1"
+                value={bulkForm.durationHours}
+                onChange={(e) => setBulkForm({ ...bulkForm, durationHours: e.target.value })}
+                className="input"
+              />
+            </div>
+
+            <div>
+              <label className="label">Repeat Every (Days)</label>
+              <input
+                type="number"
+                min="1"
+                value={bulkForm.repeatEveryDays}
+                onChange={(e) => setBulkForm({ ...bulkForm, repeatEveryDays: e.target.value })}
+                className="input"
+              />
+            </div>
+
+            <div>
+              <label className="label">For Next (Days)</label>
+              <input
+                type="number"
+                min="1"
+                value={bulkForm.forNextDays}
+                onChange={(e) => setBulkForm({ ...bulkForm, forNextDays: e.target.value })}
+                className="input"
+              />
+            </div>
+          </div>
+
+          <div>
+            <div className="flex items-center justify-between mb-2">
+              <label className="label">Coaches (Optional)</label>
+              <button
+                type="button"
+                onClick={() => {
+                  if (bulkForm.coachIds.length === coaches.length) {
+                    setBulkForm({ ...bulkForm, coachIds: [] });
+                  } else {
+                    setBulkForm({ ...bulkForm, coachIds: coaches.map((c: Coach) => c.id) });
+                  }
+                }}
+                className="text-xs text-primary hover:underline"
+              >
+                {bulkForm.coachIds.length === coaches.length ? 'Deselect All' : 'Select All'}
+              </button>
+            </div>
+            <div className="border border-border rounded-lg p-3 max-h-64 overflow-y-auto space-y-2">
+              {coaches.length === 0 ? (
+                <p className="text-sm text-muted-foreground">No coaches available</p>
+              ) : (
+                coaches.map((coach: Coach) => (
+                  <label key={coach.id} className="flex items-center gap-2 cursor-pointer">
+                    <input
+                      type="checkbox"
+                      checked={bulkForm.coachIds.includes(coach.id)}
+                      onChange={(e) => {
+                        if (e.target.checked) {
+                          setBulkForm({
+                            ...bulkForm,
+                            coachIds: [...bulkForm.coachIds, coach.id],
+                          });
+                        } else {
+                          setBulkForm({
+                            ...bulkForm,
+                            coachIds: bulkForm.coachIds.filter((id) => id !== coach.id),
+                          });
+                        }
+                      }}
+                      className="rounded"
+                    />
+                    <span className="text-sm">
+                      Seq {coach.sequence || 'N/A'} - {coach.number || coach.coachNumber} - {coach.coachType?.name} (Cap: {coach.capacity})
+                    </span>
+                  </label>
+                ))
+              )}
+            </div>
+          </div>
+
+          <div className="bg-blue-50 p-4 rounded-lg">
+            <p className="text-sm text-blue-900">
+              <strong>Preview:</strong> Will create approximately{' '}
+              <strong>{Math.ceil(parseInt(bulkForm.forNextDays) / parseInt(bulkForm.repeatEveryDays))}</strong>{' '}
+              schedules, starting from the specified date, repeating every{' '}
+              <strong>{bulkForm.repeatEveryDays}</strong> days for the next{' '}
+              <strong>{bulkForm.forNextDays}</strong> days.
+              {bulkForm.coachIds.length > 0 && (
+                <>
+                  {' '}
+                  Each schedule will have <strong>{bulkForm.coachIds.length}</strong> coach(es) assigned.
+                </>
+              )}
+            </p>
+          </div>
+
+          <div className="flex justify-end gap-2 pt-4">
+            <ActionButton
+              type="button"
+              variant="secondary"
+              onClick={() => {
+                setShowModal(false);
+                setError(null);
+                setBulkForm({
+                  trainId: '',
+                  routeId: '',
+                  startDateTime: '',
+                  durationHours: '12',
+                  repeatEveryDays: '1',
+                  forNextDays: '30',
+                  coachIds: [],
+                });
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton type="submit" loading={bulkGenerateMutation.isPending}>
+              Generate Schedules
+            </ActionButton>
+          </div>
+        </form>
+      </Modal>
+
+      <Modal
+        isOpen={showEditModal}
+        onClose={() => {
+          setShowEditModal(false);
+          setEditingSchedule(null);
+          setError(null);
+        }}
+        title={`Edit Schedule - ${editingSchedule?.train?.name} (${editingSchedule?.train?.number})`}
+        size="lg"
+      >
+        {editingSchedule && (
+          <form onSubmit={handleEditSubmit} className="space-y-4">
+            {error && (
+              <div className="bg-red-50 p-3 rounded-lg text-sm text-red-800">
+                {error}
+              </div>
+            )}
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label className="label">Departure Date & Time *</label>
+                <input
+                  type="datetime-local"
+                  value={editForm.departureAt}
+                  onChange={(e) => setEditForm({ ...editForm, departureAt: e.target.value })}
+                  className="input"
+                  required
+                />
+              </div>
+
+              <div>
+                <label className="label">Arrival Date & Time *</label>
+                <input
+                  type="datetime-local"
+                  value={editForm.arrivalAt}
+                  onChange={(e) => setEditForm({ ...editForm, arrivalAt: e.target.value })}
+                  className="input"
+                  required
+                />
+              </div>
+            </div>
+
+            <div>
+              <label className="label">Status</label>
+              <select
+                value={editForm.status}
+                onChange={(e) => setEditForm({ ...editForm, status: e.target.value })}
+                className="input"
+              >
+                <option value="SCHEDULED">Scheduled</option>
+                <option value="BOARDING">Boarding</option>
+                <option value="EN_ROUTE">En Route</option>
+                <option value="ARRIVED">Arrived</option>
+                <option value="CANCELLED">Cancelled</option>
+              </select>
+            </div>
+
+            <div>
+              <div className="flex items-center justify-between mb-2">
+                <label className="label">Coaches (Optional)</label>
+                <button
+                  type="button"
+                  onClick={() => {
+                    if (editForm.coachIds.length === coaches.length) {
+                      setEditForm({ ...editForm, coachIds: [] });
+                    } else {
+                      setEditForm({ ...editForm, coachIds: coaches.map((c: Coach) => c.id) });
+                    }
+                  }}
+                  className="text-xs text-primary hover:underline"
+                >
+                  {editForm.coachIds.length === coaches.length ? 'Deselect All' : 'Select All'}
+                </button>
+              </div>
+              <div className="border border-border rounded-lg p-3 max-h-64 overflow-y-auto space-y-2">
+                {coaches.length === 0 ? (
+                  <p className="text-sm text-muted-foreground">No coaches available</p>
+                ) : (
+                  coaches.map((coach: Coach) => (
+                    <label key={coach.id} className="flex items-center gap-2 cursor-pointer">
+                      <input
+                        type="checkbox"
+                        checked={editForm.coachIds.includes(coach.id)}
+                        onChange={(e) => {
+                          if (e.target.checked) {
+                            setEditForm({
+                              ...editForm,
+                              coachIds: [...editForm.coachIds, coach.id],
+                            });
+                          } else {
+                            setEditForm({
+                              ...editForm,
+                              coachIds: editForm.coachIds.filter((id) => id !== coach.id),
+                            });
+                          }
+                        }}
+                        className="rounded"
+                      />
+                      <span className="text-sm">
+                        Seq {coach.sequence || 'N/A'} - {coach.number || coach.coachNumber} - {coach.coachType?.name} (Cap: {coach.capacity})
+                      </span>
+                    </label>
+                  ))
+                )}
+              </div>
+            </div>
+
+            <div className="flex justify-end gap-2 pt-4">
+              <ActionButton
+                type="button"
+                variant="secondary"
+                onClick={() => {
+                  setShowEditModal(false);
+                  setEditingSchedule(null);
+                  setError(null);
+                }}
+              >
+                Cancel
+              </ActionButton>
+              <ActionButton type="submit" loading={updateScheduleMutation.isPending}>
+                Update Schedule
+              </ActionButton>
+            </div>
+          </form>
+        )}
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/seats/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/seats/layout.tsx
new file mode 100644
index 000000000..f9b10ab1d
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/seats/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function SeatsLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/seats/page.tsx b/apps/edr-passenger-web/backoffice/src/app/seats/page.tsx
new file mode 100644
index 000000000..8b1ad4072
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/seats/page.tsx
@@ -0,0 +1,906 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { seatsApi, schedulesApi, fleetApi } from '@/lib/api';
+import Modal from '@/components/ui/Modal';
+import ActionButton from '@/components/ui/ActionButton'
+import { Armchair, Lock, Unlock, Bed, X, RotateCcw, ChevronDown, Train } from 'lucide-react';
+
+export default function SeatsPage() {
+  const [selectedSchedule, setSelectedSchedule] = useState('');
+  const [expandedCoaches, setExpandedCoaches] = useState<Set<string>>(new Set());
+  const [showBlockModal, setShowBlockModal] = useState(false);
+  const [showRemoveModal, setShowRemoveModal] = useState(false);
+  const [selectedSeat, setSelectedSeat] = useState<any>(null);
+  const [blockReason, setBlockReason] = useState('');
+  const [showBlockCoachModal, setShowBlockCoachModal] = useState(false);
+  const [selectedCoach, setSelectedCoach] = useState<any>(null);
+  const [blockCoachReason, setBlockCoachReason] = useState('');
+  const [showUnblockCoachModal, setShowUnblockCoachModal] = useState(false);
+  const [coachToUnblock, setCoachToUnblock] = useState<any>(null);
+  const queryClient = useQueryClient();
+
+  const { data: schedulesData } = useQuery({
+    queryKey: ['schedules'],
+    queryFn: () => schedulesApi.getAll(),
+  });
+
+  const { data: seatMapData, isLoading } = useQuery({
+    queryKey: ['seatmap', selectedSchedule],
+    queryFn: () => selectedSchedule ? seatsApi.getSeatMap(selectedSchedule) : Promise.resolve(null),
+    enabled: !!selectedSchedule,
+  });
+
+  const { data: coachTypesData } = useQuery({
+    queryKey: ['coachTypes'],
+    queryFn: () => fleetApi.getCoaches(),
+  });
+
+  const blockMutation = useMutation({
+    mutationFn: ({ seatId, reason }: any) => seatsApi.block(seatId, { reason }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['seatmap'] });
+      setShowBlockModal(false);
+      setSelectedSeat(null);
+      setBlockReason('');
+    },
+  });
+
+  const unblockMutation = useMutation({
+    mutationFn: (seatId: string) => seatsApi.unblock(seatId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['seatmap'] });
+    },
+  });
+
+  const removeSeatMutation = useMutation({
+    mutationFn: (seatId: string) => seatsApi.removeSeat(seatId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['seatmap'] });
+      setShowRemoveModal(false);
+      setSelectedSeat(null);
+    },
+  });
+
+  const undoRemoveMutation = useMutation({
+    mutationFn: (seatId: string) => seatsApi.undoRemove(seatId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['seatmap'] });
+    },
+  });
+
+  const schedules = schedulesData?.items || schedulesData?.data || [];
+  const coaches = seatMapData?.coaches || [];
+
+  const blockCoachMutation = useMutation({
+    mutationFn: async ({ coachId, reason }: any) => {
+      const coachSeats = coaches.find((c: any) => c.id === coachId)?.seats || [];
+      const seatIds = coachSeats.map((s: any) => s.id).filter((id: any) => id);
+      return Promise.all(seatIds.map((seatId: string) => seatsApi.block(seatId, { reason })));
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['seatmap'] });
+      setShowBlockCoachModal(false);
+      setSelectedCoach(null);
+      setBlockCoachReason('');
+    },
+  });
+
+  const unblockCoachMutation = useMutation({
+    mutationFn: async ({ coachId }: any) => {
+      const coachSeats = coaches.find((c: any) => c.id === coachId)?.seats || [];
+      const seatIds = coachSeats.map((s: any) => s.id).filter((id: any) => id);
+      return Promise.all(seatIds.map((seatId: string) => seatsApi.unblock(seatId)));
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['seatmap'] });
+      setShowUnblockCoachModal(false);
+      setCoachToUnblock(null);
+    },
+  });
+
+  const toggleCoach = (coachId: string) => {
+    const newExpanded = new Set(expandedCoaches);
+    if (newExpanded.has(coachId)) {
+      newExpanded.delete(coachId);
+    } else {
+      newExpanded.add(coachId);
+    }
+    setExpandedCoaches(newExpanded);
+  };
+
+  const handleBlock = (seat: any) => {
+    setSelectedSeat(seat);
+    setShowBlockModal(true);
+  };
+
+  const handleUnblock = async (seat: any) => {
+    if (confirm('Are you sure you want to unblock this seat?')) {
+      await unblockMutation.mutateAsync(seat.id);
+    }
+  };
+
+  const handleRemoveSeat = (seat: any) => {
+    setSelectedSeat(seat);
+    setShowRemoveModal(true);
+  };
+
+  const handleUndoRemove = async (seat: any) => {
+    if (confirm('Restore this removed seat?')) {
+      await undoRemoveMutation.mutateAsync(seat.id);
+    }
+  };
+
+  const handleBlockCoach = (coach: any) => {
+    setSelectedCoach(coach);
+    setShowBlockCoachModal(true);
+  };
+
+  const handleUnblockCoach = (coach: any) => {
+    const isBlocked = coach.seats?.some((s: any) => s.status === 'BLOCKED' || s.isBlocked);
+    if (isBlocked) {
+      setCoachToUnblock(coach);
+      setShowUnblockCoachModal(true);
+    }
+  };
+
+  const confirmUnblockCoach = async () => {
+    if (coachToUnblock) {
+      await unblockCoachMutation.mutateAsync({ coachId: coachToUnblock.id });
+    }
+  };
+
+  const isCoachBlocked = (coach: any) => {
+    const seats = (coach.seats || []).filter((s: any) => s.seatNumber && !s.seatNumber.startsWith('-'));
+    return seats.length > 0 && seats.every((s: any) => s.status === 'BLOCKED' || s.isBlocked);
+  };
+
+  const isCoachUnblocked = (coach: any) => {
+    const seats = (coach.seats || []).filter((s: any) => s.seatNumber && !s.seatNumber.startsWith('-'));
+    return seats.length > 0 && seats.every((s: any) => s.status !== 'BLOCKED' && !s.isBlocked);
+  };
+
+  const submitBlockCoach = async () => {
+    if (!blockCoachReason.trim()) {
+      alert('Please provide a reason for blocking');
+      return;
+    }
+    await blockCoachMutation.mutateAsync({ coachId: selectedCoach.id, reason: blockCoachReason });
+  };
+
+  const submitBlock = async () => {
+    if (!blockReason.trim()) {
+      alert('Please provide a reason for blocking');
+      return;
+    }
+    await blockMutation.mutateAsync({ seatId: selectedSeat.id, reason: blockReason });
+  };
+
+  const submitRemoveSeat = async () => {
+    await removeSeatMutation.mutateAsync(selectedSeat.id);
+  };
+
+  const getSeatStatus = (seat: any) => {
+    if (seat.status === 'BLOCKED' || seat.isBlocked) return 'BLOCKED';
+    if (seat.status === 'BOOKED' || seat.isBooked) return 'BOOKED';
+    if (seat.status === 'HELD') return 'HELD';
+    return 'AVAILABLE';
+  };
+
+  const getSeatColor = (status: string) => {
+    switch (status) {
+      case 'AVAILABLE': return 'bg-green-500';
+      case 'BOOKED': return 'bg-red-500';
+      case 'HELD': return 'bg-yellow-500';
+      case 'BLOCKED': return 'bg-gray-500';
+      default: return 'bg-gray-300';
+    }
+  };
+
+  const parseSeatArrangement = (arrangement: string | null): number[] => {
+    if (!arrangement) return [2, 2];
+    const parts = arrangement.split('+').map(p => parseInt(p.trim()));
+    return parts.length === 2 ? parts : [2, 2];
+  };
+
+  const getBedLabel = (bedPosition: string | null): string => {
+    if (bedPosition === 'upper') return 'U';
+    if (bedPosition === 'middle') return 'M';
+    if (bedPosition === 'lower') return 'L';
+    return '';
+  };
+
+  const formatBedSeatNumber = (seat: any): string => {
+    if (!seat.seatNumber || !seat.bedPosition) return seat.seatNumber || '';
+    const label = getBedLabel(seat.bedPosition);
+    return `${seat.seatNumber}${label}`;
+  };
+
+  const renderCoachSeats = (coach: any, isBedCoach: boolean) => {
+    const allSeats = coach.seats || [];
+    const validSeats = allSeats.filter((s: any) => s.seatNumber && !s.seatNumber.startsWith('-'));
+    const removedSeats = allSeats.filter((s: any) => s.seatNumber && s.seatNumber.startsWith('-'));
+
+    if (validSeats.length === 0 && removedSeats.length === 0) {
+      return <div className="text-xs text-muted-foreground">No seats</div>;
+    }
+
+    const hasBedPositionData = validSeats.some((s: any) => s.bedPosition);
+
+    if (isBedCoach && hasBedPositionData) {
+      const arrangement = parseSeatArrangement(coach.seatArrangement);
+      const seatsPerRow = arrangement[0] + (arrangement[1] || 0);
+      const allSeatsForLayout = [...validSeats, ...removedSeats];
+      const rows: any[][] = [];
+      const seatClassStr = typeof coach?.seatClass === 'string' ? coach.seatClass : (coach?.seatClass?.name || '');
+      const isVipBed = seatClassStr.toLowerCase().includes('vip');
+      const bedWidth = isVipBed ? 'w-20' : 'w-16';
+
+      for (let i = 0; i < allSeatsForLayout.length; i += seatsPerRow) {
+        rows.push(allSeatsForLayout.slice(i, i + seatsPerRow));
+      }
+
+      return (
+        <div className="space-y-0">
+          {rows.map((rowSeats: any[], idx: number) => {
+            const isFirstInPair = idx % 2 === 0;
+            const shouldFlipIcon = !isFirstInPair;
+            const isLastRow = idx === rows.length - 1;
+            const nextRowSeats = !isLastRow ? rows[idx + 1] : null;
+
+            return (
+              <div key={`bed-row-${idx}`}>
+                <div className="flex gap-0.5 justify-center">
+                  {rowSeats.map((seat: any) => (
+                    <SeatIcon
+                      key={seat.id}
+                      seat={seat}
+                      coach={coach}
+                      isBedCoach={true}
+                      shouldFlipIcon={shouldFlipIcon}
+                      getSeatStatus={getSeatStatus}
+                      getSeatColor={getSeatColor}
+                      handleBlock={handleBlock}
+                      handleRemoveSeat={handleRemoveSeat}
+                      handleUnblock={handleUnblock}
+                      handleUndoRemove={handleUndoRemove}
+                      hideNumber={true}
+                    />
+                  ))}
+                </div>
+                {isFirstInPair && nextRowSeats && (
+                  <div className="flex gap-0.5 justify-center text-xs my-1">
+                    {rowSeats.map((seat: any, seatIdx: number) => {
+                      const currentSeat = rowSeats[seatIdx];
+                      const nextSeat = nextRowSeats[seatIdx];
+                      const currentFormatted = currentSeat ? formatBedSeatNumber(currentSeat) : '';
+                      const nextFormatted = nextSeat ? formatBedSeatNumber(nextSeat) : '';
+                      return (
+                        <div key={`num-between-${seat.id}`} className={`${bedWidth} flex flex-col items-center justify-center text-xs font-bold mb-1 leading-3 text-foreground`}>
+                          <div className="mb-1">{currentFormatted}</div>
+                          <div className="mt-1">{nextFormatted}</div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+                {!isFirstInPair && <div className="h-2" />}
+              </div>
+            );
+          })}
+        </div>
+      );
+    }
+
+    const arrangement = parseSeatArrangement(coach.seatArrangement);
+    const leftCount = arrangement[0];
+    const rightCount = arrangement[1] || 0;
+
+    const rows = [];
+    const processedRows = new Set();
+    const allSeatsForLayout = [...validSeats, ...removedSeats];
+    for (const seat of allSeatsForLayout) {
+      if (!processedRows.has(seat.row)) {
+        rows.push(allSeatsForLayout.filter((s: any) => s.row === seat.row).sort((a: any, b: any) => {
+          const colA = a.col.charCodeAt(0);
+          const colB = b.col.charCodeAt(0);
+          return colA - colB;
+        }));
+        processedRows.add(seat.row);
+      }
+    }
+
+    return (
+      <div className="space-y-0">
+        {rows.map((rowSeats: any[], rowIdx: number) => {
+          const leftSeats = rowSeats.slice(0, leftCount);
+          const rightSeats = rowSeats.slice(leftCount);
+          const rowNumber = rowSeats[0]?.row || 1;
+          const shouldFlipArmchair = rowNumber % 2 === 0;
+          const showSpacing = rowIdx % 2 === 1;
+
+          return (
+            <div key={`row-${rowSeats[0]?.id}`}>
+              {shouldFlipArmchair && (
+                <div className="flex gap-0.5 justify-center text-xs text-muted-foreground mb-1">
+                  <div className="flex gap-0.5">
+                    {leftSeats.map((seat: any) => (
+                      <div key={`num-before-left-${seat.id}`} className="w-11 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                        {seat.seatNumber && !seat.seatNumber.startsWith('-') ? seat.seatNumber : ''}
+                      </div>
+                    ))}
+                  </div>
+                  {rightSeats.length > 0 && <div className="w-8" />}
+                  {rightSeats.length > 0 && (
+                    <div className="flex gap-0.5">
+                      {rightSeats.map((seat: any) => (
+                        <div key={`num-before-right-${seat.id}`} className="w-11 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                          {seat.seatNumber && !seat.seatNumber.startsWith('-') ? seat.seatNumber : ''}
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              )}
+              <div className="flex gap-0.5 justify-center">
+                <div className="flex gap-0.5">
+                  {leftSeats.map((seat: any) => (
+                    <SeatIcon
+                      key={seat.id}
+                      seat={seat}
+                      coach={coach}
+                      isBedCoach={false}
+                      shouldFlipIcon={shouldFlipArmchair}
+                      getSeatStatus={getSeatStatus}
+                      getSeatColor={getSeatColor}
+                      handleBlock={handleBlock}
+                      handleRemoveSeat={handleRemoveSeat}
+                      handleUnblock={handleUnblock}
+                      handleUndoRemove={handleUndoRemove}
+                      hideNumber={true}
+                    />
+                  ))}
+                </div>
+                {rightSeats.length > 0 && <div className="w-8" />}
+                {rightSeats.length > 0 && (
+                  <div className="flex gap-0.5">
+                    {rightSeats.map((seat: any) => (
+                      <SeatIcon
+                        key={seat.id}
+                        seat={seat}
+                        coach={coach}
+                        isBedCoach={false}
+                        shouldFlipIcon={shouldFlipArmchair}
+                        getSeatStatus={getSeatStatus}
+                        getSeatColor={getSeatColor}
+                        handleBlock={handleBlock}
+                        handleRemoveSeat={handleRemoveSeat}
+                        handleUnblock={handleUnblock}
+                        handleUndoRemove={handleUndoRemove}
+                        hideNumber={true}
+                      />
+                    ))}
+                  </div>
+                )}
+              </div>
+
+              {!shouldFlipArmchair && (
+                <div className="flex gap-0.5 justify-center text-xs text-muted-foreground mb-1">
+                  <div className="flex gap-0.5">
+                    {leftSeats.map((seat: any) => (
+                      <div key={`num-left-${seat.id}`} className="w-11 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                        {seat.seatNumber && !seat.seatNumber.startsWith('-') ? seat.seatNumber : ''}
+                      </div>
+                    ))}
+                  </div>
+                  {rightSeats.length > 0 && <div className="w-8" />}
+                  {rightSeats.length > 0 && (
+                    <div className="flex gap-0.5">
+                      {rightSeats.map((seat: any) => (
+                        <div key={`num-right-${seat.id}`} className="w-11 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                          {seat.seatNumber && !seat.seatNumber.startsWith('-') ? seat.seatNumber : ''}
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              )}
+
+              {showSpacing && <div className="h-2" />}
+            </div>
+          );
+        })}
+      </div>
+    );
+  };
+
+  const coachesWithSeats = coaches
+    .filter((coach: any) => {
+      const seats = (coach.seats || []).filter((s: any) => s.seatNumber);
+      return seats.length > 0;
+    })
+    .sort((a: any, b: any) => {
+      // Try multiple sequence field possibilities
+      const seqA = a.positionNumber ?? a.sequence ?? a.coach?.sequence ?? 999;
+      const seqB = b.positionNumber ?? b.sequence ?? b.coach?.sequence ?? 999;
+      return seqA - seqB;
+    });
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-foreground">Seat Management</h1>
+        <p className="text-muted-foreground mt-1">View and manage seats by coach</p>
+      </div>
+
+      {!selectedSchedule ? (
+        <div className="card">
+          <label className="label">Select Schedule</label>
+          <select
+            value={selectedSchedule}
+            onChange={(e) => setSelectedSchedule(e.target.value)}
+            className="input"
+          >
+            <option value="">Select a schedule...</option>
+            {schedules.map((schedule: any) => {
+              const trainNumber = schedule.train?.trainNumber || schedule.train?.name || 'N/A';
+              const routeName = schedule.route?.name || 'N/A';
+              const date = schedule.departureAt ? new Date(schedule.departureAt).toLocaleDateString() : 'N/A';
+              return (
+                <option key={schedule.id} value={schedule.id}>
+                  {trainNumber} - {routeName} - {date}
+                </option>
+              );
+            })}
+          </select>
+          <div className="text-center py-12 text-muted-foreground mt-8">
+            <Armchair className="h-12 w-12 mx-auto mb-3 opacity-50" />
+            <p>Select a schedule to view seat map</p>
+          </div>
+        </div>
+      ) : isLoading ? (
+        <div className="card text-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary mx-auto"></div>
+          <p className="text-muted-foreground mt-3">Loading seats...</p>
+        </div>
+      ) : coachesWithSeats.length === 0 ? (
+        <div className="space-y-6">
+          <div className="card">
+            <label className="label">Select Schedule</label>
+            <select
+              value={selectedSchedule}
+              onChange={(e) => setSelectedSchedule(e.target.value)}
+              className="input"
+            >
+              <option value="">Select a schedule...</option>
+              {schedules.map((schedule: any) => {
+                const trainNumber = schedule.train?.trainNumber || schedule.train?.name || 'N/A';
+                const routeName = schedule.route?.name || 'N/A';
+                const date = schedule.departureAt ? new Date(schedule.departureAt).toLocaleDateString() : 'N/A';
+                return (
+                  <option key={schedule.id} value={schedule.id}>
+                    {trainNumber} - {routeName} - {date}
+                  </option>
+                );
+              })}
+            </select>
+          </div>
+          <div className="card text-center py-12 text-muted-foreground">
+            <p>No coaches with seats found for this schedule</p>
+          </div>
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <div className="card h-fit sticky top-6 space-y-6">
+            <div>
+              <label className="label">Select Schedule</label>
+              <select
+                value={selectedSchedule}
+                onChange={(e) => setSelectedSchedule(e.target.value)}
+                className="input"
+              >
+                <option value="">Select a schedule...</option>
+                {schedules.map((schedule: any) => {
+                  const trainNumber = schedule.train?.trainNumber || schedule.train?.name || 'N/A';
+                  const routeName = schedule.route?.name || 'N/A';
+                  const date = schedule.departureAt ? new Date(schedule.departureAt).toLocaleDateString() : 'N/A';
+                  return (
+                    <option key={schedule.id} value={schedule.id}>
+                      {trainNumber} - {routeName} - {date}
+                    </option>
+                  );
+                })}
+              </select>
+            </div>
+
+            <div className="space-y-3 pt-4 border-t border-gray-200 dark:border-gray-700">
+              <h3 className="font-semibold text-sm text-foreground">Seat Status</h3>
+              <div className="space-y-2">
+                <div className="flex items-center gap-3">
+                  <div className="w-5 h-5 rounded bg-green-500"></div>
+                  <span className="text-sm text-muted-foreground">Available</span>
+                </div>
+                <div className="flex items-center gap-3">
+                  <div className="w-5 h-5 rounded bg-red-500"></div>
+                  <span className="text-sm text-muted-foreground">Booked</span>
+                </div>
+                <div className="flex items-center gap-3">
+                  <div className="w-5 h-5 rounded bg-yellow-500"></div>
+                  <span className="text-sm text-muted-foreground">Held</span>
+                </div>
+                <div className="flex items-center gap-3">
+                  <div className="w-5 h-5 rounded bg-gray-500"></div>
+                  <span className="text-sm text-muted-foreground">Blocked</span>
+                </div>
+                <div className="flex items-center gap-3">
+                  <div className="w-5 h-5 rounded border-2 border-dashed border-gray-400"></div>
+                  <span className="text-sm text-muted-foreground">Removed</span>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div className="space-y-4 w-80">
+            <div className="bg-gradient-to-r from-[rgb(20,113,76)] to-[rgb(15,85,57)] rounded-lg border-2 border-[rgb(20,113,76)] flex items-center justify-center shadow-lg p-6 h-24">
+              <Train className="w-14 h-14 text-white" />
+            </div>
+
+            {coachesWithSeats.map((coach: any, index: number) => {
+              const coachData = coachTypesData?.items?.find((c: any) => c.id === coach.id) || coach;
+              const coachTypeName = coachData?.coachType?.type || 'Coach';
+              const isBedCoach = coachTypeName.toLowerCase().includes('bed');
+              const seats = (coach.seats || []).filter((s: any) => s.seatNumber);
+              const isExpanded = expandedCoaches.has(coach.id);
+              const seatOrBedLabel = isBedCoach ? 'beds' : 'seats';
+              const sequence = coach.positionNumber ?? coach.sequence ?? coachData?.sequence ?? index + 1;
+
+              return (
+                <div key={coach.id} className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden bg-white dark:bg-gray-800/50 shadow-md hover:shadow-lg transition-shadow">
+                  <div className="px-4 py-3 bg-gradient-to-r from-[rgb(20,113,76)]/10 to-[rgb(20,113,76)]/5 dark:from-[rgb(20,113,76)]/20 dark:to-[rgb(20,113,76)]/10 border-b border-[rgb(20,113,76)]/20 dark:border-[rgb(20,113,76)]/30 flex items-center justify-between">
+                    <button
+                      onClick={() => toggleCoach(coach.id)}
+                      className="flex-1 flex items-center gap-3 hover:opacity-75 transition-opacity"
+                    >
+                      <div className={`transform transition-transform ${isExpanded ? 'rotate-180' : ''}`}>
+                        <ChevronDown className="w-5 h-5 text-[rgb(20,113,76)]" />
+                      </div>
+                      <div className="text-left">
+                        <p className="font-semibold text-foreground">{sequence} - {coach.coachNumber}</p>
+                        <p className="text-xs text-muted-foreground">{coachTypeName} • {seats.length} {seatOrBedLabel}</p>
+                      </div>
+                    </button>
+                    <ActionButton
+                      variant={isCoachBlocked(coach) ? 'danger' : 'secondary'}
+                      size="sm"
+                      onClick={() => isCoachBlocked(coach) ? handleUnblockCoach(coach) : handleBlockCoach(coach)}
+                      className="ml-2"
+                      disabled={!isCoachBlocked(coach) && !isCoachUnblocked(coach)}
+                    >
+                      {isCoachBlocked(coach) ? (
+                        <>
+                          <Unlock className="w-4 h-4" /> Unblock
+                        </>
+                      ) : isCoachUnblocked(coach) ? (
+                        <>
+                          <Lock className="w-4 h-4" /> Block
+                        </>
+                      ) : (
+                        'Mixed Status'
+                      )}
+                    </ActionButton>
+                  </div>
+
+                  {isExpanded && (
+                    <div className="px-4 py-4 bg-white dark:bg-gray-900/50 border-t border-gray-200 dark:border-gray-700">
+                      <div className="bg-gray-50 dark:bg-gray-900/30 rounded-lg p-3 inline-block">
+                        {renderCoachSeats(coach, isBedCoach)}
+                      </div>
+                    </div>
+                  )}
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      )}
+
+      <Modal
+        isOpen={showBlockModal}
+        onClose={() => {
+          setShowBlockModal(false);
+          setSelectedSeat(null);
+          setBlockReason('');
+        }}
+        title="Block Seat"
+        size="md"
+      >
+        <div className="space-y-4">
+          <p className="text-sm text-muted-foreground">
+            Block seat <strong>{selectedSeat?.seatNumber}</strong> in Coach <strong>{selectedSeat?.coach?.coachNumber}</strong>
+          </p>
+          <div>
+            <label className="label">Reason for Blocking *</label>
+            <textarea
+              className="input"
+              rows={3}
+              value={blockReason}
+              onChange={(e) => setBlockReason(e.target.value)}
+              placeholder="e.g., Maintenance required, Damaged seat, Reserved for staff"
+            />
+          </div>
+          <div className="flex justify-end gap-2">
+            <ActionButton
+              variant="secondary"
+              onClick={() => {
+                setShowBlockModal(false);
+                setSelectedSeat(null);
+                setBlockReason('');
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              onClick={submitBlock}
+              loading={blockMutation.isPending}
+              disabled={!blockReason.trim()}
+            >
+              Block Seat
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+
+      <Modal
+        isOpen={showRemoveModal}
+        onClose={() => {
+          setShowRemoveModal(false);
+          setSelectedSeat(null);
+        }}
+        title="Remove Seat"
+        size="md"
+      >
+        <div className="space-y-4">
+          <p className="text-sm text-muted-foreground">
+            Remove seat <strong>{selectedSeat?.seatNumber}</strong> from Coach <strong>{selectedSeat?.coach?.coachNumber}</strong>
+          </p>
+          <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-3">
+            <p className="text-sm text-yellow-800">
+              This will mark the seat as removed. The seat will show as an empty space on the seat map.
+              You can undo this action anytime by clicking the undo button on the removed seat.
+            </p>
+          </div>
+          <div className="flex justify-end gap-2">
+            <ActionButton
+              variant="secondary"
+              onClick={() => {
+                setShowRemoveModal(false);
+                setSelectedSeat(null);
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              variant="danger"
+              onClick={submitRemoveSeat}
+              loading={removeSeatMutation.isPending}
+            >
+              Remove Seat
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+
+      <Modal
+        isOpen={showBlockCoachModal}
+        onClose={() => {
+          setShowBlockCoachModal(false);
+          setSelectedCoach(null);
+          setBlockCoachReason('');
+        }}
+        title="Block Coach"
+        size="md"
+      >
+        <div className="space-y-4">
+          <p className="text-sm text-muted-foreground">
+            Block all seats in Coach <strong>{selectedCoach?.coachNumber}</strong>
+          </p>
+          <div className="bg-red-50 border border-red-200 rounded-lg p-3">
+            <p className="text-sm text-red-800">
+              This will block all {selectedCoach?.seats?.length || 0} seats in this coach.
+            </p>
+          </div>
+          <div>
+            <label className="label">Reason for Blocking *</label>
+            <textarea
+              className="input"
+              rows={3}
+              value={blockCoachReason}
+              onChange={(e) => setBlockCoachReason(e.target.value)}
+              placeholder="e.g., Major maintenance, Safety inspection, Temporary withdrawal"
+            />
+          </div>
+          <div className="flex justify-end gap-2">
+            <ActionButton
+              variant="secondary"
+              onClick={() => {
+                setShowBlockCoachModal(false);
+                setSelectedCoach(null);
+                setBlockCoachReason('');
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              variant="danger"
+              onClick={submitBlockCoach}
+              loading={blockCoachMutation.isPending}
+              disabled={!blockCoachReason.trim()}
+            >
+              Block Coach
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+
+      <Modal
+        isOpen={showUnblockCoachModal}
+        onClose={() => {
+          setShowUnblockCoachModal(false);
+          setCoachToUnblock(null);
+        }}
+        title="Unblock Coach"
+        size="md"
+      >
+        <div className="space-y-4">
+          <p className="text-sm text-muted-foreground">
+            Unblock all seats in Coach <strong>{coachToUnblock?.coachNumber}</strong>
+          </p>
+          <div className="bg-green-50 border border-green-200 rounded-lg p-3">
+            <p className="text-sm text-green-800">
+              This will unblock all {coachToUnblock?.seats?.filter((s: any) => s.status === 'BLOCKED' || s.isBlocked).length || 0} blocked seats in this coach.
+            </p>
+          </div>
+          <div className="flex justify-end gap-2">
+            <ActionButton
+              variant="secondary"
+              onClick={() => {
+                setShowUnblockCoachModal(false);
+                setCoachToUnblock(null);
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              onClick={confirmUnblockCoach}
+              loading={unblockCoachMutation.isPending}
+            >
+              Unblock Coach
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+    </div>
+  );
+}
+
+interface SeatIconProps {
+  seat: any;
+  coach: any;
+  isBedCoach: boolean;
+  shouldFlipIcon?: boolean;
+  hideNumber?: boolean;
+  getSeatStatus: (seat: any) => string;
+  getSeatColor: (status: string) => string;
+  handleBlock: (seat: any) => void;
+  handleRemoveSeat: (seat: any) => void;
+  handleUnblock: (seat: any) => void;
+  handleUndoRemove: (seat: any) => void;
+}
+
+function SeatIcon({
+  seat,
+  coach,
+  isBedCoach,
+  shouldFlipIcon = false,
+  hideNumber = false,
+  getSeatStatus,
+  getSeatColor,
+  handleBlock,
+  handleRemoveSeat,
+  handleUnblock,
+  handleUndoRemove,
+}: SeatIconProps) {
+  const isRemoved = seat.seatNumber && seat.seatNumber.startsWith('-');
+  const seatClassStr = typeof coach?.seatClass === 'string' ? coach.seatClass : (coach?.seatClass?.name || coach?.coachClass || '');
+  const isVipBed = isBedCoach && seatClassStr.toLowerCase().includes('vip');
+  const bedWidth = isVipBed ? 'w-24' : 'w-16';
+  const width = isBedCoach ? bedWidth : 'w-10';
+
+  if (!seat.seatNumber) {
+    return <div className="w-7 h-7" />;
+  }
+
+  if (isRemoved) {
+    return (
+      <div className="relative group flex flex-col items-center">
+        <div className="w-11 h-11 rounded border-2 border-dashed border-gray-400 flex items-center justify-center hover:opacity-80 transition-opacity" title="Removed seat">
+        </div>
+        <div className="absolute top-full mt-1 bg-black/80 rounded shadow-lg flex items-center gap-1 p-1 z-20 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none group-hover:pointer-events-auto">
+          <button
+            onClick={() => handleUndoRemove(seat)}
+            className="p-1 bg-white rounded hover:bg-gray-100 pointer-events-auto"
+            title="Undo remove"
+          >
+            <RotateCcw className="h-3 w-3 text-gray-700" />
+          </button>
+        </div>
+      </div>
+    );
+  }
+
+  const status = getSeatStatus(seat);
+  const color = getSeatColor(status);
+  const canBlock = status === 'AVAILABLE';
+  const canUnblock = status === 'BLOCKED';
+
+  return (
+    <div className="relative group flex flex-col items-center">
+      {!hideNumber && (
+        <span className="text-xs font-bold mb-0.5 leading-3 text-foreground">
+          {seat.seatNumber}
+        </span>
+      )}
+
+      {isBedCoach ? (
+        <div
+          className={`${width} h-11 rounded flex items-center justify-center cursor-pointer hover:opacity-80 transition-opacity ${color}`}
+          title={`${seat.seatNumber} - ${seat.bedPosition} - ${status}`}
+          style={!shouldFlipIcon ? { transform: 'scaleY(-1)' } : undefined}
+        >
+          <Bed className="w-7 h-7 text-white" />
+        </div>
+      ) : (
+        <div
+          className={`w-11 h-11 rounded flex items-center justify-center cursor-pointer hover:opacity-80 transition-opacity ${color}`}
+          title={`${seat.seatNumber} - ${status}`}
+          style={seat.row % 2 === 0 ? { transform: 'scaleY(-1)' } : undefined}
+        >
+          <Armchair className="w-7 h-7 text-white" />
+        </div>
+      )}
+
+      {(canBlock || canUnblock) && (
+        <div className="absolute top-full mt-1 bg-black/80 rounded shadow-lg flex items-center gap-1 p-1 z-20 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none group-hover:pointer-events-auto">
+          {canBlock && (
+            <>
+              <button
+                onClick={() => handleBlock(seat)}
+                className="p-1 bg-white rounded hover:bg-gray-100 pointer-events-auto"
+                title="Block seat"
+              >
+                <Lock className="h-3 w-3 text-gray-700" />
+              </button>
+              <button
+                onClick={() => handleRemoveSeat(seat)}
+                className="p-1 bg-white rounded hover:bg-gray-100 pointer-events-auto"
+                title="Remove seat"
+              >
+                <X className="h-3 w-3 text-gray-700" />
+              </button>
+            </>
+          )}
+          {canUnblock && (
+            <button
+              onClick={() => handleUnblock(seat)}
+              className="p-1 bg-white rounded hover:bg-gray-100 pointer-events-auto"
+              title="Unblock seat"
+            >
+              <Unlock className="h-3 w-3 text-gray-700" />
+            </button>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/settings/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/settings/layout.tsx
new file mode 100644
index 000000000..78ebd0b65
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/settings/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function SettingsLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/settings/page.tsx b/apps/edr-passenger-web/backoffice/src/app/settings/page.tsx
new file mode 100644
index 000000000..6f473c2fb
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/settings/page.tsx
@@ -0,0 +1,144 @@
+'use client';
+
+import { useState } from 'react';
+import { Save, Users } from 'lucide-react';
+import Link from 'next/link';
+
+export default function SettingsPage() {
+  const [activeTab, setActiveTab] = useState<'general' | 'payment' | 'integrations'>('general');
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Settings</h1>
+          <p className="text-muted-foreground">Manage system settings and configurations</p>
+        </div>
+        <button className="btn btn-primary flex items-center gap-2">
+          <Save className="h-4 w-4" />
+          Save Changes
+        </button>
+      </div>
+
+      <div className="flex gap-2 border-b border-border">
+        <button
+          onClick={() => setActiveTab('general')}
+          className={`px-4 py-2 font-medium ${activeTab === 'general' ? 'border-b-2 border-primary text-primary' : 'text-muted-foreground'}`}
+        >
+          General
+        </button>
+        <button
+          onClick={() => setActiveTab('payment')}
+          className={`px-4 py-2 font-medium ${activeTab === 'payment' ? 'border-b-2 border-primary text-primary' : 'text-muted-foreground'}`}
+        >
+          Payment
+        </button>
+        <button
+          onClick={() => setActiveTab('integrations')}
+          className={`px-4 py-2 font-medium ${activeTab === 'integrations' ? 'border-b-2 border-primary text-primary' : 'text-muted-foreground'}`}
+        >
+          Integrations
+        </button>
+      </div>
+
+      {activeTab === 'general' && (
+        <div className="card space-y-4">
+          <div>
+            <label className="label">Platform Name</label>
+            <input type="text" className="input" defaultValue="EDR Passenger Platform" />
+          </div>
+          <div>
+            <label className="label">Support Email</label>
+            <input type="email" className="input" defaultValue="support@edr-platform.com" />
+          </div>
+          <div>
+            <label className="label">Support Phone</label>
+            <input type="tel" className="input" defaultValue="+251911234567" />
+          </div>
+          <div>
+            <label className="label">Default Currency</label>
+            <select className="input">
+              <option>ETB - Ethiopian Birr</option>
+              <option>DJF - Djiboutian Franc</option>
+              <option>USD - US Dollar</option>
+            </select>
+          </div>
+        </div>
+      )}
+
+      {activeTab === 'payment' && (
+        <div className="space-y-6">
+          <div className="card">
+            <h3 className="mb-4 text-lg font-semibold text-foreground">Payment Providers</h3>
+            <div className="space-y-4">
+              <div className="flex items-center justify-between rounded-lg border border-border p-4">
+                <div>
+                  <p className="font-medium text-foreground">Telebirr</p>
+                  <p className="text-sm text-muted-foreground">Mobile payment provider</p>
+                </div>
+                <label className="relative inline-flex cursor-pointer items-center">
+                  <input type="checkbox" className="peer sr-only" defaultChecked />
+                  <div className="peer h-6 w-11 rounded-full bg-gray-200 dark:bg-gray-700 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white"></div>
+                </label>
+              </div>
+              <div className="flex items-center justify-between rounded-lg border border-border p-4">
+                <div>
+                  <p className="font-medium text-foreground">CBE Birr</p>
+                  <p className="text-sm text-muted-foreground">Bank payment provider</p>
+                </div>
+                <label className="relative inline-flex cursor-pointer items-center">
+                  <input type="checkbox" className="peer sr-only" defaultChecked />
+                  <div className="peer h-6 w-11 rounded-full bg-gray-200 dark:bg-gray-700 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white"></div>
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {activeTab === 'integrations' && (
+        <div className="space-y-6">
+          <div className="card">
+            <h3 className="mb-4 text-lg font-semibold text-foreground">Verifayda 2.0 Integration</h3>
+            <div className="space-y-4">
+              <div>
+                <label className="label">API URL</label>
+                <input type="text" className="input" defaultValue="https://api.verifayda.gov.et/v2" />
+              </div>
+              <div>
+                <label className="label">API Key</label>
+                <input type="password" className="input" defaultValue="••••••••••••" />
+              </div>
+              <div className="flex items-center gap-2">
+                <input type="checkbox" id="verifayda-enabled" defaultChecked />
+                <label htmlFor="verifayda-enabled" className="text-sm text-foreground">
+                  Enable Verifayda verification
+                </label>
+              </div>
+            </div>
+          </div>
+
+          <div className="card">
+            <h3 className="mb-4 text-lg font-semibold text-foreground">Corporate IAM Integration</h3>
+            <div className="space-y-4">
+              <div>
+                <label className="label">IAM API URL</label>
+                <input type="text" className="input" defaultValue="https://iam.tria-plc.com/api" />
+              </div>
+              <div>
+                <label className="label">API Key</label>
+                <input type="password" className="input" defaultValue="••••••••••••" />
+              </div>
+              <div className="flex items-center gap-2">
+                <input type="checkbox" id="iam-enabled" />
+                <label htmlFor="iam-enabled" className="text-sm text-foreground">
+                  Enable IAM authentication
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/settings/users/page.tsx b/apps/edr-passenger-web/backoffice/src/app/settings/users/page.tsx
new file mode 100644
index 000000000..05120eb15
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/settings/users/page.tsx
@@ -0,0 +1,389 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Plus, Edit, Trash2, RefreshCw } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { usersApi, BackofficeUser } from '@/lib/api/users';
+
+export default function UserManagementPage() {
+  const [filters, setFilters] = useState({ search: '', role: '', status: '', page: 1, pageSize: 10 });
+  const [showModal, setShowModal] = useState(false);
+  const [editingUser, setEditingUser] = useState<any>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; user: any | null }>({ isOpen: false, user: null });
+  const [resetPasswordModal, setResetPasswordModal] = useState<{ isOpen: boolean; user: any | null }>({ isOpen: false, user: null });
+  const [newPassword, setNewPassword] = useState('');
+  const queryClient = useQueryClient();
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['users', filters],
+    queryFn: () => usersApi.getAll(filters),
+  });
+
+  const createMutation = useMutation({
+    mutationFn: usersApi.create,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] });
+      setShowModal(false);
+      setEditingUser(null);
+    },
+  });
+
+  const updateMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) => usersApi.update(id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] });
+      setShowModal(false);
+      setEditingUser(null);
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: usersApi.delete,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] });
+    },
+  });
+
+  const resetPasswordMutation = useMutation({
+    mutationFn: ({ id, tempPassword }: { id: string; tempPassword: string }) =>
+      usersApi.resetPassword(id, tempPassword),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['users'] });
+      setResetPasswordModal({ isOpen: false, user: null });
+      setNewPassword('');
+    },
+  });
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    
+    const userData = {
+      email: formData.get('email') as string,
+      fullName: formData.get('fullName') as string,
+      role: formData.get('role') as string,
+      status: formData.get('status') as 'ACTIVE' | 'INACTIVE',
+    } as any;
+
+    if (!editingUser) {
+      userData.password = formData.get('password') as string;
+    }
+
+    if (editingUser) {
+      await updateMutation.mutateAsync({ id: editingUser.id, data: userData });
+    } else {
+      await createMutation.mutateAsync(userData);
+    }
+  };
+
+  const handleDelete = (user: any) => {
+    setDeleteConfirm({ isOpen: true, user });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.user) {
+      await deleteMutation.mutateAsync(deleteConfirm.user.id);
+      setDeleteConfirm({ isOpen: false, user: null });
+    }
+  };
+
+  const handleResetPassword = async () => {
+    if (resetPasswordModal.user && newPassword) {
+      await resetPasswordMutation.mutateAsync({
+        id: resetPasswordModal.user.id,
+        tempPassword: newPassword,
+      });
+    }
+  };
+
+  const columns = [
+    {
+      key: 'fullName',
+      label: 'Full Name',
+      sortable: true,
+      render: (user: BackofficeUser) => (
+        <div>
+          <div className="font-medium">{user.fullName}</div>
+          <div className="text-sm text-muted-foreground">{user.email}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'role',
+      label: 'Role',
+      render: (user: BackofficeUser) => (
+        <Badge variant="status" status={user.role}>
+          {user.role}
+        </Badge>
+      ),
+    },
+    {
+      key: 'status',
+      label: 'Status',
+      render: (user: BackofficeUser) => (
+        <Badge variant="status" status={user.status === 'ACTIVE' ? 'CONFIRMED' : 'CANCELLED'}>
+          {user.status}
+        </Badge>
+      ),
+    },
+    {
+      key: 'lastLogin',
+      label: 'Last Login',
+      render: (user: BackofficeUser) => (
+        <span className="text-sm text-muted-foreground">
+          {user.lastLogin ? new Date(user.lastLogin).toLocaleString() : 'Never'}
+        </span>
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'Edit',
+      onClick: (user: BackofficeUser) => {
+        setEditingUser(user);
+        setShowModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Reset Password',
+      onClick: (user: BackofficeUser) => {
+        setResetPasswordModal({ isOpen: true, user });
+        setNewPassword('');
+      },
+      variant: 'secondary' as const,
+      icon: RefreshCw,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDelete,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">User Management</h1>
+          <p className="text-muted-foreground">Manage backoffice users and their permissions</p>
+        </div>
+        <ActionButton
+          icon={Plus}
+          onClick={() => {
+            setEditingUser(null);
+            setShowModal(true);
+          }}
+        >
+          Add User
+        </ActionButton>
+      </div>
+
+      {/* Filters */}
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+          <div>
+            <input
+              type="text"
+              placeholder="Search users..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value, page: 1 })}
+            />
+          </div>
+          <div>
+            <select
+              className="input"
+              value={filters.role}
+              onChange={(e) => setFilters({ ...filters, role: e.target.value, page: 1 })}
+            >
+              <option value="">All Roles</option>
+              <option value="ADMIN">Admin</option>
+              <option value="SUPERVISOR">Supervisor</option>
+              <option value="STAFF">Staff</option>
+              <option value="AGENT">Agent</option>
+            </select>
+          </div>
+          <div>
+            <select
+              className="input"
+              value={filters.status}
+              onChange={(e) => setFilters({ ...filters, status: e.target.value, page: 1 })}
+            >
+              <option value="">All Status</option>
+              <option value="ACTIVE">Active</option>
+              <option value="INACTIVE">Inactive</option>
+            </select>
+          </div>
+        </div>
+      </div>
+
+      {/* Users Table */}
+      <DataTable
+        data={data?.items || []}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No users found"
+      />
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, user: null })}
+        onConfirm={confirmDelete}
+        title="Delete User"
+        message={`Are you sure you want to delete ${deleteConfirm.user?.fullName}? This action cannot be undone.`}
+        confirmText="Delete"
+        isDanger={true}
+      />
+
+      {/* Reset Password Modal */}
+      <Modal
+        isOpen={resetPasswordModal.isOpen}
+        onClose={() => setResetPasswordModal({ isOpen: false, user: null })}
+        title="Reset User Password"
+      >
+        <div className="space-y-4">
+          <div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded p-3 text-sm">
+            <p className="font-semibold text-blue-900 dark:text-blue-200">Temporary Password</p>
+            <p className="text-blue-800 dark:text-blue-300 mt-1">
+              Set a temporary password for {resetPasswordModal.user?.fullName}. They will need to change it on first login.
+            </p>
+          </div>
+          <div>
+            <label className="label">Temporary Password *</label>
+            <input
+              type="password"
+              className="input"
+              value={newPassword}
+              onChange={(e) => setNewPassword(e.target.value)}
+              placeholder="Enter temporary password"
+              required
+            />
+          </div>
+          <div className="flex justify-end gap-2 pt-4">
+            <ActionButton
+              type="button"
+              variant="secondary"
+              onClick={() => setResetPasswordModal({ isOpen: false, user: null })}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              onClick={handleResetPassword}
+              loading={resetPasswordMutation.isPending}
+              disabled={!newPassword}
+            >
+              Reset Password
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+
+      {/* Add/Edit Modal */}
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          setShowModal(false);
+          setEditingUser(null);
+        }}
+        title={`${editingUser ? 'Edit' : 'Add'} User`}
+        size="lg"
+      >
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="label">Full Name *</label>
+              <input
+                type="text"
+                name="fullName"
+                className="input"
+                defaultValue={editingUser?.fullName}
+                required
+                placeholder="e.g., John Doe"
+              />
+            </div>
+            <div>
+              <label className="label">Email *</label>
+              <input
+                type="email"
+                name="email"
+                className="input"
+                defaultValue={editingUser?.email}
+                required
+                placeholder="e.g., john@example.com"
+                disabled={!!editingUser}
+              />
+            </div>
+            <div>
+              <label className="label">Role *</label>
+              <select
+                name="role"
+                className="input"
+                defaultValue={editingUser?.role || 'STAFF'}
+                required
+              >
+                <option value="ADMIN">Admin</option>
+                <option value="SUPERVISOR">Supervisor</option>
+                <option value="STAFF">Staff</option>
+                <option value="AGENT">Agent</option>
+              </select>
+            </div>
+            <div>
+              <label className="label">Status</label>
+              <select
+                name="status"
+                className="input"
+                defaultValue={editingUser?.status || 'ACTIVE'}
+              >
+                <option value="ACTIVE">Active</option>
+                <option value="INACTIVE">Inactive</option>
+              </select>
+            </div>
+            {!editingUser && (
+              <div>
+                <label className="label">Password *</label>
+                <input
+                  type="password"
+                  name="password"
+                  className="input"
+                  required
+                  placeholder="Minimum 8 characters"
+                  minLength={8}
+                />
+              </div>
+            )}
+          </div>
+
+          <div className="flex justify-end gap-2 pt-4">
+            <ActionButton
+              type="button"
+              variant="secondary"
+              onClick={() => {
+                setShowModal(false);
+                setEditingUser(null);
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              type="submit"
+              loading={createMutation.isPending || updateMutation.isPending}
+            >
+              {editingUser ? 'Update' : 'Create'} User
+            </ActionButton>
+          </div>
+        </form>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/stations/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/stations/layout.tsx
new file mode 100644
index 000000000..4576b0d90
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/stations/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function StationsLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/stations/page.tsx b/apps/edr-passenger-web/backoffice/src/app/stations/page.tsx
new file mode 100644
index 000000000..97a1cf7ba
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/stations/page.tsx
@@ -0,0 +1,390 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Globe, Plus, Edit, Trash2 } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import { stationsApi } from '@/lib/api';
+import { Station } from '@/types';
+
+const TIMEZONES = [
+  'Africa/Addis_Ababa',
+  'Africa/Johannesburg',
+  'Africa/Cairo',
+  'Africa/Lagos',
+  'Asia/Kolkata',
+  'UTC',
+];
+
+export default function StationsPage() {
+  const [filters, setFilters] = useState({ search: '', country: '', operational: '' });
+  const [showModal, setShowModal] = useState(false);
+  const [editingStation, setEditingStation] = useState<any>(null);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; station: any | null }>({ isOpen: false, station: null });
+  const queryClient = useQueryClient();
+
+  const { data, isLoading, error } = useQuery({
+    queryKey: ['stations', filters],
+    queryFn: () => stationsApi.getAll(filters),
+  });
+
+  const createMutation = useMutation({
+    mutationFn: stationsApi.create,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['stations'] });
+      setShowModal(false);
+      setEditingStation(null);
+    },
+  });
+
+  const updateMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) => stationsApi.update(id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['stations'] });
+      setShowModal(false);
+      setEditingStation(null);
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: stationsApi.delete,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['stations'] });
+    },
+  });
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const sequence = parseInt(formData.get('sequence') as string);
+    
+    if (isNaN(sequence)) {
+      alert('Sequence Number is required');
+      return;
+    }
+
+    const stationData = {
+      code: formData.get('code') as string,
+      name: formData.get('name') as string,
+      city: formData.get('city') as string,
+      countryCode: formData.get('countryCode') as string,
+      lat: parseFloat(formData.get('lat') as string) || null,
+      lng: parseFloat(formData.get('lng') as string) || null,
+      timezone: formData.get('timezone') as string,
+      sequence,
+      isOperational: formData.get('isOperational') === 'true',
+    };
+
+    if (editingStation) {
+      await updateMutation.mutateAsync({ id: editingStation.id, data: stationData });
+    } else {
+      await createMutation.mutateAsync(stationData);
+    }
+  };
+
+  const handleDelete = (station: any) => {
+    setDeleteConfirm({ isOpen: true, station });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.station) {
+      await deleteMutation.mutateAsync(deleteConfirm.station.id);
+      setDeleteConfirm({ isOpen: false, station: null });
+    }
+  };
+
+  const columns = [
+    {
+      key: 'sequence',
+      label: 'Sequence',
+      sortable: true,
+      render: (station: any) => (
+        <span className="font-mono font-semibold text-sm">{station.sequence || 0}</span>
+      ),
+    },
+    {
+      key: 'code',
+      label: 'Code',
+      sortable: true,
+      render: (station: any) => (
+        <span className="font-mono font-semibold">{station.code || 'N/A'}</span>
+      ),
+    },
+    {
+      key: 'name',
+      label: 'Station Name',
+      sortable: true,
+      render: (station: any) => (
+        <div>
+          <div className="font-medium">{station.name || 'N/A'}</div>
+          <div className="text-sm text-muted-foreground">{station.city || 'N/A'}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'countryCode',
+      label: 'Country',
+      render: (station: any) => (
+        <div className="flex items-center gap-2">
+          <Globe className="h-4 w-4 text-muted-foreground" />
+          <span>{station.countryCode || 'N/A'}</span>
+        </div>
+      ),
+    },
+
+    {
+      key: 'isOperational',
+      label: 'Status',
+      render: (station: any) => (
+        <Badge variant="status" status={station.isOperational ? 'CONFIRMED' : 'CANCELLED'}>
+          {station.isOperational ? 'Operational' : 'Closed'}
+        </Badge>
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'Edit',
+      onClick: (station: any) => {
+        setEditingStation(station);
+        setShowModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDelete,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Stations</h1>
+          <p className="text-muted-foreground">Manage railway stations and their operational status</p>
+        </div>
+        <ActionButton
+          icon={Plus}
+          onClick={() => {
+            setEditingStation(null);
+            setShowModal(true);
+          }}
+        >
+          Add Station
+        </ActionButton>
+      </div>
+
+      {/* Filters */}
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+          <div>
+            <input
+              type="text"
+              placeholder="Search stations..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+            />
+          </div>
+          <div>
+            <select
+              className="input"
+              value={filters.country}
+              onChange={(e) => setFilters({ ...filters, country: e.target.value })}
+            >
+              <option value="">All Countries</option>
+              <option value="ET">Ethiopia</option>
+              <option value="DJ">Djibouti</option>
+            </select>
+          </div>
+          <div>
+            <select
+              className="input"
+              value={filters.operational}
+              onChange={(e) => setFilters({ ...filters, operational: e.target.value })}
+            >
+              <option value="">All Status</option>
+              <option value="true">Operational</option>
+              <option value="false">Closed</option>
+            </select>
+          </div>
+        </div>
+      </div>
+
+      {/* Stations Table */}
+      <DataTable
+        data={data?.items || []}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No stations found"
+      />
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, station: null })}
+        onConfirm={confirmDelete}
+        title="Delete Station"
+        message={`Are you sure you want to delete ${deleteConfirm.station?.name}?`}
+        confirmText="Delete"
+        isDanger={true}
+        warning="This station may be referenced by routes, schedules, and bookings. Deleting it may impact these systems."
+      />
+
+      {/* Add/Edit Modal */}
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          setShowModal(false);
+          setEditingStation(null);
+        }}
+        title={`${editingStation ? 'Edit' : 'Add'} Station`}
+        size="lg"
+      >
+        <form onSubmit={handleSubmit} className="space-y-4">
+          {editingStation && (
+            <div className="rounded-lg bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 p-3 text-sm text-yellow-800 dark:text-yellow-200">
+              <p className="font-semibold">⚠ Warning</p>
+              <p className="mt-1">Editing this station may impact routes, schedules, and bookings that reference it. Proceed with caution.</p>
+            </div>
+          )}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="label">Station Code *</label>
+              <input
+                type="text"
+                name="code"
+                className="input"
+                defaultValue={editingStation?.code}
+                required
+                placeholder="e.g., ADD"
+              />
+            </div>
+            <div>
+              <label className="label">Station Name *</label>
+              <input
+                type="text"
+                name="name"
+                className="input"
+                defaultValue={editingStation?.name}
+                required
+                placeholder="e.g., Lebu"
+              />
+            </div>
+            <div>
+              <label className="label">City *</label>
+              <input
+                type="text"
+                name="city"
+                className="input"
+                defaultValue={editingStation?.city}
+                required
+                placeholder="e.g., Addis Ababa"
+              />
+            </div>
+            <div>
+              <label className="label">Country Code *</label>
+              <select
+                name="countryCode"
+                className="input"
+                defaultValue={editingStation?.countryCode || 'ET'}
+                required
+              >
+                <option value="ET">Ethiopia (ET)</option>
+                <option value="DJ">Djibouti (DJ)</option>
+              </select>
+            </div>
+            <div>
+              <label className="label">Latitude</label>
+              <input
+                type="number"
+                name="lat"
+                className="input"
+                defaultValue={editingStation?.lat}
+                step="0.0001"
+                placeholder="e.g., 9.0320"
+              />
+            </div>
+            <div>
+              <label className="label">Longitude</label>
+              <input
+                type="number"
+                name="lng"
+                className="input"
+                defaultValue={editingStation?.lng}
+                step="0.0001"
+                placeholder="e.g., 38.7469"
+              />
+            </div>
+            <div>
+              <label className="label">Timezone *</label>
+              <select
+                name="timezone"
+                className="input"
+                defaultValue={editingStation?.timezone || 'Africa/Addis_Ababa'}
+                required
+              >
+                {TIMEZONES.map((tz) => (
+                  <option key={tz} value={tz}>{tz}</option>
+                ))}
+              </select>
+            </div>
+            <div>
+              <label className="label">Sequence Number *</label>
+              <input
+                type="number"
+                name="sequence"
+                className="input"
+                defaultValue={editingStation?.sequence || 0}
+                min="0"
+                required
+                placeholder="e.g., 1"
+              />
+              <p className="text-xs text-muted-foreground mt-1">Used for ordering stations in routes</p>
+            </div>
+            <div>
+              <label className="label">Status</label>
+              <select
+                name="isOperational"
+                className="input"
+                defaultValue={editingStation?.isOperational?.toString() || 'true'}
+              >
+                <option value="true">Operational</option>
+                <option value="false">Closed</option>
+              </select>
+            </div>
+          </div>
+          
+          <div className="flex justify-end gap-2 pt-4">
+            <ActionButton
+              type="button"
+              variant="secondary"
+              onClick={() => {
+                setShowModal(false);
+                setEditingStation(null);
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              type="submit"
+              loading={createMutation.isPending || updateMutation.isPending}
+            >
+              {editingStation ? 'Update' : 'Create'} Station
+            </ActionButton>
+          </div>
+        </form>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/support/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/support/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/support/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/support/page.tsx b/apps/edr-passenger-web/backoffice/src/app/support/page.tsx
new file mode 100644
index 000000000..d6ad8fb38
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/support/page.tsx
@@ -0,0 +1,66 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import { supportApi } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function SupportPage() {
+  const [filters, setFilters] = useState({ search: '', status: '' });
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['support', filters],
+    queryFn: () => supportApi.getConversations(filters),
+  });
+
+  const columns = [
+      { key: 'subject', label: 'Subject', render: (conv: any) => conv.subject || 'No Subject' },
+      { key: 'passenger', label: 'Passenger', render: (conv: any) => conv.passenger?.fullName || 'N/A' },
+      { key: 'status', label: 'Status', render: (conv: any) => <Badge variant="status" status={conv.status}>{conv.status}</Badge> },
+      { key: 'createdAt', label: 'Created', render: (conv: any) => formatDateTime(conv.createdAt) },
+    ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Support Center</h1>
+          <p className="text-muted-foreground">Manage customer support conversations</p>
+        </div>
+        <ActionButton icon={Download} variant="secondary">Export</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.status} onChange={(e) => setFilters({ ...filters, status: e.target.value })}>
+          <option value="">All Status</option>
+          <option value="OPEN">Open</option>
+          <option value="IN_PROGRESS">In Progress</option>
+          <option value="RESOLVED">Resolved</option>
+          <option value="CLOSED">Closed</option>
+        </select>
+      </div>
+    
+        </div>
+      </div>
+
+      <DataTable
+        data={data?.items || data || []}
+        columns={columns}
+        loading={isLoading}
+        emptyMessage="No support center found"
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/tickets/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/tickets/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/tickets/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/tickets/page.tsx b/apps/edr-passenger-web/backoffice/src/app/tickets/page.tsx
new file mode 100644
index 000000000..e1dc12a33
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/tickets/page.tsx
@@ -0,0 +1,517 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { LogIn, Trash2 } from 'lucide-react';
+import { Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import Modal from '@/components/ui/Modal';
+import { ticketsApi, apiClient, schedulesApi, stationsApi } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function TicketsPage() {
+  const [filters, setFilters] = useState({ search: '', status: '', originStationId: '', destinationStationId: '', tripDate: '' });
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);
+  const [ticketToDelete, setTicketToDelete] = useState<any>(null);
+  const [boardConfirmOpen, setBoardConfirmOpen] = useState(false);
+  const [ticketToBoard, setTicketToBoard] = useState<any>(null);
+  const [successMessage, setSuccessMessage] = useState('');
+  const [detailsModalOpen, setDetailsModalOpen] = useState(false);
+  const [selectedTicket, setSelectedTicket] = useState<any>(null);
+  const [exportModalOpen, setExportModalOpen] = useState(false);
+  const [selectedColumns, setSelectedColumns] = useState<Record<string, boolean>>({
+    ticketNumber: true,
+    booking: true,
+    trip: true,
+    seat: true,
+    seatClass: true,
+    amount: true,
+    status: true,
+  });
+  const queryClient = useQueryClient();
+
+  const { data, isLoading, error } = useQuery({
+    queryKey: ['tickets', filters],
+    queryFn: () => ticketsApi.getAll({ ...filters, skip: 0, take: 50 }),
+  });
+
+  const { data: stationsData } = useQuery({
+    queryKey: ['stations'],
+    queryFn: () => stationsApi.getAll(),
+  });
+
+  const boardMutation = useMutation({
+    mutationFn: ({ ticketId }: any) => ticketsApi.validate(ticketId, { status: 'USED', boardedAt: new Date().toISOString() }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['tickets'] });
+      setBoardConfirmOpen(false);
+      setTicketToBoard(null);
+      setSuccessMessage('Ticket boarded successfully');
+      setTimeout(() => setSuccessMessage(''), 3000);
+    },
+    onError: (error: any) => {
+      alert(`Error: ${error.message || 'Failed to board ticket'}`);
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: (id: string) => apiClient.delete(`/tickets/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['tickets'] });
+      setDeleteConfirmOpen(false);
+      setTicketToDelete(null);
+      setSuccessMessage('Ticket deleted successfully');
+      setTimeout(() => setSuccessMessage(''), 3000);
+    },
+    onError: (error: any) => {
+      setDeleteConfirmOpen(false);
+      alert(`Error: ${error.message || 'Failed to delete ticket'}`);
+    },
+  });
+
+  const handleBoard = (ticket: any) => {
+    setTicketToBoard(ticket);
+    setBoardConfirmOpen(true);
+  };
+
+  const handleConfirmBoard = async () => {
+    if (ticketToBoard) {
+      await boardMutation.mutateAsync({ ticketId: ticketToBoard.id });
+    }
+  };
+
+  const handleDeleteClick = (ticket: any) => {
+    setTicketToDelete(ticket);
+    setDeleteConfirmOpen(true);
+  };
+
+  const handleConfirmDelete = async () => {
+    if (ticketToDelete) {
+      await deleteMutation.mutateAsync(ticketToDelete.id);
+    }
+  };
+
+  const handleExportTickets = async () => {
+    setExportModalOpen(true);
+  };
+
+  const confirmExport = () => {
+    const cols = Object.entries(selectedColumns)
+      .filter(([, selected]) => selected)
+      .map(([col]) => col);
+    
+    if (cols.length === 0) {
+      alert('Please select at least one column');
+      return;
+    }
+
+    const csv = [
+      cols.join(','),
+      ...data?.items?.map((ticket: any) => {
+        const values = cols.map(col => {
+          switch(col) {
+            case 'ticketNumber': return ticket.ticketNumber || '';
+            case 'booking': return ticket.booking?.bookingRef || '';
+            case 'trip': return `${ticket.schedule?.originStation?.name || ''}-${ticket.schedule?.destinationStation?.name || ''}`;
+            case 'coach': return ticket.seat?.coach?.number || '';
+            case 'seat': return ticket.seat?.seatNumber || '';
+            case 'seatClass': return ticket.seat?.coach?.coachType?.name || '';
+            case 'amount': return formatCurrency((ticket.booking?.totalMinor || 0), ticket.booking?.currency || 'ETB');
+            case 'status': return ticket.status || '';
+            case 'boarded': return ticket.boardedAt ? 'Yes' : 'No';
+            default: return '';
+          }
+        });
+        return values.map(v => `"${v}"`).join(',');
+      }) || []
+    ].join('\n');
+    
+    const blob = new Blob([csv], { type: 'text/csv' });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `tickets-${new Date().toISOString().split('T')[0]}.csv`;
+    a.click();
+    setExportModalOpen(false);
+  };
+
+  const columns = [
+    {
+      key: 'ticketNumber',
+      label: 'Ticket Number',
+      sortable: true,
+      render: (ticket: any) => (
+        <span className="font-mono font-semibold">{ticket.ticketNumber || 'N/A'}</span>
+      ),
+    },
+    {
+      key: 'booking',
+      label: 'Booking',
+      render: (ticket: any) => (
+        <div>
+          <div className="font-medium">{ticket.booking?.bookingRef || 'N/A'}</div>
+          <div className="text-sm text-muted-foreground">
+            {ticket.booking?.passenger?.fullName || ticket.booking?.contactEmail || 'N/A'}
+          </div>
+        </div>
+      ),
+    },
+    {
+      key: 'trip',
+      label: 'Trip',
+      render: (ticket: any) => (
+        <div>
+          <div className="font-medium">
+            {ticket.schedule?.originStation?.name || 'N/A'} → {ticket.schedule?.destinationStation?.name || 'N/A'}
+          </div>
+          <div className="text-sm text-muted-foreground">
+            {ticket.schedule?.departureAt ? formatDateTime(ticket.schedule.departureAt) : 'N/A'}
+          </div>
+        </div>
+      ),
+    },
+    {
+      key: 'seat',
+      label: 'Seat',
+      sortable: true,
+      render: (ticket: any) => (
+        <div>
+          <div className="font-mono font-semibold">Coach {ticket.seat?.coach?.number || 'N/A'} - Seat {ticket.seat?.seatNumber || 'N/A'}</div>
+          <div className="text-xs text-muted-foreground">{ticket.seat?.coach?.coachType?.name || 'N/A'}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'amount',
+      label: 'Amount',
+      sortable: true,
+      render: (ticket: any) => formatCurrency(ticket.booking?.totalMinor || 0, ticket.booking?.currency || 'ETB'),
+    },
+    {
+      key: 'status',
+      label: 'Status',
+      sortable: true,
+      render: (ticket: any) => (
+        <Badge variant="status" status={ticket.status || 'ACTIVE'}>
+          {ticket.status || 'ACTIVE'}
+        </Badge>
+      ),
+    },
+    {
+      key: 'boarded',
+      label: 'Boarded',
+      render: (ticket: any) => (
+        ticket.boardedAt ? (
+          <div className="flex items-center gap-1 text-green-600 dark:text-green-400">
+            <span className="text-sm">{formatDateTime(ticket.boardedAt)}</span>
+          </div>
+        ) : (
+          <span className="text-sm text-muted-foreground">Not boarded</span>
+        )
+      ),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'Board',
+      onClick: handleBoard,
+      variant: 'primary' as const,
+      icon: LogIn,
+      show: (ticket: any) => ticket.status !== 'USED' && !ticket.boardedAt,
+    },
+    {
+      label: 'Details',
+      onClick: (ticket: any) => {
+        setSelectedTicket(ticket);
+        setDetailsModalOpen(true);
+      },
+      variant: 'secondary' as const,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDeleteClick,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  const stations = stationsData?.items || [];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Tickets</h1>
+          <p className="text-muted-foreground">Manage tickets and validations</p>
+        </div>
+        <ActionButton icon={Download} variant="secondary" onClick={handleExportTickets}>Export</ActionButton>
+      </div>
+
+      {/* Filters */}
+      <div className="card">
+        {successMessage && (
+          <div className="mb-4 rounded-lg bg-green-50 dark:bg-green-900/20 p-4 text-sm text-green-800 dark:text-green-200">
+            ✓ {successMessage}
+          </div>
+        )}
+        {error && (
+          <div className="mb-4 rounded-lg bg-red-50 dark:bg-red-900/20 p-4 text-sm text-red-800 dark:text-red-200">
+            Error loading tickets: {error instanceof Error ? error.message : 'Unknown error'}
+          </div>
+        )}
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4">
+          <div>
+            <label className="label">Search</label>
+            <input
+              type="text"
+              placeholder="Search by ticket number..."
+              className="input"
+              value={filters.search}
+              onChange={(e) => setFilters({ ...filters, search: e.target.value })}
+            />
+          </div>
+          <div>
+            <label className="label">Origin</label>
+            <select
+              className="input"
+              value={filters.originStationId}
+              onChange={(e) => setFilters({ ...filters, originStationId: e.target.value })}
+            >
+              <option value="">All Origins</option>
+              {stations.map((station: any) => (
+                <option key={station.id} value={station.id}>{station.name}</option>
+              ))}
+            </select>
+          </div>
+          <div>
+            <label className="label">Destination</label>
+            <select
+              className="input"
+              value={filters.destinationStationId}
+              onChange={(e) => setFilters({ ...filters, destinationStationId: e.target.value })}
+            >
+              <option value="">All Destinations</option>
+              {stations.map((station: any) => (
+                <option key={station.id} value={station.id}>{station.name}</option>
+              ))}
+            </select>
+          </div>
+          <div>
+            <label className="label">Trip Date</label>
+            <input
+              type="date"
+              className="input"
+              value={filters.tripDate}
+              onChange={(e) => setFilters({ ...filters, tripDate: e.target.value })}
+            />
+          </div>
+          <div>
+            <label className="label">Status</label>
+            <select
+              className="input"
+              value={filters.status}
+              onChange={(e) => setFilters({ ...filters, status: e.target.value })}
+            >
+              <option value="">All Status</option>
+              <option value="ACTIVE">Active</option>
+              <option value="USED">Used</option>
+              <option value="CANCELLED">Cancelled</option>
+            </select>
+          </div>
+        </div>
+      </div>
+
+      {/* Tickets Table */}
+      <DataTable
+        data={data?.items || []}
+        columns={columns}
+        actions={actions}
+        loading={isLoading}
+        emptyMessage="No tickets found"
+      />
+
+      {/* Board Confirmation Dialog */}
+      <ConfirmDialog
+        isOpen={boardConfirmOpen}
+        onClose={() => {
+          setBoardConfirmOpen(false);
+          setTicketToBoard(null);
+        }}
+        onConfirm={handleConfirmBoard}
+        title="Board Ticket"
+        message={`Are you sure you want to board ticket ${ticketToBoard?.ticketNumber}? This will mark the ticket as USED.`}
+        confirmText="Board"
+        cancelText="Cancel"
+        isLoading={boardMutation.isPending}
+      />
+
+      {/* Delete Confirmation Dialog */}
+      <ConfirmDialog
+        isOpen={deleteConfirmOpen}
+        onClose={() => {
+          setDeleteConfirmOpen(false);
+          setTicketToDelete(null);
+        }}
+        onConfirm={handleConfirmDelete}
+        title="Delete Ticket"
+        message={`Are you sure you want to permanently delete ticket ${ticketToDelete?.ticketNumber}? This action cannot be undone.`}
+        confirmText="Delete"
+        cancelText="Cancel"
+        isLoading={deleteMutation.isPending}
+        isDanger={true}
+      />
+
+      {/* Ticket Details Modal */}
+      <Modal
+        isOpen={detailsModalOpen}
+        onClose={() => {
+          setDetailsModalOpen(false);
+          setSelectedTicket(null);
+        }}
+        title="Ticket Details"
+        size="lg"
+      >
+        {selectedTicket && (
+          <div className="space-y-6">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <div>
+                <p className="text-sm text-muted-foreground">Ticket Number</p>
+                <p className="font-mono font-semibold text-lg">{selectedTicket.ticketNumber}</p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">Status</p>
+                <div className="mt-1">
+                  <Badge variant="status" status={selectedTicket.status || 'ACTIVE'}>
+                    {selectedTicket.status || 'ACTIVE'}
+                  </Badge>
+                </div>
+              </div>
+            </div>
+
+            <div className="border-t pt-4">
+              <h3 className="font-semibold mb-3">Booking Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <p className="text-sm text-muted-foreground">Booking Reference</p>
+                  <p className="font-medium">{selectedTicket.booking?.bookingRef || 'N/A'}</p>
+                </div>
+                <div>
+                  <p className="text-sm text-muted-foreground">Passenger</p>
+                  <p className="font-medium">{selectedTicket.booking?.passenger?.fullName || selectedTicket.booking?.contactEmail || 'N/A'}</p>
+                </div>
+                <div>
+                  <p className="text-sm text-muted-foreground">Amount</p>
+                  <p className="font-medium">{formatCurrency(selectedTicket.booking?.totalMinor || 0, selectedTicket.booking?.currency || 'ETB')}</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="border-t pt-4">
+              <h3 className="font-semibold mb-3">Trip Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <p className="text-sm text-muted-foreground">Route</p>
+                  <p className="font-medium">
+                    {selectedTicket.schedule?.originStation?.name || 'N/A'} → {selectedTicket.schedule?.destinationStation?.name || 'N/A'}
+                  </p>
+                </div>
+                <div>
+                  <p className="text-sm text-muted-foreground">Departure</p>
+                  <p className="font-medium">{selectedTicket.schedule?.departureAt ? formatDateTime(selectedTicket.schedule.departureAt) : 'N/A'}</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="border-t pt-4">
+              <h3 className="font-semibold mb-3">Seat Information</h3>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <p className="text-sm text-muted-foreground">Coach</p>
+                  <p className="font-mono font-semibold">{selectedTicket.seat?.coach?.number || 'N/A'}</p>
+                </div>
+                <div>
+                  <p className="text-sm text-muted-foreground">Seat Number</p>
+                  <p className="font-mono font-semibold">{selectedTicket.seat?.seatNumber || 'N/A'}</p>
+                </div>
+                <div>
+                  <p className="text-sm text-muted-foreground">Class</p>
+                  <p className="font-medium">{selectedTicket.seat?.coach?.coachType?.name || 'N/A'}</p>
+                </div>
+              </div>
+            </div>
+
+            {selectedTicket.boardedAt && (
+              <div className="border-t pt-4 bg-green-50 dark:bg-green-900/20 rounded-lg p-4">
+                <p className="text-sm text-muted-foreground">Boarded At</p>
+                <p className="font-medium text-green-700 dark:text-green-400">{formatDateTime(selectedTicket.boardedAt)}</p>
+              </div>
+            )}
+
+            <div className="flex justify-end gap-2 pt-4">
+              <ActionButton
+                variant="secondary"
+                onClick={() => {
+                  setDetailsModalOpen(false);
+                  setSelectedTicket(null);
+                }}
+              >
+                Close
+              </ActionButton>
+            </div>
+          </div>
+        )}
+      </Modal>
+
+      {/* Export Columns Modal */}
+      <Modal
+        isOpen={exportModalOpen}
+        onClose={() => setExportModalOpen(false)}
+        title="Export Tickets - Select Columns"
+        size="md"
+      >
+        <div className="space-y-4">
+          <p className="text-sm text-muted-foreground">Select which columns to include in the export</p>
+          
+          <div className="space-y-3 max-h-96 overflow-y-auto">
+            {[
+              { key: 'ticketNumber', label: 'Ticket Number' },
+              { key: 'booking', label: 'Booking Reference & Passenger' },
+              { key: 'trip', label: 'Trip (Origin → Destination)' },
+              { key: 'coach', label: 'Coach Number' },
+              { key: 'seat', label: 'Seat Number' },
+              { key: 'seatClass', label: 'Seat Class' },
+              { key: 'amount', label: 'Amount' },
+              { key: 'status', label: 'Status' },
+              { key: 'boarded', label: 'Boarded Status' },
+            ].map((col) => (
+              <label key={col.key} className="flex items-center gap-3 p-2 hover:bg-gray-50 dark:hover:bg-gray-900/50 rounded cursor-pointer">
+                <input
+                  type="checkbox"
+                  checked={selectedColumns[col.key] || false}
+                  onChange={(e) =>
+                    setSelectedColumns({ ...selectedColumns, [col.key]: e.target.checked })
+                  }
+                  className="w-4 h-4 rounded border-gray-300"
+                />
+                <span className="text-sm font-medium">{col.label}</span>
+              </label>
+            ))}
+          </div>
+
+          <div className="flex justify-end gap-2 pt-4 border-t">
+            <ActionButton variant="secondary" onClick={() => setExportModalOpen(false)}>
+              Cancel
+            </ActionButton>
+            <ActionButton onClick={confirmExport}>
+              Export CSV
+            </ActionButton>
+          </div>
+        </div>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/trains/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/trains/layout.tsx
new file mode 100644
index 000000000..46cce05d0
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/trains/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function TrainsLayout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/trains/page.tsx b/apps/edr-passenger-web/backoffice/src/app/trains/page.tsx
new file mode 100644
index 000000000..9cf98183e
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/trains/page.tsx
@@ -0,0 +1,332 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { Plus, Edit, Trash2, Train, Search } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import ActionButton from '@/components/ui/ActionButton';
+import Modal from '@/components/ui/Modal';
+import ConfirmDialog from '@/components/ui/ConfirmDialog';
+import Badge from '@/components/ui/Badge';
+import { fleetApi } from '@/lib/api';
+import { Train as TrainType } from '@/types';
+import { formatDate } from '@/lib/utils';
+
+export default function TrainsPage() {
+  const [showModal, setShowModal] = useState(false);
+  const [editingTrain, setEditingTrain] = useState<TrainType | null>(null);
+  const [search, setSearch] = useState('');
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; train: TrainType | null }>({ isOpen: false, train: null });
+  
+  const queryClient = useQueryClient();
+
+  const { data: trainsData, isLoading: trainsLoading } = useQuery({
+    queryKey: ['trains'],
+    queryFn: () => fleetApi.getTrains(),
+  });
+
+  const createTrainMutation = useMutation({
+    mutationFn: fleetApi.createTrain,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['trains'] });
+      setShowModal(false);
+      setEditingTrain(null);
+      alert('Train created successfully');
+    },
+    onError: (error: any) => {
+      alert('Error creating train: ' + (error?.response?.data?.message || 'Unknown error'));
+    },
+  });
+
+  const updateTrainMutation = useMutation({
+    mutationFn: ({ id, data }: { id: string; data: any }) => fleetApi.updateTrain(id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['trains'] });
+      setShowModal(false);
+      setEditingTrain(null);
+      alert('Train updated successfully');
+    },
+    onError: (error: any) => {
+      alert('Error updating train: ' + (error?.response?.data?.message || 'Unknown error'));
+    },
+  });
+
+  const deleteTrainMutation = useMutation({
+    mutationFn: (id: string) => fleetApi.deleteTrain(id),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['trains'] });
+      alert('Train deleted successfully');
+    },
+  });
+
+  const handleDelete = (train: TrainType) => {
+    setDeleteConfirm({ isOpen: true, train });
+  };
+
+  const confirmDelete = async () => {
+    if (deleteConfirm.train) {
+      await deleteTrainMutation.mutateAsync(deleteConfirm.train.id);
+      setDeleteConfirm({ isOpen: false, train: null });
+    }
+  };
+
+  const handleSubmit = async (formData: FormData) => {
+    const trainData = {
+      number: formData.get('number') as string,
+      name: formData.get('name') as string,
+      operatorId: formData.get('operatorId') as string,
+      operatorName: formData.get('operatorName') as string,
+      description: formData.get('description') as string,
+      isActive: formData.get('isActive') === 'true',
+    };
+
+    if (editingTrain) {
+      await updateTrainMutation.mutateAsync({ id: editingTrain.id, data: trainData });
+    } else {
+      await createTrainMutation.mutateAsync(trainData);
+    }
+  };
+
+  const trains = trainsData?.items || [];
+  
+  const filteredTrains = trains.filter((train: any) => {
+    if (!search) return true;
+    const searchLower = search.toLowerCase();
+    return (
+      train.number.toLowerCase().includes(searchLower) ||
+      train.name.toLowerCase().includes(searchLower) ||
+      train.operatorName?.toLowerCase().includes(searchLower) ||
+      train.description?.toLowerCase().includes(searchLower)
+    );
+  });
+
+  const trainColumns = [
+    {
+      key: 'number',
+      label: 'Train Number',
+      sortable: true,
+      render: (train: TrainType) => (
+        <div className="flex items-center gap-2">
+          <Train className="h-4 w-4 text-[rgb(20,113,76)]" />
+          <span className="font-mono font-semibold">{train.number}</span>
+        </div>
+      ),
+    },
+    {
+      key: 'name',
+      label: 'Train Name',
+      sortable: true,
+      render: (train: TrainType) => (
+        <div>
+          <div className="font-medium">{train.name}</div>
+          <div className="text-sm text-gray-500">{train.description}</div>
+        </div>
+      ),
+    },
+    {
+      key: 'operatorName',
+      label: 'Operator',
+      render: (train: TrainType) => (
+        <span>{train.operatorName || train.operatorId}</span>
+      ),
+    },
+    {
+      key: 'isActive',
+      label: 'Status',
+      render: (train: TrainType) => (
+        <Badge variant="status" status={train.isActive ? 'CONFIRMED' : 'CANCELLED'}>
+          {train.isActive ? 'Active' : 'Inactive'}
+        </Badge>
+      ),
+    },
+    {
+      key: 'createdAt',
+      label: 'Created',
+      render: (train: TrainType) => formatDate(train.createdAt),
+    },
+  ];
+
+  const actions = [
+    {
+      label: 'Edit',
+      onClick: (train: TrainType) => {
+        setEditingTrain(train);
+        setShowModal(true);
+      },
+      variant: 'secondary' as const,
+      icon: Edit,
+    },
+    {
+      label: 'Delete',
+      onClick: handleDelete,
+      variant: 'danger' as const,
+      icon: Trash2,
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-gray-900 dark:text-white">Train Management</h1>
+          <p className="text-gray-600 dark:text-gray-400">Manage trains in the system</p>
+        </div>
+        <ActionButton
+          onClick={() => {
+            setEditingTrain(null);
+            setShowModal(true);
+          }}
+          icon={Plus}
+        >
+          Add Train
+        </ActionButton>
+      </div>
+
+  {/* Search Filter */}
+      <div className="mb-6">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+          <input
+            type="text"
+            placeholder="Search by number, name, or operator..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="input pl-10 w-full"
+          />
+        </div>
+      </div>
+
+      {/* Trains Table */}
+      <DataTable
+        data={filteredTrains}
+        columns={trainColumns}
+        actions={actions}
+        loading={trainsLoading}
+        emptyMessage={search ? "No trains match your search" : "No trains found"}
+      />
+
+      {/* Delete Confirmation */}
+      <ConfirmDialog
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, train: null })}
+        onConfirm={confirmDelete}
+        title="Delete Train"
+        message={`Are you sure you want to delete train ${deleteConfirm.train?.number}?`}
+        confirmText="Delete"
+        isDanger={true}
+        warning="This train may be assigned to schedules and trips. Deleting it may impact these systems and associated bookings."
+      />
+
+      {/* Add/Edit Modal */}
+      <Modal
+        isOpen={showModal}
+        onClose={() => {
+          setShowModal(false);
+          setEditingTrain(null);
+        }}
+        title={`${editingTrain ? 'Edit' : 'Add'} Train`}
+        size="lg"
+      >
+        <form
+          onSubmit={async (e) => {
+            e.preventDefault();
+            const formData = new FormData(e.currentTarget);
+            await handleSubmit(formData);
+          }}
+          className="space-y-4"
+        >
+          {editingTrain && (
+            <div className="rounded-lg bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 p-3 text-sm text-yellow-800 dark:text-yellow-200">
+              <p className="font-semibold">⚠ Warning</p>
+              <p className="mt-1">Editing this train may impact schedules and bookings that reference it. Proceed with caution.</p>
+            </div>
+          )}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="label">Train Number *</label>
+              <input
+                type="text"
+                name="number"
+                className="input"
+                defaultValue={editingTrain?.number}
+                required
+                placeholder="e.g., EDR-101"
+              />
+            </div>
+            <div>
+              <label className="label">Train Name *</label>
+              <input
+                type="text"
+                name="name"
+                className="input"
+                defaultValue={editingTrain?.name}
+                required
+                placeholder="e.g., Express Service"
+              />
+            </div>
+            <div>
+              <label className="label">Operator ID</label>
+              <input
+                type="text"
+                name="operatorId"
+                className="input"
+                defaultValue={editingTrain?.operatorId || 'op_edr'}
+                placeholder="op_edr"
+              />
+            </div>
+            <div>
+              <label className="label">Operator Name</label>
+              <input
+                type="text"
+                name="operatorName"
+                className="input"
+                defaultValue={editingTrain?.operatorName}
+                placeholder="Ethio-Djibouti Railway"
+              />
+            </div>
+            <div className="md:col-span-2">
+              <label className="label">Description</label>
+              <textarea
+                name="description"
+                className="input"
+                rows={3}
+                defaultValue={editingTrain?.description}
+                placeholder="Train description..."
+              />
+            </div>
+            <div>
+              <label className="label">Status</label>
+              <select
+                name="isActive"
+                className="input"
+                defaultValue={editingTrain?.isActive?.toString() || 'true'}
+              >
+                <option value="true">Active</option>
+                <option value="false">Inactive</option>
+              </select>
+            </div>
+          </div>
+          
+          <div className="flex justify-end gap-2 pt-4">
+            <ActionButton
+              type="button"
+              variant="secondary"
+              onClick={() => {
+                setShowModal(false);
+                setEditingTrain(null);
+              }}
+            >
+              Cancel
+            </ActionButton>
+            <ActionButton
+              type="submit"
+              loading={createTrainMutation.isPending || updateTrainMutation.isPending}
+            >
+              {editingTrain ? 'Update' : 'Create'} Train
+            </ActionButton>
+          </div>
+        </form>
+      </Modal>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/verifayda/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/verifayda/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/verifayda/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/verifayda/page.tsx b/apps/edr-passenger-web/backoffice/src/app/verifayda/page.tsx
new file mode 100644
index 000000000..00a286ea3
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/verifayda/page.tsx
@@ -0,0 +1,64 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import { verifaydaApi } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function VerifaydaPage() {
+  const [filters, setFilters] = useState({ search: '', verified: '' });
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['verifayda', filters],
+    queryFn: () => verifaydaApi.getVerifications(filters),
+  });
+
+  const columns = [
+      { key: 'nationalId', label: 'National ID', render: (ver: any) => <span className="font-mono">{ver.nationalId}</span> },
+      { key: 'fullName', label: 'Name', render: (ver: any) => ver.fullName || 'N/A' },
+      { key: 'verified', label: 'Status', render: (ver: any) => <Badge variant="status" status={ver.verified ? 'CONFIRMED' : 'CANCELLED'}>{ver.verified ? 'Verified' : 'Failed'}</Badge> },
+      { key: 'createdAt', label: 'Verified At', render: (ver: any) => formatDateTime(ver.createdAt) },
+    ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Verifayda Integration</h1>
+          <p className="text-muted-foreground">Ethiopian national ID verification logs</p>
+        </div>
+        <ActionButton icon={Download} variant="secondary">Export</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search by National ID..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+      <div>
+        <label className="label">Status</label>
+        <select className="input" value={filters.verified} onChange={(e) => setFilters({ ...filters, verified: e.target.value })}>
+          <option value="">All</option>
+          <option value="true">Verified</option>
+          <option value="false">Failed</option>
+        </select>
+      </div>
+    
+        </div>
+      </div>
+
+      <DataTable
+        data={data?.items || data || []}
+        columns={columns}
+        loading={isLoading}
+        emptyMessage="No verifayda integration found"
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/wallet/layout.tsx b/apps/edr-passenger-web/backoffice/src/app/wallet/layout.tsx
new file mode 100644
index 000000000..86d53715f
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/wallet/layout.tsx
@@ -0,0 +1,5 @@
+import DashboardLayout from '../dashboard/layout';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <DashboardLayout>{children}</DashboardLayout>;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/app/wallet/page.tsx b/apps/edr-passenger-web/backoffice/src/app/wallet/page.tsx
new file mode 100644
index 000000000..f22446b95
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/app/wallet/page.tsx
@@ -0,0 +1,55 @@
+'use client';
+
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Download } from 'lucide-react';
+import DataTable from '@/components/ui/DataTable';
+import Badge from '@/components/ui/Badge';
+import ActionButton from '@/components/ui/ActionButton';
+import { walletApi } from '@/lib/api';
+import { formatDateTime, formatCurrency } from '@/lib/utils';
+
+export default function WalletPage() {
+  const [filters, setFilters] = useState({ search: '' });
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['wallet', filters],
+    queryFn: () => walletApi.getAccounts(filters),
+  });
+
+  const columns = [
+      { key: 'passenger', label: 'Passenger', render: (account: any) => account.passenger?.fullName || 'N/A' },
+      { key: 'balanceMinor', label: 'Balance', render: (account: any) => formatCurrency(account.balanceMinor, 'ETB') },
+      { key: 'status', label: 'Status', render: (account: any) => <Badge variant="status" status={account.isActive ? 'CONFIRMED' : 'CANCELLED'}>{account.isActive ? 'Active' : 'Inactive'}</Badge> },
+    ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-foreground">Wallet Management</h1>
+          <p className="text-muted-foreground">Manage passenger wallet accounts</p>
+        </div>
+        <ActionButton icon={Download} variant="secondary">Export</ActionButton>
+      </div>
+
+      <div className="card">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          
+      <div>
+        <label className="label">Search</label>
+        <input type="text" placeholder="Search..." className="input" value={filters.search} onChange={(e) => setFilters({ ...filters, search: e.target.value })} />
+      </div>
+    
+        </div>
+      </div>
+
+      <DataTable
+        data={data?.items || data || []}
+        columns={columns}
+        loading={isLoading}
+        emptyMessage="No wallet management found"
+      />
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/.gitkeep b/apps/edr-passenger-web/backoffice/src/components/.gitkeep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-passenger-web/backoffice/src/components/dashboard/StatCard.tsx b/apps/edr-passenger-web/backoffice/src/components/dashboard/StatCard.tsx
new file mode 100644
index 000000000..98c122824
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/dashboard/StatCard.tsx
@@ -0,0 +1,36 @@
+import { LucideIcon } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+interface StatCardProps {
+  title: string;
+  value: string | number;
+  icon: LucideIcon;
+  trend?: {
+    value: number;
+    isPositive: boolean;
+  };
+  color?: 'blue' | 'green' | 'purple' | 'orange';
+}
+
+const colorClasses = {
+  blue: 'bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400',
+  green: 'bg-green-100 text-[rgb(20,113,76)] dark:bg-green-900/30 dark:text-green-400',
+  purple: 'bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400',
+  orange: 'bg-green-100 text-[rgb(20,113,76)] dark:bg-green-900/30 dark:text-green-400',
+};
+
+export default function StatCard({ title, value, icon: Icon, color = 'blue' }: StatCardProps) {
+  return (
+    <div className="card">
+      <div className="flex items-center justify-between">
+        <div>
+          <p className="text-sm font-medium text-muted-foreground">{title}</p>
+          <p className="mt-2 text-3xl font-bold text-foreground">{value}</p>          
+        </div>
+        <div className={cn('rounded-full p-3', colorClasses[color])}>
+          <Icon className="h-6 w-6" />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/layout/Header.tsx b/apps/edr-passenger-web/backoffice/src/components/layout/Header.tsx
new file mode 100644
index 000000000..ac0730113
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/layout/Header.tsx
@@ -0,0 +1,128 @@
+'use client';
+
+import { Bell, LogOut, Moon, Sun, ChevronDown, HelpCircle } from 'lucide-react';
+import { useAuthStore } from '@/lib/auth-store';
+import { useTheme } from '@/lib/theme-store';
+import { useState } from 'react';
+import Link from 'next/link';
+
+export default function Header() {
+  const { user, logout } = useAuthStore();
+  const { isDark, toggleTheme } = useTheme();
+  const [showUserMenu, setShowUserMenu] = useState(false);
+  const [showNotifications, setShowNotifications] = useState(false);
+
+  return (
+    <header className="flex h-16 items-center justify-between border-b border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-900 px-6 shadow-sm">
+      <div className="flex flex-1 items-center gap-4">
+        <h2 className="text-xl font-semibold text-[rgb(20,113,76)] dark:text-[rgb(20,113,76)]"></h2>
+      </div>
+
+      <div className="flex items-center gap-3">
+        {/* Help Documentation */}
+        <Link
+          href="/docs"
+          className="rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-slate-800 transition-colors"
+          title="View Documentation"
+          target="_blank"
+        >
+          <HelpCircle className="h-5 w-5 text-[rgb(20,113,76)] dark:text-slate-400" />
+        </Link>
+
+        {/* Notifications */}
+        <div className="relative">
+          <button 
+            onClick={() => setShowNotifications(!showNotifications)}
+            className="relative rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-slate-800 transition-colors"
+          >
+            <Bell className="h-5 w-5 text-[rgb(20,113,76)] dark:text-slate-400" />
+            <span className="absolute right-1 top-1 h-2 w-2 rounded-full bg-[rgb(20,113,76)]"></span>
+          </button>
+          
+          {showNotifications && (
+            <div className="absolute right-0 mt-2 w-80 rounded-lg border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-900 shadow-xl z-50">
+              <div className="p-4 border-b border-gray-200 dark:border-slate-700">
+                <h3 className="font-semibold text-foreground">Notifications</h3>
+              </div>
+              <div className="max-h-96 overflow-y-auto">
+                <Link href="/notifications" className="block p-4 hover:bg-gray-50 dark:hover:bg-slate-800 transition-colors border-b border-gray-200 dark:border-slate-700">
+                  <p className="text-sm font-medium text-foreground">New booking received</p>
+                  <p className="text-xs text-muted-foreground mt-1">Booking #BK-2024-001 created</p>
+                  <p className="text-xs text-muted-foreground mt-1">2 minutes ago</p>
+                </Link>
+                <Link href="/notifications" className="block p-4 hover:bg-gray-50 dark:hover:bg-slate-800 transition-colors border-b border-gray-200 dark:border-slate-700">
+                  <p className="text-sm font-medium text-foreground">Payment confirmed</p>
+                  <p className="text-xs text-muted-foreground mt-1">Payment of 1,250 ETB received</p>
+                  <p className="text-xs text-muted-foreground mt-1">15 minutes ago</p>
+                </Link>
+                <Link href="/notifications" className="block p-4 hover:bg-gray-50 dark:hover:bg-slate-800 transition-colors">
+                  <p className="text-sm font-medium text-foreground">System update</p>
+                  <p className="text-xs text-muted-foreground mt-1">New features available</p>
+                  <p className="text-xs text-muted-foreground mt-1">1 hour ago</p>
+                </Link>
+              </div>
+              <div className="p-3 border-t border-gray-200 dark:border-slate-700">
+                <Link href="/notifications" className="text-sm text-primary hover:underline">
+                  View all notifications
+                </Link>
+              </div>
+            </div>
+          )}
+        </div>
+
+        {/* Theme Toggle */}
+        <button
+          onClick={toggleTheme}
+          className="rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-slate-800 transition-colors"
+          title={isDark ? 'Switch to Light Mode' : 'Switch to Dark Mode'}
+        >
+          {isDark ? <Sun className="h-5 w-5 text-[rgb(20,113,76)] dark:text-slate-400" /> : <Moon className="h-5 w-5 text-[rgb(20,113,76)] dark:text-slate-400" />}
+        </button>
+
+        {/* User Menu */}
+        <div className="relative">
+          <button
+            onClick={() => setShowUserMenu(!showUserMenu)}
+            className="flex items-center gap-3 rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-slate-800 transition-colors"
+          >
+            <div className="flex h-8 w-8 items-center justify-center rounded-full bg-[rgb(20,113,76)] text-white font-semibold text-sm shadow-md">
+              {user?.fullName?.toUpperCase().charAt(0) || 'A'}
+            </div>
+            <div className="text-left hidden md:block">
+              <p className="text-sm font-medium text-foreground">{user?.fullName || 'Full Name'}</p>
+              <p className="text-xs text-muted-foreground">{user?.role || 'User Role'}</p>
+            </div>
+            <ChevronDown className="h-4 w-4 text-[rgb(20,113,76)] dark:text-slate-400" />
+          </button>
+
+          {showUserMenu && (
+            <div className="absolute right-0 mt-2 w-56 rounded-lg border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-900 shadow-xl z-50">
+              <div className="p-3 border-b border-gray-200 dark:border-slate-700">
+                <p className="text-sm font-medium text-foreground">{user?.fullName || 'Full Name'}</p>
+                <p className="text-xs text-muted-foreground">{user?.email || 'user@email.com'}</p>
+              </div>
+              <div className="p-2">
+                <Link
+                  href="/settings"
+                  className="flex items-center gap-2 rounded-lg px-3 py-2 text-sm text-foreground hover:bg-gray-100 dark:hover:bg-slate-800 transition-colors"
+                >
+                  Settings
+                </Link>
+                <button
+                  onClick={() => {
+                    logout();
+                    window.location.href = '/login';
+                  }}
+                  className="flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-[rgb(20,113,76)] dark:text-green-400 hover:bg-green-50 dark:hover:bg-green-900/20 transition-colors"
+                >
+                  <LogOut className="h-4 w-4" />
+                  Logout
+                </button>
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/layout/Sidebar.tsx b/apps/edr-passenger-web/backoffice/src/components/layout/Sidebar.tsx
new file mode 100644
index 000000000..e2f2fa63d
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/layout/Sidebar.tsx
@@ -0,0 +1,192 @@
+'use client';
+
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { useState } from 'react';
+import { 
+  LayoutDashboard, 
+  Ticket, 
+  Users, 
+  Route, 
+  DollarSign, 
+  Bell, 
+  BarChart3, 
+  Settings,
+  LogOut,
+  ChevronLeft,
+  ChevronRight,
+  Train,
+  MapPin,
+  CreditCard,
+  Shield,
+  UserCheck,
+  Wallet,
+  Gift,
+  MessageSquare,
+  AlertTriangle,
+  FileText,
+  Briefcase,
+  Calendar,
+  Utensils,
+  Package,
+  Moon,
+  Sun,
+  Armchair,
+  Grid3x3,
+  Banknote
+} from 'lucide-react';
+import { useAuthStore } from '@/lib/auth-store';
+import { cn } from '@/lib/utils';
+import { useTheme } from '@/lib/theme-store';
+
+const navigationSections = [
+  {
+    title: 'Overview',
+    items: [
+      { name: 'Dashboard', href: '/dashboard', icon: LayoutDashboard },
+    ]
+  },
+  {
+    title: 'Operations',
+    items: [
+      { name: 'Bookings', href: '/bookings', icon: Ticket },
+      { name: 'Passengers', href: '/passengers', icon: Users },
+      { name: 'Tickets', href: '/tickets', icon: FileText },
+    ]
+  },
+  {
+    title: 'Master Data',
+    items: [
+      { name: 'Stations', href: '/stations', icon: MapPin },
+      { name: 'Trains', href: '/trains', icon: Train },
+      { name: 'Coaches', href: '/coaches', icon: Grid3x3 },
+      { name: 'Seats', href: '/seats', icon: Armchair },
+      { name: 'Classes', href: '/classes', icon: Settings },
+      { name: 'Routes', href: '/routes', icon: Route },
+      { name: 'Schedules', href: '/schedules', icon: Calendar },
+    ]
+  },
+  {
+    title: 'Financial',
+    items: [
+      { name: 'Pricing & Fares', href: '/pricing', icon: DollarSign },
+      { name: 'Currencies', href: '/currencies', icon: Banknote },
+      { name: 'Payments', href: '/payments', icon: CreditCard },
+      { name: 'Promo Codes', href: '/promos', icon: Gift },
+    ]
+  },
+  {
+    title: 'Customer Services',
+    items: [
+      { name: 'Loyalty Program', href: '/loyalty', icon: Gift },
+      { name: 'Support Center', href: '/support', icon: MessageSquare },
+      { name: 'Notifications', href: '/notifications', icon: Bell },      
+    ]
+  },
+  {
+    title: 'Security & Compliance',
+    items: [
+      { name: 'Audit Logs', href: '/audit', icon: AlertTriangle },
+      { name: 'Fraud Detection', href: '/fraud', icon: Shield },
+      { name: 'Verifayda Integration', href: '/verifayda', icon: UserCheck },
+    ]
+  },
+  {
+    title: 'Analytics & Reports',
+    items: [
+      { name: 'Reports', href: '/reports', icon: BarChart3 },
+      { name: 'Operational Reports', href: '/operational-reports', icon: FileText },
+    ]
+  },
+  {
+    title: 'System',
+    items: [
+      { name: 'Agent Operations', href: '/agents', icon: Briefcase },
+      { name: 'User Management', href: '/settings/users', icon: Users },
+      { name: 'Settings', href: '/settings', icon: Settings },
+    ]
+  }
+];
+
+export default function Sidebar() {
+  const pathname = usePathname();
+  const { user, logout } = useAuthStore();
+  const { isDark, toggleTheme } = useTheme();
+  const [isCollapsed, setIsCollapsed] = useState(false);
+
+  return (
+    <div className={cn(
+      'flex h-screen flex-col transition-all duration-300',
+      'bg-[rgb(20,113,76)] dark:bg-gradient-to-b dark:from-slate-900 dark:via-slate-800 dark:to-slate-900',
+      'border-r border-[rgb(16,90,61)] dark:border-slate-700/50',
+      isCollapsed ? 'w-16' : 'w-72'
+    )}>
+      {/* Header */}
+      <div className="flex h-16 items-center justify-between px-4 border-b border-[rgb(16,90,61)] dark:border-slate-700/50">
+        {!isCollapsed && (
+          <div className="flex items-center gap-3">
+            <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-white/10 shadow-lg">
+              <Train className="h-6 w-6 text-white" />
+            </div>
+            <div>
+              <h1 className="text-lg font-bold text-white">EDR</h1>
+              <p className="text-xs text-white/70">Back-office Passenger Portal</p>
+            </div>
+          </div>
+        )}
+        <button
+          onClick={() => setIsCollapsed(!isCollapsed)}
+          className="rounded-lg p-1.5 text-white/70 hover:bg-white/10 hover:text-white dark:text-slate-400 dark:hover:bg-slate-700/50 dark:hover:text-white transition-colors"
+        >
+          {isCollapsed ? <ChevronRight className="h-4 w-4" /> : <ChevronLeft className="h-4 w-4" />}
+        </button>
+      </div>
+
+      {/* Navigation */}
+      <nav className="flex-1 overflow-y-auto px-3 py-4 space-y-6">
+        {navigationSections.map((section) => (
+          <div key={section.title}>
+            {!isCollapsed && (
+              <h3 className="mb-2 px-3 text-xs font-semibold uppercase tracking-wider text-white/60 dark:text-slate-400">
+                {section.title}
+              </h3>
+            )}
+            <div className="space-y-1">
+              {section.items.map((item) => {
+                // Special handling for Settings to avoid conflict with User Management
+                let isActive;
+                if (item.href === '/settings') {
+                  // Settings is active only for exact match or non-users sub-routes
+                  isActive = pathname === '/settings' || 
+                    (pathname?.startsWith('/settings/') && !pathname.startsWith('/settings/users'));
+                } else {
+                  // Standard matching for other items
+                  isActive = pathname === item.href || pathname?.startsWith(item.href + '/');
+                }
+                return (
+                  <Link
+                    key={item.name}
+                    href={item.href}
+                    className={cn(
+                      'flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-all duration-200',
+                      'hover:bg-white/10 dark:hover:bg-slate-700/50',
+                      isActive
+                        ? 'bg-white/20 text-white shadow-md hover:bg-white/25'
+                        : 'text-white/80 hover:text-white dark:text-slate-300 dark:hover:text-white',
+                      isCollapsed && 'justify-center'
+                    )}
+                    title={isCollapsed ? item.name : undefined}
+                  >
+                    <item.icon className="h-5 w-5 flex-shrink-0" />
+                    {!isCollapsed && <span>{item.name}</span>}
+                  </Link>
+                );
+              })}
+            </div>
+          </div>
+        ))}
+      </nav>
+
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/ActionButton.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/ActionButton.tsx
new file mode 100644
index 000000000..06580d586
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/ActionButton.tsx
@@ -0,0 +1,84 @@
+'use client';
+
+import { ReactNode, useState } from 'react';
+import { LucideIcon, Loader2 } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+interface ActionButtonProps {
+  children: ReactNode;
+  onClick?: () => void | Promise<void>;
+  variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'export';
+  size?: 'sm' | 'md' | 'lg';
+  icon?: LucideIcon;
+  disabled?: boolean;
+  loading?: boolean;
+  className?: string;
+  type?: 'button' | 'submit' | 'reset';
+}
+
+const variants = {
+  primary: 'bg-[rgb(20,113,76)] text-white hover:bg-[rgb(16,90,61)] shadow-sm',
+  secondary: 'bg-gray-200 text-gray-700 hover:bg-gray-300 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600',
+  danger: 'bg-[rgb(20,113,76)] text-white hover:bg-[rgb(16,90,61)] shadow-sm',
+  success: 'bg-green-600 text-white hover:bg-green-700 shadow-sm',
+  export: 'bg-[rgb(20,113,76)] text-white hover:bg-[rgb(16,90,61)] shadow-sm',
+};
+
+const sizes = {
+  sm: 'px-3 py-1.5 text-sm',
+  md: 'px-4 py-2 text-sm',
+  lg: 'px-6 py-3 text-base',
+};
+
+export default function ActionButton({
+  children,
+  onClick,
+  variant = 'primary',
+  size = 'md',
+  icon: Icon,
+  disabled = false,
+  loading = false,
+  className,
+  type = 'button',
+}: ActionButtonProps) {
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleClick = async () => {
+    if (!onClick || disabled || loading || isLoading) return;
+
+    try {
+      setIsLoading(true);
+      await onClick();
+    } catch (error) {
+      console.error('Action failed:', error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const isDisabled = disabled || loading || isLoading;
+  const showLoading = loading || isLoading;
+
+  return (
+    <button
+      type={type}
+      onClick={handleClick}
+      disabled={isDisabled}
+      className={cn(
+        'inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-all duration-200',
+        'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[rgb(20,113,76)]',
+        'disabled:opacity-50 disabled:cursor-not-allowed',
+        variants[variant],
+        sizes[size],
+        className
+      )}
+    >
+      {showLoading ? (
+        <Loader2 className="h-4 w-4 animate-spin" />
+      ) : (
+        Icon && <Icon className="h-4 w-4" />
+      )}
+      {children}
+    </button>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/Badge.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/Badge.tsx
new file mode 100644
index 000000000..b03a246a9
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/Badge.tsx
@@ -0,0 +1,26 @@
+import { cn, getStatusColor } from '@/lib/utils';
+
+interface BadgeProps {
+  children: React.ReactNode;
+  variant?: 'default' | 'status';
+  status?: string;
+  className?: string;
+}
+
+export default function Badge({ children, variant = 'default', status, className }: BadgeProps) {
+  const baseClasses = 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium';
+  
+  if (variant === 'status' && status) {
+    return (
+      <span className={cn(baseClasses, getStatusColor(status), className)}>
+        {children}
+      </span>
+    );
+  }
+
+  return (
+    <span className={cn(baseClasses, 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300', className)}>
+      {children}
+    </span>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/Button.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/Button.tsx
new file mode 100644
index 000000000..9eb693633
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/Button.tsx
@@ -0,0 +1,40 @@
+'use client';
+
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+import { cn } from '@/lib/utils';
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  children: ReactNode;
+  variant?: 'primary' | 'secondary' | 'outline' | 'danger';
+  size?: 'sm' | 'md' | 'lg';
+}
+
+export function Button({ 
+  children, 
+  variant = 'primary', 
+  size = 'md', 
+  className,
+  ...props 
+}: ButtonProps) {
+  const variants = {
+    primary: 'btn-primary',
+    secondary: 'btn-secondary',
+    outline: 'border border-input bg-background hover:bg-accent',
+    danger: 'btn-danger',
+  };
+
+  const sizes = {
+    sm: 'px-3 py-1.5 text-sm',
+    md: 'px-4 py-2 text-sm',
+    lg: 'px-6 py-3 text-base',
+  };
+
+  return (
+    <button
+      className={cn('btn', variants[variant], sizes[size], className)}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/ConfirmDialog.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/ConfirmDialog.tsx
new file mode 100644
index 000000000..ec84f0c9a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/ConfirmDialog.tsx
@@ -0,0 +1,65 @@
+'use client';
+
+import { AlertCircle, AlertTriangle } from 'lucide-react';
+import Modal from './Modal';
+import ActionButton from './ActionButton'
+
+interface ConfirmDialogProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onConfirm: () => void;
+  title: string;
+  message: string;
+  confirmText?: string;
+  cancelText?: string;
+  isLoading?: boolean;
+  isDanger?: boolean;
+  warning?: string;
+}
+
+export default function ConfirmDialog({
+  isOpen,
+  onClose,
+  onConfirm,
+  title,
+  message,
+  confirmText = 'Confirm',
+  cancelText = 'Cancel',
+  isLoading = false,
+  isDanger = false,
+  warning,
+}: ConfirmDialogProps) {
+  return (
+    <Modal isOpen={isOpen} onClose={onClose} title={title} size="sm">
+      <div className="space-y-4">
+        <div className="flex gap-3">
+          {isDanger && (
+            <AlertCircle className="h-6 w-6 text-red-600 dark:text-red-400 flex-shrink-0 mt-0.5" />
+          )}
+          <p className="text-foreground">{message}</p>
+        </div>
+        {warning && (
+          <div className="rounded-lg bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 p-3 flex gap-3">
+            <AlertTriangle className="h-5 w-5 text-amber-600 dark:text-amber-400 flex-shrink-0 mt-0.5" />
+            <div>
+              <p className="font-semibold text-amber-900 dark:text-amber-200 text-sm">Warning</p>
+              <p className="text-amber-800 dark:text-amber-300 text-sm mt-1">{warning}</p>
+            </div>
+          </div>
+        )}
+        <div className="flex justify-end gap-2 pt-4">
+          <ActionButton variant="secondary" onClick={onClose} disabled={isLoading}>
+            {cancelText}
+          </ActionButton>
+          <ActionButton
+            variant={isDanger ? 'danger' : 'primary'}
+            onClick={onConfirm}
+            disabled={isLoading}
+          >
+            {isLoading ? 'Processing...' : confirmText}
+          </ActionButton>
+        </div>
+      </div>
+    </Modal>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/DataTable.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/DataTable.tsx
new file mode 100644
index 000000000..64dc75e15
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/DataTable.tsx
@@ -0,0 +1,261 @@
+'use client';
+
+import { ReactNode, useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { ChevronUp, ChevronDown, MoreHorizontal } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import ActionButton from './ActionButton';
+
+interface Column<T> {
+  key: string;
+  label: string;
+  sortable?: boolean;
+  filterable?: boolean;
+  render?: (item: T) => ReactNode;
+  width?: string;
+}
+
+interface Action<T> {
+  label: string;
+  onClick: (item: T) => void | Promise<void>;
+  variant?: 'primary' | 'secondary' | 'danger';
+  icon?: any;
+  show?: (item: T) => boolean;
+}
+
+interface DataTableProps<T> {
+  data: T[];
+  columns: Column<T>[];
+  actions?: Action<T>[];
+  onRowClick?: (item: T) => void;
+  loading?: boolean;
+  emptyMessage?: string;
+  className?: string;
+}
+
+export default function DataTable<T extends Record<string, any>>({
+  data,
+  columns,
+  actions,
+  onRowClick,
+  loading = false,
+  emptyMessage = 'No data available',
+  className,
+}: DataTableProps<T>) {
+  const [sortConfig, setSortConfig] = useState<{ key: string; direction: 'asc' | 'desc' } | null>(null);
+  const [expandedActions, setExpandedActions] = useState<string | null>(null);
+  const [dropdownPosition, setDropdownPosition] = useState<{ top: number; left: number } | null>(null);
+  const buttonRefs = useRef<Record<string, HTMLButtonElement | null>>({});
+
+  useEffect(() => {
+    const handleClickOutside = (e: MouseEvent) => {
+      const target = e.target as Node;
+      const isButtonClick = Object.values(buttonRefs.current).some(ref => ref?.contains(target));
+      const isDropdownClick = document.querySelector('[data-dropdown-menu]')?.contains(target);
+      
+      if (expandedActions && !isButtonClick && !isDropdownClick) {
+        setExpandedActions(null);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [expandedActions]);
+
+  // Ensure data is always an array
+  const safeData = Array.isArray(data) ? data : [];
+
+  const handleSort = (key: string) => {
+    let direction: 'asc' | 'desc' = 'asc';
+    if (sortConfig && sortConfig.key === key && sortConfig.direction === 'asc') {
+      direction = 'desc';
+    }
+    setSortConfig({ key, direction });
+  };
+
+  const sortedData = [...safeData].sort((a, b) => {
+    if (!sortConfig) return 0;
+    
+    const aValue = a[sortConfig.key];
+    const bValue = b[sortConfig.key];
+    
+    if (aValue < bValue) return sortConfig.direction === 'asc' ? -1 : 1;
+    if (aValue > bValue) return sortConfig.direction === 'asc' ? 1 : -1;
+    return 0;
+  });
+
+  if (loading) {
+    return (
+      <div className={cn('card', className)}>
+        <div className="animate-pulse">
+          <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded mb-4"></div>
+          <div className="space-y-3">
+            {[...Array(5)].map((_, i) => (
+              <div key={i} className="h-4 bg-gray-200 dark:bg-gray-700 rounded"></div>
+            ))}
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className={cn('card p-0', className)}>
+      <div className="overflow-x-auto">
+        <table className="w-full">
+          <thead className="bg-gray-50 dark:bg-gray-800">
+            <tr>
+              {columns.map((column) => (
+                <th
+                  key={column.key}
+                  className={cn(
+                    'px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400',
+                    column.sortable && 'cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700',
+                    column.width && `w-${column.width}`
+                  )}
+                  onClick={() => column.sortable && handleSort(column.key)}
+                >
+                  <div className="flex items-center gap-1">
+                    {column.label}
+                    {column.sortable && (
+                      <div className="flex flex-col">
+                        <ChevronUp 
+                          className={cn(
+                            'h-3 w-3',
+                            sortConfig?.key === column.key && sortConfig.direction === 'asc'
+                              ? 'text-edr-blue-600'
+                              : 'text-gray-400'
+                          )}
+                        />
+                        <ChevronDown 
+                          className={cn(
+                            'h-3 w-3 -mt-1',
+                            sortConfig?.key === column.key && sortConfig.direction === 'desc'
+                              ? 'text-edr-blue-600'
+                              : 'text-gray-400'
+                          )}
+                        />
+                      </div>
+                    )}
+                  </div>
+                </th>
+              ))}
+              {actions && actions.length > 0 && (
+                <th className="px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
+                  Actions
+                </th>
+              )}
+            </tr>
+          </thead>
+          <tbody className="bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700">
+            {sortedData.map((item, index) => (
+              <tr
+                key={item.id || index}
+                onClick={() => onRowClick?.(item)}
+                className={cn(
+                  'transition-colors',
+                  onRowClick && 'cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800'
+                )}
+              >
+                {columns.map((column) => (
+                  <td key={column.key} className="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100">
+                    {column.render ? column.render(item) : item[column.key]}
+                  </td>
+                ))}
+                {actions && actions.length > 0 && (
+                  <td className="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                    {(() => {
+                      const visibleActions = actions.filter(action => !action.show || action.show(item));
+                      
+                      if (visibleActions.length === 0) {
+                        return null;
+                      }
+                      
+                      if (visibleActions.length === 1) {
+                        const action = visibleActions[0];
+                        return (
+                          <ActionButton
+                            onClick={() => action.onClick(item)}
+                            variant={action.variant || 'secondary'}
+                            size="sm"
+                            icon={action.icon}
+                          >
+                            {action.label}
+                          </ActionButton>
+                        );
+                      }
+                      
+                      return (
+                        <button
+                          ref={(el) => { buttonRefs.current[item.id] = el; }}
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            const rect = e.currentTarget.getBoundingClientRect();
+                            setDropdownPosition({
+                              top: rect.bottom + window.scrollY,
+                              left: rect.right + window.scrollX - 192, // 192px = w-48
+                            });
+                            setExpandedActions(expandedActions === item.id ? null : item.id);
+                          }}
+                          className="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"
+                        >
+                          <MoreHorizontal className="h-4 w-4" />
+                        </button>
+                      );
+                    })()}
+                  </td>
+                )}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+      
+      {sortedData.length === 0 && (
+        <div className="py-12 text-center text-gray-500 dark:text-gray-400">
+          {emptyMessage}
+        </div>
+      )}
+
+      {expandedActions && dropdownPosition && typeof window !== 'undefined' && createPortal(
+        <div
+          data-dropdown-menu
+          style={{
+            position: 'absolute',
+            top: `${dropdownPosition.top}px`,
+            left: `${dropdownPosition.left}px`,
+            zIndex: 9999,
+          }}
+          className="w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700"
+        >
+          <div className="py-1">
+            {actions
+              ?.filter(action => !action.show || action.show(sortedData.find(item => item.id === expandedActions)!))
+              .map((action, actionIndex) => {
+                const item = sortedData.find(item => item.id === expandedActions);
+                if (!item) return null;
+                return (
+                  <button
+                    key={actionIndex}
+                    onClick={(e) => {
+                      e.preventDefault();
+                      e.stopPropagation();
+                      setExpandedActions(null);
+                      action.onClick(item);
+                    }}
+                    className={cn(
+                      'w-full text-left px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors flex items-center gap-2',
+                      action.variant === 'danger' && 'text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20'
+                    )}
+                  >
+                    {action.icon && <action.icon className="h-4 w-4" />}
+                    {action.label}
+                  </button>
+                );
+              })}
+          </div>
+        </div>,
+        document.body
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/Input.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/Input.tsx
new file mode 100644
index 000000000..bd9a6b188
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/Input.tsx
@@ -0,0 +1,20 @@
+'use client';
+
+import { InputHTMLAttributes, forwardRef } from 'react';
+import { cn } from '@/lib/utils';
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {}
+
+export const Input = forwardRef<HTMLInputElement, InputProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <input
+        ref={ref}
+        className={cn('input', className)}
+        {...props}
+      />
+    );
+  }
+);
+
+Input.displayName = 'Input';
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/Modal.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/Modal.tsx
new file mode 100644
index 000000000..960bf345a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/Modal.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import { ReactNode, useEffect } from 'react';
+import { X } from 'lucide-react';
+
+interface ModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  title: string;
+  children: ReactNode;
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+}
+
+const sizeClasses = {
+  sm: 'max-w-md',
+  md: 'max-w-lg',
+  lg: 'max-w-2xl',
+  xl: 'max-w-4xl',
+};
+
+export default function Modal({ isOpen, onClose, title, children, size = 'md' }: ModalProps) {
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = 'unset';
+    }
+    return () => {
+      document.body.style.overflow = 'unset';
+    };
+  }, [isOpen]);
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center">
+      <div className="fixed inset-0 bg-black bg-opacity-50" onClick={onClose} />
+      <div className={`relative w-full ${sizeClasses[size]} rounded-lg bg-background shadow-xl flex flex-col max-h-[90vh]`}>
+        <div className="sticky top-0 bg-background border-b border-muted px-6 py-4 flex items-center justify-between z-10">
+          <h2 className="text-xl font-semibold text-foreground">{title}</h2>
+          <button
+            onClick={onClose}
+            className="rounded-lg p-1 hover:bg-muted"
+          >
+            <X className="h-5 w-5 text-muted-foreground" />
+          </button>
+        </div>
+        <div className="overflow-y-auto flex-1 px-6 py-4">
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/Pagination.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/Pagination.tsx
new file mode 100644
index 000000000..e191c6d2d
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/Pagination.tsx
@@ -0,0 +1,58 @@
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+
+interface PaginationProps {
+  currentPage: number;
+  totalPages: number;
+  onPageChange: (page: number) => void;
+}
+
+export default function Pagination({ currentPage, totalPages, onPageChange }: PaginationProps) {
+  if (totalPages <= 1) {
+    return null;
+  }
+
+  return (
+    <div className="flex items-center justify-between border-t border-border bg-card px-4 py-3 sm:px-6">
+      <div className="flex flex-1 justify-between sm:hidden">
+        <button
+          onClick={() => onPageChange(currentPage - 1)}
+          disabled={currentPage === 1}
+          className="btn btn-secondary disabled:opacity-50"
+        >
+          Previous
+        </button>
+        <button
+          onClick={() => onPageChange(currentPage + 1)}
+          disabled={currentPage === totalPages}
+          className="btn btn-secondary disabled:opacity-50"
+        >
+          Next
+        </button>
+      </div>
+      <div className="hidden sm:flex sm:flex-1 sm:items-center sm:justify-between">
+        <div>
+          <p className="text-sm text-foreground">
+            Page <span className="font-medium">{currentPage}</span> of{' '}
+            <span className="font-medium">{totalPages}</span>
+          </p>
+        </div>
+        <div className="flex gap-2">
+          <button
+            onClick={() => onPageChange(currentPage - 1)}
+            disabled={currentPage === 1}
+            className="btn btn-secondary disabled:opacity-50"
+          >
+            <ChevronLeft className="h-4 w-4" />
+          </button>
+          <button
+            onClick={() => onPageChange(currentPage + 1)}
+            disabled={currentPage === totalPages}
+            className="btn btn-secondary disabled:opacity-50"
+          >
+            <ChevronRight className="h-4 w-4" />
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/Table.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/Table.tsx
new file mode 100644
index 000000000..08a822a88
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/Table.tsx
@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+
+interface Column<T> {
+  key: string;
+  label: string;
+  render?: (item: T) => ReactNode;
+}
+
+interface TableProps<T> {
+  data: T[];
+  columns: Column<T>[];
+  onRowClick?: (item: T) => void;
+}
+
+export default function Table<T extends Record<string, any>>({ data, columns, onRowClick }: TableProps<T>) {
+  return (
+    <div className="overflow-x-auto">
+      <table className="w-full">
+        <thead className="bg-gray-50 dark:bg-gray-800">
+          <tr>
+            {columns.map((column) => (
+              <th
+                key={column.key}
+                className="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400"
+              >
+                {column.label}
+              </th>
+            ))}
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-900">
+          {data.map((item, index) => (
+            <tr
+              key={item.id || index}
+              onClick={() => onRowClick?.(item)}
+              className={onRowClick ? 'cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800' : ''}
+            >
+              {columns.map((column) => (
+                <td key={column.key} className="whitespace-nowrap px-6 py-4 text-sm text-gray-900 dark:text-gray-100">
+                  {column.render ? column.render(item) : item[column.key]}
+                </td>
+              ))}
+            </tr>
+          ))}
+        </tbody>
+      </table>
+      {data.length === 0 && (
+        <div className="py-12 text-center text-gray-500 dark:text-gray-400">No data available</div>
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/components/ui/Tabs.tsx b/apps/edr-passenger-web/backoffice/src/components/ui/Tabs.tsx
new file mode 100644
index 000000000..2ffe70159
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/components/ui/Tabs.tsx
@@ -0,0 +1,43 @@
+import React, { ReactNode } from 'react';
+
+interface TabItem {
+  id: string;
+  label: string;
+  icon?: ReactNode;
+  content: ReactNode;
+}
+
+interface TabsProps {
+  tabs: TabItem[];
+  defaultTab?: string;
+}
+
+export default function Tabs({ tabs, defaultTab }: TabsProps) {
+  const [activeTab, setActiveTab] = React.useState(defaultTab || tabs[0]?.id);
+
+  return (
+    <div>
+      <div className="border-b border-gray-200">
+        <div className="flex gap-1 -mb-px">
+          {tabs.map((tab) => (
+            <button
+              key={tab.id}
+              onClick={() => setActiveTab(tab.id)}
+              className={`px-4 py-2 font-medium text-sm border-b-2 transition-colors ${
+                activeTab === tab.id
+                  ? 'border-blue-600 text-blue-600'
+                  : 'border-transparent text-gray-600 hover:text-gray-900 hover:border-gray-300'
+              } flex items-center gap-2`}
+            >
+              {tab.icon}
+              {tab.label}
+            </button>
+          ))}
+        </div>
+      </div>
+      <div className="mt-6">
+        {tabs.find((tab) => tab.id === activeTab)?.content}
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/backoffice/src/hooks/.gitkeep b/apps/edr-passenger-web/backoffice/src/hooks/.gitkeep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-passenger-web/backoffice/src/lib/api-client.ts b/apps/edr-passenger-web/backoffice/src/lib/api-client.ts
new file mode 100644
index 000000000..8d535b71c
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/api-client.ts
@@ -0,0 +1,64 @@
+import axios, { AxiosInstance, AxiosRequestConfig } from 'axios';
+
+const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:4000';
+
+class ApiClient {
+  private client: AxiosInstance;
+
+  constructor() {
+    this.client = axios.create({
+      baseURL: API_URL,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+
+    this.client.interceptors.request.use((config) => {
+      const token = typeof window !== 'undefined' ? localStorage.getItem('auth_token') : null;
+      if (token) {
+        config.headers.Authorization = `Bearer ${token}`;
+      }
+      return config;
+    });
+
+    this.client.interceptors.response.use(
+      (response) => response,
+      (error) => {
+        if (error.response?.status === 401) {
+          if (typeof window !== 'undefined') {
+            localStorage.removeItem('auth_token');
+            window.location.href = '/login';
+          }
+        }
+        return Promise.reject(error);
+      }
+    );
+  }
+
+  async get<T>(url: string, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.get<{ success: boolean; data: T }>(url, config);
+    return response.data.data;
+  }
+
+  async post<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.post<{ success: boolean; data: T }>(url, data, config);
+    return response.data.data;
+  }
+
+  async put<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.put<{ success: boolean; data: T }>(url, data, config);
+    return response.data.data;
+  }
+
+  async patch<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.patch<{ success: boolean; data: T }>(url, data, config);
+    return response.data.data;
+  }
+
+  async delete<T>(url: string, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.delete<{ success: boolean; data: T }>(url, config);
+    return response.data.data;
+  }
+}
+
+export const apiClient = new ApiClient();
diff --git a/apps/edr-passenger-web/backoffice/src/lib/api/bookings.ts b/apps/edr-passenger-web/backoffice/src/lib/api/bookings.ts
new file mode 100644
index 000000000..1669d8dcf
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/api/bookings.ts
@@ -0,0 +1,29 @@
+import { apiClient } from '@/lib/api-client';
+import { Booking, BookingFilters } from '@/types';
+import { PaginatedResponse } from '@edr/types';
+
+export const bookingsApi = {
+  getAll: (filters?: BookingFilters) => {
+    const params = new URLSearchParams();
+    if (filters?.status) params.append('status', filters.status);
+    if (filters?.dateFrom) params.append('dateFrom', filters.dateFrom);
+    if (filters?.dateTo) params.append('dateTo', filters.dateTo);
+    if (filters?.search) params.append('search', filters.search);
+    if (filters?.page) params.append('page', filters.page.toString());
+    if (filters?.pageSize) params.append('pageSize', filters.pageSize.toString());
+    
+    return apiClient.get<PaginatedResponse<Booking>>(`/bookings?${params.toString()}`);
+  },
+
+  getById: (id: string) => {
+    return apiClient.get<Booking>(`/bookings/${id}`);
+  },
+
+  updateStatus: (id: string, status: string) => {
+    return apiClient.patch<Booking>(`/bookings/${id}/status`, { status });
+  },
+
+  cancel: (id: string, reason?: string) => {
+    return apiClient.post<Booking>(`/bookings/${id}/cancel`, { reason });
+  },
+};
diff --git a/apps/edr-passenger-web/backoffice/src/lib/api/dashboard.ts b/apps/edr-passenger-web/backoffice/src/lib/api/dashboard.ts
new file mode 100644
index 000000000..78411b38a
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/api/dashboard.ts
@@ -0,0 +1,187 @@
+import { apiClient } from '@/lib/api-client';
+import { DashboardStats, RevenueData } from '@/types';
+
+export const dashboardApi = {
+  getStats: async () => {
+    try {
+      // Fetch bookings and passengers data in parallel
+      const [bookingsRes, passengersRes] = await Promise.all([
+        apiClient.get<any>('/bookings?pageSize=1'),
+        apiClient.get<any>('/passengers?pageSize=1'),
+      ]);
+
+      const bookingsTotal = bookingsRes?.meta?.total || 0;
+      const passengersTotal = passengersRes?.meta?.total || 0;
+
+      // Calculate revenue from bookings
+      const allBookingsRes = await apiClient.get<any>('/bookings?pageSize=100');
+      const allBookings = Array.isArray(allBookingsRes) ? allBookingsRes : allBookingsRes?.items || [];
+      const totalRevenue = allBookings.reduce((sum: number, b: any) => sum + (b.totalMinor || 0), 0);
+
+      // Calculate average occupancy (placeholder - would need dedicated endpoint)
+      const occupancyRate = Math.floor(Math.random() * 100); // Replace with actual data
+
+      return {
+        totalBookings: bookingsTotal,
+        totalRevenue: totalRevenue,
+        totalPassengers: passengersTotal,
+        occupancyRate: occupancyRate,
+        totalTripsToday: 0,
+        activeTrips: 0,
+        cancelledBookings: 0,
+        averageTicketPrice: allBookings.length > 0 ? totalRevenue / allBookings.length : 0,
+      };
+    } catch (error) {
+      console.error('Failed to fetch dashboard stats:', error);
+      return {
+        totalBookings: 0,
+        totalRevenue: 0,
+        totalPassengers: 0,
+        occupancyRate: 0,
+        totalTripsToday: 0,
+        activeTrips: 0,
+        cancelledBookings: 0,
+        averageTicketPrice: 0,
+      };
+    }
+  },
+
+  getRevenueChart: async (days: number = 30) => {
+    try {
+      const response = await apiClient.get<RevenueData[]>(`/dashboard/revenue?days=${days}`);
+      return response;
+    } catch (error) {
+      console.error('Failed to fetch revenue chart:', error);
+      return [];
+    }
+  },
+
+  getRecentBookings: async (limit: number = 10) => {
+    try {
+      const response = await apiClient.get<any>(`/bookings?pageSize=${limit}`);
+      // Extract items from paginated response
+      const bookings = Array.isArray(response) ? response : response?.items || [];
+      
+      return bookings.map((booking: any) => ({
+        id: booking.id,
+        bookingRef: booking.bookingRef,
+        status: booking.status,
+        totalMinor: booking.totalMinor,
+        currency: booking.currency || 'ETB',
+        displayCurrency: booking.displayCurrency,
+        displayTotalMinor: booking.displayTotalMinor,
+        contactEmail: booking.contactEmail,
+        contactPhone: booking.contactPhone,
+        createdAt: booking.createdAt,
+        passenger: booking.passenger ? {
+          id: booking.passenger.id,
+          fullName: booking.passenger.fullName,
+          email: booking.passenger.email,
+        } : null,
+        schedule: booking.schedule,
+        paymentIntent: booking.paymentIntent,
+      }));
+    } catch (error) {
+      console.error('Failed to fetch recent bookings:', error);
+      return [];
+    }
+  },
+
+  getTopAgents: async (limit: number = 5) => {
+    try {
+      const response = await apiClient.get<any[]>(`/agents/top?limit=${limit}`);
+      return response || [];
+    } catch (error) {
+      console.error('Failed to fetch top agents:', error);
+      return [];
+    }
+  },
+
+  getOccupancyTrend: async (days: number = 7) => {
+    try {
+      const response = await apiClient.get<any[]>(`/dashboard/occupancy?days=${days}`);
+      return response || [];
+    } catch (error) {
+      console.error('Failed to fetch occupancy trend:', error);
+      return [];
+    }
+  },
+
+  getUpcomingTrips: async (limit: number = 5) => {
+    try {
+      const response = await apiClient.get<any[]>(`/schedules/upcoming?limit=${limit}`);
+      return response || [];
+    } catch (error) {
+      console.error('Failed to fetch upcoming trips:', error);
+      return [];
+    }
+  },
+
+  getPaymentMethods: async () => {
+    try {
+      const response = await apiClient.get<any[]>('/dashboard/payment-methods');
+      return response || [];
+    } catch (error) {
+      console.error('Failed to fetch payment methods:', error);
+      return [];
+    }
+  },
+
+  getPassengerStats: async () => {
+    try {
+      const response = await apiClient.get<any>('/dashboard/passenger-stats');
+      return response || {
+        totalPassengers: 0,
+        newPassengersToday: 0,
+        activePassengers: 0,
+        loyaltyPoints: 0,
+      };
+    } catch (error) {
+      console.error('Failed to fetch passenger stats:', error);
+      return {
+        totalPassengers: 0,
+        newPassengersToday: 0,
+        activePassengers: 0,
+        loyaltyPoints: 0,
+      };
+    }
+  },
+
+  getTransactionSummary: async (days: number = 30) => {
+    try {
+      const response = await apiClient.get<any>(`/dashboard/transactions?days=${days}`);
+      return response || {
+        totalTransactions: 0,
+        successfulTransactions: 0,
+        failedTransactions: 0,
+        totalAmount: 0,
+      };
+    } catch (error) {
+      console.error('Failed to fetch transaction summary:', error);
+      return {
+        totalTransactions: 0,
+        successfulTransactions: 0,
+        failedTransactions: 0,
+        totalAmount: 0,
+      };
+    }
+  },
+
+  getLiveMetrics: async () => {
+    try {
+      const response = await apiClient.get<any>('/dashboard/live-metrics');
+      return response || {
+        onlineUsers: 0,
+        activeBookings: 0,
+        activePayments: 0,
+      };
+    } catch (error) {
+      console.error('Failed to fetch live metrics:', error);
+      return {
+        onlineUsers: 0,
+        activeBookings: 0,
+        activePayments: 0,
+      };
+    }
+  },
+};
diff --git a/apps/edr-passenger-web/backoffice/src/lib/api/index.ts b/apps/edr-passenger-web/backoffice/src/lib/api/index.ts
new file mode 100644
index 000000000..85eaa6afd
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/api/index.ts
@@ -0,0 +1,375 @@
+import { apiClient } from '@/lib/api-client';
+import { PaginatedResponse } from '@edr/types';
+
+// Export apiClient for direct use
+export { apiClient };
+
+// Bookings API
+export const bookingsApi = {
+  getAll: async (params?: any) => {
+    const cleanParams = Object.fromEntries(
+      Object.entries(params || {}).filter(([_, value]) => value !== '' && value !== undefined && value !== null)
+    ) as Record<string, string>;
+    const query = new URLSearchParams(cleanParams).toString();
+    const response = await apiClient.get<any>(`/bookings${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getById: (id: string) => apiClient.get<any>(`/bookings/${id}`),
+  getMy: async (params?: any) => {
+    const cleanParams = Object.fromEntries(
+      Object.entries(params || {}).filter(([_, value]) => value !== '' && value !== undefined && value !== null)
+    ) as Record<string, string>;
+    const query = new URLSearchParams(cleanParams).toString();
+    const response = await apiClient.get<any>(`/bookings/my${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getByDevice: async (deviceId: string, params?: any) => {
+    const cleanParams = Object.fromEntries(
+      Object.entries({ ...params }).filter(([_, value]) => value !== '' && value !== undefined && value !== null)
+    ) as Record<string, string>;
+    cleanParams['deviceId'] = deviceId;
+    const query = new URLSearchParams(cleanParams).toString();
+    const response = await apiClient.get<any>(`/bookings/by-device${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  cancel: (id: string, data?: any) => apiClient.post<any>(`/bookings/${id}/cancel`, data),
+  modify: (id: string, data: any) => apiClient.patch<any>(`/bookings/${id}`, data),
+  checkUsage: (id: string) => apiClient.get<any>(`/bookings/${id}/usage`),
+};
+
+// Passengers API
+export const passengersApi = {
+  getAll: async (params?: any) => {
+    const cleanParams = Object.fromEntries(
+      Object.entries(params || {}).filter(([_, value]) => value !== '' && value !== undefined && value !== null)
+    ) as Record<string, string>;
+    const query = new URLSearchParams(cleanParams).toString();
+    const response = await apiClient.get<any>(`/passengers${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getById: (id: string) => apiClient.get<any>(`/passengers/${id}`),
+  verify: (nationalId: string) => apiClient.post<any>('/passengers/verify-fayda', { nationalId }),
+};
+// Stations API
+export const stationsApi = {
+  getAll: async (params?: any) => {
+    const cleanParams = Object.fromEntries(
+      Object.entries(params || {}).filter(([_, value]) => value !== '' && value !== undefined && value !== null)
+    ) as Record<string, string>;
+    const query = new URLSearchParams(cleanParams).toString();
+    const response = await apiClient.get<any>(`/stations${query ? `?${query}` : ''}`);
+    // Handle wrapped response: { success, data: [...], timestamp }
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getById: (id: string) => apiClient.get<any>(`/stations/${id}`),
+  create: (data: any) => apiClient.post<any>('/stations', data),
+  update: (id: string, data: any) => apiClient.patch<any>(`/stations/${id}`, data),
+  delete: (id: string) => apiClient.delete(`/stations/${id}`),
+};
+
+// Fleet API
+export const fleetApi = {
+  getTrains: async (params?: any) => {
+    const cleanParams = Object.fromEntries(
+      Object.entries(params || {}).filter(([_, value]) => value !== '' && value !== undefined && value !== null)
+    ) as Record<string, string>;
+    const query = new URLSearchParams(cleanParams).toString();
+    const response = await apiClient.get<any>(`/fleet/trains${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getCoaches: async (params?: any) => {
+    const cleanParams = Object.fromEntries(
+      Object.entries(params || {}).filter(([_, value]) => value !== '' && value !== undefined && value !== null)
+    ) as Record<string, string>;
+    const query = new URLSearchParams(cleanParams).toString();
+    const response = await apiClient.get<any>(`/fleet/coaches${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  createTrain: (data: any) => apiClient.post<any>('/fleet/trains', data),
+  updateTrain: (id: string, data: any) => apiClient.patch<any>(`/fleet/trains/${id}`, data),
+  deleteTrain: (id: string) => apiClient.delete(`/fleet/trains/${id}`),
+  createCoach: (data: any) => apiClient.post<any>('/fleet/coaches', data),
+  updateCoach: (id: string, data: any) => apiClient.patch<any>(`/fleet/coaches/${id}`, data),
+  deleteCoach: (id: string) => apiClient.delete(`/fleet/coaches/${id}`),
+};
+
+// Schedules API
+export const schedulesApi = {
+  getAll: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/schedules${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getById: (id: string) => apiClient.get<any>(`/schedules/${id}`),
+  create: (data: any) => apiClient.post<any>('/schedules', data),
+  update: (id: string, data: any) => apiClient.patch<any>(`/schedules/${id}`, data),
+  delete: (id: string) => apiClient.delete(`/schedules/${id}`),
+  updateStatus: (id: string, status: string) => apiClient.patch<any>(`/schedules/${id}/status`, { status }),
+  assignCoaches: (scheduleId: string, coaches: Array<{ coachId: string; positionNumber: number }>) =>
+    apiClient.post<any>(`/schedules/${scheduleId}/coaches`, { coaches }),
+  getAssignedCoaches: (scheduleId: string) => apiClient.get<any>(`/schedules/${scheduleId}/coaches`),
+  removeCoachAssignment: (scheduleId: string, coachId: string) =>
+    apiClient.delete(`/schedules/${scheduleId}/coaches/${coachId}`),
+};
+
+// Seats API
+export const seatsApi = {
+  getSeatMap: (scheduleId: string, coachId?: string) => {
+    const params = coachId ? `?coachId=${coachId}` : '';
+    return apiClient.get<any>(`/seats/seatmap/${scheduleId}${params}`);
+  },
+  getBySchedule: (scheduleId: string) => apiClient.get<any>(`/seats/schedule/${scheduleId}`),
+  hold: (data: any) => apiClient.post<any>('/seats/hold', data),
+  release: (holdId: string) => apiClient.delete(`/seats/hold/${holdId}`),
+  block: (seatId: string, data: any) => apiClient.post<any>(`/seats/${seatId}/block`, data),
+  unblock: (seatId: string) => apiClient.delete(`/seats/${seatId}/block`),
+  removeSeat: (seatId: string) => apiClient.patch<any>(`/seats/${seatId}/remove`, {}),
+  undoRemove: (seatId: string) => apiClient.patch<any>(`/seats/${seatId}/undo-remove`, {}),
+};
+
+// Payments API
+export const paymentsApi = {
+  getAll: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/payments${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getById: (id: string) => apiClient.get<any>(`/payments/${id}`),
+  refund: (id: string, data: any) => apiClient.post<any>(`/payments/${id}/refund`, data),
+  getProviders: () => apiClient.get<any[]>('/payments/providers'),
+};
+
+// Tickets API
+export const ticketsApi = {
+  getAll: async (params?: any) => {
+    const cleanParams = Object.fromEntries(
+      Object.entries(params || {}).filter(([_, value]) => value !== '' && value !== undefined && value !== null)
+    ) as Record<string, string>;
+    const query = new URLSearchParams(cleanParams).toString();
+    const response = await apiClient.get<any>(`/tickets${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getById: (id: string) => apiClient.get<any>(`/tickets/${id}`),
+  validate: (ticketId: string, data: any) => apiClient.post<any>(`/tickets/${ticketId}/validate`, data),
+  regenerate: (ticketId: string) => apiClient.post<any>(`/tickets/${ticketId}/regenerate`),
+};
+
+// Agents API
+export const agentsApi = {
+  getAll: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/agents${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getById: (id: string) => apiClient.get<any>(`/agents/${id}`),
+  create: (data: any) => apiClient.post<any>('/agents', data),
+  update: (id: string, data: any) => apiClient.patch<any>(`/agents/${id}`, data),
+  getShifts: (agentId: string) => apiClient.get<any[]>(`/agents/${agentId}/shifts`),
+  openShift: (agentId: string, data: any) => apiClient.post<any>(`/agents/${agentId}/shifts/open`, data),
+  closeShift: (shiftId: string, data: any) => apiClient.post<any>(`/agents/shifts/${shiftId}/close`, data),
+  getCommissions: (agentId: string) => apiClient.get<any[]>(`/agents/${agentId}/commissions`),
+};
+
+// Loyalty API
+export const loyaltyApi = {
+  getAccounts: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/loyalty/accounts${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getAccount: (passengerId: string) => apiClient.get<any>(`/loyalty/accounts/${passengerId}`),
+  adjustPoints: (accountId: string, data: any) => apiClient.post<any>(`/loyalty/accounts/${accountId}/adjust`, data),
+  getRewards: () => apiClient.get<any[]>('/loyalty/rewards'),
+  createReward: (data: any) => apiClient.post<any>('/loyalty/rewards', data),
+};
+
+// Wallet API
+export const walletApi = {
+  getAccounts: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/wallet/accounts${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getAccount: (passengerId: string) => apiClient.get<any>(`/wallet/accounts/${passengerId}`),
+  adjustBalance: (accountId: string, data: any) => apiClient.post<any>(`/wallet/accounts/${accountId}/adjust`, data),
+  getLedger: (accountId: string) => apiClient.get<any[]>(`/wallet/accounts/${accountId}/ledger`),
+};
+
+// Promotions API
+export const promotionsApi = {
+  getAll: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/promos${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getById: (id: string) => apiClient.get<any>(`/promos/${id}`),
+  create: (data: any) => apiClient.post<any>('/promos', data),
+  update: (id: string, data: any) => apiClient.patch<any>(`/promos/${id}`, data),
+  delete: (id: string) => apiClient.delete(`/promos/${id}`),
+};
+
+export { promosApi } from './promos';
+export { usersApi } from './users';
+
+// Support API
+export const supportApi = {
+  getConversations: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/support/conversations${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getConversation: (id: string) => apiClient.get<any>(`/support/conversations/${id}`),
+  updateStatus: (id: string, status: string) => apiClient.patch<any>(`/support/conversations/${id}/status`, { status }),
+  sendMessage: (conversationId: string, data: any) => apiClient.post<any>(`/support/conversations/${conversationId}/messages`, data),
+  getFaqs: () => apiClient.get<any[]>('/support/faqs'),
+  createFaq: (data: any) => apiClient.post<any>('/support/faqs', data),
+};
+
+// Notifications API
+export const notificationsApi = {
+  getTemplates: () => apiClient.get<any[]>('/notifications/templates'),
+  createTemplate: (data: any) => apiClient.post<any>('/notifications/templates', data),
+  updateTemplate: (id: string, data: any) => apiClient.patch<any>(`/notifications/templates/${id}`, data),
+  send: (data: any) => apiClient.post<any>('/notifications/send', data),
+  getHistory: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/notifications/history${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+};
+
+// Fraud API
+export const fraudApi = {
+  getAlerts: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/fraud/alerts${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  acknowledgeAlert: (id: string) => apiClient.patch<any>(`/fraud/alerts/${id}/acknowledge`),
+  getRules: () => apiClient.get<any[]>('/fraud/rules'),
+  updateRule: (id: string, data: any) => apiClient.patch<any>(`/fraud/rules/${id}`, data),
+  blockUser: (userId: string, data: any) => apiClient.post<any>(`/fraud/users/${userId}/block`, data),
+};
+
+// Verifayda API
+export const verifaydaApi = {
+  getVerifications: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/passengers/verifications${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  verify: (nationalId: string) => apiClient.post<any>('/passengers/verify-fayda', { nationalId }),
+  getStats: () => apiClient.get<any>('/passengers/verification-stats'),
+};
+
+// Audit API
+export const auditApi = {
+  getLogs: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/audit/logs${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  getLog: (id: string) => apiClient.get<any>(`/audit/logs/${id}`),
+};
+
+// Live Tracking API
+export const liveApi = {
+  getTrips: () => apiClient.get<any[]>('/live/trips'),
+  getTrip: (tripId: string) => apiClient.get<any>(`/live/trips/${tripId}`),
+  updateLocation: (tripId: string, data: any) => apiClient.post<any>(`/live/trips/${tripId}/location`, data),
+  getCrowdSignals: () => apiClient.get<any[]>('/live/crowd-signals'),
+};
+
+// Classes API (formerly Seat Classes)
+export const seatClassesApi = {
+  getAll: () => apiClient.get<any[]>('/fleet/classes'),
+  getById: (id: string) => apiClient.get<any>(`/fleet/classes/${id}`),
+  create: (data: any) => apiClient.post<any>('/fleet/classes', data),
+  update: (id: string, data: any) => apiClient.patch<any>(`/fleet/classes/${id}`, data),
+  delete: (id: string) => apiClient.delete(`/fleet/classes/${id}`),
+};
+
+// Food & Dining API
+export const foodApi = {
+  getCategories: () => apiClient.get<any[]>('/food/categories'),
+  getMenuItems: (scheduleId: string) => apiClient.get<any[]>(`/food/menu/${scheduleId}`),
+  getOrders: async (params?: any) => {
+    const query = new URLSearchParams(params as Record<string, string>).toString();
+    const response = await apiClient.get<any>(`/food/orders${query ? `?${query}` : ''}`);
+    if (response?.data) {
+      return Array.isArray(response.data) ? { items: response.data } : response;
+    }
+    return Array.isArray(response) ? { items: response } : response;
+  },
+  updateOrderStatus: (orderId: string, status: string) => apiClient.patch<any>(`/food/orders/${orderId}/status`, { status }),
+  createMenuItem: (data: any) => apiClient.post<any>('/food/menu-items', data),
+};
+
+// Reports API
+export const reportsApi = {
+  generateReport: (data: any) => apiClient.post<any>('/reports/generate', data),
+  getReport: (reportId: string) => apiClient.get<any>(`/reports/${reportId}`),
+  listReports: async (reportType?: string) => {
+    const query = reportType ? `?type=${reportType}` : '';
+    const response = await apiClient.get<any>(`/reports${query}`);
+    if (Array.isArray(response)) return { items: response };
+    return response?.data ? (Array.isArray(response.data) ? { items: response.data } : response) : { items: [] };
+  },
+};
diff --git a/apps/edr-passenger-web/backoffice/src/lib/api/passengers.ts b/apps/edr-passenger-web/backoffice/src/lib/api/passengers.ts
new file mode 100644
index 000000000..f7191e83b
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/api/passengers.ts
@@ -0,0 +1,24 @@
+import { apiClient } from '@/lib/api-client';
+import { PassengerFilters } from '@/types';
+import { Passenger, PaginatedResponse } from '@edr/types';
+
+export const passengersApi = {
+  getAll: (filters?: PassengerFilters) => {
+    const params = new URLSearchParams();
+    if (filters?.search) params.append('search', filters.search);
+    if (filters?.verified !== undefined) params.append('verified', filters.verified.toString());
+    if (filters?.role) params.append('role', filters.role);
+    if (filters?.page) params.append('page', filters.page.toString());
+    if (filters?.pageSize) params.append('pageSize', filters.pageSize.toString());
+    
+    return apiClient.get<PaginatedResponse<Passenger.IPassenger>>(`/passengers?${params.toString()}`);
+  },
+
+  getById: (id: string) => {
+    return apiClient.get<Passenger.IPassenger>(`/passengers/${id}`);
+  },
+
+  update: (id: string, data: Partial<Passenger.IPassenger>) => {
+    return apiClient.patch<Passenger.IPassenger>(`/passengers/${id}`, data);
+  },
+};
diff --git a/apps/edr-passenger-web/backoffice/src/lib/api/promos.ts b/apps/edr-passenger-web/backoffice/src/lib/api/promos.ts
new file mode 100644
index 000000000..cd461b114
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/api/promos.ts
@@ -0,0 +1,54 @@
+import { apiClient } from '@/lib/api-client';
+
+export interface PromoCode {
+  id: string;
+  code: string;
+  title: string;
+  discountType: 'PERCENTAGE' | 'FIXED';
+  discountValue: number;
+  maxDiscount?: number;
+  minBookingAmount?: number;
+  maxUsagePerUser?: number;
+  totalUsageLimit?: number;
+  usageCount: number;
+  validFrom: string;
+  validUntil: string;
+  isActive: boolean;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export const promosApi = {
+  getAll: (filters?: { search?: string; active?: string; page?: number; pageSize?: number }) => {
+    const params = new URLSearchParams();
+    if (filters?.search) params.append('search', filters.search);
+    if (filters?.active) params.append('active', filters.active);
+    if (filters?.page) params.append('page', filters.page.toString());
+    if (filters?.pageSize) params.append('pageSize', filters.pageSize.toString());
+
+    return apiClient.get<{ items: PromoCode[]; total: number; page: number; pageSize: number }>(`/promos/all?${params.toString()}`);
+  },
+
+  getById: (id: string) => {
+    return apiClient.get<PromoCode>(`/promos/${id}`);
+  },
+
+  create: (data: Omit<PromoCode, 'id' | 'createdAt' | 'updatedAt' | 'usageCount'>) => {
+    return apiClient.post<PromoCode>('/promos', data);
+  },
+
+  update: (id: string, data: Partial<PromoCode>) => {
+    return apiClient.patch<PromoCode>(`/promos/${id}`, data);
+  },
+
+  delete: (id: string) => {
+    return apiClient.delete<void>(`/promos/${id}`);
+  },
+
+  validate: (code: string, bookingAmount?: number) => {
+    return apiClient.post<{ valid: boolean; message?: string; discount?: number }>('/promos/validate', {
+      code,
+      bookingAmount,
+    });
+  },
+};
diff --git a/apps/edr-passenger-web/backoffice/src/lib/api/routes.ts b/apps/edr-passenger-web/backoffice/src/lib/api/routes.ts
new file mode 100644
index 000000000..8a4873606
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/api/routes.ts
@@ -0,0 +1,64 @@
+import { apiClient } from '@/lib/api-client';
+import { Route, Trip, FareRule } from '@/types';
+import { PaginatedResponse } from '@edr/types';
+
+export const routesApi = {
+  getAll: async () => {
+    const response = await apiClient.get<any>('/routes');
+    console.log('Routes API response:', response);
+    // Handle both direct array and wrapped response
+    if (Array.isArray(response)) {
+      return { items: response };
+    }
+    if (response?.data && Array.isArray(response.data)) {
+      return { items: response.data };
+    }
+    if (response?.items) {
+      return response;
+    }
+    return { items: response || [] };
+  },
+
+  getById: (id: string) => {
+    return apiClient.get<Route>(`/routes/${id}`);
+  },
+
+  create: (data: any) => {
+    console.log('Creating route with data:', JSON.stringify(data, null, 2));
+    return apiClient.post<Route>('/routes', data);
+  },
+
+  update: (id: string, data: Partial<Route>) => {
+    return apiClient.patch<Route>(`/routes/${id}`, data);
+  },
+
+  delete: (id: string) => {
+    return apiClient.delete(`/routes/${id}`);
+  },
+
+  getFareRules: (routeId: string) => {
+    return apiClient.get<FareRule[]>(`/routes/${routeId}/fare-rules`);
+  },
+
+  updateFareRule: (routeId: string, ruleId: string, data: Partial<FareRule>) => {
+    return apiClient.patch<FareRule>(`/routes/${routeId}/fare-rules/${ruleId}`, data);
+  },
+};
+
+export const tripsApi = {
+  getAll: (filters?: any) => {
+    const params = new URLSearchParams();
+    if (filters?.status) params.append('status', filters.status);
+    if (filters?.date) params.append('date', filters.date);
+    
+    return apiClient.get<PaginatedResponse<Trip>>(`/schedules?${params.toString()}`);
+  },
+
+  getById: (id: string) => {
+    return apiClient.get<Trip>(`/schedules/${id}`);
+  },
+
+  updateStatus: (id: string, status: string) => {
+    return apiClient.patch<Trip>(`/schedules/${id}/status`, { status });
+  },
+};
diff --git a/apps/edr-passenger-web/backoffice/src/lib/api/users.ts b/apps/edr-passenger-web/backoffice/src/lib/api/users.ts
new file mode 100644
index 000000000..9355e68b5
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/api/users.ts
@@ -0,0 +1,59 @@
+import { apiClient } from '@/lib/api-client';
+
+export interface BackofficeUser {
+  id: string;
+  email: string;
+  fullName: string;
+  role: 'ADMIN' | 'SUPERVISOR' | 'STAFF' | 'AGENT';
+  status: 'ACTIVE' | 'INACTIVE';
+  lastLogin?: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export const usersApi = {
+  getAll: async (filters?: { search?: string; role?: string; status?: string; page?: number; pageSize?: number }) => {
+    const params = new URLSearchParams();
+    if (filters?.search) params.append('search', filters.search);
+    if (filters?.role) params.append('role', filters.role);
+    if (filters?.status) params.append('status', filters.status);
+    if (filters?.page) params.append('page', filters.page.toString());
+    if (filters?.pageSize) params.append('pageSize', filters.pageSize.toString());
+
+    const response = await apiClient.get<any>(`/auth/users?${params.toString()}`);
+    
+    // Handle different response formats
+    if (response && typeof response === 'object') {
+      if ('items' in response) {
+        return response as { items: BackofficeUser[]; total: number };
+      }
+      if (Array.isArray(response)) {
+        return { items: response as BackofficeUser[], total: response.length };
+      }
+    }
+    
+    return { items: Array.isArray(response) ? response : [], total: 0 };
+  },
+
+  getById: (id: string) => {
+    return apiClient.get<BackofficeUser>(`/auth/users/${id}`);
+  },
+
+  create: (data: { email: string; fullName: string; role: string; password: string }) => {
+    return apiClient.post<BackofficeUser>('/auth/users', data);
+  },
+
+  update: (id: string, data: Partial<BackofficeUser>) => {
+    return apiClient.patch<BackofficeUser>(`/auth/users/${id}`, data);
+  },
+
+  delete: (id: string) => {
+    return apiClient.delete<void>(`/auth/users/${id}`);
+  },
+
+  resetPassword: (id: string, tempPassword: string) => {
+    return apiClient.post<{ success: boolean; message: string }>(`/auth/users/${id}/reset-password`, {
+      tempPassword,
+    });
+  },
+};
diff --git a/apps/edr-passenger-web/backoffice/src/lib/auth-store.ts b/apps/edr-passenger-web/backoffice/src/lib/auth-store.ts
new file mode 100644
index 000000000..bdbbc6ba8
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/auth-store.ts
@@ -0,0 +1,86 @@
+import { create } from 'zustand';
+import { AdminUser } from '@/types';
+import axios from 'axios';
+
+const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:4000';
+
+interface AuthState {
+  user: AdminUser | null;
+  token: string | null;
+  isAuthenticated: boolean;
+  login: (email: string, password: string) => Promise<void>;
+  logout: () => void;
+  setUser: (user: AdminUser, token: string) => void;
+  initialize: () => void;
+}
+
+export const useAuthStore = create<AuthState>((set) => ({
+  user: null,
+  token: null,
+  isAuthenticated: false,
+
+  initialize: () => {
+    if (typeof window === 'undefined') return;
+    const token = localStorage.getItem('auth_token');
+    const userStr = localStorage.getItem('auth_user');
+    if (token && userStr) {
+      try {
+        const user = JSON.parse(userStr);
+        set({ user, token, isAuthenticated: true });
+      } catch (e) {
+        localStorage.removeItem('auth_token');
+        localStorage.removeItem('auth_user');
+      }
+    }
+  },
+
+  login: async (email: string, password: string) => {
+    try {
+      console.log('Attempting login to:', `${API_URL}/auth/login`);
+      const response = await axios.post(`${API_URL}/auth/login`, { email, password });
+      console.log('Full response:', response.data);
+      
+      // Backend wraps response in { success, data: { token, user }, timestamp }
+      const responseData = response.data.data || response.data;
+      
+      if (!responseData || !responseData.token || !responseData.user) {
+        console.error('Invalid response structure:', response.data);
+        throw new Error('Invalid response from server');
+      }
+      
+      const { token, user: apiUser } = responseData;
+      
+      const user: AdminUser = {
+        id: apiUser.id,
+        email: apiUser.email,
+        fullName: apiUser.fullName,
+        role: apiUser.role,
+        active: true,
+      };
+      
+      console.log('Login successful! User:', user);
+      
+      localStorage.setItem('auth_token', token);
+      localStorage.setItem('auth_user', JSON.stringify(user));
+      
+      set({ user, token, isAuthenticated: true });
+    } catch (error: any) {
+      console.error('Login error details:', {
+        message: error.message,
+        response: error.response?.data,
+        status: error.response?.status,
+      });
+      throw error;
+    }
+  },
+
+  logout: () => {
+    localStorage.removeItem('auth_token');
+    localStorage.removeItem('auth_user');
+    set({ user: null, token: null, isAuthenticated: false });
+  },
+
+  setUser: (user: AdminUser, token: string) => {
+    set({ user, token, isAuthenticated: true });
+  },
+}));
diff --git a/apps/edr-passenger-web/backoffice/src/lib/theme-store.ts b/apps/edr-passenger-web/backoffice/src/lib/theme-store.ts
new file mode 100644
index 000000000..197194dc2
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/theme-store.ts
@@ -0,0 +1,39 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+
+interface ThemeState {
+  isDark: boolean;
+  toggleTheme: () => void;
+  setTheme: (isDark: boolean) => void;
+}
+
+export const useTheme = create<ThemeState>()(
+  persist(
+    (set) => ({
+      isDark: typeof window !== 'undefined' ? window.matchMedia('(prefers-color-scheme: dark)').matches : false,
+      toggleTheme: () => {
+        set((state) => {
+          const newIsDark = !state.isDark;
+          if (typeof window !== 'undefined') {
+            document.documentElement.classList.toggle('dark', newIsDark);
+          }
+          return { isDark: newIsDark };
+        });
+      },
+      setTheme: (isDark: boolean) => {
+        set({ isDark });
+        if (typeof window !== 'undefined') {
+          document.documentElement.classList.toggle('dark', isDark);
+        }
+      },
+    }),
+    {
+      name: 'edr-theme',
+      onRehydrateStorage: () => (state) => {
+        if (state && typeof window !== 'undefined') {
+          document.documentElement.classList.toggle('dark', state.isDark);
+        }
+      },
+    }
+  )
+);
diff --git a/apps/edr-passenger-web/backoffice/src/lib/utils.ts b/apps/edr-passenger-web/backoffice/src/lib/utils.ts
new file mode 100644
index 000000000..fe472a6b0
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/lib/utils.ts
@@ -0,0 +1,51 @@
+import { format } from 'date-fns';
+
+export const formatCurrency = (amount: number, currency: string = 'ETB'): string => {
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency,
+    minimumFractionDigits: 2,
+  }).format(amount / 100);
+};
+
+export const formatDate = (date?: string | Date | null, formatStr: string = 'MMM dd, yyyy'): string => {
+  if (!date) return 'N/A';
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return 'N/A';
+  return format(d, formatStr);
+};
+
+export const formatDateTime = (date?: string | Date | null): string => {
+  if (!date) return 'N/A';
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return 'N/A';
+  return format(d, 'MMM dd, yyyy HH:mm');
+};
+
+export const formatDateTimeLocal = (date?: string | Date | null): string => {
+  if (!date) return 'N/A';
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return 'N/A';
+  return format(d, 'MMM dd, yyyy HH:mm');
+};
+
+export const getStatusColor = (status: string): string => {
+  const colors: Record<string, string> = {
+    CONFIRMED: 'bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400',
+    PENDING: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400',
+    CANCELLED: 'bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400',
+    COMPLETED: 'bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400',
+    PAID: 'bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400',
+    FAILED: 'bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400',
+    REFUNDED: 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300',
+    SCHEDULED: 'bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400',
+    DEPARTED: 'bg-purple-100 text-purple-800 dark:bg-purple-900/20 dark:text-purple-400',
+    ARRIVED: 'bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400',
+    DELAYED: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400',
+  };
+  return colors[status] || 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300';
+};
+
+export const cn = (...classes: (string | undefined | null | false)[]): string => {
+  return classes.filter(Boolean).join(' ');
+};
diff --git a/apps/edr-passenger-web/backoffice/src/main.tsx b/apps/edr-passenger-web/backoffice/src/main.tsx
deleted file mode 100644
index 67557625f..000000000
--- a/apps/edr-passenger-web/backoffice/src/main.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-
-import App from "./App";
-
-const queryClient = new QueryClient();
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <QueryClientProvider client={queryClient}>
-      <BrowserRouter>
-        <App />
-      </BrowserRouter>
-    </QueryClientProvider>
-  </StrictMode>,
-);
diff --git a/apps/edr-passenger-web/backoffice/src/pages/dashboard/DashboardPage.tsx b/apps/edr-passenger-web/backoffice/src/pages/dashboard/DashboardPage.tsx
deleted file mode 100644
index 471b3b500..000000000
--- a/apps/edr-passenger-web/backoffice/src/pages/dashboard/DashboardPage.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-const DashboardPage = () => {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-semibold">EDR Passenger Backoffice</h1>
-      <p className="mt-2 text-gray-600">Backoffice — coming soon.</p>
-    </div>
-  );
-};
-
-export default DashboardPage;
diff --git a/apps/edr-passenger-web/backoffice/src/services/.gitkeep b/apps/edr-passenger-web/backoffice/src/services/.gitkeep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-passenger-web/backoffice/src/store/.gitkeep b/apps/edr-passenger-web/backoffice/src/store/.gitkeep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-passenger-web/backoffice/src/styles/globals.css b/apps/edr-passenger-web/backoffice/src/styles/globals.css
new file mode 100644
index 000000000..1ad505b16
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/styles/globals.css
@@ -0,0 +1,190 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 152 74% 26%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222.2 84% 4.9%;
+    --muted: 210 40% 96%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96%;
+    --accent-foreground: 222.2 84% 4.9%;
+    --destructive: 152 74% 26%;
+    --destructive-foreground: 0 0% 100%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 152 74% 26%;
+    --radius: 0.5rem;
+    
+    /* EDR Brand Colors */
+    --edr-green: 152 74% 26%;
+    --edr-orange: 24 95% 53%;
+    --edr-red: 152 74% 26%;
+    --edr-blue: 221 83% 53%;
+  }
+
+  .dark {
+    --background: 222.2 47% 11%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 47% 11%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 47% 11%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 152 74% 26%;
+    --primary-foreground: 0 0% 100%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 152 74% 26%;
+    --destructive-foreground: 0 0% 100%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 152 74% 26%;
+  }
+
+  body {
+    background-color: hsl(var(--background));
+    color: hsl(var(--foreground));
+  }
+}
+
+@layer components {
+  .card {
+    background-color: hsl(var(--card));
+    color: hsl(var(--card-foreground));
+    border-radius: 0.5rem;
+    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+    border: 1px solid hsl(var(--border));
+    padding: 1.5rem;
+  }
+  
+  .btn {
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+    font-weight: 500;
+    transition-property: background-color;
+    transition-duration: 200ms;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  .btn-primary {
+    background-color: rgb(20, 113, 76);
+    color: white;
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+  }
+  
+  .btn-primary:hover {
+    background-color: rgb(16, 90, 61);
+  }
+  
+  .btn-secondary {
+    background-color: hsl(var(--secondary));
+    color: hsl(var(--secondary-foreground));
+  }
+  
+  .btn-secondary:hover {
+    background-color: hsl(var(--secondary) / 0.8);
+  }
+  
+  .btn-danger {
+    background-color: rgb(20, 113, 76);
+    color: hsl(var(--destructive-foreground));
+  }
+  
+  .btn-danger:hover {
+    background-color: rgb(16, 90, 61);
+  }
+  
+  .input {
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+    border: 1px solid hsl(var(--input));
+    border-radius: 0.5rem;
+    background-color: hsl(var(--background));
+  }
+  
+  .input:focus {
+    outline: none;
+    ring: 2px hsl(var(--ring));
+    border-color: transparent;
+  }
+  
+  .label {
+    display: block;
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: hsl(var(--foreground));
+    margin-bottom: 0.25rem;
+  }
+
+  .gradient-edr {
+    background-color: rgb(20, 113, 76);
+  }
+
+  .gradient-edr-bg {
+    background: linear-gradient(to bottom, #0f172a, #1e293b, #0f172a);
+  }
+  
+  .edr-badge {
+    display: inline-flex;
+    align-items: center;
+    padding: 0.125rem 0.625rem;
+    border-radius: 9999px;
+    font-size: 0.75rem;
+    font-weight: 500;
+  }
+  
+  .edr-badge-success {
+    background-color: #dcfce7;
+    color: #166534;
+  }
+  
+  .dark .edr-badge-success {
+    background-color: rgb(6 78 59 / 0.3);
+    color: #86efac;
+  }
+  
+  .edr-badge-warning {
+    background-color: #fef3c7;
+    color: #854d0e;
+  }
+  
+  .dark .edr-badge-warning {
+    background-color: rgb(120 53 15 / 0.3);
+    color: #fbbf24;
+  }
+  
+  .edr-badge-danger {
+    background-color: #dcfce7;
+    color: rgb(20, 113, 76);
+  }
+  
+  .dark .edr-badge-danger {
+    background-color: rgb(6 78 59 / 0.3);
+    color: #86efac;
+  }
+  
+  .edr-badge-info {
+    background-color: #dbeafe;
+    color: #1e40af;
+  }
+  
+  .dark .edr-badge-info {
+    background-color: rgb(30 58 138 / 0.3);
+    color: #60a5fa;
+  }
+}
diff --git a/apps/edr-passenger-web/backoffice/src/types/.gitkeep b/apps/edr-passenger-web/backoffice/src/types/.gitkeep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-passenger-web/backoffice/src/types/edr.ts b/apps/edr-passenger-web/backoffice/src/types/edr.ts
new file mode 100644
index 000000000..cc8f8639b
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/types/edr.ts
@@ -0,0 +1,442 @@
+import { Passenger } from '@edr/types';
+
+// Enhanced Booking Types 
+export interface Booking {
+  id: string;
+  bookingRef: string;
+  passengerId: string;
+  passenger?: Passenger.IPassenger;
+  scheduleId: string;
+  status: 'DRAFT' | 'PENDING_PAYMENT' | 'CONFIRMED' | 'CANCELLED' | 'COMPLETED' | 'NO_SHOW' | 'REFUNDED';
+  currency: string;
+  totalMinor: number;
+  adultCount: number;
+  childCount: number;
+  displayCurrency?: string;
+  displayTotalMinor?: number;
+  bookingType: string;
+  contactEmail?: string;
+  contactPhone?: string;
+  source: string;
+  promoCode?: string;
+  paidAt?: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+// Station Types
+export interface Station {
+  id: string;
+  code: string;
+  name: string;
+  city: string;
+  countryCode?: string;
+  isOperational: boolean;
+  timezone: string;
+  lat: number;
+  lng: number;
+  createdAt: string;
+}
+
+// Train Types
+export interface Train {
+  id: string;
+  number: string;
+  name: string;
+  operatorId: string;
+  operatorName?: string;
+  description?: string;
+  isActive: boolean;
+  createdAt: string;
+  updatedAt: string;
+}
+
+// Coach Types
+export interface Coach {
+  id: string;
+  coachNumber: string;
+  label: string;
+  seatClassId: string;
+  coachType?: string;
+  mode: string;
+  seatArrangement?: string;
+  bedArrangement?: string;
+  amenities?: any;
+  totalUnits: number;
+  isActive: boolean;
+  createdAt: string;
+  updatedAt: string;
+}
+
+// Schedule Types
+export interface TrainSchedule {
+  id: string;
+  trainId: string;
+  routeId?: string;
+  originStationId: string;
+  destinationStationId: string;
+  departureAt: string;
+  arrivalAt: string;
+  durationMinutes: number;
+  status: 'SCHEDULED' | 'BOARDING' | 'EN_ROUTE' | 'ARRIVED' | 'CANCELLED' | 'DELAYED';
+  stopsCount: number;
+  reservedCount: number;
+  onTimePercent: number;
+  carbonRating: string;
+  notes?: string;
+  train?: Train;
+  originStation?: Station;
+  destinationStation?: Station;
+}
+
+// Route Types
+export interface Route {
+  id: string;
+  code: string;
+  name: string;
+  description?: string;
+  effectiveFrom: string;
+  effectiveUntil?: string;
+  active: boolean;
+  createdAt: string;
+  stops?: RouteStop[];
+  fareRules?: RouteFareRule[];
+}
+
+export interface RouteStop {
+  id: string;
+  routeId: string;
+  stationId: string;
+  sequence: number;
+  distanceKm?: number;
+  createdAt: string;
+}
+
+export interface RouteFareRule {
+  id: string;
+  routeId: string;
+  seatClassId: string;
+  passengerCategory: 'ADULT' | 'CHILD';
+  baseFareMinor: number;
+  discountPercent?: number;
+  taxPercent?: number;
+  surchargeMinor?: number;
+  currency: string;
+  validFrom: string;
+  validUntil?: string;
+  createdAt: string;
+}
+
+// Seat Types
+export interface Seat {
+  id: string;
+  coachId: string;
+  row: number;
+  col: string;
+  label: string;
+  seatNumber?: string;
+  kind: 'STANDARD' | 'PREMIUM' | 'ACCESSIBLE';
+  status: 'AVAILABLE' | 'HELD' | 'BOOKED' | 'BLOCKED';
+  heldUntil?: string;
+  isWindow: boolean;
+  isAisle: boolean;
+  bedPosition?: string;
+  premiumFeeMinor: number;
+  eligibility?: string;
+}
+
+export interface SeatClass {
+  id: string;
+  name: string;
+  description?: string;
+  basePrice: number;
+  isActive: boolean;
+  createdAt: string;
+  updatedAt: string;
+}
+
+// Payment Types
+export interface PaymentIntent {
+  id: string;
+  bookingId: string;
+  amountMinor: number;
+  currency: string;
+  method: 'TELEBIRR' | 'CBE_BIRR' | 'EBIRR' | 'CARD' | 'WALLET' | 'WAAFI';
+  provider?: string;
+  status: 'REQUIRES_ACTION' | 'PROCESSING' | 'SUCCEEDED' | 'FAILED' | 'CANCELLED' | 'REFUNDED';
+  providerRef?: string;
+  merchantOrderId?: string;
+  providerOrderId?: string;
+  providerTxnId?: string;
+  paidAt?: string;
+  refundedAt?: string;
+  failureCode?: string;
+  failureMessage?: string;
+  expiresAt?: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+// Agent Types
+export interface Agent {
+  id: string;
+  userId: string;
+  agentCode: string;
+  stationId?: string;
+  commissionRate: number;
+  active: boolean;
+  createdAt: string;
+  user?: any;
+}
+
+export interface AgentShift {
+  id: string;
+  agentId: string;
+  openedAt: string;
+  closedAt?: string;
+  openingBalance: number;
+  closingBalance?: number;
+  reconciled: boolean;
+  notes?: string;
+}
+
+// Loyalty Types
+export interface LoyaltyAccount {
+  id: string;
+  passengerId: string;
+  pointsBalance: number;
+  lifetimePoints: number;
+  tier: 'BRONZE' | 'SILVER' | 'GOLD' | 'PLATINUM';
+  tierUpdatedAt?: string;
+  updatedAt: string;
+}
+
+export interface LoyaltyReward {
+  id: string;
+  accountId: string;
+  title: string;
+  costPoints: number;
+  available: boolean;
+  description?: string;
+}
+
+// Wallet Types
+export interface WalletAccount {
+  id: string;
+  passengerId: string;
+  balanceMinor: number;
+  status: string;
+  holdMinor: number;
+  currency: string;
+  updatedAt: string;
+}
+
+// Notification Types
+export interface NotificationTemplate {
+  id: string;
+  code: string;
+  channel: string;
+  subject?: string;
+  bodyTemplate: string;
+  active: boolean;
+  createdAt: string;
+}
+
+// Promotion Types
+export interface Promotion {
+  id: string;
+  title: string;
+  subtitle?: string;
+  code: string;
+  percentOff?: number;
+  amountOffMinor?: number;
+  validUntil: string;
+  ctaLabel?: string;
+  deepLink?: string;
+  active: boolean;
+  createdAt: string;
+}
+
+// Support Types
+export interface SupportConversation {
+  id: string;
+  userId: string;
+  assignedAgentId?: string;
+  status: 'OPEN' | 'RESOLVED' | 'CLOSED';
+  createdAt: string;
+  messages?: SupportMessage[];
+}
+
+export interface SupportMessage {
+  id: string;
+  conversationId: string;
+  sender: 'USER' | 'BOT' | 'AGENT';
+  text: string;
+  attachments?: any;
+  createdAt: string;
+}
+
+// Fraud Types
+export interface FraudAlert {
+  id: string;
+  userId: string;
+  eventType: string;
+  triggeredRules: string[];
+  context: any;
+  severity: string;
+  acknowledged: boolean;
+  createdAt: string;
+}
+
+export interface FraudRule {
+  id: string;
+  type: string;
+  enabled: boolean;
+  threshold: number;
+  config?: any;
+  createdAt: string;
+  updatedAt: string;
+}
+
+// Audit Types
+export interface AuditLog {
+  id: string;
+  userId?: string;
+  action: string;
+  entityType: string;
+  entityId?: string;
+  oldData?: any;
+  newData?: any;
+  ipAddress?: string;
+  userAgent?: string;
+  createdAt: string;
+}
+
+// Dashboard Types
+export interface DashboardStats {
+  totalBookings: number;
+  totalRevenue: number;
+  totalPassengers: number;
+  activeTrips: number;
+  bookingsToday: number;
+  revenueToday: number;
+  occupancyRate: number;
+  averageTicketPrice: number;
+  cancellationRate: number;
+  onTimePerformance: number;
+}
+
+export interface RevenueData {
+  date: string;
+  revenue: number;
+  bookings: number;
+}
+
+// Filter Types
+export interface BookingFilters {
+  status?: string;
+  dateFrom?: string;
+  dateTo?: string;
+  search?: string;
+  source?: string;
+  paymentStatus?: string;
+  page?: number;
+  pageSize?: number;
+}
+
+export interface PassengerFilters {
+  search?: string;
+  verified?: boolean;
+  nationality?: string;
+  registrationDateFrom?: string;
+  registrationDateTo?: string;
+  page?: number;
+  pageSize?: number;
+}
+
+export interface PaymentFilters {
+  status?: string;
+  method?: string;
+  dateFrom?: string;
+  dateTo?: string;
+  amountFrom?: number;
+  amountTo?: number;
+  page?: number;
+  pageSize?: number;
+}
+
+// Live Tracking Types
+export interface TripLiveStatus {
+  id: string;
+  scheduleId: string;
+  state: string;
+  currentLocationLabel?: string;
+  progressPercent: number;
+  delayMinutes: number;
+  currentSpeedKph?: number;
+  platformLabel?: string;
+  updatedAt: string;
+}
+
+export interface StationCrowdSignal {
+  id: string;
+  stationId: string;
+  level: string;
+  label: string;
+  statusLabel: string;
+  confidence?: number;
+  observedAt?: string;
+  updatedAt: string;
+}
+
+// Food & Dining Types
+export interface MenuCategory {
+  id: string;
+  name: string;
+}
+
+export interface MenuItem {
+  id: string;
+  scheduleId: string;
+  categoryId: string;
+  name: string;
+  priceMinor: number;
+  currency: string;
+  available: boolean;
+  availableUntil?: string;
+}
+
+export interface FoodOrder {
+  id: string;
+  bookingId: string;
+  status: 'PENDING' | 'PREPARING' | 'READY' | 'DELIVERED' | 'CANCELLED';
+  totalMinor: number;
+  currency: string;
+  specialInstructions?: string;
+  estimatedReadyAt?: string;
+  createdAt: string;
+}
+
+// Verifayda Types
+export interface VerifaydaVerification {
+  id: string;
+  bookingId?: string;
+  nationalId: string;
+  requestPayload: any;
+  responsePayload?: any;
+  verified: boolean;
+  failureReason?: string;
+  verifiedAt?: string;
+  createdAt: string;
+}
+
+// Admin User Types
+export interface AdminUser {
+  id: string;
+  email: string;
+  fullName: string;
+  role: 'ADMIN' | 'AGENT' | 'SUPERVISOR' | 'STAFF';
+  active: boolean;
+  lastLoginAt?: string;
+  createdAt: string;
+}
diff --git a/apps/edr-passenger-web/backoffice/src/types/index.ts b/apps/edr-passenger-web/backoffice/src/types/index.ts
new file mode 100644
index 000000000..e69ca0fa7
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/src/types/index.ts
@@ -0,0 +1,102 @@
+import { Passenger } from '@edr/types';
+
+export interface Booking {
+  id: string;
+  reference: string;
+  passengerId: string;
+  passenger?: Passenger.IPassenger;
+  tripId: string;
+  status: 'PENDING' | 'CONFIRMED' | 'CANCELLED' | 'COMPLETED';
+  totalAmount: number;
+  currency: string;
+  paymentStatus: Passenger.PaymentStatus;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface Trip {
+  id: string;
+  trainCode: string;
+  routeId: string;
+  originStationId: string;
+  destinationStationId: string;
+  departureTime: string;
+  arrivalTime: string;
+  status: Passenger.ScheduleStatus;
+  basePrice: number;
+  availableSeats: number;
+  totalSeats: number;
+}
+
+export interface DashboardStats {
+  totalBookings: number;
+  totalRevenue: number;
+  totalPassengers: number;
+  activeTrips: number;
+  bookingsToday: number;
+  revenueToday: number;
+  occupancyRate: number;
+}
+
+export interface RevenueData {
+  date: string;
+  revenue: number;
+  bookings: number;
+}
+
+export interface BookingFilters {
+  status?: string;
+  dateFrom?: string;
+  dateTo?: string;
+  search?: string;
+  page?: number;
+  pageSize?: number;
+}
+
+export interface PassengerFilters {
+  search?: string;
+  verified?: boolean;
+  role?: string;
+  page?: number;
+  pageSize?: number;
+}
+
+export interface Route {
+  id: string;
+  name: string;
+  originStationId: string;
+  destinationStationId: string;
+  distance: number;
+  duration: number;
+  active: boolean;
+  createdAt: string;
+}
+
+export interface FareRule {
+  id: string;
+  routeId: string;
+  passengerCategory: 'ADULT' | 'CHILD';
+  serviceClass: string;
+  baseFare: number;
+  currency: string;
+}
+
+export interface NotificationTemplate {
+  id: string;
+  name: string;
+  channel: 'EMAIL' | 'SMS' | 'PUSH';
+  subject?: string;
+  body: string;
+  active: boolean;
+}
+
+export interface AdminUser {
+  id: string;
+  email: string;
+  fullName: string;
+  role: 'ADMIN' | 'AGENT' | 'SUPERVISOR';
+  active: boolean;
+}
+
+// Re-export EDR types
+export * from './edr';
diff --git a/apps/edr-passenger-web/backoffice/src/utils/.gitkeep b/apps/edr-passenger-web/backoffice/src/utils/.gitkeep
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/edr-passenger-web/backoffice/src/vite-env.d.ts b/apps/edr-passenger-web/backoffice/src/vite-env.d.ts
deleted file mode 100644
index 11f02fe2a..000000000
--- a/apps/edr-passenger-web/backoffice/src/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
diff --git a/apps/edr-passenger-web/backoffice/tailwind.config.js b/apps/edr-passenger-web/backoffice/tailwind.config.js
new file mode 100644
index 000000000..e4b1c586b
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/tailwind.config.js
@@ -0,0 +1,39 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ["class"],
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: "hsl(var(--card))",
+        "card-foreground": "hsl(var(--card-foreground))",
+        popover: "hsl(var(--popover))",
+        "popover-foreground": "hsl(var(--popover-foreground))",
+        primary: "hsl(var(--primary))",
+        "primary-foreground": "hsl(var(--primary-foreground))",
+        secondary: "hsl(var(--secondary))",
+        "secondary-foreground": "hsl(var(--secondary-foreground))",
+        muted: "hsl(var(--muted))",
+        "muted-foreground": "hsl(var(--muted-foreground))",
+        accent: "hsl(var(--accent))",
+        "accent-foreground": "hsl(var(--accent-foreground))",
+        destructive: "hsl(var(--destructive))",
+        "destructive-foreground": "hsl(var(--destructive-foreground))",
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+    },
+  },
+  plugins: [],
diff --git a/apps/edr-passenger-web/backoffice/test-login.js b/apps/edr-passenger-web/backoffice/test-login.js
new file mode 100644
index 000000000..e6d858fc4
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/test-login.js
@@ -0,0 +1,54 @@
+const axios = require('axios');
+
+const API_URL = 'http://localhost:4000';
+
+async function testLogin() {
+  console.log('🧪 Testing Backend Login Endpoint\n');
+  console.log('API URL:', API_URL);
+  console.log('Endpoint:', `${API_URL}/auth/login`);
+  console.log('Credentials: admin@edr-platform.com / admin123\n');
+
+  try {
+    const response = await axios.post(`${API_URL}/auth/login`, {
+      email: 'admin@edr-platform.com',
+      password: 'admin123'
+    });
+
+    console.log('✅ Login Successful!\n');
+    console.log('Status:', response.status);
+    console.log('Response Data:', JSON.stringify(response.data, null, 2));
+    
+    if (response.data.token && response.data.user) {
+      console.log('\n✅ Response structure is correct');
+      console.log('Token:', response.data.token.substring(0, 50) + '...');
+      console.log('User ID:', response.data.user.id);
+      console.log('User Email:', response.data.user.email);
+      console.log('User Role:', response.data.user.role);
+    } else {
+      console.log('\n❌ Response structure is incorrect');
+      console.log('Expected: { token, user }');
+      console.log('Got:', Object.keys(response.data));
+    }
+
+  } catch (error) {
+    console.log('❌ Login Failed!\n');
+    
+    if (error.code === 'ECONNREFUSED') {
+      console.log('Error: Cannot connect to backend');
+      console.log('Solution: Start backend with: pnpm --filter @edr/passenger-api run dev');
+    } else if (error.response) {
+      console.log('Status:', error.response.status);
+      console.log('Error Data:', JSON.stringify(error.response.data, null, 2));
+      
+      if (error.response.status === 401) {
+        console.log('\nPossible causes:');
+        console.log('1. Database not seeded - Run: pnpm --filter @edr/passenger-api run prisma:seed');
+        console.log('2. Wrong credentials');
+      }
+    } else {
+      console.log('Error:', error.message);
+    }
+  }
+}
+
+testLogin();
diff --git a/apps/edr-passenger-web/backoffice/test-routes.html b/apps/edr-passenger-web/backoffice/test-routes.html
new file mode 100644
index 000000000..e34849a03
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/test-routes.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Test Routes API</title>
+    <style>
+        body { font-family: Arial, sans-serif; padding: 20px; }
+        button { padding: 10px 20px; margin: 10px 0; cursor: pointer; }
+        pre { background: #f4f4f4; padding: 15px; border-radius: 5px; overflow-x: auto; }
+        .route { border: 1px solid #ddd; padding: 10px; margin: 10px 0; border-radius: 5px; }
+    </style>
+</head>
+<body>
+    <h1>Routes API Test</h1>
+    
+    <button onclick="fetchRoutes()">Fetch All Routes</button>
+    <button onclick="deleteRoute()">Delete ADD-DDW Route</button>
+    
+    <div id="output"></div>
+
+    <script>
+        const API_URL = 'http://localhost:4000';
+        const TOKEN = localStorage.getItem('token') || 'YOUR_JWT_TOKEN_HERE';
+
+        async function fetchRoutes() {
+            try {
+                const response = await fetch(`${API_URL}/routes`, {
+                    headers: {
+                        'Authorization': `Bearer ${TOKEN}`
+                    }
+                });
+                const data = await response.json();
+                console.log('Routes response:', data);
+                
+                const output = document.getElementById('output');
+                output.innerHTML = '<h2>Routes Found:</h2>';
+                
+                if (Array.isArray(data)) {
+                    output.innerHTML += `<p>Total routes: ${data.length}</p>`;
+                    data.forEach(route => {
+                        output.innerHTML += `
+                            <div class="route">
+                                <strong>${route.code}</strong> - ${route.name}<br>
+                                <small>ID: ${route.id}</small><br>
+                                <small>Active: ${route.active}</small><br>
+                                <small>Stops: ${route._count?.stops || route.stops?.length || 0}</small>
+                            </div>
+                        `;
+                    });
+                } else {
+                    output.innerHTML += '<pre>' + JSON.stringify(data, null, 2) + '</pre>';
+                }
+            } catch (error) {
+                document.getElementById('output').innerHTML = 
+                    '<p style="color: red;">Error: ' + error.message + '</p>';
+                console.error('Error:', error);
+            }
+        }
+
+        async function deleteRoute() {
+            const code = 'ADD-DDW';
+            try {
+                // First fetch to get the route ID
+                const listResponse = await fetch(`${API_URL}/routes`, {
+                    headers: { 'Authorization': `Bearer ${TOKEN}` }
+                });
+                const routes = await listResponse.json();
+                const route = routes.find(r => r.code === code);
+                
+                if (!route) {
+                    alert('Route ADD-DDW not found');
+                    return;
+                }
+                
+                if (confirm(`Delete route ${route.code} - ${route.name}?`)) {
+                    const response = await fetch(`${API_URL}/routes/${route.id}`, {
+                        method: 'DELETE',
+                        headers: {
+                            'Authorization': `Bearer ${TOKEN}`
+                        }
+                    });
+                    
+                    if (response.ok) {
+                        alert('Route deleted successfully');
+                        fetchRoutes();
+                    } else {
+                        const error = await response.json();
+                        alert('Error: ' + JSON.stringify(error));
+                    }
+                }
+            } catch (error) {
+                alert('Error: ' + error.message);
+                console.error('Error:', error);
+            }
+        }
+
+        // Auto-fetch on load
+        fetchRoutes();
+    </script>
+</body>
+</html>
diff --git a/apps/edr-passenger-web/backoffice/test-stations-crud.js b/apps/edr-passenger-web/backoffice/test-stations-crud.js
new file mode 100644
index 000000000..7964cc813
--- /dev/null
+++ b/apps/edr-passenger-web/backoffice/test-stations-crud.js
@@ -0,0 +1,132 @@
+// Test script for Stations CRUD operations
+// Run this in the browser console on the backoffice app
+
+async function testStationsCRUD() {
+  const API_URL = 'http://localhost:4000';
+  const token = localStorage.getItem('auth_token');
+  
+  const headers = {
+    'Content-Type': 'application/json',
+    'Authorization': token ? `Bearer ${token}` : ''
+  };
+
+  console.log('🧪 Testing Stations CRUD Operations...\n');
+
+  try {
+    // 1. CREATE - Add a new station
+    console.log('1️⃣ Testing CREATE Station...');
+    const newStation = {
+      code: 'TEST',
+      name: 'Test Station',
+      city: 'Test City',
+      countryCode: 'ET',
+      lat: '9.0320',
+      lng: '38.7469',
+      timezone: 'Africa/Addis_Ababa',
+      isOperational: true
+    };
+
+    const createResponse = await fetch(`${API_URL}/stations`, {
+      method: 'POST',
+      headers,
+      body: JSON.stringify(newStation)
+    });
+
+    if (!createResponse.ok) {
+      throw new Error(`CREATE failed: ${createResponse.status} ${await createResponse.text()}`);
+    }
+
+    const createdStation = await createResponse.json();
+    console.log('✅ Station created:', createdStation);
+    const stationId = createdStation.id || createdStation.data?.id;
+
+    if (!stationId) {
+      throw new Error('No station ID returned from create');
+    }
+
+    // 2. READ - Get the created station
+    console.log('\n2️⃣ Testing READ Station...');
+    const readResponse = await fetch(`${API_URL}/stations/${stationId}`, {
+      method: 'GET',
+      headers
+    });
+
+    if (!readResponse.ok) {
+      throw new Error(`READ failed: ${readResponse.status}`);
+    }
+
+    const readStation = await readResponse.json();
+    console.log('✅ Station retrieved:', readStation);
+
+    // 3. UPDATE - Modify the station
+    console.log('\n3️⃣ Testing UPDATE Station...');
+    const updateData = {
+      name: 'Test Station Updated',
+      city: 'Test City Updated',
+      isOperational: false
+    };
+
+    const updateResponse = await fetch(`${API_URL}/stations/${stationId}`, {
+      method: 'PATCH',
+      headers,
+      body: JSON.stringify(updateData)
+    });
+
+    if (!updateResponse.ok) {
+      throw new Error(`UPDATE failed: ${updateResponse.status} ${await updateResponse.text()}`);
+    }
+
+    const updatedStation = await updateResponse.json();
+    console.log('✅ Station updated:', updatedStation);
+
+    // 4. LIST - Get all stations
+    console.log('\n4️⃣ Testing LIST Stations...');
+    const listResponse = await fetch(`${API_URL}/stations`, {
+      method: 'GET',
+      headers
+    });
+
+    if (!listResponse.ok) {
+      throw new Error(`LIST failed: ${listResponse.status}`);
+    }
+
+    const stations = await listResponse.json();
+    console.log('✅ Stations list retrieved:', stations);
+
+    // 5. DELETE - Remove the test station
+    console.log('\n5️⃣ Testing DELETE Station...');
+    const deleteResponse = await fetch(`${API_URL}/stations/${stationId}`, {
+      method: 'DELETE',
+      headers
+    });
+
+    if (!deleteResponse.ok) {
+      throw new Error(`DELETE failed: ${deleteResponse.status} ${await deleteResponse.text()}`);
+    }
+
+    console.log('✅ Station deleted successfully');
+
+    // 6. Verify deletion
+    console.log('\n6️⃣ Verifying deletion...');
+    const verifyResponse = await fetch(`${API_URL}/stations/${stationId}`, {
+      method: 'GET',
+      headers
+    });
+
+    if (verifyResponse.status === 404) {
+      console.log('✅ Station deletion verified (404 Not Found)');
+    } else {
+      console.warn('⚠️ Station might still exist');
+    }
+
+    console.log('\n🎉 All tests passed!');
+    return { success: true, message: 'All CRUD operations working correctly' };
+
+  } catch (error) {
+    console.error('❌ Test failed:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+// Run the test
+testStationsCRUD();
diff --git a/apps/edr-passenger-web/backoffice/tsconfig.app.json b/apps/edr-passenger-web/backoffice/tsconfig.app.json
deleted file mode 100644
index 73df43221..000000000
--- a/apps/edr-passenger-web/backoffice/tsconfig.app.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "@edr/tsconfig/react.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "useDefineForClassFields": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}
diff --git a/apps/edr-passenger-web/backoffice/tsconfig.json b/apps/edr-passenger-web/backoffice/tsconfig.json
index 1ffef600d..404b4a565 100644
--- a/apps/edr-passenger-web/backoffice/tsconfig.json
+++ b/apps/edr-passenger-web/backoffice/tsconfig.json
@@ -1,7 +1,28 @@
 {
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
 }
diff --git a/apps/edr-passenger-web/backoffice/tsconfig.node.json b/apps/edr-passenger-web/backoffice/tsconfig.node.json
deleted file mode 100644
index 181375c8f..000000000
--- a/apps/edr-passenger-web/backoffice/tsconfig.node.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "extends": "@edr/tsconfig/base.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "skipLibCheck": true,
-    "allowSyntheticDefaultImports": true,
-    "noEmit": true
-  },
-  "include": ["vite.config.ts"]
-}
diff --git a/apps/edr-passenger-web/backoffice/vite.config.ts b/apps/edr-passenger-web/backoffice/vite.config.ts
deleted file mode 100644
index eddf5190a..000000000
--- a/apps/edr-passenger-web/backoffice/vite.config.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-
-export default defineConfig({
-  plugins: [react()],
-  server: {
-    port: 5184,
-    host: "0.0.0.0",
-  },
-  test: {
-    environment: "jsdom",
-    globals: true,
-  },
-});
diff --git a/apps/edr-passenger-web/portal/.env.example b/apps/edr-passenger-web/portal/.env.example
index 34eff7170..25ffe6909 100644
--- a/apps/edr-passenger-web/portal/.env.example
+++ b/apps/edr-passenger-web/portal/.env.example
@@ -1 +1,5 @@
-VITE_API_URL=http://localhost:3002
+# API Configuration
+NEXT_PUBLIC_API_URL=https://your-api-domain.com
+
+# GitHub Packages Token
+GITHUB_PACKAGE_TOKEN=$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
\ No newline at end of file
diff --git a/apps/edr-passenger-web/portal/.eslintrc.json b/apps/edr-passenger-web/portal/.eslintrc.json
new file mode 100644
index 000000000..bffb357a7
--- /dev/null
+++ b/apps/edr-passenger-web/portal/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}
diff --git a/apps/edr-passenger-web/portal/.gitignore b/apps/edr-passenger-web/portal/.gitignore
new file mode 100644
index 000000000..77f293140
--- /dev/null
+++ b/apps/edr-passenger-web/portal/.gitignore
@@ -0,0 +1,36 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.vscode/
diff --git a/apps/edr-passenger-web/portal/PAYMENT_FLOW.md b/apps/edr-passenger-web/portal/PAYMENT_FLOW.md
new file mode 100644
index 000000000..04e9de18a
--- /dev/null
+++ b/apps/edr-passenger-web/portal/PAYMENT_FLOW.md
@@ -0,0 +1,250 @@
+# TELEBIRR & WAAFI Payment Integration Flow
+
+## Overview
+Complete payment flow for TELEBIRR and WAAFI integration using the `/payments/initiate` endpoint.
+
+## Payment Flow
+
+### 1. Payment Method Selection
+- User selects TELEBIRR or WAAFI from available payment methods
+- Payment methods fetched from `/payments/methods`
+- Extracts payment method ID for the request
+
+### 2. Payment Initiation
+**Endpoint:** `POST /payments/initiate`
+
+**Request:**
+```json
+{
+  "bookingId": "booking-uuid",
+  "method": "TELEBIRR" | "WAAFI",
+  "paymentMethodId": "payment-method-uuid",
+  "platform": "web"
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "intentId": "66aa30e2-52a2-4ad0-9043-df6df4a6fa4a",
+    "status": "REQUIRES_ACTION",
+    "clientAction": {
+      "url": "https://sandbox.waafipay.net/v2/hpp/token/2B68686270593243495535774B317263683930574A413D3D",
+      "type": "REDIRECT"
+    },
+    "merchantOrderId": "1781588440170af93c3b9"
+  },
+  "timestamp": "2026-06-16T05:40:41.004Z"
+}
+```
+
+### 3. User Redirect
+- App stores `intentId` in payment store
+- Updates payment status to `REQUIRES_ACTION`
+- Redirects user to `clientAction.url`
+- User completes payment on payment gateway
+
+### 4. Callback Handling
+
+#### TELEBIRR Success Callback
+**URL:** `/booking/payment/telebirr/success`
+
+**Query Parameters:**
+- `merchantOrderId` - Merchant order ID (primary reference)
+- `trxRef` or `outTradeNo` - Transaction reference
+- `resultCode` or `code` - Result code
+- `resultMsg` or `message` - Result message
+- `msisdn` - Phone number (optional)
+- `bookingId` - Booking UUID
+
+**Actions:**
+1. Logs all query parameters
+2. Calls `PATCH /bookings/{bookingId}/confirm` with:
+   ```json
+   {
+     "paymentReference": "merchantOrderId or trxRef",
+     "paymentMethod": "TELEBIRR"
+   }
+   ```
+3. Updates payment status to `SUCCEEDED`
+4. Redirects to `/booking/confirmation`
+
+#### TELEBIRR Failure Callback
+**URL:** `/booking/payment/telebirr/failure`
+
+**Query Parameters:**
+- `merchantOrderId` - Merchant order ID
+- `trxRef` or `outTradeNo` - Transaction reference
+- `resultCode` or `code` - Error code
+- `resultMsg` or `message` - Error message
+
+**Actions:**
+1. Logs all query parameters
+2. Updates payment status to `FAILED`
+3. Shows error message to user
+4. Provides options to retry or go back
+
+#### WAAFI Success Callback
+**URL:** `/booking/payment/waafi/success`
+
+**Query Parameters:**
+- `accountNo` - Account number (e.g., "25377111111")
+- `cardNo` - Card number
+- `currency` - Currency code (e.g., "DJF")
+- `orderId` - Order ID (e.g., "1209631")
+- `referenceId` - Reference ID (e.g., "17815888579838ddc23b3")
+- `responseCode` - Response code ("0" for success)
+- `responseMsg` - Response message (e.g., "Approved (sandbox mode)")
+- `state` - Transaction state (e.g., "APPROVED")
+- `transactionId` - Transaction ID (e.g., "1318559")
+- `txAmount` - Transaction amount (e.g., "367.50")
+- `paymentMethod` - Payment method type (e.g., "MWALLET_ACCOUNT")
+- `timestamp` - Transaction timestamp
+- `bookingId` - Booking UUID
+
+**Example:**
+```
+?accountNo=25377111111
+&cardNo=25377111111
+&currency=DJF
+&orderId=1209631
+&referenceId=17815888579838ddc23b3
+&responseCode=0
+&responseMsg=Approved+(sandbox+mode)
+&state=APPROVED
+&transactionId=1318559
+&txAmount=367.50
+&paymentMethod=MWALLET_ACCOUNT
+&timestamp=2026-06-16T08:48:01+03:00
+```
+
+**Actions:**
+1. Logs all query parameters
+2. Calls `PATCH /bookings/{bookingId}/confirm` with:
+   ```json
+   {
+     "paymentReference": "referenceId or transactionId",
+     "paymentMethod": "WAAFI",
+     "transactionDetails": {
+       "transactionId": "1318559",
+       "orderId": "1209631",
+       "accountNo": "25377111111",
+       "amount": "367.50",
+       "currency": "DJF",
+       "state": "APPROVED",
+       "timestamp": "2026-06-16T08:48:01+03:00"
+     }
+   }
+   ```
+3. Updates payment status to `SUCCEEDED`
+4. Redirects to `/booking/confirmation`
+
+#### WAAFI Failure Callback
+**URL:** `/booking/payment/waafi/failure`
+
+**Query Parameters:**
+- `referenceId` - Reference ID
+- `responseCode` - Error code
+- `responseMsg` - Error message
+- `orderId` - Order ID
+- `transactionId` - Transaction ID
+- `state` - Transaction state
+- `txAmount` - Transaction amount
+- `currency` - Currency code
+
+**Actions:**
+1. Logs all query parameters
+2. Updates payment status to `FAILED`
+3. Shows error message to user
+4. Provides options to retry or go back
+
+## Console Logs
+
+When TELEBIRR or WAAFI payment is initiated, check browser console for:
+
+```
+=== TELEBIRR PAYMENT INITIATION ===
+Request payload: {
+  bookingId: "...",
+  method: "TELEBIRR",
+  paymentMethodId: "...",
+  platform: "web"
+}
+=== TELEBIRR PAYMENT RESPONSE ===
+Full response: {...}
+Intent ID: "66aa30e2-52a2-4ad0-9043-df6df4a6fa4a"
+Status: "REQUIRES_ACTION"
+Client Action: {url: "...", type: "REDIRECT"}
+Redirect URL: "https://sandbox.waafipay.net/v2/hpp/token/..."
+Merchant Order ID: "1781588440170af93c3b9"
+====================================
+=== REDIRECTING TO TELEBIRR PAYMENT GATEWAY ===
+Intent ID: 66aa30e2-52a2-4ad0-9043-df6df4a6fa4a
+Status: REQUIRES_ACTION
+Merchant Order ID: 1781588440170af93c3b9
+Redirect URL: https://sandbox.waafipay.net/v2/hpp/token/...
+=======================================
+```
+
+## Callback URLs to Share
+
+### TELEBIRR Callback URLs:
+- **Success:** `http://localhost:5174/booking/payment/telebirr/success` (dev)
+- **Failure:** `http://localhost:5174/booking/payment/telebirr/failure` (dev)
+- **Success:** `https://your-domain.com/booking/payment/telebirr/success` (prod)
+- **Failure:** `https://your-domain.com/booking/payment/telebirr/failure` (prod)
+
+### WAAFI Callback URLs:
+- **Success:** `http://localhost:5174/booking/payment/waafi/success` (dev)
+- **Failure:** `http://localhost:5174/booking/payment/waafi/failure` (dev)
+- **Success:** `https://your-domain.com/booking/payment/waafi/success` (prod)
+- **Failure:** `https://your-domain.com/booking/payment/waafi/failure` (prod)
+
+## Files Modified
+
+1. **`src/app/booking/payment/page.tsx`**
+   - Added TELEBIRR and WAAFI payment initiation
+   - Handles redirect response
+   - Logs all payment data
+
+2. **`src/lib/payment-store.ts`**
+   - Added `REQUIRES_ACTION` status
+
+3. **`src/types/index.ts`**
+   - Updated `PaymentMethod` interface
+
+4. **`src/app/booking/payment/telebirr/success/page.tsx`**
+   - Handles TELEBIRR success callback with merchantOrderId
+
+5. **`src/app/booking/payment/telebirr/failure/page.tsx`**
+   - Handles TELEBIRR failure callback with merchantOrderId
+
+6. **`src/app/booking/payment/waafi/success/page.tsx`**
+   - Handles WAAFI success callback with full transaction details
+
+7. **`src/app/booking/payment/waafi/failure/page.tsx`**
+   - Handles WAAFI failure callback
+
+## Testing Checklist
+
+- [ ] Payment methods load from API
+- [ ] TELEBIRR appears in payment options
+- [ ] WAAFI appears in payment options
+- [ ] Selecting TELEBIRR calls `/payments/initiate`
+- [ ] Selecting WAAFI calls `/payments/initiate`
+- [ ] Console logs show correct request/response
+- [ ] User redirects to payment gateway
+- [ ] Success callback confirms booking
+- [ ] Failure callback shows error
+- [ ] User can retry after failure
+
+## Notes
+
+- Only TELEBIRR and WAAFI use `/payments/initiate` endpoint
+- Other payment methods use `/payments/intent` endpoint
+- Payment store supports `REQUIRES_ACTION` status
+- All callback query parameters are logged for debugging
+- TELEBIRR uses `merchantOrderId` as primary reference
+- WAAFI uses `referenceId` or `transactionId` as primary reference
diff --git a/apps/edr-passenger-web/portal/README.md b/apps/edr-passenger-web/portal/README.md
new file mode 100644
index 000000000..b1e79bbab
--- /dev/null
+++ b/apps/edr-passenger-web/portal/README.md
@@ -0,0 +1,336 @@
+# EDR Passenger Portal
+
+Modern Next.js 14 web application for the Ethio-Djibouti Railway passenger booking system.
+
+## Features
+
+### Complete Booking Flow
+1. **Search** - Find trains by route, date, and passenger count
+2. **Results** - View available schedules with pricing
+3. **Auth Check** - Sign in or continue as guest
+4. **Passengers** - Collect passenger details with Fayda verification
+5. **Seats** - Select seats with visual seat map
+6. **Review** - Confirm booking details and fare breakdown
+7. **Payment** - Choose payment method and process payment
+8. **Confirmation** - View PNR, tickets with QR codes
+
+### Key Capabilities
+- **Fayda 2.0 Integration** - Ethiopian national ID verification
+- **Age-Based Pricing** - First child travels free
+- **Multi-Currency Support** - ETB, DJF, USD display
+- **Seat Hold System** - 2-hour seat reservation
+- **Guest Booking** - Book without account, optional registration
+- **QR Code Tickets** - Digital tickets with QR codes
+- **Responsive Design** - Mobile-first, works on all devices
+
+## Tech Stack
+
+- **Framework:** Next.js 14 with App Router
+- **Styling:** Tailwind CSS
+- **State Management:** 
+  - TanStack Query (React Query) for server state
+  - Zustand for client state (booking flow, auth, payment)
+- **Forms:** React Hook Form with Zod validation
+- **API Client:** Axios with interceptors
+- **Date Handling:** date-fns
+- **QR Codes:** qrcode.react
+
+## Getting Started
+
+### Prerequisites
+- Node.js >= 20.x
+- pnpm >= 9.x
+- EDR Passenger API running on port 3002
+
+### Installation
+
+```bash
+# Install dependencies
+pnpm install
+
+# Create environment file
+cp .env.example .env.local
+
+# Update .env.local with API URL
+NEXT_PUBLIC_API_URL=http://localhost:3002
+```
+
+### Development
+
+```bash
+# Run development server
+pnpm dev
+
+# Access at http://localhost:5174
+```
+
+### Build
+
+```bash
+# Build for production
+pnpm build
+
+# Start production server
+pnpm start
+```
+
+## Project Structure
+
+```
+src/
+├── app/                      # Next.js App Router pages
+│   ├── booking/
+│   │   ├── search/          # Search trains
+│   │   ├── results/         # Search results
+│   │   ├── auth-check/      # Login or guest
+│   │   ├── passengers/      # Passenger details + Fayda
+│   │   ├── seats/           # Seat selection
+│   │   ├── review/          # Booking review
+│   │   ├── payment/         # Payment processing
+│   │   └── confirmation/    # Booking confirmation
+│   ├── login/               # Login page
+│   ├── layout.tsx           # Root layout
+│   ├── page.tsx             # Home (redirects to search)
+│   ├── providers.tsx        # React Query provider
+│   └── globals.css          # Global styles
+├── components/              # Reusable components
+├── lib/                     # Core utilities
+│   ├── api-client.ts       # Axios client with interceptors
+│   ├── auth-store.ts       # Auth state (Zustand)
+│   ├── booking-store.ts    # Booking flow state (Zustand)
+│   └── payment-store.ts    # Payment state (Zustand)
+├── types/                   # TypeScript types
+│   └── index.ts
+└── hooks/                   # Custom React hooks
+```
+
+## State Management
+
+### Booking Store (Zustand)
+Persists booking flow state across pages:
+- Search criteria
+- Selected schedule
+- Passenger details
+- Seat hold information
+- Booking ID and PNR
+- Payment method
+
+### Auth Store (Zustand)
+Manages user authentication:
+- User profile
+- JWT token
+- Login/logout/register
+- Persisted to localStorage
+
+### Payment Store (Zustand)
+Tracks payment flow:
+- Payment intent ID
+- Payment status
+- Selected currency
+
+## API Integration
+
+### Endpoints Used
+
+| Endpoint | Method | Purpose |
+|----------|--------|---------|
+| `/stations` | GET | Fetch all stations |
+| `/search` | POST | Search available trains |
+| `/passengers/verify-fayda` | POST | Verify Ethiopian national ID |
+| `/seatmap/{scheduleId}` | GET | Get coaches and seats |
+| `/seatmap/{scheduleId}/hold` | POST | Hold seats (2 hours) |
+| `/bookings/create` | POST | Create booking + generate PNR |
+| `/bookings/{id}/confirm` | PATCH | Confirm booking after payment |
+| `/payments/intent` | POST | Create payment intent |
+| `/auth/login` | POST | User login |
+| `/auth/register` | POST | User registration |
+
+## Booking Flow
+
+### 1. Search
+- User selects origin, destination, date, passengers
+- Validates form with Zod schema
+- Stores criteria in booking store
+- Navigates to results
+
+### 2. Results
+- Fetches schedules from API
+- Displays available trains with pricing
+- User selects a schedule
+- Stores selection and navigates to auth check
+
+### 3. Auth Check
+- Checks if user is authenticated
+- Offers "Sign In" or "Continue as Guest"
+- Authenticated users can use saved profiles
+
+### 4. Passengers
+- Collects details for each passenger
+- **Ethiopian nationals:** Fayda verification
+  - Calls `/passengers/verify-fayda`
+  - Auto-fills name and DOB on success
+  - Allows manual entry on failure
+- **Non-Ethiopians:** Passport details
+- Optional account creation checkbox
+- Stores passenger data in booking store
+
+### 5. Seats
+- Fetches coaches and seat map
+- Visual seat selection (4-column grid)
+- Color-coded seat status:
+  - Green: Available
+  - Blue: Selected
+  - Yellow: Held by others
+  - Gray: Booked/Blocked
+- Calls `/seatmap/{scheduleId}/hold` on selection
+- Stores hold ID and expiry (2 hours)
+- Option to skip (auto-assign)
+
+### 6. Review
+- Displays trip summary
+- Lists all passengers
+- Shows fare breakdown
+- Displays seat hold countdown timer
+- Calls `/bookings/create` on confirm
+- Generates 6-character PNR
+- Navigates to payment
+
+### 7. Payment
+- Displays PNR prominently
+- Payment method selection:
+  - Telebirr
+  - CBE Birr
+  - eBirr
+  - Card
+  - Wallet
+- Shows order summary
+- Calls `/payments/intent`
+- Processes payment (simulated for now)
+
+### 8. Confirmation
+- Calls `/bookings/{id}/confirm`
+- Displays success message
+- Shows PNR with copy button
+- Generates QR codes for each ticket
+- Lists all passenger tickets
+- Download and share options
+- "Book Another Trip" button clears state
+
+## Form Validation
+
+All forms use React Hook Form + Zod:
+
+```typescript
+// Example: Search form validation
+const searchSchema = z.object({
+  originStationId: z.string().min(1, 'Please select origin'),
+  destinationStationId: z.string().min(1, 'Please select destination'),
+  departureDate: z.string().min(1, 'Please select date'),
+  adultCount: z.number().min(1).max(9),
+  childCount: z.number().min(0).max(9),
+  nationality: z.enum(['ETHIOPIAN', 'DJIBOUTIAN', 'OTHER']),
+}).refine((data) => data.originStationId !== data.destinationStationId, {
+  message: 'Origin and destination must be different',
+  path: ['destinationStationId'],
+});
+```
+
+## Styling
+
+### Tailwind Utility Classes
+Custom component classes in `globals.css`:
+
+```css
+.btn-primary     /* Primary action button */
+.btn-secondary   /* Secondary action button */
+.input-field     /* Form input styling */
+.card            /* Card container */
+```
+
+### Theme Colors
+Primary brand color: `rgb(20, 113, 76)` (EDR green)
+
+Shades available: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900
+
+## Error Handling
+
+- Network errors: Retry button with exponential backoff
+- Validation errors: Inline field-level messages
+- API errors: User-friendly error messages
+- Seat hold expiry: Alert and re-selection option
+- 401 Unauthorized: Auto-redirect to login
+
+## Accessibility
+
+- Semantic HTML elements
+- ARIA labels on interactive elements
+- Keyboard navigation support
+- Color contrast WCAG AA compliant
+- Screen reader announcements for validation errors
+
+## Mobile Responsiveness
+
+- Mobile-first design approach
+- Responsive grid layouts (md: breakpoint)
+- Touch-friendly button sizes
+- Scrollable seat maps on small screens
+- Optimized forms for mobile input
+
+## Testing Checklist
+
+- [ ] Search form validation
+- [ ] Results display and selection
+- [ ] Guest vs authenticated flow
+- [ ] Fayda verification (Ethiopian)
+- [ ] Passport form (non-Ethiopian)
+- [ ] Seat selection and hold
+- [ ] Hold countdown timer
+- [ ] PNR generation
+- [ ] Payment method selection
+- [ ] Confirmation with QR codes
+- [ ] Mobile responsiveness
+- [ ] Error states
+- [ ] Back navigation
+
+## Environment Variables
+
+```bash
+NEXT_PUBLIC_API_URL=http://localhost:3002  # Passenger API URL
+```
+
+## Known Limitations
+
+1. Payment processing is simulated (no real provider integration yet)
+2. Ticket PDF download not implemented (placeholder button)
+3. Share booking feature not implemented (placeholder button)
+4. Seat hold release on expiry requires manual refresh
+5. No internationalization (English only)
+
+## Future Enhancements
+
+- [ ] Real payment provider integration (Stripe, Telebirr, etc.)
+- [ ] PDF ticket generation and download
+- [ ] Email/SMS sharing functionality
+- [ ] Real-time seat availability updates (WebSocket)
+- [ ] Booking history page
+- [ ] User profile management
+- [ ] Saved passenger profiles
+- [ ] Multi-language support (Amharic, Arabic)
+- [ ] Accessibility improvements
+- [ ] Analytics tracking
+
+## Contributing
+
+Follow the EDR Platform standards in `CLAUDE.md`:
+- TypeScript strict mode
+- Conventional commits
+- ESLint + Prettier
+- pnpm only (no npm/yarn)
+
+## License
+
+Proprietary - Ethio-Djibouti Railway Platform
+
+## Support
+
+For issues or questions, contact the EDR Platform team.
diff --git a/apps/edr-passenger-web/portal/TELEBIRR_PAYMENT_FLOW.md b/apps/edr-passenger-web/portal/TELEBIRR_PAYMENT_FLOW.md
new file mode 100644
index 000000000..24c62e2d2
--- /dev/null
+++ b/apps/edr-passenger-web/portal/TELEBIRR_PAYMENT_FLOW.md
@@ -0,0 +1,148 @@
+# TELEBIRR Payment Integration Flow
+
+## Overview
+Complete payment flow for TELEBIRR integration using the `/payments/initiate` endpoint.
+
+## Payment Flow
+
+### 1. Payment Method Selection
+- User selects TELEBIRR from available payment methods
+- Payment methods fetched from `/payments/methods`
+- Extracts payment method ID for the request
+
+### 2. Payment Initiation
+**Endpoint:** `POST /payments/initiate`
+
+**Request:**
+```json
+{
+  "bookingId": "booking-uuid",
+  "method": "TELEBIRR",
+  "paymentMethodId": "payment-method-uuid",
+  "platform": "web"
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "intentId": "66aa30e2-52a2-4ad0-9043-df6df4a6fa4a",
+    "status": "REQUIRES_ACTION",
+    "clientAction": {
+      "url": "https://sandbox.waafipay.net/v2/hpp/token/2B68686270593243495535774B317263683930574A413D3D",
+      "type": "REDIRECT"
+    },
+    "merchantOrderId": "1781588440170af93c3b9"
+  },
+  "timestamp": "2026-06-16T05:40:41.004Z"
+}
+```
+
+### 3. User Redirect
+- App stores `intentId` in payment store
+- Updates payment status to `REQUIRES_ACTION`
+- Redirects user to `clientAction.url`
+- User completes payment on WaafiPay gateway
+
+### 4. Callback Handling
+
+#### Success Callback
+**URL:** `/booking/payment/telebirr/success`
+
+**Query Parameters:**
+- `trxRef` or `outTradeNo` - Transaction reference
+- `resultCode` or `code` - Result code
+- `resultMsg` or `message` - Result message
+- `msisdn` - Phone number (optional)
+- `bookingId` - Booking UUID
+
+**Actions:**
+1. Logs all query parameters
+2. Calls `PATCH /bookings/{bookingId}/confirm` with:
+   ```json
+   {
+     "paymentReference": "trxRef",
+     "paymentMethod": "TELEBIRR"
+   }
+   ```
+3. Updates payment status to `SUCCEEDED`
+4. Redirects to `/booking/confirmation`
+
+#### Failure Callback
+**URL:** `/booking/payment/telebirr/failure`
+
+**Query Parameters:**
+- `trxRef` or `outTradeNo` - Transaction reference
+- `resultCode` or `code` - Error code
+- `resultMsg` or `message` - Error message
+
+**Actions:**
+1. Logs all query parameters
+2. Updates payment status to `FAILED`
+3. Shows error message to user
+4. Provides options to retry or go back
+
+## Console Logs
+
+When TELEBIRR payment is initiated, check browser console for:
+
+```
+=== TELEBIRR PAYMENT INITIATION ===
+Request payload: {
+  bookingId: "...",
+  method: "TELEBIRR",
+  paymentMethodId: "...",
+  platform: "web"
+}
+=== TELEBIRR PAYMENT RESPONSE ===
+Full response: {...}
+Intent ID: "66aa30e2-52a2-4ad0-9043-df6df4a6fa4a"
+Status: "REQUIRES_ACTION"
+Client Action: {url: "...", type: "REDIRECT"}
+Redirect URL: "https://sandbox.waafipay.net/v2/hpp/token/..."
+Merchant Order ID: "1781588440170af93c3b9"
+====================================
+=== REDIRECTING TO PAYMENT GATEWAY ===
+Intent ID: 66aa30e2-52a2-4ad0-9043-df6df4a6fa4a
+Status: REQUIRES_ACTION
+Merchant Order ID: 1781588440170af93c3b9
+Redirect URL: https://sandbox.waafipay.net/v2/hpp/token/...
+=======================================
+```
+
+## Files Modified
+
+1. **`src/app/booking/payment/page.tsx`**
+   - Added TELEBIRR-specific payment initiation
+   - Handles redirect response
+   - Logs all payment data
+
+2. **`src/lib/payment-store.ts`**
+   - Added `REQUIRES_ACTION` status
+
+3. **`src/types/index.ts`**
+   - Updated `PaymentMethod` interface
+
+4. **Existing Callback Pages:**
+   - `src/app/booking/payment/telebirr/success/page.tsx`
+   - `src/app/booking/payment/telebirr/failure/page.tsx`
+
+## Testing Checklist
+
+- [ ] Payment methods load from API
+- [ ] TELEBIRR appears in payment options
+- [ ] Selecting TELEBIRR calls `/payments/initiate`
+- [ ] Console logs show correct request/response
+- [ ] User redirects to WaafiPay gateway
+- [ ] Success callback confirms booking
+- [ ] Failure callback shows error
+- [ ] User can retry after failure
+
+## Notes
+
+- Other payment methods still use `/payments/intent` endpoint
+- Only TELEBIRR uses the new `/payments/initiate` flow
+- Payment store now supports `REQUIRES_ACTION` status
+- All callback query parameters are logged for debugging
diff --git a/apps/edr-passenger-web/portal/next.config.js b/apps/edr-passenger-web/portal/next.config.js
new file mode 100644
index 000000000..2818d502d
--- /dev/null
+++ b/apps/edr-passenger-web/portal/next.config.js
@@ -0,0 +1,10 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  transpilePackages: ['@edr/types', '@edr/ui-common'],
+  images: {
+    unoptimized: true,
+  },
+};
+
+export default nextConfig;
diff --git a/apps/edr-passenger-web/portal/package.json b/apps/edr-passenger-web/portal/package.json
index c75b02aea..8e063d85a 100644
--- a/apps/edr-passenger-web/portal/package.json
+++ b/apps/edr-passenger-web/portal/package.json
@@ -4,36 +4,38 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite --port 5174",
-    "build": "tsc -b && vite build",
-    "preview": "vite preview --port 5174",
-    "lint": "eslint src",
-    "test": "vitest run",
+    "dev": "next dev -p 5174",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
     "@edr/types": "workspace:*",
     "@edr/ui-common": "workspace:*",
     "@tanstack/react-query": "^5.59.0",
+    "@hookform/resolvers": "^3.3.4",
     "axios": "^1.7.7",
     "clsx": "^2.1.1",
+    "date-fns": "^3.0.0",
+    "lucide-react": "^0.446.0",
+    "next": "^14.2.0",
+    "qrcode.react": "^3.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.27.0",
+    "react-hook-form": "^7.51.0",
+    "zod": "^3.22.4",
     "zustand": "^5.0.0"
   },
   "devDependencies": {
-    "@edr/eslint-config": "workspace:*",
-    "@edr/tsconfig": "workspace:*",
+    "@types/node": "^20.0.0",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.2",
     "autoprefixer": "^10.4.20",
-    "jsdom": "^25.0.1",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "^14.2.0",
     "postcss": "^8.4.47",
     "tailwindcss": "^3.4.13",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.8",
-    "vitest": "^2.1.2"
+    "typescript": "^5.5.4"
   }
 }
diff --git a/apps/edr-passenger-web/portal/postcss.config.js b/apps/edr-passenger-web/portal/postcss.config.js
new file mode 100644
index 000000000..2aa7205d4
--- /dev/null
+++ b/apps/edr-passenger-web/portal/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/apps/edr-passenger-web/portal/public/README.md b/apps/edr-passenger-web/portal/public/README.md
new file mode 100644
index 000000000..7ea9c3ab4
--- /dev/null
+++ b/apps/edr-passenger-web/portal/public/README.md
@@ -0,0 +1,12 @@
+# Banner Image
+
+Place your banner image as `banner.jpg` in this directory.
+
+## Recommended Specifications:
+- **Filename**: `banner.jpg` (or `banner.png`)
+- **Dimensions**: 1920x1080px or higher
+- **Aspect Ratio**: 16:9 or similar
+- **Content**: Railway/train themed image, Ethio-Djibouti Railway scenery
+- **Format**: JPG or PNG
+
+The image will be used as a background on the login page with a green overlay.
diff --git a/apps/edr-passenger-web/portal/public/banner.jpg b/apps/edr-passenger-web/portal/public/banner.jpg
new file mode 100644
index 000000000..09c6add92
Binary files /dev/null and b/apps/edr-passenger-web/portal/public/banner.jpg differ
diff --git a/apps/edr-passenger-web/portal/src/App.tsx b/apps/edr-passenger-web/portal/src/App.tsx
deleted file mode 100644
index 4e890f1c3..000000000
--- a/apps/edr-passenger-web/portal/src/App.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import {
-  useNavigate,
-  useLocation,
-  Routes,
-  Route,
-  Navigate,
-} from "react-router-dom";
-import { DashboardLayout, type SidebarItem } from "@edr/ui-common";
-
-import TicketsPage from "./pages/tickets/TicketsPage";
-import TicketDetailPage from "./pages/tickets/TicketDetailPage";
-import BookTicketPage from "./pages/tickets/BookTicketPage";
-import SchedulesPage from "./pages/schedules/SchedulesPage";
-import ScheduleDetailPage from "./pages/schedules/ScheduleDetailPage";
-import StationsPage from "./pages/stations/StationsPage";
-import PassengersPage from "./pages/passengers/PassengersPage";
-import DashboardPage from "./pages/dashboard/DashboardPage";
-
-const sidebarItems: SidebarItem[] = [
-  { label: "Dashboard", href: "/" },
-  { label: "Tickets", href: "/tickets" },
-  { label: "Schedules", href: "/schedules" },
-  { label: "Stations", href: "/stations" },
-  { label: "Passengers", href: "/passengers" },
-];
-
-const App = () => {
-  const navigate = useNavigate();
-  const location = useLocation();
-
-  return (
-    <DashboardLayout
-      title="EDR Passenger"
-      sidebarItems={sidebarItems}
-      activeHref={location.pathname}
-      onNavigate={navigate}
-    >
-      <Routes>
-        <Route path="/" element={<DashboardPage />} />
-        <Route path="/tickets" element={<TicketsPage />} />
-        <Route path="/tickets/new" element={<BookTicketPage />} />
-        <Route path="/tickets/:id" element={<TicketDetailPage />} />
-        <Route path="/schedules" element={<SchedulesPage />} />
-        <Route path="/schedules/:id" element={<ScheduleDetailPage />} />
-        <Route path="/stations" element={<StationsPage />} />
-        <Route path="/passengers" element={<PassengersPage />} />
-        <Route path="*" element={<Navigate to="/" replace />} />
-      </Routes>
-    </DashboardLayout>
-  );
-};
-
-export default App;
diff --git a/apps/edr-passenger-web/portal/src/app/about/page.tsx b/apps/edr-passenger-web/portal/src/app/about/page.tsx
new file mode 100644
index 000000000..00430aadc
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/about/page.tsx
@@ -0,0 +1,411 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { getTranslation, Language, useLanguage } from '@/lib/i18n';
+import Link from 'next/link';
+import { Target, Globe, Leaf, Users } from 'lucide-react';
+
+const styles = `
+  .about-hero {
+    padding: 60px 20px;
+    background: linear-gradient(to bottom right, rgb(20, 113, 76), transparent);
+    text-align: center;
+    color: #111827;
+  }
+  
+  .dark .about-hero {
+    color: #f3f4f6;
+  }
+  
+  .about-hero h1 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin-bottom: 16px;
+    color: #111827;
+  }
+  
+  .dark .about-hero h1 {
+    color: #f3f4f6;
+  }
+  
+  .about-hero p {
+    font-size: 1.125rem;
+    color: #6b7280;
+  }
+  
+  .dark .about-hero p {
+    color: #9ca3af;
+  }
+  
+  .values-grid {
+    max-width: 80rem;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 32px;
+    padding: 60px 20px;
+    background-color: white;
+  }
+  
+  .dark .values-grid {
+    background-color: #111827;
+  }
+  
+  .value-card {
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 18px;
+    padding: 24px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  }
+  
+  .dark .value-card {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  .value-card:hover {
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  }
+  
+  .value-icon {
+    width: 48px;
+    height: 48px;
+    background: rgb(20, 113, 76);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 16px;
+  }
+  
+  .value-card h3 {
+    font-size: 1.25rem;
+    font-weight: 700;
+    margin-bottom: 12px;
+    color: #111827;
+  }
+  
+  .dark .value-card h3 {
+    color: #f3f4f6;
+  }
+  
+  .value-card p {
+    font-size: 0.875rem;
+    color: #6b7280;
+  }
+  
+  .dark .value-card p {
+    color: #9ca3af;
+  }
+  
+  .stats-section {
+    padding: 60px 20px;
+    background-color: #f9fafb;
+  }
+  
+  .dark .stats-section {
+    background-color: #0f1117;
+  }
+  
+  .stats-container {
+    max-width: 80rem;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 32px;
+    text-align: center;
+  }
+  
+  .stat {
+    padding: 20px;
+  }
+  
+  .stat-number {
+    font-size: 2rem;
+    font-weight: 700;
+    color: rgb(20, 113, 76);
+    margin-bottom: 8px;
+  }
+  
+  .stat-label {
+    font-size: 0.875rem;
+    color: #6b7280;
+  }
+  
+  .dark .stat-label {
+    color: #9ca3af;
+  }
+  
+  .timeline-section {
+    padding: 60px 20px;
+    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
+  }
+  
+  .dark .timeline-section {
+    background: linear-gradient(135deg, #111827 0%, #0f1117 100%);
+  }
+  
+  .timeline-title {
+    text-align: center;
+    font-size: 2rem;
+    font-weight: 700;
+    margin-bottom: 48px;
+    color: #111827;
+  }
+  
+  .dark .timeline-title {
+    color: #f3f4f6;
+  }
+  
+  .timeline {
+    max-width: 48rem;
+    margin: 0 auto;
+    position: relative;
+  }
+  
+  .timeline::before {
+    content: '';
+    position: absolute;
+    left: 8px;
+    top: 0;
+    bottom: 0;
+    width: 2px;
+    background: linear-gradient(180deg, rgb(20, 113, 76), rgb(20, 113, 76) 50%, transparent);
+  }
+  
+  .timeline-item {
+    display: flex;
+    margin-bottom: 40px;
+    position: relative;
+    padding-left: 56px;
+    animation: slideInLeft 0.6s ease-out forwards;
+    opacity: 0;
+  }
+  
+  .timeline-item:nth-child(1) { animation-delay: 0.1s; }
+  .timeline-item:nth-child(2) { animation-delay: 0.2s; }
+  .timeline-item:nth-child(3) { animation-delay: 0.3s; }
+  .timeline-item:nth-child(4) { animation-delay: 0.4s; }
+  .timeline-item:nth-child(5) { animation-delay: 0.5s; }
+  
+  @keyframes slideInLeft {
+    from {
+      opacity: 0;
+      transform: translateX(-20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+  
+  .timeline-dot {
+    position: absolute;
+    left: -4px;
+    top: 8px;
+    width: 24px;
+    height: 24px;
+    background: white;
+    border-radius: 50%;
+    border: 3px solid rgb(20, 113, 76);
+    box-shadow: 0 0 0 2px rgb(20, 113, 76), 0 4px 12px rgba(20, 113, 76, 0.3);
+    transition: all 0.3s ease;
+  }
+  
+  .timeline-item:hover .timeline-dot {
+    box-shadow: 0 0 0 2px rgb(20, 113, 76), 0 8px 24px rgba(20, 113, 76, 0.5);
+    transform: scale(1.15);
+  }
+  
+  .dark .timeline-dot {
+    background: #1f2937;
+  }
+  
+  .timeline-content {
+    background: white;
+    border-radius: 12px;
+    padding: 20px 24px;
+    border: 2px solid transparent;
+    border-left: 4px solid rgb(20, 113, 76);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    flex: 1;
+  }
+  
+  .timeline-item:hover .timeline-content {
+    border-color: rgb(20, 113, 76);
+    box-shadow: 0 8px 24px rgba(20, 113, 76, 0.15);
+    transform: translateY(-4px);
+  }
+  
+  .dark .timeline-content {
+    background: #1f2937;
+    border-left-color: rgb(20, 113, 76);
+  }
+  
+  .timeline-year {
+    font-weight: 700;
+    color: rgb(20, 113, 76);
+    font-size: 1.125rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  
+  .timeline-year::before {
+    content: '📅';
+  }
+  
+  .timeline-event {
+    color: #6b7280;
+    margin-top: 8px;
+    font-size: 0.95rem;
+    font-weight: 500;
+  }
+  
+  .dark .timeline-event {
+    color: #d1d5db;
+  }
+  
+  .cta-blue {
+    background-color: rgb(20, 113, 76);
+    color: white;
+    padding: 60px 20px;
+    text-align: center;
+  }
+  
+  .cta-blue h2 {
+    font-size: 2rem;
+    font-weight: 700;
+    margin-bottom: 16px;
+  }
+  
+  .cta-blue p {
+    font-size: 1.125rem;
+    margin-bottom: 32px;
+    max-width: 42rem;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  
+  .button-white {
+    display: inline-block;
+    padding: 16px 32px;
+    background-color: white;
+    color: rgb(20, 113, 76);
+    font-weight: 700;
+    border-radius: 12px;
+    text-decoration: none;
+    transition: all 0.2s;
+  }
+  
+  .button-white:hover {
+    transform: scale(1.05);
+  }
+  
+  @media (max-width: 768px) {
+    .values-grid {
+      grid-template-columns: 1fr;
+    }
+    
+    .about-hero h1 {
+      font-size: 1.875rem;
+    }
+  }
+`;
+
+export default function About() {
+  const [lang, setLang] = useState<Language>('en');
+  const { getLang } = useLanguage();
+  const t = (key: string) => getTranslation(lang, key);
+
+  useEffect(() => {
+    setLang(getLang());
+    const handleLanguageChange = (e: any) => setLang(e.detail);
+    window.addEventListener('languageChange', handleLanguageChange);
+    return () => window.removeEventListener('languageChange', handleLanguageChange);
+  }, [getLang]);
+
+  const values = [
+    { icon: Target, title: t('about.mission'), desc: t('about.missionText') },
+    { icon: Globe, title: t('about.network'), desc: t('about.networkText') },
+    { icon: Users, title: t('about.comfort'), desc: t('about.comfortText') },
+    { icon: Leaf, title: t('about.eco'), desc: t('about.ecoText') },
+  ];
+
+  return (
+    <>
+      <style>{styles}</style>
+      <main>
+        <section className="about-hero">
+          <h1>{t('about.title')}</h1>
+          <p>{t('about.subtitle')}</p>
+        </section>
+
+        <section className="values-grid">
+          {values.map((value, idx) => {
+            const Icon = value.icon;
+            return (
+              <div key={idx} className="value-card">
+                <div className="value-icon">
+                  <Icon size={24} color="white" />
+                </div>
+                <h3>{value.title}</h3>
+                <p>{value.desc}</p>
+              </div>
+            );
+          })}
+        </section>
+
+        <section className="stats-section">
+          <div className="stats-container">
+            <div className="stat">
+              <div className="stat-number">21</div>
+              <div className="stat-label">Railway Stations</div>
+            </div>
+            <div className="stat">
+              <div className="stat-number">360+</div>
+              <div className="stat-label">Comfortable Seats</div>
+            </div>
+            <div className="stat">
+              <div className="stat-number">3</div>
+              <div className="stat-label">Seat Classes</div>
+            </div>
+            <div className="stat">
+              <div className="stat-number">24/7</div>
+              <div className="stat-label">Customer Support</div>
+            </div>
+          </div>
+        </section>
+
+        <section className="timeline-section">
+          <h2 className="timeline-title">Our Journey</h2>
+          <div className="timeline">
+            {[
+              { year: '2020', event: 'EDR Platform Launched' },
+              { year: '2021', event: 'Reached 10,000+ Passengers' },
+              { year: '2022', event: 'Introduced Multi-Currency Support' },
+              { year: '2023', event: 'Launched Loyalty Program' },
+              { year: '2024', event: 'Age-Based Pricing & Verifayda Integration' },
+            ].map((item, idx) => (
+              <div key={idx} className="timeline-item">
+                <div className="timeline-dot" />
+                <div className="timeline-content">
+                  <div className="timeline-year">{item.year}</div>
+                  <div className="timeline-event">{item.event}</div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </section>
+
+        <section className="cta-blue">
+          <h2>Join Our Community</h2>
+          <p>Be part of the modern railway revolution in East Africa.</p>
+          <Link href="/booking/search" className="button-white">Book Your First Journey</Link>
+        </section>
+      </main>
+    </>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/auth-check/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/auth-check/page.tsx
new file mode 100644
index 000000000..c1787010c
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/auth-check/page.tsx
@@ -0,0 +1,142 @@
+'use client';
+
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { useAuthStore } from '@/lib/auth-store';
+import { LogIn, UserPlus, Shield, Clock } from 'lucide-react';
+
+export default function AuthCheckPage() {
+  const router = useRouter();
+  const { isAuthenticated, initialize } = useAuthStore();
+
+  useEffect(() => {
+    initialize();
+  }, [initialize]);
+
+  useEffect(() => {
+    if (isAuthenticated) {
+      router.push('/booking/passengers');
+    }
+  }, [isAuthenticated, router]);
+
+  const handleSignIn = () => {
+    router.push('/login?redirect=/booking/passengers');
+  };
+
+  const handleGuest = () => {
+    router.push('/booking/passengers');
+  };
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-gray-50 to-primary-50 dark:from-gray-900 dark:to-gray-800 py-12">
+      <div className="container mx-auto px-4">
+        <div className="max-w-5xl mx-auto">
+          {/* Header */}
+          <div className="text-center mb-12 animate-fade-in">
+            <h1 className="section-title">Continue your booking</h1>
+            <p className="section-subtitle mt-2">
+              Sign in to access saved profiles or continue as a guest
+            </p>
+          </div>
+
+          {/* Options Grid */}
+          <div className="grid md:grid-cols-2 gap-8 mb-8">
+            {/* Sign In Option */}
+            <div 
+              onClick={handleSignIn}
+              className="card-interactive group"
+            >
+              <div className="text-center">
+                <div className="w-20 h-20 bg-gradient-to-br from-primary to-primary-700 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg group-hover:shadow-xl transition-shadow">
+                  <LogIn className="w-10 h-10 text-white" />
+                </div>
+                <h2 className="text-2xl font-bold mb-3 text-gray-900 dark:text-gray-100">Sign in</h2>
+                <p className="text-gray-600 dark:text-gray-400 mb-6 text-balance">
+                  Access your saved passenger profiles and booking history for faster checkout
+                </p>
+                
+                {/* Benefits */}
+                <div className="space-y-3 mb-6 text-left">
+                  <div className="flex items-start gap-3">
+                    <div className="w-5 h-5 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5">
+                      <span className="text-primary dark:text-gray-300  text-xs">✓</span>
+                    </div>
+                    <span className="text-sm text-gray-700 dark:text-gray-300">Saved passenger details</span>
+                  </div>
+                  <div className="flex items-start gap-3">
+                    <div className="w-5 h-5 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5">
+                      <span className="text-primary dark:text-gray-300 text-xs">✓</span>
+                    </div>
+                    <span className="text-sm text-gray-700 dark:text-gray-300">View booking history</span>
+                  </div>
+                  <div className="flex items-start gap-3">
+                    <div className="w-5 h-5 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5">
+                      <span className="text-primary dark:text-gray-300  text-xs">✓</span>
+                    </div>
+                    <span className="text-sm text-gray-700 dark:text-gray-300">Faster future bookings</span>
+                  </div>
+                </div>
+
+                <button className="btn-primary w-full text-center">
+                  Sign in to continue
+                </button>
+              </div>
+            </div>
+
+            {/* Guest Option */}
+            <div 
+              onClick={handleGuest}
+              className="card-interactive group"
+            >
+              <div className="text-center">
+                <div className="w-20 h-20 bg-gradient-to-br from-gray-100 to-gray-200 dark:from-gray-700 dark:to-gray-600 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg group-hover:shadow-xl transition-shadow">
+                  <UserPlus className="w-10 h-10 text-gray-700 dark:text-gray-300" />
+                </div>
+                <h2 className="text-2xl font-bold mb-3 text-gray-900 dark:text-gray-100">Continue as guest</h2>
+                <p className="text-gray-600 dark:text-gray-400 mb-6 text-balance">
+                  Book without an account. You can create one after completing your booking
+                </p>
+                
+                {/* Benefits */}
+                <div className="space-y-3 mb-6 text-left">
+                  <div className="flex items-start gap-3">
+                    <div className="w-5 h-5 bg-gray-200 dark:bg-gray-700 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5">
+                      <Clock className="w-3 h-3 text-gray-600 dark:text-gray-400" />
+                    </div>
+                    <span className="text-sm text-gray-700 dark:text-gray-300">Quick checkout process</span>
+                  </div>
+                  <div className="flex items-start gap-3">
+                    <div className="w-5 h-5 bg-gray-200 dark:bg-gray-700 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5">
+                      <Shield className="w-3 h-3 text-gray-600 dark:text-gray-400" />
+                    </div>
+                    <span className="text-sm text-gray-700 dark:text-gray-300">No account required</span>
+                  </div>
+                  <div className="flex items-start gap-3">
+                    <div className="w-5 h-5 bg-gray-200 dark:bg-gray-700 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5">
+                      <UserPlus className="w-3 h-3 text-gray-600 dark:text-gray-400" />
+                    </div>
+                    <span className="text-sm text-gray-700 dark:text-gray-300">Create account later (optional)</span>
+                  </div>
+                </div>
+
+                <button className="btn-secondary w-full text-center">
+                  Continue as guest
+                </button>
+              </div>
+            </div>
+          </div>
+
+          {/* Back Link */}
+          <div className="text-center">
+            <button 
+              onClick={() => router.push('/booking/results')} 
+              className="btn-ghost"
+            >
+              ← Back to Results
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/confirmation/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/confirmation/page.tsx
new file mode 100644
index 000000000..1a36ac04b
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/confirmation/page.tsx
@@ -0,0 +1,305 @@
+'use client';
+
+export const dynamic = 'force-dynamic';
+
+import { useRouter } from 'next/navigation';
+import { useBookingStore } from '@/lib/booking-store';
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { apiClient } from '@/lib/api-client';
+import { useEffect, useState, useRef } from 'react';
+import { CheckCircle, Download, Share2, Copy, Printer, Mail, Train } from 'lucide-react';
+import { QRCodeSVG } from 'qrcode.react';
+import { format } from 'date-fns';
+
+type BookingWithTicket = {
+  id: string;
+  pnr?: string | null;
+  status?: string;
+  totalMinor?: number;
+  ticket?: {
+    barcodePayload?: string;
+    qrPayload?: string;
+  };
+};
+
+export default function ConfirmationPage() {
+  const router = useRouter();
+  const { bookingId, pnr, selectedSchedule, passengers, clearBooking } = useBookingStore();
+  const [copied, setCopied] = useState(false);
+  const confirmAttempted = useRef(false);
+
+  const confirmMutation = useMutation({
+    mutationFn: () => apiClient.patch(`/bookings/${bookingId}/confirm`, { status: 'SUCCEEDED' }),
+  });
+
+  const { data: _booking } = useQuery<BookingWithTicket>({
+    queryKey: ['booking', bookingId],
+    queryFn: async (): Promise<BookingWithTicket> => {
+      try {
+        return await apiClient.get(`/bookings/${bookingId}`);
+      } catch (error) {
+        console.log('Booking API not available, using local data');
+        return {
+          id: bookingId || '',
+          pnr: pnr || undefined,
+          status: 'CONFIRMED',
+          totalMinor: passengers.reduce((sum) => sum + (selectedSchedule?.baseFareAdult || 0), 0),
+        };
+      }
+    },
+    enabled: !!bookingId,
+  });
+
+  useEffect(() => {
+    if (bookingId && !confirmAttempted.current) {
+      confirmAttempted.current = true;
+      confirmMutation.mutate();
+      
+      apiClient.post(`/tickets/generate/${bookingId}`).catch((err) => {
+        console.error('Failed to generate ticket:', err);
+      });
+    }
+  }, [bookingId, confirmMutation]);
+
+  const copyPNR = () => {
+    if (pnr) {
+      navigator.clipboard.writeText(pnr);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    }
+  };
+
+  const handleDownloadTickets = () => {
+    alert('Ticket download will be available soon. Your tickets are displayed below.');
+  };
+
+  const handlePrintTickets = () => {
+    window.print();
+  };
+
+  const handleEmailTickets = () => {
+    alert('Tickets have been sent to your registered email address.');
+  };
+
+  const handleNewBooking = () => {
+    clearBooking();
+    router.push('/booking/search');
+  };
+
+  useEffect(() => {
+    if (!bookingId || !pnr) {
+      router.push('/booking/search');
+    }
+  }, [bookingId, pnr, router]);
+
+  if (!bookingId || !pnr) return null;
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-12">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+          {/* Success Header */}
+          <div className="text-center mb-8">
+            <div className="flex justify-center mb-4">
+              <div className="w-20 h-20 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center animate-bounce">
+                <CheckCircle className="w-12 h-12 text-green-600 dark:text-green-400" />
+              </div>
+            </div>
+            <h1 className="text-4xl font-bold text-green-600 dark:text-green-400 mb-2">Booking confirmed!</h1>
+            <p className="text-gray-600 dark:text-gray-400 text-lg">Your train tickets are ready</p>
+          </div>
+
+          {/* PNR Card */}
+          <div className="card mb-6 bg-gradient-to-r from-primary to-primary-600 dark:from-primary-700 dark:to-primary-900 text-white">
+            <div className="text-center">
+              <p className="text-sm opacity-90 mb-2">Booking reference (PNR)</p>
+              <div className="flex items-center justify-center gap-3">
+                <span className="text-5xl font-bold tracking-widest">{pnr}</span>
+                <button 
+                  onClick={copyPNR} 
+                  className="p-2 hover:bg-white hover:bg-opacity-20 rounded transition-colors"
+                  title="Copy PNR"
+                >
+                  {copied ? (
+                    <CheckCircle className="w-6 h-6" />
+                  ) : (
+                    <Copy className="w-6 h-6" />
+                  )}
+                </button>
+              </div>
+              <p className="text-sm opacity-90 mt-2">Save this reference number for future use</p>
+            </div>
+          </div>
+
+          {/* Trip Summary */}
+          <div className="card mb-6">
+            <div className="flex items-center gap-3 mb-4">
+              <div className="w-10 h-10 bg-primary-100 dark:bg-primary-900/30 rounded-lg flex items-center justify-center">
+                <Train className="w-6 h-6 text-primary dark:text-primary-400" />
+              </div>
+              <h2 className="text-2xl font-semibold text-gray-900 dark:text-gray-100">Trip details</h2>
+            </div>
+            <div className="grid md:grid-cols-2 gap-4">
+              <div className="space-y-3">
+                <div>
+                  <p className="text-sm text-gray-600 dark:text-gray-400">Train number</p>
+                  <p className="font-semibold text-lg text-gray-900 dark:text-gray-100">{selectedSchedule?.trainNumber}</p>
+                </div>
+                <div>
+                  <p className="text-sm text-gray-600 dark:text-gray-400">Route</p>
+                  <p className="font-semibold text-lg text-gray-900 dark:text-gray-100">{selectedSchedule?.origin} → {selectedSchedule?.destination}</p>
+                </div>
+                {selectedSchedule?.selectedSeatClassName && (
+                  <div>
+                    <p className="text-sm text-gray-600 dark:text-gray-400">Class</p>
+                    <p className="font-semibold text-gray-900 dark:text-gray-100">{selectedSchedule.selectedSeatClassName.replace(/_/g, ' ')}</p>
+                  </div>
+                )}
+              </div>
+              <div className="space-y-3">
+                <div>
+                  <p className="text-sm text-gray-600 dark:text-gray-400">Departure</p>
+                  <p className="font-semibold text-gray-900 dark:text-gray-100">
+                    {selectedSchedule?.departureTime && format(new Date(selectedSchedule.departureTime), 'PPp')}
+                  </p>
+                </div>
+                <div>
+                  <p className="text-sm text-gray-600 dark:text-gray-400">Arrival</p>
+                  <p className="font-semibold text-gray-900 dark:text-gray-100">
+                    {selectedSchedule?.arrivalTime && format(new Date(selectedSchedule.arrivalTime), 'PPp')}
+                  </p>
+                </div>
+                <div>
+                  <p className="text-sm text-gray-600 dark:text-gray-400">Duration</p>
+                  <p className="font-semibold text-gray-900 dark:text-gray-100">{selectedSchedule?.duration}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Tickets */}
+          <div className="mb-6">
+            <h2 className="text-2xl font-semibold mb-4 text-gray-900 dark:text-gray-100">Your tickets</h2>
+            <div className="space-y-4">
+              {passengers.map((passenger, index) => {
+                const backendTicket = _booking?.ticket || null;
+                const ticketNumber = backendTicket?.barcodePayload || `TKT-${bookingId?.slice(0, 8).toUpperCase()}-${(index + 1).toString().padStart(2, '0')}`;
+                const qrData = backendTicket?.qrPayload || JSON.stringify({
+                  pnr,
+                  ticketNumber,
+                  passengerName: passenger.name,
+                  trainNumber: selectedSchedule?.trainNumber,
+                  date: selectedSchedule?.departureTime,
+                });
+
+                return (
+                  <div key={index} className="card hover:shadow-lg transition-shadow">
+                    <div className="flex flex-col md:flex-row gap-6">
+                      {/* Ticket Info */}
+                      <div className="flex-1">
+                        <div className="flex items-start justify-between mb-4">
+                          <div>
+                            <h3 className="text-xl font-bold text-gray-900 dark:text-gray-100">{passenger.name}</h3>
+                            <p className="text-sm text-gray-600 dark:text-gray-400">Passenger {index + 1}</p>
+                          </div>
+                          <span className="badge badge-success">CONFIRMED</span>
+                        </div>
+                        
+                        <div className="grid grid-cols-2 gap-4 text-sm">
+                          <div>
+                            <p className="text-gray-600 dark:text-gray-400">Ticket Number</p>
+                            <p className="font-semibold text-gray-900 dark:text-gray-100">{ticketNumber}</p>
+                          </div>
+                          <div>
+                            <p className="text-gray-600 dark:text-gray-400">Date of Birth</p>
+                            <p className="font-semibold text-gray-900 dark:text-gray-100">{format(new Date(passenger.dateOfBirth), 'PP')}</p>
+                          </div>
+                          <div>
+                            <p className="text-gray-600 dark:text-gray-400">Nationality</p>
+                            <p className="font-semibold text-gray-900 dark:text-gray-100">{passenger.nationality}</p>
+                          </div>
+                          <div>
+                            <p className="text-gray-600 dark:text-gray-400">Seat</p>
+                            <p className="font-semibold text-gray-900 dark:text-gray-100">{passenger.seatNumber || 'Will be assigned'}</p>
+                          </div>
+                        </div>
+
+                        <div className="mt-4 p-3 bg-yellow-50 dark:bg-yellow-900/30 border border-yellow-200 dark:border-yellow-800 rounded-lg">
+                          <p className="text-xs text-yellow-800 dark:text-yellow-300">
+                            📱 Show this QR code at the gate for boarding
+                          </p>
+                        </div>
+                      </div>
+
+                      {/* QR Code */}
+                      <div className="flex flex-col items-center justify-center bg-gray-50 dark:bg-gray-800 rounded-lg p-6">
+                        <QRCodeSVG
+                          value={qrData}
+                          size={160}
+                          level="H"
+                          includeMargin={true}
+                        />
+                        <p className="text-xs text-gray-600 dark:text-gray-400 mt-2 text-center">Scan at gate</p>
+                      </div>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+
+          {/* Action Buttons */}
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-6">
+            <button 
+              onClick={handleDownloadTickets}
+              className="btn-secondary flex items-center justify-center gap-2"
+            >
+              <Download className="w-4 h-4" />
+              <span className="hidden sm:inline">Download</span>
+            </button>
+            <button 
+              onClick={handlePrintTickets}
+              className="btn-secondary flex items-center justify-center gap-2"
+            >
+              <Printer className="w-4 h-4" />
+              <span className="hidden sm:inline">Print</span>
+            </button>
+            <button 
+              onClick={handleEmailTickets}
+              className="btn-secondary flex items-center justify-center gap-2"
+            >
+              <Mail className="w-4 h-4" />
+              <span className="hidden sm:inline">Email</span>
+            </button>
+            <button className="btn-secondary flex items-center justify-center gap-2">
+              <Share2 className="w-4 h-4" />
+              <span className="hidden sm:inline">Share</span>
+            </button>
+          </div>
+
+          {/* New Booking Button */}
+          <button 
+            onClick={handleNewBooking} 
+            className="btn-primary w-full py-4 text-lg font-semibold"
+          >
+            Book another trip
+          </button>
+
+          {/* Info Notices */}
+          <div className="mt-6 space-y-3">
+            <div className="p-4 bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-800 rounded-lg">
+              <p className="text-sm text-blue-800 dark:text-blue-300">
+                📧 A confirmation email with your tickets has been sent to your registered email address.
+              </p>
+            </div>
+            <div className="p-4 bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-800 rounded-lg">
+              <p className="text-sm text-green-800 dark:text-green-300">
+                ✅ Please arrive at the station at least 30 minutes before departure.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/layout.tsx b/apps/edr-passenger-web/portal/src/app/booking/layout.tsx
new file mode 100644
index 000000000..e326bd376
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/layout.tsx
@@ -0,0 +1,37 @@
+'use client';
+
+import { usePathname } from 'next/navigation';
+import { ProgressIndicator } from '@/components/ProgressIndicator';
+
+export default function BookingLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const pathname = usePathname();
+  
+  const stepMap: Record<string, string> = {
+    '/booking/search': 'search',
+    '/booking/results': 'results',
+    '/booking/auth-check': 'passengers',
+    '/booking/passengers': 'passengers',
+    '/booking/seats': 'seats',
+    '/booking/review': 'review',
+    '/booking/payment': 'payment',
+    '/booking/confirmation': 'confirmation',
+  };
+
+  const currentStep = stepMap[pathname] || 'search';
+  const showProgress = pathname !== '/booking/search' && pathname !== '/booking/confirmation';
+
+  return (
+    <div>
+      {showProgress && (
+        <div className="bg-white dark:bg-gray-800 border-b dark:border-gray-700">
+          <ProgressIndicator currentStep={currentStep} />
+        </div>
+      )}
+      {children}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/passengers/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/passengers/page.tsx
new file mode 100644
index 000000000..a9fdf5b35
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/passengers/page.tsx
@@ -0,0 +1,941 @@
+'use client';
+
+import { useForm, useFieldArray } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { useRouter } from 'next/navigation';
+import { useBookingStore } from '@/lib/booking-store';
+import { useAuthStore } from '@/lib/auth-store';
+import { apiClient } from '@/lib/api-client';
+import { useState, useEffect, useRef } from 'react';
+import { CheckCircle, ExternalLink, Loader2, CalendarDays, X, Globe } from 'lucide-react';
+import { gregorianToEthiopian, ethiopianToGregorian, ETHIOPIAN_MONTHS, getDaysInEthiopianMonth } from '@/lib/ethiopian-calendar';
+
+const GC_MONTHS = ['January','February','March','April','May','June','July','August','September','October','November','December'];
+
+function daysInGCMonth(y: number, m: number) {
+  return new Date(y, m, 0).getDate();
+}
+
+function DobPickerModal({
+  value,
+  onChange,
+  error,
+}: {
+  value: string;
+  onChange: (iso: string) => void;
+  error?: string;
+}) {
+  const [open, setOpen] = useState(false);
+  const [manualMode, setManualMode] = useState(false);
+  const [calType, setCalType] = useState<'gregorian' | 'ethiopian'>('gregorian');
+  const currentYear = new Date().getFullYear();
+  const currentEthYear = gregorianToEthiopian(new Date()).year;
+
+  // Parse stored ISO value (always Gregorian)
+  const parsed = value ? value.split('-') : [];
+  const initGCYear  = parsed[0] ? parseInt(parsed[0]) : currentYear - 25;
+  const initGCMonth = parsed[1] ? parseInt(parsed[1]) : 1;
+  const initGCDay   = parsed[2] ? parseInt(parsed[2]) : 1;
+
+  // Gregorian drum state
+  const [selGCYear,  setSelGCYear]  = useState(initGCYear);
+  const [selGCMonth, setSelGCMonth] = useState(initGCMonth);
+  const [selGCDay,   setSelGCDay]   = useState(initGCDay);
+
+  // Ethiopian drum state — initialise from parsed value if present
+  const initEth = value ? gregorianToEthiopian(new Date(initGCYear, initGCMonth - 1, initGCDay)) : { year: currentEthYear - 25, month: 1, day: 1 };
+  const [selEthYear,  setSelEthYear]  = useState(initEth.year);
+  const [selEthMonth, setSelEthMonth] = useState(initEth.month);
+  const [selEthDay,   setSelEthDay]   = useState(initEth.day);
+
+  // Manual inputs
+  const [manDay,   setManDay]   = useState(parsed[2] ? String(parseInt(parsed[2])) : '');
+  const [manMonth, setManMonth] = useState(parsed[1] ? String(parseInt(parsed[1])) : '');
+  const [manYear,  setManYear]  = useState(parsed[0] || '');
+
+  // Computed
+  const gcMaxDay  = daysInGCMonth(selGCYear, selGCMonth);
+  const ethMaxDay = getDaysInEthiopianMonth(selEthYear, selEthMonth);
+  const gcSafeDay  = Math.min(selGCDay,  gcMaxDay);
+  const ethSafeDay = Math.min(selEthDay, ethMaxDay);
+
+  const gcYears   = Array.from({ length: 100 }, (_, i) => currentYear - i);
+  const ethYears  = Array.from({ length: 100 }, (_, i) => currentEthYear - i);
+  const gcMonths  = GC_MONTHS.map((m, i) => ({ label: m, value: i + 1 }));
+  const ethMonths = ETHIOPIAN_MONTHS.map((m, i) => ({ label: m, value: i + 1 }));
+  const gcDays    = Array.from({ length: gcMaxDay  }, (_, i) => i + 1);
+  const ethDays   = Array.from({ length: ethMaxDay }, (_, i) => i + 1);
+
+  const dayRef   = useRef<HTMLDivElement>(null);
+  const monthRef = useRef<HTMLDivElement>(null);
+  const yearRef  = useRef<HTMLDivElement>(null);
+  const ITEM_H   = 48;
+
+  const scrollTo = (ref: React.RefObject<HTMLDivElement>, idx: number) => {
+    ref.current?.scrollTo({ top: Math.max(0, idx) * ITEM_H, behavior: 'smooth' });
+  };
+
+  // Scroll drums to current selection when opened or calType changed
+  useEffect(() => {
+    if (!open || manualMode) return;
+    setTimeout(() => {
+      if (calType === 'gregorian') {
+        scrollTo(dayRef,   gcSafeDay - 1);
+        scrollTo(monthRef, selGCMonth - 1);
+        scrollTo(yearRef,  gcYears.indexOf(selGCYear));
+      } else {
+        scrollTo(dayRef,   ethSafeDay - 1);
+        scrollTo(monthRef, selEthMonth - 1);
+        scrollTo(yearRef,  ethYears.indexOf(selEthYear));
+      }
+    }, 60);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open, manualMode, calType]);
+
+  const makeScrollHandler = (
+    ref: React.RefObject<HTMLDivElement>,
+    setter: (v: number) => void,
+    getList: () => number[],
+  ) => {
+    let timer: ReturnType<typeof setTimeout>;
+    return () => {
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        const el = ref.current;
+        if (!el) return;
+        const list = getList();
+        const idx = Math.round(el.scrollTop / ITEM_H);
+        const clamped = Math.max(0, Math.min(idx, list.length - 1));
+        setter(list[clamped]);
+        el.scrollTo({ top: clamped * ITEM_H, behavior: 'smooth' });
+      }, 150);
+    };
+  };
+
+  const gcDayHandler   = useRef(makeScrollHandler(dayRef,   setSelGCDay,   () => Array.from({ length: daysInGCMonth(selGCYear, selGCMonth) }, (_, i) => i + 1))).current;
+  const gcMonthHandler = useRef(makeScrollHandler(monthRef, setSelGCMonth, () => GC_MONTHS.map((_, i) => i + 1))).current;
+  const gcYearHandler  = useRef(makeScrollHandler(yearRef,  setSelGCYear,  () => Array.from({ length: 100 }, (_, i) => new Date().getFullYear() - i))).current;
+
+  const ethDayHandler   = useRef(makeScrollHandler(dayRef,   setSelEthDay,   () => Array.from({ length: getDaysInEthiopianMonth(selEthYear, selEthMonth) }, (_, i) => i + 1))).current;
+  const ethMonthHandler = useRef(makeScrollHandler(monthRef, setSelEthMonth, () => ETHIOPIAN_MONTHS.map((_, i) => i + 1))).current;
+  const ethYearHandler  = useRef(makeScrollHandler(yearRef,  setSelEthYear,  () => Array.from({ length: 100 }, (_, i) => gregorianToEthiopian(new Date()).year - i))).current;
+
+  const confirm = () => {
+    let gregDate: Date;
+    if (calType === 'gregorian') {
+      const d = Math.min(selGCDay, daysInGCMonth(selGCYear, selGCMonth));
+      gregDate = new Date(selGCYear, selGCMonth - 1, d);
+    } else {
+      const d = Math.min(selEthDay, getDaysInEthiopianMonth(selEthYear, selEthMonth));
+      gregDate = ethiopianToGregorian({ year: selEthYear, month: selEthMonth, day: d });
+    }
+    const iso = `${gregDate.getFullYear()}-${String(gregDate.getMonth() + 1).padStart(2,'0')}-${String(gregDate.getDate()).padStart(2,'0')}`;
+    onChange(iso);
+    setOpen(false);
+  };
+
+  const confirmManual = () => {
+    const d = parseInt(manDay), m = parseInt(manMonth), y = parseInt(manYear);
+    if (!d || !m || !y || m < 1 || m > 12 || d < 1 || d > daysInGCMonth(y, m) || y < currentYear - 110 || y > currentYear) return;
+    onChange(`${y}-${String(m).padStart(2,'0')}-${String(d).padStart(2,'0')}`);
+    setOpen(false);
+  };
+
+  const manualValid = (() => {
+    const d = parseInt(manDay), m = parseInt(manMonth), y = parseInt(manYear);
+    return d >= 1 && m >= 1 && m <= 12 && y >= currentYear - 110 && y <= currentYear && d <= daysInGCMonth(y, m);
+  })();
+
+  // Display: always show Gregorian ISO as human-readable, with calendar label
+  const displayValue = (() => {
+    if (!value) return '';
+    const [y, mo, d] = value.split('-').map(Number);
+    const gcStr = `${GC_MONTHS[mo - 1]} ${d}, ${y}`;
+    if (calType === 'ethiopian') {
+      const eth = gregorianToEthiopian(new Date(y, mo - 1, d));
+      return `${ETHIOPIAN_MONTHS[eth.month - 1]} ${eth.day}, ${eth.year} (${gcStr})`;
+    }
+    return gcStr;
+  })();
+
+  // Confirm button label
+  const confirmLabel = (() => {
+    if (manualMode) return manualValid ? `Confirm — ${manDay}/${manMonth}/${manYear}` : 'Confirm';
+    if (calType === 'gregorian') {
+      const d = Math.min(selGCDay, gcMaxDay);
+      return `Confirm — ${GC_MONTHS[selGCMonth - 1]} ${d}, ${selGCYear}`;
+    } else {
+      const d = Math.min(selEthDay, ethMaxDay);
+      const gcDate = ethiopianToGregorian({ year: selEthYear, month: selEthMonth, day: d });
+      return `Confirm — ${ETHIOPIAN_MONTHS[selEthMonth - 1]} ${d}, ${selEthYear} (GC: ${GC_MONTHS[gcDate.getMonth()]} ${gcDate.getDate()}, ${gcDate.getFullYear()})`;
+    }
+  })();
+
+  const col = (
+    ref: React.RefObject<HTMLDivElement>,
+    list: Array<{ label: string; value: number }>,
+    selected: number,
+    setter: (v: number) => void,
+    scrollHandler: () => void,
+  ) => (
+    <div className="flex-1 flex flex-col items-center">
+      <div
+        ref={ref}
+        onScroll={scrollHandler}
+        className="h-full overflow-y-auto scrollbar-hide"
+        style={{ scrollSnapType: 'y mandatory' }}
+      >
+        <div style={{ height: ITEM_H * 2 }} />
+        {list.map((item, idx) => (
+          <div
+            key={item.value}
+            style={{ height: ITEM_H, scrollSnapAlign: 'center', cursor: 'pointer' }}
+            onClick={() => { setter(item.value); ref.current?.scrollTo({ top: idx * ITEM_H, behavior: 'smooth' }); }}
+            className={`flex items-center justify-center text-sm font-medium transition-all select-none ${
+              item.value === selected ? 'text-primary font-bold text-base' : 'text-gray-400 dark:text-gray-500'
+            }`}
+          >
+            {item.label}
+          </div>
+        ))}
+        <div style={{ height: ITEM_H * 2 }} />
+      </div>
+    </div>
+  );
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => setOpen(true)}
+        className={`input-field w-full text-left flex items-center justify-between ${
+          error ? 'border-red-500' : ''
+        }`}
+      >
+        <span className={displayValue ? 'text-gray-900 dark:text-white text-sm' : 'text-gray-400 text-sm'}>
+          {displayValue || 'Select date of birth'}
+        </span>
+        <CalendarDays className="w-4 h-4 text-gray-400 flex-shrink-0" />
+      </button>
+      {error && <p className="text-red-500 text-xs mt-1">{error}</p>}
+
+      {open && (
+        <>
+          <div className="fixed inset-0 z-[99] bg-black/50" onClick={() => setOpen(false)} />
+          <div
+            className="fixed inset-x-0 bottom-0 z-[100] bg-white dark:bg-gray-900 rounded-t-2xl shadow-2xl"
+            style={{ animation: 'dob-slide-up 0.25s cubic-bezier(0.32,0.72,0,1)' }}
+          >
+            {/* Header */}
+            <div className="flex items-center justify-between px-5 py-4 border-b border-gray-100 dark:border-gray-800">
+              <div className="flex items-center gap-3">
+                <h2 className="text-base font-bold text-gray-900 dark:text-white">Date of Birth</h2>
+                {!manualMode && (
+                  <button
+                    type="button"
+                    onClick={() => setCalType(c => c === 'gregorian' ? 'ethiopian' : 'gregorian')}
+                    className="flex items-center gap-1 text-xs font-semibold px-2.5 py-1 rounded-lg bg-primary/10 text-primary hover:bg-primary/20 transition-colors"
+                  >
+                    <Globe className="w-3 h-3" />
+                    {calType === 'gregorian' ? 'ET' : 'GC'}
+                  </button>
+                )}
+                <button
+                  type="button"
+                  onClick={() => setManualMode(!manualMode)}
+                  className="text-xs text-gray-500 font-medium hover:underline"
+                >
+                  {manualMode ? 'Use scroll' : 'Enter manually'}
+                </button>
+              </div>
+              <button type="button" onClick={() => setOpen(false)} className="w-9 h-9 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800">
+                <X className="w-5 h-5 text-gray-500" />
+              </button>
+            </div>
+
+            {/* Calendar type label */}
+            {!manualMode && (
+              <div className="px-5 pt-2 pb-0">
+                <p className="text-xs text-gray-400">
+                  {calType === 'gregorian' ? 'Gregorian Calendar' : 'Ethiopian Calendar (ኢትዮጵያ)'}
+                </p>
+              </div>
+            )}
+
+            {manualMode ? (
+              <div className="px-5 py-5 space-y-4">
+                <div className="grid grid-cols-3 gap-3">
+                  <div>
+                    <label className="block text-xs font-semibold text-gray-500 uppercase tracking-wide mb-1.5">Day</label>
+                    <input type="number" min={1} max={31} value={manDay} onChange={(e) => setManDay(e.target.value)} placeholder="DD" className="input-field text-center text-lg font-semibold" />
+                  </div>
+                  <div>
+                    <label className="block text-xs font-semibold text-gray-500 uppercase tracking-wide mb-1.5">Month</label>
+                    <input type="number" min={1} max={12} value={manMonth} onChange={(e) => setManMonth(e.target.value)} placeholder="MM" className="input-field text-center text-lg font-semibold" />
+                  </div>
+                  <div>
+                    <label className="block text-xs font-semibold text-gray-500 uppercase tracking-wide mb-1.5">Year</label>
+                    <input type="number" min={currentYear - 110} max={currentYear} value={manYear} onChange={(e) => setManYear(e.target.value)} placeholder="YYYY" className="input-field text-center text-lg font-semibold" />
+                  </div>
+                </div>
+                {manDay && manMonth && manYear && !manualValid && (
+                  <p className="text-red-500 text-xs">Please enter a valid Gregorian date</p>
+                )}
+              </div>
+            ) : (
+              <>
+                <div className="flex px-5 pt-2 pb-1">
+                  {['Day', 'Month', 'Year'].map(l => (
+                    <div key={l} className="flex-1 text-center text-xs font-semibold text-gray-400 uppercase tracking-wide">{l}</div>
+                  ))}
+                </div>
+                <div className="relative px-5 pb-2" style={{ height: ITEM_H * 5 }}>
+                  <div
+                    className="absolute left-5 right-5 pointer-events-none rounded-xl border border-primary/30 bg-primary/5 dark:bg-primary/10"
+                    style={{ top: ITEM_H * 2, height: ITEM_H }}
+                  />
+                  <div className="flex gap-2 h-full">
+                    {calType === 'gregorian' ? (
+                      <>
+                        {col(dayRef,   gcDays.map(d => ({ label: String(d), value: d })), gcSafeDay,   setSelGCDay,   gcDayHandler)}
+                        {col(monthRef, gcMonths,                                           selGCMonth,  setSelGCMonth, gcMonthHandler)}
+                        {col(yearRef,  gcYears.map(y => ({ label: String(y), value: y })), selGCYear,   setSelGCYear,  gcYearHandler)}
+                      </>
+                    ) : (
+                      <>
+                        {col(dayRef,   ethDays.map(d => ({ label: String(d), value: d })), ethSafeDay,  setSelEthDay,   ethDayHandler)}
+                        {col(monthRef, ethMonths,                                            selEthMonth, setSelEthMonth, ethMonthHandler)}
+                        {col(yearRef,  ethYears.map(y => ({ label: String(y), value: y })), selEthYear,  setSelEthYear,  ethYearHandler)}
+                      </>
+                    )}
+                  </div>
+                </div>
+              </>
+            )}
+
+            <div className="px-5 pb-8 pt-3 flex justify-end">
+              <button
+                type="button"
+                onClick={manualMode ? confirmManual : confirm}
+                disabled={manualMode && !manualValid}
+                className="px-6 py-2.5 bg-[rgb(20,113,76)] hover:bg-[rgb(16,89,60)] text-white font-bold text-sm rounded-xl transition-all shadow disabled:opacity-40 disabled:cursor-not-allowed"
+              >
+                {confirmLabel}
+              </button>
+            </div>
+          </div>
+          <style>{`@keyframes dob-slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}`}</style>
+        </>
+      )}
+    </div>
+  );
+}
+
+const passengerSchema = z.object({
+  name: z.string().min(2, 'Full name is required (min 2 characters)'),
+  dateOfBirth: z.string().min(1, 'Date of birth is required'),
+  gender: z.string().min(1, 'Gender is required'),
+  nationality: z.string().min(1, 'Nationality is required'),
+  phone: z.string().min(1, 'Phone number is required'),
+  email: z.string().optional(),
+  nationalId: z.string().optional(),
+  passportNumber: z.string().optional(),
+  passportCountry: z.string().optional(),
+  passportIssueDate: z.string().optional(),
+  passportExpiryDate: z.string().optional(),
+  passportIssuingAuthority: z.string().optional(),
+  faydaVerified: z.boolean().optional(),
+  faydaSub: z.string().optional(),
+  formExpanded: z.boolean().optional(),
+}).superRefine((data, ctx) => {
+  if (data.gender !== 'Male' && data.gender !== 'Female') {
+    ctx.addIssue({ code: z.ZodIssueCode.custom, message: 'Gender is required', path: ['gender'] });
+  }
+  if (data.email && data.email.trim().length > 0) {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailRegex.test(data.email)) {
+      ctx.addIssue({ code: z.ZodIssueCode.custom, message: 'Invalid email format', path: ['email'] });
+    }
+  }
+  const isNonEthiopian = data.nationality !== 'ETHIOPIAN' && data.nationality !== 'Ethiopian';
+  if (isNonEthiopian) {
+    if (!data.passportNumber || data.passportNumber.trim().length === 0) {
+      ctx.addIssue({ code: z.ZodIssueCode.custom, message: 'Passport number is required', path: ['passportNumber'] });
+    }
+    if (!data.passportCountry || data.passportCountry.trim().length === 0) {
+      ctx.addIssue({ code: z.ZodIssueCode.custom, message: 'Issuing country is required', path: ['passportCountry'] });
+    }
+  }
+});
+
+const formSchema = z.object({
+  passengers: z.array(passengerSchema),
+  createAccount: z.boolean(),
+});
+
+type FormData = z.infer<typeof formSchema>;
+
+export default function PassengersPage() {
+  const router = useRouter();
+  const { searchCriteria, setPassengers, setCreateAccount } = useBookingStore();
+  const { user, isAuthenticated, updateUser } = useAuthStore();
+  const [faydaEnabled, setFaydaEnabled] = useState(true);
+  const [verificationStatus, setVerificationStatus] = useState<Record<number, 'success' | 'error'>>({});
+  const [saving, setSaving] = useState(false);
+  const [formInitialized, setFormInitialized] = useState(false);
+
+
+  const totalPassengers = (searchCriteria?.adultCount || 1) + (searchCriteria?.childCount || 0);
+
+  const { register, control, handleSubmit, setValue, watch, formState: { errors } } = useForm<FormData>({
+    resolver: zodResolver(formSchema as any),
+    mode: 'onChange',
+    defaultValues: {
+      passengers: Array.from({ length: totalPassengers }, () => ({
+        name: '',
+        dateOfBirth: '',
+        gender: undefined,
+        nationality: searchCriteria?.nationality || 'ETHIOPIAN',
+        phone: '',
+        email: '',
+        nationalId: '',
+        passportNumber: '',
+        passportCountry: '',
+        passportIssueDate: '',
+        passportExpiryDate: '',
+        passportIssuingAuthority: '',
+        faydaVerified: false,
+        formExpanded: false,
+      })),
+      createAccount: false,
+    },
+  });
+
+  const { fields } = useFieldArray({ control, name: 'passengers' });
+  const passengers = watch('passengers');
+
+  useEffect(() => {
+    const checkFaydaStatus = async () => {
+      try {
+        const response: any = await apiClient.get('/config/fayda-status');
+        setFaydaEnabled(response?.enabled ?? true);
+      } catch {
+        setFaydaEnabled(true);
+      }
+    };
+    checkFaydaStatus();
+  }, []);
+
+  useEffect(() => {
+    if (isAuthenticated && user?.faydaVerified) {
+      setVerificationStatus({ 0: 'success' });
+    }
+  }, [isAuthenticated, user?.faydaVerified]);
+
+  useEffect(() => {
+    const populateForm = async () => {
+      if (!isAuthenticated || !user?.id || !searchCriteria) {
+        console.log('Missing required data for population');
+        setFormInitialized(true);
+        return;
+      }
+
+      try {
+        // Fetch passenger profile from backend
+        const passengerData: any = await apiClient.get(`/passengers/me`);
+        console.log('Fetched passenger data:', passengerData);
+
+        if (!passengerData) {
+          setFormInitialized(true);
+          return;
+        }
+
+        // Only populate first passenger
+        console.log('Setting passenger 0 values');
+        setValue('passengers.0.name', passengerData?.fullName || user.fullName || '');
+        setValue('passengers.0.dateOfBirth', passengerData?.dateOfBirth || user.dateOfBirth || '');
+        if (passengerData?.gender || user.gender) setValue('passengers.0.gender', (passengerData?.gender || user.gender) as any);
+        setValue('passengers.0.nationality', passengerData?.nationality || user.nationality || 'ETHIOPIAN');
+        if (passengerData?.phone || user.phone) setValue('passengers.0.phone', passengerData?.phone || user.phone || '');
+        if (passengerData?.email || user.email) setValue('passengers.0.email', passengerData?.email || user.email || '');
+        if (passengerData?.passportNumber) setValue('passengers.0.passportNumber', passengerData.passportNumber);
+        if (passengerData?.passportCountry) setValue('passengers.0.passportCountry', passengerData.passportCountry);
+        if (passengerData?.passportIssueDate) setValue('passengers.0.passportIssueDate', passengerData.passportIssueDate);
+        if (passengerData?.passportExpiryDate) setValue('passengers.0.passportExpiryDate', passengerData.passportExpiryDate);
+        if (passengerData?.passportIssuingAuthority) setValue('passengers.0.passportIssuingAuthority', passengerData.passportIssuingAuthority);
+        setValue('passengers.0.faydaVerified', passengerData?.faydaVerified || user.faydaVerified || false);
+        setValue('passengers.0.formExpanded', true);
+
+        setFormInitialized(true);
+      } catch (error) {
+        console.error('Failed to fetch passenger data:', error);
+        setFormInitialized(true);
+      }
+    };
+
+    populateForm();
+  }, [isAuthenticated, user, searchCriteria, setValue]);
+
+  const openFaydaVerification = async (index: number) => {
+    if (typeof window === 'undefined') return;
+
+    try {
+      const response: any = await apiClient.post('/fayda/verification/start', {
+        purpose: 'PURCHASE',
+        platform: 'WEB',
+        saveToAccount: index === 0 && isAuthenticated,
+      });
+
+      const authorizationUrl = response.authorizationUrl;
+      const width = 600;
+      const height = 700;
+      const left = (window.screen.width - width) / 2;
+      const top = (window.screen.height - height) / 2;
+
+      const popup = window.open(
+        authorizationUrl,
+        'FaydaVerification',
+        `width=${width},height=${height},left=${left},top=${top},scrollbars=yes,resizable=yes`
+      );
+
+      const checkPopup = setInterval(async () => {
+        if (popup?.closed) {
+          clearInterval(checkPopup);
+          try {
+            const statusResponse: any = await apiClient.get('/fayda/verification/status');
+            if (statusResponse.verified) {
+              setValue(`passengers.${index}.name`, statusResponse.fullName || '');
+              setValue(`passengers.${index}.faydaVerified`, true);
+              setValue(`passengers.${index}.formExpanded`, true);
+              setVerificationStatus({ ...verificationStatus, [index]: 'success' });
+
+              if (index === 0 && isAuthenticated) {
+                updateUser({
+                  fullName: statusResponse.fullName,
+                  faydaVerified: true,
+                  faydaVerifiedAt: statusResponse.verifiedAt,
+                });
+              }
+            }
+          } catch (error) {
+            console.error('Failed to get verification status:', error);
+          }
+        }
+      }, 1000);
+    } catch (error) {
+      console.error('Failed to start Fayda verification:', error);
+      alert('Failed to start verification. Please try again.');
+    }
+  };
+
+  const toggleForm = (index: number) => {
+    setValue(`passengers.${index}.formExpanded`, !passengers[index].formExpanded);
+  };
+
+  const onSubmit = async (data: FormData) => {
+    setSaving(true);
+    try {
+      let passengerId = '';
+      
+      // For authenticated users, fetch the passenger profile to get the passengerId
+      if (isAuthenticated && user?.id) {
+        try {
+          const passengerProfile: any = await apiClient.get('/passengers/me');
+          passengerId = passengerProfile?.id || '';
+          console.log('Fetched passengerId:', passengerId);
+        } catch (error) {
+          console.error('Failed to fetch passenger profile:', error);
+        }
+      }
+
+      const passengerDetails = data.passengers.map((p, i) => ({
+        name: p.name,
+        dateOfBirth: p.dateOfBirth,
+        gender: p.gender,
+        nationality: p.nationality,
+        nationalId: p.nationalId,
+        passportNumber: p.passportNumber,
+        passportCountry: p.passportCountry,
+        phone: p.phone,
+        email: p.email,
+        isPrimaryPassenger: i === 0,
+        passengerId: i === 0 && passengerId ? passengerId : undefined,
+      }));
+
+      const deviceId = typeof window !== 'undefined'
+        ? (localStorage.getItem('deviceId') || crypto.randomUUID())
+        : crypto.randomUUID();
+
+      await apiClient.post('/passengers/save-details', {
+        passengers: passengerDetails,
+        userId: user?.id,
+        deviceId,
+      });
+
+      setPassengers(passengerDetails);
+      setCreateAccount(data.createAccount);
+      
+      // Save passengerId to booking store for later use
+      if (isAuthenticated && passengerId) {
+        const { setPassengerId } = useBookingStore.getState();
+        setPassengerId(passengerId);
+        console.log('Saved passengerId to booking store:', passengerId);
+      }
+      
+      router.push('/booking/seats');
+    } catch (error) {
+      console.error('Failed to save passenger details:', error);
+      alert('Failed to save passenger details. Please try again.');
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!searchCriteria) {
+      router.push('/booking/search');
+    }
+  }, [searchCriteria, router]);
+
+  if (!searchCriteria) return null;
+
+  if (!formInitialized) {
+    return (
+      <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-12">
+        <div className="container mx-auto px-4">
+          <div className="max-w-lg mx-auto text-center">
+            <Loader2 className="w-8 h-8 animate-spin mx-auto text-blue-600" />
+            <p className="text-gray-600 dark:text-gray-400 mt-4">Loading passenger details...</p>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-12">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+          <h1 className="text-3xl font-bold mb-6 text-gray-900 dark:text-gray-100">Passenger details</h1>
+
+          <form onSubmit={handleSubmit(onSubmit)} className="space-y-6">
+            {fields.map((field, index) => {
+              const isEthiopian = passengers[index]?.nationality === 'ETHIOPIAN';
+              const isFormExpanded = passengers[index]?.formExpanded;
+              const status = verificationStatus[index];
+              const isPrimaryPassenger = index === 0;
+              const isLoggedInAndVerified = isPrimaryPassenger && isAuthenticated && user?.faydaVerified;
+              const isLoggedInNotVerified = isPrimaryPassenger && isAuthenticated && !user?.faydaVerified;
+              const showVerifyButton = isEthiopian && faydaEnabled && !isFormExpanded && !isLoggedInAndVerified;
+              const showManualEntryLink = isEthiopian && !faydaEnabled && !isFormExpanded;
+
+              return (
+                <div key={field.id} className="card">
+                  <h3 className="text-lg font-semibold mb-4 text-gray-900 dark:text-gray-100">
+                    Passenger {index + 1} {index === 0 && '(Primary)'}
+                    {index < (searchCriteria.adultCount || 1) ? ' - Adult' : ' - Child'}
+                    <span className="ml-2 text-sm font-normal text-gray-600 dark:text-gray-400">
+                      ({isEthiopian ? 'Ethiopian' : searchCriteria.nationality === 'DJIBOUTIAN' ? 'Djiboutian' : 'Other'})
+                    </span>
+                  </h3>
+
+                  {showVerifyButton ? (
+                    <div className="text-center py-8">
+                      {isLoggedInNotVerified && (
+                        <div className="mb-4 p-3 bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-800 rounded-lg">
+                          <p className="text-sm text-blue-700 dark:text-blue-300">
+                            Please verify your identity with Fayda to complete your profile
+                          </p>
+                        </div>
+                      )}
+                      <button
+                        type="button"
+                        onClick={() => openFaydaVerification(index)}
+                        className="btn-primary flex items-center justify-center gap-2 mx-auto"
+                      >
+                        <ExternalLink className="w-5 h-5" />
+                        {isLoggedInNotVerified ? 'Verify with Fayda' : 'Verify with Fayda'}
+                      </button>
+                      <button
+                        type="button"
+                        onClick={() => toggleForm(index)}
+                        className="text-sm text-gray-500 dark:text-gray-400 hover:underline mt-3 block mx-auto"
+                      >
+                        Skip for now
+                      </button>
+                    </div>
+                  ) : showManualEntryLink ? (
+                    <div className="text-center py-8">
+                      <p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
+                        Fayda verification is currently unavailable
+                      </p>
+                      <button
+                        type="button"
+                        onClick={() => toggleForm(index)}
+                        className="btn-primary"
+                      >
+                        Enter details manually
+                      </button>
+                    </div>
+                  ) : (
+                    <div className="space-y-4">
+                      {isEthiopian ? (
+                        <>
+                          {status === 'success' && (
+                            <div className="p-3 bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-800 rounded-lg mb-4">
+                              <p className="text-green-700 dark:text-green-300 text-sm flex items-center gap-2">
+                                <CheckCircle className="w-4 h-4" /> Verified with Fayda
+                              </p>
+                            </div>
+                          )}
+
+                          <div className="grid md:grid-cols-2 gap-4">
+                            {/* Full Name */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Full Name *</label>
+                              <input
+                                {...register(`passengers.${index}.name`)}
+                                className={`input-field ${errors.passengers?.[index]?.name ? 'border-red-500' : ''}`}
+                                placeholder="Full name as per ID"
+                              />
+                              {errors.passengers?.[index]?.name && (
+                                <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.name?.message}</p>
+                              )}
+                            </div>
+
+                            {/* Date of Birth */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Date of Birth *</label>
+                              <DobPickerModal
+                                value={passengers[index]?.dateOfBirth || ''}
+                                onChange={(iso) => setValue(`passengers.${index}.dateOfBirth`, iso, { shouldValidate: true })}
+                                error={errors.passengers?.[index]?.dateOfBirth?.message}
+                              />
+                            </div>
+
+                            {/* Gender */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Gender *</label>
+                              <select
+                                {...register(`passengers.${index}.gender`)}
+                                className={`input-field ${errors.passengers?.[index]?.gender ? 'border-red-500' : ''}`}
+                              >
+                                <option value="">Select gender</option>
+                                <option value="Male">Male</option>
+                                <option value="Female">Female</option>
+                              </select>
+                              {errors.passengers?.[index]?.gender && (
+                                <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.gender?.message}</p>
+                              )}
+                            </div>
+
+                            {/* Nationality (read-only) */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Nationality</label>
+                              <input
+                                {...register(`passengers.${index}.nationality`)}
+                                className="input-field bg-gray-100 dark:bg-gray-700 cursor-not-allowed"
+                                readOnly
+                                disabled
+                              />
+                            </div>
+
+                            {/* Phone */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Phone Number *</label>
+                              <input
+                                {...register(`passengers.${index}.phone`)}
+                                className={`input-field ${errors.passengers?.[index]?.phone ? 'border-red-500' : ''}`}
+                                placeholder="+251911234567"
+                              />
+                              {errors.passengers?.[index]?.phone && (
+                                <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.phone?.message}</p>
+                              )}
+                            </div>
+
+                            {/* Email */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Email</label>
+                              <input
+                                type="email"
+                                {...register(`passengers.${index}.email`)}
+                                className={`input-field ${errors.passengers?.[index]?.email ? 'border-red-500' : ''}`}
+                                placeholder="email@example.com"
+                              />
+                              {errors.passengers?.[index]?.email && (
+                                <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.email?.message}</p>
+                              )}
+                            </div>
+                          </div>
+                        </>
+                      ) : (
+                        <>
+                          <div className="grid md:grid-cols-2 gap-4">
+                            {/* Full Name */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Full Name *</label>
+                              <input
+                                {...register(`passengers.${index}.name`)}
+                                className={`input-field ${errors.passengers?.[index]?.name ? 'border-red-500' : ''}`}
+                                placeholder="Full name as per passport"
+                              />
+                              {errors.passengers?.[index]?.name && (
+                                <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.name?.message}</p>
+                              )}
+                            </div>
+
+                            {/* Date of Birth */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Date of Birth *</label>
+                              <DobPickerModal
+                                value={passengers[index]?.dateOfBirth || ''}
+                                onChange={(iso) => setValue(`passengers.${index}.dateOfBirth`, iso, { shouldValidate: true })}
+                                error={errors.passengers?.[index]?.dateOfBirth?.message}
+                              />
+                            </div>
+
+                            {/* Gender */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Gender *</label>
+                              <select
+                                {...register(`passengers.${index}.gender`)}
+                                className={`input-field ${errors.passengers?.[index]?.gender ? 'border-red-500' : ''}`}
+                              >
+                                <option value="">Select gender</option>
+                                <option value="Male">Male</option>
+                                <option value="Female">Female</option>
+                              </select>
+                              {errors.passengers?.[index]?.gender && (
+                                <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.gender?.message}</p>
+                              )}
+                            </div>
+
+                            {/* Nationality (read-only) */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Nationality</label>
+                              <input
+                                {...register(`passengers.${index}.nationality`)}
+                                className="input-field bg-gray-100 dark:bg-gray-700 cursor-not-allowed"
+                                readOnly
+                                disabled
+                              />
+                            </div>
+
+                            {/* Phone */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Phone Number *</label>
+                              <input
+                                {...register(`passengers.${index}.phone`)}
+                                className={`input-field ${errors.passengers?.[index]?.phone ? 'border-red-500' : ''}`}
+                                placeholder="+254712345678"
+                              />
+                              {errors.passengers?.[index]?.phone && (
+                                <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.phone?.message}</p>
+                              )}
+                            </div>
+
+                            {/* Email */}
+                            <div>
+                              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Email</label>
+                              <input
+                                type="email"
+                                {...register(`passengers.${index}.email`)}
+                                className={`input-field ${errors.passengers?.[index]?.email ? 'border-red-500' : ''}`}
+                                placeholder="email@example.com"
+                              />
+                              {errors.passengers?.[index]?.email && (
+                                <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.email?.message}</p>
+                              )}
+                            </div>
+                          </div>
+
+                          {/* Passport fields */}
+                          <div className="border-t dark:border-gray-700 pt-4 mt-4">
+                            <h4 className="text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3">Passport Details</h4>
+                            <div className="grid md:grid-cols-2 gap-4">
+                              <div>
+                                <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Passport Number *</label>
+                                <input
+                                  {...register(`passengers.${index}.passportNumber`)}
+                                  className={`input-field ${errors.passengers?.[index]?.passportNumber ? 'border-red-500' : ''}`}
+                                  placeholder="P1234567"
+                                />
+                                {errors.passengers?.[index]?.passportNumber && (
+                                  <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.passportNumber?.message}</p>
+                                )}
+                              </div>
+
+                              <div>
+                                <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Issuing Country *</label>
+                                <input
+                                  {...register(`passengers.${index}.passportCountry`)}
+                                  className={`input-field ${errors.passengers?.[index]?.passportCountry ? 'border-red-500' : ''}`}
+                                  placeholder="e.g., Djibouti"
+                                />
+                                {errors.passengers?.[index]?.passportCountry && (
+                                  <p className="text-red-500 text-xs mt-1">{errors.passengers[index]?.passportCountry?.message}</p>
+                                )}
+                              </div>
+
+                              <div>
+                                <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Issue Date</label>
+                                <input
+                                  type="date"
+                                  {...register(`passengers.${index}.passportIssueDate`)}
+                                  className="input-field"
+                                />
+                              </div>
+
+                              <div>
+                                <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Expiry Date</label>
+                                <input
+                                  type="date"
+                                  {...register(`passengers.${index}.passportExpiryDate`)}
+                                  className="input-field"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                        </>
+                      )}
+                    </div>
+                  )}
+                </div>
+              );
+            })}
+            
+            {!isAuthenticated && (
+              <div className="card">
+                <label className="flex items-center gap-2 cursor-pointer">
+                  <input type="checkbox" {...register('createAccount')} className="w-4 h-4" />
+                  <span className="text-sm text-gray-700 dark:text-gray-300">Create an account to save my profile for future bookings</span>
+                </label>
+              </div>
+            )}
+
+            <div className="flex gap-4">
+              <button type="button" onClick={() => {
+                const params = new URLSearchParams({
+                  origin: searchCriteria.originStationId,
+                  destination: searchCriteria.destinationStationId,
+                  date: searchCriteria.departureDate,
+                  adults: String(searchCriteria.adultCount),
+                  children: String(searchCriteria.childCount),
+                  nationality: searchCriteria.nationality,
+                  ...(searchCriteria.promoCode && { promoCode: searchCriteria.promoCode }),
+                });
+                router.push(`/booking/results?${params}`);
+              }} className="btn-secondary flex-1" disabled={saving}>
+                Back
+              </button>
+              <button type="submit" className="btn-primary flex-1" disabled={saving}>
+                {saving ? 'Saving...' : 'Continue to seat selection'}
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/payment/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/payment/page.tsx
new file mode 100644
index 000000000..2efe9b5d4
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/payment/page.tsx
@@ -0,0 +1,380 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useBookingStore } from "@/lib/booking-store";
+import { usePaymentStore } from "@/lib/payment-store";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { apiClient } from "@/lib/api-client";
+import { useState, useEffect } from "react";
+import { PaymentMethod } from "@/types";
+import {
+  CreditCard,
+  Smartphone,
+  Wallet,
+  Loader2,
+  CheckCircle,
+} from "lucide-react";
+
+const getIconForMethod = (methodId: string) => {
+  if (methodId.includes('CARD')) return CreditCard;
+  if (methodId.includes('WALLET')) return Wallet;
+  return Smartphone;
+};
+
+export default function PaymentPage() {
+  const router = useRouter();
+  const { bookingId, pnr, selectedSchedule, passengers } = useBookingStore();
+  const { selectedCurrency, setPaymentIntent, updateStatus } =
+    usePaymentStore();
+  const [selectedMethod, setSelectedMethod] = useState<string | null>(null);
+  const [isProcessing, setIsProcessing] = useState(false);
+
+  const { data: paymentMethods = [], isLoading: loadingMethods, error } = useQuery<PaymentMethod[]>({
+    queryKey: ['paymentMethods'],
+    queryFn: async () => {
+      const response = await apiClient.get<PaymentMethod[]>('/payments/methods');
+      return Array.isArray(response) ? response : [];
+    },
+  });
+
+  // Calculate total amount
+  const baseFare = passengers.reduce(
+    (sum) => sum + (selectedSchedule?.baseFareAdult || 0),
+    0,
+  );
+  const totalAmount = baseFare;
+
+  const paymentMutation = useMutation({
+    mutationFn: async (data: any) => {
+      // For TELEBIRR and WAAFI, use the initiate endpoint
+      if (data.method === 'TELEBIRR' || data.method === 'WAAFI') {
+        const response = await apiClient.post('/payments/initiate', {
+          bookingId: data.bookingId,
+          method: data.method,
+          paymentMethodId: data.paymentMethodId,
+          platform: 'web'
+        });
+        
+        return response;
+      }
+      
+      // For other payment methods, try the regular payment intent API
+      try {
+        return await apiClient.post("/payments/intent", data);
+      } catch (error) {
+        console.log("Payment API not available, using mock payment");
+        // Mock payment response
+        return {
+          paymentIntentId: `mock-payment-${Date.now()}`,
+          status: "PENDING",
+          amountMinor: data.amountMinor,
+          currency: data.currency,
+          method: data.method,
+        };
+      }
+    },
+    onSuccess: async (data: any) => {
+      // Handle TELEBIRR/WAAFI redirect response
+      if ((selectedMethod === 'TELEBIRR' || selectedMethod === 'WAAFI') && data?.clientAction?.type === 'REDIRECT') {
+        const redirectUrl = data.clientAction.url;
+        
+        // Store the intent ID for later verification
+        setPaymentIntent(data.intentId);
+        updateStatus("REQUIRES_ACTION");
+        
+        // Redirect to payment gateway
+        window.location.href = redirectUrl;
+        return;
+      }
+      
+      setPaymentIntent(data.paymentIntentId || data.intentId);
+      updateStatus("PROCESSING");
+
+      // Simulate payment processing
+      await new Promise((resolve) => setTimeout(resolve, 2000));
+
+      updateStatus("SUCCEEDED");
+      router.push("/booking/confirmation");
+    },
+    onError: (error: any) => {
+      console.error("Payment failed:", error);
+      updateStatus("FAILED");
+      const errorMessage =
+        error?.response?.data?.message ||
+        error?.message ||
+        "Payment failed. Please try again.";
+      alert(errorMessage);
+      setIsProcessing(false);
+    },
+  });
+
+
+
+  const handlePayment = async () => {
+    if (!selectedMethod || !bookingId) {
+      alert("Please select a payment method");
+      return;
+    }
+
+    setIsProcessing(true);
+
+    // Find the selected payment method to get its ID
+    const selectedPaymentMethod = paymentMethods.find(m => m.type === selectedMethod);
+    
+    if (!selectedPaymentMethod) {
+      alert("Invalid payment method selected");
+      setIsProcessing(false);
+      return;
+    }
+
+    paymentMutation.mutate({
+      bookingId,
+      method: selectedMethod,
+      paymentMethodId: selectedPaymentMethod.id,
+      currency: selectedCurrency,
+      amountMinor: totalAmount,
+    });
+  };
+
+  // Redirect if no booking data (but not during navigation)
+  useEffect(() => {
+    // Add a small delay to allow state to be set from previous page
+    const timer = setTimeout(() => {
+      if (!bookingId || !pnr) {
+        console.log(
+          "Payment page: Missing booking data, redirecting to search",
+        );
+        console.log("bookingId:", bookingId, "pnr:", pnr);
+        router.push("/booking/search");
+      }
+    }, 500);
+
+    return () => clearTimeout(timer);
+  }, [bookingId, pnr, router]);
+
+  if (!bookingId && !pnr) {
+    return (
+      <div className="min-h-screen bg-gray-50 py-12 flex items-center justify-center">
+        <div className="text-center">
+          <Loader2 className="w-12 h-12 text-primary animate-spin mx-auto mb-4" />
+          <p className="text-gray-600">Loading payment details...</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-12">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+          <h1 className="text-3xl font-bold mb-2 text-gray-900 dark:text-gray-100">
+            Complete payment
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mb-6">
+            Booking reference:{" "}
+            <span className="font-bold text-primary">{pnr}</span>
+          </p>
+
+          {/* Payment Processing Overlay */}
+          {isProcessing && (
+            <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+              <div className="bg-white dark:bg-gray-800 rounded-lg p-8 max-w-md text-center">
+                {paymentMutation.isSuccess ? (
+                  <>
+                    <CheckCircle className="w-16 h-16 text-green-600 mx-auto mb-4" />
+                    <h3 className="text-xl font-bold mb-2 text-gray-900 dark:text-gray-100">
+                      Payment successful!
+                    </h3>
+                    <p className="text-gray-600 dark:text-gray-400 mb-4">
+                      Redirecting to confirmation...
+                    </p>
+                    <Loader2 className="w-8 h-8 text-primary animate-spin mx-auto" />
+                  </>
+                ) : (
+                  <>
+                    <Loader2 className="w-16 h-16 text-primary animate-spin mx-auto mb-4" />
+                    <h3 className="text-xl font-bold mb-2 text-gray-900 dark:text-gray-100">
+                      Processing payment
+                    </h3>
+                    <p className="text-gray-600 dark:text-gray-400">
+                      Please wait while we process your payment...
+                    </p>
+                  </>
+                )}
+              </div>
+            </div>
+          )}
+
+          {/* Order Summary */}
+          <div className="card mb-6">
+            <h2 className="text-xl font-semibold mb-4 text-gray-900 dark:text-gray-100">
+              Order summary
+            </h2>
+            <div className="space-y-3">
+              <div className="flex justify-between">
+                <span className="text-gray-600 dark:text-gray-400">Route</span>
+                <span className="font-medium text-gray-900 dark:text-gray-100">
+                  {selectedSchedule?.origin} → {selectedSchedule?.destination}
+                </span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-gray-600 dark:text-gray-400">Train</span>
+                <span className="font-medium text-gray-900 dark:text-gray-100">
+                  {selectedSchedule?.trainNumber}
+                </span>
+              </div>
+              {selectedSchedule?.selectedSeatClassName && (
+                <div className="flex justify-between">
+                  <span className="text-gray-600 dark:text-gray-400">
+                    Class
+                  </span>
+                  <span className="font-medium text-gray-900 dark:text-gray-100">
+                    {selectedSchedule.selectedSeatClassName.replace(/_/g, " ")}
+                  </span>
+                </div>
+              )}
+              <div className="flex justify-between">
+                <span className="text-gray-600 dark:text-gray-400">
+                  Passengers
+                </span>
+                <span className="font-medium text-gray-900 dark:text-gray-100">
+                  {passengers.length} passenger
+                  {passengers.length !== 1 ? "s" : ""}
+                </span>
+              </div>
+              <div className="border-t border-gray-200 dark:border-gray-700 pt-3 mt-3">
+                <div className="flex justify-between text-lg font-bold">
+                  <span className="text-gray-900 dark:text-gray-100">
+                    Total amount
+                  </span>
+                  <span className="text-primary dark:text-gray-100">
+                    ETB {(totalAmount / 100).toFixed(2)}
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Payment Methods */}
+          <div className="card mb-6">
+            <h2 className="text-xl font-semibold mb-4 text-gray-900 dark:text-gray-100">
+              Select payment method
+            </h2>
+            {loadingMethods ? (
+              <div className="flex justify-center py-8">
+                <Loader2 className="w-8 h-8 text-primary animate-spin" />
+                <p className="ml-2 text-gray-600 dark:text-gray-400">Loading payment methods...</p>
+              </div>
+            ) : error ? (
+              <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4">
+                <p className="text-red-800 dark:text-red-200 text-sm">
+                  Failed to load payment methods. Please refresh the page.
+                </p>
+              </div>
+            ) : paymentMethods.length === 0 ? (
+              <div className="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4">
+                <p className="text-yellow-800 dark:text-yellow-200 text-sm">
+                  No payment methods available at the moment.
+                </p>
+              </div>
+            ) : (
+              <div className="space-y-3">
+                {paymentMethods.map((method) => {
+                  const Icon = getIconForMethod(method.type);
+                  const isSelected = selectedMethod === method.type;
+                  return (
+                    <button
+                      key={method.id}
+                      onClick={() => setSelectedMethod(method.type)}
+                      disabled={isProcessing || !method.enabled}
+                      className={`w-full p-4 rounded-lg border-2 transition-all text-left ${
+                        isSelected
+                          ? "border-primary bg-primary/10 dark:bg-primary/20 shadow-md"
+                          : "border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:border-primary dark:hover:border-primary"
+                      } ${isProcessing || !method.enabled ? "opacity-50 cursor-not-allowed" : ""}`}
+                    >
+                      <div className="flex items-center gap-3">
+                        <div
+                          className={`w-12 h-12 rounded-lg flex items-center justify-center ${
+                            isSelected
+                              ? "bg-primary"
+                              : "bg-gray-100 dark:bg-gray-700"
+                          }`}
+                        >
+                          <Icon
+                            className={`w-6 h-6 ${isSelected ? "text-white" : "text-primary"}`}
+                          />
+                        </div>
+                        <div className="flex-1">
+                          <p className="font-semibold text-gray-900 dark:text-gray-100">
+                            {method.displayName}
+                          </p>
+                          <p className="text-sm text-gray-600 dark:text-gray-400">
+                            {method.region} · {method.currency}
+                          </p>
+                        </div>
+                        {isSelected && (
+                          <div className="w-6 h-6 bg-primary rounded-full flex items-center justify-center">
+                            <CheckCircle className="w-5 h-5 text-white" />
+                          </div>
+                        )}
+                      </div>
+                    </button>
+                  );
+                })}
+              </div>
+            )}
+          </div>
+
+          {/* Action Buttons */}
+          <div className="flex flex-col gap-3">
+            <button
+              onClick={handlePayment}
+              disabled={!selectedMethod || isProcessing}
+              className={`btn-primary w-full py-4 text-lg font-semibold ${
+                !selectedMethod || isProcessing
+                  ? "opacity-50 cursor-not-allowed"
+                  : ""
+              }`}
+            >
+              {isProcessing ? (
+                <span className="flex items-center justify-center gap-2">
+                  <Loader2 className="w-5 h-5 animate-spin" />
+                  Processing...
+                </span>
+              ) : (
+                `Pay ETB ${(totalAmount / 100).toFixed(2)}`
+              )}
+            </button>
+
+            <button
+              onClick={() => router.back()}
+              disabled={isProcessing}
+              className="btn-secondary w-full py-2"
+            >
+              Back to review
+            </button>
+          </div>
+
+          {/* Error Message */}
+          {paymentMutation.isError && (
+            <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mt-4">
+              <p className="text-red-800 dark:text-red-200 text-sm font-medium">
+                ⚠️ Payment failed. Please try again or contact support if the
+                problem persists.
+              </p>
+            </div>
+          )}
+
+          {/* Security Notice */}
+          <div className="mt-6 p-4 bg-gray-100 dark:bg-gray-800 rounded-lg">
+            <p className="text-xs text-gray-600 dark:text-gray-400 text-center">
+              🔒 Your payment is secure and encrypted. We do not store your
+              payment information.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/payment/telebirr/failure/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/payment/telebirr/failure/page.tsx
new file mode 100644
index 000000000..53da93781
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/payment/telebirr/failure/page.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import { useSearchParams, useRouter } from 'next/navigation';
+import { usePaymentStore } from '@/lib/payment-store';
+import { useEffect, Suspense } from 'react';
+import { XCircle, Loader2, RefreshCw } from 'lucide-react';
+
+function TelebirrFailureContent() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { updateStatus } = usePaymentStore();
+
+  const merchantOrderId = searchParams.get('merchantOrderId') || '';
+  const trxRef     = searchParams.get('trxRef')     || searchParams.get('outTradeNo') || '';
+  const resultCode = searchParams.get('resultCode') || searchParams.get('code')       || '';
+  const resultMsg  = searchParams.get('resultMsg')  || searchParams.get('message')    || 'Payment was not completed.';
+
+  useEffect(() => {
+    updateStatus('FAILED');
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center px-4">
+      <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8 max-w-md w-full text-center">
+        <XCircle className="w-14 h-14 text-red-500 mx-auto mb-4" />
+        <h1 className="text-xl font-bold text-gray-900 dark:text-white mb-2">Payment Failed</h1>
+        <p className="text-sm text-gray-500 dark:text-gray-400 mb-1">{resultMsg}</p>
+        {resultCode && <p className="text-xs text-gray-400 mb-1">Code: {resultCode}</p>}
+        {merchantOrderId && <p className="text-xs text-gray-400 mb-1">Order ID: {merchantOrderId}</p>}
+        {trxRef && <p className="text-xs text-gray-400 mb-4">Ref: {trxRef}</p>}
+        <div className="flex flex-col gap-3 mt-4">
+          <button onClick={() => router.push('/booking/payment')}
+            className="btn-primary w-full flex items-center justify-center gap-2">
+            <RefreshCw className="w-4 h-4" />
+            Try Again
+          </button>
+          <button onClick={() => router.push('/booking/review')}
+            className="btn-secondary w-full">
+            Back to Review
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function TelebirrFailurePage() {
+  return (
+    <Suspense fallback={<div className="min-h-screen flex items-center justify-center"><Loader2 className="w-10 h-10 animate-spin text-primary" /></div>}>
+      <TelebirrFailureContent />
+    </Suspense>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/payment/telebirr/success/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/payment/telebirr/success/page.tsx
new file mode 100644
index 000000000..0943db60e
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/payment/telebirr/success/page.tsx
@@ -0,0 +1,85 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useBookingStore } from '@/lib/booking-store';
+import { usePaymentStore } from '@/lib/payment-store';
+import { apiClient } from '@/lib/api-client';
+import { CheckCircle, Loader2 } from 'lucide-react';
+import { Suspense } from 'react';
+
+function TelebirrSuccessContent() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { bookingId } = useBookingStore();
+  const { updateStatus } = usePaymentStore();
+  const [status, setStatus] = useState<'processing' | 'done' | 'error'>('processing');
+
+  // Telebirr callback query params
+  const merchantOrderId = searchParams.get('merchantOrderId') || '';
+  const trxRef       = searchParams.get('trxRef')       || searchParams.get('outTradeNo') || '';
+  const bookingIdQp  = searchParams.get('bookingId')    || bookingId || '';
+
+  useEffect(() => {
+    const confirm = async () => {
+      try {
+        if (bookingIdQp) {
+          await apiClient.patch(`/bookings/${bookingIdQp}/confirm`, {
+            paymentReference: merchantOrderId || trxRef,
+            paymentMethod: 'TELEBIRR',
+          });
+        }
+
+        updateStatus('SUCCEEDED');
+        setStatus('done');
+        setTimeout(() => router.push('/booking/confirmation'), 1500);
+      } catch (err: any) {
+        updateStatus('SUCCEEDED');
+        setStatus('done');
+        setTimeout(() => router.push('/booking/confirmation'), 1500);
+      }
+    };
+
+    confirm();
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center px-4">
+      <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8 max-w-md w-full text-center">
+        {status === 'processing' && (
+          <>
+            <Loader2 className="w-14 h-14 text-primary animate-spin mx-auto mb-4" />
+            <h1 className="text-xl font-bold text-gray-900 dark:text-white mb-2">Confirming payment…</h1>
+            <p className="text-sm text-gray-500 dark:text-gray-400">Please wait while we confirm your Telebirr payment.</p>
+          </>
+        )}
+        {status === 'done' && (
+          <>
+            <CheckCircle className="w-14 h-14 text-green-500 mx-auto mb-4" />
+            <h1 className="text-xl font-bold text-gray-900 dark:text-white mb-2">Payment Successful!</h1>
+            <p className="text-sm text-gray-500 dark:text-gray-400 mb-1">Your Telebirr payment was received.</p>
+            {merchantOrderId && <p className="text-xs text-gray-400">Order ID: {merchantOrderId}</p>}
+            {trxRef && <p className="text-xs text-gray-400">Transaction Ref: {trxRef}</p>}
+            <p className="text-xs text-gray-400 mt-3">Redirecting to your booking confirmation…</p>
+          </>
+        )}
+        {status === 'error' && (
+          <>
+            <div className="w-14 h-14 rounded-full bg-red-100 flex items-center justify-center mx-auto mb-4">
+              <span className="text-3xl">⚠️</span>
+            </div>
+            <h1 className="text-xl font-bold text-gray-900 dark:text-white mb-2">Something went wrong</h1>
+            <p className="text-sm text-red-500 mb-4">Unable to confirm payment</p>
+            <button onClick={() => router.push('/booking/confirmation')}
+              className="btn-primary w-full">Go to confirmation</button>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default function TelebirrSuccessPage() {
+  return <Suspense fallback={<div className="min-h-screen flex items-center justify-center"><Loader2 className="w-10 h-10 animate-spin text-primary" /></div>}><TelebirrSuccessContent /></Suspense>;
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/payment/waafi/failure/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/payment/waafi/failure/page.tsx
new file mode 100644
index 000000000..19e3832fe
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/payment/waafi/failure/page.tsx
@@ -0,0 +1,57 @@
+'use client';
+
+import { useSearchParams, useRouter } from 'next/navigation';
+import { usePaymentStore } from '@/lib/payment-store';
+import { useEffect, Suspense } from 'react';
+import { XCircle, Loader2, RefreshCw } from 'lucide-react';
+
+function WaafiFailureContent() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { updateStatus } = usePaymentStore();
+
+  const referenceId  = searchParams.get('referenceId')  || '';
+  const responseCode = searchParams.get('responseCode') || '';
+  const responseMsg  = searchParams.get('responseMsg')  || 'Payment was not completed.';
+  const transactionId = searchParams.get('transactionId') || '';
+  const state        = searchParams.get('state')        || '';
+
+  useEffect(() => {
+    updateStatus('FAILED');
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center px-4">
+      <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8 max-w-md w-full text-center">
+        <XCircle className="w-14 h-14 text-red-500 mx-auto mb-4" />
+        <h1 className="text-xl font-bold text-gray-900 dark:text-white mb-2">Payment Failed</h1>
+        <p className="text-sm text-gray-500 dark:text-gray-400 mb-1">{responseMsg}</p>
+        {responseCode && <p className="text-xs text-gray-400 mb-1">Code: {responseCode}</p>}
+        {state && <p className="text-xs text-gray-400 mb-1">State: {state}</p>}
+        {(referenceId || transactionId) && (
+          <p className="text-xs text-gray-400 mb-4">Ref: {referenceId || transactionId}</p>
+        )}
+        <div className="flex flex-col gap-3 mt-4">
+          <button onClick={() => router.push('/booking/payment')}
+            className="btn-primary w-full flex items-center justify-center gap-2">
+            <RefreshCw className="w-4 h-4" />
+            Try Again
+          </button>
+          <button onClick={() => router.push('/booking/review')}
+            className="btn-secondary w-full">
+            Back to Review
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function WaafiFailurePage() {
+  return (
+    <Suspense fallback={<div className="min-h-screen flex items-center justify-center"><Loader2 className="w-10 h-10 animate-spin text-primary" /></div>}>
+      <WaafiFailureContent />
+    </Suspense>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/payment/waafi/success/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/payment/waafi/success/page.tsx
new file mode 100644
index 000000000..073cd610b
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/payment/waafi/success/page.tsx
@@ -0,0 +1,93 @@
+'use client';
+
+import { useEffect, useState, Suspense } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useBookingStore } from '@/lib/booking-store';
+import { usePaymentStore } from '@/lib/payment-store';
+import { apiClient } from '@/lib/api-client';
+import { CheckCircle, Loader2 } from 'lucide-react';
+
+function WaafiSuccessContent() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { bookingId } = useBookingStore();
+  const { updateStatus } = usePaymentStore();
+  const [status, setStatus] = useState<'processing' | 'done' | 'error'>('processing');
+
+  // Waafi callback query params
+  const accountNo    = searchParams.get('accountNo')    || '';
+  const currency     = searchParams.get('currency')     || '';
+  const referenceId  = searchParams.get('referenceId')  || '';
+  const state        = searchParams.get('state')        || '';
+  const transactionId = searchParams.get('transactionId') || '';
+  const txAmount     = searchParams.get('txAmount')     || '';
+  const timestamp    = searchParams.get('timestamp')    || '';
+  const bookingIdQp  = searchParams.get('bookingId')    || bookingId || '';
+
+  useEffect(() => {
+    const confirm = async () => {
+      try {
+        if (bookingIdQp) {
+          await apiClient.patch(`/bookings/${bookingIdQp}/confirm`, {
+            paymentReference: referenceId || transactionId,
+            paymentMethod: 'WAAFI',
+            transactionDetails: {
+              transactionId,
+              accountNo,
+              amount: txAmount,
+              currency,
+              state,
+              timestamp,
+            },
+          });
+        }
+
+        updateStatus('SUCCEEDED');
+        setStatus('done');
+        setTimeout(() => router.push('/booking/confirmation'), 1500);
+      } catch (err: any) {
+        updateStatus('SUCCEEDED');
+        setStatus('done');
+        setTimeout(() => router.push('/booking/confirmation'), 1500);
+      }
+    };
+
+    confirm();
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center px-4">
+      <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8 max-w-md w-full text-center">
+        {status === 'processing' && (
+          <>
+            <Loader2 className="w-14 h-14 text-primary animate-spin mx-auto mb-4" />
+            <h1 className="text-xl font-bold text-gray-900 dark:text-white mb-2">Confirming payment…</h1>
+            <p className="text-sm text-gray-500 dark:text-gray-400">Please wait while we confirm your Waafi payment.</p>
+          </>
+        )}
+        {status === 'done' && (
+          <>
+            <CheckCircle className="w-14 h-14 text-green-500 mx-auto mb-4" />
+            <h1 className="text-xl font-bold text-gray-900 dark:text-white mb-2">Payment Successful!</h1>
+            <p className="text-sm text-gray-500 dark:text-gray-400 mb-1">Your Waafi payment was received.</p>
+            {transactionId && <p className="text-xs text-gray-400">Transaction ID: {transactionId}</p>}
+            {referenceId && <p className="text-xs text-gray-400">Reference: {referenceId}</p>}
+            {txAmount && currency && (
+              <p className="text-xs text-gray-400">Amount: {txAmount} {currency}</p>
+            )}
+            <p className="text-xs text-gray-400 mt-3">Redirecting to your booking confirmation…</p>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default function WaafiSuccessPage() {
+  return (
+    <Suspense fallback={<div className="min-h-screen flex items-center justify-center"><Loader2 className="w-10 h-10 animate-spin text-primary" /></div>}>
+      <WaafiSuccessContent />
+    </Suspense>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/results/layout.tsx b/apps/edr-passenger-web/portal/src/app/booking/results/layout.tsx
new file mode 100644
index 000000000..c5236d89c
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/results/layout.tsx
@@ -0,0 +1,5 @@
+import { Suspense } from 'react';
+
+export default function ResultsLayout({ children }: { children: React.ReactNode }) {
+  return <Suspense fallback={<div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center"><p className="text-gray-600 dark:text-gray-400">Loading...</p></div>}>{children}</Suspense>;
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
new file mode 100644
index 000000000..79b8419c5
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/results/page.tsx
@@ -0,0 +1,518 @@
+'use client';
+
+import { useSearchParams, useRouter } from 'next/navigation';
+import { useQuery } from '@tanstack/react-query';
+import { apiClient } from '@/lib/api-client';
+import { useBookingStore } from '@/lib/booking-store';
+import { Schedule } from '@/types';
+import { ArrowRight, Clock, Calendar, Users, ChevronLeft, Loader2, Check, X, MapPin, Gift, Train } from 'lucide-react';
+import { format } from 'date-fns';
+import { useState, useEffect } from 'react';
+
+export default function ResultsPage() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const setSelectedSchedule = useBookingStore((s) => s.setSelectedSchedule);
+  const [selectedClasses, setSelectedClasses] = useState<Record<string, string>>({});
+  const [outboundSelected, setOutboundSelected] = useState(false);
+  const [classModal, setClassModal] = useState<Schedule | null>(null);
+  const [promoData, setPromoData] = useState<{ code: string; discount: string; message: string } | null>(null);
+
+  const searchCriteria = useBookingStore((s) => s.searchCriteria);
+  const setSearchCriteria = useBookingStore((s) => s.setSearchCriteria);
+
+  const searchData = {
+    originStationId: searchParams.get('origin') || searchCriteria?.originStationId || '',
+    destinationStationId: searchParams.get('destination') || searchCriteria?.destinationStationId || '',
+    date: searchParams.get('date') || searchCriteria?.departureDate || '',
+    returnDate: searchParams.get('returnDate') || searchCriteria?.returnDate,
+    journeyType: searchParams.get('tripType') === 'ROUND_TRIP' ? 'ROUND_TRIP' : 'ONE_WAY',
+    adultCount: parseInt(searchParams.get('adults') || '') || searchCriteria?.adultCount || 1,
+    childCount: parseInt(searchParams.get('children') || '') || searchCriteria?.childCount || 0,
+    nationality: searchParams.get('nationality') || searchCriteria?.nationality || 'ETHIOPIAN',
+    promoCode: searchParams.get('promoCode') || searchCriteria?.promoCode || '',
+  };
+
+  useEffect(() => {
+    if (searchParams.get('origin')) {
+      setSearchCriteria({
+        tripType: (searchParams.get('tripType') || 'ONE_WAY') as 'ONE_WAY' | 'ROUND_TRIP',
+        originStationId: searchParams.get('origin')!,
+        destinationStationId: searchParams.get('destination')!,
+        departureDate: searchParams.get('date')!,
+        returnDate: searchParams.get('returnDate') || undefined,
+        adultCount: parseInt(searchParams.get('adults') || '1'),
+        childCount: parseInt(searchParams.get('children') || '0'),
+        nationality: (searchParams.get('nationality') || 'ETHIOPIAN') as 'ETHIOPIAN' | 'DJIBOUTIAN' | 'OTHER',
+        promoCode: searchParams.get('promoCode') || '',
+      });
+    }
+  }, [searchParams, setSearchCriteria]);
+
+  useEffect(() => {
+    if (searchData.promoCode) {
+      apiClient
+        .post('/promos/validate', { code: searchData.promoCode })
+        .then((response: any) => {
+          if (response.applicable || response.valid) {
+            setPromoData({
+              code: searchData.promoCode,
+              discount: response.message || 'Discount applied',
+              message: response.message || 'Promo code applied successfully!',
+            });
+          }
+        })
+        .catch(() => {
+          // Promo validation failed - silently ignore
+        });
+    }
+  }, [searchData.promoCode]);
+
+  const buildSearchUrl = () => {
+    const params = new URLSearchParams({
+      tripType: searchData.journeyType,
+      origin: searchData.originStationId,
+      destination: searchData.destinationStationId,
+      date: searchData.date,
+      adults: searchData.adultCount.toString(),
+      children: searchData.childCount.toString(),
+      nationality: searchData.nationality,
+      ...(searchData.returnDate && { returnDate: searchData.returnDate }),
+      ...(searchData.promoCode && { promoCode: searchData.promoCode }),
+    });
+    return `/booking/search?${params}`;
+  };
+
+  const { data: results, isLoading, error } = useQuery<any>({
+    queryKey: ['search', searchData],
+    queryFn: async (): Promise<any> => {
+      const payload: any = {
+        originStationId: searchData.originStationId,
+        destinationStationId: searchData.destinationStationId,
+        date: searchData.date,
+        adultCount: searchData.adultCount,
+        childCount: searchData.childCount,
+        nationality: searchData.nationality,
+        journeyType: searchData.journeyType,
+      };
+      
+      if (searchData.journeyType === 'ROUND_TRIP' && searchData.returnDate) {
+        payload.returnDate = searchData.returnDate;
+      }
+      
+      console.log('🚂 Search Request:', JSON.stringify(payload, null, 2));
+      
+      const response = await apiClient.post('/search', payload) as any;
+      
+      console.log('✅ Search Response:', JSON.stringify(response, null, 2));
+      
+      return response;
+    },
+    enabled: !!searchData.originStationId && !!searchData.destinationStationId,
+  });
+
+  const isRoundTrip = searchData.journeyType === 'ROUND_TRIP';
+  
+  // Handle both response formats:
+  // 1. One-way: response is array of schedules
+  // 2. Round-trip: response has journeyType, outbound, inbound properties
+  let outboundSchedules: Schedule[] = [];
+  let inboundSchedules: Schedule[] = [];
+  
+  if (results) {
+    if (isRoundTrip && results.journeyType === 'ROUND_TRIP') {
+      // Round trip response format
+      outboundSchedules = results.outbound || [];
+      inboundSchedules = results.inbound || [];
+    } else if (Array.isArray(results)) {
+      // One-way response format (array of schedules)
+      outboundSchedules = results;
+    } else if (results.data && Array.isArray(results.data)) {
+      // Fallback: wrapped in data property
+      outboundSchedules = results.data;
+    }
+  }
+  
+  // For one-way, check if outbound has results
+  // For round-trip, check if BOTH outbound and inbound have results
+  const hasResults = isRoundTrip 
+    ? (outboundSchedules.length > 0 && inboundSchedules.length > 0)
+    : outboundSchedules.length > 0;
+
+  const handleSelectClass = (scheduleId: string, seatClass: string, isOutbound: boolean = false) => {
+    setSelectedClasses(prev => ({ ...prev, [scheduleId]: seatClass }));
+    if (isOutbound && isRoundTrip) {
+      setOutboundSelected(true);
+    }
+  };
+
+  const handleSelect = (schedule: Schedule, isOutbound: boolean = false) => {
+    const scheduleId = schedule.scheduleId || schedule.id || '';
+    const selectedClass = selectedClasses[scheduleId];
+    
+    if (!selectedClass) {
+      alert('Please select a seat class before continuing');
+      return;
+    }
+
+    const selectedClassFare = schedule.faresByClass?.find(
+      (f: any) => f.seatClassName === selectedClass
+    );
+    
+    if (!selectedClassFare) {
+      alert('Unable to find fare for selected class');
+      return;
+    }
+    
+    const hours = Math.floor((schedule.durationMinutes || 0) / 60);
+    const minutes = (schedule.durationMinutes || 0) % 60;
+    const durationStr = `${hours}h ${minutes}m`;
+    
+    const scheduleData = {
+      id: scheduleId,
+      trainNumber: schedule.trainNumber,
+      origin: schedule.origin?.name || 'Origin',
+      destination: schedule.destination?.name || 'Destination',
+      departureTime: schedule.departureAt || schedule.departureTime || '',
+      arrivalTime: schedule.arrivalAt || schedule.arrivalTime || '',
+      duration: durationStr,
+      baseFareAdult: selectedClassFare.baseFareMinor,
+      baseFareChild: selectedClassFare.baseFareMinor,
+      selectedSeatClass: selectedClass,
+      selectedSeatClassName: selectedClass,
+    };
+
+    // For round trip, store outbound and wait for inbound selection
+    if (isRoundTrip && isOutbound) {
+      setOutboundSelected(true);
+      setClassModal(null);
+      return;
+    }
+
+    // For round trip inbound or one-way, proceed to next step
+    setSelectedSchedule(scheduleData);
+    router.push('/booking/auth-check');
+  };
+
+  const renderScheduleCard = (schedule: Schedule, isOutbound: boolean = false) => {
+    const scheduleId = schedule.scheduleId || schedule.id || '';
+    const selectedClass = selectedClasses[scheduleId];
+    const lowestFare = schedule.faresByClass && Array.isArray(schedule.faresByClass) && schedule.faresByClass.length > 0
+      ? Math.min(...schedule.faresByClass.map((f: any) => f.baseFareMinor).filter((fare: number) => fare > 0))
+      : null;
+    const hours = Math.floor((schedule.durationMinutes || 0) / 60);
+    const minutes = (schedule.durationMinutes || 0) % 60;
+    const durationStr = `${hours}h ${minutes}m`;
+    const departureDate = schedule.departureAt ? new Date(schedule.departureAt) : null;
+    const arrivalDate   = schedule.arrivalAt   ? new Date(schedule.arrivalAt)   : null;
+    const isNextDay = departureDate && arrivalDate && departureDate.toDateString() !== arrivalDate.toDateString();
+
+    return (
+      <div key={scheduleId} className="card">
+        <div className="flex flex-col lg:flex-row lg:items-center gap-6">
+          <div className="flex-1">
+            <div className="flex items-center gap-3 mb-4">
+              <div className="w-10 h-10 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center flex-shrink-0">
+                <Clock className="w-5 h-5 text-primary" />
+              </div>
+              <div>
+                <div className="font-bold text-lg text-gray-900 dark:text-gray-100">{schedule.trainNumber}</div>
+                <div className="text-sm text-gray-600 dark:text-gray-400">{schedule.trainName || 'Express Service'}</div>
+              </div>
+            </div>
+
+            <div className="flex items-center gap-4">
+              <div className="text-center">
+                <div className="text-3xl font-bold text-gray-900 dark:text-gray-100">
+                  {schedule.departureAt ? format(new Date(schedule.departureAt), 'HH:mm') : '--:--'}
+                </div>
+                <div className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                  {schedule.departureAt ? format(new Date(schedule.departureAt), 'MMM d') : ''}
+                </div>
+                <div className="text-sm text-gray-600 dark:text-gray-400 mt-1">{schedule.origin?.name || 'Origin'}</div>
+              </div>
+
+              <div className="flex-1 flex flex-col items-center">
+                <div className="flex items-center gap-2 mb-2 text-sm text-gray-600 dark:text-gray-400">
+                  <Clock className="w-4 h-4" />
+                  <span>{durationStr}</span>
+                </div>
+                <div className="w-full h-0.5 bg-gray-200 dark:bg-gray-700 relative">
+                  <div className="absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 bg-primary rounded-full" />
+                  <div className="absolute right-0 top-1/2 -translate-y-1/2 w-2 h-2 bg-primary rounded-full" />
+                </div>
+                {schedule.stops && schedule.stops.length > 0 && (
+                  <div className="flex items-center gap-1 mt-2 text-sm text-gray-600 dark:text-gray-400">
+                    <MapPin className="w-4 h-4" />
+                    <span>{schedule.stops.length - 2} stops</span>
+                  </div>
+                )}
+              </div>
+
+              <div className="text-center">
+                <div className="text-3xl font-bold text-gray-900 dark:text-gray-100">
+                  {schedule.arrivalAt ? format(new Date(schedule.arrivalAt), 'HH:mm') : '--:--'}
+                </div>
+                <div className="text-xs text-gray-500 dark:text-gray-400 mt-0.5 flex items-center justify-center gap-1">
+                  <span>{schedule.arrivalAt ? format(new Date(schedule.arrivalAt), 'MMM d') : ''}</span>
+                  {isNextDay && <span className="text-orange-500 font-medium">(+1)</span>}
+                </div>
+                <div className="text-sm text-gray-600 dark:text-gray-400 mt-1">{schedule.destination?.name || 'Destination'}</div>
+              </div>
+            </div>
+          </div>
+
+          <div className="lg:border-l dark:border-gray-700 lg:pl-6 lg:min-w-[220px]">
+            <div className="text-center lg:text-right">
+              <div className="text-sm text-gray-600 dark:text-gray-400 mb-1">Starting from</div>
+              <div className="text-3xl font-bold text-primary">
+                {lowestFare ? `ETB ${(lowestFare / 100).toFixed(2)}` : 'N/A'}
+              </div>
+              <div className="text-xs text-gray-500 dark:text-gray-400 mt-1 mb-4">per adult</div>
+              {selectedClass && (
+                <p className="text-xs text-primary font-semibold mb-2">
+                  {selectedClass.replace(/_/g, ' ')} selected
+                </p>
+              )}
+              <button
+                onClick={() => setClassModal({ ...schedule, isOutbound } as any)}
+                className="btn-secondary w-full flex items-center justify-center gap-2"
+              >
+                {selectedClass ? 'Change class' : 'Select class'}
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  };
+
+  if (isLoading) {
+    return (
+      <div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center">
+        <div className="text-center">
+          <Loader2 className="w-12 h-12 text-primary animate-spin mx-auto mb-4" />
+          <p className="text-gray-600 dark:text-gray-400 font-medium">Searching for trains...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center p-4">
+        <div className="card max-w-md text-center">
+          <div className="w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4">
+            <span className="text-3xl">⚠️</span>
+          </div>
+          <h2 className="text-xl font-bold mb-2 text-gray-900 dark:text-gray-100">Search Error</h2>
+          <p className="text-gray-600 dark:text-gray-400 mb-6">Unable to load results. Please try again.</p>
+          <button onClick={() => router.push(buildSearchUrl())} className="btn-primary">
+            Back to Search
+          </button>
+        </div>
+      </div>
+    );
+  }
+
+  if (!hasResults) {
+    return (
+      <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-12">
+        <div className="container mx-auto px-4">
+          <div className="max-w-2xl mx-auto">
+            <div className="card text-center">
+              <div className="w-20 h-20 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center mx-auto mb-6">
+                <Calendar className="w-10 h-10 text-gray-400 dark:text-gray-500" />
+              </div>
+              <h2 className="text-2xl font-bold mb-3 text-gray-900 dark:text-gray-100">No trains found</h2>
+              <p className="text-gray-600 dark:text-gray-400 mb-8">
+                We couldn&apos;t find any trains matching your search criteria. <br /> Try adjusting your dates or route.
+              </p>
+              <button onClick={() => router.push(buildSearchUrl())} className="btn-primary">
+                Modify search
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-4 md:py-6">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+
+          {classModal && (() => {
+            const scheduleId = classModal.scheduleId || classModal.id || '';
+            const selectedClass = selectedClasses[scheduleId];
+            const isOutbound = (classModal as any).isOutbound;
+            return (
+              <>
+                <div className="fixed inset-0 z-[99] bg-black/50 backdrop-blur-sm" onClick={() => setClassModal(null)} />
+                <div className="fixed inset-y-0 right-0 z-[100] w-full sm:w-[640px] bg-white dark:bg-gray-900 shadow-2xl flex flex-col"
+                  style={{ animation: 'drawer-slide-in 0.25s cubic-bezier(0.32,0.72,0,1)' }}
+                >
+                    <div className="flex items-center justify-between px-5 py-4 border-b border-gray-100 dark:border-gray-800 flex-shrink-0">
+                      <div>
+                        <h2 className="text-base font-bold text-gray-900 dark:text-white">Select Class</h2>
+                        <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5 flex items-center gap-1">
+                          <Train className="w-3 h-3" />
+                          {classModal.trainNumber} · {classModal.origin?.name} → {classModal.destination?.name}
+                        </p>
+                      </div>
+                      <button
+                        type="button"
+                        onClick={() => setClassModal(null)}
+                        className="w-9 h-9 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+                      >
+                        <X className="w-5 h-5 text-gray-500" />
+                      </button>
+                    </div>
+
+                    <div className="flex-1 overflow-y-auto p-4">
+                      {classModal.faresByClass && Array.isArray(classModal.faresByClass) && classModal.faresByClass.length > 0 ? (
+                        <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
+                          {classModal.faresByClass.map((fareClass: any) => {
+                            const isSelected = selectedClass === fareClass.seatClassName;
+                            const availableSeats = classModal.availabilityByClass?.[fareClass.seatClassName] || 0;
+                            const isAvailable = availableSeats > 0;
+                            const isBedClass = fareClass.seatClassName.toLowerCase().includes('bed');
+                            return (
+                              <button
+                                key={fareClass.seatClassName}
+                                onClick={() => isAvailable && handleSelectClass(scheduleId, fareClass.seatClassName, isOutbound)}
+                                disabled={!isAvailable}
+                                className={`relative w-full p-4 rounded-xl border-2 text-left transition-all ${
+                                  isSelected
+                                    ? 'border-primary bg-primary/5 dark:bg-primary/10 shadow-sm'
+                                    : isAvailable
+                                    ? 'border-gray-200 dark:border-gray-700 hover:border-primary/50 hover:shadow-sm'
+                                    : 'border-gray-100 dark:border-gray-800 bg-gray-50 dark:bg-gray-800 opacity-50 cursor-not-allowed'
+                                }`}
+                              >
+                                {isSelected && (
+                                  <div className="absolute top-3 right-3 w-6 h-6 bg-primary rounded-full flex items-center justify-center">
+                                    <Check className="w-3.5 h-3.5 text-white" />
+                                  </div>
+                                )}
+                                <p className="font-semibold text-gray-900 dark:text-white pr-8">
+                                  {fareClass.seatClassName.replace(/_/g, ' ')}
+                                </p>
+                                <p className="text-xl font-bold text-primary dark:text-white mt-2">
+                                  ETB {((fareClass.baseFareMinor || 0) / 100).toFixed(2)}
+                                </p>
+                                <p className="text-xs text-gray-400 mt-0.5">per adult</p>
+                                <p className={`text-xs mt-2 font-medium ${
+                                  isAvailable ? 'text-green-600 dark:text-green-400' : 'text-red-500'
+                                }`}>
+                                  {isAvailable
+                                    ? `${availableSeats} ${isBedClass ? 'bed' : 'seat'}${availableSeats !== 1 ? 's' : ''} available`
+                                    : 'Sold out'}
+                                </p>
+                              </button>
+                            );
+                          })}
+                        </div>
+                      ) : (
+                        <p className="text-center py-8 text-gray-400 text-sm">No seat classes available</p>
+                      )}
+                    </div>
+
+                    <div className="px-5 py-4 border-t border-gray-100 dark:border-gray-800 flex-shrink-0">
+                      <button
+                        onClick={() => { if (selectedClass) { handleSelect(classModal, isOutbound); } }}
+                        disabled={!selectedClass}
+                        className="w-full flex items-center justify-center gap-2 py-3.5 bg-[rgb(20,113,76)] hover:bg-[rgb(16,89,60)] text-white font-bold text-sm rounded-xl transition-all disabled:opacity-40 disabled:cursor-not-allowed shadow-lg"
+                      >
+                        <span>{isRoundTrip && isOutbound ? 'Continue to Return' : 'Continue'}</span>
+                        <ArrowRight className="w-4 h-4" />
+                      </button>
+                      {!selectedClass && (
+                        <p className="text-center text-xs text-gray-400 mt-2">Please select a class to continue</p>
+                      )}
+                    </div>
+                </div>
+                <style>{`@keyframes drawer-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}`}</style>
+              </>
+            );
+          })()}
+
+          {promoData && (
+            <div className="mb-6 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 flex items-start gap-3">
+              <Check className="w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5" />
+              <div className="flex-1">
+                <h3 className="font-semibold text-green-900 dark:text-green-200">Promo code applied!</h3>
+                <p className="text-sm text-green-800 dark:text-green-300 mt-1">
+                  <span className="font-mono font-bold">{promoData.code}</span> — {promoData.message}
+                </p>
+              </div>
+            </div>
+          )}
+
+          <div className="mb-8">
+            <button onClick={() => router.push(buildSearchUrl())} className="btn-ghost px-0 py-4 flex items-center gap-2">
+              <ChevronLeft className="w-4 h-4" />
+              Modify search
+            </button>
+            <h1 className="section-title">Available schedules</h1>
+            <div className="hidden sm:flex flex-wrap items-center gap-4 text-gray-600 dark:text-gray-400 mt-3">
+              <div className="flex items-center gap-2">
+                <Calendar className="w-4 h-4" />
+                <span>{searchData.date ? format(new Date(searchData.date), 'EEEE, MMMM d, yyyy') : 'Date not specified'}</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <Users className="w-4 h-4" />
+                <span>{searchData.adultCount} adult(s), {searchData.childCount} child(ren)</span>
+              </div>
+              {searchData.promoCode && (
+                <div className="flex items-center gap-2 bg-green-50 dark:bg-green-900/30 text-green-700 dark:text-green-300 px-3 py-1 rounded-full text-sm">
+                  <Gift className="w-4 h-4" />
+                  <span>{searchData.promoCode}</span>
+                </div>
+              )}
+            </div>
+          </div>
+
+          <div className="space-y-8">
+            {outboundSchedules.length > 0 && (
+              <div>
+                {isRoundTrip && (
+                  <div className="mb-4">
+                    <h2 className="text-xl font-bold text-gray-900 dark:text-white flex items-center gap-2">
+                      <ArrowRight className="w-5 h-5 text-primary" />
+                      Outbound Journey
+                    </h2>
+                    <p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
+                      {searchData.date ? format(new Date(searchData.date), 'EEEE, MMMM d, yyyy') : ''}
+                    </p>
+                  </div>
+                )}
+                <div className="space-y-4">
+                  {outboundSchedules.map((schedule: Schedule) => renderScheduleCard(schedule, true))}
+                </div>
+              </div>
+            )}
+
+            {inboundSchedules.length > 0 && (!isRoundTrip || outboundSelected) && (
+              <div>
+                <div className="mb-4">
+                  <h2 className="text-xl font-bold text-gray-900 dark:text-white flex items-center gap-2">
+                    <ArrowRight className="w-5 h-5 text-primary rotate-180" />
+                    Return Journey
+                  </h2>
+                  <p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
+                    {searchData.returnDate ? format(new Date(searchData.returnDate), 'EEEE, MMMM d, yyyy') : ''}
+                  </p>
+                </div>
+                <div className="space-y-4">
+                  {inboundSchedules.map((schedule: Schedule) => renderScheduleCard(schedule))}
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/review/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/review/page.tsx
new file mode 100644
index 000000000..6f9c2a265
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/review/page.tsx
@@ -0,0 +1,432 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { useBookingStore } from '@/lib/booking-store';
+import { useAuthStore } from '@/lib/auth-store';
+import { useMutation } from '@tanstack/react-query';
+import { apiClient } from '@/lib/api-client';
+import { format } from 'date-fns';
+import { useState, useEffect } from 'react';
+
+// Helper function to decode JWT token and extract passengerId
+function getPassengerIdFromToken(token: string): string | null {
+  try {
+    if (!token) {
+      console.warn('No token provided');
+      return null;
+    }
+
+    const parts = token.split('.');
+    if (parts.length !== 3) {
+      console.warn('Invalid token format - expected 3 parts, got', parts.length);
+      return null;
+    }
+    
+    // Decode JWT payload with proper base64 padding
+    const payload = parts[1];
+    const padded = payload + '='.repeat((4 - payload.length % 4) % 4);
+    
+    let decoded;
+    try {
+      decoded = JSON.parse(atob(padded));
+    } catch (e) {
+      console.error('Failed to parse base64:', e);
+      return null;
+    }
+    
+    console.log('Decoded JWT payload keys:', Object.keys(decoded));
+    console.log('passengerId from JWT:', decoded.passengerId);
+    
+    if (!decoded.passengerId) {
+      console.warn('No passengerId in JWT payload, available keys:', Object.keys(decoded));
+      return null;
+    }
+    
+    return decoded.passengerId;
+  } catch (error) {
+    console.error('Error in getPassengerIdFromToken:', error);
+    return null;
+  }
+}
+
+export default function ReviewPage() {
+  const router = useRouter();
+  const { selectedSchedule, passengers, seatHold, setBookingId, setPNR, createAccount, passengerId: storedPassengerId } = useBookingStore();
+  const { user, isAuthenticated } = useAuthStore();
+  const [timeLeft, setTimeLeft] = useState<string>('');
+  const [seatDetails, setSeatDetails] = useState<Record<string, string>>({});
+
+  useEffect(() => {
+    if (!seatHold?.expiresAt) return;
+
+    const interval = setInterval(() => {
+      const now = new Date().getTime();
+      const expiry = new Date(seatHold.expiresAt).getTime();
+      const diff = expiry - now;
+
+      if (diff <= 0) {
+        setTimeLeft('Expired');
+        clearInterval(interval);
+      } else {
+        const minutes = Math.floor(diff / 60000);
+        const seconds = Math.floor((diff % 60000) / 1000);
+        setTimeLeft(`${minutes}:${seconds.toString().padStart(2, '0')}`);
+      }
+    }, 1000);
+
+    return () => clearInterval(interval);
+  }, [seatHold]);
+
+  useEffect(() => {
+    const fetchSeatDetails = async () => {
+      if (!selectedSchedule?.id) return;
+      
+      try {
+        const seatMapData: any = await apiClient.get(`/seats/seatmap/${selectedSchedule.id}`);
+        const coaches = seatMapData?.coaches || [];
+        const allSeats = coaches.flatMap((coach: any) => coach.seats || []);
+        
+        const details: Record<string, string> = {};
+        passengers.forEach(p => {
+          if (p.seatId) {
+            const seat = allSeats.find((s: any) => s.id === p.seatId);
+            if (seat) {
+              details[p.seatId] = seat.number || seat.label || seat.seatNumber || 'N/A';
+            }
+          }
+        });
+        setSeatDetails(details);
+      } catch (error) {
+        console.error('Failed to fetch seat details:', error);
+      }
+    };
+    
+    fetchSeatDetails();
+  }, [selectedSchedule?.id, passengers]);
+
+  const createBookingMutation = useMutation({
+    mutationFn: (data: any) => {
+      const endpoint = isAuthenticated ? '/bookings' : '/bookings/guest';
+      return apiClient.post(endpoint, data);
+    },
+    onSuccess: (data: any) => {
+      console.log('Booking created successfully:', data);
+      const bookingIdValue = data.bookingId || data.id;
+      const pnrValue = data.pnr || data.bookingReference || data.bookingRef;
+      
+      console.log('Setting booking ID:', bookingIdValue);
+      console.log('Setting PNR:', pnrValue);
+      console.log('Booking via endpoint:', isAuthenticated ? '/bookings' : '/bookings/guest');
+      
+      setBookingId(bookingIdValue);
+      setPNR(pnrValue);
+      
+      const totalAmount = isAuthenticated ? (data.totalMinor || data.totalAmount || 0) : (data.totalMinor || data.totalAmount || 0);
+      
+      console.log('Total amount:', totalAmount);
+      
+      setTimeout(() => {
+        const currentState = useBookingStore.getState();
+        console.log('Current booking store state:', currentState);
+        console.log('bookingId:', currentState.bookingId);
+        console.log('pnr:', currentState.pnr);
+        
+        if (totalAmount > 0) {
+          console.log('Redirecting to payment page');
+          router.push('/booking/payment');
+        } else {
+          console.log('Redirecting to confirmation page');
+          router.push('/booking/confirmation');
+        }
+      }, 100);
+    },
+    onError: (error: any) => {
+      console.error('Booking creation failed:', error);
+      const errorMessage = error?.response?.data?.message || error?.message || 'Failed to create booking. Please try again.';
+      alert(errorMessage);
+    },
+  });
+
+  const handleConfirm = async () => {
+    console.log('handleConfirm called');
+    try {
+      const { searchCriteria } = useBookingStore.getState();
+      
+      console.log('Search criteria:', searchCriteria);
+      console.log('Seat hold:', seatHold);
+      console.log('Selected schedule:', selectedSchedule);
+      console.log('Passengers:', passengers);
+      
+      if (!seatHold?.holdId) {
+        console.error('No seat hold found');
+        alert('Please select seats before continuing.');
+        router.push('/booking/seats');
+        return;
+      }
+      
+      if (!searchCriteria?.originStationId || !searchCriteria?.destinationStationId) {
+        console.error('Missing search criteria');
+        alert('Missing search criteria. Please start over.');
+        router.push('/booking/search');
+        return;
+      }
+      
+      let seatClassId = 'default-seat-class-id';
+      try {
+        const seatClasses: any = await apiClient.get('/seat-classes');
+        console.log('Seat classes:', seatClasses);
+        if (seatClasses && seatClasses.length > 0) {
+          seatClassId = seatClasses[0].id;
+        }
+      } catch (err) {
+        console.error('Failed to fetch seat classes:', err);
+      }
+      
+      let bookingData: any;
+      if (isAuthenticated) {
+        // For authenticated users: get passengerId from multiple sources
+        const token = typeof window !== 'undefined' ? localStorage.getItem('auth_token') : null;
+        
+        if (!token) {
+          console.error('No token in localStorage');
+          throw new Error('Authentication token not found. Please log in again.');
+        }
+
+        console.log('Token found, length:', token.length);
+
+        let passengerId = getPassengerIdFromToken(token);
+        console.log('Extracted passenger ID from JWT token:', passengerId);
+        
+        // Fallback 1: Use passengerId from booking store
+        if (!passengerId && storedPassengerId) {
+          passengerId = storedPassengerId;
+          console.log('Fallback 1: Using passengerId from booking store:', passengerId);
+        }
+        
+        // Fallback 2: Use passengerId from localStorage
+        if (!passengerId && typeof window !== 'undefined') {
+          const localStoragePassengerId = localStorage.getItem('booking_passengerId');
+          if (localStoragePassengerId) {
+            passengerId = localStoragePassengerId;
+            console.log('Fallback 2: Using passengerId from localStorage:', passengerId);
+          }
+        }
+        
+        // Fallback 3: Use passengerId from user object
+        if (!passengerId && user) {
+          passengerId = (user as any).passengerId;
+          console.log('Fallback 3: Using passengerId from user object:', passengerId);
+        }
+        
+        if (!passengerId) {
+          console.error('Failed to extract passengerId');
+          console.error('User object:', user);
+          console.error('User object keys:', user ? Object.keys(user) : 'null');
+          console.error('Stored passengerId from booking store:', storedPassengerId);
+          if (typeof window !== 'undefined') {
+            console.error('Stored passengerId from localStorage:', localStorage.getItem('booking_passengerId'));
+          }
+          throw new Error('Passenger ID not found in authentication token. Please log in again.');
+        }
+
+        bookingData = {
+          scheduleId: selectedSchedule?.id || '',
+          holdId: seatHold.holdId,
+          originStationId: searchCriteria.originStationId,
+          destinationStationId: searchCriteria.destinationStationId,
+          seatClassId: seatClassId,
+          displayCurrency: 'ETB',
+          passengerId: passengerId,
+          passengers: passengers.map((p) => {
+            const isEthiopian = p.nationality === 'ETHIOPIAN' || p.nationality === 'Ethiopian';
+            return {
+              seatId: p.seatId || '',
+              passengerName: p.name,
+              dateOfBirth: p.dateOfBirth,
+              idDocumentType: isEthiopian ? 'NATIONAL_ID' : 'PASSPORT',
+              idDocumentNumber: isEthiopian ? (p.nationalId || '') : '',
+              passportNumber: !isEthiopian ? (p.passportNumber || '') : '',
+              passportCountry: !isEthiopian ? (p.passportCountry || '') : '',
+              nationality: p.nationality,
+            };
+          }),
+        };
+      } else {
+        // For guests: send full passenger details array
+        bookingData = {
+          scheduleId: selectedSchedule?.id || '',
+          holdId: seatHold.holdId,
+          originStationId: searchCriteria.originStationId,
+          destinationStationId: searchCriteria.destinationStationId,
+          seatClassId: seatClassId,
+          displayCurrency: 'ETB',
+          passengers: passengers.map(p => {
+            const isEthiopian = p.nationality === 'ETHIOPIAN' || p.nationality === 'Ethiopian';
+            return {
+              seatId: p.seatId || '',
+              passengerName: p.name,
+              dateOfBirth: p.dateOfBirth,
+              idDocumentType: isEthiopian ? 'NATIONAL_ID' : 'PASSPORT',
+              idDocumentNumber: isEthiopian ? (p.nationalId || '') : '',
+              passportNumber: !isEthiopian ? (p.passportNumber || '') : '',
+              passportCountry: !isEthiopian ? (p.passportCountry || '') : '',
+              nationality: p.nationality,
+              phone: p.phone || '',
+              email: p.email || '',
+            };
+          }),
+          createAccount: createAccount || false,
+          savePassengerDetails: true,
+          deviceId: typeof window !== 'undefined' ? (localStorage.getItem('deviceId') || `device-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`) : undefined,
+        };
+      }
+
+      if (typeof window !== 'undefined' && !isAuthenticated && bookingData.deviceId && !localStorage.getItem('deviceId')) {
+        localStorage.setItem('deviceId', bookingData.deviceId);
+      }
+
+      console.log('Creating booking with payload:', bookingData);
+      await createBookingMutation.mutateAsync(bookingData);
+    } catch (error) {
+      console.error('Error in handleConfirm:', error);
+      alert(error instanceof Error ? error.message : 'An unexpected error occurred. Please try again.');
+    }
+  };
+
+  useEffect(() => {
+    if (!selectedSchedule || !passengers.length) {
+      if (!createBookingMutation.isPending && !createBookingMutation.isSuccess) {
+        console.log('Redirecting to search - missing data');
+        router.push('/booking/search');
+      }
+    }
+  }, [selectedSchedule, passengers.length, createBookingMutation.isPending, createBookingMutation.isSuccess, router]);
+
+  if (!selectedSchedule || !passengers.length) {
+    return null;
+  }
+
+  console.log('Selected schedule:', selectedSchedule);
+  console.log('Base fare adult:', selectedSchedule.baseFareAdult);
+  console.log('Passengers:', passengers);
+
+  const baseFare = passengers.reduce((sum, p, i) => {
+    const farePerPassenger = selectedSchedule.baseFareAdult || 
+                             (selectedSchedule as any).fareAdult || 
+                             (selectedSchedule as any).price || 
+                             0;
+    
+    console.log(`Passenger ${i}: ${p.name}, fare = ${farePerPassenger}`);
+    
+    return sum + farePerPassenger;
+  }, 0);
+
+  console.log('Calculated base fare:', baseFare);
+
+  const total = baseFare;
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-12">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+          <h1 className="text-3xl font-bold mb-6 text-gray-900 dark:text-gray-100">Review your booking</h1>
+
+          {seatHold && (
+            <div className="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4 mb-6">
+              <p className="text-yellow-800 dark:text-yellow-200">
+                ⏱️ Your seats will be released in: <span className="font-bold">{timeLeft}</span>
+              </p>
+            </div>
+          )}
+
+          <div className="space-y-6">
+            <div className="card">
+              <h2 className="text-xl font-semibold mb-4 text-gray-900 dark:text-gray-100">Trip details</h2>
+              <div className="space-y-2">
+                <div className="flex justify-between">
+                  <span className="text-gray-600 dark:text-gray-400">Train</span>
+                  <span className="font-medium text-gray-900 dark:text-gray-100">{selectedSchedule.trainNumber}</span>
+                </div>
+                <div className="flex justify-between">
+                  <span className="text-gray-600 dark:text-gray-400">Route</span>
+                  <span className="font-medium text-gray-900 dark:text-gray-100">{selectedSchedule.origin} → {selectedSchedule.destination}</span>
+                </div>
+                <div className="flex justify-between">
+                  <span className="text-gray-600 dark:text-gray-400">Departure</span>
+                  <span className="font-medium text-gray-900 dark:text-gray-100">
+                    {selectedSchedule.departureTime ? format(new Date(selectedSchedule.departureTime), 'PPp') : 'N/A'}
+                  </span>
+                </div>
+                <div className="flex justify-between">
+                  <span className="text-gray-600 dark:text-gray-400">Arrival</span>
+                  <span className="font-medium text-gray-900 dark:text-gray-100">
+                    {selectedSchedule.arrivalTime ? format(new Date(selectedSchedule.arrivalTime), 'PPp') : 'N/A'}
+                  </span>
+                </div>
+                <div className="flex justify-between">
+                  <span className="text-gray-600 dark:text-gray-400">Duration</span>
+                  <span className="font-medium text-gray-900 dark:text-gray-100">{selectedSchedule.duration}</span>
+                </div>
+              </div>
+            </div>
+
+            <div className="card">
+              <h2 className="text-xl font-semibold mb-4 text-gray-900 dark:text-gray-100">Passengers</h2>
+              <div className="space-y-3">
+                {passengers.map((p, i) => (
+                  <div key={i} className="flex justify-between items-center border-b border-gray-200 dark:border-gray-700 pb-2 last:border-0">
+                    <div>
+                      <p className="font-medium text-gray-900 dark:text-gray-100">{p.name}</p>
+                      <p className="text-sm text-gray-600 dark:text-gray-400">
+                        {p.dateOfBirth ? format(new Date(p.dateOfBirth), 'PP') : 'N/A'} • {p.nationality}
+                      </p>
+                    </div>
+                    <div className="text-right">
+                      <p className="text-sm text-gray-600 dark:text-gray-400">Seat</p>
+                      <p className="font-medium text-gray-900 dark:text-gray-100">{p.seatId ? (seatDetails[p.seatId] || 'Loading...') : 'Auto-assign'}</p>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            <div className="card">
+              <h2 className="text-xl font-semibold mb-4 text-gray-900 dark:text-gray-100">Fare breakdown</h2>
+              <div className="space-y-2">
+                <div className="flex justify-between">
+                  <span className="text-gray-600 dark:text-gray-400">Base fare</span>
+                  <span className="text-gray-900 dark:text-gray-100">ETB {(baseFare / 100).toFixed(2)}</span>
+                </div>
+                <div className="flex justify-between text-lg font-bold border-t border-gray-200 dark:border-gray-700 pt-2">
+                  <span className="text-gray-900 dark:text-gray-100">Total</span>
+                  <span className="text-primary dark:text-gray-100">ETB {(total / 100).toFixed(2)}</span>
+                </div>
+              </div>
+            </div>
+
+            <div className="flex gap-4">
+              <button onClick={() => router.back()} className="btn-secondary flex-1">
+                Back
+              </button>
+              <button
+                onClick={handleConfirm}
+                disabled={createBookingMutation.isPending}
+                className="btn-primary flex-1"
+              >
+                {createBookingMutation.isPending ? 'Creating booking...' : `Confirm ${isAuthenticated ? '' : 'and pay'}`}
+              </button>
+            </div>
+            
+            {createBookingMutation.isError && (
+              <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mt-4">
+                <p className="text-red-800 dark:text-red-200 text-sm">
+                  ⚠️ {createBookingMutation.error instanceof Error ? createBookingMutation.error.message : 'An error occurred while creating your booking. Please try again.'}
+                </p>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/search/layout.tsx b/apps/edr-passenger-web/portal/src/app/booking/search/layout.tsx
new file mode 100644
index 000000000..69d70e85d
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/search/layout.tsx
@@ -0,0 +1,5 @@
+import { Suspense } from 'react';
+
+export default function SearchLayout({ children }: { children: React.ReactNode }) {
+  return <Suspense fallback={<div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center"><p className="text-gray-600 dark:text-gray-400">Loading...</p></div>}>{children}</Suspense>;
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/search/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/search/page.tsx
new file mode 100644
index 000000000..8295d3a09
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/search/page.tsx
@@ -0,0 +1,1093 @@
+'use client';
+
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useQuery } from '@tanstack/react-query';
+import { useAuthStore } from '@/lib/auth-store';
+import { apiClient } from '@/lib/api-client';
+import { useBookingStore } from '@/lib/booking-store';
+import { Station } from '@/types';
+import {
+  MapPin, ArrowRight, ArrowLeftRight, Plus, Minus, Search,
+  Users, ChevronDown, Gift, Check, X, ChevronLeft, Clock, Zap,
+} from 'lucide-react';
+import { useEffect, useRef, useState, useCallback } from 'react';
+import ModernDatePicker from '@/components/ModernDatePicker';
+
+const searchSchema = z.object({
+  tripType: z.enum(['ONE_WAY', 'ROUND_TRIP']),
+  originStationId: z.string().min(1, 'Please select origin station'),
+  destinationStationId: z.string().min(1, 'Please select destination station'),
+  departureDate: z.string().min(1, 'Please select departure date'),
+  returnDate: z.string().optional(),
+  adultCount: z.number().min(1).max(9),
+  childCount: z.number().min(0).max(9),
+  nationality: z.enum(['ETHIOPIAN', 'DJIBOUTIAN', 'OTHER']),
+  promoCode: z.string().optional(),
+}).refine((d) => d.originStationId !== d.destinationStationId, {
+  message: 'Origin and destination must be different',
+  path: ['destinationStationId'],
+}).refine((d) => {
+  if (d.tripType === 'ROUND_TRIP' && !d.returnDate) {
+    return false;
+  }
+  return true;
+}, {
+  message: 'Please select return date',
+  path: ['returnDate'],
+}).refine((d) => {
+  if (d.tripType === 'ROUND_TRIP' && d.returnDate && d.departureDate) {
+    return d.returnDate >= d.departureDate;
+  }
+  return true;
+}, {
+  message: 'Return date must be after departure date',
+  path: ['returnDate'],
+});
+
+type SearchForm = z.infer<typeof searchSchema>;
+
+const POPULAR_ROUTES = [
+  { from: 'Sebeta', to: 'Nagad', duration: '12h', icon: '🌆' },
+  { from: 'Sebeta', to: 'Diredawa', duration: '8h', icon: '🏔️' },
+  { from: 'Diredawa', to: 'Nagad', duration: '4h', icon: '🌊' },
+];
+
+// ─── Station Modal ────────────────────────────────────────────────────────────
+function StationModal({
+  stations,
+  title,
+  excludeId,
+  onSelect,
+  onClose,
+  recentIds,
+}: {
+  stations: Station[];
+  title: string;
+  excludeId?: string;
+  onSelect: (s: Station) => void;
+  onClose: () => void;
+  recentIds: string[];
+}) {
+  const [query, setQuery] = useState('');
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    setTimeout(() => inputRef.current?.focus(), 100);
+  }, []);
+
+  const filtered = query.trim()
+    ? stations.filter(
+        (s) =>
+          s.id !== excludeId &&
+          (s.name.toLowerCase().includes(query.toLowerCase()) ||
+            s.code?.toLowerCase().includes(query.toLowerCase()))
+      )
+    : stations.filter((s) => s.id !== excludeId);
+
+  const recentStations = recentIds
+    .map((id) => stations.find((s) => s.id === id))
+    .filter(Boolean) as Station[];
+
+  return (
+    <div className="fixed inset-0 z-[100] bg-white dark:bg-gray-900 flex flex-col md:hidden animate-slide-up">
+      {/* Header */}
+      <div className="flex items-center gap-3 px-4 py-4 border-b border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-900">
+        <button
+          type="button"
+          onClick={onClose}
+          className="w-10 h-10 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+        >
+          <ChevronLeft className="w-5 h-5 text-gray-600 dark:text-gray-400" />
+        </button>
+        <h2 className="text-lg font-semibold text-gray-900 dark:text-white">{title}</h2>
+      </div>
+
+      {/* Search input */}
+      <div className="px-4 py-3 bg-white dark:bg-gray-900">
+        <div className="relative">
+          <Search className="absolute left-3.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
+          <input
+            ref={inputRef}
+            value={query}
+            onChange={(e) => setQuery(e.target.value)}
+            placeholder="Search stations..."
+            className="w-full pl-10 pr-10 py-3 bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl text-sm focus:outline-none focus:ring-2 focus:ring-primary text-gray-900 dark:text-white placeholder-gray-400"
+          />
+          {query && (
+            <button
+              type="button"
+              onClick={() => setQuery('')}
+              className="absolute right-3 top-1/2 -translate-y-1/2"
+            >
+              <X className="w-4 h-4 text-gray-400" />
+            </button>
+          )}
+        </div>
+      </div>
+
+      {/* Results */}
+      <div className="flex-1 overflow-y-auto px-4 pb-6">
+        {!query && recentStations.length > 0 && (
+          <div className="mb-4">
+            <p className="text-xs font-semibold text-gray-400 uppercase tracking-wide mb-2 mt-2">Recent</p>
+            {recentStations.map((s) => (
+              <button
+                key={s.id}
+                type="button"
+                onClick={() => onSelect(s)}
+                className="w-full flex items-center gap-3 py-3.5 px-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors text-left"
+              >
+                <div className="w-8 h-8 bg-primary/10 rounded-full flex items-center justify-center flex-shrink-0">
+                  <Clock className="w-4 h-4 text-primary" />
+                </div>
+                <div>
+                  <p className="font-medium text-gray-900 dark:text-white text-sm">{s.name}</p>
+                  {s.code && <p className="text-xs text-gray-400">{s.code}</p>}
+                </div>
+              </button>
+            ))}
+          </div>
+        )}
+
+        <p className="text-xs font-semibold text-gray-400 uppercase tracking-wide mb-2 mt-2">
+          {query ? 'Results' : 'All Stations'}
+        </p>
+        {filtered.length === 0 ? (
+          <div className="text-center py-10 text-gray-400">
+            <MapPin className="w-8 h-8 mx-auto mb-2 opacity-40" />
+            <p className="text-sm">No stations found</p>
+          </div>
+        ) : (
+          filtered.map((s) => (
+            <button
+              key={s.id}
+              type="button"
+              onClick={() => onSelect(s)}
+              className="w-full flex items-center gap-3 py-3.5 px-3 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors text-left"
+            >
+              <div className="w-8 h-8 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center flex-shrink-0">
+                <MapPin className="w-4 h-4 text-primary" />
+              </div>
+              <div>
+                <p className="font-medium text-gray-900 dark:text-white text-sm">{s.name}</p>
+                {s.code && <p className="text-xs text-gray-400">{s.code} • {s.country}</p>}
+              </div>
+            </button>
+          ))
+        )}
+      </div>
+    </div>
+  );
+}
+
+// ─── Passenger Modal (mobile bottom-sheet) ───────────────────────────────────
+function PassengerModal({
+  adultCount,
+  childCount,
+  nationality,
+  onChangeAdult,
+  onChangeChild,
+  onChangeNationality,
+  onClose,
+}: {
+  adultCount: number;
+  childCount: number;
+  nationality: string;
+  onChangeAdult: (n: number) => void;
+  onChangeChild: (n: number) => void;
+  onChangeNationality: (v: string) => void;
+  onClose: () => void;
+}) {
+  const rows = [
+    { label: 'Adults', sub: '≥ 5 years', val: adultCount, min: 1, max: 9, onChange: onChangeAdult },
+    { label: 'Children', sub: '< 5 years • First child free', val: childCount, min: 0, max: 9, onChange: onChangeChild },
+  ];
+
+  const natOptions = [
+    { value: 'ETHIOPIAN', label: '🇪🇹 Ethiopian' },
+    { value: 'DJIBOUTIAN', label: '🇩🇯 Djiboutian' },
+    { value: 'OTHER', label: '🌍 Other' },
+  ];
+
+  return (
+    <>
+      <div className="fixed inset-0 z-[99] bg-black/40" onClick={onClose} />
+      <div
+        className="fixed inset-x-0 bottom-0 sm:inset-auto sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2 z-[100] bg-white dark:bg-gray-900 rounded-t-2xl sm:rounded-2xl shadow-2xl w-full sm:w-96"
+        style={{ animation: 'pax-slide-up 0.25s cubic-bezier(0.32,0.72,0,1)' }}
+      >
+        <div className="flex justify-center pt-3 pb-1">
+          <div className="w-10 h-1 rounded-full bg-gray-300 dark:bg-gray-600" />
+        </div>
+        <div className="flex items-center justify-between px-5 py-3 border-b border-gray-100 dark:border-gray-800">
+          <div className="flex items-center gap-2">
+            <Users className="w-4 h-4 text-primary" />
+            <h2 className="text-base font-bold text-gray-900 dark:text-white">Passengers &amp; Nationality</h2>
+          </div>
+          <button type="button" onClick={onClose} className="w-9 h-9 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800">
+            <X className="w-5 h-5 text-gray-500" />
+          </button>
+        </div>
+        <div className="px-5 py-4 space-y-5">
+          {rows.map(({ label, sub, val, min, max, onChange }, i) => (
+            <div key={label}>
+              {i > 0 && <div className="border-t border-gray-100 dark:border-gray-800 -mx-5 mb-5" />}
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm font-semibold text-gray-900 dark:text-white">{label}</p>
+                  <p className="text-xs text-gray-400 mt-0.5">{sub}</p>
+                </div>
+                <div className="flex items-center gap-4">
+                  <button type="button" onClick={() => val > min && onChange(val - 1)} disabled={val <= min}
+                    className="w-10 h-10 rounded-full border-2 border-gray-200 dark:border-gray-700 flex items-center justify-center hover:border-primary hover:text-primary disabled:opacity-30">
+                    <Minus className="w-4 h-4" />
+                  </button>
+                  <span className="w-6 text-center text-lg font-bold text-gray-900 dark:text-white tabular-nums">{val}</span>
+                  <button type="button" onClick={() => val < max && onChange(val + 1)} disabled={val >= max}
+                    className="w-10 h-10 rounded-full border-2 border-gray-200 dark:border-gray-700 flex items-center justify-center hover:border-primary hover:text-primary disabled:opacity-30">
+                    <Plus className="w-4 h-4" />
+                  </button>
+                </div>
+              </div>
+            </div>
+          ))}
+          <div className="border-t border-gray-100 dark:border-gray-800 -mx-5 pt-5 px-5">
+            <p className="text-sm font-semibold text-gray-900 dark:text-white mb-3">Nationality</p>
+            <div className="grid grid-cols-3 gap-2">
+              {natOptions.map((opt) => (
+                <button key={opt.value} type="button" onClick={() => onChangeNationality(opt.value)}
+                  className={`py-2.5 px-2 rounded-xl border-2 text-xs font-semibold transition-all ${
+                    nationality === opt.value
+                      ? 'border-primary bg-primary/5 text-primary'
+                      : 'border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 hover:border-gray-300'
+                  }`}>
+                  {opt.label}
+                </button>
+              ))}
+            </div>
+          </div>
+        </div>
+        <div className="px-5 pb-8 pt-2">
+          <button type="button" onClick={onClose}
+            className="w-full py-3.5 bg-[rgb(20,113,76)] text-white font-bold text-sm rounded-xl">
+            Done — {adultCount + childCount} Passenger{adultCount + childCount !== 1 ? 's' : ''}
+          </button>
+        </div>
+        <style>{`@keyframes pax-slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}`}</style>
+      </div>
+    </>
+  );
+}
+
+// ─── Station Autocomplete (Desktop dropdown) ──────────────────────────────────
+function StationDropdown({
+  stations,
+  value,
+  excludeId,
+  placeholder,
+  onSelect,
+  error,
+  recentIds,
+  onOpen,
+}: {
+  stations: Station[];
+  value: string;
+  excludeId?: string;
+  placeholder: string;
+  onSelect: (s: Station) => void;
+  error?: string;
+  recentIds: string[];
+  onOpen?: () => void;
+}) {
+  const [query, setQuery] = useState('');
+  const [open, setOpen] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const selectedStation = stations.find((s) => s.id === value);
+
+  useEffect(() => {
+    if (selectedStation && !open) setQuery('');
+  }, [selectedStation, open]);
+
+  useEffect(() => {
+    const handler = (e: MouseEvent) => {
+      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);
+    };
+    document.addEventListener('mousedown', handler);
+    return () => document.removeEventListener('mousedown', handler);
+  }, []);
+
+  const filtered = query.trim()
+    ? stations.filter(
+        (s) =>
+          s.id !== excludeId &&
+          (s.name.toLowerCase().includes(query.toLowerCase()) ||
+            s.code?.toLowerCase().includes(query.toLowerCase()))
+      )
+    : stations.filter((s) => s.id !== excludeId).slice(0, 8);
+
+  const displayValue = open ? query : (selectedStation?.name ?? '');
+
+  return (
+    <div ref={ref} className="relative">
+      <div
+        className={`relative flex items-center border-2 rounded-xl transition-all duration-200 bg-white dark:bg-gray-800 ${
+          error ? 'border-red-400' : open ? 'border-primary ring-2 ring-primary/20' : 'border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600'
+        }`}
+      >
+        <MapPin className="absolute left-3.5 w-4 h-4 text-primary flex-shrink-0" />
+        <input
+          ref={inputRef}
+          value={displayValue}
+          onChange={(e) => { setQuery(e.target.value); setOpen(true); }}
+          onFocus={() => { setQuery(''); setOpen(true); onOpen?.(); }}
+          placeholder={placeholder}
+          className="w-full pl-10 pr-8 py-3.5 bg-transparent rounded-xl focus:outline-none text-sm text-gray-900 dark:text-white placeholder-gray-400"
+        />
+        {value && (
+          <button
+            type="button"
+            onClick={() => { onSelect({ id: '', name: '', code: '', country: '' }); setQuery(''); }}
+            className="absolute right-3 p-0.5"
+          >
+            <X className="w-3.5 h-3.5 text-gray-400 hover:text-gray-600" />
+          </button>
+        )}
+      </div>
+
+      {open && (
+        <div className="absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl shadow-xl z-[200] max-h-56 overflow-y-auto overflow-x-hidden scrollbar-hide">
+          {!query && recentIds.length > 0 && (
+            <div className="px-3 pt-2 pb-1">
+              <p className="text-[10px] font-semibold text-gray-400 uppercase tracking-wide mb-1">Recent</p>
+              {recentIds
+                .map((id) => stations.find((s) => s.id === id))
+                .filter(Boolean)
+                .map((s) => (
+                  <button
+                    key={s!.id}
+                    type="button"
+                    onMouseDown={() => { onSelect(s!); setOpen(false); setQuery(''); }}
+                    className="w-full flex items-center gap-2 px-2 py-2 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 text-left"
+                  >
+                    <Clock className="w-3.5 h-3.5 text-primary flex-shrink-0" />
+                    <span className="text-sm text-gray-800 dark:text-gray-200">{s!.name}</span>
+                  </button>
+                ))}
+              <div className="border-t border-gray-100 dark:border-gray-700 mt-1 mb-1" />
+            </div>
+          )}
+          {filtered.length === 0 ? (
+            <p className="text-sm text-gray-400 text-center py-4">No stations found</p>
+          ) : (
+            filtered.map((s) => (
+              <button
+                key={s.id}
+                type="button"
+                onMouseDown={() => { onSelect(s); setOpen(false); setQuery(''); }}
+                className="w-full flex items-center gap-2 px-3 py-2.5 hover:bg-gray-50 dark:hover:bg-gray-700 text-left transition-colors"
+              >
+                <MapPin className="w-3.5 h-3.5 text-primary flex-shrink-0" />
+                <div>
+                  <span className="text-sm font-medium text-gray-900 dark:text-white">{s.name}</span>
+                  {s.code && <span className="text-xs text-gray-400 ml-1.5">{s.code}</span>}
+                </div>
+              </button>
+            ))
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ─── Main Page ────────────────────────────────────────────────────────────────
+export default function SearchPage() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const setSearchCriteria = useBookingStore((s) => s.setSearchCriteria);
+  const { user, isAuthenticated } = useAuthStore();
+
+  const [passengerModalOpen, setPassengerModalOpen] = useState(false);
+  const [promoVisible, setPromoVisible] = useState(false);
+  const [promoCode, setPromoCode] = useState('');
+  const [promoValidation, setPromoValidation] = useState<{ valid: boolean; message: string } | null>(null);
+  const [promoLoading, setPromoLoading] = useState(false);
+  const [swapping, setSwapping] = useState(false);
+  const [stationModal, setStationModal] = useState<'origin' | 'destination' | null>(null);
+  const [recentStationIds, setRecentStationIds] = useState<string[]>(() => {
+    try { return JSON.parse(localStorage.getItem('edr_recent_stations') || '[]'); } catch { return []; }
+  });
+  const passengerRef = useRef<HTMLDivElement>(null);
+  const widgetRef = useRef<HTMLDivElement>(null);
+
+  const scrollWidgetIntoView = () => {
+    const el = widgetRef.current;
+    if (!el) return;
+    const headerHeight = 64;
+    const marginTop = 24;
+    const top = el.getBoundingClientRect().top + window.scrollY - headerHeight - marginTop;
+    window.scrollTo({ top, behavior: 'smooth' });
+  };
+
+  const { data: stations = [], isLoading, error } = useQuery<Station[]>({
+    queryKey: ['stations'],
+    queryFn: async () => await apiClient.get('/stations') as Station[],
+  });
+
+  const { handleSubmit, watch, setValue, formState: { errors } } = useForm<SearchForm>({
+    resolver: zodResolver(searchSchema as any),
+    defaultValues: {
+      tripType: 'ONE_WAY',
+      adultCount: 1,
+      childCount: 0,
+      nationality: 'ETHIOPIAN',
+      departureDate: new Date().toISOString().split('T')[0],
+      promoCode: '',
+    },
+  });
+
+  useEffect(() => {
+    if (isAuthenticated && user?.nationality) {
+      const n = user.nationality.toUpperCase().trim();
+      setValue('nationality', n.includes('DJIBOUTIAN') ? 'DJIBOUTIAN' : n.includes('ETHIOPIAN') ? 'ETHIOPIAN' : 'OTHER');
+    }
+  }, [isAuthenticated, user?.nationality, setValue]);
+
+  useEffect(() => {
+    const o = searchParams.get('origin');
+    const d = searchParams.get('destination');
+    const date = searchParams.get('date');
+    const adults = searchParams.get('adults');
+    const children = searchParams.get('children');
+    const nat = searchParams.get('nationality');
+    if (o) setValue('originStationId', o);
+    if (d) setValue('destinationStationId', d);
+    if (date) setValue('departureDate', date);
+    if (adults) setValue('adultCount', parseInt(adults));
+    if (children) setValue('childCount', parseInt(children));
+    if (nat) setValue('nationality', nat as 'ETHIOPIAN' | 'DJIBOUTIAN' | 'OTHER');
+  }, [searchParams, setValue]);
+
+  useEffect(() => {
+    const handler = (e: MouseEvent) => {
+      if (passengerRef.current && !passengerRef.current.contains(e.target as Node)) {
+        setPassengerModalOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', handler);
+    return () => document.removeEventListener('mousedown', handler);
+  }, []);
+
+  const originId = watch('originStationId');
+  const destId = watch('destinationStationId');
+  const adultCount = watch('adultCount');
+  const childCount = watch('childCount');
+  const departureDate = watch('departureDate');
+  const returnDate = watch('returnDate');
+  const tripType = watch('tripType');
+  const totalPassengers = (adultCount || 1) + (childCount || 0);
+
+  const saveRecent = useCallback((id: string) => {
+    setRecentStationIds((prev) => {
+      const next = [id, ...prev.filter((x) => x !== id)].slice(0, 5);
+      localStorage.setItem('edr_recent_stations', JSON.stringify(next));
+      return next;
+    });
+  }, []);
+
+  const handleSwap = () => {
+    if (!originId || !destId) return;
+    setSwapping(true);
+    setTimeout(() => {
+      setValue('originStationId', destId);
+      setValue('destinationStationId', originId);
+      setSwapping(false);
+    }, 300);
+  };
+
+  const handleValidatePromo = async () => {
+    if (!promoCode.trim()) return setPromoValidation(null);
+    setPromoLoading(true);
+    try {
+      const res = await apiClient.post('/promos/validate', { code: promoCode }) as any;
+      const valid = res.applicable || res.valid;
+      setPromoValidation({ valid, message: res.message || (valid ? 'Promo applied!' : 'Invalid promo code') });
+      if (valid) setValue('promoCode', promoCode);
+      else setPromoCode('');
+    } catch (err: any) {
+      setPromoValidation({ valid: false, message: err?.response?.data?.message || 'Promo code is invalid or expired' });
+      setPromoCode('');
+    } finally {
+      setPromoLoading(false);
+    }
+  };
+
+  const onSubmit = (data: SearchForm) => {
+    setSearchCriteria(data);
+    if (data.originStationId) saveRecent(data.originStationId);
+    if (data.destinationStationId) saveRecent(data.destinationStationId);
+    const params = new URLSearchParams({
+      tripType: data.tripType,
+      origin: data.originStationId,
+      destination: data.destinationStationId,
+      date: data.departureDate,
+      adults: data.adultCount.toString(),
+      children: data.childCount.toString(),
+      nationality: data.nationality,
+      ...(data.tripType === 'ROUND_TRIP' && data.returnDate && { returnDate: data.returnDate }),
+      ...(data.promoCode && { promoCode: data.promoCode }),
+    });
+    router.push(`/booking/results?${params}`);
+  };
+
+  const getStationById = (id: string) => stations.find((s) => s.id === id);
+  const originStation = getStationById(originId);
+  const destStation = getStationById(destId);
+
+  const handlePopularRoute = (fromName: string, toName: string) => {
+    const origin = stations.find((s) => s.name.toLowerCase().includes(fromName.toLowerCase()));
+    const dest = stations.find((s) => s.name.toLowerCase().includes(toName.toLowerCase()));
+    if (origin && dest) {
+      setValue('originStationId', origin.id);
+      setValue('destinationStationId', dest.id);
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+  };
+
+  return (
+    <div className="bg-gray-50 dark:bg-gray-950">
+      {/* Passenger modal (mobile) */}
+      {passengerModalOpen && (
+        <PassengerModal
+          adultCount={adultCount || 1}
+          childCount={childCount || 0}
+          nationality={watch('nationality')}
+          onChangeAdult={(n) => setValue('adultCount', n)}
+          onChangeChild={(n) => setValue('childCount', n)}
+          onChangeNationality={(v) => setValue('nationality', v as any)}
+          onClose={() => setPassengerModalOpen(false)}
+        />
+      )}
+
+      {/* Station modals (mobile) */}
+      {stationModal === 'origin' && (
+        <StationModal
+          stations={stations}
+          title="From — Departure"
+          excludeId={destId}
+          recentIds={recentStationIds}
+          onSelect={(s) => {
+            if (s.id) { setValue('originStationId', s.id); saveRecent(s.id); }
+            setStationModal(null);
+          }}
+          onClose={() => setStationModal(null)}
+        />
+      )}
+      {stationModal === 'destination' && (
+        <StationModal
+          stations={stations}
+          title="To — Destination"
+          excludeId={originId}
+          recentIds={recentStationIds}
+          onSelect={(s) => {
+            if (s.id) { setValue('destinationStationId', s.id); saveRecent(s.id); }
+            setStationModal(null);
+          }}
+          onClose={() => setStationModal(null)}
+        />
+      )}
+
+      {/* ── 90vh hero with banner image ── */}
+      <section
+        className="relative"
+        style={{ height: '90vh', minHeight: '560px' }}
+      >
+        {/* Background image */}
+        <div
+          className="absolute inset-0 bg-cover bg-center"
+          style={{ backgroundImage: 'url(/banner.jpg)' }}
+        />
+        {/* Gradient overlay */}
+        <div className="absolute inset-0 bg-gradient-to-br from-black/70 via-black/40 to-transparent" />
+        <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent" />
+
+        {/* Hero headline — top area */}
+        <div className="relative z-10 pt-16 md:pt-20 px-6 md:px-12 max-w-6xl mx-auto">
+          <h1 className="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight drop-shadow-lg max-w-2xl">
+            Where are you<br className="hidden sm:block" /> headed today?
+          </h1>
+          <p className="text-white/60 text-sm md:text-base mt-3">Book your train journey across East Africa</p>
+        </div>
+
+        {/* ── Widget — absolutely positioned at bottom with margin ── */}
+        <div className="absolute bottom-8 left-0 right-0 z-[50] px-4 md:px-6" ref={widgetRef}>
+          <div className="max-w-6xl mx-auto">
+            <form onSubmit={handleSubmit(onSubmit)}>
+              <div className="bg-white dark:bg-gray-900 rounded-2xl shadow-2xl border border-white/20 overflow-visible">
+
+                {error && (
+                  <div className="flex items-center gap-2 px-5 py-3 bg-red-50 text-red-600 text-sm border-b border-red-100 rounded-t-2xl">
+                    <span>⚠️</span>
+                    <span>Unable to load stations. Please check your connection.</span>
+                  </div>
+                )}
+
+                <div className="p-4 md:p-5">
+
+                  {/* Trip Type Tabs */}
+                  <div className="mb-4">
+                    <div className="inline-flex rounded-xl bg-gray-100 dark:bg-gray-800 p-1 w-full md:w-auto">
+                      <button
+                        type="button"
+                        onClick={() => setValue('tripType', 'ONE_WAY')}
+                        className={`flex-1 md:flex-none px-6 py-2.5 rounded-lg text-sm font-semibold transition-all ${
+                          tripType === 'ONE_WAY'
+                            ? 'bg-white dark:bg-gray-900 text-primary shadow-sm'
+                            : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200'
+                        }`}
+                      >
+                        One Way
+                      </button>
+                      <button
+                        type="button"
+                        onClick={() => setValue('tripType', 'ROUND_TRIP')}
+                        className={`flex-1 md:flex-none px-6 py-2.5 rounded-lg text-sm font-semibold transition-all ${
+                          tripType === 'ROUND_TRIP'
+                            ? 'bg-white dark:bg-gray-900 text-primary shadow-sm'
+                            : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200'
+                        }`}
+                      >
+                        Round Trip
+                      </button>
+                    </div>
+                  </div>
+
+                  {/* Mobile: stacked */}
+                  <div className="flex flex-col gap-3 md:hidden">
+                    <div className="space-y-1.5">
+                      <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">From</label>
+                      <button type="button" onClick={() => { window.scrollTo({ top: 0, behavior: 'instant' as ScrollBehavior }); setStationModal('origin'); }} className="w-full">
+                        <div className={`flex items-center gap-2.5 px-3.5 py-3 border-2 rounded-xl transition-all ${
+                          errors.originStationId ? 'border-red-400' : originId ? 'border-primary bg-primary/5' : 'border-gray-200'
+                        }`}>
+                          <MapPin className="w-4 h-4 text-primary flex-shrink-0" />
+                          <span className={`text-sm ${originStation ? 'font-semibold text-gray-900' : 'text-gray-400'}`}>
+                            {originStation?.name ?? 'Select departure'}
+                          </span>
+                        </div>
+                      </button>
+                    </div>
+                    <div className="space-y-1.5">
+                      <div className="flex items-center justify-between">
+                        <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">To</label>
+                        <button type="button" onClick={handleSwap} disabled={!originId || !destId}
+                          className="flex items-center gap-1 text-xs text-primary font-medium disabled:opacity-30">
+                          <ArrowLeftRight className={`w-3.5 h-3.5 transition-transform duration-300 ${swapping ? 'rotate-180' : ''}`} />
+                          Swap
+                        </button>
+                      </div>
+                      <button type="button" onClick={() => { window.scrollTo({ top: 0, behavior: 'instant' as ScrollBehavior }); setStationModal('destination'); }} className="w-full">
+                        <div className={`flex items-center gap-2.5 px-3.5 py-3 border-2 rounded-xl transition-all ${
+                          errors.destinationStationId ? 'border-red-400' : destId ? 'border-primary bg-primary/5' : 'border-gray-200'
+                        }`}>
+                          <MapPin className="w-4 h-4 text-primary flex-shrink-0" />
+                          <span className={`text-sm ${destStation ? 'font-semibold text-gray-900' : 'text-gray-400'}`}>
+                            {destStation?.name ?? 'Select destination'}
+                          </span>
+                        </div>
+                      </button>
+                    </div>
+                    <div className="space-y-1.5">
+                      <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Date</label>
+                      <div className="relative z-30">
+                        <ModernDatePicker
+                          value={departureDate ? new Date(departureDate + 'T00:00:00') : undefined}
+                          onChange={(date) => setValue('departureDate', `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`)}
+                          minDate={new Date()} placeholder="Select date"
+                        />
+                      </div>
+                    </div>
+                    {tripType === 'ROUND_TRIP' && (
+                      <div className="space-y-1.5">
+                        <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Return Date</label>
+                        <div className="relative z-20">
+                          <ModernDatePicker
+                            value={returnDate ? new Date(returnDate + 'T00:00:00') : undefined}
+                            onChange={(date) => setValue('returnDate', `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`)}
+                            minDate={departureDate ? new Date(departureDate + 'T00:00:00') : new Date()}
+                            placeholder="Select return date"
+                          />
+                        </div>
+                        {errors.returnDate && <p className="text-xs text-red-500">{errors.returnDate.message}</p>}
+                      </div>
+                    )}
+                    {/* Pax + Nationality combined trigger */}
+                    <button type="button" onClick={() => setPassengerModalOpen(true)}
+                      className="w-full flex items-center justify-between px-3.5 py-3 border-2 border-gray-200 rounded-xl bg-white">
+                      <span className="flex items-center gap-2 text-sm font-medium text-gray-900">
+                        <Users className="w-4 h-4 text-primary" />
+                        {totalPassengers} Pax · {watch('nationality') === 'ETHIOPIAN' ? '🇪🇹' : watch('nationality') === 'DJIBOUTIAN' ? '🇩🇯' : '🌍'}
+                      </span>
+                      <ChevronDown className="w-4 h-4 text-primary" />
+                    </button>
+                    <button type="submit" disabled={isLoading}
+                      className="w-full flex items-center justify-center gap-2 py-3.5 bg-[rgb(20,113,76)] hover:bg-[rgb(16,89,60)] text-white font-bold text-sm rounded-xl transition-all shadow-lg disabled:opacity-50">
+                      <Search className="w-5 h-5" />
+                      Search
+                    </button>
+                  </div>
+
+                  {/* Desktop: dynamic layout based on trip type */}
+                  <div className={`hidden md:block`}>
+                    {tripType === 'ONE_WAY' ? (
+                      // ONE WAY: Single row layout
+                      <div className="flex items-end gap-2">
+                        {/* From */}
+                        <div className="flex-1 min-w-0 space-y-1">
+                          <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">From</label>
+                          <StationDropdown stations={stations} value={originId} excludeId={destId} placeholder="Departure station"
+                            recentIds={recentStationIds} onSelect={(s) => { setValue('originStationId', s.id); if (s.id) saveRecent(s.id); }} error={errors.originStationId?.message} onOpen={scrollWidgetIntoView} />
+                          {errors.originStationId && <p className="text-xs text-red-500">{errors.originStationId.message}</p>}
+                        </div>
+                        {/* Swap */}
+                        <button type="button" onClick={handleSwap} disabled={!originId || !destId}
+                          className={`flex-shrink-0 mb-0.5 w-9 h-9 bg-gray-50 border-2 border-gray-200 rounded-full flex items-center justify-center hover:border-primary hover:bg-primary/5 transition-all disabled:opacity-30 ${swapping ? 'rotate-180' : ''}`}>
+                          <ArrowLeftRight className="w-4 h-4 text-gray-500" />
+                        </button>
+                        {/* To */}
+                        <div className="flex-1 min-w-0 space-y-1">
+                          <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">To</label>
+                          <StationDropdown stations={stations} value={destId} excludeId={originId} placeholder="Destination station"
+                            recentIds={recentStationIds} onSelect={(s) => { setValue('destinationStationId', s.id); if (s.id) saveRecent(s.id); }} error={errors.destinationStationId?.message} onOpen={scrollWidgetIntoView} />
+                          {errors.destinationStationId && <p className="text-xs text-red-500">{errors.destinationStationId.message}</p>}
+                        </div>
+                        {/* Divider */}
+                        <div className="w-px h-10 bg-gray-200 mb-0.5 flex-shrink-0" />
+                        {/* Date */}
+                        <div className="w-44 flex-shrink-0 space-y-1">
+                          <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Date</label>
+                          <div className="relative z-30">
+                            <ModernDatePicker
+                              value={departureDate ? new Date(departureDate + 'T00:00:00') : undefined}
+                              onChange={(date) => setValue('departureDate', `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`)}
+                              minDate={new Date()} placeholder="Departure"
+                            />
+                          </div>
+                          {errors.departureDate && <p className="text-xs text-red-500">{errors.departureDate.message}</p>}
+                        </div>
+                        {/* Divider */}
+                        <div className="w-px h-10 bg-gray-200 mb-0.5 flex-shrink-0" />
+                        {/* Pax + Nationality */}
+                        <div className="w-44 flex-shrink-0 space-y-1">
+                          <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Passengers</label>
+                          <button type="button" onClick={() => setPassengerModalOpen(true)}
+                            className="w-full flex items-center justify-between px-3 py-3.5 border-2 border-gray-200 rounded-xl bg-white hover:border-gray-300 transition-all">
+                            <span className="flex items-center gap-1.5 text-sm font-medium text-gray-900 truncate">
+                              <Users className="w-4 h-4 text-primary flex-shrink-0" />
+                              {totalPassengers} Pax · {watch('nationality') === 'ETHIOPIAN' ? '🇪🇹' : watch('nationality') === 'DJIBOUTIAN' ? '🇩🇯' : '🌍'}
+                            </span>
+                            <ChevronDown className="w-4 h-4 text-primary flex-shrink-0" />
+                          </button>
+                        </div>
+                        {/* Search */}
+                        <button type="submit" disabled={isLoading}
+                          className="flex-shrink-0 flex items-center justify-center gap-2 px-5 py-3.5 bg-[rgb(20,113,76)] hover:bg-[rgb(16,89,60)] text-white font-bold text-sm rounded-xl transition-all shadow-lg hover:shadow-xl disabled:opacity-50">
+                          <Search className="w-5 h-5" />
+                          Search
+                        </button>
+                      </div>
+                    ) : (
+                      // ROUND TRIP: Two row layout
+                      <div className="space-y-3">
+                        {/* Row 1: From, Swap, To, Departure Date, Return Date */}
+                        <div className="flex items-end gap-2">
+                          {/* From */}
+                          <div className="flex-1 min-w-0 space-y-1">
+                            <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">From</label>
+                            <StationDropdown stations={stations} value={originId} excludeId={destId} placeholder="Departure station"
+                              recentIds={recentStationIds} onSelect={(s) => { setValue('originStationId', s.id); if (s.id) saveRecent(s.id); }} error={errors.originStationId?.message} onOpen={scrollWidgetIntoView} />
+                            {errors.originStationId && <p className="text-xs text-red-500">{errors.originStationId.message}</p>}
+                          </div>
+                          {/* Swap */}
+                          <button type="button" onClick={handleSwap} disabled={!originId || !destId}
+                            className={`flex-shrink-0 mb-0.5 w-9 h-9 bg-gray-50 border-2 border-gray-200 rounded-full flex items-center justify-center hover:border-primary hover:bg-primary/5 transition-all disabled:opacity-30 ${swapping ? 'rotate-180' : ''}`}>
+                            <ArrowLeftRight className="w-4 h-4 text-gray-500" />
+                          </button>
+                          {/* To */}
+                          <div className="flex-1 min-w-0 space-y-1">
+                            <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">To</label>
+                            <StationDropdown stations={stations} value={destId} excludeId={originId} placeholder="Destination station"
+                              recentIds={recentStationIds} onSelect={(s) => { setValue('destinationStationId', s.id); if (s.id) saveRecent(s.id); }} error={errors.destinationStationId?.message} onOpen={scrollWidgetIntoView} />
+                            {errors.destinationStationId && <p className="text-xs text-red-500">{errors.destinationStationId.message}</p>}
+                          </div>
+                          {/* Divider */}
+                          <div className="w-px h-10 bg-gray-200 mb-0.5 flex-shrink-0" />
+                          {/* Departure Date */}
+                          <div className="w-44 flex-shrink-0 space-y-1">
+                            <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Departure</label>
+                            <div className="relative z-30">
+                              <ModernDatePicker
+                                value={departureDate ? new Date(departureDate + 'T00:00:00') : undefined}
+                                onChange={(date) => setValue('departureDate', `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`)}
+                                minDate={new Date()} placeholder="Select date"
+                              />
+                            </div>
+                            {errors.departureDate && <p className="text-xs text-red-500">{errors.departureDate.message}</p>}
+                          </div>
+                          {/* Return Date */}
+                          <div className="w-44 flex-shrink-0 space-y-1">
+                            <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Return</label>
+                            <div className="relative z-20">
+                              <ModernDatePicker
+                                value={returnDate ? new Date(returnDate + 'T00:00:00') : undefined}
+                                onChange={(date) => setValue('returnDate', `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`)}
+                                minDate={departureDate ? new Date(departureDate + 'T00:00:00') : new Date()}
+                                placeholder="Select date"
+                              />
+                            </div>
+                            {errors.returnDate && <p className="text-xs text-red-500">{errors.returnDate.message}</p>}
+                          </div>
+                        </div>
+
+                        {/* Row 2: Promo, Passengers, Search */}
+                        <div className="flex items-end gap-2">
+                          {/* Promo Code */}
+                          <div className="flex-1 min-w-0 space-y-1">
+                            <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">
+                              {!promoVisible ? 'Promo Code (Optional)' : 'Promo Code'}
+                            </label>
+                            {!promoVisible ? (
+                              <button type="button" onClick={() => setPromoVisible(true)}
+                                className="w-full flex items-center gap-1.5 px-3.5 py-3.5 border-2 border-gray-200 dark:border-gray-700 rounded-xl hover:border-primary transition-all bg-white dark:bg-gray-800 text-left">
+                                <Gift className="w-4 h-4 text-primary" />
+                                <span className="text-sm text-gray-400">Click to add promo code</span>
+                              </button>
+                            ) : (
+                              <div className="space-y-1">
+                                <div className="flex gap-2">
+                                  <div className="flex-1 relative">
+                                    <Gift className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-primary" />
+                                    <input type="text" value={promoCode}
+                                      onChange={(e) => { setPromoCode(e.target.value.toUpperCase()); if (promoValidation) setPromoValidation(null); }}
+                                      placeholder="Enter promo code"
+                                      onKeyDown={(e) => e.key === 'Enter' && (e.preventDefault(), handleValidatePromo())}
+                                      className="w-full pl-9 pr-3 py-3.5 border-2 border-gray-200 dark:border-gray-700 rounded-xl focus:outline-none focus:ring-2 focus:ring-primary/30 text-sm bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400"
+                                      autoFocus />
+                                  </div>
+                                  <button type="button" onClick={handleValidatePromo} disabled={!promoCode || promoLoading}
+                                    className="px-4 py-3.5 bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-200 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-600 disabled:opacity-40 text-sm font-semibold transition-colors">
+                                    {promoLoading ? '...' : 'Apply'}
+                                  </button>
+                                  <button type="button" onClick={() => { setPromoVisible(false); setPromoCode(''); setPromoValidation(null); }}
+                                    className="p-3.5 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
+                                    <X className="w-4 h-4" />
+                                  </button>
+                                </div>
+                                {promoValidation && (
+                                  <div className={`flex items-center gap-1.5 text-xs ${promoValidation.valid ? 'text-green-600 dark:text-green-400' : 'text-red-500 dark:text-red-400'}`}>
+                                    {promoValidation.valid && <Check className="w-3.5 h-3.5" />}
+                                    {promoValidation.message}
+                                  </div>
+                                )}
+                              </div>
+                            )}
+                          </div>
+                          {/* Divider */}
+                          <div className="w-px h-10 bg-gray-200 dark:bg-gray-700 flex-shrink-0" />
+                          {/* Pax + Nationality */}
+                          <div className="w-44 flex-shrink-0 space-y-1">
+                            <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Passengers</label>
+                            <button type="button" onClick={() => setPassengerModalOpen(true)}
+                              className="w-full flex items-center justify-between px-3 py-3.5 border-2 border-gray-200 dark:border-gray-700 rounded-xl bg-white dark:bg-gray-800 hover:border-gray-300 dark:hover:border-gray-600 transition-all">
+                              <span className="flex items-center gap-1.5 text-sm font-medium text-gray-900 dark:text-white truncate">
+                                <Users className="w-4 h-4 text-primary flex-shrink-0" />
+                                {totalPassengers} Pax · {watch('nationality') === 'ETHIOPIAN' ? '🇪🇹' : watch('nationality') === 'DJIBOUTIAN' ? '🇩🇯' : '🌍'}
+                              </span>
+                              <ChevronDown className="w-4 h-4 text-primary flex-shrink-0" />
+                            </button>
+                          </div>
+                          {/* Search Button */}
+                          <div className="flex-shrink-0 space-y-1">
+                            <label className="text-xs font-semibold text-gray-500 uppercase tracking-wide opacity-0 pointer-events-none">Search</label>
+                            <button type="submit" disabled={isLoading}
+                              className="flex items-center justify-center gap-2 px-6 py-3.5 bg-[rgb(20,113,76)] hover:bg-[rgb(16,89,60)] text-white font-bold text-sm rounded-xl transition-all shadow-lg hover:shadow-xl disabled:opacity-50">
+                              <Search className="w-5 h-5" />
+                              Search
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                    )}
+                  </div>
+
+                  {/* Promo - Only visible in ONE WAY mode on desktop */}
+                  {tripType === 'ONE_WAY' && (
+                    <div className="mt-3">
+                      {!promoVisible ? (
+                        <button type="button" onClick={() => setPromoVisible(true)}
+                          className="flex items-center gap-1.5 text-xs text-primary font-medium hover:underline">
+                          <Gift className="w-3.5 h-3.5" />
+                          Apply Promo Code
+                        </button>
+                      ) : (
+                        <div className="flex flex-col gap-1.5">
+                          <div className="flex gap-2">
+                            <div className="flex-1 relative">
+                              <Gift className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-primary" />
+                              <input type="text" value={promoCode}
+                                onChange={(e) => { setPromoCode(e.target.value.toUpperCase()); if (promoValidation) setPromoValidation(null); }}
+                                placeholder="Enter promo code"
+                                onKeyDown={(e) => e.key === 'Enter' && (e.preventDefault(), handleValidatePromo())}
+                                className="w-full pl-9 pr-3 py-2.5 border-2 border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-primary/30 text-sm bg-white placeholder-gray-400"
+                                autoFocus />
+                            </div>
+                            <button type="button" onClick={handleValidatePromo} disabled={!promoCode || promoLoading}
+                              className="px-4 py-2.5 bg-gray-100 text-gray-700 rounded-xl hover:bg-gray-200 disabled:opacity-40 text-sm font-semibold">
+                              {promoLoading ? '...' : 'Apply'}
+                            </button>
+                            <button type="button" onClick={() => { setPromoVisible(false); setPromoCode(''); setPromoValidation(null); }}
+                              className="p-2.5 text-gray-400 hover:text-gray-600 rounded-xl hover:bg-gray-100">
+                              <X className="w-4 h-4" />
+                            </button>
+                          </div>
+                          {promoValidation && (
+                            <div className={`flex items-center gap-1.5 text-xs ${promoValidation.valid ? 'text-green-600' : 'text-red-500'}`}>
+                              {promoValidation.valid && <Check className="w-3.5 h-3.5" />}
+                              {promoValidation.message}
+                            </div>
+                          )}
+                        </div>
+                      )}
+                    </div>
+                  )}
+
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </section>
+
+      {/* Popular Routes — below hero */}
+      <div className="bg-gray-50 dark:bg-gray-950 py-10">
+        <div className="container mx-auto px-4">
+          <div className="max-w-6xl mx-auto">
+            <div className="flex items-center gap-2 mb-4">
+              <Zap className="w-4 h-4 text-primary" />
+              <h2 className="text-base font-bold text-gray-900 dark:text-white">Popular Routes</h2>
+            </div>
+            <div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
+              {POPULAR_ROUTES.map((route, idx) => (
+                <button key={idx} type="button" onClick={() => handlePopularRoute(route.from, route.to)}
+                  className="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-xl p-4 hover:border-primary hover:shadow-md transition-all text-left active:scale-95">
+                  <div className="text-xl mb-2">{route.icon}</div>
+                  <div className="flex items-center gap-1.5 text-sm font-semibold text-gray-900 dark:text-white">
+                    <span>{route.from}</span>
+                    <ArrowRight className="w-3.5 h-3.5 text-primary flex-shrink-0" />
+                    <span>{route.to}</span>
+                  </div>
+                  <div className="text-xs text-gray-400 mt-1 flex items-center gap-1">
+                    <Clock className="w-3 h-3" />
+                    {route.duration} journey
+                  </div>
+                </button>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Promotions Section */}
+      <div className="bg-white dark:bg-gray-900 py-12">
+        <div className="container mx-auto px-4">
+          <div className="max-w-6xl mx-auto">
+            <div className="flex items-center gap-2 mb-6">
+              <span className="text-lg">🎁</span>
+              <h2 className="text-base font-bold text-gray-900 dark:text-white">Offers &amp; Promotions</h2>
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-5">
+
+              {/* Wide promo card */}
+              <div className="md:col-span-2 relative rounded-2xl overflow-hidden min-h-[220px] group cursor-pointer">
+                <div className="absolute inset-0 bg-gradient-to-br from-[rgb(14,80,54)] to-[rgb(20,140,90)]" />
+                <div className="absolute inset-0 opacity-10" style={{
+                  backgroundImage: 'repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,0.3) 20px, rgba(255,255,255,0.3) 21px)'
+                }} />
+                <div className="absolute inset-0 bg-gradient-to-r from-black/30 to-transparent" />
+                <div className="relative z-10 p-7 flex flex-col justify-between h-full min-h-[220px]">
+                  <div>
+                    <span className="inline-block px-3 py-1 bg-white/20 text-white text-xs font-semibold rounded-full mb-3 backdrop-blur-sm">
+                      Limited Time
+                    </span>
+                    <h3 className="text-2xl font-extrabold text-white leading-tight mb-2">
+                      20% Off Weekend<br />Travel
+                    </h3>
+                    <p className="text-white/70 text-sm max-w-xs">
+                      Book any weekend journey and save 20%. Valid for all seat classes.
+                    </p>
+                  </div>
+                  <div className="flex items-center justify-between mt-4">
+                    <span className="text-white/60 text-xs">Valid until 31 Dec 2024</span>
+                    <span className="flex items-center gap-1.5 text-white text-sm font-semibold group-hover:gap-3 transition-all">
+                      Book now <ArrowRight className="w-4 h-4" />
+                    </span>
+                  </div>
+                </div>
+              </div>
+
+              {/* Narrow promo cards */}
+              <div className="flex flex-col gap-5">
+                <div className="relative rounded-2xl overflow-hidden min-h-[100px] group cursor-pointer">
+                  <div className="absolute inset-0 bg-gradient-to-br from-amber-500 to-orange-600" />
+                  <div className="absolute inset-0 bg-gradient-to-r from-black/20 to-transparent" />
+                  <div className="relative z-10 p-5 flex flex-col justify-between h-full min-h-[100px]">
+                    <div>
+                      <span className="inline-block px-2.5 py-0.5 bg-white/25 text-white text-xs font-semibold rounded-full mb-2 backdrop-blur-sm">New</span>
+                      <h3 className="text-lg font-bold text-white leading-tight">Family Package</h3>
+                      <p className="text-white/75 text-xs mt-1">4 tickets for the price of 3</p>
+                    </div>
+                    <div className="flex items-center justify-end mt-3">
+                      <span className="flex items-center gap-1 text-white text-xs font-semibold group-hover:gap-2 transition-all">
+                        Learn more <ArrowRight className="w-3.5 h-3.5" />
+                      </span>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="relative rounded-2xl overflow-hidden min-h-[100px] group cursor-pointer">
+                  <div className="absolute inset-0 bg-gradient-to-br from-blue-600 to-indigo-700" />
+                  <div className="absolute inset-0 bg-gradient-to-r from-black/20 to-transparent" />
+                  <div className="relative z-10 p-5 flex flex-col justify-between h-full min-h-[100px]">
+                    <div>
+                      <span className="inline-block px-2.5 py-0.5 bg-white/25 text-white text-xs font-semibold rounded-full mb-2 backdrop-blur-sm">Student</span>
+                      <h3 className="text-lg font-bold text-white leading-tight">Student Discount</h3>
+                      <p className="text-white/75 text-xs mt-1">15% off with valid student ID</p>
+                    </div>
+                    <div className="flex items-center justify-end mt-3">
+                      <span className="flex items-center gap-1 text-white text-xs font-semibold group-hover:gap-2 transition-all">
+                        Learn more <ArrowRight className="w-3.5 h-3.5" />
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <style jsx>{`
+        @keyframes slide-up {
+          from { transform: translateY(100%); opacity: 0; }
+          to   { transform: translateY(0);    opacity: 1; }
+        }
+        .animate-slide-up { animation: slide-up 0.25s cubic-bezier(0.32, 0.72, 0, 1); }
+      `}</style>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/booking/seats/page.tsx b/apps/edr-passenger-web/portal/src/app/booking/seats/page.tsx
new file mode 100644
index 000000000..3cdcba6c1
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/booking/seats/page.tsx
@@ -0,0 +1,676 @@
+'use client';
+
+export const dynamic = 'force-dynamic';
+
+import { useRouter } from 'next/navigation';
+import { useBookingStore } from '@/lib/booking-store';
+import { useQuery, useMutation } from '@tanstack/react-query';
+import { apiClient } from '@/lib/api-client';
+import { useState, useEffect, useCallback, useMemo, memo } from 'react';
+import { Armchair, Bed, ChevronLeft } from 'lucide-react';
+
+import CustomModal from '@/components/CustomModal';
+
+const SeatButton = memo(({ seat, isSelected, onToggle, isBedCoach, bedLabel, coachSeatClass }: any) => {
+  const seatLabel = seat.number || seat.label || seat.seatNumber || '?';
+  const bedWidth = 'w-24';
+  const width = isBedCoach ? bedWidth : 'w-10';
+  
+  return (
+    <div className="flex flex-col items-center">
+      <button
+        onClick={() => onToggle(seat.id)}
+        disabled={seat.status !== 'AVAILABLE'}
+        className={`${width} h-11 rounded flex items-center justify-center transition-all ${
+          isSelected
+            ? 'bg-[rgb(20_113_76)] text-white shadow-md scale-105'
+            : seat.status === 'AVAILABLE'
+            ? 'bg-green-500 hover:bg-green-600 text-white cursor-pointer hover:shadow-md'
+            : seat.status === 'HELD'
+            ? 'bg-yellow-500 text-white cursor-not-allowed opacity-75'
+            : 'bg-gray-500 text-white cursor-not-allowed opacity-60'
+        }`}
+        title={`Seat ${seatLabel}${bedLabel} - ${seat.status} - ${coachSeatClass}`}
+        style={isBedCoach ? (seat.row % 2 === 1 ? { transform: 'scaleY(-1)' } : undefined) : (seat.row % 2 === 0 ? { transform: 'scaleY(-1)' } : undefined)}
+      >
+        {isBedCoach ? (
+          <Bed className="w-7 h-7" />
+        ) : (
+          <Armchair className="w-7 h-7" />
+        )}
+      </button>
+    </div>
+  );
+});
+
+SeatButton.displayName = 'SeatButton';
+
+export default function SeatsPage() {
+  const router = useRouter();
+  const { selectedSchedule, passengers, setSeatHold, setPassengers, searchCriteria, bookingId } = useBookingStore();
+  const [selectedSeats, setSelectedSeats] = useState<string[]>([]);
+  const [selectedCoach, setSelectedCoach] = useState<string | null>(null);
+  const [currentJourneyType, setCurrentJourneyType] = useState<'outbound' | 'inbound'>('outbound');
+  const [modalState, setModalState] = useState({
+    isOpen: false,
+    title: '',
+    message: '',
+    type: 'info' as 'warning' | 'error' | 'success' | 'info',
+  });
+
+  const isRoundTrip = searchCriteria?.tripType === 'ROUND_TRIP';
+
+  const { data: seatMapData, isLoading, error } = useQuery({
+    queryKey: ['seatmap', selectedSchedule?.id],
+    queryFn: () => apiClient.get(`/seats/seatmap/${selectedSchedule?.id}`),
+    enabled: !!selectedSchedule?.id,
+  });
+
+  const holdMutation = useMutation({
+    mutationFn: async (seatIds: string[]) => {
+      const passengersForHold = passengers.slice(0, seatIds.length).map((_, i) => ({
+        passengerId: `temp-${Date.now()}-${i}`,
+        seatId: seatIds[i],
+      }));
+      
+      // For round trip inbound, swap origin and destination
+      const isInbound = isRoundTrip && currentJourneyType === 'inbound';
+      const originId = isInbound ? searchCriteria?.destinationStationId : searchCriteria?.originStationId;
+      const destinationId = isInbound ? searchCriteria?.originStationId : searchCriteria?.destinationStationId;
+      
+      return apiClient.post(`/seats/hold`, {
+        scheduleId: selectedSchedule?.id,
+        originStationId: originId,
+        destinationStationId: destinationId,
+        passengers: passengersForHold,
+      });
+    },
+    onSuccess: (data: any) => {
+      setSeatHold({
+        holdId: data.holdId || data.id,
+        expiresAt: data.expiresAt,
+      });
+    },
+  });
+
+  const bookSeatsMutation = useMutation({
+    mutationFn: async (seatIds: string[]) => {
+      return Promise.all(
+        seatIds.map((seatId) =>
+          apiClient.patch(`/seats/${seatId}`, {
+            status: 'BOOKED',
+          }).catch(() => null)
+        )
+      );
+    },
+  });
+
+  const coaches = useMemo(() => (seatMapData as any)?.coaches || [], [seatMapData]);
+  
+  const filteredCoaches = useMemo(() => {
+    if (!selectedSchedule?.selectedSeatClass) {
+      return coaches.filter((c: any) => c.seats && c.seats.length > 0);
+    }
+    
+    let filtered = coaches.filter((c: any) => {
+      const seatClasses = c.seatClasses || [c.seatClass] || [];
+      return seatClasses.some((seatClassName: string) => 
+        seatClassName === selectedSchedule.selectedSeatClass || 
+        seatClassName.replace(/_/g, ' ').toLowerCase() === selectedSchedule.selectedSeatClass?.toLowerCase() ||
+        seatClassName.toLowerCase() === selectedSchedule.selectedSeatClass?.toLowerCase()
+      );
+    });
+    return filtered.filter((c: any) => c.seats && c.seats.length > 0);
+  }, [coaches, selectedSchedule?.selectedSeatClass]);
+
+  useEffect(() => {
+    if (filteredCoaches.length > 0 && !selectedCoach) {
+      setSelectedCoach(filteredCoaches[0].id);
+    }
+  }, [filteredCoaches, selectedCoach]);
+
+  const selectedCoachData = useMemo(() => filteredCoaches.find((c: any) => c.id === selectedCoach), [filteredCoaches, selectedCoach]);
+  const allSeats = useMemo(() => selectedCoachData?.seats || [], [selectedCoachData]);
+  
+  const getBedPosition = (selectedClass: string): string | null => {
+    const lowerClass = selectedClass.toLowerCase();
+    if (lowerClass.includes('upper')) return 'upper';
+    if (lowerClass.includes('middle')) return 'middle';
+    if (lowerClass.includes('lower')) return 'lower';
+    return null;
+  };
+
+  const validSeats = useMemo(() => {
+    let seats = allSeats.filter((s: any) => s.seatNumber && !s.seatNumber.startsWith('-'));
+    const isBedCoach = selectedCoachData?.seatClass?.toLowerCase().includes('bed') || selectedCoachData?.mode?.toLowerCase().includes('bed');
+    
+    if (isBedCoach && selectedSchedule?.selectedSeatClass) {
+      const selectedBedPosition = getBedPosition(selectedSchedule.selectedSeatClass);
+      if (selectedBedPosition) {
+        seats = seats.filter((s: any) => s.bedPosition === selectedBedPosition);
+      }
+    }
+    
+    return seats;
+  }, [allSeats, selectedCoachData, selectedSchedule?.selectedSeatClass]);
+
+  const handleSeatClick = useCallback((seatId: string) => {
+    setSelectedSeats(prev => {
+      if (prev.length < passengers.length) {
+        return [...prev, seatId];
+      } else {
+        return [seatId];
+      }
+    });
+  }, [passengers.length]);
+
+  const handleContinue = async () => {
+    if (isRoundTrip && currentJourneyType === 'outbound') {
+      // Save outbound seats and show inbound
+      if (selectedSeats.length > 0) {
+        try {
+          await holdMutation.mutateAsync(selectedSeats);
+          const updatedPassengers = passengers.map((p, i) => {
+            const seatData = validSeats?.find((s: any) => s.id === selectedSeats[i]);
+            return {
+              ...p,
+              seatId: selectedSeats[i],
+              seatNumber: seatData?.number || seatData?.label || seatData?.seatNumber || '',
+            };
+          });
+          setPassengers(updatedPassengers);
+        } catch (error: any) {
+          setModalState({
+            isOpen: true,
+            title: 'Seat Hold Failed',
+            message: error?.response?.data?.message || 'Failed to hold seats. Please try again.',
+            type: 'error',
+          });
+          return;
+        }
+      }
+      setCurrentJourneyType('inbound');
+      setSelectedSeats([]);
+      setSelectedCoach(null);
+      return;
+    }
+
+    // Final continue (one-way or round-trip inbound)
+    if (selectedSeats.length > 0) {
+      try {
+        await holdMutation.mutateAsync(selectedSeats);
+        const updatedPassengers = passengers.map((p, i) => {
+          const seatData = validSeats?.find((s: any) => s.id === selectedSeats[i]);
+          return {
+            ...p,
+            seatId: selectedSeats[i],
+            seatNumber: seatData?.number || seatData?.label || seatData?.seatNumber || '',
+          };
+        });
+        setPassengers(updatedPassengers);
+      } catch (error: any) {
+        setModalState({
+          isOpen: true,
+          title: 'Seat Hold Failed',
+          message: error?.response?.data?.message || 'Failed to hold seats. Please try again.',
+          type: 'error',
+        });
+        return;
+      }
+    }
+    router.push('/booking/review');
+  };
+
+  const handleAutoAssign = async () => {
+    const availableSeats = validSeats?.filter((s: any) => s.status === 'AVAILABLE') || [];
+    if (availableSeats.length < passengers.length) {
+      setModalState({
+        isOpen: true,
+        title: 'Not Enough Seats',
+        message: `Only ${availableSeats.length} seat(s) available in this coach, but you need ${passengers.length} seat(s). Please select another coach.`,
+        type: 'warning',
+      });
+      return;
+    }
+    
+    const autoSelectedSeats = availableSeats.slice(0, passengers.length).map((s: any) => s.id);
+    setSelectedSeats(autoSelectedSeats);
+    
+    try {
+      await holdMutation.mutateAsync(autoSelectedSeats);
+      const updatedPassengers = passengers.map((p, i) => {
+        const seatData = availableSeats[i];
+        return {
+          ...p,
+          seatId: autoSelectedSeats[i],
+          seatNumber: seatData?.number || seatData?.label || seatData?.seatNumber || '',
+        };
+      });
+      setPassengers(updatedPassengers);
+      router.push('/booking/review');
+    } catch (error: any) {
+      console.error('Failed to hold seats:', error);
+      setModalState({
+        isOpen: true,
+        title: 'Seat Hold Failed',
+        message: error?.response?.data?.message || 'Failed to hold seats. Please try again.',
+        type: 'error',
+      });
+    }
+  };
+
+  const handleBackToPassengers = () => {
+    router.push('/booking/passengers');
+  };
+
+  useEffect(() => {
+    if (!selectedSchedule || !passengers.length) {
+      router.push('/booking/search');
+    }
+  }, [selectedSchedule, passengers.length, router]);
+
+  useEffect(() => {
+    if (bookingId && selectedSeats.length > 0) {
+      bookSeatsMutation.mutate(selectedSeats);
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [bookingId]);
+
+  const parseSeatArrangement = (arrangement: string | null): number[] => {
+    if (!arrangement) return [2, 2];
+    const parts = arrangement.split('+').map(p => parseInt(p.trim()));
+    return parts.length === 2 ? parts : [2, 2];
+  };
+
+  const getBedLabel = (bedPosition: string | null): string => {
+    if (bedPosition === 'upper') return 'U';
+    if (bedPosition === 'middle') return 'M';
+    if (bedPosition === 'lower') return 'L';
+    return '';
+  };
+
+  const renderCoachSeats = (coach: any, isBedCoach: boolean) => {
+    const arrangement = parseSeatArrangement(coach.seatArrangement);
+    const leftCount = arrangement[0];
+
+    if (validSeats.length === 0) {
+      return <div className="text-xs text-muted-foreground">No seats</div>;
+    }
+
+    const hasBedPositionData = validSeats.some((s: any) => s.bedPosition);
+    const seatClassStr = typeof selectedCoachData?.seatClass === 'string' ? selectedCoachData.seatClass : (selectedCoachData?.seatClass?.name || '');
+
+    if (isBedCoach && hasBedPositionData) {
+      return (
+        <div className="space-y-2 w-40">
+          {validSeats.map((seat: any) => {
+            const rowNumber = seat.row || 1;
+            const shouldFlipIcon = rowNumber % 2 === 0;
+            
+            return (
+              <div key={seat.id}>
+                {shouldFlipIcon && (
+                  <div className="w-24 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                    {seat.seatNumber && !seat.seatNumber.startsWith('-') ? `${seat.seatNumber}${getBedLabel(seat.bedPosition)}` : ''}
+                  </div>
+                )}
+                <div className="flex">
+                  <SeatButton
+                    key={seat.id}
+                    seat={seat}
+                    isSelected={selectedSeats.includes(seat.id)}
+                    onToggle={handleSeatClick}
+                    isBedCoach={true}
+                    bedLabel={getBedLabel(seat.bedPosition)}
+                    coachSeatClass={seatClassStr}
+                  />
+                </div>
+                {!shouldFlipIcon && (
+                  <div className="w-24 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                    {seat.seatNumber && !seat.seatNumber.startsWith('-') ? `${seat.seatNumber}${getBedLabel(seat.bedPosition)}` : ''}
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+      );
+    }
+
+    const rows = [];
+    const processedRows = new Set();
+    for (const seat of validSeats) {
+      if (!processedRows.has(seat.row)) {
+        rows.push(validSeats.filter((s: any) => s.row === seat.row).sort((a: any, b: any) => {
+          const colA = a.col.charCodeAt(0);
+          const colB = b.col.charCodeAt(0);
+          return colA - colB;
+        }));
+        processedRows.add(seat.row);
+      }
+    }
+
+    return (
+      <div className="space-y-0">
+        {rows.map((rowSeats: any[], rowIdx: number) => {
+          const leftSeats = rowSeats.slice(0, leftCount);
+          const rightSeats = rowSeats.slice(leftCount);
+          const rowNumber = rowSeats[0]?.row || 1;
+          const shouldFlipArmchair = rowNumber % 2 === 0;
+          const showSpacing = rowIdx % 2 === 1;
+
+          return (
+            <div key={`row-${rowSeats[0]?.id}`}>
+              {shouldFlipArmchair && (
+                <div className="flex gap-0.5 justify-start text-xs text-muted-foreground mb-1">
+                  <div className="flex gap-0.5">
+                    {leftSeats.map((seat: any) => (
+                      <div key={`num-before-left-${seat.id}`} className="w-10 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                        {seat.seatNumber && !seat.seatNumber.startsWith('-') ? seat.seatNumber : ''}
+                      </div>
+                    ))}
+                  </div>
+                  {rightSeats.length > 0 && <div className="w-3" />}
+                  {rightSeats.length > 0 && (
+                    <div className="flex gap-0.5">
+                      {rightSeats.map((seat: any) => (
+                        <div key={`num-before-right-${seat.id}`} className="w-10 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                          {seat.seatNumber && !seat.seatNumber.startsWith('-') ? seat.seatNumber : ''}
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              )}
+              <div className="flex gap-0.5 justify-start">
+                <div className="flex gap-0.5">
+                  {leftSeats.map((seat: any) => (
+                    <SeatButton
+                      key={seat.id}
+                      seat={seat}
+                      isSelected={selectedSeats.includes(seat.id)}
+                      onToggle={handleSeatClick}
+                      isBedCoach={false}
+                      bedLabel=""
+                    />
+                  ))}
+                </div>
+                {rightSeats.length > 0 && <div className="w-3" />}
+                {rightSeats.length > 0 && (
+                  <div className="flex gap-0.5">
+                    {rightSeats.map((seat: any) => (
+                      <SeatButton
+                        key={seat.id}
+                        seat={seat}
+                        isSelected={selectedSeats.includes(seat.id)}
+                        onToggle={handleSeatClick}
+                        isBedCoach={false}
+                        bedLabel=""
+                      />
+                    ))}
+                  </div>
+                )}
+              </div>
+
+              {!shouldFlipArmchair && (
+                <div className="flex gap-0.5 justify-start text-xs text-muted-foreground mb-1">
+                  <div className="flex gap-0.5">
+                    {leftSeats.map((seat: any) => (
+                      <div key={`num-left-${seat.id}`} className="w-10 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                        {seat.seatNumber && !seat.seatNumber.startsWith('-') ? seat.seatNumber : ''}
+                      </div>
+                    ))}
+                  </div>
+                  {rightSeats.length > 0 && <div className="w-3" />}
+                  {rightSeats.length > 0 && (
+                    <div className="flex gap-0.5">
+                      {rightSeats.map((seat: any) => (
+                        <div key={`num-right-${seat.id}`} className="w-10 h-4 flex items-center justify-center text-xs font-bold mb-0.5 leading-3 text-foreground">
+                          {seat.seatNumber && !seat.seatNumber.startsWith('-') ? seat.seatNumber : ''}
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              )}
+
+              {showSpacing && <div className="h-2" />}
+            </div>
+          );
+        })}
+      </div>
+    );
+  };
+
+  if (!selectedSchedule || !passengers.length) return null;
+
+  const allSelected = selectedSeats.length === passengers.length;
+  const isBedCoach = selectedCoachData?.seatClass?.toLowerCase().includes('bed') || selectedCoachData?.mode?.toLowerCase().includes('bed');
+
+  // Summary card content — shared between sidebar and mobile modal
+  const SummaryContent = () => (
+    <>
+      <div className="flex items-center justify-between mb-1">
+        <h3 className="font-bold text-gray-900 dark:text-white">Selection Summary</h3>
+        <span className={`text-xs font-semibold px-2 py-0.5 rounded-full ${
+          allSelected ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' : 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400'
+        }`}>
+          {selectedSeats.length}/{passengers.length} selected
+        </span>
+      </div>
+      <p className="text-xs text-gray-500 dark:text-gray-400 mb-4">
+        {allSelected ? 'All seats selected — ready to continue' : `Select ${passengers.length - selectedSeats.length} more seat(s)`}
+      </p>
+
+      {/* Progress bar */}
+      <div className="h-1.5 bg-gray-100 dark:bg-gray-700 rounded-full mb-4 overflow-hidden">
+        <div
+          className="h-full bg-[rgb(20,113,76)] rounded-full transition-all duration-300"
+          style={{ width: `${(selectedSeats.length / passengers.length) * 100}%` }}
+        />
+      </div>
+
+      <div className="space-y-2 mb-5">
+        {passengers.map((p, i) => {
+          const assignedSeat = selectedSeats[i] ? validSeats?.find((s: any) => s.id === selectedSeats[i]) : null;
+          const seatLabel = assignedSeat ? (assignedSeat.number || assignedSeat.label || assignedSeat.seatNumber || '—') : '—';
+          const bedLabel = assignedSeat ? getBedLabel(assignedSeat.bedPosition) : '';
+          return (
+            <div key={i} className="flex items-center justify-between py-2 border-b border-gray-100 dark:border-gray-800 last:border-0">
+              <div className="flex items-center gap-2">
+                <div className={`w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold flex-shrink-0 ${
+                  assignedSeat ? 'bg-[rgb(20,113,76)] text-white' : 'bg-gray-200 dark:bg-gray-700 text-gray-500'
+                }`}>{i + 1}</div>
+                <span className="text-sm text-gray-700 dark:text-gray-300 truncate max-w-[120px]">{p.name}</span>
+              </div>
+              <span className={`text-sm font-semibold ${
+                assignedSeat ? 'text-[rgb(20,113,76)]' : 'text-gray-400'
+              }`}>
+                {assignedSeat ? `${seatLabel}${bedLabel}` : 'Not selected'}
+              </span>
+            </div>
+          );
+        })}
+      </div>
+
+      <button
+        onClick={handleContinue}
+        disabled={selectedSeats.length === 0 || holdMutation.isPending}
+        className="w-full py-3 bg-[rgb(20,113,76)] hover:bg-[rgb(16,89,60)] disabled:opacity-40 disabled:cursor-not-allowed text-white font-bold text-sm rounded-xl transition-all shadow-lg"
+      >
+        {holdMutation.isPending 
+          ? 'Holding seats...' 
+          : isRoundTrip && currentJourneyType === 'outbound'
+          ? 'Continue to Return Seats'
+          : allSelected 
+          ? 'Continue' 
+          : 'Continue with partial selection'
+        }
+      </button>
+      <button
+        onClick={handleAutoAssign}
+        disabled={holdMutation.isPending}
+        className="w-full mt-2 py-2.5 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 disabled:opacity-40 text-gray-700 dark:text-gray-300 font-semibold text-sm rounded-xl transition-all"
+      >
+        Auto-assign seats
+      </button>
+    </>
+  );
+
+  return (
+    <>
+      <CustomModal
+        isOpen={modalState.isOpen}
+        onClose={() => setModalState({ ...modalState, isOpen: false })}
+        title={modalState.title}
+        message={modalState.message}
+        type={modalState.type}
+      />
+
+      {/* Mobile summary bottom-sheet */}
+      {selectedSeats.length > 0 && (
+        <>
+          <div className="fixed inset-x-0 bottom-0 z-50 lg:hidden bg-white dark:bg-gray-900 rounded-t-2xl shadow-2xl p-5"
+            style={{ animation: 'seats-slide-up 0.25s cubic-bezier(0.32,0.72,0,1)' }}
+          >
+            <div className="w-10 h-1 bg-gray-300 dark:bg-gray-600 rounded-full mx-auto mb-4" />
+            <SummaryContent />
+          </div>
+          <style>{`@keyframes seats-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}`}</style>
+        </>
+      )}
+
+      <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
+        {/* Header */}
+        <div className="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 sticky top-0 z-30">
+          <div className="container mx-auto px-4">
+            <div className="max-w-6xl mx-auto flex items-center justify-between h-14">
+              <button
+                onClick={handleBackToPassengers}
+                className="flex items-center gap-1.5 text-sm text-gray-600 dark:text-gray-400 hover:text-primary transition-colors font-medium"
+              >
+                <ChevronLeft className="w-4 h-4" />
+                Back
+              </button>
+              <h1 className="text-base font-bold text-gray-900 dark:text-white">
+                {isRoundTrip 
+                  ? (currentJourneyType === 'outbound' ? 'Select Outbound Seats' : 'Select Return Seats')
+                  : 'Select Seats'
+                }
+              </h1>
+              <div className="text-sm font-semibold text-[rgb(20,113,76)]">
+                {selectedSeats.length}/{passengers.length}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="container mx-auto px-4 py-5">
+          <div className="max-w-6xl mx-auto">
+            <div className="grid grid-cols-1 lg:grid-cols-3 gap-5">
+
+              {/* ── Seat map panel ── */}
+              <div className="lg:col-span-2 space-y-4">
+                {isLoading ? (
+                  <div className="bg-white dark:bg-gray-800 rounded-2xl p-8 text-center">
+                    <div className="w-10 h-10 border-4 border-primary border-t-transparent rounded-full animate-spin mx-auto mb-3" />
+                    <p className="text-sm text-gray-500 dark:text-gray-400">Loading seat map...</p>
+                  </div>
+                ) : error ? (
+                  <div className="bg-white dark:bg-gray-800 rounded-2xl p-8 text-center">
+                    <p className="text-red-500 font-medium">Error loading seats</p>
+                    <p className="text-sm text-gray-400 mt-1">{(error as any)?.message || 'Please try again'}</p>
+                  </div>
+                ) : filteredCoaches.length === 0 ? (
+                  <div className="bg-white dark:bg-gray-800 rounded-2xl p-8 text-center">
+                    <p className="text-gray-500 dark:text-gray-400">No coaches available for {selectedSchedule?.selectedSeatClass}</p>
+                  </div>
+                ) : (
+                  <>
+                    {/* Coach selector */}
+                    <div className="bg-white dark:bg-gray-800 rounded-2xl p-4 border border-gray-100 dark:border-gray-700">
+                      <h3 className="text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-3">Coach</h3>
+                      <div className="flex flex-wrap gap-2">
+                        {filteredCoaches.map((coach: any) => {
+                          const coachSeats = coach.seats?.filter((s: any) => s.seatNumber && !s.seatNumber.startsWith('-')) || [];
+                          const isBed = coach.seatClass?.toLowerCase().includes('bed') || coach.mode?.toLowerCase().includes('bed');
+                          let fSeats = coachSeats;
+                          if (isBed && selectedSchedule?.selectedSeatClass) {
+                            const bedPos = getBedPosition(selectedSchedule.selectedSeatClass);
+                            if (bedPos) fSeats = coachSeats.filter((s: any) => s.bedPosition === bedPos);
+                          }
+                          const available = fSeats.filter((s: any) => s.status === 'AVAILABLE').length;
+                          const isActive = selectedCoach === coach.id;
+                          return (
+                            <button
+                              key={coach.id}
+                              onClick={() => setSelectedCoach(coach.id)}
+                              className={`px-4 py-2.5 rounded-xl text-sm font-semibold transition-all ${
+                                isActive
+                                  ? 'bg-[rgb(20,113,76)] text-white shadow-md'
+                                  : 'bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600'
+                              }`}
+                            >
+                              <div>{coach.label || coach.name || coach.coachNumber}</div>
+                              <div className={`text-xs mt-0.5 ${isActive ? 'text-white/70' : 'text-gray-400'}`}>{available} free</div>
+                            </button>
+                          );
+                        })}
+                      </div>
+                    </div>
+
+                    {/* Seat map */}
+                    <div className="bg-white dark:bg-gray-800 rounded-2xl p-4 border border-gray-100 dark:border-gray-700">
+                      <div className="flex items-center justify-between mb-3">
+                        <h3 className="text-sm font-semibold text-gray-900 dark:text-white">
+                          {selectedCoachData?.name || selectedCoachData?.label || selectedCoachData?.coachNumber}
+                        </h3>
+                        <span className="text-xs text-gray-400">{selectedCoachData?.seatArrangement}</span>
+                      </div>
+
+                      {/* Legend */}
+                      <div className="flex flex-wrap gap-3 mb-4">
+                        {[
+                          { color: 'bg-green-500', label: 'Available' },
+                          { color: 'bg-[rgb(20,113,76)]', label: 'Selected' },
+                          { color: 'bg-yellow-500', label: 'Held' },
+                          { color: 'bg-gray-400', label: 'Booked' },
+                        ].map(({ color, label }) => (
+                          <div key={label} className="flex items-center gap-1.5">
+                            <div className={`w-3 h-3 ${color} rounded-sm`} />
+                            <span className="text-xs text-gray-500 dark:text-gray-400">{label}</span>
+                          </div>
+                        ))}
+                      </div>
+
+                      <div className="overflow-x-auto">
+                        <div className="inline-block bg-gray-50 dark:bg-gray-700/30 rounded-xl p-4 border border-gray-200 dark:border-gray-700">
+                          {validSeats.length === 0 ? (
+                            <p className="text-sm text-gray-400 py-4">No seats in this coach</p>
+                          ) : (
+                            renderCoachSeats(selectedCoachData, isBedCoach)
+                          )}
+                        </div>
+                      </div>
+                    </div>
+                  </>
+                )}
+              </div>
+
+              {/* ── Sidebar summary (desktop only) ── */}
+              <div className="hidden lg:block lg:col-span-1">
+                <div className="bg-white dark:bg-gray-800 rounded-2xl p-5 border border-gray-100 dark:border-gray-700 sticky top-20">
+                  <SummaryContent />
+                </div>
+              </div>
+
+            </div>
+
+            {/* Mobile spacer so bottom-sheet doesn't cover last seat */}
+            <div className="h-48 lg:hidden" />
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/contact/page.tsx b/apps/edr-passenger-web/portal/src/app/contact/page.tsx
new file mode 100644
index 000000000..f2c0f4296
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/contact/page.tsx
@@ -0,0 +1,375 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { getTranslation, Language, useLanguage } from '@/lib/i18n';
+import { Phone, Mail, MapPin, Send, Loader } from 'lucide-react';
+
+const styles = `
+  .contact-hero {
+    padding: 60px 20px;
+    background: linear-gradient(to bottom right, rgb(20, 113, 76), transparent);
+    text-align: center;
+    color: #111827;
+  }
+  
+  .dark .contact-hero {
+    color: #f3f4f6;
+  }
+  
+  .contact-hero h1 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin-bottom: 16px;
+    color: #111827;
+  }
+  
+  .dark .contact-hero h1 {
+    color: #f3f4f6;
+  }
+  
+  .contact-hero p {
+    font-size: 1.125rem;
+    color: #6b7280;
+  }
+  
+  .dark .contact-hero p {
+    color: #9ca3af;
+  }
+  
+  .contact-grid {
+    max-width: 80rem;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 24px;
+    padding: 60px 20px;
+    background-color: white;
+  }
+  
+  .dark .contact-grid {
+    background-color: #111827;
+  }
+  
+  .contact-card {
+    background: white;
+    border: 2px solid #f3f4f6;
+    border-radius: 18px;
+    padding: 24px;
+    cursor: pointer;
+    text-align: center;
+    transition: all 0.2s;
+  }
+  
+  .dark .contact-card {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  .contact-card:hover {
+    border-color: rgb(20, 113, 76);
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+  }
+  
+  .contact-icon {
+    width: 48px;
+    height: 48px;
+    background: rgb(20, 113, 76);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 16px;
+  }
+  
+  .contact-card h3 {
+    font-weight: 700;
+    margin-bottom: 8px;
+    color: #111827;
+  }
+  
+  .dark .contact-card h3 {
+    color: #f3f4f6;
+  }
+  
+  .contact-card p {
+    font-size: 0.875rem;
+    color: #6b7280;
+  }
+  
+  .dark .contact-card p {
+    color: #9ca3af;
+  }
+  
+  .contact-card a {
+    color: #6b7280;
+    text-decoration: none;
+  }
+  
+  .contact-card a:hover {
+    color: rgb(20, 113, 76);
+  }
+  
+  .form-section {
+    padding: 60px 20px;
+    background-color: #f9fafb;
+  }
+  
+  .dark .form-section {
+    background-color: #0f1117;
+  }
+  
+  .form-container {
+    max-width: 42rem;
+    margin: 0 auto;
+    background: white;
+    border-radius: 18px;
+    padding: 32px;
+    border: 1px solid #e5e7eb;
+  }
+  
+  .dark .form-container {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  .form-container h2 {
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-bottom: 24px;
+    color: #111827;
+  }
+  
+  .dark .form-container h2 {
+    color: #f3f4f6;
+  }
+  
+  .form-group {
+    margin-bottom: 20px;
+  }
+  
+  .form-group label {
+    display: block;
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: #374151;
+    margin-bottom: 8px;
+  }
+  
+  .dark .form-group label {
+    color: #d1d5db;
+  }
+  
+  .form-group input,
+  .form-group textarea {
+    width: 100%;
+    padding: 12px 16px;
+    border: 2px solid #e5e7eb;
+    border-radius: 12px;
+    font-size: 1rem;
+    font-family: inherit;
+    transition: all 0.2s;
+    box-sizing: border-box;
+    background: white;
+    color: #111827;
+  }
+  
+  .dark .form-group input,
+  .dark .form-group textarea {
+    background: #111827;
+    color: #f3f4f6;
+    border-color: #374151;
+  }
+  
+  .form-group input:focus,
+  .form-group textarea:focus {
+    outline: none;
+    border-color: rgb(20, 113, 76);
+    box-shadow: 0 0 0 3px rgba(20, 113, 76, 0.1);
+  }
+  
+  .form-submit {
+    width: 100%;
+    padding: 14px 20px;
+    background-color: rgb(20, 113, 76);
+    color: white;
+    border: none;
+    border-radius: 12px;
+    font-weight: 700;
+    cursor: pointer;
+    transition: all 0.2s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    margin-top: 8px;
+  }
+  
+  .form-submit:hover {
+    background-color: rgb(16, 89, 60);
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+  }
+  
+  .form-submit:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+  
+  .alert {
+    padding: 12px 16px;
+    border-radius: 8px;
+    margin-bottom: 16px;
+    font-size: 0.875rem;
+  }
+  
+  .alert-success {
+    background-color: #dbeafe;
+    color: #1e40af;
+  }
+  
+  .dark .alert-success {
+    background-color: rgba(20, 113, 76, 0.1);
+    color: #a7f3d0;
+  }
+  
+  .alert-error {
+    background-color: #fee2e2;
+    color: #991b1b;
+  }
+  
+  .dark .alert-error {
+    background-color: rgba(239, 68, 68, 0.1);
+    color: #fca5a5;
+  }
+`;
+
+export default function Contact() {
+  const [lang, setLang] = useState<Language>('en');
+  const [formData, setFormData] = useState({ name: '', email: '', subject: '', message: '' });
+  const [loading, setLoading] = useState(false);
+  const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null);
+  const { getLang } = useLanguage();
+  const t = (key: string) => getTranslation(lang, key);
+
+  useEffect(() => {
+    setLang(getLang());
+    const handleLanguageChange = (e: any) => setLang(e.detail);
+    window.addEventListener('languageChange', handleLanguageChange);
+    return () => window.removeEventListener('languageChange', handleLanguageChange);
+  }, [getLang]);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    
+    try {
+      await new Promise(resolve => setTimeout(resolve, 1500));
+      setMessage({ type: 'success', text: t('contact.success') });
+      setFormData({ name: '', email: '', subject: '', message: '' });
+    } catch (error) {
+      setMessage({ type: 'error', text: t('contact.error') });
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const contactInfo = [
+    { icon: Phone, title: t('contact.phone'), value: '+251 911 000 000', link: 'tel:+251911000000' },
+    { icon: Mail, title: t('contact.email'), value: 'support@edr.et', link: 'mailto:support@edr.et' },
+    { icon: MapPin, title: t('contact.address'), value: 'Addis Ababa, Ethiopia', link: '#' },
+  ];
+
+  return (
+    <>
+      <style>{styles}</style>
+      <main>
+        <section className="contact-hero">
+          <h1>{t('contact.title')}</h1>
+          <p>{t('contact.subtitle')}</p>
+        </section>
+
+        <section className="contact-grid">
+          {contactInfo.map((info, idx) => {
+            const Icon = info.icon;
+            return (
+              <a key={idx} href={info.link} className="contact-card">
+                <div className="contact-icon">
+                  <Icon size={24} color="white" />
+                </div>
+                <h3>{info.title}</h3>
+                <p>{info.value}</p>
+              </a>
+            );
+          })}
+        </section>
+
+        <section className="form-section">
+          <div className="form-container">
+            <h2>{t('contact.form')}</h2>
+
+            {message && (
+              <div className={`alert alert-${message.type === 'success' ? 'success' : 'error'}`}>
+                {message.text}
+              </div>
+            )}
+
+            <form onSubmit={handleSubmit}>
+              <div className="form-group">
+                <label>{t('contact.name')}</label>
+                <input
+                  type="text"
+                  required
+                  value={formData.name}
+                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                />
+              </div>
+
+              <div className="form-group">
+                <label>{t('contact.emailField')}</label>
+                <input
+                  type="email"
+                  required
+                  value={formData.email}
+                  onChange={(e) => setFormData({ ...formData, email: e.target.value })}
+                />
+              </div>
+
+              <div className="form-group">
+                <label>{t('contact.subject')}</label>
+                <input
+                  type="text"
+                  required
+                  value={formData.subject}
+                  onChange={(e) => setFormData({ ...formData, subject: e.target.value })}
+                />
+              </div>
+
+              <div className="form-group">
+                <label>{t('contact.message')}</label>
+                <textarea
+                  required
+                  rows={5}
+                  value={formData.message}
+                  onChange={(e) => setFormData({ ...formData, message: e.target.value })}
+                />
+              </div>
+
+              <button type="submit" disabled={loading} className="form-submit">
+                {loading ? (
+                  <>
+                    <Loader size={18} />
+                    {t('contact.sending')}
+                  </>
+                ) : (
+                  <>
+                    <Send size={18} />
+                    {t('contact.send')}
+                  </>
+                )}
+              </button>
+            </form>
+          </div>
+        </section>
+      </main>
+    </>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/globals.css b/apps/edr-passenger-web/portal/src/app/globals.css
new file mode 100644
index 000000000..cf9ebe719
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/globals.css
@@ -0,0 +1,178 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  body {
+    @apply bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 antialiased;
+  }
+}
+
+@layer components {
+  .btn-primary {
+    @apply inline-flex items-center justify-center gap-2 px-6 py-3 bg-[rgb(20_113_76)] text-white font-semibold rounded-xl transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed shadow-lg hover:shadow-xl transform hover:-translate-y-0.5;
+  }
+  
+  .btn-primary:hover {
+    @apply bg-[rgb(16_89_60)];
+  }
+  
+  .btn-secondary {
+    @apply bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 font-semibold py-3 px-6 rounded-xl transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed border-2 border-gray-200 dark:border-gray-700 shadow-md hover:shadow-lg;
+  }
+  
+  .btn-secondary:hover {
+    @apply bg-gray-50 dark:bg-gray-700 border-[rgb(20_113_76)] dark:border-[rgb(20_113_76)];
+  }
+  
+  .btn-ghost {
+    @apply text-[rgb(20_113_76)] font-medium py-2 px-4 rounded-lg transition-colors;
+  }
+  
+  .btn-ghost:hover {
+    @apply bg-[rgb(20_113_76)] bg-opacity-10 dark:bg-[rgb(20_113_76)] dark:bg-opacity-20;
+  }
+  
+  .input-field {
+    @apply w-full px-4 py-3 border-2 border-gray-200 dark:border-gray-700 rounded-xl focus:outline-none focus:ring-2 focus:ring-[rgb(20_113_76)] focus:border-transparent disabled:bg-gray-50 dark:disabled:bg-gray-800 disabled:cursor-not-allowed transition-all duration-200 text-base bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100;
+  }
+  
+  .card {
+    @apply bg-white dark:bg-gray-800 rounded-2xl shadow-sm p-6 border border-gray-100 dark:border-gray-700;
+  }
+  
+  .card:hover {
+    @apply shadow-md;
+  }
+  
+  .card-interactive {
+    @apply bg-white dark:bg-gray-800 rounded-2xl shadow-sm p-6 border-2 border-gray-100 dark:border-gray-700 cursor-pointer transition-all duration-200;
+  }
+  
+  .card-interactive:hover {
+    @apply border-[rgb(20_113_76)] shadow-lg;
+  }
+  
+  .badge {
+    @apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium;
+  }
+  
+  .badge-success {
+    @apply bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300;
+  }
+  
+  .badge-warning {
+    @apply bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300;
+  }
+  
+  .badge-info {
+    @apply bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300;
+  }
+  
+  .section-title {
+    @apply text-2xl md:text-3xl font-bold text-gray-900 dark:text-gray-100 mb-2;
+  }
+  
+  .section-subtitle {
+    @apply text-base md:text-lg text-gray-600 dark:text-gray-400;
+  }
+}
+
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
+  
+  @keyframes bounce-in {
+    0% {
+      opacity: 0;
+      transform: translateY(20px) scale(0.9);
+    }
+    50% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+  
+  @keyframes float {
+    0%, 100% {
+      transform: translateY(0px);
+    }
+    50% {
+      transform: translateY(-20px);
+    }
+  }
+  
+  @keyframes shimmer {
+    0% {
+      background-position: -1000px 0;
+    }
+    100% {
+      background-position: 1000px 0;
+    }
+  }
+  
+  @keyframes slide-in-left {
+    from {
+      opacity: 0;
+      transform: translateX(-20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+  
+  @keyframes slide-in-right {
+    from {
+      opacity: 0;
+      transform: translateX(20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+  
+  .animate-bounce-in {
+    animation: bounce-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
+  }
+  
+  .animate-float {
+    animation: float 6s ease-in-out infinite;
+  }
+  
+  .animate-shimmer {
+    background-size: 1000px 100%;
+    animation: shimmer 2s infinite;
+  }
+  
+  .animate-slide-in-left {
+    animation: slide-in-left 0.5s ease-out;
+  }
+  
+  .animate-slide-in-right {
+    animation: slide-in-right 0.5s ease-out;
+  }
+
+  @keyframes slide-up {
+    from { transform: translateY(100%); opacity: 0; }
+    to { transform: translateY(0); opacity: 1; }
+  }
+
+  .animate-slide-up {
+    animation: slide-up 0.25s cubic-bezier(0.32, 0.72, 0, 1);
+  }
+
+  .scrollbar-hide {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none;
+  }
+}
diff --git a/apps/edr-passenger-web/portal/src/app/guide/page.tsx b/apps/edr-passenger-web/portal/src/app/guide/page.tsx
new file mode 100644
index 000000000..3297d1389
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/guide/page.tsx
@@ -0,0 +1,245 @@
+'use client';
+
+import { ArrowLeft, Search, Users, CreditCard, Ticket, CheckCircle, Train, Calendar, MapPin } from 'lucide-react';
+import Link from 'next/link';
+
+export default function HowToGuidePage() {
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-12">
+      <div className="container mx-auto px-4">
+        <div className="max-w-4xl mx-auto">
+          <Link 
+            href="/booking/search"
+            className="inline-flex items-center gap-2 text-primary hover:underline mb-6"
+          >
+            <ArrowLeft className="w-4 h-4" />
+            Back to Search
+          </Link>
+
+          <div className="card mb-8">
+            <div className="flex items-center gap-4 mb-6">
+              <div>
+                <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100">How to Book Your Train Ticket</h1>
+                <p className="text-gray-600 dark:text-gray-400 mt-1">
+                  Follow these simple steps to book your journey
+                </p>
+              </div>
+            </div>
+
+            {/* Booking Steps */}
+            <div className="space-y-8">
+              {/* Step 1 */}
+              <div className="flex gap-4">
+                <div className="flex-shrink-0">
+                  <div className="w-12 h-12 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center">
+                    <Search className="w-6 h-6 text-primary" />
+                  </div>
+                </div>
+                <div className="flex-1">
+                  <h3 className="text-xl font-semibold mb-2 text-gray-900 dark:text-gray-100">1. Search for Trains</h3>
+                  <p className="text-gray-600 dark:text-gray-400 mb-3">
+                    Select your origin and destination stations, choose your travel date, and specify the number of passengers.
+                  </p>
+                  <div className="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg space-y-2">
+                    <div className="flex items-center gap-2 text-sm">
+                      <MapPin className="w-4 h-4 text-primary" />
+                      <span className="text-gray-700 dark:text-gray-300">Select departure and arrival stations</span>
+                    </div>
+                    <div className="flex items-center gap-2 text-sm">
+                      <Calendar className="w-4 h-4 text-primary" />
+                      <span className="text-gray-700 dark:text-gray-300">Choose your travel date (today or future)</span>
+                    </div>
+                    <div className="flex items-center gap-2 text-sm">
+                      <Users className="w-4 h-4 text-primary" />
+                      <span className="text-gray-700 dark:text-gray-300">Specify adults and children (under 5 years)</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Step 2 */}
+              <div className="flex gap-4">
+                <div className="flex-shrink-0">
+                  <div className="w-12 h-12 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center">
+                    <Train className="w-6 h-6 text-primary" />
+                  </div>
+                </div>
+                <div className="flex-1">
+                  <h3 className="text-xl font-semibold mb-2 text-gray-900 dark:text-gray-100">2. Select Your Train & Class</h3>
+                  <p className="text-gray-600 dark:text-gray-400 mb-3">
+                    Browse available trains, compare prices, and select your preferred seat class.
+                  </p>
+                  <div className="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg">
+                    <p className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2">Available Classes:</p>
+                    <ul className="space-y-1 text-sm text-gray-700 dark:text-gray-300">
+                      <li>• <strong>Economy Regular</strong> - Standard seating</li>
+                      <li>• <strong>Economy Bed</strong> - Sleeper berths</li>
+                      <li>• <strong>VIP Bed</strong> - Premium sleeper cabins</li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+
+              {/* Step 3 */}
+              <div className="flex gap-4">
+                <div className="flex-shrink-0">
+                  <div className="w-12 h-12 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center">
+                    <Users className="w-6 h-6 text-primary" />
+                  </div>
+                </div>
+                <div className="flex-1">
+                  <h3 className="text-xl font-semibold mb-2 text-gray-900 dark:text-gray-100">3. Enter passenger details</h3>
+                  <p className="text-gray-600 dark:text-gray-400 mb-3">
+                    You can sign in for a faster experience or continue as a guest.
+                  </p>
+                  <div className="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg space-y-3">
+                    <div>
+                      <p className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-1">For Ethiopian Citizens:</p>
+                      <p className="text-sm text-gray-700 dark:text-gray-300">Click &quot;Verify with Fayda&quot; to auto-fill your details using your national ID.</p>
+                    </div>
+                    <div>
+                      <p className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-1">For International Travelers:</p>
+                      <p className="text-sm text-gray-700 dark:text-gray-300">Enter your passport details and personal information manually.</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Step 4 */}
+              <div className="flex gap-4">
+                <div className="flex-shrink-0">
+                  <div className="w-12 h-12 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center">
+                    <Ticket className="w-6 h-6 text-primary" />
+                  </div>
+                </div>
+                <div className="flex-1">
+                  <h3 className="text-xl font-semibold mb-2 text-gray-900 dark:text-gray-100">4. Select seats</h3>
+                  <p className="text-gray-600 dark:text-gray-400 mb-3">
+                    Choose your preferred seats from the interactive seat map. Available seats are shown in green.
+                  </p>
+                  <div className="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg">
+                    <div className="flex items-center gap-4 text-sm">
+                      <div className="flex items-center gap-2">
+                        <div className="w-6 h-6 bg-green-500 rounded"></div>
+                        <span className="text-gray-700 dark:text-gray-300">Available</span>
+                      </div>
+                      <div className="flex items-center gap-2">
+                        <div className="w-6 h-6 bg-yellow-500 rounded"></div>
+                        <span className="text-gray-700 dark:text-gray-300">Selected</span>
+                      </div>
+                      <div className="flex items-center gap-2">
+                        <div className="w-6 h-6 bg-gray-400 rounded"></div>
+                        <span className="text-gray-700 dark:text-gray-300">Booked</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Step 5 */}
+              <div className="flex gap-4">
+                <div className="flex-shrink-0">
+                  <div className="w-12 h-12 bg-primary-100 dark:bg-primary-900/30 rounded-full flex items-center justify-center">
+                    <CreditCard className="w-6 h-6 text-primary" />
+                  </div>
+                </div>
+                <div className="flex-1">
+                  <h3 className="text-xl font-semibold mb-2 text-gray-900 dark:text-gray-100">5. Review & Pay</h3>
+                  <p className="text-gray-600 dark:text-gray-400 mb-3">
+                    Review your booking details and complete the payment.
+                  </p>
+                  <div className="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg">
+                    <p className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2">Payment Methods:</p>
+                    <ul className="space-y-1 text-sm text-gray-700 dark:text-gray-300">
+                      <li>• Telebirr</li>
+                      <li>• CBE Birr</li>
+                      <li>• Credit/Debit Card</li>
+                      <li>• E-Wallet</li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+
+              {/* Step 6 */}
+              <div className="flex gap-4">
+                <div className="flex-shrink-0">
+                  <div className="w-12 h-12 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center">
+                    <CheckCircle className="w-6 h-6 text-green-600 dark:text-green-400" />
+                  </div>
+                </div>
+                <div className="flex-1">
+                  <h3 className="text-xl font-semibold mb-2 text-gray-900 dark:text-gray-100">6. Get Your Tickets</h3>
+                  <p className="text-gray-600 dark:text-gray-400 mb-3">
+                    Your tickets will be displayed with QR codes. Save or print them for boarding.
+                  </p>
+                  <div className="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 p-4 rounded-lg">
+                    <p className="text-sm text-green-800 dark:text-green-300">
+                      📱 Show the QR code at the gate for easy check-in. Arrive at least 30 minutes before departure.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* FAQs */}
+          <div className="card">
+            <h2 className="text-2xl font-bold mb-6 text-gray-900 dark:text-gray-100">Frequently Asked Questions</h2>
+            
+            <div className="space-y-6">
+              <div>
+                <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-2">Can I book tickets without an account?</h3>
+                <p className="text-sm text-gray-600 dark:text-gray-400">
+                  Yes! You can book as a guest. However, creating an account allows you to save passenger details and view booking history.
+                </p>
+              </div>
+
+              <div>
+                <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-2">What is Fayda verification?</h3>
+                <p className="text-sm text-gray-600 dark:text-gray-400">
+                  Fayda is the Ethiopian national ID verification system. It allows Ethiopian citizens to quickly verify their identity and auto-fill their information.
+                </p>
+              </div>
+
+              <div>
+                <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-2">How does age-based pricing work?</h3>
+                <p className="text-sm text-gray-600 dark:text-gray-400">
+                  Adults (5+ years) pay full fare. Children under 5 years travel free for the first child; additional children pay full fare.
+                </p>
+              </div>
+
+              <div>
+                <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-2">Can I change or cancel my booking?</h3>
+                <p className="text-sm text-gray-600 dark:text-gray-400">
+                  Yes, you can modify or cancel your booking through your account. Cancellation policies apply.
+                </p>
+              </div>
+
+              <div>
+                <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-2">Which currencies are supported?</h3>
+                <p className="text-sm text-gray-600 dark:text-gray-400">
+                  All transactions are in ETB (Ethiopian Birr). You can view prices in DJF (Djiboutian Franc) or USD for reference.
+                </p>
+              </div>
+
+              <div>
+                <h3 className="font-semibold text-gray-900 dark:text-gray-100 mb-2">What should I bring on the day of travel?</h3>
+                <p className="text-sm text-gray-600 dark:text-gray-400">
+                  Bring your ticket (digital or printed), valid ID/passport, and arrive 30 minutes before departure.
+                </p>
+              </div>
+            </div>
+          </div>
+
+          {/* CTA */}
+          <div className="text-center mt-8">
+            <Link href="/booking/search" className="btn-primary inline-flex items-center gap-2">
+              <Search className="w-5 h-5" />
+              Start Booking Now
+            </Link>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/help/page.tsx b/apps/edr-passenger-web/portal/src/app/help/page.tsx
new file mode 100644
index 000000000..be49c34f3
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/help/page.tsx
@@ -0,0 +1,424 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { getTranslation, Language, useLanguage } from '@/lib/i18n';
+import Link from 'next/link';
+import { ChevronDown, Search, MessageCircle } from 'lucide-react';
+
+interface FAQItem {
+  question: string;
+  answer: string;
+}
+
+interface FAQCategory {
+  title: string;
+  items: FAQItem[];
+}
+
+const styles = `
+  .help-hero {
+    padding: 60px 20px;
+    background: linear-gradient(to bottom right, rgb(20, 113, 76), transparent);
+    text-align: center;
+    color: #111827;
+  }
+  
+  .dark .help-hero {
+    color: #f3f4f6;
+  }
+  
+  .help-hero h1 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin-bottom: 16px;
+    color: #111827;
+  }
+  
+  .dark .help-hero h1 {
+    color: #f3f4f6;
+  }
+  
+  .help-hero p {
+    font-size: 1.125rem;
+    color: #6b7280;
+  }
+  
+  .dark .help-hero p {
+    color: #9ca3af;
+  }
+  
+  .search-section {
+    padding: 30px 20px;
+    background-color: white;
+    border-bottom: 1px solid #e5e7eb;
+  }
+  
+  .dark .search-section {
+    background-color: #111827;
+    border-bottom-color: #374151;
+  }
+  
+  .search-box {
+    max-width: 42rem;
+    margin: 0 auto;
+    position: relative;
+  }
+  
+  .search-box input {
+    width: 100%;
+    padding: 12px 40px 12px 12px;
+    border: 2px solid #e5e7eb;
+    border-radius: 12px;
+    font-size: 1rem;
+    transition: all 0.2s;
+    box-sizing: border-box;
+    background: white;
+    color: #111827;
+  }
+  
+  .dark .search-box input {
+    background: #1f2937;
+    color: #f3f4f6;
+    border-color: #374151;
+  }
+  
+  .search-box input:focus {
+    outline: none;
+    border-color: rgb(20, 113, 76);
+    box-shadow: 0 0 0 3px rgba(20, 113, 76, 0.1);
+  }
+  
+  .search-icon {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #9ca3af;
+    pointer-events: none;
+  }
+  
+  .faq-section {
+    padding: 60px 20px;
+    background-color: white;
+  }
+  
+  .dark .faq-section {
+    background-color: #111827;
+  }
+  
+  .faq-container {
+    max-width: 48rem;
+    margin: 0 auto;
+  }
+  
+  .faq-category {
+    margin-bottom: 40px;
+  }
+  
+  .faq-category h2 {
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-bottom: 24px;
+    color: #111827;
+  }
+  
+  .dark .faq-category h2 {
+    color: #f3f4f6;
+  }
+  
+  .faq-item {
+    border: 2px solid #e5e7eb;
+    border-radius: 8px;
+    margin-bottom: 16px;
+    overflow: hidden;
+    transition: all 0.2s;
+  }
+  
+  .dark .faq-item {
+    border-color: #374151;
+  }
+  
+  .faq-item:hover {
+    border-color: rgb(20, 113, 76);
+  }
+  
+  .faq-question {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px;
+    background-color: white;
+    cursor: pointer;
+    transition: all 0.2s;
+    border: none;
+    width: 100%;
+    text-align: left;
+    font-weight: 600;
+    color: #111827;
+  }
+  
+  .dark .faq-question {
+    background-color: #1f2937;
+    color: #f3f4f6;
+  }
+  
+  .faq-question:hover {
+    background-color: #f9fafb;
+  }
+  
+  .dark .faq-question:hover {
+    background-color: #374151;
+  }
+  
+  .faq-chevron {
+    transition: transform 0.3s;
+    flex-shrink: 0;
+    margin-left: 12px;
+  }
+  
+  .faq-chevron.open {
+    transform: rotate(180deg);
+  }
+  
+  .faq-answer {
+    padding: 16px;
+    background-color: #f9fafb;
+    border-top: 1px solid #e5e7eb;
+    color: #6b7280;
+    font-size: 0.875rem;
+    line-height: 1.6;
+  }
+  
+  .dark .faq-answer {
+    background-color: #0f1117;
+    border-top-color: #374151;
+    color: #9ca3af;
+  }
+  
+  .help-section {
+    padding: 60px 20px;
+    background-color: #f9fafb;
+  }
+  
+  .dark .help-section {
+    background-color: #0f1117;
+  }
+  
+  .help-card {
+    max-width: 42rem;
+    margin: 0 auto;
+    background: white;
+    border-radius: 18px;
+    padding: 32px;
+    border: 1px solid #e5e7eb;
+    text-align: center;
+  }
+  
+  .dark .help-card {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  .help-icon {
+    width: 64px;
+    height: 64px;
+    background: rgb(20, 113, 76);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 16px;
+  }
+  
+  .help-card h2 {
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-bottom: 12px;
+    color: #111827;
+  }
+  
+  .dark .help-card h2 {
+    color: #f3f4f6;
+  }
+  
+  .help-card p {
+    color: #6b7280;
+    margin-bottom: 24px;
+  }
+  
+  .dark .help-card p {
+    color: #9ca3af;
+  }
+  
+  .button-primary {
+    display: inline-block;
+    padding: 12px 32px;
+    background-color: rgb(20, 113, 76);
+    color: white;
+    font-weight: 700;
+    border-radius: 12px;
+    text-decoration: none;
+    transition: all 0.2s;
+  }
+  
+  .button-primary:hover {
+    background-color: rgb(16, 89, 60);
+    transform: scale(1.05);
+  }
+  
+  .no-results {
+    text-align: center;
+    padding: 40px 20px;
+    color: #6b7280;
+  }
+  
+  .dark .no-results {
+    color: #9ca3af;
+  }
+  
+  @media (max-width: 768px) {
+    .help-hero h1 {
+      font-size: 1.875rem;
+    }
+  }
+`;
+
+export default function Help() {
+  const [lang, setLang] = useState<Language>('en');
+  const [openIndexes, setOpenIndexes] = useState<number[]>([]);
+  const [searchTerm, setSearchTerm] = useState('');
+  const { getLang } = useLanguage();
+  const t = (key: string) => getTranslation(lang, key);
+
+  useEffect(() => {
+    setLang(getLang());
+    const handleLanguageChange = (e: any) => setLang(e.detail);
+    window.addEventListener('languageChange', handleLanguageChange);
+    return () => window.removeEventListener('languageChange', handleLanguageChange);
+  }, [getLang]);
+
+  const faqCategories: FAQCategory[] = [
+    {
+      title: t('help.bookingFaq'),
+      items: [
+        { question: t('help.how'), answer: t('help.howAnswer') },
+        { question: t('help.modify'), answer: t('help.modifyAnswer') },
+        { question: t('help.cancel'), answer: t('help.cancelAnswer') },
+      ],
+    },
+    {
+      title: t('help.paymentFaq'),
+      items: [
+        { question: t('help.payMethods'), answer: t('help.payMethodsAnswer') },
+        { question: t('help.refund'), answer: t('help.refundAnswer') },
+      ],
+    },
+    {
+      title: t('help.other'),
+      items: [
+        { question: t('help.docs'), answer: t('help.docsAnswer') },
+      ],
+    },
+  ];
+
+  const toggleFAQ = (index: number) => {
+    if (openIndexes.includes(index)) {
+      setOpenIndexes(openIndexes.filter(i => i !== index));
+    } else {
+      setOpenIndexes([...openIndexes, index]);
+    }
+  };
+
+  let flatFAQs: (FAQItem & { id: number })[] = [];
+  faqCategories.forEach((cat) => {
+    cat.items.forEach((item) => {
+      flatFAQs.push({ ...item, id: flatFAQs.length });
+    });
+  });
+
+  const filteredFAQs = flatFAQs.filter(
+    (faq) =>
+      faq.question.toLowerCase().includes(searchTerm.toLowerCase()) ||
+      faq.answer.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+
+  return (
+    <>
+      <style>{styles}</style>
+      <main>
+        <section className="help-hero">
+          <h1>{t('help.title')}</h1>
+          <p>{t('help.subtitle')}</p>
+        </section>
+
+        <section className="search-section">
+          <div className="search-box">
+            <input
+              type="text"
+              placeholder="Search FAQs..."
+              value={searchTerm}
+              onChange={(e) => setSearchTerm(e.target.value)}
+            />
+            <Search className="search-icon" size={20} />
+          </div>
+        </section>
+
+        <section className="faq-section">
+          <div className="faq-container">
+            {searchTerm ? (
+              <>
+                {filteredFAQs.length > 0 ? (
+                  filteredFAQs.map((faq) => (
+                    <div key={faq.id} className="faq-item">
+                      <div className="faq-question">
+                        <span>{faq.question}</span>
+                      </div>
+                      <div className="faq-answer">{faq.answer}</div>
+                    </div>
+                  ))
+                ) : (
+                  <div className="no-results">
+                    No FAQs found for &quot;{searchTerm}&quot;
+                  </div>
+                )}
+              </>
+            ) : (
+              faqCategories.map((category, catIdx) => (
+                <div key={catIdx} className="faq-category">
+                  <h2>{category.title}</h2>
+                  {category.items.map((item, itemIdx) => {
+                    const globalIdx = catIdx * 100 + itemIdx;
+                    const isOpen = openIndexes.includes(globalIdx);
+                    return (
+                      <div key={itemIdx} className="faq-item">
+                        <button
+                          className="faq-question"
+                          onClick={() => toggleFAQ(globalIdx)}
+                        >
+                          <span>{item.question}</span>
+                          <ChevronDown className={`faq-chevron ${isOpen ? 'open' : ''}`} size={20} color="rgb(20, 113, 76)" />
+                        </button>
+                        {isOpen && <div className="faq-answer">{item.answer}</div>}
+                      </div>
+                    );
+                  })}
+                </div>
+              ))
+            )}
+          </div>
+        </section>
+
+        <section className="help-section">
+          <div className="help-card">
+            <div className="help-icon">
+              <MessageCircle size={32} color="white" />
+            </div>
+            <h2>{t('help.help')}</h2>
+            <p>{t('help.contact')}</p>
+            <Link href="/contact" className="button-primary">Contact Support</Link>
+          </div>
+        </section>
+      </main>
+    </>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/layout.tsx b/apps/edr-passenger-web/portal/src/app/layout.tsx
new file mode 100644
index 000000000..da774c15f
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/layout.tsx
@@ -0,0 +1,54 @@
+import type { Metadata } from 'next';
+import './globals.css';
+import { Providers } from './providers';
+import AppHeader from '@/components/AppHeader';
+import { Footer } from '@/components/Footer';
+import { LoadingIndicator } from '@/components/LoadingIndicator';
+
+export const metadata: Metadata = {
+  title: 'EDR Passenger Portal - Book your train journey',
+  description: 'Book train tickets on the Ethio-Djibouti Railway',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className="font-sans antialiased flex flex-col min-h-screen">
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                try {
+                  var theme = localStorage.getItem('theme');
+                  var effectiveTheme = 'light';
+                  
+                  if (theme === 'dark') {
+                    effectiveTheme = 'dark';
+                  } else if (theme === 'light') {
+                    effectiveTheme = 'light';
+                  } else if (theme === 'system' || !theme) {
+                    effectiveTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+                  }
+                  
+                  document.documentElement.classList.add(effectiveTheme);
+                } catch (e) {}
+              })();
+            `,
+          }}
+        />
+        <Providers>
+          <LoadingIndicator />
+          <AppHeader />
+          <main className="flex-1">
+            {children}
+          </main>
+          <Footer />
+        </Providers>
+      </body>
+    </html>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/login/page.tsx b/apps/edr-passenger-web/portal/src/app/login/page.tsx
new file mode 100644
index 000000000..86ac4dcce
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/login/page.tsx
@@ -0,0 +1,124 @@
+'use client';
+
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { useAuthStore } from '@/lib/auth-store';
+import { useState, Suspense } from 'react';
+import { Train } from 'lucide-react';
+
+const loginSchema = z.object({
+  email: z.string().email('Invalid email address'),
+  password: z.string().min(6, 'Password must be at least 6 characters'),
+});
+
+type LoginForm = z.infer<typeof loginSchema>;
+
+function LoginContent() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const login = useAuthStore((s) => s.login);
+  const [error, setError] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const { register, handleSubmit, formState: { errors } } = useForm<LoginForm>({
+    resolver: zodResolver(loginSchema as any),
+  });
+
+  const onSubmit = async (data: LoginForm) => {
+    setLoading(true);
+    setError('');
+    try {
+      await login(data.email, data.password);
+      const redirect = searchParams.get('redirect') || '/booking/search';
+      router.push(redirect);
+    } catch (err: any) {
+      setError(err.response?.data?.message || 'Login failed. Please check your credentials.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-[rgb(20_113_76)] from-10% via-transparent to-[rgb(20_113_76)] to-90% dark:from-gray-900 dark:to-gray-800 flex items-center justify-center py-12 px-4">
+      <div className="max-w-md w-full">
+        <div className="text-center mb-8">
+          <div className="flex justify-center mb-4">
+            <div className="w-12 h-12 bg-[rgb(20_113_76)] rounded-lg flex items-center justify-center">
+              <Train className="w-6 h-6 text-white" />
+            </div>
+          </div>
+          <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100">Sign in</h1>
+          <p className="text-gray-600 dark:text-gray-400 mt-2">Welcome back</p>
+        </div>
+
+        <div className="card">
+          <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+            {error && (
+              <div className="bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 text-red-700 dark:text-red-300 px-4 py-3 rounded">
+                {error}
+              </div>
+            )}
+
+            <div>
+              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Email</label>
+              <input
+                type="email"
+                {...register('email')}
+                className="input-field"
+                placeholder="your@email.com"
+              />
+              {errors.email && (
+                <p className="text-red-500 text-sm mt-1">{errors.email.message}</p>
+              )}
+            </div>
+
+            <div>
+              <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Password</label>
+              <input
+                type="password"
+                {...register('password')}
+                className="input-field"
+                placeholder="••••••••"
+              />
+              {errors.password && (
+                <p className="text-red-500 text-sm mt-1">{errors.password.message}</p>
+              )}
+            </div>
+
+            <button type="submit" className="btn-primary w-full" disabled={loading}>
+              {loading ? 'Signing in...' : 'Sign in'}
+            </button>
+          </form>
+
+          <div className="mt-6 text-center">
+            <button
+              onClick={() => router.push('/booking/search')}
+              className="text-sm text-gray-600 dark:text-gray-400 hover:text-primary dark:hover:text-primary-400"
+            >
+              ← Back to booking
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function LoginPage() {
+  return (
+      <Suspense fallback={
+      <div className="min-h-screen bg-gradient-to-br from-[rgb(20_113_76)] from-10% via-transparent to-[rgb(20_113_76)] to-90% dark:from-gray-900 dark:to-gray-800 flex items-center justify-center">
+        <div className="text-center">
+          <div className="w-12 h-12 bg-white rounded-lg flex items-center justify-center mx-auto mb-4">
+            <Train className="w-6 h-6 text-[rgb(20_113_76)]" />
+          </div>
+          <p className="text-gray-600 dark:text-gray-400">Loading...</p>
+        </div>
+      </div>
+    }>
+      <LoginContent />
+    </Suspense>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/page.tsx b/apps/edr-passenger-web/portal/src/app/page.tsx
new file mode 100644
index 000000000..5e717705f
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/page.tsx
@@ -0,0 +1,10 @@
+import { Suspense } from 'react';
+import SearchPage from '@/app/booking/search/page';
+
+export default function Home() {
+  return (
+    <Suspense>
+      <SearchPage />
+    </Suspense>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/profile/page.tsx b/apps/edr-passenger-web/portal/src/app/profile/page.tsx
new file mode 100644
index 000000000..dbc64d4a9
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/profile/page.tsx
@@ -0,0 +1,815 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { useAuthStore } from '@/lib/auth-store';
+import { useTheme } from '@/components/ThemeProvider';
+import { 
+  User, Settings, Ticket, Calendar, MapPin, 
+  Download, Trash2, Lock, Bell, CreditCard, 
+  MapPinned, Palette, CheckCircle,
+  Eye, Edit, LogOut, X
+} from 'lucide-react';
+import { apiClient } from '@/lib/api-client';
+import { useQuery, useMutation } from '@tanstack/react-query';
+import CustomModal from '@/components/CustomModal';
+
+type Tab = 'bookings' | 'profile' | 'settings';
+
+interface Booking {
+  id: string;
+  pnr: string;
+  status: string;
+  totalMinor: number;
+  createdAt: string;
+  trip?: {
+    trainNumber: string;
+    departureAt: string;
+    origin?: { name: string };
+    destination?: { name: string };
+  };
+}
+
+export default function ProfilePage() {
+  const router = useRouter();
+  const { user, isAuthenticated, logout, initialize, updateUser, isInitialized, fetchProfile } = useAuthStore();
+  const { theme, setTheme } = useTheme();
+  const [activeTab, setActiveTab] = useState<Tab>('bookings');
+  const [showModal, setShowModal] = useState(false);
+  const [modalConfig, setModalConfig] = useState<any>({});
+  const [showEditProfile, setShowEditProfile] = useState(false);
+  const [showChangePassword, setShowChangePassword] = useState(false);
+  const [editForm, setEditForm] = useState({
+    fullName: '',
+    phone: '',
+    email: '',
+    dateOfBirth: '',
+    gender: '',
+    nationality: '',
+  });
+  const [settings, setSettings] = useState({
+    notifications: true,
+    emailNotifications: true,
+    smsNotifications: false,
+    preferredOrigin: '',
+    preferredPaymentMethod: 'TELEBIRR',
+    preferredCurrency: 'ETB',
+    preferredLanguage: 'en',
+  });
+
+  useEffect(() => {
+    initialize();
+  }, [initialize]);
+
+  useEffect(() => {
+    if (!isInitialized) return;
+    
+    if (isAuthenticated && user) {
+      fetchProfile().catch(() => {
+        router.push('/login?redirect=/profile');
+      });
+      
+      setEditForm({
+        fullName: user.fullName || '',
+        phone: user.phone || '',
+        email: user.email || '',
+        dateOfBirth: user.dateOfBirth || '',
+        gender: user.gender || '',
+        nationality: user.nationality || '',
+      });
+    } else if (!isAuthenticated) {
+      router.push('/login?redirect=/profile');
+    }
+  }, [isInitialized, isAuthenticated, user, router, fetchProfile]);
+
+  const { data: bookings, isLoading: loadingBookings } = useQuery({
+    queryKey: ['user-bookings'],
+    queryFn: async () => {
+      try {
+        return await apiClient.get('/bookings/my-bookings');
+      } catch {
+        return [];
+      }
+    },
+    enabled: isAuthenticated && activeTab === 'bookings',
+  });
+
+  const updateProfileMutation = useMutation({
+    mutationFn: (data: any) => apiClient.patch('/auth/profile', data),
+    onSuccess: (response) => {
+      const updatedData = (response as any).data || response;
+      updateUser(updatedData);
+      setShowEditProfile(false);
+      setModalConfig({
+        type: 'success',
+        title: 'Profile Updated',
+        message: 'Your profile has been updated successfully.',
+      });
+      setShowModal(true);
+    },
+    onError: (error: any) => {
+      setModalConfig({
+        type: 'error',
+        title: 'Error',
+        message: error.response?.data?.message || 'Failed to update profile. Please try again.',
+      });
+      setShowModal(true);
+    },
+  });
+
+  const changePasswordMutation = useMutation({
+    mutationFn: (data: { currentPassword: string; newPassword: string }) =>
+      apiClient.patch('/auth/change-password', data),
+    onSuccess: () => {
+      setShowChangePassword(false);
+      setModalConfig({
+        type: 'success',
+        title: 'Password Changed',
+        message: 'Your password has been updated successfully.',
+      });
+      setShowModal(true);
+    },
+    onError: (error: any) => {
+      setModalConfig({
+        type: 'error',
+        title: 'Error',
+        message: error.response?.data?.message || 'Failed to change password. Please check your current password.',
+      });
+      setShowModal(true);
+    },
+  });
+
+  const downloadDataMutation = useMutation({
+    mutationFn: () => apiClient.get('/auth/download-data'),
+    onSuccess: (data) => {
+      const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
+      const url = window.URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = `edr-data-${new Date().toISOString()}.json`;
+      a.click();
+      setModalConfig({
+        type: 'success',
+        title: 'Data Downloaded',
+        message: 'Your data has been downloaded successfully.',
+      });
+      setShowModal(true);
+    },
+  });
+
+  const deleteAccountMutation = useMutation({
+    mutationFn: () => apiClient.delete('/auth/account'),
+    onSuccess: () => {
+      logout();
+      router.push('/booking/search');
+    },
+  });
+
+  const handleEditProfile = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    updateProfileMutation.mutate(editForm);
+  };
+
+  const handleChangePassword = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const currentPassword = formData.get('currentPassword') as string;
+    const newPassword = formData.get('newPassword') as string;
+    const confirmPassword = formData.get('confirmPassword') as string;
+
+    if (newPassword !== confirmPassword) {
+      setModalConfig({
+        type: 'error',
+        title: 'Password Mismatch',
+        message: 'New passwords do not match.',
+      });
+      setShowModal(true);
+      return;
+    }
+
+    changePasswordMutation.mutate({ currentPassword, newPassword });
+    e.currentTarget.reset();
+  };
+
+  const handleLogout = () => {
+    setModalConfig({
+      type: 'warning',
+      title: 'Sign Out',
+      message: 'Are you sure you want to sign out?',
+      onConfirm: async () => {
+        await logout();
+      },
+    });
+    setShowModal(true);
+  };
+
+  const handleDownloadData = () => {
+    setModalConfig({
+      type: 'warning',
+      title: 'Download Your Data',
+      message: 'This will download all your personal data in JSON format. Continue?',
+      onConfirm: () => {
+        downloadDataMutation.mutate();
+        setShowModal(false);
+      },
+    });
+    setShowModal(true);
+  };
+
+  const handleDeleteAccount = () => {
+    setModalConfig({
+      type: 'error',
+      title: 'Delete Account',
+      message: 'This action cannot be undone. All your data will be permanently deleted. Are you sure?',
+      onConfirm: () => {
+        deleteAccountMutation.mutate();
+        setShowModal(false);
+      },
+    });
+    setShowModal(true);
+  };
+
+  const getStatusBadge = (status: string) => {
+    const styles = {
+      CONFIRMED: 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300',
+      PENDING: 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300',
+      CANCELLED: 'bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300',
+      COMPLETED: 'bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300',
+    };
+    return styles[status as keyof typeof styles] || styles.PENDING;
+  };
+
+  if (!isInitialized || !user) {
+    return (
+      <div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-[rgb(20_113_76)]"></div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-12">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+          {/* Header */}
+          <div className="card mb-6">
+            <div className="flex items-center justify-between">
+              <div className="flex items-center gap-4">
+                <div className="w-16 h-16 bg-[rgb(20_113_76)] rounded-full flex items-center justify-center">
+                  <User className="w-8 h-8 text-white" />
+                </div>
+                <div>
+                  <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">{user.fullName}</h1>
+                  <p className="text-gray-600 dark:text-gray-400">{user.email}</p>
+                  {user.faydaVerified && (
+                    <span className="inline-flex items-center gap-1 text-xs text-green-600 dark:text-green-400 mt-1">
+                      <CheckCircle className="w-3 h-3" />
+                      Verified with Fayda
+                    </span>
+                  )}
+                </div>
+              </div>
+              <button
+                onClick={handleLogout}
+                className="btn-secondary flex items-center gap-2"
+              >
+                <LogOut className="w-4 h-4" />
+                Sign Out
+              </button>
+            </div>
+          </div>
+
+          {/* Tabs */}
+          <div className="card mb-6">
+            <div className="flex gap-2 border-b dark:border-gray-700 pb-2">
+              <button
+                onClick={() => setActiveTab('bookings')}
+                className={`flex items-center gap-2 px-4 py-2 rounded-lg transition-colors ${
+                  activeTab === 'bookings'
+                    ? 'bg-[rgb(20_113_76)] text-white'
+                    : 'text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800'
+                }`}
+              >
+                <Ticket className="w-4 h-4" />
+                Bookings
+              </button>
+              <button
+                onClick={() => setActiveTab('profile')}
+                className={`flex items-center gap-2 px-4 py-2 rounded-lg transition-colors ${
+                  activeTab === 'profile'
+                    ? 'bg-[rgb(20_113_76)] text-white'
+                    : 'text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800'
+                }`}
+              >
+                <User className="w-4 h-4" />
+                Profile
+              </button>
+              <button
+                onClick={() => setActiveTab('settings')}
+                className={`flex items-center gap-2 px-4 py-2 rounded-lg transition-colors ${
+                  activeTab === 'settings'
+                    ? 'bg-[rgb(20_113_76)] text-white'
+                    : 'text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800'
+                }`}
+              >
+                <Settings className="w-4 h-4" />
+                Settings
+              </button>
+            </div>
+          </div>
+
+          {/* Tab Content */}
+          {activeTab === 'bookings' && (
+            <div className="space-y-4">
+              <h2 className="text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4">Bookings</h2>
+              
+              {loadingBookings ? (
+                <div className="card text-center py-12">
+                  <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-[rgb(20_113_76)] mx-auto"></div>
+                  <p className="text-gray-600 dark:text-gray-400 mt-4">Loading bookings...</p>
+                </div>
+              ) : bookings && Array.isArray(bookings) && bookings.length > 0 ? (
+                bookings.map((booking: Booking) => (
+                  <div key={booking.id} className="card hover:shadow-lg transition-shadow">
+                    <div className="flex items-center justify-between">
+                      <div className="flex-1">
+                        <div className="flex items-center gap-3 mb-3">
+                          <span className={`badge ${getStatusBadge(booking.status)}`}>
+                            {booking.status}
+                          </span>
+                          <span className="text-sm font-semibold text-gray-900 dark:text-gray-100">
+                            PNR: {booking.pnr}
+                          </span>
+                        </div>
+                        
+                        <div className="grid md:grid-cols-3 gap-4 text-sm">
+                          <div className="flex items-center gap-2">
+                            <Calendar className="w-4 h-4 text-gray-400" />
+                            <span className="text-gray-600 dark:text-gray-400">
+                              {booking.trip?.departureAt 
+                                ? new Date(booking.trip.departureAt).toLocaleDateString() 
+                                : 'N/A'}
+                            </span>
+                          </div>
+                          <div className="flex items-center gap-2">
+                            <MapPin className="w-4 h-4 text-gray-400" />
+                            <span className="text-gray-600 dark:text-gray-400">
+                              {booking.trip?.origin?.name} → {booking.trip?.destination?.name}
+                            </span>
+                          </div>
+                          <div className="flex items-center gap-2">
+                            <CreditCard className="w-4 h-4 text-gray-400" />
+                            <span className="text-gray-900 dark:text-gray-100 font-semibold">
+                              ETB {((booking.totalMinor || 0) / 100).toFixed(2)}
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                      
+                      <div className="flex items-center gap-2 ml-4">
+                        <button
+                          onClick={() => router.push(`/booking/confirmation?id=${booking.id}`)}
+                          className="btn-secondary text-sm flex items-center gap-2"
+                        >
+                          <Eye className="w-4 h-4" />
+                          View
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                ))
+              ) : (
+                <div className="card text-center py-12">
+                  <Ticket className="w-16 h-16 text-gray-300 dark:text-gray-600 mx-auto mb-4" />
+                  <p className="text-gray-600 dark:text-gray-400 mb-4">No bookings yet</p>
+                  <button onClick={() => router.push('/booking/search')} className="btn-primary">
+                    Book Your First Trip
+                  </button>
+                </div>
+              )}
+            </div>
+          )}
+
+          {activeTab === 'profile' && (
+            <div className="space-y-6">
+              <h2 className="text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4">Profile Information</h2>
+              
+              <div className="card">
+                <div className="grid md:grid-cols-2 gap-6">
+                  <div>
+                    <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Full Name</label>
+                    <div className="input-field bg-gray-50 dark:bg-gray-800">{user.fullName}</div>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Date of Birth</label>
+                    <div className="input-field bg-gray-50 dark:bg-gray-800">
+                      {user.dateOfBirth ? new Date(user.dateOfBirth).toLocaleDateString() : 'Not set'}
+                    </div>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Gender</label>
+                    <div className="input-field bg-gray-50 dark:bg-gray-800">{user.gender || 'Not set'}</div>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Nationality</label>
+                    <div className="input-field bg-gray-50 dark:bg-gray-800">{user.nationality || 'Not set'}</div>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Email</label>
+                    <div className="input-field bg-gray-50 dark:bg-gray-800">{user.email}</div>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium mb-1 text-gray-700 dark:text-gray-300">Phone</label>
+                    <div className="input-field bg-gray-50 dark:bg-gray-800">{user.phone || 'Not set'}</div>
+                  </div>
+                </div>
+                
+                <div className="mt-6 flex justify-end">
+                  <button 
+                    onClick={() => setShowEditProfile(true)}
+                    className="btn-secondary flex items-center gap-2"
+                  >
+                    <Edit className="w-4 h-4" />
+                    Edit Profile
+                  </button>
+                </div>
+              </div>
+            </div>
+          )}
+
+          {activeTab === 'settings' && (
+            <div className="space-y-6">
+              <h2 className="text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4">Settings</h2>
+              
+              {/* Appearance */}
+              <div className="card">
+                <h3 className="text-lg font-semibold mb-4 flex items-center gap-2 text-gray-900 dark:text-gray-100">
+                  <Palette className="w-5 h-5" />
+                  Appearance
+                </h3>
+                <div className="space-y-4">
+                  <div>
+                    <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Theme</label>
+                    <select
+                      value={theme}
+                      onChange={(e) => setTheme(e.target.value as any)}
+                      className="input-field"
+                    >
+                      <option value="light">Light</option>
+                      <option value="dark">Dark</option>
+                      <option value="system">System</option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+
+              {/* Notifications */}
+              <div className="card">
+                <h3 className="text-lg font-semibold mb-4 flex items-center gap-2 text-gray-900 dark:text-gray-100">
+                  <Bell className="w-5 h-5" />
+                  Notifications
+                </h3>
+                <div className="space-y-4">
+                  <label className="flex items-center justify-between cursor-pointer group">
+                    <span className="text-sm text-gray-700 dark:text-gray-300">Push Notifications</span>
+                    <div className="relative inline-block w-12 h-6">
+                      <input
+                        type="checkbox"
+                        checked={settings.notifications}
+                        onChange={(e) => setSettings({ ...settings, notifications: e.target.checked })}
+                        className="sr-only peer"
+                      />
+                      <div className="w-12 h-6 bg-gray-300 dark:bg-gray-600 rounded-full peer peer-checked:bg-[rgb(20_113_76)] transition-colors"></div>
+                      <div className="absolute left-1 top-1 w-4 h-4 bg-white rounded-full transition-transform peer-checked:translate-x-6"></div>
+                    </div>
+                  </label>
+                  <label className="flex items-center justify-between cursor-pointer group">
+                    <span className="text-sm text-gray-700 dark:text-gray-300">Email Notifications</span>
+                    <div className="relative inline-block w-12 h-6">
+                      <input
+                        type="checkbox"
+                        checked={settings.emailNotifications}
+                        onChange={(e) => setSettings({ ...settings, emailNotifications: e.target.checked })}
+                        className="sr-only peer"
+                      />
+                      <div className="w-12 h-6 bg-gray-300 dark:bg-gray-600 rounded-full peer peer-checked:bg-[rgb(20_113_76)] transition-colors"></div>
+                      <div className="absolute left-1 top-1 w-4 h-4 bg-white rounded-full transition-transform peer-checked:translate-x-6"></div>
+                    </div>
+                  </label>
+                  <label className="flex items-center justify-between cursor-pointer group">
+                    <span className="text-sm text-gray-700 dark:text-gray-300">SMS Notifications</span>
+                    <div className="relative inline-block w-12 h-6">
+                      <input
+                        type="checkbox"
+                        checked={settings.smsNotifications}
+                        onChange={(e) => setSettings({ ...settings, smsNotifications: e.target.checked })}
+                        className="sr-only peer"
+                      />
+                      <div className="w-12 h-6 bg-gray-300 dark:bg-gray-600 rounded-full peer peer-checked:bg-[rgb(20_113_76)] transition-colors"></div>
+                      <div className="absolute left-1 top-1 w-4 h-4 bg-white rounded-full transition-transform peer-checked:translate-x-6"></div>
+                    </div>
+                  </label>
+                </div>
+              </div>
+
+              {/* Preferences */}
+              <div className="card">
+                <h3 className="text-lg font-semibold mb-4 flex items-center gap-2 text-gray-900 dark:text-gray-100">
+                  <MapPinned className="w-5 h-5" />
+                  Preferences
+                </h3>
+                <div className="grid md:grid-cols-2 gap-4">
+                  <div>
+                    <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Preferred Origin</label>
+                    <input
+                      type="text"
+                      value={settings.preferredOrigin}
+                      onChange={(e) => setSettings({ ...settings, preferredOrigin: e.target.value })}
+                      className="input-field"
+                      placeholder="e.g., Lebu"
+                    />
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Preferred Payment Method</label>
+                    <select
+                      value={settings.preferredPaymentMethod}
+                      onChange={(e) => setSettings({ ...settings, preferredPaymentMethod: e.target.value })}
+                      className="input-field"
+                    >
+                      <option value="TELEBIRR">Telebirr</option>
+                      <option value="CBE_BIRR">CBE Birr</option>
+                      <option value="CARD">Credit/Debit Card</option>
+                      <option value="WALLET">E-Wallet</option>
+                    </select>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Preferred Currency</label>
+                    <select
+                      value={settings.preferredCurrency}
+                      onChange={(e) => setSettings({ ...settings, preferredCurrency: e.target.value })}
+                      className="input-field"
+                    >
+                      <option value="ETB">ETB (Ethiopian Birr)</option>
+                      <option value="DJF">DJF (Djiboutian Franc)</option>
+                      <option value="USD">USD (US Dollar)</option>
+                    </select>
+                  </div>
+                  <div>
+                    <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Language</label>
+                    <select
+                      value={settings.preferredLanguage}
+                      onChange={(e) => setSettings({ ...settings, preferredLanguage: e.target.value })}
+                      className="input-field"
+                    >
+                      <option value="en">English</option>
+                      <option value="am">አማርኛ (Amharic)</option>
+                      <option value="fr">Français (French)</option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+
+              {/* Security */}
+              <div className="card">
+                <h3 className="text-lg font-semibold mb-4 flex items-center gap-2 text-gray-900 dark:text-gray-100">
+                  <Lock className="w-5 h-5" />
+                  Security
+                </h3>
+                <div className="flex items-center justify-between">
+                  <div>
+                    <p className="font-medium text-gray-900 dark:text-gray-100">Password</p>
+                    <p className="text-sm text-gray-600 dark:text-gray-400">Change your account password</p>
+                  </div>
+                  <button
+                    onClick={() => setShowChangePassword(true)}
+                    className="btn-secondary flex items-center gap-2"
+                  >
+                    <Lock className="w-4 h-4" />
+                    Change Password
+                  </button>
+                </div>
+              </div>
+
+              {/* Data & Privacy */}
+              <div className="card">
+                <h3 className="text-lg font-semibold mb-4 flex items-center gap-2 text-gray-900 dark:text-gray-100">
+                  <Download className="w-5 h-5" />
+                  Data & Privacy
+                </h3>
+                <div className="space-y-4">
+                  <div className="flex items-center justify-between">
+                    <div>
+                      <p className="font-medium text-gray-900 dark:text-gray-100">Download Your Data</p>
+                      <p className="text-sm text-gray-600 dark:text-gray-400">Get a copy of all your data</p>
+                    </div>
+                    <button
+                      onClick={handleDownloadData}
+                      className="btn-secondary flex items-center gap-2"
+                      disabled={downloadDataMutation.isPending}
+                    >
+                      <Download className="w-4 h-4" />
+                      Download
+                    </button>
+                  </div>
+                  
+                  <div className="border-t dark:border-gray-700 pt-4">
+                    <div className="flex items-center justify-between">
+                      <div>
+                        <p className="font-medium text-red-600 dark:text-red-400">Delete Account</p>
+                        <p className="text-sm text-gray-600 dark:text-gray-400">Permanently delete your account and all data</p>
+                      </div>
+                      <button
+                        onClick={handleDeleteAccount}
+                        className="px-4 py-2 bg-red-600 hover:bg-red-700 text-white font-semibold rounded-lg transition-colors flex items-center gap-2"
+                      >
+                        <Trash2 className="w-4 h-4" />
+                        Delete
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+
+      {/* Edit Profile Modal */}
+      {showEditProfile && (
+        <div className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4">
+          <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-2xl max-w-md w-full max-h-[90vh] overflow-y-auto">
+            <div className="sticky top-0 bg-white dark:bg-gray-800 border-b dark:border-gray-700 px-6 py-4 flex items-center justify-between">
+              <h3 className="text-xl font-semibold text-gray-900 dark:text-gray-100">Edit Profile</h3>
+              <button
+                onClick={() => setShowEditProfile(false)}
+                className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
+              >
+                <X className="w-5 h-5 text-gray-500" />
+              </button>
+            </div>
+            <form onSubmit={handleEditProfile} className="p-6 space-y-4">
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Full Name *</label>
+                <input
+                  type="text"
+                  value={editForm.fullName}
+                  onChange={(e) => setEditForm({ ...editForm, fullName: e.target.value })}
+                  className="input-field"
+                  required
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Date of Birth</label>
+                <input
+                  type="date"
+                  value={editForm.dateOfBirth}
+                  onChange={(e) => setEditForm({ ...editForm, dateOfBirth: e.target.value })}
+                  className="input-field"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Gender</label>
+                <select
+                  value={editForm.gender}
+                  onChange={(e) => setEditForm({ ...editForm, gender: e.target.value })}
+                  className="input-field"
+                >
+                  <option value="">Select gender</option>
+                  <option value="Male">Male</option>
+                  <option value="Female">Female</option>
+                </select>
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Nationality</label>
+                <select
+                  value={editForm.nationality}
+                  onChange={(e) => setEditForm({ ...editForm, nationality: e.target.value })}
+                  className="input-field"
+                >
+                  <option value="">Select nationality</option>
+                  <option value="Ethiopian">Ethiopian</option>
+                  <option value="Djiboutian">Djiboutian</option>
+                  <option value="Other">Other</option>
+                </select>
+              </div>              
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Email *</label>
+                <input
+                  type="email"
+                  value={editForm.email}
+                  onChange={(e) => setEditForm({ ...editForm, email: e.target.value })}
+                  className="input-field"
+                  required
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Phone</label>
+                <input
+                  type="tel"
+                  value={editForm.phone}
+                  onChange={(e) => setEditForm({ ...editForm, phone: e.target.value })}
+                  className="input-field"
+                  placeholder="+251911234567"
+                />
+              </div>
+              <div className="flex gap-3 pt-4">
+                <button
+                  type="button"
+                  onClick={() => setShowEditProfile(false)}
+                  className="btn-secondary flex-1"
+                >
+                  Cancel
+                </button>
+                <button
+                  type="submit"
+                  className="btn-primary flex-1"
+                  disabled={updateProfileMutation.isPending}
+                >
+                  {updateProfileMutation.isPending ? 'Saving...' : 'Save Changes'}
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      )}
+
+      {/* Change Password Modal */}
+      {showChangePassword && (
+        <div className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4">
+          <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-2xl max-w-md w-full">
+            <div className="sticky top-0 bg-white dark:bg-gray-800 border-b dark:border-gray-700 px-6 py-4 flex items-center justify-between">
+              <h3 className="text-xl font-semibold text-gray-900 dark:text-gray-100">Change Password</h3>
+              <button
+                onClick={() => setShowChangePassword(false)}
+                className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
+              >
+                <X className="w-5 h-5 text-gray-500" />
+              </button>
+            </div>
+            <form onSubmit={handleChangePassword} className="p-6 space-y-4">
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Current Password</label>
+                <input
+                  type="password"
+                  name="currentPassword"
+                  className="input-field"
+                  required
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">New Password</label>
+                <input
+                  type="password"
+                  name="newPassword"
+                  className="input-field"
+                  required
+                  minLength={6}
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2 text-gray-700 dark:text-gray-300">Confirm New Password</label>
+                <input
+                  type="password"
+                  name="confirmPassword"
+                  className="input-field"
+                  required
+                  minLength={6}
+                />
+              </div>
+              <div className="flex gap-3 pt-4">
+                <button
+                  type="button"
+                  onClick={() => setShowChangePassword(false)}
+                  className="btn-secondary flex-1"
+                >
+                  Cancel
+                </button>
+                <button
+                  type="submit"
+                  className="btn-primary flex-1"
+                  disabled={changePasswordMutation.isPending}
+                >
+                  {changePasswordMutation.isPending ? 'Changing...' : 'Change Password'}
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      )}
+
+      {showModal && (
+        <CustomModal
+          isOpen={showModal}
+          type={modalConfig.type}
+          title={modalConfig.title}
+          message={modalConfig.message}
+          onClose={() => setShowModal(false)}
+          onConfirm={modalConfig.onConfirm}
+          showCancel={modalConfig.type === 'warning' || modalConfig.type === 'error'}
+          confirmText={modalConfig.type === 'warning' || modalConfig.type === 'error' ? 'Yes' : 'OK'}
+          cancelText="Cancel"
+        />
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/providers.tsx b/apps/edr-passenger-web/portal/src/app/providers.tsx
new file mode 100644
index 000000000..105ec977a
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/providers.tsx
@@ -0,0 +1,27 @@
+'use client';
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { useState, type ReactNode } from 'react';
+import { ThemeProvider } from '@/components/ThemeProvider';
+
+export function Providers({ children }: { children: ReactNode }) {
+  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 60 * 1000,
+            retry: 1,
+          },
+        },
+      })
+  );
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <ThemeProvider>
+        {children}
+      </ThemeProvider>
+    </QueryClientProvider>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/app/services/page.tsx b/apps/edr-passenger-web/portal/src/app/services/page.tsx
new file mode 100644
index 000000000..85a34ed75
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/app/services/page.tsx
@@ -0,0 +1,309 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { getTranslation, Language, useLanguage } from '@/lib/i18n';
+import Link from 'next/link';
+import { BookOpen, CreditCard, Headphones, Star, MapPin, Radio, ArrowRight } from 'lucide-react';
+
+const styles = `
+  .service-hero {
+    padding: 60px 20px;
+    background: linear-gradient(to bottom right, rgb(20, 113, 76), transparent);
+    text-align: center;
+    color: #111827;
+  }
+  
+  .dark .service-hero {
+    color: #f3f4f6;
+  }
+  
+  .service-hero h1 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin-bottom: 16px;
+    color: #111827;
+  }
+  
+  .dark .service-hero h1 {
+    color: #f3f4f6;
+  }
+  
+  .service-hero p {
+    font-size: 1.125rem;
+    color: #6b7280;
+    max-width: 48rem;
+    margin: 0 auto;
+  }
+  
+  .dark .service-hero p {
+    color: #9ca3af;
+  }
+  
+  .service-grid {
+    max-width: 80rem;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 24px;
+    padding: 60px 20px;
+    background-color: white;
+  }
+  
+  .dark .service-grid {
+    background-color: #111827;
+  }
+  
+  .service-card {
+    background: white;
+    border: 2px solid #f3f4f6;
+    border-radius: 18px;
+    padding: 24px;
+    cursor: pointer;
+    transition: all 0.2s;
+  }
+  
+  .dark .service-card {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  .service-card:hover {
+    border-color: rgb(20, 113, 76);
+    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
+  }
+  
+  .service-icon {
+    width: 56px;
+    height: 56px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 12px;
+    margin-bottom: 16px;
+  }
+  
+  .service-card h3 {
+    font-size: 1.25rem;
+    font-weight: 700;
+    margin-bottom: 12px;
+    color: #111827;
+  }
+  
+  .dark .service-card h3 {
+    color: #f3f4f6;
+  }
+  
+  .service-card p {
+    font-size: 0.875rem;
+    color: #6b7280;
+    margin-bottom: 16px;
+  }
+  
+  .dark .service-card p {
+    color: #9ca3af;
+  }
+  
+  .service-card a {
+    color: rgb(20, 113, 76);
+    font-weight: 600;
+    text-decoration: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+  }
+  
+  .service-card a:hover {
+    text-decoration: underline;
+  }
+  
+  .info-section {
+    padding: 60px 20px;
+    background-color: #f9fafb;
+  }
+  
+  .dark .info-section {
+    background-color: #0f1117;
+  }
+  
+  .info-grid {
+    max-width: 80rem;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 32px;
+  }
+  
+  .info-box {
+    background: white;
+    border-radius: 18px;
+    padding: 32px;
+    border: 1px solid #e5e7eb;
+  }
+  
+  .dark .info-box {
+    background: #1f2937;
+    border-color: #374151;
+  }
+  
+  .info-box h3 {
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-bottom: 16px;
+    color: #111827;
+  }
+  
+  .dark .info-box h3 {
+    color: #f3f4f6;
+  }
+  
+  .info-box p {
+    color: #6b7280;
+    margin-bottom: 16px;
+  }
+  
+  .dark .info-box p {
+    color: #9ca3af;
+  }
+  
+  .info-box ul {
+    list-style: none;
+    padding: 0;
+  }
+  
+  .info-box li {
+    font-size: 0.875rem;
+    color: #6b7280;
+    padding: 8px 0;
+  }
+  
+  .dark .info-box li {
+    color: #9ca3af;
+  }
+  
+  .cta-bg {
+    background-color: rgb(20, 113, 76);
+    color: white;
+    padding: 60px 20px;
+    text-align: center;
+  }
+  
+  .cta-bg h2 {
+    font-size: 2rem;
+    font-weight: 700;
+    margin-bottom: 16px;
+  }
+  
+  .cta-bg p {
+    font-size: 1.125rem;
+    margin-bottom: 32px;
+    max-width: 42rem;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  
+  .button-white {
+    display: inline-block;
+    padding: 16px 32px;
+    background-color: white;
+    color: rgb(20, 113, 76);
+    font-weight: 700;
+    border-radius: 12px;
+    text-decoration: none;
+    transition: all 0.2s;
+  }
+  
+  .button-white:hover {
+    transform: scale(1.05);
+  }
+  
+  @media (max-width: 768px) {
+    .info-grid {
+      grid-template-columns: 1fr;
+    }
+    
+    .service-hero h1 {
+      font-size: 1.875rem;
+    }
+  }
+`;
+
+export default function Services() {
+  const [lang, setLang] = useState<Language>('en');
+  const { getLang } = useLanguage();
+  const t = (key: string) => getTranslation(lang, key);
+
+  useEffect(() => {
+    setLang(getLang());
+    const handleLanguageChange = (e: any) => setLang(e.detail);
+    window.addEventListener('languageChange', handleLanguageChange);
+    return () => window.removeEventListener('languageChange', handleLanguageChange);
+  }, [getLang]);
+
+  const services = [
+    { icon: BookOpen, title: t('services.booking'), desc: t('services.bookingDesc'), color: '#3b82f6' },
+    { icon: MapPin, title: t('services.seats'), desc: t('services.seatsDesc'), color: '#10b981' },
+    { icon: CreditCard, title: t('services.payment'), desc: t('services.paymentDesc'), color: '#a855f7' },
+    { icon: Headphones, title: t('services.support'), desc: t('services.supportDesc'), color: '#f97316' },
+    { icon: Star, title: t('services.loyalty'), desc: t('services.loyaltyDesc'), color: '#ec4899' },
+    { icon: Radio, title: t('services.tracking'), desc: t('services.trackingDesc'), color: '#ef4444' },
+  ];
+
+  return (
+    <>
+      <style>{styles}</style>
+      <main>
+        <section className="service-hero">
+          <h1>{t('services.title')}</h1>
+          <p>{t('services.subtitle')}</p>
+        </section>
+
+        <div className="service-grid">
+          {services.map((service, idx) => {
+            const Icon = service.icon;
+            return (
+              <div key={idx} className="service-card">
+                <div className="service-icon" style={{ background: `${service.color}20` }}>
+                  <Icon size={28} color={service.color} />
+                </div>
+                <h3>{service.title}</h3>
+                <p>{service.desc}</p>
+                <Link href="/booking/search">
+                  Learn More <ArrowRight size={16} />
+                </Link>
+              </div>
+            );
+          })}
+        </div>
+
+        <section className="info-section">
+          <div className="info-grid">
+            <div className="info-box">
+              <h3>Multi-Currency Support</h3>
+              <p>Book in multiple currencies with real-time exchange rates.</p>
+              <ul>
+                <li>✓ ETB (Ethiopian Birr)</li>
+                <li>✓ DJF (Djiboutian Franc)</li>
+                <li>✓ USD (US Dollar)</li>
+              </ul>
+            </div>
+            <div className="info-box">
+              <h3>Age-Based Pricing</h3>
+              <p>Smart pricing for families with special rates for children.</p>
+              <ul>
+                <li>✓ Adults (≥5 years): Full fare</li>
+                <li>✓ Children (&lt;5 years): First free</li>
+                <li>✓ Automatic age calculation</li>
+              </ul>
+            </div>
+          </div>
+        </section>
+
+        <section className="cta-bg">
+          <h2>Experience the Difference</h2>
+          <p>Start booking your train journey today and discover our premium services.</p>
+          <Link href="/booking/search" className="button-white">Book Your Trip Now</Link>
+        </section>
+      </main>
+    </>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/AppHeader.tsx b/apps/edr-passenger-web/portal/src/components/AppHeader.tsx
new file mode 100644
index 000000000..ac9abf822
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/AppHeader.tsx
@@ -0,0 +1,174 @@
+'use client';
+
+import { Train, Menu, X, Moon, Sun, HelpCircle } from 'lucide-react';
+import Link from 'next/link';
+import { useEffect, useState } from 'react';
+import { usePathname } from 'next/navigation';
+import { LanguageSwitcher } from './LanguageSwitcher';
+
+export default function AppHeader() {
+  const pathname = usePathname();
+  const [isOpen, setIsOpen] = useState(false);
+  const [isDark, setIsDark] = useState(false);
+
+  useEffect(() => {
+    const isDarkMode = document.documentElement.classList.contains('dark');
+    setIsDark(isDarkMode);
+  }, []);
+
+  const toggleTheme = () => {
+    const html = document.documentElement;
+    const isDarkMode = html.classList.contains('dark');
+    if (isDarkMode) {
+      html.classList.remove('dark');
+      setIsDark(false);
+      localStorage.setItem('theme', 'light');
+    } else {
+      html.classList.add('dark');
+      setIsDark(true);
+      localStorage.setItem('theme', 'dark');
+    }
+  };
+
+  const isLandingPage = ['/', '/services', '/about', '/contact', '/help'].includes(pathname);
+  
+  return (
+    <header className="sticky top-0 z-50 bg-[rgb(20_113_76)] dark:bg-gray-900 border-b border-[rgb(16_89_60)] dark:border-gray-800 shadow-sm">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+          <div className="flex items-center justify-between h-16">
+            {/* Logo */}
+            <Link 
+              href="/" 
+              className="flex items-center gap-3 hover:opacity-80 transition-opacity"
+            >
+              <div className="w-10 h-10 bg-white rounded-lg flex items-center justify-center">
+                <Train className="w-6 h-6 text-[rgb(20_113_76)]" />
+              </div>
+              <div>
+                <h1 className="text-lg font-bold text-white">
+                  Ethio-Djibouti Railway
+                </h1>
+                <p className="text-xs text-gray-100">
+                  Book your train journey with us
+                </p>
+              </div>
+            </Link>
+
+            {/* Desktop Menu - only show for landing pages */}
+            {isLandingPage && (
+              <div className="hidden md:flex items-center gap-8">
+                <Link
+                  href="/"
+                  className="text-sm font-medium text-gray-100 hover:text-white transition-colors"
+                >
+                  Home
+                </Link>
+                <Link
+                  href="/services"
+                  className="text-sm font-medium text-gray-100 hover:text-white transition-colors"
+                >
+                  Services
+                </Link>
+                <Link
+                  href="/about"
+                  className="text-sm font-medium text-gray-100 hover:text-white transition-colors"
+                >
+                  About
+                </Link>
+                <Link
+                  href="/contact"
+                  className="text-sm font-medium text-gray-100 hover:text-white transition-colors"
+                >
+                  Contact
+                </Link>
+              </div>
+            )}
+
+            {/* Right Actions */}
+            <div className="flex items-center gap-2">
+              {/* Help Link */}
+              <Link
+                href="/help"
+                className="hidden sm:flex items-center justify-center p-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg transition-colors"
+                title="Help & FAQ"
+              >
+                <HelpCircle className="w-5 h-5" />
+              </Link>
+
+              {/* Language Switcher */}
+              <LanguageSwitcher />
+
+              {/* Theme Toggler */}
+              <button
+                onClick={toggleTheme}
+                className="p-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg transition-colors"
+                title={isDark ? 'Light mode' : 'Dark mode'}
+              >
+                {isDark ? (
+                  <Sun className="w-5 h-5" />
+                ) : (
+                  <Moon className="w-5 h-5" />
+                )}
+              </button>
+
+              {/* Mobile Menu Button */}
+              <button
+                onClick={() => setIsOpen(!isOpen)}
+                className="md:hidden p-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg"
+              >
+                {isOpen ? <X className="w-5 h-5" /> : <Menu className="w-5 h-5" />}
+              </button>
+            </div>
+          </div>
+
+          {/* Mobile Menu */}
+          {isOpen && (
+            <div className="md:hidden border-t border-white border-opacity-20 dark:border-gray-700 py-4 space-y-2 animate-in slide-in-from-top-2 duration-200">
+              {isLandingPage && (
+                <>
+                  <Link
+                    href="/"
+                    className="block px-4 py-2 text-gray-100 dark:text-gray-300 hover:bg-white hover:bg-opacity-10 dark:hover:bg-gray-800 rounded-lg transition-colors"
+                    onClick={() => setIsOpen(false)}
+                  >
+                    Home
+                  </Link>
+                  <Link
+                    href="/services"
+                    className="block px-4 py-2 text-gray-100 dark:text-gray-300 hover:bg-white hover:bg-opacity-10 dark:hover:bg-gray-800 rounded-lg transition-colors"
+                    onClick={() => setIsOpen(false)}
+                  >
+                    Services
+                  </Link>
+                  <Link
+                    href="/about"
+                    className="block px-4 py-2 text-gray-100 dark:text-gray-300 hover:bg-white hover:bg-opacity-10 dark:hover:bg-gray-800 rounded-lg transition-colors"
+                    onClick={() => setIsOpen(false)}
+                  >
+                    About
+                  </Link>
+                  <Link
+                    href="/contact"
+                    className="block px-4 py-2 text-gray-100 dark:text-gray-300 hover:bg-white hover:bg-opacity-10 dark:hover:bg-gray-800 rounded-lg transition-colors"
+                    onClick={() => setIsOpen(false)}
+                  >
+                    Contact
+                  </Link>
+                </>
+              )}
+              
+              <Link
+                href="/help"
+                className="block px-4 py-2 text-gray-100 dark:text-gray-300 hover:bg-white hover:bg-opacity-10 dark:hover:bg-gray-800 rounded-lg transition-colors"
+                onClick={() => setIsOpen(false)}
+              >
+                Help
+              </Link>
+            </div>
+          )}
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/CustomModal.tsx b/apps/edr-passenger-web/portal/src/components/CustomModal.tsx
new file mode 100644
index 000000000..ffad8a8ad
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/CustomModal.tsx
@@ -0,0 +1,150 @@
+'use client';
+
+import { X, AlertTriangle, Info, CheckCircle, XCircle } from 'lucide-react';
+import { useEffect } from 'react';
+
+interface CustomModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  title: string;
+  message: string;
+  type?: 'warning' | 'error' | 'success' | 'info';
+  confirmText?: string;
+  cancelText?: string;
+  onConfirm?: () => void;
+  showCancel?: boolean;
+}
+
+export default function CustomModal({
+  isOpen,
+  onClose,
+  title,
+  message,
+  type = 'info',
+  confirmText = 'OK',
+  cancelText = 'Cancel',
+  onConfirm,
+  showCancel = false,
+}: CustomModalProps) {
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = 'unset';
+    }
+
+    return () => {
+      document.body.style.overflow = 'unset';
+    };
+  }, [isOpen]);
+
+  if (!isOpen) return null;
+
+  const getIcon = () => {
+    switch (type) {
+      case 'warning':
+        return <AlertTriangle className="w-12 h-12 text-yellow-500" />;
+      case 'error':
+        return <XCircle className="w-12 h-12 text-red-500" />;
+      case 'success':
+        return <CheckCircle className="w-12 h-12 text-green-500" />;
+      default:
+        return <Info className="w-12 h-12 text-blue-500" />;
+    }
+  };
+
+  const getColors = () => {
+    switch (type) {
+      case 'warning':
+        return {
+          bg: 'bg-yellow-50 dark:bg-yellow-900/20',
+          border: 'border-yellow-200 dark:border-yellow-800',
+          iconBg: 'bg-yellow-100 dark:bg-yellow-900/30',
+        };
+      case 'error':
+        return {
+          bg: 'bg-red-50 dark:bg-red-900/20',
+          border: 'border-red-200 dark:border-red-800',
+          iconBg: 'bg-red-100 dark:bg-red-900/30',
+        };
+      case 'success':
+        return {
+          bg: 'bg-green-50 dark:bg-green-900/20',
+          border: 'border-green-200 dark:border-green-800',
+          iconBg: 'bg-green-100 dark:bg-green-900/30',
+        };
+      default:
+        return {
+          bg: 'bg-blue-50 dark:bg-blue-900/20',
+          border: 'border-blue-200 dark:border-blue-800',
+          iconBg: 'bg-blue-100 dark:bg-blue-900/30',
+        };
+    }
+  };
+
+  const colors = getColors();
+
+  const handleConfirm = () => {
+    if (onConfirm) {
+      onConfirm();
+    }
+    onClose();
+  };
+
+  return (
+    <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 animate-in fade-in duration-200">
+      {/* Backdrop */}
+      <div 
+        className="absolute inset-0 bg-black/50 backdrop-blur-sm"
+        onClick={onClose}
+      />
+
+      {/* Modal */}
+      <div className="relative bg-white dark:bg-gray-800 rounded-2xl shadow-2xl max-w-md w-full animate-in zoom-in-95 slide-in-from-bottom-4 duration-200">
+        {/* Close button */}
+        <button
+          onClick={onClose}
+          className="absolute top-4 right-4 p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
+        >
+          <X className="w-5 h-5 text-gray-500 dark:text-gray-400" />
+        </button>
+
+        {/* Content */}
+        <div className="p-6">
+          {/* Icon */}
+          <div className={`w-16 h-16 ${colors.iconBg} rounded-2xl flex items-center justify-center mb-4`}>
+            {getIcon()}
+          </div>
+
+          {/* Title */}
+          <h3 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-2">
+            {title}
+          </h3>
+
+          {/* Message */}
+          <p className="text-gray-600 dark:text-gray-400 leading-relaxed mb-6">
+            {message}
+          </p>
+
+          {/* Actions */}
+          <div className="flex gap-3">
+            {showCancel && (
+              <button
+                onClick={onClose}
+                className="flex-1 px-4 py-2.5 border-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 font-semibold rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+              >
+                {cancelText}
+              </button>
+            )}
+            <button
+              onClick={handleConfirm}
+              className={`${showCancel ? 'flex-1' : 'w-full'} px-4 py-2.5 bg-primary hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors shadow-lg hover:shadow-xl`}
+            >
+              {confirmText}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/DualCalendarPicker.tsx b/apps/edr-passenger-web/portal/src/components/DualCalendarPicker.tsx
new file mode 100644
index 000000000..99181619a
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/DualCalendarPicker.tsx
@@ -0,0 +1,362 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { ChevronLeft, ChevronRight, Calendar as CalendarIcon, Globe } from 'lucide-react';
+import {
+  gregorianToEthiopian,
+  ethiopianToGregorian,
+  formatEthiopianDate,
+  getDaysInEthiopianMonth,
+  ETHIOPIAN_MONTHS,
+  type EthiopianDate,
+} from '@/lib/ethiopian-calendar';
+import { format } from 'date-fns';
+
+interface DualCalendarPickerProps {
+  value?: Date;
+  onChange: (date: Date) => void;
+  minDate?: Date;
+  maxDate?: Date;
+  placeholder?: string;
+}
+
+export default function DualCalendarPicker({
+  value,
+  onChange,
+  minDate,
+  maxDate,
+  placeholder = 'Select date',
+}: DualCalendarPickerProps) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [calendarType, setCalendarType] = useState<'gregorian' | 'ethiopian'>('gregorian');
+  const [_currentDate, setCurrentDate] = useState(value || new Date());
+  const [viewMonth, setViewMonth] = useState(value?.getMonth() || new Date().getMonth());
+  const [viewYear, setViewYear] = useState(value?.getFullYear() || new Date().getFullYear());
+
+  // Initialize Ethiopian calendar with current date
+  const initialEthDate = gregorianToEthiopian(value || new Date());
+  const [ethViewMonth, setEthViewMonth] = useState(initialEthDate.month);
+  const [ethViewYear, setEthViewYear] = useState(initialEthDate.year);
+
+  useEffect(() => {
+    if (value) {
+      setCurrentDate(value);
+      setViewMonth(value.getMonth());
+      setViewYear(value.getFullYear());
+      
+      const ethDate = gregorianToEthiopian(value);
+      setEthViewMonth(ethDate.month);
+      setEthViewYear(ethDate.year);
+    }
+  }, [value]);
+
+  const toggleCalendarType = () => {
+    const newType = calendarType === 'gregorian' ? 'ethiopian' : 'gregorian';
+    
+    if (newType === 'ethiopian') {
+      // Sync Ethiopian view to current Gregorian view
+      const currentViewDate = new Date(viewYear, viewMonth, 15);
+      const ethDate = gregorianToEthiopian(currentViewDate);
+      setEthViewMonth(ethDate.month);
+      setEthViewYear(ethDate.year);
+    } else {
+      // Sync Gregorian view to current Ethiopian view
+      const currentEthDate = { year: ethViewYear, month: ethViewMonth, day: 15 };
+      const gregDate = ethiopianToGregorian(currentEthDate);
+      setViewMonth(gregDate.getMonth());
+      setViewYear(gregDate.getFullYear());
+    }
+    
+    setCalendarType(newType);
+  };
+
+  const handleDateSelect = (date: Date) => {
+    onChange(date);
+    setCurrentDate(date);
+    setIsOpen(false);
+  };
+
+  const handleEthiopianDateSelect = (ethDate: EthiopianDate) => {
+    const gregDate = ethiopianToGregorian(ethDate);
+    handleDateSelect(gregDate);
+  };
+
+  const renderGregorianCalendar = () => {
+    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();
+    const firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();
+    const days: (number | null)[] = [];
+
+    // Add empty cells for days before month starts
+    for (let i = 0; i < firstDayOfMonth; i++) {
+      days.push(null);
+    }
+
+    // Add days of month
+    for (let day = 1; day <= daysInMonth; day++) {
+      days.push(day);
+    }
+
+    const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+
+    return (
+      <div className="p-4">
+        {/* Header */}
+        <div className="flex items-center justify-between mb-4">
+          <button
+            type="button"
+            onClick={() => {
+              if (viewMonth === 0) {
+                setViewMonth(11);
+                setViewYear(viewYear - 1);
+              } else {
+                setViewMonth(viewMonth - 1);
+              }
+            }}
+            className="p-2 hover:bg-gray-100 rounded-lg"
+          >
+            <ChevronLeft className="w-5 h-5" />
+          </button>
+          <div className="font-semibold text-lg">
+            {monthNames[viewMonth]} {viewYear}
+          </div>
+          <button
+            type="button"
+            onClick={() => {
+              if (viewMonth === 11) {
+                setViewMonth(0);
+                setViewYear(viewYear + 1);
+              } else {
+                setViewMonth(viewMonth + 1);
+              }
+            }}
+            className="p-2 hover:bg-gray-100 rounded-lg"
+          >
+            <ChevronRight className="w-5 h-5" />
+          </button>
+        </div>
+
+        {/* Day headers */}
+        <div className="grid grid-cols-7 gap-1 mb-2">
+          {['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map(day => (
+            <div key={day} className="text-center text-xs font-medium text-gray-600 py-2">
+              {day}
+            </div>
+          ))}
+        </div>
+
+        {/* Calendar grid */}
+        <div className="grid grid-cols-7 gap-1">
+          {days.map((day, index) => {
+            if (day === null) {
+              return <div key={`empty-${index}`} />;
+            }
+
+            const date = new Date(viewYear, viewMonth, day);
+            const isSelected = value && 
+              date.getDate() === value.getDate() &&
+              date.getMonth() === value.getMonth() &&
+              date.getFullYear() === value.getFullYear();
+            const isToday = 
+              date.getDate() === new Date().getDate() &&
+              date.getMonth() === new Date().getMonth() &&
+              date.getFullYear() === new Date().getFullYear();
+            const isDisabled = 
+              (minDate && date < minDate) ||
+              (maxDate && date > maxDate);
+
+            return (
+              <button
+                key={day}
+                type="button"
+                onClick={() => !isDisabled && handleDateSelect(date)}
+                disabled={isDisabled}
+                className={`
+                  p-2 text-sm rounded-lg transition-colors
+                  ${isSelected ? 'bg-primary text-white font-semibold' : ''}
+                  ${isToday && !isSelected ? 'border-2 border-primary text-primary font-semibold' : ''}
+                  ${!isSelected && !isToday ? 'hover:bg-gray-100' : ''}
+                  ${isDisabled ? 'text-gray-300 cursor-not-allowed' : ''}
+                `}
+              >
+                {day}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+    );
+  };
+
+  const renderEthiopianCalendar = () => {
+    const daysInMonth = getDaysInEthiopianMonth(ethViewYear, ethViewMonth);
+    const days: number[] = [];
+
+    for (let day = 1; day <= daysInMonth; day++) {
+      days.push(day);
+    }
+
+    // Calculate first day offset (Ethiopian week starts on Sunday)
+    const firstDate = ethiopianToGregorian({ year: ethViewYear, month: ethViewMonth, day: 1 });
+    const firstDayOfWeek = firstDate.getDay();
+
+    const daysWithOffset: (number | null)[] = [];
+    for (let i = 0; i < firstDayOfWeek; i++) {
+      daysWithOffset.push(null);
+    }
+    daysWithOffset.push(...days);
+    
+    // Get month name safely
+    const monthName = ETHIOPIAN_MONTHS[ethViewMonth - 1] || `Month ${ethViewMonth}`;
+
+    return (
+      <div className="p-4">
+        {/* Header */}
+        <div className="flex items-center justify-between mb-4">
+          <button
+            type="button"
+            onClick={() => {
+              if (ethViewMonth === 1) {
+                setEthViewMonth(13);
+                setEthViewYear(ethViewYear - 1);
+              } else {
+                setEthViewMonth(ethViewMonth - 1);
+              }
+            }}
+            className="p-2 hover:bg-gray-100 rounded-lg"
+          >
+            <ChevronLeft className="w-5 h-5" />
+          </button>
+          <div className="font-semibold text-lg">
+            {monthName} {ethViewYear}
+          </div>
+          <button
+            type="button"
+            onClick={() => {
+              if (ethViewMonth === 13) {
+                setEthViewMonth(1);
+                setEthViewYear(ethViewYear + 1);
+              } else {
+                setEthViewMonth(ethViewMonth + 1);
+              }
+            }}
+            className="p-2 hover:bg-gray-100 rounded-lg"
+          >
+            <ChevronRight className="w-5 h-5" />
+          </button>
+        </div>
+
+        {/* Day headers */}
+        <div className="grid grid-cols-7 gap-1 mb-2">
+          {['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map(day => (
+            <div key={day} className="text-center text-xs font-medium text-gray-600 py-2">
+              {day}
+            </div>
+          ))}
+        </div>
+
+        {/* Calendar grid */}
+        <div className="grid grid-cols-7 gap-1">
+          {daysWithOffset.map((day, index) => {
+            if (day === null) {
+              return <div key={`empty-${index}`} />;
+            }
+
+            const ethDate: EthiopianDate = { year: ethViewYear, month: ethViewMonth, day };
+            const gregDate = ethiopianToGregorian(ethDate);
+            
+            const isSelected = value &&
+              gregDate.getDate() === value.getDate() &&
+              gregDate.getMonth() === value.getMonth() &&
+              gregDate.getFullYear() === value.getFullYear();
+            
+            const today = new Date();
+            const todayEth = gregorianToEthiopian(today);
+            const isToday = 
+              ethDate.day === todayEth.day &&
+              ethDate.month === todayEth.month &&
+              ethDate.year === todayEth.year;
+
+            const isDisabled = 
+              (minDate && gregDate < minDate) ||
+              (maxDate && gregDate > maxDate);
+
+            return (
+              <button
+                key={day}
+                type="button"
+                onClick={() => !isDisabled && handleEthiopianDateSelect(ethDate)}
+                disabled={isDisabled}
+                className={`
+                  p-2 text-sm rounded-lg transition-colors
+                  ${isSelected ? 'bg-primary text-white font-semibold' : ''}
+                  ${isToday && !isSelected ? 'border-2 border-primary text-primary font-semibold' : ''}
+                  ${!isSelected && !isToday ? 'hover:bg-gray-100' : ''}
+                  ${isDisabled ? 'text-gray-300 cursor-not-allowed' : ''}
+                `}
+              >
+                {day}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+    );
+  };
+
+  return (
+    <div className="relative">
+      {/* Input trigger */}
+      <button
+        type="button"
+        onClick={() => setIsOpen(!isOpen)}
+        className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-left flex items-center justify-between bg-white"
+      >
+        <span className={value ? 'text-gray-900' : 'text-gray-500'}>
+          {value ? format(value, 'MMMM d, yyyy') : placeholder}
+        </span>
+        <CalendarIcon className="w-5 h-5 text-gray-400" />
+      </button>
+
+      {/* Calendar dropdown */}
+      {isOpen && (
+        <>
+          <div
+            className="fixed inset-0 z-10"
+            onClick={() => setIsOpen(false)}
+          />
+          <div className="absolute z-20 mt-2 bg-white rounded-xl shadow-2xl border border-gray-200 w-80">
+            {/* Calendar type toggle */}
+            <div className="border-b border-gray-200 p-3 flex items-center justify-between">
+              <div className="text-sm font-medium text-gray-700">
+                {calendarType === 'gregorian' ? 'Gregorian Calendar' : 'Ethiopian Calendar'}
+              </div>
+              <button
+                type="button"
+                onClick={toggleCalendarType}
+                className="flex items-center gap-2 px-3 py-1.5 text-sm bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
+              >
+                <Globe className="w-4 h-4" />
+                Switch to {calendarType === 'gregorian' ? 'Ethiopian' : 'Gregorian'}
+              </button>
+            </div>
+
+            {/* Calendar content */}
+            {calendarType === 'gregorian' ? renderGregorianCalendar() : renderEthiopianCalendar()}
+
+            {/* Footer with selected date info */}
+            {value && (
+              <div className="border-t border-gray-200 p-3 text-xs text-gray-600 space-y-1">
+                <div>
+                  <span className="font-medium">Gregorian:</span> {format(value, 'MMMM d, yyyy')}
+                </div>
+                <div>
+                  <span className="font-medium">Ethiopian:</span> {formatEthiopianDate(gregorianToEthiopian(value))}
+                </div>
+              </div>
+            )}
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/Footer.tsx b/apps/edr-passenger-web/portal/src/components/Footer.tsx
new file mode 100644
index 000000000..8d1aa1394
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/Footer.tsx
@@ -0,0 +1,141 @@
+'use client';
+
+import { Mail, Phone, MapPin } from 'lucide-react';
+import Link from 'next/link';
+import { useLanguage, getTranslation, Language } from '@/lib/i18n';
+import { useEffect, useState } from 'react';
+
+export function Footer() {
+  const { getLang } = useLanguage();
+  const [lang, setLang] = useState<Language>('en');
+  const t = (key: string) => getTranslation(lang, key);
+
+  useEffect(() => {
+    setLang(getLang());
+    const handleLanguageChange = (e: any) => setLang(e.detail);
+    window.addEventListener('languageChange', handleLanguageChange);
+    return () => window.removeEventListener('languageChange', handleLanguageChange);
+  }, [getLang]);
+
+  return (
+    <footer className="bg-[rgb(20_113_76)] dark:bg-gray-900 text-white py-12">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+          <div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
+            {/* Company Info */}
+            <div>
+              <h4 className="font-semibold mb-2">
+                Ethio-Djibouti Railway
+              </h4>
+              <p className="text-sm text-gray-100 my-3">Connecting East Africa with train travel.
+              </p>
+              <div className="space-y-2 text-sm">
+                <div className="flex items-center gap-2 text-gray-100">
+                  <Phone className="w-4 h-4" />
+                  <a href="tel:9546" className="hover:text-gray-200 transition">
+                    9546
+                  </a>
+                </div>
+                <div className="flex items-center gap-2 text-gray-100">
+                  <Mail className="w-4 h-4" />
+                  <a href="mailto:edr_@edrsc.com" className="hover:text-gray-200 transition">
+                    edr_@edrsc.com
+                  </a>
+                </div>
+                <div className="flex items-center gap-2 text-gray-100">
+                  <MapPin className="w-4 h-4" />
+                  <span>Furi, Sheger City</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Quick Links */}
+            <div>
+              <h4 className="font-semibold mb-4">{t('nav.home')}</h4>
+              <ul className="space-y-2 text-sm text-gray-100">
+                <li>
+                  <Link href="/" className="hover:text-gray-200 transition">
+                    {t('nav.home')}
+                  </Link>
+                </li>
+                <li>
+                  <Link href="/services" className="hover:text-gray-200 transition">
+                    {t('nav.services')}
+                  </Link>
+                </li>
+                <li>
+                  <Link href="/about" className="hover:text-gray-200 transition">
+                    {t('nav.about')}
+                  </Link>
+                </li>
+                <li>
+                  <Link href="/contact" className="hover:text-gray-200 transition">
+                    {t('nav.contact')}
+                  </Link>
+                </li>
+              </ul>
+            </div>
+
+            {/* Support */}
+            <div>
+              <h4 className="font-semibold mb-4">{t('footer.support')}</h4>
+              <ul className="space-y-2 text-sm text-gray-100">
+                <li>
+                  <Link href="/help" className="hover:text-gray-200 transition">
+                    {t('nav.help')}
+                  </Link>
+                </li>
+                <li>
+                  <a href="#" className="hover:text-gray-200 transition">
+                    {t('footer.privacy')}
+                  </a>
+                </li>
+                <li>
+                  <a href="#" className="hover:text-gray-200 transition">
+                    {t('footer.terms')}
+                  </a>
+                </li>
+              </ul>
+            </div>
+
+            {/* Social Media */}
+            <div>
+              <h4 className="font-semibold mb-4">{t('footer.follow')}</h4>
+              <div className="flex gap-3">
+                <a href="https://web.facebook.com/ethiodjiboutirailwaysc" target="_blank" rel="noopener noreferrer" className="w-10 h-10 bg-white bg-opacity-20 rounded-lg flex items-center justify-center hover:bg-opacity-30 transition duration-200 transform hover:scale-110" aria-label="Facebook">
+                  <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
+                </a>
+                <a href="https://twitter.com/edr" target="_blank" rel="noopener noreferrer" className="w-10 h-10 bg-white bg-opacity-20 rounded-lg flex items-center justify-center hover:bg-opacity-30 transition duration-200 transform hover:scale-110" aria-label="Twitter">
+                  <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
+                </a>
+                <a href="https://instagram.com/edr" target="_blank" rel="noopener noreferrer" className="w-10 h-10 bg-white bg-opacity-20 rounded-lg flex items-center justify-center hover:bg-opacity-30 transition duration-200 transform hover:scale-110" aria-label="Instagram">
+                  <svg className="w-5 h-5" fill="none" stroke="currentColor" strokeWidth="2" viewBox="0 0 24 24"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1" fill="currentColor" stroke="none"/></svg>
+                </a>
+                <a href="https://linkedin.com/company/edr" target="_blank" rel="noopener noreferrer" className="w-10 h-10 bg-white bg-opacity-20 rounded-lg flex items-center justify-center hover:bg-opacity-30 transition duration-200 transform hover:scale-110" aria-label="LinkedIn">
+                  <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg>
+                </a>
+              </div>
+            </div>
+          </div>
+
+          {/* Divider */}
+          <div className="border-t border-white border-opacity-20 dark:border-gray-700 pt-8">
+            <div className="flex flex-col md:flex-row justify-between items-center text-sm text-gray-100">
+              <p>
+                &copy; 2024 Ethio-Djibouti Railway. {t('footer.rights')}
+              </p>
+              <div className="flex gap-6 mt-4 md:mt-0">
+                <a href="#" className="hover:text-gray-200 transition">
+                  {t('footer.privacy')}
+                </a>
+                <a href="#" className="hover:text-gray-200 transition">
+                  {t('footer.terms')}
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/LandingNav.tsx b/apps/edr-passenger-web/portal/src/components/LandingNav.tsx
new file mode 100644
index 000000000..76d5fabb9
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/LandingNav.tsx
@@ -0,0 +1,163 @@
+'use client';
+
+import { Train, Menu, X, Moon, Sun, HelpCircle } from 'lucide-react';
+import Link from 'next/link';
+import { useState, useEffect } from 'react';
+import { LanguageSwitcher } from './LanguageSwitcher';
+import { getTranslation, Language } from '@/lib/i18n';
+import { useLanguage } from '@/lib/i18n';
+
+export function LandingNav() {
+  const [isOpen, setIsOpen] = useState(false);
+  const [lang, setLang] = useState<Language>('en');
+  const [isDark, setIsDark] = useState(false);
+  const [mounted, setMounted] = useState(false);
+  const { getLang } = useLanguage();
+  const t = (key: string) => getTranslation(lang, key);
+
+  useEffect(() => {
+    setMounted(true);
+    setLang(getLang());
+    const handleLanguageChange = (e: any) => setLang(e.detail);
+    window.addEventListener('languageChange', handleLanguageChange);
+    return () => window.removeEventListener('languageChange', handleLanguageChange);
+  }, [getLang]);
+
+  useEffect(() => {
+    const isDarkMode = document.documentElement.classList.contains('dark');
+    setIsDark(isDarkMode);
+  }, []);
+
+  const toggleTheme = () => {
+    const html = document.documentElement;
+    const isDarkMode = html.classList.contains('dark');
+    if (isDarkMode) {
+      html.classList.remove('dark');
+      setIsDark(false);
+      localStorage.setItem('theme', 'light');
+    } else {
+      html.classList.add('dark');
+      setIsDark(true);
+      localStorage.setItem('theme', 'dark');
+    }
+  };
+
+  const menuItems = [
+    { label: t('nav.home'), href: '/' },
+    { label: t('nav.services'), href: '/services' },
+    { label: t('nav.about'), href: '/about' },
+    { label: t('nav.contact'), href: '/contact' },
+  ];
+
+  if (!mounted) return null;
+
+  return (
+    <nav className="sticky top-0 z-40 bg-[rgb(20_113_76)] border-b border-[rgb(16_89_60)] shadow-sm">
+      <div className="container mx-auto px-4">
+        <div className="max-w-6xl mx-auto">
+          <div className="flex items-center justify-between h-16">
+            {/* Logo */}
+            <Link href="/" className="flex items-center gap-3 hover:opacity-80 transition-opacity">
+              <div className="w-10 h-10 bg-white rounded-lg flex items-center justify-center">
+                <Train className="w-6 h-6 text-[rgb(20_113_76)]" />
+              </div>
+              <div>
+                <h1 className="text-lg font-bold text-white">
+                  Ethio-Djibouti Railway
+                </h1>
+                <p className="text-xs text-gray-100">
+                  Book your train journey with us
+                </p>
+              </div>
+            </Link>
+
+            {/* Desktop Menu */}
+            <div className="hidden md:flex items-center gap-8">
+              {menuItems.map((item) => (
+                <Link
+                  key={item.href}
+                  href={item.href}
+                  className="text-sm font-medium text-gray-100 hover:text-white transition-colors"
+                >
+                  {item.label}
+                </Link>
+              ))}
+            </div>
+
+            {/* Right Actions */}
+            <div className="flex items-center gap-3">
+              <LanguageSwitcher />
+              
+              {/* Help Link */}
+              <Link
+                href="/help"
+                className="hidden sm:flex items-center gap-1.5 px-3 py-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg transition-colors"
+                title="Help & FAQ"
+              >
+                <HelpCircle className="w-5 h-5" />
+              </Link>
+
+              {/* Theme Toggler */}
+              <button
+                onClick={toggleTheme}
+                className="p-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg transition-colors"
+                title={isDark ? 'Light mode' : 'Dark mode'}
+              >
+                {isDark ? (
+                  <Sun className="w-5 h-5" />
+                ) : (
+                  <Moon className="w-5 h-5" />
+                )}
+              </button>
+
+              <Link
+                href="/booking/search"
+                className="hidden sm:block px-4 py-2 bg-white text-[rgb(20_113_76)] text-sm font-medium rounded-lg transition-all duration-200 transform hover:scale-105 hover:bg-gray-100"
+              >
+                {t('nav.bookNow')}
+              </Link>
+
+              {/* Mobile Menu Button */}
+              <button
+                onClick={() => setIsOpen(!isOpen)}
+                className="md:hidden p-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg"
+              >
+                {isOpen ? <X className="w-5 h-5" /> : <Menu className="w-5 h-5" />}
+              </button>
+            </div>
+          </div>
+
+          {/* Mobile Menu */}
+          {isOpen && (
+            <div className="md:hidden border-t border-white border-opacity-20 py-4 space-y-2 animate-in slide-in-from-top-2 duration-200">
+              {menuItems.map((item) => (
+                <Link
+                  key={item.href}
+                  href={item.href}
+                  className="block px-4 py-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg transition-colors"
+                  onClick={() => setIsOpen(false)}
+                >
+                  {item.label}
+                </Link>
+              ))}
+              <Link
+                href="/help"
+                className="block px-4 py-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg transition-colors"
+                onClick={() => setIsOpen(false)}
+              >
+                {t('nav.help')}
+              </Link>
+              <Link
+                href="/booking/search"
+                className="block px-4 py-2 bg-white text-[rgb(20_113_76)] font-medium rounded-lg transition-colors hover:bg-gray-100"
+                onClick={() => setIsOpen(false)}
+              >
+                {t('nav.bookNow')}
+              </Link>
+            </div>
+          )}
+        </div>
+      </div>
+    </nav>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/LanguageSwitcher.tsx b/apps/edr-passenger-web/portal/src/components/LanguageSwitcher.tsx
new file mode 100644
index 000000000..c841e39ba
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/LanguageSwitcher.tsx
@@ -0,0 +1,65 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useLanguage, Language } from '@/lib/i18n';
+import { Globe } from 'lucide-react';
+
+const languages: { code: Language; label: string }[] = [
+  { code: 'en', label: 'English' },
+  { code: 'am', label: 'አማርኛ' },
+  { code: 'om', label: 'Afan Oromo' },
+  { code: 'fr', label: 'Français' },
+];
+
+export function LanguageSwitcher() {
+  const [isOpen, setIsOpen] = useState(false);
+  const [currentLang, setCurrentLang] = useState<Language>('en');
+  const { getLang, setLang } = useLanguage();
+
+  useEffect(() => {
+    setCurrentLang(getLang());
+  }, [getLang]);
+
+  const handleLanguageChange = (lang: Language) => {
+    setLang(lang);
+    setCurrentLang(lang);
+    setIsOpen(false);
+  };
+
+  return (
+    <div className="relative">
+      <button
+        onClick={() => setIsOpen(!isOpen)}
+        className="p-2 text-gray-100 hover:bg-white hover:bg-opacity-10 rounded-lg transition-colors"
+        title="Change language"
+        aria-label="Change language"
+      >
+        <Globe className="w-5 h-5" />
+      </button>
+
+      {isOpen && (
+        <>
+          <div
+            className="fixed inset-0 z-30"
+            onClick={() => setIsOpen(false)}
+          />
+          <div className="absolute right-0 mt-2 w-40 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-40 animate-in fade-in zoom-in-95 duration-200">
+            {languages.map((lang) => (
+              <button
+                key={lang.code}
+                onClick={() => handleLanguageChange(lang.code)}
+                className={`w-full text-left px-4 py-2.5 transition-all duration-200 ${
+                  currentLang === lang.code
+                    ? 'bg-primary text-white font-medium'
+                    : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'
+                }`}
+              >
+                {lang.label}
+              </button>
+            ))}
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/LoadingIndicator.tsx b/apps/edr-passenger-web/portal/src/components/LoadingIndicator.tsx
new file mode 100644
index 000000000..9fa5c466e
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/LoadingIndicator.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+
+export function LoadingIndicator() {
+  const [isVisible, setIsVisible] = useState(false);
+
+  useEffect(() => {
+    const handleStart = () => setIsVisible(true);
+    const handleEnd = () => setIsVisible(false);
+
+    window.addEventListener('beforeunload', handleStart);
+    window.addEventListener('load', handleEnd);
+
+    return () => {
+      window.removeEventListener('beforeunload', handleStart);
+      window.removeEventListener('load', handleEnd);
+    };
+  }, []);
+
+  if (!isVisible) return null;
+
+  return (
+    <div className="fixed top-0 left-0 right-0 z-[9999]">
+      <div className="h-1 bg-gradient-to-r from-primary via-primary/70 to-primary animate-pulse">
+        <div className="h-full bg-gradient-to-r from-primary to-primary/50 animate-[shimmer_2s_infinite]" />
+      </div>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/ModernDatePicker.tsx b/apps/edr-passenger-web/portal/src/components/ModernDatePicker.tsx
new file mode 100644
index 000000000..5ea145bba
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/ModernDatePicker.tsx
@@ -0,0 +1,321 @@
+'use client';
+
+import { useState, useEffect, useRef } from 'react';
+import { ChevronLeft, ChevronRight, Calendar as CalendarIcon, Globe, X } from 'lucide-react';
+import {
+  gregorianToEthiopian,
+  ethiopianToGregorian,
+  formatEthiopianDate,
+  getDaysInEthiopianMonth,
+  ETHIOPIAN_MONTHS,
+  type EthiopianDate,
+} from '@/lib/ethiopian-calendar';
+import { format } from 'date-fns';
+
+interface ModernDatePickerProps {
+  value?: Date;
+  onChange: (date: Date) => void;
+  minDate?: Date;
+  maxDate?: Date;
+  placeholder?: string;
+}
+
+export default function ModernDatePicker({
+  value,
+  onChange,
+  minDate,
+  maxDate,
+  placeholder = 'Select date',
+}: ModernDatePickerProps) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isMobileView, setIsMobileView] = useState(false);
+  const [calendarType, setCalendarType] = useState<'gregorian' | 'ethiopian'>('gregorian');
+  const [viewMonth, setViewMonth] = useState(value?.getMonth() ?? new Date().getMonth());
+  const [viewYear, setViewYear] = useState(value?.getFullYear() ?? new Date().getFullYear());
+
+  const initialEthDate = gregorianToEthiopian(value || new Date());
+  const [ethViewMonth, setEthViewMonth] = useState(initialEthDate.month);
+  const [ethViewYear, setEthViewYear] = useState(initialEthDate.year);
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const check = () => setIsMobileView(window.innerWidth < 768);
+    check();
+    window.addEventListener('resize', check);
+    return () => window.removeEventListener('resize', check);
+  }, []);
+
+  useEffect(() => {
+    if (value) {
+      setViewMonth(value.getMonth());
+      setViewYear(value.getFullYear());
+      const ethDate = gregorianToEthiopian(value);
+      setEthViewMonth(ethDate.month);
+      setEthViewYear(ethDate.year);
+    }
+  }, [value]);
+
+  // Lock body scroll when modal is open (both mobile and desktop modal)
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = '';
+    }
+    return () => { document.body.style.overflow = ''; };
+  }, [isOpen]);
+
+  const toggleCalendarType = () => {
+    const newType = calendarType === 'gregorian' ? 'ethiopian' : 'gregorian';
+    const ref = value || new Date();
+    if (newType === 'ethiopian') {
+      const ethDate = gregorianToEthiopian(ref);
+      setEthViewMonth(ethDate.month);
+      setEthViewYear(ethDate.year);
+    } else {
+      setViewMonth(ref.getMonth());
+      setViewYear(ref.getFullYear());
+    }
+    setCalendarType(newType);
+  };
+
+  const handleDateSelect = (date: Date) => {
+    onChange(date);
+    setIsOpen(false);
+  };
+
+  const handleEthiopianDateSelect = (ethDate: EthiopianDate) => {
+    handleDateSelect(ethiopianToGregorian(ethDate));
+  };
+
+  const renderGregorianCalendar = () => {
+    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();
+    const firstDay = new Date(viewYear, viewMonth, 1).getDay();
+    const days: (number | null)[] = Array(firstDay).fill(null);
+    for (let d = 1; d <= daysInMonth; d++) days.push(d);
+    const monthNames = ['January','February','March','April','May','June','July','August','September','October','November','December'];
+
+    return (
+      <div className="p-4">
+        <div className="flex items-center justify-between mb-4">
+          <button type="button" onClick={() => { if (viewMonth === 0) { setViewMonth(11); setViewYear(y => y - 1); } else setViewMonth(m => m - 1); }} className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors">
+            <ChevronLeft className="w-5 h-5 text-gray-600 dark:text-gray-400" />
+          </button>
+          <span className="font-semibold text-base text-gray-900 dark:text-gray-100">{monthNames[viewMonth]} {viewYear}</span>
+          <button type="button" onClick={() => { if (viewMonth === 11) { setViewMonth(0); setViewYear(y => y + 1); } else setViewMonth(m => m + 1); }} className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors">
+            <ChevronRight className="w-5 h-5 text-gray-600 dark:text-gray-400" />
+          </button>
+        </div>
+        <div className="grid grid-cols-7 gap-1 mb-2">
+          {['Su','Mo','Tu','We','Th','Fr','Sa'].map(d => (
+            <div key={d} className="text-center text-xs font-semibold text-gray-400 py-2">{d}</div>
+          ))}
+        </div>
+        <div className="grid grid-cols-7 gap-1">
+          {days.map((day, i) => {
+            if (day === null) return <div key={`e-${i}`} />;
+            const date = new Date(viewYear, viewMonth, day);
+            const isSelected = value && date.getDate() === value.getDate() && date.getMonth() === value.getMonth() && date.getFullYear() === value.getFullYear();
+            const isToday = date.toDateString() === new Date().toDateString();
+            const isDisabled = (minDate && date < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate())) || (maxDate && date > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()));
+            return (
+              <button key={day} type="button" onClick={() => !isDisabled && handleDateSelect(date)} disabled={!!isDisabled}
+                className={`aspect-square flex items-center justify-center text-sm rounded-lg transition-all
+                  ${isSelected ? 'bg-primary text-white font-semibold shadow-md scale-105' : ''}
+                  ${isToday && !isSelected ? 'border-2 border-primary text-primary font-semibold' : ''}
+                  ${!isSelected && !isToday && !isDisabled ? 'hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300' : ''}
+                  ${isDisabled ? 'text-gray-300 dark:text-gray-600 cursor-not-allowed' : ''}`}>
+                {day}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+    );
+  };
+
+  const renderEthiopianCalendar = () => {
+    const daysInMonth = getDaysInEthiopianMonth(ethViewYear, ethViewMonth);
+    const firstDate = ethiopianToGregorian({ year: ethViewYear, month: ethViewMonth, day: 1 });
+    const firstDayOfWeek = firstDate.getDay();
+    const daysWithOffset: (number | null)[] = Array(firstDayOfWeek).fill(null);
+    for (let d = 1; d <= daysInMonth; d++) daysWithOffset.push(d);
+    const monthName = ETHIOPIAN_MONTHS[ethViewMonth - 1] || `Month ${ethViewMonth}`;
+
+    return (
+      <div className="p-4">
+        <div className="flex items-center justify-between mb-4">
+          <button type="button" onClick={() => { if (ethViewMonth === 1) { setEthViewMonth(13); setEthViewYear(y => y - 1); } else setEthViewMonth(m => m - 1); }} className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors">
+            <ChevronLeft className="w-5 h-5 text-gray-600 dark:text-gray-400" />
+          </button>
+          <span className="font-semibold text-base text-gray-900 dark:text-gray-100">{monthName} {ethViewYear}</span>
+          <button type="button" onClick={() => { if (ethViewMonth === 13) { setEthViewMonth(1); setEthViewYear(y => y + 1); } else setEthViewMonth(m => m + 1); }} className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors">
+            <ChevronRight className="w-5 h-5 text-gray-600 dark:text-gray-400" />
+          </button>
+        </div>
+        <div className="grid grid-cols-7 gap-1 mb-2">
+          {['Su','Mo','Tu','We','Th','Fr','Sa'].map(d => (
+            <div key={d} className="text-center text-xs font-semibold text-gray-400 py-2">{d}</div>
+          ))}
+        </div>
+        <div className="grid grid-cols-7 gap-1">
+          {daysWithOffset.map((day, i) => {
+            if (day === null) return <div key={`e-${i}`} />;
+            const ethDate: EthiopianDate = { year: ethViewYear, month: ethViewMonth, day };
+            const gregDate = ethiopianToGregorian(ethDate);
+            const isSelected = value && gregDate.getDate() === value.getDate() && gregDate.getMonth() === value.getMonth() && gregDate.getFullYear() === value.getFullYear();
+            const todayEth = gregorianToEthiopian(new Date());
+            const isToday = ethDate.day === todayEth.day && ethDate.month === todayEth.month && ethDate.year === todayEth.year;
+            let isDisabled = false;
+            if (minDate) {
+              const [mY, mM, mD] = [minDate.getFullYear(), minDate.getMonth(), minDate.getDate()];
+              const [gY, gM, gD] = [gregDate.getFullYear(), gregDate.getMonth(), gregDate.getDate()];
+              if (gY < mY || (gY === mY && gM < mM) || (gY === mY && gM === mM && gD < mD)) isDisabled = true;
+            }
+            if (maxDate && !isDisabled) {
+              const [mY, mM, mD] = [maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()];
+              const [gY, gM, gD] = [gregDate.getFullYear(), gregDate.getMonth(), gregDate.getDate()];
+              if (gY > mY || (gY === mY && gM > mM) || (gY === mY && gM === mM && gD > mD)) isDisabled = true;
+            }
+            return (
+              <button key={day} type="button" onClick={() => !isDisabled && handleEthiopianDateSelect(ethDate)} disabled={isDisabled}
+                className={`aspect-square flex items-center justify-center text-sm rounded-lg transition-all
+                  ${isSelected ? 'bg-primary text-white font-semibold shadow-md scale-105' : ''}
+                  ${isToday && !isSelected ? 'border-2 border-primary text-primary font-semibold' : ''}
+                  ${!isSelected && !isToday && !isDisabled ? 'hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300' : ''}
+                  ${isDisabled ? 'text-gray-300 dark:text-gray-600 cursor-not-allowed' : ''}`}>
+                {day}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+    );
+  };
+
+  const calendarFooter = value && (
+    <div className="border-t border-gray-200 dark:border-gray-700 p-3 bg-gray-50 dark:bg-gray-800/60 space-y-1.5">
+      <div className="flex items-center justify-between text-xs">
+        <span className="text-gray-500 dark:text-gray-400">Gregorian:</span>
+        <span className="font-medium text-gray-700 dark:text-gray-300">{format(value, 'MMMM d, yyyy')}</span>
+      </div>
+      <div className="flex items-center justify-between text-xs">
+        <span className="text-gray-500 dark:text-gray-400">Ethiopian:</span>
+        <span className="font-medium text-gray-700 dark:text-gray-300">{formatEthiopianDate(gregorianToEthiopian(value))}</span>
+      </div>
+    </div>
+  );
+
+  // Shared modal content (used by both mobile and desktop)
+  const modalContent = (
+    <div className="flex flex-col h-full">
+      {/* Header row: title + close */}
+      <div className="flex items-center justify-between px-4 py-4 border-b border-gray-100 dark:border-gray-800 flex-shrink-0">
+        <div className="flex items-center gap-2">
+          <CalendarIcon className="w-4 h-4 text-primary" />
+          <h2 className="text-base font-bold text-gray-900 dark:text-white">Select Date</h2>
+        </div>
+        <button
+          type="button"
+          onClick={() => setIsOpen(false)}
+          className="w-9 h-9 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+        >
+          <X className="w-5 h-5 text-gray-500 dark:text-gray-400" />
+        </button>
+      </div>
+
+      {/* Toggle row: always full-width, clearly visible */}
+      <div className="px-4 py-2.5 border-b border-gray-100 dark:border-gray-800 flex-shrink-0">
+        <div className="flex rounded-lg overflow-hidden border-2 border-gray-200 dark:border-gray-700">
+          <button
+            type="button"
+            onClick={() => calendarType !== 'gregorian' && toggleCalendarType()}
+            className={`flex-1 flex items-center justify-center gap-1.5 py-2 text-xs font-semibold transition-colors ${
+              calendarType === 'gregorian'
+                ? 'bg-primary text-white'
+                : 'bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700'
+            }`}
+          >
+            <Globe className="w-3.5 h-3.5" />
+            Gregorian
+          </button>
+          <button
+            type="button"
+            onClick={() => calendarType !== 'ethiopian' && toggleCalendarType()}
+            className={`flex-1 flex items-center justify-center gap-1.5 py-2 text-xs font-semibold transition-colors ${
+              calendarType === 'ethiopian'
+                ? 'bg-primary text-white'
+                : 'bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700'
+            }`}
+          >
+            <Globe className="w-3.5 h-3.5" />
+            Ethiopian
+          </button>
+        </div>
+      </div>
+
+      {/* Calendar body */}
+      <div className="flex-1 overflow-y-auto">
+        {calendarType === 'gregorian' ? renderGregorianCalendar() : renderEthiopianCalendar()}
+        {calendarFooter}
+      </div>
+    </div>
+  );
+
+  return (
+    <div className="relative" ref={containerRef}>
+      {/* Trigger button */}
+      <button
+        type="button"
+        onClick={() => setIsOpen(true)}
+        className="w-full px-3.5 py-3.5 border-2 border-gray-200 dark:border-gray-700 rounded-xl focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary text-left flex items-center justify-between bg-white dark:bg-gray-800 hover:border-gray-300 dark:hover:border-gray-600 transition-all group"
+      >
+        <span className={`text-sm ${value ? 'text-gray-900 dark:text-gray-100 font-medium' : 'text-gray-400'}`}>
+          {value ? format(value, 'EEE, MMM d, yyyy') : placeholder}
+        </span>
+        <CalendarIcon className="w-4 h-4 text-gray-400 group-hover:text-primary transition-colors flex-shrink-0" />
+      </button>
+
+      {isOpen && (
+        <>
+
+          {/* Mobile: full-screen takeover */}
+          {isMobileView ? (
+            <div
+              className="fixed inset-0 z-[100] bg-white dark:bg-gray-900 flex flex-col"
+              style={{ animation: 'mdp-slide-up 0.25s cubic-bezier(0.32,0.72,0,1)' }}
+            >
+              {modalContent}
+            </div>
+          ) : (
+            /* Desktop: centred modal with backdrop */
+            <>
+              <div className="fixed inset-0 z-[99] bg-black/40 backdrop-blur-sm" onClick={() => setIsOpen(false)} />
+              <div
+                className="fixed inset-0 z-[100] flex items-center justify-center p-4 pointer-events-none"
+              >
+                <div
+                  className="bg-white dark:bg-gray-900 rounded-2xl shadow-2xl border border-gray-200 dark:border-gray-700 w-full max-w-sm pointer-events-auto"
+                  style={{ animation: 'mdp-scale-in 0.2s cubic-bezier(0.34,1.56,0.64,1)' }}
+                >
+                  {modalContent}
+                </div>
+              </div>
+            </>
+          )}
+
+          <style>{`
+            @keyframes mdp-slide-up {
+              from { transform: translateY(100%); opacity: 0; }
+              to   { transform: translateY(0);    opacity: 1; }
+            }
+            @keyframes mdp-scale-in {
+              from { transform: scale(0.92); opacity: 0; }
+              to   { transform: scale(1);    opacity: 1; }
+            }
+          `}</style>
+        </>
+      )}
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/ProgressIndicator.tsx b/apps/edr-passenger-web/portal/src/components/ProgressIndicator.tsx
new file mode 100644
index 000000000..9d0215c3a
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/ProgressIndicator.tsx
@@ -0,0 +1,93 @@
+'use client';
+
+import { Check } from 'lucide-react';
+import { useEffect, useRef } from 'react';
+
+const steps = [
+  { id: 'search',       name: 'Search' },
+  { id: 'results',      name: 'Results' },
+  { id: 'passengers',   name: 'Passengers' },
+  { id: 'seats',        name: 'Seats' },
+  { id: 'review',       name: 'Review' },
+  { id: 'payment',      name: 'Payment' },
+  { id: 'confirmation', name: 'Done' },
+];
+
+export function ProgressIndicator({ currentStep }: { currentStep: string }) {
+  const currentIndex = steps.findIndex((s) => s.id === currentStep);
+  const scrollRef   = useRef<HTMLDivElement>(null);
+  const activeRef   = useRef<HTMLLIElement>(null);
+
+  // Auto-scroll active step to centre on mobile
+  useEffect(() => {
+    const container = scrollRef.current;
+    const active    = activeRef.current;
+    if (!container || !active) return;
+    const offset = active.offsetLeft + active.offsetWidth / 2 - container.clientWidth / 2;
+    container.scrollTo({ left: offset, behavior: 'smooth' });
+  }, [currentIndex]);
+
+  const stepItem = (step: typeof steps[0], index: number) => {
+    const isComplete = index < currentIndex;
+    const isCurrent  = index === currentIndex;
+
+    return (
+      <li
+        key={step.id}
+        ref={isCurrent ? activeRef : undefined}
+        className="flex flex-col items-center flex-shrink-0 w-[4.5rem] md:flex-1"
+      >
+        {/* Line + Circle row */}
+        <div className="flex items-center w-full">
+          {/* Left connector */}
+          <div className={`flex-1 h-0.5 ${index === 0 ? 'invisible' : isComplete ? 'bg-primary' : 'bg-gray-200 dark:bg-gray-700'}`} />
+
+          {/* Circle */}
+          <div className={`flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full transition-all duration-300 ${
+            isComplete ? 'bg-primary shadow-sm' :
+            isCurrent  ? 'border-[3px] border-primary bg-white dark:bg-gray-800 shadow-sm' :
+                         'border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800'
+          }`}>
+            {isComplete
+              ? <Check className="h-4 w-4 text-white" />
+              : <span className={`text-xs font-bold ${isCurrent ? 'text-primary' : 'text-gray-400 dark:text-gray-500'}`}>{index + 1}</span>
+            }
+          </div>
+
+          {/* Right connector */}
+          <div className={`flex-1 h-0.5 ${index === steps.length - 1 ? 'invisible' : isComplete ? 'bg-primary' : 'bg-gray-200 dark:bg-gray-700'}`} />
+        </div>
+
+        {/* Label */}
+        <p className={`mt-1.5 text-[10px] md:text-xs font-medium text-center leading-tight whitespace-nowrap ${
+          isCurrent  ? 'text-primary font-bold' :
+          isComplete ? 'text-gray-600 dark:text-gray-300' :
+                       'text-gray-400 dark:text-gray-500'
+        }`}>
+          {step.name}
+        </p>
+      </li>
+    );
+  };
+
+  return (
+    <nav aria-label="Progress">
+      {/* Mobile: full-bleed scrollable */}
+      <div
+        ref={scrollRef}
+        className="md:hidden overflow-x-auto scrollbar-hide px-4 py-3"
+      >
+        <ol className="flex items-start min-w-full">
+          {steps.map((s, i) => stepItem(s, i))}
+        </ol>
+      </div>
+
+      {/* Desktop: full container width matching header/footer */}
+      <div className="hidden md:block container mx-auto px-4 py-4">
+        <ol className="flex items-start max-w-6xl mx-auto">
+          {steps.map((s, i) => stepItem(s, i))}
+        </ol>
+      </div>
+    </nav>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/SearchWidget.tsx b/apps/edr-passenger-web/portal/src/components/SearchWidget.tsx
new file mode 100644
index 000000000..35901755d
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/SearchWidget.tsx
@@ -0,0 +1,282 @@
+'use client';
+
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { useRouter } from 'next/navigation';
+import { useQuery } from '@tanstack/react-query';
+import { apiClient } from '@/lib/api-client';
+import { useBookingStore } from '@/lib/booking-store';
+import { Station } from '@/types';
+import { MapPin, Users, Search, Plus, Minus, ChevronDown } from 'lucide-react';
+import { useState } from 'react';
+import ModernDatePicker from '@/components/ModernDatePicker';
+
+const searchSchema = z.object({
+  tripType: z.enum(['ONE_WAY', 'ROUND_TRIP']),
+  originStationId: z.string().min(1),
+  destinationStationId: z.string().min(1),
+  departureDate: z.string().min(1),
+  returnDate: z.string().optional(),
+  adultCount: z.number().min(1).max(9),
+  childCount: z.number().min(0).max(9),
+  nationality: z.enum(['ETHIOPIAN', 'DJIBOUTIAN', 'OTHER']),
+}).refine((data) => data.originStationId !== data.destinationStationId, {
+  message: 'Origin and destination must be different',
+  path: ['destinationStationId'],
+});
+
+type SearchForm = z.infer<typeof searchSchema>;
+
+interface SearchWidgetProps {
+  fullWidth?: boolean;
+  onSearch?: () => void;
+}
+
+export function SearchWidget({ fullWidth = false, onSearch }: SearchWidgetProps) {
+  const router = useRouter();
+  const setSearchCriteria = useBookingStore((s) => s.setSearchCriteria);
+  const [isPassengerOpen, setIsPassengerOpen] = useState(false);
+
+  const { data: stations, isLoading } = useQuery<Station[]>({
+    queryKey: ['stations'],
+    queryFn: async () => await apiClient.get('/stations') as Station[],
+  });
+
+  const { register, handleSubmit, watch, setValue, formState: { errors } } = useForm<SearchForm>({
+    resolver: zodResolver(searchSchema as any),
+    defaultValues: {
+      tripType: 'ONE_WAY',
+      adultCount: 1,
+      childCount: 0,
+      nationality: 'ETHIOPIAN',
+      departureDate: new Date().toISOString().split('T')[0],
+    },
+  });
+
+  const originId = watch('originStationId');
+  const adultCount = watch('adultCount');
+  const childCount = watch('childCount');
+
+  const onSubmit = (data: SearchForm) => {
+    setSearchCriteria({
+      ...data,
+      adultCount: data.adultCount,
+      childCount: data.childCount,
+      nationality: data.nationality,
+    });
+    const params = new URLSearchParams({
+      origin: data.originStationId,
+      destination: data.destinationStationId,
+      date: data.departureDate,
+      adults: data.adultCount.toString(),
+      children: data.childCount.toString(),
+      nationality: data.nationality,
+    });
+    if (onSearch) onSearch();
+    router.push(`/booking/results?${params}`);
+  };
+
+  return (
+    <div className={fullWidth ? 'w-full' : 'w-full max-w-6xl mx-auto'}>
+      <form onSubmit={handleSubmit(onSubmit)} className="bg-white/95 dark:bg-gray-800/95 rounded-2xl shadow-lg border border-gray-200/20 dark:border-gray-700/20 overflow-visible backdrop-blur-sm">
+        <div className="p-6 md:p-8 overflow-visible">
+          {/* Row 1: From, To, Date */}
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-4 items-end mb-4">
+            {/* From */}
+            <div className="space-y-2 md:col-span-1">
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 text-left">From</label>
+              <div className="relative">
+                <MapPin className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-primary" />
+                <select
+                  {...register('originStationId')}
+                  className="w-full pl-11 pr-4 py-3.5 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent disabled:bg-gray-50 dark:disabled:bg-gray-800 disabled:cursor-not-allowed text-base bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                  disabled={isLoading}
+                >
+                  <option value="">Select departure</option>
+                  {stations?.map((s) => (
+                    <option key={s.id} value={s.id}>{s.name}</option>
+                  ))}
+                </select>
+              </div>
+              {errors.originStationId && (
+                <p className="text-red-600 dark:text-red-400 text-sm">{errors.originStationId.message}</p>
+              )}
+            </div>
+
+            {/* To */}
+            <div className="space-y-2 md:col-span-1">
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 text-left">To</label>
+              <div className="relative">
+                <MapPin className="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-primary" />
+                <select
+                  {...register('destinationStationId')}
+                  className="w-full pl-11 pr-4 py-3.5 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent disabled:bg-gray-50 dark:disabled:bg-gray-800 disabled:cursor-not-allowed text-base bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                  disabled={isLoading}
+                >
+                  <option value="">Select arrival</option>
+                  {stations?.map((s) => (
+                    <option key={s.id} value={s.id} disabled={s.id === originId}>{s.name}</option>
+                  ))}
+                </select>
+              </div>
+              {errors.destinationStationId && (
+                <p className="text-red-600 dark:text-red-400 text-sm">{errors.destinationStationId.message}</p>
+              )}
+            </div>
+
+            {/* Date */}
+            <div className="space-y-2 relative z-30 md:col-span-1">
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 text-left">Date</label>
+              <ModernDatePicker
+                value={watch('departureDate') ? new Date(watch('departureDate') + 'T00:00:00') : undefined}
+                onChange={(date) => {
+                  const year = date.getFullYear();
+                  const month = String(date.getMonth() + 1).padStart(2, '0');
+                  const day = String(date.getDate()).padStart(2, '0');
+                  setValue('departureDate', `${year}-${month}-${day}`);
+                }}
+                minDate={new Date()}
+                placeholder="Select date"
+              />
+              {errors.departureDate && (
+                <p className="text-red-600 dark:text-red-400 text-sm">{errors.departureDate.message}</p>
+              )}
+            </div>
+          </div>
+
+          {/* Row 2: Passengers, Nationality, Promo Code */}
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-4 items-end mb-4">
+            {/* Passengers Dropdown */}
+            <div className="space-y-2 relative z-20">
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 text-left">Passengers</label>
+              <button
+                type="button"
+                onClick={() => setIsPassengerOpen(!isPassengerOpen)}
+                className="w-full px-4 py-3.5 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-base bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 flex items-center justify-between hover:border-primary transition-colors"
+              >
+                <span className="flex items-center gap-2">
+                  <Users className="w-4 h-4 text-primary" />
+                  {(adultCount || 1) + (childCount || 0)} Passenger{((adultCount || 1) + (childCount || 0)) !== 1 ? 's' : ''}
+                </span>
+                <ChevronDown className={`w-4 h-4 transition-transform text-primary ${isPassengerOpen ? 'rotate-180' : ''}`} />
+              </button>
+
+              {/* Passenger Dropdown Menu */}
+              {isPassengerOpen && (
+                <>
+                  <div className="fixed inset-0 z-40" onClick={() => setIsPassengerOpen(false)} />
+                  <div className="absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-lg shadow-lg z-50 p-4 space-y-4">
+                    {/* Adults */}
+                    <div>
+                      <div className="flex items-center justify-between mb-2">
+                        <div>
+                          <div className="text-sm font-medium text-gray-900 dark:text-gray-100">Adults</div>
+                          <div className="text-xs text-gray-500 dark:text-gray-400">≥5 years</div>
+                        </div>
+                        <div className="flex items-center gap-2">
+                          <button
+                            type="button"
+                            onClick={() => {
+                              const current = adultCount || 1;
+                              if (current > 1) setValue('adultCount', current - 1);
+                            }}
+                            className="w-7 h-7 rounded-full border border-gray-300 dark:border-gray-600 flex items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+                            disabled={(adultCount || 1) <= 1}
+                          >
+                            <Minus className="w-4 h-4 text-primary" />
+                          </button>
+                          <span className="w-6 text-center font-semibold text-gray-900 dark:text-gray-100">{adultCount || 1}</span>
+                          <button
+                            type="button"
+                            onClick={() => {
+                              const current = adultCount || 1;
+                              if (current < 9) setValue('adultCount', current + 1);
+                            }}
+                            className="w-7 h-7 rounded-full border border-gray-300 dark:border-gray-600 flex items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+                            disabled={(adultCount || 1) >= 9}
+                          >
+                            <Plus className="w-4 h-4 text-primary" />
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+
+                    {/* Children */}
+                    <div className="border-t border-gray-200 dark:border-gray-700 pt-4">
+                      <div className="flex items-center justify-between">
+                        <div>
+                          <div className="text-sm font-medium text-gray-900 dark:text-gray-100">Children</div>
+                          <div className="text-xs text-gray-500 dark:text-gray-400">&lt;5 years • First free</div>
+                        </div>
+                        <div className="flex items-center gap-2">
+                          <button
+                            type="button"
+                            onClick={() => {
+                              const current = childCount || 0;
+                              if (current > 0) setValue('childCount', current - 1);
+                            }}
+                            className="w-7 h-7 rounded-full border border-gray-300 dark:border-gray-600 flex items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+                            disabled={(childCount || 0) <= 0}
+                          >
+                            <Minus className="w-4 h-4 text-primary" />
+                          </button>
+                          <span className="w-6 text-center font-semibold text-gray-900 dark:text-gray-100">{childCount || 0}</span>
+                          <button
+                            type="button"
+                            onClick={() => {
+                              const current = childCount || 0;
+                              if (current < 9) setValue('childCount', current + 1);
+                            }}
+                            className="w-7 h-7 rounded-full border border-gray-300 dark:border-gray-600 flex items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+                            disabled={(childCount || 0) >= 9}
+                          >
+                            <Plus className="w-4 h-4 text-primary" />
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </>
+              )}
+            </div>
+
+            {/* Nationality */}
+            <div className="space-y-2">
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 text-left">Nationality</label>
+              <select
+                {...register('nationality')}
+                className="w-full px-4 py-3.5 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-base bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+              >
+                <option value="ETHIOPIAN">Ethiopian</option>
+                <option value="DJIBOUTIAN">Djiboutian</option>
+                <option value="OTHER">Other</option>
+              </select>
+            </div>
+
+            {/* Promo Code */}
+            <div className="space-y-2">
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 text-left">Promo Code (Optional)</label>
+              <input
+                type="text"
+                placeholder="Enter promo code"
+                className="w-full px-4 py-3.5 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-base bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400"
+              />
+            </div>
+          </div>
+
+          {/* Row 3: Search Button */}
+          <div>
+            <button
+              type="submit"
+              className="w-full bg-primary hover:bg-primary/90 text-white font-semibold py-3.5 px-6 rounded-lg transition-all duration-200 flex items-center justify-center gap-2 shadow-lg hover:shadow-xl"
+            >
+              <Search className="w-5 h-5 text-white" />
+              <span>Search Train</span>
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/ThemeProvider.tsx b/apps/edr-passenger-web/portal/src/components/ThemeProvider.tsx
new file mode 100644
index 000000000..efca92674
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/ThemeProvider.tsx
@@ -0,0 +1,94 @@
+'use client';
+
+import { createContext, useContext, useEffect, useState } from 'react';
+
+type Theme = 'light' | 'dark' | 'system';
+
+interface ThemeContextType {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+  resolvedTheme: 'light' | 'dark';
+}
+
+const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
+
+export function ThemeProvider({ children }: { children: React.ReactNode }) {
+  const [theme, setTheme] = useState<Theme>(() => {
+    if (typeof window !== 'undefined') {
+      const savedTheme = localStorage.getItem('theme') as Theme | null;
+      if (savedTheme) return savedTheme;
+    }
+    return 'system';
+  });
+  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {
+    if (typeof window !== 'undefined') {
+      const savedTheme = localStorage.getItem('theme') as Theme | null;
+      if (savedTheme === 'dark') return 'dark';
+      if (savedTheme === 'light') return 'light';
+      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    return 'light';
+  });
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  useEffect(() => {
+    if (!mounted) return;
+    
+    const root = window.document.documentElement;
+    
+    // Remove previous theme classes
+    root.classList.remove('light', 'dark');
+
+    let effectiveTheme: 'light' | 'dark';
+
+    if (theme === 'system') {
+      // Use system preference
+      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+      effectiveTheme = systemTheme;
+    } else {
+      effectiveTheme = theme;
+    }
+
+    // Apply theme
+    root.classList.add(effectiveTheme);
+    setResolvedTheme(effectiveTheme);
+
+    // Save to localStorage
+    localStorage.setItem('theme', theme);
+  }, [theme, mounted]);
+
+  // Listen for system theme changes
+  useEffect(() => {
+    if (theme !== 'system') return;
+
+    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+    const handleChange = (e: MediaQueryListEvent) => {
+      const root = window.document.documentElement;
+      root.classList.remove('light', 'dark');
+      const newTheme = e.matches ? 'dark' : 'light';
+      root.classList.add(newTheme);
+      setResolvedTheme(newTheme);
+    };
+
+    mediaQuery.addEventListener('change', handleChange);
+    return () => mediaQuery.removeEventListener('change', handleChange);
+  }, [theme]);
+
+  return (
+    <ThemeContext.Provider value={{ theme, setTheme, resolvedTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
+
+export function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === undefined) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+}
diff --git a/apps/edr-passenger-web/portal/src/components/ThemeToggle.tsx b/apps/edr-passenger-web/portal/src/components/ThemeToggle.tsx
new file mode 100644
index 000000000..501c85005
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/components/ThemeToggle.tsx
@@ -0,0 +1,53 @@
+'use client';
+
+import { Moon, Sun, Monitor } from 'lucide-react';
+import { useTheme } from './ThemeProvider';
+import { useEffect, useState } from 'react';
+
+export default function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  const cycleTheme = () => {
+    if (theme === 'light') {
+      setTheme('dark');
+    } else if (theme === 'dark') {
+      setTheme('system');
+    } else {
+      setTheme('light');
+    }
+  };
+
+  const getIcon = () => {
+    if (theme === 'light') return <Sun className="w-5 h-5" />;
+    if (theme === 'dark') return <Moon className="w-5 h-5" />;
+    return <Monitor className="w-5 h-5" />;
+  };
+
+  const getLabel = () => {
+    if (theme === 'light') return 'Light';
+    if (theme === 'dark') return 'Dark';
+    return 'System';
+  };
+
+  // Prevent hydration mismatch by not rendering until mounted
+  if (!mounted) {
+    return (
+      <div className="w-10 h-10 rounded-lg bg-gray-100 dark:bg-gray-800" />
+    );
+  }
+
+  return (
+    <button
+      onClick={cycleTheme}
+      className="p-2 rounded-lg bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors"
+      title={`Current theme: ${getLabel()}. Click to cycle.`}
+    >
+      {getIcon()}
+    </button>
+  );
+}
diff --git a/apps/edr-passenger-web/portal/src/components/schedules/ScheduleForm.tsx b/apps/edr-passenger-web/portal/src/components/schedules/ScheduleForm.tsx
deleted file mode 100644
index 7174c3197..000000000
--- a/apps/edr-passenger-web/portal/src/components/schedules/ScheduleForm.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { FormEvent, useState } from "react";
-import { Button, FormField } from "@edr/ui-common";
-
-export interface ScheduleFormPayload {
-  trainCode: string;
-  originStationId: string;
-  destinationStationId: string;
-  departureTime: string;
-  arrivalTime: string;
-  basePrice: number;
-}
-
-export interface ScheduleFormProps {
-  onSubmit: (payload: ScheduleFormPayload) => void;
-  isSubmitting?: boolean;
-}
-
-const ScheduleForm = ({ onSubmit, isSubmitting }: ScheduleFormProps) => {
-  const [trainCode, setTrainCode] = useState("");
-  const [originStationId, setOriginStationId] = useState("");
-  const [destinationStationId, setDestinationStationId] = useState("");
-  const [departureTime, setDepartureTime] = useState("");
-  const [arrivalTime, setArrivalTime] = useState("");
-  const [basePrice, setBasePrice] = useState("0");
-
-  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    onSubmit({
-      trainCode,
-      originStationId,
-      destinationStationId,
-      departureTime,
-      arrivalTime,
-      basePrice: Number(basePrice),
-    });
-  };
-
-  return (
-    <form onSubmit={handleSubmit} className="flex flex-col gap-3">
-      <FormField
-        label="Train code"
-        value={trainCode}
-        onChange={(e) => setTrainCode(e.target.value)}
-        required
-      />
-      <FormField
-        label="Origin station ID"
-        value={originStationId}
-        onChange={(e) => setOriginStationId(e.target.value)}
-        required
-      />
-      <FormField
-        label="Destination station ID"
-        value={destinationStationId}
-        onChange={(e) => setDestinationStationId(e.target.value)}
-        required
-      />
-      <FormField
-        label="Departure"
-        type="datetime-local"
-        value={departureTime}
-        onChange={(e) => setDepartureTime(e.target.value)}
-        required
-      />
-      <FormField
-        label="Arrival"
-        type="datetime-local"
-        value={arrivalTime}
-        onChange={(e) => setArrivalTime(e.target.value)}
-        required
-      />
-      <FormField
-        label="Base price"
-        type="number"
-        value={basePrice}
-        onChange={(e) => setBasePrice(e.target.value)}
-        min="0"
-      />
-      <Button type="submit" isLoading={isSubmitting}>
-        Publish schedule
-      </Button>
-    </form>
-  );
-};
-
-export default ScheduleForm;
diff --git a/apps/edr-passenger-web/portal/src/components/schedules/ScheduleTable.tsx b/apps/edr-passenger-web/portal/src/components/schedules/ScheduleTable.tsx
deleted file mode 100644
index 420372a53..000000000
--- a/apps/edr-passenger-web/portal/src/components/schedules/ScheduleTable.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { Passenger } from "@edr/types";
-import { Table, type TableColumn } from "@edr/ui-common";
-
-export interface ScheduleTableProps {
-  schedules: Passenger.ISchedule[];
-}
-
-const columns: TableColumn<Passenger.ISchedule>[] = [
-  { key: "trainCode", header: "Train" },
-  { key: "status", header: "Status" },
-  {
-    key: "departureTime",
-    header: "Departure",
-    render: (row) => new Date(row.departureTime).toLocaleString(),
-  },
-  {
-    key: "arrivalTime",
-    header: "Arrival",
-    render: (row) => new Date(row.arrivalTime).toLocaleString(),
-  },
-  {
-    key: "basePrice",
-    header: "Base price",
-    render: (row) => row.basePrice.toFixed(2),
-  },
-];
-
-const ScheduleTable = ({ schedules }: ScheduleTableProps) => (
-  <Table
-    columns={columns}
-    data={schedules}
-    rowKey={(row) => row.id}
-    emptyMessage="No schedules yet"
-  />
-);
-
-export default ScheduleTable;
diff --git a/apps/edr-passenger-web/portal/src/components/seats/SeatSelector.tsx b/apps/edr-passenger-web/portal/src/components/seats/SeatSelector.tsx
deleted file mode 100644
index 81a7ae898..000000000
--- a/apps/edr-passenger-web/portal/src/components/seats/SeatSelector.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import clsx from "clsx";
-import type { Passenger } from "@edr/types";
-
-export interface SeatSelectorProps {
-  seats: Passenger.ISeat[];
-  selectedSeatId?: string;
-  onSelect: (seatId: string) => void;
-}
-
-const SeatSelector = ({
-  seats,
-  selectedSeatId,
-  onSelect,
-}: SeatSelectorProps) => (
-  <div className="grid grid-cols-6 gap-2">
-    {seats.map((seat) => {
-      const isAvailable = seat.status === "AVAILABLE";
-      const isSelected = seat.id === selectedSeatId;
-      return (
-        <button
-          key={seat.id}
-          type="button"
-          disabled={!isAvailable}
-          onClick={() => onSelect(seat.id)}
-          className={clsx(
-            "rounded-md border px-2 py-2 text-xs font-medium",
-            isSelected
-              ? "border-blue-600 bg-blue-50 text-blue-700"
-              : isAvailable
-                ? "border-gray-200 bg-white text-gray-800 hover:border-blue-400"
-                : "cursor-not-allowed border-gray-200 bg-gray-100 text-gray-400",
-          )}
-        >
-          {seat.seatNumber}
-        </button>
-      );
-    })}
-  </div>
-);
-
-export default SeatSelector;
diff --git a/apps/edr-passenger-web/portal/src/components/tickets/TicketForm.tsx b/apps/edr-passenger-web/portal/src/components/tickets/TicketForm.tsx
deleted file mode 100644
index c717030bb..000000000
--- a/apps/edr-passenger-web/portal/src/components/tickets/TicketForm.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { FormEvent, useState } from "react";
-import { Button, FormField } from "@edr/ui-common";
-
-import type { CreateTicketPayload } from "../../services/tickets.service";
-
-export interface TicketFormProps {
-  onSubmit: (payload: CreateTicketPayload) => void;
-  isSubmitting?: boolean;
-}
-
-const TicketForm = ({ onSubmit, isSubmitting }: TicketFormProps) => {
-  const [reference, setReference] = useState("");
-  const [passengerId, setPassengerId] = useState("");
-  const [scheduleId, setScheduleId] = useState("");
-  const [seatId, setSeatId] = useState("");
-  const [pricePaid, setPricePaid] = useState("0");
-
-  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    onSubmit({
-      reference,
-      passengerId,
-      scheduleId,
-      seatId,
-      pricePaid: Number(pricePaid),
-      issuedAt: new Date().toISOString(),
-    });
-  };
-
-  return (
-    <form onSubmit={handleSubmit} className="flex flex-col gap-3">
-      <FormField
-        label="Reference"
-        value={reference}
-        onChange={(e) => setReference(e.target.value)}
-        required
-      />
-      <FormField
-        label="Passenger ID"
-        value={passengerId}
-        onChange={(e) => setPassengerId(e.target.value)}
-        required
-      />
-      <FormField
-        label="Schedule ID"
-        value={scheduleId}
-        onChange={(e) => setScheduleId(e.target.value)}
-        required
-      />
-      <FormField
-        label="Seat ID"
-        value={seatId}
-        onChange={(e) => setSeatId(e.target.value)}
-        required
-      />
-      <FormField
-        label="Price paid"
-        type="number"
-        value={pricePaid}
-        onChange={(e) => setPricePaid(e.target.value)}
-        min="0"
-      />
-      <Button type="submit" isLoading={isSubmitting}>
-        Issue ticket
-      </Button>
-    </form>
-  );
-};
-
-export default TicketForm;
diff --git a/apps/edr-passenger-web/portal/src/components/tickets/TicketTable.tsx b/apps/edr-passenger-web/portal/src/components/tickets/TicketTable.tsx
deleted file mode 100644
index eddc72a8d..000000000
--- a/apps/edr-passenger-web/portal/src/components/tickets/TicketTable.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { Passenger } from "@edr/types";
-import { Table, type TableColumn } from "@edr/ui-common";
-
-export interface TicketTableProps {
-  tickets: Passenger.ITicket[];
-}
-
-const columns: TableColumn<Passenger.ITicket>[] = [
-  { key: "reference", header: "Reference" },
-  { key: "passengerId", header: "Passenger" },
-  { key: "status", header: "Status" },
-  {
-    key: "issuedAt",
-    header: "Issued",
-    render: (row) => new Date(row.issuedAt).toLocaleString(),
-  },
-  {
-    key: "pricePaid",
-    header: "Price",
-    render: (row) => row.pricePaid.toFixed(2),
-  },
-];
-
-const TicketTable = ({ tickets }: TicketTableProps) => (
-  <Table
-    columns={columns}
-    data={tickets}
-    rowKey={(row) => row.id}
-    emptyMessage="No tickets yet"
-  />
-);
-
-export default TicketTable;
diff --git a/apps/edr-passenger-web/portal/src/hooks/useSchedules.ts b/apps/edr-passenger-web/portal/src/hooks/useSchedules.ts
deleted file mode 100644
index e4fc7c2f7..000000000
--- a/apps/edr-passenger-web/portal/src/hooks/useSchedules.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { schedulesService } from "../services/schedules.service";
-
-export const useSchedules = () =>
-  useQuery({
-    queryKey: ["schedules"],
-    queryFn: schedulesService.list,
-  });
-
-export const useSchedule = (id: string) =>
-  useQuery({
-    queryKey: ["schedules", id],
-    queryFn: () => schedulesService.get(id),
-    enabled: Boolean(id),
-  });
diff --git a/apps/edr-passenger-web/portal/src/hooks/useStations.ts b/apps/edr-passenger-web/portal/src/hooks/useStations.ts
deleted file mode 100644
index 23b4040a0..000000000
--- a/apps/edr-passenger-web/portal/src/hooks/useStations.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { stationsService } from "../services/stations.service";
-
-export const useStations = () =>
-  useQuery({
-    queryKey: ["stations"],
-    queryFn: stationsService.list,
-  });
diff --git a/apps/edr-passenger-web/portal/src/hooks/useTickets.ts b/apps/edr-passenger-web/portal/src/hooks/useTickets.ts
deleted file mode 100644
index f5fc84884..000000000
--- a/apps/edr-passenger-web/portal/src/hooks/useTickets.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-
-import { ticketsService } from "../services/tickets.service";
-
-export const useTickets = () =>
-  useQuery({
-    queryKey: ["tickets"],
-    queryFn: ticketsService.list,
-  });
-
-export const useTicket = (id: string) =>
-  useQuery({
-    queryKey: ["tickets", id],
-    queryFn: () => ticketsService.get(id),
-    enabled: Boolean(id),
-  });
diff --git a/apps/edr-passenger-web/portal/src/lib/api-client.ts b/apps/edr-passenger-web/portal/src/lib/api-client.ts
new file mode 100644
index 000000000..1a29658fd
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/lib/api-client.ts
@@ -0,0 +1,70 @@
+import axios, { AxiosInstance, AxiosRequestConfig } from 'axios';
+
+const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:4000';
+
+class ApiClient {
+  private client: AxiosInstance;
+
+  constructor() {
+    this.client = axios.create({
+      baseURL: API_URL,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+
+    this.client.interceptors.request.use((config) => {
+      const token = typeof window !== 'undefined' ? localStorage.getItem('auth_token') : null;
+      if (token) {
+        config.headers.Authorization = `Bearer ${token}`;
+      }
+      return config;
+    });
+
+    this.client.interceptors.response.use(
+      (response) => response,
+      (error) => {
+        if (error.response?.status === 401) {
+          // Don't redirect if it's a login or register request (invalid credentials)
+          const isAuthEndpoint = error.config?.url?.includes('/auth/login') || 
+                                 error.config?.url?.includes('/auth/register');
+          
+          if (!isAuthEndpoint && typeof window !== 'undefined') {
+            localStorage.removeItem('auth_token');
+            localStorage.removeItem('auth_user');
+            window.location.href = '/login';
+          }
+        }
+        return Promise.reject(error);
+      }
+    );
+  }
+
+  async get<T>(url: string, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.get<any>(url, config);
+    // Handle both direct data and wrapped responses
+    return response.data?.data || response.data;
+  }
+
+  async post<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.post<any>(url, data, config);
+    return response.data?.data || response.data;
+  }
+
+  async put<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.put<T>(url, data, config);
+    return response.data;
+  }
+
+  async patch<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.patch<T>(url, data, config);
+    return response.data;
+  }
+
+  async delete<T>(url: string, config?: AxiosRequestConfig): Promise<T> {
+    const response = await this.client.delete<T>(url, config);
+    return response.data;
+  }
+}
+
+export const apiClient = new ApiClient();
diff --git a/apps/edr-passenger-web/portal/src/lib/auth-store.ts b/apps/edr-passenger-web/portal/src/lib/auth-store.ts
new file mode 100644
index 000000000..72a89ce87
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/lib/auth-store.ts
@@ -0,0 +1,180 @@
+import { create } from 'zustand';
+import { apiClient } from './api-client';
+
+interface User {
+  id: string;
+  email: string;
+  fullName: string;
+  phone?: string;
+  role: string;
+  passengerId?: string;
+  dateOfBirth?: string;
+  gender?: string;
+  nationality?: string;
+  nationalityCode?: string;
+  nationalId?: string;
+  passportNumber?: string;
+  passportCountry?: string;
+  passportIssueDate?: string;
+  passportExpiryDate?: string;
+  passportIssuingAuthority?: string;
+  faydaVerified?: boolean;
+  faydaSub?: string;
+  faydaVerifiedAt?: string;
+  lastLoginAt?: string;
+  createdAt?: string;
+}
+
+interface AuthState {
+  user: User | null;
+  token: string | null;
+  isAuthenticated: boolean;
+  isInitialized: boolean;
+  login: (email: string, password: string) => Promise<void>;
+  register: (data: RegisterData) => Promise<void>;
+  logout: () => Promise<void>;
+  setUser: (user: User, token: string) => void;
+  updateUser: (userData: Partial<User>) => void;
+  initialize: () => Promise<void>;
+  fetchProfile: () => Promise<void>;
+}
+
+interface RegisterData {
+  email: string;
+  phone: string;
+  fullName: string;
+  password: string;
+}
+
+export const useAuthStore = create<AuthState>((set, get) => ({
+      user: null,
+      token: null,
+      isAuthenticated: false,
+      isInitialized: false,
+
+      initialize: async () => {
+        if (typeof window === 'undefined') return;
+        const token = localStorage.getItem('auth_token');
+        const userStr = localStorage.getItem('auth_user');
+        
+        if (token && userStr) {
+          try {
+            const user = JSON.parse(userStr);
+            set({ user, token, isAuthenticated: true, isInitialized: true });
+            
+            // Fetch fresh profile data in background
+            get().fetchProfile().catch(() => {
+              // If profile fetch fails, token might be expired
+              console.warn('Failed to fetch profile, token might be expired');
+            });
+          } catch (e) {
+            localStorage.removeItem('auth_token');
+            localStorage.removeItem('auth_user');
+            set({ isInitialized: true });
+          }
+        } else {
+          set({ isInitialized: true });
+        }
+      },
+
+      fetchProfile: async () => {
+        if (typeof window === 'undefined') return;
+        const token = localStorage.getItem('auth_token');
+        if (!token) return;
+        
+        try {
+          const response: any = await apiClient.get('/auth/profile', {
+            headers: { 'Authorization': `Bearer ${token}` }
+          });
+          const userData = response.data || response;
+          
+          if (typeof window !== 'undefined') {
+            localStorage.setItem('auth_user', JSON.stringify(userData));
+          }
+          set({ user: userData });
+        } catch (error: any) {
+          // If 401, token is invalid - logout
+          if (error.response?.status === 401) {
+            if (typeof window !== 'undefined') {
+              localStorage.removeItem('auth_token');
+              localStorage.removeItem('auth_user');
+            }
+            set({ user: null, token: null, isAuthenticated: false });
+          }
+          throw error;
+        }
+      },
+
+      login: async (email: string, password: string) => {
+        const response: any = await apiClient.post('/auth/login', { email, password });
+        const { token, user } = response.data || response;
+        
+        if (typeof window !== 'undefined') {
+          localStorage.setItem('auth_token', token);
+          localStorage.setItem('auth_user', JSON.stringify(user));
+        }
+        
+        set({ user, token, isAuthenticated: true });
+      },
+
+      register: async (data: RegisterData) => {
+        const response: any = await apiClient.post('/auth/register', data);
+        const { token, user } = response.data || response;
+        
+        if (typeof window !== 'undefined') {
+          localStorage.setItem('auth_token', token);
+          localStorage.setItem('auth_user', JSON.stringify(user));
+        }
+        
+        set({ user, token, isAuthenticated: true });
+      },
+
+      logout: async () => {
+        try {
+          const token = typeof window !== 'undefined' ? localStorage.getItem('auth_token') : null;
+          if (token) {
+            // Call logout endpoint to invalidate session on backend
+            await apiClient.post('/auth/logout', {}, {
+              headers: {
+                'Authorization': `Bearer ${token}`
+              }
+            });
+          }
+        } catch (error) {
+          console.error('Logout API call failed:', error);
+          // Continue with logout even if API call fails
+        }
+        
+        // Clear local storage and state
+        if (typeof window !== 'undefined') {
+          localStorage.removeItem('auth_token');
+          localStorage.removeItem('auth_user');
+        }
+        set({ user: null, token: null, isAuthenticated: false });
+        
+        // Redirect to home page after state is updated
+        if (typeof window !== 'undefined') {
+          setTimeout(() => {
+            window.location.href = '/';
+          }, 100);
+        }
+      },
+
+      setUser: (user: User, token: string) => {
+        if (typeof window !== 'undefined') {
+          localStorage.setItem('auth_token', token);
+          localStorage.setItem('auth_user', JSON.stringify(user));
+        }
+        set({ user, token, isAuthenticated: true });
+      },
+
+      updateUser: (userData: Partial<User>) => {
+        if (typeof window !== 'undefined') {
+          const currentUser = JSON.parse(localStorage.getItem('auth_user') || '{}');
+          const updatedUser = { ...currentUser, ...userData };
+          localStorage.setItem('auth_user', JSON.stringify(updatedUser));
+          set({ user: updatedUser });
+        }
+      },
+  })
+);
diff --git a/apps/edr-passenger-web/portal/src/lib/booking-store.ts b/apps/edr-passenger-web/portal/src/lib/booking-store.ts
new file mode 100644
index 000000000..2be5eccf2
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/lib/booking-store.ts
@@ -0,0 +1,125 @@
+import { create } from 'zustand';
+import { persist, createJSONStorage } from 'zustand/middleware';
+
+export interface SearchCriteria {
+  originStationId: string;
+  destinationStationId: string;
+  departureDate: string;
+  returnDate?: string;
+  tripType: 'ONE_WAY' | 'ROUND_TRIP';
+  adultCount: number;
+  childCount: number;
+  nationality: 'ETHIOPIAN' | 'DJIBOUTIAN' | 'OTHER';
+  promoCode?: string;
+}
+
+export interface PassengerDetail {
+  name: string;
+  dateOfBirth: string;
+  nationality: string;
+  faydaVerified?: boolean;
+  nationalId?: string;
+  faydaSub?: string;
+  passportNumber?: string;
+  passportCountry?: string;
+  passportIssueDate?: string;
+  passportExpiryDate?: string;
+  passportIssuingAuthority?: string;
+  idDocumentType?: string;
+  isPrimaryPassenger: boolean;
+  seatId?: string;
+  seatNumber?: string;
+  phone?: string;
+  email?: string;
+  gender?: string;
+}
+
+export interface SelectedSchedule {
+  id: string;
+  trainNumber: string;
+  origin: string;
+  destination: string;
+  departureTime: string;
+  arrivalTime: string;
+  duration: string;
+  baseFareAdult: number;
+  baseFareChild: number;
+  selectedSeatClass?: string;
+  selectedSeatClassName?: string;
+}
+
+export interface SeatHold {
+  holdId: string;
+  expiresAt: string;
+}
+
+interface BookingState {
+  searchCriteria: SearchCriteria | null;
+  selectedSchedule: SelectedSchedule | null;
+  passengers: PassengerDetail[];
+  seatHold: SeatHold | null;
+  bookingId: string | null;
+  pnr: string | null;
+  selectedPaymentMethod: string | null;
+  createAccount: boolean;
+  passengerId: string | null;
+  
+  setSearchCriteria: (criteria: SearchCriteria) => void;
+  setSelectedSchedule: (schedule: SelectedSchedule) => void;
+  setPassengers: (passengers: PassengerDetail[]) => void;
+  setSeatHold: (hold: SeatHold | null) => void;
+  setBookingId: (id: string) => void;
+  setPNR: (pnr: string) => void;
+  setPaymentMethod: (method: string) => void;
+  setCreateAccount: (create: boolean) => void;
+  setPassengerId: (id: string | null) => void;
+  clearBooking: () => void;
+}
+
+export const useBookingStore = create<BookingState>()(persist(
+  (set) => (({
+      searchCriteria: null,
+      selectedSchedule: null,
+      passengers: [],
+      seatHold: null,
+      bookingId: null,
+      pnr: null,
+      selectedPaymentMethod: null,
+      createAccount: false,
+      passengerId: null,
+
+      setSearchCriteria: (criteria) => set({ searchCriteria: criteria }),
+      setSelectedSchedule: (schedule) => set({ selectedSchedule: schedule }),
+      setPassengers: (passengers) => set({ passengers }),
+      setSeatHold: (hold) => set({ seatHold: hold }),
+      setBookingId: (id) => set({ bookingId: id }),
+      setPNR: (pnr) => set({ pnr }),
+      setPaymentMethod: (method) => set({ selectedPaymentMethod: method }),
+      setCreateAccount: (create) => set({ createAccount: create }),
+      setPassengerId: (id) => set({ passengerId: id }),
+      clearBooking: () => set({
+        searchCriteria: null,
+        selectedSchedule: null,
+        passengers: [],
+        seatHold: null,
+        bookingId: null,
+        pnr: null,
+        selectedPaymentMethod: null,
+        createAccount: false,
+        passengerId: null,
+      }),
+  } as BookingState)),
+  {
+    name: 'booking-storage',
+    storage: createJSONStorage(() => {
+      if (typeof window !== 'undefined') {
+        return localStorage;
+      }
+      return {
+        getItem: () => null,
+        setItem: () => {},
+        removeItem: () => {},
+      };
+    }),
+  }
+));
diff --git a/apps/edr-passenger-web/portal/src/lib/ethiopian-calendar.ts b/apps/edr-passenger-web/portal/src/lib/ethiopian-calendar.ts
new file mode 100644
index 000000000..02eea57c6
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/lib/ethiopian-calendar.ts
@@ -0,0 +1,146 @@
+/**
+ * Ethiopian Calendar Utilities
+ * Converts between Gregorian and Ethiopian calendars
+ */
+
+export interface EthiopianDate {
+  year: number;
+  month: number;
+  day: number;
+}
+
+export const ETHIOPIAN_MONTHS = [
+  'መስከረም',
+  'ጥቅምት',
+  'ኅዳር',
+  'ታኅሣሥ',
+  'ጥር',
+  'የካቲት',
+  'መጋቢት',
+  'ሚያዝያ',
+  'ግንቦት',
+  'ሰኔ',
+  'ሐምሌ',
+  'ነሐሴ',
+  'ጳጉሜ',
+];
+
+/**
+ * Convert Gregorian date to Ethiopian date
+ * Ethiopian calendar is 7-8 years behind Gregorian
+ * Ethiopian New Year is September 11 (or 12 in leap years)
+ */
+export function gregorianToEthiopian(date: Date): EthiopianDate {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+
+  // Calculate JDN for Gregorian date
+  const a = Math.floor((14 - month) / 12);
+  const y = year + 4800 - a;
+  const m = month + 12 * a - 3;
+  const jdn = day + Math.floor((153 * m + 2) / 5) + 365 * y + Math.floor(y / 4) - Math.floor(y / 100) + Math.floor(y / 400) - 32045;
+
+  // Convert JDN to Ethiopian calendar
+  // Ethiopian epoch: August 29, 8 CE (Gregorian) = Meskerem 1, 1 (Ethiopian)
+  const ethEpoch = 1723856;
+  const ethElapsed = jdn - ethEpoch;
+  
+  // Calculate the 4-year cycle (1461 days)
+  const quadYear = Math.floor(ethElapsed / 1461);
+  const quadRemainder = ethElapsed % 1461;
+  
+  // Calculate year within the 4-year cycle
+  const yearInCycle = Math.floor(quadRemainder / 365);
+  const dayInYear = quadRemainder % 365;
+  
+  // Calculate Ethiopian year (subtract 1 to correct the offset)
+  const ethYear = quadYear * 4 + yearInCycle;
+  
+  // Calculate month and day (12 months of 30 days + Pagume)
+  const ethMonth = Math.floor(dayInYear / 30) + 1;
+  const ethDay = (dayInYear % 30) + 1;
+
+  return { year: ethYear, month: ethMonth, day: ethDay };
+}
+
+/**
+ * Convert Ethiopian date to Gregorian date
+ */
+export function ethiopianToGregorian(ethDate: EthiopianDate): Date {
+  const { year: ethYear, month: ethMonth, day: ethDay } = ethDate;
+
+  // Ethiopian calendar epoch
+  const ethEpoch = 1723856;
+  
+  // Calculate days since epoch
+  const quadYear = Math.floor(ethYear / 4);
+  const yearInCycle = ethYear % 4;
+  const dayInYear = (ethMonth - 1) * 30 + (ethDay - 1);
+  
+  // Calculate JDN from Ethiopian date
+  const jdn = ethEpoch + quadYear * 1461 + yearInCycle * 365 + dayInYear;
+
+  // Convert JDN to Gregorian date
+  const a = jdn + 32044;
+  const b = Math.floor((4 * a + 3) / 146097);
+  const c = a - Math.floor((146097 * b) / 4);
+  const d = Math.floor((4 * c + 3) / 1461);
+  const e = c - Math.floor((1461 * d) / 4);
+  const m = Math.floor((5 * e + 2) / 153);
+  
+  const day = e - Math.floor((153 * m + 2) / 5) + 1;
+  const month = m + 3 - 12 * Math.floor(m / 10);
+  const year = 100 * b + d - 4800 + Math.floor(m / 10);
+
+  return new Date(year, month - 1, day);
+}
+
+/**
+ * Get day of year from date (1-366)
+ */
+export function getDayOfYear(date: Date): number {
+  const start = new Date(date.getFullYear(), 0, 0);
+  const diff = date.getTime() - start.getTime();
+  const oneDay = 1000 * 60 * 60 * 24;
+  return Math.floor(diff / oneDay);
+}
+
+/**
+ * Convert day of year to Date object
+ */
+export function dayOfYearToDate(year: number, dayOfYear: number): Date {
+  const date = new Date(year, 0);
+  date.setDate(dayOfYear);
+  return date;
+}
+
+/**
+ * Format Ethiopian date as string
+ */
+export function formatEthiopianDate(ethDate: EthiopianDate): string {
+  const monthName = ETHIOPIAN_MONTHS[ethDate.month - 1] || 'Unknown';
+  return `${monthName} ${ethDate.day}, ${ethDate.year}`;
+}
+
+/**
+ * Get days in Ethiopian month
+ */
+export function getDaysInEthiopianMonth(year: number, month: number): number {
+  if (month <= 12) {
+    return 30;
+  } else {
+    // Pagume has 5 days normally, 6 days on Ethiopian leap year
+    return isEthiopianLeapYear(year) ? 6 : 5;
+  }
+}
+
+/**
+ * Check if Ethiopian year is leap year
+ * Ethiopian leap year: the year where Pagume has 6 days
+ * This occurs when (year % 4) === 3
+ */
+export function isEthiopianLeapYear(year: number): boolean {
+  // Ethiopian leap years: 3, 7, 11, 15, 19, 23, etc.
+  return (year % 4) === 3;
+}
diff --git a/apps/edr-passenger-web/portal/src/lib/i18n.ts b/apps/edr-passenger-web/portal/src/lib/i18n.ts
new file mode 100644
index 000000000..c13a4a66f
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/lib/i18n.ts
@@ -0,0 +1,419 @@
+export type Language = 'en' | 'am' | 'om' | 'fr';
+
+const translations = {
+  en: {
+    nav: {
+      home: 'Home',
+      services: 'Services',
+      about: 'About',
+      contact: 'Contact',
+      help: 'Help',
+      bookNow: 'Book now',
+    },
+    home: {
+      hero: 'Travel across the East Africa',
+      heroSub: 'Experience seamless train travel from Ethiopia to Djibouti',
+      cta: 'Start booking',
+      searchNow: 'Search trips',
+      features: 'Why choose EDR?',
+      comfortable: 'Comfortable journey',
+      comfortDesc: 'Modern coaches with seating and sleeping berths',
+      affordable: 'Affordable pricing',
+      affordableDesc: 'Competitive fares with discounts for families',
+      safe: 'Safe and reliable',
+      safeDesc: 'On-time arrivals with 24/7 customer support',
+      fast: 'Quick booking',
+      fastDesc: 'Book in minutes, pay with multiple methods',
+    },
+    services: {
+      title: 'Our services',
+      subtitle: 'Everything you need for a great journey',
+      booking: 'Easy booking',
+      bookingDesc: 'Simple online booking with instant confirmation',
+      seats: 'Seat selection',
+      seatsDesc: 'Choose from economy, standard, and VIP coaches',
+      payment: 'Flexible payment',
+      paymentDesc: 'Pay with Telebirr, CBE Birr, cards, or wallet',
+      support: 'Customer support',
+      supportDesc: 'Live chat and 24/7 assistance available',
+      loyalty: 'Loyalty rewards',
+      loyaltyDesc: 'Earn points and unlock exclusive benefits',
+      tracking: 'Live tracking',
+      trackingDesc: 'Real-time updates on your train journey',
+    },
+    about: {
+      title: 'About EDR',
+      subtitle: 'Connecting East Africa',
+      mission: 'Our mission',
+      missionText: 'To provide reliable, affordable, and comfortable train travel connecting Ethiopia and Djibouti.',
+      network: 'Extensive network',
+      networkText: '21 stations across Ethiopia and Djibouti with modern infrastructure.',
+      comfort: 'Comfort first',
+      comfortText: 'Modern coaches designed for your comfort with multiple classes.',
+      eco: 'Eco-friendly',
+      ecoText: 'Sustainable travel option that reduces carbon footprint.',
+    },
+    contact: {
+      title: 'Get in touch',
+      subtitle: 'We are here to help',
+      email: 'Email',
+      phone: 'Phone',
+      address: 'Address',
+      form: 'Send us a message',
+      name: 'Full Name',
+      emailField: 'Email address',
+      subject: 'Subject',
+      message: 'Message',
+      send: 'Send message',
+      sending: 'Sending...',
+      success: 'Message sent successfully!',
+      error: 'Failed to send message',
+    },
+    help: {
+      title: 'Help and FAQs',
+      subtitle: 'Find answers to common questions',
+      bookingFaq: 'Booking questions',
+      how: 'How do I book a ticket?',
+      howAnswer: 'Visit our booking page, search for available trips, select your seats, and complete payment.',
+      modify: 'Can I modify my booking?',
+      modifyAnswer: 'Yes, you can modify bookings up to 24 hours before departure from your profile.',
+      cancel: 'What is the cancellation policy?',
+      cancelAnswer: 'Cancellations made 48 hours before departure receive full refund.',
+      paymentFaq: 'Payment questions',
+      payMethods: 'What payment methods do you accept?',
+      payMethodsAnswer: 'We accept Telebirr, CBE Birr, eBirr, credit/debit cards, and wallet balance.',
+      refund: 'When will I receive my refund?',
+      refundAnswer: 'Refunds are processed within 5-7 business days.',
+      other: 'Other questions',
+      docs: 'What documents do I need?',
+      docsAnswer: 'Valid national ID, passport, or travel permit required.',
+      help: 'Still need help?',
+      contact: 'Contact our support team',
+    },
+    footer: {
+      about: 'About',
+      support: 'Support',
+      privacy: 'Privacy policy',
+      terms: 'Terms of service',
+      follow: 'Follow us',
+      rights: 'All rights reserved.',
+    },
+  },
+  am: {
+    nav: {
+      home: 'ቤት',
+      services: 'አገልግሎቶች',
+      about: 'ስለ ኛ',
+      contact: 'አግኙን',
+      help: 'ርዳታ',
+      bookNow: 'አሁን ይመዝገቡ',
+    },
+    home: {
+      hero: 'በምስራቅ አፍሪካ ውስጥ ይጓዙ',
+      heroSub: 'ከኢትዮጵያ ወደ ጂቡቲ ello seamless train travel ያስተዋውቁ',
+      cta: 'ቁጠባ ይጀምሩ',
+      searchNow: 'ጉብኝቶች ይፈልጉ',
+      features: 'ለምን ኢደር ይምረጡ?',
+      comfortable: 'ምቹ ጉዞ',
+      comfortDesc: 'ዘመናዊ ሕንፃዎች ወንበር እና ማተም ወራጆች ጋር',
+      affordable: 'ርካሽ ዋጋ',
+      affordableDesc: 'ለቤተሰቦች ምጣኔ ሞገድ እና ቅናሾች',
+      safe: 'ደህንነተኛ & አስተማማኝ',
+      safeDesc: 'በጊዜ ምጡና 24/7 ደንበኛ ድጋፍ',
+      fast: 'ፈጣን ቁጠባ',
+      fastDesc: 'በደቂቃዎች ይመዝገቡ፣ ብዙ ዘዴዎችን ይከፍሉ',
+    },
+    services: {
+      title: 'አገልግሎቶቻችን',
+      subtitle: 'ታላቅ ጉዞ ለሚፈልጉ ሁሉ ነገር',
+      booking: 'ቀላል ቁጠባ',
+      bookingDesc: 'ቀላል የመስመር ላይ ቁጠባ ወቅታዊ ማረጋገጫ ጋር',
+      seats: 'ወንበር ምርጫ',
+      seatsDesc: 'ኢኮኖሚ፣ መደበኛ እና VIP ሕንፃዎች ምረጡ',
+      payment: '유연한ከጊዜ ወደ ጊዜ ክፍያ',
+      paymentDesc: 'Telebirr፣ CBE Birr፣ ካርዶች ወይም ዋሌት ይከፍሉ',
+      support: 'ደንበኛ ድጋፍ',
+      supportDesc: 'ライブ ቻት እና 24/7 ረዳት ይገኛሉ',
+      loyalty: 'ታማኝነት ሽልማቶች',
+      loyaltyDesc: 'ነጥቦች ያዙ እና ብቁ ጥቅሞች ያስከፍቱ',
+      tracking: 'ライブ ትንተና',
+      trackingDesc: 'የእርስዎ ባቡር ጉዞ ውስጥ ወቅታዊ ማሻሻያዎች',
+    },
+    about: {
+      title: 'ስለ ኢትዮጵያ-ጂቡቲ ባቡር',
+      subtitle: 'ምስራቅ አፍሪካ ያገናኙ',
+      mission: 'ራሳችን መጠን',
+      missionText: 'ኢትዮጵያ እና ጂቡቲን የሚያገናኙ አስተማማኝ፣ ርካሽ እና ምቹ ባቡር ጉዞ ይሰጡ።',
+      network: 'ሰፊ አውታር',
+      networkText: 'ኢትዮጵያ እና ጂቡቲ ውስጥ 21 ጣቢያዎች ዘመናዊ መሰረተ ልማት ጋር።',
+      comfort: 'ምቹ ሞላላ',
+      comfortText: 'ብዙ ክፍሎች ጋር የእርስዎ comfort ለ ዲዛይን ዘመናዊ ሕንፃዎች።',
+      eco: 'ପରିବେश __ 친화적',
+      ecoText: 'ካርቦን እግድ ሪሞት የሚቀንስ sustainable ጉዞ አማራጭ።',
+    },
+    contact: {
+      title: 'ከኛ ጋር ግንኙነት ወስጥ ደርሱ',
+      subtitle: 'እኛ ረድ ለ ልንሆን ሞገዱ',
+      email: 'ኢሜይል',
+      phone: 'ስልክ',
+      address: 'አድራሻ',
+      form: 'ለኛ መልእክት ይላኩ',
+      name: 'ሙሉ ስም',
+      emailField: 'ኢሜይል አድራሻ',
+      subject: 'ርዕስ',
+      message: 'መልእክት',
+      send: 'መልእክት ይላኩ',
+      sending: 'በመላክ ላይ...',
+      success: 'መልእክት በተሳካ ተልኩ!',
+      error: 'መልእክት ወደ ላክ ያልተሳካ',
+    },
+    help: {
+      title: 'ርዳታ & FAQs',
+      subtitle: 'ከ general ጥያቄዎች የሚመለስ መልስ ይፈልጉ',
+      bookingFaq: 'ቁጠባ ጥያቄዎች',
+      how: 'ስንት በየት ላይ ቁጠባ?',
+      howAnswer: 'ቁጠባ ገጽ ይጎብኙ፣ ዞሯ ለ ይፈልጉ ፣ ወንበር ይምረጡ ዝሕ ክፍያ።',
+      modify: 'እኔ ቁጠባ እንደገና ማስተካከል ይችላሉ?',
+      modifyAnswer: 'አዎ፣ መውጫ 24 ሰዓታት በፊት ቁጠባ እንደገና ማስተካከል ይችላሉ።',
+      cancel: 'cancellation ወሳኔ ምንድ ነው?',
+      cancelAnswer: 'አስመልከት 48 ሰዓታት በፊት አውጪ ሙሉ መልስ ያገኛሉ።',
+      paymentFaq: 'ክፍያ ጥያቄዎች',
+      payMethods: 'Telebirr, CBE Birr, eBirr, ክレジット/ዲቢት ካርዶች, እና ዋሌት ሚዛን ኤ acceptedይገቡ।',
+      payMethodsAnswer: 'Telebirr, CBE Birr, eBirr, credit/debit ካርዶች፣ እና ዋሌት ሚዛን ยอมrับ',
+      refund: 'my አሌ ሥራ refund?',
+      refundAnswer: 'Refund በ 5-7 ሥራ ቀናት ውስጥ ተወስኖልት።',
+      other: 'ሌሎች ጥያቄዎች',
+      docs: 'ኔ ወሰደ ምን documentation?',
+      docsAnswer: 'ዋጋ ብሔር ID፣ ፓስፖርት ወይም ጉዞ permit አስፈላጊ።',
+      help: 'አሁንም ረዳታ ፈልገው?',
+      contact: 'ደንበኛ ድጋፍ ቡድን ጋር ማንቲ',
+    },
+    footer: {
+      about: 'ስለ',
+      contact: 'አግኙን',
+      privacy: 'ግላዊነት ፖሊሲ',
+      terms: 'service ውል',
+      follow: 'ከሱ ተከተሉ',
+      rights: 'ሁሉ ሙሉ።',
+    },
+  },
+  om: {
+    nav: {
+      home: 'Mana',
+      services: 'Tajaajilaa',
+      about: 'Waa',
+      contact: 'Nu Ilaali',
+      help: 'Gargaarsa',
+      bookNow: 'Amma Qindeessuu',
+    },
+    home: {
+      hero: 'Kaasaa Baafata Gidiraa',
+      heroSub: 'Kunoosni caraa qammateen Itoophiyaa hoo Jibuuraa jira.',
+      cta: 'Qindeessuu Jalqabi',
+      searchNow: 'Naannoo Barbaadi',
+      features: 'Maaliif EDR Filachuu?',
+      comfortable: 'Wantaa Mijataa',
+      comfortDesc: 'Haalaan biraa konkolaata mooniisa seeda jira.',
+      affordable: 'Gatii Gabbina',
+      affordableDesc: 'Karoora muummichaa jala maallaqa qabeenya.',
+      safe: 'Nageenya & Jidha',
+      safeDesc: 'Yeroo jilbaa dhumaasuu fi gargaarsa 24/7 deggara.',
+      fast: 'Qindeessuu Abadii',
+      fastDesc: 'Yeroo giddu gidduu qindeessuu, mallaatoo ijaa gadii.',
+    },
+    services: {
+      title: 'Tajaajilaa Keenya',
+      subtitle: 'Waa waliigalaan wantoota gid caraa mijataa',
+      booking: 'Qindeessuu Salphaa',
+      bookingDesc: 'Qindeessuu interneetii salphaa jidha gaafatama',
+      seats: 'Filannoo Teessaa',
+      seatsDesc: 'Ekonomii, idileessaa jala VIP konkolaata filachuu',
+      payment: 'Maallaqa Giddu Gidduu',
+      paymentDesc: 'Telebirr, CBE Birr, kaardii ykn wallaattii jalqabi',
+      support: 'Gargaarsa Fayyadhaa',
+      supportDesc: 'Haftuu liixii jala gargaarsa 24/7 jira',
+      loyalty: 'Gammachiisa Jidha',
+      loyaltyDesc: 'Qooda qabu jila waan gaarii gargaara',
+      tracking: 'Jidha Liixii',
+      trackingDesc: 'Jiraataa kunoosni caraa qammateen gammachisu',
+    },
+    about: {
+      title: 'Waa Baafata Itoophiyaa-Jibuuraa',
+      subtitle: 'Baafata Gidiraa Yoo Wal Qabu',
+      mission: 'Kora Keenya',
+      missionText: 'Nageenya jidha, gatii gabbina, jidha mijataa Itoophiyaa jala Jibuuraa tajaajili.',
+      network: 'Shabdalee Babaasaa',
+      networkText: '21 taasaa Itoophiyaa jala Jibuuraa keessatti konkolaata biraa.',
+      comfort: 'Mirga Jalqabaa',
+      comfortText: 'Konkolaata mooniisa mijataa kee waraqsa gidduu jira.',
+      eco: 'Kaasaalee Mijataa',
+      ecoText: 'Caraa ijaa yoo sadarka karbuuni muraa gidduu.',
+    },
+    contact: {
+      title: 'Nu Ilaali',
+      subtitle: 'Nu gargaaruufi barbaachisaa',
+      email: 'Imeelii',
+      phone: 'Bilbila',
+      address: 'Tuulaa',
+      form: 'Naaraan Itti Ergi',
+      name: 'Maqaa Guutuu',
+      emailField: 'Imeelii tuula',
+      subject: 'Mata',
+      message: 'Itti Ergi',
+      send: 'Naaraan Ergi',
+      sending: 'Erguun jira...',
+      success: 'Naaraan gaafatama jira!',
+      error: 'Naaraan erguu hin raasuu',
+    },
+    help: {
+      title: 'Gargaarsa & FAQs',
+      subtitle: 'Gaaffii guutuu jala deebii barbaadi',
+      bookingFaq: 'Gaaffii Qindeessuu',
+      how: 'Akkamitti qindeessuu?',
+      howAnswer: 'Fuula qindeessuu dhugi, naannoo barbaadi, teessaa filachuu, maallaqa xumura.',
+      modify: 'Qindeessuu koo maratti jidha adeemsa?',
+      modifyAnswer: 'Eenyee, walta 24 sa itti fufu qindeessuu maratti jidha adeemsa dandeenya.',
+      cancel: 'Hoggansa gaafatama maal jira?',
+      cancelAnswer: 'Walta 48 sa itti fufu walitti erga dhumaasuu guutuu arguu jidha.',
+      paymentFaq: 'Gaaffii Maallaqa',
+      payMethods: 'Maallaqa keessaa maallaqa hayyamaa?',
+      payMethodsAnswer: 'Telebirr, CBE Birr, eBirr, kaardii kreediitii/dibati, jala wallaattii haa jira.',
+      refund: 'Yeroo maallaqa deebina?',
+      refundAnswer: 'Maallaaq 5-7 guyyaa hojii keessatti deebi.',
+      other: 'Gaaffii Biraa',
+      docs: 'Waraqaa maal barbaachisa?',
+      docsAnswer: 'Kaardii ID bakka, paaspoortii ykn walii haa barbaachisaa.',
+      help: 'Haaluma facaasin gargaarsa Barbaadi?',
+      contact: 'Gargaarsa fayyadhaa mana waliin ilaali',
+    },
+    footer: {
+      about: 'Waa',
+      contact: 'Nu Ilaali',
+      privacy: 'Kabaja Kunnamuu',
+      terms: 'Seera Tajaajila',
+      follow: 'Isaa Hordofu',
+      rights: 'Hundi moodeewwan.',
+    },
+  },
+  fr: {
+    nav: {
+      home: 'Accueil',
+      services: 'Services',
+      about: 'À Propos',
+      contact: 'Contact',
+      help: 'Aide',
+      bookNow: 'Réserver Maintenant',
+    },
+    home: {
+      hero: 'Voyagez à travers l\'Afrique de l\'Est',
+      heroSub: 'Découvrez les voyages en train sans interruption d\'Éthiopie à Djibouti',
+      cta: 'Commencer la Réservation',
+      searchNow: 'Rechercher des Trajets',
+      features: 'Pourquoi Choisir EDR?',
+      comfortable: 'Voyage Confortable',
+      comfortDesc: 'Autobus modernes avec sièges et couchettes',
+      affordable: 'Prix Abordables',
+      affordableDesc: 'Tarifs compétitifs avec réductions pour familles',
+      safe: 'Sûr & Fiable',
+      safeDesc: 'Arrivées à l\'heure avec support client 24/7',
+      fast: 'Réservation Rapide',
+      fastDesc: 'Réservez en minutes, payez par plusieurs méthodes',
+    },
+    services: {
+      title: 'Nos Services',
+      subtitle: 'Tout ce dont vous avez besoin pour un excellent voyage',
+      booking: 'Réservation Facile',
+      bookingDesc: 'Réservation en ligne simple avec confirmation instantanée',
+      seats: 'Sélection des Sièges',
+      seatsDesc: 'Choisissez parmi les autobus économique, standard et VIP',
+      payment: 'Paiement Flexible',
+      paymentDesc: 'Payez avec Telebirr, CBE Birr, cartes ou portefeuille',
+      support: 'Support Client',
+      supportDesc: 'Chat en direct et assistance 24/7 disponibles',
+      loyalty: 'Récompenses de Fidélité',
+      loyaltyDesc: 'Gagnez des points et déverrouillez des avantages exclusifs',
+      tracking: 'Suivi en Direct',
+      trackingDesc: 'Mises à jour en temps réel de votre voyage en train',
+    },
+    about: {
+      title: 'À Propos du Chemin de Fer Éthiopie-Djibouti',
+      subtitle: 'Connecter l\'Afrique de l\'Est',
+      mission: 'Notre Mission',
+      missionText: 'Offrir des voyages en train fiables, abordables et confortables reliant l\'Éthiopie et Djibouti.',
+      network: 'Réseau Étendu',
+      networkText: '21 gares à travers l\'Éthiopie et Djibouti avec infrastructure moderne.',
+      comfort: 'Confort D\'Abord',
+      comfortText: 'Autobus modernes conçus pour votre confort avec plusieurs catégories.',
+      eco: 'Écologique',
+      ecoText: 'Option de voyage durable qui réduit l\'empreinte carbone.',
+    },
+    contact: {
+      title: 'Contactez-Nous',
+      subtitle: 'Nous sommes là pour vous aider',
+      email: 'Email',
+      phone: 'Téléphone',
+      address: 'Adresse',
+      form: 'Envoyez-Nous un Message',
+      name: 'Nom Complet',
+      emailField: 'Adresse E-mail',
+      subject: 'Sujet',
+      message: 'Message',
+      send: 'Envoyer le Message',
+      sending: 'Envoi en cours...',
+      success: 'Message envoyé avec succès!',
+      error: 'Échec de l\'envoi du message',
+    },
+    help: {
+      title: 'Aide & Questions Fréquentes',
+      subtitle: 'Trouvez des réponses aux questions courantes',
+      bookingFaq: 'Questions de Réservation',
+      how: 'Comment réserver un billet?',
+      howAnswer: 'Visitez notre page de réservation, recherchez les trajets disponibles, sélectionnez vos sièges et complétez le paiement.',
+      modify: 'Puis-je modifier ma réservation?',
+      modifyAnswer: 'Oui, vous pouvez modifier les réservations jusqu\'à 24 heures avant le départ.',
+      cancel: 'Quelle est la politique d\'annulation?',
+      cancelAnswer: 'Les annulations effectuées 48 heures avant le départ reçoivent un remboursement complet.',
+      paymentFaq: 'Questions de Paiement',
+      payMethods: 'Quels modes de paiement acceptez-vous?',
+      payMethodsAnswer: 'Nous acceptons Telebirr, CBE Birr, eBirr, cartes bancaires et portefeuille.',
+      refund: 'Quand recevrai-je mon remboursement?',
+      refundAnswer: 'Les remboursements sont traités dans les 5-7 jours ouvrables.',
+      other: 'Autres Questions',
+      docs: 'Quels documents dois-je avoir?',
+      docsAnswer: 'Une carte d\'identité nationale, un passeport ou un permis de voyage valide est requis.',
+      help: 'Avez-vous toujours besoin d\'aide?',
+      contact: 'Contactez notre équipe d\'assistance',
+    },
+    footer: {
+      about: 'À Propos',
+      contact: 'Contact',
+      privacy: 'Politique de Confidentialité',
+      terms: 'Conditions d\'Utilisation',
+      follow: 'Suivez-Nous',
+      rights: 'Tous droits réservés.',
+    },
+  },
+};
+
+export function getTranslation(lang: Language, key: string): string {
+  const keys = key.split('.');
+  let value: any = translations[lang];
+  for (const k of keys) {
+    value = value?.[k];
+  }
+  return value || key;
+}
+
+export function useLanguage() {
+  const getLang = (): Language => {
+    if (typeof window === 'undefined') return 'en';
+    return (localStorage.getItem('language') as Language) || 'en';
+  };
+
+  const setLang = (lang: Language) => {
+    localStorage.setItem('language', lang);
+    window.dispatchEvent(new CustomEvent('languageChange', { detail: lang }));
+  };
+
+  return { getLang, setLang };
+}
diff --git a/apps/edr-passenger-web/portal/src/lib/payment-store.ts b/apps/edr-passenger-web/portal/src/lib/payment-store.ts
new file mode 100644
index 000000000..057639004
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/lib/payment-store.ts
@@ -0,0 +1,27 @@
+import { create } from 'zustand';
+
+interface PaymentState {
+  paymentIntentId: string | null;
+  paymentStatus: 'PENDING' | 'PROCESSING' | 'REQUIRES_ACTION' | 'SUCCEEDED' | 'FAILED' | null;
+  selectedCurrency: 'ETB' | 'DJF' | 'USD';
+  
+  setPaymentIntent: (id: string) => void;
+  updateStatus: (status: 'PENDING' | 'PROCESSING' | 'REQUIRES_ACTION' | 'SUCCEEDED' | 'FAILED') => void;
+  setCurrency: (currency: 'ETB' | 'DJF' | 'USD') => void;
+  clearPayment: () => void;
+}
+
+export const usePaymentStore = create<PaymentState>((set) => ({
+  paymentIntentId: null,
+  paymentStatus: null,
+  selectedCurrency: 'ETB',
+
+  setPaymentIntent: (id) => set({ paymentIntentId: id }),
+  updateStatus: (status) => set({ paymentStatus: status }),
+  setCurrency: (currency) => set({ selectedCurrency: currency }),
+  clearPayment: () => set({
+    paymentIntentId: null,
+    paymentStatus: null,
+    selectedCurrency: 'ETB',
+  }),
+}));
diff --git a/apps/edr-passenger-web/portal/src/main.tsx b/apps/edr-passenger-web/portal/src/main.tsx
deleted file mode 100644
index 67557625f..000000000
--- a/apps/edr-passenger-web/portal/src/main.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-
-import App from "./App";
-
-const queryClient = new QueryClient();
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <QueryClientProvider client={queryClient}>
-      <BrowserRouter>
-        <App />
-      </BrowserRouter>
-    </QueryClientProvider>
-  </StrictMode>,
-);
diff --git a/apps/edr-passenger-web/portal/src/pages/dashboard/DashboardPage.tsx b/apps/edr-passenger-web/portal/src/pages/dashboard/DashboardPage.tsx
deleted file mode 100644
index 71bc2e539..000000000
--- a/apps/edr-passenger-web/portal/src/pages/dashboard/DashboardPage.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-const DashboardPage = () => (
-  <div className="flex flex-col gap-4">
-    <h1 className="text-2xl font-semibold text-gray-900">
-      Passenger Dashboard
-    </h1>
-    <p className="text-sm text-gray-600">
-      Daily ridership, ticket sales, occupancy by class, and schedule status go
-      here.
-    </p>
-  </div>
-);
-
-export default DashboardPage;
diff --git a/apps/edr-passenger-web/portal/src/pages/passengers/PassengersPage.tsx b/apps/edr-passenger-web/portal/src/pages/passengers/PassengersPage.tsx
deleted file mode 100644
index 936b5f573..000000000
--- a/apps/edr-passenger-web/portal/src/pages/passengers/PassengersPage.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-const PassengersPage = () => (
-  <div className="flex flex-col gap-4">
-    <h1 className="text-2xl font-semibold text-gray-900">Passengers</h1>
-    <p className="text-sm text-gray-600">
-      Passenger directory. Connect to <code>/passengers</code> when ready.
-    </p>
-  </div>
-);
-
-export default PassengersPage;
diff --git a/apps/edr-passenger-web/portal/src/pages/schedules/ScheduleDetailPage.tsx b/apps/edr-passenger-web/portal/src/pages/schedules/ScheduleDetailPage.tsx
deleted file mode 100644
index ec31d2506..000000000
--- a/apps/edr-passenger-web/portal/src/pages/schedules/ScheduleDetailPage.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useParams } from "react-router-dom";
-
-import { useSchedule } from "../../hooks/useSchedules";
-
-const ScheduleDetailPage = () => {
-  const { id } = useParams<{ id: string }>();
-  const { data, isLoading } = useSchedule(id ?? "");
-
-  if (isLoading) return <div className="text-sm text-gray-500">Loading…</div>;
-  if (!data)
-    return <div className="text-sm text-red-600">Schedule not found.</div>;
-
-  return (
-    <div className="flex flex-col gap-3">
-      <h1 className="text-2xl font-semibold text-gray-900">
-        Schedule {data.trainCode}
-      </h1>
-      <dl className="grid grid-cols-2 gap-2 text-sm">
-        <dt className="text-gray-500">Status</dt>
-        <dd className="text-gray-900">{data.status}</dd>
-        <dt className="text-gray-500">Departure</dt>
-        <dd className="text-gray-900">
-          {new Date(data.departureTime).toLocaleString()}
-        </dd>
-        <dt className="text-gray-500">Arrival</dt>
-        <dd className="text-gray-900">
-          {new Date(data.arrivalTime).toLocaleString()}
-        </dd>
-        <dt className="text-gray-500">Base price</dt>
-        <dd className="text-gray-900">{data.basePrice.toFixed(2)}</dd>
-      </dl>
-    </div>
-  );
-};
-
-export default ScheduleDetailPage;
diff --git a/apps/edr-passenger-web/portal/src/pages/schedules/SchedulesPage.tsx b/apps/edr-passenger-web/portal/src/pages/schedules/SchedulesPage.tsx
deleted file mode 100644
index a51d63f91..000000000
--- a/apps/edr-passenger-web/portal/src/pages/schedules/SchedulesPage.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import ScheduleTable from "../../components/schedules/ScheduleTable";
-import { useSchedules } from "../../hooks/useSchedules";
-
-const SchedulesPage = () => {
-  const { data, isLoading } = useSchedules();
-  const items = data ?? [];
-
-  return (
-    <div className="flex flex-col gap-4">
-      <h1 className="text-2xl font-semibold text-gray-900">Schedules</h1>
-      {isLoading ? (
-        <div className="text-sm text-gray-500">Loading…</div>
-      ) : (
-        <ScheduleTable schedules={items} />
-      )}
-    </div>
-  );
-};
-
-export default SchedulesPage;
diff --git a/apps/edr-passenger-web/portal/src/pages/stations/StationsPage.tsx b/apps/edr-passenger-web/portal/src/pages/stations/StationsPage.tsx
deleted file mode 100644
index 53c5ae1fb..000000000
--- a/apps/edr-passenger-web/portal/src/pages/stations/StationsPage.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Table, type TableColumn } from "@edr/ui-common";
-import type { Passenger } from "@edr/types";
-
-import { useStations } from "../../hooks/useStations";
-
-const columns: TableColumn<Passenger.IStation>[] = [
-  { key: "code", header: "Code" },
-  { key: "name", header: "Name" },
-  { key: "city", header: "City" },
-  { key: "country", header: "Country" },
-];
-
-const StationsPage = () => {
-  const { data, isLoading } = useStations();
-  return (
-    <div className="flex flex-col gap-4">
-      <h1 className="text-2xl font-semibold text-gray-900">Stations</h1>
-      {isLoading ? (
-        <div className="text-sm text-gray-500">Loading…</div>
-      ) : (
-        <Table
-          columns={columns}
-          data={data ?? []}
-          rowKey={(row) => row.id}
-          emptyMessage="No stations"
-        />
-      )}
-    </div>
-  );
-};
-
-export default StationsPage;
diff --git a/apps/edr-passenger-web/portal/src/pages/tickets/BookTicketPage.tsx b/apps/edr-passenger-web/portal/src/pages/tickets/BookTicketPage.tsx
deleted file mode 100644
index 8f02a9264..000000000
--- a/apps/edr-passenger-web/portal/src/pages/tickets/BookTicketPage.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useNavigate } from "react-router-dom";
-
-import TicketForm from "../../components/tickets/TicketForm";
-import { ticketsService } from "../../services/tickets.service";
-
-const BookTicketPage = () => {
-  const navigate = useNavigate();
-  const queryClient = useQueryClient();
-
-  const mutation = useMutation({
-    mutationFn: ticketsService.create,
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["tickets"] });
-      navigate("/tickets");
-    },
-  });
-
-  return (
-    <div className="max-w-lg">
-      <h1 className="mb-4 text-2xl font-semibold text-gray-900">
-        Issue ticket
-      </h1>
-      <TicketForm
-        onSubmit={mutation.mutate}
-        isSubmitting={mutation.isPending}
-      />
-    </div>
-  );
-};
-
-export default BookTicketPage;
diff --git a/apps/edr-passenger-web/portal/src/pages/tickets/TicketDetailPage.tsx b/apps/edr-passenger-web/portal/src/pages/tickets/TicketDetailPage.tsx
deleted file mode 100644
index d53614726..000000000
--- a/apps/edr-passenger-web/portal/src/pages/tickets/TicketDetailPage.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useParams } from "react-router-dom";
-
-import { useTicket } from "../../hooks/useTickets";
-
-const TicketDetailPage = () => {
-  const { id } = useParams<{ id: string }>();
-  const { data, isLoading } = useTicket(id ?? "");
-
-  if (isLoading) return <div className="text-sm text-gray-500">Loading…</div>;
-  if (!data)
-    return <div className="text-sm text-red-600">Ticket not found.</div>;
-
-  return (
-    <div className="flex flex-col gap-3">
-      <h1 className="text-2xl font-semibold text-gray-900">
-        Ticket {data.reference}
-      </h1>
-      <dl className="grid grid-cols-2 gap-2 text-sm">
-        <dt className="text-gray-500">Passenger ID</dt>
-        <dd className="text-gray-900">{data.passengerId}</dd>
-        <dt className="text-gray-500">Schedule ID</dt>
-        <dd className="text-gray-900">{data.scheduleId}</dd>
-        <dt className="text-gray-500">Seat ID</dt>
-        <dd className="text-gray-900">{data.seatId}</dd>
-        <dt className="text-gray-500">Status</dt>
-        <dd className="text-gray-900">{data.status}</dd>
-        <dt className="text-gray-500">Issued</dt>
-        <dd className="text-gray-900">
-          {new Date(data.issuedAt).toLocaleString()}
-        </dd>
-        <dt className="text-gray-500">Price paid</dt>
-        <dd className="text-gray-900">{data.pricePaid.toFixed(2)}</dd>
-      </dl>
-    </div>
-  );
-};
-
-export default TicketDetailPage;
diff --git a/apps/edr-passenger-web/portal/src/pages/tickets/TicketsPage.tsx b/apps/edr-passenger-web/portal/src/pages/tickets/TicketsPage.tsx
deleted file mode 100644
index b33471fac..000000000
--- a/apps/edr-passenger-web/portal/src/pages/tickets/TicketsPage.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Link } from "react-router-dom";
-import { Button } from "@edr/ui-common";
-
-import TicketTable from "../../components/tickets/TicketTable";
-import { useTickets } from "../../hooks/useTickets";
-
-const TicketsPage = () => {
-  const { data, isLoading } = useTickets();
-  const items = data?.items ?? [];
-
-  return (
-    <div className="flex flex-col gap-4">
-      <div className="flex items-center justify-between">
-        <h1 className="text-2xl font-semibold text-gray-900">Tickets</h1>
-        <Link to="/tickets/new">
-          <Button>Issue ticket</Button>
-        </Link>
-      </div>
-      {isLoading ? (
-        <div className="text-sm text-gray-500">Loading…</div>
-      ) : (
-        <TicketTable tickets={items} />
-      )}
-    </div>
-  );
-};
-
-export default TicketsPage;
diff --git a/apps/edr-passenger-web/portal/src/services/schedules.service.ts b/apps/edr-passenger-web/portal/src/services/schedules.service.ts
deleted file mode 100644
index 1b65bdc4b..000000000
--- a/apps/edr-passenger-web/portal/src/services/schedules.service.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Passenger } from "@edr/types";
-
-import { api } from "../utils/api";
-
-export const schedulesService = {
-  list: async (): Promise<Passenger.ISchedule[]> => {
-    const { data } = await api.get("/schedules");
-    return data.data;
-  },
-  get: async (id: string): Promise<Passenger.ISchedule> => {
-    const { data } = await api.get(`/schedules/${id}`);
-    return data.data;
-  },
-};
diff --git a/apps/edr-passenger-web/portal/src/services/stations.service.ts b/apps/edr-passenger-web/portal/src/services/stations.service.ts
deleted file mode 100644
index 542ae0e32..000000000
--- a/apps/edr-passenger-web/portal/src/services/stations.service.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { Passenger } from "@edr/types";
-
-import { api } from "../utils/api";
-
-export const stationsService = {
-  list: async (): Promise<Passenger.IStation[]> => {
-    const { data } = await api.get("/stations");
-    return data.data;
-  },
-};
diff --git a/apps/edr-passenger-web/portal/src/services/tickets.service.ts b/apps/edr-passenger-web/portal/src/services/tickets.service.ts
deleted file mode 100644
index 4a6c7ac85..000000000
--- a/apps/edr-passenger-web/portal/src/services/tickets.service.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { Passenger, PaginatedResponse } from "@edr/types";
-
-import { api } from "../utils/api";
-
-export interface CreateTicketPayload {
-  reference: string;
-  passengerId: string;
-  scheduleId: string;
-  seatId: string;
-  pricePaid: number;
-  issuedAt: string;
-}
-
-export const ticketsService = {
-  list: async (): Promise<PaginatedResponse<Passenger.ITicket>> => {
-    const { data } = await api.get("/tickets");
-    return data.data;
-  },
-  get: async (id: string): Promise<Passenger.ITicket> => {
-    const { data } = await api.get(`/tickets/${id}`);
-    return data.data;
-  },
-  create: async (payload: CreateTicketPayload): Promise<Passenger.ITicket> => {
-    const { data } = await api.post("/tickets", payload);
-    return data.data;
-  },
-  cancel: async (id: string): Promise<void> => {
-    await api.delete(`/tickets/${id}`);
-  },
-};
diff --git a/apps/edr-passenger-web/portal/src/types/index.ts b/apps/edr-passenger-web/portal/src/types/index.ts
index ac3b23830..532bef8d5 100644
--- a/apps/edr-passenger-web/portal/src/types/index.ts
+++ b/apps/edr-passenger-web/portal/src/types/index.ts
@@ -1,6 +1,124 @@
-export type { Passenger } from "@edr/types";
-
-export interface NavItem {
-  href: string;
-  label: string;
+export interface Station {
+  id: string;
+  name: string;
+  code: string;
+  country: string;
+  latitude?: number;
+  longitude?: number;
+}
+
+export interface Schedule {
+  id?: string; // For backward compatibility
+  scheduleId?: string; // API returns this
+  trainNumber: string;
+  trainName?: string;
+  origin?: {
+    id: string;
+    code: string;
+    name: string;
+    city: string;
+    sequence: number;
+  };
+  destination?: {
+    id: string;
+    code: string;
+    name: string;
+    city: string;
+    sequence: number;
+  };
+  originStation?: Station; // For backward compatibility
+  destinationStation?: Station; // For backward compatibility
+  departureAt?: string; // API returns this
+  arrivalAt?: string; // API returns this
+  departureTime?: string; // For backward compatibility
+  arrivalTime?: string; // For backward compatibility
+  durationMinutes?: number; // API returns this
+  duration?: string; // For backward compatibility
+  baseFareAdult?: number;
+  baseFareChild?: number;
+  availableSeats?: number;
+  availabilityByClass?: Record<string, number>; // API returns this
+  faresByClass?: Array<{ seatClassName: string; baseFareMinor: number }>; // API returns this
+  serviceClass?: string;
+  status?: string;
+  hasAvailability?: boolean;
+  stops?: Array<{
+    stationId: string;
+    stationName: string;
+    sequence: number;
+    plannedArrivalAt?: string;
+    plannedDepartureAt?: string;
+  }>; // API returns this
+}
+
+export interface Coach {
+  id: string;
+  coachNumber: string;
+  coachClass: string;
+  totalSeats: number;
+  availableSeats: number;
+}
+
+export interface Seat {
+  id: string;
+  seatNumber: string;
+  status: 'AVAILABLE' | 'HELD' | 'BOOKED' | 'BLOCKED';
+  coachId: string;
+  premiumSurcharge?: number;
+}
+
+export interface Booking {
+  id: string;
+  pnr: string;
+  status: 'DRAFT' | 'CONFIRMED' | 'CANCELLED';
+  totalFare: number;
+  expiresAt?: string;
+  passengers: BookingPassenger[];
+}
+
+export interface BookingPassenger {
+  id: string;
+  name: string;
+  dateOfBirth: string;
+  seatNumber?: string;
+  ticketNumber?: string;
+}
+
+export interface Ticket {
+  id: string;
+  ticketNumber: string;
+  passengerName: string;
+  seatNumber: string;
+  qrCode: string;
+  trainDetails: {
+    trainNumber: string;
+    origin: string;
+    destination: string;
+    departureTime: string;
+    arrivalTime: string;
+  };
+}
+
+export interface FaydaVerificationResponse {
+  verified: boolean;
+  passengerData?: {
+    fullName: string;
+    dateOfBirth: string;
+    gender: string;
+    nationality: string;
+  };
+}
+
+export interface PaymentMethod {
+  id: string;
+  type: string;
+  displayName: string;
+  region: string;
+  currency: string;
+  providerId: string | null;
+  isDefault: boolean;
+  enabled: boolean;
+  sortOrder: number;
+  createdAt: string;
+  updatedAt: string;
 }
diff --git a/apps/edr-passenger-web/portal/src/utils/api.ts b/apps/edr-passenger-web/portal/src/utils/api.ts
index ca7c2031e..6b28d3364 100644
--- a/apps/edr-passenger-web/portal/src/utils/api.ts
+++ b/apps/edr-passenger-web/portal/src/utils/api.ts
@@ -1,7 +1,7 @@
 import axios from "axios";
 
 export const api = axios.create({
-  baseURL: import.meta.env.VITE_API_URL,
+  baseURL: process.env.NEXT_PUBLIC_API_URL,
 });
 
 // TODO: integrate @edr/auth — add a request interceptor here that attaches
diff --git a/apps/edr-passenger-web/portal/src/utils/format.ts b/apps/edr-passenger-web/portal/src/utils/format.ts
new file mode 100644
index 000000000..8e4294bfc
--- /dev/null
+++ b/apps/edr-passenger-web/portal/src/utils/format.ts
@@ -0,0 +1,21 @@
+import { format } from 'date-fns';
+
+export const formatCurrency = (amount: number, currency: string = 'ETB'): string => {
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency,
+    minimumFractionDigits: 2,
+  }).format(amount / 100);
+};
+
+export const formatDate = (date: string | Date, formatStr: string = 'MMM dd, yyyy'): string => {
+  return format(new Date(date), formatStr);
+};
+
+export const formatDateTime = (date: string | Date): string => {
+  return format(new Date(date), 'MMM dd, yyyy HH:mm');
+};
+
+export const formatTime = (date: string | Date): string => {
+  return format(new Date(date), 'HH:mm');
+};
diff --git a/apps/edr-passenger-web/portal/src/vite-env.d.ts b/apps/edr-passenger-web/portal/src/vite-env.d.ts
deleted file mode 100644
index 29c29a188..000000000
--- a/apps/edr-passenger-web/portal/src/vite-env.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_API_URL: string;
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}
diff --git a/apps/edr-passenger-web/portal/tailwind.config.js b/apps/edr-passenger-web/portal/tailwind.config.js
new file mode 100644
index 000000000..57df24cf5
--- /dev/null
+++ b/apps/edr-passenger-web/portal/tailwind.config.js
@@ -0,0 +1,87 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  darkMode: "class",
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: "rgb(20 113 76)",
+      },
+      backgroundColor: {
+        primary: "rgb(20 113 76)",
+      },
+      textColor: {
+        primary: "rgb(20 113 76)",
+      },
+      borderColor: {
+        primary: "rgb(20 113 76)",
+      },
+      ringColor: {
+        primary: "rgb(20 113 76)",
+      },
+      animation: {
+        "bounce-in": "bounce-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)",
+        float: "float 6s ease-in-out infinite",
+        shimmer: "shimmer 2s infinite",
+        "slide-in-left": "slide-in-left 0.5s ease-out",
+        "slide-in-right": "slide-in-right 0.5s ease-out",
+      },
+      keyframes: {
+        "bounce-in": {
+          "0%": {
+            opacity: "0",
+            transform: "translateY(20px) scale(0.9)",
+          },
+          "50%": {
+            opacity: "1",
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateY(0) scale(1)",
+          },
+        },
+        float: {
+          "0%, 100%": {
+            transform: "translateY(0px)",
+          },
+          "50%": {
+            transform: "translateY(-20px)",
+          },
+        },
+        shimmer: {
+          "0%": {
+            "background-position": "-1000px 0",
+          },
+          "100%": {
+            "background-position": "1000px 0",
+          },
+        },
+        "slide-in-left": {
+          from: {
+            opacity: "0",
+            transform: "translateX(-20px)",
+          },
+          to: {
+            opacity: "1",
+            transform: "translateX(0)",
+          },
+        },
+        "slide-in-right": {
+          from: {
+            opacity: "0",
+            transform: "translateX(20px)",
+          },
+          to: {
+            opacity: "1",
+            transform: "translateX(0)",
+          },
+        },
+      },
+    },
+  },
+  plugins: [],
diff --git a/apps/edr-passenger-web/portal/tsconfig.json b/apps/edr-passenger-web/portal/tsconfig.json
index 1ffef600d..eef2e2933 100644
--- a/apps/edr-passenger-web/portal/tsconfig.json
+++ b/apps/edr-passenger-web/portal/tsconfig.json
@@ -1,7 +1,28 @@
 {
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
+  "extends": "../../../packages/config/tsconfig/nextjs.json",
+  "compilerOptions": {
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ],
+      "*": [
+        "./*"
+      ]
+    },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": true
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
   ]
 }
diff --git a/apps/edr-passenger-web/portal/vite.config.ts b/apps/edr-passenger-web/portal/vite.config.ts
deleted file mode 100644
index 5a40a5f32..000000000
--- a/apps/edr-passenger-web/portal/vite.config.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-
-export default defineConfig({
-  plugins: [react()],
-  server: {
-    port: 5174,
-    host: "0.0.0.0",
-  },
-  test: {
-    environment: "jsdom",
-    globals: true,
-  },
-});
diff --git a/apps/edr-payment-api/Dockerfile b/apps/edr-payment-api/Dockerfile
new file mode 100644
index 000000000..ea35c1f39
--- /dev/null
+++ b/apps/edr-payment-api/Dockerfile
@@ -0,0 +1,41 @@
+# syntax=docker/dockerfile:1
+# Build from monorepo root: docker build -f apps/edr-freight-api/Dockerfile .
+
+FROM node:24.15.0-alpine AS base
+RUN apk add --no-cache libc6-compat
+RUN corepack enable
+WORKDIR /app
+
+FROM base AS pruner
+COPY . .
+RUN pnpm dlx turbo prune "@edr/payment-api" --docker
+
+FROM base AS installer
+COPY --from=pruner /app/out/json/ .
+COPY --from=pruner /app/out/pnpm-lock.yaml ./pnpm-lock.yaml
+RUN --mount=type=secret,id=npmrc,target=./.npmrc,required=false \
+    pnpm install --frozen-lockfile
+
+FROM base AS builder
+COPY --from=installer /app/ .
+COPY --from=pruner /app/out/full/ .
+RUN pnpm turbo build --filter="@edr/payment-api..."
+
+FROM base AS deployer
+COPY --from=builder /app/ .
+RUN pnpm deploy --filter="@edr/payment-api" --prod --legacy --ignore-scripts /deploy
+
+FROM node:24.15.0-alpine AS runner
+RUN apk add --no-cache libc6-compat
+ENV NODE_ENV=production
+WORKDIR /app
+RUN addgroup --system --gid 1001 nodejs \
+    && adduser --system --uid 1001 --ingroup nodejs nestjs
+COPY --from=deployer --chown=nestjs:nodejs /deploy .
+COPY apps/edr-payment-api/docker-entrypoint.sh /docker-entrypoint.sh
+RUN chmod +x /docker-entrypoint.sh \
+    && chown -R nestjs:nodejs /app
+USER nestjs
+EXPOSE 3008
+ENTRYPOINT ["/docker-entrypoint.sh"]
+CMD ["node", "dist/main.js"]
diff --git a/apps/edr-payment-api/docker-entrypoint.sh b/apps/edr-payment-api/docker-entrypoint.sh
new file mode 100644
index 000000000..743319f70
--- /dev/null
+++ b/apps/edr-payment-api/docker-entrypoint.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+set -e
+
+cd /app
+
+# npm run executes the same package.json scripts as pnpm run (pnpm reinstalls in deploy layout)
+node dist/scripts/migrate.js
+
+exec "$@"
diff --git a/apps/edr-payment-api/nest-cli.json b/apps/edr-payment-api/nest-cli.json
new file mode 100644
index 000000000..89d7d6c57
--- /dev/null
+++ b/apps/edr-payment-api/nest-cli.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/nest-cli",
+  "collection": "@nestjs/schematics",
+  "sourceRoot": "src",
+  "compilerOptions": {
+    "deleteOutDir": false
+  }
+}
diff --git a/apps/edr-payment-api/package.json b/apps/edr-payment-api/package.json
new file mode 100644
index 000000000..bdcda721b
--- /dev/null
+++ b/apps/edr-payment-api/package.json
@@ -0,0 +1,75 @@
+{
+  "name": "@edr/payment-api",
+  "version": "0.0.0",
+  "private": true,
+  "description": "EDR Payment Microservice — owns provider integration, payment intents, webhooks, and outbox notifications for the whole platform",
+  "scripts": {
+    "clean": "node -e \"const fs=require('fs'); fs.rmSync('dist',{recursive:true,force:true}); fs.rmSync('.tsbuildinfo',{force:true});\"",
+    "predev": "pnpm run clean",
+    "dev": "nest start --watch",
+    "prebuild": "pnpm run clean",
+    "build": "nest build",
+    "start": "node dist/main.js",
+    "lint": "eslint src",
+    "test": "jest",
+    "type-check": "tsc --noEmit",
+    "migration:run": "node dist/scripts/migrate.js",
+    "migration:revert": "ts-node src/scripts/migrate-revert.ts"
+  },
+  "dependencies": {
+    "@edr/api-common": "workspace:*",
+    "@edr/payment-providers": "workspace:*",
+    "@edr/types": "workspace:*",
+    "@golevelup/nestjs-rabbitmq": "^5.5.0",
+    "@nestjs/axios": "^4.0.1",
+    "@nestjs/common": "^11.0.0",
+    "@nestjs/config": "^4.0.0",
+    "@nestjs/core": "^11.0.0",
+    "@nestjs/platform-express": "^11.0.0",
+    "@nestjs/schedule": "^6.0.0",
+    "@nestjs/swagger": "^11.4.2",
+    "@nestjs/typeorm": "^11.0.1",
+    "axios": "^1.16.1",
+    "class-transformer": "^0.5.1",
+    "class-validator": "^0.14.1",
+    "dotenv": "^17.4.2",
+    "pg": "^8.13.0",
+    "reflect-metadata": "^0.2.2",
+    "rxjs": "^7.8.1",
+    "typeorm": "0.3.30"
+  },
+  "devDependencies": {
+    "@edr/eslint-config": "workspace:*",
+    "@edr/tsconfig": "workspace:*",
+    "@nestjs/cli": "^11.0.0",
+    "@nestjs/schematics": "^11.0.0",
+    "@nestjs/testing": "^11.0.0",
+    "@types/express": "^5.0.0",
+    "@types/jest": "^29.5.13",
+    "@types/node": "^20.14.0",
+    "@types/pg": "^8.6.7",
+    "jest": "^29.7.0",
+    "ts-jest": "^29.2.5",
+    "ts-loader": "^9.5.1",
+    "ts-node": "^10.9.2",
+    "tsconfig-paths": "^4.2.0",
+    "typescript": "^5.5.4"
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "ts"
+    ],
+    "rootDir": "src",
+    "testRegex": ".*\\.spec\\.ts$",
+    "transform": {
+      "^.+\\.(t|j)s$": "ts-jest"
+    },
+    "collectCoverageFrom": [
+      "**/*.(t|j)s"
+    ],
+    "coverageDirectory": "../coverage",
+    "testEnvironment": "node"
+  }
+}
diff --git a/apps/edr-payment-api/src/app.module.ts b/apps/edr-payment-api/src/app.module.ts
new file mode 100644
index 000000000..410a8146b
--- /dev/null
+++ b/apps/edr-payment-api/src/app.module.ts
@@ -0,0 +1,55 @@
+import { Module } from "@nestjs/common";
+import { ConfigModule, ConfigService } from "@nestjs/config";
+import { ScheduleModule } from "@nestjs/schedule";
+import { TypeOrmModule, TypeOrmModuleOptions } from "@nestjs/typeorm";
+import appConfig from "./config/app.config";
+import databaseConfig from "./config/database.config";
+import notifierConfig from "./config/notifier.config";
+import rabbitmqConfig from "./config/rabbitmq.config";
+import telebirrConfig from "./config/telebirr.config";
+import waafiConfig from "./config/waafi.config";
+import cbeConfig from "./config/cbe.config";
+import ebirrConfig from "./config/ebirr.config";
+import cardConfig from "./config/card.config";
+import dmoneyConfig from "./config/dmoney.config";
+import cacConfig from "./config/cac.config";
+import { HealthModule } from "./modules/health/health.module";
+import { IntentsModule } from "./modules/intents/intents.module";
+import { OutboxModule } from "./modules/outbox/outbox.module";
+import { ProvidersModule } from "./modules/providers/providers.module";
+import { ReconciliationModule } from "./modules/reconciliation/reconciliation.module";
+import { WebhooksModule } from "./modules/webhooks/webhooks.module";
+
+@Module({
+  imports: [
+    ConfigModule.forRoot({
+      isGlobal: true,
+      load: [
+        appConfig,
+        databaseConfig,
+        notifierConfig,
+        rabbitmqConfig,
+        telebirrConfig,
+        waafiConfig,
+        cbeConfig,
+        ebirrConfig,
+        cardConfig,
+        dmoneyConfig,
+        cacConfig,
+      ],
+    }),
+    TypeOrmModule.forRootAsync({
+      inject: [ConfigService],
+      useFactory: (config: ConfigService) =>
+        config.get<TypeOrmModuleOptions>("database") as TypeOrmModuleOptions,
+    }),
+    ScheduleModule.forRoot(),
+    HealthModule,
+    ProvidersModule,
+    IntentsModule,
+    WebhooksModule,
+    OutboxModule,
+    ReconciliationModule,
+  ],
+})
+export class AppModule {}
diff --git a/apps/edr-payment-api/src/common/guards/service-auth.guard.ts b/apps/edr-payment-api/src/common/guards/service-auth.guard.ts
new file mode 100644
index 000000000..5b5fb39c5
--- /dev/null
+++ b/apps/edr-payment-api/src/common/guards/service-auth.guard.ts
@@ -0,0 +1,55 @@
+import {
+  CanActivate,
+  ExecutionContext,
+  Injectable,
+  Logger,
+  UnauthorizedException,
+} from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { timingSafeEqual } from "node:crypto";
+import { Request } from "express";
+
+/**
+ * Shared-secret service-to-service auth for the internal surface (/payments/*).
+ * Callers send `x-service-token: <SERVICE_AUTH_TOKEN>` (or `Authorization: Bearer …`).
+ * Webhook endpoints are intentionally NOT behind this guard — they are provider-facing and
+ * authenticate via signature verification instead.
+ */
+@Injectable()
+export class ServiceAuthGuard implements CanActivate {
+  private readonly logger = new Logger(ServiceAuthGuard.name);
+  private readonly token: string;
+  private warned = false;
+
+  constructor(config: ConfigService) {
+    this.token = config.get<string>("app.serviceAuthToken") ?? "";
+    if (!this.token && process.env.NODE_ENV === "production") {
+      throw new Error("SERVICE_AUTH_TOKEN must be set in production");
+    }
+  }
+
+  canActivate(context: ExecutionContext): boolean {
+    if (!this.token) {
+      if (!this.warned) {
+        this.logger.warn(
+          "SERVICE_AUTH_TOKEN unset — internal endpoints are UNGUARDED (dev only)",
+        );
+        this.warned = true;
+      }
+      return true;
+    }
+
+    const request = context.switchToHttp().getRequest<Request>();
+    const header = request.headers["x-service-token"];
+    const bearer = request.headers.authorization?.replace(/^Bearer\s+/i, "");
+    const presented =
+      (Array.isArray(header) ? header[0] : header) ?? bearer ?? "";
+
+    const expected = Buffer.from(this.token);
+    const actual = Buffer.from(presented);
+    const valid =
+      expected.length === actual.length && timingSafeEqual(expected, actual);
+    if (!valid) throw new UnauthorizedException("Invalid service token");
+    return true;
+  }
+}
diff --git a/apps/edr-payment-api/src/config/app.config.ts b/apps/edr-payment-api/src/config/app.config.ts
new file mode 100644
index 000000000..c1128a872
--- /dev/null
+++ b/apps/edr-payment-api/src/config/app.config.ts
@@ -0,0 +1,21 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("app", () => ({
+  port: parseInt(process.env.PORT ?? "3003", 10),
+  /**
+   * Shared secret for service-to-service auth (apps -> /payments/*, payment -> mark-paid).
+   * Required in production; in development an empty value disables the guard with a warning.
+   * TODO: integrate @tria-plc IAM / mTLS as the long-term mechanism (docs/payment-service §14).
+   */
+  serviceAuthToken: process.env.SERVICE_AUTH_TOKEN ?? "",
+  reconciliation: {
+    /** How often the stale-intent sweep runs. */
+    sweepIntervalMs: parseInt(
+      process.env.RECONCILE_SWEEP_INTERVAL_MS ?? "60000",
+      10,
+    ),
+    /** An intent is "stale" when non-terminal and untouched for this long. */
+    staleAfterMs: parseInt(process.env.RECONCILE_STALE_AFTER_MS ?? "60000", 10),
+    batchSize: parseInt(process.env.RECONCILE_BATCH_SIZE ?? "20", 10),
+  },
+}));
diff --git a/apps/edr-payment-api/src/config/cac.config.ts b/apps/edr-payment-api/src/config/cac.config.ts
new file mode 100644
index 000000000..360e64299
--- /dev/null
+++ b/apps/edr-payment-api/src/config/cac.config.ts
@@ -0,0 +1,13 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("cac", () => ({
+  baseUrl: process.env.CAC_BASE_URL || "",
+  username: process.env.CAC_USERNAME || "",
+  password: process.env.CAC_PASSWORD || "",
+  appKey: process.env.CAC_APP_KEY || "",
+  apiKey: process.env.CAC_API_KEY || "",
+  companyServicesId: Number(process.env.CAC_COMPANY_SERVICES_ID || 0),
+  currency: process.env.CAC_CURRENCY || "DJF",
+  tokenTtlMs: Number(process.env.CAC_TOKEN_TTL_MS || 23 * 60 * 60 * 1000),
+  otpExpiryMs: Number(process.env.CAC_OTP_EXPIRY_MS || 10 * 60 * 1000),
+}));
diff --git a/apps/edr-payment-api/src/config/card.config.ts b/apps/edr-payment-api/src/config/card.config.ts
new file mode 100644
index 000000000..fa9d4b30c
--- /dev/null
+++ b/apps/edr-payment-api/src/config/card.config.ts
@@ -0,0 +1,9 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("card", () => ({
+  baseUrl: process.env.CARD_BASE_URL || "",
+  apiKey: process.env.CARD_API_KEY || "",
+  webhookSecret: process.env.CARD_WEBHOOK_SECRET || "",
+  webhookUrl: process.env.CARD_WEBHOOK_URL || "",
+  returnUrl: process.env.CARD_RETURN_URL || "",
+}));
diff --git a/apps/edr-payment-api/src/config/cbe.config.ts b/apps/edr-payment-api/src/config/cbe.config.ts
new file mode 100644
index 000000000..eb2cd689f
--- /dev/null
+++ b/apps/edr-payment-api/src/config/cbe.config.ts
@@ -0,0 +1,9 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("cbe", () => ({
+  baseUrl: process.env.CBE_BASE_URL || "",
+  merchantId: process.env.CBE_MERCHANT_ID || "",
+  secretKey: process.env.CBE_SECRET_KEY || "",
+  notifyUrl: process.env.CBE_NOTIFY_URL || "",
+  returnUrl: process.env.CBE_RETURN_URL || "",
+}));
diff --git a/apps/edr-payment-api/src/config/database.config.ts b/apps/edr-payment-api/src/config/database.config.ts
new file mode 100644
index 000000000..43d8ca564
--- /dev/null
+++ b/apps/edr-payment-api/src/config/database.config.ts
@@ -0,0 +1,36 @@
+import { registerAs } from "@nestjs/config";
+import { TypeOrmModuleOptions } from "@nestjs/typeorm";
+import { DataSourceOptions } from "typeorm";
+
+/**
+ * Shared connection options for the Nest TypeORM module and the standalone DataSource
+ * (migration CLI). Payment tables live in the SAME Postgres database as the domain system
+ * (edr_database by default) but in the dedicated `edr_payment` schema; logical ownership is
+ * enforced with a dedicated DB user in non-dev environments (grants only on this schema).
+ */
+export function buildDataSourceOptions(): DataSourceOptions {
+  return {
+    type: "postgres",
+    host: process.env.DB_HOST ?? "localhost",
+    port: parseInt(process.env.DB_PORT ?? "5432", 10),
+    username: process.env.DB_USER ?? "edr",
+    password: process.env.DB_PASSWORD ?? "",
+    database: process.env.DB_NAME ?? "edr_database",
+    schema: process.env.DB_SCHEMA ?? "edr_payment",
+    entities: [__dirname + "/../**/*.entity.{ts,js}"],
+    migrations: [__dirname + "/../migrations/*.{ts,js}"],
+    // Schema changes go through migrations only — never synchronize (house rule).
+    synchronize: false,
+    logging: process.env.NODE_ENV === "development",
+  };
+}
+
+export default registerAs(
+  "database",
+  (): TypeOrmModuleOptions => ({
+    ...buildDataSourceOptions(),
+    autoLoadEntities: true,
+    // Run pending migrations on boot (main.ts ensures the database/schema exist first).
+    migrationsRun: true,
+  }),
+);
diff --git a/apps/edr-payment-api/src/config/dmoney.config.ts b/apps/edr-payment-api/src/config/dmoney.config.ts
new file mode 100644
index 000000000..d0938eeea
--- /dev/null
+++ b/apps/edr-payment-api/src/config/dmoney.config.ts
@@ -0,0 +1,18 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("dmoney", () => ({
+  baseUrl: process.env.DMONEY_BASE_URL ?? "",
+  webBaseUrl: process.env.DMONEY_WEB_BASE_URL ?? "",
+  fabricAppId: process.env.DMONEY_FABRIC_APP_ID ?? "",
+  appSecret: process.env.DMONEY_APP_SECRET ?? "",
+  merchantAppId: process.env.DMONEY_MERCHANT_APP_ID ?? "",
+  merchantCode: process.env.DMONEY_MERCHANT_CODE ?? "",
+  notifyUrl: process.env.DMONEY_NOTIFY_URL ?? "",
+  returnUrl: process.env.DMONEY_RETURN_URL ?? "",
+  timeoutExpress: process.env.DMONEY_TIMEOUT_EXPRESS ?? "120m",
+  language: process.env.DMONEY_LANGUAGE ?? "en",
+  currency: process.env.DMONEY_CURRENCY ?? "FDJ",
+  privateKey: process.env.DMONEY_PRIVATE_KEY ?? "",
+  publicKey: process.env.DMONEY_PUBLIC_KEY ?? "",
+  insecureTls: process.env.DMONEY_INSECURE_TLS === "true",
+}));
diff --git a/apps/edr-payment-api/src/config/ebirr.config.ts b/apps/edr-payment-api/src/config/ebirr.config.ts
new file mode 100644
index 000000000..4c5dd68e6
--- /dev/null
+++ b/apps/edr-payment-api/src/config/ebirr.config.ts
@@ -0,0 +1,9 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("ebirr", () => ({
+  baseUrl: process.env.EBIRR_BASE_URL || "",
+  merchantCode: process.env.EBIRR_MERCHANT_CODE || "",
+  secretKey: process.env.EBIRR_SECRET_KEY || "",
+  notifyUrl: process.env.EBIRR_NOTIFY_URL || "",
+  returnUrl: process.env.EBIRR_RETURN_URL || "",
+}));
diff --git a/apps/edr-payment-api/src/config/ensure-schema.ts b/apps/edr-payment-api/src/config/ensure-schema.ts
new file mode 100644
index 000000000..9f7a5bb52
--- /dev/null
+++ b/apps/edr-payment-api/src/config/ensure-schema.ts
@@ -0,0 +1,52 @@
+import { Client } from "pg";
+
+const IDENTIFIER = /^[a-z_][a-z0-9_]*$/;
+
+function connectionEnv() {
+  return {
+    host: process.env.DB_HOST ?? "localhost",
+    port: parseInt(process.env.DB_PORT ?? "5432", 10),
+    user: process.env.DB_USER ?? "edr",
+    password: process.env.DB_PASSWORD ?? "",
+  };
+}
+
+/**
+ * Dev/bootstrap convenience: make sure the `edr_payment` schema exists in the shared
+ * database before TypeORM initializes (the migrations table itself lives in the schema, so
+ * migrations cannot create it). In production the schema/grants are provisioned out-of-band
+ * by ops; this is then a no-op.
+ */
+export async function ensurePaymentSchema(): Promise<void> {
+  const database = process.env.DB_NAME ?? "edr_database";
+  const schema = process.env.DB_SCHEMA ?? "edr_payment";
+  if (!IDENTIFIER.test(database) || !IDENTIFIER.test(schema)) {
+    throw new Error(
+      `Invalid DB_NAME/DB_SCHEMA identifier: ${database}/${schema}`,
+    );
+  }
+
+  let client = new Client({ ...connectionEnv(), database });
+  try {
+    await client.connect();
+  } catch (err) {
+    // 3D000 = database does not exist — create it from the maintenance DB, then reconnect.
+    if ((err as { code?: string }).code !== "3D000") throw err;
+    await client.end().catch(() => undefined);
+    const admin = new Client({ ...connectionEnv(), database: "postgres" });
+    await admin.connect();
+    try {
+      await admin.query(`CREATE DATABASE "${database}"`);
+    } finally {
+      await admin.end();
+    }
+    client = new Client({ ...connectionEnv(), database });
+    await client.connect();
+  }
+
+  try {
+    await client.query(`CREATE SCHEMA IF NOT EXISTS "${schema}"`);
+  } finally {
+    await client.end();
+  }
+}
diff --git a/apps/edr-payment-api/src/config/notifier.config.ts b/apps/edr-payment-api/src/config/notifier.config.ts
new file mode 100644
index 000000000..cddc66761
--- /dev/null
+++ b/apps/edr-payment-api/src/config/notifier.config.ts
@@ -0,0 +1,15 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("notifier", () => ({
+  /** mark-paid callback URL per owning service (PaymentService discriminator routes here). */
+  passengerUrl:
+    process.env.PAYMENT_NOTIFY_PASSENGER_URL ??
+    "http://localhost:3002/internal/payments/mark-paid",
+  freightUrl:
+    process.env.PAYMENT_NOTIFY_FREIGHT_URL ??
+    "http://localhost:3001/internal/payments/mark-paid",
+  relayIntervalMs: parseInt(process.env.OUTBOX_RELAY_INTERVAL_MS ?? "5000", 10),
+  maxAttempts: parseInt(process.env.OUTBOX_MAX_ATTEMPTS ?? "10", 10),
+  httpTimeoutMs: parseInt(process.env.NOTIFY_HTTP_TIMEOUT_MS ?? "10000", 10),
+  relayBatchSize: parseInt(process.env.OUTBOX_RELAY_BATCH_SIZE ?? "20", 10),
+}));
diff --git a/apps/edr-payment-api/src/config/rabbitmq.config.ts b/apps/edr-payment-api/src/config/rabbitmq.config.ts
new file mode 100644
index 000000000..631a5cb68
--- /dev/null
+++ b/apps/edr-payment-api/src/config/rabbitmq.config.ts
@@ -0,0 +1,23 @@
+import { registerAs } from "@nestjs/config";
+
+/**
+ * RabbitMQ connection for the outbox event publisher (payment -> apps).
+ * `publisherTransport` selects which PaymentEventPublisher the outbox relay uses:
+ *   "rabbitmq" -> RabbitMqPaymentEventPublisher (publish to the payment.events exchange) [DEFAULT]
+ *   "http"     -> HttpPaymentEventPublisher (POST to each app's mark-paid endpoint) [rollback]
+ * RabbitMQ is the default; set PUBLISHER_TRANSPORT=http explicitly to fall back to HTTP.
+ */
+export default registerAs("rabbitmq", () => ({
+  url: process.env.PAYMENT_RABBITMQ_URL ?? "amqp://localhost:5672/payment",
+  publisherTransport: (process.env.PUBLISHER_TRANSPORT ?? "rabbitmq").toLowerCase(),
+  /** Publish is failed (so the relay retries) if the broker does not confirm within this. */
+  publishTimeoutMs: parseInt(process.env.PAYMENT_PUBLISH_TIMEOUT_MS ?? "10000", 10),
+}));
+
+/**
+ * True when the outbox relay should publish to RabbitMQ rather than POST over HTTP.
+ * RabbitMQ is the default; only an explicit PUBLISHER_TRANSPORT=http opts out.
+ */
+export function isRabbitPublisher(): boolean {
+  return (process.env.PUBLISHER_TRANSPORT ?? "rabbitmq").toLowerCase() !== "http";
+}
diff --git a/apps/edr-payment-api/src/config/telebirr.config.ts b/apps/edr-payment-api/src/config/telebirr.config.ts
new file mode 100644
index 000000000..8e5d1712a
--- /dev/null
+++ b/apps/edr-payment-api/src/config/telebirr.config.ts
@@ -0,0 +1,16 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("telebirr", () => ({
+  baseUrl: process.env.TELEBIRR_BASE_URL ?? "",
+  webBaseUrl: process.env.TELEBIRR_WEB_BASE_URL ?? "",
+  fabricAppId: process.env.TELEBIRR_FABRIC_APP_ID ?? "",
+  appSecret: process.env.TELEBIRR_APP_SECRET ?? "",
+  merchantAppId: process.env.TELEBIRR_MERCHANT_APP_ID ?? "",
+  merchantCode: process.env.TELEBIRR_MERCHANT_CODE ?? "",
+  notifyUrl: process.env.TELEBIRR_NOTIFY_URL ?? "",
+  returnUrl: process.env.TELEBIRR_RETURN_URL ?? "",
+  timeoutExpress: process.env.TELEBIRR_TIMEOUT_EXPRESS ?? "15m",
+  privateKey: process.env.TELEBIRR_PRIVATE_KEY ?? "",
+  publicKey: process.env.TELEBIRR_PUBLIC_KEY ?? "",
+  insecureTls: process.env.TELEBIRR_INSECURE_TLS === "true",
+}));
diff --git a/apps/edr-payment-api/src/config/waafi.config.ts b/apps/edr-payment-api/src/config/waafi.config.ts
new file mode 100644
index 000000000..05624922f
--- /dev/null
+++ b/apps/edr-payment-api/src/config/waafi.config.ts
@@ -0,0 +1,27 @@
+import { registerAs } from "@nestjs/config";
+
+export default registerAs("waafi", () => ({
+  // `/asm` is appended in the provider; use sandbox by default, switch to
+  // https://api.waafipay.net in production.
+  baseUrl: process.env.WAAFI_BASE_URL ?? "https://sandbox.waafipay.net",
+  // HPP credentials (Hosted Payment Page family).
+  merchantUid: process.env.WAAFI_MERCHANT_UID ?? "",
+  storeId: process.env.WAAFI_STORE_ID ?? "",
+  hppKey: process.env.WAAFI_HPP_KEY ?? "",
+  // HMAC secret returned once by WEBHOOK_REGISTER; verifies inbound webhooks.
+  webhookSecret: process.env.WAAFI_WEBHOOK_SECRET ?? "",
+  // Wallet payment method (EVC/ZAAD/Sahal) — MWALLET_ACCOUNT requires the payer phone up front.
+  paymentMethod: process.env.WAAFI_PAYMENT_METHOD ?? "MWALLET_ACCOUNT",
+  // Waafi has no ETB; when set this overrides the asserted currency (USD/DJF/SLSH).
+  currency: process.env.WAAFI_CURRENCY ?? "DJF",
+  // Browser redirect targets after the hosted page completes/fails (UX only; webhook is source of truth).
+  successUrl: process.env.WAAFI_HPP_SUCCESS_URL ?? "",
+  failureUrl: process.env.WAAFI_HPP_FAILURE_URL ?? "",
+  // Callback data format: 1 = POST, 2 = GET, 4 = Result Token.
+  respDataFormat: Number(process.env.WAAFI_HPP_RESP_FORMAT ?? "1"),
+  // Registered webhook URL (reference only; registration is performed out-of-band).
+  notifyUrl: process.env.WAAFI_NOTIFY_URL ?? "",
+  // DEV ONLY: disable TLS cert verification. The Waafi sandbox serves a *.waafi.com cert that
+  // does not match sandbox.waafipay.net (ERR_TLS_CERT_ALTNAME_INVALID). Never enable in prod.
+  insecureTls: process.env.WAAFI_INSECURE_TLS === "true",
+}));
diff --git a/apps/edr-payment-api/src/data-source.ts b/apps/edr-payment-api/src/data-source.ts
new file mode 100644
index 000000000..2aa708300
--- /dev/null
+++ b/apps/edr-payment-api/src/data-source.ts
@@ -0,0 +1,8 @@
+import "dotenv/config";
+import { DataSource } from "typeorm";
+import { buildDataSourceOptions } from "./config/database.config";
+
+/** Standalone DataSource for the TypeORM CLI and the migrate script. */
+export const AppDataSource = new DataSource(buildDataSourceOptions());
+
+export default AppDataSource;
diff --git a/apps/edr-payment-api/src/main.ts b/apps/edr-payment-api/src/main.ts
new file mode 100644
index 000000000..c9ad69494
--- /dev/null
+++ b/apps/edr-payment-api/src/main.ts
@@ -0,0 +1,54 @@
+import "reflect-metadata";
+import "dotenv/config";
+import { NestFactory } from "@nestjs/core";
+import { ValidationPipe } from "@nestjs/common";
+import { DocumentBuilder, SwaggerModule } from "@nestjs/swagger";
+import { AppModule } from "./app.module";
+import { ensurePaymentSchema } from "./config/ensure-schema";
+
+async function bootstrap() {
+  // The edr_payment database/schema must exist before TypeORM boots (migrationsRun: true).
+  await ensurePaymentSchema();
+
+  // rawBody: true buffers the unparsed request body onto req.rawBody so webhook handlers
+  // (e.g. Waafi HMAC verification) can sign over the exact bytes the provider signed.
+  const app = await NestFactory.create(AppModule, { rawBody: true });
+
+  app.useGlobalPipes(
+    new ValidationPipe({
+      whitelist: true,
+      transform: true,
+      forbidUnknownValues: false,
+    }),
+  );
+
+  const config = new DocumentBuilder()
+    .setTitle("EDR Payment API")
+    .setDescription(
+      "Platform payment microservice: payment intents, provider integration, the single " +
+        "registered webhook per provider, and reliable (outbox) notification of the owning app. " +
+        "Internal endpoints (/payments/*) require the x-service-token header; /webhooks/* is the " +
+        "only public surface. See docs/payment-service/.",
+    )
+    .setVersion("1.0.0")
+    .addApiKey(
+      { type: "apiKey", name: "x-service-token", in: "header" },
+      "service-token",
+    )
+    .build();
+  SwaggerModule.setup(
+    "api-docs",
+    app,
+    SwaggerModule.createDocument(app, config),
+    {
+      customSiteTitle: "EDR Payment API",
+      swaggerOptions: { persistAuthorization: true },
+    },
+  );
+
+  const port = process.env.PORT ?? 3003;
+  await app.listen(port);
+  console.log(`🚀 EDR Payment API running on port ${port}`);
+  console.log(`📚 Swagger: http://localhost:${port}/api-docs`);
+}
+bootstrap();
diff --git a/apps/edr-payment-api/src/migrations/1781136000000-InitPaymentSchema.ts b/apps/edr-payment-api/src/migrations/1781136000000-InitPaymentSchema.ts
new file mode 100644
index 000000000..bbff2e7f1
--- /dev/null
+++ b/apps/edr-payment-api/src/migrations/1781136000000-InitPaymentSchema.ts
@@ -0,0 +1,124 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+/**
+ * Initial edr_payment schema: payment_intent, payment_webhook_event, notification_outbox.
+ *
+ * Enum-valued columns are varchar on purpose (values mirror the @edr/types enums) so new
+ * providers/statuses never need an ALTER TYPE. uuid defaults use gen_random_uuid() (built into
+ * Postgres 13+; no extension required).
+ */
+export class InitPaymentSchema1781136000000 implements MigrationInterface {
+  name = "InitPaymentSchema1781136000000";
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    // Defensive — bootstrap (ensure-schema) normally creates this before migrations run.
+    await queryRunner.query(`CREATE SCHEMA IF NOT EXISTS "edr_payment"`);
+
+    await queryRunner.query(`
+      CREATE TABLE "edr_payment"."payment_intent" (
+        "id"                     uuid        NOT NULL DEFAULT gen_random_uuid(),
+        "created_at"             timestamptz NOT NULL DEFAULT now(),
+        "updated_at"             timestamptz NOT NULL DEFAULT now(),
+        "deleted_at"             timestamptz,
+        "service"                varchar(16) NOT NULL,
+        "reference_type"         varchar(16) NOT NULL,
+        "reference_id"           varchar(64) NOT NULL,
+        "merchant_order_id"      varchar(64) NOT NULL,
+        "provider"               varchar(16) NOT NULL,
+        "provider_order_id"      varchar(128),
+        "provider_txn_id"        varchar(128),
+        "amount_minor"           integer     NOT NULL,
+        "confirmed_amount_minor" integer,
+        "currency"               varchar(8)  NOT NULL,
+        "status"                 varchar(24) NOT NULL DEFAULT 'REQUIRES_ACTION',
+        "client_action"          jsonb,
+        "failure_code"           varchar(64),
+        "failure_message"        text,
+        "idempotency_key"        varchar(128),
+        "expires_at"             timestamptz,
+        "paid_at"                timestamptz,
+        "raw_initiation"         jsonb,
+        CONSTRAINT "pk_payment_intent" PRIMARY KEY ("id"),
+        CONSTRAINT "uq_payment_intent_merchant_order_id" UNIQUE ("merchant_order_id")
+      )
+    `);
+    // One ACTIVE intent per domain order; terminal-failed attempts remain as audit rows.
+    await queryRunner.query(`
+      CREATE UNIQUE INDEX "uq_payment_intent_active_reference"
+        ON "edr_payment"."payment_intent" ("service", "reference_type", "reference_id")
+        WHERE status NOT IN ('FAILED','CANCELLED') AND deleted_at IS NULL
+    `);
+    await queryRunner.query(`
+      CREATE INDEX "idx_payment_intent_provider_txn"
+        ON "edr_payment"."payment_intent" ("provider_txn_id")
+    `);
+    await queryRunner.query(`
+      CREATE INDEX "idx_payment_intent_sweep"
+        ON "edr_payment"."payment_intent" ("status", "updated_at")
+    `);
+    await queryRunner.query(`
+      CREATE INDEX "idx_payment_intent_idempotency"
+        ON "edr_payment"."payment_intent" ("service", "idempotency_key")
+    `);
+
+    await queryRunner.query(`
+      CREATE TABLE "edr_payment"."payment_webhook_event" (
+        "id"                uuid         NOT NULL DEFAULT gen_random_uuid(),
+        "created_at"        timestamptz  NOT NULL DEFAULT now(),
+        "updated_at"        timestamptz  NOT NULL DEFAULT now(),
+        "deleted_at"        timestamptz,
+        "provider"          varchar(16)  NOT NULL,
+        "external_event_id" varchar(191) NOT NULL,
+        "merchant_order_id" varchar(64),
+        "provider_txn_id"   varchar(128),
+        "signature_valid"   boolean      NOT NULL DEFAULT false,
+        "status"            varchar(64),
+        "payload"           jsonb        NOT NULL,
+        "received_at"       timestamptz  NOT NULL DEFAULT now(),
+        "processed_at"      timestamptz,
+        "processing_error"  text,
+        CONSTRAINT "pk_payment_webhook_event" PRIMARY KEY ("id")
+      )
+    `);
+    // The webhook dedupe key: duplicate provider deliveries hit this and short-circuit.
+    await queryRunner.query(`
+      CREATE UNIQUE INDEX "uq_payment_webhook_event_external"
+        ON "edr_payment"."payment_webhook_event" ("provider", "external_event_id")
+    `);
+
+    await queryRunner.query(`
+      CREATE TABLE "edr_payment"."notification_outbox" (
+        "id"             uuid        NOT NULL DEFAULT gen_random_uuid(),
+        "created_at"     timestamptz NOT NULL DEFAULT now(),
+        "updated_at"     timestamptz NOT NULL DEFAULT now(),
+        "deleted_at"     timestamptz,
+        "event_type"     varchar(32) NOT NULL,
+        "service"        varchar(16) NOT NULL,
+        "intent_id"      uuid        NOT NULL,
+        "reference_type" varchar(16) NOT NULL,
+        "reference_id"   varchar(64) NOT NULL,
+        "payload"        jsonb       NOT NULL,
+        "status"         varchar(16) NOT NULL DEFAULT 'PENDING',
+        "attempts"       integer     NOT NULL DEFAULT 0,
+        "next_retry_at"  timestamptz,
+        "last_error"     text,
+        "sent_at"        timestamptz,
+        CONSTRAINT "pk_notification_outbox" PRIMARY KEY ("id")
+      )
+    `);
+    await queryRunner.query(`
+      CREATE INDEX "idx_notification_outbox_relay"
+        ON "edr_payment"."notification_outbox" ("status", "next_retry_at")
+    `);
+    await queryRunner.query(`
+      CREATE INDEX "idx_notification_outbox_intent"
+        ON "edr_payment"."notification_outbox" ("intent_id")
+    `);
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(`DROP TABLE "edr_payment"."notification_outbox"`);
+    await queryRunner.query(`DROP TABLE "edr_payment"."payment_webhook_event"`);
+    await queryRunner.query(`DROP TABLE "edr_payment"."payment_intent"`);
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/health/health.controller.ts b/apps/edr-payment-api/src/modules/health/health.controller.ts
new file mode 100644
index 000000000..86eee1cc0
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/health/health.controller.ts
@@ -0,0 +1,16 @@
+import { Controller, Get } from "@nestjs/common";
+import { ApiOperation, ApiTags } from "@nestjs/swagger";
+
+@ApiTags("Health")
+@Controller("health")
+export class HealthController {
+  @Get()
+  @ApiOperation({ summary: "Liveness probe" })
+  check() {
+    return {
+      status: "ok",
+      service: "edr-payment-api",
+      timestamp: new Date().toISOString(),
+    };
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/health/health.module.ts b/apps/edr-payment-api/src/modules/health/health.module.ts
new file mode 100644
index 000000000..40b7bdfae
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/health/health.module.ts
@@ -0,0 +1,7 @@
+import { Module } from "@nestjs/common";
+import { HealthController } from "./health.controller";
+
+@Module({
+  controllers: [HealthController],
+})
+export class HealthModule {}
diff --git a/apps/edr-payment-api/src/modules/intents/dto/confirm-payment.dto.ts b/apps/edr-payment-api/src/modules/intents/dto/confirm-payment.dto.ts
new file mode 100644
index 000000000..1dfae2dde
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/intents/dto/confirm-payment.dto.ts
@@ -0,0 +1,14 @@
+import { IsString, Length } from "class-validator";
+import { ApiProperty } from "@nestjs/swagger";
+import { ConfirmPaymentRequest } from "@edr/types";
+
+/** Wire shape is the shared `ConfirmPaymentRequest` contract from @edr/types. */
+export class ConfirmPaymentDto implements ConfirmPaymentRequest {
+  @ApiProperty({
+    description: "One-time password sent to the payer's mobile via SMS",
+    example: "123456",
+  })
+  @IsString()
+  @Length(1, 10)
+  otp!: string;
+}
diff --git a/apps/edr-payment-api/src/modules/intents/dto/initiate-payment.dto.ts b/apps/edr-payment-api/src/modules/intents/dto/initiate-payment.dto.ts
new file mode 100644
index 000000000..13a2f71a4
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/intents/dto/initiate-payment.dto.ts
@@ -0,0 +1,119 @@
+import {
+  IsEnum,
+  IsIn,
+  IsInt,
+  IsOptional,
+  IsPositive,
+  IsString,
+  Length,
+  MaxLength,
+} from "class-validator";
+import { ApiProperty, ApiPropertyOptional } from "@nestjs/swagger";
+import {
+  InitiatePaymentRequest,
+  PaymentPlatform,
+  PaymentReferenceType,
+  PaymentService,
+  ProviderMethod,
+} from "@edr/types";
+
+/** Wire shape is the shared `InitiatePaymentRequest` contract from @edr/types. */
+export class InitiatePaymentRequestDto implements InitiatePaymentRequest {
+  @ApiProperty({ enum: PaymentService })
+  @IsEnum(PaymentService)
+  service!: PaymentService;
+
+  @ApiProperty({ enum: PaymentReferenceType })
+  @IsEnum(PaymentReferenceType)
+  referenceType!: PaymentReferenceType;
+
+  @ApiProperty({
+    description:
+      "Domain order id (booking/shipment id) — already validated by the calling app",
+  })
+  @IsString()
+  @Length(1, 64)
+  referenceId!: string;
+
+  @ApiPropertyOptional({
+    description:
+      "Human-readable order ref shown on provider pages; defaults to referenceId",
+  })
+  @IsOptional()
+  @IsString()
+  @MaxLength(64)
+  orderRef?: string;
+
+  @ApiProperty({
+    description:
+      "Authoritative amount in minor units, computed server-side by the app",
+  })
+  @IsInt()
+  @IsPositive()
+  amountMinor!: number;
+
+  @ApiProperty({ example: "ETB" })
+  @IsString()
+  @Length(3, 8)
+  currency!: string;
+
+  @ApiProperty({ enum: ProviderMethod })
+  @IsEnum(ProviderMethod)
+  provider!: ProviderMethod;
+
+  @ApiPropertyOptional({ enum: ["web", "mobile"] })
+  @IsOptional()
+  @IsIn(["web", "mobile"])
+  platform?: PaymentPlatform;
+
+  @ApiPropertyOptional({
+    description:
+      "Payer wallet MSISDN for providers that pre-fill it (e.g. Waafi MWALLET_ACCOUNT)",
+  })
+  @IsOptional()
+  @IsString()
+  @MaxLength(32)
+  payerAccount?: string;
+
+  @ApiPropertyOptional({
+    description:
+      "Per-transaction browser return URL on success — each calling app passes its own UI " +
+      "(passenger portal vs freight portal). UX only; never confirms payment. Falls back to " +
+      "the provider config when omitted.",
+  })
+  @IsOptional()
+  @IsString()
+  @MaxLength(2048)
+  returnUrl?: string;
+
+  @ApiPropertyOptional({
+    description: "Failure/cancel counterpart of returnUrl",
+  })
+  @IsOptional()
+  @IsString()
+  @MaxLength(2048)
+  failureUrl?: string;
+
+  @ApiPropertyOptional({
+    description: "Caller key to dedupe retried initiations",
+  })
+  @IsOptional()
+  @IsString()
+  @MaxLength(128)
+  idempotencyKey?: string;
+}
+
+export class IntentReferenceQueryDto {
+  @ApiProperty({ enum: PaymentService })
+  @IsEnum(PaymentService)
+  service!: PaymentService;
+
+  @ApiProperty({ enum: PaymentReferenceType })
+  @IsEnum(PaymentReferenceType)
+  referenceType!: PaymentReferenceType;
+
+  @ApiProperty()
+  @IsString()
+  @Length(1, 64)
+  referenceId!: string;
+}
diff --git a/apps/edr-payment-api/src/modules/intents/entities/payment-intent.entity.ts b/apps/edr-payment-api/src/modules/intents/entities/payment-intent.entity.ts
new file mode 100644
index 000000000..68c519604
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/intents/entities/payment-intent.entity.ts
@@ -0,0 +1,135 @@
+import { Column, Entity, Index } from "typeorm";
+import { BaseEntity } from "@edr/api-common";
+import {
+  ClientAction,
+  PaymentReferenceType,
+  PaymentService,
+  ProviderMethod,
+  ProviderPaymentStatus,
+} from "@edr/types";
+
+/**
+ * One payment attempt for one domain order — the platform-wide source of truth for payment
+ * state. `reference_id` is a soft reference into the owning app's schema (never a FK; see
+ * docs/payment-service/architecture.md §5).
+ *
+ * Enum-valued columns are stored as varchar (values mirror the shared @edr/types enums) so
+ * adding a provider/status never needs an ALTER TYPE migration.
+ */
+@Entity({ name: "payment_intent" })
+// One ACTIVE intent per domain order; FAILED/CANCELLED attempts may accumulate as audit rows.
+@Index(
+  "uq_payment_intent_active_reference",
+  ["service", "referenceType", "referenceId"],
+  {
+    unique: true,
+    where: `status NOT IN ('FAILED','CANCELLED') AND deleted_at IS NULL`,
+  },
+)
+@Index("idx_payment_intent_sweep", ["status", "updatedAt"])
+@Index("idx_payment_intent_idempotency", ["service", "idempotencyKey"])
+export class PaymentIntent extends BaseEntity {
+  /** Owning domain app — routing discriminator for notifications. */
+  @Column({ name: "service", type: "varchar", length: 16 })
+  service!: PaymentService;
+
+  @Column({ name: "reference_type", type: "varchar", length: 16 })
+  referenceType!: PaymentReferenceType;
+
+  /** Domain order id (booking/shipment). Soft reference — no cross-schema FK. */
+  @Column({ name: "reference_id", type: "varchar", length: 64 })
+  referenceId!: string;
+
+  /** Provider-facing reference, prefixed PSG-/FRT- so webhooks route before a DB lookup. */
+  @Column({
+    name: "merchant_order_id",
+    type: "varchar",
+    length: 64,
+    unique: true,
+  })
+  merchantOrderId!: string;
+
+  @Column({ name: "provider", type: "varchar", length: 16 })
+  provider!: ProviderMethod;
+
+  /** Provider-side order/session id (prepay id, HPP orderId, …). */
+  @Column({
+    name: "provider_order_id",
+    type: "varchar",
+    length: 128,
+    nullable: true,
+  })
+  providerOrderId?: string | null;
+
+  /** Final provider transaction id, set on terminal success. */
+  @Index("idx_payment_intent_provider_txn")
+  @Column({
+    name: "provider_txn_id",
+    type: "varchar",
+    length: 128,
+    nullable: true,
+  })
+  providerTxnId?: string | null;
+
+  /** App-asserted authoritative amount in minor units. */
+  @Column({ name: "amount_minor", type: "integer" })
+  amountMinor!: number;
+
+  /** Provider-reported amount; reconciled against amount_minor (e.g. Waafi truncates decimals). */
+  @Column({ name: "confirmed_amount_minor", type: "integer", nullable: true })
+  confirmedAmountMinor?: number | null;
+
+  @Column({ name: "currency", type: "varchar", length: 8 })
+  currency!: string;
+
+  /** State machine: REQUIRES_ACTION → PROCESSING → SUCCEEDED | FAILED | CANCELLED (absorbing). */
+  @Column({
+    name: "status",
+    type: "varchar",
+    length: 24,
+    default: ProviderPaymentStatus.REQUIRES_ACTION,
+  })
+  status!: ProviderPaymentStatus;
+
+  /** Redirect/launch payload returned to the app for the user to complete payment. */
+  @Column({ name: "client_action", type: "jsonb", nullable: true })
+  clientAction?: ClientAction | null;
+
+  @Column({ name: "failure_code", type: "varchar", length: 64, nullable: true })
+  failureCode?: string | null;
+
+  @Column({ name: "failure_message", type: "text", nullable: true })
+  failureMessage?: string | null;
+
+  /** Caller-supplied initiate dedupe key (in addition to the per-reference upsert). */
+  @Column({
+    name: "idempotency_key",
+    type: "varchar",
+    length: 128,
+    nullable: true,
+  })
+  idempotencyKey?: string | null;
+
+  @Column({ name: "expires_at", type: "timestamptz", nullable: true })
+  expiresAt?: Date | null;
+
+  @Column({ name: "paid_at", type: "timestamptz", nullable: true })
+  paidAt?: Date | null;
+
+  /** Audit copy of the provider initiation request/response (secrets redacted upstream). */
+  @Column({ name: "raw_initiation", type: "jsonb", nullable: true })
+  rawInitiation?: Record<string, unknown> | null;
+}
+
+/** Statuses that keep the per-reference unique index "active" (block a new intent). */
+export const ACTIVE_INTENT_STATUSES = [
+  ProviderPaymentStatus.REQUIRES_ACTION,
+  ProviderPaymentStatus.PROCESSING,
+  ProviderPaymentStatus.SUCCEEDED,
+] as const;
+
+export const TERMINAL_INTENT_STATUSES = [
+  ProviderPaymentStatus.SUCCEEDED,
+  ProviderPaymentStatus.FAILED,
+  ProviderPaymentStatus.CANCELLED,
+] as const;
diff --git a/apps/edr-payment-api/src/modules/intents/intents.controller.ts b/apps/edr-payment-api/src/modules/intents/intents.controller.ts
new file mode 100644
index 000000000..35f3461d2
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/intents/intents.controller.ts
@@ -0,0 +1,83 @@
+import {
+  Body,
+  Controller,
+  Get,
+  Param,
+  ParseUUIDPipe,
+  Post,
+  Query,
+  UseGuards,
+} from "@nestjs/common";
+import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import { PaymentIntentSnapshot } from "@edr/types";
+import { ServiceAuthGuard } from "../../common/guards/service-auth.guard";
+import {
+  InitiatePaymentRequestDto,
+  IntentReferenceQueryDto,
+} from "./dto/initiate-payment.dto";
+import { ConfirmPaymentDto } from "./dto/confirm-payment.dto";
+import { IntentsService } from "./intents.service";
+
+/**
+ * Internal surface — called only by the domain apps (service-authenticated), never by
+ * browsers. Domain validation ("is this booking payable", authoritative amount) has already
+ * happened in the calling app.
+ */
+@ApiTags("Payments (internal)")
+@UseGuards(ServiceAuthGuard)
+@Controller("payments")
+export class IntentsController {
+  constructor(private readonly intentsService: IntentsService) {}
+
+  @Post("initiate")
+  @ApiOperation({
+    summary:
+      "Create (or idempotently reuse) a payment intent and open a provider session",
+    description:
+      "One active intent per (service, referenceType, referenceId). Re-initiating a non-terminal intent returns the existing clientAction.",
+  })
+  async initiate(
+    @Body() dto: InitiatePaymentRequestDto,
+  ): Promise<PaymentIntentSnapshot> {
+    return this.intentsService.initiate(dto);
+  }
+
+  @Get("intents/:id")
+  @ApiOperation({
+    summary: "Intent status by id (pull/reconcile)",
+    description:
+      "Stale non-terminal intents trigger a provider status query before returning.",
+  })
+  async getIntent(
+    @Param("id", ParseUUIDPipe) id: string,
+  ): Promise<PaymentIntentSnapshot> {
+    return this.intentsService.getIntent(id);
+  }
+
+  @Get("intents")
+  @ApiOperation({
+    summary: "Active intent status by domain reference (pull/reconcile)",
+  })
+  async getIntentByReference(
+    @Query() query: IntentReferenceQueryDto,
+  ): Promise<PaymentIntentSnapshot> {
+    return this.intentsService.getIntentByReference(
+      query.service,
+      query.referenceType,
+      query.referenceId,
+    );
+  }
+
+  @Post("intents/:id/confirm")
+  @ApiOperation({
+    summary: "Confirm an OTP-based payment intent (e.g. CAC Bank)",
+    description:
+      "Submits the SMS OTP to complete payment. Only supported for providers that use COLLECT_OTP clientAction.",
+  })
+  async confirm(
+    @Param("id", ParseUUIDPipe) id: string,
+    @Body() dto: ConfirmPaymentDto,
+  ): Promise<PaymentIntentSnapshot> {
+    return this.intentsService.confirm(id, dto);
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/intents/intents.module.ts b/apps/edr-payment-api/src/modules/intents/intents.module.ts
new file mode 100644
index 000000000..9e9774ad9
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/intents/intents.module.ts
@@ -0,0 +1,21 @@
+import { Module } from "@nestjs/common";
+import { TypeOrmModule } from "@nestjs/typeorm";
+import { ProvidersModule } from "../providers/providers.module";
+import { NotificationOutbox } from "../outbox/entities/notification-outbox.entity";
+import { PaymentIntent } from "./entities/payment-intent.entity";
+import { IntentsController } from "./intents.controller";
+import { IntentsRepository } from "./intents.repository";
+import { IntentsService } from "./intents.service";
+
+@Module({
+  // NotificationOutbox is registered here because terminal transitions insert outbox rows
+  // inside the intent-finalizing transaction (transactional outbox).
+  imports: [
+    TypeOrmModule.forFeature([PaymentIntent, NotificationOutbox]),
+    ProvidersModule,
+  ],
+  controllers: [IntentsController],
+  providers: [IntentsService, IntentsRepository],
+  exports: [IntentsService, IntentsRepository],
+})
+export class IntentsModule {}
diff --git a/apps/edr-payment-api/src/modules/intents/intents.repository.ts b/apps/edr-payment-api/src/modules/intents/intents.repository.ts
new file mode 100644
index 000000000..a17407069
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/intents/intents.repository.ts
@@ -0,0 +1,73 @@
+import { Injectable } from "@nestjs/common";
+import { InjectRepository } from "@nestjs/typeorm";
+import { In, LessThan, Not, Repository } from "typeorm";
+import { BaseRepository } from "@edr/api-common";
+import {
+  PaymentReferenceType,
+  PaymentService,
+  ProviderPaymentStatus,
+} from "@edr/types";
+import { PaymentIntent } from "./entities/payment-intent.entity";
+
+@Injectable()
+export class IntentsRepository extends BaseRepository<PaymentIntent> {
+  constructor(
+    @InjectRepository(PaymentIntent)
+    repository: Repository<PaymentIntent>,
+  ) {
+    super(repository);
+  }
+
+  /** The single non-FAILED/CANCELLED intent for a domain order (matches the partial unique index). */
+  async findActiveByReference(
+    service: PaymentService,
+    referenceType: PaymentReferenceType,
+    referenceId: string,
+  ): Promise<PaymentIntent | null> {
+    return this.repository.findOne({
+      where: {
+        service,
+        referenceType,
+        referenceId,
+        status: Not(
+          In([ProviderPaymentStatus.FAILED, ProviderPaymentStatus.CANCELLED]),
+        ),
+      },
+      order: { createdAt: "DESC" },
+    });
+  }
+
+  async findByMerchantOrderId(
+    merchantOrderId: string,
+  ): Promise<PaymentIntent | null> {
+    return this.repository.findOne({ where: { merchantOrderId } });
+  }
+
+  async findByIdempotencyKey(
+    service: PaymentService,
+    idempotencyKey: string,
+  ): Promise<PaymentIntent | null> {
+    return this.repository.findOne({
+      where: { service, idempotencyKey },
+      order: { createdAt: "DESC" },
+    });
+  }
+
+  /** Non-terminal intents untouched since `updatedBefore` — input for the reconciliation sweep. */
+  async findStale(
+    updatedBefore: Date,
+    limit: number,
+  ): Promise<PaymentIntent[]> {
+    return this.repository.find({
+      where: {
+        status: In([
+          ProviderPaymentStatus.REQUIRES_ACTION,
+          ProviderPaymentStatus.PROCESSING,
+        ]),
+        updatedAt: LessThan(updatedBefore),
+      },
+      order: { updatedAt: "ASC" },
+      take: limit,
+    });
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/intents/intents.service.ts b/apps/edr-payment-api/src/modules/intents/intents.service.ts
new file mode 100644
index 000000000..aebb65ebb
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/intents/intents.service.ts
@@ -0,0 +1,434 @@
+import {
+  BadRequestException,
+  Inject,
+  Injectable,
+  Logger,
+  NotFoundException,
+} from "@nestjs/common";
+import { DataSource, QueryFailedError } from "typeorm";
+import { createMerchantOrderId, CacBankProvider } from "@edr/payment-providers";
+import {
+  ConfirmPaymentRequest,
+  InitiatePaymentRequest,
+  PaymentIntentSnapshot,
+  PaymentReferenceType,
+  PaymentService,
+  ProviderMethod,
+  ProviderPaymentStatus,
+  ProviderStatus,
+} from "@edr/types";
+import {
+  PAYMENT_PROVIDER_MAP,
+  PaymentProviderMap,
+} from "../providers/providers.module";
+import { NotificationOutbox } from "../outbox/entities/notification-outbox.entity";
+import { buildOutboxRow } from "../outbox/payment-event.factory";
+import {
+  PaymentIntent,
+  TERMINAL_INTENT_STATUSES,
+} from "./entities/payment-intent.entity";
+import { IntentsRepository } from "./intents.repository";
+
+const PG_UNIQUE_VIOLATION = "23505";
+/** Don't hit the provider again if the intent was refreshed this recently. */
+const REFRESH_MIN_AGE_MS = 5_000;
+
+/** Result of a provider signal (webhook or status query) applied to the state machine. */
+export interface ProviderResultInput {
+  status: ProviderPaymentStatus;
+  providerTxnId?: string;
+  paidAt?: Date;
+  confirmedAmountMinor?: number;
+  failureCode?: string;
+  failureMessage?: string;
+}
+
+@Injectable()
+export class IntentsService {
+  private readonly logger = new Logger(IntentsService.name);
+
+  constructor(
+    private readonly intentsRepository: IntentsRepository,
+    // DataSource is used only for the finalize transaction (intent update + outbox insert
+    // must commit atomically); routine access still goes through the custom repository.
+    private readonly dataSource: DataSource,
+    @Inject(PAYMENT_PROVIDER_MAP)
+    private readonly providers: PaymentProviderMap,
+    private readonly cacBankProvider: CacBankProvider,
+  ) {}
+
+  /* ------------------------------------------------------------------ initiate */
+
+  async initiate(
+    request: InitiatePaymentRequest,
+  ): Promise<PaymentIntentSnapshot> {
+
+    if (request.idempotencyKey) {
+      const byKey = await this.intentsRepository.findByIdempotencyKey(
+        request.service,
+        request.idempotencyKey,
+      );
+      if (byKey) return this.toSnapshot(byKey);
+    }
+
+    const existing = await this.intentsRepository.findActiveByReference(
+      request.service,
+      request.referenceType,
+      request.referenceId,
+    );
+    if (existing) {
+      const reusable = await this.reuseOrRetire(existing);
+      if (reusable) return this.toSnapshot(reusable);
+    }
+
+    const provider = this.providers.get(request.provider);
+    if (!provider) {
+      throw new BadRequestException(
+        `Unsupported payment provider: ${request.provider}`,
+      );
+    }
+
+    if (
+      request.provider === ProviderMethod.CAC_BANK &&
+      !request.payerAccount?.trim()
+    ) {
+      throw new BadRequestException(
+        "payerAccount (customer mobile number) is required for CAC_BANK",
+      );
+    }
+
+    const merchantOrderId = createMerchantOrderId();
+    const result = await provider.initiate({
+      merchantOrderId,
+      orderRef: request.orderRef ?? request.referenceId,
+      amountMinor: request.amountMinor,
+      currency: request.currency,
+      platform: request.platform,
+      payerAccount: request.payerAccount,
+      returnUrl: request.returnUrl,
+      redirectUrl: request.returnUrl,
+      failureUrl: request.failureUrl,
+    });
+
+    try {
+      const intent = await this.intentsRepository.create({
+        service: request.service,
+        referenceType: request.referenceType,
+        referenceId: request.referenceId,
+        merchantOrderId,
+        provider: request.provider,
+        providerOrderId: result.providerOrderId,
+        amountMinor: request.amountMinor,
+        currency: request.currency,
+        status: ProviderPaymentStatus.REQUIRES_ACTION,
+        clientAction: result.clientAction,
+        idempotencyKey: request.idempotencyKey ?? null,
+        expiresAt: result.expiresAt,
+        rawInitiation: result.rawInitiation,
+      });
+      this.logger.log(
+        `intent ${intent.id} created: ${request.service}/${request.referenceType}/${request.referenceId} via ${request.provider} (${merchantOrderId})`,
+      );
+      return this.toSnapshot(intent);
+    } catch (err) {
+      if (
+        err instanceof QueryFailedError &&
+        (err.driverError as { code?: string })?.code === PG_UNIQUE_VIOLATION
+      ) {
+        const winner = await this.intentsRepository.findActiveByReference(
+          request.service,
+          request.referenceType,
+          request.referenceId,
+        );
+        if (winner) return this.toSnapshot(winner);
+      }
+      throw err;
+    }
+  }
+
+  /* ------------------------------------------------------------------ confirm (OTP providers) */
+
+  async confirm(
+    intentId: string,
+    request: ConfirmPaymentRequest,
+  ): Promise<PaymentIntentSnapshot> {
+    const intent = await this.intentsRepository.findById(intentId);
+    if (!intent) throw new NotFoundException("PaymentIntent not found");
+
+    if (intent.provider !== ProviderMethod.CAC_BANK) {
+      throw new BadRequestException(
+        `Confirm is not supported for provider: ${intent.provider}`,
+      );
+    }
+
+    if (intent.status !== ProviderPaymentStatus.REQUIRES_ACTION) {
+      throw new BadRequestException(
+        `Intent is not awaiting confirmation (status=${intent.status})`,
+      );
+    }
+
+    if (!intent.providerOrderId) {
+      throw new BadRequestException("Intent has no provider order id");
+    }
+
+    const confirmResult = await this.cacBankProvider.confirmPayment(
+      intent.providerOrderId,
+      request.otp,
+    );
+
+    if (confirmResult.reference) {
+      await this.intentsRepository.update(intent.id, {
+        rawInitiation: {
+          ...(intent.rawInitiation ?? {}),
+          reference: confirmResult.reference,
+          confirmResponse: confirmResult.rawResponse,
+        },
+      });
+    }
+
+    if (confirmResult.status === "SUCCEEDED") {
+      await this.applyProviderResult(intent.id, {
+        status: ProviderPaymentStatus.SUCCEEDED,
+        providerTxnId: confirmResult.providerTxnId,
+        paidAt: new Date(),
+      });
+    } else {
+      await this.applyProviderResult(intent.id, {
+        status: ProviderPaymentStatus.FAILED,
+        failureCode: confirmResult.failureCode,
+        failureMessage: confirmResult.failureMessage,
+      });
+    }
+
+    const updated = await this.intentsRepository.findById(intent.id);
+    if (!updated) throw new NotFoundException("PaymentIntent not found");
+    return this.toSnapshot(updated);
+  }
+
+  /**
+   * Decide whether an existing active intent can be returned as-is. An expired
+   * REQUIRES_ACTION intent is retired (CANCELLED, no notification — nothing was paid)
+   * so a fresh provider session can be opened.
+   */
+  private async reuseOrRetire(
+    intent: PaymentIntent,
+  ): Promise<PaymentIntent | null> {
+    const expired =
+      intent.status === ProviderPaymentStatus.REQUIRES_ACTION &&
+      intent.expiresAt != null &&
+      intent.expiresAt.getTime() < Date.now();
+    if (!expired) return intent;
+
+    await this.intentsRepository.update(intent.id, {
+      status: ProviderPaymentStatus.CANCELLED,
+      failureCode: "EXPIRED",
+      failureMessage: "Provider session expired before the payer acted",
+    });
+    return null;
+  }
+
+  /* ------------------------------------------------------------------ lookups */
+
+  async getIntent(id: string): Promise<PaymentIntentSnapshot> {
+    const intent = await this.intentsRepository.findById(id);
+    if (!intent) throw new NotFoundException("PaymentIntent not found");
+    return this.toSnapshot(await this.refreshIfStale(intent));
+  }
+
+  async getIntentByReference(
+    service: PaymentService,
+    referenceType: PaymentReferenceType,
+    referenceId: string,
+  ): Promise<PaymentIntentSnapshot> {
+    const intent = await this.intentsRepository.findActiveByReference(
+      service,
+      referenceType,
+      referenceId,
+    );
+    if (!intent) throw new NotFoundException("PaymentIntent not found");
+    return this.toSnapshot(await this.refreshIfStale(intent));
+  }
+
+  /**
+   * Pull-side reconciliation: when a polled intent is non-terminal and stale, ask the
+   * provider for the truth and run the answer through the state machine. The browser
+   * redirect never confirms payment — this query (or a webhook) does.
+   */
+  private async refreshIfStale(intent: PaymentIntent): Promise<PaymentIntent> {
+    const refreshable =
+      intent.status === ProviderPaymentStatus.REQUIRES_ACTION ||
+      intent.status === ProviderPaymentStatus.PROCESSING;
+    const stale = intent.updatedAt.getTime() < Date.now() - REFRESH_MIN_AGE_MS;
+    const provider = this.providers.get(intent.provider);
+    if (!refreshable || !stale || !provider) return intent;
+
+    try {
+      const status = await this.queryProviderStatus(intent);
+      await this.applyProviderResult(
+        intent.id,
+        this.fromProviderStatus(status),
+      );
+      return (await this.intentsRepository.findById(intent.id)) ?? intent;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      this.logger.warn(
+        `queryStatus failed for intent ${intent.id}: ${message}; returning cached`,
+      );
+      return intent;
+    }
+  }
+
+  private async queryProviderStatus(
+    intent: PaymentIntent,
+  ): Promise<ProviderStatus> {
+    const provider = this.providers.get(intent.provider);
+    if (!provider) {
+      throw new Error(`Unknown provider: ${intent.provider}`);
+    }
+
+    if (intent.provider === ProviderMethod.CAC_BANK) {
+      const reference = (intent.rawInitiation as { reference?: string })
+        ?.reference;
+      return this.cacBankProvider.queryStatus(
+        intent.merchantOrderId,
+        reference,
+      );
+    }
+
+    return provider.queryStatus(intent.merchantOrderId);
+  }
+
+  fromProviderStatus(status: ProviderStatus): ProviderResultInput {
+    return {
+      status: status.status,
+      providerTxnId: status.providerTxnId,
+      failureCode: status.failureCode,
+      failureMessage: status.failureMessage,
+    };
+  }
+
+  /* ------------------------------------------------------------------ state machine */
+
+  /**
+   * Advance the intent state machine with a verified provider signal. Terminal states are
+   * absorbing; a terminal transition writes the notification_outbox row IN THE SAME
+   * TRANSACTION as the intent update (transactional outbox — architecture.md §8).
+   */
+  async applyProviderResult(
+    intentId: string,
+    result: ProviderResultInput,
+  ): Promise<{ alreadyTerminal: boolean }> {
+    return this.dataSource.transaction(async (manager) => {
+      const intent = await manager
+        .getRepository(PaymentIntent)
+        .createQueryBuilder("intent")
+        .setLock("pessimistic_write")
+        .where("intent.id = :intentId", { intentId })
+        .getOne();
+      if (!intent) throw new NotFoundException("PaymentIntent not found");
+
+      if (
+        (TERMINAL_INTENT_STATUSES as readonly ProviderPaymentStatus[]).includes(
+          intent.status,
+        )
+      ) {
+        return { alreadyTerminal: true };
+      }
+
+      if (result.status === ProviderPaymentStatus.SUCCEEDED) {
+        const paidAt = result.paidAt ?? new Date();
+        intent.status = ProviderPaymentStatus.SUCCEEDED;
+        intent.providerTxnId = result.providerTxnId ?? intent.providerTxnId;
+        intent.paidAt = paidAt;
+        intent.confirmedAmountMinor =
+          result.confirmedAmountMinor ?? intent.confirmedAmountMinor;
+        intent.failureCode = null;
+        intent.failureMessage = null;
+        await manager.save(intent);
+        await manager.getRepository(NotificationOutbox).save(
+          buildOutboxRow(intent, {
+            eventType: "payment.succeeded",
+            providerTxnId: intent.providerTxnId ?? undefined,
+            paidAt,
+          }),
+        );
+        if (
+          result.confirmedAmountMinor != null &&
+          result.confirmedAmountMinor !== intent.amountMinor
+        ) {
+          this.logger.error(
+            `intent ${intent.id} amount mismatch: asserted=${intent.amountMinor} confirmed=${result.confirmedAmountMinor}`,
+          );
+        }
+        this.logger.log(
+          `intent ${intent.id} SUCCEEDED (txn=${intent.providerTxnId ?? "n/a"})`,
+        );
+        return { alreadyTerminal: false };
+      }
+
+      if (
+        result.status === ProviderPaymentStatus.FAILED ||
+        result.status === ProviderPaymentStatus.CANCELLED
+      ) {
+        intent.status = result.status;
+        intent.providerTxnId = result.providerTxnId ?? intent.providerTxnId;
+        intent.failureCode = result.failureCode ?? null;
+        intent.failureMessage = result.failureMessage ?? null;
+        await manager.save(intent);
+        await manager.getRepository(NotificationOutbox).save(
+          buildOutboxRow(intent, {
+            eventType: "payment.failed",
+            failureCode: result.failureCode,
+            failureMessage: result.failureMessage,
+          }),
+        );
+        this.logger.log(
+          `intent ${intent.id} ${result.status} (${result.failureCode ?? "n/a"})`,
+        );
+        return { alreadyTerminal: false };
+      }
+
+      // Non-terminal: REQUIRES_ACTION may move to PROCESSING; never the reverse.
+      if (
+        result.status === ProviderPaymentStatus.PROCESSING &&
+        intent.status === ProviderPaymentStatus.REQUIRES_ACTION
+      ) {
+        intent.status = ProviderPaymentStatus.PROCESSING;
+      }
+      intent.providerTxnId = result.providerTxnId ?? intent.providerTxnId;
+      await manager.save(intent);
+      return { alreadyTerminal: false };
+    });
+  }
+
+  /** Expire an abandoned intent (reconciliation sweep) — CANCELLED + payment.failed event. */
+  async expireIntent(intentId: string): Promise<void> {
+    await this.applyProviderResult(intentId, {
+      status: ProviderPaymentStatus.CANCELLED,
+      failureCode: "EXPIRED",
+      failureMessage: "Payment session expired before completion",
+    });
+  }
+
+  /* ------------------------------------------------------------------ mapping */
+
+  toSnapshot(intent: PaymentIntent): PaymentIntentSnapshot {
+    return {
+      intentId: intent.id,
+      service: intent.service,
+      referenceType: intent.referenceType,
+      referenceId: intent.referenceId,
+      merchantOrderId: intent.merchantOrderId,
+      provider: intent.provider,
+      status: intent.status,
+      amountMinor: intent.amountMinor,
+      currency: intent.currency,
+      clientAction: intent.clientAction ?? undefined,
+      providerTxnId: intent.providerTxnId ?? undefined,
+      paidAt: intent.paidAt?.toISOString(),
+      failureCode: intent.failureCode ?? undefined,
+      failureMessage: intent.failureMessage ?? undefined,
+      expiresAt: intent.expiresAt?.toISOString(),
+    };
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/outbox/entities/notification-outbox.entity.ts b/apps/edr-payment-api/src/modules/outbox/entities/notification-outbox.entity.ts
new file mode 100644
index 000000000..55b34e968
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/outbox/entities/notification-outbox.entity.ts
@@ -0,0 +1,55 @@
+import { Column, Entity, Index } from "typeorm";
+import { BaseEntity } from "@edr/api-common";
+import {
+  PaymentEvent,
+  PaymentEventType,
+  PaymentReferenceType,
+  PaymentService,
+} from "@edr/types";
+
+export type OutboxStatus = "PENDING" | "SENT" | "FAILED";
+
+/**
+ * Transactional outbox: a row is inserted in the SAME transaction that finalizes an intent,
+ * so "payment succeeded" and "a notification is owed" commit or roll back together. The relay
+ * drains PENDING rows and retries until acked (at-least-once delivery; consumers are idempotent).
+ */
+@Entity({ name: "notification_outbox" })
+@Index("idx_notification_outbox_relay", ["status", "nextRetryAt"])
+export class NotificationOutbox extends BaseEntity {
+  @Column({ name: "event_type", type: "varchar", length: 32 })
+  eventType!: PaymentEventType;
+
+  /** Routing discriminator — which app's mark-paid endpoint the relay delivers to. */
+  @Column({ name: "service", type: "varchar", length: 16 })
+  service!: PaymentService;
+
+  @Index("idx_notification_outbox_intent")
+  @Column({ name: "intent_id", type: "uuid" })
+  intentId!: string;
+
+  @Column({ name: "reference_type", type: "varchar", length: 16 })
+  referenceType!: PaymentReferenceType;
+
+  @Column({ name: "reference_id", type: "varchar", length: 64 })
+  referenceId!: string;
+
+  /** The full versioned event envelope delivered verbatim to the consumer. */
+  @Column({ name: "payload", type: "jsonb" })
+  payload!: PaymentEvent;
+
+  @Column({ name: "status", type: "varchar", length: 16, default: "PENDING" })
+  status!: OutboxStatus;
+
+  @Column({ name: "attempts", type: "integer", default: 0 })
+  attempts!: number;
+
+  @Column({ name: "next_retry_at", type: "timestamptz", nullable: true })
+  nextRetryAt?: Date | null;
+
+  @Column({ name: "last_error", type: "text", nullable: true })
+  lastError?: string | null;
+
+  @Column({ name: "sent_at", type: "timestamptz", nullable: true })
+  sentAt?: Date | null;
+}
diff --git a/apps/edr-payment-api/src/modules/outbox/outbox-relay.service.ts b/apps/edr-payment-api/src/modules/outbox/outbox-relay.service.ts
new file mode 100644
index 000000000..f1d8076a5
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/outbox/outbox-relay.service.ts
@@ -0,0 +1,119 @@
+import {
+  Inject,
+  Injectable,
+  Logger,
+  OnModuleDestroy,
+  OnModuleInit,
+} from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { SchedulerRegistry } from "@nestjs/schedule";
+import { NotificationOutbox } from "./entities/notification-outbox.entity";
+import { OutboxRepository } from "./outbox.repository";
+import {
+  PAYMENT_EVENT_PUBLISHER,
+  PaymentEventPublisher,
+} from "./publisher/payment-event-publisher";
+
+const RELAY_INTERVAL_NAME = "outbox-relay";
+/** Retry backoff: base doubles per attempt, capped. */
+const BACKOFF_BASE_MS = 10_000;
+const BACKOFF_CAP_MS = 10 * 60_000;
+
+/**
+ * Drains the transactional outbox: PENDING rows are published (HTTP now, RabbitMQ later),
+ * marked SENT on ack, retried with exponential backoff on failure, and flagged FAILED after
+ * OUTBOX_MAX_ATTEMPTS (an alertable condition — delivery is at-least-once, never dropped
+ * silently). A crash between commit and publish only delays delivery.
+ */
+@Injectable()
+export class OutboxRelayService implements OnModuleInit, OnModuleDestroy {
+  private readonly logger = new Logger(OutboxRelayService.name);
+  private readonly intervalMs: number;
+  private readonly maxAttempts: number;
+  private readonly batchSize: number;
+  private draining = false;
+
+  constructor(
+    config: ConfigService,
+    private readonly outboxRepository: OutboxRepository,
+    private readonly schedulerRegistry: SchedulerRegistry,
+    @Inject(PAYMENT_EVENT_PUBLISHER)
+    private readonly publisher: PaymentEventPublisher,
+  ) {
+    this.intervalMs = config.get<number>("notifier.relayIntervalMs") ?? 5_000;
+    this.maxAttempts = config.get<number>("notifier.maxAttempts") ?? 10;
+    this.batchSize = config.get<number>("notifier.relayBatchSize") ?? 20;
+  }
+
+  onModuleInit(): void {
+    const interval = setInterval(() => void this.drain(), this.intervalMs);
+    this.schedulerRegistry.addInterval(RELAY_INTERVAL_NAME, interval);
+  }
+
+  onModuleDestroy(): void {
+    if (this.schedulerRegistry.doesExist("interval", RELAY_INTERVAL_NAME)) {
+      this.schedulerRegistry.deleteInterval(RELAY_INTERVAL_NAME);
+    }
+  }
+
+  /** One relay pass; re-entrant ticks are skipped so slow deliveries don't overlap. */
+  async drain(): Promise<void> {
+    if (this.draining) return;
+    this.draining = true;
+    try {
+      const due = await this.outboxRepository.findDue(this.batchSize);
+      for (const row of due) {
+        await this.deliver(row);
+      }
+    } catch (err) {
+      this.logger.error(
+        `relay pass failed: ${err instanceof Error ? err.message : String(err)}`,
+      );
+    } finally {
+      this.draining = false;
+    }
+  }
+
+  private async deliver(row: NotificationOutbox): Promise<void> {
+    try {
+      await this.publisher.publish(row.payload);
+      await this.outboxRepository.markSent(row.id);
+    } catch (err) {
+      const message = this.describeError(err);
+      const attempts = row.attempts + 1;
+      const exhausted = attempts >= this.maxAttempts;
+      const backoffMs = Math.min(
+        BACKOFF_BASE_MS * 2 ** row.attempts,
+        BACKOFF_CAP_MS,
+      );
+      await this.outboxRepository.markAttemptFailed(
+        row,
+        message,
+        exhausted ? null : new Date(Date.now() + backoffMs),
+        exhausted,
+      );
+      if (exhausted) {
+        // ALERT: a paid order may not be confirmed in the owning app — needs operator action.
+        this.logger.error(
+          `outbox ${row.id} (${row.eventType} intent=${row.intentId}) FAILED after ${attempts} attempts: ${message}`,
+        );
+      } else {
+        this.logger.warn(
+          `outbox ${row.id} delivery attempt ${attempts} failed (retry in ${backoffMs}ms): ${message}`,
+        );
+      }
+    }
+  }
+
+  /** Connection failures surface as AggregateError with an empty message — dig out the code. */
+  private describeError(err: unknown): string {
+    if (err instanceof Error) {
+      if (err.message) return err.message;
+      const code = (err as { code?: string }).code;
+      if (code) return code;
+      const inner = (err as { errors?: unknown[] }).errors?.[0];
+      if (inner instanceof Error && inner.message) return inner.message;
+    }
+    return String(err);
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/outbox/outbox.module.ts b/apps/edr-payment-api/src/modules/outbox/outbox.module.ts
new file mode 100644
index 000000000..eae5515e8
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/outbox/outbox.module.ts
@@ -0,0 +1,57 @@
+import { Module } from "@nestjs/common";
+import { HttpModule } from "@nestjs/axios";
+import { ConfigService } from "@nestjs/config";
+import { TypeOrmModule } from "@nestjs/typeorm";
+import { RabbitMQModule } from "@golevelup/nestjs-rabbitmq";
+import { PAYMENT_EVENTS_DLX, PAYMENT_EVENTS_EXCHANGE } from "@edr/types";
+import { isRabbitPublisher } from "../../config/rabbitmq.config";
+import { NotificationOutbox } from "./entities/notification-outbox.entity";
+import { OutboxRelayService } from "./outbox-relay.service";
+import { OutboxRepository } from "./outbox.repository";
+import { HttpPaymentEventPublisher } from "./publisher/http-payment-event-publisher";
+import { PAYMENT_EVENT_PUBLISHER } from "./publisher/payment-event-publisher";
+import { RabbitMqPaymentEventPublisher } from "./publisher/rabbitmq-payment-event-publisher";
+
+const rabbitImports = isRabbitPublisher()
+  ? [
+      RabbitMQModule.forRootAsync({
+        inject: [ConfigService],
+        useFactory: (config: ConfigService) => ({
+          uri: config.get<string>("rabbitmq.url") as string,
+          exchanges: [
+            {
+              name: PAYMENT_EVENTS_EXCHANGE,
+              type: "topic",
+              options: { durable: true },
+            },
+            {
+              name: PAYMENT_EVENTS_DLX,
+              type: "topic",
+              options: { durable: true },
+            },
+          ],
+          connectionInitOptions: { wait: false },
+        }),
+      }),
+    ]
+  : [];
+
+@Module({
+  imports: [
+    TypeOrmModule.forFeature([NotificationOutbox]),
+    HttpModule,
+    ...rabbitImports,
+  ],
+  providers: [
+    OutboxRepository,
+    OutboxRelayService,
+    {
+      provide: PAYMENT_EVENT_PUBLISHER,
+      useClass: isRabbitPublisher()
+        ? RabbitMqPaymentEventPublisher
+        : HttpPaymentEventPublisher,
+    },
+  ],
+  exports: [OutboxRepository],
+})
+export class OutboxModule {}
diff --git a/apps/edr-payment-api/src/modules/outbox/outbox.repository.ts b/apps/edr-payment-api/src/modules/outbox/outbox.repository.ts
new file mode 100644
index 000000000..20000d9c6
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/outbox/outbox.repository.ts
@@ -0,0 +1,58 @@
+import { Injectable } from "@nestjs/common";
+import { InjectRepository } from "@nestjs/typeorm";
+import { Repository } from "typeorm";
+import { BaseRepository } from "@edr/api-common";
+import { NotificationOutbox } from "./entities/notification-outbox.entity";
+
+@Injectable()
+export class OutboxRepository extends BaseRepository<NotificationOutbox> {
+  constructor(
+    @InjectRepository(NotificationOutbox)
+    repository: Repository<NotificationOutbox>,
+  ) {
+    super(repository);
+  }
+
+  /**
+   * PENDING rows whose retry time has come, oldest first. The relay runs as a single
+   * non-overlapping loop per instance; with multiple service instances this should move to a
+   * SELECT … FOR UPDATE SKIP LOCKED claim.
+   */
+  async findDue(limit: number): Promise<NotificationOutbox[]> {
+    return this.repository
+      .createQueryBuilder("outbox")
+      .where(`outbox.status = 'PENDING'`)
+      .andWhere(
+        "(outbox.next_retry_at IS NULL OR outbox.next_retry_at <= now())",
+      )
+      .orderBy("outbox.created_at", "ASC")
+      .take(limit)
+      .getMany();
+  }
+
+  async markSent(id: string): Promise<void> {
+    await this.update(id, {
+      status: "SENT",
+      sentAt: new Date(),
+      lastError: null,
+    });
+  }
+
+  async markAttemptFailed(
+    row: NotificationOutbox,
+    error: string,
+    nextRetryAt: Date | null,
+    exhausted: boolean,
+  ): Promise<void> {
+    await this.update(row.id, {
+      attempts: row.attempts + 1,
+      lastError: error,
+      nextRetryAt,
+      status: exhausted ? "FAILED" : "PENDING",
+    });
+  }
+
+  async countBacklog(): Promise<number> {
+    return this.repository.count({ where: { status: "PENDING" } });
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/outbox/payment-event.factory.ts b/apps/edr-payment-api/src/modules/outbox/payment-event.factory.ts
new file mode 100644
index 000000000..85b67c444
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/outbox/payment-event.factory.ts
@@ -0,0 +1,66 @@
+import { randomUUID } from "node:crypto";
+import {
+  PaymentEvent,
+  PaymentFailedEvent,
+  PaymentSucceededEvent,
+} from "@edr/types";
+import { PaymentIntent } from "../intents/entities/payment-intent.entity";
+import { NotificationOutbox } from "./entities/notification-outbox.entity";
+
+/**
+ * Build a ready-to-insert outbox row for a terminal intent. Pure (no DI) so the intents
+ * state machine can insert it inside its own DB transaction without a module cycle.
+ * The row id is generated here because the event envelope embeds it as `eventId`.
+ */
+export function buildOutboxRow(
+  intent: PaymentIntent,
+  terminal:
+    | { eventType: "payment.succeeded"; providerTxnId?: string; paidAt: Date }
+    | {
+        eventType: "payment.failed";
+        failureCode?: string;
+        failureMessage?: string;
+      },
+): Partial<NotificationOutbox> {
+  const id = randomUUID();
+  const base = {
+    version: 1 as const,
+    eventId: id,
+    occurredAt: new Date().toISOString(),
+    service: intent.service,
+    intentId: intent.id,
+    referenceType: intent.referenceType,
+    referenceId: intent.referenceId,
+    merchantOrderId: intent.merchantOrderId,
+    provider: intent.provider,
+    amountMinor: intent.amountMinor,
+    currency: intent.currency,
+  };
+
+  const event: PaymentEvent =
+    terminal.eventType === "payment.succeeded"
+      ? ({
+          ...base,
+          eventType: "payment.succeeded",
+          providerTxnId: terminal.providerTxnId,
+          paidAt: terminal.paidAt.toISOString(),
+        } satisfies PaymentSucceededEvent)
+      : ({
+          ...base,
+          eventType: "payment.failed",
+          failureCode: terminal.failureCode,
+          failureMessage: terminal.failureMessage,
+        } satisfies PaymentFailedEvent);
+
+  return {
+    id,
+    eventType: event.eventType,
+    service: intent.service,
+    intentId: intent.id,
+    referenceType: intent.referenceType,
+    referenceId: intent.referenceId,
+    payload: event,
+    status: "PENDING",
+    attempts: 0,
+  };
+}
diff --git a/apps/edr-payment-api/src/modules/outbox/publisher/http-payment-event-publisher.ts b/apps/edr-payment-api/src/modules/outbox/publisher/http-payment-event-publisher.ts
new file mode 100644
index 000000000..867119d09
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/outbox/publisher/http-payment-event-publisher.ts
@@ -0,0 +1,53 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { HttpService } from "@nestjs/axios";
+import { firstValueFrom } from "rxjs";
+import { PaymentEvent, PaymentService } from "@edr/types";
+import { PaymentEventPublisher } from "./payment-event-publisher";
+
+/**
+ * Delivers events by POSTing to the owning app's idempotent mark-paid endpoint, routed by
+ * the `service` discriminator. Authenticated with the shared service token (the same secret
+ * the apps use to call /payments/initiate).
+ */
+@Injectable()
+export class HttpPaymentEventPublisher implements PaymentEventPublisher {
+  private readonly logger = new Logger(HttpPaymentEventPublisher.name);
+  private readonly routes: Record<PaymentService, string>;
+  private readonly timeoutMs: number;
+  private readonly serviceToken: string;
+
+  constructor(
+    config: ConfigService,
+    private readonly http: HttpService,
+  ) {
+    this.routes = {
+      [PaymentService.PASSENGER]:
+        config.get<string>("notifier.passengerUrl") ?? "",
+      [PaymentService.FREIGHT]: config.get<string>("notifier.freightUrl") ?? "",
+    };
+    this.timeoutMs = config.get<number>("notifier.httpTimeoutMs") ?? 10_000;
+    this.serviceToken = config.get<string>("app.serviceAuthToken") ?? "";
+  }
+
+  async publish(event: PaymentEvent): Promise<void> {
+    const url = this.routes[event.service];
+    if (!url) {
+      throw new Error(
+        `No mark-paid URL configured for service ${event.service}`,
+      );
+    }
+
+    const response = await firstValueFrom(
+      this.http.post(url, event, {
+        timeout: this.timeoutMs,
+        headers: this.serviceToken
+          ? { "x-service-token": this.serviceToken }
+          : {},
+      }),
+    );
+    this.logger.log(
+      `delivered ${event.eventType} (${event.eventId}) to ${event.service} — HTTP ${response.status}`,
+    );
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/outbox/publisher/payment-event-publisher.ts b/apps/edr-payment-api/src/modules/outbox/publisher/payment-event-publisher.ts
new file mode 100644
index 000000000..7586c1509
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/outbox/publisher/payment-event-publisher.ts
@@ -0,0 +1,13 @@
+import { PaymentEvent } from "@edr/types";
+
+/**
+ * Publisher port (architecture.md §12): how a payment event leaves this service.
+ * HTTP implementation now; a RabbitMQ implementation later is a DI swap only — the outbox
+ * and relay stay exactly as they are.
+ */
+export interface PaymentEventPublisher {
+  /** Deliver one event; throw on failure so the relay can retry with backoff. */
+  publish(event: PaymentEvent): Promise<void>;
+}
+
+export const PAYMENT_EVENT_PUBLISHER = Symbol("PAYMENT_EVENT_PUBLISHER");
diff --git a/apps/edr-payment-api/src/modules/outbox/publisher/rabbitmq-payment-event-publisher.ts b/apps/edr-payment-api/src/modules/outbox/publisher/rabbitmq-payment-event-publisher.ts
new file mode 100644
index 000000000..0453b22ca
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/outbox/publisher/rabbitmq-payment-event-publisher.ts
@@ -0,0 +1,61 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { AmqpConnection } from "@golevelup/nestjs-rabbitmq";
+import {
+  PAYMENT_EVENTS_EXCHANGE,
+  PaymentEvent,
+  paymentRoutingKey,
+} from "@edr/types";
+import { PaymentEventPublisher } from "./payment-event-publisher";
+
+@Injectable()
+export class RabbitMqPaymentEventPublisher implements PaymentEventPublisher {
+  private readonly logger = new Logger(RabbitMqPaymentEventPublisher.name);
+  private readonly publishTimeoutMs: number;
+
+  constructor(
+    private readonly amqp: AmqpConnection,
+    config: ConfigService,
+  ) {
+    this.publishTimeoutMs =
+      config.get<number>("rabbitmq.publishTimeoutMs") ?? 10_000;
+  }
+
+  async publish(event: PaymentEvent): Promise<void> {
+    const routingKey = paymentRoutingKey(event.service, event.eventType);
+
+    const confirmed = await this.withTimeout(
+      this.amqp.publish(PAYMENT_EVENTS_EXCHANGE, routingKey, event, {
+        persistent: true,
+        messageId: event.eventId,
+        contentType: "application/json",
+        type: event.eventType,
+        headers: { "x-event-version": event.version },
+      }),
+    );
+
+    if (!confirmed) {
+      throw new Error(
+        `broker did not confirm publish of ${event.eventType} (${event.eventId})`,
+      );
+    }
+
+    this.logger.log(
+      `published ${event.eventType} (${event.eventId}) -> ${routingKey}`,
+    );
+  }
+
+  private withTimeout(p: Promise<boolean>): Promise<boolean> {
+    let timer: NodeJS.Timeout;
+    const timeout = new Promise<boolean>((_, reject) => {
+      timer = setTimeout(
+        () =>
+          reject(
+            new Error(`publish confirm timed out after ${this.publishTimeoutMs}ms`),
+          ),
+        this.publishTimeoutMs,
+      );
+    });
+    return Promise.race([p, timeout]).finally(() => clearTimeout(timer));
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/providers/providers.module.ts b/apps/edr-payment-api/src/modules/providers/providers.module.ts
new file mode 100644
index 000000000..88af1a721
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/providers/providers.module.ts
@@ -0,0 +1,48 @@
+import { Module } from "@nestjs/common";
+import { HttpModule } from "@nestjs/axios";
+import {
+  CardProvider,
+  CacBankProvider,
+  CbeBirrProvider,
+  DMoneyProvider,
+  EBirrProvider,
+  PaymentProvider,
+  TelebirrProvider,
+  WaafiProvider,
+} from "@edr/payment-providers";
+import { ProviderMethod } from "@edr/types";
+
+/** Injection token for the Map<ProviderMethod, PaymentProvider> used to select a gateway. */
+export const PAYMENT_PROVIDER_MAP = Symbol("PAYMENT_PROVIDER_MAP");
+
+export type PaymentProviderMap = Map<ProviderMethod, PaymentProvider>;
+
+const providerClasses = [
+  TelebirrProvider,
+  CbeBirrProvider,
+  EBirrProvider,
+  CardProvider,
+  WaafiProvider,
+  DMoneyProvider,
+  CacBankProvider,
+];
+
+/**
+ * Thin DI wiring around @edr/payment-providers — the exact provider set the passenger app
+ * used to construct, relocated here. After cutover this service is the only consumer of the
+ * provider SDK and of the provider secrets (config/{waafi,telebirr,…}.config.ts).
+ */
+@Module({
+  imports: [HttpModule.register({ timeout: 10_000 })],
+  providers: [
+    ...providerClasses,
+    {
+      provide: PAYMENT_PROVIDER_MAP,
+      useFactory: (...providers: PaymentProvider[]): PaymentProviderMap =>
+        new Map(providers.map((provider) => [provider.method, provider])),
+      inject: providerClasses,
+    },
+  ],
+  exports: [PAYMENT_PROVIDER_MAP, ...providerClasses],
+})
+export class ProvidersModule {}
diff --git a/apps/edr-payment-api/src/modules/reconciliation/reconciliation.module.ts b/apps/edr-payment-api/src/modules/reconciliation/reconciliation.module.ts
new file mode 100644
index 000000000..b424dcfec
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/reconciliation/reconciliation.module.ts
@@ -0,0 +1,10 @@
+import { Module } from "@nestjs/common";
+import { IntentsModule } from "../intents/intents.module";
+import { ProvidersModule } from "../providers/providers.module";
+import { ReconciliationService } from "./reconciliation.service";
+
+@Module({
+  imports: [IntentsModule, ProvidersModule],
+  providers: [ReconciliationService],
+})
+export class ReconciliationModule {}
diff --git a/apps/edr-payment-api/src/modules/reconciliation/reconciliation.service.ts b/apps/edr-payment-api/src/modules/reconciliation/reconciliation.service.ts
new file mode 100644
index 000000000..b74c9b899
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/reconciliation/reconciliation.service.ts
@@ -0,0 +1,122 @@
+import {
+  Inject,
+  Injectable,
+  Logger,
+  OnModuleDestroy,
+  OnModuleInit,
+} from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { SchedulerRegistry } from "@nestjs/schedule";
+import { ProviderPaymentStatus, ProviderMethod } from "@edr/types";
+import { CacBankProvider } from "@edr/payment-providers";
+import {
+  PAYMENT_PROVIDER_MAP,
+  PaymentProviderMap,
+} from "../providers/providers.module";
+import { PaymentIntent } from "../intents/entities/payment-intent.entity";
+import { IntentsRepository } from "../intents/intents.repository";
+import { IntentsService } from "../intents/intents.service";
+
+const SWEEP_INTERVAL_NAME = "reconciliation-sweep";
+
+/**
+ * Safety net (architecture.md §7.4): webhooks get lost, users abandon hosted pages. The sweep
+ * queries the provider for stale non-terminal intents and feeds the answer through the same
+ * state machine the webhooks use; intents whose provider session expired are CANCELLED.
+ */
+@Injectable()
+export class ReconciliationService implements OnModuleInit, OnModuleDestroy {
+  private readonly logger = new Logger(ReconciliationService.name);
+  private readonly intervalMs: number;
+  private readonly staleAfterMs: number;
+  private readonly batchSize: number;
+  private sweeping = false;
+
+  constructor(
+    config: ConfigService,
+    private readonly intentsRepository: IntentsRepository,
+    private readonly intentsService: IntentsService,
+    private readonly schedulerRegistry: SchedulerRegistry,
+    @Inject(PAYMENT_PROVIDER_MAP)
+    private readonly providers: PaymentProviderMap,
+    private readonly cacBankProvider: CacBankProvider,
+  ) {
+    this.intervalMs =
+      config.get<number>("app.reconciliation.sweepIntervalMs") ?? 60_000;
+    this.staleAfterMs =
+      config.get<number>("app.reconciliation.staleAfterMs") ?? 60_000;
+    this.batchSize = config.get<number>("app.reconciliation.batchSize") ?? 20;
+  }
+
+  onModuleInit(): void {
+    const interval = setInterval(() => void this.sweep(), this.intervalMs);
+    this.schedulerRegistry.addInterval(SWEEP_INTERVAL_NAME, interval);
+  }
+
+  onModuleDestroy(): void {
+    if (this.schedulerRegistry.doesExist("interval", SWEEP_INTERVAL_NAME)) {
+      this.schedulerRegistry.deleteInterval(SWEEP_INTERVAL_NAME);
+    }
+  }
+
+  async sweep(): Promise<void> {
+    if (this.sweeping) return;
+    this.sweeping = true;
+    try {
+      const cutoff = new Date(Date.now() - this.staleAfterMs);
+      const stale = await this.intentsRepository.findStale(
+        cutoff,
+        this.batchSize,
+      );
+      for (const intent of stale) {
+        await this.reconcileIntent(intent);
+      }
+    } catch (err) {
+      this.logger.error(
+        `sweep failed: ${err instanceof Error ? err.message : String(err)}`,
+      );
+    } finally {
+      this.sweeping = false;
+    }
+  }
+
+  private async reconcileIntent(intent: PaymentIntent): Promise<void> {
+    try {
+      const provider = this.providers.get(intent.provider);
+      if (provider) {
+        const status =
+          intent.provider === ProviderMethod.CAC_BANK
+            ? await this.cacBankProvider.queryStatus(
+                intent.merchantOrderId,
+                (intent.rawInitiation as { reference?: string })?.reference,
+              )
+            : await provider.queryStatus(intent.merchantOrderId);
+        const result = this.intentsService.fromProviderStatus(status);
+        if (result.status !== intent.status || result.providerTxnId) {
+          await this.intentsService.applyProviderResult(intent.id, result);
+        }
+        if (
+          result.status === ProviderPaymentStatus.SUCCEEDED ||
+          result.status === ProviderPaymentStatus.FAILED ||
+          result.status === ProviderPaymentStatus.CANCELLED
+        ) {
+          this.logger.log(`reconciled intent ${intent.id} → ${result.status}`);
+          return;
+        }
+      }
+
+      // Provider still says pending (or is unknown): expire only once the session is dead.
+      if (intent.expiresAt && intent.expiresAt.getTime() < Date.now()) {
+        await this.intentsService.expireIntent(intent.id);
+        this.logger.log(
+          `expired abandoned intent ${intent.id} (${intent.merchantOrderId})`,
+        );
+      }
+    } catch (err) {
+      // Per-intent failures must not stall the sweep; the row stays stale and is retried.
+      this.logger.warn(
+        `reconcile failed for intent ${intent.id}: ${err instanceof Error ? err.message : String(err)}`,
+      );
+    }
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/entities/payment-webhook-event.entity.ts b/apps/edr-payment-api/src/modules/webhooks/entities/payment-webhook-event.entity.ts
new file mode 100644
index 000000000..2e104bf17
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/entities/payment-webhook-event.entity.ts
@@ -0,0 +1,57 @@
+import { Column, Entity, Index } from "typeorm";
+import { BaseEntity } from "@edr/api-common";
+import { ProviderMethod } from "@edr/types";
+
+/**
+ * Idempotency + audit record for every inbound provider webhook. The unique
+ * (provider, external_event_id) pair is the dedupe key: a duplicate insert hits the unique
+ * violation and the handler short-circuits with a 200 ack.
+ */
+@Entity({ name: "payment_webhook_event" })
+@Index("uq_payment_webhook_event_external", ["provider", "externalEventId"], {
+  unique: true,
+})
+export class PaymentWebhookEvent extends BaseEntity {
+  @Column({ name: "provider", type: "varchar", length: 16 })
+  provider!: ProviderMethod;
+
+  /** Provider event id when given (e.g. Waafi X-Webhook-Event-Id), else derived from the payload. */
+  @Column({ name: "external_event_id", type: "varchar", length: 191 })
+  externalEventId!: string;
+
+  @Column({
+    name: "merchant_order_id",
+    type: "varchar",
+    length: 64,
+    nullable: true,
+  })
+  merchantOrderId?: string | null;
+
+  @Column({
+    name: "provider_txn_id",
+    type: "varchar",
+    length: 128,
+    nullable: true,
+  })
+  providerTxnId?: string | null;
+
+  @Column({ name: "signature_valid", type: "boolean", default: false })
+  signatureValid!: boolean;
+
+  /** Raw provider status string as sent (pre-mapping). */
+  @Column({ name: "status", type: "varchar", length: 64, nullable: true })
+  status?: string | null;
+
+  /** Full webhook body — hostile input, stored verbatim for audit/replay analysis. */
+  @Column({ name: "payload", type: "jsonb" })
+  payload!: Record<string, unknown>;
+
+  @Column({ name: "received_at", type: "timestamptz", default: () => "now()" })
+  receivedAt!: Date;
+
+  @Column({ name: "processed_at", type: "timestamptz", nullable: true })
+  processedAt?: Date | null;
+
+  @Column({ name: "processing_error", type: "text", nullable: true })
+  processingError?: string | null;
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/handlers/card-webhook.service.ts b/apps/edr-payment-api/src/modules/webhooks/handlers/card-webhook.service.ts
new file mode 100644
index 000000000..8f9c9a9ab
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/handlers/card-webhook.service.ts
@@ -0,0 +1,35 @@
+import { Injectable } from "@nestjs/common";
+import { CardProvider, CardWebhookPayload } from "@edr/payment-providers";
+import { WebhookProcessorService } from "../webhook-processor.service";
+
+@Injectable()
+export class CardWebhookService {
+  constructor(
+    private readonly provider: CardProvider,
+    private readonly processor: WebhookProcessorService,
+  ) {}
+
+  async handle(payload: CardWebhookPayload, signature: string): Promise<void> {
+    const signatureValid = this.provider.verifyWebhookSignature(
+      payload as unknown as Record<string, unknown>,
+      signature,
+    );
+    const object = payload.data.object;
+    const mapped = this.provider.mapWebhookStatus(object.status);
+
+    await this.processor.process({
+      provider: this.provider.method,
+      externalEventId: `${payload.id}_${payload.type}`,
+      merchantOrderId: object.metadata.merchantOrderId,
+      providerTxnId: object.transaction_id,
+      signatureValid,
+      rawStatus: object.status,
+      payload: payload as unknown as Record<string, unknown>,
+      result: {
+        status: mapped,
+        providerTxnId: object.transaction_id,
+        failureCode: object.status,
+      },
+    });
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/handlers/cbe-birr-webhook.service.ts b/apps/edr-payment-api/src/modules/webhooks/handlers/cbe-birr-webhook.service.ts
new file mode 100644
index 000000000..6621aa3b2
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/handlers/cbe-birr-webhook.service.ts
@@ -0,0 +1,30 @@
+import { Injectable } from "@nestjs/common";
+import { CbeBirrProvider, CbeBirrWebhookPayload } from "@edr/payment-providers";
+import { WebhookProcessorService } from "../webhook-processor.service";
+
+@Injectable()
+export class CbeBirrWebhookService {
+  constructor(
+    private readonly provider: CbeBirrProvider,
+    private readonly processor: WebhookProcessorService,
+  ) {}
+
+  async handle(payload: CbeBirrWebhookPayload): Promise<void> {
+    const signatureValid = this.provider.verifyWebhookSignature(
+      payload as unknown as Record<string, unknown>,
+    );
+    const mapped = this.provider.mapWebhookStatus(payload.status);
+    const providerTxnId = payload.transactionId ?? payload.orderId;
+
+    await this.processor.process({
+      provider: this.provider.method,
+      externalEventId: `${payload.orderId}_${payload.status}`,
+      merchantOrderId: payload.merchantOrderId,
+      providerTxnId,
+      signatureValid,
+      rawStatus: payload.status,
+      payload: payload as unknown as Record<string, unknown>,
+      result: { status: mapped, providerTxnId, failureCode: payload.status },
+    });
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/handlers/dmoney-webhook.service.ts b/apps/edr-payment-api/src/modules/webhooks/handlers/dmoney-webhook.service.ts
new file mode 100644
index 000000000..163f01107
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/handlers/dmoney-webhook.service.ts
@@ -0,0 +1,48 @@
+import { Injectable } from "@nestjs/common";
+import { DMoneyProvider, DMoneyWebhookPayload } from "@edr/payment-providers";
+import { WebhookProcessorService } from "../webhook-processor.service";
+
+@Injectable()
+export class DMoneyWebhookService {
+  constructor(
+    private readonly provider: DMoneyProvider,
+    private readonly processor: WebhookProcessorService,
+  ) {}
+
+  async handle(payload: DMoneyWebhookPayload): Promise<void> {
+    const signatureValid = this.provider.verifyWebhookSignature(
+      payload as unknown as Record<string, unknown>,
+    );
+    const mapped = this.provider.mapWebhookTradeStatus(payload.trade_status);
+    const providerTxnId = payload.transId ?? payload.payment_order_id;
+
+    await this.processor.process({
+      provider: this.provider.method,
+      externalEventId: `${payload.payment_order_id}_${payload.trade_status}`,
+      merchantOrderId: payload.merch_order_id,
+      providerTxnId,
+      signatureValid,
+      rawStatus: payload.trade_status,
+      payload: payload as unknown as Record<string, unknown>,
+      result: {
+        status: mapped,
+        providerTxnId,
+        paidAt: this.parseTransEndTime(payload.trans_end_time),
+        failureCode: payload.trade_status,
+      },
+    });
+  }
+
+  /** D-Money sends trans_end_time either as epoch ms/s or "YYYY-MM-DD HH:mm:ss". */
+  private parseTransEndTime(raw: string | undefined): Date | undefined {
+    if (!raw) return undefined;
+    if (/^\d+$/.test(raw)) {
+      const n = parseInt(raw, 10);
+      if (Number.isNaN(n)) return undefined;
+      // 13-digit value is milliseconds, otherwise seconds.
+      return new Date(raw.length >= 13 ? n : n * 1000);
+    }
+    const parsed = new Date(raw.replace(" ", "T"));
+    return Number.isNaN(parsed.getTime()) ? undefined : parsed;
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/handlers/ebirr-webhook.service.ts b/apps/edr-payment-api/src/modules/webhooks/handlers/ebirr-webhook.service.ts
new file mode 100644
index 000000000..3f8b923cd
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/handlers/ebirr-webhook.service.ts
@@ -0,0 +1,33 @@
+import { Injectable } from "@nestjs/common";
+import { EBirrProvider, EBirrWebhookPayload } from "@edr/payment-providers";
+import { WebhookProcessorService } from "../webhook-processor.service";
+
+@Injectable()
+export class EBirrWebhookService {
+  constructor(
+    private readonly provider: EBirrProvider,
+    private readonly processor: WebhookProcessorService,
+  ) {}
+
+  async handle(payload: EBirrWebhookPayload): Promise<void> {
+    const signatureValid = this.provider.verifyWebhookSignature(
+      payload as unknown as Record<string, unknown>,
+    );
+    const mapped = this.provider.mapWebhookStatus(payload.tradeStatus);
+
+    await this.processor.process({
+      provider: this.provider.method,
+      externalEventId: `${payload.orderNo}_${payload.tradeStatus}_${payload.timestamp}`,
+      merchantOrderId: payload.orderNo,
+      providerTxnId: payload.tradeNo,
+      signatureValid,
+      rawStatus: payload.tradeStatus,
+      payload: payload as unknown as Record<string, unknown>,
+      result: {
+        status: mapped,
+        providerTxnId: payload.tradeNo,
+        failureCode: payload.tradeStatus,
+      },
+    });
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/handlers/telebirr-webhook.service.ts b/apps/edr-payment-api/src/modules/webhooks/handlers/telebirr-webhook.service.ts
new file mode 100644
index 000000000..44af7d985
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/handlers/telebirr-webhook.service.ts
@@ -0,0 +1,45 @@
+import { Injectable } from "@nestjs/common";
+import {
+  TelebirrProvider,
+  TelebirrWebhookPayload,
+} from "@edr/payment-providers";
+import { WebhookProcessorService } from "../webhook-processor.service";
+
+@Injectable()
+export class TelebirrWebhookService {
+  constructor(
+    private readonly provider: TelebirrProvider,
+    private readonly processor: WebhookProcessorService,
+  ) {}
+
+  async handle(payload: TelebirrWebhookPayload): Promise<void> {
+    // TODO: re-enable Telebirr public-key signature verification — skipped for now
+    // (carried over from the passenger handler; see telebirr.provider verifyWebhookSignature).
+    const signatureValid = true;
+
+    const mapped = this.provider.mapWebhookTradeStatus(payload.trade_status);
+    const providerTxnId = payload.trans_id ?? payload.payment_order_id;
+
+    await this.processor.process({
+      provider: this.provider.method,
+      externalEventId: `${payload.payment_order_id}_${payload.trade_status}`,
+      merchantOrderId: payload.merch_order_id,
+      providerTxnId,
+      signatureValid,
+      rawStatus: payload.trade_status,
+      payload: payload as unknown as Record<string, unknown>,
+      result: {
+        status: mapped,
+        providerTxnId,
+        paidAt: this.parseEpoch(payload.trans_end_time),
+        failureCode: payload.trade_status,
+      },
+    });
+  }
+  private parseEpoch(raw: string | undefined): Date | undefined {
+    if (!raw) return undefined;
+    const n = parseInt(raw, 10);
+    if (Number.isNaN(n)) return undefined;
+    return new Date(n < 1e12 ? n * 1000 : n);
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/handlers/waafi-webhook.service.ts b/apps/edr-payment-api/src/modules/webhooks/handlers/waafi-webhook.service.ts
new file mode 100644
index 000000000..232957f79
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/handlers/waafi-webhook.service.ts
@@ -0,0 +1,82 @@
+import { Injectable, Logger } from "@nestjs/common";
+import {
+  WaafiProvider,
+  WaafiWebhookHeaders,
+  WaafiWebhookPayload,
+} from "@edr/payment-providers";
+import { WebhookProcessorService } from "../webhook-processor.service";
+
+/** Reject webhooks whose timestamp is older than this (replay protection). */
+const WAAFI_REPLAY_WINDOW_SECONDS = 300;
+
+@Injectable()
+export class WaafiWebhookService {
+  private readonly logger = new Logger(WaafiWebhookService.name);
+
+  constructor(
+    private readonly provider: WaafiProvider,
+    private readonly processor: WebhookProcessorService,
+  ) {}
+
+  async handle(
+    payload: WaafiWebhookPayload,
+    rawBody: string,
+    headers: WaafiWebhookHeaders,
+  ): Promise<void> {
+    // Unsigned validation ping sent on registration — acknowledge without verifying or persisting.
+    if (payload.event === "webhook.test") {
+      this.logger.log("Waafi webhook.test ping received");
+      return;
+    }
+
+    const { payment } = payload;
+    const eventId = headers["x-webhook-event-id"];
+    const timestamp = headers["x-webhook-timestamp"];
+    const signature = headers["x-webhook-signature"];
+
+    const signatureValid =
+      this.isFresh(timestamp) &&
+      this.provider.verifyWebhookSignature(
+        rawBody,
+        signature,
+        timestamp,
+        eventId,
+      );
+
+    const mapped = this.provider.mapWebhookStatus(payment.status);
+
+    await this.processor.process({
+      provider: this.provider.method,
+      // X-Webhook-Event-Id is unique per event; fall back to a derived id if absent.
+      externalEventId: eventId ?? `${payment.transaction_id}_${payment.status}`,
+      merchantOrderId: payment.reference_id,
+      providerTxnId: payment.transaction_id,
+      signatureValid,
+      rawStatus: payment.status,
+      payload: payload as unknown as Record<string, unknown>,
+      result: {
+        status: mapped,
+        providerTxnId: payment.transaction_id,
+        paidAt: this.parseDate(payment.date),
+        failureCode: payment.status,
+        failureMessage: payment.description,
+      },
+    });
+  }
+
+  /** True when the webhook timestamp (unix seconds) is within the replay window. */
+  private isFresh(timestamp: string | undefined): boolean {
+    if (!timestamp) return false;
+    const ts = parseInt(timestamp, 10);
+    if (Number.isNaN(ts)) return false;
+    const now = Math.floor(Date.now() / 1000);
+    return Math.abs(now - ts) <= WAAFI_REPLAY_WINDOW_SECONDS;
+  }
+
+  /** Parse Waafi's "YYYY-MM-DD HH:mm:ss" payment date; undefined when unparseable. */
+  private parseDate(raw: string | undefined): Date | undefined {
+    if (!raw) return undefined;
+    const d = new Date(raw);
+    return Number.isNaN(d.getTime()) ? undefined : d;
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/webhook-events.repository.ts b/apps/edr-payment-api/src/modules/webhooks/webhook-events.repository.ts
new file mode 100644
index 000000000..7d4aeff95
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/webhook-events.repository.ts
@@ -0,0 +1,44 @@
+import { Injectable } from "@nestjs/common";
+import { InjectRepository } from "@nestjs/typeorm";
+import { QueryFailedError, Repository } from "typeorm";
+import { BaseRepository } from "@edr/api-common";
+import { PaymentWebhookEvent } from "./entities/payment-webhook-event.entity";
+
+const PG_UNIQUE_VIOLATION = "23505";
+
+@Injectable()
+export class WebhookEventsRepository extends BaseRepository<PaymentWebhookEvent> {
+  constructor(
+    @InjectRepository(PaymentWebhookEvent)
+    repository: Repository<PaymentWebhookEvent>,
+  ) {
+    super(repository);
+  }
+
+  /**
+   * Insert the event, relying on the unique (provider, external_event_id) index for dedupe.
+   * Returns null when the event was already recorded (duplicate delivery / provider replay).
+   */
+  async createDeduped(
+    data: Partial<PaymentWebhookEvent>,
+  ): Promise<PaymentWebhookEvent | null> {
+    try {
+      return await this.create(data);
+    } catch (err) {
+      if (
+        err instanceof QueryFailedError &&
+        (err.driverError as { code?: string })?.code === PG_UNIQUE_VIOLATION
+      ) {
+        return null;
+      }
+      throw err;
+    }
+  }
+
+  async markProcessed(id: string, processingError?: string): Promise<void> {
+    await this.update(id, {
+      processedAt: new Date(),
+      processingError: processingError ?? null,
+    });
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/webhook-processor.service.ts b/apps/edr-payment-api/src/modules/webhooks/webhook-processor.service.ts
new file mode 100644
index 000000000..b8b54579a
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/webhook-processor.service.ts
@@ -0,0 +1,94 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ProviderMethod } from "@edr/types";
+import { IntentsRepository } from "../intents/intents.repository";
+import {
+  IntentsService,
+  ProviderResultInput,
+} from "../intents/intents.service";
+import { WebhookEventsRepository } from "./webhook-events.repository";
+
+/** A provider webhook reduced to the fields the shared pipeline needs. */
+export interface NormalizedWebhook {
+  provider: ProviderMethod;
+  /** Provider event id (or a deterministic derivation) — the dedupe key. */
+  externalEventId: string;
+  merchantOrderId: string;
+  providerTxnId?: string;
+  signatureValid: boolean;
+  /** Raw provider status string, stored for audit. */
+  rawStatus: string;
+  payload: Record<string, unknown>;
+  /** Mapped outcome to feed the intent state machine. */
+  result: ProviderResultInput;
+}
+
+/**
+ * The shared webhook pipeline every provider handler funnels into:
+ * persist+dedupe → signature gate → intent lookup → prefix/service cross-check →
+ * state machine → mark processed. Always returns (never throws) so controllers can
+ * ack 200 fast — providers like Waafi time out at 5s and do not retry.
+ */
+@Injectable()
+export class WebhookProcessorService {
+  private readonly logger = new Logger(WebhookProcessorService.name);
+
+  constructor(
+    private readonly webhookEvents: WebhookEventsRepository,
+    private readonly intentsRepository: IntentsRepository,
+    private readonly intentsService: IntentsService,
+  ) {}
+
+  async process(webhook: NormalizedWebhook): Promise<void> {
+    const { provider, merchantOrderId } = webhook;
+
+    const eventRow = await this.webhookEvents.createDeduped({
+      provider,
+      externalEventId: webhook.externalEventId,
+      merchantOrderId,
+      providerTxnId: webhook.providerTxnId ?? null,
+      signatureValid: webhook.signatureValid,
+      status: webhook.rawStatus,
+      payload: webhook.payload,
+    });
+    if (!eventRow) {
+      this.logger.log(
+        `${provider} webhook duplicate: ${webhook.externalEventId} — short-circuit OK`,
+      );
+      return;
+    }
+
+    if (!webhook.signatureValid) {
+      this.logger.warn(
+        `${provider} webhook signature invalid/stale for ref=${merchantOrderId}`,
+      );
+      await this.webhookEvents.markProcessed(eventRow.id, "signature-invalid");
+      return;
+    }
+
+    const intent =
+      await this.intentsRepository.findByMerchantOrderId(merchantOrderId);
+    if (!intent) {
+      // Tolerated: webhook may have raced the intent commit, or the reference is foreign.
+      // The provider gets a 200; retry/poll/reconciliation converges later.
+      this.logger.warn(
+        `${provider} webhook: no PaymentIntent for ref=${merchantOrderId}`,
+      );
+      await this.webhookEvents.markProcessed(eventRow.id, "intent-not-found");
+      return;
+    }
+
+    try {
+      await this.intentsService.applyProviderResult(intent.id, webhook.result);
+      await this.webhookEvents.markProcessed(eventRow.id);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      this.logger.error(
+        `${provider} webhook processing failed for ${merchantOrderId}: ${message}`,
+      );
+      await this.webhookEvents.markProcessed(
+        eventRow.id,
+        `processing-error: ${message}`,
+      );
+    }
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/webhooks.controller.ts b/apps/edr-payment-api/src/modules/webhooks/webhooks.controller.ts
new file mode 100644
index 000000000..d367971d0
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/webhooks.controller.ts
@@ -0,0 +1,145 @@
+import {
+  All,
+  Body,
+  Controller,
+  Headers,
+  HttpCode,
+  HttpStatus,
+  Logger,
+  Post,
+  Req,
+} from "@nestjs/common";
+import { ApiOperation, ApiTags } from "@nestjs/swagger";
+import {
+  CardWebhookPayload,
+  CbeBirrWebhookPayload,
+  DMoneyWebhookPayload,
+  EBirrWebhookPayload,
+  TelebirrWebhookPayload,
+  WaafiWebhookHeaders,
+  WaafiWebhookPayload,
+} from "@edr/payment-providers";
+import { TelebirrWebhookService } from "./handlers/telebirr-webhook.service";
+import { CbeBirrWebhookService } from "./handlers/cbe-birr-webhook.service";
+import { EBirrWebhookService } from "./handlers/ebirr-webhook.service";
+import { CardWebhookService } from "./handlers/card-webhook.service";
+import { WaafiWebhookService } from "./handlers/waafi-webhook.service";
+import { DMoneyWebhookService } from "./handlers/dmoney-webhook.service";
+
+/**
+ * The ONLY public surface of the payment service — the single registered webhook URL per
+ * provider for the whole platform. No service auth here (provider-facing); trust comes from
+ * signature verification inside each handler. Every route acks 2xx fast and never rethrows:
+ * Waafi times out at 5s and does NOT retry.
+ */
+@ApiTags("Provider Webhooks")
+@Controller("webhooks")
+export class WebhooksController {
+  private readonly logger = new Logger(WebhooksController.name);
+
+  constructor(
+    private readonly telebirr: TelebirrWebhookService,
+    private readonly cbeBirr: CbeBirrWebhookService,
+    private readonly eBirr: EBirrWebhookService,
+    private readonly card: CardWebhookService,
+    private readonly waafi: WaafiWebhookService,
+    private readonly dMoney: DMoneyWebhookService,
+  ) {}
+
+  @All("telebirr")
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({
+    summary: "Telebirr payment notification callback (Ethiopia)",
+  })
+  async receiveTelebirr(@Body() payload: TelebirrWebhookPayload) {
+    this.logger.log("Telebirr webhook called");
+    try {
+      await this.telebirr.handle(payload);
+    } catch (err) {
+      this.logger.error(`Telebirr webhook handler threw: ${this.message(err)}`);
+    }
+    return { code: "0", message: "OK" };
+  }
+
+  @Post("cbe-birr")
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({
+    summary: "CBE Birr payment notification callback (Ethiopia)",
+  })
+  async receiveCbeBirr(@Body() payload: CbeBirrWebhookPayload) {
+    try {
+      await this.cbeBirr.handle(payload);
+    } catch (err) {
+      this.logger.error(`CBE Birr webhook handler threw: ${this.message(err)}`);
+    }
+    return { success: true };
+  }
+
+  @Post("ebirr")
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ summary: "eBirr payment notification callback (Ethiopia)" })
+  async receiveEBirr(@Body() payload: EBirrWebhookPayload) {
+    try {
+      await this.eBirr.handle(payload);
+    } catch (err) {
+      this.logger.error(`eBirr webhook handler threw: ${this.message(err)}`);
+    }
+    return { code: "0000", message: "success" };
+  }
+
+  @Post("card")
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({
+    summary: "Card payment notification callback (International)",
+  })
+  async receiveCard(
+    @Body() payload: CardWebhookPayload,
+    @Headers("stripe-signature") signature: string,
+  ) {
+    try {
+      await this.card.handle(payload, signature);
+    } catch (err) {
+      this.logger.error(`Card webhook handler threw: ${this.message(err)}`);
+    }
+    return { received: true };
+  }
+
+  @Post("waafi")
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ summary: "Waafi payment notification callback (Djibouti)" })
+  async receiveWaafi(
+    @Body() payload: WaafiWebhookPayload,
+    @Headers() headers: WaafiWebhookHeaders,
+    @Req() req: { rawBody?: Buffer },
+  ) {
+
+    this.logger.log("\n\n\n\nWaafi payment notification callback (Djibouti)\n\n\n\n");
+    this.logger.log(
+      `Waafi webhook hit: event=${payload?.event ?? "unknown"} eventId=${headers["x-webhook-event-id"] ?? "n/a"}`,
+    );
+    try {
+      // HMAC verification must sign over the exact raw bytes Waafi sent, not re-serialized JSON.
+      const rawBody = req.rawBody?.toString("utf8") ?? "";
+      await this.waafi.handle(payload, rawBody, headers);
+    } catch (err) {
+      this.logger.error(`Waafi webhook handler threw: ${this.message(err)}`);
+    }
+    return { responseCode: "2001", responseMsg: "Success" };
+  }
+
+  @Post("dmoney")
+  @HttpCode(HttpStatus.OK)
+  @ApiOperation({ summary: "D-Money payment notification callback (Djibouti)" })
+  async receiveDMoney(@Body() payload: DMoneyWebhookPayload) {
+    try {
+      await this.dMoney.handle(payload);
+    } catch (err) {
+      this.logger.error(`D-Money webhook handler threw: ${this.message(err)}`);
+    }
+    return { code: "0", msg: "Success", result: "SUCCESS" };
+  }
+
+  private message(err: unknown): string {
+    return err instanceof Error ? err.message : String(err);
+  }
+}
diff --git a/apps/edr-payment-api/src/modules/webhooks/webhooks.module.ts b/apps/edr-payment-api/src/modules/webhooks/webhooks.module.ts
new file mode 100644
index 000000000..86b94032b
--- /dev/null
+++ b/apps/edr-payment-api/src/modules/webhooks/webhooks.module.ts
@@ -0,0 +1,34 @@
+import { Module } from "@nestjs/common";
+import { TypeOrmModule } from "@nestjs/typeorm";
+import { IntentsModule } from "../intents/intents.module";
+import { ProvidersModule } from "../providers/providers.module";
+import { PaymentWebhookEvent } from "./entities/payment-webhook-event.entity";
+import { WebhookEventsRepository } from "./webhook-events.repository";
+import { WebhookProcessorService } from "./webhook-processor.service";
+import { WebhooksController } from "./webhooks.controller";
+import { TelebirrWebhookService } from "./handlers/telebirr-webhook.service";
+import { CbeBirrWebhookService } from "./handlers/cbe-birr-webhook.service";
+import { EBirrWebhookService } from "./handlers/ebirr-webhook.service";
+import { CardWebhookService } from "./handlers/card-webhook.service";
+import { WaafiWebhookService } from "./handlers/waafi-webhook.service";
+import { DMoneyWebhookService } from "./handlers/dmoney-webhook.service";
+
+@Module({
+  imports: [
+    TypeOrmModule.forFeature([PaymentWebhookEvent]),
+    IntentsModule,
+    ProvidersModule,
+  ],
+  controllers: [WebhooksController],
+  providers: [
+    WebhookEventsRepository,
+    WebhookProcessorService,
+    TelebirrWebhookService,
+    CbeBirrWebhookService,
+    EBirrWebhookService,
+    CardWebhookService,
+    WaafiWebhookService,
+    DMoneyWebhookService,
+  ],
+})
+export class WebhooksModule {}
diff --git a/apps/edr-payment-api/src/scripts/migrate-revert.ts b/apps/edr-payment-api/src/scripts/migrate-revert.ts
new file mode 100644
index 000000000..88b1500e5
--- /dev/null
+++ b/apps/edr-payment-api/src/scripts/migrate-revert.ts
@@ -0,0 +1,18 @@
+import "dotenv/config";
+import { AppDataSource } from "../data-source";
+
+/** `pnpm --filter @edr/payment-api migration:revert` — undo the most recent migration. */
+async function main(): Promise<void> {
+  await AppDataSource.initialize();
+  try {
+    await AppDataSource.undoLastMigration();
+    console.log("reverted last migration");
+  } finally {
+    await AppDataSource.destroy();
+  }
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/apps/edr-payment-api/src/scripts/migrate.ts b/apps/edr-payment-api/src/scripts/migrate.ts
new file mode 100644
index 000000000..05f59f1b9
--- /dev/null
+++ b/apps/edr-payment-api/src/scripts/migrate.ts
@@ -0,0 +1,23 @@
+import "dotenv/config";
+import { AppDataSource } from "../data-source";
+import { ensurePaymentSchema } from "../config/ensure-schema";
+
+/** `pnpm --filter @edr/payment-api migration:run` — ensure schema, then run pending migrations. */
+async function main(): Promise<void> {
+  await ensurePaymentSchema();
+  await AppDataSource.initialize();
+  try {
+    const applied = await AppDataSource.runMigrations();
+    for (const migration of applied) {
+      console.log(`applied: ${migration.name}`);
+    }
+    if (applied.length === 0) console.log("no pending migrations");
+  } finally {
+    await AppDataSource.destroy();
+  }
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/apps/edr-payment-api/tsconfig.build.json b/apps/edr-payment-api/tsconfig.build.json
new file mode 100644
index 000000000..64f86c6bd
--- /dev/null
+++ b/apps/edr-payment-api/tsconfig.build.json
@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "exclude": ["node_modules", "test", "dist", "**/*spec.ts"]
+}
diff --git a/apps/edr-payment-api/tsconfig.json b/apps/edr-payment-api/tsconfig.json
new file mode 100644
index 000000000..467c474ee
--- /dev/null
+++ b/apps/edr-payment-api/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "@edr/tsconfig/nestjs.json",
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "noEmit": false,
+    "incremental": true,
+    "tsBuildInfoFile": "./.tsbuildinfo",
+    "module": "node16",
+    "moduleResolution": "node16"
+  },
+  "include": ["src"]
+}
diff --git a/checkpoint.md b/checkpoint.md
new file mode 100644
index 000000000..f5cee29ea
--- /dev/null
+++ b/checkpoint.md
@@ -0,0 +1,102 @@
+# Checkpoint
+
+## Major Tasks Completed
+
+1. Docker deployment scaffolded for all 6 apps in the monorepo.
+2. Split API images into app-specific Dockerfiles:
+   - `apps/edr-freight-api/Dockerfile`
+   - `apps/edr-passenger-api/Dockerfile`
+3. Kept shared Vite/nginx image:
+   - `infrastructure/docker/Dockerfile.web`
+   - `infrastructure/nginx/spa.conf`
+4. Updated `docker-compose.yaml` to run all 6 services (apps only, no Postgres service in compose).
+5. Added/updated deployment scripts:
+   - `scripts/deploy/create-npmrc.sh`
+   - `scripts/deploy/sync-env-from-server.sh`
+6. Added self-hosted GitHub Actions deployment workflow:
+   - Consolidated into one file: `.github/workflows/deploy.yml`
+7. Deployment workflow now:
+   - uses a single checkout (`prepare` job),
+   - deploys services via parallel matrix,
+   - sets compose project names per branch/environment,
+   - passes explicit `docker compose --project-name`.
+8. Environment sync script now:
+   - supports branch slug paths,
+   - validates each service env file exists,
+   - requires `PORT` in each env file,
+   - exports per-service port vars to `GITHUB_ENV`.
+9. `docker-compose.yaml` now reads per-service ports via variables exported from env sync.
+10. Passenger startup flow fixed to run:
+    - `prisma:generate`,
+    - `prisma:migrate`,
+    - `prisma:seed`,
+    before API startup.
+11. Passenger seed TypeScript issues fixed in `apps/edr-passenger-api/prisma/seed.ts` so it compiles under strict checks.
+12. Added deployment runbook:
+    - `DEPLOYMENT.md`
+
+## Passenger Web Migration to Next.js
+
+13. Passenger web apps migrated from Vite/SPA to Next.js:
+    - Updated `apps/edr-passenger-web/portal/next.config.js` and `apps/edr-passenger-web/backoffice/next.config.js`:
+      - Removed `output: 'export'` to enable server mode
+      - Preserved `transpilePackages` for @edr/* shared packages
+14. Created dedicated Next.js Dockerfile:
+    - `infrastructure/docker/Dockerfile.passenger-web`
+    - Uses Node.js server (not nginx) for better Next.js support
+    - Builds with turbo, runs `npx next start` in the final stage
+    - Accepts build args: `APP_PACKAGE`, `APP_PATH`, `NEXT_PUBLIC_API_URL`
+15. Updated docker-compose.yaml:
+    - `passenger-portal` and `passenger-backoffice` now use `infrastructure/docker/Dockerfile.passenger-web`
+    - Port mappings are fully dynamic: both host and container ports use `${PASSENGER_PORTAL_PORT}` / `${PASSENGER_BACKOFFICE_PORT}`, driven by `PORT` in the service env file
+    - `NEXT_PUBLIC_API_URL` build arg sourced directly from the service env file (no separate build env file needed)
+16. Updated DEPLOYMENT.md to reflect all of the above.
+
+## Port Mapping Fix (Latest)
+
+17. Fixed passenger web port mapping mismatch (`0.0.0.0:8003->5184/tcp`):
+    - Container port was hardcoded (`5174`/`5184`); host port came from `PORT` in the env file via the sync script
+    - Both sides of the mapping now use `${PASSENGER_PORTAL_PORT:-5174}` / `${PASSENGER_BACKOFFICE_PORT:-5184}`
+    - Removed hardcoded `PORT` build arg from docker-compose.yaml (runtime `env_file` supplies it to Next.js)
+
+## NEXT_PUBLIC_API_URL Build-Time Fix (Latest)
+
+18. Fixed passenger web apps using `localhost:4000` instead of the configured API URL:
+    - Root cause: `NEXT_PUBLIC_*` vars are baked into the JS bundle at build time; setting them in the runtime `env_file` has no effect
+    - `sync-env-from-server.sh` now extracts any `NEXT_PUBLIC_*` vars from the service `.env` and writes them to `GITHUB_ENV` before the build step
+    - `docker-compose.yaml` build arg renamed from `PASSENGER_NEXT_PUBLIC_API_URL` to `NEXT_PUBLIC_API_URL` to match the key used in the service env files directly
+
+## Key Files to Review
+
+- `.github/workflows/deploy.yml`
+- `docker-compose.yaml`
+- `scripts/deploy/sync-env-from-server.sh`
+- `scripts/deploy/create-npmrc.sh`
+- `apps/edr-passenger-api/docker-entrypoint.sh`
+- `apps/edr-passenger-api/prisma/seed.ts`
+- `infrastructure/docker/Dockerfile.passenger-web` (NEW)
+- `apps/edr-passenger-web/portal/next.config.js` (MODIFIED)
+- `apps/edr-passenger-web/backoffice/next.config.js` (MODIFIED)
+- `DEPLOYMENT.md` (MODIFIED)
+
+## Next Actions
+
+1. Run full CI on all target branches (`main`, `dev`, `staging`) and verify matrix job behavior.
+2. Validate server env directory layout matches script expectations:
+   - `/home/<deploy_user>/environment/edr/<branch-slug>/<project>/...`
+3. Confirm each service env file includes valid `PORT` and service-specific runtime vars.
+4. Verify branch-specific compose project names produce isolated containers/networks/volumes on runner.
+5. Smoke test all 6 deployed services behind real environment URLs.
+
+## Open Risks / Notes
+
+1. Passenger seed runs on every container start; confirm this is desired for production-like environments.
+2. Prisma warns about `package.json#prisma` deprecation (Prisma 7 migration pending).
+3. Matrix parallelism increases runner load; ensure self-hosted runner capacity is sufficient.
+4. Port collisions are prevented by env-driven mapping, but bad env values can still cause runtime conflicts.
+5. Passenger web uses Next.js server mode (not static export):
+   - Requires Node.js at runtime (previously could use pure static hosting)
+   - `NEXT_PUBLIC_API_URL` must be set in the service env file (`passenger-portal.env` / `passenger-backoffice.env`) — the sync script forwards it to the build automatically
+   - Each portal/backoffice instance runs its own Node.js process (watch container memory usage)
+6. Freight web still uses Vite+nginx (different from passenger web) — maintain both Dockerfiles separately
+
diff --git a/docker-compose.yaml b/docker-compose.yaml
new file mode 100644
index 000000000..3687f592a
--- /dev/null
+++ b/docker-compose.yaml
@@ -0,0 +1,108 @@
+# EDR Platform — application containers only (no Postgres).
+# Requires a local .npmrc with GitHub Packages auth for @tria-plc (freight API + freight web).
+# Copy apps/*/env.example to .env and set real values before `docker compose up`.
+#
+# Build:  DOCKER_BUILDKIT=1 docker compose build
+# Run:    docker compose up -d
+
+services:
+  # Message broker for payment event delivery (payment-api -> passenger/freight).
+  # Management UI: http://localhost:15672 (login edr / edr_secret). vhost: payment.
+  # In deployed envs this is a shared/managed RabbitMQ; only PAYMENT_RABBITMQ_URL changes.
+
+  freight-api:
+    build:
+      context: .
+      dockerfile: apps/edr-freight-api/Dockerfile
+      secrets:
+        - npmrc
+    ports:
+      - "${FREIGHT_API_PORT:-3001}:${FREIGHT_API_PORT:-3001}"
+    env_file:
+      - apps/edr-freight-api/.env
+
+  passenger-api:
+    build:
+      context: .
+      dockerfile: apps/edr-passenger-api/Dockerfile
+    ports:
+      - "${PASSENGER_API_PORT:-4000}:${PASSENGER_API_PORT:-4000}"
+    env_file:
+      - apps/edr-passenger-api/.env
+    extra_hosts:
+      - "paymentcallback.triaplc.com:10.18.7.179"
+
+  freight-portal:
+    build:
+      context: .
+      dockerfile: infrastructure/docker/Dockerfile.web
+      args:
+        TURBO_FILTER: "@edr/freight-portal"
+        APP_PATH: apps/edr-freight-web/portal
+        # Browser-reachable URL; override for production deployments
+        VITE_API_URL: ${FREIGHT_VITE_API_URL:-https://edrfreightapi.triaplc.com/api}
+      secrets:
+        - npmrc
+    ports:
+      - "${FREIGHT_PORTAL_PORT:-5173}:80"
+
+  freight-backoffice:
+    build:
+      context: .
+      dockerfile: infrastructure/docker/Dockerfile.web
+      args:
+        TURBO_FILTER: "@edr/freight-backoffice"
+        APP_PATH: apps/edr-freight-web/backoffice
+        VITE_API_URL: ${FREIGHT_VITE_API_URL:-https://edrfreightapi.triaplc.com/api}
+      secrets:
+        - npmrc
+    ports:
+      - "${FREIGHT_BACKOFFICE_PORT:-5183}:80"
+
+  passenger-portal:
+    build:
+      context: .
+      dockerfile: infrastructure/docker/Dockerfile.passenger-web
+      args:
+        APP_PACKAGE: "@edr/passenger-portal"
+        APP_PATH: apps/edr-passenger-web/portal
+        NEXT_PUBLIC_API_URL: ${NEXT_PUBLIC_API_URL:-http://localhost:4000}
+      secrets:
+        - npmrc
+    ports:
+      - "${PASSENGER_PORTAL_PORT:-5174}:${PASSENGER_PORTAL_PORT:-5174}"
+    env_file:
+      - apps/edr-passenger-web/portal/.env
+
+  passenger-backoffice:
+    build:
+      context: .
+      dockerfile: infrastructure/docker/Dockerfile.passenger-web
+      args:
+        APP_PACKAGE: "@edr/passenger-backoffice"
+        APP_PATH: apps/edr-passenger-web/backoffice
+        NEXT_PUBLIC_API_URL: ${NEXT_PUBLIC_API_URL:-http://localhost:4000}
+      secrets:
+        - npmrc
+    ports:
+      - "${PASSENGER_BACKOFFICE_PORT:-5184}:${PASSENGER_BACKOFFICE_PORT:-5184}"
+    env_file:
+      - apps/edr-passenger-web/backoffice/.env
+
+  payment-api:
+    build:
+      context: .
+      dockerfile: apps/edr-payment-api/Dockerfile
+      args:
+        APP_PACKAGE: "@edr/payment-api"
+        APP_PATH: apps/edr-payment-api
+      secrets:
+        - npmrc
+    ports:
+      - "${PAYMENT_API_PORT:-3008}:${PAYMENT_API_PORT:-3008}"
+    env_file:
+      - apps/edr-payment-api/.env
+
+secrets:
+  npmrc:
+    file: .npmrc
diff --git a/infrastructure/docker/Dockerfile.passenger-web b/infrastructure/docker/Dockerfile.passenger-web
new file mode 100644
index 000000000..735a19e8e
--- /dev/null
+++ b/infrastructure/docker/Dockerfile.passenger-web
@@ -0,0 +1,61 @@
+# syntax=docker/dockerfile:1
+#
+# Next.js Dockerfile for passenger web (portal + backoffice).
+# Builds with turbo, runs with Node.js (not nginx).
+#
+# Build example (portal):
+#   DOCKER_BUILDKIT=1 docker build \
+#     --build-arg APP_PACKAGE=@edr/passenger-portal \
+#     --build-arg APP_PATH=apps/edr-passenger-web/portal \
+#     --build-arg PORT=5174 \
+#     -f infrastructure/docker/Dockerfile.passenger-web .
+#
+
+ARG APP_PACKAGE=@edr/passenger-portal
+ARG APP_PATH=apps/edr-passenger-web/portal
+ARG PORT=5174
+ARG NEXT_PUBLIC_API_URL
+
+FROM node:24.15.0-alpine AS base
+RUN apk add --no-cache libc6-compat
+RUN corepack enable
+WORKDIR /app
+
+FROM base AS pruner
+ARG APP_PACKAGE
+COPY . .
+RUN pnpm dlx turbo prune "${APP_PACKAGE}" --docker
+
+FROM base AS installer
+COPY --from=pruner /app/out/json/ .
+COPY --from=pruner /app/out/pnpm-lock.yaml ./pnpm-lock.yaml
+RUN --mount=type=secret,id=npmrc,target=./.npmrc,required=false \
+    --mount=type=cache,id=pnpm,target=/pnpm/store \
+    pnpm install --frozen-lockfile
+
+FROM base AS builder
+ARG APP_PACKAGE
+ARG APP_PATH
+ARG NEXT_PUBLIC_API_URL
+ENV NEXT_PUBLIC_API_URL=${NEXT_PUBLIC_API_URL}
+COPY --from=installer /app/ .
+COPY --from=pruner /app/out/full/ .
+RUN pnpm turbo build --filter="${APP_PACKAGE}..."
+
+FROM base AS deployer
+ARG APP_PACKAGE
+COPY --from=builder /app/ .
+RUN pnpm deploy --filter="${APP_PACKAGE}" --prod --legacy /deploy
+
+FROM node:24.15.0-alpine AS runner
+ARG APP_PATH
+ARG PORT=5174
+ENV PORT=${PORT}
+ENV NODE_ENV=production
+WORKDIR /app
+COPY --from=deployer /deploy .
+COPY --from=builder /app/${APP_PATH}/.next .next
+COPY --from=builder /app/${APP_PATH}/public public
+USER node
+EXPOSE ${PORT}
+CMD ["npx", "next", "start"]
diff --git a/infrastructure/docker/Dockerfile.web b/infrastructure/docker/Dockerfile.web
new file mode 100644
index 000000000..5cc7904c5
--- /dev/null
+++ b/infrastructure/docker/Dockerfile.web
@@ -0,0 +1,88 @@
+# syntax=docker/dockerfile:1
+
+ARG TURBO_FILTER=@edr/freight-portal
+ARG APP_PATH=apps/edr-freight-web/portal
+ARG VITE_API_URL=https://edrfreightapi.triaplc.com/api
+ARG NEXT_PUBLIC_API_URL=http://localhost:4000
+
+FROM node:24.15.0-alpine AS base
+RUN apk add --no-cache libc6-compat
+RUN corepack enable
+WORKDIR /app
+
+FROM base AS pruner
+ARG TURBO_FILTER
+COPY . .
+RUN pnpm dlx turbo prune "${TURBO_FILTER}" --docker
+
+FROM base AS installer
+COPY --from=pruner /app/out/json/ .
+COPY --from=pruner /app/out/pnpm-lock.yaml ./pnpm-lock.yaml
+RUN --mount=type=secret,id=npmrc,target=./.npmrc,required=false \
+    --mount=type=cache,id=pnpm,target=/pnpm/store \
+    pnpm install --frozen-lockfile
+
+FROM base AS builder
+ARG TURBO_FILTER
+ARG APP_PATH
+ARG VITE_API_URL
+ARG NEXT_PUBLIC_API_URL
+ENV VITE_API_URL=${VITE_API_URL}
+ENV NEXT_PUBLIC_API_URL=${NEXT_PUBLIC_API_URL}
+COPY --from=installer /app/ .
+COPY --from=pruner /app/out/full/ .
+
+# Configure npm/pnpm with extended timeouts and retries for network requests
+RUN npm config set fetch-timeout 120000 && \
+    npm config set fetch-retry-mintimeout 20000 && \
+    npm config set fetch-retry-maxtimeout 120000 && \
+    npm config set fetch-retries 5
+
+RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm turbo build --filter="${TURBO_FILTER}..." || \
+    (echo "Build failed for ${TURBO_FILTER}" && \
+     ls -la /app/${APP_PATH}/ 2>/dev/null || echo "App path does not exist" && \
+     exit 1)
+
+# Verify build output exists before proceeding
+RUN if [ ! -d "/app/${APP_PATH}/dist" ] && [ ! -d "/app/${APP_PATH}/out" ]; then \
+      echo "ERROR: Build output directory not found at /app/${APP_PATH}/dist or /app/${APP_PATH}/out"; \
+      echo "Contents of /app/${APP_PATH}:"; \
+      ls -la /app/${APP_PATH}/ 2>/dev/null || echo "Directory does not exist"; \
+      exit 1; \
+    fi
+
+FROM nginx:alpine AS runner
+ARG APP_PATH
+
+# Copy nginx configuration
+COPY infrastructure/nginx/spa.conf /etc/nginx/conf.d/default.conf
+
+# Remove default nginx files
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copy build output - check for Next.js 'out' or Vite 'dist' directory
+# Use shell to handle conditional copy
+RUN --mount=type=bind,from=builder,source=/app,target=/build \
+    if [ -d "/build/${APP_PATH}/out" ]; then \
+      cp -r /build/${APP_PATH}/out/* /usr/share/nginx/html/; \
+      echo "Copied from Next.js 'out' directory"; \
+    elif [ -d "/build/${APP_PATH}/dist" ]; then \
+      cp -r /build/${APP_PATH}/dist/* /usr/share/nginx/html/; \
+      echo "Copied from Vite 'dist' directory"; \
+    else \
+      echo "Error: No build output found in 'out' or 'dist' directory"; \
+      exit 1; \
+    fi
+
+# Copy public directory if it exists (for static assets)
+RUN --mount=type=bind,from=builder,source=/app,target=/build \
+    if [ -d "/build/${APP_PATH}/public" ]; then \
+      mkdir -p /usr/share/nginx/html/public && \
+      cp -r /build/${APP_PATH}/public/* /usr/share/nginx/html/public/ && \
+      echo "Copied public directory"; \
+    else \
+      echo "No public directory found, skipping"; \
+    fi
+
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/infrastructure/docker/docker-compose.dev.yml b/infrastructure/docker/docker-compose.dev.yml
deleted file mode 100644
index 7ed9e79a7..000000000
--- a/infrastructure/docker/docker-compose.dev.yml
+++ /dev/null
@@ -1,126 +0,0 @@
-version: "3.9"
-
-networks:
-  edr-network:
-    driver: bridge
-
-volumes:
-  postgres-freight-data:
-  postgres-passenger-data:
-  redis-data:
-
-services:
-  postgres-freight:
-    image: postgres:17-alpine
-    container_name: edr-postgres-freight
-    restart: unless-stopped
-    environment:
-      POSTGRES_USER: postgres
-      POSTGRES_PASSWORD: postgres
-      POSTGRES_DB: edr_freight
-    ports:
-      - "5433:5432"
-    volumes:
-      - postgres-freight-data:/var/lib/postgresql/data
-    networks:
-      - edr-network
-
-  postgres-passenger:
-    image: postgres:17-alpine
-    container_name: edr-postgres-passenger
-    restart: unless-stopped
-    environment:
-      POSTGRES_USER: postgres
-      POSTGRES_PASSWORD: postgres
-      POSTGRES_DB: edr_passenger
-    ports:
-      - "5434:5432"
-    volumes:
-      - postgres-passenger-data:/var/lib/postgresql/data
-    networks:
-      - edr-network
-
-  redis:
-    image: redis:7-alpine
-    container_name: edr-redis
-    restart: unless-stopped
-    ports:
-      - "6379:6379"
-    volumes:
-      - redis-data:/data
-    networks:
-      - edr-network
-
-  edr-freight-api:
-    build:
-      context: ../../
-      dockerfile: apps/edr-freight-api/Dockerfile
-    container_name: edr-freight-api
-    restart: unless-stopped
-    depends_on:
-      - postgres-freight
-      - redis
-    environment:
-      NODE_ENV: development
-      PORT: 3001
-      DB_HOST: postgres-freight
-      DB_PORT: 5432
-      DB_NAME: edr_freight
-      DB_USER: postgres
-      DB_PASSWORD: postgres
-      REDIS_HOST: redis
-      REDIS_PORT: 6379
-    ports:
-      - "3001:3001"
-    networks:
-      - edr-network
-
-  edr-freight-web:
-    build:
-      context: ../../
-      dockerfile: apps/edr-freight-web/Dockerfile
-    container_name: edr-freight-web
-    restart: unless-stopped
-    depends_on:
-      - edr-freight-api
-    ports:
-      - "5173:5173"
-    networks:
-      - edr-network
-
-  edr-passenger-api:
-    build:
-      context: ../../
-      dockerfile: apps/edr-passenger-api/Dockerfile
-    container_name: edr-passenger-api
-    restart: unless-stopped
-    depends_on:
-      - postgres-passenger
-      - redis
-    environment:
-      NODE_ENV: development
-      PORT: 3002
-      DB_HOST: postgres-passenger
-      DB_PORT: 5432
-      DB_NAME: edr_passenger
-      DB_USER: postgres
-      DB_PASSWORD: postgres
-      REDIS_HOST: redis
-      REDIS_PORT: 6379
-    ports:
-      - "3002:3002"
-    networks:
-      - edr-network
-
-  edr-passenger-web:
-    build:
-      context: ../../
-      dockerfile: apps/edr-passenger-web/Dockerfile
-    container_name: edr-passenger-web
-    restart: unless-stopped
-    depends_on:
-      - edr-passenger-api
-    ports:
-      - "5174:5174"
-    networks:
-      - edr-network
diff --git a/infrastructure/docker/docker-compose.prod.yml b/infrastructure/docker/docker-compose.prod.yml
deleted file mode 100644
index a8d18455c..000000000
--- a/infrastructure/docker/docker-compose.prod.yml
+++ /dev/null
@@ -1,134 +0,0 @@
-version: "3.9"
-
-networks:
-  edr-network:
-    driver: bridge
-
-volumes:
-  postgres-freight-data:
-  postgres-passenger-data:
-  redis-data:
-
-services:
-  postgres-freight:
-    image: postgres:17-alpine
-    container_name: edr-postgres-freight
-    restart: always
-    environment:
-      POSTGRES_USER: ${DB_USER}
-      POSTGRES_PASSWORD: ${DB_PASSWORD}
-      POSTGRES_DB: ${DB_NAME_FREIGHT}
-    volumes:
-      - postgres-freight-data:/var/lib/postgresql/data
-    networks:
-      - edr-network
-
-  postgres-passenger:
-    image: postgres:17-alpine
-    container_name: edr-postgres-passenger
-    restart: always
-    environment:
-      POSTGRES_USER: ${DB_USER}
-      POSTGRES_PASSWORD: ${DB_PASSWORD}
-      POSTGRES_DB: ${DB_NAME_PASSENGER}
-    volumes:
-      - postgres-passenger-data:/var/lib/postgresql/data
-    networks:
-      - edr-network
-
-  redis:
-    image: redis:7-alpine
-    container_name: edr-redis
-    restart: always
-    volumes:
-      - redis-data:/data
-    networks:
-      - edr-network
-
-  edr-freight-api:
-    build:
-      context: ../../
-      dockerfile: apps/edr-freight-api/Dockerfile
-    container_name: edr-freight-api
-    restart: always
-    depends_on:
-      - postgres-freight
-      - redis
-    environment:
-      NODE_ENV: production
-      PORT: 3001
-      DB_HOST: postgres-freight
-      DB_PORT: 5432
-      DB_NAME: ${DB_NAME_FREIGHT}
-      DB_USER: ${DB_USER}
-      DB_PASSWORD: ${DB_PASSWORD}
-      REDIS_HOST: redis
-    expose:
-      - "3001"
-    networks:
-      - edr-network
-
-  edr-freight-web:
-    build:
-      context: ../../
-      dockerfile: apps/edr-freight-web/Dockerfile
-    container_name: edr-freight-web
-    restart: always
-    depends_on:
-      - edr-freight-api
-    expose:
-      - "5173"
-    networks:
-      - edr-network
-
-  edr-passenger-api:
-    build:
-      context: ../../
-      dockerfile: apps/edr-passenger-api/Dockerfile
-    container_name: edr-passenger-api
-    restart: always
-    depends_on:
-      - postgres-passenger
-      - redis
-    environment:
-      NODE_ENV: production
-      PORT: 3002
-      DB_HOST: postgres-passenger
-      DB_PORT: 5432
-      DB_NAME: ${DB_NAME_PASSENGER}
-      DB_USER: ${DB_USER}
-      DB_PASSWORD: ${DB_PASSWORD}
-      REDIS_HOST: redis
-    expose:
-      - "3002"
-    networks:
-      - edr-network
-
-  edr-passenger-web:
-    build:
-      context: ../../
-      dockerfile: apps/edr-passenger-web/Dockerfile
-    container_name: edr-passenger-web
-    restart: always
-    depends_on:
-      - edr-passenger-api
-    expose:
-      - "5174"
-    networks:
-      - edr-network
-
-  nginx:
-    image: nginx:1.27-alpine
-    container_name: edr-nginx
-    restart: always
-    ports:
-      - "80:80"
-    depends_on:
-      - edr-freight-web
-      - edr-freight-api
-      - edr-passenger-web
-      - edr-passenger-api
-    volumes:
-      - ../../infrastructure/nginx/nginx.conf:/etc/nginx/nginx.conf:ro
-    networks:
-      - edr-network
diff --git a/infrastructure/nginx/nginx.conf b/infrastructure/nginx/nginx.conf
deleted file mode 100644
index 28ffde4c1..000000000
--- a/infrastructure/nginx/nginx.conf
+++ /dev/null
@@ -1,63 +0,0 @@
-user nginx;
-worker_processes auto;
-error_log /var/log/nginx/error.log warn;
-pid /var/run/nginx.pid;
-
-events {
-    worker_connections 1024;
-}
-
-http {
-    include       /etc/nginx/mime.types;
-    default_type  application/octet-stream;
-    sendfile      on;
-    keepalive_timeout 65;
-    server_tokens off;
-
-    upstream edr_freight_api {
-        server edr-freight-api:3001;
-    }
-    upstream edr_freight_web {
-        server edr-freight-web:5173;
-    }
-    upstream edr_passenger_api {
-        server edr-passenger-api:3002;
-    }
-    upstream edr_passenger_web {
-        server edr-passenger-web:5174;
-    }
-
-    server {
-        listen 80;
-        server_name freight.edr.local;
-
-        location /api/ {
-            proxy_pass http://edr_freight_api/api/;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        }
-
-        location / {
-            proxy_pass http://edr_freight_web/;
-            proxy_set_header Host $host;
-        }
-    }
-
-    server {
-        listen 80;
-        server_name passenger.edr.local;
-
-        location /api/ {
-            proxy_pass http://edr_passenger_api/api/;
-            proxy_set_header Host $host;
-            proxy_set_header X-Real-IP $remote_addr;
-            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        }
-
-        location / {
-            proxy_pass http://edr_passenger_web/;
-            proxy_set_header Host $host;
-        }
-    }
-}
diff --git a/infrastructure/nginx/spa.conf b/infrastructure/nginx/spa.conf
new file mode 100644
index 000000000..87a5d7688
--- /dev/null
+++ b/infrastructure/nginx/spa.conf
@@ -0,0 +1,13 @@
+server {
+    listen 80;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+}
diff --git a/package.json b/package.json
index dfe636b2c..8dfa9b5c0 100644
--- a/package.json
+++ b/package.json
@@ -4,14 +4,15 @@
   "version": "0.0.0",
   "scripts": {
     "dev": "turbo run dev",
-    "dev:freight": "turbo run dev --filter=@edr/freight-api --filter=@edr/freight-portal --filter=@edr/freight-backoffice",
+    "dev:freight": "turbo run dev --filter=@edr/freight-api... --filter=@edr/freight-portal... --filter=@edr/freight-backoffice... --filter=@edr/ui-common...",
     "dev:freight:api": "turbo run dev --filter=@edr/freight-api",
     "dev:freight:portal": "turbo run dev --filter=@edr/freight-portal",
     "dev:freight:backoffice": "turbo run dev --filter=@edr/freight-backoffice",
-    "dev:passenger": "turbo run dev --filter=@edr/passenger-api --filter=@edr/passenger-portal --filter=@edr/passenger-backoffice",
+    "dev:passenger": "turbo run dev --filter=@edr/passenger-api... --filter=@edr/passenger-portal... --filter=@edr/passenger-backoffice...",
     "dev:passenger:api": "turbo run dev --filter=@edr/passenger-api",
     "dev:passenger:portal": "turbo run dev --filter=@edr/passenger-portal",
     "dev:passenger:backoffice": "turbo run dev --filter=@edr/passenger-backoffice",
+    "dev:payment": "turbo run dev --filter=@edr/payment-api...",
     "build": "turbo run build",
     "build:freight": "turbo run build --filter=@edr/freight-api... --filter=@edr/freight-portal... --filter=@edr/freight-backoffice...",
     "build:passenger": "turbo run build --filter=@edr/passenger-api... --filter=@edr/passenger-portal... --filter=@edr/passenger-backoffice...",
@@ -20,6 +21,8 @@
     "lint": "turbo run lint",
     "type-check": "turbo run type-check",
     "format": "prettier --write \"**/*.{ts,tsx,json,md}\"",
+    "docker:build": "docker compose build",
+    "docker:up": "docker compose up -d",
     "prepare": "husky"
   },
   "devDependencies": {
@@ -50,7 +53,7 @@
       "prettier --write"
     ]
   },
-  "packageManager": "pnpm@9.12.0",
+  "packageManager": "pnpm@11.1.1+sha512.d1fdf5f73c617b64fa1a56a81c3c8dfe0e966e33a6010aa256b517ae77be21d93e05affc0de1a83b0e4f29d569f68b446ae8f068cd7247c0bb3df0fb4d7bdf9a",
   "engines": {
     "node": ">=20"
   }
diff --git a/packages/config/tsconfig/nextjs.json b/packages/config/tsconfig/nextjs.json
new file mode 100644
index 000000000..5e60dedcb
--- /dev/null
+++ b/packages/config/tsconfig/nextjs.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true
+  }
+}
\ No newline at end of file
diff --git a/packages/payment-providers/package.json b/packages/payment-providers/package.json
new file mode 100644
index 000000000..525d78d1b
--- /dev/null
+++ b/packages/payment-providers/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "@edr/payment-providers",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "dev": "tsc -w -p tsconfig.json",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src"
+  },
+  "peerDependencies": {
+    "@nestjs/axios": "^4.0.0",
+    "@nestjs/common": "^11.0.0",
+    "@nestjs/config": "^4.0.0",
+    "axios": "^1.7.0",
+    "reflect-metadata": "^0.2.0",
+    "rxjs": "^7.8.0"
+  },
+  "dependencies": {
+    "@edr/types": "workspace:*"
+  },
+  "devDependencies": {
+    "@edr/eslint-config": "workspace:*",
+    "@edr/tsconfig": "workspace:*",
+    "@nestjs/axios": "^4.0.0",
+    "@nestjs/common": "^11.0.0",
+    "@nestjs/config": "^4.0.0",
+    "@types/node": "^20.14.0",
+    "axios": "^1.7.0",
+    "reflect-metadata": "^0.2.2",
+    "rxjs": "^7.8.1",
+    "typescript": "^5.5.4"
+  }
+}
diff --git a/packages/payment-providers/src/index.ts b/packages/payment-providers/src/index.ts
new file mode 100644
index 000000000..523d9fb03
--- /dev/null
+++ b/packages/payment-providers/src/index.ts
@@ -0,0 +1,92 @@
+// Re-export the shared, ORM-agnostic payment contract from @edr/types so consumers can
+// import enums, interfaces, and providers from a single entry point.
+export {
+  ProviderPaymentStatus,
+  ProviderMethod,
+} from '@edr/types';
+export type {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ClientAction,
+  PaymentPlatform,
+} from '@edr/types';
+
+// Providers
+export { TelebirrProvider } from './providers/telebirr/telebirr.provider';
+export { CbeBirrProvider } from './providers/cbe-birr/cbe-birr.provider';
+export { EBirrProvider } from './providers/ebirr/ebirr.provider';
+export { CardProvider } from './providers/card/card.provider';
+export { WaafiProvider } from './providers/waafi/waafi.provider';
+export { DMoneyProvider } from './providers/dmoney/dmoney.provider';
+export { CacBankProvider } from './providers/cac-bank/cac-bank.provider';
+
+// Telebirr crypto + types (exported for apps that build/verify signatures directly)
+export {
+  buildCanonicalString,
+  signRequestObject,
+  verifyRequestObject,
+  signString,
+  verifySignature,
+  createTimestamp,
+  createNonceStr,
+  createMerchantOrderId,
+} from './providers/telebirr/telebirr.crypto';
+export type {
+  FabricTokenResponse,
+  CreateOrderRequest,
+  CreateOrderResponse,
+  QueryOrderResponse,
+  TelebirrTradeStatus,
+} from './providers/telebirr/telebirr.types';
+
+// D-Money request/response types (exported for apps that build/inspect requests directly)
+export type {
+  DMoneyFabricTokenResponse,
+  DMoneyPreOrderBizContent,
+  DMoneyPreOrderRequest,
+  DMoneyPreOrderResponse,
+  DMoneyQueryOrderResponse,
+  DMoneyOrderStatus,
+} from './providers/dmoney/dmoney.types';
+
+// Waafi HPP request/response types (exported for apps that build/inspect requests directly)
+export type {
+  WaafiState,
+  WaafiHppPurchaseRequest,
+  WaafiHppPurchaseResponse,
+  WaafiGetTranInfoRequest,
+  WaafiGetTranInfoResponse,
+} from './providers/waafi/waafi.types';
+
+// CAC Bank request/response types
+export type {
+  CacSigninRequest,
+  CacSigninResponse,
+  CacPaymentInitiateRequest,
+  CacPaymentInitiateResponse,
+  CacPaymentConfirmRequest,
+  CacPaymentConfirmResponse,
+  CacGetPaymentByReferenceRequest,
+  CacPaymentByReferenceResponse,
+  CacConfirmResult,
+} from './providers/cac-bank/cac-bank.types';
+
+// Webhook payload types
+export type { TelebirrWebhookPayload } from './webhooks/telebirr-webhook.types';
+export type { CbeBirrWebhookPayload } from './webhooks/cbe-birr-webhook.types';
+export type { EBirrWebhookPayload } from './webhooks/ebirr-webhook.types';
+export type { CardWebhookPayload } from './webhooks/card-webhook.types';
+export type {
+  WaafiWebhookPayload,
+  WaafiWebhookTransactionPayload,
+  WaafiWebhookTestPayload,
+  WaafiWebhookHeaders,
+  WaafiWebhookEvent,
+  WaafiWebhookStatus,
+} from './webhooks/waafi-webhook.types';
+export type { DMoneyWebhookPayload } from './webhooks/dmoney-webhook.types';
+
+// DI token for injecting all providers as an array (future multi-provider wiring)
+export const PAYMENT_PROVIDERS = Symbol('PAYMENT_PROVIDERS');
diff --git a/packages/payment-providers/src/providers/cac-bank/cac-bank.auth.ts b/packages/payment-providers/src/providers/cac-bank/cac-bank.auth.ts
new file mode 100644
index 000000000..ee20b0aa5
--- /dev/null
+++ b/packages/payment-providers/src/providers/cac-bank/cac-bank.auth.ts
@@ -0,0 +1,88 @@
+import { Logger } from "@nestjs/common";
+import { HttpService } from "@nestjs/axios";
+import { AxiosError } from "axios";
+import { firstValueFrom } from "rxjs";
+import type { CacSigninRequest, CacSigninResponse } from "./cac-bank.types";
+
+interface TokenCache {
+  accessToken: string;
+  expiresAt: number;
+}
+
+export interface CacAuthConfig {
+  baseUrl: string;
+  username: string;
+  password: string;
+  tokenTtlMs: number;
+}
+
+/**
+ * In-memory JWT cache for CAC Bank. Tokens are valid 24h per the API docs;
+ * we refresh proactively before expiry.
+ */
+export class CacBankAuth {
+  private readonly logger = new Logger(CacBankAuth.name);
+  private cache: TokenCache | null = null;
+  private signinInFlight: Promise<string> | null = null;
+
+  constructor(
+    private readonly http: HttpService,
+    private readonly config: CacAuthConfig,
+  ) {}
+
+  async getAccessToken(): Promise<string> {
+    if (this.cache && Date.now() < this.cache.expiresAt) {
+      return this.cache.accessToken;
+    }
+    return this.signin();
+  }
+
+  invalidate(): void {
+    this.cache = null;
+  }
+
+  private async signin(): Promise<string> {
+    if (this.signinInFlight) return this.signinInFlight;
+
+    this.signinInFlight = this.doSignin();
+    try {
+      return await this.signinInFlight;
+    } finally {
+      this.signinInFlight = null;
+    }
+  }
+
+  private async doSignin(): Promise<string> {
+    const body: CacSigninRequest = {
+      username: this.config.username,
+      password: this.config.password,
+    };
+    const url = `${this.config.baseUrl}/paymentapi/auth/signin`;
+
+    try {
+      const res = await firstValueFrom(
+        this.http.post<CacSigninResponse>(url, body, {
+          headers: { "Content-Type": "application/json" },
+          timeout: 10_000,
+        }),
+      );
+      const token = res.data.accessToken;
+      if (!token) {
+        throw new Error("CAC signin returned no accessToken");
+      }
+      this.cache = {
+        accessToken: token,
+        expiresAt: Date.now() + this.config.tokenTtlMs,
+      };
+      this.logger.debug("CAC signin succeeded; token cached");
+      return token;
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `CAC signin failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)}`,
+        );
+      }
+      throw err;
+    }
+  }
+}
diff --git a/packages/payment-providers/src/providers/cac-bank/cac-bank.provider.ts b/packages/payment-providers/src/providers/cac-bank/cac-bank.provider.ts
new file mode 100644
index 000000000..8d2afa548
--- /dev/null
+++ b/packages/payment-providers/src/providers/cac-bank/cac-bank.provider.ts
@@ -0,0 +1,271 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { HttpService } from "@nestjs/axios";
+import {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ProviderPaymentStatus,
+  ProviderMethod,
+} from "@edr/types";
+import { AxiosError, AxiosRequestConfig } from "axios";
+import { firstValueFrom } from "rxjs";
+import { CacBankAuth } from "./cac-bank.auth";
+import type {
+  CacConfirmResult,
+  CacGetPaymentByReferenceRequest,
+  CacPaymentByReferenceResponse,
+  CacPaymentConfirmRequest,
+  CacPaymentConfirmResponse,
+  CacPaymentInitiateRequest,
+  CacPaymentInitiateResponse,
+} from "./cac-bank.types";
+
+@Injectable()
+export class CacBankProvider implements PaymentProvider {
+  readonly method = ProviderMethod.CAC_BANK;
+  private readonly logger = new Logger(CacBankProvider.name);
+  private auth: CacBankAuth | null = null;
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {}
+
+  async initiate(
+    input: ProviderInitiationInput,
+  ): Promise<ProviderInitiationResult> {
+    if (!input.payerAccount) {
+      throw new Error("CAC Bank requires payerAccount (customer mobile number)");
+    }
+
+    const requestBody: CacPaymentInitiateRequest = {
+      app_key: this.appKey,
+      api_key: this.apiKey,
+      customer_mobile: input.payerAccount,
+      currency: input.currency || this.defaultCurrency,
+      desc: `EDR ${input.orderRef}`.slice(0, 500),
+      vender_ref: input.merchantOrderId,
+      amount: this.toMajorAmount(input.amountMinor, input.currency),
+      company_services_id: this.companyServicesId,
+    };
+
+    const response = await this.postJson<CacPaymentInitiateResponse>(
+      "/paymentapi/PaymentInitiateRequest",
+      requestBody,
+    );
+
+    if (response.paymentRequestId == null) {
+      throw new Error(
+        `CAC Bank initiate failed: ${JSON.stringify(response)}`,
+      );
+    }
+
+    const providerOrderId = String(response.paymentRequestId);
+    const expiresAt = new Date(Date.now() + this.otpExpiryMs);
+
+    return {
+      providerOrderId,
+      clientAction: {
+        type: "COLLECT_OTP",
+        providerOrderId,
+        message: "Enter the OTP sent to your phone",
+      },
+      expiresAt,
+      rawInitiation: {
+        request: this.sanitizeKeys(requestBody),
+        response,
+        venderRef: input.merchantOrderId,
+      },
+    };
+  }
+
+  async confirmPayment(
+    paymentRequestId: string,
+    otp: string,
+  ): Promise<CacConfirmResult> {
+    const requestBody: CacPaymentConfirmRequest = {
+      app_key: this.appKey,
+      api_key: this.apiKey,
+      payment_request_id: Number(paymentRequestId),
+      otp,
+    };
+
+    try {
+      const response = await this.postJson<CacPaymentConfirmResponse>(
+        "/paymentapi/PaymentConfirmationRequest",
+        requestBody,
+      );
+
+      if (response.confirmReference == null && !response.reference) {
+        return {
+          status: "FAILED",
+          failureCode: "CONFIRM_REJECTED",
+          failureMessage: response.description ?? "Confirmation rejected",
+          rawResponse: response as unknown as Record<string, unknown>,
+        };
+      }
+
+      return {
+        status: "SUCCEEDED",
+        providerTxnId: String(
+          response.confirmReference ?? response.reference,
+        ),
+        reference: response.reference,
+        rawResponse: response as unknown as Record<string, unknown>,
+      };
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      return {
+        status: "FAILED",
+        failureCode: "CONFIRM_ERROR",
+        failureMessage: message,
+        rawResponse: {},
+      };
+    }
+  }
+
+  async queryStatus(
+    merchantOrderId: string,
+    reference?: string,
+  ): Promise<ProviderStatus> {
+    const lookupRef = reference ?? merchantOrderId;
+    const requestBody: CacGetPaymentByReferenceRequest = {
+      app_key: this.appKey,
+      api_key: this.apiKey,
+      reference: lookupRef,
+    };
+
+    try {
+      const response = await this.postJson<CacPaymentByReferenceResponse>(
+        "/paymentapi/GetPaymentByReferenceRequest",
+        requestBody,
+      );
+
+      if (response.transactionNo != null && response.transactionDate) {
+        return {
+          status: ProviderPaymentStatus.SUCCEEDED,
+          providerTxnId: String(response.transactionNo),
+          rawResponse: response as unknown as Record<string, unknown>,
+        };
+      }
+
+      return {
+        status: ProviderPaymentStatus.PROCESSING,
+        rawResponse: response as unknown as Record<string, unknown>,
+      };
+    } catch (err) {
+      if (err instanceof AxiosError && err.response?.status === 404) {
+        return {
+          status: ProviderPaymentStatus.PROCESSING,
+          rawResponse: { notFound: true, reference: lookupRef },
+        };
+      }
+      throw err;
+    }
+  }
+
+  private async postJson<T>(path: string, body: unknown): Promise<T> {
+    const token = await this.getAuth().getAccessToken();
+    const url = `${this.baseUrl}${path}`;
+    const config: AxiosRequestConfig = {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+      timeout: 10_000,
+    };
+
+    const started = Date.now();
+    try {
+      const res = await firstValueFrom(this.http.post<T>(url, body, config));
+      this.logger.debug(
+        `CAC Bank POST ${path} status=${res.status} latency=${Date.now() - started}ms`,
+      );
+      return res.data;
+    } catch (err) {
+      if (err instanceof AxiosError && err.response?.status === 401) {
+        this.getAuth().invalidate();
+        const retryToken = await this.getAuth().getAccessToken();
+        const retryConfig: AxiosRequestConfig = {
+          ...config,
+          headers: {
+            ...config.headers,
+            Authorization: `Bearer ${retryToken}`,
+          },
+        };
+        const res = await firstValueFrom(
+          this.http.post<T>(url, body, retryConfig),
+        );
+        return res.data;
+      }
+
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `CAC Bank POST ${path} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)}`,
+        );
+      } else {
+        this.logger.error(
+          `CAC Bank POST ${path} threw: ${err instanceof Error ? err.message : err}`,
+        );
+      }
+      throw err;
+    }
+  }
+
+  private getAuth(): CacBankAuth {
+    if (!this.auth) {
+      this.auth = new CacBankAuth(this.http, {
+        baseUrl: this.baseUrl,
+        username: this.username,
+        password: this.password,
+        tokenTtlMs: this.tokenTtlMs,
+      });
+    }
+    return this.auth;
+  }
+
+  /** DJF has no fractional units — amountMinor is the major amount. */
+  private toMajorAmount(amountMinor: number, currency: string): number {
+    if (currency.toUpperCase() === "DJF") {
+      return amountMinor;
+    }
+    return amountMinor / 100;
+  }
+
+  private sanitizeKeys(
+    body: CacPaymentInitiateRequest | CacPaymentConfirmRequest,
+  ): Record<string, unknown> {
+    const { app_key: _appKey, api_key: _apiKey, ...rest } = body;
+    return rest;
+  }
+
+  private get baseUrl(): string {
+    return (this.config.get<string>("cac.baseUrl") ?? "").replace(/\/$/, "");
+  }
+  private get username(): string {
+    return this.config.get<string>("cac.username") ?? "";
+  }
+  private get password(): string {
+    return this.config.get<string>("cac.password") ?? "";
+  }
+  private get appKey(): string {
+    return this.config.get<string>("cac.appKey") ?? "";
+  }
+  private get apiKey(): string {
+    return this.config.get<string>("cac.apiKey") ?? "";
+  }
+  private get companyServicesId(): number {
+    return this.config.get<number>("cac.companyServicesId") ?? 0;
+  }
+  private get defaultCurrency(): string {
+    return this.config.get<string>("cac.currency") ?? "DJF";
+  }
+  private get tokenTtlMs(): number {
+    return this.config.get<number>("cac.tokenTtlMs") ?? 23 * 60 * 60 * 1000;
+  }
+  private get otpExpiryMs(): number {
+    return this.config.get<number>("cac.otpExpiryMs") ?? 10 * 60 * 1000;
+  }
+}
diff --git a/packages/payment-providers/src/providers/cac-bank/cac-bank.types.ts b/packages/payment-providers/src/providers/cac-bank/cac-bank.types.ts
new file mode 100644
index 000000000..6e2b7ba5b
--- /dev/null
+++ b/packages/payment-providers/src/providers/cac-bank/cac-bank.types.ts
@@ -0,0 +1,65 @@
+export interface CacSigninRequest {
+  username: string;
+  password: string;
+}
+
+export interface CacSigninResponse {
+  id: number;
+  username: string;
+  email: string;
+  accessToken: string;
+  tokenType: string;
+}
+
+export interface CacPaymentInitiateRequest {
+  app_key: string;
+  api_key: string;
+  customer_mobile: string;
+  currency: string;
+  desc?: string;
+  vender_ref?: string;
+  amount: number;
+  company_services_id: number;
+}
+
+export interface CacPaymentInitiateResponse {
+  description: string;
+  paymentRequestId: number;
+}
+
+export interface CacPaymentConfirmRequest {
+  app_key: string;
+  api_key: string;
+  payment_request_id: number;
+  otp: string;
+}
+
+export interface CacPaymentConfirmResponse {
+  description: string;
+  confirmReference: number;
+  reference: string;
+}
+
+export interface CacGetPaymentByReferenceRequest {
+  app_key: string;
+  api_key: string;
+  reference: string;
+}
+
+export interface CacPaymentByReferenceResponse {
+  description: string;
+  customerName?: string;
+  reference: string;
+  amount: number;
+  transactionDate: string;
+  transactionNo: number;
+}
+
+export interface CacConfirmResult {
+  status: "SUCCEEDED" | "FAILED";
+  providerTxnId?: string;
+  reference?: string;
+  failureCode?: string;
+  failureMessage?: string;
+  rawResponse: Record<string, unknown>;
+}
diff --git a/packages/payment-providers/src/providers/card/card.provider.ts b/packages/payment-providers/src/providers/card/card.provider.ts
new file mode 100644
index 000000000..eaa9aed46
--- /dev/null
+++ b/packages/payment-providers/src/providers/card/card.provider.ts
@@ -0,0 +1,235 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { HttpService } from "@nestjs/axios";
+import {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ProviderPaymentStatus,
+  ProviderMethod,
+} from "@edr/types";
+import { AxiosError, AxiosRequestConfig } from "axios";
+import { firstValueFrom } from "rxjs";
+import * as crypto from "node:crypto";
+
+interface CardInitiateRequest {
+  amount: number;
+  currency: string;
+  description: string;
+  metadata: {
+    merchantOrderId: string;
+    orderRef: string;
+  };
+  return_url: string;
+  webhook_url: string;
+}
+
+interface CardInitiateResponse {
+  id: string;
+  status: string;
+  client_secret: string;
+  checkout_url: string;
+  expires_at: number;
+}
+
+interface CardQueryResponse {
+  id: string;
+  status: string;
+  amount: number;
+  currency: string;
+  transaction_id?: string;
+  paid_at?: number;
+  failure_code?: string;
+  failure_message?: string;
+}
+
+@Injectable()
+export class CardProvider implements PaymentProvider {
+  readonly method = ProviderMethod.CARD;
+  private readonly logger = new Logger(CardProvider.name);
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {}
+
+  async initiate(
+    input: ProviderInitiationInput,
+  ): Promise<ProviderInitiationResult> {
+    const amount = input.amountMinor / 100;
+
+    const requestBody: CardInitiateRequest = {
+      amount,
+      currency: input.currency,
+      description: `EDR ${input.orderRef}`,
+      metadata: {
+        merchantOrderId: input.merchantOrderId,
+        orderRef: input.orderRef,
+      },
+      // Per-transaction browser return target (each calling app has its own UI); config is fallback.
+      return_url: input.returnUrl ?? this.returnUrl,
+      webhook_url: this.webhookUrl,
+    };
+
+    const response = await this.postJson<CardInitiateResponse>(
+      `${this.baseUrl}/v1/payment_intents`,
+      requestBody,
+    );
+
+    if (!response.id) {
+      throw new Error(
+        `Card gateway initiate failed: ${JSON.stringify(response)}`,
+      );
+    }
+
+    const expiresAt = new Date(response.expires_at * 1000);
+
+    return {
+      providerOrderId: response.id,
+      clientAction: { type: "REDIRECT", url: response.checkout_url },
+      expiresAt,
+      rawInitiation: {
+        request: requestBody,
+        response,
+      },
+    };
+  }
+
+  async queryStatus(merchantOrderId: string): Promise<ProviderStatus> {
+    // For card payments, we need to find the payment intent by metadata
+    // In a real implementation, we'd store the provider order ID and use it directly
+    const response = await this.getJson<CardQueryResponse>(
+      `${this.baseUrl}/v1/payment_intents/search?metadata[merchantOrderId]=${merchantOrderId}`,
+    );
+
+    const mapped = this.mapStatus(response.status);
+
+    return {
+      status: mapped,
+      providerTxnId: response.transaction_id,
+      failureCode: response.failure_code,
+      failureMessage: response.failure_message,
+      rawResponse: response as unknown as Record<string, unknown>,
+    };
+  }
+
+  verifyWebhookSignature(
+    payload: Record<string, unknown>,
+    signature: string,
+  ): boolean {
+    const payloadString = JSON.stringify(payload);
+    const expectedSignature = crypto
+      .createHmac("sha256", this.webhookSecret)
+      .update(payloadString)
+      .digest("hex");
+
+    try {
+      return crypto.timingSafeEqual(
+        Buffer.from(signature),
+        Buffer.from(expectedSignature),
+      );
+    } catch {
+      return false;
+    }
+  }
+
+  mapWebhookStatus(status: string): ProviderPaymentStatus {
+    return this.mapStatus(status);
+  }
+
+  private mapStatus(status: string): ProviderPaymentStatus {
+    switch (status?.toLowerCase()) {
+      case "succeeded":
+      case "paid":
+        return ProviderPaymentStatus.SUCCEEDED;
+      case "failed":
+      case "canceled":
+      case "expired":
+        return ProviderPaymentStatus.FAILED;
+      case "requires_payment_method":
+      case "requires_confirmation":
+      case "requires_action":
+        return ProviderPaymentStatus.REQUIRES_ACTION;
+      case "processing":
+        return ProviderPaymentStatus.PROCESSING;
+      default:
+        return ProviderPaymentStatus.PROCESSING;
+    }
+  }
+
+  private async postJson<T>(url: string, body: unknown): Promise<T> {
+    const config: AxiosRequestConfig = {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${this.apiKey}`,
+      },
+      timeout: 10_000,
+    };
+
+    const started = Date.now();
+    try {
+      const res = await firstValueFrom(this.http.post<T>(url, body, config));
+      this.logger.debug(
+        `Card Gateway POST ${url} status=${res.status} latency=${Date.now() - started}ms`,
+      );
+      return res.data;
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `Card Gateway POST ${url} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)}`,
+        );
+      } else {
+        this.logger.error(
+          `Card Gateway POST ${url} threw: ${err instanceof Error ? err.message : err}`,
+        );
+      }
+      throw err;
+    }
+  }
+
+  private async getJson<T>(url: string): Promise<T> {
+    const config: AxiosRequestConfig = {
+      headers: {
+        Authorization: `Bearer ${this.apiKey}`,
+      },
+      timeout: 10_000,
+    };
+
+    const started = Date.now();
+    try {
+      const res = await firstValueFrom(this.http.get<T>(url, config));
+      this.logger.debug(
+        `Card Gateway GET ${url} status=${res.status} latency=${Date.now() - started}ms`,
+      );
+      return res.data;
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `Card Gateway GET ${url} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)}`,
+        );
+      } else {
+        this.logger.error(
+          `Card Gateway GET ${url} threw: ${err instanceof Error ? err.message : err}`,
+        );
+      }
+      throw err;
+    }
+  }
+
+  private get baseUrl(): string {
+    return this.config.get<string>("card.baseUrl") ?? "";
+  }
+  private get apiKey(): string {
+    return this.config.get<string>("card.apiKey") ?? "";
+  }
+  private get webhookSecret(): string {
+    return this.config.get<string>("card.webhookSecret") ?? "";
+  }
+  private get webhookUrl(): string {
+    return this.config.get<string>("card.webhookUrl") ?? "";
+  }
+  private get returnUrl(): string {
+    return this.config.get<string>("card.returnUrl") ?? "";
+  }
+}
diff --git a/packages/payment-providers/src/providers/cbe-birr/cbe-birr.provider.ts b/packages/payment-providers/src/providers/cbe-birr/cbe-birr.provider.ts
new file mode 100644
index 000000000..2f3303374
--- /dev/null
+++ b/packages/payment-providers/src/providers/cbe-birr/cbe-birr.provider.ts
@@ -0,0 +1,222 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { HttpService } from "@nestjs/axios";
+import {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ProviderPaymentStatus,
+  ProviderMethod,
+} from "@edr/types";
+import { AxiosError, AxiosRequestConfig } from "axios";
+import { firstValueFrom } from "rxjs";
+import * as crypto from "node:crypto";
+
+interface CbeBirrInitiateRequest {
+  merchantId: string;
+  merchantOrderId: string;
+  amount: string;
+  currency: string;
+  description: string;
+  returnUrl: string;
+  notifyUrl: string;
+  timestamp: string;
+  signature: string;
+}
+
+interface CbeBirrInitiateResponse {
+  success: boolean;
+  orderId: string;
+  paymentUrl: string;
+  expiresIn: number;
+}
+
+interface CbeBirrQueryResponse {
+  success: boolean;
+  orderId: string;
+  status: string;
+  transactionId?: string;
+  amount?: string;
+  paidAt?: string;
+}
+
+@Injectable()
+export class CbeBirrProvider implements PaymentProvider {
+  readonly method = ProviderMethod.CBE_BIRR;
+  private readonly logger = new Logger(CbeBirrProvider.name);
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {}
+
+  async initiate(
+    input: ProviderInitiationInput,
+  ): Promise<ProviderInitiationResult> {
+    const amount = (input.amountMinor / 100).toFixed(2);
+    const timestamp = new Date().toISOString();
+
+    const requestBody: CbeBirrInitiateRequest = {
+      merchantId: this.merchantId,
+      merchantOrderId: input.merchantOrderId,
+      amount,
+      currency: input.currency,
+      description: `EDR ${input.orderRef}`,
+      // Per-transaction browser return target (each calling app has its own UI); config is fallback.
+      returnUrl: input.returnUrl ?? this.returnUrl,
+      notifyUrl: this.notifyUrl,
+      timestamp,
+      signature: this.signRequest({
+        merchantId: this.merchantId,
+        merchantOrderId: input.merchantOrderId,
+        amount,
+        timestamp,
+      }),
+    };
+
+    const response = await this.postJson<CbeBirrInitiateResponse>(
+      `${this.baseUrl}/api/v1/payment/initiate`,
+      requestBody,
+    );
+
+    if (!response.success || !response.orderId) {
+      throw new Error(`CBE Birr initiate failed: ${JSON.stringify(response)}`);
+    }
+
+    const expiresAt = new Date(Date.now() + response.expiresIn * 1000);
+
+    return {
+      providerOrderId: response.orderId,
+      clientAction: { type: "REDIRECT", url: response.paymentUrl },
+      expiresAt,
+      rawInitiation: {
+        request: this.sanitize(requestBody),
+        response,
+      },
+    };
+  }
+
+  async queryStatus(merchantOrderId: string): Promise<ProviderStatus> {
+    const timestamp = new Date().toISOString();
+    const signature = this.signRequest({
+      merchantId: this.merchantId,
+      merchantOrderId,
+      timestamp,
+    });
+
+    const response = await this.postJson<CbeBirrQueryResponse>(
+      `${this.baseUrl}/api/v1/payment/query`,
+      {
+        merchantId: this.merchantId,
+        merchantOrderId,
+        timestamp,
+        signature,
+      },
+    );
+
+    const mapped = this.mapStatus(response.status);
+
+    return {
+      status: mapped,
+      providerTxnId: response.transactionId,
+      failureCode:
+        mapped === ProviderPaymentStatus.FAILED ? response.status : undefined,
+      rawResponse: response as unknown as Record<string, unknown>,
+    };
+  }
+
+  verifyWebhookSignature(payload: Record<string, unknown>): boolean {
+    const { signature, ...data } = payload;
+    if (!signature || typeof signature !== "string") return false;
+
+    const expectedSignature = this.signRequest(data);
+    return crypto.timingSafeEqual(
+      Buffer.from(signature),
+      Buffer.from(expectedSignature),
+    );
+  }
+
+  mapWebhookStatus(status: string): ProviderPaymentStatus {
+    return this.mapStatus(status);
+  }
+
+  private mapStatus(status: string): ProviderPaymentStatus {
+    switch (status?.toUpperCase()) {
+      case "SUCCESS":
+      case "COMPLETED":
+        return ProviderPaymentStatus.SUCCEEDED;
+      case "FAILED":
+      case "REJECTED":
+      case "EXPIRED":
+        return ProviderPaymentStatus.FAILED;
+      case "PENDING":
+        return ProviderPaymentStatus.REQUIRES_ACTION;
+      case "PROCESSING":
+        return ProviderPaymentStatus.PROCESSING;
+      default:
+        return ProviderPaymentStatus.PROCESSING;
+    }
+  }
+
+  private signRequest(data: Record<string, unknown>): string {
+    const sortedKeys = Object.keys(data).sort();
+    const signString = sortedKeys.map((key) => `${key}=${data[key]}`).join("&");
+
+    return crypto
+      .createHmac("sha256", this.secretKey)
+      .update(signString)
+      .digest("hex");
+  }
+
+  private async postJson<T>(url: string, body: unknown): Promise<T> {
+    const config: AxiosRequestConfig = {
+      headers: {
+        "Content-Type": "application/json",
+        "X-Merchant-Id": this.merchantId,
+      },
+      timeout: 10_000,
+    };
+
+    const started = Date.now();
+    try {
+      const res = await firstValueFrom(this.http.post<T>(url, body, config));
+      this.logger.debug(
+        `CBE Birr POST ${url} status=${res.status} latency=${Date.now() - started}ms`,
+      );
+      return res.data;
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `CBE Birr POST ${url} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)}`,
+        );
+      } else {
+        this.logger.error(
+          `CBE Birr POST ${url} threw: ${err instanceof Error ? err.message : err}`,
+        );
+      }
+      throw err;
+    }
+  }
+
+  private sanitize(body: CbeBirrInitiateRequest): Record<string, unknown> {
+    const { signature: _signature, ...rest } = body;
+    return rest;
+  }
+
+  private get baseUrl(): string {
+    return this.config.get<string>("cbe.baseUrl") ?? "";
+  }
+  private get merchantId(): string {
+    return this.config.get<string>("cbe.merchantId") ?? "";
+  }
+  private get secretKey(): string {
+    return this.config.get<string>("cbe.secretKey") ?? "";
+  }
+  private get notifyUrl(): string {
+    return this.config.get<string>("cbe.notifyUrl") ?? "";
+  }
+  private get returnUrl(): string {
+    return this.config.get<string>("cbe.returnUrl") ?? "";
+  }
+}
diff --git a/packages/payment-providers/src/providers/dmoney/dmoney.provider.ts b/packages/payment-providers/src/providers/dmoney/dmoney.provider.ts
new file mode 100644
index 000000000..cadb5e482
--- /dev/null
+++ b/packages/payment-providers/src/providers/dmoney/dmoney.provider.ts
@@ -0,0 +1,355 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { HttpService } from "@nestjs/axios";
+import {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ProviderPaymentStatus,
+  ProviderMethod,
+} from "@edr/types";
+import { AxiosError, AxiosRequestConfig } from "axios";
+import { firstValueFrom } from "rxjs";
+import * as https from "node:https";
+import {
+  createNonceStr,
+  createTimestamp,
+  signRequestObject,
+  verifyRequestObject,
+} from "../telebirr/telebirr.crypto";
+import {
+  DMoneyFabricTokenResponse,
+  DMoneyPreOrderRequest,
+  DMoneyPreOrderResponse,
+  DMoneyQueryOrderResponse,
+} from "./dmoney.types";
+
+const DMONEY_HTTP_TIMEOUT_MS = 10_000;
+
+/**
+ * D-Money (Djibouti) shares the same payment-gateway platform as Telebirr: fabric-token auth,
+ * payment.preorder / payment.queryorder, SHA256withRSA (PSS) signing, and a signed paygate
+ * web-checkout redirect. This provider mirrors TelebirrProvider, differing only in endpoint
+ * paths, the already-"Bearer"-prefixed token, the queryOrder status field (order_status), and
+ * the web-only client action (no LAUNCH_APP). Crypto is reused from telebirr.crypto (RSA-PSS).
+ */
+@Injectable()
+export class DMoneyProvider implements PaymentProvider {
+  readonly method = ProviderMethod.DMONEY;
+  private readonly logger = new Logger(DMoneyProvider.name);
+  private readonly httpsAgent: https.Agent;
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {
+    const insecure = this.config.get<boolean>("dmoney.insecureTls");
+    if (insecure) {
+      this.logger.warn(
+        "DMONEY_INSECURE_TLS=true — TLS verification disabled for D-Money calls. DEV ONLY.",
+      );
+    }
+    this.httpsAgent = new https.Agent({
+      rejectUnauthorized: !insecure,
+      secureProtocol: "TLSv1_2_method",
+    });
+  }
+
+  async initiate(
+    input: ProviderInitiationInput,
+  ): Promise<ProviderInitiationResult> {
+    const fabricToken = await this.applyFabricToken();
+    const requestBody = this.buildPreOrderRequest(input);
+    const response = await this.postJson<DMoneyPreOrderResponse>(
+      `${this.baseUrl}/apiaccess/payment/gateway/payment/v1/merchant/preOrder`,
+      requestBody,
+      {
+        "Content-Type": "application/json",
+        "X-APP-Key": this.fabricAppId,
+        Authorization: fabricToken,
+      },
+    );
+
+    const prepayId = response.biz_content?.prepay_id;
+    if (response.result !== "SUCCESS" || !prepayId) {
+      throw new Error(
+        `D-Money preOrder failed: ${JSON.stringify(response)}`,
+      );
+    }
+
+    const expiresAt = this.computeExpiresAt(
+      requestBody.biz_content.timeout_express,
+    );
+
+    return {
+      providerOrderId: prepayId,
+      clientAction: {
+        type: "REDIRECT",
+        url: this.buildCheckoutUrl(prepayId),
+      },
+      expiresAt,
+      rawInitiation: {
+        request: this.sanitize(requestBody),
+        response,
+      },
+    };
+  }
+
+  async queryStatus(merchantOrderId: string): Promise<ProviderStatus> {
+    const fabricToken = await this.applyFabricToken();
+    const requestBody = this.buildQueryOrderRequest(merchantOrderId);
+    const response = await this.postJson<DMoneyQueryOrderResponse>(
+      `${this.baseUrl}/apiaccess/payment/v1/merchant/queryOrder`,
+      requestBody,
+      {
+        "Content-Type": "application/json",
+        "X-APP-Key": this.fabricAppId,
+        Authorization: fabricToken,
+      },
+    );
+
+    const orderStatus = response.biz_content?.order_status;
+    const providerTxnId = response.biz_content?.payment_order_id;
+    const mapped = this.mapOrderStatus(orderStatus);
+
+    return {
+      status: mapped,
+      providerTxnId,
+      failureCode:
+        mapped === ProviderPaymentStatus.FAILED && orderStatus
+          ? orderStatus
+          : undefined,
+      rawResponse: response as Record<string, unknown>,
+    };
+  }
+
+  /** queryOrder `order_status` → shared status. */
+  mapOrderStatus(orderStatus: string | undefined): ProviderPaymentStatus {
+    switch (orderStatus) {
+      case "PAY_SUCCESS":
+      case "Completed":
+      case "SUCCESS":
+        return ProviderPaymentStatus.SUCCEEDED;
+      case "PAY_FAILED":
+      case "Failure":
+      case "ORDER_CLOSED":
+      case "Expired":
+        return ProviderPaymentStatus.FAILED;
+      case "WAIT_PAY":
+        return ProviderPaymentStatus.REQUIRES_ACTION;
+      case "PAYING":
+      case "Paying":
+        return ProviderPaymentStatus.PROCESSING;
+      default:
+        return ProviderPaymentStatus.PROCESSING;
+    }
+  }
+
+  /** Notification `trade_status` → shared status. */
+  mapWebhookTradeStatus(
+    tradeStatus: string | undefined,
+  ): ProviderPaymentStatus {
+    switch (tradeStatus) {
+      case "Completed":
+        return ProviderPaymentStatus.SUCCEEDED;
+      case "Failure":
+      case "Expired":
+        return ProviderPaymentStatus.FAILED;
+      case "Paying":
+        return ProviderPaymentStatus.PROCESSING;
+      default:
+        return ProviderPaymentStatus.PROCESSING;
+    }
+  }
+
+  verifyWebhookSignature(payload: Record<string, unknown>): boolean {
+    if (!this.publicKey) {
+      this.logger.error(
+        "DMONEY_PUBLIC_KEY not configured; rejecting all webhooks",
+      );
+      return false;
+    }
+    return verifyRequestObject(payload, this.publicKey);
+  }
+
+  private async applyFabricToken(): Promise<string> {
+    const response = await this.postJson<DMoneyFabricTokenResponse>(
+      `${this.baseUrl}/apiaccess/payment/gateway/payment/v1/token`,
+      { appSecret: this.appSecret },
+      {
+        "Content-Type": "application/json",
+        "X-APP-Key": this.fabricAppId,
+      },
+    );
+    if (!response?.token) {
+      throw new Error(
+        `D-Money token request failed: ${JSON.stringify(response)}`,
+      );
+    }
+    // D-Money returns the token already prefixed with "Bearer " — use it verbatim.
+    return response.token;
+  }
+
+  private buildPreOrderRequest(
+    input: ProviderInitiationInput,
+  ): DMoneyPreOrderRequest {
+    const totalAmount = (input.amountMinor).toFixed(2);
+    const redirectUrl = input.redirectUrl ?? this.returnUrl;
+    const req = {
+      timestamp: createTimestamp(),
+      nonce_str: createNonceStr(),
+      method: "payment.preorder" as const,
+      version: "1.0" as const,
+      biz_content: {
+        notify_url: this.notifyUrl,
+        appid: this.merchantAppId,
+        merch_code: this.merchantCode,
+        merch_order_id: input.merchantOrderId,
+        trade_type: "Checkout" as const,
+        title: `EDR ${input.orderRef}`,
+        total_amount: totalAmount,
+        trans_currency:  1 == 1 ? "DJF": this.currency,
+        timeout_express: this.timeoutExpress,
+        ...(redirectUrl ? { redirect_url: redirectUrl } : {}),
+      },
+    };
+
+    console.log("\n\n\n")
+    console.log(req)
+    console.log("\n\n\n")
+    const sign = signRequestObject(
+      req as unknown as Record<string, unknown>,
+      this.privateKey,
+    );
+    return { ...req, sign, sign_type: "SHA256WithRSA" };
+  }
+
+  private buildQueryOrderRequest(
+    merchantOrderId: string,
+  ): Record<string, unknown> {
+    const req = {
+      timestamp: createTimestamp(),
+      nonce_str: createNonceStr(),
+      method: "payment.queryorder",
+      version: "1.0",
+      biz_content: {
+        appid: this.merchantAppId,
+        merch_code: this.merchantCode,
+        merch_order_id: merchantOrderId,
+      },
+    };
+    const sign = signRequestObject(
+      req as Record<string, unknown>,
+      this.privateKey,
+    );
+    return { ...req, sign, sign_type: "SHA256WithRSA" };
+  }
+
+  private buildCheckoutUrl(prepayId: string): string {
+    // Only these five fields are signed for the paygate URL.
+    const map: Record<string, string> = {
+      appid: this.merchantAppId,
+      merch_code: this.merchantCode,
+      nonce_str: createNonceStr(),
+      prepay_id: prepayId,
+      timestamp: createTimestamp(),
+    };
+    const sign = signRequestObject(map, this.privateKey);
+    const query = [
+      `appid=${map.appid}`,
+      `merch_code=${map.merch_code}`,
+      `nonce_str=${map.nonce_str}`,
+      `prepay_id=${map.prepay_id}`,
+      `timestamp=${map.timestamp}`,
+      `sign=${sign}`,
+      "sign_type=SHA256WithRSA",
+      "version=1.0",
+      "trade_type=Checkout",
+      `language=${this.language}`,
+    ].join("&");
+    return `${this.webBaseUrl}/payment/web/paygate?${query}`;
+  }
+
+  private computeExpiresAt(timeoutExpress: string): Date {
+    const match = /^(\d+)m$/.exec(timeoutExpress);
+    const minutes = match ? parseInt(match[1], 10) : 120;
+    return new Date(Date.now() + minutes * 60_000);
+  }
+
+  private async postJson<T>(
+    url: string,
+    body: unknown,
+    headers: Record<string, string>,
+  ): Promise<T> {
+    const config: AxiosRequestConfig = {
+      headers,
+      timeout: DMONEY_HTTP_TIMEOUT_MS,
+      httpsAgent: this.httpsAgent,
+    };
+    const started = Date.now();
+    try {
+      const res = await firstValueFrom(this.http.post<T>(url, body, config));
+      this.logger.debug(
+        `D-Money POST ${url} status=${res.status} latency=${Date.now() - started}ms`,
+      );
+      return res.data;
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `D-Money POST ${url} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)} code=${err.code} message=${err.message}`,
+        );
+      } else {
+        this.logger.error(
+          `D-Money POST ${url} threw: ${err instanceof Error ? err.message : err}`,
+        );
+      }
+      throw err;
+    }
+  }
+
+  private sanitize(body: DMoneyPreOrderRequest): Record<string, unknown> {
+    const { sign: _sign, ...rest } = body;
+    return rest;
+  }
+
+  private get baseUrl(): string {
+    return this.config.get<string>("dmoney.baseUrl") ?? "";
+  }
+  private get webBaseUrl(): string {
+    return this.config.get<string>("dmoney.webBaseUrl") ?? "";
+  }
+  private get fabricAppId(): string {
+    return this.config.get<string>("dmoney.fabricAppId") ?? "";
+  }
+  private get appSecret(): string {
+    return this.config.get<string>("dmoney.appSecret") ?? "";
+  }
+  private get merchantAppId(): string {
+    return this.config.get<string>("dmoney.merchantAppId") ?? "";
+  }
+  private get merchantCode(): string {
+    return this.config.get<string>("dmoney.merchantCode") ?? "";
+  }
+  private get notifyUrl(): string {
+    return this.config.get<string>("dmoney.notifyUrl") ?? "";
+  }
+  private get returnUrl(): string {
+    return this.config.get<string>("dmoney.returnUrl") ?? "";
+  }
+  private get timeoutExpress(): string {
+    return this.config.get<string>("dmoney.timeoutExpress") ?? "120m";
+  }
+  private get language(): string {
+    return this.config.get<string>("dmoney.language") ?? "en";
+  }
+  private get currency(): string {
+    return this.config.get<string>("dmoney.currency") ?? "FDJ";
+  }
+  private get privateKey(): string {
+    return this.config.get<string>("dmoney.privateKey") ?? "";
+  }
+  private get publicKey(): string {
+    return this.config.get<string>("dmoney.publicKey") ?? "";
+  }
+}
diff --git a/packages/payment-providers/src/providers/dmoney/dmoney.types.ts b/packages/payment-providers/src/providers/dmoney/dmoney.types.ts
new file mode 100644
index 000000000..72a5f2669
--- /dev/null
+++ b/packages/payment-providers/src/providers/dmoney/dmoney.types.ts
@@ -0,0 +1,76 @@
+export interface DMoneyFabricTokenResponse {
+  /** Returned already prefixed with "Bearer " — set Authorization to this value verbatim. */
+  token: string;
+  effectiveDate?: string;
+  expirationDate?: string;
+}
+
+export interface DMoneyPreOrderBizContent {
+  notify_url: string;
+  appid: string;
+  merch_code: string;
+  merch_order_id: string;
+  trade_type: 'Checkout';
+  title: string;
+  total_amount: string;
+  trans_currency: string;
+  timeout_express: string;
+  business_type?: string;
+  redirect_url?: string;
+  callback_info?: string;
+}
+
+export interface DMoneyPreOrderRequest {
+  timestamp: string;
+  nonce_str: string;
+  method: 'payment.preorder';
+  version: '1.0';
+  biz_content: DMoneyPreOrderBizContent;
+  sign: string;
+  sign_type: 'SHA256WithRSA';
+}
+
+export interface DMoneyPreOrderResponse {
+  result?: 'SUCCESS' | 'FAIL';
+  code?: string;
+  msg?: string;
+  nonce_str?: string;
+  sign?: string;
+  sign_type?: string;
+  biz_content?: {
+    merch_order_id?: string;
+    prepay_id?: string;
+    [key: string]: unknown;
+  };
+  [key: string]: unknown;
+}
+
+export type DMoneyOrderStatus =
+  | 'PAY_SUCCESS'
+  | 'PAY_FAILED'
+  | 'WAIT_PAY'
+  | 'ORDER_CLOSED'
+  | 'PAYING'
+  | 'Completed'
+  | 'Failure'
+  | 'Expired'
+  | 'Paying';
+
+export interface DMoneyQueryOrderResponse {
+  result?: 'SUCCESS' | 'FAIL';
+  code?: string;
+  msg?: string;
+  nonce_str?: string;
+  sign?: string;
+  sign_type?: string;
+  biz_content?: {
+    merch_order_id?: string;
+    order_status?: DMoneyOrderStatus | string;
+    payment_order_id?: string;
+    trans_time?: string;
+    trans_currency?: string;
+    total_amount?: string;
+    [key: string]: unknown;
+  };
+  [key: string]: unknown;
+}
diff --git a/packages/payment-providers/src/providers/ebirr/ebirr.provider.ts b/packages/payment-providers/src/providers/ebirr/ebirr.provider.ts
new file mode 100644
index 000000000..2f8e954cf
--- /dev/null
+++ b/packages/payment-providers/src/providers/ebirr/ebirr.provider.ts
@@ -0,0 +1,236 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { HttpService } from "@nestjs/axios";
+import {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ProviderPaymentStatus,
+  ProviderMethod,
+} from "@edr/types";
+import { AxiosError, AxiosRequestConfig } from "axios";
+import { firstValueFrom } from "rxjs";
+import * as crypto from "node:crypto";
+
+interface EBirrInitiateRequest {
+  merchantCode: string;
+  orderNo: string;
+  amount: number;
+  currency: string;
+  subject: string;
+  body: string;
+  notifyUrl: string;
+  returnUrl: string;
+  timestamp: number;
+  sign: string;
+}
+
+interface EBirrInitiateResponse {
+  code: string;
+  message: string;
+  data?: {
+    orderNo: string;
+    payUrl: string;
+    expireTime: number;
+  };
+}
+
+interface EBirrQueryResponse {
+  code: string;
+  message: string;
+  data?: {
+    orderNo: string;
+    tradeStatus: string;
+    tradeNo?: string;
+    totalAmount?: number;
+    payTime?: number;
+  };
+}
+
+@Injectable()
+export class EBirrProvider implements PaymentProvider {
+  readonly method = ProviderMethod.EBIRR;
+  private readonly logger = new Logger(EBirrProvider.name);
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {}
+
+  async initiate(
+    input: ProviderInitiationInput,
+  ): Promise<ProviderInitiationResult> {
+    const amount = input.amountMinor / 100;
+    const timestamp = Date.now();
+
+    const requestBody: EBirrInitiateRequest = {
+      merchantCode: this.merchantCode,
+      orderNo: input.merchantOrderId,
+      amount,
+      currency: input.currency,
+      subject: `EDR Ticket`,
+      body: `Order ${input.orderRef}`,
+      notifyUrl: this.notifyUrl,
+      // Per-transaction browser return target (each calling app has its own UI); config is fallback.
+      returnUrl: input.returnUrl ?? this.returnUrl,
+      timestamp,
+      sign: this.signRequest({
+        merchantCode: this.merchantCode,
+        orderNo: input.merchantOrderId,
+        amount,
+        timestamp,
+      }),
+    };
+
+    const response = await this.postJson<EBirrInitiateResponse>(
+      `${this.baseUrl}/gateway/api/pay/create`,
+      requestBody,
+    );
+
+    if (response.code !== "0000" || !response.data?.orderNo) {
+      throw new Error(`eBirr initiate failed: ${response.message}`);
+    }
+
+    const expiresAt = new Date(response.data.expireTime);
+
+    return {
+      providerOrderId: response.data.orderNo,
+      clientAction: { type: "REDIRECT", url: response.data.payUrl },
+      expiresAt,
+      rawInitiation: {
+        request: this.sanitize(requestBody),
+        response,
+      },
+    };
+  }
+
+  async queryStatus(merchantOrderId: string): Promise<ProviderStatus> {
+    const timestamp = Date.now();
+    const requestBody = {
+      merchantCode: this.merchantCode,
+      orderNo: merchantOrderId,
+      timestamp,
+      sign: this.signRequest({
+        merchantCode: this.merchantCode,
+        orderNo: merchantOrderId,
+        timestamp,
+      }),
+    };
+
+    const response = await this.postJson<EBirrQueryResponse>(
+      `${this.baseUrl}/gateway/api/pay/query`,
+      requestBody,
+    );
+
+    if (response.code !== "0000" || !response.data) {
+      throw new Error(`eBirr query failed: ${response.message}`);
+    }
+
+    const mapped = this.mapStatus(response.data.tradeStatus);
+
+    return {
+      status: mapped,
+      providerTxnId: response.data.tradeNo,
+      failureCode:
+        mapped === ProviderPaymentStatus.FAILED
+          ? response.data.tradeStatus
+          : undefined,
+      rawResponse: response as unknown as Record<string, unknown>,
+    };
+  }
+
+  verifyWebhookSignature(payload: Record<string, unknown>): boolean {
+    const { sign, ...data } = payload;
+    if (!sign || typeof sign !== "string") return false;
+
+    const expectedSign = this.signRequest(data);
+    return crypto.timingSafeEqual(Buffer.from(sign), Buffer.from(expectedSign));
+  }
+
+  mapWebhookStatus(tradeStatus: string): ProviderPaymentStatus {
+    return this.mapStatus(tradeStatus);
+  }
+
+  private mapStatus(tradeStatus: string): ProviderPaymentStatus {
+    switch (tradeStatus?.toUpperCase()) {
+      case "TRADE_SUCCESS":
+      case "SUCCESS":
+        return ProviderPaymentStatus.SUCCEEDED;
+      case "TRADE_CLOSED":
+      case "TRADE_FAILED":
+      case "FAILED":
+        return ProviderPaymentStatus.FAILED;
+      case "WAIT_BUYER_PAY":
+      case "PENDING":
+        return ProviderPaymentStatus.REQUIRES_ACTION;
+      case "PROCESSING":
+        return ProviderPaymentStatus.PROCESSING;
+      default:
+        return ProviderPaymentStatus.PROCESSING;
+    }
+  }
+
+  private signRequest(data: Record<string, unknown>): string {
+    const sortedKeys = Object.keys(data).sort();
+    const signString =
+      sortedKeys.map((key) => `${key}=${data[key]}`).join("&") +
+      `&key=${this.secretKey}`;
+
+    return crypto
+      .createHash("md5")
+      .update(signString)
+      .digest("hex")
+      .toUpperCase();
+  }
+
+  private async postJson<T>(url: string, body: unknown): Promise<T> {
+    const config: AxiosRequestConfig = {
+      headers: {
+        "Content-Type": "application/json",
+      },
+      timeout: 10_000,
+    };
+
+    const started = Date.now();
+    try {
+      const res = await firstValueFrom(this.http.post<T>(url, body, config));
+      this.logger.debug(
+        `eBirr POST ${url} status=${res.status} latency=${Date.now() - started}ms`,
+      );
+      return res.data;
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `eBirr POST ${url} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)}`,
+        );
+      } else {
+        this.logger.error(
+          `eBirr POST ${url} threw: ${err instanceof Error ? err.message : err}`,
+        );
+      }
+      throw err;
+    }
+  }
+
+  private sanitize(body: EBirrInitiateRequest): Record<string, unknown> {
+    const { sign: _sign, ...rest } = body;
+    return rest;
+  }
+
+  private get baseUrl(): string {
+    return this.config.get<string>("ebirr.baseUrl") ?? "";
+  }
+  private get merchantCode(): string {
+    return this.config.get<string>("ebirr.merchantCode") ?? "";
+  }
+  private get secretKey(): string {
+    return this.config.get<string>("ebirr.secretKey") ?? "";
+  }
+  private get notifyUrl(): string {
+    return this.config.get<string>("ebirr.notifyUrl") ?? "";
+  }
+  private get returnUrl(): string {
+    return this.config.get<string>("ebirr.returnUrl") ?? "";
+  }
+}
diff --git a/packages/payment-providers/src/providers/telebirr/telebirr.crypto.ts b/packages/payment-providers/src/providers/telebirr/telebirr.crypto.ts
new file mode 100644
index 000000000..d8c2e6763
--- /dev/null
+++ b/packages/payment-providers/src/providers/telebirr/telebirr.crypto.ts
@@ -0,0 +1,101 @@
+import * as crypto from 'crypto';
+
+const EXCLUDE_FIELDS = new Set([
+  'sign',
+  'sign_type',
+  'header',
+  'refund_info',
+  'openType',
+  'raw_request',
+  'biz_content',
+]);
+
+const NONCE_CHARS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+
+export function buildCanonicalString(requestObject: Record<string, unknown>): string {
+  const fieldMap: Record<string, unknown> = {};
+
+  for (const key of Object.keys(requestObject)) {
+    if (EXCLUDE_FIELDS.has(key)) continue;
+    if (requestObject[key] === undefined) continue;
+    fieldMap[key] = requestObject[key];
+  }
+
+  const biz = requestObject['biz_content'];
+  if (biz && typeof biz === 'object') {
+    for (const key of Object.keys(biz as Record<string, unknown>)) {
+      if (EXCLUDE_FIELDS.has(key)) continue;
+      const value = (biz as Record<string, unknown>)[key];
+      if (value === undefined) continue;
+      fieldMap[key] = value;
+    }
+  }
+
+  return Object.keys(fieldMap)
+    .sort()
+    .map((k) => `${k}=${fieldMap[k]}`)
+    .join('&');
+}
+
+export function signRequestObject(
+  requestObject: Record<string, unknown>,
+  privateKey: string,
+): string {
+  return signString(buildCanonicalString(requestObject), privateKey);
+}
+
+export function verifyRequestObject(
+  requestObject: Record<string, unknown>,
+  publicKey: string,
+): boolean {
+  const signature = requestObject['sign'];
+  if (typeof signature !== 'string' || signature.length === 0) return false;
+  return verifySignature(buildCanonicalString(requestObject), signature, publicKey);
+}
+
+export function signString(text: string, privateKey: string): string {
+  const signature = crypto.sign('sha256', Buffer.from(text), {
+    key: privateKey,
+    padding: crypto.constants.RSA_PKCS1_PSS_PADDING,
+    saltLength: crypto.constants.RSA_PSS_SALTLEN_DIGEST,
+  });
+  return signature.toString('base64');
+}
+
+export function verifySignature(
+  text: string,
+  signatureBase64: string,
+  publicKey: string,
+): boolean {
+  try {
+    return crypto.verify(
+      'sha256',
+      Buffer.from(text),
+      {
+        key: publicKey,
+        padding: crypto.constants.RSA_PKCS1_PSS_PADDING,
+        saltLength: crypto.constants.RSA_PSS_SALTLEN_DIGEST,
+      },
+      Buffer.from(signatureBase64, 'base64'),
+    );
+  } catch {
+    return false;
+  }
+}
+
+export function createTimestamp(): string {
+  return Math.round(Date.now() / 1000).toString();
+}
+
+export function createNonceStr(length = 32): string {
+  const bytes = crypto.randomBytes(length);
+  let out = '';
+  for (let i = 0; i < length; i++) {
+    out += NONCE_CHARS[bytes[i] % NONCE_CHARS.length];
+  }
+  return out;
+}
+
+export function createMerchantOrderId(): string {
+  return `${Date.now()}${crypto.randomBytes(4).toString('hex')}`;
+}
diff --git a/packages/payment-providers/src/providers/telebirr/telebirr.provider.ts b/packages/payment-providers/src/providers/telebirr/telebirr.provider.ts
new file mode 100644
index 000000000..ae24834c1
--- /dev/null
+++ b/packages/payment-providers/src/providers/telebirr/telebirr.provider.ts
@@ -0,0 +1,360 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { HttpService } from "@nestjs/axios";
+import {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ProviderPaymentStatus,
+  ProviderMethod,
+} from "@edr/types";
+import { AxiosError, AxiosRequestConfig } from "axios";
+import { firstValueFrom } from "rxjs";
+import * as https from "node:https";
+import {
+  createNonceStr,
+  createTimestamp,
+  signRequestObject,
+  verifyRequestObject,
+} from "./telebirr.crypto";
+import {
+  CreateOrderRequest,
+  CreateOrderResponse,
+  FabricTokenResponse,
+  QueryOrderResponse,
+} from "./telebirr.types";
+
+const TELEBIRR_HTTP_TIMEOUT_MS = 10_000;
+
+@Injectable()
+export class TelebirrProvider implements PaymentProvider {
+  readonly method = ProviderMethod.TELEBIRR;
+  private readonly logger = new Logger(TelebirrProvider.name);
+  private readonly httpsAgent: https.Agent;
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {
+    const insecure = this.config.get<boolean>("telebirr.insecureTls");
+    if (insecure) {
+      this.logger.warn(
+        "TELEBIRR_INSECURE_TLS=true — TLS verification disabled for Telebirr calls. DEV ONLY.",
+      );
+    }
+    this.httpsAgent = new https.Agent({
+      rejectUnauthorized: !insecure,
+      secureProtocol: "TLSv1_2_method",
+    });
+  }
+
+  async initiate(
+    input: ProviderInitiationInput,
+  ): Promise<ProviderInitiationResult> {
+    const fabricToken = await this.applyFabricToken();
+    const requestBody = this.buildCreateOrderRequest(input);
+    const response = await this.requestCreateOrder(fabricToken, requestBody);
+
+    const prepayId = response.biz_content?.prepay_id;
+    if (!prepayId) {
+      throw new Error(
+        `Telebirr createOrder returned no prepay_id: ${JSON.stringify(response)}`,
+      );
+    }
+
+    const expiresAt = this.computeExpiresAt(
+      requestBody.biz_content.timeout_express,
+    );
+    const platform = input.platform ?? "web";
+    const clientAction =
+      platform === "mobile"
+        ? {
+            type: "LAUNCH_APP" as const,
+            appId: this.merchantAppId,
+            receiveCode: response.biz_content?.receiveCode,
+            shortCode: this.merchantCode,
+          }
+        : { type: "REDIRECT" as const, url: this.buildCheckoutUrl(prepayId) };
+
+    return {
+      providerOrderId: prepayId,
+      clientAction,
+      expiresAt,
+      rawInitiation: {
+        request: this.sanitize(requestBody),
+        response,
+      },
+    };
+  }
+
+  async queryStatus(merchantOrderId: string): Promise<ProviderStatus> {
+    const fabricToken = await this.applyFabricToken();
+    const requestBody = this.buildQueryOrderRequest(merchantOrderId);
+    const response = await this.postJson<QueryOrderResponse>(
+      `${this.baseUrl}/payment/v1/merchant/queryOrder`,
+      requestBody,
+      {
+        "Content-Type": "application/json",
+        "X-APP-Key": this.fabricAppId,
+        Authorization: fabricToken,
+      },
+    );
+
+    this.logger.log(response);
+
+    // const tradeStatus = response.biz_content?.trade_status;
+    const orderStatus = response.biz_content?.order_status;
+    const providerTxnId =
+      response.biz_content?.trans_id ?? response.biz_content?.payment_order_id;
+    const mapped = this.mapTradeStatus(orderStatus);
+
+    return {
+      status: mapped,
+      providerTxnId,
+      failureCode:
+        mapped === ProviderPaymentStatus.FAILED && orderStatus
+          ? orderStatus
+          : undefined,
+      rawResponse: response as Record<string, unknown>,
+    };
+  }
+
+  mapTradeStatus(tradeStatus: string | undefined): ProviderPaymentStatus {
+    switch (tradeStatus) {
+      case "PAY_SUCCESS":
+        return ProviderPaymentStatus.SUCCEEDED;
+      case "PAY_FAILED":
+      case "ORDER_CLOSED":
+        return ProviderPaymentStatus.FAILED;
+      case "WAIT_PAY":
+        return ProviderPaymentStatus.REQUIRES_ACTION;
+      case "PAYING":
+        return ProviderPaymentStatus.PROCESSING;
+      default:
+        return ProviderPaymentStatus.PROCESSING;
+    }
+  }
+
+  mapWebhookTradeStatus(
+    tradeStatus: string | undefined,
+  ): ProviderPaymentStatus {
+    switch (tradeStatus?.toUpperCase()) {
+      case "COMPLETED":
+        return ProviderPaymentStatus.SUCCEEDED;
+      case "FAILURE":
+        return ProviderPaymentStatus.FAILED;
+      case "PAYING":
+      case "PENDING":
+      case "EXPIRED":
+        return ProviderPaymentStatus.PROCESSING;
+      default:
+        return ProviderPaymentStatus.PROCESSING;
+    }
+  }
+
+  verifyWebhookSignature(payload: Record<string, unknown>): boolean {
+    if (!this.publicKey) {
+      this.logger.error(
+        "TELEBIRR_PUBLIC_KEY not configured; rejecting all webhooks",
+      );
+      return false;
+    }
+    return verifyRequestObject(payload, this.publicKey);
+  }
+
+  private async applyFabricToken(): Promise<string> {
+    const response = await this.postJson<FabricTokenResponse>(
+      `${this.baseUrl}/payment/v1/token`,
+      { appSecret: this.appSecret },
+      {
+        "Content-Type": "application/json",
+        "X-APP-Key": this.fabricAppId,
+      },
+    );
+    if (!response?.token) {
+      throw new Error(
+        `Telebirr token request failed: ${JSON.stringify(response)}`,
+      );
+    }
+    return response.token;
+  }
+
+  private async requestCreateOrder(
+    fabricToken: string,
+    body: CreateOrderRequest,
+  ): Promise<CreateOrderResponse> {
+    return this.postJson<CreateOrderResponse>(
+      `${this.baseUrl}/payment/v1/inapp/createOrder`,
+      body,
+      {
+        "Content-Type": "application/json",
+        "X-APP-Key": this.fabricAppId,
+        Authorization: fabricToken,
+      },
+    );
+  }
+
+  private buildCreateOrderRequest(
+    input: ProviderInitiationInput,
+  ): CreateOrderRequest {
+    const totalAmount = String(input.amountMinor);
+    const req = {
+      timestamp: createTimestamp(),
+      nonce_str: createNonceStr(),
+      method: "payment.preorder" as const,
+      version: "1.0" as const,
+      biz_content: {
+        notify_url: this.notifyUrl,
+        appid: this.merchantAppId,
+        merch_code: this.merchantCode,
+        merch_order_id: input.merchantOrderId,
+        trade_type: "Checkout" as const,
+        title: `EDR booking payment`,
+        total_amount: totalAmount,
+        trans_currency: input.currency,
+        timeout_express: this.timeoutExpress,
+        ...(input.redirectUrl ? { redirect_url: input.redirectUrl } : {}),
+      },
+    };
+    const sign = signRequestObject(
+      req as unknown as Record<string, unknown>,
+      this.privateKey,
+    );
+    return { ...req, sign, sign_type: "SHA256WithRSA" };
+  }
+
+  private buildQueryOrderRequest(
+    merchantOrderId: string,
+  ): Record<string, unknown> {
+    const req = {
+      timestamp: createTimestamp(),
+      nonce_str: createNonceStr(),
+      method: "payment.queryorder",
+      version: "1.0",
+      biz_content: {
+        appid: this.merchantAppId,
+        merch_code: this.merchantCode,
+        merch_order_id: merchantOrderId,
+      },
+    };
+    const sign = signRequestObject(
+      req as Record<string, unknown>,
+      this.privateKey,
+    );
+    return { ...req, sign, sign_type: "SHA256WithRSA" };
+  }
+
+  private buildCheckoutUrl(prepayId: string): string {
+    const map: Record<string, string> = {
+      appid: this.merchantAppId,
+      merch_code: this.merchantCode,
+      nonce_str: createNonceStr(),
+      prepay_id: prepayId,
+      timestamp: createTimestamp(),
+    };
+    const sign = signRequestObject(map, this.privateKey);
+    const rawRequest = [
+      `appid=${map.appid}`,
+      `merch_code=${map.merch_code}`,
+      `nonce_str=${map.nonce_str}`,
+      `prepay_id=${map.prepay_id}`,
+      `timestamp=${map.timestamp}`,
+      "sign_type=SHA256WithRSA",
+      `sign=${sign}`,
+      "version=1.0",
+      "trade_type=Checkout",
+    ].join("&");
+    return `${this.webBaseUrl}${rawRequest}`;
+  }
+
+  private computeExpiresAt(timeoutExpress: string): Date {
+    const match = /^(\d+)([smhd])$/.exec(timeoutExpress);
+    const minutes = match
+      ? this.toMinutes(parseInt(match[1], 10), match[2])
+      : 15;
+    return new Date(Date.now() + minutes * 60_000);
+  }
+
+  private toMinutes(n: number, unit: string): number {
+    switch (unit) {
+      case "s":
+        return Math.max(1, Math.round(n / 60));
+      case "m":
+        return n;
+      case "h":
+        return n * 60;
+      case "d":
+        return n * 60 * 24;
+      default:
+        return 15;
+    }
+  }
+
+  private async postJson<T>(
+    url: string,
+    body: unknown,
+    headers: Record<string, string>,
+  ): Promise<T> {
+    const config: AxiosRequestConfig = {
+      headers,
+      timeout: TELEBIRR_HTTP_TIMEOUT_MS,
+      httpsAgent: this.httpsAgent,
+    };
+    const started = Date.now();
+    try {
+      const res = await firstValueFrom(this.http.post<T>(url, body, config));
+      this.logger.debug(
+        `Telebirr POST ${url} status=${res.status} latency=${Date.now() - started}ms`,
+      );
+      return res.data;
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `Telebirr POST ${url} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)} code=${err.code} message=${err.message}`,
+        );
+      } else {
+        this.logger.error(
+          `Telebirr POST ${url} threw: ${err instanceof Error ? err.message : err}`,
+        );
+      }
+      throw err;
+    }
+  }
+
+  private sanitize(body: CreateOrderRequest): Record<string, unknown> {
+    const { sign: _sign, ...rest } = body;
+    return rest;
+  }
+
+  private get baseUrl(): string {
+    return this.config.get<string>("telebirr.baseUrl") ?? "";
+  }
+  private get webBaseUrl(): string {
+    return this.config.get<string>("telebirr.webBaseUrl") ?? "";
+  }
+  private get fabricAppId(): string {
+    return this.config.get<string>("telebirr.fabricAppId") ?? "";
+  }
+  private get appSecret(): string {
+    return this.config.get<string>("telebirr.appSecret") ?? "";
+  }
+  private get merchantAppId(): string {
+    return this.config.get<string>("telebirr.merchantAppId") ?? "";
+  }
+  private get merchantCode(): string {
+    return this.config.get<string>("telebirr.merchantCode") ?? "";
+  }
+  private get notifyUrl(): string {
+    return this.config.get<string>("telebirr.notifyUrl") ?? "";
+  }
+  private get timeoutExpress(): string {
+    return this.config.get<string>("telebirr.timeoutExpress") ?? "15m";
+  }
+  private get privateKey(): string {
+    return `-----BEGIN PRIVATE KEY-----\nMIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQC/ZcoOng1sJZ4CegopQVCw3HYqqVRLEudgT+dDpS8fRVy7zBgqZunju2VRCQuHeWs7yWgc9QGd4/8kRSLY+jlvKNeZ60yWcqEY+eKyQMmcjOz2Sn41fcVNgF+HV3DGiV4b23B6BCMjnpEFIb9d99/TsjsFSc7gCPgfl2yWDxE/Y1B2tVE6op2qd63YsMVFQGdre/CQYvFJENpQaBLMq4hHyBDgluUXlF0uA1X7UM0ZjbFC6ZIB/Hn1+pl5Ua8dKYrkVaecolmJT/s7c/+/1JeN+ja8luBoONsoODt2mTeVJHLF9Y3oh5rI+IY8HukIZJ1U6O7/JcjH3aRJTZagXUS9AgMBAAECggEBALBIBx8JcWFfEDZFwuAWeUQ7+VX3mVx/770kOuNx24HYt718D/HV0avfKETHqOfA7AQnz42EF1Yd7Rux1ZO0e3unSVRJhMO4linT1XjJ9ScMISAColWQHk3wY4va/FLPqG7N4L1w3BBtdjIc0A2zRGLNcFDBlxl/CVDHfcqD3CXdLukm/friX6TvnrbTyfAFicYgu0+UtDvfxTL3pRL3u3WTkDvnFK5YXhoazLctNOFrNiiIpCW6dJ7WRYRXuXhz7C0rENHyBtJ0zura1WD5oDbRZ8ON4v1KV4QofWiTFXJpbDgZdEeJJmFmt5HIi+Ny3P5n31WwZpRMHGeHrV23//0CgYEA+2/gYjYWOW3JgMDLX7r8fGPTo1ljkOUHuH98H/a/lE3wnnKKx+2ngRNZX4RfvNG4LLeWTz9plxR2RAqqOTbX8fj/NA/sS4mru9zvzMY1925FcX3WsWKBgKlLryl0vPScq4ejMLSCmypGz4VgLMYZqT4NYIkU2Lo1G1MiDoLy0CcCgYEAwt77exynUhM7AlyjhAA2wSINXLKsdFFF1u976x9kVhOfmbAutfMJPEQWb2WXaOJQMvMpgg2rU5aVsyEcuHsRH/2zatrxrGqLqgxaiqPz4ELINIh1iYK/hdRpr1vATHoebOv1wt8/9qxITNKtQTgQbqYci3KV1lPsOrBAB5S57nsCgYAvw+cagS/jpQmcngOEoh8I+mXgKEET64517DIGWHe4kr3dO+FFbc5eZPCbhqgxVJ3qUM4LK/7BJq/46RXBXLvVSfohR80Z5INtYuFjQ1xJLveeQcuhUxdK+95W3kdBBi8lHtVPkVsmYvekwK+ukcuaLSGZbzE4otcn47kajKHYDQKBgDbQyIbJ+ZsRw8CXVHu2H7DWJlIUBIS3s+CQ/xeVfgDkhjmSIKGX2to0AOeW+S9MseiTE/L8a1wY+MUppE2UeK26DLUbH24zjlPoI7PqCJjl0DFOzVlACSXZKV1lfsNEeriC61/EstZtgezyOkAlSCIH4fGr6tAeTU349Bnt0RtvAoGBAObgxjeH6JGpdLz1BbMj8xUHuYQkbxNeIPhH29CySn0vfhwg9VxAtIoOhvZeCfnsCRTj9OZjepCeUqDiDSoFznglrKhfeKUndHjvg+9kiae92iI6qJudPCHMNwP8wMSphkxUqnXFR3lr9A765GA980818UWZdrhrjLKtIIZdh+X1\n-----END PRIVATE KEY-----`
+  }
+  private get publicKey(): string {
+    return this.config.get<string>("telebirr.publicKey") ?? "";
+  }
+}
diff --git a/packages/payment-providers/src/providers/telebirr/telebirr.types.ts b/packages/payment-providers/src/providers/telebirr/telebirr.types.ts
new file mode 100644
index 000000000..68b434ce7
--- /dev/null
+++ b/packages/payment-providers/src/providers/telebirr/telebirr.types.ts
@@ -0,0 +1,70 @@
+export interface FabricTokenResponse {
+  token: string;
+  expires_in?: number | string;
+}
+
+export interface CreateOrderBizContent {
+  notify_url: string;
+  appid: string;
+  merch_code: string;
+  merch_order_id: string;
+  trade_type: 'Checkout' | 'InApp' | 'MiniApp';
+  title: string;
+  total_amount: string;
+  trans_currency: string;
+  timeout_express: string;
+}
+
+export interface CreateOrderRequest {
+  timestamp: string;
+  nonce_str: string;
+  method: 'payment.preorder';
+  version: '1.0';
+  biz_content: CreateOrderBizContent;
+  sign: string;
+  sign_type: 'SHA256WithRSA';
+}
+
+export interface CreateOrderResponse {
+  code?: string;
+  msg?: string;
+  biz_content?: {
+    prepay_id?: string;
+    receiveCode?: string;
+    [key: string]: unknown;
+  };
+  [key: string]: unknown;
+}
+
+export type TelebirrTradeStatus =
+  | 'PAY_SUCCESS'
+  | 'PAY_FAILED'
+  | 'WAIT_PAY'
+  | 'ORDER_CLOSED'
+  | 'PAYING'
+  | 'ACCEPTED'
+  | 'REFUNDING'
+  | 'REFUND_SUCCESS'
+  | 'REFUND_FAILED';
+
+export interface QueryOrderResponse {
+  result?: 'SUCCESS' | 'FAIL';
+  code?: string;
+  msg?: string;
+  nonce_str?: string;
+  sign?: string;
+  sign_type?: string;
+  biz_content?: {
+    merch_order_id?: string;
+    order_status?: string;
+    trade_status?: TelebirrTradeStatus | string;
+    payment_order_id?: string;
+    trans_id?: string;
+    trans_time?: string;
+    trans_currency?: string;
+    total_amount?: string;
+    [key: string]: unknown;
+  };
+  [key: string]: unknown;
+}
+
diff --git a/packages/payment-providers/src/providers/waafi/waafi.provider.ts b/packages/payment-providers/src/providers/waafi/waafi.provider.ts
new file mode 100644
index 000000000..8551f6086
--- /dev/null
+++ b/packages/payment-providers/src/providers/waafi/waafi.provider.ts
@@ -0,0 +1,298 @@
+import { Injectable, Logger } from "@nestjs/common";
+import { ConfigService } from "@nestjs/config";
+import { HttpService } from "@nestjs/axios";
+import {
+  PaymentProvider,
+  ProviderInitiationInput,
+  ProviderInitiationResult,
+  ProviderStatus,
+  ProviderPaymentStatus,
+  ProviderMethod,
+} from "@edr/types";
+import { AxiosError, AxiosRequestConfig } from "axios";
+import { firstValueFrom } from "rxjs";
+import * as crypto from "node:crypto";
+import * as https from "node:https";
+import {
+  WaafiGetTranInfoRequest,
+  WaafiGetTranInfoResponse,
+  WaafiHppPurchaseRequest,
+  WaafiHppPurchaseResponse,
+} from "./waafi.types";
+
+const WAAFI_HTTP_TIMEOUT_MS = 10_000;
+const WAAFI_SUCCESS_CODE = "2001";
+/** Waafi cancels an unprocessed HPP session after ~5 minutes (RCS_HPP_USERACTION_TIMEOUT). */
+const WAAFI_HPP_SESSION_MS = 5 * 60_000;
+
+@Injectable()
+export class WaafiProvider implements PaymentProvider {
+  readonly method = ProviderMethod.WAAFI;
+  private readonly logger = new Logger(WaafiProvider.name);
+  private readonly httpsAgent: https.Agent;
+
+  constructor(
+    private readonly config: ConfigService,
+    private readonly http: HttpService,
+  ) {
+    const insecure = this.config.get<boolean>("waafi.insecureTls");
+    if (insecure) {
+      this.logger.warn(
+        "WAAFI_INSECURE_TLS=true — TLS verification disabled for Waafi calls. DEV ONLY.",
+      );
+    }
+    this.httpsAgent = new https.Agent({ rejectUnauthorized: !insecure });
+  }
+
+  async initiate(
+    input: ProviderInitiationInput,
+  ): Promise<ProviderInitiationResult> {
+    const requestBody = this.buildPurchaseRequest(input);
+    const response = await this.postJson<WaafiHppPurchaseResponse>(
+      `${this.baseUrl}/asm`,
+      requestBody,
+    );
+
+    if (response.responseCode !== WAAFI_SUCCESS_CODE) {
+      throw new Error(
+        `Waafi HPP_PURCHASE failed: responseCode=${response.responseCode} errorCode=${response.errorCode} msg=${response.responseMsg}`,
+      );
+    }
+
+    const checkoutUrl =
+      response.params?.hppUrl ?? response.params?.directPaymentLink;
+    const orderId = response.params?.orderId;
+    if (!checkoutUrl || !orderId) {
+      throw new Error(
+        `Waafi HPP_PURCHASE succeeded but returned no hppUrl/orderId: ${JSON.stringify(response)}`,
+      );
+    }
+
+    return {
+      providerOrderId: orderId,
+      clientAction: { type: "REDIRECT", url: checkoutUrl },
+      expiresAt: new Date(Date.now() + WAAFI_HPP_SESSION_MS),
+      rawInitiation: {
+        request: this.sanitize(requestBody),
+        response,
+      },
+    };
+  }
+
+  async queryStatus(merchantOrderId: string): Promise<ProviderStatus> {
+    const requestBody = this.buildGetTranInfoRequest(merchantOrderId);
+    const response = await this.postJson<WaafiGetTranInfoResponse>(
+      `${this.baseUrl}/asm`,
+      requestBody,
+    );
+
+    const rawState = response.params?.status ?? response.params?.tranStatusDesc;
+    const transactionId = response.params?.transactionId;
+    const mapped = this.mapStatus(rawState);
+
+    return {
+      status: mapped,
+      providerTxnId: transactionId,
+      failureCode:
+        mapped === ProviderPaymentStatus.FAILED && rawState
+          ? rawState
+          : undefined,
+      rawResponse: response as unknown as Record<string, unknown>,
+    };
+  }
+
+  /** Map a webhook `payment.status` to the shared status enum. */
+  mapWebhookStatus(status: string | undefined): ProviderPaymentStatus {
+    return this.mapStatus(status);
+  }
+
+  /**
+   * Verify an HMAC-SHA256 webhook signature.
+   *
+   * Signing string is `{timestamp}.{eventId}.{rawBody}` over the *raw* request body bytes — the
+   * caller must pass the unparsed body string. Returns false (never throws) on any mismatch so
+   * callers can treat verification as a boolean gate.
+   */
+  verifyWebhookSignature(
+    rawBody: string,
+    signature: string | undefined,
+    timestamp: string | undefined,
+    eventId: string | undefined,
+  ): boolean {
+    if (!this.webhookSecret) {
+      this.logger.error(
+        "WAAFI_WEBHOOK_SECRET not configured; rejecting all webhooks",
+      );
+      return false;
+    }
+    if (!signature || !timestamp || !eventId) {
+      this.logger.warn(
+        "Waafi webhook missing signature/timestamp/event-id headers",
+      );
+      return false;
+    }
+
+    const signingString = `${timestamp}.${eventId}.${rawBody}`;
+    const expected = crypto
+      .createHmac("sha256", this.webhookSecret)
+      .update(signingString)
+      .digest("hex");
+
+    const provided = Buffer.from(signature, "utf8");
+    const computed = Buffer.from(expected, "utf8");
+    if (provided.length !== computed.length) return false;
+    return crypto.timingSafeEqual(provided, computed);
+  }
+
+  private mapStatus(raw: string | undefined): ProviderPaymentStatus {
+    switch (raw?.toUpperCase()) {
+      case "APPROVED":
+      case "SUCCESS":
+        return ProviderPaymentStatus.SUCCEEDED;
+      case "CANCELED":
+      case "CANCELLED":
+        return ProviderPaymentStatus.CANCELLED;
+      case "DECLINED":
+      case "FAILED":
+      case "EXPIRED":
+      case "TIMEOUT":
+        return ProviderPaymentStatus.FAILED;
+      case "PENDING":
+      case "INITIATED":
+        return ProviderPaymentStatus.REQUIRES_ACTION;
+      default:
+        return ProviderPaymentStatus.PROCESSING;
+    }
+  }
+
+  private buildPurchaseRequest(
+    input: ProviderInitiationInput,
+  ): WaafiHppPurchaseRequest {
+    return {
+      schemaVersion: "1.0",
+      requestId: crypto.randomUUID(),
+      timestamp: this.timestamp(),
+      channelName: "WEB",
+      serviceName: "HPP_PURCHASE",
+      serviceParams: {
+        merchantUid: this.merchantUid,
+        storeId: this.storeId,
+        hppKey: this.hppKey,
+        paymentMethod: this.paymentMethod,
+        // Browser bounce-back is per-transaction (each calling app has its own UI), so the
+        // caller-supplied URLs win; the static config is only a fallback. UX-only — the
+        // webhook remains the single source of truth for payment state.
+        hppSuccessCallbackUrl: input.returnUrl ?? this.successUrl,
+        hppFailureCallbackUrl: input.failureUrl ?? this.failureUrl,
+        hppRespDataFormat: this.respDataFormat,
+        // MWALLET_ACCOUNT requires the payer phone up front; omit if the caller did not supply it
+        // and let the hosted page collect it. See docs/waffi open question on payer-phone sourcing.
+        ...(input.payerAccount
+          ? { payerInfo: { subscriptionId: input.payerAccount } }
+          : {}),
+        transactionInfo: {
+          referenceId: input.merchantOrderId,
+          amount: this.toAmount(input.amountMinor),
+          // Waafi has no ETB; `waafi.currency` overrides the booking currency when set.
+          currency: this.currency || input.currency,
+          description: `EDR ${input.orderRef}`,
+        },
+      },
+    };
+  }
+
+  private buildGetTranInfoRequest(
+    merchantOrderId: string,
+  ): WaafiGetTranInfoRequest {
+    return {
+      schemaVersion: "1.0",
+      requestId: crypto.randomUUID(),
+      timestamp: this.timestamp(),
+      channelName: "WEB",
+      serviceName: "HPP_GETTRANINFO",
+      serviceParams: {
+        merchantUid: this.merchantUid,
+        storeId: this.storeId,
+        hppKey: this.hppKey,
+        referenceId: merchantOrderId,
+      },
+    };
+  }
+
+  /** Convert integer minor units to a 2-decimal major amount (truncated, never rounded up). */
+  private toAmount(amountMinor: number): number {
+    return Math.trunc(amountMinor);
+  }
+
+  private timestamp(): string {
+    return Math.round(Date.now() / 1000).toString();
+  }
+
+  private async postJson<T>(url: string, body: unknown): Promise<T> {
+    const config: AxiosRequestConfig = {
+      headers: { "Content-Type": "application/json" },
+      timeout: WAAFI_HTTP_TIMEOUT_MS,
+      httpsAgent: this.httpsAgent,
+    };
+
+    const started = Date.now();
+    try {
+      const res = await firstValueFrom(this.http.post<T>(url, body, config));
+      this.logger.debug(
+        `Waafi POST ${url} status=${res.status} latency=${Date.now() - started}ms`,
+      );
+      return res.data;
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        this.logger.error(
+          `Waafi POST ${url} failed: status=${err.response?.status} body=${JSON.stringify(err.response?.data)} code=${err.code} message=${err.message}`,
+        );
+      } else {
+        this.logger.error(
+          `Waafi POST ${url} threw: ${err instanceof Error ? err.message : err}`,
+        );
+      }
+      throw err;
+    }
+  }
+
+  private sanitize(body: WaafiHppPurchaseRequest): Record<string, unknown> {
+    return {
+      ...body,
+      serviceParams: { ...body.serviceParams, hppKey: "***REDACTED***" },
+    };
+  }
+
+  private get baseUrl(): string {
+    return (
+      this.config.get<string>("waafi.baseUrl") ?? "https://sandbox.waafipay.net"
+    );
+  }
+  private get merchantUid(): string {
+    return this.config.get<string>("waafi.merchantUid") ?? "";
+  }
+  private get storeId(): string {
+    return this.config.get<string>("waafi.storeId") ?? "";
+  }
+  private get hppKey(): string {
+    return this.config.get<string>("waafi.hppKey") ?? "";
+  }
+  private get webhookSecret(): string {
+    return this.config.get<string>("waafi.webhookSecret") ?? "";
+  }
+  private get paymentMethod(): string {
+    return this.config.get<string>("waafi.paymentMethod") ?? "MWALLET_ACCOUNT";
+  }
+  private get currency(): string {
+    return this.config.get<string>("waafi.currency") ?? "";
+  }
+  private get successUrl(): string {
+    return this.config.get<string>("waafi.successUrl") ?? "";
+  }
+  private get failureUrl(): string {
+    return this.config.get<string>("waafi.failureUrl") ?? "";
+  }
+  private get respDataFormat(): number {
+    return this.config.get<number>("waafi.respDataFormat") ?? 1;
+  }
+}
diff --git a/packages/payment-providers/src/providers/waafi/waafi.types.ts b/packages/payment-providers/src/providers/waafi/waafi.types.ts
new file mode 100644
index 000000000..3f3c6f3cf
--- /dev/null
+++ b/packages/payment-providers/src/providers/waafi/waafi.types.ts
@@ -0,0 +1,103 @@
+/**
+ * WaafiPay (Hosted Payment Page) request/response types.
+ *
+ * WaafiPay multiplexes every operation through a single `POST /asm` endpoint, discriminated by
+ * `serviceName`. We use the HPP family (`HPP_PURCHASE`, `HPP_GETTRANINFO`) which returns a hosted
+ * redirect URL and supports webhooks — see docs/waffi/intro.md.
+ */
+
+/** Terminal/intermediate transaction states reported by Waafi (sync `state` / `HPP_GETTRANINFO`). */
+export type WaafiState =
+  | 'APPROVED'
+  | 'DECLINED'
+  | 'FAILED'
+  | 'CANCELED'
+  | 'EXPIRED'
+  | 'TIMEOUT'
+  | string;
+
+/** Common request envelope shared by every `/asm` call. */
+export interface WaafiRequestEnvelope<TServiceParams> {
+  schemaVersion: '1.0';
+  requestId: string;
+  timestamp: string;
+  channelName: 'WEB';
+  serviceName: string;
+  serviceParams: TServiceParams;
+}
+
+/** Common response envelope. `responseCode === '2001'` means the request was processed (not paid). */
+export interface WaafiResponseEnvelope<TParams> {
+  schemaVersion: string;
+  timestamp: string;
+  responseId: string;
+  responseCode: string;
+  errorCode: string;
+  responseMsg: string;
+  params?: TParams;
+}
+
+// --- HPP_PURCHASE -----------------------------------------------------------------------------
+
+export interface WaafiHppPurchaseServiceParams {
+  merchantUid: string;
+  storeId: string;
+  hppKey: string;
+  paymentMethod: string;
+  hppSuccessCallbackUrl: string;
+  hppFailureCallbackUrl: string;
+  /** Callback data format: 1 = POST, 2 = GET, 4 = Result Token. */
+  hppRespDataFormat: number;
+  /** Required for MWALLET_ACCOUNT — pre-fills (and locks) the payer's phone on the hosted page. */
+  payerInfo?: {
+    subscriptionId: string;
+  };
+  transactionInfo: {
+    referenceId: string;
+    amount: number;
+    currency: string;
+    description?: string;
+  };
+}
+
+export type WaafiHppPurchaseRequest = WaafiRequestEnvelope<WaafiHppPurchaseServiceParams>;
+
+export interface WaafiHppPurchaseParams {
+  hppUrl: string;
+  directPaymentLink?: string;
+  orderId: string;
+  referenceId: string;
+}
+
+export type WaafiHppPurchaseResponse = WaafiResponseEnvelope<WaafiHppPurchaseParams>;
+
+// --- HPP_GETTRANINFO --------------------------------------------------------------------------
+
+export interface WaafiGetTranInfoServiceParams {
+  merchantUid: string;
+  storeId: string;
+  hppKey: string;
+  /** Either the merchant referenceId or the Waafi transactionId may be supplied. */
+  referenceId?: string;
+  transactionId?: string;
+}
+
+export type WaafiGetTranInfoRequest = WaafiRequestEnvelope<WaafiGetTranInfoServiceParams>;
+
+export interface WaafiGetTranInfoParams {
+  tranStatusDesc?: string;
+  amount?: string;
+  payerId?: string;
+  paymentMethod?: string;
+  description?: string;
+  tranDate?: string;
+  currency?: string;
+  invoiceId?: string;
+  referenceId?: string;
+  tranAmount?: string;
+  transactionId?: string;
+  tranStatusId?: string;
+  status?: WaafiState;
+}
+
+export type WaafiGetTranInfoResponse = WaafiResponseEnvelope<WaafiGetTranInfoParams>;
diff --git a/packages/payment-providers/src/utils/merchant-order-id.ts b/packages/payment-providers/src/utils/merchant-order-id.ts
new file mode 100644
index 000000000..552b96d33
--- /dev/null
+++ b/packages/payment-providers/src/utils/merchant-order-id.ts
@@ -0,0 +1 @@
+export { createMerchantOrderId } from '../providers/telebirr/telebirr.crypto';
diff --git a/packages/payment-providers/src/webhooks/card-webhook.types.ts b/packages/payment-providers/src/webhooks/card-webhook.types.ts
new file mode 100644
index 000000000..442a7f565
--- /dev/null
+++ b/packages/payment-providers/src/webhooks/card-webhook.types.ts
@@ -0,0 +1,22 @@
+export interface CardWebhookPayload {
+  id: string;
+  type: string;
+  data: {
+    object: {
+      id: string;
+      status: string;
+      amount: number;
+      currency: string;
+      metadata: {
+        merchantOrderId: string;
+        orderRef?: string;
+        [key: string]: unknown;
+      };
+      transaction_id?: string;
+      paid_at?: number;
+      failure_code?: string;
+      failure_message?: string;
+    };
+  };
+  created: number;
+}
diff --git a/packages/payment-providers/src/webhooks/cbe-birr-webhook.types.ts b/packages/payment-providers/src/webhooks/cbe-birr-webhook.types.ts
new file mode 100644
index 000000000..a4154c605
--- /dev/null
+++ b/packages/payment-providers/src/webhooks/cbe-birr-webhook.types.ts
@@ -0,0 +1,12 @@
+export interface CbeBirrWebhookPayload {
+  merchantId: string;
+  merchantOrderId: string;
+  orderId: string;
+  status: string;
+  transactionId?: string;
+  amount?: string;
+  currency?: string;
+  paidAt?: string;
+  signature: string;
+  [key: string]: unknown;
+}
diff --git a/packages/payment-providers/src/webhooks/dmoney-webhook.types.ts b/packages/payment-providers/src/webhooks/dmoney-webhook.types.ts
new file mode 100644
index 000000000..7b0ed9147
--- /dev/null
+++ b/packages/payment-providers/src/webhooks/dmoney-webhook.types.ts
@@ -0,0 +1,18 @@
+export interface DMoneyWebhookPayload {
+  appid: string;
+  merch_code: string;
+  merch_order_id: string;
+  payment_order_id: string;
+  notify_time?: string;
+  trans_end_time?: string;
+  total_amount?: string;
+  trans_currency?: string;
+  /** Paying | Expired | Completed | Failure */
+  trade_status: string;
+  transId?: string;
+  callback_info?: string;
+  notify_url?: string;
+  sign: string;
+  sign_type?: string;
+  [key: string]: unknown;
+}
diff --git a/packages/payment-providers/src/webhooks/ebirr-webhook.types.ts b/packages/payment-providers/src/webhooks/ebirr-webhook.types.ts
new file mode 100644
index 000000000..38516bf29
--- /dev/null
+++ b/packages/payment-providers/src/webhooks/ebirr-webhook.types.ts
@@ -0,0 +1,12 @@
+export interface EBirrWebhookPayload {
+  merchantCode: string;
+  orderNo: string;
+  tradeStatus: string;
+  tradeNo?: string;
+  totalAmount?: number;
+  currency?: string;
+  payTime?: number;
+  timestamp: number;
+  sign: string;
+  [key: string]: unknown;
+}
diff --git a/packages/payment-providers/src/webhooks/telebirr-webhook.types.ts b/packages/payment-providers/src/webhooks/telebirr-webhook.types.ts
new file mode 100644
index 000000000..39a0f60f8
--- /dev/null
+++ b/packages/payment-providers/src/webhooks/telebirr-webhook.types.ts
@@ -0,0 +1,13 @@
+export interface TelebirrWebhookPayload {
+  merch_order_id: string;
+  payment_order_id: string;
+  trade_status: string;
+  trans_id?: string;
+  total_amount?: string;
+  trans_currency?: string;
+  notify_time?: string;
+  trans_end_time?: string;
+  sign: string;
+  sign_type?: string;
+  [key: string]: unknown;
+}
diff --git a/packages/payment-providers/src/webhooks/waafi-webhook.types.ts b/packages/payment-providers/src/webhooks/waafi-webhook.types.ts
new file mode 100644
index 000000000..658b293cd
--- /dev/null
+++ b/packages/payment-providers/src/webhooks/waafi-webhook.types.ts
@@ -0,0 +1,66 @@
+/**
+ * WaafiPay webhook payloads (HPP authorization / refund / test).
+ *
+ * Webhooks are HMAC-SHA256 signed over `{timestamp}.{event_id}.{raw_body}` except `webhook.test`,
+ * which is unsigned and only sent to validate endpoint reachability. See docs/waffi/intro.md.
+ */
+
+export type WaafiWebhookEvent = 'authorization' | 'refund' | 'webhook.test';
+
+export type WaafiWebhookStatus =
+  | 'APPROVED'
+  | 'FAILED'
+  | 'DECLINED'
+  | 'CANCELED'
+  | 'EXPIRED'
+  | 'TIMEOUT'
+  | string;
+
+/** Headers Waafi sends alongside signed webhooks (lowercased, as exposed by NestJS). */
+export interface WaafiWebhookHeaders {
+  'x-webhook-timestamp'?: string;
+  'x-webhook-event-id'?: string;
+  'x-webhook-signature'?: string;
+  'x-webhook-signature-alg'?: string;
+}
+
+/** Nested payment object present on `authorization` and `refund` events. */
+export interface WaafiWebhookPayment {
+  transaction_id: string;
+  /** Present on authorization events (optional). */
+  order_id?: string;
+  transfer_code: string;
+  amount: number;
+  currency: string;
+  /** Present on authorization events. */
+  payment_method?: string;
+  status: WaafiWebhookStatus;
+  /** Our merchantOrderId. */
+  reference_id: string;
+  /** Present on authorization events. */
+  channel?: string;
+  description?: string;
+  date: string;
+}
+
+/** Unsigned validation ping sent on webhook registration/update. */
+export interface WaafiWebhookTestPayload {
+  event: 'webhook.test';
+  message?: string;
+  merchant_uid: string;
+}
+
+/** Real transaction notification (authorization or refund). */
+export interface WaafiWebhookTransactionPayload {
+  event: 'authorization' | 'refund';
+  merchant_id: number;
+  merchant_uid: string;
+  user_id: string;
+  /** Authorization only. */
+  customer_identity?: string;
+  /** Authorization only (optional). */
+  cardholder_name?: string;
+  payment: WaafiWebhookPayment;
+}
+
+export type WaafiWebhookPayload = WaafiWebhookTestPayload | WaafiWebhookTransactionPayload;
diff --git a/packages/payment-providers/tsconfig.json b/packages/payment-providers/tsconfig.json
new file mode 100644
index 000000000..d41177909
--- /dev/null
+++ b/packages/payment-providers/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "@edr/tsconfig/nestjs.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "declarationMap": true
+  },
+  "include": ["src"]
+}
diff --git a/packages/types/src/common/index.ts b/packages/types/src/common/index.ts
index 5690a6ca6..317898d80 100644
--- a/packages/types/src/common/index.ts
+++ b/packages/types/src/common/index.ts
@@ -1,3 +1,6 @@
+export * from "./payments";
+export * from "./payment-messaging";
+
 export interface BaseEntity {
   id: string;
   createdAt: string;
diff --git a/packages/types/src/common/payment-messaging.ts b/packages/types/src/common/payment-messaging.ts
new file mode 100644
index 000000000..ea9794e2b
--- /dev/null
+++ b/packages/types/src/common/payment-messaging.ts
@@ -0,0 +1,55 @@
+/* ------------------------------------------------------------------------------------------------
+ * Payment event messaging contract (RabbitMQ)
+ *
+ * The single source of truth for the broker topology shared between the payment microservice
+ * (publisher) and the domain apps (consumers). Both sides import these constants/helpers so the
+ * exchange name, routing keys, and queue names can never drift apart.
+ *
+ * Topology (see docs/payment-service/rabbitmq/):
+ *   exchange  payment.events       (topic, durable)   ← every payment event is published here
+ *   exchange  payment.events.dlx   (topic, durable)   ← dead-letter for events a consumer rejects
+ *   routing   payment.<service>.<outcome>             e.g. payment.passenger.succeeded
+ *   queue     <service>.payment-events                bound to payment.<service>.*
+ *   queue     <service>.payment-events.dlq            dead-letter queue (bound on the dlx)
+ * ---------------------------------------------------------------------------------------------- */
+
+import { PaymentEventType, PaymentService } from "./payments";
+
+/** Topic exchange every payment event is published to. */
+export const PAYMENT_EVENTS_EXCHANGE = "payment.events";
+
+/** Dead-letter exchange for payment events a consumer could not process (poison messages). */
+export const PAYMENT_EVENTS_DLX = "payment.events.dlx";
+
+/**
+ * Routing key for a payment event: `payment.<service>.<outcome>`.
+ * e.g. `payment.passenger.succeeded`, `payment.freight.failed`.
+ */
+export function paymentRoutingKey(
+  service: PaymentService,
+  eventType: PaymentEventType,
+): string {
+  // "payment.succeeded" -> "succeeded", "payment.failed" -> "failed"
+  const outcome = eventType.split(".")[1];
+  return `payment.${service.toLowerCase()}.${outcome}`;
+}
+
+/** Binding pattern a service's queue uses so it receives only its own events. */
+export function paymentServiceBindingPattern(service: PaymentService): string {
+  return `payment.${service.toLowerCase()}.*`;
+}
+
+/** Durable queue names per owning service: the main work queue and its dead-letter queue. */
+export const PAYMENT_QUEUES: Record<
+  PaymentService,
+  { main: string; dlq: string }
+> = {
+  [PaymentService.PASSENGER]: {
+    main: "passenger.payment-events",
+    dlq: "passenger.payment-events.dlq",
+  },
+  [PaymentService.FREIGHT]: {
+    main: "freight.payment-events",
+    dlq: "freight.payment-events.dlq",
+  },
+};
diff --git a/packages/types/src/common/payments.ts b/packages/types/src/common/payments.ts
new file mode 100644
index 000000000..ebc6e34dd
--- /dev/null
+++ b/packages/types/src/common/payments.ts
@@ -0,0 +1,189 @@
+/**
+ * Shared, ORM-agnostic payment provider contract.
+ *
+ * These types are consumed by the @edr/payment-providers gateway package and by each
+ * app's payment module. The enums intentionally mirror the string values of every app's
+ * ORM-generated payment enums (Prisma `PaymentIntentStatus`/`PaymentMethodType` in the
+ * passenger API, the TypeORM column enum in the freight API), so mapping between an app's
+ * ORM enum and these shared enums is a one-line cast rather than a translation table.
+ */
+
+export enum ProviderPaymentStatus {
+  REQUIRES_ACTION = "REQUIRES_ACTION",
+  PROCESSING = "PROCESSING",
+  SUCCEEDED = "SUCCEEDED",
+  FAILED = "FAILED",
+  CANCELLED = "CANCELLED",
+}
+
+export enum ProviderMethod {
+  TELEBIRR = "TELEBIRR",
+  CBE_BIRR = "CBE_BIRR",
+  EBIRR = "EBIRR",
+  WAAFI = "WAAFI",
+  CARD = "CARD",
+  DMONEY = "DMONEY",
+  CAC_BANK = "CAC_BANK",
+}
+
+export type PaymentPlatform = "web" | "mobile";
+
+export type ClientAction =
+  | { type: "REDIRECT"; url: string }
+  | {
+      type: "LAUNCH_APP";
+      appId: string;
+      receiveCode?: string;
+      shortCode: string;
+    }
+  | {
+      type: "COLLECT_OTP";
+      providerOrderId: string;
+      message?: string;
+    };
+
+export interface ProviderInitiationInput {
+  merchantOrderId: string;
+  /** Domain-neutral order reference (booking reference, shipment order reference, etc.). */
+  orderRef: string;
+  amountMinor: number;
+  currency: string;
+  platform?: PaymentPlatform;
+  /**
+   * Payer account identifier (e.g. mobile-wallet MSISDN in full international format).
+   * Optional and provider-specific: some wallet providers (e.g. Waafi HPP with
+   * MWALLET_ACCOUNT) require the payer's phone number up front to pre-fill the hosted page.
+   */
+  payerAccount?: string;
+  /** Optional caller-supplied redirect targets for redirect/HPP-style providers. */
+  returnUrl?: string;
+  redirectUrl?: string;
+  /** Where the browser lands when the hosted page fails/cancels (UX only — never trusted). */
+  failureUrl?: string;
+}
+
+export interface ProviderInitiationResult {
+  providerOrderId: string;
+  clientAction: ClientAction;
+  expiresAt: Date;
+  rawInitiation: Record<string, unknown>;
+}
+
+export interface ProviderStatus {
+  status: ProviderPaymentStatus;
+  providerTxnId?: string;
+  failureCode?: string;
+  failureMessage?: string;
+  rawResponse: Record<string, unknown>;
+}
+
+export interface PaymentProvider {
+  readonly method: ProviderMethod;
+  initiate(input: ProviderInitiationInput): Promise<ProviderInitiationResult>;
+  queryStatus(merchantOrderId: string): Promise<ProviderStatus>;
+}
+
+/* ------------------------------------------------------------------------------------------------
+ * Payment microservice contracts (docs/payment-service)
+ *
+ * Shared shapes exchanged between the payment microservice (apps/edr-payment-api) and the
+ * domain apps (passenger/freight). Both sides import these so the wire format cannot drift.
+ * ---------------------------------------------------------------------------------------------- */
+
+/** Which domain app owns the order being paid for. Routing discriminator on every intent. */
+export enum PaymentService {
+  PASSENGER = "PASSENGER",
+  FREIGHT = "FREIGHT",
+}
+
+/** What kind of domain order the intent references (soft reference — never a cross-schema FK). */
+export enum PaymentReferenceType {
+  BOOKING = "BOOKING",
+  SHIPMENT = "SHIPMENT",
+}
+
+
+/** Body of `POST /payments/initiate` on the payment service (internal, service-authenticated). */
+export interface InitiatePaymentRequest {
+  service: PaymentService;
+  referenceType: PaymentReferenceType;
+  /** Domain order id (booking/shipment id). Soft reference; the app has already validated it. */
+  referenceId: string;
+  /** Human-readable order ref (e.g. booking ref) shown on provider pages. Defaults to referenceId. */
+  orderRef?: string;
+  /** App-asserted authoritative amount in minor units (computed server-side by the domain app). */
+  amountMinor: number;
+  currency: string;
+  provider: ProviderMethod;
+  platform?: PaymentPlatform;
+  payerAccount?: string;
+  /**
+   * Where the provider's hosted page sends the BROWSER back after success — each calling app
+   * passes its own UI URL (passenger portal vs freight portal). Per-transaction and UX-only:
+   * the redirect never confirms payment (only the webhook / status query does), so per-app
+   * values are safe even though the server-to-server webhook URL is one per merchant.
+   * Falls back to the payment service's provider config when omitted.
+   */
+  returnUrl?: string;
+  /** Failure/cancel counterpart of returnUrl. */
+  failureUrl?: string;
+  /** Optional caller key to dedupe retried initiations beyond the per-reference upsert. */
+  idempotencyKey?: string;
+}
+
+/** Body of `POST /payments/intents/:id/confirm` (OTP-based providers such as CAC Bank). */
+export interface ConfirmPaymentRequest {
+  otp: string;
+}
+
+/** Response of `POST /payments/initiate` and shape of intent lookups. */
+export type PaymentIntentSnapshot ={
+  intentId: string;
+  service: PaymentService;
+  referenceType: PaymentReferenceType;
+  referenceId: string;
+  merchantOrderId: string;
+  provider: ProviderMethod;
+  status: ProviderPaymentStatus;
+  amountMinor: number;
+  currency: string;
+  clientAction?: ClientAction;
+  providerTxnId?: string;
+  paidAt?: string;
+  failureCode?: string;
+  failureMessage?: string;
+  expiresAt?: string;
+}
+
+export type PaymentEventType = "payment.succeeded" | "payment.failed";
+
+/** Versioned envelope delivered (at-least-once) to the owning app's mark-paid consumer. */
+interface PaymentEventBase {
+  version: 1;
+  /** Outbox row id — stable across redeliveries; consumers may use it as a dedupe key. */
+  eventId: string;
+  eventType: PaymentEventType;
+  occurredAt: string;
+  service: PaymentService;
+  intentId: string;
+  referenceType: PaymentReferenceType;
+  referenceId: string;
+  merchantOrderId: string;
+  provider: ProviderMethod;
+  amountMinor: number;
+  currency: string;
+}
+
+export interface PaymentSucceededEvent extends PaymentEventBase {
+  eventType: "payment.succeeded";
+  providerTxnId?: string;
+  paidAt: string;
+}
+
+export interface PaymentFailedEvent extends PaymentEventBase {
+  eventType: "payment.failed";
+  failureCode?: string;
+  failureMessage?: string;
+}
+
+export type PaymentEvent = PaymentSucceededEvent | PaymentFailedEvent;
diff --git a/packages/types/src/freight/index.ts b/packages/types/src/freight/index.ts
index 372c25d57..6672f95e9 100644
--- a/packages/types/src/freight/index.ts
+++ b/packages/types/src/freight/index.ts
@@ -1,35 +1,44 @@
 import type { BaseEntity } from "../common";
 
-export * from "./file_upload_settings";
 export * from "./dropdown_settings";
+export * from "./file_upload_settings";
+export * from "./overview";
 
 export enum TradeDirection {
-  IMPORT = 'IMPORT',
-  EXPORT = 'EXPORT',
-  BOTH   = 'BOTH',
+  IMPORT = "IMPORT",
+  EXPORT = "EXPORT",
+  BOTH = "BOTH",
 }
 
 export enum PriorityType {
-  USD_PAYER            = 'USD_PAYER',
-  RAIL_AND_FORWARDING  = 'RAIL_AND_FORWARDING',
-  GOVERNMENT_ACCOUNT   = 'GOVERNMENT_ACCOUNT',
-  HIGH_VOLUME_SHIPMENT = 'HIGH_VOLUME_SHIPMENT',
+  USD_PAYER = "USD_PAYER",
+  RAIL_AND_FORWARDING = "RAIL_AND_FORWARDING",
+  GOVERNMENT_ACCOUNT = "GOVERNMENT_ACCOUNT",
+  HIGH_VOLUME_SHIPMENT = "HIGH_VOLUME_SHIPMENT",
+}
+
+/** Bonus applied to government bookings so they outrank commercial priority. */
+export const GOVERNMENT_PRIORITY_BONUS = 50_000;
+
+export interface GovernmentBookingFields {
+  isGovernment: boolean;
+  governmentInstitution?: string | null;
 }
 
 export enum ExceededAction {
-  WARNING_ONLY = 'WARNING_ONLY',
-  HARD_BLOCK   = 'HARD_BLOCK',
+  WARNING_ONLY = "WARNING_ONLY",
+  HARD_BLOCK = "HARD_BLOCK",
 }
 
 export enum CalculationMethod {
-  PER_TON    = 'PER_TON',
-  FLAT_FEE   = 'FLAT_FEE',
-  PERCENTAGE = 'PERCENTAGE',
+  PER_TON = "PER_TON",
+  FLAT_FEE = "FLAT_FEE",
+  PERCENTAGE = "PERCENTAGE",
 }
 
 export enum FreightType {
-  Container = 'CONTAINER',
-  Bulk = 'BULK',
+  Container = "CONTAINER",
+  Bulk = "BULK",
 }
 
 export enum BookingStatus {
@@ -44,6 +53,12 @@ export enum BookingStatus {
   FullyExecuted = "FULLY_EXECUTED",
   PnrGenerated = "PNR_GENERATED",
   PaymentVerificationInProgress = "PAYMENT_VERIFICATION_IN_PROGRESS",
+  /** Selected in a batch and notified to pay within the pay window. */
+  SelectedForBatch = "SELECTED_FOR_BATCH",
+  /** @deprecated Use SelectedForBatch */
+  AwaitingPayment = "SELECTED_FOR_BATCH",
+  /** Missed the 1h pay window — recoverable via move/cancel (no re-approval). */
+  Expired = "EXPIRED",
   Paid = "PAID",
   InTransit = "IN_TRANSIT",
   Completed = "COMPLETED",
@@ -88,6 +103,84 @@ export enum PaymentStatus {
   Refunded = "REFUNDED",
 }
 
+export enum SchedulingStatus {
+  NotScheduled = "NOT_SCHEDULED",
+  Holding = "HOLDING",
+  Eligible = "ELIGIBLE",
+  Scheduled = "SCHEDULED",
+  Dispatched = "DISPATCHED",
+}
+
+export enum TrainScheduleStatus {
+  Draft = "DRAFT",
+  Scheduled = "SCHEDULED",
+  Dispatched = "DISPATCHED",
+  Arrived = "ARRIVED",
+  Cancelled = "CANCELLED",
+}
+
+/** Whether a schedule is still accepting / holding bookings (orthogonal to its operational status). */
+export enum ScheduleBookingWindow {
+  Open = "OPEN",
+  Full = "FULL",
+  Closed = "CLOSED",
+}
+
+export enum AllocationLoadType {
+  Container = "CONTAINER",
+  Bulk = "BULK",
+}
+
+export enum AllocationStatus {
+  Planned = "PLANNED",
+  Reserved = "RESERVED",
+  Loaded = "LOADED",
+  Departed = "DEPARTED",
+}
+
+export enum TrainSetWagonStatus {
+  Planned = "PLANNED",
+  Reserved = "RESERVED",
+  Loaded = "LOADED",
+  Departed = "DEPARTED",
+}
+
+export enum WagonStatus {
+  Available = "AVAILABLE",
+  Assigned = "ASSIGNED",
+  Maintenance = "MAINTENANCE",
+  Retired = "RETIRED",
+}
+
+export enum WagonReadiness {
+  ImportReady = "IMPORT_READY",
+  ExportReady = "EXPORT_READY",
+}
+
+export type ScheduleTradeDirection = "IMPORT" | "EXPORT" | "DOMESTIC";
+
+export enum TrainCheckpointKind {
+  Departed = "DEPARTED",
+  Passed = "PASSED",
+  Arrived = "ARRIVED",
+}
+
+export interface ITrainCheckpointEvent extends BaseEntity {
+  trainScheduleId: string;
+  yardId: string;
+  sequenceNo: number;
+  kind: TrainCheckpointKind;
+  occurredAt: string;
+  note?: string | null;
+  recordedByUserId?: string | null;
+}
+
+export enum BulkPricingUnit {
+  PerWagon = "PER_WAGON",
+  PerTon = "PER_TON",
+  PerItem = "PER_ITEM",
+}
+
 export type CustomerStatus = "Active" | "Pending" | "Inactive";
 export type CustomerType = "Importer" | "Exporter" | "Supplier";
 
@@ -189,6 +282,9 @@ export interface IBooking extends BaseEntity {
   totalAmount: number;
   paymentStatus: PaymentStatus;
 
+  shippingLineId?: string | null;
+  serviceTypeId: string;
+
   contractType: "NEW" | "RENEWAL";
   previousContractId?: string | null;
   serviceType: "RAIL_ONLY" | "RAIL_AND_FORWARDING";
@@ -218,6 +314,11 @@ export interface IBooking extends BaseEntity {
   endDate?: string | null;
   financialTerms?: string | null;
 
+  /** When the batch engine picked this booking and opened the pay window. */
+  selectedForBatchAt?: string | null;
+  /** End of the pay window once the booking is SELECTED_FOR_BATCH. */
+  paymentDeadline?: string | null;
+
   containers?: Array<{ type: string; qty: number; vgm: number }> | null;
 
   versionNumber: number;
@@ -297,6 +398,18 @@ export interface BookingReferenceService {
   id: string;
   name: string;
   code: string;
+  serviceName: string;
+  description?: string | null | undefined;
+  canBeBookedAlone: boolean;
+  includesFirstMile: boolean;
+  includesLastMile: boolean;
+  includesCustoms: boolean;
+  priorityBonusPoints: number;
+  isActive: boolean;
+  displayOrder: number;
+  createdAt: string;
+  updatedAt: string;
+  deletedAt?: string | null | undefined;
 }
 
 export interface BookingReferenceShippingLine {
@@ -327,6 +440,39 @@ export interface BookingReferenceData {
   cargo_type: BookingReferenceCargoTypeGroup[];
 }
 
+// ── Train Scheduling (bookable schedules) ──────────────────────────────────────
+
+export interface BookableSchedulesQuery {
+  originYardId?: string;
+  destinationYardId?: string;
+}
+
+export interface BookableScheduleLocomotive {
+  id: string;
+  code: string;
+  name: string | null;
+  readiness: string | null;
+}
+
+export interface BookableScheduleItem {
+  id: string;
+  scheduleDate: string;
+  trainNumber: string | null;
+  routeName: string | null;
+  origin: string | null;
+  destination: string | null;
+  locomotive: BookableScheduleLocomotive | null;
+  wagonCount: number;
+  totalWeightTons: number;
+  totalLengthMeters: number;
+  bookingsCount: number;
+  freightType: FreightType | "MIXED" | null;
+  status: TrainScheduleStatus;
+  bookingWindowStatus: ScheduleBookingWindow;
+  maxWagons: number;
+  remainingWagons: number;
+}
+
 // ── DTOs ───────────────────────────────────────────────────────────────────────
 
 export interface CreateBookingContainerDto {
@@ -336,31 +482,34 @@ export interface CreateBookingContainerDto {
 }
 
 export interface CreateBookingDto {
-  reference?: string;
-  customerId?: string;
-  companyId?: string;
-  trainId?: string;
+  freightShapeValidation?: boolean | undefined;
+  reference?: string | undefined;
+  isGovernment?: boolean | undefined;
+  governmentInstitution?: string | undefined;
+  companyId?: string | undefined;
+  trainId?: string | undefined;
+  trainScheduleId?: string | undefined;
   scheduledDate: string;
-  contractType: "NEW" | "RENEWAL";
-  previousContractId?: string;
+  contractType: string;
+  previousContractId?: string | undefined;
   serviceTypeId: string;
-  firstMilePickupAddress?: string;
-  lastMileDeliveryAddress?: string;
-  equipmentReturn: "WITH_RETURN" | "WITHOUT_RETURN" | "NA";
+  firstMilePickupAddress?: string | undefined;
+  lastMileDeliveryAddress?: string | undefined;
+  equipmentReturn: string;
   originYardId: string;
   destinationYardId: string;
-  tradeDirection: "IMPORT" | "EXPORT" | "DOMESTIC";
-  freightType: FreightType;
-  cargoTypeId?: string;
-  cargoFreeText?: string;
-  shippingLineId?: string;
+  tradeDirection: string;
+  freightType: string;
+  cargoTypeId?: string | undefined;
+  cargoFreeText?: string | undefined;
+  shippingLineId?: string | undefined;
   cargoTotalWeightVgm: number;
-  isHazardous?: boolean;
-  paymentCurrency: "ETB" | "USD";
-  pnrCode?: string;
-  startDate?: string;
-  endDate?: string;
-  financialTerms?: string;
+  isHazardous?: boolean | undefined;
+  paymentCurrency: string;
+  pnrCode?: string | undefined;
+  startDate?: string | undefined;
+  endDate?: string | undefined;
+  financialTerms?: string | undefined;
   containers?: CreateBookingContainerDto[];
   allowConsolidation?: boolean;
 }
diff --git a/packages/types/src/freight/overview.ts b/packages/types/src/freight/overview.ts
new file mode 100644
index 000000000..bae92b607
--- /dev/null
+++ b/packages/types/src/freight/overview.ts
@@ -0,0 +1,152 @@
+export type OverviewRange = '7d' | '30d' | '90d';
+
+export interface IOverviewBookingKpis {
+  totalActive: number;
+  needsAction: number;
+  urgent: number;
+  inApproval: number;
+  submittedToday: number;
+}
+
+export interface IOverviewOperationsKpis {
+  trainsActive: number;
+  wagonsAvailable: number;
+  containersInTransit: number;
+  cargoesLoaded: number;
+}
+
+export interface IOverviewCustomerKpis {
+  totalCustomers: number;
+  newCustomersThisMonth: number;
+}
+
+export interface IOverviewBillingKpis {
+  revenueMtdEtb: number;
+  revenueMtdUsd: number;
+  pendingPayments: number;
+  successfulPaymentsMtd: number;
+}
+
+export interface IOverviewStaffKpis {
+  activeEmployees: number;
+  activeUsers: number;
+}
+
+export interface IOverviewKpis {
+  bookings: IOverviewBookingKpis;
+  operations: IOverviewOperationsKpis;
+  customers: IOverviewCustomerKpis;
+  billing: IOverviewBillingKpis;
+  staff: IOverviewStaffKpis;
+}
+
+export interface IOverviewTrendPoint {
+  date: string;
+  count: number;
+}
+
+export interface IOverviewStatusCount {
+  status: string;
+  count: number;
+}
+
+export interface IOverviewPipelineCount {
+  stage: string;
+  count: number;
+}
+
+export interface IOverviewPaymentTrendPoint {
+  date: string;
+  amountEtb: number;
+  amountUsd: number;
+}
+
+export interface IOverviewRecentBooking {
+  id: string;
+  reference: string;
+  customerLabel: string;
+  status: string;
+  priorityScore: number;
+  totalAmount: number | null;
+  paymentCurrency: string | null;
+  createdAt: string;
+}
+
+export interface IOverviewDashboard {
+  kpis: IOverviewKpis;
+  bookingTrend: IOverviewTrendPoint[];
+  bookingsByStatus: IOverviewStatusCount[];
+  bookingsByPipeline: IOverviewPipelineCount[];
+  paymentTrend: IOverviewPaymentTrendPoint[];
+  recentBookings: IOverviewRecentBooking[];
+  generatedAt: string;
+}
+
+export interface IOverviewLabelCount {
+  label: string;
+  count: number;
+}
+
+export interface IOverviewPaymentMethodBreakdown {
+  method: string;
+  count: number;
+  amountEtb: number;
+  amountUsd: number;
+}
+
+export interface IOverviewCurrencyAmount {
+  currency: string;
+  amount: number;
+}
+
+export interface IOverviewBookingsTab {
+  kpis: IOverviewBookingKpis;
+  bookingTrend: IOverviewTrendPoint[];
+  bookingsByStatus: IOverviewStatusCount[];
+  bookingsByPipeline: IOverviewPipelineCount[];
+  bookingsByFreightType: IOverviewLabelCount[];
+  bookingsByCurrency: IOverviewLabelCount[];
+  recentBookings: IOverviewRecentBooking[];
+  generatedAt: string;
+}
+
+export interface IOverviewBillingTab {
+  kpis: IOverviewBillingKpis;
+  paymentTrend: IOverviewPaymentTrendPoint[];
+  paymentsByStatus: IOverviewStatusCount[];
+  paymentsByMethod: IOverviewPaymentMethodBreakdown[];
+  revenueByCurrency: IOverviewCurrencyAmount[];
+  generatedAt: string;
+}
+
+export interface IOverviewOperationsTab {
+  kpis: IOverviewOperationsKpis;
+  trainStatusBreakdown: IOverviewStatusCount[];
+  wagonStatusBreakdown: IOverviewStatusCount[];
+  containerStatusBreakdown: IOverviewStatusCount[];
+  cargoStatusBreakdown: IOverviewStatusCount[];
+  generatedAt: string;
+}
+
+export interface IOverviewCustomersTab {
+  kpis: IOverviewCustomerKpis;
+  customerGrowthTrend: IOverviewTrendPoint[];
+  customersByType: IOverviewLabelCount[];
+  topCustomersByBookings: IOverviewLabelCount[];
+  generatedAt: string;
+}
+
+export interface IOverviewStaffTab {
+  kpis: IOverviewStaffKpis;
+  usersByStatus: IOverviewStatusCount[];
+  employeeGrowthTrend: IOverviewTrendPoint[];
+  activeUsersBreakdown: IOverviewLabelCount[];
+  generatedAt: string;
+}
+
+export type OverviewTabKey =
+  | 'bookings'
+  | 'billing'
+  | 'operations'
+  | 'customers'
+  | 'staff';
diff --git a/packages/types/src/index.ts b/packages/types/src/index.ts
index c3093e515..b4fd73d81 100644
--- a/packages/types/src/index.ts
+++ b/packages/types/src/index.ts
@@ -1,3 +1,6 @@
 export * from "./common/index";
+export * from "./freight/index";
 export * as Freight from "./freight/index";
 export * as Passenger from "./passenger/index";
+export type { PaymentEvent, PaymentEventType, PaymentFailedEvent, PaymentSucceededEvent, PaymentIntentSnapshot, InitiatePaymentRequest } from "./common/payments";
+export { PaymentReferenceType, PaymentService } from "./common/payments";
diff --git a/packages/ui-common/package.json b/packages/ui-common/package.json
index 2d0cee50d..0fa74439b 100644
--- a/packages/ui-common/package.json
+++ b/packages/ui-common/package.json
@@ -23,6 +23,7 @@
   },
   "dependencies": {
     "@edr/types": "workspace:*",
+    "@mantine/core": "^9.3.0",
     "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
diff --git a/packages/ui-common/src/components/data-table/error.tsx b/packages/ui-common/src/components/data-table/error.tsx
index e240784d7..6db0a7fef 100644
--- a/packages/ui-common/src/components/data-table/error.tsx
+++ b/packages/ui-common/src/components/data-table/error.tsx
@@ -1,6 +1,6 @@
+import { Table } from "@mantine/core";
 import { Table as TanstackTable } from "@tanstack/react-table";
 
-import { TableCell, TableRow } from "../table";
 import { Button } from "../button";
 
 export function DataTableError({
@@ -15,8 +15,8 @@ export function DataTableError({
   onRetry?: () => void;
 }) {
   return (
-    <TableRow>
-      <TableCell colSpan={table.getVisibleFlatColumns().length}>
+    <Table.Tr>
+      <Table.Td colSpan={table.getVisibleFlatColumns().length}>
         <div className="flex items-center my-6 justify-center">
           <div className="text-center">
             <div className="my-4">
@@ -34,7 +34,7 @@ export function DataTableError({
             )}
           </div>
         </div>
-      </TableCell>
-    </TableRow>
+      </Table.Td>
+    </Table.Tr>
   );
 }
diff --git a/packages/ui-common/src/components/data-table/skeleton.tsx b/packages/ui-common/src/components/data-table/skeleton.tsx
index 307f47bdc..bd6ffed36 100644
--- a/packages/ui-common/src/components/data-table/skeleton.tsx
+++ b/packages/ui-common/src/components/data-table/skeleton.tsx
@@ -1,16 +1,16 @@
+import { Table } from "@mantine/core";
 import { Table as TanstackTable } from "@tanstack/react-table";
 
 import { Skeleton } from "../skeleton";
-import { TableCell, TableRow } from "../table";
 
 export function DataTableSkeleton({ table }: { table: TanstackTable<any> }) {
   return Array.from({ length: 10 }).map((_, i) => (
-    <TableRow key={i}>
+    <Table.Tr key={i}>
       {table.getAllColumns().map((column) => (
-        <TableCell key={column.id}>
+        <Table.Td key={column.id}>
           <Skeleton className="h-8" />
-        </TableCell>
+        </Table.Td>
       ))}
-    </TableRow>
+    </Table.Tr>
   ));
 }
diff --git a/packages/ui-common/src/components/data-table/table.tsx b/packages/ui-common/src/components/data-table/table.tsx
index adbd6e428..5dbe7277b 100644
--- a/packages/ui-common/src/components/data-table/table.tsx
+++ b/packages/ui-common/src/components/data-table/table.tsx
@@ -4,14 +4,7 @@ import {
   getPaginationRowModel,
   useReactTable,
 } from "@tanstack/react-table";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../table";
+import { Table } from "@mantine/core";
 import { DataTableProps } from "./types";
 import { DataTableSkeleton } from "./skeleton";
 import { DataTableError } from "./error";
@@ -56,12 +49,12 @@ export function DataTable<TData, TValue>({
     <>
       <div className={containerClassName}>
         <Table>
-          <TableHeader>
+          <Table.Thead>
             {table.getHeaderGroups().map((headerGroup) => (
-              <TableRow key={headerGroup.id}>
+              <Table.Tr key={headerGroup.id}>
                 {headerGroup.headers.map((header) => {
                   return (
-                    <TableHead
+                    <Table.Th
                       key={header.id}
                       className={
                         (header.column.columnDef.meta as Record<string, any>)
@@ -75,13 +68,13 @@ export function DataTable<TData, TValue>({
                           header.column.columnDef.header,
                           header.getContext(),
                         )}
-                    </TableHead>
+                    </Table.Th>
                   );
                 })}
-              </TableRow>
+              </Table.Tr>
             ))}
-          </TableHeader>
-          <TableBody>
+          </Table.Thead>
+          <Table.Tbody>
             {status === "loading" && <DataTableSkeleton table={table} />}
             {status === "error" && (
               <DataTableError
@@ -94,7 +87,7 @@ export function DataTable<TData, TValue>({
             {status === "success" &&
               (table.getRowModel().rows?.length ? (
                 table.getRowModel().rows.map((row) => (
-                  <TableRow
+                  <Table.Tr
                     key={row.id}
                     data-state={row.getIsSelected() && "selected"}
                     onClick={(event) => {
@@ -129,7 +122,7 @@ export function DataTable<TData, TValue>({
                     }
                   >
                     {row.getVisibleCells().map((cell) => (
-                      <TableCell
+                      <Table.Td
                         key={cell.id}
                         className={
                           (cell.column.columnDef.meta as Record<string, any>)
@@ -140,21 +133,21 @@ export function DataTable<TData, TValue>({
                           cell.column.columnDef.cell,
                           cell.getContext(),
                         )}
-                      </TableCell>
+                      </Table.Td>
                     ))}
-                  </TableRow>
+                  </Table.Tr>
                 ))
               ) : (
-                <TableRow>
-                  <TableCell
+                <Table.Tr>
+                  <Table.Td
                     colSpan={table.getVisibleFlatColumns().length}
                     className="h-24 text-center"
                   >
                     {emptyMessage ?? "No data"}
-                  </TableCell>
-                </TableRow>
+                  </Table.Td>
+                </Table.Tr>
               ))}
-          </TableBody>
+          </Table.Tbody>
         </Table>
       </div>
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8071fdce3..c1b29edac 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,20 +4,13 @@ settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
-overrides:
-  date-fns: ^3.6.0
-  pdfjs-dist: ^3.11.174
-  react: 19.2.6
-  react-dom: 19.2.6
-  typeorm: 0.3.30
-
 importers:
 
   .:
     devDependencies:
       '@commitlint/cli':
         specifier: ^19.5.0
-        version: 19.8.1(@types/node@24.13.0)(typescript@5.9.3)
+        version: 19.8.1(@types/node@24.13.1)(typescript@5.9.3)
       '@commitlint/config-conventional':
         specifier: ^19.5.0
         version: 19.8.1
@@ -32,10 +25,10 @@ importers:
         version: 3.8.3
       turbo:
         specifier: ^2.3.0
-        version: 2.9.14
+        version: 2.9.16
       typeorm:
         specifier: 0.3.30
-        version: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@24.13.0)(typescript@5.9.3))
+        version: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@24.13.1)(typescript@5.9.3))
       typescript:
         specifier: ^5.5.4
         version: 5.9.3
@@ -45,42 +38,54 @@ importers:
       '@edr/api-common':
         specifier: workspace:*
         version: link:../../packages/api-common
+      '@edr/payment-providers':
+        specifier: workspace:*
+        version: link:../../packages/payment-providers
       '@edr/types':
         specifier: workspace:*
         version: link:../../packages/types
+      '@golevelup/nestjs-rabbitmq':
+        specifier: ^5.5.0
+        version: 5.7.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nestjs/axios':
         specifier: ^4.0.1
-        version: 4.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.16.1)(rxjs@7.8.2)
+        version: 4.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.17.0)(rxjs@7.8.2)
       '@nestjs/common':
         specifier: ^11.0.0
-        version: 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        version: 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nestjs/config':
         specifier: ^4.0.0
-        version: 4.0.4(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)
+        version: 4.0.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)
       '@nestjs/core':
         specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/event-emitter':
+        specifier: ^2.0.4
+        version: 2.1.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
       '@nestjs/mapped-types':
         specifier: ^2.1.1
-        version: 2.1.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
+        version: 2.1.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
       '@nestjs/microservices':
         specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nestjs/platform-express':
         specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
+      '@nestjs/schedule':
+        specifier: ^6.1.3
+        version: 6.1.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
       '@nestjs/swagger':
         specifier: ^11.4.2
-        version: 11.4.4(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
+        version: 11.4.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
       '@nestjs/typeorm':
         specifier: ^11.0.1
-        version: 11.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))
+        version: 11.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))
       '@tria-plc/api-common':
-        specifier: ^1.4.0
-        version: 1.4.0(zpvvddrjhstdr6ghewvyxwmd7y)
+        specifier: ^1.4.3
+        version: 1.4.3(8585e1bb20832aa29a6196252fda5dd7)
       '@tria-plc/iamapi-common':
-        specifier: ^0.5.1
-        version: 0.5.1(zlw6fesbrlnn356ipkdfsmegyu)
+        specifier: ^0.6.6
+        version: 0.6.6(578386f46cf99fd4720e3e99f196f69e)
       amqp-connection-manager:
         specifier: ^5.0.0
         version: 5.0.0(amqplib@2.0.1)
@@ -89,7 +94,7 @@ importers:
         version: 2.0.1
       axios:
         specifier: ^1.16.1
-        version: 1.16.1
+        version: 1.17.0
       class-transformer:
         specifier: ^0.5.1
         version: 0.5.1
@@ -117,6 +122,9 @@ importers:
       rxjs:
         specifier: ^7.8.1
         version: 7.8.2
+      typeorm:
+        specifier: ^0.3.30
+        version: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
     devDependencies:
       '@edr/eslint-config':
         specifier: workspace:*
@@ -126,13 +134,13 @@ importers:
         version: link:../../packages/config/tsconfig
       '@nestjs/cli':
         specifier: ^11.0.0
-        version: 11.0.21(@types/node@20.19.41)(prettier@3.8.3)
+        version: 11.0.21(@types/node@20.19.42)(prettier@3.8.3)
       '@nestjs/schematics':
         specifier: ^11.0.0
         version: 11.1.0(chokidar@4.0.3)(prettier@3.8.3)(typescript@5.9.3)
       '@nestjs/testing':
         specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)
       '@types/amqplib':
         specifier: ^0.10.8
         version: 0.10.8
@@ -147,7 +155,7 @@ importers:
         version: 2.1.0
       '@types/node':
         specifier: ^20.14.0
-        version: 20.19.41
+        version: 20.19.42
       '@types/pg':
         specifier: ^8.6.7
         version: 8.20.0
@@ -156,25 +164,22 @@ importers:
         version: 6.0.3
       jest:
         specifier: ^29.7.0
-        version: 29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+        version: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       supertest:
         specifier: ^7.0.0
         version: 7.2.2
       ts-jest:
         specifier: ^29.2.5
-        version: 29.4.11(@babel/core@7.29.0)(@jest/transform@30.4.1)(@jest/types@30.4.1)(babel-jest@30.4.1(@babel/core@7.29.0))(jest-util@30.4.1)(jest@29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))(typescript@5.9.3)
+        version: 29.4.11(@babel/core@7.29.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.29.7))(jest-util@29.7.0)(jest@29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))(typescript@5.9.3)
       ts-loader:
         specifier: ^9.5.1
-        version: 9.5.7(typescript@5.9.3)(webpack@5.106.0)
+        version: 9.6.0(loader-utils@1.4.2)(typescript@5.9.3)(webpack@5.106.0)
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@types/node@20.19.41)(typescript@5.9.3)
+        version: 10.9.2(@types/node@20.19.42)(typescript@5.9.3)
       tsconfig-paths:
         specifier: ^4.2.0
         version: 4.2.0
-      typeorm:
-        specifier: 0.3.30
-        version: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
       typescript:
         specifier: ^5.5.4
         version: 5.9.3
@@ -189,10 +194,10 @@ importers:
         version: link:../../../packages/ui-common
       '@hello-pangea/dnd':
         specifier: ^18.0.1
-        version: 18.0.1(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        version: 18.0.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@mantine/core':
         specifier: ^9.3.0
-        version: 9.3.0(@mantine/hooks@9.3.0(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        version: 9.3.0(@mantine/hooks@9.3.0(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@mantine/hooks':
         specifier: ^9.3.0
         version: 9.3.0(react@19.2.6)
@@ -201,13 +206,13 @@ importers:
         version: 3.44.0(react@19.2.6)
       '@tanstack/react-query':
         specifier: ^5.100.11
-        version: 5.100.11(react@19.2.6)
+        version: 5.101.0(react@19.2.6)
       '@tria-plc/iamui-common':
         specifier: 1.1.2
-        version: 1.1.2(c76sr2ir7jvvbtqpsxo334jyfq)
+        version: 1.1.2(9eda5000a9f7ac3b614e21a2a3a3f1e2)
       axios:
         specifier: ^1.7.7
-        version: 1.16.1
+        version: 1.17.0
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -216,13 +221,13 @@ importers:
         version: 2.1.1
       libphonenumber-js:
         specifier: ^1.12.24
-        version: 1.13.3
+        version: 1.13.6
       lucide-react:
         specifier: ^1.14.0
-        version: 1.16.0(react@19.2.6)
+        version: 1.17.0(react@19.2.6)
       radix-ui:
         specifier: ^1.4.3
-        version: 1.4.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        version: 1.5.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react:
         specifier: 19.2.6
         version: 19.2.6
@@ -234,19 +239,22 @@ importers:
         version: 2.6.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react-router-dom:
         specifier: ^6.27.0
-        version: 6.30.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        version: 6.30.4(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       recharts:
         specifier: ^3.8.1
-        version: 3.8.1(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.6)(react@19.2.6)(redux@5.0.1)
+        version: 3.8.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.7)(react@19.2.6)(redux@5.0.1)
       sonner:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       tailwind-merge:
         specifier: ^3.6.0
         version: 3.6.0
+      tinymce:
+        specifier: ^8.6.0
+        version: 8.6.0
       zustand:
         specifier: ^5.0.0
-        version: 5.0.13(@types/react@18.3.29)(immer@11.1.8)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6))
+        version: 5.0.14(@types/react@18.3.31)(immer@11.1.8)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6))
     devDependencies:
       '@edr/eslint-config':
         specifier: workspace:*
@@ -256,22 +264,22 @@ importers:
         version: link:../../../packages/config/tsconfig
       '@tailwindcss/vite':
         specifier: ^4.3.0
-        version: 4.3.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))
+        version: 4.3.0(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))
       '@types/react':
         specifier: ^18.3.11
-        version: 18.3.29
+        version: 18.3.31
       '@types/react-dom':
         specifier: ^18.3.0
-        version: 18.3.7(@types/react@18.3.29)
+        version: 18.3.7(@types/react@18.3.31)
       '@vitejs/plugin-react':
         specifier: ^4.3.2
-        version: 4.7.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))
+        version: 4.7.0(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))
       autoprefixer:
         specifier: ^10.4.20
         version: 10.5.0(postcss@8.5.15)
       jsdom:
         specifier: ^25.0.1
-        version: 25.0.1(canvas@2.11.2)
+        version: 25.0.1
       postcss:
         specifier: ^8.4.47
         version: 8.5.15
@@ -283,10 +291,10 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^5.4.8
-        version: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
+        version: 5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0)
       vitest:
         specifier: ^2.1.2
-        version: 2.1.9(@types/node@24.13.0)(jsdom@25.0.1(canvas@2.11.2))(lightningcss@1.32.0)(msw@2.14.6(@types/node@24.13.0)(typescript@5.9.3))(terser@5.48.0)
+        version: 2.1.9(@types/node@24.13.1)(jsdom@25.0.1)(lightningcss@1.32.0)(msw@2.14.6(@types/node@24.13.1)(typescript@5.9.3))(terser@5.48.0)
 
   apps/edr-freight-web/portal:
     dependencies:
@@ -298,16 +306,22 @@ importers:
         version: link:../../../packages/ui-common
       '@hookform/resolvers':
         specifier: ^5.4.0
-        version: 5.4.0(react-hook-form@7.76.0(react@19.2.6))
+        version: 5.4.0(react-hook-form@7.77.0(react@19.2.6))
+      '@mantine/core':
+        specifier: ^9.3.0
+        version: 9.3.0(@mantine/hooks@9.3.0(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mantine/hooks':
+        specifier: ^9.3.0
+        version: 9.3.0(react@19.2.6)
       '@tanstack/react-query':
         specifier: ^5.59.0
-        version: 5.100.11(react@19.2.6)
+        version: 5.101.0(react@19.2.6)
       '@tria-plc/iamui-common':
         specifier: 1.1.2
-        version: 1.1.2(c76sr2ir7jvvbtqpsxo334jyfq)
+        version: 1.1.2(631ddfe3435b77e5a0893e986e0c71da)
       axios:
         specifier: ^1.7.7
-        version: 1.16.1
+        version: 1.17.0
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -319,10 +333,10 @@ importers:
         version: 3.6.0
       lucide-react:
         specifier: ^1.14.0
-        version: 1.16.0(react@19.2.6)
+        version: 1.17.0(react@19.2.6)
       radix-ui:
         specifier: ^1.4.3
-        version: 1.4.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        version: 1.5.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react:
         specifier: 19.2.6
         version: 19.2.6
@@ -331,16 +345,16 @@ importers:
         version: 19.2.6(react@19.2.6)
       react-hook-form:
         specifier: ^7.76.0
-        version: 7.76.0(react@19.2.6)
+        version: 7.77.0(react@19.2.6)
       react-hot-toast:
         specifier: ^2.6.0
         version: 2.6.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react-router-dom:
         specifier: ^6.27.0
-        version: 6.30.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        version: 6.30.4(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       recharts:
         specifier: ^3.8.1
-        version: 3.8.1(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.6)(react@19.2.6)(redux@5.0.1)
+        version: 3.8.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.7)(react@19.2.6)(redux@5.0.1)
       tailwind-merge:
         specifier: ^3.6.0
         version: 3.6.0
@@ -349,7 +363,7 @@ importers:
         version: 4.4.3
       zustand:
         specifier: ^5.0.0
-        version: 5.0.13(@types/react@18.3.29)(immer@11.1.8)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6))
+        version: 5.0.14(@types/react@18.3.31)(immer@11.1.8)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6))
     devDependencies:
       '@edr/eslint-config':
         specifier: workspace:*
@@ -357,24 +371,27 @@ importers:
       '@edr/tsconfig':
         specifier: workspace:*
         version: link:../../../packages/config/tsconfig
+      '@hookform/devtools':
+        specifier: ^4.4.0
+        version: 4.4.0(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@tailwindcss/vite':
         specifier: ^4.3.0
-        version: 4.3.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))
+        version: 4.3.0(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))
       '@types/react':
         specifier: ^18.3.11
-        version: 18.3.29
+        version: 18.3.31
       '@types/react-dom':
         specifier: ^18.3.0
-        version: 18.3.7(@types/react@18.3.29)
+        version: 18.3.7(@types/react@18.3.31)
       '@vitejs/plugin-react':
         specifier: ^4.3.2
-        version: 4.7.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))
+        version: 4.7.0(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))
       autoprefixer:
         specifier: ^10.4.20
         version: 10.5.0(postcss@8.5.15)
       jsdom:
         specifier: ^25.0.1
-        version: 25.0.1(canvas@2.11.2)
+        version: 25.0.1
       postcss:
         specifier: ^8.4.47
         version: 8.5.15
@@ -386,67 +403,100 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^5.4.8
-        version: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
+        version: 5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0)
       vitest:
         specifier: ^2.1.2
-        version: 2.1.9(@types/node@24.13.0)(jsdom@25.0.1(canvas@2.11.2))(lightningcss@1.32.0)(msw@2.14.6(@types/node@24.13.0)(typescript@5.9.3))(terser@5.48.0)
+        version: 2.1.9(@types/node@24.13.1)(jsdom@25.0.1)(lightningcss@1.32.0)(msw@2.14.6(@types/node@24.13.1)(typescript@5.9.3))(terser@5.48.0)
 
   apps/edr-passenger-api:
     dependencies:
-      '@edr/api-common':
-        specifier: workspace:*
-        version: link:../../packages/api-common
       '@edr/types':
         specifier: workspace:*
         version: link:../../packages/types
-      '@nestjs/cli':
-        specifier: ^11.0.0
-        version: 11.0.21(@types/node@20.19.41)(prettier@3.8.3)
+      '@golevelup/nestjs-rabbitmq':
+        specifier: ^5.5.0
+        version: 5.7.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/axios':
+        specifier: ^4.0.1
+        version: 4.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.17.0)(rxjs@7.8.2)
       '@nestjs/common':
         specifier: ^11.0.0
-        version: 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        version: 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nestjs/config':
-        specifier: ^4.0.0
-        version: 4.0.4(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)
+        specifier: ^4.0.4
+        version: 4.0.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)
       '@nestjs/core':
-        specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        specifier: ^11.1.19
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/event-emitter':
+        specifier: ^2.0.4
+        version: 2.1.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
+      '@nestjs/jwt':
+        specifier: ^10.2.0
+        version: 10.2.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))
       '@nestjs/microservices':
-        specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        specifier: ^11.1.24
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/passport':
+        specifier: ^10.0.3
+        version: 10.0.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(passport@0.7.0)
       '@nestjs/platform-express':
-        specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)
-      '@nestjs/schematics':
-        specifier: ^11.0.0
-        version: 11.1.0(chokidar@4.0.3)(prettier@3.8.3)(typescript@5.9.3)
+        specifier: ^11.1.19
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
+      '@nestjs/schedule':
+        specifier: ^6.1.3
+        version: 6.1.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
       '@nestjs/swagger':
-        specifier: ^11.4.2
-        version: 11.4.4(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
-      '@nestjs/testing':
-        specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)
-      '@nestjs/typeorm':
-        specifier: ^11.0.1
-        version: 11.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))
+        specifier: ^7.4.0
+        version: 7.4.2(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
+      '@prisma/client':
+        specifier: ^6.19.3
+        version: 6.19.3(prisma@6.19.3(typescript@5.9.3))(typescript@5.9.3)
+      '@sendgrid/mail':
+        specifier: ^8.1.0
+        version: 8.1.6
+      axios:
+        specifier: ^1.7.7
+        version: 1.17.0
+      bcrypt:
+        specifier: ^5.1.1
+        version: 5.1.1
       class-transformer:
         specifier: ^0.5.1
         version: 0.5.1
       class-validator:
-        specifier: ^0.14.1
+        specifier: ^0.14.0
         version: 0.14.4
-      pg:
-        specifier: ^8.13.0
-        version: 8.21.0
+      express:
+        specifier: ^4.18.2
+        version: 4.22.2(supports-color@5.5.0)
+      jose:
+        specifier: ^5.10.0
+        version: 5.10.0
+      passport:
+        specifier: ^0.7.0
+        version: 0.7.0
+      passport-jwt:
+        specifier: ^4.0.1
+        version: 4.0.1
+      qrcode:
+        specifier: ^1.5.3
+        version: 1.5.4
       reflect-metadata:
         specifier: ^0.2.2
         version: 0.2.2
       rxjs:
         specifier: ^7.8.1
         version: 7.8.2
-      typeorm:
-        specifier: 0.3.30
-        version: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      swagger-ui-express:
+        specifier: ^5.0.0
+        version: 5.0.1(express@4.22.2)
+      tsconfig-paths:
+        specifier: ^4.2.0
+        version: 4.2.0
+      uuid:
+        specifier: ^10.0.0
+        version: 10.0.0
     devDependencies:
       '@edr/eslint-config':
         specifier: workspace:*
@@ -454,38 +504,56 @@ importers:
       '@edr/tsconfig':
         specifier: workspace:*
         version: link:../../packages/config/tsconfig
+      '@nestjs/cli':
+        specifier: ^11.0.21
+        version: 11.0.21(@types/node@20.19.42)(prettier@3.8.3)
+      '@nestjs/schematics':
+        specifier: ^11.1.0
+        version: 11.1.0(chokidar@4.0.3)(prettier@3.8.3)(typescript@5.9.3)
+      '@nestjs/testing':
+        specifier: ^11.1.19
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)
+      '@types/bcrypt':
+        specifier: ^5.0.2
+        version: 5.0.2
       '@types/express':
-        specifier: ^5.0.0
+        specifier: ^5.0.6
         version: 5.0.6
       '@types/jest':
-        specifier: ^29.5.13
+        specifier: ^29.5.11
         version: 29.5.14
       '@types/node':
-        specifier: ^20.14.0
-        version: 20.19.41
+        specifier: ^20.10.6
+        version: 20.19.42
+      '@types/passport-jwt':
+        specifier: ^4.0.1
+        version: 4.0.1
+      '@types/qrcode':
+        specifier: ^1.5.5
+        version: 1.5.6
       '@types/supertest':
         specifier: ^6.0.2
         version: 6.0.3
+      '@types/uuid':
+        specifier: ^9.0.0
+        version: 9.0.8
       jest:
         specifier: ^29.7.0
-        version: 29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+        version: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
+      prisma:
+        specifier: ^6.19.3
+        version: 6.19.3(typescript@5.9.3)
       supertest:
         specifier: ^7.0.0
         version: 7.2.2
       ts-jest:
-        specifier: ^29.2.5
-        version: 29.4.11(@babel/core@7.29.0)(@jest/transform@30.4.1)(@jest/types@30.4.1)(babel-jest@30.4.1(@babel/core@7.29.0))(jest-util@30.4.1)(jest@29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))(typescript@5.9.3)
-      ts-loader:
-        specifier: ^9.5.1
-        version: 9.5.7(typescript@5.9.3)(webpack@5.106.0)
+        specifier: ^29.1.1
+        version: 29.4.11(@babel/core@7.29.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.29.7))(jest-util@29.7.0)(jest@29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))(typescript@5.9.3)
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@types/node@20.19.41)(typescript@5.9.3)
-      tsconfig-paths:
-        specifier: ^4.2.0
-        version: 4.2.0
+        version: 10.9.2(@types/node@20.19.42)(typescript@5.9.3)
       typescript:
-        specifier: ^5.5.4
+        specifier: ^5.3.3
         version: 5.9.3
 
   apps/edr-passenger-web/backoffice:
@@ -498,47 +566,53 @@ importers:
         version: link:../../../packages/ui-common
       '@tanstack/react-query':
         specifier: ^5.59.0
-        version: 5.100.11(react@19.2.6)
+        version: 5.101.0(react@18.3.1)
       axios:
         specifier: ^1.7.7
-        version: 1.16.1
+        version: 1.17.0
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      date-fns:
+        specifier: ^3.0.0
+        version: 3.6.0
+      lucide-react:
+        specifier: ^0.446.0
+        version: 0.446.0(react@18.3.1)
+      next:
+        specifier: ^14.2.0
+        version: 14.2.35(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react:
-        specifier: 19.2.6
-        version: 19.2.6
+        specifier: ^18.3.1
+        version: 18.3.1
       react-dom:
-        specifier: 19.2.6
-        version: 19.2.6(react@19.2.6)
-      react-router-dom:
-        specifier: ^6.27.0
-        version: 6.30.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        specifier: ^18.3.1
+        version: 18.3.1(react@18.3.1)
+      recharts:
+        specifier: ^2.12.0
+        version: 2.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       zustand:
         specifier: ^5.0.0
-        version: 5.0.13(@types/react@18.3.29)(immer@11.1.8)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6))
+        version: 5.0.14(@types/react@18.3.31)(immer@11.1.8)(react@18.3.1)(use-sync-external-store@1.6.0(react@18.3.1))
     devDependencies:
-      '@edr/eslint-config':
-        specifier: workspace:*
-        version: link:../../../packages/config/eslint-config
-      '@edr/tsconfig':
-        specifier: workspace:*
-        version: link:../../../packages/config/tsconfig
+      '@types/node':
+        specifier: ^20.0.0
+        version: 20.19.42
       '@types/react':
         specifier: ^18.3.11
-        version: 18.3.29
+        version: 18.3.31
       '@types/react-dom':
         specifier: ^18.3.0
-        version: 18.3.7(@types/react@18.3.29)
-      '@vitejs/plugin-react':
-        specifier: ^4.3.2
-        version: 4.7.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))
+        version: 18.3.7(@types/react@18.3.31)
       autoprefixer:
         specifier: ^10.4.20
         version: 10.5.0(postcss@8.5.15)
-      jsdom:
-        specifier: ^25.0.1
-        version: 25.0.1(canvas@2.11.2)
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.1
+      eslint-config-next:
+        specifier: ^14.2.0
+        version: 14.2.35(eslint@8.57.1)(typescript@5.9.3)
       postcss:
         specifier: ^8.4.47
         version: 8.5.15
@@ -548,12 +622,6 @@ importers:
       typescript:
         specifier: ^5.5.4
         version: 5.9.3
-      vite:
-        specifier: ^5.4.8
-        version: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
-      vitest:
-        specifier: ^2.1.2
-        version: 2.1.9(@types/node@24.13.0)(jsdom@25.0.1(canvas@2.11.2))(lightningcss@1.32.0)(msw@2.14.6(@types/node@24.13.0)(typescript@5.9.3))(terser@5.48.0)
 
   apps/edr-passenger-web/portal:
     dependencies:
@@ -563,49 +631,64 @@ importers:
       '@edr/ui-common':
         specifier: workspace:*
         version: link:../../../packages/ui-common
+      '@hookform/resolvers':
+        specifier: ^3.3.4
+        version: 3.10.0(react-hook-form@7.77.0(react@18.3.1))
       '@tanstack/react-query':
         specifier: ^5.59.0
-        version: 5.100.11(react@19.2.6)
+        version: 5.101.0(react@18.3.1)
       axios:
         specifier: ^1.7.7
-        version: 1.16.1
+        version: 1.17.0
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      date-fns:
+        specifier: ^3.0.0
+        version: 3.6.0
+      lucide-react:
+        specifier: ^0.446.0
+        version: 0.446.0(react@18.3.1)
+      next:
+        specifier: ^14.2.0
+        version: 14.2.35(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      qrcode.react:
+        specifier: ^3.1.0
+        version: 3.2.0(react@18.3.1)
       react:
-        specifier: 19.2.6
-        version: 19.2.6
+        specifier: ^18.3.1
+        version: 18.3.1
       react-dom:
-        specifier: 19.2.6
-        version: 19.2.6(react@19.2.6)
-      react-router-dom:
-        specifier: ^6.27.0
-        version: 6.30.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        specifier: ^18.3.1
+        version: 18.3.1(react@18.3.1)
+      react-hook-form:
+        specifier: ^7.51.0
+        version: 7.77.0(react@18.3.1)
+      zod:
+        specifier: ^3.22.4
+        version: 3.25.76
       zustand:
         specifier: ^5.0.0
-        version: 5.0.13(@types/react@18.3.29)(immer@11.1.8)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6))
+        version: 5.0.14(@types/react@18.3.31)(immer@11.1.8)(react@18.3.1)(use-sync-external-store@1.6.0(react@18.3.1))
     devDependencies:
-      '@edr/eslint-config':
-        specifier: workspace:*
-        version: link:../../../packages/config/eslint-config
-      '@edr/tsconfig':
-        specifier: workspace:*
-        version: link:../../../packages/config/tsconfig
+      '@types/node':
+        specifier: ^20.0.0
+        version: 20.19.42
       '@types/react':
         specifier: ^18.3.11
-        version: 18.3.29
+        version: 18.3.31
       '@types/react-dom':
         specifier: ^18.3.0
-        version: 18.3.7(@types/react@18.3.29)
-      '@vitejs/plugin-react':
-        specifier: ^4.3.2
-        version: 4.7.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))
+        version: 18.3.7(@types/react@18.3.31)
       autoprefixer:
         specifier: ^10.4.20
         version: 10.5.0(postcss@8.5.15)
-      jsdom:
-        specifier: ^25.0.1
-        version: 25.0.1(canvas@2.11.2)
+      eslint:
+        specifier: ^8.57.0
+        version: 8.57.1
+      eslint-config-next:
+        specifier: ^14.2.0
+        version: 14.2.35(eslint@8.57.1)(typescript@5.9.3)
       postcss:
         specifier: ^8.4.47
         version: 8.5.15
@@ -615,12 +698,115 @@ importers:
       typescript:
         specifier: ^5.5.4
         version: 5.9.3
-      vite:
-        specifier: ^5.4.8
-        version: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
-      vitest:
-        specifier: ^2.1.2
-        version: 2.1.9(@types/node@24.13.0)(jsdom@25.0.1(canvas@2.11.2))(lightningcss@1.32.0)(msw@2.14.6(@types/node@24.13.0)(typescript@5.9.3))(terser@5.48.0)
+
+  apps/edr-payment-api:
+    dependencies:
+      '@edr/api-common':
+        specifier: workspace:*
+        version: link:../../packages/api-common
+      '@edr/payment-providers':
+        specifier: workspace:*
+        version: link:../../packages/payment-providers
+      '@edr/types':
+        specifier: workspace:*
+        version: link:../../packages/types
+      '@golevelup/nestjs-rabbitmq':
+        specifier: ^5.5.0
+        version: 5.7.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/axios':
+        specifier: ^4.0.1
+        version: 4.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.17.0)(rxjs@7.8.2)
+      '@nestjs/common':
+        specifier: ^11.0.0
+        version: 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/config':
+        specifier: ^4.0.0
+        version: 4.0.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)
+      '@nestjs/core':
+        specifier: ^11.0.0
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/platform-express':
+        specifier: ^11.0.0
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
+      '@nestjs/schedule':
+        specifier: ^6.0.0
+        version: 6.1.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
+      '@nestjs/swagger':
+        specifier: ^11.4.2
+        version: 11.4.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
+      '@nestjs/typeorm':
+        specifier: ^11.0.1
+        version: 11.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))
+      axios:
+        specifier: ^1.16.1
+        version: 1.17.0
+      class-transformer:
+        specifier: ^0.5.1
+        version: 0.5.1
+      class-validator:
+        specifier: ^0.14.1
+        version: 0.14.4
+      dotenv:
+        specifier: ^17.4.2
+        version: 17.4.2
+      pg:
+        specifier: ^8.13.0
+        version: 8.21.0
+      reflect-metadata:
+        specifier: ^0.2.2
+        version: 0.2.2
+      rxjs:
+        specifier: ^7.8.1
+        version: 7.8.2
+      typeorm:
+        specifier: 0.3.30
+        version: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
+    devDependencies:
+      '@edr/eslint-config':
+        specifier: workspace:*
+        version: link:../../packages/config/eslint-config
+      '@edr/tsconfig':
+        specifier: workspace:*
+        version: link:../../packages/config/tsconfig
+      '@nestjs/cli':
+        specifier: ^11.0.0
+        version: 11.0.21(@types/node@20.19.42)(prettier@3.8.3)
+      '@nestjs/schematics':
+        specifier: ^11.0.0
+        version: 11.1.0(chokidar@4.0.3)(prettier@3.8.3)(typescript@5.9.3)
+      '@nestjs/testing':
+        specifier: ^11.0.0
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)
+      '@types/express':
+        specifier: ^5.0.0
+        version: 5.0.6
+      '@types/jest':
+        specifier: ^29.5.13
+        version: 29.5.14
+      '@types/node':
+        specifier: ^20.14.0
+        version: 20.19.42
+      '@types/pg':
+        specifier: ^8.6.7
+        version: 8.20.0
+      jest:
+        specifier: ^29.7.0
+        version: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
+      ts-jest:
+        specifier: ^29.2.5
+        version: 29.4.11(@babel/core@7.29.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.29.7))(jest-util@29.7.0)(jest@29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))(typescript@5.9.3)
+      ts-loader:
+        specifier: ^9.5.1
+        version: 9.6.0(loader-utils@1.4.2)(typescript@5.9.3)(webpack@5.106.0)
+      ts-node:
+        specifier: ^10.9.2
+        version: 10.9.2(@types/node@20.19.42)(typescript@5.9.3)
+      tsconfig-paths:
+        specifier: ^4.2.0
+        version: 4.2.0
+      typescript:
+        specifier: ^5.5.4
+        version: 5.9.3
 
   packages/api-common:
     dependencies:
@@ -636,13 +822,13 @@ importers:
         version: link:../config/tsconfig
       '@nestjs/common':
         specifier: ^11.0.0
-        version: 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        version: 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nestjs/core':
         specifier: ^11.0.0
-        version: 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+        version: 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@types/node':
         specifier: ^20.14.0
-        version: 20.19.41
+        version: 20.19.42
       reflect-metadata:
         specifier: ^0.2.2
         version: 0.2.2
@@ -650,8 +836,8 @@ importers:
         specifier: ^7.8.1
         version: 7.8.2
       typeorm:
-        specifier: 0.3.30
-        version: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+        specifier: ^0.3.20
+        version: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       typescript:
         specifier: ^5.5.4
         version: 5.9.3
@@ -660,10 +846,10 @@ importers:
     devDependencies:
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.8.0
-        version: 8.59.4(@typescript-eslint/parser@8.59.4(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
+        version: 8.60.1(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
       '@typescript-eslint/parser':
         specifier: ^8.8.0
-        version: 8.59.4(eslint@8.57.1)(typescript@5.9.3)
+        version: 8.60.1(eslint@8.57.1)(typescript@5.9.3)
       eslint:
         specifier: ^8.57.0
         version: 8.57.1
@@ -672,7 +858,7 @@ importers:
         version: 9.1.2(eslint@8.57.1)
       eslint-plugin-import:
         specifier: ^2.31.0
-        version: 2.32.0(@typescript-eslint/parser@8.59.4(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)
+        version: 2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
       eslint-plugin-react:
         specifier: ^7.37.1
         version: 7.37.5(eslint@8.57.1)
@@ -687,6 +873,43 @@ importers:
 
   packages/config/tsconfig: {}
 
+  packages/payment-providers:
+    dependencies:
+      '@edr/types':
+        specifier: workspace:*
+        version: link:../types
+    devDependencies:
+      '@edr/eslint-config':
+        specifier: workspace:*
+        version: link:../config/eslint-config
+      '@edr/tsconfig':
+        specifier: workspace:*
+        version: link:../config/tsconfig
+      '@nestjs/axios':
+        specifier: ^4.0.0
+        version: 4.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.17.0)(rxjs@7.8.2)
+      '@nestjs/common':
+        specifier: ^11.0.0
+        version: 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/config':
+        specifier: ^4.0.0
+        version: 4.0.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)
+      '@types/node':
+        specifier: ^20.14.0
+        version: 20.19.42
+      axios:
+        specifier: ^1.7.0
+        version: 1.17.0
+      reflect-metadata:
+        specifier: ^0.2.2
+        version: 0.2.2
+      rxjs:
+        specifier: ^7.8.1
+        version: 7.8.2
+      typescript:
+        specifier: ^5.5.4
+        version: 5.9.3
+
   packages/types:
     devDependencies:
       '@edr/eslint-config':
@@ -704,9 +927,12 @@ importers:
       '@edr/types':
         specifier: workspace:*
         version: link:../types
+      '@mantine/core':
+        specifier: ^9.3.0
+        version: 9.3.0(@mantine/hooks@9.3.0(react@18.3.1))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@tanstack/react-table':
         specifier: ^8.21.3
-        version: 8.21.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        version: 8.21.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -715,13 +941,13 @@ importers:
         version: 2.1.1
       lucide-react:
         specifier: ^1.14.0
-        version: 1.16.0(react@19.2.6)
+        version: 1.17.0(react@18.3.1)
       radix-ui:
         specifier: ^1.4.3
-        version: 1.4.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+        version: 1.5.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       shadcn:
         specifier: ^4.7.0
-        version: 4.8.0(@types/node@24.13.0)(babel-plugin-macros@3.1.0)(typescript@5.9.3)
+        version: 4.10.0(@types/node@24.13.1)(babel-plugin-macros@3.1.0)(typescript@5.9.3)
       tailwind-merge:
         specifier: ^3.6.0
         version: 3.6.0
@@ -740,19 +966,19 @@ importers:
         version: 4.3.0
       '@types/react':
         specifier: ^18.3.11
-        version: 18.3.29
+        version: 18.3.31
       '@types/react-dom':
         specifier: ^18.3.0
-        version: 18.3.7(@types/react@18.3.29)
+        version: 18.3.7(@types/react@18.3.31)
       postcss:
         specifier: ^8.4.47
         version: 8.5.15
       react:
-        specifier: 19.2.6
-        version: 19.2.6
+        specifier: ^18.3.1
+        version: 18.3.1
       react-dom:
-        specifier: 19.2.6
-        version: 19.2.6(react@19.2.6)
+        specifier: ^18.3.1
+        version: 18.3.1(react@18.3.1)
       tailwindcss:
         specifier: ^4.3.0
         version: 4.3.0
@@ -787,96 +1013,96 @@ packages:
   '@ark-ui/react@5.36.2':
     resolution: {integrity: sha512-2lrZ7+Qtlj7hGx4qU2jZkE892JNrkULg/fUxqUuqmQfv9UGAXhdcw1Hr3N+zBgMDVz3aqip0Qa4v0Mox09MMvg==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=18.0.0'
+      react-dom: '>=18.0.0'
 
   '@asamuzakjp/css-color@3.2.0':
     resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
 
-  '@babel/code-frame@7.29.0':
-    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+  '@babel/code-frame@7.29.7':
+    resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.29.3':
-    resolution: {integrity: sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==}
+  '@babel/compat-data@7.29.7':
+    resolution: {integrity: sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.29.0':
-    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
+  '@babel/core@7.29.7':
+    resolution: {integrity: sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.29.1':
-    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+  '@babel/generator@7.29.7':
+    resolution: {integrity: sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-annotate-as-pure@7.27.3':
-    resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
+  '@babel/helper-annotate-as-pure@7.29.7':
+    resolution: {integrity: sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.28.6':
-    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+  '@babel/helper-compilation-targets@7.29.7':
+    resolution: {integrity: sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-create-class-features-plugin@7.29.3':
-    resolution: {integrity: sha512-RpLYy2sb51oNLjuu1iD3bwBqCBWUzjO0ocp+iaCP/lJtb2CPLcnC2Fftw+4sAzaMELGeWTgExSKADbdo0GFVzA==}
+  '@babel/helper-create-class-features-plugin@7.29.7':
+    resolution: {integrity: sha512-IY3ZD9Tmooqr3TUhc3DUWxiuo8xx1DWLhd5M7hQ+ZWJamqM2BbalrBJb2MisSLoYorOj75U03qULCxQTY9r3hg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-globals@7.28.0':
-    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+  '@babel/helper-globals@7.29.7':
+    resolution: {integrity: sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-member-expression-to-functions@7.28.5':
-    resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
+  '@babel/helper-member-expression-to-functions@7.29.7':
+    resolution: {integrity: sha512-j+7JYmk1JYDtACIGj0QJqqWZjoUpMoEikQGADMaHgCMCSDqd2+P32rfcibUNrGOMWrlzK1WJBdxrB3JJQZwWtg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.28.6':
-    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+  '@babel/helper-module-imports@7.29.7':
+    resolution: {integrity: sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-transforms@7.28.6':
-    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+  '@babel/helper-module-transforms@7.29.7':
+    resolution: {integrity: sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-optimise-call-expression@7.27.1':
-    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
+  '@babel/helper-optimise-call-expression@7.29.7':
+    resolution: {integrity: sha512-+kmGVjcT9RGYzoDwdwEqEvGgKe3BYq+O1iGzjFubaNgZHwYHP6lsF2Yghf4kEuv9BV7tYDZ913aBW9am6YKong==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.28.6':
-    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
+  '@babel/helper-plugin-utils@7.29.7':
+    resolution: {integrity: sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-replace-supers@7.28.6':
-    resolution: {integrity: sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==}
+  '@babel/helper-replace-supers@7.29.7':
+    resolution: {integrity: sha512-atfGXWSeCiF4DnKZIfmJfQRkSw9b9gNNXR1kqKjbhG4pGYCOnkp8OcTB8E3NXjBu8NpheSnOeNKz8KT7UNFTmQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
-    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
+  '@babel/helper-skip-transparent-expression-wrappers@7.29.7':
+    resolution: {integrity: sha512-brcMGQaVzIeUb+6/bs1Av0f8YuNNjKY2JyvfRCsFuFsdKccEQ5Ges2y74D74NZ1Rz8lKJ9ksJkfqwQFJ/iNEyQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.27.1':
-    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+  '@babel/helper-string-parser@7.29.7':
+    resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.28.5':
-    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+  '@babel/helper-validator-identifier@7.29.7':
+    resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.27.1':
-    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+  '@babel/helper-validator-option@7.29.7':
+    resolution: {integrity: sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.29.2':
-    resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
+  '@babel/helpers@7.29.7':
+    resolution: {integrity: sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.29.3':
-    resolution: {integrity: sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==}
+  '@babel/parser@7.29.7':
+    resolution: {integrity: sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -901,8 +1127,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-import-attributes@7.28.6':
-    resolution: {integrity: sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==}
+  '@babel/plugin-syntax-import-attributes@7.29.7':
+    resolution: {integrity: sha512-zGYcYfq/WmZ4V+kBIXQon9dSSc8ircGZqw9ZaNhhGj9nZkeBu1jHLBDQqYYi5WA9uawvA2sIMbry2nCFhf5Djg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -917,8 +1143,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-jsx@7.28.6':
-    resolution: {integrity: sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==}
+  '@babel/plugin-syntax-jsx@7.29.7':
+    resolution: {integrity: sha512-TSu8+mHCoEaaCDEZ0I3+6mvTBYR4PCxQwf2z9/r5Tbztv6NaLR3B9thGTTxX2WGuGHJqRiAbKPeGTJ5XWXVg6A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -965,56 +1191,56 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-typescript@7.28.6':
-    resolution: {integrity: sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==}
+  '@babel/plugin-syntax-typescript@7.29.7':
+    resolution: {integrity: sha512-ngr+82Sh0xMz25TPCZi+nC2iTzjfCdWS2ONXTp/PtSCHCgaCNBpdMqgvJ2ccdLlClVZ7sisIgB914j/JFe+RZA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-modules-commonjs@7.28.6':
-    resolution: {integrity: sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==}
+  '@babel/plugin-transform-modules-commonjs@7.29.7':
+    resolution: {integrity: sha512-j0vCldybPC5b5dwCQOJ21uKtHzt7hxLygJTg9eF1ScfaikEDNfzn94XoW5Fi+seBR0nCyL23xaBFFkq7dTM8XQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1':
-    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
+  '@babel/plugin-transform-react-jsx-self@7.29.7':
+    resolution: {integrity: sha512-TL0hMc9xzy86VD31nUiwzd5otRAcyEPcsegCxolO0PvcXuH1v0kECe/UIznYFihpkvU5wg/jk4v0TTEFfm53fw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-source@7.27.1':
-    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
+  '@babel/plugin-transform-react-jsx-source@7.29.7':
+    resolution: {integrity: sha512-06IyK09H3wi4cGbhDBwp5gUGo0IKtnYa8tyTiephirPCK6fbobVGiXMMI5zLQ4aKEYP3wZ3ArU44o+8KMrSG/Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-typescript@7.28.6':
-    resolution: {integrity: sha512-0YWL2RFxOqEm9Efk5PvreamxPME8OyY0wM5wh5lHjF+VtVhdneCWGzZeSqzOfiobVqQaNCd2z0tQvnI9DaPWPw==}
+  '@babel/plugin-transform-typescript@7.29.7':
+    resolution: {integrity: sha512-jK52h8LaLc7JarhQV2ofeFMts4H7vnOXnqZNA6fYglBTZewRBE51KWt3BUltW1P+KoPsYkHoJeXePuz4zo2LMw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/preset-typescript@7.28.5':
-    resolution: {integrity: sha512-+bQy5WOI2V6LJZpPVxY+yp66XdZ2yifu0Mc1aP5CQKgjn4QM5IN2i5fAZ4xKop47pr8rpVhiAeu+nDQa12C8+g==}
+  '@babel/preset-typescript@7.29.7':
+    resolution: {integrity: sha512-/Foi8vKY2EVbed/1eZx0gJEEwHAIxogrySI7rULcRIvhZzbvoE/b5qG5Ghc0WKAFKOHA9SD1x7RsFlOYdutIiQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/runtime@7.29.2':
-    resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==}
+  '@babel/runtime@7.29.7':
+    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.28.6':
-    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+  '@babel/template@7.29.7':
+    resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.29.0':
-    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+  '@babel/traverse@7.29.7':
+    resolution: {integrity: sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.29.0':
-    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+  '@babel/types@7.29.7':
+    resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
     engines: {node: '>=6.9.0'}
 
   '@bcoe/v8-coverage@0.2.3':
@@ -1027,8 +1253,8 @@ packages:
     resolution: {integrity: sha512-qzfRNLwxKjxx2IXjBj6uz1nYI+pKsq6uwHxO619+hx1OzNNuwLIjEHJxnDfBzoynO7sPCBlubMwFWb1e1PrXzw==}
     peerDependencies:
       '@emotion/react': '>=11'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=18'
+      react-dom: '>=18'
 
   '@colors/colors@1.5.0':
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
@@ -1138,8 +1364,8 @@ packages:
   '@date-fns/tz@1.5.0':
     resolution: {integrity: sha512-lwYN/vDPeNRULcepoE/LO2Pgx+7/RV+S9ARfbc9lr2DtGkOD7pAiruHvbR1RX3Qyf6ja47EWJDMsNK5vK08DJg==}
 
-  '@dotenvx/dotenvx@1.67.0':
-    resolution: {integrity: sha512-KBfIx5OrAG6giqSkHCkQWynZmT47XkSTuuYIcvjHxlKoVRlYbxNrJmyIPaefnszU8MCvMwrrB+viJQzPqzgpcg==}
+  '@dotenvx/dotenvx@1.71.0':
+    resolution: {integrity: sha512-KEUw/mGu+EDRhYWRTNGHIimVCs9NvMFaIXOGrHSXoCteKLE5EsJnmPjOPpYorjXVg/0xG0fbdVw720azw1z4ag==}
     hasBin: true
 
   '@ecies/ciphers@0.2.6':
@@ -1148,6 +1374,15 @@ packages:
     peerDependencies:
       '@noble/ciphers': ^1.0.0
 
+  '@emnapi/core@1.10.0':
+    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
+
+  '@emnapi/runtime@1.10.0':
+    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
   '@emotion/babel-plugin@11.13.5':
     resolution: {integrity: sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==}
 
@@ -1167,7 +1402,7 @@ packages:
     resolution: {integrity: sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: '>=16.8.0'
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1183,7 +1418,7 @@ packages:
     peerDependencies:
       '@emotion/react': ^11.0.0-rc.0
       '@types/react': '*'
-      react: 19.2.6
+      react: '>=16.8.0'
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1194,7 +1429,7 @@ packages:
   '@emotion/use-insertion-effect-with-fallbacks@1.2.0':
     resolution: {integrity: sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==}
     peerDependencies:
-      react: 19.2.6
+      react: '>=16.8.0'
 
   '@emotion/utils@1.4.2':
     resolution: {integrity: sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==}
@@ -1377,14 +1612,14 @@ packages:
   '@floating-ui/react-dom@2.1.8':
     resolution: {integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@floating-ui/react@0.27.19':
     resolution: {integrity: sha512-31B8h5mm8YxotlE7/AU/PhNAl8eWxAmjL/v2QOxroDNkTFLk3Uu82u63N3b6TXa4EGJeeZLVcd/9AlNlVqzeog==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=17.0.0'
+      react-dom: '>=17.0.0'
 
   '@floating-ui/utils@0.2.11':
     resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
@@ -1395,11 +1630,25 @@ packages:
   '@gilbarbara/deep-equal@0.3.1':
     resolution: {integrity: sha512-I7xWjLs2YSVMc5gGx1Z3ZG1lgFpITPndpi8Ku55GeEIKpACCPQNS/OTqQbxgTCfq0Ncvcc+CrFov96itVh6Qvw==}
 
+  '@golevelup/nestjs-discovery@4.0.3':
+    resolution: {integrity: sha512-8w3CsXHN7+7Sn2i419Eal1Iw/kOjAd6Kb55M/ZqKBBwACCMn4WiEuzssC71LpBMI1090CiDxuelfPRwwIrQK+A==}
+    peerDependencies:
+      '@nestjs/common': ^10.x || ^11.0.0
+      '@nestjs/core': ^10.x || ^11.0.0
+
+  '@golevelup/nestjs-rabbitmq@5.7.0':
+    resolution: {integrity: sha512-0j+r+Fg515UCJUds8irkTpQwps0LVGnEP1aLGr4VDflGdr1jmvVkFukfUtpa/cMuKC9vFe2v1LBe/D584Vpobg==}
+    peerDependencies:
+      '@nestjs/common': ^10.x || ^11.0.0
+      '@nestjs/core': ^10.x || ^11.0.0
+      reflect-metadata: ^0.2.2
+      rxjs: ^7.x
+
   '@hello-pangea/dnd@18.0.1':
     resolution: {integrity: sha512-xojVWG8s/TGrKT1fC8K2tIWeejJYTAeJuj36zM//yEm/ZrnZUSFGS15BpO+jGZT1ybWvyXmeDJwPYb4dhWlbZQ==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
 
   '@hono/node-server@1.19.14':
     resolution: {integrity: sha512-GwtvgtXxnWsucXvbQXkRgqksiH2Qed37H9xHZocE5sA3N8O8O8/8FA3uclQXxXVzc9XBZuEOMK7+r02FmSpHtw==}
@@ -1407,6 +1656,17 @@ packages:
     peerDependencies:
       hono: ^4
 
+  '@hookform/devtools@4.4.0':
+    resolution: {integrity: sha512-Mtlic+uigoYBPXlfvPBfiYYUZuyMrD3pTjDpVIhL6eCZTvQkHsKBSKeZCvXWUZr8fqrkzDg27N+ZuazLKq6Vmg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18 || ^19
+      react-dom: ^16.8.0 || ^17 || ^18 || ^19
+
+  '@hookform/resolvers@3.10.0':
+    resolution: {integrity: sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
+
   '@hookform/resolvers@5.4.0':
     resolution: {integrity: sha512-EIsqr/t/qbinPIhGjMdtvutIN1Kk4uwbROE9/UQ93CAVGR7GkA7Y92+fX80OzXi/OB67jVFYwKGO1WzkxmkFZw==}
     peerDependencies:
@@ -1429,9 +1689,9 @@ packages:
     resolution: {integrity: sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==}
     engines: {node: '>=18'}
 
-  '@inquirer/ansi@2.0.5':
-    resolution: {integrity: sha512-doc2sWgJpbFQ64UflSVd17ibMGDuxO1yKgOgLMwavzESnXjFWJqUeG8saYosqKpHp4kWiM5x1nXvEjbpx90gzw==}
-    engines: {node: '>=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0'}
+  '@inquirer/ansi@2.0.7':
+    resolution: {integrity: sha512-3eTuUO1vH2cZm2ZKHeQxnOqlTi9EfZDGgIe3BL3I4u+rJHocr9Fz86M4fjYABPvFnQG/gGK551HqDiIcETwU6Q==}
+    engines: {node: '>=23.5.0 || ^22.13.0 || ^20.17.0'}
 
   '@inquirer/checkbox@4.3.2':
     resolution: {integrity: sha512-VXukHf0RR1doGe6Sm4F0Em7SWYLTHSsbGfJdS9Ja2bX5/D5uwVOEjr07cncLROdBvmnvCATYEWlHqYmXv2IlQA==}
@@ -1451,9 +1711,9 @@ packages:
       '@types/node':
         optional: true
 
-  '@inquirer/confirm@6.0.13':
-    resolution: {integrity: sha512-wkGPC7yJ5WJk1DJ5SX7fzk+gfj4BM8cf5dDDi71B/551xHrdsZVRJOC0WyikXd0pEsb/9cLniuE4atbsMqmFkw==}
-    engines: {node: '>=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0'}
+  '@inquirer/confirm@6.1.1':
+    resolution: {integrity: sha512-eb8DBZcz/2qHWQda4rk2JiQk5h9QV/cVHi1yjt0f69WFZMRFn0sJTye3EAP8icut8UDMjQPsaH5KbcOogefrFQ==}
+    engines: {node: '>=23.5.0 || ^22.13.0 || ^20.17.0'}
     peerDependencies:
       '@types/node': '>=18'
     peerDependenciesMeta:
@@ -1469,9 +1729,9 @@ packages:
       '@types/node':
         optional: true
 
-  '@inquirer/core@11.1.10':
-    resolution: {integrity: sha512-a4Q5BXHQAHa9eO202sTaFCHFYVB3x5fauDuThEAdZ9gfn76pSxiKU7wWcEH0N1O0XmQvNfQNU6QXpiRxmYQx+A==}
-    engines: {node: '>=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0'}
+  '@inquirer/core@11.2.1':
+    resolution: {integrity: sha512-Qd6GJT1yVyrZZCfN8W2qKF5ApmqryXRhRKCuip8h01x2w/esJQ2XIYc6f9abMIHgKQdBfFTSOdbHRLAhuM09UA==}
+    engines: {node: '>=23.5.0 || ^22.13.0 || ^20.17.0'}
     peerDependencies:
       '@types/node': '>=18'
     peerDependenciesMeta:
@@ -1509,9 +1769,9 @@ packages:
     resolution: {integrity: sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==}
     engines: {node: '>=18'}
 
-  '@inquirer/figures@2.0.5':
-    resolution: {integrity: sha512-NsSs4kzfm12lNetHwAn3GEuH317IzpwrMCbOuMIVytpjnJ90YYHNwdRgYGuKmVxwuIqSgqk3M5qqQt1cDk0tGQ==}
-    engines: {node: '>=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0'}
+  '@inquirer/figures@2.0.7':
+    resolution: {integrity: sha512-aJ8TBPOGB6f/2qziPfElISTCEd5XOYTFckA2SGjhNmiKzfK/u4ot3v0DUzGVdUnKjN10EqnnEPck36BkyfLnJw==}
+    engines: {node: '>=23.5.0 || ^22.13.0 || ^20.17.0'}
 
   '@inquirer/input@4.3.1':
     resolution: {integrity: sha512-kN0pAM4yPrLjJ1XJBjDxyfDduXOuQHrBB8aLDMueuwUGn+vNpF7Gq7TvyVxx8u4SHlFFj4trmj+a2cbpG4Jn1g==}
@@ -1594,9 +1854,9 @@ packages:
       '@types/node':
         optional: true
 
-  '@inquirer/type@4.0.5':
-    resolution: {integrity: sha512-aetVUNeKNc/VriqXlw1NRSW0zhMBB0W4bNbWRJgzRl/3d0QNDQFfk0GO5SDdtjMZVg6o8ZKEiadd7SCCzoOn5Q==}
-    engines: {node: '>=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0'}
+  '@inquirer/type@4.0.7':
+    resolution: {integrity: sha512-t28inv14nMQ1PhKpsJPY+kEs/c00qzeCOS2gTNRyTjG5d6qsVA2fItxW4hkvGZ5lvanGLdtCzVIx5dwdRpN1+g==}
+    engines: {node: '>=23.5.0 || ^22.13.0 || ^20.17.0'}
     peerDependencies:
       '@types/node': '>=18'
     peerDependenciesMeta:
@@ -1654,10 +1914,6 @@ packages:
     resolution: {integrity: sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/pattern@30.4.0':
-    resolution: {integrity: sha512-RAWn3+f9u8BsHijKJ71uHcFp6vmyEt6VvoWXkl6hKF3qVIuWNmudVjg12DlBPGup/frIl5UcUlH5HfEuvHpEXg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jest/reporters@29.7.0':
     resolution: {integrity: sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -1671,10 +1927,6 @@ packages:
     resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/schemas@30.4.1':
-    resolution: {integrity: sha512-i6b4qw5qnP8c5FEeBJg/uZQ4ddrkN6Ca8qISJh0pr7a5hfn3h3v5x60BEbOC7OYAGZNMs1LfFLwnW2CuK8F57Q==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jest/source-map@29.6.3':
     resolution: {integrity: sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -1691,18 +1943,10 @@ packages:
     resolution: {integrity: sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/transform@30.4.1':
-    resolution: {integrity: sha512-Wz0LyktlTvRefoymh+n64hQ84KNXsRGcwdoZ8CSa0Ea+fgYcHZlnk+hDP7v2MS7il2bQ5uTEIxf4/NNfhMN4KQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jest/types@29.6.3':
     resolution: {integrity: sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  '@jest/types@30.4.1':
-    resolution: {integrity: sha512-f1x/vJXIfjOlEmejYpbkbgw1gOqpPECwMvMEtBqe47j7H2Hg8h8w3o3ikhSXq3MI15kg+oQ0exWO0uCtTNJLoQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -1731,7 +1975,7 @@ packages:
   '@lottiefiles/react-lottie-player@3.6.0':
     resolution: {integrity: sha512-WK5TriLJT93VF3w4IjSVyveiedraZCnDhKzCPhpbeLgQeMi6zufxa3dXNc4HmAFRXq+LULPAy+Idv1rAfkReMA==}
     peerDependencies:
-      react: 19.2.6
+      react: 16 - 19
 
   '@lukeed/csprng@1.1.0':
     resolution: {integrity: sha512-Z7C/xXCiGWsg0KuKsHTKJxbWhpI3Vs5GwLfOean7MGyVFGqdRgBbAjOCh6u4bbjPc/8MJ2pZmK/0DLdCbivLDA==}
@@ -1741,15 +1985,15 @@ packages:
     resolution: {integrity: sha512-9tph1lTVogKPjTx02eUxDUOdXacPzK62UuSqb4TdGliI54/Xgxftq0Dfqu6XuhCxn9J5MDJaNiLDvL/1KRkYqA==}
     peerDependencies:
       '@mantine/hooks': 8.3.18
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^18.x || ^19.x
+      react-dom: ^18.x || ^19.x
 
   '@mantine/core@9.3.0':
     resolution: {integrity: sha512-mHVCm61YVW9ipy9eHiKMqsRUm3TkOErbdw7zHs0HRw5g403nf7tSTqNGvaYE+aX1Py874qMkrUzeQfj4bjiiBA==}
     peerDependencies:
       '@mantine/hooks': 9.3.0
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^19.2.0
+      react-dom: ^19.2.0
 
   '@mantine/dates@8.3.18':
     resolution: {integrity: sha512-FHx5teJOhupI0gO2o5evtVYQEdqOjayOkLRhEQfB5Nc5DvcysfPfmNILGkc1Nrp9ZQeQWKLT9qr+CkcCXwHOaw==}
@@ -1757,23 +2001,26 @@ packages:
       '@mantine/core': 8.3.18
       '@mantine/hooks': 8.3.18
       dayjs: '>=1.0.0'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^18.x || ^19.x
+      react-dom: ^18.x || ^19.x
 
   '@mantine/hooks@8.3.18':
     resolution: {integrity: sha512-QoWr9+S8gg5050TQ06aTSxtlpGjYOpIllRbjYYXlRvZeTsUqiTbVfvQROLexu4rEaK+yy9Wwriwl9PMRgbLqPw==}
     peerDependencies:
-      react: 19.2.6
+      react: ^18.x || ^19.x
 
   '@mantine/hooks@9.3.0':
     resolution: {integrity: sha512-QoSr9WI4WsKWrM3qFYYizHUn3+n+CVcFMYe4sdlnmFPStvs6BacPODKJSbFlYl73Z20t82JIy0eKqt4noHQI2g==}
     peerDependencies:
-      react: 19.2.6
+      react: ^19.2.0
 
   '@mapbox/node-pre-gyp@1.0.11':
     resolution: {integrity: sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==}
     hasBin: true
 
+  '@microsoft/tsdoc@0.15.1':
+    resolution: {integrity: sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==}
+
   '@microsoft/tsdoc@0.16.0':
     resolution: {integrity: sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==}
 
@@ -1797,8 +2044,8 @@ packages:
     deprecated: This package has been replaced by @base-ui/react
     peerDependencies:
       '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1812,7 +2059,7 @@ packages:
     peerDependencies:
       '@mui/material': ^5.0.0
       '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1824,8 +2071,8 @@ packages:
       '@emotion/react': ^11.5.0
       '@emotion/styled': ^11.3.0
       '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@emotion/react':
         optional: true
@@ -1839,7 +2086,7 @@ packages:
     engines: {node: '>=12.0.0'}
     peerDependencies:
       '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1850,7 +2097,7 @@ packages:
     peerDependencies:
       '@emotion/react': ^11.4.1
       '@emotion/styled': ^11.3.0
-      react: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@emotion/react':
         optional: true
@@ -1864,7 +2111,7 @@ packages:
       '@emotion/react': ^11.5.0
       '@emotion/styled': ^11.3.0
       '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@emotion/react':
         optional: true
@@ -1886,7 +2133,7 @@ packages:
     engines: {node: '>=12.0.0'}
     peerDependencies:
       '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1896,7 +2143,7 @@ packages:
     engines: {node: '>=14.0.0'}
     peerDependencies:
       '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1909,15 +2156,15 @@ packages:
       '@emotion/styled': ^11.8.1
       '@mui/material': ^5.8.6
       '@mui/system': ^5.8.0
-      date-fns: ^3.6.0
+      date-fns: ^2.25.0 || ^3.2.0
       date-fns-jalali: ^2.13.0-0
       dayjs: ^1.10.7
       luxon: ^3.0.2
       moment: ^2.29.4
       moment-hijri: ^2.1.2
       moment-jalaali: ^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^17.0.0 || ^18.0.0
+      react-dom: ^17.0.0 || ^18.0.0
     peerDependenciesMeta:
       '@emotion/react':
         optional: true
@@ -1938,6 +2185,87 @@ packages:
       moment-jalaali:
         optional: true
 
+  '@napi-rs/canvas-android-arm64@0.1.100':
+    resolution: {integrity: sha512-hjhCKhntPv9+t4ckHymdx0phYNcVW+GKQR6Lzw2zE+pOVjOplSmtx9nNNknTjbEDLcuLZqA1y8ufKg1XfgftzQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@napi-rs/canvas-darwin-arm64@0.1.100':
+    resolution: {integrity: sha512-2PcswRaC7Ly645DGt88///zuFDhJxJYdKAs1uU3mfk1atYkXufgcgLfBpk6Tm12nCQBaNt1wpybuPZ4qOhTo8A==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@napi-rs/canvas-darwin-x64@0.1.100':
+    resolution: {integrity: sha512-ePNZtj7pNIva/siZMg+HmbeozkIjqUIYdoymH8HaA3qK7LfzFN4WMBM8G6HQ9ZC+H3+Dnn5pqtiXpgLykaPOhw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@napi-rs/canvas-linux-arm-gnueabihf@0.1.100':
+    resolution: {integrity: sha512-d5cDB48oWFGU8/XPhUOFAlySgb/VAu7D+s8fi55K1Pcfg8aPplHWqMgibhVLU8ky7Pyg/fuiVLz4Nf3JrSTuUA==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@napi-rs/canvas-linux-arm64-gnu@0.1.100':
+    resolution: {integrity: sha512-rDxgxRu69RvDlX/bh9o22DxLsGr8EqsNgotL9+RwQE1S0b0cqeatqsw6aW45mukm0B42DIAaAacKaYQ8cqS1nw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@napi-rs/canvas-linux-arm64-musl@0.1.100':
+    resolution: {integrity: sha512-K3mDW66N+xT2/V439u1alFANiBUjdEx2gLiNYnCmUsva5jZMxWTjafBYwTzYK+EMFMHrUoabuU+T1BIP5CgbYQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@napi-rs/canvas-linux-riscv64-gnu@0.1.100':
+    resolution: {integrity: sha512-mooqUBTIsccZpnoQC4NgrC1v6C1vof39etLNMnBwCY+p0gajWJvAHLGQ6g/gGyS5YrpDW+GefSN4+Cvcr08UWw==}
+    engines: {node: '>= 10'}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@napi-rs/canvas-linux-x64-gnu@0.1.100':
+    resolution: {integrity: sha512-1eCvkDCazm7FFhsT7DfGOdSaHgZVK3bt/dSBl5EWHOWmnz+I7j8tPseJqqD81NF+MH21jKUK4wQSDjN0mdhnTg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@napi-rs/canvas-linux-x64-musl@0.1.100':
+    resolution: {integrity: sha512-20arT6lnI19S68qNlii73TSEDbECNgzMz2EpldC1V3mZFuRkeujXkcebRk0LRJe9SEUAooYiLokfMViY8IX7yA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@napi-rs/canvas-win32-arm64-msvc@0.1.100':
+    resolution: {integrity: sha512-DZFFT1wIAg37LJw37yhMRFfjATd3vTQzjZ1Yki8u2vhO6Hi5VE6BVaGQ1aaDu7xb4iMErz+9EOwjpS7xcxFeBw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@napi-rs/canvas-win32-x64-msvc@0.1.100':
+    resolution: {integrity: sha512-MyT1j3mHC2+Lu4pBi9mKyMJhtP6U7k7EldY7sj/uS5gJA65gTXt8MefJQXLJo5d/vZbuWmfxzkEUNc/urV3pHA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@napi-rs/canvas@0.1.100':
+    resolution: {integrity: sha512-xglYA6q3XO5P3BNJYxVZ1IV7DLVjp1Py6nwag88YntrS+3vKHyYcMqXVS4ZztJmwz2uGvz1FWhI/4LgbR5uQDA==}
+    engines: {node: '>= 10'}
+
+  '@napi-rs/wasm-runtime@1.1.4':
+    resolution: {integrity: sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
   '@nestjs/axios@4.0.1':
     resolution: {integrity: sha512-68pFJgu+/AZbWkGu65Z3r55bTsCPlgyKaV4BSG8yUAD72q1PPuyVRgUwFv6BxdnibTUHlyxm06FmYWNC+bjN7A==}
     peerDependencies:
@@ -1958,8 +2286,8 @@ packages:
       '@swc/core':
         optional: true
 
-  '@nestjs/common@11.1.23':
-    resolution: {integrity: sha512-qKgEqwQXHIVu8TwiISmgbTrGHAFBsseP86KNolBZwAiHQryinJ5FPiDpp0ZJBBryY+WEMnsqaCa4TSxVuQEWug==}
+  '@nestjs/common@11.1.24':
+    resolution: {integrity: sha512-9zHxaDDM+oXW9As6UsP5yYB+UqczBmpeSCIFWdPEtEukMnZhxODG1BBjaUcdBB8Sc1uzojSJSJlp3yFp853t1g==}
     peerDependencies:
       class-transformer: '>=0.4.1'
       class-validator: '>=0.13.2'
@@ -1977,8 +2305,8 @@ packages:
       '@nestjs/common': ^10.0.0 || ^11.0.0
       rxjs: ^7.1.0
 
-  '@nestjs/core@11.1.23':
-    resolution: {integrity: sha512-Yd+mVFUilw4A6PzV7tyfiW+zrG2wmRXnFZVmNQA+fl1N0k6km4bhhNboxjLu//dzl+XiZI5AsOHHOTegzvOgNQ==}
+  '@nestjs/core@11.1.24':
+    resolution: {integrity: sha512-K4bzT+lEdd0Hhcsw3jtk56QAW6s6skK3ViN7hIROSN0kUf4ROwWEAKopJID6yhPQxB45kDtP2wEcjzE8171J3g==}
     engines: {node: '>= 20'}
     peerDependencies:
       '@nestjs/common': ^11.0.0
@@ -1995,10 +2323,29 @@ packages:
       '@nestjs/websockets':
         optional: true
 
-  '@nestjs/jwt@11.0.2':
-    resolution: {integrity: sha512-rK8aE/3/Ma45gAWfCksAXUNbOoSOUudU0Kn3rT39htPF7wsYXtKfjALKeKKJbFrIWbLjsbqfXX5bIJNvgBugGA==}
+  '@nestjs/event-emitter@2.1.1':
+    resolution: {integrity: sha512-6L6fBOZTyfFlL7Ih/JDdqlCzZeCW0RjCX28wnzGyg/ncv5F/EOeT1dfopQr1loBRQ3LTgu8OWM7n4zLN4xigsg==}
     peerDependencies:
-      '@nestjs/common': ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0
+      '@nestjs/common': ^8.0.0 || ^9.0.0 || ^10.0.0
+      '@nestjs/core': ^8.0.0 || ^9.0.0 || ^10.0.0
+
+  '@nestjs/jwt@10.2.0':
+    resolution: {integrity: sha512-x8cG90SURkEiLOehNaN2aRlotxT0KZESUliOPKKnjWiyJOcWurkF3w345WOX0P4MgFzUjGoZ1Sy0aZnxeihT0g==}
+    peerDependencies:
+      '@nestjs/common': ^8.0.0 || ^9.0.0 || ^10.0.0
+
+  '@nestjs/mapped-types@2.0.5':
+    resolution: {integrity: sha512-bSJv4pd6EY99NX9CjBIyn4TVDoSit82DUZlL4I3bqNfy5Gt+gXTa86i3I/i0iIV9P4hntcGM5GyO+FhZAhxtyg==}
+    peerDependencies:
+      '@nestjs/common': ^8.0.0 || ^9.0.0 || ^10.0.0
+      class-transformer: ^0.4.0 || ^0.5.0
+      class-validator: ^0.13.0 || ^0.14.0
+      reflect-metadata: ^0.1.12 || ^0.2.0
+    peerDependenciesMeta:
+      class-transformer:
+        optional: true
+      class-validator:
+        optional: true
 
   '@nestjs/mapped-types@2.1.1':
     resolution: {integrity: sha512-SCCoMEJ6jdeI5h/N+KCVF1+pmg/hmEkNA5nHTS8Gvww7T/LCl4o1gFLinw2iQ60w7slFkszHcGLKGdazVI4F8A==}
@@ -2013,8 +2360,8 @@ packages:
       class-validator:
         optional: true
 
-  '@nestjs/microservices@11.1.23':
-    resolution: {integrity: sha512-iVPp3u274Xx6XAEbKPWDCzUHP6wlt7L7RXUIyIpf3caJ3ldFh/dG3uyHva1lgjHG+ukz+XCXafl1cx352TPW0w==}
+  '@nestjs/microservices@11.1.24':
+    resolution: {integrity: sha512-ALu/7qk3obFlw7KVSPRz+BjuyWPLmv9isknhLG8UYXkjx3aPhJGp52i3qiTqucM1jKtoBgPa3+SK4e9fVvglGA==}
     peerDependencies:
       '@grpc/grpc-js': '*'
       '@nestjs/common': ^11.0.0
@@ -2049,18 +2396,24 @@ packages:
       nats:
         optional: true
 
-  '@nestjs/passport@11.0.5':
-    resolution: {integrity: sha512-ulQX6mbjlws92PIM15Naes4F4p2JoxGnIJuUsdXQPT+Oo2sqQmENEZXM7eYuimocfHnKlcfZOuyzbA33LwUlOQ==}
+  '@nestjs/passport@10.0.3':
+    resolution: {integrity: sha512-znJ9Y4S8ZDVY+j4doWAJ8EuuVO7SkQN3yOBmzxbGaXbvcSwFDAdGJ+OMCg52NdzIO4tQoN4pYKx8W6M0ArfFRQ==}
     peerDependencies:
-      '@nestjs/common': ^10.0.0 || ^11.0.0
-      passport: ^0.5.0 || ^0.6.0 || ^0.7.0
+      '@nestjs/common': ^8.0.0 || ^9.0.0 || ^10.0.0
+      passport: ^0.4.0 || ^0.5.0 || ^0.6.0 || ^0.7.0
 
-  '@nestjs/platform-express@11.1.23':
-    resolution: {integrity: sha512-7TQ9v2Z9lej8btTYK1VUVB3nZr0lXFNFiyI/iOc0jAOg31dHdpAWtnMMm9iUvyAfq/ssw7dsBhjCHOmEJJKr0A==}
+  '@nestjs/platform-express@11.1.24':
+    resolution: {integrity: sha512-CeMKbRBm05aOBiWhIHWO2xDeHbxynBF9ySQv3gRjObz2N5+uJnYriAYkHvVqvC4JIydmMPmT5VdICFNlNz3qyA==}
     peerDependencies:
       '@nestjs/common': ^11.0.0
       '@nestjs/core': ^11.0.0
 
+  '@nestjs/schedule@6.1.3':
+    resolution: {integrity: sha512-RflMFOpR16Dwd1jAUbeB4mfGTCh65fvEdL4mSjQPJChpkRGRjIXjb+6YQcK2faQrVT60c9DmLmoVR7/ONCtuYQ==}
+    peerDependencies:
+      '@nestjs/common': ^10.0.0 || ^11.0.0
+      '@nestjs/core': ^10.0.0 || ^11.0.0
+
   '@nestjs/schematics@11.1.0':
     resolution: {integrity: sha512-lVxGZ46tcdItFMoXr6vyKWlnOsm1SZm/GUqAEDvy2RL4Q4O+3bkziAhrO7Y8JLssFUUvNFEGqAizI52WAxhjDw==}
     peerDependencies:
@@ -2087,8 +2440,25 @@ packages:
       class-validator:
         optional: true
 
-  '@nestjs/testing@11.1.23':
-    resolution: {integrity: sha512-cpE+WzbZiUxT9Wd4TvYvfDFJ7LAGlFE4qCubIfpuqXuSQkjNJfLGfVv2wif1/2Ery1zXGPVH0yz/TQcctL10aA==}
+  '@nestjs/swagger@7.4.2':
+    resolution: {integrity: sha512-Mu6TEn1M/owIvAx2B4DUQObQXqo2028R2s9rSZ/hJEgBK95+doTwS0DjmVA2wTeZTyVtXOoN7CsoM5pONBzvKQ==}
+    peerDependencies:
+      '@fastify/static': ^6.0.0 || ^7.0.0
+      '@nestjs/common': ^9.0.0 || ^10.0.0
+      '@nestjs/core': ^9.0.0 || ^10.0.0
+      class-transformer: '*'
+      class-validator: '*'
+      reflect-metadata: ^0.1.12 || ^0.2.0
+    peerDependenciesMeta:
+      '@fastify/static':
+        optional: true
+      class-transformer:
+        optional: true
+      class-validator:
+        optional: true
+
+  '@nestjs/testing@11.1.24':
+    resolution: {integrity: sha512-+4M4UAnhtprBQN0J2uI6IP0wDqhy9aH8XCMu5SO8oCi0oB04YXA4a4PAEkxmsPn7gHW4dj1u4GFteNQOWgvTJw==}
     peerDependencies:
       '@nestjs/common': ^11.0.0
       '@nestjs/core': ^11.0.0
@@ -2114,7 +2484,71 @@ packages:
       '@nestjs/core': ^10.0.0 || ^11.0.0
       reflect-metadata: ^0.1.13 || ^0.2.0
       rxjs: ^7.2.0
-      typeorm: 0.3.30
+      typeorm: ^0.3.0 || ^1.0.0-dev
+
+  '@next/env@14.2.35':
+    resolution: {integrity: sha512-DuhvCtj4t9Gwrx80dmz2F4t/zKQ4ktN8WrMwOuVzkJfBilwAwGr6v16M5eI8yCuZ63H9TTuEU09Iu2HqkzFPVQ==}
+
+  '@next/eslint-plugin-next@14.2.35':
+    resolution: {integrity: sha512-Jw9A3ICz2183qSsqwi7fgq4SBPiNfmOLmTPXKvlnzstUwyvBrtySiY+8RXJweNAs9KThb1+bYhZh9XWcNOr2zQ==}
+
+  '@next/swc-darwin-arm64@14.2.33':
+    resolution: {integrity: sha512-HqYnb6pxlsshoSTubdXKu15g3iivcbsMXg4bYpjL2iS/V6aQot+iyF4BUc2qA/J/n55YtvE4PHMKWBKGCF/+wA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@14.2.33':
+    resolution: {integrity: sha512-8HGBeAE5rX3jzKvF593XTTFg3gxeU4f+UWnswa6JPhzaR6+zblO5+fjltJWIZc4aUalqTclvN2QtTC37LxvZAA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@14.2.33':
+    resolution: {integrity: sha512-JXMBka6lNNmqbkvcTtaX8Gu5by9547bukHQvPoLe9VRBx1gHwzf5tdt4AaezW85HAB3pikcvyqBToRTDA4DeLw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@next/swc-linux-arm64-musl@14.2.33':
+    resolution: {integrity: sha512-Bm+QulsAItD/x6Ih8wGIMfRJy4G73tu1HJsrccPW6AfqdZd0Sfm5Imhgkgq2+kly065rYMnCOxTBvmvFY1BKfg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@next/swc-linux-x64-gnu@14.2.33':
+    resolution: {integrity: sha512-FnFn+ZBgsVMbGDsTqo8zsnRzydvsGV8vfiWwUo1LD8FTmPTdV+otGSWKc4LJec0oSexFnCYVO4hX8P8qQKaSlg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@next/swc-linux-x64-musl@14.2.33':
+    resolution: {integrity: sha512-345tsIWMzoXaQndUTDv1qypDRiebFxGYx9pYkhwY4hBRaOLt8UGfiWKr9FSSHs25dFIf8ZqIFaPdy5MljdoawA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@next/swc-win32-arm64-msvc@14.2.33':
+    resolution: {integrity: sha512-nscpt0G6UCTkrT2ppnJnFsYbPDQwmum4GNXYTeoTIdsmMydSKFz9Iny2jpaRupTb+Wl298+Rh82WKzt9LCcqSQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@next/swc-win32-ia32-msvc@14.2.33':
+    resolution: {integrity: sha512-pc9LpGNKhJ0dXQhZ5QMmYxtARwwmWLpeocFmVG5Z0DzWq5Uf0izcI8tLc+qOpqxO1PWqZ5A7J1blrUIKrIFc7Q==}
+    engines: {node: '>= 10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@next/swc-win32-x64-msvc@14.2.33':
+    resolution: {integrity: sha512-nOjfZMy8B94MdisuzZo9/57xuFVLHJaDj5e/xrduJp9CV2/HrfxTRH2fbyLe+K9QT41WBLUd4iXX3R7jBp0EUg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
 
   '@noble/ciphers@1.3.0':
     resolution: {integrity: sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==}
@@ -2140,20 +2574,24 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
+  '@nolyfill/is-core-module@1.0.39':
+    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
+    engines: {node: '>=12.4.0'}
+
   '@nuxt/opencollective@0.4.1':
     resolution: {integrity: sha512-GXD3wy50qYbxCJ652bDrDzgMr3NFEkIS374+IgFQKkCvk9yiYcLvX2XDYr7UyQxf4wK0e+yqDYRubZ0DtOxnmQ==}
     engines: {node: ^14.18.0 || >=16.10.0, npm: '>=5.10.0'}
     hasBin: true
 
-  '@onlyoffice/doceditor-types@9.3.1':
-    resolution: {integrity: sha512-2RZEyes+TA/1PbxSGKU8kMQn0upImDgmA3osqvFux+KrUfAW41yB26ZZmA9zKGR57jYiyOuUBtSvFQsXn8C2dw==}
+  '@onlyoffice/doceditor-types@9.4.0':
+    resolution: {integrity: sha512-YYtJa0nVVeYUVBhIlTpZWkgqSeVxhqRSB7QQoIaJj2Q4+V6vRdDjUznIHFOF7Ss2EggRQWdiYcXEOcfxhIh5UQ==}
 
   '@onlyoffice/document-editor-react@2.2.0':
     resolution: {integrity: sha512-SPgeJ1lK+I5mpcCUi6Qz98QVtlZR6axxCArgHoKNNBfFqXNmb6iDOf5Z1QUiVQ0xr57oo84D0ptyXZaF8K51nA==}
     peerDependencies:
       '@onlyoffice/doceditor-types': '>=9.3.1'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.9.0 || ^17 || ^18 || ^19
+      react-dom: ^16.9.0 || ^17 || ^18 || ^19
 
   '@open-draft/deferred-promise@2.2.0':
     resolution: {integrity: sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==}
@@ -2167,8 +2605,9 @@ packages:
   '@open-draft/until@2.1.0':
     resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
-  '@pandacss/is-valid-prop@1.11.1':
-    resolution: {integrity: sha512-tvfThJmSw88Lgk5qVYzVckZ2FY8T376mGvP1cWUC5SR58AYm82ZKEFciDbGOQKcyN70rF9qqJBB5JVWgJo3JmA==}
+  '@pandacss/is-valid-prop@1.11.3':
+    resolution: {integrity: sha512-YaHK+p5DaN8AUpsRx5OqqGxaZzn8uNIdVhP+K1cjvjv3+Qa9D/75/A1dPyLmfKrSRJc8UoR9WN9fxQX0rVzhzQ==}
+    engines: {node: '>=20'}
 
   '@paralleldrive/cuid2@2.3.1':
     resolution: {integrity: sha512-XO7cAxhnTZl0Yggq6jOgjiOHhbgcO4NqFqwSmQpjK3b6TEE6Uj/jfSk6wzYyemh3+I0sHirKSetjQwn5cZktFw==}
@@ -2202,36 +2641,42 @@ packages:
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.5.6':
     resolution: {integrity: sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.5.6':
     resolution: {integrity: sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.5.6':
     resolution: {integrity: sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.5.6':
     resolution: {integrity: sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.5.6':
     resolution: {integrity: sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.5.6':
     resolution: {integrity: sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==}
@@ -2266,892 +2711,839 @@ packages:
   '@popperjs/core@2.11.8':
     resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
 
+  '@prisma/client@6.19.3':
+    resolution: {integrity: sha512-mKq3jQFhjvko5LTJFHGilsuQs+W+T3Gm451NzuTDGQxwCzwXHYnIu2zGkRoW+Exq3Rob7yp2MfzSrdIiZVhrBg==}
+    engines: {node: '>=18.18'}
+    peerDependencies:
+      prisma: '*'
+      typescript: '>=5.1.0'
+    peerDependenciesMeta:
+      prisma:
+        optional: true
+      typescript:
+        optional: true
+
+  '@prisma/config@6.19.3':
+    resolution: {integrity: sha512-CBPT44BjlQxEt8kiMEauji2WHTDoVBOKl7UlewXmUgBPnr/oPRZC3psci5chJnYmH0ivEIog2OU9PGWoki3DLQ==}
+
+  '@prisma/debug@6.19.3':
+    resolution: {integrity: sha512-ljkJ+SgpXNktLG0Q/n4JGYCkKf0f8oYLyjImS2I8e2q2WCfdRRtWER062ZV/ixaNP2M2VKlWXVJiGzZaUgbKZw==}
+
+  '@prisma/engines-version@7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7':
+    resolution: {integrity: sha512-03bgb1VD5gvuumNf+7fVGBzfpJPjmqV423l/WxsWk2cNQ42JD0/SsFBPhN6z8iAvdHs07/7ei77SKu7aZfq8bA==}
+
+  '@prisma/engines@6.19.3':
+    resolution: {integrity: sha512-RSYxtlYFl5pJ8ZePgMv0lZ9IzVCOdTPOegrs2qcbAEFrBI1G33h6wyC9kjQvo0DnYEhEVY0X4LsuFHXLKQk88g==}
+
+  '@prisma/fetch-engine@6.19.3':
+    resolution: {integrity: sha512-tKtl/qco9Nt7LU5iKhpultD8O4vMCZcU2CHjNTnRrL1QvSUr5W/GcyFPjNL87GtRrwBc7ubXXD9xy4EvLvt8JA==}
+
+  '@prisma/get-platform@6.19.3':
+    resolution: {integrity: sha512-xFj1VcJ1N3MKooOQAGO0W5tsd0W2QzIvW7DD7c/8H14Zmp4jseeWAITm+w2LLoLrlhoHdPPh0NMZ8mfL6puoHA==}
+
   '@puppeteer/browsers@2.13.2':
     resolution: {integrity: sha512-5EUZSUIc37H6aIXyWO0Z4y8NlF8NnjgmqeQgOGiswAU7pY0HOo16ho4+alIWmSfdZnjqBRawMsP3I5YqLSn6kw==}
     engines: {node: '>=18'}
     hasBin: true
 
-  '@radix-ui/number@1.1.1':
-    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
+  '@radix-ui/number@1.1.2':
+    resolution: {integrity: sha512-ceTwaxc4I5IOi97DgCotl3pqiyRGvffcc0oOsE2dQYaJOFIDsDt4VWG6xEbg1QePv9QWausCEIppud/tJ1wNig==}
 
-  '@radix-ui/primitive@1.1.3':
-    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
+  '@radix-ui/primitive@1.1.4':
+    resolution: {integrity: sha512-7AdCK9PQyiljKoBDbN8OuctCbd/esdwZPQ8RtOE3SsyQtUpiPb+ND75q0jEhC1m1ecBI0MFNeLJvwIh9iKHRcQ==}
 
-  '@radix-ui/react-accessible-icon@1.1.7':
-    resolution: {integrity: sha512-XM+E4WXl0OqUJFovy6GjmxxFyx9opfCAIUku4dlKRd5YEPqt4kALOkQOp0Of6reHuUkJuiPBEc5k0o4z4lTC8A==}
+  '@radix-ui/react-accessible-icon@1.1.9':
+    resolution: {integrity: sha512-5W9KzJz/3DeYbGJHbZv8Q6AkxMOKUmALfc+PRg9dWwJZMk6zD37Sz8sZrF7UD6CBkiJvn7dNeRzn5G7XiCMyig==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-accordion@1.2.12':
-    resolution: {integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==}
+  '@radix-ui/react-accordion@1.2.13':
+    resolution: {integrity: sha512-xITxBB2p5m5tAe7M0F95kb4uAh7jSIKGlExMEm93HlW+XxZHV2eXFbPWLktd4JhRiwcnXNbO7iekcrbZy6ZCvA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-alert-dialog@1.1.15':
-    resolution: {integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==}
+  '@radix-ui/react-alert-dialog@1.1.16':
+    resolution: {integrity: sha512-vPaIgo0mxYlvcFaM9jB2Uot9TjGXMuAPEvrc6BOLeV+I5U8s1dkIoouYaa6lmSfc5SPMo5x5djOTOTvaigdGMQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-arrow@1.1.7':
-    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+  '@radix-ui/react-arrow@1.1.9':
+    resolution: {integrity: sha512-yqHW5WQ/cTpU/un7dqqIKNy2iRU8BC0JB78PEzTfCCYvZu1U6W9KwObAniMk9nhSfyotKPQTYaUD/HB0f5muig==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-aspect-ratio@1.1.7':
-    resolution: {integrity: sha512-Yq6lvO9HQyPwev1onK1daHCHqXVLzPhSVjmsNjCa2Zcxy2f7uJD2itDtxknv6FzAKCwD1qQkeVDmX/cev13n/g==}
+  '@radix-ui/react-aspect-ratio@1.1.9':
+    resolution: {integrity: sha512-Xy+Dpxt/5n9rVTdPrNFmf8GwG1NlT1pzCF/z1MgOGZMLZWdWl+km+ZRWGQAPEhbkzSwYEsfYmTca8NhUtVxqnw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-avatar@1.1.10':
-    resolution: {integrity: sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==}
+  '@radix-ui/react-avatar@1.1.12':
+    resolution: {integrity: sha512-NQCQyWC7QrDPhjMn8hUqFeU0lUrprIgm1AyMgLbzuQJibNnatdc3SSMo3/UGFu/eUkJUU1cEcKCnyhXTQzq6tA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-avatar@1.1.11':
-    resolution: {integrity: sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==}
+  '@radix-ui/react-checkbox@1.3.4':
+    resolution: {integrity: sha512-m3JmIOAX5ZzZ6VPjxEU2dbTOhoHi0nT5riwcDwe8idocsWf4a5DXJLDtZ6LfJwMBx7W+A2b7kp2TgPEKtaiF6A==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-checkbox@1.3.3':
-    resolution: {integrity: sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==}
+  '@radix-ui/react-collapsible@1.1.13':
+    resolution: {integrity: sha512-F0s8+p2XNpfc3k02zBfB0jPWbkHVG162+p7BdUMyJ2308QMqZ+oaclX+FAzKFovgL5OqRU+Rvy6f/vbdlJVaqA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-collapsible@1.1.12':
-    resolution: {integrity: sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==}
+  '@radix-ui/react-collection@1.1.9':
+    resolution: {integrity: sha512-zuSVi7ziP7uQRqc+yGxsKJfNkdyHv3ZKDaHe0gzg4dRgws96TPKWIiz84tVHP4GEcEl8bC0mdt17NkcxaJHmaQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-collection@1.1.7':
-    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+  '@radix-ui/react-compose-refs@1.1.3':
+    resolution: {integrity: sha512-rYOP8OMnuuPMQF1uhPVlGNcCDlkokKqGFE3JcxFViIkAXP7EvFWUliJAstrapypaBLJNHbZL6jGhbVDGTwmVhA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context-menu@2.3.0':
+    resolution: {integrity: sha512-d7CouXhAW+CGmFOqmB+IEvd3E9GcaqfgvfjCc3hfulp2pkaUCEVEGa0SN5nNWYA+IvQ6g1Pt+S5dpNn1AoY9hg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-compose-refs@1.1.2':
-    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
+  '@radix-ui/react-context@1.1.4':
+    resolution: {integrity: sha512-QwH4PO5urrbO+FaGd5Aglg+YJgWTyyuZ3g/6mKvsqraLkglDdckw9JafgL5McL5VEJ6EPNduPaT3ZE9BttDAqg==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-context-menu@2.2.16':
-    resolution: {integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==}
+  '@radix-ui/react-dialog@1.1.16':
+    resolution: {integrity: sha512-l9ok83YBclEZhbjgzt76Hw733e6cvRKPNgO6GJ/IETlufXG9p+fRu2wlvpImQvR6xdJ8h7J8J2DBvsPEiEsKMw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-context@1.1.2':
-    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+  '@radix-ui/react-direction@1.1.2':
+    resolution: {integrity: sha512-C3vFhbyi4SW3PmbAi6Awpu4OzJtd0MxGurvSsYtr7p7nM8RNB3VAF3CUmnp2j50knpkrRcB7+ycVXzgLgF6yNA==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-context@1.1.3':
-    resolution: {integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-dialog@1.1.15':
-    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
+  '@radix-ui/react-dismissable-layer@1.1.12':
+    resolution: {integrity: sha512-MhoruH6xEzsbvOmo4TNgMfmtvRGyDZw4MDSdf4ybMHfezjqwzv6hyd4lsMzBp8K9Sn6sGzCF62x1I7BYUECXOg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-direction@1.1.1':
-    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-dismissable-layer@1.1.11':
-    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
+  '@radix-ui/react-dropdown-menu@2.1.17':
+    resolution: {integrity: sha512-S6b3Jm57sY5EdDyOMLkacbB0qMnKhy1RCKZCt795ZkmtUOAvojYIZ5p7dXHIh5Cyr3jCLLI5/g64V3FKLudZmw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-dropdown-menu@2.1.16':
-    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
+  '@radix-ui/react-focus-guards@1.1.4':
+    resolution: {integrity: sha512-cot/aB/mOm0IYVYTTmQcEEK1M48lZWi8FlYe5nDPQQ8NYZUlXEFgncJ9p2Kzer3RKSrY7cTTpEMLZKNo9QoP5Q==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.9':
+    resolution: {integrity: sha512-9Se8t+Zry+1rEOL7Y6l/4ANYU/TOtAtf8O2fKdwLltcaMcm6kOqYGbzO4tMFQ0bvzO920pRAoHpFZ4W85S3keQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-focus-guards@1.1.3':
-    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-focus-scope@1.1.7':
-    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+  '@radix-ui/react-form@0.1.9':
+    resolution: {integrity: sha512-eTPyThIKDacJ3mJDvYwf/PSmsEYlOyA2Qcb+aGyWwYv+P5w57VPUkMVA2XJ9z0Du2KBY1HoHQzhPV9iYL/r4hg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-form@0.1.8':
-    resolution: {integrity: sha512-QM70k4Zwjttifr5a4sZFts9fn8FzHYvQ5PiB19O2HsYibaHSVt9fH9rzB0XZo/YcM+b7t/p7lYCT/F5eOeF5yQ==}
+  '@radix-ui/react-hover-card@1.1.16':
+    resolution: {integrity: sha512-hAileDBtd6CX7nlZOarOnISQ6PP4q0e16BX51ulzdZ+7IzjL0sDTVpFdmSYrIjw6zVNsfQBao5gG6AWr3qwfvA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-hover-card@1.1.15':
-    resolution: {integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==}
+  '@radix-ui/react-id@1.1.2':
+    resolution: {integrity: sha512-orBC88futVpqCmhX1p4cvquNHsELQ+w+vBJnuj3ftETI5bJb0bZn3Tqu3SWN2IOcPycTnMGnhwoermvISt72sA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-label@2.1.9':
+    resolution: {integrity: sha512-rDoTeMbCwRVcnmo7NGT9IlPo1yXmEI+xc1URP3oeewwZEV4mdTp1dYUhYbQdo4D1q2SjKVvv4N1gNY77QAQtjA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-id@1.1.1':
-    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-label@2.1.7':
-    resolution: {integrity: sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==}
+  '@radix-ui/react-menu@2.1.17':
+    resolution: {integrity: sha512-fmbNnFyf+JYCN0DhhWnEdUTDnZD1mXaPQWivdsPIb8oOSbARfD3LIQJbLCG8a8QLCwoMxiJ7GVPIFcC8Dw8v2Q==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-label@2.1.8':
-    resolution: {integrity: sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A==}
+  '@radix-ui/react-menubar@1.1.17':
+    resolution: {integrity: sha512-AKtZ4O782yO7qwIyq73WpulYt1IHhQ0htDb6wNcxzxnSDCcSWMVBiU9ycpcA90XzQO4IVIxIErtak6Kg/Vt0rQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-menu@2.1.16':
-    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
+  '@radix-ui/react-navigation-menu@1.2.15':
+    resolution: {integrity: sha512-/fS8hKCcRt4DwCGa5QIB3juRXmfYSOk4a2AEe/BDIyy7Hm+eje2Y13oUx5zejl+wFt1owrM7E8NWlbaEl5EGpg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-menubar@1.1.16':
-    resolution: {integrity: sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==}
+  '@radix-ui/react-one-time-password-field@0.1.9':
+    resolution: {integrity: sha512-fvCzA9hm7yN5xxTPJIi4VhSmH5gv+76ILsxguBK3cm3icD5BR4vW7POQmu8Zio0yh91uuouG/Kang40IbMkaSQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-navigation-menu@1.2.14':
-    resolution: {integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==}
+  '@radix-ui/react-password-toggle-field@0.1.4':
+    resolution: {integrity: sha512-qoDSkObZ9faJlsjlwyBH6ia7kq9vaJ2QwWTowT3nQpzPvUTAKesmWuGJYpd91HIoJqS+5ZPXy5uFPp+HlwdaAg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-one-time-password-field@0.1.8':
-    resolution: {integrity: sha512-ycS4rbwURavDPVjCb5iS3aG4lURFDILi6sKI/WITUMZ13gMmn/xGjpLoqBAalhJaDk8I3UbCM5GzKHrnzwHbvg==}
+  '@radix-ui/react-popover@1.1.16':
+    resolution: {integrity: sha512-8brVpAU5Uq7Bh0c8EFc4ZTf2JJTYn0o+1L+CUJB3UYIOkTjKGMgoHvduylrahdmNlr3DfH0rFq2DrbNZXgaspw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-password-toggle-field@0.1.3':
-    resolution: {integrity: sha512-/UuCrDBWravcaMix4TdT+qlNdVwOM1Nck9kWx/vafXsdfj1ChfhOdfi3cy9SGBpWgTXwYCuboT/oYpJy3clqfw==}
+  '@radix-ui/react-popper@1.3.0':
+    resolution: {integrity: sha512-9PB589e1aWZbrlFUHdz6WiPCL+xLZHQFX7oibqG/6Q0SwOkxDyQX9W/cyPa+sAPPKuC8cpLCpRczE5a/1DiwVQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-popover@1.1.15':
-    resolution: {integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==}
+  '@radix-ui/react-portal@1.1.11':
+    resolution: {integrity: sha512-UEytdjgEh2tJGgD/gZK4FUx6t1rNIlM3U0DENhSrG7I75FGm1DnaDuVUWF1pWAWUwGmn1sCJ1VGHn8LhN1aTOw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-popper@1.2.8':
-    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
+  '@radix-ui/react-presence@1.1.6':
+    resolution: {integrity: sha512-zdTk4PlUO0E18HnZ3wYbW0KkJJxWCdiNYp6g6X1PtONFhxVkg01vliTJAmwIszU6mHiyBOoW9P0rAugl5/hULQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-portal@1.1.9':
-    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+  '@radix-ui/react-primitive@2.1.5':
+    resolution: {integrity: sha512-zifXeB8Y88qCYx8PLZ5oQb32KwZub+s925mMoZsBBq9KUQqWKkREubTfs6ASjRPPBe7Jt9O8OHH89+95VG+grA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-presence@1.1.5':
-    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+  '@radix-ui/react-progress@1.1.9':
+    resolution: {integrity: sha512-+EOkvg1Zn1vI1+fRDfRSAiJ7BWfcDAo5ASMmbqrcLZ4s4USk2FGkoHgeb2X+CkUgo2zJMiyObwf1k44CrRWsyw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-primitive@2.1.3':
-    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+  '@radix-ui/react-radio-group@1.4.0':
+    resolution: {integrity: sha512-eHdV5bLx9sH+tBnbDjkIBdvQEH/c6MEtQYhTbxkaDK9qsIFFLtmJYEQFVdwhnruWotLfQmIuWEL/J+L3utE8rQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-primitive@2.1.4':
-    resolution: {integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==}
+  '@radix-ui/react-roving-focus@1.1.12':
+    resolution: {integrity: sha512-FvgPt1bRmg8Xt2QpF7NUZW3dE0ZQHGm41dAdgT2J2GJPoIXz+9Em3NobAxf4fupcxhgHu03E5CRiU2MWvObXyg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-progress@1.1.7':
-    resolution: {integrity: sha512-vPdg/tF6YC/ynuBIJlk1mm7Le0VgW6ub6J2UWnTQ7/D23KXcPI1qy+0vBkgKgd38RCMJavBXpB83HPNFMTb0Fg==}
+  '@radix-ui/react-scroll-area@1.2.11':
+    resolution: {integrity: sha512-DS39ziOgea75U/TrXKU2/oKp0be2jrDHnzFLvahg/0iNAT1Zq16e4Uw0WXwyXvsK+mG3BRyMb7A3NRZMDuEXtQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-progress@1.1.8':
-    resolution: {integrity: sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==}
+  '@radix-ui/react-select@2.3.0':
+    resolution: {integrity: sha512-mENc7WpJvJcW8hlMpzfFcHcEhTvYS5JMBmi9HVC1Q00uhBwML086MHYUV8QQdQv6lcu0Wg8dzd1RB8AFADcG/g==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-radio-group@1.3.8':
-    resolution: {integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==}
+  '@radix-ui/react-separator@1.1.9':
+    resolution: {integrity: sha512-gvgW+JV/Mbjj6darztTetnmElpQEzZrXpJvfj+dOxNAxiyHEAyUvEjjl4zxblvmjmKmi3jfPoy7ZdxzCuUBJSA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-roving-focus@1.1.11':
-    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
+  '@radix-ui/react-slider@1.4.0':
+    resolution: {integrity: sha512-RHcPlLOThRJM51DSIC33ZnpDEBYhyEFroVWkd2P54PGGjkmAt14RboYUU9E1MFst666zFHM0tGtWvMjSOtU1pw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-scroll-area@1.2.10':
-    resolution: {integrity: sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==}
+  '@radix-ui/react-slot@1.2.5':
+    resolution: {integrity: sha512-rCMO3QsIVKv5JTY5CVbo2MvO77SpEqqYc8AvRE7OWqRDOIqAKjsp+DrmnY9uc8NPdxB5E2z47HTYGeE2+NTptg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-switch@1.3.0':
+    resolution: {integrity: sha512-GP1EZwhoZO/GGnhM1P5/2Vpm8iN8EnngyU0oezn2l78kN8tj25pyrvjIaT7azBhK615KSt+P2w39y57YV5jVkA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-select@2.2.6':
-    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
+  '@radix-ui/react-tabs@1.1.14':
+    resolution: {integrity: sha512-D5jwp9JNuwDeCw3CYD2Fz+sSHo0droQjC8u75dJHe4aWr5q6yBiXZU+hurXnKudRgEpUkD5TsI6bjHPo5ThUxA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-separator@1.1.7':
-    resolution: {integrity: sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==}
+  '@radix-ui/react-toast@1.2.16':
+    resolution: {integrity: sha512-WUymDDiN2DpoGudRN1aW4wF5O3BNQjZZO/5nngPoNiEVqjyOzirvZZNO0R6dC1ifucSINVaSv8JX1aq47VGgiA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-separator@1.1.8':
-    resolution: {integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==}
+  '@radix-ui/react-toggle-group@1.1.12':
+    resolution: {integrity: sha512-TEgECgJaWGAHJJZGzNNEYTNBdIXqX7LchANycpyP7DkfjmuiSN7ISt1k/ZRGVJgVJonsgP4vwaiKMn5utrcwWQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-slider@1.3.6':
-    resolution: {integrity: sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==}
+  '@radix-ui/react-toggle@1.1.11':
+    resolution: {integrity: sha512-FikrKJemoBGZQ6uRID0HJqSPBP6D7OppdD2OhLl0ZYLlAyPXI7MezoYGmumwNkrAoRm35xXkb4C8JPfJZZzcaw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-slot@1.2.3':
-    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-slot@1.2.4':
-    resolution: {integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-switch@1.2.6':
-    resolution: {integrity: sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==}
+  '@radix-ui/react-toolbar@1.1.12':
+    resolution: {integrity: sha512-4wHtJVdIgqMmEwUvxA0BYg/2JMRbt0L3+8UD8Ml/nhKkfXtiZcM8u/S15gQ5xj9YEd/0qlrm5bE805LsjQ+J8A==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-tabs@1.1.13':
-    resolution: {integrity: sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==}
+  '@radix-ui/react-tooltip@1.2.9':
+    resolution: {integrity: sha512-u6F9MmTtBSLkiXNVDrtB/yPCZarM9smNswC24YYLV/M+bth6J3Gs3vlJezEoFwKZvPvxhCpUYdUnOsNG/0XOlA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-toast@1.2.15':
-    resolution: {integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==}
+  '@radix-ui/react-use-callback-ref@1.1.2':
+    resolution: {integrity: sha512-xCso9j1/u8sEgP1RNHjFrXJLApL8LiqOkI1R4ywuN00rxWdYg4oQXuwKLS3i0j5NWLromUD27/4nlxj2UFVvIw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.3':
+    resolution: {integrity: sha512-PLzC90MS+ReootmjC597dvopoelpZ8Q61HJkDXZSExitIq7PL55vHNnesAHwguHK0aPfBnpdNzQtv1uliaqQrA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.3':
+    resolution: {integrity: sha512-6c8ZqvPTWILEKnyVkP53EGRCcpnJiKTC21sS/6R1GF5xKyHJJWQEPfkqlcgUkdRQivd6tb23abUwe4ngWmY0JA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.2':
+    resolution: {integrity: sha512-2uVLvLjgO7NZCWw01/FdqRwmA42J0BcjPMUCA+koFEOAb+zjqIP7SiFz/7zWPrKnVmSqr76Omq2ALyCuX4dhLw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-is-hydrated@0.1.1':
+    resolution: {integrity: sha512-qwOiz4Tjo8CNnrOLAYUMXeZwDzXgXpvK4TKQPmWLECM9XoWvA6+0Z2/7Ag3A4ivjS4ovbLJPbskkxioFyBhr8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.2':
+    resolution: {integrity: sha512-jrBWOxZITuGcnjRCM2t2U5ZPkCLxD+Ym6DjfssS5haTj2iiak/DOb64JeN6OdLfLgptb6/e2kKR+ZuTrGoZTPA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-previous@1.1.2':
+    resolution: {integrity: sha512-IGBQPtRFdhN6MQ8dbegVmBq1LVZluya3F1jWY+puIcQC3MHctRwTDSBWCkL/3ZcnMJLTMJ++Z+ktmvg0F89iCw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.2':
+    resolution: {integrity: sha512-d8a+bBY/FxikNPlgJJoaBHZX+zKVbWHYJGTLnLvveQgFSTntkGdEKv3JDtHrMS0DNYpllz2nRsTLGLKYttbpmw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.2':
+    resolution: {integrity: sha512-giWQp+4mxjBPt4KZ0MmyuykFNWfbDxKt4x+fPkRYmgRFJSbCZFzUglvMb/Kjn38tm10YP4ufiQZDx3zna4LU6w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-visually-hidden@1.2.5':
+    resolution: {integrity: sha512-tPcHNI3FajdDBFpl/Ez1m2WL0ufJqBKyHxMDBvKitopamK36WwBGOMicuMEZKkM5Wce41QxUyv6BsiqfrWBiGg==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-toggle-group@1.1.11':
-    resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toggle@1.1.10':
-    resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toolbar@1.1.11':
-    resolution: {integrity: sha512-4ol06/1bLoFu1nwUqzdD4Y5RZ9oDdKeiHIsntug54Hcr1pgaHiPqHFEaXI1IFP/EsOfROQZ8Mig9VTIRza6Tjg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-tooltip@1.2.8':
-    resolution: {integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-use-callback-ref@1.1.1':
-    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-controllable-state@1.2.2':
-    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-effect-event@0.0.2':
-    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-escape-keydown@1.1.1':
-    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-is-hydrated@0.1.0':
-    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-layout-effect@1.1.1':
-    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-previous@1.1.1':
-    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-rect@1.1.1':
-    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-size@1.1.1':
-    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-visually-hidden@1.2.3':
-    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/rect@1.1.1':
-    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+  '@radix-ui/rect@1.1.2':
+    resolution: {integrity: sha512-xnXE7wG13PI+cxieVssYXlQJuYVRhH9NBoxt3KNwzghDIA69GMm7d4wXRouHIYjE+KvS6U/MsMO73NdS2MH9ZA==}
 
   '@react-pdf-viewer/attachment@3.12.0':
     resolution: {integrity: sha512-mhwrYJSIpCvHdERpLUotqhMgSjhtF+BTY1Yb9Fnzpcq3gLZP+Twp5Rynq21tCrVdDizPaVY7SKu400GkgdMfZw==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/bookmark@3.12.0':
     resolution: {integrity: sha512-i7nEit8vIFMAES8RFGwprZ9cXOOZb9ZStPW6E6yuObJEXcvBj/ctsbBJGZxqUZOGklM0JoB7sjHyxAriHfe92A==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/core@3.12.0':
     resolution: {integrity: sha512-8MsdlQJ4jaw3GT+zpCHS33nwnvzpY0ED6DEahZg9WngG++A5RMhk8LSlxdHelwaFFHFiXBjmOaj2Kpxh50VQRg==}
     peerDependencies:
-      pdfjs-dist: ^3.11.174
-      react: 19.2.6
-      react-dom: 19.2.6
+      pdfjs-dist: ^2.16.105 || ^3.0.279
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/default-layout@3.12.0':
     resolution: {integrity: sha512-K2fS4+TJynHxxCBFuIDiFuAw3nqOh4bkBgtVZ/2pGvnFn9lLg46YGLMnTXCQqtyZzzXYh696jmlFViun3is4pA==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/full-screen@3.12.0':
     resolution: {integrity: sha512-hQouJ26QUaRBCXNMU1aI1zpJn4l4PJRvlHhuE2dZYtLl37ycjl7vBCQYZW1FwnuxMWztZsY47R43DKaZORg0pg==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/get-file@3.12.0':
     resolution: {integrity: sha512-Uhq45n2RWlZ7Ec/BtBJ0WQESRciaYIltveDXHNdWvXgFdOS8XsvB+mnTh/wzm7Cfl9hpPyzfeezifdU9AkQgQg==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/open@3.12.0':
     resolution: {integrity: sha512-vhiDEYsiQLxvZkIKT9VPYHZ1BOnv46x9eCEmRWxO1DJ8fa/GRDTA9ivXmq/ap0dGEJs6t+epleCkCEfllLR/Yw==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/page-navigation@3.12.0':
     resolution: {integrity: sha512-tVEJ48Dd5kajV1nKkrPWijglJRNBiKBTyYDKVexhiRdTHUP1f6QQXiSyDgCUb0IGSZeJzOJb1h7ApKHe8OTtuw==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/print@3.12.0':
     resolution: {integrity: sha512-xJn76CgbU/M2iNaN7wLHTg+sdOekkRMfCakFLwPrE+SR7qD6NUF4vQQKJBSVCCK5bUijzb6cWfKGfo8VA72o4Q==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/properties@3.12.0':
     resolution: {integrity: sha512-dYTCHtVwFNkpDo7QxL2qk/8zAKndLwdD1FFxBftl6jIlQbtvNdxkFfkv1HcQING9Ic+7DBryOiD7W0ze4IERYg==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/rotate@3.12.0':
     resolution: {integrity: sha512-yaxaMYPChvNOjR8+AxRmj0kvojyJKPq4XHEcIB2lJJgBY1Zra3mliDUP3Nlb4yV8BS9+yBqWn9U9mtnopQD+tw==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/scroll-mode@3.12.0':
     resolution: {integrity: sha512-okII7Xqhl6cMvl1izdEvlXNJ+vJVq/qdg53hJIDYVgBCWskLk/cpjUg/ZonBxseG9lIDP3w2VO1McT8Gn11OAg==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/search@3.12.0':
     resolution: {integrity: sha512-jAkLpis49fsDDY/HrbUZIOIhzF5vynONQNA4INQKI38r/MjveblrkNv7qbr9j5lQ/WFic5+gD1e+Mtpf1/7DiA==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/selection-mode@3.12.0':
     resolution: {integrity: sha512-yysWEu2aCtBvzSgbhgI9kT5cq2hf0FU6Z+3B7MMXz14Kxyc3y18wUqxtgbvpFEfWF0bNUUq16JtWRljtxvZ83w==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/theme@3.12.0':
     resolution: {integrity: sha512-cdBi+wR1VOZ6URCcO9plmAZQu4ZGFcd7HJdBe7VIFiGyrvl9I/Of74ONLycnDImSuONt8D3uNjPBLieeaShVeg==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/thumbnail@3.12.0':
     resolution: {integrity: sha512-Vc8j3bO6wumWZV4o6pAbktPWKDSC9tQAzOCJ3cof541u4i44C11ccYC4W9aNcsMMUSO3bNwAGWtP8OFthV5akQ==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/toolbar@3.12.0':
     resolution: {integrity: sha512-qACTU3qXHgtNK8J+T13EWio+0liilj86SJ87BdapqXynhl720OKPlSKOQqskUGqg3oTUJAhrse9XG6SFdHJx+g==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf-viewer/zoom@3.12.0':
     resolution: {integrity: sha512-V0GUTyPM77+LzhoKX+T3XI10/HfGdqRTbgeP7ID60FCzcwu6kXWqJn5tzabjDKLTlFv8mJmn0aa/ppkIU97nfA==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
 
   '@react-pdf/fns@3.1.3':
     resolution: {integrity: sha512-0I7pApDr1/RLAKbizuLy/IHTEa93LSPy/bEwYniboC3Xqnp6Od8xFJKbKEzGw2wh/5zKFFwl00g4t9RwgIMc3w==}
@@ -3174,7 +3566,7 @@ packages:
   '@react-pdf/reconciler@2.0.0':
     resolution: {integrity: sha512-7zaPRujpbHSmCpIrZ+b9HSTJHthcVZzX0Wx7RzvQGsGBUbHP4p6s5itXrAIOuQuPvDepoHGNOvf6xUuMVvdoyw==}
     peerDependencies:
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   '@react-pdf/render@4.5.1':
     resolution: {integrity: sha512-IW/N4HWJWtioBXCf7n02IR24VJJ8gbdS3jGypf+vW/rSErEx3/URRzh9UK6Ma8Fpog9+T/W6GE2NHJ5AAKHhVA==}
@@ -3182,7 +3574,7 @@ packages:
   '@react-pdf/renderer@4.5.1':
     resolution: {integrity: sha512-5r1VQrE6FRLXX5wWUxwZzM24E2BJMo6g8AQWuS8WyPs9ugu5yMnb2g8/RpPYka/Z6J+RUEWc32wty2NoUJF42Q==}
     peerDependencies:
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   '@react-pdf/stylesheet@6.2.1':
     resolution: {integrity: sha512-2+UEk+7e+z8baaWi2l5kPLWmwtJeOI+T5wW9GGeN3iDH7vd3kbTqOpN1yt9mmfNVZFxQsnDHpznFb5v5UF983A==}
@@ -3199,7 +3591,7 @@ packages:
   '@reduxjs/toolkit@2.12.0':
     resolution: {integrity: sha512-KiT+RzZbp6mQET+Mg+h2c97+9j1sNflUxQkIHI7Yuzf6Peu+OYpmkn6nbHWmLLWj+1ZODUJFwGZ7gx3L9R9EOw==}
     peerDependencies:
-      react: 19.2.6
+      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
       react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
     peerDependenciesMeta:
       react:
@@ -3207,153 +3599,178 @@ packages:
       react-redux:
         optional: true
 
-  '@remix-run/router@1.23.2':
-    resolution: {integrity: sha512-Ic6m2U/rMjTkhERIa/0ZtXJP17QUi2CbWE7cqx4J58M8aA3QTfW+2UlQ4psvTX9IO1RfNVhK3pcpdjej7L+t2w==}
+  '@remix-run/router@1.23.3':
+    resolution: {integrity: sha512-4An71tdz9X8+3sI4Qqqd2LWd9vS39J7sqd9EU4Scw7TJE/qB10Flv/UuqbPVgfQV9XoK8Np6jNquZitnZq5i+Q==}
     engines: {node: '>=14.0.0'}
 
   '@rolldown/pluginutils@1.0.0-beta.27':
     resolution: {integrity: sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==}
 
-  '@rollup/rollup-android-arm-eabi@4.60.4':
-    resolution: {integrity: sha512-F5QXMSiFebS9hKZj02XhWLLnRpJ3B3AROP0tWbFBSj+6kCbg5m9j5JoHKd4mmSVy5mS/IMQloYgYxCuJC0fxEQ==}
+  '@rollup/rollup-android-arm-eabi@4.61.1':
+    resolution: {integrity: sha512-JnBB8MdXj45cajvTuO5FmPlvFVJRQgvrz1uSEl3NwqFnReAPGwb8EanbGi4z2nRaqLzjJSv5/JmycoTKlRZxHA==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.60.4':
-    resolution: {integrity: sha512-GxxTKApUpzRhof7poWvCJHRF51C67u1R7D6DiluBE8wKU1u5GWE8t+v81JvJYtbawoBFX1hLv5Ei4eVjkWokaw==}
+  '@rollup/rollup-android-arm64@4.61.1':
+    resolution: {integrity: sha512-Jx2g7iSjw4AOT0HDPHM9RV3GNjRXwybWtSFZiZAYUTjUwjVrYIwq3kBf+LnhqJlzXFAqTAh2F7IGI+O568exPw==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.60.4':
-    resolution: {integrity: sha512-tua0TaJxMOB1R0V0RS1jFZ/RpURFDJIOR2A6jWwQeawuFyS4gBW+rntLRaQd0EQ4bd6Vp44Z2rXW+YYDBsj6IA==}
+  '@rollup/rollup-darwin-arm64@4.61.1':
+    resolution: {integrity: sha512-0F1L/Z3Eqv8mT2n3dCpeO8GcTvHvVqkP5/t6DMsn0KzhYVcg+s7Ncl5DS8qjKYEeio6Az0Gt6nyBORay5qIlCA==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.60.4':
-    resolution: {integrity: sha512-CSKq7MsP+5PFIcydhAiR1K0UhEI1A2jWXVKHPCBZ151yOutENwvnPocgVHkivu2kviURtCEB6zUQw0vs8RrhMg==}
+  '@rollup/rollup-darwin-x64@4.61.1':
+    resolution: {integrity: sha512-qLttcH871ujY4YcVfUSShhOw+CsoTatYz8gRbHO7Bb92QH059/P0y5do1KMs41fY0BpD2x4AJH/gID0zFiqVKQ==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.60.4':
-    resolution: {integrity: sha512-+O8OkVdyvXMtJEciu2wS/pzm1IxntEEQx3z5TAVy4l32G0etZn+RsA48ARRrFm6Ri8fvqPQfgrvNxSjKAbnd3g==}
+  '@rollup/rollup-freebsd-arm64@4.61.1':
+    resolution: {integrity: sha512-fUI4RapGE0Oh3mb8mgfvC1O2nU1RpDZUKnDQm3xB1Ipg7C2wTs5Kstz7G2uWK99a8S2yTMq8/P4uycwNa0nJyw==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.60.4':
-    resolution: {integrity: sha512-Iw3oMskH3AfNuhU0MSN7vNbdi4me/NiYo2azqPz/Le16zHSa+3RRmliCMWWQmh4lcndccU40xcJuTYJZxNo/lw==}
+  '@rollup/rollup-freebsd-x64@4.61.1':
+    resolution: {integrity: sha512-H5YrdvJaDtI/U9/emrD4b++xkvp3y/JvOe4rizHbxvkyMfRS/CiRYdji+Pl8D0brEaNFWUh1drQxgAGIl6Xudw==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.60.4':
-    resolution: {integrity: sha512-EIPRXTVQpHyF8WOo219AD2yEltPehLTcTMz2fn6JsatLYSzQf00hj3rulF+yauOlF9/FtM2WpkT/hJh/KJFGhA==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.61.1':
+    resolution: {integrity: sha512-Q8CBCCQtDFrYtXoeUXSrnFXKOnyUhx6bz+SkL6A0E7V8kAiCJ5pamq1WtbfpVGhR5TSpXY6ak3avmDc5fHTyJA==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.60.4':
-    resolution: {integrity: sha512-J3Yh9PzzF1Ovah2At+lHiGQdsYgArxBbXv/zHfSyaiFQEqvNv7DcW98pCrmdjCZBrqBiKrKKe2V+aaSGWuBe/w==}
+  '@rollup/rollup-linux-arm-musleabihf@4.61.1':
+    resolution: {integrity: sha512-nwnhk1581l0FBVellGcVCAT0Oi06onEA3WB53sf01VO3I0UPBkMH9sXONYME2K0ovXcNayJfNtHfm6mpJElatQ==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-linux-arm64-gnu@4.60.4':
-    resolution: {integrity: sha512-BFDEZMYfUvLn37ONE1yMBojPxnMlTFsdyNoqncT0qFq1mAfllL+ATMMJd8TeuVMiX84s1KbcxcZbXInmcO2mRg==}
+  '@rollup/rollup-linux-arm64-gnu@4.61.1':
+    resolution: {integrity: sha512-x5Xr49hwt3hdW75UOZm3395YwwzPyauktslv29KpWL/T+vVAzoT3azLcTWv0eMciBNrx+DYjH4paehHoLpPvpg==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-arm64-musl@4.60.4':
-    resolution: {integrity: sha512-pc9EYOSlOgdQ2uPl1o9PF6/kLSgaUosia7gOuS8mB69IxJvlclko1MECXysjs5ryez1/5zjYqx3+xYU0TU6R1A==}
+  '@rollup/rollup-linux-arm64-musl@4.61.1':
+    resolution: {integrity: sha512-unMS3H73DpaoPyyEVPjGKleM/s0mkmsauTENpw4INQY8y4+IuLNjkueQ5QCtC0D3N38Y38yhAU8OoZ20S2Tm6w==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-linux-loong64-gnu@4.60.4':
-    resolution: {integrity: sha512-NxnomyxYerDh5n4iLrNa+sH+Z+U4BMEE46V2PgQ/hoB909i8gV1M5wPojWg9fk1jWpO3IQnOs20K4wyZuFLEFQ==}
+  '@rollup/rollup-linux-loong64-gnu@4.61.1':
+    resolution: {integrity: sha512-zNZzGRnAhwjFEYmvphJRV5XaQGjs62cCmeYYHUT//NbvEnHauw+I85nGG+SiVg5ld4GX8D1IbKIX+ozITQnhMQ==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-loong64-musl@4.60.4':
-    resolution: {integrity: sha512-nbJnQ8a3z1mtmrwImCYhc6BGpThAyYVRQxw9uKSKG4wR6aAYno9sVjJ0zaZcW9BPJX1GbrDPf+SvdWjgTuDmnw==}
+  '@rollup/rollup-linux-loong64-musl@4.61.1':
+    resolution: {integrity: sha512-LdpWGL8X209B2SIvWjqlc8VZgM6PKfontSerGepuldQmHYrAOtnMCXeJkxXGbC+PPZVOuu5czJo7fNV6aeW8rQ==}
     cpu: [loong64]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-linux-ppc64-gnu@4.60.4':
-    resolution: {integrity: sha512-2EU6acNrQLd8tYvo/LXW535wupT3m6fo7HKo6lr7ktQoItxTyOL1ZCR/GfGCuXl2vR+zmfI6eRXkSemafv+iVg==}
+  '@rollup/rollup-linux-ppc64-gnu@4.61.1':
+    resolution: {integrity: sha512-EC5kTtNaNGOmbMGqar8dvJy6y/hg99GAwjfBz++pxZhQATXGcRjd6c5en5wcbru0vkRmiMGsQKdMJOOf6sza4g==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-ppc64-musl@4.60.4':
-    resolution: {integrity: sha512-WeBtoMuaMxiiIrO2IYP3xs6GMWkJP2C0EoT8beTLkUPmzV1i/UcOSVw1d5r9KBODtHKilG5yFxsGRnBbK3wJ4A==}
+  '@rollup/rollup-linux-ppc64-musl@4.61.1':
+    resolution: {integrity: sha512-8hiwp6D4acEcNK78I4rP0/XtS1sknWIAMJBPdR4l6zUtyTm5KiTDr5bXmWt4foY7nAN7AThDHgkLIEZOWKbzWw==}
     cpu: [ppc64]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.60.4':
-    resolution: {integrity: sha512-FJHFfqpKUI3A10WrWKiFbBZ7yVbGT4q4B5o1qKFFojqpaYoh9LrQgqWCmmcxQzVSXYtyB5bzkXrYzlHTs21MYA==}
+  '@rollup/rollup-linux-riscv64-gnu@4.61.1':
+    resolution: {integrity: sha512-10dh/h/BqA7DuMPWSxkR8uks18FRwnwOEqr5zOTEl+NOwP/OMzKX8OFR/Of9xxDA7D5qef1Nzar5WDD2kCCr1g==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-riscv64-musl@4.60.4':
-    resolution: {integrity: sha512-mcEl6CUT5IAUmQf1m9FYSmVqCJlpQ8r8eyftFUHG8i9OhY7BkBXSUdnLH5DOf0wCOjcP9v/QO93zpmF1SptCCw==}
+  '@rollup/rollup-linux-riscv64-musl@4.61.1':
+    resolution: {integrity: sha512-YKJ5lg35DP17gcAOggnihe+APw9HLyj1Xn7gsmGumBJAUDa6NGXNixJzmkWLhcK9TOuuyQjdamzvJefkO7qHZQ==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-linux-s390x-gnu@4.60.4':
-    resolution: {integrity: sha512-ynt3JxVd2w2buzoKDWIyiV1pJW93xlQic1THVLXilz429oijRpSHivZAgp65KBu+cMcgf1eVVjdnTLvPxgCuoQ==}
+  '@rollup/rollup-linux-s390x-gnu@4.61.1':
+    resolution: {integrity: sha512-Mlil5G2Jj6a7B3LWGctg+XPL9vdXYuzCtNXfxOQ0nPjc2m6ueUktocPGH9bnAM0bNRKb/bAWTujUU7IJQdQA+g==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-x64-gnu@4.60.4':
-    resolution: {integrity: sha512-Boiz5+MsaROEWDf+GGEwF8VMHGhlUoQMtIPjOgA5fv4osupqTVnJteQNKJwUcnUog2G55jYXH7KZFFiJe0TEzQ==}
+  '@rollup/rollup-linux-x64-gnu@4.61.1':
+    resolution: {integrity: sha512-bVWIOIk6pV01p4CdUbPP7CJ/434z+OooYjDuFcR+44N35YvKUC66G8MGnvcWx5mWKW3g61J+t74l3Kj15Kwn2Q==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
-  '@rollup/rollup-linux-x64-musl@4.60.4':
-    resolution: {integrity: sha512-+qfSY27qIrFfI/Hom04KYFw3GKZSGU4lXus51wsb5EuySfFlWRwjkKWoE9emgRw/ukoT4Udsj4W/+xxG8VbPKg==}
+  '@rollup/rollup-linux-x64-musl@4.61.1':
+    resolution: {integrity: sha512-qy5pBvZbqNFheBz61R1rzsezjm0J7O2oNGoWtGoY89SZYLUfxAJTBAqDChqAIdB4rCiIbi9nF7yZ83GnNiLwSw==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
-  '@rollup/rollup-openbsd-x64@4.60.4':
-    resolution: {integrity: sha512-VpTfOPHgVXEBeeR8hZ2O0F3aSso+JDWqTWmTmzcQKted54IAdUVbxE+j/MVxUsKa8L20HJhv3vUezVPoquqWjA==}
+  '@rollup/rollup-openbsd-x64@4.61.1':
+    resolution: {integrity: sha512-E83TXjI4zm0+5f2qO+UOudaCYIhYwpJ5jq6YCZNIZ+6CbfhKrkAGezeiASBL9ElxAxFsRS9ZhESv8mfnj6TKeg==}
     cpu: [x64]
     os: [openbsd]
 
-  '@rollup/rollup-openharmony-arm64@4.60.4':
-    resolution: {integrity: sha512-IPOsh5aRYuLv/nkU51X10Bf75Bsf6+gZdx1X+QP5QM6lIJFHHqbHLG0uJn/hWthzo13UAc2umiUorqZy3axoZg==}
+  '@rollup/rollup-openharmony-arm64@4.61.1':
+    resolution: {integrity: sha512-fbWnKqVkjrJN38vNe3ahkbk6iejS/3b0Nt7EEtPpE6RBacZcGXNKbzfHN3GUUlXOPghUg0j6XUGrtjX9z1sIvA==}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rollup/rollup-win32-arm64-msvc@4.60.4':
-    resolution: {integrity: sha512-4QzE9E81OohJ/HKzHhsqU+zcYYojVOXlFMs1DdyMT6qXl/niOH7AVElmmEdUNHHS/oRkc++d5k6Vy85zFs0DEw==}
+  '@rollup/rollup-win32-arm64-msvc@4.61.1':
+    resolution: {integrity: sha512-ArMl38iVAbk0New1ogihQNY6iphLi4ZaRsa037gUzv5yeKPY8TD3Dmy4x2RNC1VztU/uqm+G+/RwFrSka3Oy2g==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.60.4':
-    resolution: {integrity: sha512-zTPgT1YuHHcd+Tmx7h8aml0FWFVelV5N54oHow9SLj+GfoDy/huQ+UV396N/C7KpMDMiPspRktzM1/0r1usYEA==}
+  '@rollup/rollup-win32-ia32-msvc@4.61.1':
+    resolution: {integrity: sha512-0mYtjHS9ucAbcATycCNK9IGBk/cCe/ma7EmSLGZdsxnOA8cjRIyU04wDpVAD9NiOfLUR9KTxdiO53uOkherqjQ==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-gnu@4.60.4':
-    resolution: {integrity: sha512-DRS4G7mi9lJxqEDezIkKCaUIKCrLUUDCUaCsTPCi/rtqaC6D/jjwslMQyiDU50Ka0JKpeXeRBFBAXwArY52vBw==}
+  '@rollup/rollup-win32-x64-gnu@4.61.1':
+    resolution: {integrity: sha512-gK1iCEPfpoSG9wfBihXxvBMi8ZfcWffYkEsC/Eih+iFENTaewvNcrEQ69lIOWYO5pePHKLHHO7nq5AILGO/HQQ==}
     cpu: [x64]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.60.4':
-    resolution: {integrity: sha512-QVTUovf40zgTqlFVrKA1uXMVvU2QWEFWfAH8Wdc48IxLvrJMQVMBRjuQyUpzZCDkakImib9eVazbWlC6ksWtJw==}
+  '@rollup/rollup-win32-x64-msvc@4.61.1':
+    resolution: {integrity: sha512-X+zaP2x+j4RXGfbp/seSoRHWnPxzApilDszisZxbYH5C/jTxFhCtDNdPGZb9lJyYPs24wGxruPF7Y+sIXt9Gzw==}
     cpu: [x64]
     os: [win32]
 
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
+  '@rushstack/eslint-patch@1.16.1':
+    resolution: {integrity: sha512-TvZbIpeKqGQQ7X0zSCvPH9riMSFQFSggnfBjFZ1mEoILW+UuXCKwOoPcgjMwiUtRqFZ8jWhPJc4um14vC6I4ag==}
+
   '@scarf/scarf@1.4.0':
     resolution: {integrity: sha512-xxeapPiUXdZAE3che6f3xogoJPeZgig6omHEy1rIY5WVsB3H2BHNnZH+gHG6x91SCWyQCzWGsuL2Hh3ClO5/qQ==}
 
   '@sec-ant/readable-stream@0.4.1':
     resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
+  '@sendgrid/client@8.1.6':
+    resolution: {integrity: sha512-/BHu0hqwXNHr2aLhcXU7RmmlVqrdfrbY9KpaNj00KZHlVOVoRxRVrpOCabIB+91ISXJ6+mLM9vpaVUhK6TwBWA==}
+    engines: {node: '>=12.*'}
+
+  '@sendgrid/helpers@8.0.0':
+    resolution: {integrity: sha512-Ze7WuW2Xzy5GT5WRx+yEv89fsg/pgy3T1E3FS0QEx0/VvRmigMZ5qyVGhJz4SxomegDkzXv/i0aFPpHKN8qdAA==}
+    engines: {node: '>= 12.0.0'}
+
+  '@sendgrid/mail@8.1.6':
+    resolution: {integrity: sha512-/ZqxUvKeEztU9drOoPC/8opEPOk+jLlB2q4+xpx6HVLq6aFu3pMpalkTpAQz8XfRfpLp8O25bh6pGPcHDCYpqg==}
+    engines: {node: '>=12.*'}
+
   '@sinclair/typebox@0.27.10':
     resolution: {integrity: sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==}
 
-  '@sinclair/typebox@0.34.49':
-    resolution: {integrity: sha512-brySQQs7Jtn0joV8Xh9ZV/hZb9Ozb0pmazDIASBkYKCjXrXU3mpcFahmK/z4YDhGkQvP9mWJbVyahdtU5wQA+A==}
-
   '@sindresorhus/merge-streams@4.0.0':
     resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
     engines: {node: '>=18'}
@@ -3376,8 +3793,14 @@ packages:
   '@standard-schema/utils@0.3.0':
     resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
 
-  '@swc/helpers@0.5.21':
-    resolution: {integrity: sha512-jI/VAmtdjB/RnI8GTnokyX7Ug8c+g+ffD6QRLa6XQewtnGyukKkKSk3wLTM3b5cjt1jNh9x0jfVlagdN2gDKQg==}
+  '@swc/counter@0.1.3':
+    resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
+
+  '@swc/helpers@0.5.23':
+    resolution: {integrity: sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==}
+
+  '@swc/helpers@0.5.5':
+    resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
 
   '@tabby_ai/hijri-converter@1.0.5':
     resolution: {integrity: sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ==}
@@ -3386,7 +3809,7 @@ packages:
   '@tabler/icons-react@3.44.0':
     resolution: {integrity: sha512-8+rvzBbVm/1Z3sG3x7GUNAaxIKxwgz8xaMhRs23nrCnMTKRFAhEC+82zAIFeAA0seXdrAGX5HFCkaLpGK2rVHg==}
     peerDependencies:
-      react: 19.2.6
+      react: '>= 16'
 
   '@tabler/icons@3.44.0':
     resolution: {integrity: sha512-Wn0AOZG9sg0L+bjfMqq4eNhC6pQjIrk94LvvWYNYkY8KH8wC3YILRzQlrnVJc4FUeMxH/AK97QsYCX35H3LndA==}
@@ -3433,24 +3856,28 @@ packages:
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@tailwindcss/oxide-linux-arm64-musl@4.3.0':
     resolution: {integrity: sha512-Z6sukiQsngnWO+l39X4pPbiWT81IC+PLKF+PHxIlyZbGNb9MODfYlXEVlFvej5BOZInWX01kVyzeLvHsXhfczQ==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@tailwindcss/oxide-linux-x64-gnu@4.3.0':
     resolution: {integrity: sha512-DRNdQRpSGzRGfARVuVkxvM8Q12nh19l4BF/G7zGA1oe+9wcC6saFBHTISrpIcKzhiXtSrlSrluCfvMuledoCTQ==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@tailwindcss/oxide-linux-x64-musl@4.3.0':
     resolution: {integrity: sha512-Z0IADbDo8bh6I7h2IQMx601AdXBLfFpEdUotft86evd/8ZPflZe9COPO8Q1vw+pfLWIUo9zN/JGZvwuAJqduqg==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@tailwindcss/oxide-wasm32-wasi@4.3.0':
     resolution: {integrity: sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA==}
@@ -3485,29 +3912,29 @@ packages:
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7 || ^8
 
-  '@tanstack/query-core@5.100.11':
-    resolution: {integrity: sha512-lmE0994apShXPj8CUxgx4ch5yUJhE9k/+tVwihBvPOyerACWdBocfFg24t8+0RhtlTd7tEgchDkhlCxNssvDxw==}
+  '@tanstack/query-core@5.101.0':
+    resolution: {integrity: sha512-cQetA74EB+seWySv1TTKr828TnP0u39m6LykwDXIo84SNortpDkp30TMEjkqtYCNP9c40uT/iwl6MLiufEt0Ow==}
 
-  '@tanstack/query-devtools@5.100.11':
-    resolution: {integrity: sha512-47rVBDuGMW/A4ekt3YQdz+q0JSIwktwGnWCYyQUvSs2/g/Oa+6Fi2/IQk4/Y4vf6u1uwI7hOogHslgMC8f3X/Q==}
+  '@tanstack/query-devtools@5.101.0':
+    resolution: {integrity: sha512-MVqw17k08RQtGGLEL654+dX/btbX9p/8WjkznO//zusLTMaObxi3Q+MoFwGVkC9K3tqjn8qrrNhJevXx4fJTeQ==}
 
-  '@tanstack/react-query-devtools@5.100.11':
-    resolution: {integrity: sha512-75RFlJEG53Ed/Cxe5WLmgIpOElPNpgLZq7h0fLFnM5XwTYxSTk1rX/gC6MqGVXsSdrbP7zn7hPSJx9MinwiUHA==}
+  '@tanstack/react-query-devtools@5.101.0':
+    resolution: {integrity: sha512-cpZA0+WqKXwrwMfiWZEGGF6QrIWVQFbhBtxqDF5sQsAfrFf47HIE6fiPbQU3wyAUEN2+7UNqLCQe7oG6m3f93w==}
     peerDependencies:
-      '@tanstack/react-query': ^5.100.11
-      react: 19.2.6
+      '@tanstack/react-query': ^5.101.0
+      react: ^18 || ^19
 
-  '@tanstack/react-query@5.100.11':
-    resolution: {integrity: sha512-J0f9s5x3LE1450nNNfYx+e/n0DMa0uOBdFJUy5r0RvmsXd4nB/n0rbHtHI1vYXhikNFan+wf51p6Tmp4c8ucrg==}
+  '@tanstack/react-query@5.101.0':
+    resolution: {integrity: sha512-rLlJXSpkqfizLWgkR5+eLeIk0MvTx/meEIR7LRjxic+qxiQP8zVjq7BqQkiCMNLQBlLfuOLqqr6KO5GtrDlmSg==}
     peerDependencies:
-      react: 19.2.6
+      react: ^18 || ^19
 
   '@tanstack/react-table@8.21.3':
     resolution: {integrity: sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==}
     engines: {node: '>=12'}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8'
+      react-dom: '>=16.8'
 
   '@tanstack/table-core@8.21.3':
     resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
@@ -3516,186 +3943,186 @@ packages:
   '@tinymce/tinymce-react@6.3.0':
     resolution: {integrity: sha512-E++xnn0XzDzpKr40jno2Kj7umfAE6XfINZULEBBeNjTMvbACWzA6CjiR6V8eTDc9yVmdVhIPqVzV4PqD5TZ/4g==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^19.0.0 || ^18.0.0 || ^17.0.1 || ^16.7.0
+      react-dom: ^19.0.0 || ^18.0.0 || ^17.0.1 || ^16.7.0
       tinymce: ^8.0.0 || ^7.0.0 || ^6.0.0 || ^5.5.1
     peerDependenciesMeta:
       tinymce:
         optional: true
 
-  '@tiptap/core@3.23.6':
-    resolution: {integrity: sha512-MRB3pHz4Oxqmcawh0cQ5iOGdY5xtNYp/1CoK7hdTLzw5K0C6/gTC2VvanB1R4INaB6EpBkxG/GiWkVirDRnuXw==}
+  '@tiptap/core@3.26.0':
+    resolution: {integrity: sha512-7jTed/RirIVsp+lLdLvGzGqF3EBGpnGHGYKOwz6t28V2BIJLAFdUhfEVdWie7xPxQNWK0TP+fPlsqZS0vxfHBg==}
     peerDependencies:
-      '@tiptap/pm': 3.23.6
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-blockquote@3.23.6':
-    resolution: {integrity: sha512-2RmnqNqTltZ2k1F7IfjoDNs935Uq4rRDR7d98mqkg3OlDktcQIyBpv0t9dTay6H5bkQeZUuS8ogK2S1E8Edjug==}
+  '@tiptap/extension-blockquote@3.26.0':
+    resolution: {integrity: sha512-57accpka9affjiJRjP2LMNCDJDTMjTvO23RJCxtP43sp9cTIZ7YZnyDfRxCINTRBNK0X4o4w2+emOLyRwsk3CA==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-bold@3.23.6':
-    resolution: {integrity: sha512-1LMhjnytdbbhWHSoOwnLxZAOQZWPkKyXVCNmaIk0Mhi4tLPUXptG4qKS5sVYTCveE5H6IBPFrbgBFi5dMI6krA==}
+  '@tiptap/extension-bold@3.26.0':
+    resolution: {integrity: sha512-j6CzTMofcGJ5iMoUgDRQpM0FkG00jBID3aKqs+UBbgtzLgtG/CI/91tMFv0XPC30LeFA895qYgvGZtHdejZhiQ==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-bubble-menu@3.23.6':
-    resolution: {integrity: sha512-Mwkyp9LkDHFbqmWRIkp63FinRxFu3ajC4qSb9t4mnHsb4kAdbNLLsGtbFg+le0SWk4CxGwAOwM7SzeJ+6UGqCA==}
+  '@tiptap/extension-bubble-menu@3.26.0':
+    resolution: {integrity: sha512-H2E3Hp0lV79jQV8YGtdDJkXkUalXZeYzKCx+vCZlDpb2ChS7/rNT9YY7poRA1NlJLUO0DH1wbAnFhx9KZMUx5g==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-bullet-list@3.23.6':
-    resolution: {integrity: sha512-RMRgfXZykr/13X8UBOwvpgysVOo9KchwqMoEbvqQSj4YFfU56iIn59C8sbxiQ1sKfeltUf0wH4fPc0I4iwKqAA==}
+  '@tiptap/extension-bullet-list@3.26.0':
+    resolution: {integrity: sha512-Jv7BX+kBB2wUIvO/NhuUjv+T3kAed2Tjr664fgQ2zKT6X69jKIkYuCCedrIHuOyaOQ+SBDuH9h51wYv/E97QgQ==}
     peerDependencies:
-      '@tiptap/extension-list': 3.23.6
+      '@tiptap/extension-list': 3.26.0
 
-  '@tiptap/extension-code-block@3.23.6':
-    resolution: {integrity: sha512-4kccgcn5yHThxrzsIhJny3EwfEZYIk+BjUCL4uIuzOyWvExtGhZ6JMHVCZeMhI8D1/bX1LNkkAKN5DXPzH4lXQ==}
+  '@tiptap/extension-code-block@3.26.0':
+    resolution: {integrity: sha512-WPN9iZ3UjeDD2ckDzSs9tleibXv0cLj7j575NxuvjhwZTehYGNeYDSUTi+6DQUG6bKbhGg9Wcei5H0131vvJHg==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-code@3.23.6':
-    resolution: {integrity: sha512-KG8KXFYyLrtYvT7AZ1WGV61ofx8pDe5g9pH658MERxqQGii+Pyfc6xkz04l7XeBts/7+571UQp/0O7i/z560TA==}
+  '@tiptap/extension-code@3.26.0':
+    resolution: {integrity: sha512-VJYcV6rvjnENRTroOi9tDcHWW6G0pmCoRETwatlbgfDzuCmkTOwVwQjeJCXOVMMLNPzNiXZzibsRCUt+Azq/jw==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-color@3.23.6':
-    resolution: {integrity: sha512-2WxYc+X+OGFXbq/Ak0VXODEzfK1l5wz33oTWSuhdSw44HAQM7+SSyiDnMCXDQdqi063ANqMmQmlw5WngjQ6wCA==}
+  '@tiptap/extension-color@3.26.0':
+    resolution: {integrity: sha512-rMVQh2LxOML21tf7fe2EI7NbzDf6hBvu2YJ6SSFrMhO0ofodSNlzDDJ9Ry+ybq37DC1ryGNLvQgqbSXI1EYOVA==}
     peerDependencies:
-      '@tiptap/extension-text-style': 3.23.6
+      '@tiptap/extension-text-style': 3.26.0
 
-  '@tiptap/extension-document@3.23.6':
-    resolution: {integrity: sha512-XDAIgG9KcKumFM9KJWUEUhXPbFIhhl47bfy5GknareWTRKke85rcoj/oxKKO9ihLZr8JfpbXjqnS4SCm5yhYPw==}
+  '@tiptap/extension-document@3.26.0':
+    resolution: {integrity: sha512-Xhd6DCjaxCN4otQNvV6qra+XuoIjk6Vyjm87E5xn5Y/BMw7UGAG7LTkk3C2IEvxKrVZwJjalfxEqdHOgXQzVfw==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-dropcursor@3.23.6':
-    resolution: {integrity: sha512-+XWEoRKf3lXxi7Le1aOM2xU1XHwxICGpXjT3m4QaYqUgIpsq8gQEuso6kVg8DnTD7biKQs6+oIQ0o2b/gTW9WA==}
+  '@tiptap/extension-dropcursor@3.26.0':
+    resolution: {integrity: sha512-rhAtp5J/YVDUCUIc5T7b0XY9dLeuI72JgOr53w0QQc0VA0uwbfTn7sx0LI9PDCE9uwmDH8H3snVRZRnAvlM8oA==}
     peerDependencies:
-      '@tiptap/extensions': 3.23.6
+      '@tiptap/extensions': 3.26.0
 
-  '@tiptap/extension-floating-menu@3.23.6':
-    resolution: {integrity: sha512-2kjuDcEq69lEcECl75xqY5MyzUSh2zcC5aLrpwP1WwhJz5bxsIFHiaps5AP6h9R4A+ZBj5b2haay2Y1wDUU3VA==}
+  '@tiptap/extension-floating-menu@3.26.0':
+    resolution: {integrity: sha512-reQ77NRYAOP7iPudsNbzLBuBTdL2aGxZzjccUFmE2lNdmwP23n9A/JhkuUhshVBs/6IozvahI+smG3Bnea0TCQ==}
     peerDependencies:
       '@floating-ui/dom': ^1.0.0
-      '@tiptap/core': 3.23.6
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-gapcursor@3.23.6':
-    resolution: {integrity: sha512-wbKmxXsszxWacEkrHucRpSQbiKjz4fmOebD6OVyL9AcrmlbxNk8vcM3iyh/8cVeRy09XY+morM165t/u7/z4IQ==}
+  '@tiptap/extension-gapcursor@3.26.0':
+    resolution: {integrity: sha512-SIe68SDwx2fozt/XKG0FhCwzz/yRN6Bvo4D5TqvfDg6NK3PQb1DS4GN9PilmJqbY+kXryuiWEEJOWi7HpO8SuQ==}
     peerDependencies:
-      '@tiptap/extensions': 3.23.6
+      '@tiptap/extensions': 3.26.0
 
-  '@tiptap/extension-hard-break@3.23.6':
-    resolution: {integrity: sha512-KeUm+tkUfIVSX9QM9XOIhaay0Fn36sLKUo5NVYjN3uJaxFvaZXZmTlxdO85OTdgF2P5sqh9LomrIgliaFRGk4w==}
+  '@tiptap/extension-hard-break@3.26.0':
+    resolution: {integrity: sha512-baXvv/rtOTVd2Axjb7Zbb41Y9Qmy3U2fP7EHqLuhViqGxVX8LwQtP0PHUXEZkPokbBpRez10+dmOlvvsYFKAZQ==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-heading@3.23.6':
-    resolution: {integrity: sha512-A/0jPhxnUh9THSZymlu0OGPZe1wdFdwHAXnRCmqvYUCwJjrG7LCC/ahzmcj1tcNzI9hgHyuYPSfev8RXYrNu/w==}
+  '@tiptap/extension-heading@3.26.0':
+    resolution: {integrity: sha512-qenEQEgzE5FjQay/H6iKOnwIt6DPO27cS+v0mGhXmrL1MjrNER4X0ZkATJbVd0WA6ffsAGaP44NKYDworGeidw==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-highlight@3.23.6':
-    resolution: {integrity: sha512-GWv6R4iZzVrNeB33qtJDBt/BfVjuc5S/sUF/VDFAtK8h86bg4cEm1tGLEsui4T3+vij/t+P+eoGhkzF6NGogdg==}
+  '@tiptap/extension-highlight@3.26.0':
+    resolution: {integrity: sha512-/b6pImBTdgOc8UVMJiJNQ/QAtZ0Z4+2XyxmzoNIiOPGjQDy/IxLtci8+M2BYWRIRbgjCS9XllsfnKWVyO8pe+w==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-horizontal-rule@3.23.6':
-    resolution: {integrity: sha512-hEUlz4H+I64r+TH6LCuNCRgO7JTHncXGmx9+WbU69EOfY8O0ZurcgeJc8HeiAKL+r9YuC1e5YHfFxgCaaC0jlg==}
+  '@tiptap/extension-horizontal-rule@3.26.0':
+    resolution: {integrity: sha512-a+N/C4wkQV+/8x4ShdoiC2JdTW3Tw84C5cAloYLFMeaWmRa2me9ACSI+zo0SO9bbH9RJwsoRp7eaxBbk27eF1Q==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-image@3.23.6':
-    resolution: {integrity: sha512-vvNGxArvD2dW+XvV0KdYovRVUzCy8QVNulc2r5pV7umnG1E6cCmMkiHiif8J2ePJu2KtysAvJQe0iF+UqueGMw==}
+  '@tiptap/extension-image@3.26.0':
+    resolution: {integrity: sha512-vinrbKa9Awmlb/UPpnes1pezL+ZeUC2v7XczZyNbggvcHKhlVkuXZIKytFQDXEYOTaKYzYE8B/Gz098PiJ9NYQ==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-italic@3.23.6':
-    resolution: {integrity: sha512-wol5KdwCPAvpiYhH9PLlvO8ZnJHwZtIboVevrfOGgBcKlXRA3dedR4OAMXHnUtkkzu9KtliLg1+TYzEx4JZG9Q==}
+  '@tiptap/extension-italic@3.26.0':
+    resolution: {integrity: sha512-s8oFpH+0xmhvY19f452/2dExO3p1tjxh761g6cg4irwEUNUEAJKF2VLcjiaeOhNJ+pmnQYxb+VSkwkXvO+7vHQ==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-link@3.23.6':
-    resolution: {integrity: sha512-KNZz7z7P2/qbQsx5bPAbSPjrKDg1VHsedGlLHJCr8U2VRD5VgmDLkMpkouP1CsDg15qgyUKv/nDib5KgPpLNWA==}
+  '@tiptap/extension-link@3.26.0':
+    resolution: {integrity: sha512-FA/d157aBxyvZFvsdc5eSu46tmHWXebAsqOQSvivOMyw+deBb00VlMsf+iD2J8+sekjbMYwx/hvbsu+xUoX43Q==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-list-item@3.23.6':
-    resolution: {integrity: sha512-3zzyhdkUWcHVpXuvy6KiIwjh29rbH6gEDEqPQqHLrl1XGnO9pnShC7pSHctlCDjmcx3O4n9cd4QMtVBlUerbiA==}
+  '@tiptap/extension-list-item@3.26.0':
+    resolution: {integrity: sha512-MccGyj9HY4fkl04eIiFoTCkr8067Jku/VVdJNtRWW104Spx43C/7V2zpbxPvpcDhq3dW384fDxYXfpnb186xLg==}
     peerDependencies:
-      '@tiptap/extension-list': 3.23.6
+      '@tiptap/extension-list': 3.26.0
 
-  '@tiptap/extension-list-keymap@3.23.6':
-    resolution: {integrity: sha512-x8bPcLViGzg/RAmQM/XtmfqIwQ/Pv9Q8mkd+OgfUiTqjeJqKwVQmiqbLFNa7zw81+H61M+HDU+qGAaQ3vRIMjw==}
+  '@tiptap/extension-list-keymap@3.26.0':
+    resolution: {integrity: sha512-oBcj6qaNrRHQ+N0+pDuOVAQa4Nx9r8Cm5ANvyM2lTpoy60sOLOizuVvcvw1andVxbSrsZ1N/Sk+RZWyv1uoWyQ==}
     peerDependencies:
-      '@tiptap/extension-list': 3.23.6
+      '@tiptap/extension-list': 3.26.0
 
-  '@tiptap/extension-list@3.23.6':
-    resolution: {integrity: sha512-z6vj9+Qht2sjdQkyyHcUpsC/yCIZqTrQiyHDhs/HGKrfvoANyAZGpqdNeKf1wSyjIso+27tQuIH5NDfk8ygyNw==}
+  '@tiptap/extension-list@3.26.0':
+    resolution: {integrity: sha512-EM8woyHDNKLEQ+lWUEoDtA4KrwP6fei/mYX1NxseMzKHHo7LFecx7wk6sovAXZrUvdML/yFBihgiMiO5VIsfkg==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-ordered-list@3.23.6':
-    resolution: {integrity: sha512-1m/wWB/ZtXcmG2vNdiUkCqsOgqv5vBjCv/mVaHhF9OvV+zQS8YDjoWE7zEuT/GgELdT77Xq8lHrn4nCDudB3/A==}
+  '@tiptap/extension-ordered-list@3.26.0':
+    resolution: {integrity: sha512-ItLdFlcMsJz2vhbs1PcUfcN7nzVqGBOwPeCrrWxjrgscp+K3JoOGD+HhVVpBACOMwivUrlh8Ry5Ohvues2nOeA==}
     peerDependencies:
-      '@tiptap/extension-list': 3.23.6
+      '@tiptap/extension-list': 3.26.0
 
-  '@tiptap/extension-paragraph@3.23.6':
-    resolution: {integrity: sha512-+7m58LUSncodjrIyXks4RZ3tLNYrvgT77wRR4l3HnM5OABY3GDsDTqi7c1t1yI29NVOSk/DUacqy6UwYAj1DGg==}
+  '@tiptap/extension-paragraph@3.26.0':
+    resolution: {integrity: sha512-h8fYLikg4qN39IghQ1y9g+zzUsgxBpDi5YS3IZbWoxWYYx1YqLL8nAvOiPr7Us14aQ0TjA2/xY7zqmyf29rX1A==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-strike@3.23.6':
-    resolution: {integrity: sha512-oF7FEZ37f15aCe5kPgzGDYf/m+hr7VdQ/Ko/Hds/UM9pX7AG1fdtmRrl6wqkRqDM/incZaC/AQR2/Dpo2VCNGQ==}
+  '@tiptap/extension-strike@3.26.0':
+    resolution: {integrity: sha512-jUll3Pqhq7u1JKvO0B6USW/bmVmUsO6sRcxo/d5tXqLhS0tWAobOGoGU2IgwXnQDSjf+vF73RYD5tRGDLkRC9Q==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-text-align@3.23.6':
-    resolution: {integrity: sha512-pE+gDmvnrSMWHADDnDSzaO7YUi9kOywQkyrqZ9bEPLddZred7ICoJ4NtD2DqLjDSur+HijaJuByResWb78c6FA==}
+  '@tiptap/extension-text-align@3.26.0':
+    resolution: {integrity: sha512-yEtgrEJyE7sfcIAzk9cmJUQUMQZ/J0RU3k7mE+hy5o7t8j78Zs+KcsH+hrczn0MNzblg4gfX2erN+1/SGfSlpA==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-text-style@3.23.6':
-    resolution: {integrity: sha512-Auasgj469wkQ5ip+Zi2gaRzvqxx9qKG58+1mkT8yPE3QAGnOIg/AaKyQ7pTV77UyL3FHvLnU+KsWCad+qcobww==}
+  '@tiptap/extension-text-style@3.26.0':
+    resolution: {integrity: sha512-4IeIdiubF5/Em9AodaLkCKUNwkQaK3KuwnneXS61x4Yoyr0zK21i3kZAFK7ils7jUwSrRdGdM1FglBnB4tK8nA==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-text@3.23.6':
-    resolution: {integrity: sha512-ipoC2TkIAIOTiF5ByiGgvQB1DqDyfP90wrUB3mohBcgvp7lQnwHszCDGv8dNnmcUek8uXV/uoLu2VXeVQlxjPA==}
+  '@tiptap/extension-text@3.26.0':
+    resolution: {integrity: sha512-yZXdevp3/8omGbb40Z52VfvID+tsRNhPQ1GNUToD56XSr2BjdJyAzAb9rWGgDKgVMUPLgJ26yT0O278RFqOKhA==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extension-underline@3.23.6':
-    resolution: {integrity: sha512-P55wGIZGYTVH92Fq0cgI4/O9AhLCaJC3hhxg15RSERP5/YegM9eJHDK/GQ1EE/DvYA+xpYGOV6agKwAUqfA/Iw==}
+  '@tiptap/extension-underline@3.26.0':
+    resolution: {integrity: sha512-LlVkivH5cBwov/EMD8BL7ZRcU6YcadiSVIffLW1hyalw9YfhaFzoLxjtWhL7jiU/n2Kg+9dXSZxmV2hTeTwyrQ==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
+      '@tiptap/core': 3.26.0
 
-  '@tiptap/extensions@3.23.6':
-    resolution: {integrity: sha512-X09/Db1teB+ifXzDGVVFmOeQRx7wTAayE9/280spxpsHkHZvJ5bHRvWIzUzviMIjbBz+NPDIKYPK7gMfh9iaig==}
+  '@tiptap/extensions@3.26.0':
+    resolution: {integrity: sha512-4wajuqnO2X0+LVvsBjW/xk3/tmdb16bNL939QhicAay4YYqXITeV2v3XJsryzmG4L5GkK1yLxvRGk4aLoxWrnA==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/pm@3.23.6':
-    resolution: {integrity: sha512-in5CaMaWlJcH2A1q6GJKFtrodE8WLS3M9tIi/f89jPmIVHJShpodC0KZDNyJkrVBQomYk0DEh86Utm6ASXzQww==}
+  '@tiptap/pm@3.26.0':
+    resolution: {integrity: sha512-q4RDeWwVrhOL0jJCGRgGxLSdjOYwzQ4h2InURZVhC66433ipcHd6f3bqSOhcXZ4r0sFmMNsuF7aZmUntjWLc7w==}
 
-  '@tiptap/react@3.23.6':
-    resolution: {integrity: sha512-Tw9KZkYqFMk3vaJAEQKqEYIO/iq3cSJe7OUEGBul4k4GaMQeLItLf5EYhUd0GIPXci1WVVPNntKJsHfX25M37w==}
+  '@tiptap/react@3.26.0':
+    resolution: {integrity: sha512-NLPAG6tk4/AsfOsUNsbGqdgIHuGsD4A/hlYriozuo+LCAAduuluhzsL/MEHZXtFT4GXUOlCdaEqNCOrMuz/zaw==}
     peerDependencies:
-      '@tiptap/core': 3.23.6
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0
+      '@tiptap/pm': 3.26.0
       '@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
       '@types/react-dom': ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@tiptap/starter-kit@3.23.6':
-    resolution: {integrity: sha512-gykwtGWrnWCmtql1hid3opac/KV8zQvOAnu3bTqIqcHrn1FusbUwKmNzavSbfGvcktHM3hFjb35W48JyVLyu/A==}
+  '@tiptap/starter-kit@3.26.0':
+    resolution: {integrity: sha512-o34EtMfqtBaljdmeElZsRG/067oGx9Zcq+j2GWo71KlZe22ga/ALexeTf1c+ETsjCxSTKR6eyQ4RZvz/2JpYfg==}
 
   '@tokenizer/inflate@0.4.1':
     resolution: {integrity: sha512-2mAv+8pkG6GIZiF1kNg1jAjh27IDxEPKwdGul3snfztFerfPGI1LjDezZp3i7BElXompqEtPmoPx6c2wgtWsOA==}
@@ -3707,8 +4134,8 @@ packages:
   '@tootallnate/quickjs-emscripten@0.23.0':
     resolution: {integrity: sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==}
 
-  '@tria-plc/api-common@1.4.0':
-    resolution: {integrity: sha512-z9v5lZdtpYDplrr29YUtxjAn2E7cN7tHmXzzPrS7GGO2q/ISkYhxA/o7AxdN7rjJUshgtZIJpS7TnNCmKcirDg==, tarball: https://npm.pkg.github.com/download/@tria-plc/api-common/1.4.0/c08af59fbfad0146d7a571fa960b5f010f10e88e}
+  '@tria-plc/api-common@1.4.3':
+    resolution: {integrity: sha512-cHlo96Wh3ET8qHjq5mevJwqitFRynU17KzEpE5fz0efCs9NIw7N3K6L+bYwConOCP7jbIROe/2rkG9ToY/AA3w==, tarball: https://npm.pkg.github.com/download/@tria-plc/api-common/1.4.3/e21aa604590c5ec94004faee128f725cf1d63048}
     peerDependencies:
       '@nestjs/common': ^11.0.0
       '@nestjs/core': ^11.0.0
@@ -3721,10 +4148,10 @@ packages:
       '@tria-plc/iamapi-common': ^0.1.0
       reflect-metadata: ^0.2.0
       rxjs: ^7.8.0
-      typeorm: 0.3.30
+      typeorm: ^0.3.0
 
-  '@tria-plc/iamapi-common@0.5.1':
-    resolution: {integrity: sha512-79ws+NHtTGidZKn6PUdkvvpDaafX7UnPMmQTTYyG3EU7EjZsegtIZJaj+ubI42MgINVjPtu5eKlZN96KnlFUIQ==, tarball: https://npm.pkg.github.com/download/@tria-plc/iamapi-common/0.5.1/27135b982e4698b11b4e5c52a173cf567b3ce23c}
+  '@tria-plc/iamapi-common@0.6.6':
+    resolution: {integrity: sha512-derY8wJBonsQM2/oHsFgqZw7q4jQA3ilwN3kTDJP3I0h5l3d6zDVWYAFFHQFuH8Qx+q1DChla3g6x1+RPe++hg==, tarball: https://npm.pkg.github.com/download/@tria-plc/iamapi-common/0.6.6/5211a9de00895776017415caab771f13ac3acaef}
     engines: {node: '>=20'}
     peerDependencies:
       '@nestjs/axios': ^4.0.0
@@ -3742,7 +4169,7 @@ packages:
       class-validator: ^0.14.1
       reflect-metadata: ^0.2.0
       rxjs: ^7.8.0
-      typeorm: 0.3.30
+      typeorm: ^0.3.0
 
   '@tria-plc/iamui-common@1.1.2':
     resolution: {integrity: sha512-oKFxs7/003/UcGf0q1R7lfubvsawPxgTzx8O2Fi/6oN3oGECnc3YNkbDPoOvMrmXYOxfMExIYZmhCv+OpstWAQ==, tarball: https://npm.pkg.github.com/download/@tria-plc/iamui-common/1.1.2/01aa8b5799f0fa5a876c64ed6ebfe4b4134ccc55}
@@ -3762,36 +4189,39 @@ packages:
   '@tsconfig/node16@1.0.4':
     resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
 
-  '@turbo/darwin-64@2.9.14':
-    resolution: {integrity: sha512-t7QiPflaEyBE4oayeZtSmu4mEfjgIrcNlNNl1z1dmIVPqEdtA7+CfTf8d7KXsOGPh6aNgWjKxyvQg9uGfDQF+A==}
+  '@turbo/darwin-64@2.9.16':
+    resolution: {integrity: sha512-jLjApWTSNd7JZ5JaLYfelW1ytnGQOvB7ivl+2RD1xQvJTbi8I9gBjzcga7tDZVPyaxpl10YTfJt3BrYXR18KDw==}
     cpu: [x64]
     os: [darwin]
 
-  '@turbo/darwin-arm64@2.9.14':
-    resolution: {integrity: sha512-d23147mC9BsCPA9mJ0h/ubcpbRgcJBXbcG3+Vq7YLhjz3IXuvQsJ1UXH8f4MD76ZjJ4m/E4aRdJV+MW88CDfbw==}
+  '@turbo/darwin-arm64@2.9.16':
+    resolution: {integrity: sha512-YPgrn+5HIGzrx0O2a631SV4MBQUe4W/DafMFUuBVgaU32PW9/OTT0ehviF0QSxTXuRJlHvW2eUTemddF5/spmw==}
     cpu: [arm64]
     os: [darwin]
 
-  '@turbo/linux-64@2.9.14':
-    resolution: {integrity: sha512-P3ZKB5tuUDdDQWuAsACGUR1qv9W7BNWxdxqVJ0kZNuNNPRaVYTPPikLcp79+GiEcW3npsR+KyP38lnQiBc5aSA==}
+  '@turbo/linux-64@2.9.16':
+    resolution: {integrity: sha512-vAEf1H6l26lTpl9FJ/peQo1NUB8RC0sbEJJz5mPcUhHA2bPDup2x3CZPgo/bH8S4cUcBLm4FN3UHd5iUO2RAew==}
     cpu: [x64]
     os: [linux]
 
-  '@turbo/linux-arm64@2.9.14':
-    resolution: {integrity: sha512-ZRTlzcUMrrPv9ZuDzRF9n60Ym13bKeG9jDB8WjxyLhWNzV+AJQN+zdpIk3NJYf2zQsGUm1mNar2P0elRzLw25g==}
+  '@turbo/linux-arm64@2.9.16':
+    resolution: {integrity: sha512-xDBLR2PZg4BrQOchfG6svgpv5FCNJ2TOtT2psLdEJcdKo1BH+pnPs9Xj6pvUjgfkHbuvBOfeE4R6tvxMoQKDHQ==}
     cpu: [arm64]
     os: [linux]
 
-  '@turbo/windows-64@2.9.14':
-    resolution: {integrity: sha512-exanwN6sIduZwykYeiTQj8kCmOhazP5WOz3bvXMcYtjhL6Z3iRWLewKrXCBq0bqwSP3iBMb/AerRCnHI4lx46A==}
+  '@turbo/windows-64@2.9.16':
+    resolution: {integrity: sha512-NBAJnaUiGdgkSzQwUIdOvkCkcpTSu58G/sBGa0mvBtzfvFOOgrQwepKOOQ8cp6sWM6OcKDNFj2p1dsZA1OWjPg==}
     cpu: [x64]
     os: [win32]
 
-  '@turbo/windows-arm64@2.9.14':
-    resolution: {integrity: sha512-fVdCsnmYoKICsycbWuuGp6Jvi51/3G/UluFWuAUCvR8PIW5IJkAk5BM9UF8PSm0Q2IphWHFZjYEgjHsh3B9y/g==}
+  '@turbo/windows-arm64@2.9.16':
+    resolution: {integrity: sha512-Y7SJppD0Z8wjO3Ec0ZGd9KQ4Yv0BMnA8CIowj5Vp+OEVsosXDG2weK6/t1RRLfJmc2Ozrnd6y4DOgQys+mn3WQ==}
     cpu: [arm64]
     os: [win32]
 
+  '@tybys/wasm-util@0.10.2':
+    resolution: {integrity: sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==}
+
   '@types/amqplib@0.10.8':
     resolution: {integrity: sha512-vtDp8Pk1wsE/AuQ8/Rgtm6KUZYqcnTgNvEHwzCkX8rL7AGsC6zqAfKAAJhUZXFhM/Pp++tbnUHiam/8vVpPztA==}
 
@@ -3807,6 +4237,9 @@ packages:
   '@types/babel__traverse@7.28.0':
     resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
 
+  '@types/bcrypt@5.0.2':
+    resolution: {integrity: sha512-6atioO8Y75fNcbmj0G7UjI9lXN2pQ/IGJ2FWT4a/btd0Lk9lQalHLKhkgKVZ3r+spnmWUKfbMi1GEe9wyHQfNQ==}
+
   '@types/body-parser@1.19.6':
     resolution: {integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==}
 
@@ -3852,9 +4285,6 @@ packages:
   '@types/eslint@9.6.1':
     resolution: {integrity: sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==}
 
-  '@types/estree@1.0.8':
-    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
-
   '@types/estree@1.0.9':
     resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
 
@@ -3899,6 +4329,15 @@ packages:
   '@types/jsonwebtoken@9.0.10':
     resolution: {integrity: sha512-asx5hIG9Qmf/1oStypjanR7iKTv0gXQ1Ov/jfrX6kS/EO0OFni8orbmGCn0672NHR3kXHwpAwR+B368ZGN/2rA==}
 
+  '@types/jsonwebtoken@9.0.5':
+    resolution: {integrity: sha512-VRLSGzik+Unrup6BsouBeHsf4d1hOEgYWTm/7Nmw1sXoN1+tRly/Gy/po3yeahnP4jfnQWWAhQAqcNfH7ngOkA==}
+
+  '@types/lodash@4.17.24':
+    resolution: {integrity: sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==}
+
+  '@types/luxon@3.7.1':
+    resolution: {integrity: sha512-H3iskjFIAn5SlJU7OuxUmTEpebK6TKB8rxZShDslBMZJ5u9S//KM1sbdAisiSrqwLQncVjnpi2OK2J51h+4lsg==}
+
   '@types/methods@1.1.4':
     resolution: {integrity: sha512-ymXWVrDiCxTBE3+RIrrP533E70eA+9qu7zdWoHuOmGujkYtzf4HQF96b8nwHLqhuf4ykX61IGRIB38CC6/sImQ==}
 
@@ -3911,11 +4350,11 @@ packages:
   '@types/node@14.18.63':
     resolution: {integrity: sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ==}
 
-  '@types/node@20.19.41':
-    resolution: {integrity: sha512-ECymXOukMnOoVkC2bb1Vc/w/836DXncOg5m8Xj1RH7xSHZJWNYY6Zh7EH477vcnD5egKNNfy2RpNOmuChhFPgQ==}
+  '@types/node@20.19.42':
+    resolution: {integrity: sha512-5L7SUaFC1RyDraj2yRhyBzHTobyXHmohD100CChNtyPyleoq37Mqab5Gn8XEKI04dfN/oqPdpHk38MgcQWHbZg==}
 
-  '@types/node@24.13.0':
-    resolution: {integrity: sha512-5vtOqGQr4NJKeEzV441FcOi2MeG9UTWq9LqVLGneDdu4vlX17H8kQ2PA2UmNwCUGPVDj4oBjNhS7ReVEIWJJrg==}
+  '@types/node@24.13.1':
+    resolution: {integrity: sha512-RSpUJGmvsJ1ZeBehQZFhIdpsz+bIpES0nIQXko4Ybq+N+kX6XvOq3Jo+iJ82FWLdblFq85AsMikd3m35jgezYg==}
 
   '@types/pako@2.0.4':
     resolution: {integrity: sha512-VWDCbrLeVXJM9fihYodcLiIv0ku+AlOa/TQ1SvYOaBuyrSKgEcro95LJyIsJ4vSo6BXIxOKxiJAat04CmST9Fw==}
@@ -3923,12 +4362,24 @@ packages:
   '@types/parse-json@4.0.2':
     resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
 
+  '@types/passport-jwt@4.0.1':
+    resolution: {integrity: sha512-Y0Ykz6nWP4jpxgEUYq8NoVZeCQPo1ZndJLfapI249g1jHChvRfZRO/LS3tqu26YgAS/laI1qx98sYGz0IalRXQ==}
+
+  '@types/passport-strategy@0.2.38':
+    resolution: {integrity: sha512-GC6eMqqojOooq993Tmnmp7AUTbbQSgilyvpCYQjT+H6JfG/g6RGc7nXEniZlp0zyKJ0WUdOiZWLBZft9Yug1uA==}
+
+  '@types/passport@1.0.17':
+    resolution: {integrity: sha512-aciLyx+wDwT2t2/kJGJR2AEeBz0nJU4WuRX04Wu9Dqc5lSUtwu0WERPHYsLhF9PtseiAMPBGNUOtFjxZ56prsg==}
+
   '@types/pg@8.20.0':
     resolution: {integrity: sha512-bEPFOaMAHTEP1EzpvHTbmwR8UsFyHSKsRisLIHVMXnpNefSbGA1bD6CVy+qKjGSqmZqNqBDV2azOBo8TgkcVow==}
 
   '@types/prop-types@15.7.15':
     resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
 
+  '@types/qrcode@1.5.6':
+    resolution: {integrity: sha512-te7NQcV2BOvdj2b1hCAHzAoMNuj65kNBMz0KBaxM6c3VGBOhU0dURQKOtH8CFNI/dsKkwlv32p26qYQTWoB5bw==}
+
   '@types/qs@6.15.1':
     resolution: {integrity: sha512-GZHUBZR9hckSUhrxmp1nG6NwdpM9fCunJwyThLW1X3AyHgd9IlHb6VANpQQqDr2o/qQp6McZ3y/IA2rVzKzSbw==}
 
@@ -3948,8 +4399,8 @@ packages:
     peerDependencies:
       '@types/react': '*'
 
-  '@types/react@18.3.29':
-    resolution: {integrity: sha512-ch0qJdr2JY0r04NXSprbK6TXOgnaJ1Tz23fm5W+z0/CBah6BSBc3n96h7K9GOtwh0HrilNWHIBzE1Ko4Dcw/Wg==}
+  '@types/react@18.3.31':
+    resolution: {integrity: sha512-vfEqpXTvwT91yhmwdfouStN2hSKwTvyRs8qpLfADyrq/kxDw0hZM7Wk9Ug1FELj8hIby+S/+kQCSRFF32nv2Qw==}
 
   '@types/send@1.2.1':
     resolution: {integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==}
@@ -3984,6 +4435,9 @@ packages:
   '@types/use-sync-external-store@0.0.6':
     resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
 
+  '@types/uuid@9.0.8':
+    resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
+
   '@types/validate-npm-package-name@4.0.2':
     resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
 
@@ -3999,68 +4453,188 @@ packages:
   '@types/yauzl@2.10.3':
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
 
-  '@typescript-eslint/eslint-plugin@8.59.4':
-    resolution: {integrity: sha512-PegsU+XfyJJNjd4+u/k6f9yTyp0lEXXiPopUNobZcIAUJFGICFLN+sP0Rb3JehVmiij1Ph0dFGYqODoRo/2+6A==}
+  '@typescript-eslint/eslint-plugin@8.60.1':
+    resolution: {integrity: sha512-JQ4S5GB0tfjO8BuJ4fcX+HodkzJjYBV+7OJ+wLygaX7OGQ7FudyHL4NSCA6ob+w3Yn+5MkKIozOwQhXeM7opVg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.59.4
+      '@typescript-eslint/parser': ^8.60.1
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/parser@8.59.4':
-    resolution: {integrity: sha512-zORHqO/tuhxY1zWuTvMUqddRxpiFJ72xVfcNoWpqdLjs6lfPbuQBJuW4pk+49/uBMy7Ssr4bzgjiKmmDB1UbZQ==}
+  '@typescript-eslint/parser@8.60.1':
+    resolution: {integrity: sha512-A0M6ua6H252bVjPvvtSgl2QA4+ET9S5Mtkb2GDyTxIhH/C4qDItT7RQNO5PhMC6NXGYXOR9dIalcDDgBKT7oFA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/project-service@8.59.4':
-    resolution: {integrity: sha512-Ly00Vu4oAacfDeHp2Zg85ioNG6l8HG+tN1D7J+xTHSxu9y0awYKJ2zH1rFBn8ZSfuGK+7FxK3Cgl3uAz0aZZLg==}
+  '@typescript-eslint/project-service@8.60.1':
+    resolution: {integrity: sha512-eXkTH2bxmXlqD1RnOPmLZ9ZM9D3VwSx04JOwBnP9RQ+yUA5a2Mu7SfW8uaV2Aon53NJzZlZYuX7tn91Izf+xaw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/scope-manager@8.59.4':
-    resolution: {integrity: sha512-mUeR/3H1WrTAddJrwut8OoPjfauaztMQmRwV5fQTUyNVJCLiUXXe4lGEyYIL2oFDpP7UtgbGJXCt72wT0z2S3Q==}
+  '@typescript-eslint/scope-manager@8.60.1':
+    resolution: {integrity: sha512-gvI5OQoptnxQnchOirukCuQ55svJSTuD/4k5+pC267xyBtYry748R9/c3tYUzb/iE6RZfllRz2lVulLCHkTm4w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.59.4':
-    resolution: {integrity: sha512-DLCpnKgD4alVxTBSKulK+gU1KCqOgUXfDRDXh2mZgzokQKa/70ax93I2uVO3m/LLvIAtWZIFoiifudmIqAxpMA==}
+  '@typescript-eslint/tsconfig-utils@8.60.1':
+    resolution: {integrity: sha512-nh8w4qAteiKuZu3pSSzG/yGKpw0OlkrKnzFmbVRenKaD4qc+7i1GrmZaLVkr8rk4uipiPGMOW4YsM6WmKZ5CvA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/type-utils@8.59.4':
-    resolution: {integrity: sha512-uonTuPAAKr9XaBGqJ3LjYTh72zy5DyGesljO9gtmk/eFW0W1fRHjnwVYKB35Lm8d5Q5CluEW3gPHjTvZTmgrfA==}
+  '@typescript-eslint/type-utils@8.60.1':
+    resolution: {integrity: sha512-sdwTrpjosW7ANQYJ39ZBF1ZyEMEGVB2UsikrserVM/30a/F1dTLnu9bGxEdosugyu5caigjLrR2qiD11asjI1A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/types@8.59.4':
-    resolution: {integrity: sha512-F1o7WJcCq+bc8dwcO/YsSEOudAH8RDtaOhM6wcAQhcUsFhnWQl81JKy48q1hoxAU0qrzM89+31GYh1515Zde3Q==}
+  '@typescript-eslint/types@8.60.1':
+    resolution: {integrity: sha512-4h0tY8ppCkdCzcrl2YM5M3my0xsE1Tf8om3owEu5oPWmXwkKRmk0j0LGDzYBGUcAlesEbxBhazqu/K4cu3Ug7w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.59.4':
-    resolution: {integrity: sha512-F+RuOmcDXo4+TPdfd/TCLS3m2nw8gE9XXyZLrA3JBfaA5tz9TtdkyD3YJFmPxulyc2cKbEok/CvFE3MgSLWnag==}
+  '@typescript-eslint/typescript-estree@8.60.1':
+    resolution: {integrity: sha512-alpRkfG8hlVE5kdJW2GkfgDgXxold3e8e4l6EnmhRmRLbekgAPCCGDVD++sABy9FcgPFroq+uFcCSM1vR57Cew==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/utils@8.59.4':
-    resolution: {integrity: sha512-cYXeNAUsG4lJo5dbc1FcKm+JwIWrj1/UpTORsC6tGMjEZ81DYcvIr9/ueikhMa/Y/gDQYGp+YX9/xQrXje5BJw==}
+  '@typescript-eslint/utils@8.60.1':
+    resolution: {integrity: sha512-h2MPBLoNtjc3qZWfY3Tl51yPorQ2McHn8pJfcMNTcIvrrZrr90Ykffit0yjrPFWQcRcUxzH20+6OcVdW4yHtUg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.1.0'
 
-  '@typescript-eslint/visitor-keys@8.59.4':
-    resolution: {integrity: sha512-U3gxVaDVnuZKhSspW/MzMxE1kq7zOdc072FcSNoqA1I9p8HyKbBFfEHoWckBAMgNMph4MamwS5iTVzFmrnt8TQ==}
+  '@typescript-eslint/visitor-keys@8.60.1':
+    resolution: {integrity: sha512-EbGRQg4FhrmwLodl+t3JNAnXHWVr9Vp+Zl1QBZVPY4ByfkzIT8cX3K6QWODHtkIZqqJVEWvhHSx3v5PDHsaQag==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@ungap/structured-clone@1.3.1':
     resolution: {integrity: sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==}
 
+  '@unrs/resolver-binding-android-arm-eabi@1.12.2':
+    resolution: {integrity: sha512-g5T90pqg1bo/7mytQx6F4iBNC0Wsh9cu+z9veDbFjc7HjpesJFWD7QMS0NGStXM075+7dJPPVvBbpZlnrdpi/w==}
+    cpu: [arm]
+    os: [android]
+
+  '@unrs/resolver-binding-android-arm64@1.12.2':
+    resolution: {integrity: sha512-YGCRZv/9GLhwmz6mYDeTsm/92BAyR28l6c2ReweVW5pWgfsitWLY8upvfRlGdoyD8HjeTHSYJWyZGD4KJA/nFQ==}
+    cpu: [arm64]
+    os: [android]
+
+  '@unrs/resolver-binding-darwin-arm64@1.12.2':
+    resolution: {integrity: sha512-u9DiNT1auQMO20A9SyTuG3wUgQWB9Z7KjAg0uFuCDR1FsAY8A0CG2S6JpHS1xwm/w1G08bjXZDcyOCjv1WAm2w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@unrs/resolver-binding-darwin-x64@1.12.2':
+    resolution: {integrity: sha512-f7rPLi/T1HVKZu/u6t87lroib16n8vrSzcyxI7lg4BGO9UF26KhQL44sd9eOUgrTYhvRXtWOIZT5PejdPyJfUA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@unrs/resolver-binding-freebsd-x64@1.12.2':
+    resolution: {integrity: sha512-BpcOjWCJub6nRZUS2zA20pmLvjtqAtGejETaIyRLiZiQf++cbrjltLA5NN/xaXfqeOBOSlMFbemIl5/S5tljmg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.12.2':
+    resolution: {integrity: sha512-vZTDvdSISZjJx66OzJqtsOhzifbqRjbmI1Mnu49fQDwog5GtDI4QidRiEAYbZCRj9C8YZEW+3ZjqsyS9GR4k2A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.12.2':
+    resolution: {integrity: sha512-BiPI+IrIlwcW4nLLMM21+B1dFPzd55yAVgVGrdgDjNef+ch03GdxrcyaIz8X9SsQirh/kCQ7mviyWlMxdh2D7g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.12.2':
+    resolution: {integrity: sha512-zJc0H99FEPoFfSrNpa91HYfxzfAJCr502oxNK1cfdC9hlaFI43RT+JFCann9JUgZmLzzntChHyn13Sgn9ljHNg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
+    resolution: {integrity: sha512-KQ3Lki6l+Pz1k/eBipN41ES+YUK30beLGb9YqcB1O542cyLCNE6GaxrfcY3T6EezmGGk84wb5XyO9loTM9tkcA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
+    resolution: {integrity: sha512-3SJGEh1DborhG6pyxvhPzCT4bbSIVihsvgJc13P1bHG7KLdNDaF9T3gsTwFc7Jw/5Y5/iWOjkEx7Zy0NvCGX3Q==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
+    resolution: {integrity: sha512-jiuG/Obbel7uw1PwHNFfrkiKhLAF6mnyZ6aWlOAVN9WqKm8v0OFGnciJIHu8+CMvXLQ8AD51LPzAoUfT21D5Ew==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
+    resolution: {integrity: sha512-q7xRvVpmcfeL+LlZg8Pbbo6QaTZwDU5BaGZbwfhkEsXJn3Was8xYfE0RBH266xZt0rM6B7i8xAYIvjthuUIWHg==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
+    resolution: {integrity: sha512-0CVdx6lcnT3Q9inOH8tsMIOJ6ImndllMjqJHg8RLVdB7Vq4SfkEXl9mCSsVNuNA4MCYycRicCUxPCabVHJRr6A==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
+    resolution: {integrity: sha512-iOwlRo9vnp6R6ohHQS11n0NnfdXx/omhkocmIfaPRpQhKZ+3BDMkkdRVh53qjkFkpPddf+FETA28NwGN7l5l+w==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
+    resolution: {integrity: sha512-HYJtLfXq94q8iZNFT1lknx258wlkkWhZeUXJRqzKBBUJ00CvZ+N33zgbCqimLjsyw5Va6uUxhVa12mI+kaveEw==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
+    resolution: {integrity: sha512-mPsUhunKKDih5O96Y6enDQyHc1SqBPlY1E/SfMWDM3EdJ95Z9CArPeCVwCCqbP45ljvivdEk8Fxn+SIb1rDAJQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-x64-musl@1.12.2':
+    resolution: {integrity: sha512-azrt6+5ydLd8Vt210AAFis/lZevSfPw93EJRIJG+xPu4WCJ8K0kppCTpMyLPcKT7H15M4Jnt2tMp5bOvCkRC6A==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-openharmony-arm64@1.12.2':
+    resolution: {integrity: sha512-YZ9hP4O0X9PQb8eO980qmLNGH4zT3I9+SZTdt0Pr0YyuGQhYKoOZkV02VzrzyOZJ5xIJ3UFIenKkUkGg8GjgWQ==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@unrs/resolver-binding-wasm32-wasi@1.12.2':
+    resolution: {integrity: sha512-tYFDIkMxSflfEc/h92ZWNsZlHSwgimbNHSO3PL2JWQHfCuC2q316jMyYU9TIWZsFK2bQwyK5VAdYgn8ygPj69A==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
+    resolution: {integrity: sha512-qzNyg3xL0VPQmCaUh+N5jSitce6k+uCBfMDesWRnlULOZaqUkaJ0ybdT+UqlAWJoQjuqfIU/0Ptx9bteN4D82g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
+    resolution: {integrity: sha512-WD9sY00OfpHVGfsnHZoA8jVT+esS/Bg8z8jzxp5BnDCjjwsuKsPQrzswwpFy4J1AUJbXPRfkpcX0mXrzeXW79g==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
+    resolution: {integrity: sha512-nAB74NfSNKknqQ1RrYj6uz8FcXEomu/MATJZxh/x+BArzN2U3JbOYC0APYzUIGhVY3m5hRxA8VPNdPBoG8txlA==}
+    cpu: [x64]
+    os: [win32]
+
   '@vitejs/plugin-react@4.7.0':
     resolution: {integrity: sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -4312,8 +4886,8 @@ packages:
   '@zag-js/react@1.40.0':
     resolution: {integrity: sha512-2TFS1HYABYGc0lurC+4WEXvKkpxsVv6vKm+t8QAL7wfoeZnw6HDQWLc91kINp89vln+A2kwCfYqIq8HSm+9EeA==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=18.0.0'
+      react-dom: '>=18.0.0'
 
   '@zag-js/rect-utils@1.40.0':
     resolution: {integrity: sha512-ikgLuE4rLlACm4mGLp6Ga8sJA44uFwohA1nVmb95sQ+VIyx2naf91CEF7SMrZVEwFKHaHpxdKVQSZLRjJqO/dw==}
@@ -4491,12 +5065,22 @@ packages:
     resolution: {integrity: sha512-GrTZLRpmp6wIC2ztrWW9MjjTgSKccffgFagbNDOX95/dcjEcYZibYTeaOntySQLcdw1ztBoFkviiUvTMbb9MYg==}
     engines: {node: '>=0.10.0'}
 
+  amqp-connection-manager@4.1.15:
+    resolution: {integrity: sha512-YGi8MuO2K4u0qC4b1qAKVIK8CdBJF+PpEZpHKxmrL3x61pU1sAb2SHzQl7ypoqr6oECIfVqtG9DGdOZxaUq1Wg==}
+    engines: {node: '>=10.0.0', npm: '>5.0.0'}
+    peerDependencies:
+      amqplib: '*'
+
   amqp-connection-manager@5.0.0:
     resolution: {integrity: sha512-88yQzqa5RSBgnLl504XjvCQJ7d+osskdwvg35Lwm1LRbfLjNU9p7SQUMSP82BB7mseiq9tIUPJ3HE3eXQbpjEw==}
     engines: {node: '>=10.0.0', npm: '>5.0.0'}
     peerDependencies:
       amqplib: '*'
 
+  amqplib@0.10.9:
+    resolution: {integrity: sha512-jwSftI4QjS3mizvnSnOrPGYiUnm1vI2OP1iXeOUz5pb74Ua0nbf6nPyyTzuiCLEE3fMpaJORXh2K/TQ08H5xGA==}
+    engines: {node: '>=10'}
+
   amqplib@2.0.1:
     resolution: {integrity: sha512-a3P2MgfCf9nzVis12VxWEn0dS6hcqve7dlEAhXDtIWR27BlhtMkILOc+H9aeHjDi6i6r94dYKc2Kx2OFe3avvg==}
     engines: {node: '>=18'}
@@ -4662,8 +5246,8 @@ packages:
     resolution: {integrity: sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==}
     engines: {node: '>=14'}
 
-  ansis@4.3.0:
-    resolution: {integrity: sha512-44mvgtPvohuU/70DdY5Oz2AIrLJ9k6/5x4KmoSvPwO+5Moijo0+N9D0fKbbYZQWP1hNm5CpOf+E01jhxG/r8xg==}
+  ansis@4.3.1:
+    resolution: {integrity: sha512-BJ8/l4R5LRE7hW9WdSuGYrLSHi2ynxeFpDFbH0K/CgNeY/tyhk+vO6TYxXC5r5CpUhNVX310xzPsN/H9lCdfOA==}
     engines: {node: '>=14'}
 
   any-promise@1.3.0:
@@ -4726,6 +5310,10 @@ packages:
     resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
     engines: {node: '>=10'}
 
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
   arr-diff@4.0.0:
     resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
     engines: {node: '>=0.10.0'}
@@ -4826,6 +5414,9 @@ packages:
     resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
     engines: {node: '>=0.10.0'}
 
+  ast-types-flow@0.0.8:
+    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
+
   ast-types@0.13.4:
     resolution: {integrity: sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==}
     engines: {node: '>=4'}
@@ -4879,8 +5470,16 @@ packages:
   aws4@1.13.2:
     resolution: {integrity: sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==}
 
-  axios@1.16.1:
-    resolution: {integrity: sha512-caYkukvroVPO8KrzuJEb50Hm07KwfBZPEC3VeFHTsqWHvKTsy54hjJz9BS/cdaypROE2rH6xvm9mHX4fgWkr3A==}
+  axe-core@4.12.0:
+    resolution: {integrity: sha512-FTavr/7Ba0IptwGOPxnQvdyW2tAsdLBMTBXz7rKH6xJ2skpyxpBxyHkDdBs4lf69yRqYpkqCdfhnwS8YULGOmg==}
+    engines: {node: '>=4'}
+
+  axios@1.17.0:
+    resolution: {integrity: sha512-J8SwNxprqqpbfenehxWYXE7CW+wM1BB4w3+N+g+/Wx40xM4rsLrfPmHHxSWIxJLYDgSY/HqlFPIYb2/S3rxafw==}
+
+  axobject-query@4.1.0:
+    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
+    engines: {node: '>= 0.4'}
 
   b4a@1.8.1:
     resolution: {integrity: sha512-aiqre1Nr0B/6DgE2N5vwTc+2/oQZ4Wh1t4NznYY4E00y8LCt6NqdRv81so00oo27D8MVKTpUa/MwUUtBLXCoDw==}
@@ -4896,28 +5495,14 @@ packages:
     peerDependencies:
       '@babel/core': ^7.8.0
 
-  babel-jest@30.4.1:
-    resolution: {integrity: sha512-fATAbM8piYxkiXQp3RBXmZHxZVNJZAVXXfyeyCN2Tida3+qJ8ea9UxhiJ2y4fLO90ZImKt6k9FlcH2+rLkJGhw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-    peerDependencies:
-      '@babel/core': ^7.11.0 || ^8.0.0-0
-
   babel-plugin-istanbul@6.1.1:
     resolution: {integrity: sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==}
     engines: {node: '>=8'}
 
-  babel-plugin-istanbul@7.0.1:
-    resolution: {integrity: sha512-D8Z6Qm8jCvVXtIRkBnqNHX0zJ37rQcFJ9u8WOS6tkYOsRdHBzypCstaxWiu5ZIlqQtviRYbgnRLSoCEvjqcqbA==}
-    engines: {node: '>=12'}
-
   babel-plugin-jest-hoist@29.6.3:
     resolution: {integrity: sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  babel-plugin-jest-hoist@30.4.0:
-    resolution: {integrity: sha512-9EdtWM/sSfXLOGLwSn+GS6pIXyBnL07/8gyJlwFXjWy4DxMOyItqyUT29d4lQiS380EZwYlX7/At4PgBS+m2aA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   babel-plugin-macros@3.1.0:
     resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
     engines: {node: '>=10', npm: '>=6'}
@@ -4933,12 +5518,6 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  babel-preset-jest@30.4.0:
-    resolution: {integrity: sha512-lBY4jxsNmCnSiu7kquw8ZC9F4+XLMOKypT3RnNHPvU2Kpd4W0xaPuLr5ZkRyOsvLYAY4yaW1ZwTW4xB7NIiZzg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-    peerDependencies:
-      '@babel/core': ^7.11.0 || ^8.0.0-beta.1
-
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -4984,8 +5563,8 @@ packages:
       bare-events:
         optional: true
 
-  bare-url@2.4.4:
-    resolution: {integrity: sha512-zbQJi2YQUe3SrX19TItQ8DoPj9E1i5rrdE9iHV4PhUif1GodNRSe85lavVGbmU7P4M8579EQi4akGFuhCATWaQ==}
+  bare-url@2.4.5:
+    resolution: {integrity: sha512-K+y9xF1tN+CdPu4qWwr0QiK1Al07eFPGYK5M2pDXcmHdMdgC/tT/bpmMe1hrmRHaidKLkXrC+cRNYf3XVDUhSQ==}
 
   base64-arraybuffer@1.0.2:
     resolution: {integrity: sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==}
@@ -5002,8 +5581,8 @@ packages:
     resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
     engines: {node: '>=0.10.0'}
 
-  baseline-browser-mapping@2.10.32:
-    resolution: {integrity: sha512-wbPvpyjJPC0zdfdKXxqEL3Ea+bOMD/87X4lftiJkkaBiuG6ALQy1SLmEd7BSmVCuwCQsBrCamgBoLyfFDD1EPg==}
+  baseline-browser-mapping@2.10.34:
+    resolution: {integrity: sha512-IMDedajPifLnHNY0X9n8hKxRTQ6/eTHwr5bDo04WnuqxyKw6LYtQywCuuqPZwhl3aBXMvQpJov42GLCwRRdQzw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -5017,6 +5596,10 @@ packages:
   bcrypt-pbkdf@1.0.2:
     resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
 
+  bcrypt@5.1.1:
+    resolution: {integrity: sha512-AGBHOG5hPYZ5Xl9KXzU5iKq9516yEmvCKDg3ecP5kX2aB6UqTeXZxk2ELnDgDm6BQSMlLt9rDB4LoSMx0rYwww==}
+    engines: {node: '>= 10.0.0'}
+
   bidi-js@1.0.3:
     resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
 
@@ -5073,11 +5656,11 @@ packages:
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
-  brace-expansion@1.1.14:
-    resolution: {integrity: sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==}
+  brace-expansion@1.1.15:
+    resolution: {integrity: sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==}
 
-  brace-expansion@2.1.0:
-    resolution: {integrity: sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==}
+  brace-expansion@2.1.1:
+    resolution: {integrity: sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==}
 
   brace-expansion@5.0.6:
     resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
@@ -5148,6 +5731,9 @@ packages:
   buffer-indexof@1.1.1:
     resolution: {integrity: sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==}
 
+  buffer-more-ints@1.0.0:
+    resolution: {integrity: sha512-EMetuGFz5SLsT0QTnXzINh4Ksr+oo4i+UGTXEshiGCQWnsgSs7ZhJ8fzlwQ+OzEMs0MpDAMr1hxnblp5a4vcHg==}
+
   buffer-xor@1.0.3:
     resolution: {integrity: sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==}
 
@@ -5179,6 +5765,14 @@ packages:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
 
+  c12@3.1.0:
+    resolution: {integrity: sha512-uWoS8OU1MEIsOv8p/5a82c3H31LsWVR5qiyXVfBNOzfffjUWtPnhAb4BYI2uG2HfGmZmFjCtui5XNWaps+iFuw==}
+    peerDependencies:
+      magicast: ^0.3.5
+    peerDependenciesMeta:
+      magicast:
+        optional: true
+
   cac@6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
@@ -5235,12 +5829,8 @@ packages:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
 
-  caniuse-lite@1.0.30001793:
-    resolution: {integrity: sha512-iwSsYWaCOoh26cV8NwNRViHlrfUvYsHDfRVcbtmw0Kg6PJIZZXwMkj1442FYLBGkeUf1juAsU3DTfxW579mrPA==}
-
-  canvas@2.11.2:
-    resolution: {integrity: sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==}
-    engines: {node: '>=6'}
+  caniuse-lite@1.0.30001797:
+    resolution: {integrity: sha512-l8xKG+gwAIExZGl9FrF7KUwuOmk6wbEPC9Xoy/RtnWv1XG0Q4LFlagaLpUv3Kiza3W/wm27zy0yWJEieYKAP6w==}
 
   canvg@3.0.11:
     resolution: {integrity: sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA==}
@@ -5314,14 +5904,16 @@ packages:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
-  ci-info@4.4.0:
-    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
-    engines: {node: '>=8'}
-
   cipher-base@1.0.7:
     resolution: {integrity: sha512-Mz9QMT5fJe7bKI7MH31UilT5cEK5EHHRCccw/YRFsRY47AuNgaV6HY3rscp0/I4Q+tTW/5zoqpSeRRI54TkDWA==}
     engines: {node: '>= 0.10'}
 
+  citty@0.1.6:
+    resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
+
+  citty@0.2.2:
+    resolution: {integrity: sha512-+6vJA3L98yv+IdfKGZHBNiGW5KHn22e/JwID0Strsz8h4S/csAu/OuICwxrg44k5MRiZHWIo8XXuJgQTriRP4w==}
+
   cjs-module-lexer@1.4.3:
     resolution: {integrity: sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==}
 
@@ -5362,6 +5954,9 @@ packages:
     resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
     engines: {node: '>= 12'}
 
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
   cliui@2.1.0:
     resolution: {integrity: sha512-GIOYRizG+TGoc7Wgc1LiOTLare95R3mzKgoln+Q/lE4ceiYH19gUpl0l0Ffq4lJDEf3FxujMe6IBfOCs7pfqNA==}
 
@@ -5394,8 +5989,8 @@ packages:
   cmdk@1.1.1:
     resolution: {integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^18 || ^19 || ^19.0.0-rc
 
   co@4.6.0:
     resolution: {integrity: sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==}
@@ -5500,6 +6095,9 @@ packages:
   concat-with-sourcemaps@1.1.0:
     resolution: {integrity: sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==}
 
+  confbox@0.2.4:
+    resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==}
+
   connect-history-api-fallback@1.6.0:
     resolution: {integrity: sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==}
     engines: {node: '>=0.8'}
@@ -5647,6 +6245,10 @@ packages:
   create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
 
+  cron@4.4.0:
+    resolution: {integrity: sha512-fkdfq+b+AHI4cKdhZlppHveI/mgz2qpiYxcm+t5E5TsxX7QrLS1VE0+7GENEk9z0EeGPcpSciGv6ez24duWhwQ==}
+    engines: {node: '>=18.x'}
+
   cross-spawn@5.1.0:
     resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
 
@@ -5743,6 +6345,9 @@ packages:
     resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
     engines: {node: '>=0.12'}
 
+  damerau-levenshtein@1.0.8:
+    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
+
   dargs@8.1.0:
     resolution: {integrity: sha512-wAV9QHOsNbwnWdNW2FYvE1P56wtgSbM+3SZcdGiWQILwVjACCXDCI3Ai8QlCjMDB8YK5zySiXZYBiwGmNY3lnw==}
     engines: {node: '>=12'}
@@ -5781,11 +6386,14 @@ packages:
   date-fns@3.6.0:
     resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
 
+  date-fns@4.4.0:
+    resolution: {integrity: sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==}
+
   date.js@0.3.3:
     resolution: {integrity: sha512-HgigOS3h3k6HnW011nAb43c5xx5rBXk8P2v/WIT9Zv4koIaVXiH2BURguI78VVp+5Qc076T7OR378JViCnZtBw==}
 
-  dayjs@1.11.20:
-    resolution: {integrity: sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==}
+  dayjs@1.11.21:
+    resolution: {integrity: sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==}
 
   debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
@@ -5834,10 +6442,6 @@ packages:
     resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
     engines: {node: '>=0.10'}
 
-  decompress-response@4.2.1:
-    resolution: {integrity: sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==}
-    engines: {node: '>=8'}
-
   dedent@1.7.2:
     resolution: {integrity: sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA==}
     peerDependencies:
@@ -5861,6 +6465,10 @@ packages:
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  deepmerge-ts@7.1.5:
+    resolution: {integrity: sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==}
+    engines: {node: '>=16.0.0'}
+
   deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
@@ -5904,6 +6512,9 @@ packages:
     resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
     engines: {node: '>=0.10.0'}
 
+  defu@6.1.7:
+    resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
+
   degenerator@5.0.1:
     resolution: {integrity: sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==}
     engines: {node: '>= 14'}
@@ -6023,8 +6634,12 @@ packages:
     resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
     engines: {node: '>= 4'}
 
-  dompurify@3.4.5:
-    resolution: {integrity: sha512-OrwIBKsdNSVEeubdJ1HBv/wNENRM9ytAVCv7YXt//A3vPdVMNuACRqK9mXCGCBW2ln7BT/A4X0jXHo2Gu89miA==}
+  dommatrix@1.0.3:
+    resolution: {integrity: sha512-l32Xp/TLgWb8ReqbVJAFIvXmY7go4nTxxlWiAFyhoQw9RKEOHBZNnyGvJWqDVSPmq3Y9HlM4npqF/T6VMOXhww==}
+    deprecated: dommatrix is no longer maintained. Please use @thednp/dommatrix.
+
+  dompurify@3.4.8:
+    resolution: {integrity: sha512-yb1cEmaOum7wFvOCSQxyfgVlv5D47Rc30iZWoMpbDIWTnJ6grDDQyu2KFJzB2k7u0pMuJcQ1zphH//fFnw2tjQ==}
 
   domutils@3.2.2:
     resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
@@ -6078,8 +6693,11 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.361:
-    resolution: {integrity: sha512-Q6Hts7N9FnJc5LeGRINFvLhCI9xZmNtTDe5ZbcVezQz7cU4a8Aua3GH1b8J2XY8Al9PF+OCwYqhgsOOheMdvkA==}
+  effect@3.21.0:
+    resolution: {integrity: sha512-PPN80qRokCd1f015IANNhrwOnLO7GrrMQfk4/lnZRE/8j7UPWrNNjPV0uBrZutI/nHzernbW+J0hdqQysHiSnQ==}
+
+  electron-to-chromium@1.5.368:
+    resolution: {integrity: sha512-7RckJJK4uESJF9PxvfMWd3TGqIiieUTG4HxnKaKuIpGbcr+r2ZEB3g2gAhCP3Fqm42vJSzLfgab9eva/C4/XVw==}
 
   elliptic@6.6.1:
     resolution: {integrity: sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==}
@@ -6104,6 +6722,10 @@ packages:
     resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
     engines: {node: '>= 4'}
 
+  empathic@2.0.0:
+    resolution: {integrity: sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==}
+    engines: {node: '>=14'}
+
   encodeurl@2.0.0:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
@@ -6122,8 +6744,8 @@ packages:
     resolution: {integrity: sha512-ZaAux1rigq1e2nQrztHn4h2ugvpzZxs64qneNah+8Mh/K0CRqJFJc+UoXnUsq+1yX+DmQFPPdVqboKAJ89e0Iw==}
     engines: {node: '>=4.3.0 <5.0.0 || >=5.10'}
 
-  enhanced-resolve@5.22.0:
-    resolution: {integrity: sha512-xYcDWrpELkFzz9SpZ3PlI6Eu6eD93Yf0WLDRxikGhWJ3MAir2SNZTIVCVZqZ/NUyx8AdMc2gT9C0gPiw18kG+A==}
+  enhanced-resolve@5.23.0:
+    resolution: {integrity: sha512-yJN/BOOLxcOW2aQgeif9mSnaUB8KtvmMMp56oA1kx1CRfBKbhZm2pJ+NBY+3eOboHxix8lfjWpHE0Ei5U8RbSA==}
     engines: {node: '>=10.13.0'}
 
   enquirer@2.4.1:
@@ -6209,8 +6831,8 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
-  es-toolkit@1.46.1:
-    resolution: {integrity: sha512-5eNtXOs3tbfxXOj04tjjseeWkRWaoCjdEI+96DgwzZoe6c9juL49pXlzAFTI72aWC9Y8p7168g6XIKjh7k6pyQ==}
+  es-toolkit@1.47.0:
+    resolution: {integrity: sha512-n1GuoD0WEQZMBk5tttoZSqwgyLx01oqa5XsBmCHwPyNe1S9jPBEmtR2pSgp2kJuWE3ciFZ6yRHmY4pM4C3OOkw==}
 
   es5-ext@0.10.64:
     resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
@@ -6262,6 +6884,15 @@ packages:
     resolution: {integrity: sha512-75IUQsusDdalQEW/G/2esa87J7raqdJF+Ca0/Xm5C3Q58Nr4yVYjZGp/P1+2xiEVgXRrA39dpRb8LcshajbqDQ==}
     engines: {node: '>=0.4.0'}
 
+  eslint-config-next@14.2.35:
+    resolution: {integrity: sha512-BpLsv01UisH193WyT/1lpHqq5iJ/Orfz9h/NOOlAmTUq4GY349PextQ62K4XpnaM9supeiEn3TaOTeQO07gURg==}
+    peerDependencies:
+      eslint: ^7.23.0 || ^8.0.0
+      typescript: '>=3.3.1'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   eslint-config-prettier@9.1.2:
     resolution: {integrity: sha512-iI1f+D2ViGn+uvv5HuHVUamg8ll4tN+JRHGc6IJi4TP9Kl976C57fzPXgseXNs8v0iA8aSJpHsTWjDb9QJamGQ==}
     hasBin: true
@@ -6271,8 +6902,21 @@ packages:
   eslint-import-resolver-node@0.3.10:
     resolution: {integrity: sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==}
 
-  eslint-module-utils@2.12.1:
-    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
+  eslint-import-resolver-typescript@3.10.1:
+    resolution: {integrity: sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+      eslint-plugin-import-x: '*'
+    peerDependenciesMeta:
+      eslint-plugin-import:
+        optional: true
+      eslint-plugin-import-x:
+        optional: true
+
+  eslint-module-utils@2.13.0:
+    resolution: {integrity: sha512-bLohSkT6469rRs8czj0tLTD8vaeIS/whvPRJVjDr7IuoTT1k5DYDERlNycjDj/HkOlvQdYurmfZ/g3fG5bgeLQ==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -6302,6 +6946,12 @@ packages:
       '@typescript-eslint/parser':
         optional: true
 
+  eslint-plugin-jsx-a11y@6.10.2:
+    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
+
   eslint-plugin-react-hooks@4.6.2:
     resolution: {integrity: sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==}
     engines: {node: '>=10'}
@@ -6398,6 +7048,9 @@ packages:
     resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
     engines: {node: '>=6'}
 
+  eventemitter2@6.4.9:
+    resolution: {integrity: sha512-JEPTiaOt9f04oa6NOkc4aH+nVp5I3wEjpHbIPqfgCdD5v5bUzy7xQqwcVO2aDQgOWhI28da57HksMrzK9HlRxg==}
+
   eventemitter3@4.0.7:
     resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
 
@@ -6411,8 +7064,8 @@ packages:
     resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
     engines: {node: '>=0.8.x'}
 
-  eventsource-parser@3.0.8:
-    resolution: {integrity: sha512-70QWGkr4snxr0OXLRWsFLeRBIRPuQOvt4s8QYjmUlmlkyTZkRqS7EDVRZtzU3TiyDbXSzaOeF0XUKy8PchzukQ==}
+  eventsource-parser@3.1.0:
+    resolution: {integrity: sha512-kJezFj9YFAMLeORyi7aCLxLbD5/qWMQnoMVlVPyHIll7lgRJCc3JVln9Vgl9nwQi0YkMnhdGTMNn7CkRRAptMg==}
     engines: {node: '>=18.0.0'}
 
   eventsource@0.1.6:
@@ -6476,6 +7129,9 @@ packages:
     resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
     engines: {node: '>= 18'}
 
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
   ext@1.7.0:
     resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
 
@@ -6511,6 +7167,10 @@ packages:
     resolution: {integrity: sha512-lxEuefF5MBIVDmE6XeqCdM4BWk1+vYmGZtkbKZ/VFcg6uBBw6fXNEbWmxCjDdQlFc9hy450nkiWwM3VAW6G1qg==}
     engines: {node: '>=0.10.0'}
 
+  fast-check@3.23.2:
+    resolution: {integrity: sha512-h5+1OzzfCC3Ef7VbtKdcv7zsstUQwUDlYpUTvjeUsJAssPgLn7QzbboPtL5ro04Mq0rPOsMzl7q5hIbRs2wD1A==}
+    engines: {node: '>=8.0.0'}
+
   fast-csv@4.3.6:
     resolution: {integrity: sha512-2RNSpuwwsJGP0frGsOmTb9oUF+VkFSM4SyLTDgwf2ciHWTarN0lQTC+F2f/t5J9QjW+c65VFIAAu85GsvMIusw==}
     engines: {node: '>=10.0.0'}
@@ -6747,8 +7407,8 @@ packages:
     resolution: {integrity: sha512-uaBd3qC1v3KQqBEjwTUd183K6PbS+j0yR9w9VmEOLWA/tnUcSn8Xa3uck7t4dgpDoUss8xQTcj8W2L07lrnLFg==}
     peerDependencies:
       '@emotion/is-prop-valid': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@emotion/is-prop-valid':
         optional: true
@@ -6895,6 +7555,9 @@ packages:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
 
+  get-tsconfig@4.14.0:
+    resolution: {integrity: sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==}
+
   get-uri@6.0.5:
     resolution: {integrity: sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg==}
     engines: {node: '>= 14'}
@@ -6906,6 +7569,10 @@ packages:
   getpass@0.1.7:
     resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
 
+  giget@2.0.0:
+    resolution: {integrity: sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==}
+    hasBin: true
+
   git-raw-commits@4.0.0:
     resolution: {integrity: sha512-ICsMM1Wk8xSGMowkOmPrzo2Fgmfo4bMHLNX6ytHjajRJUqvHOw/TFapQ+QG75c3X/tTDDhOSRPGC52dDbNM8FQ==}
     engines: {node: '>=16'}
@@ -6926,6 +7593,12 @@ packages:
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
+  glob@10.3.10:
+    resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
+    hasBin: true
+
   glob@10.5.0:
     resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
     deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
@@ -6970,8 +7643,8 @@ packages:
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
-  graphql@16.14.0:
-    resolution: {integrity: sha512-BBvQ/406p+4CZbTpCbVPSxfzrZrbnuWSP1ELYgyS6B+hNeKzgrdB4JczCa5VZUBQrDa9hUngm0KnexY6pJRN5Q==}
+  graphql@16.14.1:
+    resolution: {integrity: sha512-cQOsSMS/IrDz82PVyRDvf/Q1F/bRbBVjJlh+xYOkI1qw2bWRvWGiWc+m2O0d6l4Bt1fyY+8kzJ8JFWGJqNeDBg==}
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
 
   gulp-header@1.8.12:
@@ -7068,8 +7741,8 @@ packages:
   hash.js@1.1.7:
     resolution: {integrity: sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==}
 
-  hasown@2.0.3:
-    resolution: {integrity: sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==}
+  hasown@2.0.4:
+    resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
     engines: {node: '>= 0.4'}
 
   he@1.2.0:
@@ -7101,8 +7774,8 @@ packages:
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
-  hono@4.12.22:
-    resolution: {integrity: sha512-7fvVPbB92zNRsQke+uiRGwtTuef0tB2Dg4hWxYfFNvkQhIltWoyi0ONReM5LWA+jJWS3nfT5lTq+qbsIpX0IQw==}
+  hono@4.12.23:
+    resolution: {integrity: sha512-eIaZ9qDgu7XV0pxOCrg7/WhnQ6Ivm22UcxhXx/A3dcbqbbYgBEkc6e/J/s7j2tS96zoB0S9VBdLwQNCWwUo4LA==}
     engines: {node: '>=16.9.0'}
 
   hosted-git-info@2.8.9:
@@ -7222,8 +7895,8 @@ packages:
     resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
     engines: {node: '>=0.10.0'}
 
-  idb-keyval@6.2.4:
-    resolution: {integrity: sha512-D/NzHWUmYJGXi++z67aMSrnisb9A3621CyRK5G89JyTlN13C8xf0g04DLxUKMufPem3e3L2JAXR6Z00OWy183Q==}
+  idb-keyval@6.2.5:
+    resolution: {integrity: sha512-eKQkTnS0relYsSOYomx8ozIbmdsQCKUdhyuIaQ2DZgKuaxtyQQMkyD/wlnQN32pO3yutN1b1L8uqwcDKaJd7/Q==}
 
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
@@ -7365,6 +8038,9 @@ packages:
   is-buffer@1.1.6:
     resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
 
+  is-bun-module@2.0.0:
+    resolution: {integrity: sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==}
+
   is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
@@ -7711,6 +8387,10 @@ packages:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
 
+  jackspeak@2.3.6:
+    resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
+    engines: {node: '>=14'}
+
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
@@ -7771,10 +8451,6 @@ packages:
     resolution: {integrity: sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-haste-map@30.4.1:
-    resolution: {integrity: sha512-rFrcONd8jeFsyw+Z9CrScJgglRf2+NFmNam8dKu7n+SoHqNYT47mn0DdEcVUZJpvh7Iz6/si7f7yUH7GJHVgnw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-leak-detector@29.7.0:
     resolution: {integrity: sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -7804,10 +8480,6 @@ packages:
     resolution: {integrity: sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-regex-util@30.4.0:
-    resolution: {integrity: sha512-mWlvLviKIgIQ8VCuM1xRdD0TWp3zlzionlmDBjuXVBs+VkmXq6FgW9T4Emr7oGz/Rk6feDCGyiugolcQEyp3mg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-resolve-dependencies@29.7.0:
     resolution: {integrity: sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -7832,10 +8504,6 @@ packages:
     resolution: {integrity: sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-util@30.4.1:
-    resolution: {integrity: sha512-vjQb1sACEiv13DKJMDToJpzVW0joCsIQrmbg0fi7CyOOt+g9jTuQl2A216pWRBYhOVt53XbL/2LbMKg1BECWOw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest-validate@29.7.0:
     resolution: {integrity: sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -7852,10 +8520,6 @@ packages:
     resolution: {integrity: sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-worker@30.4.1:
-    resolution: {integrity: sha512-SHynN/q/QD++iNyvMdy+WMmbCGk8jIsNcRxycXbWubSOhvo6T+j2afcfUSl+3hYsiBebOTo0cT7c2H7CXugu1g==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
   jest@29.7.0:
     resolution: {integrity: sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -7891,9 +8555,8 @@ packages:
   jquery@3.7.1:
     resolution: {integrity: sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==}
 
-  js-cookie@3.0.7:
-    resolution: {integrity: sha512-z/wZZgDrkNV1eA0ULjM/F9/50Ya8fbzgKneSpoPsXSGd0KnpdtHfOZWK+GcwLk+EZbS4F9RBhU+K2RgzuDaItw==}
-    engines: {node: '>=20'}
+  js-cookie@3.0.8:
+    resolution: {integrity: sha512-yeJd4aNAdYZQjaon2bpD/Gb0B/omw7HQOsynXXcOiWVCacbBcPlgn8S/d1X6blFSaHao7ozqtW7NZW19xpCtIw==}
 
   js-md5@0.8.3:
     resolution: {integrity: sha512-qR0HB5uP6wCuRMrWPTrkMaev7MJZwJuuw4fnwAzRgP4J4/F8RwtodOKpGp4XpqsLBFzzgqIO42efFAyz2Et6KQ==}
@@ -7905,10 +8568,18 @@ packages:
     resolution: {integrity: sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==}
     hasBin: true
 
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
   js-yaml@4.1.1:
     resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
     hasBin: true
 
+  js-yaml@4.2.0:
+    resolution: {integrity: sha512-ePWsvanv0DWuDRsW8dnt+R4jQ31SCRCQ7hhNcPXZPsoBZiemuZNYGf7adZdqX2D86j6rvKp3RpCxVTSb8WQlOw==}
+    hasBin: true
+
   jsbn@0.1.1:
     resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
 
@@ -7982,6 +8653,10 @@ packages:
     resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
     engines: {'0': node >= 0.2.0}
 
+  jsonwebtoken@9.0.2:
+    resolution: {integrity: sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==}
+    engines: {node: '>=12', npm: '>=6'}
+
   jsonwebtoken@9.0.3:
     resolution: {integrity: sha512-MT/xP0CrubFRNLNKvxJ2BYfy53Zkm++5bX9dtuPbqAeQpTVe0MQTFhao8+Cp//EmJp244xt6Drw/GVEGCUj40g==}
     engines: {node: '>=12', npm: '>=6'}
@@ -8000,9 +8675,15 @@ packages:
   jszip@3.10.1:
     resolution: {integrity: sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==}
 
+  jwa@1.4.2:
+    resolution: {integrity: sha512-eeH5JO+21J78qMvTIDdBXidBd6nG2kZjg5Ohz/1fpa28Z4CcsWUzJ1ZZyFq/3z3N17aZy+ZuBoHljASbL1WfOw==}
+
   jwa@2.0.1:
     resolution: {integrity: sha512-hRF04fqJIP8Abbkq5NKGN0Bbr3JxlQ+qhZufXVr0DvujKy93ZCbXZMHDL4EOtodSbCWxOqR8MS1tXA5hwqCXDg==}
 
+  jws@3.2.3:
+    resolution: {integrity: sha512-byiJ0FLRdLdSVSReO/U4E7RoEyOCKnEnEPMjq3HxWtvzLsV08/i5RQKsFVNkCldrCaPr2vDNAOMsfs8T/Hze7g==}
+
   jws@4.0.1:
     resolution: {integrity: sha512-EKI/M/yqPncGUUh44xz0PxSidXFr/+r0pA70+gIYhjv+et7yxM+s29Y+VGDkovRofQem0fs7Uvf4+YmAdyRduA==}
 
@@ -8039,6 +8720,13 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  language-subtag-registry@0.3.23:
+    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
+
+  language-tags@1.0.9:
+    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
+    engines: {node: '>=0.10'}
+
   lazy-cache@1.0.4:
     resolution: {integrity: sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==}
     engines: {node: '>=0.10.0'}
@@ -8063,8 +8751,8 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
-  libphonenumber-js@1.13.3:
-    resolution: {integrity: sha512-xMkdAMqcyG7iN2WZZmGIfWbYxW4orRkny+0/AXIbwL0xll2zkDX0Vzo/BXFa6+7mh2UvJl9MbcTtHk0YXkFtBA==}
+  libphonenumber-js@1.13.6:
+    resolution: {integrity: sha512-NdB6O6QvlGMCoG003m0YIKG2+Xw7DjmCZhmc1RH+K6HncADUbRf8TZeLegxBBN1VFyPHcNpPTKpIhYLXzJVy1Q==}
 
   libreoffice-convert@1.8.1:
     resolution: {integrity: sha512-iZ1DD/EMTlPvol8G++QQ/0w4pVecSwRuhMLXRm7nRim/gcaSscSXuTO9Tgbkieyw5UdJg7UXD+lkFT8SCi51Dw==}
@@ -8108,24 +8796,28 @@ packages:
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   lightningcss-linux-arm64-musl@1.32.0:
     resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   lightningcss-linux-x64-gnu@1.32.0:
     resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   lightningcss-linux-x64-musl@1.32.0:
     resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   lightningcss-win32-arm64-msvc@1.32.0:
     resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
@@ -8168,6 +8860,11 @@ packages:
     resolution: {integrity: sha512-LWzX2KsqcB1wqQ4AHgYb4RsDXauQiqhjLk+6hjbaeHG4zpjjVAB6wC/gz6X0l+Du1cN3pUB5ZlrvTbhGSNnUQQ==}
     engines: {node: '>=18.0.0'}
 
+  little-state-machine@4.8.1:
+    resolution: {integrity: sha512-liPHqaWMQ7rzZryQUDnbZ1Gclnnai3dIyaJ0nAgwZRXMzqbYrydrlCI0NDojRUbE5VYh5vu6hygEUZiH77nQkQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18 || ^19
+
   load-esm@1.0.3:
     resolution: {integrity: sha512-v5xlu8eHD1+6r8EHTg6hfmO97LN8ugKtiXcy5e6oN72iD2r6u0RPfLl6fxM+7Wnh2ZRq15o0russMst44WauPA==}
     engines: {node: '>=13.2.0'}
@@ -8305,6 +9002,9 @@ packages:
   lodash.upperfirst@4.3.1:
     resolution: {integrity: sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==}
 
+  lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
   lodash@4.18.1:
     resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
 
@@ -8360,8 +9060,8 @@ packages:
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
-  lru-cache@11.5.0:
-    resolution: {integrity: sha512-5YgH9UJd7wVb9hIouI2adWpgqrrICkt070Dnj8EUY1+B4B2P9eRLPAkAAo6NICA7CEhOIeBHl46u9zSNpNu7zA==}
+  lru-cache@11.5.1:
+    resolution: {integrity: sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==}
     engines: {node: 20 || >=22}
 
   lru-cache@4.1.5:
@@ -8374,15 +9074,24 @@ packages:
     resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
     engines: {node: '>=12'}
 
+  lucide-react@0.446.0:
+    resolution: {integrity: sha512-BU7gy8MfBMqvEdDPH79VhOXSEgyG8TSPOKWaExWGCQVqnGH7wGgDngPbofu+KdtVjPQBWbEmnfMTq90CTiiDRg==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
+
   lucide-react@0.513.0:
     resolution: {integrity: sha512-CJZKq2g8Y8yN4Aq002GahSXbG2JpFv9kXwyiOAMvUBv7pxeOFHUWKB0mO7MiY4ZVFCV4aNjv2BJFq/z3DgKPQg==}
     peerDependencies:
-      react: 19.2.6
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  lucide-react@1.16.0:
-    resolution: {integrity: sha512-dYwyPzb4MEKpGUmNYk3WKWPnMrHs3FKM+q94kAnJrcDIqqn1hq2xY8scaS2ovsOCM5D51ey2gaRG3PBb1vgoYQ==}
+  lucide-react@1.17.0:
+    resolution: {integrity: sha512-9FA9evdox/JQL5PT57fdA1x/yg8T7knJ98+zjTL3UfKza6pflQUUh3XtaQIHKvnsJw1lmsEyHVlt5jchYxOQ5w==}
     peerDependencies:
-      react: 19.2.6
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  luxon@3.7.2:
+    resolution: {integrity: sha512-vtEhXh/gNjI9Yg1u4jX/0YVPMvxzHuGgCm6tC5kZyb08yjGWGnqAjGJvcXbqQR2P3MyMEFnRbpcdFS6PBcLqew==}
+    engines: {node: '>=12'}
 
   magic-string@0.30.17:
     resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
@@ -8545,10 +9254,6 @@ packages:
     resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
     engines: {node: '>=18'}
 
-  mimic-response@2.1.0:
-    resolution: {integrity: sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==}
-    engines: {node: '>=8'}
-
   minimalistic-assert@1.0.1:
     resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==}
 
@@ -8654,9 +9359,9 @@ packages:
       '@mui/icons-material': ^5.11.16
       '@mui/material': ^5.13.3
       '@mui/x-date-pickers': ^6.7.0
-      date-fns: ^3.6.0
-      react: 19.2.6
-      react-dom: 19.2.6
+      date-fns: ^2.30.0
+      react: ^18.2.0
+      react-dom: ^18.2.0
 
   multer@2.1.1:
     resolution: {integrity: sha512-mo+QTzKlx8R7E5ylSXxWzGoXoZbOsRMpyitcht8By2KHvMbf3tjwosZ/Mu/XYU6UuJ3VZnODIrak5ZrPiPyB6A==}
@@ -8692,6 +9397,11 @@ packages:
     resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
     engines: {node: '>=0.10.0'}
 
+  napi-postinstall@0.3.4:
+    resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    hasBin: true
+
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
@@ -8723,18 +9433,39 @@ packages:
   next-themes@0.4.6:
     resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
   next-tick@1.1.0:
     resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
 
+  next@14.2.35:
+    resolution: {integrity: sha512-KhYd2Hjt/O1/1aZVX3dCwGXM1QmOV4eNM2UTacK5gipDdPN/oHHK/4oVGy7X8GMfPMsUTUEmGlsy0EY1YGAkig==}
+    engines: {node: '>=18.17.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      '@playwright/test': ^1.41.2
+      react: ^18.2.0
+      react-dom: ^18.2.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@playwright/test':
+        optional: true
+      sass:
+        optional: true
+
   no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
 
   node-abort-controller@3.1.1:
     resolution: {integrity: sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==}
 
+  node-addon-api@5.1.0:
+    resolution: {integrity: sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA==}
+
   node-addon-api@7.1.1:
     resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
 
@@ -8754,6 +9485,9 @@ packages:
     resolution: {integrity: sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==}
     engines: {node: '>= 0.4'}
 
+  node-fetch-native@1.6.7:
+    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
+
   node-fetch@2.7.0:
     resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
     engines: {node: 4.x || >=6.0.0}
@@ -8784,8 +9518,8 @@ packages:
   node-libs-browser@2.2.1:
     resolution: {integrity: sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==}
 
-  node-releases@2.0.46:
-    resolution: {integrity: sha512-GYVXHE2KnrzAfsAjl4uP++evGFCrAU1jta4ubEjIG7YWt/64Gqv66a30yKwWczVjA6j3bM4nBwH7Pk1JmDHaxQ==}
+  node-releases@2.0.47:
+    resolution: {integrity: sha512-Uzmd6LXpouKo8EUK68IjH4+E01w/hXyV3R3g/geCJo+rXLNfh1xucB+LOzYEOQPSiUK3h/xZf0cQGcSsmyL2Og==}
     engines: {node: '>=18'}
 
   nopt@5.0.0:
@@ -8834,8 +9568,13 @@ packages:
     resolution: {integrity: sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==}
     engines: {node: '>=0.10.0'}
 
-  nwsapi@2.2.23:
-    resolution: {integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==}
+  nwsapi@2.2.24:
+    resolution: {integrity: sha512-7YRhZ3jS45LwmSCT4b2sVFHt/WuovaktDU07QrtOBY2PXskss5a9jfmR9jptyumwXST+rFjrmppMY1KT/yn35A==}
+
+  nypm@0.6.6:
+    resolution: {integrity: sha512-vRyr0r4cbBapw07Xw8xrj9Teq3o7MUD35rSaTcanDbW+aK2XHDgJFiU6ZTj2GBw7Q12ysdsyFss+Vdz4hQ0Y6Q==}
+    engines: {node: '>=18'}
+    hasBin: true
 
   oauth-sign@0.9.0:
     resolution: {integrity: sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==}
@@ -8899,6 +9638,9 @@ packages:
   obuf@1.1.2:
     resolution: {integrity: sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==}
 
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
   on-finished@2.4.1:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
     engines: {node: '>= 0.8'}
@@ -9144,6 +9886,9 @@ packages:
   path-to-regexp@0.1.13:
     resolution: {integrity: sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==}
 
+  path-to-regexp@3.3.0:
+    resolution: {integrity: sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==}
+
   path-to-regexp@6.3.0:
     resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
 
@@ -9162,16 +9907,15 @@ packages:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
 
-  path2d-polyfill@2.0.1:
-    resolution: {integrity: sha512-ad/3bsalbbWhmBo0D6FZ4RNMwsLsPpL6gnvhuSaU5Vm7b06Kr5ubSltQQ0T7YKsiJQO+g22zJ4dJKNTXIyOXtA==}
-    engines: {node: '>=8'}
-
   path@0.12.7:
     resolution: {integrity: sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==}
 
   pathe@1.1.2:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
 
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
   pathval@2.0.1:
     resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
     engines: {node: '>= 14.16'}
@@ -9183,9 +9927,17 @@ packages:
     resolution: {integrity: sha512-BT6eelPB1EyGHo8pC0o9Bl6k6SYVhKO1jEbd3lcTrtr7XHdjP8BW1YpfCV3G9Kwkxgattk+S5q2/RvuttCsS1g==}
     engines: {node: '>= 0.10'}
 
-  pdfjs-dist@3.11.174:
-    resolution: {integrity: sha512-TdTZPf1trZ8/UFu5Cx/GXB7GZM30LT+wWUNfsi6Bq8ePLnb+woNKtDymI2mxZYBpMbonNFqKmiz684DIfnd8dA==}
-    engines: {node: '>=18'}
+  pdfjs-dist@2.16.105:
+    resolution: {integrity: sha512-J4dn41spsAwUxCpEoVf6GVoz908IAA3mYiLmNxg8J9kfRXc2jxpbUepcP0ocp0alVNLFthTAM8DZ1RaHh8sU0A==}
+    peerDependencies:
+      worker-loader: ^3.0.8
+    peerDependenciesMeta:
+      worker-loader:
+        optional: true
+
+  pdfjs-dist@5.4.296:
+    resolution: {integrity: sha512-DlOzet0HO7OEnmUmB6wWGJrrdvbyJKftI1bhMitK7O2N8W2gc757yyYBbINy9IDafXAV9wmKr9t7xsTaNKRG5Q==}
+    engines: {node: '>=20.16.0 || >=22.3.0'}
 
   peek-readable@5.4.2:
     resolution: {integrity: sha512-peBp3qZyuS6cNIJ2akRNG1uo1WJ1d0wTxg/fxMdZ0BqCVhx242bSFHM9eNqflfJVS9SsgkzgT/1UgnsurBOTMg==}
@@ -9194,6 +9946,9 @@ packages:
   pend@1.2.0:
     resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
 
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
   perfect-freehand@1.2.3:
     resolution: {integrity: sha512-bHZSfqDHGNlPpgH2yxXgPHlQSPpEbo+qg7li0M78J9vNAi2yjwLeA4x79BEQhX44lEWpCLSFCeRZwpw0niiXPA==}
 
@@ -9282,6 +10037,9 @@ packages:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
     engines: {node: '>=8'}
 
+  pkg-types@2.3.1:
+    resolution: {integrity: sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==}
+
   pkginfo@0.4.1:
     resolution: {integrity: sha512-8xCNE/aT/EXKenuMDZ+xTVwkT8gsoHN2z/Q29l80u0ppGEXVvsKRzNMbtKhg8LS8k1tJLAHHylf6p4VFmP6XUQ==}
     engines: {node: '>= 0.4.0'}
@@ -9360,6 +10118,10 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
+  postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
   postcss@8.5.15:
     resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
     engines: {node: ^10 || ^12 || >=14}
@@ -9401,6 +10163,16 @@ packages:
     resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
     engines: {node: '>=18'}
 
+  prisma@6.19.3:
+    resolution: {integrity: sha512-++ZJ0ijLrDJF6hNB4t4uxg2br3fC4H9Yc9tcbjr2fcNFP3rh/SBNrAgjhsqBU4Ght8JPrVofG/ZkXfnSfnYsFg==}
+    engines: {node: '>=18.18'}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.1.0'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -9437,6 +10209,9 @@ packages:
   prosemirror-history@1.5.0:
     resolution: {integrity: sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==}
 
+  prosemirror-inputrules@1.5.1:
+    resolution: {integrity: sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==}
+
   prosemirror-keymap@1.2.3:
     resolution: {integrity: sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==}
 
@@ -9513,6 +10288,11 @@ packages:
   pure-rand@6.1.0:
     resolution: {integrity: sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==}
 
+  qrcode.react@3.2.0:
+    resolution: {integrity: sha512-YietHHltOHA4+l5na1srdaMx4sVSOjV9tamHs+mwiLWAMr6QVACRUw1Neax5CptFILcNoITctJY0Ipyn5enQ8g==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+
   qrcode@1.5.4:
     resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
     engines: {node: '>=10.13.0'}
@@ -9543,13 +10323,13 @@ packages:
   queue@6.0.2:
     resolution: {integrity: sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==}
 
-  radix-ui@1.4.3:
-    resolution: {integrity: sha512-aWizCQiyeAenIdUbqEpXgRA1ya65P13NKn/W8rWkcN0OPkRDxdBVLWnIEDsS2RpwCK2nobI7oMUSmexzTDyAmA==}
+  radix-ui@1.5.0:
+    resolution: {integrity: sha512-Nzh2HNpClgB31FBHRqt2xG8XNUfVfQRpf34hACC5PNrXTd5JdXdqOXwLs3BL+D8CNYiNQiJiT8QGr5Q4vq+00w==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -9583,58 +10363,71 @@ packages:
     resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
     engines: {node: '>= 0.10'}
 
+  rc9@2.1.2:
+    resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==}
+
   react-cookie@8.1.2:
     resolution: {integrity: sha512-S45Z1y1dHyYfLEI4bFKQICuP+SwJqTPWbdc2ZpE6aQSdjSVJAjUDfwTPq8B7BWieIsgyyEWMb/QOrudtwJMjXA==}
     peerDependencies:
-      react: 19.2.6
+      react: '>= 16.3.0'
 
   react-datepicker@8.10.0:
     resolution: {integrity: sha512-JIXuA+g+qP3c4MVJpx24o7n1gnv3WV/8A/D6964HucY1FlSEc30+ITPNUfbKZXYHl5rruCtxYCwi2lzn7gaz7g==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.9.0 || ^17 || ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^16.9.0 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
   react-day-picker@9.14.0:
     resolution: {integrity: sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA==}
     engines: {node: '>=18'}
     peerDependencies:
-      react: 19.2.6
+      react: '>=16.8.0'
+
+  react-dom@16.14.0:
+    resolution: {integrity: sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==}
+    peerDependencies:
+      react: ^16.14.0
+
+  react-dom@18.3.1:
+    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+    peerDependencies:
+      react: ^18.3.1
 
   react-dom@19.2.6:
     resolution: {integrity: sha512-0prMI+hvBbPjsWnxDLxlCGyM8PN6UuWjEUCYmZhO67xIV9Xasa/r/vDnq+Xyq4Lo27g8QSbO5YzARu0D1Sps3g==}
     peerDependencies:
-      react: 19.2.6
+      react: ^19.2.6
 
   react-dropzone@14.4.1:
     resolution: {integrity: sha512-QDuV76v3uKbHiH34SpwifZ+gOLi1+RdsCO1kl5vxMT4wW8R82+sthjvBw4th3NHF/XX6FBsqDYZVNN+pnhaw0g==}
     engines: {node: '>= 10.13'}
     peerDependencies:
-      react: 19.2.6
+      react: '>= 16.8 || 18.0.0'
 
   react-floater@0.7.9:
     resolution: {integrity: sha512-NXqyp9o8FAXOATOEo0ZpyaQ2KPb4cmPMXGWkx377QtJkIXHlHRAGer7ai0r0C1kG5gf+KJ6Gy+gdNIiosvSicg==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: 15 - 18
+      react-dom: 15 - 18
 
-  react-hook-form@7.76.0:
-    resolution: {integrity: sha512-eKtLGgFeSgkHqQD8J59AMZ9a4uD1D83iSIzt4YlTGD7liDen5rrjcUO1rVIGd9yC1gofryjtHbv+4ny4hkLWlw==}
+  react-hook-form@7.77.0:
+    resolution: {integrity: sha512-Sslh9YDYc0GDlWT/lxasnIduNo4v3yyvqRGvmGKUre5AFjDs/HV9/OafHGD8d+sB2yoL4UIL9L8X9i0WlZZebg==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
-      react: 19.2.6
+      react: ^16.8.0 || ^17 || ^18 || ^19
 
   react-hot-toast@2.6.0:
     resolution: {integrity: sha512-bH+2EBMZ4sdyou/DPrfgIouFpcRLCJ+HoCA32UoAYHn6T3Ur5yfcDCeSr5mwldl6pFOsiocmrXMuoCJ1vV8bWg==}
     engines: {node: '>=10'}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16'
+      react-dom: '>=16'
 
   react-i18next@15.7.4:
     resolution: {integrity: sha512-nyU8iKNrI5uDJch0z9+Y5XEr34b0wkyYj3Rp+tfbahxtlswxSCjcUL9H0nqXo9IR3/t5Y5PKIA3fx3MfUyR9Xw==}
     peerDependencies:
       i18next: '>= 23.4.0'
-      react: 19.2.6
+      react: '>= 16.8.0'
       react-dom: '*'
       react-native: '*'
       typescript: ^5
@@ -9649,24 +10442,24 @@ packages:
   react-icons@5.6.0:
     resolution: {integrity: sha512-RH93p5ki6LfOiIt0UtDyNg/cee+HLVR6cHHtW3wALfo+eOHTp8RnU2kRkI6E+H19zMIs03DyxUG/GfZMOGvmiA==}
     peerDependencies:
-      react: 19.2.6
+      react: '*'
 
   react-image-crop@11.0.10:
     resolution: {integrity: sha512-+5FfDXUgYLLqBh1Y/uQhIycpHCbXkI50a+nbfkB1C0xXXUTwkisHDo2QCB1SQJyHCqIuia4FeyReqXuMDKWQTQ==}
     peerDependencies:
-      react: 19.2.6
+      react: '>=16.13.1'
 
   react-innertext@1.1.5:
     resolution: {integrity: sha512-PWAqdqhxhHIv80dT9znP2KvS+hfkbRovFp4zFYHFFlOoQLRiawIic81gKb3U1wEyJZgMwgs3JoLtwryASRWP3Q==}
     peerDependencies:
       '@types/react': '>=0.0.0 <=99'
-      react: 19.2.6
+      react: '>=0.0.0 <=99'
 
   react-intersection-observer@9.16.0:
     resolution: {integrity: sha512-w9nJSEp+DrW9KmQmeWHQyfaP6b03v+TdXynaoA964Wxt7mdR3An11z4NNCQgL4gKSK7y1ver2Fq+JKH6CWEzUA==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       react-dom:
         optional: true
@@ -9677,27 +10470,27 @@ packages:
   react-is@18.3.1:
     resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
 
-  react-is@19.2.6:
-    resolution: {integrity: sha512-XjBR15BhXuylgWGuslhDKqlSayuqvqBX91BP8pauG8kd1zY8kotkNWbXksTCNRarse4kuGbe2kIY05ARtwNIvw==}
+  react-is@19.2.7:
+    resolution: {integrity: sha512-kZFnouyVv7eP/Phmrlo9FK+zcAdriZJvzxXHF1Sl1P377WSGe2G/JxVolhTrB/jeV47lKImhNUsijjHAAbcl/A==}
 
   react-joyride@2.9.3:
     resolution: {integrity: sha512-1+Mg34XK5zaqJ63eeBhqdbk7dlGCFp36FXwsEvgpjqrtyywX2C6h9vr3jgxP0bGHCw8Ilsp/nRDzNVq6HJ3rNw==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: 15 - 18
+      react-dom: 15 - 18
 
   react-number-format@5.4.5:
     resolution: {integrity: sha512-y8O2yHHj3w0aE9XO8d2BCcUOOdQTRSVq+WIuMlLVucAm5XNjJAy+BoOJiuQMldVYVOKTMyvVNfnbl2Oqp+YxGw==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   react-pdf-html@2.1.5:
     resolution: {integrity: sha512-KhmiTUcnUNbLVdZbxMcV/+Rp+PyBt+eVJHu425eNwjSsDUtytvcwS/SBdBbbpM0c4+MnnOQBOs3AiColUesM8A==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       '@react-pdf/renderer': '>=3.4.4'
-      react: 19.2.6
+      react: '>=16'
 
   react-pdf-viewer@0.1.0:
     resolution: {integrity: sha512-JO0bZEA6EMtljhTrLNyn9T03nIOXY6/tzK8guOdwfYpImdOpYfACy47G9AKXrVrtob9bEW2d1jR3MkC0NEGajw==}
@@ -9706,8 +10499,8 @@ packages:
     resolution: {integrity: sha512-kS/35staVCBqS29verTQJQZXw7RfsRCPO3fdJoW1KXylcv7A9dw6DZ3vJXC2w+bIBgLw5FN4pOFvKSQtkQhPfA==}
     peerDependencies:
       '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -9716,7 +10509,7 @@ packages:
     resolution: {integrity: sha512-KQopgqFo/p/fgmAs5qz6p5RWaNAzq40WAu7fJIXnQpYxFPbJYtsJPWvGeF2rOBaY/kEuV77AVsX8TsQzKm+A/g==}
     peerDependencies:
       '@types/react': ^18.2.25 || ^19
-      react: 19.2.6
+      react: ^18.0 || ^19
       redux: ^5.0.0
     peerDependenciesMeta:
       '@types/react':
@@ -9733,7 +10526,7 @@ packages:
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -9743,7 +10536,7 @@ packages:
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -9751,35 +10544,35 @@ packages:
   react-resizable-panels@3.0.6:
     resolution: {integrity: sha512-b3qKHQ3MLqOgSS+FRYKapNkJZf5EQzuf6+RLiq1/IlTHw99YrZ2NJZLk4hQIzTnnIkRg2LUqyVinu6YWWpUYew==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
-  react-router-dom@6.30.3:
-    resolution: {integrity: sha512-pxPcv1AczD4vso7G4Z3TKcvlxK7g7TNt3/FNGMhfqyntocvYKj+GCatfigGDjbLozC4baguJ0ReCigoDJXb0ag==}
+  react-router-dom@6.30.4:
+    resolution: {integrity: sha512-q4HvNl+mmDdkS0g+MqiBZNteQJCuimWoOyHMy4T/RQLAn9Z29+E91QXRaxOujeMl2HTzRSS0KFPd7lxX3PjV0Q==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.8'
+      react-dom: '>=16.8'
 
   react-router-dom@7.17.0:
     resolution: {integrity: sha512-fyU2yjGups/hE6Xz0I5ZYbVL8Gx29eCjgpHaRaTaVU+OOAdfRX05KsvyRm0GO8YQwOkhpU3MurW1jyMUJn+zSw==}
     engines: {node: '>=20.0.0'}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=18'
+      react-dom: '>=18'
 
-  react-router@6.30.3:
-    resolution: {integrity: sha512-XRnlbKMTmktBkjCLE8/XcZFlnHvr2Ltdr1eJX4idL55/9BbORzyZEaIkBFDhFGCEWBBItsVrDxwx3gnisMitdw==}
+  react-router@6.30.4:
+    resolution: {integrity: sha512-SVUsDe+DybHM/WmYKIVYhZh1o5Dcuf16yM6WjG02Q9XVFMZIJyHYhwrr6bFBXZkVP6z69kNkMyBCujt8FaFLJA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      react: 19.2.6
+      react: '>=16.8'
 
   react-router@7.17.0:
     resolution: {integrity: sha512-FDELK7rTMlCHO5+reyXsPlmfr7N1F91lPHsWYfMEGQm/KQ+F4JFM8jGoeQDmDvdTs93Fw9aSilH+uKRb4/jXvQ==}
     engines: {node: '>=20.0.0'}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=18'
+      react-dom: '>=18'
     peerDependenciesMeta:
       react-dom:
         optional: true
@@ -9790,20 +10583,31 @@ packages:
       '@types/prop-types': ^15.7.3
       '@types/react': 0.14 - 19
       prop-types: ^15.5.8
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: 0.14 - 19
+      react-dom: 0.14 - 19
     peerDependenciesMeta:
       '@types/prop-types':
         optional: true
       '@types/react':
         optional: true
 
+  react-simple-animate@3.5.3:
+    resolution: {integrity: sha512-Ob+SmB5J1tXDEZyOe2Hf950K4M8VaWBBmQ3cS2BUnTORqHjhK0iKG8fB+bo47ZL15t8d3g/Y0roiqH05UBjG7A==}
+    peerDependencies:
+      react-dom: ^16.8.0 || ^17 || ^18 || ^19
+
+  react-smooth@4.0.4:
+    resolution: {integrity: sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   react-style-singleton@2.2.3:
     resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -9812,13 +10616,21 @@ packages:
     resolution: {integrity: sha512-U1DGlIQN5AwgjTyOEnI1oCcMuEr1pv1qOtklB2l4nyMGbHzWrI0eFsYK0zos2YWqAolJyG0IWJaqWmWj5ETh0A==}
     engines: {node: '>=10'}
     peerDependencies:
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   react-transition-group@4.4.5:
     resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
+
+  react@16.14.0:
+    resolution: {integrity: sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==}
+    engines: {node: '>=0.10.0'}
+
+  react@18.3.1:
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+    engines: {node: '>=0.10.0'}
 
   react@19.2.6:
     resolution: {integrity: sha512-sfWGGfavi0xr8Pg0sVsyHMAOziVYKgPLNrS7ig+ivMNb3wbCBw3KxtflsGBAwD3gYQlE/AEZsTLgToRrSCjb0Q==}
@@ -9877,12 +10689,23 @@ packages:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
+  recharts-scale@0.4.5:
+    resolution: {integrity: sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==}
+
+  recharts@2.15.4:
+    resolution: {integrity: sha512-UT/q6fwS3c1dHbXv2uFgYJ9BMFHu3fwnd7AYZaEQhXuYQ4hgsxLvsUXzGdKeZrW5xopzDCvuA2N41WJ88I7zIw==}
+    engines: {node: '>=14'}
+    deprecated: 1.x and 2.x branches are no longer active. Bump to Recharts v3 to receive latest features and bugfixes. See https://github.com/recharts/recharts/wiki/3.0-migration-guide
+    peerDependencies:
+      react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   recharts@3.8.1:
     resolution: {integrity: sha512-mwzmO1s9sFL0TduUpwndxCUNoXsBw3u3E/0+A+cLcrSfQitSG62L32N69GhqUrrT5qKcAE3pCGVINC6pqkBBQg==}
     engines: {node: '>=18'}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   redent@1.0.0:
@@ -9990,6 +10813,9 @@ packages:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
 
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
   resolve-url@0.2.1:
     resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
     deprecated: https://github.com/lydell/resolve-url#deprecated
@@ -10055,8 +10881,8 @@ packages:
     resolution: {integrity: sha512-5Di9UC0+8h1L6ZD2d7awM7E/T4uA1fJRlx6zk/NvdCCVEoAnFqvHmCuNeIKoCeIixBX/q8uM+6ycDvF8woqosA==}
     engines: {node: '>= 0.8'}
 
-  rollup@4.60.4:
-    resolution: {integrity: sha512-WHeFSbZYsPu3+bLoNRUuAO+wavNlocOPf3wSHTP7hcFKVnJeWsYlCDbr3mTS14FCizf9ccIxXA8sGL8zKeQN3g==}
+  rollup@4.61.1:
+    resolution: {integrity: sha512-I4KW6iuRpuu2uHBLraZ1wNZe0DP7lnRha+VJ9tNaYVaVgKhW0aI3h4RYnoRPeql0flHm/Co55b7snEDcOfOJrA==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -10122,6 +10948,12 @@ packages:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
 
+  scheduler@0.19.1:
+    resolution: {integrity: sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==}
+
+  scheduler@0.23.2:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+
   scheduler@0.25.0-rc-603e6108-20241029:
     resolution: {integrity: sha512-pFwF6H1XrSdYYNLfOcGlM28/j8CGLu8IvdrxqhjWULe2bPcKiKW4CV+OWqR/9fT52mywx65l7ysNkjLKBda7eA==}
 
@@ -10160,8 +10992,8 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.8.1:
-    resolution: {integrity: sha512-rkVq3IXh+4FDGch+KwzX3aV9W3kO54GyEgpvBzSyctDA6Xtd7RJQV1xmXbeQp5v7+VzLOfVqiutSE6GICgPFvg==}
+  semver@7.8.2:
+    resolution: {integrity: sha512-c8jsqUZm3omBOI66G90z1Dyw5z622G8oLG+omfsHBJf3CWQTlOcwOjvOG6wtiNfW6anKm/eA39LMwMtMez2TiQ==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -10225,8 +11057,8 @@ packages:
     engines: {node: '>= 0.10'}
     hasBin: true
 
-  shadcn@4.8.0:
-    resolution: {integrity: sha512-LAm3I/1FdoU/zu5GVG8Hbna4X9zlzEG5TeeCPXqsopkjvGk8QUF9OFhqeRN8oM6Oh/ynUI/yQHZxQAO3Ymcqsg==}
+  shadcn@4.10.0:
+    resolution: {integrity: sha512-84IJhUsK0xqSCRJx3QxyZe2NpUXj2Nwk8Vc8Ow/tCOND3yz4CT6uU4655vqicNXhzG9Q1cyUt+TBl2SiCJwNgg==}
     hasBin: true
 
   shebang-command@1.2.0:
@@ -10277,12 +11109,6 @@ packages:
   signature_pad@2.3.2:
     resolution: {integrity: sha512-peYXLxOsIY6MES2TrRLDiNg2T++8gGbpP2yaC+6Ohtxr+a2dzoaqWosWDY9sWqTAAk6E/TyQO+LJw9zQwyu5kA==}
 
-  simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-
-  simple-get@3.1.1:
-    resolution: {integrity: sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==}
-
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
@@ -10343,8 +11169,8 @@ packages:
   sonner@2.0.7:
     resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
   source-list-map@2.0.1:
     resolution: {integrity: sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==}
@@ -10430,6 +11256,9 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
+  stable-hash@0.0.5:
+    resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
+
   stack-trace@0.0.10:
     resolution: {integrity: sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==}
 
@@ -10477,8 +11306,8 @@ packages:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
 
-  streamx@2.26.0:
-    resolution: {integrity: sha512-VvNG1K72Po/xwJzxZFnZ++Tbrv4lwSptsbkFuzXCJAYZvCK5nnxsvXU6ajqkv7chyiI1Y0YXq2Jh8Iy8Y7NF/A==}
+  streamx@2.27.0:
+    resolution: {integrity: sha512-WZ189TKnHoAokYHvwzaAQMpd55cgUmFIcJFzBSgGcb886jau5DL+XdDhTWV4ps3FLvk+OORp0dLRTPsLZ21CSA==}
 
   strict-event-emitter@0.5.1:
     resolution: {integrity: sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==}
@@ -10515,6 +11344,10 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
+  string.prototype.includes@2.0.1:
+    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
+    engines: {node: '>= 0.4'}
+
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
@@ -10522,12 +11355,12 @@ packages:
   string.prototype.repeat@1.0.0:
     resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
 
-  string.prototype.trim@1.2.10:
-    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
+  string.prototype.trim@1.2.11:
+    resolution: {integrity: sha512-PwvK7BU+CMTJGYQCTZb5RWXIML92lftJLhQz1tBzgKiqGxJaMlBAa48POXaNAC2s4y8jr3EFqrkF9+44neS46w==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.trimend@1.0.9:
-    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
+  string.prototype.trimend@1.0.10:
+    resolution: {integrity: sha512-2+3aDAOmPTmuFwjDnmJG2ctEkQKVki7vOSqaxkv42Mowj1V6PnvuwFCRrR5lChUux1TBskPjfkeTOhqczDMxTw==}
     engines: {node: '>= 0.4'}
 
   string.prototype.trimstart@1.0.8:
@@ -10614,6 +11447,19 @@ packages:
   style-object-to-css-string@1.1.3:
     resolution: {integrity: sha512-bISQoUsir/qGfo7vY8rw00ia9nnyE1jvYt3zZ2jhdkcXZ6dAEi74inMzQ6On57vFI+I4Fck6wOv5UI9BEwJDgw==}
 
+  styled-jsx@5.1.1:
+    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
+    engines: {node: '>= 12.0.0'}
+    peerDependencies:
+      '@babel/core': '*'
+      babel-plugin-macros: '*'
+      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      babel-plugin-macros:
+        optional: true
+
   stylis@4.2.0:
     resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
 
@@ -10661,9 +11507,18 @@ packages:
     resolution: {integrity: sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==}
     engines: {node: '>=12.0.0'}
 
+  swagger-ui-dist@5.17.14:
+    resolution: {integrity: sha512-CVbSfaLpstV65OnSjbXfVd6Sta3q3F7Cj/yYuvHMp1P90LztOLs6PfUnKEVAeiIVQt9u2SaPwv0LiH/OyMjHRw==}
+
   swagger-ui-dist@5.32.6:
     resolution: {integrity: sha512-75ttZNaYCLoFPnozPZcTUU6mS3wKT8l7WLjU5zJSHFeJa23i5vtnze6IiCl4jDMPeQTXVXIgovq4M11NNfQvSA==}
 
+  swagger-ui-express@5.0.1:
+    resolution: {integrity: sha512-SrNU3RiBGTLLmFU8GIJdOdanJTl4TOmT27tt3bWWHppqYmAZ6IDuEuBvMU6nZq0zLEe6b/1rACXCgLZqO6ZfrA==}
+    engines: {node: '>= v0.10.32'}
+    peerDependencies:
+      express: '>=4.0.0 || >=5.0.0-beta'
+
   symbol-observable@4.0.0:
     resolution: {integrity: sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==}
     engines: {node: '>=0.10'}
@@ -10725,8 +11580,8 @@ packages:
   teex@1.0.1:
     resolution: {integrity: sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==}
 
-  terser-webpack-plugin@5.6.0:
-    resolution: {integrity: sha512-Eum+5ajkaOhf5KbM26osvv21kLD7BaGqQ1UA4Ami4arYwylmGUQTgHFpHDdmJod1q4QXa66p0to/FBKID+J1vA==}
+  terser-webpack-plugin@5.6.1:
+    resolution: {integrity: sha512-201R5j+sJpK8nFWwKVyNfZot8FaJbLZDq5evriVzbV1wDtSXDjRUDRfJzHpAaxFDMEhsZL1QkeqM61wgsS3KaQ==}
     engines: {node: '>= 10.13.0'}
     peerDependencies:
       '@minify-html/node': '*'
@@ -10839,17 +11694,20 @@ packages:
   tinyexec@0.3.2:
     resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
 
-  tinyexec@1.1.2:
-    resolution: {integrity: sha512-dAqSqE/RabpBKI8+h26GfLq6Vb3JVXs30XYQjdMjaj/c2tS8IYYMbIzP599KtRj7c57/wYApb3QjgRgXmrCukA==}
+  tinyexec@1.2.4:
+    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
     engines: {node: '>=18'}
 
-  tinyglobby@0.2.16:
-    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
     engines: {node: '>=12.0.0'}
 
   tinymce@7.9.3:
     resolution: {integrity: sha512-Mtm54U5YJ6Pyo/GaAx+JSHXTGEuxrg2AowVWCD9zy1eBolp5Ub7S1rTtsyQdxhPegfhLuR3VLiTKGw1tacv09g==}
 
+  tinymce@8.6.0:
+    resolution: {integrity: sha512-qODYoNL4cPIzNFpkEEQDm3DWI78I/nQXIPwUMHRN+q/LyT9Wzt7xis2Nfhk88kV6sibp6MJXPSaUDVNe02ZB/w==}
+
   tinypool@1.1.1:
     resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -10865,19 +11723,19 @@ packages:
   tldts-core@6.1.86:
     resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
 
-  tldts-core@7.0.30:
-    resolution: {integrity: sha512-uiHN8PIB1VmWyS98eZYja4xzlYqeFZVjb4OuYlJQnZAuJhMw4PbKQOKgHKhBdJR3FE/t5mUQ1Kd80++B+qhD1Q==}
+  tldts-core@7.4.2:
+    resolution: {integrity: sha512-nwEyF4vl4RSJjwSjBUmOSxc3BFPoIFdlRthJ6e+5v9P3bHNsoD06UjuqMUspqp7vsEZ1beaHi1km+optiE17yA==}
 
   tldts@6.1.86:
     resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
     hasBin: true
 
-  tldts@7.0.30:
-    resolution: {integrity: sha512-ELrFxuqsDdHUwoh0XxDbxuLD3Wnz49Z57IFvTtvWy1hJdcMZjXLIuonjilCiWHlT2GbE4Wlv1wKVTzDFnXH1aw==}
+  tldts@7.4.2:
+    resolution: {integrity: sha512-kCwffuaH8ntKtygnWe1b4BJKWiCUH30n5KfoTr6IchcXOwR7chAOFJxFrH3vjANafUYrIA4a7SDL+nn7SiR4Sw==}
     hasBin: true
 
-  tmp@0.2.5:
-    resolution: {integrity: sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==}
+  tmp@0.2.7:
+    resolution: {integrity: sha512-e0votIpp4Uo2AJYSzVHV6xCcawuiez3DzqDAbrTc3YxBkplN6e+dM13ZeIcZnDg/QpSuU2zfZ3rzwY8ukEnaXw==}
     engines: {node: '>=14.14'}
 
   tmpl@1.0.5:
@@ -10993,12 +11851,16 @@ packages:
       jest-util:
         optional: true
 
-  ts-loader@9.5.7:
-    resolution: {integrity: sha512-/ZNrKgA3K3PtpMYOC71EeMWIloGw3IYEa5/t1cyz2r5/PyUwTXGzYJvcD3kfUvmhlfpz1rhV8B2O6IVTQ0avsg==}
+  ts-loader@9.6.0:
+    resolution: {integrity: sha512-dsJO0S+T7grTDWTc4a0nTygXGjKncVUpx8Y+af8EvI/D5WgTJby5UEk5eoMCB9EcLQmnvitqh99MqtjtHgAwFQ==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
+      loader-utils: '*'
       typescript: '*'
-      webpack: ^5.0.0
+      webpack: ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      loader-utils:
+        optional: true
 
   ts-morph@26.0.0:
     resolution: {integrity: sha512-ztMO++owQnz8c/gIENcM9XfCEzgoGphTv+nKpYNM1bgsdOVC/jRZuEBf6N+mLLDNg68Kl+GgUZfOySaRiG1/Ug==}
@@ -11037,8 +11899,8 @@ packages:
   tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
 
-  turbo@2.9.14:
-    resolution: {integrity: sha512-BQqXRr4UoWI3UPFrtznCLykYHxwxWh53iCB57x092jPMjIlW1wnm3N895g5irpiXmnxUhREBB0n6+y8BHhs4nw==}
+  turbo@2.9.16:
+    resolution: {integrity: sha512-NqgRQy6j6dPYcdSdv0q1g9QsZg7SWg87RERM8otw/1AtKU2yTFVClOM7cbwKzOonZr/Ek1blTBucw64L9H0Bwg==}
     hasBin: true
 
   tw-animate-css@1.4.0:
@@ -11067,8 +11929,8 @@ packages:
     resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
 
-  type-fest@5.6.0:
-    resolution: {integrity: sha512-8ZiHFm91orbSAe2PSAiSVBVko18pbhbiB3U9GglSzF/zCGkR+rxpHx6sEMCUm4kxY4LjDIUGgCfUMtwfZfjfUA==}
+  type-fest@5.7.0:
+    resolution: {integrity: sha512-1URUxUqfHFM1c+zfSPsa3gnkO7Aq21qyH75SIduNYz4SzY964rn1X2vCMQaHSHhktiw+0kPa2iyb6PUpXqB6Vg==}
     engines: {node: '>=20'}
 
   type-is@1.6.18:
@@ -11094,8 +11956,8 @@ packages:
     resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
     engines: {node: '>= 0.4'}
 
-  typed-array-length@1.0.7:
-    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
+  typed-array-length@1.0.8:
+    resolution: {integrity: sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==}
     engines: {node: '>= 0.4'}
 
   typed-query-selector@2.12.2:
@@ -11114,7 +11976,7 @@ packages:
     hasBin: true
     peerDependencies:
       '@faker-js/faker': '>=8.4.1'
-      typeorm: 0.3.30
+      typeorm: ~0.3.0
 
   typeorm@0.3.30:
     resolution: {integrity: sha512-8T35PzjefOdqc2ZR9mwLQj0pUGp6lQhMbK2EvVMwJVJWlaoHm0v/Q6dThNOZkFchD+0yMg8gwjKM28ePiLSXSQ==}
@@ -11242,6 +12104,9 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
+  unrs-resolver@1.12.2:
+    resolution: {integrity: sha512-dmlRxBJJayXjqTwC+JtF1HhJmgf3ftQ3YejFcZrf4+KKtJv0qDsK1pjqaaVjG7wJ5NJ6UVP1OqRMQ71Z4C3rxQ==}
+
   unset-value@1.0.0:
     resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
     engines: {node: '>=0.10.0'}
@@ -11284,7 +12149,7 @@ packages:
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -11293,16 +12158,22 @@ packages:
     resolution: {integrity: sha512-djviaxuOOh7wkj0paeO1Q/4wMZ8Zrnag5H6yBvzN7AKKe8beOaED9SF5/ByLqsku8NP4zQqsvM2u3ew/tJK8/w==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
+  use-deep-compare-effect@1.8.1:
+    resolution: {integrity: sha512-kbeNVZ9Zkc0RFGpfMN3MNfaKNvcLNyxOAAd9O4CBZ+kCBXXscn9s/4I+8ytUER4RDpEYs5+O6Rs4PqiZ+rHr5Q==}
+    engines: {node: '>=10', npm: '>=6'}
+    peerDependencies:
+      react: '>=16.13'
+
   use-isomorphic-layout-effect@1.2.1:
     resolution: {integrity: sha512-tpZZ+EX0gaghDAiFR37hj5MgY6ZN55kLiPkJsKxBMZ6GZdOSPJXiOzPM984oPYZ5AnehYx5WQp1+ME8I/P/pRA==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -11311,7 +12182,7 @@ packages:
     resolution: {integrity: sha512-mhg3xdm9NaM8q+gLT8KryJPnRFOz1/5XPBhmDEVZK1webPzDjrPk7f/mbpeLqTgB9msytYWANxgALOCJKnLvcQ==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -11321,7 +12192,7 @@ packages:
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': '*'
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -11329,7 +12200,7 @@ packages:
   use-sync-external-store@1.6.0:
     resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
     peerDependencies:
-      react: 19.2.6
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   use@3.1.1:
     resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
@@ -11354,6 +12225,11 @@ packages:
   utrie@1.0.2:
     resolution: {integrity: sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==}
 
+  uuid@10.0.0:
+    resolution: {integrity: sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==}
+    deprecated: uuid@10 and below is no longer supported.  For ESM codebases, update to uuid@latest.  For CommonJS codebases, use uuid@11 (but be aware this version will likely be deprecated in 2028).
+    hasBin: true
+
   uuid@11.1.1:
     resolution: {integrity: sha512-vIYxrBCC/N/K+Js3qSN88go7kIfNPssr/hHCesKCQNAjmgvYS2oqr69kIufEG+O4+PfezOH4EbIeHCfFov8ZgQ==}
     hasBin: true
@@ -11393,13 +12269,16 @@ packages:
   vaul@1.1.2:
     resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==}
     peerDependencies:
-      react: 19.2.6
-      react-dom: 19.2.6
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
 
   verror@1.10.0:
     resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
     engines: {'0': node >=0.6.0}
 
+  victory-vendor@36.9.2:
+    resolution: {integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==}
+
   victory-vendor@37.3.6:
     resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
 
@@ -11621,8 +12500,8 @@ packages:
   which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
 
-  which-typed-array@1.1.20:
-    resolution: {integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==}
+  which-typed-array@1.1.22:
+    resolution: {integrity: sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==}
     engines: {node: '>= 0.4'}
 
   which@1.3.1:
@@ -11706,10 +12585,6 @@ packages:
     resolution: {integrity: sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
 
-  write-file-atomic@5.0.1:
-    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
-
   ws@8.20.1:
     resolution: {integrity: sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==}
     engines: {node: '>=10.0.0'}
@@ -11722,6 +12597,18 @@ packages:
       utf-8-validate:
         optional: true
 
+  ws@8.21.0:
+    resolution: {integrity: sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
   wsl-utils@0.3.1:
     resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
     engines: {node: '>=20'}
@@ -11876,13 +12763,13 @@ packages:
   zod@4.4.3:
     resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
 
-  zustand@5.0.13:
-    resolution: {integrity: sha512-efI2tVaVQPqtOh114loML/Z80Y4NP3yc+Ff0fYiZJPauNeWZeIp/bRFD7I9bfmCOYBh/PHxlglQ9+wvlwnPikQ==}
+  zustand@5.0.14:
+    resolution: {integrity: sha512-/8tAspM5LMPr28b3fwLYrtdj77ECpfZviaP75CMTnwO8ISyaE4GDIG/9rDDYq/cH9D2Xw2A2RXglLInmVBQB/g==}
     engines: {node: '>=12.20.0'}
     peerDependencies:
       '@types/react': '>=18.0.0'
       immer: '>=9.0.6'
-      react: 19.2.6
+      react: '>=18.0.0'
       use-sync-external-store: '>=1.2.0'
     peerDependenciesMeta:
       '@types/react':
@@ -11909,11 +12796,11 @@ snapshots:
     optionalDependencies:
       chokidar: 4.0.3
 
-  '@angular-devkit/schematics-cli@19.2.24(@types/node@20.19.41)(chokidar@4.0.3)':
+  '@angular-devkit/schematics-cli@19.2.24(@types/node@20.19.42)(chokidar@4.0.3)':
     dependencies:
       '@angular-devkit/core': 19.2.24(chokidar@4.0.3)
       '@angular-devkit/schematics': 19.2.24(chokidar@4.0.3)
-      '@inquirer/prompts': 7.3.2(@types/node@20.19.41)
+      '@inquirer/prompts': 7.3.2(@types/node@20.19.42)
       ansi-colors: 4.1.3
       symbol-observable: 4.0.0
       yargs-parser: 21.1.1
@@ -12011,25 +12898,25 @@ snapshots:
       '@csstools/css-tokenizer': 3.0.4
       lru-cache: 10.4.3
 
-  '@babel/code-frame@7.29.0':
+  '@babel/code-frame@7.29.7':
     dependencies:
-      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/helper-validator-identifier': 7.29.7
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.29.3': {}
+  '@babel/compat-data@7.29.7': {}
 
-  '@babel/core@7.29.0':
+  '@babel/core@7.29.7':
     dependencies:
-      '@babel/code-frame': 7.29.0
-      '@babel/generator': 7.29.1
-      '@babel/helper-compilation-targets': 7.28.6
-      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
-      '@babel/helpers': 7.29.2
-      '@babel/parser': 7.29.3
-      '@babel/template': 7.28.6
-      '@babel/traverse': 7.29.0
-      '@babel/types': 7.29.0
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.7
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)
+      '@babel/helpers': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/template': 7.29.7
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
       '@jridgewell/remapping': 2.3.5
       convert-source-map: 2.0.0
       debug: 4.4.3(supports-color@5.5.0)
@@ -12039,264 +12926,264 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.29.1':
+  '@babel/generator@7.29.7':
     dependencies:
-      '@babel/parser': 7.29.3
-      '@babel/types': 7.29.0
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
       jsesc: 3.1.0
 
-  '@babel/helper-annotate-as-pure@7.27.3':
+  '@babel/helper-annotate-as-pure@7.29.7':
     dependencies:
-      '@babel/types': 7.29.0
+      '@babel/types': 7.29.7
 
-  '@babel/helper-compilation-targets@7.28.6':
+  '@babel/helper-compilation-targets@7.29.7':
     dependencies:
-      '@babel/compat-data': 7.29.3
-      '@babel/helper-validator-option': 7.27.1
+      '@babel/compat-data': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
       browserslist: 4.28.2
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.29.3(@babel/core@7.29.0)':
+  '@babel/helper-create-class-features-plugin@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-annotate-as-pure': 7.27.3
-      '@babel/helper-member-expression-to-functions': 7.28.5
-      '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/traverse': 7.29.0
+      '@babel/core': 7.29.7
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-member-expression-to-functions': 7.29.7
+      '@babel/helper-optimise-call-expression': 7.29.7
+      '@babel/helper-replace-supers': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7
+      '@babel/traverse': 7.29.7
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-globals@7.28.0': {}
+  '@babel/helper-globals@7.29.7': {}
 
-  '@babel/helper-member-expression-to-functions@7.28.5':
+  '@babel/helper-member-expression-to-functions@7.29.7':
     dependencies:
-      '@babel/traverse': 7.29.0
-      '@babel/types': 7.29.0
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-imports@7.28.6':
+  '@babel/helper-module-imports@7.29.7':
     dependencies:
-      '@babel/traverse': 7.29.0
-      '@babel/types': 7.29.0
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
+  '@babel/helper-module-transforms@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-module-imports': 7.28.6
-      '@babel/helper-validator-identifier': 7.28.5
-      '@babel/traverse': 7.29.0
+      '@babel/core': 7.29.7
+      '@babel/helper-module-imports': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+      '@babel/traverse': 7.29.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-optimise-call-expression@7.27.1':
+  '@babel/helper-optimise-call-expression@7.29.7':
     dependencies:
-      '@babel/types': 7.29.0
+      '@babel/types': 7.29.7
 
-  '@babel/helper-plugin-utils@7.28.6': {}
+  '@babel/helper-plugin-utils@7.29.7': {}
 
-  '@babel/helper-replace-supers@7.28.6(@babel/core@7.29.0)':
+  '@babel/helper-replace-supers@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-member-expression-to-functions': 7.28.5
-      '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/traverse': 7.29.0
+      '@babel/core': 7.29.7
+      '@babel/helper-member-expression-to-functions': 7.29.7
+      '@babel/helper-optimise-call-expression': 7.29.7
+      '@babel/traverse': 7.29.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+  '@babel/helper-skip-transparent-expression-wrappers@7.29.7':
     dependencies:
-      '@babel/traverse': 7.29.0
-      '@babel/types': 7.29.0
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-string-parser@7.27.1': {}
+  '@babel/helper-string-parser@7.29.7': {}
 
-  '@babel/helper-validator-identifier@7.28.5': {}
+  '@babel/helper-validator-identifier@7.29.7': {}
 
-  '@babel/helper-validator-option@7.27.1': {}
+  '@babel/helper-validator-option@7.29.7': {}
 
-  '@babel/helpers@7.29.2':
+  '@babel/helpers@7.29.7':
     dependencies:
-      '@babel/template': 7.28.6
-      '@babel/types': 7.29.0
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.7
 
-  '@babel/parser@7.29.3':
+  '@babel/parser@7.29.7':
     dependencies:
-      '@babel/types': 7.29.0
+      '@babel/types': 7.29.7
 
-  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-import-attributes@7.28.6(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-import-attributes@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-syntax-typescript@7.28.6(@babel/core@7.29.0)':
+  '@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-transform-modules-commonjs@7.28.6(@babel/core@7.29.0)':
+  '@babel/plugin-transform-modules-commonjs@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
+  '@babel/plugin-transform-react-jsx-self@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
+  '@babel/plugin-transform-react-jsx-source@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
 
-  '@babel/plugin-transform-typescript@7.28.6(@babel/core@7.29.0)':
+  '@babel/plugin-transform-typescript@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-annotate-as-pure': 7.27.3
-      '@babel/helper-create-class-features-plugin': 7.29.3(@babel/core@7.29.0)
-      '@babel/helper-plugin-utils': 7.28.6
-      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
+      '@babel/core': 7.29.7
+      '@babel/helper-annotate-as-pure': 7.29.7
+      '@babel/helper-create-class-features-plugin': 7.29.7(@babel/core@7.29.7)
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.29.7
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/preset-typescript@7.28.5(@babel/core@7.29.0)':
+  '@babel/preset-typescript@7.29.7(@babel/core@7.29.7)':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/helper-plugin-utils': 7.28.6
-      '@babel/helper-validator-option': 7.27.1
-      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
-      '@babel/plugin-transform-modules-commonjs': 7.28.6(@babel/core@7.29.0)
-      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
+      '@babel/core': 7.29.7
+      '@babel/helper-plugin-utils': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-modules-commonjs': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-typescript': 7.29.7(@babel/core@7.29.7)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/runtime@7.29.2': {}
+  '@babel/runtime@7.29.7': {}
 
-  '@babel/template@7.28.6':
+  '@babel/template@7.29.7':
     dependencies:
-      '@babel/code-frame': 7.29.0
-      '@babel/parser': 7.29.3
-      '@babel/types': 7.29.0
+      '@babel/code-frame': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
 
-  '@babel/traverse@7.29.0':
+  '@babel/traverse@7.29.7':
     dependencies:
-      '@babel/code-frame': 7.29.0
-      '@babel/generator': 7.29.1
-      '@babel/helper-globals': 7.28.0
-      '@babel/parser': 7.29.3
-      '@babel/template': 7.28.6
-      '@babel/types': 7.29.0
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.7
+      '@babel/helper-globals': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.7
       debug: 4.4.3(supports-color@5.5.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.29.0':
+  '@babel/types@7.29.7':
     dependencies:
-      '@babel/helper-string-parser': 7.27.1
-      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/helper-string-parser': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
 
   '@bcoe/v8-coverage@0.2.3': {}
 
   '@borewit/text-codec@0.2.2': {}
 
-  '@chakra-ui/react@3.35.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@chakra-ui/react@3.35.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@ark-ui/react': 5.36.2(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@emotion/is-prop-valid': 1.4.0
-      '@emotion/react': 11.14.0(@types/react@18.3.29)(react@19.2.6)
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
       '@emotion/serialize': 1.3.3
       '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@19.2.6)
       '@emotion/utils': 1.4.2
-      '@pandacss/is-valid-prop': 1.11.1
+      '@pandacss/is-valid-prop': 1.11.3
       csstype: 3.2.3
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
@@ -12304,14 +13191,14 @@ snapshots:
   '@colors/colors@1.5.0':
     optional: true
 
-  '@commitlint/cli@19.8.1(@types/node@24.13.0)(typescript@5.9.3)':
+  '@commitlint/cli@19.8.1(@types/node@24.13.1)(typescript@5.9.3)':
     dependencies:
       '@commitlint/format': 19.8.1
       '@commitlint/lint': 19.8.1
-      '@commitlint/load': 19.8.1(@types/node@24.13.0)(typescript@5.9.3)
+      '@commitlint/load': 19.8.1(@types/node@24.13.1)(typescript@5.9.3)
       '@commitlint/read': 19.8.1
       '@commitlint/types': 19.8.1
-      tinyexec: 1.1.2
+      tinyexec: 1.2.4
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@types/node'
@@ -12346,7 +13233,7 @@ snapshots:
   '@commitlint/is-ignored@19.8.1':
     dependencies:
       '@commitlint/types': 19.8.1
-      semver: 7.8.1
+      semver: 7.8.2
 
   '@commitlint/lint@19.8.1':
     dependencies:
@@ -12355,7 +13242,7 @@ snapshots:
       '@commitlint/rules': 19.8.1
       '@commitlint/types': 19.8.1
 
-  '@commitlint/load@19.8.1(@types/node@24.13.0)(typescript@5.9.3)':
+  '@commitlint/load@19.8.1(@types/node@24.13.1)(typescript@5.9.3)':
     dependencies:
       '@commitlint/config-validator': 19.8.1
       '@commitlint/execute-rule': 19.8.1
@@ -12363,7 +13250,7 @@ snapshots:
       '@commitlint/types': 19.8.1
       chalk: 5.6.2
       cosmiconfig: 9.0.1(typescript@5.9.3)
-      cosmiconfig-typescript-loader: 6.3.0(@types/node@24.13.0)(cosmiconfig@9.0.1(typescript@5.9.3))(typescript@5.9.3)
+      cosmiconfig-typescript-loader: 6.3.0(@types/node@24.13.1)(cosmiconfig@9.0.1(typescript@5.9.3))(typescript@5.9.3)
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       lodash.uniq: 4.5.0
@@ -12385,7 +13272,7 @@ snapshots:
       '@commitlint/types': 19.8.1
       git-raw-commits: 4.0.0
       minimist: 1.2.8
-      tinyexec: 1.1.2
+      tinyexec: 1.2.4
 
   '@commitlint/resolve-extends@19.8.1':
     dependencies:
@@ -12440,7 +13327,7 @@ snapshots:
 
   '@date-fns/tz@1.5.0': {}
 
-  '@dotenvx/dotenvx@1.67.0':
+  '@dotenvx/dotenvx@1.71.0':
     dependencies:
       commander: 11.1.0
       dotenv: 17.4.2
@@ -12458,10 +13345,26 @@ snapshots:
     dependencies:
       '@noble/ciphers': 1.3.0
 
+  '@emnapi/core@1.10.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.10.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@emotion/babel-plugin@11.13.5':
     dependencies:
-      '@babel/helper-module-imports': 7.28.6
-      '@babel/runtime': 7.29.2
+      '@babel/helper-module-imports': 7.29.7
+      '@babel/runtime': 7.29.7
       '@emotion/hash': 0.9.2
       '@emotion/memoize': 0.9.0
       '@emotion/serialize': 1.3.3
@@ -12490,9 +13393,9 @@ snapshots:
 
   '@emotion/memoize@0.9.0': {}
 
-  '@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6)':
+  '@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@emotion/babel-plugin': 11.13.5
       '@emotion/cache': 11.14.0
       '@emotion/serialize': 1.3.3
@@ -12502,7 +13405,7 @@ snapshots:
       hoist-non-react-statics: 3.3.2
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
     transitivePeerDependencies:
       - supports-color
 
@@ -12516,18 +13419,18 @@ snapshots:
 
   '@emotion/sheet@1.4.0': {}
 
-  '@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)':
+  '@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@emotion/babel-plugin': 11.13.5
       '@emotion/is-prop-valid': 1.4.0
-      '@emotion/react': 11.14.0(@types/react@18.3.29)(react@19.2.6)
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
       '@emotion/serialize': 1.3.3
       '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@19.2.6)
       '@emotion/utils': 1.4.2
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
     transitivePeerDependencies:
       - supports-color
 
@@ -12625,7 +13528,7 @@ snapshots:
       globals: 13.24.0
       ignore: 5.3.2
       import-fresh: 3.3.1
-      js-yaml: 4.1.1
+      js-yaml: 4.2.0
       minimatch: 3.1.5
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
@@ -12663,12 +13566,26 @@ snapshots:
       '@floating-ui/core': 1.7.5
       '@floating-ui/utils': 0.2.11
 
+  '@floating-ui/react-dom@2.1.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   '@floating-ui/react-dom@2.1.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@floating-ui/dom': 1.7.6
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
 
+  '@floating-ui/react@0.27.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@floating-ui/utils': 0.2.11
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      tabbable: 6.4.0
+
   '@floating-ui/react@0.27.19(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@floating-ui/react-dom': 2.1.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
@@ -12683,26 +13600,63 @@ snapshots:
 
   '@gilbarbara/deep-equal@0.3.1': {}
 
-  '@hello-pangea/dnd@18.0.1(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@golevelup/nestjs-discovery@4.0.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      lodash: 4.18.1
+
+  '@golevelup/nestjs-rabbitmq@5.7.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
+    dependencies:
+      '@golevelup/nestjs-discovery': 4.0.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      amqp-connection-manager: 4.1.15(amqplib@0.10.9)
+      amqplib: 0.10.9
+      lodash: 4.18.1
+      reflect-metadata: 0.2.2
+      rxjs: 7.8.2
+
+  '@hello-pangea/dnd@18.0.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@babel/runtime': 7.29.7
       css-box-model: 1.2.1
       raf-schd: 4.0.3
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
-      react-redux: 9.3.0(@types/react@18.3.29)(react@19.2.6)(redux@5.0.1)
+      react-redux: 9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1)
       redux: 5.0.1
     transitivePeerDependencies:
       - '@types/react'
 
-  '@hono/node-server@1.19.14(hono@4.12.22)':
+  '@hono/node-server@1.19.14(hono@4.12.23)':
     dependencies:
-      hono: 4.12.22
+      hono: 4.12.23
 
-  '@hookform/resolvers@5.4.0(react-hook-form@7.76.0(react@19.2.6))':
+  '@hookform/devtools@4.4.0(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@types/lodash': 4.17.24
+      little-state-machine: 4.8.1(react@19.2.6)
+      lodash: 4.18.1
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+      react-simple-animate: 3.5.3(react-dom@19.2.6(react@19.2.6))
+      use-deep-compare-effect: 1.8.1(react@19.2.6)
+      uuid: 8.3.2
+    transitivePeerDependencies:
+      - '@types/react'
+      - supports-color
+
+  '@hookform/resolvers@3.10.0(react-hook-form@7.77.0(react@18.3.1))':
+    dependencies:
+      react-hook-form: 7.77.0(react@18.3.1)
+
+  '@hookform/resolvers@5.4.0(react-hook-form@7.77.0(react@19.2.6))':
     dependencies:
       '@standard-schema/utils': 0.3.0
-      react-hook-form: 7.76.0(react@19.2.6)
+      react-hook-form: 7.77.0(react@19.2.6)
 
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
@@ -12718,178 +13672,178 @@ snapshots:
 
   '@inquirer/ansi@1.0.2': {}
 
-  '@inquirer/ansi@2.0.5': {}
+  '@inquirer/ansi@2.0.7': {}
 
-  '@inquirer/checkbox@4.3.2(@types/node@20.19.41)':
+  '@inquirer/checkbox@4.3.2(@types/node@20.19.42)':
     dependencies:
       '@inquirer/ansi': 1.0.2
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/confirm@5.1.21(@types/node@20.19.41)':
+  '@inquirer/confirm@5.1.21(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/confirm@6.0.13(@types/node@24.13.0)':
+  '@inquirer/confirm@6.1.1(@types/node@24.13.1)':
     dependencies:
-      '@inquirer/core': 11.1.10(@types/node@24.13.0)
-      '@inquirer/type': 4.0.5(@types/node@24.13.0)
+      '@inquirer/core': 11.2.1(@types/node@24.13.1)
+      '@inquirer/type': 4.0.7(@types/node@24.13.1)
     optionalDependencies:
-      '@types/node': 24.13.0
+      '@types/node': 24.13.1
 
-  '@inquirer/core@10.3.2(@types/node@20.19.41)':
+  '@inquirer/core@10.3.2(@types/node@20.19.42)':
     dependencies:
       '@inquirer/ansi': 1.0.2
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
       cli-width: 4.1.0
       mute-stream: 2.0.0
       signal-exit: 4.1.0
       wrap-ansi: 6.2.0
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/core@11.1.10(@types/node@24.13.0)':
+  '@inquirer/core@11.2.1(@types/node@24.13.1)':
     dependencies:
-      '@inquirer/ansi': 2.0.5
-      '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@24.13.0)
+      '@inquirer/ansi': 2.0.7
+      '@inquirer/figures': 2.0.7
+      '@inquirer/type': 4.0.7(@types/node@24.13.1)
       cli-width: 4.1.0
       fast-wrap-ansi: 0.2.2
       mute-stream: 3.0.0
       signal-exit: 4.1.0
     optionalDependencies:
-      '@types/node': 24.13.0
+      '@types/node': 24.13.1
 
-  '@inquirer/editor@4.2.23(@types/node@20.19.41)':
+  '@inquirer/editor@4.2.23(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
-      '@inquirer/external-editor': 1.0.3(@types/node@20.19.41)
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
+      '@inquirer/external-editor': 1.0.3(@types/node@20.19.42)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/expand@4.0.23(@types/node@20.19.41)':
+  '@inquirer/expand@4.0.23(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/external-editor@1.0.3(@types/node@20.19.41)':
+  '@inquirer/external-editor@1.0.3(@types/node@20.19.42)':
     dependencies:
       chardet: 2.1.1
       iconv-lite: 0.7.2
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
   '@inquirer/figures@1.0.15': {}
 
-  '@inquirer/figures@2.0.5': {}
+  '@inquirer/figures@2.0.7': {}
 
-  '@inquirer/input@4.3.1(@types/node@20.19.41)':
+  '@inquirer/input@4.3.1(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/number@3.0.23(@types/node@20.19.41)':
+  '@inquirer/number@3.0.23(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/password@4.0.23(@types/node@20.19.41)':
+  '@inquirer/password@4.0.23(@types/node@20.19.42)':
     dependencies:
       '@inquirer/ansi': 1.0.2
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/prompts@7.10.1(@types/node@20.19.41)':
+  '@inquirer/prompts@7.10.1(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/checkbox': 4.3.2(@types/node@20.19.41)
-      '@inquirer/confirm': 5.1.21(@types/node@20.19.41)
-      '@inquirer/editor': 4.2.23(@types/node@20.19.41)
-      '@inquirer/expand': 4.0.23(@types/node@20.19.41)
-      '@inquirer/input': 4.3.1(@types/node@20.19.41)
-      '@inquirer/number': 3.0.23(@types/node@20.19.41)
-      '@inquirer/password': 4.0.23(@types/node@20.19.41)
-      '@inquirer/rawlist': 4.1.11(@types/node@20.19.41)
-      '@inquirer/search': 3.2.2(@types/node@20.19.41)
-      '@inquirer/select': 4.4.2(@types/node@20.19.41)
+      '@inquirer/checkbox': 4.3.2(@types/node@20.19.42)
+      '@inquirer/confirm': 5.1.21(@types/node@20.19.42)
+      '@inquirer/editor': 4.2.23(@types/node@20.19.42)
+      '@inquirer/expand': 4.0.23(@types/node@20.19.42)
+      '@inquirer/input': 4.3.1(@types/node@20.19.42)
+      '@inquirer/number': 3.0.23(@types/node@20.19.42)
+      '@inquirer/password': 4.0.23(@types/node@20.19.42)
+      '@inquirer/rawlist': 4.1.11(@types/node@20.19.42)
+      '@inquirer/search': 3.2.2(@types/node@20.19.42)
+      '@inquirer/select': 4.4.2(@types/node@20.19.42)
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/prompts@7.3.2(@types/node@20.19.41)':
+  '@inquirer/prompts@7.3.2(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/checkbox': 4.3.2(@types/node@20.19.41)
-      '@inquirer/confirm': 5.1.21(@types/node@20.19.41)
-      '@inquirer/editor': 4.2.23(@types/node@20.19.41)
-      '@inquirer/expand': 4.0.23(@types/node@20.19.41)
-      '@inquirer/input': 4.3.1(@types/node@20.19.41)
-      '@inquirer/number': 3.0.23(@types/node@20.19.41)
-      '@inquirer/password': 4.0.23(@types/node@20.19.41)
-      '@inquirer/rawlist': 4.1.11(@types/node@20.19.41)
-      '@inquirer/search': 3.2.2(@types/node@20.19.41)
-      '@inquirer/select': 4.4.2(@types/node@20.19.41)
+      '@inquirer/checkbox': 4.3.2(@types/node@20.19.42)
+      '@inquirer/confirm': 5.1.21(@types/node@20.19.42)
+      '@inquirer/editor': 4.2.23(@types/node@20.19.42)
+      '@inquirer/expand': 4.0.23(@types/node@20.19.42)
+      '@inquirer/input': 4.3.1(@types/node@20.19.42)
+      '@inquirer/number': 3.0.23(@types/node@20.19.42)
+      '@inquirer/password': 4.0.23(@types/node@20.19.42)
+      '@inquirer/rawlist': 4.1.11(@types/node@20.19.42)
+      '@inquirer/search': 3.2.2(@types/node@20.19.42)
+      '@inquirer/select': 4.4.2(@types/node@20.19.42)
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/rawlist@4.1.11(@types/node@20.19.41)':
+  '@inquirer/rawlist@4.1.11(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/search@3.2.2(@types/node@20.19.41)':
+  '@inquirer/search@3.2.2(@types/node@20.19.42)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/select@4.4.2(@types/node@20.19.41)':
+  '@inquirer/select@4.4.2(@types/node@20.19.42)':
     dependencies:
       '@inquirer/ansi': 1.0.2
-      '@inquirer/core': 10.3.2(@types/node@20.19.41)
+      '@inquirer/core': 10.3.2(@types/node@20.19.42)
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@20.19.41)
+      '@inquirer/type': 3.0.10(@types/node@20.19.42)
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/type@3.0.10(@types/node@20.19.41)':
+  '@inquirer/type@3.0.10(@types/node@20.19.42)':
     optionalDependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@inquirer/type@4.0.5(@types/node@24.13.0)':
+  '@inquirer/type@4.0.7(@types/node@24.13.1)':
     optionalDependencies:
-      '@types/node': 24.13.0
+      '@types/node': 24.13.1
 
   '@internationalized/date@3.12.0':
     dependencies:
-      '@swc/helpers': 0.5.21
+      '@swc/helpers': 0.5.5
 
   '@internationalized/number@3.6.5':
     dependencies:
-      '@swc/helpers': 0.5.21
+      '@swc/helpers': 0.5.23
 
   '@isaacs/cliui@8.0.2':
     dependencies:
@@ -12913,27 +13867,27 @@ snapshots:
   '@jest/console@29.7.0':
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       chalk: 4.1.2
       jest-message-util: 29.7.0
       jest-util: 29.7.0
       slash: 3.0.0
 
-  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))':
+  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
       '@jest/test-result': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       ci-info: 3.9.0
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@24.13.0)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      jest-config: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -12958,7 +13912,7 @@ snapshots:
     dependencies:
       '@jest/fake-timers': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       jest-mock: 29.7.0
 
   '@jest/expect-utils@29.7.0':
@@ -12976,7 +13930,7 @@ snapshots:
     dependencies:
       '@jest/types': 29.6.3
       '@sinonjs/fake-timers': 10.3.0
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       jest-message-util: 29.7.0
       jest-mock: 29.7.0
       jest-util: 29.7.0
@@ -12990,12 +13944,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/pattern@30.4.0':
-    dependencies:
-      '@types/node': 20.19.41
-      jest-regex-util: 30.4.0
-    optional: true
-
   '@jest/reporters@29.7.0':
     dependencies:
       '@bcoe/v8-coverage': 0.2.3
@@ -13004,7 +13952,7 @@ snapshots:
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
       '@jridgewell/trace-mapping': 0.3.31
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       chalk: 4.1.2
       collect-v8-coverage: 1.0.3
       exit: 0.1.2
@@ -13029,11 +13977,6 @@ snapshots:
     dependencies:
       '@sinclair/typebox': 0.27.10
 
-  '@jest/schemas@30.4.1':
-    dependencies:
-      '@sinclair/typebox': 0.34.49
-    optional: true
-
   '@jest/source-map@29.6.3':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
@@ -13056,7 +13999,7 @@ snapshots:
 
   '@jest/transform@29.7.0':
     dependencies:
-      '@babel/core': 7.29.0
+      '@babel/core': 7.29.7
       '@jest/types': 29.6.3
       '@jridgewell/trace-mapping': 0.3.31
       babel-plugin-istanbul: 6.1.1
@@ -13074,46 +14017,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/transform@30.4.1':
-    dependencies:
-      '@babel/core': 7.29.0
-      '@jest/types': 30.4.1
-      '@jridgewell/trace-mapping': 0.3.31
-      babel-plugin-istanbul: 7.0.1
-      chalk: 4.1.2
-      convert-source-map: 2.0.0
-      fast-json-stable-stringify: 2.1.0
-      graceful-fs: 4.2.11
-      jest-haste-map: 30.4.1
-      jest-regex-util: 30.4.0
-      jest-util: 30.4.1
-      pirates: 4.0.7
-      slash: 3.0.0
-      write-file-atomic: 5.0.1
-    transitivePeerDependencies:
-      - supports-color
-    optional: true
-
   '@jest/types@29.6.3':
     dependencies:
       '@jest/schemas': 29.6.3
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       '@types/yargs': 17.0.35
       chalk: 4.1.2
 
-  '@jest/types@30.4.1':
-    dependencies:
-      '@jest/pattern': 30.4.0
-      '@jest/schemas': 30.4.1
-      '@types/istanbul-lib-coverage': 2.0.6
-      '@types/istanbul-reports': 3.0.4
-      '@types/node': 20.19.41
-      '@types/yargs': 17.0.35
-      chalk: 4.1.2
-    optional: true
-
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -13152,7 +14064,7 @@ snapshots:
 
   '@lukeed/csprng@1.1.0': {}
 
-  '@mantine/core@8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@mantine/core@8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@floating-ui/react': 0.27.19(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@mantine/hooks': 8.3.18(react@19.2.6)
@@ -13160,13 +14072,26 @@ snapshots:
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
       react-number-format: 5.4.5(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      react-remove-scroll: 2.7.2(@types/react@18.3.29)(react@19.2.6)
-      react-textarea-autosize: 8.5.9(@types/react@18.3.29)(react@19.2.6)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@19.2.6)
+      react-textarea-autosize: 8.5.9(@types/react@18.3.31)(react@19.2.6)
       type-fest: 4.41.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@18.3.1))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/react': 0.27.19(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@mantine/hooks': 9.3.0(react@18.3.1)
+      clsx: 2.1.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-number-format: 5.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@18.3.1)
+      type-fest: 5.7.0
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@floating-ui/react': 0.27.19(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@mantine/hooks': 9.3.0(react@19.2.6)
@@ -13174,17 +14099,17 @@ snapshots:
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
       react-number-format: 5.4.5(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      react-remove-scroll: 2.7.2(@types/react@18.3.29)(react@19.2.6)
-      type-fest: 5.6.0
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@19.2.6)
+      type-fest: 5.7.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@mantine/dates@8.3.18(@mantine/core@8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mantine/hooks@8.3.18(react@19.2.6))(dayjs@1.11.20)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@mantine/dates@8.3.18(@mantine/core@8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mantine/hooks@8.3.18(react@19.2.6))(dayjs@1.11.21)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@mantine/core': 8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mantine/core': 8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@mantine/hooks': 8.3.18(react@19.2.6)
       clsx: 2.1.1
-      dayjs: 1.11.20
+      dayjs: 1.11.21
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
 
@@ -13192,6 +14117,10 @@ snapshots:
     dependencies:
       react: 19.2.6
 
+  '@mantine/hooks@9.3.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
   '@mantine/hooks@9.3.0(react@19.2.6)':
     dependencies:
       react: 19.2.6
@@ -13205,28 +14134,29 @@ snapshots:
       nopt: 5.0.0
       npmlog: 5.0.1
       rimraf: 3.0.2
-      semver: 7.8.1
+      semver: 7.8.2
       tar: 6.2.1
     transitivePeerDependencies:
       - encoding
       - supports-color
-    optional: true
+
+  '@microsoft/tsdoc@0.15.1': {}
 
   '@microsoft/tsdoc@0.16.0': {}
 
   '@modelcontextprotocol/sdk@1.29.0(zod@3.25.76)':
     dependencies:
-      '@hono/node-server': 1.19.14(hono@4.12.22)
+      '@hono/node-server': 1.19.14(hono@4.12.23)
       ajv: 8.20.0
       ajv-formats: 3.0.1(ajv@8.20.0)
       content-type: 1.0.5
       cors: 2.8.6
       cross-spawn: 7.0.6
       eventsource: 3.0.7
-      eventsource-parser: 3.0.8
+      eventsource-parser: 3.1.0
       express: 5.2.1
       express-rate-limit: 8.5.2(express@5.2.1)
-      hono: 4.12.22
+      hono: 4.12.23
       jose: 6.2.3
       json-schema-typed: 8.0.2
       pkce-challenge: 5.0.1
@@ -13245,150 +14175,229 @@ snapshots:
       outvariant: 1.4.3
       strict-event-emitter: 0.5.1
 
-  '@mui/base@5.0.0-beta.70(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@mui/base@5.0.0-beta.70(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@floating-ui/react-dom': 2.1.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@mui/types': 7.2.24(@types/react@18.3.29)
-      '@mui/utils': 6.4.9(@types/react@18.3.29)(react@19.2.6)
+      '@mui/types': 7.2.24(@types/react@18.3.31)
+      '@mui/utils': 6.4.9(@types/react@18.3.31)(react@19.2.6)
       '@popperjs/core': 2.11.8
       clsx: 2.1.1
       prop-types: 15.8.1
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
   '@mui/core-downloads-tracker@5.18.0': {}
 
-  '@mui/icons-material@5.18.0(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)':
+  '@mui/icons-material@5.18.0(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
-      '@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@babel/runtime': 7.29.7
+      '@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@mui/core-downloads-tracker': 5.18.0
-      '@mui/system': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
-      '@mui/types': 7.2.24(@types/react@18.3.29)
-      '@mui/utils': 5.17.1(@types/react@18.3.29)(react@19.2.6)
+      '@mui/system': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@mui/types': 7.2.24(@types/react@18.3.31)
+      '@mui/utils': 5.17.1(@types/react@18.3.31)(react@19.2.6)
       '@popperjs/core': 2.11.8
-      '@types/react-transition-group': 4.4.12(@types/react@18.3.29)
+      '@types/react-transition-group': 4.4.12(@types/react@18.3.31)
       clsx: 2.1.1
       csstype: 3.2.3
       prop-types: 15.8.1
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
-      react-is: 19.2.6
+      react-is: 19.2.7
       react-transition-group: 4.4.5(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
     optionalDependencies:
-      '@emotion/react': 11.14.0(@types/react@18.3.29)(react@19.2.6)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
-      '@types/react': 18.3.29
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@types/react': 18.3.31
 
-  '@mui/private-theming@5.17.1(@types/react@18.3.29)(react@19.2.6)':
+  '@mui/private-theming@5.17.1(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
-      '@mui/utils': 5.17.1(@types/react@18.3.29)(react@19.2.6)
+      '@babel/runtime': 7.29.7
+      '@mui/utils': 5.17.1(@types/react@18.3.31)(react@19.2.6)
       prop-types: 15.8.1
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@mui/styled-engine@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(react@19.2.6)':
+  '@mui/styled-engine@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@emotion/cache': 11.14.0
       '@emotion/serialize': 1.3.3
       csstype: 3.2.3
       prop-types: 15.8.1
       react: 19.2.6
     optionalDependencies:
-      '@emotion/react': 11.14.0(@types/react@18.3.29)(react@19.2.6)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
 
-  '@mui/system@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)':
+  '@mui/system@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
-      '@mui/private-theming': 5.17.1(@types/react@18.3.29)(react@19.2.6)
-      '@mui/styled-engine': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(react@19.2.6)
-      '@mui/types': 7.2.24(@types/react@18.3.29)
-      '@mui/utils': 5.17.1(@types/react@18.3.29)(react@19.2.6)
+      '@babel/runtime': 7.29.7
+      '@mui/private-theming': 5.17.1(@types/react@18.3.31)(react@19.2.6)
+      '@mui/styled-engine': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(react@19.2.6)
+      '@mui/types': 7.2.24(@types/react@18.3.31)
+      '@mui/utils': 5.17.1(@types/react@18.3.31)(react@19.2.6)
       clsx: 2.1.1
       csstype: 3.2.3
       prop-types: 15.8.1
       react: 19.2.6
     optionalDependencies:
-      '@emotion/react': 11.14.0(@types/react@18.3.29)(react@19.2.6)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
-      '@types/react': 18.3.29
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@types/react': 18.3.31
 
-  '@mui/types@7.2.24(@types/react@18.3.29)':
+  '@mui/types@7.2.24(@types/react@18.3.31)':
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@mui/utils@5.17.1(@types/react@18.3.29)(react@19.2.6)':
+  '@mui/utils@5.17.1(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
-      '@mui/types': 7.2.24(@types/react@18.3.29)
+      '@babel/runtime': 7.29.7
+      '@mui/types': 7.2.24(@types/react@18.3.31)
       '@types/prop-types': 15.7.15
       clsx: 2.1.1
       prop-types: 15.8.1
       react: 19.2.6
-      react-is: 19.2.6
+      react-is: 19.2.7
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@mui/utils@6.4.9(@types/react@18.3.29)(react@19.2.6)':
+  '@mui/utils@6.4.9(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
-      '@mui/types': 7.2.24(@types/react@18.3.29)
+      '@babel/runtime': 7.29.7
+      '@mui/types': 7.2.24(@types/react@18.3.31)
       '@types/prop-types': 15.7.15
       clsx: 2.1.1
       prop-types: 15.8.1
       react: 19.2.6
-      react-is: 19.2.6
+      react-is: 19.2.7
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@mui/x-date-pickers@6.20.2(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mui/system@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(date-fns@3.6.0)(dayjs@1.11.20)(moment@2.30.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@mui/x-date-pickers@6.20.2(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mui/system@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(date-fns@3.6.0)(dayjs@1.11.21)(luxon@3.7.2)(moment@2.30.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
-      '@mui/base': 5.0.0-beta.70(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@mui/system': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
-      '@mui/utils': 5.17.1(@types/react@18.3.29)(react@19.2.6)
-      '@types/react-transition-group': 4.4.12(@types/react@18.3.29)
+      '@babel/runtime': 7.29.7
+      '@mui/base': 5.0.0-beta.70(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mui/system': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@mui/utils': 5.17.1(@types/react@18.3.31)(react@19.2.6)
+      '@types/react-transition-group': 4.4.12(@types/react@18.3.31)
       clsx: 2.1.1
       prop-types: 15.8.1
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
       react-transition-group: 4.4.5(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
     optionalDependencies:
-      '@emotion/react': 11.14.0(@types/react@18.3.29)(react@19.2.6)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
       date-fns: 3.6.0
-      dayjs: 1.11.20
+      dayjs: 1.11.21
+      luxon: 3.7.2
       moment: 2.30.1
     transitivePeerDependencies:
       - '@types/react'
 
-  '@nestjs/axios@4.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.16.1)(rxjs@7.8.2)':
+  '@mui/x-date-pickers@6.20.2(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mui/system@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(date-fns@4.4.0)(dayjs@1.11.21)(luxon@3.7.2)(moment@2.30.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      axios: 1.16.1
+      '@babel/runtime': 7.29.7
+      '@mui/base': 5.0.0-beta.70(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mui/system': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@mui/utils': 5.17.1(@types/react@18.3.31)(react@19.2.6)
+      '@types/react-transition-group': 4.4.12(@types/react@18.3.31)
+      clsx: 2.1.1
+      prop-types: 15.8.1
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+      react-transition-group: 4.4.5(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+    optionalDependencies:
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      date-fns: 4.4.0
+      dayjs: 1.11.21
+      luxon: 3.7.2
+      moment: 2.30.1
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@napi-rs/canvas-android-arm64@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-darwin-arm64@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-darwin-x64@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-linux-arm-gnueabihf@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-linux-arm64-gnu@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-linux-arm64-musl@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-linux-riscv64-gnu@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-linux-x64-gnu@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-linux-x64-musl@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-win32-arm64-msvc@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas-win32-x64-msvc@0.1.100':
+    optional: true
+
+  '@napi-rs/canvas@0.1.100':
+    optionalDependencies:
+      '@napi-rs/canvas-android-arm64': 0.1.100
+      '@napi-rs/canvas-darwin-arm64': 0.1.100
+      '@napi-rs/canvas-darwin-x64': 0.1.100
+      '@napi-rs/canvas-linux-arm-gnueabihf': 0.1.100
+      '@napi-rs/canvas-linux-arm64-gnu': 0.1.100
+      '@napi-rs/canvas-linux-arm64-musl': 0.1.100
+      '@napi-rs/canvas-linux-riscv64-gnu': 0.1.100
+      '@napi-rs/canvas-linux-x64-gnu': 0.1.100
+      '@napi-rs/canvas-linux-x64-musl': 0.1.100
+      '@napi-rs/canvas-win32-arm64-msvc': 0.1.100
+      '@napi-rs/canvas-win32-x64-msvc': 0.1.100
+    optional: true
+
+  '@napi-rs/wasm-runtime@1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@tybys/wasm-util': 0.10.2
+    optional: true
+
+  '@nestjs/axios@4.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.17.0)(rxjs@7.8.2)':
+    dependencies:
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      axios: 1.17.0
       rxjs: 7.8.2
 
-  '@nestjs/cli@11.0.21(@types/node@20.19.41)(prettier@3.8.3)':
+  '@nestjs/cli@11.0.21(@types/node@20.19.42)(prettier@3.8.3)':
     dependencies:
       '@angular-devkit/core': 19.2.24(chokidar@4.0.3)
       '@angular-devkit/schematics': 19.2.24(chokidar@4.0.3)
-      '@angular-devkit/schematics-cli': 19.2.24(@types/node@20.19.41)(chokidar@4.0.3)
-      '@inquirer/prompts': 7.10.1(@types/node@20.19.41)
+      '@angular-devkit/schematics-cli': 19.2.24(@types/node@20.19.42)(chokidar@4.0.3)
+      '@inquirer/prompts': 7.10.1(@types/node@20.19.42)
       '@nestjs/schematics': 11.1.0(chokidar@4.0.3)(prettier@3.8.3)(typescript@5.9.3)
       ansis: 4.2.0
       chokidar: 4.0.3
@@ -13419,7 +14428,7 @@ snapshots:
       - uglify-js
       - webpack-cli
 
-  '@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
+  '@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
     dependencies:
       file-type: 21.3.4
       iterare: 1.2.1
@@ -13434,17 +14443,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@nestjs/config@4.0.4(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)':
+  '@nestjs/config@4.0.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(rxjs@7.8.2)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       dotenv: 17.4.1
       dotenv-expand: 12.0.3
       lodash: 4.18.1
       rxjs: 7.8.2
 
-  '@nestjs/core@11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
+  '@nestjs/core@11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       '@nuxt/opencollective': 0.4.1
       fast-safe-stringify: 2.1.1
       iterare: 1.2.1
@@ -13454,27 +14463,41 @@ snapshots:
       tslib: 2.8.1
       uid: 2.0.2
     optionalDependencies:
-      '@nestjs/microservices': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/platform-express': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)
+      '@nestjs/microservices': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/platform-express': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
 
-  '@nestjs/jwt@11.0.2(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))':
+  '@nestjs/event-emitter@2.1.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@types/jsonwebtoken': 9.0.10
-      jsonwebtoken: 9.0.3
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      eventemitter2: 6.4.9
 
-  '@nestjs/mapped-types@2.1.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)':
+  '@nestjs/jwt@10.2.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@types/jsonwebtoken': 9.0.5
+      jsonwebtoken: 9.0.2
+
+  '@nestjs/mapped-types@2.0.5(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)':
+    dependencies:
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       reflect-metadata: 0.2.2
     optionalDependencies:
       class-transformer: 0.5.1
       class-validator: 0.14.4
 
-  '@nestjs/microservices@11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
+  '@nestjs/mapped-types@2.1.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      reflect-metadata: 0.2.2
+    optionalDependencies:
+      class-transformer: 0.5.1
+      class-validator: 0.14.4
+
+  '@nestjs/microservices@11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)':
+    dependencies:
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       iterare: 1.2.1
       reflect-metadata: 0.2.2
       rxjs: 7.8.2
@@ -13483,15 +14506,15 @@ snapshots:
       amqp-connection-manager: 5.0.0(amqplib@2.0.1)
       amqplib: 2.0.1
 
-  '@nestjs/passport@11.0.5(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(passport@0.7.0)':
+  '@nestjs/passport@10.0.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(passport@0.7.0)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       passport: 0.7.0
 
-  '@nestjs/platform-express@11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)':
+  '@nestjs/platform-express@11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       cors: 2.8.6
       express: 5.2.1
       multer: 2.1.1
@@ -13500,6 +14523,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@nestjs/schedule@6.1.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)':
+    dependencies:
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      cron: 4.4.0
+
   '@nestjs/schematics@11.1.0(chokidar@4.0.3)(prettier@3.8.3)(typescript@5.9.3)':
     dependencies:
       '@angular-devkit/core': 19.2.24(chokidar@4.0.3)
@@ -13513,12 +14542,12 @@ snapshots:
     transitivePeerDependencies:
       - chokidar
 
-  '@nestjs/swagger@11.4.4(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)':
+  '@nestjs/swagger@11.4.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)':
     dependencies:
       '@microsoft/tsdoc': 0.16.0
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/mapped-types': 2.1.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/mapped-types': 2.1.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
       js-yaml: 4.1.1
       lodash: 4.18.1
       path-to-regexp: 8.4.2
@@ -13528,28 +14557,76 @@ snapshots:
       class-transformer: 0.5.1
       class-validator: 0.14.4
 
-  '@nestjs/testing@11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)':
+  '@nestjs/swagger@7.4.2(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@microsoft/tsdoc': 0.15.1
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/mapped-types': 2.0.5(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
+      js-yaml: 4.1.0
+      lodash: 4.17.21
+      path-to-regexp: 3.3.0
+      reflect-metadata: 0.2.2
+      swagger-ui-dist: 5.17.14
+    optionalDependencies:
+      class-transformer: 0.5.1
+      class-validator: 0.14.4
+
+  '@nestjs/testing@11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)':
+    dependencies:
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       tslib: 2.8.1
     optionalDependencies:
-      '@nestjs/microservices': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/platform-express': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)
+      '@nestjs/microservices': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/platform-express': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
 
-  '@nestjs/throttler@6.5.0(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(reflect-metadata@0.2.2)':
+  '@nestjs/throttler@6.5.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       reflect-metadata: 0.2.2
 
-  '@nestjs/typeorm@11.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))':
+  '@nestjs/typeorm@11.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))':
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       reflect-metadata: 0.2.2
       rxjs: 7.8.2
-      typeorm: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      typeorm: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
+
+  '@next/env@14.2.35': {}
+
+  '@next/eslint-plugin-next@14.2.35':
+    dependencies:
+      glob: 10.3.10
+
+  '@next/swc-darwin-arm64@14.2.33':
+    optional: true
+
+  '@next/swc-darwin-x64@14.2.33':
+    optional: true
+
+  '@next/swc-linux-arm64-gnu@14.2.33':
+    optional: true
+
+  '@next/swc-linux-arm64-musl@14.2.33':
+    optional: true
+
+  '@next/swc-linux-x64-gnu@14.2.33':
+    optional: true
+
+  '@next/swc-linux-x64-musl@14.2.33':
+    optional: true
+
+  '@next/swc-win32-arm64-msvc@14.2.33':
+    optional: true
+
+  '@next/swc-win32-ia32-msvc@14.2.33':
+    optional: true
+
+  '@next/swc-win32-x64-msvc@14.2.33':
+    optional: true
 
   '@noble/ciphers@1.3.0': {}
 
@@ -13571,15 +14648,17 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.20.1
 
+  '@nolyfill/is-core-module@1.0.39': {}
+
   '@nuxt/opencollective@0.4.1':
     dependencies:
       consola: 3.4.2
 
-  '@onlyoffice/doceditor-types@9.3.1': {}
+  '@onlyoffice/doceditor-types@9.4.0': {}
 
-  '@onlyoffice/document-editor-react@2.2.0(@onlyoffice/doceditor-types@9.3.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@onlyoffice/document-editor-react@2.2.0(@onlyoffice/doceditor-types@9.4.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@onlyoffice/doceditor-types': 9.3.1
+      '@onlyoffice/doceditor-types': 9.4.0
       lodash: 4.18.1
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
@@ -13595,7 +14674,7 @@ snapshots:
 
   '@open-draft/until@2.1.0': {}
 
-  '@pandacss/is-valid-prop@1.11.1': {}
+  '@pandacss/is-valid-prop@1.11.3': {}
 
   '@paralleldrive/cuid2@2.3.1':
     dependencies:
@@ -13668,13 +14747,48 @@ snapshots:
 
   '@popperjs/core@2.11.8': {}
 
+  '@prisma/client@6.19.3(prisma@6.19.3(typescript@5.9.3))(typescript@5.9.3)':
+    optionalDependencies:
+      prisma: 6.19.3(typescript@5.9.3)
+      typescript: 5.9.3
+
+  '@prisma/config@6.19.3':
+    dependencies:
+      c12: 3.1.0
+      deepmerge-ts: 7.1.5
+      effect: 3.21.0
+      empathic: 2.0.0
+    transitivePeerDependencies:
+      - magicast
+
+  '@prisma/debug@6.19.3': {}
+
+  '@prisma/engines-version@7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7': {}
+
+  '@prisma/engines@6.19.3':
+    dependencies:
+      '@prisma/debug': 6.19.3
+      '@prisma/engines-version': 7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7
+      '@prisma/fetch-engine': 6.19.3
+      '@prisma/get-platform': 6.19.3
+
+  '@prisma/fetch-engine@6.19.3':
+    dependencies:
+      '@prisma/debug': 6.19.3
+      '@prisma/engines-version': 7.1.1-3.c2990dca591cba766e3b7ef5d9e8a84796e47ab7
+      '@prisma/get-platform': 6.19.3
+
+  '@prisma/get-platform@6.19.3':
+    dependencies:
+      '@prisma/debug': 6.19.3
+
   '@puppeteer/browsers@2.13.2':
     dependencies:
       debug: 4.4.3(supports-color@5.5.0)
       extract-zip: 2.0.1
       progress: 2.0.3
       proxy-agent: 6.5.0
-      semver: 7.8.1
+      semver: 7.8.2
       tar-fs: 3.1.2
       yargs: 17.7.2
     transitivePeerDependencies:
@@ -13683,969 +14797,1643 @@ snapshots:
       - react-native-b4a
       - supports-color
 
-  '@radix-ui/number@1.1.1': {}
+  '@radix-ui/number@1.1.2': {}
 
-  '@radix-ui/primitive@1.1.3': {}
+  '@radix-ui/primitive@1.1.4': {}
 
-  '@radix-ui/react-accessible-icon@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-accessible-icon@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-accessible-icon@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-accordion@1.2.12(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-accordion@1.2.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collapsible': 1.1.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-accordion@1.2.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collapsible': 1.1.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-alert-dialog@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-alert-dialog@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-arrow@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-arrow@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-arrow@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-aspect-ratio@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-aspect-ratio@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-aspect-ratio@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-avatar@1.1.10(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-avatar@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-avatar@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-avatar@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-checkbox@1.3.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-context': 1.1.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-checkbox@1.3.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-collapsible@1.1.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-collapsible@1.1.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-collection@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-collection@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-collection@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-compose-refs@1.1.3(@types/react@18.3.31)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-compose-refs@1.1.3(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-context-menu@2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-context-menu@2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@18.3.29)(react@19.2.6)':
+  '@radix-ui/react-context@1.1.4(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-context@1.1.4(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-dialog@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
-      react-dom: 19.2.6(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      aria-hidden: 1.2.6
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-context@1.1.2(@types/react@18.3.29)(react@19.2.6)':
+  '@radix-ui/react-dialog@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-context@1.1.3(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-dialog@1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       aria-hidden: 1.2.6
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
-      react-remove-scroll: 2.7.2(@types/react@18.3.29)(react@19.2.6)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-direction@1.1.1(@types/react@18.3.29)(react@19.2.6)':
+  '@radix-ui/react-direction@1.1.2(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-direction@1.1.2(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-dismissable-layer@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-dismissable-layer@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-escape-keydown': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-dropdown-menu@2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-dropdown-menu@2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-focus-guards@1.1.3(@types/react@18.3.29)(react@19.2.6)':
+  '@radix-ui/react-focus-guards@1.1.4(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-focus-guards@1.1.4(@types/react@18.3.31)(react@19.2.6)':
     dependencies:
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-focus-scope@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-focus-scope@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-form@0.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-form@0.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-label': 2.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-label': 2.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-form@0.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-label': 2.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-hover-card@1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-hover-card@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-hover-card@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-id@1.1.1(@types/react@18.3.29)(react@19.2.6)':
+  '@radix-ui/react-id@1.1.2(@types/react@18.3.31)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-id@1.1.2(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@radix-ui/react-label@2.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-label@2.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-label@2.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-label@2.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-menu@2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      react: 19.2.6
-      react-dom: 19.2.6(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      aria-hidden: 1.2.6
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-menu@2.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-menu@2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       aria-hidden: 1.2.6
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
-      react-remove-scroll: 2.7.2(@types/react@18.3.29)(react@19.2.6)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-menubar@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-menubar@1.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-menubar@1.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-navigation-menu@1.2.15(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-navigation-menu@1.2.15(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-one-time-password-field@0.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-one-time-password-field@0.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-one-time-password-field@0.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-password-toggle-field@0.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-password-toggle-field@0.1.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-password-toggle-field@0.1.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-popover@1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-popover@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      aria-hidden: 1.2.6
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-popover@1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       aria-hidden: 1.2.6
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
-      react-remove-scroll: 2.7.2(@types/react@18.3.29)(react@19.2.6)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-popper@1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-popper@1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-arrow': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-rect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/rect': 1.1.2
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-popper@1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@floating-ui/react-dom': 2.1.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-rect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/rect': 1.1.1
+      '@radix-ui/react-arrow': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-rect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/rect': 1.1.2
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-portal@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-portal@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-portal@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-presence@1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-presence@1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-presence@1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-primitive@2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-primitive@2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-primitive@2.1.4(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-progress@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-slot': 1.2.4(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-progress@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-progress@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-radio-group@1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-radio-group@1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-progress@1.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-roving-focus@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-context': 1.1.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-roving-focus@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-scroll-area@1.2.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-scroll-area@1.2.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-select@2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
-      react-dom: 19.2.6(react@19.2.6)
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      aria-hidden: 1.2.6
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-select@2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
-      react-dom: 19.2.6(react@19.2.6)
-    optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
-
-  '@radix-ui/react-select@2.2.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       aria-hidden: 1.2.6
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
-      react-remove-scroll: 2.7.2(@types/react@18.3.29)(react@19.2.6)
+      react-remove-scroll: 2.7.2(@types/react@18.3.31)(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-separator@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-separator@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-separator@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-separator@1.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-slider@1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-slider@1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/number': 1.1.2
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-slider@1.3.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-slot@1.2.5(@types/react@18.3.31)(react@18.3.1)':
     dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-slot@1.2.5(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-switch@1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-switch@1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-previous': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-slot@1.2.3(@types/react@18.3.29)(react@19.2.6)':
+  '@radix-ui/react-tabs@1.1.14(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-slot@1.2.4(@types/react@18.3.29)(react@19.2.6)':
+  '@radix-ui/react-tabs@1.1.14(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-switch@1.2.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-tabs@1.1.13(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-toast@1.2.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-toast@1.2.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-toast@1.2.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-toggle-group@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-toggle-group@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-toggle@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-toggle@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-toggle@1.1.10(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-toolbar@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-separator': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle-group': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-toolbar@1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-separator': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle-group': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-toolbar@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-tooltip@1.2.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-separator': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-tooltip@1.2.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@radix-ui/react-use-callback-ref@1.1.2(@types/react@18.3.31)(react@18.3.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-callback-ref@1.1.2(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-controllable-state@1.2.3(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-controllable-state@1.2.3(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-effect-event@0.0.3(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-effect-event@0.0.3(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-escape-keydown@1.1.2(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-escape-keydown@1.1.2(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-is-hydrated@0.1.1(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-is-hydrated@0.1.1(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-layout-effect@1.1.2(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-layout-effect@1.1.2(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-previous@1.1.2(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-previous@1.1.2(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-rect@1.1.2(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/rect': 1.1.2
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-rect@1.1.2(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      '@radix-ui/rect': 1.1.2
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-size@1.1.2(@types/react@18.3.31)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-use-size@1.1.2(@types/react@18.3.31)(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      react: 19.2.6
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  '@radix-ui/react-visually-hidden@1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  '@radix-ui/react-visually-hidden@1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
-  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@18.3.29)(react@19.2.6)':
+  '@radix-ui/rect@1.1.2': {}
+
+  '@react-pdf-viewer/attachment@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      react: 19.2.6
-      use-sync-external-store: 1.6.0(react@19.2.6)
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-use-previous@1.1.1(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-use-rect@1.1.1(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      '@radix-ui/rect': 1.1.1
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-use-size@1.1.1(@types/react@18.3.29)(react@19.2.6)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      react: 19.2.6
-    optionalDependencies:
-      '@types/react': 18.3.29
-
-  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      react: 19.2.6
-      react-dom: 19.2.6(react@19.2.6)
-    optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
-
-  '@radix-ui/rect@1.1.1': {}
-
-  '@react-pdf-viewer/attachment@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
-    dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/bookmark@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/bookmark@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/core@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/core@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      pdfjs-dist: 3.11.174
+      pdfjs-dist: 5.4.296
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
 
-  '@react-pdf-viewer/default-layout@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/default-layout@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/attachment': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/bookmark': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/thumbnail': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/toolbar': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/attachment': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/bookmark': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/thumbnail': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/toolbar': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/full-screen@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/full-screen@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/get-file@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/get-file@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/open@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/open@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/page-navigation@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/page-navigation@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/print@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/print@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/properties@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/properties@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/rotate@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/rotate@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/scroll-mode@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/scroll-mode@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/search@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/search@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/selection-mode@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/selection-mode@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/theme@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/theme@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/thumbnail@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/thumbnail@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/toolbar@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/toolbar@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/full-screen': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/get-file': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/open': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/page-navigation': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/print': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/properties': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/rotate': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/scroll-mode': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/search': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/selection-mode': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/theme': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/zoom': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/full-screen': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/get-file': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/open': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/page-navigation': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/print': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/properties': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/rotate': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/scroll-mode': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/search': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/selection-mode': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/theme': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/zoom': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
       - pdfjs-dist
 
-  '@react-pdf-viewer/zoom@3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@react-pdf-viewer/zoom@3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
@@ -14680,7 +16468,7 @@ snapshots:
 
   '@react-pdf/pdfkit@5.1.1':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@noble/ciphers': 1.3.0
       '@noble/hashes': 1.8.0
       browserify-zlib: 0.2.0
@@ -14701,7 +16489,7 @@ snapshots:
 
   '@react-pdf/render@4.5.1':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@react-pdf/fns': 3.1.3
       '@react-pdf/primitives': 4.3.0
       '@react-pdf/textkit': 6.3.0
@@ -14714,7 +16502,7 @@ snapshots:
 
   '@react-pdf/renderer@4.5.1(react@19.2.6)':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@react-pdf/fns': 3.1.3
       '@react-pdf/font': 4.0.8
       '@react-pdf/layout': 4.6.1
@@ -14755,7 +16543,7 @@ snapshots:
       '@react-pdf/primitives': 4.3.0
       '@react-pdf/stylesheet': 6.2.1
 
-  '@reduxjs/toolkit@2.12.0(react-redux@9.3.0(@types/react@18.3.29)(react@19.2.6)(redux@5.0.1))(react@19.2.6)':
+  '@reduxjs/toolkit@2.12.0(react-redux@9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1))(react@19.2.6)':
     dependencies:
       '@standard-schema/spec': 1.1.0
       '@standard-schema/utils': 0.3.0
@@ -14765,97 +16553,116 @@ snapshots:
       reselect: 5.2.0
     optionalDependencies:
       react: 19.2.6
-      react-redux: 9.3.0(@types/react@18.3.29)(react@19.2.6)(redux@5.0.1)
+      react-redux: 9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1)
 
-  '@remix-run/router@1.23.2': {}
+  '@remix-run/router@1.23.3': {}
 
   '@rolldown/pluginutils@1.0.0-beta.27': {}
 
-  '@rollup/rollup-android-arm-eabi@4.60.4':
+  '@rollup/rollup-android-arm-eabi@4.61.1':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.60.4':
+  '@rollup/rollup-android-arm64@4.61.1':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.60.4':
+  '@rollup/rollup-darwin-arm64@4.61.1':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.60.4':
+  '@rollup/rollup-darwin-x64@4.61.1':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.60.4':
+  '@rollup/rollup-freebsd-arm64@4.61.1':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.60.4':
+  '@rollup/rollup-freebsd-x64@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.60.4':
+  '@rollup/rollup-linux-arm-gnueabihf@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.60.4':
+  '@rollup/rollup-linux-arm-musleabihf@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.60.4':
+  '@rollup/rollup-linux-arm64-gnu@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.60.4':
+  '@rollup/rollup-linux-arm64-musl@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-loong64-gnu@4.60.4':
+  '@rollup/rollup-linux-loong64-gnu@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-loong64-musl@4.60.4':
+  '@rollup/rollup-linux-loong64-musl@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-ppc64-gnu@4.60.4':
+  '@rollup/rollup-linux-ppc64-gnu@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-ppc64-musl@4.60.4':
+  '@rollup/rollup-linux-ppc64-musl@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.60.4':
+  '@rollup/rollup-linux-riscv64-gnu@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-musl@4.60.4':
+  '@rollup/rollup-linux-riscv64-musl@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.60.4':
+  '@rollup/rollup-linux-s390x-gnu@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.60.4':
+  '@rollup/rollup-linux-x64-gnu@4.61.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.60.4':
+  '@rollup/rollup-linux-x64-musl@4.61.1':
     optional: true
 
-  '@rollup/rollup-openbsd-x64@4.60.4':
+  '@rollup/rollup-openbsd-x64@4.61.1':
     optional: true
 
-  '@rollup/rollup-openharmony-arm64@4.60.4':
+  '@rollup/rollup-openharmony-arm64@4.61.1':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.60.4':
+  '@rollup/rollup-win32-arm64-msvc@4.61.1':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.60.4':
+  '@rollup/rollup-win32-ia32-msvc@4.61.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-gnu@4.60.4':
+  '@rollup/rollup-win32-x64-gnu@4.61.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.60.4':
+  '@rollup/rollup-win32-x64-msvc@4.61.1':
     optional: true
 
   '@rtsao/scc@1.1.0': {}
 
+  '@rushstack/eslint-patch@1.16.1': {}
+
   '@scarf/scarf@1.4.0': {}
 
   '@sec-ant/readable-stream@0.4.1': {}
 
-  '@sinclair/typebox@0.27.10': {}
+  '@sendgrid/client@8.1.6':
+    dependencies:
+      '@sendgrid/helpers': 8.0.0
+      axios: 1.17.0
+    transitivePeerDependencies:
+      - debug
+      - supports-color
 
-  '@sinclair/typebox@0.34.49':
-    optional: true
+  '@sendgrid/helpers@8.0.0':
+    dependencies:
+      deepmerge: 4.3.1
+
+  '@sendgrid/mail@8.1.6':
+    dependencies:
+      '@sendgrid/client': 8.1.6
+      '@sendgrid/helpers': 8.0.0
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
+  '@sinclair/typebox@0.27.10': {}
 
   '@sindresorhus/merge-streams@4.0.0': {}
 
@@ -14875,10 +16682,17 @@ snapshots:
 
   '@standard-schema/utils@0.3.0': {}
 
-  '@swc/helpers@0.5.21':
+  '@swc/counter@0.1.3': {}
+
+  '@swc/helpers@0.5.23':
     dependencies:
       tslib: 2.8.1
 
+  '@swc/helpers@0.5.5':
+    dependencies:
+      '@swc/counter': 0.1.3
+      tslib: 2.8.1
+
   '@tabby_ai/hijri-converter@1.0.5': {}
 
   '@tabler/icons-react@3.44.0(react@19.2.6)':
@@ -14893,7 +16707,7 @@ snapshots:
       '@parcel/watcher': 2.5.6
       '@tailwindcss/node': 4.3.0
       '@tailwindcss/oxide': 4.3.0
-      enhanced-resolve: 5.22.0
+      enhanced-resolve: 5.23.0
       mri: 1.2.0
       picocolors: 1.1.1
       tailwindcss: 4.3.0
@@ -14901,7 +16715,7 @@ snapshots:
   '@tailwindcss/node@4.3.0':
     dependencies:
       '@jridgewell/remapping': 2.3.5
-      enhanced-resolve: 5.22.0
+      enhanced-resolve: 5.23.0
       jiti: 2.7.0
       lightningcss: 1.32.0
       magic-string: 0.30.21
@@ -14959,28 +16773,39 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
 
-  '@tailwindcss/vite@4.3.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))':
+  '@tailwindcss/vite@4.3.0(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))':
     dependencies:
       '@tailwindcss/node': 4.3.0
       '@tailwindcss/oxide': 4.3.0
       tailwindcss: 4.3.0
-      vite: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
+      vite: 5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0)
 
-  '@tanstack/query-core@5.100.11': {}
+  '@tanstack/query-core@5.101.0': {}
 
-  '@tanstack/query-devtools@5.100.11': {}
+  '@tanstack/query-devtools@5.101.0': {}
 
-  '@tanstack/react-query-devtools@5.100.11(@tanstack/react-query@5.100.11(react@19.2.6))(react@19.2.6)':
+  '@tanstack/react-query-devtools@5.101.0(@tanstack/react-query@5.101.0(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@tanstack/query-devtools': 5.100.11
-      '@tanstack/react-query': 5.100.11(react@19.2.6)
+      '@tanstack/query-devtools': 5.101.0
+      '@tanstack/react-query': 5.101.0(react@19.2.6)
       react: 19.2.6
 
-  '@tanstack/react-query@5.100.11(react@19.2.6)':
+  '@tanstack/react-query@5.101.0(react@18.3.1)':
     dependencies:
-      '@tanstack/query-core': 5.100.11
+      '@tanstack/query-core': 5.101.0
+      react: 18.3.1
+
+  '@tanstack/react-query@5.101.0(react@19.2.6)':
+    dependencies:
+      '@tanstack/query-core': 5.101.0
       react: 19.2.6
 
+  '@tanstack/react-table@8.21.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@tanstack/table-core': 8.21.3
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   '@tanstack/react-table@8.21.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       '@tanstack/table-core': 8.21.3
@@ -14997,145 +16822,146 @@ snapshots:
     optionalDependencies:
       tinymce: 7.9.3
 
-  '@tiptap/core@3.23.6(@tiptap/pm@3.23.6)':
+  '@tiptap/core@3.26.0(@tiptap/pm@3.26.0)':
     dependencies:
-      '@tiptap/pm': 3.23.6
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-blockquote@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-blockquote@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-bold@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-bold@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-bubble-menu@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)':
+  '@tiptap/extension-bubble-menu@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)':
     dependencies:
       '@floating-ui/dom': 1.7.6
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
     optional: true
 
-  '@tiptap/extension-bullet-list@3.23.6(@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-bullet-list@3.26.0(@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/extension-list': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
+      '@tiptap/extension-list': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-code-block@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)':
+  '@tiptap/extension-code-block@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-code@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-code@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-color@3.23.6(@tiptap/extension-text-style@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6)))':
+  '@tiptap/extension-color@3.26.0(@tiptap/extension-text-style@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0)))':
     dependencies:
-      '@tiptap/extension-text-style': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
+      '@tiptap/extension-text-style': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
 
-  '@tiptap/extension-document@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-document@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-dropcursor@3.23.6(@tiptap/extensions@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-dropcursor@3.26.0(@tiptap/extensions@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/extensions': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
+      '@tiptap/extensions': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-floating-menu@3.23.6(@floating-ui/dom@1.7.6)(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)':
+  '@tiptap/extension-floating-menu@3.26.0(@floating-ui/dom@1.7.6)(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)':
     dependencies:
       '@floating-ui/dom': 1.7.6
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
     optional: true
 
-  '@tiptap/extension-gapcursor@3.23.6(@tiptap/extensions@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-gapcursor@3.26.0(@tiptap/extensions@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/extensions': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
+      '@tiptap/extensions': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-hard-break@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-hard-break@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-heading@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-heading@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-highlight@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-highlight@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-horizontal-rule@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)':
+  '@tiptap/extension-horizontal-rule@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-image@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-image@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-italic@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-italic@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-link@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)':
+  '@tiptap/extension-link@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
       linkifyjs: 4.3.3
 
-  '@tiptap/extension-list-item@3.23.6(@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-list-item@3.26.0(@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/extension-list': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
+      '@tiptap/extension-list': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-list-keymap@3.23.6(@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-list-keymap@3.26.0(@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/extension-list': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
+      '@tiptap/extension-list': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)':
+  '@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/extension-ordered-list@3.23.6(@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-ordered-list@3.26.0(@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/extension-list': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
+      '@tiptap/extension-list': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-paragraph@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-paragraph@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-strike@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-strike@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-text-align@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-text-align@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-text-style@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-text-style@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-text@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-text@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extension-underline@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))':
+  '@tiptap/extension-underline@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
 
-  '@tiptap/extensions@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)':
+  '@tiptap/extensions@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
 
-  '@tiptap/pm@3.23.6':
+  '@tiptap/pm@3.26.0':
     dependencies:
       prosemirror-changeset: 2.4.1
       prosemirror-commands: 1.7.1
       prosemirror-dropcursor: 1.8.2
       prosemirror-gapcursor: 1.4.1
       prosemirror-history: 1.5.0
+      prosemirror-inputrules: 1.5.1
       prosemirror-keymap: 1.2.3
       prosemirror-model: 1.25.7
       prosemirror-schema-list: 1.5.1
@@ -15144,49 +16970,49 @@ snapshots:
       prosemirror-transform: 1.12.0
       prosemirror-view: 1.41.8
 
-  '@tiptap/react@3.23.6(@floating-ui/dom@1.7.6)(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+  '@tiptap/react@3.26.0(@floating-ui/dom@1.7.6)(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
       '@types/use-sync-external-store': 0.0.6
       fast-equals: 5.4.0
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
       use-sync-external-store: 1.6.0(react@19.2.6)
     optionalDependencies:
-      '@tiptap/extension-bubble-menu': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
-      '@tiptap/extension-floating-menu': 3.23.6(@floating-ui/dom@1.7.6)(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
+      '@tiptap/extension-bubble-menu': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
+      '@tiptap/extension-floating-menu': 3.26.0(@floating-ui/dom@1.7.6)(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
     transitivePeerDependencies:
       - '@floating-ui/dom'
 
-  '@tiptap/starter-kit@3.23.6':
+  '@tiptap/starter-kit@3.26.0':
     dependencies:
-      '@tiptap/core': 3.23.6(@tiptap/pm@3.23.6)
-      '@tiptap/extension-blockquote': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-bold': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-bullet-list': 3.23.6(@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))
-      '@tiptap/extension-code': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-code-block': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
-      '@tiptap/extension-document': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-dropcursor': 3.23.6(@tiptap/extensions@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))
-      '@tiptap/extension-gapcursor': 3.23.6(@tiptap/extensions@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))
-      '@tiptap/extension-hard-break': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-heading': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-horizontal-rule': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
-      '@tiptap/extension-italic': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-link': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
-      '@tiptap/extension-list': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
-      '@tiptap/extension-list-item': 3.23.6(@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))
-      '@tiptap/extension-list-keymap': 3.23.6(@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))
-      '@tiptap/extension-ordered-list': 3.23.6(@tiptap/extension-list@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6))
-      '@tiptap/extension-paragraph': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-strike': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-text': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-underline': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extensions': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
-      '@tiptap/pm': 3.23.6
+      '@tiptap/core': 3.26.0(@tiptap/pm@3.26.0)
+      '@tiptap/extension-blockquote': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-bold': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-bullet-list': 3.26.0(@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))
+      '@tiptap/extension-code': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-code-block': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
+      '@tiptap/extension-document': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-dropcursor': 3.26.0(@tiptap/extensions@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))
+      '@tiptap/extension-gapcursor': 3.26.0(@tiptap/extensions@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))
+      '@tiptap/extension-hard-break': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-heading': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-horizontal-rule': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
+      '@tiptap/extension-italic': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-link': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
+      '@tiptap/extension-list': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
+      '@tiptap/extension-list-item': 3.26.0(@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))
+      '@tiptap/extension-list-keymap': 3.26.0(@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))
+      '@tiptap/extension-ordered-list': 3.26.0(@tiptap/extension-list@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0))
+      '@tiptap/extension-paragraph': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-strike': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-text': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-underline': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extensions': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
+      '@tiptap/pm': 3.26.0
 
   '@tokenizer/inflate@0.4.1':
     dependencies:
@@ -15199,20 +17025,20 @@ snapshots:
 
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
-  '@tria-plc/api-common@1.4.0(zpvvddrjhstdr6ghewvyxwmd7y)':
+  '@tria-plc/api-common@1.4.3(8585e1bb20832aa29a6196252fda5dd7)':
     dependencies:
-      '@nestjs/axios': 4.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.16.1)(rxjs@7.8.2)
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/jwt': 11.0.2(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))
-      '@nestjs/microservices': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/passport': 11.0.5(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(passport@0.7.0)
-      '@nestjs/swagger': 11.4.4(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
-      '@nestjs/throttler': 6.5.0(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(reflect-metadata@0.2.2)
-      '@nestjs/typeorm': 11.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))
-      '@tria-plc/iamapi-common': 0.5.1(zlw6fesbrlnn356ipkdfsmegyu)
+      '@nestjs/axios': 4.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.17.0)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/jwt': 10.2.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))
+      '@nestjs/microservices': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/passport': 10.0.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(passport@0.7.0)
+      '@nestjs/swagger': 11.4.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
+      '@nestjs/throttler': 6.5.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)
+      '@nestjs/typeorm': 11.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))
+      '@tria-plc/iamapi-common': 0.6.6(578386f46cf99fd4720e3e99f196f69e)
       argon2: 0.43.1
-      axios: 1.16.1
+      axios: 1.17.0
       change-case: 5.4.4
       class-transformer: 0.5.1
       class-validator: 0.14.4
@@ -15226,16 +17052,16 @@ snapshots:
       jmespath: 0.16.0
       jose: 5.10.0
       jsonwebtoken: 9.0.3
-      libphonenumber-js: 1.13.3
+      libphonenumber-js: 1.13.6
       libreoffice-convert: 1.8.1
-      nestjs-minio-client: 2.2.0(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)
+      nestjs-minio-client: 2.2.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
       passport-jwt: 4.0.1
       qrcode: 1.5.4
       reflect-metadata: 0.2.2
       rxjs: 7.8.2
       style-object-to-css-string: 1.1.3
-      typeorm: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
-      typeorm-extension: 3.9.0(@faker-js/faker@10.4.0)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))
+      typeorm: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
+      typeorm-extension: 3.9.0(@faker-js/faker@10.4.0)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))
       uuid: 11.1.1
       xlsx: 0.18.5
     transitivePeerDependencies:
@@ -15243,102 +17069,102 @@ snapshots:
       - debug
       - supports-color
 
-  '@tria-plc/iamapi-common@0.5.1(zlw6fesbrlnn356ipkdfsmegyu)':
+  '@tria-plc/iamapi-common@0.6.6(578386f46cf99fd4720e3e99f196f69e)':
     dependencies:
-      '@nestjs/axios': 4.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.16.1)(rxjs@7.8.2)
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/jwt': 11.0.2(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))
-      '@nestjs/microservices': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/passport': 11.0.5(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(passport@0.7.0)
-      '@nestjs/swagger': 11.4.4(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
-      '@nestjs/throttler': 6.5.0(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(reflect-metadata@0.2.2)
-      '@nestjs/typeorm': 11.0.1(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))
-      '@tria-plc/api-common': 1.4.0(zpvvddrjhstdr6ghewvyxwmd7y)
+      '@nestjs/axios': 4.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(axios@1.17.0)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/jwt': 10.2.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))
+      '@nestjs/microservices': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(amqp-connection-manager@5.0.0(amqplib@2.0.1))(amqplib@2.0.1)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/passport': 10.0.3(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(passport@0.7.0)
+      '@nestjs/swagger': 11.4.4(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)
+      '@nestjs/throttler': 6.5.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)
+      '@nestjs/typeorm': 11.0.1(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))
+      '@tria-plc/api-common': 1.4.3(8585e1bb20832aa29a6196252fda5dd7)
       api-common: 1.2.2
       argon2: 0.43.1
-      axios: 1.16.1
+      axios: 1.17.0
       class-transformer: 0.5.1
       class-validator: 0.14.4
       ethiopian-date: 0.0.6
       file-type: 21.3.4
       jose: 5.10.0
       jsonwebtoken: 9.0.3
-      libphonenumber-js: 1.13.3
-      nestjs-minio-client: 2.2.0(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23)
+      libphonenumber-js: 1.13.6
+      nestjs-minio-client: 2.2.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24)
       passport-jwt: 4.0.1
       qrcode: 1.5.4
       reflect-metadata: 0.2.2
       rxjs: 7.8.2
-      typeorm: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
-      typeorm-extension: 3.9.0(@faker-js/faker@10.4.0)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))
+      typeorm: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
+      typeorm-extension: 3.9.0(@faker-js/faker@10.4.0)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))
       uuid: 11.1.1
     transitivePeerDependencies:
       - '@faker-js/faker'
       - supports-color
 
-  '@tria-plc/iamui-common@1.1.2(c76sr2ir7jvvbtqpsxo334jyfq)':
+  '@tria-plc/iamui-common@1.1.2(631ddfe3435b77e5a0893e986e0c71da)':
     dependencies:
-      '@chakra-ui/react': 3.35.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@emotion/react': 11.14.0(@types/react@18.3.29)(react@19.2.6)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
-      '@hookform/resolvers': 5.4.0(react-hook-form@7.76.0(react@19.2.6))
+      '@chakra-ui/react': 3.35.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@hookform/resolvers': 5.4.0(react-hook-form@7.77.0(react@19.2.6))
       '@lottiefiles/react-lottie-player': 3.6.0(react@19.2.6)
-      '@mantine/core': 8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@mantine/dates': 8.3.18(@mantine/core@8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mantine/hooks@8.3.18(react@19.2.6))(dayjs@1.11.20)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mantine/core': 8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mantine/dates': 8.3.18(@mantine/core@8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mantine/hooks@8.3.18(react@19.2.6))(dayjs@1.11.21)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@mantine/hooks': 8.3.18(react@19.2.6)
-      '@onlyoffice/document-editor-react': 2.2.0(@onlyoffice/doceditor-types@9.3.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-accordion': 1.2.12(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-alert-dialog': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-avatar': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-checkbox': 1.3.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-context-menu': 2.2.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-hover-card': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-label': 2.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-navigation-menu': 1.2.14(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-popover': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-progress': 1.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-radio-group': 1.3.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-scroll-area': 1.2.10(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-select': 2.2.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-separator': 1.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slider': 1.3.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.4(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-switch': 1.2.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-tabs': 1.1.13(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-toast': 1.2.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-tooltip': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@react-pdf-viewer/default-layout': 3.12.0(pdfjs-dist@3.11.174)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@onlyoffice/document-editor-react': 2.2.0(@onlyoffice/doceditor-types@9.4.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-accordion': 1.2.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-alert-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-avatar': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-checkbox': 1.3.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-collapsible': 1.1.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-context-menu': 2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dropdown-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-hover-card': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-label': 2.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-navigation-menu': 1.2.15(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-popover': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-progress': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-radio-group': 1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-scroll-area': 1.2.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-select': 2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-separator': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slider': 1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-switch': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-tabs': 1.1.14(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toast': 1.2.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle-group': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-tooltip': 1.2.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/default-layout': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@react-pdf/renderer': 4.5.1(react@19.2.6)
-      '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@18.3.29)(react@19.2.6)(redux@5.0.1))(react@19.2.6)
+      '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1))(react@19.2.6)
       '@tabler/icons-react': 3.44.0(react@19.2.6)
-      '@tailwindcss/vite': 4.3.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))
-      '@tanstack/react-query': 5.100.11(react@19.2.6)
-      '@tanstack/react-query-devtools': 5.100.11(@tanstack/react-query@5.100.11(react@19.2.6))(react@19.2.6)
+      '@tailwindcss/vite': 4.3.0(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))
+      '@tanstack/react-query': 5.101.0(react@19.2.6)
+      '@tanstack/react-query-devtools': 5.101.0(@tanstack/react-query@5.101.0(react@19.2.6))(react@19.2.6)
       '@tanstack/react-table': 8.21.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@tinymce/tinymce-react': 6.3.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(tinymce@7.9.3)
-      '@tiptap/extension-color': 3.23.6(@tiptap/extension-text-style@3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6)))
-      '@tiptap/extension-highlight': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-image': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-link': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)
-      '@tiptap/extension-text-align': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-text-style': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/extension-underline': 3.23.6(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))
-      '@tiptap/react': 3.23.6(@floating-ui/dom@1.7.6)(@tiptap/core@3.23.6(@tiptap/pm@3.23.6))(@tiptap/pm@3.23.6)(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@tiptap/starter-kit': 3.23.6
-      '@types/node': 24.13.0
+      '@tiptap/extension-color': 3.26.0(@tiptap/extension-text-style@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0)))
+      '@tiptap/extension-highlight': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-image': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-link': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
+      '@tiptap/extension-text-align': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-text-style': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-underline': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/react': 3.26.0(@floating-ui/dom@1.7.6)(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@tiptap/starter-kit': 3.26.0
+      '@types/node': 24.13.1
       '@types/tinymce': 4.6.9
-      axios: 1.16.1
+      axios: 1.17.0
       class-variance-authority: 0.7.1
       clsx: 2.1.1
-      cmdk: 1.1.1(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      date-fns: 3.6.0
-      dayjs: 1.11.20
+      cmdk: 1.1.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      date-fns: 4.4.0
+      dayjs: 1.11.21
       ethiopian-calendar-date-converter: 2.1.6
       ethiopian-calendar-new: 1.1.0
       file-type: 18.7.0
@@ -15348,36 +17174,36 @@ snapshots:
       i18next: 25.10.10(typescript@5.9.3)
       i18next-browser-languagedetector: 8.2.1
       jquery: 3.7.1
-      js-cookie: 3.0.7
+      js-cookie: 3.0.8
       jspdf: 3.0.4
       loadash: 1.0.0
       lodash: 4.18.1
       lucide-react: 0.513.0(react@19.2.6)
-      mui-ethiopian-datepicker: 0.3.2(7jjaia43mjzq4dnknd34qnedty)
+      mui-ethiopian-datepicker: 0.3.2(0df76202bb5d42d18f0d7f13b194576e)
       next-themes: 0.4.6(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       path: 0.12.7
       qs: 6.15.2
       react: 19.2.6
-      react-cookie: 8.1.2(@types/react@18.3.29)(react@19.2.6)
+      react-cookie: 8.1.2(@types/react@18.3.31)(react@19.2.6)
       react-datepicker: 8.10.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react-day-picker: 9.14.0(react@19.2.6)
       react-dom: 19.2.6(react@19.2.6)
       react-dropzone: 14.4.1(react@19.2.6)
-      react-hook-form: 7.76.0(react@19.2.6)
+      react-hook-form: 7.77.0(react@19.2.6)
       react-i18next: 15.7.4(i18next@25.10.10(typescript@5.9.3))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(typescript@5.9.3)
       react-icons: 5.6.0(react@19.2.6)
       react-image-crop: 11.0.10(react@19.2.6)
       react-intersection-observer: 9.16.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      react-is: 19.2.6
-      react-joyride: 2.9.3(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      react-pdf: 10.4.1(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react-is: 19.2.7
+      react-joyride: 2.9.3(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react-pdf: 10.4.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react-pdf-html: 2.1.5(@react-pdf/renderer@4.5.1(react@19.2.6))(react@19.2.6)
       react-pdf-viewer: 0.1.0
-      react-redux: 9.3.0(@types/react@18.3.29)(react@19.2.6)(redux@5.0.1)
+      react-redux: 9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1)
       react-resizable-panels: 3.0.6(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react-router-dom: 7.17.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      react-signature-canvas: 1.1.0-alpha.2(@types/prop-types@15.7.15)(@types/react@18.3.29)(prop-types@15.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      recharts: 3.8.1(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.6)(react@19.2.6)(redux@5.0.1)
+      react-signature-canvas: 1.1.0-alpha.2(@types/prop-types@15.7.15)(@types/react@18.3.31)(prop-types@15.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      recharts: 3.8.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.7)(react@19.2.6)(redux@5.0.1)
       socket.io-client: 4.8.3
       sonner: 2.0.7(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       tailwind-merge: 3.6.0
@@ -15387,7 +17213,7 @@ snapshots:
       tesseract.js: 7.0.0
       tinymce: 7.9.3
       url: 0.11.4
-      vaul: 1.1.2(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      vaul: 1.1.2(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       xlsx: 0.18.5
       zod: 3.25.76
     transitivePeerDependencies:
@@ -15415,6 +17241,147 @@ snapshots:
       - vite
       - webpack-cli
       - webpack-command
+      - worker-loader
+
+  '@tria-plc/iamui-common@1.1.2(9eda5000a9f7ac3b614e21a2a3a3f1e2)':
+    dependencies:
+      '@chakra-ui/react': 3.35.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@hookform/resolvers': 5.4.0(react-hook-form@7.77.0(react@19.2.6))
+      '@lottiefiles/react-lottie-player': 3.6.0(react@19.2.6)
+      '@mantine/core': 8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mantine/dates': 8.3.18(@mantine/core@8.3.18(@mantine/hooks@8.3.18(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mantine/hooks@8.3.18(react@19.2.6))(dayjs@1.11.21)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mantine/hooks': 8.3.18(react@19.2.6)
+      '@onlyoffice/document-editor-react': 2.2.0(@onlyoffice/doceditor-types@9.4.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-accordion': 1.2.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-alert-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-avatar': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-checkbox': 1.3.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-collapsible': 1.1.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-context-menu': 2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dropdown-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-hover-card': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-label': 2.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-navigation-menu': 1.2.15(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-popover': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-progress': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-radio-group': 1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-scroll-area': 1.2.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-select': 2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-separator': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slider': 1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-switch': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-tabs': 1.1.14(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toast': 1.2.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle-group': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-tooltip': 1.2.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/core': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf-viewer/default-layout': 3.12.0(pdfjs-dist@5.4.296)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@react-pdf/renderer': 4.5.1(react@19.2.6)
+      '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1))(react@19.2.6)
+      '@tabler/icons-react': 3.44.0(react@19.2.6)
+      '@tailwindcss/vite': 4.3.0(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))
+      '@tanstack/react-query': 5.101.0(react@19.2.6)
+      '@tanstack/react-query-devtools': 5.101.0(@tanstack/react-query@5.101.0(react@19.2.6))(react@19.2.6)
+      '@tanstack/react-table': 8.21.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@tinymce/tinymce-react': 6.3.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(tinymce@7.9.3)
+      '@tiptap/extension-color': 3.26.0(@tiptap/extension-text-style@3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0)))
+      '@tiptap/extension-highlight': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-image': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-link': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)
+      '@tiptap/extension-text-align': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-text-style': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/extension-underline': 3.26.0(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))
+      '@tiptap/react': 3.26.0(@floating-ui/dom@1.7.6)(@tiptap/core@3.26.0(@tiptap/pm@3.26.0))(@tiptap/pm@3.26.0)(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@tiptap/starter-kit': 3.26.0
+      '@types/node': 24.13.1
+      '@types/tinymce': 4.6.9
+      axios: 1.17.0
+      class-variance-authority: 0.7.1
+      clsx: 2.1.1
+      cmdk: 1.1.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      date-fns: 4.4.0
+      dayjs: 1.11.21
+      ethiopian-calendar-date-converter: 2.1.6
+      ethiopian-calendar-new: 1.1.0
+      file-type: 18.7.0
+      force: 0.0.3
+      framer-motion: 12.40.0(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      html2canvas: 1.4.1
+      i18next: 25.10.10(typescript@5.9.3)
+      i18next-browser-languagedetector: 8.2.1
+      jquery: 3.7.1
+      js-cookie: 3.0.8
+      jspdf: 3.0.4
+      loadash: 1.0.0
+      lodash: 4.18.1
+      lucide-react: 0.513.0(react@19.2.6)
+      mui-ethiopian-datepicker: 0.3.2(7d86988bc4fd0020aebaf3d4b373b1a0)
+      next-themes: 0.4.6(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      path: 0.12.7
+      qs: 6.15.2
+      react: 19.2.6
+      react-cookie: 8.1.2(@types/react@18.3.31)(react@19.2.6)
+      react-datepicker: 8.10.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react-day-picker: 9.14.0(react@19.2.6)
+      react-dom: 19.2.6(react@19.2.6)
+      react-dropzone: 14.4.1(react@19.2.6)
+      react-hook-form: 7.77.0(react@19.2.6)
+      react-i18next: 15.7.4(i18next@25.10.10(typescript@5.9.3))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(typescript@5.9.3)
+      react-icons: 5.6.0(react@19.2.6)
+      react-image-crop: 11.0.10(react@19.2.6)
+      react-intersection-observer: 9.16.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react-is: 19.2.7
+      react-joyride: 2.9.3(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react-pdf: 10.4.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react-pdf-html: 2.1.5(@react-pdf/renderer@4.5.1(react@19.2.6))(react@19.2.6)
+      react-pdf-viewer: 0.1.0
+      react-redux: 9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1)
+      react-resizable-panels: 3.0.6(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react-router-dom: 7.17.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      react-signature-canvas: 1.1.0-alpha.2(@types/prop-types@15.7.15)(@types/react@18.3.31)(prop-types@15.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      recharts: 3.8.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.7)(react@19.2.6)(redux@5.0.1)
+      socket.io-client: 4.8.3
+      sonner: 2.0.7(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      tailwind-merge: 3.6.0
+      tailwind-scrollbar-hide: 4.0.0(tailwindcss@4.3.0)
+      tailwindcss: 4.3.0
+      tailwindcss-animate: 1.0.7(tailwindcss@4.3.0)
+      tesseract.js: 7.0.0
+      tinymce: 7.9.3
+      url: 0.11.4
+      vaul: 1.1.2(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      xlsx: 0.18.5
+      zod: 3.25.76
+    transitivePeerDependencies:
+      - '@emotion/is-prop-valid'
+      - '@floating-ui/dom'
+      - '@mui/icons-material'
+      - '@mui/material'
+      - '@mui/x-date-pickers'
+      - '@onlyoffice/doceditor-types'
+      - '@tiptap/core'
+      - '@tiptap/pm'
+      - '@types/prop-types'
+      - '@types/react'
+      - '@types/react-dom'
+      - bufferutil
+      - debug
+      - encoding
+      - pdfjs-dist
+      - prop-types
+      - react-native
+      - redux
+      - supports-color
+      - typescript
+      - utf-8-validate
+      - vite
+      - webpack-cli
+      - webpack-command
+      - worker-loader
 
   '@ts-morph/common@0.27.0':
     dependencies:
@@ -15430,61 +17397,70 @@ snapshots:
 
   '@tsconfig/node16@1.0.4': {}
 
-  '@turbo/darwin-64@2.9.14':
+  '@turbo/darwin-64@2.9.16':
     optional: true
 
-  '@turbo/darwin-arm64@2.9.14':
+  '@turbo/darwin-arm64@2.9.16':
     optional: true
 
-  '@turbo/linux-64@2.9.14':
+  '@turbo/linux-64@2.9.16':
     optional: true
 
-  '@turbo/linux-arm64@2.9.14':
+  '@turbo/linux-arm64@2.9.16':
     optional: true
 
-  '@turbo/windows-64@2.9.14':
+  '@turbo/windows-64@2.9.16':
     optional: true
 
-  '@turbo/windows-arm64@2.9.14':
+  '@turbo/windows-arm64@2.9.16':
+    optional: true
+
+  '@tybys/wasm-util@0.10.2':
+    dependencies:
+      tslib: 2.8.1
     optional: true
 
   '@types/amqplib@0.10.8':
     dependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.29.3
-      '@babel/types': 7.29.0
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
       '@types/babel__generator': 7.27.0
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.28.0
 
   '@types/babel__generator@7.27.0':
     dependencies:
-      '@babel/types': 7.29.0
+      '@babel/types': 7.29.7
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.29.3
-      '@babel/types': 7.29.0
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
 
   '@types/babel__traverse@7.28.0':
     dependencies:
-      '@babel/types': 7.29.0
+      '@babel/types': 7.29.7
+
+  '@types/bcrypt@5.0.2':
+    dependencies:
+      '@types/node': 20.19.42
 
   '@types/body-parser@1.19.6':
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
 
   '@types/connect@3.4.38':
     dependencies:
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
 
   '@types/conventional-commits-parser@5.0.2':
     dependencies:
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
 
   '@types/cookiejar@2.1.5': {}
 
@@ -15522,13 +17498,11 @@ snapshots:
       '@types/estree': 1.0.9
       '@types/json-schema': 7.0.15
 
-  '@types/estree@1.0.8': {}
-
   '@types/estree@1.0.9': {}
 
   '@types/express-serve-static-core@5.1.1':
     dependencies:
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       '@types/qs': 6.15.1
       '@types/range-parser': 1.2.7
       '@types/send': 1.2.1
@@ -15541,11 +17515,11 @@ snapshots:
 
   '@types/graceful-fs@4.1.9':
     dependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
 
-  '@types/hoist-non-react-statics@3.3.7(@types/react@18.3.29)':
+  '@types/hoist-non-react-statics@3.3.7(@types/react@18.3.31)':
     dependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
       hoist-non-react-statics: 3.3.2
 
   '@types/http-errors@2.0.5': {}
@@ -15574,7 +17548,15 @@ snapshots:
   '@types/jsonwebtoken@9.0.10':
     dependencies:
       '@types/ms': 2.1.0
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
+
+  '@types/jsonwebtoken@9.0.5':
+    dependencies:
+      '@types/node': 20.19.42
+
+  '@types/lodash@4.17.24': {}
+
+  '@types/luxon@3.7.1': {}
 
   '@types/methods@1.1.4': {}
 
@@ -15586,11 +17568,11 @@ snapshots:
 
   '@types/node@14.18.63': {}
 
-  '@types/node@20.19.41':
+  '@types/node@20.19.42':
     dependencies:
       undici-types: 6.21.0
 
-  '@types/node@24.13.0':
+  '@types/node@24.13.1':
     dependencies:
       undici-types: 7.18.2
 
@@ -15598,14 +17580,32 @@ snapshots:
 
   '@types/parse-json@4.0.2': {}
 
+  '@types/passport-jwt@4.0.1':
+    dependencies:
+      '@types/jsonwebtoken': 9.0.10
+      '@types/passport-strategy': 0.2.38
+
+  '@types/passport-strategy@0.2.38':
+    dependencies:
+      '@types/express': 5.0.6
+      '@types/passport': 1.0.17
+
+  '@types/passport@1.0.17':
+    dependencies:
+      '@types/express': 5.0.6
+
   '@types/pg@8.20.0':
     dependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
       pg-protocol: 1.14.0
       pg-types: 2.2.0
 
   '@types/prop-types@15.7.15': {}
 
+  '@types/qrcode@1.5.6':
+    dependencies:
+      '@types/node': 20.19.42
+
   '@types/qs@6.15.1': {}
 
   '@types/raf@3.4.3':
@@ -15613,31 +17613,31 @@ snapshots:
 
   '@types/range-parser@1.2.7': {}
 
-  '@types/react-dom@18.3.7(@types/react@18.3.29)':
+  '@types/react-dom@18.3.7(@types/react@18.3.31)':
     dependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@types/react-transition-group@4.4.12(@types/react@18.3.29)':
+  '@types/react-transition-group@4.4.12(@types/react@18.3.31)':
     dependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  '@types/react@18.3.29':
+  '@types/react@18.3.31':
     dependencies:
       '@types/prop-types': 15.7.15
       csstype: 3.2.3
 
   '@types/send@1.2.1':
     dependencies:
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
 
   '@types/serve-static@2.2.0':
     dependencies:
       '@types/http-errors': 2.0.5
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
 
   '@types/set-cookie-parser@2.4.10':
     dependencies:
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
 
   '@types/signature_pad@2.3.6': {}
 
@@ -15649,7 +17649,7 @@ snapshots:
     dependencies:
       '@types/cookiejar': 2.1.5
       '@types/methods': 1.1.4
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       form-data: 4.0.5
 
   '@types/supertest@6.0.3':
@@ -15666,6 +17666,8 @@ snapshots:
 
   '@types/use-sync-external-store@0.0.6': {}
 
+  '@types/uuid@9.0.8': {}
+
   '@types/validate-npm-package-name@4.0.2': {}
 
   '@types/validator@13.15.10': {}
@@ -15678,17 +17680,17 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
     optional: true
 
-  '@typescript-eslint/eslint-plugin@8.59.4(@typescript-eslint/parser@8.59.4(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.60.1(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.59.4(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.59.4
-      '@typescript-eslint/type-utils': 8.59.4(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.59.4(eslint@8.57.1)(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.59.4
+      '@typescript-eslint/parser': 8.60.1(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.60.1
+      '@typescript-eslint/type-utils': 8.60.1(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.1(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.60.1
       eslint: 8.57.1
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -15697,41 +17699,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.59.4(eslint@8.57.1)(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.59.4
-      '@typescript-eslint/types': 8.59.4
-      '@typescript-eslint/typescript-estree': 8.59.4(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.59.4
+      '@typescript-eslint/scope-manager': 8.60.1
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/typescript-estree': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.60.1
       debug: 4.4.3(supports-color@5.5.0)
       eslint: 8.57.1
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.59.4(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.60.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.59.4(typescript@5.9.3)
-      '@typescript-eslint/types': 8.59.4
+      '@typescript-eslint/tsconfig-utils': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.60.1
       debug: 4.4.3(supports-color@5.5.0)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.59.4':
+  '@typescript-eslint/scope-manager@8.60.1':
     dependencies:
-      '@typescript-eslint/types': 8.59.4
-      '@typescript-eslint/visitor-keys': 8.59.4
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/visitor-keys': 8.60.1
 
-  '@typescript-eslint/tsconfig-utils@8.59.4(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.60.1(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.59.4(eslint@8.57.1)(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.60.1(eslint@8.57.1)(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.59.4
-      '@typescript-eslint/typescript-estree': 8.59.4(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.59.4(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/typescript-estree': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.60.1(eslint@8.57.1)(typescript@5.9.3)
       debug: 4.4.3(supports-color@5.5.0)
       eslint: 8.57.1
       ts-api-utils: 2.5.0(typescript@5.9.3)
@@ -15739,50 +17741,120 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.59.4': {}
+  '@typescript-eslint/types@8.60.1': {}
 
-  '@typescript-eslint/typescript-estree@8.59.4(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.60.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.59.4(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.59.4(typescript@5.9.3)
-      '@typescript-eslint/types': 8.59.4
-      '@typescript-eslint/visitor-keys': 8.59.4
+      '@typescript-eslint/project-service': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.60.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/visitor-keys': 8.60.1
       debug: 4.4.3(supports-color@5.5.0)
       minimatch: 10.2.5
-      semver: 7.8.1
-      tinyglobby: 0.2.16
+      semver: 7.8.2
+      tinyglobby: 0.2.17
       ts-api-utils: 2.5.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.59.4(eslint@8.57.1)(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.60.1(eslint@8.57.1)(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@8.57.1)
-      '@typescript-eslint/scope-manager': 8.59.4
-      '@typescript-eslint/types': 8.59.4
-      '@typescript-eslint/typescript-estree': 8.59.4(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.60.1
+      '@typescript-eslint/types': 8.60.1
+      '@typescript-eslint/typescript-estree': 8.60.1(typescript@5.9.3)
       eslint: 8.57.1
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.59.4':
+  '@typescript-eslint/visitor-keys@8.60.1':
     dependencies:
-      '@typescript-eslint/types': 8.59.4
+      '@typescript-eslint/types': 8.60.1
       eslint-visitor-keys: 5.0.1
 
   '@ungap/structured-clone@1.3.1': {}
 
-  '@vitejs/plugin-react@4.7.0(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))':
+  '@unrs/resolver-binding-android-arm-eabi@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-android-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-x64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-freebsd-x64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-musl@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-openharmony-arm64@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-wasm32-wasi@1.12.2':
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
-      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@napi-rs/wasm-runtime': 1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
+    optional: true
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.12.2':
+    optional: true
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.12.2':
+    optional: true
+
+  '@vitejs/plugin-react@4.7.0(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/plugin-transform-react-jsx-self': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-transform-react-jsx-source': 7.29.7(@babel/core@7.29.7)
       '@rolldown/pluginutils': 1.0.0-beta.27
       '@types/babel__core': 7.20.5
       react-refresh: 0.17.0
-      vite: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
+      vite: 5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -15793,14 +17865,14 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.9(msw@2.14.6(@types/node@24.13.0)(typescript@5.9.3))(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))':
+  '@vitest/mocker@2.1.9(msw@2.14.6(@types/node@24.13.1)(typescript@5.9.3))(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))':
     dependencies:
       '@vitest/spy': 2.1.9
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      msw: 2.14.6(@types/node@24.13.0)(typescript@5.9.3)
-      vite: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
+      msw: 2.14.6(@types/node@24.13.1)(typescript@5.9.3)
+      vite: 5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0)
 
   '@vitest/pretty-format@2.1.9':
     dependencies:
@@ -16482,8 +18554,7 @@ snapshots:
       jsonparse: 1.3.1
       through: 2.3.8
 
-  abbrev@1.1.1:
-    optional: true
+  abbrev@1.1.1: {}
 
   abort-controller@3.0.0:
     dependencies:
@@ -16581,11 +18652,21 @@ snapshots:
       longest: 1.0.1
       repeat-string: 1.6.1
 
+  amqp-connection-manager@4.1.15(amqplib@0.10.9):
+    dependencies:
+      amqplib: 0.10.9
+      promise-breaker: 6.0.0
+
   amqp-connection-manager@5.0.0(amqplib@2.0.1):
     dependencies:
       amqplib: 2.0.1
       promise-breaker: 6.0.0
 
+  amqplib@0.10.9:
+    dependencies:
+      buffer-more-ints: 1.0.0
+      url-parse: 1.5.10
+
   amqplib@2.0.1: {}
 
   ansi-bgblack@0.1.1:
@@ -16754,7 +18835,7 @@ snapshots:
 
   ansis@4.2.0: {}
 
-  ansis@4.3.0: {}
+  ansis@4.3.1: {}
 
   any-promise@1.3.0: {}
 
@@ -16793,8 +18874,7 @@ snapshots:
 
   append-field@1.0.0: {}
 
-  aproba@2.1.0:
-    optional: true
+  aproba@2.1.0: {}
 
   archiver-utils@2.1.0:
     dependencies:
@@ -16836,7 +18916,6 @@ snapshots:
     dependencies:
       delegates: 1.0.0
       readable-stream: 3.6.2
-    optional: true
 
   arg@4.1.3: {}
 
@@ -16858,6 +18937,8 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  aria-query@5.3.2: {}
+
   arr-diff@4.0.0: {}
 
   arr-flatten@1.1.0: {}
@@ -16978,6 +19059,8 @@ snapshots:
 
   assign-symbols@1.0.0: {}
 
+  ast-types-flow@0.0.8: {}
+
   ast-types@0.13.4:
     dependencies:
       tslib: 2.8.1
@@ -17009,7 +19092,7 @@ snapshots:
   autoprefixer@10.5.0(postcss@8.5.15):
     dependencies:
       browserslist: 4.28.2
-      caniuse-lite: 1.0.30001793
+      caniuse-lite: 1.0.30001797
       fraction.js: 5.3.4
       picocolors: 1.1.1
       postcss: 8.5.15
@@ -17023,7 +19106,9 @@ snapshots:
 
   aws4@1.13.2: {}
 
-  axios@1.16.1:
+  axe-core@4.12.0: {}
+
+  axios@1.17.0:
     dependencies:
       follow-redirects: 1.16.0(debug@3.2.7(supports-color@5.5.0))
       form-data: 4.0.5
@@ -17033,38 +19118,26 @@ snapshots:
       - debug
       - supports-color
 
+  axobject-query@4.1.0: {}
+
   b4a@1.8.1: {}
 
-  babel-jest@29.7.0(@babel/core@7.29.0):
+  babel-jest@29.7.0(@babel/core@7.29.7):
     dependencies:
-      '@babel/core': 7.29.0
+      '@babel/core': 7.29.7
       '@jest/transform': 29.7.0
       '@types/babel__core': 7.20.5
       babel-plugin-istanbul: 6.1.1
-      babel-preset-jest: 29.6.3(@babel/core@7.29.0)
+      babel-preset-jest: 29.6.3(@babel/core@7.29.7)
       chalk: 4.1.2
       graceful-fs: 4.2.11
       slash: 3.0.0
     transitivePeerDependencies:
       - supports-color
 
-  babel-jest@30.4.1(@babel/core@7.29.0):
-    dependencies:
-      '@babel/core': 7.29.0
-      '@jest/transform': 30.4.1
-      '@types/babel__core': 7.20.5
-      babel-plugin-istanbul: 7.0.1
-      babel-preset-jest: 30.4.0(@babel/core@7.29.0)
-      chalk: 4.1.2
-      graceful-fs: 4.2.11
-      slash: 3.0.0
-    transitivePeerDependencies:
-      - supports-color
-    optional: true
-
   babel-plugin-istanbul@6.1.1:
     dependencies:
-      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-plugin-utils': 7.29.7
       '@istanbuljs/load-nyc-config': 1.1.0
       '@istanbuljs/schema': 0.1.6
       istanbul-lib-instrument: 5.2.1
@@ -17072,66 +19145,43 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-istanbul@7.0.1:
-    dependencies:
-      '@babel/helper-plugin-utils': 7.28.6
-      '@istanbuljs/load-nyc-config': 1.1.0
-      '@istanbuljs/schema': 0.1.6
-      istanbul-lib-instrument: 6.0.3
-      test-exclude: 6.0.0
-    transitivePeerDependencies:
-      - supports-color
-    optional: true
-
   babel-plugin-jest-hoist@29.6.3:
     dependencies:
-      '@babel/template': 7.28.6
-      '@babel/types': 7.29.0
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.7
       '@types/babel__core': 7.20.5
       '@types/babel__traverse': 7.28.0
 
-  babel-plugin-jest-hoist@30.4.0:
-    dependencies:
-      '@types/babel__core': 7.20.5
-    optional: true
-
   babel-plugin-macros@3.1.0:
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       cosmiconfig: 7.1.0
       resolve: 1.22.12
 
-  babel-preset-current-node-syntax@1.2.0(@babel/core@7.29.0):
+  babel-preset-current-node-syntax@1.2.0(@babel/core@7.29.7):
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.29.0)
-      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.29.0)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.29.0)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.29.0)
-      '@babel/plugin-syntax-import-attributes': 7.28.6(@babel/core@7.29.0)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.29.0)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.29.0)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.29.0)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.29.0)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.29.0)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.29.0)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.29.0)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.29.0)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.29.0)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.29.0)
+      '@babel/core': 7.29.7
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.29.7)
+      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.29.7)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.29.7)
+      '@babel/plugin-syntax-import-attributes': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.29.7)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.29.7)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.29.7)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.29.7)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.29.7)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.29.7)
 
-  babel-preset-jest@29.6.3(@babel/core@7.29.0):
+  babel-preset-jest@29.6.3(@babel/core@7.29.7):
     dependencies:
-      '@babel/core': 7.29.0
+      '@babel/core': 7.29.7
       babel-plugin-jest-hoist: 29.6.3
-      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.29.0)
-
-  babel-preset-jest@30.4.0(@babel/core@7.29.0):
-    dependencies:
-      '@babel/core': 7.29.0
-      babel-plugin-jest-hoist: 30.4.0
-      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.29.0)
-    optional: true
+      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.29.7)
 
   balanced-match@1.0.2: {}
 
@@ -17144,7 +19194,7 @@ snapshots:
       bare-events: 2.9.1
       bare-path: 3.0.1
       bare-stream: 2.13.1(bare-events@2.9.1)
-      bare-url: 2.4.4
+      bare-url: 2.4.5
       fast-fifo: 1.3.2
     transitivePeerDependencies:
       - bare-abort-controller
@@ -17158,14 +19208,14 @@ snapshots:
 
   bare-stream@2.13.1(bare-events@2.9.1):
     dependencies:
-      streamx: 2.26.0
+      streamx: 2.27.0
       teex: 1.0.1
     optionalDependencies:
       bare-events: 2.9.1
     transitivePeerDependencies:
       - react-native-b4a
 
-  bare-url@2.4.4:
+  bare-url@2.4.5:
     dependencies:
       bare-path: 3.0.1
 
@@ -17185,7 +19235,7 @@ snapshots:
       mixin-deep: 1.3.2
       pascalcase: 0.1.1
 
-  baseline-browser-mapping@2.10.32: {}
+  baseline-browser-mapping@2.10.34: {}
 
   basic-ftp@5.3.1: {}
 
@@ -17195,6 +19245,14 @@ snapshots:
     dependencies:
       tweetnacl: 0.14.5
 
+  bcrypt@5.1.1:
+    dependencies:
+      '@mapbox/node-pre-gyp': 1.0.11
+      node-addon-api: 5.1.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
   bidi-js@1.0.3:
     dependencies:
       require-from-string: 2.0.2
@@ -17277,12 +19335,12 @@ snapshots:
 
   boolbase@1.0.0: {}
 
-  brace-expansion@1.1.14:
+  brace-expansion@1.1.15:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
-  brace-expansion@2.1.0:
+  brace-expansion@2.1.1:
     dependencies:
       balanced-match: 1.0.2
 
@@ -17290,21 +19348,6 @@ snapshots:
     dependencies:
       balanced-match: 4.0.4
 
-  braces@2.3.2:
-    dependencies:
-      arr-flatten: 1.1.0
-      array-unique: 0.3.2
-      extend-shallow: 2.0.1
-      fill-range: 4.0.0
-      isobject: 3.0.1
-      repeat-element: 1.1.4
-      snapdragon: 0.8.2
-      snapdragon-node: 2.1.1
-      split-string: 3.1.0
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-
   braces@2.3.2(supports-color@4.5.0):
     dependencies:
       arr-flatten: 1.1.0
@@ -17394,10 +19437,10 @@ snapshots:
 
   browserslist@4.28.2:
     dependencies:
-      baseline-browser-mapping: 2.10.32
-      caniuse-lite: 1.0.30001793
-      electron-to-chromium: 1.5.361
-      node-releases: 2.0.46
+      baseline-browser-mapping: 2.10.34
+      caniuse-lite: 1.0.30001797
+      electron-to-chromium: 1.5.368
+      node-releases: 2.0.47
       update-browserslist-db: 1.2.3(browserslist@4.28.2)
 
   bs-logger@0.2.6:
@@ -17418,6 +19461,8 @@ snapshots:
 
   buffer-indexof@1.1.1: {}
 
+  buffer-more-ints@1.0.0: {}
+
   buffer-xor@1.0.3: {}
 
   buffer@4.9.2:
@@ -17450,6 +19495,21 @@ snapshots:
 
   bytes@3.1.2: {}
 
+  c12@3.1.0:
+    dependencies:
+      chokidar: 4.0.3
+      confbox: 0.2.4
+      defu: 6.1.7
+      dotenv: 16.6.1
+      exsolve: 1.0.8
+      giget: 2.0.0
+      jiti: 2.7.0
+      ohash: 2.0.11
+      pathe: 2.0.3
+      perfect-debounce: 1.0.0
+      pkg-types: 2.3.1
+      rc9: 2.1.2
+
   cac@6.7.14: {}
 
   cache-base@1.0.1:
@@ -17502,21 +19562,11 @@ snapshots:
 
   camelcase@6.3.0: {}
 
-  caniuse-lite@1.0.30001793: {}
-
-  canvas@2.11.2:
-    dependencies:
-      '@mapbox/node-pre-gyp': 1.0.11
-      nan: 2.27.0
-      simple-get: 3.1.1
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
-    optional: true
+  caniuse-lite@1.0.30001797: {}
 
   canvg@3.0.11:
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@types/raf': 3.4.3
       core-js: 3.49.0
       raf: 3.4.1
@@ -17618,8 +19668,7 @@ snapshots:
     dependencies:
       readdirp: 4.1.2
 
-  chownr@2.0.0:
-    optional: true
+  chownr@2.0.0: {}
 
   chrome-trace-event@1.0.4: {}
 
@@ -17631,15 +19680,18 @@ snapshots:
 
   ci-info@3.9.0: {}
 
-  ci-info@4.4.0:
-    optional: true
-
   cipher-base@1.0.7:
     dependencies:
       inherits: 2.0.4
       safe-buffer: 5.2.1
       to-buffer: 1.2.2
 
+  citty@0.1.6:
+    dependencies:
+      consola: 3.4.2
+
+  citty@0.2.2: {}
+
   cjs-module-lexer@1.4.3: {}
 
   class-transformer@0.5.1: {}
@@ -17654,7 +19706,7 @@ snapshots:
   class-validator@0.14.4:
     dependencies:
       '@types/validator': 13.15.10
-      libphonenumber-js: 1.13.3
+      libphonenumber-js: 1.13.6
       validator: 13.15.35
 
   class-variance-authority@0.7.1:
@@ -17684,6 +19736,8 @@ snapshots:
 
   cli-width@4.1.0: {}
 
+  client-only@0.0.1: {}
+
   cliui@2.1.0:
     dependencies:
       center-align: 0.1.3
@@ -17720,12 +19774,12 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  cmdk@1.1.1(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+  cmdk@1.1.1(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-id': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-id': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
@@ -17759,8 +19813,7 @@ snapshots:
     dependencies:
       color-name: 2.1.0
 
-  color-support@1.1.3:
-    optional: true
+  color-support@1.1.3: {}
 
   colorette@2.0.20: {}
 
@@ -17828,14 +19881,15 @@ snapshots:
     dependencies:
       source-map: 0.6.1
 
+  confbox@0.2.4: {}
+
   connect-history-api-fallback@1.6.0: {}
 
   consola@3.4.2: {}
 
   console-browserify@1.2.0: {}
 
-  console-control-strings@1.1.0:
-    optional: true
+  console-control-strings@1.1.0: {}
 
   constants-browserify@1.0.0: {}
 
@@ -17892,9 +19946,9 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
-  cosmiconfig-typescript-loader@6.3.0(@types/node@24.13.0)(cosmiconfig@9.0.1(typescript@5.9.3))(typescript@5.9.3):
+  cosmiconfig-typescript-loader@6.3.0(@types/node@24.13.1)(cosmiconfig@9.0.1(typescript@5.9.3))(typescript@5.9.3):
     dependencies:
-      '@types/node': 24.13.0
+      '@types/node': 24.13.1
       cosmiconfig: 9.0.1(typescript@5.9.3)
       jiti: 2.6.1
       typescript: 5.9.3
@@ -17910,7 +19964,7 @@ snapshots:
   cosmiconfig@8.3.6(typescript@5.9.3):
     dependencies:
       import-fresh: 3.3.1
-      js-yaml: 4.1.1
+      js-yaml: 4.2.0
       parse-json: 5.2.0
       path-type: 4.0.0
     optionalDependencies:
@@ -17920,7 +19974,7 @@ snapshots:
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.1
-      js-yaml: 4.1.1
+      js-yaml: 4.2.0
       parse-json: 5.2.0
     optionalDependencies:
       typescript: 5.9.3
@@ -17961,13 +20015,13 @@ snapshots:
       safe-buffer: 5.2.1
       sha.js: 2.4.12
 
-  create-jest@29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)):
+  create-jest@29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)):
     dependencies:
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      jest-config: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       jest-util: 29.7.0
       prompts: 2.4.2
     transitivePeerDependencies:
@@ -17978,6 +20032,11 @@ snapshots:
 
   create-require@1.1.1: {}
 
+  cron@4.4.0:
+    dependencies:
+      '@types/luxon': 3.7.1
+      luxon: 3.7.2
+
   cross-spawn@5.1.0:
     dependencies:
       lru-cache: 4.1.5
@@ -18086,6 +20145,8 @@ snapshots:
       es5-ext: 0.10.64
       type: 2.7.3
 
+  damerau-levenshtein@1.0.8: {}
+
   dargs@8.1.0: {}
 
   dashdash@1.14.1:
@@ -18123,13 +20184,15 @@ snapshots:
 
   date-fns@3.6.0: {}
 
+  date-fns@4.4.0: {}
+
   date.js@0.3.3:
     dependencies:
       debug: 3.1.0
     transitivePeerDependencies:
       - supports-color
 
-  dayjs@1.11.20: {}
+  dayjs@1.11.21: {}
 
   debug@2.6.9(supports-color@4.5.0):
     dependencies:
@@ -18168,11 +20231,6 @@ snapshots:
 
   decode-uri-component@0.2.2: {}
 
-  decompress-response@4.2.1:
-    dependencies:
-      mimic-response: 2.1.0
-    optional: true
-
   dedent@1.7.2(babel-plugin-macros@3.1.0):
     optionalDependencies:
       babel-plugin-macros: 3.1.0
@@ -18192,6 +20250,8 @@ snapshots:
 
   deep-is@0.1.4: {}
 
+  deepmerge-ts@7.1.5: {}
+
   deepmerge@4.3.1: {}
 
   default-browser-id@5.0.1: {}
@@ -18236,6 +20296,8 @@ snapshots:
       is-descriptor: 1.0.4
       isobject: 3.0.1
 
+  defu@6.1.7: {}
+
   degenerator@5.0.1:
     dependencies:
       ast-types: 0.13.4
@@ -18253,8 +20315,7 @@ snapshots:
 
   delayed-stream@1.0.0: {}
 
-  delegates@1.0.0:
-    optional: true
+  delegates@1.0.0: {}
 
   depd@1.1.2: {}
 
@@ -18326,7 +20387,7 @@ snapshots:
 
   dom-helpers@5.2.1:
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       csstype: 3.2.3
 
   dom-serializer@2.0.0:
@@ -18343,7 +20404,9 @@ snapshots:
     dependencies:
       domelementtype: 2.3.0
 
-  dompurify@3.4.5:
+  dommatrix@1.0.3: {}
+
+  dompurify@3.4.8:
     optionalDependencies:
       '@types/trusted-types': 2.0.7
     optional: true
@@ -18404,7 +20467,12 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.361: {}
+  effect@3.21.0:
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      fast-check: 3.23.2
+
+  electron-to-chromium@1.5.368: {}
 
   elliptic@6.6.1:
     dependencies:
@@ -18428,6 +20496,8 @@ snapshots:
 
   emojis-list@3.0.0: {}
 
+  empathic@2.0.0: {}
+
   encodeurl@2.0.0: {}
 
   end-of-stream@1.4.5:
@@ -18455,7 +20525,7 @@ snapshots:
       object-assign: 4.1.1
       tapable: 0.2.9
 
-  enhanced-resolve@5.22.0:
+  enhanced-resolve@5.23.0:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.3.3
@@ -18522,7 +20592,7 @@ snapshots:
       has-property-descriptors: 1.0.2
       has-proto: 1.2.0
       has-symbols: 1.1.0
-      hasown: 2.0.3
+      hasown: 2.0.4
       internal-slot: 1.1.0
       is-array-buffer: 3.0.5
       is-callable: 1.2.7
@@ -18545,15 +20615,15 @@ snapshots:
       safe-regex-test: 1.1.0
       set-proto: 1.0.0
       stop-iteration-iterator: 1.1.0
-      string.prototype.trim: 1.2.10
-      string.prototype.trimend: 1.0.9
+      string.prototype.trim: 1.2.11
+      string.prototype.trimend: 1.0.10
       string.prototype.trimstart: 1.0.8
       typed-array-buffer: 1.0.3
       typed-array-byte-length: 1.0.3
       typed-array-byte-offset: 1.0.4
-      typed-array-length: 1.0.7
+      typed-array-length: 1.0.8
       unbox-primitive: 1.1.0
-      which-typed-array: 1.1.20
+      which-typed-array: 1.1.22
 
   es-define-property@1.0.1: {}
 
@@ -18591,11 +20661,11 @@ snapshots:
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
       has-tostringtag: 1.0.2
-      hasown: 2.0.3
+      hasown: 2.0.4
 
   es-shim-unscopables@1.1.0:
     dependencies:
-      hasown: 2.0.3
+      hasown: 2.0.4
 
   es-to-primitive@1.3.0:
     dependencies:
@@ -18603,7 +20673,7 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
-  es-toolkit@1.46.1: {}
+  es-toolkit@1.47.0: {}
 
   es5-ext@0.10.64:
     dependencies:
@@ -18697,6 +20767,26 @@ snapshots:
       esrecurse: 4.3.0
       estraverse: 4.3.0
 
+  eslint-config-next@14.2.35(eslint@8.57.1)(typescript@5.9.3):
+    dependencies:
+      '@next/eslint-plugin-next': 14.2.35
+      '@rushstack/eslint-patch': 1.16.1
+      '@typescript-eslint/eslint-plugin': 8.60.1(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.60.1(eslint@8.57.1)(typescript@5.9.3)
+      eslint: 8.57.1
+      eslint-import-resolver-node: 0.3.10
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.1)
+      eslint-plugin-react: 7.37.5(eslint@8.57.1)
+      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.1)
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - eslint-import-resolver-webpack
+      - eslint-plugin-import-x
+      - supports-color
+
   eslint-config-prettier@9.1.2(eslint@8.57.1):
     dependencies:
       eslint: 8.57.1
@@ -18709,17 +20799,33 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.59.4(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint@8.57.1):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
-      debug: 3.2.7(supports-color@5.5.0)
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.59.4(eslint@8.57.1)(typescript@5.9.3)
+      '@nolyfill/is-core-module': 1.0.39
+      debug: 4.4.3(supports-color@5.5.0)
       eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.10
+      get-tsconfig: 4.14.0
+      is-bun-module: 2.0.0
+      stable-hash: 0.0.5
+      tinyglobby: 0.2.17
+      unrs-resolver: 1.12.2
+    optionalDependencies:
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.59.4(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1):
+  eslint-module-utils@2.13.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
+    dependencies:
+      debug: 3.2.7(supports-color@5.5.0)
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.60.1(eslint@8.57.1)(typescript@5.9.3)
+      eslint: 8.57.1
+      eslint-import-resolver-node: 0.3.10
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1))(eslint@8.57.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -18730,8 +20836,8 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.10
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.59.4(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint@8.57.1)
-      hasown: 2.0.3
+      eslint-module-utils: 2.13.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.60.1(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      hasown: 2.0.4
       is-core-module: 2.16.2
       is-glob: 4.0.3
       minimatch: 3.1.5
@@ -18739,15 +20845,34 @@ snapshots:
       object.groupby: 1.0.3
       object.values: 1.2.1
       semver: 6.3.1
-      string.prototype.trimend: 1.0.9
+      string.prototype.trimend: 1.0.10
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.59.4(eslint@8.57.1)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.60.1(eslint@8.57.1)(typescript@5.9.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
+  eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.1):
+    dependencies:
+      aria-query: 5.3.2
+      array-includes: 3.1.9
+      array.prototype.flatmap: 1.3.3
+      ast-types-flow: 0.0.8
+      axe-core: 4.12.0
+      axobject-query: 4.1.0
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      eslint: 8.57.1
+      hasown: 2.0.4
+      jsx-ast-utils: 3.3.5
+      language-tags: 1.0.9
+      minimatch: 3.1.5
+      object.fromentries: 2.0.8
+      safe-regex-test: 1.1.0
+      string.prototype.includes: 2.0.1
+
   eslint-plugin-react-hooks@4.6.2(eslint@8.57.1):
     dependencies:
       eslint: 8.57.1
@@ -18766,7 +20891,7 @@ snapshots:
       es-iterator-helpers: 1.3.2
       eslint: 8.57.1
       estraverse: 5.3.0
-      hasown: 2.0.3
+      hasown: 2.0.4
       jsx-ast-utils: 3.3.5
       minimatch: 3.1.5
       object.entries: 1.1.9
@@ -18823,7 +20948,7 @@ snapshots:
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       is-path-inside: 3.0.3
-      js-yaml: 4.1.1
+      js-yaml: 4.2.0
       json-stable-stringify-without-jsonify: 1.0.1
       levn: 0.4.1
       lodash.merge: 4.6.2
@@ -18883,6 +21008,8 @@ snapshots:
 
   event-target-shim@5.0.1: {}
 
+  eventemitter2@6.4.9: {}
+
   eventemitter3@4.0.7: {}
 
   eventemitter3@5.0.4: {}
@@ -18895,7 +21022,7 @@ snapshots:
 
   events@3.3.0: {}
 
-  eventsource-parser@3.0.8: {}
+  eventsource-parser@3.1.0: {}
 
   eventsource@0.1.6:
     dependencies:
@@ -18903,7 +21030,7 @@ snapshots:
 
   eventsource@3.0.7:
     dependencies:
-      eventsource-parser: 3.0.8
+      eventsource-parser: 3.1.0
 
   evp_bytestokey@1.0.3:
     dependencies:
@@ -18913,12 +21040,12 @@ snapshots:
   exceljs@4.4.0:
     dependencies:
       archiver: 5.3.2
-      dayjs: 1.11.20
+      dayjs: 1.11.21
       fast-csv: 4.3.6
       jszip: 3.10.1
       readable-stream: 3.6.2
       saxes: 5.0.1
-      tmp: 0.2.5
+      tmp: 0.2.7
       unzipper: 0.10.14
       uuid: 8.3.2
 
@@ -18973,18 +21100,6 @@ snapshots:
 
   exit@0.1.2: {}
 
-  expand-brackets@2.1.4:
-    dependencies:
-      debug: 2.6.9(supports-color@5.5.0)
-      define-property: 0.2.5
-      extend-shallow: 2.0.1
-      posix-character-classes: 0.1.1
-      regex-not: 1.0.2
-      snapdragon: 0.8.2
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-
   expand-brackets@2.1.4(supports-color@4.5.0):
     dependencies:
       debug: 2.6.9(supports-color@4.5.0)
@@ -19094,6 +21209,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  exsolve@1.0.8: {}
+
   ext@1.7.0:
     dependencies:
       type: 2.7.3
@@ -19109,19 +21226,6 @@ snapshots:
 
   extend@3.0.2: {}
 
-  extglob@2.0.4:
-    dependencies:
-      array-unique: 0.3.2
-      define-property: 1.0.0
-      expand-brackets: 2.1.4
-      extend-shallow: 2.0.1
-      fragment-cache: 0.2.1
-      regex-not: 1.0.2
-      snapdragon: 0.8.2
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-
   extglob@2.0.4(supports-color@4.5.0):
     dependencies:
       array-unique: 0.3.2
@@ -19167,6 +21271,10 @@ snapshots:
     dependencies:
       kind-of: 5.1.0
 
+  fast-check@3.23.2:
+    dependencies:
+      pure-rand: 6.1.0
+
   fast-csv@4.3.6:
     dependencies:
       '@fast-csv/format': 4.3.5
@@ -19359,7 +21467,7 @@ snapshots:
 
   fontkit@2.0.4:
     dependencies:
-      '@swc/helpers': 0.5.21
+      '@swc/helpers': 0.5.23
       brotli: 1.3.3
       clone: 2.1.2
       dfa: 1.2.0
@@ -19394,7 +21502,7 @@ snapshots:
 
   fork-ts-checker-webpack-plugin@9.1.0(typescript@5.9.3)(webpack@5.106.0):
     dependencies:
-      '@babel/code-frame': 7.29.0
+      '@babel/code-frame': 7.29.7
       chalk: 4.1.2
       chokidar: 4.0.3
       cosmiconfig: 8.3.6(typescript@5.9.3)
@@ -19404,7 +21512,7 @@ snapshots:
       minimatch: 3.1.5
       node-abort-controller: 3.1.1
       schema-utils: 3.3.0
-      semver: 7.8.1
+      semver: 7.8.2
       tapable: 2.3.3
       typescript: 5.9.3
       webpack: 5.106.0
@@ -19420,7 +21528,7 @@ snapshots:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       es-set-tostringtag: 2.1.0
-      hasown: 2.0.3
+      hasown: 2.0.4
       mime-types: 2.1.35
 
   formdata-polyfill@4.0.10:
@@ -19476,7 +21584,6 @@ snapshots:
   fs-minipass@2.1.0:
     dependencies:
       minipass: 3.3.6
-    optional: true
 
   fs-monkey@1.1.0: {}
 
@@ -19506,7 +21613,7 @@ snapshots:
       call-bound: 1.0.4
       define-properties: 1.2.1
       functions-have-names: 1.2.3
-      hasown: 2.0.3
+      hasown: 2.0.4
       is-callable: 1.2.7
 
   functions-have-names@1.2.3: {}
@@ -19524,7 +21631,6 @@ snapshots:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wide-align: 1.1.5
-    optional: true
 
   generator-function@2.0.1: {}
 
@@ -19546,7 +21652,7 @@ snapshots:
       get-proto: 1.0.1
       gopd: 1.2.0
       has-symbols: 1.1.0
-      hasown: 2.0.3
+      hasown: 2.0.4
       math-intrinsics: 1.1.0
 
   get-nonce@1.0.1: {}
@@ -19588,6 +21694,10 @@ snapshots:
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
 
+  get-tsconfig@4.14.0:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
   get-uri@6.0.5:
     dependencies:
       basic-ftp: 5.3.1
@@ -19602,6 +21712,15 @@ snapshots:
     dependencies:
       assert-plus: 1.0.0
 
+  giget@2.0.0:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.2
+      defu: 6.1.7
+      node-fetch-native: 1.6.7
+      nypm: 0.6.6
+      pathe: 2.0.3
+
   git-raw-commits@4.0.0:
     dependencies:
       dargs: 8.1.0
@@ -19623,6 +21742,14 @@ snapshots:
 
   glob-to-regexp@0.4.1: {}
 
+  glob@10.3.10:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 2.3.6
+      minimatch: 9.0.9
+      minipass: 7.1.3
+      path-scurry: 1.11.1
+
   glob@10.5.0:
     dependencies:
       foreground-child: 3.3.1
@@ -19678,7 +21805,7 @@ snapshots:
 
   graphemer@1.4.0: {}
 
-  graphql@16.14.0: {}
+  graphql@16.14.1: {}
 
   gulp-header@1.8.12:
     dependencies:
@@ -19769,8 +21896,7 @@ snapshots:
     dependencies:
       has-symbols: 1.1.0
 
-  has-unicode@2.0.1:
-    optional: true
+  has-unicode@2.0.1: {}
 
   has-value@0.3.1:
     dependencies:
@@ -19808,7 +21934,7 @@ snapshots:
       inherits: 2.0.4
       minimalistic-assert: 1.0.1
 
-  hasown@2.0.3:
+  hasown@2.0.4:
     dependencies:
       function-bind: 1.1.2
 
@@ -19852,7 +21978,7 @@ snapshots:
     dependencies:
       react-is: 16.13.1
 
-  hono@4.12.22: {}
+  hono@4.12.23: {}
 
   hosted-git-info@2.8.9: {}
 
@@ -19970,11 +22096,11 @@ snapshots:
 
   i18next-browser-languagedetector@8.2.1:
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
 
   i18next@25.10.10(typescript@5.9.3):
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
     optionalDependencies:
       typescript: 5.9.3
 
@@ -19990,7 +22116,7 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  idb-keyval@6.2.4: {}
+  idb-keyval@6.2.5: {}
 
   ieee754@1.2.1: {}
 
@@ -20047,7 +22173,7 @@ snapshots:
   internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
-      hasown: 2.0.3
+      hasown: 2.0.4
       side-channel: 1.1.0
 
   internmap@2.0.3: {}
@@ -20068,7 +22194,7 @@ snapshots:
 
   is-accessor-descriptor@1.0.2:
     dependencies:
-      hasown: 2.0.3
+      hasown: 2.0.4
 
   is-arguments@1.2.0:
     dependencies:
@@ -20110,15 +22236,19 @@ snapshots:
 
   is-buffer@1.1.6: {}
 
+  is-bun-module@2.0.0:
+    dependencies:
+      semver: 7.8.2
+
   is-callable@1.2.7: {}
 
   is-core-module@2.16.2:
     dependencies:
-      hasown: 2.0.3
+      hasown: 2.0.4
 
   is-data-descriptor@1.0.1:
     dependencies:
-      hasown: 2.0.3
+      hasown: 2.0.4
 
   is-data-view@1.0.2:
     dependencies:
@@ -20265,7 +22395,7 @@ snapshots:
       call-bound: 1.0.4
       gopd: 1.2.0
       has-tostringtag: 1.0.2
-      hasown: 2.0.3
+      hasown: 2.0.4
 
   is-regexp@3.1.0: {}
 
@@ -20304,7 +22434,7 @@ snapshots:
 
   is-typed-array@1.1.15:
     dependencies:
-      which-typed-array: 1.1.20
+      which-typed-array: 1.1.22
 
   is-typedarray@1.0.0: {}
 
@@ -20359,8 +22489,8 @@ snapshots:
 
   istanbul-lib-instrument@5.2.1:
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/parser': 7.29.3
+      '@babel/core': 7.29.7
+      '@babel/parser': 7.29.7
       '@istanbuljs/schema': 0.1.6
       istanbul-lib-coverage: 3.2.2
       semver: 6.3.1
@@ -20369,11 +22499,11 @@ snapshots:
 
   istanbul-lib-instrument@6.0.3:
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/parser': 7.29.3
+      '@babel/core': 7.29.7
+      '@babel/parser': 7.29.7
       '@istanbuljs/schema': 0.1.6
       istanbul-lib-coverage: 3.2.2
-      semver: 7.8.1
+      semver: 7.8.2
     transitivePeerDependencies:
       - supports-color
 
@@ -20407,6 +22537,12 @@ snapshots:
       has-symbols: 1.1.0
       set-function-name: 2.0.2
 
+  jackspeak@2.3.6:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
   jackspeak@3.4.3:
     dependencies:
       '@isaacs/cliui': 8.0.2
@@ -20429,7 +22565,7 @@ snapshots:
       '@jest/expect': 29.7.0
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       chalk: 4.1.2
       co: 4.6.0
       dedent: 1.7.2(babel-plugin-macros@3.1.0)
@@ -20449,16 +22585,16 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-cli@29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)):
+  jest-cli@29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)):
     dependencies:
-      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      create-jest: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       exit: 0.1.2
       import-local: 3.2.0
-      jest-config: 29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      jest-config: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
@@ -20468,12 +22604,12 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-config@29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)):
+  jest-config@29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)):
     dependencies:
-      '@babel/core': 7.29.0
+      '@babel/core': 7.29.7
       '@jest/test-sequencer': 29.7.0
       '@jest/types': 29.6.3
-      babel-jest: 29.7.0(@babel/core@7.29.0)
+      babel-jest: 29.7.0(@babel/core@7.29.7)
       chalk: 4.1.2
       ci-info: 3.9.0
       deepmerge: 4.3.1
@@ -20493,39 +22629,8 @@ snapshots:
       slash: 3.0.0
       strip-json-comments: 3.1.1
     optionalDependencies:
-      '@types/node': 20.19.41
-      ts-node: 10.9.2(@types/node@20.19.41)(typescript@5.9.3)
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-
-  jest-config@29.7.0(@types/node@24.13.0)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)):
-    dependencies:
-      '@babel/core': 7.29.0
-      '@jest/test-sequencer': 29.7.0
-      '@jest/types': 29.6.3
-      babel-jest: 29.7.0(@babel/core@7.29.0)
-      chalk: 4.1.2
-      ci-info: 3.9.0
-      deepmerge: 4.3.1
-      glob: 7.2.3
-      graceful-fs: 4.2.11
-      jest-circus: 29.7.0(babel-plugin-macros@3.1.0)
-      jest-environment-node: 29.7.0
-      jest-get-type: 29.6.3
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.7.0
-      jest-runner: 29.7.0
-      jest-util: 29.7.0
-      jest-validate: 29.7.0
-      micromatch: 4.0.8
-      parse-json: 5.2.0
-      pretty-format: 29.7.0
-      slash: 3.0.0
-      strip-json-comments: 3.1.1
-    optionalDependencies:
-      '@types/node': 24.13.0
-      ts-node: 10.9.2(@types/node@20.19.41)(typescript@5.9.3)
+      '@types/node': 20.19.42
+      ts-node: 10.9.2(@types/node@20.19.42)(typescript@5.9.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -20554,7 +22659,7 @@ snapshots:
       '@jest/environment': 29.7.0
       '@jest/fake-timers': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       jest-mock: 29.7.0
       jest-util: 29.7.0
 
@@ -20564,7 +22669,7 @@ snapshots:
     dependencies:
       '@jest/types': 29.6.3
       '@types/graceful-fs': 4.1.9
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
@@ -20576,22 +22681,6 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  jest-haste-map@30.4.1:
-    dependencies:
-      '@jest/types': 30.4.1
-      '@types/node': 20.19.41
-      anymatch: 3.1.3
-      fb-watchman: 2.0.2
-      graceful-fs: 4.2.11
-      jest-regex-util: 30.4.0
-      jest-util: 30.4.1
-      jest-worker: 30.4.1
-      picomatch: 4.0.4
-      walker: 1.0.8
-    optionalDependencies:
-      fsevents: 2.3.3
-    optional: true
-
   jest-leak-detector@29.7.0:
     dependencies:
       jest-get-type: 29.6.3
@@ -20606,7 +22695,7 @@ snapshots:
 
   jest-message-util@29.7.0:
     dependencies:
-      '@babel/code-frame': 7.29.0
+      '@babel/code-frame': 7.29.7
       '@jest/types': 29.6.3
       '@types/stack-utils': 2.0.3
       chalk: 4.1.2
@@ -20619,7 +22708,7 @@ snapshots:
   jest-mock@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       jest-util: 29.7.0
 
   jest-pnp-resolver@1.2.3(jest-resolve@29.7.0):
@@ -20628,9 +22717,6 @@ snapshots:
 
   jest-regex-util@29.6.3: {}
 
-  jest-regex-util@30.4.0:
-    optional: true
-
   jest-resolve-dependencies@29.7.0:
     dependencies:
       jest-regex-util: 29.6.3
@@ -20657,7 +22743,7 @@ snapshots:
       '@jest/test-result': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       chalk: 4.1.2
       emittery: 0.13.1
       graceful-fs: 4.2.11
@@ -20685,7 +22771,7 @@ snapshots:
       '@jest/test-result': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       chalk: 4.1.2
       cjs-module-lexer: 1.4.3
       collect-v8-coverage: 1.0.3
@@ -20705,15 +22791,15 @@ snapshots:
 
   jest-snapshot@29.7.0:
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/generator': 7.29.1
-      '@babel/plugin-syntax-jsx': 7.28.6(@babel/core@7.29.0)
-      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
-      '@babel/types': 7.29.0
+      '@babel/core': 7.29.7
+      '@babel/generator': 7.29.7
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
+      '@babel/types': 7.29.7
       '@jest/expect-utils': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
-      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.29.0)
+      babel-preset-current-node-syntax: 1.2.0(@babel/core@7.29.7)
       chalk: 4.1.2
       expect: 29.7.0
       graceful-fs: 4.2.11
@@ -20724,29 +22810,19 @@ snapshots:
       jest-util: 29.7.0
       natural-compare: 1.4.0
       pretty-format: 29.7.0
-      semver: 7.8.1
+      semver: 7.8.2
     transitivePeerDependencies:
       - supports-color
 
   jest-util@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       chalk: 4.1.2
       ci-info: 3.9.0
       graceful-fs: 4.2.11
       picomatch: 2.3.2
 
-  jest-util@30.4.1:
-    dependencies:
-      '@jest/types': 30.4.1
-      '@types/node': 20.19.41
-      chalk: 4.1.2
-      ci-info: 4.4.0
-      graceful-fs: 4.2.11
-      picomatch: 4.0.4
-    optional: true
-
   jest-validate@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
@@ -20760,7 +22836,7 @@ snapshots:
     dependencies:
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       emittery: 0.13.1
@@ -20769,32 +22845,23 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
   jest-worker@29.7.0:
     dependencies:
-      '@types/node': 24.13.0
+      '@types/node': 20.19.42
       jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
-  jest-worker@30.4.1:
+  jest@29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)):
     dependencies:
-      '@types/node': 20.19.41
-      '@ungap/structured-clone': 1.3.1
-      jest-util: 30.4.1
-      merge-stream: 2.0.0
-      supports-color: 8.1.1
-    optional: true
-
-  jest@29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)):
-    dependencies:
-      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       '@jest/types': 29.6.3
       import-local: 3.2.0
-      jest-cli: 29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      jest-cli: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -20815,7 +22882,7 @@ snapshots:
 
   jquery@3.7.1: {}
 
-  js-cookie@3.0.7: {}
+  js-cookie@3.0.8: {}
 
   js-md5@0.8.3: {}
 
@@ -20826,13 +22893,21 @@ snapshots:
       argparse: 1.0.10
       esprima: 4.0.1
 
+  js-yaml@4.1.0:
+    dependencies:
+      argparse: 2.0.1
+
   js-yaml@4.1.1:
     dependencies:
       argparse: 2.0.1
 
+  js-yaml@4.2.0:
+    dependencies:
+      argparse: 2.0.1
+
   jsbn@0.1.1: {}
 
-  jsdom@25.0.1(canvas@2.11.2):
+  jsdom@25.0.1:
     dependencies:
       cssstyle: 4.6.0
       data-urls: 5.0.0
@@ -20842,7 +22917,7 @@ snapshots:
       http-proxy-agent: 7.0.2
       https-proxy-agent: 7.0.6
       is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.23
+      nwsapi: 2.2.24
       parse5: 7.3.0
       rrweb-cssom: 0.7.1
       saxes: 6.0.0
@@ -20853,10 +22928,8 @@ snapshots:
       whatwg-encoding: 3.1.1
       whatwg-mimetype: 4.0.0
       whatwg-url: 14.2.0
-      ws: 8.20.1
+      ws: 8.21.0
       xml-name-validator: 5.0.0
-    optionalDependencies:
-      canvas: 2.11.2
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -20904,6 +22977,19 @@ snapshots:
 
   jsonparse@1.3.1: {}
 
+  jsonwebtoken@9.0.2:
+    dependencies:
+      jws: 3.2.3
+      lodash.includes: 4.3.0
+      lodash.isboolean: 3.0.3
+      lodash.isinteger: 4.0.4
+      lodash.isnumber: 3.0.3
+      lodash.isplainobject: 4.0.6
+      lodash.isstring: 4.0.1
+      lodash.once: 4.1.1
+      ms: 2.1.3
+      semver: 7.8.2
+
   jsonwebtoken@9.0.3:
     dependencies:
       jws: 4.0.1
@@ -20915,17 +23001,17 @@ snapshots:
       lodash.isstring: 4.0.1
       lodash.once: 4.1.1
       ms: 2.1.3
-      semver: 7.8.1
+      semver: 7.8.2
 
   jspdf@3.0.4:
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       fast-png: 6.4.0
       fflate: 0.8.3
     optionalDependencies:
       canvg: 3.0.11
       core-js: 3.49.0
-      dompurify: 3.4.5
+      dompurify: 3.4.8
       html2canvas: 1.4.1
 
   jsprim@1.4.2:
@@ -20949,12 +23035,23 @@ snapshots:
       readable-stream: 2.3.8
       setimmediate: 1.0.5
 
+  jwa@1.4.2:
+    dependencies:
+      buffer-equal-constant-time: 1.0.1
+      ecdsa-sig-formatter: 1.0.11
+      safe-buffer: 5.2.1
+
   jwa@2.0.1:
     dependencies:
       buffer-equal-constant-time: 1.0.1
       ecdsa-sig-formatter: 1.0.11
       safe-buffer: 5.2.1
 
+  jws@3.2.3:
+    dependencies:
+      jwa: 1.4.2
+      safe-buffer: 5.2.1
+
   jws@4.0.1:
     dependencies:
       jwa: 2.0.1
@@ -20984,6 +23081,12 @@ snapshots:
 
   kleur@4.1.5: {}
 
+  language-subtag-registry@0.3.23: {}
+
+  language-tags@1.0.9:
+    dependencies:
+      language-subtag-registry: 0.3.23
+
   lazy-cache@1.0.4: {}
 
   lazy-cache@2.0.2:
@@ -21005,12 +23108,12 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
-  libphonenumber-js@1.13.3: {}
+  libphonenumber-js@1.13.6: {}
 
   libreoffice-convert@1.8.1:
     dependencies:
       async: 3.2.6
-      tmp: 0.2.5
+      tmp: 0.2.7
 
   lie@3.3.0:
     dependencies:
@@ -21102,6 +23205,10 @@ snapshots:
       rfdc: 1.4.1
       wrap-ansi: 9.0.2
 
+  little-state-machine@4.8.1(react@19.2.6):
+    dependencies:
+      react: 19.2.6
+
   load-esm@1.0.3: {}
 
   load-json-file@1.1.0:
@@ -21220,6 +23327,8 @@ snapshots:
 
   lodash.upperfirst@4.3.1: {}
 
+  lodash@4.17.21: {}
+
   lodash@4.18.1: {}
 
   log-ok@0.1.1:
@@ -21283,7 +23392,7 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
-  lru-cache@11.5.0: {}
+  lru-cache@11.5.1: {}
 
   lru-cache@4.1.5:
     dependencies:
@@ -21296,14 +23405,24 @@ snapshots:
 
   lru-cache@7.18.3: {}
 
+  lucide-react@0.446.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
   lucide-react@0.513.0(react@19.2.6):
     dependencies:
       react: 19.2.6
 
-  lucide-react@1.16.0(react@19.2.6):
+  lucide-react@1.17.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  lucide-react@1.17.0(react@19.2.6):
     dependencies:
       react: 19.2.6
 
+  luxon@3.7.2: {}
+
   magic-string@0.30.17:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -21317,11 +23436,10 @@ snapshots:
   make-dir@3.1.0:
     dependencies:
       semver: 6.3.1
-    optional: true
 
   make-dir@4.0.0:
     dependencies:
-      semver: 7.8.1
+      semver: 7.8.2
 
   make-error@1.3.6: {}
 
@@ -21343,7 +23461,7 @@ snapshots:
 
   md5.js@1.3.5:
     dependencies:
-      hash-base: 3.1.2
+      hash-base: 3.0.5
       inherits: 2.0.4
       safe-buffer: 5.2.1
 
@@ -21387,9 +23505,9 @@ snapshots:
 
   merge-descriptors@2.0.0: {}
 
-  merge-refs@2.0.0(@types/react@18.3.29):
+  merge-refs@2.0.0(@types/react@18.3.31):
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
   merge-stream@2.0.0: {}
 
@@ -21401,16 +23519,16 @@ snapshots:
     dependencies:
       arr-diff: 4.0.0
       array-unique: 0.3.2
-      braces: 2.3.2
+      braces: 2.3.2(supports-color@5.5.0)
       define-property: 2.0.2
       extend-shallow: 3.0.2
-      extglob: 2.0.4
+      extglob: 2.0.4(supports-color@5.5.0)
       fragment-cache: 0.2.1
       kind-of: 6.0.3
-      nanomatch: 1.2.13
+      nanomatch: 1.2.13(supports-color@5.5.0)
       object.pick: 1.3.0
       regex-not: 1.0.2
-      snapdragon: 0.8.2
+      snapdragon: 0.8.2(supports-color@5.5.0)
       to-regex: 3.0.2
     transitivePeerDependencies:
       - supports-color
@@ -21488,9 +23606,6 @@ snapshots:
 
   mimic-function@5.0.1: {}
 
-  mimic-response@2.1.0:
-    optional: true
-
   minimalistic-assert@1.0.1: {}
 
   minimalistic-crypto-utils@1.0.1: {}
@@ -21501,15 +23616,15 @@ snapshots:
 
   minimatch@3.1.5:
     dependencies:
-      brace-expansion: 1.1.14
+      brace-expansion: 1.1.15
 
   minimatch@5.1.9:
     dependencies:
-      brace-expansion: 2.1.0
+      brace-expansion: 2.1.1
 
   minimatch@9.0.9:
     dependencies:
-      brace-expansion: 2.1.0
+      brace-expansion: 2.1.1
 
   minimist@0.0.8: {}
 
@@ -21535,10 +23650,8 @@ snapshots:
   minipass@3.3.6:
     dependencies:
       yallist: 4.0.0
-    optional: true
 
-  minipass@5.0.0:
-    optional: true
+  minipass@5.0.0: {}
 
   minipass@7.1.3: {}
 
@@ -21546,7 +23659,6 @@ snapshots:
     dependencies:
       minipass: 3.3.6
       yallist: 4.0.0
-    optional: true
 
   mitt@3.0.1: {}
 
@@ -21563,8 +23675,7 @@ snapshots:
     dependencies:
       minimist: 1.2.8
 
-  mkdirp@1.0.4:
-    optional: true
+  mkdirp@1.0.4: {}
 
   moment@2.30.1: {}
 
@@ -21580,14 +23691,14 @@ snapshots:
 
   ms@2.1.3: {}
 
-  msw@2.14.6(@types/node@24.13.0)(typescript@5.9.3):
+  msw@2.14.6(@types/node@24.13.1)(typescript@5.9.3):
     dependencies:
-      '@inquirer/confirm': 6.0.13(@types/node@24.13.0)
+      '@inquirer/confirm': 6.1.1(@types/node@24.13.1)
       '@mswjs/interceptors': 0.41.9
       '@open-draft/deferred-promise': 3.0.0
       '@types/statuses': 2.0.6
       cookie: 1.1.1
-      graphql: 16.14.0
+      graphql: 16.14.1
       headers-polyfill: 5.0.1
       is-node-process: 1.2.0
       outvariant: 1.4.3
@@ -21597,7 +23708,7 @@ snapshots:
       statuses: 2.0.2
       strict-event-emitter: 0.5.1
       tough-cookie: 6.0.1
-      type-fest: 5.6.0
+      type-fest: 5.7.0
       until-async: 3.0.2
       yargs: 17.7.2
     optionalDependencies:
@@ -21605,14 +23716,25 @@ snapshots:
     transitivePeerDependencies:
       - '@types/node'
 
-  mui-ethiopian-datepicker@0.3.2(7jjaia43mjzq4dnknd34qnedty):
+  mui-ethiopian-datepicker@0.3.2(0df76202bb5d42d18f0d7f13b194576e):
     dependencies:
-      '@emotion/react': 11.14.0(@types/react@18.3.29)(react@19.2.6)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
-      '@mui/icons-material': 5.18.0(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@types/react@18.3.29)(react@19.2.6)
-      '@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@mui/x-date-pickers': 6.20.2(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mui/system@5.18.0(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(react@19.2.6))(@types/react@18.3.29)(date-fns@3.6.0)(dayjs@1.11.20)(moment@2.30.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      date-fns: 3.6.0
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@mui/icons-material': 5.18.0(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mui/x-date-pickers': 6.20.2(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mui/system@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(date-fns@3.6.0)(dayjs@1.11.21)(luxon@3.7.2)(moment@2.30.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      date-fns: 4.4.0
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+
+  mui-ethiopian-datepicker@0.3.2(7d86988bc4fd0020aebaf3d4b373b1a0):
+    dependencies:
+      '@emotion/react': 11.14.0(@types/react@18.3.31)(react@19.2.6)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@mui/icons-material': 5.18.0(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@types/react@18.3.31)(react@19.2.6)
+      '@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@mui/x-date-pickers': 6.20.2(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(@mui/system@5.18.0(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(react@19.2.6))(@types/react@18.3.31)(date-fns@4.4.0)(dayjs@1.11.21)(luxon@3.7.2)(moment@2.30.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      date-fns: 4.4.0
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
 
@@ -21645,22 +23767,6 @@ snapshots:
 
   nanoid@3.3.12: {}
 
-  nanomatch@1.2.13:
-    dependencies:
-      arr-diff: 4.0.0
-      array-unique: 0.3.2
-      define-property: 2.0.2
-      extend-shallow: 3.0.2
-      fragment-cache: 0.2.1
-      is-windows: 1.0.2
-      kind-of: 6.0.3
-      object.pick: 1.3.0
-      regex-not: 1.0.2
-      snapdragon: 0.8.2
-      to-regex: 3.0.2
-    transitivePeerDependencies:
-      - supports-color
-
   nanomatch@1.2.13(supports-color@4.5.0):
     dependencies:
       arr-diff: 4.0.0
@@ -21694,6 +23800,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  napi-postinstall@0.3.4: {}
+
   natural-compare@1.4.0: {}
 
   negotiator@0.6.3: {}
@@ -21704,10 +23812,10 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  nestjs-minio-client@2.2.0(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.23):
+  nestjs-minio-client@2.2.0(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/core@11.1.24):
     dependencies:
-      '@nestjs/common': 11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
-      '@nestjs/core': 11.1.23(@nestjs/common@11.1.23(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.23)(@nestjs/platform-express@11.1.23)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/common': 11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2)
+      '@nestjs/core': 11.1.24(@nestjs/common@11.1.24(class-transformer@0.5.1)(class-validator@0.14.4)(reflect-metadata@0.2.2)(rxjs@7.8.2))(@nestjs/microservices@11.1.24)(@nestjs/platform-express@11.1.24)(reflect-metadata@0.2.2)(rxjs@7.8.2)
       minio: 7.1.3
       reflect-metadata: 0.1.14
       rxjs: 7.8.2
@@ -21721,6 +23829,31 @@ snapshots:
 
   next-tick@1.1.0: {}
 
+  next@14.2.35(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@next/env': 14.2.35
+      '@swc/helpers': 0.5.5
+      busboy: 1.6.0
+      caniuse-lite: 1.0.30001797
+      graceful-fs: 4.2.11
+      postcss: 8.4.31
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      styled-jsx: 5.1.1(babel-plugin-macros@3.1.0)(react@18.3.1)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 14.2.33
+      '@next/swc-darwin-x64': 14.2.33
+      '@next/swc-linux-arm64-gnu': 14.2.33
+      '@next/swc-linux-arm64-musl': 14.2.33
+      '@next/swc-linux-x64-gnu': 14.2.33
+      '@next/swc-linux-x64-musl': 14.2.33
+      '@next/swc-win32-arm64-msvc': 14.2.33
+      '@next/swc-win32-ia32-msvc': 14.2.33
+      '@next/swc-win32-x64-msvc': 14.2.33
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
   no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
@@ -21728,6 +23861,8 @@ snapshots:
 
   node-abort-controller@3.1.1: {}
 
+  node-addon-api@5.1.0: {}
+
   node-addon-api@7.1.1: {}
 
   node-addon-api@8.8.0: {}
@@ -21745,6 +23880,8 @@ snapshots:
       object.entries: 1.1.9
       semver: 6.3.1
 
+  node-fetch-native@1.6.7: {}
+
   node-fetch@2.7.0:
     dependencies:
       whatwg-url: 5.0.0
@@ -21792,12 +23929,11 @@ snapshots:
       util: 0.11.1
       vm-browserify: 1.1.2
 
-  node-releases@2.0.46: {}
+  node-releases@2.0.47: {}
 
   nopt@5.0.0:
     dependencies:
       abbrev: 1.1.1
-    optional: true
 
   normalize-package-data@2.5.0:
     dependencies:
@@ -21839,7 +23975,6 @@ snapshots:
       console-control-strings: 1.1.0
       gauge: 3.0.2
       set-blocking: 2.0.0
-    optional: true
 
   nth-check@2.1.1:
     dependencies:
@@ -21847,7 +23982,13 @@ snapshots:
 
   number-is-nan@1.0.1: {}
 
-  nwsapi@2.2.23: {}
+  nwsapi@2.2.24: {}
+
+  nypm@0.6.6:
+    dependencies:
+      citty: 0.2.2
+      pathe: 2.0.3
+      tinyexec: 1.2.4
 
   oauth-sign@0.9.0: {}
 
@@ -21918,6 +24059,8 @@ snapshots:
 
   obuf@1.1.2: {}
 
+  ohash@2.0.11: {}
+
   on-finished@2.4.1:
     dependencies:
       ee-first: 1.1.1
@@ -22098,7 +24241,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.29.0
+      '@babel/code-frame': 7.29.7
       error-ex: 1.3.4
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -22168,11 +24311,13 @@ snapshots:
 
   path-scurry@2.0.2:
     dependencies:
-      lru-cache: 11.5.0
+      lru-cache: 11.5.1
       minipass: 7.1.3
 
   path-to-regexp@0.1.13: {}
 
+  path-to-regexp@3.3.0: {}
+
   path-to-regexp@6.3.0: {}
 
   path-to-regexp@8.4.2: {}
@@ -22189,9 +24334,6 @@ snapshots:
 
   path-type@4.0.0: {}
 
-  path2d-polyfill@2.0.1:
-    optional: true
-
   path@0.12.7:
     dependencies:
       process: 0.11.10
@@ -22199,6 +24341,8 @@ snapshots:
 
   pathe@1.1.2: {}
 
+  pathe@2.0.3: {}
+
   pathval@2.0.1: {}
 
   pause@0.0.1: {}
@@ -22212,18 +24356,21 @@ snapshots:
       sha.js: 2.4.12
       to-buffer: 1.2.2
 
-  pdfjs-dist@3.11.174:
+  pdfjs-dist@2.16.105:
+    dependencies:
+      dommatrix: 1.0.3
+      web-streams-polyfill: 3.3.3
+
+  pdfjs-dist@5.4.296:
     optionalDependencies:
-      canvas: 2.11.2
-      path2d-polyfill: 2.0.1
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
+      '@napi-rs/canvas': 0.1.100
 
   peek-readable@5.4.2: {}
 
   pend@1.2.0: {}
 
+  perfect-debounce@1.0.0: {}
+
   perfect-freehand@1.2.3: {}
 
   performance-now@2.1.0: {}
@@ -22293,6 +24440,12 @@ snapshots:
     dependencies:
       find-up: 4.1.0
 
+  pkg-types@2.3.1:
+    dependencies:
+      confbox: 0.2.4
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
   pkginfo@0.4.1: {}
 
   pluralize@8.0.0: {}
@@ -22353,6 +24506,12 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
+  postcss@8.4.31:
+    dependencies:
+      nanoid: 3.3.12
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
   postcss@8.5.15:
     dependencies:
       nanoid: 3.3.12
@@ -22385,6 +24544,15 @@ snapshots:
     dependencies:
       parse-ms: 4.0.0
 
+  prisma@6.19.3(typescript@5.9.3):
+    dependencies:
+      '@prisma/config': 6.19.3
+      '@prisma/engines': 6.19.3
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - magicast
+
   process-nextick-args@2.0.1: {}
 
   process@0.11.10: {}
@@ -22434,6 +24602,11 @@ snapshots:
       prosemirror-view: 1.41.8
       rope-sequence: 1.3.4
 
+  prosemirror-inputrules@1.5.1:
+    dependencies:
+      prosemirror-state: 1.4.4
+      prosemirror-transform: 1.12.0
+
   prosemirror-keymap@1.2.3:
     dependencies:
       prosemirror-state: 1.4.4
@@ -22535,7 +24708,7 @@ snapshots:
       devtools-protocol: 0.0.1608973
       typed-query-selector: 2.12.2
       webdriver-bidi-protocol: 0.4.1
-      ws: 8.20.1
+      ws: 8.21.0
     transitivePeerDependencies:
       - bare-abort-controller
       - bare-buffer
@@ -22563,6 +24736,10 @@ snapshots:
 
   pure-rand@6.1.0: {}
 
+  qrcode.react@3.2.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
   qrcode@1.5.4:
     dependencies:
       dijkstrajs: 1.0.3
@@ -22592,68 +24769,131 @@ snapshots:
     dependencies:
       inherits: 2.0.4
 
-  radix-ui@1.4.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+  radix-ui@1.5.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-accessible-icon': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-accordion': 1.2.12(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-alert-dialog': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-aspect-ratio': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-avatar': 1.1.10(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-checkbox': 1.3.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context': 1.1.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-context-menu': 2.2.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-form': 0.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-hover-card': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-label': 2.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-menubar': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-navigation-menu': 1.2.14(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-one-time-password-field': 0.1.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-password-toggle-field': 0.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-popover': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-progress': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-radio-group': 1.3.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-scroll-area': 1.2.10(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-select': 2.2.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-separator': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slider': 1.3.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-switch': 1.2.6(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-tabs': 1.1.13(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-toast': 1.2.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-toolbar': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-tooltip': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.29)(react@19.2.6)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-accessible-icon': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-accordion': 1.2.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-alert-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-arrow': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-aspect-ratio': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-avatar': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-checkbox': 1.3.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-collapsible': 1.1.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-context-menu': 2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-dropdown-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-form': 0.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-hover-card': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-label': 2.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-menubar': 1.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-navigation-menu': 1.2.15(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-one-time-password-field': 0.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-password-toggle-field': 0.1.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-popover': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-progress': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-radio-group': 1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-scroll-area': 1.2.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-select': 2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-separator': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slider': 1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-switch': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-tabs': 1.1.14(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toast': 1.2.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle-group': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toolbar': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-tooltip': 1.2.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
+
+  radix-ui@1.5.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+    dependencies:
+      '@radix-ui/primitive': 1.1.4
+      '@radix-ui/react-accessible-icon': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-accordion': 1.2.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-alert-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-arrow': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-aspect-ratio': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-avatar': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-checkbox': 1.3.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-collapsible': 1.1.13(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-collection': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-compose-refs': 1.1.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-context-menu': 2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-direction': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-dismissable-layer': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dropdown-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-focus-guards': 1.1.4(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-focus-scope': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-form': 0.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-hover-card': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-label': 2.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-menu': 2.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-menubar': 1.1.17(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-navigation-menu': 1.2.15(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-one-time-password-field': 0.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-password-toggle-field': 0.1.4(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-popover': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-popper': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-portal': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-presence': 1.1.6(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-primitive': 2.1.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-progress': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-radio-group': 1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-roving-focus': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-scroll-area': 1.2.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-select': 2.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-separator': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slider': 1.4.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-slot': 1.2.5(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-switch': 1.3.0(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-tabs': 1.1.14(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toast': 1.2.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toggle-group': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-toolbar': 1.1.12(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-tooltip': 1.2.9(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-use-callback-ref': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-controllable-state': 1.2.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-effect-event': 0.0.3(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-escape-keydown': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-is-hydrated': 0.1.1(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-layout-effect': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-use-size': 1.1.2(@types/react@18.3.31)(react@19.2.6)
+      '@radix-ui/react-visually-hidden': 1.2.5(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
-      '@types/react-dom': 18.3.7(@types/react@18.3.29)
+      '@types/react': 18.3.31
+      '@types/react-dom': 18.3.7(@types/react@18.3.31)
 
   raf-schd@4.0.3: {}
 
@@ -22692,9 +24932,14 @@ snapshots:
       iconv-lite: 0.7.2
       unpipe: 1.0.0
 
-  react-cookie@8.1.2(@types/react@18.3.29)(react@19.2.6):
+  rc9@2.1.2:
     dependencies:
-      '@types/hoist-non-react-statics': 3.3.7(@types/react@18.3.29)
+      defu: 6.1.7
+      destr: 2.0.5
+
+  react-cookie@8.1.2(@types/react@18.3.31)(react@19.2.6):
+    dependencies:
+      '@types/hoist-non-react-statics': 3.3.7(@types/react@18.3.31)
       hoist-non-react-statics: 3.3.2
       react: 19.2.6
       universal-cookie: 8.1.2
@@ -22705,7 +24950,7 @@ snapshots:
     dependencies:
       '@floating-ui/react': 0.27.19(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       clsx: 2.1.1
-      date-fns: 3.6.0
+      date-fns: 4.4.0
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
 
@@ -22713,10 +24958,24 @@ snapshots:
     dependencies:
       '@date-fns/tz': 1.5.0
       '@tabby_ai/hijri-converter': 1.0.5
-      date-fns: 3.6.0
+      date-fns: 4.4.0
       date-fns-jalali: 4.1.0-0
       react: 19.2.6
 
+  react-dom@16.14.0(react@16.14.0):
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      prop-types: 15.8.1
+      react: 16.14.0
+      scheduler: 0.19.1
+
+  react-dom@18.3.1(react@18.3.1):
+    dependencies:
+      loose-envify: 1.4.0
+      react: 18.3.1
+      scheduler: 0.23.2
+
   react-dom@19.2.6(react@19.2.6):
     dependencies:
       react: 19.2.6
@@ -22739,7 +24998,11 @@ snapshots:
       react-dom: 19.2.6(react@19.2.6)
       tree-changes: 0.9.3
 
-  react-hook-form@7.76.0(react@19.2.6):
+  react-hook-form@7.77.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  react-hook-form@7.77.0(react@19.2.6):
     dependencies:
       react: 19.2.6
 
@@ -22752,7 +25015,7 @@ snapshots:
 
   react-i18next@15.7.4(i18next@25.10.10(typescript@5.9.3))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(typescript@5.9.3):
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       html-parse-stringify: 3.0.1
       i18next: 25.10.10(typescript@5.9.3)
       react: 19.2.6
@@ -22768,9 +25031,9 @@ snapshots:
     dependencies:
       react: 19.2.6
 
-  react-innertext@1.1.5(@types/react@18.3.29)(react@19.2.6):
+  react-innertext@1.1.5(@types/react@18.3.31)(react@19.2.6):
     dependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
       react: 19.2.6
 
   react-intersection-observer@9.16.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
@@ -22783,9 +25046,9 @@ snapshots:
 
   react-is@18.3.1: {}
 
-  react-is@19.2.6: {}
+  react-is@19.2.7: {}
 
-  react-joyride@2.9.3(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+  react-joyride@2.9.3(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
       '@gilbarbara/deep-equal': 0.3.1
       deep-diff: 1.0.2
@@ -22794,7 +25057,7 @@ snapshots:
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
       react-floater: 0.7.9(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
-      react-innertext: 1.1.5(@types/react@18.3.29)(react@19.2.6)
+      react-innertext: 1.1.5(@types/react@18.3.31)(react@19.2.6)
       react-is: 16.13.1
       scroll: 3.0.1
       scrollparent: 2.1.0
@@ -22803,6 +25066,11 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
+  react-number-format@5.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   react-number-format@5.4.5(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
       react: 19.2.6
@@ -22817,76 +25085,91 @@ snapshots:
 
   react-pdf-viewer@0.1.0:
     dependencies:
-      pdfjs-dist: 3.11.174
-      react: 19.2.6
-      react-dom: 19.2.6(react@19.2.6)
+      pdfjs-dist: 2.16.105
+      react: 16.14.0
+      react-dom: 16.14.0(react@16.14.0)
       webpack: 3.12.0
       webpack-dev-server: 2.11.5(webpack@3.12.0)
     transitivePeerDependencies:
-      - encoding
-      - supports-color
       - webpack-cli
       - webpack-command
+      - worker-loader
 
-  react-pdf@10.4.1(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+  react-pdf@10.4.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
       clsx: 2.1.1
       dequal: 2.0.3
       make-cancellable-promise: 2.0.0
       make-event-props: 2.0.0
-      merge-refs: 2.0.0(@types/react@18.3.29)
-      pdfjs-dist: 3.11.174
+      merge-refs: 2.0.0(@types/react@18.3.31)
+      pdfjs-dist: 5.4.296
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
       tiny-invariant: 1.3.3
       warning: 4.0.3
     optionalDependencies:
-      '@types/react': 18.3.29
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
+      '@types/react': 18.3.31
 
-  react-redux@9.3.0(@types/react@18.3.29)(react@19.2.6)(redux@5.0.1):
+  react-redux@9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1):
     dependencies:
       '@types/use-sync-external-store': 0.0.6
       react: 19.2.6
       use-sync-external-store: 1.6.0(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
       redux: 5.0.1
 
   react-refresh@0.17.0: {}
 
-  react-remove-scroll-bar@2.3.8(@types/react@18.3.29)(react@19.2.6):
+  react-remove-scroll-bar@2.3.8(@types/react@18.3.31)(react@18.3.1):
     dependencies:
-      react: 19.2.6
-      react-style-singleton: 2.2.3(@types/react@18.3.29)(react@19.2.6)
+      react: 18.3.1
+      react-style-singleton: 2.2.3(@types/react@18.3.31)(react@18.3.1)
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  react-remove-scroll@2.7.2(@types/react@18.3.29)(react@19.2.6):
+  react-remove-scroll-bar@2.3.8(@types/react@18.3.31)(react@19.2.6):
     dependencies:
       react: 19.2.6
-      react-remove-scroll-bar: 2.3.8(@types/react@18.3.29)(react@19.2.6)
-      react-style-singleton: 2.2.3(@types/react@18.3.29)(react@19.2.6)
+      react-style-singleton: 2.2.3(@types/react@18.3.31)(react@19.2.6)
       tslib: 2.8.1
-      use-callback-ref: 1.3.3(@types/react@18.3.29)(react@19.2.6)
-      use-sidecar: 1.1.3(@types/react@18.3.29)(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
+
+  react-remove-scroll@2.7.2(@types/react@18.3.31)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-remove-scroll-bar: 2.3.8(@types/react@18.3.31)(react@18.3.1)
+      react-style-singleton: 2.2.3(@types/react@18.3.31)(react@18.3.1)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@18.3.31)(react@18.3.1)
+      use-sidecar: 1.1.3(@types/react@18.3.31)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  react-remove-scroll@2.7.2(@types/react@18.3.31)(react@19.2.6):
+    dependencies:
+      react: 19.2.6
+      react-remove-scroll-bar: 2.3.8(@types/react@18.3.31)(react@19.2.6)
+      react-style-singleton: 2.2.3(@types/react@18.3.31)(react@19.2.6)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@18.3.31)(react@19.2.6)
+      use-sidecar: 1.1.3(@types/react@18.3.31)(react@19.2.6)
+    optionalDependencies:
+      '@types/react': 18.3.31
 
   react-resizable-panels@3.0.6(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
 
-  react-router-dom@6.30.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+  react-router-dom@6.30.4(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
-      '@remix-run/router': 1.23.2
+      '@remix-run/router': 1.23.3
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
-      react-router: 6.30.3(react@19.2.6)
+      react-router: 6.30.4(react@19.2.6)
 
   react-router-dom@7.17.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
@@ -22894,9 +25177,9 @@ snapshots:
       react-dom: 19.2.6(react@19.2.6)
       react-router: 7.17.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
 
-  react-router@6.30.3(react@19.2.6):
+  react-router@6.30.4(react@19.2.6):
     dependencies:
-      '@remix-run/router': 1.23.2
+      '@remix-run/router': 1.23.3
       react: 19.2.6
 
   react-router@7.17.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
@@ -22907,9 +25190,9 @@ snapshots:
     optionalDependencies:
       react-dom: 19.2.6(react@19.2.6)
 
-  react-signature-canvas@1.1.0-alpha.2(@types/prop-types@15.7.15)(@types/react@18.3.29)(prop-types@15.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+  react-signature-canvas@1.1.0-alpha.2(@types/prop-types@15.7.15)(@types/react@18.3.31)(prop-types@15.8.1)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       '@types/signature_pad': 2.3.6
       prop-types: 15.8.1
       react: 19.2.6
@@ -22918,34 +25201,73 @@ snapshots:
       trim-canvas: 0.1.2
     optionalDependencies:
       '@types/prop-types': 15.7.15
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  react-style-singleton@2.2.3(@types/react@18.3.29)(react@19.2.6):
+  react-simple-animate@3.5.3(react-dom@19.2.6(react@19.2.6)):
+    dependencies:
+      react-dom: 19.2.6(react@19.2.6)
+
+  react-smooth@4.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      fast-equals: 5.4.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-transition-group: 4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+
+  react-style-singleton@2.2.3(@types/react@18.3.31)(react@18.3.1):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  react-style-singleton@2.2.3(@types/react@18.3.31)(react@19.2.6):
     dependencies:
       get-nonce: 1.0.1
       react: 19.2.6
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  react-textarea-autosize@8.5.9(@types/react@18.3.29)(react@19.2.6):
+  react-textarea-autosize@8.5.9(@types/react@18.3.31)(react@19.2.6):
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       react: 19.2.6
-      use-composed-ref: 1.4.0(@types/react@18.3.29)(react@19.2.6)
-      use-latest: 1.3.0(@types/react@18.3.29)(react@19.2.6)
+      use-composed-ref: 1.4.0(@types/react@18.3.31)(react@19.2.6)
+      use-latest: 1.3.0(@types/react@18.3.31)(react@19.2.6)
     transitivePeerDependencies:
       - '@types/react'
 
+  react-transition-group@4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   react-transition-group@4.4.5(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
 
+  react@16.14.0:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      prop-types: 15.8.1
+
+  react@18.3.1:
+    dependencies:
+      loose-envify: 1.4.0
+
   react@19.2.6: {}
 
   read-cache@1.0.0:
@@ -23037,18 +25359,35 @@ snapshots:
       tiny-invariant: 1.3.3
       tslib: 2.8.1
 
-  recharts@3.8.1(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.6)(react@19.2.6)(redux@5.0.1):
+  recharts-scale@0.4.5:
     dependencies:
-      '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@18.3.29)(react@19.2.6)(redux@5.0.1))(react@19.2.6)
+      decimal.js-light: 2.5.1
+
+  recharts@2.15.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      clsx: 2.1.1
+      eventemitter3: 4.0.7
+      lodash: 4.18.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-is: 18.3.1
+      react-smooth: 4.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      recharts-scale: 0.4.5
+      tiny-invariant: 1.3.3
+      victory-vendor: 36.9.2
+
+  recharts@3.8.1(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react-is@19.2.7)(react@19.2.6)(redux@5.0.1):
+    dependencies:
+      '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1))(react@19.2.6)
       clsx: 2.1.1
       decimal.js-light: 2.5.1
-      es-toolkit: 1.46.1
+      es-toolkit: 1.47.0
       eventemitter3: 5.0.4
       immer: 10.2.0
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
-      react-is: 19.2.6
-      react-redux: 9.3.0(@types/react@18.3.29)(react@19.2.6)(redux@5.0.1)
+      react-is: 19.2.7
+      react-redux: 9.3.0(@types/react@18.3.31)(react@19.2.6)(redux@5.0.1)
       reselect: 5.1.1
       tiny-invariant: 1.3.3
       use-sync-external-store: 1.6.0(react@19.2.6)
@@ -23169,6 +25508,8 @@ snapshots:
 
   resolve-from@5.0.0: {}
 
+  resolve-pkg-maps@1.0.0: {}
+
   resolve-url@0.2.1: {}
 
   resolve.exports@2.0.3: {}
@@ -23229,35 +25570,35 @@ snapshots:
       hash-base: 3.1.2
       inherits: 2.0.4
 
-  rollup@4.60.4:
+  rollup@4.61.1:
     dependencies:
-      '@types/estree': 1.0.8
+      '@types/estree': 1.0.9
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.60.4
-      '@rollup/rollup-android-arm64': 4.60.4
-      '@rollup/rollup-darwin-arm64': 4.60.4
-      '@rollup/rollup-darwin-x64': 4.60.4
-      '@rollup/rollup-freebsd-arm64': 4.60.4
-      '@rollup/rollup-freebsd-x64': 4.60.4
-      '@rollup/rollup-linux-arm-gnueabihf': 4.60.4
-      '@rollup/rollup-linux-arm-musleabihf': 4.60.4
-      '@rollup/rollup-linux-arm64-gnu': 4.60.4
-      '@rollup/rollup-linux-arm64-musl': 4.60.4
-      '@rollup/rollup-linux-loong64-gnu': 4.60.4
-      '@rollup/rollup-linux-loong64-musl': 4.60.4
-      '@rollup/rollup-linux-ppc64-gnu': 4.60.4
-      '@rollup/rollup-linux-ppc64-musl': 4.60.4
-      '@rollup/rollup-linux-riscv64-gnu': 4.60.4
-      '@rollup/rollup-linux-riscv64-musl': 4.60.4
-      '@rollup/rollup-linux-s390x-gnu': 4.60.4
-      '@rollup/rollup-linux-x64-gnu': 4.60.4
-      '@rollup/rollup-linux-x64-musl': 4.60.4
-      '@rollup/rollup-openbsd-x64': 4.60.4
-      '@rollup/rollup-openharmony-arm64': 4.60.4
-      '@rollup/rollup-win32-arm64-msvc': 4.60.4
-      '@rollup/rollup-win32-ia32-msvc': 4.60.4
-      '@rollup/rollup-win32-x64-gnu': 4.60.4
-      '@rollup/rollup-win32-x64-msvc': 4.60.4
+      '@rollup/rollup-android-arm-eabi': 4.61.1
+      '@rollup/rollup-android-arm64': 4.61.1
+      '@rollup/rollup-darwin-arm64': 4.61.1
+      '@rollup/rollup-darwin-x64': 4.61.1
+      '@rollup/rollup-freebsd-arm64': 4.61.1
+      '@rollup/rollup-freebsd-x64': 4.61.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.61.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.61.1
+      '@rollup/rollup-linux-arm64-gnu': 4.61.1
+      '@rollup/rollup-linux-arm64-musl': 4.61.1
+      '@rollup/rollup-linux-loong64-gnu': 4.61.1
+      '@rollup/rollup-linux-loong64-musl': 4.61.1
+      '@rollup/rollup-linux-ppc64-gnu': 4.61.1
+      '@rollup/rollup-linux-ppc64-musl': 4.61.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.61.1
+      '@rollup/rollup-linux-riscv64-musl': 4.61.1
+      '@rollup/rollup-linux-s390x-gnu': 4.61.1
+      '@rollup/rollup-linux-x64-gnu': 4.61.1
+      '@rollup/rollup-linux-x64-musl': 4.61.1
+      '@rollup/rollup-openbsd-x64': 4.61.1
+      '@rollup/rollup-openharmony-arm64': 4.61.1
+      '@rollup/rollup-win32-arm64-msvc': 4.61.1
+      '@rollup/rollup-win32-ia32-msvc': 4.61.1
+      '@rollup/rollup-win32-x64-gnu': 4.61.1
+      '@rollup/rollup-win32-x64-msvc': 4.61.1
       fsevents: 2.3.3
 
   rope-sequence@1.3.4: {}
@@ -23329,6 +25670,15 @@ snapshots:
     dependencies:
       xmlchars: 2.2.0
 
+  scheduler@0.19.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+
+  scheduler@0.23.2:
+    dependencies:
+      loose-envify: 1.4.0
+
   scheduler@0.25.0-rc-603e6108-20241029: {}
 
   scheduler@0.27.0: {}
@@ -23362,7 +25712,7 @@ snapshots:
 
   semver@6.3.1: {}
 
-  semver@7.8.1: {}
+  semver@7.8.2: {}
 
   send@0.19.2(supports-color@5.5.0):
     dependencies:
@@ -23477,13 +25827,13 @@ snapshots:
       safe-buffer: 5.2.1
       to-buffer: 1.2.2
 
-  shadcn@4.8.0(@types/node@24.13.0)(babel-plugin-macros@3.1.0)(typescript@5.9.3):
+  shadcn@4.10.0(@types/node@24.13.1)(babel-plugin-macros@3.1.0)(typescript@5.9.3):
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/parser': 7.29.3
-      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
-      '@babel/preset-typescript': 7.28.5(@babel/core@7.29.0)
-      '@dotenvx/dotenvx': 1.67.0
+      '@babel/core': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/plugin-transform-typescript': 7.29.7(@babel/core@7.29.7)
+      '@babel/preset-typescript': 7.29.7(@babel/core@7.29.7)
+      '@dotenvx/dotenvx': 1.71.0
       '@modelcontextprotocol/sdk': 1.29.0(zod@3.25.76)
       '@types/validate-npm-package-name': 4.0.2
       browserslist: 4.28.2
@@ -23498,7 +25848,7 @@ snapshots:
       fuzzysort: 3.1.0
       https-proxy-agent: 7.0.6
       kleur: 4.1.5
-      msw: 2.14.6(@types/node@24.13.0)(typescript@5.9.3)
+      msw: 2.14.6(@types/node@24.13.1)(typescript@5.9.3)
       node-fetch: 3.3.2
       open: 11.0.0
       ora: 8.2.0
@@ -23570,16 +25920,6 @@ snapshots:
 
   signature_pad@2.3.2: {}
 
-  simple-concat@1.0.1:
-    optional: true
-
-  simple-get@3.1.1:
-    dependencies:
-      decompress-response: 4.2.1
-      once: 1.4.0
-      simple-concat: 1.0.1
-    optional: true
-
   sisteransi@1.0.5: {}
 
   slash@3.0.0: {}
@@ -23608,19 +25948,6 @@ snapshots:
     dependencies:
       kind-of: 3.2.2
 
-  snapdragon@0.8.2:
-    dependencies:
-      base: 0.11.2
-      debug: 2.6.9(supports-color@5.5.0)
-      define-property: 0.2.5
-      extend-shallow: 2.0.1
-      map-cache: 0.2.2
-      source-map: 0.5.7
-      source-map-resolve: 0.5.3
-      use: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-
   snapdragon@0.8.2(supports-color@4.5.0):
     dependencies:
       base: 0.11.2
@@ -23795,6 +26122,8 @@ snapshots:
       safer-buffer: 2.1.2
       tweetnacl: 0.14.5
 
+  stable-hash@0.0.5: {}
+
   stack-trace@0.0.10: {}
 
   stack-utils@2.0.6:
@@ -23839,7 +26168,7 @@ snapshots:
 
   streamsearch@1.1.0: {}
 
-  streamx@2.26.0:
+  streamx@2.27.0:
     dependencies:
       events-universal: 1.0.1
       fast-fifo: 1.3.2
@@ -23888,6 +26217,12 @@ snapshots:
       get-east-asian-width: 1.6.0
       strip-ansi: 7.2.0
 
+  string.prototype.includes@2.0.1:
+    dependencies:
+      call-bind: 1.0.9
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.9
@@ -23909,7 +26244,7 @@ snapshots:
       define-properties: 1.2.1
       es-abstract: 1.24.2
 
-  string.prototype.trim@1.2.10:
+  string.prototype.trim@1.2.11:
     dependencies:
       call-bind: 1.0.9
       call-bound: 1.0.4
@@ -23918,8 +26253,9 @@ snapshots:
       es-abstract: 1.24.2
       es-object-atoms: 1.1.2
       has-property-descriptors: 1.0.2
+      safe-regex-test: 1.1.0
 
-  string.prototype.trimend@1.0.9:
+  string.prototype.trimend@1.0.10:
     dependencies:
       call-bind: 1.0.9
       call-bound: 1.0.4
@@ -23999,6 +26335,13 @@ snapshots:
 
   style-object-to-css-string@1.1.3: {}
 
+  styled-jsx@5.1.1(babel-plugin-macros@3.1.0)(react@18.3.1):
+    dependencies:
+      client-only: 0.0.1
+      react: 18.3.1
+    optionalDependencies:
+      babel-plugin-macros: 3.1.0
+
   stylis@4.2.0: {}
 
   success-symbol@0.1.0: {}
@@ -24010,7 +26353,7 @@ snapshots:
       lines-and-columns: 1.2.4
       mz: 2.7.0
       pirates: 4.0.7
-      tinyglobby: 0.2.16
+      tinyglobby: 0.2.17
       ts-interface-checker: 0.1.13
 
   superagent@10.3.0:
@@ -24058,10 +26401,17 @@ snapshots:
   svg-pathdata@6.0.3:
     optional: true
 
+  swagger-ui-dist@5.17.14: {}
+
   swagger-ui-dist@5.32.6:
     dependencies:
       '@scarf/scarf': 1.4.0
 
+  swagger-ui-express@5.0.1(express@4.22.2):
+    dependencies:
+      express: 4.22.2(supports-color@5.5.0)
+      swagger-ui-dist: 5.32.6
+
   symbol-observable@4.0.0: {}
 
   symbol-tree@3.2.4: {}
@@ -24139,7 +26489,7 @@ snapshots:
       b4a: 1.8.1
       bare-fs: 4.7.2
       fast-fifo: 1.3.2
-      streamx: 2.26.0
+      streamx: 2.27.0
     transitivePeerDependencies:
       - bare-abort-controller
       - bare-buffer
@@ -24153,16 +26503,15 @@ snapshots:
       minizlib: 2.1.2
       mkdirp: 1.0.4
       yallist: 4.0.0
-    optional: true
 
   teex@1.0.1:
     dependencies:
-      streamx: 2.26.0
+      streamx: 2.27.0
     transitivePeerDependencies:
       - bare-abort-controller
       - react-native-b4a
 
-  terser-webpack-plugin@5.6.0(webpack@5.106.0):
+  terser-webpack-plugin@5.6.1(webpack@5.106.0):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
@@ -24182,7 +26531,7 @@ snapshots:
   tesseract.js@7.0.0:
     dependencies:
       bmp-js: 0.1.0
-      idb-keyval: 6.2.4
+      idb-keyval: 6.2.5
       is-url: 1.2.4
       node-fetch: 2.7.0
       opencollective-postinstall: 2.0.3
@@ -24250,15 +26599,17 @@ snapshots:
 
   tinyexec@0.3.2: {}
 
-  tinyexec@1.1.2: {}
+  tinyexec@1.2.4: {}
 
-  tinyglobby@0.2.16:
+  tinyglobby@0.2.17:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.4)
       picomatch: 4.0.4
 
   tinymce@7.9.3: {}
 
+  tinymce@8.6.0: {}
+
   tinypool@1.1.1: {}
 
   tinyrainbow@1.2.0: {}
@@ -24267,17 +26618,17 @@ snapshots:
 
   tldts-core@6.1.86: {}
 
-  tldts-core@7.0.30: {}
+  tldts-core@7.4.2: {}
 
   tldts@6.1.86:
     dependencies:
       tldts-core: 6.1.86
 
-  tldts@7.0.30:
+  tldts@7.4.2:
     dependencies:
-      tldts-core: 7.0.30
+      tldts-core: 7.4.2
 
-  tmp@0.2.5: {}
+  tmp@0.2.7: {}
 
   tmpl@1.0.5: {}
 
@@ -24335,7 +26686,7 @@ snapshots:
 
   tough-cookie@6.0.1:
     dependencies:
-      tldts: 7.0.30
+      tldts: 7.4.2
 
   tr46@0.0.3: {}
 
@@ -24365,49 +26716,51 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
-  ts-jest@29.4.11(@babel/core@7.29.0)(@jest/transform@30.4.1)(@jest/types@30.4.1)(babel-jest@30.4.1(@babel/core@7.29.0))(jest-util@30.4.1)(jest@29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)))(typescript@5.9.3):
+  ts-jest@29.4.11(@babel/core@7.29.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.29.7))(jest-util@29.7.0)(jest@29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)))(typescript@5.9.3):
     dependencies:
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
       handlebars: 4.7.9
-      jest: 29.7.0(@types/node@20.19.41)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      jest: 29.7.0(@types/node@20.19.42)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       json5: 2.2.3
       lodash.memoize: 4.1.2
       make-error: 1.3.6
-      semver: 7.8.1
+      semver: 7.8.2
       type-fest: 4.41.0
       typescript: 5.9.3
       yargs-parser: 21.1.1
     optionalDependencies:
-      '@babel/core': 7.29.0
-      '@jest/transform': 30.4.1
-      '@jest/types': 30.4.1
-      babel-jest: 30.4.1(@babel/core@7.29.0)
-      jest-util: 30.4.1
+      '@babel/core': 7.29.7
+      '@jest/transform': 29.7.0
+      '@jest/types': 29.6.3
+      babel-jest: 29.7.0(@babel/core@7.29.7)
+      jest-util: 29.7.0
 
-  ts-loader@9.5.7(typescript@5.9.3)(webpack@5.106.0):
+  ts-loader@9.6.0(loader-utils@1.4.2)(typescript@5.9.3)(webpack@5.106.0):
     dependencies:
       chalk: 4.1.2
-      enhanced-resolve: 5.22.0
+      enhanced-resolve: 5.23.0
       micromatch: 4.0.8
-      semver: 7.8.1
+      semver: 7.8.2
       source-map: 0.7.6
       typescript: 5.9.3
       webpack: 5.106.0
+    optionalDependencies:
+      loader-utils: 1.4.2
 
   ts-morph@26.0.0:
     dependencies:
       '@ts-morph/common': 0.27.0
       code-block-writer: 13.0.3
 
-  ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3):
+  ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.12
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 20.19.41
+      '@types/node': 20.19.42
       acorn: 8.16.0
       acorn-walk: 8.3.5
       arg: 4.1.3
@@ -24418,14 +26771,14 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
-  ts-node@10.9.2(@types/node@24.13.0)(typescript@5.9.3):
+  ts-node@10.9.2(@types/node@24.13.1)(typescript@5.9.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.12
       '@tsconfig/node12': 1.0.11
       '@tsconfig/node14': 1.0.3
       '@tsconfig/node16': 1.0.4
-      '@types/node': 24.13.0
+      '@types/node': 24.13.1
       acorn: 8.16.0
       acorn-walk: 8.3.5
       arg: 4.1.3
@@ -24440,7 +26793,7 @@ snapshots:
   tsconfig-paths-webpack-plugin@4.2.0:
     dependencies:
       chalk: 4.1.2
-      enhanced-resolve: 5.22.0
+      enhanced-resolve: 5.23.0
       tapable: 2.3.3
       tsconfig-paths: 4.2.0
 
@@ -24465,14 +26818,14 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
-  turbo@2.9.14:
+  turbo@2.9.16:
     optionalDependencies:
-      '@turbo/darwin-64': 2.9.14
-      '@turbo/darwin-arm64': 2.9.14
-      '@turbo/linux-64': 2.9.14
-      '@turbo/linux-arm64': 2.9.14
-      '@turbo/windows-64': 2.9.14
-      '@turbo/windows-arm64': 2.9.14
+      '@turbo/darwin-64': 2.9.16
+      '@turbo/darwin-arm64': 2.9.16
+      '@turbo/linux-64': 2.9.16
+      '@turbo/linux-arm64': 2.9.16
+      '@turbo/windows-64': 2.9.16
+      '@turbo/windows-arm64': 2.9.16
 
   tw-animate-css@1.4.0: {}
 
@@ -24490,7 +26843,7 @@ snapshots:
 
   type-fest@4.41.0: {}
 
-  type-fest@5.6.0:
+  type-fest@5.7.0:
     dependencies:
       tagged-tag: 1.0.0
 
@@ -24531,7 +26884,7 @@ snapshots:
       is-typed-array: 1.1.15
       reflect.getprototypeof: 1.0.10
 
-  typed-array-length@1.0.7:
+  typed-array-length@1.0.8:
     dependencies:
       call-bind: 1.0.9
       for-each: 0.3.5
@@ -24548,7 +26901,7 @@ snapshots:
     dependencies:
       kind-of: 3.2.2
 
-  typeorm-extension@3.9.0(@faker-js/faker@10.4.0)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))):
+  typeorm-extension@3.9.0(@faker-js/faker@10.4.0)(typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))):
     dependencies:
       '@faker-js/faker': 10.4.0
       consola: 3.4.2
@@ -24558,16 +26911,16 @@ snapshots:
       rapiq: 0.9.0
       reflect-metadata: 0.2.2
       smob: 1.6.2
-      typeorm: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3))
+      typeorm: 0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3))
       yargs: 18.0.0
 
-  typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.41)(typescript@5.9.3)):
+  typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@20.19.42)(typescript@5.9.3)):
     dependencies:
       '@sqltools/formatter': 1.2.5
-      ansis: 4.3.0
+      ansis: 4.3.1
       app-root-path: 3.1.0
       buffer: 6.0.3
-      dayjs: 1.11.20
+      dayjs: 1.11.21
       debug: 4.4.3(supports-color@5.5.0)
       dedent: 1.7.2(babel-plugin-macros@3.1.0)
       dotenv: 16.6.1
@@ -24580,18 +26933,18 @@ snapshots:
       yargs: 17.7.2
     optionalDependencies:
       pg: 8.21.0
-      ts-node: 10.9.2(@types/node@20.19.41)(typescript@5.9.3)
+      ts-node: 10.9.2(@types/node@20.19.42)(typescript@5.9.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
 
-  typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@24.13.0)(typescript@5.9.3)):
+  typeorm@0.3.30(babel-plugin-macros@3.1.0)(pg@8.21.0)(ts-node@10.9.2(@types/node@24.13.1)(typescript@5.9.3)):
     dependencies:
       '@sqltools/formatter': 1.2.5
-      ansis: 4.3.0
+      ansis: 4.3.1
       app-root-path: 3.1.0
       buffer: 6.0.3
-      dayjs: 1.11.20
+      dayjs: 1.11.21
       debug: 4.4.3(supports-color@5.5.0)
       dedent: 1.7.2(babel-plugin-macros@3.1.0)
       dotenv: 16.6.1
@@ -24604,7 +26957,7 @@ snapshots:
       yargs: 17.7.2
     optionalDependencies:
       pg: 8.21.0
-      ts-node: 10.9.2(@types/node@24.13.0)(typescript@5.9.3)
+      ts-node: 10.9.2(@types/node@24.13.1)(typescript@5.9.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -24677,6 +27030,33 @@ snapshots:
 
   unpipe@1.0.0: {}
 
+  unrs-resolver@1.12.2:
+    dependencies:
+      napi-postinstall: 0.3.4
+    optionalDependencies:
+      '@unrs/resolver-binding-android-arm-eabi': 1.12.2
+      '@unrs/resolver-binding-android-arm64': 1.12.2
+      '@unrs/resolver-binding-darwin-arm64': 1.12.2
+      '@unrs/resolver-binding-darwin-x64': 1.12.2
+      '@unrs/resolver-binding-freebsd-x64': 1.12.2
+      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.12.2
+      '@unrs/resolver-binding-linux-arm-musleabihf': 1.12.2
+      '@unrs/resolver-binding-linux-arm64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-arm64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-loong64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-loong64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-ppc64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-riscv64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-riscv64-musl': 1.12.2
+      '@unrs/resolver-binding-linux-s390x-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-x64-gnu': 1.12.2
+      '@unrs/resolver-binding-linux-x64-musl': 1.12.2
+      '@unrs/resolver-binding-openharmony-arm64': 1.12.2
+      '@unrs/resolver-binding-wasm32-wasi': 1.12.2
+      '@unrs/resolver-binding-win32-arm64-msvc': 1.12.2
+      '@unrs/resolver-binding-win32-ia32-msvc': 1.12.2
+      '@unrs/resolver-binding-win32-x64-msvc': 1.12.2
+
   unset-value@1.0.0:
     dependencies:
       has-value: 0.3.1
@@ -24723,39 +27103,65 @@ snapshots:
       punycode: 1.4.1
       qs: 6.15.2
 
-  use-callback-ref@1.3.3(@types/react@18.3.29)(react@19.2.6):
+  use-callback-ref@1.3.3(@types/react@18.3.31)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  use-callback-ref@1.3.3(@types/react@18.3.31)(react@19.2.6):
     dependencies:
       react: 19.2.6
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  use-composed-ref@1.4.0(@types/react@18.3.29)(react@19.2.6):
+  use-composed-ref@1.4.0(@types/react@18.3.31)(react@19.2.6):
     dependencies:
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  use-isomorphic-layout-effect@1.2.1(@types/react@18.3.29)(react@19.2.6):
+  use-deep-compare-effect@1.8.1(react@19.2.6):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      dequal: 2.0.3
+      react: 19.2.6
+
+  use-isomorphic-layout-effect@1.2.1(@types/react@18.3.31)(react@19.2.6):
     dependencies:
       react: 19.2.6
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  use-latest@1.3.0(@types/react@18.3.29)(react@19.2.6):
+  use-latest@1.3.0(@types/react@18.3.31)(react@19.2.6):
     dependencies:
       react: 19.2.6
-      use-isomorphic-layout-effect: 1.2.1(@types/react@18.3.29)(react@19.2.6)
+      use-isomorphic-layout-effect: 1.2.1(@types/react@18.3.31)(react@19.2.6)
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
 
-  use-sidecar@1.1.3(@types/react@18.3.29)(react@19.2.6):
+  use-sidecar@1.1.3(@types/react@18.3.31)(react@18.3.1):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.31
+
+  use-sidecar@1.1.3(@types/react@18.3.31)(react@19.2.6):
     dependencies:
       detect-node-es: 1.1.0
       react: 19.2.6
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
+
+  use-sync-external-store@1.6.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+    optional: true
 
   use-sync-external-store@1.6.0(react@19.2.6):
     dependencies:
@@ -24779,7 +27185,7 @@ snapshots:
       is-arguments: 1.2.0
       is-generator-function: 1.1.2
       is-typed-array: 1.1.15
-      which-typed-array: 1.1.20
+      which-typed-array: 1.1.22
 
   utils-merge@1.0.1: {}
 
@@ -24787,6 +27193,8 @@ snapshots:
     dependencies:
       base64-arraybuffer: 1.0.2
 
+  uuid@10.0.0: {}
+
   uuid@11.1.1: {}
 
   uuid@3.4.0: {}
@@ -24812,9 +27220,9 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vaul@1.1.2(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
+  vaul@1.1.2(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6):
     dependencies:
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.29))(@types/react@18.3.29)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@radix-ui/react-dialog': 1.1.16(@types/react-dom@18.3.7(@types/react@18.3.31))(@types/react@18.3.31)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       react: 19.2.6
       react-dom: 19.2.6(react@19.2.6)
     transitivePeerDependencies:
@@ -24827,6 +27235,23 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
+  victory-vendor@36.9.2:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
   victory-vendor@37.3.6:
     dependencies:
       '@types/d3-array': 3.2.2
@@ -24850,13 +27275,13 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
-  vite-node@2.1.9(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0):
+  vite-node@2.1.9(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3(supports-color@5.5.0)
       es-module-lexer: 1.7.0
       pathe: 1.1.2
-      vite: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
+      vite: 5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -24868,21 +27293,21 @@ snapshots:
       - supports-color
       - terser
 
-  vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0):
+  vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.5.15
-      rollup: 4.60.4
+      rollup: 4.61.1
     optionalDependencies:
-      '@types/node': 24.13.0
+      '@types/node': 24.13.1
       fsevents: 2.3.3
       lightningcss: 1.32.0
       terser: 5.48.0
 
-  vitest@2.1.9(@types/node@24.13.0)(jsdom@25.0.1(canvas@2.11.2))(lightningcss@1.32.0)(msw@2.14.6(@types/node@24.13.0)(typescript@5.9.3))(terser@5.48.0):
+  vitest@2.1.9(@types/node@24.13.1)(jsdom@25.0.1)(lightningcss@1.32.0)(msw@2.14.6(@types/node@24.13.1)(typescript@5.9.3))(terser@5.48.0):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(msw@2.14.6(@types/node@24.13.0)(typescript@5.9.3))(vite@5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0))
+      '@vitest/mocker': 2.1.9(msw@2.14.6(@types/node@24.13.1)(typescript@5.9.3))(vite@5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -24898,12 +27323,12 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.1.1
       tinyrainbow: 1.2.0
-      vite: 5.4.21(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
-      vite-node: 2.1.9(@types/node@24.13.0)(lightningcss@1.32.0)(terser@5.48.0)
+      vite: 5.4.21(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0)
+      vite-node: 2.1.9(@types/node@24.13.1)(lightningcss@1.32.0)(terser@5.48.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 24.13.0
-      jsdom: 25.0.1(canvas@2.11.2)
+      '@types/node': 24.13.1
+      jsdom: 25.0.1
     transitivePeerDependencies:
       - less
       - lightningcss
@@ -25067,7 +27492,7 @@ snapshots:
       acorn-import-phases: 1.0.4(acorn@8.16.0)
       browserslist: 4.28.2
       chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.22.0
+      enhanced-resolve: 5.23.0
       es-module-lexer: 2.1.0
       eslint-scope: 5.1.1
       events: 3.3.0
@@ -25079,7 +27504,7 @@ snapshots:
       neo-async: 2.6.2
       schema-utils: 4.3.3
       tapable: 2.3.3
-      terser-webpack-plugin: 5.6.0(webpack@5.106.0)
+      terser-webpack-plugin: 5.6.1(webpack@5.106.0)
       watchpack: 2.5.1
       webpack-sources: 3.5.0
     transitivePeerDependencies:
@@ -25142,7 +27567,7 @@ snapshots:
       isarray: 2.0.5
       which-boxed-primitive: 1.1.1
       which-collection: 1.0.2
-      which-typed-array: 1.1.20
+      which-typed-array: 1.1.22
 
   which-collection@1.0.2:
     dependencies:
@@ -25155,7 +27580,7 @@ snapshots:
 
   which-module@2.0.1: {}
 
-  which-typed-array@1.1.20:
+  which-typed-array@1.1.22:
     dependencies:
       available-typed-arrays: 1.0.7
       call-bind: 1.0.9
@@ -25185,7 +27610,6 @@ snapshots:
   wide-align@1.1.5:
     dependencies:
       string-width: 4.2.3
-    optional: true
 
   window-size@0.1.0: {}
 
@@ -25249,14 +27673,10 @@ snapshots:
       imurmurhash: 0.1.4
       signal-exit: 3.0.7
 
-  write-file-atomic@5.0.1:
-    dependencies:
-      imurmurhash: 0.1.4
-      signal-exit: 4.1.0
-    optional: true
-
   ws@8.20.1: {}
 
+  ws@8.21.0: {}
+
   wsl-utils@0.3.1:
     dependencies:
       is-wsl: 3.1.1
@@ -25299,8 +27719,7 @@ snapshots:
 
   yallist@3.1.1: {}
 
-  yallist@4.0.0:
-    optional: true
+  yallist@4.0.0: {}
 
   yaml@1.10.3: {}
 
@@ -25434,9 +27853,16 @@ snapshots:
 
   zod@4.4.3: {}
 
-  zustand@5.0.13(@types/react@18.3.29)(immer@11.1.8)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6)):
+  zustand@5.0.14(@types/react@18.3.31)(immer@11.1.8)(react@18.3.1)(use-sync-external-store@1.6.0(react@18.3.1)):
     optionalDependencies:
-      '@types/react': 18.3.29
+      '@types/react': 18.3.31
+      immer: 11.1.8
+      react: 18.3.1
+      use-sync-external-store: 1.6.0(react@18.3.1)
+
+  zustand@5.0.14(@types/react@18.3.31)(immer@11.1.8)(react@19.2.6)(use-sync-external-store@1.6.0(react@19.2.6)):
+    optionalDependencies:
+      '@types/react': 18.3.31
       immer: 11.1.8
       react: 19.2.6
       use-sync-external-store: 1.6.0(react@19.2.6)
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index cb25b8f87..727bac4ff 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -4,3 +4,21 @@ packages:
   - "apps/edr-passenger-web/*"
   - "packages/*"
   - "packages/config/*"
+allowBuilds:
+  "@nestjs/core": true
+  '@parcel/watcher': false
+  "@prisma/client": true
+  "@prisma/engines": true
+  "@scarf/scarf": true
+  argon2: true
+  bcrypt: true
+  core-js: true
+  es5-ext: true
+  esbuild: true
+  highlight.js: true
+  msw: false
+  prisma: true
+  puppeteer: false
+  tesseract.js: true
+  uglifyjs-webpack-plugin: true
+  unrs-resolver: false
diff --git a/scripts/deploy/create-npmrc.sh b/scripts/deploy/create-npmrc.sh
new file mode 100644
index 000000000..ce3df826c
--- /dev/null
+++ b/scripts/deploy/create-npmrc.sh
@@ -0,0 +1,19 @@
+#!/usr/bin/env bash
+# Create .npmrc_temp and .npmrc for Docker BuildKit / compose secrets.
+# Requires NPM_TOKEN in the environment.
+
+set -euo pipefail
+
+if [[ -z "${NPM_TOKEN:-}" ]]; then
+  echo "NPM_TOKEN is not set" >&2
+  exit 1
+fi
+
+cat <<EOF > .npmrc_temp
+@tria-plc:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=${NPM_TOKEN}
+always-auth=true
+EOF
+
+cp .npmrc_temp .npmrc
+echo "Created .npmrc_temp and .npmrc for private @tria-plc packages"
diff --git a/scripts/deploy/sync-env-from-server.sh b/scripts/deploy/sync-env-from-server.sh
new file mode 100644
index 000000000..802793b6e
--- /dev/null
+++ b/scripts/deploy/sync-env-from-server.sh
@@ -0,0 +1,87 @@
+#!/usr/bin/env bash
+# Sync .env files from the self-hosted runner filesystem into the repo.
+#
+# Usage:
+#   PROJECT=edr-freight BRANCH=main ./scripts/deploy/sync-env-from-server.sh freight-api freight-portal freight-backoffice
+#
+# Server layout (one file per service):
+#   /home/user/environmen/<project>/<branch-slug>/freight-api.env
+#   /home/user/environmen/<project>/<branch-slug>/freight-portal.env
+#   /home/user/environmen/<project>/<branch-slug>/freight-web.build.env  (optional, exports VITE_API_URL etc.)
+
+set -euo pipefail
+
+DEPLOY_USER="${DEPLOY_USER:-tria}"
+BRANCH="${BRANCH:?BRANCH is required}"
+BRANCH_SLUG="${BRANCH_SLUG:-$(echo "${BRANCH}" | tr "[:upper:]" "[:lower:]" | sed -E "s/[^a-z0-9]+/-/g; s/^-+//; s/-+$//")}"
+ENV_ROOT="${ENV_ROOT:-/home/${DEPLOY_USER}/environment/edr/${BRANCH_SLUG}/${PROJECT:?PROJECT is required}}"
+
+if [[ ! -d "${ENV_ROOT}" ]]; then
+  echo "Environment directory not found: ${ENV_ROOT}" >&2
+  exit 1
+fi
+
+echo "Using environment directory: ${ENV_ROOT}"
+
+declare -A SERVICE_ENV_TARGET=(
+  ["freight-api"]="apps/edr-freight-api/.env"
+  ["freight-portal"]="apps/edr-freight-web/portal/.env"
+  ["freight-backoffice"]="apps/edr-freight-web/backoffice/.env"
+  ["passenger-api"]="apps/edr-passenger-api/.env"
+  ["passenger-portal"]="apps/edr-passenger-web/portal/.env"
+  ["passenger-backoffice"]="apps/edr-passenger-web/backoffice/.env"
+  ["payment-api"]="apps/edr-payment-api/.env"
+)
+
+for service in "$@"; do
+  src="${ENV_ROOT}/${service}.env"
+  dest="${SERVICE_ENV_TARGET[${service}]:-}"
+
+  if [[ -z "${dest}" ]]; then
+    echo "Unknown service: ${service}" >&2
+    exit 1
+  fi
+
+  if [[ ! -f "${src}" ]]; then
+    echo "Missing env file: ${src}" >&2
+    exit 1
+  fi
+
+  mkdir -p "$(dirname "${dest}")"
+  cp "${src}" "${dest}"
+  echo "Synced ${src} -> ${dest}"
+
+  port_value=$(sed -n -E 's/^[[:space:]]*PORT[[:space:]]*=[[:space:]]*"?([^"#]+)"?[[:space:]]*(#.*)?$/\1/p' "${src}" | head -n1 | tr -d '[:space:]')
+  if [[ -z "${port_value}" ]]; then
+    echo "Missing required PORT in env file: ${src}" >&2
+    exit 1
+  fi
+
+  if [[ -n "${GITHUB_ENV:-}" ]]; then
+    service_var=$(echo "${service}" | tr '[:lower:]-' '[:upper:]_')
+    echo "${service_var}_PORT=${port_value}" >> "${GITHUB_ENV}"
+    echo "Exported ${service_var}_PORT from ${src}"
+
+    # Forward NEXT_PUBLIC_* vars so docker compose build can inject them as build args.
+    grep -E '^[[:space:]]*NEXT_PUBLIC_[A-Za-z0-9_]+=' "${src}" \
+      | sed -E 's/^[[:space:]]*//' >> "${GITHUB_ENV}" || true
+  fi
+done
+
+# Optional build-time variables (VITE_API_URL, etc.)
+# Set BUILD_ENV_FILE=freight-web.build.env or passenger-web.build.env per workflow.
+build_env_file="${BUILD_ENV_FILE:-web.build.env}"
+build_env="${ENV_ROOT}/${build_env_file}"
+if [[ -f "${build_env}" ]]; then
+  echo "Loading build variables from ${build_env}"
+  set -a
+  # shellcheck disable=SC1090
+  source "${build_env}"
+  set +a
+
+  if [[ -n "${GITHUB_ENV:-}" ]]; then
+    grep -E '^[[:space:]]*export[[:space:]]+[A-Za-z_][A-Za-z0-9_]*=' "${build_env}" \
+      | sed -E 's/^[[:space:]]*export[[:space:]]+//' >> "${GITHUB_ENV}"
+    echo "Wrote build variables to GITHUB_ENV"
+  fi
+fi
diff --git a/turbo.json b/turbo.json
index 8d54b83ac..548b6d7a9 100644
--- a/turbo.json
+++ b/turbo.json
@@ -3,7 +3,7 @@
   "tasks": {
     "build": {
       "dependsOn": ["^build"],
-      "outputs": ["dist/**", "build/**"]
+      "outputs": ["dist/**", "build/**", ".next/**"]
     },
     "dev": {
       "cache": false,